#main{position:relative;}
/* html, body {height: 100%; margin: 0; padding: 0;}
p {margin: 0; padding: 0;} */

/*-------------------------------------------------------------------
	@ 공통
-------------------------------------------------------------------*/
.main-con {display: block; max-width:1670px; width:100%; height:inherit; margin:0 auto;}

@media screen and (max-width:1670px) {
	#container .main-con {padding:0 50px;}
}
@media screen and (max-width:800px) {
	#container .main-con {padding:0 20px;}
}


/*-------------------------------------------------------------------
	분류그룹 : section01 > visual
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#container #section01 .section01-wrap {display: block; position:absolute; top:0; left:0; width:100%; height:100vh;}

#container #section01 {height:100vh;}
#container #section01 .visual-area {display: block; height:100vh;}
#container #section01 .visual-area .main-con {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center;}
#container #section01 .visual-area .visual-txt {display: block;  position:relative; z-index: 50; color:#ffffff; cursor:pointer;}
#container #section01 .visual-area .visual-txt .sub-txt-box {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; transform:translateY(100%);}
#container #section01 .visual-area .visual-txt .sub-txt-box .ex-info {display: inline-block; font-weight:700; font-size:1.125rem;}
#container #section01 .visual-area .visual-txt .sub-txt-box .ex-info.ex-name {position:relative; padding-left:0;}
#container #section01 .visual-area .visual-txt .sub-txt-box .ex-info.ex-name::after {content:''; display: block; position:absolute; top:50%; right:0; width:3px; height:15px; background-color:#ffffff; transform: translateY(-50%);}
#container #section01 .visual-area .visual-txt .main-tit {display: block; margin:15px 0 20px 0; font-weight:500; font-size:4.5rem;transform:translateY(100%);}
#container #section01 .visual-area .visual-txt .sub-tit {display: block; font-weight:500; font-size:1.125rem;transform:translateY(100%);}

#container #section01 .visual-slide {display: block; position:absolute; top:0; left:0; z-index: 1; width:100%; height:100vh;}
#container #section01 .visual-slide .swiper-slide {display: block; height:100vh; width:100%; background-image:url('../images/main/visual_01.jpg'); background-size:cover; background-repeat: no-repeat; background-position:center;}
#container #section01 .visual-slide .swiper-pagination {display: block; position:absolute; bottom:100px; left:0; z-index: 100; }
#container #section01 .visual-slide .swiper-pagination-bullet {width:11px; height:11px; border:2px solid #ffffff; background-color:transparent;}

#container #section01 .explore-box {position:absolute; bottom:0; left:0; z-index: 2; width:100%; height:80px; background-color:#707070; color:#ffffff; text-align: center;}
#container #section01 .explore-box .txt {display: block; line-height: 80px; letter-spacing:1.5px;}
#container #section01 .explore-box .txt .arrow {display: inline-block; padding:0 10px; transform: translateY(0); animation-name: bounce; animation-duration:1s; animation-direction:alternate-reverse; animation-iteration-count:infinite;}


@keyframes bounce {
	0% {transform: translateY(5%);}
	100% {transform: translateY(-5%);}
}


/*-------------------------------------------------------------------
	@interaction 
-------------------------------------------------------------------*/
#container #section01 .visual-slide .swiper-pagination-bullet-active {background-color:#ffffff;}

#container #section01 .visual-area .visual-txt .sub-txt-box,
#container #section01 .visual-area .visual-txt .main-tit,
#container #section01 .visual-area .visual-txt .sub-tit {transition: transform 0.7s, opacity 0.5s; opacity: 0;}
#container #section01 .visual-area .visual-txt .sub-txt-box {transition-delay: 0.2s;}
#container #section01 .visual-area .visual-txt .main-tit {transition-delay: 0.3s;}
#container #section01 .visual-area .visual-txt .sub-tit {transition-delay: 0.4s;}

#container #section01 .visual-area .swiper-slide.swiper-slide-active .visual-txt .sub-txt-box {transform:translateY(0);  opacity: 1;}
#container #section01 .visual-area .swiper-slide.swiper-slide-active .visual-txt .main-tit {transform:translateY(0); opacity: 1;}
#container #section01 .visual-area .swiper-slide.swiper-slide-active .visual-txt .sub-tit {transform:translateY(0); opacity: 1;}

