@charset "utf-8";

html {-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;}
html, body {margin:0;padding:0;height:100%;}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0;padding:0;font-family:'Noto Sans KR',sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;box-sizing:border-box;}
body {font-weight:300;font-size:14px;color:#36364b;line-height:160%;}
table {width:100%;border:0;border-spacing:0;border-collapse:collapse;}
table caption,
form legend{visibility:hidden;width:0;height:0;line-height:0;font-size:0;}
button span {position:relative;}
button::-moz-focus-inner {padding:0;border:0;}
button, input[type=submit], input[type=reset], input[type=button] {overflow:visible; margin:0; padding:0; cursor:pointer; border:0; background:transparent;outline:none;}
input[type=checkbox] {-webkit-appearance:checkbox;}
input[type=image]{vertical-align:top;}
input, select, textarea, button {font-family:'Noto Sans KR',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;font-weight:400;font-size:14px;font-weight:300;border-radius:0;outline:none;}
li {list-style:none;}
img, fieldset {border:none; vertical-align:top;}
hr {display:none;}
em, address, cite {font-style:normal;}
strong {font-weight:500;}
ol li {margin:0 0 0 16px;padding:0 0 0 1px;list-style: decimal;}
*:focus { outline:none;}

a {color:#36364b;outline:none;text-decoration:none;-webkit-font-smoothing: antialiased;}

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover, a:focus {text-decoration:none;}
a:active {text-decoration:none;}

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

/* 폰트 */
@font-face {
	font-family: "Pretendard";
	font-weight: 100;
	font-display: swap;
	src: local("Pretendard Thin"), url("/https/www.bookdonga.com/fonts/Pretendard-Thin.subset.woff2") format("woff2"),
		url("/fonts/Pretendard-Thin.subset.woff") format("woff");
}
@font-face {
	font-family: "Pretendard";
	font-weight: 200;
	font-display: swap;
	src: local("Pretendard ExtraLight"),
		url("/fonts/Pretendard-ExtraLight.subset.woff2") format("woff2"),
		url("/fonts/Pretendard-ExtraLight.subset.woff") format("woff");
}
@font-face {
	font-family: "Pretendard";
	font-weight: 300;
	font-display: swap;
	src: local("Pretendard Light"), url("/https/www.bookdonga.com/fonts/Pretendard-Light.subset.woff2") format("woff2"),
		url("/fonts/Pretendard-Light.subset.woff") format("woff");
}
@font-face {
	font-family: "Pretendard";
	font-weight: 400;
	font-display: swap;
	src: local("Pretendard Regular"),
		url("/fonts/Pretendard-Regular.subset.woff2") format("woff2"),
		url("/fonts/Pretendard-Regular.subset.woff") format("woff");
}
@font-face {
	font-family: "Pretendard";
	font-weight: 500;
	font-display: swap;
	src: local("Pretendard Medium"),
		url("/fonts/Pretendard-Medium.subset.woff2") format("woff2"),
		url("/fonts/Pretendard-Medium.subset.woff") format("woff");
}
@font-face {
	font-family: "Pretendard";
	font-weight: 600;
	font-display: swap;
	src: local("Pretendard SemiBold"),
		url("/fonts/Pretendard-SemiBold.subset.woff2") format("woff2"),
		url("/fonts/Pretendard-SemiBold.subset.woff") format("woff");
}
@font-face {
	font-family: "Pretendard";
	font-weight: 700;
	font-display: swap;
	src: local("Pretendard Bold"), url("/https/www.bookdonga.com/fonts/Pretendard-Bold.subset.woff2") format("woff2"),
		url("/fonts/Pretendard-Bold.subset.woff") format("woff");
}
@font-face {
	font-family: "Pretendard";
	font-weight: 800;
	font-display: swap;
	src: local("Pretendard ExtraBold"),
		url("/fonts/Pretendard-ExtraBold.subset.woff2") format("woff2"),
		url("/fonts/Pretendard-ExtraBold.subset.woff") format("woff");
}
@font-face {
	font-family: "Pretendard";
	font-weight: 900;
	font-display: swap;
	src: local("Pretendard Black"), url("/https/www.bookdonga.com/fonts/Pretendard-Black.subset.woff2") format("woff2"),
		url("/fonts/Pretendard-Black.subset.woff") format("woff");
}

/* form */
form {display:block;border:none;}
fieldset {margin:0px;padding:0px;border:none;}
input {padding-top:2px;vertical-align:middle;border:none;}
input[type~="text"] {height:30px;text-indent:16px;border:1px solid #e1e1e1;border-radius:4px;}
input[type~="password"] {height:30px;text-indent:16px;border:1px solid #e1e1e1;border-radius:4px;}
input[type~="number"] {height:30px;text-indent:16px;border:1px solid #e1e1e1;border-radius:4px;}
input[type~="number"]::-webkit-outer-spin-button,
input[type~="number"]::-webkit-inner-spin-button {-webkit-appearance:none;-moz-appearance:textfield;margin:0;}
input[type~="file"] {height:30px;text-indent:0;border:1px solid #e1e1e1;border-radius:4px;}
input[type~="checkbox"] {position:relative;top:-1px;border:none;}
input[type~="radio"] {position:relative;top:-1px;border:none;margin:-1px 0;}
input::-webkit-input-placeholder,
input:-ms-input-placeholder,
input::placeholder {color:#bfc1cd;}
select {font-size:16px; vertical-align:middle;}
textarea {border:1px solid #fefefe;border-radius:4px;}
textarea::-webkit-input-placeholder,
textarea:-ms-input-placeholder,
textarea::placeholder {color: #bfc1cd;}

/* Form Tag */
.form-text {display:inline-block;width:100%;vertical-align:middle;}
.form-text input[type^="text"] {display:block;margin:0;padding:0;width:100%;height:40px;font-size:14px;}
.form-password {display:inline-block;}
/*
.form-file {display:inline-block;vertical-align:middle;}
.form-file input[type^="file"] {display:block;margin:0;padding:0;width:100%;font-size:14px;}
*/
.form-file {display:inline-block;position:relative;margin:0 4px 0 0;padding:0 24px;min-width:16px;height:64px;line-height:64px;font-size:14px;font-weight:400;vertical-align:middle;overflow:hidden;border:1px solid #e6eaf2;border-radius:4px;background:#fff url(/https/www.bookdonga.com/images/pc/icon_addfile.png) no-repeat 50%;cursor:pointer;}
.form-file .filename {display:block;line-height:64px;background:#fff;}
.form-file .filename img {display:inline-block;position:relative;top:-2px;margin:0 5px 0 0;vertical-align:middle;}
.form-file input[type^="file"] {position:absolute;left:-30000px;top:0px;}
.form-file .btn-delete {display:block;position:absolute;right:6px;top:6px;width:16px;height:16px;text-indent:-1000px;overflow:hidden;background:url(/https/www.bookdonga.com/images/pc/icon_delete_file.png) no-repeat 50%;}
.form-radio {display:inline-block;position:relative;overflow:hidden;margin:0 0 0 15px;padding:0;height:26px;line-height:22px;text-indent:0;vertical-align:middle;font-size:16px;color:#36364b;text-align:left;}
.form-radio::before {content:'';display:inline-block;position:relative;top:-1px;width:22px;height:22px;vertical-align:middle;background:#fff;border:1px solid #b7b7b7;border-radius:100%;}
.form-radio:first-child {margin:0;}
.form-radio input[type='radio'] {position:absolute;left:-1000000px;top:0;}
.form-radio.checked {}
.form-radio.checked::before {border-color:#3d4ed7;background:#3d4ed7 url(/https/www.bookdonga.com/images/pc/form_radio_default_on.png) no-repeat 50%;}
.form-radio.disable {color:#8d99ae;}
.form-radio.disable::before {border-color: #d9d9d9;background:#f5f5f5;}
.form-radio.checked.disable {color:#8d99ae;}
.form-radio.checked.disable::before {border-color: #d9d9d9;/* background:#f5f5f5 url(/https/www.bookdonga.com/images/form_radio_default_on_disable.png) no-repeat 50%; */}
.form-checkbox {display:inline-block;position:relative;overflow:hidden;margin:0;padding:0;height:auto;line-height:22px;text-indent:16px;vertical-align:middle;font-size:14px;color:#36364b;text-align:left;}
.form-checkbox::before {content:'';display:inline-block;position:relative;margin:0 4px 0 -16px;top:-1px;width:22px;height:22px;vertical-align:middle;background:#fff;border:1px solid #e1e1e1;border-radius:4px;}
.form-checkbox:first-child {margin:0;}
.form-checkbox input[type='checkbox'] {position:absolute;left:-1000000px;top:0;}
.form-checkbox.checked {}
.form-checkbox.checked::before {border-color:#717fa3;background:#717fa3 url(/https/www.bookdonga.com/images/pc/form_checkbox.png) no-repeat 50%;}
.form-checkbox.disable {color:#8d99ae;}
.form-checkbox.disable::before {border-color: #d9d9d9;background:#f5f5f5;}
.form-checkbox.checked.disable {color:#8d99ae;}
.form-checkbox.checked.disable::before {border-color: #d9d9d9;/* background:#f5f5f5 url(/https/www.bookdonga.com/images/form_checkbox_default_on_disable.png) no-repeat 50%; */}
.form-checkbox.small {top:-1px;height:19px;line-height:16px;}
.form-checkbox.small::before {content:'';margin:0 4px 0 -16px;top:-1px;width:16px;height:16px;}
.form-checkbox.small.checked::before {background-size:8px auto;}
    /* kim 추가 */
.form-checkbox::before {cursor: pointer;}
    /* form-checkbox : big */
.form-checkbox.allcheck {font-size:16px; color: #36364b; font-weight:500; line-height:30px;}
.form-checkbox.allcheck::before {width:28px; height:28px; background: /* #f5f6f9 */ #fff url(/https/www.bookdonga.com/images/pc/icon_check_data.png) no-repeat center 50%; /* border:none; */ margin-right:16px; box-sizing: border-box;}
.form-checkbox.allcheck.checked::before {background: #36364b url(/https/www.bookdonga.com/images/pc/icon_check_data.png) no-repeat center 50%;}
input[type~="text"].input-type1 {border:1px solid #999aa9;}


.form-select {display:inline-block;margin:0; box-sizing:border-box;-webkit-box-sizing:border-box;vertical-align:middle;border:1px solid #e1e1e1;position:relative;height:40px;background:#fff;border-radius:4px;}
.form-select:after {content:'';display:block;position:absolute;right:12px;top:50%;margin-top:-4px;width:10px;height:10px;background:url(/https/www.bookdonga.com/images/pc/form_select.png) 0 0 no-repeat;background-size:100%;}
.form-select select {display:inline-block;position:relative;z-index:1;width:100%;box-sizing:border-box; padding:0 30px 3px 16px;border:0;height:40px;background:none;-webkit-appearance: none;-moz-appearance:none;appearance:none;font-size:16px;cursor:pointer;outline:none;vertical-align:middle;}
.form-select select::-ms-expand {display: none;}
.form-textarea {display:block;}
.form-textarea textarea {display:block;width:100%;height:200px;padding:16px;box-sizing:border-box;}
.form-switch {display:inline-block;position:relative;width:32px;height:20px;overflow:hidden;background:#e6eaf2;border-radius:16px;cursor:pointer;}
.form-switch input {position:absolute;left:-10000px;}
.form-switch::after {content:'';display:block;position:absolute;left:2px;top:2px;width:16px;height:16px;background:#fff;border-radius:100%;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.form-switch.checked {background:#fd342a;}
.form-switch.checked::after {left:14px;}
.form-number {display:inline-block;position:relative;width:100%;vertical-align:middle;border: 1px solid #e1e1e1;border-radius:4px;overflow:hidden;}
.form-number input[type="number"] {display:block;float:left;margin:0;padding:0;width:calc(100% - 20px);height:30px;font-size:14px;text-indent:16px;border:none;border-radius:0;}
.form-number input[type="number"]::-webkit-inner-spin-button,
.form-number input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
.form-number input[type="number"] {-moz-appearance:textfield;}
.form-number .quantity-nav {position:absolute;right:0;top:1px;height:100%;}
.form-number .quantity-button {display:flex;flex-direction:column;justify-content:center;text-align:center;width:20px;text-align:center;color:#808fa3;font-size:13px;line-height:20px;cursor:pointer;background:#f6f7fb;border-left:1px solid #e1e1e1;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.form-number .quantity-button.quantity-up {position:absolute;height:50%;top:0;border-bottom:1px solid #eee;}
.form-number .quantity-button.quantity-down {position:absolute;bottom:0;height:50%;}


.box-ordernum {display:inline-flex;justify-content:space-between;}
.box-ordernum input[type="number"] {width:200px;}
.box-phonenum {display:inline-flex;width:316px;justify-content:space-between;}
.box-phonenum .form-select {width:100px;}
.box-phonenum .form-text {width:100px;}
.box-email {display:inline-flex;width:468px;justify-content:space-between;line-height:38px;}
.box-email .form-select {width:143px;}
.box-email .form-text {width:143px;}
.box-addfile .text-notice-file {margin-top:8px;font-size:12px;}
.box-address {display:block;}
.box-address .btn-type1 {margin:0 6px 16px 0;}
.box-address .btn-type1 button {width:auto;height:40px;line-height:38px;}
.box-address .zipcode {margin-bottom:17px;width:290px;}
.box-address .address1 {display:block;margin-bottom:16px;width:600px;}
.box-address .address2 {display:block;margin-bottom:0;width:600px;}

/* Buttons */
.btn-type1 {display:inline-block;margin:0 8px;vertical-align:middle;}
.btn-type1 a,
.btn-type1 button {display:block;padding:0 28px;width:296px;height:56px;text-align:center;font-size:18px;font-weight:500;line-height:54px;border:1px solid #999aa9;border-radius:4px;box-sizing:border-box;cursor: pointer;}
.btn-type2 {display:inline-block;margin:0 8px;vertical-align:middle;}
.btn-type2 a,
.btn-type2 button {display:block;padding:0 28px;width:296px;height:56px;text-align:center;font-size:18px;color:#fff;font-weight:500;line-height:54px;border:1px solid #36364b;border-radius:4px;box-sizing:border-box;background:#36364b;cursor: pointer;}
.btn-type2.mall a,
.btn-type2.mall button {background:#3d4ed7;}

.btn-type11 {display:inline-block;margin:0 8px;vertical-align:middle;}
.btn-type11 a,
.btn-type11 button {display:block;width:120px;height:40px;text-align:center;line-height:38px;font-size:14px;font-weight:500;color:#fd342a;border:1px solid #e1e1e1;border-radius:20px;}

.box-button {text-align:center;}
.box-button.col2 [class^='btn-type'] a,
.box-button.col2 [class^='btn-type'] button {width:208px;}

/* Buttons - 삭제 */
.btn-del-type1 {display: inline-flex; margin-left:24px;}
.btn-del-type1:hover button {text-decoration: underline;}
.btn-del-type1 button {font-size: 16px; font-weight: 400; color: #36364b;}
.btn-del-type1 button::before {content: ''; display:inline-block; width:24px; height:24px; margin-top:-5px; margin-right:8px; vertical-align: middle;}
.del-choice button::before {background: url(/https/www.bookdonga.com/images/pc/icon_dele_type1.png) no-repeat center top; background-size:24px auto;}
.del-all button::before {background: url(/https/www.bookdonga.com/images/pc/icon_dele_type2.png) no-repeat center top; background-size:24px auto;}
.del-small button {display:block; font-size:14px; color: #36364b; height:24px; font-weight:400;}
.del-small button::before {content: ''; display:inline-block; width:14px; height:16px; margin-top:3px; margin-right:8px; vertical-align: middle; background: url(/https/www.bookdonga.com/images/pc/icon_my_dele.png) no-repeat left top; font-size:14px; color: #36364b; height:24px; font-weight:400;}

/* Table */
.table-type1 table {width:100%;}
.table-type1 th {padding:13px 15px;font-size:16px;text-align:center;font-weight:500;background:#f5f6f9;}
.table-type1 td {padding:13px 15px;font-size:14px;text-align:center;border:1px solid #e1e1e1;background:#fff;}

.table-type1.bulk {margin-bottom:-32px;}
.table-type1.bulk th {font-size:18px;font-weight:500;background:none;border:none;border-bottom:1px solid #999aa9;}
.table-type1.bulk th .form-checkbox.checked::before {background-color:#36364b;}
.table-type1.bulk td {font-size:16px;background:none;border:none;border-bottom:1px solid #f1f1f1;}
.table-type1.bulk .title {padding-left:0;text-align:left;font-weight:500;}
.table-type1.bulk .price {font-weight:400;color:#e02020;}
.table-type1.bulk .state {font-weight:normal;color:#575e6f;}

.table-type1.coupon {margin-top:-32px;margin-bottom:-32px;}
.table-type1.coupon th {font-size:18px;font-weight:500;background:none;border:none;border-bottom:1px solid #999aa9;}
.table-type1.coupon th .form-checkbox.checked::before {background-color:#36364b;}
.table-type1.coupon td {font-size:16px;background:none;border:none;border-bottom:1px solid #f1f1f1;}
.table-type1.coupon .title {padding-left:0;text-align:left;font-weight:500;}
.table-type1.coupon .price1 {text-align:right;}
.table-type1.coupon .price2 {text-align:right;color:#e02020;}
.table-type1.coupon .state {font-weight:normal;color:#575e6f;}

/* etc */
i.div-bar {display:inline-block;position:relative;top:2px;margin:0 3px;width:1px;height:14px;background:#575e6f;overflow:hidden;}
.div-type1 {display:block;margin:0;padding:0;width:100%;height:1px;background:#999aa9;border:none;}
.div-type2 {display:block;margin:0;padding:0;width:100%;height:1px;background:#e1e1e1;border:none;}

/* Page Top - Other */
.area-other {position:relative;z-index:12;margin:0 0 0 80px;padding:0 20px;min-width:1320px;/* height:48px; */height:24px;text-align:right;white-space: nowrap;background:#fff;}
.area-other .contain-other {position:relative;display:inline-block;}
.area-other .btn-other {display:block;margin:0;width:80px;}
.area-other .btn-other button {display:block;padding:10px 20px 0 0;height:48px;font-size:14px;font-weight:400;}
.area-other .btn-other button::after {content:'';display:block;position:absolute;right:0;top:25px;width:10px;height:10px;background:url(/https/www.bookdonga.com/images/pc/icon-other-dropdown.png) no-repeat;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.area-other .btn-other button.on::after {transform: rotate(180deg);}
.area-other .box-links {overflow:hidden;width:80px;height:0;text-align:left;border-bottom:2px solid #36364b;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.area-other .box-links.on {height:90px; background: #fff;}
.area-other .box-links a {display:block;padding:5px 8px 0;}
    /* Page Top - Other in Visual */
.visual .area-other {background:none;}

/* Header */
.area-header {position:relative;z-index:11;margin:0 0 0 80px;padding:0 40px;min-width:1320px;background:#fff;border-bottom:1px solid #e1e1e1;box-sizing:border-box;}
.area-header .area-inner {position:relative;margin:0 auto;padding:20px 0;width:1200px;height:80px;}
.area-header .title {position:absolute;left:0px;top:10px;width:100px;height:50px;line-height:50px;text-align:center;text-indent:-10000px;overflow:hidden;background:url(/https/www.bookdonga.com/images/pc/img__headerlogo.svg) no-repeat left 50%;}
.area-header .title a {display:block;width:100px;height:50px;}
    /* Header - Navigation : Global */
.area-header .navigation-global {position:relative;display:flex;margin:0 0 0 170px;}
.area-header .navigation-global a {position:relative;margin:0;padding:10px 20px;font-size:20px;font-weight:500;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.area-header .navigation-global div {position:relative;margin:0;padding:10px 20px;font-size:20px;font-weight:500;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; cursor: default;}
.area-header .navigation-global .location-bar-gnb {display:block;position:absolute;bottom:-19px;height:2px;overflow:hidden;background:#ff0a00;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.area-header .navigation-global.hold .location-bar-gnb {height:0}
.area-header .more {display:block;position:absolute;left:840px;top:20px;}
.area-header .more button {display:block;position:relative;margin:0;padding:10px 20px;font-size:16px;font-weight:400;}
.area-header .more button::after {content:'';display:block;position:absolute;right:0;top:18px;width:10px;height:10px;background:url(/https/www.bookdonga.com/images/pc/icon_gnb_more.png) no-repeat right 50%;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;transform: rotate(180deg);}
.area-header .more.on button::after {transform: rotate(0deg);}
.area-header .box-privite {position:absolute;right:0;top:25px;}
.area-header .box-privite >span {position:relative;display:inline-block;margin:0 0 0 13px;width:30px;height:30px;vertical-align:top;border-radius:100%;}
.area-header .box-privite >span button,
.area-header .box-privite >span a {display:block;width:30px;height:30px;font-size:10px;font-family:'Roboto';opacity:0;color:#fff;line-height:60px;text-align:center;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.area-header .box-privite >span:hover button,
.area-header .box-privite >span:active button,
.area-header .box-privite >span:hover a,
.area-header .box-privite >span:active a {line-height:80px;overflow:visible;color:#36364b;opacity:1;}
.area-header .box-privite >span.icon-login {background:url(/https/www.bookdonga.com/images/pc/icon_gnb_login.svg) no-repeat 50%; background-size: 24px;}
.area-header .box-privite >span.icon-logout {background:url(/https/www.bookdonga.com/images/pc/icon_gnb_login_on.svg) no-repeat 50%; background-size: 24px;}
.area-header .box-privite >span.icon-shopping {background:url(/https/www.bookdonga.com/images/pc/icon_gnb_shopping.png) no-repeat 50%; background-size: 24px;}
.area-header .box-privite >span.icon-shopping a {text-indent: -3px;}
.area-header .box-privite >span.icon-search {background:url(/https/www.bookdonga.com/images/pc/icon_gnb_search.svg) no-repeat 50%; background-size: 24px;}
.area-header .box-privite >span.icon-cart {overflow:visible;background:url(/https/www.bookdonga.com/images/pc/icon_gnb_mall.svg) no-repeat 50%; background-size: 24px;}
.area-header .box-privite .box-search {display:block;position:absolute;right:-8px;top:-8px;padding:8px 0;width:0px;height:48px;background:#f5f6f9;border-radius:25px;overflow:hidden;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.area-header .box-privite .box-search.on {width:240px;}
.area-header .box-privite .box-search .box-inner {display:flex;}
.area-header .box-privite .box-search .box-inner input {position:absolute;right:50px;top:7px;width:175px;vertical-align:middle;font-size:16px;color:#333;text-indent:10px;border:none;background:none;}
.area-header .box-privite .box-search .box-inner input:-webkit-autofill,
.area-header .box-privite .box-search .box-inner input:-webkit-autofill:hover,
.area-header .box-privite .box-search .box-inner input:-webkit-autofill:focus,
.area-header .box-privite .box-search .box-inner input:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s;}
.area-header .box-privite .box-search .box-inner .btn-search {display:block;position:absolute;right:0px;top:7px;width:30px;height:30px;overflow:hidden;background:#36364b url(/https/www.bookdonga.com/images/pc/icon_gnb_search_on.png) no-repeat 50%;border:1px solid #36364b;border-radius:100%;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.area-header .box-privite .box-search .box-inner .btn-search {right:9px;}
.area-header .box-privite .box-search .box-inner .btn-search button  {display:block;width:30px;height:30px;line-height:30px;text-align:center;text-indent:-1000px;background:none;}
    /* Header - in Visual */
.visual .area-header {background:none;border-bottom:1px solid rgba(241, 241, 241, 0.2);}
.visual .area-header .title {background:url(/https/www.bookdonga.com/images/pc/img__headerlogo_white.svg) no-repeat left 50%;}
.visual .area-header .navigation-global a {color:#fff;}
.visual .area-header .navigation-global .line {cursor: default; opacity: 0.5; color:#fff;}
.visual .area-header .more button {color:#fff;}
.visual .area-header .more button::after {background:url(/https/www.bookdonga.com/images/pc/icon_gnb_more_white.png) no-repeat right 50%; transform: rotate(0deg);}
.visual .area-header .more.on button::after {transform: rotate(180deg);}
.visual .area-header .box-privite >span:hover button,
.visual .area-header .box-privite >span:active button,
.visual .area-header .box-privite >span:hover a,
.visual .area-header .box-privite >span:active a {color:#fff;}
.visual .area-header .box-privite >span.icon-login {background:url(/https/www.bookdonga.com/images/pc/icon_gnb_login_white.svg) no-repeat 50%; background-size: 24px;}
.visual .area-header .box-privite >span.icon-logout {background:url(/https/www.bookdonga.com/images/pc/icon_gnb_login_white_on.svg) no-repeat 50%; background-size: 24px;}
.visual .area-header .box-privite >span.icon-shopping {background:url(/https/www.bookdonga.com/images/pc/icon_gnb_shopping_white.png) no-repeat 50%; background-size: 24px;}
.visual .area-header .box-privite >span.icon-shopping a {text-indent: -3px;}
.visual .area-header .box-privite >span.icon-search {background:url(/https/www.bookdonga.com/images/pc/icon_gnb_search_white.svg) no-repeat 50%; background-size: 24px;}
.visual .area-header .box-privite >span.icon-cart {background:url(/https/www.bookdonga.com/images/pc/icon_gnb_mall_white.svg) no-repeat 50%; background-size: 24px;}

/* Page Location */
.area-location {margin:0 0 0 80px;/* height:64px; */height:55px;border-bottom:1px solid #e1e1e1;background:#fff;}
.area-location .area-inner {position:relative;margin:0 auto;padding:0;width:1200px;box-sizing:border-box;}
.area-location.add-sidebar .area-inner {padding:0 0 0 264px;}
/* .area-location .location {line-height:60px;} */
.area-location .location {line-height:50px;}
.area-location .location span {display:inline-block;vertical-align:middle;font-size:16px;font-weight:500;}
.area-location .location span::before {content:'';display:inline-block;position:relative;top:-2px;margin:0 14px 0 16px;width:8px;height:13px;vertical-align:middle;background:url(/https/www.bookdonga.com/images/pc/icon_location_arrow.png) no-repeat 50%;}
.area-location .location .home {}
.area-location .location .home::before {content:''; display:inline-block;width:24px;height:24px;text-indent:-1000px;overflow:hidden;background:url(/https/www.bookdonga.com/images/pc/icon_location_home.png) no-repeat 50%; vertical-align: top; margin:0 4px 0 0; top:13px;}
.area-location .box-util {position:absolute;right:0;top:14px;display:flex;}
.area-location .box-util span {display:inline-block;margin-left: 8px;position:relative;vertical-align: middle;}
.area-location .box-util button {display:block;padding: 0 16px; width:auto;height:24px; line-height:22px; font-size:12px; font-weight:500; color: #333; border:1px solid #999aa9; border-radius: 12px; box-sizing: border-box; }
.area-location .box-util span:hover button {color: #0c9cff; border:1px solid #0c9cff;}
.area-location .box-util .btn-util-cart .cart-alert {display:inline-block; vertical-align: top; margin-left:4px;}

/* 0126 아이콘 버전
.area-location .box-util {position:absolute;right:0;top:0;line-height:60px;}
.area-location .box-util button {display:block;width:30px;height:30px;text-indent:-1000px;overflow:hidden;background:none;}
.area-location .box-util .btn-util-cart {background:url(/https/www.bookdonga.com/images/pc/icon_cart.svg) no-repeat 50%; background-size: auto 23px;}
.area-location .box-util .btn-util-cart .cart-alert {display:block;position:absolute;right:0;top:0;margin:0;padding:0;width:14px;height:14px;text-indent:0;text-align:center;line-height:13px;font-size:10px;color:#fff;background:#fd342a;border-radius:100%;}
.area-location .box-util .btn-util-delivery {background:url(/https/www.bookdonga.com/images/pc/icon_delivery.svg) no-repeat 50%; background-size: auto 24px;}
.area-location .box-util .btn-util-qna {background:url(/https/www.bookdonga.com/images/pc/icon_qna.svg) no-repeat 50%; background-size: auto 24px;} */


/* Header - Content Type1 */
.area-cont-type1 {margin:0 0 48px 80px;padding:0 40px;min-width:1320px;box-sizing:border-box;}
.area-cont-type1 .area-inner {position:relative;margin:0 auto;padding:0;width:1200px;}

/* Header - more */
.area-gnb-more {display:block;position:absolute;left:0;/* top:129px; */top:105px;right:0;}
.area-gnb-more .box-background-dim {display:block;position:fixed;left:0;top:0;right:0;height:0;z-index:8;background:rgba(0,0,0,.25);opacity:0;-webkit-transition: opacity 0.4s ease-in-out;-moz-transition: opacity 0.4s ease-in-out;transition: opacity 0.4s ease-in-out;}
.area-gnb-more.on .box-background-dim {opacity:1;}
.area-gnb-more .area-inner {position:absolute;left:0;right:0;top:0;z-index:10;height:0px;overflow:hidden;background:#fff;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.area-gnb-more .area-inner::after {content:'';display:block;position:absolute;left:0;right:0;bottom:0;height:2px;/* background:#36364b; */background:#fff;}
.area-gnb-more .box-navigation-more {display:flex;justify-content:center;margin:0 auto;padding:40px 0;width:1200px;height:auto;}
.area-gnb-more dl {padding:0 16px;width:188px;border-left:1px solid #e1e1e1;box-sizing:border-box;}
.area-gnb-more dt {font-size:17px;font-weight:500;}
.area-gnb-more dd {margin-top:16px;font-size:16px;}
.area-gnb-more dd a::before {content:'-';display:inline-block;margin-right:5px;}
.area-gnb-more a:hover {color:#0091ff;}


/* Navigation - Local */
.area-navigation {position:absolute;left:0;right:0;/* top:128px; */top:0px;z-index:9;margin:0 0 0 80px;padding:0 40px;opacity:0;min-width:1320px;height:0px;overflow:hidden;background:#fff;border-bottom:1px solid #e1e1e1;} /* 0126 top:0 으로 수정 */
.area-navigation.active {/* top:129px; */top:105px; z-index:11;height:56px;opacity:1;/*box-shadow: 0 8px 10px 0 rgba(54, 54, 75, 0.1);*/}
.area-navigation.on {position:relative;top:0;/*top:129px;*/height:54px;z-index:10;box-shadow:none;opacity:1;}
.area-navigation .area-inner {position:relative;top:-56px;margin:0 auto;width:1200px;height:55px;/*-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;*/}
.area-navigation.active .area-inner {top:0;}
.area-navigation.on .area-inner {top:0;}
.area-navigation .navigation-local {margin:0 auto;text-align:center;}
.area-navigation .navigation-local a {display:inline-block;position:relative;margin:0;padding:0 20px;height:55px;line-height:53px;font-size:16px;letter-spacing:-0.46px;}
.area-navigation .navigation-local a:hover {font-weight:400;}
.area-navigation.on .navigation-local a {top:-1px;}
.area-navigation.on .navigation-local a.on {font-weight:500;}
.area-navigation.on .navigation-local .location-bar-lnb {content:'';display:block;position:absolute;bottom:2px;height:2px;background:#36364b;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
    /* Navigation - Local in Visual */
.visual .area-navigation {border-bottom:1px solid rgba(241, 241, 241, 0.2);background:transparent;}
.visual .area-navigation .area-inner {background:none;}
.visual .area-navigation .navigation-local a {color:#fff;}
.visual .area-navigation.on .navigation-local .location-bar-lnb {background:#fff;}

/* Visual Area */
.area-visual {position:relative;margin:-185px 0 0 80px;min-width:1320px;background:linear-gradient(to left, #fff 0%, transparent 100%);}/* 1124 */
.area-visual .area-inner {position:relative;margin:0 auto;padding:0;width:1200px;height:656px;}
.area-visual .area-inner::after {content:'';display:block;position:absolute;right:30px;top:358px;width:40px;height:76px;background:url(/https/www.bookdonga.com/images/pc/img_visual_side.png) no-repeat 50%;}
.area-visual .image {position:absolute;left:0;bottom:0; width:560px; height:394px;}
.area-visual .image img {width:100%; height:100%;}
.area-visual .box-text {position:absolute;left:664px;top:262px;}
.area-visual .box-text .text1 {margin-bottom:32px;font-size:40px;color:#fff;font-weight:500;line-height:1.28;letter-spacing:-2.08px;} /* 1126 */
.area-visual .box-text .text2 {font-size:18px;color:#fff;font-weight:400;line-height:1.67;letter-spacing:-0.75px;}
.area-visual .box-links {position:absolute;left:664px;bottom:56px;}
.area-visual .btn-type1 {margin:0 4px;}
.area-visual .btn-type1 a {width:auto;height:48px;font-size:16px;font-weight:400;line-height:44px;letter-spacing:-0.67px;color:#fff;border:1px solid #fff;}
.area-visual .btn-type2 {margin:0 4px;}
.area-visual .btn-type2 a {width:auto;height:48px;font-size:16px;font-weight:400;line-height:44px;letter-spacing:-0.67px;color:#36364b;border:1px solid #fff;background:#fff;}

/* Visual Header : Type1 */
.area-cont-header-type1 {margin:0 0 0 80px;padding:0 40px;min-width:1320px;box-sizing:border-box;}
.area-cont-header-type1 .area-inner {position:relative;margin:0 auto;padding:56px 0 24px 0;width:1200px;}
.area-cont-header-type2 {margin:0 0 0 80px;padding:0 40px;min-width:1320px;box-sizing:border-box;}
.area-cont-header-type2 .area-inner {margin:0 auto;padding:40px 0 40px;width:1200px;}
[class^='area-cont-header-type'] .title-type1 {display:inline-block;margin:0 10px 10px 0;font-size:28px;font-weight:500;line-height:1.4;}
[class^='area-cont-header-type'] .title-type2 {display:block;margin:0 10px 10px 0;font-size:28px;font-weight:600;text-align:center;line-height:1.4;}
[class^='area-cont-header-type'] .text-type1 {display:inline-block;font-size:18px;font-weight:400;text-align:center;flex-shrink:0;vertical-align:text-bottom;}

/* Header Tab : Type1(Swip) */
.area-tab-type1 {margin:0 0 0 80px;padding:0 40px;min-width:1320px;box-sizing:border-box;border-bottom:1px solid #e6eaf2;box-shadow:0 5px 5px rgba(0,0,0,.1);}
.area-tab-type1 .area-inner {position:relative;display:flex;margin:0 auto;padding:20px 33px;width:1200px;height:80px;text-align:center;box-sizing:border-box;justify-content:center;}
.area-tab-type1 .area-inner span {display:inline-block;margin:0 7px;flex-shrink:0;} /* 1124 */
.area-tab-type1 .area-inner span a,
.area-tab-type1 .area-inner span button { display:flex; justify-content: center; align-items: center; padding:0 8px;width:128px;height:40px;line-height:1.3;font-size:16px;font-weight:400;color:#999aa9;border-radius:30px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; word-break: keep-all;}/* 1124 */
.area-tab-type1 .area-inner span a:hover,
.area-tab-type1 .area-inner span button:hover {color:#999aa9;background-color:#f5f6f9;}
.area-tab-type1 .area-inner span.on a,
.area-tab-type1 .area-inner span.on button {font-weight:500;color:#36364b;border-color:#e6eaf2;background:#e6eaf2;}
.area-tab-type1 .slick-prev {display:block;position:absolute;left:-32px;right:auto;top:20px;bottom:20px;z-index:2;width:32px;height:auto;text-indent:-10000000px;background:url(/https/www.bookdonga.com/images/pc/icon_scroll_left.png) no-repeat 50%;}
.area-tab-type1 .slick-next {display:block;position:absolute;left:auto;right:-32px;top:20px;bottom:20px;z-index:2;width:32px;height:auto;text-indent:-10000000px;background:url(/https/www.bookdonga.com/images/pc/icon_scroll_right.png) no-repeat 50%;}
.area-tab-type1 .slick-prev.slick-disabled {background:url(/https/www.bookdonga.com/images/pc/icon_scroll_left_disable.png) no-repeat 50%;}
.area-tab-type1 .slick-next.slick-disabled {background:url(/https/www.bookdonga.com/images/pc/icon_scroll_right_disable.png) no-repeat 50%;}
.area-tab-type1 .slick-prev::after {content:'';display:block;position:absolute;right:-32px;top:0px;bottom:0px;width:32px;background:linear-gradient(to left, transparent 0%, #fff 100%);}
.area-tab-type1 .slick-next::after {content:'';display:block;position:absolute;left:-32px;top:0px;bottom:0px;width:32px;background:linear-gradient(to left, #fff 0%, transparent 100%);}
.area-tab-type1 .slick-prev.slick-disabled::after {width:0;}
.area-tab-type1 .slick-next.slick-disabled::after {width:0;}
.area-tab-type1 .slick-prev {left:0px;background-position:left -10px top 50%;}
.area-tab-type1 .slick-next {right:0px;background-position:right -10px top 50%;}
.area-tab-type1 .slick-prev.slick-disabled {background-position:left -10px top 50%;}
.area-tab-type1 .slick-next.slick-disabled {background-position:right -10px top 50%;}
    /* Header Tab : Relation Event(Swip) */
.contain-relation-event .area-tab-type1 {margin:0;padding:0;min-width:0;height:96px;border-bottom:none;box-shadow:none;}
.contain-relation-event .area-tab-type1 .area-inner {position:relative;display:flex;margin:0;padding:20px 32px;width:1200px;height:96px;text-align:center;box-sizing:border-box;justify-content:center;background:#fff;}
.contain-relation-event .area-tab-type1 .area-inner span {display:inline-block;margin:0 13px;flex-shrink:0;}
.contain-relation-event .area-tab-type1 .area-inner span button {display:block;height:56px;padding:0 32px;font-size:20px;font-weight:400;color:#999aa9;border-radius:30px;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.contain-relation-event .area-tab-type1 .area-inner span button:hover {color:#999aa9;background-color:#f8f8f8;}
.contain-relation-event .area-tab-type1 .area-inner span.on button {font-weight:500;color:#36364b;border-color:#e6eaf2;background:#e6eaf2;}
.contain-relation-event .area-tab-type1.on .area-inner {position:fixed;top:0;z-index:10;}
    /* Header Tab : brandLogo tab(Swip) */
.contain-brand-tab .brand-tab-inner {position: relative; display:flex; justify-content: flex-end; width:1200px; margin: 0 auto;}
.contain-brand-tab .brand-tab-inner .tab-bi {position: absolute; left:-24px; top:0px; width:186px; height:80px;}
.contain-brand-tab .brand-tab-inner .tab-bi a,
.contain-brand-tab .brand-tab-inner .tab-bi button {display:block; width:100%; height:100%;}
.contain-brand-tab .brand-tab-inner .tab-bi img {/* width:205px; height:77px; */ width:186px; height:71px; margin-top:3px;}
.contain-brand-tab .brand-tab-inner .area-inner {/* width:974px;  */width:1024px; margin:0px; padding: 20px 32px;}
.contain-brand-tab .brand-tab-inner .area-inner span {/* margin: 0 18px; */ margin:0 4px;}
/* .contain-brand-tab .area-tab-type1 .slick-prev::after {right:-24px;}
.contain-brand-tab .area-tab-type1 .slick-next::after {left:-24px;} */


/* Header Tab : Type2 */
.area-tab-type2 {margin:0;padding:0;min-width:0;height:96px;border-bottom:none;box-shadow:none;}
.area-tab-type2 .area-inner {display:table;margin:0 auto;padding:0;width:1200px;height:54px;text-align:center;box-sizing:border-box;justify-content:center;}
.area-tab-type2 .area-inner span {display:table-cell;border:1px solid #e1e1e1;background:#fff;}
.area-tab-type2 .area-inner span button {display:block;width:100%;height:52px;padding:0 32px;font-size:18px;font-weight:400;color:#999aa9;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.area-tab-type2 .area-inner span button:hover {color:#36364b;}
.area-tab-type2 .area-inner span.on {border-color:#999aa9;}
.area-tab-type2 .area-inner span.on button {font-weight:500;color:#36364b;}
.contain-cont .area-tab-type2 {margin:0 0 48px 0;padding:0;min-width:0;}

/* Header Tab : Type3 */
.area-tab-type3 { margin:0;padding:0;min-width:0;border-bottom:none;box-shadow:none;}
.area-tab-type3 .area-inner {display: flex; gap:20px; margin:0 auto;padding:0;width:1200px;height:50px;text-align:center;box-sizing:border-box;justify-content:center;}
.area-tab-type3 .area-inner span { display: inline-block; align-content: center; width:200px; background-color: #fff; border:1px solid #36364B; border-radius: 50vw;}
.area-tab-type3 .area-inner span button {display:block; width: 100%; height:48px;padding:0 32px;font-size:18px;font-weight:400;color:#36364B;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.area-tab-type3 .area-inner span button:hover {color:#36364b;}
.area-tab-type3 .area-inner span.on {border-color:#36364B; background-color:#36364B ;}
.area-tab-type3 .area-inner span.on button {font-weight:500;color:#fff;}
.contain-cont .area-tab-type3 {margin:0 0 48px 0;padding:0;min-width:0;}

/* time Tab : Type1 */
.time-tab-type1 {box-sizing:border-box;}
.time-tab-type1 .time-inner {position:relative;display:flex;margin:0;padding-top:16px;height:auto;box-sizing:border-box;justify-content:center;background:#fff;align-items: center;}
.time-tab-type1 .time-inner .slick-list {margin: 0 auto; width: 620px; height: 80px;}
.time-tab-type1 .time-inner .slick-track {display: flex;flex-wrap: wrap;}
.time-tab-type1 .time-inner .slick-slide div {width: 620px;}
.time-tab-type1 .time-inner .slick-track .slide_item {float:left;border:1px solid #e6e9f2;border-radius: 8px;padding: 8px 23px;width: 200px !important;height: 80px;box-sizing: border-box;cursor: pointer; color: #36364b; font-weight: 500;margin-right:10px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;    word-break: break-all;}
.time-tab-type1 .time-inner .slick-track .slide_item:last-child {margin-right: 0;}
.time-tab-type1 .time-inner .slick-track .slide_item.on {background-color: #d9e6ee; border:1px solid #0594f7;}
.time-tab-type1 .time-inner .slick-track .slide_item.on .time {color: #0594f7;}
.time-tab-type1 .time-inner .slick-track .slide_item:hover {background-color: #f5f7fd;}
.time-tab-type1 .time-inner span .time {font-weight: bold;}
.time-tab-type1 .time-inner .slick-prev { position: absolute; left: 0; background: url('/https/www.bookdonga.com/images/icon_prev.png') no-repeat; text-indent: -9999px; width: 78px; height: 78px; background-size: 100% 100%;}
.time-tab-type1 .time-inner .slick-next { position: absolute; right: 0;background: url('/https/www.bookdonga.com/images/icon_next.png') no-repeat; text-indent: -9999px; width: 78px; height: 78px; background-size: 100% 100%;}

/*layer-full 일 때*/
.layer-full .time-tab-type1 .time-inner .slick-list {margin: 0 auto; width: 1246px; height: 80px;}
.layer-full .time-tab-type1 .time-inner .slick-track .slide_item {width: 230px !important; float: left !important; margin-right:24px !important;}
.layer-full .time-tab-type1 .time-inner .slick-track .slide_item:last-child {margin-right:0;}
.layer-full .time-tab-type1 .time-inner .slick-slide div {width: 1246px;}

/* Sub Navigation : Type1 */
.navigation-sub-type1 {margin:0 0 0 80px;padding:0 40px;min-width:1320px;box-sizing:border-box;border-bottom:1px solid #e6eaf2;}
.navigation-sub-type1 .area-inner {margin:0 auto;padding:0;width:1200px;text-align:center;}
.navigation-sub-type1 a {display:inline-block;position:relative;margin:0 15px;padding:0 0 20px 0;font-size:18px;/* font-size:20px; */font-weight:400;color:#999aa9;vertical-align:bottom;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.navigation-sub-type1 a:hover {color:#36364b;}
.navigation-sub-type1 a.on {/* font-size:22px; */font-size:20px;font-weight:500;color:#0091ff;}
.navigation-sub-type1 a.on::after {content:'';display:block;position:absolute;left:0;bottom:-1px;right:0;height:2px;background:#0091ff;}

/* Sub Navigation : Type2 */
.navigation-sub-type2 {margin:0 0 32px 80px;padding:0 40px;min-width:1320px;box-sizing:border-box;}
.navigation-sub-type2 .area-inner {margin:0 auto;padding:0;width:1200px;text-align:right;}
.navigation-sub-type2 button,
.navigation-sub-type2 a {display:inline-block;position:relative;margin:0 11px;padding:0 0 15px 0;font-size:18px;font-weight:400;color:#999aa9;vertical-align:bottom;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.navigation-sub-type2 button:hover,
.navigation-sub-type2 a:hover {color:#36364b;}
.navigation-sub-type2 button.on,
.navigation-sub-type2 a.on {font-size:20px;font-weight:500;color:#36364b;}
.navigation-sub-type2 button.on::after,
.navigation-sub-type2 a.on::after {content:'';display:block;position:absolute;left:0;bottom:-1px;right:0;height:2px;background:#999aa9;}
.contain-cont .navigation-sub-type2 {margin:0 0 24px 0;padding:0;min-width:0;}
button.btn-video-complete {margin: 0 0 0 -10px; vertical-align: top;}
button.btn-video-complete > i {margin: 7px 0 0 0px !important;}
button.btn-video-complete:hover > i {    background: url(/https/www.bookdonga.com/images/pc/icon_exclamation.png) no-repeat left top; background-size: 16px auto;}

/* Contents Header : Type1 */
.cont-header-type1 {position:relative;/* margin-top:-80px;padding:80px 0 24px 0; */margin-top:-56px;padding:56px 0 24px 0;}
.cont-header-type1 .title-type1 {display:inline-block;margin:0 10px 10px 0;/* font-size:36px;font-weight:500; */font-size:28px;font-weight:700;line-height:1.4; font-size: 36px;}
.cont-header-type1 .text-type1 {display:inline-block;position:relative;top:2px;/* font-size:16px; */font-size:18px;font-weight:400;text-align:left;line-height:1.3;flex-shrink:0;vertical-align:text-bottom;}
    /* Contents Header - in Search */
.cont-header-type1 .box-search {display:block;position:absolute;right:0;top:55px;/* top:85px; */padding:8px 8px 8px 16px;width:auto;height:48px;background:#f5f6f9;border-radius:25px;overflow:hidden;}
.cont-header-type1 .box-search .box-inner {display:flex;}
.cont-header-type1 .box-search .box-inner input {width:250px;margin-right:8px;vertical-align:middle;font-size:16px;color:#333;text-indent:10px;border:none;background:none;}
.cont-header-type1 .box-search .box-inner input:-webkit-autofill,
.cont-header-type1 .box-search .box-inner input:-webkit-autofill:hover,
.cont-header-type1 .box-search .box-inner input:-webkit-autofill:focus,
.cont-header-type1 .box-search .box-inner input:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s;}
.cont-header-type1 .box-search .box-inner .btn-search {display:block;width:30px;height:30px;overflow:hidden;background:#36364b url(/https/www.bookdonga.com/images/pc/icon_gnb_search_on.png) no-repeat 50%;border:1px solid #36364b;border-radius:100%;}
.cont-header-type1 .box-search .box-inner .btn-search {right:9px;}
.cont-header-type1 .box-search .box-inner .btn-search button  {display:block;width:30px;height:30px;line-height:30px;text-align:center;text-indent:-1000px;background:none;}
.cont-header-type1 .box-util {position:absolute;right:0;bottom:45px;}
.cont-header-type1 .box-util .btn-type1 a,
.cont-header-type1 .box-util .btn-type1 button {padding:0 16px;width:auto;height:32px;line-height:32px;line-height:30px;font-weight:normal;font-size:14px;border-color:#d7d7d7;}

/* Contents Header - Type2 */
.cont-header-type1 .text-type2 {display:inline-block;position:relative;top:2px;left:16px;font-size:18px;font-weight:400;text-align:left;flex-shrink:0;vertical-align:top;}
.cont-header-type1 .text-type2 span {display:block; line-height:1.8;}
.cont-header-type1 .text-type2 span::before {display:inline-block; content: ''; width:24px; height:24px; margin-right:8px; margin-top:-2px; vertical-align: middle;}
.cont-header-type1 .text-type2 > .icon-pen::before {background: url(/https/www.bookdonga.com/images/pc/icon_text_pen.png) no-repeat left top;}
.cont-header-type1 .text-type2 > .icon-video::before {background: url(/https/www.bookdonga.com/images/pc/icon_text_video.png) no-repeat left top;}
.cont-header-type1 .text-type3 {display:inline-block;position:relative;top:2px;font-size:18px;font-weight:400;text-align:left;line-height:1.3;flex-shrink:0;vertical-align:text-bottom;}

/* Footer : Sub */
.area-footer {margin:0 0 0 80px;min-width:1320px;background:#fff;box-sizing:border-box; border-top:1px solid #eaeaea;}
.area-footer .area-inner {position:relative;margin:0 auto;padding:65px 0 65px 184px;width:1200px;height:216px;color:#fff;}
    /* Footer - Company */
.area-footer .box-company {position:absolute;left:0;top:0;padding:40px 0 0 0;}
.area-footer .box-company .logo {margin-bottom:23px;width:200px;height:60px;text-indent:-1000px;overflow:hidden;background:url(/https/www.bookdonga.com/images/pc/img_footer_logo.svg) no-repeat left top;background-size:145px auto;}
.area-footer .box-company .links-sns {margin-bottom:25px;}
.area-footer .box-company .links-sns >span {display:inline-block;margin-right:7px;width:24px;height:24px;}
.area-footer .box-company .links-sns >span a {display:block;width:22px;height:22px;text-indent:-1000px;overflow:hidden;border:1px solid #bfc1cd;border-radius:100%;}
.area-footer .box-company .icon-sns-blog {background:url(/https/www.bookdonga.com/images/pc/icon_blog.svg) no-repeat 6px 7px;background-size:auto 12px;}
.area-footer .box-company .icon-sns-cafe {background:url(/https/www.bookdonga.com/images/pc/icon_cafe.svg) no-repeat 7px 6px;background-size:auto 12px;}
.area-footer .box-company .icon-sns-facebook {background:url(/https/www.bookdonga.com/images/pc/icon_facebook.svg) no-repeat 8px 6px;background-size:auto 13px;}
.area-footer .box-company .icon-sns-youtube {background:url(/https/www.bookdonga.com/images/pc/icon_youtube.svg) no-repeat 6px 7px;background-size:13px auto;}
.area-footer .details {margin-bottom:1px;font-size:12px;line-height:2.33;color:#bfc1cd;font-weight:300;}
.area-footer .details em {font-weight:400;font-style:normal;}
.area-footer .details strong {font-weight:500;}
.area-footer .box-links {margin-bottom:17px;}
.area-footer .box-links ul {display:flex;}
.area-footer .box-links li {margin:0 0 0 15px;}
.area-footer .box-links li::before {content:'';display:inline-block;position:relative;top:-1px;margin:0 15px 0 0;width:1px;height:13px;vertical-align:middle;background:#bfc1cd;}
.area-footer .box-links li:first-child {margin:0;}
.area-footer .box-links li:first-child::before {content:none;}
.area-footer .box-links a {font-size:14px;color:#999aa9;}
    /* Footer - Customer Service Center */
.area-footer .information-cscenter {position:absolute;right:0;top:65px;padding:0 0 0 65px;color:#999aa9;}
.area-footer .information-cscenter dt {position:absolute;font-size:14px;font-weight:400;line-height:1.57;}
.area-footer .information-cscenter dt:first-child { left:0;top:0; }
.area-footer .information-cscenter dt:nth-child(3) { left: -41px; top: 40px;}
.area-footer .information-cscenter dd {margin:0;text-align:right;}
.area-footer .information-cscenter dd.tel {margin:0 0 17px 0;font-size:22px;font-weight:500;font-family:'Roboto';}
.area-footer .information-cscenter dd.link {margin-bottom:15px;}
.area-footer .information-cscenter dd.link button {padding:0 20px;height:28px;line-height:1;font-size:12px;text-align:center;color:#999aa9;border:1px solid #999aa9;border-radius:4px;font-weight:400;}
.area-footer .information-cscenter dd a {font-family:'Roboto';}
.area-footer .text-copyright {padding:0;color:#bfc1cd;font-size:12px;font-weight:400;line-height:1.83;text-align:left;}

/* Footer : Main */
.area-footer.main .area-inner {padding:0;height:400px;}
    /* Footer - Company */
.area-footer.main .box-company {position:static;padding:57px 0 0 0;}
.area-footer.main .box-company .logo {height:80px;background:url(/https/www.bookdonga.com/images/pc/img_footer_logo.png) no-repeat left top;background-size:auto;}
.area-footer.main .box-company .links-sns >span {width:30px;height:30px;}
.area-footer.main .box-company .links-sns >span a {width:28px;height:28px;}
.area-footer.main .box-company .icon-sns-blog {background:url(/https/www.bookdonga.com/images/pc/icon_blog.png) no-repeat 50%;background-size:auto;}
.area-footer.main .box-company .icon-sns-cafe {background:url(/https/www.bookdonga.com/images/pc/icon_cafe.png) no-repeat 50%;background-size:auto;}
.area-footer.main .box-company .icon-sns-facebook {background:url(/https/www.bookdonga.com/images/pc/icon_facebook.png) no-repeat 50%;background-size:auto;}
.area-footer.main .box-company .icon-sns-youtube {background:url(/https/www.bookdonga.com/images/pc/icon_youtube.png) no-repeat 50%;background-size:auto;}
.area-footer.main .box-company .details {font-size:14px;line-height:1.71;}
.area-footer.main .box-company .details em {font-weight:400;}
.area-footer.main .box-company .details strong {font-weight:400;}
.area-footer.main .box-links {display:flex;position:absolute;left:485px;top:95px;}
.area-footer.main .box-links dl {width:195px;}
.area-footer.main .box-links dt {margin-bottom:23px;font-size:16px;line-height:1.38;letter-spacing:2px;font-weight:500;font-family:'Roboto';}
.area-footer.main .box-links dd {margin-bottom:16px;}
.area-footer.main .box-links dd a {line-height:1.57;font-weight:300;}
    /* Footer - Customer Service Center */
.area-footer.main .information-cscenter {position:static;padding:0;}
.area-footer.main .information-cscenter dt {position:static;margin-bottom:20px;}
.area-footer.main .information-cscenter dd {text-align:left;}
.area-footer.main .information-cscenter dd.tel {margin:0 0 20px 0;font-size:25px;letter-spacing:2.94;}
.area-footer.main .information-cscenter dd.link button {height:38px;font-size:14px;border-radius:5px;}
.area-footer.main .text-copyright {padding:35px 0;font-size:15px;line-height:1.47;text-align:center;border-top:1px solid #999aa9;font-family:'Roboto';}

/* Sidebar */
.area-sidebar {position:fixed;left:0;top:0;bottom:0;z-index:20;}
.area-sidebar .area-inner {display:flex;flex-direction:column;width:80px;height:100%;background:#36364b;}
.area-sidebar .btn-sitemap {position:relative;margin:14px 0 0 0;width:80px;height:80px;text-indent:-1000px;overflow:hidden;/*background:url(/https/www.bookdonga.com/images/pc/ico-sitemap.png) no-repeat 50%;*/}
.area-sidebar .btn-sitemap::before {content:'';display:block;position:absolute;left:26px;top:30px;width:28px;height:4px;background:#fff;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;transition:all 0.6s ease;}
.area-sidebar .btn-sitemap::after {content:'';display:block;position:absolute;left:26px;top:46px;width:28px;height:4px;background:#fff;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;transition:all 0.6s ease;}
.area-sidebar .btn-sitemap.on::before {left:26px;top:38px;transform:rotate(225deg);transform-origin:50% 50%}
.area-sidebar .btn-sitemap.on::after {left:26px;top:38px;transform:rotate(-225deg);transform-origin:50% 50%}
.area-sidebar button {display:block;margin:0;padding:0 10px;width:80px;height:140px;font-size:18px;font-weight:300;color:#fff;white-space:nowrap;font-family:'Roboto';}
.area-sidebar button i {display:block;margin:0 0 0 -20px;width:100px;font-style:normal;transform:rotate( 90deg );}
.area-sidebar .btn-brand {margin-left:0;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;transition:all 0.6s ease;}
.area-sidebar .btn-booksearch {margin-left:0;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;transition:all 0.8s ease;}
.area-sidebar.on .btn-brand {margin-left:-80px;-webkit-transition:all 1.0s ease;-moz-transition:all 1.0s ease;transition:all 1.0s ease;}
.area-sidebar.on .btn-booksearch {margin-left:-80px;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;transition:all 0.6s ease;}

/* Floating Banner */
.contain-floating-banner {position:fixed;right:0;top:30%;z-index:10;width:auto;box-shadow:8px 8px 10px 0 rgba(0, 0, 0, 0.1);background-color:#f3ebe3;border-top-left-radius:4px;border-bottom-left-radius:4px;overflow:hidden;}
.contain-floating-banner .box-text {padding:23px 18px 19px 18px;}
.contain-floating-banner .box-text .text1 {margin-bottom:4px;font-size:16px;font-weight:500;line-height:1.44;letter-spacing:-0.53px;color:#727272;}
.contain-floating-banner .box-text .text2 {margin-bottom:6px;font-size:15px;font-weight:300;line-height:1.47;letter-spacing:-1.88px;color:#868686;}
.contain-floating-banner .box-text a {font-size:14px;font-weight:400;letter-spacing:-1.65px;color:#868686;}

/* Content Area */
    /* Common Content Box - Typte1 */
.area-contents-type1 {margin:0 0 0 80px;padding:56px 40px;min-width:1320px;}
.area-contents-type1 .area-inner {margin:0 auto;width:1200px;}
.area-contents-type2 { position:relative; margin:0 0 0 80px;padding:56px 40px;min-width:1320px;background:#f5f7fd;}
.area-contents-type2 .area-inner {margin:0 auto;width:1200px;}
.area-contents-type2.mypage {margin:0 0 0 80px;padding:0 40px;min-width:1320px;}
.area-contents-type3 {margin:0 0 0 80px;padding:56px 40px;min-width:1320px;background:#f5f7fd;}
.area-contents-type3 .area-inner {margin:0 auto;width:1200px;}
.area-mypage {margin:0 0 0 80px;padding:0;min-width:1320px;}

    /* kim 추가 */
.area-contents-type1.fullwidth {margin:0 0 0 80px;padding:56px 0px 0 0;min-width:1320px;} /* full-content */
.area-contents-type1.fullwidth .area-inner {margin:0 auto;width:100%;}
.area-contents-type1.fullwidth .area-inner .cont-header-type1 {width:1200px; margin: -56px auto 0;}
.area-contents-type1.fullwidth .navigation-sub-type2 {min-width:1200px; width:1200px; margin: 0 auto 32px; padding:0px;} /* tab2 */
.area-contents-type2.relative {position: relative;}
.area-contents-type2.fullwidth {margin:0 0 0 80px;padding:56px 0px 0 0;min-width:1320px; background: #f5f7fd;} /* full-content */
.area-contents-type2.fullwidth .area-inner {margin:0 auto;width:100%;}
.area-contents-type2.fullwidth .area-inner .cont-header-type1 {width:1200px; margin: -80px auto 0;}
.area-contents-type2.fullwidth .navigation-sub-type2 {min-width:1200px; width:1200px; margin: 0 auto 32px; padding:0px;} /* tab2 */
.area-contents-type4.fullwidth {margin:0 0 0 80px;padding:0;min-width:1320px;} /* full-content */
.area-contents-type4.fullwidth .area-inner {margin:0 auto;width:100%;}
.area-contents-type1.fullwidth .area-tab-type2 {min-width:1200px; width:1200px; margin: 0 auto 48px; padding:0px;} /* tab2 */
.area-contents-type1.fullwidth .area-tab-type1 /* {min-width:1200px; width:1200px; margin: 0 auto 48px; padding:0px;} */ /* tab1 */
.area-contents-type1.fullwidth .area-tab-type1 > .area-inner {width:1200px !important;}
[class^='area-cont-header-type'] .text-type2 {display:inline-block;font-size:20px;font-weight:400;text-align:center;flex-shrink:0;vertical-align:text-bottom;}
h3.title-type2 {font-size:22px; font-weight:500; margin-bottom:24px;}

    /* bg - 홀, 짝으로 적용 */
.bg-contents-type1 {margin:0 0 0 80px;padding:56px 40px;min-width:1320px;}
.bg-contents-type1 .area-inner {margin:0 auto;width:1200px;}
.area-contents-type0 > [class^='bg-contents-type1']:nth-of-type(even) {background: #f5f7fd;}



/* POPUP - Sidebar */
body.popup {overflow:hidden;}
.area-popup-sitemap {display:flex;position:fixed;left:-100%;top:0;z-index:19;width:100%;overflow:auto;bottom:0;background:#3f4466;/*justify-content:center*/;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;transition:all 0.6s ease;}
.area-popup-sitemap.on {left:0;}
.area-popup-sitemap .area-inner {position:relative;left:40px;margin:105px auto 0;width:1200px;color:#fff;}
.area-popup-sitemap .btn-close-sitemap {display:block;position:absolute;right:40px;top:40px;}
.area-popup-sitemap .btn-close-sitemap button {display:block;width:60px;height:60px;text-indent:-1000px;overflow:hidden;background:url(/https/www.bookdonga.com/images/pc/icon_close_sidebar.png) no-repeat 50%;}
    /* POPUP - Sidebar : Booksearch */
.box-tab-head-depth1 {display:flex;justify-content:center;margin:0 0 70px 0;width:1200px;}
.box-tab-head-depth1 >span {position:relative;z-index:0;display:block;margin-right:-2px;width:208px;height:64px;border:1px solid #5e627d;box-sizing:border-box;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.box-tab-head-depth1 >span:hover {border:2px solid #fff;}
.box-tab-head-depth1 >span:hover button {color:#fff;}
.box-tab-head-depth1 >span button {display:block;width:100%;height:100%;color:#999aa9;font-size:20px;font-weight:500;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.box-tab-head-depth1 >span.on {z-index:1;border:2px solid #fff;}
.box-tab-head-depth1 >span.on button {color:#fff;}
.box-tab-cont-depth1 {display:none;padding:0 0 105px 0;}
.box-tab-cont-depth1.on {display:block;}
.box-tab-head-depth2 {margin-bottom:40px;border-bottom:1px solid #999aa9;}
.box-tab-head-depth2 >span {display:inline-block;position:relative;margin-right:38px;}
.box-tab-head-depth2 >span button {display:block;padding:0 1px;height:50px;font-size:20px;font-weight:500;line-height:1.5;color:#fff;}
.box-tab-head-depth2 >span.on button {color:#0091ff;}
.box-tab-head-depth2 >span.on button::after {content:'';display:block;position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:#0091ff;}
.box-tab-cont-depth2 {display:none;}
.box-tab-cont-depth2.on {display:block;}
.box-select-category1 {display:flex;padding:0 0 24px 0;}
.box-select-category1 dt {width:305px;font-size:20px;font-weight:500;line-height:1.5;flex-shrink:0;}
.box-select-category1 dd .tag {display:inline-block;margin:0 5px 11px 0;padding:0 30px;height:40px;line-height:38px;color:#fff;font-size:16px;font-weight:400;border-radius:20px;border:none;background:#5e627d;overflow:hidden;cursor:pointer;}
.box-select-category1 dd .tag input[type^='checkbox'] {position:absolute;left:-1000px;top:0;}
.box-select-category1 dd .tag.checked {background:#0091ff;}
.box-select-category2 {display:flex;padding:40px 0;border-top:1px solid #999aa9;}
.box-select-category2 dt {width:305px;font-size:16px;font-weight:400;line-height:1.88;flex-shrink:0;}
.box-select-category2 dt strong {color:#0091ff;}
.box-select-category2 dd.box-item {width:925px;flex-shrink:0;}
.box-select-category2 dd .item-book-nodata {font-size: 16px; font-weight: 300; line-height: 1.88; color: #fff;}
.box-select-category2 dd .item-book {display:inline-block;margin:0 32px 30px 0;width:150px;height:223px;background:#fff;border-radius:8px;box-shadow:0 3px 5px rgba(0,0,0,.5);box-sizing:border-box; vertical-align: top;}
.box-select-category2 dd .item-book a {display:block; width:100%; height:100%; float:left;}
.box-select-category2 dd .item-book .brand {display:block;margin:20px 0 5px 0;text-align:center;}
.box-select-category2 dd .item-book .brand img {width:90px !important; height:70px !important;}
.box-select-category2 dd .item-book .title {display:block;margin-bottom:8px;padding:0 10px;font-size:16px;line-height:1.38;font-weight:500;text-align:center;word-break:keep-all;}
.box-select-category2 dd .item-book .text {display:block;padding:0 10px;font-size:14px;line-height:1.43;text-align:center;word-break:keep-all;}
    /* POPUP - Sidebar : Brand All */
.contain-brand-total .text-infor {padding:11px 0 8px 0;font-size:18px;font-weight:300;line-height:1.67;border-bottom:1px solid #999aa9;}
.contain-brand-total .list-type-brand {display:flex;flex-wrap:wrap;padding: 33px 0 33px 0;border-bottom:1px solid #999aa9;}
.contain-brand-total .list-type-brand dt {margin:8px 0;width:70px;font-size:20px;font-weight:500;line-height:98px;flex-shrink:0;}
.contain-brand-total .list-type-brand:hover dt {color:#0091ff;}
.contain-brand-total .list-type-brand dd {margin: 8px 0 8px 16px;}
.contain-brand-total .list-type-brand dd:nth-of-type(1) {margin: 8px 0 8px 0;}
.contain-brand-total .list-type-brand dd:nth-of-type(14),
.contain-brand-total .list-type-brand dd:nth-of-type(27),
.contain-brand-total .list-type-brand dd:nth-of-type(40) {margin: 8px 0 8px 70px;}
/* .contain-brand-total .list-type-brand dd .item-brand {display:flex;width:72px;height:98px;border:1px solid #3f4466;border-radius:4px;background:#fff;box-sizing:border-box;justify-content:center;flex-direction:column;}
.contain-brand-total .list-type-brand dd .item-brand:hover {border:2px solid #0091ff;} */
.contain-brand-total .list-type-brand dd .item-brand a {display:flex;width:72px;height:98px;border:1px solid #3f4466;border-radius:4px;background:#fff;box-sizing:border-box;justify-content:center;flex-direction:column;}
.contain-brand-total .list-type-brand dd .item-brand:hover a {border:2px solid #0091ff;}
.contain-brand-total .list-type-brand dd .item-brand:hover a img {margin-left:-1px; width:70px;}
.contain-brand-total .list-type-brand dd .item-brand a img {width:70px; height:54px;}
    /* POPUP - Sidebar : Site Map */
.article-sitemap {padding:8px 0 10px 0;}
.article-sitemap {display:flex;justify-content:space-between;flex-wrap:wrap;}
.article-sitemap dl {margin:0 0 64px 0;padding:0 0 0 24px;width:200px;border-left:1px solid #999aa9;box-sizing:border-box;}
.article-sitemap dt {margin-bottom:15px;font-size:20px;font-weight:500;line-height:1.5;}
.article-sitemap dt a {font-size:20px;font-weight:500; color: #fff;}
.article-sitemap dd {padding-top:10px;}
.article-sitemap dd a {display:block;font-size:18px;font-weight:300;line-height:1.67;color:#fff;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.article-sitemap dd a:hover {color:#0091ff;}
.article-sitemap .box-mall {margin:0 0 64px 0;padding:0 0 0 0;width:200px;border-left:none;box-sizing:border-box;}
.article-sitemap .box-mall .btn-type {display:block;margin:0 0 16px 0;padding:0 0 0 16px;width:170px;height:48px;text-align:left;font-size:16px;font-weight:500;color:#fff;border:1px solid #fff;border-radius:4px;}
.article-sitemap .box-mall .btn-type:hover {background-color: #0091ff; border:1px solid #0091ff;}
.article-sitemap .box-mall .btn-type.cart::before {content:'';display:inline-block;position:relative;top:-2px;margin-right:10px;width:24px;height:24px;vertical-align:middle;background:url(/https/www.bookdonga.com/images/pc/icon_sitemap_cart.png) no-repeat 50%;}
.article-sitemap .box-mall .btn-type.delivery::before {content:'';display:inline-block;position:relative;top:-2px;margin-right:10px;width:24px;height:24px;vertical-align:middle;background:url(/https/www.bookdonga.com/images/pc/icon_sitemap_delivery.png) no-repeat 50%;}
.article-sitemap-banner {text-align:center;}
.article-sitemap-banner span {display:inline-block;margin:0 12px;border-radius:4px;overflow:hidden;}
.article-sitemap-banner a {display:block;position:relative;width:384px;height:64px;line-height:60px;font-size:16px;font-weight:400;text-align:left;color:#fff;letter-spacing:-0.29px;background:url(/https/www.bookdonga.com/images/pc/bg_sitemap_banner.png) no-repeat;background-position:right 16px top 50%;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.article-sitemap-banner a i {display:block;position:absolute;left:24px;top:10px;width:42px;height:42px;text-indent:0;object-fit:contain;border-radius:10px;overflow:hidden;box-shadow: 0 2px 4px 0 rgba(119, 128, 138, 0.5);}
.article-sitemap-banner a img {display:block;position:absolute;left:-4px;top:-2px;}
.article-sitemap-banner .banner1 {background:linear-gradient(to left, #0c9cff, #17d0b0 100%);}
.article-sitemap-banner .banner1 a {text-indent:82px;}
.article-sitemap-banner .banner1 a:hover {text-indent:100px;}
.article-sitemap-banner .banner2 {background:linear-gradient(to left, #a4ace5, #6b74c7 100%);}
.article-sitemap-banner .banner2 a {text-indent:82px;}
.article-sitemap-banner .banner2 a:hover {text-indent:107px;}
    /* POPUP - Sidebar : Scrollbar */
.area-popup-sitemap {scrollbar-width:thin;scrollbar-color:#5e627d transparent;}
.area-popup-sitemap::-webkit-scrollbar {width:6px;}
.area-popup-sitemap::-webkit-scrollbar-track {background:transparent;}
.area-popup-sitemap::-webkit-scrollbar-thumb {background-color:#5e627d;border-radius:20px;border:3px solid transparent;}

/* POPUP - Content */
.popup-type1 {position:fixed;left:-100%;top:0;bottom:0;z-index:20;width:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0,0,0,.5);}
.popup-type1.on {left:0;}
.popup-type1 .popup-inner {position:relative;padding:40px 48px;width:600px;background:#fff;/* border:1px solid #999aa9; */}
.popup-type1 .popup-head {/* height:73px; */height:auto;padding-bottom:20px;border-bottom:1px solid #999aa9;}
.popup-type1 .popup-head .title {font-size:28px;font-weight:500; line-height:36px; padding:0px !important; margin:0px !important;}
.popup-type1 .popup-head .title .text {margin-left:8px;font-size:16px;font-weight:500;letter-spacing:-0.29px;color:#111;}
.popup-type1 .popup-body {padding:32px 0 0 0;}
.popup-type1 .popup-foot {margin-top:32px;padding:24px 0 0 0;border-top:1px solid #999aa9;}
.popup-type1 .box-button {text-align:right;}
.popup-type1 .btn-close-popup,
.popup-type1 .btn-close-popup2 {display:block;position:absolute;right:38px;top:30px;}
.popup-type1 .btn-close-popup button,
.popup-type1 .btn-close-popup2 button {display:block;width:40px;height:40px;text-indent:-1000px;overflow:hidden;background:url(/https/www.bookdonga.com/images/pc/ico_close_popup.png) no-repeat 50%;}/* 닫기 중첩일 때 */
.popup-type1 .btn-type1 a,
.popup-type1 .btn-type1 button {width:auto;height:40px;line-height:38px;font-size:16px;font-weight:400;}
.popup-type1 .btn-type2 a,
.popup-type1 .btn-type2 button {width:auto;height:40px;line-height:38px;font-size:16px;font-weight:400;}

.popup-type1 .box-button.type2 .btn-type1 a,
.popup-type1 .box-button.type2 .btn-type1 button {color:#36364b;border-color:#999aa9;}
.popup-type1 .box-button.type2 .btn-type2 a,
.popup-type1 .box-button.type2 .btn-type2 button {background-color:#36364b;border-color:#36364b;}


/* POPUP - Mall */
.popup-type1 .mall .box-information-type1 {margin-bottom:24px;}
.popup-type1 .mall .box-information-type1 .text-type1 {font-size:14px;}
.popup-type1 .mall .box-article {position:relative;margin-bottom:24px;}
.popup-type1 .mall .box-article h3.title {margin-bottom:16px;font-size:20px;font-weight:500;}
.popup-type1 .mall .box-article .text-infor-title {position:absolute;right:0;top:3px;}
.popup-type1 .mall .text-type1 {font-size:16px;}
.popup-type1 .mall .text-type1 em {font-style:normal;color:#3d4ed7;}
.popup-type1 .btn-type1 a,
.popup-type1 .btn-type1 button {color:#3d4ed7;border-color:#3d4ed7;}
.popup-type1 .btn-type2 a,
.popup-type1 .btn-type2 button {background-color:#3d4ed7;border-color:#3d4ed7;}
    /* POPUP - Information */
.box-information-type1 .text-type2 {margin-bottom:16px;font-size:18px;font-weight:500;font-weight:500;}
.box-information-type1 .text-type3 {font-size:16px;color:#575e6f;}
.box-information-type2 {padding:24px 32px;background:#f5f6f9;}


/* POPUP - 품절 안내 */
.popup-type1.soldout {position:fixed;left:-100%;top:0;bottom:0;z-index:20;width:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0,0,0,.5);}
.popup-type1.soldout.on {left:0;}
.popup-type1.soldout .popup-inner {position:relative;padding: 0; width:600px;background:#fff; border-radius: 12px; letter-spacing: -1px;}
.popup-type1.soldout .popup-head {/* height:73px; */height:auto; padding:28px 30px 0px; border:none;}
.popup-type1.soldout .popup-head .title {font-size:24px;font-weight:700; text-align: center; border-bottom:1px solid #e5e5e5; padding-bottom: 18px !important;}
.popup-type1.soldout .popup-head .title .text {margin-left:8px;font-size:16px;font-weight:500;letter-spacing:-0.29px;color:#111;}
.popup-type1.soldout .popup-body {padding:20px 30px 40px;}
.popup-type1.soldout .popup-body p { font-size: 16px; line-height: 26px; font-weight: 400; text-align: center; }
.popup-type1.soldout .popup-body p strong { font-weight: 600; }
.popup-type1.soldout .popup-body p:nth-of-type(1) { margin-bottom: 15px;}
.popup-type1.soldout .popup-body ul { padding: 23px 37px; margin-top: 20px; background: #F4F4F8; border-radius: 10px; line-height: 30px;}
.popup-type1.soldout .popup-body ul li {  }
.popup-type1.soldout .popup-body ul li a { font-weight: 600; font-size: 18px; position: relative; }
.popup-type1.soldout .popup-body ul li a .arrow { position: relative; top:-2px;}
.popup-type1.soldout .popup-body ul li a .arrow:after { content: ''; width: 7px; display: inline-block; height: 7px; border-top: 2px solid #36364B; border-right: 2px solid #36364B; transform: rotate(45deg); }
.popup-type1.soldout .popup-foot { display: flex;  margin-top:0;padding: 0; background: #fff; border-top:none; border-radius: 0 0 12px 12px; overflow: hidden;}
.popup-type1.soldout .popup-foot > div { width: 50%;}
.popup-type1.soldout .popup-foot > div > button { width: 100%;  padding: 18px 44px; font-size: 16px; color:#fff; font-weight: 700;}
.popup-type1.soldout .popup-foot .box-todayclose button { display: block; background: #BFC1CD; }
.popup-type1.soldout .popup-foot .btn-close button { background: #36364B; }



.popup-type1 .box-button.type2 .btn-type1 a,
.popup-type1 .box-button.type2 .btn-type1 button {color:#36364b;border-color:#999aa9;}
.popup-type1 .box-button.type2 .btn-type2 a,
.popup-type1 .box-button.type2 .btn-type2 button {background-color:#36364b;border-color:#36364b;}



/* Date Search Box */
.contain-search-date {display:flex;margin-bottom:48px;padding:20px 24px;border:1px solid #999aa9;}
.contain-search-date .btn-type1 button {width:auto;height:40px;line-height:38px;font-size:14px;font-weight:500;letter-spacing:-0.5px;}
.popup-body .contain-search-date {margin-bottom:31px;}
.box-date1 {display:flex;margin:0 24px 0 0;}
.box-date1 .title {font-size:16px;font-weight:500;line-height:40px;}
.box-date1 .title {margin-right:16px;} /* kim 추가 */
.box-date1 .form-radio {margin:0 0 0 8px;width:90px;height:38px;line-height:38px;font-size:14px;color:#3f4466;font-weight:400;text-align:center;border:1px solid #e1e1e1;border-radius:20px;cursor:pointer;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.box-date1 .form-radio:hover {font-weight:400;color:#999aa9;background:#f8f8f8;border-color:#f8f8f8;}
.box-date1 .form-radio.checked {color:#36364b;font-weight:500;background:#e6eaf2;border-color:#e6eaf2}
.box-date1 .form-radio::before {content:none;}
.box-date2 {display:flex;margin:0 8px 0 0;line-height:40px;}
.box-date2 input[type^='text'] {width:170px;height:40px;text-indent:16px;font-size:16px;color:#333;font-family:'Roboto';font-weight:400;background:#fff url(/https/www.bookdonga.com/images/pc/icon_calendor.png) no-repeat;background-position:right 3px top 50%;}
.box-date2 input[type^='text']:disabled {color:#aaa;background:#f1f1f1 url(/https/www.bookdonga.com/images/pc/icon_calendor_disabled.png) no-repeat;background-position:right 3px top 50%;}

/* Calendor */
.ui-datepicker {padding:16px 14px;width:280px;}
.ui-datepicker .ui-datepicker-title {font-size:14px;font-weight:500;font-family:'Roboto';color:rgba(0, 0, 0, 0.85);}
.ui-datepicker .ui-datepicker-next {right:2px;}
.ui-datepicker .ui-datepicker-next-hover {left:auto;right:2px;top:2px;cursor:pointer;background:none;border:none;}
.ui-datepicker .ui-datepicker-prev-hover {right:auto;left:2px;top:2px;cursor:pointer;background:none;border:none;}
.ui-widget-header {background:none;border:none;}
.ui-widget-header .ui-icon.ui-icon-circle-triangle-w {background:url(/https/www.bookdonga.com/images/pc/icon_popup_caredor_prev.png) no-repeat 50%;}
.ui-widget-header .ui-icon.ui-icon-circle-triangle-w:hover {background:url(/https/www.bookdonga.com/images/pc/icon_popup_caredor_prev.png) no-repeat 50%;}
.ui-widget-header .ui-icon.ui-icon-circle-triangle-e {background:url(/https/www.bookdonga.com/images/pc/icon_popup_caredor_next.png) no-repeat 50%;}
.ui-widget-header .ui-icon.ui-icon-circle-triangle-e:hover {background:url(/https/www.bookdonga.com/images/pc/icon_popup_caredor_next.png) no-repeat 50%;}
.ui-widget.ui-widget-content {border:1px solid #e1e1e1;border-radius:4px;box-shadow:2px 2px 10px 0 rgba(183, 183, 183, 0.5);}
.ui-datepicker th {color:#8d99ae;}
.ui-datepicker td span, .ui-datepicker td a {padding:0;text-align:center;font-size:14px;font-family:'Roboto';color:rgba(0, 0, 0, 0.65);}
.ui-state-default {background:none;border:none;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {border:none;background:#fff;border-radius:4px;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {display:block;margin:0 auto;color:#0091ff;width:24px;height:24px;line-height:24px;border:1px solid #0091ff;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {margin:0 auto;width:24px;height:24px;color:#fff;line-height:24px;font-weight:400;background:#0091ff;}


/* Category Icon */
.icon-category {display:inline-block;position:relative;top:-1px;margin:0 5px 0 0;width:54px;/* min-width:54px; */height:24px;/* padding: 0 4px; */text-align:center;font-size:12px;vertical-align:middle;letter-spacing:-0.37px;font-weight:500;color:#fff;line-height:21px;box-sizing:border-box;border:1px solid #fff;border-radius:4px;}
.icon-category.common {color:#36364b;border-color:#999aa9;}/* 공통 */
.icon-category.child {color:#f2372e;border-color:#f2372e;}/* 유아 */
.icon-category.elementary {color:#0c9cff;border-color:#0c9cff;}/* 초등 */
.icon-category.middle {color:#44d7b6;border-color:#44d7b6;}/* 중등 */
.icon-category.high {color:#6236ff;border-color:#6236ff;}/* 고등 */
.icon-category.ebs {color:#ff9d36;border-color:#ff9d36;}/* ebs */
.icon-category.book {color:#0c9cff;border-color:#0c9cff;}/* 교재 */
.icon-category.site {color:#6236ff;border-color:#6236ff;}/* 사이트 */
.icon-category.data {color:#f2372e;border-color:#f2372e;}/* 학습자료 */
.icon-category.mall {color:#6dd400;border-color:#6dd400;}/* 도서몰 */
.icon-category.etc {color:#44d7b6;border-color:#44d7b6;}/* 기타 */

/* Ribbon */
.category-state {display:block;margin:0 0 12px 0;width:72px;height:24px;line-height:22px;font-size:12px;font-weight:500;letter-spacing:-0.37px;text-align:center;color:#f2372e;border:1px solid #ff0618;}
.bbs-view-type1 .category-state {display:inline-block;margin:-3px 12px 0 0;vertical-align:middle;}

/* Text list */
.text-list-type1 li {font-size:14px;}

.text-notice-type1 {margin:0 0 8px 0;padding:0 0 0 24px;line-height:1.6;font-size:12px;font-weight:400;background:url(/https/www.bookdonga.com/images/pc/icon_exclamation.png) no-repeat left 2px; background-size:16px auto;}
.text-notice-type1 strong {color:#3d4ed7;}
.text-notice-type2 {margin:0 0 8px 0;padding:0 0 0 30px;line-height:1.6;font-size:18px;font-weight:500;background:url(/https/www.bookdonga.com/images/pc/icon_notice_type1.png) no-repeat left 4px;}

/* BBS List */
.bbs-list-type1 {margin-bottom:64px;}
.bbs-list-type1 table {width:100%;border-top:1px solid #999aa9;border-bottom:1px solid #999aa9;}
.bbs-list-type1 td {height:64px;text-align:center;font-size:14px;color:#575e6f;vertical-align:middle;border-top:1px solid #e1e1e1;}
.bbs-list-type1 tr:first-child td {border-top:none;}
.bbs-list-type1 .title {text-align:left;font-size:16px;color:#575e6f;font-weight:500;}
.bbs-list-type1 .title a {font-size:16px;color:#575e6f; /*overflow: hidden;*/ text-overflow: ellipsis; white-space: nowrap; /*width: 95%;*/ display:inline-block;}
.bbs-list-type1 .title a .text {display:inline-block;vertical-align:middle;font-size:14px;}
.bbs-list-type1 .title a .text i {display:block;margin-top:5px;font-style:normal;}
.bbs-list-type1 .title a .text em {display:inline-block;margin:0 0 0 5px;font-style:normal;font-weight:300;} 
.bbs-list-type1 .num {padding:0 16px;font-family:'Roboto';text-align:text;font-weight:500;}
.bbs-list-type1 .date {text-align:right; padding: 0 16px;}
.bbs-list-type1 .hit {text-align:left;}
.bbs-list-type1.submain .title {background:url(/https/www.bookdonga.com/images/pc/icon_link.png) no-repeat;background-position:right 16px top 50%;}
    /* BBS List - type2 */
.bbs-list-type2 {margin-bottom:64px; border-bottom:1px solid #999aa9;overflow:hidden;}
.bbs-list-type2 table {width:100%;border-top:1px solid #999aa9;}
.bbs-list-type2 thead th {padding:12px 0;font-size:14px;font-weight:400;color:#999aa9;text-align:center;border-bottom:1px solid #e1e1e1;background:#f5f6f9;}
.bbs-list-type2 tbody td {height:64px;padding:16px 0;text-align:center;font-size:16px;line-height:24px;color:#36364b;vertical-align:middle;border-top:1px solid #e1e1e1;}
.bbs-list-type2 .title {text-align:left; font-weight:400; padding: 16px 10px;}
.bbs-list-type2 .title a {font-size:16px;color:#36364b; font-weight:400; padding: 0 10px;}
.bbs-list-type2 .data {color: #575e6f;}
.bbs-list-type2 .money {font-weight:500; padding: 16px 24px 16px 0px; text-align:right;}
.bbs-list-type2 .period {font-weight:400;}
.bbs-list-type2 .usable {font-weight:400; color: #0091ff;}
.bbs-list-type2 .disabled,
.bbs-list-type2 .disabled span {color: #999aa9; /* font-weight:400; */}
.bbs-list-type2 .money .won {display:inline-block; font-size:12px; font-weight:400; margin-left:1px; vertical-align: top; margin-top:1px;}
.bbs-list-type2.type2 {margin-bottom:32px;}
.bbs-list-type2.type2 thead th {padding:15px 0; font-size:16px; color: #36364b; background: #fff;}
.bbs-list-type2.type2 tbody td {height:55px; color: #575e6f; font-weight:300; padding:12px 0;}
.bbs-list-type2.type2 .title {padding:12px 10px;}
.bbs-list-type2.type2 .title a {padding: 0px;}
.bbs-list-type2.type2 .price {text-decoration: line-through;}
.bbs-list-type2.type2 .discount {font-weight:400; color: #e02020;}
    /* BBS List - in POPUP */
.popup-body .bbs-list-type1 {margin-bottom:32px;border-bottom:1px solid #999aa9;overflow:hidden;}
.popup-body .bbs-list-type1 table {border-top:1px solid #999aa9;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;}
.popup-body .bbs-list-type1 th {padding:12px 0;font-size:14px;font-weight:400;color:#999aa9;text-align:center;border-bottom:1px solid #e1e1e1;background:#f5f6f9;}
.popup-body .bbs-list-type1 td {padding:16px 0;text-align:center;font-size:14px;font-weight:500;border-bottom:1px solid #e1e1e1;}
.popup-body .bbs-list-type1 td.title {text-align:left;font-size:16px;}
.popup-body .bbs-list-type1 td .img-book {margin-right:16px;vertical-align:middle; width:60px; height:84px; border: 1px solid #e1e1e1;}
    /* BBS List - in 문의 */
.bbs-list-type1.bbs-inquiry td {font-size:16px; color: #575e6f; padding:20px 16px;}
.bbs-list-type1.bbs-inquiry tr:hover {background: #f6fbff;}
.bbs-list-type1.bbs-inquiry .checkbox {padding: 20px 0 20px 16px;}
.bbs-list-type1.bbs-inquiry .category {color: #36364b; font-weight:500;}
.bbs-list-type1.bbs-inquiry .subject {text-align: left; /* padding: 0 16px; */}
.bbs-list-type1.bbs-inquiry .subject a {display:block; font-size:16px; color: #575e6f; text-align: left;}
.bbs-list-type1.bbs-inquiry .date {}
.bbs-list-type1.bbs-inquiry .answer {font-weight:400;}

/* BBS List Dong-a Now */
.bbs-list-donganow {width:1224px;}
.bbs-list-donganow .grid-item {width:33.33%;}
.bbs-list-donganow .grid-item.nodata {width:100%;}
.bbs-list-donganow dl {margin-bottom:16px;padding:0;width:384px;border-bottom:1px solid #e1e1e1;box-sizing:border-box;border-radius:4px; cursor: pointer;}
.bbs-list-donganow dl:hover dd.image img {transform: scale(1.1);}
.bbs-list-donganow dt {padding:32px 32px 8px;font-size:20px;font-weight:500;letter-spacing:-0.5px;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;}
.bbs-list-donganow dd {padding:0 32px 8px 32px;min-height:48px;font-size:16px;letter-spacing:-0.5px;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;}
.bbs-list-donganow dd.date {padding:0 32px 24px;height:auto;font-size:14px;font-family:'Roboto'; color: #999AA9;}
.bbs-list-donganow dl dt:first-child,
.bbs-list-donganow dl dd:first-child {border-top-left-radius:4px;border-top-right-radius:4px;overflow:hidden;border-top:1px solid #e1e1e1;}
.bbs-list-donganow dl dt:last-child,
.bbs-list-donganow dl dd:last-child {border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:hidden;}
.bbs-list-donganow dl dd.image {padding:0;height:auto;border:none;border-top-left-radius:4px;border-top-right-radius:4px;overflow:hidden;}
.bbs-list-donganow dl dd.image img {width:100%; transform: scale(1); -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}

/* BBS View */
.bbs-view-type1 {margin-bottom:64px;}
.bbs-view-type1 table {position:relative;z-index:1;width:100%;border-top:1px solid #999aa9;background:#fff;}
.bbs-view-type1 th {padding:8px 16px;height:64px;text-align:left;font-size:20px;font-weight:500;line-height:1.4;border-bottom:1px solid #999aa9;}
.bbs-view-type1 td {padding:0 16px;text-align:left;border-bottom:1px solid #999aa9;}
.bbs-view-type1 td.date {text-align:right; width:450px;}
.bbs-view-type1 td.cont {padding:64px; padding:64px 0 !important;}
.bbs-view-type1 td.cont > div.event1 {margin:0 auto;}
.bbs-view-type1 td.cont.event {padding:0;text-align:center;}

/* Paginate */
.box-paginate {display:flex;justify-content:center; margin: 0 auto; width:100%;} /* 1210 */
.box-paginate >span {display:flex;}
.box-paginate a {display:block;margin:0 8px;width:40px;height:40px;text-align:center;line-height:40px;font-family:'Roboto';font-size:14px;color:#999aa9;font-weight:400;border:1px solid #e1e1e1;background:#fff;border-radius:4px;box-sizing:border-box;}
.box-paginate a.on {color:#fff;background-color:#36364b;border-color:#36364b;font-weight:500;}
.box-paginate .paginate-elipsis {display:block;width:40px;height:40px;text-align:center;line-height:40px;font-family:'Roboto';font-size:14px;font-weight:400;border:1px solid #e1e1e1;background: #fff url(/https/www.bookdonga.com/images/pc/icon_paginate_elipsis.png) no-repeat 50%;;border-radius:4px;box-sizing:border-box;}
.box-paginate .paginate-prev {text-indent:-1000px;overflow:hidden;background: #fff url(/https/www.bookdonga.com/images/pc/icon_paginate_prev.png) no-repeat 50%;}
.box-paginate .paginate-prev.disabled {text-indent:-1000px;overflow:hidden;background: #fff url(/https/www.bookdonga.com/images/pc/icon_paginate_prev_disabled.png) no-repeat 50%;}
.box-paginate .paginate-next {text-indent:-1000px;overflow:hidden;background: #fff url(/https/www.bookdonga.com/images/pc/icon_paginate_next.png) no-repeat 50%;}
.box-paginate .paginate-next.disabled {text-indent:-1000px;overflow:hidden;background: #fff url(/https/www.bookdonga.com/images/pc/icon_paginate_next_disabled.png) no-repeat 50%;}
.box-paginate .paginate-prev-first {text-indent:-1000px;overflow:hidden;background: #fff url(/https/www.bookdonga.com/images/pc/icon_paginate_prev_first.png) no-repeat 50%;}
.box-paginate .paginate-prev-first.disabled {text-indent:-1000px;overflow:hidden;background: #fff url(/https/www.bookdonga.com/images/pc/icon_paginate_prev_first_disabled.png) no-repeat 50%;}
.box-paginate .paginate-next-last {text-indent:-1000px;overflow:hidden;background: #fff url(/https/www.bookdonga.com/images/pc/icon_paginate_next_last.png) no-repeat 50%;}
.box-paginate .paginate-next-last.disabled {text-indent:-1000px;overflow:hidden;background: #fff url(/https/www.bookdonga.com/images/pc/icon_paginate_next_last_disabled.png) no-repeat 50%;}

    /* Paginate - in POPUP */
.popup-body .box-paginate a {margin:0 4px;width:24px;height:24px;line-height:26px;color:#36364b;font-weight:500;border:none;}
.popup-body .box-paginate a.on {color:#fff;font-weight:400;}
.popup-body .box-paginate .paginate-prev {background:url(/https/www.bookdonga.com/images/pc/popup_icon_paginate_prev.png) no-repeat 50%;}
.popup-body .box-paginate .paginate-prev.disabled {background:url(/https/www.bookdonga.com/images/pc/popup_icon_paginate_prev_disabled.png) no-repeat 50%;}
.popup-body .box-paginate .paginate-next {background:url(/https/www.bookdonga.com/images/pc/popup_icon_paginate_next.png) no-repeat 50%;}
.popup-body .box-paginate .paginate-next.disabled {background:url(/https/www.bookdonga.com/images/pc/popup_icon_paginate_next_disabled.png) no-repeat 50%;}
    /* Paginate - in POPUP Bulk */
[class^='bulk-cont'] .box-paginate {margin-bottom:15px;}
[class^='bulk-cont'] .box-paginate a {margin:0 4px;width:24px;height:24px;line-height:26px;color:#36364b;font-weight:500;border:none;}
[class^='bulk-cont'] .box-paginate a.on {color:#fff;font-weight:400;}
[class^='bulk-cont'] .box-paginate .paginate-prev {background:url(/https/www.bookdonga.com/images/pc/popup_icon_paginate_prev.png) no-repeat 50%;}
[class^='bulk-cont'] .box-paginate .paginate-prev.disabled {background:url(/https/www.bookdonga.com/images/pc/popup_icon_paginate_prev_disabled.png) no-repeat 50%;}
[class^='bulk-cont'] .box-paginate .paginate-next {background:url(/https/www.bookdonga.com/images/pc/popup_icon_paginate_next.png) no-repeat 50%;}
[class^='bulk-cont'] .box-paginate .paginate-next.disabled {background:url(/https/www.bookdonga.com/images/pc/popup_icon_paginate_next_disabled.png) no-repeat 50%;}


/********************************************************** common (kim) **********************************************************/
/* quick - Floating : btn */
.floating-quick-btn {position:fixed;right:-25px;bottom:105px;z-index:11;width:auto;/* overflow:hidden;  */transform: rotate(90deg); -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.floating-quick-btn .btn-quick {display:block; }
.floating-quick-btn .btn-quick button {display:block; width:88px; height:40px; font-weight:500; font-family: Roboto; background: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);}
.floating-quick-btn .btn-quick button::after {content: ''; display:inline-block; width:7px; height:4px; background:url(/https/www.bookdonga.com/images/pc/icon_btn-quick.png) no-repeat left top; vertical-align: middle; margin-top:0px; margin-left:6px;}
.floating-quick-btn.on {right:-70px;}

/* quick - Floating : layer */
.floating-quick-layer {opacity: 0; position:fixed;right:-184px;bottom:80px;z-index:12; box-sizing: border-box; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.floating-quick-layer.on {right:40px; opacity: 1;}
.floating-quick-inner {position: relative; width:154px; height:auto; background: #fff; padding: 16px; border-radius: 4px; /* box-shadow: 0 1px 14px 2px rgba(184, 192, 233, 0.4); */ box-shadow: 0 1px 5px 2px rgba(132, 135, 141, 0.1); box-sizing: border-box;}
.floating-quick-inner .title {font-size:16px; font-weight:500; /* margin-bottom:18px; */}
.floating-quick-inner .box-quick-item {position: relative; width:100%; padding: 16px 0;}
.floating-quick-inner .box-quick-item:first-of-type {border-bottom:1px solid #e1e1e1;}
.floating-quick-inner .btn-quick-close {position: absolute; right:16px; top:16px; display:block;}
.floating-quick-inner .btn-quick-close button {display:block; width:20px; height:20px; background: url(/https/www.bookdonga.com/images/pc/icon_quick_close.png) no-repeat center; font-size:none; line-height: 0px; text-indent: -9999px;}

.box-quick-item .tit {font-size:14px; font-weight:400; margin-bottom:16px;}
.box-quick-item .tit:hover a {text-decoration: underline;}
.box-quick-item .count {display:inline-block; font-size:10px; font-weight: 500; color: #0091ff; margin-left:6px; vertical-align: top;}
.box-quick-item .box-item {}
.box-quick-item .text-not {display:block; font-size:12px; line-height:18px; font-weight:400; color: #999aa9; text-align:center; word-break: keep-all; letter-spacing: -0.5px; padding: 5px 0px 5px 0px;}

.box-quick-btn .btn-login {display:block;}
.box-quick-btn .btn-login button {display:block; width:100%; height:40px; line-height:38px; font-weight:400;  border-radius: 4px;}
.box-quick-btn .btn-login.type1 button {border:1px solid #e1e1e1; background: #fff;}
.box-quick-btn .btn-login.type1:hover button {box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2); border: solid 1px #999aa9;}

/* 퀵 슬라이드 */
.box-quick-slide {position: relative;}
.box-quick-slide .quick-item .images {display:block; margin: 0 auto; cursor: pointer; border: solid 1px #e1e1e1;}
.box-quick-slide .quick-item .images.book {width:48px; height:68px;}
.box-quick-slide .quick-item .images.video {width:80px; height:45px;}
.box-quick-slide .quick-item .images img {width:100%; height:100%; }

.box-quick-slide .slick-arrow {position: absolute; top:50%; transform: translateY(-50%); width:12px; height:12px; font-size:0px; line-height:0px; text-indent: -9999px; z-index: 1;}
.box-quick-slide .slick-arrow.slick-prev {left:0px; background: url(/https/www.bookdonga.com/images/pc/icon_quick_prev.png) no-repeat center;}
.box-quick-slide .slick-arrow.slick-next {right:0px; background: url(/https/www.bookdonga.com/images/pc/icon_quick_next.png) no-repeat center;}
.box-quick-slide .slick-prev.slick-disabled {opacity: 0.2; cursor: inherit;}
.box-quick-slide .slick-next.slick-disabled {opacity: 0.2; cursor: inherit;}

/* 퀵 슬라이드 레이어 */
.box-quick-item.quick-book .quick-item-layer,
.box-quick-item.quick-video .quick-item-layer {width:0px; opacity: 0; overflow: hidden; position: absolute; top:47px; right:0px; z-index: 12; display:flex; align-items: flex-start; /* -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; */}
.box-quick-item.quick-video .quick-item-layer {right:-9px;}
.box-quick-item .quick-item-layer.on {opacity: 1;}

.quick-item-layer .item-layer-inner {margin-right:3px; background: #fff; border:1px solid #999aa9; box-sizing: border-box;}
.quick-item-layer .item-layer-inner a {display:block; width:163px; height:100%; padding: 6px 8px; display: flex; box-sizing: border-box;}
.quick-item-layer .item-layer-inner span {display: block;}
.quick-item-layer .item-layer-inner .subject {flex:1; padding-right:10px; font-size:12px; line-height:18px; max-height:40px;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.quick-item-layer .item-layer-inner .layer-images {border: solid 1px #e1e1e1;}
.quick-item-layer .item-layer-inner .layer-images img {width:100%; height:100%; vertical-align: top; /* border: solid 1px #e1e1e1; */ /* box-sizing: border-box; */}

.box-quick-item.quick-book .item-layer-inner {height:84px;}
.box-quick-item.quick-book .item-layer-inner .layer-images {width:48px; height:68px; margin-right:7px;}

.box-quick-item.quick-video .item-layer-inner {height:61px;}
.box-quick-item.quick-video .item-layer-inner .layer-images {width:80px; height:45px;}


.btn-quick-dele {display:block;}
.btn-quick-dele button {display:block; width:16px; height:16px; border-radius: 100%; background:#e6eaf2 url(/https/www.bookdonga.com/images/pc/icon_quick_dele.png) no-repeat center; font-size:0px; line-height:0px; text-indent: -9999px; vertical-align: top;}

/* list-text-type */
.list-text-type1 li {font-size:16px;text-align:left;line-height:1.4;flex-shrink:0;vertical-align:text-bottom; margin-bottom:4px;}
.list-text-type1 li::before {display:inline-block; content: ''; width:2px; height:2px; background: #36364b; margin-right:6px; margin-top:-2px; vertical-align: middle;}
.list-text-type1 li:last-of-type {margin-bottom:0px;}

.list-text-type2 li {position: relative; padding:0 10px; font-size:14px;text-align:left;line-height:1.4;flex-shrink:0;vertical-align:text-bottom; margin-bottom:4px; box-sizing: border-box; color: #575e6f; word-break: keep-all;}
.list-text-type2 li::before {position: absolute; left:2px; top:10px; display:inline-block; content: ''; width:2px; height:2px; background: #36364b; margin-right:6px; margin-top:-2px; vertical-align: top;}
.list-text-type2 li:last-of-type {margin-bottom:0px;}

/* Contents Tab : view 상세페이지 - 상단고정 Tab */
.view-scroll-tab {position: relative; margin:0 0 0 80px;padding:0 40px;min-width:1320px; height:64px; box-sizing:border-box; background: #f5f7fd;}
.view-scroll-tab .area-inner {display:flex;margin:0 auto;padding:0;width:1200px;height:64px;text-align:center;box-sizing:border-box;justify-content:center;}
.view-scroll-tab .area-inner span {flex: 1; background:#e6eaf2;}
.view-scroll-tab .area-inner span a {display:block;width:100%;height:62px;line-height:60px;padding:0 32px;font-size:18px;font-weight:400;color:#999aa9;box-sizing: border-box;}
.view-scroll-tab .area-inner span a:hover {color:#36364b;}
.view-scroll-tab .area-inner span.on {background: #fff;}
.view-scroll-tab .area-inner span.on a {font-weight:500;color:#36364b;}
.view-scroll-tab.active {background:none;}
.view-scroll-tab.active .area-inner {z-index:10; top:0; left:80px; right:0px; margin: 0 auto; /* border:1px solid #999aa9; */ box-sizing: border-box;}
.view-scroll-tab.active .area-inner span {/* background: #fff; border-left:1px solid #999aa9; */}
.view-scroll-tab.active .area-inner span a:hover {color:#36364b;}
.view-scroll-tab.active .area-inner span.on {border:1px solid #e1e1e1;}
/* .view-scroll-tab.active .area-inner span:first-of-type {border-left:none;}
.view-scroll-tab.active .area-inner span a {color: #999aa9;}
.view-scroll-tab.active .area-inner span a:hover {color:#36364b;}
.view-scroll-tab.active .area-inner span.on {background: #36364b; border-left:none;}
.view-scroll-tab.active .area-inner span.on a {font-weight:500;color:#fff;} */

/* Contents Tab : view 상세페이지 - 구독기간탭 */
.view-month-tab {position: relative; width:100%; height:48px; /* margin: 32px 0 25px 0; */ margin-bottom:25px; box-sizing:border-box;}
.view-month-tab .area-inner {display:flex;margin:0 auto;padding:0;width:100% !important;height:100%;text-align:center;box-sizing:border-box;justify-content:center;}
.view-month-tab .area-inner span {flex: 1; }
.view-month-tab .area-inner span button {display:block;width:100%;height:48px;line-height:46px;font-size:14px;font-weight:400;color:#999aa9; background:#e6eaf2; box-sizing: border-box; border-top-left-radius: 4px; border-top-right-radius: 4px;}
.view-month-tab .area-inner span button:hover {color:#36364b;}
.view-month-tab .area-inner span.on button {font-weight:500;color:#36364b; background: #fff; border-top:1px solid #e1e1e3; border-left:1px solid #e1e1e3; border-right:1px solid #e1e1e3;}

/* 컨텐츠 고정 box */
    /* 타이틀 */
.box-header-top {position: absolute; right: 0; /* top: 95px; */top: 60px;} 
.box-header-top > .box-my-dele {/* position: initial;  *//* margin-top:10px; */margin-top:5px;}
.box-header-top > .box-my-dele .del-small {margin: 10px 32px 0 0;}
.box-header-top > .switch-myset {margin-top:10px;}
.box-header-top > .text-reserve {margin-top:15px;}
.box-header-top .btn-my1 button {width:120px; height:40px; padding:0px; line-height:38px; font-size:14px;}
    
    /* 게시판 */
.box-list-top {position: relative; display: flex; box-sizing: border-box;} 

/* 컨텐츠 */
.box-content-top {position: relative; display: flex; box-sizing: border-box;} 
.box-content-top .text12 {margin-bottom:8px;}


/* margin */
.mar_t10 {margin-top:10px !important;}
.mar_t20 {margin-top:20px !important;}
.mar_t60 {margin-top:60px !important;}
.mar_-t40 {margin-top:-40px !important;}
.mar_b8 {margin-bottom:8px !important;}
.mar_b16 {margin-bottom:16px !important;}
.mar_r32 {margin-right:32px !important;}

.flex-right {justify-content: flex-end;}

/* none-data */
.none-data {width:100%; background: #e1e1e1; text-align:center; padding: 40px; box-sizing: border-box; font-size:20px;}

/* nodata : board */
.box-board-nodata {width:100%; text-align: center; border-top:1px solid #999aa9; border-bottom:1px solid #999aa9;}
.text-nodata {padding:80px 0; font-size:20px; line-height:28px; font-weight:400; color: #999aa9; width: 100%;margin: 0 auto;text-align: center;}
.text-nodata.type2 {border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
table .text-nodata {padding: 60px 0;}
.text-nodata::before {content: ''; display:block; margin:0 auto 24px; width:112px; height:112px; vertical-align: top; background: url(/https/www.bookdonga.com/images/pc/icon_nodata.png) no-repeat center top;}
.text-nodata .text16 {color: #999aa9; margin-top:6px;}
.btn-nodata {display:block; margin: -50px auto 80px;}
.btn-nodata a,
.btn-nodata button {display:block; width:260px; height:48px; line-height: 46px; text-align: center; font-size:16px; font-weight:400; border:1px solid #999aa9; border-radius: 24px;margin: 0 auto;}


.box-board-nodata.type2 {border-top:1px solid #e1e1e1; border-bottom:none;}
.box-board-nodata.type2 .text-nodata {font-size:16px; line-height:32px; font-weight:400;}
.box-board-nodata.type2 .keyword {font-size: 24px; font-weight: 500; display: inline;}


/* line */
hr.div-line-type1 {display:block;margin:0;padding:0;width:auto;height:1px;border:none;background:#f5f7fd;}
.line-bottom-type1 {border-bottom:1px solid #bfc1cd;}
.hr-line-type1 {display:block;margin:0;padding:0;width:100%;height:1px;border:none;background:#999aa9;}
.mid-line {text-decoration: line-through;}
.Line {font-size: 14px;}

/* font */
.text12 {display:block; font-size:12px; color: #575e6f; font-weight:400; line-height:18px; margin-bottom:16px;}
.text14 {display:block; font-size:14px; color: #575e6f; font-weight:400; line-height:22px; margin-bottom:16px;}
.text16 {display:block; font-size:16px; color: #36364b; font-weight:400; line-height:24px;}
.text-bold-type1 {display:block; font-size:14px; font-weight:500; color: #36364b; margin-bottom:8px;}
.bold {font-weight:500;}

/* color */
.point-font1 {color: #0091ff;}

/* 설정 checkbox */
.switch-myset {font-size:16px; font-weight:400;color:#36364b;}
.switch-myset .form-switch {vertical-align: middle; margin-right:8px; margin-top:-5px;}

/* 맛보기 btn */
.btn-video-preview {display:inline-block; min-width:103px; height:40px; border-radius: 28px; border:1px solid #f1f1f1; background: #fff; box-sizing: border-box;}
.btn-video-preview span {display:block; box-sizing: border-box;}
.btn-video-preview span,
.btn-video-preview a,
.btn-video-preview button {display:block; width:100%; height:100%; padding:0 16px; line-height:38px; font-weight:400; font-size:14px; color: #36364b;}
.btn-video-preview span::before,
.btn-video-preview a::before,
.btn-video-preview button::before {content: ''; width:24px; height:24px; display:inline-block; vertical-align: middle; margin-top:-4px; margin-right:6px; background: url(/https/www.bookdonga.com/images/pc/icon_video_preview.png) no-repeat center top; background-size:24px auto;}
.btn-video-preview span:hover,
.btn-video-preview a:hover,
.btn-video-preview button:hover {color: #fd342a;}
.btn-video-preview.disabled span,
.btn-video-preview.disabled a,
.btn-video-preview.disabled button {color: #999aa9; cursor: default;}
.btn-video-preview.disabled span::before,
.btn-video-preview.disabled a::before,
.btn-video-preview.disabled button::before {background: url(/https/www.bookdonga.com/images/pc/icon_video_preview_disabled.png) no-repeat center top; background-size:24px auto;}

/* icon-label */
.box-label {display:flex; z-index:2; position: absolute; right:16px; top:0px;}
.box-label .icon-label {margin-left:8px;}
.box-label .icon-label > a,
.box-label .icon-label > button {display:block; width:100%; height:100%;}
.box-label .label-event {order: 3;}
.box-label .label-best img,
.box-label .label-newbook img,
.box-label .label-event img {width:54px; height:auto;}
.box-label .label-best {order: 1;}
.box-label .label-newbook {order: 2;}
.box-label .label-new {order: 1;}
.box-label .label-best2 {order: 2;}
.box-label .label-recom {order: 3;}
.label-year {display:inline-block; width:auto; height:24px; padding: 0 16px; line-height:22px; color:#fff; font-size:14px; font-weight:400; background: #0091ff; border-top-left-radius: 4px; border-top-right-radius: 4px;}

/* 공부 끝 */
.btn-study-stamp {display:inline-block;}
.btn-study-stamp a,
.btn-study-stamp button {display:block; font-size:0px; line-height:0px; text-indent: -9999; width:98px; height:98px; background: url(/https/www.bookdonga.com/images/pc/img_study_stamp.png) no-repeat center top;}
.btn-study-stamp.on a,
.btn-study-stamp.on button {background: url(/https/www.bookdonga.com/images/pc/img_study_stamp_on.png) no-repeat center top;}

/* button - 학습자료(아이콘6개) */
.btn-detail-down {display:inline-block; width:96px; height:96px; margin:2px 8px 2px 0; border: solid 2px #f4f4f4; border-radius: 4px; box-sizing: border-box;}
.btn-detail-down:hover {border: solid 1px #999aa9; box-sizing: border-box; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);}
.btn-detail-down:nth-of-type(6n) {margin:2px 0}
.btn-detail-down a,
.btn-detail-down button {display:block; width:100%; height:100%; text-align: center; font-size:14px; color: #36364b; font-weight:400;}
.btn-detail-down a::before,
.btn-detail-down button::before {content: ''; display:block; width:32px; height:32px; margin: 0 auto 8px;}
.detail-answer a::before,
.detail-answer button::before {background: url(/https/www.bookdonga.com/images/pc/icon_view_answer.png) no-repeat center top; background-size: 23px auto;}
.detail-listen a::before,
.detail-listen button::before {background: url(/https/www.bookdonga.com/images/pc/icon_view_listen.png) no-repeat center top; background-size: 30px auto;}
.detail-errata a::before,
.detail-errata button::before {background: url(/https/www.bookdonga.com/images/pc/icon_view_errata.png) no-repeat center top; background-size: 24px auto;}
.detail-assess a::before,
.detail-assess button::before {background: url(/https/www.bookdonga.com/images/pc/icon_view_assess.png) no-repeat center top; background-size: 24px auto;}
.detail-point a::before,
.detail-point button::before {background: url(/https/www.bookdonga.com/images/pc/icon_view_point.png) no-repeat center top; background-size: 26px auto;}
.detail-supple a::before,
.detail-supple button::before {background: url(/https/www.bookdonga.com/images/pc/icon_view_supple.png) no-repeat center top; background-size: 26px auto;}
.detail-data a::before,
.detail-data button::before {background: url(/https/www.bookdonga.com/images/pc/icon_view_data.png) no-repeat center top; background-size: 32px auto;}
.detail-video a::before,
.detail-video button::before {background: url(/https/www.bookdonga.com/images/pc/icon_view_video2.png) no-repeat center top; background-size: 32px auto;}
.detail-ebook a::before,
.detail-ebook button::before {background: url(/https/www.bookdonga.com/images/pc/icon_view_ebook.png) no-repeat center top; background-size: 26px auto;}

/* button - view 상세페이지 버튼타입 */
.box-btn-type1 {display:flex; padding-top:30px; margin-top:auto; /* position: absolute; left:0px; bottom:0px; width:100%; */}
.box-btn-type1 span[class^='btn-view'] {flex:1; height:50px; display:inline-block; margin:0px; vertical-align:middle; margin-right:8px;}
.box-btn-type1 span[class^='btn-view']:last-of-type {margin-right:0px;}
.box-btn-type1 span[class^='btn-view'] a,
.box-btn-type1 span[class^='btn-view'] button {display:block;padding:0;width:100%;height:100%;text-align:center;font-size:16px;font-weight:400;line-height:48px; background:#5f6580; color: #fff; border-radius:4px;box-sizing:border-box;}
.box-btn-type1 span[class^='btn-view'] a:hover,
.box-btn-type1 span[class^='btn-view'] button:hover {background: #292b46;}

.box-btn-type1 span[class^='btn-view'].btn-buy {flex:none; width:232px;}
.box-btn-type1 span[class^='btn-view'].btn-buy a,
.box-btn-type1 span[class^='btn-view'].btn-buy button {background: #fd342a;}
.box-btn-type1 span[class^='btn-view'].btn-buy a:hover,
.box-btn-type1 span[class^='btn-view'].btn-buy button:hover {background: #fd342a;}
.box-btn-type1 span[class^='btn-view'].btn-buy .price {font-size:14px; color: #f9f9f9; display:inline-block;}
.box-btn-type1 span[class^='btn-view'].btn-buy .price::after {display:inline-block; content: ''; margin: -2px 8px 0 8px; width:1px; height:12px; background: #fff; vertical-align: middle; position: relative;}
.box-btn-type1 span[class^='btn-view'].btn-buy .price .cost {position: absolute; right:9px; text-align: right; padding-right:8px; top:31px; font-size:10px; line-height:14px; color: #ffc3c0; text-decoration:line-through; font-weight:300; width:100%; display:block;}
.box-btn-type1 button .small {font-size:10px; margin-left:4px; color: #fff;}

div[class^='box-btn-type'] span[class^='btn-view'].disabled,
div[class^='box-btn-type'] span[class^='btn-view'].disabled a,
div[class^='box-btn-type'] span[class^='btn-view'].disabled button {color:#fff !important; background:#dddddd !important; border-radius:4px!important; box-sizing:border-box !important; cursor: initial;}

.box-btn-type2 {display:flex; padding-top:30px; margin-top:auto; /* position: absolute; left:0px; bottom:0px; width:100%; */}
.box-btn-type2 span[class^='btn-view'] {flex:1; height:50px; display:inline-block; margin:0px; vertical-align:middle; margin-right:8px;}
.box-btn-type2 span[class^='btn-view']:last-of-type {margin-right:0px;}
.box-btn-type2 span[class^='btn-view'] a,
.box-btn-type2 span[class^='btn-view'] button {display:block;padding:0;width:100%;height:100%;text-align:center;font-size:16px;font-weight:400;line-height:46px; background:#5f6580; color: #fff; border-radius:4px;box-sizing:border-box;}
.box-btn-type2 span[class^='btn-view'] a:hover,
.box-btn-type2 span[class^='btn-view'] button:hover {background: #292b46;}

.box-btn-type2 span[class^='btn-view'].btn-buy-blue a,
.box-btn-type2 span[class^='btn-view'].btn-buy-blue button {background: #3d4ed7;}
.box-btn-type2 span[class^='btn-view'].btn-buy-blue a:hover,
.box-btn-type2 span[class^='btn-view'].btn-buy-blue button:hover {background: #3d4ed7;}
.box-btn-type2 span[class^='btn-view'].buy-type1 {flex:none; width:306px;}
.box-btn-type2 span[class^='btn-view'].buy-type2 {flex:none; width:136px;}
.box-btn-type2 span[class^='btn-view'].buy-type3 {flex:none; width:248px;}

.box-btn-type2 > .form-number {flex:none; width:105px; margin-right:8px;}
.box-btn-type2 > .form-number input[type="number"] {height:48px; width:100%; border-right:1px solid #e1e1e1;}
.box-btn-type2 > .form-number .quantity-nav {height:48px; /* right:1px; */top:0px; right:0px;}
.box-btn-type2 > .form-number .quantity-button {width:33px; line-height:24px;}
.box-btn-type2 > .form-number .quantity-button.quantity-up {border-top-right-radius: 5px;}
.box-btn-type2 > .form-number .quantity-button.quantity-down {border-bottom-right-radius: 5px;}
.box-btn-type2 > .form-number input::-webkit-input-placeholder {color: #333333; font-size:14px; font-weight:400; text-indent: 10px;}
.box-btn-type2 > .form-number input::-moz-placeholder {color: #333333; font-size:14px; font-weight:400; text-indent: 10px;}
.box-btn-type2 > .form-number input:-ms-input-placeholder {color: #333333; font-size:14px; font-weight:400; text-indent: 10px;}
.box-btn-type2 > .form-number input:-moz-placeholder {color: #333333; font-size:14px; font-weight:400; text-indent: 10px;}
.box-btn-type2 > .form-number input::placeholder {color: #333333; font-size:14px; font-weight:400; text-indent: 10px;}

.box-btn-type2 > .form-select {flex:none; width:232px; height: 50px; margin-right:8px;}
.box-btn-type2 > .form-select select {height: 50px;}
.box-btn-type2 > .form-select.month-type1 {flex:none; width:105px; margin-right:8px;}




/* button - 파일아이콘(다운) */
.btn-data > span {display:inline-block; width:120px; height:40px; /* margin: 2px 0; */ border-radius: 20px; border:1px solid #f1f1f1; background: #fff; box-sizing: border-box;}
.btn-data > span:hover {border:1px solid #999aa9; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);}
.btn-data > span:active button,
.btn-data > span:active a {background: #3f4466; border:none; color: #fff; border-radius: 20px; box-sizing: border-box;}
.btn-data > span a,
.btn-data > span button {display:block; width:100%; height:100%; color: #3f4466; font-size:14px; font-weight:400; line-height: 38px; text-align: left; padding: 0 16px;}
.btn-data > span a::before,
.btn-data > span button::before {content: ''; width:24px; height:24px; display:inline-block; vertical-align: middle; margin-right:8px; margin-top:-4px; background-size:24px auto !important;}
.btn-data-pdf a::before,
.btn-data-pdf button::before {background: url(/https/www.bookdonga.com/images/pc/icon_pdf.png) no-repeat left top;}
.btn-data-hwp a::before,
.btn-data-hwp button::before {background: url(/https/www.bookdonga.com/images/pc/icon_hwp.png) no-repeat left top;}
.btn-data-zip a::before,
.btn-data-zip button::before {background: url(/https/www.bookdonga.com/images/pc/icon_zip.png) no-repeat left top;}
.btn-data-listening a::before,
.btn-data-listening button::before {background: url(/https/www.bookdonga.com/images/pc/icon_listening.png) no-repeat left top;}
.btn-data-img a::before,
.btn-data-img button::before {background: url(/https/www.bookdonga.com/images/pc/icon_img.png) no-repeat left top;}
.btn-data-excel a::before,
.btn-data-excel button::before {background: url(/https/www.bookdonga.com/images/pc/icon_excel.png) no-repeat left top;}
.btn-data-word a::before,
.btn-data-word button::before {background: url(/https/www.bookdonga.com/images/pc/icon_word.png) no-repeat left top;}
.btn-data-ppt a::before,
.btn-data-ppt button::before {background: url(/https/www.bookdonga.com/images/pc/icon_ppt.png) no-repeat left top;}
.btn-data-problems a::before,
.btn-data-problems button::before {background: url(/https/www.bookdonga.com/images/pc/icon_problems.png) no-repeat left top;}
.btn-data-solution a::before,
.btn-data-solution button::before {background: url(/https/www.bookdonga.com/images/pc/icon_solution.png) no-repeat left top;}    
.btn-data-point a::before,
.btn-data-point button::before {background: url(/https/www.bookdonga.com/images/pc/icon_point.png) no-repeat left top;}
.btn-data-streaming a::before,
.btn-data-streaming button::before {background: url(/https/www.bookdonga.com/images/pc/icon_streaming.png) no-repeat left top;}
.btn-data-streaming:active a::before,
.btn-data-streaming:active button::before {background: url(/https/www.bookdonga.com/images/pc/icon_streaming_on.png) no-repeat left top;}
.btn-data-streaming-set {color: #999aa9; background: none !important; font-size: 14px; font-weight: 400; line-height: 38px; text-align: left; padding: 0 16px;}
.btn-data-streaming-set::before {content: ''; width:24px; height:24px; display:inline-block; vertical-align: middle; margin-right:8px; margin-top:-4px; background: url(/https/www.bookdonga.com/images/pc/icon_streaming.png) no-repeat left top; opacity: 0.5;}
.btn-data-streaming-set:hover {border:1px solid #e1e1e1 !important; box-shadow: none !important;}
.btn-data:hover .btn-data-streaming-set {border:1px solid #e1e1e1 !important;}
.btn-data-download a::before,
.btn-data-download button::before {background: url(/https/www.bookdonga.com/images/pc/icon_data_down.png) no-repeat left top;}
.btn-data-ebook a::before,
.btn-data-ebook button::before {background: url(/https/www.bookdonga.com/images/pc/icon_ebook.png) no-repeat left top;}
.btn-data-download:active a::before,
.btn-data-download:active button::before {background: url(/https/www.bookdonga.com/images/pc/icon_data_down_on.png) no-repeat left top;}
.btn-file-down {display:block;}
.btn-file-down a,
.btn-file-down button {display:block; font-size:16px; line-height: 26px; vertical-align: top; margin-bottom:6px;}
.btn-file-down:last-of-type a,
.btn-file-down:last-of-type button {margin-bottom:0px;}
.btn-file-down a::before,
.btn-file-down button::before {content: ''; display:inline-block; width:24px; height:24px; margin-top:2px; margin-right:8px; vertical-align: top; background: url(/https/www.bookdonga.com/images/pc/icon_file_down.png) no-repeat left top;}


/********************************************************** layer-popup(kim) **********************************************************/
/* 레이어팝업 - 동영상뷰어 */
.popup-viewer {position:fixed;left:-100%;top:0;bottom:0;z-index:21;width:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0,0,0,.5);}
.popup-viewer.on {left:0;}
.popup-viewer .popup-inner {position:relative;padding:0px;width:1200px; height:682px; max-height:90%; /* height:800px;*/ background:#fff;/* border:1px solid #999aa9; */ box-sizing: border-box;}
.popup-viewer .popup-inner.layer-full {width:100%; height:100%; max-height:100%;}
.popup-viewer .popup-head {position: relative; width:100%; display: flex; align-items: center; justify-content: flex-end; height:64px; padding: 0 40px; background: #36364b; box-sizing: border-box;}
.popup-viewer .box-video-player video {min-width: 800px;}

.popup-viewer .popup-body {width:100%; padding:0; height:calc(100% - 64px);}
.popup-viewer.on .viewer-list-accordion {height: calc(100% - 110px);}

/* 동영상뷰어 - header(btn) */
.btn-viewer-list {position: absolute; left:40px; top:20px;}
.btn-viewer-list button {color: #fff; font-size:16px; text-indent: 0px; font-weight:400;}
.btn-viewer-list button::before {content: ''; display:inline-block; width:28px; height:20px; margin-top:-2px; margin-right:16px; background: url(/https/www.bookdonga.com/images/pc/icon_viewer_list.png) no-repeat left top; vertical-align: middle;}
.btn-viewer-expand {display:block; margin-right:30px;}
.btn-viewer-expand button {font-size:0px; line-height:0px; text-indent: -9999px; width:24px; height:24px; vertical-align: top; background: url(/https/www.bookdonga.com/images/pc/icon_viewer_expand.png) no-repeat left top;}
.btn-viewer-expand.on button {background: url(/https/www.bookdonga.com/images/pc/icon_viewer_expand_on.png) no-repeat left top;} 
.btn-viewer-close {display:block;}
.btn-viewer-close button {font-size:0px; line-height:0px; text-indent: -9999px; width:24px; height:24px; vertical-align: top; background: url(/https/www.bookdonga.com/images/pc/icon_viewer_close.png) no-repeat center;}

/* 동영상뷰어 - content */
.box-viewer {display: flex; width:100%; height: 100%; overflow: hidden;}

/* 동영상뷰어 : 목록 아코디언 영역 */
.box-viewer-list.on {margin-left:-400px;}
.box-viewer-list {flex:none; width:400px; background: #fff; border-right:1px solid #e1e1e1; box-sizing: border-box; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.viewer-list-top {position: relative; width:100%; height:110px; background: #e6eaf2; border-bottom:1px solid #e1e1e1;}
.viewer-list-top a {width:100%; height:100%; padding: 24px 24px 0 24px; display:block; box-sizing: border-box;}
.viewer-list-top:hover a .subject {text-decoration: underline;}
.viewer-list-top .subject {font-size:20px; line-height: 26px; width:230px; font-weight:500; max-height:54px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.viewer-list-top .book {position: absolute; right:24px; bottom:0px; width:auto; height:93px;}
.viewer-list-top .book img {width:66px; height:93px; border:1px solid #e1e1e1;}

.viewer-list-accordion {overflow-y: auto; height:624px; /* height:calc(100% - 110px); */}
/* .viewer-list-accordion::-webkit-scrollbar {width: 8px; border-radius:10px;overflow:hidden; position: absolute; right:0px; top:0;}
.viewer-list-accordion::-webkit-scrollbar-track {box-shadow: none; background: #e6eaf2;}
.viewer-list-accordion::-webkit-scrollbar-thumb {background-color: #36364b; outline: none; border-radius: 4px;} */
.viewer-list-accordion::-webkit-scrollbar {width: 8px; border-radius:10px;overflow:hidden; position: absolute; right:0px; top:0;}
.viewer-list-accordion::-webkit-scrollbar-track {box-shadow: none; background: #e6eaf2;}
.viewer-list-accordion::-webkit-scrollbar-thumb {background-color: #bdc1ca; outline: none; border-radius: 4px;}

.viewer-list-accordion > dl > dt {height: 72px; padding:0 24px;}
.viewer-list-accordion > dl:last-of-type .data-sub-inner {border-bottom: none;}

.viewer-list-accordion .data-title {display:flex; align-items: center; font-size:16px; line-height:24px; font-weight:500;cursor:pointer;border-bottom:1px solid #e1e1e1;background: #fff url(/https/www.bookdonga.com/images/pc/icon_order_down.png) no-repeat;background-position:right 24px top 17px;}
.viewer-list-accordion .data-title.on {background: #fff url(/https/www.bookdonga.com/images/pc/icon_order_up.png) no-repeat;background-position:right 24px top 17px;}
.viewer-list-accordion .data-title .num {flex:none; width:20px; text-align: left;}
.viewer-list-accordion .data-title .subject {flex:none; font-weight:bold; max-width:70%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.viewer-list-accordion .data-title .count {flex:none; font-size:14px; color: #fd342a; margin-left:8px;}

.viewer-list-accordion .data-sub {height:0;overflow: hidden; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.viewer-list-accordion .data-sub .data-sub-inner {margin:0;padding:0px;height:auto;box-sizing:border-box; border-bottom:1px solid #e1e1e1;}
.viewer-list-accordion.type2 .box-viewer-infor {border-bottom:1px solid #e1e1e1;}
.viewer-list-accordion.type2 .box-viewer-infor:last-of-type {border-bottom: none;}


    /* 목록 아코디언 : 2dep */
.box-viewer-infor {width:100%; height:116px; padding: 24px 23px; overflow:hidden; text-align: left;}
.box-viewer-infor.running {position: relative; background: #f5f7fd;}
.box-viewer-infor.running::before {position: absolute; left:0px; top:0px; content: ''; display:block; width:3px; height:100%; vertical-align: top; background: #fd342a;}
.box-viewer-infor > a {display: flex; width:100%; height:100%; text-align: left;} 
 
    /* 2dep - left */
.box-viewer-infor .infor-thumbnail {position: relative; width:121px; height:68px; margin-right:16px; }
.box-viewer-infor .infor-thumbnail img {width:121px; height:68px;}

.box-viewer-infor > a .infor-thumbnail:hover .box-thumbnail-time {display:block;}
.infor-thumbnail .box-thumbnail-time {display:none; position: absolute; left:0px; top:0px; height:68px; width:100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1;}
.box-thumbnail-time .time {margin: 22px auto 0; display:block; width: 62px; height:24px; line-height: 22px; font-size:12px; font-weight:400; text-align: center; border-radius: 12px; background: #fff;}
.box-thumbnail-time .time::before {content: ''; display:inline-block; width:16px; height:16px; margin-top:-1px; margin-right:2px; vertical-align: middle; background: url(/https/www.bookdonga.com/images/pc/icon_video_preview.png) no-repeat center top; background-size: 16px auto;}
.box-thumbnail-time .time-bar {position: relative; display: block; margin-top: 14px; width:100%; height:8px; background-color: rgba(255, 255, 255, 0.2); }
.box-thumbnail-time .time-bar > span {position: absolute; left:0px; top:0px; display:block; height:8px; background: #fd342a;}
.time-bar .time-balloon {display:block; position: absolute; left:130px; bottom:0px; width:96px; height:40px; background: #0091ff; padding-top:4px; border-radius: 4px; color: #fff; text-align: center; font-size:12px; line-height:15px; font-weight:300; word-break: keep-all; box-sizing: border-box; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.time-bar .time-balloon::after {content:''; position:absolute; top:50%; transform: translateY(-50%); left:-10px; width:0; height:0; border-style:solid; border-width:5px 5px; border-color:transparent #0091ff transparent transparent;}

    /* 2dep - right */
.box-viewer-infor .infer-text {flex:1; display:flex; height:68px; overflow: hidden; }
.box-viewer-infor .infer-text span {font-weight:500;}
.box-viewer-infor .infer-text .num {width:40px; letter-spacing: -0.8px;}
.box-viewer-infor .infer-text .text {flex:1;}
.box-viewer-infor .infer-text .subject {line-height: 20px; margin-right:6px;}
.box-viewer-infor .infer-text .page {font-weight:400; margin-right:4px;}
.box-viewer-infor .infer-text .page::before {content: ''; display:inline-block; width:1px; height:14px; margin: 4px 8px 0 0; vertical-align: top; background: #e1e1e1;}
.box-viewer-infor .infer-text .recently {display:inline-block; text-align: center; width:50px; height:16px; line-height: 14px; border-radius: 10px; font-weight:300; color: #fff; font-size:10px; background: #fd342a; vertical-align: top; margin-top:3px;}


/* 동영상뷰어 : video 영역 */
.box-viewer-content {flex:1; display:flex; flex-direction: column; flex-wrap: nowrap; box-sizing: border-box; overflow-y: auto; overflow-x: hidden; }
.box-viewer-content::-webkit-scrollbar {width: 8px; border-radius:10px;overflow:hidden; position: absolute; right:0px; top:0;}
.box-viewer-content::-webkit-scrollbar-track {box-shadow: none; background: #e6eaf2;}
.box-viewer-content::-webkit-scrollbar-thumb {background-color: #bdc1ca; outline: none; /* border-radius: 4px; */}
.box-viewer-content .box-video-player {position: relative; flex:none; width:100%; height:450px; display: flex; justify-content: center;}
.box-viewer-content .viewer-infor-footer {flex:1; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; width:100%; /* min-height:235px; height: calc(100% - 450px);*/ padding:13px 10px; box-sizing: border-box; box-shadow:inset 7px 0px 15px -6px rgba(0, 0, 0, 0.1); -webkit-box-shadow:inset 7px 0px 15px -6px rgba(0, 0, 0, 0.1); -moz-box-shadow:inset 7px 0px 15px -6px rgba(0, 0, 0, 0.1); }
.box-viewer-content .box-video-player.video-full {position: fixed; left:0px; top:0px; width:100%; height:100%;}
.popup-viewer .popup-inner.layer-full .box-viewer-content .box-video-player.video-full {height:100%;}

    /* video 컨트롤 영역 */
.box-video-player:hover .box-video-control {opacity: 1;}
.box-video-control {opacity: 0; position: absolute; left:0; bottom:0px; display: flex; flex-direction: column; justify-content: flex-end; width:100%; height:auto; background-image: linear-gradient(to bottom, rgba(32, 32, 42, 0), #2c2c2c); -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
/* .box-video-control:hover {opacity: 1;} */
.control-box {display:flex; justify-content: space-between;}
.control-left {flex:1; display:flex; align-items: center; padding-left:24px;}
.control-left .btn-viewer {margin-right:16px;}
.control-left .time {font-size:12px; color: #ddd; font-weight:300; letter-spacing: 0.5px;}

.control-right {flex:1; display:flex; align-items: center; padding-right:24px; justify-content: flex-end;}
.control-right .btn-video-sound {margin-right:8px;}
.control-right .viewer-sound {position: relative; margin-right:16px; width:83px; height:4px; cursor: pointer; background: rgba(255, 255, 255, 0.2);}
.control-right .viewer-sound .soundbar {position: absolute; left:0px; top:-4px;}
.control-right .viewer-speed {position: relative; margin-right:12px;}
.viewer-speed .btn-speed {display: block;}
.viewer-speed .btn-speed button {width:47px; height:24px; line-height:22px; font-size:14px; font-weight:400; color: #ddd; letter-spacing: 0.5px;}
.viewer-speed .viewer-speed-inner { height:0px; overflow:hidden; position: absolute; left:50%; transform: translateX(-50%); bottom:28px; z-index:3; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.viewer-speed .viewer-speed-inner .box-inner {display:block; background: #000; padding: 8px 0;}
.viewer-speed .viewer-speed-inner .box-inner > span {display:block; width:47px; white-space: nowrap; box-sizing: border-box;}
.viewer-speed .viewer-speed-inner .box-inner > span > button {display:block; width:100%; height:100%; font-size:10px; color: #fff; text-align: center; font-weight:300; line-height: 21px; letter-spacing: 0.5px;}
.viewer-speed .viewer-speed-inner .box-inner > span.on > button,
.viewer-speed .viewer-speed-inner .box-inner > span:hover > button {color: #fd342a; font-weight:400;}

/* 동영상 준비중 */
.video-none{width: 100%;height:100%;background: #e6e9f1 url("/https/www.bookdonga.com/images/pc/img_sorry2.png")no-repeat center top 169px;text-align:center;padding-top:95px;box-sizing: border-box;background-size:400px;}
.video-none span{font-size:16px;color:#0091ff;font-weight:bold;}
.video-none p{font-size:32px;color:#36364b;margin-top:14px;}

.video-none.on{background: #e6e9f1 url("/https/www.bookdonga.com/images/pc/img_sorry2.png")no-repeat center top 15.36vw;padding-top:9.2vw;background-size:39.5vw;}
.video-none span.on{font-size:1.45vw;}
.video-none p.on{font-size:3.125vw;margin-top:2vw;}

/* range 사각버전(old)
.control-running-bar {position: relative; width:100%; height:4px; margin-top:8px; cursor: pointer; background: rgba(255, 255, 255, 0.2);}
.control-running-bar .runningtime {position: absolute; left:0px; top:0px;}

input[type=range] {-webkit-appearance: none; overflow: hidden; width: 100%; height: 4px; background: transparent; cursor: pointer; border-radius: 0; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); margin-left: -1px; margin:0px; padding:0px; vertical-align: top; line-height: 0px;} 
input[type=range]:focus {outline: none;}
input[type=range]::-webkit-slider-thumb {-webkit-appearance: none; width: 4px; height: 4px; background: #f91a12; box-shadow: -100vw 0 0 100vw #f91a12; cursor: pointer;}

input[type=range]::-ms-slider-thumb {}
input[type=range]::-ms-track {background: transparent; border-color: transparent; color: transparent;}
input[type=range]::-ms-fill-lower {background: #f91a12; margin-top: -2px; padding:0px; vertical-align: top;}
input[type=range]::-ms-thumb {background: #f91a12; border:none; width:4px; height:4px; margin-top: -2px;}  
input[type=range]::velue */

/**** 컨트롤 var - 수정버전 ****/
/* running-bar - range */
.box-viewer-content .box-video-player.video-full .box-video-control {padding-bottom: 10px;} /* 전체모드 */
.control-running-bar {position: relative; width:100%; height:4px; margin-top:8px; cursor: pointer; background: rgba(255, 255, 255, 0.2);}
.control-running-bar .runningtime {position: absolute; top:-4px;}
.control-running-bar .bookmark_dot {position: absolute; top: 50%; left: 30%; transform: translateY(-50%);width: 12px; height: 12px; background: url("/https/www.bookdonga.com/images/icon_dot.png") no-repeat; background-size: 100% 100%; z-index: 5; transition: width 0.3s ease, height 0.3s ease;transform-origin: center center; }
.control-running-bar .bookmark_dot .balloon {display: none;position: absolute;bottom: 56px;left: 50%;transform: translateX(-50%);width: 120px;background: black;color: white;padding: 5px;border-radius: 5px;text-align: center;}
.control-running-bar .bookmark_dot:after {border-top: 10px solid black;border-left: 10px solid transparent;border-right: 10px solid transparent; border-bottom: 0px solid black;content: ""; position: absolute;bottom: 46px;left: 50%;transform: translateX(-50%);display: none;}
.control-running-bar .bookmark_dot:hover {width: 14px; height: 14px;}
.control-running-bar .bookmark_dot:hover::after {display: block;}
.control-running-bar .bookmark_dot:hover .balloon {display: block;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}

/* running-bar - range(크롬 외) */
.control-running-bar input[type=range] {-webkit-appearance: none; /* overflow: hidden; */ width: 100%; height: 13px; background: none; cursor: pointer; border-radius: 0; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); padding:0px; vertical-align: top; line-height: 0px; border:none; z-index: 1;} /* chrome */
.control-running-bar input[type=range]:focus {outline: none;}
.control-running-bar input[type=range]::-webkit-slider-thumb {-webkit-appearance: none; width: 14px; height: 13px; background: #f91a12; border-radius: 50%; cursor: pointer;}
.control-running-bar input[type=range]::-ms-slider-thumb {} 
.control-running-bar .progressLoad {position: absolute; left:0px; top:50%; transform: translateY(-50%); height:4px; background: #f91a12;}

/* running-bar - range(ie) */
.control-running-bar input[type=range]::-ms-track {/* width: 100%; height: 30px; */ background: transparent; border-color: transparent; /* border-width: 4px 0; */ color: transparent;}
.control-running-bar input[type=range]::-ms-fill-lower {background: transparent; border-color: transparent; color: transparent;} /* 지난 재생 영역(좌) */
.control-running-bar input[type=range]::-ms-fill-upper {background: transparent; border-color: transparent; color: transparent;} /* 남은 재생 영역(우) */
.control-running-bar input[type=range]::-ms-thumb {border: none; width: 14px; height: 13px; border-radius: 100%; background: #f91a12; cursor: pointer;}


/* sound - range(크롬 외) */
.viewer-sound input[type=range] {-webkit-appearance: none; /* overflow: hidden; */ width: 100%; height: 13px; background: none; cursor: pointer; border-radius: 0; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); padding:0px; vertical-align: top; line-height: 0px; border:none; z-index: 1; } /* chrome */
.viewer-sound input[type=range]:focus {outline: none;}
.viewer-sound input[type=range]::-webkit-slider-thumb {-webkit-appearance: none; width: 14px; height: 13px; background: #f91a12; border-radius: 50%; cursor: pointer;}
.viewer-sound input[type=range]::-ms-slider-thumb {} 
.viewer-sound .soundLoad {position: absolute; left:0px; top:50%; transform: translateY(-50%); height:4px; background: #f91a12;}

/* sound - range(ie) */
.viewer-sound input[type=range]::-ms-track {/* width: 100%; height: 30px; */ background: transparent; border-color: transparent; /* border-width: 4px 0; */ color: transparent;}
.viewer-sound input[type=range]::-ms-fill-lower {background: transparent; border-color: transparent; color: transparent;} /* 지난 재생 영역(좌) */
.viewer-sound input[type=range]::-ms-fill-upper {background: transparent; border-color: transparent; color: transparent;} /* 남은 재생 영역(우) */
.viewer-sound input[type=range]::-ms-thumb {border: none; width: 14px; height: 13px; border-radius: 100%; background: #f91a12; cursor: pointer;}

/**** 컨트롤 var - 수정버전(end) ****/

.btn-viewer {display:inline-block;}
.btn-viewer button {display:block; width:24px; height:24px; font-size: 0px; text-indent: -9999px; line-height: 0px;}
.video-stop button {background: url(/https/www.bookdonga.com/images/pc/icon_viewer_stop.png) no-repeat center; background-size: 17px 18px;}
.video-play button {background: url(/https/www.bookdonga.com/images/pc/icon_viewer_play.png) no-repeat center; background-size: 15px 20px;}
.video-prev button {background: url(/https/www.bookdonga.com/images/pc/icon_viewer_prev.png) no-repeat center; background-size: 20px 13px;}
.video-next button {background: url(/https/www.bookdonga.com/images/pc/icon_viewer_next.png) no-repeat center; background-size: 20px 13px;}
.video-sound button {background: url(/https/www.bookdonga.com/images/pc/icon_viewer_sound.png) no-repeat center; background-size: 24px 24px;}
.video-silence button {background: url(/https/www.bookdonga.com/images/pc/icon_viewer_silence.png) no-repeat center; background-size: 24px 24px;}
.video-fullscreen button {background: url(/https/www.bookdonga.com/images/pc/icon_viewer_fullscreen.png) no-repeat center; background-size: 16px;}
.video-downscreen button {background: url(/https/www.bookdonga.com/images/pc/icon_viewer_downscreen.png) no-repeat center; background-size: 16px;}

    /* video 하단 텍스트 영역 */
.viewer-infor-footer .subject {display: flex; font-size:18px; line-height:26px; font-weight:400; width: 620px; margin: 0 auto;}
.layer-full .viewer-infor-footer .subject {width:1246px}
.viewer-infor-footer .class {flex:none; width:55px; font-weight:500;}
.viewer-infor-footer .title {flex: 1;}

.viewer-infor-footer .footer {padding-top:20px; margin-top: auto; display:flex; /* justify-content: flex-end; justify-content: space-between; */ align-items: flex-end;}
.viewer-infor-footer .notice {flex:1; margin-right: auto; font-size:14px; font-weight:400;}
.viewer-infor-footer .notice::before {content: ''; display:inline-block; width:16px; height:16px; margin-top:4px; margin-right:8px; vertical-align: top; background: url(/https/www.bookdonga.com/images/pc/icon_notice_type1.png) no-repeat; background-size: 100%;}
.viewer-infor-footer .notice > strong {color: #fd342a; font-weight:500;}

.viewer-infor-footer .footer-btn {display: flex;}
.viewer-infor-footer .footer-btn .btn-type2 {margin:0 8px 0 0;}
.viewer-infor-footer .footer-btn .btn-type2:last-of-type {margin:0;}
.viewer-infor-footer .footer-btn .btn-type2 button {width:120px; height:40px; line-height:38px; padding:0px; font-size:14px; font-weight:500;}
.viewer-infor-footer .footer-btn .btn-type2.login button {background: #fd342a; border:1px solid #fd342a;}

/* 동영상뷰어 - 레이어 전체 full 버전 */
.popup-viewer .popup-inner.layer-full .box-viewer-content .box-video-player {height: calc(100% - 160px);}
.popup-viewer .popup-inner.layer-full .box-viewer-content .viewer-infor-footer {height: 160px;}

/*** 레이어팝업 - 동영상뷰어(end) ***/

/* 레이어팝업 - type2 */
.popup-type1.type2 .popup-inner {padding:0px; padding:40px 0;}
.popup-type1.type2 .popup-head {border-bottom:none; height:auto; margin-bottom:24px; padding: 0 48px;}
.popup-type1.type2 .popup-head .title {font-size:18px; font-weight:500; line-height:24px; color: #36364b;}
.popup-type1.type2 .popup-body {padding:0;}

/* 레이어팝업 - 학습자료 */
.popup-type1.popup-learning .popup-inner {padding: 40px 0 40px 48px;}
.popup-type1.popup-learning .popup-head {border-bottom:none; padding-right:48px;}
.popup-type1.popup-learning .popup-body {padding:0px;}
.popup-type1.popup-learning .view-studydata-cont {border:none; padding:0px;}
.popup-type1.popup-learning .studydata-top {padding:0 48px 0 0;}
.popup-type1.popup-learning .hr-line-type1 {width: 1093px; margin-right:48px;}
.popup-type1.popup-learning .view-studydata-tab {position: relative; margin: 0 48px 24px 0;}
.popup-type1.popup-learning .view-studydata-tab::after {position: absolute; bottom:0px; left:0px; content: ''; display:inline-block; width:100%; height:1px; border-bottom:1px solid #999aa9;}
.popup-type1.popup-learning .view-studydata-tab .area-inner span {z-index: 1;}
.popup-type1.popup-learning .studydata-list-outer {height:auto; max-height:448px; overflow-y: auto;}
.popup-type1.popup-learning .studydata-list-outer::-webkit-scrollbar {width: 8px; border-radius:10px;overflow:hidden; position: absolute; right:0px; top:0;}
.popup-type1.popup-learning .studydata-list-outer::-webkit-scrollbar-track {box-shadow: none; background: #e6eaf2;}
.popup-type1.popup-learning .studydata-list-outer::-webkit-scrollbar-thumb {background-color: #36364b; outline: none; border-radius: 4px;}
.popup-type1.popup-learning .studydata-list {margin-bottom:0px; margin-right:48px; border: none;}
.popup-type1.popup-learning .switch-myset {font-size:14px; font-weight:400;}
.popup-type1.popup-learning .switch-myset .form-switch {margin-top: -2px;}

/* 레이어팝업 - SNS공유 */
.popup-type1.popup-sns .popup-head {border-bottom:none;}
.popup-type1.popup-sns .popup-head .title {font-size:18px; font-weight:500; line-height:24px; color: #36364b;}
.popup-type1.popup-sns .popup-body {padding:0 0 0 0;}
.popup-type1.popup-sns .text-sns {margin-bottom:20px;}
.popup-type1.popup-sns .box-popup-sns {display:flex; text-align: center; }
.popup-type1.popup-sns .box-popup-sns .sns-item {display:inline-block; margin-right:16px;}
.popup-type1.popup-sns .box-popup-sns .sns-item button {font-size:12px; font-weight:400; color: #36364b;}
.popup-type1.popup-sns .box-popup-sns .sns-item button::before {content: ''; display:block; width:48px; height:48px; margin-bottom:7px;}

.popup-type1.popup-noline .popup-head {border-bottom:none;}
.popup-type1.popup-noline .popup-body {padding:0px;}

.sns-instagram {text-align:left;}
.sns-instagram button::before {background: url(/https/www.bookdonga.com/images/pc/icon_sns_instagram.png) no-repeat left top;}
.sns-blog button::before {background: url(/https/www.bookdonga.com/images/pc/icon_sns_blog.png) no-repeat left top;}
.sns-facebook button::before {background: url(/https/www.bookdonga.com/images/pc/icon_sns_facebook.png) no-repeat left top;}
.sns-kakao button::before {background: url(/https/www.bookdonga.com/images/pc/icon_sns_kakao.png) no-repeat left top;}

/* 레이어팝업 - 동영상 맛보기 */
.popup-type1.popup-video-play .popup-inner {padding:0px; border:none; background: #000;}
.popup-type1.popup-video-play .popup-body {padding:0px;}
.popup-type1.popup-video-play .btn-close-popup,
.popup-type1.popup-video-play .btn-close-popup2 {top:0px; right:-40px;}
.popup-type1.popup-video-play .btn-close-popup button,
.popup-type1.popup-video-play .btn-close-popup2 button {background: #36364b url(/https/www.bookdonga.com/images/pc/icon_video_close.png) no-repeat center center;} /* 닫기 중첩일 때 */
.popup-type1.popup-video-play .box-video-player {width:800px; height:450px;}
.box-video-player {position: relative; margin:0px; padding:0px; background: #000;}
/* .box-video-player video {margin:0px; padding:0px; object-fit: cover;} */

/* 맛보기 - 재생/중지 */
.box-btn-play {opacity: 0; position: absolute; left:0px; top:0px; display:flex; flex-direction: column; justify-content: center; align-items: center; width:100%; height:100%; /* background-image: linear-gradient(to bottom, rgba(32, 32, 42, 0), #000000); */background-image: linear-gradient(180deg, transparent, rgba(0,0,0,0.7)); -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.box-btn-play.on,
.box-btn-play:hover {opacity: 1;}
.box-btn-play .btn-player button {display:block; width:76px; height:76px; font-size:0px; line-height: 0px; text-indent: -9999px;}
.box-btn-play .btn-player.play button {background: url(/https/www.bookdonga.com/images/pc/icon_video_player.png) no-repeat center center;}
.box-btn-play .btn-player.stop button {background: url(/https/www.bookdonga.com/images/pc/icon_video_stop.png) no-repeat center center;}
.box-btn-play .btn-player .player-sample {display:block; margin-top:8px; color:#fff; font-size:16px; font-weight:500;}


/* 레이어팝업 - 과목선택 */
.box-subject-choice {width:100%; max-height:288px; padding-left:48px; overflow-y: auto;}
.box-subject-choice::-webkit-scrollbar {width: 8px;border-radius:10px;overflow:hidden; }
.box-subject-choice::-webkit-scrollbar-track {box-shadow: none; background: #e6eaf2;}
.box-subject-choice::-webkit-scrollbar-thumb {background-color: #36364b; outline: none; border-radius: 4px;}

.box-subject-choice .btn-subject {display:block; margin-bottom:12px;}
.box-subject-choice .btn-subject a,
.box-subject-choice .btn-subject button {display:block; width:340px; height:48px; line-height: 46px; text-align: center; font-size:16px; font-weight:400; color: #999aa9; border:1px solid #e1e1e1; border-radius: 24px;}
.box-subject-choice .btn-subject a:hover,
.box-subject-choice .btn-subject button:hover {border:1px solid #0091ff; color: #0091ff;}
.box-subject-choice .btn-subject.on a,
.box-subject-choice .btn-subject.on button {border:1px solid #0091ff; background: #0091ff; color: #fff;}

/* 레이어팝업 - 동영상 */
.contain-video-popup.on {right: 80px;}
.contain-video-popup {position: absolute;right:99999px;bottom:300px;z-index:19;width:400px; padding:32px; box-shadow: 6px 5px 10px 0 rgba(141, 142, 152, 0.45);background-color:#fff; border:1px solid #999aa9; border-radius: 4px; box-sizing: border-box; overflow:hidden;}
.contain-video-popup .btn-close {display:block;position:absolute;right:32px;top:32px;}
.contain-video-popup .btn-close button {display:block;width:16px;height:16px;text-indent:-1000px;overflow:hidden;background:url(/https/www.bookdonga.com/images/pc/ico_close_popup.png) no-repeat 50%;}
.contain-video-popup .popup-head .title {font-size:18px; font-weight:500; line-height:24px; color: #36364b; margin-bottom:16px;}
.contain-video-popup .btn-type1 {margin:20px 0 0 0; width:100%;}
.contain-video-popup .btn-type1 a, 
.contain-video-popup .btn-type1 button {width:100%; height:48px; line-height:46px; font-size:16px; color: #fff; background: #0091ff; border:none;}
.box-video-restudy dt {font-size:14px; font-weight:400; display:block; line-height:22px; margin-bottom:2px;}
.box-video-restudy dd {font-size:14px; font-weight:400; display:block; color: #999aa9; line-height:22px;}
.box-video-restudy dd .data {display:inline-block; color: #0091ff; margin-left:8px;}

/* 레이어팝업 - ebs365 제품선택 */
.box-ebs-product {padding-bottom:24px; position: relative; }
.box-ebs-product .ebs-product-inner {max-height:450px; overflow-y: auto; border-bottom:1px solid #999aa9; box-sizing: border-box;}
.box-ebs-product .ebs-product-inner::-webkit-scrollbar {width: 8px;border-radius:10px;overflow:hidden; }
.box-ebs-product .ebs-product-inner::-webkit-scrollbar-track {box-shadow: none; background: #e6eaf2;}
.box-ebs-product .ebs-product-inner::-webkit-scrollbar-thumb {background-color: #36364b; outline: none; border-radius: 4px;}

.box-ebs-product .bbs-list-type2 .table-scroll-y {overflow-y:auto; max-height:385px; margin-top:56px;}
.box-ebs-product .bbs-list-type2 .table-scroll-y table tr:first-child td {border-top:none;}
.box-ebs-product .bbs-list-type2 .table-scroll-y::-webkit-scrollbar {width: 8px;border-radius:10px;overflow:hidden;}
.box-ebs-product .bbs-list-type2 .table-scroll-y::-webkit-scrollbar-track {box-shadow: none; background: #e6eaf2;}
.box-ebs-product .bbs-list-type2 .table-scroll-y::-webkit-scrollbar-thumb {background-color: #36364b; outline: none; border-radius: 4px;}

.box-ebs-product .bbs-list-type2.type2 { margin:0px; border-bottom:none;}
.box-ebs-product .bbs-list-type2 table {border-top:none; width:100%; table-layout: fixed;}

.box-ebs-product .bbs-list-type2.type2 thead tr {position: absolute; top: 0; z-index: 10; border-top:1px solid #999aa9;}
.box-ebs-product .bbs-list-type2.type2 thead th {padding: 12px 0; height:55px; /* border-bottom:none; */}
.box-ebs-product .bbs-list-type2.type2 thead th:nth-of-type(1) {width: 56px;}
.box-ebs-product .bbs-list-type2.type2 thead th:nth-of-type(2) {width: auto;}
.box-ebs-product .bbs-list-type2.type2 thead th:nth-of-type(3) {width: 132px;}
.box-ebs-product .bbs-list-type2.type2 thead th:nth-of-type(4) {width: 122px;}
.box-ebs-product .bbs-list-type2.type2 thead th:nth-of-type(5) {width: 123px;}
.box-ebs-product .bbs-list-type2.type2 thead th:nth-of-type(6) {width: 113px;}


.box-ebs-product .bbs-list-type2.type2 tbody {padding-top:55px;}
.box-ebs-product .bbs-list-type2.type2 table tr {display: inline-table; width: 100%; table-layout: fixed;}
.box-ebs-product .bbs-list-type2.type2 tbody tr {display: table-row;}

.box-ebs-product .box-button {margin-top:32px;}
.box-ebs-product .box-button .btn-type2 {margin: 0px;}
.popup-type1 .btn-type2.btn-shopping a,
.popup-type1 .btn-type2.btn-shopping button {background-color: #f2372e; border-color: #f2372e; ; height:48px; line-height:46px;}


/* 레이어팝업 - 동영상학습(오픈 후 수정용) */
.popup-video-alarm {position:fixed;left:-100%;top:0;bottom:0;z-index:20;width:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(255, 255, 255, 0.3);}
.popup-video-alarm.on {left:0;}
.popup-video-alarm .popup-inner {position:relative;width:400px;background:#fff; border-radius: 4px; box-shadow: 8px 8px 20px 0 rgba(141, 142, 152, 0.45); border: solid 1px #e1e1e1;}
.popup-video-alarm .popup-body {padding:32px 32px 20px 32px;}
.box-videoalarm-layer {margin:0px; padding:0px;}
.box-videoalarm-layer .title {font-size:18px; line-height:24px; padding:0px; margin:0 0 10px 0; text-align:center; font-weight:500;}
.box-videoalarm-layer .title::before {content: ''; display:block; width:21px; height:24px; margin: 0 auto 18px; vertical-align: top; background: url(/https/www.bookdonga.com/images/pc/icon_video_alarm.png) no-repeat center; background-size: 21px auto;}
.box-videoalarm-layer .text-data {font-size:14px; font-weight:500; color: #999aa9; margin-bottom:18px; text-align: center;}
.box-videoalarm-layer .text-data em {margin-left:6px;}
.box-videoalarm-layer .text-subject {display:table; margin:0 auto 38px; font-size:17px; font-weight:500; color: #36364b; background: #f5f7fd; padding:18px 20px 20px 20px; text-align: center;}
.box-videoalarm-layer .btn-videoalarm {display:block;}
.box-videoalarm-layer .btn-videoalarm button {display:block; width:100%; height:50px; line-height:48px; font-size:16px; color: #fff; font-weight:500; text-align: center; border-radius: 4px; background: #0091ff;}
.box-today-close {margin-top:25px; text-align: right;}
.box-today-close .form-checkbox::before {margin: 0 10px 0 -16px;}
.box-today-close .form-checkbox {color: #999aa9;}

.popup-video-alarm .btn-close-popup {display:block;position:absolute;right:25px;top:25px;}
.popup-video-alarm .btn-close-popup button {display:block;width:16px;height:16px;text-indent:-1000px;overflow:hidden;background:url(/https/www.bookdonga.com/images/pc/icon_alarm_close.png) no-repeat 50%; background-size:16px auto;}

/********* 닫기 중첩일 때 *********/



/********************************************************** content **********************************************************/

/* FAQ List */
.faq-list {margin-bottom:64px;overflow:hidden;border-top:1px solid #999aa9;border-bottom:1px solid #999aa9;}
.faq-list .question {margin:-1px 0 0 0;padding:19px 0;font-size:16px;color:#36364b;font-weight:500;cursor:pointer;border-top:1px solid #e1e1e1;background:url(/https/www.bookdonga.com/images/pc/icon_dropdown.png) no-repeat;background-position:right 16px top 50%}
.faq-list .question.on {background:url(/https/www.bookdonga.com/images/pc/icon_dropdown_on.png) no-repeat;background-position:right 16px top 50%}
.faq-list .question .num {display:inline-block;width:80px;font-family:'Roboto';font-size:14px;text-align:center;font-weight:500;color:#575e6f;}
.faq-list .question .rank {display:inline-block;width:80px;font-family:'Roboto';font-size:14px;text-align:center;font-weight:500;color:#575e6f;}
.faq-list .question .icon-category {width: auto; min-width: 54px; padding: 0 4px;}
.faq-list .answer {height:0;overflow:hidden;background:#f5f6f9;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.faq-list .answer .box-answer {margin:0;padding:64px 24px 64px 150px;height:auto;font-size:14px;color:#575e6f;border-top:1px solid #e1e1e1;box-sizing:border-box;}

/* QNA */
.qna-write {position:relative;margin-bottom:32px;padding:15px 0;border-top:1px solid #999aa9;border-bottom:1px solid #999aa9;}
.qna-write table {width:100%;}
.qna-write table th {padding-top:17px;width:85px;text-align:left;font-size:16px;font-weight:500;vertical-align:top;}
.qna-write table td {padding:8px 0;height:56px;text-align:left;font-size:14px;}
.qna-write .notice-essential {position:absolute;right:0;top:-28px;height:24px;}
.qna-write .essential {margin:0 2px;font-style:normal;color:#fd342a;}
.qna-write .text-notice-type1 {font-size:12px;}
.qna-write .form-textarea textarea {border-color:#e1e1e1;}
.qna-write .btn-type2 {margin:0 14px;}
.qna-write .btn-type2 button {padding:0 16px;width:auto;height:38px;line-height:36px;font-size:14px;font-weight:300;}
.qna-write .box-list-order {padding-top:8px;}
.qna-write .box-list-order .detail-order {display:block;margin-top:8px;padding:0 16px;height:40px;line-height:40px;background:#f5f6f9;border-radius:4px;}
.qna-write .box-list-order .detail-order .btn-delete {display:inline-block;margin:-5px 0 0 10px;width:15px;height:15px;text-indent:-1000px;vertical-align:middle;overflow:hidden;background:url(/https/www.bookdonga.com/images/pc/icon_deleteorder.png) no-repeat 50%;}
    /* Q&A - 답변알리미 */
.contain-notice-answer {margin-bottom:64px;padding:24px 32px;background:#f5f7fd;}
.contain-notice-answer table {width:100%;}
.contain-notice-answer table th {padding:8px 0;text-align:left;font-size:16px;font-weight:500;vertical-align:top;}
.contain-notice-answer table td {padding:8px 0;}
.contain-notice-answer table td .text {margin-bottom:8px;font-size:16px;line-height:1.38;color:#0091ff;}
.contain-notice-answer .form-checkbox {font-size:14px;}

/* EVENT List */
.event-list-type1 {margin-bottom:40px;}
.event-list-type1 ul {display:flex;flex-wrap:wrap;justify-content:space-between;}
.event-list-type1 ul li {margin:0 0 24px 0;padding:0 0 32px 0;width:588px;border:1px solid #e1e1e1;border-radius:4px;overflow:hidden;box-sizing:border-box;background: #fff;}
.event-list-type1 ul li .box-tag {display: block; margin: 0 32px 8px 32px;}
.event-list-type1 ul li .box-tag span {display:inline-block !important; margin: 0 1px 0 0 !important;}
.event-list-type1 ul li .box-image {display:block;margin:0 0 32px 0;height:220px;}
.event-list-type1 ul li .box-image img {width:588px; height:220px;}
.event-list-type1 ul li .box-title {display:block;margin:0 32px 15px 32px;font-size:20px;font-weight:500;letter-spacing:-1.41px;}
.event-list-type1 ul li .box-title .icon-category {display:block !important;margin:0 0 12px 0;}
.event-list-type1 ul li .box-date {display:block;margin:0 32px;}

/* Sub Page Module */
/* 도서몰 */
    /* 도서몰 메인 */
.area-mall-main {position:relative;margin:0 0 0 80px;}
.area-mall-main .area-inner {position:relative;margin:0 auto;padding:56px 0;width:1200px;}
.area-mall-main.header .area-inner {padding:0;}
.area-mall-main .title {margin:0 0 35px 0;/* font-size:36px; */font-size:28px;font-weight:600;color:#333;line-height:1.4;}
/* .area-mall-main.pattern-type1 {background:#f5f7fd;} */

.visual-mall {margin:0 0 -553px 0;height:553px;}

.contain-mall-category {position:absolute;left:0;top:-42px;z-index:1;width:240px;}
.contain-mall-category label {cursor:pointer;}
.contain-mall-category >dl >dt {/* height:55px; */height:42px;font-size:14px;font-weight:400;color:#fff;text-align:center;line-height:40px;background:#36364b;border-top-left-radius:10px;border-top-right-radius:10px;overflow:hidden;}
.contain-mall-category >dl >dt a {color: #fff; display:block;}
/* .contain-mall-category >dl >dt::before {content:'';display:inline-block;margin:0 10px 0 0;width:16px;height:12px;background:url(/https/www.bookdonga.com/images/pc/iocn_category_mall.png) no-repeat 50%;} */
.contain-mall-category >dl >dd {position:relative;background:#3f4466;}
.contain-mall-category >dl >dd button,
.contain-mall-category >dl >dd a {display:block;width:100%;height:78px;line-height:76px;font-size:20px;font-weight:400;color:#fff;text-align:center;border-bottom:1px solid #36364b;}
.contain-mall-category >dl >dd .title {display:block;width:100%;height:78px;line-height:76px;font-size:20px;font-weight:400;color:#fff;text-align:center;border-bottom:1px solid #36364b;}
.contain-mall-category >dl >dd dl dt {padding:0 24px;height:40px;line-height:40px;text-align:left;color:#fff;font-size:16px;font-weight:400;background:#717fa3;border:none;}
.contain-mall-category >dl >dd dl dd {padding:15px 24px 20px 24px;border:1px solid #e1e1e1;height:auto;overflow:hidden;background:#fff;-webkit-transition: all 0.3 ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.contain-mall-category >dl >dd dl dd >label {margin-left:10px;}
.contain-mall-category >dl >dd dl.category dt {padding:0;height:40px;line-height:normal;background:#717fa3;border-bottom:1px solid #5e627d;border:1px solid #5e627d;}
.contain-mall-category >dl >dd dl.category dt >button {display:block;padding:0 24px;height:40px;line-height:40px;text-align:left;color:#fff;font-size:16px;font-weight:400;background:#717fa3 url(/https/www.bookdonga.com/images/pc/icon_mall_category.png) no-repeat;background-position:right 0px top 50%;border:none;}
.contain-mall-category >dl >dd dl.category dt.on >button {background-image:url(/https/www.bookdonga.com/images/pc/icon_mall_category_on.png);}
.contain-mall-category >dl >dd dl.category dd {padding:0;height:0;border:none;}
.contain-mall-category >dl >dd dl.category dd.on {height:auto;}
.contain-mall-category >dl >dd dl dd ul {padding:15px 24px 20px 24px;border:1px solid #e1e1e1;}
.contain-mall-category >dl >dd dl dd ul li {margin:10px 0;}
.contain-mall-category .form-checkbox.checked::before {background: #3d4ed7 url(/https/www.bookdonga.com/images/pc/form_checkbox.png) no-repeat 50%; border-color: #3d4ed7;}

/* mall-event */
.mall-header {margin:0 0 0 240px;width:960px; height:553px; position: relative;}
.mall-header .box-mall-event {position: relative; display:flex; flex-direction: column; flex-wrap: nowrap; width:100%; height:553px;}
.mall-header .box-mall-event .btn-slide-play {position: absolute; right:0px; bottom:88px;}
.mall-header .box-mall-event .btn-slide-play button {display:block; width:32px; height:32px; font-size:0px; line-height:0px; text-indent: -9999px; border-radius:100%;}
.mall-header .box-mall-event .btn-slide-play.stop button {background: #fff url(/https/www.bookdonga.com/images/mobile/icon_slide_stop.png) no-repeat center; background-size:16px;}
.mall-header .box-mall-event .btn-slide-play.play button {background: #fff url(/https/www.bookdonga.com/images/mobile/icon_slide_play.png) no-repeat center; background-size:16px;}
.mall-header .box-mall-visual {position: relative; width:960px;height:497px;}
.mall-header .box-mall-visual .visual-item img {width:960px;height:497px;}
.mall-header .box-mall-visual .slick-dots {position: absolute; right:0px; bottom:32px; width:86px; height:32px; padding: 5px 16px 6px; border-radius: 16px; background-color: rgba(255, 255, 255, 0.2); box-sizing: border-box;}
.mall-header .box-mall-visual .slick-dots.width-active {width:66px;}
.mall-header .box-mall-visual .slick-dots.width-active span {display: block; text-align:center; width:100%;}
.mall-header .box-mall-visual .slick-dots li {display:none;}
.mall-header .box-mall-visual .slick-dots li span {font-size:14px; color: #fff; font-weight:400; letter-spacing: 0.25px;}
.mall-header .box-mall-visual .slick-dots li.slick-active {display:block;}

.mall-header .box-mall-tab {position:relative;padding:0 56px;height:56px; margin-top:auto; background:#fff; box-sizing: border-box; border:1px solid #e1e1e1;}
.mall-header .box-mall-tab .slick-track {float:left; display:flex; }
.mall-header .box-mall-tab .slick-track.width-active {width:100% !important;}
.mall-header .box-mall-tab .slick-list {width:848px;}
.mall-header .box-mall-tab .item {position: relative; /* width:284px !important; */flex:1 !important;height:56px; /* border-right:1px solid #e1e1e1; */ /* border:1px solid #e1e1e1; */box-sizing:border-box;-webkit-transition: all 0.3 ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; cursor: pointer; line-height:56px;text-align:center;font-size:18px;font-weight:400; color: #717fa3;}
.mall-header .box-mall-tab .item::after {position: absolute; right:0px; top:0px; content: ''; display:block; width:1px; height:54px; vertical-align: top; background: #e1e1e1;}
.mall-header .box-mall-tab .item:hover {color: #0c9cff;}
/* .mall-header .box-mall-tab .item:nth-of-type(3n) {border-right:none;} */
.mall-header .box-mall-tab .item .subject {display:block; width:100%; padding: 0 24px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; font-size:16px;}
.mall-header .box-mall-tab .slick-current,
.mall-header .box-mall-tab .slick-current.slick-active {color: #36364b; font-weight:500;}
.mall-header .box-mall-tab .slick-current:hover,
.mall-header .box-mall-tab .slick-current.slick-active:hover {color: #36364b;}
.mall-header .slick-arrow {display:block; position:absolute;bottom:0;width:56px;height:55px;/* border:1px solid #e1e1e1; */background:#fff;text-indent:-1000px;overflow:hidden;}
.mall-header .tab-prev {left:0px;background: url(/https/www.bookdonga.com/images/pc/img_arrow_left_medium.png) no-repeat 50%; border-right:1px solid #e1e1e1; z-index:1;}
.mall-header .tab-next {right:0px;background: url(/https/www.bookdonga.com/images/pc/img_arrow_right_medium.png) no-repeat 50%; border-left:1px solid #e1e1e1;}
.mall-header .slick-arrow.slick-hidden {display:block !important;}
.mall-header .slick-arrow.slick-hidden.tab-prev {cursor: initial; background: url(/https/www.bookdonga.com/images/pc/img_arrow_left_medium_disabled.png) no-repeat 50%;}
.mall-header .slick-arrow.slick-hidden.tab-next {cursor: initial; background: url(/https/www.bookdonga.com/images/pc/img_arrow_right_medium_disabled.png) no-repeat 50%;}

.mall-links {display:flex;justify-content:space-between;}
.mall-links a {display:block;width:227px;height:56px;line-height:56px;font-size:14px;font-weight:400;color:#333;text-align:center;letter-spacing:-0.25px;border:1px solid #eaeaea;background:#fff;border-radius:4px;-webkit-transition: all 0.3 ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.mall-links.w24 a {width: 24% !important;} 
.mall-links a:hover {border-color:#999aa9;box-shadow:2px 2px 10px 0 rgba(212, 213, 226, 0.5);}

.box-mall-donganow {position:relative;height:80px;}
.box-mall-donganow .item {font-size:16px;font-weight:400;line-height:80px;}
.box-mall-donganow .item .date {display:inline-block;margin:0 0 0 8px;color:#bfc1cd; font-size:14px;}
.box-mall-donganow .item .tag-category {display:inline-block;margin:0 16px 0 0;padding:0 16px;height:24px;line-height:24px;font-size:12px;color:#0c9cff;border:1px solid #0c9cff;border-radius:12px;}
.box-mall-donganow .slick-arrow {position:absolute;right:0;z-index:1;width:30px;height:30px;border:none;background:#fff;text-indent:-1000px;overflow:hidden;}
.box-mall-donganow .slick-prev {top:10px;background:#fff url(/https/www.bookdonga.com/images/pc/img_arrow_up.png) no-repeat 50%;}
.box-mall-donganow .slick-next {bottom:10px;background:#fff url(/https/www.bookdonga.com/images/pc/img_arrow_down.png) no-repeat 50%;}


    /* 도서목록 */
.add-sidebar {display:block;}    
.area-mall {margin:0 0 0 80px;}
.area-mall .area-inner {position:relative;margin:0 auto;padding:0;width:1200px;}
.area-mall.add-sidebar .area-inner {display:flex;justify-content:space-between;}
.area-mall .area-inner .contain-mall-category {position:static;margin:-42px 0 0;padding:0 0 80px 0;background:#f5f7fd;}
.area-mall .area-inner .contain-mall-category >dl {margin-bottom:18px;}
.area-mall .area-inner .contain-mall-category .btn-type1 {display:block;margin:0 16px;width:auto;}
.area-mall .area-inner .contain-mall-category .btn-type1 button {padding:0;width:100%;font-weight:400;background: #fff; border-radius: 0px;}
.area-mall .area-inner .contain-mall-category .btn-type1 button::before {content:'';display:inline-block;position:relative;top:-2px;margin:0 5px 0 0;width:24px;height:24px;vertical-align:middle;background:url(/https/www.bookdonga.com/images/pc/icon_bookorder.png) no-repeat 50%; background-size:24px auto;}
.area-mall .area-inner .contain-mall-body {padding:80px 0;width:896px;}
.area-mall .area-inner .contain-mall-body .title {margin-bottom:35px;/* font-size:36px; */font-size:28px;font-weight:600;color:#333;line-height:1.4;}
/*
.box-tag-serch {position:relative;margin:10px 0 40px 0;padding:10px 80px;text-align:center;border:1px solid #e1e1e1;border-radius:4px;}
.box-tag-serch .tag {display:inline-block;margin:0 8px;}
.box-tag-serch .tag button {display:block;padding:0 26px 0 12px;height:32px;line-height:30px;font-size:12px;color:#575e6f;font-weight:500;background:#f5f6f9;border-radius:16px;}
.btn-reset {position:absolute;right:0;top:0;}
.btn-reset button {display:block;width:52px;height:52px;background:#ccc;}
*/

.area-mall .area-inner .contain-mall-body .box-sort {position:relative;margin:0 0 30px 0;padding:0;text-align:right;}
.area-mall .area-inner .contain-mall-body .box-sort .text-total {position:absolute;left:0;bottom:0;font-size:14px;font-weight:400;}

.box-select-category {position:absolute;left:206px;top:0;height:79px;width:34px;overflow:hidden;-webkit-transition: all 0.3 ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.box-select-category.on {width:991px;}
.box-select-category ul {display:flex;margin:0 33px;background:#ccc;}
.box-select-category ul li {margin:0 -1px 0 0;border:1px solid #36364b;}
.box-select-category ul li button {display:block;width:131px;height:77px;border:none;background:#5e627d;}
.box-select-category ul li button.on {background:#3d4ed7;}
.box-select-category .btn-category {display:block;position:absolute;right:0;top:0;z-index:1;border:1px solid #36364b;}
.box-select-category .btn-category button {display:block;width:32px;height:77px;text-indent:-10000px;overflow:hidden;border:none;background:#3f4466 url(/https/www.bookdonga.com/images/pc/icon_mall_select_category.png) no-repeat 50%;}
.box-select-category .btn-category button.on {transform: rotate(180deg);}

.list-item-type1 {}
.list-item-type1 .slick-arrow {position:absolute;top:110px;z-index:1;width:48px;height:48px;border:none;background:#fff;text-indent:-1000px;overflow:hidden;border-radius:100%;box-shadow:4px 4px 16px 0 rgba(0, 0, 0, 0.1);/* -webkit-transition: all 0.3 ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; */ background-size: 14px auto !important;}
.list-item-type1 .slick-prev {left:-80px;background:#fff url(/https/www.bookdonga.com/images/pc/icon_bookslide_prev.png) no-repeat 15px 50%;}
.list-item-type1 .slick-prev:active {background:#33344a url(/https/www.bookdonga.com/images/pc/icon_bookslide_prev_on.png) no-repeat 15px 50%;}
.list-item-type1 .slick-next {right:-80px;background:#fff url(/https/www.bookdonga.com/images/pc/icon_bookslide_next.png) no-repeat 20px 50%;}
.list-item-type1 .slick-next:active {background:#33344a url(/https/www.bookdonga.com/images/pc/icon_bookslide_next_on.png) no-repeat 20px 50%;}
.list-item-type1 .list-inner {display:flex;/* width:105%; */width:100%;flex-wrap:wrap;}
.list-item-type1 .list-inner .item-book {margin:0 46px 72px 0;}
.list-item-type1 .list-inner .item-book:nth-of-type(4n) {margin:0 0 72px 0;}
.list-item-type1 .slick-prev.slick-disabled {opacity: 0; cursor: inherit;}
.list-item-type1 .slick-next.slick-disabled {opacity: 0; cursor: inherit;}

/* .list-item-type1.slick1 .item-book,
.list-item-type1.slick2 .item-book {width:215px; margin: 0 31px 0 0;}
.list-item-type1.slick1 .item-book .book-cover,
.list-item-type1.slick2 .item-book .book-cover {width:215px;}
.list-item-type1.slick1 .item-book .book-cover > img,
.list-item-type1.slick2 .item-book .book-cover > img {width:100%; height:298px;}
 */
.area-mall-main .item-book {height: auto;}
.item-book {position:relative;margin:0 62px 0 0;width:189px; /*width:200px; */ /* height:435px; */}
.item-book .book-cover {display:block;position:relative;margin:0 0 14px 0;width:189px;/* box-shadow:4px 4px 24px 0 rgba(0, 0, 0, 0.1); */border:solid 1px #f1f1f1;}
.item-book .book-cover > img {display:block;width:100%; height: 263px;}
.item-book .book-tag {margin:0 0 4px 0;}
.item-book .book-tag .tag-category {display:inline-block;margin:0 1px 4px 0;padding:0 8px;height:24px;line-height:24px;font-size:12px;font-weight:500;color:#0c9cff;border:1px solid #0c9cff;border-radius:4px;}
.item-book .book-title {display:block;/* margin:0 0 8px 0; */font-size:16px;/* font-weight:500; */color:#36364b;width: 100%; max-height: 65px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.item-book .description {display:flex;font-size:12px;font-weight:500;}
.item-book .description .price-point {color: #717fa3; margin-right:6px;}
.item-book .description .book-description {color: #bfc1cd;}

.item-book .book-price {display:flex; margin-top:2px;}
.item-book .book-price .total-price {font-size:16px;font-weight:500; color: #333; letter-spacing: -0.67px;}
.item-book .book-price .box-price {display:block;}
.item-book .book-price .box-price span {margin-top:5px;line-height:1;}
.item-book .book-price .price-orignal {margin-left:7px; display:inline-block;text-decoration:line-through;text-decoration-color: #fd3429;font-size:12px;font-weight:500;letter-spacing:-0.5px;color:#bfc1cd;padding-top: 1px;}

.book-cover {position:relative;}
.book-cover .box-detail {position:absolute;left:0;right:0;top:0;opacity:0;bottom:0;overflow:hidden;background:#fff;-webkit-transition: all 0.3 ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.book-cover.on .box-detail {opacity:1;}
.book-cover .box-detail .box-inner {padding:18px 18px 0 18px;}
.book-cover .box-detail .detail-title {margin-bottom:10px;font-size:14px;font-weight:500;letter-spacing:-0.25px;width: 100%; max-height: 44px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.book-cover .box-detail .detail-price {display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:10px;font-size:12px;font-weight:400;letter-spacing:-0.22px;}
.book-cover .box-detail .detail-price span {margin-bottom:5px;width:100px;text-align:right;line-height:1.4;}
.book-cover .box-detail .detail-price span em {font-size:10px;color:#8d99ae;}
.book-cover .box-detail .detail-price .tit {width:50px;text-align:left;color:#3d4ed7;}
.book-cover .box-detail .btn-type1 {display:block;margin:8px 0;width:auto;}
.book-cover .box-detail .btn-type1 img {display:inline-block;position:relative;top:-2px;width:auto;vertical-align:middle;}
.book-cover .box-detail .btn-type1 button {width:100%;height:32px;line-height:26px;font-size:14px;font-weight:normal;color:#333;border-color:#d7d7d7;border-radius:4px;}
.book-cover .box-detail .detail-button {position:absolute;left:0;right:0;bottom:0;display:flex;}
.book-cover .box-detail .detail-button button {display:block;width:50%;height:40px;font-size:14px;letter-spacing:-0.47px;color:#fff;text-align:center;background:#3d4ed7;}
.book-cover .box-detail .detail-button button + button {background:#36364b;}
.detail-button button.disabled {background: #dddddd !important; color: #fff !important; cursor: inherit;}

    /* 결제하기 */
.area-payment {margin:0 0 0 80px;}
.area-payment .area-inner {position:relative;margin:0 auto;padding:80px 0;width:1200px;}
.contain-payment-header {position:relative;}

    /* 결제 본문 헤더 */
.area-payment .contain-payment-header {margin-bottom:48px;}
.area-payment .contain-payment-header .title {display:inline-block;margin:0 15px 0 0;/* font-size:40px; */font-size:28px;font-weight:600; vertical-align: top;line-height:1;}
.area-payment .contain-payment-header .text {display:inline-block;margin:0;/* font-size:16px; */font-size:16px;font-weight:400;line-height:1.25;}

    /* 결제 스탭 */
.box-payment-step {position:absolute;right:0;top:0;display:flex;border-radius:2px;overflow:hidden;}
.box-payment-step span {display:block;position:relative;z-index:4;margin-right:-15px;overflow:hidden;height:32px;}
.box-payment-step span i {display:block;position:relative;z-index:1;margin:0 23px 0 0;padding:0 0 0 14px;font-style:normal;color:#f5f6f9;font-size:12px;font-weight:400;line-height:32px;white-space:nowrap;background:#616fde;}
.box-payment-step span::after {content:'';display:block;position:absolute;right:6px;top:0px;width:32px;height:32px;background:#616fde;transform:rotate(45deg) skew(190deg,190deg);}
.box-payment-step span + span {z-index:3;}
.box-payment-step span + span i {margin:0 20px 0 0;padding:0 0 0 18px;color:#bfc1cd;font-weight:normal;background:#f5f6f9;}
.box-payment-step span + span::after {background:#f5f6f9;} 
.box-payment-step span + span + span {z-index:2;}
.box-payment-step span + span + span i {padding:0 0 0 24px;background:#fafafc;}
.box-payment-step span + span + span::after {background:#fafafc;}
.box-payment-step span + span + span + span {z-index:1;background:#fcfcfc;}
.box-payment-step span + span + span + span i {margin:0;padding-right:30px;background:#fcfcfc;}
.box-payment-step span + span + span + span::after {content:none;}
.box-payment-step span.on i {color:#fff;background:#616fde;}
.box-payment-step span.on::after {background:#616fde;}
.box-payment-step span.active i {color:#fff;background:#3d4ed7;}
.box-payment-step span.active::after {background:#3d4ed7;}
    /* 리스트 헤더 */
.box-list-header {margin-bottom:8px;text-align:right;}
.box-list-header .btn-type1 {}
.box-list-header .btn-type1 button {padding:0 16px;width:auto;height:30px;line-height:1;font-size:14px;color:#333;font-weight:normal;border-color:#d7d7d7;}
    /* 장바구니 목록 */
.box-list-payment {position:relative;margin-bottom:32px;padding-bottom:40px;height:auto;overflow:hidden;}
.box-list-payment.on {height:92px;}
.box-list-payment table {width:100%;}
.box-list-payment th {padding:11px 0;font-size:16px;font-weight:400;text-align:center;background:#f5f6f9;border-bottom:1px solid #e1e1e1;}
.box-list-payment th:first-child {border-left:1px solid #f5f6f9;}
.box-list-payment th:last-child {border-right:1px solid #f5f6f9;}
.box-list-payment td {padding:16px 0;text-align:center;border-bottom:1px solid #e1e1e1;}
.box-list-payment td:first-child {border-left:1px solid #e1e1e1;}
.box-list-payment td:last-child {border-right:1px solid #e1e1e1;}
.box-list-payment td.checkbox {vertical-align:top;}
.box-list-payment .link-detail {display:flex;float:left;padding:0 15px;text-align:left;font-size:16px;font-weight:400;letter-spacing:-0.67px;}
.box-list-payment .image {display:inline-block;margin:0 23px 0 0;width:110px;vertical-align:top;}
.box-list-payment .image img {display:block;width:110px; height:154px; border:1px solid #e1e1e1;}
.box-list-payment .text {display:flex;flex-direction:column;font-weight:400; max-width:380px;}/* 1216 */
.box-list-payment .text .box-period-select {width:225px; margin-top: auto; padding-top:20px;}
.box-list-payment .text .box-period-select .form-select {width:100%;}
.box-list-payment .text .box-period-select .text-period {font-size:14px;}
.box-list-payment .box-tag {margin:8px 0;}
.box-list-payment .icon-tag {display:inline-block;padding:0 8px;width:auto;height:22px;line-height:20px;font-size:12px;font-weight:400;color:#0c9cff;border:1px solid #0c9cff;border-radius:4px;}
.box-list-payment .box-price {font-size:16px;letter-spacing:-1px;}
.box-list-payment .box-price strong {font-size:24px;}
.box-list-payment .box-price del {display:block;font-size:14px;letter-spacing:-0.5px;color:#bfc1cd;}
.box-list-payment .btn-delete-item {display:inline-block;margin:0 20px 0 0;}
.box-list-payment .btn-delete-item button {display:block;width:40px;height:40px;text-indent:-1000px;overflow:hidden;background:url(/https/www.bookdonga.com/images/pc/icon_delete_order.png) no-repeat 50%;}
.box-list-payment .btn-view-list {display:block;position:absolute;left:0;bottom:0;width:100%;}
.box-list-payment .btn-view-list button {display:block;width:100%;height:48px;font-size:16px;letter-spacing:-0.67px;text-align:center;border:1px solid #e1e1e1;background:#fff;}
.box-list-payment .btn-view-list button:after {content:'';display:inline-block;width:30px;height:12px;background:url(/https/www.bookdonga.com/images/pc/icon_more_orderlist.png) no-repeat 50%;}
    /* 합계금액 */
.box-total-payment {display:flex;margin-bottom:32px;padding:28px 32px;font-size:14px;font-weight:400;color:#333;border:1px solid #999aa9;justify-content: space-between;}
.box-total-payment .total-text {width:200px;font-weight:500;}
.box-total-payment .total-sum {line-height:1;text-align:center;font-weight:400;}
.box-total-payment .total-sum strong {display:inline-block;position:relative;top:-2px;margin:0 0 0 15px;line-height:1.5;vertical-align:middle;font-size:18px;letter-spacing:-1px;color:#0091ff;}
.box-total-payment .total-sum i {display:inline-block;position:relative;top:-2px;margin:0 20px;font-weight:400;vertical-align:middle;font-style:normal;font-size:20px;color:#8d99ae;}
.box-total-payment .total-price {width:240px;text-align:right;font-size:14px;font-weight:500;}
.box-total-payment .total-price strong {display:inline-block;vertical-align:middle;margin:-6px 2px 0 15px;font-size:24px;letter-spacing:-1px;color:#e02020;}
.box-submit-payment {position:relative;display:flex;justify-content:space-between;margin-top:32px;}
.box-submit-payment .box-notice-type1 dt {margin:0 0 16px 0;padding:0 0 0 30px;line-height:22px;font-size:14px;font-weight:500;color:#e02020;background:url(/https/www.bookdonga.com/images/pc/icon_notice_type1.png) no-repeat left top;}
.box-submit-payment .box-notice-type1 .text-list-type1 li {font-size:13px;font-weight:400;line-height:1.83;}
.box-submit-payment .box-notice-type1 .text-list-type1 li strong {color:#e02020;}
.box-submit-payment .btn-order {display:block;}
.box-submit-payment .btn-order button {display:block;width:218px;height:104px;line-height:1;text-align:center;font-size:20px;font-weight:500;color:#fff;border-radius:4px;background:#3d4ed7;}
    /* 주문결제 */
.wrap-payment {position:relative;}
.wrap-payment .box-payment-sidebar {position:absolute;right:0;top:0;z-index:1;width:258px;}
.wrap-payment .box-payment-sidebar .contain-calcpay {display:none;position:relative;padding:24px;border:1px solid #e1e1e1;box-sizing:border-box;background:#fff;}
.wrap-payment .box-payment-sidebar .contain-calcpay.on {display:block;}
.wrap-payment .contain-payment-body {width:926px;}
.contain-gift-list dt {padding:12px 24px;font-size:16px;font-weight:500;background:#f5f6f9;}
.contain-gift-list dd {display:flex;flex-wrap: wrap;padding:32px 0;}
.item-gift {position:relative;margin:0 40px 0 0;width:282px;background:#f5f6f9;}
.item-gift:nth-child(n+4) {margin-top: 24px;}
.item-gift:nth-child(3n) {margin-right: 0 !important;}
.item-gift .discount {display:flex;flex-direction:column;justify-content:center;position:absolute;right:16px;top:16px;padding:10px;width:57px;height:57px;font-size:12px;font-weight:400;line-height:1.4;letter-spacing:-0.5px;text-align:center;border-radius:100%;color:#fff;background:#fd342a;box-sizing:border-box;}
.item-gift .image {display:flex;width:282px;height:240px;text-align:center;flex-direction:column;justify-content:center;border:1px solid #e1e1e1;background:#fff; box-sizing: border-box;}
.item-gift .image img {display:inline-block; width:100%; height:100%;}
.item-gift .box-gift {padding:8px;}
.item-gift .box-gift .form-checkbox {position:absolute;left:16px;top:16px;}
.item-gift .box-gift .form-number {height:30px;}
.item-gift .box-gift .text-item {display:inline-block;margin:0 8px;font-size:14px;font-weight:400;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:180px;overflow:hidden;}
    /* 적립금 계산기 */
.box-payment-sidebar .title {margin-bottom:24px;font-size:18px;font-weight:500;}
.box-payment-sidebar .payment-item {display:flex;justify-content:space-between;margin-bottom:16px;}
.box-payment-sidebar .payment-item dt {display:flex;flex-direction:column;justify-content:flex-end;font-size:14px;font-weight:400;}
.box-payment-sidebar .payment-item dd {font-size:14px;font-weight:400;}
.box-payment-sidebar .payment-item dd strong {font-size:18px;font-weight:500;letter-spacing:-1px;}
.box-payment-sidebar .payment-item.minus dd {color:#3d4ed7;}
.box-payment-sidebar .payment-item.total {}
.box-payment-sidebar .payment-item.total dt {font-size:16px;color:#fd342a;}
.box-payment-sidebar .payment-item.total dd {color:#fd342a;}
.box-payment-sidebar .payment-item.total dd strong {font-size:24px;}
.box-payment-sidebar .btn-type1 {display:block;width:auto;}
.box-payment-sidebar .btn-type1 button {width:100%;}
.box-payment-sidebar .btn-type2 {display:block;width:auto;}
.box-payment-sidebar .btn-type2 button {width:100%;background-color:#3d4ed7;}
.box-payment-sidebar .div-type2 {margin-bottom:24px;}
.box-payment-sidebar .btn-type1.calc {position:absolute;right:10px;top:24px;}
.box-payment-sidebar .btn-type1.calc button {padding:0 8px;height:24px;line-height:1;font-size:12px;font-weight:normal;border-color:#d7d7d7;}
.box-payment-sidebar .box-agreement {padding-bottom:14px;}
.box-payment-sidebar .box-agreement .agree-total {margin-bottom:16px;font-size:14px;font-weight:500;}
.box-payment-sidebar .box-agreement .agree-each {display:flex;flex-direction:column;}
.box-payment-sidebar .box-agreement .agree-each .item {position:relative;margin-bottom:12px;margin-left:16px;font-size:12px;font-weight:400;}
.box-payment-sidebar .box-agreement .agree-each .item button {font-size:12px;font-weight:400;}
.box-payment-sidebar .box-agreement .agree-each .item button::after {content:'';display:block;position:absolute;right:0;top:0;width:20px;height:25px;background:url(/https/www.bookdonga.com/images/pc/icon_link_agreement.png) no-repeat right 50%;}
    /* 결제완료 */
.box-order-confirm {width:470px;margin:0 auto 36px auto;}
.box-order-confirm .text-order-comp1 {margin-bottom:20px;line-height:1;text-align:center;font-size:20px;}
.box-order-confirm .text-order-comp2 {margin-bottom:40px;line-height:1;text-align:center;font-size:36px;font-weight:500;}
.box-order-confirm .box-order-num {margin:0 auto;padding:14px 0;width:400px;text-align:center;border:1px solid #e1e1e1;}
.box-order-confirm .box-order-num dt {display:inline-block;margin:0 8px;font-size:20px;font-weight:500;letter-spacing:-0.83px;}
.box-order-confirm .box-order-num dd {display:inline-block;margin:0 8px;font-size:20px;font-weight:normal;letter-spacing:-0.83px;}
.box-order-confirm .box-order-error {margin:0 auto;padding:14px 0;width:400px;text-align:center;border:1px solid #e1e1e1;}
.box-order-confirm .box-order-error dt {display:block;margin:0 0 8px 0;font-size:20px;font-weight:500;letter-spacing:-0.83px;}
.box-order-confirm .box-order-error dd {display:block;margin:0;font-size:20px;font-weight:normal;letter-spacing:-0.83px;}


.box-order-confirm .text-notice-type1 {margin:0 0 2px 0;color:#575e6f;}
.box-button.mall .btn-type1 {margin:0 2px;}
.box-button.mall .btn-type1 button {width:210px;color:#3d4ed7;border-color:#3d4ed7;}
.box-button.bottom.mall {margin:24px 24px 64px 24px;padding:32px 0 0 0;text-align:right;border-top:1px solid #999aa9;}
.box-button.bottom.mall span {margin:0 0 0 8px;}
.box-button.bottom.mall button {padding:0 40px;width:auto;}
.box-button.nomember {display:flex;justify-content:space-between;margin-top:20px;}
.box-button.nomember span {margin:0;width:calc(30% - 5px);}
.box-button.nomember span button {width:100%;}
.box-button.nomember .btn-type2 {width:calc(40% - 5px);}
.area-mall-ebsclass {border-top:1px solid #bfc1cd;}
.area-mall-ebsclass .area-inner {position:relative;margin:0 auto;padding:80px 0;width:1200px;text-align:center;}
.area-mall-ebsclass .text-infor1 {margin-bottom:32px;font-size:28px;font-weight:500;letter-spacing:-0.51px;}
.area-mall-ebsclass .text-infor2 {margin-bottom:8px;font-size:20px;font-weight:400;}
.area-mall-ebsclass .text-infor2 strong {color:#3d4ed7;}
.area-mall-ebsclass .text-infor3 {margin-bottom:32px;font-size:14px;}
.area-mall-ebsclass .btn-type2 a,
.area-mall-ebsclass .btn-type2 button {width:210px;background:#3d4ed7;}
    /* 주문자 정보 */
.title-order {margin:0 0 24px 0;padding:12px 0 12px 24px;font-size:16px;font-weight:500;background:#f5f6f9}
.box-information-order {padding:0 24px 34px 24px;}
.box-information-order .box-name {margin-bottom:16px}
.box-information-order .box-phonenum {display:block;margin-bottom:16px;width:337px;}
.box-information-order .box-phonenum .form-text {width:115px;}
.box-information-order .box-email {display:block;margin-bottom:16px}
.box-information-order .box-radio {margin-bottom:24px;padding:10px 0 20px 0;border-bottom:1px solid #f5f6f9;}
.box-information-order .text-notice-type1 strong {color:#3d4ed7;}
.box-information-order .box-address {margin-bottom:16px;}
.box-information-order .box-memo { margin-bottom: 16px;}
.box-information-order .btn-type1 button {padding:0 16px;font-size:16px;font-weight:400;line-height:1;color:#3d4ed7;border-color:#3d4ed7;}
.box-information-payment {margin:-24px 0 48px 0;}
.box-information-payment .box-detail-payment {display:table;margin:0 0 -1px 0;width:100%;border:1px solid #e1e1e1;}
.box-information-payment .box-detail-payment dt {display:table-cell;padding:20px 24px;width:160px;box-sizing:border-box;font-size:16px;color:#575e6f;}
.box-information-payment .box-detail-payment dd {display:table-cell;padding:20px 24px;box-sizing:border-box;font-size:16px;font-weight:400;}
    /* 적립금 쿠폰 할인 */
.box-coupon {margin-bottom:16px;}
.box-coupon label {display:inline-block;padding:0 0 0 24px;width:127px;font-size:18px;font-weight:500;box-sizing:border-box;}
.box-coupon .form-price {display:inline-block;padding:0 16px 0 0;height:40px;color:#bfc1cd;border:1px solid #e1e1e1;border-radius:4px;}
.box-coupon .form-price input {margin:0 3px 0 0;padding:0 0 4px 0;width:220px;text-align:right;color:#fd342a;height:40px;line-height:1;font-weight:500;border:none;}
.box-coupon .btn-type1 {margin:0 0 0 3px;}
.box-coupon .btn-type1 button {padding:0 16px;width:auto;height:40px;font-size:16px;font-weight:400;line-height:1;color:#3d4ed7;border-color:#3d4ed7;}
.box-coupon .text {margin:0 0 0 10px;font-size:14px;font-weight:500;}
.box-coupon .text strong {color:#fd342a;}
.box-coupon .div-bar {margin:0 0 0 10px;background:#e1e1e1;}
    /* 결제수단 */
.box-tab-agreement {display:flex;justify-content:space-between;margin:0 0 20px 0;}
.box-tab-agreement .btn-type1 {margin:0;}
.box-tab-agreement .btn-type1 button {margin:0;width:285px;color:#575e6f;font-size:20px;font-weight:normal;line-height:1;border-color:#e1e1e1;}
.box-tab-agreement .btn-type1.on button {color:#3d4ed7;border-color:#3d4ed7;font-weight:500;}
.box-payment-agreement {display:none;}
.box-payment-agreement.on {display:block;}
.box-payment-agreement .text {margin-bottom:24px;font-size:14px;letter-spacing:-0.58px;line-height:22px;}
.box-payment-agreement .text strong {display:inline-block;font-size:18px;font-weight:500;line-height:22px;vertical-align:top;}
.box-payment-agreement .text .icon-information {display:inline-block;margin:0 20px 0 6px;vertical-align:top;}
.box-payment-agreement .text .icon-information button {display:block;width:22px;height:22px;text-indent:-1000px;overflow:hidden;background:url(/https/www.bookdonga.com/images/pc/icon_popup_information.png) no-repeat 50%;}
.box-payment-agreement .box-apply {margin-bottom:17px}
.box-payment-agreement .box-apply .form-checkbox {width:250px;font-size:16px;}
.box-payment-agreement .box-apply .btn-type1 button {padding:0;width:115px;height:24px;font-size:12px;font-weight:normal;line-height:1;border-color:#d7d7d7;}
.box-payment-agreement .box-apply .applycheck {margin-bottom:-1px;padding:12px 16px;border:1px solid #e1e1e1;}
    /* 대량주문 안내 */
.box-information {margin-bottom:40px;padding:32px;border:1px solid #999aa9;border-radius:4px;}
.box-information dl {}
.box-information dt {margin:0 0 16px 0;font-size:20px;font-weight:500;}
.box-information dd {font-size:16px;color:#333;}
.box-information dd.image {margin-bottom:16px;}
.box-information dd li {margin-bottom:4px;}
.box-information dd li strong {color:#3d4ed7;}
    /* 대량주문 스텝 */
.box-bulkstep {margin-bottom:30px;padding-bottom:40px;display:flex;justify-content:space-between;border-bottom:1px solid #e6eaf2;}
.box-bulkstep dl {width:175px;}
.box-bulkstep dt {margin-bottom:8px;text-align:center;font-size:18px;font-weight:500;}
.box-bulkstep dd {font-size:16px;text-align:center;}
.box-bulkstep dd.image {position:relative;margin-bottom:16px;}
.box-bulkstep dd.image span {display:block;margin:0 auto;width:175px;height:175px;border:1px solid #e6eaf2;box-sizing:border-box;border-radius:100%;}
.box-bulkstep dd.image span::after {content:'';display:block;position:absolute;left:-70px;top:60px;width:56px;height:56px;background:url(/https/www.bookdonga.com/images/pc/icon_bulk_step_arrow.png) no-repeat 50%;}
.box-bulkstep dl:first-child dd.image span::after {content:none;}
.box-bulkstep dd.image .step1 {background:url(/https/www.bookdonga.com/images/pc/icon_bulk_step1.png) no-repeat 50%;}
.box-bulkstep dd.image .step2 {background:url(/https/www.bookdonga.com/images/pc/icon_bulk_step2.png) no-repeat 50%;}
.box-bulkstep dd.image .step3 {background:url(/https/www.bookdonga.com/images/pc/icon_bulk_step3.png) no-repeat 50%;}
.box-bulkstep dd.image .step4 {background:url(/https/www.bookdonga.com/images/pc/icon_bulk_step4.png) no-repeat 50%;}
.box-bulkstep dd.image .step5 {background:url(/https/www.bookdonga.com/images/pc/icon_bulk_step5.png) no-repeat 50%;}
    /* 대량주문 교과서 선택 */
.popup-head-tab {position:absolute;left:0;/* top:-57px; */top:-56px;display:flex;}
.popup-head-tab button {margin:0 1px 0 0;width:176px;height:56px;color:#bfc1cd;font-size:18px;font-weight:400;background:#e6eaf2;border-top-left-radius:4px;border-top-right-radius:4px;}
.popup-head-tab button.on {color:#36364b;font-weight:500;background:#fff;border-bottom: 1px solid #fff;box-sizing:content-box;}
.tab-cont {display:none;}
.tab-cont.on {display:block;}
.tab-cont .contain-head-bulk {position:relative;margin-bottom:20px;}
.tab-cont .contain-head-bulk .title {display:inline-block;font-size:28px;font-weight:500;}
.tab-cont .contain-head-bulk .text-result {display:inline-block;margin:0 0 0 15px;padding:0 0 0 40px;font-size:16px;background:url(/https/www.bookdonga.com/images/pc/icon_bulk_check.png) no-repeat left 50%;}
.tab-cont .contain-head-bulk .box-search {position:absolute;right:50px;top:0;padding:8px 8px 8px 20px;width:245px;text-align:right;border-radius:24px;background:#f5f6f9;}
.tab-cont .contain-head-bulk .box-search input {width:180px;text-align:left;color:#333;font-size:16px;vertical-align:top;border:none;background:none;}
.tab-cont .contain-head-bulk .box-search button {display:inline-block;width:32px;height:32px;text-indent:-1000px;overflow:hidden;border-radius:100%;background:#36364b url(/https/www.bookdonga.com/images/pc/icon_gnb_search_white.png) no-repeat 50%;}
    /* 배송 환불 정책 */
.tab-cont .contain-head-delivery {position:relative;margin-bottom:20px;}
.tab-cont .contain-head-delivery .title {display:inline-block;font-size:28px;font-weight:500;}
.popup-sub-tab {display:flex;}
.popup-sub-tab button {position:relative;z-index:0;margin-right:-1px;width:50%;height:54px;font-size:18px;font-weight:400;color:#999aa9;border:1px solid #f1f1f1;box-sizing:border-box;}
.popup-sub-tab button.on {z-index:1;font-weight:500;color:#36364b;border-color:#999aa9;}
.tab-cont-sub {display:none;padding:0;height:400px;overflow:auto;box-sizing:border-box;}
.tab-cont-sub::-webkit-scrollbar {width: 8px; border-radius:10px;overflow:hidden; position: absolute; right:0px; top:0;}
.tab-cont-sub::-webkit-scrollbar-track {box-shadow: none; background: #e6eaf2;}
.tab-cont-sub::-webkit-scrollbar-thumb {background-color: #36364b; outline: none; border-radius: 4px;}
.tab-cont-sub.on {display:block;}

.tab-cont-sub .box-cont-type1 {position:relative;margin:0;padding:32px 0 32px 142px;border-top:1px solid #e1e1e3;}
.tab-cont-sub .box-cont-type1.def {padding-left:205px;}
.tab-cont-sub .box-cont-type1:first-child {border:none;}
.tab-cont-sub .box-cont-type1 >dt {position:absolute;left:0;top:31px;font-size:20px;font-weight:500;}
.tab-cont-sub .box-cont-type1 >dt::before {content:'∙';display:inline-block;margin:0 8px 0 5px;font-size:22px;}
.tab-cont-sub .box-cont-type1 >dd {margin:0 0 10px 0;font-size:14px;color:#575e6f;}

.tab-cont-sub .box-cont-type2 {position:relative;margin:0;padding:32px 0;border-top:1px solid #e1e1e3;}
.tab-cont-sub .box-cont-type2:first-child {border:none;}
.tab-cont-sub .box-cont-type2 >dt {margin:0 0 10px 0;font-size:20px;font-weight:500;}
.tab-cont-sub .box-cont-type2 >dt::before {content:'∙';display:inline-block;margin:0 8px 0 5px;font-size:22px;}
.tab-cont-sub .box-cont-type2 >dd {margin:0 0 10px 22px;font-size:14px;color:#575e6f;}

.tab-cont-sub .box-cont-sub-type1 {position:relative;margin:0 0 20px 0;padding:0 0 0 214px;}
.tab-cont-sub .box-cont-sub-type1 dt {position:absolute;left:0;top:0;font-weight:500;color:#36364b;font-size:16px;}
.tab-cont-sub .box-cont-sub-type1 dd {margin:0 0 5px 0;color:#575e6f;}
.tab-cont-sub .box-cont-sub-type1 dd p{font-size:16px;}

.tab-cont-sub .box-cont-sub-type2 {position:relative;margin:0 0 20px 0;padding:0;}
.tab-cont-sub .box-cont-sub-type2 dt {position:static;font-weight:500;color:#36364b;}
.tab-cont-sub .box-cont-sub-type2 dd {margin:15px 0 5px 0;padding:0 0 0 16px;color:#575e6f;text-indent:-16px;}

.tab-cont-sub .box-information-type1 {margin:-30px 0 0 0;padding:26px 24px;background:#f5f6f9;}
.tab-cont-sub .box-information-type1 dt {margin-bottom:10px;font-size:18px;font-weight:500;}
.tab-cont-sub .box-information-type1 dd {}
.tab-cont-sub .box-information-type1 dd ul li {color:#575e6f;}

.tab-cont-sub .box-information-type2 {position:relative;margin:0;padding:32px 0;border-top:1px solid #e1e1e3;background:#fff;}

.tab-cont-sub .point {color:#3d4ed7;font-weight:500;}

.tab-cont-sub .price {margin-bottom:10px;font-size:16px;font-weight:500;}
.tab-cont-sub .price strong {font-size:24px;color:#fd342a;letter-spacing:-0.67px;}
.tab-cont-sub .text-notice-type1 {color:#36364b;}
.tab-cont-sub .text-point-type1 {margin:0 0 10px 0;color:#fd342a;font-size:18px;font-weight:500;letter-spacing:-0.75px;}

    /* 교과서 판매 일정 안내 */
.box-information-sale {}
.box-information-sale dl {margin-bottom:40px;}
.box-information-sale dt {margin-bottom:20px;font-size:18px;font-weight:500;}
.box-information-sale dd {margin-bottom:20px;font-size:16px;color:#575e6f;line-height:1.6;}
.box-information-sale dd .btn-type1 a,
.box-information-sale dd .btn-type1 button {padding:0 15px;height:32px;line-height:28px;color:#36364b;font-size:14px;border-color:#d7d7d7;}
.box-information-sale .text-type1 {font-size:16px;color:#575e6f;line-height:1.6;}
.box-information-sale .text-type1 strong {color:#3d4ed7;}
.box-information-sale .text-list-type1 li {padding:0 0 0 10px;text-indent:-10px;font-size:16px;}

    /* 주문정보 */
.contain-bulk-order {margin-top:48px;padding-top:48px;display:flex;justify-content:space-between;border-top:1px solid #999aa9;}
.contain-bulk-order .box-item {width:552px;}
.contain-bulk-order .box-item + .box-item {width:631px;}


    /* 결제정보 */
.popup-type1 .mall .payment-detail {}
.popup-type1 .mall .payment-detail table {width:100%;}
.popup-type1 .mall .payment-detail th {padding:10px 0;width:83px;text-align:left;font-size:16px;font-weight:500;}
.popup-type1 .mall .payment-detail td {padding:10px 0;text-align:left;font-size:16px;color:#575e6f;}
.popup-type1 .mall .payment-detail td .point1 {font-style:normal;color:#fd342a;font-weight:500;}
.pament-total {float:left;}
.pament-total dt {display:inline-block;width:100px;font-size:16px;font-weight:500;}
.pament-total dd {display:inline-block;font-size:14px;}
.pament-total dd strong {font-size:24px;color:#e02020;}



/* 이벤트 */

    /* 이벤트 메인 */
.contain-relation-book {position:relative;z-index:1;padding:85px 28px 20px 28px;background:#fff;}
.contain-relation-book:nth-child(even) {background:#f5f7fd;}
.contain-relation-book >.title {margin:0 28px 35px 28px;font-size:36px;font-weight:500;line-height:1.45;letter-spacing:-0.65px;}
.list-type-book ul {display:flex;flex-wrap:wrap;}
.list-type-book ul li {margin:0 28px 40px 28px;width:230px;}
.list-type-book ul li .image {display:block;margin-bottom:20px;border: solid 1px #e1e1e3;box-shadow: 4px 4px 24px 0 rgba(0, 0, 0, 0.1);}
.list-type-book ul li .image img {display:block;width:100%; height:319px;}
.list-type-book ul li .title {display:block;margin-bottom:12px;font-size:16px;font-weight:500;}
.list-type-book ul li .price {display:block;margin-bottom:5px;font-size:16px;}
.list-type-book ul li .price strong {font-size:24px;}
.list-type-book ul li .price del {font-size:14px;font-weight:500;color:#bfc1cd;text-decoration-color:#fd342a;}
.list-type-book ul li .accu {display:block;font-size:14px;color:#0091ff;font-weight:500;}
.list-type-book ul li .accu strong {color:#575e6f;}

/* 고객센터 */

    /* 고객센터 메인 */ 
.box-favservice {display:flex;justify-content:space-between;}
.box-favservice a {display:flex;flex-direction:column;justify-content:center;width:180px;height:180px;font-size:16px;font-weight:500;text-align:center;line-height:1.5;border:1px solid #eaeaea;border-radius:4px;-webkit-transition: all 0.3 ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
/* .box-favservice a:hover {color:#fff;border-color:#999aa9;box-shadow:4px 2px 10px rgba(0,0,0,0.2);} */
.box-favservice a:hover {border:1px solid #0091ff; box-shadow:4px 2px 10px rgba(0,0,0,0.2);}
.box-favservice span {margin-top:90px;padding:0 25px;}
.box-favservice .link-service1 {background:url(/https/www.bookdonga.com/images/pc/icon_infor_cs1.png) no-repeat 50% 40px;}
/* .box-favservice .link-service1:hover {background:#36364b url(/https/www.bookdonga.com/images/pc/icon_infor_cs1_on.png) no-repeat 50% 40px;} */
.box-favservice .link-service2 {background:url(/https/www.bookdonga.com/images/pc/icon_infor_cs2.png) no-repeat 50% 40px;}
/* .box-favservice .link-service2:hover {background:#36364b url(/https/www.bookdonga.com/images/pc/icon_infor_cs2_on.png) no-repeat 50% 40px;} */
.box-favservice .link-service3 {background:url(/https/www.bookdonga.com/images/pc/icon_infor_cs3.png) no-repeat 50% 40px;}
/* .box-favservice .link-service3:hover {background:#36364b url(/https/www.bookdonga.com/images/pc/icon_infor_cs3_on.png) no-repeat 50% 40px;} */
.box-favservice .link-service4 {background:url(/https/www.bookdonga.com/images/pc/icon_infor_cs4.png) no-repeat 50% 40px;}
/* .box-favservice .link-service4:hover {background:#36364b url(/https/www.bookdonga.com/images/pc/icon_infor_cs4_on.png) no-repeat 50% 40px;} */
.box-favservice .link-service5 {background:url(/https/www.bookdonga.com/images/pc/icon_infor_cs5.png) no-repeat 50% 40px;}
/* .box-favservice .link-service5:hover {background:#36364b url(/https/www.bookdonga.com/images/pc/icon_infor_cs5_on.png) no-repeat 50% 40px;} */
.box-favservice .link-service6 {background:url(/https/www.bookdonga.com/images/pc/icon_infor_cs6.png) no-repeat 50% 40px;}
/* .box-favservice .link-service6:hover {background:#36364b url(/https/www.bookdonga.com/images/pc/icon_infor_cs6_on.png) no-repeat 50% 40px;} */
.contain-infor-cscenter .contain-inner {display:flex;justify-content:center;}
.contain-infor-cscenter dl {width:400px;border-left:1px solid #fff;}
.contain-infor-cscenter dl:first-child {border:none;}
.contain-infor-cscenter dl dt {font-size:20px;font-weight:500;text-align:center;}
.contain-infor-cscenter dl dd {margin-top:32px;font-size:14px;font-weight:400;text-align:center;line-height:1.43;color:#575e6f;}
.contain-infor-cscenter dl dd.tel {font-size:36px;font-weight:500;color:#36364b;font-family:'Roboto';letter-spacing:2px;}
.contain-infor-cscenter dl .btn-type2 button {display:inline-block;width:128px;height:48px;line-height:46px;color:#fff;font-size:16px;font-weight:500;letter-spacing:-0.29px;background:#36364b;border-radius:4px;}
.contain-infor-cscenter dl dd.mail {font-size:36px;font-weight:500;color:#36364b;font-family:'Roboto';}
.contain-infor-cscenter dl dd.mail a {font-size:36px;}

/* Login */
.section-login {margin:0 auto;width:720px;}
.section-login >.title {/* margin-bottom:22px; */margin-bottom:48px;text-align:center;}
.section-login >.title img {cursor: pointer;}
.section-login >.text {margin-bottom:48px;text-align:center;font-size:20px;font-weight:500;}
.section-login .contain-login {margin-bottom: 24px;}
.section-login .contain-login .box-login-tab {display:flex;position:relative;z-index:1;}
.section-login .contain-login .box-login-tab span {display:block;width:50%;}
.section-login .contain-login .box-login-tab button {display:block;width:100%;height:64px;line-height:64px;text-align:center;font-size:18px;font-weight:400;color:#999aa9;/* border:1px solid #f5f6f9;border-bottom:1px solid #999aa9; */background:#e6eaf2;border-top-left-radius:4px;border-top-right-radius:4px;}
.section-login .contain-login .box-login-tab .on button {display:block;/* border:1px solid #999aa9;border-bottom:1px solid #fff; */background:#fff;}
.section-login .contain-login .box-login-cont {display:none;padding:74px 109px 64px 109px;text-align:center;/* border:1px solid #999aa9; */border-top:none;background:#fff;}
.section-login .contain-login .box-login-cont .title {margin-bottom:20px;font-size:28px;font-weight:500;line-height:1;}
.section-login .contain-login .box-login-cont [type^="text"] {color:#36364b;font-weight:400;}
.section-login .contain-login .box-login-cont [type^="text"],
.section-login .contain-login .box-login-cont [type^="password"],
.section-login .contain-login .box-login-cont [type^="number"] {display:block;width:100%;height:52px;margin-bottom:12px;font-size:16px;}
.section-login .contain-login .box-login-cont [type^="text"]:focus,
.section-login .contain-login .box-login-cont [type^="password"]:focus,
.section-login .contain-login .box-login-cont [type^="number"]:focus {background: #f5f6f7;}
.section-login .contain-login .box-login-cont [type^="text"].error,
.section-login .contain-login .box-login-cont [type^="password"].error,
.section-login .contain-login .box-login-cont [type^="number"].error,
.section-login .contain-login .box-login-cont [type^="text"]:invalid,
.section-login .contain-login .box-login-cont [type^="password"]:invalid,
.section-login .contain-login .box-login-cont [type^="number"]:invalid {font-weight:500;border-color:#fd342a;}
.section-login .contain-login .box-login-cont.on {display:block;}
.section-login .btn-type-login {display:block;margin-bottom:12px;}
.section-login .btn-type-login button {display:block;width:100%;height:52px;text-align:center;font-size:16px;font-weight:500;color:#fff;border-radius:4px;background:#3e3c50 url(/https/www.bookdonga.com/images/pc/img_login_login.png) no-repeat;background-position:6px 6px;}
.section-login .form-checkbox {display:block;}
.section-login .box-sns {padding:32px 0 14px 0}
.section-login .box-sns .btn-login {display:block;margin-bottom:12px;}
.section-login .box-sns .btn-login button {display:block;width:100%;height:52px;text-align:center;font-size:16px;color:#3e3c50;font-weight:400;border:1px solid #cdcdcd;border-radius:4px;}
.section-login .box-sns .btn-login.naver {background:url(/https/www.bookdonga.com/images/pc/icon_login_naver.png) no-repeat 6px 6px;}
.section-login .box-sns .btn-login.kakao {background:url(/https/www.bookdonga.com/images/pc/icon_login_kakao.png) no-repeat 6px 6px;}
.section-login .box-sns .btn-login.facebook {background:url(/https/www.bookdonga.com/images/pc/icon_login_facebook.png) no-repeat 6px 6px;}
.section-login .box-sns .btn-login.whale {background:url(/https/www.bookdonga.com/images/pc/icon_login_whale.png) no-repeat 6px 6px;}
.section-login .box-login-util a {display:inline-block;font-size:14px;color:#333;margin:0 0 0 32px;}
.section-login .box-login-util a::before {content:'';display:inline-block;margin:-3px 16px 0 -16px;width:1px;height:16px;vertical-align:middle;background:#e1e1e1;}
.section-login .box-login-util a:first-child::before {content:none;}
.section-login .box-login-util a:first-child {margin:0;}
.section-login .box-login-util a:hover {color:#1eb6ff;font-weight:500;text-decoration:underline;text-underline-position:under;}
.section-login .box-order .text {margin-bottom:15px;}
.section-login .box-order .box-tab-sub {display:flex;justify-content:space-between;margin-bottom:32px;border-bottom:2px solid #999aa9;}
.section-login .box-order .box-tab-sub span {display:block;}
.section-login .box-order .box-tab-sub span button {display:block;padding:16px 16px;text-align:center;font-size:20px;font-weight:400;color:#9b9caa;}
.section-login .box-order .box-tab-sub span.on button {color:#36364b;}
.section-login .box-order .box-cont-sub {display:none;}
.section-login .box-order .box-cont-sub.on {display:block;}
.section-login .box-order .box-cont-sub .box-button {padding-top:36px;}
.section-login .box-order .box-cont-sub .box-button [class^="btn-"] {margin:0;width:100%;}
.section-login .box-order .box-cont-sub .box-button [class^="btn-"] button {width:100%;}
.section-login .box-order .box-phonenum {width:100%;}
.section-login .box-order .box-phonenum .form-select {width:155px;height:52px;}
.section-login .box-order .box-phonenum .form-select select {width:155px;height:52px;}
.section-login .box-order .box-phonenum .form-text {width:160px;}
.section-login .box-order .box-ordernum {width:100%;line-height:52px;}
.section-login .box-order .box-ordernum input[type="number"] {width:230px;}
.section-login .box-order .box-email {width:100%;line-height:52px;}
.section-login .box-order .box-email input[type="text"] {width:230px;}
.section-login .box-order .form-calendor input[type="text"] {color:#aaa;font-weight:400;font-family:'Roboto';border:1px solid #d7d7d7;background:#f5f5f5 url(/https/www.bookdonga.com/images/pc/icon_login_calendor.png) no-repeat;background-position:right 14px top 50%;}
.section-login input[type^="text"]:focus,
.section-login input[type^="number"]:focus,
.section-login input[type^="password"]:focus {color:#36364b;border-color:#999aa9;}
.section-login select:focus {border:1px solid #999aa9;}



/********************************************************** main (kim) **********************************************************/
/* main */
.main-visual-slide {margin:-185px 0 0 80px;min-width:1320px; position: relative;}
.main-visual {position:relative; background:linear-gradient(to left, #fff 0%, transparent 100%);}
.main-visual .area-inner {position:relative;margin:241px auto 0;padding:0 0 0 0;width:1200px;height: calc(874px - 241px); box-sizing: border-box;}
.main-visual .area-inner::before {content:'';display:block;position:absolute;left:0px;top:0px;width:1px;height:633px; background: rgba(255, 255, 255, 0.2);}
/* .main-visual .area-inner::after {content:'';display:block;position:absolute;right:30px;top:358px;width:40px;height:76px;background:url(/https/www.bookdonga.com/images/pc/img_visual_side.png) no-repeat 50%;} */
.main-visual .area-inner > a {display: block; width:100%; height:100%;}
.main-visual .area-inner .image {position:absolute;right:0;top:0; width:719px; height:385px;}
.main-visual .area-inner .image img {width:100%; height:100%;}
.main-visual .area-inner .box-text {position:absolute;left:40px;top:32px; }
.main-visual .area-inner .box-text .text1 {padding-bottom:40px;font-size:20px;color:#fff;font-weight:500;line-height:1.67;letter-spacing:-0.75px;}
.main-visual .area-inner .box-text .title {padding-bottom:40px;font-size:48px;color:#fff;font-weight:400;line-height:1.28;letter-spacing:-2.08px;} 
.main-visual .area-inner .box-text .title strong {font-weight:500;}
.main-visual .area-inner .box-text .text2 {font-size:16px;color:#fff;font-weight:400;line-height:1.67;letter-spacing:-0.5px;}

.visual-slide-inner .main-visual.slick-active .box-text .text1 {animation-name: animate-text1; animation-duration: 1s; animation-timing-function: ease;}
.visual-slide-inner .main-visual.slick-active .box-text .title {animation-name: animate-title; animation-duration: 1s; animation-timing-function: ease;}
.visual-slide-inner .main-visual.slick-active .box-text .text2 {animation-name: animate-text2; animation-duration: 1s; animation-timing-function: ease;}

@keyframes animate-text1 {
    from {margin-left: 20%; width: 300%; opacity: 0;}
    to {margin-left: 0px; width: 100%; opacity: 1;}
} 
@keyframes animate-title {
    from {margin-left: 50%; width: 300%; opacity: 0;}
    to {margin-left: 0px; width: 100%; opacity: 1;}
} 
@keyframes animate-text2 {
    from {margin-left: 70%; width: 300%; opacity: 0;}
    to {margin-left: 0px; width: 100%; opacity: 1;}
} 

.main-visual-slide .main-visual-control {position: absolute; right:0px; left: 0px; margin: 0 auto; width:1200px; bottom:192px; text-align: right;}
.main-visual-control .slick-dot {display:inline-block;}
.main-visual-control .slick-dot .slick-dots {margin:0 auto; padding:0px; text-align: center;}
.main-visual-control .slick-dot .slick-dots li {display:inline-block; vertical-align: top; margin-left: 16px;}
.main-visual-control .slick-dot .slick-dots li button {display:block; width:16px; height:24px; background-color: rgba(255, 255, 255, 0.2); font-size:0px; line-height:0; text-indent: -9999; box-sizing: border-box;}
.main-visual-control .slick-dot .slick-dots li.slick-active button {background: none; border:2px solid #fff;}

/* 메인비쥬얼 - 배너슬라이드 */
.main-visual-slide .main-event-banner {position: absolute; left:0px; right:0px; bottom:0px; margin: 0 auto;}
.main-event-banner {width:1200px; height:168px;}
/* .main-event-banner .event-banner-inner {} */
.main-event-banner .banner-item {float: left; /* width:100%; */width:50%;height:148px; margin-top:20px; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.main-event-banner .banner-item a {position: relative; display:block; width:100%; height:100%; z-index: 1;}
.main-event-banner .banner-item a::after {position: absolute; left:0px; top:0px; content: ''; display:block; width:100%; height:100%; opacity: 0.8;}
.main-event-banner .banner-item.item1 a::after {background: #ffffff; z-index: -1;}
.main-event-banner .banner-item.item2 a::after {background: #36364b; z-index: -1;}

.main-event-banner .banner-item:hover {margin-top:0px; height:168px;}
.main-event-banner .banner-item.item1:hover a::after {background: #fff; opacity: 1;}
.main-event-banner .banner-item.item1:hover .subject::after {width:24px; height:24px; background: url(/https/www.bookdonga.com/images/pc/icom_arr_brandcard.png) no-repeat left top;}

.main-event-banner .banner-item.item2:hover a .text {color: #91c3ff;}
.main-event-banner .banner-item.item2:hover a .subject {color: #fff;}
.main-event-banner .banner-item.item2:hover a::after {background: #36364b; opacity: 1;}
.main-event-banner .banner-item.item2:hover .subject::after {width:24px; height:24px; background: url(/https/www.bookdonga.com/images/pc/icom_arr_brandcard_w.png) no-repeat left top;}

.main-event-banner .banner-item a {display:flex; box-sizing: border-box; overflow: hidden;}
.main-event-banner .banner-item .images {flex:none; width:160px; overflow: hidden; text-align: right; /* padding-right:35px; */ box-sizing: border-box; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; text-align: center;}
.main-event-banner .banner-item .images img {height:168px;}
.main-event-banner .banner-item:hover .images  {/* padding-top:20px; */ padding-top:0px; overflow: inherit;}


.main-event-banner .banner-item .title {flex:1; margin-top:32px;}
.main-event-banner .banner-item .text {display:block; font-size:14px; line-height:20px; font-weight:400; margin-bottom:5px;}
.main-event-banner .banner-item .subject {display:block; width:100%; font-size:18px; line-height:26px; font-weight:400; color: #242635; word-break: keep-all; padding-right:30px; box-sizing: border-box;}
.main-event-banner .banner-item:hover .subject::after {content: ''; display:block; vertical-align: top; margin-top:8px;}

.main-event-banner .banner-item.item2 .text {color: #91c3ff;}
.main-event-banner .banner-item.item2 .subject {color: #fff;}

/* main - 무엇을 찾으세요 */
.box-main-quick {display:flex;}
.btn-main-quick {position: relative; flex:1 1 120px; height:108px; text-align: center;}
.btn-main-quick > button,
.btn-main-quick > a {display:flex; flex-direction: column; align-items: center; text-align: center; font-weight:400; width:100%; height:100%; box-sizing: border-box;}
.btn-main-quick:hover > a {border-radius: 4px; box-shadow: 3px 3px 10px 0 rgba(174, 174, 192, 0.4); background-color: #ffffff;}

.btn-main-quick > button::before,
.btn-main-quick > a::before {content: ''; display:block; width:40px; height:40px; margin:16px auto; vertical-align: top; background-size:40px auto !important;}
.quick-answer > button::before,
.quick-answer > a::before {background: url(/https/www.bookdonga.com/images/pc/icon_mainquick_answer.png) no-repeat center top;}
.quick-learning > button::before,
.quick-learning > a::before {background: url(/https/www.bookdonga.com/images/pc/icon_mainquick_learning.png) no-repeat center top;}
.quick-video > button::before,
.quick-video > a::before {background: url(/https/www.bookdonga.com/images/pc/icon_mainquick_video.png) no-repeat center top;}
.quick-bookbuy > button::before,
.quick-bookbuy > a::before {background: url(/https/www.bookdonga.com/images/pc/icon_mainquick_bookbuy.png) no-repeat center top;}
.quick-bookinquiry > button::before,
.quick-bookinquiry > a::before {background: url(/https/www.bookdonga.com/images/pc/icon_mainquick_bookinquiry.png) no-repeat center top;}
.quick-ebs > button::before,
.quick-ebs > a::before {background: url(/https/www.bookdonga.com/images/pc/icon_mainquick_ebs.png) no-repeat center top;}
.quick-reference > button::before,
.quick-reference > a::before {background: url(/https/www.bookdonga.com/images/pc/icon_mainquick_reference.png) no-repeat center top;}
.quick-shopping > button::before,
.quick-shopping > a::before {background: url(/https/www.bookdonga.com/images/pc/icon_mainquick_shopping.png) no-repeat center top;}
.quick-event > button::before,
.quick-event > a::before {background: url(/https/www.bookdonga.com/images/pc/icon_mainquick_event.png) no-repeat center top;}
.quick-question > button::before,
.quick-question > a::before {background: url(/https/www.bookdonga.com/images/pc/icon_mainquick_question.png) no-repeat center top;}

.btn-main-quick .main-quick-layer {opacity:0;}
.btn-main-quick.on .main-quick-layer {opacity:1;position:absolute;left:0;right:0;top:0;bottom:0; -webkit-transition: all 0.3 ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; z-index: 2;}
.quick-layer-inner {background:#fff;border-radius: 4px; box-shadow: 3px 3px 10px 0 rgba(174, 174, 192, 0.4);}
.main-quick-layer .layer-btn {width:100%;}
.main-quick-layer .layer-btn li {width:100%;}
.main-quick-layer .layer-btn li span {width:100%; height:100%;}
.main-quick-layer .layer-btn li span button {display:block; width:100%; height:100%; line-height:38px;}
.main-quick-layer .layer-btn li span button:hover {background: #f5f6f9; font-weight:500;}
.main-quick-layer .footer-btn {display:block;}
.main-quick-layer .footer-btn button {display:block; width: 100%; margin: 0 auto; height:40px; line-height:38px; font-weight:400; letter-spacing: -0.5px;}
.main-quick-layer .footer-btn button::before {content: ''; display:block; width: calc(100% - 24px); height:1px; margin: 0 auto; vertical-align: top; background: #999aa9;}


/* main : 꼭 맞춤 교재 제안 슬라이드 */
.box-main-book {overflow: hidden; position: relative; /* padding-bottom: 80px; */ margin-top: -20px;}
.main-book-inner {margin: 0 auto; width:1224px;}
/* .main-book-slide {position: initial;} */
/* .main-book-slide .slick-list {overflow: visible;} */
.main-book-slide .mainbook-item {margin: 20px 24px 20px 0; /* min-height:440px; */ background: #fff; border-radius: 4px;}
.main-book-slide .mainbook-item:hover {box-shadow: 0 2px 20px 0 rgba(54, 54, 75, 0.15);}
.main-book-slide .mainbook-item button,
.main-book-slide .mainbook-item a {display:block; width:100%; height:100%;}

.mainbook-item .mainbook-img {position: relative; padding-top:50px; overflow: hidden; border-top-left-radius: 4px; border-top-right-radius: 4px; height: 295px; overflow: hidden;}
.mainbook-item .mainbook-img .text {position: absolute; top:20px; left:0px; right:0px; margin:0 auto; width:100%; text-align: center;}
.mainbook-item .mainbook-img .text > span {position: relative; display:inline-block; width:auto; max-width:80%; padding:0 8px; text-align: center; font-size:16px; line-height:22px; /* font-weight:400; */ color: #fff; letter-spacing: -0.5px; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; z-index: 0;}
.mainbook-item .mainbook-img .text > span > i {position: absolute; left:0px; top:8px; content: ''; display:block; width:100%; height:16px; z-index: -1;}
.mainbook-item .mainbook-img .images {/* position: relative; */ display:block; width: 175px; height:245px; margin:0 auto; /* overflow: hidden; */}
.mainbook-item .mainbook-img .images img {width: 100%; height:100%; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;} /* 해당이미지는 border없음(협의완) */
.mainbook-item.slick-active:hover .mainbook-img .images img {margin-top:10px;}
/* .mainbook-item .mainbook-img .images::after {position: absolute; left:0px; top:0px; content: ''; display:block; width: 175px; height:245px; background: red; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);} */
.mainbook-item .mainbook-text {position: relative; height:144px; padding:30px; box-sizing: border-box;}
.mainbook-item .mainbook-text > span {display:block; font-weight:400;}
.mainbook-item .mainbook-text .point {color: #0091ff; margin-bottom:8px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mainbook-item .mainbook-text .subject {font-size:18px; line-height:24px; letter-spacing: -0.5px; color: #333; /* word-break: keep-all; */ width:100%; max-height:50px;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.mainbook-control {text-align: center; /* margin-top:40px; */width:1200px; margin-top:20px;}
.mainbook-control .mainbook-slide-dot {display:inline-block; width:auto;}
.mainbook-control .slick-dotted.slick-slider {margin-bottom: 30px;}
.mainbook-control .slick-dots {display: inline-block; padding: 0; margin: 0; list-style: none; text-align: center;}
.mainbook-control .slick-dots li {position: relative; display: inline-block; margin: 0 8px; padding: 0; cursor: pointer;}
.mainbook-control .slick-dots li button {font-size: 0; line-height: 0; display: block; width: 16px; height: 24px; cursor: pointer; color: transparent; border: 0; outline: none; background: #e6eaf2; box-sizing: border-box;}
.mainbook-control .slick-dots li button:hover,
.mainbook-control .slick-dots li button:focus {outline: none;}
.mainbook-control .slick-dots li.slick-active button {background: transparent; border:2px solid #36364b;}

.mainbook-control .slick-arrow {width:48px; height:25px; font-size:0px; line-height:0px; text-indent: -9999;}
.mainbook-control .slick-prev.slick-arrow {background: url(/https/www.bookdonga.com/images/pc/icon_slide_prev2.png) no-repeat left top;}
.mainbook-control .slick-prev.slick-arrow:active {background: url(/https/www.bookdonga.com/images/pc/icon_slide_prev2_on.png) no-repeat left top;}
.mainbook-control .slick-next.slick-arrow {background: url(/https/www.bookdonga.com/images/pc/icon_slide_next2.png) no-repeat left top;}
.mainbook-control .slick-next.slick-arrow:active {background: url(/https/www.bookdonga.com/images/pc/icon_slide_next2_on.png) no-repeat left top;} 

    /* 꼭 맞춤 교재 제안 - color */
    .YELLOW1 {background:linear-gradient(to bottom, #ffbe41 0%, #f18d36 100%);}
    .YELLOW1 i {background-color: #f58225;}
    .YELLOW2 {background:linear-gradient(to bottom, #ffd470 0%, #ffbe41 100%);}
    .YELLOW2 i {background-color: #fb9a00;}
    .YELLOW3 {background:linear-gradient(to bottom, #fff170 0%, #ffee41 100%);}
    .YELLOW3 i {background-color: #F9C200;}

    .GREEN1 {background:linear-gradient(to bottom, #d5ec76 0%, #b4e14f 100%);}
    .GREEN1 i {background-color: #8bbc18;}
    .GREEN3 {background:linear-gradient(to bottom, #84e1b2 0%, #59cc8d 100%);}
    .GREEN3 i {background-color: #2ca867;}

    .RED1 {background:linear-gradient(to bottom, #ffa3ca 0%, #ff79b2 100%);}
    .RED1 i {background-color: #e45894;}
    .RED2 {background:linear-gradient(to bottom, #ffb3b3 0%, #ff7979 100%);}
    .RED2 i {background-color: #e94f4f;}

    .BLUE1 {background:linear-gradient(to bottom, #55a5d8 0%, #4580bb 100%);}
    .BLUE1 i {background-color: #18699e;}
    .BLUE2 {background:linear-gradient(to bottom, #90e3ec 0%, #61dad7 100%);}
    .BLUE2 i {background-color: #49aaad;}
    .BLUE3 {background:linear-gradient(to bottom, #88d5f3 0%, #60b2e0 100%);}
    .BLUE3 i {background-color: #2993cb;}

    .PURPLE1 {background:linear-gradient(to bottom, #b0b4f2 0%, #9690db 100%);}
    .PURPLE1 i {background-color: #6963b9;}
    .PURPLE2 {background:linear-gradient(to bottom, #dfa4d5 0%, #c272b5 100%);}
    .PURPLE2 i {background-color: #a44f95;}

    .ETC1 {background:linear-gradient(to bottom, #d6dbea 0%, #b0b7ca 100%);}
    .ETC1 i {background-color: #717fa3;}


/* main : 무료 동영상 학습 슬라이드 */
.box-main-video {overflow: hidden; position: relative;}
.main-video-inner {margin: 0 auto 32px; width:1224px;}
/* .main-video-slide {position: initial;} */
/* .main-video-slide .slick-list {overflow: visible;} */
.main-video-slide .mainvideo-item {position: relative; margin: 0 24px 0 0; /* height:326px; */ border-radius: 4px; }
.main-video-slide .mainvideo-item button,
.main-video-slide .mainvideo-item a {display:block; width:100%; height:100%;}
.main-video-slide .mainvideo-item button:hover::after,
.main-video-slide .mainvideo-item a:hover::after {position: absolute; left:0px; top:0px; content: ''; display:block; width:100%; /* height:100%; */height:216px; border-radius: 4px; vertical-align: top; background: rgba(0, 0, 0, 0.3) url(/https/www.bookdonga.com/images/pc/icom_mainvideo_play.png) no-repeat left 24px bottom 24px; z-index:2;}
.mainvideo-item .item-video {position: relative; width:100%; height:216px; z-index: 1; overflow:hidden;}
.mainvideo-item .item-video::before {position: absolute; left:0px; top:10px; content: ''; display:block; width:1px; height:216px; vertical-align: top; background: #e1e1e1; z-index:-1;}
.mainvideo-item .item-video::after {position: absolute; right:0px; top:10px; content: ''; display:block; width:1px; height:216px; vertical-align: top; background: #e1e1e1; z-index:-1;}
.mainvideo-item .item-video .keyword-video {position: absolute; left:16px; top:16px; z-index:1;}
.mainvideo-item .item-video .subject {position: absolute; left:16px; top:56px; font-size:20px; line-height:28px; font-weight:500; color: #fff; width:220px; z-index:1;}
.mainvideo-item .item-video .images {display: block; width:100%; height:100%;}
.mainvideo-item .item-video .images img {width:100%; height:100%; vertical-align: top; border-radius: 4px; transform: scale(1); -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.mainvideo-item:hover .item-video .images img {transform: scale(1.07); }
.mainvideo-item .text-video {width:100%; height:110px; padding:28px 20px 0 20px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; box-sizing: border-box; z-index: 0;}
.mainvideo-item .text-video span {display:block; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mainvideo-item .text-video .point {font-size:14px; color: #999aa9; margin-bottom:3px;}
.mainvideo-item .text-video .subject {font-size:18px; color: #333;}


.mainvideo-control {text-align: center; margin-top:40px;}
.mainvideo-control .video-slide-dot {display:inline-block; width:auto;}
.mainvideo-control .slick-dotted.slick-slider {margin-bottom: 30px;}
.mainvideo-control .slick-dots {display: inline-block; padding: 0; margin: 0; list-style: none; text-align: center;}
.mainvideo-control .slick-dots li {position: relative; display: inline-block; margin: 0 8px; padding: 0; cursor: pointer;}
.mainvideo-control .slick-dots li button {font-size: 0; line-height: 0; display: block; width: 16px; height: 24px; cursor: pointer; color: transparent; border: 0; outline: none; background: #e6eaf2; box-sizing: border-box;}
.mainvideo-control .slick-dots li button:hover,
.mainvideo-control .slick-dots li button:focus {outline: none;}
.mainvideo-control .slick-dots li.slick-active button {background: transparent; border:2px solid #36364b;}

.mainvideo-control .slick-arrow {width:48px; height:25px; font-size:0px; line-height:0px; text-indent: -9999;}
.mainvideo-control .video-prev.slick-arrow {background: url(/https/www.bookdonga.com/images/pc/icon_slide_prev2.png) no-repeat left top;}
.mainvideo-control .video-prev.slick-arrow:active {background: url(/https/www.bookdonga.com/images/pc/icon_slide_prev2_on.png) no-repeat left top;}
.mainvideo-control .video-next.slick-arrow {background: url(/https/www.bookdonga.com/images/pc/icon_slide_next2.png) no-repeat left top;}
.mainvideo-control .video-next.slick-arrow:active {background: url(/https/www.bookdonga.com/images/pc/icon_slide_next2_on.png) no-repeat left top;} 

/* main : full 이벤트 배너 */
.box-main-fullbanner {width:100%; padding-left:80px; border-top:12px solid #f5f7fd; border-bottom:12px solid #f5f7fd;}
.main-fullbanner-slide {position: relative;}
.main-fullbanner-slide .slick-list {height:160px !important;}
.main-fullbanner-slide .slick-track {height:160px !important;}
.main-fullbanner-slide .slick-dots {position: absolute; top:32px; left:0px; right:0px; margin:0 auto; width:1200px; height:1px; text-align: right;}
.main-fullbanner-slide .slick-dots li {display:inline-block; margin-left:8px; vertical-align: top;}
.main-fullbanner-slide .slick-dots li button {display:block; font-size:0px; line-height:0px; text-indent: -9999px; width:8px; height:8px; border-radius: 100%; background-color: rgba(54, 54, 75, 0.2); vertical-align: top;}
.main-fullbanner-slide .slick-dots li.slick-active button {background-color: #36364b;}
.fullbanner-item {width:100%; height:160px !important; border:none !important; background-position: center top !important; background-repeat: no-repeat !important;}
.fullbanner-item a {display:block; width:100%; height:100%; font-size:0px; line-height:0px; text-indent: -9999px;}

/* 동아는지금 */
.bbs-list-donganow {margin-bottom:64px;}
.btn-donganow-more {display:inline-block; vertical-align: top; margin: 5px 0 0 10px;}
.btn-donganow-more button {display:block; width:15px; height:15px; font-size:0px; line-height:0px; text-indent: -9999px; background: url(/https/www.bookdonga.com/images/pc/icom_donganow_more.png) no-repeat center; background-size: auto 13px; vertical-align: top;}




/********************************************************** sub-conent (kim) **********************************************************/
/* 전체교재 - 브랜드카드 */
.box-brandcard {width:100%; display: flex; flex-wrap: wrap;}
.brandcard-item {position: relative; width:288px; height:428px; margin-bottom:16px; margin-right:16px; background: #fff; border-radius: 8px; box-shadow: 2px 2px 10px 0 rgba(212, 213, 226, 0.5); text-align:center; z-index:1;}
.brandcard-item:nth-of-type(4n) {margin-right:0px;}
.brandcard-item:hover {box-shadow: 2px 2px 10px 0 rgba(177, 178, 192, 0.8);}
.brandcard-item > a {display:block; width:100%; height:100%; padding: 72px 16px 0 16px; box-sizing: border-box;}
.brandcard-item .box-label {top: -4px;}
.brandcard-item .box-label .icon-label {margin-left:0px}
.brandcard-item .brand-logo {margin: 0 auto;}
.brandcard-item .brand-logo .logo-img {display:block; width:256px; height:96px; margin: 0 auto; text-align: center;}
.brandcard-item .brand-logo .logo-img img {width:100%; height:100%; transform: scale(1); -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.brandcard-item:hover .brand-logo .logo-img img {transform: scale(1.1);}
.brandcard-item .brand-logo .more {display:block; margin:8px auto 0px; width:24px; height:24px; background: url(/https/www.bookdonga.com/images/pc/icom_arr_brandcard.png) no-repeat left top;}
.brandcard-item .brand-text {margin-top:8px;}
.brandcard-item .brand-text > span {display:block; font-size:16px; font-weight:400; color: #494d5a; letter-spacing: -0.5px; width:85%; height:45px; margin:0 auto; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.brandcard-item .brand-link {margin-top:22px; height:73px; overflow:hidden; display: flex; /* display: inline-flex;  */flex-wrap: wrap; justify-content: center;}
.brandcard-item .brand-link span {display:inline-block; height:32px; line-height:30px; padding: 0 16px; border-radius: 16px; background: #f5f6f9; font-size:12px; color:#575e6f; font-weight:500; margin: 2px; min-width:72px; box-sizing: border-box; text-align: center;}

/* 교과서 - 전체교과서 - 브랜드카드 */
.brandcard-item.textbook-item {padding: 80px 16px 0 16px; box-sizing: border-box;}
.brandcard-item.textbook-item .brand-text {margin-top:40px;}
.brandcard-item.textbook-item .brand-text > span {height:67px; -webkit-line-clamp: 3; line-height:1.4;}

/* ebs365 - main visual */
.box-ebs-visual {width:100%; position: relative;}
.box-ebs-visual .ebs-visual-item {width:100%; height:428px; background-position: center top !important; /* background-size: auto 100% !important; */ box-sizing: border-box;}
.box-ebs-visual .ebs-visual-item button,
.box-ebs-visual .ebs-visual-item a {display:block; width:100%; height:100%; font-size:0px; line-height:0px; text-indent: -9999;}

    /* ebs365 - main tab */
.box-ebs-visual .ebs-visual-tab {width:1200px; margin: 0 auto; box-sizing: border-box; position: absolute; left:0px; right:0px; margin:0 auto; bottom:0px;}
.ebs-visual-tab .area-inner {display:flex; align-items: flex-end; width:100%; height:auto; box-sizing:border-box;}
.ebs-visual-tab .area-inner span {width:50%; height:120px; padding:0px; box-sizing: border-box; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.ebs-visual-tab .area-inner span:hover {height:136px;}
.ebs-visual-tab .area-inner span button {display:block;width:100%;height:100%;padding:0; background:#f5f7fd; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;/* font-size:20px;font-weight:400;color:#999aa9; */}
.ebs-visual-tab .area-inner span.on button {background:#fff;}
.ebs-visual-tab .area-inner span:hover button {padding-top:16px;}
.ebs-visual-tab .area-inner span img {width:400px; height:120px;}

    /* ebs365 - notice 슬라이드 */
.box-ebs-notice {position:relative;height:80px; width:1200px; margin: 0 auto;}
.box-ebs-notice .item {font-size:14px;font-weight:400;line-height:80px;}
.box-ebs-notice .item a {display:block; width:90%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.box-ebs-notice .item .date {display:inline-block;margin:0 0 0 8px;color:#bfc1cd;}
.box-ebs-notice .item .tag-category {display:inline-block;margin:0 16px 0 0;padding:0 16px;height:24px;line-height:24px;font-size:12px;color:#0c9cff;border:1px solid #0c9cff;border-radius:12px;}
.box-ebs-notice .slick-arrow {position:absolute;right:0;z-index:1;width:30px;height:30px;border:none;background:#fff;text-indent:-1000px;overflow:hidden;}
.box-ebs-notice .slick-prev {top:10px;background:#fff url(/https/www.bookdonga.com/images/pc/icon_dropdown_on.png) no-repeat 50%; background-size: 16px auto;}
.box-ebs-notice .slick-next {bottom:10px;background:#fff url(/https/www.bookdonga.com/images/pc/icon_dropdown.png) no-repeat 50%; background-size: 16px auto;}

    /* ebs365 - book 리스트 */
.box-ebsbook-list {display: flex; flex-wrap: wrap;}
/* .box-ebsbook-list.type2 .ebs-item-book {margin:0 37.5px 20px 0;}
.box-ebsbook-list.type2 .ebs-item-book:nth-of-type(5) {margin:0 0 20px 0;} */

.ebs-item-book {position:relative;margin:0 37.5px 20px 0; width:210px;min-height:370px;}
.ebs-item-book:nth-of-type(5) {margin: 0 0 20px 0;}
.ebs-item-book .ebs-book-cover {display:block;position:relative;margin:0 0 16px 0;width:100%; box-shadow:4px 4px 24px 0 rgba(0, 0, 0, 0.1);border:solid 1px #e1e1e1; box-sizing: border-box;}
.ebs-item-book .ebs-book-cover > button,
.ebs-item-book .ebs-book-cover > a {display:block;}
.ebs-item-book .ebs-book-cover img {display:block;width:208px; height:291px;}
.ebs-item-book .book-tag {margin:0 0 6px 0;}
.ebs-item-book .book-tag .subject {display:inline-block; height:24px; color: #575e6f; margin-right:8px; box-sizing: border-box;}
.ebs-item-book .book-tag .tag-category {display:inline-block;margin:0 1px 0 0;padding:0 8px;height:24px;line-height:22px;font-size:12px;font-weight:500;border-radius:4px; box-sizing: border-box;}
.tag-category.basis {color:#0c9cff;border:1px solid #0c9cff;}
.tag-category.elem {color:#ff5555;border:1px solid #ff5555;}
.tag-category.midd {color:#6236ff;border:1px solid #6236ff;}
.tag-category.others {color:#44d7b6;border:1px solid #44d7b6;}

.ebs-item-book .book-title {display:block;margin:0 0 4px 0;font-size:16px;font-weight:500; width:90%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ebs-item-book .book-text {display:block; color: #999aa9; font-size:14px; width:90%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ebs-item-book .box-label {position: absolute; right:-9px; top:1px; z-index: 1;}
.ebs-label {display:block; width:63px; height:38px; line-height:28px; color: #fff; font-size:16px; font-weight:400; text-align: center;}
.ebs-label em {font-size:14px; font-weight:300; margin-left:1px;}
.label-discount {background: url(/https/www.bookdonga.com/images/pc/icon_label_discount.png) no-repeat right top;}

.ebs-book-cover {position:relative;}
.ebs-book-cover .box-detail {position:absolute;left:0;right:0;top:0;opacity:0;bottom:0;overflow:hidden;min-height:291px; background:#fff;-webkit-transition: all 0.3 ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; z-index: 2;}
.ebs-book-cover.on .box-detail {opacity:1;}
.ebs-book-cover .box-detail .box-inner {padding:24px 22px 0 22px;}
.ebs-book-cover .box-detail .detail-text {letter-spacing: -0.25px;}
.ebs-book-cover .box-detail .detail-text .title {font-size:16px; font-weight:500; margin-bottom:8px;}
.ebs-book-cover .box-detail .detail-text > span {display: block;}
.ebs-book-cover .box-detail .detail-text .subject {font-size:12px; line-height:18px; font-weight:400; color: #0091ff; }
.ebs-book-cover .box-detail .detail-text .book-title {font-size:12px; line-height:18px; font-weight:400; margin-bottom:16px;}
.ebs-book-cover .box-detail .detail-text .text {word-break: keep-all;}

.ebs-book-cover .box-detail .detail-button {position:absolute;left:0;right:0;bottom:0;display:flex;}
.ebs-book-cover .box-detail .detail-button a,
.ebs-book-cover .box-detail .detail-button button {display:block;flex:1;height:40px;line-height:38px; font-size:14px;letter-spacing:-0.47px;color:#fff;text-align:center;background:#0091ff;}
.ebs-book-cover .box-detail .detail-button a + a,
.ebs-book-cover .box-detail .detail-button button + button {background:#36364b;}


/* ebs - EBS 학습 자료 - 브랜드카드 */
.brandcard-item.ebs-item {padding: 80px 16px 0 16px; box-sizing: border-box;}
.brandcard-item.ebs-item .brand-text {margin-top:35px;}
.brandcard-item.ebs-item .box-brandbook-choice .choice-inner {height:214px;}
.brandcard-item.ebs-item .brandbook-choice-list {width: calc(100% - 16px);}
.brandcard-item.ebs-item .btn_term {display:inline-block; float:right; margin-right:0px;}
.brandcard-item.ebs-item .btn_term a:last-of-type,
.brandcard-item.ebs-item .btn_term button:last-of-type {margin-left:16px;}
.brandcard-item.ebs-item .btn_term a,
.brandcard-item.ebs-item .btn_term button {color: #999aa9; border-bottom: 1px solid #999aa9;}
.brandcard-item.ebs-item .btn_term a:hover,
.brandcard-item.ebs-item .btn_term button:hover {color: #ffffff; border-bottom: 1px solid #ffffff;}

/* 교재선택레이어 */
.brandcard-item .btn-brand-book {position: absolute; left:50%; transform: translateX(-50%); bottom:0px; display:block; width:100%; height:75px; margin:0 auto; text-align: center; z-index:2;}
.brandcard-item .btn-brand-book button {position: relative; width:100%; height:100%; text-align: center; font-size: 12px; color: #575e6f; font-weight:400;}
.brandcard-item .btn-brand-book button::before {content:''; display:block; margin:0 auto; width:16px; height: 16px; background: url(/https/www.bookdonga.com/images/pc/icon_arrow_top.png) no-repeat left top; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

.brandcard-item .btn-brand-book button span {display:block; position: absolute; left:0px; opacity: 0;  right:0px; margin: 0 auto; bottom:0px; overflow:hidden;height:0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; z-index:3;}

.brandcard-item:hover .btn-brand-book button::before {margin: -20px auto 0;}
.brandcard-item:hover .btn-brand-book button span {height:18px; bottom:20px; opacity: 1;}

/* .brandcard-item .btn-brand-book button:hover::before {margin: -20px auto 0;}
.brandcard-item .btn-brand-book button:hover span {height:18px; bottom:15px; opacity: 1;} */

.brandcard-item .box-brandbook-choice {position: absolute; left:0px; bottom:0px; overflow:hidden;height:0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; z-index:3;}
.box-brandbook-choice .choice-inner {position: relative; width:288px; height:428px; padding:16px 0px 16px 16px; background: #36364b; color: #fff; border-radius: 4px;}
.box-brandbook-choice .choice-inner .title {width:calc(100% - 16px); height:65px; text-align: left; padding-top:10px; border-bottom: 1px solid #464659;}
.box-brandbook-choice .choice-inner .title span,
.box-brandbook-choice .choice-inner .title a,
.box-brandbook-choice .choice-inner .title button {display:inline-block; font-size:22px; line-height:33px; font-weight:500; color: #fff;}
.box-brandbook-choice .choice-inner .title a::after,
.box-brandbook-choice .choice-inner .title button::after {content: ''; display:inline-block; width:24px; height:24px; background: url(/https/www.bookdonga.com/images/pc/icom_arr_brandcard2.png) no-repeat left top; margin-left: 8px; vertical-align: bottom; }

.brandbook-choice-list {width:100%; height:331px; overflow-y: auto; padding-top:7px; }
.brandbook-choice-list::-webkit-scrollbar {width: 8px;border-radius:10px;overflow:hidden; }
.brandbook-choice-list::-webkit-scrollbar-track {box-shadow: none; background: #2d2d43;}
.brandbook-choice-list::-webkit-scrollbar-thumb {background-color: #5d6b91; outline: none; border-radius: 4px;}
.brandbook-choice-list > dl > dt {text-align: left; width:100%; height:36px; line-height:34px; font-size:14px;font-weight:300; color:#fff;cursor:pointer; position: relative;}

.brandbook-choice-list .choice-title {background:url(/https/www.bookdonga.com/images/pc/icon_choice_dropdown.png) no-repeat;background-position:right 16px top 10px;}
.brandbook-choice-list .choice-title.on {background:url(/https/www.bookdonga.com/images/pc/icon_choice_dropdown_on.png) no-repeat;background-position:right 16px top 10px; font-weight:500;}
.brandbook-choice-list .choice-title-one {background: none; cursor: auto;}
.brandbook-choice-list .choice-title-one > a, 
.brandbook-choice-list .choice-title-one > button {display:block; font-size:14px;color:#fff; font-weight:300;}
.brandbook-choice-list dt > .btn_term {display:inline-block; float:right; margin-right: 16px;}
.brandbook-choice-list dt > .btn_term a:last-of-type,
.brandbook-choice-list dt > .btn_term button:last-of-type {margin-left:16px;}
.brandbook-choice-list dt > .btn_term a,
.brandbook-choice-list dt > .btn_term button {color: #999aa9; border-bottom: 1px solid #999aa9;}
.brandbook-choice-list dt > .btn_term a:hover,
.brandbook-choice-list dt > .btn_term button:hover {color: #ffffff; border-bottom: 1px solid #ffffff;}

.brandbook-choice-list .choice-sub {height:0;overflow:hidden;background:#2d2d43; width:calc(100% - 16px); text-align: left; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.brandbook-choice-list .choice-sub .box-choice-sub {margin:0;padding:9px 16px 10px 16px; max-height:211px; height:auto;overflow-y:auto;font-size:14px;color:#fff;box-sizing:border-box;}
.choice-sub .box-choice-sub::-webkit-scrollbar {width: 8px;border-radius:10px;overflow:hidden; }
.choice-sub .box-choice-sub::-webkit-scrollbar-track {box-shadow: none; background: #2d2d43;}
.choice-sub .box-choice-sub::-webkit-scrollbar-thumb {background-color: #5d6b91; outline: none; border-radius: 4px;}
.choice-sub .box-choice-sub li {width:100%; height:32px; line-height:30px; overflow: hidden;}
.choice-sub .box-choice-sub li .btn_term {display:inline-block; float:right;}
.choice-sub .box-choice-sub li .btn_term a:last-of-type,
.choice-sub .box-choice-sub li .btn_term button:last-of-type {margin-left:16px;}
.choice-sub .box-choice-sub li .btn_term a,
.choice-sub .box-choice-sub li .btn_term button {color: #999aa9; border-bottom: 1px solid #999aa9;}
.choice-sub .box-choice-sub li .btn_term a:hover,
.choice-sub .box-choice-sub li .btn_term button:hover {color: #ffffff; border-bottom: 1px solid #ffffff;}

.box-brandbook-choice .choice-inner .btn-close-choice {position: absolute; right:16px; top:16px;}
.box-brandbook-choice .choice-inner .btn-close-choice button {display:block; font-size:0px; text-indent: -9999; width:16px; height:16px; background: url(/https/www.bookdonga.com/images/pc/icon_close-brandbook.png) no-repeat left top;}

/* 전체교재 - 시리즈 */
.box-series {width:100%; display:flex;}
.series-item {flex:none; width:240px; height:367px; position: relative; z-index:1;}
.series-item > a,
.series-item .item-box {display:block; width:100%; height:100%; padding-top:22px; box-sizing: border-box;}
.series-item::after {display: block; content: ""; width: 100%; height: 100%; opacity: 0; position: absolute; left:0px; top:0px; z-index:-1; background: linear-gradient(180deg, #aab6d0, #717fa3); border-radius: 4px; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -ms-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s;}
.series-item:hover::after {opacity: 1; background: linear-gradient(180deg, #aab6d0, #717fa3); border-radius: 4px;}
.series-item:hover .book-img img {box-shadow: 7px 15px 20px 0 #656b8d;}
.series-item:hover .book-img .title,
.series-item:active .book-img .title,
.series-item:focus .book-img .title {font-size:0px; text-indent: -9999; opacity: 0;}
.series-item:hover .book-btn {display:block;}
.series-item:hover .btn-study-stamp {display:block;}
.series-item:hover .item-box {opacity: 0.5;}
.series-item:hover .label-studyend {display:none;}
.series-item:hover .btn-series-close {display:block;}
.series-item .btn-series-close {display:none; position: absolute; right:10px; top:10px;}
.series-item .btn-series-close a,
.series-item .btn-series-close button {display:block; width:16px; height:16px; background: url(/https/www.bookdonga.com/images/pc/icon_series_close.png) no-repeat center top; font-size:0px; line-height:0px; text-indent: -9999;}

.series-item .book-img {width: 179px; margin: 0 auto; text-align:center;}
.series-item .book-img img{width: 179px; height:251px; box-shadow: 7px 15px 20px 0 #e6e8f2; border: solid 1px #e1e1e1; box-sizing: border-box; webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.series-item .book-img .title {display:block; margin:16px auto 0px; text-align:center; font-size:18px; color: #36364B; font-weight:400; opacity: 1; width: 90%; max-height:54px;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 26px; word-break: keep-all;}
.series-item .label-year {position: absolute; left:31px; /* top:9px; */top:0px;}
.series-item .icon-label {position: absolute; right:48px; /* top:34px; */top:23px;}
.series-item .btn-study-stamp {display:none; position: absolute; left:50%; top:116px; transform: translateX(-50%);}

.series-item .book-btn {display:none; text-align:center; position: absolute; top:290px; left:0px; right:0px; color: #fff; font-size:18px; padding: 0 15px; box-sizing: border-box;}
.series-item .book-btn > span {display:inline-block; width:46px; height:46px; vertical-align:top; border-radius:100%;}
.series-item .book-btn > span a,
.series-item .book-btn > span button {display:none; font-size:12px;color:#fff;text-align:center;}
.series-item .book-btn > span:hover > a,
.series-item .book-btn > span:hover > button {display:block; width:100%; padding-top:50px;}
.series-item .book-btn > .icon-answer {background: #5e637e url(/https/www.bookdonga.com/images/pc/icon_answer.png) no-repeat center 11px; background-size:20px auto;}
.series-item .book-btn > .icon-data {background: #5e637e url(/https/www.bookdonga.com/images/pc/icon_data.png)no-repeat center 13px; background-size: 21px auto;}
.series-item .book-btn > .icon-video {background: #5e637e url(/https/www.bookdonga.com/images/pc/icon_video.png)no-repeat center 13px; background-size:20px auto;}
.series-item .book-btn > .icon-preview {background: #5e637e url(/https/www.bookdonga.com/images/pc/icon_preview.png)no-repeat center 10px; background-size: 24px auto;}
.series-item .book-btn > .icon-detail {background: #5e637e url(/https/www.bookdonga.com/images/pc/icon_detail.png)no-repeat center 10px; background-size: 24px auto;}

.series-item .book-btn > .icon-answer:hover {background: #fff url(/https/www.bookdonga.com/images/pc/icon_answer_on.png) no-repeat center 11px; background-size:20px auto;}
.series-item .book-btn > .icon-data:hover {background: #fff url(/https/www.bookdonga.com/images/pc/icon_data_on.png)no-repeat center 13px; background-size: 21px auto;}
.series-item .book-btn > .icon-video:hover {background: #fff url(/https/www.bookdonga.com/images/pc/icon_video_on.png)no-repeat center 13px; background-size:20px auto;}
.series-item .book-btn > .icon-preview:hover {background: #fff url(/https/www.bookdonga.com/images/pc/icon_preview_on.png)no-repeat center 10px; background-size: 24px auto;}
.series-item .book-btn > .icon-detail:hover {background: #fff url(/https/www.bookdonga.com/images/pc/icon_detail_on.png)no-repeat center 10px; background-size: 24px auto;}
.series-item.booknone::after {display:none;}
.series-item.booknone > a {cursor: default;}
.series-item.booknone .book-img img,
.series-item.booknone:hover .book-img img {box-shadow: none;}
.series-item.booknone:hover .book-img .title {font-size:18px; text-indent: 0;  opacity: 1;}

/* 전체교재 - 시리즈슬라이드 - prev/next */    
.series-slide > .slick-arrow{position: absolute; top:141px; width:48px; height:48px; border-radius: 100%; font-size:0px; line-height:0px; text-indent: -9999; background-size: 14px auto !important;}
.series-slide > .slick-prev.slick-arrow{left: -80px; box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.1); background: #fff url(/https/www.bookdonga.com/images/pc/icon_bookslide_prev.png) no-repeat 15px 50%;}
.series-slide > .slick-prev.slick-arrow:active {box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.3); background: #33344a url(/https/www.bookdonga.com/images/pc/icon_bookslide_prev_on.png) no-repeat 15px 50%;}
.series-slide > .slick-next.slick-arrow{right: -80px; box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.1); background: #fff url(/https/www.bookdonga.com/images/pc/icon_bookslide_next.png) no-repeat 20px 50%;}
.series-slide > .slick-next.slick-arrow:active {box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.3); background: #33344a url(/https/www.bookdonga.com/images/pc/icon_bookslide_next_on.png) no-repeat 20px 50%;}
.series-slide .slick-prev.slick-disabled {opacity: 0; cursor: inherit;}
.series-slide .slick-next.slick-disabled {opacity: 0; cursor: inherit;}


/* 전체교재 - 이벤트 슬라이드(팝업) */
.box-event-slide {width:100%;}
.box-event-slide .event-img img {width: 1200px; height: auto; /* height: 270px; */}
.box-event-slide > .slick-dots {position: absolute; top:32px; right:56px; margin:0px; padding:0px; }
.box-event-slide > .slick-dots li {display:inline-block; vertical-align: top; margin-left:8px;}
.box-event-slide > .slick-dots li button {display:block; width:8px; height:8px; background: rgba(54, 54, 75, 0.2); border-radius: 100%; font-size:0px; line-height:0; text-indent: -9999;}
.box-event-slide > .slick-dots li.slick-active button {background: #36364b;}

/* 전체교재 - 상세페이지(view) */
.box-book-view {width:100%; position: relative;}  
.book-view-tab {margin:0px; position: relative; height:56px; /* position: absolute; left:0px; top:-56px; */ z-index: 1; box-sizing:border-box;}
.book-view-tab > .area-inner {display:flex;justify-content: flex-start; margin:0px;padding:0;height:auto;text-align:left;box-sizing:border-box;}
.book-view-tab > .area-inner span {display:table-cell;background:#e6eaf2; border-radius: 4px 4px 0 0; width:176px; /* box-shadow: 1px -4px 5px 0 rgba(0, 0, 0, 0.02); */}
.book-view-tab > .area-inner span button,
.book-view-tab > .area-inner span a {display:block;width:100%;height:56px;padding:0 32px;font-size:18px;font-weight:400;color:#999aa9; text-align: center; box-sizing: border-box; line-height: 54px;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.book-view-tab > .area-inner span button:hover {color:#36364b;}
.book-view-tab > .area-inner span.on {background: #fff;}
.book-view-tab > .area-inner span.on button,
.book-view-tab > .area-inner span.on a {font-weight:500;color:#36364b;}
/* .book-view-tab > .area-inner span:nth-of-type(1) {box-shadow: -4px -4px 5px 0 rgb(0, 0, 0, 0.02);} 
.book-view-tab > .area-inner span:last-of-type {box-shadow: 4px -4px 5px 0 rgba(0, 0, 0, 0.02);} */

.book-view-info {position: relative; width:100%; /* margin-top:56px; */ padding:72px; background: #fff; border-radius: 0px 4px 4px 4px; /* box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.1); */}

/* 전체교재 - 상세페이지 좌측 플로팅배너 */
.book-view-flobnr-wrap { position: absolute; width: 100%; max-width: 160px; top: 100px; left: 0; z-index: 1; }
.book-view-flobnr-wrap .book-view-flobnr { width: 100%; background: #fff; padding: 47px 20px; border-radius: 0 50px 50px 0; box-shadow: 4px 4px 8px 0 rgba(212,213,226, 0.5); display: flex; flex-direction: column; overflow: hidden; /*transition: max-height 0.3s ease-in-out;*/ max-width: 160px; -webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s; max-height: calc(100vh - 150px); 
    overflow-y: auto; /* 세로 스크롤 추가 */ overflow-x: hidden; /* 가로 스크롤 방지 */}
.book-view-flobnr-wrap .book-view-flobnr.fixed { top: 100px;/*스크롤시 고정되는 top값*/ position: fixed;}
.book-view-flobnr-wrap .book-view-flobnr ul {  overflow: hidden; transition: max-height 0.3s ease-in-out; }
.book-view-flobnr-wrap .book-view-flobnr > li { position: relative; overflow: hidden; padding-bottom: 26px;}
.book-view-flobnr-wrap .book-view-flobnr > li:last-child { position: relative; overflow: hidden; padding-bottom: 26px;}
.book-view-flobnr-wrap .book-view-flobnr > li > a { position: relative; display: inline-flex; align-items: center; font-size: 18px; font-weight: 500; color:#999AA9; }
.book-view-flobnr-wrap .book-view-flobnr > li > a:before { content:''; position: relative; top:1px; display: inline-block; width: 11px; height: 11px; border-radius: 50vw; border:2px solid #C5C6D6; margin-right: 10px;}
.book-view-flobnr-wrap .book-view-flobnr > li > a.on { color: #66D58A; font-weight: 700; }
.book-view-flobnr-wrap .book-view-flobnr > li > a.on:before { background: #66D58A; border:2px solid #66D58A; }

.book-view-flobnr-wrap .book-view-flobnr > li > a.ele.on { color: #FFBB00; font-weight: 700; }
.book-view-flobnr-wrap .book-view-flobnr > li > a.ele.on:before { background: #FFBB00; border:2px solid #FFBB00; }

.book-view-flobnr-wrap .book-view-flobnr > li > a.mid.on { color: #867FF2; font-weight: 700; }
.book-view-flobnr-wrap .book-view-flobnr > li > a.mid.on:before { background: #867FF2; border:2px solid #867FF2; }

.book-view-flobnr-wrap .book-view-flobnr > li > a.high.on { color: #66D58A; font-weight: 700; }
.book-view-flobnr-wrap .book-view-flobnr > li > a.high.on:before { background: #66D58A; border:2px solid #66D58A; }

.book-view-flobnr-wrap .book-view-flobnr > li:after { content:''; display: inline-block; position: absolute; bottom: calc(0% - 23px); left: 5%; border:1px dashed #C5C6D6; border:1px solid #C5C6D6;  height: 100%;}
.book-view-flobnr-wrap .book-view-flobnr > li.active:after { content:''; display: inline-block; position: absolute; bottom: calc(0% - 23px); left: 5%; border:1px dashed #C5C6D6; border:1px dashed #C5C6D6;  height: 100%;}
.book-view-flobnr-wrap .book-view-flobnr > li:last-child:after { display: none; }

.book-view-flobnr-wrap .book-view-flobnr li ul.dp2 { padding:0px 0 0px 24px; display: flex; flex-direction: column; height: 0;  transition: height 0.3s ease-in-out;}
.book-view-flobnr-wrap .book-view-flobnr li ul.dp2 li { padding-top: 16px; }
.book-view-flobnr-wrap .book-view-flobnr li ul.dp2 li:nth-of-type(1) { padding-top: 26px; }
.book-view-flobnr-wrap .book-view-flobnr li ul.dp2 li a { font-size: 16px; }

@media (max-width:1630px) {
    .book-view-flobnr-wrap { display: none; }
}

/* 바로가기 */
.book-view-info .box-shortcut {position: absolute; right:0px; top:-45px; z-index:2;}
.btn-shortcut {display:inline-block; vertical-align: top;}
.btn-shortcut a,
.btn-shortcut button {display:block; font-size:16px; font-weight:500; color: #575e6f;}
.btn-shortcut a::after,
.btn-shortcut button::after {content: ''; display:inline-block; margin-left:8px; width:20px; height:10px; background: url(/https/www.bookdonga.com/images/pc/icon_arr_view.png) no-repeat left top; vertical-align: middle; margin-top:-5px;}
.btn-shortcut.shortcut-book {margin-top:4px;} 
.btn-shortcut.shortcut-video a::before,
.btn-shortcut.shortcut-video button::before {content: ''; display:inline-block; margin-right:8px; width:48px; height:50px; background: url(/https/www.bookdonga.com/images/pc/icon_view_video.png) no-repeat left top; vertical-align: middle; margin-top:-10px;}  

.box-info-cont {width:1056px; position: relative;}
.box-info-cont .info-cont-top {display:flex; justify-content: flex-end; position: relative; margin-bottom:24px; min-height:32px;}
.info-cont-top .info-top-left {position: absolute; left:0px; top:0px; width:300px; display: flex; justify-content: flex-start;}
.info-cont-top .switch-myset {margin-top:4px;}
.info-cont-top .box-btn-top {display:flex; position: absolute; right:0px; top:0px;}
.info-cont-top .box-btn-top .btn-line {margin-left:4px;}
.info-cont-top .box-btn-top .btn-line a,
.info-cont-top .box-btn-top .btn-line button {display:block; text-align: center; min-width:70px; line-height:30px; height:32px; font-size:12px; padding: 0px; border:1px solid #d7d7d7; border-radius: 4px; box-sizing: border-box;}

.info-cont-top .keyword {display: flex;}
.info-cont-top .keyword span {border-radius: 16px; height:32px; line-height:30px; padding: 0 16px; margin-left:8px; background:#f5f6f9; font-size:12px; font-weight:500; color:#575e6f;}
.info-cont-top .sns {margin-left:16px;}
.info-cont-top .sns span {display:block;}
.info-cont-top .sns span button {font-size:0px; text-indent: -9999; display:block; width:32px; height:32px; border-radius: 100%; background: #fff url(/https/www.bookdonga.com/images/pc/icon_view_sns.png) no-repeat 7px 8px; background-size:16px auto;}
.info-cont-top .sns span:hover button {background: #f5f6f9 url(/https/www.bookdonga.com/images/pc/icon_view_sns.png) no-repeat 7px 8px; background-size:16px auto;}

.box-info-cont .info-cont-list {display:flex;}
.info-left {flex:none; width:300px; margin-right:80px;}
.info-left img {width:300px; height:420px; border:1px solid #e1e1e1; box-sizing: border-box;} /* 300x420 */

/* 책이미지 수정 */
.image-cont {display:flex;flex-direction:column;justify-content:center; width:360px; margin:0 80px 0 0;padding:40px 0 30px 0;overflow:hidden;background:#f5f7fd;}
.image-cont img {display:block;margin:0 auto;width:300px; height: 420px;}
.image-cont .blurbackground {position:absolute;left:0;bottom:0;top:0;right:0;z-index:0;background-size:150%;background-position:50%;background-repeat:no-repeat;filter:blur(30px);-webfit-filter:blur(30px);opacity:0.2;}
.image-cont .box-image {position:relative;z-index:1;}
.image-cont .box-image .box-button {display:block;margin:0;padding:16px 0 0 0;text-align:center;}
.image-cont .box-image .box-button button {background:none;font-size:14px;color:#575e6f;}
.image-cont .box-image .box-button .btn-preview1 {position:relative;}
.image-cont .box-image .box-button .btn-preview1 button::before {content:'';position:relative;top:-3px;display:inline-block;margin:0 5px 0 0;width:17px;height:17px;vertical-align:middle;background:url(/https/www.bookdonga.com/images/mobile/icon_preview1.png) no-repeat 50%;background-size:17px auto;}
.image-cont .box-image .box-button .btn-preview2 {position:relative;margin-left:14px;}
.image-cont .box-image .box-button .btn-preview2::before {content:'';display:block;position:absolute;left:-10px;top:3px;width:1px;height:14px;background:#e1e1e1;}
.image-cont .box-image .box-button .btn-preview2 button::before {content:'';position:relative;top:-2px;display:inline-block;margin:0 5px 0 0;width:17px;height:17px;vertical-align:middle;background:url(/https/www.bookdonga.com/images/mobile/icon_preview2.png) no-repeat 50%;background-size:17px auto;}


.info-cont-list .info-right {flex:1; /* position: relative; padding-bottom:80px; */ display:flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start;}
.info-cont-list .small-etc {font-size:14px; color: #bfc1cd; margin-left:10px;}
.info-right .title {margin-bottom:25px; }
.info-right .title > .text12 {margin-bottom:0px;}
.info-right .subject {font-size:32px; line-height:42px; color: #36364b; font-weight:500; letter-spacing:-1px; word-break: keep-all;}
.info-right .sub-text {display:block; font-size:18px; line-height:26px; color: #575e6f; font-weight:400; letter-spacing:-1px; margin-top:16px; margin-bottom:6px;}
.text-exc {display:block; position: relative; font-size:12px; color: #36364b; font-weight:400; line-height:18px; padding-left: 24px; margin-bottom:16px;}
.text-exc::before {position: absolute; left:0px; top:1px; content: ''; display: inline-block; width:16px; height:16px; vertical-align: top; background: url(/https/www.bookdonga.com/images/pc/icon_exclamation.png) no-repeat left top; background-size:16px auto;}


.info-right .detail-type1 {display: flex; text-align: left; width:100%; margin-bottom:16px; font-size:16px; line-height:24px; position: relative;}
.info-right .detail-type1 dt {flex:none; width:100px; color: #36364b; font-weight:500; font-size:16px;}
.info-right .detail-type1 dd {flex:1; padding-right:130px; width:auto; color: #575e6f; /* max-height:73px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-word; */}
.info-right .detail-type1 .btn-video-preview {position: absolute; top:0; right:0;}

.info-right .detail-type2 {overflow: hidden; border-bottom:1px solid #e1e1e3; margin-bottom:16px;}
.info-right .detail-type2.type2 {border-top:1px solid #e1e1e3; padding-top:16px;}
.info-right .detail-type2 ul {display: flex; flex-wrap: wrap;}
.info-right .detail-type2 ul li {flex: none; display:flex; width:265px; box-sizing: border-box; margin-bottom:16px;}
.info-right .detail-type2 ul li > .tit {flex:none; width:90px; color: #36364b; font-weight:500; font-size:14px;} 
.info-right .detail-type2 ul li > .text {flex:1; width:auto; max-height:47px; font-size:14px; color: #575e6f; box-sizing: border-box; padding-right:20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word;}
.info-right .detail-type2 ul li:nth-of-type(2n) {width: calc(100% - 265px);}
.info-right .detail-type2 ul li:nth-of-type(2n) > .text {padding-right:0px;}
.info-right .detail-type2 ul li .btn-delivery {margin: -3px 0 0 4px;}
.btn-delivery {display:inline-block; width:16px; height:16px; vertical-align: middle;}
.btn-delivery button {display:block; font-size:0px; text-indent: -9999; line-height:0px; width:100%; height:100%; background: url(/https/www.bookdonga.com/images/pc/icon_question.png) no-repeat left top;}

.info-right .price-small {display: flex; text-align: left; width:100%; margin-bottom:16px; font-size:16px; position: relative;}
.info-right .price-small dt {flex:none; width:90px; color: #36364b; font-weight:500; font-size:14px;}
.info-right .price-small dd {flex:1; padding-right:130px; width:auto; /* max-height:50px; */ color: #36364b; /* overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; */}
.info-right .price-small dd .won {font-size:24px; color: #fd342a; font-weight:500; letter-spacing: -1px;}
.info-right .price-small dd .small-etc {font-weight:300; }

.info-right .related-type1 {display: flex; text-align: left; /* overflow: hidden; */ width:100%; margin-bottom:16px; font-size:16px; line-height:24px; position: relative;}
.info-right .related-type1 dt {flex:none; width:100px; color: #0091ff; font-weight:500; font-size:16px;}
.info-right .related-type1 dd {flex:1; padding-right:130px; width:auto; color: #575e6f;}
.info-right .related-type1 dd .btn-related {display:inline-block; margin-right:16px;}
.info-right .related-type1 dd .btn-related:last-of-type {margin-right:0px;}
.info-right .related-type1 dd .btn-related a,
.info-right .related-type1 dd .btn-related button {font-size:16px; line-height:24px; font-weight:400; color: #575e6f; text-decoration: underline;}
.info-right .related-type1 dd .btn-related.on a,
.info-right .related-type1 dd .btn-related.on button,
.info-right .related-type1 dd .btn-related a:hover,
.info-right .related-type1 dd .btn-related button:hover {color: #0091ff;}

.info-right .related-type2 {display: flex; text-align: left; width:100%; margin-bottom:16px; font-size:14px; position: relative;}
.info-right .related-type2 dt {flex:none; width:90px; color: #0091ff; font-weight:500; font-size:14px;}
.info-right .related-type2 dd {flex:1; padding-right:130px; width:auto; color: #575e6f;}
.info-right .related-type2 dd .btn-related {display:inline-block; margin-right:16px;}
.info-right .related-type2 dd .btn-related:last-of-type {margin-right:0px;}
.info-right .related-type2 dd .btn-related a,
.info-right .related-type2 dd .btn-related button {font-size:14px; line-height:24px; font-weight:400; color: #575e6f; text-decoration: underline;}
.info-right .related-type2 dd .btn-related.on a,
.info-right .related-type2 dd .btn-related.on button,
.info-right .related-type2 dd .btn-related a:hover,
.info-right .related-type2 dd .btn-related button:hover {color: #0091ff;}

.info-right .btn-info-down-type1 {text-align: left; overflow: hidden; width:100%; margin-bottom:14px; font-size:16px; line-height:24px; position: relative;}
.info-right .btn-info-down-type1 dt {display:block; width:auto; margin-bottom:6px;  color: #36364b; font-weight:500; font-size:16px;}
.info-right .btn-info-down-type1 dd {display:flex; flex-wrap: wrap; width:100%; padding:0px; margin:0px;}

/* 상세페이지(view) - 하단 안내문구 */
.box-book-excl {width:100%; padding:32px 72px; margin-top:24px; background: #fff; border-radius: 4px; /* box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.1); */ box-sizing: border-box;}
.box-book-excl .text-exc {font-size:14px; line-height:22px; margin-bottom:12px;}
.box-book-excl .text-exc::before {margin-top:3px;}
.excl-sub-cont {padding-left:24px;}
.excl-sub-cont > span:last-of-type {margin-bottom:0px;}

/* 전체교재 - 상세페이지(view) - 슬라이드Btn */  
.book-view-info .box-view-arrow {position: absolute; top:50%; transform: translateY(-50%); }
.box-view-arrow {position: relative;}
.box-view-arrow .btn-arrow button {display:block; width:48px; height:48px; border-radius: 100%; font-size:0px; line-height:0px; text-indent: -9999; background-size: 14px auto !important;}
.box-view-arrow.view-prev {left: -80px;}
.box-view-arrow.view-prev .btn-arrow button {/* box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.1); */ background: #fff url(/https/www.bookdonga.com/images/pc/icon_bookslide_prev.png) no-repeat 15px 50%;}
.box-view-arrow.view-prev .btn-arrow button:active {/* box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.3); */ background: #33344a url(/https/www.bookdonga.com/images/pc/icon_bookslide_prev_on.png) no-repeat 15px 50%;}
.box-view-arrow.view-next {right: -80px;}
.box-view-arrow.view-next .btn-arrow button {/* box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.1); */ background: #fff url(/https/www.bookdonga.com/images/pc/icon_bookslide_next.png) no-repeat 20px 50%;    }
.box-view-arrow.view-next .btn-arrow button:active {/* box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.3); */ background: #33344a url(/https/www.bookdonga.com/images/pc/icon_bookslide_next_on.png) no-repeat 20px 50%;}

.box-view-arrow .box-inner {opacity: 0; position: absolute; display:block; width:100px; left:25px; transform: translateX(-50%); top:65px; padding:12px 5px; background: #36364b; border-radius: 4px; color: #fff; text-align: center; font-size:14px; line-height:20px; word-break: keep-all; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.box-view-arrow .box-inner.on {opacity: 1; height:auto;}
.box-view-arrow .box-inner::after {content:''; position:absolute; top:-15px; left:50%; transform: translateX(-50%); width:0; height:0; border-style:solid; border-width:8px 8px; border-color:transparent transparent #36364b transparent;}

/* 전체교재 - 학습자료 */
.box-view-studydata {margin:0 auto;}
.view-studydata-tab {margin:0;padding:0; box-sizing:border-box;}
.view-studydata-tab .area-inner {overflow:hidden;margin:0 auto;padding:0;width:100%;height:58px;text-align:center;box-sizing:border-box;justify-content:center; box-sizing: border-box;}
.view-studydata-tab .area-inner span {position: relative; float:left; background:#fff; width:16.66%; border:1px solid #f1f1f1; border-bottom:1px solid #999aa9;box-sizing: border-box;}
.view-studydata-tab .area-inner span button {display:block;width:100%;height:56px;font-size:18px;font-weight:400;color:#999aa9;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.view-studydata-tab .area-inner span button:hover {color:#36364b;}
.view-studydata-tab .area-inner span.on {border-top:1px solid #999aa9; border-right:1px solid #999aa9; border-left:1px solid #999aa9; border-bottom:1px solid #fff;;}
.view-studydata-tab .area-inner span.on button {font-weight:500;color:#36364b;}

.view-studydata-cont {border:1px solid #999AA9; width:99.96%; padding:48px; margin-top:-1px;}
.studydata-top {width:100%; display:flex; justify-content: space-between; margin-bottom:24px; padding:0 16px;}
.studydata-top .top-allcheck {width: auto;}

.studydata-top .top-btn {display:flex; align-self: flex-end;}
.studydata-top .top-btn span {display:inline-block; margin-left:24px;}    
.studydata-top .top-btn span button {font-size:14px; color: #36364b; height:24px; font-weight:400; display:block;}
.studydata-top .top-btn span button::before {content: ''; display:inline-block; width:24px; height:24px; margin-right:8px; vertical-align: middle;}
.studydata-top .top-btn .btn-put button::before {background: url(/https/www.bookdonga.com/images/pc/icon_data_put.png) no-repeat left top; background-size: 24px auto;}
.studydata-top .top-btn .btn-down button::before {background: url(/https/www.bookdonga.com/images/pc/icon_data_down.png) no-repeat left top; background-size: 24px auto;}
.studydata-top .top-btn span:hover button {text-decoration: underline;}

.studydata-list {margin-bottom:10px;overflow:hidden;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
.studydata-list > dl > dt {padding:12px 16px;}

.studydata-list .data-title-one {margin:-1px 0 0 0;font-size:16px;color:#36364b;font-weight:500;border-top:1px solid #f1f1f1; overflow:hidden;}
.studydata-list .data-title-one .title {display:inline-block; color: #575e6f; font-weight:400; width:600px; vertical-align: top; box-sizing: border-box; padding: 8px 0;}
.studydata-list .data-title-one > .btn-data {display:flex; justify-content: flex-end; float:right; text-align: right; width: 244px; min-height:40px;}
/* .studydata-list .btn-data span {border:1px solid #e1e1e1;} */
.studydata-list .data-title-one > .btn-data > span {margin-left: 4px;}
.studydata-list .data-title-one > .btn-data > span:first-of-type {margin-left: 0px;}

.studydata-list .data-title {margin:-1px 0 0 0;font-size:16px;color:#36364b;font-weight:500;cursor:pointer;border-top:1px solid #f1f1f1;background:url(/https/www.bookdonga.com/images/pc/icon_dropdown.png) no-repeat;background-position:right 16px top 22px;}
.studydata-list .data-title.on {background:url(/https/www.bookdonga.com/images/pc/icon_dropdown_on.png) no-repeat;background-position:right 16px top 22px;}
.studydata-list .data-title .title {display:inline-block; color: #575e6f; font-weight:400; width:600px; vertical-align: top; box-sizing: border-box; padding: 8px 0;}

.studydata-list .form-checkbox {width:135px; height:40px; line-height:40px; font-size:16px; color: #36364b; font-weight:500; text-indent: 0px;}
.studydata-list .form-checkbox::before {margin:-2px 16px 0 0;}
/* .studydata-list .form-checkbox::before {border-radius: 4px; width:24px; height:24px; top:0px; margin:-2px 16px 0 0; background: #fff url(/https/www.bookdonga.com/images/pc/icon_check_data.png) no-repeat center 50%; background-size: 16px;} */ /* 1210 */

.studydata-list dt .year,
.studydata-list dt .grade,
.studydata-list dt .subject,
.studydata-list dt .filetype {display: inline-block; padding: 8px 0; vertical-align: top; text-align: left;}
.studydata-list dt .year {width: 71px;}
.studydata-list dt .grade {width: 58px;}
.studydata-list dt .subject {width: 110px;}
.studydata-list dt .filetype {width: 115px;}

.studydata-list .data-sub {height:0;overflow:hidden;background:#f5f6f9;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.studydata-list .data-sub .box-data-sub {margin:0;padding:0px;height:auto;font-size:16px;color:#575e6f;border-top:1px solid #e1e1e1;box-sizing:border-box;}
.studydata-list .box-data-sub .sub-box {width:100%; border-bottom:1px solid #e1e1e1; padding:12px 0; overflow:hidden;}
.studydata-list .box-data-sub .sub-box .sub-title {display:inline-block; float:left; padding: 8px 56px; width:400px; box-sizing: border-box; color:#36364b; font-weight:500;}
.studydata-list .box-data-sub .sub-box .sub-text {display: table; float:left; width: calc(100% - 400px); box-sizing: border-box;}
.studydata-list .box-data-sub .sub-box .sub-text li {margin-bottom:16px; overflow: hidden;}
.studydata-list .box-data-sub .sub-box .sub-text li:last-of-type {margin-bottom:0px;}
.studydata-list .box-data-sub .sub-box .sub-text li > .text {padding: 8px 0; float:left; display:inline-block; width:calc(100% - 290px);}
.studydata-list .box-data-sub .sub-box .sub-text li > .btn-data {display:flex; justify-content: flex-end; float:right; text-align: right; width: 244px; min-height:40px; margin-right:16px;}
.studydata-list .box-data-sub .sub-box .sub-text li > .btn-data span {margin-left:4px;}
.studydata-list .box-data-sub .sub-box .sub-text li > .btn-data span:first-of-type {margin-left:0px;}

/* 전체교재 - 자세히 */
.box-view-detail .view-table-type1 {margin-bottom:40px;}
.box-view-detail .view-detail-cont {width:100%; font-size:16px; margin-bottom:40px;}
.box-view-detail:last-of-type .view-detail-cont {margin-bottom:0px;}
.box-view-detail .view-detail-cont img {max-width:100%;}
.contain-inner .box-view-order img {max-width:100%;}

/* sub : table-type1 */
.view-table-type1 {margin:0 auto;}
.view-table-type1 table {width:100%; /* border-top:1px solid #999aa9;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1; */}
.view-table-type1 thead {background: #f5f6f9; border:1px solid #f5f6f9;}
.view-table-type1 thead th {color: #36364b; text-align:center; font-size:16px; font-weight:400; padding: 12px 0;}
.view-table-type1 tbody {border-right:1px solid #f1f1f1; border-top-style:1px solid #f1f1f1;}
.view-table-type1 tbody td {color: #36364b; text-align:center; font-size:16px; line-height:26px; font-weight:300; padding: 24px; border-left:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; word-break: keep-all;}
.view-table-type1 tbody td.bold {font-weight:400;}

.view-table-type2 {margin:0 auto; border-top:1px solid #999aa9; border-bottom:1px solid #999aa9;}
.view-table-type2 table {width:100%; }
.view-table-type2 thead {background: #fff; border-bottom:1px solid #999aa9;}
.view-table-type2 thead th {color: #36364b; text-align:center; font-size:16px; font-weight:500; padding: 14px 0; height:50px;}
.view-table-type2 tbody {background: #fff; }
.view-table-type2 tbody th,
.view-table-type2 tbody td {color: #36364b; text-align:center; font-size:14px; line-height:26px; font-weight:400; padding: 14px 0px; height:50px; border-left:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; word-break: keep-all; }
.view-table-type2 tbody th {font-weight:500;}
.view-table-type2 tbody tr:hover td{background: #f6fbff;}
.view-table-type2 tbody td.list-area {padding: 0px;}
.view-table-type2 tbody td.list-area li {width:100%; height:50px; line-height: 48px; text-align: center; border-bottom:1px solid #f1f1f1; box-sizing: border-box; overflow: hidden;}
.view-table-type2 tbody td.list-area li span {display: inline-block; height:100%; width:50%; border-left:1px solid #f1f1f1; float:right; box-sizing: border-box;}
.view-table-type2 tbody td.list-area li:last-of-type {border-bottom:none;}

/* btn 저자소개 : layer */
.box-author {position: relative;}
.box-author .box-author-layer {height:0px; display:none; position: absolute; top:55px; left:0px; right:0px; margin: 0 auto; /* transform: translateX(-50%); */ z-index:1; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;  }
.box-author .box-author-layer::before {content:''; position:absolute; top:-28px; left:50%; transform: translateX(-50%); width:0; height:0; border-style:solid; border-width:14px 14px; border-color:transparent transparent #36364b transparent;}
.box-author .box-author-layer::after {content:''; position:absolute; top:-28px; left:50%; transform: translateX(-50%); width:0; height:0; border-style:solid; border-width:15px 15px; border-color:transparent transparent #fff transparent;}
.box-author .box-author-layer.on {display:block;}

.box-author .box-author-layer .box-inner {display:block; max-height:400px; width:400px; background: #fff; padding:32px 0; margin:0 auto; word-break: break-all; border:1px solid #999aa9;}
.box-author-layer .popup-head {margin: 0 32px 24px 32px; text-align: left; border-bottom:1px solid #999aa9; box-sizing: border-box;}
.box-author-layer .popup-head h2 {font-size:18px; font-weight:500; margin-bottom:15px;}
.box-author-layer .popup-body {text-align: left; width:100%; max-height:240px; padding: 0 32px; font-size:14px; line-height:24px; margin-bottom:24px; box-sizing: border-box; overflow-y: auto;}
.box-author-layer .box-author-list {text-align: left; width:100%; max-height:240px; padding: 0 32px; font-size:14px; line-height:24px; margin-bottom:24px; box-sizing: border-box; overflow-y: auto;}

/* li스타일일 때
.box-author-layer .box-author-list {text-align: left; width:100%; height:240px; padding-left:32px; margin-bottom:24px; box-sizing: border-box; overflow-y: auto;}
.box-author-layer .box-author-list li {font-size:14px; line-height:20px; width: 100%; padding-right:32px; overflow: hidden;}
.box-author-layer .box-author-list li .name {float:left; display:inline-block; min-width:46px; margin-right:6px; overflow: hidden;}
.box-author-layer .box-author-list li .name::after {content: ''; display:inline-block; width:1px; height:14px; background: #5d5d6e; vertical-align: middle; margin-left:6px; margin-top:0px;}
.box-author-layer .box-author-list li .text {display: table;} */

.box-author-layer .box-author-list::-webkit-scrollbar {width: 8px; border-radius:10px;overflow:hidden; position: absolute; right:0px; top:0;}
.box-author-layer .box-author-list::-webkit-scrollbar-track {box-shadow: none; background: #e6eaf2;}
.box-author-layer .box-author-list::-webkit-scrollbar-thumb {background-color: #36364b; outline: none; border-radius: 4px;}
.box-author-layer .hr-line-type1 {width: calc(100% - 64px); margin: 0 auto;}
.box-author-layer .btn-close-popup,
.box-author-layer .btn-close-popup2 {display:block;position:absolute;right:40px;top:22px;}
.box-author-layer .btn-close-popup button,
.box-author-layer .btn-close-popup2 button {display:block;width:40px;height:40px;text-indent:-1000px;overflow:hidden;background:url(/https/www.bookdonga.com/images/pc/ico_close_popup.png) no-repeat 50%;} /* 닫기 중첩일 때 */

.btn-author {display:block; margin:16px auto 0; width:96px; height:32px;}
.btn-author a,
.btn-author button {width:100%; height:100%; background: none; color:#36364b; border:1px solid #999aa9; border-radius: 4px; font-weight:400;}
.btn-author a:hover,
.btn-author button:hover,
.btn-author.on a,
.btn-author.on button {width:100%; height:100%; background: #36364b; border:1px solid #36364b; color:#fff; border-radius: 4px;}

/* 전체교재 - 차례 */
.box-view-order {font-size: 16px; line-height:26px; color: #36364b;}
.box-view-order img {width: auto;}
.box-view-order > img:only-of-type {width: 100%;}
.box-view-order .title {font-weight:500;}

/* 전체교재 - 집필진 */
.box-view-writer { }
.box-view-writer * { font-family: Pretendard;}
.box-view-writer .writer-inner { display: flex; flex-wrap:wrap; }
.box-view-writer .writer-inner .writer-ment { max-width:70%; word-wrap: break-word; color: #111; font-family: Pretendard; font-size: 36px; font-weight: 700; left: 28px; line-height: 50.4px; position: relative; top: 21px; white-space: pre-line;  }
.box-view-writer .writer-inner .writer-ment:before {content:''; display: inline-block; position: absolute; top: -26px; left: -25px; background: url(/https/www.bookdonga.com/images/pc/textbook/writer_ment_bg_ele.svg) center 0 no-repeat; width: 121px; height: 109px; z-index: -1;}
.box-view-writer .writer-inner .writer-ment.ele:before { background: url(/https/www.bookdonga.com/images/pc/textbook/writer_ment_bg_ele.svg) center 0 no-repeat;}
.box-view-writer .writer-inner .writer-ment.mid:before { background: url(/https/www.bookdonga.com/images/pc/textbook/writer_ment_bg_mid.svg) center 0 no-repeat;}
.box-view-writer .writer-inner .writer-ment.high:before { background: url(/https/www.bookdonga.com/images/pc/textbook/writer_ment_bg_high.svg) center 0 no-repeat;}
.box-view-writer .writer-inner .writer-profile { margin-left:auto; }
.box-view-writer .writer-inner .writer-profile .profile-image { margin-bottom: 25px;position: relative; }
.box-view-writer .writer-inner .writer-profile .profile-image img { max-width:280px;}
.box-view-writer .writer-inner .writer-profile .profile-name { margin-right: 20px; text-align: end; }
.box-view-writer .writer-inner .writer-profile .profile-name strong { word-wrap: break-word; color: #111; font-family: Pretendard; font-size: 24px; font-weight: 600; line-height: 28.8px; }
.box-view-writer .writer-inner .writer-profile .profile-name p { word-wrap: break-word; color: #111; font-family: Pretendard; font-size: 14px; font-weight: 400; line-height: 16.8px; margin-top: 6px; opacity: .8; }

.box-view-writer .writer-inner.no-pic .writer-ment { width: 100%; max-width: 1172px; font-size: 36px; justify-content: center; left: 28px; line-height: 50.4px; position: relative; top: 21px; white-space: pre-line; text-align: center; }
.box-view-writer .writer-inner.no-pic .writer-profile { align-self: flex-end; display: block; width: 100%; text-align: center; margin: 0 auto; justify-self: center; justify-self: center; justify-items: flex-start; margin-top: 60px; margin-bottom: 20px; justify-self: center; justify-items: center; text-align: center; }
.box-view-writer .writer-inner.no-pic .writer-profile .profile-name p { text-align: center; }

.box-view-writer .writer-inner .writer-list { width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; justify-content: center;  flex-wrap:wrap; gap: 32px; margin-top: 50px;}
.box-view-writer .writer-inner .writer-list.ele .writer-item svg { fill: #FBC400;}
.box-view-writer .writer-inner .writer-list.mid .writer-item svg { fill: #3AA7F2;}
.box-view-writer .writer-inner .writer-list.high .writer-item svg { fill: #5C34FF;}
.box-view-writer .writer-inner .writer-list .writer-item { display: flex; gap: 8px; width: 276px; }
.box-view-writer .writer-inner .writer-list .writer-item .profile { display: flex ; flex-direction: column; gap: 6px; text-align: start; }
.box-view-writer .writer-inner .writer-list .writer-item .profile p.name { font-size: 20px; font-weight: 600; line-height: 28px; word-wrap: break-word; color: #111; font-family: Pretendard; width: -moz-fit-content; width: fit-content; }
.box-view-writer .writer-inner .writer-list .writer-item .profile p.school-name { word-wrap: break-word; color: #111; font-family: Pretendard; width: -moz-fit-content; width: fit-content; font-size: 14px; font-weight: 400; line-height: 16.8px; opacity: .5; }

/* 동영상 상세페이지(view) */
.view-type1-video .info-left {width:592px; height:333px; margin-right:80px;}
.view-type1-video .info-left img {width:100%; height:100%; border:none;}
.view-type1-video .info-right .detail-type1 dd {padding-right:0px;} /* 맛보기영역 삭제 */
.info-left .box-video-player {width: 100%; height:100%; background:none;}
.info-left .box-btn-play .btn-player {display:block;}
.info-left .box-btn-play .btn-player button {width:68px; height:68px; }
.info-left .box-btn-play .btn-player.play button {background-size: 100% 100%; margin-top: 22px;}
.info-left .box-btn-play .btn-player.stop button {background-size: 28px 30px;}
.info-left .box-btn-play .player-sample {margin-top:8px; color:#fff; font-size:16px; font-weight:500;}
.info-left .box-btn-play .player-sample.play {display:block;}
.info-left .box-btn-play .player-sample.stop {display:none;}

/* 동영상 상세페이지(view) - 로그인안내 */
.box-video-login {display:flex; align-items: center; margin:0 0 0 80px;padding:0 40px;min-width:1320px; height:104px; box-sizing:border-box; background: #e6eaf2;}
.box-video-login .video-login-inner {font-size:18px; color: #36364b; margin:0 auto;padding:0;width:1200px;text-align:center;letter-spacing:-0.6px; box-sizing:border-box;}
.box-video-login .video-login-inner .bold {font-weight:500;}
.box-video-login .video-login-inner .btn-video-login {display:inline-block; margin-left:12px;}
.box-video-login .video-login-inner .btn-video-login a,
.box-video-login .video-login-inner .btn-video-login button {font-size:18px; font-weight:500; color: #0091ff;}
.box-video-login .video-login-inner .btn-video-login a:hover,
.box-video-login .video-login-inner .btn-video-login button:hover {text-decoration: underline;}

/* 동영상 상세페이지(view) - 아코디언(버전1 : 2dep까지) */
.box-video-accordion {width:100%;}
.video-accordion-list {width: 100%;}
.video-accordion-list ul {list-style: none;}
.video-accordion-list li {box-sizing: border-box;}
.video-accordion-list li div {box-sizing: border-box;}

/* 1dep */
.video-accordion-list > ul > li {width:100%; cursor: pointer;}
.video-accordion-list > ul > li > .box-dep1 {display:flex; justify-content: space-between; align-items: center; /* height:104px; */ padding:15px 16px; font-size:18px; line-height:28px; font-weight:400; background: #fff; border-top: 1px solid #e1e1e1; cursor:pointer; z-index: 2;}
.video-accordion-list > ul > li:last-of-type > .box-dep1 {border-bottom:1px solid #e1e1e1;}
.video-accordion-list > ul > li.active > .box-dep1 {background: #f5f7fd; border-top:1px solid #999aa9;}
.video-accordion-list > ul > li.active > .box-dep1 .page {/* display: none; opacity: 0; */ opacity: 0; transform: scale(0); width:0px; font-size:0px; line-height:0px; text-indent: -9999;}
.video-accordion-list > ul > li.active > .box-dep1 .thumbnail {opacity: 0; transform: scale(0); width:0px; height:0px;}
.video-accordion-list > ul > li.active > .box-dep1 .close {opacity: 1; transform: scale(1); width:22px; height:22px; margin-right:26px;}

.video-accordion-list .box-dep1 .dep1-left {flex:none; width:calc(750px - 16px); display:flex; align-items: center; font-weight:500;}
.video-accordion-list .box-dep1 .dep1-right {flex:none; width:calc(450px - 16px); height:72px; display:flex; justify-content: flex-end; align-items: center; font-size:14px;}
.video-accordion-list .box-dep1 span {display: block; box-sizing: border-box;}

.video-accordion-list .box-dep1 .unit {flex:none; width:115px; padding-left:24px;}
.video-accordion-list .box-dep1 .subject {flex:none; max-width: 550px; font-weight:400; margin-right:8px; /* word-break: keep-all; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; */}
.video-accordion-list .box-dep1 .subject .count {flex:none; display: inline-block; color: #fd342a; margin-right:8px;}
.video-accordion-list .box-dep1 .subject .lately {display: inline-block; width:75px; height:24px; line-height:22px; margin-top:2px; font-size:12px; color: #fff; text-align: center; background: #fd342a; border-radius: 15px; vertical-align: top;}
.video-accordion-list .box-dep1 .page {flex:none; width:120px;color: #999aa9; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.video-accordion-list .box-dep1 .data {flex:none; width:185px; color: #0091ff; font-weight:500;}
.video-accordion-list .box-dep1 .data em {display:inline-block; font-size:10px; vertical-align: middle; margin-top:-2px;}
.video-accordion-list .box-dep1 .thumbnail {position: relative; width:128px; height:72px; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.video-accordion-list .box-dep1 .thumbnail::before {position: absolute; left:0px; top:0px; content: ''; display:block; width:100%; height:100%; background: #36364b; opacity: 0.5;}
.video-accordion-list .box-dep1 .thumbnail img {width:100%; height:100%;}
.video-accordion-list .box-dep1 .close {transform: scale(0); width:0; height:0; font-size: 0px; line-height:0px; text-indent: -9999px; background: url(/https/www.bookdonga.com/images/pc/icon_accordion_close.png) no-repeat center; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}

/* 2dep */
.video-accordion-list ul ul {display: none;}
.video-accordion-list > ul > li > ul > li {cursor: Default;}
.video-accordion-list > ul > li > ul > li > .box-dep2 {display:flex; justify-content: space-between; padding:0; background: #fff; border-bottom:1px solid #999aa9;}
.video-accordion-list .box-dep2 .dep2-left {flex:none; width:328px; margin-bottom:16px;}
.video-accordion-list .box-dep2 .dep2-right {flex:none; width:calc(100% - 328px); display:flex; flex-direction: column; font-size:14px;}
.video-accordion-list .box-dep2 span {display: block; box-sizing: border-box;}

.video-accordion-list .box-dep2 .dep2-item:last-of-type {border-bottom: none;}
.video-accordion-list .box-dep2 .dep2-item {display:flex; align-items: center; padding:16px 0; font-size:16px; line-height:22px; font-weight:500; border-bottom:1px solid #e1e1e1;}
.video-accordion-list .box-dep2 .dep2-item span {display: block; box-sizing: border-box;}
.video-accordion-list .box-dep2 .unit {width:50px; margin-right:10px; overflow: hidden;}
.video-accordion-list .box-dep2 .unit::after {float:right; content: ''; display:inline-block; width:1px; height:12px; background: #999aa9; margin-top:6px; margin-right:0px; vertical-align: top;}
.video-accordion-list .box-dep2 .subject {flex:1; padding-right:20px; word-break: keep-all; /* width:410px; */}
.video-accordion-list .box-dep2 .subject > .lately {display:inline-block; width:75px; height:24px; line-height:22px; /* margin-top:2px; */ vertical-align: top; font-size:12px; color: #fff; text-align: center; background: #fd342a; border-radius: 15px;}
.video-accordion-list .box-dep2 .page {width:105px; font-size:14px; font-weight:400; color: #999aa9;}
.video-accordion-list .box-dep2 .data {position: relative; width:64px; font-size:12px; font-weight:400; color: #1198fe; background: #f5f7fd; letter-spacing:-0.5px; text-align:center; margin-right:10px; border-radius: 4px;}
.video-accordion-list .box-dep2 .data::after {content:''; position:absolute; top:7px; transform: rotate(-180deg); /* transform: translateY(-50%); */ right:-8px; width:0; height:0; border-style:solid; border-width:4px 4px; border-color:transparent #f5f7fd transparent transparent;}
.video-accordion-list .box-dep2 .rate {width:105px; font-weight:500; color: #0091ff;}
.video-accordion-list .box-dep2 .btn-play {width:122px; text-align: left;}
.video-accordion-list .box-dep2 .btn-play .btn-video-preview {width:106px;}
.video-accordion-list .box-dep2 .btn-play .btn-video-preview button,
.video-accordion-list .box-dep2 .btn-play .btn-video-preview a {font-size:15px; font-weight: 400;}
.video-accordion-list .box-dep2 .btn-play .btn-video-preview.disabled button::before,
.video-accordion-list .box-dep2 .btn-play .btn-video-preview.disabled a::before {margin-top:-2px;}

.video-accordion-list .box-dep2 .thumbnail {position: relative; width:280px; margin-top:16px;}
.video-accordion-list .box-dep2 .thumbnail::before {position: absolute; left:0px; top:0px; content: ''; display:block; width:100%; height:100%; background: #36364b; opacity: 0.5;}
.video-accordion-list .box-dep2 .thumbnail img {width:100%;}



/* 동영상 상세페이지(view) - 아코디언(버전2 : 3dep까지) */
.video-accordion-list2 {width: 100%;}
.video-accordion-list2 ul {list-style: none;}
.video-accordion-list2 li {box-sizing: border-box;}
.video-accordion-list2 li div {box-sizing: border-box;}

/* 1dep */
.video-accordion-list2 > ul > li {width:100%; cursor: pointer; margin-bottom:16px;}
.video-accordion-list2 > ul > li:last-of-type {margin-bottom:0px;}
.video-accordion-list2 > ul > li > .box-dep1 {display:flex; align-items: center; height:104px; padding:0 40px; font-size:18px; line-height:28px; font-weight:500; background: #fff; border:1px solid #999aa9;}
.video-accordion-list2 > ul > li.active > .box-dep1 {background: #f5f7fd;}
.video-accordion-list2 > ul > li.active > .box-dep1 .close {opacity: 1; transform: scale(1); width:22px; height:22px;}

.video-accordion-list2 .box-dep1 .type {flex:none; width:142px; font-size:24px;}
.video-accordion-list2 .box-dep1 .unit {flex:none; width:86px; color: #fd342a;}
.video-accordion-list2 .box-dep1 .subject {flex:1; font-weight:400; padding-right:40px; word-break: keep-all; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.video-accordion-list2 .box-dep1 .close {flex:none; transform: scale(0); width:0; height:0; font-size: 0px; line-height:0px; text-indent: -9999px; background: url(/https/www.bookdonga.com/images/pc/icon_accordion_close.png) no-repeat center; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}

/* 2dep */
.video-accordion-list2 ul ul {display: none;}
.video-accordion-list2 > ul > li > ul > li {}
.video-accordion-list2 > ul > li > ul > li > .box-dep2 {display:flex; justify-content: space-between; align-items: center; /* height:104px; */ padding:15px 16px; font-size:18px; line-height:28px; font-weight:400; background: #fff; border-top: 1px solid #e1e1e1; cursor:pointer;}
.video-accordion-list2 > ul > li > ul > li:last-of-type > .box-dep2 {border-bottom:1px solid #e1e1e1;}
.video-accordion-list2 > ul > li > ul > li.active > .box-dep2 {background: #fafbff; /* background: #f5f7fd; */ border-top:1px solid #999aa9; border-bottom: 1px solid #e1e1e1; margin-top:-1px; padding:16px 16px 15px 16px;}
.video-accordion-list2 > ul > li > ul > li.active > .box-dep2 .page {/* display: none; opacity: 0; */ opacity: 0; transform: scale(0); width:0px; font-size:0px; line-height:0px; text-indent: -9999;}
.video-accordion-list2 > ul > li > ul > li.active > .box-dep2 .thumbnail {opacity: 0; transform: scale(0); width:0px; height:0px;}
.video-accordion-list2 > ul > li > ul > li.active > .box-dep2 .close {opacity: 1; transform: scale(1); width:22px; height:22px; margin-right:26px;}

.video-accordion-list2 .box-dep2 .dep2-left {flex:none; width:calc(750px - 16px); display:flex; align-items: center; font-weight:500;}
.video-accordion-list2 .box-dep2 .dep2-right {flex:none; width:calc(450px - 16px); height:72px; display:flex; justify-content: flex-end; align-items: center; font-size:14px;}
.video-accordion-list2 .box-dep2 span {display: block; box-sizing: border-box;}

.video-accordion-list2 .box-dep2 .unit {flex:none; width:115px; padding-left:24px;}
.video-accordion-list2 .box-dep2 .subject {flex:none; max-width: 550px; font-weight:400; margin-right:8px; word-break: keep-all; /* overflow:hidden; text-overflow:ellipsis; white-space:nowrap; */}
.video-accordion-list2 .box-dep2 .subject .count {display:inline-block; flex:none; color: #fd342a; margin-right:8px;}
.video-accordion-list2 .box-dep2 .subject .lately {display:inline-block; width:75px; height:24px; line-height:22px; margin-top:2px; font-size:12px; color: #fff; text-align: center; background: #fd342a; border-radius: 15px; vertical-align: top;}
.video-accordion-list2 .box-dep2 .page {flex:none; width:120px;color: #999aa9; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.video-accordion-list2 .box-dep2 .data {flex:none; width:185px; color: #0091ff; font-weight:500;}
.video-accordion-list2 .box-dep2 .data em {display:inline-block; font-size:10px; vertical-align: middle; margin-top:-2px;}
.video-accordion-list2 .box-dep2 .thumbnail {position: relative; width:128px; height:72px; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.video-accordion-list2 .box-dep2 .thumbnail img {width:128px; height:72px;}
.video-accordion-list2 .box-dep2 .thumbnail::before {position: absolute; left:0px; top:0px; content: ''; display:block; width:100%; height:100%; background: #36364b; opacity: 0.5;}
.video-accordion-list2 .box-dep2 .close {transform: scale(0); width:0; height:0; font-size: 0px; line-height:0px; text-indent: -9999px; background: url(/https/www.bookdonga.com/images/pc/icon_accordion_close.png) no-repeat center; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}


/* 3dep */
.video-accordion-list2 > ul > li > ul > li > ul > li {cursor: Default;}
.video-accordion-list2 > ul > li > ul > li > ul > li > .box-dep3 {display:flex; justify-content: space-between; padding:0; background: #fff; border-bottom:1px solid #999aa9;}
.video-accordion-list2 .box-dep3 .dep3-left {flex:none; width:328px; margin-bottom:16px;}
.video-accordion-list2 .box-dep3 .dep3-right {flex:none; width:calc(100% - 328px); display:flex; flex-direction: column; font-size:14px;}
.video-accordion-list2 .box-dep3 span {display: block; box-sizing: border-box;}

.video-accordion-list2 .box-dep3 .dep3-item:last-of-type {/* border-bottom: none; */}
.video-accordion-list2 .box-dep3 .dep3-item {display:flex; align-items: center; padding:16px 0; font-size:16px; line-height:22px; font-weight:500; border-bottom:1px solid #e1e1e1;}
.video-accordion-list2 .box-dep3 .dep3-item span {display: block; box-sizing: border-box;}
.video-accordion-list2 .box-dep3 .unit {width:40px;}
.video-accordion-list2 .box-dep3 .subject {flex:1; padding-right:20px; word-break: keep-all; /* width:410px; */}
.video-accordion-list2 .box-dep3 .subject .lately {display:inline-block; width:75px; height:24px; line-height:22px; /* margin-top:2px; */ vertical-align: top; font-size:12px; color: #fff; text-align: center; background: #fd342a; border-radius: 15px;}
.video-accordion-list2 .box-dep3 .page {width:105px; font-size:14px; font-weight:400; color: #999aa9;}
/* .video-accordion-list2 .box-dep3 .data {width:68px; font-size:12px; font-weight:400;} */
.video-accordion-list2 .box-dep3 .data {position: relative; width:64px; font-size:12px; font-weight:400; color: #1198fe; background: #f5f7fd; letter-spacing:-0.5px; text-align:center; margin-right:10px; border-radius: 4px;}
.video-accordion-list2 .box-dep3 .data::after {content:''; position:absolute; top:7px; transform: rotate(-180deg); /* transform: translateY(-50%); */ right:-8px; width:0; height:0; border-style:solid; border-width:4px 4px; border-color:transparent #f5f7fd transparent transparent;}
.video-accordion-list2 .box-dep3 .rate {width:105px; font-weight:500; color: #0091ff;}
.video-accordion-list2 .box-dep3 .btn-play {width:122px; text-align: left;}
.video-accordion-list2 .box-dep3 .btn-play .btn-video-preview {width:106px;}
.video-accordion-list2 .box-dep3 .btn-play .btn-video-preview button,
.video-accordion-list2 .box-dep3 .btn-play .btn-video-preview a {font-size:15px; font-weight: 400;}
.video-accordion-list2 .box-dep3 .btn-play .btn-video-preview.disabled button::before,
.video-accordion-list2 .box-dep3 .btn-play .btn-video-preview.disabled a::before {margin-top:-2px;}

.video-accordion-list2 .box-dep3 .thumbnail {position: relative; width:280px; margin-top:16px;}
.video-accordion-list2 .box-dep3 .thumbnail::before {position: absolute; left:0px; top:0px; content: ''; display:block; width:100%; height:100%; background: #36364b; opacity: 0.5;}
.video-accordion-list2 .box-dep3 .thumbnail img {width:100%;}

/* 동영상 : 상세리스트(아코디언x) */
.box-video-list {display:flex; justify-content: space-between; padding:0; background: #fff; border-top:1px solid #999aa9; border-bottom:1px solid #999aa9;}
.box-video-list .list-left {flex:none; width:328px; margin-bottom:16px;}
.box-video-list .list-right {flex:none; width:calc(100% - 328px); display:flex; flex-direction: column; font-size:14px;}
.box-video-list span {display: block; box-sizing: border-box;}

.box-video-list .list-item:last-of-type {border-bottom: none;}
.box-video-list .list-item {display:flex; align-items: center; padding:16px 0; font-size:16px; line-height:22px; font-weight:500; border-bottom:1px solid #e1e1e1;}
.box-video-list .list-item span {display: block; box-sizing: border-box;}
.box-video-list .unit {width:40px; margin-right:10px; overflow: hidden;}
.box-video-list .unit::after {float:right; content: ''; display:inline-block; width:1px; height:12px; background: #999aa9; margin-top:6px; margin-right:0px; vertical-align: top;}
.box-video-list .subject {flex:1; padding-right:20px; word-break: keep-all; /* width:410px; */}
.box-video-list .subject > .lately {display:inline-block; width:75px; height:24px; line-height:22px; /* margin-top:2px; */ vertical-align: top; font-size:12px; color: #fff; text-align: center; background: #fd342a; border-radius: 15px;}
.box-video-list .page {width:105px; font-size:14px; font-weight:400; color: #999aa9;}
.box-video-list .data {position: relative; width:64px; font-size:12px; font-weight:400; color: #1198fe; background: #f5f7fd; letter-spacing:-0.5px; text-align:center; margin-right:10px; border-radius: 4px;}
.box-video-list .data::after {content:''; position:absolute; top:7px; transform: rotate(-180deg); /* transform: translateY(-50%); */ right:-8px; width:0; height:0; border-style:solid; border-width:4px 4px; border-color:transparent #f5f7fd transparent transparent;}
.box-video-list .rate {width:105px; font-weight:500; color: #0091ff;}
.box-video-list .btn-play {width:122px; text-align: left;}
.box-video-list .btn-play .btn-video-preview {width:106px;}
.box-video-list .btn-play .btn-video-preview button,
.box-video-list .btn-play .btn-video-preview a {font-size:15px; font-weight: 400;}
.box-video-list .btn-play .btn-video-preview.disabled button::before,
.box-video-list .btn-play .btn-video-preview.disabled a::before {margin-top:-2px;}

.box-video-list .thumbnail {position: relative; width:280px; margin-top:16px;}
.box-video-list .thumbnail::before {position: absolute; left:0px; top:0px; content: ''; display:block; width:100%; height:100%; background: #36364b; opacity: 0.5;}
.box-video-list .thumbnail img {width:100%;}

/* 학습자료 - 찾기(선택) */
.box-learning-find {width:100%; padding:0 0px 24px 0; /* background: #3f4466; */}
.learning-find-inner {width:1200px; margin: 0 auto;}

.box-learning-tab {margin:0 0 40px 0px; box-sizing:border-box;}
.box-learning-tab .area-inner {display:flex;margin:0 auto;padding:0;width:1200px;height:56px;text-align:center;box-sizing:border-box;justify-content:center;}
.box-learning-tab .area-inner span {display:inline-block; border:1px solid #e1e1e1; width:198px; height:56px; box-sizing: border-box;}
.box-learning-tab .area-inner span button {display:block;width:100%;height:100%;padding:0 24px;font-size:16px;font-weight:400;color:#999aa9;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.box-learning-tab .area-inner span button:hover {color:#36364b;}
.box-learning-tab .area-inner span.on {border:1px solid #999aa9;}
.box-learning-tab .area-inner span.on button {font-weight:500;color:#36364b;}

.learning-tab-brand {position: relative; margin:0px;margin-bottom: 32px; padding:0 0 32px 0;min-width:100%;box-sizing:border-box; border-bottom: 1px solid #f5f7fd;}
.learning-tab-brand .area-inner {position:relative;display:flex;margin:0 auto;padding:0 36px 0 36px;width:1200px;/* height:96px; */text-align:center;box-sizing:border-box;justify-content:center;}
.learning-tab-brand .area-inner span {position: relative; display:inline-block;margin:0 8px;flex-shrink:0; /* border: solid 1px #e6eaf2; box-shadow: 0 0 8px 0 #f5f7fd; border-radius:5px; */}
.learning-tab-brand .area-inner span a,
.learning-tab-brand .area-inner span button {display:block;padding:0;width:72px;height:96px;border-radius:5px;/* -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; */box-sizing: border-box; /* border:2px solid #fff; */ background: #fff; border: solid 1px #e6eaf2; box-shadow: 0 0 8px 0 #f5f7fd; border-radius:5px;}
.learning-tab-brand .area-inner span a,
.learning-tab-brand .area-inner span button img {/* width:100%; */ width:70px; height:auto;}
/* .learning-tab-brand .area-inner span:hover {border: solid 1px #fff; } */
.learning-tab-brand .area-inner span:hover a,
.learning-tab-brand .area-inner span:hover button {border:2px solid #0091ff; }
.learning-tab-brand .area-inner span:hover a img,
.learning-tab-brand .area-inner span:hover button img {margin-left:-1px;}
.learning-tab-brand .area-inner span.on {position: relative;}
.learning-tab-brand .area-inner span.on a,
.learning-tab-brand .area-inner span.on button {border:2px solid #0091ff; z-index: 1;}
.learning-tab-brand .area-inner span.on a img,
.learning-tab-brand .area-inner span.on button img {margin-left:-1px;}
.learning-tab-brand .area-inner span:hover button::before {position: absolute; left:0px; top:0px; content: ''; display:block; width:100%; height:100%; vertical-align: top; background: rgba(0, 145, 255, 0.2); border-radius: 5px;}
.learning-tab-brand .area-inner span.on button::before {position: absolute; left:0px; top:0px; content: ''; display:block; width:100%; height:100%; vertical-align: top; background: rgba(0, 145, 255, 0.2); border-radius: 5px; border:2px solid #0091ff; box-sizing: border-box;}
.learning-tab-brand .slick-prev {display:block;position:absolute;left:-32px;right:auto;top:20px;bottom:20px;z-index:2;width:32px;height:auto;text-indent:-10000000px;background:url(/https/www.bookdonga.com/images/pc/icon_scroll_left.png) no-repeat 50%;}
.learning-tab-brand .slick-next {display:block;position:absolute;left:auto;right:-32px;top:20px;bottom:20px;z-index:2;width:32px;height:auto;text-indent:-10000000px;background:url(/https/www.bookdonga.com/images/pc/icon_scroll_right.png) no-repeat 50%;}
.learning-tab-brand .slick-prev.slick-disabled {background:url(/https/www.bookdonga.com/images/pc/icon_scroll_left_disable.png) no-repeat 50%;}
.learning-tab-brand .slick-next.slick-disabled {background:url(/https/www.bookdonga.com/images/pc/icon_scroll_right_disable.png) no-repeat 50%;}
.learning-tab-brand .slick-prev {left:0px;background-position:left -10px top 50%;}
.learning-tab-brand .slick-next {right:0px;background-position:right -10px top 50%;}
.learning-tab-brand .slick-prev.slick-disabled {background-position:left -10px top 50%;}
.learning-tab-brand .slick-next.slick-disabled {background-position:right -10px top 50%;}

.box-learning-keyword button {-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.box-learning-keyword {text-align:right; width:100%;}
.box-learning-keyword .keyword-list {display:flex;flex-direction: column; padding: 0px; justify-content: center; flex-wrap: wrap; text-align: center;}
.box-learning-keyword .keyword-list .series,
.box-learning-keyword .keyword-list .subject,
.box-learning-keyword .keyword-list .schoolyear {display:block;}
.box-learning-keyword .keyword-list .keyword {flex:none; display:inline-block; height:40px; width:auto; margin: 0 4px 14px 0;}
.box-learning-keyword .keyword-list .keyword button {width:100%; height:100%; padding: 0 24px; border-radius: 20px; background: #e6eaf2; font-size:16px; color: #575e6f; font-weight: 500;}
.box-learning-keyword .keyword-list .keyword:hover button,
.box-learning-keyword .keyword-list .keyword.on button {background: #0091ff; color: #fff;}
.box-learning-keyword .keyword-all-delete {display:inline-block;text-align: right;}
.box-learning-keyword .keyword-all-delete button {color: #999aa9; font-size:16px; line-height:24px;}
.box-learning-keyword .keyword-all-delete button::after {content: ''; display:inline-block; width:24px; height:24px; background: url(/https/www.bookdonga.com/images/pc/icon_keyword_delete.png) no-repeat left top; background-size:24px; vertical-align: middle; margin-left:8px; margin-top:-4px;}
.box-learning-keyword .keyword-all-delete:hover button {/* text-decoration: underline; */ color: #0091ff;}
.box-learning-keyword .keyword-all-delete button:hover::after {background: url(/https/www.bookdonga.com/images/pc/icon_keyword_delete_on.png) no-repeat left top; background-size:24px;}
.box-learning-keyword .keyword-delete {display:flex; justify-content: center; flex-wrap: wrap; text-align: center;}
.box-learning-keyword .keyword-delete .keyword {flex:none; display:inline-block; height:64px; width:auto; margin: 2px 12px;}
.box-learning-keyword .keyword-delete .keyword button {width:100%; height:100%; padding: 0 32px; border-radius: 32px; font-size:28px; color: #fff; font-weight: 500;}
.box-learning-keyword .keyword-delete .keyword:hover button,
.box-learning-keyword .keyword-delete .keyword.on {background: #36364b; border-radius: 32px; }
.box-learning-keyword .keyword-delete .keyword button::after {content: ''; display:inline-block; width:12px; height:12px; background: url(/https/www.bookdonga.com/images/pc/icon_dele_blue.png) no-repeat left top; vertical-align: middle; margin-left:8px; margin-top:-6px;}

/* 학습자료 - 찾기(검색) */
.box-learning-search {width:1000px; border-bottom:1px solid #999aa9; margin:-8px auto 24px;}
.box-learning-search .box-search {width:auto;overflow:hidden; }
.box-learning-search .box-search .box-inner {position: relative;}
.box-learning-search .box-search .box-inner input {width:100%;height:88px;vertical-align:middle;font-size:24px;line-height:45px;font-weight:400;color:#999aa9;/* text-indent:10px; */border:none;background:none; text-align: center;margin:0 auto; padding:20px 24px; border-radius:44px; box-sizing: border-box; background:#fff;}
.box-learning-search .box-search .box-inner input::-webkit-input-placeholder {color: #999aa9;}
.box-learning-search .box-search .box-inner input:-ms-input-placeholder {color: #999aa9;}
.box-learning-search .box-search .box-inner textarea::-webkit-input-placeholder {color: #999aa9;}
.box-learning-search .box-search .box-inner textarea:-ms-input-placeholder {color: #999aa9;}
.box-learning-search .box-search .box-inner input[type=text]:focus {background: #fff; color: #33344a;}

.box-learning-search .box-search .box-inner .btn-search {position: absolute; right:0; top:27px; display:block;width:40px;height:40px;overflow:hidden;background: #0091ff url(/https/www.bookdonga.com/images/pc/icon_learning_search.png) no-repeat 50%; background-size: 70% auto; border-radius:100%;}
.box-learning-search .box-search .box-inner .btn-search button  {display:block;width:100%;height:100%; text-align:center;text-indent:-1000px;background:none;}

.box--learning-result {padding: 14px 0 33px 0; color: #36364b; text-align: center; font-size:24px; line-height:36px;}
.box--learning-result .keyword {display:inline-block; color: #36364b; font-weight:500;}

/* 학습자료 - 찾기 - 결과리스트 */
.box-search-top {position: relative; display:flex; justify-content: space-between; margin-bottom:32px;}
.box-search-top .search-notice {position: absolute; left:0px; top:-55px; font-size:16px;}
.box-search-top .result {flex:1; /* font-size: 20px; */ font-size: 16px; color: #999aa9; text-align: left;}
.box-search-top .result span {font-weight: 500;}
.box-search-top .book-select {display:flex;}

.box-search-top .box-bookselect {position: relative; margin-left: 24px;}
.box-bookselect > span {display:block;}
.box-bookselect > span button {font-size:16px; font-weight:400; line-height: 1.5; color: #999aa9;}
.box-bookselect > span button::after {content: ''; width:10px; height:8px; display:inline-block; vertical-align: middle; margin-left: 8px; margin-top:-2px; background: url(/https/www.bookdonga.com/images/pc/icon_book_select.png) no-repeat left top; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.box-bookselect > span:hover button,
.box-bookselect > span.on button {color: #36364b;}
.box-bookselect > span.on button::after {background: url(/https/www.bookdonga.com/images/pc/icon_book_select_on.png) no-repeat left top; transform: rotate(180deg);}
.box-bookselect .box-bookselect-inner { height:0px; overflow:hidden; position: absolute; left:50%; transform: translateX(-50%); top:33px; z-index:3; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.box-bookselect .box-bookselect-inner .box-inner {display:block; border:1px solid #999aa9;}
.box-bookselect .box-bookselect-inner .box-inner > span {display:block; min-width:120px; white-space: nowrap; box-sizing: border-box; background: #fff;}
.box-bookselect .box-bookselect-inner .box-inner > span.on,
.box-bookselect .box-bookselect-inner .box-inner > span:hover {background: #f5f6f9;}
.box-bookselect .box-bookselect-inner .box-inner > span > button {display:block; width:100%; height:100%; padding:8px 15px;  font-size:14px; color: #36364b; text-align: left; line-height: 1.7;}
.box-bookselect .box-bookselect-inner .box-inner > span.on > button,
.box-bookselect .box-bookselect-inner .box-inner > span:hover > button {font-weight:500; padding: 8px 13px 8px 15px;}

.box-booklist-type1,
.box-booklist-type2,
.box-booklist-type3 {margin-bottom:40px;}
/* .box-booklist-type2 > .box-paginate {flex:1; margin-top:50px;} */
.box-booklist-type2 > .box-paginate {flex:none; width:100%; margin-top:50px;}
.booklist-item {position: relative; display: flex; background: #fdfdfe; border-radius: 4px; padding:32px; margin-bottom:16px; box-sizing: border-box;}
.booklist-item:last-of-type {margin-bottom:80px;}
.booklist-item .book-img {flex:none; width:224px; margin-right:40px;}
.booklist-item .book-img a {display:block;}
.booklist-item .book-img img {/* width:224px; height:314px; */width:180px; height:251px; box-shadow: 2px 2px 10px 0 rgba(212, 213, 226, 0.5); border: solid 1px #e1e1e1; box-sizing: border-box; }

.booklist-item .book-data {display: flex; flex-direction: column;  width:calc(100% - 264px); /* min-height:313px; */ box-sizing: border-box; position: relative;}
.booklist-item .book-data > .title {font-size:20px; font-weight:500; color: #36364b; width: calc(100% - 160px);}
.booklist-item .book-data > .title a {display:block;}
.booklist-item .keyword {display: flex; margin-top:16px; flex-wrap: wrap;}
.booklist-item .keyword span {border-radius: 16px; height:32px; line-height:30px; padding: 0 16px; margin-right:8px; background:#f5f6f9; font-size:12px; font-weight:500; color:#575e6f; min-width:72px; box-sizing: border-box; text-align: center;}

.booklist-item .btn-data-down {display:flex; width:100%; margin-top: auto; padding-top:38px; /* position: absolute; left:0px; bottom:0px; */}
.booklist-item .btn-data-down .btn-down {display:inline-block; width:132px; height:143px; margin-right:16px; background: #fff; border: solid 1px #f1f1f1; border-radius: 4px; box-sizing: border-box;}
.booklist-item .btn-data-down .btn-down:last-of-type {margin-right:0px;}
.booklist-item .btn-data-down .btn-down:hover {border:1px solid #999aa9;}
.booklist-item .btn-data-down .btn-down a,
.booklist-item .btn-data-down .btn-down button {display:block; width:100%; height:100%; text-align: center; overflow: hidden;}
.booklist-item .btn-data-down .btn-down .title {display:block; width:100%; height:104px; padding-top:27px; font-size:14px; color: #36364b; font-weight:400; box-sizing: border-box;}
.booklist-item .btn-data-down .btn-down .down-icon {display:block; width:100%; height:40px; line-height:38px; background: #f8f8f8; border-top:1px solid #f1f1f1; border-bottom-right-radius : 8px; border-bottom-left-radius : 8px; font-weight:400; color: #575e6f; text-align: left; padding-left: 24px; box-sizing: border-box;}
.booklist-item .btn-data-down .btn-down:hover .down-icon {border-bottom-right-radius : 10px; border-bottom-left-radius : 10px;}

.booklist-item .btn-data-down .btn-down .title::before {content: ''; display:block; width:32px; height:32px; margin: 0 auto 8px; vertical-align: top;}
.booklist-item .btn-data-down .answer .title::before {background: url(/https/www.bookdonga.com/images/pc/icon_view_answer.png) no-repeat center top; background-size: 23px auto;}
.booklist-item .btn-data-down .listen .title::before {background: url(/https/www.bookdonga.com/images/pc/icon_view_listen.png) no-repeat center top; background-size: 30px auto;}
.booklist-item .btn-data-down .errata .title::before {background: url(/https/www.bookdonga.com/images/pc/icon_view_errata.png) no-repeat center top; background-size: 24px auto;}
.booklist-item .btn-data-down .assess .title::before {background: url(/https/www.bookdonga.com/images/pc/icon_view_assess.png) no-repeat center top; background-size: 24px auto;}
.booklist-item .btn-data-down .point .title::before {background: url(/https/www.bookdonga.com/images/pc/icon_view_point.png) no-repeat center top; background-size: 26px auto;}
.booklist-item .btn-data-down .supple .title::before {background: url(/https/www.bookdonga.com/images/pc/icon_view_supple.png) no-repeat center top; background-size: 26px auto;}
.booklist-item .btn-data-down .ebook .title::before {background: url(/https/www.bookdonga.com/images/pc/icon_view_ebook.png) no-repeat center top; background-size: 26px auto;}

div[class^='box-booklist-type'] .down-icon::before {content: ''; width:24px; height:24px; display:inline-block; vertical-align: middle; margin-right:6px; margin-top:-4px; background-size:24px auto !important;}
div[class^='box-booklist-type'] .dat::before {background: url(/https/www.bookdonga.com/images/pc/icon_problems.png) no-repeat left top;}
div[class^='box-booklist-type'] .word::before {background: url(/https/www.bookdonga.com/images/pc/icon_word.png) no-repeat left top;}
div[class^='box-booklist-type'] .pdf::before {background: url(/https/www.bookdonga.com/images/pc/icon_pdf.png) no-repeat left top;}
div[class^='box-booklist-type'] .excel::before {background: url(/https/www.bookdonga.com/images/pc/icon_excel.png) no-repeat left top;}
div[class^='box-booklist-type'] .hwp::before {background: url(/https/www.bookdonga.com/images/pc/icon_hwp.png) no-repeat left top;}
div[class^='box-booklist-type'] .zip::before {background: url(/https/www.bookdonga.com/images/pc/icon_zip.png) no-repeat left top;}
div[class^='box-booklist-type'] .audio::before {background: url(/https/www.bookdonga.com/images/pc/icon_listening.png) no-repeat left top;}
div[class^='box-booklist-type'] .img::before {background: url(/https/www.bookdonga.com/images/pc/icon_img.png) no-repeat left top;}
div[class^='box-booklist-type'] .ppt::before {background: url(/https/www.bookdonga.com/images/pc/icon_ppt.png) no-repeat left top;}
div[class^='box-booklist-type'] .problems::before {background: url(/https/www.bookdonga.com/images/pc/icon_problems.png) no-repeat left top;}
div[class^='box-booklist-type'] .solution::before {background: url(/https/www.bookdonga.com/images/pc/icon_solution.png) no-repeat left top;}    
div[class^='box-booklist-type'] .point::before {background: url(/https/www.bookdonga.com/images/pc/icon_point.png) no-repeat left top;}
div[class^='box-booklist-type'] .ebook::before {background: url(/https/www.bookdonga.com/images/pc/icon_ebook.png) no-repeat left top;}

div[class^='box-booklist-type'] .all {text-align: center !important; padding-left:0px !important;}
div[class^='box-booklist-type'] .all::before {display:none;}
div[class^='box-booklist-type'] .all::after {content: ''; display:inline-block; vertical-align: middle; margin-left:9px; margin-top:-3px; background: url(/https/www.bookdonga.com/images/pc/icon_view_all.png) no-repeat left top; width:9px; height:9px;}
div[class^='box-booklist-type'] .booklist-item .switch-myset {position: absolute; right:32px; top:32px; font-size:14px; font-weight: 400;}
div[class^='box-booklist-type'] .booklist-item .switch-myset .form-switch {margin-top: -2px;}

/* 학습자료 리스트 2개씩 나올 경우 */
.box-booklist-type2 {display: flex; flex-wrap: wrap; justify-content: space-between;}
.box-booklist-type2 .booklist-item {flex:none; width: 592px; margin-right:16px;}
.box-booklist-type2 .booklist-item:nth-of-type(2n) {margin-right:0;}
.box-booklist-type2 .booklist-item .book-img {margin-right:30px;}
.box-booklist-type2 .booklist-item .book-img img {width:224px; height:314px;}
.box-booklist-type2 .booklist-item .book-data {flex:1; width:100%;}
.box-booklist-type2 .booklist-item .book-data > .title {width:100%; margin-top:40px;}
.box-booklist-type2 .booklist-item .book-data > .title a {display:block; width:100%; max-height:54px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 26px;}
.box-booklist-type2 .booklist-item .btn-data-down .btn-down {margin-right:12px;}
.box-booklist-type2 .booklist-item .btn-data-down .btn-down:last-of-type {margin-right:0px;}

.box-booklist-type3 {display: flex; flex-wrap: wrap; justify-content: space-between;}
.box-booklist-type3 .booklist-item {flex:none; width: 592px; height:318px; margin-right:16px; background: #fff; border:1px solid #e1e1e1;}
.box-booklist-type3 .booklist-item:nth-of-type(2n) {margin-right:0;}
.box-booklist-type3 .booklist-item:last-of-type {margin-bottom:0;}
.box-booklist-type3 .booklist-item .book-img {width:180px; margin-right:30px;}
.box-booklist-type3 .booklist-item .book-img img {box-shadow: none; width:180px; height:252px;}
.box-booklist-type3 .booklist-item .book-data {flex:1; min-height: 252px; width:100%;}
.box-booklist-type3 .booklist-item .keyword {margin-top:0px;} 
.box-booklist-type3 .booklist-item .book-data > .title {width:100%; margin-top:24px;}
.box-booklist-type3 .booklist-item .book-data > .title a {display:block; width:100%; max-height:54px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 26px;}
.box-booklist-type3 .booklist-item .btn-data-down .btn-down {margin-right:12px;}
.box-booklist-type3 .booklist-item .btn-data-down .btn-down:last-of-type {margin-right:0px;}
.box-booklist-type3 .switch-checkbox {position: absolute; right:12px; top:14px;}

.box-databook {width:100%; display:flex; flex-wrap: wrap; justify-content: space-between;}
.btn-databook {flex:1 1 100%; margin-top:8px;}
.btn-databook button {display:block; width:100%; height:40px; line-height:38px; font-size:14px; font-weight:400; border:1px solid #e1e1e1; border-radius: 4px; background: #fff;}
.btn-databook:hover button {border:1px solid #999aa9;}
/* .btn-databook.buy button {background: #999aa9; border:1px solid #999aa9; color: #fff;} */
.btn-databook.disabled button {background: #f5f6f9; border:1px solid #f5f6f9; color: #999aa9; cursor: inherit;}
.databook-type1 {flex:none; width:100px;} /* btn size */
.databook-type2 {flex:none; width:154px;}

/* 동영상 학습 - 슬라이드 */
.box-videocard-outer {position: relative; width:1220px; margin:0 auto; padding-bottom: 55px; }
.box-videocard {width:100%;}
.box-videocard .slick-list {/* padding:16px 12px 26px 12px; */ padding:0 12px 26px 12px;}
.box-videocard .videocard-item {width:592px; height:416px; margin-right:16px; background: #fff; border-radius: 4px; /* box-shadow: -2px 5px 10px rgba(0, 0, 0, 0.12); -webkit-box-shadow: -2px 5px 10px rgba(0, 0, 0, 0.12); -moz-box-shadow: -2px 5px 10px rgba(0, 0, 0, 0.12); */  box-sizing: border-box;}
.box-videocard .videocard-item a {display:block;}
.videocard-item .videocard-visual {position: relative; width:100%; height:333px; box-sizing: border-box; border-top-left-radius: 4px; border-top-right-radius: 4px;}
.videocard-item .videocard-visual .box-label {right:33px; top:0px;}

.videocard-item .videocard-visual .visual-text {position: absolute; left:0px; top:0px; width:100%; height:100%; padding:32px; box-sizing: border-box;}
.videocard-item .videocard-visual .visual-text .keyword {display: flex; flex-wrap: wrap; margin-bottom:17px; width: calc(100% - 60px);}
.videocard-item .videocard-visual .visual-text .keyword span {border-radius: 16px; height:32px; line-height:30px; padding: 0 16px; margin: 2px 8px 2px 0px; border:1px solid #fff; font-size:12px; font-weight:500; color:#fff; min-width:72px; box-sizing: border-box; text-align: center;}
.videocard-item .videocard-visual .visual-text .title {font-size:24px; font-weight:500; color: #fff; line-height: 1.42; width: 260px; word-break: keep-all;}
.videocard-item .videocard-visual .visual-img {display: flex; height:100%; flex-direction: column; justify-content: flex-end;}
.videocard-item .videocard-visual .visual-img img {display:block; height: 333px;/*  margin-bottom:-1px;  */align-self: flex-end;}
.videocard-item .videocard-bottom {display:flex; justify-content: space-between; width:100%; height:83px; padding:24px 32px 0 32px; box-sizing: border-box;}
.videocard-item .videocard-bottom .title {display:inline-block; width: calc(100% - 150px); height:30px; vertical-align: top; box-sizing: border-box;  margin-top:7px}
.videocard-item .videocard-bottom .title a {width:100%; display:block; font-size:20px; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.videocard-item .videocard-bottom .btn-video-preview {display:inline-block;}

/* 동영상 학습 - 슬라이드 - 슬라이드Btn */  
.box-videocard-outer .slick-prev.slick-arrow,
.box-videocard-outer .slick-next.slick-arrow {position: absolute; top:50%; transform: translateY(-50%); margin-top:-55px; width:48px; height:48px; border-radius: 100%; font-size:0px; line-height:0px; text-indent: -9999; background-size: 14px auto !important;}
.box-videocard-outer .slick-prev.slick-arrow{left: -68px; /* box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.1); */ background: #fff url(/https/www.bookdonga.com/images/pc/icon_bookslide_prev.png) no-repeat 15px 50%;}
.box-videocard-outer .slick-prev.slick-arrow:active {/* box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.3); */ background: #33344a url(/https/www.bookdonga.com/images/pc/icon_bookslide_prev_on.png) no-repeat 15px 50%;}
.box-videocard-outer .slick-next.slick-arrow{right: -68px; /* box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.1); */ background: #fff url(/https/www.bookdonga.com/images/pc/icon_bookslide_next.png) no-repeat 20px 50%;}
.box-videocard-outer .slick-next.slick-arrow:active {/* box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.3); */ background: #33344a url(/https/www.bookdonga.com/images/pc/icon_bookslide_next_on.png) no-repeat 20px 50%;}

.videocard-control {text-align: center; margin-top:16px;}
.videocard-control .slick-dot {display:inline-block;}
.videocard-control .slick-dot .slick-dots {margin:0 auto; padding:0px; text-align: center;}
.videocard-control .slick-dot .slick-dots li {display:inline-block; vertical-align: top; margin: 0 8px;}
.videocard-control .slick-dot .slick-dots li button {display:block; width:16px; height:24px; background: #e6eaf2; font-size:0px; line-height:0; text-indent: -9999; box-sizing: border-box;}
.videocard-control .slick-dot .slick-dots li.slick-active button {background: none; border:2px solid #999aa9;}

.videocard-control {display: flex; justify-content: center;}
.videocard-control .slick-arrow {width:48px; height:25px; font-size:0px; line-height:0px; text-indent: -9999;}
.videocard-control .slick-prev2.slick-arrow {background: url(/https/www.bookdonga.com/images/pc/icon_slide_prev2.png) no-repeat left top;}
.videocard-control .slick-prev2.slick-arrow:active {background: url(/https/www.bookdonga.com/images/pc/icon_slide_prev2_on.png) no-repeat left top;}
.videocard-control .slick-next2.slick-arrow {background: url(/https/www.bookdonga.com/images/pc/icon_slide_next2.png) no-repeat left top;}
.videocard-control .slick-next2.slick-arrow:active {background: url(/https/www.bookdonga.com/images/pc/icon_slide_next2_on.png) no-repeat left top;}

/* 동영상 학습 - 공지 */
.box-video-notice {display:flex; justify-content: space-between; align-items: center; border-top:1px solid #3f4466; width:1200px; margin: 0 auto; padding:24px 24px 80px 24px; box-sizing: border-box;}
.box-video-notice .notice-text {display:flex; align-items: center;}
.box-video-notice .notice-text a > span {display:inline-block; font-size:20px; color: #36364b; vertical-align: middle;}
.box-video-notice .notice-text a .title {max-width:500px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.box-video-notice .notice-text a .label {font-weight:500; margin-right:8px;}
.box-video-notice .notice-text .date {font-size:14px; color: #575e6f; margin:0 0 0 10px; vertical-align: middle; font-weight:400;}
.box-video-notice .more button {font-size:16px; font-weight:500; color: #575e6f;}
.box-video-notice .more button::after {content: ''; display:inline-block; width:20px; height:10px; margin:-2px 0 0 8px; vertical-align: middle; background: url(/https/www.bookdonga.com/images/pc/icon_arr_view.png) no-repeat left top;}

/* 동영상 학습 - 찾기 - 결과리스트 */
.box-videolist-type1,
.box-videolist-type2 {width:100%; display: flex; flex-wrap: wrap; margin-bottom:40px;}
.box-videolist-type1 .videolist-item {position: relative; width:384px; height:328px; border-radius: 4px; margin-right:24px; margin-bottom:40px; background: #fdfdfe; box-shadow: 2px 2px 10px 0 rgba(212, 213, 226, 0.5); box-sizing: border-box;}
.box-videolist-type2 .videolist-item {position: relative; width:384px; height:380px; padding-top:24px; margin-right:24px; margin-bottom:40px; box-sizing: border-box;}
.box-videolist-type1 .videolist-item:nth-of-type(3n), 
.box-videolist-type2 .videolist-item:nth-of-type(3n) {margin-right:0px;}
.box-videolist-type2 .videolist-item .item-inner {width:100%; height:356px; border-radius: 4px; background: #fff; box-shadow: 2px 2px 10px 0 rgba(212, 213, 226, 0.5); box-sizing: border-box;}


.videolist-item > button,
.videolist-item > a,
.videolist-item .item-inner > button,
.videolist-item .item-inner > a {display:block; width:100%; height:100%;}
.videolist-item .video {position: relative; width:100%; height:216px; overflow: hidden;}
.videolist-item .video::before {position: absolute; left:0px; top:0px; content: ''; display:block; width:100%; height:100%; opacity: 0.5; background-color: #36364b;  z-index: 1;}
.videolist-item .video > img {width:384px; height:216px; transform: scale(1); -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; z-index: 0;}
.videolist-item > button:hover .video > img,
.videolist-item > a:hover .video > img {transform: scale(1.1); }

.videolist-item .keyword-video {position: absolute; left:24px; top:24px; z-index: 2;}
.videolist-item .brand-logo {position: absolute; left:24px; top:74px; z-index: 2;}
.videolist-item .class {position: absolute; right:24px; bottom:24px; display:block; color: #fff; font-size:14px; font-weight:400; z-index: 2;}
.videolist-item .class::before {content: ''; display:inline-block; width:16px; height:12px; margin-top:-2px; margin-right:8px; vertical-align: middle; background: url(/https/www.bookdonga.com/images/pc/icon_video_class.png) no-repeat left top;}
.videolist-item .text {position: relative; width:100%; height:112px; padding:20px 25px 0 25px; box-sizing: border-box;}
.videolist-item .subject {display:flex; width:100%; margin-bottom:8px;}
.videolist-item .subject .title {margin:0px; padding:0px; flex:1; font-size:16px; line-height: 24px; font-weight:500; margin-right:8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.videolist-item .subject .box-keyword-label {flex:none; width:56px;}

.videolist-item .sub-text {display:block; font-size:14px; line-height:20px; color: #575e6f; width:100%; /* width:240px; */ max-height:43px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.videolist-item .btn-video-preview {position: absolute; left:24px; bottom:136px; z-index: 2;}
.videolist-item .btn-video-preview button {z-index: 2;}

.keyword-video {display:flex;}
.keyword-video span {display:block; border-radius: 16px; min-width: 72px; height:32px; line-height:30px; margin-right:8px; background:none; font-size:12px; font-weight:500; color:#fff; border:1px solid #f1f1f1; box-sizing: border-box; text-align: center; padding: 0 10px;}
.keyword-label {display:flex;}
.keyword-label span {display:block;}


/* box-videolist-type2 - my동영상 */
.videolist-item .my-text {position: relative; width:100%; height:140px; padding:16px 25px; box-sizing: border-box; text-align: left;}
.videolist-item .my-text > .subject {width:100%; font-size:20px; line-height:28px; margin-bottom:16px; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.videolist-item .my-text > .sub-text {width:90%; font-size:16px;}
.videolist-item .my-text > .data {width:100%; display:flex; justify-content: space-between; font-size:12px; font-weight:400; text-align: left;}
.videolist-item .my-text > .data p:nth-of-type(1) {color: #575e6f;}
.videolist-item .my-text > .data p:nth-of-type(2) {font-weight:400;}
.videolist-item .my-text > .data p > span {display:inline-block; margin-left:8px;}

.box-videolist-type2 .videolist-item .box-label {top:24px; right:24px;}
.box-videolist-type2 .videolist-item .video > img {transform:none; transition:none;}
.box-videolist-type2 .videolist-item:hover .video {height:215px;}
.box-videolist-type2 .videolist-item:hover .video > img {width:384px; margin-left:-1px; margin-top:-1px;}
.box-videolist-type2 .videolist-item:hover .item-inner > button,
.box-videolist-type2 .videolist-item:hover .item-inner > a {border:1px solid #0091ff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; box-sizing: border-box;}
.box-videolist-type2 .videolist-item:hover .item-inner {box-shadow: 2px 2px 5px 0 rgba(177, 177, 177, 0.5);}
.box-videolist-type2 .videolist-item:hover .keyword-video {left: 23px; top:23px;}
.box-videolist-type2 .videolist-item:hover .brand-logo {left: 23px; top:73px;}
.box-videolist-type2 .videolist-item:hover .my-text {padding: 16px 24px;}
.box-videolist-type2 .videolist-item:hover .video > img {}

.videolist-item .label-state {position: absolute; left:0px; top: 0px;}
.videolist-item .label-state span {display:inline-block; width:auto; height:24px; line-height:22px; padding: 0 16px; color:#fff; font-size:13px; font-weight:400; border-top-left-radius: 4px; border-top-right-radius: 4px;}
.videolist-item .label-state .recently {background: #fd342a;}
.videolist-item .videolist-del {position: absolute; right:0px; top:-4px;}
.videolist-item:hover .videolist-del {display: block; display:inline-block; vertical-align: top;}
.videolist-del {display:none;}
.btn-video-del button {display:block; width:24px; height:24px; font-size:0px; line-height: 0px; text-indent: -9999px; background: url(/https/www.bookdonga.com/images/pc/icon_video_del.png) no-repeat center;}
.videolist-del:hover button {background: #e6eaf2 url(/https/www.bookdonga.com/images/pc/icon_video_del.png) no-repeat center; border-radius: 100%;}

.study-state {margin-bottom:6px;}
.study-state .title {font-size:16px; font-weight:500; margin-bottom:8px;}
.study-state .lecture {display:inline-block; font-size:12px; font-weight:400; margin-left:8px;}
.study-state .study-bar {position: relative; display:block; width:100%; height:4px; background: #f5f7fd;}
.study-state .study-bar > span {position: absolute; left:0px; top:0px; content: ''; display:block; height:4px;}
.study-ing .title {color: #0091ff;}
.study-ing .study-bar > span {background: linear-gradient(to right, #32c5ff 2%, #0091ff);}
.study-complete .title {color: #05c46c;}
.study-complete .title::before {content: ''; display:inline-block; width:16px; height:16px; margin-top:4px; margin-right:6px; vertical-align: top; background: url(/https/www.bookdonga.com/images/pc/icon_study_complete.png) no-repeat center;}
.study-complete .study-bar > span {background: linear-gradient(to right, #32c5ff 2%, #05c46c);}


/* 도서몰 - 차례(아코디언) */
.box-order-accordion {margin-bottom:10px;overflow:hidden;}
.box-order-accordion > dl > dt {height:80px; line-height:78px; padding:0 32px; margin-bottom:8px;}

.box-order-accordion .data-title {font-size:18px;color:#36364b;font-weight:500;cursor:pointer;border:1px solid #999aa9;border-radius: 4px; background:url(/https/www.bookdonga.com/images/pc/icon_order_down.png) no-repeat;background-position:right 31px top 19px;}
.box-order-accordion .data-title.on {background:url(/https/www.bookdonga.com/images/pc/icon_order_up.png) no-repeat;background-position:right 31px top 19px;}

.box-order-accordion .data-sub {height:0;overflow:hidden;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; box-sizing:border-box; }
.box-order-accordion .data-sub .box-data-sub {margin-bottom:16px; padding:32px;height:auto;font-size:16px; line-height:24px; color:#36364b;border:1px solid #f1f1f1; border-radius: 4px; background:#fff; box-sizing:border-box; }


/* my 메인 : lnb 메뉴 */
.my-area-navigation {margin:0 0 0 80px;padding:0px;min-width:1320px;overflow:hidden;background:#fff;border-bottom:1px solid #e1e1e1;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.my-area-navigation .area-inner {position:relative; margin:0 auto;width:100%;height:auto;}

.my-navigation-local {width:100%; position:relative; background: #fff;}
.my-navigation-local .box-inner {display:flex; width:1200px; margin:0 auto;}
.my-navigation-local dl {flex:1; border-left:1px solid #e6eaf2; padding:32px; box-sizing: border-box;}
.my-navigation-local dl:last-of-type {border-right:1px solid #e6eaf2;}
.my-navigation-local dt {margin-bottom:12px;}
.my-navigation-local dt a {/* font-size:28px; */ font-size:24px; font-weight:500; color: #36364b; }
.my-navigation-local dt a .text-my {font-family: 'Roboto'; color: #42b0ff;}
.my-navigation-local dd {padding: 5px 0 5px 0; margin-left:46px; box-sizing: border-box;}
.my-navigation-local dd a {font-size:18px; color: #36364b;}
.my-navigation-local dd:hover a {font-weight:500;}
.my-navigation-local dd.reserve {display:flex; justify-content: space-between; width:220px; margin-top:12px; padding-top:16px; border-top:1px solid #e6eaf2;}
.my-navigation-local dd.reserve .reserve-money {display:inline-block; font-family: Roboto; font-size:22px; font-weight:500;}
.my-navigation-local dd.reserve .reserve-money .reserve-won {display:inline-block; font-size:14px; font-weight:400; font-family: 'Noto Sans KR',sans-serif;}

.my-navigation-local .my-num {display:inline-block; margin-left:8px; margin-top:2px; padding:2px 6px; font-size:13px; line-height:14px; font-weight: 400; color:#999aa9; border:1px solid #999aa9; border-radius: 12px; box-sizing: border-box; vertical-align: top; background: #fff;}
.my-navigation-local dd:hover .my-num {background: #36364b; border:1px solid #36364b; color:#fff; font-weight:500;}
.my-navigation-local .btn-my-short {display:inline-block; margin-left:8px; margin-top:2px; padding:2px 6px; font-size:12px; line-height:14px; font-weight: 400; color:#999aa9; border:1px solid #999aa9; border-radius: 12px; box-sizing: border-box; vertical-align: top; background: #fff;}
.my-navigation-local dd:hover .btn-my-short {background: #36364b; border:1px solid #36364b; color:#fff; font-weight:500;}



/* my lnb : 상단 로그인(내 정보수정) */
.box-my-donga {width:100%; background:linear-gradient(to right, #189cfb 0%, #77d8ff 100%);}
.box-my-donga > .box-inner {display:flex; width:1200px; height:96px; margin:0 auto; box-sizing: border-box;}
.box-my-donga .text-my-name {display: flex; align-items: center; font-size:24px; /* line-height:94px; */ color: #fff; font-weight:400; padding-left:32px;}
.box-my-donga .text-my-name > .normal {margin-right:5px; font-weight:400;}

.box-btn-my {margin:0 0 0 16px; display: flex; align-items: center;}
.btn-my {margin-left:8px;}
.btn-my button {display:block; min-width:120px; height:40px; line-height:38px; padding:0 16px; box-sizing: border-box; color: #36364b; font-size:14px; font-weight:400; background: #fff; border-radius: 28px; border: solid 1px #f1f1f1;}
.btn-my:hover button {border: solid 1px #999aa9; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);}
.btn-my:active button {border: solid 1px #36364b; background: #36364b; color: #fff;}
.btn-my.my-mod button {min-width:127px;}
.btn-my.my-mod button::before {display:inline-block; content: ''; width:16px; height:16px; background: url(/https/www.bookdonga.com/images/pc/icon_my_mod.png) no-repeat left top; margin-top:-2px; margin-right:8px; vertical-align: middle;}
.btn-my.my-mod:active button::before {background: url(/https/www.bookdonga.com/images/pc/icon_my_mod_on.png) no-repeat left top;}
.btn-my.btn-my-type1 button {min-width: 120px; background: #0091ff; color: #fff;}

.text-login-guide {display:flex; align-items: center; font-size:14px; color: #fff; margin-left:100px;}


/* my : main */
.box-my-main {width:100%; display:flex; flex-wrap: wrap; justify-content: space-between;}
.box-my-main > div[class^='box-my-'] {position: relative; text-align:left; padding:32px; margin-bottom:16px; border-radius: 4px; background: #fff; border:1px solid #fff; box-shadow: 2px 2px 10px 0 rgba(212, 213, 226, 0.5); box-sizing: border-box;}
.box-my-main > div[class^='box-my-']:hover {border:1px solid #0091ff; border-radius: 5px;}

div[class^='box-my-'].my-link {padding:0px; border:none; }
div[class^='box-my-'].my-link:hover {border:none;}
div[class^='box-my-'].my-link a,
div[class^='box-my-'].my-link button {display:block; width:100%; height:100%; padding:32px; border:1px solid #fff; border-radius: 4px; box-sizing: border-box; text-align: left;}
div[class^='box-my-'].my-link button {display:flex; flex-direction: column; flex-wrap: wrap;}
div[class^='box-my-'].my-link a:hover,
div[class^='box-my-'].my-link button:hover {border:1px solid #0091ff; border-radius: 5px; box-sizing: border-box;}
div[class^='box-my-'].my-link:active a h3,
div[class^='box-my-'].my-link:active button h3 {text-decoration: underline;}


div[class^='box-my-'].my-link:hover .my-num {display:inline-block;}
div[class^='box-my-'].my-link:active a:hover .my-num,
div[class^='box-my-'].my-link:active button:hover .my-num { background: #36364b; border:1px solid #36364b;}
div[class^='box-my-'] h3 {font-size:24px; line-height:36px; margin-bottom:16px; color:#36364b; font-weight:500;}
div[class^='box-my-'] h3 > .my-num {display:none; margin:6px 0 0 4px; padding:1px 14px 3px 14px; font-size:16px; line-height:20px; font-weight:500; color:#fff; background: #0091ff; border:1px solid #0091ff; border-radius: 14px; vertical-align: top;}


.box-my-textbook {flex:none; width:792px; height:493px;}
.box-my-reference {flex:none; width:394px; height:493px;}
.box-my-ebsclass {flex:none; width:328px; height:383px; margin-right:16px; background: #fff url(/https/www.bookdonga.com/images/pc/img_ebs_class.png) no-repeat right -32px bottom -32px !important;}
.box-my-video {flex:none; width:856px; height:383px; }
.box-my-order {flex:1; margin: 0 16px 0 0 !important;}
.box-my-shopping {flex:1; margin: 0 16px 0 0 !important;}
.box-my-inquiry {flex:1;  margin: 0 0 0 0 !important;}
.text-my-type1 {font-size:18px; line-height:28px; color:#36364b;}
.text-my-type2 {font-size:16px; line-height:26px; color:#36364b; font-weight:400; letter-spacing: -0.5px; margin-bottom:16px;}
.text-my-type3 {font-size:20px; line-height:30px; color:#36364b; font-weight:500; letter-spacing: -0.5px;}
.text-my-type4 {font-size:12px; line-height:18px; color:#fff;}

/*  my-nodata : 컨텐츠 없을 때 */
.box-my-textbook.my-nodata {background: #fff url(/https/www.bookdonga.com/images/pc/img_textbook_nodata.png) no-repeat right 40px bottom 40px !important;}
.box-my-reference.my-nodata {background: #fff url(/https/www.bookdonga.com/images/pc/img_reference_nodata.png) no-repeat right 40px bottom 40px !important;}
.box-my-video.my-nodata {background: #fff url(/https/www.bookdonga.com/images/pc/img_video_nodata.png) no-repeat right 40px bottom 40px !important;}

/* my - btn */
.btn-my-type1 {display:inline-block;}
.btn-my-type1 button {display:block; min-width:98px; height:40px; line-height:38px; padding:0 24px; box-sizing: border-box; color: #36364b; font-size:14px; font-weight:400; background: #fff; border-radius: 28px; border: solid 1px #f1f1f1;}
.btn-my-type1:hover button {border: solid 1px #999aa9; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);}
.btn-my-type1:active button {border: solid 1px #36364b; background: #36364b; color: #fff;}

.btn-my-type2 {display:inline-block;}
.btn-my-type2 button {display:block; min-width:120px; height:40px; line-height:38px; padding:0 22px; box-sizing: border-box; color: #36364b; font-size:16px; font-weight:400; background: #fff; border-radius: 4px; border: solid 1px #999aa9;}
.btn-my-type2:hover button {border: solid 1px #999aa9; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);}
.btn-my-type2:active button {border: solid 1px #36364b; background: #36364b; color: #fff;}

.btn-point1 button {background: #0091ff; border:1px solid #0091ff !important; box-sizing:border-box; color: #fff;}

/* MY 공통 */
.box-my-top {position:absolute;right:0;top:95px;}
/* .box-my-top .btn-my1 button {width:120px; height:40px; line-height:38px; font-size:14px;} */

/* MY 교재 */
.my-textbook-list {width:100%; display:flex;}
.my-textbook-item {flex:none; width:240px; height:377px; position: relative; z-index:1;}
.my-textbook-item a {display:block; width:100%; height:100%; padding-top:32px; box-sizing: border-box;}
.my-textbook-item::after {display: block; content: ""; width: 100%; height: 100%; opacity: 0; position: absolute; left:0px; top:0px; z-index:-1; background: linear-gradient(180deg, #aab6d0, #717fa3); border-radius: 4px; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -ms-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s;}
.my-textbook-item:hover::after {opacity: 1; background: linear-gradient(180deg, #aab6d0, #717fa3); border-radius: 4px;}
.my-textbook-item:hover .book-img img {box-shadow: 7px 15px 20px 0 #656b8d;}
.my-textbook-item:hover .book-img .title,
.my-textbook-item:active .book-img .title,
.my-textbook-item:focus .book-img .title {color: #fff;}
.my-textbook-item:hover .book-btn {display:block;}

.my-textbook-item .book-img {width: 179px; margin: 0 auto; text-align:center;}
.my-textbook-item .book-img img{width: 179px; height:251px; box-shadow: 7px 15px 20px 0 #e6e8f2; border: solid 1px #e1e1e1; box-sizing: border-box; webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.my-textbook-item .book-img .title {display:block; margin:16px auto 0px; text-align:center; font-size:18px; color: #36364B; /* font-weight:400;  */opacity: 1; width: 90%; max-height:54px;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 26px; word-break: keep-all;}

/* MY 자료 */
.my-reference-list {width:100%;}
.my-reference-list li {width:100%; margin-bottom:17px;}
.my-reference-list li a {display:block; width:100%; font-size:18px; line-height:30px; color: #36364b; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.my-reference-list li a::before {display:inline-block; content: ''; width:8px; height:8px; border-radius: 100%; background: #999aa9; vertical-align: middle; margin-top:-3px; margin-right:8px;}
.my-reference-list li:hover a {font-weight:500; text-decoration: underline;}
.my-reference-list li:hover a::before {background: #36364b;}

/* ebs 클래스 */
.box-my-ebsclass.my-link a,
.box-my-ebsclass.my-link button {border:none !important; border-radius: 5px !important; background: #fff url(/https/www.bookdonga.com/images/pc/img_ebs_class.png) no-repeat right -32px bottom -32px;}
.box-my-ebsclass.my-link a:hover,
.box-my-ebsclass.my-link button:hover {padding:31px; border:1px solid #999aa9 !important; background: #fff url(/https/www.bookdonga.com/images/pc/img_ebs_class.png) no-repeat right -33px bottom -33px;}
.my-ebsclass-btn .btn-my-type1 {display:block; margin-bottom:8px;}

/* MY 동영상 */
.my-video-list {display:flex; justify-content: space-between;}
.my-video-list .videolist-item {position: relative; flex:none; width:384px; height:216px;}
.my-video-list .videolist-item .video > img {transform:none; transition:none; width:384px; height:216px;}
.my-video-list .videolist-item > button:hover .video > img, 
.my-video-list .videolist-item > a:hover .video > img {transform:none;}
.my-video-list .videolist-item .subject {width:100%; margin-top:16px; font-size:18px; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.my-video-list .videolist-item .btn-video-preview {bottom: 24px;}
.my-video-list .videolist-item > a:hover .btn-video-preview {border:1px solid #999aa9;}

/* MY 동영상 - 학습완료 */
.icon-video-complete {display:inline-block; font-size:0px; line-height:0px; text-indent: -9999px; width:16px; height:16px; background: url(/https/www.bookdonga.com/images/pc/icon_exclamation_off.png) no-repeat left top; z-index: 1; vertical-align: top; padding:0px; margin:4px 0 0 4px !important; background-size:16px auto;}
/* .btn-video-complete {display:inline-block;}
.btn-video-complete button {display:block; font-size:0px; line-height:0px; text-indent: -9999px; width:16px; height:16px; background: url(/https/www.bookdonga.com/images/pc/icon_exclamation_off.png) no-repeat left top; z-index: 1; vertical-align: top !important; padding:0px !important; margin:4px 0 0 0px !important;} */

/* 최근 본 영상 */
.header-my-video {margin: 48px 0 20px 0; padding:0px;}
.header-my-video .box-header-top {top:16px;}

.recent-video-slide {margin:0px;}
.recent-video-slide .videolist-item {position: relative; margin-right:24px; width:384px;}
.recent-video-slide .subject {display:block; width:95%; margin-top:16px; font-size:18px; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.recent-video-slide .videolist-item > button:hover .video > img, 
.recent-video-slide .videolist-item > a:hover .video > img {transform: none; transition: none; width: 384px; height: 216px;}

.recent-video-slide .videolist-item:hover .btn-video-close {display:block;}
.recent-video-slide .btn-video-close {display:none; position: absolute; right: 0px; top: 0px;}
.recent-video-slide .btn-video-close button,
.recent-video-slide .btn-video-close a {display:block; width:16px; height:16px; background: url(/https/www.bookdonga.com/images/pc/icon_alarm_close.png) no-repeat center top; background-size: 16px; font-size:0px; line-height:0px; text-indent: -9999px;}

/* 최근 본 영상 - 시리즈슬라이드 - prev/next */    
.recent-video-slide > .slick-arrow{position: absolute; top:88px; width:48px; height:48px; border-radius: 100%; font-size:0px; line-height:0px; text-indent: -9999; background-size: 14px auto !important;}
.recent-video-slide > .slick-prev.slick-arrow{left: -80px; box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.1); background: #fff url(/https/www.bookdonga.com/images/pc/icon_bookslide_prev.png) no-repeat 15px 50%;}
.recent-video-slide > .slick-prev.slick-arrow:active {box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.3); background: #33344a url(/https/www.bookdonga.com/images/pc/icon_bookslide_prev_on.png) no-repeat 15px 50%;}
.recent-video-slide > .slick-next.slick-arrow{right: -80px; box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.1); background: #fff url(/https/www.bookdonga.com/images/pc/icon_bookslide_next.png) no-repeat 20px 50%;}
.recent-video-slide > .slick-next.slick-arrow:active {box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.3); background: #33344a url(/https/www.bookdonga.com/images/pc/icon_bookslide_next_on.png) no-repeat 20px 50%;}
.recent-video-slide .slick-prev.slick-disabled {opacity: 0; cursor: inherit;}
.recent-video-slide .slick-next.slick-disabled {opacity: 0; cursor: inherit;}

/* 주문/결제 내역 + 장바구니 + 1:1 문의 */
div[class^='box-my-order'].my-link a,
div[class^='box-my-shopping'].my-link a,
div[class^='box-my-inquiry'].my-link a,
div[class^='box-my-order'].my-link button,
div[class^='box-my-shopping'].my-link button,
div[class^='box-my-inquiry'].my-link button {padding:0 32px; height:120px;}
div[class^='box-my-order'] h3,
div[class^='box-my-shopping'] h3,
div[class^='box-my-inquiry'] h3 {margin-bottom:0px; line-height:118px;}

div[class^='box-my-order'] h3::before,
div[class^='box-my-shopping'] h3::before,
div[class^='box-my-inquiry'] h3::before  {display:inline-block; content: ''; width:40px; height:40px; vertical-align: middle; margin-top:-3px; margin-right:10px;}

div[class^='box-my-order'] h3::before {background: url(/https/www.bookdonga.com/images/pc/icon_my_order.png) no-repeat center top;  background-size: 36px auto;}
div[class^='box-my-shopping'] h3::before {background: url(/https/www.bookdonga.com/images/pc/icon_my_shopping.png) no-repeat center top;  background-size: 36px auto;}
div[class^='box-my-inquiry'] h3::before {background: url(/https/www.bookdonga.com/images/pc/icon_my_inquiry.png) no-repeat center top;  background-size: 40px auto;}

div[class^='box-my-order'] h3 .my-num,
div[class^='box-my-shopping'] h3 .my-num,
div[class^='box-my-inquiry'] h3 .my-num {margin: 47px 0 0 10px;}


/* my교재 */
.box-switch-myset {display:block;position:absolute;right:0;top:105px;}

/* my교재 - 공부끝 */
.box-studyend {width:100%; height:560px; padding-top:80px; background: #f4f1ed; box-sizing: border-box;}
.box-studyend .studyend-inner {width:1200px; height:100%; margin: 0 auto; background: url(/https/www.bookdonga.com/images/pc/img_studyend_bg.png) no-repeat center bottom -1px;}
.studyend-inner {display:flex;}
.studyend-title {flex:none; width:490px;}
.studyend-title .title-type1 {display:inline-block;margin:0 10px 10px 0;font-size:28px;font-weight:500;line-height:1.4;}
.studyend-title .text-type1 {display:block;position:relative;top:2px;font-size:18px;text-align:left;line-height:1.5;flex-shrink:0;vertical-align:text-bottom;}

.studyend-list {display: flex; flex-direction: column-reverse; flex-wrap: nowrap;}
.studyend-list dl {display:flex; position: relative; margin-left:20px; /* width:400px; */ width:100%; height:48px;}
.studyend-list dt {flex:none; width:157px; height:48px; padding-left:18px; line-height:46px; font-size:14px; font-weight:500; color: #fff; box-sizing: border-box;}
.studyend-list dd {display:flex; width:100%; height:48px; line-height:46px; padding: 0 18px; box-sizing: border-box; }
.studyend-list dd .subject {width:255px; font-size:16px; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.studyend-list dd .btn-studyend-close button {display:block; font-size:0px; line-height:0px; text-indent: -9999; width:50px; height:50px; background: url(/https/www.bookdonga.com/images/pc/icon_studyend_close.png) no-repeat center top;}

.studyend-list dl:nth-of-type(2n) {margin-left:0px;}
.studyend-list dl:nth-of-type(9) {margin-left:40px;}

/* bg */
.studyend-list dl:nth-of-type(1),
.studyend-list dl:nth-of-type(5),
.studyend-list dl:nth-of-type(9) {background: url(/https/www.bookdonga.com/images/pc/img_studylist_bg1.png) no-repeat left top;}
.studyend-list dl:nth-of-type(2),
.studyend-list dl:nth-of-type(6),
.studyend-list dl:nth-of-type(10) {background: url(/https/www.bookdonga.com/images/pc/img_studylist_bg2.png) no-repeat left top;}
.studyend-list dl:nth-of-type(3),
.studyend-list dl:nth-of-type(7) {background: url(/https/www.bookdonga.com/images/pc/img_studylist_bg3.png) no-repeat left top;}
.studyend-list dl:nth-of-type(4),
.studyend-list dl:nth-of-type(8) {background: url(/https/www.bookdonga.com/images/pc/img_studylist_bg4.png) no-repeat left top;}

.studyend-list dl.on,
.studyend-list dl:hover {/* background: #f53b58; */ background: url(/https/www.bookdonga.com/images/pc/img_studylist_bg_on.png) no-repeat left top;}
.studyend-list dl.on .btn-studyend-close button,
.studyend-list dl:hover .btn-studyend-close button{background: url(/https/www.bookdonga.com/images/pc/icon_studyend_close_on.png) no-repeat center top;}

.box-studyend-btn {display:flex; justify-content: center; align-items: center; width:100%; height:200px; background: #837e7a;}
.box-studyend-btn .btn-type1 a,
.box-studyend-btn .btn-type1 button {width:384px; border:1px solid #fff; color: #fff;}

/* my - nodata(데이터없을 때) */
.box-my-nodata {display: flex; align-items: center; width:100%; height:304px; border:1px solid #e1e1e1;}
.box-my-nodata .text-my-type3 {padding-left: 265px;}
.nodata-textbook {background: #fff url(/https/www.bookdonga.com/images/pc/img_textbook_nodata.png) no-repeat right 265px top 63px;}
.nodata-reference {background: #fff url(/https/www.bookdonga.com/images/pc/img_textbook_nodata.png) no-repeat right 265px top 63px;}
.nodata-service {background: #fff url(/https/www.bookdonga.com/images/pc/img_service_nodata.png) no-repeat right 74px top 84px;}
.nodata-video {background: #fff url(/https/www.bookdonga.com/images/pc/img_video_nodata.png) no-repeat right 238px top 62px;}
.nodata-reference .text-my-type3 {padding-left: 241px;}

.nodata-video {flex-direction: column; align-items:flex-start; justify-content: center;}
.nodata-video > .text-my-type3 {padding-left:238px; margin-bottom:16px;}
.nodata-video > .box-btn-my {flex:none; padding-left:230px; margin:0px;}

/* my main - 서비스 알림 슬라이드 */
.box-my-service {position: relative; background: url(/https/www.bookdonga.com/images/pc/img_my_service.png) no-repeat center top; background-size: cover; background-attachment: fixed; z-index:0;}
.box-my-service::before {position: absolute; left:0px; top:0px; content: ''; display:inline-block; width:100%; height:100%; background: #36364b; opacity: 0.5; z-index:-1;}
.my-service-inner {margin: 0 auto; width:1200px; height:100%; padding: 80px 0; text-align: center; box-sizing: border-box;}

.box-my-service h3.title {font-size:28px; font-weight:500; color: #fff; margin-bottom:8px;}
.my-service-inner > .text-my-type4::before {content: ''; display:inline-block; width:2px; height:2px; margin-top:-2px; margin-right:6px; vertical-align: middle; background: #fff;}

.box-my-alarm {display: flex; width:1144px; margin:30px auto;}
.box-my-alarm .slick-list {padding: 20px 16px;}
.box-my-alarm .alarm-item {width:360px; height:316px; margin-right:16px; background: #fff; border-radius: 16px; border:2px solid #fff; /* box-shadow: -2px 5px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: -2px 5px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: -2px 5px 10px rgba(0, 0, 0, 0.1); */}
.box-my-alarm .alarm-item:hover {border:2px solid #0091ff; border-radius: 16px;}

.box-alarm {position: relative; display:flex; flex-direction: column; flex-wrap: nowrap; width:100%; height:100%; padding:32px; font-size:16px; box-sizing: border-box;}
.box-alarm::before {content: ''; display:block; margin: 2px auto 15px; width:64px; height:64px; vertical-align: top; background-position: center top !important;}
.alarm-textbook::before {background: url(/https/www.bookdonga.com/images/pc/icon_alarm_textbook.png) no-repeat;}
.alarm-video::before {background: url(/https/www.bookdonga.com/images/pc/icon_alarm_video.png) no-repeat;}
.alarm-reference::before {background: url(/https/www.bookdonga.com/images/pc/icon_alarm_reference.png) no-repeat;}
.alarm-shopping::before {background: url(/https/www.bookdonga.com/images/pc/icon_alarm_shopping.png) no-repeat;}
.alarm-listen::before {background: url(/https/www.bookdonga.com/images/pc/icon_alarm_listen.png) no-repeat;}
.alarm-inquiry::before {background: url(/https/www.bookdonga.com/images/pc/icon_alarm_inquiry.png) no-repeat;}

.box-alarm .date {font-size:14px; color: #0091ff; font-weight:400; margin-bottom:8px; font-family: 'Roboto';}
.box-alarm .title {font-weight:500; color: #36364b; margin-bottom:4px;}
.box-alarm .text {color: #575e6f;}
.box-alarm .box-btn {position: absolute; left:0px; bottom:32px; display: flex; justify-content: center; width:100%; padding:0 24px; box-sizing: border-box;}
.btn-alarm {flex:1; margin: 0 4px; }
/* .btn-alarm a, */
.btn-alarm button {display: inline-block; width:100%; height:40px; line-height:38px; border-radius: 28px; font-size:14px; font-weight:400; color: #36364b; text-align: center; border:1px solid #f1f1f1;}
/* .btn-alarm:hover a, */
.btn-alarm:hover button {border:1px solid #999aa9; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);}
.btn-alarm:active button {background: #36364b; color: #fff; border-radius: 28px;}
/* .btn-alarm:active a {background: #36364b; color: #fff; border-radius: 28px;} */
.alarm-item:hover .btn-alarm-close {display: block;}
.btn-alarm-close {display:none; position: absolute; right:18px; top:18px;}
.btn-alarm-close button {display:block; width:20px; height:20px; font-size:0px; line-height:0px; text-indent: -9999; background:url(/https/www.bookdonga.com/images/pc/icon_alarm_close.png) no-repeat center top;}

.alarm-slide .slick-dots {position: absolute; left:50%; transform: translateX(-50%); bottom:-25px;}
.alarm-slide .slick-dots li {display:none; font-size:16px; color: #fff; font-weight:400; font-family: 'Roboto';}
.alarm-slide .slick-dots li.slick-active {display:block;}

/* 서비스 알림 슬라이드 - prev/next */    
.alarm-slide > .slick-arrow{position: absolute; top:50%; transform: translateY(-50%); width:48px; height:48px; border-radius: 100%; font-size:0px; line-height:0px; text-indent: -9999; background-size: 14px auto !important;}
.alarm-slide > .slick-prev.slick-arrow{left: -88px; box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.1); background: #fff url(/https/www.bookdonga.com/images/pc/icon_bookslide_prev.png) no-repeat 15px  50%;}
.alarm-slide > .slick-prev.slick-arrow:active {box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.3); background: #33344a url(/https/www.bookdonga.com/images/pc/icon_bookslide_prev_on.png) no-repeat 15px  50%;}
.alarm-slide > .slick-next.slick-arrow{right: -88px; box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.1); background: #fff url(/https/www.bookdonga.com/images/pc/icon_bookslide_next.png) no-repeat 20px 50%;}
.alarm-slide > .slick-next.slick-arrow:active {box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.3); background: #33344a url(/https/www.bookdonga.com/images/pc/icon_bookslide_next_on.png) no-repeat 20px 50%;}
.alarm-slide .slick-prev.slick-disabled {opacity: 0; cursor: inherit;}
.alarm-slide .slick-next.slick-disabled {opacity: 0; cursor: inherit;}

/* 서비스알림 : nodata */
.box-my-service .box-my-nodata {width:800px; height:316px; border-radius: 16px; margin: 32px auto 30px; box-shadow: 0 10px 20px 0 rgba(54, 54, 75, 0.1);}
.box-my-service .box-my-nodata .text-my-type3 {padding-left:75px;}

/* 공부끝 - 전체보기 */
.box-studyend-all {width:100%; height:560px; padding-top:80px; background: #f5f7fd; box-sizing: border-box;}
.box-studyend-all .studyend-all-inner {position: relative;width:1200px; height:100%; margin: 0 auto;}
.box-studyend-all .studyend-all-inner .btn-my-dele {position: absolute !important; right: 28px !important; top: 16px !important;}
.box-studyend-all .studyend-title {width:100%; position: relative;}
.box-studyend-all .studyend-title .box-header-top {/* top:10px; */top:5px; right:32px;}

.studyend-list-all {display:inline-flex; justify-content: center; align-content: end; flex-wrap: wrap; flex-direction: row;  margin-top:30px; width:100%; height:400px; padding: 0 28px; overflow-y: auto;}
.studyend-list-all::-webkit-scrollbar {width: 6px; overflow:hidden; position: absolute; right:0px; top:0;}
.studyend-list-all::-webkit-scrollbar-track {box-shadow: none; background: #e6eaf2;}
.studyend-list-all::-webkit-scrollbar-thumb {background-color: #36364b; outline: none;}

.studyend-list-all dl {display:flex; position: relative; margin:0 8px 24px 8px; width:auto; height:56px; background: #fff; border-radius: 28px; border: 1px solid #fff;}
.studyend-list-all dt {flex:none; width:120px; height:56px; padding-left:24px; line-height:54px; font-size:14px; font-weight:500; color: #0091ff; box-sizing: border-box;}
.studyend-list-all dd {display:flex; width:100%; height:56px; line-height:54px; /* padding-right: 18px; */ box-sizing: border-box; }
.studyend-list-all dd .subject {width:auto; font-size:16px; font-weight:400; /* overflow:hidden; text-overflow:ellipsis; white-space:nowrap; */}
.studyend-list-all dd .btn-studyend-close button {display:block; font-size:0px; line-height:0px; text-indent: -9999; width:50px; height:50px; background: url(/https/www.bookdonga.com/images/pc/icon_studyend_close.png) no-repeat center top; margin-top:3px;}
.studyend-list-all dd .btn-studyend-close.on button {background: url(/https/www.bookdonga.com/images/pc/icon_studyend_close_on.png) no-repeat center top;}

.studyend-list-all dl:hover {border:1px solid #999aa9; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);}
.studyend-list-all dl:hover .btn-studyend-close button {background: url(/https/www.bookdonga.com/images/pc/icon_studyend_close_on.png) no-repeat center top;}

.box-studyend-btn-all {display:flex; justify-content: center; align-items: center; width:100%; height:200px; background: #f5f7fd;}
.box-studyend-btn-all .btn-type1 a,
.box-studyend-btn-all .btn-type1 button {width:384px;}



/* my 자료 - 아코디언 */
.box-myreference {margin-bottom:65px;}
.myreference-list {width: 100%; border-top:1px solid #999aa9;}
.myreference-list ul {list-style: none;}
.myreference-list li {box-sizing: border-box;}
.myreference-list li div {cursor: pointer; box-sizing: border-box; display:block; width:100%;}
.myreference-list .form-checkbox {width:26px; height:26px; margin: 3px 16px 0 0 !important;}
/* .myreference-list .form-checkbox::before {border-radius: 4px; width:24px; height:24px; background: #fff url(/https/www.bookdonga.com/images/pc/icon_check_data.png) no-repeat center 50%; background-size: 16px;  border:1px solid #e1e1e1; box-sizing: border-box;} */ /* 1210 */

/* 1dep */
.myreference-list > ul > li {width:100%; border-bottom:1px solid #999aa9;}
.myreference-list > ul > li > .box-dep1 {padding:26px 16px; display:flex; margin:-1px 0 0 0;font-size:18px;line-height:28px;color:#36364b;font-weight:500;cursor:pointer; background:url(/https/www.bookdonga.com/images/pc/icon_myreference_down.png) no-repeat;background-position:right 16px top 24px; z-index: 2;}
.myreference-list > ul > li.active > .box-dep1 {background:url(/https/www.bookdonga.com/images/pc/icon_myreference_up.png) no-repeat;background-position:right 16px top 24px;}
.myreference-list > ul > li.active > .box-dep1 .form-checkbox.checked::before {border-color:#36364b;background:#36364b url(/https/www.bookdonga.com/images/pc/form_checkbox.png) no-repeat 50%;}
.myreference-list > ul > li > .box-dep1 > .year {flex:none; width:53px; display:flex; justify-content: space-between; margin-right:10px;}
.myreference-list > ul > li > .box-dep1 > .year::after {content: ''; vertical-align: top; margin: 7px 0 0 0; width:2px; height:16px; background: #575e6f;}
.myreference-list > ul > li > .box-dep1 > .subject {flex:1; margin-right:75px;}

.myreference-list .type::before {content: ''; margin-right:8px; width:32px; height:32px; vertical-align: top;}
/* .icon-errata::before {background: url(/https/www.bookdonga.com/images/pc/icon_view_errata.png) no-repeat center top;} 
.icon-answer::before {background: url(/https/www.bookdonga.com/images/pc/icon_view_answer.png) no-repeat center top;}
.icon-assess::before {background: url(/https/www.bookdonga.com/images/pc/icon_view_assess.png) no-repeat center top;}
.icon-supple::before {background: url(/https/www.bookdonga.com/images/pc/icon_view_supple.png) no-repeat center top;}
.icon-listen::before {background: url(/https/www.bookdonga.com/images/pc/icon_view_listen.png) no-repeat center top;}
.icon-point::before {background: url(/https/www.bookdonga.com/images/pc/icon_view_point.png) no-repeat center top;} */

/* 2dep */
.myreference-list ul ul {display: none;}
.myreference-list > ul > li > ul > li > .box-dep2 {/* display: flex; */ padding: 12px 16px 12px 56px; font-size:16px; color: #575e6f; border-top:1px solid #e1e1e1; cursor: auto; box-sizing:border-box; }
.myreference-list > ul > li > ul > li.accordion-title > .box-dep2 {cursor: pointer; background:url(/https/www.bookdonga.com/images/pc/icon_myreference_down.png) no-repeat;background-position:right 16px top 22px;background-size: 20px;}
.myreference-list > ul > li > ul > li.accordion-title.active > .box-dep2 {background:url(/https/www.bookdonga.com/images/pc/icon_myreference_up.png) no-repeat;background-position:right 16px top 22px;background-size: 20px;}

.myreference-list .box-dep2 > .form-checkbox {margin: 8px 16px 0 0 !important;}
.myreference-list .box-dep2 > span {font-weight:500;}
.myreference-list .box-dep2 > .year,
.myreference-list .box-dep2 > .grade,
.myreference-list .box-dep2 > .subject,
.myreference-list .box-dep2 > .filetype {display: inline-block; padding: 8px 0; vertical-align: top; text-align: left;}

.myreference-list .box-dep2 > .year {width: 71px;}
.myreference-list .box-dep2 > .grade {width: 58px;}
.myreference-list .box-dep2 > .subject {width: 110px;}
.myreference-list .box-dep2 > .filetype {width: 115px;}
.myreference-list .box-dep2 > .title {width:450px; display: inline-block; color: #575e6f; font-weight:400; vertical-align: top; box-sizing: border-box; padding: 8px 0;}
.myreference-list .box-dep2 > .btn-data {display: flex; justify-content: flex-end; float:right; text-align: right; width: 244px; min-height:40px;}
.myreference-list .box-dep2 > .btn-data > span {margin-left:4px;}
.myreference-list .box-dep2 > .btn-data > span:first-of-type {margin-left:0px;}

/* 3dep */
.myreference-list > ul > li > ul > li > ul > li > .box-dep3 {display:flex; cursor: auto; padding:12px 16px 12px 95px; font-size:16px; border-top:1px solid #e1e1e1; background: #f5f6f9;}
.box-dep3 > .sub-title {flex:none; width:355px; padding: 8px 30px 8px 0; color:#36364b; font-weight:500; line-height: 24px; box-sizing: border-box;}
.box-dep3 > .sub-text {flex:1; display:block !important;box-sizing: border-box;}
.box-dep3 > .sub-text > li {display:flex; margin-bottom:16px;}
.box-dep3 > .sub-text > li:last-of-type {margin-bottom:0px;}
.box-dep3 > .sub-text > li .text {flex:1; padding: 8px 0;}
.box-dep3 > .sub-text > li .btn-data {flex:none; display:flex; justify-content: flex-end; width: 244px; text-align: right; min-height:40px; margin-left:25px;}
.box-dep3 > .sub-text > li .btn-data > span {margin-left:4px;}
.box-dep3 > .sub-text > li .btn-data > span:first-of-type {margin-left:0px;}
.myreference-list .btn-data span {border: 1px solid #e1e1e1;}
.myreference-list .btn-data span:hover {border:1px solid #999aa9;}

/* my - ebs클래스 - 정기구독, 단품 아코디언 */
.box-ebs-list {margin: 6px 0 30px 0;}
.box-my-ebs {margin-bottom:65px;}

.myebs-list {width: 100%;}
.myebs-list ul {list-style: none;}
.myebs-list li {box-sizing: border-box;}
.myebs-list li div {cursor: pointer; box-sizing: border-box; display:block; width:100%;}
.myebs-list .form-checkbox {width:26px; height:26px; margin: 6px 8px 6px 0px !important;}
/* .myebs-list .form-checkbox::before {border-radius: 4px; width:24px; height:24px; background: #fff url(/https/www.bookdonga.com/images/pc/icon_check_data.png) no-repeat center 50%; background-size: 16px;  border:1px solid #e1e1e1; box-sizing: border-box;} */ /* 1210 */

/* 1dep */
.myebs-list > ul > li {position: relative; width:100%; margin-bottom: 16px;}
.myebs-list > ul > li > .box-dep1 {border:1px solid #999aa9; padding:20px 16px; display:flex; margin:-1px 0 0 0;font-size:18px;line-height:24px;color:#36364b;font-weight:500;cursor:pointer; background:url(/https/www.bookdonga.com/images/pc/icon_myreference_down.png) no-repeat;background-position:right 16px top 24px; z-index: 2;}
.myebs-list > ul > li > .box-dep1 .form-checkbox.checked::before {border-color:#36364b;background:#36364b url(/https/www.bookdonga.com/images/pc/form_checkbox.png) no-repeat 50%;}
.myebs-list > ul > li:hover > .box-dep1 {background: #f6fbff url(/https/www.bookdonga.com/images/pc/icon_myreference_down.png) no-repeat; background-position:right 16px top 24px;}
.myebs-list > ul > li.active:hover > .box-dep1,
.myebs-list > ul > li.active > .box-dep1 {background:url(/https/www.bookdonga.com/images/pc/icon_myreference_up.png) no-repeat;background-position:right 16px top 24px;}
.myebs-list > ul > li.accordion-title.disabled > .box-dep1  {color: #999aa9; border:1px solid #999aa9; background:#f5f6f9 url(/https/www.bookdonga.com/images/pc/icon_disabled_down.png) no-repeat; background-position:right 16px top 24px;}
.myebs-list > ul > li.accordion-title.disabled.active > .box-dep1 {background: #f5f6f9 url(/https/www.bookdonga.com/images/pc/icon_disabled_up.png) no-repeat;background-position:right 16px top 24px;}
.myebs-list > ul > li.accordion-title.disabled > .box-dep1 .subsc {color: #999aa9; border:1px solid #999aa9;}

.myebs-list > ul > li > .box-dep1 > span {padding: 6px 0;}
.myebs-list > ul > li > .box-dep1 > .subsc {flex:none; width:54px; height:24px; margin:6px 16px 6px 0; font-size:12px; line-height:21px; color: #0091ff; font-weight:500; text-align: center; border:1px solid #0c9cff; border-radius: 4px; background: #fff;padding:0px; box-sizing: border-box;}
.myebs-list > ul > li > .box-dep1 > .subject {/* flex:1;  */flex:none; width:725px; margin-right:75px; box-sizing: border-box;}
.myebs-list > ul > li.single-list > .box-dep1 > .subject {/* padding-right:250px; */}
.myebs-list > ul > li > .box-dep1 > .period {flex:none; display:flex; width:225px; text-align: left; margin-right:75px; font-size:16px; font-weight:400;}
.myebs-list > ul > li > .box-dep1 > .period span {display:flex; justify-content: space-between; width:72px; margin-right: 8px;}
.myebs-list > ul > li > .box-dep1 > .period span::after {content: ''; width:1px; height:14px; background: #999aa9; vertical-align: top; margin-top:6px;} 
.myebs-list > ul > li > .btn-data {position: absolute; top:20px; right:60px;}

/* 2dep */
.myebs-list ul ul {display: none;}
.myebs-list > ul > li > ul > li > .box-dep2 {display: flex; padding: 11px 16px 11px 87px; min-height:63px; font-size:16px; color: #36364b; border-bottom:1px solid #e1e1e1; cursor: auto; box-sizing:border-box; }
.myebs-list > ul > li > ul > li > .box-dep2 .form-checkbox {margin: 8px 8px 8px 0px !important;}
.myebs-list > ul > li > ul > li.accordion-title > .box-dep2 {cursor: pointer; background:url(/https/www.bookdonga.com/images/pc/icon_myreference_down.png) no-repeat;background-position:right 16px top 22px;background-size: 20px;}
.myebs-list > ul > li > ul > li.accordion-title > .box-dep2 .subject {flex: none; width: 800px; /* padding-right: 75px; */ box-sizing: border-box;}
.myebs-list > ul > li > ul > li.accordion-title.active > .box-dep2 {background:url(/https/www.bookdonga.com/images/pc/icon_myreference_up.png) no-repeat;background-position:right 16px top 22px;background-size: 20px;}
.myebs-list > ul > li > ul > li {position: relative;}
.myebs-list > ul > li > ul > li > .btn-data {position: absolute; right:60px; top:10px;}

.myebs-list > ul > li.single-list > ul > li > .box-dep2 {background: #f5f6f9;}

.myebs-list .box-dep2 > .form-checkbox {/* align-self: center; */}
.myebs-list .box-dep2 > span {padding:8px 0; line-height:24px; /* align-self: center; */}
.myebs-list .box-dep2 .subject {flex:1; padding-right:50px; font-weight:400; }
.myebs-list .box-dep2 .subject.disable {color: #999aa9;}
.myebs-list .box-dep2 .service  {flex:none; max-width: 240px; font-weight:400; color: #0091ff; letter-spacing: -0.5px; margin-right:60px;}
.myebs-list .box-dep2 .capacity {color: #575e6f;}
.myebs-list .box-dep2 .service-end {display:block; width:100%; color: #999aa9; font-size:16px; font-weight:400; text-align: center;}
.myebs-list .box-dep2 .service-end::before {content: ''; display:inline-block; width:16px; height:16px; margin-top:5px; margin-right:8px; vertical-align: top; background: url(/https/www.bookdonga.com/images/pc/icon_exclamation_off.png) no-repeat left top; background-size:16px auto;}
/* 3dep */
.myebs-list > ul > li > ul > li > ul > li > .box-dep3 {cursor: auto;}
.myebs-list .box-dep3 > ul {display:block !important;}
.myebs-list .box-dep3 > ul > li {display:flex; padding: 12px 16px 12px 87px; font-size:16px; border-bottom:1px solid #e1e1e1; background: #f5f6f9;}
.myebs-list > ul > li > ul > li > ul > li > .box-dep3 > ul > li > span {padding:8px 0;}
.myebs-list .box-dep3 .text {flex:1; /* align-self: center; */ padding-right:20px;}
.myebs-list .btn-data {flex:none; min-width: 120px; text-align: left; min-height:40px; margin-left:30px;}
.myebs-list .btn-data span {border:1px solid #e1e1e1;}
.myebs-list .btn-data:hover span {border:1px solid #999aa9;}


/* my - 최근 본 제품 */
.box-recent {margin-bottom:65px;}
.box-recent > .box-list-top {justify-content: space-between; padding: 0 16px 24px 16px;}
.box-recent .box-my-dele {position: initial; align-self: flex-end;}

.box-recent-list {border-bottom:1px solid #e1e1e1;}
.recent-item {display: flex; flex-direction: column; background: #fff; border-top:1px solid #e1e1e1; box-sizing: border-box;}
.recent-item .recent-days {position: relative; display: flex; padding:32px 24px; box-sizing: border-box; border-bottom:1px solid #e1e1e1;}
.recent-item .recent-days:last-of-type {border-bottom:none;}

.recent-days .book-check {flex:none; width:205px;}
.recent-days .book-check .form-checkbox {font-size:16px; /* line-height:24px; */ line-height:30px; color: #575e6f; font-weight:400; font-family: Roboto;}
.recent-days .book-check .form-checkbox::before {top:-2px; margin: 0 20px 0 0;}
.recent-days .switch-myset {position: absolute; right:24px; top:37px; font-size:14px;}

.recent-days .book-img {flex:none; width:179px; /* min-height: 314px;  */margin-right:32px;}
.recent-days .book-img a {display:block;}
.recent-days .book-img img {width:179px; height:auto; max-height:251px; /* height:100%; */ border: solid 1px #e1e1e1; box-sizing: border-box; }

.recent-days .book-data {display: flex; flex:1; flex-direction: column; justify-content: flex-start; flex-wrap: wrap; /* min-height:250px; */ box-sizing: border-box; position: relative;}
.recent-days .book-data > .title {margin-bottom:30px; /* font-size:24px; line-height:32px; */ font-size:18px; line-height:26px; width:580px; font-weight:500; color: #36364b;}
.recent-days .book-data > .title a {display:block;}


.recent-days .btn-data-down {display:flex; margin-top: auto; /* position: absolute; left:0px; bottom:0px; */ }
.recent-days .btn-down {flex:none; margin-right:8px;}
.recent-days .btn-down:last-of-type {margin-right:0px;}
.recent-days .btn-down button {display:flex; flex-direction: column; align-items: center; width:96px; height:96px; background: #fff; border: solid 1px #f1f1f1; border-radius: 4px; text-align: center; font-size:14px; line-height:20px; font-weight:400; color: #36364b; box-sizing: border-box;}
.recent-days .btn-down:hover button {border: solid 1px #999aa9;}
.recent-days .btn-down button::before {content: ''; display:block; width:32px; height:32px; margin:16px auto 10px; vertical-align: top;}

/* my이용정보 : 1:1문의내역 */
.box-inquiry > .box-list-top {justify-content: flex-end; margin-bottom:16px;}

/* my이용정보 : 1:1문의내역 상세 */

.inquiry-view {position:relative;margin-bottom:32px;border-top:1px solid #999aa9;border-bottom:1px solid #999aa9;}
.inquiry-view table {width:100%;}
.inquiry-view thead {background: #f5f6f9; color: #999aa9;}
.inquiry-view thead th {padding: 14px 0 14px 70px; font-size:14px; font-weight: 400; text-align: left;}
.inquiry-view thead th:first-of-type {padding: 14px 0; text-align: center;}

.inquiry-view tbody th {padding:19px 0; width:145px; text-align:center; font-size:16px;vertical-align:top; border-bottom:1px solid #e1e1e1; line-height:26px;}
.inquiry-view tbody td {padding:19px 0 19px 70px; text-align:left; font-size:16px; border-bottom:1px solid #e1e1e1; line-height:26px; word-break: break-all;}
.inquiry-view tbody tr:last-of-type th,
.inquiry-view tbody tr:last-of-type td {border-bottom:none;}
.inquiry-view .subject {font-weight:500;}
.inquiry-view .question {padding:60px 0 60px 70px;}
.inquiry-view .box-list-order {padding-top:0px; font-size:14px;}
.inquiry-view .box-list-order .detail-order:first-of-type {margin-top:0px;}
.inquiry-view .box-list-order .detail-order {display:block;margin-top:8px;padding:0 16px;height:40px;line-height:40px;background:#f5f6f9;border-radius:4px;}
.inquiry-view .box-list-order .detail-order a,
.inquiry-view .box-list-order .detail-order button {font-size:14px; color: #36364b; font-weight: 400;}
.inquiry-view .box-list-order .detail-order .btn-delete {display:inline-block;margin:-5px 0 0 10px;width:15px;height:15px;text-indent:-1000px;vertical-align:middle;overflow:hidden;background:url(/https/www.bookdonga.com/images/pc/icon_deleteorder.png) no-repeat 50%;}
.inquiry-view .box-list-order .essential {margin:0 2px;font-style:normal;color:#fd342a;}

    /* 답변알리미 */
.contain-inquiry-answer {margin-bottom:65px;background:#f5f6f9;}
.contain-inquiry-answer table {width:100%;}
.contain-inquiry-answer tbody th {padding:19px 0; width:120px; text-align:center; font-size:16px;vertical-align:top; border-bottom:1px solid #fff; line-height:26px;}
.contain-inquiry-answer tbody td {padding:19px 0 19px 70px; text-align:left; font-size:16px; border-bottom:1px solid #fff; line-height:26px;}
.contain-inquiry-answer tr:last-of-type th,
.contain-inquiry-answer tr:last-of-type td {border-bottom:none;}
.contain-inquiry-answer .state {font-weight:500; color:#0091ff; padding:25px 0;}
.contain-inquiry-answer .answer {padding:25px 25px 25px 70px;}

/* my - 주문/결제내역 */
.box-shopping-payment {margin-bottom: 65px;}
.box-my-payment {position:relative;height:auto;overflow:hidden; border-top:1px solid #999aa9;}
.box-my-payment table {width:100%;}
.box-my-payment th {padding:11px 0;font-size:16px;font-weight:400;text-align:center;background:#f5f6f9;/* border-bottom:1px solid #e1e1e1; */}
.box-my-payment th:first-child {border-left:1px solid #f5f6f9;}
.box-my-payment th:last-child {border-right:1px solid #f5f6f9;}
.box-my-payment tr:hover {background: #f6fbff;}
.box-my-payment td {padding:16px 0;text-align:center;border-bottom:1px solid #e1e1e1;}
.box-my-payment tr:last-of-type td {border-bottom:1px solid #999aa9;}
.box-my-payment td:first-child {border-left:1px solid #e1e1e1;}
.box-my-payment td:last-child {border-right:1px solid #e1e1e1;}
.box-my-payment td.checkbox {vertical-align:top;}

.box-shopping-payment.type2 > .box-my-payment {border-top:none; margin-bottom:40px;}
.box-shopping-payment.type2 .text {justify-content: center;}
.box-shopping-payment.type2 > .box-my-payment tr:last-of-type td {border-bottom:1px solid #e1e1e1;}

.box-my-payment .link-detail {display:flex;float:left;padding:0 32px;text-align:left;font-size:16px;font-weight:400;letter-spacing:-0.67px;}
.box-my-payment .image {flex:none; margin:0 24px 0 0;width:110px;vertical-align:top;}
.box-my-payment .image img {display:block;width:110px; height:154px; border:1px solid #e1e1e1;}
.box-my-payment .text {position: relative; display:flex;flex-direction:column;font-weight:400;}
.box-my-payment .data {margin:8px 0; font-size:14px; color:#0091ff; font-weight:400; font-family: Roboto;}
.box-my-payment .subject a {display:block; font-size:18px; line-height:26px; font-weight:500; width: 370px; max-height:55px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all;}
.box-my-payment .subject:hover a {text-decoration: underline;}
.box-my-payment .number {position: absolute; left:0px; bottom:16px; font-family: Roboto; color: #717FA3;}
.box-my-payment .number strong {font-size:16px; margin-right:8px; display:inline-block; font-weight:500; font-family:'Noto Sans KR'; color: #717FA3;}

 
.box-my-payment .box-price {font-size:14px;letter-spacing:-0.5px;}
.box-my-payment .box-price strong {font-size:22px; margin-right:2px;}
.box-my-payment .box-price del {display:block;font-size:14px;letter-spacing:-0.5px;color:#bfc1cd;}
.box-my-payment .box-state {font-size:16px;letter-spacing:-0.5px;}
.box-my-payment .box-state strong {font-size:18px; font-weight:500; color: #0091ff;}
.box-my-payment .box-state .date {display:block;font-size:14px; font-weight:400; color: #0091ff; font-family: 'Roboto', 'Noto Sans KR'; margin-top:8px;}
.box-my-payment .box-state .btn-my {margin: 0 auto;}
.box-my-payment .box-state .btn-my button {margin: 8px auto 0;}
.box-my-payment .box-btn {display:flex; justify-content: flex-end; padding: 0 32px;}
.box-my-payment .box-btn button {border:1px solid #e1e1e1; padding:0px;}
.box-my-payment .box-btn span:first-of-type {margin-left:0px;}
.box-my-payment .box-period {padding:0 24px; font-size:16px; font-weight:400; font-family: Roboto;}


/* my - 주문/결제내역 상세 */
.box-order-payment {display:flex; justify-content: space-between; margin-bottom:24px;padding:20px 24px;background: #f5f6f9;/* border:1px solid #999aa9; */}
.order-num {font-size:16px; display:flex; align-items: center;}
.order-num .data{font-size:24px; font-weight:500; font-family: Roboto; margin-right:16px;}
.order-num .num{font-weight:500; margin-right:10px;}
.order-num .num > span{font-weight:400; font-family: Roboto;}
.order-btn {display:flex;}
.order-btn span {margin-left:8px;}

.box-payment-infor {position:relative;height:auto;overflow:hidden;}
.box-payment-infor table {width:100%; margin:0 0 30px 0; padding:0; border-collapse: separate; border-spacing: 0;}
.box-payment-infor thead {background: #f5f6f9;}
.box-payment-infor thead th {font-weight:500; padding:12px 24px; border-bottom:1px solid #e1e1e1;}
.box-payment-infor thead th:last-of-type {border-bottom:1px solid #f5f6f9;}
.box-payment-infor th,
.box-payment-infor td {padding:20px 24px; font-size:16px; text-align: left; /* white-space : nowrap; text-overflow: ellipsis; */}
.box-payment-infor tr.state th, 
.box-payment-infor tr.state td {padding:12px 24px; vertical-align: middle;}

.box-payment-infor td.price {background: #f5f6f9; border-bottom:1px solid #f1f1f1;}
.box-payment-infor td.total-price {border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-top:1px solid #e1e1e1;}


.box-payment-infor tbody th {color: #575e6f; vertical-align: top; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1;}
.box-payment-infor tbody td {font-weight:400; border-bottom:1px solid #e1e1e1;}

.box-payment-infor .box-state {display:flex; justify-content: space-between; align-items: center;}
.box-payment-infor .box-state strong {color: #0091ff; font-size:18px;}
.box-payment-infor .box-state .btn-state {display: flex; justify-content: flex-end;}
.box-payment-infor .box-state .btn-state span {margin-left:8px; }
.box-payment-infor .box-state .btn-state button {border: 1px solid #e1e1e1; min-width:120px;}
.box-payment-infor .box-period strong {display:block; margin-bottom:16px;}
.box-payment-infor .box-price {background: #f5f6f9;}
.box-payment-infor td.price > div {display:flex; justify-content: space-between; color: #575e6f; font-size:16px;}
.box-payment-infor td.total-price > div {display:flex; justify-content: space-between; background: #fff;}
.box-payment-infor td.total-price .title {font-weight:500;}
.box-payment-infor td.total-price strong {color: #fd342a;}
.box-payment-infor .won {font-size: 14px; font-weight: 400;}
.box-payment-infor .won > strong {font-size:22px; color: #35354b; font-weight:500; font-family: Roboto; margin-right:2px;}

.box-payment-infor.type2 {overflow:hidden; border-bottom:1px solid #999aa9;}
.box-payment-infor.type2 thead {padding:12px 24px; position: relative;}
.box-payment-infor.type2 thead th {border-bottom:1px solid #e1e1e1;}
.box-payment-infor.type2 thead .box-btn-delivery {position: absolute; right:24px; top:5px;}
.box-payment-infor.type2 thead .btn-my-type1 button {height:36px; line-height: 34px; border:1px solid #e1e1e1;}
.box-payment-infor.type2 table:first-of-type {float:left; width:536px; margin-right:16px;}
.box-payment-infor.type2 table:nth-of-type(2) {float:right; width:648px;}
.box-payment-infor.type2 table + form {display:block;float:right; width:648px;}
.box-payment-infor.type2 table + form table:first-of-type {width:100%;}
.box-payment-infor.type2 td {border-right:1px solid #e1e1e1;}
.box-payment-infor.type2 tbody th,
.box-payment-infor.type2 tbody td {padding:12px 24px; font-size:16px; text-align: left; height:64px; vertical-align: middle;}
.box-payment-infor.type2 .box-address .btn-type1 {vertical-align: top;}
.box-payment-infor.type2 .box-address .btn-type1 button {font-size:16px;}

/* My 쇼핑 정보 - 적립금 내역(팝업) */
.text-reserve {font-size:16px; font-weight:500;}
.text-reserve > .won {display:inline-block; font-size:24px; color: #fd342a; font-family: 'Roboto', 'Noto Sans KR';}

/* My 쇼핑 정보 - 거래명세서 출럭(팝업) */
.box-deal-trans {border-top:1px solid #999aa9; border-bottom:1px solid #999aa9; margin-bottom:16px;}
.box-deal-trans table{width:100%;}
.box-deal-trans tbody td {text-align: left; padding: 10px 16px; height:64px; font-size:14px; font-weight:500; border-top:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
.box-deal-trans tbody tr:first-of-type td {border-top:none;}
.box-deal-trans tbody tr:first-of-type td:first-of-type {text-align: center;}
.box-deal-trans .item {display:block; font-size:12px; color: #999aa9; font-weight:500;}
.box-deal-trans .box-deal-sign {height:44px; position: relative;}
.box-deal-trans .sign {position: absolute; left:0px; top:16px; font-weight:500;}
.box-deal-trans .stamp {display:inline-block; width:40px; height:40px; line-height:40px; margin-left:8px; /* border-radius: 100%; text-align: center; background: url(/https/www.bookdonga.com/images/pc/deal-stamp--.png) no-repeat center top; background-size:cover; */}
.box-deal-trans .stamp img {vertical-align: top; width:40px; height:40px;}
.box-deal-trans .box-deal-name {line-height:26px;}
.box-deal-trans .box-deal-name .name {font-weight:500; font-size:18px;}

.box-deal-price table {width:100%; border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
.box-deal-price thead th {background: #f5f6f9; text-align: center; padding:11px 0; height:40px; font-size:12px; font-weight:500; color: #999aa9; border-bottom: 1px solid #e1e1e1;}
.box-deal-price thead .order-number {text-align: left; padding-left:24px; font-size:14px; font-weight:400; color: #575e6f;}
.box-deal-price thead .order-number span {display:inline-block;}
.box-deal-price thead .order-number span:first-of-type::after {display:inline-block; content: ''; width:1px; height:16px; background: #999aa9; vertical-align: top; margin: 4px 7px 0 10px;}
.box-deal-price thead .order-number span strong {color: #36364b; margin-right:8px;}
.box-deal-price tbody td {text-align: center; font-size:14px; font-weight:400; height:48px; padding: 14px 0; border-bottom:1px solid #e1e1e1;}
.box-deal-price .subject {text-align: left; padding-left: 15px; padding-right:10px;}
.box-deal-price .num {color: #575e6f;}
.box-deal-price .won {font-size:12px; font-weight:400; display:inline-block; margin-left:1px;}
.box-deal-price .total {font-size:22px; font-weight:500; text-align: right; padding-right:24px;}
.box-deal-price .other {padding:0px; background: #f5f6f9;}
.box-deal-price .box-money-other {width:100%; overflow: hidden;}
.box-deal-price .box-money-other li {float: left; width:50%; height:48px; box-sizing: border-box; text-align: left; padding: 14px 24px;}
.box-money-other li:nth-of-type(1),
.box-money-other li:nth-of-type(3) {border-right:1px solid #e1e1e1;}
.box-money-other li:nth-of-type(1),
.box-money-other li:nth-of-type(2) {border-bottom:1px solid #e1e1e1;}
.box-money-other .item {display:inline-block; font-size:12px; color: #999aa9; font-weight:500; width:63px; margin-top:-2px;vertical-align: top;}
.box-money-other .discount {display:inline-block; font-size:14px; font-weight:400; margin-top:-2px; vertical-align: top;}
.box-money-other .money {display:inline-block; float:right; font-size:16px; font-weight:500; color: #36364b; margin-top:-2px; vertical-align: top;}

/* 세금계산서 신청(팝업) */
.box-tax-calc {position:relative;height:400px; overflow-y: auto; padding-right:20px; box-sizing: border-box;}
.box-tax-calc::-webkit-scrollbar {width: 8px; border-radius:10px;overflow:hidden; position: absolute; right:0px; top:0;}
.box-tax-calc::-webkit-scrollbar-track {box-shadow: none; background: #e6eaf2;}
.box-tax-calc::-webkit-scrollbar-thumb {background-color: #36364b; outline: none; border-radius: 4px;}

.box-tax-calc table {width:100%;}
.box-tax-calc table th {width:125px; padding-top:17px; text-align:left;font-size:16px;font-weight:500;vertical-align:top;letter-spacing: -0.5px;}
.box-tax-calc table td {padding:8px 0;height:56px;text-align:left;font-size:14px;}
.box-tax-calc .box-document {overflow: hidden; padding-bottom:26px; margin-bottom:16px; border-bottom:1px solid #e6eaf2;}
.box-tax-calc .box-document .form-text {width: calc(100% - 125px); }
.box-tax-calc .title {display:inline-block; float:left; width:125px; height:40px; line-height:38px; text-align:left;font-size:16px;font-weight:500;vertical-align:middle;letter-spacing: -0.5px;}
.box-tax-calc .text {font-size:12px; letter-spacing: -0.5px;}
.box-tax-calc .text-exc {margin-bottom:0px; margin-right:8px; display:inline-block; font-weight:500; margin-top:16px;}
.box-tax-calc .bar {display:inline-block; width:1px; height:10px; background: #999aa9; margin: 2px 3px 0 3px;}
.box-tax-calc .line {border-top:1px solid #e6eaf2;}
.box-tax-calc .text12 {margin-top:6px;}
.box-tax-calc .form-text input[type^="text"]:focus {border-color:#000;}

/* 취소/교환/반품 신청(팝업)*/
.box-order-cancel {width:100%;}
.box-order-cancel .order-title {font-size:18px; font-weight:500; margin-bottom:16px;}
.box-order-cancel .order-form {margin-bottom:32px;}
.box-order-cancel .order-form textarea {border: 1px solid #e1e1e1; border-radius: 4px; font-size:16px;}
.box-order-cancel .order-form .form-textarea textarea {height:120px;}
.box-order-cancel .order-form textarea::-webkit-input-placeholder {font-size: 16px;}
.box-order-cancel .order-form textarea::-moz-placeholder {font-size: 16px;}
.box-order-cancel .order-form textarea:-ms-input-placeholder {font-size: 16px;}
.box-order-cancel .order-form textarea:-moz-placeholder {font-size: 16px;}
.box-order-cancel .order-form textarea::placeholder {font-size: 16px;}
.box-order-cancel .order-form .form-radio::before {margin-right:8px;}
.box-order-cancel .list-text-type1 li {font-size:14px;}

/* 동아출판 교과서 - 비쥬얼 */
.area-visual-donga {position:relative;margin:-185px 0 0 80px;min-width:1320px;}
.area-visual-donga .area-inner {position:relative;margin:0;padding:125px 0 0 0;width:100%; margin-top:185px; height:656px; text-align: center; background: url(/https/www.bookdonga.com/images/pc/img_donga_bg.png) no-repeat center top; background-attachment: fixed; /* background-size: cover; */ box-sizing: border-box;}
.area-visual-donga span {display:block; color :#fff;}
.area-visual-donga .eng {font-size:20px; color : #999aa9; font-weight:500; letter-spacing: 40px; margin-bottom: 65px;}
.area-visual-donga .title {font-size:48px; font-weight:400; line-height:75px; margin-bottom:45px;}
.area-visual-donga .text {font-size:18px; line-height:34px; font-weight:300;}


/* 동아출판 교과서 - 로테이션 모션 */
.box-donga-rotation {margin:0 auto; text-align: center;}
.donga-rotation-inner {display:flex; align-items: center; margin: 32px auto; position: relative; width:672px; height:304px;  border:1px solid #999aa9; border-radius: 144px; box-sizing: border-box;}
.box-donga-rotation .title {display:flex; align-items: center; justify-content: center; margin:0 auto; width:304px; height:128px; color: #fff; text-align: center; border-radius: 72px;  background: #36364b; box-sizing: border-box;}
.box-donga-rotation .title strong {font-size:18px; line-height: 1.5;}
.box-donga-rotation .item {display:block; position: absolute; height:64px; line-height: 62px; border-radius: 32px; box-sizing: border-box; padding: 0 24px; background: #fff; border:1px solid #999aa9; font-size: 18px; font-weight: 500; box-shadow: 7px 14px 15px 0 rgba(230, 232, 242, 0.5); -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.box-donga-rotation .item.on {color: #0091ff; border:1px solid #0091ff; }
/* .box-donga-rotation .item:hover {color: #0091ff; border:1px solid #0091ff; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;} */
.box-donga-rotation .item1 {top: -32px; right:60px;}
.box-donga-rotation .item2 {top: 120px; right:-70px;}
.box-donga-rotation .item3 {bottom: -30px; right: 105px;}
.box-donga-rotation .item4 {bottom: -30px; left: 62px;}
.box-donga-rotation .item5 {top: 120px; left: -47px;}
.box-donga-rotation .item6 {top: -32px; left: 60px;}


/* 동아출판 교과서 - 전체 교과서 리스트 */
.allbook-visual { width: 100%; position: relative; overflow-x: hidden; /*margin: 0px 0 0 80px; min-width: 1320px;*/position: relative;}
.allbook-visual-item { width: 100%; height: 300px; background-position: center top !important; background-size:auto 100% !important; box-sizing: border-box; background-repeat: no-repeat !important;}
.allbook-visual-item .area-inner { position: relative; margin: 0 auto; padding:0 0 0 80px; width: 1200px; height: 300px; box-sizing: border-box; text-align: center; align-content: center;}
.allbook-visual-item .area-inner h3 { color:#fff; font-size: 38px; font-weight: 400; letter-spacing: -0.5px; margin-top:-15px; line-height:1.3;}
.allbook-visual-item .area-inner h3 strong { font-weight: 500; }

/* 동아 슬라이드 - prev/next */
.allbook-visual-inner > .slick-arrow { position: absolute; z-index: 1; top: auto; bottom: 33px; width: 32px; height: 32px; border-radius: 100%; font-size: 0px; line-height: 0px; text-indent: -9999; background-size: 8px auto !important; }
.allbook-visual .pagingInfo { position: absolute; bottom: 35px; left: auto; right: 410px; transform: translateX(100%); color: #fff; padding: 5px 10px; border-radius: 5px; font-size: 14px; font-weight: 400; padding: 2px; }
.allbook-visual .pagingInfo .active { font-weight: 600; }

.allbook-visual-inner > .slick-prev.slick-arrow {
    right: 420px;
    /* box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.1); */
    background: rgba(255,255,255,.2) url(/https/www.bookdonga.com/images/common/icon/icon_prev_white.svg) no-repeat 11px 50%;
}

.allbook-visual-inner > .slick-prev.slick-arrow:active {
    /* box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.3); */
    /* background: #33344a url(/https/www.bookdonga.com/images/pc/icon_bookslide_prev_on.png) no-repeat 11px 50%; */
}

.allbook-visual-inner > .slick-next.slick-arrow {
    right: 335px;
    /* box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.1); */
    background: rgba(255,255,255,.2) url(/https/www.bookdonga.com/images/common/icon/icon_next_white.svg) no-repeat 13px 50%;
}

.allbook-visual-inner > .slick-next.slick-arrow:active {
    /* box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.3); */
    /* background: #33344a url(/https/www.bookdonga.com/images/pc/icon_bookslide_next_on.png) no-repeat 13px 50%; */
}

.allbook-visual-inner .slick-prev.slick-disabled {
    /* opacity: 0; cursor: inherit; */
}

.allbook-visual-inner .slick-next.slick-disabled {
    /* opacity: 0; cursor: inherit; */
}


/* 동아출판교과서 - 초등 */
.box-donga-book { display: flex; align-items: flex-start; position: relative; margin: 60px 0 55px;}
.box-donga-book .title { display: flex; width:160px; height: 240px; max-height: 240px; padding: 24px; font-size:24px; line-height:34px; font-weight:500; margin-bottom:16px; border-radius: 10px; color:#fff; }
.box-donga-book .title.ele { background: #FFC000 url(/https/www.bookdonga.com/images/pc/textbook/allbook_icon_ele.png) 75% 90% no-repeat; margin-top: 50px; background-size:88px;}
.box-donga-book .title.mid { background: #867FF2 url(/https/www.bookdonga.com/images/pc/textbook/allbook_icon_mid.png) 75% 90% no-repeat; margin-top: 50px; background-size:80px;}
.box-donga-book .title.high { background: #66D58A url(/https/www.bookdonga.com/images/pc/textbook/allbook_icon_high.png) 75% 90% no-repeat; margin-top: 50px; background-size:90px;}

.donga-book-list {position: relative; width:77%; height:240px; padding: 0px 40px 0 80px; box-sizing: border-box; z-index: 1;}
.donga-book-list::after {position: absolute; left:40px; bottom:104px; content: ''; display:block; width:1120px; height:48px;  z-index: -1;}

.donga-book-list .slick-list {width:906px; margin:0 auto;}
.donga-item {width:210px; height:240px; margin-right:19px; box-sizing: border-box; z-index: 2; background: #F5F7FD; padding:30px 30px 0; border-radius: 10px;}
.donga-item a {display:block; position: relative;}
.donga-item img {width:150px; height:210px; border:1px solid #e1e1e1; box-sizing: border-box; box-shadow: 0px 0 10px 0px #D4D5E2;} /* 12.30 수정 */
.donga-item:hover a .item-box {display:flex; flex-direction: column; align-items:center; align-items:center; position: absolute; left:0px; top:0px; width:100%; height:100%; padding-top:32px; background-color: rgba(34, 34, 55, 0.9); box-sizing: border-box;}
.donga-item a .item-box {display:none; }
.donga-item a .item-box::after {content: ''; display:inline-block; width:24px; height:24px; background: url(/https/www.bookdonga.com/images/pc/icom_arr_brandcard2.png) no-repeat left top; vertical-align: top; margin-top:11px;}
.donga-item a .item-box span {display:inline-table;color: #fff; font-weight:500; margin: 0 auto; text-align: center;}
.donga-item a .item-box .subject {font-size:24px; line-height:28px; border-bottom:1px solid #717fa3; padding-bottom:8px; margin: 0 14px 10px 14px;}
.donga-item a .item-box .session {font-size:12px; margin-bottom:6px;}
.donga-item a .item-box .name {font-size:12px; font-weight:400;}

.donga-book-btn {position: absolute; display:flex; left:0; top:0; width:1120px; z-index: 1; gap:20px;}
.donga-book-btn span {height:32px;}
.donga-book-btn span button {display:block; width:auto; font-size:16px; font-weight:500; text-align: center; margin:0 auto;}
/* .donga-book-btn span button::before {content: ''; display:block; width:100%; height:4px; vertical-align: top; margin-bottom:8px; background: #eee;} */

.box-donga-book.elem > .donga-book-list {/* background: #f2fffc; */ margin-top: 50px;}
.box-donga-book.elem .donga-book-btn span button {color: #36364B; }
.box-donga-book.elem .donga-book-btn span button::before { /*background: #d8f1eb;*/ }
.box-donga-book.elem .donga-book-btn span.on button {color: #36364B; position: relative;}
.box-donga-book.elem .donga-book-btn span.on button strong { width: auto; display: inline-block;}
.box-donga-book.elem .donga-book-btn span.on button strong:after { content: ''; position: absolute; bottom: 0; left: 50%; width: 100%; height: 40%; padding: 0 10%; transform: translateX(-50%); background-color: #FFE57D; z-index: -1; border-radius: 50vw; }
/* .box-donga-book.elem .donga-book-btn span.on button strong { box-shadow: inset 0 -12px 0 #FFE57D; padding:0 15%; border-radius: 50vw; } */
/* .box-donga-book.elem .donga-book-btn span.on button::before {background: #FFE57D;} */
/* .box-donga-book.elem .donga-book-btn span:hover button {color: #FFE57D;}
.box-donga-book.elem .donga-book-btn span:hover button::before {background: #FFE57D;} */

/* .box-donga-book.midd > .donga-book-list {}
.box-donga-book.midd .donga-book-btn span button {color: #a3cbe7;}
.box-donga-book.midd .donga-book-btn span button::before {background: #d7eefe;}
.box-donga-book.midd .donga-book-btn span.on button {color: #0c9cff;}
.box-donga-book.midd .donga-book-btn span.on button::before {background: #0c9cff;}
.box-donga-book.midd .donga-book-btn span:hover button {color: #0c9cff;}
.box-donga-book.midd .donga-book-btn span:hover button::before {background: #0c9cff;} */

.box-donga-book.midd > .donga-book-list {/* background: #f2fffc; */ margin-top: 50px;}
.box-donga-book.midd .donga-book-btn span button {color: #36364B; }
.box-donga-book.midd .donga-book-btn span button::before { /*background: #d8f1eb;*/ }
.box-donga-book.midd .donga-book-btn span.on button {color: #36364B; position: relative;}
.box-donga-book.midd .donga-book-btn span.on button strong { width: auto; display: inline-block;}
.box-donga-book.midd .donga-book-btn span.on button strong:after { content: ''; position: absolute; bottom: 0; left: 50%; width: 100%; height: 40%; padding: 0 10%; transform: translateX(-50%); background-color: #CECBFF; z-index: -1; border-radius: 50vw; }

/* .box-donga-book.high > .donga-book-list {}
.box-donga-book.high .donga-book-btn span button {color: #c2bcd8;}
.box-donga-book.high .donga-book-btn span button::before {background: #e6e2f2;}
.box-donga-book.high .donga-book-btn span.on button {color: #6236ff;}
.box-donga-book.high .donga-book-btn span.on button::before {background: #6236ff;}
.box-donga-book.high .donga-book-btn span:hover button {color: #6236ff;}
.box-donga-book.high .donga-book-btn span:hover button::before {background: #6236ff;} */

.box-donga-book.high > .donga-book-list {/* background: #f2fffc; */ margin-top: 50px;}
.box-donga-book.high .donga-book-btn span button {color: #36364B; }
.box-donga-book.high .donga-book-btn span button::before { /*background: #d8f1eb;*/ }
.box-donga-book.high .donga-book-btn span.on button {color: #36364B; position: relative;}
.box-donga-book.high .donga-book-btn span.on button strong { width: auto; display: inline-block;}
.box-donga-book.high .donga-book-btn span.on button strong:after { content: ''; position: absolute; bottom: 0; left: 50%; width: 100%; height: 40%; padding: 0 10%; transform: translateX(-50%); background-color: #89E8A8; z-index: -1; border-radius: 50vw; }

/* 동아 슬라이드 - prev/next */    
.donga-slide > .slick-arrow{position: absolute; top:95px; width:40px; height:40px; border-radius: 100%; font-size:0px; line-height:0px; text-indent: -9999; background-size: 14px auto !important; border:1px solid #E1E1E1;}
.donga-slide > .slick-prev.slick-arrow{left: 20px; /* box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.1); */ background: #fff url(/https/www.bookdonga.com/images/pc/icon_bookslide_prev.png) no-repeat 10px 50%;}
.donga-slide > .slick-prev.slick-arrow:active {/* box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.3); */ background: #33344a url(/https/www.bookdonga.com/images/pc/icon_bookslide_prev_on.png) no-repeat 10px 50%;}
.donga-slide > .slick-next.slick-arrow{right: -112px; /* box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.1); */ background: #fff url(/https/www.bookdonga.com/images/pc/icon_bookslide_next.png) no-repeat 15px 50%;}
.donga-slide > .slick-next.slick-arrow:active {/* box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.3); */ background: #33344a url(/https/www.bookdonga.com/images/pc/icon_bookslide_next_on.png) no-repeat 15px 50%;}
.donga-slide .slick-prev.slick-disabled {/* opacity: 0; cursor: inherit; */} 
.donga-slide .slick-next.slick-disabled {/* opacity: 0; cursor: inherit; */}

/* 동아 소개 */
.box-donga-intro {width:100%; height:304px; background: url(/https/www.bookdonga.com/images/pc/img_donga_intro.png) no-repeat center top; background-size: auto 100%;}
.box-donga-intro > .box-inner {margin:0 auto; width:1200px; height:100%; padding-top:80px; color: #333; box-sizing: border-box;}
.box-donga-intro span {display:block; }
.box-donga-intro .title {font-size:40px; line-height:52px; font-weight:500; margin-bottom:20px; font-weight: 600;}
.box-donga-intro .text {font-size:18px; line-height:28px; font-weight:normal;}

/* 동아 두클래스 */
.box-donga-doclass {margin:0 auto; text-align: center;}
.box-donga-doclass > h3 {margin-bottom:40px;}
.box-donga-doclass ul {display:flex; justify-content: space-between; margin-bottom:48px;}
.box-donga-doclass ul li {flex:1; background: #f5f7fd; padding:32px; margin-right:16px; box-sizing: border-box; font-size:18px; font-weight:500; line-height:1.6;}
.box-donga-doclass ul li:last-of-type {margin-right:0px;}
.box-donga-doclass ul li::before {content: ''; display:block; width:325px; height:192px; margin-bottom:30px; vertical-align: top;}
.box-donga-doclass ul li:nth-of-type(1)::before {background: #fff url(/https/www.bookdonga.com/images/pc/img_doclass02.png) no-repeat center top;}
.box-donga-doclass ul li:nth-of-type(2)::before {background: #fff url(/https/www.bookdonga.com/images/pc/img_doclass03.png) no-repeat center top;}
.box-donga-doclass ul li:nth-of-type(3)::before {background: #fff url(/https/www.bookdonga.com/images/pc/img_doclass04.png) no-repeat center top;}
.box-donga-doclass .point {display:block; font-size:14px; font-weight:500; color: #17d0b0; margin-bottom:4px;}
.box-donga-doclass .box-button.col2 [class^='btn-type'] a,
.box-donga-doclass .box-button.col2 [class^='btn-type'] button {width:296px; color: #fff; border:none;}
.btn-do-elem a,
.btn-do-elem button {background: #17d0b0 !important;}
.btn-do-midh a,
.btn-do-midh button {background: #0c9cff !important;}
.btn-do-elem:hover a,
.btn-do-elem:hover button,
.btn-do-elem:active a,
.btn-do-elem:active button {background: #00b797 !important;}
.btn-do-midh:hover a,
.btn-do-midh:hover button,
.btn-do-midh:active a,
.btn-do-midh:active button {background: #0086e3 !important;}

/* 동아 - 판매처 */
.area-tab-type1.tab-textbook-store .area-inner span a,
.area-tab-type1.tab-textbook-store .area-inner span button {padding:0 10px;width:117px;}

/* 동아 - 자추찾는메뉴(도서몰원본 - 하위메뉴오픈) */
.mall-links button {display:block;width:227px;height:56px;line-height:56px;font-size:14px;font-weight:400;color:#333;text-align:center;letter-spacing:-0.25px;border:1px solid #eaeaea;background:#fff;border-radius:4px;-webkit-transition: all 0.3 ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.mall-links button:hover {border-color:#999aa9;box-shadow:2px 2px 10px 0 rgba(212, 213, 226, 0.5);}

.box-links-select {position: relative;}
.box-links-select > span {display:block;}
.box-links-select > span button::after {content: ''; width:16px; height:16px; display:inline-block; vertical-align: middle; margin-left: 8px; margin-top:-2px; background: url(/https/www.bookdonga.com/images/pc/icon_links_down.png) no-repeat left top; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.box-links-select > span.on button {color: #fff; background: #36364b;}
.box-links-select > span.on button::after {background: url(/https/www.bookdonga.com/images/pc/icon_links_up.png) no-repeat left top;}

.box-links-select .box-select-inner {width: calc(100% - 2px); height:0px; overflow:hidden; position: absolute; left:1px; top:57px; z-index:1; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.box-links-select .box-select-inner .box-inner {display:block; width:100%; border:1px solid #999aa9; background: #fff; border-radius: 4px; box-sizing: border-box;}
.box-links-select .box-select-inner .box-inner > span {display:block; width:100%; white-space: nowrap; box-sizing: border-box; background: #fff; }
.box-links-select .box-select-inner .box-inner > span.on,
.box-links-select .box-select-inner .box-inner > span:hover {background: #f5f6f9; box-shadow:none;}
/* .box-links-select .box-select-inner .box-inner > span.on > button,
.box-links-select .box-select-inner .box-inner > span:hover > button {background: #f5f6f9; box-shadow:none;} */
.box-links-select .box-select-inner .box-inner > span:first-of-type {border-top-left-radius: 8px; border-top-right-radius: 8px;}
.box-links-select .box-select-inner .box-inner > span:last-of-type {border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}
.box-links-select .box-select-inner .box-inner > span > button {display:block; width:100%; height:56px; padding:0 31px;  font-size:14px; color: #36364b; text-align: left; line-height: 1.7; border-radius: 0px; background: none; transition:none; border:none;}
.box-links-select .box-select-inner .box-inner > span.on > button,
.box-links-select .box-select-inner .box-inner > span:hover > button {font-weight:500; border:none;  transition:none; box-shadow:none;}

/* 검색 - main */
.box-search-result-top {width:1200px; margin: 0 auto;}
.box-search-result-top > .area-tab-type2 {/* width:100%; min-width: 100%; padding:0px; margin:0px; */margin: 0 auto !important; overflow: hidden;}
.box-search-result-top > .area-tab-type2 .area-inner span {width:16.66%; display: inline-block; float:left; box-sizing: border-box;}
.box-search-result-top > .area-tab-type2 .area-inner span button {height:54px; line-height: 52px; padding: 0px; font-size:18px; font-weight: 400;}
.box-search-result-top > .area-tab-type2 .area-inner span.on button {font-size:18px;}
.box-search-result-top > .area-tab-type2 .area-inner span.on button em {color: #0091FF;}
.box-search-result-top > .area-tab-type2 .area-inner span.disabled button {cursor: default;}
.box-search-result-top > .area-tab-type2 .area-inner span.disabled button:hover {color: #999aa9;}

.search-from {width:620px;margin:0 auto 24px; overflow: hidden;}
.search-from .form-checkbox {margin-top:17px; float:right; font-size:16px;}
.search-from .form-checkbox::before {margin: 0px 8px 0px -16px;}
.box-search-from {display:block;padding:8px 8px 8px 16px;width:100%;height:48px;background:#f5f6f9;border-radius:25px;overflow:hidden;}
.box-search-from .box-inner {display:flex;}
.box-search-from .box-inner input {width:calc(100% - 30px);margin-right:8px;vertical-align:middle;font-size:18px;color:#999aa9;font-weight:400; text-indent:10px;border:none;background:none;}
.box-search-from .box-inner input::placeholder {font-size:18px;color:#999aa9;font-weight:400;}
.box-search-from .box-inner input::-moz-placeholder {font-size:18px;color:#999aa9;font-weight:400;}
.box-search-from .box-inner input::-webkit-input-placeholder {font-size:18px;color:#999aa9;font-weight:400;}
.box-search-from .box-inner input:-webkit-autofill,
.box-search-from .box-inner input:-webkit-autofill:hover,
.box-search-from .box-inner input:-webkit-autofill:focus,
.box-search-from .box-inner input:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s;}
.box-search-from .box-inner .btn-search {display:block;width:30px;height:30px;overflow:hidden;background:#36364b url(/https/www.bookdonga.com/images/pc/icon_gnb_search_on.png) no-repeat 50%;border:1px solid #36364b;border-radius:100%;}
.box-search-from .box-inner .btn-search {right:9px;}
.box-search-from .box-inner .btn-search button  {display:block;width:30px;height:30px;line-height:30px;text-align:center;text-indent:-1000px;background:none;}

.search-result {font-size:20px; font-weight:400; line-height:48px; text-align: center; margin-bottom: 48px;}
.search-result .keyword {font-size:40px; font-weight: 500; display:inline;}
.search-result strong {font-size:24px; font-weight:500;}

/* 검색결과 */
.box-search-result {width:100%; padding:80px 0;}
.box-search-result.type2 {padding:80px 0 0 0;}
.box-search-result.type2:last-of-type {margin-bottom: 80px;}
/* .box-search-result.type2 {background: #f5f7fd;} */
.search-result-inner {width:1200px; margin: 0 auto;}
[class^='box-search-result'] .box-result-top {position: relative; padding-bottom:32px; margin-bottom:32px; border-bottom:1px solid #e1e1e1;}
[class^='box-search-result'] .box-result-top.type2 {margin:0px; border:none;}
[class^='box-search-result'] .title-result {display: block; font-size:24px; line-height:32px; font-weight:500;}
[class^='box-search-result'] .title-result em {color: #0091FF;}
[class^='box-search-result'] .switch-myset {position: absolute; right:0px; bottom:32px;}
/* .area-contents-type1 > .area-inner > #resultArea > [class^='box-search-result type2']:nth-of-type(even),
.area-contents-type1 > .area-inner > [class^='box-search-result type2']:nth-of-type(even) {background: #f5f7fd;} */

/* 검색결과 - 브랜드 */
.box-result-brand {display:flex; flex-wrap: wrap;}
.box-result-brand .btn-result-brand {margin-top:24px;}
.box-result-brand .btn-result-brand:nth-of-type(1),
.box-result-brand .btn-result-brand:nth-of-type(2),
.box-result-brand .btn-result-brand:nth-of-type(3),
.box-result-brand .btn-result-brand:nth-of-type(4) {margin-top:0px;}
.box-result-brand .btn-result-brand button,
.box-result-brand .btn-result-brand a {display:block; text-align:center;}
.box-result-brand .btn-result-brand button img,
.box-result-brand .btn-result-brand a img {display:block; width: 256px; height:96px;}
.box-result-brand .btn-result-brand:hover button,
.box-result-brand .btn-result-brand:hover a {opacity: 0.5;}

.brand-category {display:inline-block;margin:8px auto 0;width:54px;height:24px;line-height:22px; text-align:center;font-size:12px;vertical-align:top;font-weight:500;box-sizing:border-box;border-radius:12px;}
.brand-category.child {color:#ff4e45;background-color:#ffe7e5;}/* 유아 */
.brand-category.elementary {color:#0c9cff;background-color:#e4f4ff;}/* 초등 */
.brand-category.middle {color:#15bc96;background-color:#d9f9f2;}/* 중등 */
.brand-category.high {color:#7351f0;background-color:#f0ebff;}/* 고등 */


/* 검색결과 - 학습자료 */
.box-search-studydata .studydata-list {margin-bottom:64px;}
.box-search-studydata .studydata-list .grade {width: 75px;}
.box-search-studydata .studydata-list .subject {width: 75px;}
.box-search-studydata .studydata-list .title {width:570px;}
.box-search-studydata .studydata-list .box-data-sub .sub-box {border-bottom: 1px solid #e1e1e1;}
.box-search-studydata .studydata-list .box-data-sub .sub-box:last-of-type {border: none;}
.box-search-studydata .studydata-list .box-data-sub .sub-box .sub-title {padding: 8px 56px 8px 26px; width:367px;}
.box-search-studydata .studydata-list .box-data-sub .sub-box .sub-text {width: calc(100% - 367px);}
.box-search-studydata .studydata-list .btn-data > span {margin-left:4px;}
.box-search-studydata .studydata-list .btn-data > span:first-of-type {margin-left:0px;}


/* 검색결과 - 동영상학습 */
.box-search-videodata {margin-bottom: 64px;}
.videodata-list {/* border-top:1px solid #999aa9; */ border-bottom: 1px solid #e1e1e1;}
.videodata-list li {width:100%;}
.videodata-list li a {position: relative; display:flex; /* display:table; table-layout: fixed; */ width:100%; min-height:62px; padding: 8px 16px;  font-size: 16px; line-height:24px; color: #36364b; font-weight: 500; border-top: 1px solid #e1e1e1; box-sizing: border-box; align-items: center;}
.videodata-list li a::after {position: absolute; right:16px; top:50%; transform: translateY(-50%) rotate(90deg); content: ''; display:inline-block; width:20px; height:20px; background:url(/https/www.bookdonga.com/images/pc/icon_dropdown_on.png) no-repeat center;}
.videodata-list li a > span {/* display:table-cell; */ vertical-align: middle; text-align: left; padding-right:10px; box-sizing: border-box;}
.videodata-list li .year {width: 81px;}
.videodata-list li .grade {width: 81px;}
.videodata-list li .subject {width:130px; /* flex: initial; */ padding-right:20px;}
.videodata-list li .subject-type {width: 190px; display:none;} 
.videodata-list li .title {/* width:500px; */flex:1; color: #575e6f; font-weight: 400; padding-right:50px;}

/* 검색결과 : 이벤트 */
.box-search-event {width: 100%;}

/* 검색결과 : 없음 */
.box-search-nodata {width:1200px; margin: 0 auto;}

/* 검색결과 : 매칭 */
.box-search-matching {text-align: center; width:100%;}
.box-search-matching .images {display:block; margin: 0 auto 32px;}
.box-search-matching .link {display:block; margin-bottom: 5px;}
.box-search-matching .link a {font-size:18px; font-weight:500;}
.box-search-matching .link a em {letter-spacing: -0.3px;}
.box-search-matching .text-type1 {font-size:18px; line-height:26px;}
.box-search-matching .text-type2 {font-size:18px; line-height:26px; font-weight:400;}
.box-search-matching .text-type2 .keyword {font-size: 18px; font-weight: 500; display: inline;}



/********************************************************** 동아출판 - 주소검색 레이어(기존 사이트 그대로 가져옴 - kim) **********************************************************/
.popup_layer_wrap {position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);z-index:20;}
.popup_layer_wrap .layer_inner {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);width:600px;border:1px solid #3e3c50;background:#fff;z-index:1;}
.popup_layer_wrap .layer_inner .layer_header {min-height:65px;padding:20px 30px;font-family:'Noto Sans KR';font-size:2.4rem;color:#111;}
.popup_layer_wrap .layer_inner .layer_contents {position:relative;min-height:223px;padding-bottom:60px;}
.popup_layer_wrap .layer_inner .layer_header + .layer_contents {padding:20px 30px 60px;}
.popup_layer_wrap .layer_inner fieldset {padding-bottom:0 !important;}

.popup_layer_wrap.dim_none {background:none;}
.popup_layer_wrap.dim_none .layer_inner {top:0;transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);width:620px;height:100%;border:0;}
.popup_layer_wrap.dim_none .layer_inner .layer_header {min-height:unset;padding:20px 60px;font-size:2.8rem;}
.popup_layer_wrap .layer_inner .layer_header + .layer_contents {padding:0 60px;}
.popup_layer_wrap.dim_none .btn_close {right:60px;top:20px;}
.popup_layer_wrap.dim_none .btn_close:before {left:4px;width:32px;}
.popup_layer_wrap.dim_none .btn_close:after {left:4px;width:32px;}
.popup_layer_wrap.dim_none .btm_btn {padding:30px 60px 42px;}

/* 동아출판 - layer */
.layer_inner.retention_period {padding-top:160px !important;}
.layer_inner.retention_period:before {content:'';position:absolute;left:50%;top:60px;transform:translateX(-50%);-webkit-transform:translateX(-50%);display:block;width:90px;height:90px;background:url('../images/ico_sets.png') no-repeat -120px -280px;}
.layer_inner.retention_period em {display:block;font-size:2.4rem;color:#111;text-align:center;}
.layer_inner.retention_period p {margin:20px auto 0;font-size:1.8rem;text-align:center;}
.layer_inner.retention_period p + p {margin-top:10px;}

.layer_inner.change_pwd fieldset .input_wrap {width:100%;margin-bottom:10px;}
.layer_inner.change_pwd fieldset .input_wrap input {width:100%;}
.layer_inner.change_pwd fieldset .input_wrap + .form_msg {}
.layer_inner.address .layer_header {height:75px;padding:15px 0 0;border-bottom:1px solid #a6b1c2;}
.layer_inner.address .layer_header legend {font-size:0px; text-indent: -9999px; line-height: 0px;}
.layer_inner.address .layer_header fieldset input[type="search"] {width:calc(100% - 70px); height:50px; padding-left:30px; font-size:24px; font-weight:400; box-sizing: border-box;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration{display:none;}

.layer_inner.address .layer_header fieldset input[type="search"]::placeholder {font-weight:300;}
.layer_inner.address .layer_header fieldset input[type="search"]::-webkit-input-placeholder {font-weight:300;}
.layer_inner.address .layer_header fieldset input[type="search"]:-ms-input-placeholder {font-weight:300;}
.layer_inner.address .layer_header fieldset input[type="search"]:-mos-input-placeholder {font-weight:300;}
.layer_inner.address .layer_contents {padding:0 !important;}
.layer_inner.address .desc {width:80%;margin:0 auto;padding:90px 0;font-size:20px; line-height:30px; font-weight:300; text-align:center;}
.layer_inner.address .result_wrap {overflow:auto;min-height:223px;max-height:400px;padding:30px 30px 30px;background:#e6e6e6;}
.layer_inner.address .result_wrap li {margin-bottom:12px;border:1px solid #999aa9;background:#fff;}
.layer_inner.address .result_wrap li:last-child {margin-bottom:0;}
.layer_inner.address .result_wrap li a {display:block;padding:20px 20px;}
.layer_inner.address .result_wrap li a .zip_num {display:block;font-size:16px;color:#f0646a;line-height:1.2;}
.layer_inner.address .result_wrap li a div {position:relative;min-height:24px;margin-top:10px;padding-left:65px;}
.layer_inner.address .result_wrap li a div:first-child {margin-top:0;}
.layer_inner.address .result_wrap li a div i {position:absolute;left:0;top:0;display:block;width:54px;height:24px;font-size:14px;color:#999aa9;text-align:center;line-height: 1.7;border:1px solid #999aa9; font-style: normal}
.layer_inner.address .result_wrap li a div span {font-size:18px;line-height:1.2;}
.layer_inner.address .detail_address {padding:30px 30px 60px;}
.layer_inner.address .detail_address .zip_num {display:block;font-size:16px;color:#f0646a;line-height:1;}
.layer_inner.address .detail_address .zip_num + span {display:block;margin-top:10px;font-size:18px;line-height:1.2;}
.layer_inner.address .detail_address .input_wrap {display:block;width:100%;margin-top:15px;}
.layer_inner.address .detail_address .input_wrap input {width:100%; height:48px; font-size:18px; border: 1px solid #a6b1c2;}
.layer_inner.address.school .result_wrap li a .school_name {display:block;font-size:1.8rem;color:#f0646a;line-height:1.2;}
.layer_inner.address.school .direct_input {margin-bottom:30px;padding:30px 30px 0;border-top:1px solid #a6b1c2;}
.layer_inner.address.school .direct_input h3 {margin-top:0;}
.layer_inner.address.school .direct_input .input_wrap {display:inline-block;width:70%;vertical-align:top;}
.layer_inner.address.school .direct_input .input_wrap input {width:100%;}
.layer_inner.address.school .direct_input .input_wrap + button {width:27%;margin-left:8px;}
.layer_inner.address.school .detail_address .school_name {display:block;font-size:1.8rem;color:#f0646a;line-height:1;}
.layer_inner.address.school .detail_address .zip_num {margin-top:10px;color:#3e3c50;}

.btm_btn {display:flex;}
.btm_btn button {flex:1;height:60px;font-size:1.8rem;font-weight:normal;color:#fff;border-width:2px;background:#3c3c50;font-size:20px;}
.btm_btn button:active {background:#272737;}
.btm_btn button.gy {border-color:#646782;background:#646782;}
.btm_btn button.gy:active {background:#272737;}
.txt_blue {height:20px;padding:0 2px;font-size:1.4rem;font-weight:normal;color:#1eb6ff;line-height:1;text-decoration:underline;border:0;background:none;}
.txt_blue:active {color:#1eb6ff;background:none;}

.btn_close {position:absolute;right:20px;top:20px;width:40px;height:40px;padding:0;text-indent:-99999rem;border:0;background:#fff;z-index:2;}
.btn_close:before {content:'';display:block;position:absolute;top:19px;left:6px;width:28px;height:1px;background-color:#111;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.btn_close:after {content:'';display:block;position:absolute;top:19px;left:6px;width:28px;height:1px;background-color:#111;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.btn_close:active {background:none;}

.btn_search {position:absolute;right:15px;top:15px;display:block;width:50px;height:50px;padding:0;text-indent:-99999rem;border:0;background:#fff;}
.btn_search:before {content:'';position:absolute;left:15px;top:14px;display:block;width:18px;height:18px;border:1px solid #000;border-radius:50%;}
.btn_search:after {content:'';position:absolute;right:17px;bottom:13px;display:block;width:1px;height:6px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);border-width:0;background:#000;}
.btn_search:active {background:none;}

.btn_clear {position:absolute;display:none;right:66px;top:15px;width:50px;height:50px;padding:0;text-indent:-99999rem;border:0;background:#fff;}
.btn_clear:before {content:'';position:absolute;left:12px;top:25px;display:block;width:25px;height:1px;background-color:#111;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.btn_clear:after {content:'';position:absolute;left:12px;top:25px;display:block;width:25px;height:1px;background-color:#111;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.btn_clear:active {background:none;}

.area-footer .box-links li:first-child {position:relative;}
.area-footer .box-links li:first-child > span {position:absolute; display:block; font-size:10px; color:#0091ff; line-height:22px; width:64px; height:29px; top:-38px; left:-3px; background:url(/https/www.bookdonga.com/images/pc/footer_renewal_icon.svg) no-repeat; text-align:center; animation: a_bounce 850ms cubic-bezier(0.7, 0, 0.3, 1) infinite alternate;}
@keyframes a_bounce {
    0% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
    100% { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); } 
}

/* 레이어 팝업 */
.layer_pop_wrap {position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2);z-index:11;}
.layer_pop_wrap .layer_contents {position:absolute;left:50%;top:50%;transform:translate(-50%, -65%);}

/* CS업무 중단 알림 팝업*/
.rank2{position:relative;}
.todayclose{position:absolute;left:24px;bottom:10px;font-size:14px;}
#checkbox{vertical-align: middle;margin-right:5px;}

img.arrow {
    width: 24px;
    height: 24px;
    margin: 6px 210px 0px 8px;
    object-fit: contain;
    display: none;
}
.box-my-textbook:hover img.arrow{
    display: inline-block;

}
.box-my-reference:hover img.arrow{
    display: inline-block;
}
.box-my-video:hover img.arrow{
    display: inline-block;
}


/* 2207 */
.sign-root {display: inline-block !important; position: relative; padding-left: 16px; background:url('/https/www.bookdonga.com/images/pc/img_sign_root.png') no-repeat 5px top; background-size: auto;}
.sign-root > .hide {font-size: 0px; line-height: 0px; text-indent: -9999px;}

.sign-root-w {display: inline-block !important; position: relative; padding-left: 16px; background:url('/https/www.bookdonga.com/images/pc/img_sign_rootw.png') no-repeat 5px top; background-size: auto 100%;}
.sign-root-w > .hide {font-size: 0px; line-height: 0px; text-indent: -9999px;}

.sign-root-b {display: inline-block !important; position: relative; padding-left: 16px; background:url('/https/www.bookdonga.com/images/pc/img_sign_rootb.png') no-repeat 5px top; background-size: auto 100%;}
.sign-root-b > .hide {font-size: 0px; line-height: 0px; text-indent: -9999px;}

.sign-int {display: inline-block !important; position: relative; padding-right: 4px;}
.sign-int > .top {position: absolute; right:1px; top:-7px; font-size: 70%;}
.sign-int > .btm {position: absolute; right:1px; bottom:-6px; font-size: 70%;}

.sign-frac {display: inline-flex !important; flex-direction: column; align-items: center; position: relative; top: -6px;}
.sign-frac > .top {font-size: 90%; line-height: 80%;}
.sign-frac > .frac {position: relative; width:100%; font-size: 0px; line-height: 0px; text-indent: -9999px;}
.sign-frac > .frac::before {content: ''; display: block; width:100%; height:1px; background: #333; margin: 3px 0;}
.sign-frac > .btm {font-size: 90%; line-height: 80%;}


/* 202212 */
.popup-event {display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;align-items:center;justify-content:center;flex-direction:column;background-color:transparent}
.popup-event.on {display:flex;background:rgba(0, 0, 0, 0.6)}
.popup-event > .popup-inner {position:relative;display:flex;flex-direction:column;margin:24px auto;padding:0;transform:translate3d(0, 0, 0);max-width:calc(100vw - 48px);max-height:calc(100vh - 48px);background:#333;overflow:hidden;z-index:99}

.popup-event .popup-body {margin:0;padding:0px;height:100%;word-break:break-all;overflow-y:auto}
.popup-event .popup-body img {max-width: 100%;}

.today-close {text-align: center; color: #fff; padding: 5px;}
.today-close .btn-today-close {display: inline-block; margin-left: 10px;}
.today-close .btn-today-close > button {padding: 1px 6px 3px; border:1px solid #666; display: block; color: #eee; border-radius: 4px;}
.today-close input {width: auto;}

.btn-pevent-close {position: absolute; right:10px; top:10px; display: block; z-index: 101;}
.btn-pevent-close button {display: block; font-size: 0px; line-height: 0; text-indent: -9999px; width: 40px; height: 40px; background: url(/https/www.bookdonga.com/images/icon_pevent_close.png) no-repeat center;}

/* 비회원 주문 조회 */
.section-login.non_members {width: 620px;}
.section-login.non_members .contain-login .box-login-cont {padding: 34px 110px 64px 110px;}
.section-login.non_members .title::before { content: ""; display: block; width: 100%; height: 64px; background: url(/https/www.bookdonga.com/images/pc/img_logo_login.png) no-repeat center 0; background-size: contain; background-position: center; margin-bottom: 30px; }
.section-login.non_members .title { margin-top: 30px; margin-bottom: 10px !important; font-size: 28px; color: #333333; font-weight: bold;}
.section-login #p_name_wrap {position:relative;width:100%;height:56px;box-sizing:border-box;margin-bottom:13px;}
.section-login #p_name_wrap #clearBtn {position:absolute;width:20px;height:20px;right:14px;top:50%;transform:translateY(-50%);background:url(http://www.bookdonga.com/images/icon_close.png) no-repeat center 0;display:none;cursor:pointer;}
.section-login #p_name_wrap #p_name {width:100%;height:100%;border-radius:8px;font-size:16px;text-indent:16px;border:1px solid #a6b2c2;}

.section-login.non_members .box-order {position: relative;}
.section-login.non_members .box-order .text { margin-bottom: 20px; font-size: 20px; letter-spacing: -1px; color: #333333;}
.section-login.non_members input[type~="text"],.section-login.non_members  input[type~="number"] {border: 1px solid #a6b2c2;border-radius: 8px;font-weight: 400;}
.section-login.non_members .box-order .box-phonenum .form-select, .section-login.non_members .box-order .box-phonenum .form-text { display: inline-block; width: 124px;}
.section-login.non_members .box-order .box-phonenum .form-select {border: 1px solid #a6b2c2;border-radius: 8px;}
.section-login.non_members .box-order .box-phonenum .form-select select {width: 100%;border-radius: 8px;}
.section-login.non_members .box-order .box-tab-sub { position: absolute; top: 177px; display: flex; justify-content: space-between; margin-bottom: 0; width: 100%; height: 48px; border-radius: 8px; background-color: #F4F5F8; align-items: center; padding: 0 9px; box-sizing: border-box; border-bottom: none; }
.section-login.non_members .box-order .box-phonenum {width:100%;margin-bottom: 65px;}
.section-login.non_members .box-order .box-tab-sub span {display: block;}
.section-login.non_members .box-order .box-tab-sub span button {display: block; text-align: center; font-size: 16px; font-weight: 400; width: 123px; height: 36px; border-radius: 8px; color: #3E3C50; border: none; background-color: transparent; cursor: pointer; padding: 0;}
.section-login.non_members .box-order .box-tab-sub span.on button {font-weight: bold; background-color: #fff;}
.section-login.non_members .box-order .box-cont-sub .box-button { padding-top: 10px;}
.section-login.non_members .join-message { display: inline-block; margin-top: 30px; margin-bottom: 40px; color: #666666; }
.section-login.non_members .join-message a { display: block; color: #0098f6; margin-top: 10px; text-decoration: none; }
.section-login.non_members .box-order .box-ordernum input[type="number"],
.section-login.non_members .box-order .box-email input[type="text"] {width: 187px; font-weight: 400;}