<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* hanbom.com _ project _ Kimjuyeon _ 20200923 */

/* reset : normalize or reset */
@import url(_base.css);
@import url(lib/aos.css);
/* library
@import url(lib/jquery-ui.css);
@import url(lib/swiper.min.css);
@import url(lib/jquery-ui-custom.css);
*/
@import url(lib/swiper.min.css);
@import url(lib/swiper-custom.css);
@import url(_font.css?v=20240120);
@import url(_layout.css?v=20241010);
@import url(_button.css);
@import url(_form.css?v=20240119);
@import url(_global.css?v=20240326);

/* defult */
html, body{width:100%;height:100%;}


/* sub common */
#content.sub{}
@media all and (max-width:640px){
	#content.sub{}
}
@media all and (min-width:641px){
	#content.sub{}
}

/* list common */
#content.list{}
@media all and (max-width:640px){
	#content.list{}
}
@media all and (min-width:641px){
	#content.list{}
}

/* detail common */
#content.detail{}
@media all and (max-width:640px){
	#content.detail{}
}
@media all and (min-width:641px){
	#content.detail{}
}


/* MAIN */
#content.main .section{position: relative;}
#content.main .section.bg-0d.gutter-0-60,
#content.main .section.bg-0d.gutter-380-60{padding-top: 200px; padding-bottom: 200px;}
#content.main .section.bg-0d.gutter-380-60 .section-title.pc-vertical{top: 200px;}
@media all and (min-width: 769px) and (max-width: 1480px) {
	#content.main .section.bg-0d.gutter-0-60,
	#content.main .section.bg-0d.gutter-380-60{padding-top: 13.514vw; padding-bottom: 13.514vw;}
}
@media all and (min-width:769px) {
	#content.main .button-area {display: none;}
}
@media all and (max-width: 768px){
	#content.main .section.bg-0d.gutter-0-60,
	#content.main .section.bg-0d.gutter-380-60{padding-top: 65px; padding-bottom: 65px;}
	#content.main .button-area.hide {display: none;}
}
#content.main .item.normal .title,
#content.main .item.bg-type .title,
#content.main .item.bg-type .text {font-weight: 400;}

@media all and (max-width: 768px){
	#content.main .data-list &gt; li:not(.mo-block) {display: none;}
}

/* section.oled */
#content.main .section.oled{height: 100vh;}
#content.main .section.oled .main-wrap{position: absolute; top: 50%; left: 0; right: 0; z-index: 2; transform: translateY(-50%); width: 100%; text-align: center;}
#content.main .video-wrap video,
#content.main .video-wrap iframe{ -o-object-fit: cover;object-fit: cover;}
@media all and (max-width:1180px) {
	#content.main .section.oled .main-wrap{top: 0; transform: translateY(0); width: 100%; height: 100%; 
		display: -webkit-box; display: -ms-flexbox; display: flex; 
		-webkit-box-align: center; -ms-flex-align: center; align-items: center; 
		-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
		-webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 7.5vh;
	}
}
#content.main .section.oled .title{font-size: 160px; line-height: 1.4; }

@media all and (min-width:769px) and (max-width:1080px) {
	#content.main .section.oled .title{font-size: 14.815vw;}
}
@media all and (max-width:768px) {
	#content.main .section.oled .title{font-size: 60px; max-width: 265px; margin: 0 auto;}
}
#content.main .section.oled .scroll-wrap{position: absolute; left: 0; right: 0; margin-top: 60px;}
@media all and (max-width:1180px) {
	#content.main .section.oled .scroll-wrap{position: relative; margin-top: 8vh;}
}
#content.main .section.oled .motion{ position: relative; overflow: hidden; display: inline-block; background-color: rgba(255,255,255,0.6); width: 1px; height: 183px; }
#content.main .section.oled .motion::before{content: ""; width: 100%; height: 61px; background-color: #fff; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; animation: motion 3s infinite; }
@media all and (max-width:768px) {
	
	#content.main .section.oled .motion{height: 147px;}
	#content.main .section.oled .motion::before{height: 49px;}
}
@keyframes motion{
	0%{
		transform: translateY(-61px);
	}
	100%{
		transform: translateY(245px);
	}
}
@media all and (max-width:768px) {
	@keyframes motion{
		0%{
			transform: translateY(-49px);
		}
		100%{
			transform: translateY(196px);
		}
	}	
}
#content.main .section.oled .motion + .text{margin-top: 16px;}
#content.main .section.oled .text{color: #fff; font-weight: normal; line-height: 1.4;}
@media all and (max-width:414px) {
	#content.main .section.oled .text{font-size: 14px;}
}

/* section.whatson */
#content .section.whatson.bg-0d.gutter-380-60{padding-top: 234px;}
#content .section.whatson.bg-0d.gutter-380-60 .section-title.pc-vertical{top: 234px;}
#content .section.whatson .item.normal {display: block; width: 100%;}
#content .section.whatson .item.normal .text-wrap {width: 100%; text-align: left;}
#content .section.whatson .item.normal .text {font-size: 18px; white-space: pre-wrap;}
@media all and (min-width: 1280px) {
	#content .section.whatson .item.normal .img-wrap {height: 26.042vw;}
	#content .section.whatson .data-list.col-2 li:nth-of-type(n+3){margin-top: 120px;}
}
@media all and (max-width: 768px){
	#content .section.whatson.bg-0d.gutter-380-60 {padding-top: 70px;}
	#content .section.whatson .data-list.col-2 li {width: 100% !important;}
	#content .section.whatson .item.normal .text {font-size: 16px;}
}

/* section.project */
#content.main .section.project.bg-0d.gutter-380-60{padding-right: 0;}
#content.main .section.project .data-list li + li{margin-top: 32px;}
#content.main .section.project .data-list .text-wrap &gt; div { width: 100%;
	display: -webkit-box; display: -ms-flexbox; display: flex; 
	-webkit-box-align: center; -ms-flex-align: center; align-items: center; 
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
	-webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; 
}
#content.main .section.project .data-list .text-wrap .text-top {-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
#content.main .section.project .text-wrap &gt; div .text{font-weight: 600;}
@media all and (min-width:1921px) {
	#content.main .section.project .text-wrap &gt; div .text {width: calc(100% - 800px);}
}
@media all and (min-width:961px) and (max-width: 1920px) {
	#content.main .section.project .text-wrap &gt; div .text {width: calc(100% - 57%);}
	#content.main .section.project .text-wrap &gt; div .detail-text {width: 57%;}
}
#content.main .section.project .data-list .text-wrap .title{ word-break: break-all;}
#content.main .section.project .data-list .text-wrap .detail-text{font-size: 18px;}
@media all and (min-width:769px) and (max-width:1440px) {
	#content.main .section.project .data-list .text-wrap .title{font-size: 60px;}
}
@media all and (min-width:961px) {
	#content.main .section.project .data-list .text-wrap &gt; div .text{text-align: right;}	
}
@media all and (max-width:960px) {
	#content.main .section.project .data-list .text-wrap{position: relative;}
	#content.main .section.project .data-list .text-wrap &gt; div{display: block;}
	#content.main .section.project .data-list .text-wrap &gt; div .text + p{margin-top: 12px;}
}
@media all and (min-width:769px) and (max-width:960px) {
	#content.main .section.project .data-list .text-wrap{padding: 4.167vw 0;}
	#content.main .section.project .data-list .text-wrap .title{ position: absolute; top: -125px; padding-left: 4.167vw; height: 110px; line-height: 55px;
	display: -webkit-box; display: -ms-flexbox; display: flex; 
	-webkit-box-align: end; -ms-flex-align: end; align-items: flex-end;
	}
	#content.main .section.project .item.bg-type .masterpiece {background-color: #fff; color: #000; margin-bottom: 15px;}
}
@media all and (max-width:768px) {
	#content.main .section.project .item.bg-type.ratio-16-9 .img-wrap {padding-top: 65%;}
	#content.main .section.project .img-wrap{width: calc(100% + 50px); margin-left: -25px;}
	#content.main .section.project .data-list &gt; li {display: block;}
	#content.main .section.project .data-list .text-wrap{padding: 20px 0;}
	#content.main .section.project .data-list .text-wrap .title{font-size: 32px; padding: 0; letter-spacing: -2px;}
	#content.main .section.project .data-list .text-wrap .detail-text{font-size: 16px;}
}
.hidden-wrap {display: block;}
.text-hidden {display: block; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform;}
.text-hidden em {display: inline-block; opacity: 0;}

#content.main .section.oled .text-hidden,
#content.main .section.oled .text-hidden &gt; span {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
#content.main .section.oled .text-hidden &gt; span:first-child{letter-spacing: -4px;}
#content.main .section.oled .text-hidden &gt; span.book{letter-spacing: -1.27px;}
#content.main .section.oled .title .book {margin-left: 42px; margin-right: 42px;}
@media all and (max-width:768px) {
	#content.main .section.oled .text-hidden {display: block;}
	#content.main .section.oled .text-hidden &gt; span {line-height: 1.3;}
	#content.main .section.oled .text-hidden &gt; span:not(:first-child) {display: inline-flex;}
	#content.main .section.oled .title .book {margin-left: 0; margin-right: 0;}
}

