@charset "utf-8";
/*-------------------------------------------------------------------
	분류그룹 : 메인 컨텐츠
	속성순서 : 레이아웃, 사이징, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
/* 공통 */
.main-content {padding-bottom:15rem; overflow:hidden}

/* visual */
.visual-area {position:relative}
.visual-area .visual-list {position:relative; width:100%; height:41vw; background:url('../img/main/bg_visual.jpg') no-repeat 0 0 / 90% auto}
.visual-area .visual-list .item {display:-webkit-box;display:-ms-flexbox;display:flex; position:relative; height:100%; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; overflow:hidden}
.visual-area .visual-list .visual-txtbox {display:-webkit-box;display:-ms-flexbox;display:flex; position:absolute; width:50vw; height:20vw; top:6vw; left:0; z-index:2; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.visual-area .visual-list .txt-area {text-align:left; color:#fff}
.visual-area .visual-list .txt-area .sub-tit {display:block; font-size:2vw; font-weight:700; font-style:normal}/* font-family:'LGSmHanR'; */
.visual-area .visual-list .txt-area .main-tit {display:block; font-size:4vw;  font-weight:700}/* font-family:'LGSmHanB'; */
.visual-area .visual-list .txt-area .sub-txt {display:block; margin-top:2rem; font-weight:100; font-size:1vw}
.visual-area .visual-list .visual-img {position:relative; z-index:1; width:72vw; text-align:right}
.visual-area .visual-list .visual-img img {width:100%}

/*210709 메인비주얼 네이비게이션 버튼수정*/
#mainvisual_navigation{position:static}
.naviplus button:nth-child(1){ position:absolute;  bottom:17.2vw; left:0; box-shadow:2px 2px 5px #454545; opacity:0.9;}
.naviplus button:nth-child(2){ position:absolute;  bottom:17.2vw; right:0 ; box-shadow:2px 2px 5px #454545; opacity:0.9;}

.naviplus02 button:nth-child(1){ position:absolute;  top:24.6vw; left:10vw; z-index:10; box-shadow:2px 2px 5px #454545; opacity:0.9;}
.naviplus02 button:nth-child(2){ position:absolute;  top:24.6vw; left:12.6vw; z-index:10; box-shadow:2px 2px 5px #454545; opacity:0.9;}
/* 210709 메인비주얼 네이비게이션 버튼수정 end */ 

/* Animations */
/* .visual-area .visual-list .visual-img {transform:translateY(-6rem)} */
.visual-area .visual-list .visual-txtbox {-webkit-transform:translate(-10rem, 0) scale(1);-ms-transform:translate(-10rem, 0) scale(1);transform:translate(-10rem, 0) scale(1)}
/* .visual-area .visual-list .swiper-slide-active .visual-img {animation:visualImg 0.6s 0.5s ease forwards} */
.visual-area .visual-list .swiper-slide-active .visual-txtbox {-webkit-animation:visualTxt 0.6s 0.2s ease forwards;animation:visualTxt 0.6s 0.2s ease forwards}
@-webkit-keyframes visualTxt {
    0% {-webkit-transform:translate(-10rem, 0) scale(1);transform:translate(-10rem, 0) scale(1)}
    100% {-webkit-transform:translate(0rem, 0rem) scale(1);transform:translate(0rem, 0rem) scale(1)}
}
@keyframes visualTxt {
    0% {-webkit-transform:translate(-10rem, 0) scale(1);transform:translate(-10rem, 0) scale(1)}
    100% {-webkit-transform:translate(0rem, 0rem) scale(1);transform:translate(0rem, 0rem) scale(1)}
}
@-webkit-keyframes visualImg {
    0% {-webkit-transform:translateY(-6rem);transform:translateY(-6rem)}
    100% {-webkit-transform:translateY(0rem);transform:translateY(0rem)}
}
@keyframes visualImg {
    0% {-webkit-transform:translateY(-6rem);transform:translateY(-6rem)}
    100% {-webkit-transform:translateY(0rem);transform:translateY(0rem)}
}

.visual-area .swiper-navigation {display:-webkit-box;display:-ms-flexbox;display:flex; position:absolute; /*width:10.1rem; height:5rem;*/ bottom:13.8vw; left:10vw; z-index:10}
.visual-area .swiper-button-next,
.visual-area .swiper-button-prev {display:block; position:relative; width:2.6vw; height:2.6vw; margin-top:0; border:1px solid #fff; background:#fff}
.visual-area .swiper-button-next {margin-left:1px}
.visual-area .swiper-button-prev:after,
.visual-area .swiper-button-next:after {display:block; position:absolute; top:50%; left:50%; width:0.7rem; height:1.6rem; margin:-0.8rem 0 0 -0.3rem; content:''}
.visual-area .swiper-button-prev:after {background: url('../img/main/btn_prev.png') no-repeat center center / 100% auto}
.visual-area .swiper-button-next:after {background: url('../img/main/btn_next.png') no-repeat center center / 100% auto}
.visual-area .swiper-button-prev.swiper-button-disabled:after,
.visual-area .swiper-button-next.swiper-button-disabled:after {opacity:0.6}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {top:unset; left:0; bottom:0} 
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{top:unset; left:unset; right:unset; bottom:0; right:0}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after, 
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{display:none}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity:1}

/* quicklink */
.quicklink-sec {border-bottom:1px solid #ddd}
.quicklink-list {display:-webkit-box;display:-ms-flexbox;display:flex; height:8.3rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.quicklink-list .item {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-size:1.8rem; font-weight:700}
.quicklink-list .item .flag {display:inline-block; height:2.6rem; margin-right:1.5rem; padding:0 1.2rem; border-radius:1.3rem; background:#ad2a2e; font-weight:bold; font-size:1.3rem; color:#fff; font-style:normal; line-height:2.6rem}

/* 메인 공통 */
.main-section {width:100%}
.quicklink-sec + .main-section {margin-top:13rem}
.main-section.sec02 {margin-top:13rem}
.main-section.sec03 {margin-top:17rem}
.main-section.sec04 {margin-top:14rem}
.main-section .tit-area {display:-webkit-box;display:-ms-flexbox;display:flex; position:relative}
.main-section .tit-area .tit {font-size:4rem; font-weight:800; line-height:1}
.main-section .tit-area .tit a {pointer-events:none}
.main-section .tit-area .tit + .btn {margin-left:1.5rem; top:1px}
.main-section .in-sec + .sec-cont,
.main-section .tit-area + .sec-cont {margin-top:6rem}
.main-section .sec-cont {position:relative}
.main-section .swiper-pagination {display:-webkit-box;display:-ms-flexbox;display:flex; position:absolute; bottom:auto; left:auto; top:-10rem; right:4rem; -webkit-box-flex:0; -ms-flex:none; flex:none; height:4rem; width:8rem; font-size:1.6rem; font-weight:700; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; color:#999}
.main-section .swiper-pagination .swiper-pagination-split {margin:0 0.5rem}
.main-section .swiper-pagination .swiper-pagination-current {color:#ad2a2e}
.main-section .swiper-navigation {display:-webkit-box;display:-ms-flexbox;display:flex; position:absolute; bottom:auto; left:auto; top:-10rem; right:0; -webkit-box-flex:0; -ms-flex:none; flex:none; height:4rem; }
.main-section .swiper-navigation button + button {margin-left:8rem}
.main-section .sec-cont .swiper-button-next,
.main-section .sec-cont .swiper-button-prev {display:block; position:relative; width:4rem; height:4rem; margin-top:0; top:0; border:1px solid #ddd; border-radius:50%; text-indent:-9999px}
.main-section .sec-cont .swiper-button-next {background:url('../img/main/btn_next02.png') no-repeat center center / 0.7rem auto}
.main-section .sec-cont .swiper-button-prev {background:url('../img/main/btn_prev02.png') no-repeat center center / 0.7rem auto}
.main-section .sec-cont .swiper-button-next.swiper-button-disabled,
.main-section .sec-cont .swiper-button-prev.swiper-button-disabled {opacity:0.6}

/* 뉴스 영역 */
.news-list .list {display:-webkit-box;display:-ms-flexbox;display:flex; width:calc(100% + 3rem); -ms-flex-wrap:wrap; flex-wrap:wrap; margin:-1.5rem}
.news-list .list li {display:block; width:25%; height:50.6rem; padding:1.5rem; -webkit-box-sizing:border-box; box-sizing:border-box}
.news-list .list li a {display:block; height:100%; position:relative}
.news-list .list li .img {overflow:hidden; height:calc(100% - 19.9rem); border:1px solid #eaeaea}
.news-list .list li .img img {width:100%; min-width:100%; height:100%; min-height:100%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s}
.news-list .list li a:focus .img img,
.news-list .list li a:hover .img img {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1); -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s}
.news-list .list li .txt-area {border-width:0 1px 1px 1px; border-style:solid; border-color:#eaeaea; background:rgba(255, 255, 255, 0.5); padding:2.5rem 3rem}
.news-list .list li .txt-area .type {font-size:1.8rem; font-weight:bold; color:#ff9f08; font-style:normal}
.news-list .list li .txt-area .tit {margin-top:1.3rem; font-size:2.2rem; font-weight:400; height:6.8rem; color:#222; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; -webkit-line-clamp:2; /* 라인수 */}
.news-list .list li .txt-area .date {margin-top:1.3rem; font-size:1.6rem; font-weight:300; color:#999}
.news-list .list li.emphasis {width:50%}
/* .news-list .list li.emphasis a {-webkit-box-shadow:0.4446rem 1.2216rem 4rem 0px rgba(82, 82, 82, 0.3);box-shadow:0.4446rem 1.2216rem 4rem 0px rgba(82, 82, 82, 0.3)} */
.news-list .list li.emphasis .txt-area {position:absolute; width:90%; right:0; bottom:0; z-index:5; border-width:1px}
.news-list .list li.emphasis .txt-area .tit {color:#000}
.news-list .list li.emphasis .txt-area .sub-txt {margin-top:1.5rem; font-size:1.8rem; font-weight:300; color:#666}
.news-list .list li a:hover .txt-area .tit {font-weight:700; text-decoration:underline}
.news-list .list li.emphasis .img {width:100%; height:100%}
.news-list .list li.emphasis .img img {width:100%; height:auto}
.newslist-area .swiper-navigation {display:-webkit-box;display:-ms-flexbox;display:flex; position:absolute; top:-10rem; right:0}
.newslist-area .swiper-container {height:98.4rem}
.newslist-area.type-mo {display:none}
/* .dv-ie .news-list .list li a .img {height:45rem}
.dv-ie .news-list .list li a .img img {-webkit-box-flex:0;-ms-flex:none;flex:none; position:relative; left:0%}
.dv-ie .news-list .list li a:focus .img img,
.dv-ie .news-list .list li a:hover .img img {position:relative; left:-5%; -webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1); width:110%} */

/* 동영상 */
.video-list {display:-webkit-box;display:-ms-flexbox;display:flex; position:relative}
.video-list .slick-track {padding:8rem 0}
.video-list .item {width:86rem; height:49rem; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; position:relative; z-index:1; -webkit-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) scale(0.85) !important; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) scale(0.85) !important}
.video-list .item .img {height:100%; overflow:hidden}
.video-list .item .img img {width:100%; min-height:100%}
.video-list .item .txt-area {display:-webkit-box;display:-ms-flexbox;display:flex; width:100%; height:9.8rem; padding:1rem 3rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center; background-color:#7b6e6a; font-size:2.2rem; font-weight:700; color:#fff; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease}
.video-list .item .txt-area .tit {max-height:6.4rem; -o-text-overflow:ellipsis;text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; -webkit-line-clamp:2; overflow:hidden}
.video-list .item .btn-play {position:absolute; width:7.3rem; height:7.3rem; top:50%; left:50%; margin:-3.7rem 0 0 -3.7rem; pointer-events:none}
.video-list .item .btn-play span {background:url('../img/common/btn_play_big.png') no-repeat 0 0 / 100% auto}
.video-list .item.swiper-slide-active {-webkit-box-shadow: 6.5px 11.258px 40px 0px rgba(82, 82, 82, 0.3);box-shadow: 6.5px 11.258px 40px 0px rgba(82, 82, 82, 0.3); -webkit-transform:translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) scale(1) !important; transform:translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) scale(1) !important}
.video-list .item.swiper-slide-active .txt-area {background-color:#a72b2a}
.video-list .item.swiper-slide-active a:hover .txt-area {text-decoration: underline}
.video-list .item.swiper-slide-active .btn-play {width:7.3rem; height:7.3rem; pointer-events:auto}
.video-list .item.swiper-slide-active .btn-play span {background:url('../img/common/btn_play_big.png') no-repeat 0 0 / 100% auto}
.video-area .swiper-container {height:55rem; overflow:visible}

/* sns */
.sns-area .swiper-container {overflow:visible}
.sns-list {display:-webkit-box;display:-ms-flexbox;display:flex}
.sns-list .item {width:47.2rem; height:47.2rem}
/* .sns-list .item + .item {margin-left:3.2rem} */
.sns-list .item a {display:block; position:relative; -webkit-box-shadow:1rem 1rem 3rem 0 rgba(0, 0, 0, 0.2); box-shadow:1rem 1rem 3rem 0 rgba(0, 0, 0, 0.2)}
.sns-list .item a .type {position:absolute; height:3.2rem; top:2rem; left:2rem; padding:0 1.6rem; border-radius:1.5rem; background-color:rgba(0, 0, 0, 0.3); font-size:1.8rem; font-weight:bold; color:#fff; line-height:3.2rem; z-index:6; font-style:normal}
/* .sns-list .item a .new {position:absolute; height:6rem; top:0; right:0; padding:0 1.6rem; border-radius:0 0 0 1.5rem; background-color:#ad2a2e; font-size:2rem; font-weight:300; color:#fff; line-height:6rem; z-index:6} */
.sns-list .item a .new {position:absolute; width:6rem; height:6rem; top:0; right:0; border-radius:0 0 0 1.5rem; background-color:#ad2a2e; font-size:2rem; font-weight:700; color:#fff; line-height:6rem; z-index:6; text-align:center; font-style:normal}
.sns-list .item a .txt-area {display:none; position:absolute; width:100%; height:100%; top:0; left:0; padding:4rem; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; background-color:rgba(47, 41, 39, 0.35); z-index:5}
.sns-list .item a .txt-area .tit {margin-top:auto; font-size:2.6rem; font-weight:700; color:#fff}
.sns-list .item a .txt-area .date {margin-top:2.5rem; font-family:'Roboto'; font-weight:300; font-size:1.6rem; color:#fff}
.sns-list .item a:focus .txt-area,
.sns-list .item a:active .txt-area,
.sns-list .item a:hover .txt-area {display:-webkit-box;display:-ms-flexbox;display:flex}
.sns-list .item a:focus .type,
.sns-list .item a:active .type,
.sns-list .item a:hover .type {background-color:transparent}

/* 인스토리 */
.banner-area {display:-webkit-box;display:-ms-flexbox;display:flex}
.banner-area .ban {width:calc(50% - 1.5rem)}
.banner-area .ban + .ban {margin-left:3rem}
.banner-area .ban a {display:block; width:100%; height:100%; padding:4.1rem 6rem 4.2rem; background:#7b6e6a no-repeat 35.5rem bottom / 37rem 18rem; -webkit-transition:background-color 0.2s ease; -o-transition:background-color 0.2s ease; transition:background-color 0.2s ease}
.banner-area .ban.ban01 a {background-image:url('../img/main/ico_ban01.png')}
.banner-area .ban.ban02 a {background-image:url('../img/main/ico_ban02.png')}
.banner-area .ban .tit {display:inline-block; position:relative; overflow:hidden; font-size:3.6rem; font-weight:bold; color:#fff}
.banner-area .ban .tit::before {content:''; position:absolute; left:0; bottom:0; display:block; width:100%; height:1px; background-color:#fff; -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%); -webkit-transition:-webkit-transform 0.2s ease; transition:-webkit-transform 0.2s ease; -o-transition:transform 0.2s ease; transition:transform 0.2s ease; transition:transform 0.2s ease, -webkit-transform 0.2s ease}
.banner-area .ban .sub-txt {margin-top:0.5rem; font-size:1.8rem; font-weight:300; color:#fff; opacity:0.6}
.banner-area .ban a:focus,
.banner-area .ban a:hover {background-color:#a72b2a !important}
.banner-area .ban a:focus .tit::before,
.banner-area .ban a:hover .tit::before {-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}
/* .banner-area .ban a:hover .tit {border-bottom:1px solid #fff} */

/*-------------------------------------------------------------------
	분류그룹 : 서브 컨텐츠
	속성순서 : 레이아웃, 사이징, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
    @공통
-------------------------------------------------------------------*/
/* 컨텐츠명 */

/*-------------------------------------------------------------------
    @대메뉴
-------------------------------------------------------------------*/
/* 서브메뉴명 > 화면명 */


/*-------------------------------------------------------------------
	분류그룹 : 기타 컨텐츠
	속성순서 : 레이아웃, 사이징, 박스모양, 글자모양, 문단모양, 기타모양
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
    @공통
-------------------------------------------------------------------*/
/* 컨텐츠명 */

/*-------------------------------------------------------------------
    @대메뉴
-------------------------------------------------------------------*/
/* 서브메뉴명 > 화면명 */


@media (max-width:1280px) {
	.news-list .list li {height:40.6rem}
	.news-list .list li .img {height:calc(100% - 19rem)}
	.news-list .list li .txt-area {padding:2rem 2.5rem}
	.news-list .list li .txt-area .tit {font-size:2rem}
}

/* MO 반응형 */
@media (max-width:1023px) {
    /* layout */
    .main-content {padding-bottom:0}

    /* visual */
    .visual-area .visual-list {height:138vw; background:url('../img/main/bg_visual_m.png') no-repeat 0 0 / 100% auto}
    .visual-area .visual-list .visual-txtbox {width:83vw; padding:2.5rem; height:auto; top:3rem}
    .visual-area .visual-list .txt-area .sub-tit {font-size:6.5vw; font-style:normal}
    .visual-area .visual-list .txt-area .main-tit {margin-top:3rem; font-size:12vw; line-height:1.2}
    .visual-area .visual-list .txt-area .sub-txt {display:none}
    .visual-area .visual-list .visual-img {width:91vw}
    .visual-area .visual-list .visual-img img {width:100%; height:auto} 
    .visual-area .swiper-navigation {display:none}

	/*210709추가 start*/
	.visual-area .naviplus button:nth-child(1){left:-2000px}
	.visual-area .naviplus button:nth-child(2){left:-2000px}
	.visual-area .naviplus02 button:nth-child(1){left:-2000px}
	.visual-area .naviplus02 button:nth-child(2){left:-2000px}
	/*210709추가 end*/

	.visual-area .swiper-navigation {left:-2000px}/*모바일환경에서 네비게이션 화면밖으로 감춤 210709*/
    /* 퀵링크 */
    .quicklink-list {height:5rem}
    .quicklink-list .item {display:block; height:5rem; padding-top:1.1rem; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis}
    .quicklink-list .item .flag {position:relative; top:-0.2rem; height:2.1rem; margin-right:0.5rem; font-size:1.1rem; line-height:2.1rem}

    .quicklink-sec + .main-section,
    .main-section + .main-section {margin-top:0}    
    .main-section {padding:5.3rem 2.5rem 5.5rem}
    .main-section.sec01 {padding-top:5.7rem}
    .main-section.sec03 {padding-bottom:7.5rem}
    .main-section.sec04 {padding-top:0 rem}
    .main-section:last-child {padding-top:0; padding-bottom:0}
    .main-section .in-sec + .sec-cont, 
    .main-section .tit-area + .sec-cont {margin-top:3.5rem}
    .main-section .tit-area .tit {font-size:2.7rem}
    .main-section .tit-area .tit a {pointer-events:auto}
    .main-section .tit-area .tit + .btn {display:none}
    .main-section .swiper-pagination {display:none; top:-6rem; height:2.8rem}
    .main-section .swiper-navigation{top:-5.7rem; height:2.8rem}
    .main-section .swiper-navigation button + button {margin-left:0.6rem}
    .main-section .sec-cont .swiper-button-next, 
    .main-section .sec-cont .swiper-button-prev {width:2.8rem; height:2.8rem; border-color:#ddd}
    .main-section .sec-cont .swiper-button-next {background:url('../img/main/btn_next02_m.png') no-repeat center center / 0.5rem auto}
    .main-section .sec-cont .swiper-button-prev {background:url('../img/main/btn_prev02_m.png') no-repeat center center / 0.5rem auto}
    
    /* 뉴스 */
    .newslist-area.hide-mobile {margin-top:3rem}
    .newslist-area .swiper-container {overflow:visible; height:auto}
    .news-list {display:-webkit-box;display:-ms-flexbox;display:flex; width:100%}
    .news-list .item {width:32.5rem; height:25.6rem}
    .news-list .item a {display:block; position:relative; overflow:hidden}
    .news-list .item a,
    .news-list .item a .img {width:100%; height:100%}
    .news-list .item a .img img  {width:100%; height:auto; min-height:100%}
    .news-list .item .txt-area {position:absolute; bottom:0; left:0; width:85%; padding:1.2rem 2rem; z-index:5; background-color:rgba(255, 255, 255, 0.8)}/* padding:1.2rem 2rem 1.8rem; */
    .news-list .item .txt-area .type {font-size:1.4rem; color:#ff9f08; line-height:1; font-style:normal}
    .news-list .item .txt-area .tit {margin-top:1rem; font-size:1.8rem; font-weight:bold; color:#333; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; -webkit-line-clamp:2}
    .news-list .item .txt-area .sub-txt {display:none; margin-top:1rem; font-size:1.2rem; color:#666666}

    /* 동영상 */
    .main-section.sec02 {background:#f5eedc}
	.main-section.sec02 .video-area .swiper-container {height:23rem}
    .video-list {padding-top:0}
    .video-list .item {width:32.5rem; height:11em}
    .video-list .item .txt-area {height:6rem; padding:1rem 2rem; font-size:1.4rem}
    .video-list .item .txt-area .tit {max-height:4.1rem}/* max-height:3.8rem; */
    .video-list .item .btn-play,
    .video-list .item.swiper-slide-active .btn-play {width:3.8rem; height:3.8rem; top:9rem; margin:0 0 0 -1.9rem; pointer-events:auto}
    .video-list .item.swiper-slide-active .btn-play span {background:url('../img/common/btn_play_m.png') no-repeat 0 0 / 100% auto}

    /* sns */
    .sns-list .item {width:26.6rem; height:26.6rem}
    .sns-list .item a {-webkit-box-shadow:0.4rem 0.4rem 2rem 0 rgba(0, 0, 0, 0.2);box-shadow:0.4rem 0.4rem 2rem 0 rgba(0, 0, 0, 0.2)}
    .sns-list .item a,
    .sns-list .item a .img,
    .sns-list .item a .img img {width:inherit; height:inherit}

	.sns-list .item a .type {top:1.5rem; left:1.5rem; height:2.2rem; padding:0 1rem; border-radius:1.1rem; font-size:1.4rem; line-height:2.2rem}
	.sns-list .item a .new {width:4.4rem; height:4.4rem; border-radius:0 0 0 0.6rem; font-size:1.3rem; line-height:4.4rem}
    
	/* .sns-list .item a .type,
    .sns-list .item a .new,
    .sns-list .item a .txt-area, */

    .sns-list .item a:hover .txt-area {display:none}

    /* 인스토리 */
    .banner-area {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; margin:0 -2.5rem}
    .banner-area .ban {width:100%}
    .banner-area .ban + .ban {margin:0}
    .banner-area .ban .tit {font-size:2.8rem}
    .banner-area .ban .sub-txt {font-size:1.4rem}
    .banner-area .ban a {padding:3rem; background-position:right center; background-size:auto 100%}
    .banner-area .ban.ban01 a {background-image:url('../img/main/ico_ban01_m.png'); background-color:#a72b2a}
    .banner-area .ban.ban02 a {background-image:url('../img/main/ico_ban02_m.png')}
    .banner-area .ban.ban01 a:focus,
    .banner-area .ban.ban01 a:hover {background-color:#a72b2a !important}
    .banner-area .ban.ban02 a:focus,
    .banner-area .ban.ban02 a:hover {background-color:#7b6e6a !important}
    .banner-area .ban.ban01 a .tit::before,
    .banner-area .ban.ban01 a .tit::before,
    .banner-area .ban.ban02 a .tit::before,
    .banner-area .ban.ban02 a .tit::before {-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}
    .banner-area .ban.ban02 a:hover .tit::before,
    .banner-area .ban.ban02 a:focus .tit::before {-webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%)}
}

/* MO Only */
@media (max-width:420px) { 

}

/* MO Xtra Samll */
@media (max-width:360px) { 

}