@charset "utf-8";

.ir_pm {display:block; overflow:hidden; font-size:0; line-height:0; text-indent:-9999px} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
* {list-style: none;   margin: 0;   padding: 0;   text-decoration: none;   border: none;   box-sizing: none;}
img { -ms-interpolation-mode: bicubic; }





/*메인페이지 CSS 시작*/
#wrapper {width: 100%;}


.sub_default {width: 1200px; margin:0 auto;}
.hero-frame {width: 100%; background: #fff; height: 720px; text-align: center; background-size: cover !important;}
/*header .top {height: 720px; background:url('/sub_big/category/frame_category_top1.jpg?t=1') top center no-repeat}*/
header .top .frame_top ul.slide li h1 {font-size: 50px;line-height: 30px;letter-spacing: -1px;display: inline-block;color: #333; font-weight: normal;}
header .top .frame_top ul.slide li h2 {font-size: 18px;line-height: 70px;color: #333;font-weight: normal;}
/*header .top h4 {padding-left: 200px; margin-top: 150px; font-weight: 300; color: #666;}*/

/*공통버튼*/
header .top .frame_top ul.slide li a.btn {margin: 0 auto; display: block; position:relative; width:250px; height:70px; margin-top:40px; font-size:20px; color:#333; border:2px solid #333; box-sizing: border-box; transition:.3s all;}
header .top .frame_top ul.slide li a.btn:before{content:'';position:absolute;width:0%;top:0;left:0;height:100%;background:#222450; transition:.3s;}
header .top .frame_top ul.slide li a.btn:hover{z-index: 99; color:#fff; border:2px solid #222450;}
header .top .frame_top ul.slide li a.btn:hover:before {width:100%; z-index: -1}
header .top .frame_top ul.slide li a.btn span{line-height: 65px;  letter-spacing: 1px;}

header .top .main_tit {position: relative; width: 100%; z-index: 9 !important; padding-top: 60px; text-align: center;}
header .top .frame_top {width: 100%; background: #fff; height: 720px; text-align: center; background-size: cover !important;}
header .top .frame_top ul.slide li {background-size: cover; width: 100%; height: 720px;}
header .top .frame_top ul.slide li.frame1 {background: url('/sub_big/category/frame_category_top1.jpg?t=1') center no-repeat;}
header .top .frame_top ul.slide li.frame2 {background: url('/sub_big/category/frame_category_top2.jpg?t=1') center no-repeat;}
header .top .frame_top ul.slide li.frame3 {background: url('/sub_big/category/frame_category_top3.jpg?t=1') center no-repeat;}
header .top .frame_top ul.slide li.frame4 {background: url('/sub_big/category/frame_category_top4.jpg?t=1') center no-repeat;}
header .top .frame_top ul.slide li.frame5 {background: url('/sub_big/category/frame_category_top5.jpg?t=1') center no-repeat;}

header .top {width:100%; margin:0px auto; height: 720px; overflow: hidden; position: relative; }
header .top .slide {width: 100%;}
header .top .slide li {  width: 100%;  height: 100%;}
header .top .slide li img { width: 100%; height: 100%;}
header .top .dot { position: absolute;  bottom: 5px; left: 50%;  transform: translateX(-50%);    }
header .top .dot li {box-sizing: border-box; border: 2px solid #222450;width: 20px; border-radius: 50%; height: 20px; margin: 15px; cursor: pointer;}

.book_swipe .swiper-pagination-bullet {background: #fff; opacity:1; box-sizing: border-box; border: 2px solid #222450; width: 20px; border-radius: 50%; height: 20px; margin: 15px !important; cursor: pointer;}
.book_swipe.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 15px !important;}
.book_swipe .swiper-pagination-bullet-active {background:#222450 !important;}
.book_swipe .swiper-pagination {bottom:5px !important}

/*액자리스트*/
.list {width:100%; padding:100px 0  80px; text-align:left;}
.list h2 {padding-bottom:70px;letter-spacing: 15px; font-size: 18px;line-height: 70px;color: #333; font-weight: 800; text-align: center;}
.list ul {width:1200px; margin:0 auto}
.list ul::after {content:""; display:block; clear:both;}
.list ul li {position:relative; float:left; width:370px; height:450px; margin:0 45px 50px 0;}
.list ul li:nth-child(3n) {margin-right:0;}
.list ul li div.label {z-index:9; position:absolute; top:10px; left:10px;}
.list ul li div.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;}
.list ul li div.label span.best {color:#fff; background:#f43e3e}
.list ul li div.cover {overflow:hidden; height:345px;}
.list ul li div.cover img {width:370px; height:345px; transform:scale(1); transition:0.5s}
.list ul li:hover div.cover img {transform:scale(1.1); transition:0.5s}
.list ul li div.info {padding:0 5px;}
.list ul li h4 {margin-top:20px; font-size:19px; color:#000}
.list ul li p {margin:10px 0; font-size:13px;}
.list ul li span {font-size:14px; color:#ff4040}
.list ul li span.event_tag {padding: 0 5px; background: #ff4040; color: #fff; font-size: 11px; margin: 0 3px; border-radius: 3px; display:inline-block; height:19px;}
.list ul li span.new_tag {padding: 0 5px; background: #333; color: #fff; font-size: 11px; margin: 0 3px; border-radius: 3px; display:inline-block; height:19px;}
.list ul li span.notice {padding: 0 5px; background: #333333; color: #fff; font-size: 12px; margin: 0 3px; border-radius: 3px; display:inline-block; height:19px;}
.list ul li span.coupon_tag {padding: 0 5px; background: #222450; color: #fff; font-size: 11px; margin: 0 3px; border-radius: 3px; display:inline-block; height:19px;}


/*출력리스트*/
.print {width:100%; padding:100px 0 50px 0; text-align:left;}
.print h2 {padding-bottom:70px;letter-spacing: 15px; font-size: 18px;line-height: 70px;color: #333; font-weight: 800; text-align: center;}
.print ul {width:1200px; margin:0 auto}
.print ul::after {content:""; display:block; clear:both;}
.print ul li {position:relative; float:left; width:276px; margin:0 32px 50px 0;}
.print ul li:nth-child(5n) {margin-right:0;}
.print ul li div.label {z-index:9; position:absolute; top:10px; left:10px;}
.print ul li div.label span {display:block; width:45px; height:45px; margin-bottom:5px; padding-top:12px; font-size:13px; font-weight:700; color:#f43e3e; text-align:center; background:#fff; border-radius:50%; box-sizing:border-box;}
.print ul li div.label span.best {color:#fff; background:#f43e3e}
.print ul li div.cover {overflow:hidden; height:345px;}
.print ul li div.cover img {transform:scale(1); transition:0.5s}
.print ul li:hover div.cover img {transform:scale(1.1); transition:0.5s}
.print ul li div.info {padding:0 5px;}
.print ul li h4 {margin-top:20px; font-size:19px; color:#000}
.print ul li p {margin:10px 0; font-size:13px;}
.print ul li span {font-size:14px; color:#ff4040}
.print ul li span.event_tag {padding: 0 5px; background: #ff4040; color: #fff; font-size: 11px; margin: 0 3px; border-radius: 3px; display:inline-block; height:19px;}
.print ul li span.new_tag {padding: 0 5px; background: #333; color: #fff; font-size: 11px; margin: 0 3px; border-radius: 3px; display:inline-block; height:19px;}



/* 포인트 */
.tab_default .tab_box {margin-top:100px;}
.tab_default .tab_box ul {width:1200px; 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}

.top_wrap {position: relative; height:850px; background:url('/sub_book_s8/img/new/top_bg.jpg?t=1') top center no-repeat;}
.top_wrap .title {width:1200px; margin:0 auto;}
.top_wrap .title img.tit {display: block; padding-top:150px}
.top_wrap .title button.default_btn {position:relative; width:250px; height:70px; margin-top:80px; 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; padding-bottom: 150px;border-top: 1px solid #e5e5e5;}
.cover_box {position:relative; height:460px;}
.cover_box.point1 {background: url('/sub_big/category/frame_category_detail1_bg.jpg?t=1') left top no-repeat;}
.cover_box.point2 {background: url('/sub_big/category/frame_category_detail2_bg.jpg?t=1') left top no-repeat;}
.cover_box.point3 {background: url('/sub_big/category/frame_category_detail3_bg.jpg?t=1') left top no-repeat;}


.cover_box .tit {width:1200px; margin:0 auto; padding-top:90px; color:#fff;}
.cover_box.point2 .tit {color:#fff}
.cover_box.point3 .tit {color:#fff}

.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:16px; line-height:30px; color:#fff;}
.cover_box.point2 .tit ul li {color:#fff;}
.cover_box.point3 .tit ul li {color:#fff;}

.cover_box .point1_swipe, .cover_box .point2_swipe, .cover_box .point3_swipe {position:absolute; top:30px; left:50%;  width:1420px; margin-left:-250px;  overflow:hidden}

.cover_box .point1_swipe span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    padding-top: 40px;
    color: #fff;
    background: #333;
	box-sizing: border-box;
    display: inline-block;
    text-align: center;
	letter-spacing: 1px;
}

/*포인트_버튼*/
.cover_box .m_v_nav {width:1200px; margin:0 auto;}

.cover_box .m_v_nav button {border: 1px solid #fff;margin:101px 2px 0 0; width:110px; height:60px; padding-right:20px; color:#fff; background:#68a957 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:#797878 url(/sub_book_s8/img/new/arrow_next.png?t=1) 80px center no-repeat; transition: 0.3s}
.cover_box.point1 .m_v_nav button.m_v_prev {border: 1px solid #fff; padding-left:42px; background:#68a957 url(/sub_book_s8/img/new/arrow_prev.png?t=1) 32px center no-repeat; box-sizing:border-box; transition: 0.3s}
.cover_box.point1 .m_v_nav button.m_v_prev:hover {background:#539343 url(/sub_book_s8/img/new/arrow_prev.png?t=1) 23px center no-repeat; transition: 0.3s}
/*매트라인 버튼*/
.cover_box.point2 .m_v_nav button {border: 1px solid #fff; margin:101px 2px 0 0; width:110px; height:60px; padding-right:20px; color:#fff; background:#5093ad url(/sub_book_s8/img/new/arrow_next.png?t=1) 70px center no-repeat; box-sizing:border-box; transition: 0.3s}
.cover_box.point2 .m_v_nav button:hover {background:#797878 url(/sub_book_s8/img/new/arrow_next.png?t=1) 80px center no-repeat; transition: 0.3s}
.cover_box.point2 .m_v_nav button.m_v_prev {border: 1px solid #fff; padding-left:42px; background:#5093ad url(/sub_book_s8/img/new/arrow_prev.png?t=1) 32px center no-repeat; box-sizing:border-box; transition: 0.3s}
.cover_box.point2 .m_v_nav button.m_v_prev:hover {background:#408099 url(/sub_book_s8/img/new/arrow_prev.png?t=1) 23px center no-repeat; transition: 0.3s}
/*인화 버튼*/
.cover_box.point3 .m_v_nav button {border: 1px solid #fff; margin:101px 2px 0 0; width:110px; height:60px; padding-right:20px; color:#fff; background:#75a0cd url(/sub_book_s8/img/new/arrow_next.png?t=1) 70px center no-repeat; box-sizing:border-box; transition: 0.3s}
.cover_box.point3 .m_v_nav button:hover {background:#797878 url(/sub_book_s8/img/new/arrow_next.png?t=1) 80px center no-repeat; transition: 0.3s}
.cover_box.point3 .m_v_nav button.m_v_prev {border: 1px solid #fff; border: 1px solid #fff ;padding-left:42px; background:#75a0cd url(/sub_book_s8/img/new/arrow_prev.png?t=1) 32px center no-repeat; box-sizing:border-box; transition: 0.3s}
.cover_box.point3 .m_v_nav button.m_v_prev:hover {background:#5a84b1 url(/sub_book_s8/img/new/arrow_prev.png?t=1) 23px center no-repeat; transition: 0.3s}


/*브랜딩배너*/
.main_ban {height:250px; padding-top:100px; text-align:center; background:#ffd14f url('/sub_big/category/frame_category_bn1_bg.jpg?t=1') top center repeat-x; box-sizing:border-box}
.main_ban .w1200 {position:relative}
.main_ban .icon1 {opacity:0; position: absolute; left: 300px;top: 70px; -webkit-animation-name: bounce1;  animation-name: bounce1; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both;animation-fill-mode: both;animation-timing-function: ease-in-out; animation-iteration-count: infinite;}
.main_ban .icon2 {opacity:0; position: absolute; right: 320px;top:-130px; -webkit-animation-name: bounce2;  animation-name: bounce2; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both;animation-fill-mode: both;animation-timing-function: ease-in-out; animation-iteration-count: infinite;}


/*쿠폰*/
.coupon {padding-bottom: 100px; text-align: center; }



/*하단 안전한 전용 포장과 빠른 배송*/
.main_delivery_wrap { margin: 0 auto; width: 1000px; height: 860px;}
.cmn_txt_wrap .cmn_txt_sub_dlvr { font-size: 16px; line-height: 24px; color: #333333;}

/* 201109 추가 */
/* 사이즈 가격 */
.b-close_style {
	position:relative;
	float:right;
	right: 25px;
	top: 25px;
    cursor: pointer;
}
.popup_size_box {
	width:930px;
	background-color:#fff;
	border-radius: 15px;
}
.size_box_cnt {
    width: 830px;
	height:580px;
    margin: 0 auto;
    background-color: #fff;
}
.size_box_title {
    height: 60px;
    margin: 25px auto auto auto;
}
.size_box_title p{
    width: 730px;
    font-size: 30px;
    line-height: 34px;
    color: #333;
    text-align: left;
}

.size_box_title span {
    font-size: 18px;
}

/*사이즈와 가격 팝업 내부 탭*/
 #container_size {
    margin: 0 auto;
}
#container_size ul.tabs_size {
    margin: 10px 0 10px 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    width: 870px;
    height: 47px;
    position: relative;
}
#container_size ul.tabs_size li {
    display: inline-block;
    text-align:center;
    cursor: pointer;
    width:275px;
    height: 45px;
    line-height: 45px;
    border: 1px solid #b5b5b5;
    border-bottom: 1px solid #222450;
    background: #fff;
    position: relative;
	color:#959595;
}
#container_size ul.tabs_size li p {
	font-size:14px;
}

#container_size ul.tabs_size li.active {
    background: #fff;
    border: 1px solid #222450;
    z-index: 999;
    font-weight:500;
    border-bottom: 1px solid #fff;
}
.tab_ctainer_size {
	margin: 10px 0;
    border-top: none;
    clear: both;
    float: left;
}
.tab_content_size {
    display: none;
}
.tab_ctainer_size .tab_content_size table th {
	height: 45px;
	line-height: 45px;
	background: #222450;
	color: #fff;
	font-size: 13px;
}
.tab_ctainer_size .tab_content_size table th:first-child {
	border-left: 1px solid #222450;
	border-right: 1px solid #dfdfdf;
}
.tab_ctainer_size .tab_content_size table td {
	text-align: center;
	height: 44px;
	line-height: 44px;
	font-size: 13px;
	border-bottom: 1px solid #dfdfdf;
}
.tab_ctainer_size .tab_content_size table td:first-child {
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
}
.tab_ctainer_size .tab_content_size .gray_bg {
	background: #f6f6f6;
}
.tab_ctainer_size .tab_content_size .line_s {
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
}
.tab_ctainer_size .tab_content_size .line_d {
	border-right: 1px dashed #dfdfdf;
}

.tab_ctainer_size .tab_content_size .line_t {
	height: 45px;
	line-height: 45px;
	background: #222450;
	color: #fff;
	font-size: 13px;
	font-weight:500;
	border-bottom: none;
}
.table_best_icon {
	position: relative;
	top: -335px;
	left:5px;
}
.table_best_icon_2 {
	position: relative;
	top:-200px;
	left:5px;
}

/*쿠폰 다운로드 영역*/
.cmn_coupon {width: 100%;height: 85px;position: relative;overflow: hidden;text-align: left;}
.cmn_coupon .cmn_ticker {margin: 0 auto;}
.cmn_coupon .cmn_ticker .cmn_rolling1{background: #fff7e2;height:85px;}
.cmn_coupon .cmn_ticker .cmn_rolling1 a{width:1000px;display: block;margin: 0 auto;height: 85px;}
.cmn_coupon .cmn_ticker .cmn_rolling2{background: #f0f1f6;height: 85px;}
.cmn_coupon .cmn_ticker .cmn_rolling2 a{background-image: url('/re_181207/images/ptb_bnr_02_long.jpg?t=1');width:1000px;display: block;margin: 0 auto;height: 85px;}
.cmn_coupon .cmn_rolling3{background: #65c9e9;height:85px;}
.cmn_coupon .cmn_rolling3 a{width:1000px;display: block;margin: 0 auto;height: 85px;}
.cmn_coupon .cmn_rolling4{background: #efd0d6;height:85px;}
.cmn_coupon .cmn_rolling4 a{width:1000px;display: block;margin: 0 auto;height: 85px;}
.cmn_coupon .cmn_delivery{background: #f0f1f6;height: 85px;}
.cmn_coupon .cmn_delivery a{background-image: url('/re_181207/images/ptb_bnr_02_long.jpg?t=1');width:1000px;display: block;margin: 0 auto;height: 85px;}
.cmn_coupon .cmn_small_txt {font-size: 17px;color:#000;line-height: 46px;z-index: 2;margin-top: -10px;position: relative;left:28px;}
.cmn_coupon .cmn_yellow_bar {background:#ffdd7b;position: relative;width:184px;height:12px;top:27px;left:25px;}
.cmn_coupon .cmn_main_txt {font-size: 27px;color: #000;margin-left:28px;}
.cmn_coupon .cmn_main_txt .cmn_number {font-size: 40px;font-family: 'Montserrat','YoonGothicPro740', sans-serif;color: #427dfd;font-weight: bold;}
.cmn_coupon .cmn_more_txt {color:#fff;background:#343434;width:205px;height:50px;font-size: 24px;position:relative;line-height: 47px;padding-left:57px;left:777px;top:-55px;}
.cmn_coupon .cmn_more_arrow {position:relative;left:915px;top:-91px;}

span.logo_quick_light {display: inline-block; background: url('/re_181207/images/logo_quick_light.png?t=1') no-repeat; width: 20px; height: 20px; vertical-align: middle; margin-left: 5px; background-size: 100%; margin-top: -1px}
span.logo_anti {display: inline-block; background: url('/re_181207/images/symbol_anti.png?t=1') no-repeat; width: 20px; height: 20px; vertical-align: middle; margin-left: 5px; background-size: 100%; margin-top: -1px;}
header .top .frame_top ul.slide li.book1 {background: url('/sub_book_s8/category/book_category_top1.jpg?t=1') 50%/cover no-repeat;}
header .top .frame_top ul.slide li.book2 {background: url('/sub_book_s8/category/book_category_top2.jpg?t=1') 50%/cover no-repeat;}
header .top .frame_top ul.slide li.book3 {background: url('/sub_book_s8/category/book_category_top3.jpg?t=1') 50%/cover no-repeat;}
header .top .frame_top ul.slide li.book4 {background: url('/sub_book_s8/category/book_category_top4.jpg?t=1') 50%/cover no-repeat;}

.sec_box {box-sizing: border-box !important}
.sec_box.sec2 {background-size:cover !important;}
.books_02 {background:url(/sub_book_s8/category/book_category_sec2_bg.jpg?t=1) top center no-repeat !important}
.books_03::before {content:""; position:absolute; bottom:400px; left:0; width:100%; height:340px; background: #f0f1f7}
.books_03_swipe {margin-top:100px;}
.books_03_swipe .swiper-wrapper {height:677px;}
.books_03_swipe .swiper-wrapper > div {height:655px;}
.books_03_swipe img {width:1200px;}
.books_03_swipe .m-v-direct-new {margin-top:50px}
.books_03_swipe .m-v-direct-new ul {display:flex; justify-content: center;}
.books_03_swipe .m-v-direct-new ul li {padding:0 35px;}
.books_03_swipe .m-v-direct-new button {font-size:20px; color:#333; display: none;}
.books_03_swipe .m-v-direct-new .current button {position:relative; color:#000; font-weight:bold;}
.books_03_swipe .m-v-direct-new .current button::before {content:""; position:absolute; top:-10px; right:-15px; width:8px; height:8px; background: #f43e3e; border-radius: 50%;}


/*어드민*/
.books_03_swipe .book_m-v-direct-new {margin-top:50px}
.books_03_swipe .book_m-v-direct-new ul {display:flex; justify-content: center;}
.books_03_swipe .book_m-v-direct-new ul li {padding:0 35px;}
.books_03_swipe .book_m-v-direct-new button {font-size:20px; color:#333; display: none;}
.books_03_swipe .book_m-v-direct-new .current button {position:relative; color:#000; font-weight:bold;}
.books_03_swipe .book_m-v-direct-new .current button::before {content:""; position:absolute; top:-10px; right:-15px; width:8px; height:8px; background: #f43e3e; border-radius: 50%;}


.books_04 {height:1000px; background:url(/sub_book_s8/category/book_category_sec4_bg.jpg?t=1) bottom center no-repeat;}
.bg_none {background:none;}
.books_04 .icon1 {top:200px;}
.books_04 .icon2 {top:50px;}

@-webkit-keyframes bounce1 {
  0%, 100% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes bounce2 {
  0%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}

.books_05 {height:1300px !important}
.books_05 .sec7_con {margin-top:50px}
.books_05 .sec7_con ul.tabs2 {height:auto !important; margin-bottom:50px;}

.book_size {display:flex; justify-content: space-between; width:1200px; margin:70px auto 0 auto;}
.book_size p {margin: 10px 0; font-size:13px; color:#333;}
.book_size p span {font-size:16px; font-weight:600;}
.book_size dl {width:110px; text-align: center; margin:0 auto;}
.book_size dl dt, .book_size dl dd {display:inline-block; font-size:14px; line-height:25px;}
.book_size dl dd {color:#f04124}

.sec_box.books_07 {height:500px; padding:110px 0 !important; text-align:left !important; background:url(/sub_book_s8/category/book_category_sec7_bg.jpg?t=1) 50%/cover no-repeat;}
.w1200 {width:1200px; margin:0 auto;}
.books_07 h2 {font-size:30px; line-height:40px; color:#333;}
.books_07 p {margin-top:20px; font-size:18px; line-height:30px}
.books_07 button {width:250px !important; height:70px !important; margin-top:50px !important}
.sec_box.books_08 {padding:150px 0 0 0 !important;} 
.books_08 .delivery {display:flex; justify-content: space-between;}
.books_08 .delivery > li {position:relative; display: flex; width:575px; height:200px; padding:24px; border:1px solid #f0f0f0; box-sizing: border-box}
.books_08 .delivery > li > div {margin:15px 0 0 20px; text-align: left}
.books_08 .delivery > li > div p {font-size:20px; color:#333}
.books_08 .delivery > li > div h3 {margin-top:15px; font-size:30px; color:#333}
.books_08 .delivery > li > div h3 span {position:relative; font-family:"YoonGothicPro780";}
.books_08 .delivery > li > div h3 span::before {content:""; z-index:-1; position:absolute; bottom:2px; left:0; width:100%; height:8px; background:#efe2d4}
.books_08 .delivery > li:last-child > div h3 span::before {background:#d7f6f3}
.books_08 .delivery > li > div ul {margin-top:25px}
.books_08 .delivery > li > div ul li {margin-left:17px; line-height:24px; list-style: disc; font-size:14px;}
.books_08 .delivery > li > div > span {position:absolute; right:10px; bottom:10px; font-size:12px; color:#999}

/* pop */
.pop_box {}
.pop_box h1 {font-family:"YoonGothicPro740"; font-size:50px; line-height:50px; color:#262626}
.pop_box h2 {font-family:"YoonGothicPro720"; font-size:40px; line-height:50px; color:#262626}
.pop_box h3 {font-family:"YoonGothicPro760"; font-size:30px; color:#262626}
.pop_box p {font-size:18px; line-height:27px; color:#333; text-align: center;}

.pop1_01 {height:920px; padding-top:100px; text-align: center; background:url(/sub_book_s8/category/popup/book_pop1_img1.jpg?t=1) 50%/cover no-repeat; box-sizing: border-box}
.pop1_01 h2, .pop1_01 h3, .pop1_01 p {color:#fff;}

.pop1_02 {padding:150px 0; text-align:center}
.pop_list {display:flex; justify-content: space-between; width:1200px; margin:0 auto;}
.pop_list li img {width:380px; height:500px;}

.pop1_03 {height:820px; padding-top:140px; text-align: center; background:url(/sub_book_s8/category/popup/book_pop1_img3.jpg?t=1) 50%/cover no-repeat; box-sizing: border-box}
.pop1_03 h3 {font-family:"YoonGothicPro720";}

.pop1_04 {padding:150px 0 200px 0; text-align: center;}
.pop1_04 h3 {font-family:"YoonGothicPro720";}
.pop1_04 img {width:1200px; margin:70px auto;}

.pop_close_btn {position:fixed; left:50%; bottom:50px; margin-left:-30px; }
.pop_close_btn button {width:60px; height:53px; margin:0 auto; background:url(/sub_book_s8/category/popup/close_off.jpg?t=1) 50%/cover no-repeat; box-sizing: border-box; transition: .3s}
.pop_close_btn button:hover, .pop_close_btn button.active {background:url(/sub_book_s8/category/popup/close_on.jpg?t=1) 50%/cover no-repeat; box-sizing: border-box; transition: .3s; }

.pop2_01 {padding-top:150px; text-align:center}
.pop2_01 > h1 {font-family:"YoonGothicPro720";}
.pop2_01 > h1 span {font-family:"YoonGothicPro760";}
.pop2_01 > h3 {font-family:"YoonGothicPro740";}

.pop_box .sub_box {width:1200px; margin:0 auto; text-align:left;}
.pop_box .sub_box p {text-align:left;}
.pop_box .sub_box img {margin-top:50px}
.pop_box .sub_box h3 {margin-top:150px;}
.pop_box .sub_box h3 span {font-family:"YoonGothicPro720";}

.size_btns {margin-top:50px;}
.size_btns button {height:55px; padding:0 30px; margin:0 25px; font-family:"YoonGothicPro760"; font-size:18px; color:#333; border-radius: 30px; transition: .3s;  border: 1px solid #f3f3f3;}
.size_btns button:hover {color:#ffc73c; background:#222450; border-radius: 30px; transition: .3s;}

.books_09 {height:1200px; background:url(/sub_book_s8/category/book_category_sec9_bg2.jpg?t=3) bottom center no-repeat;}
.bg_none {background:none;}


/*포토북 : 한눈에보기 팝업*/
#container #cs_wrap #bookcompare .contents02 >div a {    margin-top: 15px;    position: absolute;    right: 200px;}
#container #cs_wrap #bookcompare .contents02 #quick_delivery_information, #container #cs_wrap #bookcompare .contents02 #quick_delivery_information1, #container #cs_wrap #bookcompare .contents02 #quick_delivery_information2, #container #cs_wrap #bookcompare .contents02 #quick_delivery_information3 {    left: 600px;    position: absolute; z-index: 999; }
#container #cs_wrap #bookcompare .contents04 .paper {display: flex; justify-content: space-between; padding-bottom: 30px !important;}
#container #cs_wrap #bookcompare .contents04 .paper li a {    display: flex;    flex-direction: column;}
#container #cs_wrap #bookcompare .contents04 .paper li a span { margin: 20px 0;    font-size: 14px;    font-weight: bold;    color: #000;}
#container #cs_wrap #bookcompare .contents12 ul {display: flex; justify-content: space-between;}
#container #cs_wrap #bookcompare .contents12 {padding-bottom: 200px;}