@charset "utf-8";

/* MAIN COMMON */
#main-pg {overflow-x: hidden; width:100%;}


/* title */
.m-titlebox.ta-c {text-align:center;}
.m-titlebox h2 {font-size:5rem; color:#333; font-weight:500;}
.m-titlebox .desc {font-size:1.9rem; color:#999; margin-top:1.5rem;}
.m-titlebox .view-all-btn {margin-top:7.8rem;}

/* scroll down */
#main-pg .scroll-down {position:absolute; top:calc(100vh - 21rem); right:4.5rem; height:21rem; font-size:1.2rem; font-weight:500; z-index:1; text-align:center;}
#main-pg .scroll-down .txt {writing-mode:vertical-rl; letter-spacing: 0.06em;}
#main-pg .scroll_indicator {width:1px; height:12rem; display:block; margin:auto; overflow:hidden; position:relative; margin-top:1.5rem;}
#main-pg .scroll_indicator::before {content:''; background:none; position:relative; display: block; height:100%; overflow:hidden;}
#main-pg .scroll_indicator .indicator_element {width:1px; position:absolute; left:0; top:-8rem; background:#333;}
#main-pg .auto_animation.scroll_indicator .indicator_element {height:12rem; -webkit-animation:scroll_indicator 2.2s backwards infinite; animation:scroll_indicator 2.2s both infinite;}
#main-pg .scroll-down img {padding:2.5rem 0 1.5rem 0;}

@keyframes scroll_indicator{
	0%{ top:-70%;} 
	100%{ top:170%;}
}


.mv-motion {position: relative; overflow: hidden;}
.mv-motion::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 15; background: rgba(255,255,255,1); transition:left 1.6s cubic-bezier(0, 0, 0.2, 1); transition-delay:0.6s;}
.mv-motion.active::before {left: 100%;}


/* 메인 네비게이션 */
.main-nav {position:fixed; left:10rem; top:50%; transform:translateY(-50%); font-size:1.4rem; color:#777777; z-index:-1; transition:all ease .3s; opacity:0; }
.main-nav.show {opacity:1;  z-index:8;}
.main-nav ul {text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.main-nav a {display:block; position:relative; transition:all ease .3s; }
.main-nav a::before {content:''; width:1px; height:0px; background:#dfdfdf; transition: all .2s ease;}
.main-nav a .txt {display:none; margin:0.8rem 0;}
.main-nav a .dot {display:block; width:2rem; height:2rem; margin:0.5rem 0; border-radius:50%; position:relative; background:transparent; transition: all .2s ease;}
.main-nav a .dot::before {opacity:0; display:inline-block; content:''; width:1.2rem; height:1.2rem; border-radius:50%; background:rgba(127,16,133,0.15); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.main-nav a .dot::after {display:inline-block; content:''; width:4px; height:4px; border-radius:50%; background:rgba(127,16,133,1); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.main-nav a .txt {font-size:1.4rem; color:#777; writing-mode: vertical-rl; letter-spacing: -0.2em;}
.main-nav a .txt strong {font-weight:600; color:#333;}
.main-nav a.on {}
.main-nav a.on .txt {display:flex; flex-direction:row-reverse; align-items:flex-end;}
.main-nav a.on .txt > * {display:inline-block; transform:rotate(-90deg); letter-spacing: -0.45em; line-height: 1;}
.main-nav a.on::before {display: inline-block; height:10.4rem; margin:1rem 0 0;}
.main-nav a.on .dot {background:rgba(127,16,133,0.07);}
.main-nav a.on .dot::before {opacity:1;}


/* msec01 */
.msec01 {position:relative; padding-top:13rem;}
.msec01 .slogan-txt {will-change: transform;}
.msec01 .slogan-txt h2 {font-size:4.7rem; color:#333; line-height:1.5319; font-weight:500;}
.msec01 .slogan-txt h2 strong {font-weight:800; font-size:5.3rem;}
.msec01 .slogan-txt .deco {position:absolute; width:16.8rem; height:17.5rem; top:-8rem; left:-8rem; background:url(/images/main/mv-txt-deco01.png) no-repeat center/contain;}

.msec01 .box {position:absolute;left: 50%;top:13rem;width: 94%;max-width: 1284px;margin: 0 auto;transform: translateX(-50%);display: flex;align-items: center;/* justify-content: center; *//* height: 100%; */height: 46.5rem; z-index:2;}

.msec01 .main-tit {position:relative; overflow: hidden; height:46.5rem;}
.msec01 .main-tit .box {top:0;}

.msec01 .mvisual {overflow:hidden;}
.msec01 .mvisual .box-mark {height:0; opacity:0;}
.msec01 .mvisual .box {z-index:-1;}
.msec01 .mvisual .box h2 {color:#fff;}
.msec01 .mvisual .box .slogan-txt .deco {background-image:url(/images/main/mv-txt-deco01-on.png);}
.msec01 .mvisual .slidebox {width:calc(100% - 18rem); position:relative; z-index:-2;}
.msec01 .mvisual .swiper-slide {height:93.7rem;position:relative;}
.msec01 .mvisual .swiper-slide .simpleParallax {height:100%;}
.msec01 .mvisual .swiper-slide .bg {height:93.7rem; background-position:center; background-size:cover; background-repeat:no-repeat;}
.msec01 .mvisual .swiper-slide img {height:100%; object-fit:cover;}
.msec01 .control {position:absolute; bottom:6rem; right:23rem; z-index:2; display:flex; height:2.2rem; align-items:center;}
.msec01 .control .swiper-pagination-bullet {width:6px; height:6px; background:#fff; position:relative; margin:0 1rem; opacity:1;}
.msec01 .control .swiper-pagination-bullet:after {opacity:0; display:inline-block; content:''; width:2rem; height:2rem; border-radius:50%; border:1px solid #fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.msec01 .control .swiper-pagination-bullet-active:after {opacity:1;}
.msec01 .control .ct-btn {cursor:pointer; margin-left:1rem;}

.msec01 .eff-img-w {position:absolute; top:10rem; right:5rem; width:63rem; height:47.6rem; transform:rotate(180deg);}
.msec01 .eff-img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; overflow:hidden; /*border-radius:100%;*/ transition:all 1.5s cubic-bezier(0.32, 0, 0.67, 0) 5s;}
.msec01 .eff-img:after {display:block; content:''; width:100%; height:100%; background:#fff; position:absolute; top:0; right:0; transition:all 2s cubic-bezier(0.32, 0, 0.67, 0) 4.3s;}
.msec01 .eff-img img {width:63rem; height:47.3rem; position: absolute; left:0; bottom:0;}
.wrap.on .msec01 .eff-img {/*border-radius:0;*/}
.wrap.on .msec01 .eff-img:after {width:0;}


/* msec02 공지사항 */
.msec02 {padding:17rem 0;}
.msec02 .row {display:flex; justify-content:space-between;}
.msec02 .row .box {padding:5rem 5rem 6rem;}
.msec02 .row .box .tit {display:block; font-size:2.5rem;}
.msec02 .row .box .desc {margin-top:2rem; display:block; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height:1.75; height:3.5em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.msec02 .row .box .date {opacity:0.7; margin-top:8rem; color:#848484;}
.msec02 .row .box .date .ico {margin-right:0.5rem;}
.msec02 .row .box .date .ico img {vertical-align:baseline;}

.msec02 .row .box.has-bg {color:#fff;}
.msec02 .row .box.has-bg .tit {color:#fff;}
.msec02 .row .box.has-bg .date {color:#fff;}
.msec02 .row .box:not(.has-bg) {border:1px solid #c5c5c5;}
.msec02 .row .box:not(.has-bg):after {opacity:0; display:inline-block; content:''; width:16rem; height:13.3rem; position:absolute; bottom:1rem; right:0; background:url(/images/main/notice-box-bg02-deco.png) no-repeat center/contain; transition:all .6s ease;}
.msec02 .row .box:not(.has-bg) .tit {color:#858585;}
.msec02 .row .box:not(.has-bg) .date .ico-time {display:inline-block; background:url(/images/main/ico-time.png) no-repeat center/contain; width:1.4rem; height:1.4rem;}
.msec02 .row .box:not(.has-bg):hover {border-color:#fff; position:relative; background:url(/images/main/notice-box-bg02.png) no-repeat center/cover;}
.msec02 .row .box:not(.has-bg):hover::after {opacity:1;}
.msec02 .row .box:not(.has-bg):hover .tit {color:#fff;}
.msec02 .row .box:not(.has-bg):hover .date {color:#fff; opacity:0.7;}
.msec02 .row .box:not(.has-bg):hover .desc {color:#fff; opacity:0.7;}
.msec02 .row .box:not(.has-bg):hover .date .ico-time {background-image:url(/images/main/ico-time-wht.png);}


.msec02 .row .notice-box01 {background:url(/images/main/notice-box-bg01.png) no-repeat center/cover; width:calc(66.666% - 1.3333rem);}

.msec02 .row01 {margin-bottom:4rem;}
.msec02 .row01 .box {padding:6.5rem 12rem 6rem 6.5rem;}
.msec02 .row01 .box .tit {display:block; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.msec02 .row01 .box .date {margin-top:7rem;}

.msec02 .row02 {margin-bottom:3rem; padding-bottom:3rem; border-bottom:1px solid #ddd;}
.msec02 .row02 .box {width:calc(33.333% - 2.666rem);}
.msec02 .row02 .box .tit {display:block; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height:1.52; height:3.04em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

#main-pg .linkbox {display:flex;}
#main-pg .linkbox a {position:relative; display:flex; align-items: center; background:#f4f4f4;}
#main-pg .linkbox a .ico {margin-right:2rem;}
#main-pg .linkbox a .txtbox {padding-right:3rem;}
#main-pg .linkbox a .txtbox dt {color:#444; font-weight:500;}
#main-pg .linkbox a .txtbox dd {color:#666; margin-top:1rem;}
#main-pg .linkbox a .arr {width:2.1rem; height:1.6rem; position:absolute; top:50%; transform:translateY(-50%);}
#main-pg .linkbox a .arr .bar {position:absolute; display:inline-block; width:1rem; height:1px; background:#999;}
#main-pg .linkbox a .arr .bar:nth-child(1) {transform:rotate(45deg); right:0; top:0.4rem;}
#main-pg .linkbox a .arr .bar:nth-child(2) {transform:rotate(-45deg); right:0; bottom:0.4rem;}
#main-pg .linkbox a .arr .bar:nth-child(3) {width:0; height:2px; left:0; top:50%; transform:translateY(-50%); transition:all .4s ease;} 

#main-pg .linkbox a:hover .arr .bar {background:#666; height:2px;}
#main-pg .linkbox a:hover .arr .bar:nth-child(3) {width:calc(100% - 1px);}

#main-pg .linkbox.fr-2 a {width:calc(50% - 1rem); padding:3.5rem 6rem;}
#main-pg .linkbox.fr-2 a .arr {right:6rem;}
#main-pg .linkbox.fr-3 a {width:calc(33.333% - 1.333rem); padding:1.8rem 5rem; margin-right:2rem;}
#main-pg .linkbox.fr-3 a:last-child {margin-right:0;}
#main-pg .linkbox.fr-3 a .arr {right:5rem;}


/* msec03 광고신청 */
.msec03 {background:url(/images/main/msec03-bg.png) no-repeat center/cover; padding:6rem 0;}
.msec03 .inner {display:flex; justify-content:space-between; padding:0 6rem;}
.msec03 .m-titlebox h2 {font-size:4.3rem;}
.msec03 .m-titlebox .desc {font-size:1.7rem;}
.msec03 .m-titlebox .main-btn01 {margin-top:4.5rem;}
.msec03 .logobox {max-width:670px; margin-left: 5%;}
.msec03 .adv-slidebox:nth-child(n+2) {margin-top:1rem;}


/* msec04 대한민국 미술대전 */
.msec04 {padding:16rem 0; position:relative;}
.msec04 .bg-deco {position:absolute; top:23rem; right:0; z-index:-1;}
.msec04 .tab {margin-bottom:8rem;}
.msec04 .tab a {display:inline-flex; align-items: center; font-size:3.5rem; color:#dddddd; font-weight:500; font-family: 'Noto Serif', 'Noto Serif KR', serif;}
.msec04 .tab a.active {color:#333;}
.msec04 .tab a:after {display:inline-block; content:''; width:5px; height:5px; border-radius:50%; background:#dddddd; margin:0 2.5rem;}
.msec04 .tab a:last-child:after {display:none;}
.msec04 .slidebox {display:flex; align-items:flex-end; position:relative;}
.msec04 .slidebox .navibox .navi-btn {position:absolute; top:50%; transform:translateY(-50%); width:2.4rem; height:4.9rem;}
.msec04 .slidebox .navibox .navi-btn:not(.swiper-button-disabled) {cursor:pointer;}
.msec04 .slidebox .navibox .navi-btn.prev {left:-8rem; background:url(/images/main/msec04-arr-prev.png) no-repeat center/contain;}
.msec04 .slidebox .navibox .navi-btn.next {right:-8rem; background:url(/images/main/msec04-arr-next.png) no-repeat center/contain;}
.msec04 .slidebox .left {max-width:54.9rem; width:50%;}
.msec04 .slidebox .left .swiper-wrapper {align-items:flex-end;}
.msec04 .slidebox .left .img img {max-width:inherit; width:100%;}
.msec04 .slidebox .right {min-width:calc(100% - 54.9rem); width:50%;}
.msec04 .slidebox .right .control {padding:3rem 2.25rem;}
.msec04 .slidebox .right .control .swiper-pagination-bullet {width:1.2rem; height:1.2rem; background:#dddddd; opacity:1; margin:0 0.75rem;}
.msec04 .slidebox .right .control .swiper-pagination-bullet-active {background:#555555;}
.msec04 .slidebox .right .txtbox {position:relative; background:url(/images/main/msec04-tab01-txtbox-bg.png) no-repeat center/cover; padding:8.5rem;}
.msec04 .slidebox .right .txtbox::after {display:inline-block; content:''; width:26.7rem; height:22.2rem; position:absolute; bottom:2rem; right:2rem; background:url(/images/main/msec04-tab01-txtbox-bg-deco.png) no-repeat center/contain;}
.msec04 .slidebox .right .txtbox .tit {font-size:3rem; color:#fff; font-family: 'Noto Serif', 'Noto Serif KR', serif;}
.msec04 .slidebox .right .txtbox .desc {font-size:1.8rem; color:#fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height:1.66; height:3.32em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top:3rem;} 
.msec04 .slidebox .right .txtbox .view-all-btn {margin-top:8.5rem;}
.msec04 .slidebox .right .txtbox .detail {margin-top:3rem;}
.msec04 .slidebox .right .txtbox dl {display:flex; color:#fff; margin:1rem 0;}
.msec04 .slidebox .right .txtbox dt {width:7rem; flex-shrink:0; padding-right:1rem; letter-spacing:0.015em; position:relative;}
.msec04 .slidebox .right .txtbox dt::after {display:inline-block; content:''; width:1px; height:1.4rem; background:#e2e2e2; position:absolute; top:0.5rem; right:0;}
.msec04 .slidebox .right .txtbox dd {padding-left:1.5rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.msec04 .slidebox .right .txtbox dl.has-nbsp dt {letter-spacing:-0.015em;}
.msec04 .linkbox {margin-top:2rem;}
.msec04 .btnbox {margin-top:7rem; text-align:center;}


/* msec05 미술문화계 소식 */
.msec05 {padding:16rem 0; overflow:hidden; background:#fbfbfb; position:relative;}
.msec05 .bg-deco {position:absolute; top:11rem; left:0; z-index: 0;}
.msec05 >.inner {position:relative; z-index: 1;}
.msec05 .m-titlebox {margin-bottom:6rem;}
.msec05 .tab {margin-bottom:6rem; text-align:center;}
.msec05 .tab a {display:inline-flex; align-items: center; font-size:2.8rem; color:#dddddd; font-family: 'Noto Serif', 'Noto Serif KR', serif;}
.msec05 .tab a.active {color:#333; font-weight:500;}
.msec05 .tab a:after {display:inline-block; content:''; width:5px; height:5px; border-radius:50%; background:#dddddd; margin:0 1.5rem;}
.msec05 .tab a:last-child:after {display:none;}
.msec05 .slidebox {position:relative;}
.msec05 .slidebox::before {display:none; content:''; position:absolute; top:0; left:-1284px; width:100%; height:100%; background:rgba(255,255,255,0.6); z-index:2;}
.msec05 .slidebox::after {display:none; content:''; position:absolute; top:0; right:-1284px; width:100%; height:100%; background:rgba(255,255,255,0.6); z-index:2;}
.msec05 .slidebox .swiper-container {overflow:inherit;}
.msec05 .slidebox .swiper-slide {transition:.8s;}
.msec05 .slidebox .swiper-slide:not(.swiper-slide-visible) {opacity:0.4;}
.msec05 .slidebox .swiper-slide .img {display:inline-block; overflow:hidden; position:relative; width:100%; height:0; padding-bottom:141.25%;}
.msec05 .slidebox .swiper-slide .img img {transition:.8s; display:inline-block; object-fit: cover; position:absolute; width:100%; height:100%;}
.msec05 .slidebox .swiper-slide:hover .img img {transform:scale(1.05);}
.msec05 .slidebox .swiper-slide .img .cate {z-index:2; position:absolute; display:inline-flex; align-items:center; justify-content:center; width:8rem; height:3.8rem; font-weight:500; color:#fff; background:#e14c9f;}
.msec05 .slidebox .txtbox {margin-top:3.5rem;}
.msec05 .slidebox .txtbox .tit {display:block; font-size:2.5rem; font-weight:500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.4; height:2.8em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.msec05 .slidebox .txtbox .desc {line-height:1.4; color:#666; margin-top:1.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height:1.5625; height:4.6875em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
.msec05 .slidebox .txtbox .detail {margin-top:1.5rem;}
.msec05 .slidebox .txtbox dl {display:flex; color:#666; margin:1rem 0;}
.msec05 .slidebox .txtbox dt {width:7rem; flex-shrink:0; padding-right:1rem; letter-spacing:0.015em; position:relative;}
.msec05 .slidebox .txtbox dt::after {display:inline-block; content:''; width:1px; height:1.4rem; background:#e2e2e2; position:absolute; top:0.5rem; right:0;}
.msec05 .slidebox .txtbox dd {padding-left:1.5rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.msec05 .slidebox .txtbox dl.has-nbsp dt {letter-spacing:-0.015em;}
.msec05 .slidebox .swiper-pagination-progressbar {position:relative; top:auto; margin-top:8.5rem; height:5px; background:#eaeaea;}
.msec05 .slidebox .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#544c49;}
.msec05 .btnbox {margin-top:7.5rem; text-align:center;}


/* msec06 미술저작권자 등록 신탁등재 */
.msec06 {padding:2rem 0;}
.msec06 .inner {display:flex; align-items:center;}
.msec06 .title {flex-shrink:0; position:relative;}
.msec06 .title:after {display:inline-block; content:''; margin:0 3rem; vertical-align:middle; width:2px; height:5rem; background:#c1c1c1;}
.msec06 .slidebox .swiper-slide {width:auto;}











/* 반응형 */
@media ( max-width: 1780px ) {
	.main-nav {left:2.5%;}

	#main-pg .scroll-down {right:2.5%;}
}


@media ( max-width: 1024px ) {
	.msec01 .eff-img-w {display:none;}

	.m-titlebox h2 {font-size:3.6rem;}
	.m-titlebox .desc {font-size:1.8rem; margin-top:1rem;}

	.main-nav {display:none;}

	.msec01 .mvisual .slidebox {width:calc(100% - 8.5%);}
    .msec01 .control {right:15%}
    
    .msec01 .slogan-txt h2 {font-size:3.4rem;}
	.msec01 .slogan-txt h2 strong {font-size:4rem;}
	.msec01 .main-tit {height:36.5rem;}
	.msec01 .box {height:36.5rem;}

	.msec02 {padding:10rem 0;}
	.msec02 .row .box {padding:3.5rem 2.5rem;}
	.msec02 .row .box .tit {font-size:2.2rem;}
	.msec02 .row01 {margin-bottom:2rem;}
	.msec02 .row01 .m-titlebox {width:calc(33.333% - 1.333rem);}
	.msec02 .row02 .box {width:calc(33.333% - 1.3333rem);}
	.msec02 .row02 .box .tit {font-size:1.9rem;}

	.msec03 .inner {flex-wrap:wrap; padding:0;}
	.msec03 .logobox {margin-left:0; margin-top:4rem; max-width:100%;}
	.msec03 .m-titlebox h2 {font-size:3.8rem;}

	#main-pg .linkbox {flex-wrap:wrap;}
	#main-pg .linkbox.fr-2 a {padding:3.5rem;}
	#main-pg .linkbox.fr-2 a .arr {right:3.5rem}
	#main-pg .linkbox.fr-2 a {width:100%; margin-bottom:1rem;} 
	#main-pg .linkbox.fr-2 a:last-child {margin-bottom:0;} 
	#main-pg .linkbox.fr-3 a {padding:2rem 3.5rem; margin-right:0;}
	#main-pg .linkbox.fr-3 a .arr {right:3.5rem}
	#main-pg .linkbox.fr-3 a {width:100%; margin-bottom:1rem;} 
	#main-pg .linkbox.fr-3 a:last-child {margin-bottom:0;} 

	.msec04 {padding:10rem 0;}
	.msec04 .tab a {font-size:2.6rem;}
	.msec04 .slidebox .right .txtbox {padding:4rem;}
	.msec04 .slidebox .right .txtbox .tit {font-size:2.4rem;}
	.msec04 .slidebox .right .txtbox .desc {font-size:1.7rem;}
	.msec04 .slidebox .navibox .navi-btn.prev {left:2.5%;}
	.msec04 .slidebox .navibox .navi-btn.next {right:2.5%;}
	.msec04 .slidebox .navibox .navi-btn {width:1.5rem; z-index:2;}

	.msec05 {padding:10rem 0;}
	.msec05 .tab a {font-size:2.6rem;}
	.msec05 .slidebox .txtbox .tit {font-size:2.2rem;}
	
}

@media ( max-width: 768px ) {

	.m-titlebox h2 {font-size:2.8rem;}
	.m-titlebox .desc {font-size:1.7rem;}
	.m-titlebox .view-all-btn {margin-top:4rem;}

	.msec02 {padding:6rem 0;}
	.msec02 .row01 {flex-wrap:wrap; margin-bottom:0;}
	.msec02 .row01 .m-titlebox {width:100%;}
	.msec02 .row .notice-box01 {width:100%; margin-top:4rem;}
	.msec02 .row02 {flex-wrap:wrap;}
	.msec02 .row02 .box {width:100%; margin-top:2rem;}
	.msec02 .row .box .date {margin-top:2rem;}

	.msec03 .m-titlebox h2 {font-size:2.8rem;}

	#main-pg .linkbox a .ico {width:4.5rem;}

	.msec04 {padding:6rem 0;}
	.msec04 .tab {text-align:center; margin-bottom:4rem;}
	.msec04 .tab a {font-size:2rem;}
    .msec04 .tab a:after {background:none; margin:1.5rem 0.75rem;}
	.msec04 .slidebox {flex-wrap:wrap;}
	.msec04 .slidebox .left {max-width:100%; width:100%;}
	.msec04 .slidebox .right {min-width:100%; width:100%; display:flex; flex-wrap:wrap;}
	.msec04 .slidebox .right .control {width:100%; order:2; text-align:center; padding:0; margin-top:2rem; margin-bottom:4rem;}
	.msec04 .slidebox .navibox {display:none;}
	.msec04 .slidebox .right .txtbox {padding:3.5rem;}
	.msec04 .slidebox .right .txtbox .desc {margin-top:1rem;}
	.msec04 .slidebox .right .txtbox .view-all-btn {margin-top:4rem;}

	.msec05 {padding:6rem 0;}
	.msec05 .m-titlebox {margin-bottom:4rem;}
	.msec05 .tab {margin-bottom:4rem;}
	.msec05 .tab a {font-size:2.2rem;}

	.msec05 .slidebox .txtbox .tit {font-size:2rem;}

	.msec06 .title img {width:18rem;}
    .msec06 .slidebox .swiper-slide {margin-right:0 !important;}
    .msec06 .slidebox .swiper-slide .img img {max-width:15rem;}

    
}

@media all and (max-width:500px) {
    .msec06 .inner {flex-direction:column; align-items: flex-start;}
    .msec06 .title {margin-bottom:1rem; width:100%; background:#8b7867; margin-bottom:1rem;}
    .msec06 .title:after {display:none;}

	.msec06 .title img {width:17rem;}
	.msec06 .title:after {width:1px; margin:0 2.5rem;}
}




/* aos 3000이상 추가 */
[data-aos][data-aos][data-aos-delay="3100"].aos-animate, body[data-aos-delay="3100"] [data-aos].aos-animate {transition-delay:3.1s;}
[data-aos][data-aos][data-aos-delay="3200"].aos-animate, body[data-aos-delay="3200"] [data-aos].aos-animate {transition-delay:3.2s;}
[data-aos][data-aos][data-aos-delay="3300"].aos-animate, body[data-aos-delay="3300"] [data-aos].aos-animate {transition-delay:3.3s;}
[data-aos][data-aos][data-aos-delay="3400"].aos-animate, body[data-aos-delay="3400"] [data-aos].aos-animate {transition-delay:3.4s;}
[data-aos][data-aos][data-aos-delay="3500"].aos-animate, body[data-aos-delay="3500"] [data-aos].aos-animate {transition-delay:3.5s;}
[data-aos][data-aos][data-aos-delay="3600"].aos-animate, body[data-aos-delay="3600"] [data-aos].aos-animate {transition-delay:3.6s;}
[data-aos][data-aos][data-aos-delay="3700"].aos-animate, body[data-aos-delay="3700"] [data-aos].aos-animate {transition-delay:3.7s;}
[data-aos][data-aos][data-aos-delay="3800"].aos-animate, body[data-aos-delay="3800"] [data-aos].aos-animate {transition-delay:3.8s;}
[data-aos][data-aos][data-aos-delay="3900"].aos-animate, body[data-aos-delay="3900"] [data-aos].aos-animate {transition-delay:3.9s;}
[data-aos][data-aos][data-aos-delay="4000"].aos-animate, body[data-aos-delay="4000"] [data-aos].aos-animate {transition-delay:4s;}
[data-aos][data-aos][data-aos-delay="4100"].aos-animate, body[data-aos-delay="4100"] [data-aos].aos-animate {transition-delay:4.1s;}
[data-aos][data-aos][data-aos-delay="4200"].aos-animate, body[data-aos-delay="4200"] [data-aos].aos-animate {transition-delay:4.2s;}


/* 메인 캔버스 효과 추가 */
.water-container {width: 68vw;height: 100vh;display: flex;justify-content: center;align-items: center;position:absolute;top:0;right:0;opacity: 0.3;z-index: -9; } 
.canvas-stitch { display: none; }