/* 
@media screen and (min-width:801px) {
	#container #section01 .visual-area .visual-txt .sub-txt-box .ex-info {transition-delay: 0.2s;}
	#container #section01 .visual-area .visual-txt .main-tit {transition-delay: 0.3s;}
	#container #section01 .visual-area .visual-txt .sub-tit {transition-delay: 0.4s;}
} */

/*-------------------------------------------------------------------
	@media 
-------------------------------------------------------------------*/
@media screen and (max-width: 1670px) {
	/* #container #section01 .visual-slide .swiper-slide {object-fit: cover; background-position:center;} */
}
@media screen and (max-width:1024px) {
	#container #section01 .explore-box {height:60px;}
	#container #section01 .explore-box .txt {line-height:60px;}
}
@media screen and (max-width: 800px) {
	#container #section01 .visual-slide .swiper-slide {object-fit: cover; background-position:center;}
	#container #section01 .visual-area .visual-txt .main-tit {margin:5px 0 15px 0; font-size:3.5rem;}
}
@media screen and (max-width:500px) {
	#container #section01 .explore-box {font-size:0.875rem;}	
	#container #section01 .explore-box .txt .arrow {padding:0;}
}
@media screen and (max-width:425px) {
	#container #section01 .explore-box {font-size:0.8125rem;}
	#container #section01 .explore-box .txt .arrow {display: none;}
	#container #section01 .visual-area .visual-txt .sub-txt-box {display: block;}
	#container #section01 .visual-area .visual-txt .sub-txt-box .ex-info {display: block; padding:0;}
	#container #section01 .visual-area .visual-txt .sub-txt-box .ex-info.ex-name::after {display: none;}
	#container #section01 .visual-area .visual-txt .main-tit {font-size:3.125rem;}
	
}

/*-------------------------------------------------------------------
	분류그룹 : section02 > 공통
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#section02 .page {padding-top:80px;}

#section02 .con-head {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; margin-bottom:30px; -webkit-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-pack: end; -moz-box-justify-content: flex-end; -ms-flex-pack: end;  align-items: flex-end;}
#section02 .con-head .main-tit {display: block; font-weight:500; font-size:1.375rem; color:#4D4D4D; letter-spacing:2px;}
#section02 .con-head .view-all {display: block; background-color:transparent; font-weight:400; font-size:1rem; letter-spacing:0.2rem; color: #4a4a4a;}
#section02 .con-body {display: block;}

/*-------------------------------------------------------------------
	@media 
-------------------------------------------------------------------*/
@media screen and (max-width:375px) {
	#section02 .con-head .main-tit {font-size:1.25rem;}
	#section02 .con-head .view-all {font-size:0.9375rem;} 
}

