@charset "utf-8"; 
/* maintemplate basic026*/

/* MAIN VISUAL */
.mainVisual { max-width:100%; box-sizing:border-box; transition:padding 0.5s; } 
.mainVisual .mainSlider_001 { z-index:0; overflow:hidden; position:relative; } 
.mainVisual .mainSlider_001 .slide_wrap {height: 100vh; position:relative; overflow:hidden; width:100%; display:block; position:relative; transition:height 1s; box-sizing:border-box;} 
.mainVisual .mainSlider_001 .slide_wrap img.bgImg { min-width:100%; min-height:100%; position:absolute; top:-999px; bottom:-999px; left:-999px; right:-999px; margin:auto; } 


/* MAIN SLIDE COPY */
.mainVisual .copy { position:absolute; z-index:9; width:100%; word-break:keep-all; } 
.mainVisual .copy .inner {width: 100%;height: 100%; padding:0; margin:0 auto; box-sizing:border-box;} 
.mainVisual .copy .inner>div {width: 50%;height: 100%;background: rgb(4, 68, 55); text-align:center; display:inline-block;padding: 50px 15px; box-sizing:border-box;position: relative;}
.mainVisual .copy .inner>div>div {display: inline-block;vertical-align: middle;position: absolute;width: 100%;box-sizing: border-box;padding: 0 15px;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.mainVisual .copy .tit {width: 100%;font-weight:400;line-height: 120%;color:#fff; display:inline-block; position:relative; overflow:hidden; max-width:100%; text-overflow:ellipsis; transition:font-size 1s;font-family: Noto Sans KR;font-weight: 200;} 
.mainVisual .copy .tit strong { font-weight:600; line-height:150%; } 
.mainVisual .copy .tit b { position:relative;font-family: Noto Sans KR;} 
.mainVisual .copy .smallp { line-height:150%;padding-top: 50px; color:#fff;font-weight: 200;font-family: Noto Sans KR;} 

    @media (min-width:800px){
        .mainVisual .copy {top:0; height:100%;} 
    }
    @media (min-width:1400px){
        .mainVisual .mainSlider_001 .slide_wrap {min-height:750px;} 
        .mainVisual .mainSlider_001 .slide_wrap .imgbox {width:100%; height:100%; overflow:hidden;position:relative;}
        
    }

    @media (min-width:991px) and (max-width:1399px){
        .mainVisual .copy .tit {font-size:40px;}
        .mainVisual .mainSlider_001 .slide_wrap {max-height:700px;} 
    }
    @media (min-width:800px) and (max-width:990px){
        .mainVisual .copy .tit {font-size:30px;}
        .mainVisual .copy .smallp { font-size:17px; } 
        .mainVisual .mainSlider_001 .slide_wrap {max-height:700px;} 
    }


    @media (max-width:799px){
        .mainVisual .mainSlider_001 .slide_wrap {height: 100vh;max-height: 700px;} 
        .mainVisual .mainSlider_001 .slide_wrap img.bgImg {max-height:100%;}
        .mainVisual .copy {top: 0;height: 100%;}
        .mainVisual .copy .tit {font-size:27px;}
        .mainVisual .copy .smallp { font-size:17px; } 
    }









/*SLIDE BTN SETTING*/
/* MAIN SLIDE bullet btn */
.mainVisual .swiper-pagination { display:none !important; } 

/*기존슬라이드 불렛버튼*/
.mainVisual .slick-dots { position:absolute;right: 20px; z-index:10;width: 8px;height: auto;top: 50%;transform: translateY(-50%);text-align:center; box-sizing:border-box;} 
.mainVisual .slick-dots li {margin-bottom: 10px;width: 100%;height: 8px; opacity:1;} 
.mainVisual .slick-dots li:last-of-type { margin-bottom:0; } 
.mainVisual .slick-dots li button { text-indent:-999px; overflow:hidden; width:100%; height:100%; float:left;background:rgba(255, 255, 255, 1);border: 1px solid rgba(0,0,0,0.2);border-radius: 2px;} 
.mainVisual .slick-dots li.slick-active {height: 30px;} 


/* MAIN SLIDE PLAY & STOP BTN */
.mainVisual .swiper-pagination-center {position:absolute; bottom:100px; left:53px; width:100%; max-width:1300px; text-align:left; display:none; } 
.mainVisual div.indicator { z-index:10; display:inline-block; text-align:right; } 
.mainVisual div.indicator button { width:12px; height:12px; border:0; cursor:pointer; opacity:1; display:inline-block!important; } 
.mainVisual div.indicator button:focus { opacity:1; outline:auto; } 
.mainVisual div.indicator button.play { background:url("/sample/img/slide/play.png")no-repeat; text-indent:-9999px; } 
.mainVisual div.indicator button.stop { background:url("/sample/img/slide/stop.png")no-repeat; text-indent:-9999px; } 

/* MAIN SLIDE PREV & NEXT BTN */
.mainVisual .swiper-button-next,
.mainVisual .swiper-button-prev { display:none !important; } 

/*기존 버튼*/
.mainVisual .slick-arrow { display:none !important; }

    @media (max-width:799px){
        .mainVisual .slick-dots {width: 100%;top: auto;bottom: 15px;text-align: center;height: 10px;right: 0;}
        .mainVisual .slick-dots li {width:10px;height: 10px;display: inline-block;vertical-align: middle;margin: 0 3px;}
        .mainVisual .slick-dots li.slick-active {width: 30px;height: 10px;}
    }



/* special widget setting */

.mvp116.custom {max-width: 1300px; margin:0 auto;float: none;padding: 0;}
.mvp116.custom .titbox .tit {width: 100%;text-align: center;font-size: 30px;line-height: 130%;font-weight: 400;letter-spacing: -0.5px;font-size: 50px;}
.mvp116.custom ul {display: flex;flex-flow: column wrap;/* align-content: space-around; */align-content: flex-start;/* justify-content: space-between; */justify-content: flex-start;flex-direction: column;flex-wrap: wrap;height: 615px;max-width: 1300px;overflow: hidden;}
.mvp116.custom ul li {width: 20%;/* max-width: 245px; */max-height: 310px;overflow: hidden;margin-right: 0;float: none !important;flex-shrink: 1;margin-bottom: 20px;padding: 0 5px;}
.mvp116.custom ul li:nth-child(4n) {margin-right:0;}
.mvp116.custom ul li a {position: absolute !important; opacity:0;top: 0px;left: 0px;height: 100%;/* display: none; */transition: opacity .5s;width: calc(100% - 10px);margin: 0 5px;}
.mvp116.custom ul li:hover a {opacity:1;}
.mvp116.custom ul li .cobox {height: 100%;padding: 20px;}
.mvp116.custom ul li .gall_co {display:none;}
.mvp116.custom ul li .gall_tit {color:#fff;white-space: normal;line-height: 130%;word-break: keep-all;word-wrap: break-word;font-weight: 400;}
.mvp116.custom ul li .date {color:#fff;font-size: 13px;opacity: 0.7;}
.layout_01 .mvp116.custom ul li .imgbox {height: auto;} 
.mvp116.custom ul li .imgbox img {position: relative !important;top: auto !important;bottom: auto !important;left: auto !important;right: auto !important;min-height: auto;}

.layout_01 .etc002 .txttit {font-size:50px !important; line-height:130%; font-weight:400 !important;}


    @media (min-width:1115px) and (max-width:1299px){
        .mvp116.custom ul {max-width: 100%;height: 700px;}
        .mvp116.custom ul li {width: 20%;}
        
    }

    @media (min-width:900px) and (max-width:1114px){
        .mvp116.custom ul {max-width: 100%;height: 800px;}
        .mvp116.custom ul li {width: 25%;}

        .mvp116.custom .titbox .tit,
        .layout_01 .etc002 .txttit,
        .banner140 .txtbox .tit {font-size: 35px !important;}
        
    }
    @media (max-width:1299px){
        .mobilepadding {padding:0 15px;}
    }


    @media (min-width:800px) and (max-width:899px){
        .mvp116.custom ul {max-width: 100%;height: 650px;}
        .mvp116.custom ul li {width: 25%;}

        .mvp116.custom .titbox .tit,
        .layout_01 .etc002 .txttit,
        .banner140 .txtbox .tit {font-size:30px !important;}
    }
    @media (min-width:700px) and (max-width:799px){
        .mvp116.custom ul {max-width: 100%;height: 751px;}
        .mvp116.custom ul li {width: 33.333%;}

        .mvp116.custom .titbox .tit,
        .layout_01 .etc002 .txttit, .banner140 .txtbox .tit {font-size:30px !important;}
    }

    @media (max-width:699px){
        .mvp116.custom ul {max-width: 100%;height: 700px;}
        .mvp116.custom ul li {width:50%;}

        .mvp116.custom .titbox .tit,
        .layout_01 .etc002 .txttit, .banner140 .txtbox .tit {font-size:27px !important;}

        .board006_1 .innerbox ul {padding-top:20px;}
    }