@charset "utf-8";

/* -------------------------------------
    common
---------------------------------------- */


/* -------------------------------------
    main
---------------------------------------- */
/* common */
.main .wrap{background-color:#f2f3fa;}
.main section .tit-area{text-align:center;}
.main section .tit-area h2{font-weight:bold;color:#000;}

/* header */
.main header{background-color:transparent;}
.main header.on,
.main header.over{background-color:#fff;box-shadow:0 0 8px rgba(17,17,17,0.3);}
.main header.on .btn-menu-toggle:before,
.main header.on .btn-menu-toggle:after,
.main header.over .btn-menu-toggle:before,
.main header.over .btn-menu-toggle:after,
.btn-menu-toggle.on:before,
.btn-menu-toggle.on:after{background-color:#000 !important;}
.main header.on .btn-menu-toggle span,
.main header.over .btn-menu-toggle span{background-color:#000;}
.main header .header-top .top-menu>li>div:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background-color:#0088ce;transform:translateX(-50%);transition-duration:.3s;}
.main header .header-top .top-menu>li.over>div:after{width:100%;}

/* content */
.main .content{padding-bottom:107px;}

/* books slider */
.main section.section-slider .wrap-slider-books{overflow:hidden;}
.main section.section-slider .swiper-container{height:100%;}
/*.swiper-container:before,
.swiper-container:after{content:"";display:block;position:absolute;top:0;height:100%;width:10%;background-color:pink;z-index:2;}
.swiper-container:before{left:0;}
.swiper-container:after{right:0;}*/
.main section.section-slider .swiper-slide{/*display:flex;justify-content:center;align-items:center;*/overflow:hidden;width:100% !important;text-align:center;}
.main section.section-slider .swiper-slide a{display:block;width:100%;max-width:1280px;   height:calc(100% - 250px);margin:140px auto 110px;
    /*display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:normal;*/}
.main section.section-slider .swiper-slide a .thumb{display:inline-block;margin-left:65px;vertical-align:top;      max-width:390px;/*max-width:410px;height:fit-content;margin-left:15px;*/padding:19px;background-color:#fff;box-sizing:border-box;box-shadow:3px 3px 54px rgba(0,0,0,1);transition-duration:.3s;}
.main section.section-slider .swiper-slide a .thumb img{width:auto;}
.main section.section-slider .swiper-slide a:focus .thumb,
.main section.section-slider .swiper-slide a:hover .thumb{box-shadow:0 0 54px rgba(255,255,255,0.4);}
.main section.section-slider .swiper-slide .description{display:inline-block;vertical-align:top;width:calc(100% - 540px);      /*width:45%;*/margin-top:10px;padding-left:70px;text-align:left;}
.main section.section-slider .swiper-slide .description>*{opacity:0;transition-duration:.8s;transform:translateY(50%);}
.main section.section-slider .swiper-slide .description .tit{line-height:1.28;font-family:IropkeBatang;font-size:2.5em;}
.main section.section-slider .swiper-slide .description .summary{margin-top:22px;font-size:1.111em;color:#b28850;}
.main section.section-slider .swiper-slide .description .info{margin-top:80px;font-weight:300;font-size:0.944em;color:rgba(255,255,255,0.9);}
.main section.section-slider .swiper-slide .description .info span{display:inline-block;position:relative;}
.main section.section-slider .swiper-slide .description .info span + span{margin-left:4px;padding-left:7px;}
.main section.section-slider .swiper-slide .description .info span + span:before{content:"";display:block;position:absolute;top:5px;left:0;width:1px;height:17px;}
.main section.section-slider .swiper-pagination{bottom:45px;}
.main section.section-slider .swiper-pagination-bullet{width:16px;height:16px;margin:0 8px;box-sizing:border-box;border:2px solid #fff;background-color:transparent;opacity:1;}
.main section.section-slider .swiper-pagination-bullet-active{background-color:#fff;}
.main section.section-slider .swiper-slide.swiper-slide-active .description>*{opacity:1;transform:translateY(0);}
.main section.section-slider .swiper-slide.swiper-slide-active .description .tit{transition-delay:1s;}
.main section.section-slider .swiper-slide.swiper-slide-active .description .summary{transition-delay:1.8s;}
.main section.section-slider .swiper-slide.swiper-slide-active .description .info{transition-delay:2.6s;}

/* banner */
.main section.section-banner{overflow:hidden;height:152px;}
.main section.section-banner .wrap-banner{height:100%;}
.main section.section-banner .wrap-slider-banner{height:100%;}
.main section.section-banner .tit-area{display:none;float:left;width:19.21875%;height:100%;background-color:#fff;}
.main section.section-banner .tit-area:before{content:"";display:inline-block;width:1px;height:100%;vertical-align:middle;}
.main section.section-banner .tit-area .tit-area-inner{display:inline-block;width:95%;vertical-align:middle;}
.main section.section-banner .tit-area p{font-size:0.889em;font-weight:400;color:#e60012;}
.main section.section-banner .tit-area h2{font-size:1.667em;font-weight:400;}
.main section.section-banner .banner-list{height:100%;}
.main section.section-banner .banner-list ul{height:100%;}
.main section.section-banner .banner-list .swiper-slide,
.main section.section-banner .banner-list li{position:relative;overflow:hidden;float:left;width:33.333%;height:100%;text-align:center;}
.main section.section-banner .banner-list a{display:flex;height:100%;justify-content:center;align-items:center;background-repeat:no-repeat;background-size:cover;}
.main section.section-banner .banner-list a:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);transition-duration:.3s;}
.main section.section-banner .banner-list .ico{position:absolute;top:-26px;right:20px;width:59px;height:94px;font-size:0.778em;font-weight:400;color:#fff;border-radius:30px;z-index:2;}
.main section.section-banner .banner-list .ico span{display:block;margin-top:81.5%;}
.main section.section-banner .banner-list .tit{display:-webkit-box;position:relative;overflow:hidden;line-height:1.5;margin-top:5px;padding:0 90px 0 75px;max-height:4.5em;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:1.111em;color:#fff;box-sizing:border-box;vertical-align:middle;z-index:2;}
.main section.section-banner .banner-list a:focus:after,
.main section.section-banner .banner-list a:hover:after{background-color:rgba(0,0,0,0.65);}
.main section.section-banner .banner-list a:focus .ico,
.main section.section-banner .banner-list a:hover .ico{box-shadow:0 0 10px rgba(0,0,0,0.4);}
.main section.section-banner .swiper-container{height:100%;}
.main section.section-banner .swiper-pagination-fraction{left:10px;width:auto;height:27px;line-height:27px;padding:0 12px;font-size:13px;color:#fff;border-radius:14px;background-color:rgba(6,6,6,0.54);}


@media all and (min-width:801px){
    .main section.section-banner .banner-list li,
    .main section.section-banner .banner-list .swiper-slide{width:33.333% !important;}
}
@media all and (max-width:800px){
    .main .content{padding-bottom:50px;}
    .main section.section-banner .tit-area{width:0;font-size:0;}
    .main section.section-banner .banner-list{margin-left:0;}
}

/* youtube */
.main .section-video{box-shadow:0 1px 1px rgba(0,0,0,0.2);}

/* sns */
.main section.section-sns{padding:100px 0 0;text-align:center;}
.main section.section-sns .tit-area{margin-bottom:30px;}
.main section.section-sns .tit-area p{margin-bottom:4px;font-size:0.944em;font-weight:400;color:#4f4f4f;}
.main section.section-sns .tit-area h2{font-family:IropkeBatang;font-weight:bold;font-size:3.056em;color:#111;}
.main section.section-sns .list-sns-contents{display:flex;max-width:1387px;margin:0 auto;}
.main section.section-sns .list-sns-contents li{float:left;width:25%;padding:0 22px;box-sizing:border-box;transform:translateY(-30px);opacity:0;transition-duration:.8s;}
.main section.section-sns .list-sns-contents li a{display:block;position:relative;padding-top:calc(436/302*100%);background-repeat:no-repeat;background-position:center center;background-size:cover;box-shadow:4px 0px 12px rgba(0,0,0,0.45);transform:translateY(0);transition-duration:.3s;}
.main section.section-sns .list-sns-contents li a:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.7);transition-duration:.3s;}
.main section.section-sns .list-sns-contents li a img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;opacity:0.3;}
.main section.section-sns .list-sns-contents h2{display:-webkit-box;position:absolute;top:50%;left:20px;right:20px;overflow:hidden;max-height:5.8em;font-size:1.333em;font-weight:300;color:#fff;transform:translateY(-50%);-webkit-line-clamp:4;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.main section.section-sns .list-sns-contents [class*="ico"]{position:absolute;right:12px;bottom:12px;width:48px;height:40px;font-size:0;background:url(../images/common/ico-sns-cnt.png) no-repeat 0 0 / cover;}
.main section.section-sns .list-sns-contents .ico-post,
.main section.section-sns .list-sns-contents .ico-naver{background-position:-3px 0;}
.main section.section-sns .list-sns-contents .ico-instagram{background-position:-55px 0;}
.main section.section-sns .list-sns-contents .ico-blog{background-position:-105px 0;}
.main section.section-sns .list-sns-contents .ico-facebook{background-position:-160px 0;}
.main section.section-sns.active .list-sns-contents li{opacity:1;transform:translateY(0);}
.main section.section-sns.active .list-sns-contents li:nth-child(1){transition-delay:.1s;}
.main section.section-sns.active .list-sns-contents li:nth-child(2){transition-delay:.4s;}
.main section.section-sns.active .list-sns-contents li:nth-child(3){transition-delay:.7s;}
.main section.section-sns.active .list-sns-contents li:nth-child(4){transition-delay:1s;}
.main section.section-sns.active .list-sns-contents li a:focus,
.main section.section-sns.active .list-sns-contents li a:hover{box-shadow:4px 0px 12px rgba(0,0,0,0.6);transform:translateY(-10px);transition-duration:.3s;}
.main section.section-sns.active .list-sns-contents li a:focus:before,
.main section.section-sns.active .list-sns-contents li a:hover:before{background-color:rgba(0,0,0,0.7);}


/* -------------------------------------
    Business Books
---------------------------------------- */
/* header */
/*.main.wrap-BB header .logo a{background-position:0 0;}*/
.main.wrap-BB header.on .logo a,
.main.wrap-BB header.over .logo a{background-position:0 -50px;}
.main.wrap-BB header .header-top .top-menu>li>div a{color:#111;}
.main.wrap-BB header.on .header-top .top-menu>li>div a,
.main.wrap-BB header.over .header-top .top-menu>li>div a{color:#000;}
/*
.main.wrap-BB header .header-top .search-area .input-area input{color:#fff;}
.main.wrap-BB header .header-top .search-area .input-area{border-bottom-color:#fff;}*/
.main.wrap-BB header .header-top .search-area [class*="btn-search"]{/*background-position:0 21px;*/}
.main.wrap-BB header .header-top .search-area .btn-search-close:before,
.main.wrap-BB header .header-top .search-area .btn-search-close:after{/*background-color:#fff;*/}
.main.wrap-BB header .header-top .my-area .btn-my{/*background-position:-30px 18px;*/}
.main.wrap-BB header.on .header-top [class*="btn-search"],
.main.wrap-BB header.over .header-top [class*="btn-search"]{background-position:0 -39px;}
.main.wrap-BB header.on .header-top .my-area .btn-my,
.main.wrap-BB header.over .header-top .my-area .btn-my{background-position:-30px -42px;}
/*.main.wrap-BB .btn-menu-toggle:before,
.main.wrap-BB .btn-menu-toggle:after{background-color:#fff;}
.main.wrap-BB .btn-menu-toggle span{background-color:#fff;}*/

/* slider */
.main.wrap-BB section.section-slider{background-color:#bbf8fb;/*background:url(../images/business/bg-main-section1.jpg) repeat;*/}
.main.wrap-BB section.section-slider .swiper-slide .description .tit{color:#000;}
.main.wrap-BB section.section-slider .swiper-slide .description .summary{/*color:#b28850;컬러변경 전* color:#e0a453;*/color:#21262d;}
.main.wrap-BB section.section-slider .swiper-slide .description .info{/*color:#b5b5b5;*/color:#152c53;}
.main.wrap-BB section.section-slider .swiper-slide .description .info span + span:before{background-color:#3a5771;}
.main.wrap-BB section.section-slider .swiper-pagination-bullet{border-color:#000;}
.main.wrap-BB section.section-slider .swiper-pagination-bullet-active{background-color:#000;}

/* banner */
.main.wrap-BB section.section-banner .banner-list .ico{color:#010101;}
.main.wrap-BB section.section-banner .banner-list .ico.event{background-color:/*#ffcc31*/#83d78e;}
.main.wrap-BB section.section-banner .banner-list .ico.news{background-color:/*#60d3f9*/#ff9a81;}


/* -------------------------------------
    Books Life
---------------------------------------- */
/* header */
.main.wrap-BL.main header .header-top .top-menu>li>div:after{background-color:/*#ff4d65*/#2d8221;}

/* slider */
.main.wrap-BL section.section-slider{background-color:/*#ffe2e4*/#b8fcdc;}
.main.wrap-BL section.section-slider .swiper-slide .description .tit{color:#000;}
.main.wrap-BL section.section-slider .swiper-slide .description .summary{color:/*#812e00*/#13743a;}
.main.wrap-BL section.section-slider .swiper-slide .description .info{color:#133017;}
.main.wrap-BL section.section-slider .swiper-slide .description .info span + span:before{background-color:#4a442f;}
.main.wrap-BL section.section-slider .swiper-pagination-bullet{border-color:#111;}
.main.wrap-BL section.section-slider .swiper-pagination-bullet-active{background-color:#111;}

/* banner */
.main.wrap-BL section.section-banner .tit-area p{color:#2d8221;}
.main.wrap-BL section.section-banner .banner-list .ico.event{background-color:#ff4d65;}
.main.wrap-BL section.section-banner .banner-list .ico.news{background-color:#01ae83;}


/* -------------------------------------
    Travel Like
---------------------------------------- */
/* header */
.main.wrap-TL.main header .header-top .top-menu>li>div:after{background-color:#f8b300;}

/* slider */
.main.wrap-TL section.section-slider{background-color:/*#f8b300*/#fefa8f;}
.main.wrap-TL section.section-slider .swiper-slide .description .tit{color:#000;}
.main.wrap-TL section.section-slider .swiper-slide .description .summary{color:#000;}
.main.wrap-TL section.section-slider .swiper-slide .description .info{color:#2b2b2b;}
.main.wrap-TL section.section-slider .swiper-slide .description .info span + span:before{background-color:#564526;}
.main.wrap-TL section.section-slider .swiper-pagination-bullet{border-color:#000;}
.main.wrap-TL section.section-slider .swiper-pagination-bullet-active{background-color:#000;}

/* banner */
.main.wrap-TL section.section-banner .banner-list .ico.event{background-color:#f65700;}
.main.wrap-TL section.section-banner .banner-list .ico.news{background-color:#00a0e9;}


/* -------------------------------------
    media query
---------------------------------------- */
@media all and (max-width:1280px){
    /* books slider */
    .main section.section-slider .wrap-slider-books{margin-right:40px;margin-left:40px;}
    .main section.section-slider .swiper-slide a{height:auto;margin:100px 0;}
    .main section.section-slider .swiper-slide a .thumb{height:auto;box-shadow:2px 2px 30px rgba(0,0,0,1);}
    .main section.section-slider .swiper-slide .description .tit{font-size:2.2em;}
    .main section.section-slider .swiper-slide .description .info{margin-top:62px;}

    .main.wrap-BB header.on .logo a, 
    .main.wrap-BB header.over .logo a{background-position:0 -44px;}

    .menu-open .main.wrap-BB header .logo a{background-position:0 -44px;}

    .wrap.wrap-BB header .logo{top:20px;width:92px;height:33px;}

    /* banner */
    .main section.section-banner .tit-area h2{font-size:1.333em;}
    
    /* sns */
    .main section.section-sns .list-sns-contents li{padding:0 1.74%;}
    .main section.section-sns .list-sns-contents h2{font-size:1.111em;}
}


@media all and (min-width:801px) and (max-width:1280px){
    /* banner */
    .main section.section-banner .banner-list .ico{width:50px;right:10px;height:80px;}
    .main section.section-banner .banner-list .tit{padding-right:75px;padding-left:55px;font-size:1em;}
}

@media all and (min-width:801px) and (max-width:1025px){
    /* books slider */
    .main section.section-slider .swiper-slide a .thumb{max-width:27%;margin-left:34px;padding:14px;}
    .main section.section-slider .swiper-pagination{bottom:24px;}
    .main section.section-slider .swiper-slide .description{width:59%;padding-left:50px;}
}

@media all and (max-width:1024px){
    /* banner */
    .main section.section-banner .tit-area{display:none;}
    .main section.section-banner .banner-list{margin-left:0;}

    /* sns */
    .main section.section-sns .list-sns-contents [class*="ico"]{right:9px;bottom:7px;width:29px;height:25px;}
    .main section.section-sns .list-sns-contents .ico-post,
    .main section.section-sns .list-sns-contents .ico-naver{background-position:-3px 0;}
    .main section.section-sns .list-sns-contents .ico-instagram{background-position:-35px 0;}
    .main section.section-sns .list-sns-contents .ico-blog{background-position:-67px 0;}
    .main section.section-sns .list-sns-contents .ico-facebook{background-position:-101px 0;}
}

@media all and (max-width:800px){
    /* books slider */
    .main section.section-slider .wrap-slider-books{height:auto;min-height:480px;margin:0 20px;}
    .main section.section-slider .swiper-slide a{margin:71px 0 65px;}
    .main section.section-slider .swiper-slide a .thumb{display:inline-block;max-width:none;margin-left:0;padding:8px;box-shadow:2px 2px 20px rgba(0,0,0,1);}
    .main section.section-slider .swiper-slide a .thumb img{height:270px;}
    .main section.section-slider .swiper-slide .description{width:100%;margin-top:17px;padding-left:0;text-align:center;}
    .main section.section-slider .swiper-slide .description .tit{overflow:hidden;line-height:1.4;font-size:18px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
    .main section.section-slider .swiper-slide .description .info{margin-top:11px;font-size:12px;}
    .main section.section-slider .swiper-slide .description .info span + span:before{top:4px;height:12px;background-color:#a8a8aa;}
    .main section.section-slider .swiper-pagination{bottom:22px;}
    .main section.section-slider .swiper-pagination-bullet{margin:0 9px;}
    .main section.section-slider .swiper-slide.swiper-slide-active .description .tit{transition-delay:0.4s;}
    .main section.section-slider .swiper-slide.swiper-slide-active .description .summary{transition-delay:1.1s;}
    .main section.section-slider .swiper-slide.swiper-slide-active .description .info{transition-delay:1.1s;/*1.8s;*/}

    /* banner */
    .main section.section-banner .banner-list .tit{padding:0 60px 0 40px;}
    .main section.section-banner .banner-list .ico{right:14px;width:44px;height:70px;font-size:0.857em;}
    .main section.section-banner .banner-list .ico span{margin-top:83%;}
    .main section.section-banner .banner-list a[style*="img-main-news01"]{background-position:right center;}
    
    /* sns */
    .main section.section-sns{padding-top:32px;}
    .main section.section-sns .tit-area{margin-bottom:11px;}
    .main section.section-sns .tit-area p{margin-bottom:0;font-size:13px;}
    .main section.section-sns .tit-area h2{font-size:25px;}
    .main section.section-sns .list-sns-contents{display:block;margin:0 -6px;}
    .main section.section-sns .list-sns-contents li{width:50%;transform:translateY(0);}
    .main section.section-sns .list-sns-contents h2{max-height:4.35em;font-size:14px;-webkit-line-clamp:3;}
    .main section.section-sns.active .list-sns-contents li:nth-child(1),
    .main section.section-sns.active .list-sns-contents li:nth-child(2){transition-delay:.1s;}
    .main section.section-sns.active .list-sns-contents li:nth-child(3),
    .main section.section-sns.active .list-sns-contents li:nth-child(4){transition-delay:.8s;}
    .main section.section-sns.active .list-sns-contents li:nth-child(2) ~ *{margin-top:16px;}
    .main section.section-sns.active .list-sns-contents li a:focus,
    .main section.section-sns.active .list-sns-contents li a:hover{box-shadow:4px 0px 12px rgba(0,0,0,0.6);transform:none;}

    /* Business Books */
    .wrap.wrap-BB header .logo{top:20px;width:80px;height:28px;}

    .menu-open .main.wrap-BB header .logo a{background-position:0 -29px;}

    .main.wrap-BB header.on .logo a, .main.wrap-BB header.over .logo a{background-position:0 -29px !important;}
    .main.wrap-BB header .header-top .search-area .input-area input{color:#111;}
}