/* canvas */
#content.main .section.canvas{ background: #0f0f0f;  height: 100vh;
	display: -webkit-box; display: -ms-flexbox; display: flex; 
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
}
#content.main .section.canvas .text-wrap{text-align: center;}
#content.main .section.canvas .title{font-size: 80px; font-weight: normal; color: #fff; }
#content.main .section.canvas .title span{line-height: 1.5;}
#content.main .section.canvas .title span.book {font-size: 100px;}
#content.main .section.canvas .title .ft-change{font-size: 100px;}
#content.main .section.canvas .title + .text{margin-top: 60px;}
#content.main .section.canvas .text{max-width: 910px; font-size: 30px; line-height: 1.8; margin: 0 auto;}
@media all and (min-width:1281px) and (max-width: 1730px) {
	#content.main .section.canvas .title {font-size: 4.167vw;}
	#content.main .section.canvas .title span.book {font-size: 5.208vw;}
	#content.main .section.canvas .img-wrap {width: 11.146vw;}
}
@media all and (min-width:769px) and (max-width: 1280px) {
	#content.main .section.canvas .title {font-size: 4.969vw;}
	#content.main .section.canvas .title span.book {font-size: 6.531vw;}
	#content.main .section.canvas .img-wrap {width: 16.5vw;}
}
@media all and (min-width:961px) {
	#content.main .section.canvas .img-wrap {display: inline-block; vertical-align: text-bottom;}
}
@media all and (max-width:960px) {
	#content.main .section.canvas {height: auto; padding-top: 190px; padding-bottom: 180px;}
	#content.main .section.canvas .img-wrap {display: block; width: 400px; margin: 0 auto;}
	#content.main .section.canvas .title {
		display: -ms-flexbox; display: -webkit-flex; display: flex; 
		-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
	}
	#content.main .section.canvas .title span:not(.img-wrap) {-webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1;}
	#content.main .section.canvas .title span.img-wrap {-webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 60px;}
}
@media all and (max-width:768px) {
	#content.main .section.canvas {padding-top: 127px; padding-bottom: 120px;}
	#content.main .section.canvas .img-wrap {width: 214px;}
	#content.main .section.canvas .title { font-size: 30px;}
	#content.main .section.canvas .title span.book {font-size: 40px;}
	#content.main .section.canvas .title span.img-wrap,
	#content.main .section.canvas .title + .text {margin-top: 24px;}
	#content.main .section.canvas .text {font-size: 18px;}
}

/* section.artist */
@media all and (max-width:768px) {
	#content.main .section.artist .item.bg-type.ratio-16-9 .text-wrap{padding: 20px 0 30px;}
	#content.main .section.artist .item.bg-type.ratio-16-9 .title{position: initial; line-height: 1.5; height: auto; padding: 0; font-size: 20px;}
	#content.main .section.artist .item.bg-type.ratio-16-9 .text{line-height: 1.81;}
	#content.main .section.artist .item.bg-type.ratio-16-9 .title + .text{margin-top: 12px;}
	#content.main .section.artist .data-list.col-4 .item.normal{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
	#content.main .section.artist .data-list.col-4 &gt; li + li{margin-top: 60px; padding: 0;}
	#content.main .section.artist .data-list.col-4 &gt; li:nth-of-type(even) .item{-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
	#content.main .section.artist .data-list.col-4 &gt; li:not(.main-data) .img-wrap{width: calc(100% - 126px);}
	#content.main .section.artist .data-list.col-4 &gt; li:not(.main-data) .text-wrap{width: calc(100% - 178px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; padding-top: 0;  text-align: left;}
	#content.main .section.artist .data-list.col-4 .text-wrap .text{font-size: 16px;}
	#content.main .section.artist .data-list.col-4 &gt; li:nth-of-type(even):not(.main-data) .text-wrap{text-align: right; }
	#content.main .section.artist .data-list.col-4 &gt; li:nth-of-type(odd):not(.main-data) .img-wrap + .text-wrap{padding-left: 22px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}
	#content.main .section.artist .data-list.col-4 &gt; li:nth-of-type(even):not(.main-data) .img-wrap + .text-wrap{padding-right: 22px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
}
#content.main .section.artist .item.bg-type {cursor: pointer;}
#content.main .section.artist .item.bg-type .title{font-size: 40px;}
#content.main .section.artist .item.bg-type .text{max-width: 800px;}
@media all and (min-width:769px) and (max-width:1440px) {
	#content.main .section.artist .item.bg-type .title{font-size: 30px;}
}
@media all and (min-width:1281px) and (max-width:1580px) {
	#content.main .section.artist .item.bg-type .text{max-width: 100%; padding-right: 150px;}
}
@media all and (max-width:1280px) {
	#content.main .section.artist .item.bg-type .text {padding-right: 120px;}
}
@media all and (min-width: 769px) and (max-width: 1600px) {
	#content.main .section.artist .item.video-play .img-wrap::after {bottom: 4.167vw; right: 4.167vw;}
}
@media all and (max-width:768px) {
	#content.main .section.artist .item.bg-type .title{font-size: 0px;}
	#content.main .section.artist .item.bg-type .text {padding-right: 0;}
}

/* section.artwork */
#content.main .section.artwork .data-first + div,
#content.main .section.artwork .data-first + ul{margin-top: 30px;}
#content.main .section.artwork .item.bg-type .title {font-size: 40px;}
@media all and (min-width:1281px) and (max-width:1480px) {
	#content.main .section.artwork .data-list.col-3 &gt; li {margin-top: 50px;} 
}
@media all and (min-width:769px) and (max-width:1440px) {
	#content.main .section.artwork .item.bg-type .title{font-size: 30px;}
}
@media all and (min-width:769px) and (max-width:1080px) {
	#content.main .section.artwork .data-list.col-3 &gt; li {margin-top: 50px;}
}
@media all and (min-width:769px) {
	#content.main .section.artwork .item.normal .title + .text {margin-top: 2px;}
}
@media all and (max-width:768px) {
	#content.main .section.artwork li.main-data .item.bg-type .text-wrap {padding-left: 0; padding-right: 0;}
	#content.main .section.artwork li.main-data .item.bg-type .title {position: relative;top: auto;height: auto;font-size: 18px;padding: 0;}
}

/* section.update */
#content.main .section.up-date .grid-layout.col-3 {margin-top: -30px;}
#content.main .section.up-date .grid-layout.col-3 &gt; li {margin-top: 30px; margin-bottom: 30px;}
#content.main .section.up-date .ico.facebook {width: 56px; height: 56px; background-image: url('../images/sns/ico_facebook-small.svg');}

/* .section.contact */
.section.contact .section-title {font-size: 80px; line-height: 1.5;}
.section.contact .section-title + .list-wrap {margin-top: 100px;}
.section.contact .data-list li a,
.section.contact .btn.contact{display: inline-block; position: relative; font-family: 'LGEI Headline'; font-size: 40px; line-height: 1.5;}
.section.contact .data-list li a::before,
.section.contact .btn.contact::before {content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: #fff; opacity: 0; transition: 0.3s ease;}
.section.contact .data-list li a:hover::before,
.section.contact .btn.contact:hover::before {width: 100%; opacity: 1;}
.section.contact .data-list li + li {margin-top: 28px;}
@media all and (max-width: 768px){
	.section.contact .section-title {font-size: 34px;}
	.section.contact .section-title + .list-wrap {margin-top: 32px;}
	.section.contact .data-list li a,
	.section.contact .btn.contact {font-size: 20px;}
	.section.contact .data-list li + li {margin-top: 20px;}

	#content.main .section.contact .data-list li {display: block;}
}


/* list common */
#content.list{}

/* detail common */
#content.detail .visual &gt; .gutter-220 {padding-left: 0; padding-right: 0;}
#content.detail .visual + article {margin-top: 80px;}
#content.detail article.data-wrap{padding-bottom: 180px;}
#content.detail:not(.whatson) article .section-title{font-size: 100px; line-height: 1.4;}
#content.detail article .section-title.medium {font-size: 80px; line-height: 1.25;}
#content.detail article .section-title,
#content.detail:not(.whatson) article .title-wrap{margin-bottom: 40px;}
#content.detail .section.bg-0d{padding-top: 180px; padding-bottom: 180px;}
#content.detail .section.other{padding-top: 200px;}
/* #content.detail:not(.artwork):not(.artist) .section.other .data-list{
	-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;
} */
#content.detail:not(.whatson) article .title-wrap .section-title {margin-bottom: 0;}
#content .section.products .sub-title {font-weight: 700; font-size: 38px; line-height: 1.5;}
#content .section.products .title-wrap + .data-list {margin-top: 80px;}
#content .section.products .item.normal .title {line-height: 1.5; text-align: center;}
#content .section.products .item.normal .img-wrap {padding-top: 80.51%;}
@media all and (min-width:1201px) {
	#content.detail:not(.whatson) .data-wrap .title-wrap {display: -ms-flexbox; display: -webkit-flex; display: flex;
		-webkit-align-items: center; -ms-flex-align: center; align-items: center;
		overflow-wrap: break-word;
	}
	#content.detail .data-wrap .title-wrap .section-title,
	#content.detail .data-wrap .title-wrap .artical-summery {width: calc(100% - 250px);}
	#content.detail .data-wrap .title-wrap .article-links {width: 250px;}
	#content.detail .data-wrap .title-wrap .section-title,
	#content.detail .data-wrap .title-wrap .artical-summery ,
	#content.detail .data-wrap .title-wrap .article-links {min-width: 0;}
}
@media all and (min-width:769px) {
	#content .section.products .item.normal .text-wrap {padding-top: 40px;}
}
@media all and (max-width:768px) {
	#content.detail .visual .gutter-220 .video-wrap{margin-left:0; margin-right:0;}
	#content.detail .visual + article{margin-top: 20px;}
	#content.detail article.data-wrap{padding-bottom: 70px;}
	#content.detail article .section-title{font-size: 32px;}
	#content.detail article .section-title.medium {font-size: 30px;}
	#content.detail article .section-title,
	#content.detail article .title-wrap{margin-bottom: 20px;}
	#content.detail .section.bg-0d{padding-top: 60px; padding-bottom: 70px;}
	#content.detail .section.other{padding-top: 65px;}
	#content.detail .section.other .data-list,
	#content .section.products .data-list {display: block;}
	#content .section.products .sub-title {font-size: 24px;}
	#content .section.products .title-wrap + .data-list {margin-top: 60px;}

	#content.detail article.data-wrap + .section.products {padding-top: 45px; padding-bottom: 55px;}
}
@media (hover: hover) {
	#content .section.products .item.ratio-4-3 .img-wrap.centered img {transition: transform .35s ease-in-out;
		-moz-transform: translateX(-50%) translateY(-50%) scale(1);
		-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
		-o-transform: translateX(-50%) translateY(-50%) scale(1);
		-ms-transform: translateX(-50%) translateY(-50%) scale(1);
		transform: translateX(-50%) translateY(-50%) scale(1);
	}
	#content .section.products .item.ratio-4-3:hover .img-wrap.centered img {
		-moz-transform: translateX(-50%) translateY(-50%) scale(1.08);
		-webkit-transform: translateX(-50%) translateY(-50%) scale(1.08);
		-o-transform: translateX(-50%) translateY(-50%) scale(1.08);
		-ms-transform: translateX(-50%) translateY(-50%) scale(1.08);
		transform: translateX(-50%) translateY(-50%) scale(1.08);
	}
}
#content.detail .video-wrap{padding-top: 56.25%;}
#content.detail .video-wrap img,
#content.detail .video-wrap iframe{position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%;}
#content.detail .article-layout{
	display: -webkit-box; display: -ms-flexbox; display: flex;
}
#content.detail .artical-summery .dl .dt {font-weight: 700;}
@media all and (min-width:961px) {
	#content.detail .article-layout{
		-webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;
	}
	#content.detail:not(.whatson) .artical-summery{width: 550px}
	#content.detail:not(.whatson) .article-contents{width: calc(100% - 630px);}
}
@media all and (max-width: 960px) {
	#content.detail .article-layout{
		-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
	}
	#content.detail .article-layout &gt; div{width: 100%}
	#content.detail .article-layout .artical-summery + .article-contents,
	#content.detail .section-title + .article-links {margin-top: 30px;}
	#content.detail .sns-wrap {-webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;}
}

