@font-face {
    font-family:"MalgunGothic";
    src: url("../fonts/MalgunGothic.eot");
    src: url("../fonts/MalgunGothic.eot?#iefix") format("embedded-opentype"),
         url("../fonts/MalgunGothic.woff") format("woff"),
         url("../fonts/MalgunGothic.ttf") format("truetype");
    font-weight:normal;
    font-style:normal;

}
/********************************************************************************
	기본설정
*********************************************************************************/
* {margin:0; padding:0; font-family:'MalgunGothic',sans-serif; box-sizing:content-box; font-size:15px; line-height:1.2em;}
html,body{width:100%; height:100%; min-width:960px; line-height:1.2em; letter-spacing: -1px;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select {margin:0; padding:0; color:#333;}
body {font-size:15px; background-color:#fff;}
header,footer,nav {display:block;}
ul,ol {list-style:none;}
img,button {border:0 none; font-family:'MalgunGothic', sans-serif;}
table {border-spacing:0px; border-collapse:separate;}
em {font-style:normal;}
a,u{text-decoration:none;color:#333; }
a {outline:0;}
textarea {resize:none;}
input,select,textarea {outline:none; box-shadow:none;}
input {line-height:1.2em; word-break:keep-all;}
input::-ms-clear {display: none;}
body * {word-break:break-all; word-wrap:break-word; text-shadow:none;}
label {margin-bottom:0px; font-weight:normal;}
a:hover, a:active, a:focus {text-decoration:none; background-color:none;}
button:focus {outline:none;}
label {max-width:inherit;}
pre {padding:0px; margin:0px; border:none; background:none; border-radius:0px;}
pre code {background:none;}


/********************************************************************************
	HEADER
*********************************************************************************/

.layout-header{border-bottom:1px solid #caa273;}
/*.layout-header .ui-top { background-color:#f5f5f8;}*/
.layout-header .ui-top .view-top {width:960px; margin:0 auto; overflow:hidden;}
.layout-header .ui-top .ui-topmenu {float:right; padding:6px 0;}
.layout-header .ui-top .ui-topmenu a {display:inline-block; margin-left:23px; color:#666666; font-size:13px;}
.layout-header .ui-top .ui-topmenu a em[class*="icon-"] {display:inline-block; margin-right:5px; background:url(../images/icon_topheader.png) no-repeat; vertical-align: middle;}
.layout-header .ui-top .ui-topmenu a em.icon-login {width:12px; height:15px;}
.layout-header .ui-top .ui-topmenu a em.icon-notice {width:16px; height:14px; background-position:-13px top;}
.layout-header .ui-top .ui-topmenu a em.icon-faq {width:16px; height:14px; background-position:-30px top;}
.layout-header .ui-top .ui-topmenu a em.icon-qna {width:16px; height:14px; background-position:-46px top;}

.ui-headermenu {position:relative; width:960px; margin:0 auto; padding:0 64px 0 190px; overflow:hidden; box-sizing:border-box;}
.ui-headermenu .link-logo {display:inline-block; position:absolute; top:50%; left:0; margin-top:-19px;}
.ui-headermenu ul.list-headermenu {}
.ui-headermenu ul.list-headermenu li {float:left; padding:35px 0 27px 0; width:25%; text-align:center;}
.ui-headermenu ul.list-headermenu li a {display:inline-block; font-size:17px;}
.ui-headermenu ul.list-headermenu li.selected a {color:#caa273;}


.ui-searching .btn-search {display:block; position:absolute; top:0; right:0; bottom:0; width:64px; }
.ui-searching .btn-search:before {display:inline-block; position:absolute; top:36px; left:0; height:19px; border-left:1px solid #ddd; content:''; }
.ui-searching .btn-search em.icon-search {display:inline-block; position:absolute; top:34px; left:50%; margin:0 0 0 -12px;  width:24px; height:24px; background:Url(../images/icon_search.png) no-repeat;}
.ui-searching .view-searching {display:none; position:relative;}
.ui-searching .view-searching .box-search {position:absolute; top:22px; right:0; height:47px; padding-right:94px; border:2px solid #caa273; box-sizing:border-box; background-color:#fff;}
.ui-searching .view-searching .box-search input {display:block; width:100%; height:100%; padding:10px; border:none; box-sizing:Border-box; background-color:transparent;}
.ui-searching .view-searching .box-search em.icon-view {display:inline-block; position:absolute; top:50%; right:76px; margin-top:-2px; width:9px; height:4px; background:url(../images/icon_searchview.png) no-repeat;}
.ui-searching .view-searching .box-search a.btn-searching {display:inline-block; position:absolute; top:0; right:0; bottom:0; width:46px; background-color:#caa273;}
.ui-searching .view-searching .box-search a.btn-searching em.icon-search {display:inline-block; position:absolute; top:50%; left:50%; margin:-12px 0 0 -12px;  width:24px; height:24px; background:Url(../images/icon_search.png) no-repeat; background-position:-25px top;}
.ui-searching .view-searching .btn-close {display:inline-block; position:absolute; top:36px; right:-36px; width:20px; height:19px; background:url(../images/btn_close.png) no-repeat; }

.ui-searching.selected .btn-search {display:none;}
.ui-searching.selected .view-searching {display:block;}

/********************************************************************************
	FOOTER
*********************************************************************************/
.layout-footer{margin-top:80px; border-top:1px solid #e7e7e7;}
.ui-footer {position:relative; width:960px; margin:0 auto; padding:46px 0 36px 0;}
.ui-footer .txt-copy {display:block; padding:10px 0 0 0; font-size:14px; color:#999999;}
.ui-footer .ui-customcenter {position:absolute; right:0; top:42px; width:167px; height:43px; background:url(../images/txt_custom.png) no-repeat;}

/********************************************************************************
	main
*********************************************************************************/
.main-banner {margin-top:-1px;}
.main-banner .swiper-container {height:437px;}
.main-banner .swiper-container .slider1 {background-color:#ded2c3;}
.main-banner .swiper-container .slider2 {background-color:#d1e2e6;}
.main-banner .swiper-container .slider-in {width:960px; margin:0 auto;}
.ui-banner .txt-banner {display:inline-block; width:290px; height:36px; margin:37px 0 0 0; background:url(../images/txt_banner.png) no-repeat;}
.ui-banner .swiper-pagination {display:inline-block; margin:50px 0 0 23px;}
.ui-banner .swiper-pagination .swiper-pagination-bullet {margin-right:9px;}
.ui-banner .swiper-pagination .swiper-pagination-bullet-active {background-color:#fff158;}
.ui-banner .list-book {margin:0 -27px; padding:34px 0 0 0; overflow:hidden;}
.ui-banner .list-book li {position:relative; float:left; width:25%; padding:0 27px; box-sizing:border-box; }
.ui-banner .list-book li .wrap-book {position:relative; font-size:0px;border:1px solid #fff;}
.ui-banner .list-book li .wrap-book img {display:inline-block; width:100%; height:276px;  }
.ui-banner .list-book li .wrap-book span.txt-book {display:inline-block; position:absolute; bottom:1px; left:1px; right:1px; padding:15px 0; text-align:center; color:#fff; font-size:18px; background:rgba(0,0,0,0.53); white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal;}

.layout-contents {width:960px; margin:0 auto;}


.box-main {margin-top:44px;}
.box-main span.label-type {display:block; padding-bottom:17px; color:#333; font-size:20px;}

.box-main .wrap-tab {margin-top:-42px;}
.box-main .wrap-tab .ui-tab {position:relative; float:right;}
.box-main .wrap-tab .list-tab{display:inline-block; position:relative; padding-right:20px;  overflow:hidden;}
.box-main .wrap-tab .list-tab li {float:left; padding:0 15px;}
.box-main .wrap-tab .list-tab li a {display:inline-block; padding:4px 5px 6px 5px; color:#666666; font-size:16px;}
.box-main .wrap-tab .list-tab li.selected a {background-color:#caa273; color:#fff;}
.box-main .wrap-tab .ui-tab .btn-more {display:inline-block; position:absolute; top:50%; right:0; margin-top:-9px; width:18px; height:18px; background:url(../images/btn_more.png) no-repeat;}
.box-main .wrap-tab .wrap-tabcontents {padding:15px 0 0 0; clear:both;}

.ui-category {clear:both; position:relative; height:327px; padding:32px 34px; border:1px solid #ddd; overflow:hidden; box-sizing:border-box;}
.ui-category .swiper-container2 {overflow:hidden;}
.ui-category .list-book li {float:left; width:20%; padding:0 12px; box-sizing:border-box;}
.ui-category .list-book li a {display:block;}
.ui-category .list-book li a .txt-book {display:block; padding:20px 0 0 0; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-wrap:normal;}

.ui-category .swiper-button-next {right:0px; width:22px; height:44px; margin-top:-22px; border:1px solid #ddd; border-right:none; background:none;}
.ui-category .swiper-button-prev{left:0px; width:22px; height:44px; margin-top:-22px; border:1px solid #ddd; border-left:none; background:none; z-index:1;}
.ui-category .swiper-button-next:before {display:inline-block; position:absolute; top:50%; left:50%; margin:-9px 0 0 -5px; width:10px; height:17px; background:url(../images/icon_page.png) no-repeat; content:'';}

.ui-category .swiper-button-prev:before {display:inline-block; position:absolute; top:50%; left:50%; margin:-9px 0 0 -5px; width:10px; height:17px; background:url(../images/icon_page.png) no-repeat; content:''; transform:rotate(180deg); }

.ui-category .swiper-button-prev.swiper-button-disabled,
.ui-category .swiper-button-next.swiper-button-disabled {opacity:1;}



.box-today {border:1px solid #e7e7e7;;}
.box-today:before,
.box-today:after {display:table; content:'';}
.box-today:after {clear:Both;}
.box-today .ui-box {float:left; position:relative; width:50%; padding:30px 28px; border-left:1px solid #e7e7e7; box-sizing:border-box;}
.box-today .ui-box .icon-recommend {display:inline-block; position:absolute; top:-5px; right:13px; width:66px; height:65px; background:url(../images/img_edit.png) no-repeat;}
.box-today .ui-box:first-of-type {border-left:none;}
.box-today .ui-box img {display:inline-block; float:left; width:158px; height:222px; margin-right:23px; border:1px solid #e6e6e6;}
.box-today .ui-box .wrap-det {display:block; overflow:hidden;}
.box-today .ui-box .wrap-det span.data-name {display:block; font-weight:bold; color:#333; font-size:18px;}
.box-today .ui-box .wrap-det span.data-name2 {display:block; padding:5px 0; font-size:14px; color:#9d7e5a; font-size:14px;}
.box-today .ui-box .wrap-det .ui-writer  {margin:0 -6px; overflow:hidden;}
.box-today .ui-box .wrap-det .ui-writer span.data-form {position:relative; float:left; padding:0 6px; color:#666666; font-size:14px;}
.box-today .ui-box .wrap-det .ui-writer span.data-form:before {display:inline-block; position:absolute; top:50%; left:0; margin-top:-6px; height:12px; border-left:1px solid #e7e7e7; content:'';}
.box-today .ui-box .wrap-det .ui-writer span.data-form:first-of-type:before {display:none;}
.box-today .ui-box .wrap-det .data-det {padding:20px 0 0 0; color:#666; font-size:14px;line-height:1.5em;}

.ui-info {margin-bottom:-80px; overflow:hidden;}
.ui-info dl {padding:30px 0; float:left; }
.ui-info dl:first-of-type {padding-right:104px;}
.ui-info dl dt {float:left; position:relative; padding-right:19px; color:#333; font-size:20px;}
.ui-info dl dt:before {display:inline-block; position:absolute; top:50%; right:0; margin-top:-6px; height:12px; border-right:1px solid #e7e7e7; content:'';}
.ui-info dl dd {float:left; padding-left:20px;}
.ui-info dl dd a {display:inline-block; color:#666; font-size:15px; line-height:20px;}
.ui-info dl dd a .data-date {display:inline-block;}
/********************************************************************************
	banner
*********************************************************************************/
.sub-banner .slide-banner1,
.sub-banner .slide-banner2,
.sub-banner .slide-banner3  {width:100%; height:213px; background:url(../images/img_banner1.png) no-repeat; text-align:center; background-size:100% 100%;}
.sub-banner .slide-banner2 {background:url(../images/img_banner2.png) no-repeat; background-size:100% 100%;}
.sub-banner .slide-banner3 {background:url(../images/img_banner3.png) no-repeat; background-size:100% 100%;}
.sub-banner .slide-banner1 .txt-banner,
.sub-banner .slide-banner2 .txt-banner,
.sub-banner .slide-banner3 .txt-banner {display:inline-block; margin-top:44px; width:423px; height:91px; background:url(../images/txt_banner1.png) no-repeat;}
.sub-banner .slide-banner2 .txt-banner { width:297px; height:88px; background:url(../images/txt_banner2.png) no-repeat;}
.sub-banner .slide-banner3 .txt-banner { width:295px; height:89px; background:url(../images/txt_banner3.png) no-repeat;}
.sub-banner .swiper-pagination {bottom:29px;}
.sub-banner .swiper-pagination-bullet {background:#fff; opacity:1;}
.sub-banner .swiper-pagination-bullet-active {background-color:#fff158;}


/********************************************************************************
	성공/처세
*********************************************************************************/
.ui-navi {padding:15px 0; border-bottom:1px solid #e7e7e7;}
.ui-navi  .data-navi {position:relative; padding:0 22px 0 18px; color:#a7a7a7; font-size:14px;}
.ui-navi  .data-navi:before {display:inline-block; position:absolute; top:50%; left:0; margin-top:-5px; width:5px; height:9px; background:url(../images/icon_navi.png) no-repeat; content:'';}
.ui-navi  .data-navi:first-of-type {padding-left:28px;}
.ui-navi  .data-navi:first-of-type:before {width:12px; height:12px; background:url(../images/icon_home.png) no-repeat;}


.wrap-bestbook {position:relative; padding-top:34px;}
.ui-bestbook img {float:left; width:200px; height:279px;}
.ui-bestbook .data-bestbook {display:block; padding:0 0 68px 47px; overflow:Hidden;}
.ui-bestbook .data-bestbook  span.data-name {display:block; padding-bottom:13px; margin-bottom:20px; border-bottom:1px solid #e7e7e7; color:#333; font-size:17px;}
.ui-bestbook .data-bestbook span.data-name strong {padding-right:16px; color:#333; font-size:24px; font-weight:bold;}
.ui-bestbook .data-bestbook .data-form {overflow:hidden;}
.ui-bestbook .data-bestbook .data-form span.data-type{position:relative; float:left; padding:0 10px 0 10px; margin-bottom:10px; color:#666; font-size:14px;}
.ui-bestbook .data-bestbook .data-form span.data-type:before {display:inline-block; position:absolute; left:0; top:50%; margin-top:-4px; height:12px; border-left:1px solid #e7e7e7; content:'';}
.ui-bestbook .data-bestbook .data-form span.data-type:first-of-type {}
.ui-bestbook .data-bestbook .data-form span.data-type:first-of-type:before {display:none;}
.ui-bestbook .data-bestbook .data-grade {}
.ui-bestbook .data-bestbook .data-grade .data-rating {display:inline-block;}
.ui-bestbook .data-bestbook .data-grade .data-rating .data-star {display:inline-block; margin-right:5px; width:25px; height:26px; background:url(../images/icon_star.png) no-repeat;background-position:-33px top;}
.ui-bestbook .data-bestbook .data-grade .data-rating .data-star.selected {background-position:0 top;}
.ui-bestbook .data-bestbook .data-grade .data-num {padding-left:12px; color:#333; font-size:30px; font-weight: bold;}
.ui-bestbook .data-bestbook .ui-buttons {padding:25px 0 0 0;}
.btn-type,
.btn-type2,
.btn-type3 {display:inline-block; padding:12px 0; margin-right:20px; width:182px; background-color:#8b8a88; color:#fff; text-align:center;}
.btn-type2 {background-color:#efaf40;}
.btn-type3 {background-color:#bbbbbb; }

.wrap-bestbook .wrap-tabs {width:678px; padding-bottom:40px;}
.wrap-tabs {}
.wrap-tabs .ui-list {margin-bottom:35px; overflow:hidden; border-bottom:1px solid #e7e7e7;}
.wrap-tabs ul.list-tabs {}
.wrap-tabs ul.list-tabs li {float:left;}
.wrap-tabs ul.list-tabs li a {display:block; padding:15px 0;  width:190px; text-align:center; color:#9f9f9f; font-size:15px; border:1px solid #e7e7e7; border-left:none; border-bottom:none;}
.wrap-tabs ul.list-tabs li:first-of-type a {border-left:1px solid #e7e7e7;}
.wrap-tabs ul.list-tabs li.selected a {background-color:#ddb98e; color:#fff; font-weight: bold;}
.wrap-tabs .ui-tabs {}
.wrap-tabs .view-tabs {display:none}
.wrap-tabs .view-tabs img.img-photo {display:inline-block; width:211px; height:210px; margin:0 24px 0 12px; border-radius:50%; }
.wrap-tabs .view-tabs .data-introduce {color:#333333; font-size:15px; line-height:25px; }
.wrap-tabs .view-tabs .data-introduce .data-in {font-size:13px;line-height:25px; }
.wrap-tabs .view-tabs .wrap-introduce .data-name {display:block; padding:25px 0 12px 0; font-size:18px; color:#333;}
.wrap-tabs .view-tabs .wrap-introduce .data-name strong {font-size:18px; color:#333;}
.wrap-rent {width:653px;}
.wrap-rent .label-type {display:block; padding-bottom:15px; color:#333333; font-size:18px; border-bottom:1px solid #e7e7e7;}

.list-rent {padding:17px 3px; text-align:center; overflow:hidden; }
.list-rent li  {float:left; width:20%;}
.list-rent li:first-of-type {padding-left:0;}
.list-rent li a {display:inline-block; width:107px;}
.list-rent li a .img-book {display:block; width:107px; height:153px; border:1px solid #e6e6e6;}
.list-rent li a .img-book img {display:block; width:100%; height:100%;}
.list-rent li a span.data-name {display:block; padding:5px 0 0 0; color:#333; font-size:14px; text-align: center; white-space:nowrap; text-overflow:ellipsis; overflow:Hidden;}
.wrap-relation {position:absolute; top:100px; right:0; width:237px;}
.wrap-relation span.label-type {display:block; padding-bottom:20px; color:#333; font-size:18px;}
ul.list-relation { }
ul.list-relation li {padding-bottom:30px; overflow:hidden;}
ul.list-relation li img {float:left; width:84px; height:119px; border:1px solid #e6e6e6;}
ul.list-relation li .data-det {display:block; padding-left:14px;  color:#666; font-size:13px; line-height:18px; overflow:hidden;}
ul.list-relation li .data-det span.txt-writer {display:block; padding:10px 0 0 0; color:#666; font-size:13px;}
/********************************************************************************
	03
*********************************************************************************/
.wrap-newbook {padding:35px 0 0 0; overflow:hidden; }
.ui-arrival {float:left; width:159px;}
.ui-arrival .label-type {display:inline-block; width:144px; padding:10px 0; margin-bottom:10px; border-radius:6px; border:1px solid #caa273; text-align:center; color:#caa273; font-size:18px;}
ul.list-arrival {}

ul.list-arrival li a {display:block; padding:10px 23px; text-align:right; color:#555; font-size:15px; border-top:1px solid #e7e7e7;}
ul.list-arrival li:first-of-type a {border-top:none;}
ul.list-arrival li.selected a {color:#caa273;}


.ui-newbook {min-height:500px; padding:0 0 0 40px; border-left:1px solid #e7e7e7; overflow:hidden; }
.ui-newbook .label-type {display:block; padding-bottom:25px; color:#333; font-size:20px; font-weight:bold;}
.list-newbook.list-type li .view-newbook {position:relative; width:100%;}
.list-newbook.list-type li .view-newbook .btn-enter {display:inline-block; position:absolute; top:50%; right:0; margin-top:-22px; width:133px; padding:12px 0; text-align:center; color:#fff; font-size:16px; background-color:#efaf41;}
.list-newbook li {padding-bottom:32px; margin-bottom:35px;border-bottom:1px solid #e7e7e7; overflow:hidden;}
.list-newbook li .view-newbook {float:left; width:50%; }
.list-newbook li .view-newbook img {float:left; width:132px; height:186px; }
.list-newbook li .view-newbook .data-det {padding-left:15px; overflow:hidden;}
.list-newbook li .view-newbook .data-det span.data-name {display:block; padding-bottom:5px; font-size:16px; font-weight:bold;}
.list-newbook li .view-newbook .data-det span.data-name2 {display:block; padding-bottom:15px;  font-size:14px;}
.list-newbook li .view-newbook .data-det .data-form {margin:0 -10px; overflow:Hidden;}
.list-newbook li .view-newbook .data-det .data-form span.data-type{position:relative; float:left; padding:0 10px 0 10px; margin-bottom:5px; color:#666; font-size:13px;}
.list-newbook li .view-newbook .data-det .data-form span.data-type:before {display:inline-block; position:absolute; left:0; top:50%; margin-top:-4px; height:12px; border-left:1px solid #e7e7e7; content:'';}
.list-newbook li .view-newbook .data-det .data-form span.data-type:first-of-type {}
.list-newbook li .view-newbook .data-det .data-form span.data-type:first-of-type:before {display:none;}
.list-newbook li .view-newbook .data-det .data-grade {padding:10px 0;}
.list-newbook li .view-newbook .data-det .data-grade .data-rating {display:inline-block;}
.list-newbook li .view-newbook .data-det .data-grade .data-rating .data-star {display:inline-block; margin-right:5px; width:18px; height:18px; background:url(../images/icon_star2.png) no-repeat;background-position:-24px top;}
.list-newbook li .view-newbook .data-det .data-grade .data-rating .data-star.selected {background-position:0 top;}
.list-newbook li .view-newbook .data-det .data-grade .data-num {padding-left:12px; color:#333; font-size:30px; font-weight: bold;}
.list-newbook li .view-newbook .data-det .ui-buttons {}
.btn_type_s,
.btn_type_s2 {display:inline-block; width:92px; padding:7px 0 8px 0; margin-right:15px; background-color:#8b8a88; color:#fff; font-size:14px; text-align:center}
.btn_type_s2 {background-color:#efaf40;}

.wrap-page {text-align:center;}
.wrap-page a {display:inline-block; padding:0 5px; vertical-align: middle; color:#6c6c6c; font-size:14px; line-height:31px;}
.wrap-page a.selected {color:#caa273;}
.wrap-page .btn-first,
.wrap-page .btn-prev,
.wrap-page .btn-next,
.wrap-page .btn-last {display:inline-block; padding:0; width:33px;height:31px; background:url(../images/btn_page.png) no-repeat;}
.wrap-page .btn-prev {margin-right:20px; margin-left:9px; background-position:-42px top;}
.wrap-page .btn-next {margin-left:20px; margin-right:9px; background-position:-42px top; transform:rotate(180deg)}
.wrap-page .btn-last {background-position:left top; transform:rotate(180deg)}
/********************************************************************************
	04
*********************************************************************************/
.wrap-bookcafe {padding:47px 0 0 0;}
.wrap-bookcafe .wrap-tabs ul.list-tabs li {width:50%; box-sizing:border-box;}
.wrap-bookcafe .wrap-tabs ul.list-tabs.list-tabs3 li {width:33.333333%; box-sizing:border-box;}
.wrap-bookcafe .wrap-tabs ul.list-tabs li a {display:block; width:100%; box-sizing:border-box;}

.list-share {margin-top:-40px; padding-bottom:53px;}
.list-share li {}
.list-share li a {display:block; padding-top:40px; padding-bottom:40px; border-bottom:1px solid #e7e7e7; overflow:hidden; }
.list-share li a img {float:left; width:132px; height:185px; border:1px solid #e6e6e6;}
.list-share li a .data-det {display:block; position:relative; padding-left:15px;overflow:hidden;}
.list-share li a .data-form {position:absolute; top:0; right:0;}
.list-share li a .data-form .data-type {position:relative; padding:0 16px; font-weight:bold; color:#666; font-size:15px;}
.list-share li a .data-form .data-type:before {display:inline-block; position:absolute; top:50%; left:0; margin-top:-6px; height:12px; border-left:1px solid #e7e7e7;  content:'';}
.list-share li a .data-form .data-type:first-of-type:before {display:none;}
.list-share li a .data-name {display:block; padding-bottom:10px; font-size:14px;}
.list-share li a .data-name strong {padding-right:13px; font-size:20px;}
.list-share li a .data-share {}
.list-share li a .data-share .data-heart {display:inline-block;  color:#666; font-size:15px; vertical-align: middle;}
.list-share li a .data-share .data-heart:before {display:inline-block; margin-right:5px; width:16px; height:14px; background:url(../images/icon_heart.png) no-repeat; content:'';}
.list-share li a .data-share .data-reple {display:inline-block; margin-left:15px; color:#666; font-size:15px; vertical-align: middle; vertical-align: middle;}
.list-share li a .data-share .data-reple:before  {display:inline-block; margin-right:5px; width:17px; height:14px; background:url(../images/icon_reple.png) no-repeat; content:''; vertical-align: middle;}

.list-share li a .data-grade {padding:10px 0;}
.list-share li a .data-grade .data-rating {display:inline-block;}
.list-share li a .data-grade .data-rating .data-star {display:inline-block; margin-right:5px; width:18px; height:18px; background:url(../images/icon_star2.png) no-repeat;background-position:-24px top;}
.list-share li a .data-grade .data-rating .data-star.selected {background-position:0 top;}
.list-share li a .data-grade .data-num {position:relative; top:-2px; padding-left:12px; color:#333; font-size:20px; font-weight: bold;}
.list-share li a .txt-det {color:#666666; font-size:14px; line-height:20px;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word;
}

.share-detail {padding-bottom:50px; margin-bottom:35px; border-bottom:1px solid #e7e7e7;}
.share-detail .img-book {display:inline-block; float:left; width:132px; height:186px; border:1px solid #e6e6e6;}
.ui-detail { padding-left:22px;overflow:hidden;}
.ui-detail .ui-title {padding-bottom:19px; border-bottom:1px solid #e7e7e7; position:relative;}
.ui-detail .ui-title span.data-name {font-size:14px;}
.ui-detail .ui-title span.data-name strong {}
.ui-detail .ui-title .data-grade {position:absolute; top:0; right:0}
.ui-detail .ui-title .data-grade .data-rating {display:inline-block; }
.ui-detail .ui-title .data-grade .data-rating .data-star {display:inline-block; margin-right:5px; width:18px; height:18px; background:url(../images/icon_star2.png) no-repeat;background-position:-24px top;}
.ui-detail .ui-title .data-grade .data-rating .data-star.selected {background-position:0 top;}
.ui-detail .ui-title .data-grade .data-num {position:relative; top:-2px; color:#333; font-size:20px; font-weight: bold;}
.view-detail {display:block;  overflow:hidden;}
.view-detail .ui-top {padding:13px 0 20px 0; }
.view-detail .ui-top ul.data-form {}
.view-detail .ui-top ul.data-form li {display:inline-block; padding-right:28px; }
.view-detail .ui-top ul.data-form li span {display:inline-block; position:relative; padding:0 6px; color:#666; font-size:14px;}
.view-detail .ui-top ul.data-form li span:before {display:inline-block; position:absolute; top:50%; left:0; margin-top:-6px; height:12px; border-left:1px solid #e7e7e7; content:'';}
.view-detail .ui-top ul.data-form li span:first-of-type {padding-left:0;}
.view-detail .ui-top ul.data-form li span:first-of-type:before {display:none;}
.view-detail .ui-top {position:relative;}
.view-detail .ui-top .data-share {position:absolute; top:0; right:0;}
.view-detail .ui-top .data-share .data-heart {display:inline-block;  color:#666; font-size:15px; vertical-align: middle;}
.view-detail .ui-top .data-share .data-heart:before {display:inline-block; margin-right:5px; width:16px; height:14px; background:url(../images/icon_heart.png) no-repeat; content:'';}
.view-detail .ui-top .data-share .data-reple {display:inline-block; margin-left:15px; color:#666; font-size:15px; vertical-align: middle; vertical-align: middle;}
.view-detail .ui-top .data-share .data-reple:before  {display:inline-block; margin-right:5px; width:17px; height:14px; background:url(../images/icon_reple.png) no-repeat; content:''; vertical-align: middle;}
.view-detail .txt-detail {color:#666; font-size:14px; line-height:22px;}


.reply-form {position:relative; padding:10px 90px 10px 10px; background-color:#eee;}
.reply-form textarea {height:54px; width:100%; padding:9px; border:none; font-size:14px;  background-color:#fff; box-sizing:border-box;}
.reply-form .btn-add {position:absolute; top:10px; right:10px; width:72px; padding:17px 0; border-radius:8px; text-align:center; color:#fff; font-size:16px; background-color:#ddb98e;}

.list-reply {padding:8px 0 50px 0;}
.list-reply li {position:relative; padding:14px 140px 14px 0; border-bottom:1px solid #e7e7e7; overflow:hidden;}
.list-reply li span.data-name {float:left; width:74px; padding-left:5px; font-size:14px; font-weight:bold; box-sizing:border-box;}
.list-reply li span.data-reply {display:block; font-size:14px; overflow:hidden;}
.list-reply li span.data-time {position:absolute;top:14px; right:0; padding-left:22px; color:#999; font-size:14px;}
.list-reply li span.data-time:before {display:inline-block; width:15px; height:15px; margin-right:8px; background:url(../images/icon_time.png) no-repeat; content:''; vertical-align: middle;}

.wrap-search {position:relative; padding-bottom:40px; text-align:center;}
.search-book {display:inline-block; position:relative; width:522px; padding:0 65px 0 10px;  border:1px solid #d9d9d9; border-radius:22px; box-sizing:border-box;}
.search-book input {display:block;padding:12px 0 12px 0; width:100%; border:none; text-align:center; font-size:15px; background:none; box-sizing:border-box;}
.search-book em.icon-search {display:inline-block; position:absolute; top:50%; right:30px; margin-top:-12px;width:24px; height:24px;background:url(../images/icon_search.png) no-repeat;}

.wrap-search .btn-delete { position:absolute; top:0; right:0; padding:12px 28px 12px 28px; border-radius:22px; color:#5f5f5f; font-size:15px; border:1px solid #d2d2d2;}
.wrap-search .btn-delete:before {display:inline-block; margin-right:15px;   width:12px; height:11px; background:url(../images/icon_delete.png) no-repeat; content:'';}

.data-nodata {padding:190px 0; text-align:center;}
.data-nodata .icon-nodata {display:inline-block; width:89px; height:98px; background:url(../images/icon_nodata.png) no-repeat;}
.data-nodata .txt-nodata {display:block; padding:33px 0 0 0; text-align:center; color:#666;font-size:24px;}
/********************************************************************************
	09
*********************************************************************************/
.ui-rentbook{ padding-left:120px; }
.data-rent {padding:10px 0;}
.data-rent dl {overflow:hidden;}
.data-rent dl dt {float:left; width:73px; font-size:15px; line-height:25px; font-weight:bold;}
.data-rent dl dd {display:block; overflow:hidden; color:#666; font-size:15px; line-height:25px;}
.data-rent dl dd .data-type {color:#e33232; font-size:15px;}
.ui-rentbook .ui-bestbook {border-bottom:1px solid #e7e7e7;}
.ui-rentbook .ui-bestbook .data-bestbook span.data-name {margin-bottom:0; font-size:15px; border:none;}
.ui-rentbook .ui-bestbook .data-bestbook .data-form {padding:13px 0 0 0; margin:0 -10px;}
.ui-rentbook .ui-buttons {padding:47px 0 0 0; text-align:center;}


/********************************************************************************
	10
*********************************************************************************/
.ui-bestbook .img-book {float:left; position:relative; width:200px; height:279px; }
.ui-bestbook .img-book .ui-loading:before {display:inline-block; position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.4); content:'';}
.ui-bestbook .img-book .loading-bar {position:absolute; top:131px; left:50%; margin:0 0 0 -83px;;}
.loading-bar {display:inline-block; position:relative; width:167px; height:12px; background:url(../images/bg_loading.png) no-repeat; background-size:100% 100%; z-index:1;}
.loading-bar em {display:inline-block; position:absolute; left:0; top:0; bottom:0;background:url(../images/bg_loading2.png) no-repeat; background-size:100% 100%; border-radius:5px; z-index:1;}
.ui-loading .txt-loading {display:block; position:absolute; top:160px; left:0; right:0;color:#f7d23f; text-align:center;  font-size:20px;}

/********************************************************************************
	11
*********************************************************************************/

.ui-rentbook2{padding-bottom:76px; overflow:hidden; border-bottom:1px solid #e7e7e7;}
.ui-rentbook2 .data-img {float:left; width:427px; text-align:center;}
.ui-rentbook2 .data-img  img {display:inline-block; width:199px; height:279px;}
.ui-rentbook2 .data-img .data-book {}
.ui-rentbook2 .data-img .data-name {display:block; padding:20px 0 13px 0;  font-size:18px; font-weight:bold;}
.ui-rentbook2 .data-img .ui-writer {display:block; text-align:center; overflow:hidden;}
.ui-rentbook2 .data-img .ui-writer span.data-form {position:relative; display:inline-block;  padding:0 6px; color:#666; font-size:14px;}
.ui-rentbook2 .data-img .ui-writer span.data-form:before {display:inline-block; position:absolute; top:50%; left:0; margin-top:-6px; height:12px; border-left:1px solid #e7e7e7; content:'';}
.ui-rentbook2 .data-img .ui-writer span.data-form:first-of-type:before {display:none;}

.ui-rentbook2 .data-img .ui-date {display:block; padding:10px 0 0 0; text-align:center; color:#666; font-size:14px;}
.ui-rentbook2 .data-img .ui-date strong {font-size:14px; color:#333;}

.wrap-learning {position:relative; height:370px; overflow:hidden;}

.box-time {border:1px solid #d2d2d2;}
.box-time .ui-top {border-bottom:1px solid #d2d2d2; overflow:hidden;}
.box-time .ui-top  span {float:left; padding:15px 0; width:50%; font-size:18px; text-align:center; font-weight: bold;}
.ui-time {overflow:hidden;}
.ui-time span {float:left; display:inline-block; padding:30px 0; width:50%; text-align:center; font-weight:bold; color:#e93c3c; font-size:30px;}
.wrap-learning {width:454px;}
.wrap-learning .ui-loading {padding:40px 0 0 0; text-align:center;}
.wrap-learning .ui-loading .loading-bar {display:inline-block; position:relative; width:452px; height:12px; background:url(../images/bg_loading_b.png) no-repeat; background-size:100% 100%; z-index:1;}
.wrap-learning .ui-loading .loading-bar em {display:inline-block; position:absolute; left:0; top:0; bottom:0;background:url(../images/bg_loading2_b.png) no-repeat; background-size:100% 100%; border-radius:5px; z-index:1;}
.wrap-learning .ui-loading .data-loading{display:block; padding:20px 0 0 0; text-align:center; font-size:18px; font-weight:bold;}
.wrap-learning .ui-loading .data-loading strong {color:#e93c3c;}
.wrap-learning .ui-buttons{position:absolute; left:0; bottom:0;}
.btn-type.btn-form,
.btn-type2.btn-form,
.btn-type2.btn-form {width:214px;}
.btn-type.btn-form {margin-right:0px;}

.learning-type {padding:33px 0 50px 0; text-align:center;}
.learning-type .icon-smile {display:inline-block; width:76px; height:76px; background:url(../images/img_smile.png) no-repeat;}
.learning-type.ui-finish .icon-smile {background-position:-77px top;}
.learning-type span {display:block; padding:30px 0 0 0; text-align:center; font-size:18px; line-height:24px;}
.learning-type span strong {font-size:18px; font-weight: normal; color:#e93c3c;}


/********************************************************************************
	14
*********************************************************************************/
.view-newbook .data-rent dl dt {font-size:13px; line-height:18px;}
.view-newbook .data-rent dl dd {font-size:13px; line-height:18px;}
.view-newbook .data-det .btn-type2,
.view-newbook .data-det .btn-type,
.view-newbook .data-det .btn-type3 {padding:6px 0; font-size:16px;}



/********************************************************************************
	15
*********************************************************************************/



.data-history {overflow:hidden;}
.wrap-history .img-book {float:left; width:132px; height:186px;}
.wrap-history .data-book {padding-left:27px; overflow:hidden;}
.wrap-history .data-book .data-name {display:block; font-size:20px; font-weight:bold;}
.wrap-history .data-book .data-name .ui-writer {display:inline-block;}
.wrap-history .data-book .data-name .ui-writer span.data-form {position:relative; display:inline-block;  padding:0 6px; color:#666; font-size:14px; font-weight: normal;}
.wrap-history .data-book .data-name .ui-writer span.data-form:before {display:inline-block; position:absolute; top:50%; left:0; margin-top:-6px; height:12px; border-left:1px solid #e7e7e7; content:'';}
.wrap-history .data-book .data-name .ui-writer span.data-form:first-of-type:before {display:none;}
.wrap-history .data-book .data-date {padding:10px 0 0 0; color:#666666; font-size:15px; font-weight:normal;}

.write-history {position:relative; margin:33px 0 0 0;}
.write-history .data-detail{position:absolute; left:0;}
.write-history .label-title {display:block; padding-bottom:20px;  color:#666; font-size:16px; text-align:center;}
.write-history textarea {display:block; width:100%; height:410px; padding:10px; border:1px solid #d2d2d2; box-sizing:border-box;}
.write-history .ui-buttons {position:relative; padding:27px 0 0 0; text-align:center;}

.write-history .btn-type, .write-history .btn-type2, .write-history .btn-type3 {padding:7px 0;}
.write-history .ui-buttons .label-checkbox {position:absolute; bottom:7px; left:0; color:#666;}
.write-history .ui-buttons .label-checkbox input { vertical-align: middle;}

/********************************************************************************
	16
*********************************************************************************/
.wrap-board {}
    .wrap-board .ui-top {padding-bottom:28px;}
.wrap-board .ui-top:before,
.wrap-board .ui-top:after {display:table; content:'';}
.wrap-board .ui-top:after {clear:both;}
.wrap-board .ui-total {float:left; margin:0 -6px;}
.wrap-board .ui-total span {position:relative; padding:0 6px; color:#6c6c6c; font-size:15px;}
.wrap-board .ui-total span:before {display:inline-block; position:absolute; top:50%; left:0; margin-top:-6px; height:12px; content:''; border-left:1px solid #ddd; }
.wrap-board .ui-total span:first-of-type:before {display:none;}
.wrap-board .ui-total span strong {color:#caa273; font-weight: normal;}
.wrap-board .ui-option{float:right;}
.wrap-board .ui-option select{display:inline-block; height:31px;width:133px; background-color:#f7f7f7; border:1px solid #ddd;}
.wrap-board .ui-option .wrap-searching {display:inline-block; position:relative; padding:0 77px 0 0;}
.wrap-board .ui-option .wrap-searching input {width:100%; height:31px; border:1px solid #ddd; }
.wrap-board .ui-option .wrap-searching .btn-searching {position:absolute; top:0; right:0; padding:8px 0;width:73px;;background-color:#ddb98e; color:#fff; font-size:15px; text-align:center;}

table.table-form {width:100%; padding-bottom:54px; table-layout:fixed;}
table.table-form tr {}
table.table-form tr th {position:relative; padding:12px 0; border-top:3px solid #a2a2a2; font-size:15px; color:#4f535e; border-bottom:1px solid #ddd;}
table.table-form tr th:before {display:inline-block; position:absolute; top:50%; left:0; margin:-9px 0 0 0; width:1px; height:17px; background:url(../images/bg_th.png) no-repeat; content:'';}
table.table-form tr th:first-of-type:before {display:none;}
table.table-form tr td {padding:15px 17px; border-bottom:1px solid #ddd; font-size:15px; text-align:center;}
table.table-form tr td.data-title {text-align:left;}

/********************************************************************************
	17
*********************************************************************************/
.board-detail {border-top:3px solid #a2a2a2;}
.board-detail .data-title {padding:16px 0; text-align:center; font-size:16px; border-bottom:1px solid #ddd;}
.board-detail .ui-top {overflow:hidden; border-bottom:1px solid #ddd;}
.board-detail dl.dl-top {float:left; width:50%; overflow:hidden;}
.board-detail dl.dl-top dt {float:left; width:107px; padding:14px 0; background-color:#f9f9f9; text-align:center; font-size:14px;}
.board-detail dl.dl-top dd {padding:14px 19px; color:#6c6c6c; font-size:14px; overflow:hidden;}
.board-detail .txt-board {padding:40px 0; color:#6c6c6c; font-size:14px; line-height:30px; border-bottom:1px solid #ddd;}
dl.dl-page {overflow:hidden; border-bottom:1px solid #ddd;}
dl.dl-page dt {float:left; width:107px; padding:14px 0; background-color:#f9f9f9; text-align:center; font-size:14px;}
dl.dl-page dd {padding:14px 19px; color:#6c6c6c; font-size:14px; overflow:hidden;}
.board-detail .ui-buttons {padding:33px 0 0 0; text-align:center;}
.board-detail .ui-buttons .btn-type {padding:7px 0;}
/********************************************************************************
	popup
*********************************************************************************/
.wrap-popup{position:fixed; left:0; right:0; bottom:0; top:0; z-index:50;}
.ui-popup{position:absolute; top:444px;; left:50%; margin-left:-195px; width:390px; border:1px solid #c9c9c9; border-radius:37px; background-color:#fff; overflow:hidden;}
.ui-popup .ui-title {display:block; padding:25px 0 35px 0; font-size:20px; font-weight:bold; text-align:center;}
.ui-popup .pop-contents {padding:0 0 45px 0; text-align:center;}
.ui-popup .pop-contents .txt-pop{color:#ea3c3d;}
.ui-popup .ui-buttons{padding:15px 0; text-align:center; background-color:#f0f0f0;}
.ui-popup .ui-buttons .btn-pop,
.ui-popup .ui-buttons .btn-pop2 {display:inline-block; padding:10px 0; width:140px; border:1px solid #c8c8c8; background-color:#fff; color:#959595; font-size:15px; font-weight:bold;}
.ui-popup .ui-buttons .btn-pop2 {color:#333333;}
.ui-popup .pop-contents .wrap-date{padding-bottom:35px;}
.ui-popup .pop-contents .dl-date dt {display:inline-block; width:72px; font-size:16px; font-weight: bold; line-height:25px;}
.ui-popup .pop-contents .dl-date dd {display:inline-block; font-size:16px; font-weight: bold; color:#ea3c3d; line-height:25px;}

/********************************************************************************
	login
*********************************************************************************/
.wrap-login {position:fixed; left:0; right:0; bottom:0; top:0; background:url(../images/bg_login.png) no-repeat; background-size:100% 100%;}

.ui-login{position:absolute; top:50%; left:0; right:0; margin-top:-280px; text-align:center;}
.box-login{display:inline-block; position:relative;  padding:0 40px; width:575px; height:560px; border-radius:50px; background-color:rgba(0,0,0,0.41); text-align:center; box-sizing:border-box; overflow:hidden;}
.box-login img.img-logo{display:inline-block; margin:25px 0 28px 0;}
.box-login .txt-login{display:block; padding-bottom:50px; text-align:center; color:#fff; font-size:24px; line-height:30px; }
.box-login .form-input{display:block; width:100%; padding:15px 45px; margin-bottom:17px;border-radius:20px; font-size:15px; background-color:#fff; box-sizing:border-box; border:none; background-color:#fff;}
.box-login .ui-buttons{text-align:left; overflow:Hidden;}
.box-login .ui-buttons .label-checkbox{padding:8px 0 0 0; float:left; color:#fff; font-size:15px;}
.box-login .ui-buttons .label-checkbox input { vertical-align: middle; margin-right:4px;}
.box-login .ui-buttons .btn-login{float:right; display:inline-block; padding:11px 0; width:158px; border-radius:20px; text-align:center; color:#fff; font-weight:bold; font-size:16px;background-color:#efaf41;}
.ui-login .ui-bottom {position:absolute; bottom:0; left:0; right:0; padding:25px 35px 25px 43px; background-color:#1f1f1f; overflow:hidden;}
.ui-login .ui-bottom .txt-info {float:left; color:#adadad; font-size:20px;}
.ui-login .ui-bottom .btn-link {float:right; font-size:16px; color:#adadad; text-decoration: underline;}
.box-code {display:inline-block; padding:40px 38px; margin-left:-5px; width:575px; height:560px; overflow:auto; background-color:rgba(255,255,255,0.75); border-radius:50px; box-sizing:Border-box; vertical-align: top; text-align:left; }
.box-code .txt-info {padding:16px 0; font-size:15px; text-align:center;}
.code-searching {position:relative; border:1px solid #d2d2d2; border-radius:20px; padding:0 55px 0 45px; background-color:#fff;}
.code-searching input {display:block; padding:13px 0; width:100%; border:none; background:none; font-size:15px;}
.code-searching em.icon-search {display:inline-block; width:24px; height:24px; position:absolute; top:50%; right:28px; margin-top:-12px;background:url(../images/icon_search.png) no-repeat;}
.ui-result {padding:29px 0 0 0;}
.ui-result span.data-total {margin:0 -10px; padding:0 10px; margin-bottom:24px;  font-size:15px;}
.ui-result span.data-total span {color:#e93c3c; font-weight: bold;}
.ui-result ul.list-code {margin:20px -10px 0 -10px; border-top:1px solid #747474}
.ui-result ul.list-code li {position:relative; padding:24px 100px 24px 10px; border-bottom:1px solid #747474;}

.ui-result ul.list-code li .data-name {display:block; padding-bottom:5px; font-size:15px; font-weight:bold;}
.ui-result ul.list-code li .data-address {display:block; font-size:15px;}
.ui-result ul.list-code li .data-code {position:absolute; top:24px; right:10px; font-size:15px; font-weight: bold;}
.ui-result ul.list-code li .data-code .data-num {display:block; font-size:26px; color:#e93c3c;}
/**********************************************************************************
	 평가하기
**********************************************************************************/
.ui-score {display:inline-block; text-align:center;}
[class*="icon-score"] {display:inline-block; width:232px; height:32px; background:url(../images/icon_score.png) no-repeat;}
.icon-score {}
.icon-score-h {background-position:left -33px;}
.icon-score1 {background-position:left -66px;}
.icon-score1-h {background-position:left -99px;}
.icon-score2 {background-position:left -132px;}
.icon-score2-h {background-position:left -165px;}
.icon-score3 {background-position:left -198px;}
.icon-score3-h {background-position:left -231px;}
.icon-score4 {background-position:left -264px;}
.icon-score4-h {background-position:left -297px;}
.icon-score5 {background-position:left -330px;}

/*!
 * @copyright © Kartik Visweswaran, Krajee.com, 2013 - 2016
 * @version 4.0.1
 *
 * A simple yet powerful JQuery star rating plugin that allows rendering fractional star ratings and supports
 * Right to Left (RTL) input.
 *
 * For more JQuery/Bootstrap plugins and demos visit http://plugins.krajee.com
 * For more Yii related demos visit http://demos.krajee.com
 */
.rating-loading {
    width: 25px;
    height: 25px;
    font-size: 0;
    color: #fff;
    background: transparent url('../img/loading.gif') top left no-repeat;
    border: none;
}

/*
 * Stars
 */
.rating-container .rating {
    cursor: default;
    position: relative;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
}

.rating-disabled .rating {
    cursor: not-allowed;
}

.rating-container .star {
    display: inline-block;
    margin: 0 3px;
    text-align: center;
}

.rating-container .empty-stars {
    color: #aaa;
}

.rating-container .filled-stars {
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
    color: #fde16d;
    white-space: nowrap;
    overflow: hidden;
    -webkit-text-stroke: 1px #777;
    text-shadow: 1px 1px #999;
}

.rating-rtl {
    float: right;
}

.rating-animate .filled-stars {
    transition: width 0.25s ease;
    -o-transition: width 0.25s ease;
    -moz-transition: width 0.25s ease;
    -webkit-transition: width 0.25s ease;
}

.rating-rtl .filled-stars {
    left: auto;
    right: 0;
    -moz-transform: matrix(-1, 0, 0, 1, 0, 0) translate3d(0, 0, 0);
    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0) translate3d(0, 0, 0);
    -o-transform: matrix(-1, 0, 0, 1, 0, 0) translate3d(0, 0, 0);
    transform: matrix(-1, 0, 0, 1, 0, 0) translate3d(0, 0, 0);
}

.rating-rtl.is-star .filled-stars {
    right: 0.06em;
}

.rating-rtl.is-heart .empty-stars {
    margin-right: 0.07em;
}

/**
 * Clear
 */
.rating-container .clear-rating {
    color: #aaa;
    cursor: not-allowed;
    display: inline-block;
    vertical-align: middle;
    font-size: 60%;
}

.clear-rating-active {
    cursor: pointer !important;
}

.clear-rating-active:hover {
    color: #843534;
}

.rating-container .clear-rating {
    padding-right: 5px;
}

/**
 * Caption
 */
.rating-container .caption {
    display:none;
}

.rating-rtl .caption {
    margin-right: 5px;
    margin-left: 0;
}

/**
 * Print
 */
@media print {
    .rating-container .clear-rating {
        display: none;
    }
}


.kv-svg {display:none;}
/*!
 * @copyright © Kartik Visweswaran, Krajee.com, 2013 - 2016
 * @version 4.0.1
 *
 * Krajee SVG theme style for bootstrap-star-rating.
 *
 * For more JQuery/Bootstrap plugins and demos visit http://plugins.krajee.com
 * For more Yii related demos visit http://demos.krajee.com
 */
.theme-krajee-svg .krajee-icon {
    display: inline-block;
    width: 17px;
    height: 18px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.theme-krajee-svg.rating-xl .krajee-icon {
    width: 32px;
    height: 32px;
}

.theme-krajee-svg.rating-lg .krajee-icon {
    width: 64px;
    height: 64px;
}

.theme-krajee-svg.rating-sm .krajee-icon {
    width: 40px;
    height: 40px;
}

.theme-krajee-svg.rating-xs .krajee-icon {
    width: 30px;
    height: 30px;
}

.theme-krajee-svg .filled-stars .krajee-icon-star {
    background: url('../images/icon_star2.png') no-repeat; background-position:left top;
}

.theme-krajee-svg .empty-stars .krajee-icon-star {
    background: url('../images/icon_star2.png') no-repeat; background-position:-23px top;
}


.theme-krajee-svg.is-heart .caption {
    margin-top: -0.8em;
}

.theme-krajee-svg.is-heart .clear-rating {
    margin-top: -0.4em;
}

.theme-krajee-svg.rating-rtl.is-heart .filled-stars {
    right: 0.02em;
}

.theme-krajee-svg.rating-rtl.is-heart .empty-stars {
    margin-right: 0.01em;
}

/**********************************************************************************
	 설문
**********************************************************************************/
.wrap-survey .ui-buttons {margin-top:30px; text-align:center;}
.ui-survey {width:990px; margin:0 auto; overflow:hidden;}
.ui-survey .data-survey {float:left; width:50%; margin-top:60px; box-sizing:border-box;}
.ui-survey .data-survey.full {width:100%;}
.ui-survey .data-survey:last-of-type {float:right;}
.ui-survey .data-survey .text-survey {width:100%; height:242px; padding:10px; border:1px solid #bfbfbf; box-sizing:border-box;}
.wrap-bookcafe .survey-title {width:960px; margin:0 auto; padding-bottom:10px; border-bottom:2px solid #ceb497; font-weight:bold; font-size:20px; color:#ceb497; text-align:center;}
.data-survey .ui-qa {margin-bottom:30px; }
.data-survey .ui-qa em {display:inline-block; float:left; margin-right:4px;vertical-align:middle;line-height:20px;font-size:18px; }
.data-survey .ui-qa span {display:block; overflow:hidden;line-height:22px;vertical-align:middle;font-size:18px; }
ul.list-survey {}
ul.list-survey li {padding:6px 0;}
.label-radio {color:#666; font-size:16px;}
.label-radio input {display:none;}
.label-radio i {display:inline-block; width:22px; height:22px; margin-right:15px; background:url(../images/btn_radio.png) no-repeat;
    vertical-align: middle;}
.label-radio input:checked + i {background-position:left -23px;}