﻿@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');

body {
    word-break: keep-all;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
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}
img,fieldset{ border: 0 none;}
ul,ol{list-style:none;}
hr{display:none;}

ul,ol,li{list-style:none outside;}
a{text-decoration:none;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
a:link{text-decoration:none; color:#333333}
a:hover{text-decoration:none!important; color:#333333}
a:visited{text-decoration:none; color:#333333}

.order-wrap { clear:both;  float:left; width:100%; background:#FFFFFF; position:relative;}
.order-wrap input{border:0;-webkit-appearance:none;outline-style: none;}
.order-wrap input[type=text] {background:#ffffff; border:1px solid #d8dadc;height:42px; border-radius:2px; padding:0 5px;transition: 1s;box-sizing:border-box;}
.order-wrap input[type=text]:focus {border:1px solid #33afe9!important;}
.order-wrap input[type=text]:disabled { background: #dcdcdc;}

.order-wrap textarea{border:0;-webkit-appearance:none;outline-style: none;}
.order-wrap textarea {background:#ffffff; border:1px solid #d8dadc;border-radius:2px; padding:10px 5px;transition: 1s;box-sizing:border-box;}
.order-wrap textarea:focus {border:1px solid #33afe9!important;}

.order-wrap input[type=search] {background:#f4f4f4; border:1px solid #f4f4f4;height:45px; border-radius:5px;}
.order-wrap input[type=search]:focus {border:1px solid #33afe9!important;}
.order-wrap input[type=search]:disabled { background: #dcdcdc;}

.order-wrap input[type=checkbox] {background:url(https://image.aladin.co.kr/img/m/check_big_off.png) no-repeat; background-size:24px; width:24px; height:24px; border-radius:0;vertical-align:text-bottom;}
.order-wrap input[type=checkbox]:checked {background:url(https://image.aladin.co.kr/img/m/check_big_on2.png) no-repeat; background-size:24px;width:24px; height:24px; -webkit-appearance:none;  }
.order-wrap input[type=checkbox]:disabled {width:24px; height:24px; -webkit-appearance:none; background:#cfcfcf;  }

.order-wrap input[type=radio] {border-radius:24px 24px; width:24px; height:24px; border:1px solid #cfcfcf; vertical-align:middle;}
.order-wrap input[type=radio]:checked {background:#fff url(http://image.aladin.co.kr/img/m/element_radio.png) no-repeat 50% 50%; background-size:15px;border:1px solid #ed145b}
.order-wrap input[type=radio]:disabled {background: #dcdcdc; }
.order-wrap .funding-wrap label {vertical-align: middle;}

.order-t7 { font-size:1.1rem!important;}
.order-notice { clear:both; margin:15px; }
.order-notice li {list-style-type:disc; -webkit-margin-start: 20px;-webkit-margin-end: 0px;-webkit-padding-start: 0; line-height:1.6; padding-bottom:5px; font-size:14px;}
.btn-ty {clear:both; float:left; width:100%; }
.btn-ty li {float:left; }
.cart-area9 {width:50% }
.btn-gray { background:#999999; text-align:center; color:#ffffff; font-size:1.15rem}
.btn-gray a { display:block;color:#ffffff!important; padding:15px 0 13px 0}
.btn-on { background:#ed145b; text-align:center; color:#ffffff; font-size:1.15rem;}
.btn-on a { display:block;color:#ffffff!important; padding:15px 0 13px 0 }


.bookfund_wrap_out {background:#ececec; margin-top:-9px;}
.bookfund_wrap { width:720px; margin:0 auto; background-color:#ffffff; padding-bottom:40px; text-align:left; height:100%; font-family:'Apple SD Gothic Neo',AppleGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif!important; font-size:13px;!important line-height:150%;!important}
.bookfund_wrap2 { text-align:left; width:720px; margin:0 auto; background-color:#ffffff; height:100%; font-family:'Apple SD Gothic Neo',AppleGothic,'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif!important; font-size:13px;!important line-height:150%;}
.bookfund_top { position:relative;}
.funding_wrap {width:94%; background-color:#ffffff; padding:15px 3% 5px 3%; font-size:15px;}
.funding_wrap ul { padding:5px 0;}
.funding_wrap li { background:url(http://image.aladin.co.kr/img/common/bu_check.png) no-repeat left 5px; padding-left:18px; padding-bottom:5px; background-size:12px auto; color:#33afe9;}
.funding_wrap > p {font-size: 14px; margin-bottom: 10px;}
.fd_price { padding-bottom:10px;}
.fd_price .price_t {color:#ed145b; font-size:2.0em;}
.fd_dday { padding-bottom:5px;}
.fd_dday .dday_t { font-size:2.0em;}
.fd_dday .dday_t2 { font-size:1.4em;}
.fd_dday .dday_t3 { font-size:1.1em;}
.fdbook_btn {border:1px #bababa solid; display:inline-block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.fdbook_btn a {display:block; padding:3px 10px 2px 10px; color:#333; }
.fdbook_btn a:visited {color:#333;}


.bookfund_tab {width:100%; z-index:999; background-color:#ffffff; border-top:1px #afafaf solid;  border-bottom:1px #afafaf solid; overflow:auto; font-size:15px;}
.bookfund_tab li { float:left; text-align:center; padding:10px 0 5px 0;}
.bookfund_tab .on { border-bottom:5px #ed145b solid;}
.bookfund_tab .tab1 { width:17%}
.bookfund_tab .tab2 { width:14%}
.bookfund_tab .tab3 { width:22%}
.bookfund_tab .tab4 { width:21%}
.bookfund_tab .tab5 { width:26%}
.bf_red { color:#ed145b;}

.funding_btn {width:720px; margin:0 auto; position:fixed; bottom:0; left: calc(50% - 360px); background-color:#ed145b;}
.funding_btn a:link { display:inline-block; width:100%; text-align:center; color:#ffffff; font-size:1.5em; padding:10px 0;}
.funding_btn a:hover { text-decoration: none;}
.funding_btn a:visited { display:inline-block; width:100%; text-align:center; color:#ffffff; font-size:1.5em; padding:10px 0;}

.bookfund_main_wrap { background-color:#ffffff; padding-bottom:15px;} 
.bookfund_main_wrap .bf_list { padding-bottom:15px; position: relative;}
.bf_end_btn { background-color:#f5f5f5; border:1px #ccc solid; text-align:center; margin:10px;}
.bf_end_btn a { display:inline-block; width:100%; font-size:1.1em; padding:10px 0; color:#333;}
.bookfund_main_wrap a:link { text-decoration:none;}
.bookfund_main_wrap a:hover { text-decoration:none;}
.bookfund_main_wrap a:visited { text-decoration:none;}

.tab2_contents { padding:20px 20px; background-color:#ffffff; font-size:1.1em; line-height:1.7em;}
.tab2_contents h2 { font-size:1.2em; font-weight:normal; margin-bottom:5px;}
.tab2_contents .list_wrap { margin-top:15px;}
.tab2_contents .list_wrap .list_t { font-size:1.1em; padding-bottom:5px;}
.tab2_contents .list_wrap ul { margin-left:10px;}
.tab2_contents .list_wrap li { background:url(http://image.aladin.co.kr/img/common/bu_dot.png) no-repeat 0px 8px; background-size:4px auto; padding-left:8px; line-height:1.4em; padding-bottom:3px;}
.bf_info_t { margin-top:10px; line-height:1.4em; padding:0 10px;}

.achieve_t {color:#33afe9;}
.achieve_icon {display:inline-block; background:#33afe9; color:#ffffff; padding:0px 8px;}

.tab3_contents { padding:20px 20px 0 20px; background-color:#ffffff; font-size:1.1em; line-height:1.7em;}
.tab3_contents li {background:url(http://image.aladin.co.kr/img/common/bu_dot.png) no-repeat 0px 8px; background-size:4px auto; padding-left:8px; line-height:1.5em; padding-bottom:3px;}
.tab3_contents h2 {font-size:1.2em; font-weight:normal; margin-bottom:10px;}
.tab3_contents p { margin-bottom:20px;}

.bf_goods_contents { padding:0 10px;}

.bf_100_btn {display:inline-block; border:1px #bdbdbd solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-left:3px;}
.bf_100_btn a { display:inline-block; padding:2px 5px; text-align:center; color:#333333;}

 /*sns공유버튼용*/
.sns_sharebtn { position:absolute; top:10px; left:10px; z-index: 999; width: 97%; }
.sns_sharebtn ul {display: flex; gap: 4px;}
.sns_sharebtn li a {display: block; width: 26px; height: 26px;}
.sns_sharebtn li img { width: 22px; display: none;}
.sns_sharebtn li:nth-child(1) a {background: url('//image.aladin.co.kr/img/common/bookfund_fb.png') no-repeat center / 100% auto;}
.sns_sharebtn li:nth-child(2) a {background: url('//image.aladin.co.kr/img/common/bookfund_X.png') no-repeat center / 100% auto;}

.bf_homebtn {position: absolute; top: 10px; right: 10px; z-index: 999; display: flex; align-items: center;}
.bf_homebtn img {width:30px; display: none;}
.bf_homebtn a {display: inline-block;}
.bf_homebtn a:nth-child(2) {display: block; width: 26px; height: 26px; background: url('//image.aladin.co.kr/img/common/bookfund_menu.png') no-repeat center / 100% auto;}
.bf_detail_btn {height: 26px; line-height: 24px; padding: 0 10px; background-color: #fff; border-radius: 2px; font-weight: bold; border: 1px rgba(148,148,148,0.5) solid; box-sizing: border-box; margin-right: 5px;}
.bf_list .bf_detail_btn {position: absolute; top: 8px; right: 5px;}

 #s_title_bg4 { padding:20px 10px 14px 10px;}

 
.s_list{ width:99%;height:27px;border:1px solid #d7d7d7;background:url(http://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: 13px;line-height: 1.77em;border-spacing: 0;	color:#444;	padding-top:2px;}	
 
 /*펀딩하기*/
.funding-wrap { margin:10px; color:#000}
.funding-wrap .funding-t {color:#ed145b; margin-bottom:10px; font-size:1.2em; line-height:1.5em;}
.funding-wrap dl {border-bottom:1px #ccc solid; margin-top:15px; position: relative;}
.funding-name { padding:15px 0px; font-size:15px; border-bottom:1px solid #ccc;}
.funding-name .t_em {color:#0e89c3}
.funding-name .name_pd { padding-top:8px;}

.funding-name-wrap {margin:10px; padding:15px 0px 2px 0; color:#000}
.funding-name-wrap dl { margin-bottom:15px;}
.funding-name-wrap dt { margin-bottom:5px;}
.funding-name-wrap .t_em {color:#0e89c3; font-weight:bold;}
.funding-name-wrap dd p {color: #ed145b; padding-top: 10px;}
.grid_line {background-color:#ececec; height:8px;}

.funding_quantitywrap {position:relative;  float:left; width:100%; padding-bottom:20px; margin-left:15px;}
.funding_quantity_t {float:left; padding-right:8px; padding-top:5px;}
.funding_quantity {float: left; width:90px;border:1px solid #d8dadc; text-align:center ; height:28px;border-radius: 1px; position:relative; background:#ffffff}
.funding_quantity .mask { background:rgba(0,0,0,.07);height:28px;width:90px; position:absolute; top:0; }
.funding_quantity button { border:0px }
.funding_quantity .decrease { float: left;width: 30px; text-align:center; font-size:0;border-right:1px solid #d8dadc; height:28px; background:url(http://image.aladin.co.kr/img/m/icon_decrease2.png) no-repeat center; background-size:28px;}
.funding_quantity .increase { float: right;width: 30px; text-align:center;font-size:0;border-left:1px solid #d8dadc; height:28px;background:url(http://image.aladin.co.kr/img/m/icon_increase2.png) no-repeat center; background-size:28px;}
.funding_quantity .count { font-size:0.95rem; color:#4a4a4a; padding-top:5px; display:inline-block; font-weight:400 }
.funding_quantity .count input { background:transparent;width:30px; position:absolute; left:30px; top:0; height:28px; text-align:center; border:0; padding-top:3px; font-size:0.95rem; color:#4a4a4a;}

 /*북펀드 펀딩하기 페이지 pc 코딩*/
.fd_tit_wrap { position:relative; top:0; background:#FFFFFF; border-bottom:1px solid #e1e1e1; width:720px;}
.fd_tit_wrap h2 { text-align:center; padding:20px 0; font-size:20px; color:#000}
.fd_tit_wrap .btn-wrap { position:absolute; right:5px; top:10px; }
.fd_tit_wrap .btn-wrap img { width:20px }
.fd_tit_wrap .btn-wrap a { padding:10px;  display:block }
.fd_btn_wrap { position: fixed; bottom:0; background:#999999; width:720px; padding-bottom:-40px;}


.btn-off { background:#808080; text-align:center; color:#afafaf; font-size:1.15rem; padding:15px 0 13px 0}
.btn-off a { display:block;color:#afafaf!important;}

#trackbackeventcomment1_divCommnetList {padding:15px;}

.fd_box_left{}
.fd_box_left input[type=text] {background:#ffffff; border:1px solid #d8dadc;height:36px; border-radius:2px; padding:5px 7px;transition: 1s;box-sizing:border-box; outline:none}
.fd_box_left input[type=text]:focus {border:1px solid #666!important;}
.fd_box_left input[type=text]:disabled { background: #dcdcdc;}

/* 개발자 추가 */
.tab-fixed { position:fixed; top:0px; max-width:720px; }
.book-wrap { position:relative; overflow:hidden; width:100%; height:100%;}
.book-off { display:none; }

.pg_num_wrap { clear:both; text-align:center; background:#FFFFFF; padding:10px 0}
.pg_num_wrap li { display:inline; }
.pg_num_on { border:1px solid #33afe9; color:#33afe9; padding:4px 10px 3px 10px; display:inline-block; margin:0 1px }
.pg_num_on a {color:#33afe9!important }

.pg_num_off { border:1px solid #c7c7c7; color:#33afe9; padding:4px 10px 3px 10px;display:inline-block ; margin:0 1px  }
.pg_num_off a {color:#333!important}
.pg_num_next {display:inline-block; margin:0 1px; vertical-align:top;}

.story_wrap {padding:0 20px 15px 20px!important;}

.bf_none { margin:50px 10px; text-align:center; font-size:16px;}

.comment_info {background-color:#fff; padding:10px 0 0 15px; color:#666;}

.funding-wrap .quantity_field {display: inline-flex; vertical-align: middle; margin-left: 20px;}
.funding-wrap .quantity_field button {width: 26px; height: 26px; border-radius: 50%; border: 1px solid #C9C9C9; font-size: 0px; color: transparent; cursor: pointer;}
.funding-wrap .quantity_field .decrease {background: url(//image.aladin.co.kr/img/shop/2022/minus.svg) #fff no-repeat center / 12px auto;}
.funding-wrap .quantity_field .increase {background: url(//image.aladin.co.kr/img/shop/2022/plus.svg) #fff no-repeat center / 12px auto;}
.funding-wrap .quantity_field .quantity {width: 34px; height: 26px; border-radius: 4px; margin: 0 6px; font-size: 16px; text-align: center; padding: 0; border: 1px #ccc solid; background: #fff; color: #222; vertical-align: middle; line-height: 13px; box-sizing: border-box;} 


.bookfund_top .all_list_btn {display: block; height: 28px; line-height: 28px; padding: 0 13px; background-color: rgba(255,255,255,0.7); font-size: 13px; color: #222; font-weight: bold; border-radius: 3px; position: absolute; right: 10px; top: 12px;}


.bf_floatNavi_box {width: 40px; height: 40px; position: fixed; bottom: 90px; right: calc(50% - 350px); z-index: 1100; transition: all 0.3s; }
.bf_floatNavi_box .floatNavi_up {width: 40px; height: 40px; border-radius: 50%; border: 1px solid #e3e3e3; font-size: 1px; color: transparent; bottom: 20px; display: none; background: url(//image.aladin.co.kr/img/common/arrow_up.svg) rgba(255,255,255,0.98) no-repeat center / 15px 17px; cursor: pointer;}
.bf_floatNavi_box .floatNavi_share {width: 40px; height: 40px; border-radius: 50%; border: 1px solid #e3e3e3; font-size: 1px; color: transparent; background: url(//image.aladin.co.kr/img/common/i-share.svg) rgba(255,255,255,0.98) no-repeat center / 15px auto; transition: all 0.3s; bottom: 50px; position: absolute; cursor: pointer;}
.bf_floatNavi_box .floatNavi_share.start {bottom: 0;}


/* 상품페이지 하단 탭바 리뉴얼 */
.bf_tabbar_wrap {width: 720px; position: fixed; left: calc(50% - 360px); bottom: 0; z-index: 1200;}
.bf_tabbar_wrap .tabbar {width: 100%; min-height: 70px; background-color: #FFFFFF; display: flex; padding: 8px 8px; box-sizing: border-box; border-top: #EDEDED solid 1px;}
.bf_tabbar_wrap .tabbar.ios_Chrome {padding: 8px 8px 24px 8px;}
.bf_tabbar_wrap .tabbar .keepbtn {width:40px; height: 50px; background: url(//image.aladin.co.kr/img/shop/2022/tabbar_cabinet.svg) no-repeat bottom 11px center / 24px 24px; font-size: 1px; color: transparent; flex-shrink:0;}
.bf_tabbar_wrap .tabbar .bellbtn {width: 40px; height: 50px; margin-left: 5px; margin-right: 5px; background: url(//image.aladin.co.kr/img/shop/2022/tabbar_bell.png) no-repeat bottom 13px center / 22px auto; font-size: 0; color: transparent; position: relative; flex-shrink:0;}
.bf_tabbar_wrap .tabbar .bellbtn::after {content:''; display: block; width: 1px; height: 28px; background-color: #ddd; position: absolute; left: -3px; top: 12px;}
.bf_tabbar_wrap .tabbar .gift_balloon {min-width: 60px; height: 24px; border-radius: 12px; font-size: 12px; text-align: center; line-height: 24px; padding: 0 8px; background-color: #ffde06; color: #000; position: absolute; top: -25px; left: -9px; display: none; box-sizing: border-box;}
.bf_tabbar_wrap .tabbar .gift_balloon.on {animation: giftballoom 3s forwards; transform-origin: bottom; -webkit-transform-origin: bottom;  opacity: 1;  display: block;}
.bf_tabbar_wrap .tabbar .gift_balloon::after {content: ''; width: 0; height: 0; border-top: 12px solid #ffde06; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; top: 18px; left: 50%; transform: translateX(-50%);}
.bf_tabbar_wrap .tabbar > div a {position: relative;}
.bf_tabbar_wrap .tabbar > div a .recode_balloon {width: 190px; height: 26px; padding: 0 5px; border-radius: 12px; font-size: 13px; text-align: center; line-height: 26px; background-color: #9A7AF9; color: #fff; position: absolute; top: -30px; left: 50%; transform: translateX(-50%); font-weight: normal;}
.bf_tabbar_wrap .tabbar > div a .recode_balloon::after {content: ''; width: 0; height: 0; border-top: 12px solid #9A7AF9; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; top: 20px; left: 50%; transform: translateX(-50%); z-index: -1;}
.bf_tabbar_wrap .tabbar .keepbtn a, .bf_tabbar_wrap .tabbar .bellbtn a {display: block; width: 100%; height: 100%;  font-size: 1px; color: transparent; position: relative;}
.bf_tabbar_wrap .tabbar .basketbtn {height: 50px; flex-grow: 1; flex: 1;}
.bf_tabbar_wrap .tabbar .basketbtn a {display: block; color: #fff; font-size: 17px; font-weight: bold; background-color: #EB217C; border-radius: 6px; color: #fff; line-height: 50px; text-align: center;}
.bf_tabbar_wrap .tabbar_layer {width: 100%; background-color: #fff; border-radius: 12px 12px 0 0; box-shadow: #0000001A 0 -3px 10px; overflow: hidden; padding: 0 16px 24px 16px; box-sizing: border-box;}
.bf_tabbar_wrap .tabbar_layer .close_layer {width: 100%; height: 30px; font-size: 1px; color: transparent; background-color: #fff; position: relative; margin-bottom: 5px; border: 0;}
.bf_tabbar_wrap .tabbar_layer .close_layer::after {content: ''; width: 36px; height: 11px; background:url(//image.aladin.co.kr/img/shop/2022/drop-down.svg) no-repeat center / 100% auto; position: absolute; top: 10px; left: 50%; transform: translateX(-50%);}
.bf_tabbar_wrap .basket_layer h3 {font-size: 18px;}
.bf_tabbar_wrap .basket_layer h3 em {color: #EB217C; font-weight: bold; font-style: normal;}
.bf_tabbar_wrap .basket_layer p {font-size: 14px; margin-top: 8px;}
.bf_tabbar_wrap .basket_layer p .pink_txt {color: #EB217C;}

/* 판매 알림 신청 레이어 - product_v3에서 가져옴 */
#tbAlarmLayer {width: 442px; height: 640px!important; position: fixed; top: 50%; left: 50%; transform: translate3d(-50.4%, -50.4%, 0); border: 0; padding: 0; background-color: #fff;display: none;  z-index: 1000;}
.Ere_layerst_Tit2 .close {position: absolute; top: 10px; right: 10px; z-index: 1200;}
.Ere_layerst_Tit2 { background:#fff; position:relative; margin:0; padding:25px 20px; border:1px solid #ccc; box-shadow:0 1px 1px #ccc; font-family: malgun, "Malgun Gothic", Dotum, 돋움, sans-serif; width:400px;}
.Ere_layerst_Tit2 h3 { margin:0; padding:0; font-size:17px; color:#444;}

.Ere_layerst_Tit2 .bt_list3 { margin:5px 0 5px 0 ; padding:0; font-size:14px; line-height:1.5; letter-spacing:0em;}
.Ere_layerst_Tit2 .bt_list3 ul { margin:0; padding:0;}
.Ere_layerst_Tit2 .bt_list3 ul li {list-style:none; margin:0; padding:0 0 7px 0px; font-size:14px; line-height:1.5; letter-spacing:0em;color:#333; font-weight: normal;}
.Ere_layerst_Tit2 .bt_list3 ul li:last-child {padding-bottom:0px;}
.Ere_layerst_Tit2 .bt_list3 ul li a:link { color:#333;}
.Ere_space20 { margin:0; padding:0; height:20px;}
.Ere_space10 { margin:0; padding:0; height:10px;}
.Ere_space5 { margin:0; padding:0; height:5px;}
.Ere_textC { text-align:center;}
.Ere_sub_pink { color:#eb217c; text-decoration:none; line-height:1.5; } /* color:#ef3b96; */
a.Ere_sub_pink:link {  color:#eb217c; text-decoration:none; line-height:1.5; }
a.Ere_sub_pink:visited {color:#eb217c; text-decoration:none; line-height:1.5; }
a.Ere_sub_pink:hover { color:#eb217c; text-decoration:none; line-height:1.5;  }

.Ere_layerst_Tit2 .bt_list2 { margin:5px 0 5px 0 ; padding:0;}
.Ere_layerst_Tit2 .bt_list2 ul { margin:0; padding:0;}
.Ere_layerst_Tit2 .bt_list2 ul li {list-style:none; background:url(//image.aladin.co.kr/img/shop/2018/icon_dot1.png) no-repeat 0 7px; margin:0; padding:0 0 7px 10px; font-size:14px; line-height:1.4;letter-spacing:-0.02em; float: none; }

.Ere_layerst_Tit2 .bt_list5 { margin:5px 0 ; padding:15px 4%; background-color:#f5f5f5; width:92%;}
.Ere_layerst_Tit2 .bt_list5 ul { margin:0; padding:0;}
.Ere_layerst_Tit2 .bt_list5 ul li {list-style:none; margin:0; padding:0 0 10px 0px; font-size:14px; line-height:1.5;letter-spacing:0em;  }
.Ere_layerst_Tit2 .bt_list5 ul li:last-child {padding:0 ;  }
.Ere_layerst_Tit2 .bt_list5 ul li img { margin-bottom:-5px;}

/* 장바구니 레이어 담기 버튼 */
.Ere_feedback_btn_cart {display: inline-block; padding: 0; vertical-align: middle; text-align: center; text-decoration: none; background: #df307f; width:100%; }
.Ere_feedback_btn_cart a:link, .Ere_feedback_btn_cart a:visited {white-space: nowrap; text-decoration: none; color: #FFF; font-size:15px; font-weight: bold; font-family: malgun, "Malgun Gothic", Dotum, 돋움, sans-serif; line-height:1.5; display: block; white-space: nowrap; background: #df307f; margin: 0; padding:10px 0; border: 0;}
.Ere_feedback_btn_cart a:hover {text-decoration: none; background: #c82370;}

.bookfund_commnet_none {text-align: center; padding: 100px 0 0 0; font-size: 15px;}


/* 목록 개편 */
.bookfund-list-wrap {font-family:"Roboto", "Noto Sans KR", "Helvetica Neue", Helvetica, sans-serif; color: #000;}
.bookfund-list-container {width: calc(100% - 30px); margin: 0 auto; padding: 0 0 80px 0;}
.bookfund-list-wrap .bookfund-tit {text-align: center; padding: 60px 0 30px 0;}
.bookfund-list-wrap .bookfund-tit p {font-size: 15px; font-weight: 700; margin: 0 0 8px 0; line-height: 1.2; letter-spacing: -1px;}
.bookfund-list-wrap .bookfund-tit h2 {font-size: 33px; font-weight: 700; margin: 0; line-height: 1.2; letter-spacing: -1px;}
.bookfund-list-wrap .bookfund-contnets .sort-box {display: flex; justify-content: space-between; align-items: center; padding: 0 0 10px 0;}
.bookfund-list-wrap .bookfund-contnets .sort-box .check {display: flex; align-items: center;}
.bookfund-list-wrap .bookfund-contnets .sort-box input {width: 16px; height: 16px; margin-right: 5px;}
.bookfund-list-wrap .bookfund-contnets .sort-box input:checked + label {font-weight: bold;}
.bookfund-list-wrap .bookfund-contnets .sort-box label {font-size: 15px; line-height: 1.2;}
.bookfund-list-wrap .bookfund-contnets .sort-box .btn .fund-btn-big {display: inline-block; height: 30px; border-radius: 18px; line-height: 29px; border: solid 1px #000; box-sizing: border-box; font-size: 15px; color: #000; padding: 0 15px;}
.bookfund-list-wrap .bookfund-contnets .fund-btn-small {display: inline-block; height: 20px; line-height: 18px; border-radius: 10px; border: solid 1px #666; padding: 0 10px; font-size: 12px; color: #666; font-weight: 500; background-color: #f5f5f5; margin-left: 6px; box-sizing: border-box;}
.bookfund-list-wrap .bookfund-contnets .bookfund-list {display: flex; gap: 30px; flex-wrap: wrap;}
.bookfund-list-wrap .bookfund-contnets .bookfund-list li {width: 100%; background-color: #f5f5f5; border-radius:10px;}
.bookfund-list-wrap .bookfund-contnets .bookfund-list li .fund-img {width: 100%;}
.bookfund-list-wrap .bookfund-contnets .bookfund-list li .fund-img img {display: block; width: 100%; border-radius: 10px 10px 0 0;}
.bookfund-list-wrap .bookfund-contnets .bookfund-list li .fund-info {padding: 27px 20px;}
.bookfund-list-wrap .bookfund-contnets .bookfund-list li .fund-info .fund-current {display: flex; align-items: center; font-size: 23px; color: #000; font-weight: 700; margin-bottom: 5px; line-height: 1.2;}
.bookfund-list-wrap .bookfund-contnets .bookfund-list li .fund-info .fund-price {font-size: 17px;}
.bookfund-list-wrap .bookfund-contnets .bookfund-list li .fund-info .fund-price .price-t {color: #ed145b; font-weight: 700;}
.bookfund-list-wrap .bookfund-contnets .bookfund-list li .fund-info .fund-price .volume-t {font-weight: 700;}
.bookfund-list-wrap .bookfund-contnets .bookfund-list li .fund-info .fund-event {font-size: 14px; font-weight: 500; color: #666; margin-top: 16px; line-height: 1.4; letter-spacing: -0.5px;}
.bookfund-list-wrap .bookfund-contnets .bookfund-list li .fund-info .fund-event a {margin: -2px 0 0 6px; vertical-align: middle;}
.bookfund-list-wrap .bookfund-contnets .bookfund-list li .fund-info .fund-info-box {border-top: 1px solid #dcdbdb; padding: 20px 0 0 0; margin-top: 20px;}
.bookfund-list-wrap .bookfund-contnets .bookfund-list li .fund-info .fund-info-box .detail-txt {display: flex; flex-wrap: wrap; gap:3px 0; margin-bottom: 4px;}
.bookfund-list-wrap .bookfund-contnets .bookfund-list li .fund-info .fund-info-box .detail-txt > div {width: 50%;}
.bookfund-list-wrap .bookfund-contnets .bookfund-list li .fund-info .fund-info-box .detail-txt > div > span {display: inline-block; font-size: 14px; color: #666; letter-spacing: -0.5px;}
.bookfund-list-wrap .bookfund-contnets .bookfund-list li .fund-info .fund-info-box .detail-txt > div > span:nth-child(1) {color: #000; font-weight: 500; margin-right: 4px;}
.bookfund-list-wrap .bookfund-contnets .bookfund-list li .fund-info .fund-info-box .important-txt {font-size: 14px; color: #33afe9; font-weight: 700; line-height: 1.4; letter-spacing: -0.5px;}
.bookfund-list-wrap .bookfund-contnets .more-btn {padding: 30px 0;}
.bookfund-list-wrap .bookfund-contnets .more-btn button {width: 100%; height: 48px; line-height: 48px; border: solid 1px #333; background-color: #fff; font-size: 14px; color: #000; border-radius: 24px;}

/* 플로팅 배너 */
.mobile-floating-banner {position: fixed; bottom: 20px; right: 20px; width: 120px; z-index: 999; border-radius: 12px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); background: #fff;  overflow: hidden;  text-align: center;}
.mobile-floating-banner a {display: block; position: relative;}
.mobile-floating-banner img {width: 100%; display: block;}
	/* 닫기 버튼 */
.banner-close {position: absolute; top: 4px; right: 4px; background: rgba(0, 0, 0, 0.6); border: none; border-radius: 50%; width: 24px; height: 24px; padding: 0; display: flex; align-items: center;  justify-content: center;  cursor: pointer;}
.banner-close img {width: 12px; height: 12px;}
	/* 일주일간 숨기기 버튼 */
.banner-hide {width: 100%; font-size: 11px; padding: 5px 0; border: none; background: #666; cursor: pointer; border-top: 1px solid #ddd; color:#fff;}
.floating-banner-fixed {display:none;}



@media all and (min-width:750px) {
	.bookfund-list-wrap {font-family:"Roboto", "Noto Sans KR", "Helvetica Neue", Helvetica, sans-serif; color: #000;}
	.bookfund-list-container {width: 1035px; margin: 0 auto; padding: 0 0 80px 0;}
	.bookfund-list-wrap .bookfund-tit {text-align: center; padding: 60px 0 30px 0;}
	.bookfund-list-wrap .bookfund-tit p {font-size: 22px; font-weight: 700; margin: 0 0 8px 0; line-height: 1.2; letter-spacing: -1px;}
	.bookfund-list-wrap .bookfund-tit h2 {font-size: 50px; font-weight: 700; margin: 0; line-height: 1.2; letter-spacing: -1px;}
	.bookfund-list-wrap .bookfund-contnets .sort-box {display: flex; justify-content: space-between; align-items: flex-end; padding: 0 0 15px 0;}
	.bookfund-list-wrap .bookfund-contnets .sort-box .check {display: flex; align-items: center;}
	.bookfund-list-wrap .bookfund-contnets .sort-box input {width: 16px; height: 16px; margin-right: 5px;}
	.bookfund-list-wrap .bookfund-contnets .sort-box label {font-size: 15px; line-height: 1.2;}
	.bookfund-list-wrap .bookfund-contnets .sort-box .btn .fund-btn-big {display: inline-block; height: 36px; border-radius: 18px; line-height: 36px; border: solid 1px #000; box-sizing: border-box; font-size: 15px; color: #000; padding: 0 15px;}
	.bookfund-list-wrap .bookfund-contnets .fund-btn-small {display: inline-block; height: 20px; line-height: 18px; border-radius: 10px; border: solid 1px #666; padding: 0 10px; font-size: 12px; color: #666; font-weight: 500; background-color: #f5f5f5; margin-left: 6px; box-sizing: border-box;}
	.bookfund-list-wrap .bookfund-contnets .bookfund-list {display: flex; gap: 30px; flex-wrap: wrap;}
	.bookfund-list-wrap .bookfund-contnets .bookfund-list li {width: 325px; background-color: #f5f5f5; border-radius:10px;}
	.bookfund-list-wrap .bookfund-contnets .bookfund-list li .fund-img {width: 100%;}
	.bookfund-list-wrap .bookfund-contnets .bookfund-list li .fund-img img {display: block; width: 100%; border-radius: 10px 10px 0 0;}
	.bookfund-list-wrap .bookfund-contnets .bookfund-list li .fund-info {padding: 27px 20px;}
	.bookfund-list-wrap .bookfund-contnets .bookfund-list li .fund-info .fund-current {display: flex; align-items: center; font-size: 23px; color: #000; font-weight: 700; margin-bottom: 5px; line-height: 1.2;}
	.bookfund-list-wrap .bookfund-contnets .bookfund-list li .fund-info .fund-price {font-size: 17px;}
	.bookfund-list-wrap .bookfund-contnets .bookfund-list li .fund-info .fund-price .price-t {color: #ed145b; font-weight: 700;}
	.bookfund-list-wrap .bookfund-contnets .bookfund-list li .fund-info .fund-price .volume-t {font-weight: 700;}
	.bookfund-list-wrap .bookfund-contnets .bookfund-list li .fund-info .fund-event {font-size: 14px; font-weight: 500; color: #666; margin-top: 16px;}
	.bookfund-list-wrap .bookfund-contnets .bookfund-list li .fund-info .fund-info-box {border-top: 1px solid #dcdbdb; padding: 20px 0 0 0; margin-top: 20px;}
	.bookfund-list-wrap .bookfund-contnets .bookfund-list li .fund-info .fund-info-box .detail-txt {display: flex; flex-wrap: wrap; gap:3px 0; margin-bottom: 4px;}
	.bookfund-list-wrap .bookfund-contnets .bookfund-list li .fund-info .fund-info-box .detail-txt > div {width: 50%;}
	.bookfund-list-wrap .bookfund-contnets .bookfund-list li .fund-info .fund-info-box .detail-txt > div > span {display: inline-block; font-size: 14px; color: #666;}
	.bookfund-list-wrap .bookfund-contnets .bookfund-list li .fund-info .fund-info-box .detail-txt > div > span:nth-child(1) {color: #000; font-weight: 500; margin-right: 4px;}
	.bookfund-list-wrap .bookfund-contnets .bookfund-list li .fund-info .fund-info-box .important-txt {font-size: 14px; color: #33afe9; font-weight: 700; line-height: 1.4;}
	.bookfund-list-wrap .bookfund-contnets .more-btn button {height: 50px; line-height: 50px; border-radius: 25px; font-size: 18px;}

	/* 우측 날개 배너 */
	.mobile-floating-banner {display: none;}
	.floating-banner-fixed {position: fixed; bottom: 50px; /* 원하는 위치로 조정 */	left: calc(50% + 550px); /* bookfund-contents 우측 기준에 딱 붙도록 */	width: 140px;	z-index: 1000;}
	.floating-banner-fixed img {width: 100%; display: block;}
	.floating-banner-fixed {display: block;}

}