#content.detail .artical-summery dl + dl{margin-top: 20px;}

#content.detail .article-links{
	display: -ms-flexbox; display: -webkit-flex; display: flex;
	-webkit-align-items: center; -ms-flex-align: center; align-items: center;
}
#content.detail .article-contents .article-links + .text-wrap{margin-top: 40px;}
@media all and (min-width:769px) {
	#content.detail .article-links .btn.bdr + .btn.bdr{margin-left: 16px;}
	#content.detail .item.normal.land .text.ellipsis {height: 120px; -webkit-line-clamp:4; line-height: 30px;}
}
@media all and (min-width:1601px) {
	#content.detail .article-links{
		-webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;
	}
	#content.detail .article-links .btn.bdr + .sns-wrap{max-width: calc(100% - 266px);}
	/* #content.detail .article-links .btn.bdr + .btn.bdr + .sns-wrap{max-width: calc(100% - 532px);} */
}
@media all and (min-width:1201px) and (max-width:1750px) {
	#content.detail .article-links{
		-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
		-webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;
	}
	#content.detail .article-links .btn.bdr{min-width: calc(50% - 8px); width: calc(50% - 8px);}
	#content.detail .article-links .btn.bdr + .sns-wrap{margin-top: 16px;}
}
@media all and (max-width:768px) {
	#content.detail .article-links{display: block;}
	#content.detail .article-links .btn.bdr + .btn.bdr{margin-top: 16px;}
	#content.detail .article-contents .sns-wrap{
		-webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
	}
	#content.detail .item.normal.land .text.ellipsis {height: 168px; -webkit-line-clamp:6; line-height: 28px;}
}

/* section.artist */
#content.detail .artist .sticky-wrap{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
#content.detail .artist .swiper-slide{width: auto !important;}
#content.detail .artist .swiper-slide a {color: #6b6b6b;}
#content.detail .artist .swiper-slide:hover a,
#content.detail .artist .swiper-slide.current a{color: white; position: relative;}
#content.detail .artist .profile-title{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
#content.detail .artist .profile-title .img-wrap{width: 80px; height: 80px; border: 1px solid #242424;
	border-radius: 40px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
}
#content.detail .artist .profile-title .title{width: calc(100% - 104px); font-size: 80px; line-height: 1.4; word-break: keep-all;}
#content.detail .artist .profile-title .img-wrap + .title{margin-left: 24px;}

#content.detail .artist .video-wrap + div,
#content.detail .artist .video-wrap + ul{margin-top: 60px;}
#content.detail .artist .data-list li + li{margin-top: 40px;}
#content.detail .artist .sticky-contents &gt; section + section {padding-top: 180px;}

@media all and (min-width:1441px) {
	#content.detail .artist .sticky-contents{width: calc(100% - 375px);}
}
@media all and (min-width:1281px){
	#content.detail .artist .swiper-container{position: sticky; top: 150px; left: 0;}
	#content.detail .artist .swiper-wrapper{-webkit-transform: none!important;-ms-transform: none!important;transform: none!important; display:block!important; width: 100%; height: auto !important;}
	#content.detail .artist .swiper-wrapper{-webkit-transform: none!important;-ms-transform: none!important;transform: none!important; display:block!important; width: 100%; height: auto !important;}
	#content.detail .artist .swiper-slide + li{margin-top: 20px;}
	#content.detail .section.artist .profile-title + div,
	#content.detail .section.artist .profile-title + ul{margin-top: 30px;}
}
@media all and (min-width:1281px) and (max-width:1440px) {
	#content.detail .artist .sticky-contents{width: calc(100% - 325px);}
}
@media all and (max-width:1280px){
	#content.detail .artist .sticky-wrap{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
	#content.detail .artist .sticky-menu + div,
	#content.detail .artist .sticky-menu + ul{margin-top: 40px;}
	#content.detail .artist .swiper-slide + li{margin-left: 30px;}
	#content.detail .artist .swiper-slide:last-child{padding-right: 30px;}
	#content.detail .artist .profile-title + div,
	#content.detail .artist .profile-title + ul{margin-top: 20px;}

	#content.detail .artist .sticky-menu{position: sticky; top: 0; left: 0; z-index: 10; width: calc(100% + (60px * 2)); background: #0d0d0d; padding: 47px 0; margin-left: -60px; transition: top 500ms ease-in-out;}
	#content.detail .artist .sticky-menu[data-aos^=fade][data-aos^=fade],
	#content.detail .artist .sticky-contents section[data-aos^=fade][data-aos^=fade] {opacity: 1 !important; transition-property: top !important; transform: translate3d(0,0,0) !important;}
	#content.detail .artist .swiper-slide:first-child {margin-left: 60px;}
	#content.detail .artist .swiper-slide:not(.current):not(.swiper-slide-active):hover a {color: #6b6b6b;}
	#content.detail .artist .swiper-slide a::after{position: absolute; bottom: 0; left: 0; content: ""; width: 0%; height: 2px; background-color: white; }
	#content.detail .artist .swiper-slide:not(.current):not(.swiper-slide-active) a::after {width: 0;}
	#content.detail .artist .swiper-slide.current a::after{width: 100%;}
	

	body.scroll-up #content.detail .artist .sticky-menu {top: 0;}
	#content.detail .artist .sticky-contents &gt; section:not(:first-child) {padding-top: 80px;}
	#content.detail .artist .sticky-contents &gt; section + section {padding-top: 30;}
}
@media all and (min-width: 769px) and (max-width: 1159px) {
	#content.detail .section.other .data-list.col-3 &gt; li:not(:nth-child(1)):not(:nth-child(2)) {margin-top: 32px;}
}
@media all and (min-width:769px) {
	#content.detail .artist .swiper-slide a{font-size: 20px; line-height: 1.4;}
	#content.detail .artist .profile-title .img-wrap{width: 80px; height: 80px; border: 1px solid #242424; border-radius: 50%;}
	#content.detail .artist .profile-title .title{width: calc(100% - 104px); font-size: 80px; line-height: 1.4; word-break: break-all;}
	#content.detail .artist .profile-title .img-wrap + .title{margin-left: 24px;}

	#content.detail .artist .video-wrap + .project-contents{margin-top: 180px;}
	#content.detail .artist .project-contents .section-title + .data-list{margin-top: 40px;}
}
@media all and (max-width:768px) {
	#content.detail .artist .swiper-slide a{font-size: 18px; line-height: 1.3;}
	#content.detail .artist .profile-title .img-wrap{width: 40px; height: 40px;}
	#content.detail .artist .profile-title .title{font-size: 30px; width: calc(100% - 52px); margin-left: 12px;}
	#content.detail .artist .sticky-menu {width: calc(100% + (25px * 2)); margin-left: -25px; padding: 25px 0;}
	#content.detail .artist .swiper-slide:first-child {margin-left: 25px;}

	#content.detail .artist .video-wrap + .project-contents{margin-top: 60px;}
	#content.detail .artist .project-contents .section-title{font-size: 30px;}
	#content.detail .artist .project-contents .section-title + .data-list{margin-top: 20px;}
}


