@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Arsenal:ital,wght@0,400;0,700;1,400;1,700&family=Nanum+Myeongjo:wght@400;700;800&family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');

*{margin: 0;padding: 0;}
html, body{
font-size: 14px; color: #222;
font-family: 'Arsenal', sans-serif;
font-family: 'Noto Sans KR', sans-serif;}
h1,h2,h3,h4,h5,h6{
    font-weight: normal;font-size: 100%;}
ol,ul{list-style: none;}
a{text-decoration: none; color: inherit;}
img,video{vertical-align: bottom;}
address{font-style: normal;}
table{border-collapse: collapse;}
button{background: transparent; border: none;}
.serif{font-family: 'Nanum Myeongjo', serif;}

/****cont main****/
#cont_main{
    width: 100%;overflow: hidden;
    position: relative;padding: 10% 0 9%;}
.back{width: 79.48%;
    left: 50%;position: absolute;
    transform: translateX(-50%);}
.slide_wrap{position: relative;margin-top: 9%;
    width: 62.5%; left: 50%;
    transform: translateX(-50%);}
.slide_wrap button{
    position: absolute; z-index: 10;
    width: 100%;font-size: 0;
    cursor: pointer;top: 97.5%;}
.slide_wrap button.slick-prev{
    background: url(../img/icon/prev.png) no-repeat;right: 52%;position: absolute;
    width: 40px;height: 40px;
    background-size: contain;}
.slide_wrap button.slick-next{
    background: url(../img/icon/next.png) no-repeat;left:52%;position: absolute;
    width: 40px;height: 40px;
    background-size: contain;}

.slide_wrap li{;
    width: 100%;}
.slide_wrap li img{width: 100%;}



/****cont02****/
#cont02{width: 100%;overflow: hidden;
    position: relative;padding: 12% 0 37%;}
#cont02 video{
    width: 50%;position: absolute;
    right: 0;margin-top: 3%;}
.cont02_img{width: 43%;opacity: 0;
    transition: 0.8s;
    position: absolute;right: -15%;}
.cont02_img.show{right: 0;opacity: 1;}
.cont02_img img{width: 100%;}

.cont02_text{
    position: absolute;width: 100%;
    bottom: 15%;}
.cont02_text h2{font-weight: 500;color: #3f3f3f;
    font-size: 1.4rem;margin-bottom: 1.3em;}
.cont02_text .text{bottom: 0;
    position: absolute;
    margin-bottom: 2%;left: 18.75%;}
.cont02_text p{font-size: 1.1rem;width: 100%;}
.cont02_text .textline{width: 40%;bottom: 0;
    border-bottom: 2px solid #999;
    position: absolute;}
.media_p{display: none;}
.media02_p{display: none;}








/*@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (max-width:1550px){
.cont02_text .text{left: 14.75%;}
.cont02_text .textline{width: 41%;}}
@media screen and (max-width:1390px){
.cont02_text .textline{width: 43%;}}
@media screen and (max-width:1300px){
.cont02_text .textline{width: 45%;}}
@media screen and (max-width:1200px){
.cont02_text .text{left: 12.75%;}}
@media screen and (max-width:1115px){  
.cont02_text .textline{width: 47%;}}

@media screen and (max-width:1024px){

#cont_main{padding: 12% 0 12%;}
.back{width: 100%;left: 51%;}
.slide_wrap{margin-top: 12%;width: 76.5%;}

/****cont02****/
#cont02{padding: 15% 0 45%;}
    
#cont02 video{width: 100%;margin-top:5%;}
.cont02_img{width: 90%;right: -15%;} 
.cont02_text{text-align: left;
    margin-top: 70%;overflow: hidden;
    height: auto; position: static;}
.cont02_text .text{
    position: static; margin: auto;width: 712px;
    margin-bottom: 0;}
.max_p{display: none;}
.media_p{display: block;}
.cont02_text h2{
    font-size: 1.3rem;margin-bottom: 1em;}
.cont02_text .textline{
    bottom: auto; margin-top: 3%;
    position: static;width: 85%;}
    
}


@media screen and (max-width:840px){
#cont_main{padding: 15% 0 12%;}
.back{width: 100%;left: 51%;}
.slide_wrap{margin-top: 12%;width: 76.5%;}
.slide_wrap button.slick-prev{
    width: 35px;height: 35px;}
.slide_wrap button.slick-next{
    width: 35px;height: 35px;}

/****cont02****/
#cont02{padding: 25% 0 10%;}
#cont02 video{width: 100%;margin-top:5%;}
.cont02_img{width: 90%;right: -15%;} 
.cont02_text{text-align: left;
    margin-top: 70%;overflow: hidden;
    height: auto; position: static;}
.cont02_text .text{width: 360px;
    position: static; margin: auto;
    margin-bottom: 0;}
.media_p{display: none;}
.max_p{display: block;}
.cont02_text h2{
    font-size: 1.3rem;margin-bottom: 1em;}
.cont02_text .textline{
    bottom: auto; margin-top: 3%;
    position: static;width: 85%;}


    
}



@media screen and (max-width:500px){
#cont_main{padding: 20% 0 12%;}
.back{display: none;}
.slide_wrap{margin-top: 0;width: 100%;}
.slide_wrap button{top: 106%;}


/****cont02****/
#cont02{padding: 35% 0 20%;}
#cont02 video{width: 100%;margin-top:5%;}
.cont02_img{width: 90%;right: -15%;}

.cont02_text{margin-top: 75%;}

.cont02_text .textline{
     margin-top: 5%;width: 94%;}
}


@media screen and (max-width:450px){
#cont_main{padding: 25% 0 15%;}

/****cont02****/
#cont02{padding: 40% 0 25%;}

.cont02_text .text{width: 330px;}
.cont02_text p{font-size: 1.01rem;}
.cont02_text h2{
    font-size: 1.25rem;margin-bottom: 0.7em;}

}