/*-------------------------------------------------------------------
	분류그룹 : section02 > sc-02 map
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#section02 .sc-02 {display: block; height:100vh;}
#section02 .sc-02 .artwork {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex;height:100%;}
#section02 .sc-02 .artwork .l-box {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; width:40%; height:100%; padding:20px 130px; background-color:#ffffff; flex-shrink: 0; -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center; -moz-box-justify-content: center;-ms-flex-pack: center;justify-content: center; justify-content: center;}
#section02 .sc-02 .artwork .l-box .map-content-box {display:none;}
#section02 .sc-02 .artwork .l-box .txt-area {margin:0 auto;}
#section02 .sc-02 .artwork .l-box .txt-area .title {display: block; margin-bottom:30px; font-weight:700; font-size:2rem; color:#676767; line-height: 1.1;}
#section02 .sc-02 .artwork .l-box .txt-area .img-box {display:block;}
#section02 .sc-02 .artwork .l-box .txt-area .img-box > img {display: block; height:100%; max-height:500px;}
#section02 .sc-02 .artwork .l-box .txt-area .txt-box {padding-top:30px;}
#section02 .sc-02 .artwork .l-box .txt-area .txt-box .explane {display: -webkit-box; overflow: hidden; font-weight:400; font-size:1rem; color:#676767; text-overflow: ellipsis; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
#section02 .sc-02 .artwork .l-box .txt-area .txt-box .btn-more {display: block; position:relative; padding:3px 0; background-color:#ffffff; font-weight:700; font-size:1rem; color:#676767;}
#section02 .sc-02 .artwork .l-box .txt-area .txt-box .btn-more::before {content:''; visibility: hidden; position:absolute; top:50%; right:-20px; width:20px; height:2px; background-color:#000000; transform: translateY(-50%);}
#section02 .sc-02 .artwork .l-box .txt-area .txt-box .btn-more::after {content:''; visibility: hidden; position:absolute; top:51%; right:-20px; width:8px; height:8px; border-top:2px solid #000000; transform:translateY(-50%) rotate(45deg);}

#section02 .sc-02 .artwork .r-box {flex-grow: 1;}

/* 카카오맵 */
#map {height: 100%;}
/* 카카오맵 -오버레이 */
/* #map .info {position: absolute; left: 30px; bottom: 40px; padding: 20px; border: 2px solid #c452bf; border-radius: 2px; background-color: #ffffff;} */
/* #map .info::before {content:""; position: absolute; top: 100%; right: 100%; width: 30px; height: 40px; background-color: #c452bf; clip-path: path('M 0 39 L 1,40 L 30,1 L 29,0 Z');} */
/* #map .info::after {content:""; position: absolute; top: calc(100% + 38px); right: calc(100% + 28px); width: 6px; height: 6px; border-radius: 6px; background-color: #c452bf;} */
/* #map .info .tit {display: block; margin-bottom: 5px; font-weight: 400; font-size: 14px;} */
/* #map .info .period {display: block; font-size: 14px;} */
/* #map .info .btn-close {display: block; position: absolute; top: -5px; right: -5px; width: 30px; height: 30px; padding: 0; border: 0; background-color: transparent; cursor: pointer;} */
/* #map .info .btn-close::before, */
/* #map .info .btn-close::after {content:""; position: absolute; top: 50%; left: 50%; width: 10px; height: 2px; background-color: #000000;} */
/* #map .info .btn-close::before {transform: translate(-50%, -50%) rotate(45deg);} */
/* #map .info .btn-close::after {transform: translate(-50%, -50%) rotate(-45deg);} */
 #map .mk2 {display: block; position: absolute; left: -18px; bottom: 0; width: 36px; height: 43.5px; background: url(/map_marker_on.svg) no-repeat center / contain;}

/*-------------------------------------------------------------------
	@interaction 
-------------------------------------------------------------------*/
#section02 .sc-02 .artwork .l-box .txt-area .txt-box .btn-more {transition:color 0.3s;}
#section02 .sc-02 .artwork .l-box .txt-area .txt-box .btn-more:focus,
#section02 .sc-02 .artwork .l-box .txt-area .txt-box .btn-more:hover {color:#000000;}
#section02 .sc-02 .artwork .l-box .txt-area .txt-box .btn-more::before,
#section02 .sc-02 .artwork .l-box .txt-area .txt-box .btn-more::after {transition: visibility 0.3s, right 0.3s;}  
#section02 .sc-02 .artwork .l-box .txt-area .txt-box .btn-more:focus::before,
#section02 .sc-02 .artwork .l-box .txt-area .txt-box .btn-more:hover::before,
#section02 .sc-02 .artwork .l-box .txt-area .txt-box .btn-more:focus::after,
#section02 .sc-02 .artwork .l-box .txt-area .txt-box .btn-more:hover::after {visibility: visible; right:-30px;}

#section02 .sc-02 .artwork .l-box .map-content-box.on {display:block;}


/*-------------------------------------------------------------------
	@media 
-------------------------------------------------------------------*/
@media screen and (max-width:1500px) {
	#section02 .sc-02 .artwork .l-box {padding:0 100px;} 
}
@media screen and (max-width:1200px) {
	#section02 .sc-02 .artwork .l-box {padding:0 80px;}
	#section02 .sc-02 .artwork .l-box .txt-area .title {margin-bottom:20px; font-size:1.75rem;}
}
@media screen and (max-width:1024px) {
	#section02 .sc-02 .artwork .l-box {width:50%; padding:0 60px;}
	#section02 .page {padding-top:0;}
	
}
@media screen and (max-width:800px) {
	#section02 .sc-02 {height:auto; padding-top:20px;}
	#section02 .sc-02 .artwork {height:auto;}
	#section02 .sc-02 .artwork {flex-direction: column-reverse;}
	#section02 .sc-02 .artwork .l-box {width:100%; padding:70px 60px;}
	#section02 .sc-02 .artwork .r-box {margin:0 20px;}
	#map {min-height:500px;}
}
@media screen and (max-width:600px) {
	#section02 .sc-02 .artwork .l-box {padding:70px 40px;}
	#section02 .sc-02 .artwork .r-box {margin:0 40px;}
	#map {min-height:400px;}
}
@media screen and (max-width:425px) {
	#section02 .sc-02 .artwork .l-box {padding:70px 30px;}
	#section02 .sc-02 .artwork .r-box {margin:0 20px;}
	#map {min-height:300px;}
}
@media screen and (max-width:325px) {
	#section02 .sc-02 .artwork .l-box {padding:50px 30px;}
}

