/* BASIC css start */
/* BASIC css start */
#footer{margin-top:0 !important;}
/* 메인 섹션 공통 */
.section:not(#sec1,#sec11){margin-bottom: 140px;}
.sec_inner{width: 1400px; margin: 0 auto;}
.section .sec_cate{margin-bottom: 35px; display: flex; align-items: flex-end; justify-content: space-between;}
.section h2{font-family: 'rollerscript-rough','NanumSquare', sans-serif; font-size: 34px; color: #000; font-weight: 600;}
.section .sec_cate ul{display:flex; justify-content:center ; gap: 30px;}
.section .sec_cate ul li{}
.section .sec_cate ul li a{font-family: 'bookmania','NanumSquare', sans-serif; display:block; width:100%;  color:#aaaaaa; font-size: 15px; font-weight:500; letter-spacing: -.3px;transition: all .3s; position:relative;  display:block;}
.section .sec_cate ul li.on>a{ color: #000 !important; }
.section .sec_prd>div{display: none; position:relative;}
.section .sec_prd>div ul.item_cont{display:flex; flex-wrap:wrap}
.section .sec_prd>div.show{display: block;}

.section .prd_more_btn{text-align:center; margin-top:40px; display: none;}
.section .prd_more_btn>a {display:inline-block;font-family: 'bookmania','NanumSquare', sans-serif; color:#000; font-size:16px; display:inline-block; border:1px solid #000; padding:15px 70px; font-weight:500;  }

.txt_area p.sub{color: #fff; line-height: 1.6;font-family:'bookmania','NanumSquare', sans-serif; font-weight: 400;transition: all .4s; }
.txt_area p.big{ color: #fff; font-weight: 500;line-height: 1.3; font-family: 'bookmania','NanumSquare',sans-serif; transition: all .5s; }
.txt_area a.more{font-family:'bookmania','NanumSquare', sans-serif;display: inline-block; transition: all .4s;border: 1px solid #fff;color: #fff; margin-top: 8px;font-weight: 400;padding:  6px 20px; }


/* sec1 */
#sec1{margin-bottom: 100px;}
#sec1 .swiper{}
#sec1 .swiper ul{}
#sec1 .swiper ul li{width: 75%;}
#sec1 .swiper ul li>a{display: block; width: 100%;}
#sec1 .swiper ul li>a>img{width: 100%; }
#sec1 .swiper ul li .txt_area{overflow: visible; position: absolute;  left: 50%; top: 50%; transform: translateY(-50%); padding-left: 100px; max-width: 50%;}
#sec1 .swiper ul li .txt_area p{opacity: 0;}
#sec1 .swiper ul li.swiper-slide-active .txt_area p{transform: translateY(25px); opacity: 1;}
#sec1 .swiper ul li.swiper-slide-active .txt_area a.more{transform: translateY(35px); opacity: 1;}
#sec1 .swiper ul li .txt_area p.sub{ font-size: 19px; font-weight: 400; transition: all .4s; margin-bottom: 10px; transition-delay: .3s;}
#sec1 .swiper ul li .txt_area p.big{font-size: 45px;transition: all .5s;transition-delay: .55s;}
#sec1 .swiper ul li .txt_area a.more{opacity: 0; transition-delay: .7s; font-size: 20px;}
#sec1 .swiper-pagination{bottom: 70px; z-index: 10;}
#sec1 .swiper-pagination-bullet{background-color: #fff;transition: all .2s;}
#sec1 .swiper-pagination-bullet-active{width: 25px; border-radius: 8px;}

/* sec4 */
#sec4{}
#sec4 a{display: block;width: 100%;}
#sec4 a img{width: 100%;}

/* sec5 */
#sec5{}
#sec5 .sec_inner{}
#sec5 .sec_inner .sec5_prd>div .sec5_wrap{display: flex;justify-content: space-between;}
#sec5 .sec_inner .sec5_prd>div .sec5_wrap ul.item_cont{width: 640px;
    background: #fff;}
#sec5 .sec_inner .sec5_prd>div .sec5_wrap .sec5_ban{width: 710px;}
#sec5 .sec_inner .sec5_prd>div .sec5_wrap .sec5_ban .swiper{}
#sec5 .sec_inner .sec5_prd>div .sec5_wrap .sec5_ban .swiper ul{}
#sec5 .sec_inner .sec5_prd>div .sec5_wrap .sec5_ban .swiper ul li{}
#sec5 .sec_inner .sec5_prd>div .sec5_wrap .sec5_ban .swiper ul li>a{display: block;width: 100%;}
#sec5 .sec_inner .sec5_prd>div .sec5_wrap .sec5_ban .swiper ul li>a img{width: 100%;}
#sec5 .sec_inner .sec5_prd>div .sec5_wrap .sec5_ban .swiper ul li .txt_area{overflow: visible; position: absolute;  left: 0%;bottom: 50px; padding-left: 50px; max-width: 80%;}
#sec5 .sec_inner .sec5_prd>div .sec5_wrap .sec5_ban .swiper ul li .txt_area p{opacity: 0;}
#sec5 .sec_inner .sec5_prd>div .sec5_wrap .sec5_ban .swiper ul li.swiper-slide-active .txt_area p{transform: translateY(-25px); opacity: 1;}
#sec5 .sec_inner .sec5_prd>div .sec5_wrap .sec5_ban .swiper ul li.swiper-slide-active .txt_area a.more{transform: translateY(-35px); opacity: 1;}
#sec5 .sec_inner .sec5_prd>div .sec5_wrap .sec5_ban .swiper ul li .txt_area p.big{font-size: 48px; font-family: 'bookmania','NanumSquare', sans-serif; transition-delay: .4s;}
#sec5 .sec_inner .sec5_prd>div .sec5_wrap .sec5_ban .swiper ul li .txt_area p.sub{ font-size: 24px;  margin-bottom: 40px; transition-delay: .56s;}
#sec5 .sec_inner .sec5_prd>div .sec5_wrap .sec5_ban .swiper ul li .txt_area a.more{opacity: 0; transition-delay: .7s; font-size: 16px;}
#sec5 .swiper-pagination{top: -70px;z-index: 10;bottom: auto;text-align: right;}
#sec5 .swiper-pagination-bullet{background-color: transparent;transition: all .2s;width: auto;font-family: 'bookmania','NanumSquare', sans-serif;color:#aaaaaa;font-size: 15px;font-weight:500;letter-spacing: -.3px;position:relative;opacity: 1;margin-left: 15px;}
#sec5 .swiper-pagination-bullet-active{width: auto;height: auto;color: #000;}
#sec5 :is(.swiper-button-next, .swiper-button-prev){color: #fff; font-size: 30px;}
#sec5 .swiper-button-next {
    left: 710px;
    margin-left: -75px;
}
#sec5 .swiper-button-prev{left: 48px;}
#sec5 .sec_inner .sec5_prd>div .sec5_wrap ul.item_cont .item_list .info .prdetc, #sec5 .sec_inner .sec5_prd>div .sec5_wrap ul.item_cont .item_list .info .prdname, #sec5 .sec_inner .sec5_prd>div .sec5_wrap ul.item_cont .item_list .info .prdtaste {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#sec5 .sec_inner .sec5_prd>div .sec5_wrap ul.item_cont .w33p {
    width: 49%;
    margin-right: 2%;,
    CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;,
    CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;
}

#sec5 .sec_inner .sec5_prd>div .sec5_wrap ul.item_cont .w33p:nth-child(2n) {
    margin-right: 0;
}

/* sec8 */
#sec8{}
#sec8 a{display: block;width: 100%;}
#sec8 a img{width: 100%;}

/* sec9 */
#sec9{}
#sec9 .sec_inner{}
#sec9 .sec_inner .sec_cate{}
#sec9 .sec_inner .sec_cate h2{}
#sec9 .sec_inner .sec9_wrap{display: flex; justify-content: space-between;
    position: relative;
    padding-bottom: 60px;}
#sec9 .sec_inner .sec9_wrap .video_area{width: 1050px;}
#sec9 .sec_inner .sec9_wrap .video_area>ul{}
#sec9 .sec_inner .sec9_wrap .video_area>ul>li{display: none;}
#sec9 .sec_inner .sec9_wrap .video_area>ul>li iframe{width:1050px !important; height:605px !important; }
#sec9 .sec_inner .sec9_wrap .video_area>ul>li.show{display: block;}
#sec9 .sec_inner .sec9_wrap .video_area>ul>li .video_info{padding: 30px 0; display: flex; flex-direction: column; gap: 11px;display:none;}
#sec9 .sec_inner .sec9_wrap .video_area>ul>li .video_info h3{font-family:'bookmania','NanumSquare', sans-serif; font-size: 24px; font-weight: 600;}
#sec9 .sec_inner .sec9_wrap .video_area>ul>li .video_info p{font-family: 'bookmania','NanumSquare', sans-serif;color: #aaaaaa; font-size: 18px; font-weight: 400;}
#sec9 .sec_inner .sec9_wrap .thumbnail_area{width: 335px;}
#sec9 .sec_inner .sec9_wrap .thumbnail_area>ul{display: flex; flex-direction: column; height:605px; justify-content:space-between;}
#sec9 .sec_inner .sec9_wrap .thumbnail_area>ul>li{width: 100%;}
#sec9 .sec_inner .sec9_wrap .thumbnail_area>ul>li>a{display: block;width: 100%; position: relative;}
#sec9 .sec_inner .sec9_wrap .thumbnail_area>ul>li>a>img{width: 100%;filter: brightness(.9);transition:  all .2s;}
#sec9 .sec_inner .sec9_wrap .thumbnail_area>ul>li>a p{font-family: 'bookmania','NanumSquare', sans-serif; position: absolute; max-width: 90%; z-index: 10; color: #fff; font-size: 18px; font-weight: 400; bottom: 20px; left: 18px;}
#sec9 .sec_inner .sec9_wrap .thumbnail_area>ul>li>a span.now{position: absolute; top: 12px; left: 2px;opacity: 0; transition:  all .2s; z-index: 10;}
#sec9 .sec_inner .sec9_wrap .thumbnail_area>ul>li.on>a>img{filter: brightness(1);}
#sec9 .sec_inner .sec9_wrap .thumbnail_area>ul>li.on>a span.now{opacity: 1; left: 12px}
#sec9 .sec_inner .sec9_wrap .thumbnail_area>ul>li>a span.now img{}
#sec9 .sec_inner .sec9_wrap .button-outline-2 {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; display:none;
}
#sec10{}
#sec10 .sec_inner{}
#sec10 .sec_inner ul{display: flex; flex-wrap: nowrap; justify-content: space-between; gap: 20px;}
#sec10 .sec_inner ul li{position: relative;flex-grow: 1;}
#sec10 .sec_inner ul li>a{display: block;width: 100%;}
#sec10 .sec_inner ul li>a>img{width: 100%;}
#sec10 .sec_inner ul li .txt_area{position: absolute; top: 56%;transform: translateY(-50%);  left: 50%;  max-width: 47%;  }
#sec10 .sec_inner ul li .txt_area p{opacity: 0;}
#sec10 .sec_inner ul li .txt_area p.big{font-size: 36px; font-weight: 600; margin-bottom: 15px;transition-delay: .1s;}
#sec10 .sec_inner ul li .txt_area p.sub{font-size: 20px; margin-bottom: 20px;transition-delay: .37s;}
#sec10 .sec_inner ul li .txt_area a.more{font-size: 16px;opacity: 0; transition-delay: .58s; }
#sec10.act .sec_inner ul li .txt_area p{transform: translateY(-25px); opacity: 1;}
#sec10.act .sec_inner ul li .txt_area a.more{transform: translateY(-35px); opacity: 1;}


/* sec11 */
#sec11{}
#sec11 .sec11_wrap{background: no-repeat;background-size: cover; height: 50vh;  min-height: 552px; background-attachment: fixed; position: relative;}
#sec11 .sec11_wrap .txt_area{position: absolute; top: 50%; transform: translateY(-50%); left: 50%; padding-left: 190px; }
#sec11 .sec11_wrap .txt_area p{color: #fff;font-family:'bookmania','NanumSquare', sans-serif; font-size: 60px; font-weight: 600; line-height: 1.2;}
#sec11 .sec11_wrap .txt_area a{color: #fff;font-family: 'bookmania','NanumSquare', sans-serif;margin-top: 25px; transition: all .4s;display: inline-block; transition-delay: .7s; border: 1px solid #fff ;padding:  8px 20px; color: #fff; font-size: 16px; font-weight: 400; }

/*sec_new1*/
#sec_new1 ul{display: flex; flex-wrap: nowrap; justify-content: space-between; gap: 20px;}
#sec_new1 ul li{position: relative;flex-grow: 1;}
#sec_new1 ul li>a{display: block;width: 100%;}
#sec_new1 li>a>img{width: 100%;} 

/*sec_new2*/
#sec_new2 {}

.block-title {
    font-family:'rollerscript-rough','NanumSquare', sans-serif;
    font-size: 36px;
    line-height: 1;
    letter-spacing: .8px;
    color: #435764;
    margin-bottom: 24px;
    text-align: center;
    -webkit-font-smooth: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 100;
    text-rendering: optimizeLegibility;
    font-style: normal;
}
.block-title em  {
    font-style: italic;
    line-height: inherit;
}
#sec_new2 ul {
    display: flex;
    justify-content: space-around;
}

#sec_new2 ul li {
    width: 335px;
    text-align: center;
}

#sec_new2 ul li a {}

#sec_new2 ul li a .thumb {}

#sec_new2 ul li a .thumb img {
    width: 100%;
}

#sec_new2 ul li a .subject {
    padding: 19px 20px 15px;
    /* margin: 10px auto; */
    line-height: 1;
    text-transform: uppercase;
    margin-top: 15px;
    /* margin-bottom: 20px; */
    font-weight: 700;
    position: relative;
    border: 1px solid #3f5262;
    font-size: 14px;
    color: #3F5262;
    background-color: #fff;
    transition: .5s ease-out;
    -webkit-transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    -ms-transition: .5s ease-out;
    -o-transition: .5s ease-out;
}

#sec_new2 ul li a:hover .subject {background-color: #715773;color: #fff;}


.moreBtn a{
  /*  font-family:'rollerscript-rough','NanumSquare', sans-serif;*/    
    font-family: 'bookmania', 'NanumSquare Neo', sans-serif;
    color: #000;
    font-size: 14px;
    position: relative;
    top: -12px;
}
.sec5_prd {
    width: 100%;
    height: 100%;
    position: relative;
    margin-top: 35px;
}

.block-title {
    position: relative;
}
.block-title .moreBtn {
    right: 10px;
    top: 8px;
    position: absolute;
}
.block-title .moreBtn a {
    font-weight: 400;
}

/* BASIC css end */