/* main slide */  
.main_visual{height: 417px;}
.main_visual img {vertical-align:top}
.main_visual .swiper-container {padding-top: 0;}
.main_visual .swiper-container{height: 417px;}

.main_visual .visual_01{background: #ffe7d1;}
.main_visual .visual_02{background: #5d5d5d;}
.main_visual .visual_03{background: #5962b7;}
  
.main_visual .swiper-button-prev{left: 50%; margin-left: -600px;}
.main_visual .swiper-button-next{right: 50%; margin-right: -600px;}  
.main_visual .swiper-button-prev:after{content:  ''; width: 20px; height:  20px;  border-top:  5px solid #000; border-right:  5px solid #000; transform:  rotate(225deg); }
.main_visual .swiper-button-next:after{ content:  ''; width:  20px; height: 20px; border-top:  5px solid #000; border-right:  5px solid #000; /* 선 굵기 */ transform:  rotate(45deg); }
.main_visual .swiper-container { width:  100%; height:  100%; }
.main_visual .swiper-slide { text-align:  center; font-size:  18px; background:  #fff; /* Center slide text vertically */ 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:  center; }

/* pop */
/*
.popup {position: absolute; top: 62px; left: 0; z-index: 2;}
.popup img{width: 100% !important;}
.daycheck {background:#333; text-align: right; color:#eee; font-size:13px; width: auto; height: 30px; margin-top: -10px; padding: 5px 10px;}
.daycheck li{display: inline-flex; align-items: center; padding: 0 2px; vertical-align: middle;}
.daycheck li span{padding:0 5px; color: #a2a2a2;}
.daycheck label{cursor: pointer;}
.daycheck input[type='checkbox']{width: 18px; height: 18px; margin-right: 5px; vertical-align: sub; accent-color: #00b5c0;}	
.daycheck a.closeX{font-size: 2rem;  cursor: pointer;  color: #fff; text-decoration: none; margin-top: -10px;}
.daycheck a.closeX:hover{color: #ccc;}     
*/

.divpop {position: absolute; z-index: 100;}
.divpop > div{position: relative;}
.divpop > div img{width: 100% !important;}

.popClose{position: absolute; top: 0; right: 0; background: #000; width: 30px; height: 30px; font-size: 30px; line-height: 20px; text-align: center; color: #fff; cursor: pointer;}       
.popClose *{color: #fff; cursor: pointer;}        
.popClose:hover,
.popClose:hover *{color: #ccc !important;}

.daycheck {background:#333; text-align: right; color: #eee; font-size: 13px; width: auto; height: 30px; margin-top: -10px; padding: 5px 10px;}
.daycheck li{display: inline-flex; align-items: center; padding: 0 2px; vertical-align: middle; cursor: pointer;}
.daycheck li span{padding:0 5px; color: #a2a2a2;}
.daycheck input[type='checkbox']{width: 18px; height: 18px; margin-right: 5px; vertical-align: sub; accent-color: #00b5c0;}	
.daycheck .close{font-size: 2rem;  cursor: pointer;  color: #fff; text-decoration: none; margin-top: -10px;}
.daycheck li:hover,
.daycheck .close:hover,
.todayClose:hover .close{color: #ccc;}

/* book */
.book-main {max-height: 795px; min-height: 50px; height: auto; padding-top: 30px;}
.book_list_main{width: 1154px; margin: 0 auto;}
.book_list_main .book{margin-left: -55px;}
.book{position: relative; overflow: hidden;}
.book > li {display: inline-block; width: 13.9%; padding: 20px 0 20px 62px;}  
.price > span {font-size: 13px; line-height: 20px;}
.book .bookimg{height: 235px; position: relative;}
.book .bookimg img{width: 100%; height: 100%; box-shadow: 0px 1px 6px 3px rgba(0,0,0,0.2);}
.book .cover{width: 100%; height: 100%; display: none; background: rgba(0,0,0,0.7); position: absolute; top: 0; left: 0; color: #fff; -webkit-animation: scale-in-ver-bottom .5s cubic-bezier(.25,.46,.45,.94) both; animation: scale-in-ver-bottom .3s cubic-bezier(.25,.46,.45,.94) both;}

.book li .info i:hover{font-weight: 500; text-decoration: underline;}
.book .bookimg:hover .cover{display: block;}
.book .bookimg:hover .cover_cont{visibility: visible; opacity: 1; transition: 0.7s; }
.book .cover_cont img{width: 18px; height: 18px; margin-left:  10px; box-shadow: none;}
.book .cover_cont{visibility: hidden; opacity: 0; transition: 0.2s; padding-top:  55%; width:  100%; position:  absolute; top:  0; left:  0; height:  100%; color:  #fff; z-index:  2;}
.book .cover_cont li{text-align: center;}
.book .info {padding-top: 25px; display: grid;}
.book .info > i{font-size: 15px; overflow: hidden; height: 37px; line-height: 19px; display: block;}
.book .info > em{font-size: 12px; color: #777; padding: 8px 0 5px; display: block;}

@-webkit-keyframes scale-in-ver-bottom{0%{-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 0 100%;transform-origin: 0 100%;opacity: 1}100%{-webkit-transform: scaleY(1);transform: scaleY(1);-webkit-transform-origin: 0 100%;transform-origin: 0 100%;opacity: 1}}@keyframes scale-in-ver-bottom{0%{-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 0 100%;transform-origin: 0 100%;opacity: 1}100%{-webkit-transform: scaleY(1);transform: scaleY(1);-webkit-transform-origin: 0 100%;transform-origin: 0 100%;opacity: 1}}

/* tab content */
.tab-book{overflow: hidden; text-align: center; padding-top: 70px; position: relative; border-bottom:  1px solid #333;}
.tab-book li{display: inline-block; text-align: center; padding: 7px 3px 15px; cursor: pointer; font-size: 17px; font-weight: 300; margin-left: 30px; color: #7a7a7a;}
.tab-book li:first-child{margin-left: 0;}
.tab-book li:hover{color: #000; font-weight: 500;}
.tab-book li.active{border-bottom: 3px solid #00b5c0; color: #000; font-weight: 500;}
.tab-book a:first-child li{margin-left:  0;}
.tab-book a li:active .tab-content{display: block;}
.tab-content{display: none;}
.tab-content.active{display: block;}

/* full banner */
.fullBanner{background: #000472;}
.fullBanner p{width: 1100px; height: 90px; margin: 0 auto;}

/* event banner */
.bnr_evt {padding: 40px 0; overflow: hidden;}
.bnr_evt li {float: left; margin-left: 20px;}
.bnr_evt li:first-child{margin-left: 0;}
.bnr_evt li img{border-radius: 5px;}

/* board */
.board {position:  relative;}
.board  >  ul {padding:  10px 5px 0;}
.board  >  ul  >  li {overflow:  hidden; padding:  5px;}
.board  >  ul  >  li  >  div {float:  left;}
.board  >  ul  >  li  >  div:first-child {width:  83%;}
.board  >  ul  >  li  >  div.data {width:  16%; text-align:  right; color:  #a9a9a9; font-size:  13px;}

.board.main{width: 350px; float: left; margin-left: 25px; font-size:  14px;}
.board.main h3{font-size: 18px; padding: 62px 0 10px; border-bottom: 1px solid #333;}
.board.main strong{color: #64c4c4; font-weight: 500; margin-right: 3px;}
.board.main:first-child{margin-left: 0;}
.board_wrap::after{content: ''; display: block; clear: both;}
.board.main div a:hover{border-bottom: 1px solid #333;}