* {
    list-style: none;
    margin: 0;
    padding: 0;
    text-decoration: none;
    border: none;
    box-sizing: none;
}

.popup_size_box {z-index:10000 !important}
.b-modal {z-index:9999 !important}
.table_best_icon {top:-375px !important}
.table_best_icon_2 {top:-215px !important}
.ptb_paper_pmz li {margin-top:60px !important}
.mt100 {margin-top:100px}
.mt130 {margin-top:130px}

.cmn_info_txt .cmn_info_title {font-size:28px !important; color:#262626 !important}
.tab_ctainer_cmn .tab_img_cnt .tab_in_title {font-size:28px !important; color:#262626 !important}
.cmn_info_txt p {font-size:15px !important; color:#666 !important}

/* 네비게이션 추가 */
.hero-nav {display:none; z-index:999; position:fixed; top:0; left:0; width:100%; height:60px; background-color: rgba(255, 255, 255, 0.95); box-shadow: 0px 1px 15px 0px #b3b3b3;}

/*.hero-nav .nav-wrap a.none {background:none}*/
.hero-nav .nav-wrap button {position:absolute; top:12px; right:0; width:160px; height:35px; line-height:35px; font-size:15px; color:#fff; background:#222450; transition: .3s;}
.hero-nav .nav-wrap button:hover {backposition: absolute;
    width: 100%;ground:#4e58c2; transition: .3s;}

.hero-nav .nav-wrap {position:relative; width:1200px; margin:0 auto; text-align:left;}
.hero-nav .nav-wrap li {display:inline-block;}
.hero-nav .nav-wrap li:last-child {float:right;}
.hero-nav .nav-wrap li:last-child a {margin:20px 0 0 0; padding-left:0;}
.hero-nav .nav-wrap li:first-child a {margin:20px 0 0 0; padding-left:0; background: none;}
.hero-nav .nav-wrap li a {display:inline-block; margin:20px 0 0 35px; padding-left:30px; background: url('/sub_printing_s3/images/line.gif') left 7px no-repeat;}
.hero-nav .nav-wrap li a.active {font-weight:bold; color:#000}
.hero-nav .nav-wrap li div.btns {position:absolute; top:12px; right:0}
.hero-nav .nav-wrap li div.btns a {display:inline-block; width:150px; height:35px; margin:0 0 0 5px; padding:7px 0 0 0; text-align:center; color:#fff; background:#262853; box-sizing:border-box; transition:0.5s;}
.hero-nav .nav-wrap li div.btns a.btn2 {background:#202737}
.hero-nav .nav-wrap li div.btns a:hover {background:#4e58c2; transition:0.5s;}

/* tab */
.tab_default .tab_box {margin-top:100px;}
.tab_default .tab_box ul {width:1000px; margin:0 auto; text-align: center}
.tab_default .tab_box ul li {position:relative; display:inline-block; margin:0 50px; padding:0 11px; font-size:22px; color:#a6a6a6; cursor:pointer}
.tab_default .tab_box ul li.active {color:#222450}
.tab_default .tab_box ul li.active:before {position:absolute; top:16px; left:0%; content: ''; width:100%; height:9px; background: #e3e4ea; z-index: -1;}
.tab_default .tab_cont_wrap {margin:70px auto 0 auto}
.tab_default .tab_cont_wrap .cont_box {position:absolute; width: 100%; visibility:hidden}
.tab_default .tab_cont_wrap .cont_box:first-child {display:block}

/*기본 리뉴얼 250728*/
.top_wrap {position: relative; height:720px; padding-top:100px; background:url('/sub_book_s8/img/new/top_bg_basic.jpg?t=1') top center no-repeat; box-sizing: border-box}

/*봄*/
/*.top_wrap {position: relative; height:720px; padding-top:100px; background:url('/sub_book_s8/img/new/top_bg_spring.jpg?t=3') top center no-repeat; box-sizing: border-box}*/

/*여름*/
/*.top_wrap {position: relative; height:720px; padding-top:100px; background:url('/sub_book_s8/img/new/top_bg_summer.jpg?t=3') top center no-repeat; box-sizing: border-box} */

/*가을*/
/*.top_wrap {position: relative; height:720px; padding-top:100px; background:url('/sub_book_s8/img/new/top_bg_autumn.jpg?t=3') top center no-repeat; box-sizing: border-box} */
 
/*겨울*/
/*.top_wrap {position: relative; height:720px; padding-top:100px; background:url('/sub_book_s8/img/new/top_bg_winter.jpg?t=3') top center no-repeat; box-sizing: border-box}*/

/*새해*/
/*.top_wrap {position: relative; height:720px; padding-top:100px; background:url('/sub_book_s8/img/new/top_bg_newyear.jpg?t=3') top center no-repeat; box-sizing: border-box} */


.top_wrap .title {width:1200px; margin:0 auto; text-align: center;}
/*.top_wrap .title img.tit {display: block; padding-top:150px}*/
.top_wrap .title p {font-size:18px;}
.top_wrap .title h2 {font-size:50px; color:#333; line-height:50px; margin-top:15px;}
.top_wrap .title button.default_btn {position:relative; width:240px; height:70px; margin-top:60px; font-size:18px; color:#333; border:2px solid #333; box-sizing: border-box; transition:.3s all;}
.top_wrap .title button.default_btn:before{content:'';position:absolute;width:0%;top:0;left:0;height:100%;background:#222450;transition:.3s;}
.top_wrap .title button.default_btn:hover{z-index: 99; color:#fff; border:2px solid #222450;}
.top_wrap .title button.default_btn:hover:before {width:100%; z-index: -1}

.book_img {}
.book_img .img1 {position:absolute; top:100px; right:500px}
.book_img .img2 {position:absolute; top:50px; right:250px}
.flat_img {position:absolute; top:100px; right:0}
.flat_img li {position:absolute; top:80px; right:0}
.flat_img li img.img3_1 {position:absolute; top:270px; left:-30px}
.flat_img li img {animation: book_swipe 16s infinite;}
.flat_img li:nth-child(1) img {animation-delay:0s}
.flat_img li:nth-child(2) img {opacity: 0; animation-delay:8s}

@keyframes book_swipe {
    0% {opacity:0;}
    10% {opacity:1;}
    50% {opacity:1;}
    60% {opacity:0;}
    100% {opacity:0;}
}


.sec4 {overflow: hidden;}
.cover_box {position:relative; height:460px; text-align: left;}
.cover_box.hard {background: url('/sub_book_s8/img/new/sec4_hardbg.jpg?t=2') left top no-repeat;}
.cover_box.soft {background: url('/sub_book_s8/img/new/sec4_softbg.jpg?t=2') left top no-repeat;}
.cover_box .tit {width:1200px; margin:0 auto; padding-top:90px; color:#fff;}
.cover_box.soft .tit {color:#262626}
.cover_box .tit p {font-size:20px}
.cover_box .tit h3 {margin:30px 0 50px 0; font-size:42px}
.cover_box .tit ul li {font-size:18px; line-height:35px; color:#9a9bae}
.cover_box.soft .tit ul li {color:#806d39}

.cover_box .hard_swipe, .cover_box .soft_swipe {position:absolute; top:30px; left:50%;  width:1420px; margin-left:-250px;  overflow:hidden}
.cover_box .m_v_nav {width:1200px; margin:0 auto;}
.cover_box .m_v_nav button {margin:85px 2px 0 0; width:110px; height:60px; padding-right:20px; color:#fff; background:#b3b3b3 url(/sub_book_s8/img/new/arrow_next.png?t=1) 70px center no-repeat; box-sizing:border-box; transition: 0.3s}
.cover_box .m_v_nav button:hover {background:#b3b3b3 url(/sub_book_s8/img/new/arrow_next.png?t=1) 80px center no-repeat; transition: 0.3s}
.cover_box.hard .m_v_nav button.m_v_prev {padding-left:42px; background:#9898b3 url(/sub_book_s8/img/new/arrow_prev.png?t=1) 32px center no-repeat; box-sizing:border-box; transition: 0.3s}
.cover_box.hard .m_v_nav button.m_v_prev:hover {background:#9898b3 url(/sub_book_s8/img/new/arrow_prev.png?t=1) 23px center no-repeat; transition: 0.3s}
.cover_box.soft .m_v_nav button {margin:85px 2px 0 0; width:110px; height:60px; padding-right:20px; color:#fff; background:#999 url(/sub_book_s8/img/new/arrow_next.png?t=1) 70px center no-repeat; box-sizing:border-box; transition: 0.3s}
.cover_box.soft .m_v_nav button:hover {background:#999 url(/sub_book_s8/img/new/arrow_next.png?t=1) 80px center no-repeat; transition: 0.3s}
.cover_box.soft .m_v_nav button.m_v_prev {padding-left:42px; background:#464772 url(/sub_book_s8/img/new/arrow_prev.png?t=1) 32px center no-repeat; box-sizing:border-box; transition: 0.3s}
.cover_box.soft .m_v_nav button.m_v_prev:hover {background:#464772 url(/sub_book_s8/img/new/arrow_prev.png?t=1) 23px center no-repeat; transition: 0.3s}



/* 포토북 */
.sec_box {position:relative; padding:150px 0 !important; text-align: center;}
.sec2 {background:#faeae1 url(/sub_book_s8/img/new/sec2_bg.jpg) top center no-repeat}
.sec_box > h2 {font-size:50px; color:#262626; text-align: center; font-weight:normal;}
.sec_box > h3 {margin-bottom:35px; font-size:30px; color:#262626; text-align: center; font-weight:normal;}
.sec_box > p {margin-top:50px; font-size:18px; color:#333; text-align: center; line-height:30px}

.sec2 .sec2_con {position:relative; width:1100px; margin:60px auto 0 auto; text-align: center; }
.sec2_swipe {padding:25px; overflow: hidden; text-align: center}
.sec2_swipe .swiper-wrapper {height:310px;}
.sec2_swipe .book_box {position:relative; display: inline-block; width:310px; height:310px !important; transition: 0.3s;}
.sec2_swipe .book_box:hover {box-shadow: 7px 7px 15px 0px #d9ccc3; transition: 0.3s}
.sec2_swipe .book_box .tit {position:absolute; top:200px; left:0; width:100%; text-align: center;}
.sec2_swipe .book_box .tit h3 {margin:20px 0 7px 0; font-size:21px; color:#262626}
.sec2_swipe .book_box .tit p {width:100px; height:23px; margin:0 auto; padding-top:2px; font-size:12px; color:#fff; background:#333; border-radius:30px; box-sizing: border-box}
.sec2_swipe .book_box .tit span {font-size:12px; color:#808080}
.sec_box button.default_btn {position:relative; width:350px; height:80px; margin:70px auto 0 auto; font-size:20px; color:#333; border:2px solid #333; box-sizing: border-box; transition:.3s all;}
.sec_box button.default_btn:before{content:'';position:absolute;width:0%;top:0;left:0;height:100%;background:#222450;transition:.3s;}
.sec_box button.default_btn:hover{z-index: 99; color:#fff; border:2px solid #222450;}
.sec_box button.default_btn:hover:before {width:100%; z-index: -1}
.sec2 .sec2_con > img {position:absolute; bottom:115px; left:52%; z-index: 9}

.sec3 > p {position:relative; margin-top:0; color:#222450}
.sec3 > p:before {position:absolute; top:45px; left:50%; content: ''; width:1px; height:45px; background: #222450;}
.sec3 h2 {margin-top:100px; font-weight: normal; color:#222450}
.sec3 h2 em {font-style: normal; font-weight:bold;}
.sec3_con {width:1200px; margin:30px auto 0 auto; text-align: center}
.sec3_con:after {content:""; display:block; clear:both}
.sec3_con li {position:relative; float:left; width:240px; margin:80px 80px 0 0; cursor: pointer;}
.sec3_con li:hover p.hover {opacity:0.8; transition: 0.3s}
.sec3_con li:nth-child(4n) {margin-right:0;}
.sec3_con li h3 {margin-top:25px; font-size:20px; color:#262626}
.sec3_con li img {width:240px;}
.sec3_con li p.hover {position:absolute; top:0; left:0; display: table; width:240px; height:240px; line-height:24px; color:#fff; border-radius: 50%; background:#222450; opacity: 0; transition: 0.3s}
.sec3_con li p.hover span {display:table-cell; vertical-align: middle;}

.sec4 h2 {font-weight:500}

.sec5 .tab_box {border-bottom:1px solid #e5e5e5}
.sec5 .tab_box ul {width:1200px; margin-top:115px;}
.sec5 .tab_box ul li {position:relative; padding-bottom:17px;}
.sec5 .tab_box ul li.active {border-bottom:2px solid #222450}
.sec5 .tab_box ul li.active:before {display:none}
.sec5 .tab_box ul li span {position:absolute; top:-23px; left:-18px;}
.sec5 .tab_box ul li span img {width:35px;}
.sec5 .tab_cont_wrap {margin:0; padding:100px 0 80px 0;}
.sec5_h3 {text-align:center;}
.sec5_h3 h3 {margin-bottom:30px; font-size:28px; color:#262626;}
.sec5_h3 p {margin-bottom:60px; font-size:15px; line-height:25px; color:#666;}
.sec5 .new_box {padding-top:70px; margin-top:65px; border-top:1px solid #e5e5e5}
.ptb_paper_cnt {height:340px !important}
.ptb_paper_cnt li {text-align: center}
.sec5 .cont_box .ptb_cnt_pur {position: relative; width:1000px; margin:0 auto}
.sec5 .cont_box .ptb_cnt_pur .info_position {top:230px; left:30px;}
.flat_ul {padding-bottom:70px}
.flat_ul li {}
.paper_tab .book_box {position: relative;width: 1000px;padding-bottom: 50px;margin: 0 auto; border-bottom: 1px dashed #e5e5e5;}
.paper_tab .book_box p {position: absolute;bottom: 80px;left: 50px; top:auto; font-size: 15px;}


.sec6 {padding-top:0 !important; border-bottom:1px solid #e5e5e5}
.sec6 .movie {width:1000px; height:560px;}

.sec7 {overflow: hidden; position:relative; height:1050px; background: url(/sub_book_s8/img/new/sec7_bg.jpg?t=1) 100%/cover no-repeat; background-attachment: fixed; box-sizing: border-box}
.sec7 h2 {color:#fff;}
.sec7 p {color:#fff}
.sec7_con {width:1200px; margin:80px auto 0 auto; text-align: center;}
.sec7_con .tab_content img {width:900px}

/* 편집 탭 */
.container_calendar { width: 100%; height: 760px; position: relative; }
ul.tabs2 {margin: 30px auto 0 auto; height: 50px; width: 1000px; font-size:12px; position: relative; top: -2px;}
ul.tabs2 li {display:inline-block; text-align:center; cursor: pointer; width:133px; height: 50px; position: relative; color: #5262ff;}
.tab_container {margin: 0 auto; width: 1200px; position: relative; text-align: center;}
.tab_content { display: none;}
/*.tab_content > img { box-shadow:7px 7px 40px 0 #111}*/
.tab_container .tab_content ul { width:100%; margin:0px; padding:0px;}
.tab_container .tab_content ul li { padding:5px; list-style:none;}
.size_txt {font-size: 12px; line-height: 24px; color: #2e2e2e;}


.ptb_size_price.sec8 {height:auto}
.sec8 .ptb_size_cnt {margin-top:80px;}
.sec8 .btn {text-align:center}
.sec8 .btn .default_btn {margin-top:30px}
.tab_content_size .new {display: inline-block; margin-left:3px; padding:1px 5px; font-size:11px; line-height:normal; background:#fa4247; color:#fff; }

/* 편집 */
#stars {width: 100%;height:1000px;}
.star {position:absolute;display: block;width: 5px;height: 5px;border-radius: 50%;background: #fff;position: absolute;transform-origin: 100% 0;animation: star-ani 4s linear infinite;-webkit-animation: star-ani 5s linear infinite;box-shadow: 0 0 5px 5px rgba(255, 255, 255, 0.3);opacity: 0;z-index: 2;}
.star1 {top:0; left:10%}
.star2 {top:20%; left:25%;animation: star-ani 3s linear infinite;-webkit-animation: star-ani 4s linear infinite;}
.star3 {top:30%; left:45%;animation: star-ani 6s linear infinite;-webkit-animation: star-ani 7s linear infinite;}
.star4 {top:15%; left:65%;animation: star-ani 9s linear infinite;-webkit-animation: star-ani 10s linear infinite;}
.star5 {top:50%; left:80%;animation: star-ani 5s linear infinite;-webkit-animation: star-ani 6s linear infinite;}
.star6 {top:5%; left:95%; animation: star-ani 7s linear infinite;-webkit-animation: star-ani 8s linear infinite;}
.star7 {top:25%; left:70%; animation: star-ani 3s linear infinite;-webkit-animation: star-ani 4s linear infinite;}
.star8 {top:65%; left:80%;animation: star-ani 6s linear infinite;-webkit-animation: star-ani 7s linear infinite;}
.star9 {top:10%; left:30%;animation: star-ani 4s linear infinite;-webkit-animation: star-ani 5s linear infinite;}      
.star:after {content: "";display: block;top: 0px;left: 4px;border: 0px solid #fff;border-width: 0px 90px 2px 90px;border-color: transparent transparent transparent rgba(255, 255, 255, 0.3);transform: rotate(-45deg) translate3d(1px, 3px, 0);box-shadow: 0 0 1px 0 rgba(255, 255, 255, 0.1);transform-origin: 0% 100%;
}
@keyframes star-ani {
  0% {
    opacity: 0;
    transform: scale(0) translate3d(0, 0, 0);
  }
  20% {
    opacity: 0.8;
    transform: scale(0.2) translate3d(-100px, 100px, 0);
  }
  40% {
    opacity: 0.8;
    transform: scale(0.4) translate3d(-200px, 200px, 0);
  }
  60% {
    opacity: 0.8;
    transform: scale(0.6) translate3d(-300px, 300px, 0);
  }
  80% {
    opacity: 1;
    transform: scale(1) translate3d(-350px, 350px, 0);
  }
  100% {
    opacity: 1;
    transform: scale(1.2) translate3d(-400px, 380px, 0);
  }
}

.detail_cover_wrap {position:relative; width:100%; height:570px;}
.detail_cover_wrap .detail_cover {position:absolute; top:0; left:0; width:100%; height:500px; margin-top:70px; overflow:hidden}
.detail_cover .tab_cont_wrap {margin:70px auto 0 auto}
.detail_cover .tab_cont_wrap .cont_box {position:absolute; width: 100%;}

/* 상세 페이지 */
.paper_new {margin-bottom:30px;}
.paper_new ul {width:1200px; margin:0 auto;} 
.paper_new ul::after {content: ''; display: table; clear: both}
.paper_new ul li {float:left; width:585px; height:400px; padding:50px 20px; margin-right:30px; text-align: center; border:1px solid #e5e5e5; box-sizing: border-box;}
.paper_new ul li.w100 {width:100%; height:auto}
.paper_new ul li h3 {font-size:28px; color:#1a1a1a}
.paper_new ul li p {margin-top:40px; font-size:14px; line-height:22px}
.paper_new ul li img {width:100%; margin-top:35px;}
.paper_new ul li span {font-size:14px;}
.paper_new ul li span em {font-style: normal; color:#1a1a1a}
.paper_new ul li.active {border:3px solid #222450; background:url('/sub_book_s8/img/new/detail_check.png?t=2') 30px 30px no-repeat; box-shadow: 10px 10px 0 #e5e5e5}
.paper_new ul li.active h3 {font-weight:bold; color:#222450}
.paper_new ul li:last-child {margin-right:0}
.paper_new > p {margin-top:50px; font-size:15px; text-align:center;}