/*-------------------------------------------------------------------
	분류그룹 : section02 > sc-03 exhibition
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#section02 .sc-03 {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; height:100vh; background-color:#F4F4F4; -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items:center;}
#section02 .sc-03 .main-con {height:auto; padding:120px 0;}
#section02 .con-body .exhibit-slide {display: block; overflow:hidden; width:100%;}
#section02 .con-body .exhibit-slide .swiper-slide {display: block;}
#section02 .con-body .exhibit-slide .swiper-slide .img-box {display: block; overflow: hidden; position:relative; max-height:594px; background-color:#F4F4F4;}
#section02 .con-body .exhibit-slide .swiper-slide .img-box > img {width:100%; height:100%;}
#section02 .con-body .exhibit-slide .swiper-slide .txt-box {display: block; padding:20px 0;}
#section02 .con-body .exhibit-slide .swiper-slide .txt-box .ex-tit {display: block; overflow: hidden; margin-bottom:15px; font-weight:700; font-size:1.625rem; color:#676767; text-overflow: ellipsis; white-space: nowrap;}
#section02 .con-body .exhibit-slide .swiper-slide .txt-box .date {display: block; overflow: hidden; font-weight:400; font-size:1.25rem; color:#676767;}

/*-------------------------------------------------------------------
	@interaction
-------------------------------------------------------------------*/
#section02 .con-body .exhibit-slide .swiper-slide .txt-box .ex-tit,
#section02 .con-body .exhibit-slide .swiper-slide .txt-box .date {transition:color 0.3s;}
#section02 .con-body .exhibit-slide .swiper-slide:focus .txt-box .ex-tit,
#section02 .con-body .exhibit-slide .swiper-slide:hover .txt-box .ex-tit {color:#000000;}
/*-------------------------------------------------------------------
	@media 
-------------------------------------------------------------------*/
@media screen and (max-width: 1670px) {
	#section02 .sc-03 .main-con {padding:120px 50px;}
}
@media screen and (max-width:1200px) {
	#section02 .sc-03 .con-body .exhibit-slide .swiper-slide .txt-box .ex-tit {margin-bottom:12px; font-size:1.375rem;}
	#section02 .sc-03 .con-body .exhibit-slide .swiper-slide .txt-box .date {font-size:1.125rem;}
}
@media screen and (max-width:800px) {
	#container .sc-03 .main-con {padding:120px 20px;}
}
@media screen and (max-width:600px) {
		#section02 .sc-03 {height:auto;}
	#section02 .sc-03 .main-con {padding:60px 20px;}
}
@media screen and (max-width:474px) {
	#section02 .con-body .exhibit-slide .swiper-wrapper {display:block;}
	#section02 .con-body .exhibit-slide .swiper-slide {margin-bottom:20px;}
}
@media screen and (max-width:425px) {
	#section02 .sc-03 .main-con {padding:90px 20px;}
}