/* project.list */
#content.project.list .section.bg-0d{padding-top: 180px; /*padding-bottom:182px;*/ padding-bottom: 0;}
#content.project.list .section.bg-0d + .section{padding-top: 200px;}
#content.project.list .list-wrapper &gt; .section + .section {margin-top: 182px; padding-top: 200px;}
#content.project.list .section.exhibits-list {position: relative;}
#content.project.list .section.exhibits-list::before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000;}
#content.project.list .button-area {position: relative;}
@media all and (min-width: 1280px){
	#content.project.list .section.gutter-380-60 .section-title.pc-vertical {top: /* 256px tab height*/183px;}
	#content.project.list .section.exhibits-list::before {left: -380px; width: calc(100% + (380px + 60px));}
}
@media all and (min-width:769px) {
	#content.project.list .item.bg-type .title {font-size: 60px;}
}
@media all and (min-width: 769px) and (max-width: 1279px) {
	#content.project.list .section.exhibits-list::before {left: -60px; width: calc(100% + ( 60px *2 ));}
}
@media all and (max-width:768px){
	#content.project.list .section.bg-0d{ padding-top: 60px; /*padding-bottom: 50px;*/ }
	#content.project.list .section.gutter-380-60.bg-0d .list-wrap,
	#content.project.list .section:not(.exhibits-list) .list-wrap {margin-left: -25px; margin-right: -25px;}
	#content.project.list .section.bg-0d + .section{padding-top: 62px;}
	#content.project.list .list-wrapper &gt; .section + .section {margin-top: 60px; padding-top: 62px;}
	#content.project.list .section.exhibits-list::before {left: -25px; width: calc(100% + ( 25px *2 ));}
	#content.project.list .section.exhibits-list .list-wrap {margin-left: 0; margin-right: 0;}
}
/* project.detail */
@media all and (min-width:1601px) {
	#content.project.detail .article-links {-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}
}
@media all and (min-width:769px) {
	#content.project.detail .artical-summery dl{font-size: 22px; }
}
@media all and (max-width:768px) {
	#content.project.detail .btn.bdr + .sns-wrap {margin-top: 30px;}
}

/* artwork */
#content.artwork{}
#content.artwork .tabs.filter {width: 100%;}
#content.artwork .item.normal:not(.large) .title {font-weight: 400; line-height: 1.5;}
#content.artwork .item.normal .title + .text {margin-top: 6px;}
#content.artwork.list {padding-bottom: 0;}
#content.artwork.list .section.banner-slider {padding-bottom: 186px; overflow: hidden;}
#content.artwork.list .section.banner-slider .data-list{flex-wrap: nowrap;}
#content.artwork.list .section.banner-slider .item.normal .img-wrap {height: 688px;}
#content.artwork.list .swiper-button-prev,
#content.artwork.list .swiper-button-next,
#content.artwork.list .swiper-pagination {position: relative; top: auto; bottom: auto; left: auto; right: auto;}
#content.artwork.list .swiper-button-prev {-webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1;}
#content.artwork.list .swiper-button-next {-webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3;}
#content.artwork.list .swiper-pagination {-webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: auto;}
#content.artwork.list .section.bg-0d {padding-top: 176px; padding-bottom: 300px;}
#content.artwork.list .button-area {margin-top: 0;}
#content.artwork.list .item.banner {height: 560px;}
#content.artwork.list .item.banner .title + .text {font-family: 'LGEI Headline'; font-size: 34px; line-height: 1.59; margin-top: 8px;}
#content.artwork.list .item.banner .text{font-weight: 400;}
#content.artwork.list .item.normal.btn {display: block; width: 100%;}
#content.artwork.list .item.normal .text-wrap {text-align: left;}
@media all and (min-width: 1280px){
	#content.artwork.list .section.gutter-380-60 .section-title.pc-vertical {top: 174px;}
}
@media all and (min-width: 769px){
	#content.artwork.list .section.banner-slider .swiper-wrapper{-webkit-transition-timing-function:linear!important;-o-transition-timing-function:linear!important; transition-timing-function:linear!important;}
	#content.artwork.list .section.banner-slider .data-lis li {width: calc((100% - 32px) / 2)!important;}
	#content.artwork.list .section.banner-slider .item.normal .img-wrap {height: 35.833vw;}
	#content.artwork.list .swiper-tools {display: none;}
}
@media all and (max-width: 768px){
	#content.artwork.list .section.banner-slider {padding-bottom: 70px;}
	#content.artwork.list .section.banner-slider .item.normal .img-wrap {height: 477px;}
	#content.artwork.list .section.banner-slider .item.normal .text-wrap {text-align: center; padding-left: 25px; padding-right: 25px;}
	#content.artwork.list .swiper-tools {display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;-webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 20px;}
	#content.artwork.list .swiper-pagination {font-size: 22px; letter-spacing: -1.8px; margin: 0 26px;}
	#content.artwork.list .section.bg-0d {padding-top: 60px; padding-bottom: 60px;}
	#content.artwork.list .button-area {margin-top: 30px;}
	#content.artwork.list .item.banner {height: 211px;}
	#content.artwork.list .item.banner .text {font-size: 12px;}
	#content.artwork.list .item.banner .title {font-size: 34px;}
	#content.artwork.list .item.banner .title + .text {font-size: 16px; margin-top: 4px; margin-bottom: 8px;}
}
/* .artwork.detail */
#content.artwork.detail{}

@media all and (min-width:769px) {
	#content.artwork.detail article .section-title{font-size: 60px;}
}
@media all and (max-width:768px) {
	#content.artwork.detail article .section-title{font-size: 30px; }
	#content.project.detail article .section-title {
        font-size: 30px;
    }
}

/* artwork popup */
.artwork-view .popup {padding-bottom: 80px;}
.artwork-view .popup-header + div {margin-top: 60px;}
.artwork-view .item.normal .img-wrap {max-width: 1100px;}
.artwork-view .popup-body .img-wrap + ul {margin-top: 20px;}
.artwork-view .item.normal .text-wrap {text-align: center;}
.artwork-view .button-area {margin-top: 36px;}
.artwork-view .btn.bdr {max-width: 220px; padding-left: 30px; padding-right: 30px;}
.artwork-view .btn.normal {font-size: 18px;}
.artwork-view .popup-navigation .btn {position: absolute; top: 50%; width: 80px; height: 80px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; margin-top: -40px;}
.artwork-view .popup-navigation .btn.prev {background-image: url('../images/common/btn_swiper-prev.svg');}
.artwork-view .popup-navigation .btn.next {background-image: url('../images/common/btn_swiper-next.svg');}
@media all and (min-width: 769px){
	.artwork-view .popup-navigation .btn.prev {left: -80px;}
	.artwork-view .popup-navigation .btn.next {right: -80px;}
}
@media all and (max-width: 768px){
	.artwork-view .popup {padding-bottom: 50px;}
	.artwork-view .item.normal {display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
	.artwork-view .item.normal .img-wrap {-webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; display: block;}
	.artwork-view .item.normal .sns-wrap {-webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
	.artwork-view .item.normal .text-wrap {-webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-top: 20px;}
	.artwork-view .item.normal.large .title {font-size: 18px;}
	.artwork-view .item.normal.large .title + .text {margin-top: 6px;}
	.artwork-view .item.normal.large .text {font-size: 16px; line-height: 1.81;}
	.artwork-view .btn.bdr {max-width: 200px;}
	.artwork-view .btn.normal {font-size: 16px; height: 44px; line-height: 44px;}
	.artwork-view .popup-navigation .btn {top: 27px; left: 20px; right: auto; width: 40px; height: 40px; margin-top: 0;}
	.artwork-view .popup-navigation .btn.next {left: 70px;}
}

/* artist */
#content.artist{}
.artist-grid {
	display: grid; grid-auto-flow: dense;
	grid-template-columns: 40% 30% 30%;
	grid-template-rows: 28.125vw 28.125vw;
	gap: 0px 0px;
	grid-template-areas:
	". . ."
	". . .";
}
@media all and (-ms-high-contrast:none) {
	.grid-container {
		display: -ms-grid;
		-ms-grid-columns: 40% 30% 30%;
		-ms-grid-rows: 28.125vw 28.125vw;
	}
}
@media all and (max-width: 960px) {
	.artist-grid {
		grid-template-columns: 57% 43%;
		grid-template-rows: 46.667vw 40.267vw 40.267vw;
		grid-template-areas:
		". ."
		". ."
		". .";
	}
	.artist-grid .grid-box.b{order: -1}
}
@media all and (-ms-high-contrast:none) and (max-width: 960px) {
	.grid-container {
		-ms-grid-columns: 57% 43%;
		-ms-grid-rows: 46.667vw 40.267vw 40.267vw;
	}
}
.artist-grid .grid-box {}
.artist-grid .grid-box.a{grid-row: span 2;}
.artist-grid .grid-box.b{grid-column: span 2;}
.artist-grid .grid-box{position: relative; padding-top: 93.75%;}
.artist-grid .grid-box.a {padding-top: 140.625%;}
.artist-grid .grid-box.b {padding-top: 46.875%;}
.artist-grid .grid-box a.img-wrap{position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
#content.artist.list .img-wrap img{
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.grid-box .img-wrap img{
	-moz-transform: translateX(-50%) translateY(-50%) scale(1.1);
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1.1);
	-o-transform: translateX(-50%) translateY(-50%) scale(1.1);
	-ms-transform: translateX(-50%) translateY(-50%) scale(1.1);
	transform: translateX(-50%) translateY(-50%) scale(1.1);
}
.grid-box .img-wrap:focus img,
.grid-box .img-wrap:hover img{
	-moz-transform: translateX(-50%) translateY(-50%) scale(1.02);
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1.02);
	-o-transform: translateX(-50%) translateY(-50%) scale(1.02);
	-ms-transform: translateX(-50%) translateY(-50%) scale(1.02);
	transform: translateX(-50%) translateY(-50%) scale(1.02);
}

#content.artist.list .gutter-0-60{padding-top: 180px;}
@media all and (min-width:1280px) {
	#content.artist.list .gutter-380-60 .section-title.pc-vertical{top: 180px;}
	#content.artist.list .gutter-0-60 {padding-right: 0;}
	#content.artist.list .list-wrap {overflow-x: clip; padding-right: 30px;}
}
@media all and (max-width:1279px) {
	#content.artist.list {overflow-x: hidden;}
}
@media all and (max-width:768px) {
	#content.artist.list .gutter-0-60	{padding-top: 60px;}
}
#content.artist.list .data-list li + li{margin-top: 20px;}
#content.artist.list .data-list a{overflow: visible; position: relative; display: block; width: 100%; font-size: 80px; line-height: 1.5; color: #404040;}
#content.artist.list .data-list a .img-wrap{opacity: 0; position: absolute; right: -30vw; top: 50%; width: 24.635vw; max-height: 572px;
	-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
	-webkit-transform: translateY(-50%);
			transform: translateY(-50%);

	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
#content.artist.list .data-list li:first-child a .img-wrap	{top: 0;}
#content.artist.list .data-list li a:hover,
#content.artist.list .data-list li.touched a				{color: #fff;}
#content.artist.list .data-list li a:hover .img-wrap,
#content.artist.list .data-list li.touched a .img-wrap		{opacity: 1; right: 0; z-index: 2;
	-webkit-transition-delay: 100ms;
	transition-delay: 100ms;
}
@media all and (min-width:769px) and (max-width:1279px) {
	#content.artist.list .data-list a						{font-size: 4.167vw}
}
@media all and (max-width:768px) {
	#content.artist.list .data-list a						{font-size: 22px}
	#content.artist.list .data-list a .img-wrap				{width: 47.467vw; max-height: 57.333vw;}
	#content.artist.list li.touched a .img-wrap:after				{content: '';position: absolute; right: 14px; bottom: 14px;  display: block;width: 40px; height: 40px; background: transparent url("../images/common/long-arr_mo.svg") no-repeat 50% 50%; z-index: 10;}
}
/* .artist.detail */
@media all and (min-width:769px) {
	#content.artist.detail article .text-wrap h3{font-size: 30px;}
	#content.artist.detail article .text-wrap h3 + p{margin-top: 40px;}
	#content.artist.detail article .text-wrap .btn{margin-top: 40px;}
}
@media all and (max-width:768px) {
	#content.artist.detail article .text-wrap h3 {font-size: 22px;}
	#content.artist.detail article .text-wrap h3 + p{margin-top: 20px;}
	#content.artist.detail article .text-wrap .btn{margin-top: 25px; padding: 5px 0; width: 100%;}
}

