@charset "UTF-8";

@import url(./module.button.css);


/* liScroll */
.tickercontainer {overflow: hidden;}
.tickercontainer .mask {position: relative; left: 10px; top: 0; width: 850px; overflow: hidden;}
ul.newsticker {position: relative; left: 750px;}

/************************************************

 common

 ************************************************/
.pos-r {position: relative;}
.screen-out {font-size:0;color:transparent;width:0px;height:0px;overflow:hidden;position: absolute;top:0;right:0;}
.color-red {color: #ea1010 !important;}
.text-notice {font-size: 13px;}
.text-right {text-align: right !important;}
.f-16 {font-size: 16px !important;}
.f-24 {font-size: 24px !important;}
.text-gray {color: #656565;}
.overlay {background: rgba(0, 0, 0, 0.6); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999;}
.icon {display: inline-block; box-sizing: border-box; background-image: url('https://img.hunet.co.kr/h/books/icon/book-icon-sprites.png'); background-repeat: no-repeat; vertical-align: middle;}
.icon-minus {background-position: -400px 0; width: 28px; height: 30px;}
.icon-plus {background-position: -500px 1px; width: 28px; height: 30px;}
.icon-bar {width: 1px; height: 10px; background: #dadada;}
.icon-celebration {background-position: -100px -100px; width: 50px; height: 35px;}
.icon-close {background-image: url('https://img.hunet.co.kr/h/books/icon/icon-close.jpg'); width: 16px; height: 15px; background-position: 0 0;}
.icon-star {background-image: url('https://img.hunet.co.kr/h/books/common/select-star-icon.png'); width: 82px; height: 14px;}
.btn {display: inline-block; box-sizing: border-box; text-align: center;}
.btn-lg {height: 55px; line-height: 55px; padding: 0 60px;}
.btn-primary {color: #fff; background-color: #ff4e00;}
input.form-control {border: 1px solid #ccc; height: 30px; line-height: 30px; box-sizing: border-box;}

/* 평점 star */
.star-ratio {display: inline-block;}
.star-ratio .icon-star {width: 82px; height: 15px; background-image: url('https://img.hunet.co.kr/h/books/icon/icon-star.png'); background-position: 0 0; background-size: auto auto; position: relative;}
.star-ratio .icon-star i {display: inline-block; vertical-align: top; height: 15px; background-image: url('https://img.hunet.co.kr/h/books/icon/icon-star.png'); background-position: 0 -15px; background-size: auto auto; position: absolute; top: 0; left: 0;}
.celebration-box {border: 1px solid #ddd; padding: 12px 40px 12px 70px; position: relative; margin-bottom: 40px;}
.celebration-box .icon-celebration {position: absolute; top: 50%; left: 15px; margin-top: -17px;}
.celebration-box .rolling-inside {width: 100%; height: 30px; overflow: hidden; border: 1px solid #ddd; box-sizing: border-box; padding-left: 15px;}
.celebration-box .rolling-text {position: relative; width: 100%; height: auto; display: inline-block;}
.celebration-box .rolling-text li {float: left; height: 28px; line-height: 28px; font-size: 13px; color: #656565; padding: 0 50px; position: relative;}
.celebration-box .rolling-text li span {margin-left: 30px;}
.celebration-box .rolling-text li .icon {position: absolute; top: 50%; right: 0; margin-top: -5px; background-color: #c3c3c3;}
.books-detail {margin-top: 40px; color: #656565; letter-spacing: -0.02em;}
.books-detail:after {content: ''; display: block; clear: both;}
.books-detail .books-detail-img {position: relative; float: left; width: 50%;}
.books-detail .books-detail-img img {display: block;}
.books-detail .books-detail-img .label-book {position: absolute; top:-24px; right:55px; width:135px; height:135px; background-image: url('https://img.hunet.co.kr/h/books/common/label_kbs.png');}
.books-detail .books-detail-info {float: right; width: 50%;}
.books-detail .books-detail-info .depth-1 {margin-bottom: 25px;}
.books-detail .book-title {font-size: 33px; font-weight: 500; color: #333; margin-bottom: 20px;}
.books-detail .book-title span {color: #656565; font-size: 14px; display: block; margin-bottom: 10px; font-weight: 400;}
.books-detail .buy-option {border-top: 1px solid #aaa;}
.books-detail .buy-option dl {width: 100%; box-sizing: border-box; display: inline-block; border-bottom: 1px solid #ddd; padding: 15px 20px; font-size: 14px;}
.books-detail .buy-option dl dt {float: left; width: 130px; font-weight: 700;}
.books-detail .buy-option dl dd {float: left; text-align: left; color: #333;}
.books-detail .buy-option .option-quantity span {box-sizing: border-box; display: block; width: 28px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #aaa; float: left; cursor: pointer;}
.books-detail .buy-option .option-quantity input {box-sizing: border-box; width: 40px; height: 30px; line-height: 30px; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; border-left: 0; border-right: 0; text-align: center; float: left;}
.sns-share ul {display: inline-block; margin-bottom: 15px;}
.sns-share li {float: left; margin-right: 20px;}
.sns-share li a {display: inline-block; width: 55px; height: 55px; background-image: url('https://img.hunet.co.kr/h/books/icon/book-icon-sprites.png');}
.sns-share li.sns-blog {margin-right: 0;}
.sns-share li.sns-facebook a {background-position: 0 0;}
.sns-share li.sns-twitter a {background-position: -100px 0;}
.sns-share li.sns-kakao a {background-position: -200px 0;}
.sns-share li.sns-blog a {background-position: -300px 0;}
.btn-bookstore ul {display: inline-block;}
.btn-bookstore ul:after {clear:both;content:'';display:block;*zoom:1;}
.btn-bookstore li {float: left;margin-left:20px; }
.btn-bookstore li a {display: inline-block; width: 69px; height: 25px; background-image: url('https://img.hunet.co.kr/h/books/icon/book-icon-sprites.png');}
.btn-bookstore li.store-yes24 {margin-left:0;}
.btn-bookstore li.store-yes24 a {width: 69px;background-position: 0 -197px;}
.btn-bookstore li.store-kyobo a {width: 77px;background-position: -120px -197px;}
.btn-bookstore li.store-aladin a {width: 77px;background-position: -240px -197px;}
.btn-bookstore li.store-yp a {width: 103px;background-position: -360px -197px;}
.btn-bookstore li.store-bandi a {width: 86px;background-position: -480px -197px;}

.books-detail .btn-wrap {margin: 20px 0 30px;}
.books-detail .btn-wrap a {display: block;}
.books-tab-title {margin-bottom: 40px; height: 50px;}
.books-tab-title ul {display: inline-block; background: #fff;}
.books-tab-title ul.fixed {position: fixed; top: 0; left: 50%; margin-left: -495px; z-index: 9999;}
.books-tab-title ul li {float: left;}
.books-tab-title ul li a {box-sizing: border-box; width: 198px; height: 50px; line-height: 50px; display: inline-block; color: #656565; text-align: center; border: 1px solid #ddd; border-left: 0;}
.books-tab-title ul li a:hover, .books-tab-title ul li a:focus, .books-tab-title ul li a:visited {text-decoration: none;}
.books-tab-title ul li.active a {color: #333; font-weight: bold; border-bottom: 1px solid #fff; border-top: 2px solid #464646;}
.books-tab-title ul li.first a {border-left: 1px solid #ddd;}
.books-tab-title .btn-buy-book {width: 198px; height: 50px; box-sizing: border-box; border-bottom: 1px solid #ddd;}
.books-tab-title .fixed .btn-buy-book a {display: inline-block;}
.books-tab-title .btn-buy-book a {display: none; color: #fff; background: #ff4e00; border-color: #ff4e00; font-weight: bold;}
.books-contents {position: relative; margin-top: 75px; padding-top: 50px;}
.books-contents img {display: block;}
.books-contents .video {position: absolute;bottom:236px;left:50%;margin-left:-311px; width:623px;height:339px;overflow:hidden;text-align:center;}
.books-contents .tab04 .button-panel .button-area {display: block; text-align: right;}
.books-contents .tab04 .button-panel .button-area .btn {vertical-align: top;}

/* publisher-review */
.publisher-review h4 {line-height: 1.5; font-size: 18px; margin: 36px 0 16px 0; color: #333;}
.publisher-review .review-list {border-top: 2px solid #464646; font-size: 14px;}

/* review list */
.book-review h4 {line-height: 1.5; font-size: 18px; margin: 36px 0 16px 0; color: #333;}
.book-review .review-list {border-top: 2px solid #464646; font-size: 14px;}
.book-review .review-detail-info span {vertical-align: middle; padding: 0 10px;}
.book-review .review-detail-info ul {overflow: hidden; float: right;}
.book-review .review-detail-info ul li {float: left;}
.book-review .review-detail-info ul li a {color: #656565; display: inline-block; padding: 0 10px;}
.book-review .review-list .master {padding: 25px 40px; border-top: 1px solid #ddd; cursor: pointer;}
.book-review .review-list .master.best {background: #f9f9f9 url('https://img.hunet.co.kr/h/books/icon/icon-best.png') no-repeat left top;}
.book-review .review-list .master.photo .review-photo {display: table-cell; vertical-align: middle; padding-right: 20px;}
.book-review .review-list .master .review-photo {display: none;}
.book-review .review-list .master.photo .review-content {display: table; vertical-align: middle; box-sizing: border-box;}
.book-review .review-list .master.photo .review-content .review-content-text {display: table-cell;}
.book-review .review-list .master.photo.open .review-content .review-content-text {display: block;}
.book-review .review-list .master.photo .review-photo img {width: 90px; height: auto;}
.book-review .review-list .master.photo.open .review-photo {display: block; padding-right: 0; margin-bottom: 20px;}
.book-review .review-list .master.photo.open .review-photo img {width: auto; max-width: 100%;}
.book-review .review-list .review-title {margin: 15px 0; color: #333; font-weight: bold;}
.book-review .review-list .slave {display: none;}
.book-review .review-list .slave .review-photo {margin-bottom: 20px;}
.book-review .review-list .slave .review-photo img {max-width: 100%;}
.book-review .review-list .slave.best {background: #f9f9f9;}
.book-review .review-list .slave .btn-review-close {background: #fff; border: 1px solid #aaa; border-radius: 3px; display: inline-block; padding: 5px 10px; text-decoration: none;}

.popup-layer.theme-a.type-a									{display: none;}
.popup-layer.theme-a.type-a .layer-contents					{position: fixed; top: 50%; left: 50%; padding: 30px; box-sizing: border-box; background-color: #fff; z-index: 99999;}
.popup-layer.theme-a.type-a .layer-close-btn				{position: absolute; top: 20px; right: 20px;}
.popup-layer.theme-a.type-a .overlay						{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 99998;}
.popup-layer.theme-a.type-a .layer-contents					{border: 2px solid #000; width: 800px;}
.popup-layer.theme-a.type-a h4								{margin: 0; border-bottom: 1px solid #4b4b4b; padding-bottom: 20px; line-height: 1.5; font-size: 18px; color: #000; font-weight: 500; letter-spacing: -0.05em;}
.popup-layer.theme-a.type-a h4 img							{height: 27px; vertical-align: top;}
.popup-layer.theme-a.type-a table .first-cell				{background-color: #f0f0f0; text-align: center; color: #343434; font-weight: bold;}
.popup-layer.theme-a.type-a table td						{padding: 15px 30px; font-size: 14px; border-bottom: 1px solid #ebebeb;}
.popup-layer.theme-a.type-a table input						{width: 100%;}
.popup-layer.theme-a.type-a table textarea					{height: 170px; width: 100%; padding: 15px; box-sizing: border-box; resize: vertical; border: 1px solid #ccc;}
.popup-layer.theme-a.type-a .review-file					{margin-top: 5px;}
.popup-layer.theme-a.type-a .review-file .buttonWrap		{position: relative; float: left; overflow: hidden; cursor: pointer; background: url('https://img.hunet.co.kr/h/books/common/btn-file.jpg') no-repeat right center; width: 100%; height: 29px; border: 1px solid #ccc;}
.popup-layer.theme-a.type-a .review-file .buttonWrap strong	{position: absolute; top: 5px; left: 10px; display: inline-block; width: 410px; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;}
.popup-layer.theme-a.type-a .review-file .buttonWrap input	{position: absolute; filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; cursor: pointer; width: 100%; height: 29px;}
.popup-layer.theme-a.type-a .review-noti					{color: #565656; font-size: 12px; line-height: 1.5; margin-bottom: 30px; margin-top: 20px;}


.popup-layer.theme-a.type-a .posts-list																{border-bottom: 1px solid #cccccc;}
.popup-layer.theme-a.type-a .posts-list .posts-item													{padding-top: 30px; height: 375px; box-sizing: border-box; overflow-y: auto;}
.popup-layer.theme-a.type-a .posts-list .posts-item:after											{content: ''; display: block; clear: both; height: 30px;}
.popup-layer.theme-a.type-a .posts-list .posts-item .posts-face										{float: left; margin-right: 40px; width: 132px; height: 186px;}
.popup-layer.theme-a.type-a .posts-list .posts-item .posts-face .posts-cover						{display: block;}
.popup-layer.theme-a.type-a .posts-list .posts-item .posts-face .posts-cover .image					{display: block; width: 100%; height: 100%;}
.popup-layer.theme-a.type-a .posts-list .posts-item .posts-face .posts-cover .caption				{display: block; margin-top: 16px; line-height: 1.5; font-size: 14px; color: #333333; text-align: center;}

.popup-layer.theme-a.type-a .posts-list .posts-item .posts-main										{float: left; width: 538px;}
.popup-layer.theme-a.type-a .posts-list .posts-item .posts-main .posts-head							{}
.popup-layer.theme-a.type-a .posts-list .posts-item .posts-main .posts-head .posts-name				{line-height: 1.5; font-size: 16px; color: #333333;}
.popup-layer.theme-a.type-a .posts-list .posts-item .posts-main .posts-body							{margin-top: 12px;}
.popup-layer.theme-a.type-a .posts-list .posts-item .posts-main .posts-body .posts-summary			{line-height: 1.5; font-size: 14px; color: #777777;}
.popup-layer.theme-a.type-a .posts-list .posts-item .posts-main .posts-body .posts-summary .text	{}
.popup-layer.theme-a.type-a .button-panel															{margin-top: 30px;}
.popup-layer.theme-a.type-a .button-panel .button-area												{display: block; text-align: center;}
.popup-layer.theme-a.type-a .button-panel .button-area .btn											{min-width: 200px; vertical-align: top;}

.select-star {position: relative;}
.select-box strong {width: 140px; height: 30px; line-height: 30px; display: inline-block; border: 1px solid #ccc; padding: 0 10px; box-sizing: border-box; background: url('https://img.hunet.co.kr/h/books/common/select-box-icon.png') no-repeat 90% center; background-size: 13px auto; cursor: pointer;}
.select-star ul {display: none; border: 1px solid #ccc; position: absolute; top: 29px; left: 0; width: 140px; background-color: #fff; box-sizing: border-box;}
.select-star ul li {padding: 5px 10px; border-bottom: 1px solid #e5e5e5; cursor: pointer;}
.select-star i {background-image: url('https://img.hunet.co.kr/h/books/common/select-star-icon.png'); width: 82px; height: 14px; display: inline-block;}
.select-star .icon-star-5 {background-position: 0 0;}
.select-star .icon-star-4 {background-position: 0 -14px;}
.select-star .icon-star-3 {background-position: 0 -28px;}
.select-star .icon-star-2 {background-position: 0 -42px;}
.select-star .icon-star-1 {background-position: 0 -56px;}

/* kakao layer */
#kakaoQrcode {display: none;}
#kakaoQrcode .popup_contents {position: fixed; top: 50%; left: 50%; z-index: 99999; margin-top: -180px; margin-left: -180px;}
#kakaoQrcode .close_pop_btn {position: absolute; top: 20px; right: 20px; text-indent: -9999em; border: 0; background: url(https://img.hunet.co.kr/ceo/main/layer/btn-modal-close-big.png) no-repeat; width: 26px; height: 26px;}


/*****************************************************************************/


/*
 * global
 */
.em.rise-01																				{color: #333333;}
.em.rise-02																				{color: #425ecc;}
.em.rise-03																				{color: #ea1010;}

/*
 * layout
 */
body																											{font-family: 'Noto Sans KR', AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, '돋움', sans-serif; font-weight: 400;}


/* data-finder */






body>.page-head																									{position: relative; z-index: 10; min-width: 1280px; margin: 0 auto; border-bottom: 1px solid  rgba(0,0,0,0.15);}
body>.page-head .page-head-item																					{margin: 0 auto; width: 990px;}
body>.page-head .page-head-item:after																			{content: ''; display: block; clear: both;}

/* page-name */
body>.page-head .page-head-item .page-name																		{float: left;}
body>.page-head .page-head-item .page-name .text																{display: block; position: relative; width: 150px; height: 102px; line-height: 102px; font-weight: 300; text-align: center; font-size: 24px; color: #000;}
body>.page-head .page-head-item .page-name .text:after															{content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url(https://img.hunet.co.kr/h/books/common/layout_hader_logo.png);}


body>.page-head .page-head-item .data-finder .submit-form .form-list .form-item .form-body .form-area .form .elem:-ms-input-placeholder			{color: #8d8d8d !important;}
body>.page-head .page-head-item .data-finder .submit-form .form-list .form-item .form-body .form-area .form .elem:-moz-placeholder				{color: #8d8d8d !important;}
body>.page-head .page-head-item .data-finder .submit-form .form-list .form-item .form-body .form-area .form .elem::-moz-placeholder				{color: #8d8d8d !important;}
body>.page-head .page-head-item .data-finder .submit-form .form-list .form-item .form-body .form-area .form .elem::-webkit-input-placeholder	{color: #8d8d8d !important;}
body>.page-head .page-head-item .data-finder .submit-form .form-list .form-item .form-body .form-area .btn.submit								{float: right; overflow: visible; margin: 0; padding: 0; height: 30px; width: 30px; border: 0 none transparent; cursor: pointer; background-color: transparent; -webkit-appearance: none;}
body>.page-head .page-head-item .data-finder .submit-form .form-list .form-item .form-body .form-area .btn.submit svg							{height: 16px; width: 16px;}
body>.page-head .page-head-item .data-finder .submit-form .form-list .form-item .form-body .form-area .btn.submit svg path						{fill: #4e525d;}


/* data-finder */
body>.page-head .page-head-item .data-finder																		{position: relative; z-index: 1; float: left; margin: 32px 0 38px 158px; width: 346px;}
body>.page-head .page-head-item .data-finder .submit-form															{margin: 0; padding: 0; border-width: 0; border-style: none; border-color: transparent;}
body>.page-head .page-head-item .data-finder .submit-form legend													{display: block; position: absolute; overflow: hidden; margin: -1px; padding: 0; width: 1px; height: 1px; line-height: 1px; font-size: 1px; border: 0; clip: rect(0 0 0 0); clip: rect(0, 0, 0, 0);}
body>.page-head .page-head-item .data-finder .submit-form .form-list .form-item										{border-bottom: 2px solid #3a3a3a;}
body>.page-head .page-head-item .data-finder .submit-form .form-list .form-item .form-head							{display: block; position: absolute; overflow: hidden; margin: -1px; padding: 0; width: 1px; height: 1px; line-height: 1px; font-size: 1px; border: 0; clip: rect(0 0 0 0); clip: rect(0, 0, 0, 0);}
body>.page-head .page-head-item .data-finder .submit-form .form-list .form-item .form-body .form-area:after			{content: ''; display: block; clear: both;}
body>.page-head .page-head-item .data-finder .submit-form .form-list .form-item .form-body .form-area .form			{float: left;}
body>.page-head .page-head-item .data-finder .submit-form .form-list .form-item .form-body .form-area .form .elem	{margin: 0; padding: 0; overflow: visible; padding: 0 5px; height: 30px; width: 316px; line-height: 30px; font-size: 14px; border: 0 none transparent; vertical-align: top; box-sizing: border-box; border-radius: 0; background-color: transparent; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

/* auto-complete */
.auto-complete																			{position: absolute; top: 32px; right: 0; left: 0;}
.auto-complete .ark-btn																	{overflow: visible; margin: 0; padding: 0; border: 0 none transparent; cursor: pointer; background-color: transparent; -webkit-appearance: none;}
.auto-complete .ark-btn.ark-control														{display: block; position: absolute; top: -32px; right: 30px; padding: 11px;}
.auto-complete .ark-btn.ark-control svg													{display: block; width: 8px; height: 8px; fill: #7f9db9;}

.auto-complete .ark-tooltip																{display: none; position: absolute; z-index: 1; top: 6px; right: 6px; width: 74px; line-height: 14px; font-size: 11px; color: #ffffff; font-weight: 200; letter-spacing: -0.025em; text-align: center; border: 1px solid #45637e; box-sizing: border-box; background-color: #5a82a5;}
.auto-complete .ark-tooltip:before														{content: ''; position: absolute; border-bottom: 4px solid #45637e; border-right: 4px solid transparent; border-left: 4px solid transparent; top: -5px; left: calc(50% - 6px);}
.auto-complete .ark-tooltip:after														{content: ''; position: absolute; border-bottom: 4px solid #5a82a5; border-right: 4px solid transparent; border-left: 4px solid transparent; top: -4px; left: calc(50% - 6px);}

.auto-complete .ark-wrap																{}
.auto-complete .ark-wrap .ark-body														{border: 1px solid #aaaaaa; border-top: 0 none transparent; background-color: #ffffff;}
.auto-complete .ark-wrap .ark-body .keyword-list										{margin: 0; padding: 0; list-style: none;}
.auto-complete .ark-wrap .ark-body .keyword-list .keyword-item							{position: relative; padding: 0 30px 0 8px; line-height: 25px; cursor: pointer;}
.auto-complete .ark-wrap .ark-body .keyword-list .keyword-item:hover					{background-color: #eeeeee;}
.auto-complete .ark-wrap .ark-body .keyword-list .keyword-item .em						{color: #CC6633;}
.auto-complete .ark-wrap .ark-body .keyword-list .keyword-item strong.em				{font-weight: normal;}
.auto-complete .ark-wrap .ark-body .keyword-list .keyword-item .keyword-name			{font-size: 13px; color: #777777;}
.auto-complete .ark-wrap .ark-body .keyword-list .keyword-item .keyword-name			{font-size: 13px;}
.auto-complete .ark-wrap .ark-body .keyword-list .keyword-item .keyword-accuracy		{display: block; position: absolute; right: 6px; top: 0; font-size: 12px; color: #777777; font-family: arial, sans-serif;}
.auto-complete .ark-wrap .ark-body .keyword-part										{border-top: 1px solid #f3f3f3;}
.auto-complete .ark-wrap .ark-body .keyword-list .note									{padding: 12px; font-size: 13px; color: #777777; letter-spacing: -0.025em; text-align: center;}
.auto-complete .ark-wrap .ark-body .keyword-list .note .em								{color: #ea8d07; font-weight: 700;}
.auto-complete .ark-wrap .ark-foot														{border: 1px solid #aaaaaa; border-top: 0 none transparent; background-color: #f3f3f3;}
.auto-complete .ark-wrap .ark-foot .button-area											{}
.auto-complete .ark-wrap .ark-foot .button-area .ark-btn								{height: 32px; font-size: 13px; width: 100%; color: #777777; vertical-align: top;}


#page																								{min-width: 1280px; overflow: hidden;}
#page .page-head																					{position: relative; box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.15);}
/*#page .page-head:before																				{content: ''; display: block; position: absolute; left: 0; top: 102px; right: 0; height: 1px; background-color: rgba(0,0,0,0.15);}*/
#page .page-head-item																				{margin: 0 auto; width: 990px;}
#page .page-head .page-head-item:after																{content: ''; display: block; clear: both;}

/* table of contens */
#page .page-head .page-head-item .page-toc															{float: left; position: relative; z-index: 2; width: 100%;}
#page .page-head .page-head-item .page-toc h2														{display: block; position: absolute; overflow: hidden; margin: -1px; padding: 0; width: 1px; height: 1px; line-height: 1px; font-size: 1px; border: 0; clip: rect(0 0 0 0); clip: rect(0, 0, 0, 0);}
#page .page-head .page-head-item .page-toc .lnb-list												{margin: 0 auto; padding: 0; width: 990px; list-style: none;}
#page .page-head .page-head-item .page-toc .lnb-list:after											{content: ''; display: block; clear: both;}
#page .page-head .page-head-item .page-toc .lnb-list .lnb-item										{float: left; position: relative;}
#page .page-head .page-head-item .page-toc .lnb-list .lnb-item+.lnb-item							{padding-left: 4px; margin-left: 4px;}
#page .page-head .page-head-item .page-toc .lnb-list .lnb-item+.lnb-item:before						{content: ''; display: block; position: absolute; left: 0; top: calc(50% - 0.375em); width: 1px; height: 0.75em; background-color: #f2f2f2;}
#page .page-head .page-head-item .page-toc .lnb-list .lnb-item .lnb-name							{display: block; padding: 0 12px; line-height: 50px; font-size: 16px; color: #000000; font-weight: 500; letter-spacing: -0.05em; text-decoration: none; text-align: center;}
/*
#page .page-head .page-toc .lnb-list .lnb-item.active .lnb-name,
#page .page-head .page-toc .lnb-list .lnb-item.current .lnb-name					{color: #425ecc;}
#page .page-head .page-toc .lnb-list .lnb-item.current .lnb-name					{box-shadow: inset 0 -5px 0 0 #425ecc;}
*/
#page .page-head .page-toc .lnb-list .lnb-item:first-child .lnb-name				{color: #425ecc; box-shadow: inset 0 -5px 0 0 #425ecc; font-weight: bold;}
#page .page-head .page-toc .lnb-list .lnb-item .lnb-name:not(:only-child)			{padding-right: 1.25em;}
#page .page-head .page-toc .lnb-list .lnb-item .lnb-name:not(:only-child):after		{content: ''; display: block; position: absolute; top: calc(50% - 0.5em); right: 0; width: 1em; height: 1em; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCA3LjMzbDIuODI5LTIuODMgOS4xNzUgOS4zMzkgOS4xNjctOS4zMzkgMi44MjkgMi44My0xMS45OTYgMTIuMTd6Ii8+PC9zdmc+); background-repeat: no-repeat; background-position: 50% 50%; background-size: 0.75em auto;}
#page .page-head .page-toc .lnb-list .lnb-item.active .snb-list					{display: block;}
#page .page-head .page-toc .snb-list											{display: none; position: absolute; top: calc(100% - 8px); right: calc(-100px + 0.5em); margin: 0; padding: 0; list-style: none; width: 160px; padding: 8px 20px; box-shadow: 0 0 0 1px rgba(0,0,0,0.2); background-color: #ffffff;}
#page .page-head .page-toc .snb-list:before										{content: ''; position: absolute; border-bottom: 6px solid rgba(0, 0, 0, 0.2); border-right: 4px solid transparent; border-left: 4px solid transparent; top: -7px; left: calc(50% - 4px);}
#page .page-head .page-toc .snb-list:after										{content: ''; position: absolute; border-bottom: 6px solid #fff; border-right: 4px solid transparent; border-left: 4px solid transparent; top: -6px; left: calc(50% - 4px);}
#page .page-head .page-toc .snb-list .snb-item									{display: block; padding: 5px 0;}
#page .page-head .page-toc .snb-list .snb-item:after							{content: ''; display: block; clear: both;}
#page .page-head .page-toc .snb-list .snb-item+.snb-item						{border-top: 1px solid #e1e1e1;}
#page .page-head .page-toc .snb-list .snb-item .snb-name						{display: block; float: left; line-height: 1.5; font-size: 13px; letter-spacing: -0.025em; font-weight: 400; color: #777777;}
#page .page-head .page-toc .snb-list .snb-item.active .snb-name,
#page .page-head .page-toc .snb-list .snb-item.current .snb-name				{color: #425ecc; font-weight: 700;}
#page .page-head .page-toc .btn													{position: absolute; top: calc(50% - 15px); right: 0;}
#page .page-head .page-toc .btn.before-user .text								{padding-top: 5px; padding-bottom: 5px;}
#page .page-head .page-toc .btn.before-user .text::before 						{background: url('https://img.hunet.co.kr/h/books/icon/icon-person.png') no-repeat; width: 18px; height: 18px; -webkit-mask-image: none;}

.page-body:after																								{content: ''; display: block; clear: both;}
.page-body .local-body .content-body																			{margin: 0 auto; width: 990px;}

.posts-type									{display: table; position: absolute; top: -10px; right: 0; width: 50px; height: 50px; line-height: 16px; font-size: 14px; color: #ffffff; letter-spacing: -0.05em; text-align: center; border-radius: 100%;}
.posts-type .type-item						{display: table-cell; vertical-align: middle; border-radius: 100%;}
.posts-type .type-item .wbr					{display: block; -ms-transform: skewX(-15deg); transform: skewX(-15deg);}
.posts-type .type-item.hot					{background-color: #ed1c24;}
.posts-type .type-item.event				{background-color: #22bfec;}
.posts-type .type-item.new					{background-color: #ff0d9b;}
.posts-type .type-item.scheduled			{background-color: #425ecc;}

/* display-board */
.display-board					{overflow: hidden; height: 466px;}
.display-board .bx-viewport		{position: relative; z-index: 1;}
.display-board .board-list									{margin: 0 auto; height: 466px; overflow: hidden;}
.display-board .board-list .board-item						{height: 466px;}
.display-board .board-list .board-item .board-body			{display: block; position: relative; left: 50%; margin-left: -960px; width: 1920px; height: 466px;}
.display-board .board-list .board-item .board-body img		{display: block; border: 0 none transparent;}
.display-board .bx-pager-custom {position: absolute; z-index: 2; left: 50%; bottom: 43px; margin-left: -640px; padding-left: 288px; width: 992px; text-align: center; vertical-align: top; height: 0; line-height: 0; font-size: 0;}
.display-board .bx-pager-custom .bx-pager-item {display: inline-block; position: relative; width: 13px; height: 13px; overflow: visible;}
.display-board .bx-pager-custom .bx-pager-item+.bx-pager-item {margin-left: 15px;}
.display-board .bx-pager-custom .bx-pager-item .bx-pager-link {display: block; width: 13px; height: 13px; font-size: 0; line-height: 0; color: transparent; border-radius: 7px; background-color: #ffffff;}
.display-board .bx-pager-custom .bx-pager-item .bx-pager-text {display: block; visibility: hidden; opacity: 0; position: absolute; bottom: 28px; padding: 6px 8px 0 8px; height: 22px; line-height: 1; font-size: 14px; color: #ffffff; font-weight: 300; letter-spacing: -0.025em; white-space: nowrap; border-radius: 4px; background-color: rgba(0, 0, 0, 0.55); -webkit-transition: visibility 0.4s ease, opacity 0.4s ease; -moz-transition: visibility 0.4s ease, opacity 0.4s ease; -ms-transition: visibility 0.4s ease, opacity 0.4s ease; -o-transition: visibility 0.4s ease, opacity 0.4s ease; transition: visibility 0.4s ease, opacity 0.4s ease;}
.display-board .bx-pager-custom .bx-pager-item .bx-pager-text:after {content: ''; display: block; position: absolute; bottom: -18px; width: 18px; height: 18px; background: url(https://img.hunet.co.kr/hunet/main_v3/bg_displayboard_pager.png) no-repeat 0 100%;}
.display-board .bx-pager-custom .bx-pager-item .bx-pager-link.active {background-color: rgba(0, 0, 0, 0.4);}
.display-board .bx-pager-custom .bx-pager-item .bx-pager-link.active+.bx-pager-text {visibility: visible; opacity: 1;}
.display-board .bx-pager-custom .bx-pager-item:only-of-type												{display: none;}
.display-board .bx-pager-custom .bx-pager-item:nth-child(1) .bx-pager-text								{right: -11px;}
.display-board .bx-pager-custom .bx-pager-item:nth-child(1) .bx-pager-text:after						{right: 0;}
.display-board .bx-pager-custom .bx-pager-item:nth-child(2) .bx-pager-text								{right: -11px;}
.display-board .bx-pager-custom .bx-pager-item:nth-child(2) .bx-pager-text:after						{right: 0;}
.display-board .bx-pager-custom .bx-pager-item:nth-child(3) .bx-pager-text								{left: -11px;}
.display-board .bx-pager-custom .bx-pager-item:nth-child(3) .bx-pager-text:after						{left: 0; background-position: 0 0;}

.section.published-books																				{float: left; position: relative; padding: 72px 0 85px 0; width: 100%;}
.section.published-books:before																			{content: ''; display: block; position: absolute; z-index: -1; top: 0; right: -200%; bottom: 0; left: -200%; background-color: #f8f8f8;}
.section.published-books .section-title																	{margin: 0 0 32px 0; line-height: 1.5; font-size: 28px; color: #000; font-weight: 500; letter-spacing: -0.05em; text-align: center;}
.section.published-books .section-title img																{height: 27px; vertical-align: top;}
.section.published-books .posts-list																	{margin: 0; padding: 0; list-style: none;}
.section.published-books .posts-list:after																{content: ''; display: block; clear: both;}
.section.published-books .posts-list .posts-item														{float: left; width: 172px;;}

.section.published-books .posts-list .posts-item:not(:nth-child(5n+1))									{margin-left: 32px;}
.section.published-books .posts-list .posts-item:nth-child(n+6)											{margin-top: 40px;}
.section.published-books .posts-list .posts-item .posts-rows											{}
.section.published-books .posts-list .posts-item .posts-rows .posts-face								{position: relative; padding: 0 14px;}
.section.published-books .posts-list .posts-item .posts-rows .posts-face:after							{content: ''; display: block; position: absolute; right: 0; bottom: 0; left: 0; height: 11px; border: 1px solid rgba(0,0,0,0.2); box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); background-color: #ffffff;}
.section.published-books .posts-list .posts-item .posts-rows .posts-face .posts-cover					{position: relative; display: block; width: 143px; height: 207px;}
.section.published-books .posts-list .posts-item .posts-rows .posts-face .posts-cover:after				{content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(https://img.hunet.co.kr/h/books/main/bg_book_cover.png) no-repeat 0 0;}
.section.published-books .posts-list .posts-item.original-book .posts-rows .posts-face .posts-cover:before	{content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.5);}
.section.published-books .posts-list .posts-item .posts-rows .posts-face .posts-cover .thumbnail		{width: 100%; height: 100%; vertical-align: top;}

.display-board																							{position: relative;}
.display-board .bx-controls																				{position: static;}
.display-board .bx-controls .bx-controls-direction														{position: static;}
.display-board .bx-controls .bx-controls-direction a													{display: block; position: absolute; z-index: 1; top: calc(50% - 27px); width: 24px; height: 24px; border: 2px solid #ffffff; border-radius: 100%; opacity: 0.5;}
.display-board .bx-controls .bx-controls-direction a svg												{fill: #ffffff; width: 24px; height: 24px;}
.display-board .bx-controls .bx-controls-direction a:hover												{opacity: 1;}
.display-board .bx-controls .bx-controls-direction .bx-prev												{padding: 13px 15px 13px 11px; left: calc(50% - 564px);}
.display-board .bx-controls .bx-controls-direction .bx-next												{padding: 13px 11px 13px 15px; right: calc(50% - 564px);}
.display-board .bx-controls .bx-pager																	{position: absolute; z-index: 1; bottom: 40px; left: 50%; font-size: 0;}
.display-board .bx-controls .bx-pager .bx-pager-item													{display: inline-block;}
.display-board .bx-controls .bx-pager .bx-pager-item+.bx-pager-item										{margin-left: 10px;}
.display-board .bx-controls .bx-pager .bx-pager-item a													{display: block; width: 10px; height: 10px; border-radius: 100%; background-color: rgba(255,255,255,0.75); opacity: 0.25;}
.display-board .bx-controls .bx-pager .bx-pager-item a.active											{opacity: 1;}

.section.reivew																							{float: left; position: relative; margin-top: 78px; width: 475px;}
.section.reivew .section-title																			{margin: 0 0 20px 0; line-height: 1.5; font-size: 18px; color: #000; font-weight: 500; letter-spacing: -0.05em;}
.section.reivew .section-title img																		{height: 27px; vertical-align: top;}
.section.reivew .section-aside																			{position: absolute; top: 8px; right: 0;}
.section.reivew .section-aside .btn.goto-page															{}
.section.reivew .section-aside .btn.goto-page:hover														{text-decoration: underline;}
.section.reivew .section-aside .btn.goto-page .text														{display: inline-block; position: relative; padding: 3px 12px 0 0; height: 17px; vertical-align: top; line-height: 0.9; font-size: 13px; color: #777777; letter-spacing: -0.05em; text-decoration: inherit;}
.section.reivew .section-aside .btn.goto-page .text:after												{content: ''; display: block; position: absolute; top: calc(50% - 1px); right: 0; width: 2px; height: 1px; background: #6f7eb6; box-shadow: -4px 4px 0 0 #6f7eb6, -3px 3px 0 0 #6f7eb6, -2px 2px 0 0 #6f7eb6, -1px 1px 0 0 #6f7eb6, -1px -1px 0 0 #6f7eb6, -2px -2px 0 0 #6f7eb6, -3px -3px 0 0 #6f7eb6, -4px -4px 0 0 #6f7eb6;}
.section.reivew .posts-list																				{margin: 0; padding: 0; list-style: none;}
.section.reivew .posts-list .posts-item																	{}
.section.reivew .posts-list .posts-item+.posts-item														{}
.section.reivew .posts-list .posts-item .posts-rows														{position: relative;}
.section.reivew .posts-list .posts-item .posts-rows:after												{content: ''; display: block; clear: both;}
.section.reivew .posts-list .posts-item .posts-rows .posts-face											{float: left; position: relative; margin-right: 10px; width: 70px; height: 100px;}
.section.reivew .posts-list .posts-item .posts-rows .posts-face .posts-cover							{display: block; width: 70px; height: 100px;}
.section.reivew .posts-list .posts-item .posts-rows .posts-face .posts-cover.video:after				{content: ''; display: block; position: absolute; left: 12px; bottom: 12px; width: 24px; height: 24px; background-color: red;}
.section.reivew .posts-list .posts-item .posts-rows .posts-face .posts-cover .thumbnail					{display: block; width: 100%; height: 100%;}
.section.reivew .posts-list .posts-item .posts-rows .posts-face .mark									{position: absolute; top: 0; right: 0;}
.section.reivew .posts-list .posts-item .posts-rows .posts-main											{float: none; overflow: hidden;}
.section.reivew .posts-list .posts-item .posts-rows .posts-main .posts-head								{border-bottom: 1px solid #e1e1e1;}
.section.reivew .posts-list .posts-item .posts-rows .posts-main .posts-head .posts-name					{line-height: 1.5; letter-spacing: -0.025em;}
.section.reivew .posts-list .posts-item .posts-rows .posts-main .posts-head .posts-name .text			{display: inline-block; vertical-align: top; color: #333; text-decoration: none;}
.section.reivew .posts-list .posts-item .posts-rows .posts-main .posts-head .posts-name .text:hover		{text-decoration: underline;}
.section.reivew .posts-list .posts-item .posts-rows .posts-main .posts-foot								{position: absolute; right: 0;}
.section.reivew .posts-list .posts-item .posts-rows .posts-main .posts-foot:after						{content: ''; display: block; clear: both;}
.section.reivew .posts-list .posts-item .posts-rows .posts-main .posts-foot .foot-item					{display: block; float: left; line-height: 1.5; font-size: 13px; color: #000; font-weight: 300;}
.section.reivew .posts-list .posts-item .posts-rows .posts-main .posts-foot .foot-item+.foot-item		{position: relative; margin-left: 8px; padding-left: 8px;}
.section.reivew .posts-list .posts-item .posts-rows .posts-main .posts-foot .foot-item+.foot-item:after	{content: ''; display: block; position: absolute; width: 1px; height: 1em; top: calc(50% - 0.5em); left: 0; background-color: #e1e1e1;}
.section.reivew .posts-list .posts-item .posts-rows .posts-main .posts-body								{margin-top: 8px;}
.section.reivew .posts-list .posts-item .posts-rows .posts-main .posts-body .posts-summary .text		{display: block; line-height: 1.5; font-size: 13px; color: #000; font-weight: 300;}
.section.reivew .posts-list .posts-item.headline .posts-rows											{padding-bottom: 8px;}
.section.reivew .posts-list .posts-item.headline .posts-rows .posts-main .posts-head					{padding: 0 200px 8px 0; font-size: 16px;}
.section.reivew .posts-list .posts-item.headline .posts-rows .posts-main .posts-head .posts-name .text	{}
.section.reivew .posts-list .posts-item.headline .posts-rows .posts-main .posts-foot					{top: 2px;}
.section.reivew .posts-list .posts-item:not(.headline) .posts-rows .posts-main .posts-head				{padding: 8px 200px 8px 0; font-size: 14px;}
.section.reivew .posts-list .posts-item:not(.headline) .posts-rows .posts-main .posts-foot				{top: 10px;}

.section.insight-plus																					{float: right; margin-top: 78px; width: 475px;}
.section.insight-plus .section-title																	{margin: 0 0 20px 0; line-height: 1.5; font-size: 18px; color: #000; font-weight: 500; letter-spacing: -0.05em;}
.section.insight-plus .section-title img																{height: 27px; vertical-align: top;}
.section.insight-plus .posts-list																		{margin: 0; padding: 0; list-style: none;}
.section.insight-plus .posts-list:after																	{content: ''; display: block; clear: both;}
.section.insight-plus .posts-list .posts-item															{float: left; width: 232px;}
.section.insight-plus .posts-list .posts-item+.posts-item												{margin-left: 11px;}
.section.insight-plus .posts-list .posts-item .posts-rows												{}
.section.insight-plus .posts-list .posts-item .posts-rows .posts-face									{position: relative; width: 232px; height: 128px;}
.section.insight-plus .posts-list .posts-item .posts-rows .posts-face .posts-cover						{display: block; width: 100%; height: 100%;}
.section.insight-plus .posts-list .posts-item .posts-rows .posts-face .posts-cover.video:after			{content: ''; display: block; position: absolute; left: 12px; bottom: 12px; width: 24px; height: 24px; border-radius: 100%; box-shadow: inset 0 0 1px 0 rgba(255,255,255,1); background: rgba(255,255,255,0.75) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjEgMTJsLTE4IDEydi0yNHoiLz48L3N2Zz4=) no-repeat 55% 50%; background-size: 10px auto;}
.section.insight-plus .posts-list .posts-item .posts-rows .posts-face .posts-cover .thumbnail			{display: block; width: 100%; height: 100%;}
.section.insight-plus .posts-list .posts-item .posts-rows .posts-face .mark								{position: absolute; top: 0; right: 0;}

.section.insight-plus .posts-list .posts-item .posts-rows .posts-main									{margin-top: 8px;}
.section.insight-plus .posts-list .posts-item .posts-rows .posts-main .posts-head						{}
.section.insight-plus .posts-list .posts-item .posts-rows .posts-main .posts-head .posts-name			{padding: 0 32px; text-align: center;}
.section.insight-plus .posts-list .posts-item .posts-rows .posts-main .posts-head .posts-name .text		{line-height: 1.5; font-size: 16px; color: #333; text-decoration: none; letter-spacing: -0.025em;}
.section.insight-plus .posts-list .posts-item .posts-rows .posts-main .posts-head .posts-name .text:hove{text-decoration: underline;}

.posts-rating									{display: inline-block; vertical-align: top; line-height: 1.5;}
.posts-rating:after								{content: ''; display: block; clear: both;}
.posts-rating .rating-point						{display: block; position: absolute; overflow: hidden; margin: -1px; padding: 0; width: 1px; height: 1px; line-height: 1px; font-size: 1px; border: 0; clip: rect(0 0 0 0); clip: rect(0, 0, 0, 0);}
.posts-rating .rating-count						{display: block; float: left;}
.posts-rating .rating-count:before				{content: ''; display: inline-block; vertical-align: top; width: 1.5em; height: 1.5em; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMiAyMS41OTNjLTUuNjMtNS41MzktMTEtMTAuMjk3LTExLTE0LjQwMiAwLTMuNzkxIDMuMDY4LTUuMTkxIDUuMjgxLTUuMTkxIDEuMzEyIDAgNC4xNTEuNTAxIDUuNzE5IDQuNDU3IDEuNTktMy45NjggNC40NjQtNC40NDcgNS43MjYtNC40NDcgMi41NCAwIDUuMjc0IDEuNjIxIDUuMjc0IDUuMTgxIDAgNC4wNjktNS4xMzYgOC42MjUtMTEgMTQuNDAybTUuNzI2LTIwLjU4M2MtMi4yMDMgMC00LjQ0NiAxLjA0Mi01LjcyNiAzLjIzOC0xLjI4NS0yLjIwNi0zLjUyMi0zLjI0OC01LjcxOS0zLjI0OC0zLjE4MyAwLTYuMjgxIDIuMTg3LTYuMjgxIDYuMTkxIDAgNC42NjEgNS41NzEgOS40MjkgMTIgMTUuODA5IDYuNDMtNi4zOCAxMi0xMS4xNDggMTItMTUuODA5IDAtNC4wMTEtMy4wOTUtNi4xODEtNi4yNzQtNi4xODEiLz48L3N2Zz4=) no-repeat 50% 50%; background-size: 1em auto; opacity: 0.75;}
.posts-rating .rating-star						{display: block; float: left; margin-top: 0.25em; margin-left: 4px; width: calc(1em * 5); height: 1em; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aA0KIGZpbGw9IiNjY2NjY2MiIGQ9Ik0xMiA1LjE3M2wyLjMzNSA0LjgxNyA1LjMwNS43MzItMy44NjEgMy43MS45NDIgNS4yNy00LjcyMS0yLjUyNC00LjcyMSAyLjUyNS45NDItNS4yNy0zLjg2MS0zLjcxIDUuMzA1LS43MzMgMi4zMzUtNC44MTd6bTAtNC41ODZsLTMuNjY4IDcuNTY4LTguMzMyIDEuMTUxIDYuMDY0IDUuODI4LTEuNDggOC4yNzkgNy40MTYtMy45NjcgNy40MTYgMy45NjYtMS40OC04LjI3OSA2LjA2NC01LjgyNy04LjMzMi0xLjE1LTMuNjY4LTcuNTY5eiIvPjwvc3ZnPg==); background-repeat: repeat-x; background-position: 0 50%; background-size: 1em auto;}
.posts-rating .rating-star .rating-star-point	{display: block; height: 1em; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZWQxYzI0IiBkPSJNMTIgLjU4N2wzLjY2OCA3LjU2OCA4LjMzMiAxLjE1MS02LjA2NCA1LjgyOCAxLjQ4IDguMjc5LTcuNDE2LTMuOTY3LTcuNDE3IDMuOTY3IDEuNDgxLTguMjc5LTYuMDY0LTUuODI4IDguMzMyLTEuMTUxeiIvPjwvc3ZnPg==); background-repeat: repeat-x; background-position: 0 50%; background-size: 1em auto;}

/**
 * layer-popup
 */
/* body.layer-popup-active													{height: 100%; overflow: hidden;}
.layer-popup.type-a															{display: table; overflow: hidden; opacity: 0; position: fixed; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; font-family: 'Noto Sans KR', AppleSDGothicNeo-Regular, 'Malgun Gothic', '맑은 고딕', dotum, '돋움', sans-serif; font-weight: 400; background-color: rgba(0, 0, 0, 0.8); visibility: hidden; -webkit-transition: visibility 0.4s ease, opacity 0.4s ease, z-index 0.4s ease; -moz-transition: visibility 0.4s ease, opacity 0.4s ease, z-index 0.4s ease; -ms-transition: visibility 0.4s ease, opacity 0.4s ease, z-index 0.4s ease; -o-transition: visibility 0.4s ease, opacity 0.4s ease, z-index 0.4s ease; transition: visibility 0.4s ease, opacity 0.4s ease, z-index 0.4s ease; transition: visibility 0.4s ease, opacity 0.4s ease, z-index 0.4s ease;}
.layer-popup.type-a .popup-frame											{display: table-cell; vertical-align: middle;}
.layer-popup.type-a .popup-frame .popup-local								{margin: 0 auto; background-color: #ffffff;}
.layer-popup.type-a .popup-frame .popup-local .popup-head .popup-name		{margin: 0; padding: 24px 0 16px 0; line-height: 1.5; font-size: 18px; color: #000; font-weight: 500; letter-spacing: -0.05em; border-bottom: 1px solid #505050;}
.layer-popup.type-a .popup-frame .popup-local .popup-head .popup-name img	{vertical-align: top;}
.layer-popup.type-a .popup-frame .popup-local .popup-head .popup-name .em	{display: inline-block; vertical-align: top; color: #425ecc;}
.layer-popup.type-a .popup-frame .popup-local .popup-body					{padding: 30px;}
.layer-popup.type-a .popup-frame .popup-local .btn.close					{position: absolute; top: 14px; right: 18px; padding: 16px;}
.layer-popup.type-a .popup-frame .popup-local .btn.close svg				{display: block; width: 16px; height: 16px;}
.layer-popup.type-a.active													{visibility: visible; opacity: 1; z-index: 999999;}*/

/* 전체 과정 */
.all-curriculum .popup-local							{position: relative; width: 868px; padding: 0 30px 30px 30px;}

/* 1 depth */
.all-curriculum .popup-local .data-tree					{margin: 0; padding: 0; width: 708px; list-style: none; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;}
.all-curriculum .popup-local .data-tree>li				{padding: 16px 0 31px 0;}
.all-curriculum .popup-local .data-tree>li:after		{content: ''; display: block; clear: both;}
.all-curriculum .popup-local .data-tree>li+li			{border-top: 1px solid #e0e0e0;}
.all-curriculum .popup-local .data-tree>li>.name		{float: left; margin: 0; width: 120px; line-height: 1.5; font-size: 16px; color: #db2229; font-weight: 400;}

/* intro */
.intro img {display: block; margin: 0 auto;}
.intro .section01 {background-color: #f7f4f4;}
.intro .section02-2, .intro .section02-4 {background-color: #f8f8f8;}
.intro .section03 {background-color: #c6cef0;}
.intro .category-check {position: relative; width: 890px; margin: 0 auto;}
.intro .category-check ul:after {display: block; content: ""; overflow: hidden; clear: both;}
.intro .category-check ul li {position: relative; float: left; margin-bottom: 30px; width: 25%; text-align: center;}
.intro .category-check ul li input[type="checkbox"] {position: absolute; left: 0; top: 0; width: 0; height: 0; opacity: 0; visibility: hidden;}
.intro .category-check ul li input[type="checkbox"] + label {cursor: pointer; position: relative;}
.intro .category-check ul li input[type="checkbox"] + label:before {display: inline-block; vertical-align: middle; margin-right: 5px; content: ""; width: 16px; height: 16px; border: 1px solid #3c4e9b; background-color: #fff;}
.intro .category-check ul li input[type="checkbox"]:checked + label:after {display: block; content: ""; width: 8px; height: 8px; background-color: #cf1c35; position: absolute; left: 5px; top: 11px;}
.intro .category-check ul li .icon {position: relative; display: block; margin: 0 auto 15px; font-size: 20px;color: #333; width: 140px;height: 140px;text-align: center;}
.intro .category-check ul li.category01 .icon {background: url(https://img.hunet.co.kr/h/books/sub/join/icon-category01.png) center top no-repeat;}
.intro .category-check ul li.category02 .icon {background: url(https://img.hunet.co.kr/h/books/sub/join/icon-category02.png) center top no-repeat;}
.intro .category-check ul li.category03 .icon {background: url(https://img.hunet.co.kr/h/books/sub/join/icon-category03.png) center top no-repeat;}
.intro .category-check ul li.category04 .icon {background: url(https://img.hunet.co.kr/h/books/sub/join/icon-category04.png) center top no-repeat;}
.intro .category-check ul li.category05 .icon {background: url(https://img.hunet.co.kr/h/books/sub/join/icon-category05.png) center top no-repeat;}
.intro .category-check ul li.category06 .icon {background: url(https://img.hunet.co.kr/h/books/sub/join/icon-category06.png) center top no-repeat;}
.intro .category-check ul li.category07 .icon {background: url(https://img.hunet.co.kr/h/books/sub/join/icon-category07.png) center top no-repeat;}
.intro .category-check ul li.category08 .icon {background: url(https://img.hunet.co.kr/h/books/sub/join/icon-category08.png) center top no-repeat;}
.intro .category-check ul li textarea {display: none; margin-top: 10px; padding: 10px; border: 0; resize: none;}


.tab-list														{display: table; table-layout: fixed; width: 100%; box-sizing: border-box; border: 1px solid transparent; border-bottom-color: #dddddd; background-color: #ffffff;}
.tab-list .tab-item												{display: table-cell; width: 25%; position: relative;}
.tab-list .tab-item:before										{content: ''; display: block; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; border-top: 1px solid #dddddd;  border-right: 1px solid #dddddd;  border-left: 1px solid #dddddd;}
.tab-list .tab-item+.tab-item									{border-left: 1px solid #dddddd;}
.tab-list .tab-item .tab-name									{display: block; position: relative; line-height: 48px; font-size: 16px; color: #656565; letter-spacing: -0.05em; text-align: center;}
.tab-list .tab-item.current:not(:nth-child(4))					{z-index: 1;}
.tab-list .tab-item.current:not(:nth-child(4)):after			{content: ''; position: absolute; display: block; top: -1px; right: -1px; left: -1px; height: 2px; background-color: #000;}
.tab-list .tab-item.current:not(:nth-child(4)):before			{border-left-color: #cccccc; border-right-color: #cccccc; border-bottom-color: #ffffff; background-color: #ffffff;}
.tab-list .tab-item.current:not(:nth-child(4)) .tab-name		{color: #333333; font-weight: 700;}
.tab-list .tab-item:nth-child(4)								{visibility: hidden; opacity: 0; z-index: 2; -webkit-transition: visibility 0.4s ease, opacity 0.4s ease; -moz-transition: visibility 0.4s ease, opacity 0.4s ease; -ms-transition: visibility 0.4s ease, opacity 0.4s ease; -o-transition: visibility 0.4s ease, opacity 0.4s ease; transition: visibility 0.4s ease, opacity 0.4s ease; transition: visibility 0.4s ease, opacity 0.4s ease;}
.tab-list .tab-item:nth-child(4):before							{border-color: #344482; background-color: #344482;} /* 20191220 수정 */
.tab-list .tab-item:nth-child(4) .tab-name						{color: #ffffff;}

.tab-list														{position: absolute; z-index: 10; top: 0; width: 990px; margin: 0 auto;}
.tab-list.ev-fixed-tab-active									{position: fixed; top: 0;}
.tab-list.ev-fixed-tab-active .tab-item:nth-child(4)			{visibility: visible; opacity: 1;}

/*.temp-01																				{display: table; table-layout: fixed; margin-top: 40px; width: 100%; box-sizing: border-box;}
.temp-01 .posts-face																	{display: table-cell; vertical-align: top; padding-right: 125px; width: 370px;}
.temp-01 .posts-face .posts-cover														{display: block;}
.temp-01 .posts-face .posts-cover img													{display: block;}
.temp-01 .posts-main																	{display: table-cell; vertical-align: top; width: 495px;}
.temp-01 .posts-main .posts-head														{position: relative; padding: 21px 0 12px 0;}
.temp-01 .posts-main .posts-head .posts-title											{margin: 0; padding: 0; line-height: 1.5; font-size: 32px; color: #333333; font-weight: 500; letter-spacing: -0.05em;}
.temp-01 .posts-main .posts-head .posts-subtitle										{position: absolute; top: 0; left: 0; margin: 0; padding: 0; line-height: 1.5; font-size: 14px; color: #333333; letter-spacing: -0.05em;}
.temp-01 .posts-main .posts-foot .data-table											{table-layout: fixed; width: 100%; border-spacing: 0; border: 0 none transparent; border-collapse: collapse; border-top: 1px solid #aaaaaa;}
.temp-01 .posts-main .posts-foot .data-table caption									{overflow: hidden; margin: -1px; padding: 0; width: 1px; height: 1px; line-height: 1px; font-size: 1px; border: 0; clip: rect(0 0 0 0); clip: rect(0,0,0,0);}
.temp-01 .posts-main .posts-foot .data-table th,
.temp-01 .posts-main .posts-foot .data-table td											{padding: 12px 18px; height: 28px; font-size: 1em; line-height: 1.5; font-size: 14px; word-break: break-all; border-bottom: 1px solid #dfe0e0;}
.temp-01 .posts-main .posts-foot .data-table .foot-item .head							{color: #656565; font-weight: 700; text-align: left;}
.temp-01 .posts-main .posts-foot .data-table .foot-item .body							{font-weight: 500; color: #333333;}
.temp-01 .posts-main .posts-foot .data-table .body .note								{font-weight: 300;}
.temp-01 .posts-main .posts-side														{margin-top: 16px;}
.temp-01 .posts-main .posts-side .button-panel .button-area								{display: block;}
.temp-01 .posts-main .posts-side .button-panel .button-area .btn						{width: 100%;}
*/
.publisher-review .posts-list																	{border-top: 2px solid #464646; border-bottom: 1px solid #464646; background-color: #f9f9f9;}
.publisher-review .posts-list .posts-item														{padding: 25px 40px;}
.publisher-review .posts-list .posts-item .posts-main											{}
.publisher-review .posts-list .posts-item .posts-main .posts-head .posts-name					{margin: 0; line-height: 1.5; font-size: 14px; color: #333333; font-weight: 500; letter-spacing: -0.025em;}
.publisher-review .posts-list .posts-item .posts-main .posts-head .posts-name .text				{display: inline-block; vertical-align: top;}
.publisher-review .posts-list .posts-item .posts-main .posts-body								{margin-top: 8px;}
.publisher-review .posts-list .posts-item .posts-main .posts-body .posts-summary					{line-height: 1.5; font-size: 14px; color: #656565;}
.publisher-review .posts-list .posts-item:not(.active) .posts-main .posts-body .posts-summary .text	{height: 84px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.publisher-review .posts-list .posts-item .posts-main .posts-body .button-area						{margin-top: 24px; text-align: right;}
.publisher-review .posts-list .posts-item .posts-main .posts-body .button-area .btn					{}
html.ie9 .publisher-review .posts-list .posts-item .posts-main .posts-body .posts-summary:not(.active) .text					{display: block;}


/* book detail online store */
.online-store {width: 100%;}
.online-store th,
.online-store td {border: 1px solid #ddd;}
.online-store th {font-size: 14px; color: #656565; line-height: 20px; padding: 0 10px; text-align: left; border: 0;} /* 20191220 수정 */
.online-store th img{vertical-align: bottom;} /* 20191220 추가 */
.online-store th span{padding:0 10px 15px 0; display:inline-block;} /* 20191220 추가 */
.online-store td {font-size: 0; height: 45px; vertical-align: middle;}
.online-store td a {display: block; text-align: center;}