/* mv */
.main .mv{width:100%; height:100%;}
.main .mv .main_slide{width:100%; height:100%;}
.main .mv .main_slide .swiper-slide{width:100%; height:100%;}
.main .mv .main_slide .swiper-slide.slide1{background:url('/img/main/slide_img01.jpg') center top no-repeat; background-size:cover;}
.main .mv .main_slide .swiper-slide.slide2{background:url('/img/main/slide_img02.jpg') center top no-repeat; background-size:cover;}
.main .mv .main_slide .swiper-slide.slide3{background:url('/img/main/slide_img03.jpg') center top no-repeat; background-size:cover;}
.main .mv .main_slide .swiper-slide .txt_box{position:absolute; top:47%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:100%; max-width:1600px;}
.main .mv .main_slide .swiper-slide .txt_box p{font-size:30px; font-weight:500; color:#fff; opacity:.7;}
.main .mv .main_slide .swiper-slide .txt_box h3{margin-top:20px; font-size:75px; font-family: 'Readex Pro'; font-weight:600; color:#fff; line-height:1.2;}
.main .mv .main_slide .control_box{position:absolute; top:61%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:100%; max-width:1600px; z-index:1;}
.main .mv .main_slide .control_box .num_box span{position:relative; display:inline-block; vertical-align:top; font-size:16px; font-family: 'Readex Pro'; font-weight:400; color:#fff;}
.main .mv .main_slide .control_box .num_box span.current{top:-10px; margin-right:10px;}
.main .mv .main_slide .control_box .num_box span.current::before{content:"/"; display:block; position:absolute; top:10px; right:-10px;  font-size:16px; color:#fff;}
.main .mv .main_slide .control_box .num_box span.total{top:10px; opacity:.3;}
.main .mv .main_slide .control_box > *{display:inline-block; vertical-align:middle;}
.main .mv .main_slide .control_box .swiper-pagination{position:static; margin:0 8px 0 14px;}
.main .mv .main_slide .control_box .swiper-pagination .swiper-pagination-bullet{width:10px; height:10px; margin:0 7px; background-color:#595e69; border-radius:50%; opacity:1;}
.main .mv .main_slide .control_box .swiper-pagination .swiper-pagination-bullet-active{background-color:#c61821;}
.main .mv .main_slide .control_box .control button{display:inline-block; vertical-align:middle; margin-top:-5px; font-size:0;}
.main .mv .main_slide .control_box .control button.stop{margin-right:15px;}

@media all and (max-height:969px){
    .main .mv .main_slide .control_box{top:68%;}   
}

@media all and (max-width:1600px){
    .main .mv .main_slide .swiper-slide .txt_box{padding:0 20px;}
    .main .mv .main_slide .control_box{padding:0 20px;}
}

@media all and (max-width:1200px){
    /* mv */
    .main .mv{height:800px;}
    .main .mv .main_slide .swiper-slide .txt_box{padding:0 20px;}
    .main .mv .main_slide .swiper-slide .txt_box p{font-size:20px;} 
    .main .mv .main_slide .swiper-slide .txt_box h3{font-size:60px;}
    .main .mv .main_slide .control_box{padding:0 20px; top:auto; bottom:200px;}
}

@media all and (max-width:768px){

    .main .mv{height:600px;}
    .main .mv .main_slide .swiper-slide.slide1{background:url('/img/main/slide_m_img01.jpg') center top no-repeat; background-size:cover;}
    .main .mv .main_slide .swiper-slide.slide2{background:url('/img/main/slide_m_img02.jpg') center top no-repeat; background-size:cover;}
    .main .mv .main_slide .swiper-slide .txt_box{padding:0 20px;}
    .main .mv .main_slide .swiper-slide .txt_box p{font-size:18px;} 
    .main .mv .main_slide .swiper-slide .txt_box h3{font-size:45px;}
    .main .mv .main_slide .control_box{bottom:50px;}
    
}

/* sec01 */
.main .sec01 .tit_box{margin-bottom:50px; text-align:center;}
.main .sec01 .tit_box h4{margin-bottom:26px; font-size:60px; font-family: 'Readex Pro'; font-weight:600; line-height:1; color:#000;}
.main .sec01 .tit_box p{font-size:18px; font-weight:300; color:#423d3a;}
.main .sec01 .list { display: grid; grid-template-columns: repeat(4, 1fr); row-gap: 30px; column-gap: 40px; }
.main .sec01 .list li{ width: 100%; border:1px solid #ddd; border-radius:5px;}
.main .sec01 .list li a{display:block; width:100%;}
.main .sec01 .list li a .img_box{position:relative; width:100%; overflow:hidden;}
.main .sec01 .list li a .img_box img{width:100%; transition:all .3s;}
.main .sec01 .list li a:hover .img_box img{-webkit-transform:scale(1.2); -ms-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2);}

/* 24.12.04 */
.main .sec01 .list.kr { column-gap: 30px; grid-template-columns: repeat(5, 1fr); }

/*20221028 css 수정
.main .sec01 .list li a .img_box::before,
.main .sec01 .list li a .img_box::after{content:""; display:none; position:absolute;}
.main .sec01 .list li a .img_box::before{top:0; left:0; width:100%; height:100%; background-color:rgba(198,24,33,0.7);}
.main .sec01 .list li a .img_box::after{top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:23px; height:23px; background:url('/img/main/plus_icon.png') center top no-repeat; background-size:cover;}
.main .sec01 .list li a:hover .img_box::before,
.main .sec01 .list li a:hover .img_box::after{display:block;}
*/
.main .sec01 .list li a p{padding:15px; font-size:20px; font-weight:600; color:#000; text-align:center; border-top:1px solid #ddd;}

@media all and (max-height:960px){
    .main .sec01 .tit_box{margin-bottom:20px;}
    .main .sec01 .tit_box h4{font-size:55px; margin-bottom:20px;}
}

@media all and (max-width:1500px) {
	.main .sec01 .list.kr { column-gap: 10px; row-gap: 10px; }
}

@media all and (max-width:1200px){
    /* sec01 */
    .sec01{padding:70px 0;}
    .main .sec01 .tit_box h4{font-size:50px; margin-bottom:20px;}
	.main .sec01 .list.kr,
	.main .sec01 .list { grid-template-columns: repeat(3, 1fr); column-gap: 30px; row-gap: 30px; }
    .main .sec01 .list li a p{font-size:18px;}
}

@media all and (max-width:768px){
    /* sec01 */
    .sec01{padding:50px 0;}
    .main .sec01 .tit_box h4{font-size:40px; margin-bottom:20px;}
    .main .sec01 .tit_box p{font-size:16px;}
	.main .sec01 .list.kr,
	.main .sec01 .list { grid-template-columns: repeat(2, 1fr); column-gap: 20px; row-gap: 20px; }
    .main .sec01 .list li a p{font-size:16px; padding:10px;}   
}

/* sec02 */
.main .sec02{width:100%;}
.main .sec02 .list{width:100%; height:100%; font-size:0;}
.main .sec02 .list li{display:inline-block; vertical-align:top; width:33.333333%; height:100%;}
.main .sec02 .list li:nth-of-type(1){background:url('/img/main/sec02_list_img04.jpg') center top no-repeat; background-size:cover;}
.main .sec02 .list li:nth-of-type(2){background:url('/img/main/sec02_list_img05.jpg') center top no-repeat; background-size:cover;}
.main .sec02 .list li:nth-of-type(3){background:url('/img/main/sec02_list_img06.jpg') center top no-repeat; background-size:cover;}
.main .sec02 .list li a{position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:100%;}
.main .sec02 .list li a::before{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:.3; transition:opacity .3s;}
.main .sec02 .list li a .txt_box{opacity:.5; text-align:center;}
.main .sec02 .list li a .txt_box .tit{font-size:60px; font-family: 'Readex Pro'; font-weight:600; line-height:1; color:#fff;}
.main .sec02 .list li a .txt_box img{display:block; margin:67px auto 25px;}
.main .sec02 .list li a .txt_box .txt{font-size:20px; font-weight:400; line-height:1.6; color:#fff;}
.main .sec02 .list li a .txt_box .btn_box{position:relative; width:170px; height:46px; margin:75px auto 0; padding-left:30px; text-align:left;}
.main .sec02 .list li a .txt_box .btn_box p{width:100%; font-size:16px; font-family: 'Readex Pro'; font-weight:400; line-height:46px; color:#fff;}
.main .sec02 .list li a .txt_box .btn_box .btn_icon{position:absolute; top:0; right:0;}
.main .sec02 .list li a .txt_box .btn_box .btn_icon::before,
.main .sec02 .list li a .txt_box .btn_box .btn_icon::after{content:""; display:block; position:absolute; transition:all .3s;}
.main .sec02 .list li a .txt_box .btn_box .btn_icon::before{top:0; right:0; width:46px; height:46px; border-radius:50%; background-color:rgba(255,255,255,0.3);}
.main .sec02 .list li a .txt_box .btn_box .btn_icon::after{top:19px; right:16px; width:13px; height:8px; background:url('/img/main/more_arrow.png') center top no-repeat; background-size:cover;}
.main .sec02 .list li a:hover::before{opacity:.1;}
.main .sec02 .list li a:hover .txt_box{opacity:1;}
.main .sec02 .list li a:hover .txt_box .btn_box p{position:relative; z-index:1; color:#c61821;}
.main .sec02 .list li a:hover .txt_box .btn_box .btn_icon{width:100%; height:100%;}
.main .sec02 .list li a:hover .txt_box .btn_box .btn_icon::before{width:100%; background-color:#fff; border-radius:20px;}
.main .sec02 .list li a:hover .txt_box .btn_box .btn_icon::after{right:30px;}

@media all and (max-width:1200px){
    /* sec02 */
    .main .sec02 .list li{display:block; width:100%; height:450px;}
    .main .sec02 .list li a::before{display:none;}
    .main .sec02 .list li a .txt_box{opacity:1;}
    .main .sec02 .list li a .txt_box .tit{font-size:50px;}
    .main .sec02 .list li a .txt_box img{margin:40px auto 20px;}
    .main .sec02 .list li a .txt_box .txt{font-size:18px;}
    .main .sec02 .list li a .txt_box .btn_box{margin-top:40px;}
}

@media all and (max-width:768px){
    /* sec02 */
    .main .sec02 .list li{height:300px;}
    .main .sec02 .list li a .txt_box .tit{font-size:35px;}
    .main .sec02 .list li a .txt_box img{margin:20px auto 10px;}
    .main .sec02 .list li a .txt_box .txt{font-size:16px;}
    .main .sec02 .list li a .txt_box .btn_box{margin-top:20px;}
    .main .sec02 .list li a .txt_box .btn_box p{font-size:15px;}
    
}