/* BASIC css start */
#content{
    padding-bottom:0px;
}
.section-title{
    line-height:24px;
    font-family:'Ubuntu', 'NanumbarumGothic';
    letter-spacing:0.025em;
    font-weight:normal;
    font-size:11px;
    color:#333333;
    text-align:left;
    margin-left:15px;
    margin-bottom:5px;
    text-decoration:underline;
}
body {top:-75px!important;}
/*¸ÞÀÎ ¼½¼Ç °øÅë*/

.section{
    padding-top:55px;

}

.btn-more-wrap2{
margin-top:10px;
text-align:center;
}
.btn-more-wrap2 > a{
display:inline-block;
vertical-align:top;
width:180px;
height:40px;
line-height:40px;
border-top:1px solid #e7e3de;
border-bottom:1px solid #e7e3de;
text-align:center;
font-size:12px;
font-weight:normal;
font-family:'Ubuntu', 'NanumbarumGothic',sans-serif;
color:#222222;
letter-spacing:0.025em;
}
.section .btn-more-wrap{
    margin-top:10px;
    text-align:center;
}
.section .btn-more-wrap > a{
    display:inline-block;
    vertical-align:top;
    width:134px;
    height:40px;
    line-height:40px;
    border-top:1px solid #e7e3de;
    border-bottom:1px solid #e7e3de;
    text-align:center;
    font-size:12px;
    font-weight:300;
    font-family:'Ubuntu', 'NanumbarumGothic',sans-serif;
    color:#222222;
    letter-spacing:0.025em;
}
.section .section-banner{
    margin-bottom:19px;
}
.section .section-banner > img{
   width:100%;
   vertical-align:top;
}

/*¸ÞÀκñÁê¾ó ¼½¼Ç*/
.section-main-visual{
    position:relative;
}
.section-main-visual ul li{
    position:relative;
}
.section-main-visual ul li a{
    display:block;
}
.section-main-visual ul li a img{
    width:100%;
    vertical-align:top;
}

