@charset "utf-8";
#main{max-width:100%; max-width:1920px; }
.mcnt1{overflow: hidden; position: relative;width: 100%; max-width:100%;  height: 910px; transition:.3s; }
.mcnt1 .item{width: 100%; height: 910px; position: relative; overflow: hidden; }
.mcnt1 .item .mv_img{width: 100%; height: 100%;}
.mcnt1 .item .mv_img img{width: 100%; height: 100%; object-fit:cover; transition:2.2s;} 
.mcnt1 .active .mv_img img{transform:scale(1.05) rotate(.001deg); }
.mcnt1 .m_txt{position: absolute; left: 0; top: 0; width: 100%; height: 100%;  align-items:center; box-sizing: border-box;  }
.mcnt1 .m_txt .box {display: flex; align-items: flex-start; justify-content: center; width: 100%; height: 100%;  	flex-direction: column; padding-top: 0; text-align: left; padding-top: 120px;}
.mcnt1 .m_txt .box h3{position: relative; opacity: 0; filter:blur(10px); transition:.4s; top: 30px; padding-left: 13px;}
.mcnt1 .m_txt .box h3 img{width: auto !Important; }
.mcnt1 .m_txt .box p{font-family: "Noto Serif KR", serif;  font-size: 60px; line-height: 1.5; color: #000; font-weight: 700;  position: relative; opacity: 0; filter:blur(10px); transition:.4s .4s; top: 30px; padding-left: 10px; margin-top: 3px;}
.mcnt1 .active .m_txt .box h3,
.mcnt1 .active .m_txt .box p{opacity: 1;  top: 0; filter:blur(0px); }
.mcnt1 .owl-dots{display: none;}
.mv-controll{position: absolute; left: 50%; margin-left: -777px;bottom: 238px; z-index: 100; display: flex; align-items: center; gap:21px }
.mv-controll .mv-prev,
.mv-controll .mv-next {line-height: 0; cursor: pointer;}
.mv-controll .line-box{display: flex; gap:10px;}
.mv-controll .line-bar{position: relative; width: 70px; height: 4px; background: #fff; overflow: hidden; }
.mv-controll .line-bar.current i{position: absolute; left: 0; top: 0; width: 0%; height: 100%; background: #000; animation: 8s ease 0s infinite normal none running; animation-timing-function : linear; animation-name:mvBar;}
@keyframes mvBar {0% {width:0px} 100% {width:100%}  }
.mv-controll .line-bar.stop i{animation-name:none;}
.mv-controll .mv-bt{position: relative; width: 12px; height: 16px;  }
.mv-controll .mv-bt span{line-height: 0; cursor: pointer; position: absolute; z-index: 10; opacity: 1; z-index: 0; line-height: 0; left: 0; top: 0;}
.mv-controll .mv-bt span img{line-height: 0;}
.mv-controll .mv-bt span:last-child{}
.mv-controll .mv-bt span.on{opacity: 0; z-index: -1;}
.mcnt1 .owl-nav{display: none;}
.mcnt2-wrap{position: relative; height: 912px; background: url(../img/main/mcnt2-bg.jpg) center no-repeat; padding-top: 162px; box-sizing: border-box; }
.mcnt2 {text-align: center; }
.mcnt2 .mcnt2-tit h3{font-family: "Noto Serif KR", serif;display: flex; justify-content: center;  font-size: 49px; line-height: 1; color: #050404; font-weight: 600; align-items:center; gap:18px;}
.mcnt2 .mcnt2-tit h3 i{line-height: 0; position: relative; top: 2px;}
.mcnt2 .mcnt2-tit p{font-size: 27px; line-height: 1.5; letter-spacing: 0.2em; font-weight: 500; color: #050404; margin: 24px 0 52px;}
.mcnt2 .mcnt2-tit .link-box > a{position: relative; width: 180px; font-size: 18px; line-height: 1; letter-spacing: 0.1em; color: #000; font-weight: 700;	 display: inline-block; padding-bottom: 6px;  text-align: left; transition:.3s; margin-left: 44px;}
.mcnt2 .mcnt2-tit .link-box > a:before{position: absolute; content: ''; width: 100%; height: 3px; background: #000; left: 0; bottom: -3px; transition:.3s;}
.mcnt2 .mcnt2-tit .link-box > a:after{position: absolute; content: ''; width: 180px; height: 15px; background: url(../img/main/mcnt2-arr.png) center right no-repeat; left: 0; bottom: -3px; transition:.3s;}
.mcnt2 .mcnt2-tit .link-box > a:hover:before{width: 220px;;}
.mcnt2 .mcnt2-tit .link-box > a:hover:after{width: 220px; }
.mcnt2 figure{position: absolute; left: 50%; bottom: 93px; z-index: 10; translate:-50% 0; margin-left: 27px;}
.mcnt3-wrap{background: #050404 url(../img/main/mcnt3-bg.jpg) bottom center no-repeat;}
.mcnt3-wrap .mcnt3{position: relative; padding: 338px 20px 340px;}
.mcnt3-tit{position: sticky; top: 300px; width: 420px;}  
.mcnt3-tit h3{font-family: "Noto Serif KR", serif; font-size: 72px; line-height: 1; font-weight: 600; color: #fff; margin-bottom: 1em;}
.mcnt3-tit p{font-size: 24px; line-height: 1; letter-spacing: -0.036em; color: #deb09f; margin: 30px 0 70px;}
.mcnt3-tit .link-box > a{position: relative; display: inline-block; font-size: 18px; line-height: 1; letter-spacing: 0.1em; color: #e8b8a7; font-weight: 700; width: 180px; padding-bottom: 6px;}
.mcnt3-tit .link-box > a:before{position: absolute; content: ''; width: 100%; height: 3px; background: #e8b8a7; left: 0; bottom: -3px; transition:.3s;}
.mcnt3-tit .link-box > a:after{position: absolute; content: ''; width: 180px; height: 15px; background: url(../img/main/mcnt3-arr.png) center right no-repeat; left: 0; bottom: -3px; transition:.3s;}
.mcnt3-tit .link-box > a:hover:before{width: 220px;;}
.mcnt3-tit .link-box > a:hover:after{width: 220px; }
.mcnt3-items{display: flex; flex-wrap:wrap; align-items: flex-start; width: 860px; gap:70px 67px; margin-left: auto; margin-top: -200px;}
.mcnt3-items .item{background: #fff; width: calc(50% - 34px);  position: relative; }
.mcnt3-items .item:nth-child(odd){top: 140px;}
.mcnt3-items .item:nth-child(even){}
.mcnt3-items .item > a{position: relative; box-sizing: border-box; padding: 47px 40px;  overflow: hidden;}
.mcnt3-items .item > a:after{position: absolute; content: ''; width: 37px; height: 37px; background:#661514 url(../img/main/mcnt3-items-more.png) center no-repeat; right: 0; bottom: 0; transition:.3s;}
.mcnt3-items .item > a:before{position: absolute; content: ''; width: 100%; height: 100%; background: #661514; opacity: 0.9; left: 0; bottom: 0; transition:.3s; scale: 1 0;}
.mcnt3-items .item > a h4{font-size: 25px; line-height: 36px; letter-spacing: -0.03em; color: #1c1815; font-weight: 700; height: 3em; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.mcnt3-items .item > a .tbx {display: flex; flex-direction: column; justify-content: space-between; border-top: 1px solid #000; padding-top: 30px; margin-top: 20px; height: 310px; }
.mcnt3-items .item > a .tbx p{font-size: 18px; line-height: 30px; letter-spacing: -0.025em; color: #1c1815; word-break: keep-all; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 8; -webkit-box-orient: vertical;}
.mcnt3-items .item > a .tbx span{font-size: 16px; line-height: 1; color: #c26056; font-weight: 600;}
.mcnt3-items .item > a o{position: absolute; left: 50%; top: 50%; translate:-50% -50%;;display: block; width: 120px; height: 38px; border: 1px solid #fff; border-radius: 50px; text-align: center; font-size: 14px; line-height: 1; letter-spacing: 0; font-weight: 700; color: #fff; text-align: center; align-content:center; opacity: 0; transition:.3s .3s;}
.mcnt3-items .item > a:hover{
	&:after{translate:100% 0; } 
	&:before{scale:1;} 
	> o{opacity: 1;}
	> o:hover{letter-spacing: 0.1em; transition:.3s;}
}
.mcnt4-wrap{background: #0b0707; height: 530px;}
.mcnt4{display: flex; justify-content: space-between; align-items:center; height: 100%;}
.mcnt4 .mcnt4-tit h3{font-family: "Noto Serif KR", serif; font-size: 72px; line-height: 1; letter-spacing: 0; color: #fff; font-weight: 700; margin-bottom: 37px;}
.mcnt4 .mcnt4-tit p{font-size: 24px; line-height: 1.5; letter-spacing: -0.033em; color: #fff; }
.mcnt4 .link-box > a{position: relative; width: 211px; height: 211px; border-radius: 50%; align-content:center; text-align: center; line-height: 0; transition:.3s; z-index: 10;}
.mcnt4 .link-box > a img{transition:.3s;}
.mcnt4 .link-box > a:before{position: absolute; content: ''; width: 100%;	height: 100%; background: #e8b8a7; border-radius: 50%;  left: 0; top: 0; z-index: -1; transition:.3s;}
.mcnt4 .link-box > a:after{position: absolute; content: '';width: 100%; height: 100%; background: url(../img/main/mcnt4-roll.png) center no-repeat; left: 0; top: 0; transition:.3s;}
.mcnt4 .link-box > a:hover{
	img{scale:1.2; filter: brightness(90);}
	&:before{scale:1.2; background: #661514;}
	&:after{scale:1.2; filter: brightness(90); animation: btnRoll 10s linear infinite}
}
@keyframes btnRoll {0% {rotate:0} 100% {rotate:360deg}}