/****************************************************************/
/*	 커스텀 이벤트 페이지 전용 CSS  							              */	
/****************************************************************/

.blind {position:absolute; top:-9999em;}

.event_wraping {padding:0;}
.event_heading {position:static !important; height:308px; padding-bottom:28px; background:url('../images/bg_head.png') repeat 0 0; background-size:8px auto; box-shadow:inset 0 -22px 0 0 #1b92ed, inset 0 -28px 0 0 #292929;}
.event_heading .inner {position:relative; width:320px; margin:0 auto; padding-top:45px;}
.event_heading .inner:before {content:''; position:absolute; top:157px; left:50%; width:444px; height:151px; margin-left:-222px; background:url('../images/bg_tit.png') no-repeat 0 0; background-size:444px auto;}
.event_heading .heading {overflow:hidden; width:281px; height:0; padding-top:54px; margin:0 auto; background:url('../images/tit.png') no-repeat 0 0; background-size:281px auto;}
.event_heading .sub_heading {padding:5px 0 6px; font-size:12px; text-align:center; color:#dadbdc; letter-spacing:-1px;}
.event_heading .sub_heading .txt1 {color:#82c3f6;}
.event_heading .sub_heading .txt2 {color:#f59b9f;}
.event_heading .sub_heading .txt3 {color:#f4cfa1;}
.event_heading .period {width:236px; margin:0 auto; padding:4px 0; border-radius:50px; font-size:12px; color:#384355; text-align:center; letter-spacing:-0.5px; background-color:rgba(211,218,230,.8);}

.event_heading .sns-share {position:absolute; top:9px; right:13px;}
.event_heading .sns-share li {float:left; margin-left:5px;}
.event_heading .sns-share li a {display:block; overflow:hidden; width:30px; height:0; padding-top:30px; background:url('../images/btns.png') repeat 0 0; background-size:79px auto;}
.event_heading .sns-share li a.facebook {background-position:0 0;}
.event_heading .sns-share li a.twiter {background-position:-30px 0;}
.event_heading .sns-share li a.kakao {background-position:0 -30px;}
.event_heading .sns-share li a.story {background-position:-30px -30px;}

.listwrap.cold {background-color:#1b92ed;}
.listwrap.hot {background-color:#eb565b;}
.listwrap .inner {width:320px; margin:0 auto; padding-bottom:12px;}
.listwrap .theme {text-align:center; height:85px; padding-top:13px;}
.prod_list {position:relative; padding-top:7px; margin-bottom:12px; background:url('../images/bg_listmid.png') repeat-y 0 0; background-size:320px auto;}
.prod_list:before {content:''; position:absolute; top:0; left:50%; width:320px; height:7px; margin-left:-160px; background:url('../images/bg_listtop.png') no-repeat 0 0; background-size:320px auto;}
.prod_list:after {content:''; position:absolute; bottom:-12px; left:50%; width:320px; height:12px; margin-left:-160px; background:url('../images/bg_listbtm.png') no-repeat 0 0; background-size:320px auto;}
.hot .prod_list {background-image:url('../images/bg_listmid2.png');}
.hot .prod_list:before {background-image:url('../images/bg_listtop2.png');}
.hot .prod_list:after {background-image:url('../images/bg_listbtm2.png');}
.prod_list li {padding:11px; margin:0 9px; border-bottom:1px solid #e9e9e9;}
.prod_list li:nth-child(even) {background-color:#f5f5f5;}
.prod_list li:last-child {border-bottom:0 none;}
.prod_list li .detail {}
.prod_list li .detail {overflow:hidden; margin-bottom:9px;}
.prod_list li .detail .thumb {float:left; width:113px;}
.prod_list li .detail .desc {margin-left:121px;}
.prod_list li .detail .day {display:inline-block; padding:5px 9px 3px; margin:1px 0 5px; border-radius:50px; line-height:1; font-size:18px; font-weight:bold; color:#fff; background-color:#1b92ed;}
.prod_list li .detail .day span {opacity:.7;}
.prod_list li .detail .tit {padding:0 0 2px; font-size:16px; color:#3f4447;}
.prod_list li .detail .desc {font-size:12px; color:#5c97c6;}
.prod_list li .btns {overflow:hidden;}
.prod_list li .btns a {float:left; height:36px; padding-top:9px; border:1px solid #6d6d6d; line-height:18px; text-align:center; background-color:#fff;}
.prod_list li .btns a:after {content:''; display:inline-block; width:18px; height:18px; margin-left:7px; background:url('../images/btns.png') repeat -60px 0; background-size:79px auto; vertical-align:middle;}
.prod_list li .btns a.view {width:113px; margin-right:8px;}
.prod_list li .btns a.other {width:159px;}
.hot .prod_list li .detail .day {background-color:#eb565b;}

.overview {padding:13px 0; background-color:#44494d;}
.overview .inner {overflow:hidden; width:320px; margin:0 auto;}
.overview .inner div {float:left; width:50%; padding:0 6px;}
.overview .inner a {display:block; height:35px; padding-top:8px; border:1px solid #0b3243; border-radius:3px; text-align:center; font-size:12px; color:#fff; letter-spacing:-1px; background:-moz-linear-gradient(90deg, rgba(10,155,222,1) 0%, rgba(14,167,227,1) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(14,167,227,1)), color-stop(100%, rgba(10,155,222,1))); background:-webkit-linear-gradient(90deg, rgba(10,155,222,1) 0%, rgba(14,167,227,1) 100%); background:-o-linear-gradient(90deg, rgba(10,155,222,1) 0%, rgba(14,167,227,1) 100%); background: -ms-linear-gradient(90deg, rgba(10,155,222,1) 0%, rgba(14,167,227,1) 100%); background:linear-gradient(0deg, rgba(10,155,222,1) 0%, rgba(14,167,227,1) 100%);}
.overview .inner a:after {content:''; display:inline-block; width:10px; height:14px; margin:0 0 0 5px; background:url('../images/btns.png') repeat -60px -29px; background-size:79px auto;}
.overview .inner a:after,
.overview .inner a span {vertical-align:middle;}

.books {overflow:hidden; padding:20px 0; background-color:#e0e2e8;}
.books .inner {position:relative; width:320px; margin:0 auto 10px; padding-top:5px; background:url('../images/bg_listmid3.png') repeat-y 0 0; background-size:320px auto;}
.books .inner:before {content:''; position:absolute; top:0; left:50%; width:320px; height:5px; margin-left:-160px; background:url('../images/bg_listtop3.png') no-repeat 0 0; background-size:320px auto;}
.books .inner:after {content:''; position:absolute; bottom:-10px; left:50%; width:320px; height:10px; margin-left:-160px; background:url('../images/bg_listbtm3.png') no-repeat 0 0; background-size:320px auto;}
.books .inner > div {padding:11px; margin:0 9px; border-bottom:1px solid #e9e9e9;}
.books .inner > div:nth-child(even) {background-color:#f5f5f5;}
.books .inner > div:last-child {border-bottom:0 none;}
.books .inner h1 {text-align:center;}

/* Swiper 커스텀 */
.listview.type-recommend li a .cover {padding-bottom:0; background-color:transparent;}
.listview.type-recommend li a .text-subject {overflow:hidden; margin:3px auto; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:14px; letter-spacing:-.5px; font-size:12px;}
.listview.type-recommend li a .text-author {letter-spacing:-1px; font-size:10px;}
.listview.type-recommend li a .cover .adult {position:absolute; top:23px; right:12px; width:16px; height:16px; background:url('../images/btns.png') repeat -63px -44px; background-size:79px auto;}
.books .swiper-button-prev,
.books .swiper-button-next {position:absolute; top:50%; overflow:hidden; width:20px; height:0; padding-top:30px; margin-top:-15px; background:url('/images/common/ui-v4.5.png') no-repeat 0 0; background-size:400px auto; z-index:10; transition:opacity 300ms linear; -webkit-transition:opacity 300ms linear; -moz-transition:opacity 300ms linear; -o-transition:opacity 300ms linear;}
.books .swiper-button-prev {left:-1px; background-position:-240px 0;}
.books .swiper-button-next {right:-1px; background-position:-260px 0;}