@charset "utf-8";

/** Reset **/
*{-webkit-tap-highlight-color:rgba(255, 255, 255, 0); outline: 0;}
html, body {min-height:100%; -webkit-text-size-adjust:none; }
body {font-size:14px; line-height:1.4; font-family:'맑은 고딕','Malgun Gothic','Apple-Gothic','애플고딕','돋움',Dotum,'굴림',Gulim,Helvetica,Arial, Sans-serif; color:#666;  letter-spacing:-.35px;}
table, th, td, input, select, button, textarea, pre {font:inherit; color:inherit;}
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, select, button, textarea, p, blockquote, table, th, td {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight: normal;}
ol, ul {list-style:none; -webkit-tap-highlight-color:rgba(255, 255, 255, 0); outline: 0;}
footer,
div{-webkit-tap-highlight-color:rgba(255, 255, 255, 0); outline: 0;}
img, fieldset {border:0;}
img {vertical-align:middle; }
a {color:#333; text-decoration:none; -webkit-tap-highlight-color:rgba(255, 255, 255, 0); outline: 0;}
table {border-spacing:0; border-collapse:collapse; border:0;}
th, td {word-break:break-all; word-wrap:break-word;}
label {cursor:pointer;}
Input, button {border:0; border-radius:0; -webkit-tap-highlight-color:rgba(255, 255, 255, 0); outline: 0;}
button {cursor: pointer; -webkit-tap-highlight-color:rgba(255, 255, 255, 0); outline: 0;}
textarea {resize:none;}
address, caption, cite, code, dfn, em, var {font-style:normal;}
hr {clear:both; display:none;}
blockquote, q {quotes:none;}
abbr, acronym {border:0;}
legend, caption {visibility:hidden; overflow:hidden; line-height:0; width:0; height:0; margin:0; padding:0; text-indent:-99999px; font-size:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display:block;}
.hidden {position:absolute; visibility:hidden; overflow:hidden; height:0; line-height:0; width:0; margin:0; padding:0; font:0/0 Arial;}


select {height:42px; padding:0 30px 0 14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border:1px solid #ddd; background:#fff url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_select.png) no-repeat right center; background-size:26px auto; border-radius:0px; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"] {-webkit-appearance:none; -moz-appearance:none; appearance:none; height:42px; padding:0 15px; color:#222; border:1px solid #ddd; box-sizing:border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
input[type="number"]::placeholder,
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="email"]::placeholder,
textarea::placeholder {color:#aaa;}
textarea {padding:0 15px; color:#222; border:1px solid #ddd; font-size:13px; line-height:19px; box-sizing:border-box;}

input[type="text"]:read-only,
input[type="number"]:read-only,
input[type="password"]:read-only,
input[type="email"]:read-only,
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="email"]:disabled{color:#bbb; background:#fbfbfb;}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none;}

/* skip */
#accessibility {position:relative; z-index:10000;}
#accessibility li {left:0; position:absolute; top: 0px;}
#accessibility a {display:block; font-size:1em; height:1px; overflow:hidden; width:1px;}

#accessibility a:focus, .skipcontent a:active {background-color:#fff; border:3px solid #dcdcdc; color:#222222; font-weight:600; height:auto; padding:2px 0; text-align:center; text-decoration:none; width:154px;}
.blind {visibility:hidden; position:absolute; left:-999px; top:-999px; z-index:-1; width:1px; height:1px; overflow:hidden;}

/* border line */
.top_line_box {border-top:10px solid #f6f6f6 !important;}
.bottom_line_box {border-bottom:10px solid #f6f6f6 !important;}
.topbot_line_box {border-top:10px solid #f6f6f6 !important; border-bottom:10px solid #f6f6f6 !important;}

.img_box {position:relative; overflow:hidden; display:block;}
.img_box img{width:100%; height:100%;}
.noimg_box {display:flex; justify-content:center; align-items:center; width:100%; min-width:70px; height:100%; min-height:100px; padding:0 23.5%; border-radius:inherit; background:#eee; box-shadow:3px 4px 7px 0 rgba(0, 0, 0, 0.1); box-sizing:border-box; z-index:2;}
.noimg_box img {max-width:94px; height:auto; box-shadow:none !important; transform:none !important;}

[data-fixed="fixed"].fixed > ul,
[data-fixed="fixed"].fixed > div {position:fixed; top:0; left:0; width:100%; z-index:20;}

.c_point {color:#5a68a1 !important;}
.c_point02 {color:#4cac26 !important;}

/* layout */
#wrap {position:relative; display:flex; flex-direction:column; min-height:100vh; letter-spacing:-.35px;}
#header {position:relative; display:flex; min-height:64px; z-index:11;}
#header .logo_wrap {position:absolute; top:10px; left:20px; display:flex;}
#header .logo_wrap .logo a {display:block; width:56px; height:40px; background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/logo_sub.png); background-repeat:no-repeat; background-size:100% 100%; font-size:0; line-height:0;}
#header .logo_wrap .logo_more {display:block; width:28px; height:30px; margin-top:10px; background-color:transparent; background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/btn_ci_down.png); background-position:center center; background-repeat:no-repeat; background-size:16px 16px; font-size:0; line-height:0; -webkit-transform: rotate(0deg);}
#header .logo_wrap .site_more {display:none; position:absolute; top:50px !important; left:-10px !important; padding:10px; background:#fff; border-radius:10px; box-shadow: 3px 4px 7px 0 rgba(0, 0, 0, 0.1); z-index:101;}
#header .logo_wrap .site_more li a {overflow:hidden; display:block; width:120px; height:42px; padding-left:33px; background-repeat:no-repeat; background-size:22px 22px; background-position:5px center; color:#222; font-size:14px; line-height:42px; box-sizing:border-box;}
#header .logo_wrap .site_more li.type_kyobo a {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/logo_kyobobook.png);}
#header .logo_wrap .site_more li.type_store a {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/logo_kyobo_store.png);}
#header .logo_wrap .site_more li.type_ebook a {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/logo_ebook.png);}
#header .logo_wrap .site_more li.type_sam a {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/logo_ebook_sam.png);}
#header .logo_wrap .site_more li.type_tocsoda a {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/logo_tocsoda.png);}
#header .logo_wrap .site_more li.type_used a {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/logo_used.png);}
#header .logo_wrap .site_more li.type_morning a {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/logo_morning.png);}
#header .logo_wrap .site_more li.type_story a {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/logo_story.png);}
#header .logo_wrap.selected .logo_more {-webkit-transform: rotate(-180deg);}
#header .logo_wrap.selected .site_more {display:block;}
#header #search_form {flex:1; /*height:64px; margin:0 52px 0 118px; padding-top:18px; box-sizing:border-box;*/}
#header #search_form .search_wrap {/*margin:0;*/}
#header .search_wrap {flex:1; position:relative; overflow:hidden; height:36px; margin:18px 52px 10px 118px; border-radius:18px;}
#header .search_wrap input {width:100%; height:100%; padding:0 45px 0 11px; border:none; background:#dedede; color:#222; font-size:12px; box-sizing:border-box; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; opacity:0.9;}
#header .search_wrap input::-webkit-input-placeholder {color:#222; font-weight:normal;}
#header .search_wrap input:-moz-placeholder {color:#222; font-weight:normal;}
#header .search_wrap input::-moz-placeholder {color:#222; font-weight:normal;}
#header .search_wrap input:-ms-input-placeholder {color:#222; font-weight:normal;}


#header .search_wrap .btn_h_search {position:absolute; top:0; right:0; width:45px; height:100%; background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_search_btn_sub.png); background-repeat:no-repeat; background-position:center center; background-size:28px 28px; background-color:transparent; font-size:0; line-height:0;}
#header .btn_cart {position:absolute; top:20px; right:15px;}
#header .btn_cart a {position:relative; display:block; width:32px; height:32px; background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_cart_sub.png); background-repeat:no-repeat; background-position:center center; background-size:100% 100%; font-size:0; line-height:0;}
#header .btn_cart a em {position:absolute; right:0; top:2px; min-width:13px; height:13px; padding:2px 3px 0; background:#4cac26; border-radius:6.5px; color:#fff; font-size:10px; line-height:100%; text-align:center; box-sizing:border-box;visibility:visible;transform:scale(1);transition:0.3s;}
#header .btn_cart a em:empty {visibility:hidden;transform:scale(0);}

#footer {padding:0 20px 175px 20px; border-top:5px solid #f6f6f6; background:#f6f6f6; letter-spacing:-.35px;}
#footer .f_t_munu {display:flex; margin:0 -20px; padding:0 25px; background:#fff;}
#footer .f_t_munu li {flex:1;}
#footer .f_t_munu li a {position:relative; display:block; height:50px; color:#444; font-size:13px; font-weight:700; line-height:50px; text-align:center;}
#footer .f_t_munu li a:before {content:''; position:absolute; left:0; top:50%; width:1px; height:10px; margin-top:-5px; background:#eee;}
#footer .f_t_munu li:first-child a:before {display:none;}
#footer .f_b_menu {display:flex; justify-content:space-between; margin-top:10px; border-bottom:1px solid #ddd;}
#footer .f_b_menu li a {display:block; color:#666; font-size:12px; line-height:44px;}
#footer .f_b_menu li:nth-child(2) a {font-weight:700;}
/* #footer .f_copyright {position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; padding-top:20px; color:#666; font-size:12px;}
#footer .f_copyright > em,
#footer .f_copyright > button {position:relative; padding:7px 15px 0 0; color:inherit; background:transparent;}
#footer .f_copyright > button:after {content:''; position:absolute; right:0; top:50%; width:10px; height:5px; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_copyright.png) no-repeat; background-size:100% 100%; -webkit-transform:rotate(180deg); transition:transform 0.3s;}
#footer .f_copyright [data-toggle="cont"] {display:none; position:absolute; top:70px; width:100%; font-size:11px; line-height:17px; letter-spacing:-.11px;}
#footer .f_copyright [data-toggle="cont"] a {color:inherit; font-weight:700; text-decoration:underline; text-underline-position:under;}
#footer .f_copyright.selected {padding-bottom:80px;}
#footer .f_copyright.selected > button:after {-webkit-transform:rotate(0deg);} */

/* 크롬 구버전 */
#footer .f_copyright {position:relative; display:inline-block; width:100%; padding-top:20px; color:#666; font-size:12px; vertical-align:top;}
#footer .f_copyright > em,
#footer .f_copyright > button {position:relative; float:left; padding:7px 15px 0 0; color:inherit; background:transparent;}
#footer .f_copyright > button {float:right;}
#footer .f_copyright > button:after {content:''; position:absolute; right:0; top:50%; width:10px; height:5px; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_copyright.png) no-repeat; background-size:100% 100%; -webkit-transform:rotate(180deg); transition:transform 0.3s;}
#footer .f_copyright [data-toggle="cont"] {display:none; position:absolute; top:70px; width:100%; font-size:11px; line-height:17px; letter-spacing:-.11px;}
#footer .f_copyright [data-toggle="cont"] a {color:inherit; font-weight:700; text-decoration:underline; text-underline-position:under;}
#footer .f_copyright.selected {padding-bottom:80px;}
#footer .f_copyright.selected > button:after {-webkit-transform:rotate(0deg);}

#container {position:relative; flex:1 0 auto;}
#container .alert_notice {position:absolute; top:115px; left:15px; right:15px; background:#fff; border-radius:20px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); z-index:20;}
#container .alert_notice .close_notice {position:absolute; top:0; right:3px; width:40px; height:40px; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_alert_close.png) no-repeat center center; background-size:20px 20px; font-size:0; line-height:0;}
#container .alert_notice a {position:relative; display:block; height:40px; padding:0 43px; color:#222; font-size:13px; line-height:42px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#container .alert_notice a:before {content:''; position:absolute; top:50%; left:15px; width:20px; height:20px; margin-top:-11px; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_bell_b.png) no-repeat; background-size:100% 100%;}
.btm_btn_wrap {position:fixed; left:0; bottom:20px; width:100%; z-index:100;}
.btm_btn_wrap [class^="btn_"] {position:absolute; width:40px; height:40px; border:1px solid #e5e5e5; background-repeat:no-repeat; background-color:#fff; background-size:24px 24px; background-position:center center; border-radius:100%; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.08); font-size:0; line-height:0; box-sizing:border-box;}
.btm_btn_wrap .btn_back {left:15px; bottom:0; background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_left_b.png);}
.btm_btn_wrap .btn_notice {right:15px; bottom:50px; background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_notice_off.png);}
.btm_btn_wrap .btn_notice.new_notice {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_notice_on.png);}
.btm_btn_wrap .btn_top {right:15px; bottom:0; background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_top_arrow.png);}
.detail_fixd_box ~ .btm_btn_wrap {bottom:76px;}
.detail_fixd_box.selected ~ .btm_btn_wrap {display:none;}
.btm_btn_wrap.top_btn_hide .btn_notice {bottom:0;}
.btm_btn_wrap.top_btn_hide .btn_top {display:none;}
/* .detail_fixd_box ~ .btm_btn_wrap [class^="btn_"], */
.navi_bar ~ .btm_btn_wrap  [class^="btn_"] {-webkit-transform:translateY(-56px); transform:translateY(-56px);}
.navi_bar.down ~ .btm_btn_wrap  [class^="btn_"] {-webkit-transform:translateY(0); transform:translateY(0);}

.navi_bar {position:fixed; left:0; bottom:0; display:flex; width:100%; height:56px; background:#fff; box-shadow: 0px 0px 55px 0 rgba(0, 0, 0, 0.1); transition:transform .5s; will-change:transform; z-index:100; -webkit-transform:translateY(0);}
.navi_bar a {position:relative; flex:1; display:flex; justify-content: center; align-items:center; font-size:0; line-height:0;}
.navi_bar a:before {content:''; display:block; width:28px; height:28px; background-repeat:no-repeat; background-size:100% 100%;}
.navi_bar a.nave_all:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_navi_all.png);}
.navi_bar a.nave_picks:before {width:48px; height:21px; background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_navi_picks.png);}
.navi_bar a.nave_picks:after {content:''; position:absolute; top:-8px; left:50%; margin-left:-22px;  width:46px; height:23px; background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_navi_picks_ai.png); background-repeat:no-repeat; background-size:100% 100%;}
.navi_bar a.navi_home:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_navi_home.png);}
.navi_bar a.navi_search:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_navi_search.png);}
.navi_bar a.navi_mypage:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_navi_mypage.png);}