/* about */
#content.about{padding-top: 441px; padding-bottom: 0px; overflow: hidden;}
#content.about .section.intro .section-title {font-size: 160px;}
#content.about .section.about-list {margin-top: 86px;}
#content.about .section.about-list &gt; .section {position: relative; }
#content.about .section.about-list &gt; .section,
#content.about .section.contact {padding-top: 200px; padding-bottom: 200px;}
#content.about .section.about-list &gt; .section:nth-child(1) {padding-top: 0;}

#content.about .content-wrap:not(.overlap) .img-wrap + .text-wrap {margin-top: 100px;}
#content.about .content-wrap .title {font-size: 60px; line-height: 1.5;}
#content.about .content-wrap .title + .text {margin-top: 40px;}
#content.about .content-wrap .text {max-width: 850px; font-size: 30px;}
#content.about .content-wrap .text-wrap .btn {margin-top: 47px;}

#content.about .section.oled-art .content-wrap .title {max-width: 930px;}
#content.about .section.project .content-wrap .title {max-width: 1225px;}
#content.about .section.artist .content-wrap .title {max-width: 1100px;}
@media all and (min-width:1921px){
	#content.about .content-wrap .title {font-size: 3.125vw;}
	#content.about .content-wrap .text {max-width: 46.875vw; font-size: 1.563vw;}
	#content.about .section.oled-art .content-wrap .title {max-width: 48.438vw;}
	#content.about .section.project .content-wrap .title {max-width: 63.802vw;}
	#content.about .section.artist .content-wrap .title {max-width: 55.667vw;}
	#content.about .content-wrap:not(.overlap) .img-wrap {width: 74%; height: 34.219vw;}
	#content.about .content-wrap.overlap .img-wrap {width: 50%; height: 45.521vw;}	
	#content.about .section.oled-art .content-wrap.overlap .text-wrap {padding-top: 18.490vw;}
	#content.about .section.artwork .content-wrap.overlap .text-wrap {padding-top: 18.021vw;}
}
@media all and (max-width:1920px){
	#content.about{padding-top: 350px;}
}
@media all and (min-width:1559px) and (max-width:1865px) {
	#content.about .section.intro .section-title,
	#content.about .section.intro .section-title .book {font-size: 8.133vw;}
}
@media all and (min-width:1280px) and (max-width:1560px) {
	#content.about .section.intro .section-title,
	#content.about .section.intro .section-title .book {font-size: 7.576vw;}
}
@media all and (min-width:1581px) and (max-width:1920px) {
	#content.about .content-wrap:not(.overlap) .img-wrap {max-width: 1102px; height: 657px;}
	#content.about .content-wrap.overlap .img-wrap {max-width: 726px; height: 874px;}

	#content.about .section.oled-art .content-wrap.overlap .text-wrap {padding-top: 355px;}
	#content.about .section.artwork .content-wrap.overlap .text-wrap {padding-top: 346px;}
}
@media all and (min-width:1581px){
	#content.about .section.oled-art .content-wrap,
	#content.about .section.project .content-wrap {margin-top: -310px;}
	#content.about .section.artwork .content-wrap,
	#content.about .section.artist .content-wrap {margin-top: -330px;}
}
@media all and (min-width:1280px) and (max-width:1580px) {
	#content.about .content-wrap .title {font-size: 3.797vw;}
	#content.about .content-wrap .text {max-width: 49.367vw;}
	#content.about .section.oled-art .content-wrap .title {max-width: 58.228vw;}
}
@media all and (min-width:961px) and (max-width:1580px) {
	#content.about .section.about-list &gt; .section, 
	#content.about .section.contact {padding-top: 12.658vw; padding-bottom: 12.658vw;}
	#content.about .content-wrap:not(.overlap) .img-wrap {max-width: 69.747vw; height: 41.582vw;}
	#content.about .content-wrap.overlap .img-wrap {max-width: 45.949vw; height: 55.316vw;}

	#content.about .content-wrap .text {font-size: 25px;}
	#content.about .content-wrap:not(.overlap) .img-wrap + .text-wrap {margin-top: 80px;}
	#content.about .section.oled-art .content-wrap.overlap .text-wrap {padding-top: 22.468vw;}
	#content.about .section.artwork .content-wrap.overlap .text-wrap {padding-top: 21.899vw;}

	#content.about .section.oled-art .content-wrap, 
	#content.about .section.project .content-wrap {margin-top: -19.620vw;}
	#content.about .section.artwork .content-wrap,
	#content.about .section.artist .content-wrap {margin-top: -20.886vw;}
}
@media all and (min-width:961px) and (max-width:1279px) {
	#content.about .content-wrap .title {font-size: 45px;}
	#content.about .content-wrap .title + .text {margin-top: 15px;}
	#content.about .content-wrap .text {max-width: 660px; font-size: 25px;}
	#content.about .content-wrap .text-wrap .btn {margin-top: 25px;}
	#content.about .section.oled-art .content-wrap .title {max-width: 705px;}
}
@media all and (min-width:769px) and (max-width:1279px) {
	#content.about .section.intro .section-title {font-size: 8.333vw;}
	#content.about .section.about-list &gt; .section,
	#content.about .section.contact{padding-top: 15.625vw; padding-bottom: 15.625vw;}
}
@media all and (min-width:961px) {
	#content.about .content-wrap.overlap {display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end;}
	#content.about .content-wrap.overlap .text-wrap {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
}
@media all and (min-width:769px) {
	#content.about .section.intro .title-wrap {display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
		-webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%;}
}
@media all and (max-width:960px) {
	#content.about .section.about-list &gt; .section {padding-top: 0; margin-top: 15.625vw;}
	#content.about .section.about-list .title-wrap {position: absolute; top: 0; left: 0;}
	#content.about .content-wrap {padding-top: 24.667vw;}
	#content.about .content-wrap .img-wrap + .text-wrap {margin-top: 60px;}
	#content.about .content-wrap .text-wrap.gutter-220 {padding-left: 0; padding-right: 0;}
	#content.about .content-wrap .title {font-size: 42px;}
	#content.about .content-wrap .text {font-size: 25px;}
}
@media all and (max-width:768px) {
	#content.about {padding-top: 170px;}
	#content.about .section.intro .section-title {max-width: 400px; font-size: 60px; line-height: 1.5; margin: 0 auto;}
	#content.about .section.about-list {margin-top: 40px;}
	#content.about .section.about-list &gt; .section, 
	#content.about .section.contact {padding-top: 0; padding-bottom: 70px; margin-top: 70px;}
	#content.about .content-wrap {padding-top: 130px;}
	#content.about .content-wrap .img-wrap + .text-wrap,
	#content.about .content-wrap:not(.overlap) .img-wrap + .text-wrap {margin-top: 20px;}
	#content.about .content-wrap .title {font-size: 22px;}
	#content.about .content-wrap .title + .text {margin-top: 16px;}
	#content.about .content-wrap .text {font-size: 18px;}
	#content.about .content-wrap br:not(.br-all) {display: none;}
	#content.about .content-wrap .text-wrap .btn {margin-top: 30px;}

	#content.about .section.contact {padding-bottom: 60px;}
}
@media all and (min-width:1281px){
	@media all and (orientation: portrait) {
		#content.about .section.about-list &gt; .section,
		#content.about .section.contact{padding-top: 120px; padding-bottom: 120px;}
	}
}
#content.about .section.oled-art .marquee-text {animation-duration: 15s;}
#content.about .section.artist .marquee-text {animation-duration: 8.8s;}
@media all and (max-width:768px) {
	#content.about .section.oled-art .marquee-text {animation-duration: 8.5s;}
	#content.about .section.artist .marquee-text {animation-duration: 4.5s;}
}

