.sub_visual{padding:210px 0 45px;}
.sub_visual h3{color:#fff; text-align:center; font-size:50px; font-weight:500;}
.sub_menu{text-align:center; margin-top:30px;}
.sub_menu a{display:inline-block; width:200px; height:60px; line-height:60px; color:#231815; font-size:21px; text-align:center; font-weight:500; background-color:#fff}
.sub_menu a:hover,.sub_menu a.active{color:#fff; background-color:#c49a6c; font-weight:bold;}


 
.sub_contents{padding:180px 0 190px; background:url(/images/pc/bg.png) repeat;}

.sub_tit{color:#231815; font-weight:500; font-size:80px; text-align:center;}
.sub_tit strong{color:#b48e64;}

.txt{color:#231815; font-size:25px; line-height:1.5em; font-family: 'Pretendard',sans-serif}
.txt span{display:block; font-size:20px; margin-top:50px; line-height:1.5em}

.under_txt{ color:#231815; font-size:50px; line-height:1.4em; letter-spacing:-2px}
.under_txt span{position:relative;color:#231815;display:inline-block;z-index:1;font-weight: 300; -webkit-animation-fill-mode: forwards;  animation-fill-mode: forwards;}



.under_txt span::after{position: absolute;left: -2%;top: -10%;width: 106%;height: 120%;background-color:#453d3b;content: '';z-index: -1;transform-origin: 0 50%; transform:scaleX(0);}

.under_txt span.animate__animated::after{-webkit-animation-name:underline;animation-name:underline;   animation-duration: 0.5s;animation-delay:0.5s; -webkit-animation-fill-mode:both;animation-fill-mode:both}
 



.txt2{text-align:center; margin-top:65px;}
.txt2 span{position:relative; display:inline-block; padding:15px 70px;color:#231815; font-size:25px; line-height:1.5em; font-family: 'Pretendard',sans-serif;}
.txt2 span::before,.txt2 span::after{position:absolute; display:block; width:35px; height:31px; content:''; }
.txt2 span::before{top:0; left:0;  background:url(/images/pc/mark1.png) no-repeat}
.txt2 span::after{bottom:0; right:0;  background:url(/images/pc/mark2.png) no-repeat}

.sub_tit2{color:#231815; font-weight:500; font-size:40px; text-align:center;}
.sub_tit strong{color:#b48e64;}



.video_box{margin-top:135px;}
.video_box li{margin-bottom:70px;}
.video_box li>div{display:inline-block; vertical-align:middle;}

.video_wrap{position:relative; width:550px; height:400px; z-index:1}
.video_wrap>div{transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;transition-delay:0.5s}
 
.video_wrap .video{position:absolute; top:0; width:100%; height:100%; background-color:#000; z-index:1;overflow:hidden}
.video_wrap .video video{position:relative;top: -15%;width: 130%;height: 130%;left: -15%;}

 


.video_wrap .v_bg{position:absolute; top:0;  width:100%; height:100%; background-color:#d5c7b7; z-index:-1;}

.video_info{width:50%; padding:0 55px;}
.video_info .under_txt{margin-bottom:25px;}

.video_box li.last{margin-bottom:0;}



.video_wrap.lv .video{left:-20px; }
.video_wrap.lv .v_bg{left:-20px; }
.video_wrap.lv .video.animate__animated{top:-20px;left:-40px}
.video_wrap.lv .v_bg.animate__animated{top:20px; left:0;}


.video_wrap.rv .video{right:-20px; }
.video_wrap.rv .v_bg{right:-20px; }
.video_wrap.rv .video.animate__animated{top:-20px;right:-40px}
.video_wrap.rv .v_bg.animate__animated{top:20px; right:0;}