.navi_bar a.navi_recently:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_navi_recently.png);}
.navi_bar a.navi_recently .cover {position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;width:28px;height:28px;border:1px solid #707070;overflow:hidden;border-radius:5px;}
.navi_bar a.navi_recently .cover:empty {display:none;}
.navi_bar a.navi_recently .cover img {width:100%;min-height:100%;}

.contents {position:relative; overflow:hidden; padding-bottom:70px;}
.navi_bar.down {-webkit-transform:translateY(65px); transform:translateY(65px);}

/* loading */
#loadingImg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0);z-index:1400;}
#loadingImg>span{display:block;position:absolute;top:50%;left:50%;width:66px;height:66px;margin:-33px 0 0 -33px;padding:1px;background:#e9eef2;border-radius:68px;}
#loadingImg>span>img{display:block;width:66px;height:66px;}

/* lnb */
.lnb_wrap {position:relative;}
.lnb_wrap .btn_close {position:fixed; top:13px; right:10px; width:34px; height:34px; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/pop_close_w.png) no-repeat center center; background-size:24px 24px; font-size:0; line-height:0; z-index:5;}
.lnb_wrap .lnb_contents {position:relative; padding-top:60px;}
.lnb_wrap .user_wrap {position:fixed; top:0; left:0; display:flex; align-items:center; justify-content:space-between; width:100%; padding:0 44px 0 20px; height:60px; background:#6f7dba; box-sizing:border-box; z-index:4;}
.lnb_wrap .user_wrap .user_login {position:relative; padding-right:25px; color:#fff; font-size:18px; line-height:24px;}
.lnb_wrap .user_wrap .user_login:after {content:'';position:absolute; right:0; top:-1px; width:24px; height:24px; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_arrow_right_w.png) no-repeat; background-size:100% 100%;}
.lnb_wrap .user_wrap .user_login strong {font-weight:700;}
.lnb_wrap .user_wrap .user_info .user_name,
.lnb_wrap .user_wrap .user_info .user_level {display:inline-block; vertical-align:middle;}
.lnb_wrap .user_wrap .user_info .user_name a,
.lnb_wrap .user_wrap .user_info .user_level a {display:block; color:#fff; line-height:24px;}
.lnb_wrap .user_wrap .user_info .user_name a {font-size:18px;}
.lnb_wrap .user_wrap .user_info .user_name a strong {font-weight:700;}
.lnb_wrap .user_wrap .user_info .user_level a {position:relative; margin-left:10px; padding:0 25px 0 10px; font-size:14px;}
.lnb_wrap .user_wrap .user_info .user_level a:before {content:'';position:absolute; left:0; top:50%; width:1px; height:14px; margin-top:-8px; background:rgba(255, 255, 255, .2);}
.lnb_wrap .user_wrap .user_info .user_level a:after {content:'';position:absolute; right:0; top:-1px; width:24px; height:24px; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_arrow_right_w.png) no-repeat; background-size:100% 100%;}
.lnb_wrap .user_wrap .user_setting a {display:block; width:24px; height:44px; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_setting_w.png) no-repeat center center; background-size:100% auto; font-size:0; line-height:0;}
.lnb_wrap .top_menu_list {display:flex; padding:0 10px;}
.lnb_wrap .top_menu_list li {flex:1;}
.lnb_wrap .top_menu_list li a {position:relative; display:block; height:80px; padding-top:15px; color:#222; font-size:12px; text-align:center; box-sizing:border-box;}
.lnb_wrap .top_menu_list li a:before {content:''; display:block; width:26px; height:26px; margin:0 auto 10px; background-repeat:no-repeat; background-size:100% 100%;}
.lnb_wrap .top_menu_list li.type_order a:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_order.png);}
.lnb_wrap .top_menu_list li.type_bankbook a:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_bankbook.png);}
.lnb_wrap .top_menu_list li.type_goldentime a:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_goldentime.png);}
.lnb_wrap .top_menu_list li.type_dailycheck a:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_dailycheck.png);}
.lnb_wrap .top_menu_list li.type_barodream a:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_barodream.png);}
.lnb_wrap .category_menu_list {display:flex; flex-wrap:wrap;}
.lnb_wrap .category_menu_list > li {width:25%; margin:-1px 0 0 -1px; border:1px solid #ddd; background-color:#f6f6f9; border-right:none;}
.lnb_wrap .category_menu_list > li h4 a {position:relative; overflow:hidden; display:block; height:88px; color:#222; font-size:14px; font-weight:700; text-align:center; box-sizing:border-box;}
.lnb_wrap .category_menu_list > li h4 a span {position:absolute; top:5px; right:5px; width:20px; height:20px; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_link.png) no-repeat; background-size:100% 100%; font-size:0; line-height:0;}
.lnb_wrap .category_menu_list > li h4 a:before {content:''; display:block; width:60px; height:42px; margin:9px auto 5px; background-position:center center; background-repeat:no-repeat; background-size:auto 100%;}
.lnb_wrap .category_menu_list > li.type_domestic h4 a:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_domestic.png); background-position:right center;}
.lnb_wrap .category_menu_list > li.type_overseas h4 a:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_overseas.png); background-position:right center;}
.lnb_wrap .category_menu_list > li.type_ebook_sam h4 a:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_ebook_sam.png);}
.lnb_wrap .category_menu_list > li.type_toksoda h4 a:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_toksoda.png);}
.lnb_wrap .category_menu_list > li.type_gift h4 a:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_lnb_gift.png);}
.lnb_wrap .category_menu_list > li.type_music h4 a:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_music.png);}
.lnb_wrap .category_menu_list > li.type_dvd h4 a:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_dvd.png);}
.lnb_wrap .category_menu_list > li.type_mused h4 a:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_mused.png);}
.lnb_wrap .category_menu_list > li.selected h4 a:after {content:''; position:absolute; bottom:6px; left:50%; width:4px; height:4px; margin-left:-2px; background:#5a68a1; border-radius:100%;}
.lnb_wrap .category_menu_list > li:nth-child(2) .category_contents,
.lnb_wrap .category_menu_list > li:nth-child(6) .category_contents {margin-left:-100%;}
.lnb_wrap .category_menu_list > li:nth-child(3) .category_contents,
.lnb_wrap .category_menu_list > li:nth-child(7) .category_contents {margin-left:-200%;}
.lnb_wrap .category_menu_list > li:nth-child(4) .category_contents,
.lnb_wrap .category_menu_list > li:nth-child(8) .category_contents {margin-left:-300%;}
.lnb_wrap .category_menu_list .category_contents {display:none; position:relative; width:400%; margin-top:-1px; padding:20px 20px 30px; border-top:1px solid #ddd; background:#fff; box-sizing:border-box; z-index:2;}
.lnb_wrap .category_menu_list .category_contents p {margin-top:5px; color:#4cac26; font-size:13px;}
.lnb_wrap .category_menu_list .category_contents h5 {margin:25px 0 10px 0; color:#222; font-size:14px; font-weight:700;}
.lnb_wrap .category_menu_list .category_contents h5 em {font-weight:400;}
.lnb_wrap .category_menu_list .category_contents p + .category_list {margin-top:3px;}
.lnb_wrap .category_menu_list .category_contents .category_import {display:flex; flex-wrap:wrap; margin:-5px 0 15px -10px;}
.lnb_wrap .category_menu_list .category_contents .category_import li {width:33.333%;}
.lnb_wrap .category_menu_list .category_contents .category_import li a {display:block; height:30px; margin:10px 0 0 10px; border:1px solid #aaa; background:#fff; font-size:13px; line-height:28px; text-align:center; box-sizing:border-box;}
.lnb_wrap .category_menu_list .category_contents .category_list {display:flex; flex-wrap:wrap; margin:-10px 0 0 -10px; padding-bottom:10px;}
.lnb_wrap .category_menu_list .category_contents .category_list li {width:33.333%; margin-top:17px;}
.lnb_wrap .category_menu_list .category_contents .category_list li a {display:block; padding:0 10px; font-size:13px; line-height:17px; word-break:break-all;}
.lnb_wrap .category_menu_list .selected {background:#fff;}
.lnb_wrap .category_menu_list .selected h4 a {border-right:1px solid #ddd; background:#fff; z-index:3;}
.lnb_wrap .main_service_box {padding:30px 20px;}
.lnb_wrap .main_service_box .tit_area {display:flex; justify-content: space-between;}
.lnb_wrap .main_service_box .tit_area div input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.lnb_wrap .main_service_box .tit_area div label {position:relative; display:inline-block; height:18px; padding-right:38px; color:#222; font-size:13px;}
.lnb_wrap .main_service_box .tit_area div label:after {content:''; position:absolute; right:0; top:0; width:32px; height:18px; background:#aaa; border-radius:9px; transition: background .2s;}
.lnb_wrap .main_service_box .tit_area div label:before {content:''; position:absolute; right:16px; top:2px; width:14px; height:14px; background:#fff; border-radius:100%; z-index:2; transition: right .2s;}
.lnb_wrap .main_service_box .tit_area div input[type="checkbox"]:checked + label:after {background:#4cac26;}
.lnb_wrap .main_service_box .tit_area div input[type="checkbox"]:checked + label:before {right:2px;}
.lnb_wrap .main_service_box ul {display:flex; flex-wrap:wrap; align-items:center; margin-top:10px;}
.lnb_wrap .main_service_box ul li {width:50%;}
.lnb_wrap .main_service_box ul li a {display:block; padding-right:10px; color:#222; font-size:14px; line-height:36px;}
.lnb_wrap .btm_menu_list {display:flex; flex-wrap:wrap; border-bottom:1px solid #ddd;}
.lnb_wrap .btm_menu_list li {width:50%; margin-left:-1px; border-top:1px solid #ddd; border-left:1px solid #ddd;}
.lnb_wrap .btm_menu_list li a {position:relative; display:block; height:48px; padding:0 30px 0 50px; color:#222; font-size:14px; line-height:50px;}
.lnb_wrap .btm_menu_list li a:after {content:''; position:absolute; right:8px; top:50%; width:18px; height:18px; margin-top:-9px; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_right_b.png) no-repeat; background-size:100% 100%;}
.lnb_wrap .btm_menu_list li a:before {content:''; position:absolute; left:20px; top:50%; width:20px; height:20px; margin-top:-10px; background-repeat:no-repeat; background-size:100% 100%;}
.lnb_wrap .btm_menu_list li.type_bookcast a:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_bookcast.png);}
.lnb_wrap .btm_menu_list li.type_booknews a:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_booknews.png);}
.lnb_wrap .btm_menu_list li.type_bookmorning a:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_bookmorning.png);}
.lnb_wrap .btm_menu_list li.type_story a:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_story.png);}
.lnb_wrap .btm_menu_list li.type_fb a:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_fb.png);}
.lnb_wrap .btm_menu_list li.type_kakao a:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_kakao.png);}
.lnb_wrap .btm_menu_list li.type_ig a:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_ig.png);}
.lnb_wrap .btm_menu_list li.type_yt a:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_yt.png);}
.lnb_wrap .btm_navi {display:flex; padding-bottom:28px; background:#f6f6f6;}
.lnb_wrap .btm_navi a {position:relative; flex:1; color:#666; font-size:13px; line-height:62px; font-weight:700; text-align:center;}
.lnb_wrap .btm_navi a:before {content:''; position:absolute; left:0; top:50%; width:1px; height:10px; margin-top:-4px; background:#ddd;}
.lnb_wrap .btm_navi a:first-child:before {display:none;}
.lnb_wrap .bookmark_box {position:relative; padding:30px 20px 40px;}
.lnb_wrap .bookmark_box .tit_area {display:flex; justify-content:space-between; margin-bottom:25px;}
.lnb_wrap .bookmark_box .tit_area .btn_edit {position:relative; height:24px; padding-left:26px; color:#222; font-size:13px; line-height:24px;}
.lnb_wrap .bookmark_box .tit_area .btn_edit:before {content:''; position:absolute; left:0; top:0; width:24px; height:24px; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_edit.png) no-repeat; background-size:100% 100%;}
.lnb_wrap .bookmark_box .bookmark_edit {text-align:center;}
.lnb_wrap .bookmark_box .bookmark_edit p {color:#666; font-size:14px;}
.lnb_wrap .bookmark_box .bookmark_edit p + .bookmark_list {margin-top:10px;}
.lnb_wrap .bookmark_box .bookmark_edit .btn_area {margin:20px auto 0; width:100%;}
.lnb_wrap .bookmark_box .bookmark_edit .btn_area a {display:block;}
.lnb_wrap .bookmark_box .bookmark_edit:not(.edit) .btn_area a:before {content:''; display:inline-block; width:24px; height:24px; margin-right:3px; background-repeat:no-repeat; background-size:100% 100%; vertical-align:-8px;}
.lnb_wrap .bookmark_box .bookmark_edit.login .btn_area a:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_user.png);}
.lnb_wrap .bookmark_box .bookmark_edit.setup .btn_area a:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_setting.png);}
.lnb_wrap .bookmark_box .bookmark_edit .bookmark_list {display:flex; flex-wrap:wrap; margin:-10px auto 0;}
.lnb_wrap .bookmark_box .bookmark_edit .bookmark_list li {width:calc(50% - 5px); margin-top:10px;}
.lnb_wrap .bookmark_box .bookmark_edit .bookmark_list li:nth-child(even) {margin-left:10px;}
.lnb_wrap .bookmark_box .bookmark_edit .bookmark_list li a {position:relative; display:block; height:34px; padding:0 12px 0 12px; border:1px dashed #aaa; color:#222; font-size:13px; font-weight:700; line-height:36px; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.lnb_wrap .bookmark_box .bookmark_edit.edit .btn_area a {border:none; background:#5a68a1; color:#fff;}
.lnb_wrap .bookmark_box .bookmark_edit.edit .bookmark_list li a {padding-right:25px; background:#fbfbfb;}
.lnb_wrap .bookmark_box .bookmark_edit.edit .bookmark_list li a:after {content:''; position:absolute; right:10px; top:50%; width:12px; height:12px; margin-top:-7px; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_close.png) no-repeat; background-size:100% 100%;}

/* title */
.c_tit {position:relative; color:#222; font-size:22px; line-height:28px; font-weight:700; letter-spacing:-.55px;}
.c_tit .ico_picks {position:absolute; top:10px; left:160px; width:40px; height:24px; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_picks.png) no-repeat; background-size:100% auto; font-size:0; line-height:0;}
.c_tit .tooltip_box {margin-left:3px; line-height:17px; vertical-align:2px;}
.c_tit_desc {display:block; margin-top:3px; color:#5a68a1; font-size:13px; line-height:18px;}
.c_tit02 {position:relative; color:#222; font-size:18px; font-weight:700; line-height:22px; letter-spacing:-.45px;}
.s_tit {position:relative; color:#222; font-size:16px; font-weight:700; line-height:18px;}

.s_tit .day_rank {display:inline-block; margin-left:6px;}
.s_tit em{font-size:13px; color:#fd6d4c;}
.tit_group_box {position:relative; display:flex; align-items:center; justify-content:center; height:50px; background:#fff;}
.tit_group_box .more_category {position:absolute; right:20px; top:10px; width:24px; height:24px; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_plus02.png) no-repeat center center; background-size:24px 24px; font-size:0; line-height:0;}
.tit_group_box .btn_back{position: absolute; top: 12px; left: 15px; overflow: hidden; width: 24px; height: 24px; color: transparent; background: url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_left_n.png) no-repeat 50% 50%; background-size: 100% 100%; z-index: 110;}

/* btn */
.btn_primary {display:inline-block; min-width:130px; height:40px; padding:0 10px; background:#5a68a1; color:#fff; font-size:13px; line-height:40px; text-align:center; vertical-align:middle; box-sizing:border-box;}
.btn_success {display:inline-block; min-width:130px; height:40px; padding:0 10px; background:#4cac26; color:#fff; font-size:13px; line-height:40px; text-align:center; vertical-align:middle; box-sizing:border-box;}
.btn_default {display:inline-block; min-width:130px; height:40px; padding:0 10px; border:1px solid #5a68a1; background:#fff; color:#5a68a1; font-size:13px; line-height:40px; text-align:center; vertical-align:middle; box-sizing:border-box;}
.btn_secondary {display:inline-block; min-width:130px; height:40px; padding:0 10px; background:#aaa; color:#fff; font-size:13px; line-height:40px; text-align:center; vertical-align:middle; box-sizing:border-box;}
.btn_primary span,
.btn_success span,
.btn_default span,
.btn_secondary span {font-size:10px; font-weight:400; letter-spacing:-.25px;}
.btn_outline {position: relative; display:inline-block; min-width:130px; height:40px; padding:0 10px; border:1px solid #aaa; background:#fff; color:#222; font-size:13px; font-weight:700; line-height:40px; text-align:center; vertical-align:middle; box-sizing:border-box;}
.btn_outline span{color:#666; font-weight: 400;}
.btn_outline span em{font-size:13px; color:#fd6d4c; font-weight: 700;}
.btn_outline.btn_sm {min-width:63px; height:24px; border-color:#ddd; border-radius:2px; color:#666; font-size:12px; font-weight:400; line-height:22px;}
.btn_outline.writing:after{content:''; display:inline-block; width:24px; height:24px; background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_review_pen.png); background-size:100%; vertical-align:middle;}
.btn_outline_r {display:inline-block; height:26px; padding:0 15px; border:1px solid #5a68a1; border-radius:14px; background:#fff; color:#5a68a1; font-size:13px; font-weight:400; line-height:25px; text-align:center; vertical-align:middle; box-sizing:border-box;}
.btn_more {display:inline-block; height:30px; padding:0 16px; border:1px solid #ddd; background:#fff; border-radius:15px; color:#222; font-size:12px; line-height:30px; vertical-align:middle; box-sizing:border-box;}
.btn_more:after {content:''; display:inline-block; width:12px; height:12px; margin-left:4px; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_plus.png) no-repeat; background-size:100% 100%; vertical-align:-2px;}
.btn_more.btn_sm {height:26px; padding:0 8px; border-radius:13px; line-height:26px;}
.btn_more_c {display:block; width:100%; height:35px; border-top:1px solid #ddd;  border-bottom:1px solid #ddd; background:transparent; color:#222; font-size:14px; text-align:center; box-sizing:border-box;}
.btn_more_c:after {content:''; display:inline-block; width:12px; height:12px; margin-left:4px; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_down_s.png) no-repeat; background-size:100% 100%; vertical-align:-2px;}
.btn_ico_more {display:inline-block; width:24px; height:24px; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_plus02.png) no-repeat; background-size:100% 100%; font-size:0; line-height:0; vertical-align:middle;}
.btn_lg {height:50px; font-size:16px; font-weight:700; line-height:50px; letter-spacing:-.4px;}
.btn_primary.btn_lg span,
.btn_success.btn_lg span,
.btn_default.btn_lg span,
.btn_secondary.btn_lg span {font-size:12px; letter-spacing:-.3px;}
.two_line {padding-top:11px; padding-bottom:7px; line-height:16px;}
.two_line span {display:block;}

.btn_outline.btn_green {border-color:#4cac26;color:#4cac26;background-color:#fff;}
.btn_outline.external:after {content:'';display:inline-block;vertical-align:0;margin:0 -3px 0 3px;width:5px;height:9px;background:url('https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_right_btn.png') no-repeat center;background-size:auto 100%;}
.btn_outline.coupon:after {content:'';display:inline-block;vertical-align:-1px;margin-left:3px;width:11px;height:11px;background:url('https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_download.png') no-repeat;background-size:100%;}
.btn_outline.coupon.btn_green:after {background-image:url('https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_download_g.png');}

.btn_area_box {display:flex;}
.btn_area_box [class^="btn_"] {flex:1;}
.btn_area_box [class^="btn_"] + [class^="btn_"] {margin-left:6px;}

.btn_like {display:inline-block; color:#666; font-size:12px; font-weight:400; line-height:16px;}
.btn_like strong {position:relative; display:inline-block; padding-right:7px; margin-right:4px; font-weight:400; vertical-align:-1px;}
.btn_like strong:after {content:''; position:absolute; right:0; top:2px; width:1px; height:10px; background:#eee;}
.btn_like em {display:inline-block; margin-left:4px; font-weight:700; vertical-align:-1px;}
.btn_like.selected .ico_heart {background-position:left -14px;}
.btn_like.selected .ico_heart.ico_lg {background-position:left -18px;}

.disabled,
button:disabled {color:#aaa !important; background-color:#eee !important; border-color:#eee !important;}

.details_my_record {position: relative;}
.details_my_record .btn_outline.btn_sm{position: absolute; right:0; top:-4px;}
.details_my_record .btnsm_box {margin: 0px 0 18px;}
.details_my_record .btnsm_box.btnsm_box02{height:30px; margin-top:20px;}
.details_my_record .btnsm_box .btn_outline.btn_sm{position: absolute; right:0; top:-4px;}

.details_my_record p{margin-top:18px; font-size:13px; color:#5a68a1;}
.details_my_record .btn_outline.writing{margin-top:20px;display:block; font-weight:700; }

/* label */
/* .label_ranking {display:inline-flex; flex-direction:column; align-items:center; width:34px; height:34px; background:#5a68a1; color:#fff; vertical-align:top;} */
.label_ranking {display:flex; height:18px; margin-bottom: 10px; }
.label_ranking .num {font-weight:700; width:40px; line-height:18px; text-align: center; font-size:13px; background:#6f7dba; border-radius: 2px; color:#fff; vertical-align:top;}
/* .label_ranking .chg {display:none;} */
.label_ranking .chg:before {content:''; width:20px; height:18px; background:#fff;}
/* .label_ranking_s.rk_1,
.label_ranking.rk_1 {background:#4cac26;} */
.label_ranking.rk_zo,
.label_ranking.rk_up, 
.label_ranking.rk_down{height:18px;} 
.label_ranking.rk_zo .chg,
.label_ranking.rk_down .chg,
.label_ranking.rk_up .chg { display:flex; justify-content:center; align-items:center; font-size:12px; color:#767676;}
.label_ranking.rk_zo .chg:before {content: ""; width:12px; height:18px; margin:2px 0 0 5px; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_rank_zo.png) no-repeat; background-size:100% 100%;}
.label_ranking.rk_up .chg:before {content: ""; width:12px; height:18px; margin:0 0 0 5px; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_rnk_up_v1.png) no-repeat; background-size:100% 100%;}
.label_ranking.rk_down .chg:before {content: ""; width:12px; height:18px; margin:2px 0 0 5px; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_rnk_down_v1.png) no-repeat; background-size:100% 100%;}
.label_ranking .label_outline07,
.label_ranking .label_outline08{vertical-align: unset; margin-left:5px; font-size:11px;}
.label_ranking_s {display:inline-block; width:40px; line-height:18px; text-align: center; background:#6f7dba; border-radius: 2px; vertical-align:top;}
.label_ranking_s .num{font-weight:700; font-size:13px; color:#fff;}
.label_rating{display:inline-block; width:40px; line-height:18px; text-align: center; background:#6f7dba; border-radius: 2px; vertical-align:top;}
.label_rating strong{font-weight:700; font-size:13px; color:#fff;}


.label_discount {display:inline-flex; justify-content:center; align-items:center; width:44px; height:44px; background:#fd6d4c; border-radius:100%; color:#fff; line-height:1; vertical-align:middle;}
.label_discount strong {font-size:19px; font-weight:700;}
.label_discount em {font-size:11px;}
.label_discount.type_two {flex-direction:column;}
.label_discount.type_two strong {font-size:14px;}
.label_discount.type_two span:first-child {margin-top:3px;}
.label_discount.type_two .plus {margin:-2px 0; font-size:11px;}
.label_discount.type_two.label_lg strong {font-size:18px;}
.label_discount.label_lg {width:60px; height:60px;}
.label_discount.label_lg span{padding-top:3px;}
.label_discount.label_lg strong {font-size:24px;}

[class^="label_outline"] {display:inline-block; height:17px; padding:0 5px; border-radius:2px; font-size:11px; font-weight:400; line-height:15px; box-sizing:border-box; vertical-align:middle;}
.label_outline01 {border:1px solid #5a68a1; color:#5a68a1;}
.label_outline02 {border:1px solid #cdd1e3; color:#5a68a1;}
.label_outline03 {border:1px solid #aaa; color:#aaa;}
.label_outline04 {height:14px; border:1px solid #fd6d4c; color:#fd6d4c; line-height:12px;}
.label_outline05 {background:#6f7dba; height:18px; }
.label_outline06 {color:#5a68a1; border:1px solid #5a68a1;}
.label_outline07 {color:#f84450; border:1px solid #f84450;}
.label_outline08 {color:#5f7ff3; border:1px solid #5f7ff3;}

.label_flag {display:inline-block; height:17px; padding:0 5px; border-radius:2px; background:#8a8a8a; color:#fff; font-size:11px; line-height:17px; text-align:center; box-sizing:border-box; vertical-align:middle;}
.label_flag:after {content:'';display:inline-block;vertical-align:top;height:0;width:0;margin:0 -5px 0 4px;border:0 solid transparent;border-width:8.5px 7px 8.5px 0;border-right-color:#fff;}

[class^="label_pill"] {display:inline-block; height:17px; padding:0 5px; border-radius:2px; color:#fff; font-size:11px; line-height:17px; text-align:center; box-sizing:border-box; vertical-align:middle;}
[class^="label_pill"].label_lg {min-width:45px; height:22px; padding:0 6px; border-radius:4px; font-size:12px; font-weight:700; line-height:22px;}
.label_pill01 {background:#4cac26;}
.label_pill02 {background:#5a68a1;}
.label_pill03 {background:#eeeeee; color:#4cac26;}
.label_pill04 {background:#eee; color:#666;}

.label_pill06 {background:#767676;}

.label_sideline {display: inline-block; height: 17px; padding: 0 6px; border-radius: 2px; font-size: 11px; color:#5a68a1;  font-weight: 400; line-height: 17px; box-sizing: border-box; vertical-align: middle;}

.minus_sale{display:block;  margin-top:10px; font-size:12px; color:#aaa; text-decoration: line-through;}
.publi_sale{display:block;  margin-top:10px; font-size:12px; color:#666;}
.user_tok{width:100%; margin-top:18px; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height:18px; text-align: left; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
.user_tok span{position: relative; padding-right:15px; font-size:12px; color:#666; line-height:17px; font-weight:700;}
.user_tok:not(.user_tok_v2) span::before{content:'';  position: absolute; right:5px; top:1px; background-color:#eee; width:1px; height:10px;}
.user_tok em{ font-size:12px; color:#666; font-weight:400;}
.user_tok.user_tok_v2 em {display:block; margin-top:10px;font-size:14px;line-height:1.5;}

.blue_ticket,
.green_ticket{width:100%; display:block; margin-top:18px; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis;}
.blue_ticket span,
.green_ticket span{display:inline-block; padding:0 5px; height:17px; border-radius: 2px; line-height:18px; margin-right:4px; text-align:center; vertical-align: text-bottom; font-size:11px; color:#fff; background-color:#4cac26;}
.blue_ticket em,
.green_ticket em{font-size:13px; color:#444; font-weight:700;}
.blue_ticket span{background-color:#5a68a1;}
.book_review{display:block; margin-top:12px;}
.book_review span{position:relative; padding-left:21px; font-size:12px; color:#767676; vertical-align: middle;}
.book_review span::after{content:''; position: absolute; left:0; top:-2px; width:18px; height:17px; background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_review.png); background-repeat:no-repeat; background-size:100%;}

/* ico */
.ico_rating_star {display:inline-block; width:78px; height:14px; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_star_group.png) no-repeat; background-size:100% auto; font-size:0; line-height:0; vertical-align:middle;}
.ico_rating_star.level00 {background-position:left 0;}
.ico_rating_star.level01 {background-position:left -14px;}
.ico_rating_star.level02 {background-position:left -28px;}
.ico_rating_star.level03 {background-position:left -42px;}
.ico_rating_star.level04 {background-position:left -56px;}
.ico_rating_star.level05 {background-position:left -70px;}

.ico_rating_star_l {display:inline-block; width:152px; height:24px; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_star_group_l.png) no-repeat; background-size:100% auto; font-size:0; line-height:0; vertical-align:middle;}
.ico_rating_star_l.level00 {background-position:left 0;}
.ico_rating_star_l.level01 {background-position:left -24px;}
.ico_rating_star_l.level02 {background-position:left -48px;}
.ico_rating_star_l.level03 {background-position:left -72px;}
.ico_rating_star_l.level04 {background-position:left -96px;}
.ico_rating_star_l.level05 {background-position:left -120px;}

.ico_rating_heart {display:inline-block; width:65px; height:12px; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_heart_group.png) no-repeat; background-size:100% auto; font-size:0; line-height:0; vertical-align:middle;}
.ico_rating_heart.level00 {background-position:left 0;}
.ico_rating_heart.level01 {background-position:left -12px;}
.ico_rating_heart.level02 {background-position:left -24px;}
.ico_rating_heart.level03 {background-position:left -36px;}
.ico_rating_heart.level04 {background-position:left -48px;}

.btn_tok{margin-left:15px;}
.btn_tok .ico_tok{display: inline-block; width:18px; height:18px;  font-size:0; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_tok.png) no-repeat; background-size:100%; vertical-align:middle; }
.btn_tok em{display: inline-block; margin-left:4px; line-height: 18px; color: #666; font-size: 13px; font-weight: 700; vertical-align: -1px;}

.ico_heart {display:inline-block; width:16px; height:14px; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_heart.png) no-repeat; background-size:100% auto; font-size:0; line-height:0; vertical-align:middle;}
.ico_heart.on {background-position:left -15px;}
.ico_heart.ico_lg {width:20px; height:18px;}
.ico_heart.ico_lg.on {background-position:left -18px;}
.ico_heart_b {display:inline-block; width:24px; height:22px; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_heart_b.png) no-repeat; background-size:100% auto; font-size:0; line-height:0; vertical-align:middle;}
.ico_heart_b.on {background-position:left -22px;}
.ico_star_b {display:inline-block; width:24px; height:24px; margin-right: 5px; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_star_b.png) no-repeat; background-size:100% auto; font-size:0; line-height:0; vertical-align:middle;}
.ico_star_b.on {background-position:left -24px;}

.ico_klover {display:inline-block; width:15px; height:22px; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_klover_group.png) no-repeat; background-size:100% auto; font-size:0; line-height:0; vertical-align:middle;}
.ico_klover.level00 {background-position:left 0;}
.ico_klover.level01 {background-position:left -23px;}
.ico_klover.level02 {background-position:left -46px;}
.ico_klover.level03 {background-position:left -69px;}
.ico_klover.level04 {background-position:left -92px;}
.ico_klover.level05 {width:27px; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_klover_lv5.png) no-repeat; background-size:100% 100%;}
.klover_num {font-size:12px;}
.klover_num .klover_tok{font-size:12px; color:#aaa;}
.klover_num .ico_klover{margin-right:6px;}
.ico_klover_l {display:inline-block; width:40px; height:58px; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_klover_group_l.png) no-repeat; background-size:100% auto; font-size:0; line-height:0; vertical-align:middle;}
.ico_klover_l.level00 {background-position:left 0;}
.ico_klover_l.level01 {background-position:left -59px;}
.ico_klover_l.level02 {background-position:left -118px;}
.ico_klover_l.level03 {background-position:left -177px;}
.ico_klover_l.level04 {background-position:left -236px;}
.ico_klover_l.level05 {width:72px; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_klover_lv5.png) no-repeat; background-size:100% 100%;}

/* 타이머 팝업 */
[class^="use_"]{position:absolute; z-index: 99; }
[class^="use_"]::before{}
.use_txt{font-size:14px; color:#fff; font-weight: 700; text-align:center; line-height: 1.36;}
.use_popup .usebox{display: inline;}

.use_popup01{top:72px !important; left:50%; width:148px; -webkit-transform: translate(-50%, -50%); }
.use_popup01 .usebox{display: flex; align-items: center; justify-content: center;  height:30px; background:#fff; border-radius:20px; box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);}
.use_popup01 .usebox::before{content:''; width:10px; height:4px; position: absolute; top:34%; left:50%; -webkit-transform: translate(-50%, -50%); background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/usew_img.png); background-repeat: no-repeat; background-size: 100%;}
.use_popup01 .usebox .use_txt{ font-size:13px; color:#000; font-weight: 700; letter-spacing: -1.3px; text-align:center; line-height: 1.36;}
.use_popup01 .img_box{width:80px; height:50px; margin: 14px 0 0 60px;}
.use_popup01 .img_box .hand_img{display:block; width:80px; height:28px; font-size:0; border-radius: 14px; background-image: linear-gradient(to right, #ffffff -12%, rgba(255, 255, 255, 0) 110%);}
.use_popup01 .img_box .hand_img::after{content:''; position: absolute; top:4px; left:4px; width:20px; height:20px; border-radius: 100%; background:#fff; }
.use_popup01 .img_box .hand_img::before{content:''; z-index: 1; position: absolute; top:10px; left:8px; width:44px; height:46px;  background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_hand.png); background-repeat: no-repeat; background-size: 100%;}
.use_popup02{top:50%; left:50%; width:256px; -webkit-transform: translate(-50%, -50%); }
.use_popup02 .usebox{display: flex; align-items: center; justify-content: center; height:34px; background:rgba(27, 193, 60, 0.9); border-radius:20px; box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);}
.use_popup02 .usebox::before{content:''; width:10px; height:4px; position: absolute; top:37%; left:50%; -webkit-transform: translate(-50%, -50%); background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/useg_img.png); background-repeat: no-repeat; background-size: 100%;}
.use_popup02 .usebox .use_txt{ font-size:13px; color:#fff; font-weight: 700; letter-spacing: -1.3px; text-align:center; line-height: 1.36;}
.use_popup02 .img_box{width:80px; height:50px; margin: 14px 0 0 114px;}
.use_popup02 .img_box .hand_img{display:block; width:80px; height:28px; font-size:0; border-radius: 14px; background-image: linear-gradient(to right, #23cd45 -12%, rgba(35, 205, 69, 0) 110%);}
.use_popup02 .img_box .hand_img::after{content:''; position: absolute; top:4px; left:4px; width:20px; height:20px; border-radius: 100%; background:#fff; }
.use_popup02 .img_box .hand_img::before{content:''; z-index: 9; position: absolute; top:10px; left:8px; width:44px; height:46px;  background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_hand.png); background-repeat: no-repeat; background-size: 100%;}
.use_popup03{top:50%; left:50%; -webkit-transform: translate(-55%, -45%); }
.use_popup03 .usebox{display: flex; align-items: center; justify-content: center; width:130px; height:130px; background:rgba(27, 193, 60, 0.9); border-radius: 100%; box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);}
.use_popup03 .usebox .use_txt{ font-size:14px; color:#fff; font-weight: 700; text-align:center; line-height: 1.36;}
.use_popup04{top:50%; left:50%; -webkit-transform: translate(-55%, -55%); }
.use_popup04 .usebox{display: flex; align-items: center; justify-content: center; width:130px; height:130px; background:rgba(27, 193, 60, 0.9); border-radius: 100%; box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);}
.use_popup04 .usebox .use_txt{ font-size:14px; color:#fff; font-weight: 700; text-align:center; line-height: 1.36;}
.use_popup05{top:252px; left:50%; width:248px; -webkit-transform: translate(-50%, -50%); }
.use_popup05 .usebox{display: flex; align-items: center; justify-content: center; height:34px; background:rgba(27, 193, 60, 0.9); border-radius:20px; box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);}
.use_popup05 .usebox::before{content:''; width:10px; height:4px; position: absolute; bottom:-6px; left:50%; -webkit-transform: translate(-50%, -50%); background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/useg_img.png); background-repeat: no-repeat; background-size: 100%;}
.use_popup05 .usebox .use_txt{ font-size:13px; color:#fff; font-weight: 700; letter-spacing: -1.3px; text-align:center; line-height: 1.36;}
.use_popup06{top:387px; left:50%; width:248px; -webkit-transform: translate(-50%, -50%); }
.use_popup06 .usebox{display: flex; align-items: center; justify-content: center; height:34px; background:rgba(27, 193, 60, 0.9); border-radius:20px; box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);}
.use_popup06 .usebox .use_txt{ font-size:13px; color:#fff; font-weight: 700; letter-spacing: -1.3px; text-align:center; line-height: 1.36;}
.use_popup06 .usebox .use_img{width:10px; height:4px; position: absolute; top:-4px; left:85px; -webkit-transform: rotate(-180deg); }
.use_popup07{top:80px; left:150px; width:260px; -webkit-transform: translate(-50%, -50%); }
.use_popup07 .usebox{display: flex; align-items: center; justify-content: center; height:34px; background:rgba(27, 193, 60, 0.9); border-radius:20px; box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);}
.use_popup07 .usebox::before{content:''; width:10px; height:4px; position: absolute; top:-4px; left:30px; -webkit-transform: rotate(-180deg); background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/useg_img.png); background-repeat: no-repeat; background-size: 100%;}
.use_popup07 .usebox .use_txt{ font-size:13px; color:#fff; font-weight: 700; letter-spacing: -1.3px; text-align:center;}
.use_popup07 .usebox .use_txt::after{content:''; display:inline-block; width:15px; height:15px; margin-left:7px; vertical-align: text-bottom; background-image: url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/pop_close_w.png); background-repeat: no-repeat; background-size: 100%;}
/* 체크박스 라디오 */
.checkd {position: relative;}
.checkd input[type="checkbox"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
.checkd input[type="checkbox"] + label {display: inline-block; position: relative; font-size:13px; color:#666; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.checkd input[type="checkbox"] + label:before { content:''; display: inline-block; margin-right:5px; margin-top:-3px; width: 18px;  height: 18px; text-align: center; vertical-align: middle; background-color: #fff; border: 1px solid #ddd; border-radius : 2px; box-sizing:border-box;}
.checkd input[type="checkbox"]:checked + label:before {width:18px; height:18px; background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_check_img.png); background-repeat:no-repeat; background-size: 10px 10px; background-position: center;}

/* 카테고리 */
.category span a{font-size:13px; color:#666; font-weight:400; text-decoration:underline; text-underline-position: under;}
.category span:after{content:'>'; font-size:13px; color:#666; padding:0 2px 0 7px;}
.category span:last-child:after{content:''; display:none;}
.category span.selected:after{content:''; display:none;} 
.category span.selected a{color:#5a68a1; text-decoration:underline; text-underline-position: under;}

/* TAB */
.tab-content {display:none;}
.tab-content.tab-content-selected {display:block;}
.tab_box .tab_list{display:flex; height:50px; background:#fff;}
.tab_box .tab_list li{flex:1; text-align:center; box-sizing: border-box;}
.tab_box .tab_list li a{display: block; padding:17px 0 14px; font-size:14px; color:#666; font-weight: 400; }
.tab_box .tab_list li.selected{border-bottom: 2px solid #5a68a1; box-sizing: border-box;}
.tab_box .tab_list li.selected a{color:#5a68a1; font-weight: 700; }
.seller_tab_box{ padding-bottom:20px;}
.seller_tab_box .tab_list{display:flex; height:50px; background:#fff;}
.seller_tab_box .tab_list li{flex:1; text-align:center; box-sizing: border-box;}
.seller_tab_box .tab_list li a{display: block; padding:17px 0 14px; font-size:14px; color:#666; font-weight: 400; }
.seller_tab_box .tab_list li.selected{border-bottom: 2px solid #5a68a1; box-sizing: border-box;}
.seller_tab_box .tab_list li.selected a{color:#5a68a1; font-weight: 700; }

.ico_tab_innde{display:flex; padding:0 10px;}
.ico_tab_innde li {flex: 1;}
.ico_tab_innde li a {display: block; text-align: center;}
.ico_tab_innde li span {display:flex; justify-content:center; align-items:center; width:80px; height:80px; margin:0 auto 10px; border-radius:30px; font-size:0; line-height:0; background-color:#f6f6f9;}
.ico_tab_innde li span:before{content:''; width:42px; height:42px; background-size:100% auto; background-repeat:no-repeat;}
.ico_tab_innde li.selected span {background-color:#eaeeff;}
.ico_tab_innde li strong{display:block; font-size:14px; color:#222; font-weight:400; line-height:19px; }
.ico_tab_innde li.selected strong{color:#5a68a1; font-weight:700;}
.ico_tab_innde li span.on:before{content: ''; background-position:left -42px;}
.ico_tab_innde li.selected span:before{content: ''; background-position:left -42px;}
.ico_tab_innde li .ico_dvd_img:before{background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_tab_dvd.png);}
.ico_tab_innde li .ico_gift_img:before{background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_tab_gift.png);}
.ico_tab_innde li .ico_appointed_img:before{background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_tab_appointed.png);}
.ico_tab_innde li .ico_best_img:before{background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_tab_best.png);}
.ico_tab_innde li .ico_cd_img:before{background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_tab_cd.png);}
.ico_tab_innde li .ico_hot_img:before{background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_tab_hot.png);}
.ico_tab_innde li .ico_new_img:before{background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_tab_new.png);}
.ico_tab_innde li .ico_realtime_img:before{background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_tab_realtime.png);}
.ico_tab_innde li .ico_seller_img:before{background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_tab_seller.png);}

/* tab_box_type */
.tab_box_type .tab_list li{flex:1; height:52px;  line-height: 52px; }
.tab_box_type .tab_list{display:flex; text-align:center; width:100%; overflow-x:auto; border-bottom: 1px solid #eee; background:#fff; box-sizing: border-box; white-space:nowrap;}
.tab_box_type .tab_list::-webkit-scrollbar {display:none;}
.tab_box_type .tab_list li a{position: relative;  font-size:16px; color:#666; font-weight:400; display:block; padding:0 15px; text-align: center; white-space: nowrap;}
.tab_box_type .tab_list li:first-child a {margin-left:20px;}
.tab_box_type .tab_list li:last-child a {margin-right:20px;}
.tab_box_type .tab_list li.selected a{font-weight:700; color:#5a68a1;}
.tab_box_type .tab_list li.selected a::after{content: ''; position: absolute; bottom: 0; left: 5px; right: 5px; height: 4px; background: #5a68a1; border-radius: 5px; }

/* tab_box_type02 */
.tab_box_type02 .tab_list{display:flex; text-align:center; width:100%; box-sizing: border-box; overflow-x:auto; white-space:nowrap;}
.tab_box_type02 .tab_list::-webkit-scrollbar {display:none;}
.tab_box_type02 .tab_list li{position:relative; padding:0 10px;}
.tab_box_type02 .tab_list li:not(:first-child):before{content:''; position:absolute; left:0; top:10px; width:1px; height:10px; background:#eee;}
.tab_box_type02 .tab_list li a{display:block; height:33px; font-size:18px; line-height:33px; color:#767676; font-weight:700; box-sizing:border-box; letter-spacing:-.45px;}
.tab_box_type02 .tab_list li:first-child a{margin-left:10px;}
.tab_box_type02 .tab_list li:last-child a{margin-right:10px;}
.tab_box_type02 .tab_list li.selected a{border-bottom:2px solid #5a68a1; font-weight:700; color:#222;}

/* tooltip */
.tooltip{position:relative; display:block; z-index: 12; border-radius: 4px; background:#5a68a1;}
.tooltip:before{content:''; position:absolute; top:-6px; left:14%; width:10px; height:6px; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/tooltip_arrow_b.png); background-size:100%;}
.tooltip_w{display:none; z-index:9; position:absolute; top:0; left:0; width:230px; margin-left:-115px; padding:15px; box-shadow: 4px 6px 6px 0 rgba(0, 0, 0, 0.1); border: solid 1px #5a68a1; font-size:12px; line-height:17px; color:#222; border-radius: 5px; box-sizing: border-box; background-color: #ffffff;}
.tooltip_w:before{content: ''; position: absolute; top:-6px; left:50%; width:10px; height:6px; margin-left:-5px; background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/tooltip_arrow_w.png); background-repeat: no-repeat; background-size:100%; }
.tooltip_w ul li {padding-left:8px; text-indent:-8px;}
.tooltip_w[data-placement="left"] {left:0 !important; margin:0;}
.tooltip_w[data-placement="left"]:before {left:30px;}
.day_rank + .tooltip_w[data-placement="left"] {left:-23px !important;}
.tooltip_w[data-placement="right"] {right:0; left:auto !important; margin:0;}
.tooltip_w[data-placement="right"]:before {right:30px; left:auto;}
.day_rank + .tooltip_w[data-placement="right"] {right:-13px;}
.day_rank + .tooltip_w[data-placement="right"]:before {right:16px; left:auto;}
.day_rank{display:inline-block; width:17px; height:17px;  background:#fff; font-size:0; background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_ques02.png); background-repeat: no-repeat; background-size:100% auto; vertical-align:middle;}
.total_rank{display:inline-block; width:63px; height:24px; border-radius:2px; border:1px solid #ddd; background-color:#fff; font-size:12px;vertical-align:middle;}
[data-tooltip="wrap"] {position:relative; display:inline-block;}
[data-tooltip="wrap"].selected .day_rank{background-position:left -18px;}
[data-tooltip="wrap"].selected .total_rank{border-color:#5a68a1;}
[data-tooltip="wrap"].selected .tooltip_w {display:block;}

/* 신상품 */
/* 모바일 간략 펼쳐보기 */
.listmenu_btn_box.listmenu_grey,
.listmenu_btn_box.listmenu_grey .newlist_btn .view_newlist,
.listmenu_btn_box.listmenu_grey .view_type button{background-color:#fbfbfb;}
.listmenu_btn_box.listmenu_grey{border-bottom: none;}
.listmenu_btn_box{height:44px; position: relative; display:flex; padding:0 20px; background:#fff; border-bottom:1px solid #eee; justify-content: space-between; align-items: center;}
.listmenu_btn_box.top_line_list{border-top:1px solid #eee;}
.listmenu_btn_box .view_type {flex:1; margin-right:-5px; text-align:right;}
.listmenu_btn_box .view_type button{display: inline-block; width:28px; height:28px; background-repeat:no-repeat; background-position:center center; background-size:18px 15px; background-color:#fff; font-size:0;}
.listmenu_btn_box .view_list {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_view_list_c.png); }
.listmenu_btn_box .view_thumb {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_view_thumb_c.png); }
.listmenu_btn_box .view_list.selected{background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_view_list_o.png); }
.listmenu_btn_box .view_thumb.selected{background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_view_thumb_o.png); }

/* 모바일 실시간 펼쳐보기 */
.product_inner{ border-bottom:1px solid #eee; padding: 20px; box-sizing: border-box;}
.view_list_box:not(.sel_change) .product_inner:last-child{border-bottom:none;}

.product_box.sel_change .product_data .bok_name,
.view_list_box.sel_change .product_inner .product_box .product_data.product_realtime .bok_name{margin-top:48px;}
.view_list_box.sel_change .product_inner .product_box .product_data.product_realtime .label_ranking, 
.sel_change .product_inner .product_box .product_data.product_realtime .label_ranking{position: absolute; top: 20px; left: 0;}
/* 신상품 아이콘 툴팁 */
.newbook_view_list {height:155px; padding:20px 0 0px;}
.newbook_view_list .ico_tab_innde{align-items: center; }
.newbook_view_list .ico_tab_innde li .tooltip{display:none;}
.newbook_view_list .ico_tab_innde li.selected .tooltip{display:block; z-index: 12; position: absolute; top:135px; left:20px; right:20px; border-radius: 4px; background:#989cab;}
.newbook_view_list .ico_tab_innde li.selected .tooltip .text_w{font-size:12px; color:#fff; font-weight:400; padding:10px; }
.newbook_view_list .ico_tab_innde li.selected .tooltip .text_w .text_l{color:#fcf4c1;}
.newbook_view_list .ico_tab_innde li.selected:nth-child(1) .tooltip::before{left:14%;}
.newbook_view_list .ico_tab_innde li.selected:nth-child(2) .tooltip::before{left:50%;}
.newbook_view_list .ico_tab_innde li.selected:nth-child(3) .tooltip::before{left:84%;}

/* 신규등록일자 순 */
.newlist_btn{position: relative;}
.newlist_btn .view_newlist{position: relative; width:130px; height:38px; padding-right:34px; font-size:13px; color:#666; line-height:39px; font-weight:400; text-align:left; background:#fff; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.newlist_btn .view_newlist:after{content:''; position:absolute; top:10px; right:10px; width:18px; height:18px;  background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_down_n.png); background-size: 100%; background-position: 100% 100%; background-repeat: no-repeat;}      
.newlist_btn .view_newlist.selected:after{-webkit-transform:rotate(180deg);}
.newlist_btn .newlist_box{display:none; z-index: 9; position:absolute; top:40px !important; left:0 !important; width:120px; height:auto; border:1px solid #aaa; box-sizing: border-box; background-color:#fff;}
.newlist_btn .newlist_box li{border-bottom:1px solid #aaa; box-sizing: border-box;}
.newlist_btn .newlist_box li:last-child{border-bottom:none;}
.newlist_btn .newlist_box li a{display:block; line-height:40px; padding:0 10px; font-size:13px; color:#666;}
.newlist_btn .newlist_box li.selected a{color:#4cac26;}
.newlist_btn.selected .newlist_box {display:block;}

/* 상품목록 */
.product_box{display: flex; position:relative; flex-wrap: wrap; box-sizing: border-box;}
.product_box .link_box{display: flex; position:relative; flex-wrap: wrap; align-content:start; align-items: flex-start; width:100%; box-sizing: border-box;}
.product_box .img_box{ display:flex; flex-direction:column; overflow:visible; width:120px; height:175px; margin:0 auto;}
.product_box .img_box img{height:auto; max-height:100%; box-shadow: 3px 4px 7px 0 rgba(0, 0, 0, 0.1);}
.img_box .label_ranking_s{position: absolute; top:0; left:0; z-index:3;}
.img_box .label_ranking{position: absolute; top:0; left:0; z-index:3;}
.img_box .label_pill01{position: absolute; top:4px; right:4px; z-index:3;}
.img_box .label_discount{position: absolute; bottom:4px; right:4px; z-index:3;}
.img_box .label_rating{position: absolute;  top:0; left:0; z-index:3;}

.product_box .product_data {flex:1; margin-left:20px; width: 140px;}
.product_box .product_data .bok_name{max-height:35px; margin-top:2px; overflow: hidden;  font-size:14px; color:#222; line-height:16px; text-align: left; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break:break-all;}
.product_box .product_data .bok_name .label_outline04{vertical-align: middle; margin-right:5px; margin-bottom: 1px;}
.product_box .product_data .bok_data{display:block; overflow: hidden; margin-top:9px;}
.product_box .product_data .bok_data span {display:block; line-height:16px; font-weight:400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size:12px; color: #767676;}
.product_box .product_data .bok_value{display:block; overflow: hidden; margin-top:9px; font-size:0;}
.product_box .product_data .bok_value .value_sale{ margin-right: 6px;  font-size: 17px; color: #4cac26; font-weight:700;}
.product_box .product_data .bok_value strong{font-size: 17px; color: #222; line-height:17px; font-weight:700;}
.product_box .product_data .bok_value strong em{font-size: 12px; font-weight:400;}
.product_box .product_data .bok_value span { white-space: nowrap; line-height:13px; font-size:12px; color: #767676;}
.product_box .product_data .bok_value span:last-child {display:block;}
.product_box .product_data .klover_num{display:block; margin-top:10px;}
.product_box .product_data .coupon_img{display:block; margin-top:10px;}
.product_box .product_key button{position: absolute; top:-22px; right:0; width:26px; height:26px; transition: transform 0.3s; -webkit-transform: rotate( 0deg ); font-size:0; background: url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/btn_arrow_dwon.png); background-repeat: no-repeat; background-size:100%; }
.product_box .product_key.selected button{-webkit-transform: rotate( 180deg );}
.product_box .product_key{position: relative; display: flex; width:100%; flex-direction:column;}
.product_box .product_key div{display: none; margin-top:12px;}
.product_box .product_key div a{width:49%; min-width:auto;}
.product_box .product_key div a:first-child{margin-right:5px;}
.product_box .product_key.selected div {display:block;}
.product_box .delivery_box{width:100%; margin-top:8px;}
.product_box .delivery_box strong{font-size:12px; color:#5a68a1; font-weight:700;}
.product_box .delivery_box span{font-size:12px; color:#666; font-weight:400;}
.product_box .delivery_box em{font-size:12px; color:#5a68a1; font-weight:400;}

.view_list_box .product_box .product_data .bok_name { font-size:16px; line-height:20px;max-height:38px;}
/* 상품목록 간략보기 */
.product_box.sel_change,
.view_list_box.sel_change .product_inner .product_box{flex-direction: column;}
.view_list_box.sel_change,
.sel_change{display: flex; flex-wrap: wrap; overflow:hidden;}
.view_list_box.sel_change .product_inner {margin-bottom:-1px;}
.view_list_box.sel_change .product_inner,
.sel_change .product_inner{width:50%; padding:20px 0;}
.product_box.sel_change .product_data,
.view_list_box.sel_change .product_inner .product_box,
.sel_change .product_inner .product_box{width: 150px; margin:0 auto; flex-wrap: wrap; flex-wrap: inherit;}
.sel_change .product_inner .product_box .img_box {height:175px; flex-direction:column-reverse;}

.view_list_box.sel_change .product_inner .product_box .product_data,
.sel_change .product_inner .product_box .product_data{position:relative; flex: none; width:150px; margin-left :0;}
.view_list_box.sel_change .product_inner .product_box .product_data .label_ranking,
.sel_change .product_inner .product_box .product_data .label_ranking{position: absolute; top:3px; left:0;}
.product_box.sel_change .product_data .bok_name,
.view_list_box.sel_change .product_inner .product_box .product_data .bok_name{margin-top:10px;}
.view_list_box.sel_change .product_inner .product_box .product_data .label_ranking_s {margin-top:20px;}
.view_list_box.sel_change .product_inner .product_box .product_data .bok_value{margin-top:9px;}
.view_list_box.sel_change .product_inner .product_box .product_data .klover_num{margin-top:8px;}
.sel_change .product_inner .product_box .product_data .bok_data,
.sel_change .product_inner .product_box .delivery_box,
.sel_change .product_inner .product_box .product_key{display:none;}
.view_list_box:not(.sel_change) .product_box .img_box {height:auto;}
.view_list_box:not(.sel_change) .product_box .img_box img {max-height:175px;}
.view_list_box:not(.sel_change) .product_box .img_box .noimg_box {height:175px;}

@media screen and (min-width: 480px){
    .view_list_box.sel_change .product_inner, .sel_change .product_inner{width:33.33%}
}
@media screen and (min-width: 768px){
    .view_list_box.sel_change .product_inner, .sel_change .product_inner{width:25%}
}

/* 베스트셀러 텝01*/
.choice_box {display: flex; flex-wrap:wrap; justify-content: center; padding:15px 20px 20px;}
.choice_box .choice_mysel,
.choice_box .choice_field,
.choice_box .choice_book{position: relative; flex:1; height:42px; text-align:left; padding:0 30px 0 20px; background-color: #fff;  border:1px solid #ddd; box-sizing: border-box; display:inline-block; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; }
.choice_box button + button {border-left:none !important;}
.choice_box .choice_mysel:after,
.choice_box .choice_book:after,
.choice_box .choice_field:after{content: ''; position:absolute; top:7px; right:8px; width:24px; height:24px; background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_down_n.png); background-size: 100%;}
.choice_box .choice_mysel.selected:after,
.choice_box .choice_book.selected:after,
.choice_box .choice_field.selected:after{-webkit-transform: rotate(180deg);}
.choice_box .choice_mysel.selected,
.choice_box .choice_book.selected,
.choice_box .choice_field.selected{ border-bottom-color:transparent;}

.choice_box .choice_list_box {display:none; width:100%; border:1px solid #ddd; background:#fff; border-top:none; box-sizing: border-box; z-index:2;}
.choice_box .choice_list_box.selected {display:block;}
.choice_box .choice_list_box ul{display:flex; flex-wrap:wrap; width:100%; padding:10px 0; overflow-y: auto; max-height: 200px;}
.choice_box .choice_list_box ul li{width:50%; height:42px; box-sizing: border-box;}
.choice_box .choice_list_box ul li a{display:block; font-size:14px; padding:0 15px; line-height:42px; font-weight: 400; color:#222; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.choice_box .choice_list_box ul li.selected a{color:#4cac26; font-weight: 700;}
.choice_box .choice_list_box ul li strong{padding-left:15px; font-size:14px; color:#222; line-height:42px;}
.choice_box .choice_list_box ul li.choice_list_title{width:100%;}
.choice_box .event_search {position:relative; flex:3; margin-left:4px;}
.choice_box .event_search button {position:absolute; top:0; right:0; width:42px; height:100%; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_search_btn02.png) no-repeat center center; background-size:28px 28px; font-size:0; line-height:0;}
.choice_box .event_search input {width:100%; height:42px; padding:0 42px 0 14px; border:1px solid #ddd; box-sizing:border-box; box-shadow:none;}
.choice_box select {flex:1; width:50%; }
.choice_box select + select {margin-left:-1px;}

/* 내분야 설정하기 */
.set_inner{display:flex; padding:70px 0 70px;flex-direction: column; text-align: center;}
.set_inner p{margin-bottom:20px; font-size:14px; color:#666; font-weight:bold;}
.set_inner a{position:relative; width: 157px; height: 40px; line-height:40px; font-size:13px; color:#222; font-weight: 400; margin:0 auto; border: solid 1px #eee; box-sizing: border-box; background-color: #ffffff;}
.set_inner a span::before{content: ''; display: inline-block; vertical-align: middle; width:24px; height:28px; margin-right:2px; background-image: url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_setting.png); background-size:100%; background-repeat: no-repeat;}

/* swiper */
.swiper-scrollbar {position: absolute; left:20px; right:20px; bottom:0; z-index:19; height:3px; -ms-touch-action:none; background:#eaeaea;}
.swiper-scrollbar .swiper-scrollbar-drag { height:3px; width:100px; position:relative; background:#c9c9c9; border-radius:10px; left:0; top:0;}
.swiper-pagination-bullets {font-size:0; text-align:center;}
.swiper-pagination-bullets .swiper-pagination-bullet {display: inline-block; margin:0 3px; background-color:rgba(170,170,170,.6); width:6px; height:6px; border-radius: 10px;}
.swiper-pagination-bullets .swiper-pagination-bullet-active {background:#5a68a1; width:18px;}

/* 키워드 list */
/* .keyword_list_box {display:flex; white-space:nowrap; overflow-x:auto;}
.keyword_list_box::-webkit-scrollbar {display:none;}
.keyword_list_box li {margin-right:5px;}
.keyword_list_box li:last-child {margin:0;} */
/* 크롬 구버전 */
.keyword_list_box {white-space:nowrap; overflow-x:auto;}
.keyword_list_box::-webkit-scrollbar {display:none;}
.keyword_list_box li {display:inline-block; margin-right:5px;}
.keyword_list_box li:last-child {margin:0;}

/* 데이터가 없는 경우 */
.view_no_list{text-align: center; margin:70px 0;}
.view_no_list strong{ font-size:15px; color:#666;}

/* popup */
.popup_open,
.popup_open #wrap {position:fixed; overflow:hidden; width:100%;}
.layer_overlay{ position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, .4); z-index: 1200; left: 0; top: 0; box-sizing: border-box;}
.layer_pop_l{ display:block; position: relative; top: 0; left: 0; width: 89%; height:100%; padding:40px 0; margin:0 5.5%; overflow: hidden; box-sizing: border-box; z-index:1200;}
.layer_pop_l .layer_inner{ display: flex; flex-direction: column; justify-content: center; overflow: hidden; position: relative; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box;}
.layer_pop_l .layer_header{position:relative; width: 100%; height: 50px; text-align: center; line-height: 52px; background-color: #fff; z-index: 100; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.layer_pop_l .layer_header h2{ font-size: 16px; font-weight: 700; color: #222;}
.layer_pop_l .close_layer{position: absolute; top: 12px; right: 15px; overflow: hidden; width: 24px; height: 24px; color: transparent; background: url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/pop_close.png) no-repeat 50% 50%; background-size: 100% 100%; z-index: 110;}
.layer_pop_l .back_layer{position: absolute; top: 12px; left: 15px; overflow: hidden; width: 24px; height: 24px; color: transparent; background: url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_left_n.png) no-repeat 50% 50%; background-size: 100% 100%; z-index: 110;}
.layer_pop_l .layer_container{ position: relative; overflow-y:auto; width:100%; max-height:100%; margin-top:-50px; padding: 75px 25px 30px; background:#fff; box-sizing: border-box;}
.layer_pop_l .layer_container.container_gray{background:#f6f6f6;}
.layer_pop_l .layer_container.scroll_bg:after{content:''; position:fixed; bottom:50px; left:0; width: 100%; height: 40px; background-image: linear-gradient(to top, #ffffff, rgba(255, 255, 255, 0));}
.layer_pop_l .layer_container.scroll_bg.scroll_end:after{display:none;}
.pop_fixed_btn {margin-top:50px;}
.pop_fixed_btn .btn_popup{position:fixed; bottom:0; left:0; width:100%; display:flex;}
.pop_fixed_btn .btn_popup a{flex:1;}
.pop_fixed_btn .btn_popup a + .disabled {border-left:1px solid #ddd !important;}

/* full popup */
.layer_overlay.full_popup .layer_pop_l{width:100%; margin:0; padding:0;}
.layer_overlay.full_popup .layer_pop_l .layer_container{height:100%; padding: 50px 0px 0;}
.layer_overlay.full_popup .layer_pop_l .layer_header h2{font-size:18px;}
.popup_wrap{padding:25px 20px 30px;}
.pop_wrap{padding:25px 20px 0px;}

/* bottom popup */
.layer_overlay.bottom_popup .layer_pop_l{width:100%; margin:0; padding:0; bottom:0;}
.layer_overlay.bottom_popup .layer_pop_l .layer_inner{justify-content: flex-end}
.layer_overlay.bottom_popup .layer_pop_l .layer_header{border-bottom:none; height: 40px; border-radius:15px 15px 0 0px;}
.layer_overlay.bottom_popup .layer_pop_l .close_layer{top:15px;  border-radius:15px 15px 0 0px;}
.layer_overlay.bottom_popup .layer_pop_l .layer_container{padding: 40px 35px 25px; margin-top:-40px; border-radius:15px 15px 0 0px;;}

/* 바로드림알림 popup */
.dream_popup{}
.dream_popup .dream_blue{color: #31479f;}
.dream_popup .dream_green{color: #4cac26;}
.dream_popup .dream_title_box{padding-bottom:30px;}
.dream_popup .dream_title_box .dream_title{display:block; color:#222; font-size:24px; font-weight:700; line-height: 1.21; letter-spacing: -2.7px;}
.dream_popup .pop_fixed_btn{margin-top:0;}
.dream_popup .pop_fixed_btn .btn_popup{ position: inherit;}
.dream_popup .pop_fixed_btn .btn_popup .btn_secondary,
.dream_popup .pop_fixed_btn .btn_popup .btn_primary {border-radius: 3px;}
.dream_popup .pop_fixed_btn .btn_popup .btn_secondary{margin-right:4px;}

/* video popup */
.video_popup .layer_pop_l .layer_inner {max-width:95vh; margin:0 auto;}
.video_popup .layer_pop_l .layer_header {border:none;}
.video_popup .layer_pop_l .layer_header h2 {display:none;}
.video_popup .layer_pop_l .layer_container {padding-top: 56.25%; margin-top:0;}
.video_popup .layer_pop_l .layer_container iframe,
.video_popup .layer_pop_l .layer_container object {position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%;}

/* alert popup */
.layer_alert {position:fixed; width:100%; height:100%; background:rgba(0, 0, 0, .4); z-index:1200; left:0; top:0; box-sizing:border-box; display:flex; justify-content:center; align-items:center;}
.layer_alert .layer_container {overflow:hidden; width:257px; background:#fff; border-radius:10px;}
.layer_alert .layer_container .layer_contents {padding:40px 25px; color:#222; font-size:15px; font-weight:700; line-height:20px; text-align:center;}
.layer_alert .layer_container .btn_area {display:flex;}
.layer_alert .layer_container .btn_area a {flex:1; min-width:auto; border-left:none; border-bottom:none; border-right:none; font-size:14px;}

/*toast alert*/
.toast_alert{display:none;position:fixed;top:80px;width:100%;padding:0 15px;text-align:center;box-sizing:border-box;z-index:1300;}
.toast_alert > span{display:inline-block;padding:10px;line-height:18px;background:#000;color:#fff;font-size:13px;text-align:left;-webkit-box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.2);box-shadow:0px 8px 8px 0px rgba(0, 0, 0, 0.2);}

/* popup 공통 */
.p_ctext {color:#222; font-size:14px; line-height:20px;}
.s_tit + .p_ctext,
.p_ctext + .p_ctext {margin-top:10px;}
.p_ctext + .s_tit {margin-top:25px;}
.p_ctext02 {margin-top:10px; color:#666; font-size:13px; line-height:19px;}
.p_ctext03 {padding:15px 0; color:#222; font-size:15px; font-weight:700; line-height:21px; text-align:center;}
.p_ctext04 {padding-bottom:15px; color:#666; font-size:13px; line-height:19px;}
.p_bllist {margin-top:10px;}
.p_bllist:first-child {margin:0;}
.p_bllist li {position:relative; margin-top:5px; padding-left:8px; color:#666; font-size:13px; line-height:19px; word-break: break-all;}
.p_bllist li:first-child {margin:0;}
.p_bllist li:before {content:'·'; position:absolute; left:0; top:0;}
.p_bllist + .s_tit {margin-top:25px;}
.p_numlist {margin-top:10px;}
.p_numlist li {position:relative; padding-left:15px; color:#666; font-size:13px; line-height:19px; text-indent:-15px;}

/* 상세페이지 리뷰 공통 */
.review_usertok{margin-top:10px;}
.review_usertok .user{position: relative; padding-right:16px; font-size:13px; color:#222; font-weight:400;}
.review_usertok .user:after{content: ''; position: absolute; bottom:2px; right:5px; background:#ddd; width:1px; height:10px;}
.review_usertok .time{position: relative; flex: 1; padding-right:22px; font-size:13px; color:#aaa; font-weight:400;}
.review_usertok .usertok{display:block; width:100%; font-size: 15px; color:#666; padding:7px 0 0;}
.review_usertok .img_box{display: block; width:100%; height:100%; padding:6px 0 0px;}

.review_rating_box{display:flex; justify-content: space-between; align-items: center; }
.review_rating_box li strong{display:inline-block; font-size:13px; color:#1fb388; margin-left:5px;}
.review_rating_box li .label_pill04{display: inline-block; font-size:11px; font-weight:700;}

.review_rating_num{display:flex; justify-content: space-between; align-items: center; margin:15px 0 0;}
.review_rating_num li .btn_like em{font-size:13px; color:#666; font-weight:700;}
.review_rating_num li .img_box{width:24px; height:24px;}

/* scroll_bg */
.scroll_bg:after{content:''; position: absolute; bottom:0; left:0; width: 100%; height: 120px; background-image: linear-gradient(to top, #ffffff, rgba(255, 255, 255, 0));}

/* popup - 웰컴 구매하기 */
.pop_purchase{background:#fff; box-sizing: border-box;}
.pop_purchase .popup_box .product_data{margin-left:15px;}
.pop_purchase .popup_box .pop_pay{display:inline-block; width:100%; padding-top:13px; line-height: 1.5; letter-spacing: -0.3px; font-size:12px; word-break: break-all; color:#767676;}
.pop_purchase .popup_box .img_box{display:inline-block; width:70px; height:100px;}
.pop_purchase .product_data .bok_name{max-width:100%; font-size:14px; color:#222; word-break: break-all;}
.pop_purchase .product_data .number_box{display: flex; justify-content:center; align-items: center; width:90px; height:32px; border-radius: 50px; border:1px solid #ccc; box-sizing: border-box; }
.pop_purchase .product_data .number_box button{font-size:0; width:22px; height:22px; background:#fff; line-height:12px; background-size:12px 12px; background-position:center center; background-repeat:no-repeat; }
.pop_purchase .product_data .number_box button:first-child{background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_minus_pop.png);}
.pop_purchase .product_data .number_box button:last-child{background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_plus_pop.png);}
.pop_purchase .product_data .number_box input{width:25px; height:30px; padding:0; font-size:13px; color:#222; font-weight:bold; line-height: 30px; border:none; text-align: center; }
.pop_purchase .product_data .bok_value{display: flex; align-items: center; margin-top:15px;}
.pop_purchase .product_data .bok_value strong{margin-left:10px; padding-top: 2px;}
.pop_purchase .product_data .bok_value strong em{font-size:17px; font-weight:bold;}
.pop_btnbox{display:flex;  justify-content: center; align-items: center; padding-top:20px; margin-top:20px; border-top:1px solid #eee;}
.pop_btnbox a{flex:1; padding:0; font-weight:700;}
.pop_btnbox a span{font-weight:400;}
.pop_btnbox a + a {margin-left:4px;}
.pop_btnbox a:first-child:last-child{flex:none;}

/* popup - 오늘의책 */
.popup_tbook { box-sizing: border-box;}
.popup_tbook .product_box{height:auto;}
.popup_tbook .product_box .img_box{width:120px; height:auto;}
.popup_tbook .product_box .img_box img{max-height:175px;}
.popup_tbook .product_data .bok_name{margin-top:15px; height:auto !important;font-size:16px !important;-webkit-line-clamp: 0 !important ;overflow:visible !important; line-height:1.3 !important;-webkit-box-orient: inherit;}
.popup_tbook .product_box .pop_pay{display:inline-block; width:100%; height:auto; margin-top:20px; padding:15px 20px; font-size:12px; line-height: 17px; font-weight:700; color:#5a68a1;  background:#f6f6f6; border-radius: 5px; word-break: break-all;}
.popup_tbook .text_box {position:relative; width:100%; }
.popup_tbook .text_box strong{display:inline-block; font-size:14px; color:#5a68a1; padding-bottom:8px;}
.popup_tbook .text_box p{ font-size:14px; color:#666; line-height:25px;}
.scroll_fixed.scroll_start {display:flex; align-items:flex-end;}
.scroll_fixed.scroll_start .popup_tbook {flex:1;}
.scroll_fixed.scroll_start .product_box .img_box{height:auto;}
.scroll_fixed.item_fixed .popup_tbook {position:fixed; top:50px; left:0; width:100%; z-index:2;}
.scroll_fixed.item_fixed .popup_tbook .product_box {padding:20px; border-bottom:10px solid #f6f6f6; background:#fff;}
.scroll_fixed.item_fixed .popup_tbook .product_box .img_box {width:70px !important;}
/* .scroll_fixed.item_fixed .popup_tbook {position:fixed; top:50px; left:0; width:100%; z-index:2; transform: translateY(-155px);}
.scroll_fixed.item_fixed .popup_tbook .product_box {padding:20px; border-bottom:10px solid #f6f6f6; transform: translateY(155px); background:#fff; transition: transform 0.6s;}
.scroll_fixed.item_fixed .popup_tbook .product_box .img_box {width:70px !important;} */
.scroll_fixed.item_fixed .popup_tbook .bok_data,
.scroll_fixed.item_fixed .popup_tbook .pop_pay {display:none;}

/* popup 쇼케이스 국내도서 카테고리*/
.pop_showcase {text-align:center;}
.pop_showcase span{display:flex; padding-bottom:15px; color:#222; font-size:15px;  line-height:21px; font-weight:700;}
.pop_showcase span strong{color:#4cac26;}
.pop_showcase .choice_list_box ul{ overflow-y:auto; white-space:nowrap; max-height: 265px; -webkit-overflow-scrolling:touch;}
.pop_showcase .choice_box .choice_list_box ul li{width:100%; text-align: left;}
.pop_showcase .choice_box{padding: 5px 0 5px;}
.pop_showcase .btn_complete{ margin-top:20px;}
.pop_showcase .choice_box{display:block;}
.pop_showcase .choice_field{width:100%; margin: 5px 0; }
.pop_showcase .choice_field.selected{color:#222; font-weight:700;}
.pop_showcase .choice_list_box{margin-top:-5px}
.pop_showcase .pop_btnbox{border-top:none; margin-top: 0px;}

/* popup 지역선택 */
.local_selection_list {display:flex; flex-wrap:wrap;}
.local_selection_list li {position:relative; width:33.333%; margin:-1px 0 0 -1px; border:1px solid #ddd; box-sizing:border-box;}
.local_selection_list li a {position:relative; display:flex; align-items:center; justify-content:center; height:44px; color:#222; font-weight:700;}
.local_selection_list li.selected {border-color:#4cac26; z-index:2;}
.local_selection_list li.selected a {color:#4cac26;}

/* popup 평가 눌리기 */
.book_appraisal_box {padding:40px 0; text-align:center;}
.book_appraisal_box .appraisal_tit {position:relative; display:block; color:#222; font-size:20px; font-weight:700; line-height:28px;}
.book_appraisal_box .appraisal_tit:before {content:''; display:inline-block; width:24px; height:24px; margin-right:8px; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_check_circle.png) no-repeat; background-size:100% 100%; vertical-align:top;}
.book_appraisal_box .appraisal_tit em {color:#5a68a1; font-weight:700;}
.book_appraisal_box .appraisal_txt {display:block; margin-top:6px; color:#666; font-size:14px;}
.book_appraisal_box .appraisal_inner {position:relative; margin-top:60px; padding:0 30px; color:#222; font-size:15px; line-height:21px; font-weight:700;}
.book_appraisal_box .appraisal_inner:before {content:''; display:block; width:197px; height:158px; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_feel_lucky.png) no-repeat; background-size:100% 100%; margin:0 auto 70px;}
.book_appraisal_swiper {position:relative; overflow:hidden; width:100%; margin-top:30px;}
.book_appraisal_swiper .swiper-button-prev,
.book_appraisal_swiper .swiper-button-next {position:absolute; top:115px; width:22px; height:38px; background-repeat:no-repeat; background-size:22px 38px; background-position:center center; background-color:transparent; font-size:0; line-height:0;}
.book_appraisal_swiper .swiper-button-prev {left:50%; margin-left:-160px; background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/btn_prev.png);}
.book_appraisal_swiper .swiper-button-next {right:50%; margin-right:-160px; background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/btn_next.png);}
.book_appraisal_swiper .swiper-wrapper {display:flex;}
.book_appraisal_swiper .swiper-slide {flex-shrink:0; -webkit-transform: translateZ(0); width:100%;}
.book_appraisal .img_box {display:flex; flex-direction:column-reverse; overflow:visible; width:180px; height:265px; margin:0 auto;}
.book_appraisal .img_box img {height:auto; max-height:100%; box-shadow:4px 6px 8px 0 rgba(0, 0, 0, 0.1);}
.book_appraisal .thumb_tit {display:block; width:270px; height:42px; margin:17px auto 0; color:#222; font-size:15px; font-weight:700; line-height:21px; text-align:center; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all;}
.book_appraisal .book_rating {display:flex; justify-content:center; align-items:center; width:270px; height:88px; margin:30px auto 0; border-radius:5px; text-align:left; font-size:0; line-height:0;}
.book_appraisal .book_rating .heart_group {position:relative; margin-top:-5px;}
.book_appraisal .book_rating .heart_group .ico_heart_b {margin-left:10px;}
.book_appraisal .book_rating .heart_group .ico_heart_b:first-child {margin:0;}
.book_appraisal .book_rating .ico_klover_l {margin-left:30px;}
.book_appraisal .book_rating .ico_klover_l.level05 {margin-left:14px; margin-right:-15px;}

/* popup 키워드 Pick */
.keyword_search_box {padding:30px 20px 0 20px;}
.keyword_search_box .search_wrap {position:relative;}
.keyword_search_box .search_wrap input {width:100%; padding-right:70px}
.keyword_search_box .search_wrap .btn_delete {position:absolute; top:0; right:42px; width:26px; height:100%; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/btn_delete.png) no-repeat center center; background-size:20px 20px; font-size:0; line-height:0;}
.keyword_search_box .search_wrap .btn_search {position:absolute; top:0; right:0; width:42px; height:100%; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/icon_search.png) no-repeat center center; background-size:28px 28px; font-size:0; line-height:0;}
.keyword_search_box .keyword_box {margin:10px 0 0 -5px;}
.keyword_search_box .keyword_box .btn_outline_r {margin:5px 0 0 5px; border-color:#c9c9c9; color:#222;}
.keyword_search_box .keyword_box .btn_outline_r.selected {border-color:#5a68a1; color:#5a68a1;}

.keyword_search_box .del_keywords {display:flex; justify-content:flex-end; margin-top:15px; border-top:1px solid #f0f0f0;}
.keyword_search_box .del_keywords a {position:relative; height:40px; padding-left:26px; color:#222; font-size:13px; line-height:42px;}
.keyword_search_box .del_keywords a:before {content:''; position:absolute; left:0; top:50%; width:24px; height:24px; margin-top:-12px; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_delete.png) no-repeat; background-size:100% 100%;}
.search_result_list {padding-top:10px;}
.search_result_list li {position:relative; padding:20px; border-bottom:1px solid #eee;}
.search_result_list li .thumb_link {display:inline-block;}
.search_result_list li .thumb_link .img_box {display:flex; flex-direction:column; overflow:visible; width:120px; height:175px;}
.search_result_list li .thumb_link .img_box img {height:auto; max-height:100%; box-shadow: 3px 4px 7px 0 rgba(0, 0, 0, 0.1);}
.search_result_list li .thumb_link .thumb_tit {display:block; margin-top:20px; color:#222; font-size:15px; font-weight:700; line-height:19px; word-break:break-all;}
.search_result_list li .thumb_link .thumb_source {display:block; margin-top:5px; color:#767676; font-size:12px;}
.search_result_list li .thumb_link .thumb_source em {position:relative; display:inline-block;}
.search_result_list li .thumb_link .thumb_source em:after {display:none; content:''; position:absolute; left:0; top:50%; width:1px; height:10px; margin-top:-5px; background:#eee;}
.search_result_list li .thumb_link .thumb_source .klover_num + em,
.search_result_list li .thumb_link .thumb_source em + em {margin-left:5px; padding-left:7px;}
.search_result_list li .thumb_link .thumb_source .klover_num + em:after,
.search_result_list li .thumb_link .thumb_source em + em:after {display:block;}
.search_result_list li .keyword_box {position:absolute; top:25px; left:152px; z-index:9;}
.search_result_list li .keyword_box .s_tit {margin:0 0 3px 8px;}
.search_result_list li .keyword_box .btn_outline_r {margin:8px 0 0 5px; border-color:#c9c9c9; color:#222;}
.search_result_list li .keyword_box .btn_outline_r.selected {border-color:#5a68a1; color:#5a68a1;}

/* popup 교보문고 대표 프로모션 */
.banner_all_box {padding-bottom:40px;}
.banner_all_box .item {margin-top:10px;}
.banner_all_box .item:first-child {margin:0;}
.banner_all_box .item a {display:block;}
.banner_all_box .item img {width:100%;}

/* popup 상품이미지 크게보기 */
.full_img_box {padding:50px;}
.full_img_box img {width:100%;}

/* popup 오늘의 일정 */
.today_schedule_tit {height:77px;}
.today_schedule_tit .s_tit {position:fixed; top:50px; left:0; width:100%; height:67px; padding:0 20px; border-bottom:10px solid #f6f6f6; background:#fff; line-height:70px; z-index:2;}
.today_schedule_tit .s_tit .num {color:#4cac26;}
.schedule_list {padding:0 20px;}
.schedule_list li {border-top:1px solid #eee;}
.schedule_list li:first-child {border:none;}
.schedule_list li a {display:block; padding:25px 0;}
.schedule_list li a .schedule_tit {display:block; margin-bottom:10px; color:#222; font-size:15px; font-weight:700; word-break:break-all;}
.schedule_list li a .schedule_txt {position:relative; display:block; margin-top:5px; padding-left:8px; color:#666; font-size:13px; line-height:19px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2;	-webkit-box-orient:vertical; word-break:break-all;}
.schedule_list li a .schedule_txt:before {content:'·'; position:absolute; left:0; top:0;}

/* popup 즐겨찾기 */
.popup_bookmark_wrap {padding:25px 20px;}
.popup_bookmark_wrap p {color:#666; font-size:14px;}
.popup_bookmark_wrap .field_list {margin-top:20px; border-bottom:1px solid #eee;}
.popup_bookmark_wrap .field_list > li {border-top:1px solid #eee;}
.popup_bookmark_wrap .field_list > li button {position:relative; display:block; width:100%; height:52px; background:none; color:#222; font-size:15px; font-weight:700; text-align:left;}
.popup_bookmark_wrap .field_list > li button:before {content:''; position:absolute; right:10px; top:50%; width:24px; height:24px; margin-top:-12px; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_down_n.png) no-repeat; background-size:100% 100%; transition:transform 0.2s}
.popup_bookmark_wrap .field_list > li button em {font-weight:400;}
.popup_bookmark_wrap .field_list > li button strong {color:#4cac26; font-weight:700;}
.popup_bookmark_wrap .field_list .dep2 {display:none; overflow:hidden; margin-bottom:20px;}
.popup_bookmark_wrap .field_list .dep2 li {float:left; width:calc(50% - 5px); margin-top:10px;}
.popup_bookmark_wrap .field_list .dep2 li:nth-child(even) {margin-left:10px;}
.popup_bookmark_wrap .field_list .dep2 li:nth-child(1),
.popup_bookmark_wrap .field_list .dep2 li:nth-child(2) {margin-top:5px;}
.popup_bookmark_wrap .field_list .dep2 input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.popup_bookmark_wrap .field_list .dep2 label {position:relative; display:block; height:34px; padding:0 25px 0 12px; border:1px dashed #c9c9c9; background:#fbfbfb; color:#666; font-size:13px; font-weight:700; line-height:36px; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.popup_bookmark_wrap .field_list .dep2 label:before {content:''; position:absolute; right:10px; top:50%; width:12px; height:12px; margin-top:-6px; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_check_group.png) no-repeat; background-size:100% auto;}
.popup_bookmark_wrap .field_list .dep2 input[type="checkbox"]:checked + label {color:#4cac26; border-color:#4cac26;}
.popup_bookmark_wrap .field_list .dep2 input[type="checkbox"]:checked + label:before {background-position:left -12px;}
.popup_bookmark_wrap .field_list .selected button:before {-webkit-transform:rotate(-180deg);}
.popup_bookmark_wrap .field_list .selected .dep2 {display:block;}

/* popup 공유하기 */
.share_list {display:flex; flex-wrap:wrap; margin:-25px -20px 10px;}
.share_list li {width:33.333%; margin-top:30px;}
.share_list li a {display:block; color:#222; font-size:14px; font-weight:700; text-align:center;}
.share_list li a:before {content:''; display:block; width:65px; height:65px; margin:0 auto 8px; background-size:100% 100%; background-repeat:no-repeat;}
.share_list li.ico_kakao a:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_kakao02.png);}
.share_list li.ico_facebook a:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_facebook.png);}
.share_list li.ico_twitter a:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_twitter.png);}
.share_list li.ico_line a:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_line.png);}
.share_list li.ico_band a:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_band.png);}
.share_list li.ico_kakao_story a:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_kakao_story.png);}
.share_list li.ico_message a:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_message.png);}
.share_list li.ico_url a:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_url.png);}
.share_list li.ico_more a:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_more.png);}

/* popup 매장 재고/위치 */
.stor_location_list {display:flex; flex-wrap:wrap; overflow:hidden; margin-top:5px; border-bottom:1px solid #eee;}
.stor_location_list li {position:relative; width:33.333%; text-align:center;}
.stor_location_list li:before {content:''; position:absolute; top:0; left:0; width:300%; height:44px; background:#f6f6f6;}
.stor_location_list li strong {position:relative; display:block; height:44px; background:#f6f6f6; color:#222; font-size:13px; line-height:44px; z-index:2;}
.stor_location_list li a {display:block; height:44px; color:#666; font-size:13px; line-height:44px; text-decoration:underline;}

/* popup 지역 코드 안내 */
.data_table {width:100%; table-layout:fixed; border-bottom:1px solid #eee; font-size:13px; line-height:19px;}
.data_table th {padding:12px 10px; width:20%; background:#f6f6f6; border-top:1px solid #eee; color:#222; font-weight:700; vertical-align:top;}
.data_table th.th_l {text-align:left;}
.data_table td {padding:12px 10px; color:#666; border-top:1px solid #eee; vertical-align:top;}
.s_tit + .data_table {margin-top:15px;}
.data_table + .s_tit {margin-top:30px;}

/* popup klover리뷰 등록 */
.klover_score_box{padding:20px 0px 0px; margin-top:15px; border-top:1px solid #eee;}
.klover_score_box .txt{font-size:14px; color:#1fb388; font-weight:700;}
.klover_score_box .txt .day_rank{margin-left:5px;}
.klover_score_box .s_txt{display:block; padding-top:20px; font-size:13px; color:#666;}
.klover_score_box .klover_icon_box{display:flex; justify-content: center; align-items: center; width:100%; height:88px; margin:10px 0; background:#f6f6f6; border-radius: 5px;}
.klover_score_box .klover_icon_box .ico_heart_b:first-child{margin-left:0;}
.klover_score_box .klover_icon_box .ico_heart_b{margin-left:10px; }
.klover_score_box .klover_icon_box .ico_klover_l {margin-left:30px;}
.klover_score_box .klover_icon_box .ico_klover_l.level05 {margin-left:14px; margin-right:-15px;}

.klover_score_box .happy_box{display:flex; justify-content: center; margin-top:10px;}
.klover_score_box .happy_box .radios .img_box{margin-top:18px; width:36px; height:36px;}
.radios {position: relative; margin:0 auto; flex: 1;}
.radios input[type="radio"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
.radios input[type="radio"] + label {display: block; position: relative; font-size:13px; color:#666; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.radios input[type="radio"] + label span{display:block; padding-top:10px; font-size:12px; color:#767676; text-align:center;}
.radios input[type="radio"] + label:before { content:''; display:block; width: 18px; height: 18px; margin:0 auto; border-radius:100%; background-color: #fff; border: 1px solid #ddd;  box-sizing:border-box;}
.radios input[type="radio"] + label span:before{content: ''; background-position:left -36px; display: block; margin: 0 auto;background-repeat: no-repeat; background-size:100%;  width:36px; height:36px;  background-position:left -36px;}
.radios input[type="radio"] + label .radios_01:before{content:''; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/happy_lv1.png);}
.radios input[type="radio"] + label .radios_02:before{content:''; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/happy_lv2.png);}
.radios input[type="radio"] + label .radios_03:before{content:''; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/happy_lv3.png);}
.radios input[type="radio"] + label .radios_04:before{content:''; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/happy_lv4.png);}
.radios input[type="radio"] + label .radios_05:before{content:''; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/happy_lv5.png);}
.radios input[type="radio"] + label .radios_06:before{content:''; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/happy_lv6.png);}
.radios input[type="radio"]:checked + label:after {content:''; position:absolute; top:5px; left:50%; -webkit-transform: translate(-50%, 0%); width:8px; height:8px; background-color:#4cac26; background-repeat:no-repeat; background-size: 8px 8px;  border-radius: 50px; background-position: center;}
.radios input[type="radio"]:checked  + label span:before{content: ''; background-position:left -36px;}

.rowse_box{position: relative; border: 1px solid #ddd; padding-bottom:25px;}
.rowse_box textarea{height:120px; width:100%; padding:15px; border:none;}
.rowse_box .text_num{position: absolute; bottom:10px; right:10px; font-size:12px; color:#222; }
.rowse_box .text_num em{color:#aaa;} 

.file_up_box{display:flex; justify-content: center;}
.file_up_box .file_in_data{position:relative; display:inline-block;  width:30%; height:42px;  font-size:13px; color:#666; font-weight:700; border:1px solid #ddd; box-sizing:border-box; text-align:center; line-height:41px;  background:#f6f6f6; }
.file_up_box input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
.file_up_box .file_road{flex:1; border:1px solid #ddd; height:42px; box-sizing: border-box; margin-right:4px;} 

.send_box{display:block; position:relative; margin-top:10px; }
.send_box em{font-size:12px; color:#222;}
.send_box .img_box{display:inline-block; width:24px; height:24px; vertical-align: middle;}

/* popup 문장수집 등록 */
.extract_box{text-align:right; margin-top:15px; }
.extract_box label .extract{font-size:12px; color:#222; font-weight:700;}
.extract_box label .extract em{font-size:12px; color:#767676; font-weight:400;}
.extract_box .extract_num{width:60px; height:31px; margin-left: 5px; font-size:13px; color:#222;} 

.sentence_rowse_box{position: relative; margin-top: 15px; padding-top: 20px; border-top: 1px solid #eee; }
.sentence_rowse_box textarea{height:145px; width:100%; padding:15px;}
.sentence_rowse_box .text_num{position: absolute; bottom:10px; right:10px; font-size:12px; color:#222; }
.sentence_rowse_box .text_num em{color:#aaa;} 

.sentence_score_box .sentence_box{display:flex; justify-content: center; margin-top:15px;}
.sentence_score_box .sentence_box .radio_ico .img_box{margin-top:18px; width:36px; height:36px;}
.radio_ico {position: relative; margin:0 auto; flex: 1;}
.radio_ico input[type="radio"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
.radio_ico input[type="radio"] + label {display: block; position: relative; font-size:13px; color:#666; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.radio_ico input[type="radio"] + label span{display:block; padding-top:5px; font-size:12px; color:#767676; text-align:center;}
.radio_ico input[type="radio"] + label:before { content:''; display:block; width: 18px; height: 18px; margin:0 auto; border-radius:100%; background-color: #fff; border: 1px solid #ddd;  box-sizing:border-box;}
.radio_ico input[type="radio"] + label span:before{content: ''; background-position:left -42px; display: block;  width:42px; height:42px; margin: 0 auto;background-repeat: no-repeat; background-size:100%; background-position:left -36px;}
.radio_ico input[type="radio"] + label .love_icon:before{content:''; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/love_icon.png);}
.radio_ico input[type="radio"] + label .phrase_icon:before{content:''; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/phrase_icon.png);}
.radio_ico input[type="radio"] + label .sympathy_icon:before{content:''; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/sympathy_icon.png);}
.radio_ico input[type="radio"] + label .knowledge_icon:before{content:''; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/knowledge_icon.png);}
.radio_ico input[type="radio"] + label .humor_icon:before{content:''; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/humor_icon.png);}
.radio_ico input[type="radio"] + label .other_icon:before{content:''; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/other_icon.png);}
.radio_ico input[type="radio"]:checked + label:after {content:''; position:absolute; top:5px; left:50%; -webkit-transform: translate(-50%, 0%); width:8px; height:8px; background-color:#4cac26; background-repeat:no-repeat; background-size: 8px 8px;  border-radius: 50px; background-position: center;}
.radio_ico input[type="radio"]:checked  + label span:before{content: ''; background-position:left 42px;}

/* popup 출간 알림신청, 알림메일 받기 */
.input_txt_box{display:flex;}
.input_txt_box{margin-top:10px;}
.input_txt_box label{font-size:0;}
.input_txt_box .ptx{flex:1; width:100%;}
.input_txt_box .ptx + .ptx,
.input_txt_box select + .ptx{margin-left:4px;}
.input_txt_box .file_in_data{position:relative; display:inline-block; font-size:13px; color:#666; font-weight:700; width:29%; height:42px; text-align:center; line-height:41px;  background:#f6f6f6; border:1px solid #ddd; box-sizing: border-box; }
.input_txt_box .file_road{flex:1; height:42px; margin-right:4px;} 
.sms_apply_box .pop_btnbox{border-top:none; padding-top:10px;}
.retouch_btn{display:inline-block; margin-top:15px; font-size:13px; color:#666; text-decoration: underline; text-underline-position:under; }

/* popup바로배송 지역 변경 */
.my_address{height:60px; margin:15px 0; border-radius: 5px; background-color: #f6f6f6; line-height:60px; text-align:center;}
.my_address .address_txt{font-size:13px; color:#666;}
.my_address_txt{font-size:12px; color:#767676;}

.address_search .my_address_text{font-size:13px; color:#666;}
.address_search_box{display:flex; justify-content: center; margin:10px 0 30px;}
.address_search form{display:flex; width:100%; justify-content: center;}
.address_search_box .file_in_data{position:relative; display:inline-block; font-size:13px; color:#666; font-weight:400;   width:25%; height:42px; background:#f6f6f6; border:1px solid #ddd; box-sizing: border-box; }
.address_search_box .file_road{flex:1; height:42px; margin-right:4px;} 

.capital_city{display: flex; margin-top:10px;}
.capital_city select{flex:1;}
.capital_city select:first-child{border-right:none;}

.my_address_sel .address_wrap{display: flex; margin:10px 0 5px; justify-content: space-between;}
.my_address_sel .address_wrap .address_sel{flex:1; padding-right:30px; overflow: hidden; text-overflow: ellipsis; white-space: normal;  font-size:13px; color:#666; font-weight:400; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-break: break-all;}
.my_address_sel .address_wrap .file_in_data{font-size:13px; color:#222; font-weight:400; width:68px; height:30px; line-height: 30px; text-align:center; background:#fff; border:1px solid #aaa; box-sizing: border-box; }

.mailing_address{padding:0 20px; }
.mailing_address .my_address_sel{padding:0px 0 20px; border-bottom:1px solid #eee; height:100%;}
.mailing_address .my_address_sel:first-child{padding:20px 0 20px;}
.mailing_address .my_address_sel:last-child{border-bottom:none;}
.mailing_address .my_address_sel .address_wrap{display:flex; justify-content: space-between; align-items: flex-end; margin: 20px 0 3px;}
.mailing_address .my_address_sel .address_wrap em{display:block;}
.mailing_address .my_address_sel .address_wrap .address_sel{height:auto; -webkit-line-clamp: inherit;}
.mailing_address .my_address_sel .address_data{display: block; font-size:12px; color:#767676;}
.mailing_address .btn_more_box{text-align: center; margin:20px 0;}

/* popup배송비 안내 바로 구매 */
.pop_top_full{margin:-25px -25px 0px;}
.popup_wrap_box{padding:20px 0 10px;}
.delivery_table {width:100%; margin-top:15px; table-layout:fixed; border-bottom:1px solid #eee; font-size:13px; line-height:19px; text-align:center;}
.delivery_table th{height:44px; background-color: #f6f6f6; font-size:13px; color:#222; font-weight:700;}
.delivery_table td{height:44px; font-size:13px; color:#666; border-bottom:1px solid #eee;}
.delivery_table th:first-child,
.delivery_table td:first-child{width:40%;}
/* popup 배송비 안내 바로드림*/
.delivery_book{margin-top:15px;}
.delivery_book .order_data{position:relative; display:block; width:100%; height:42px; margin-bottom:24px; font-size:14px; font-weight:700; line-height:42px; text-align:center; color:#222; border:1px solid #ddd; border-radius: 50px;}
.delivery_book .order_data::before{content:''; position: absolute; bottom:-24px; left:50%;  width:24px; height:24px;  -webkit-transform: translate(-50%, 0%); background-image: url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_down_s.png); background-position:center; background-size:12px 12px; background-repeat: no-repeat;}
.delivery_book .order_data:last-child:before{display:none;}
/* popup 배송비 안내 선물하기*/
.see_more_box{width:100%; border-top: 1px solid #eee; margin-top:20px;}
.see_more_box .btn_outline{width:100%; font-weight:700; margin-top:20px;}

/* popup 꾸러미 상품 */
.package_contents{margin:0 -25px;}
.package_contents .package_box{padding:20px 25px; border-bottom: 1px solid #ddd;;}
.package_contents .package_box:first-child{padding:0 25px 20px;}
.package_contents .package_box:last-child{border-bottom:none;}
.package_contents .package_box .product_box .img_box{width:70px; height:100px;}
.package_contents .package_box .product_box .product_data .bok_name{max-width:230px;}
.package_contents .package_box .product_box .product_data .bok_value{margin-top:0;}
.package_contents .package_box .product_box .cinder_box{display:flex; width:100%; margin-top:15px; padding: 12px 15px; border-radius: 5px; background-color: #f6f6f6; box-sizing: border-box;}
.package_contents .package_box .product_box .cinder_box strong{width:75px; font-size:13px; color:#222;}
.package_contents .package_box .product_box .cinder_box .p_bllist{flex:1; margin-top:0px;}

/* popup 할인쿠폰 받기 */
.cupon_content .cupon_box{display: flex; padding:20px 0; border-bottom:1px solid #eee;}
.cupon_content .cupon_box:first-child{padding-top:30px;}
.cupon_content .cupon_box:last-child{border-bottom:none;}
.cupon_content .cupon_box .img_box{width:139px; height:60px; }
.cupon_content .cupon_box .p_bllist{flex:1; padding-left:10px;}

/* popup 보관함 담기 */
.keep_add_box .keep_sel{padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #eee;}
.keep_add_box .p_ctext{margin-top:20px;}
.keep_add_box .keep_sel select{width:100%;}
.keep_add_box .keep_sel .p_numlist{margin-top:20px;}

/* popup 리뷰 등록 */
.star_score_box{padding:20px 0px 0px; margin-top:15px; border-top:1px solid #eee;}
.star_score_box .star_icon_box{display:flex; justify-content: center; align-items: center; width:100%; height:70px; margin:15px 0 20px; background:#f6f6f6; border-radius: 5px;}
.star_score_box .star_icon_box .ico_heart_b.on{margin-right:10px;}
.star_score_box .star_icon_box .ico_heart_b{margin-right:0; }

/* popup 할인쿠폰받기 */
.sale_table {width:100%; margin-top:15px; table-layout:fixed; border-bottom:1px solid #eee; font-size:13px; line-height:19px; }
.sale_table th{height:44px; padding:0 10px; background-color: #f6f6f6; font-size:13px; color:#222; font-weight:700; text-align:left;}
.sale_table td{height:44px; padding:0 10px; font-size:13px; color:#666; border-bottom:1px solid #eee;}
.sale_table td:last-child{text-align: right;}
.sub_title .s_tit{position: relative; padding-left:23px; margin-top:30px;}
.sub_title .s_tit:after{content: ''; position: absolute; left:0; bottom:0; width:18px; height:18px; background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_caution.png); background-size:100%; background-repeat: no-repeat;}

/* popup 관심작가등록 */
.author_txt{background-color:#f6f6f6; margin:40px -25px -30px; padding:25px;}
.author_txt .pur_text_style .pur_text span{display:block; position: relative; padding-left: 8px; font-size: 13px; line-height: 18px; color: #666; font-weight: 400;}
.author_txt .pur_text_style .pur_text span::before{content: '·'; position: absolute; left: 0; top: 0; color: #666;}

/* 제휴접속 헤더 */
.partner_header {background-color:#ffe4db;}
.partner_header>a {display:block;padding:6px 0;text-align:center;}
.partner_header img {max-width:100%;vertical-align:middle;}

/* 로딩 이미지 팝업 */
.loadingImg{width: 100%; height: 100%; background: rgba(255,255,255,0); z-index: 1400;}
.loadingImg > span{ width: 66px; height: 66px; padding: 1px; border-radius: 68px;}
.loadingImg > span > img{display: block; width: 66px; height: 66px;}

/* 2021-05-25 LNB 기프트 아이콘 변경 */
.lnb_wrap .category_menu_list > li.type_gift h4 a:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_lnb_gift_v1.png);}
/* 2021-05-28 TAB 기프트/문구 아이콘 변경 */
.ico_tab_innde li .ico_gift_img:before{background-image: url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_tab_gift_v2.png);}

/* 2021-07-01 Picks 평가늘리기 버튼 */
.book_appraisal .appraisal_box {margin:40px 20px 0;}
.book_appraisal .appraisal_box button {position:relative; display:block; width:100%; height:42px; background:#fff; color:#666; font-size:15px; line-height:42px; margin-top:17px;border:1px solid #e0e0e0;color:#444444;}
.book_appraisal .appraisal_box button:before {content:''; display:inline-block; width:20px; height:20px; margin-right:5px; background-size:20px auto; background-repeat:no-repeat; vertical-align:-4px;}
.book_appraisal .appraisal_box button.ico_appraisal01:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_radio01.png);}
.book_appraisal .appraisal_box button.ico_appraisal02:before {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_radio02.png);}
.book_appraisal .appraisal_box button.selected,
.book_appraisal .appraisal_box button:active,
.book_appraisal .appraisal_box button:focus {color:#4cac26; font-weight:700;border-color:#4cac26;}
.book_appraisal .appraisal_box button.selected:before,
.book_appraisal .appraisal_box button:active:before,
.book_appraisal .appraisal_box button:focus:before {background-position:left -20px;}

/* 2021-07-05 프레스티지 아이콘 */
.icon_prestige2 {font-size:13px;font-weight:bold;background-color:#3dbfc9;color:#fff !important;padding:3px 10px;border-radius:14px;white-space:nowrap;}

/* 2021-07-12 최근 본 상품 */
.list_recently {padding:0 10px;}
.list_recently .toolbar {padding:0 20px;display:flex; justify-content:flex-end;}
.list_recently .toolbar a.btn_delete {position:relative; height:40px; padding-left:26px; color:#222; font-size:13px; line-height:42px;}
.list_recently .toolbar a.btn_delete:before {content:''; position:absolute; left:0; top:50%; width:24px; height:24px; margin-top:-12px; background:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_delete.png) no-repeat; background-size:100% 100%;}
.list_recently ul {}
.list_recently ul:after {content:'';display:block;clear:both;}
.list_recently ul li {float:left;margin:12px;}
.list_recently ul li .img_box{position: relative; display: block; width:90px;overflow:visible;}
.list_recently ul li .img_box a{display:block;height:130px;}
.list_recently ul li .img_box a img{ height:auto;width:100%; max-height:100%; box-shadow: 3px 4px 7px 0 rgba(0, 0, 0, 0.1);}
.list_recently ul li .img_box .btn_delete{position: absolute; top:0; right:0; width:20px; height:20px; background:#5a68a1 url('https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_wclose.png') no-repeat center; background-size:9px auto; text-align: center; z-index:3;font-size:0;color:transparent;}
@media screen and (max-width: 480px){
	.list_recently ul li {width:33%;margin:12px 0;}
	.list_recently ul li .img_box {margin:auto;}
}



/* 참좋은 교보문고 */
.verygood_index {padding:20px;color:#222;border-top:1px solid #ddd;}
.verygood_index + .verygood_index {border-top:10px solid #f6f6f6;}
.verygood_index .heading {font-size:16px;font-weight:bold;}

.verygood_index .list_service {}
.verygood_index .list_service > li {margin-top:28px;padding-top:28px;border-top:1px solid #eee;padding-left:63px;position:relative;}
.verygood_index .list_service > li:first-child {margin-top:0;border-top:none;}
.verygood_index .list {margin-top:10px;}
.verygood_index .list li {padding-left:8px;font-size:13px;color:#666;}
.verygood_index .list li:before {content: '\b7\a0';display:inline-block;min-width:8px;margin-left:-8px;} /* \b7: middot, \a0: space */
.verygood_index .icon {position:absolute;left:0;top:28px;width:56px;height:56px;background-color:#f6f6f6;border-radius:50%;overflow:hidden;}
.verygood_index .icon img {width:100%;height:100%;}
.verygood_index .title {display:block;margin-bottom:10px;padding-right:96px;font-size:15px;}
.verygood_index .btn_sm {position:absolute;right:0;top:25px;min-width:86px;}

.verygood_detail {color:#222;}
.verygood_detail + .verygood_detail {margin:25px -20px 0;padding:25px 20px 0;border-top:10px solid #f6f6f6;}

.verygood_detail .heading {font-size:15px;font-weight:bold;margin-top:35px;margin-bottom:10px;}
.verygood_detail .heading:first-child {margin-top:0;}
.verygood_detail .heading small {font-size:100%;font-weight:normal;}
.verygood_detail .heading + .heading {margin-top:15px;}
.verygood_detail .subtitle {margin-top:25px;font-size:14px;font-weight:bold;}
.verygood_detail .subtitle:first-child {margin-top:0;}
.verygood_detail .subtitle + p {margin-top:5px;}
.verygood_detail .s_tit + .subtitle {margin-top:10px;}

.verygood_detail .box_location {margin:20px -20px 0;padding:25px 20px;background-color:#f8f8f8;text-align:center;}
.verygood_detail .box_location .time {height:45px;font-size:0;color:#fff;background:url('https://simage.kyobobook.co.kr/mimages/static2/images/service/bg_timer.png') no-repeat center 0/auto 100%;text-align:center;}
.verygood_detail .box_location .time span {display:inline-block;width:35px;font-size:24px;line-height:45px;}
.verygood_detail .box_location .time span.dot {width:10px;color:transparent;}
.verygood_detail .box_location .text_1 {margin-top:8px;font-size:13px;color:#666;}
.verygood_detail .box_location .text_2 {margin-top:4px;font-size:13px;}
.verygood_detail .box_location em {color:#ff5f00;}
.verygood_detail .box_location .btn_outline {font-size:15px;border-color:#5a68a1;color:#5a68a1;}
.verygood_detail .box_location + .box_detail {border-top:none;margin-top:10px;}

.verygood_detail p {margin-top:10px;}
.verygood_detail p.small {font-size:13px;color:#666;}

.verygood_detail table {width:100%;border-collapse:collapse;}
.verygood_detail table th,
.verygood_detail table td {border:1px solid #eee;padding:7px 14px;font-size:13px;}
.verygood_detail table th {background-color:#fbfbfb;}

.verygood_detail .list_step {margin-top:20px;border-top:1px solid #ddd;}
.verygood_detail .list_step > li {margin-top:25px;}
.verygood_detail .list_step .text {padding-left:4em;}
.verygood_detail .list_step .text .number {float:left;margin-left:-4em;min-width:4em;font-weight:bold;}

.verygood_detail .box_detail {margin-top:25px;padding-top:25px;border-top:1px solid #ddd;}
.verygood_detail .box_detail.first,
.verygood_detail .box_detail:first-child {margin-top:0;border-top:none;}
.verygood_detail .box_detail .title {font-size:14px;font-weight:bold;margin-bottom:10px;}

.verygood_detail .list_detail {}
.verygood_detail .list_detail li {margin-top:15px;padding-top:15px;border-top:1px solid #ddd;}
.verygood_detail .list_detail li:first-child {margin-top:0;padding-top:0;border-top:none;}
.verygood_detail .list_detail li .text {margin-top:10px;font-size:13px;color:#666;}

.verygood_detail .image {margin-top:10px;text-align:center;}
.verygood_detail .image img {width:100%;max-width:320px;}
.verygood_detail .image img[src=''] {background-color:#eee;height:100px;}
.verygood_detail .photo {margin-top:10px;text-align:center;}
.verygood_detail .photo img {width:94%;max-width:600px;}
.verygood_detail .button {margin-top:15px;text-align:center;}
.verygood_detail .button a:only-child {min-width:100%;}

.verygood_detail .list li {padding-left:8px;font-size:13px;color:#666;}
.verygood_detail .list li:before {content: '\b7\a0';display:inline-block;min-width:8px;margin-left:-8px;}

.verygood_detail .box_form {margin-top:15px;display:flex;}
.verygood_detail .box_form input[type=text],
.verygood_detail .box_form select {width:100%;}
.verygood_detail .box_form .btn_primary {width:100%;min-width:auto;height:42px;line-height:42px;}
.verygood_detail .box_form .col {flex:1;margin-left:5px;}
.verygood_detail .box_form .col:first-child {margin-left:0;}
.verygood_detail .box_form .col.w80 {flex:none;width:80px;}