/* search */
#content.search {padding-top: 260px;}
#content.search .section.search + .section {margin-top: 100px;}
#content.search .section:not(.search) + .section {margin-top: 180px;}
#content.search .section.search .section-title {font-size: 100px;}
#content.search .section-title + .form {margin-top: 44px;}
#content.search .keyword-wrap {margin-top: 24px;}
.keyword-wrap .data-list {position: relative; margin-left: -6px;}
.keyword-wrap .data-list &gt; li {margin: 6px;}
#content.search .item.normal .title {font-weight: 400;}
#content.search .item.normal .title + .text {margin-top: 0;}
@media all and (min-width:1921px){
	#content.search {padding-top: 320px;}
}
@media all and (min-width: 769px) and (max-width: 1279px) {
	#content.search .section.search .section-title {font-size: 80px;}
}
@media all and (max-width:768px) {
	#content.search .section.search + .section {margin-top: 60px;}
	#content.search .section:not(.search) + .section {margin-top: 120px;}
	#content.search .section.search .section-title {font-size: 30px;}
	#content.search .section-title + .form {margin-top: 25px;}
	#content.search .keyword-wrap {margin-top: 16px; padding-bottom: 100px;}
	#content.search .section:not(.search) .data-list {display: block;}
	.keyword-wrap .data-list {margin-left: -5px;}
	.keyword-wrap .data-list &gt; li {margin: 4px 5px;}
	#content.search .data-list &gt; li:last-child .item.bg-type.ratio-16-9.medium .text-wrap {padding-bottom: 0;}
}
@media all and (max-width: 414px) {
	#content.search {padding-top: 90px; padding-bottom: 120px;}
}
@media all and (min-width:415px) and (max-width:768px) {
	#content.search {padding-top: 24vw;}
}

/* Contact us */
#content.contact {padding-top: 260px; padding-bottom: 450px;}
#content.contact .section + .section {margin-top: 140px;}
#content.contact .section-title {font-size: 100px;}
#content.contact .guide-box{color: #6b6b6b;}
#content.contact .button-area {margin-top: 60px;}
#content.contact .button-area .btn {min-width: 322px; font-weight: 600; font-size: 20px;}
#content.contact .tabs {-webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;}
@media all and (min-width:1921px){
	#content.contact {padding-top: 320px;}
}
@media all and (min-width: 769px) and (max-width: 1279px) {
	#content.contact .section-title {font-size: 80px;}
}
@media all and (min-width: 769px) {
	#content.contact .guide-box{font-size: 14px; line-height: 1.5;}
	#content.contact .section-title {margin-bottom: 36px;}
}
@media all and (max-width:768px) {
	#content.contact {padding-bottom: 0;}
	#content.contact .section.faq {background-color: #141414;}
	#content.contact .section-title {font-size: 30px; margin-bottom: 20px;}
	#content.contact .guide-box {margin-top: 8px;}
	#content.contact .button-area {margin-top: 18px;}
}
@media all and (max-width: 414px) {
	#content.contact {padding-top: 90px;}
	#content.contact .section + .section {margin-top: 70px;}
	#content.contact .section.faq {padding-top: 60px; padding-bottom: 135px;}
}
@media all and (min-width:415px) and (max-width:768px) {
	#content.contact {padding-top: 24vw;}
	#content.contact .section + .section {margin-top: 18.667vw;}
	#content.contact .section.faq {padding-top: 16vw; padding-bottom: 36vw;}
}

/* masterpiece */
#content.masterpiece {padding-top: 248px;}
#content.detail.masterpiece .video-wrap {padding-top: 0;}
#content.detail.masterpiece .data-wrap .title-wrap {-webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-top: 94px;}
#content.detail.masterpiece .data-wrap .title-wrap .section-title {width: 100%;}
#content.detail.masterpiece .data-wrap .section-title {margin-bottom: 87px;}
.masterpiece .section-title {text-align: center;}
.masterpiece .section-title &gt; span {display: block;}
.masterpiece .item.bg-type {cursor: pointer;}
.masterpiece .item.bg-type + .title-wrap {margin-top: 80px;}
#content.detail.masterpiece .artical-summery dt {font-weight: 400;}
.masterpiece .item.video-play .img-wrap::after {top: 50%; left: 50%; transform: translate(-50%,-50%);}
.masterpiece .item.normal.land .text-wrap p {font-size: 30px; line-height: 1.8;}
.masterpiece .item.normal.land .text-wrap .text.small {font-size: 18px; line-height: 1.78;}
.masterpiece .item.normal.land .text-wrap .title {font-size: 60px; line-height: 1.5;}
.masterpiece .item.normal.land .text-wrap .sub-title {font-size: 40px; line-height: 1.3;}
.masterpiece .item.normal.land .text-wrap .text &gt; span {display: block;}
.masterpiece .item.normal.land .text-wrap .text + .btn{margin-top: 47px;}
.masterpiece .section.intro .section-title {font-size: 80px;}
.masterpiece .section.intro .section-title strong {display: block; font-size: 230px; margin-top: -40px;}
.masterpiece .section.intro .title-wrap .text {font-size: 30px; text-align: center; margin-top: 62px;}
.masterpiece .section.intro .data-list {margin-top: 50px; overflow: hidden;}

.masterpiece .section.intro .data-list &gt; li + li {margin-top: 320px;}
.masterpiece .section.intro .item.normal.land .text-wrap {display: -ms-flexbox; display: -webkit-flex; display: flex;
	-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
	-webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
	/* -webkit-align-items: center; -ms-flex-align: center; align-items: center; */
	text-align: center ;}
.masterpiece .section.intro .item.normal.land .text-wrap .sub-title {display: -ms-flexbox; display: -webkit-flex; display: flex;
	-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center;
	line-height: 1.67; font-size: 58px;
}
.masterpiece .section.intro .item.normal.land .text-wrap .sub-title + .text {margin-top: 3.125vw;}
.masterpiece .section.intro .item.normal.land .text-wrap .sub-title + .text.small {margin-top: 2.240vw;}
.masterpiece .section.intro .item.normal.land .text-wrap .text + .text {margin-top: 30px;}
.masterpiece .section.intro .item.normal.land .text-wrap .text.small {display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex;
	-webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
	text-align: left;}
