@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');

body {padding: 0px; margin: 0px; font-size: 12px; line-height: 18px; color: #333;  font-family: Malgun Gothic,Dotum,'돋움',Helvetica,"Apple SD Gothic Neo",sans-serif;}

img {border: 0px;}
h1,h2,h3,h4,h5,h6,p,button{padding: 0; margin: 0; border: 0;}
ul,ol,li{list-style:none; margin: 0; padding: 0;}
em{font-style:normal;}
button {cursor: pointer; font-family: Malgun Gothic,Dotum,'돋움',Helvetica,"Apple SD Gothic Neo",sans-serif;}

a:link {text-decoration: none; color: #333;}
a:visited {text-decoration: none; color: #333;}
a:hover {text-decoration: underline; color: #333;}

.welcome_wrap a:link {text-decoration: none; color: #333;}
.welcome_wrap a:visited {text-decoration: none; color: #333;}
.welcome_wrap a:hover {text-decoration: underline; color: #333;}

/* 알림센터 */
.welcome_report_wrap {width: 100%; background-color: #F6F6F6; margin: -9px 0 9px 0;}
.welcome_report_in {width: 1030px; margin: 0 auto; padding:0 0 0 156px; box-sizing:border-box; position: relative;}
.welcome_report_in h3 {background: url(//image.aladin.co.kr/img/welcome/icon_alarm.svg) no-repeat left center / 24px; padding: 0 0 0 27px; position: absolute; left: 58px; top: 10px; font-size: 12px;}
.welcome_report_in .fold_btn {width: 40px; height: 40px; font-size: 1px; color: transparent; overflow: hidden; background: url(//image.aladin.co.kr/img/welcome/arrow-sm.svg) no-repeat center / 10px auto; position: absolute; right: 0; top: 0; transition: all 0.3s; z-index: 10; text-indent: -999em;}
.welcome_report_in .fold_btn.on {transform: rotate(-180deg);}
.report_slide_box { height: 40px; padding: 0 40px 0 22px;}
.report_slide_box .swiper-slide {line-height: 40px; overflow: hidden;}
.report_cont_box {padding: 0 0 14px 0;}
.report_cont_box .top {height: 40px; padding: 0 40px 0 22px; display: flex; justify-content: space-between; align-items: center;}
.report_cont_box .top .btn {font-size: 0;}
.report_cont_box .top .btn > button {width: 96px; height: 24px; border-radius: 4px; background-color: #fff; border: 1px solid #C9C9C9; text-align: center; font-size: 12px; line-height: 22px; box-sizing: border-box;}
.report_cont_box .top .btn > button ~ button {margin-left: 5px;}
.report_cont_box .box {background-color: #fff; padding: 18px 5px 18px 22px; border-radius: 6px; box-sizing: border-box; }
.report_cont_box .box_in {max-height: 140px; overflow-y: auto; }
.report_cont_box .box_in::-webkit-scrollbar {width: 9px;  /* 스크롤바의 너비 */}
.report_cont_box .box_in::-webkit-scrollbar-thumb {background: #C1C1C1;}
.report_cont_box .box_in::-webkit-scrollbar-track {background: #F1F1F1; /*스크롤바 뒷 배경 색상*/}

.report_cont_box.reportlist ul li {padding: 0 30px 0 0; margin: 0 0 6px 0; position: relative; display: flex; justify-content: space-between;}
.report_cont_box.reportlist ul li .date {flex-shrink: 0; color: #999999; font-size: 11px; line-height: 17px; margin-left: 5px;}
.report_cont_box.reportlist ul li .del_btn {width: 30px; height: 16px; font-size: 1px; color:transparent; overflow: hidden; background: url(//image.aladin.co.kr/img/welcome/icon_del.svg) no-repeat center / 9px; position: absolute; right: 0; top: 0; text-indent: -999em;} 
.report_cont_box.setting h4 {font-size: 14px; margin-bottom: 15px;}
.report_cont_box.setting .input {display: flex; margin-bottom: 15px;}
.report_cont_box.setting .input label ~ label {margin-left: 80px;}
.report_cont_box.setting .input label + span {margin-left: 5px;}
.report_cont_box.setting .btn {display: flex; justify-content: center;}
.report_cont_box.setting .btn button {width: 128px; height: 30px; border-radius: 4px; font-size: 12px;}
.report_cont_box.setting .btn button ~ button {margin-left: 10px;}
.report_cont_box.setting .btn .save_btn {background-color: #EB217C; color: #fff;}
.report_cont_box.setting .btn .cancel_btn {background-color: #fff; border: 1px solid #C9C9C9;}

.welcome_wrap {width: 100%;}
.welcome_wrap h3 {font-size: 22px; color: #333; letter-spacing: -0.5px; font-family: 'Noto Sans KR', sans-serif; line-height: 1.4; margin-bottom: 15px;}
.welcome_wrap h3 .nickname {display: inline-block; margin:0 -6px 0 5px; font-size: 18px; font-weight: normal;}
.welcome_wrap h3 .nickname em {/*color: #36B3D1; font-weight: bold;*/}
.welcome_wrap h3 .login_txt {display: inline-block; margin-left: 5px; font-size: 14px; font-family: Malgun Gothic,Dotum,'돋움',Helvetica,"Apple SD Gothic Neo",sans-serif; font-weight: normal;}
.welcome_wrap h3 .login_txt a {display: inline-block; margin-left: 5px; color: #2A68B9; text-decoration: underline;}
.welcome_wrap h3 > a:hover {text-decoration: none;}
.welcome_wrap h3 > a::after {content: ''; display: inline-block; width: 7px; height: 15px;  background: url(//image.aladin.co.kr/img/welcome/arrow-right.svg) no-repeat center / 7px auto; margin-left: 10px;}
.welcome_wrap h3 .label {display: inline-block; height: 34px; padding: 0 15px; background-color: #d7f0f6; color:#096b94; border-radius: 17px 17px 17px 2px;  font-size: 15px; line-height: 34px; font-weight:normal; vertical-align: bottom; margin-left: 4px;} /* background-color: #36B3D1;color: #fff;*/
.welcome_wrap h3 .vote_label {display: inline-block; height: 34px; padding: 0 15px 0 12px; background-color: #d1f9e4; color:#015027; border-radius: 17px 17px 17px 2px;  font-size: 15px; line-height: 34px; font-weight:normal; vertical-align: bottom; margin-left: 4px;}
.welcome_wrap h3 .vote_label::before {content: ''; display: inline-block; width: 19px; height: 18px; background: url("//image.aladin.co.kr/img/welcome/icon_vote.png?rs=19") no-repeat center / 100% auto; vertical-align: -4px; margin-right: 5px;}

.floating_bn_box {width: 1030px; margin: 0 auto; position: relative;}
.floating_bn_box .left_bn {position: absolute; left: -112px; top: 0; width: 105px; height: 140px;}
.floating_bn_box .left_bn img {width: 100%; height: 135px;}
.floating_bn_box .right_bn {position: absolute; right: -85px; top: 0; width: 76px; height: 550px;}
.floating_bn_box .right_bn a {display: block;}
.floating_bn_box .right_bn a:hover {text-decoration: none;}
.floating_bn_box .right_bn a img {width: 100%;}
.floating_bn_box .right_bn .pink_bn {width: 76px; min-height: 24px; background-color: #EE3C97; border: 1px solid #D92883; color: #fff; font-size: 12px; line-height: 1.4; text-align: center; margin-bottom: 5px; font-family: 'Noto Sans KR', sans-serif;  box-sizing: border-box; padding: 3px 0;}
.floating_bn_box .right_bn .quick_goodsbn {padding-top: 5px;}
.floating_bn_box .right_bn .quick_goodsbn a ~ a {border-top: 1px #E8E8E8 solid; padding-top: 10px;}
.floating_bn_box .wide_bn_tab {position: absolute; left: -30px; top: 140px;}
.floating_bn_box .wide_bn_tab.top0 {top: 0;}
.floating_bn_box .wide_bn_tab a {display: block; height: 77px;}
.floating_bn_box .wide_bn_box {position: absolute; left: 0; top: 0; z-index: 9000;}
.floating_bn_box .wide_bn_box .wide_bn_img {width: 1030px; height: 420px; border-radius: 6px; border: 1px #a4a4a4 solid; box-sizing: border-box; overflow: hidden;}
.floating_bn_box .wide_bn_box .wide_bn_img img {width: 100%;}
.floating_bn_box .wide_bn_box .wide_bn_btn {background-color: #fff; text-align: right; padding: 5px 0;}
.floating_bn_box .wide_bn_box .wide_bn_btn a {display: inline-block;}
.floating_bn_box .wide_bn_box .wide_bn_btn a img {display: block;}

.welcome_top_box {width: 1030px; height: 448px; margin: 0 auto; background-color: #e5eff7; padding: 5px 5px 0 5px; border-radius: 6px; box-sizing:border-box; margin-bottom: 20px;}
.welcome_top_bn {background-color: #fff; width: 100%; height: 385px; border-radius: 6px;}
.welcome_top_bn .swiper-slide {background-color: #fff;}
.welcome_top_bn .swiper-slide .ad {display: inline-block; position: absolute; bottom: 6px; right: 10px; color: #737373; font-size: 12PX;}/*color: #B7B7B7; */
.welcome_top_bn .book_type {padding: 28px 50px 26px 49px; box-sizing:border-box;}
.welcome_top_bn .book_type > div {float: left; width: 210px; position: relative; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0);}
.welcome_top_bn .book_type::after {content: ''; display: block; clear: both;}
.welcome_top_bn .book_type > div a:hover {text-decoration: none;}
.welcome_top_bn .book_type > div ~ div {margin-left: 27px;}
.welcome_top_bn .book_type > div .cover {width:170px; height: 260px; position: relative; overflow: hidden; margin:0 auto 5px auto; background: url(//image.aladin.co.kr/img/welcome/top_fl_sh.png) no-repeat center bottom;}
.welcome_top_bn .book_type > div .cover .cover_img {position: absolute; left: 0; bottom:10px; width: 170px; max-height: 250px; overflow: hidden;}
.welcome_top_bn .book_type > div .cover .cover_img::after {content: ""; display: block; position: absolute; left: 0; top: 0; width:170px; height: 100%; box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.10); box-sizing: border-box; border: 1px #ddd solid;}
.welcome_top_bn .book_type > div .cover img {display: block; width: 100%;}
.welcome_top_bn .book_type > div .gift {width: 85px; height: 85px; position: absolute; right: 0; top: 170px; text-align: center;}
.welcome_top_bn .book_type > div .gift .gift_img {width: 100%; height:100%;  border: 2px #FEB80D solid; border-radius: 6px; overflow: hidden; background-color: #fff; display: flex; align-items: center;}
.welcome_top_bn .book_type > div .gift .gift_img img {width: 100%;}
.welcome_top_bn .book_type > div .gift::after {content: ''; display: block; width: 23px; height: 23px; background: url(//image.aladin.co.kr/img/welcome/gift_pluse.svg) no-repeat center / 100%; position: absolute; left: -8px; top: -8px;}
.welcome_top_bn .book_type > div .tit {font-size: 15px; font-weight: bold; text-align: center; letter-spacing: -1.5px; margin-bottom: 4px;}
.welcome_top_bn .book_type > div .sub {font-size: 13px; font-weight: bold; color: #2A68B9;  text-align: center; letter-spacing: -1px;  margin-bottom: 4px;}
.welcome_top_bn .book_type > div .author {font-size: 13px; color: #737373; text-align: center;}/*color: #999999;*/

.welcome_top_bn .event_type {padding: 20px 35px; box-sizing: border-box;}
.welcome_top_bn .event_type::after {content: ''; display: block; clear: both;}
.welcome_top_bn .event_type div {float: left; width: 275px; position: relative;}
.welcome_top_bn .event_type div img {width: 100%;}
.welcome_top_bn .event_type div ~ div {padding-left: 60px;}
.welcome_top_bn .event_type div ~ div::before {content: ''; display:block; width: 41px; height: 337px; background: url(//image.aladin.co.kr/img/banner/flash/welcome/ev_line.png); position: absolute; left: 10px; top: 0;}

.welcome_top_bn .event_type_new {box-sizing: border-box; background-color: #e5eff7; padding: 5px 5px 0 5px;}
.welcome_top_bn .event_type_new div {float: left; width: 330px; height: 380px; position: relative; background-color: #fff; border-radius: 12px;}
.welcome_top_bn .event_type_new div ~ div {margin-left: 10px;}
.welcome_top_bn .event_type_new div a {display: block; text-align: center; padding: 18px 0;}

.welcome_top_bn .event_type_new2 {box-sizing: border-box; background-color: #e5eff7; padding: 9px 9px 0 9px;}
.welcome_top_bn .event_type_new2 div {float: left; width: 326px; height: 376px; position: relative; background-color: #fff; border-radius: 12px;}
.welcome_top_bn .event_type_new2 div ~ div {margin-left: 12px;}
.welcome_top_bn .event_type_new2 div a {display: block; text-align: center; padding: 15px 0;}

.welcome_top_tab {padding: 12px 10px; position: relative;}
.welcome_top_tab.new {padding: 12px 30px 12px 10px;}
.welcome_top_tab .swiper-slide {width: auto; height: 34px; line-height: 33px; color: #3C5980; font-size: 13px; font-weight: bold; text-align: center; cursor: pointer; overflow: hidden;}
.welcome_top_tab .swiper-slide a {display: block; color: #3C5980; font-size: 13px; cursor: pointer;}
.welcome_top_tab .swiper-slide a:hover {text-decoration: none;}
.welcome_top_tab .swiper-slide-thumb-active {background-color: #2A68B9; border-radius: 17px; color: #fff;}
.welcome_top_tab .swiper-slide-thumb-active a {color: #fff;}
.welcome_top_tab .swiper_pause_btn {width: 30px; height: 34px; font-size: 0; background: url("//image.aladin.co.kr/img/welcome/welcome-pause.png") no-repeat center; position: absolute; right: 5px; top: 12px; z-index: 10;}
.welcome_top_tab .swiper_pause_btn.stop {background: url("//image.aladin.co.kr/img/welcome/welcome-play.png") no-repeat center;}


.welcome_section1 {width: 1030px; min-height: 390px; margin: 0 auto 50px auto; display: flex;}
.welcome_section1 .editor_choice {flex-grow: 1; margin-right: 36px; position: relative;}
.welcome_section1 .editor_choice .editor_tab {width: 100%; height: 35px; border-bottom: 1px solid #dadada; position: relative; margin-bottom: 10px;}/* height:36px;*/
.welcome_section1 .editor_choice .editor_tab a {display: inline-block; width: 110px; height: 36px; border-radius: 6px 6px 0 0; background-color:#EDEFF1; font-size: 13px; position: relative; text-align: center; line-height: 36px; box-sizing: border-box; border-bottom: 1px solid #dadada; overflow: hidden;}
.welcome_section1 .editor_choice .editor_tab a:hover {text-decoration: none;}
.welcome_section1 .editor_choice .editor_tab a.on {background-color: #fff; border: 1px #dadada solid; border-bottom: none; font-weight: bold;}
.welcome_section1 .editor_choice .editor_tab a.on::after {content: ''; display: block; height: 1px; background-color: #fff; position: absolute; left: 0; right: 0; bottom: -1px;}
.welcome_section1 .editor_choice .editor_tab a .new {display: inline-block; width: 13px; height: 13px; background-color: #F32383; color: #fff; border-radius: 50%; text-align: center; line-height: 12px; font-size: 9px; font-weight: normal; margin:-2px 1px 0 -2px;  vertical-align:middle;}
.welcome_section1 .editor_choice .editor_btn {width: 63px; height: 27px; position: absolute; right: 0; top: 0;}
.welcome_section1 .editor_choice .editor_btn > div {width: 100%; display: flex;}
.welcome_section1 .editor_choice .editor_btn button {display: block; width: 27px; height: 27px; background-color: #fff; border: 1px solid #E9E9E9; box-shadow: 0px 3px 6px #0000000F; border-radius: 50%; font-size: 1px; color: transparent; overflow: hidden; position: relative; text-indent: -999em;}
.welcome_section1 .editor_choice .editor_btn button ~ button {margin-left: 7px;}
.welcome_section1 .editor_choice .editor_btn .editor-button-prev::after, .welcome_section1 .editor_choice .editor_btn .editor-button-next::after {content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0.6;}
.welcome_section1 .editor_choice .editor_btn .editor-button-prev:hover:after, .welcome_section1 .editor_choice .editor_btn .editor-button-next:hover::after  { opacity: 1;}
.welcome_section1 .editor_choice .editor_btn .editor-button-prev::after {background: url(//image.aladin.co.kr/img/welcome/arrow-left.svg) no-repeat center right 10px / 6px auto;}
.welcome_section1 .editor_choice .editor_btn .editor-button-next::after {background: url(//image.aladin.co.kr/img/welcome/arrow-right.svg) no-repeat center left 10px / 6px auto;}
.welcome_section1 .editor_choice .editor_list {width: 685px;}
.welcome_section1 .editor_choice .editor_list .swiper-wrapper {align-items: flex-end; height: auto;}
/* .welcome_section1 .editor_choice .editor_list .swiper-wrapper .swiper-slide {width: 154px!important;} */
.welcome_section1 .editor_choice .editor_list .cover {width:154px; position: relative;}
.welcome_section1 .editor_choice .editor_list .cover a {display:block; padding: 9px;}
.welcome_section1 .editor_choice .editor_list .cover a img {width: 134px; border: 1px #e2e2e2 solid;} /* box-shadow: 0px 2px 5px #00000019;*/
.welcome_section1 .editor_choice .editor_list#goodschoice .swiper-wrapper .swiper-slide {width: 228px!important;}
.welcome_section1 .editor_choice .editor_list .goods_cover {width:228px; height: 230px; position: relative;}
.welcome_section1 .editor_choice .editor_list .goods_cover a {display:inline-block; position: absolute; bottom: 10px; left: 10px;}
.welcome_section1 .editor_choice .editor_list .goods_cover a img {width: 208px; border: 1px #e2e2e2 solid;} /* box-shadow: 0px 2px 5px #00000019; */
.welcome_section1 .editor_choice .editor_list .text {width: 100%; height: 90px; overflow: hidden;}
.welcome_section1 .editor_choice .editor_list .tit {width: calc(100% - 20px); max-height: 42px; margin: 4px 10px 8px 10px; font-size: 15px; font-weight: bold; overflow: hidden; line-height: 1.4; letter-spacing: -0.5px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0);}
.welcome_section1 .editor_choice .editor_list .tit a {display: block; transition: none; transform: translate3d(0,0,0);  -webkit-font-smoothing:auto;}
.welcome_section1 .editor_choice .editor_list .tit a:hover { transform: translate3d(0,0,0); -webkit-font-smoothing:auto;}
.welcome_section1 .editor_choice .editor_list .sub {max-height:36px; margin: 0 10px; font-size: 13px; letter-spacing: -0.8px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}

.welcome_section1 .right_big_banner .swiper-wrapper {height: auto;}
.welcome_section1 .right_big_banner {width: 305px; height: 362px; flex-shrink: 0; border: 1px #E8E8E8 solid; border-radius: 6px; overflow: hidden;}
.welcome_section1 .right_big_banner a {display: block;}
.welcome_section1 .right_big_banner a img {width: 100%;}
.welcome_section1 .right_big_banner .swiper-pagination {right: 0; top: 0; bottom: auto; left: auto; text-align: right; font-size: 12px; color: #737373;padding: 8px 15px 0 0;}/* color: #878787;*/
.welcome_section1 .right_big_banner .swiper-button-next, .welcome_section1 .right_big_banner .swiper-button-prev {width: 40px; height: 40px; border-radius: 50%;  opacity: 0;}
.welcome_section1 .right_big_banner:hover .swiper-button-next, .welcome_section1 .right_big_banner:hover .swiper-button-prev {opacity: 1;}
.welcome_section1 .right_big_banner .swiper-button-next {background: url(//image.aladin.co.kr/img/welcome/arrow-right-white.svg) rgba(58, 58, 58, 0.3) no-repeat center / 10px auto; right: 5px;}
.welcome_section1 .right_big_banner .swiper-button-prev {background: url(//image.aladin.co.kr/img/welcome/arrow-left-white.svg) rgba(58, 58, 58, 0.3) no-repeat center / 10px auto; left: 5px;}
.welcome_section1 .right_big_banner .swiper-button-next:hover {background: url(//image.aladin.co.kr/img/welcome/arrow-right-white.svg) rgba(58, 58, 58, 0.6) no-repeat center / 10px auto; right: 5px;}
.welcome_section1 .right_big_banner .swiper-button-prev:hover {background: url(//image.aladin.co.kr/img/welcome/arrow-left-white.svg) rgba(58, 58, 58, 0.6) no-repeat center / 10px auto; left: 5px;}

.swiper-pagination span {display: inline-block; margin: 0 -3px;}
.swiper-button-next::after, .swiper-button-prev::after {content: '';}
.swiper-button-disabled {opacity: 0;}

.welcome_section2 {width: 1030px; margin: 0 auto 50px auto; display: flex;}
.welcome_section2 .best_top10 {flex-grow:1;}
.welcome_section2 .best_top10 ol {height: 208px; display: flex; flex-direction: column; flex-wrap: wrap;}
.welcome_section2 .best_top10 ol li {display: flex; width: 250px; height: 52px; margin-right: 30px; align-items: center; border-bottom: 1px solid #EAEAEA; box-sizing: border-box; position: relative; padding-right: 38px;}
.welcome_section2 .best_top10.us ol li {width: 322px;}
.welcome_section2 .best_top10 ol li:nth-child(1), .welcome_section2 .best_top10 ol li:nth-child(2) {height: 104px;}
.welcome_section2 .best_top10 ol li:nth-child(1) .rank, .welcome_section2 .best_top10 ol li:nth-child(2) .rank {width: 20px;}
.welcome_section2 .best_top10 ol li .cover {width: 58px; max-height: 72px; overflow: hidden; border: 1px solid #E8E8E8; border-radius: 4px; margin-right: 11px; flex-shrink: 0;}
.welcome_section2 .best_top10 ol li .cover img {width: 100%;}
.welcome_section2 .best_top10 ol li .rank {width: 25px; font-size: 15px; font-weight: bold; font-family: 'Noto Sans KR', sans-serif; flex-shrink: 0;}
.welcome_section2 .best_top10 ol li:nth-child(1) .rank {color: #dd2483;} /*color: #EE3C97;*/
.welcome_section2 .best_top10 ol li p {width: 100%; height: 100%; font-size: 14px; line-height:50px; overflow: hidden; font-weight: bold; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.welcome_section2 .best_top10 ol li p a {display: block;}
.welcome_section2 .best_top10 ol li:nth-child(1) p, .welcome_section2 .best_top10 ol li:nth-child(2) p {height: auto; line-height: 1.4; -webkit-line-clamp: 4;}
.welcome_section2 .best_top10 ol li .status {position: absolute; right: 5px; top: 16px; padding-left: 10px; font-weight: bold; color: #737373; }/*color: #999;*/
.welcome_section2 .best_top10 ol li:nth-child(1) .status, .welcome_section2 .best_top10 ol li:nth-child(2) .status {top: 68px;}
.welcome_section2 .best_top10 ol li .status.up {background: url(//image.aladin.co.kr/img/welcome/ranking-up.svg) no-repeat left center / 6px auto;}
.welcome_section2 .best_top10 ol li .status.down {background: url(//image.aladin.co.kr/img/welcome/ranking-down.svg) no-repeat left center / 6px auto;}
.welcome_section2 .best_top10 ol li .status.still {width: 4px; height: 1px; background: url(//image.aladin.co.kr/img/welcome/standstill.svg) no-repeat center / 10px 1px; margin-top: 8px;}
.welcome_section2 .best_top10 ol li .status.new {color: #dd2483; font-size: 11px;}

.welcome_section2 .right_ebook_banner {width: 192px; flex-shrink: 0; margin-top: 45px; border: 1px #E8E8E8 solid; border-radius: 6px; overflow: hidden}
.welcome_section2 .right_ebook_banner .swiper-wrapper {height: auto;}
.welcome_section2 .right_ebook_banner a {display: block;}
.welcome_section2 .right_ebook_banner .swiper-pagination {color: #737373; font-size: 12px; width: 40px; left: 25px;}/*color: #878787; */
.welcome_section2 .right_ebook_banner .swiper-button-next, .welcome_section2 .right_ebook_banner .swiper-button-prev {bottom: 9px; top: auto; width: 20px; height: 20px; z-index: 12;}
.welcome_section2 .right_ebook_banner .swiper-button-next {background: url(//image.aladin.co.kr/img/welcome/arrow-right.svg) no-repeat center / 6px auto; left: 59px; opacity: 0.5;}
.welcome_section2 .right_ebook_banner .swiper-button-prev {background: url(//image.aladin.co.kr/img/welcome/arrow-left.svg) no-repeat center / 6px auto; left: 10px;  opacity: 0.5;}
.welcome_section2 .right_ebook_banner .swiper_pause_btn {position: absolute; bottom: 9px; left: 78px; font-size: 0; width: 20px; height: 20px; background: url("//image.aladin.co.kr/img/welcome/welcome-pause2.png") no-repeat center; z-index: 10;}
.welcome_section2 .right_ebook_banner .swiper_pause_btn.stop {background: url("//image.aladin.co.kr/img/welcome/welcome-play2.png") no-repeat center;}

.wide_banner {width: 100%; min-width: 1030px; height: 130px; margin-bottom: 60px; position: relative; padding: 2px 0;}
.wide_banner.short {width: 1030px; margin: 0 auto 60px auto;}
.wide_banner.short .swiper-slide {background-color: #fff;}
.wide_banner.short .swiper-slide::before {content: ''; display:none;}
.wide_banner .swiper-slide::before {content: ''; display: block; width: 100%; height: 30px; background-color: #fff; position: absolute; top: 0; left: 0; z-index: 9;}
.wide_banner a {display: block; height: 130px; text-align: center; position: absolute; left: 0; right: 0; bottom: 0;  z-index: 10;}
.wide_banner .swiper-pagination {display: inline-block; width: auto; right: calc(50% - 515px); top: 36px; bottom: auto; left: auto; text-align: right; color: #737373; font-size: 12px; padding-right: 16px;}/* color: #878787;*/
.wide_banner .swiper-button-next, .wide_banner .swiper-button-prev {width: 40px; height: 40px; border-radius: 50%;  opacity: 0; top:80px;}
.wide_banner:hover .swiper-button-next, .wide_banner:hover .swiper-button-prev {opacity: 1;}
.wide_banner .swiper-button-next {background: url(//image.aladin.co.kr/img/welcome/arrow-right-white.svg) rgba(58, 58, 58, 0.3) no-repeat center / 10px auto;  right: calc(50% - 515px);}
.wide_banner .swiper-button-prev {background: url(//image.aladin.co.kr/img/welcome/arrow-left-white.svg) rgba(58, 58, 58, 0.3) no-repeat center / 10px auto;  left: calc(50% - 515px);}
.wide_banner .swiper-button-next:hover {background: url(//image.aladin.co.kr/img/welcome/arrow-right-white.svg) rgba(58, 58, 58, 0.6) no-repeat center / 10px auto;  right: calc(50% - 515px);}
.wide_banner .swiper-button-prev:hover {background: url(//image.aladin.co.kr/img/welcome/arrow-left-white.svg) rgba(58, 58, 58, 0.6) no-repeat center / 10px auto;  left: calc(50% - 515px);}
.wide_banner.short .swiper-button-next {right: calc(50% - 510px);}
.wide_banner.short .swiper-button-prev {left: calc(50% - 510px);}

.white_circle_next, .white_circle_prev {width: 40px; height: 40px; box-shadow: 0px 3px 6px #0000000F; border: 1px solid #E9E9E9; border-radius: 50%; position: absolute; top: calc(50% + 22px); transform: translateY(-50%); z-index: 10; cursor: pointer; background-color: #fff;}
.white_circle_next {right: -20px;}
.white_circle_prev {left: -20px;}
.white_circle_next::after,.white_circle_prev::after {position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0.6;}
.white_circle_next:hover:after,.white_circle_prev:hover::after {opacity: 1;}
.white_circle_next::after {content: ''; background: url(//image.aladin.co.kr/img/welcome/arrow-right.svg) no-repeat center / 8px 14px;}
.white_circle_prev::after {content: ''; background: url(//image.aladin.co.kr/img/welcome/arrow-left.svg) no-repeat center / 8px 14px;}
.white_circle_prev.loop {opacity: 0;}
.white_circle_prev.active {opacity: 1;}

.welcome_section3 {width: 1030px; margin: 0 auto 70px auto; position: relative;}
.w_booklist_type .swiper-wrapper {align-items: flex-end; height: auto;}
.w_booklist_type .swiper-slide{width: 180px;}
.w_booklist_type .cover {width: 180px; position: relative; margin-bottom: 8px; padding:5px;}
.w_booklist_type .cover a {display: block;}
.w_booklist_type .cover a .rank {display: block; position: absolute; right: 8px; bottom: 0; width: 40px; height:40px; line-height: 38px; box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.1); background-color: #bbb; font-size: 22px; color: #fff; font-weight: bold; border-radius: 50%; text-align: center; font-family: 'Noto Sans KR';}
.w_booklist_type .cover a .rank.top {width: 50px; height: 50px; background-color: #00b858; line-height: 48px; font-size: 26px;}
.w_booklist_type .cover img {width: 170px; border: 1px #e2e2e2 solid;} /* box-shadow: 0px 2px 5px #00000019; */
.w_booklist_type .cover .audiobook_icon {display: block; background: url(//image.aladin.co.kr/img/svg/icon_audio.svg) no-repeat #36b3d1 center / 22px auto; width: 42px; height: 42px; border-radius: 50%; font-size: 1px; color: transparent; position: absolute;  bottom: 0; left: 8px; z-index: 10; text-indent: -999em;}
.w_booklist_type .text {height: 44px;}
.w_booklist_type .text.type1 {height: 88px;}
.w_booklist_type .text.type2 {height: 72px;}
.w_booklist_type .tit {max-height: 46px; font-size: 15px; font-weight: bold; padding: 0 5px; box-sizing: border-box; letter-spacing: -0.5px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden; line-height: 1.3;}
.w_booklist_type .tit a {display: block; padding: 2px 0; box-sizing: border-box; transform: translate3d(0, 0, 0);  line-height: 1.4!important; color: #333; font-size: 15px;}
.w_booklist_type .tit a:hover {display: block; padding: 2px 0; box-sizing: border-box; text-decoration:underline; transform: translate3d(0, 0, 0);  line-height: 1.4!important; color: #333; font-size: 15px;}
.w_booklist_type .tit a:visited {display: block; padding: 2px 0; box-sizing: border-box; text-decoration:none; transform: translate3d(0, 0, 0);  line-height: 1.4!important; color: #333; font-size: 15px;}
.w_booklist_type .sub {max-height: 36px; font-size: 14px; padding: 0 5px; box-sizing: border-box; margin-top: 6px; letter-spacing: -0.5px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.w_booklist_type .price {font-size: 16px; color: #dd2483; font-weight:bold; padding: 0 5px; box-sizing: border-box; margin-top: 8px;}
.w_booklist_type .sale_label {position: absolute; bottom: 9px; left: 5px; height: 28px; line-height: 28px; background-color: rgba(255, 51, 153, 0.88); color: #ffffff; width: 172px; text-align: center; font-size: 13px;  font-family: roboto; font-weight: 400; z-index: 99; pointer-events: none;}
.w_booklist_type .author {max-height: 36px; font-size: 13px; padding: 0 5px; box-sizing: border-box; margin-top: 6px; letter-spacing: -0.5px;    text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; color: #737373;}
.w_booklist_type.thismonth_bg {padding: 20px 0;}
.w_booklist_type.thismonth_bg::after {content: ''; width: 100%; height: 100%; position: absolute; left: 10px; top: 0; background-color: #f3f3f5; border-radius: 200px 0 0 200px; z-index: -1;}


.w_booklist_type ~ .white_circle_next, .w_booklist_type ~ .white_circle_prev {top: calc(50% + 8px);}

.w_topic_type .swiper-wrapper {height: auto;}
.w_topic_type .swiper-slide {width: 336px; height: 226px; border-radius: 4px; background-color: #F3F3F5; box-sizing: border-box; display: flex; align-items: flex-start;}
.w_topic_type .swiper-slide a {display: flex; align-items: flex-start; padding: 25px 20px; box-sizing: border-box;}
.w_topic_type .swiper-slide a:hover {text-decoration: none;}
.w_topic_type .swiper-slide .cover {flex-shrink: 0; width:115px; max-height: 176px; overflow: hidden; box-shadow: 0px 2px 5px #00000019;}
.w_topic_type .swiper-slide .cover img {width: 100%; display: block;}
.w_topic_type .swiper-slide .r_text {margin-left: 15px;}
.w_topic_type .swiper-slide .r_text .tit {font-size: 15px; font-weight: bold; margin-bottom: 10px; letter-spacing: -0.5px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.w_topic_type .swiper-slide .r_text .sub {font-size: 14px; margin-bottom: 10px;}
.w_topic_type .swiper-slide .r_text .gift {font-size: 13px; color: #E3227F;}

.w_gift_type {padding: 2px 0;}
.w_gift_type .swiper-wrapper {height: auto;}
.w_gift_type .swiper-slide {width: 336px; height:226px;}
.w_gift_type .swiper-slide a {display: block;}
.w_gift_type .swiper-slide::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 38px; background: rgba(255, 255, 255, 0.5);}
.w_gift_type .swiper-slide img {display: block; width: 100%; border-radius: 4px;} /* background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); */
.w_gift_type .swiper-slide .goods_name {position: absolute; left: 12px; bottom: 10px; font-size: 14px; color: #333; z-index: 2; font-weight: bold;     text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }

.w_banner_type {padding: 2px 0;}
.w_banner_type .swiper-wrapper {height: auto;}
.w_banner_type .swiper-slide {width: 336px; height:210px;}
.w_banner_type .swiper-slide a {display: block;}
.w_banner_type .swiper-slide img {display: block; width: 100%; border-radius: 4px;}
.w_banner_type ~ .white_circle_next, .w_banner_type ~ .white_circle_prev {top: 50%;}

.w_aladinerTV_type .swiper-wrapper {height: auto;}
.w_aladinerTV_type .thum {width: 200px; height: 113px; border-radius: 4px; position: relative; overflow: hidden;  margin-bottom: 12px;}
.w_aladinerTV_type .thum a {display: block;}
.w_aladinerTV_type .thum img {width: 100%;}
.w_aladinerTV_type .thum::after {content: ''; width:30px; height:30px; background: url(//image.aladin.co.kr/img/welcome/m/icon_tvplay.png) no-repeat center / 100%; position: absolute; right:4px; bottom:4px;}
.w_aladinerTV_type .tit {font-size: 14px; font-weight: bold; margin-bottom: 5px; letter-spacing: -1px;}
.w_aladinerTV_type .tagbox {max-height: 36px; margin-bottom: 5px; overflow: hidden; line-height: 1.3; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.w_aladinerTV_type .tagbox span {color: #2A68B9; font-size: 12px; /*margin-right:6px;*/}
.w_aladinerTV_type .tagbox a {color: #2A68B9; font-size: 12px;}
.w_aladinerTV_type .tagbox a:hover {color: #2A68B9; text-decoration: underline;}
.w_aladinerTV_type .tagbox a:visited {color: #2A68B9;}
.w_aladinerTV_type ~ .white_circle_next, .w_aladinerTV_type ~ .white_circle_prev {top: 100px;}

.w_tobelist {margin-top: 5px;}
.w_tobelist .swiper-wrapper {height: auto;}
.w_tobelist .swiper-slide {width: 197px!important;}
.w_tobelist .swiper-slide a {display: block; border-radius: 4px; overflow: hidden; border: 1px #F3F3F5 solid; box-sizing: border-box;}
.w_tobelist .swiper-slide a:hover {text-decoration: none;}
.w_tobelist .swiper-slide .thum img {display: block; width: 100%;}
.w_tobelist .swiper-slide .tb_text {height: 115px; background-color: #F3F3F5; padding: 20px 13px; box-sizing: border-box;}
.w_tobelist .swiper-slide .tb_text .tit {height: 36px; font-size: 14px; font-weight: bold; margin-bottom: 14px; overflow: hidden; word-break: keep-all;}
.w_tobelist .swiper-slide .tb_text .author {height: 18px; font-size: 12px; color: #6E6E6E; overflow: hidden;}/*color: #787878;*/

.welcome_section3 h3 .tobelogo {display: inline-block; width: 248px; height: 18px; background: url(//image.aladin.co.kr/img/ToBeContinued/common/tb-logo-black.svg) no-repeat center / 100% auto; font-size: 1px; color: transparent; text-indent: -1000em; vertical-align: middle; margin-top: -4px;}
.welcome_section3 .go_tobe {position: absolute; right: 0; top: 0; }
.welcome_section3 .go_tobe a {font-size: 12px; color: #737373;}/*color: #787878;*/
.welcome_section3 .go_tobe a:hover {text-decoration: none;}
.welcome_section3 .go_tobe a::before {content: ''; display: inline-block; width: 33px; height: 33px; background: url(//image.aladin.co.kr/img/ToBeContinued/common/tb-simbol.svg) no-repeat center / 100% auto; vertical-align: middle; margin-right: 3px;}
.welcome_section3 .go_tobe a::after {content: ''; display: inline-block; width: 5px; height: 8px; background: url(//image.aladin.co.kr/img/welcome/arrow-right-gray.svg) no-repeat center / 100% auto; vertical-align: middle; margin-left: 3px;}

/* 알라딘 us */
.us_welcome_top {width: 1030px;  height: 370px; margin: 0 auto 30px auto; display: flex;}
.us_welcome_top .us_top_bn {width: 711px; margin-right: 14px; border-radius: 6px; overflow: hidden;}
.us_welcome_top .us_top_bn .swiper-pagination-bullet-active {background-color: #000;}
.us_welcome_top .used_info_box {width: 305px; background-color: #F3F3F3; border: 1px #E8E8E8 solid; border-radius: 6px; overflow: hidden; padding: 16px 16px 20px 16px; box-sizing: border-box;}
.us_welcome_top .used_info_box p {font-size: 20px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; line-height: 1.4; letter-spacing: -0.4px; margin-bottom: 10px;}
.us_welcome_top .used_info_box p .s_txt {font-size: 16px;}
.us_welcome_top .used_info_box .used_go {display: flex; padding-bottom: 20px;}
.us_welcome_top .used_info_box .used_go > div {flex: 1;}
.us_welcome_top .used_info_box .used_go > div a {display: block; height: 94px; color: #fff; font-size: 15px; font-family: 'Noto Sans KR', sans-serif; padding: 10px 12px 10px 12px;  border-radius: 9px; overflow: hidden; position: relative; box-sizing: border-box; line-height: 1.3;}
.us_welcome_top .used_info_box .used_go > div a:hover {text-decoration: none;}
.us_welcome_top .used_info_box .used_go > div a::after {content: ''; display: inline-block; width: 18px; height: 5px; background: url(//image.aladin.co.kr/img/welcome/us_more.svg) no-repeat center / 100% auto; position: absolute; bottom: 10px; right: 12px;}
.us_welcome_top .used_info_box .used_go > div ~ div {margin-left: 13px;}
.us_welcome_top .used_info_box .used_go .online a {background-color: #109290;}
.us_welcome_top .used_info_box .used_go .offline a {background-color: #0FBA54;}
.us_welcome_top .used_info_box .used_price_search {border-top: 1px solid #E8E8E8; padding: 15px 0 0 0;}
.us_welcome_top .used_info_box .used_price_search h3 {font-size: 15px;  font-family: 'Noto Sans KR', sans-serif; font-weight: 500; margin: 0 0 8px 0;}
.us_welcome_top .used_info_box .used_price_search h4 {font-weight: normal; margin-bottom: 5px; font-size: 12px;}
.us_welcome_top .used_info_box .used_price_search > div ~ div {margin-top: 10px;}
.us_welcome_top .used_info_box .used_price_search .search_box {height: 28px; border: 1px #E8E8E8 solid; border-radius: 6px; background-color: #fff; position: relative; padding: 0 34px 0 0; box-sizing: border-box;}
.us_welcome_top .used_info_box .used_price_search .search_box select {width: 80px; line-height: 28px; appearance: none; border: 0; background: url(//image.aladin.co.kr/img/svg/arrowbold_down_b.svg) no-repeat right center / 14px auto; padding: 0 15px 0 15px; cursor: pointer;}
.us_welcome_top .used_info_box .used_price_search .search_box input[type="text"] {height: 26px; appearance: none; border: 0; font-size: 12px; line-height: 26px; padding: 0 0 0 8px; vertical-align: top; outline: none;}
.us_welcome_top .used_info_box .used_price_search .search_box input[type="text"]::placeholder {color: #999;}
.us_welcome_top .used_info_box .used_price_search .search_box button {width: 34px; height: 28px; background: url(//image.aladin.co.kr/img/welcome/icon-search-black.svg) no-repeat center / 20px auto; font-size: 1px; color: transparent; text-indent: -1000em; position: absolute; right: 0; top: 0;}

.jinyadd_btn {display: inline-block; height: 18px; border: 1px solid #c9c9c9; color: #000!important; font-size: 11px!important; padding: 0 3px; border-radius: 2px; margin-left: 5px; box-sizing: border-box; line-height: 16px;}
.jinyadd_btn:hover {text-decoration: none;}
.jiny_menu_btn {width: 26px; height: 26px; position: absolute; right: 20px; top: 12px; font-size: 0; background: url('//image.aladin.co.kr/img/jiny/kebab-menu_b.svg') rgba(0,0,0, 0.3) no-repeat center / 100% auto; border: 0; border-radius: 50%; cursor: pointer; z-index: 3;}
.jiny_menu_btn.close {background: url('//image.aladin.co.kr/img/jiny/close_b.svg') rgba(0,0,0, 0.3) no-repeat center / 100% auto;}
.jiny_menu_layer {position: absolute; left: 5px; right: 14px; top: 6px; bottom: 9px; background: rgba(0,0,0, 0.1); z-index: 2; display: none;}
.jiny_menu_layer .jinybtnlayer {display: block; left: 0; bottom: 0; background-color: rgba(0,0,0, 0.8);}

.jinybtnlayer {width: 170px; height: 108px; position: absolute; bottom: 10px; left: 6px; background-color: rgba(75, 75, 75, 0.97); display: none; overflow: hidden;}
.jinybtnlayer a, .jinybtnlayer button {display: block; width: 100%; height: 36px; line-height: 36px; color: #fff!important; text-align: center; cursor: pointer; border: 0; background-color: transparent;}
.jinybtnlayer a:hover, .jinybtnlayer button:hover {background-color: #eb217c; text-decoration: none;}
#welcomeJiny .swiper-slide .cover:hover .jinybtnlayer {display: block;}

.jinyfeedbacklayer {min-width: 435px; height: 40px; border-radius: 20px; background-color: #f3f3f5; padding: 0 40px 0 24px; position: absolute; top: 0; right: 0; box-sizing: border-box; line-height: 40px;}
.jinyfeedbacklayer p {display: inline-block; font-size: 14px; letter-spacing: -0.5px;}
.jinyfeedbacklayer .pinklink {color: #eb217c!important; text-decoration: underline!important; margin-left: 3px;}
.jinyfeedbacklayer .pinklink::after {content: ''; display: inline-block; width:5px; height: 7px; background: url(//image.aladin.co.kr/img/welcome/jinylayer_pink_arr.png) no-repeat center; margin-left: 3px; margin-top: -2px; vertical-align: middle;}
.jinyfeedbacklayer .close_btn {width: 40px; height: 40px; font-size: 1px; color: transparent; text-indent: -1000em; background: url(//image.aladin.co.kr/img/welcome/jinylayer_close.png) no-repeat center; position: absolute; right: 0; top: 0;}

.welcome_section4 {width: 1030px; margin: 0 auto 70px auto; position: relative; display: flex;}
.welcome_section4 .aladinerTV_box {width: 618px; position: relative; margin-right: 45px;}
.welcome_section4 .author_box {width: 367px;}
.w_author_type {margin-top: -9px;}
.w_author_type a {display: flex; align-items: center; flex-wrap: wrap; height: 100px; position: relative; margin-left: 95px; border-bottom: 1px solid #E6E6E6;}
.w_author_type a:hover {text-decoration: none;}
.w_author_type .thum {width: 80px; height: 80px; border-radius: 50%; overflow: hidden; position: absolute; left: -95px; top: 10px;}
.w_author_type .tit {font-size: 14px; font-weight: bold; margin-bottom: 6px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.w_author_type .date {font-size: 12px; color: #737373;}/*color: #787878;*/

.dim { position: fixed; left:0; top:0; width:100%; height: 100%; background: rgba(0, 0, 0, .7); z-index:-1; overflow: hidden; display: none;}

.alert_out {position: fixed; top:0; left:0; width:100%; height:100%; z-index:1001; overflow: hidden;}
.alert_box + .dim {display: block;}
.alert_box { width:380px; background-color: #fff; border-radius:8px; position: absolute; top:50%; left:50%; transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px)); padding: 40px 26px 22px 26px; text-align: center; box-sizing: border-box;}
.alert_box .alert_btn {display: flex;}
.alert_box .alert_btn button {flex-grow: 1; padding: 0 10px; height: 50px; line-height: 50px; border-radius: 5px; font-size: 16px; cursor: pointer;}
.alert_box .alert_btn button ~ button {margin-left: 10px;}
.alert_box .alert_btn .gray_btn {background-color: #efefef; color: #000;}
.alert_box .alert_btn .pink_btn {background-color: #eb217c; color: #fff;}
.alert_box.marketing_event::after {content: ''; display: block; width: 564px; height: 349px; position: absolute; top:-15px; left:50%; transform:translateX(-50%); background: url("//image.aladin.co.kr/img/shop/2023/230817_app_push_bg.png") no-repeat center / 100% auto; z-index: -1;}
.alert_box.marketing_event h3 {font-size: 19px; color: #000; line-height: 1.4; margin: 0 0 18px 0; letter-spacing: -1px; text-align: center;}
.alert_box.marketing_event h3 em {color: #eb217c;}
.alert_box.marketing_event p {font-size: 15px; line-height: 1.4; margin: 0 0 18px 0; text-align: center;}
.alert_box.marketing_event .info {display: block; color: #666; font-size: 13px; margin: 0 0 20px 0; text-align: center;}

.alert_box.marketing_info {width: 350px; padding: 20px;}
.alert_box.marketing_info h3 {font-size: 20px; margin: 5px 0 16px 0; letter-spacing: -1px; text-align: center;}
.alert_box.marketing_info ul {margin-bottom: 25px;}
.alert_box.marketing_info ul li {text-align: left; background: url("//image.aladin.co.kr/img/svg/dot_black.svg") no-repeat left top 7px / 2px; padding: 0 0 4px 8px; font-size: 13px; letter-spacing: -0.5px;}

/* 작가와의 만남 / 알라디너 TV 신규 */
.welcome_section5 {width: 1030px; margin: 0 auto 70px auto; position: relative; display: flex; gap: 50px;}
.welcome_section5 .authormeet_in {display: flex; gap: 30px;}
.welcome_section5 .w_authormeet_type ul {display: flex; gap: 25px;}
.welcome_section5 .w_authormeet_type ul li {width: 230px;}
.welcome_section5 .w_authormeet_type ul li a:hover {text-decoration: none;}
.welcome_section5 .w_authormeet_type ul li .thum {width: 230px; margin-bottom: 10px;}
.welcome_section5 .w_authormeet_type ul li .thum img {width: 100%;}
.welcome_section5 .w_authormeet_type ul li .text .tit {font-size: 14px; font-weight: bold; margin-bottom: 5px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.welcome_section5 .w_authormeet_type ul li .text .name {font-size: 12px; color: #3b79be; margin-bottom: 3px;}
.welcome_section5 .w_authormeet_type ul li .text .date {font-size: 12px; color: #5a5a5a;}
.welcome_section5 .w_livetalk_type {width: 265px; margin-top: -20px;}
.welcome_section5 .w_livetalk_type ul li {border-bottom: 1px #eaeaea solid;}
.welcome_section5 .w_livetalk_type ul li a {display: flex; padding: 30px 0;}
.welcome_section5 .w_livetalk_type ul li a:hover {text-decoration: none;}
.welcome_section5 .w_livetalk_type ul li a .thum {width: 80px; height: 80px; border-radius: 50%; flex-shrink: 0; margin-right: 20px; overflow: hidden;}
.welcome_section5 .w_livetalk_type ul li a .thum img {width: 100%;}
.welcome_section5 .w_livetalk_type ul li a .text .tit {font-size: 14px; font-weight: bold; margin-bottom: 7px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.welcome_section5 .w_livetalk_type ul li a .text .date {font-size: 12px; color: #737373; word-break: keep-all;}
.welcome_section5 .w_aladinerTV_type {width: 200px;}
.w_aladinerTV_type ul li ~ li {margin-top: 15px;}

/*스크린리더 노출용*/
.visuallyhidden {
  position: absolute !important;
  width: 1px; 
  height: 1px;
  padding: 0; 
  margin: -1px;
  border: 0;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  overflow: hidden;
  white-space: nowrap;
}

.logo-box {
  width: 212px;
  height: 105px;
  position: relative;
}
.logo-box img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*시멘틱 구조 정비용 h2*/
.welcome_wrap h2 {
    font-size: 22px;
    color: #333;
    letter-spacing: -0.5px;
    font-family: 'Noto Sans KR', sans-serif;
    line-height: 1.4;
    margin-bottom: 15px;
}

.welcome_wrap h2 .nickname {
    display: inline-block;
    margin: 0 -6px 0 5px;
    font-size: 18px;
    font-weight: normal;
}

/* 21세기 최고의 책 */
.w_bestBook21c {background: url('https://image.aladin.co.kr/img/welcome/21stbooks-bg.jpg') no-repeat center bottom 64px / 100% auto;}
.w_booklist_type.w_bestBook21c .cover {margin-bottom: 45px;}
.w_booklist_type.w_bestBook21c ~ .white_circle_next, .w_booklist_type.w_bestBook21c ~ .white_circle_prev {top: calc(40% + 8px);}

/* 만권당 쿠폰 팝업 2026_01*/
.al-fp-max.is-open {transform: translateY(0); opacity: 1;}
.al-fp-max {position: fixed;right: 40%;bottom: 15%;z-index: 10010;width: 390px;max-width: 92vw;display: flex; flex-direction: column;pointer-events: none;transform: translateY(28px);opacity: 0;transition: transform .48s cubic-bezier(.2, .7, .2, 1), opacity .48s ease;
font-family: "Pretendard", -apple-system, system-ui, Roboto, "Noto Sans KR", sans-serif;}
.al-fp__coupon_max{padding-bottom:10px}
.al-fp__coupon_max ul {display: flex; gap:10px; justify-content: center;align-items: center;  margin-bottom:10px }
.al-fp__coupon_max .box1 {border-radius: 10px;background: #252a63; overflow: hidden; border:2px #252a63 solid; width:150px }
.al-fp__coupon_max .coupon_max_title {display: flex;align-items: center; padding: 2px 5px;background: #ffffff; }
.al-fp__coupon_max .coupon_max_title .icon { width: 30px;height: 30px; margin-right: 5px; flex-shrink: 0; background-size: contain;background-repeat: no-repeat; background-position: center; /* 고양이 아이콘 이미지 경로 */ background-image: url("https://image.aladin.co.kr/img/coupon/maxlogo1.svg"); }
.al-fp__coupon_max .coupon_max_title .title { width: 58px;height: 18px; margin-left: auto; background-size: contain;background-repeat: no-repeat; background-position: center; background-image: url("https://image.aladin.co.kr/img/coupon/maxlogo2.svg"); }
.al-fp__coupon_max .coupon_max_text {width: 100%;color:#ffffff; font-size:17px; padding:22px 0; text-align:center}

/* 멀티캠퍼스 랜딩 페이지 상단 */
.multicampus-top-section {width: 1030px; margin: 0 auto 30px auto; background-color: #ebf6ff; border-radius: 20px; padding: 50px 380px 50px 50px; position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 23px; font-family: 'Noto Sans KR', sans-serif; box-sizing: border-box;}
.multicampus-top-section::after {content: ''; display: block; position: absolute; right: 50px; bottom: 50px; width: 299px; height: 242px; background-image: url('https://image.aladin.co.kr/img/partner/multicampus-top-img.png'); background-size: contain; background-repeat: no-repeat; background-position: center; opacity: 0.9; }
.multicampus-top-title h2 { font-size: 30px; font-weight: 700; color: #000; margin: 0 0 6px 0; padding: 0; line-height: 1.4; }
.multicampus-top-title p { font-size: 18px; font-weight: 400; color: #333; margin: 0; padding: 0; }
.multicampus-top-list { font-size: 16px; font-weight: 400; color: #333; list-style-position: inside; margin: 0 0 0 17px; padding: 0; }
.multicampus-top-list li { margin-bottom: 0; padding-left: 0; margin-left: 0; line-height: 26px;  list-style: disc;}
.multicampus-top-list li em { color: #276ff4; font-weight: 700; font-style: normal;}
.multicampus-top-buttons { display: flex; gap: 10px; align-items: flex-start; }
.multicampus-top-btn {height: 44px; line-height:43px; background-color: #000; color: #fff!important; border:none ; padding :0 20px 0 24px; border-radius :12px; font-family : 'Noto Sans KR', sans-serif ; font-size :16px; font-weight :500;}
a.multicampus-top-btn:link {color: #fff;}
a.multicampus-top-btn:hover {color: #fff; text-decoration: none;}
.multicampus-top-btn:hover { background-color: #333; text-decoration: none;}
.multicampus-top-btn:after {content: ''; display: inline-block; vertical-align: -6px; margin-left: 6px; background-size: contain; background-repeat: no-repeat;}
.multicampus-top-btn.btn-download-guide:after { width: 24px; height: 24px; background-image: url('https://image.aladin.co.kr/img/partner/icon-download.svg');}
.multicampus-top-btn.btn-go-delivery:after {width: 16px; height: 24px; background-image: url('https://image.aladin.co.kr/img/partner/icon-arrow-right.svg');}