<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* css setting start */
.sec-wrap,
.sec-header,
.sec-content,
.sec-footer {position:relative;width:100%;margin:0;padding:0;box-sizing:border-box;}


*::-webkit-scrollbar{width: 6px;height: 6px;}
*::-webkit-scrollbar-thumb{background-color:#000;border-radius:30px;transition:all 0.5s;}
*::-webkit-scrollbar-track{background-color:rgba(0,0,0,0.1);border-radius:0;}

.scr-white::-webkit-scrollbar-thumb{background-color:#fff;}
.scr-white::-webkit-scrollbar-track{background-color:#fff;}


[data-aos=fade-up] {
    transform: translate3d(0,20px,0);
}



/* contents */
img{vertical-align:top;}
.sub .wr{width:90%; max-width:1720px; margin:0 auto;}
.dv-conts-wrap {position:relative;width:100%;max-width:1280px;margin:0 auto;padding:0;box-sizing:border-box;overflow:hidden;}
.scr-none{overflow-y:hidden;} 


/* header */
.sec-header{display:flex; justify-content:flex-end; align-items:center; height:150px; width:95%; max-width:1820px; margin:0 auto; position:relative;}
.sec-header .logo{  width:100px; height:100px; background:url('/images/logo.svg') no-repeat 0 0; transition:all ease 2s; opacity:0;}
.sec-header .logo.show{ animation: circle-rotate 15s both linear infinite;  opacity:1; }
.main .sec-header .logo{position:absolute; left:50px; top: 25px;}
/*.main .sec-header .logo.show{animation-delay: 2s;}*/
.sec-header .lang{margin:0 10px; position:relative; left:auto; top:auto;  /* position:absolute; left:50%; top:50%; transform: translate(-50%,-50%);*/}
.sec-header .lang a{font-size:13px; padding:0 5px; color:#999; }
.sec-header .lang a.on{font-weight:800; color:#333;}
.sec-header .nav-btn {width:50px; height:55px; padding:10px; text-align:center; cursor:pointer;}
.sec-header .nav-btn span{width:100%; height:1px; background:#333; display: block; margin: 6px 0;  transition:all ease .3s;}
.sec-header .nav-btn span:first-child{width:70%; margin-left:15%;}
.sec-header .nav-btn span:last-child{width:70%; margin-left:15%;}
.sub .sec-header{max-width:1720px; justify-content: flex-end;}
.sec-header .logo{position:fixed; left: 50%; top: 25px; z-index:2; margin-left: -50px;}
.sub .sec-header .logo.scrlogo{left:auto; right:25px;  animation: circle-rotate2 15s both linear infinite;}





/* nav all */
.nav-all{position:fixed; top:0; right:-100%; width:70%;  height:100%; z-index:9; background:#fff; transition:all ease .6s; border-left:1px solid #ddd; }
.nav-bg{ width:100%;  height:100%; background:#000; position:fixed; top:0; right:-100%; z-index:8;  transition:all ease 1s; display: flex; align-items: center;  justify-content: center;   padding-right: 70%;}
.nav-all .nav-wr{max-width:1000px; width:100%; height:100%; margin:0 auto;}
.nav-all .nav-list{display:flex; flex-wrap:wrap; height:100%; width:100%; align-items:center; padding:100px; justify-content: space-between; }
.nav-all .nav-list ul li{ margin:30px 0; opacity:0; transition:all .6s ease .8s; transform: translateY(30px); }
.nav-all .nav-list ul li:nth-child(2){transition-delay:1s;}
.nav-all .nav-list ul li:nth-child(3){transition-delay:1.2s;}
.nav-all .nav-list ul li:nth-child(4){transition-delay:1.4s;}
.nav-all .nav-list ul li a{font-size:50px; display:inline-block; position:relative; overflow:hidden; font-weight:300;}
.nav-all .nav-list ul li a:after{content:''; width:0; height:6px; background:#000; position:absolute; left:-2px; bottom:0; transition:all ease .6s;}
.nav-all .nav-list ul li:hover a:after{width:100%; left:0;}
.nav-all .nav-list .nav-bt{width:100%;}
.nav-all .nav-list .nav-bt a{display:inline-block; font-size:18px; margin:0 10px 10px 0; }
.nav-all .nav-list .nav-bt a.naver_post{background:url('/images/ic_naver_post.png'); width:13px; height:23px;}
.nav-all .nav-list .nav-bt a:hover{opacity:.5;}
.nav-all .nav-list .nav-bt p{font-size:14px; color:#999;  }
.nav-all .lang{text-align:center;}
.nav-all .nav-ft{  margin:50px 0 0;}
.nav-all .nav-ft a{display:block; margin: 30px; font-size:18px;}
.nav-all .nav-ft a:hover{text-decoration:underline;}
.sec-header.nav-open .nav-all{right:0;   transition:all ease 1s; }
.sec-header.nav-open .nav-all .nav-list ul li{ transform: translateY(0); opacity:1;}
.sec-header.nav-open .nav-bg{right:0;  transition:all ease .6s; }
.sec-header.nav-open .nav-btn{position:fixed; top:50px; right:50px; z-index:99;}
.sec-header.nav-open .nav-btn span{    margin: 0;}
.sec-header.nav-open .nav-btn span:first-child{display:none;}
.sec-header.nav-open .nav-btn span:last-child{display:none;}
.sec-header.nav-open .nav-btn span:nth-child(2){transform:rotate(45deg)}
.sec-header.nav-open .nav-btn span:nth-child(3){transform:rotate(-45deg)}

.nav-logo{width:150px; height:150px; animation: circle-rotate 15s both linear infinite; opacity:0; transition: all ease 6s;}
.sec-header.nav-open .nav-logo{opacity:1;}



/* footer */
.sec-footer .ft-info{display:flex; padding:100px 0 50px; justify-content:space-between;     align-items: start; width:95%; max-width:1830px; margin:0 auto;}
.sec-footer .ft-info p{font-size:13px;}
.sub .sec-footer .ft-info{max-width:1720px; }


/* main */
#intro{display:flex; align-items:center; justify-content:center; width:100%; height:100%; position:fixed; top:0; left:0; z-index:999; overflow:hidden; background:#fff; transition:all ease .6s; }
#intro.hide{ filter: blur(2px);}
#intro.hide .intro_logo{opacity:0;}
#intro .intro_logo{position:absolute; z-index:2; top:50%; left:50%; margin-top:-94.5px; margin-left:-94.5px;  animation: circle-rotate 15s both linear infinite; transition:all ease 1s; opacity:1;}
#intro .circle {background: #000;  width: 200px;  height: 200px;margin: auto;  border-radius: 50%;overflow: hidden;    -webkit-animation:3s ease-out grow 1s forwards;  animation:3s ease-out grow 1s forwards;}

.index{padding:0 0 50px;}
.index .visual-con{display:flex; width:100%; flex-wrap:wrap; padding:5px; justify-content: center;}
.index .visual-con li{width:25%; padding:5px; position:relative;} 
.index .visual-con li .img{width:100%; padding-bottom:150%; background-size:cover; background-position:center center; transition:all ease .6s; position:relative; z-index:1; }
.index .visual-con li .swiper-slide:not(.swiper-slide-active){opacity:0 !important;}
.index .visual-con li .img:after{content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.1)}
.index .visual-con li:not(.on) .img{
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);}
.index .visual-con li.on .img{filter: blur(2px); }
.index .visual-con li .name{position:absolute; width:100%; padding:0 30px; left:0; top:50%; transform:translateY(-60%); text-align:center; color:#fff; transition:all ease .6s; opacity:0; z-index:2;}
.index .visual-con li .name h2{font-size:30px; font-weight:300;}
.index .visual-con li .name p{font-size:16px;}
.index .visual-con li.on .name{transform:translateY(-50%); opacity:1; }
.index .main-copy{font-size:30px; text-align:center;width: 95%; max-width: 1830px;  margin: 100px auto;}



@keyframes circle-rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes circle-rotate2 {
  from {
    transform: rotate(0deg);
	opacity:0;
  }

  to {
    transform: rotate(360deg);
	opacity:1;
  }
}



@-webkit-keyframes grow {
 0% {
  -webkit-transform: scale( 1 );-moz-transform: scale( 1 );-o-transform: scale( 1 );-ms-transform: scale( 1 );transform: scale( 1 );
  }

  100% {
  -webkit-transform: scale( 30 );-moz-transform: scale( 30 );-o-transform: scale( 30 );-ms-transform: scale( 30 );transform: scale( 30 );
  }
}





/* sub */
.sub-position{ margin-top:-50px; margin-bottom:50px;}
.sub-position .depth1{font-weight:500; color:#000; border-bottom:1px solid #000; font-size:14px;}
.sub-position .depth2{  font-size:18px; margin:50px 0 0;}
.sub-position .depth2 li{margin:10px 0; text-transform: uppercase; }
.sub-position .depth2 li a{font-weight:300; color:#999;}
.sub-position .depth2 li.on a{color:#000; font-weight:400; }



/* about */
.about{padding:180px 0;   text-align:center;}
.about h2{font-size:36px; margin:100px 0 80px; font-weight:500;}
.about p{margin:20px 0; line-height:2; color:#666; font-weight:500;}



/* artists */
.artists-tit{ margin:100px 0 0; width:30%;}
.artists-tit p{font-size:20px;  font-weight:500; line-height:1}
.artists-tit h2{font-size:55px; font-weight:500; text-transform: uppercase;}
.artists{margin-top:100px;}
.artists ul{display:flex;   flex-wrap:wrap; margin:0 -10px;     justify-content: start;}
.artists ul li{width:33.33%; padding:10px; position:relative;}
.artists ul li .at-img{width:100%; padding-bottom:100%; background-size:cover; background-position:center center; transition:all ease .6s; position:relative; z-index: 1;}
.artists ul li .at-img:after{content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.1)}
.artists ul li:not(.on) .at-img{
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%) ;}
.artists ul li .at-name{position:absolute; width:100%; padding:50px; left:0; bottom:0;    color:#fff; transition:all ease .6s; z-index: 2; }
.artists ul li .at-name h2{display:inline-block; font-size:30px; font-weight:300; position:relative}
.artists ul li .at-name h2:after{content:''; width:100%; height:1px; background:#fff; position:absolute; left:0; bottom:0; transition:all ease .6s;}
.artists ul li .at-name p{font-size:16px;}
.artists ul li.on .at-name h2:after{width:0;}

/* profile */
.profile .pf-content{margin-top:100px; display:flex; align-items:start; flex-wrap:wrap;}
.profile .pf-img{width:50%;}
.profile img{    transition: all ease .6s;}
.profile img:not(.on){
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%) ;}


.profile .pf-history{width:50%; max-width:800px; padding:0 100px; font-weight:500;}
.profile .pf-history p{margin:0 0 50px; line-height:2;}
.profile .pf-history .pf-awards{margin:0 0 20px;}
.profile .pf-history .pf-awards h3{font-weight:500; border-bottom:1px solid #000; display:inline-block; cursor:pointer;}
.profile .pf-history .pf-awards h3 span{vertical-align:text-bottom; margin-left:5px;}
.profile .pf-history .pf-awards h3 span:after{content:'+'; display:inline-block; }
.profile .pf-history .pf-awards.open h3 span:after{content:'-';  }
.profile .pf-history .pf-awards ul{padding:30px 0 50px; display:none;}
.profile .pf-history .pf-awards ul li{margin:5px 0; font-size:15px; position:relative; padding-left:50px;}
.profile .pf-history .pf-awards ul li span{position:absolute; left:0; top:0;}
.profile .pf-addimg{display:flex; align-items:start; flex-wrap:wrap;}
.profile .pf-addimg &gt; div{width:50%; text-align:center; }
.profile .pf-addimg.first{justify-content:flex-end; margin-top:-200px; margin-bottom:300px;}
.profile .pf-addimg.first div{padding:0 12%;}
.profile .pf-addimg.second div:first-child{margin-top:-100px ; padding: 0 12%;}
.profile .pf-addimg.second div:nth-child(2){text-align:right; margin:100px 0;}



/* movie */
.movie .mv-content{display:flex; align-items:start; flex-wrap:wrap;}
.movie .mv-info{width:30%; margin-right:10%; font-weight:500;}
.movie .mv-info ul{padding:50px 0; margin:20px 0;border-top:1px solid #000; transition:all ease .6s;     overflow: hidden;}
.movie .mv-info ul.fixed{position:fixed; top:0; border-top:0; }
.movie .mv-info ul li{margin:10px 0; font-size:15px; padding-left:50px; position:relative;  animation: left-move .8s forwards ; transform: translateX(30px); opacity:0; transition:all ease 2s; }
.movie .mv-info ul li:nth-child(2){animation-delay:0.1s; }
.movie .mv-info ul li:nth-child(3){animation-delay:0.2s;}
.movie .mv-info ul li:nth-child(4){animation-delay:0.3s;}
.movie .mv-info ul li:nth-child(5){animation-delay:0.4s;}
.movie .mv-info ul li:nth-child(6){animation-delay:0.5s;}
.movie .mv-info ul li:nth-child(7){animation-delay:0.6s;}
.movie .mv-info ul li:nth-child(8){animation-delay:0.7s;}
.movie .mv-info ul li:nth-child(9){animation-delay:0.8s;}
.movie .mv-info ul li:nth-child(10){animation-delay:0.9s;}
.movie .mv-info ul li:nth-child(11){animation-delay:1s;}
.movie .mv-info ul li:nth-child(12){animation-delay:1.1s;}
.movie .mv-info ul li:nth-child(13){animation-delay:1.2s;}
.movie .mv-info ul li:nth-child(14){animation-delay:1.3s;}


@keyframes left-move {
  from {
    transform: translateX(30px);
	opacity:0;
  }

  to {
    transform: translateX(0);
	opacity:1;
  }
}




.movie .mv-info ul li.none{height:0; overflow:hidden;}
.movie .mv-info ul li span{position:absolute; left:0; top:0;}
.movie .mv-list{width:60%;  font-weight:500; margin-top:20px;}
.movie .mv-list ul{display:flex; flex-wrap:wrap; margin-top:-5%; margin-bottom:30%;}
.movie .mv-list ul li{width:40%; text-align:center; margin:5%; cursor:pointer; position:relative; transition: all ease .6s;}
.movie .mv-list ul li.none{height:0;}
.movie .mv-list ul li .more{position:absolute; top:50%; left:50%; width:0; height:0;  background:#000; border-radius:50%;   transition:all ease .3s; opacity:0;}
.movie .mv-list ul li .more:after{content:''; position:absolute; width:0; height:0; background:#fff; left:50%; top:50%; transition:all ease .3s; }
.movie .mv-list ul li .more:before{content:''; position:absolute; width:0; height:0; background:#fff; left:50%; top:50%; transition:all ease .3s; }
.movie .mv-list ul li img{max-width:100%; transition: all ease .6s;}
.movie .mv-list ul li:hover img{ filter: blur(2px) }
.movie .mv-list ul li:hover .more{width:80px; height:80px; margin-left:-40px; margin-top:-40px; opacity:.8;}
.movie .mv-list ul li:hover .more:after{width:20px; height:1px; margin-top:-.5px; margin-left:-10px;}
.movie .mv-list ul li:hover .more:before{width:1px; height:20px; margin-top:-10px; margin-left:-.5px;}
.movie-popup{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.1); z-index:11; padding:50px; overflow-y: auto; display:none;}
.movie-popup.active{display:block;}
.movie-popup .wr{background:#fff; width:100%; min-height:100%; padding:30px 100px 100px;}
.movie-popup h2{font-size:24px; margin-bottom:30px; padding-bottom:15px; border-bottom:1px solid #000;}
.movie-popup .info{margin:0 0 50px; }
.movie-popup .info p {position:relative; margin:10px 0; padding-left:100px; line-height:1.8; font-weight: 400;}
.movie-popup .info p span{position:absolute; left:0; top:0;  font-weight:500;}
.popup-close{cursor:pointer; padding: 25px 0 0; width:50px; height:50px; margin: 0 auto 20px}
.popup-close span{width:100%; height:1px; background:#000; display:block; transform:rotate(45deg)}
.popup-close span:last-child{ transform:rotate(-45deg); margin-top:-1px;}
.still-slider{margin:50px 0 0;}
.still-slider .swiper-button-wr{ display:flex; justify-content:space-between; padding:50px 0 0;}
.still-slider .swiper-button-next{width:51px; height:13px; margin-top:0; position:relative; top:auto;  right:0; background:url('/images/sub/slide-next.png') no-repeat center  right;}
.still-slider .swiper-button-prev{width:51px; height:13px; margin-top:0; position:relative; top:auto; left:0; background:url('/images/sub/slide-prev.png') no-repeat center  left;}
.still-slider .swiper-button-next:after,
.still-slider .swiper-button-prev:after{display:none;}


/* newson */
.board .board-content{margin-top:-50px}
.board .board-content .boardListArea{padding:0 5%;}
.board-view{margin-top:100px;}



/* 공통 게시판 레이아웃 */
.board-content{padding-left:30%; margin:-150px 0 150px;}
.board-content .scd-list ul{display:flex; flex-wrap:wrap; padding:0 5% 5%;}
.board-content .scd-list li{width: 44%; margin:3%; }
.board-view{padding:0 15%; }
.board-view .tit{font-size:36px; padding:10px 0; border-bottom:1px solid #000;}
.board-view .fileArea p{margin:10px 0; font-size: 14px;}
.board-view .fileArea a{margin-right:5px;}
.board-view .date{font-weight:500;   margin:0 0 20px; color:#999;}
.board-view .cont{font-weight:500; padding:50px 0; border-bottom: 1px solid #000; text-align:center;}
.btn-box{margin:50px 0;}
.btn-box a{display:inline-block;  font-weight:500;}
.btn-box a img{vertical-align:baseline; margin-right:20px;}
.board-tabs{padding:4% 5% 20px;}
.board-tabs a{display:inline-block; margin:0 3%;   font-size:20px; color:#999; }
.board-tabs a.on{color:#000; font-weight:500; border-bottom:1px solid #000;}

/* 공통 게시판 페이징 */
.list-num{padding:0 8%;}
.list-num a{display:inline-block;width:35px; height:45px; line-height:43px; text-align:center; border-radius:50%; }
.list-num a.on{border:1px solid #000; width:45px; }

/* schedule */
.schedule .scd-list li .date p{padding:20px 0; font-weight: 500;  color:#999;}
.schedule .scd-list li .date .big{font-size:36px; font-weight:800; border-bottom:1px solid #000; color:#000;}
.schedule .scd-list li .tit{padding:30px 0; padding-right:50%; font-size:18px;}
.schedule .scd-list li .tit p{font-size:20px; font-weight:400;}


/* works */
.works .gallery-list{}
.works .gallery-list ul{display:flex; flex-wrap:wrap; padding:0 5% 5%;}
.works .gallery-list li{width: 44%; margin:3%; }
.works .gallery-list li .thum{width:100%; padding-bottom:56.25%; position:relative; height:0; background: url(/images/logo.png) #f8f8f8 no-repeat center center;}
.works.magazine .gallery-list li .thum{padding-bottom:146.25%; background: url(/images/logo.png) #f8f8f8 no-repeat center center;}
.works .gallery-list li .thum &gt; div{position:absolute; left:0; top:0; width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center center; display: flex; align-items: center;  justify-content: center ; }
.works .gallery-list li .thum i{ font-size:50px; color:#fff;}
.works .gallery-list li .gallery-sbj{padding:20px 0;}
.works .gallery-list li .gallery-sbj h3{font-size:20px; font-weight:500;}
.works .gallery-list li .gallery-sbj p{font-weight:500; font-size:15px; color:#999; margin:10px 0 0;}
.works .board-view .cont{text-align:center;}



/* contact */
.contact{ margin:100px 0;}
.contact .wr{max-width:500px}
.contact h2{font-size:20px; margin:50px 0 10px;  font-weight:500;}
.contact a{text-decoration:underline;}
.contact input{border:1px solid #e4e4e4; padding:20px; margin: 10px 0 5px;}
.contact textarea{border:1px solid #e4e4e4; padding:20px; margin: 10px 0 5px;}
.contact button{width:100%; display:block; border:1px solid #000; background:#fff; text-align:center; padding:10px;   position:relative; margin:10px 0 0;}
.contact button span{ transition:all ease .6s; z-index:1;}
.contact button:after{content:''; width:0; height:100%; background:#000; position:absolute; right:0; top:0; transition:all ease .6s; z-index:1;}
.contact button:hover:after{ width:100%; left:0; right:auto;}
.contact button:hover span{color:#fff; position:relative; z-index:2;}
.checkbox{position:relative; margin:10px 0 30px;}
.checkbox input[type=checkbox]{ width: 20px; cursor: pointer; height: 20px; display: block; position: absolute; top: 0; left: 0; margin: 0;z-index: 1;opacity: 0;}
.checkbox input[type=checkbox]+ label{position:relative; font-weight: normal;  padding:0 0 0 25px; display:block; height:20px; cursor:pointer;     font-size: 14px;}
.checkbox input[type=checkbox]+ label:before {content: ""; display: inline-block; width:20px; height:20px; background:url('/images/sub/check-off.png')no-repeat 50% 50%; position:absolute; top:0; left:0;}
.checkbox input[type=checkbox]:checked + label:before {content: ""; background:url('/images/sub/check-on.png')no-repeat 50% 50%; width:20px; height:20px;}

/* css setting end */

/* media size setting start */
@media screen and (max-width:1600px) {
	.profile .pf-addimg.first{margin-top:50px; margin-bottom:0;}
	.index .visual-con li:only-child{    max-width: 400px;}
}
@media screen and (max-width:1024px) {
	.sub-position .depth2{font-size:16px; margin:30px 0 0;}
	.artists-tit h2{font-size:40px;}
	.artists-tit{margin:50px 0 0;}
	.movie-popup{padding:20px;}
	.movie-popup .wr{padding:20px 50px 50px;}
	.movie-popup h2{font-size:20px;}
	.schedule .scd-list li .tit{padding:20px 0;padding-right:0;}
	.board-content{margin: -110px 0 110px;}
	.srboardList .listTable .colTbl td.title{font-size:18px}
	.sub-position{margin:-70px 0 70px}
}
@media screen and (max-width:768px) {
	#intro .intro_logo{width:100px; height:100px; margin-top:-50px; margin-left:-50px;}
	.sec-header{height:90px;}
	.sec-header .logo{width:70px; height:70px; background-size:70px; }
	.sub .sec-header .logo{ margin-left:-35px}
	.sec-header.nav-open .nav-btn{top:20px; right:10px;}
	.nav-all{width:100%; overflow-y: auto;}
	.nav-all .nav-list{padding:50px;}
	.nav-all .nav-list ul li{margin:20px 0;}
	.nav-all .nav-list ul li a{font-size:36px;}
	.sec-header .lang{margin:0;  position: absolute; right: 2%; top: 10px;  }
	.sec-header .lang a{ font-size:11px; padding:0 3px}
	.sec-header .logo{top:10px;}
	.sec-footer .ft-info{padding:50px 0 20px;}
	.sec-footer .ft-info p:last-child{font-size:10px}
	.sec-centent{    min-height: 70vh;}
	.main .sec-header .logo{top:10px;}


	.index{padding:0;}
	.index .visual-con li{width:50%;}
	.index .main-copy{font-size:20px; margin:30px auto;}



	.sub-position {margin: -60px 0 50px;}
	.sub-position .depth1{font-size:12px;}
	.sub-position .depth2 li{margin:  0;}
	.sub-position .depth2 li a{font-size:14px;}
	.artists-tit{width:100%; }
	.artists-tit p{font-size:16px}
	.artists-tit h2{font-size:30px}

	.about{padding:50px 0;}
	.about h2{margin:30px 0; font-size:24px; line-height:1.5;}
	.about p{font-size:14px; margin:0; line-height:1.8;}

	.artists{margin-top:50px;}
	.artists ul{margin:0;}
	.artists ul li{width:100%; padding:0; margin:5px 0;}
	.artists ul li .at-name h2{font-size:24px;}
	.artists ul li .at-name{padding:30px 20px;}
	.artists ul li .at-name p{font-size:14px;}

	.profile .pf-content{margin-top:50px;}
	.profile .pf-img{width:100%;}
	.profile .pf-history{width:100%; padding: 5%; font-size: 14px;}
	.profile .pf-history p{margin:0 0 30px}
	.profile .pf-history .pf-awards ul{padding:20px 0 30px}
	.profile .pf-history .pf-awards ul li{font-size:13px;}
	.profile .pf-addimg div{width:100%;}
	.profile .pf-addimg.first{ margin-top:0;}
	.profile .pf-addimg.first div{padding:0 5%; }
	.profile .pf-addimg.second div:first-child{padding:0 5%; margin-top:0;}
	.profile .pf-addimg.second div:nth-child(2){margin:50px 0;}

	.movie .mv-info{width:100%; margin-right:0;}
	.movie .mv-info ul{padding:30px 0 50px; margin:10px 0 0;}
	.movie .mv-info ul.fixed{position:relative;}
	.movie .mv-info ul li{font-size:13px; padding-left: 40px;}
	.movie .mv-list{width:100%;}
	.movie .mv-list ul{    margin: 0 -2% 40%;}
	.movie .mv-list ul li{margin:2%; width:46%;}
	.movie-popup .wr{position:relative; padding:  5%  ;}
	.popup-close{ padding: 15px 0 0; width: 30px; height: 30px; margin: 0 0 0 auto;}
	.movie-popup .info{font-size:14px; margin: 0 0 20px;}
	.movie-popup .info p span{position:relative; display: block; font-weight: 600;}
	.movie-popup .info p{ padding-left: 0; line-height: 1.5;}
	.movie-popup h2{margin-bottom:10px; padding-bottom: 10px; font-size:18px}
	.still-slider{margin:20px 0 0;}
	.still-slider .swiper-button-wr{padding:20px 0;}
	.still-slider .swiper-button-next{width:30px;}
	.still-slider .swiper-button-prev{width:30px;}

	.board-content{margin:0 0 50px; padding-left:0;}
	.board-tabs{padding:4% 0 20px}
	.bottomBtn{margin:0;}

	.board-tabs a{font-size:16px; margin:0 10px 0 0;}
	.works .gallery-list ul{padding:0;}
	.works .gallery-list li{width:100%; margin: 3% 0;}
	.works .gallery-list li .gallery-sbj h3{font-size:18px;}
	.works .gallery-list li .gallery-sbj p{font-size:13px;}
	.works .gallery-list li{font-size:14px;}
	.list-num{padding:50px 0; }
	.list-num a{font-size: 13px; width:30px; height:35px; line-height:33px;}
	.list-num a.on{width:35px}

	.board-content .scd-list ul{padding:0;}
	.board-content .scd-list li{width:100%; margin:3% 0;}
	.board-view .tit{font-size:20px}
	.srboardView{margin:0;}
	.board-view{padding:0; margin-top:70px}
	.board-view .date{font-size:14px; margin:0;}
	.board-view .cont{font-size:14px; padding:20px 0;}
	.btn-box{margin:20px 0;}
	.btn-box a{font-size:14px}
	.btn-box a img{width:30px; margin-right:10px;}

	.schedule .scd-list li .date .big{font-size:30px;}
	.schedule .scd-list li .date p{font-size:14px; padding:10px 0;}
	.schedule .scd-list li .tit p{font-size:18px}

	.board .board-content{margin:50px 0 0;}
	.board .board-content .boardListArea{padding:0;}
	.srboardList .listTable .colTbl td.title{font-size:16px;}
	.srboardList .listTable .colTbl td{font-size:12px; padding-left:10px;}

	.contact{margin:50px 0;}
	.contact{font-size:14px;}
	.contact h2{font-size:18px; margin: 30px 0 10px;}

	.sec-footer .ft-info{display:block;}
	.sec-footer .ft-info p{margin:0 0 10px}
	/* .sec-footer .ft-info p br{display:none;} */
}


@media screen and (max-width:480px) {
	.index .visual-con{justify-content: start;}
	.index .visual-con li:only-child { width: 100%; max-width:100%;}
}
/* media size setting end */
</pre></body></html>