/*-------------------------------------------------------------------
	분류그룹 : section02 > sc-04 highlight
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#section02 .sc-04 {display: block; padding:140px 0 30px;}
#section02 .sc-04 .con-body .highlight-list {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; margin:0 -20px; flex-wrap:wrap;}
#section02 .sc-04 .con-body .highlight-list > li {width:25%; padding:0 20px 80px;}
#section02 .sc-04 .con-body .highlight-list > li.video .img-box::after {content:''; position:absolute; top:50%; left:50%; width:100px; height:100px; background-image:url('../images/main/i_play.svg'); background-repeat: no-repeat; background-size:cover; transform: translate(-50%,-50%);}
#section02 .sc-04 .con-body .highlight-list > li .item {display: block;}
#section02 .sc-04 .con-body .highlight-list > li .item .img-box {display: block; overflow: hidden; position:relative;}
#section02 .sc-04 .con-body .highlight-list > li .item .img-box::before {content:''; display: block; padding-top:100%;}
#section02 .sc-04 .con-body .highlight-list > li .item .img-box > img {position:absolute; top:0; left:50%; height:100%; transform: translateX(-50%);}
#section02 .sc-04 .con-body .highlight-list > li .item .txt-box {display: block; padding-top:15px;}
#section02 .sc-04 .con-body .highlight-list > li .item .txt-box .tag {display: block; margin-bottom:8px; font-weight:400; font-size:1rem; color:#676767; letter-spacing:1.5px;}
#section02 .sc-04 .con-body .highlight-list > li .item .txt-box .tit-con {display: block; overflow: hidden; margin-bottom:12px; font-weight:400; font-size:1.625rem; color:#676767; text-overflow: ellipsis; white-space: nowrap;}
#section02 .sc-04 .con-body .highlight-list > li .item .txt-box .tit-con .tit-01 {font-weight:400;}
#section02 .sc-04 .con-body .highlight-list > li .item .txt-box .tit-con .tit-02 {font-weight:700;}
#section02 .sc-04 .con-body .highlight-list > li .item .txt-box .date {display: block; font-weight:400; font-size:1.125rem; color:676767;} 
#section02 .sc-04 .con-body .btn-load {display: block; overflow: hidden; position:relative; z-index: 2; margin:0 auto; width:200px; height:50px; border:1px solid #707070; background-color:#ffffff; }
#section02 .sc-04 .con-body .btn-load::before {content:''; position:absolute; top:0; left:0; z-index: 1; width:0%; height:100%; background-color:#000000;}
#section02 .sc-04 .con-body .btn-load > span {position:relative; z-index: 100; color:#4A4A4A; letter-spacing:2px;}
/*-------------------------------------------------------------------
	@interaction 
-------------------------------------------------------------------*/
#section02 .sc-04 .con-body .btn-load::before {transition: width 0.3s;}
#section02 .sc-04 .con-body .btn-load > span {transition: color 0.3s;}
#section02 .sc-04 .con-body .btn-load:hover::before,
#section02 .sc-04 .con-body .btn-load:focus::before {width:100%;}
#section02 .sc-04 .con-body .btn-load:hover > span,
#section02 .sc-04 .con-body .btn-load:focus > span {color:#ffffff;}

#section02 .sc-04 .con-body .highlight-list > li .item .img-box > img {transition: transform 0.4s;}
#section02 .sc-04 .con-body .highlight-list > li .item:focus .img-box > img,
#section02 .sc-04 .con-body .highlight-list > li .item:hover .img-box > img {transform: translateX(-50%) scale(1.1);}

#section02 .sc-04 .con-body .highlight-list > li .item .txt-box .tit-con {transition:color 0.3s;}
#section02 .sc-04 .con-body .highlight-list > li .item:focus .txt-box .tit-con,
#section02 .sc-04 .con-body .highlight-list > li .item:hover .txt-box .tit-con {color:#000000;}
/*-------------------------------------------------------------------
	@media 
-------------------------------------------------------------------*/
@media screen and (max-width: 1670px) {
	#section02 .sc-04 {padding:120px 50px;}
}
@media screen and (max-width:1400px) {
	#section02 .sc-04 .con-body .highlight-list > li .item .txt-box .tit-con {font-size:1.25rem;}
}
@media screen and (max-width:1200px) {
	#section02 .sc-04 .con-body .highlight-list > li {width:33.3333%; padding:0 20px 80px;}
}
@media screen and (max-width:1024px) {
	#section02 .sc-04 .con-body .highlight-list > li.video .img-box::after {width:60px; height:60px;}
}
@media screen and (max-width:800px) {
	#section02 .sc-04 {padding:120px 30px;}
}
@media screen and (max-width:700px) {
	#section02 .sc-04 .con-body .highlight-list > li {width:50%; padding:0 20px 60px;}
}
@media screen and (max-width:600px) {
	#section02 .sc-04 {padding:80px 0;}
}
@media screen and (max-width:500px) {
	#section02 .sc-04 .con-body .highlight-list > li {width:100%; padding:0 20px 60px;}
}
@media screen and (max-width:425px) {	
	#section02 .sc-03 .main-con {padding:90px 30px;}
	#section02 .sc-04 .con-body .highlight-list {margin:0 -10px;}	
	#section02 .sc-04 .con-body .highlight-list > li {padding:0 20px 60px;}
	#section02 .sc-04 .con-body .highlight-list > li .item .txt-box .tit-con {font-size:1.375rem;}
}
@media screen and (max-width:375px) {
	#section02 .sc-04 .con-body .btn-load {width:100%;}
	#section02 .sc-04 .con-body .highlight-list > li {padding:0 0 60px;}
}

