@charset"utf-8";

/* 게이지 */
.gaugeWrap{width:150px; height:275px; position:fixed; top:200px; right:50%; z-index:998; margin-right:-635px;}
.gaugeWrap button.level{width:140px; height:35px; background:#248ab2; border:none; border-radius:5px; font-family:"나눔"; font-size:14px; color:#ffffff; font-weight:bold; position:absolute; bottom:-30px; left:8px;}
.gaugeWrap button.level:hover{background:#17637b;}
.gaugeWrap p.gaugeBtn{width:32px; height:115px;}
.gaugeWrap .gaugeDetailWrap{width:155px; height:263px; background:url(/public_html/resource/images/library/gaugeBg.png) no-repeat;}
.gaugeWrap .gaugeDetailWrap a.close{position:absolute; top:65px; right:0;}
.gaugeWrap .gaugeDetailWrap .gauge{position:absolute; top:170px; left:22px;}
.gaugeWrap .gaugeDetailWrap .gauge .bg{width:103px; height:24px; background:url(/public_html/resource/images/library/gaugeBar.png) no-repeat; position:relative; margin-bottom:7px;}
.gaugeWrap .gaugeDetailWrap .gauge .bg p.state{position:absolute; top:-4px; right:-10px;}
.gaugeWrap .gaugeDetailWrap .gauge .bg p.txt{position:absolute; top:5px; left:5px; width:82px; text-align:center; font-weight:bold; z-index:9;}
.gaugeWrap .gaugeDetailWrap .gauge .bg p.per{position:absolute; top:5px; left:5px; width:82px; height:12px; z-index:8;}
.gaugeWrap .gaugeDetailWrap .gauge .level p.per{background:url(/public_html/resource/images/library/levelG.png) repeat-x;}
.gaugeWrap .gaugeDetailWrap .gauge .level p.ver_0{width:0px;}
.gaugeWrap .gaugeDetailWrap .gauge .level p.ver_1{width:5px;}
.gaugeWrap .gaugeDetailWrap .gauge .level p.ver_2{width:10px;}
.gaugeWrap .gaugeDetailWrap .gauge .level p.ver_3{width:15px;}
.gaugeWrap .gaugeDetailWrap .gauge .level p.ver_4{width:20px;}
.gaugeWrap .gaugeDetailWrap .gauge .level p.ver_5{width:25px;}
.gaugeWrap .gaugeDetailWrap .gauge .level p.ver_6{width:30px;}
.gaugeWrap .gaugeDetailWrap .gauge .level p.ver_7{width:35px;}
.gaugeWrap .gaugeDetailWrap .gauge .level p.ver_8{width:40px;}
.gaugeWrap .gaugeDetailWrap .gauge .level p.ver_9{width:45px;}
.gaugeWrap .gaugeDetailWrap .gauge .level p.ver_10{width:50px;}
.gaugeWrap .gaugeDetailWrap .gauge .level p.ver_11{width:52px;}
.gaugeWrap .gaugeDetailWrap .gauge .level p.ver_12{width:54px;}
.gaugeWrap .gaugeDetailWrap .gauge .level p.ver_13{width:56px;}
.gaugeWrap .gaugeDetailWrap .gauge .level p.ver_14{width:60px;}
.gaugeWrap .gaugeDetailWrap .gauge .level p.ver_15{width:62px;}
.gaugeWrap .gaugeDetailWrap .gauge .level p.ver_16{width:64px;}
.gaugeWrap .gaugeDetailWrap .gauge .level p.ver_17{width:66px;}
.gaugeWrap .gaugeDetailWrap .gauge .level p.ver_18{width:68px;}
.gaugeWrap .gaugeDetailWrap .gauge .level p.ver_19{width:70px;}
.gaugeWrap .gaugeDetailWrap .gauge .level p.ver_20{width:72px;}
.gaugeWrap .gaugeDetailWrap .gauge .coupon p.per{background:url(/public_html/resource/images/library/couponG.png) repeat-x;}
.gaugeWrap .gaugeDetailWrap .gauge .coupon p.ver_0{width:0px;}
.gaugeWrap .gaugeDetailWrap .gauge .coupon p.ver_1{width:7px;}
.gaugeWrap .gaugeDetailWrap .gauge .coupon p.ver_2{width:14px;}
.gaugeWrap .gaugeDetailWrap .gauge .coupon p.ver_3{width:21px;}
.gaugeWrap .gaugeDetailWrap .gauge .coupon p.ver_4{width:28px;}
.gaugeWrap .gaugeDetailWrap .gauge .coupon p.ver_5{width:35px;}
.gaugeWrap .gaugeDetailWrap .gauge .coupon p.ver_6{width:42px;}
.gaugeWrap .gaugeDetailWrap .gauge .coupon p.ver_7{width:49px;}
.gaugeWrap .gaugeDetailWrap .gauge .coupon p.ver_8{width:56px;}
.gaugeWrap .gaugeDetailWrap .gauge .coupon p.ver_9{width:63px;}
.gaugeWrap .gaugeDetailWrap .gauge .mileage p.per{background:url(/public_html/resource/images/library/mileageG.png) repeat-x;}
.gaugeWrap .gaugeDetailWrap .gauge .mileage p.ver_0{width:0px;}
.gaugeWrap .gaugeDetailWrap .gauge .mileage p.ver_1{width:7px;}
.gaugeWrap .gaugeDetailWrap .gauge .mileage p.ver_2{width:14px;}
.gaugeWrap .gaugeDetailWrap .gauge .mileage p.ver_3{width:21px;}
.gaugeWrap .gaugeDetailWrap .gauge .mileage p.ver_4{width:28px;}
.gaugeWrap .gaugeDetailWrap .gauge .mileage p.ver_5{width:35px;}
.gaugeWrap .gaugeDetailWrap .gauge .mileage p.ver_6{width:42px;}
.gaugeWrap .gaugeDetailWrap .gauge .mileage p.ver_7{width:49px;}
.gaugeWrap .gaugeDetailWrap .gauge .mileage p.ver_8{width:56px;}
.gaugeWrap .gaugeDetailWrap .gauge .mileage p.ver_9{width:63px;}

/* 퀵메뉴 김영훈추가 */
.quickWrap{position:absolute; top:263px;}
.quickBg{background:url(/public_html/resource/images/library/quickBg.png) repeat-y;}
.quickBg ul{}
.quickBg ul li{width:126px; height:21px; margin-left:14px; text-align:center; line-height:18px; font-size:13px;}
.quickBg ul li a{display:block;}
.quickBg ul li a:hover{color:#0088bd; background:#d9edf5;}
.quickBg ul li .on{color:#0088bd; background:#d9edf5;}

.libTopWrap{width:100%; min-width:1200px; background:url(/public_html/resource/images/library/libTopBg.png) repeat-x; height:92px; position:relative;}
.libTopWrap h1{width:198px; height:106px; margin:0 auto; padding-top:6px;}
.libTopWrap ul.topmenu{position:absolute; top:0; right:10px;border-left:1px solid #e3e3e6;}
.libTopWrap ul.topmenu li{float:left; display:block; height:12px; padding:14px 7px; border-right:1px solid #e3e3e6; /*border-left:1px solid #ffffff;*/ position:relative;}
.libTopWrap ul.topmenu li:first-child{border-left:1px solid #fff;}
.libTopWrap ul.topmenu li.level{width:90px; position:relative;}
.libTopWrap ul.topmenu li.first{border-left:none;}
.libTopWrap ul.topmenu li span.gauge{display:inline-block; width:52px; height:12px; background:url(/public_html/resource/images/library/gauge.png) no-repeat; position:absolute; top:13px;}
.libTopWrap ul.topmenu li span.lv1{background-position:top left;}
.libTopWrap ul.topmenu li span.lv2{background-position:-12px left;}
.libTopWrap ul.topmenu li span.lv3{background-position:-24px left;}
.libTopWrap ul.topmenu li span.lv4{background-position:-36px left;}
.libTopWrap ul.topmenu li span.lv5{background-position:-48px left;}
.libTopWrap ul.topmenu li span.lv6{background-position:-60px left;}
.libTopWrap ul.topmenu li span.lv7{background-position:-72px left;}
.libTopWrap ul.topmenu li span.lv8{background-position:-84px left;}
.libTopWrap ul.topmenu li span.lv9{background-position:-96px left;}
.libTopWrap ul.topmenu li span.lv10{background-position:-108px left;}
.libTopWrap ul.topmenu li span.lv11{background-position:-120px left;}
.libTopWrap ul.topmenu li span.lv12{background-position:-132px left;}
.libTopWrap ul.topmenu li span.lv13{background-position:-144px left;}
.libTopWrap ul.topmenu li span.lv14{background-position:-156px left;}
.libTopWrap ul.topmenu li span.lv15{background-position:-168px left;}
.libTopWrap ul.topmenu li span.lv16{background-position:-180px left;}
.libTopWrap ul.topmenu li span.lv17{background-position:-192px left;}
.libTopWrap ul.topmenu li span.lv18{background-position:-204px left;}
.libTopWrap ul.topmenu li span.lv19{background-position:-216px left;}
.libTopWrap ul.topmenu li span.lv20{background-position:-228px left;}
.libTopWrap ul.topmenu li.ad{padding:5px 7px; border:none;}
.libTopWrap ul.topmenu li a{font-family:Klavika,"돋움",Dotum,sans-serif; font-size:12px; color:#7a7a7a;}
.libTopWrap ul.topmenu li a span.arrow{background:url(/public_html/resource/images/library/icon.png) no-repeat; background-position:0 -1px; *background-position:0 0; display:inline-block; width:6px; height:9px;}
.libTopWrap ul.topmenu li.on{background:#248ab2;}
.libTopWrap ul.topmenu li.on a{color:#ffffff;}
.libTopWrap ul.topmenu li.on a span.arrow{background:url(/public_html/resource/images/library/icon.png) no-repeat; background-position:0 -10px; *background-position:0 0; display:inline-block; width:6px; height:9px;}

/*
.libTopWrap .portraitInfo{background:url(/public_html/resource/images/library/portrait_1.png) no-repeat; width:200px; height:44px; background-position:top right; text-align:right; padding-right:50px; position:absolute; top:44px; right:20px;}
.libTopWrap .portraitInfo p{font-weight:bold; line-height:20px; color:#1a6481; margin-top:12px;}
.libTopWrap .portraitInfo p span{color:#ffffff; padding:0 5px;}
*/
.libTopWrap .portraitInfo{height:44px; position:absolute; top:44px; right:0;}
.libTopWrap .portraitInfo p{font-weight:bold; line-height:20px; color:#1a6481; margin-top:12px; float:left; text-align:right;}
/*.libTopWrap .portraitInfo p span{color:#ffffff; padding:0 5px;}*/
/*몇글자 이상시 ... 처리*/
.libTopWrap .portraitInfo p span{color:#ffffff; padding:0 5px; display:block; width:65px; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* 알림 추가 */
.libTopWrap .portraitInfo p.alrim{margin:0 0 0 5px;}
.libTopWrap .portraitInfo p.alrim a{background:url(/public_html/resource/images/library/alarm.gif) no-repeat; width:44px; height:44px; display:block;}
.libTopWrap .portraitInfo p.alrim a:hover{background-position:left -44px;}
.libTopWrap .portraitInfo p.alrim a:active{background-position:left -88px;}
.libTopWrap .portraitInfo p.alrim a.active{background-position:left -88px;}
.libTopWrap .portraitInfo p.alrim a span{visibility:hidden;}
.libTopWrap .portraitInfo .alrimWrap{width:748px; background:#ffffff; border:1px solid #c7c8ca; border-radius:5px; position:absolute; top:65px; right:5px; z-index:999; padding:20px 30px;}
.libTopWrap .portraitInfo .alrimWrap .picker{position:absolute; top:-23px; right:10px;}
.libTopWrap .portraitInfo .alrimWrap .closeLayer{position:absolute; top:10px; right:10px;}
.libTopWrap .portraitInfo .alrimWrap h2{font:bold 22px/1 "나눔"; color:#414042;}
.libTopWrap .portraitInfo .alrimWrap .alrimList{height:500px; overflow-y:auto;}
.libTopWrap .portraitInfo .alrimWrap table{border-top:1px solid #ededee;}
.libTopWrap .portraitInfo .alrimWrap table tbody td{font-size:11px; color:#939598; line-height:18px; padding:10px; border-bottom:1px solid #ededee;}
.libTopWrap .portraitInfo .alrimWrap table tbody tr.new td{background:#f0f4f8;}
.libTopWrap .portraitInfo .alrimWrap table tbody td a:hover{text-decoration:underline;}

/* 메모 추가 */
.libTopWrap .portraitInfo p.messagealrim{margin:0 0 0 5px; position: relative;}
.libTopWrap .portraitInfo p.messagealrim .newMessage{display:inline-block; background:#f00; position:absolute; top:-2px; left:28px; padding:2px 5px 1px 5px; font-weight:bold; color:#ffffff; border-radius:10px; line-height: 20px;}
.libTopWrap .portraitInfo p.messagealrim a{background:url(/public_html/resource/images/library/alarm-message.gif) no-repeat; width:44px; height:44px; display:block;}
.libTopWrap .portraitInfo p.messagealrim a:hover{background-position:left -44px;}
.libTopWrap .portraitInfo p.messagealrim a:active{ background-position:left -88px;}
.libTopWrap .portraitInfo p.messagealrim a.active{background-position:left -88px;}
.libTopWrap .portraitInfo p.messagealrim a span{visibility:hidden;}
.libTopWrap .portraitInfo .messagealrimWrap{width:748px; background:#ffffff; border:1px solid #c7c8ca; border-radius:5px; position:absolute; top:65px; right:5px; z-index:999; padding:20px 30px;}
.libTopWrap .portraitInfo .messagealrimWrap .picker{position:absolute; top:-23px; right:55px;}
.libTopWrap .portraitInfo .messagealrimWrap .closeLayer{position:absolute; top:10px; right:10px;}
.libTopWrap .portraitInfo .messagealrimWrap .messageLayer{overflow-y:auto;}
.libTopWrap .portraitInfo .messagealrimWrap .messageLayer h2{font:bold 22px/1 "나눔"; color:#414042;}
.libTopWrap .portraitInfo .messagealrimWrap .messageLayer p{font:13px/1 "나눔"; color:#414042; line-height: 20px;}

.libTopWrap .libSubTop{width:1000px; height:92px; position:relative; margin:0 auto;}
.libTopWrap .libSubTop h1{padding-top:3px;}
.libTopWrap .libSubTop h2{padding-top:30px;}
.libTopWrap .libSubTop ul.subNavi{position:absolute; top:56px; left:160px;}
.libTopWrap .libSubTop ul.subNavi li {float:left;}
.libTopWrap .libSubTop ul.subNavi .menuType1{float:left; width: 100%;text-align: center; margin: -7px 0 0 0;}
.libTopWrap .libSubTop ul.subNavi .menuType2{float:left; width: 50%; text-align: center; margin: -7px 0 0 0;}
.libTopWrap .libSubTop ul.subNavi .menuType3{float:left; width: 33.33333333333333%; text-align: center; margin: -7px 0 0 0;}
.libTopWrap .libSubTop ul.subNavi .menuType4 {float: left; margin: -7px 0 0 0; width: 25%; text-align: center; display: table;}
.libTopWrap .libSubTop ul.subNavi .menuType4 a {display: table-cell; height: 34px;}
.libTopWrap .libSubTop ul.subNavi li a{font-family:Klavika,"돋움",Dotum,sans-serif; font-size:16px; color:#ffffff;}
.libTopWrap .libSubTop ul.subNavi li a:hover, .libTopWrap .libSubTop ul.subNavi li a.on{color:#ffe850;}

.findInfoWrap{text-align:center; width:100%;}
.findInfoWrap h4{text-align:center; font-size:26px; padding:60px 0 40px 0;}

.contentsWrap .contents{width:1000px; min-height:550px; background:url(/public_html/resource/images/library/libBg.png) no-repeat; background-position:bottom; margin:0 auto;}
.contentsWrap .contents h3{color:#248ab2; width:400px; border-bottom:1px solid #e1e1e1; margin:0 auto; font-size:50px; text-align:center; font-family:'Klavika'; padding:20px 0;}

/* intro page */
/* .contentsWrap{width:100%;}
.contentsWrap .introWrap{width:960px; min-height:640px; position:relative; margin:0 auto;}
.contentsWrap .introWrap .readingWrap{width:310px; position:absolute;}
.contentsWrap .introWrap .coreReading{top:-18px; left:0;}
.contentsWrap .introWrap .intensiveReading{top:-18px; left:325px;}
.contentsWrap .introWrap .extensiveReading{top:-18px; right:0;}
.contentsWrap .introWrap .readingWrap h2{text-align:center; margin-bottom:22px;}
.contentsWrap .introWrap .readingWrap h2 a{text-align:center; font-family:Klavika,"돋움",Dotum,sans-serif; font-size:20px; color:#58595b;}
.contentsWrap .introWrap .readingWrap h2 span{display:block; width:116px; height:77px; margin:0 auto; position:relative;}
.contentsWrap .introWrap .readingWrap h2 span img{position:relative;}
.contentsWrap .introWrap .readingWrap h2 a:hover > span img{top:-2px;}
.contentsWrap .introWrap .readingWrap .readingContents{padding:14px 19px; border-radius:5px;}
.contentsWrap .introWrap .readingWrap .core{background:#fff8dd; border:1px solid #f7edc5;}
.contentsWrap .introWrap .readingWrap .intensive{background:#ffeadd; border:1px solid #ffe0cd;}
.contentsWrap .introWrap .readingWrap .extensive{padding:14px 10px; background:#ffe8f5; border:1px solid #ffdef1;}
.contentsWrap .introWrap .readingWrap .readingContents .state{position:relative; height:21px; margin-bottom:12px;}
.state p{position:absolute; top:5px; font-weight:bold;}
.state button{position:absolute; top:0; right:0; font-weight:bold; background:none; border-radius:20px;}
.contentsWrap .introWrap .readingWrap .core .state p{color:#8e7000;}
.contentsWrap .introWrap .readingWrap .core .state button{border:2px solid #ffcd2b; color:#8e7000;}
.contentsWrap .introWrap .readingWrap .core .state button span{color:#ffcd2b;}
.contentsWrap .introWrap .readingWrap .intensive .state p{color:#8e4300;}
.contentsWrap .introWrap .readingWrap .intensive .state button{border:2px solid #ff8f37; color:#8e4300;}
.contentsWrap .introWrap .readingWrap .intensive .state button span{color:#ff8f37;}
.contentsWrap .introWrap .readingWrap .extensive .state p{color:#a8005f;}
.contentsWrap .introWrap .readingWrap .extensive .state button{border:2px solid #ff3593; color:#a8005f;}
.contentsWrap .introWrap .readingWrap .extensive .state button span{color:#ff3593;} */

.contentsWrap{width:100%;}
.contentsWrap .introWrap{width:960px; min-height:640px; border-top:1px solid #e1e1e1; position:relative; margin:0 auto;}
.contentsWrap .introWrap .readingWrap{width:310px; position:absolute;}
.contentsWrap .introWrap .coreReading{top:-18px; left:0;}
.contentsWrap .introWrap .intensiveReading{top:-18px; left:325px;}
.contentsWrap .introWrap .extensiveReading{top:-18px; right:0;}
.contentsWrap .introWrap .readingWrap h2{text-align:center; margin-bottom:22px;}
.contentsWrap .introWrap .readingWrap h2 a{text-align:center; font-family:Klavika,"돋움",Dotum,sans-serif; font-size:20px; color:#58595b;line-height:1.3em}
.contentsWrap .introWrap .readingWrap h2 span.txt{text-align:center; font-family:"나눔",Dotum,sans-serif; font-size:14px; color:#939598;}
.contentsWrap .introWrap .readingWrap h2 span{display:block; margin-bottom:10px;}
.contentsWrap .introWrap .readingWrap .readingContents{padding:14px 19px; border-radius:5px;}
.contentsWrap .introWrap .readingWrap .core{background:#fff8dd; border:1px solid #f7edc5;}
.contentsWrap .introWrap .readingWrap .intensive{background:#ffeadd; border:1px solid #ffe0cd;}
.contentsWrap .introWrap .readingWrap .extensive{padding:14px 10px; background:#ffe8f5; border:1px solid #ffdef1;}
.contentsWrap .introWrap .readingWrap .readingContents .state{position:relative; height:21px; margin-bottom:12px;}
.state p{position:absolute; top:5px; font-weight:bold;}
.state button{position:absolute; top:0; right:0; font-weight:bold; background:none; border-radius:20px;}
.contentsWrap .introWrap .readingWrap .core .state p{color:#8e7000;}
.contentsWrap .introWrap .readingWrap .core .state button{border:2px solid #ffcd2b; color:#8e7000;}
.contentsWrap .introWrap .readingWrap .core .state button span{color:#ffcd2b;}
.contentsWrap .introWrap .readingWrap .intensive .state p{color:#8e4300;}
.contentsWrap .introWrap .readingWrap .intensive .state button{border:2px solid #ff8f37; color:#8e4300;}
.contentsWrap .introWrap .readingWrap .intensive .state button span{color:#ff8f37;}
.contentsWrap .introWrap .readingWrap .extensive .state p{color:#a8005f;}
.contentsWrap .introWrap .readingWrap .extensive .state button{border:2px solid #ff3593; color:#a8005f;}
.contentsWrap .introWrap .readingWrap .extensive .state button span{color:#ff3593;}

/* intro sub page */
.contentsWrap1{width:100%;}
.contentsWrap1 .libSubWrap1{width:960px; min-height:210px; margin:0 auto;}
.contentsWrap1 .libSubWrap1 .readingWrap1{position:relative;}
.contentsWrap1 .libSubWrap1 .readingWrap1 h2{font-family:Klavika,"돋움",Dotum,sans-serif; font-size:24px; color:#414042; margin-bottom:3px; position:relative;}
.contentsWrap1 .libSubWrap1 .readingWrap1 h2 span.bullet1{background:url(/public_html/resource/images/library/sub/bullet.png) no-repeat; display:inline-block; width:15px; height:15px; *padding-right:5px;}
.contentsWrap1 .libSubWrap1 .readingWrap1 h2 span{font-family:"나눔",Dotum,sans-serif; font-size:13px; font-weight:normal}
.contentsWrap1 .libSubWrap1 .readingWrap1 h2 span.ver4{background-position:0 -45px;}

/* intro sub page2 */
.contentsWrap{width:100%;}
.contentsWrap .libSubWrap{width:960px; margin:0 auto;}
.contentsWrap .libSubWrap .readingWrap{position:relative;}
.contentsWrap .libSubWrap .coreReading{}
.contentsWrap .libSubWrap .readingWrap h2{font-family:Klavika,"돋움",Dotum,sans-serif; font-size:24px; color:#414042; margin-bottom:3px; position:relative;letter-spacing: -0.75px;}
.contentsWrap .libSubWrap .readingWrap h2 span.bullet{background:url(/public_html/resource/images/library/sub/bullet.png) no-repeat; display:inline-block; width:15px; height:15px; *padding-right:5px;}
.contentsWrap .libSubWrap .readingWrap h2 span{font-family:"나눔",Dotum,sans-serif; font-size:13px; font-weight:normal;letter-spacing: -0.25px;}
.contentsWrap .libSubWrap .readingWrap h2 span.ver1{background-position:left top;}
.contentsWrap .libSubWrap .readingWrap h2 span.ver2{background-position:0 -15px;}
.contentsWrap .libSubWrap .readingWrap h2 span.ver3{background-position:0 -30px;}
.contentsWrap .libSubWrap .readingWrap h2 span.ver4{background-position:0 -45px;}
.contentsWrap .libSubWrap .readingWrap h2 span.ver5{background-position:0 -75px;}
.contentsWrap .libSubWrap .readingWrap h2 span.level{background:url(/public_html/resource/images/library/sub/levelBg_big.png) no-repeat; display:inline-block; width:26px; text-align:center; height:14px; padding:9px 0 8px 0; color:#ffffff; position:absolute; top:-3px;}
.contentsWrap .libSubWrap .readingWrap h2 span.Lv_ver1{background-position:left top;}
.contentsWrap .libSubWrap .readingWrap h2 span.Lv_ver2{background-position:left -31px;}
.contentsWrap .libSubWrap .readingWrap h2 span.Lv_ver3{background-position:left -62px;}
.contentsWrap .libSubWrap .readingWrap h2 span.Lv_ver4{background-position:left -93px;}
.contentsWrap .libSubWrap .readingWrap h2 span.Lv_ver5{background-position:left -124px;}
.contentsWrap .libSubWrap .readingWrap h2 span.Lv_ver6{background-position:left bottom;}
.contentsWrap .libSubWrap .readingWrap .readingContents{padding:29px 29px 19px 29px; border-radius:5px;}
.contentsWrap .libSubWrap .readingWrap .core{background:#fff8dd; border:1px solid #f7edc5; margin-top:10px;}/*191106 수정 정은지*/
.contentsWrap .libSubWrap .readingWrap .intensive{background:#ffeadd; border:1px solid #ffe0cd; margin-top:10px;}/*191106 수정 정은지*/
.contentsWrap .libSubWrap .readingWrap .extensive{background:#ffe8f5; border:1px solid #ffdef1; margin-top:10px;}/*191106 수정 정은지*/
.contentsWrap .libSubWrap .readingWrap .myBook{background:#e9f3f7; border:1px solid #beeafb;}
.contentsWrap .libSubWrap .readingWrap .recommended{background:#eef7e5; border:1px solid #c4ec99;}

.titleWrap1{position:relative; height:24px;}
.titleWrap1 span.txt1{font-family:"나눔",Dotum,sans-serif; font-size:13px; color:#939598;}
.titleWrap1 .locate1{display:block; height:12px; position:absolute; top:0; right:0; font-size:12px;}
.titleWrap1 .locate1 img{vertical-align:top;}
.titleWrap1 .locate1 a{padding:0 10px 0 5px; background:url(/public_html/resource/images/sub/arrow.png) no-repeat right 5px; color:#a7a9ac;}


.titleWrap{position:relative; height:20px;}
.titleWrap span.txt{font-family:"나눔",Dotum,sans-serif; font-size:13px; color:#939598;}
.titleWrap .locate{display:block; height:12px; position:absolute; top:0; right:0; font-size:12px;}
.titleWrap .locate img{vertical-align:top;}
.titleWrap .locate a{padding:0 10px 0 5px; background:url(/public_html/resource/images/sub/arrow.png) no-repeat right 5px; color:#a7a9ac;}

.contentsWrap .libSubWrap .coreReading ul.bookList li.list{margin-bottom:10px; padding:7px; border-radius:5px;}
.contentsWrap .libSubWrap .intensiveReading ul.bookList li.list{margin-bottom:10px; padding:7px; border-radius:5px;}
.contentsWrap .libSubWrap .recommendedReading ul.bookList li.list{margin-bottom:10px; padding:7px; border-radius:5px;}
.contentsWrap .libSubWrap .extensiveReading ul.bookList li.list{margin-bottom:10px; }
.contentsWrap .libSubWrap .myBookWrap ul.bookList li.list{margin-bottom:10px; padding:7px; border-radius:5px;}
.contentsWrap .libSubWrap .storybookWrap_blue ul.bookList li.list{margin-bottom:10px; padding:15px 7px 7px 7px; border-radius:5px;}
.contentsWrap .libSubWrap .storybookWrap_purple ul.bookList li.list{margin-bottom:10px; padding:15px 7px 7px 7px; border-radius:5px;}
.contentsWrap .libSubWrap .coreReading ul.bookList li.on, .contentsWrap .libSubWrap .coreReading ul.bookList li.list:hover{background:#f6e5a6;}
.contentsWrap .libSubWrap .intensiveReading ul.bookList li.on, .contentsWrap .libSubWrap .intensiveReading ul.bookList li.list:hover{background:#f7ccb2;}
.contentsWrap .libSubWrap .recommendedReading ul.bookList li.on, .contentsWrap .libSubWrap .recommendedReading ul.bookList li.list:hover{background:#c0dfa5;}

.contentsWrap .libSubWrap .myBookWrap ul.bookList li.on, .contentsWrap .libSubWrap .myBookWrap ul.bookList li.list:hover{background:#cce5ee;}
.contentsWrap .libSubWrap .storybookWrap_blue ul.bookList li.on, .contentsWrap .libSubWrap .storybookWrap_blue ul.bookList li.list:hover{background:#b8d3ff;}
.contentsWrap .libSubWrap .storybookWrap_purple ul.bookList li.on, .contentsWrap .libSubWrap .storybookWrap_purple ul.bookList li.list:hover{background:#dcc0ff;}

ul.bookList li.list{display:block; float:left;}
ul.bookList li.first{margin-right:26px;}
ul.bookList li.first2{margin-right:58px;}
ul.bookList li.first3{margin-right:16px;}
ul.bookList li.first4{margin-right:54px;}
ul.bookList li.first5{margin-right:25px;}
ul.bookList li.first6{margin-right:7px;}
ul.bookList li.first7{margin-right:40px;}
ul.bookList li.first8{margin-right:4px;}
ul.bookList li .thumbBook{position:relative; width:122px; height:232px; margin-bottom:6px; text-align:center;}
ul.bookList li .thumbBook p.cover{width:6px; height:160px; position:absolute; top:0; left:0; z-index:1;}/* cover 추가 15/03/12 김영훈 */
ul.bookList li .thumbBook *{margin-bottom:5px;cursor: pointer;}
ul.bookList li .thumbBook > a img{width:120px;height:160px;}
ul.bookList li .thumbBook p.picker{position:absolute; top:0; right:0; margin-right: 2px;}
ul.bookList li .thumbBook p.label{position:absolute; top:-1px; right:-1px;}
ul.bookList li .thumbBook p.label span{
  position: absolute;
  top: 6px;
  left: 21px;
  font-weight: bold;
  color: #000;
  letter-spacing: -1px;
}
ul.bookList li .thumbBook img.bookLine{border-right:2px solid #cecece; border-bottom:2px solid #cecece;}/* border 추가 15/03/12 김영훈 */
ul.bookList li .thumbBook p.level{background:url(/public_html/resource/images/library/intro/levelBg.png); width:20px; height:18px; font-weight:bold; color:#ffffff; text-align:center; padding-top:6px; float:left; margin-right:7px;}
ul.bookList li .thumbBook p.ver1{background-position:top left;}
ul.bookList li .thumbBook p.ver2{background-position:left -24px;}
ul.bookList li .thumbBook p.ver3{background-position:left -48px;}
ul.bookList li .thumbBook p.ver4{background-position:left -72px;}
ul.bookList li .thumbBook p.ver5{background-position:left -96px;}
ul.bookList li .thumbBook p.ver6{background-position:left -120px;}
ul.bookList li .thumbBook p.ver7{background-position:left -144px;}
ul.bookList li .thumbBook p.ver8{background-position:left bottom;}
ul.bookList li .thumbBook ul{margin-top:2px;}
ul.bookList li .thumbBook p.titleTxt{clear:both; width:122px; text-align:center; font-weight:bold; font-size:13px; margin-bottom: 10px;}
ul.bookList li .thumbBook .exThumb *{margin-bottom:2px;}
ul.bookList li .thumbBook .exThumb > img{width:58px;height:80px;}
.contentsWrap .introWrap .coreReading ul.bookList li .on, .contentsWrap .introWrap .coreReading ul.bookList li .thumbBook:hover{background:#f6e5a6;}
.contentsWrap .introWrap .intensiveReading ul.bookList li .on, .contentsWrap .introWrap .intensiveReading ul.bookList li .thumbBook:hover{background:#f7ccb2;}
.contentsWrap .introWrap .extensiveReading ul.bookList li .on, .contentsWrap .introWrap .extensiveReading ul.bookList li .thumbBook:hover{background:#f9cce6;}

.contentsWrap .readingWrap .extensive ul.bookList li .thumbBook{position:relative; width:124px; height:212px; margin:0 8px 24px 8px;}
.contentsWrap .readingWrap .extensive ul.bookList li .thumbBook p.cover{width:6px; height:192px; position:absolute; top:0; left:0; z-index:1;margin-left: 9px;}
.contentsWrap .readingWrap .extensive ul.bookList li .thumbBook > p.cover img{padding:5px 10px 0px 0px;width:6px; height:160px;}
.contentsWrap .readingWrap .extensive ul.bookList li .thumbBook > p img{padding:5px 10px 0px 0px;width:120px;}
.contentsWrap .readingWrap .extensive ul.bookList li .thumbBook p.titleTxt{position:absolute; bottom:0; left:0; text-align:center; width:124px; margin-bottom: 10px;}

.contentsWrap .libSubWrap .extensive ul.bookList li .thumbBook{position:relative; width:130px; height:230px; text-align:center; border-radius:5px; padding:5px;}
.contentsWrap .libSubWrap .extensive ul.bookList li .on, .contentsWrap .libSubWrap .extensive ul.bookList li .thumbBook:hover{background:#f9cce6;} 
.contentsWrap .libSubWrap .extensive ul.bookList li .thumbBook p.titleTxt{position:absolute; bottom:0; left:0; text-align:center; width:140px;}

.contentsWrap .commendBookWrap{padding:20px 0; background:#e6e7e8; width:100%; min-width:1000px;}
.contentsWrap .commendBookWrap .commendBook{background:#ffffff; border-radius:5px; padding:50px 90px 30px 90px; width:782px; margin:0 auto; position:relative;}
.contentsWrap .commendBookWrap .commendBook ul.btn{text-align:center; position:absolute; top:-20px; left:268px;}
.contentsWrap .commendBookWrap .commendBook ul.btn li{display:inline; margin-right:1px; position:relative;}
.contentsWrap .commendBookWrap .commendBook ul.btn li button{width:140px; height:40px; background:#248ab2; border:none; border-radius:0 0 5px 5px; font-family:"나눔"; font-size:14px; color:#ffffff; font-weight:bold;}
.contentsWrap .commendBookWrap .commendBook ul.btn li button span{display:inline-block; padding:0 5px;color:#fef25e;}
.contentsWrap .commendBookWrap .commendBook ul.btn li button.on, .contentsWrap .commendBookWrap .commendBook ul.btn li button:hover{background:#17637b;}
.contentsWrap .commendBookWrap .commendBook ul.bookList{height:240px;overflow:hidden;}
.contentsWrap .commendBookWrap .commendBook ul.bookList li .thumbBook{position:relative; text-align:center; border-radius:5px; padding:1.2px;}
.contentsWrap .commendBookWrap .commendBook ul.bookList li .thumbBook a > img{width:120px;height:160px;}
.contentsWrap .commendBookWrap .commendBook ul.bookList li .thumbBook p.picker{position:absolute; top:0; right:0; margin-right: 3px;}
.contentsWrap .commendBookWrap .commendBook .arrowWrap{position:absolute; top:120px; left:30px; width:890px;}
.contentsWrap .commendBookWrap .commendBook .arrowWrap a{background:url(/public_html/resource/images/library/intro/arrow.png) no-repeat; width:26px; height:40px; display:block;}
.contentsWrap .commendBookWrap .commendBook .arrowWrap a.prev{background-position:top left; float:left;}
.contentsWrap .commendBookWrap .commendBook .arrowWrap a.prev:hover{background-position:bottom left;}
.contentsWrap .commendBookWrap .commendBook .arrowWrap a.next{background-position:top right; float:right;}
.contentsWrap .commendBookWrap .commendBook .arrowWrap a.next:hover{background-position:bottom right;}
.contentsWrap .commendBookWrap .commendBook .arrowWrap a span{visibility:hidden; width:0; height:0;}
.contentsWrap .commendBookWrap .commendBook .arrowWrap span{position:relative; top:10px; font-size: 20px;font: bold;color: #248ab2;}

.contentsWrap .commendBookWrap .commendBook ul.bookList li .on, .contentsWrap .commendBookWrap .commendBook ul.bookList li .thumbBook:hover{background:#f9cce6;}

.libFooterWrap{width:100%;border-top: 1px solid #eeeeee;}
.libFooterWrap .libFooter{width:1000px; position:relative; margin:0 auto;}
.libFooterWrap .libFooter .copyrightWrap{padding:20px 0 20px 20px;}

.libFooterWrap .libFooter .copyrightWrap *{font-family:"돋움", Dotum, sans-serif; color:#58595b; line-height:14px;}
.libFooterWrap .libFooter .copyrightWrap ul li{display:block; float:left; margin-right:10px; padding-right:10px; border-right:1px solid #58595b;}
.libFooterWrap .libFooter .footerLogo{position:absolute; top:25px; right:10px;}

/* common */
ul.star li{display:block; float:left; margin-right:4px;}
/* ul.star li img{width:15px;height:16px;} */
span.alert{display:inline-block; background:#f00; position:absolute; top:-23px; left:0; padding:3px 5px; font-weight:bold; color:#ffffff; border-radius:10px;}
span.alert2{display:inline-block; background:#f00; position:absolute; top:-10px; right:0; padding:2px 5px 1px 5px; font-weight:bold; color:#ffffff; border-radius:10px;}

/* seachWrap */
.searchWrap{padding:10px 12px; background:#f2f2f2; border-radius:5px;}
.searchWrap .left_opt button{margin:0; background:#ffffff; border:1px solid #d2d3d4; float:left; width:150px; padding:12px 0; font-size:14px; margin-right:-1px; color:#939598; font-family:나눔,"돋움",Dotum,sans-serif; letter-spacing:0px; font-weight: bold; line-height: 1.3em;}
.searchWrap .left_opt button:hover{background:#31439a; color:#ffffff; border:1px solid #31439a; font-weight:bold;}
.searchWrap .left_opt button.on{background:#31439a; color:#ffffff; font-weight:bold; border:1px solid #31439a; line-height: 1.3em;}
.searchWrap .left_opt .leftBtn{border-radius:3px 0 0 3px;}
.searchWrap .left_opt .rightBtn{border-radius:0 3px 3px 0;}

/* MyBooks delete Btn */
.deleteBtnWrap {padding: 20px 0px 10px 0px !important;} /*    /* margin-top: 15px; */
.deleteBtnWrap2 {margin-top: 0px !important;}
.deleteChk {margin: 0 5px 10px 0 !important;}

/*191106 level & 독서현황영역 추가 : 정은지*/
.readingState {
  background: #f2f2f2;
  border-radius: 5px;
  width: 960-38px;
  height: 26px;
  padding: 15px 40px 15px 40px;
}

.readingState p.level {
  background:url(/public_html/resource/images/library/intro/levelBg.png);
  width:20px;
  height:18px;
  color:#ffffff;
  font-weight:bold;
  text-align:center;
  padding-top:6px;
  margin-right:7px;
  float:left;
}

.readingState p.ver1 {background-position:top left;}
.readingState p.ver2 {background-position:left -24px;}
.readingState p.ver3 {background-position:left -48px;}
.readingState p.ver4 {background-position:left -72px;}
.readingState p.ver5 {background-position:left -96px;}
.readingState p.ver6 {background-position:left -120px;}
.readingState p.ver7 {background-position:left -144px;}
.readingState p.ver8 {background-position:left bottom;}

.readingLevel {
  font-family: Klavika, "돋움", Dotum, sans-serif;
  margin: 4px 6px 0 0;
  font-size: 16px;
  font-weight: bold;
  float: left;
}

.readingLevel_Extensive {position:absolute; top:135px; left:18px; z-index:1;}

.readingCountWrap {
  float:right;
  display:inline-block;
  margin-top:6px;
  right:0px;
}

.readingCountWrap p {
  font-family: 'NanumSquareRound';
  font-size: 14px;
  font-weight: 800;
  letter-spacing: -0.4px;
}

.readingCountWrap_left {
  float:left;
  display:inline-block;
  left: 0;
}

.readingCountTotal {
  float:left;
  color:#999999;
}

.readingCount {
  float:left;
  color:#111111;
}
/*191106 level & 독서현황영역 추가 : 정은지*/

/*191106 완독뱃지 추가 : 정은지*/
ul.finishBook li {
  display:block;
  float:left;
  margin-right:3px;
  }

.finishBook_tagOn {
  width:30px;
  height: 14px;
  background-color: #ffebad;
  border: 1px solid #ffc40f;
  border-radius:30px;
  color: #ff9c00;
  float: left;
  margin: 3px 5px 0 0;
  padding-top:1px;
  font-weight:400;
}

.finishBook_tagOff {
  width:30px;
  height: 14px;
  background-color: #eeeeee;
  border: 1px solid #dddddd;
  border-radius:30px;
  color: #bbbbbb;
  float: left;
  margin: 3px 5px 0 0;
  padding-top:1px;
  font-weight:400;
}
/*191106 완독뱃지 추가 : 정은지*/

/* 코어리딩 레이어팝업 */
#today-book-layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%; 
    height: 100%;    
    background: rgba(0,0,0,0);
}

div.today-book-wrap {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -325px auto 0;
    width: 650px; /* 750/1044 */
    height: 650px;
    z-index: 20;
}
div.today-book-wrap a {
    display: block;
    position: absolute;
    top: 43px;
    right: 30px;
}
div.today-book-wrap h1 {
    position: absolute;
    top: 84px;
    left: 0;right: 0;margin: 0 auto;
    width: 351px;
}
.tbl-bg {
    margin: 177px auto 0;
    
    width: 258px;
    height: 298px;
    background: url(/public_html/resource/images/library/today-book-bg.png) no-repeat;
}
.tbl-bg > img{
    cursor : pointer;
    padding: 69px;
    width: 120px;
    height: 160px;
}
div.today-book-wrap h2 {
    padding-top: 17px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    font-weight: 400;
    letter-spacing: -0.025px;
    text-shadow: 1px 1.732px 3px rgba(2, 8, 2, 0.3);
}
div.today-book-wrap button {
    width: 220px;
    height: 50px;
    margin: 26px 215px 0;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px; 
    font-size: 20px;
}

#today-book-layer div.today-bg {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -325px auto 0;
    width: 650px;
    height: 650px;
    background: url(/public_html/resource/images/library/today-bg.png) no-repeat;
    -webkit-animation: foo 14s infinite linear;
    -o-animation: foo 14s infinite linear;
    -moz-animation: foo 14s infinite linear;
    animation: foo 14s infinite linear;
}
@-webkit-keyframes foo {
    0% {
        -webkit-transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
} 
@-moz-keyframes foo {
    0% {
        -moz-transform: rotate(0);
    }
    100% {
        -moz-transform: rotate(360deg);
    }
}
@keyframes foo {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

#today-book-layer div.star-layer {
    background: url(/public_html/resource/images/library/star-layer-big.png) no-repeat !important;
}
#today-book-layer div.star {
    clear: both;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -325px auto 0;
    width: 650px;
    height: 650px;
    background: url(/public_html/resource/images/library/star-layer.png) no-repeat;
    -webkit-animation: star 2s infinite linear;
    -o-animation: star 2s infinite linear;
    -moz-animation: star 2s infinite linear;
    animation: star 2s infinite linear;
}
@-webkit-keyframes star {
    0% { opacity: 1; filter : alpha('Opacity=1'); }
    50% { opacity: 0; filter : alpha('Opacity=0'); }
    100% { opacity: 1; filter : alpha('Opacity=1'); }
} 
@-moz-keyframes star {
    0% { opacity: 1; filter : alpha('Opacity=1'); }
    50% { opacity: 0; filter : alpha('Opacity=0'); }
    100% { opacity: 1; filter : alpha('Opacity=1'); }
}
@keyframes star {
    0% { opacity: 1; filter : alpha('Opacity=1'); }
    50% { opacity: 0; filter : alpha('Opacity=0'); }
    100% { opacity: 1; filter : alpha('Opacity=1'); }
}
/* /코어리딩 레이어팝업 */



/* 레벨테스트 레이어팝업 */
div.leveltest-wrap {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -325px auto 0;
    width: 650px; /* 750/1044 */
    z-index: 20;
}
div.leveltest-wrap a {
    display: block;
    position: absolute;
    top: 43px;
    right: 30px;
}
div.leveltest-wrap h1 {
    position: absolute;
    top: 31px;
    left: 0;right: 0;margin: 0 auto;
    width: 358px;
}
div.level-box {
    margin: 255px auto 0;
    width: 530px;
    height: 240px;
    border: 10px solid #f7cd13;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px; 
    background: #fffefa;
}
.level-box p {
    padding-top: 48px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #000000;
}
.level-box p strong {
    font-size: 24px;
    font-weight: 800;
    color: #000000;
}
.level-box p span {
    color: #0aa1dc;
    font-size: 20px;
}
div.leveltest-wrap button {
    display: block;
    width: 350px;
    height: 60px;
    margin: 30px auto 0;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px; 
    font-size: 20px; /* 24/18 */
}
#today-book-layer div.leveltest-bg {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -325px auto 0;
    width: 650px;
    height: 650px;
    background: url(/public_html/resource/images/library/leveltest-bg.png) no-repeat;
}

.level-nosee {
    padding-top: 40px;
    float: right;
}
.level-nosee input[type="checkbox"] {
    width: 16px;
    height: 16px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #fff;
    border: 0;
    display: inline-block;
    vertical-align: middle;
}
.level-nosee label {
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    line-height: 1;
    font-size: 16px;
}
/* /레벨테스트 레이어팝업 */

/* 레벨업테스트, 인텐시브 */

div.only-intensive.levelup-intensive {
    width: 362px;
}

div.levelup-intensive {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -325px auto 0;
    width: 776px;
    height: 550px;
    z-index: 20;
    overflow: hidden;
}
div.levelup-intensive a {
    display: block;
    position: absolute;
    top: 0;
    right: 30px;
}
.levelup, .intensive-box {
    margin-top: 70px;
}
.levelup div, .intensive-box div {
    width: 362px;   
    text-align: center; 
}
.levelup {
    float: left;    
}
.levelup div {
    height: 273px;
    padding-top: 100px;
    background: url(/public_html/resource/images/library/levelup-bg.png) no-repeat;
}
.intensive-box {
    float: right;   
}
.intensive-box div {
    height: 243px;
    padding-top: 130px;
    background: url(/public_html/resource/images/library/intensive-bg.png) no-repeat;
}
.levelup-intensive p {
    font-size: 22px;
    color: #414042;
    font-weight: bold;
}
div.levelup-intensive button {
    display: block;
    width: 308px;
    height: 60px;
    margin: 30px auto 0;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px; 
    font-size: 20px; /* 24/18 */
}

/* 라이브러리 가이드 */
#guide {
    padding-top: 130px;
    padding-bottom: 167px;
    width: 100%;
    height: 100%;
    position: absolute;
    /* background: rgba(0, 0, 0, 0.8); */
    z-index: 1000;
    text-align: center;
}


#guide div {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 1000px;
}
#guide a {
    display: block;
    position: absolute;
    top: -70px;
    right: -70px;
}

div.topzero {
    top: 0px !important;
}



/* 2019.06.21 민자혜 퀵메뉴추가 */
.quick_menu{
  z-index : 1;
  position: fixed;
  right: 50px;
  top: 21%;
  width: 100px;
  height: 206px;
  background-color: #f1f5ff;
  border: 1px solid #e0e9ff;
  border-radius: 5px;
  box-sizing: border-box;
  box-shadow:  3px 3px 7px rgba(172,172,172,0.35);
}
.quick_menu a {display: block; position: absolute; bottom: -132px; left: -6px;}
.quick_menu p{
  font-size: 14px;
  letter-spacing: -0.4px;
  font-weight: 800;
  text-align: center;
  font-family: 'NanumSquareRound';
  color: #6f85dd;
  padding: 15px 0;
}
.quick_menu ul li{
  width: 70px;
  height: 70px;
  cursor: pointer;
  margin: 0 auto;
}
.quick_menu ul li:nth-child(1){
  background: url(/public_html/resource/images/library/hiddenimg.png) no-repeat;
  margin-bottom: 8px;
}
.quick_menu ul li:nth-child(2){
  background: url(/public_html/resource/images/library/mypage.png) no-repeat;

}
.quick_menu ul li:nth-child(1):hover,.quick_menu ul li:nth-child(2):hover{
  background-position: bottom;
}
ul.tabs{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
ul.tabs>li{
    background: none;
    color: #999;
    display: inline-block;
    padding: 20px 0 19px;
    cursor: pointer;
  width: 50%;
  text-align: center;
  border-radius: 5px 5px 0 0;
  background: #f7f7f7;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: 800;
  font-family: 'NanumSquareRound';
  letter-spacing: -0.25px;
}
ul.tabs li.current{
    background: #75a5f4;
    color: #fff;
}
.tab-content{
    display: none;
  height: 570px;
  box-sizing: border-box;

}
.tab-content>ul>li{
  height: 280px;
  position: relative;
  box-sizing: border-box;
  padding: 35px 60px;
}
.tab-content ul li p.title{
  transform: rotate(270deg);
  display: inline-block;
  position: absolute;
  top: 120px;
  left: 10px;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.25px;
  font-family: 'NanumGothic';
}
.tab-content ul li.blue{
  background-color: #ecf3ff;

}
.tab-content ul li.blue p.title{
    color: #bdd5ff;
}
.tab-content ul li.purple{
  background-color: #f2ecff;
}
.tab-content ul li.purple p.title{
    color: #d9c8ff;
}
.tab-content ul li ul.bookList li .thumbBook {
    height: 195px;
    margin-bottom: 0;
}
.contentsWrap .libSubWrap .storybookWrap_blue ul.bookList li.list:last-child,
.contentsWrap .libSubWrap .storybookWrap_purple ul.bookList li.list:last-child
 {
  margin-right: 0;
}
.contentsWrap .libSubWrap .storybookWrap_blue ul.bookList li .thumbBook p.level,
.contentsWrap .libSubWrap .storybookWrap_purple ul.bookList li .thumbBook p.level{
  position: absolute;
  top: 130px;
  left: 8px;
  margin: 0;
}
.tab-content.current{
  display: inherit;
}
.contentsWrap .libSubWrap .readingWrap h2 span.infor{background:url(/public_html/resource/images/library/storybook-info-icon.png) no-repeat;
  display:inline-block; width:150px; height:32px; *padding-right:5px;}
.contentsWrap .libSubWrap .readingWrap h2 span.inforver1{background-position:left top; cursor: pointer;}
.banner_pay {background: #8497db url(/public_html/resource/images/common/banner_pay.png) center no-repeat;}
.banner_pay div {width: 1000px; height: 160px; margin: 0 auto; font-size: 50px; color: #fff; text-align: center;padding-top: 54px; box-sizing: border-box; padding-left: 15px;}
.banner_pay div strong {font-size: border; color: #ffe850;font-size: 50px;}