.section-main-visual .swiper-pagination{
    position:absolute;
    bottom:10px;
    left:0;
    width:100%;
    z-index:2;
    text-align:center;
    height:5px;
    line-height:5px;
}
.section-main-visual .swiper-pagination > .swiper-pagination-bullet{
    display:inline-block;
    vertical-align:top;
    width:5px;
    height:5px;
    margin:0 5px;
    background:#a8a8a8;
    border-radius:5px;
    opacity:1;
    transition:all 0.3s ease-in-out;
}
.section-main-visual .swiper-pagination > .swiper-pagination-bullet-active{
    width:19px;
    height:5px;
    margin:0 5px;
    border-radius:5px;
    background:#fff;
}
.section-main-visual .txtBox {position:absolute;color:#fff;left:5%;top:70%;width:100%; font-family:'Ubuntu', 'NanumbarumGothic',sans-serif;}
.section-main-visual .txtBox .tit {font-family:'Ubuntu', 'NanumbarumGothic',sans-serif; position:relative;left:0px;  font-weight:900; font-size:7.5vw; letter-spacing:-0.02em; line-height:1.2; margin-bottom:10px; <!--text-decoration:underline;-->}
.section-main-visual .txtBox .txt {position:relative;left:0px; font-family:'Ubuntu', 'NanumbarumGothic',sans-serif; font-weight:500; font-size:3.5vw; line-height:1.2; }
/*¸ÞÀÎ »ó´Ü Ä«Å×°í¸® ¸Þ´º*/
.main-top-cate{
    background:#f8f8f8;
    padding-top:0px;
}
.main-top-cate > ul{
    border-top:1px solid #eeeeee;
    border-bottom:1px solid #eeeeee;
    font-size:0px;
}
.main-top-cate > ul > li{
    display:inline-block;
    vertical-align:top;
    width:25%;
    box-sizing:border-box;
    border-right:1px solid #eee;
    
}
.main-top-cate > ul > li:last-child{
    border-right:0;
}
.main-top-cate > ul > li > a{
    display:block;
    padding-top:8px;
    padding-bottom:13px;
    background:#fff;
    text-align:center;
}
.main-top-cate > ul > li > a .icon > img{
    width:55px;
}
.main-top-cate > ul > li > a .txt{
    line-height:25px;
    color:#333333;
    font-size:12px;
    font-weight:normal;
    font-family:'Ubuntu', 'NanumbarumGothic',sans-serif;
    letter-spacing:0.025em;
}
/*section-01*/


/*section-02*/
.section-02{
    background:#ffffff;
    margin-top:0px;
}
.section-02 .btn-more-wrap{
    padding-bottom:55px;
}
.section-02 .tabs{
    font-size:0px;
    margin-bottom:20px;
    text-align:center;
}
.section-02 .tabs li{
    display:inline-block;
    line-height:initial;
    padding-right:10px;
    width:auto;
}
.section-02 .tabs li:first-child{
    padding-left:15px;
}
.section-02 .tabs li:last-child{
    padding-right:15px;
}
.section-02 .tabs li a{
    display:inline-block;
    height:17px;
    line-height:17px;
    color:#333333;
    font-size:13px;
    font-weight:300;
    font-family:'Ubuntu', 'NanumbarumGothic',sans-serif;
    border-bottom:2px solid transparent;
    text-align:center;
    letter-spacing:0.025em;
}
.section-02 .tabs li a.active{
    font-weight:400;
    border-bottom:2px solid #333;
}
/*section-04*/
.section-04{
    background:#ffffff;
    margin-top:0px;
}
.section-04 .btn-more-wrap{
    margin-top:20px;
}
/*section-06*/
.section-06{
    background:#ffffff;
    margin-top:0px;
}
.section-06 .btn-more-wrap{
    padding-bottom:55px;
}
.section-06 .tabs{
    font-size:0px;
    padding:0 15px;
    margin-bottom:20px;
}
.section-06 .tabs li{
    display:inline-block;
    vertical-align:top;
    line-height:initial;
    margin-right:5px;
    margin-bottom:7.5px;
    box-sizing:border-box;
}
.section-06 .tabs li:last-child{
    margin-right:0;
}
.section-06 .tabs li a{
    display:inline-block;
    height:35px;
    text-align:center;
    line-height:35px;
    padding:0 17px;
    color:#333333;
    font-size:14px;
    font-weight:300;
    font-family:'Ubuntu', 'NanumbarumGothic',sans-serif;
    border-radius:17.5px;
    transition:all 0.3s ease-in-out;
    background:#fff;
    letter-spacing:0.025em;
}
.section-06 .tabs li a.active{
    font-weight:400;
    background:#333;
    color:#fff;
}

.tab-con{
    display:none;
}
.tab-con.active{
    display:block;
}


.item-subtitle2{
    line-height:19px;
    font-size:11px;
    color:#000000 ;
    overflow: hidden; 
    text-overflow: ellipsis;
    text-align:center;
    white-space: nowrap;
    margin-top:10px;
}




/*section-07*/
.section-07{
}
.section-07 .main-video-wrap .video{
    overflow:hidden;
}
.section-07 .main-video-wrap .txt-wrap{
    padding: 20px;
    text-align:center;
}
.section-07 .main-video-wrap .txt-wrap h4{
    line-height:28px;
    font-size:25px;
    color:#000000;
    margin-bottom:19px;
}
.section-07 .main-video-wrap .txt-wrap p{
    line-height:20px;
    font-size:15px;
    font-weight:300;
    color:#000000;
    letter-spacing:-0.75px;
}
/*section-09*/
.section-09{
    overflow:hidden;
}
.section-09 .insta-title{
    text-align:center;
    font-size:0px;
    line-height:26px;
    margin-bottom:23px;
}
.section-09 .insta-title > h4{
    display:inline-block;
    vertical-align:bottom;
    line-height:1em;
    font-family:'Ubuntu', 'NanumbarumGothic',sans-serif;
    font-size:19px;
    color:#333;
    margin-right:5px;
    letter-spacing:0.025em;

}
.section-09 .insta-title > a{
    display:inline-block;
    vertical-align:bottom;
    line-height:1em;
    font-family:'Ubuntu', 'NanumbarumGothic',sans-serif;
    font-size:12px;
    color:#888888;
    letter-spacing:0.025em;
}
.section-09 .insta-img-wrap{
    padding: 0 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.section-09 .insta-img-wrap ul{
    font-size:0px;
    margin:-1.5px;
}
.section-09 .insta-img-wrap ul > li{
    display: inline-block;
    vertical-align: top;
    padding: 1.5px;
    box-sizing: border-box;
    width: 33.333%;
}
.section-09 .insta-img-wrap ul > li > a{
    display:block;
}
.section-09 .insta-img-wrap ul > li > a > img{
    width:100%;
    vertical-align:top;
}

 img {
        max-width: 100%;
      }
      .changer-a {
      
        margin: 0px auto;
        position: relative
      }
      .changer-c {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 100%;
        display: none;
      }
      .changer-a:hover .changer-c {
        display: block;
      }
.mainCate {white-space: nowrap;overflow: auto;}
::-webkit-scrollbar {display: none;}
.mainCate { padding:20px 0 60px; background:#fff;  }
.mainCat h1 { color:#121212; font-size:13px; font-weight:normal; letter-spacing:0.025em; margin:30px 0 0 15px;  }
.mainCat h1 span { display:inline-block; margin-left:5px; }
.mainCat h1 img { vertical-align:middle; margin-top:-2px; width:11px;  }
.mainCate .mainCateSlide { padding:0 10px; }
.mainCate .swiper-slide { width:30%; margin:0 1%; text-align:center; }
.mainCate ul li a img { width:100%; margin-bottom:10px; }
.mainCate ul li a .tit { color:#121212; font-weight:normal; font-size:11px; letter-spacing:0.025em;}

.section-main-visual2{position:relative;}
.section-main-visual2 h3 {font-weight:normal; font-size:15px; text-align:left; line-height:100%; text-decoration:underline; padding-top:50px; letter-spacing:0.025em; margin-left:15px;}
.section-main-visual2 ul li{position:relative;}
.section-main-visual2 ul li a{display:block;}
.section-main-visual2 ul li a img{width:90%;vertical-align:top;margin:30px 0px 0 5%;}
.section-main-visual2 .swiper-pagination{position:absolute;bottom:10px;left:0;width:100%;z-index:2;text-align:center;height:5px;line-height:5px;}
.section-main-visual2 .swiper-pagination > .swiper-pagination-bullet{display:inline-block;vertical-align:top;width:5px;height:5px;margin:0 5px;
background:#a8a8a8;border-radius:5px;opacity:1;transition:all 0.3s ease-in-out;}
.section-main-visual2 .swiper-pagination > .swiper-pagination-bullet-active{width:19px;height:5px;margin:0 5px;border-radius:5px;background:#fff;}
.section-main-visual2 .txtBox {position:absolute;color:#fff;left:2%;top:71%;width:90%;}
.section-main-visual2 .txtBox .tit {position:relative;left:5%;bottom:160px;text-align:center;  font-weight:bold; font-size:9vw; line-height:1.2; margin-bottom:7px; }
.section-main-visual2 .txt {position:relative; left:0%; top:10px; text-align:center; font-weight:normal; font-size:3.5vw; line-height:0.025em; padding: 5px; }
.section-main-visual2 .txt2 {position:relative;left:0%;top:10px;text-align:center;  font-weight:normal; font-size:3.5vw; line-height:0.025em; padding: 10px 10px 20px 10px; }
.swiper-slide2 {  width: 100%!important;  }


/* BASIC css end */