@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body { font-family:'Malgun Gothic','Nanum Gothic',Dotum,serif; color:#303030; font-size:14px; letter-spacing:-1px; }
a { color:#303030; text-decoration:none; cursor: pointer; }
ul, ol, li { list-style: none; }
ol { margin: 0; padding: 0; }
input:focus, select:focus, textarea:focus { outline: none; }
#mask{position:absolute;z-index:9000;background-color:#000;display:none;left:0;top:0;}
#layerPopupMask{position:absolute;z-index:9000;background-color:#000;display:none;left:0;top:0;}
.book-item .book-author:hover {color:#b75836;}
.category .main .page-header .location a:hover {color:#b75836;}
.widget-header .more:hover {color:#b75836;}
.hide {display:none;}
.hide-text {display:block;text-indent:-9999px;}
.hidden { float: left !important; width: 0px !important; height: 0px !important; opacity: 0 !important; }
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.container { width: 1000px; margin:0 auto; position:relative; }
.color-primary {color:#b75836;}
.half { margin: 0 !important; padding:0 !important; width: 50% !important; }
.pull-left { float:left; margin-right: 4px; }
.pull-right { float:right; margin-right: 4px; }
.text-center { text-align: center !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right; }
.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.ic {position:relative;display:inline-block;width:16px;height:16px;}
.placeholder {color:#aaa;}
.caret {display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px solid;border-right: 4px solid transparent;border-left: 4px solid transparent;}
.arrow { display: inline-block; width: 10px; height: 10px; margin-left: 8px; border: 2px solid #fff; border-bottom: 0; border-left: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.arrow.prev { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); }
/* �� */
input[type=text].form-control,input[type=password].form-control,input[type=date].form-control,select.form-control{color:#303030;border:1px solid #aaa;border-radius:3px;padding:6px 8px;font-size:12px;}
input[type=date].form-control{position:relative;top:1px;padding:5px 8px;width:120px;}
textarea.form-control{margin:0;color:#303030;border:1px solid #aaa;border-radius:3px;padding:4px 8px;font-size:14px;line-height:20px;resize:vertical;}
.form-label {margin:14px 0;}
.form-label label{font-size:12px;padding-left:16px;position:relative;color:#303030;}
.form-label input[type=checkbox].form-control{position:absolute;top:1px;left:0;}
.form-control[disabled]{color:#aaa !important;background-color:#eee;}
.wrap-form { margin: 30px 0; }
.form-group { margin:6px 0; font-size:14px; position: relative; }
.form-group .require { position: absolute; color: #FF0000; width: 10px; line-height: 15px; text-align: center; }
.input { position: relative; border: 1px solid #dfdfdf; min-height: 34px; min-width: 80px; width: 99%; padding-left: 5px; font-size: 14px; box-sizing: border-box; }
.input.sm { width: 200px; }
.under-input { min-height: 50px; padding: 14px 12px; width: 100%; border: 0; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; -webkit-appearance: none; }
.under-input.sm { width: 200px; }
.border-input { width: 100%; min-height: 34px; border: 1px solid #dfdfdf; padding: 0 10px; font-size: 14px; box-sizing: border-box; }
.border-input.sm { width: 200px; }
.select { position: relative; border: 1px solid #dfdfdf; min-height: 34px; min-width: 80px; width: 99%; padding-left: 5px; font-size: 14px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.select.sm { width: 200px; }
.select option { min-height: 34px; }
.select-caret { margin-left: -21px; display: inline-block; width: 5px; height: 5px; border: 2px solid #303030; border-left: 0; border-top: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.textarea { resize: none; border: 1px solid #dfdfdf; min-height: 200px; width: 100%; font-size: 16px; line-height: 16px; padding: 10px; box-sizing: border-box; }
input.under-input:focus,
input.border-input:focus,
textarea.textarea:focus { border: 1px solid #10b5cf; }
.tooltip { position: absolute; top: 9px; right: 9px; }
.form-group.half { width: 49% !important; }
.form-group .label { font-weight: bold; display: block; line-height: 1; margin: 0 0 10px; }
.form-group .label-background { background: #eee; height: 30px; line-height: 30px; padding: 5px 5px; }
.form-group .input { height: auto; min-height: 50px; padding: 14px 12px; }
.form-group .border-input { height: auto; min-height: 50px; padding: 14px 12px; }
.form-group .select { height: auto; min-height: 50px; padding: 14px 12px; box-sizing: border-box; max-height: 60px; }
.form-title { position: relative; margin: 20px 0; }
.form-title h2 { margin: 0; padding: 0;  }
.form-title p { margin: 0; padding: 0; position: absolute; right: 0; top: 0; line-height: 28px; color: #B14B38; }
/* button style */
.btn { display:inline-block;border-radius:3px;padding:9px 10px 11px;border:0;border:1px solid transparent;font-size:12px;letter-spacing:-1px; cursor: pointer; }
a.btn:hover {text-decoration:none;}
.btn:focus {outline:0;}
.btn-link {padding:0;}
.btn-sm {padding:5px 10px 7px;}
.btn-primary {background-color:#c33e38; border-color:#c33e38; color:#fff;}
.btn-primary:hover {background-color:#e0443e; border-color: #e0443e; color:#fff;}
.btn-default {background-color:#f8f8f8; border-color:#c8c8c8;}
.btn-default:hover { background-color:#fff; }
.btn.lg { width: 270px; font-size: 24px; line-height: 24px; }
.btn.middle { font-size: 24px; line-height: 24px; }
.btn.sm { padding: 5px 10px; }
.btn.long { width: 100%; }
.btn.right-angled { border: 0; border-radius: 0; }
.btn-round { border: 1px solid #333; border-radius: 2px; font-size: 16px; width: 140px; height: 40px; }
.blue.btn { background: #0A94FE; color: #fff; }
.blue.btn:hover { background: #007aeb; }
.red.btn { background: #ce6a52; color: #fff; }
.red.btn:hover { background: #db5e58; }
.green.btn { color: #fff; background: #94b93b; }
.green.btn:hover {  }
.orange.btn { color: #fff; background: #e7c296; }
.orange.btn:hover { background: #ec8d02; }
.mint.btn { color: #fff; background: #10b5cf; }
.gray.btn { color: #fff; background: #bbbbbb; }
.navy.btn { color: #fff; background: #355466; }
.success.btn { background: #27ce81; color: #fff; }
.cancel.btn { background: #ee595b; color: #fff; }
.wrap-btn { text-align: center; margin: 20px 0; }
.wrap-heading { text-align: center; margin: 20px 0; }
.checkbox-inline label{margin-right:20px;}
.wrap-check .check { display: inline-block; position: relative; width: 15px; height: 15px; margin: 1px; border: 2px solid #ce6a52; border-radius: 4px; background: transparent; vertical-align: top; cursor: pointer; }
.wrap-check .check:before { display: block; position: absolute; top: 50%; left: 50%; width: 5px; height: 9px; margin-top: -8px; margin-left: -3px; border: 2px solid #ffdddd; border-top: 0; border-left: 0; opacity: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); content: ''; }
.wrap-check input:checked + .check { border-color: #ce6a52; background: #ce6a52; }
.wrap-check input:checked + .check:before { border-color: #fff; opacity: 1; }
.wrap-radio { margin: 12px 0; }
.wrap-radio .radio-label { font-size: 16px; }
.wrap-radio span { font-size: 13px; }
.wrap-radio input[type="radio"] + .radio-label:before { content: ''; background: #fff; border-radius: 100%; border: 1px solid #9e9e9e; display: inline-block; width: 17px; height: 17px; position: relative; top: 1px; margin-right: 10px; vertical-align: top; cursor: pointer; text-align: center; -webkit-transition: all 250ms ease; transition: all 250ms ease; }
.wrap-radio input[type="radio"]:checked + .radio-label:before { background-color: #10b4cf; box-shadow: inset 0 0 0 4px #fff; border-color: #10b5cf; }
.wrap-radio input[type="radio"]:checked + .radio-label { color: #10b4cf; }
.form-confirm{padding:20px 0 0;text-align:center;}
.form-confirm .btn{width:90px;font-size:14px;margin:0 2px;}
/* banner */
.top-banner { position: relative; background: #4B5664; min-height: 30px; display: block; padding: 10px 40px; color: #fff; font-size: 20px; }
.event01 .yellow { color: #ffe674; }
.event01 .red { color: #f85252; }
.event01 .small { font-size: 14px; }
button.close span { position: absolute; top: 21px; left: 8px; width: 27px; height: 2px; background: #fff; }
button.close .span01 { transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); }
button.close .span02 { transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.top-banner .close { width: 44px; position: absolute; height: 100%; top: 0; right: 20px; background: transparent;
border: 0; }
.top-banner .close span { top: 50%; }
.top-banner a.small { color: #fff; text-decoration: underline; cursor: pointer; }
.navbar-notice { position: relative; display:inline-block; float:left; width: 42px; height: 20px; font-size: 17px; background-color: transparent; background-image: none; border: none; color: #cc5237; background: url("/img/icon/ic_notice.png") no-repeat; background-size: 20px 20px; background-position: 11px 0px; }
.navbar-notice > span.count { position: absolute; top: 7px; right: 3px; padding: 0 5px; height: 15px; border-radius: 8px; background: #ff667f; color: #fff; text-align: center; font-size: 11px; line-height: 15px; }
#mybookPay .table-background { width: 600px; margin: 0 30px; }
.bx-wrapper { margin: 0 !important; box-shadow: none !important; border: none !important; background: transparent !important; }




.content .container{pointer-events:relative;}
.main{width:780px;min-height:700px;margin-left:150px;padding:0 0 80px 40px;border-left:1px solid #e5e5e5;}
.lnb ul{list-style:none;margin:22px 0 0;padding:0;}
.lnb li a{display:block;height:36px;padding:0 0 0 7px;font-weight:bold;line-height:36px;border-left:3px solid transparent;}
.lnb li.active a{margin-right:-1px;color:#fff;background-color:#b75836;border-left-color:#b75836;}
.lnb .nav-header{height:30px;margin:15px 0 5px;font-size:14px;font-weight:bold;line-height:30px;}
.lnb.sub li a{height:20px;margin:0px 0 10px;/*padding:5px 0 5px 7px;*/font-weight:normal;line-height:20px;}
.lnb.sub li.active a{background-color:transparent;border-left-color:#b75836;}
.sidebar {position:absolute;top:0;left:0;width:150px;padding:25px 0;}
.sidebar-nav>li>a{padding:9px 13px 10px 13px;font-size:14px;}
.sidebar-nav ul>li>a{padding:3px 13px 3px 33px;}
.sidebar ul {margin:0;padding:0;list-style:none;}
.sidebar li {margin:0;}
.sidebar li a {display:block;}
.sidebar li a:hover {background:#c33e38;color:#fff;}
.sidebar li.active a {text-decoration:none;background:#c33e38;color:#fff;}
.page-header{padding:22px 0 0;overflow:hidden;}
.page-header h2, .page-title{float:left;margin:0;font-size:22px;line-height:28px;letter-spacing:-3px;}
.page-body { padding: 22px 0; }
.section-header{margin:50px 0 12px;overflow:hidden;}
.section.first .section-header{margin-top:20px;}
.section-header h3,
.section-title{float:left;margin:0;font-size:14px;line-height:20px;letter-spacing:-2px;}
.section-header p{float:left;margin:2px 0 0 10px;font-size:12px;color:#808080;}
.section-content h4{margin:0 0 18px;font-size:13px;}
.tabs{margin-top:22px;margin-bottom:-1px;}
.tabs ul{width:100%;list-style:none;margin:0;padding:0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.tabs ul:before,.tabs ul:after{content: " ";display: table;}
.tabs ul:after{clear: both;}
.tabs li{float:left;}
.tabs.col-1 li{width:100%;}
.tabs.col-2 li{width:50%;}
.tabs.col-3 li{width:33.33333334%;}
.tabs.col-4 li{width:25%;}
.tabs.col-5 li{width:20%;}
.tabs.col-6 li{width:16.6%;}
.tabs li a{display:block;padding:8px 1px 12px;font-weight:bold;font-size:14px;line-height:20px;}
.tabs li a:hover{text-decoration:none;}
.tabs li.active a{margin-bottom:-1px;padding-bottom:10px;color:#c33e38;border-bottom:3px solid #c33e38;}
.well{margin:10px 0;padding:19px 29px;background-color:#f8f8f8;border:1px solid #c8c8c8;overflow:hidden;}
.well table{width:100%;}
.price{letter-spacing:0;}
.ic-more{display:inline-block;width:4px;height:8px;background:url('../img/ic-more.png');}
.help-block{margin:8px 0 0;font-size:11px;color:#808080;}
.text-muted{color:#808080;font-size:12px;}
.text-primary, a.text-primary{color:#b75836;}
.tabs li a:hover{text-decoration:none;color: #c33e38;}
.img-preview{float:left;width:128px;height:128px;margin-right:20px;background-color:#f8f8f8;border:1px solid #c8c8c8;background-size:contain;background-repeat:no-repeat;background-position:center;}
.table{width:100%;border-top:1px solid #aaa;font-size:12px;}
.table th{padding:12px 10px;font-size:12px;font-weight:normal;background-color:#f8f8f8;border-bottom:1px solid #aaa;}
.table td{padding:12px 10px;border-bottom:1px solid #eee;}
.table td.th{width:100px;padding:10px 0 10px 20px;line-height:30px;background-color:#f8f8f8;}
.table td.th+td{padding-left:20px;}
.table td .form-control{margin-right:10px;}
.book-list{margin-right:-20px;}
.book-list .book-item{float:left;width:140px;height:240px;margin:25px 20px 0 0;}
.book-list .book-item-lg{width:172px;height:320px;margin:25px 35px 10px 35px;}
.book-list .book-item-lg:first-child{margin-left:30px;}
.book-item .book-cover{margin-bottom:8px;}
.book-list .book-empty{padding:100px 0;text-align:center;}
.book-cover{position:relative;width:104px;height:158px;}
.book-cover img{width:104px;height:154px;margin-top:4px;}
.book-cover .book-deco{position:absolute;left:0;top:0;display:block;width:104px;height:158px;background:url('../img/book-deco.png') no-repeat;}
.book-cover-lg{width:172px;height:260px;}
.book-cover-lg img{width:172px;height:256px;}
.book-cover-lg .book-deco{width:172px;height:260px;background:url('../img/book-deco-lg.png') no-repeat;}
.book-cover-sm{width:68px;height:104px;}
.book-cover-sm img{width:68px;height:100px;}
.book-cover-sm .book-deco{width:68px;height:104px;background:url('../img/book-deco-sm.png') no-repeat;}
.book-deco-ebook{display:inline-block;width:40px;height:21px;background:url('../img/book-deco-ebook.png') no-repeat;}
.book-cover .book-deco-ebook{position:absolute;left:0;top:4px;}
.book-item .book-title{font-weight: bold;}
.book-item .book-author{margin-top:4px;font-size:11px;color:#808080;}
.book-item a:hover .book-title{color:#b75836;}
.comment-list{border-top:1px solid #eee;}
.comment-item{position:relative;padding:20px 0 20px 70px;border-bottom:1px solid #eee;}
.comment-item .avatar{position:absolute;left:0;top:20px;width:50px;height:50px;border-radius:3px;}
.comment-item .avatar-img{width:50px;height:50px;border-radius:3px;}
.comment-item .info{float:left;}
.comment-item .info .name{margin-right:8px;font-size:14px;font-weight:bold;}
.comment-item .info .created{font-family:Verdana,sans-serif;font-size:11px;color:#a0a0a0;letter-spacing:0;}
.comment-item .btn-group{float:right;}
.comment-item .btn-group .btn-link{color:#b75836;}
.comment-item .btn-group .btn-link:hover{text-decoration: underline;}
.comment-item p:last-of-type{margin-bottom:0;}
.pagination ul{list-style:none;margin:20px 0 0;padding:0;text-align:center;}
.pagination li{display:inline-block;}
.pagination li a{display:inline-block;padding:5px 9px;font-family:Verdana,sans-serif;font-weight:bold;border:1px solid transparent;}
.pagination li a:hover{color:#b75836;}
.pagination li.active a{color:#b75836;border:1px solid #e6e6e6;}
.pagination li.next a, .pagination li.prev a{font-family:'Malgun Gothic','Nanum Gothic',Dotum,serif;font-weight:normal;}
.widget-header{height:24px;padding:12px 1px;border-bottom:1px solid #aaa;}
.widget-header h3,.widget-title{float:left;margin:0 30px 0 0;font-size:16px;}
.widget-header .more{float:right;margin-top:6px;font-size:11px;color:#808080;}
.widget-content{overflow:hidden;}
.widget-footer{padding:24px 1px;}
.category-filter{float:left;list-style:none;margin:3px 0 0;padding:0;height:16px;font-size:12px;line-heihgt:16px;overflow:hidden;}
.category-filter li{float:left;margin-left:8px;padding-left:8px;border-left:1px solid #c8c8c8;}
.category-filter li.first,.widget-header .filter li:first-child{margin:0;padding:0;border:0;}
.category-filter li.active a{font-weight:bold;color:#c33e38;}
.category-filter li.active a:hover{text-decoration:none;}
.nav{list-style:none;margin:0;padding:0;}
.nav-tabs-vertical{float:left;width:70px;text-align:center;}
.nav-tabs-vertical li a{display:block;height:67px;line-height:67px;background-color:#f8f8f8;border-bottom:1px solid #e6e6e6;}
.nav-tabs-vertical li a:hover{text-decoration:none;color: #c33e38;}
.nav-tabs-vertical li.active a{background-color:#fff;color:#c33e38;text-decoration:none;cursor:default; font-weight: bold;}
.tab-pane{display:none;}
.tab-pane.active{display:block;}
.product-header{height:260px;padding:30px 0;overflow:hidden;border-bottom:1px solid #e6e6e6;}
.product-img{float:left;width:250px;text-align:center;}
.product-img .book-cover-lg{left:40px;}
.product-intro{float:left;width:490px;margin:0 40px;}
.product-title{overflow:hidden;}
.product-title h2{margin:5px 0 15px 0;font-size:24px;line-height:1.1;}
.product-title h2 .book-deco-ebook{margin:2px 0 -2px;}
.product-price{height:52px;line-height:52px;}
.product-price strong,
.product-review strong{position:relative;top:2px;font-family:Arial, sans-serif;font-size:24px;letter-spacing:0;color:#c33e38;}
.product-price .currency{font-size:14px;}
.product-buy-option {float:left;}
.product-buy-option .select-count {margin-bottom:10px;overflow:auto;}
.product-buy-option .select-count input[type='text'] {text-align:right;float:left;margin-right:5px;padding:8px 8px;}
.product-buy-option .select-count button, .section-pay td.book-count button {position:relative;display:block;height:auto;padding:0 6px;}
.product-buy-option .select-count button.up, .section-pay td.book-count button.up {margin-bottom:1px;width:16px;height:16px;line-height:16px;}
.product-buy-option .select-count button.down,.section-pay td.book-count button.down {width:16px;height:16px;line-height:16px;}
.product-buy-option .select-count button span.caret,.section-pay td.book-count button span.caret {position:absolute;top:5px;left:0;}
.product-buy-option .select-count button span.caret.up,.section-pay td.book-count button span.caret.up {border-top:0;border-bottom:4px solid;}
.product-buy-option select{width:300px;margin-bottom:10px;}
.product-buy-option .btn{height:40px;padding:0 0 4px;font-size:14px;line-height:36px;overflow:hidden;margin-right:5px;}
.product-buy-option .btn-primary{float:left;width:176px;}
.product-buy-option .btn-default{float:right;width:120px;}
.product-buy-option .ic{top:3px;background:url('../img/ic-product-option.png') no-repeat;}
.product-buy-option .ic-cart{background-position:0 0;}
.product-buy-option .ic-heart-empty{background-position:-20px 0;}
.product-buy-option .ic-heart-full, .product-buy-option .active .ic-heart-empty{background-position:-40px 0;}
.product-review{float:right;width:140px;margin-top:5px;text-align:center;}
.product-review .review-count{margin-top:6px;padding-top:6px;border-top:1px solid #e6e6e6;}
.product-sidebar{float:left;width:220px;}
.product-sidebar .sidebar-header{padding:32px 0 12px 1px;border-bottom:1px solid #e6e6e6;}
.product-sidebar .sidebar-header h3{margin:0;font-size:14px;position:relative;}
.product-sidebar .sidebar-header h3 .report-text-link{float: right;font-size: 10px;padding: 3px;font-weight: normal;}
.product-sidebar dl{margin:10px 0;}
.product-sidebar dt{float:left;width:70px;margin:0;padding:5px 0;}
.product-sidebar dd{width:230px;margin:0;padding:5px 0;}
.product-content{float:right;width:670px;padding:0 0 80px 40px;border-left:1px solid #e6e6e6;}
.product-content .tabs ul{border-top:0;}
.product-detail { padding: 20px 0 40px; font-size: 16px; line-height:1.8; }
.nav-block{padding:20px 0 0;border-top:1px solid #ddd;}
.share{padding:5px 0;}
.sns-share{display:inline-block;width:20px;height:20px;margin:0 1px;background:url('../img/sns.png') no-repeat;}
.sns-share.ic-twitter{background-position:-30px 0;}
.sns-share.ic-kakaotalk{background-position:-60px 0;}
.sns-share.ic-googleplus{background-position:-90px 0;}
.document-comment {color:#303030;margin-bottom:10px;}
.document-comment h3 {margin:0;padding:0 0 18px 0;font-size:13px;border-bottom:1px solid #e6e6e6;}
.document-comment form {position:relative;display:block;padding:22px 0 21px 70px;}
.document-comment .comment-list-img {width:50px;height:50px;border-radius:3px;float:left;margin-right:20px;}
.document-comment form .comment-list-img {position:absolute;left:0;}
.document-comment form textarea {width:100%;height:80px;float:left;overflow-y:auto;border-radius:3px;display:block;border:1px solid #b0b0b0;box-sizing:border-box;resize:none;margin-bottom:10px;}
.document-comment form button.register-btn {width:90px;background:#c33e38;color:#fff;}
.document-comment form button.register-btn:hover {width:90px;background:#e0443e;color:#fff;}
.document-comment .row {border-bottom:1px solid #eee;padding-top:20px;padding-bottom:15px;overflow:auto;border-top:1px solid #e6e6e6;}
.document-comment .row .item {position:relative;overflow:auto;}
.document-comment .row .item.form {display:none;}
.document-comment .row form {padding-left:140px;}
.document-comment .row form img {left:70px;}
.document-comment .row.first {border-top:1px solid #efefef;}
.document-comment .row img {}
.document-comment .row .icon-new {vertical-align: middle;}
.document-comment .row .info-wrap {position:relative;overflow:auto;padding-bottom:4px;}
.document-comment .row .info-wrap .info {float:left;}
.document-comment .row .info-wrap .info span {float:left;}
.document-comment .row .info-wrap .info .name {padding-right:9px;font-size:14px;font-weight:bold;}
.document-comment .row .info-wrap .info .created {line-height:17px;font-size:10px;color:#a0a0a0;}
.document-comment .row .btn-group {position:relative;float:right;color:#b75836;line-height:12px;}
.document-comment .row .btn-group button, .document-comment .row .btn-group a {position:relative;margin:0;padding:0;font-size:12px;outline:none;color:#b75836;}
.document-comment .row .btn-group span {font-size:11px;}
.document-comment .row .content {margin-left:70px;font-size:13px;line-height:19px;}
.document-comment .row.inner {}
.document-comment .row .reply {position:relative;width:50px;height:50px;float:left;margin-right:20px;}
.document-comment .row .reply.comment {top:22px;}
.document-comment .row .reply span {position:absolute;display:block;width:20px;height:20px;top:0;right:0;border-left:2px solid #e6e6e6;border-bottom:2px solid #e6e6e6;box-sizing:border-box;}
.document-comment .row.inner .content {margin-left:140px;}
.document-comment .row .textarea{display:none;padding-left:0 !important;padding-top:5px;}
.document-comment .row .textarea textarea{width:708px;margin-bottom:5px;}
.document-comment .row.inner .textarea textarea{width:638px;}
.document-comment .row .textarea .btn-wrapper{text-align:right;padding-right:2px;}
.product-content .document-comment .row .textarea{margin-left:70px;}
.product-content .document-comment .row .textarea textarea{width:100%;height:150px;margin-bottom:5px;}
.product-content .document-comment .row .textarea .btn-wrapper{text-align:right;padding-right:0;}
.product-detail .info h3 a.edit-btn {margin-left:10px;color:#b75836;}
.product-detail .info h3 a.edit-btn:hover {text-decoration:underline;}
.product-detail .info .content-editor{display:none;}
.product-detail .info .content-editor .translator_info{ }
.report-info {}
.report-info textarea.form-control {width:462px;height:60px;}
li.no-item a,li.no-item a:hover {cursor:default;color:#808080;text-decoration:none;}
p.noitem-msg {margin-top:40px;text-align:center;}
/*-----> spinners css  <------*/
@-webkit-keyframes timer {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes timer {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-o-keyframes timer {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes timer {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.timer { font-family: sans-serif; font-weight: 100; }
.timer:not(:required) { border: 6px solid #50C0DE; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; overflow: hidden; position: relative; text-indent: -9999px; width: 48px; height: 48px; }
.timer:not(:required)::before { -webkit-animation: timer 1250ms infinite linear; -moz-animation: timer 1250ms infinite linear; -ms-animation: timer 1250ms infinite linear; -o-animation: timer 1250ms infinite linear; animation: timer 1250ms infinite linear; -webkit-transform-origin: 3px 3px; -moz-transform-origin: 3px 3px; -ms-transform-origin: 3px 3px; -o-transform-origin: 3px 3px; transform-origin: 3px 3px; background: #50C0DE; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; content: ''; display: block; position: absolute; width: 6px; height: 19.2px; left: 15px; top: 15px; }
.timer:not(:required)::after { -webkit-animation: timer 15000ms infinite linear; -moz-animation: timer 15000ms infinite linear; -ms-animation: timer 15000ms infinite linear; -o-animation: timer 15000ms infinite linear; animation: timer 15000ms infinite linear; -webkit-transform-origin: 3px 3px; -moz-transform-origin: 3px 3px; -ms-transform-origin: 3px 3px; -o-transform-origin: 3px 3px; transform-origin: 3px 3px; background: #50C0DE; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; content: ''; display: block; position: absolute; width: 6px; height: 16px; left: 15px; top: 15px; }
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1030; background-color: #000000; }
.modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); }
.modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); }
/* 2017-09-07 */
/* new table */
table .col-1 {width:100%;}
table .col-2 {width:50%;}
table .col-3 {width:33.33333334%;}
table .col-4 {width:25%;}
table .col-5 {width:20%;}
table .col-6 {width:16.6%;}
table .col-7 {width:10%;}
table .col-8 {width:5%;}
.table-background { width: 100%; }
.table-background tr { height: 60px; }
.table-background th { padding: 18px 0px; font-weight: normal; font-size: 16px; border-top: 2px solid #bbbbbb; border-bottom: 2px solid #bbbbbb; }
.table-background td { padding: 12px 0px; border-bottom: 2px solid #eee; text-align: center; position: relative; }
.table-top { width: 100%; border-top: 2px solid #adcfdf; border-bottom: 2px solid #adcfdf; font-size: 15px; }
.table-top tr { height: 60px; border-bottom: 1px solid #f3f4f5; }
.table-top tr:last-child { border-bottom: none; }
.table-top td { text-align: center; }
.table-thin-top { width: 100%; border-top: 1px solid #f3f4f5; border-bottom: 1px solid #f3f4f5; font-size: 15px; }
.table-thin-top th { width: 200px; text-align: left; }
.table-thin-top tr { height: 60px; border-bottom: 1px solid #f3f4f5; }
.table-thin-top tr.active { background: #f3f4f5; }
.table-thin-top tr:last-child { border-bottom: none; }
.table-thin-top td { text-align: center; position: relative; }
.table-side { width: 100%; }
.table-small-title { margin: 0; padding: 5px 0; text-align: center; }
.table-small { width: 100%; border-top: 1px solid #f3f4f5; border-bottom: 1px solid #f3f4f5; }
.table-small th { padding: 5px; }
.table-small tr { border-bottom: 1px solid #f3f4f5; }
.table-small tr:last-child { border-bottom: none; }
.table-small td { text-align: center; padding: 3px; }
.header { width: 100%; background: #fff; min-height: 60px; }
.header .division { border: 1px solid #eee; }
.header .wrap-tnb-menu { border-bottom: 1px solid #eee; }
.header .wrap-tnb-menu .tnb-menu { width: 1000px; margin: 0 auto; font-size: 15px; line-height: 40px; position: relative; }
.header .wrap-tnb-menu .tnb-link { padding: 0 10px; position: relative; }
.header .wrap-tnb-menu .tnb-link.last { padding-right: 0; }
.header .wrap-tnb-menu .tnb-img { width: 30px; height: 30px; background: #ccc; border-radius: 50%; }
.header .wrap-tnb-menu .tnb-img.cart-img { width: 16px; height: 16px; }
.header .wrap-tnb-menu .wrap-notice-icon { position: relative; }
.header .wrap-tnb-menu .notice-icon { background: #10b5cf; width: 30px; height: 30px; border-radius: 50%; position: absolute; bottom: 0; right: 0; margin: 0 auto; top: -5px; }
.header .wrap-tnb-menu .notice-img { width: 20px; position: absolute; left: 5px; top: 3px; }
.header .wrap-tnb-menu .notice-count { position: absolute; top: 0; right: 0; min-width: 14px; height: 14px; margin: -6px -6px 0 0; font-size: 10px; color: #fff; background: #EA7671; border-radius: 3px; line-height: 14px; text-align: center; letter-spacing: -0.5px; }
.header .wrap-tnb-menu .user-img { width: 30px; height: 30px; vertical-align: middle; border-radius: 50%; margin-bottom: 6px; }
.header .wrap-gnb-menu { min-height: 59px; border-bottom: 1px solid #10b5cf; }
.header .wrap-gnb-menu .gnb-menu { width: 1000px; margin: 0 auto; position: relative; height: 60px; }
.header .wrap-gnb-menu .gnb-menu .logo { position: absolute; bottom: 17px; left: 0; }
.header .wrap-gnb-menu .gnb-menu .gnb { padding-left: 180px; }
.header .wrap-gnb-menu .gnb-menu .gnb-link { font-size: 18px; line-height: 60px; padding-right: 30px; font-weight: bold; }
.header .wrap-gnb-menu .gnb-menu .gnb-link.active { color: #10b5cf; }
.header .wrap-gnb-menu .gnb-menu .gnb-link:focus,
.header .wrap-gnb-menu .gnb-menu .gnb-link:hover { color: #10b5cf; }
.header .wrap-gnb-menu .gnb-menu .gnb-search { margin: 0; padding: 0; position: absolute; right: 0; bottom: 13px; }
.header .wrap-gnb-menu .gnb-menu .gnb-search .search { position: relative; }
.header .wrap-gnb-menu .gnb-menu .gnb-search .search input { position: absolute; bottom: 0; right: 50px; }
.header .wrap-gnb-menu .gnb-menu .gnb-search .search button { width: 50px; height: 34px; position: absolute; bottom: 0; right: 0; }
.header .auth-form { display:none; position:absolute; top:35px; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 300px; padding:12px 19px; background-color:#fff; border:1px solid #969696; z-index:10; }
.header .auth-form .wrap-btn .btn.long { width: 250px; }
.header .myinfo-form ul { margin: 0; padding: 0; }
.header .myinfo-form { display:none; position:absolute; top: 36px; right:0; width: 200px; padding: 0; z-index:10; margin: 5px 0 0; overflow: hidden; box-shadow: 1px 1px 5px rgba(0,0,0,0.15); }
.header .myinfo-form .user-name { padding: 5px; background: #adcfdf; color: #000; font-size: 16px; text-align: center; }
.header .myinfo-form .user-name p { margin: 0; }
.header .myinfo-form li { text-align: left; line-height: 40px; position: relative; background: #dce7e9; }
.header .myinfo-form li > a { padding: 0 20px; display: block; }
.header .myinfo-form .border { width: 170px; height: 1px; background: #ccc; margin: 0 10px; }
#footer{}
#footer .footer1{padding:25px 0;background-color:#f8f8f8;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
#footer .footer1 .search{height:40px;}
#footer .footer1 .search input.keyword{float:left;border:1px solid #c8c8c8;width:320px;height:20px;padding:9px 10px;margin:0;line-height:14px;font-size:14px;outline:none;border-right:0;border-bottom-left-radius:3px;border-top-left-radius:3px;}
#footer .footer1 .search button{float:left;width:120px;height:40px;background:url('../img/btn-search.png') center center no-repeat;border:0;outline:none;}
#footer .footer1 .like-group {position:absolute;right:0;top:10px;}
#footer .footer1 .like-group .fb-like {float:right;}
#footer .footer1 .like-group .tw-like {display:inline-block;width:80px;float:right;}
footer { }
footer .footer-top { width: 1000px; margin: 0 auto; height: 200px; }
footer .footer-top .title { position: relative; }
footer .footer-top .title h2 { margin: 0; padding: 0; font-size: 28px; font-weight: normal; }
footer .footer-top .title a { position: absolute; right: 0; bottom: 0; line-height: 52px; font-size: 14px; color: #cccccc; }
footer .footer-top .clearfix { padding: 21px 0; }
footer .footer-top .wrap-notice { width: 450px; margin: 0; }
footer .footer-top .wrap-notice .notice { padding: 11px 0; }
footer .footer-top .wrap-notice .notice ul { margin: 0; padding: 0; }
footer .footer-top .wrap-notice .notice li { border-bottom: 1px solid #dddddd; padding: 7px 0; }
footer .footer-top .wrap-notice .notice li a { font-size: 14px; color: #888888; }
footer .footer-top .wrap-customer { width: 450px; margin: 0; }
footer .footer-top .wrap-customer .customer { position: relative; height: 120px; }
footer .footer-top .wrap-customer .customer .number { margin: 0; padding: 0; color: #08a7c5; font-size: 40px; }
footer .footer-top .wrap-customer .customer .operating-hour { padding-top: 6px; }
footer .footer-top .wrap-customer .customer .operating-hour h3 { margin: 0; padding: 0; font-size: 16px; font-weight: 500; line-height: 27px; }
footer .footer-top .wrap-customer .customer .operating-hour span { color: #666666; }
footer .footer-top .wrap-customer .customer .customer-btn { position: absolute; right: 0; bottom: 0; }
footer .footer-top .wrap-customer .customer .customer-btn .btn { display: block; font-size: 16px; padding: 16px 50px; text-align: center; margin-bottom: 7px; }
footer .footer-bottom { background: #222222; color: #777777; }
footer .footer-bottom .wrap-footer-bottom { width: 1000px; margin: 0 auto; }
footer .footer-bottom .wrap-footer-link { padding: 15px 0; border-bottom: 1px solid #777777; }
footer .wrap-footer-link .footer-link { }
footer .wrap-footer-link .footer-link ul { margin: 0; padding: 0; }
footer .wrap-footer-link .footer-link li { float: left; color: #777777; padding-left: 17px; padding-right: 17px; border-right: 1px solid #777777; }
footer .wrap-footer-link .footer-link li.first { padding-left: 0; }
footer .wrap-footer-link .footer-link li.last { border-right: none; }
footer .wrap-footer-link .footer-link li a { color: #777777; font-size: 14px; }
footer .wrap-footer-link .footer-social { }
footer .wrap-footer-link .footer-social a { padding: 0 6px; }
footer .footer-bottom .wrap-footer-copyright { height: 130px; position: relative; }
footer .wrap-footer-copyright p { margin: 0; padding: 0; color: #777777; }
footer .wrap-footer-copyright span { padding-right: 15px; color: #777777; }
footer .wrap-footer-copyright a { color: #777777; }
footer .wrap-footer-copyright .address,
footer .wrap-footer-copyright .copyright { padding-top: 15px; }
footer .wrap-footer-copyright .banners { position: absolute; right: 0; bottom: 26px; }
footer .wrap-footer-copyright .banners img { padding: 0 6px; }
.new-pagination { display: table; width: auto; margin: 60px auto; }
.new-pagination ul { margin: 0; padding: 0; }
.new-pagination li { display: block; float: left; width: 36px; height: 36px; margin: 0 2px; }
.new-pagination li a, .new-pagination li span { display: block; width: 100%; height: 100%; line-height: 34px; }
.new-pagination li[disabled] a { opacity: 0.5; cursor: not-allowed; }
.new-pagination .prev, .new-pagination .next { position: relative; }
.new-pagination .arrow { border-right-width: 1px; border-top-width: 1px; border-top-color: #b5b5b5; border-right-color: #b5b5b5; width: 8px; height: 8px; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -4px; }
.new-pagination .prev .arrow { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); }
.new-pagination .next .arrow { }
.new-pagination .num { background: #fff; color: #888888; }
.new-pagination .num.active span { border-radius: 20px; background: #10b5cf; color: #fff; }
/* product 2.0 */
.wrap-breadcrumb { border-bottom: 1px solid #eaeaea; height: 50px; }
.breadcrumb { display: table; width: 100%; line-height: 50px; }
.breadcrumb li { float: left; font-size: 16px; }
.breadcrumb li a { color: #bbbbbb; }
.breadcrumb > li + li:before { content: ''; display: inline-block; margin: 0px 10px 2px; width: 6px; height: 6px; border: 1px solid #bbbbbb; border-left: 0; border-bottom: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.wrap-product { }
.wrap-product .division { margin: 0 13px; color: #222222; float: left; }
.wrap-product .left-product { float: left; position: relative; width: 400px; margin-top: 27px; margin-right: 50px; }
.wrap-product .left-product img { width: 400px; }
.wrap-product .right-product { float: left; position: relative; width: 510px; }
.wrap-product .right-product h1 { overflow: hidden; margin-bottom: 6px; font-size: 28px; font-weight: 400; color: #222222; line-height: 37px; word-break: break-all; }
.wrap-product .wrap-jjim { line-height: 20px; }
.wrap-product .wrap-jjim p { margin: 0; padding: 0; float: left; }
.wrap-product .wrap-jjim .ic { top: 3px; background: url(../img/ic-product-option.png) no-repeat; }
.wrap-product .wrap-jjim .ic-heart-empty { background-position: -40px 0; }
.wrap-product .wrap-price { margin-top: 27px; border-bottom: 1px solid #ececec; }
.wrap-product .wrap-price .price { padding-bottom: 27px; float: left; }
.wrap-product .wrap-price .price strong { font-size: 30px; color: #000; }
.wrap-product .wrap-price .price .won { font-size: 26px; font-weight: 400; display: inline-block; margin-top: 0; line-height: 40px; vertical-align: top; }
.wrap-product .wrap-price .original-price { padding-right: 10px; text-decoration: line-through; font-size: 17px; font-weight: 200; }
.wrap-product .wrap-price .sns { float: right; padding: 20px 0; }
.wrap-product .wrap-form { margin-top: 27px; }
.wrap-product .wrap-form input { text-align: right; }
.wrap-product .wrap-form .division { float: none; }
.wrap-product .wrap-form table { width: 100%; margin-left: 20px; }
.wrap-product .wrap-form tr { font-size: 14px; }
.wrap-product .wrap-form th { text-align: left; width: 80px; font-weight: normal; color: #bbbbbb; padding: 5px 0; }
.wrap-product .wrap-form td { }
.wrap-product .wrap-form .draft { color: #b75836; }
.wrap-product .wrap-form button { background: transparent; border: 1px solid #dfdfdf; position: absolute; height: 25px; }
.wrap-product .wrap-form button.up span { border-top: 0; border-bottom: 4px solid; }
.wrap-product .wrap-form button.down { bottom: 0; }
.wrap-product .wrap-total-price { font-size: 30px; text-align: right; }
.wrap-product .wrap-total-price .total { font-size: 20px; }
.wrap-product .wrap-total-price .price { padding-left: 40px; color: #b75836; font-weight: bold; }
.wrap-product .wrap-total-price .won { font-size: 20px; }
.wrap-product .wrap-btn { text-align: right; }
.wrap-product .wrap-alert { margin-top: 27px; padding-bottom: 27px; border-bottom: 1px solid #ececec; }
.wrap-product .wrap-alert ul { margin: 0; padding: 0; }
.wrap-product .wrap-alert li { position: relative; margin-top: 4px; padding-left: 20px; }
.wrap-product .wrap-alert li.emphasis { color: #ce6a52; font-weight: 500; }
.wrap-product .wrap-alert li:before { position: absolute; top: 5px; left: 0; width: 8px; height: 8px; border: 1px solid #ce6a52; border-bottom: 0; border-left: 0; vertical-align: middle; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); content: ''; }
.bookk-store .wrap-product .left-product img { width: 200px; margin: 0 100px; }
.bookk-store .wrap-product .left-product .book-deco-ebook { position: absolute; left: 100px; }
.wrap-product-detail { padding-bottom: 60px; }
.wrap-product-detail .description, .wrap-product-detail .detail { text-align: center; }
/* upload form */
.upload-timer { display: block; }
.upload-timer .timer:not(:required) { display: block; margin: 0 auto; }
.upload-link { color: #10b5cf; text-decoration: underline; }
.upload-cont { padding-bottom: 20px; }
.wrap-upload { position: relative; }
.wrap-upload .upload-title { margin: 0; padding: 0; position: absolute; top: 30px; left: 138px; font-size: 16px; }
.wrap-upload .upload-icon label { display: block; width: 100%; margin-bottom: 9px; margin-top: 9px; }
.wrap-upload .upload-icon img { cursor: pointer; }
.wrap-upload .upload-txt { margin: 20px 0px; padding: 0 10px; }
.wrap-upload .upload-txt p { margin: 0; padding: 0; line-height: 20px; color: #10b5cf; }
.wrap-upload .upload-txt p.title { text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width: 100%; overflow:hidden; }
.wrap-upload .upload { position: relative; padding-top: 50px; padding-bottom: 50px; margin: 0 80px; height: 100px; width: 200px; border: 2px dashed #92b0b3; }
.wrap-upload .upload input[type=file] { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.wrap-upload .timer { display: none; margin: 0 auto; margin-top: 17px; margin-bottom: 17px; }
.wrap-upload .wrap-btn { padding-top: 0 !important; }
.wrap-upload-icon { position: relative; width: 100%; height: 60px; }
.wrap-upload-icon .timer { position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin-top: -20px; margin-left: -25px; }
.wrap-upload-icon .upload-icon { position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; margin-top: -30px; margin-left: -30px; cursor: pointer; }
.wrap-upload-icon .upload-txt { margin: 0 !important; padding: 0 !important; height: 60px; line-height: 60px; }
.wrap-upload-icon .upload-txt p { line-height: 30px; }
.cover-bg { background-size: cover !important; height: 500px; }
.cover-btn { display: block; position: absolute; width: 100%; margin: -150px auto 0; }
.cover-btn > div { text-align: center; margin: 0 auto; }
.cover-btn .btn-round { margin: 0; color: #fff; line-height: 40px; padding: 10px 14px; border: 1px solid #fff; }