@charset "utf-8";


/* CSS Document */
/* common */
/* 정리하면서 다른 곳에 수정 필요한 부분만 뺀거*/
.box_theme3 {clear: both; padding: 11px; overflow: hidden;}
.EV_Tconts_box {background:#FFFFFF; }
.EV_conts_box {background:#FFFFFF; }
.EV_bestgoods_center {background:#FFFFFF; }
.s_browse_box{background:#FFFFFF; }

/*  */
body {margin: 0;padding: 0;-webkit-text-size-adjust: none;}

.w_body_bg {background-color:#f5f5f5;}
.welcom_wrap {position:relative;}

.welcom_wrap_layerbn {position:absolute;top:90px; z-index:999; text-align:center;}
.welcom_wrap_layerbn_btn {position: absolute; top: 0; right: 0;}

.thema_box { clear: both; padding: 20px 11px 0 11px;}
.thema_box2 {clear: both;padding: 0px 11px 0 11px;}

.genie_wrap {clear: both;position: relative;background: #FFFFFF;}
.genie_cover {clear: both;position: relative;overflow: hidden;height: 360px;}

.genie_remote {position: absolute; bottom: 0; z-index: 3; color: #FFFFFF; width: 100%; background: url(//image.aladin.co.kr/img/welcome/m/gradient_bg2.png) repeat-x bottom; height: 55px; float: left; background-size: 120px;}
.genie_remote .rebox1 {float: left;color: #FFFFFF;padding: 18px 0 0 10px}
.genie_remote .rebox1 a {color: #ffffff !important;}
.genie_remote .rebox2 {float: right;padding: 14px 12px 0 0;}
.genie_remote .rebox2 img {width: 120px;}

.genie_conts {clear: both;position: relative;padding: 11px;background: #FFFFFF}
.genie_conts .title_L {width: 90%;font-size: 1.2em;padding: 0 0 0 0;line-height: 1.3;font-weight: bold;}
.genie_conts .title_L a {color: #333333 !important;}
.genie_conts .title_author {color: #959595;padding: 5px 0 10px 0;font-size: 0.9em;}
.genie_conts .title_author a {color: #959595 !important;}
.genie_conts .title_text {line-height: 1.7;margin-bottom: 10px;}
.genie_conts .title_text a {color:#333333;}
.genie_conts .title_text2 {line-height: 1.7;margin-bottom: 10px;}
.genie_conts .title_text2 a {color:#333333;}
.genie_conts .title_text2 p {padding: 10px 0 0 0;}

.genie_conts .title_nick_wrap {clear: both; margin-top:5px; }
.genie_conts .title_nick {height: 50px;width: 50px; border: 0px solid #c8c7c7; margin-right: 8px; border-radius: 45px; overflow: hidden;  float: left;}
.genie_conts .title_nick img {height: 50px;width: 50px;}
.genie_conts .title_nick_t { float: left; color: #959595; }
.genie_conts .title_nick_t a { color: #959595 !important; font-weight:bold}

.genie_conts .numbox { padding-bottom:10px }
.genie_conts .slick {position: absolute; right: 0; z-index: 6; top: 10px;}/*top: 15px;*/
.genie_conts .slick img {width: 18px;}
.genie_conts .slick a { padding: 5px; display: block}

.genie_conts .clip { color: #4d92d9; background: url(//image.aladin.co.kr/img/shop/m/clip.png) no-repeat 0 2px; padding-left: 18px;  background-size: 15px;}
.genie_conts .clip a {color: #4d92d9 !important;}
.genie_conts .clip2 { color: #4d92d9; background: url(//image.aladin.co.kr/img/shop/m/clip2.png) no-repeat 0 2px; padding-left: 24px; background-size: 20px; font-weight: bold;}



.num_round {
  display: inline;
  border: 1px solid #89b5e3;
  border-radius: 20px;
  text-align: center;
  padding: 3px 8px 2px 8px;
  margin-right: 3px;
  font-size: 0.85em
}

/* mbasic_v1.css에서 가져옴 */
.w_trans_L5 {    clear: both;    background: #fff;    overflow: hidden;    margin: 0px;}
.w_trans_L5 li {    float: left;    width: 33%;    border-right: 1px solid #dbdbdb;    text-align: center;    padding: 0px;    font-family: 'Apple SD Gothic Neo', AppleGothic, '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '굴림', Gulim, Helvetica, sans-serif;    line-height: 130%;}
.w_trans_L5 li.end {    border-right: 0px solid #b2b2b2;}
.w_trans_L5 li a {    font-size: 1em;    color: #181818 !important}
.w_trans_L5 li a:visited {    color: #181818 !important}

.num_round a {color: #89b5e3 !important; font-weight: bold}

.genie_event { clear: both; padding-bottom: 20px;}
.genie_event .thum_box img { width: 100%;}

.genie_cardreview {
  clear: both;
  position: relative;
  padding-bottom: 20px;
}

.genie_cardreview .arr_Left {
  z-index: 5;
  background: url(//image.aladin.co.kr/img/shop/m/crpc_nav_pre.png) no-repeat;
  background-size: 53px;
  height: 100%;
  position: absolute;
  left: 0;
  background-position: 45%
}

.genie_cardreview .arr_Left a {
  display: block;
  font-size: 0;
  width: 53px;
  height: 100%;
}

.genie_cardreview .arr_right {
  z-index: 5;
  background: url(//image.aladin.co.kr/img/shop/m/crpc_nav_next.png) no-repeat;
  background-size: 53px;
  width: 53px;
  height: 100%;
  position: absolute;
  right: 0;
  background-position: 45%
}

.genie_cardreview .arr_right a {display: block;font-size: 0;  width: 53px;  height: 100%;}

.genie_cardreview .thum_box {  z-index: 4;}
.genie_cardreview .thum_box img { width: 100%;}

.genie_conts .clamp_4 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap: break-word;}
.genie_toptit { clear:both; background:#f21d8c; padding:12px; color:#FFFFFF; position:relative; font-size:1.05em; }
.genie_toptit .btn_more { position:absolute; right:10px; top:12px; background:url(//image.aladin.co.kr/img/shop/m/btn_go_white.png) no-repeat; background-size:11px; background-position:96% 40% }	
.genie_toptit .btn_more a { color:#FFFFFF; padding:12px; font-size:0.9em }
.genie_toptit .btn_more img { width:12px; }

.genie_layer_out { position: fixed; z-index: 2300; left: 0; bottom: 0; width: 100%;  float: left;background:#dddddd;padding:12px 9px;box-sizing: border-box; }
.genie_layer1 { background:#FFFFFF }
.genie_layer1 li {box-sizing: border-box;text-align: center;border-bottom: 1px solid #dddddd }
.genie_layer1 li.end {border-bottom: 0}
.genie_layer1 li a {color: #333333 !important;display: block;font-size: 1.05em;padding: 0.7rem 0;}

.genie_layer2 { background:#FFFFFF }
.genie_layer2 li {text-align:left; background:url(//image.aladin.co.kr/img/shop/m/btn_go_bk.png) no-repeat; background-size:12px; background-position:96% 45%}
.genie_layer2 li a {color: #333333 !important;display: block;font-size: 1.05em;padding: 0.7rem;}

.genie_layer3 { background:#FFFFFF }
.genie_layer3 li {text-align:left; position:relative;font-size: 1.05em;padding: 0.7rem;}
.genie_layer3 li span { background:url(//image.aladin.co.kr/img/shop/m/btn_go_bk.png) no-repeat; background-size:12px; background-position:95% 50%; position:absolute; right:10px;display:inline-block; top:5px }
.genie_layer3 li span a { width:80px; height:30px; display:block;}

.cover_imgsize {width: 100%;}

.now_best {clear: both; margin-bottom: -40px;}
.now_best::after {content: ''; display: block; clear: both;}
.now_best.foreign {margin-bottom: -20px;}

.now_best_twrap {/*border-bottom:1px solid #f9f9f9;*/ position: relative; padding: 12px 0 0 0;}
.now_best_twrap .t { padding-left: 11px; font-size: 1em}
.now_best_twrap span { color: #bbbbbb; font-size: 0.95em; font-weight: normal;}
.now_best_twrap .more {position: absolute; right: 6px; top: 5px;}
.now_best_twrap .more img { width: 14px;}
.now_best_twrap .more a { padding: 5px 5px 5px 4.9em; display: block; }

.now_best li {
  border-bottom: 1px solid #f2f2f2;
  padding-top: 10px;
  float: left;
  width: 100%;
  height: 60px;
  overflow: hidden;
  box-sizing: border-box;
}

.now_best li .area1 {
  float: left;
  display: inline;
  width: 20px;
  font-weight: bold;
  margin-left: 11px;
  padding-top: 12px;
  font-style: italic;
}

.now_best li .area2 {
  float: left;
  display: inline;
  height: 50px;
  overflow: hidden;
  box-shadow: 1px 2px 3px #ececec;
  margin-left: 11px;
}

.now_best li .area2 img { width: 65px;}

.now_best li .area3 {
  float: left;
  display: inline;
  overflow: hidden;
  padding-top: 12px;
  padding-left: 2%;
  font-size: 0.95em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.now_best li .area3 span { font-style: italic; font-weight: bold;}
.now_best li .area4 { float: right; display: inline; margin-right: 11px; padding-top: 12px; width: 30px; font-size: 0.9em;}

.now_best li a { color: #333333 !important;}

.rolling_small {clear: both;}

/**/
.rolling_small .thum_box {
  display: inline;
  float: left;
  width: 200px;
  margin-left: 11px;
  margin-right: 10px;
}

.rolling_small .thum_box p {text-align: center; padding: 10px 0}
.rolling_small .thum_box a {color: #333333 !important;}
.rolling_small .thum_box img { width: 100%; border: 1px solid #e0e0e0;}

.book {float: left; margin-left: 11px; margin-right: 15px;}
.book dt { text-align: center; overflow: hidden; position: relative}
.book dt .cover_pt {position: absolute; bottom: 0; left: 0; width: 100%; border: 1px solid #e0e0e0; box-sizing: border-box;}
.book dd {text-align: center;padding-top: 5px;}/*font-size:0.95em*/
.book dd p { overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.book dd a {color: #333333 !important;}
.book dd .author {text-align:left; font-size:13px; padding:6px 0 0 0px; color:#737373; line-height:1.2; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.book dt .sale_label {width: 130px; height: 30px; position: absolute; bottom: 5px; left:5px; line-height: 30px; background-color:rgba(255, 51, 153, 0.8); color: #ffffff; text-align: center; font-size: 0.95rem; font-family: roboto; font-weight: 500; z-index: 99; pointer-events: none;}

.book2 {float: left; margin-left: 11px; margin-right: 15px;}
.book2 dt {text-align: center; overflow: hidden; position: relative}
.book2 dt .cover_pt {position: absolute; bottom: 0; left: 0; width: 100%; border: 1px solid #e0e0e0; box-sizing: border-box;}
.book2 dd {text-align: center; padding-top: 5px; font-size: 0.95em;}
.book2 dd p {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.book2 dd a {color: #333333 !important;}
.book2 dd .book_sub {font-size: 0.95em; color:#888888;}

.book_2hang {
  float: left;
  margin-left: 11px;
  margin-right: 15px;
}

.book_2hang dt {
  text-align: center;
  overflow: hidden;
  position: relative
}

.book_2hang dt .cover_pt {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
}

.book_2hang dd {
  text-align: center;
  padding-top: 5px;
  font-size: 0.95em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  
}

.book_2hang dd a {color: #333333 !important;}

.music {
  float: left;
  margin-left: 11px;
  margin-right: 15px;
}

.music dt {
  text-align: center;
  overflow: hidden;
  position: relative
}

.music dt .cover_pt {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
}

.music dd {
  text-align: center;
  padding-top: 5px;
  font-size: 0.95em
}
.music dd p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.music dd a { color: #333333 !important;}

.dvd {
  float: left;
  margin-left: 11px;
  margin-right: 15px;
}

.dvd dt {
  text-align: center;
  overflow: hidden;
  position: relative
}

.dvd dt .cover_pt {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
}

.dvd dd {
  text-align: center;
  padding-top: 5px;
  font-size: 0.95em
}

.dvd dd p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.dvd dd a { color: #333333 !important;}

.goods {
  float: left;
  margin-left: 11px;
  margin-right: 15px;
}

.goods dt {
  text-align: center;
  overflow: hidden;
  position: relative
}

.goods dt .cover_pt {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.goods dd {
  text-align: center;
  padding-top: 5px;
  font-size: 0.95em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}
.goods dd p { overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.goods dd a { color: #333333 !important;}

.circle {
  float: left;
  margin-left: 11px;
  margin-right: 15px;
}

.circle dt {
  text-align: center;
  overflow: hidden;
  position: relative;
  border-radius: 50%;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
}

.circle dt .cover_pt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.circle dd {
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  padding-top: 5px;
  font-size: 0.95em
}

.circle dd a { color: #333333 !important;}

.circle dd .b_t {
  font-size: 1.2em;
}

.circle2 {float: left; margin-left: 11px; margin-right: 10px;}
.circle2 dt {text-align: center; overflow: hidden; position: relative; border-radius: 50%; border: 1px solid #e0e0e0; box-sizing: border-box;}
.circle2 dt .cover_pt {position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.circle2 dd {text-overflow: ellipsis;  overflow: hidden;  text-align: center;  padding-top: 5px;  font-size: 0.95em}
.circle2 dd a {color: #333333 !important;}
.circle2 dd .b_t {font-size: 1.0em;}

.rolling_bn {
  clear: both;
  position: relative;
  overflow: hidden;
}

.rolling_bn .arr_Left {
  z-index: 5;
  background: url(//image.aladin.co.kr/img/welcome/m/arr_left3.png) no-repeat;
  background-size: 35px;
  height: 100%;
  position: absolute;
  left: 0;
  background-position: 45%
}

.rolling_bn .arr_Left a {
  display: block;
  font-size: 0;
  width: 35px;
  height: 100%;
}

.rolling_bn .arr_right {
  z-index: 5;
  background: url(//image.aladin.co.kr/img/welcome/m/arr_right3.png) no-repeat;
  background-size: 35px;
  height: 100%;
  position: absolute;
  right: 0;
  background-position: 45%;
}

.rolling_bn .arr_right a {
  display: block;
  font-size: 0;
  width: 35px;
  height: 100%;
}

.rolling_bn .arr_Left2 {
  z-index: 5;
  background: url(//image.aladin.co.kr/img/welcome/m/arr_left3.png) no-repeat;
  background-size: 35px;
  height: 80%;
  position: absolute;
  left: 0;
  background-position: 45%
}

.rolling_bn .arr_Left2 a {
  display: block;
  font-size: 0;
  width: 35px;
  height: 100%;
}

.rolling_bn .arr_right2 {
  z-index: 5;
  background: url(//image.aladin.co.kr/img/welcome/m/arr_right3.png) no-repeat;
  background-size: 35px;
  height: 80%;
  position: absolute;
  right: 0;
  background-position: 45%;
}

.rolling_bn .arr_right2 a {
  display: block;
  font-size: 0;
  width: 35px;
  height: 100%;
}

.rolling_bn .thum_box {z-index: 4; display: inline;}
.rolling_bn .thum_box img { width: 100%;}
.rolling_bn .thum_box2 { z-index: 4; text-align: center; /*padding: 6px 0;*/}
.rolling_bn .thum_box2 img { width: 320px;}
.rolling_bn .thum_textbox { clear: both; padding: 15px 11px; position: relative; height: 50px;}

/*height:26px */
.rolling_bn .thum_textbox a { }
.rolling_bn .thum_textbox p {display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical; text-overflow: ellipsis;white-space: nowrap; font-weight:bold;}

.rolling_bn .thum_textbox .more {
  position: absolute;
  right: 11px;
  top: 14px;
  color: #888888;
  font-size: 0.8em;
  height: 60px;
  overflow: hidden;
}

.rolling_bn .thum_textbox .more img {}
.rolling_bn .thum_textbox .more a {color: #888888 !important;}

.rolling_bn .navbox {
  position: absolute;
  bottom: 5px;
  right: 0;
  border-radius: 14px 0 0 14px;
  padding: 2px 5px 2px 10px;
  background: rgba(255, 255, 255, 0.3);
  color: #333333;
  font-size: 0.85em;
  z-index: 100;
  width: 65px;
  box-sizing: border-box;
}

.rolling_bn .navbox img {width: 12px; padding-left: 5px;}
.rolling_bn .navbox a {color: #454545 !important;}

.rolling_bn .navbox2 {
  clear: both;
  position: absolute;
  right: 0;
  bottom: 92px/*61px*/ ;
  border-radius: 14px 0 0 14px;
  padding: 2px 8px 2px 11px;
  background: rgba(255, 255, 255, 0.3);
  color: #333333;
  font-size: 0.85em;
  z-index: 100;
  width: 60px;
  box-sizing: border-box;
}

.rolling_bn .navbox2 img {width: 12px;padding-left: 5px;}
.rolling_bn .navbox2 a {color: #454545 !important;}

.rolling_bn .navbox3 {
  clear: both;
  position: absolute;
  right: 0;
  bottom: 61px;
  border-radius: 14px 0 0 14px;
  padding: 2px 8px 2px 11px;
  background: rgba(255, 255, 255, 0.3);
  color: #333333;
  font-size: 0.85em;
  z-index: 100;
  width: 60px;
  box-sizing: border-box;
}

.rolling_bn .navbox3 img {width: 12px;padding-left: 5px;}
.rolling_bn .navbox3 a {color: #454545 !important;}

.rolling_bn .thum_textbox_goods {
  clear: both;
  padding: 15px 11px;
  position: relative;
  height: 20px
}

.rolling_bn .thum_textbox_goods a {}
.rolling_bn .thum_textbox_goods p {
  display: -webkit-box!important;
  overflow: hidden!important;
  -webkit-box-orient: vertical!important;
  text-overflow: ellipsis!important;
  white-space: nowrap;
  font-weight: bold
}

.rolling_bn_more {position: absolute;right: 11px;bottom: 42px;color: #888888;font-size: 0.95em;overflow: hidden;z-index:9;}/*bottom: 15px;*/

.rolling_bn_more img {}
.rolling_bn_more a {color: #888888 !important;}

.rolling_choice {clear: both;height: 182px;overflow: hidden;}

.choice_book {float: left;}
.choice_book dt { float: left; overflow: hidden; height: 161px; margin: 10px 0 0 10px; background: #FFFF00}
.choice_book dt .bookcover {}
.choice_book dt .bookcover img { width: 110px;}
.choice_book dd {float: left;width: 50%;text-align: left;margin-left: 10px;}

.choice_book dd .book_text1 {color: #f6e983; padding-top: 17px; font-size: 0.9em}
.choice_book dd .book_text2 {color: #FFFFFF;font-weight: bold; padding: 8px 0}
.choice_book dd .book_text3 {color: #f7f7f7;font-size: 0.95em;}

.rolling_choice2 {clear: both;float: left;width: 100%;margin-bottom: 10px;}

.choice_book2 {float: left;width: 100%;padding-left:1px;box-sizing:border-box; }
.choice_book2 dt {float:left; padding: 10px 0 0 10px;width: 36.4%;box-sizing:border-box; display:table;}
.choice_book2 dt .bookcover {position: relative;}
.choice_book2 dt .bookcover img { width:100%; border: 1px solid #e0e0e0;}
.choice_book2 dd { float:left; text-align: left; padding-left: 10px; padding-right: 10px;padding-top:5px;box-sizing:border-box; width: 63.6%;display:table;}
/*.choice_book2 dt {float: left; margin: 10px 0 0 10px; }
.choice_book2 dt .bookcover {}
.choice_book2 dt .bookcover img { }
.choice_book2 dd { float: left; text-align: left; margin-left: 10px; padding-top: 5px;}*/
.choice_book2 dd a {color: #333333 !important;}

.choice_book2 dd .book_text0 { margin: 8px 0; font-weight: bold;}
.choice_book2 dd .book_text1 { color: #4d92d9; padding-top:5px;}
.choice_book2 dd .book_text2 { margin: 8px 0; font-weight: bold; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.choice_book2 dd .book_text3 {display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.choice_book2 dd .book_text4 { padding-top:5px;}
.choice_book2 dd .book_text5 {display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;  -webkit-line-clamp:5;font-family:'Nanum Myeongjo',serif;color:#000000;}
.choice_book2 dd .book_text6 {display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp:6; font-size:0.95em; line-height:1.5;}
.choice_book2 dd .funding {padding-top:10px; }
.choice_book2 dd .funding span {color: #f21e8c;}

.choice_book3 {float: left;width: 100%;padding-left:1px;box-sizing:border-box; }
.choice_book3 dt {float:left; padding: 10px 0 0 10px;width: 36.4%;box-sizing:border-box; display:table;}
.choice_book3 dt .bookcover {}
.choice_book3 dt .bookcover img { width:100% }
.choice_book3 dd { float:left; text-align: left; padding-left: 10px; padding-right: 10px;padding-top: 5px;box-sizing:border-box; width: 63.6%;display:table;}
/*.choice_book3 dt {float: left; margin: 10px 0 0 10px;}
.choice_book3 dt .bookcover {}
.choice_book3 dt .bookcover img { }
.choice_book3 dd { float: left; text-align: left; margin-left: 10px; padding-top: 5px;}*/
.choice_book3 dd .author {font-size:0.95em;color:#888888; margin-bottom:10px; display:block;margin-top:-5px;}
.choice_book3 dd a {color: #333333 !important;}
.choice_book3 dd .book_text0 { margin: 8px 0; font-weight: bold;}
.choice_book3 dd .book_text2 { margin: 8px 0; font-weight: bold; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1;font-size:1.1em}
.choice_book3 dd .book_text5 {display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;  -webkit-line-clamp:5;font-family:'Nanum Myeongjo',serif;color:#000000; font-size:1.1em}

.w_line { clear: both; background: #e7e7e7; height: 1px;}
.w_line2 { clear: both; background: #e7e7e7; height: 1px; margin: 0 11px;}
.w_line3 { clear: both; background: #f2f2f2; height: 1px;}

.wf_color1 { color: #f8764e}
.wf_color2 {color: #999999}

.wf_clear {clear: both;}

.w_wrap {
  clear: both;
  background: #FFFFFF;
  float: left;
  width: 100%;
  position: relative
}

.w_wrap2 {
  clear: both;
  background: #FFFFFF;
  float: left;
  width: 100%;
  padding: 10px 0;
  position: relative
}

.w_tit_big {font-size: 0.95em;font-weight: normal;padding: 0 10px 13px 11px;color: #888888;margin-top: -5px; text-align:right; display:inline-block; float:right;height: 50px; margin-top:-35px;}
.w_tit_big a {color: #999999!important;}
/*.w_tit_big {font-size: 0.95em;font-weight: normal;padding: 0 10px 13px 11px;color: #888888;margin-top: -5px; text-align:right;}
.w_tit_big a {color: #999999!important;}*/
.w_tit_big2 {font-weight:bold;padding: 6px 0 3px 0;color: #333333}
.w_tit_big2 a {color: #333333!important;}

.w_tit_more {color: #999999;display: inline;font-size: 0.7em;border-radius: 14px 14px;padding: 2px 6px 0 6px;margin-left: 5px;border: 1px solid #CCCCCC;}
.w_tit_more a { color: #999999!important;}

.w_tit_more2 {color: #333333; display: inline; font-size: 14px; border-radius: 14px 14px; padding: 2px 6px 0 6px; margin-left: 5px; border: 1px solid #666666;font-weight:normal;}
.w_tit_more2 a {color: #333333!important;}

.w_layer {
  background: rgba(0, 0, 0, 0.4);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 1002;
}

.w_layer_allevent {
  clear: both;
  width: 320px;
  margin: 0 auto;
  position: relative;
  padding-top: 50px;
}

.w_layer_allevent h3 {
  background: #363636;
  color: #FFFFFF;
  text-align: center;
  box-sizing: border-box;
  padding: 10px;
  width: 320px;
  z-index: 55;
  font-weight: normal
}

.w_layer_allevent_thum li img {width: 320px;}

.w_layer_allevent .btn_close {
  position: absolute;
  right: 5px;
  top: 47px;
}

.w_layer_allevent .btn_close img {width: 30px;}

a.w_black:link {color: #333333;}
a.w_black:visited {color: #333333}

/*±âÁ¸ À£Äļ­ °¡Á®¿Â °Å:¼öÁ¤±ÝÁö*/
.t_theme {
  float: left;
  margin: 0;
  padding: 0 3px 0 0;
  font-size: 1.15em;
  font-weight: normal;
  letter-spacing: -1px;
}

.t_theme_more {
  float: right;
  color: #888888;
  font-size: 0.9em;
  display: table;
  vertical-align: middle;
  overflow: hidden;
}

.t_theme_more2 {
  float: right;
  color: #888888;
  font-size: 0.9em;
  display: table;
  vertical-align: middle;
  overflow: hidden;
}

.group_L3 {}
.group_L3 li {float: left; width: 33%; text-align: center; line-height: 1.5em; display: inline; border-right: 1px solid #ececec; border-bottom: 1px solid #ececec; position: relative;}
.group_L3 li.end { float: left; width: 33.3%; text-align: center; line-height: 1.5em; display: inline; border-right: 0px solid #ececec;}
.group_L3 li a { display: block; padding: 11px 0 10px 0; color: #5d5d5d !important; font-weight: bold; font-size: 0.95em}

.group_L5_new {clear: both;float: left;width: 100%;padding: 3px 0;background-color: #f4f4f4; border-bottom:1px solid #f1f1f1;}
.group_L5_new li {float: left;width: 33%;text-align: center;line-height: 1.5em;display: inline;position: relative;background: url(//image.aladin.co.kr/img/welcome/m/sw2.png) no-repeat right; background-color: #f4f4f4; background-size: 1px;}
.group_L5_new li.end {float: left;width: 33.3%;text-align: center;line-height: 1.5em;display: inline;border-right: 0px solid #e3e3e3;background: #f4f4f4;}
.group_L5_new li a {display: block;padding: 9px 0 8px 0;color: #525252 !important; }
.group_L5_new_sh {clear: both;background: url(//image.aladin.co.kr/img/welcome/m/sh.png) top repeat-x;background-size: 1px; height: 3px;}

.group_L5_new2 {clear: both;float: left;width: 100%;padding: 3px 0;background-color: #f4f4f4; border-bottom:1px solid #f1f1f1;}
.group_L5_new2 li {float: left;width: 25%;text-align: center;line-height: 1.5em;display: inline;position: relative;background: url(//image.aladin.co.kr/img/welcome/m/sw2.png) no-repeat right; background-color: #f4f4f4; background-size: 1px;}
.group_L5_new2 li.end {float: left;width: 25%;text-align: center;line-height: 1.5em;display: inline;border-right: 0px solid #e3e3e3;background: #f4f4f4;}
.group_L5_new2 li a {display: block;padding: 9px 0 8px 0;color: #525252 !important; }

.group_L6_1 {
  clear: both;
  float: left;
  width: 100%;
  background: #FFFFFF;
  padding: 15px 6px;
  box-sizing: border-box;
}

.group_L6_1 li {float: left;width: 33.3%;text-align: center;}
.group_L6_1 li .area_cirle {text-align: center;width: 90%;background: #f4f4f4;margin: 0 auto;border-radius: 5px;}
.group_L6_1 li .area_cirle img {width: 46px;}
.group_L6_1 li .area_cirle p {text-align: center;color: #666666;font-size: 0.9em;padding: 10px 0}
.group_L6_1 li .area_cirle p a {color: #666666 !important;display: block;}

.group_L7 {clear: both;float: left;width: 100%;background: #FFFFFF; padding: 6px; box-sizing: border-box;}
.group_L7 li {float: left; width: 33.3%; text-align: center;}
.group_L7 li .area_cirle {text-align: center; height: 96px; width: 90%; background: #f4f4f4; margin: 0 auto; border-radius: 5px; display:table;}
.group_L7 li .area_cirle p { text-align: center; color: #ffffff; font-weight: bold; background: rgba(0, 0, 0, 0.6); height: 100%; box-sizing: border-box; border-radius: 5px;display:table-cell; vertical-align:middle;}
.group_L7 li .area_cirle p a {color: #ffffff !important; display: block;}
.group_L7_more {clear: both;background: #FFFFFF;text-align: center;padding-bottom: 30px;}
.group_L7_more a {color: #333333 !important;display: block;}

.group_L8 { clear: both; float: left; width: 100%; padding: 3px 0; background-color: #f4f4f4;}
.group_L8 li {float: left;width: 50%;text-align: center;line-height: 1.5em; display: inline;position: relative; background: url(//image.aladin.co.kr/img/welcome/m/sw2.png) no-repeat right;background-color: #f4f4f4; background-size: 1px;}
.group_L8 li.end {float: left;width: 50%;text-align: center;line-height: 1.5em;display: inline;background: #f4f4f4;}
.group_L8 li a {display: block;padding: 9px 0 8px 0;color: #666666 !important;font-size: 1.0em}

.group_L9 {clear: both;float: left;width: 100%;background: #FFFFFF; padding: 6px;box-sizing: border-box;}
.group_L9 li {float: left;width: 50%;text-align: center;}
.group_L9 li .area_cirle { text-align: center; height: 100px; width: 93%; background: #000000; margin: 0 auto; border-radius: 5px;}
.group_L9 li .area_cirle p { text-align: center; color: #ffffff; font-size: 1.0em; text-shadow: 2px 2px 2px gray; padding-top: 30px; background: rgba(0, 0, 0, 0.4); height: 100%; box-sizing: border-box; border-radius: 5px;}
.group_L9 li .area_cirle p a {color: #ffffff !important;display: block;}
.group_L9 .browse_t2 {font-size: 1.3em;font-weight: bold;}

.group_L11 {}
.group_L11 li {float: left; width: 22.5%; text-align: center; line-height: 1.5em; display: inline; border-right: 1px solid #ececec; border-bottom: 1px solid #ececec; position: relative;}
.group_L11 li.end { float: left; width:31.5%; text-align: center; line-height: 1.5em; display: inline; border-right: 0px solid #ececec;}
.group_L11 li a { display: block; padding: 11px 0 10px 0; color: #5d5d5d !important; font-weight: bold; font-size: 0.95em}


 /*2020 메뉴 탭 5개 */
.group_L12_new {clear: both;float: left;width: 100%;padding: 3px 0;background-color: #f4f4f4; border-bottom:1px solid #f1f1f1;}
.group_L12_new li {float: left;width: 20%!important;text-align: center;line-height: 1.5em;display: inline;position: relative;background: url(//image.aladin.co.kr/img/welcome/m/sw2.png) no-repeat right; background-color: #f4f4f4; background-size: 1px;}
.group_L12_new li:nth-child(4) {width:20%!important;}
.group_L12_new li.end {float: left;width: 20%!important;text-align: center;line-height: 1.5em;display: inline;border-right: 0px solid #e3e3e3;background: #f4f4f4;}
.group_L12_new li a {display: block;padding: 9px 0 8px 0;color: #525252 !important; }
.group_L12_new_sh {clear: both;background: url(//image.aladin.co.kr/img/welcome/m/sh.png) top repeat-x;background-size: 1px; height: 3px;}

.group_L13 {clear: both;float: left;width: 100%;padding: 3px 0;background-color: #f4f4f4; border-bottom:1px solid #f1f1f1;}
.group_L13 .menu1 {float: left;width: 17%;text-align: center;line-height: 1.5em;display: inline;position: relative;background: url(//image.aladin.co.kr/img/welcome/m/sw2.png) no-repeat right; background-color: #f4f4f4; background-size: 1px;}
.group_L13 .menu2 {float: left;width: 20%;text-align: center;line-height: 1.5em;display: inline;position: relative;background: url(//image.aladin.co.kr/img/welcome/m/sw2.png) no-repeat right; background-color: #f4f4f4; background-size: 1px;}
.group_L13 .menu3 {float: left;width: 15%;text-align: center;line-height: 1.5em;display: inline;position: relative;background: url(//image.aladin.co.kr/img/welcome/m/sw2.png) no-repeat right; background-color: #f4f4f4; background-size: 1px;}
.group_L13 li.end {float: left;width: 15%;text-align: center;line-height: 1.5em;display: inline;border-right: 0px solid #e3e3e3;background: #f4f4f4;}
.group_L13 li a {display: block;padding: 9px 0 8px 0;color: #525252 !important; font-size:1em}
.group_L13_sh {clear: both;background: url(//image.aladin.co.kr/img/welcome/m/sh.png) top repeat-x;background-size: 1px; height: 3px;}

.genie_grid_box {clear: both; border-top: 4px solid #444444;  position: relative;height: 2em; background:#707070;}/*height: 20px;*/

/*¿µ¿ª ±¸ºÐ¼±*/
.w_grid_box {
  clear: both;
  border-top: 1px solid #d3d3d3;
  background: url(//image.aladin.co.kr/img/welcome/m/w_bg.png) repeat-x top;
  background-size: 4px;
  position: relative;
  height: 10px;
  background-color: #FFFFFF
}

.w_clear {clear: both;}
.w_f_normal {font-weight: normal;}

.w_space1 {background: #FFFFFF; clear: both; padding: 5px 0;}
.w_space2 { background: #FFFFFF; clear: both; padding: 10px 0;}

.price01{font-size:0.85em;color:#000;font-weight:bold;line-height:1.4em;letter-spacing:-1px;}
.price02 { font-size: 0.8em; color: #f21e8c; line-height: 1.0em; letter-spacing: -1px;}
.price03 {font-size: 0.85em;color: #f21e8c;line-height: 1.4em;font-weight: bold;letter-spacing: -1px;}
.price04 {font-size: 0.85em;color: #f21e8c;line-height: 1.4em;letter-spacing: -1px;}
.price05 {font-size: 0.85em;color: #000;line-height: 1.4em;letter-spacing: -1px;}

.abs_book_out {
  width: 100%;
  height: 125px;
  padding: 0;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.abs_book_in{position:absolute;bottom:2px;padding:5px 5px 10px 5px;width:90%;margin:0 auto;overflow:hidden;}

.abs_book_in_t {
  position: absolute;
  padding: 0 0 0 0;
  width: 100%;
  margin: 0 auto;
  line-height: 1em;
  letter-spacing:0;
}

.abs_book_out_t2 {
  width: 100%;
  padding: 0 0 0 0;
  text-align: center;
  position: relative;
  overflow: hidden;
  height: 40px;
}



/*Á¦¸ñ2ÁÙ*/
.abs_book_img {
  margin: 0 auto;
  text-align: center;
  width: 75px;
}

.box_theme2 {
  clear: both;
  background: #FFFFFF;
  overflow: hidden
}

.t_theme_3 {
  float: left;
  margin: 0;
  padding: 14px 3px 0 11px;
  font-size: 1.05em;
  font-weight: normal;
  letter-spacing: -1px;
}

.w_off_quest2_1 {
  clear: both;
  border-top: 1px solid #f3f3f3;
  padding: 11px;
}

.w_off_quest2_1 ul {/*margin-left:3px; */}
.w_off_quest2_1 li {padding-bottom: 10px;}

.space_T03 {clear: both;padding-top: 3px;}

a.b_black1:link {font-size: 0.9em;line-height: 1.2em;color: #000;letter-spacing: -1px}
a.b_black1:visited {color: #000;}
a.b_black1:hover {color: #000;}

/*시용일 전용걸 그대로 가져옴*/
#siyoil_contant {width: 100%;}

#siyoil_contant .bg1 {
  background: url(//image.aladin.co.kr/img/m/siyoil/siyoil_bg01_h350.jpg) no-repeat center bottom;
  background-size: 100% auto;
  height: 350px;
  overflow: hidden}

#siyoil_contant .bg2 {
  background: url(//image.aladin.co.kr/img/m/siyoil/siyoil_bg02_h350.jpg) no-repeat center bottom;
  background-size: 100% auto;
  height: 350px;
  overflow: hidden}

#siyoil_contant .bg3 {
  background: url(//image.aladin.co.kr/img/m/siyoil/siyoil_bg03_h350.jpg) no-repeat center bottom;
  background-size: 100% auto;
  height: 350px;
  overflow: hidden}

#siyoil_contant .bg4 {
  background: url(//image.aladin.co.kr/img/m/siyoil/siyoil_bg04_h350.jpg) no-repeat center bottom;
  background-size: 100% auto;
  height: 350px;
  overflow: hidden}

#siyoil_contant .bg5 {
  background: url(//image.aladin.co.kr/img/m/siyoil/siyoil_bg05_h350.jpg) no-repeat center bottom;
  background-size: 100% auto;
  height: 350px;
  overflow: hidden}

#siyoil_contant .date1 {
  text-align: left;
  font-size: 0.9em;
  font-family: Arial, Helvetica, sans-serif !important;
  padding: 25px 25px 0 25px;
  letter-spacing: 1px;
  color: #666666;
}

#siyoil_contant .date2 {
  text-align: left;
  font-size: 1em;
  font-family: 'Nanum Myeongjo', serif;
  padding: 50px 0 5px 0;
  letter-spacing: 1px;
  color: #666666;
  letter-spacing: -0.5px
}

#siyoil_contant .text1 {
  text-align: left;
  font-family: 'Nanum Myeongjo', serif;
  line-height: 1.4em;
  font-size: 1.3em;
  padding: 30px 0 20px 0;
  color: #333;
  width: 90%;
  margin: 0 auto
}

#siyoil_contant .text2 {
  text-align: right;
  font-family: 'Nanum Myeongjo', serif;
  line-height: 1.7em;
  font-size: 0.8em;
  color: #333;
  width: 90%;
  margin: 0 auto
}

#siyoil_contant .text3 {
  text-align: left;
   font-family: 'Nanum Myeongjo', serif;
  line-height: 1.3em;
  font-size: 1.4em;
  padding: 0px 0;
  color: #333;
  font-weight: bold;
  letter-spacing: -1px
}

#siyoil_contant .text4 {
  text-align: left;
  font-family: 'Nanum Myeongjo', serif;
  line-height: 1.4em;
  font-size: 0.9em;
  padding: 20px 0 0 0;
  color: #333;
  font-weight: normal
}

#siyoil_contant .text4 a {font-family: 'Nanum Myeongjo', serif !important; color: #333;}

#siyoil_contant .text5 {
  text-align: right;
  font-family: 'Nanum Myeongjo', serif;
  line-height: 1.5em;
  font-size: 0.7em;
  font-weight: normal;
  padding: 20px 0;
}

#siyoil_contant .width2 {width: 90%;margin: 0 auto;height: 210px;}

.pagingwrap { clear:both; position:relative!important; margin-bottom:20px;}
.cover_border {border: 1px solid #e0e0e0; }
.book_special { position:relative; height: 400px;overflow: hidden; }
.book_special .thum_box img { width:100%;}
.book_special .thum_textbox { opacity:0.85; color:#FFFFFF; position:absolute; bottom:0; width:100%; padding:10px; box-sizing:border-box;    }
.book_special .thum_textbox a { color:#FFFFFF!important; display:block;}
.book_special .thum_textbox .tit { font-size:1.2em;}
.book_special .label_tit { position:absolute; right:10px; top:10px;background:rgba(0, 0, 0, 0.8); color:#FFFFFF; border-radius: 20px 20px; padding: 8px 16px 6px 16px;}

.book_bookfund_tit { font-size:1.15em; font-weight:normal; position:relative; margin-bottom:10px; }
.book_bookfund_tit img { width:12px; position:absolute; right:5px; top:5px; }
.book_bookfund_tit a { display:block; color:#333333 }

/*dd height*/
.dd_height1 { height:50px; } /*2줄말줄임 제목만*/
.dd_height2 { height:75px; } /*2줄말줄임 제목+가격*/​

/*product_v1.css용 수정금지*/
.baket_remote_btn {text-align: center; z-index: 1112; width: 100%; position: absolute; top: -20px; box-sizing:border-box; margin-left:-9px;}
.baket_remote_btn img {width: 64px}

@media all and (min-width:320px) {
  .genie_event .thum_box {
    border-radius: 5px;
    width: 285px;
    display: inline-block;
    height: 193px;
    overflow: hidden;
    box-shadow: 1px 3px 3px #e2e2e2;
    margin: 0 0 0 12px;
  }

  .book {width: 114px;}
  .book dt {height: 180px;}  
  
  .book2 {width: 114px;}
  .book2 dt {height: 180px;}
  
  .book_2hang {width: 114px;}
  .book_2hang dt {height: 180px;}

  .now_best li .area3 {width:60%;}

  .rolling_bn .choice_book2 dt { }
  .rolling_bn .choice_book3 dt { }
  


  .rolling_choice2 { }

  .font_remote {font-size: 1.05em;}

  .wrap_special_bn {height: 380px;}
  .wrap_special_bn2 {height: 380px;}
  .wrap_special_bn3 {height: 390px;}
  .wrap_special_bn4 {height: 390px;}

  .music {width: 114px;}
  .music dt {height: 114px;}

  .dvd {width: 114px;}
  .dvd dt {height: 170px;}

  .goods {width: 114px;}
  .goods dt {height: 114px;}
 
  /* 굿즈 분야 페이지 */
  .swipegoods .swiper-slide {width: 126px!important;}

  .circle {width: 114px;}
  .circle dt {height: 114px;}
  
  .circle2 {width: 70px;}
  .circle2 dt {height: 70px;}  
  
  /*.choice_book2 dd {width: -webkit-calc(100% - 150px); }
  .choice_book3 dd {width: -webkit-calc(100% - 150px);}
  .thismonth_book dd {width: -webkit-calc(100% - 150px);}*/
  
  .romance_main li { font-size:0.85em; }

}

@media all and (min-width:375px) {
  .genie_event .thum_box {
    border-radius: 5px;
    width: 334px;
    display: inline-block;
    height: 226px;
    overflow: hidden;
    box-shadow: 1px 3px 3px #e2e2e2;
    margin: 0 0 0 12px;
  }

  .book {width: 130px;}
  .book dt {height: 210px;}
  
  .book2 { width: 130px;}
  .book2 dt {height: 210px;}  
  
  .book_2hang {width: 130px;}
  .book_2hang dt {height: 210px;}

  .now_best li .area3 {width: 66%;}

  .rolling_bn .choice_book2 dt {}
  .rolling_bn .choice_book3 dt {}


  .rolling_choice2 {}
  
  .font_remote {font-size: 1.1em;}

  .wrap_special_bn {height: 410px;}
  .wrap_special_bn2 {height: 410px;}
  .wrap_special_bn3 {height: 420px;}
  .wrap_special_bn4 {height: 420px;}

  .music {width: 130px;}
  .music dt {height: 130px;}

  .dvd {width: 130px;}
  .dvd dt {height: 200px;}

  .goods {width: 130px;}
  .goods dt {height: 130px;}

  /* 굿즈 분야 페이지 */
  .swipegoods .swiper-slide {width: 140px!important;}

  .circle {width: 130px;}
  .circle dt {height: 130px;}
  
  .circle2 {width: 85px;}
  .circle2 dt {height: 85px;}
    
  
 

  
  .romance_main li { font-size:0.95em; } 

}

/**********/
.cp_book {
  position: absolute;
  background-color: #FF3399;
  color: #FFFFFF;
  bottom: 0px;
  padding: 5px 0;
  z-index: 99;
  width: 100%;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE 8 */
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);/* IE 7 and olders */
}

.main_bn_wrap {text-align: center;}
.main_bn_wrap a {display: block;}
.main_bn_wrap img {width: 320px;}

.book_news {}
.book_news dl { margin-bottom: 10px;}
.book_news dt { float: left; width: 70%; padding-right:2%; margin-top: 24px;}
.book_news dd { float: left; text-align: right; width: 28%; height: 75px; overflow: hidden; margin: 5px 0; border: 1px solid #e0e0e0; box-sizing: border-box;}
.book_news dd img {width: 100%;}

.book_news .color1 {color: #0672f0;}
.book_news .color2 {color: #13b4cf;}
.book_news .color3 {color: #f00695;}
.book_news .color4 {color: #009900;}
.book_news .color5 {color: #f05806;}

.book_news a:link {color: #333;}
.book_news a:visited {color: #333;}

.used_news {clear: both;padding: 0px 11px 0 11px;}
.used_news li { border-bottom: 1px #dddddd solid; padding: 8px 0;}
.used_news a {color: #333333;}

.used_news .color1 {color: #727272;font-size: 0.9em;}
.used_news .used_more {text-align: center;padding: 0;}

.music_news {clear: both; padding: 0px 11px 0 11px;}
.music_news dl { margin-bottom: 10px;}
.music_news dt { float: left; width: 72%; margin-top: 18px; overflow: hidden;}
.music_news dd { float: left; text-align: right; width: 28%; height: 62px; overflow: hidden; margin: 5px 0; border: 1px solid #e0e0e0; box-sizing: border-box;}
.music_news dd img { width: 100%;}
.music_news a:link { color: #333;}
.music_news a:visited { color: #333;}

.music_news .color1 { color: #727272; font-size: 0.9em;}

.wrap_special_bn { position: relative;}
.wrap_special_bn .sp_top { height: 200px;}
.wrap_special_bn .sp_tt { position: absolute; left: 52%; top: 20px; font-size: 1.6em; line-height: 1.2em; font-weight: bold; color: #ffffff;}
.wrap_special_bn .more_btn { position: absolute; left: 52%; top: 80px; z-index: 100; border: 1px #fff solid; color: #ffffff; text-align: center; padding: 5px 10px 3px 10px; font-size: 1.2em;}
.wrap_special_bn .special_list { position: absolute; top: 130px; width: 100%;}

.wrap_special_bn2 { position: relative;}
.wrap_special_bn2 .sp_top { height: 200px;}
.wrap_special_bn2 .sp_tt { position: absolute; left: 20px; top: 20px; font-size: 1.2em; line-height: 1.2em; font-weight: bold; color: #ffffff;}
.wrap_special_bn2 .sp_tt2 { font-size: 1.5em; color: #ffd43f; line-height: 1.4em;}
.wrap_special_bn2 .more_btn { position: absolute; left: 10px; top: 80px; z-index: 100; color: #ffffff; text-align: center; padding: 5px 10px 3px 10px; font-size: 1.0em;}
.wrap_special_bn2 .special_list {position: absolute; top: 130px; width: 100%;}

.wrap_special_bn3 { position: relative;}
.wrap_special_bn3 .sp_top { height: 200px;}
.wrap_special_bn3 .sp_tt {position: absolute;left: 20px; top: 20px; font-size: 1.2em; line-height: 1.2em; color: #333;}
.wrap_special_bn3 .sp_tt a { color: #333;}
.wrap_special_bn3 .sp_tt2 {font-size: 1.5em; color: #4d92d9; line-height: 1.4em; font-weight: bold;}
.wrap_special_bn3 .sp_tt3 { color: #777777; line-height: 1.4em;}
.wrap_special_bn3 .special_list {position: absolute;top: 135px;width: 100%;}

.wrap_special_bn4 { position: relative;}
.wrap_special_bn4 .sp_top { height: 215px;}
.wrap_special_bn4 .sp_tt_wrap {position: absolute;left: 11px;top: 11px;font-size: 1.1em;line-height: 1.2em;color: #fff;background: rgba(0, 0, 0, 0.7); width: 88%;padding: 10px 8px 8px 8px;}
.wrap_special_bn4 .sp_tt { float: left; width: 80%;}
.wrap_special_bn4 .sp_btn {float: right;width: 20%; text-align: right;}
.wrap_special_bn4 .special_list { position: absolute; top: 145px; width: 100%;}

.wrap_lexile_box { height: 100px;}

.lexile_box { float: left; margin-left: 5px; margin-right: 0px; width: 150px;}
.lexile_box dl { clear: both;}
.lexile_box dt { float: left; border-radius: 50%; text-align: center; overflow: hidden; position: relative; width: 40px; height: 40px; margin-right:8px; margin-bottom: 10px; border:1px solid #e0e0e0;}
.lexile_box dt img { width: 100%;}
.lexile_box dd { float: left; text-overflow: ellipsis; overflow: hidden; text-align: left; font-size: 0.95em; line-height: 1.3em;}
.lexile_box dd a { color: #333333 !important;}

.nav_wrap { margin: 8px 11px 0 11px; position: relative;}
.nav_selected a { border-bottom: 2px solid #33b0ea; height: 27px; color: #33b0ea}
.nav_selected a:link { border-bottom: 2px solid #33b0ea; height: 27px; color: #33b0ea}
.nav_selected a:hover { border-bottom: 2px solid #33b0ea; height: 27px; color: #33b0ea}
.nav_selected a:visited { border-bottom: 2px solid #33b0ea; height: 27px; color: #33b0ea}

/*ebook*/
.sub_tab6 { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; float: left; width: 100%; overflow: hidden}
.sub_tab6 ul { float: left; width: 100%;}
.sub_tab6 li { float: left; width: 16.6%; text-align: center; padding-top: 7px;}
.sub_tab6 li.end { float: left; width: 17%; text-align: center;}
.sub_tab6 li a { display: block; font-size: 1em;}

.sub_tab6_1 { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; float: left; width: 100%; overflow: hidden}
.sub_tab6_1 ul { float: left; width: 100%;}
.sub_tab6_1 li { float: left; width: 16%; text-align: center; padding-top: 7px;}
.sub_tab6_1 li.end { float: left; width: 20%; text-align: center;}
.sub_tab6_1 li a { display: block; font-size: 1em;}

.sub_tab5 { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; float: left; width: 100%; overflow: hidden}
.sub_tab5 ul { float: left; width: 100%;}
.sub_tab5 li { float: left; width: 19%; text-align: center;  padding-top: 7px;}
.sub_tab5 li.end { float: left; width: 24%; text-align: center;}
.sub_tab5 li a {display: block;font-size: 1em;}

.sub_tab4 { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; float: left; width: 100%; overflow: hidden}
.sub_tab4 ul { float: left; width: 100%;}
.sub_tab4 li { float: left; width: 23%; text-align: center; padding-top: 7px;}
.sub_tab4 li.end {float: left; width: 31%;text-align: center;}
.sub_tab4 li a {display: block;font-size: 1em;}

.sub_tab3 { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; float: left; width: 100%; overflow: hidden}
.sub_tab3 ul { float: left; width: 100%;}
.sub_tab3 li { float: left; width: 33.3%; text-align: center; padding-top: 7px;}
.sub_tab3 li.end { float: left; width: 33.3%; text-align: center;}
.sub_tab3 li a {display: block; font-size: 1em;}

.sub_tab5_1 { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; float: left; width: 100%; overflow: hidden}
.sub_tab5_1 ul { float: left; width: 100%;}
.sub_tab5_1 li {float: left;width: 20%; text-align: center; padding-top: 7px;}
.sub_tab5_1 li.end { float: left; width: 18%; text-align: center;}
.sub_tab5_1 li a { display: block; font-size: 1em;}

.sub_tab8 { border-bottom: 1px solid #eaeaea; float: left; width: 100%; overflow: hidden}
.sub_tab8 ul { float: left; width: 100%;}
.sub_tab8 li { float: left; width: 23%; text-align: center; padding-top: 7px;}
.sub_tab8 li.end {float: left; width: 31%;text-align: center;}
.sub_tab8 li a {display: block;font-size: 1em;}

.wrap_download { padding: 20px 11px 0px 11px; background:#ececec; overflow:auto;}
.wrap_download li { float: left; width: 33.3%; text-align: center;}
.wrap_download li img { width: 60px;}

.t_theme_tab { float: right; font-size: 1.0em; display: table; vertical-align: middle; overflow: hidden; color: #939393;}
.t_theme_tab li { float: right; margin-left: 10px; background: url(//image.aladin.co.kr/img/welcome/m/tab_bullet_off.png) left no-repeat; background-size: 10px;  padding-left: 15px;}
.t_theme_tab li a { color: #939393;}

.t_theme_tab .tab_selected { color: #33b0ea; background: url(//image.aladin.co.kr/img/welcome/m/tab_bullet_on.png) left no-repeat;  background-size: 10px;}
.t_theme_tab .tab_selected a { color: #33b0ea;}

.t_theme_tab_space {  font-size: 1.0em; vertical-align: middle;  color: #939393; width:100%}
.t_theme_tab_space li { float: left; background: url(//image.aladin.co.kr/img/welcome/m/tab_bullet_off.png) left no-repeat; background-size: 10px; margin-left:4.3%; width:29%; text-align:center}
.t_theme_tab_space li a { color: #939393;}

.t_theme_tab_space .tab_selected { color: #33b0ea; background: url(//image.aladin.co.kr/img/welcome/m/tab_bullet_on.png) left no-repeat;  background-size: 10px;margin-left:4.3%; width:29%; text-align:center}
.t_theme_tab_space .tab_selected a { color: #33b0ea;}

.space_btn1 {background: #26a1f0;  text-align: center; display:inline-block;-webkit-border-radius: 20px; -moz-border-radius: 20px;border-radius: 20px; height:70px;vertical-align:middle;float:left; width:45%; padding:20px 0 0 0; margin:5% 0 0 3%}
.space_btn1 a:link { line-height:140%; text-align: center;  font-size:1.1em;  font-weight: bold;  color: #fff; text-decoration:none; }
.space_btn1 a:visited {text-decoration:none; }

.space_btn2 {background: #155fbb;  text-align: center; display:inline-block;-webkit-border-radius: 20px; -moz-border-radius: 20px;border-radius: 20px; height:80px;vertical-align:middle;float:right; width:45%; padding:10px 0 0 0;margin:5% 3% 0 0}
.space_btn2 a:link { line-height:140%; text-align: center;  font-size:1.1em;  font-weight: bold;  color: #fff; text-decoration:none; }
.space_btn2 a:visited {text-decoration:none; }

.btn_product_more {padding: 0 11px 11px 0;text-align: right; font-size: 1.0em;}
.btn_product_more a { color: #333;}

.seller_box {background-color: #f4f4f4; margin: 11px 11px 15px 11px; padding: 10px;position: relative; overflow: auto;}
.seller_box .seller_id { float: left; font-size: 1.2em; background: url(//image.aladin.co.kr/img/welcome/m/sw2.png) no-repeat right;background-size: 1px; padding-right: 10px;}
.seller_box .seller_browse {float: left; font-size: 0.9em; padding-left: 10px;  color: #737373;}
.seller_box .seller_more a { float: right; color: #737373;}

.seller_box2 { background-color: #f4f4f4; position: relative; overflow: auto; padding: 0 11px;}
.seller_box2 li { float: left; width: 25%; text-align: center; font-size: 1.0em; padding: 10px 0;}
.seller_box2 li a { color: #333333;}
.seller_box2 .seller_browse { font-size: 0.9em; color: #737373;}
.seller_box2 .box_line { clear: both; height: 1px; background: #d7d7d7;}

.mystore { clear: both; margin: 0 11px; padding-top: 10px;}
.mystore li {float: left; border: 1px solid #33b0ea; padding: 5px 10px; margin: 0 8px 8px 0;}
.mystore li a { color: #33b0ea;}

.store_list { clear: both; border-bottom: 1px solid #eaeaea; margin: 0 11px; height:300px;}
.store_list td { width: 25%; text-align: center; vertical-align: middle; padding: 10px 0;}
.store_list td a { color: #333333;}
.store_list .gray_bg { background: #f5f5f5;}

.goods_wrap dt { position: relative; height: 350px; overflow: hidden;}
.goods_wrap dt img { width: 100%;}
.goods_wrap dd { margin: 15px 11px;}
.goods_wrap dd .gs_tt { font-size: 1.2em; margin-bottom: 5px;}
.goods_wrap dd p { margin-top: 5px;}
.goods_wrap dt .goods_arr {
  position: absolute;
  bottom: 0;
  left: 14px;
  background: url(//image.aladin.co.kr/img/welcome/m/goods_arr.png) bottom no-repeat;
  background-size: 25px;
  width: 25px;
  height: 13px;
  z-index: 100;
}

.goods_wrap a:link { color: #333333; text-decoration: none;}
.goods_wrap a:visited { color: #333333; text-decoration: none;}

.goods_more { text-align: center; border-top: 1px #ddd solid; margin: 10px 10px 0 10px; padding: 10px;}

.coffee_stamp_wrap { background-color: #333333; padding: 11px; overflow: auto;}
.coffee_stamp_wrap .stamp_img {float: left;width: 20%;padding-top: 10px;}
.coffee_stamp_wrap .stamp_text { float: left; width: 77%; padding-left: 3%; line-height: 1.3em;}
.coffee_stamp_wrap .stamp_text .my_stamp { float: left; width: 39%; margin-bottom: 8px; border-right: 1px #626262 solid; color: #fff; text-align: center;}
.coffee_stamp_wrap .stamp_text .t_y {color: #ffd200;}
.coffee_stamp_wrap .stamp_text .btn_stamp {float: left;width: 60%;margin-bottom: 8px;}
.coffee_stamp_wrap .stamp_text .btn_stamp .change_btn { background: #ffc119; width: 85%; margin: 0 auto; color: #350b0b; text-align: center; font-size: 1.0em; border-radius: 3px; padding: 8px 0 7px 0; margin-top: 3px;}
.coffee_stamp_wrap .stamp_text .btn_stamp .change_btn a { color: #350b0b !important; display: block;}
.coffee_stamp_wrap .stamp_text .btn_stamp .change_text { color: #ffffff; text-align: center;}
.coffee_stamp_wrap .stamp_text .info_stamp { clear: both; border-top: 1px #626262 solid; color: #ffffff; padding: 8px 0 0 5px;}
.coffee_stamp_wrap .stamp_text .info_stamp a {font-size: 1.0em; color: #ffffff; display: inline-block; padding-left: 5px; text-decoration: underline;}

.coffee_store {margin: 0 6px;}
.coffee_store li { float: left; width: 46%; margin: 0 2% 15px 2%;text-align: center;}
.coffee_store li .store_img { width: 100%; height: 100px; overflow: hidden; margin-bottom: 5px;}
.coffee_store li .store_img img {width: 100%;}
.coffee_store li a {color: #333;}

.bookple_news {clear: both;padding: 0px 11px 0 11px;}
.bookple_news dl {clear: both;overflow: auto;padding: 10px 0;}
.bookple_news dt {float: left;border-radius: 50%;width: 70px;height: 70px;overflow: hidden; border: 1px solid #e0e0e0;box-sizing: border-box;}
.bookple_news dt img {width: 100%; height: 100%;}
.bookple_news dd {float: left;padding-left: 15px;width: 71%;}

.bookple_news a:link {  color: #333;}
.bookple_news a:visited { color: #333;}
.bookple_news .color1 { color: #727272; font-size: 0.9em;}

.bookple_hot { margin-bottom: 30px;}

.bookple_hot dt {max-height:300px; overflow: hidden;}
.bookple_hot dt img { width: 100%;}
.bookple_hot dd { margin: 15px 11px;}
.bookple_hot dd .gs_tt { font-size: 1.2em; margin-bottom: 5px;}
.bookple_hot dd p { clear: both; padding-top: 5px;}
.bookple_hot dd a.more { color: #727272; font-size: 0.9em;}

.bookple_id dl {}
.bookple_id dt { float: left; border-radius: 50%; width: 70px;  height: 70px;  overflow: hidden;  border: 1px solid #e0e0e0;  box-sizing: border-box;}
.bookple_id dt img { width: 100%; height: 100%;}
.bookple_id dd { float: left; width: 55%;}
.bookple_id dd a { font-size: 1.1em; color: #333;}

.bookple_id dd .color1 { color: #727272; font-size: 0.9em;}
.recover_book { position: relative; margin-bottom: 20px;}
.recover_book dt {width: 80%;margin: 20px auto;border: 1px solid #e0e0e0;box-sizing: border-box;}
.recover_book dt img { width: 100%;}
.recover_book dd { text-align: center; font-size: 1.1em;}
.recover_book dd a { color: #333;}

.recover_book .recover_t {font-size: 1.2em;line-height: 1.5em;color: #952d32;font-weight: bold;}

.recover_book .arr_pre { position: absolute; bottom: 8px; left: 0;}
.recover_book .arr_next { position: absolute; bottom: 8px; right: 0;}

/*mbasic_v1 수정금지*/
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, figure { margin: 0; padding: 0; -webkit-text-size-adjust: none;}
body { position: relative;  color: #333; word-wrap: break-word; word-break: break-all;}/*background-color: #f4f4f4;*/
body, input, textarea, select, table, button { font-size: 15px; line-height: 150%; font-family: 'Pretendard Variable', 'Apple SD Gothic Neo', AppleGothic, '맑은고딕', 'Malgun Gothic', '돋음', Dotum, '굴림', Gulim, Helvetica, sans-serif!important;}

/**/
img, fieldset { border: 0 none;}
ul, ol { list-style: none;}
hr { display: none;}
img, input, select, textarea { vertical-align: middle;}
ul, ol, li {list-style: none outside;}
a { text-decoration: none; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
a:link, a:hover, a:active { text-decoration: none; color: #333333;}

.slidings2 { position: relative; overflow: hidden;}
.slidings2 .wrap:after {/*  content: "";  display: block;  clear: both;  width: 0;  height: 0;  visibility: hidden;*/}

.t_theme_more { float: right; color: #888888; display: table; vertical-align: middle; overflow: hidden;}
.t_theme_more a { font-size: 1em; color: #888888}
.t_theme_more2 { position:absolute; right:10px; top:7px; color: #888888;display: table;vertical-align: middle;overflow: hidden;}
.t_theme_more2 a { font-size: 1em; color: #888888}

.t_theme_more3 { float: right; color: #888888; display: table; vertical-align: middle; overflow: hidden;  padding:14px 11px 0 0;}
.t_theme_more3 a { font-size: 1em; color: #888888}


.grid_box { clear: both; background: #ececec; position: relative; height:0.8em;}/*height:8px;border-top: 1px solid #e0e0e0; */
.grid_box2 { clear: both; background: #ececec; position: relative; height:8px;}

.mp_clear1 {    clear: both;}
.mp_clearbox { clear: both; padding: 5px;}
.mp_clearbox2 { clear: both; padding: 3px;}
.mp_clearbox3 { clear: both; padding: 10px;}
.mp_clearbox4 { clear: both; padding: 4px;}
.mp_clearbox5 { clear: both; padding: 1px;}
.mp_clearbox6 { clear: both; padding: 15px;}


.space10 {clear: both; height: 5px;}

.ebook_bn_wrap { padding: 20px 0px; border-top: 1px #ccc dotted;}

.paging {clear: both;height: 24px;margin: 0 auto; position: relative; text-align: center;}
.paging a { background: none repeat scroll 0 0 #E2E4E9; border: 1px solid #BEBEBE;
  border-radius: 4px;  display: inline-block;
  height: 6px;  margin: 2px;  overflow: hidden;
  width: 6px;  line-height: 6px;  vertical-align: bottom;
}

.paging a.selected { background: none repeat scroll 0 0 #00A9E0; border: 1px solid #009ED1;}

.topbook {padding:20px 0;}
.topbook dt { text-align:center;}
.topbook dt img {width:180px;  border: 1px solid #e0e0e0; box-sizing: border-box;}
.topbook dd { padding:10px 11px 0 11px}
.topbook dd .topbook_sub {color: #4d92d9; font-weight:bold; font-size:1.15em; padding-bottom:5px}


.thismonth_book { padding:10px 0 20px 0;}

.thismonth_book dt {float:left; padding: 10px 0 0 10px;width: 36.4%;box-sizing:border-box; display:table;}
.thismonth_book dt .bookcover {}
.thismonth_book dt .bookcover img { width:100% }
.thismonth_book dd { float:left; text-align: left; padding-left: 10px; padding-right: 10px;padding-top: 8px;box-sizing:border-box; width: 63.6%;display:table;}
/*.thismonth_book dt {float:left; margin:10px 0 0 10px;}
.thismonth_book dd {float:left; margin-left:10px; padding-top:8px;}
.thismonth_book .bookcover img  { width:110px;}*/

.thismonth_book dd .book_text1 { padding-top:5px; font-size:1.2em;}
.thismonth_book dd .book_text2 { color:#888888; font-size:0.95em;}
.thismonth_book dd .book_text3 { padding:10px 0;}
.thismonth_book dd .book_text4 { color:#e92a81;}
.thismonth_book dd a { color:#333333 !important}

.item_img img {width:100%;}
.goods_section { padding:0 11px;}
.goods_section h2 { font-size:1.2em; letter-spacing:-1px; line-height:1.5em; padding:10px 0 5px 0;}
.product_name { margin-top:5px;}

.goods_sliding {}
.goods_sliding li { float:left;}

/* 181012 앱 다운로드*/
.wel_foot_appbox {background:rgba(48, 30, 23, 0.8); width:100%;  position:fixed; bottom:0; z-index:10; padding:10px;}
.wel_foot_appbox .Acont {float:left; width:85%; text-align:left;}	
.wel_foot_appbox .Aclose {float:right; width:15%; text-align:center;}

/*전자책 로맨스 분야 코너 메뉴*/
 .romance_main { clear:both; margin:0 auto; }
 .romance_main li { display:inline-block; width:24%; text-align:center;box-sizing:border-box; padding:10px 3px; letter-spacing:-1px; }
 .romance_main li img { width:34px; }
 .romance_main li a { display:block; color:#333333; }
 
 /*실시간 클릭 TOP 10*/
.now_best_text_blue {color:#0eaef0}


 /* 190115 커피 메뉴 탭 */
.group_L4_new {clear: both;float: left;width: 100%;padding: 3px 0;background-color: #f4f4f4; border-bottom:1px solid #f1f1f1;}
.group_L4_new li {float: left;width: 25%;text-align: center;line-height: 1.5em;display: inline;position: relative;background: url(//image.aladin.co.kr/img/welcome/m/sw2.png) no-repeat right; background-color: #f4f4f4; background-size: 1px;}
.group_L4_new li:last-child {float: left;width: 25%;text-align: center;line-height: 1.5em;display: inline;border-right: 0px solid #e3e3e3;background: #f4f4f4;}
.group_L4_new li a {display: block;padding: 9px 0 8px 0;color: #525252 !important; }
.group_L4_new_sh {clear: both;background: url(//image.aladin.co.kr/img/welcome/m/sh.png) top repeat-x;background-size: 1px; height: 3px;}
.wcoffee_mtit { font-size:1.2em;}


/* 굿즈페이지 */
.group_L10 { position: relative; overflow: hidden; background-color:#f4f4f4; border-bottom:1px #f1f1f1 solid;}
.group_L10 li {float:left; width:25%; text-align:center; position:relative;}
.group_L10 .icon {}
.group_L10 .icon a {display: block; padding: 15px 0 5px 0;color: #333 !important; }
.group_L10 .icon img { width:30px; padding-bottom:3px;}
.group_L10 .color {}
.group_L10 .color a {display: block; padding: 10px 0 15px 0;color: #333 !important; }
.group_L10 .color img { width:44px;}

.goods_browse { background:#ffffff; overflow:auto; padding:10px 3px 0 3px;}
.goods_browse li { float: left; width: 31.3333%; margin:5px 1%; border:1px #d7d7d7 solid; text-align: center; font-size: 1.0em; padding: 10px 0; box-sizing:border-box; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.goods_browse li a { color: #333333; display:block;}
.goods_browse li img { width:60px;}
.goods_browse .box_line { clear: both; height: 1px; background: #d7d7d7;}
.goods_browse p { clear:both; text-align:center; padding:15px 0 20px 0;}


 /*goods main 추가*/
.goods_tilesp1 {padding-bottom:15px; margin-top:-6px}
.goods_t_pink{color:#e92a81; font-weight:bold}
.goods_t_half{position:absolute; top:77px; z-index:99; right:15px; background:#e92a81; width:50px; height:43px; text-align:center; color:#FFF;-webkit-border-radius: 50px; -moz-border-radius: 50px;border-radius: 50px; line-height:110%; padding:7px 0 0 0; font-size:0.95em}
.goods_t_half .yellow{font-weight:bold}
.goods_menu{background:#f5f5f5; padding:20px 0}
.goods_menu ul{ width:80%; margin:0 auto}
.goods_menu ul li{ width:50%; float:left; padding:6px 0; font-size:1em}

.goods_topmenu{background:#f2f2f2; width:100%; padding:10px 0}
.goods_topmenu_left1{ float:left; width:10%; text-align:center}
.goods_topmenu_left2{ float:left; width:80%;}
.goods_topmenu_left2 ul{ padding:0; margin:0; float:left; width:100%;}
.goods_topmenu_left2 ul li{ float:left; width:25%; text-align:center}
.goods_topmenu_right1{ float:right; width:10%; text-align:center}

.goods_List1{width:90%; margin:0 auto}
.goods_List1 h3{font-size:1.4em; padding:7px 0;}
.goods_List1 .text1{padding-bottom:15px; font-size:1.1em}
.goods_List1 .text2{line-height: 170%; padding-bottom: 15px;}
.goods_List1 .pink1{color:#ef3c97}

.goods_List2{width:90%; margin:0 auto; padding:15px 0 10px 0;}
.browse-wrap .goods_List2 h3 {font-size:1.1em; padding-bottom:3px; font-weight:normal; margin-bottom: 0;}
.browse-wrap .goods_List2 h3 a {min-height: auto; font-size:16px!important; font-weight:normal!important; background: none; padding: 3px 0 3px 0!important;}
.goods_List2 .pink1{color:#ef3c97}
.goods_List2 ul{ padding:0; margin:0}
.goods_List2 ul li{ width:50%; float:left; text-align:left;}
.goods_List2 ul img{ width:100%}
.goods_List2_line { border-bottom:1px solid #d9d9d9; clear:both}
.browse_goods_list_box2 {vertical-align: top;}

/*추천마법사 보기모드*/
.JiniBarwrap { clear:both; background:#f2f2f2; margin-top: 10px;}
.JiniBar_uncheck {clear:both; position:relative;height:66px; }
.JiniBar_uncheck h3 { font-size:1em; font-weight:bold;position:absolute; left:12px; top:12px; display:inline-block; }
.JiniBar_uncheck h4 { font-size:1em; font-weight:normal;position:absolute; right:7px; top:12px; display:inline-block; font-weight:bold;  }
.JiniBar_uncheck h4 a {color:#3b4a9f;}
.JiniBar_uncheck p {position:absolute; top:35px;left:12px; font-size:15px; color:#505050 }
.JiniBar_check { clear:both; position:relative; height:46px; }
.Jinifornick {display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; width:60%; position:absolute; left:12px; top:12px;color:#333;font-weight:bold; }
.Jinifornick span { color:#333333; font-weight:normal; }
.JiniRange {position:absolute; right:7px; top:12px; text-align:right; }
.JiniRange span { }
.JiniRange span a { padding:5px 5px 5px 10px; }
.JiniRange span img { width:20px; }

.JinicateWrap { clear:both;  background:#f2f2f2; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;float:left;width:100%; }
.JinicateWrap td { text-align:center; line-height:1.2; padding:0 10px; height:50px }
.JinicateWrap td span {overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; text-align:center; vertical-align:middle;}
.JinicateWrap .td_r1 { border-right:1px solid #e2e2e2;}
.JinicateWrap .td_r0 { border-right:0px;}
.JinicateWrap .td_un { border-bottom:1px solid #e2e2e2; }
.JinicateWrap td a { display:block; }

.Jini_more { clear: both; text-align: center; margin-top: 5px; padding-top: 15px; padding-bottom:15px; border-top: 1px solid #ececec}


/* 190416 전자책 메뉴 탭 */
.group_L5_ebook {clear: both;float: left;width: 100%;padding: 3px 0;background-color: #f4f4f4; border-bottom:1px solid #f1f1f1;}
.group_L5_ebook li {float: left;width: 20%;text-align: center;line-height: 1.5em;display: inline;position: relative;background: url(//image.aladin.co.kr/img/welcome/m/sw2.png) no-repeat right; background-color: #f4f4f4; background-size: 1px;}
.group_L5_ebook li.end {float: left;width: 20%;text-align: center;line-height: 1.5em;display: inline;border-right: 0px solid #e3e3e3;background: #f4f4f4;}
.group_L5_ebook li a {display: block;padding: 9px 0 8px 0;color: #525252 !important; }


/* 190613 오프매장 매장 안내 버튼 */
.off_btnwrap {padding:0 10px; margin:-10px auto 12px auto; text-align:center; }
.off_btn_view { width:47%; float:left; margin:0 1%; background:#ffffff; border:1px solid #33afe9; color:#33afe9; text-align:center; font-size:1.05em;  }
.off_btn_view img { width:7px; padding-bottom:3px;}
.off_btn_view a {display:block; color:#33afe9!important; padding:8px 0; font-weight:bold; }

/* 210205 오프매장 매장 안내 버튼 추가 3개 */
.off_btnwrap3 {padding:0 10px; margin:-10px auto 12px auto; text-align:center; }
.off_btn_view3 { width:30.7%; float:left; margin:0 1%; background:#ffffff; border:1px solid #33afe9; color:#33afe9; text-align:center; font-size:1.05em;  }
.off_btn_view3 img { width:7px; padding-bottom:3px;}
.off_btn_view3 a {display:block; color:#33afe9!important; padding:5px 0; font-weight:bold; }

/* 190709 커피메뉴 추가 */
.coffeemenu_wrap { clear:both;  float:left; width:100%; background:#FFFFFF; position:relative;}
.coffeemenu_tab-ty { clear:both; float:left; width:100%;  }
.coffeemenu_tab-ty li { float:left; padding:12px 0; text-align:center; color:#717171;border-bottom:3px solid #f0f0f0; }
.coffeemenu_tab-ty li.area1 { width:20%; }
.coffeemenu_tab-ty li.on {border-bottom:3px solid #34afea; }
.coffeemenu_tab-ty li a {color:#555555!important; display:block }
.coffeemenu_tab-ty li.on a {color:#34afea!important; font-weight:700 ;display:block}

/*3개탭*/
.coffeemenu_wrap2 { clear:both;  float:left; width:100%; background:#FFFFFF; position:relative;}
.coffeemenu_tab-ty2 { clear:both; float:left; width:100%;  }
.coffeemenu_tab-ty2 li { float:left; padding:12px 0; text-align:center; color:#717171;border-bottom:3px solid #f0f0f0; }
.coffeemenu_tab-ty2 li.area1 { width:33%; }
.coffeemenu_tab-ty2 li.on {border-bottom:3px solid #34afea; }
.coffeemenu_tab-ty2 li a {color:#555555!important; display:block }
.coffeemenu_tab-ty2 li.on a {color:#34afea!important; font-weight:700 ;display:block}

/*4개탭*/
.coffeemenu_tab-ty3 { clear:both; float:left; width:100%;  }
.coffeemenu_tab-ty3 li { float:left; padding:12px 0; text-align:center; color:#717171;border-bottom:3px solid #f0f0f0; }
.coffeemenu_tab-ty3 li.area1 { width:25%; }
.coffeemenu_tab-ty3 li.on {border-bottom:3px solid #34afea; }
.coffeemenu_tab-ty3 li a {color:#555555!important; display:block }
.coffeemenu_tab-ty3 li.on a {color:#34afea!important; font-weight:700 ;display:block}

/*2개탭*/
.coffeemenu_wrap4 { clear:both;  float:left; width:100%; background:#FFFFFF; position:relative;}
.coffeemenu_tab-ty4 { clear:both; float:left; width:100%;  }
.coffeemenu_tab-ty4 li { float:left; padding:12px 0; text-align:center; color:#717171;border-bottom:3px solid #f0f0f0; }
.coffeemenu_tab-ty4 li.area1 { width:50%; }
.coffeemenu_tab-ty4 li.on {border-bottom:3px solid #34afea; }
.coffeemenu_tab-ty4 li a {color:#555555!important; display:block }
.coffeemenu_tab-ty4 li.on a {color:#34afea!important; font-weight:700 ;display:block}


.coffeemenu_tab_store{ float:left; width:100%; margin:0 auto; background:#f2f2f2 }
.coffeemenu_tab_store li { float:left; padding:12px 6px; text-align:center; color:#717171;}
.coffeemenu_tab_store li.on {}
.coffeemenu_tab_store li a {color:#555555!important; display:block }
.coffeemenu_tab_store li.on a {color:#34afea!important; display:block}


.coffee_List1{ width:90%; margin:0 auto; padding:20px 0 25px 0}
.coffee_List1 h3{ font-size:1.4em; line-height:140%; word-break:keep-all;}
.coffee_List1 .en1{ font-size:0.8em; font-weight:normal; padding-left:10px; word-break:keep-all;}
.coffee_List1 .text1{ font-size:1em; color:#555; padding:5px 0 15px 0; line-height:130%;}
.coffee_List1 ul{ width:100%; margin:0 auto}
.coffee_List1 ul li{padding:2px 0}
.coffee_List1 .pink1{color: #ef3c97;}
.coffee_List1 .blue1 {color:#1181cd;}

.coffee_List2{ padding-bottom:20px}
.coffee_List2 ul{padding-bottom:10px; margin:0}
.coffee_List2 ul li{float:left; width:50%; text-align:center}
.coffee_List2 .text1{text-align:center; width:80%; margin:0 auto; letter-spacing:-1px}

.bean_label_s2 { height:50px; width:50px; border-radius:50px;  background:#e62e8b; color:#FFFFFF; text-align:center; position:absolute;bottom:10%; right:15%; z-index:15 }/*background:#f29bbd;*/
.bean_label_s2 p { padding:25% 0 0 0; margin:0; font-weight:600;font-size:14px;text-transform:uppercase; }


.stitle_area_blue{text-align:center; padding:15px 0 3px 0 ; color:#00a9e0; border-bottom:1px solid #95c1ee; margin:0 0 0 37%; display:inline-block;}

/* 전자책 분야 탭 190416 */
.mebook_subtab { clear:both; margin:5px auto;  padding: 0; width:94%; }
.mebook_subtab ul { margin:0; padding:0; }
.mebook_subtab ul li { float:left; margin:0; padding:5px 0px; width:20%; }
.mebook_subtab ul li:last-child { border-bottom:0; padding-bottom:0;}
.mebook_subtab ul li a { display:block;}

.mebook_subtab_on {width: 100%; background: #ffe6f3;  border:1px solid #ffc1dd; text-align: center;  font-size:1em;  font-weight: bold;  color: #ed3597; }
.mebook_subtab_on a:link { display:block; padding:5px; text-align: center;  font-size:1em;  font-weight: bold;  color: #ed3597; text-decoration:none; }
.mebook_subtab_on a:visited {background: #ffc1dd; font-size:1em; font-weight: bold;  color: #ed3597; text-decoration:none; }

.mebook_subtab_off {width: 100%;  background: #ffffff; border:1px solid #ffc1dd; text-align: center;  font-size:1em; color: #555;}
.mebook_subtab_off a:link { display:block;  padding:5px;  text-align: center; font-size:1em; color: #555; text-decoration:none; }
.mebook_subtab_off a:visited {background: #ffc1dd; font-size:1em; color: #555; text-decoration:none; }


/* 커피메인 New 버전 */
#coffeemain_2019 {}
#coffeemain_2019 .topbg{ background:#ede9e6; border-bottom:1px solid #e2d9d2; margin-top: 10px;}
#coffeemain_2019 .titletext{ width:80%; margin:0 auto; text-align:center; color:#FFF; font-size:2.3em; line-height:1.3em; letter-spacing:0.5px; position:absolute; z-index:9; top:15%; left:10%; font-family:'Apple SD Gothic Neo',Malgun Gothic,'돋움',Sans-serif; letter-spacing:-0.5px}
#coffeemain_2019 .title{position:relative; text-align:center}
#coffeemain_2019 .title img{ width:100%; margin:0 auto; text-align:center}
#coffeemain_2019 .stamp{width:100%; margin:0 auto; padding:10px 0}
#coffeemain_2019 .stamp_left{float:left;width:67%; font-size:1.3em; color:#542f25; padding-left:3%}
#coffeemain_2019 .stamp_left .left1{}
#coffeemain_2019 .stamp_right{float:right;width:27%; padding:5px 10px 0 0}
#coffeemain_2019 .stamp strong{color:#ec4315}
#coffeemain_2019 .coffee_menu{ padding-bottom:10px; background:#f6f3f0}
#coffeemain_2019 .coffee_menu ul{ padding:0; margin:0}
#coffeemain_2019 .coffee_menu ul li{width:20%; float:left; display:inline-block; text-align:center}
#coffeemain_2019 .new_toprolling_bn .swiper-slide img {width: 100%;}
.button_exchange {display: inline-block; padding: 0; vertical-align: middle; border: 1px solid; border-color: #ec4315;text-align: center;overflow: hidden; text-decoration: none!important;cursor: pointer; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;background-color:#ec4315; width:100% }
.button_exchange a:hover { text-decoration: none!important;}
a.text_middle_white {color : #FFFFFF !important; outline: 0;color: #FFF;font-size: 1em;line-height:25px;display: block;white-space: nowrap;background-color: transparent;border-color:#195fa5;margin: 0;border: 0;padding: 5px 13px 5px 13px;} 
.coffeemain_list_box{padding:20px 0 50px 0}
.coffeemain_list_sp{ padding:10px 0 20px 0}
.coffeemain_list{ text-align:center}
.coffeemain_list .cover img { width:80%; }
.coffeemain_list_taxt1{ text-align:center; font-size:1.3em; line-height:1.5em; padding:5px 0 0 0; letter-spacing:-1px; color:#222}
.coffeemain_list_taxt1 a{ font-weight:bold}
.coffeemain_list_taxt2{ text-align:center; font-size:1em; color:#464646; padding-bottom:10px}


/*이벤트 모두보기 - mbasic_v1.css 에서 가져옴 */ 
.BN-eventAll-wrap {    clear: both;    float: left;    width: 100%;    background: #FFFFFF;    height: 100%;    top: 0px;    z-index: 9999;    position: fixed;    overflow-y: auto;}
.BN-eventAll-fix-layertit {    position: fixed;    top: 0;    width: 100%;    background: #FFFFFF;    z-index: 1000}
.BN-eventAll-fix-layertit h2 {    text-align: center;    padding: 20px 0;}
.BN-eventAll-fix-layertit .btn-wrap {    position: absolute;    right: 5px;    top: 10px;    height: 100%;    overflow-y: auto;}
.BN-eventAll-fix-layertit .btn-wrap img {    width: 20px}
.BN-eventAll-fix-layertit .btn-wrap a {    padding: 10px;    display: block}
.BN-eventAll-bnWrap {clear: both; position: relative; width: 100%; height: 100%; overflow-y: auto; padding: 68px 10px 10px 10px; box-sizing:border-box;}
.BN-eventAll-bnWrap .bn-img {    text-align: center;    z-index: 1; border-radius: 10px; overflow: hidden;}
.BN-eventAll-sebox {    clear: both;    padding: 7px 0;    background: #fff;}
.BN-eventAll-space5 {    clear: both;    height: 63px;}

/*이벤트 모두보기 - mbasic_v1.css 에서 가져옴*/
.BN-eventAll-wrap2 {    clear: both;    float: left;    width: 100%;     height: 100%;    overflow-y: auto;}
.BN-eventAll-fix-layertit2 {    top: 0;    width: 100%;  border-bottom: 1px solid #e1e1e1;    z-index: 1000}
.BN-eventAll-fix-layertit2 h2 {    text-align: center;    padding: 20px 0;}
.BN-eventAll-fix-layertit2 .btn-wrap {    position: absolute;    right: 5px;    top: 10px;    height: 100%;    overflow-y: auto;}
.BN-eventAll-fix-layertit2 .btn-wrap img {    width: 20px}
.BN-eventAll-fix-layertit2 .btn-wrap a {    padding: 10px;    display: block}
.BN-eventAll-bnWrap2 {    clear: both;    position: relative;    height: 100%; overflow-y: auto; -webkit-overflow-scrolling:touch;}
.BN-eventAll-bnWrap2 .bn-img {    text-align: center;    z-index: 1;}


/* 알라디너tv */
.group_L2_new {clear: both; width: 100%;padding: 3px 0;background-color: #f4f4f4; border-bottom:1px solid #f1f1f1;}
.group_L2_new li {float: left; width:50%; text-align: center; line-height: 1.5em; display: inline; position: relative; background: url(//image.aladin.co.kr/img/welcome/m/sw2.png) no-repeat right; background-color: #f4f4f4; background-size: 1px;}
.group_L2_new li:last-child {background: none;}
.group_L2_new li a {display: block;padding: 9px 0 8px 0;color: #525252 !important; }
.group_L2_new::after {content:''; display: block; clear: both;}

.tv-box01 h3 { color:#18a4e6; font-size:20px; padding:20px 10px; letter-spacing:-1px; font-weight: normal;}
.tv-box01 h3 img { width:20px; vertical-align:-3px;}
.tv-box01 h3 a:link , .tv-box01 h3 a:hover , .tv-box01 h3 a:visited { color:#18a4e6;}
.tv-box01:after { content:''; display:block; clear:both;}

.video-swiper .swiper-slide { width:225px; padding:0 10px 20px 10px;}
.video-swiper .thumbnail {width:225px; height:125px; overflow: hidden;}
.video-swiper h4 {margin:8px 0 5px 0; font-size:15px;  font-weight: normal; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical;  -webkit-line-clamp: 1;}
.video-swiper .v-id { color:#606060; font-size:14px; line-height:18px;}

.line { background-color:#dcdcdc; height:1px;}
.grid_box {background: #ececec; position: relative; height:0.8em;}

.tv-box02 { margin-bottom:30px;}
.tv-box02 h3 { background:url(//image.aladin.co.kr/img/service/aladinertv/icon_like.gif) left 23px no-repeat; background-size:20px auto; font-size:20px; padding:20px 0 20px 25px; letter-spacing:-1px; margin-left:10px;  font-weight: normal;}
.tv-box02 h3 img { width:20px; vertical-align:-3px;}
.tv-box02 h3 a:link , .tv-box02 h3 a:hover , .tv-box02 h3 a:visited  { color:#18a4e6;}
.tv-box02 li { margin:0 10px 15px 10px;}
.tv-box02 li a { display:block;}
.tv-box02 li:after { content:''; display:block; clear:both;}
.tv-box02 .thumbnail { display: inline-block; width:50%; overflow: hidden; vertical-align: middle;}
.tv-box02 .r-text {display: inline-block; width:46%; margin-left:2%;  vertical-align: middle;}
.tv-box02 .r-text h4 {padding:0px 0 5px 0; font-size:15px;  font-weight: normal;}
.tv-box02 .v-id { color:#606060; font-size:13px; line-height:18px;}
.tv-box02:after { content:''; display:block; clear:both;}

@media all and (min-width:320px) {.tv-box02 .thumbnail {height:70px;}}
@media all and (min-width:360px) {.tv-box02 .thumbnail {height:100px;}}
@media all and (min-width:393px) {.tv-box02 .thumbnail {height:110px;}}

.sort_warp { margin:15px 10px 15px 55px;}
.sort_warp:after { content:''; display:block; clear:both;}
.sort_warp .sort1 { float:left; width:58%; margin-right:2%;}
.sort_warp .sort2 { float:left; width:40%;}
.sort_warp .s_list {    width: 99%;    height: 32px;    border: 1px solid #d7d7d7;    background: url(//image.aladin.co.kr/img/usedshop/store/m/btn_down1.png) no-repeat 100% 50%, -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fafafa));    vertical-align: middle;    -webkit-appearance: none;    border-radius: 0px;    padding-right: 27px;    font-size: 15px;    line-height: 1.77em;    border-spacing: 0;    color: #444;    padding-top: 2px; padding-left:5px;}

.video-box { margin-bottom:20px;}
.video-box h4 {font-size:18px; padding:15px 10px 0px; font-weight: normal; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical;  -webkit-line-clamp: 1; margin-bottom:5px;}
.video-box p { padding:0 10px;}
.video-box .v-tag { color:#33afe9;}
.video-box .v-tag a { display:inline-block; color:#33afe9; margin-right:5px; font-size:16px; margin-bottom:3px;}
.video-box .v-id {color:#606060; font-size:15px; line-height:18px;}
.video-box .v-id a {color:#606060;}

.tv_logo { width:51px; float: left;}
.tv_logo a { display: block; text-indent:-9999px; height:36px; padding:10px 5px 0 10px; background: url(//image.aladin.co.kr/img/service/aladinertv/tv_logo.jpg) no-repeat 10px 9px; background-size:36px auto;}
.tv_logo img { width:100%;}

/*알라디너 tv코너*/
.M_tvicon { position:absolute; top:30%; left:40%;}
.M_tvicon img { width:70px!important}
.thum_textbox_tv {clear: both;    padding: 15px 11px;    position: relative;    height: 70px;}
.thum_textbox_tv p { display: inline-block; margin-right:95px; box-sizing: border-box; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical;  -webkit-line-clamp: 1; }
.thum_textbox_tv .more {position: absolute;    right: 11px;  top: 14px; color: #888888;    font-size: 0.8em;    height: 60px;    overflow: hidden;}
.thum_textbox_tv .more a { color: #888888;}

.M_aladinertv_list { clear:both; margin-bottom:10px;}
.M_aladinertv_list ul {margin:0; padding:3px 0 0 0px; list-style:none;}
.M_aladinertv_list ul li {padding:0 0 2px 0; text-align:left; letter-spacing:-0.02em;color:#33afe9; box-sizing: border-box; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical;  -webkit-line-clamp: 1; }
.M_aladinertv_list .tag { color:#33afe9;  text-decoration:none; font-size:1em; padding:0 4px 0 0;}
.M_aladinertv_list  a.tag:link { color:#33afe9; }
.M_aladinertv_list .subt { color:#919191; font-size:0.90em;}

.rolling_bn_more2 {position: absolute;right: 11px;bottom:63px;color: #888888;font-size: 0.95em;overflow: hidden;z-index:9;}/*bottom: 15px;*/

/*종료된 이벤트 레이어팝업*/
.endevent_box_wrap {background: rgba(0, 0, 0, 0.8); position: fixed; top: 0px; left: 0px; z-index:2002; width: 100%; height: 100%; display: block; }
.endevent_box { position:relative; margin:150px auto; width:80%; background:#ff66b6; overflow:auto; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;}
.endevent_box p { text-align:center; font-size:1.7em; line-height:1.3em; padding:20px 0 10px 0; color:#ffffff; letter-spacing:-1px;}
.endevent_box .close_btn { position:absolute; right:10px; top:10px;}
.endevent_box .close_btn img { width:24px;}
.endevent_btn { background:url(https://image.aladin.co.kr/img/m/2019/btn_more.png) no-repeat right; background-color:#ffffff; background-size:30px auto; margin:10px 20px 20px 20px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.endevent_btn a { display:block; padding:12px; text-align:center; color:#333; font-size:1.2em; line-height:1.2em;}

/**** 200716 전자책 메인 ****/
.t_theme em {color: #ef3b96; font-style: normal;}
.group_L13 {clear: both;float: left;width: 100%;background: #FFFFFF; padding: 6px;box-sizing: border-box;}
.group_L13 li {float: left;width: 50%;text-align: center;}
.group_L13 li .area_cirle1 { text-align: center; height: 100px; width: 93%; background:url(https://image.aladin.co.kr/img/ebook/2020/m_ebook_bn_bg1.jpg) top center no-repeat; background-size:cover; margin: 0 auto; border-radius: 5px;}
.group_L13 li .area_cirle2 { text-align: center; height: 100px; width: 93%; background:url(https://image.aladin.co.kr/img/ebook/2020/m_ebook_bn_bg2.jpg) top center no-repeat; background-size:cover; margin: 0 auto; border-radius: 5px;}
.group_L13 li .area_cirle3 { text-align: center; height: 100px; width: 93%; background:url(https://image.aladin.co.kr/img/ebook/2020/m_ebook_bn_bg3.jpg) top center no-repeat; background-size:cover; margin: 0 auto; border-radius: 5px;}
.group_L13 li .area_cirle4 { text-align: center; height: 100px; width: 93%; background:url(https://image.aladin.co.kr/img/ebook/2020/m_ebook_bn_bg4.jpg) top center no-repeat;background-size:cover; margin: 0 auto; border-radius: 5px;}
.group_L13 li p { text-align: center; color: #ffffff; font-size: 1.0em; text-shadow: 2px 2px 2px #333; padding-top: 30px; height: 100%; box-sizing: border-box; border-radius: 5px;}
.group_L13 li p a {color: #ffffff !important;display: block;}
.group_L13 .browse_t2 {font-size: 1.3em;font-weight: bold;}

.wrap_special_bn5 { position: relative;}
.wrap_special_bn5 .sp_top { height: 200px;}
.wrap_special_bn5 .sp_tt { position: absolute; left: 20px; top: 20px; font-size: 1.2em; line-height: 1.2em; font-weight: bold; color: #ffffff;}
.wrap_special_bn5 .sp_tt2 { font-size: 1.5em; color: #ffd43f; line-height: 1.4em;}
.wrap_special_bn5 .more_btn { position: absolute; left: 10px; top: 80px; z-index: 100; color: #ffffff; text-align: center; padding: 5px 10px 3px 10px; font-size: 1.0em;}
.wrap_special_bn5 .special_list {position: absolute; top: 130px; width: 100%;}

/* 베스트셀러 탭*/
.sub_tab7 { border-top: 1px solid #eaeaea; border-bottom: 1px solid #ef3b96; float: left; width: 100%; overflow: hidden}
.sub_tab7 ul { float: left; width: 100%;}
.sub_tab7 li { float: left; width: 16.6%; text-align: center; padding-top: 7px;}
.sub_tab7 li.end { float: left; width: 17%; text-align: center;}
.sub_tab7 li a { display: block; font-size: 1em;}

.nav_newon a { border-bottom: 2px solid #ef3b96; height: 27px; color: #ef3b96}
.nav_newon a:link { border-bottom: 2px solid #ef3b96; height: 27px; color: #ef3b96}
.nav_newon a:hover { border-bottom: 2px solid #ef3b96; height: 27px; color: #ef3b96}
.nav_newon a:visited { border-bottom: 2px solid #ef3b96; height: 27px; color: #ef3b96}


.ebook_bn_wrap2 { padding: 20px 0px; border-top:0;}

/*전자책 메인*/
/* 200909 변경
.eb-booklist { width:100%; box-sizing: border-box; margin-bottom:10px; overflow: hidden; padding:0 15px;}
.eb-booklist .swiper-slide {width: 9.2rem; position: relative;}
.eb-booklist .b-cover { position: relative; height:230px; overflow: hidden; margin-bottom:5px;}
.eb-booklist .b-cover img {width:100%; box-sizing: border-box; }
.eb-booklist .b-cover .bo {border:1px solid #e0e0e0;position: absolute; bottom:0; }
.eb-booklist .b-price {text-align: center; font-size:16px;}
.eb-booklist .b-price span { font-style: normal; color:#c54a72;}
.eb-booklist h4 { text-align: center; font-size:16px; font-weight: normal;-webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden;}
.eb-booklist .swiper-slide em {position: absolute; width:30px; height:36px; top:200px; right:-10px; font-size:24px; color:#fff; z-index:9; background-color:#bbbbbb; border-radius:50%; box-shadow: 0px 1.5px 1.5px 0 rgba(0, 0, 0, 0.25); text-align: center; line-height:36px; font-weight:bold; vertical-align:middle; padding:0 6px 0 0}
.eb-booklist .swiper-slide:first-of-type em {background-color:#ef3b96;}
*/

.eb-booklist { width:100%; box-sizing: border-box; margin-bottom:10px; overflow: hidden; padding:0 15px;}
.eb-booklist .swiper-slide {width: 9.2rem; position: relative;}
.eb-booklist .b-cover {position: relative; height:230px; overflow: hidden; margin-bottom:5px;}
.eb-booklist .b-cover a {display: block; position: absolute; bottom:0;  overflow: hidden; width:100%; min-height:200px;}
.eb-booklist .b-cover a > img { width:100%; border: 1px solid #e0e0e0;box-sizing: border-box;}
.eb-booklist .b-price {text-align: center; font-size:16px;}
.eb-booklist .b-price span { font-style: normal; color:#c54a72;}
.eb-booklist  h4 {text-align: center; font-size:16px; font-weight: normal;-webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden;}
.eb-booklist .b-price .item{ color:#777;}
.eb-booklist .swiper-slide em {position: absolute; width:32px; height:33px; top:200px; right:-10px; font-size:24px; color:#fff; z-index:9; background-color:#bbbbbb; border-radius:50%; box-shadow: 0px 1.5px 1.5px 0 rgba(0, 0, 0, 0.25); text-align: center; line-height:36px; font-weight:bold; vertical-align:middle; padding:3px 4px 0 0; font-style:italic;}
.eb-booklist .swiper-slide:first-of-type em {background-color:#ef3b96;}


.b-event {margin:20px 5px 40px 15px; position: relative;}
.b-eventslide { width:100%; margin-top:10px; position: relative;}
.b-eventslide .b-event-list li { float: left; width:50%; min-height:115px; padding:0 10px 10px 0; overflow: hidden; box-sizing: border-box;}
.b-eventslide .b-event-list li img { width:100%; border-radius:10px}
.b-eventslide .b-event-list::after {content:''; display: block; clear: both;}
.b-eventslide .swiper-pagination { bottom:-20px!important}
.b-eventslide .pagination_box {bottom: auto;}

/* 지금 많이 읽는 전자책*/
.eb_Mnow_clock { float:right; font-size:14px; color:#333333; text-align:center; font-family:; background:#fff; border:1px solid #ccc; border-radius:15px; padding:2px 10px 4px 10px; font-family:'verdana', 'Apple SD Gothic Neo','Malgun Gothic', Helvetica, sans-serif; letter-spacing:-0.12em; }
.eb_Mnow_clock span { color:#ef3b96;}
.eb_Mnow_space { letter-spacing:-0.05em; padding-top:5px}

.eb_Mnow_list { width:100%; box-sizing: border-box; overflow: hidden; padding:0 15px; margin:0 0 10px 0px;}
.eb_Mnow_list .swiper-slide {width: 19rem; position: relative;}

.eb_Mnow_list .M_alotnow_list { clear:both; width:100%; overflow:hidden; margin:10px 0 0 0; }
.eb_Mnow_list .M_alotnow_list li { position:relative; overflow:hidden; padding:0; margin:0; padding-right:10px; padding-left:20px; margin-bottom:20px; box-sizing:border-box;}
.eb_Mnow_list .M_alotnow_list li .num_p {position: absolute; top:2px; left:0; color:#ef3b96; font-size:19px; font-weight:bold; font-style:italic; }
.eb_Mnow_list .M_alotnow_list li .num_g {position: absolute; top:2px; left:0; color:#999; font-size:18px; font-weight:bold; font-style:italic;}
.eb_Mnow_list .M_alotnow_list li::after { content:''; display:block; clear: both;} 
.eb_Mnow_list .M_alotnow_list .now_cont {margin:0; padding:0;}
.eb_Mnow_list .M_alotnow_list .now_cont dl {float:left;}
.eb_Mnow_list .M_alotnow_list .now_cont dt {float:left; width:80px; height:100px; padding-right:4%;}
.eb_Mnow_list .M_alotnow_list .now_cont dt a {display:block; width:80px; height:100px; position:relative; overflow:hidden; border:1px solid #e0e0e0; box-sizing:border-box;}
.eb_Mnow_list .M_alotnow_list .now_cont dt a>img { width:100%}
.eb_Mnow_list .M_alotnow_list .now_cont dd {float:left; width:65%; box-sizing:border-box; padding-top:2px;}
.eb_Mnow_list .M_alotnow_list .now_cont dd h4 {clear:both; margin:0 0 4px 0; font-weight:normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden; font-size:16px; color:#222; line-height:135%;}
.eb_Mnow_list .M_alotnow_list .now_cont dd h4 a {font-size:16px; color:#222;}
.eb_Mnow_list .M_alotnow_list .now_cont dd p {font-size:15px; color:#777;}
.now_cont::after, .now_cont dl::after {content:''; display: block; clear: both;}

/* 전자책 푸터 다운로드 아이콘*/
.wrap_download2 { padding: 0px 11px 10px 11px; background:#ececec; overflow:auto;}
.wrap_download2 li { float: left; width: 33.3%; text-align: center;}
.wrap_download2 li img { width: 60px;}

/* 전자책 메인 상단 탭*/
.group_L13 {clear: both;float: left;width: 100%;padding: 3px 0;background-color: #f4f4f4; border-bottom:1px solid #f1f1f1;}
.group_L13 .menu1 {float: left;width: 17%;text-align: center;line-height: 1.5em;display: inline;position: relative;background: url(//image.aladin.co.kr/img/welcome/m/sw2.png) no-repeat right; background-color: #f4f4f4; background-size: 1px;}
.group_L13 .menu2 {float: left;width: 20%;text-align: center;line-height: 1.5em;display: inline;position: relative;background: url(//image.aladin.co.kr/img/welcome/m/sw2.png) no-repeat right; background-color: #f4f4f4; background-size: 1px;}
.group_L13 .menu3 {float: left;width: 15%;text-align: center;line-height: 1.5em;display: inline;position: relative;background: url(//image.aladin.co.kr/img/welcome/m/sw2.png) no-repeat right; background-color: #f4f4f4; background-size: 1px;}
.group_L13 li.end {float: left;width: 15%;text-align: center;line-height: 1.5em;display: inline;border-right: 0px solid #e3e3e3;background: #f4f4f4;}
.group_L13 li a {display: block;padding: 9px 0 8px 0;color: #525252 !important; font-size:1em}
.group_L13_sh {clear: both;background: url(//image.aladin.co.kr/img/welcome/m/sh.png) top repeat-x;background-size: 1px; height: 3px;}



/* 양탄자 배송*/
.mb_ytz_wrap { color:#333; font-size:13px; margin-top:3px;}
.mb_ytz_delivery { display: inline-block; background:#fff; text-align:center; line-height:1.4em; color:#ff9100; border-radius:2.5px; padding:2px 7px 0px 7px; font-weight:bold; letter-spacing:-0.05em; margin:0 2px 0 0; font-size:12px; border: 1px solid #ff9100; }
.mb_weekend_delivery {display: inline-block; height: 19px; line-height:19px; background:#e6f3ff; text-align:center; color:#086ecd; border: 0; border-radius:2.5px; padding:0px 6px; font-weight:500; margin:0 2px 0 0; font-size:12px; }
.mb_sunday_delivery {display: inline-block; height: 19px; line-height:19px; background:#feece6; text-align:center; color:#f24002; border: 0; border-radius:2.5px; padding:0px 6px; font-weight:500; margin:0 2px 0 0; font-size:12px; }



/* 2020 굿즈 몰 */
.t_theme_gs {
  float: left;
  margin: 0;
  padding: 0 3px 0 0;
  font-size: 1.15em;
  font-weight: bold;
  letter-spacing: -1px;  
}/*타이틀 왼쪽 정렬*/

.t_theme_gs_c {
  margin: 20px 0!important;
  padding: 0 3px 0 0;
  font-size: 1.25em;
  font-weight: bold;
  letter-spacing: -1px;  
  text-align: center;
}/*타이틀 가운데 정렬*/
.t_theme_gs_c.new {text-align: left; padding: 0 15px;}

.t_theme_more_gs {
  float: right;
  color: #888888;
  font-size: 0.9em;
  display: table;
  vertical-align: middle;
  overflow: hidden;
}/*더보기 우측*/

.main_goods1_out { clear:both; width:97%; padding-left: 3%;}
.main_goods1_out li { width:47%; height:auto; text-align:center; float:left; display:inline; margin:0; padding:0 0 6% 0; margin-right: 3%;}
.main_goods1_cover {border:1px solid #e3e3e3; box-sizing: border-box; border-radius: 8px;}
.main_goods2_cover {border:1px solid #e3e3e3; box-sizing: border-box; border-radius: 8px; position: relative;} /*상품 썸네일 커버*/

.gs_slide_left {padding:0 10px;}
.gs_slide_right {padding:0 3% 0 0;}

.gs_color {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-weight: bold;
  padding: 5% 0 0% 0; line-height: 1.6em; font-size:1.05em; text-align: left;} /*굿즈 색상명*/

.gs_name1 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  padding: 0;  font-size:15px;  text-align: left; line-height: 1.3em;}
.gs_name2 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  font-size:0.9em;  text-align: left; padding: 7% 2% 0% 1%; line-height: 1.4em;}
.gs_name3 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  padding: 0;  font-size:0.9em;  text-align: center; padding: 9% 0 0 0; line-height: 1.4em;} 
.gs_name4 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  padding: 0;   font-size:1em; line-height: 1.5em;  text-align: left; }/*상품 이름*/

.gs_name4_1 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; padding: 0;  font-size: 1em;  line-height: 1.4em;  text-align: left;  height: 2.8em;}/*상품 이름*/ 


.gs_won1 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; padding: 0; font-size:1.0em; text-align: left; font-weight: normal; padding: 2% 1%;}
.gs_won2 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; padding: 0; font-size:16px; text-align: left; font-weight: bold; font-family: 'Lato', sans-serif;}
.gs_won2_1 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; padding-top:10px; font-size:16px; text-align: left; font-weight: bold; font-family: 'Lato', sans-serif;}
.gs_won3 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; padding: 0; font-size:1.0em; text-align: center; font-weight:bold; padding: 2% 2%; font-family: 'Lato', sans-serif;}/*상품 가격*/

.beta_bn {padding:12% 0;}

.gs_icon_box {width:100%; margin-bottom:40px;}
.gs_icon_box::after {content: ''; display: block; clear: both;}
 .gs_icon_box li {width:20.5%; float: left; margin-right: 3%; margin-bottom: 5%;}
 .gs_icon_box li:nth-child(4) {margin-right: 0%;}
 .gs_icon_box li:nth-child(8) {margin-right: 0%;}
 .gs_icon_box li:nth-child(1) {margin-left: 4.3%;}
 .gs_icon_box li:nth-child(5) {margin-left: 4.3%;}
 .gs_icon img {width:100%;}
 .gs_icon_txt { display: -webkit-box; -webkit-box-orient: vertical; padding: 0; font-size:0.9em; text-align: center;} /*대표 아이콘 8개*/

 .content-wrap {position: relative;}
.brand_bg {background:#dff4f1; min-height: 430px; padding: 20px 0 10px 0;}
.brand_menu {position: relative; width:100%; margin-bottom: 20px;}
.brand_menu ul {width: 100%; padding: 0; margin: 0 auto; text-align: center;}  
.brand_menu li { width: auto; position: relative; display: inline-block; font-size: 0;}
.brand_menu li a {display: block; padding: 5px 8px; font-size: 16px;}
.brand_menu li + li:before {
    content: "";
    width: 1px;
    height: 12px;
    background-color: #cacaca;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
  }

.brand_menu a {display: block; padding: 3% 5%; font-size: 16px; font-weight: 500; line-height: 1em; white-space: nowrap; float: left; text-align: center; color:#888;}
.brand_menu .on a {font-weight: bold; color:#333; }
.brand_menu.new {display: flex; justify-content: space-between; align-items: center; padding: 0 15px 0 10px; box-sizing: border-box;}
.brand_menu.new ul {text-align: left;}

.brand_gs {position: relative;}
.brand_bg_img {width:92%; margin: 0 auto; height: 200px; border-radius: 15px 15px 0 0; position: relative;
  background-position: center center; -webkit-background-size: cover;background-size: cover;}
.brand_gs > .brand_bg_img:before { content:""; position: absolute; top:0;left:0;right:0;bottom:0; background: rgba(0,0,0,0.5); z-index: 1; border-radius: 15px 15px 0 0;}
.brand_gs > .brand_bg_img > h3 {color:#fff; z-index: 99; position: absolute;  display: block; top:30px; left:5%}
.brand_gs > .brand_bg_img > p {color:#fff; z-index: 99; position: absolute; display: block; top: 65px; left: 5%; width: 85%; font-size:16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}

.brand_product {position: absolute; width: 96%; height: 200px; z-index: 10; top: 145px; left: -46%; margin-left: 50%;}
.product_img > img {width: 100%; height: 100%; display: block; border-radius: 10px;}
.brand_product ul {width:90%; margin: 0 auto;}
.brand_product ul::after {content: ''; display: block; clear: both;}
.brand_product li {width:30%; float: left; padding-right:3%;}
.brand_product li:last-child {margin-right: 0%;}  /*브랜드 초대전*/

.funding_gs {margin:0 10px 20px 10px; padding-bottom: 20px; border-bottom: 1px solid #dedede;}
.funding_gs li {float: left; }
.funding_gs li.desc {padding-left:3px; width: 100%; width: calc(100% - 130px);}
.funding_gs::after {content:''; display: block; clear: both;}
.funding_img {width:122px; height:122px; border-radius: 10px; overflow: hidden; margin-right:5px; border:1px solid #e3e3e3; box-sizing: border-box; border-radius: 8px;}
.funding_img > img {width:100%;}
.time_line {width:100%;}

.funding_clock > p {float: left; display: inline-block; display: -webkit-box;}
.funding_clock {width:100%;; height:20px; padding: 5% 0; font-family: 'Lato', sans-serif;}
.funding_clock::before {content:''; display: inline-block; width:15px; height:15px; float: left; 
  background: url(//image.aladin.co.kr/img/aladinonly/2020/2020_gs_colok_icon.png) center center no-repeat; background-size:100% auto; }
.funding_clock::after {content: ''; display: block; clear: both;}

.funding_clock1 > p {float: left; display: inline-block; display: -webkit-box;}
.funding_clock1 {width:100%;; height:20px; padding: 5% 0 0 4%; font-family: 'Lato', sans-serif;}
.funding_clock1::before {content:''; display: inline-block; width:15px; height:15px; float: left; 
  background: url(//image.aladin.co.kr/img/aladinonly/2020/2020_gs_colok_icon.png) center center no-repeat; background-size:100% auto; }
.funding_clock1::after {content: ''; display: block; clear: both;}


.funding_gs1 {margin:0 10px 0px 10px; padding-bottom:0; position: relative;}
.funding_gs1 li {float: left; }
.funding_gs1 li.desc {padding-left:3px; width: 100%; width: calc(100% - 130px);}
.funding_gs1::after {content:''; display: block; clear: both;}
.funding_img {width:122px; height:122px; border-radius: 10px; overflow: hidden; margin-right:5px; border:1px solid #e3e3e3; box-sizing: border-box; border-radius: 8px;}
.funding_img > img {width:100%;}
.time_line {width:100%;}

.funding_clock > p {float: left; display: inline-block; display: -webkit-box;}
.funding_clock {width:100%;; height:20px; padding: 5% 0; font-family: 'Lato', sans-serif;}
.funding_clock::before {content:''; display: inline-block; width:15px; height:15px; float: left; 
  background: url(//image.aladin.co.kr/img/aladinonly/2020/2020_gs_colok_icon.png) center center no-repeat; background-size:100% auto; }
.funding_clock::after {content: ''; display: block; clear: both;}

.funding_clock1 > p {float: left; display: inline-block; display: -webkit-box;}
.funding_clock1 {width:100%;; height:20px; padding: 5% 0 0 4%; font-family: 'Lato', sans-serif; }
.funding_clock1::before {content:''; display: inline-block; width:15px; height:15px; float: left; 
  background: url(//image.aladin.co.kr/img/aladinonly/2020/2020_gs_colok_icon.png) center center no-repeat; background-size:100% auto; }
.funding_clock1::after {content: ''; display: block; clear: both;}

.funding_solid {border-bottom: 1px solid #ededed; margin: 20px 10px 20px 10px; width:300px; box-sizing: border-box;}

.funding_gs1 .funding_button1 { background:#33b0ea; width:50%; height:30px; display: inline-block; border:0; color:#fff;  font-weight: bold; border-radius: 17px; position: absolute;
  bottom: 0; padding-top:2px;}
.funding_gs1 .funding_button2 { background:#df307f; width:50%; height:30px; display: inline-block; border:0; color:#fff;  font-weight: bold;  border-radius: 17px; position: absolute;
  bottom: 0; padding-top:2px;}

.goods_funding {background: #fff; padding: 22px 0 0 0; }
.goods_funding .swiper-slide {width: 330px; padding: 0 0 0 10px; box-sizing: border-box;}
.goods_funding .swiper-slide .goods_box {display: flex; border-bottom: 1px solid #dddddd; padding-bottom: 12px;}
.goods_funding .swiper-slide .goods_box .thum {width:122px; border-radius: 8px; overflow: hidden; flex-shrink: 0; margin-right: 12px;}
.goods_funding .swiper-slide .goods_box .thum img {width: 100%;}
.goods_funding .swiper-slide .goods_box .txt span {display: block; font-weight: bold; font-size: 16px;}
.goods_funding .swiper-slide .goods_box .txt .tit {margin-bottom: 5px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.goods_funding .pagination_bar {bottom: 20px!important;}
.goods_funding .pagination_bar .swiper-pagination-bullet {background-color: #ccc;}
@media screen and (min-width: 750px) {
  .goods_funding .swiper-slide {width: 50%;}
  .funding_solid {width:calc(100% - 30px);}
}


.d-day {color:#33b0ea; font-weight: 500; font-size: 1.05em; line-height: 1.1em; padding-left: 3px;}
.d-day-end {color:#df307f; font-weight: 600; font-size: 1.05em; line-height: 1.1em; padding-left: 3px; }
.d-day span {font-weight: 800;}
.goal {color:#333; font-weight: bold; font-size: 1.05em; line-height: 1.1em; overflow: hidden; text-overflow: ellipsis; /* display: -webkit-box; */  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;  word-wrap: break-word;  width: 49%;}
.goal span {color:#cacaca; font-size: 0.9em; line-height: 10px;}

.funding_button1 { background:#33b0ea; width:100%; height:34px; display: inline-block; border:0; color:#fff;  font-weight: bold; border-radius: 17px;}
.funding_button2 { background:#df307f; width:100%; height:34px; display: inline-block; border:0; color:#fff;  font-weight: bold;  border-radius: 17px;}
.funding_gs_line { width:95%; border-bottom:1px solid #dedede; margin:0 auto;} /*굿즈 펀딩*/

.gs_best {width:40px; height:40px; background:#33b0ea; border-radius: 0px; position: absolute; top:5px; left:5px; color:#fff; text-align: center; z-index: 10; opacity: 0.95; padding:6px 0; box-sizing: border-box;}
.gs_best > h3 {font-size: 14px;}
.gs_best > p {font-size: 12px; line-height: 0.9em;} /*베스트 아이템*/

.gs_sale {width:40px; height:40px; background:#df307f; border-radius: 0; position: absolute; top:5px; left:5px; color:#fff; text-align: center; z-index: 10;  opacity: 0.95; padding:6px 0; box-sizing: border-box;}
.gs_sale > h4 {font-size: 14px; line-height:1.3em;}
.gs_sale > p {font-size:12px; line-height: 0.5em;} /*한정 수량 특가*/

.gs_bn_middle {margin: 40px 10px; height: auto; border-radius: 10px; color: #fff;  overflow: hidden;}
.gs_bn_bottom {margin: 40px 10px; height: auto; border-radius: 10px; color: #fff;  overflow: hidden;}
.gs_bn_bottom.new {border: 0;}
.gs_spacebox1 {width:100%; height:40px;}


/* 양탄자 */
.mprod_ytz_layer_out {position:fixed; bottom:0; z-index:9999; background:#fff; width:100%; border-radius: 10px 10px 0px 0px; padding:10px 0px;box-sizing: border-box;  }
.mprod_ytz_layer_close { position:absolute; top:5px; right:10px;}
.mprod_ytz_layer_in { clear:both; padding:15px 10px; text-align:center;font-family: "Noto Sans KR", -apple-system, "Helvetica Neue", Helvetica, sans-serif;}
.mprod_ytz_layer_in .t1 { font-size:1.4em; color:#fda609; line-height:130%; letter-spacing:-0.05em; font-weight:600; margin-bottom:10px;}
.mprod_ytz_layer_in .t2 {  font-size:1.1em; color:#333; line-height:130%; letter-spacing:-0.02em; margin-bottom:5px;}

.mprod_ytz_layer_in .cont_wrap { clear:both; margin:20px auto 25px auto; padding:15px 10px; width:90%; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.mprod_ytz_layer_in .cont_wrap .book { padding:0 5% 0 0; margin:0; float:left; width:30%; box-sizing: border-box; }
.mprod_ytz_layer_in .cont_wrap .book img { width:100%; border:1px solid #e5e5e5; }
.mprod_ytz_layer_in .cont_wrap .info {padding:2px 0 0 0; margin:0; float:right; width:70%; text-align:left;}
.mprod_ytz_layer_in .cont_wrap .info>li { list-style:none; position:relative; padding-bottom:5px; line-height:130%;color:#333;}
.mprod_ytz_layer_in .cont_wrap .info>li .left { position:absolute; left:0; width:33%; }
.mprod_ytz_layer_in .cont_wrap .info>li .right { margin-left:35%; width: calc(100% - 35%);}
.mprod_ytz_layer_in .cont_wrap::after {content:''; display: block; clear: both;}
.mprod_ytz_btn { background:#ffa400; text-align:center; font-weight:600; width:70%;  margin:0 auto; display:block; border-radius:25px;color:#fff!important ; }
.mprod_ytz_btn a { display:block;  padding:11px 10px 10px 10px; font-size:1.2em; color:#fff!important }
.mprod_ytz_layer_out::after {content:''; display: block; clear: both;}



/* 웰컴레이어 bg */
.spaceBgLayer{background: rgba(0, 0, 0, 0.7)!important; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; animation: BgLayerOpen 1s ease-in;}
@keyframes BgLayerOpen {
  0% {opacity:0;}
  100% {opacity:1;}
}

/* 우주점 레이어*/
.mprod_space_layer_out {position:fixed; bottom:0; z-index:10000; background:#190836; width:100%; border-radius: 10px 10px 0px 0px; height:330px; margin:0 auto; padding:0;}
.mprod_space_layer_close { position:absolute; top:10px; right:10px; border:1px rgba(255, 255, 255, 0.5) solid;}
.mprod_space_layer_close a {display: block; padding:5px; line-height:0;}
.mprod_space_layer_in { padding:10px 0px 20px 0px; text-align:center; }
.mprod_space_btn { position:absolute; bottom:0px; clear:both; width:100%; background:#fff; text-align: center;  padding:10px 0 10px 0; }
.mprod_space_btn a {color:#444444; font-size:1.15em; display:block;}

/* 새해 레이어*/
.mprod_space_layer_out2 {position:fixed; bottom:0; z-index:10000; background:#ffd4a6; width:100%; border-radius: 10px 10px 0px 0px; height:330px; margin:0 auto; padding:0;}
.mprod_space_layer_close2 { position:absolute; top:10px; right:10px; border:1px rgba(34, 34, 34, 0.5) solid;}
.mprod_space_layer_close2 a {display: block; padding:5px; line-height:0;}
.mprod_space_layer_in2 { padding:10px 0px 20px 0px; text-align:center; }

/* 웰컴 하단 레이어 */
.welcome_layer_out {position:fixed; bottom:-100%; z-index:10000; width:100%; margin:0 auto; padding:0; transition: bottom 1s ease-in-out;}
.welcome_layer_out.open {bottom:0; animation:BTbnOpen 1s ease-in-out;}
.welcome_layer_out.open.ios {bottom:42px;}
.welcome_layer_in {border-radius: 11px 11px 0px 0px; overflow: hidden;}
.welcome_layer_in a {display: block;}
.welcome_layer_in img { width: 100%;}

.welcome_layer_out_new {position:fixed; width: 100%; height: 70.5vw; bottom:0; left: 0; z-index:10000;}
.welcome_layer_out_new.ios {bottom: 42px;}
.welcome_layer_out_new .welcome_layer_box {transform: translateY(70.5vw); animation: w-bottom-close 0.7s ease-in-out forwards;}
.welcome_layer_out_new.open .welcome_layer_box {animation: w-bottom-open 0.7s ease-in-out forwards;}
@keyframes w-bottom-open {
 0% {transform: translateY(70.5vw);}
 100% {transform: translateY(0);}
}
@keyframes w-bottom-close {
 0% {transform: translateY(0);}
 100% {transform: translateY(70.5vw);}
}

.welcome_layer_out_birthday {position:fixed; width: 100%; height: 570px; bottom:0; left: 0; z-index:10000;}
.welcome_layer_out_birthday.ios {bottom: 42px;}
.welcome_layer_out_birthday .welcome_layer_box {transform: translateY(570px); animation: w-bottom-birthday-close 0.7s ease-in-out forwards;}
.welcome_layer_out_birthday.open .welcome_layer_box {animation: w-bottom-birthday-open 0.7s ease-in-out forwards;}

@keyframes w-bottom-birthday-open {
 0% {transform: translateY(570px);}
 100% {transform: translateY(0);}
}
@keyframes w-bottom-birthday-close {
 0% {transform: translateY(0);}
 100% {transform: translateY(570px);}
}



.welcome_layer_btn {width:100%; height:38px; background:#f8f8f8; box-sizing:border-box; }
.welcome_layer_btn {display: flex; justify-content: space-between;}
.welcome_layer_btn a {color:#444444; font-size:1.0em; display:block; line-height: 38px; padding: 0 15px; box-sizing: border-box;}
.welcome_layer_btn .stop {width:60%;}
.welcome_layer_btn .close {width:40%; text-align: right;}  
.welcome_layer_topbtn {display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px;}
.welcome_layer_topbtn .stop {color: #fff; padding: 8px 10px;}
.welcome_layer_topbtn .close {font-size: 1px; color: transparent; width: 39px; height: 39px; background: url(//image.aladin.co.kr/img/welcome/icon_close_w.svg) no-repeat center / 19px 19px;}
@keyframes BTbnOpen {
    0% {bottom:-100%;}
    100% {bottom:0;}
}
.welcome_layer_close {height: 43px; background-color: #fff; display: flex; justify-content: space-between;}
.welcome_layer_close a {display: block; height: 100%; line-height: 43px; padding: 0 20px; font-family: 'Noto Sans KR'; font-weight: 500;}
.welcome_layer_close a.stop {color: #777777;}
.welcome_layer_close a.close {color: #333333;}


.birthday_bnbg { background: url(https://image.aladin.co.kr/img/bn/book/2024/03/240820_birthday_bnbg1.png) top center no-repeat #ffdcdc; height:530px; background-size:100% auto; border-radius: 11px 11px 0px 0px; }
.birthday_bnwrap { padding:35vw 0 0 0 ;box-sizing: border-box; }
.birthday_bnwrap .tit1 { color:#d93e66; text-align:center; padding:0px 0 10px 0; font-size:40px; letter-spacing:-1px; line-height:120%; font-weight: bold;}
.birthday_bnwrap .tit2 { font-size:30px; line-height:120%;  color:#222; text-align:center; padding:0px 0 0px 0; font-weight: normal; }
.birthday_bnwrap .tit2 span{ color:#d93e66;}
.birthday_bnwrap .tit3 {color:#333; text-align:center; padding:73px 10px 10px 10px; font-size:22px; line-height:120%; font-weight: normal;}
.birthday_bnwrap .btn {margin: 5px auto 15px auto; background-color: #d93e66; border-radius: 50px; width:65%; line-height: 130%; font-weight: normal; font-size: 20px; text-align: center;}
.birthday_bnwrap .btn a { display: block; padding:2px 5px 6px 5px; text-decoration: none; color: #fff;}


.top10_hot {color: red; animation:hot infinite alternate 1s;}
@keyframes hot {
  0% {opacity:0;}
  100% {opacity:1;}
}
/* pc 대응 */
@media screen and (min-width: 750px) {
  .welcome_layer_out {width:750px; left: calc(50% - 375px); }
}

/*전자책 메인 분야 탭 */
.space_h5 {height: 5px; clear: both;}
.mbestseller_subtab_on {width: 100%; background: #38abee;  border:1px solid #38abee; text-align: center;  font-size:1em;  font-weight: bold;  color: #ffffff; }
.mbestseller_subtab_on a:link { display:block; padding:5px; text-align: center;  font-size:1em;  font-weight: bold;  color: #ffffff; text-decoration:none; }
.mbestseller_subtab_on a:visited {background: #38abee; font-size:1em; font-weight: bold;  color: #ffffff; text-decoration:none; }

.mbestseller_subtab_off {width: 100%;  background: #ffffff; border:1px solid #38abee; text-align: center;  font-size:1em; color: #38abee;}
.mbestseller_subtab_off a:link { display:block;  padding:5px;  text-align: center; font-size:1em; color: #38abee; text-decoration:none; }
.mbestseller_subtab_off a:visited {background: #38abee; font-size:1em;  color: #38abee; text-decoration:none; }

/* 국내도서, 전자책 메인 분야보기 */

/* .browse_view::after {content:''; display: inline-block; background: url(//image.aladin.co.kr/img/welcome/m/arr1.png) no-repeat center / 12px auto; width:12px; height:10px; margin-left:4px;  transition: all 0.5s;}
.browse_view.on::after {transform: rotate(-180deg);}
.browse_listbox {clear: both; padding-top: 20px; display: none; }
.browse_listbox ul {margin:0 10px 15px 10px; background-color: #f4f5f7; padding: 10px 12px; border-radius: 12px;}
.browse_listbox ul::after {content:''; display: block; clear: both;}
.browse_listbox li {float: left; width: 33.3%; height: 34px; box-sizing: border-box; display: flex; align-items: center;}
.browse_listbox li a {width: 100%; display: block; font-size:13px; line-height:16px; color: #000; padding:0 3px;} */

.browse_listbox {clear: both; padding-top: 20px; display: none; }
.browse_listbox ul {margin:0 10px 15px 10px; border-left: 1px solid #e6e6e6;}
.browse_listbox ul::after {content:''; display: block; clear: both;}
.browse_listbox li {float: left; width: 33.3%; height: 40px; border-bottom: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; box-sizing: border-box; display: flex; align-items: center;}
.browse_listbox li:nth-child(1),.browse_listbox li:nth-child(2),.browse_listbox li:nth-child(3) {border-top: 1px solid #e6e6e6;}
.browse_listbox li a {width: 100%; display: block; font-size:14px; text-align: center; line-height:16px; color: #4f4f4f; padding:0 3px;}

.browse_listbox .browse_list_tit {display: flex; justify-content: space-between; align-items: center; margin: 0 10px; padding: 15px 0; border-top: 1px solid #f4f5f7;}
.browse_listbox .browse_list_tit h2 {line-height: 29px;}
.browse_listbox .browse_list_tit .browse_btn {display:flex; gap: 8px;}
.browse_listbox .browse_list_tit .browse_btn a {width: 72px; height: 30px; line-height: 30px; font-size: 13px; color: #666; border-radius: 15px; border: solid 1px #e4e4e4; background-color: #fff; box-sizing: border-box; text-align: center; font-weight: bold;}
.browse_listbox .browse_list_tit .browse_btn a.on {border: solid 1px #000; color: #000;}
.browse_listbox .list_box {border: 1px solid #000; padding: 10px 12px; border-radius: 12px; margin: 0 10px 15px 10px;}
.browse_listbox .list_box ul {border: 0; margin: 0;}
.browse_listbox .list_box ul ~ ul {border-top: 1px solid #f4f5f7; padding-top: 5px; margin-top: 5px;}
.browse_listbox .list_box ul li {border: 0; height: 34px;}
.browse_listbox .list_box ul li a {text-align: left; font-size: 14px; color: #000;}

.mebook_subtab2 { clear:both; margin:5px auto;  padding: 0; width:94%; position: relative;}
.mebook_subtab2 ul { margin:0; padding:0; }
.mebook_subtab2 ul::after {content:''; display: block; clear: both;}
.mebook_subtab2 ul li { float:left; margin:0; padding:5px 0px; width:18%;}
.mebook_subtab2 ul li:last-child { border-bottom:0; padding-bottom:0;}
.mebook_subtab2 ul li a { display:block;}
.ebook_browse_view {position: absolute; right:-5px; top:0; width:10%;}
.ebook_browse_view a {display: block; height:44px; font-size: 1px; color: transparent; overflow: hidden; background: url(//image.aladin.co.kr/img/welcome/m/arr_blue.png) no-repeat center / 14px auto; transition: all 0.5s;}
.ebook_browse_view.on a {transform: rotate(-180deg);}
.mebook_subtab2 ~ .browse_listbox {padding-top: 5px;}


/*210128 챗봇*/
.group_L14 { clear: both; float: left; width: 100%; padding: 3px 0; background-color: #f4f4f4;}
.group_L14 li {float: left;width:37%;text-align: center;line-height: 1.5em; display: inline;position: relative; background: url(//image.aladin.co.kr/img/welcome/m/sw2.png) no-repeat right;background-color: #f4f4f4; background-size: 1px;}
.group_L14 li.end {float: left;width:26%;text-align: center;line-height: 1.5em;display: inline;background: #f4f4f4;}
.group_L14 li a {display: block;padding: 9px 0 8px 0;color: #666666 !important;font-size: 1.0em}

.chatbot_ft_btn { background:#fff; padding:2px 2px 0px 2px; border:1px solid #ccc; border-radius:2px; display: inline-block;*zoom:1;*display:inline; }
.chatbot_ft_btn a { /*font-size:0.85em*/font-size:12px; color:#303030!important }


/* 우주점 메인 추가*/
#space_store1{ padding-left:2%}
#space_store1 ul{ padding:0; width:98%}
#space_store1 ul li{ width:33.3%; float:left}
#space_store1 a{ font-size:0.95em; line-height:130%; color:#333; letter-spacing:-0.5px; width:100%; margin:0 auto; display:inline-block;}
#space_store1::after {content:''; display:block; clear: both;}
#space_store1 .circle{position:relative; background:#f5f5f5; width:90%; height:48px;text-align:center;border-radius: 2px; border:1px solid #e5e4e4; margin-left:5%; margin-bottom:5%}
/*한줄일때*/
#space_store1 .align1{position:absolute;top: 28%; transform: translateY(-28%);left: 45%;transform: translateX(-45%); text-align:center; width:90%}
/*두줄일때*/
#space_store1 .align2{position:absolute;top: 13%; transform: translateY(-13%);left: 45%;transform: translateX(-45%); text-align:center;width:90%}


.space_titlebg{ position:relative; width:96%; margin-top:25px; height:15px}
.space_title1{position:absolute; top:-10px; left:0; background:#FFF; display:inline-block; padding:5px 10px 0px 13px; font-size:1.1em}
.space_title2{padding:10px 0; font-size:1em; width:90%; margin:10px auto 20px auto;border-radius: 10px;}
.space_title3{padding:0px 0px 5px 0px; font-size:1.2em; font-weight:bold}

.space_arrow {padding:5px 0 3px 0; width:93%; margin:0 auto; text-align:right }
.space_arrow a{font-size: 0.95em;color: #888888 !important; font-family:'Apple SD Gothic Neo', AppleGothic, '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '굴림', Gulim, Helvetica, sans-serif;}
.space_arrow .down{ width:15px; padding-left:4px}
.space_arrow .up{ width:15px;transform: rotate(180deg); padding-right:4px}


/* 2021 리뉴얼 */
.new_thema_box {margin-bottom:50px; position: relative;}
.new_thema_box h2 {font-size: 22px; font-weight: bold; margin:0 10px 10px 10px;}
.new_thema_box h2 a {display: block; width:100%; background: url(//image.aladin.co.kr/img/svg/arrow_go_b.svg) no-repeat right 50% / 10px 17px; position: relative;}
.new_thema_box.mt30 {margin-top: 30px;}
.new_thema_box.mt50 {margin-top: 50px;}
.new_thema_box h2 a .vote_label {display: inline-block; height: 28px; padding: 0 15px 0 12px; background-color: #d1f9e4; color:#015027; border-radius: 14px 14px 14px 2px;  font-size: 15px; line-height: 28px; font-weight:bold; vertical-align: bottom; position: absolute; left: 0; top: -33px;}
.new_thema_box h2 a .vote_label::before {content: ''; display: inline-block; width: 20px; height: 17px; background: url("//image.aladin.co.kr/img/welcome/icon_vote.png") no-repeat center / 100% auto; vertical-align: -2px; margin-right: 5px;}

.new_toprolling_bn {margin:8px 0; position: relative; padding: 2px 0;}
.new_toprolling_bn .swiper-slide {margin:0 5px; width:calc(100% - 20px)!important; border-radius: 10px;}
.new_toprolling_bn .swiper-slide > div {border-radius: 10px;}
.new_toprolling_bn .swiper-slide a {display: block; text-align: center;}
.new_toprolling_bn .swiper-slide img { width: 95%; height: auto; border-radius: 10px;}
.new_toprolling_bn .navbox {position: absolute; bottom: 10px; right: 20px; border-radius: 14px; padding: 0 25px 0 10px; background-color: rgba(0, 0, 0, 0.3); font-size: 0.86em; z-index: 10; width:72px; height:24px; line-height: 26px; box-sizing: border-box; text-align: center;}
.new_toprolling_bn .navbox::after {content:''; position: absolute; right:10px; top:6px; width: 11px; height: 11px; background: url(//image.aladin.co.kr/img/welcome/m/ico_pluse_w.svg)  no-repeat center / 11px 11px; margin-left: 3px;}
.new_toprolling_bn .navbox .swiper-pagination-fraction {color: #fff; font-weight: normal; letter-spacing: -1px;}

@media (min-width: 375px) {
  .new_toprolling_bn .swiper-slide, .new_goods_bn .swiper-slide {width:355px!important;}
  .new_toprolling_bn .navbox, .new_goods_bn + .navbox.new {right:calc(50% - 167px);}
}

.new_menu_box {padding-left:10px;}
.new_menu_box .swiper-slide {width: auto;  margin-right:6px;}
.new_menu_box .swiper-slide a {display: block; width:100%; height:36px; line-height: 37px; border: 1px #cbced6 solid; padding: 0 16px; border-radius: 10px; background-color: transparent; box-sizing: border-box;}
.new_menu_box .swiper-slide a.new::after {content:''; display: inline-block; background: #f21c8c; width:5px; height: 5px; border-radius:50%; vertical-align: text-top; margin-left:2px;}
.new_menu_box.store::after {content: ''; display: block; width: calc(100% - 10px); height: 1px; margin: 0 10px 0 0; background: #e5e8eb; margin-top: 19px;}
.new_menu_box .swiper-slide a.man {width: 90px; height: 40px; background-color: #1d55e5; color: #fff; overflow: hidden;}

.new_menu_box .swiper-slide a.man span {display: block; width: 100%; height: 40px; color: #fff; text-align: center; opacity: 0; position:absolute; top: 0; left: 0; white-space: nowrap;}
.new_menu_box .swiper-slide a.man span:nth-child(1) {animation: menutextani1 7s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;}
.new_menu_box .swiper-slide a.man span:nth-child(2) {animation: menutextani2 7s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;}
@keyframes menutextani1 {
  0% { transform: scale(1.4) translate3d(0, 0, 0); opacity: 0;}
  7% { transform: scale(1) translate3d(0, 0, 0); opacity: 1;}
  45% { transform: scale(1) translate3d(0, 0, 0); opacity: 1;}
  50% { transform: scale(1) translate3d(0, 0, 0); opacity: 0;}
  100% { transform: scale(1) translate3d(0, 0, 0); opacity: 0;}
}
@keyframes menutextani2 {
  0% { transform: scale(1.4) translate3d(0, 0, 0); opacity: 0;}
  50% { transform: scale(1.4) translate3d(0, 0, 0); opacity: 0;}
  57% { transform: scale(1) translate3d(0, 0, 0); opacity: 1;}
  95% { transform: scale(1) translate3d(0, 0, 0); opacity: 1;}
  100% { transform: scale(1) translate3d(0, 0, 0); opacity: 0;}
}
/* .new_menu_box.new .swiper-slide a {background-color: transparent; height:36px; line-height: 37px; border: 1px #cbced6 solid; padding: 0 16px;} */

.book3rolling {width:100%;}
.book3rolling .swiper-wrapper {display: flex; align-items: flex-end; }
.book3rolling .swiper-slide { width:184px; text-align: center; height: auto; position: relative;}
.book3rolling .swiper-slide a {display: block; width:100%; height: 100%;}
.book3rolling .swiper-slide .img_box {height: 230px; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 7px;}
.book3rolling .swiper-slide .img_box img { width:154px; max-height: 225px; transform: scale(0.8); transition: transform 0.5s; box-shadow: 0px 0.5px 7.5px 0 rgba(0, 0, 0, 0.07); transform-origin: bottom;}
.book3rolling .swiper-slide-active .img_box img {width: 154px; transform: scale(1);}

.editorbook_text {width:calc(100% - 20px)!important; border-radius: 10px; box-sizing: border-box; margin:10px 10px 0 10px;}
.editorbook_text .swiper-slide {width:100%; height:100%;}
.editorbook_text .swiper-slide p.sub_txt {color: #5562d6; text-align: center; margin-bottom:4px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.editorbook_text .swiper-slide h3 {font-size: 17px; font-weight:bold; text-align: center; margin-bottom: 10px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.editorbook_text .swiper-slide .cont_txt {padding:5px 20px 20px 20px;}
.editorbook_text .swiper-slide .cont_txt > p {display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}

.editorbook.new {padding-bottom: 180px;}
.editorbook_text_new {position: absolute; top: 300px; width: 100%;}
.editorbook_text_new p.sub_txt {color: #5562d6; text-align: center; margin-bottom:4px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-size: 16px;}
.editorbook_text_new h3 {font-size: 17px; font-weight:bold; text-align: center; margin-bottom: 10px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.editorbook_text_new .cont_txt {padding:5px 20px 20px 20px;}
.editorbook_text_new .cont_txt > p {display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}


.rankmore {position: absolute; right:0; top: -8px; width:94px; height:40px; display: flex; justify-content:flex-end;}
.rankmore .time {display: inline-block; height: 100%;  background: url(//image.aladin.co.kr/img/welcome/m/icon_time.svg) no-repeat left center / 14px 14px; color: #3b4a9f; font-size: 13px; font-weight: bold; padding-left: 18px; line-height: 40px; white-space: nowrap;}
.rankmore a {display: inline-block; width: 40px; height: 100%; font-size: 1px; color: transparent; background: url(//image.aladin.co.kr/img/svg/arrow_down_g.svg) no-repeat center / 16px 9px; transition: all 0.3s;}
.rankmore a.on {transform: rotate(-180deg);}

.navbox.new {position: absolute; bottom: 10px; right: 20px; border-radius: 14px; padding:0 10px; background-color: rgba(0, 0, 0, 0.3); color: #fff; font-size: 0.86em; z-index: 10; width:60px; height:24px; line-height: 26px; box-sizing: border-box; text-align: center; letter-spacing:-1px;}

.new_nowhotbook_bn .swiper-slide {width:calc(100% - 46px)!important; margin:0 5px; position: relative; height:200px; background: #f3f3f5; border-radius: 10px;}
.new_nowhotbook_bn .swiper-slide a {width: 100%; height: 100%; padding:20px; display: flex; justify-content: center; box-sizing: border-box;}
.new_nowhotbook_bn .swiper-slide .cover {width:112px; height:160px; z-index:10; flex-shrink: 0;}
.new_nowhotbook_bn .swiper-slide .cover img {width:112px; max-height:160px; box-shadow: 0px 0.5px 7.5px 0 rgba(0, 0, 0, 0.07);}
.new_nowhotbook_bn .swiper-slide .text {padding:0 0 0 15px; height:100%; box-sizing: border-box;}
.new_nowhotbook_bn .swiper-slide .text .bookinfo h3 {font-size: 16px; margin-bottom:8px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.new_nowhotbook_bn .swiper-slide .text .bookinfo p {margin-bottom: 10px;  line-height: 1.2; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.new_nowhotbook_bn .swiper-slide .text .gift_txt {color: #e3227f; line-height: 1.2; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 14px;}
.new_nowhotbook_bn .swiper-pagination {display: block; position: relative; margin:0;}

.md_choice_book .swiper-slide {width:calc(100% - 46px)!important; margin:0 5px; position: relative; height:200px; background: #f3f3f5; border-radius: 10px;}
.md_choice_book .swiper-slide a {width: 100%; height: 100%; padding:20px; display: flex; justify-content: center; box-sizing: border-box;}
.md_choice_book .swiper-slide .cover {width:112px; height:160px; z-index:10; flex-shrink: 0;}
.md_choice_book .swiper-slide .cover img {width:112px; max-height:160px; box-shadow: 0px 0.5px 7.5px 0 rgba(0, 0, 0, 0.07);}
.md_choice_book .swiper-slide .text {padding:0 0 0 15px; height:100%; box-sizing: border-box;}
.md_choice_book .swiper-slide .text .bookinfo h3 {font-size: 15px; margin-bottom:8px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #5562d6;}
.md_choice_book .swiper-slide .text .bookinfo p {margin-bottom: 10px;  line-height: 1.2; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 6;}
.md_choice_book .swiper-pagination {display: block; position: relative; margin:0;}

.new_goods_bn .swiper-slide {width:calc(100% - 20px); margin:0 5px; height: auto; border-radius: 10px; overflow: hidden; position: relative;}
.new_goods_bn .swiper-slide a::after {content:''; position: absolute; bottom:0; left:0; width:100%; height: 90px; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%)}
.new_goods_bn .swiper-slide img { width: 100%;}
.new_goods_bn .swiper-slide .goods_name {position: absolute; left:20px; bottom:20px; font-size: 18px; color: #fff; z-index:2;}

.new_thema_box .home .swiper-slide , .new_thema_box .swipeBook .swiper-slide , .new_thema_box .NewUsedBook .swiper-slide , .new_thema_box .HighSale .swiper-slide , .new_thema_box .swipeUsed .swiper-slide, .new_thema_box .swipegoods .swiper-slide, .new_thema_box .swipeForeign .swiper-slide { width: 9.5rem; box-sizing:border-box; clear:left; float:left;}
.new_thema_box .swiper-slide .book {width:140px;}
.new_thema_box .swiper-slide .book dt {height:195px;}
.new_thema_box .swiper-slide .book dt .cover_pt {width:130px; max-height: 185px; border:0; box-shadow: 0px 0.5px 7.5px 0 rgba(0, 0, 0, 0.07); left:5px; bottom:5px;}
.new_thema_box .swiper-slide .book dt .pick_label {position: absolute; bottom: 5px; left: 5px; height: 25px; padding: 0 12px; font-size: 13px; color: #fff; line-height: 25px; background: #3b4a9f; z-index: 10;}

.new_thema_box .swiper-slide .book dt a .rank {display: block; position: absolute; right: 0; bottom: 0; width: 35px; height:35px; line-height: 35px; box-shadow: 0.8px 1.3px 1.5px 0 rgba(0, 0, 0, 0.1); background-color: #bbb; font-size: 18px; color: #fff; font-weight: bold; border-radius: 50%; text-align: center; font-family: 'Noto Sans KR'; z-index: 10;}
.new_thema_box .swiper-slide .book dt a .rank.ranktop {background-color: #00b858;}

.new_thema_box .swiper-slide .book dd {text-align: left; margin-top: 5px;}
.new_thema_box .swiper-slide .book dd .sale_txt {display: inline-block; color: #e3227f; font-weight: bold; margin-top: 5px; font-family: 'Lato', sans-serif;}
.new_thema_box .swiper-slide .book dd .star {display: inline-block; width: 70px;}
.new_thema_box .swiper-slide .book dd .star img {width: 100%;}
.new_thema_box .swiper-slide .book dd {padding-left:5px;}

.new_thema_box .swiper-slide .goods {width: 140px;}
.new_thema_box .swiper-slide .goods dt {height: 140px; text-align: center; overflow: hidden; position: relative}
.new_thema_box .swiper-slide .goods dt .cover_pt {width:130px; max-height: 130px; box-shadow: 0px 0.5px 7.5px 0 rgba(0, 0, 0, 0.07); position: absolute; bottom: 5px; left: 5px;}
.new_thema_box .swiper-slide .goods dd {text-align:left; padding: 5px 0 0 5px; font-size: 0.95em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.new_thema_box .swiper-slide .goods dd p {margin-bottom: 4px;}

.new_thema_box .eb-booklist { width:100%; box-sizing: border-box; margin-bottom:10px; overflow: hidden;}
.new_thema_box .eb-booklist .swiper-slide {width: 9.5rem; position: relative;}
.new_thema_box .eb-booklist .b-cover {position: relative; width:140px; height:210px; overflow: hidden; margin-bottom:8px;}
.new_thema_box .eb-booklist .b-cover a {display: block; position: absolute; bottom:0; left: 50%; transform: translateX(-50%);  overflow: hidden; width:100%; min-height:220px; text-align: center;}
.new_thema_box .eb-booklist .b-cover a > img { width:130px;  max-height: 200px; border: 0; box-sizing: border-box; box-shadow: 0px 0.5px 7.5px 0 rgba(0, 0, 0, 0.07); position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%);}
.new_thema_box .eb-booklist .b-price {text-align:left; font-size:16px; padding: 4px 0 0 5px;}
.new_thema_box .eb-booklist .b-price span { font-style: normal; color:#333; font-family: 'Lato', sans-serif;}
.new_thema_box .eb-booklist .b-price .item {color:#777}
.new_thema_box .eb-booklist  h4 {text-align: left; font-size:16px; font-weight: normal;-webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden; width:140px; padding-left: 5px;}

.new_thema_box .thismonth_bg {padding: 25px 0; margin-top: 15px;}
.new_thema_box .thismonth_bg::after {content: ''; width: 100%; height: 100%; position: absolute; left: 20px; top: 0; background-color: #f3f3f5; border-radius: 200px 0 0 200px; z-index: -1;}

/* .new_thema_box .eb-booklist .swiper-slide em {position: absolute; width:32px; height:33px; top:200px; right:-10px; font-size:24px; color:#fff; z-index:9; background-color:#bbbbbb; border-radius:50%; box-shadow: 0px 1.5px 1.5px 0 rgba(0, 0, 0, 0.25); text-align: center; line-height:36px; font-weight:bold; vertical-align:middle; padding:3px 4px 0 0; font-style:italic;}
.new_thema_box .eb-booklist .swiper-slide:first-of-type em {background-color:#ef3b96;} */
.audiobook_icon {display: block; background: url(//image.aladin.co.kr/img/svg/icon_audio.svg) no-repeat #36b3d1 center / 20px 16px; width:30px; height: 30px; border-radius: 50%; font-size: 1px; color: transparent; position: absolute; bottom:0; left:8px; z-index: 10;}

.pagination_bar.swiper-pagination {bottom: 0;}
.pagination_bar.swiper-pagination .swiper-pagination-bullet {height: 1px; background: #f3f3f5; border-radius: 0; margin: 0!important; border: 0; width: 6%;}
.pagination_bar.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {height: 1px; background: #3b4a9f; border-radius:0; border:0;}

.onesentence_book {padding-bottom: 210px;}

.onesentence_text {position: absolute; top: 270px; width: 100%;}
.onesentence_text::before { content: ''; display: block; width: 22px; height: 15px; background: url(//image.aladin.co.kr/img/welcome/m/qsmarks.svg) no-repeat center / 22px 15px; margin:25px auto 15px auto;}
.onesentence_text p {margin:0 20px 15px 20px; font-size: 16px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 5;}
.onesentence_text h3 {margin:0 20px; font-size: 14px; font-weight: normal; text-align: center; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color:#868686;}

.new_book_special {width:100%; position: relative; margin-bottom: 15px;}
.new_book_special a {display: block; width:100%; height: 100%;}
.new_book_special .special_cover {width:100%; height:345px; overflow: hidden; border-top: 1px solid #f3f3f5;}
.new_book_special .special_cover img {width:100%;}
.new_book_special .special_label {position: absolute; z-index:10; top:283px; right:10px; background: #000; height:25px; padding:0 10px; line-height: 27px; color: #fff; font-size: 13px;}
.new_book_special .special_txt {position: absolute; z-index:9;  top:298px; background: #fff; margin-left: 10px; padding:20px; width:calc(100% - 10px); box-sizing: border-box; box-shadow: 2px 2px 10px 3px rgb(0 0 0 / 3%);}
.new_book_special .special_txt p {font-size: 16px; margin-bottom: 5px;}
.new_book_special .special_txt h3 {font-size: 24px; line-height: 1.4; letter-spacing: -1px; word-break: keep-all;}

.new_bookfund {background: linear-gradient(to bottom, rgba(59,74,159,1) 0%,rgba(59,74,159,1) 50%,rgba(243,243,245,1) 50%,rgba(243,243,245,1) 100%); padding: 30px 0 40px 0; margin-bottom: 50px;}
.new_bookfund h2 a {display:block; color: #fff; font-size: 22px; letter-spacing: -0.6px; line-height: 1.4; padding:0 10px; position: relative;}
.new_bookfund h2 a::after {content: ''; position: absolute; right:10px; top:6px; width: 10px; height: 17px; background: url(//image.aladin.co.kr/img/svg/arrow_go_w.svg) no-repeat center / 10px 17px;}
.new_bookfund .cover {width: 160px; margin:0 auto; height: 240px; display: flex; align-items: flex-end;}
.new_bookfund .cover img {width:100%; max-height: 240px;}
.new_bookfund h3 {margin:15px 10px; text-align: center; font-size: 18px;}
.new_bookfund .author {text-align: center; font-size: 14px; padding: 6px 0 0 0px; color: #737373; line-height: 1.2; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin: -13px 0 15px 0;}
.new_bookfund .progress_bar {width: 200px; height: 4px; border-radius: 2px; background: #fff; position: relative; margin:0 auto ;}
.new_bookfund .progress_bar .progress {height:4px; border-radius: 2px; background: #3e4899; position: absolute; left:0; top:0;}
.new_bookfund .progress_bar .progress::after {content: ''; width: 9px; height: 9px; background: #fff; border: 2px solid #3e4899; box-sizing: border-box; border-radius: 50%; position: absolute; right:0; top:-2.5px;}
.new_bookfund .aim_price {font-size: 14px; color: #3e4899; text-align: center; margin:10px 0 15px 0; font-family: 'Lato', sans-serif;}
.new_bookfund .fund_price {text-align: center; font-size: 17px; font-family: 'Lato', sans-serif;}
.new_bookfund .fund_price span {margin-right: 5px;}
.new_bookfund .fund_price::before {content:''; display: inline-block; width: 21px; height: 16px; background: url(//image.aladin.co.kr/img/welcome/m/icon_people.png) no-repeat left center / 21px 16px;  display: inline-block; margin-right:3px;}

.new_todaypoem {position: relative; margin-bottom: 50px;}
.new_todaypoem h2 a {display: inline-block; height:20px; line-height: 20px; position: absolute; top:30px; left: 10px; font-size: 16px; background: url(//image.aladin.co.kr/img/svg/arrow_go_b.svg) no-repeat right center / 7px 12px; z-index: 10; padding-right:15px;}
.new_todaypoem .swiper-slide {background-size: 100% auto; height:370px; overflow: hidden; background-position: cener; background-repeat: no-repeat;}
.new_todaypoem .swiper-slide a {display: block; width: 100%; height: 100%;}
.new_todaypoem .swiper-slide a .date {position: absolute; top:30px; right: 10px; font-size: 13px; color: #666;}
.new_todaypoem .swiper-slide a .poemtxt_box { position: absolute; top:80px; left:50%; font-family: 'Nanum Myeongjo', serif; padding:0 20px; letter-spacing: -0.5px; transform: translateX(-50%); width: 100%; box-sizing: border-box;}
.new_todaypoem .swiper-slide a .poemtxt_box h3 {text-align: center; font-size: 22px; margin-bottom:20px;}
.new_todaypoem .swiper-slide a .poemtxt_box p {background:rgba(255, 255, 255, 0.5); border-radius: 15px; padding:30px 25px; font-size: 17px; margin-bottom: 20px; line-height:1.8;}
.new_todaypoem .swiper-slide a .poemtxt_box .book_tit {text-align: center;}

.new_CardReview {padding:5px 0 0 10px;}
.new_CardReview .swiper-slide {width:295px!important; height:265px; border-radius: 5px; overflow: hidden; position: relative; margin-right:10px; box-shadow: 0px 0.5px 7.5px 0 rgba(0, 0, 0, 0.07);}
.new_CardReview .swiper-slide a::after {content:''; position: absolute; bottom:0; left:0; width:100%; height: 90px; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%)}
.new_CardReview .swiper-slide img {width: 100%;}
.new_CardReview .swiper-slide p {position: absolute; left:20px; bottom:18px; color: #fff; z-index: 10; font-size: 15px; font-weight: bold;}

.new_CardReview2 {padding:5px 0 0 10px;}
.new_CardReview2 .swiper-slide {width:295px!important; position: relative; margin-right:10px;}
.new_CardReview2 .swiper-slide .thum {width: 295px; height: 265px; border-radius: 5px; overflow: hidden; box-shadow: 0px 0.5px 7.5px 0 rgba(0, 0, 0, 0.07); margin-bottom: 15px;}
.new_CardReview2 .swiper-slide .thum img {width: 100%;}
.new_CardReview2 .swiper-slide p {font-size: 16px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

.new_TV {padding:5px 0 0 10px;}
.new_TV .swiper-slide {width:295px!important; position: relative; margin-right:10px; }
.new_TV .swiper-slide .thum {width:100%; height:170px; border-radius: 5px; overflow: hidden; position: relative; margin-bottom: 15px; box-shadow: 0px 0.5px 7.5px 0 rgba(0, 0, 0, 0.07);}
.new_TV .swiper-slide .thum::after {content: ''; width:43px; height:43px; background: url(//image.aladin.co.kr/img/welcome/m/icon_tvplay.png) no-repeat center / 43px 43px; position: absolute; right:5px; bottom:5px;}
.new_TV .swiper-slide .thum img {height: 100%; box-shadow: 0px 0.5px 7.5px 0 rgba(0, 0, 0, 0.07);}
.new_TV .swiper-slide h3 {font-size: 16px; font-weight: normal; margin-bottom: 5px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.new_TV .swiper-slide h3.trailer {-webkit-line-clamp: 2;}
.new_TV .swiper-slide .tagbox {margin-bottom: 2px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.new_TV .swiper-slide .tagbox .tag {color: #3e4899; text-decoration: none; font-size: 1em; padding: 0 4px 0 0;}
.new_TV .swiper-slide .subt {color: #868686; font-size: 14px; background: url(//image.aladin.co.kr/img/welcome/m/icon_see.svg) no-repeat left center / 16px 13px; padding-left: 20px; height:22px; line-height: 22px;}

.BottomAd {margin-bottom:30px;}
.group_L7.new {padding: 8px 6px;}
.group_L7.new li .area_cirle {text-align: center; height: 70px; width: 88%; background: #f4f4f4; margin: 0 auto; border-radius: 10px; display:table; overflow: hidden; position: relative; }
.group_L7.new li .area_cirle::before {content:''; position: absolute; width: 100%; height: 100%; left: 0; top: 0;  background: inherit; z-index:1; filter: blur(1.5px);}
.group_L7.new li .area_cirle::after {content: '';  position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.4); z-index: 9;}
.group_L7.new li .area_cirle p {position: absolute; width: 100%; height: auto; left: 0; top: 50%; transform: translateY(-50%); background: none; text-align: center; color: #ffffff; font-weight: normal;  box-sizing: border-box; border-radius: 5px; display:table-cell; vertical-align:middle; z-index: 10; font-size: 14px; }
.group_L7.new li .area_cirle p a {color: #ffffff !important; display: block;}

/* 2021 리뉴얼 국내도서 */
.topbook_tt {font-size: 19px!important; color: #5562d6; text-align: center;}
.newtopbook {padding-bottom: 80px;}
.newtopbook_text {width: 100%; position: absolute; top: 290px; padding: 0 10px; box-sizing: border-box; text-align: center; font-size: 17px; font-weight: bold; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

.newADbanner {padding:0 0 0 10px;}
.newADbanner .swiper-slide {width:calc(100% - 20px); border-radius:7px; overflow: hidden; margin-right: 10px;}
.newADbanner .swiper-slide img {width: 100%;}

.newhotbook {padding-bottom: 100px;}
.newhotbook_text {width: 100%; position: absolute; top: 290px; padding: 0 10px; box-sizing: border-box;}
.newhotbook_text .sub_txt { color: #5562d6; text-align: center; margin-bottom:5px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.newhotbook_text h3 {font-size: 17px; font-weight:bold; text-align: center; margin-bottom: 10px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

.new_authorbook {position: relative;}
.new_authorbook .new_authorbook_bg {position: absolute; top:0; width: 100%; height:200px; z-index: -1;}
.new_authorbook .new_authorbook_bg.bgcolor1 {background: #239f7d;}
.new_authorbook .new_authorbook_bg.bgcolor2 {background: #9759a9;}
.new_authorbook .new_authorbook_bg.bgcolor3 {background: #1134a5;}
.new_authorbook .new_authorbook_bg.bgcolor4 {background: #84644f;}
.new_authorbook .new_authorbook_bg.bgcolor5 {background: #9dae15;}
.new_authorbook .new_authorbook_bg.bgcolor6 {background: #21b7d9;}
.new_authorbook .new_authorbook_bg.bgcolor7 {background: #f4826c;}
.new_authorbook .new_authorbook_bg.bgcolor8 {background: #6f7ece;}
.new_authorbook .new_authorbook_bg.bgcolor9 {background: #ca2e39;}
.new_authorbook .new_authorbook_bg.bgcolor10 {background: #232322;}
.new_authorbook .new_authorbook_bg.bgcolor11 {background: #eb9112;}
.new_authorbook h2 {padding:20px 0 0 0; margin: 0 10px 10px 10px;}
.new_authorbook h2 a {display: block; color: #fff; font-size: 22px; background: url(//image.aladin.co.kr/img/svg/arrow_go_w.svg) no-repeat right top 2px / 10px 17px; padding-right: 20px; box-sizing: border-box;}
.new_authorbook h2 a span {display: block; font-size: 16px; margin-bottom: 5px;}
.new_thema_box .reload_btn {display: block; width: 182px; height: 38px; border-radius: 19px;  border: solid 1px #ededf0; background: #fff; margin: 30px auto 0 auto; outline: 0;}
.new_thema_box .reload_btn::before { content: ''; display: inline-block; width:11px; height:12px; background: url(//image.aladin.co.kr/img/welcome/m/reload.svg) no-repeat center / 11px 12px; margin-right:7px;}
.new_thema_box .reload_btn .reload_pagination {color: #999999; letter-spacing: -1px;}
.new_thema_box .reload_btn .reload_pagination .swiper-pagination-current {color: #333;}
.bt_line::after {content: ''; width: calc(100% - 20px); height: 1px; display: block; background: #f3f3f5; margin:35px auto 0 auto;}

.aladinPlan {padding: 0 0 0 10px; margin-top: -10px;}
.aladinPlan .swiper-slide {width:88px; margin-right:10px;}
.aladinPlan .thum {width: 88px; height: 88px; border-radius: 50%; overflow: hidden; position: relative;}
.aladinPlan .thum img {width: 110%; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%);}
.aladinPlan p {text-align: center; line-height: 1.2; margin-top:12px; word-break: keep-all;}

.bestnewbook {padding: 0 0 0 10px;}
.bestnewbook .swiper-slide {width:310px!important;}
.bestnewbook .bestbox {border-bottom: 1px solid #f3f3f5; padding-bottom:20px; margin-bottom:20px;}
.bestnewbook .bestbox .thum {float: left; width:130px; height:180px; position: relative;}
.bestnewbook .bestbox .thum img {width:120px; max-height: 170px; position: absolute; bottom:5px; left:5px; box-shadow: 0px 0.5px 7.5px 0 rgba(0, 0, 0, 0.07);}
.bestnewbook .bestbox .txt {float: left; width:180px; height:180px; display: flex; flex-direction: column;  justify-content: space-between; padding:5px 30px 0 15px; box-sizing: border-box;}
.bestnewbook .bestbox .txt h3 {margin-top:20px;}
.bestnewbook .bestbox .txt h3 .rank {display: block; margin-bottom:5px;}
.bestnewbook .bestbox .txt p.gift {line-height: 1.2; color: #e3227f; margin-bottom: 8px;}
.bestnewbook .bestbox::after {content: ''; display: block; clear: both;}

@media screen and (max-width: 320px) {
  .bestnewbook .swiper-slide {width:270px;}
  .bestnewbook .bestbox .thum {width:110px; height:170px;}
  .bestnewbook .bestbox .thum img {width:100px; max-height: 150px;}
  .bestnewbook .bestbox .txt {width:160px; height:170px; padding:5px 15px 0 5px;}
}

.eventbox_wrap {padding-bottom: 40px;}
.eventbox_wrap .eventboxlist {padding:0 5px;}
.eventbox_wrap .eventboxlist li {float: left; width: 50%; padding:5px; overflow: hidden; box-sizing: border-box;}
.eventbox_wrap .eventboxlist li a {display: block; border-radius: 5px; overflow: hidden;}
.eventbox_wrap .eventboxlist li img {width: 100%; border-radius: 5px;}

.eventbox2_wrap {padding-bottom: 40px; padding: 0 12px;}
.eventbox2_wrap .swiper-slide {width: 330px; margin-right: 12px;}
.eventbox2_wrap .swiper-slide a {display: block; border-radius: 10px; overflow: hidden;}
.eventbox2_wrap .swiper-slide a img {width: 100%;}


/* 2021 리뉴얼 음반 */
.music3rolling {width:100%; padding-bottom: 85px;}
.music3rolling .swiper-wrapper {display: flex; align-items: flex-end; }
.music3rolling .swiper-slide { width:200px; text-align: center; height: auto; position: relative;}
.music3rolling .swiper-slide a {display: block; width:100%; height: 100%;}
.music3rolling .swiper-slide .img_box {height: 200px; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 7px;}
.music3rolling .swiper-slide .img_box img { width:190px; max-height:190px; transform: scale(0.8); transition: transform 0.5s; box-shadow: 0px 0.5px 7.5px 0 rgba(0, 0, 0, 0.07); transform-origin: bottom;}
.music3rolling .swiper-slide-active .img_box img {width: 190px; transform: scale(1);}

.music3rolling_text {width:100%; box-sizing: border-box; padding: 0 10px; position: absolute; top: 255px;}
.music3rolling_text p.sub_txt {color: #5562d6; text-align: center; margin-bottom:4px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.music3rolling_text h3 {font-size: 17px; font-weight:bold; text-align: center; margin-bottom: 10px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

.music_hotone {position: relative; padding-bottom:40px;}
.music_hotone::before {content:''; position: absolute; left: 0; top: 0; width: 100%; height: 215px; background: #2b2c7d; z-index: -1; }
.music_hotone::after {content: ''; position: absolute; left: 10px; bottom: 0; width: calc(100% - 20px); height: 1px ; background: #f3f3f5;}
.music_hotone .cover {text-align: center; padding: 35px 0 20px 0;}
.music_hotone .cover img {box-shadow: 0px 0.5px 7.5px 0 rgba(0, 0, 0, 0.07); width:250px;}
.music_hotone p {color: #5562d6; text-align: center; padding: 0 10px; box-sizing: border-box; margin-bottom: 5px;}
.music_hotone h3 {font-size: 17px; text-align: center; padding: 0 10px;  box-sizing: border-box; line-height: 1.3;}

.category_menu {padding-left: 10px; margin:20px 0 15px 0;}
.category_menu .swiper-slide {width: auto; margin-right:8px;}
.category_menu .swiper-slide a {display: block; width:100%; min-width: 60px; text-align: center; height: 36px; padding:0 18px; line-height: 34px; border: solid 1px #3b4a9f; background: #fff; color: #3b4a9f; border-radius: 18px; box-sizing: border-box;}
.category_menu .swiper-slide a.on {background: #3b4a9f; color: #fff;}

.new_thema_box div[class*='swipeNew'] .swiper-slide {width:auto;}
.new_thema_box .swiper-slide .music {float: left; margin-left: 10px; margin-right: 10px; width:140px;}
.new_thema_box .swiper-slide .music dt {height: 140px; text-align: center; overflow: hidden; position: relative}
.new_thema_box .swiper-slide .music dt .cover_pt {position: absolute; bottom: 5px; left: 50%; border: 0; box-sizing: border-box; box-shadow: 0px 0.5px 7.5px 0 rgba(0, 0, 0, 0.07); transform: translateX(-50%); width:130px; max-height: 130px;}
.new_thema_box .swiper-slide .music dd {text-align: left; margin-top: 5px; padding-left:5px;}

.musicnews_list {margin: 10px;}
.musicnews_list li {margin-bottom:20px;}
.musicnews_list li a {display: flex; align-items: center;}
.musicnews_list li .thum {width: 80px; height: 80px; border-radius: 50%; overflow: hidden; flex-shrink: 0; margin-right:20px; box-sizing: border-box; box-shadow: 0px 0.5px 7.5px 0 rgba(0, 0, 0, 0.07);}
.musicnews_list li .thum img {width: 100%;}
.musicnews_list li .txt p {font-size: 16px;}
.musicnews_list li .txt span {color: #999;}

.music_banner {margin: 0 10px 50px 10px;}
.music_banner a {display: block; width: 100%; border-radius:8px; overflow: hidden;}
.music_banner a img {width: 100%;}

/* 2021 리뉴얼 dvd */
.dvd3rolling {width:100%; padding-bottom:85px;}
.dvd3rolling .swiper-wrapper {display: flex; align-items: flex-end; }
.dvd3rolling .swiper-slide { width:164px; text-align: center; height: auto; position: relative;}
.dvd3rolling .swiper-slide a {display: block; width:100%; height: 100%;}
.dvd3rolling .swiper-slide .img_box {height: 220px; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 7px;}
.dvd3rolling .swiper-slide .img_box img { width:154px; max-height:210px; transform: scale(0.8); transition: transform 0.5s; transform-origin: bottom;}
.dvd3rolling .swiper-slide-active .img_box img {width: 154px; transform: scale(1);}

.dvd3rolling_text {width:100%; box-sizing: border-box; padding: 0 10px; position: absolute; top: 275px;}
.dvd3rolling_text p.sub_txt {color: #5562d6; text-align: center; margin-bottom:4px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.dvd3rolling_text h3 {font-size: 17px; font-weight:bold; text-align: center; margin-bottom: 10px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

.new_thema_box div[class*='swipeDVD'] .swiper-slide {width:auto;}
.new_thema_box .dvd {float: left; margin-left: 10px; margin-right: 10px; width:140px;}
.new_thema_box .dvd dt {text-align: center; overflow: hidden; position: relative; width:140px; height: 190px;}
.new_thema_box .dvd dt .cover_pt {position: absolute; bottom: 5px; left: 50%; border:0; box-sizing: border-box; transform: translateX(-50%); width:130px; max-height: 180px;}
.new_thema_box .dvd dd {text-align:left; margin-top: 5px; padding-left:5px;}
.new_thema_box .dvd dd p {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;}

.dvdnews_list {margin: 10px;}
.dvdnews_list li {margin-bottom:20px;}
.dvdnews_list li a {display: flex; align-items: center;}
.dvdnews_list li .thum {width: 80px; height: 80px; border-radius: 50%; overflow: hidden; flex-shrink: 0; margin-right:20px; box-sizing: border-box; box-shadow: 0px 0.5px 7.5px 0 rgba(0, 0, 0, 0.07); position: relative;}
.dvdnews_list li .thum img {width: 110%; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%);}
.dvdnews_list li .txt p {font-size: 16px;}
.dvdnews_list li .txt span {color: #999;}

/* 2021 리뉴얼 전자책 */
.ebook_browse_tab {width: 100%; padding: 10px; background-color: #e8eaed; box-sizing: border-box; margin: 20px 0 0 0; position: relative;}
.ebook_browse_tab.new {background-color: #fff; padding: 0 0 10px 10px; margin: -2px 0 0 0;}
.ebook_browse_tab ul {display: flex;}
.ebook_browse_tab li {margin-right:15px;}
.ebook_browse_tab li a {display:block; height:32px; line-height: 32px; padding:0 10px; box-sizing: border-box; text-align: center; font-size: 16px;}
.ebook_browse_tab.new li a {font-size: 15px; line-height: 33px; padding:0 11px; color: #000;}
.ebook_browse_tab li a.on {min-width:58px; background: #3b499f; border-radius: 16px; color: #fff; font-weight: bold;}
.ebook_browse_tab.new li a.on {background: #000;}
.ebook_browse_tab button {position: absolute; right:0; top:0; font-size: 1px; color: transparent; background: url(//image.aladin.co.kr/img/svg/arrow_down.svg) no-repeat center / 15px 9px; width: 35px; height: 52px; transition: all 0.3s; outline: 0;}
.ebook_browse_tab button.on {transform: rotate(-180deg);}
.ebook_browse_tab::after {content: ''; position: absolute; right:36px; top:19px; width: 1px; height: 14px; background:#d9d9db;}
.ebook_browse_tab.new button {height: 32px;}
.ebook_browse_tab.new::after {top: 9px;}
@media screen and (max-width: 320px) {
  .ebook_browse_tab li {margin-right:5px;}
}
@media screen and (max-width: 360px) {
  .ebook_browse_tab li {margin-right:10px;}
  .ebook_browse_tab.new li {margin-right: 12px;}
}
.todayebook {padding-bottom: 70px;}
.todayebook_text {position: absolute; top: 290px; width:100%; box-sizing: border-box; overflow: inherit; padding: 0 10px;}
.todayebook_text p.sub_txt {color: #333; text-align: center; margin-bottom:4px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-family: 'Lato', sans-serif;}
.todayebook_text h3 {font-size: 17px; font-weight:bold; text-align: center; margin-bottom: 5px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

.ebook_browse_banner {margin:0 10px;}
.ebook_browse_banner li {float: left; width: 50%;}
.ebook_browse_banner li a {display:flex; height:85px; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding:0 5px;}
.ebook_browse_banner li a p {font-size: 14px;}
.ebook_browse_banner li a h3 {font-size: 17px;}
.ebook_browse_banner li:nth-child(1) a {background: #eedd74;}
.ebook_browse_banner li:nth-child(2) a {background: #8adbbf;}
.ebook_browse_banner li:nth-child(3) a {background: #f5b897;}
.ebook_browse_banner li:nth-child(4) a {background: #94c7f1;}
.ebook_browse_banner::after {content: ''; display: block; clear: both;}

.ebooksepcial {position: relative;}
.ebooksepcial::after { content: ''; position: absolute; top:0; width: 100%; height:200px; background: #3b4a9f; z-index: -1;}
.ebooksepcial h2 {padding:20px 0 0 0; margin: 0 10px 10px 10px;}
.ebooksepcial h2 a {display: block; color: #fff; font-size: 16px; background: url(//image.aladin.co.kr/img/svg/arrow_go_w.svg) no-repeat right top 2px / 10px 17px; padding-right: 20px; box-sizing: border-box;}
.ebooksepcial h2 a span {display: block; font-size: 22px;}

.ebooktime {position: absolute; right:10px; top: -8px; width:auto; height:40px;  background: url(//image.aladin.co.kr/img/welcome/m/icon_time.svg) no-repeat left center / 14px 14px; color: #3b4a9f; font-size: 13px; font-weight: bold; padding-left: 18px; line-height: 40px;}

.new_thema_box .eb_Mnow_list .swiper-slide {width: 18rem; position: relative;}
.new_thema_box .eb_Mnow_list .M_alotnow_list li .num_p , .new_thema_box .eb_Mnow_list .M_alotnow_list li .num_g {font-style: normal; color: #333;}
.new_thema_box .eb_Mnow_list .M_alotnow_list .now_cont dt {float:left; width:90px; height:100px; padding-right:10px;}
.new_thema_box .eb_Mnow_list .M_alotnow_list .now_cont dt a {display:block; width:90px; height:100px; position:relative; overflow:hidden; border:0; box-sizing:border-box; text-align: center; padding:5px 0;}
.new_thema_box .eb_Mnow_list .M_alotnow_list .now_cont dt a>img { width:80px; box-shadow: 0px 0.5px 7.5px 0 rgba(0, 0, 0, 0.07);}
.new_thema_box .eb_Mnow_list .M_alotnow_list .now_cont dd {float:left; width:calc(100% - 100px); box-sizing:border-box; padding-top:2px;}

.new_thema_box .eb-booklist .swiper-slide em {position: absolute; width:30px; height:30px; top:180px; bottom:0; left: 8px; font-size:16px; color:#fff; z-index:9; background-color:#ef3b96; border-radius:50%; box-shadow: 0px 1.5px 1.5px 0 rgba(0, 0, 0, 0.25); text-align: center; line-height:30px; font-weight:normal; vertical-align:middle; padding:0 0 0 0; font-style:normal;}
.new_thema_box .eb-booklist .swiper-slide:first-of-type em {background-color:#ef3b96;}

.viewer_banner {display: flex; justify-content: space-around; margin: 0 10px;}
.viewer_banner a {display: block; width: 83px; height: 83px; background: #f5f5f7; border-radius: 50%; overflow: hidden; text-align: center; font-size: 14px;}
.viewer_banner a::before {content: ''; display: block; width: 24px; height: 25px; margin:20px auto 2px auto; }
.viewer_banner a.apple::before {background:url(//image.aladin.co.kr/img/welcome/m/icon_apple.svg) no-repeat center / 19px 25px;}
.viewer_banner a.android::before {background:url(//image.aladin.co.kr/img/welcome/m/icon_android.svg) no-repeat center / 19px 21px;}
.viewer_banner a.pc::before {background:url(//image.aladin.co.kr/img/welcome/m/icon_pc.svg) no-repeat center / 24px 23px;}
.viewer_banner a.crema::before {background:url(//image.aladin.co.kr/img/welcome/m/icon_crema.svg) no-repeat center / 19px 23px;}

/* 2021 리뉴얼 알라디너tv */
.tvtopmenu {height: 44px; border-radius: 21.6px; background-color: #e8eaed; margin:12px 10px 16px 10px; display: flex;}
.tvtopmenu a {display: block; flex: 1; text-align: center; position: relative; line-height: 46px;}
.tvtopmenu a::after {content: ''; position: absolute; width:1px; height:14px; background: #cfd1d4; right:0; top: 50%; transform: translateY(-50%);}
.tvtopmenu a:last-child::after {width: 0;}
.aladinerTV_live {margin: 0 10px 20px 10px; padding: 0 2px 8px 2px; background: #000; border-radius: 10px; position: relative;}
.aladinerTV_live h2 {color: #ff0000; font-size: 28px; font-weight: bold; line-height:22px; overflow: hidden; padding:14px 0 10px 15px;}
.aladinerTV_live h2 span {opacity:1;}
.aladinerTV_live h2 span:nth-child(5) {display: inline-block; width:7px; height: 7px; background: #ff0000; vertical-align: bottom; border-radius: 50%; margin:0 0 4px 4px;}
.aladinerTV_live h2.on span {opacity:0;}
.aladinerTV_live h2.on span {animation: tvlivetxt forwards 0.2s; -webkit-animation:tvlivetxt forwards 0.2s ;}
.aladinerTV_live h2.on span:nth-child(2) {animation-delay: 0.2s;}
.aladinerTV_live h2.on span:nth-child(3) {animation-delay: 0.4s;}
.aladinerTV_live h2.on span:nth-child(4) {animation-delay: 0.6s;}
.aladinerTV_live h2.on span:nth-child(5) {animation: tvlivetxt forwards alternate 0.5s 5; animation-delay: 0.8s;}
@keyframes tvlivetxt {
  0% {opacity:0;}
  30% {opacity:0;}  
  100% {opacity:1;}
}
@media screen and (max-width: 360px) {
  .aladinerTV_live h2 span:nth-child(5) {margin:0 0 1px 4px;}
}
.aladinerTV_box {width: 100%; position: relative;}
.aladinerTV_box > div {width: 100%; padding-bottom: 56.25%;}
.aladinerTV_box > div iframe {position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%;}
.w_wrap.new {margin-bottom:20px;}
.w_wrap.new h3 {padding: 0;}
.w_wrap.new h3 a {display: block; color:#333; font-size:22px; padding:20px 10px; letter-spacing:-1px; font-weight:bold; width:100%; background: url(//image.aladin.co.kr/img/svg/arrow_go_b.svg) no-repeat right 10px center / 10px 17px; box-sizing: border-box;}
.w_wrap.new .v-id , .w_wrap.new .v-id a {color: #868686;}
.w_wrap.new .thumbnail {border-radius: 4px; overflow: hidden;}

.videolist li { margin:0 10px 15px 10px;}
.videolist li a { display:block;}
.videolist li:after { content:''; display:block; clear:both;}
.videolist .thumbnail { display: inline-block; width:50%; overflow: hidden; vertical-align: middle;}
.videolist .r-text {display: inline-block; width:46%; margin-left:2%;  vertical-align: middle;}
.videolist .r-text h4 {padding:0px 0 5px 0; font-size:15px;  font-weight: normal;}
.videolist .r-text h4.nickname {font-size: 16px;}
.videolist .v-id { color:#606060; font-size:13px; line-height:18px;}
.videolist:after { content:''; display:block; clear:both;}

/* 2021 리뉴얼 중고온라인 */
.usedbook_menu {position: absolute; right:2px; top:-8px; width:52%; text-align: right; font-size: 0;}
.usedbook_menu a {display: inline-block; padding: 10px 8px; position: relative; font-size: 15px;}
.usedbook_menu a::after {content: ''; position: absolute; right:0; top: 50%; transform: translateY(-50%); width: 1px; height: 10px; background-color: #e8eaed;}
.usedbook_menu a:last-child::after {width: 0;}
.usedbook_menu a.on {font-size: 16px; color: #3b499f; font-weight: bold;}

.usedbook_browse_tab {width: 100%; padding: 10px; background-color: #f5f5f7; box-sizing: border-box; margin: 20px 0 20px 0; position: relative;}
.usedbook_browse_tab ul {display: flex; justify-content: space-around;}
.usedbook_browse_tab li a {display:block; height:32px; line-height: 32px; padding:0 12px; box-sizing: border-box; text-align: center; font-size: 16px;}
.usedbook_browse_tab li a.on {min-width:58px; background: #3b499f; border-radius: 16px; color: #fff; font-weight: bold;}
.usedbook_browse_tab button {position: absolute; right:0; top:0; font-size: 1px; color: transparent; background: url(//image.aladin.co.kr/img/svg/arrow_down.svg) no-repeat center / 15px 9px; width: 35px; height: 52px; transition: all 0.3s; outline: 0;}
.usedbook_browse_tab button.on {transform: rotate(-180deg);}
@media screen and (max-width: 320px) {
  .usedbook_browse_tab li a {padding:0 8px;}
}
.NewUsedBook .mp_clearbox3 , .HighSale .mp_clearbox3 {border-bottom: 1px solid #f3f3f5; margin: 0 0 20px 0;}
.NewUsedBook .swiper-container .swiper-slide:first-child .mp_clearbox3 {margin: 0 0 20px 10px;}
/* .new_thema_box .dd_height2 {height: 50px;} */
.new_thema_box .price01 , .new_thema_box .price04 {font-weight: normal; font-family: 'Lato', sans-serif; letter-spacing:0;}
.btn_product_all {display: block; width: 180px; height: 38px; margin: 20px auto 0 auto; border-radius: 19px; border: solid 1px #ededf0; text-align: center; line-height: 38px;}
.btn_product_all::after {content: ''; display: inline-block; width: 6px; height:10px; background: url(//image.aladin.co.kr/img/svg/arrow_go_b.svg) no-repeat center / 6px 10px; margin-left: 7px;}

.c2b_search_bn a {display: block;}
.c2b_search_bn img {width:100%;}
.c2b_search_bn_new a {display: block; height: 55px; line-height: 55px; background-color: #36b3d1; color: #fff; font-size: 18px; text-align: center; font-family:"Noto Sans KR", sans-serif;}
.c2b_search_bn_new a::after {content: ''; display: inline-block; width: 30px; height: 30px; background: url(https://image.aladin.co.kr/img/welcome/m/c2b_search_img.jpg) no-repeat center / 100% auto; vertical-align: middle; margin-top: -4px;}

.usedbook_info_menu { margin:20px 0 40px 0;}
.usedbook_info_menu li {float: left; width: 50%; background: #f5f5f7; position: relative;}
.usedbook_info_menu li a {display: block; height: 56px; line-height: 56px; text-align: center;}
.usedbook_info_menu li:first-child::after {content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height:14px; background: #d9d9db;}
.usedbook_info_menu::after {content: ''; display: block; clear: both;}

.space_usedshop {position: relative;}
.space_usedshop::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 200px; background: url(//image.aladin.co.kr/img/welcome/m/space_usedshop_bg.jpg) no-repeat center / 100%; z-index: -1;}
.space_usedshop h2 a {color:#fff; background: url(//image.aladin.co.kr/img/svg/arrow_go_w.svg) no-repeat right 50% / 10px 17px; padding: 20px 0;}

.used_coupon_bn {margin:0 10px 50px 10px;}
.used_coupon_bn a {display: block; width: 100%; border-radius: 7px; overflow: hidden;}
.used_coupon_bn a img {width: 100%;}

.used_coupon_bn_new {margin:0 10px 50px 10px;}
.used_coupon_bn_new a {display: block; width: 100%; border-radius: 7px; overflow: hidden; background-color: #00b13d; font-size: 20px; color: #fff; text-align: center; letter-spacing: -1px; padding: 10px 0;}
.used_coupon_bn_new a .txt1 {color: #ffff07;}
.used_coupon_bn_new a .txt2 {font-size: 16px;}

.new_seller_box {margin-bottom:10px;}
.new_seller_box a {display: flex; align-items: center; height: 52px; background: #f5f5f7; padding: 0 25px 0 10px; position: relative;}
.new_seller_box a::after {content: ''; position: absolute; right:10px; top: 50%; transform: translateY(-50%); width: 10px; height: 17px; background:url(//image.aladin.co.kr/img/svg/arrow_go_b.svg) no-repeat center / 10px 17px;}
.new_seller_box a h3 {display: inline-block; font-size: 17px;}
.new_seller_box a span {display: inline-block; color: #5562d6; font-size: 14px; margin-left: 8px;}

.sellerlist {padding: 0 10px; margin:30px 0 0 0;}
.sellerlist .swiper-slide {width: auto; margin-right: 5px;}
.sellerlist .swiper-slide a {display: flex; width: 100px; height: 80px; border-radius:10px; background: #b5e1f5; flex-direction: column; justify-content: center; text-align: center;}
.sellerlist .swiper-slide a h3 {font-size: 15px; line-height: 1.1; margin-bottom:3px;}
.sellerlist .swiper-slide a span {font-size: 13px; line-height: 1.2;}
.sellerlist .swiper-slide:nth-child(2) a {background: #b2ebdd;}
.sellerlist .swiper-slide:nth-child(3) a {background: #e4eca0;}
.sellerlist .swiper-slide:nth-child(4) a {background: #f0dead;}
.sellerlist .swiper-slide:nth-child(5n) a {background: #f3c6c1;}
.sellerlist .swiper-slide:nth-child(6) a {background: #dac8f8;}
.sellerlist .swiper-slide:nth-child(7n) a {background: #b5e1f5;}
.sellerlist .swiper-slide:nth-child(8n) a {background: #b2ebdd;}
.sellerlist .swiper-slide:nth-child(9) a {background: #e4eca0;}
.sellerlist .swiper-slide:nth-child(10) a {background: #f0dead;}
.sellerlist .swiper-slide:nth-child(11) a {background: #f3c6c1;}
.sellerlist .swiper-slide:nth-child(12) a {background: #dac8f8;}

.regular_store {padding: 0; position: relative;}
.regular_store::after {content: ''; display: block; width: calc(100% - 20px); height: 1px; margin: 0 10px; background: #e5e8eb;}
.regular_store h2 {display: block; height:52px; line-height: 55px; background: url(//image.aladin.co.kr/img/svg/star_yellow.svg) no-repeat #fff left 10px center / 16px auto; padding:0 10px 0 30px; font-size: 16px; position: absolute; left: 0; top: 0; z-index: 10;}
.regular_store_list {margin: 0 0 0 100px;}
.regular_store_list .swiper-slide {width: auto; margin-right: 5px;}
.regular_store_list .swiper-slide a {display: block; height: 55px; padding: 0 10px; line-height: 55px; box-sizing: border-box;}

.store_area {display: flex; margin: 20px 50px 10px 10px;}
.store_area li {width: 92px; margin-right: 7px;}
.store_area li a {display: block; width: 100%; height: 40px; line-height: 42px; background: #fff; border: 1px solid #3b4a9f; color: #3b4a9f; text-align: center; border-radius: 20px;}
.store_area li a.on {background: #3b4a9f; color: #fff;}
.location_btn {position: absolute; right: 9px; top: 0; width: 40px; height: 42px; background: url(//image.aladin.co.kr/img/usedshop/store/2021/location.svg) no-repeat center / 20px 33px;}
.new_store_list {margin: 0 5px;}
.OffStoreList {border-spacing: 5px; width: 100%;}
.OffStoreList td {width: 33.3%; height: 54px; vertical-align: middle; text-align: center; background-color: #f7f7fa; line-height: 1.2; font-size: 14px; padding: 2px 10px; box-sizing: border-box;}
.OffStoreList td .coffee {display: inline-block; background: url(//image.aladin.co.kr/img/usedshop/store/2021/store_coffee.png) no-repeat center / 17px 17px; width:17px; height: 17px; vertical-align: middle; margin:0 2px 1px 4px; font-size: 0px; color: transparent; overflow: hidden;}
.OffStoreList td .new {display: inline-block; width:5px; height:5px; vertical-align: text-top; margin:0 2px 1px 3px; font-size: 0px; color: transparent; overflow: hidden; background: #f21c8c; border-radius: 50%;}
.store_bn_wrap {margin: 0 10px 50px 10px;}
.store_bn_wrap::after {content: ''; display: block; clear: both;}
.store_bn_wrap a {display: block; width: 100%; height: 100%; font-size: 16px;}
.store_bn_wrap div[class*='store_bn'] {width:calc(50% - 4px); height: 115px; float: left; padding: 17px; color: #fff; box-sizing: border-box; line-height: 1.2; position: relative;}
.store_bn_wrap div[class*='store_bn']::after {content: ''; position: absolute; right: 15px; bottom:13px; width: 30px; height: 33px;}
.store_bn_wrap .store_bn1 {margin-right: 4px; background: #26a1f0;}
.store_bn_wrap .store_bn1::after {background:url(//image.aladin.co.kr/img/usedshop/store/2021/store_bn_location.png) no-repeat right bottom / 20px 33px;}
.store_bn_wrap .store_bn2::after {background:url(//image.aladin.co.kr/img/usedshop/store/2021/store_bn_space.png) no-repeat right bottom / 30px 31px;}
.store_bn_wrap .store_bn2 {margin-left: 4px; background: #155fbb;}

.new_thema_box .used_news {padding: 0px 10px 0 10px;}
.new_thema_box .used_news li { border-bottom: 1px #f3f3f5 solid; padding:0;}
.new_thema_box .used_news a {display: block; color: #333333; font-size: 16px; padding: 15px 0;}
.new_thema_box .used_news .color1 {color: #999; font-size: 15px;}
.new_thema_box .used_news .used_more {margin: 20px 0 0 0;}
.new_thema_box .used_news .used_more a {display: block; width: 182px; height: 38px; border-radius: 19px; text-align: center; padding: 0; border: 1px solid #ededf0; line-height: 38px; margin:0 auto;}
.new_thema_box .used_news .used_more a::after {content:''; display: inline-block; background: url(//image.aladin.co.kr/img/svg/arrow_down.svg) no-repeat center / 9px 5px; width: 9px; height: 5px; margin-left: 5px; vertical-align: middle;}

/* 2021 리뉴얼 굿즈 */
.goods3rolling {width:100%; padding-bottom: 85px;}
.goods3rolling .swiper-wrapper {display: flex; align-items: flex-end; }
.goods3rolling .swiper-slide { width:200px; text-align: center; height: auto; position: relative;}
.goods3rolling .swiper-slide a {display: block; width:100%; height: 100%;}
.goods3rolling .swiper-slide .img_box {height: 200px; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 7px;}
.goods3rolling .swiper-slide .img_box img { width:190px; max-height:190px; transform: scale(0.8); transition: transform 0.5s; box-shadow: 0px 0.5px 7.5px 0 rgba(0, 0, 0, 0.07); transform-origin: bottom;}
.goods3rolling .swiper-slide-active .img_box img {width: 190px; transform: scale(1);}

.goods3rolling_text {position: absolute; top: 255px; width:100%; box-sizing: border-box; padding: 0 10px;}
.goods3rolling_text p.sub_txt {color: #333; text-align: center; margin-bottom:4px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.goods3rolling_text h3 {font-size: 17px; font-weight:bold; text-align: center; margin-bottom: 5px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.goods3rolling_text .watermark {margin-bottom: 10px; text-align: center;}

.character_swipe {padding: 0 0 0 10px;}
.character_swipe .swiper-slide {width: auto;}
.character_swipe dl {float: left; margin-left:0; margin-right: 5px; width:98px;}
.character_swipe dl dt {height: 98px; text-align: center;  position: relative; border:0; box-sizing: border-box;}
.character_swipe dl dt .cover_pt {width:88px; height: 88px; border-radius: 50%; overflow: hidden; position: absolute; top: 5px; left: 5px; box-shadow: 0px 0.5px 7.5px 0 rgba(0, 0, 0, 0.07);}
.character_swipe dl dd {text-overflow: ellipsis; overflow: hidden; text-align: center; padding-top: 5px; font-size: 0.95em}
.character_swipe dl dd a { color: #333333 !important;}
.character_swipe dl dd .b_t {font-size: 1.2em;}

.new_thema_box .watermark {font-family: 'Lato', sans-serif;}

/* 2021 리뉴얼 외서 */
.topbook_tt {font-size: 19px!important; color: #5562d6; text-align: center;}

.foreigntopbook {padding-bottom: 110px;}
.foreigntopbook_text {width: 100%; position: absolute; top: 290px; box-sizing: border-box; padding: 0 10px;}
.foreigntopbook_text {width:100%; height:100%;}
.foreigntopbook_text p {text-align: center; font-size: 14px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-height: 1.4; color: #5562d6;}
.foreigntopbook_text h3 {font-size: 17px; font-weight:bold; text-align: center; margin-bottom: 10px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.4; word-break: keep-all;}

.lexile_wrap {margin-top: 20px;}
.lexile_wrap .swiper-slide {width: 160px!important;}
.lexile_wrap .lexile_box {float: none; margin: 8px 0 8px 10px;}
.lexile_wrap .lexile_box dl::after { content: ''; display: block; clear: both;}

/* 국내도서 1차 리뉴얼 버전 */
.new_thema_box .new_topbook {padding:20px 0 30px 0; margin: 0 10px -20px 10px; border-bottom: 1px solid #f3f3f5; }
.new_thema_box .new_topbook .topbook_sub {color: #5562d6; font-size: 17px; font-weight: bold; text-align: center; margin-bottom: 20px; margin-top: 10px;}
.new_thema_box .new_topbook .cover {text-align: center; margin-bottom: 20px;}
.new_thema_box .new_topbook .cover img {width: 155px; box-shadow: 0px 0.5px 7.5px 0 rgba(0, 0, 0, 0.07);}
.new_thema_box .new_topbook p {padding:0 25px 0 25px;}

.booknews_list {margin: 10px;}
.booknews_list li {margin-bottom:20px;}
.booknews_list li a {display: flex; align-items: center;}
.booknews_list li .thum {width: 80px; height: 80px; border-radius: 50%; overflow: hidden; flex-shrink: 0; margin-right:20px; box-sizing: border-box; box-shadow: 0px 0.5px 7.5px 0 rgba(0, 0, 0, 0.07);}
.booknews_list li .thum img {width: 100%;}
.booknews_list li .txt p {font-size: 16px;}

/* 추천마법사 디자인 수정 */
.genie_list_wrap {background-color: #f2f2f2;}
.genie_list_wrap .genie_wrap {margin: 0 10px 10px 10px; border-radius: 10px; box-shadow: 0px 0.5px 7.5px 0 rgba(0, 0, 0, 0.07); overflow: hidden;}
.genie_list_wrap .genie_grid_box {border-top:none; background: #f2f2f2; height: 1.5em;}
.genie_list_wrap .genie_conts {padding: 21px;}
.genie_list_wrap .genie_conts .clamp_4 {font-size: 14px;}

/* 우주점 */
.new_thema_box div[class*='DirectOffShopOnline'] .swiper-slide {
  width: auto;
}
.new_thema_box ~ .space_titlebg {margin-top: 0;}
.space_titlebg ~ .space_titlebg {margin-top: 25px;}
/*.hide { display:none; }*/
.show { display:block; }

.topline {padding-top: 40px; margin-top: -20px;}
.topline::before {content: ''; position: absolute; left: 10px; top:0; width: calc(100% - 20px); height: 1px; background: #f3f3f5;}

.workbook_keyword {padding: 5px 10px 10px;}
.workbook_keyword ul::after {content:''; display: block; clear: both;}
.workbook_keyword li {float: left;}
.workbook_keyword li {margin-right: 8px; margin-bottom: 5px;}
.workbook_keyword li a {display:block; border: 1px solid #e8e9ed; color: #333; text-align: center; padding: 0 18px; height: 36px; line-height: 36px; border-radius: 18px;}


/* pod 품절도서 */
.pod_thema_box {margin-bottom:50px; position: relative; padding:40px 0 30px 0;}
.pod_thema_box .pod_title {font-size: 22px; font-weight: bold; margin:0 10px 10px 10px; letter-spacing: -0.06em; color:#fff;}
.pod_thema_box .pod_title a {color:#fff;}
.pod_thema_box .pod_title a {display: block; width:100%; background: url(//image.aladin.co.kr/img/svg/arrow_go_w.svg) no-repeat right 50% / 10px 17px;}
.pod_thema_box .pod_main_bg {background:#5277c7; position: absolute; top: 0; width: 100%; height: 200px; z-index: -1;}

.goods_bestreview {background: #f5f5f5; padding: 22px 0 45px 0;}
.goods_bestreview .swiper-slide {width: 325px; padding: 0 0 0 22px;}
.goods_bestreview .swiper-slide .goods_box {display: flex; border-bottom: 1px solid #dddddd; padding-bottom: 12px;}
.goods_bestreview .swiper-slide .goods_box .thum {width:122px; border-radius: 8px; overflow: hidden; flex-shrink: 0; margin-right: 12px;}
.goods_bestreview .swiper-slide .goods_box .thum img {width: 100%;}
.goods_bestreview .swiper-slide .goods_box .txt span {display: block; font-weight: bold; font-size: 16px;}
.goods_bestreview .swiper-slide .goods_box .txt .tit {margin-bottom: 5px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.goods_bestreview .pagination_bar {bottom: 20px!important;}
.goods_bestreview .pagination_bar .swiper-pagination-bullet {background-color: #ccc;}
.goods_bestreview .review_box {position: relative; padding: 30px 0 0 0;}
.goods_bestreview .review_box::after {content: ''; position: absolute; left:0; top: 9px; width: 12px; height: 14px; background: url(//image.aladin.co.kr/img/aladinonly/2020/brand.svg) no-repeat center / 12px auto;}
.goods_bestreview .review_box p {display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 16px; margin-bottom: 5px;}
.goods_bestreview .review_box .id {color: #666; font-size: 14px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}


.taiwan_text1{margin:0 auto; color:#4d92d9; font-size:1.1em; padding:0px 10px 15px 10px}
.taiwan_text_sp{padding:10px 0; text-align:center}



.may_notice { background:#0fa8ff; margin:0px 15px 20px 15px; padding:6px 8px 6px 8px; text-align:left; color:#ffffff; border-radius:4px; }
.may_notice a { color:#ffffff!important; text-decoration: none; line-height:130%;}

/* 8월 물류센터 채용 공고 */
.august_notice { background:#d8f3ff; margin:0px 15px 20px 0;width:100%; box-sizing: border-box; padding:7px 8px 6px 8px; text-align:left; color:#005595; border-radius:4px; }
.august_notice a { color:#005595!important; text-decoration: none; line-height:130%;}

/*2022 검색 추가 */
.grid_box4 { clear: both; background: #e5e8eb !important ; position: relative; height:1px;}

/* 중고 매장 메인페이지 - 우주레코드 */
.spacerecode_txt {display: inline-block; font-size: 13px; color: #8d66ff; line-height: 22px; animation: sp_ani 0.8s alternate infinite; vertical-align: middle; margin:0 0 4px 8px; }
@keyframes sp_ani {
  0% {transform: translateX(-8px);}
  100% {transform: translateX(0px);}
}

/* 우주레코드 매장 안내 */
.spacerecode_store_wrap {}
.spacerecode_store_wrap header {width: 100%; height: 42px; border-bottom: 1px solid #ddd; position: relative; text-align: center;}
.spacerecode_store_wrap header h3 {font-size: 15px; font-weight: normal; line-height: 42px; font-size: 16px;}
.spacerecode_store_wrap header .back_btn {width: 30px; height: 42px; position: absolute; left: 0; top: 0; background: url(//image.aladin.co.kr/img/welcome/m/arr5.png) no-repeat center / 10px 18px; font-size: 1px; color: transparent;}
.spacerecode_store_wrap .sr_store_content {padding: 15px 15px 0 15px;}
.spacerecode_store_wrap .sr_store_content .service_info {background: linear-gradient(169deg, #9A7AF9,#906DF9,#28F2BC); border-radius: 5px; color: #fff; padding: 16px 13px; margin-bottom: 20px;}
.spacerecode_store_wrap .sr_store_content .service_info .tit {font-weight: bold; margin-bottom: 10px;}
.spacerecode_store_wrap .sr_store_content .service_info .tit::before {content: ''; display: inline-block; width: 16px; height: 16px; background: url(//image.aladin.co.kr/img/m/2022/icon_record.svg) no-repeat center / 100% auto; vertical-align: middle; margin: 0px 4px 3px 0;}
.spacerecode_store_wrap .sr_store_content .service_info .tit .new {display: inline-block; height: 12px; line-height: 12px; border-radius: 6px; padding: 0 5px; background-color: #fff; color: #9A7AF9; font-size: 9px; vertical-align: middle; margin-bottom: 2px;}

.spacerecode_store_wrap .sr_store_content h4 {font-size: 16px; margin-bottom: 10px; font-weight: normal;}
.spacerecode_store_wrap .sr_store_content .recode_tit {font-size: 16px; font-weight: bold; margin: 0 0 20px 0;}
.spacerecode_store_wrap .sr_store_content .store_info {margin-bottom:40px;}
.spacerecode_store_wrap .sr_store_content .store_info ul li {background-color: #F6F6F6; border-radius: 5px; padding: 14px 20px; margin-bottom: 8px;}
.spacerecode_store_wrap .sr_store_content .store_info ul li .store_tit {font-weight: bold; margin-bottom: 8px;}
.spacerecode_store_wrap .sr_store_content .store_info ul li .store_tit .m {font-size: 13px; color: #666666;}
.spacerecode_store_wrap .sr_store_content .store_info ul li p {font-size: 13px; line-height: 1.4; margin-bottom: 15px;}
.spacerecode_store_wrap .sr_store_content .store_info ul li .stock {display: inline-block; font-size: 13px; color: #EB217C; margin-top: 4px;}

.spacerecode_store_wrap .sr_store_content .all_store_list {margin-bottom: 50px;}
.spacerecode_store_wrap .sr_store_content .all_store_list .OffStoreList td {height: 70px;}
.spacerecode_store_wrap .sr_store_content .all_store_list .OffStoreList td .stock {display:block; font-size: 12px; color: #EB217C; margin-top: 3px;}
.spacerecode_store_wrap .sr_store_content .recode_buy_info {background-color:#F3F3F3; padding: 20px;  margin: 0 -15px;}
.spacerecode_store_wrap .sr_store_content .recode_buy_info h4 {font-weight: bold;}
.spacerecode_store_wrap .sr_store_content .recode_buy_info li {margin-bottom: 4px; list-style-position: inside; text-indent: -10px; padding-left: 10px;}

.spacerecode_buy_box {display: flex; align-items: center;}
.spacerecode_buy_box .buy_btn {width: 95px; height: 34px; line-height: 35px; background-color: #EB217C; border-radius: 5px; font-size: 15px; color: #fff; margin-left: 10px; outline: 0; border: 0; font-weight: bold;}

@media screen and (max-width: 360px) {
  .spacerecode_buy_box .buy_btn {width: 80px;}
  .store_product_info .add_list_btn {width: 80px;}
}

@media screen and (min-width: 412px) {
  .spacerecode_buy_box .buy_btn {width: 120px;}
  .store_product_info .add_list_btn {width: 120px;}
}

.quantity_btn { width: 96px; height: 28px; text-align: center; border-radius: 1px;}
.quantity_btn::after {content: ''; display: block; clear: both;}
.quantity_btn button {width: 26px; height: 26px; text-align: center; font-size: 0; border: 1px solid #C9C9C9; border-radius: 50%;}
.quantity_btn .decrease {float: left; background: url(//image.aladin.co.kr/img/m/2022/minus.png) #fff no-repeat center / 12px; margin-right: 4px;}
.quantity_btn .increase {float: right; background: url(//image.aladin.co.kr/img/m/2022/plus.png) #fff no-repeat center / 12px; margin-left: 4px;}
.quantity_btn .count {display: block; float: left; width: 34px; height: 26px; font-size: 1.2em; color: #585858; position: relative; background-color: #fff; border: 1px solid #C9C9C9; border-radius: 4px;}
.quantity_btn .count input {width: 100%; height: 28px; line-height: 28px; background: transparent; text-align: center; border: 0; padding: 0; font-size: 16px;}

/* 중고매장 우주레코드 - 새상품 음반, 새상품 블루레이 리스트  */
.m_off_tit2 h3 {font-size: 20px; font-weight: normal;}
.m_off_tit2 .pickuptime {font-size: 14px; margin-top: 5px;}
.m_off_tit2 .pickuptime span {color: #9A7AF9;}
.m_off_tit2 .pickuptime::before {content: ''; display: inline-block; width: 14px; height: 14px; background: url(//image.aladin.co.kr/img/m/2022/clock_ic.svg); margin: 0 2px -2px 0;}
.b_list2_1 .gift_info {font-size: 13px; line-height: 1.4; margin: 15px 0 0 0;}
.browse_list_box2 .spacerecode_buy_box {margin-top: 15px;} 

/* 중고 매장 우주레코드 새상품 상품페이지 */
.mp_book_info1 .gift_info {font-size: 13px; line-height: 1.4; margin: 10px 0 0 0;}
.mp_book_info1 .spacerecode_buy_box {margin-top: 15px; justify-content: space-between;} 
.mp_book_info1 .spacerecord_pickup {margin-top: 10px;}
.mp_book_info1 .spacerecord_pickup .a_black {font-size:13px;}
.store_product_info {border-top: 1px solid #e0e0e0; padding: 30px 0 10px 0; position: relative;}
.store_product_info .add_list_btn {display:block; width: 95px; height: 34px; border: 1px #EB217C solid; border-radius: 5px; color: #DF307F; text-align: center; line-height: 35px; position: absolute; right: 0; top: 30px;}

/* 중고 매장 우주레코드 중고 상품페이지 */
.spacerecord_pickup_box { border: 1px solid transparent; background-image:linear-gradient(#fff, #fff), linear-gradient(160deg, #9A7AF9,#28F2BC); background-origin: border-box; background-clip: content-box, border-box; border-radius: 10px; margin: 10px 0 25px 0; }
.spacerecord_pickup_box a {display: block; padding: 15px;}
.spacerecord_pickup_box .tit span {vertical-align: middle;}
.spacerecord_pickup_box .tit .spacerecord_label {display: inline-block; margin:0 3px 2px 0;}
.spacerecord_pickup_box p {margin-top: 10px;}


/* 굿즈 메인 위드 알라딘 */
.main_withaladin {padding: 0 0 10px 15px;}
.main_withaladin .swiper-slide {width: 316px; border-radius:10px; box-shadow: 0px 2px 8px #00000012; background-color: #fff; margin-right: 18px; overflow: hidden;}
.main_withaladin .swiper-slide .top_img {height: 316px; position: relative;}
.main_withaladin .swiper-slide .top_img img {width: 100%;}
.main_withaladin .swiper-slide .top_img::after {content: ''; width: 100%; height: 120px; position: absolute; left: 0; bottom: 0; background: linear-gradient(to top, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 100%); z-index: 1;}
.main_withaladin .swiper-slide .top_img .txt {position: absolute; left: 0; bottom: 0; z-index: 2; padding:22px;}
.main_withaladin .swiper-slide .top_img .txt h3 {height: 52px; overflow: hidden; color: #fff; font-size: 19px; margin: 0; line-height: 1.4;}
.main_withaladin .swiper-slide ul {padding: 16px 20px;}
.main_withaladin .swiper-slide ul li ~ li {margin-top: 13px;}
.main_withaladin .swiper-slide ul li a {display: flex; align-items: center;}
.main_withaladin .swiper-slide ul li a .g_img {width: 80px; height: 80px; border-radius: 5px; overflow: hidden; margin-right: 15px; flex-shrink: 0;}
.main_withaladin .swiper-slide ul li a .g_img img {width: 100%;}
.main_withaladin .swiper-slide ul li a .g_name {height: 40px; overflow: hidden; margin-bottom: 5px; line-height: 1.4;}
.main_withaladin .swiper-slide ul li a .g_price {font-weight: bold;}

.w_tobelist {padding: 5px 0 0 10px;}
.w_tobelist .swiper-slide {width: 270px; height: 240px;  border-radius: 5px; margin-right: 10px; overflow: hidden;}
.w_tobelist .swiper-slide .tb_text {width: 132px; height: 90px; border-radius: 0 20px 0 0; background-color: rgba(0, 0, 0, 0.9); color: #fff; position: absolute; left: 0; bottom: 20px; overflow: hidden; padding: 12px 15px; box-sizing: border-box;}
.w_tobelist .swiper-slide .tb_text .tit {max-height: 43px; overflow: hidden; line-height: 1.4; font-weight: bold;}
.w_tobelist .swiper-slide .tb_text .author {height: 22px; font-size: 13px; color: #c1bfbf; overflow: hidden;}
.w_tobelist .swiper-slide img {width: 100%;}

/* 외서 쿠폰 / 환율 박스 */
.f_coupon_box {margin: 0 11px 10px 11px;}
.f_coupon_box a {display: block; border-radius: 7px; background-color: #dbf4ff; background: url("//image.aladin.co.kr/img/bn/foreign/2025/03/f_coupon_m3.png") #dbf4ff no-repeat center right 25px / 153px auto; padding: 23px 180px 23px 25px; line-height: 1.2;}
.f_coupon_box a .txt1 {display: block; font-size: 20px; margin-bottom:5px;}
.f_coupon_box a .txt2 {display: block; font-size: 21px; font-weight: bold; color: #e62e8b;}

.f_exchange_box {margin: 0 11px 40px 11px; border-radius: 7px;  background-color: #f4f4f4; padding: 20px 26px;}
.f_exchange_box ul li {display: flex; justify-content: space-between; font-size: 16px;}
.f_exchange_box ul li ~ li {margin-top: 10px;}
.f_exchange_box ul li span:first-child {padding: 0 0 0 25px;}
.f_exchange_box ul li.US span:first-child {background: url("//image.aladin.co.kr/img/main/img_foreign/USA.png") no-repeat center left / 20px auto;}
.f_exchange_box ul li.JP span:first-child {background: url("//image.aladin.co.kr/img/main/img_foreign/Japan.png") no-repeat center left / 20px auto;}

/* 검색결과 메뉴 펼치기 */
.search_result_nav {padding: 10px 10px 5px 20px;}
.search_result_nav ul {display: flex; flex-wrap: wrap;}
.search_result_nav li {width: 33%; line-height: 1.2; margin-bottom: 8px;}
.search_result_nav li a {font-size: 15px; font-weight: bold;}
.search_result_nav li a.on {color: #33afe9;}
.search_result_nav li .gray_t {font-size: .85em; color: #999;}

.swiper_pause_btn.type1, .swiper_pause_btn.type2 {width: 24px; height: 24px; background: url(//image.aladin.co.kr/img/m/2024/m1_pause.svg) no-repeat center / 100% auto; font-size: 0; color: transparent; position: absolute; right: 96px; bottom: 10px; z-index: 10; border: 0;}
.swiper_pause_btn.type1.stop, .swiper_pause_btn.type2.stop {background: url(//image.aladin.co.kr/img/m/2024/m1_play.svg) no-repeat center / 100% auto;}
.swiper_pause_btn.type2 {right: 83px;}
@media (min-width: 375px) {
  .swiper_pause_btn.type1 {right: calc(50% - 92px);}
}

.brand_menu .swiper_pause_btn {width: 20px; height: 20px; background: url(//image.aladin.co.kr/img/m/2024/m3_pause.svg) no-repeat center / 100% auto; font-size: 0; color: transparent;}
.brand_menu .swiper_pause_btn.stop {background: url(//image.aladin.co.kr/img/m/2024/m3_play.svg) no-repeat center / 100% auto;}

.pagination_box {width: 100%; display: flex; justify-content: center; align-items: center; position: absolute; bottom: 10px; z-index: 10;}
.pagination_box .swiper_pause_btn {width: 20px; height: 20px; background: url(//image.aladin.co.kr/img/m/2024/m2_pause.svg) no-repeat center / 100% auto; font-size: 0; color: transparent; border: 0;}
.pagination_box .swiper_pause_btn.stop {background: url(//image.aladin.co.kr/img/m/2024/m2_play.svg) no-repeat center / 100% auto;}
.pagination_box .swiper-pagination {position: static; display: flex; margin-right: 20px;}
.pagination_box .pagination_bar.swiper-pagination .swiper-pagination-bullet {width: 20px;}

.sentence_layer_wrap {width: 100%; height: 100%; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1110;}
.sentence_layer_in + .dim {display: block;}
.sentence_layer_in {max-width: 330px; width: 90%; border-radius: 24px; overflow: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; padding: 57px 0 44px 0;}
.sentence_layer_in .close_btn {width: 50px; height: 60px; background: url(//image.aladin.co.kr/img/m/2024/icon_close.png) no-repeat center / 25px; font-size: 0; color: transparent; position: absolute; right: 0; top: 0;}
.sentence_layer_in .tit {width: 160px; height: 34px; line-height: 34px; color: #fff; font-size: 18px; font-family: 'Nanum Myeongjo', serif; background-color: #322f35; padding:0 20px 0 25px; box-sizing: border-box; border-radius: 0 17px 17px 0;}
.sentence_layer_in p {font-size: 20px; margin: 10px 25px; line-height: 1.6; color: #000; font-weight: bold; font-family: 'Nanum Myeongjo', serif; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 6;}
.sentence_layer_in .info {padding: 0 25px; font-size: 14px; color: #7d7d7d; line-height: 1.4;}
.sentence_layer_in .info .book_tit {display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.sentence_layer_in .info .book_author {display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.sentence_layer_in .coverbg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.2; z-index: -1;}
.sentence_layer_in .coverbg img {width: 100%;}

.service_menu_welcome {padding: 0 10px;}
.service_menu_welcome ul {display: flex; flex-wrap: wrap; gap: 12px 1px;}
.service_menu_welcome ul li {width: calc(20% - 1px);}
.service_menu_welcome ul li a {display: block; text-align: center;}
.service_menu_welcome ul li a span {display: block;}
.service_menu_welcome ul li a .menu_img {height: 30px;}
.service_menu_welcome ul li a .menu_img img {height: 100%;}
.service_menu_welcome ul li a .menu_img .cover {display: inline-block; width: 30px; height: 30px; border-radius: 5px; overflow: hidden;}
.service_menu_welcome ul li a .menu_img .cover img {width: 100%; height: auto;}
.service_menu_welcome ul li a .menu_txt {font-size: 13px; line-height: 22px; letter-spacing: -0.5px;}
.service_menu_welcome ul li a .fold_arr::after {content: ''; display: inline-block; width: 9px; height: 6px; background: url('//image.aladin.co.kr/img/m/2024/service/menu-open-arrow.svg') no-repeat center / 100% auto; vertical-align: middle; margin: -2px 0 0 4px; transition: all 0.5s;}
.service_menu_welcome ul li a .fold_arr.on::after {transform: rotate(-180deg);}

.service_menu_mall {padding: 0; box-sizing: border-box;}
.service_menu_mall .x_scroll_out {display: flex; flex-wrap: nowrap; overflow-y: hidden; overflow-x: auto;}
.service_menu_mall .x_scroll_out::-webkit-scrollbar {display: none;}
.service_menu_mall .x_scroll_in {display: flex; flex: 1 0 auto;}
.service_menu_mall ul {margin: 0; padding: 0 10px; white-space: nowrap; -ms-overflow-style: none; font-size: 0; display: flex; justify-content: center; flex-direction: row; -webkit-box-pack: center; gap: 10px; margin: 0 auto;}
.service_menu_mall ul li {display: inline-block; width: 50px; vertical-align: top;}
.service_menu_mall ul li a {display: block; text-align: center;}
.service_menu_mall ul li a span {display: block;}
.service_menu_mall ul li a .menu_img {height: 50px; background-color: #f1f2f6; border-radius: 10px; overflow: hidden; display: flex; justify-content: center; align-items: center; margin: 0 0 3px 0;}
.service_menu_mall ul li a .menu_img img {width: 100%;}
.service_menu_mall ul li a .menu_img .cover {width: 50px; height: 50px;}
.service_menu_mall ul li a .menu_img .cover img {width: 100%;}
.service_menu_mall ul li a .menu_txt {font-size: 13px; color: #333; line-height: 1.2; letter-spacing: -0.5px; word-break: break-all; white-space: normal;}
.service_menu_mall ul li a .fold_arr::after {content: ''; display: inline-block; width: 9px; height: 6px; background: url('//image.aladin.co.kr/img/m/2024/service/menu-open-arrow.svg') no-repeat center / 100% auto; vertical-align: middle; margin: -2px 0 0 4px; transition: all 0.5s;}
.service_menu_mall ul li a .fold_arr.on::after {transform: rotate(-180deg);}

/* 분야 메인페이지 */
.browse-main-wrap {}
.browse-main-wrap .browse-banner {overflow: hidden; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; border-bottom: 1px solid #f2f2f2;}
.browse-main-wrap .browse-banner::-webkit-scrollbar {display: none;}
.browse-main-wrap .browse-banner .banner-in {display: inline-flex; width: auto; gap: 15px; padding: 10px 15px 18px 15px;}
.browse-main-wrap .browse-banner .banner-in .banner-box {width: auto;}
.browse-main-wrap .browse-banner .banner-in .banner-box a {display: flex; height: 52px; padding: 6px 20px 6px 6px; border-radius: 26px; border: solid 1px #e1e1e1; box-sizing: border-box; align-items: center; gap: 10px;}
.browse-main-wrap .browse-banner .banner-in .banner-box a .thum {width: 40px; height: 40px; border-radius: 50%; overflow: hidden;}
.browse-main-wrap .browse-banner .banner-in .banner-box a .thum img {width: 100%;}
.browse-main-wrap .browse-banner .banner-in .banner-box a .text {white-space: nowrap; padding: 1px 0 0 0;}
.browse-main-wrap .browse-banner .banner-in .banner-box a .text .txt1 {font-size: 14px; color: #111; font-weight: bold; line-height: 1.2; margin-bottom: 3px;}
.browse-main-wrap .browse-banner .banner-in .banner-box a .text .txt2 {font-size: 12px; color: #444; line-height: 1.2;}

.browse-main-wrap .browse-list {display: flex; position: relative; padding: 0 0 0 120px;}
.browse-main-wrap .browse-list .browse-depth1 {width: 120px; height: 100%; position: absolute; top: 0; left: 0; background-color: #f4f5f7;}
.browse-main-wrap .browse-list .browse-depth1 nav {position: sticky; top: 0;}
/* .browse-main-wrap .browse-list .browse-depth1.fixed {position: fixed; height: ;} */
.browse-main-wrap .browse-list .browse-depth1 nav a {display: block; height: 50px; line-height: 50px; padding: 0 0 0 25px; font-size: 14px;}
.browse-main-wrap .browse-list .browse-depth1 nav a.on {background-color: #fff; font-size: 15px; font-weight: bold;}
.browse-main-wrap .browse-list .browse-depth2 {width: 100%; background-color: #fff; padding: 0 20px 0 20px; box-sizing: border-box;}
.browse-main-wrap .browse-list .browse-depth2 .browse-box ~ .browse-box {border-top: 1px solid #e1e1e1; padding-top: 10px; margin-top: 20px;}
.browse-main-wrap .browse-list .browse-depth2 .browse-box .main-link {display: block; width: 100%; height: 50px; line-height: 50px; font-weight: bold;  position: sticky; top: 0; background-color: #fff;}
.browse-main-wrap .browse-list .browse-depth2 .browse-box .main-link::after {content: ''; display: inline-block; width: 7px; height: 12px; background: url('//image.aladin.co.kr/img/m/2024/browse_arrow.png') no-repeat center / 100% auto; margin: -2px 0 0 5px; vertical-align: middle;}
.browse-main-wrap .browse-list .browse-depth2 .browse-box ul li {margin: 5px 0;}
.browse-main-wrap .browse-list .browse-depth2 .browse-box ul li a {display: block; padding: 5px 0;}
.browse-main-wrap .browse-list .browse-depth2 .browse-box .sub-link {display: block; height: 40px; line-height: 40px; font-size: 14px; font-weight: bold; color: #555; background-color: #fff;}
.browse-main-wrap .browse-list .browse-depth2 .browse-box .sub-link::after {content: ''; display: inline-block; width: 7px; height: 10px; background: url('//image.aladin.co.kr/img/m/2024/browse_arrow2.png') no-repeat center / 100% auto; margin: 1px 0 0 5px;}
.browse-main-wrap .browse-list .browse-depth2 .browse-box .main-link + .sub-link {margin: -5px 0 0 0;}

.welcome_wide_bn {border-radius: 10px; margin: 20px 10px 0 10px; overflow: hidden; text-align: center;}
.welcome_wide_bn img {max-width: 100%; max-height: 42px;}


.w_manTV {padding: 5px 0 0 10px;}
.w_manTV .swiper-slide {width: 270px; margin-right: 10px;}
.w_manTV .man_thum {border-radius: 5px; overflow: hidden; margin-bottom: 15px;}
.w_manTV .man_thum img {width: 100%;}
.w_manTV .man_text .tit {font-size: 17px; font-weight: bold; margin-bottom: 5px;}
.w_manTV .man_text p {font-size: 15px; line-height: 1.3;}


/* 전자책 이벤트 팝업 */
@layer alpop {
  .alpop{--overlay:rgba(0,0,0,.55);}
  .alpop,.alpop *{box-sizing:border-box}
  .alpop .mspop-overlay{position:fixed;inset:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:2147483646}
  .alpop .mspop-card{width:min(92vw,420px);background:#fff;border-radius:30px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.25); }
  .alpop .mspop-head{padding:18px 16px 12px;color:#fff;display:flex;gap:12px;align-items:center;background:#2b6cb0}
  
  .alpop .mspop-title{font-size:18px;font-weight:800}
  .alpop .mspop-banners{display:flex;flex-direction:column;gap:20px;padding:20px 20px 20px!important; flex-direction: column; justify-content: center;}
  .alpop .mspop-banner{position:relative;border-radius:20px;overflow:hidden;color:#fff!important;;text-decoration:none;display:flex;padding:18px 16px!important;min-height:120px;background-size:cover;background-position:center;flex-direction: column; justify-content: center;}
  .alpop .mspop-banner.has-bg{background: var(--bg) center/cover no-repeat !important; background-image: var(--bg) !important; background-color: transparent !important;}
  .alpop .mspop-banner.has-bg > *{position:relative; z-index:1}

  .alpop .banner-main{font-size:20px;font-weight:800;line-height:1.4;margin-bottom:6px;text-align: center;}
  .alpop .banner-sub{font-size:16px;line-height:1.5;opacity:.95;text-align: center;text-decoration: underline;text-underline-position: under; padding: 6px 0 !important;}
  .alpop a.mspop-cta{display: flex; margin: 0 20px 20px 20px !important; justify-content: center; align-items: center; height: 48px;  border-radius: 12px; background: #fff; color: #000!important; font-size: 16px; font-weight: 700; text-decoration: none; line-height: 1; border: 1px solid #000!important; gap: 10px;}
  .alpop .mspop-cta img{height:20px;width:auto}
  .alpop .banner-badge {display:flex;justify-content:center;margin-top:20px!important;}
  .alpop .banner-badge img{display:block;max-width:min(280px,50%);width:100%;height:auto;object-fit:contain;image-rendering:auto}
  /* action bar (알라딘 스타일) */
  .alpop .al-fp__actions{pointer-events: auto; width: 100%; display: flex; justify-content: space-between; align-items: center; background: #fff; border-top: 1px solid #EFEFEF!important;  border-radius: 0 0 30px 30px;
    padding: 10px 20px!important; box-sizing: border-box;}
  .alpop .al-fp__btn{background:none;border:0;padding:8px 4px!important;;font-size:14px;cursor:pointer;color:#666}
  .alpop .al-fp__btn--link{text-decoration:none}

   /* per-popup background variables (edit URLs per popup) */
  .alpop #alpop-1{ --bg-ebook: url('https://image.aladin.co.kr/img/bn/ebook/2025/04/251002_autumn_bnbg01.jpg'); --bg-pass: url('https://image.aladin.co.kr/img/bn/ebook/2025/04/251002_autumn_bnbg02.jpg'); }
  .alpop #alpop-2{ --bg-ebook: url('https://image.aladin.co.kr/img/bn/ebook/2025/04/251002_autumn_bnbg1.jpg'); --bg-pass: url('https://image.aladin.co.kr/img/bn/ebook/2025/04/251002_autumn_bnbg02.jpg'); }
  .alpop #alpop-3{ --bg-ebook: url('https://image.aladin.co.kr/img/bn/ebook/2025/04/251002_autumn_bnbg1.jpg'); --bg-pass: url('https://image.aladin.co.kr/img/bn/ebook/2025/04/251002_autumn_bnbg02.jpg'); }
  .alpop #alpop-4{ --bg-ebook: url('https://image.aladin.co.kr/img/bn/ebook/2025/04/251002_autumn_bnbg1.jpg'); --bg-pass: url('https://image.aladin.co.kr/img/bn/ebook/2025/04/251002_autumn_bnbg02.jpg'); }


  .alpop .hidden{display:none}

  
}


    /* DS 확장: 배너형 컨테이너 (접두사 ds-ep-) */

:root{ --welcome-txt-color: var(--color-gray0); } /* 필요 색상으로 바꿔도 됨 */
.ds-modal__dialog .ds-modal__body h2.ds-event-popup__title,
.ds-modal__dialog .ds-modal__body p.ds-event-popup__txt,
.ds-modal__dialog .ds-modal__body p.ds-ep-sub,
.ds-modal__dialog .ds-modal__body .ds-ep-title{
  color: var(--welcome-txt-color);
}


    .ds-event-popup{ text-align:center; }
    .ds-ep-banners{ display:flex; flex-direction:column; gap:24px; margin:0 auto 24px auto;}
    .ds-ep-banner{ position:relative; display:block; text-decoration:none; color:#fff; padding:18px 16px; min-height:120px; border-radius: var(--radius-lg); overflow:hidden; background: var(--bg) center/cover no-repeat; }
    .ds-ep-banner > *{ position:relative; z-index:1; }

    p.ds-ep-title{ font-size: var(--font-size-body-xl); font-weight:800; line-height:1.4; margin:0 0 6px; color: var(--color-gray0); text-align:center; }
    p.ds-ep-sub{ font-size: var(--font-size-body-sm); line-height: var(--line-height-base); color: var(--color-gray0); opacity:.95; text-align:center; text-decoration: underline; text-underline-position: under; }

    .ds-ep-badge{ display:flex; justify-content:center; margin-top:12px; }
    .ds-ep-badge img{ max-width: min(280px, 50%); width:100%; height:auto; }

    /* CTA: 스타일가이드 버튼 사용 */
    .ds-event-popup__button .ds-button{ width:100%; }
    .ds-ep-logo{ height:20px; width:auto; margin-right:8px; vertical-align:middle; }



/* 웰컴 21세기 최고의책 코너 */
.w_bestBook21c {background: url('https://image.aladin.co.kr/img/welcome/21stbooks-mbg.jpg') repeat-x center bottom 64px / 5px auto;}
.w_bestBook21c .swiper-slide .book dt {margin-bottom: 20px;}