.masterpiece .section.intro .data-list &gt; li:nth-child(odd) .item.normal.land .img-wrap img {-o-object-position: left; object-position: left;}
.masterpiece .section.intro .data-list &gt; li:nth-child(even) .item.normal.land .img-wrap img {-o-object-position: right; object-position: right;}
.masterpiece .ico.cross {width: 44px; height: 44px; margin: 14px auto;}
#content.detail.masterpiece article.data-wrap {margin-top: 130px;}
.masterpiece .section.marquee {margin-top: 156px; overflow: hidden;}
.masterpiece .section.marquee .marquee-text {animation-duration: 17s;}
.masterpiece .section.artist {padding-top: 160px; padding-bottom: 200px;}
#content.detail.masterpiece .artist .data-list li + li {margin-top: 138px;}
.masterpiece .section.edition {margin-top: 320px;}
.masterpiece .section.edition .section-title .text {font-size: 22px; line-height: 1.5;}
.masterpiece .section.edition .section-title .title {font-size: 60px; line-height: 1.5;}
.masterpiece .section.edition .tabs {-webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0;}
.masterpiece .section.edition .tabs a::before,
.masterpiece .section.edition .tabs a::after {display: none;}
.masterpiece .section.edition .tabs a:hover {color: #fff;}
.masterpiece .section.edition .btn.bdr {padding: 0 10px; margin: 0;}
.masterpiece .section.edition .tabs li.current .btn.bdr,
.masterpiece .section.edition .swiper-slide-thumb-active .btn.bdr {border-color: #fff;}
.masterpiece .section.edition .swiper-slide-thumb-active .btn.bdr {color: #fff;}
.masterpiece .section.edition .tabs li + li {margin-left: 20px;}
.masterpiece .section.edition .tabs,
.masterpiece .section.edition .edition-wrap {margin-top: 4.1666vh;}
.masterpiece .section.edition .img-wrap {display: flex; flex-direction: column; justify-content: flex-end; max-width: 800px; height: 622px; margin: 0 auto; opacity: 0;}
.masterpiece .section.edition .img-wrap img {-o-object-fit: contain; object-fit: contain; -o-object-position: center bottom; object-position: center bottom;}
.masterpiece .section.edition .active .img-wrap,
.masterpiece .section.edition .swiper-slide-active .img-wrap {animation: editionShow 0.5s ease-in 0s both; }
.masterpiece .section.edition .swiper-container {overflow: hidden;}
.masterpiece .section.edition .gallery-thumbs .swiper-wrapper {-webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
.masterpiece .section.edition .tabs &gt; li {width: 220px !important;}
.masterpiece .section.contact {padding-top: 200px; padding-bottom: 120px;}
.masterpiece .section.contact .title-wrap {text-align: center;}
.masterpiece .section.contact .section-title {font-size: 60px;}
.masterpiece .section.contact .section-title + .text {margin-top: 17px;}
.masterpiece .section.contact .text {font-size: 22px;}
.masterpiece .section.contact .btn-area {text-align: center; margin-top: 40px;}
@keyframes editionShow {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@media all and (min-width:1921px) {
	.masterpiece .section.intro .data-list &gt; li:nth-child(odd) .item.normal.land .text-wrap{padding-left: 11.458vw;}
	.masterpiece .section.intro .data-list &gt; li:nth-child(even) .item.normal.land .text-wrap{padding-right: 11.458vw;}
	.masterpiece .section.intro .item.normal.land .text-wrap { padding-left: 11.458vw;}
	.masterpiece .section.artist .data-list &gt; li:nth-child(odd) .item .img-wrap {width: 595px;}
	.masterpiece .section.artist .data-list &gt; li:nth-child(odd) .item .img-wrap + .text-wrap {width: calc(100% - 595px);}
	.masterpiece .section.artist .data-list &gt; li:nth-child(even) .item .img-wrap {width: 724px;}
	.masterpiece .section.artist .data-list &gt; li:nth-child(even) .item .img-wrap + .text-wrap {width: calc(100% - 724px);}
	.masterpiece .section.intro .data-list &gt; li:nth-child(odd) .item.normal.land .text-wrap &gt; p {max-width: 630px;}
	.masterpiece .section.intro .data-list &gt; li:nth-child(even) .item.normal.land .text-wrap &gt; p {max-width: 700px;}
}
@media all and (min-width:1581px) {
	.masterpiece .marquee.section-title {font-size: 600px;}
}
@media all and (min-width:1601px) and (max-width:1920px) {
	.masterpiece .section.intro .data-list &gt; li:nth-child(odd) .item.normal.land .text-wrap{padding-left: 220px;}
	.masterpiece .section.intro .data-list &gt; li:nth-child(even) .item.normal.land .text-wrap{ padding-right: 220px;}
	.masterpiece .ico.cross {width:2.292vw ; height: 2.292vw;}
	.masterpiece .section.intro .data-list &gt; li:nth-child(odd) .item.normal.land .text-wrap &gt; p {max-width: 630px;}
	.masterpiece .section.intro .data-list &gt; li:nth-child(even) .item.normal.land .text-wrap &gt; p {max-width: 700px;}
}
@media all and (min-width:961px) and (max-width: 1920px) {
	.masterpiece .section.artist .data-list &gt; li:nth-child(odd) .item .img-wrap {width: 41%;}
	.masterpiece .section.artist .data-list &gt; li:nth-child(odd) .item .img-wrap + .text-wrap {width: calc(100% - 41%);}
	.masterpiece .section.artist .data-list &gt; li:nth-child(even) .item .img-wrap {width: 49%;}
	.masterpiece .section.artist .data-list &gt; li:nth-child(even) .item .img-wrap + .text-wrap {width: calc(100% - 49%);}
}
@media all and (min-width:1281px) and (max-width:1600px) {
	.masterpiece .section.intro .item.normal.land .text-wrap .sub-title {font-size: 50px;}
	.masterpiece .section.intro .data-list &gt; li:nth-child(odd) .item.normal.land .text-wrap &gt; p {max-width: 630px;}
	.masterpiece .section.intro .data-list &gt; li:nth-child(even) .item.normal.land .text-wrap &gt; p {max-width: 600px;}
}
@media all and (min-width:1081px) and (max-width:1280px) {
	.masterpiece .section.intro .item.normal.land .text-wrap .sub-title {font-size: 45px;}
	.masterpiece .section.intro .data-list &gt; li:nth-child(odd) .item.normal.land .text-wrap &gt; p {max-width: 600px;}
	.masterpiece .section.intro .data-list &gt; li:nth-child(even) .item.normal.land .text-wrap &gt; p {max-width: 550px;}
}
@media all and (min-width:961px) and (max-width:1080px) {
	.masterpiece .section.intro .item.normal.land .text-wrap .sub-title {font-size: 42px;}
	.masterpiece .section.intro .data-list &gt; li:nth-child(odd) .item.normal.land .text-wrap &gt; p {max-width: 600px;}
	.masterpiece .section.intro .data-list &gt; li:nth-child(even) .item.normal.land .text-wrap &gt; p {max-width: 505px;}
}
@media all and (min-width:961px) and (max-width:1600px) {
	.masterpiece .section.intro .item.normal.land .text-wrap .sub-title + .text {margin-top: 30px;}
	.masterpiece .section.intro .item.normal.land .text-wrap .text:not(.small) {font-size: 22px;}
}
@media all and (min-width:961px) and (max-width: 1280px) {
	.masterpiece .section.marquee {margin-top: 0;}
}
@media all and (min-width:961px) {
	.masterpiece .section.intro .data-list &gt; li:nth-child(odd) .item.normal.land .img-wrap {width: 47%; height: 56.823vw; max-height: 1091px;}
	.masterpiece .section.intro .data-list &gt; li:nth-child(odd) .item.normal.land .text-wrap {width: 53%;}
	.masterpiece .section.intro .data-list &gt; li:nth-child(even) .item.normal.land {-webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;}
	.masterpiece .section.intro .data-list &gt; li:nth-child(even) .item.normal.land .img-wrap {width: 40%; height: 34.896vw; max-height: 670px;}
	.masterpiece .section.intro .data-list &gt; li:nth-child(even) .item.normal.land .text-wrap {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end; width: 60%;}
	#content.detail.masterpiece .article-contents {margin-left: auto;}
	.masterpiece .section.artist .item.normal.land {-webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;}
	.masterpiece .section.artist .data-list &gt; li:nth-child(odd) .item .img-wrap + .text-wrap {padding-left: 9.740vw;}
	.masterpiece .section.artist .data-list &gt; li:nth-child(even) .item.normal.land {-webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;}
	.masterpiece .section.artist .data-list &gt; li:nth-child(even) .item.normal.land .text-wrap {padding-left: 0; padding-right: 8.333vw;}
}
@media all and (min-width:769px) and (max-width:1600px) {
	.masterpiece .ico.cross {width: 30px; height: 30px;}
	.masterpiece .section.intro .data-list &gt; li:nth-child(odd) .item.normal.land .text-wrap{padding-left: 60px;}
	.masterpiece .section.intro .data-list &gt; li:nth-child(even) .item.normal.land .text-wrap{padding-right: 60px;}
}
@media all and (min-width:769px) and (max-width: 1580px) {
	.masterpiece .marquee.section-title {font-size: 37.975vw;}
}
@media all and (min-width:1281px) and (max-width: 1700px) {
	.masterpiece .section.contact .section-title {font-size: 55px;}
}
@media all and (min-width:769px) and (max-width: 1280px) {
	.masterpiece .section.intro .section-title{font-size: 6.245vw;}
	.masterpiece .section.intro .section-title .book {line-height: inherit; font-size: 17.955vw; margin-top: -3.123vw;}
	.masterpiece .item.normal.land .text-wrap p {font-size: 22px;}
	.masterpiece .item.normal.land .text-wrap .sub-title {font-size: 30px;}
	.masterpiece .item.normal.land .text-wrap .title {font-size: 52px;}
	.masterpiece .section.edition .tabs &gt; li {width: 200px !important;}
	.masterpiece .section.contact .section-title {font-size: 40px;}
}
@media all and (min-width:769px) and (max-width: 960px) {
	.masterpiece .section.intro .item.normal.land .text-wrap {padding-left: 60px; padding-right: 60px;}
}
@media all and (max-width:960px) {
	.masterpiece .section.intro .item.normal.land {display: -ms-flexbox; display: -webkit-flex; display: flex;
		-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
	.masterpiece .section.intro .item.normal.land .text-wrap{margin-top: 60PX;}
	.masterpiece .section.intro .item.normal.land .img-wrap {display: block; width: 82%; margin-left: auto;}
	.masterpiece .section.intro .data-list &gt; li:nth-child(odd) .item.normal.land .img-wrap {height: 89.6vw;}
	.masterpiece .section.intro .data-list &gt; li:nth-child(even) .item.normal.land .img-wrap {height: 63.467vw; margin-left: 0;}
	.masterpiece .section.intro .data-list &gt; li + li {margin-top: 130px;}
	.masterpiece .section.artist .item.normal {display: -ms-flexbox; display: -webkit-flex; display: flex;
		-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
	}
	.masterpiece .section.artist .data-list &gt; li:nth-child(odd) .item.normal .img-wrap,
	.masterpiece .section.artist .data-list &gt; li:nth-child(even) .item.normal .img-wrap {margin-top: 20px}
	.masterpiece .section.artist .item.normal.land .title + .text {margin-top: 16px;}
	.masterpiece .section.marquee {margin-top: 20px;}
	.masterpiece .section.edition {margin-top: 130px;}
	.masterpiece .section.edition .tabs li {width: auto !important;}
	.masterpiece .section.edition .tabs li + li {margin-left: 12px;}
	.masterpiece .section.edition .btn.bdr {display: -ms-flexbox; display: -webkit-flex; display: flex;
		-webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
		-webkit-align-items: center; -ms-flex-align: center; align-items: center;
		width: 72px; height: 72px; line-height: 1.29; border-radius: 50%; font-size: 14px;}
}
@media all and (max-width:768px) {
	#content.masterpiece {padding-top: 120px;}
	.masterpiece .item.normal.land .text-wrap .text.small {font-size: 16px;}
	.masterpiece .ico.cross {width: 30px; height: 30px; margin-top: 10px;}
	.masterpiece .item.bg-type + .title-wrap {margin-top: 20px;}
	.masterpiece .section.intro .section-title{font-size: 22px;}
	.masterpiece .section.intro .section-title .book {font-size: 60px; margin-top: 0;}
	.masterpiece .section.intro .title-wrap .text {font-size: 16px; margin-top: 24px;}
	.masterpiece .section.intro .item.normal.land .text-wrap {padding-left: 25px; padding-right: 25px;}
	.masterpiece .section.intro .item.normal.land .text-wrap .sub-title {font-size: 30px;}
	.masterpiece .section.intro .item.normal.land .text-wrap .sub-title + .text.small {margin-top: 40px;}
	.masterpiece .section.intro .item.normal.land .text-wrap .text + .text {margin-top: 20px;}
	.masterpiece .section.intro .data-list {margin-top: 50px;}
	.masterpiece .section.intro .data-list &gt; li:nth-child(odd) .item.normal.land .text-wrap{padding-left: 25px;}
	.masterpiece .section.intro .data-list &gt; li:nth-child(even) .item.normal.land .text-wrap{padding-right: 25px;}
	.masterpiece .section.intro .item.normal.land .text-wrap .text:not(.small) {font-size: 22px;}
	#content.detail.masterpiece .data-wrap .section-title {line-height: 1.8; margin-bottom: 48px;}
	.masterpiece .title-wrap .artical-summery {text-align: center;}
	.masterpiece .artical-summery + .article-links {margin-top: 30px;}
	#content.detail.masterpiece .sns-wrap {-webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
	#content.detail.masterpiece .data-wrap .title-wrap {margin-top: 20px; margin-bottom: 40px;}
	.masterpiece .section.artist {padding-top: 40px; padding-bottom: 60px;}
	#content.detail.masterpiece .artist .data-list li + li {margin-top: 60px;}
	.masterpiece .section.artist .item.normal.land .text-wrap p {font-size: 16px;}
	.masterpiece .section.artist .item.normal.land .text-wrap .title {font-size: 30px;}
	.masterpiece .section.artist .item.normal.land .text-wrap .sub-title {font-size: 18px; line-height: 1.6;}
	.masterpiece .section.marquee .marquee-text {animation-duration:9.5s;}
	#content.detail.masterpiece article.data-wrap {margin-top: 80px;}
	.masterpiece .section.edition .section-title ,
	.masterpiece .section.edition .section-title .text {font-size: 18px;}
	.masterpiece .section.edition .section-title .title {font-size: 30px;}
	.masterpiece .section.edition .section-title &gt; span + span {margin-top: 10px;}
	.masterpiece .section.edition .img-wrap {max-width: 100%; width: 100%; height: auto;}
	.masterpiece .section.edition .gallery-top .swiper-wrapper {-webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end;}
	.masterpiece .section.edition .gallery-top .swiper-slide {width: 100% !important;}
	.masterpiece .section.contact {padding-top: 130px; padding-bottom: 70px;}
	.masterpiece .section.contact .section-title {font-size: 24px;}
	.masterpiece .section.contact .section-title + .text {margin-top: 12px;}
	.masterpiece .section.contact .text {font-size: 16px;}
	.masterpiece .section.contact .btn-area {margin-top: 15px;}
	.masterpiece .section.contact .btn.contact::before {width: 100%; opacity: 1;}
	.masterpiece .section.edition .tabs {margin-top: 45px;}
	.masterpiece .section.edition .tabs.swiper-wrapper {transform: translate3d(0px, 0px, 0px) !important;}
	.masterpiece .section.edition .edition-wrap {margin-top: 50px;}
	.masterpiece .item.normal.land .text-wrap .text + .btn{margin-top: 30px;}
}
@media all and (max-width:414px) {
	#content.masterpiece {padding-top:88px;}
}

/* search */
#content.subscribe {padding-top: 260px;}
#content.subscribe .section.subscribe .title-wrap {text-align: center;}
#content.subscribe .section.subscribe .section-text {font-size: 22px; line-height: 1.3; margin-top: 20px;}
#content.subscribe .section.subscribe form {max-width: 724px; margin: 80px auto 0;}
#content.subscribe .section.subscribe .button-area {margin-top: 65px;}
@media all and (max-width:768px) {
	#content.subscribe {padding-top: 170px;}
	#content.subscribe .section.subscribe .section-title {font-size: 22px;}
	#content.subscribe .section.subscribe .section-text {font-size: 16px; margin-top: 14px;}
	#content.subscribe .section.subscribe form {margin-top: 48px; padding: 0 20px;}
	#content.subscribe .section.subscribe .button-area {margin-top: 28px;}
}

/* section.newsletter */
.section.newsletter {width: 100%; background-image: url('../images/common/bg_newsletter.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; padding-top: 160px; padding-bottom: 160px;}
.section.newsletter .text-wrap {text-align: center;}
.section.newsletter .title {font-weight: 700; font-size: 44px; line-height: 1.3;}
.section.newsletter .text {font-weight: 600; font-size: 28px; line-height: 1.3; margin-top: 48px;}
.section.newsletter .btn {margin-top: 44px;}
@media all and (min-width: 769px) {
}
@media all and (max-width:768px) {
	.section.newsletter {padding-top: 86px; padding-bottom: 86px;}
	.section.newsletter .title {font-size: 28px;}
	.section.newsletter .text {font-size: 22px; margin-top: 40px;}
	.section.newsletter .btn {margin-top: 32px;}
}
@media all and (min-width:769px) and (max-width: 960px){
	.section.newsletter .title .only-mo{display: inline-block;}
}


/* 페이지 별 min-height 100vh 기준 (100vh - footerHiehgt) */
@media all and (min-width: 769px) {
	#content.search,
	#content.subscribe {min-height: calc(100vh - 242px);}
}
@media all and (max-width: 414px) {
	#content.search,
	#content.subscribe {min-height: calc(100vh - 223px);}
}
@media all and (min-width:610px) and (max-width:768px) {
	#content.search,
	#content.subscribe {min-height: calc(100vh - 188px);}
}
@media all and (max-width:609px) {
	#content.search,
	#content.subscribe {min-height: calc(100vh - 222px);}
}


/* section.whatson */
#content.whatson article .img-wrap	{width: 100%;}
#content.whatson .title-wrap		{padding-top: 92px;}
#content.whatson .title-wrap .category	{font-size: 22px; line-height: 1.2;}
#content.whatson .title-wrap .section-title	{margin: 24px 0 28px;}
#content.whatson .title-wrap a.section-title	{display: block;}
#content.whatson .title-wrap .date				{font-size: 20px; line-height: 1.2;}

#content.whatson.list .title-wrap	{padding-bottom: 240px;}
#content.whatson.list .section.whatson .item.normal .text {font-size: 22px;}

#content.whatson.detail .title-wrap	{padding-bottom: 100px;}

#content.whatson.detail .swiper-container	{overflow: hidden;--swiper-theme-color: #fff; }
#content.whatson.detail .swiper-container .swiper-slide .img-wrap	{height: 80vh;}
#content.whatson.detail .swiper-container .swiper-slide .img-wrap img	{object-fit: contain;}
#content.whatson.detail .swiper-container .swiper-pagination{position: static;}

.swiper-pagination-bullet {background: #fff;}


@media all and (min-width: 769px) {
	#content.whatson .title-wrap	{
		display: -ms-flexbox; display: -webkit-flex; display: flex;
		-webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;
		-webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;
	}
	#content.whatson .title-wrap &gt; div		{width: calc(100% - 240px);}
	#content.whatson .title-wrap .sns-wrap	{width: 240px;
		-webkit-justify-content: flex-end; justify-content: flex-end;
	}
}
@media all and (max-width:768px) {
	#content.whatson .title-wrap		{padding-top: 40px}
	#content.whatson .title-wrap .category	{font-size: 20px;}
	#content.whatson .title-wrap .date		{font-size: 18px;}
	#content.whatson .title-wrap .sns-wrap	{margin-top: 30px;}

	#content.whatson.list .title-wrap	{padding-bottom: 180px;}
	#content.whatson.list .section.whatson .item.normal .text	{font-size: 16px;}

	#content.whatson.detail .title-wrap	{padding-bottom: 70px;}
}

.news-source				{margin: 74px 0 140px; gap: 16px 48px;
	display: -ms-flexbox; display: -webkit-flex; display: flex;
	-webkit-align-items: center; -ms-flex-align: center; align-items: center;
	-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;
}
.news-source &gt; span.text	{color: #6b6b6b;}
@media all and (max-width:768px) {
	.news-source				{margin: 36px 0 70px; gap: 8px 24px;

	}
}
</pre></body></html>