/*-------------------------------------------------------------------
	분류그룹 : section02 > sc-05 뉴스레터 
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#section02 .sc-05 {width:100%;}
#section02 .sc-05 .news-bg {display:block; padding:200px 0; background-image:url('../images/main/img_news_bg.jpg'); background-size:cover; background-repeat: no-repeat; background-position:center;}
#section02 .sc-05 .main-con {max-width:600px;}
#section02 .sc-05 .newsletter {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; max-width:600px;-moz-box-justify-content: center;-ms-flex-pack: center;justify-content: center; justify-content: center; -webkit-box-align: center; -moz-align-items: center; -ms-flex-align: center; align-items: center;}
#section02 .sc-05 .newsletter .news-area {display: block; text-align: center;}
#section02 .sc-05 .newsletter .news-area .tit-box {margin-bottom:50px;}
#section02 .sc-05 .newsletter .news-area .tit-box .news-tit {display: block; font-weight:700; font-size:1.75rem; color:#ffffff;}
#section02 .sc-05 .newsletter .news-area .tit-box .sub-tit {display: block; margin-top:20px; font-weight:500; font-size:1.25rem; color:#ffffff; letter-spacing:1.5px;}
#section02 .sc-05 .newsletter .news-area .input-box {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -moz-box-justify-content: center;-ms-flex-pack: center;justify-content: center; justify-content: center; margin-bottom:40px;}
#section02 .sc-05 .newsletter .news-area .input-box .email {height:50px; border:1px solid #ffffff; background-color:transparent; color:#ffffff;  flex-grow:1;}
#section02 .sc-05 .newsletter .news-area .input-box .email::placeholder {font-weight:400; font-size:1.125rem; color:#ffffff; flex-shrink:0;}
#section02 .sc-05 .newsletter .news-area .input-box .btn-subscribe {height:50px; padding:4px 24px; border-radius: 0; border:1px solid transparent; background-color:#ffffff; font-weight:600; font-size:1.125rem; color:#4A4A4A; letter-spacing:1.5px;}
#section02 .sc-05 .newsletter .news-area .txt-box {font-size:0.875rem; color:#ffffff; line-height: 1.5;}
/*-------------------------------------------------------------------
	@interaction
-------------------------------------------------------------------*/
#section02 .sc-05 .newsletter .news-area .input-box .btn-subscribe {transition: background 0.3s, color 0.3s;}
#section02 .sc-05 .newsletter .news-area .input-box .btn-subscribe:focus,
#section02 .sc-05 .newsletter .news-area .input-box .btn-subscribe:hover {background-color:#000000; color:#ffffff;};

/*-------------------------------------------------------------------
	@media 
-------------------------------------------------------------------*/
@media screen and (max-width:800px) {
	#section02 .sc-05 {width:100%;}
	#section02 .sc-05 .news-bg {padding:130px 0;}
}
@media screen and (max-width:600px) {
	#section02 .sc-05 .newsletter {max-width:none;}
	/* #section02 .sc-05 .newsletter .news-area .input-box {display: block;} */
	#section02 .sc-05 .newsletter .news-area .input-box .email {width:100%; margin-bottom:5px;}
	#section02 .sc-05 .newsletter .news-area .input-box .btn-subscribe {width:100%; padding:4px 8px; font-size:0.9375rem;}
}
@media screen and (max-width:600px) {
	#section02 .sc-05 .newsletter .news-area .input-box .btn-subscribe {max-width:100px;}
}