.mt15 {margin-top:15px !important}

/* 스티키 네비게이션 */
.option_detail_wrap {display:none; z-index:999; position:fixed; top:0; left:0; width:100%; height:55px; background-color: rgba(255, 255, 255, 0.95); box-shadow: 0px 1px 15px 0px #b3b3b3;}
.option_detail_wrap a.none {background:none}
.option_detail_wrap button {position:absolute; top:9px; right:0; width:160px; height:35px; line-height:35px; font-size:15px; color:#fff; background:#222450; transition: .3s;}
.option_detail_wrap button:hover {background:#4e58c2; transition: .3s;}
.option_detail_wrap .detail_tab {position:relative; width:1200px; margin:0 auto; text-align:left;}
.option_detail_wrap .detail_tab ul {width:1200px; margin:0 auto; height:55px;}
.option_detail_wrap .detail_tab ul::after {content: ""; display: table; clear: both;}
.option_detail_wrap .detail_tab ul li {display: inline-block;}	
.option_detail_wrap .detail_tab ul li:last-child {float: right; padding-top: 9px;}
.option_detail_wrap .detail_tab ul li a {display: inline-block; padding:17px 50px; font-size:13px;  color:#999}
.option_detail_wrap .detail_tab ul li a.active {color:#222450; border-bottom:2px solid #222450}
.option_detail_wrap .detail_tab ul li a.list_last {background: none;}
.option_detail_wrap .detail_tab ul li a:hover {color: #222450;}
.option_detail_wrap .detail_tab ul li div.btn_ptcard span {display:inline-block; padding-top: 4px; color: #222450; font-size: 20px; font-weight: bold; padding-right: 85px;}
.option_detail_wrap .detail_tab ul li div.btn_ptcard span > span {font-size: 18px; font-weight: 400;}
.option_detail_wrap .detail_tab ul li div.btn_ptcard button {display:inline-block; width:150px; height:35px; margin:0 0 0 5px; text-align:center; color:#fff; background:#262853; box-sizing:border-box; transition:0.5s;}
.option_detail_wrap .detail_tab ul li div.btn_ptcard button:hover {background:#4e58c2; transition:0.5s;}
.option_detail_wrap .fixed {z-index:1; position:fixed; top:0; left:0; width:100%; background:#fff;}
.option_detail_wrap .detail_tab span.slider {position: absolute;bottom: -1px;width: 0;height: 2px;background: #222450;}
.detail_tab_box {width:100%; top:0; left:0;background:#fff; }
.sticky {z-index:9997 !important;}
.scrollto {outline: none}

/* 컨텐츠 */
.w1200 {position:relative; width:1200px; margin:0 auto;}
.book_detail .tit_box {text-align:center;}
.book_detail .tit_box > h2 {font-family: 'Montserrat','YoonGothicPro760', sans-serif; font-size: 40px;line-height: 40px; color: #191919;}
.book_detail .tit_box > p {margin-top: 40px;font-family: 'Montserrat','YoonGothicPro720', sans-serif; font-size: 16px;line-height: 26px;}
.detail_list {display: flex; justify-content: space-between; margin-top:60px;}
.detail_list li {width:370px; text-align: center; cursor: pointer;}
.detail_list li img {width:100%; image-rendering: -webkit-optimize-contrast;}
.detail_list li h3 {font-family:'Montserrat','YoonGothicPro760', sans-serif; margin-top:25px; font-size:21px; line-height: 20px; color:#333}
.detail_list li p {margin-top:15px; font-size:13px; line-height: 23px;}
.paper_new {margin:60px 0 0 0;}
.inner_list li {position:relative; width:270px; cursor: default; box-sizing: border-box}
.inner_list li img {border:1px solid #e5e5e5; box-sizing: border-box}
.inner_list li.active img {border: 3px solid #222450; box-shadow: 8px 8px 0 #e5e5e5;}
.inner_list li.active::before {z-index: 999; content:""; position:absolute; top:20px; left:20px; width:27px; height:27px; background: url('/sub_book_s8/img/new/detail_check.png?t=1') no-repeat; background-size: cover}
.design_wrap {position: relative; width:1300px; margin:0 auto; padding-top:100px}
.design-slide {width:1200px; margin:0 50px; overflow: hidden}
.design-slide ul {}
.design-slide img {width:auto; max-width:200px; height:auto; max-height:200px; transition:0.3s}
.design-slide li {width:200px !important; text-align:center; cursor: pointer}
.design-slide li:hover img {box-shadow: 5px 5px 10px #d5d5d5; transition:0.3s}
.swiper-button-prev {top:50% !important; margin-top:10px !important; opacity:0.2; left:0px !important; right: auto; background:url('/sub_book_s8/img/detail/prev@2x.png?t=1') center no-repeat !important; transition:0.3s}
.swiper-button-next {top:50% !important; margin-top:10px !important; opacity:0.2; right:0px !important; left: auto; background:url('/sub_book_s8/img/detail/next@2x.png?t=1') center no-repeat !important; transition:0.3s}
.swiper-button-prev:hover, .swiper-button-next:hover {opacity:1; transition:0.3s}
.detail_cover_wrap .detail_cover {margin-top:110px}
.size_list {display: flex;justify-content: space-between;align-items: flex-end;margin-top: 60px;}
.size_list li {position:relative; text-align:center}
.size_list li h3 {font-family:'Montserrat','YoonGothicPro760', sans-serif; margin-top:25px; font-size:21px; line-height: 20px; color:#333}
.size_list li p {margin-top:10px; font-size:13px; line-height: 23px;}
.size_list li.active img {border:2px solid #222450; box-shadow: 7px 7px 0 #e5e5e5; box-sizing: border-box}
.size_list li.active::before {z-index: 999; content:""; position:absolute; top:12px; right:12px; width:22px; height:22px; background: url('/sub_book_s8/img/new/detail_check.png?t=1') no-repeat; background-size: cover}

#size {padding:150px 0;}
#inner {padding:160px 0 0 0;}
#binding {padding:150px 0;}
#sale {padding:150px 0; background:#f7f7f7;}

.book_option {padding-top:40px;}
.book_nav {}
.book_nav a {font-size:12px; color:#999;}
.book_nav a.active {color:#333;}
.book_nav span {margin:0 5px;}
.option_box {position:relative; margin:20px 0 50px 0; display: flex; justify-content: space-between}
.option_box .left {display: table; width:800px; height:800px; text-align: center; background: #f7f7f7;}
.option_box .left > div {display: table-cell; vertical-align: middle;}

.option_box .right {width:370px; text-align: left;}
.option_box .right .tit_box {position:relative; margin-top:5px; text-align: left;}
.option_box .right .tit_box h1 {font-family:'Montserrat','YoonGothicPro760', sans-serif; font-size:24px; font-weight:500; color:#1A1A1A}
.option_box .right .tit_box .more {position:absolute; right:0; top:0;}

.option_box .radio_box {position:relative;}
.option_box .radio_box h2 {margin-bottom:8px; font-family:'Montserrat','YoonGothicPro760', sans-serif; font-size:14px; color:#333; font-weight: 500;}
.option_box .radio_box > ul {display: flex; flex-flow : row wrap;}
.option_box .radio_box > ul li {position:relative; width:120px; height:37px; margin-right:5px; margin-bottom:5px; font-size:13px; text-align:center; padding-top:6px; border:1px solid #ccc; box-sizing: border-box; cursor: pointer; transition: 0.3s}
.option_box .radio_box > ul li.active {font-weight:500; color:#fff; background:#222450; border:1px solid #222450;}
.option_box .radio_box > ul li:hover {border:1px solid #222450; transition: 0.3s}
.option_box .radio_box > ul li:nth-child(3n) {margin-right:0}
.option_box .radio_box > ul li > span {display: none; z-index: 9; position:absolute; top:41px; left: -1px; width:120px; height:86px; border:2px solid #222450; box-sizing:border-box;}
.option_box .radio_box > ul li > span::after {position:absolute; top:-6px; left:54px; content:""; width: 0px;height: 0px;border-top:4px solid none;border-bottom:4px solid #222450;border-right: 4px solid transparent;border-left: 4px solid  transparent;}
.option_box .radio_box > ul li > span img {width:100%}
.option_box .radio_box > ul li:hover > span {display: block}
.option_box .radio_box > ul li > span span {position:absolute; bottom:-20px; left:-2px; width:120px; height:18px; font-size:11px; line-height:17px; color:#fff; background:#222450;}


.option_box .radio_box .page {position:absolute; top:0; right:0; font-size:12px; color:#999}
.option_select {border:1px solid #ccc;}
.option_select select {background: url('/sub_book_s8/img/detail/select@2x.png?t=1') no-repeat right 10px center; appearance: none;}
.option_select select::-ms-expand {display:none}
.ptb_item_size, .ptb_item_cover {width: 368px;height: 40px; padding:0 40px 0 15px; border-color: #fff;color: #888888; font-size: 13px; box-sizing:border-box; cursor: pointer}

.price_wrap {margin-top:15px;}
.price_wrap::after {content: ''; display: table; clear: both}
.price_wrap dt {float:left; width:65px; margin-bottom:10px; font-family:'Montserrat','YoonGothicPro760', sans-serif; font-size:13px; color:#333; font-weight: 500;}
.price_wrap dd {float:left; width:305px; padding-top:1px; margin-bottom:10px; font-size:12px; color:#666; letter-spacing: -0.5px; word-break: keep-all}

.price_wrap dd.price {font-size:12px; color:#222450;}
.price_wrap dd.price .line {margin-right:5px; font-size:12px; color:#999; text-decoration:line-through;}
.price_wrap dd .label {margin-left:5px; font-size:13px; font-weight: 500; color:#fff; padding:2px 7px; background: #FF4040; border-radius: 5px; }
.price_wrap dd.price em {font-size:24px; color:#222450; font-weight:600; font-style: normal}

.btn_make {display:flex; justify-content: space-between; margin-top:15px}
.btn_make .default_box {width:300px; height:60px; font-size:16px; color:#fff; background:#222450; border-radius:0; }
.btn_make .default_box:hover {background:#3e4188}
.btn_make .none_box {width:60px; height:60px; background:#CCC url('/sub_book_s8/img/detail/arrow@2x.png?t=1') center no-repeat; border-radius:0; }
.btn_make .none_box:hover {background:#999 url('/sub_book_s8/img/detail/arrow@2x.png?t=1') center no-repeat;}

.more {display: flex}
.more .link {opacity:0.4; width:25px; height:25px; margin-right:13px; background: url('/sub_book_s8/img/detail/link@2x.png?t=1') no-repeat center;}
.more .link:hover {opacity:1;}
.more .like {width:25px; height:25px; background: url('/sub_book_s8/img/detail/like@2x.png?t=1') no-repeat center;}
.more .like.active, .more .like:hover {background: url('/sub_book_s8/img/detail/like_on@2x.png?t=1') no-repeat center;}

.size_more {position:absolute; top:0; right:0; padding-left:18px; font-size:12px; color:#999; /*background:url('/sub_book_s8/img/detail/more@2x.png?t=1') left center no-repeat; cursor: pointer*/}
.size_pop {display:none; z-index: 99; position:absolute; top:28px; right:0; width:370px; padding:15px 20px; background:#fff; border:1px solid #222450; box-shadow: 3px 3px 7px #d9d9d9; box-sizing:border-box; text-align:center;}
.size_pop h3 {font-family: 'Montserrat','YoonGothicPro760', sans-serif; font-size:13px; color:#333;}
.size_pop table {width:100%; margin-top:15px; background:#f7f7f7;}
.size_pop table th, .size_pop table td {padding:10px 20px; border-bottom:1px dashed #d9d9d9; }
.size_pop ul {margin-top:15px;}
.size_pop ul li {margin-left:15px; list-style: disc; font-size:12px; color:#999; text-align: left;}
.size_pop::after {position:absolute; top:-4px; right:30px; content:""; width: 0px;height: 0px;border-top:4px solid none;border-bottom:4px solid #222450;border-right: 4px solid transparent;border-left: 5px solid  transparent;}
.size_more:hover > .size_pop {display:block;}

.arrows {position:absolute; top:50%; width:60px; height:38px; margin-top:175px; font-size:13px; font-weight:600; line-height:1px; opacity:0.3; transition:0.3s; box-sizing: border-box}
.prev_btn {left:50px; padding-left:25px; background:url('/sub_book_s8/img/detail/prev2@2x.png?t=1') no-repeat;}
.next_btn {right:50px; padding-right:40px; background:url('/sub_book_s8/img/detail/next2@2x.png?t=1') right no-repeat;}
.arrows:hover {opacity:1; transition:0.3s}
.prev_btn:hover {left:35px}
.next_btn:hover {right:35px}

.size_list .label {z-index:9; position:absolute; top:-13px; left:-13px;}
.size_list .label span {display:block; width:50px; height:50px; margin-bottom:5px; padding-top:14px; font-size:13px; font-weight:700; color:#f43e3e; text-align:center; background:#fff; border-radius:50%; box-sizing:border-box;}
.size_list .label span.best {color:#fff; background:#f43e3e}

.processing_btn02 {width: 20px;margin-left: 5px;vertical-align: middle;transition: 0.3s;opacity: 0.4;cursor: pointer;}