@font-face {
    font-family: 'yg-jalnan';
    src: url('/turtle/font/Jalnan.woff2') format('woff2'),
        url('/turtle/font/Jalnan.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
* {
	box-sizing:border-box;
}
.soldout_txt {display:none;}
#sit_ov_soldout {color:red;}
html, body {position:relative; margin:0 auto !important;}
body {max-width:500px; padding-bottom:50px; padding-top:0 !important; font-size:16px;}
.viewp {padding-top:50px;}
/* 기본 스타일 제거 */
.noti54p input[type=submit], .noti54p button {
    -webkit-appearance: none; /* 사파리, 크롬의 기본 스타일 제거 */
    -moz-appearance: none;    /* 파이어폭스의 기본 스타일 제거 */
    appearance: none;         /* 기본 스타일 제거 */
    border: none;             /* 기본 테두리 제거 */
    background: none;         /* 기본 배경 제거 */
    box-shadow: none;         /* 기본 그림자 제거 */
    outline: none;            /* 기본 아웃라인 제거 */
    font: inherit;            /* 폰트 상속 */
	color:#333;
	border-radius:0;
}

/*글자크기 16픽셀*/
.wishp.sub02p.viewp input, 
.wishp.sub02p.viewp textarea
{font-size: 16px !important;}
input, textarea {transform: scale(1); transform-origin: 0 0; /* 위치 고정 */}

/* @media all and (max-width:1099px) { */
body {
    scrollbar-color: transparent transparent; /* Firefox */
    scrollbar-width: thin; /* Firefox */
  }

  /* Webkit (Chrome, Safari 등) 스크롤바 투명도 설정 */
  body::-webkit-scrollbar {
    width: 12px; /* 스크롤바 너비 설정 */
  }

  body::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0); /* 스크롤바 색상 및 투명도 설정 */
  }
#header {overflow:hidden; position:relative; background:#fff;}
#header .logo_ex {position:absolute; top:0px; right:15px; width:100px; z-index:2;}
.mainp.newp #header .logo_ex {display:block;}
#header {padding:0; background-size: auto 100%; /* 높이에만 맞추고 비율 유지 */
  background-position: center; /* 가운데 정렬 */
  background-repeat: no-repeat; /* 반복 방지 */}
#header .new_year_wrap {display:none; height:60px; width:149px; position:absolute; z-index:2; overflow:hidden;
	background:url('/turtle/img/new_year_bg.jpg'); background-size:100%; left:50%; margin-left:-74.5px;
}
#header .new_year_wrap a {position:absolute; width:100%; height:100%; z-index:4; top:0; left:0;}
#header .new_year_wrap img {position:absolute; transition: all 1.5s ease .1s;}
#header .new_year_wrap img.ca {width:36%; left:32%; bottom:-70px; z-index:3;}
#header .new_year_wrap img.ca.on {bottom:-25px;}
#header .new_year_wrap img.text {width:60%; left:20%; top:-50px; z-index:2;}
#header .new_year_wrap img.text.on {top:0px;}
#header .new_year_wrap img.sun {width:60%; left:20%; bottom:-80px;}
#header .new_year_wrap img.sun.on {bottom:-50px;}
#header .new_year_wrap img.ca {animation: rotate infinite 3s linear;}
@keyframes rotate {
  0% {transform: rotate(0deg);}
  50% {transform: rotate(-10deg);}
  100% {transform: rotate(0deg);}
}
#header .new_year_wrap img.sun {animation: rotate02 infinite 13s linear;}
@keyframes rotate02 {
  0% {transform: scale(1);}
  50% {transform: scale(1.5);}
  100% {transform: scale(1);}
}
#header .ci {width:100%; z-index:2; position:relative; height:60px; max-width:500px; left:50%; 
	transform:translateX(-50%); text-align:center;
}
#header .ci a {margin-top:12px; display:inline-block;}
#header .ci a img {height:24px; width:auto;}
#header ul.menu {position:absolute; right:15px; top:10px; width:100%;}
.orderinquiryp #header ul.menu,
.shop_goop #header ul.menu
{display:none;}
#header ul.menu li {float:right;}
#header ul.menu li.adm_btn {position:absolute; left:15px; overflow:hidden; margin-left:15px;}
#header ul.menu li.adm_btn a {float:left; margin-right:7px;}
#header ul.menu li a {display:block; color:#fff; border-radius:5px; height:30px; line-height:30px; width:55px; font-size:13px; font-weight:500; background:#333; border-radius:3px; text-align:center;}
#header ul.menu li.btn_ham a {font-family: yg-jalnan; letter-spacing:0; font-size:14px;}
#header ul.my_menu {position:fixed; bottom:0; width:100%; background:#fff; overflow:hidden; z-index:1000; 
	border-top:#ddd 1px solid; left:50%;  transform: translateX(-50%); max-width:500px;
}
.viewp #header {display:none;}
#header ul.my_menu li {float:left; width:20%; position:relative;}
#header ul.my_menu li a {display:block; height:50px; line-height:50px; text-align:center; font-weight:500; font-size:10px; opacity:0.4;}
#header ul.my_menu li a img {width:32px; left:50%; margin-left:-16px; margin-top:4px; position:absolute;}
#header ul.my_menu li.t04 a img {width:22px; margin:17px 0 0 -11px;}
#header ul.my_menu li a div {padding-top:13px;}
#header ul.my_menu li ul {display:none;}
.now_t {text-align:center; height:102px; margin:-50px 0 10px 0;}
.now_t dt {line-height:50px; color:#111; font-weight:500; font-size:16px; text-align:right; padding-right:15px; opacity:0;}
.now_t dt img {display:none;}
.now_t dd.back {display:none;}
.now_t dd.back a {border:#333 0px solid; background:#fff; position:absolute; top:0; left:0; width:50px; height:50px; line-height:50px;}
.now_t dd.back img {height:40px; margin-top:-4px; transform:rotate(270deg); -ms-transform:rotate(270deg); -webkit-transform:rotate(270deg);}

.lnb {overflow:hidden; border-top:#ddd 0px solid; width:100%; background:#fff; z-index:999; position:absolute; top:60px;
	 /* max-width:500px; */ left:50%; transform:translateX(-50%);
}
.lnb.view {position:fixed; top:0; left:50%; transform: translateX(-50%); max-width:500px;}
.shopp .lnb.view {max-width:700px;}
.lnb li {float:left; width:25%; position:relative;}
.lnb li span {position:absolute; top:0px; left:50%; font-size:10px; background:#fff; border-radius:100px; height:15px;
	line-height:13px; padding:0 3px; color:#555; margin-left:-23px; border:#ddd 1px solid; width:46px;
}
/* .lnb.my li span {top:0; left:auto; transform:rotate(0);} */
.lnb li a {display:block; text-align:center; line-height:50px; font-weight:500; color:#999; border-bottom:#fff 2px solid;}
.sub01p .lnb li.s01 a, 
.sub02p .lnb li.s02 a,
.sub03p .lnb li.s03 a,
.sub04p .lnb li.s04 a,
.sub05p .lnb li.s05 a
{color:#111; border-bottom:#6cdd83 2px solid;}
.clubp .lnb li {width:33.3%;}
.myroomp .lnb li, 
.wishp .lnb li,
.calp .lnb li,
.noti54p .lnb li
{width:25%;}
.setp .lnb li
{width:25%;}
.fr_book .lnb li {width:33.3%;}
.myfriendp .lnb li {width:33.3%;}
.manup .lnb li {width:20%;}
/* .infop .lnb li, .mypagep .lnb li, .qap .lnb li {width:25%;} */

.lnb li.s04 a img {opacity:1;}
.lnb li.s04 a {opacity:1;}
.lnb li.s04 a img {opacity:0.4;}
.lnb li.s04.ok a {opacity:1; color:#111;}
.lnb li.s04 i {font-size:26px; left:50%; margin-top:8px; margin-left:-11px;}
.lnb li.s04 i, .lnb li.s04 .tnb_nb  {position:absolute;}
.lnb li.s04 .tnb_nb {display:none; background:red; width:20px; height:20px; line-height:18px; z-index:2; border-radius:50px; color:#fff;
	margin:4px 0 0 8px;	
}
.lnb li.s04.ok .tnb_nb {display:inline-block;}

.alert {position:relative;}
.alert:before {content:''; position:absolute; width:5px; height:5px; background:red; border-radius:10px; top:5px; left:50%; margin-left:10px; opacity:0;}
.alert.on:before {opacity:1;}
.clubp #header ul.my_menu li.t01 a,
.myp #header ul.my_menu li.t02 a,
.wishp #header ul.my_menu li.t02 a,
.calp #header ul.my_menu li.t02 a,
.myfriendp #header ul.my_menu li.t03 a,
.setp #header ul.my_menu li.t04 a,
.searchp #header ul.my_menu li.t05 a,
.noti54p #header ul.my_menu li.t02 a,
.freep #header ul.my_menu li.t01 a
{opacity:1;}
.myroomp #header ul.my_menu li.t01 a,
.myfriendp #header ul.my_menu li.t02 a
{opacity:0.4;}

/*메인*/
.mainp .mimg {height:430px; position:relative;}
.mainp .preview_wrap {position:absolute; z-index:1001; top:0; left:0; padding:30px 5%; color:#fff; display:none;}
.mainp .preview_wrap.on {display:block;}
.mainp .preview_wrap .btn_close {background:#fff; position:fixed; width:50px; height:50px; border-radius:50px; text-align:center; top:10px; right:10px; line-height:50px; z-index:2;}
.mainp .preview_wrap .btn_close img {width:22px; vertical-align:middle; margin-top:-5px;}
.mainp .preview li {margin-top:30px;}
.mainp .preview li>div {display:inline-block; background:#6cdd83; color:#111; width:70px; padding:5px 0; border-radius:100px; text-align:center; font-weight:700; margin-bottom:10px;}
.mainp .preview li img {border-radius:10px;}
.mainp .preview:before {content:''; position:fixed; z-index:-1; width:100%; height:100%; top:0; left:0; opacity:0.8; background:#111;}
.mainp .btn_preview {display:block; background:#111; color:#6cdd83; width:calc(100% - 30px); padding:10px 20px; font-weight:500; 
	margin:0 0 0 15px; position:relative; border-radius:0 0 10px 10px;}
.mainp .btn_preview span {color:#fff;}
.mainp .btn_preview img {position:absolute; right:20px; top:50%; margin-top:-8px; height:16px;}
.mainp .mimg .cycle-carousel-wrap {height:100%;}
.mainp .mimg ul {height:100%;}
.mainp .mimg ul li {position:relative !important; height:100%; width:100%;}
.mainp .mimg ul li.mtext {font-size:14px; line-height:160%; color:#333; padding:10% 10%; text-align:center;}
.mainp .mimg ul li.mtext div {font-family:yg-jalnan; font-size:24px; color:#111; letter-spacing:0; margin-bottom:15px; line-height:36px;}
.mainp .mimg img.ca {width:140px; position:absolute; margin-left:-70px; bottom:-3%; left:50%; z-index:1000;}
.mainp .mimg img.ele {position:absolute; bottom:0; left:50%; opacity:1;}
.mainp .mimg img.ele01 {width:210px; margin-left:-80px;}
.mainp .mimg img.ele02 {width:210px; margin-left:-80px;}
.mainp .mimg img.ele03 {width:210px;margin-left:-100px;}
.mainp .mimg .bg {background:#6cdd83; border-radius:1000px 1000px 0 0; position:absolute; width: calc(100% - 30px); height:100%; bottom:0; left:15px; z-index:-1; border-bottom:0px #111 solid;}
.mainp .mimg .pager {position:absolute; z-index:1000; text-align:center; width:100%; top:37%; display:none;}
.mainp .mimg .pager span {display:inline-block !important; width:7px; height:7px; border-radius:10px; text-indent:-9999px; background:#f9f3ee; margin:0 5px; cursor:pointer; overflow:hidden;}
.mainp .mimg .pager span.cycle-pager-active {background:#55c86d;}
.mainp .mimg_new {background:#6cdd83; height:90px; line-height:26px; font-family:yg-jalnan; color:#111; font-size:17px; overflow:hidden; 
	position:relative; padding:15px 0 0 20px; border:#6cdd83 0px solid;}
.mainp .mimg_new a {color:#111;}
.mainp .mimg_new a div span {background:#111; color:#6cdd83; padding:2px 10px; font-family: 'Noto Sans KR', Noto Sans KR, sans-serif; display:inline-block; font-size:14px; border-radius:3px; margin-top:3px;}
.mainp .mimg_new img {position:absolute; right:10px; bottom:-28%; height:160%;}

.mainp .noti_wrap {padding:10px; border-bottom:#ddd 1px solid; display:none;}
.mainp .noti_wrap .notice {}
.mainp .noti_wrap ul li a {display:block; font-size:15px; padding-left:27px; position:relative; font-weight:500;}
.mainp .noti_wrap ul li a .new_icon {background:#333; color:#6cdd83; position:absolute; width:15px; height:15px; left:0; border-radius:2px; 
	text-align:center; line-height:15px; font-size:10px; top:50%; margin-top:-7.5px; padding-right:1px; display:none;
}
.mainp .noti_wrap ul li a:before {content:''; background:url('/turtle/img/icon_noti.png')#fff; background-size:cover; position:absolute; width:22px; height:22px; left:0; border-radius:2px; 
	text-align:center; line-height:15px; font-size:10px; top:50%; margin-top:-11px;
}

.mainp.new #header {margin-bottom:0; position:absolute; z-index:1000; width:100%; left:0;}
.mainp.new #header img.ww {mix-blend-mode:difference; filter: brightness(0) invert(100%) grayscale(100%);}
.mainp.new #header img.white {mix-blend-mode:difference; filter: invert(100%) grayscale(100%);}
/* .mainp.new #header ul.menu li.btn_ham {background:#6cdd83; border-radius:100px; width:50px; height:30px; line-height:30px;}
.mainp.new #header ul.menu li.btn_ham div {display:none;} */
.mainp.new .mimg {height:420px;}
.mainp.new .mimg ul li:before {content:''; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-2;}
.mainp.new .mimg ul li:after {content:''; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1; background:#111; opacity:0.3;}
.mainp.new .mimg ul li.mc03:after {display:none;}
.mainp.new .mimg ul li.mc01:before {background:url('/turtle/img/mimg01.jpg')center center; background-size:cover;}
.mainp.new .mimg ul li.mc02:before {background:url('/turtle/img/mimg02.jpg')center center; background-size:cover;}
.mainp.new .mimg ul li.mc03:before {background:url('/turtle/img/mimg03.jpg?v02')center bottom; background-size:cover;}
.mainp.new .mimg ul li.mtext {color:#fff; padding:80px 10% 0 10%;}
.mainp.new .mimg ul li.mtext>div {margin-top:0px; color:#fff;}
.mainp.new .mimg ul li.mtext.mc03 {color:#111;}
.mainp.new .mimg ul li.mtext.mc03>div {color:#111;}
.mainp.new .mimg .bg {display:none;}
.mainp.new .mimg .pager {display:block; top:auto; bottom:15px;}
.mainp.new .btn_preview {position:absolute; z-index:1000; width:50%; margin:0; left:25%; bottom:70px; border-bottom:#fff 2px solid; padding:5px 0; 
	font-size:15px; font-weight:500; background:none;color:#fff;}
.mainp.new .btn_preview img {right:0; height:14px; margin-top:-7px;}
.mainp.new .btn_preview.none {display:none;}
.mainp.new #interRegForm {padding:0;}
.mainp.mp.new .kakao_ad_area {margin-top:8px; margin-bottom:-20px;}

.mainp .mcont {margin:0 0 10px 0; padding:30px 0; background:#fff; border-radius:10px;}
.mainp .mcont>dl {color:#111;}
.mainp .mcont>dl>dt {font-family:yg-jalnan; font-size:32px; line-height:120%; color:#6cdd83; letter-spacing:0;}
.mainp .mcont>dl>dt+dd {margin-bottom:20px; font-weight:500;}
.mainp .mcont.share>dl>dt+dd {margin-bottom:0;}

.mainp .book_new.mcont {position:relative;}
.mainp .book_new.mcont:before {content:''; width:100%; height:50px; position:absolute; top:65%; left:0; background:#6cdd83;}
/* .mainp .book_best.mcont:before {top:62%;} */
.mainp .book_new.mcont .book_thum_wrap {text-align:left; padding-left:15px; min-height:146px;}
.mainp .book_new.mcont .book_thum_wrap img {width:75%;}
.mainp .book_new.now .book_thum_wrap img {height:146.81px;}
.mainp .book_new.mcont .book_info {font-size:13px; color:#999; line-height:19px; margin-top:30px; text-align:left; padding:0 5px 0 15px;}
.mainp .book_new.mcont .book_info div {display: inline-block; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mainp .book_new.mcont .book_info div:first-child {font-size:16px; color:#111; font-weight:500;}
.mainp .book_new.mcont>dl {text-align:center; overflow:hidden;}
.mainp .book_new.mcont>dl>dd {overflow-x:scroll;}
.mainp .book_new.mcont>dl>dd .cycle-slideshow_bk {padding:15px 0; z-index:2; position:relative;}
.mainp .book_new.mcont>dl>dd .grid-item {padding:0; width:150px; float:left; position:relative;}
.mainp .grid-item {cursor:pointer;}
.mainp .book_new.mcont>dl>dd .grid-item .label {position:absolute; width:35px; height:35px; background:#333; border-radius:100px; right:9%; top:10px;
	font-family:yg-jalnan; text-align:center; line-height:35px; color:#6cdd83; font-size:11px; font-style: italic; letter-spacing:0;}
.mainp .book_best.mcont>dl>dd .grid-item .label {background:#6cdd83; color:#111;}
.mainp .mcont>dl>dd .grid-item dl {display:none;}

.mainp .reco_wrap.mcont>dl>dd {overflow:hidden !important;}
.mainp .reco_wrap.mcont>dl>dd .reco_info {font-size:14px; display:inline-block;
	border-bottom:#6cdd83 2px solid; padding-bottom:2px; margin-top:5px;
}
.mainp .reco_wrap.mcont>dl>dd .reco_info img {height:10px; margin:0 0 5px 7px;}
.mainp .reco_wrap.mcont>dl>dd .cycle-slideshow_bk {width:100% !important; padding:0 15px; overflow:hidden; margin-top:-1px;}
.mainp .reco_wrap.mcont>dl>dd .cycle-slideshow_bk li {width:100%; text-align:left; min-height:130px; border-top:#ddd 0px solid; padding:15px 0 15px 100px; float:left;}
.mainp .reco_wrap.mcont>dl>dd .cycle-slideshow_bk li:first-child {border-top:0;}
.mainp .reco_wrap.mcont>dl>dd .cycle-slideshow_bk li.out {width:25%; margin-left:0; margin-right:0; overflow:hidden; padding:0;}
.mainp .reco_wrap.mcont>dl>dd .cycle-slideshow_bk li.out .book_thum_wrap {max-width:100%;}
.mainp .reco_wrap.mcont>dl>dd .cycle-slideshow_bk li.out .book_info,
.mainp .reco_wrap.mcont>dl>dd .cycle-slideshow_bk li.out .reco {display:none;}
.mainp .reco_wrap.mcont>dl>dd .cycle-slideshow_bk li .reco {font-size:14px; line-height:22px; margin-top:0px; color:#777;}
.mainp .reco_wrap.mcont>dl>dd .cycle-slideshow_bk li .book_thum_wrap {position:absolute; left:0; padding:0; min-height:auto; height:130px; top:15px; width:100px;}
.mainp .reco_wrap.mcont>dl>dd .grid-item .label {top:10px;}
.mainp .reco_wrap.mcont>dl>dd .cycle-slideshow_bk li .book_thum_wrap img {max-height:100%; width:70%;}
.mainp .reco_wrap.mcont>dl>dd .cycle-slideshow_bk li .book_info {padding:0; margin-top:10px;}
.mainp .reco_wrap.mcont:before {display:none;}

/* .mainp .mcont>dl>dd .grid-item dl {position:fixed; top:5%; background:#fff; width:90%; white-space:normal; padding:0; display:none; left:5%; z-index:10000; text-align:center;}
.mainp .mcont>dl>dd .grid-item dl:after {content:''; width:100%; height:100%; position:fixed; background:#111; opacity:0.8; left:0; top:0; z-index:-1;}
.mainp .mcont>dl>dd .grid-item dl.on {display:block;}
.mainp .mcont>dl>dd .grid-item dl dt {width:100%; background:#fff; padding:15px; padding-bottom:0px; font-weight:500; border-radius:10px 10px 0 0;}
.mainp .mcont>dl>dd .grid-item dl dt .btn_close {position:absolute; width:40px; right:15px; top:15px; padding:7px; border-radius:100px; border:#333 1px solid;}
.mainp .mcont>dl>dd .grid-item dl dt .book_thum {width:80px; margin-bottom:10px;}
.mainp .mcont>dl>dd .grid-item dl dd {font-size:13px; color:#777; line-height:160%; background:#fff; padding:0 15px;}
.mainp .mcont>dl>dd .grid-item dl dd+dd {text-align:left; border-radius:0 0 10px 10px; padding:15px;} */

.mainp .book_search_wrap {position:fixed; top:5%; width:90%; white-space:normal; padding:0; left:5%; z-index:10000; text-align:center; height:100%; display:none;}
.mainp .book_search_wrap .btn_close {position:absolute; width:40px; right:15px; top:15px; padding:7px; border-radius:100px; border:#333 1px solid; z-index:1000; background:#fff;}
.mainp .book_search_wrap.on {display:block;}
/* .mainp .book_search {text-align:center;}
.mainp .book_search li {max-width:500px;} */
.mainp .book_search:after {content:''; width:100%; height:100%; position:fixed; background:#111; opacity:0.8; left:0; top:0; z-index:-1;}
.mainp .book_search_wrap .go_book_search {display:none;}
.mainp .book_search_wrap .go_book_search.on {display:block;}

.mainp .book_pick.mcont {position:relative;}
.mainp .book_pick.mcont>dl>dt, .mainp .book_pick.mcont>dl>dt+dd {padding-left:15px;}
.mainp .book_pick.mcont>dl>dd {overflow-x:scroll;}
.mainp .book_pick.mcont>dl>dd .cycle-slideshow_bk {padding-left:10px; overflow-x:scroll;}
.mainp .book_pick.mcont>dl>dd .grid-item {padding:6px; width:95px; float:left;}
.mainp .book_pick.mcont>dl>dd .grid-item:not(:has(.book_thum[src==""])) {display:none;}

.clubp {background:#eee;}
.clubp #fboardlist .bo_fx li a {border-radius:5px;}
.clubp.eventp #bo_list {background:#fff; border-radius:10px;}
.clubp.eventp #bo_list .event_list table {overflow:hidden;}
.clubp.eventp #bo_list .event_list tr {width:48%; float:left; margin:5px 0; text-align:center; font-size:14px;}
.clubp.eventp #bo_list .event_list tr:nth-child(2n) {float:right;}
.clubp.eventp #bo_list .event_list tr td {padding:0;}
.clubp.eventp #bo_list .event_list img {width:auto; height:auto;}
.clubp.eventp #bo_list .event_list .end {opacity:0.5; filter:grayscale(100%);}
.clubp.eventp #bo_list .event_list tr td .tt {margin:5px 0;}
.clubp.eventp #bo_sch {display:none;}
.clubp.eventp #fboardlist {max-width:100%; padding:10px 15px; margin:0;}
.clubp.eventp #bo_v {background:#fff; border-radius:10px; padding:15px; margin-top:90px;}
.clubp.eventp #bo_v header {display:none;}
.clubp.eventp #bo_v_con {padding:0;}
.clubp.eventp #bo_vc h2 {display:none;}
.clubp.eventp .tbl_head01 {margin:0}
.clubp.eventp .tbl_head01 td {border:0;}
.clubp.eventp .bo_v_nb {display:none;}
.eventp #bo_v #bo_vc {padding:0; border:0; margin-top:30px;}
.eventp #bo_v #bo_vc #bo_vc_empty {padding:15px !important;}
.eventp #bo_v #bo_vc article {position:relative;}
.eventp #bo_v #bo_vc header {font-size:13px; opacity:0.7; padding:10px 0;}
.eventp #bo_v #bo_vc footer {position:absolute; top:10px; right:10px;}
.eventp #bo_v #bo_vc footer a {font-size:13px; background:#f8f8f8; border:#eaeaea 1px solid; padding:3px 5px;}
.eventp #bo_v #bo_vc_w {margin:0; border:0;}
.eventp #bo_v #bo_vc_w table {border-top:#ddd 1px solid}
.eventp #bo_v #bo_vc_w table th {width:90px; font-size:14px; border:0; border-bottom:#ddd 1px solid; border-right:#ddd 1px solid;}
.eventp #bo_v #bo_vc_w table td {border:0; border-bottom:#ddd 1px solid;}
.eventp #bo_v #bo_vc_w table td textarea {min-height:100px;}
.eventp #bo_v #bo_vc_w .btn_confirm {text-align:center;}

.agep {position:relative;}
.age_pop {display:none; position:absolute; width:100%; height:100%; top:0; left:0; z-index:3; padding:80px 15px 0 15px; 
	color:#fff; text-align:center;
}
.age_pop.on {display:block;}
.age_pop:before {content:''; width:100%; height:100%; top:0; left:0; z-index:-1; background:#111; opacity:0.8; position:absolute;}
.age_pop span {color:#6cdd83; font-weight:500;}
.age_pop a {background:#6cdd83; color:#111 !important; font-size:13px; padding:0 15px; margin-top:20px; display:inline-block; line-height:40px; border-radius:100px; font-weight:500;}
.age_pop .btn_close {position:absolute; width:40px; height:40px; top:15px; right:15px; padding:10px; text-align:center; border-radius:50px; background:#fff;}
.age_pop .btn_close img {max-width:100%; vertical-align:top;}
.age-tabs ul {overflow:hidden;}
.age-tabs ul li {float:left; margin-bottom:-1px; width:19.5%;}
.age-tabs ul li:first-child {margin-left:3%;}
.age-tabs ul li a {display:block; position:relative;margin-left:-2px;padding:6px 0 5px;width:90px; color:#888;text-align:center;letter-spacing:-0.1em;line-height:40px;cursor:pointer;}
.age-tabs ul li a.on {color:#111; border:#333 2px solid; z-index:2; border-bottom:#fff 2px solid;}
.agep .cont {padding:0 15px;}
.agep .wrap {overflow-x:scroll; margin-left:-15px;}
.agep .cycle-slideshow_bk {overflow-x:scroll;}
.agep .grid {padding:0px 0 10px 15px; width:25%; float:left; position:relative;}
.agep .grid .book_thum_wrap {cursor:pointer;}
.agep .grid .book_thum_wrap div {font-size:14px; font-weight:500; color:#111; padding:5px 0; display:inline-block; 
	width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.agep .grid .book_info {position:fixed; top:0; display:none; z-index:1100; width:calc(100% - 30px); height:100%; left:15px;}
.agep .grid .book_info.on {display:block;}
.agep .grid .book_info .btn_close {width:40px; height:40px; background:#fff; border-radius:100px; 
	padding:7px; position:absolute; right:10px; top:30px; display:none; z-index:2; border:#333 1px solid;
}
.agep .grid .book_info.on .btn_close {display:block;}
.agep .grid .book_info>div {position:relative; background:#fff; margin:20px auto; max-width:500px; padding:30px 15px; 
	border-radius:10px; text-align:center;
}
.agep .grid .book_info>div img {width:90px;}
.agep .grid .book_info:before {content:''; width:100%; height:100%; background:#111; opacity:0.8; top:0; left:0; position:fixed; z-index:-1;}
.agep .grid .book_info dl dt a {color:#111; font-weight:500; padding:20px 0 5px 0; text-align:center; border-bottom:#333 2px solid; display:inline-block;}
.agep .grid .book_info dl dd {font-size:14px; line-height:24px; margin-top:10px;}

.mainp .book_share.mcont {background:#6cdd83; padding:50px 0 30px 0; margin-bottom:0;}
.mainp .book_share.mcont>dl>dt {color:#111; padding-left:15px; position:relative;}
.mainp .book_share.mcont>dl>dt img {height:20px; position:absolute; right:15px; top:12px;}
.mainp .book_share.mcont>dl>dt+dd {padding-left:15px;}
.mainp .book_share.mcont>dl dd {position:relative;}
.mainp .book_share.mcont>dl dd .arrow {position:absolute; z-index:999; width:40px; cursor:pointer; background:#fff; height:40px; border-radius:50px; border:#ddd 1px solid; padding:0 7px; line-height:40px; right:35px; top:50%; margin-top:-40px;}
.mainp .book_share.mcont>dl dd .arrow img {margin-top:-3px;}

/*카카오배너*/
.kakao_ad_area_wrap {text-align:center; margin-bottom:10px;}
.kakao_ad_area {padding:0; margin:0;}
/* .kakao_ad_area:before {content:''; width:100%; height:1px; background:#333; position:absolute; top:0; left:0; z-index:100;}
.kakao_ad_area:after {content:''; width:100%; height:1px; background:#333; position:absolute; bottom:0; left:0; z-index:100;} */
.mainp.mp .kakao_ad_area {padding:0 10px; margin:0 0 -8px 0;}
.myfriendp .kakao_ad_area {margin-bottom:0px;}
.calp .kakao_ad_area {margin-bottom:0px;}

.tab {margin-bottom:20px; position:relative; width:100%; overflow:hidden;}
.tab:before {content:''; position:absolute; bottom:0; width:100%; height:2px; background:#333; z-index:2; left:0;}
.wishp .tab {overflow:unset;}
.wishp .tab:before {bottom:-1px; width:100%; left:0; clear:both;}
.tab li {float:left; text-align:center; margin-left:-2px; position:relative; width:90px;}
.tab li:first-child {margin-left:0;}
.tab li.on a {color:#111; border:#333 2px solid; z-index:2; border-bottom:0;}
.tab li a {display:block; color:#111; border:#ddd 1px solid; border-radius:7px 7px 0 0; height:40px; line-height:40px; border-bottom:0;
	background:#fff; font-size:12px; font-weight:500; color:#999; position:relative; padding:0 !important; width:100% !important;}
#bo_list .tab li {width:18.5%;}
#bo_list .tab li:first-child, #bo_list .tab li:last-child {width:13%;}
/* #bo_list .tab li+li {width:19%;}
#bo_list .tab li+li+li+li+li {width:20%;} */
.my_cate a {position:absolute; right:5px; font-size:24px; line-height:28px; top:0px; background:#6cdd83;
	width:30px; height:30px; text-align:center; border-radius:100px; z-index:10; color:#fff !important;
}

/*내서재*/
.mp .profile, .wishp.viewp .profile {display:none;}
.profile {position:relative; background:#fff; padding:25px 15px 0 85px; min-height:90px; border-radius:10px 10px 0 0; margin:10px 0 0 0;}
.profile .my_state {font-size:12px; background:#fff; border:#ddd 1px solid; border-radius:5px; position:absolute;
	padding:5px; color:#111; cursor:pointer; line-height:100%; right:40px; top:10px; z-index:3;}
.profile .btn_more {position:absolute; right:10px; top:10px; font-size:12px; font-weight:500; 
	line-height:12px; text-align:center; letter-spacing:0; cursor:pointer; padding:5px;
}
.profile .btn_more img {height:8px; transition:all 0.5s ease .1s;}
.profile .btn_more.open img {transform:rotate(180deg);}
.profile .btn_more .btn_info_edit {position:relative;}
.profile .btn_more .btn_info_edit:before {content:''; position:absolute; width:4px; height:4px; background:red; border-radius:10px; top:0; right:0; display:none;}
.profile .ca {position:absolute; width:60px; height:60px; border-radius:100px; left:15px; top:15px; 
	color:#fff; font-size:14px; line-height:19px; text-align:center; overflow:hidden; z-index:2; background:url('/turtle/img/mb_icon02.jpg')center center; background-size: cover;}
}
.profile .nick {display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/* .profile .btn_set {position:absolute; width:17px; right:15px; top:10px;} */
.profile .my_name {font-size:13px; color:#111; line-height:130%; position:relative;}
.profile .btn_memo {height:20px; position:absolute; right:40px; top:8px; z-index:2;}
.profile .btn_memo img {max-height:100%;}
.profile>dl {max-height:24px; overflow:hidden;}
.profile>dl.view {max-height:300px; padding-bottom:10px;}
.profile>dl dt {display:block; font-size:17px; color:#111; font-weight:500;
	text-overflow: ellipsis; white-space: nowrap; overflow: hidden; min-height:27px; width:100%;
}
.profile>dl.view dt {text-overflow:unset; white-space:unset; overflow:unset;}
.profile>dl dt a {color:#111;}
.profile>dl dt+dd {display:block; line-height:160%; font-size:14px; word-wrap: break-word;}
.profile>dl dt+dd.on {white-space:unset; text-overflow:unset;}
.profile>dl dd {display:inline-block; font-size:12px; margin-right:5px;}
.profile>dl dd a {font-weight:700; color:#333;}
.profile>dl dd.my_info {border:#ddd 1px solid; color:#111; padding:0 5px; border-radius:3px;}
.wishp.viewp #ft {margin-top:0 !important;}

/*쪽지*/
#memo_list, #memo_write, #memo_view {font-size:12px;}
#memo_list .profile_img img {width:52px; height:auto; border-radius:100px; margin-right:5px; display:inline-block;}
#memo_list .memo_li.profile_big_img {margin-right:10px; display:none;}
#memo_list .memo_li.memo_name {padding:0;}
#memo_list .memo_preview {}
.win_ul {padding:0 !important;}
.win_ul li+li+li {display:none;}
.sv_wrap .sv {display:none !important;}
#memo_write .frm_info {display:none;}
#memo_write #me_recv_mb_id {width:100%; margin-bottom:10px;}
#memo_write #me_memo {width:100%; height:200px;}
#memo_write .win_btn button, 
#memo_list .win_btn button, 
#memo_view .win_btn button,
#memo_view .win_btn a
{width:40%; border-radius:5px; line-height:40px; height:40px; font-weight:400; 
	font-size:13px; border:#333 1px solid; color:#333; background:#fff;
}
#memo_view .memo_profile {display:none;}
#memo_view_ul .memo_btn {display:none;}
#memo_write .win_btn #btn_submit {background:#333; color:#fff;}
#memo_write #me_recv_mb_id {display:none;}

/* .profile.new .btn_wrap li {font-size:24px; color:#111; cursor:pointer;} */
.my_smenu {position:fixed; width:100%; height:100%; top:0; left:100%; background:#fff; z-index:1000; 
	transition:all 0.5s ease .1s; max-width:500px; transform: translateX(0);
}
.my_smenu.on {left:50%; transform: translateX(-50%);}
.my_smenu .btn_close {background:#fff; position:absolute; width:50px; height:50px; border-radius:50px; text-align:center; top:10px; right:10px; line-height:50px; z-index:2; border:#333 1px solid; cursor:pointer;}
.my_smenu .btn_close img {width:22px; vertical-align:middle; margin-top:-5px;}
.my_smenu .state {background:#111; padding:25px 20px; border-bottom:#ddd 0px solid; font-size:15px; margin-bottom:10px; color:#ddd;}
.my_smenu .state span {color:#6cdd83; font-weight:700; font-size:19px;}
.my_smenu .state font {cursor:pointer; border-bottom:#fff 1px solid;}
.my_smenu .state div {font-size:13px; color:#999; line-height:100%; margin:5px 0;}
.my_smenu .state a {color:#6cdd83;}
.my_smenu .state .btn_wrap {overflow:hidden; margin-top:15px;}
.my_smenu .state .btn_goo, .my_smenu .state #register_invite, .my_smenu .state #login_invite
{background:#6cdd83; color:#111; position:relative; line-height:40px; border-radius:5px; padding:0 35px 0 10px; text-align:left; 
	display:inline-block; border:0; font-size:12px; font-weight:500; float:left; margin:0 7px 7px 0; letter-spacing:-1px;}
.my_smenu .state #register_invite, .my_smenu .state #login_invite {background:#fff; color:#111;}
.my_smenu .state .btn_goo img, 
.my_smenu .state #register_invite img, .my_smenu .state #login_invite img {position:absolute; right:10px; height:10px; top:50%; margin-top:-6px;}
.my_smenu ul {padding:0 15px;}
.my_smenu ul li a {color:#111; border-bottom:#ddd 1px solid; line-height:50px; display:block; position:relative; padding:0 10px;}
.my_smenu ul li a img {height:13px; position:absolute; right:10px; top:50%; margin-top:-6.5px;}
.my_smenu .btn_logout {background:#f8f8f8; border:#ddd 1px solid; padding:0 10px; width:50%; display:inline-block; left:25%; margin-top:30px; border-radius:50px; line-height:40px; text-align:center; color:#111; font-weight:500; position:absolute; bottom:30px;}
.myroomp.mainp .aver_wrap {padding:10px 15px; border-radius:0 0 10px 10px; background:#fff;}
.myroomp.mainp .graph02 {border:#eaeaea 0px solid; background:#6cdd83; padding:50px 15px 30px 15px; border-radius:10px; margin-top:10px; position:relative;}
.myroomp.mainp .graph02 .bd {position:absolute; left:0; bottom:7px; font-size:12px; color:#111; background:#6cdd83; line-height:17px; padding:0 15px; border-radius:50px; z-index:2; width:100%; text-align:center;}
.myroomp.mainp .graph02 .bd .btn_more {position:absolute; right:15px; bottom:0px; color:#111;}
.myroomp.mainp .graph02 .progress-fill_wrap {background:#5fc473; line-height:16px; height:16px; position:relative; border-radius:50px; overflow:hidden;}
.myroomp.mainp .graph02 .progress-fill_wrap .av {background:red; width:1px; height:100%; position:absolute; left:0; top:0; z-index:2; transition:all 0.9s ease .1s;}
.myroomp.mainp .graph02 .progress-fill {transition:all 0.9s ease .1s; font-size:12px; padding:0; color:#fff; position:absolute; left:0; top:0; height:100%; background:#333; text-align:center; width:0;}
.myroomp.mainp .graph02 .run_ca {position:absolute; height:60px; bottom:45px; transition:all 0.9s ease .1s; left:0;}
.myroomp.mainp .graph02 .run_ca .ment {position:absolute; font-size:12px; background:#fff; color:#222; padding:5px; border-radius:5px; border:#ccc 1px solid; line-height:15px; left:43px; width:55px; transition:all 0.9s ease .1s;}
.myroomp.mainp .graph02 .run_ca img {max-height:100%; z-index:2; position:relative;}
.myroomp.mainp .average_days {font-size:13px; padding:0; overflow:hidden;}
.myroomp.mainp .average_days a {float:right;}
.myroomp.mainp .average_days span+span {margin-left:7px; position:relative; padding-left:7px;}
.myroomp.mainp .average_days span+span:before {content:''; width:1px; height:60%; background:#ddd; position:absolute; left:0; top:20%;}
.myroomp.mainp .average_days strong {color:#6cdd83;}

/*뉴독서상태그래프*/
.myroomp.mainp .aver_wrap.new .ti {position:relative; font-size:13px; letter-spacing:-1px; margin-top:-10px;}
.myroomp.mainp .aver_wrap.new .ti>span {border-bottom:#fff 2px solid; display:inline-block; margin-left:7px; cursor:pointer;}
.myroomp.mainp .aver_wrap.new .ti>span.on {border-bottom:#5fc473 2px solid}
.myroomp.mainp .aver_wrap.new .ti>span span {font-weight:500; color:#111;}
.myroomp.mainp .yd {position:absolute; right:15px; top:0px; color:#111; font-size:12px;}
.myroomp.mainp .aver_wrap.new .graph02 {padding:0; overflow:hidden; height:130px;}
.myroomp.mainp .graph02 .list {height:100%;}
.myroomp.mainp .graph02 .list:before,
.myroomp.mainp .graph02 .list:after
{content:''; background:#111; position:absolute; width:1px; height:100%; top:0; opacity:0.1; z-index:2;}
.myroomp.mainp .graph02 .list:before {left:33.3%;}
.myroomp.mainp .graph02 .list:after {right:33.3%;}
.myroomp.mainp .graph02 .list li {float:left; width:33.3%; position:relative; height:100%;}
.myroomp.mainp .graph02 .list li:first-child {border-left:0;}
.myroomp.mainp .graph02 .list li .h_graph {height:0; background:#5fc473; width:100%; bottom:0; position:absolute; 
	left:0; transition:all 0.5s ease .1s;
}
.myroomp.mainp .graph02 .list li .ment {position:absolute; font-size:13px; color:#111; padding:0; text-align:right; z-index:2; background:#6cdd83;
	border-radius:0 5px 0 0; border:#fff 0px solid; line-height:100%; right:7px; bottom:auto !important; top:7px; margin:0; transition:all 0.9s ease .1s;
}
/* .myroomp.mainp .graph02 .list li.me .ment {color:yellow;} */
.myroomp.mainp .graph02 .list li .ment02 {position:absolute; font-size:12px; color:#111; padding:0 3px; 
	line-height:100%; right:5px; top:-45px; margin:0; width:40px; text-align:right; display:none;
}
.myroomp.mainp .graph02 .list li .ment03 {position:absolute; font-size:12px; color:#111; background:#fff;
	padding:5px; line-height:15px; left:10px; bottom:50%; margin-bottom:-40px; background:; transition:all 0.5s ease .1s; 
	border-radius:5px 5px 0 5px; min-width:40px;
}
.myroomp.mainp .graph02 .list li .ment03 span {color:red;}
.myroomp.mainp .graph02 .list li .ment02:before {content:'of'; opacity:0.3;
 position:absolute; margin:1px 0 0 -15px; transform:rotate(0deg); display:none
}
/* .myroomp.mainp .graph02 .list li.me .h_graph {background:#333;} */
.myroomp.mainp .graph02 .list li img {width:85px; position:absolute; right:0; bottom:0; margin:0 0 -12px 0px; 
	transition:all 0.5s ease .1s;
}
.myroomp.mainp .graph02 .list.off li.best_mem {width:0; overflow:hidden;}
.myroomp.mainp .graph02 .list.off li.me .ment03 {margin-bottom:-10px;}
.myroomp.mainp .graph02 .list.off li.me .ment03 br {display:none;}
.myroomp.mainp .graph02 .list.on li.me {width:66.66%;}
.myroomp.mainp .graph02 .list.on:before {display:none;}
.myroomp.mainp .graph02 .list li.me img {margin-right:-8px}
.myroomp.mainp .graph02 .list li.me .dailyGoal {width:100%; height:1px; background:red; position:absolute; left:0; display:none;}
.myroomp.mainp .graph02 .list li .info {font-size:12px; color:#111; position:absolute; 
	top:0px; left:7px; padding:0; border-radius:0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:70%;
}
/* .myroomp.mainp .graph02 .list li.me {border:red 1px solid;} */
.myroomp.mainp .graph02 .graph_bottom {overflow:hidden; clear:both; background:#5fc473;}
.myroomp.mainp .graph02 .graph_bottom li {float:left; width:33.3%; height:24px;}
/* .myroomp.mainp .graph02 .graph_bottom li.sec {background:#333;} */

/*포인트내역*/
#point.new_win .point_all {border:0; background:#111; color:#fff; margin:0 15px 15px 15px; border-radius:10px;}
#point.new_win .point_all .full_li {border:0;}
#point.new_win .point_all .full_li span {color:#6cdd83;}
#point.new_win .point_list .point_tit {font-size:15px; font-weight:normal; color:#111;}
#point.new_win .point_list .point_num {color:#6cdd83;}
#point.new_win .point_list .point_date1 {font-size:13px; letter-spacing:0;}
#point.new_win .btn_close {height:40px; line-height:38px; padding:0 20px; background:#eaeaea; border:#ddd 1px solid;}

/* .profile.new .ca {height:60px; width:60px; margin:0; left:10px; border-radius:100px; top:10px;}
.profile.new .my_name {top:18px; border-radius:0px; left:0; margin:0 0 0 80px !important; background:none; font-size:17px; color:#111; font-weight:500; padding:0;}
.profile.new .my_state {top:47px; left:80px; border:0; background:none; padding:0;}
.profile.new .state {font-weight:500;} */
/*유료회원 혜택*/
.free_noti {background:#6cdd83; color:#fff; width:17px; height:17px; border-radius:50px; 
	display:inline-block; line-height:17px; text-align:center; font-weight:bold; cursor:pointer;}
.free_noti_cont {display:none; position:fixed; z-index:1000; top:0px; width:100%; padding:10px;
	height:100%; backdrop-filter: blur(5px); left:0;
}
.free_noti_cont:before {content:''; width:100%; height:100%; background:#111; opacity:0.8; top:0; left:0; position:fixed; z-index:-1;}
.free_noti_cont.on {display:block;}
.free_noti_cont .wrap {position:relative; left:50%; transform: translateX(-50%); max-width:500px; width:100%; background:#fff;
	padding:0px; padding-bottom:25px; border-radius:15px;
}
.pop_memo .wrap {overflow:auto; height:100%;}
.viewp .free_noti_cont .wrap img {border-radius:10px;}
.my_state_all {color:#111; margin-bottom:10px; padding:10px;}
.my_state_all dt span {color:#6cdd83; font-weight:700;}
.my_state_all dd span {font-weight:500;}
.free_noti_cont .wrap>div {text-align:center; line-height:24px; margin-top:10px;}
.free_noti_cont .wrap div span {border:0; color:#111;}
.free_noti_cont .wrap div div {font-size:13px; letter-spacing:0;}
.free_noti_cont .wrap div a {background:#6cdd83; color:#111; padding:15px 40px; border-radius:5px; font-size:19px; line-height:100%; 
	display:inline-block; font-weight:700; font-family:yg-jalnan; letter-spacing:0;}
.free_noti_cont .btn_close {background:#fff; position:fixed; width:50px; height:50px; border-radius:50px; text-align:center; top:20px; 
	right:20px; line-height:50px; z-index:2; cursor:pointer;
}
.free_noti_cont .btn_close img {width:22px; vertical-align:middle; margin-top:-5px;}

.myroomp.mainp {background:#eee;}
.myroomp.mainp>.cont>dl {padding:20px 0; background:#fff; border-radius:10px; margin:10px 0;}
/* .myroomp.mainp>.cont>dl.share {margin-bottom:0;} */
.myroomp.mainp>.cont>dl>dt {padding-left:15px;}
/* .myroomp.mainp>.cont>dl dt a {position:absolute; right:15px; font-size:14px;} */
.myroomp.mainp>.cont>dl .arrow {position:absolute; z-index:100; width:40px; cursor:pointer; background:#fff; height:40px; border-radius:50px; border:#ddd 1px solid; padding:0 7px; line-height:40px; right:15px; top:50%; margin-top:-20px;}
.myroomp.mainp>.cont>dl.share .arrow {margin-top:-40px;}
.myroomp.mainp>.cont>dl.share .arrow.off {display:none;}
.myroomp.mainp>.cont>dl .arrow img {margin-top:-3px;}
.myroomp.mainp .cycle-carousel-wrap {width:100%;}
.myroomp.mainp .cycle-sentinel {width:100%;}
.myroomp.mainp .title {font-size:17px; color:#111; margin-bottom:10px; font-weight:700;}
.myroomp.mainp .reading {border-top:#eee 0px solid; margin-top:10px;}
/* .myroomp.mainp .share .title {margin-bottom:0;} */
.myroomp.mainp .share dd {position:relative;}
.bookmark {position:absolute; background:#222; color:#fff; 
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.3); font-size:11px; font-weight:500; padding:0 5px; border-radius:0 10px 10px 0; top:10px; left:-2px;
}
.book_thum {box-shadow:1px 1px 2px rgba(0, 0, 0, 0.1); border-radius:0 15px 0 0;}

.myroomp.mainp .reading {position:relative; z-index:999;}
.myroomp.mainp .reading .arrow {display:none !important;}
/* .myroomp.mainp .reading>dt a {background:#333; color:#6cdd83; padding:3px 10px; border-radius:5px; margin-top:-5px;} */
.myroomp.mainp .reading dt a {color:#111;}
.myroomp.mainp .reading>dd {position:relative; min-height:200px;}
.myroomp.mainp .reading .cycle-slideshow {z-index:2;}
.myroomp.mainp .reading .cycle-slideshow .cycle-carousel-wrap {margin-left:5px !important;}
.myroomp.mainp .reading .grid-item {background:#6cdd83; margin:0 0 0 10px; border-radius:10px;
	width:90% !important; padding:15px; overflow:hidden; height:225px;}
.myroomp.mainp .reading .addbook {border:#ddd 1px solid; background:#f8f8f8; position:absolute; top:2px; left:15px; width:90%; border-radius:10px; line-height:200px; text-align:center; height:210px;}
.myroomp.mainp .reading .addbook img {transform:rotate(45deg); width:17%; border-radius:100px; border:#333 1px solid; padding:10px; margin-top:-20px;}
.myroomp.mainp .reading .addbook div {position:absolute; width:100%; bottom:15px; line-height:20px; font-size:14px;}
.myroomp.mainp .reading .grid-item .book_thum_wrap {float:left; max-width:110px; width:33%; position:relative;}
.myroomp.mainp .reading .grid-item .book_thum_wrap .graph {text-align:center; padding:0; position:relative;}
.myroomp.mainp .reading .grid-item .book_thum_wrap .graph div {background:#5fc473; height:10px; border-radius:7px; text-align:left; overflow:hidden;}
.myroomp.mainp .reading .grid-item .book_thum_wrap .graph div span {background:#222; display:block !important;}
.myroomp.mainp .reading .grid-item dl {float:left; width:67%; padding:5px 0 0 15px; color:#111;}
.myroomp.mainp .reading .grid-item dl dt {font-size:18px; font-weight:500; line-height:25px; margin-bottom:0px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%;}
.myroomp.mainp .reading .grid-item dl dd {font-size:13px;}
.myroomp.mainp .reading .grid-item dl dd+dd {font-size:15px;}
.myroomp.mainp .reading .grid-item dl dd+dd+dd {font-size:13px; margin-top:2px;}
/*.myroomp.mainp .reading .grid-item dl dt,  {display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; line-height:24px;} */
.myroomp.mainp .reading .grid-item dl dt+dd {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; margin-bottom:5px;}
.myroomp.mainp .reading .grid-item dl dd>span.fir {font-weight:700; color:#111;}
.myroomp.mainp .reading .grid-item dl dd>span.sec {font-size:13px;}
.myroomp.mainp .reading .grid-item dl dd+dd {overflow:hidden; line-height:160%;}
.myroomp.mainp .reading .grid-item dl dd.blank {font-size:13px !important; opacity:0.5; min-height:20px;}
.myroomp.mainp .reading .grid-item dl dd+dd div {float:left; width:68px; height:68px; font-size:20px; font-weight:500; border-radius:100px; background:#222; text-align:center; color:#fff; line-height:20px; padding-top:17px; margin-top:10px;}
.myroomp.mainp .reading .grid-item dl dd+dd div span {display:block; font-size:12px; font-weight:200;}
.myroomp.mainp .reading .grid-item dl dd+dd div .cnt_cmt {display:inline-block; font-size:20px; font-weight:500; padding:0; margin:0;}
.myroomp.mainp .reading .grid-item dl dd+dd div+div {margin-left:5px;}
.myroomp.mainp .reading .grid-item .bookmark-input {background:none; line-height:auto; height:auto; border:0; border:#5fc473 1px solid; 
	font-size:15px; margin-top:-4px; font-weight:500; border-radius:3px; padding:0 5px 1px 5px; width:40px !important;
}
.myroomp.mainp .reading .pager {margin-top:20px; text-align:center;}
.myroomp.mainp .reading .pager span {display:inline-block !important; width:15px; height:15px; text-indent:-9999px; background:#ddd; 
	border-radius:10px; margin:0 7px; cursor:pointer;
}
.myroomp.mainp .reading .pager span.cycle-pager-active {background:#6cdd83;}
.hurry_pop {display:none; position:fixed; width:100%; height:100%; top:0; left:50%; margin-left:-25%; padding:50px; z-index:1000; max-width:500px;}
.hurry .hurry_pop {display:block;}
.hurry_pop:before {content:''; position:fixed; width:100%; height:100%; top:0; left:0; background:#000; opacity:0.8; z-index:-1;}
.hurry_pop div {background:#fff; border-radius:30px; padding:20px;}

.myroomp.mainp .read .gallery_wrap {overflow-x: auto; /* 스크롤바 자동 생성 */
  white-space: nowrap; /* 가로로 아이템을 정렬 */
  -ms-overflow-style: scrollbar; /* IE에서 스크롤바를 강제로 표시 */
  -webkit-overflow-scrolling: touch; cursor: grab; /* 손바닥 모양 */ padding-bottom:20px;
  user-select: none; /* 드래그 시 텍스트 선택 방지 */
   
  }
.myroomp.mainp .read ul {overflow:hidden; /* width:650px; */}
.myroomp.mainp .read ul .grid-item {float:left; width:120px; padding-left:15px; -webkit-user-drag: none; 
    user-drag: none;}
.myroomp.mainp .read ul .grid-item .book_thum_wrap {min-height:130.5px;}
.myroomp.mainp .read ul li .book_info div {font-weight:500; color:#111; width:100%; font-size:14px; padding:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
.myroomp.mainp .read ul li .book_info div+div {display:none;}

.myroomp.mainp .friends>dd {overflow-x: auto; /* 스크롤바 자동 생성 */
  white-space: nowrap; /* 가로로 아이템을 정렬 */
  -ms-overflow-style: scrollbar; /* IE에서 스크롤바를 강제로 표시 */}
.myroomp.mainp .friends .cycle-slideshow_bk {overflow:hidden;}
.myroomp.mainp .friends .grid-item {float:left; width:120px; padding-left:15px;}
.grid-item.secret {position:absolute !important; opacity:0 !important; z-index:-1 !important;}
.share .cycle-carousel-wrap .secret {position:absolute !important;}
.myroomp.mainp .friends .grid-item .book_thum_wrap {min-height:130.5px;}
.myroomp.mainp .friends .grid-item dl dt {font-weight:500; color:#111; width:100%; font-size:14px; padding:5px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center;}
.myroomp.mainp .friends .grid-item dl dd {text-align:center;}
.myroomp.mainp .friends .grid-item dl dd div {font-size:12px; border:#ddd 1px solid; border-radius:5px; background:#f8f8f8; display:inline-block; padding:0 10px;}
.nick {color:#6cdd83 !important; font-weight:700; letter-spacing:0;}

/*독서통계*/
.calp {background:#eee;}
.graph {padding:30px 0px; position:relative;}
.calp .graph {background:#fff; border-radius:0 0 10px 10px;}
.read .graph {padding:0;}
.graph .select {text-align:center; position:absolute; z-index:2; top:15px; left:15px; border:#6cdd83 2px solid; border-radius:5px;}
.graph .select select {font-size:20px; padding:3px 10px; font-family:yg-jalnan; border:0; background:none; margin-right:10px;}
select:focus {
  border: none;
  outline: none;
}
.graph .cal_wrap {overflow-x:auto; width:100%;}
.graph .cal {overflow:hidden; text-align:center; margin:20px 0; border-top:#444 1px solid; width:100%;} /* width:610px; */
.graph .cal>li {float:left; width:8.33%; cursor:pointer; font-size:12px; border-left:0; color:#555; height:150px; position:relative; background:#333;}
.graph .cal.on>li {opacity:0.7;}
.graph .cal.on>li.on {opacity:1;}
.graph .cal>li>span:first-child {display:block; background:#fff; position:absolute; top:0; left:0; width:100%; height:30px; z-index:2;}
.graph .cal>li>span+span {height:calc(100% - 60px); position:absolute; width:30%; left:35%; background:#555; top:30px;}
.graph .cal>li .hh {width:100%; background:#6cdd83; position:absolute; left:0; bottom:0px;}
.graph .cal>li>div {font-size:16px; background:#333; position:absolute; bottom:0px; width:100%; border-top:#555 1px solid; height:30px;}
.graph .cal>li>div.on {color:#6cdd83; font-weight:500;}
.graph .cal>li>div.mgol {bottom:0; color:#777; display:none;}
.graph .bd {width:40%; position:absolute; right:30%; font-family:yg-jalnan; font-size:px; color:#111; text-align:center; margin-top:88px;}
.graph .bd .count {color:#6cdd83; display:block; border-bottom:#ddd 1px solid; padding-bottom:7px; margin-bottom:7px; font-size:26px;}
.graph .bd span+span+span {display:none; font-size:11px; font-family:'Noto Sans KR',Noto Sans KR, sans-serif; line-height:5px; z-index:2; position:absolute; text-align:center; width:100%;}
.graph .bd span+span+span a {display:inline-block; line-height:17px; background:#f8f8f8; border:#ddd 1px solid; padding:0 5px; border-radius:3px;}
/* .graph .bd div {display:block; width:10px; background:#ddd;} */
.graph #otherElement {position:relative; width:100%; height:230px;}
.graph #otherElement canvas {width:230px !important; height:230px !important; left:50%; margin-left:-115px; position:absolute;}
.graph02 .cycle-slideshow_bk {overflow:hidden; margin:0 auto; max-width:400px;}
.graph02 .cycle-slideshow_bk>li {float:left; width:25%; margin:0 0 10px 0; text-align:center; padding:7px;}
.graph02 .cycle-slideshow_bk>li.banner_prod {display:none;}
.graph02 .cycle-slideshow_bk>li .book_thum_wrap {max-width:80px; margin:0 auto;}
.graph02 .cycle-slideshow_bk>li .book_info>div {font-size:13px; line-height:20px;}
.graph02 .cycle-slideshow_bk>li .book_info>div:first-child {width:100%; white-space:nowrap; overflow:hidden; 
	text-overflow:ellipsis; margin-top:5px;}
.graph02 .cycle-slideshow_bk>li .book_info>div+div span {display:none;}
.graph02 .cycle-slideshow_bk>li .book_info>div+div span.here02 {display:none; font-size:12px; letter-spacing:0;}
.graph02 .cycle-slideshow_bk>li .book_info>div+div span.here02.view {display:block;}
.graph02 .cycle-slideshow_bk>li .book_info>div.rd {background:#f8f8f8; border:#ddd 0px solid; border-radius:100px; margin:2px 0;}
.graph02 .cycle-slideshow_bk>li .book_info>div.rd .dd {color:#6cdd83; font-weight:500;}

/*독서목표량 달성 팝업*/
.pop_gold {position:fixed; width:100%; height:100%; top:0; left:0; z-index:1000; padding:0 15px; display:none;}
.pop_gold.on {display:block;}
.pop_gold:before {content:''; position:fixed; width:100%; height:100%; top:0; left:0; z-index:-1; background:#111; opacity:0.8;}
.pop_gold>div {max-width:500px; margin:100px auto; position:relative;}
.pop_gold>div dl {position:absolute; width:100%; padding:40px 20px; text-align:center; color:#111;}
.pop_gold>div dl dt {font-family: yg-jalnan; font-size:30px; margin-bottom:10px;}
.pop_gold>div dl dt img {width:40%; margin-bottom:20px;}
.pop_check>div dl dt img {width:60%;}
.pop_gold>div dl dd span {font-weight:700;}
.pop_gold>div label {color:#fff; font-size:13px;}
.pop_gold>div label input {margin-right:10px;}
.pop_gold>div .btn_close {background: #fff; position:relative; width: 50px; height: 50px; border-radius: 50px; text-align: center;
    left:50%; line-height: 50px; z-index: 2; border: #333 1px solid; margin:0 0 0 -25px; cursor:pointer;}
.pop_check>div .btn_close {margin-top:10px;}
.pop_gold>div .btn_close img {width: 22px; vertical-align: middle; margin-top: -5px;}

.talk_bg_top {/* position:absolute; */ vertical-align:top; background:#fff;}
.talk_bg_bottom {/* position:absolute; */ background:#fff;}
.viewp .talk_bg_top {background:#f8f8f8;}
.viewp .talk_bg_bottom {background:#f8f8f8;}
.book_share .talk_bg_top,
.book_share .talk_bg_bottom {background:#6cdd83; vertical-align:bottom;}
.share .grid-item {position:relative !important; margin:0 0 0 15px; width:85% !important;}
.share .grid-item .talk_bg_top {vertical-align:bottom;}
.share .grid-item .cont {white-space:normal; background:#fff; padding:12px 14px; border:#ddd 1px solid; border-radius:10px;}
.share .grid-item .cont .pp .comment,
.share .grid-item .cont .pp>a
{display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height:140px; text-decoration:none;}
.share .grid-item .wrap {overflow:hidden; margin-top:20px;}
.share .grid-item .wrap img {float:left; width:15%; margin-right:10px;}
.share .grid-item .wrap img+div {font-size:16px; color:#111; font-weight:500; margin-top:10px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; width:80%;}
.share .grid-item .wrap div {font-size:14px;}
.share .grid-item .wrap div.st {white-space: nowrap; overflow:hidden; text-overflow:ellipsis; width:80%;}

/*내친구*/
.myfriendp {background:#eee;}
.myfriendp .profile {display:none;}
.myfriendp.fr_book .profile, .myfriendp.open_bookp .profile {display:block;}
.myfriendp .cont {padding:0;}
.myfriendp.sub02p .now_t+.cont {background:#fff; padding:15px 0; border-radius:10px;}
.myfriendp.sub03p .now_t+.cont {background:#fff; border-radius:10px; padding-bottom:15px;}
.wishp .cont {background:none !important;}
.myfriendp.sub03p .cont {padding-top:0;}
.myfriendp.sub03p .cont .top_img {background:#6cdd83; padding:7% 10% 0 10%; border-radius:10px 10px 0 0;}
.myfriendp.sub03p .cont .top_img ul {overflow:hidden; margin-top:20px;}
.myfriendp.sub03p .cont .top_img ul li {width:50%; float:left; padding:10px;}
.myfriendp .list_view {padding:0 15px;}
.myfriendp .list_view .tab {display:none;}
.myfriendp .cont .friend_search {margin:0 0 30px 0; position:relative; border:#6cdd83 10px solid; padding:15px;}
.myfriendp .cont .friend_search.out:before {content:''; width:100%; height:100%; background:#fff; position:absolute; top:0; left:0; z-index:2; opacity:0.8;}
.myfriendp .cont .friend_search input {width:80%; height:40px; line-height:40px; border:#6cdd83 2px solid; position:relative;}
/* .myfriendp .cont .friend_search input:before {content:'친구 아이디력'; position:absolute; top:0; left:0; font-weight:bold;} */
.myfriendp .cont .friend_search button {position:absolute; right:15px; height:40px; line-height:40px; width:16.5%; background:#6cdd83; color:#fff; border:0;}
.myfriendp .search_view {display:none; padding:0 15px;}
.myfriendp .search_view.on {display:block;}
.myfriendp .list_view.off {display:none;}
.myfriendp .friend_list li.fir {border-bottom:#555 1px solid; height:auto; padding-bottom:20px;}
.myfriendp .friend_list li.fir .ca {}
.myfriendp .friend_list li {position:relative; overflow:hidden; margin:10px 0; padding-left:50px; height:50px;}
.myfriendp .friend_list li .ca {position:absolute; background:#ddd; top:50%; height:40px; border-radius:50px; padding:7px; left:0; margin-top:-20px;}
.myfriendp .friend_list li .ca img {height:100%;}
.myfriendp .friend_list li dl {float:left; width:80%;}
.myfriendp .friend_list li dl dt {color:#111; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; width:100%;}
.myfriendp .friend_list li dd {font-size:13px; line-height:17px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; width:100%;}
.myfriendp .friend_list li>a+a
{position:absolute; right:0; top:50%; margin-top:-10px; border-radius:50px; border:#ddd 1px solid; padding:0 10px; font-size:12px; color:#fff;}
.myfriendp .friend_list li a.friend_ok {background:#6cdd83; border:#6cdd83 1px solid;}
.myfriendp .friend_list li a.friend_go {background:#53af66; border:#53af66 1px solid;}
.myfriendp .friend_list li a.friend_x {background:#333; border:#333 1px solid;}
.myfriendp .friend_list li a.friend_out {color:#333;}
.myfriendp .friend_list#fr_soon li {padding:0; height:auto !important; overflow:hidden;}
.myfriendp .friend_list#fr_soon li>a {padding-left:50px; width:100%; display:block; overflow:hidden; float:left; position:relative; min-height:40px;}
.myfriendp .friend_list#fr_soon li>a+a {width:48%; margin:10px 0; padding-left:0px; text-align:center; min-height:auto;}
.myfriendp .friend_list#fr_soon li>a+a+a {float:right;}
.myfriendp .friend_list#fr_soon li:last-child {border-bottom:#333 1px solid; margin-bottom:20px; padding-bottom:20px;}

/*책검색*/
.searchp #header {height:50px;}
.searchp #header .ci {position:relative;}
.mainp .btn_search {padding:0 15px; border-radius:10px; background:#6cdd83; color:#111; border:0; font-weight:700;}
.search_wrap {padding:15px 15px 0 15px; position:relative;}
.wishp .search_wrap {margin:0; background:#fff; padding-bottom:30px; border-radius:0 0 10px 10px;}
/* .friend_search.search_wrap {padding:0;} */
.search_wrap .alarm {display:none; position:absolute; width:100%; height:100%; left:0; top:0; z-index:2;}
.search_wrap .alarm:before {content:''; position:absolute; width:100%; height:100%; left:0; top:0; z-index:-1; background:#f9f3ee; opacity:0.8;}
.search_wrap.out .alarm {display:block;}
.searchp .profile {display:none;}
.mainp .search_wrap {max-height:0; overflow:hidden; padding:0;}
.search_wrap input {border:#6cdd83 2px solid; width:80%;}
.search_wrap button,
.search_wrap .btn_submit {height:40px; line-height:40px; width:15%; border:0; background:#6cdd83; color:#fff; position:absolute; right:15px;}
#bo_sch.search_wrap select {width:30%; border:#ddd 2px solid; background:#fff;}
#bo_sch.search_wrap input[type=text] {width:47%;}
.btn_mybook {display:block;}
.btn_mybook a {color:#ff6600 !important; display:block; padding:20px; font-weight:600; letter-spacing:0;}
input {border:#ddd 1px solid; height:40px; letter-spacing:-1px;}
.book_search {overflow:hidden;}
.searchp.sec .book_search {margin:-108px 0 0 -321px; position:fixed; top:50%; left:50%; z-index:2; display:none;}
.searchp.sec .book_search:before {content:''; position:fixed; top:0; left:0; background:#111; opacity:0.8; width:100%; height:100%; z-index:-1;}
.searchp.sec .book_search.on {display:block;}
.searchp.sec .book_search input {text-align:left;}
.book_search .list {display:inline-block; position:relative; padding:20px; overflow:hidden; background:#fff;}
.fir .book_search .list {background:none;}
.book_search .list:before {content:''; width:100%; height:100%; position:absolute; z-index:2; top:0; left:0; opacity:0.5; display:none;}
.book_search .list input {border:0; height:auto; width:100%; text-align:center;}
.book_search .list input.btn_search {cursor:pointer;}
.book_search .list input#wr_content, #igg, #idd, #isbn, .searchp #wr_name, .mainp #wr_name
	{opacity:0; height:0; overflow:hidden; position:absolute;}
.book_search .list input#wr_subject {font-weight:600; color:#111; font-size:16px; margin:20px 0 10px 0;}
.book_search .list>div {float:left;}
.fir .book_search .list>img {float:none;}
.book_search .list .btn_search.sec {margin:0 0 0 10px; border:0; border-bottom:#111 2px solid; padding-left:0; padding-right:0;}
/* .book_search .list #igg, .book_search .list #idd, .book_search .list #wr_content {opacity:0; position:absolute;} */

.pic_lt02 {position:relative; width:100%; overflow:hidden;}
.pic_lt02 .gallery02 {margin:50px auto;}
.pic_lt02 .gallery02 li {width:200px; text-align:center; margin:0 20px;}
.pic_lt02 .gallery02 li img {position:relative !important; box-shadow: 4px 2px 4px 0px rgba(0, 0, 0, 0.1); border-radius:0 10px 10px 0; left:0 !important; top:0 !important;}
/* .pic_lt02 .gallery02 li:nth-child(3n) img {transform:rotate(10deg);} */
.pic_lt02 .gallery02 li dl {margin:15px 0 0 0; line-height:24px; width:100%; height:100px;}
.pic_lt02 .gallery02 li dl dt {color:#000; font-weight:500; font-size:18px; line-height:24px; white-space:normal;}
/* .pic_lt02 .gallery02 li dl dt+dd {color:#000; font-weight:400;} */

.mainp .book_new.mcont {position:relative;}
.mainp .book_new.mcont:before {content:''; width:100%; height:40px; position:absolute; bottom:0; left:0; background:#6cdd83;
	border-bottom:#5ec473 10px solid;
}
.mainp .book_best.mcont:before {background:#ddd;}
.mainp .book_new.mcont>dl {text-align:center; overflow:hidden; z-index:2; position:relative;}
.mainp .book_new.mcont>dl>dd {overflow-x:scroll;}
.banner_prod {padding: 0; width: 150px; float: left; position: relative;}
.banner_prod .label {position: absolute; width: 35px; height: 35px; background:red; border-radius: 100px;
    right: 9%; top: 10px; font-family: yg-jalnan; text-align: center; line-height: 35px; color:#fff; font-size: 11px; font-style: italic; letter-spacing: 0;
}
.myroomp.mainp .read ul .banner_prod {width:120px; padding-left:15px;}

.searchp #interRegForm {padding:0 10px;}
.searchp #interRegForm .cycle-slideshow_bk {padding:15px 0; z-index:2; position:relative;}
.searchp #interRegForm  .grid-item {padding:10px 7px; width:25%; float:left; position:relative;}
.searchp #interRegForm  .grid-item .book_info {display:none;}
.searchp #interRegForm  .grid-item .label {display:none; position:absolute; width:35px; height:35px; background:#333; border-radius:100px; right:5px; top:10px;
	font-family:yg-jalnan; text-align:center; line-height:35px; color:#6cdd83; font-size:11px; font-style: italic; letter-spacing:0;}
.searchp #interRegForm dl {display:none;}
.searchp .btn_search {padding:0 15px; border-radius:10px; background:#6cdd83; color:#111; border:0; font-weight:700; height:40px !important;}
.pil {color:red; padding-left:5px;}
.wishp #bo_w .tbl_frm01 {padding:0;}
.wishp #bo_w .tbl_frm01 th {border-left:0;}
.wr_thum th div {font-weight:normal;}
/* } */

.seo {opacity:0;}

#bo_sch select,
#bo_sch input {height:40px; margin:0 2px; font-size:13px;}

/* .searchp {background:#f9f3ee;} */
.searchp #container {text-align:center;}
.btn_mybook {display:block;}
.btn_mybook a {color:#ff6600 !important; display:block; padding:20px; font-weight:600; letter-spacing:0;}
input {border:#ddd 1px solid; height:40px; letter-spacing:-1px;}
.mainp .book_search {overflow:hidden; max-width:500px; margin:0 auto;}
.searchp.sec .book_search {margin:-108px 0 0 -321px; position:fixed; top:50%; left:50%; z-index:2; display:none;}
.searchp.sec .book_search:before {content:''; position:fixed; top:0; left:0; background:#111; opacity:0.8; width:100%; height:100%; z-index:-1;}
.searchp.sec .book_search.on {display:block;}
.searchp.sec .book_search input {text-align:left;}
.book_search .list {display:inline-block; position:relative; padding:20px; overflow:hidden; background:#fff; font-size:13px; line-height:160%; border-radius:10px;}
.fir .book_search .list {background:none;}
.mainp .book_search .list:before {content:''; width:100%; height:100%; position:absolute; z-index:2; top:0; left:0; opacity:0.5;}
.mainp .book_search .list input#wr_subject {font-weight:600; color:#111; text-align:center;}
.mainp .book_search .list>div {float:left; text-align:left;}
.mainp .book_search .list>div>div {margin-bottom:10px; overflow:hidden;}
.mainp .book_search .list>div div input {float:left; color:#777;}
.mainp .book_search .list>div div input#name {}
.mainp .book_search .list>img {width:70px;} 
.fir .book_search .list>img {float:none;}
.mainp .book_search .list .btn_search {position:relative; z-index:2; cursor:pointer; border:#111 1px solid; padding:10px 20px; display:inline-block; width:auto;}
.mainp .book_search .list .btn_search.sec {margin:0 0 0 10px; border:0; border-bottom:#111 2px solid; padding-left:0; padding-right:0;}

.btn_book_search {width:150px; margin:0 auto 30px auto;}
.btn_book_search a {display:block; height:40px; line-height:40px; border:#ff9900 2px solid; border-radius:100px; text-align:center;}
#interRegForm {width:100%; overflow:hidden; padding:0;}
.latest_wr {border-top:#ddd 1px solid; padding:30px 0; position:relative; width:100%;}
.latest_wr:before {content:''; width:100%; height:50%; background:#f9f3ee; position:absolute; bottom:0; left:0; z-index:-1;}
.pic_lt {width:100%;}
.pic_lt .gallery {text-align:center; height:auto !important; overflow:hidden;}
.cycle-carousel-wrap {width:100%;}
.pic_lt .gallery li {display:inline-block; position:relative; margin:15px 0 !important; width:100%; padding:20px 15px; background:#fff !important; border-radius:10px; border:#ddd 1px solid;}
.pic_lt .gallery li img {position:relative !important; box-shadow: 4px 2px 4px 0px rgba(0, 0, 0, 0.7); border-radius:0 10px 10px 0; left:0 !important; top:0 !important; width:80px;}
/* .pic_lt .gallery li:nth-child(3n) {width:200px;}
.pic_lt .gallery li:nth-child(3n) img {display:none;} */
.pic_lt .gallery li dl {margin:15px 0 0 0; line-height:24px; width:100%;}
.pic_lt .gallery li dl dt {color:#000; font-weight:500; font-size:20px; line-height:30px;}
.pic_lt .gallery li dl dt+dd {color:#000; font-weight:400; font-size:13px;}
.pic_lt .gallery li dl dd {margin:7px 0; font-size:12px;}
.pic_lt .gallery li dl dd.memo_cont {text-align:left; display:non;
display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height:54px; line-height:18px; color:#444; text-decoration:none;
}
.pic_lt .gallery li dl dd.btn_addbook {padding-top:10px;}
.pic_lt .gallery li dl dd.btn_addbook a {border:#333 1px solid; padding:7px 30px; display:inline-block; font-weight:400;}
/*공유문구*/
.pic_lt02 {position:relative;}
.pic_lt02:before {content:''; background:#f3eae3; height:50%; position:absolute; width:100%; left:0; bottom:0;}
.pic_lt02 .gallery02 {margin:50px auto;}
.pic_lt02 .gallery02 li {width:200px; text-align:center; margin:0 20px;}
.pic_lt02 .gallery02 li img {position:relative !important; box-shadow: 4px 2px 4px 0px rgba(0, 0, 0, 0.1); border-radius:0 10px 10px 0; left:0 !important; top:0 !important;}
/* .pic_lt02 .gallery02 li:nth-child(3n) img {transform:rotate(10deg);} */
.pic_lt02 .gallery02 li dl {margin:15px 0 0 0; line-height:24px; width:100%; height:100px;}
.pic_lt02 .gallery02 li dl dt {color:#000; font-weight:500; font-size:18px; line-height:24px; white-space:normal;}
/* .pic_lt02 .gallery02 li dl dt+dd {color:#000; font-weight:400;} */

.gallery_share {margin:100px auto; width:30%;; overflow:hidden; position:absolute; right:0; top:0;}
.gallery_share li {width:100%; padding:20px 30px; opacity:1; /* position:relative; */ float:left; margin-top:0 !important;
-webkit-transition:all 0.5s ease .1s;
-moz-transition:all 0.5s ease .1s;
-ms-transition:all 0.5s ease .1s;
-o-transition:all 0.5s ease .1s;
transition:all 0.5s ease .1s;
}
.gallery_share li.cycle-slide-active {opacity:1.0;}
.gallery_share li.readed a {}
.gallery_share li.reading a {}
.gallery_share li.read_soon {}
.gallery_share li .cate_j {position:absolute; opacity:0;}
.gallery_share li>a {overflow:hidden;/*  position:relative; */}
.gallery_share li>a>.thum {margin-bottom:10px; width:120px; height:174px; border-radius:0 10px 10px 0; border:#eaeaea 1px solid; box-shadow: 4px 2px 4px 0px rgba(0, 0, 0, 0.1); float:left; position:relative; display:none;}
.gallery_share li>a>.thum img {box-shadow: 4px 2px 4px 0px rgba(0, 0, 0, 0.1); border-radius:0 10px 10px 0;}
.gallery_share li>a input[type=checkbox] {position:absolute; top:0px; left:150px;}
.gallery_share li>a .comment_count {display:none;}
.gallery_share li>a .comment_count .cnt_cmt {position:absolute; right:0; top:-20px; border:#ddd 1px solid; background:#fff; border-radius:50px; width:30px; height:30px; text-align:center; line-height:30px;}
.gallery_share li>a {font-weight:bold; display:block;}
.gallery_share li>a>.cont {width: 100%; margin:0; padding-left:14px;}
.gallery_share li>a>.cont .book_name {width:100%; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:12; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; font-weight:700; margin-top:5px; font-size:20px; line-height:30px;}
.gallery_share li>a>.cont .st {margin-top:-10px; font-size:12px;}
.gallery_share li>a>.cont .st span {color:#ff6600; letter-spacing:0; font-weight:700;}
.gallery_share li>a>.cont div {font-weight:300; margin-top:5px;}
.gallery_share li>a>.cont .pp {border:#ddd 1px solid; border-radius:10px; padding:50px; color:#000; font-weight:400; line-height:45px; font-size:30px; white-space:normal; display:block; position:relative; background:#fff;}
.gallery_share li>a>.cont .pp>img {position:absolute; top:12px; left:-14px; width:15px;}
.gallery_share li>a>.cont .pp>div.wrap {padding:15px 15px 0 70px; min-height:110px; border-top:#ddd 0px solid; text-align:right;}
.gallery_share li>a>.cont .pp>div>img {width:50px;}
.gallery_share li>a>.content {font-weight:300; margin-top:10px; float:left; width:100%; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; 
text-overflow:ellipsis; height:56px; color:#444; font-size:13px; text-decoration:none; line-height:20px; display:none;}

/*상품 리스트*/
.shopp.sub05p {background:#eee; max-width:700px;}
.shop_goop.sub05p {background:#fff;}
#idx_hit {background:#fff; border-radius:10px; padding:20px 10px;}
.sct_wrap ul {overflow:hidden;}
.sct_wrap ul li {width:33.3% !important; float:left; text-align:center; padding:0 5px 40px 5px; line-height:130%;}
.sct_wrap ul li .sct_txt {font-size:13px; display:inline-block; width:100%; white-space:nowrap; overflow:hidden; 
	text-overflow:ellipsis;
}
.sct_wrap ul li .sct_img {margin-bottom:10px;}
.sct_wrap ul li .sct_img img {height:auto; width:auto;}
.sct_wrap ul li .sct_img+.sct_star {display:none;}
.sct_wrap ul li .btn_cart,
.sct_wrap ul li .sct_basic,
.sct_wrap ul li .sct_op_btn,
.sct_wrap ul li .sit_icon_li
{display:none;}
.sct_wrap ul li .sct_cost {color:#111; font-weight:500; font-size:16px; letter-spacing:0;}

#bo_list .sct_wrap {position:absolute; width:100%; top:390px; left:0;}
/* #bo_list .gallery li+li+li+li+li {margin-top:320px;}
#bo_list .gallery li+li+li+li+li+li+li+li+li {margin-top:0;} */

#interRegForm {padding-bottom:100px;}
.mainp #interRegForm {padding-bottom:0px;}
#interRegForm #more {background:#333; color:#fff; margin:30px auto; width:100px; display:block; text-align:center; padding:10px 0;}

/*달력스타일*/
#ui-datepicker-div {border:#6cdd83 1px solid; padding:10px; font-size:13px; background:#fff; border-radius:10px; letter-spacing:0; text-align:center; 
	z-index:2 !important; position:absolute; left:50% !important; margin-left:-30%;}
.ui-datepicker-header {position:relative;}
.ui-datepicker-header>a {position:absolute;}
.ui-datepicker-header>a.ui-datepicker-prev {left:0;}
.ui-datepicker-header>a.ui-datepicker-next {right:0;}
.ui-datepicker-calendar {min-width:200px; text-align:;}
.ui-state-default {display:block; border-radius:100px; width:30px; height:30px;}
.ui-state-highlight {background:#6cdd83; color:#000 !important;}
.ui-datepicker-week-end, .ui-datepicker-week-end a {color:red !important;}
/*달력스타일_엔드*/

#bo_v_bot li a, .bo_fx li a {border-radius:100px; font-size:15px; width:40px; height:40px; line-height:40px;}
/* #bo_v_bot {top:auto; width:100%; bottom:0; padding:10px 15px; border-top:#eaeaea 1px solid;} */
#bo_v_bot:before {width:100%; height:100%; content:''; background:#fff; opacity:0.8; top:0; left:0; position:absolute; z-index:-1;}
#bo_v_bot li {float:right;}
#bo_v_bot li.book_list {float:left;}
#bo_v_bot li.book_list a {border:#333 1px solid; background:#fff;}
#bo_v_bot li.book_list a img {height:35px; margin-top:-4px;
transform:rotate(270deg);
-ms-transform:rotate(270deg);
-webkit-transform:rotate(270deg);
}

#bo_v_link {position:relative !important;}
#bo_v_link a {color:#777 !important;}

/* 페이징 */
.pg_wrap {clear:both; margin:0; padding:30px 0 10px 0; text-align:center; background:#fff;}
.pg_current, .pg_page {font-size:13px; background:#fff; display:inline-block; height:30px; width:30px; text-align:center; line-height:28px; border-radius:5px; border:#ddd 1px solid; margin:0 5px; color:#999 !important;}
.pg_current {color:#111 !important; border:#333 1px solid;}


/*회원가입*/
.registerp .menu {display:none;}
.registerp .fr_invite {display:none; position:fixed; width:100%; height:100%; z-index:1000; top:0; left:0; text-align:center; padding:50px 15px; color:#111;}
.registerp .fr_invite:before {content:''; position:fixed; width:100%; height:100%; background:#6cdd83; top:0; left:0; z-index:-1;}
.registerp.fr_invitep .fr_invite {display:block;}
.registerp.fr_invitep .fr_invite.off {display:none;}
.registerp .fr_invite #idValue {margin-bottom:50px; font-weight:500; background:#333; color:#6cdd83; display:inline-block; padding:0 15px;}
.registerp .fr_invite .c01 {width:500px; margin:0 auto; max-width:100%;}
.registerp .fr_invite .c01 img {width:70%; margin-bottom:20px;}
.registerp .fr_invite .c01 img+div div {font-weight:700;}
.registerp .fr_invite .c01 .btn_j {position:fixed; background:#fff; color:#111; border-radius:100px; width:50%; height:40px; line-height:40px; bottom:40px; left:25%; font-weight:500; cursor:pointer;}

.register #fregister_term {margin:20px 0;}
.register #fregister_term h2,
.register #fregister_private h2{
	padding-left:20px;
}
.register {padding:15px;}
.register caption {display:none;}
.register h2 {margin-bottom:5px; color:#111;}
.register h2 span {font-size:13px;}
.register #sns_register {text-align:center; margin-top:40px; border-top:#ddd 1px solid; padding-top:30px;}
.register #sns_register a {display:inline-block; background:#eaeaea; padding:10px; margin:10px; border:#333 1px solid; font-size:13px;}
.register input[type=checkbox] {position:absolute; top:-5px; left:0;}
.register #fregister_chkall {position:relative; padding-left:20px; font-size:14px; margin-top:10px;}
.register textarea {width:100%;}
.register h2 {position:relative;}
.register h2 .fregister_agree {position:absolute; left:0; top:0;}
.register #fregister_private table {width:100%; font-size:12px; border-spacing:0; line-height:140%; border-collapse: collapse;}
.register #fregister_private table th, .register #fregister_private table td {border:#ddd 1px solid; padding:10px;}
.register #fregister_private table th {background:#f8f8f8;}
/* .btn_confirm .btn_close {display: inline-block; padding:10px 20px; border:0; background:#eaeaea; color: #333; text-decoration: none; vertical-align: middle; font-size:20px; margin-right:10px;} */
.register .btn_confirm {margin-top:20px; overflow:hidden; padding-top:0px;}
.register .btn_confirm a, .register .btn_confirm button {height:50px; line-height:50px; border:#ddd 1px solid; float:right; width:49%; margin:0; text-align:center; border-radius:5px;}
.register .btn_confirm button {float:left; background:#6cdd83; color:#fff; border:#6cdd83 1px solid;}
.register .btn_confirm button.btn_cancel {
    display: inline-block;
    border: 2px solid red;
    background: #fff;
    color: red;
    text-decoration: none;
    vertical-align: middle;
    height: 30px;
    line-height: 27px;
    padding: 0;
    font-size: 12px;
    margin: 30px 0 0 35%;
    width: 30%;
}
.register .btn_confirm #btn_submit {float:left;}
.register .book_count input {width:100%; margin-top:10px;}
#register_form {text-align:left;}
#register_form li.chk_box {display:none;}
#register_form>div {border-top:#333 2px solid; margin-bottom:10px; padding:10px 0; position:relative;}
#register_form>div input[type=text], 
#register_form>div input[type=password],
#register_form>div input[type=number]
	{width:100%; background:#f8f8f8; height:40px;}
#register_form>div.my_info ul {overflow:hidden;}
#register_form>div.my_info ul li {width:49%; float:left;}
#register_form>div.my_info ul li:nth-child(2n) {float:right;}
#register_form>div.idpw ul {overflow:hidden;}
#register_form>div.idpw ul li {width:32%; float:left; margin-left:2%;}
#register_form>div.idpw ul li:first-child {margin-left:0;}
#register_form>div.my_desk {background: #f8f8f8; padding: 15px; border:#6cdd83 2px solid; border-radius: 10px; margin:0;}
.idpwp #register_form>div.my_desk {display:none;}
#register_form>div.my_desk ul {overflow:hidden;}
#register_form>div.my_desk ul li+li+li {width:49%; float:left; min-height:50px;}
#register_form>div.my_desk ul li.book_count {width:100%;}
#register_form>div.my_desk.tbl_frm01 ul li+li textarea {min-height:100px;}
#register_form>div.my_desk ul li.skin select {height:40px; margin:10px; width:90%;}
#register_form>div.my_desk ul li.skin~li {width:100%;}
#register_form>div.my_desk #mb_1 {background:#fff; padding:0 10px;}
#register_form>div #reg_mb_mailling {top:8px;}
#register_form>div #reg_mb_signature {min-height:50px; margin-bottom:10px;}
#register_form>div #reg_mb_icon {margin-bottom:10px;}
#register_form>div>ul .chk_box {position:relative; height:40px; line-height:40px; padding-left:20px; margin-top:20px;}
#register_form>div>ul .chk_box input {top:0 !important;}
#register_form>div>ul input[type=file] {width:100%; margin-top:10px;}
#register_form label {display:none;}
#register_form .profile_wrap {width:100% !important; overflow:hidden; padding:10px 0 0 0;}
#register_form .profile_photo {font-size:14px; color:#111; font-weight:500; line-height:20px; width:60%; float:left;}
#register_form .profile_photo span {font-size:12px; color:#777; font-weight:400;}
#register_form .profile_photo #reg_mb_icon {border:0;}
#register_form .profile_photo #del_mb_icon {display:inline-block; position:relative; top:0;}
#register_form .profile_photo label {display:inline-block;}
#register_form .profile_thum {position:relative; width:38%; float:right;}
#register_form .profile_thum img {width:60%; display:block;}
#register_form .profile_thum #del_mb_icon {top:0; position:relative;}
#register_form .profile_thum .inline {display:inline-block;}
#register_form input[type=text], #register_form input[type=password] {margin:5px 0;}
#register_form .tooltip {display:none;}
#reg_result .reg_result_p {color:#111; font-weight:500; text-align:center;}
#reg_result .result_txt {font-size:14px; line-height:22px; margin-top:10px;}
.register .btn_confirm a.btn_cancel {margin-top:70px !important; opacity:0.5;}

.sns_link {margin-top:-2px; width:100%; border:#6cdd83 2px solid !important; padding:15px !important; border-radius: 10px;}
.sns_link .frm_label {display:none;}
.sns_link .sns-wrap {width:100%; text-align:center; overflow:hidden;}
.sns_link .sns-wrap h2 {width:100%; text-align:left;}
.sns_link .sns-icon {width:30% !important; float:left; margin:0 2% 0 0; padding:5px 0; background:#1fc800; color:#fff;}
.sns_link .sns-icon:nth-child(odd) {background:#ffeb00; color:#3c1e1e;}

.sns-wrap>a {display:inline-block; border:#ddd 0px solid; padding:0 10px; border-radius:5px; font-size:14px; color:#111; margin-right:5px;}
.btn_myroom {text-align:center; padding:10px 0; border-radius: 10px; background: #6cdd83; color: #111 !important; font-weight:500; display:inline-block; width:200px; left:50%; margin:30px 0 0 -100px; position:relative;}
.btn_myroom a {color:#111 !important;}

/*로그인*/
.mbskin #fregisterform {padding-bottom:30px;}
.mbskin #fregisterform .toggle-title .right_i {display:none;}
.mbskin #fregisterform .sns_tbl {background:#f8f8f8; border:#ddd 1px solid; padding:15px;}
.mbskin #fregisterform caption, .mbskin #fregisterform table th, .mbskin #fregisterform strong {color:#111; padding:0;}
.mbskin #fregisterform table th {width:70px; text-align:left;}
.mbskin #fregisterform #reg_mb_email {width:100%;}
.mbskin #fregisterform .toggle-title {color:#111;}
.mbskin #fregisterform .btn_confirm {overflow:hidden;}
.mbskin #fregisterform .btn_confirm * {width:48%; text-align:center;}
.mbskin #fregisterform .btn_confirm .btn_submit {background:#111; color:#6cdd83; height:50px; line-height:50px; font-size:17px; font-weight:500; cursor:pointer}
.mbskin #fregisterform .btn_confirm a {float:right; height:50px; line-height:50px; font-size:17px; font-weight:500;}

.mbskin .member_connect .strong {font-weight:500; color:#6cdd83;}
.mbskin .member_connect button {display:none;}
.mbskin #sns-link-pnl {font-size:13px; line-height:20px;}
.mbskin #sns-link-pnl .connect-close {display:none;}
.loginp .mbskin #login_fs {padding:20px 0; background:#fff;}
.mbskin #login_fs .login_id, 
.mbskin #login_fs .lg_id,
.mbskin #login_fs .login_pw,
.mbskin #login_fs .lg_pw {width:50%;}
.mbskin #login_fs .login_submit {width:100%; background:#555 !important;}
.loginp {background:#fff !important;}
.loginp .mbskin .mbskin_box {background:none;}
.loginp .mbskin #login_fs input {border:#6cdd83 1px solid;}
.loginp .login_ad {padding:30px 0 70px 0; background:#6cdd83; margin-top:30px; text-align:center;}
.loginp .login_ad img {width:75%;}

#sns_login {padding:20px 0 !important;}
.loginp #login_info {margin:10px 0 0 0;}
#login_info .login_if_lpl {width:100%; text-align:right; position:relative;}
#login_info .login_if_lpl a,
.login_if_lpl #btn_qa {border:#ddd 1px solid; padding:0 7px !important; height:30px; line-height:28px; color:#111; font-size:12px; display:inline-block; border-radius:5px;}
#login_info .login_if_lpl .btn_preview {position:absolute; left:0; border:#6cdd83 1px solid; font-weight:bold;}
#mb_login.mbskin #sns_login h3 {position:relative; font-size:14px; color:#111; font-weight:normal; line-height:100%; text-align:center; margin:-10px 0 15px 0;}
.loginp .login-sns {background:none;}
.loginp .mb_log_cate .join {background:#333; color:#fff; border:0; border-radius:5px;}

.setp.sub02p .wrap div a {background:#6cdd83; color:#111; padding:20px 0; border-radius:5px; font-size:19px; width:80%; text-align:center;
    line-height:100%; position:relative; display:block; font-weight:700; font-family:yg-jalnan; letter-spacing:0; margin:30px 0 0 10%;}

#bo_list .book_skin {position:relative;}
#bo_list .book_skin:before,
#bo_list .book_skin:after
{content:''; background:red; position:absolute; top:0; right:135px; width:5px; height:5px; z-index:2; display:none; border-radius:10px;}
/* #bo_list .book_skin:after {right:0px; display:block;} */
/*책장스킨*/
.wishp.sub02p {background:#eee;}
.wishp.printp, .wishp.viewp, .wishp.writep {background:#fff;}
#bo_cate_ul.on {border-bottom:#fff 1px solid;}
#bo_list {position:relative; border-radius:0; overflow:hidden;}
.wishp #bo_list:before {content:''; background:#fff; position:absolute; top:0; left:0; width:100%; height:120px;}

#fboardlist {position:relative; left:50%; transform:translateX(-50%); max-width:350px; margin-top:20px; padding:0 5px;}
#bo_list .gallery {width:100%;}
#bo_list .gallery li .thum .bbg_b {display:none; position:absolute; top:0; left:0; width:60px; height:100%; background:#333; opacity:0.3;}
#bo_list .gallery li .thum .bbg {display:none; position:absolute; top:0; left:0; width:100%; height:100%;}
#bo_list .gallery li.memo_new .thum:before {content:''; width:5px; height:5px; border-radius:50px; background:red; position:absolute; top:0; 
	left:0; z-index:2; color:#fff; line-height:15px; font-size:9px; text-align:center;
}
#bo_list .gallery li.memo_new.banner .thum:before {content:'shop'; width:30px; height:30px; border-radius:0 0 50px; background:red; position:absolute; 
	top:0; left:0; z-index:2; color:#fff; font-size:10px; text-align:center; letter-spacing:0; padding:3px 3px 0 0;}
#bo_list .gallery li.memo_new.banner .pp {display:none;}
#bo_list .gallery li>a>.thum .mark {top:15px; border-radius:0 0 5px 0;}
#bo_list .gallery li.secret .thum .img_wrap:after {content:'secret'; position:absolute; top:5px; left:5px; padding:0 5px; color:#fff; font-size:11px; line-height:150%; background:red; border-radius:10px; letter-spacing:0;}
#bo_list .gallery li>a>.thum .rent {left:-3px; right:auto; border-radius:0 5px 0 0; bottom:5px; border:0;}
#bo_list .gallery li>a>.cont .turtle_sign {display:none; font-size:12px; letter-spacing:0; font-weight:500; margin-bottom:5px;}
#bo_list .gallery li>a>.cont .pp .graph {display:none; padding:0; color:#eaeaea; line-height:130%;}
#bo_list .gallery li>a>.cont .pp .graph .none {display:none;}
#bo_list .gallery li>a>.cont .pp .graph div {background:#eaeaea; border-radius:50px; text-align:center; overflow:hidden; z-index:2; font-size:12px; letter-spacing:0; font-weight:700;}
#bo_list .gallery li>a>.cont .pp .graph div span {background:#5fc473; display:block !important; color:#111; text-indent:3px;}

/* #bo_list.l_skin02 .gallery li {margin:10% 0;}
#bo_list.l_skin02 .gallery li>a>.thum {margin:0;}
#bo_list.l_skin02 .gallery li>a>.cont>span {color:#111; line-height:150%; display:block;}
#bo_list.l_skin02 .gallery li>a>.cont .pp {background:none; padding:0; display:block !important;}
#bo_list.l_skin02 .gallery li>a>.cont .pp .talk_bg_top, #bo_list.l_skin02 .gallery li>a>.cont .pp .talk_bg_bottom {display:none;}
#bo_list.l_skin02 .gallery li>a>.cont .pp .graph {display:block; margin-top:10px; position:relative;}
#bo_list.l_skin02 .gallery li>a>.cont .pp .graph div {position:absolute; top:0; height:100%; left:0; width:100%;}
#bo_list.l_skin02 .gallery li>a>.cont .comment_count .cnt_cmt {top:auto; bottom:17px; margin:0;} */

.printp .profile {display:none;}
.printp #fboardlist {max-width:100%;}
.printp .pg_wrap {margin:0;}
.printp.wishp .search_wrap {margin:0;}
#bo_list.print .gallery {padding:0; text-align:center;}
#bo_list.print .gallery li {width:132px; padding:0; margin:0 10px 20px 0; height:108px; overflow:hidden; float:unset; display:inline-block;}
#bo_list.print .gallery li>a>.thum {width:100%; margin:0; border:#ddd 1px solid; background-position:0 0 !important; overflow:hidden; height:81px;}
#bo_list.print .gallery li>a>.thum .bbg_b {display:block; z-index:2;}
#bo_list.print .gallery li>a>.thum .bbg {display:block; filter:blur(3px);}
#bo_list.print .gallery li>a>.thum .img_wrap {box-shadow:unset; width:59px; border-radius:0; margin-left:73px;}
#bo_list.print .gallery li>a>.thum .mark,
#bo_list.print .gallery li>a>.thum .rent
{display:none;}
/* #bo_list.print .gallery li>a>.cont {width:100%; margin:0; font-size:12px; line-height:17px;} */
#bo_list.print .gallery li>a>.cont {width:80px; margin:0; font-size:9px; line-height:100%; position:absolute; top:5px; z-index:2; left:76px;
	transform: rotate(90deg); transform-origin:top left;
}
#bo_list.print .gallery li>a>.cont span { text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;}
#bo_list.print .gallery li>a>.cont span {display: inline-block; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top:5px;}
#bo_list.print .gallery li>a>.cont span div {display:none;}
#bo_list.print .gallery li>a>.cont .pp {display:none;}
.gallery li .qr_canvas {display:none; left:3.5px !important; top:3.5px !important; width:53px !important; height:53px !important;}
#bo_list.print .gallery li .qr_canvas {display:block;}

/* #bo_list.st01 #fboardlist {background: url(/turtle/img/book_skin/s/t/t01.png); background-size:100%; padding:0 0 70px 0;} */
#bo_list.st01 {padding-bottom:10%;}
#bo_list.st01 #fboardlist {position:relative;}
#bo_list.st01 .gallery {padding:0 3%; position:absolute; top:0;}
#bo_list.st01 .gallery li {width:33.333333%; padding:0 5%; position:relative; margin-top:18.7%;}
#bo_list.st01 .gallery li>a {overflow:unset;}
#bo_list.st01 .gallery li>a>.thum {width:100%;}
#bo_list.st01 .gallery li>a>.thum .mark {display:none !important;}
#bo_list.st01 .gallery li>a>.thum .rent {display:none;}
#bo_list.st01 .gallery li>a>.cont {margin:0; text-align:center; width:100%;}
#bo_list.st01 .gallery li>a>.cont>span {display:none;}
#bo_list.st01 .gallery li>a>.cont .pp {padding:0; position:static; margin:0;}
#bo_list.st01 .gallery li>a>.cont .pp .comment_count .cnt_cmt {top:10px;}
#bo_list.st01 .gallery li>a>.cont .pp .comment_count+* {display:none;}
#bo_list.st01 .gallery.bg_none {background:none !important;}

/* #bo_list.st02 #fboardlist {background: url(/turtle/img/book_skin/s/t/t02.png?v01); background-size:100%; padding:0 0 70px 0;} */
#bo_list.st02 #fboardlist {position:relative;}
#bo_list.st02 .gallery {padding:0 3%; position:absolute; top:0;}
#bo_list.st02 .gallery li {width:33.333333%; padding:0 5%; position:relative; margin-top:18%;}
#bo_list.st02 .gallery li>a>.thum .img_wrap {border-radius:0; box-shadow: 5px 2px 7px rgba(0, 0, 0, 0.2);}
#bo_list.st02 .gallery li>a>.thum {width:100%;overflow:unset; margin-bottom:10px;}
#bo_list.st02 .gallery li>a>.thum .mark {display:none !important;}
#bo_list.st02 .gallery li>a>.thum .rent {display:none;}
#bo_list.st02 .gallery li>a>.cont {margin:0; text-align:center; width:100%; position:absolute; bottom:0; height:100%;}
#bo_list.st02 .gallery li>a>.cont>span {display:none;}
#bo_list.st02 .gallery li>a>.cont .pp {padding:0; position:absolute; margin:0; background:none; bottom:0; width:100%; height:100%;}
#bo_list.st02 .gallery li>a>.cont .pp .comment_count {display:none;}
#bo_list.st02 .gallery li>a>.cont .pp .comment_count .cnt_cmt {right:0; top:5px; border:0; border-radius:0 0 0 10px;
	width:22px; height:22px; line-height:20px; background:#fff; color:#111; font-size:12px; font-weight:500;
}
#bo_list.st02 .gallery li>a>.cont .pp .comment_count+div {display:none;}
#bo_list.st02 .gallery li>a>.cont .pp .graph {display:block; position:absolute; bottom:5px; width:90%; left:5%;}
#bo_list.st02 .gallery.bg_none {background:none !important;}

/* #bo_list.st03 #fboardlist {background: url(/turtle/img/book_skin/s/t/t03.png?v01); background-size:100%; padding:0 0 50px 0 !important; margin-top:70px; background-repeat:no-repeat;} */
#bo_list.st03 {padding-bottom:10%;}
#bo_list.st03 #fboardlist {position:relative; margin-top:20%;}
#bo_list.st03 .gallery {position:absolute; text-align:center; padding:0 3%; top:0; left:0;}
#bo_list.st03 .gallery li {width:33.333333%; padding:0 5%; position:relative; margin-top:19.5%; margin-left:4%; margin-right:-8%;}
#bo_list.st03 .gallery li+li+li+li {margin-top:21.5%;}
#bo_list.st03 .gallery li>a>.thum .img_wrap {border-radius:0; box-shadow: 5px 2px 7px rgba(0, 0, 0, 0.2);}
#bo_list.st03 .gallery li>a>.thum {width:100%;overflow:unset; margin-bottom:10px; border-radius:0; overflow:hidden;}
#bo_list.st03 .gallery li>a>.thum .mark {display:none !important;}
#bo_list.st03 .gallery li>a>.thum .rent {display:none;}
#bo_list.st03 .gallery li>a>.cont {margin:0 0 0 0; text-align:left; width: 100%; position: absolute; font-size: 12px; top: 0; 
	padding:7px; height: 100%; line-height:17px; font-weight:400; /* backdrop-filter: blur(3px); */}
#bo_list.st03 .gallery li>a>.cont:before {content:''; width:100%; height:100%; position:absolute; top:0; left:0; background: #333; opacity:0.7; 
	 border-radius:10px 10px 0 0; display:none;}
#bo_list.st03 .gallery li>a>.cont>span {color:#fff; z-index:2; position:relative; display:none;}
#bo_list.st03 .gallery li>a>.cont>span div {display:none;}
#bo_list.st03 .gallery li>a>.cont .pp {padding:0; position:absolute; margin:0; background:none; right:0; bottom:19px;}
#bo_list.st03 .gallery li>a>.cont .pp div {display:none;}
#bo_list.st03 .gallery li>a>.cont .pp .comment_count {display:block;}
#bo_list.st03 .gallery li>a>.cont .pp .comment_count .cnt_cmt {position:absolute; bottom:0; right:0px; width:25px; height:25px; font-size:12px; 
	font-weight:500; background:#1e120b; border-radius:10px 0 0 0px; color:#fff; border:0; padding:0;
}
#bo_list.st03 .gallery li>a>.cont .pp .comment_count+div {display:none;}
#bo_list.st03 .gallery li>a>.cont .pp .graph {display:block;}
#bo_list.st03 .gallery.bg_none {background:none !important;}

#bo_list.st04 #fboardlist {background: url(/turtle/img/book_skin/s/t/t04.png); background-size:100%; padding:0 0 70px 0;}
#bo_list.st04 .gallery {padding:0 3%;}
#bo_list.st04 .gallery li {width:10%; padding:0; position:relative; margin:15% 0 0 0; height:150px;}
#bo_list.st04 .gallery li+li+li+li {margin-left:10%; margin-right:10%; transform:rotate(20deg);}
#bo_list.st04 .gallery li+li+li+li+li {margin-left:0; margin-right:0; transform:rotate(0deg);}
#bo_list.st04 .gallery li+li+li+li+li+li+li {margin-left:5%; margin-right:5%; transform:rotate(-10deg);}
#bo_list.st04 .gallery li+li+li+li+li+li+li+li {margin-left:0; margin-right:0; transform:rotate(0deg);}
#bo_list.st04 .gallery li+li+li+li+li+li+li+li+li {margin-left:5%; margin-right:5%; transform:rotate(-10deg);}
#bo_list.st04 .gallery li+li+li+li+li+li+li+li+li+li {margin-left:0; margin-right:0; transform:rotate(0deg);}
#bo_list.st04 .gallery li>a {position:absolute; top:0; left:0; height:100%; width:100%;}
#bo_list.st04 .gallery li>a>.thum {width:100%; height:100%; filter:blur(2px);}
#bo_list.st04 .gallery li>a>.thum .img_wrap {height:100%;}
#bo_list.st04 .gallery li>a>.thum .mark {display:none !important;}
#bo_list.st04 .gallery li>a>.thum .rent {display:none;}
#bo_list.st04 .gallery li>a>.cont {margin:0; width:100%; position:absolute; top:0; left:0; height:100%; padding:0;}
#bo_list.st04 .gallery li>a>.cont:before {content:''; width:100%; height:100%; background:#333; top:0; left:0; position:absolute; opacity:0.3;}
#bo_list.st04 .gallery li>a>.cont>span {color:#fff; font-size:12px; z-index:2; position:relative; padding:10px 0;
	writing-mode: vertical-lr; /* 오른쪽에서 왼쪽으로 세로쓰기 */
    /* writing-mode: vertical-lr; 왼쪽에서 오른쪽으로 세로쓰기 */
    text-orientation: upright;
	overflow: hidden;                /* 영역을 벗어나는 텍스트 숨김 */
    text-overflow: ellipsis;         /* 말줄임표 사용 */
    white-space: nowrap;             /* 텍스트를 한 줄로 표시 */
    height:100%;   
	letter-spacing:2px;
}
#bo_list.st04 .gallery li>a>.cont>span div {display:none;}
#bo_list.st04 .gallery li>a>.cont .pp {padding:0; position:static; margin:0;}
#bo_list.st04 .gallery li>a>.cont .pp .comment_count .cnt_cmt {top:10px; display:none;}
#bo_list.st04 .gallery li>a>.cont .pp .comment_count+* {display:none;}
#bo_list.st04 .gallery.bg_none {background:none !important;}

/* #bo_list.st05 #fboardlist {background: url(/turtle/img/book_skin/s/t/t05.png); background-size:100%; padding:0 0 70px 0;} */
#bo_list.st05 #fboardlist {position:relative;}
#bo_list.st05 .gallery {padding:0 3%; position:absolute; top:0;}
#bo_list.st05 .gallery li {width:33.333333%; padding:0 5%; position:relative; margin-top:18.5%;}
/* #bo_list.st05 .gallery li+li+li+li {margin-top:19%;} */
#bo_list.st05 .gallery li>a {overflow:unset;}
#bo_list.st05 .gallery li>a>.thum {width:100%;}
#bo_list.st05 .gallery li>a>.thum .mark {display:none !important;}
#bo_list.st05 .gallery li>a>.thum .rent {display:none;}
#bo_list.st05 .gallery li>a>.cont {margin:0; text-align:center; width:100%;}
#bo_list.st05 .gallery li>a>.cont>span {display:none;}
#bo_list.st05 .gallery li>a>.cont .pp {padding:0; position:static; margin:0;}
#bo_list.st05 .gallery li>a>.cont .pp .comment_count .cnt_cmt {top:10px;}
#bo_list.st05 .gallery li>a>.cont .pp .comment_count+* {display:none;}
#bo_list.st05 .gallery.bg_none {background:none !important;}

/* #bo_list.st06 #fboardlist {background: url(/turtle/img/book_skin/s/t/t06.png); background-size:100%; padding:0 0 70px 0;} */
#bo_list.st06 #fboardlist {position:relative;}
#bo_list.st06 .gallery {padding:0 4%; position:absolute; top:0;}
#bo_list.st06 .gallery li {width:33.333333%; padding:0 5%; position:relative; margin-top:19%;}
#bo_list.st06 .gallery li>a>.thum .img_wrap {border-radius:0; box-shadow: 5px 2px 7px rgba(0, 0, 0, 0.2);}
#bo_list.st06 .gallery li>a>.thum {width:100%;overflow:unset; margin-bottom:10px;}
#bo_list.st06 .gallery li>a>.thum .mark {display:none !important;}
#bo_list.st06 .gallery li>a>.thum .rent {display:none;}
#bo_list.st06 .gallery li>a>.cont {margin:0; text-align:center; width:100%; position:absolute; bottom:0; height:100%;}
#bo_list.st06 .gallery li>a>.cont>span {display:none;}
#bo_list.st06 .gallery li>a>.cont .pp {padding:0; position:absolute; margin:0; background:none; bottom:0; width:100%; height:100%;}
#bo_list.st06 .gallery li>a>.cont .pp .comment_count {display:none;}
#bo_list.st06 .gallery li>a>.cont .pp .comment_count .cnt_cmt {right:0; top:5px; border:0; border-radius:0 0 0 10px;
	width:22px; height:22px; line-height:20px; background:#fff; color:#111; font-size:12px; font-weight:500;
}
#bo_list.st06 .gallery li>a>.cont .pp .comment_count+div {display:none;}
#bo_list.st06 .gallery li>a>.cont .pp .graph {display:block; position:absolute; bottom:5px; width:90%; left:5%;}
#bo_list.st06 .gallery.bg_none {background:none !important;}

/* #bo_list.st07 #fboardlist {background: url(/turtle/img/book_skin/s/t/t07.png); background-size:100%; padding:0 0 70px 0;} */
#bo_list.st07 {padding-bottom:25%;}
#bo_list.st07 #fboardlist {position:relative; margin-top:40%;}
#bo_list.st07 .gallery {position:absolute; text-align:center; padding:0 4%; top:-15%; left:0;}
#bo_list.st07 .gallery li {width:33.333333%; padding:0 5%; position:relative; margin-top:17%; margin-left:-3%; margin-right:-3%;}
#bo_list.st07 .gallery li:first-child, #bo_list.st07 .gallery li:nth-child(3n+1) {margin-left:7%;}
#bo_list.st07 .gallery li+li+li+li {margin-top:21.5%;}
#bo_list.st07 .gallery li>a {}
#bo_list.st07 .gallery li>a>.thum .img_wrap {border-radius:0; box-shadow: 5px 2px 7px rgba(0, 0, 0, 0.2);}
#bo_list.st07 .gallery li>a>.thum {width:100%;overflow:unset; margin-bottom:10px;}
#bo_list.st07 .gallery li>a>.thum .mark {display:none !important;}
#bo_list.st07 .gallery li>a>.thum .rent {display:none;}
#bo_list.st07 .gallery li>a>.cont {margin:0; text-align:center; width:100%; position:absolute; bottom:0; height:100%;}
#bo_list.st07 .gallery li>a>.cont>span {display:none;}
#bo_list.st07 .gallery li>a>.cont .pp {padding:0; position:absolute; margin:0; background:none; bottom:0; width:100%; height:100%;}
#bo_list.st07 .gallery li>a>.cont .pp .comment_count {display:none;}
#bo_list.st07 .gallery li>a>.cont .pp .comment_count .cnt_cmt {right:0; top:5px; border:0; border-radius:0 0 0 10px;
	width:22px; height:22px; line-height:20px; background:#fff; color:#111; font-size:12px; font-weight:500;
}
#bo_list.st07 .gallery li>a>.cont .pp .comment_count+div {display:none;}
#bo_list.st07 .gallery li>a>.cont .pp .graph {display:block; position:absolute; bottom:5px; width:90%; left:5%;}
#bo_list.st07 .gallery.bg_none {background:none !important;}

/* #bo_list.st08 #fboardlist {background: url(/turtle/img/book_skin/s/t/t08.png); background-size:100%; padding:0 0 70px 0; min-height:820px;} */
#bo_list.st08 {padding-bottom:5%;}
#bo_list.st08 #fboardlist {position:relative; margin-top:50%;}
#bo_list.st08 .gallery {position:absolute; text-align:center; padding:0 10% 0 2%; top:-28%; left:0;}
#bo_list.st08 .gallery li {width:25%; padding:0; position:relative; margin-top:26%; margin-right:-5%; float:unset; display:inline-block;
box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.3);
}
/* #bo_list.st08 .gallery li:before {content:''; position:absolute; width:500%; height:5px; background:#111; left:-250%; top:-5px; z-index:2;} */
#bo_list.st08 .gallery li>a {width:100%;}
#bo_list.st08 .gallery li>a>.thum {width:100%; margin:0;}
/* #bo_list.st08 .gallery li.memo_new.banner .thum:before {display:none;} */
#bo_list.st08 .gallery li>a>.thum .img_wrap {border-radius:0;}
#bo_list.st08 .gallery li>a>.thum .mark {display:none !important;}
#bo_list.st08 .gallery li>a>.thum .rent {display:none;}
#bo_list.st08 .gallery li>a>.cont {margin:0; text-align:center; width:100%;}
#bo_list.st08 .gallery li>a>.cont>span {display:none;}
#bo_list.st08 .gallery li>a>.cont .pp {padding:0; position:static; margin:0; display:none;}
#bo_list.st08 .gallery li>a>.cont .pp .comment_count .cnt_cmt {top:10px;}
#bo_list.st08 .gallery li>a>.cont .pp .comment_count+* {display:none;}
#bo_list.st08 .gallery.bg_none {background:none !important;}

/* #bo_list.st09 #fboardlist {background: url(/turtle/img/book_skin/s/t/t09.png); background-size:100%; padding:0 0 70px 0; min-height:840px;} */
#bo_list.st09 {padding-bottom:5%;}
#bo_list.st09 #fboardlist {position:relative; margin-top:50%;}
#bo_list.st09 .gallery {position:absolute; text-align:center; padding:0 7%; top:-26%; left:3%; width:97%;}
#bo_list.st09 .gallery li {width:23%; padding:0; position:relative; margin-top:34%; margin-right:-5%;
box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.3);
}
#bo_list.st09 .gallery li+li+li+li+li {margin-top:38.5%;}
#bo_list.st09 .gallery li:nth-child(4n-1) {margin-left:20%;}
/* #bo_list.st09 .gallery li:before {content:''; position:absolute; width:500%; height:5px; background:#111; left:-250%; top:-5px; z-index:2;} */
#bo_list.st09 .gallery li>a {width:100%;}
#bo_list.st09 .gallery li>a>.thum {width:100%; margin:0;}
/* #bo_list.st09 .gallery li.memo_new.banner .thum:before {display:none;} */
#bo_list.st09 .gallery li>a>.thum .img_wrap {border-radius:0;}
#bo_list.st09 .gallery li>a>.thum .mark {display:none !important;}
#bo_list.st09 .gallery li>a>.thum .rent {display:none;}
#bo_list.st09 .gallery li>a>.cont {margin:0; text-align:center; width:100%;}
#bo_list.st09 .gallery li>a>.cont>span {display:none;}
#bo_list.st09 .gallery li>a>.cont .pp {padding:0; position:static; margin:0; display:none;}
#bo_list.st09 .gallery li>a>.cont .pp .comment_count .cnt_cmt {top:10px;}
#bo_list.st09 .gallery li>a>.cont .pp .comment_count+* {display:none;}
#bo_list.st09 .gallery.bg_none {background:none !important;}

#my_desk {padding:0;}
/* #bo_list.st10 #fboardlist {background: url(/turtle/img/book_skin/s/t/t10.png); background-size:100%; padding:0 0 100px 0; margin-top:-40px; min-height:650px;} */
#bo_list.st10 #fboardlist {position:relative; margin-top:15%;}
#bo_list.st10 .gallery {position:absolute; text-align:center; padding:0 11%; margin:0; top:0; left:-2%;}
#bo_list.st10 .gallery li {width:20%; padding:0; position:relative; margin-top:22%; margin-right:-5%; float:unset; display:inline-block;
box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.3);
}
/* #bo_list.st10 .gallery li:before {content:''; position:absolute; width:500%; height:5px; background:#111; left:-250%; top:-5px; z-index:2;} */
#bo_list.st10 .gallery li>a {width:100%;}
#bo_list.st10 .gallery li>a>.thum {width:100%; margin:0;}
/* #bo_list.st10 .gallery li.memo_new.banner .thum:before {display:none;} */
#bo_list.st10 .gallery li>a>.thum .img_wrap {border-radius:0;}
#bo_list.st10 .gallery li>a>.thum .mark {display:none !important;}
#bo_list.st10 .gallery li>a>.thum .rent {display:none;}
#bo_list.st10 .gallery li>a>.cont {margin:0; text-align:center; width:100%;}
#bo_list.st10 .gallery li>a>.cont>span {display:none;}
#bo_list.st10 .gallery li>a>.cont .pp {padding:0; position:static; margin:0; display:none;}
#bo_list.st10 .gallery li>a>.cont .pp .comment_count .cnt_cmt {top:10px;}
#bo_list.st10 .gallery li>a>.cont .pp .comment_count+* {display:none;}
#bo_list.st10 .gallery.bg_none {background:none !important;}

#bo_list.l_skin01:after, #bo_list.l_skin02:after, #bo_list.st00:after, #bo_list.print:after
{background:#fff !important;}
#bo_list.l_skin01.b11:after, 
#bo_list.l_skin02.b11:after
{display:none;}
#bo_list.l_skin01 .extra,
#bo_list.l_skin02 .extra {background:#fff !important;}
#bo_list.b00:after {content:''; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1; background:#fff;}
#bo_list.b01:after {content:''; background:url(/turtle/img/book_skin/b/b01.jpg)bottom left; background-size:cover; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1;}
#bo_list.b02:after {content:''; background:url(/turtle/img/book_skin/b/b02.jpg)bottom left; background-size:cover; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1;}
#bo_list.b03:after {content:''; background:url(/turtle/img/book_skin/b/b03.jpg)center center; background-size:cover; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1;}
#bo_list.b04:after {content:''; background:url(/turtle/img/book_skin/b/b04.jpg)bottom left; background-size:cover; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1;}
#bo_list.b05:after {content:''; background:url(/turtle/img/book_skin/b/b05.jpg)bottom left; background-size:cover; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1;}
#bo_list.b06:after {content:''; background:url(/turtle/img/book_skin/b/b06.jpg)bottom left; background-size:cover; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1;}
#bo_list.b07:after {content:''; background:url(/turtle/img/book_skin/b/b07.jpg)bottom left; background-size:cover; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1;}
#bo_list.b08:after {content:''; background:url(/turtle/img/book_skin/b/b08.jpg?v01)center center; background-size:cover; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1;}
#bo_list.b09:after {content:''; background:url(/turtle/img/book_skin/b/b09.jpg?v01)center center; background-size:cover; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1;}
#bo_list.b10:after {content:''; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1;
	background-color: #f9ebe9;
    background-image: 
        radial-gradient(circle at 10px 10px, #efbbb3 25%, transparent 26%),
        radial-gradient(circle at 30px 30px, #efbbb3 25%, transparent 26%);
    background-size: 20px 20px;
    animation: wave 10s infinite linear;
}
@keyframes wave {
    0% { background-position: 0 0; }
    100% { background-position: 40px 40px; }
}
#bo_list.b11 .extra {width:100%; height:100%; position:absolute; top:0; left:0; z-index:-2; background:#eaf3c7;}
#bo_list.b11:after {
    content: ''; z-index:-1;
    width: 200px; /* 원의 기본 크기 */
    height: 200px; /* 원의 기본 크기 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #bdd6ff; /* 원의 색상 */
    border-radius: 50%; /* 원 형태 */
    animation: wave2 6s infinite linear;
}

/* 원이 사방으로 움직이며 커지고 작아지는 애니메이션 */
@keyframes wave2 {
    0% {
        left: 0%;
        top: 0%;
        width: 200px;
        height: 200px;
        opacity: 0.7;
    }
    10% {
        left: 20%;
        top: 10%;
        width: 250px;
        height: 250px;
        opacity: 0.8;
    }
    25% {
        left: 50%;
        top: 30%;
        width: 180px;
        height: 180px;
        opacity: 1;
    }
    40% {
        left: 80%;
        top: 10%;
        width: 300px;
        height: 300px;
        opacity: 0.9;
    }
    60% {
        left: 70%;
        top: 60%;
        width: 220px;
        height: 220px;
        opacity: 0.8;
    }
    80% {
        left: 20%;
        top: 80%;
        width: 270px;
        height: 270px;
        opacity: 1;
    }
    100% {
        left: 0%;
        top: 0%;
        width: 200px;
        height: 200px;
        opacity: 0.7;
    }
}
#bo_list.b12:after {content:''; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1;
    background-color: #e1f3e7; /* 기본 배경색 */
    background-image: linear-gradient(45deg, #d4e9ea 25%, transparent 25%, transparent 50%, #d4e9ea 50%, #d4e9ea 75%, transparent 75%, transparent);
    background-size: 25px 25px; /* 패턴 크기 조정 */
    animation: wave3 10s infinite linear; /* 애니메이션 적용 */
}
/* 애니메이션 정의 */
@keyframes wave3 {
    0% {
        background-position: 0 0px;
    }
    100% {
        background-position: 0 100px;
    }
}
#bo_list.b13:after {content:''; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1;
background-color: hsl(34, 53%, 82%);
background-image: repeating-linear-gradient(45deg, transparent 5px, hsla(197, 62%, 11%, 0.5) 5px, hsla(197, 62%, 11%, 0.5) 10px,
  hsla(5, 53%, 63%, 0) 10px, hsla(5, 53%, 63%, 0) 35px, hsla(5, 53%, 63%, 0.5) 35px, hsla(5, 53%, 63%, 0.5) 40px,
  hsla(197, 62%, 11%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 50px, hsla(197, 62%, 11%, 0) 50px, hsla(197, 62%, 11%, 0) 60px,
  hsla(5, 53%, 63%, 0.5) 60px, hsla(5, 53%, 63%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 80px,
  hsla(35, 91%, 65%, 0) 80px, hsla(35, 91%, 65%, 0) 90px, hsla(5, 53%, 63%, 0.5) 90px, hsla(5, 53%, 63%, 0.5) 110px,
  hsla(5, 53%, 63%, 0) 110px, hsla(5, 53%, 63%, 0) 120px, hsla(197, 62%, 11%, 0.5) 120px, hsla(197, 62%, 11%, 0.5) 140px
  ),
repeating-linear-gradient(135deg, transparent 5px, hsla(197, 62%, 11%, 0.5) 5px, hsla(197, 62%, 11%, 0.5) 10px,
  hsla(5, 53%, 63%, 0) 10px, hsla(5, 53%, 63%, 0) 35px, hsla(5, 53%, 63%, 0.5) 35px, hsla(5, 53%, 63%, 0.5) 40px,
  hsla(197, 62%, 11%, 0.5) 40px, hsla(197, 62%, 11%, 0.5) 50px, hsla(197, 62%, 11%, 0) 50px, hsla(197, 62%, 11%, 0) 60px,
  hsla(5, 53%, 63%, 0.5) 60px, hsla(5, 53%, 63%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 70px, hsla(35, 91%, 65%, 0.5) 80px,
  hsla(35, 91%, 65%, 0) 80px, hsla(35, 91%, 65%, 0) 90px, hsla(5, 53%, 63%, 0.5) 90px, hsla(5, 53%, 63%, 0.5) 110px,
  hsla(5, 53%, 63%, 0) 110px, hsla(5, 53%, 63%, 0) 140px, hsla(197, 62%, 11%, 0.5) 140px, hsla(197, 62%, 11%, 0.5) 160px
);
    animation: wave4 10s infinite linear; /* 애니메이션 적용 */
}
/* 애니메이션 정의 */
@keyframes wave4 {
    0% {
        background-position: 0 0px;
    }
    100% {
        background-position: 0 40px;
    }
}
#bo_list.b14:after {content:''; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1;
    background-color: #6d695c;
background-image:
repeating-linear-gradient(120deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),
repeating-linear-gradient(60deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),
linear-gradient(60deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1)),
linear-gradient(120deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1));
background-size: 70px 120px;
    animation: wave5 10s infinite linear; /* 애니메이션 적용 */
}
@keyframes wave5 {
    0% {
        background-position: 0 0px;
    }
    100% {
        background-position: 70px 120px;
    }
}
/*#bo_list.b10:after {content:''; background:url(/turtle/img/book_skin/b/b09_bk.jpg)#bdd6ff left top; background-size:cover; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1;}
#bo_list.b11:after {content:''; background:url(/turtle/img/book_skin/b/b10_bk.jpg)#f9ebe9 right top; background-size:100%; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1;}
#bo_list.b12:after {content:''; background:#eaf3c7; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1;}
*/


/*

#bo_list.skin03 .gallery {background: url(/turtle/img/book_skin/skin03.jpg?); background-size: 100%; background-repeat:no-repeat; padding-top:8%; padding-bottom:20px; margin-top:40px; min-height:900px;}
#bo_list.skin03 .gallery li {width:33.3%; padding:0 5%; position:relative; margin-left:1%; margin-right:-6%; margin-bottom:auto; margin-top:0;}
#bo_list.skin03 .gallery li+li+li+li {margin-top:15%;}
#bo_list.skin03 .gallery li>a {display:block; height:100%; overflow:unset;}
#bo_list.skin03 .gallery li>a>.thum {width:100%; padding:0 5%; margin:17%; float:none;}
#bo_list.skin03 .gallery li>a>.thum .mark {display:none !important;}
#bo_list.skin03 .gallery li>a>.thum .rent {display:none;}
#bo_list.skin03 .gallery li>a>.cont {position:absolute; height:100%; top:0; left:0;}
#bo_list.skin03 .gallery li>a>.cont>span {display:none;}
#bo_list.skin03 .gallery li>a>.cont .pp {padding:0; position:static; margin:0;}
#bo_list.skin03 .gallery li>a>.cont .comment_count .cnt_cmt {top:auto; bottom:-6px; position:absolute; left:30%; 
	margin:0 !important; right:auto; background:#9f8e72; color:#fff; border:0; border-radius:20px 20px 0 0; width:22px; height:25px;}
#bo_list.skin03 .gallery li>a>.cont .pp .comment_count+* {display:none;}
#bo_list.skin03 .gallery.bg_none {background:none !important;}

#bo_list.skin04 {position:relative;}
#bo_list.skin04 #fboardlist {background:url(/turtle/img/book_skin/s01.png); background-size:100%; padding:0 0 70px 0;}
#bo_list.skin04:after {content:''; background:url(/turtle/img/book_skin/b01.jpg)bottom left; background-size:cover; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1;}
#bo_list.skin04 .gallery {padding:0 3%;}
#bo_list.skin04 .gallery li {width:33.333333%; padding:0 5%; position:relative; margin-top:20%;}
#bo_list.skin04 .gallery li+li+li+li {margin-top:19.5%;}
#bo_list.skin04 .gallery li>a {}
#bo_list.skin04 .gallery li>a>.thum .img_wrap {border-radius:0; box-shadow: 5px 2px 7px rgba(0, 0, 0, 0.2);}
#bo_list.skin04 .gallery li>a>.thum {width:100%;overflow:unset; margin-bottom:10px;}
#bo_list.skin04 .gallery li>a>.thum .mark {display:none !important;}
#bo_list.skin04 .gallery li>a>.thum .rent {display:none;}
#bo_list.skin04 .gallery li>a>.cont {margin:0; text-align:center; width:100%; position:absolute; bottom:0; height:100%;}
#bo_list.skin04 .gallery li>a>.cont>span {display:none;}
#bo_list.skin04 .gallery li>a>.cont .pp {padding:0; position:absolute; margin:0; background:none; bottom:0; width:100%; height:100%;}
#bo_list.skin04 .gallery li>a>.cont .pp .comment_count {display:none;}
#bo_list.skin04 .gallery li>a>.cont .pp .comment_count .cnt_cmt {right:0; top:5px; border:0; border-radius:0 0 0 10px;
	width:22px; height:22px; line-height:20px; background:#fff; color:#111; font-size:12px; font-weight:500;
}
#bo_list.skin04 .gallery li>a>.cont .pp .comment_count+div {display:none;}
#bo_list.skin04 .gallery li>a>.cont .pp .graph {display:block; position:absolute; bottom:5px; width:90%; left:5%;}
#bo_list.skin04 .gallery.bg_none {background:none !important;}

#bo_list.skin05 {background:#333; position:relative;}
#bo_list.skin05:before {content:''; background:#fff; position:absolute; top:0; left:0; width:100%; height:120px;}
#bo_list.skin05 #fboardlist {background:url(/turtle/img/book_skin/skin05.jpg); background-size:100%; padding:0 0 70px 0;}
#bo_list.skin05 .gallery {padding:0 3%;}
#bo_list.skin05 .gallery li {width:33.333333%; padding:0 5%; position:relative; margin-top:20%;}
#bo_list.skin05 .gallery li+li+li+li {margin-top:19.5%;}
#bo_list.skin05 .gallery li>a {}
#bo_list.skin05 .gallery li>a>.thum .img_wrap {border-radius:0; box-shadow: 5px 2px 7px rgba(0, 0, 0, 0.2);}
#bo_list.skin05 .gallery li>a>.thum {width:100%;overflow:unset; margin-bottom:10px;}
#bo_list.skin05 .gallery li>a>.thum .mark {display:none !important;}
#bo_list.skin05 .gallery li>a>.thum .rent {display:none;}
#bo_list.skin05 .gallery li>a>.cont {margin:0 0 0 5%; text-align:center; width:90%; position:absolute; bottom:5px;}
#bo_list.skin05 .gallery li>a>.cont>span {display:none;}
#bo_list.skin05 .gallery li>a>.cont .pp {padding:0; position:static; margin:0; background:none;}
#bo_list.skin05 .gallery li>a>.cont .pp .comment_count {display:none;}
#bo_list.skin05 .gallery li>a>.cont .pp .comment_count .cnt_cmt {position:relative; top:auto; right:0; width:35px; font-size:13px; font-weight:500;
	background:url('/turtle/img/book_skin/skin04_count.png'); background-size:100%; background-repeat:no-repeat; border:0; border-radius:0; color:#111;
}
#bo_list.skin05 .gallery li>a>.cont .pp .comment_count+div {display:none;}
#bo_list.skin05 .gallery li>a>.cont .pp .graph {display:block;}
#bo_list.skin05 .gallery.bg_none {background:none !important;}

#bo_list.skin06 {background:#e0e0e0; position:relative;}
#bo_list.skin06:before {content:''; background:#fff; position:absolute; top:0; left:0; width:100%; height:120px;}
#bo_list.skin06 #fboardlist {background:url(/turtle/img/book_skin/skin06.jpg); background-size:100%; padding:0 0 70px 0; margin-top:50px;}
#bo_list.skin06 .gallery {padding:0 3%;}
#bo_list.skin06 .gallery li {width:33.333333%; padding:0 5%; position:relative; margin-top:20%; margin-left:4%; margin-right:-8%;}
#bo_list.skin06 .gallery li+li+li+li {margin-top:19.5%;}
#bo_list.skin06 .gallery li>a {}
#bo_list.skin06 .gallery li>a>.thum .img_wrap {border-radius:0; box-shadow: 5px 2px 7px rgba(0, 0, 0, 0.2);}
#bo_list.skin06 .gallery li>a>.thum {width:100%;overflow:unset; margin-bottom:10px; border-radius:0; overflow:hidden;}
#bo_list.skin06 .gallery li>a>.thum .mark {display:none !important;}
#bo_list.skin06 .gallery li>a>.thum .rent {display:none;}
#bo_list.skin06 .gallery li>a>.cont {margin:50% 0 0 0; text-align:left; width: 100%; position: absolute; font-size: 12px; top: 0; 
	padding:7px; height: 100%; line-height:17px; font-weight:400; backdrop-filter: blur(3px);}
#bo_list.skin06 .gallery li>a>.cont:before {content:''; width:100%; height:100%; position:absolute; top:0; left:0; background: #333; opacity:0.7; 
	 border-radius:10px 10px 0 0;}
#bo_list.skin06 .gallery li>a>.cont>span {color:#fff; z-index:2; position:relative;}
#bo_list.skin06 .gallery li>a>.cont>span div {display:none;}
#bo_list.skin06 .gallery li>a>.cont .pp {padding:0; position:static; margin:7px 0 0 0; background:none;}
#bo_list.skin06 .gallery li>a>.cont .pp div {display:none;}
#bo_list.skin06 .gallery li>a>.cont .pp .comment_count {display:block;}
#bo_list.skin06 .gallery li>a>.cont .pp .comment_count .cnt_cmt {position:absolute; top:51%; right:0px; width:25px; height:25px; font-size:12px; 
	font-weight:500; background:#6cdd83; border-radius:10px 0 0 0px; color:#111; border:0; padding:0;
}
#bo_list.skin06 .gallery li>a>.cont .pp .comment_count+div {display:none;}
#bo_list.skin06 .gallery li>a>.cont .pp .graph {display:block;}
#bo_list.skin06 .gallery.bg_none {background:none !important;} */

#bo_list.l_skin01 #fboardlist {margin-top:0;}
#bo_list.l_skin01 .gallery li {margin-top:40px;}
#bo_list.l_skin01 .gallery li:first-child {margin-top:0;}
#bo_list.l_skin01 .gallery li.secret .thum .img_wrap:after {top:35px; left:0; border-radius:0 5px 5px 0;}
#bo_list.l_skin01 .gallery li>a>.thum {margin:5px;}
#bo_list.l_skin01 .gallery li .pp {padding-bottom:15px;}
#bo_list.l_skin01 .gallery li.memo_new.banner .pp {display:block;}
#bo_list.l_skin01 .gallery li>a>.cont {padding-right:15px;}
#bo_list.l_skin01 .gallery li>a>.cont>span {color:#111; line-height:150%; display:block;}
#bo_list.l_skin01 .gallery li>a>.cont .pp .me {display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height:62px;}

#bo_list.l_skin02 #fboardlist {margin-top:0;}
#bo_list.l_skin02 .gallery li {margin-top:10px;}
#bo_list.l_skin02 .gallery li:first-child {margin-top:0;}
#bo_list.l_skin02 .gallery li.secret .thum .img_wrap:after {top:25px; left:0; border-radius:0 5px 5px 0;}
#bo_list.l_skin02 .gallery li>a {}
#bo_list.l_skin02 .gallery li>a>.thum {position:absolute; z-index:2; bottom:20px; margin:0; width:20%; left:15px;}
#bo_list.l_skin02 .gallery li>a>.thum .mark {display:none;}
#bo_list.l_skin02 .gallery li>a>.thum .rent {display:none;}
#bo_list.l_skin02 .gallery li>a>.cont {width:100%; margin:0;}
#bo_list.l_skin02 .gallery li>a>.cont>span {position:absolute; bottom:20px; left:30%; z-index:2;}
#bo_list.l_skin02 .gallery li>a>.cont>span .turtle_sign {display:block;}
#bo_list.l_skin02 .gallery li>a>.cont .pp {white-space:unset; padding:10px 15px; padding-bottom:130px; line-height:170%; font-size:16px;}
#bo_list.l_skin02 .gallery li>a>.cont .pp .comment_count {display:none;}
#bo_list.l_skin02 .gallery li.memo_new.banner .pp {display:block;}

#bo_list.l_skin01 .gallery li>a>.cont .pp,
#bo_list.l_skin02 .gallery li>a>.cont .pp {border:#6cdd83 1px solid;}
#bo_list.l_skin01 .gallery li>a>.cont .pp.none,
#bo_list.l_skin02 .gallery li>a>.cont .pp.none {border:0;}

#bo_list.st00 .gallery li {margin-top:40px;}
#bo_list.st00 .gallery li:first-child {margin-top:0;}
#bo_list.st00 .gallery li.secret .thum .img_wrap:after {top:25px; left:0; border-radius:0 5px 5px 0;}
#bo_list.st00 .gallery li>a>.thum {margin:0 0 0 5px;}
#bo_list.st00 .gallery li.memo_new.banner .pp {display:block;}
#bo_list.st00 .gallery li>a>.cont {padding-right:15px;}
#bo_list.st00 .gallery li>a>.cont>span {color:#111; line-height:150%; display:block;}
#bo_list.st00 .gallery li>a>.cont .pp .me {display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height:62px;}

/* 

#bo_list.f_skin01 {background: url(/turtle/img/book_skin/f_skin01.jpg?v02)center top 120px; background-size:cover; background-repeat:no-repeat; min-height:800px;}
#bo_list.f_skin01 .gallery {padding-top:50px;}
#bo_list.f_skin01 .gallery li {width:33.3%; padding:0 5%; position:relative; margin-bottom:15%;}
#bo_list.f_skin01 .gallery li>a {overflow:unset;}
#bo_list.f_skin01 .gallery li>a>.thum {width:100%;}
#bo_list.f_skin01 .gallery li>a>.thum .mark {display:none !important;}
#bo_list.f_skin01 .gallery li>a>.thum .rent {display:none;}
#bo_list.f_skin01 .gallery li>a>.cont {margin:0; text-align:center; width:100%;}
#bo_list.f_skin01 .gallery li>a>.cont>span {display:none;}
#bo_list.f_skin01 .gallery li>a>.cont .pp {padding:0; position:static; margin:0;}
#bo_list.f_skin01 .gallery li>a>.cont .pp .comment_count .cnt_cmt {top:10px;}
#bo_list.f_skin01 .gallery li>a>.cont .pp .comment_count+* {display:none;}

#bo_list.f_skin02 {background: url(/turtle/img/book_skin/f_skin02.jpg)center top 120px; background-size:cover; background-repeat:no-repeat; min-height:800px;}
#bo_list.f_skin02 .gallery {padding-top:50px;}
#bo_list.f_skin02 .gallery li {width:33.3%; padding:0 5%; position:relative; margin-bottom:15%;}
#bo_list.f_skin02 .gallery li>a {overflow:unset;}
#bo_list.f_skin02 .gallery li>a>.thum {width:100%;}
#bo_list.f_skin02 .gallery li>a>.thum .mark {display:none !important;}
#bo_list.f_skin02 .gallery li>a>.thum .rent {display:none;}
#bo_list.f_skin02 .gallery li>a>.cont {margin:0; text-align:center; width:100%;}
#bo_list.f_skin02 .gallery li>a>.cont>span {display:none;}
#bo_list.f_skin02 .gallery li>a>.cont .pp {padding:0; position:static; margin:0;}
#bo_list.f_skin02 .gallery li>a>.cont .pp .comment_count .cnt_cmt {top:10px;}
#bo_list.f_skin02 .gallery li>a>.cont .pp .comment_count+* {display:none;} */

/*쇼핑몰*/
.shop_goop #sit_ov_from {font-size:14px;}
/*상세페이지*/
#sit {text-align:center; margin-bottom:50px; padding:0;}
#sit #sit_ov_from {background:#fff; padding:15px; border-radius:10px;}
#sit_ov_wrap {text-align:center;}
#sit_ov {padding:15px 0; text-align:center; max-width:500px; margin:0 auto;}
#sit_ov #sit_title {color:#111; font-size:17px;}
#sit .sit_option, #sit .sit_side_option {text-align:left; overflow:hidden; color:#111; margin:5px 0;}
#sit .sit_option h3, #sit .sit_side_option h3 {color:#333; margin-right:10px; display:none;}
#sit .sit_option div, #sit .sit_side_option div {font-weight:500;}
#sit .sit_option span, #sit .sit_side_option span {border:#ddd 1px solid; display:inline-block; height:32px;}
#sit .sit_option select, #sit .sit_side_option select {height:28px; border:0; margin:0; width:95%; background:#fff;}
#sit .sit_option div label {margin-right:10px;}
#sit .sit_side_option div label {display:none;}
#sit .sit_side_option span {width:100%;}
.sit_info table {width:100%; border-top:#111 2px solid; margin:20px 0;}
.sit_info table td, .sit_info table th {border-bottom:#ddd 1px solid; height:36px; line-height:36px;}
.sit_info table th {color:#111; font-weight:500;}
.sit_info table td strong {color:#111;}
#sct_location, 
#sit_ov_wrap #popup_item_image, 
#sit_ov_wrap #sit_star_sns,
#sit_ov_wrap #sit_opt_info,
#sit_ov_wrap #sit_sel_option,
#sit_ov_wrap #sit_tot_price,
#sit_ov_wrap #sit_ov_btn
{display:none;}
#sit .sit_sel_option {background:#f8f8f8; border:#ddd 1px solid;}
#sit .sit_sel_option li {position:relative; border-top:#ddd 1px solid; padding:5px; margin-top:10px;}
#sit .sit_sel_option li:first-child {border-top:0; margin-top:0px;}
#sit_buy {position:fixed; bottom:0px; background:#fff; padding:10px; z-index:1000; max-width:60%; width:250px;
	box-shadow:-2px -10px 10px rgba(0, 0, 0, 0.2); border-radius:10px 10px 0 0; font-size:13px;
	right:0;
}
#sit_buy h3 {display:none;}
#sit_buy .opt_name {color:#111; font-weight:500; margin-bottom:5px; text-align:left;}
#sit_buy .opt_count {text-align:center; overflow:hidden; line-height:32px;}
#sit_buy .opt_count button {width:30px; height:30px; border:#aaa 1px solid;}
#sit_buy .opt_count input {margin:0 2%; height:30px; width:31%;}
#sit_buy .opt_count .sit_opt_del {position:absolute; top:0px; right:0px; border-radius:0 0 0 10px; height:25px; width:25px;
	border:0; background:#333; color:#fff;
}
#sit_buy .sum_section {padding:7px 0;}
#sit_buy .sit_opt_prc {display:none;}
/* #sit_buy .sit_order_btn {margin-top:10px;} */
#sit_buy .sit_tot_price strong {color:#111;}
#sit_buy .sit_order_btn button {width:100%; height:40px; float:left;}
#sit_buy .sit_order_btn button.sit_btn_cart {display:none;}
#sit_buy .sit_order_btn button+button {float:right;}
#sit_info .tab_tit {display:none;}
#sit_info .tab_con li#sit_inf {display:none !important;}
.tab_con li#sit_use, .tab_con li#sit_qa {display:block !important;}
.tab_con li#sit_qa {margin-top:30px;}
#sit_tab h2, #sit_tab h3, #sit_tab h4 {display:none;}
.tab_con li .sit_use_top, .tab_con li #sit_qa_wbtn {margin-bottom:20px;}
#sit_use_list .sit_use_top img, #sit_use_wbtn a+a, #sit_qa_wbtn a+a {display:none;}
.tab_con li #sit_use_ol, .tab_con li #sit_qa_ol {padding:0;}
#sit_use_wbtn a, #sit_qa_wbtn a {background:#f8f8f8; border:#777 1px solid; border-radius:100px; color:#111; width:50%; font-size:14px;}
.tab_con section li {position:relative; text-align:left; padding:15px; border-top:#ddd 1px solid;
	list-style: none;
}
.tab_con li h2 {display:none;}
.tab_con li .sit_thum {position:absolute; left:0; top:15px; width:80px; display:none;}
.tab_con li .sit_thum img {height:auto;}
.tab_con li dt, .tab_con li i {display:none;}
.tab_con li dd {font-size:12px;}
.tab_con li dd.sit_use_tit {font-size:14px; color:#111; font-weight:500;}
.tab_con li .sit_use_p img {margin:10px 0;}
.tab_con li .sit_use_li_title, .tab_con li .sit_qa_li_title {display:none;}
.tab_con li .sit_use_cmd a, .tab_con li .sit_qa_cmd a {font-size:14px; padding:5px 15px; margin-top:10px;}
.tab_con li .sit_qa_p div {position:relative; padding-left:20px; line-height:22px; margin:10px 0;}
.tab_con li .sit_qa_p div span {position:absolute; left:0; color:#6cdd83; font-weight:500;}
.tab_con li .sit_qa_p div.sit_qa_qaq {color:#111;}
.shop_btn_top {position:fixed; border:#333 1px solid; background:#fff; width:50px; height:50px; line-height:50px; 
	border-radius:100px; left:50%; bottom:55px; margin-left:-25px; z-index:1000;
}
.shop_btn_top img {height:35px; margin-top:-4px;}
#sit_use_write_star li {width:100% !important;}
#sit_use_write_star li input {height:30px;}
/*주문작성*/
#sod_frm h2, #sod_bsk h2 {color:#111; margin-top:20px;}
#sod_frm table, #sod_bsk table {font-size:14px;}
#sod_frm table th, #sod_bsk table th {color:#111; width:30%;}
#sod_frm table td, #sod_bsk table td {position:relative;}
#sod_frm table th, #sod_frm table td, #sod_bsk table th, #sod_bsk table td {padding:5px;}
#sod_frm table .sod_name {color:#111;}
#sod_frm table td input[type=text] {width:100%; margin:3px 0; height:40px}
#sod_frm table td .btn_address {position:absolute; right:0px; top:7px; height:40px; border:0; border-radius:3px; 
	font-size:12px; padding:0 10px; background:#333; color:#fff;
}
#sod_frm table td #order_address {display:none;}
#sod_frm .tbl_frm01 textarea {min-height:100px; height:100px;}
#sod_bsk_tot ul {border:#ddd 1px solid; padding:15px 30px; background:#f8f8f8;}
#sod_bsk_tot ul li {border-top:#ddd 1px solid; line-height:40px; position:relative; text-align:right;}
#sod_bsk_tot ul li:first-child {border-top:0;}
#sod_bsk_tot ul li span {display:inline-block; width:20%; position:absolute; left:0; text-align:left;}
#sod_bsk_tot ul li strong {color:#111;}

/*구독상품*/
#sit_pvi_thumb {display:none;}
#sit_pvi img {padding:0; width:300px; height:auto; max-width:100%;}
/* #sit button {height:40px; width:120px; margin-top:20px; background:#333; color:#fff; border:0;} */
#sit #sit_siblings {display:none;}
#sit #sit_inf_explan {font-size:13px; line-height:22px; background:#fff; border-radius:10px; margin-top:10px; 
	overflow:hidden; padding:15px;
}
/*관련상품*/
#sit_rel {background:#fff; margin-top:10px; border-radius:10px; padding:15px;}
#sit_rel h2 {color:#111; margin:20px 0;}
#sit_rel ul {overflow:hidden;}
#sit_rel ul li {width:25%; float:left; padding:0 5px 10px 5px; font-size:13px; line-height:17px;}
#sit_rel ul li .sct_img img {margin-bottom:10px; height:auto;}
#sit_rel ul li .sct_cost {letter-spacing:0; font-weight:500; color:#111; margin-top:5px;}

#sod_frm {padding:15px; background:#fff; margin-top:10px; border-radius:10px;}
#sod_frm .sod_left th {padding:0 20px;}
.prod_list {}
.prod_list>img {margin-right:20px;}
#od_pay_sl {margin:20px 0; border-bottom:#ddd 1px solid; border-top:#ddd 1px solid; padding:15px 0;}
#od_pay_sl h3 {color:#333;}
#od_pay_sl .sod_frm_point {border:#ddd 1px solid; background:#f8f8f8; padding:10px; margin:10px 0 30px 0;}
#od_pay_sl .sod_frm_point #od_temp_point {height:30px; margin-left:7px;}
#od_pay_sl .sod_frm_point #sod_frm_pt {margin-top:10px; border-top:#ddd 1px solid; padding-top:10px; overflow:hidden;}
#od_pay_sl .sod_frm_point #sod_frm_pt span {font-size:13px; width:50%; float:left;}
#od_pay_sl .sod_frm_point #sod_frm_pt span strong {margin-right:7px;}

#settle_bank {border:#ddd 1px solid; background:#f8f8f8; padding:10px; border-radius:7px; margin-bottom:20px;}
#display_pay_button {text-align:center;}
#display_pay_button input, #display_pay_button a {display:inline-block; width:40%; height:40px; margin:0 2%;}
#display_pay_button input {background:#333; color:#fff; border:0;}
/* #sit_inf_explan {text-align:left; margin-bottom:10px; display:none;} */
#sit_inf_explan p:first-child {color:#111;}
#sit_inf_explan p:first-child+p {line-height:70%;}

/*구독관련*/
/* #sod_frm_orderer, #sod_frm_taker, #sod_bsk_tot {display:none;} 구독권에서 적용*/
.sod_name .sod_opt, #sod_frm_pt_alert {display:none;}/* #sod_list */
#sod_list th, #sod_list td, #sod_bsk_list th, #sod_bsk_list td {border:#ddd 1px solid; text-align:center; font-size:14px;}
#sod_list th, #sod_bsk_list th {color:#111; background:#f8f8f8;}
#sod_bsk_list table th+th+th+th+th, #sod_bsk_list table td+td+td+td+td {display:none;}
#sod_bsk_list table th+th+th+th+th+th+th, #sod_bsk_list table td+td+td+td+td+td+td {display:table-cell;}
#sod_bsk_list table th, #sod_bsk_list table td {width:auto;}
#sod_bsk_list table .td_prd {width:50%;}
#sod_bsk_list table .td_prd .sod_img {margin-top:10px;}
#sod_bsk_list table .td_prd a b {color:#111; font-weight:normal;}
#sod_bsk_list table .td_numbig {width:15%;}
#sod_bsk_list table .mod_options {display:none;}
.btn_cart_del {margin:15px 0; text-align:center;}
.btn_cart_del button {height:40px; padding:0 15px;}
#sod_bsk_act {margin:15px 0; text-align:center;}
#sod_bsk_act .btn01, #sod_bsk_act .btn_submit {height:40px; border:#111 1px solid; background:#fff; padding:0 15px;
	line-height:38px; font-size:15px; color:#111; width:40%;
}
#sod_bsk_act .btn_submit {background:#111; color:#fff;}
#sod_frm_pay h2,
#sod_frm_pay .pay_tbl/* ,
#sod_frm_pay #od_tot_price */ {display:none;}
#sod_frm_pay {margin-top:20px;}
#sod_frm_pay .odf_tbl {display:none;}
#sod_frm_pay #od_tot_price {text-align:center; color:#111; font-size:20px;}
/* #mb_login_notmb, #sct_location, #sit_ov, #sit_tab, .sit_sel_option, .sit_btn_cart {display:none;} */
#sod_fin {padding:0 15px;}
#sod_fin h2, #sod_fin_pay h3 {color:#111; border-top:#111 2px solid; padding-top:7px;}
#sod_fin #sod_fin_no,
#sod_fin #sod_fin_list #sod_sts_wrap,
/* #sod_fin .sod_left, */
#sod_fin .sod_bsk_dvr,
#sod_fin .sod_bsk_cnt,
#sod_fin .sod_bsk_point
{display:none;}
#sod_fin_orderer .tbl_head01, 
#sod_fin_receiver .tbl_head01,
#sod_fin_dvr .tbl_head01 {font-size:13px; border:#ddd 1px solid; border-radius:10px;}
#sod_fin_dvr .dvr_link {color:#ff6600;}
#sod_fin_orderer .tbl_head01 tbody th, 
#sod_fin_receiver .tbl_head01 tbody th,
#sod_fin_dvr .tbl_head01 tbody th {padding:0; width:80px; color:#111;}
#sod_fin h3 {color:#333; margin:20px 0 5px 0;}
#sod_fin #sod_fin_cancel {margin-top:30px; text-align:center;}
#sod_fin #sod_fin_cancel button, #sod_fin #sod_fin_cancel input {height:40px; padding:0 10px; margin:0 5px; margin-top:10px;}
#sod_fin #sod_fin_cancel .sod_cls_btn {display:none;}
#sod_fin #sod_fin_pay ul li:nth-child(4n) {display:none;}
#sod_fin #sod_fin_pay ul li strong {margin-right:15px;}
#sod_fin_cancelfrm h2 {display:none;}
#sod_frm_paysel input[type=radio] {margin-left:10px;}
/*모바일별도 주문페이지*/
/* .sod_frm_mobile .sod_ta_wr {display:none;} */
/* .sod_frm_mobile .sod_opt {display:none;} */
.sod_frm_mobile .sod_list {text-align:center; font-size:14px;}
.sod_frm_mobile .sod_list>li {padding:10px 0; border-top:#ddd 1px solid;}
.sod_frm_mobile .sod_list>li .sod_opt {display:none;}
.sod_frm_mobile .li_name {color:#111;}
.sod_frm_mobile .li_op_wr {margin:10px 0;}
.sod_frm_mobile .li_prqty {background:#f8f8f8; display:inline-block; padding:0 10px; border:#ddd 1px solid; border-radius:100px;}
.sod_frm_mobile .li_prqty>span {width:25%; padding:10px 5px;}
.sod_frm_mobile .li_prqty .prqty_sc.li_prqty_sp {display:none;}
.sod_frm_mobile .sod_list .total_price {color:#111; margin:10px 0;}
#m_sod_bsk_tot {overflow:hidden; border-top:#111 2px solid;}
#m_sod_bsk_tot dt, #m_sod_bsk_tot dd {float:left; width:70%; border-bottom:#ddd 1px solid; padding:0 15px; height:36px; line-height:36px; font-size:14px;}
#m_sod_bsk_tot dt {width:30%; color:#111; font-weight:700;}
#m_sod_bsk_tot dd {text-align:right;}
#m_sod_bsk_tot dd strong {font-weight:normal;}
#m_sod_bsk_tot dd.sod_bsk_cnt strong {color:#111; font-weight:700; font-size:20px;}
.sod_frm_mobile #m_sod_frm_paysel {margin:15px 0;}
.sod_frm_mobile #m_sod_frm_paysel ul {overflow:hidden;}
.sod_frm_mobile #m_sod_frm_paysel ul li {float:left; padding:0 5px;}
.sod_frm_mobile #m_sod_frm_paysel .sod_frm_point {border:#ddd 1px solid; background:#f8f8f8; padding:10px; margin:10px 0 30px 0; border-radius:10px;}
.sod_frm_mobile #m_sod_frm_paysel .sod_frm_point #od_temp_point {height:30px; margin-left:7px;}
.sod_frm_mobile #m_sod_frm_paysel .sod_frm_point #sod_frm_pt_info {margin-top:10px; border-top:#ddd 1px solid; padding-top:10px;}
.sod_frm_mobile #m_sod_frm_paysel .sod_frm_point #sod_frm_pt_info span {font-size:13px; width:50%; display:inline-block;}
.sod_frm_mobile #m_sod_frm_paysel .sod_frm_point #sod_frm_pt_info span strong {margin-right:7px;}
.sod_frm_mobile #sod_frm_orderer, .sod_frm_mobile #sod_frm_taker
	{background:#f8f8f8; padding:15px; border-radius:10px; border:#ddd 1px solid; margin-top:20px;}
.sod_frm_mobile #sod_frm_orderer h2, .sod_frm_mobile #sod_frm_taker h2 {margin:0 0 10px 0;}
.sod_frm_mobile .odf_list li {position:relative; border-top:#ddd 1px solid; padding:5px 0; font-size:14px; overflow:hidden;}
.sod_frm_mobile .odf_list li.dlv_slt+li {display:none;}
.sod_frm_mobile .odf_list li input {height:20px;}
.sod_frm_mobile .odf_list li.dlv_slt>div {display:inline-block; width:76%;}
.sod_frm_mobile .odf_list li>label, .sod_frm_mobile .odf_list li>strong {width:24%; display:inline-block; float:left; color:#111; font-weight:400;}
.sod_frm_mobile .odf_list li>label.ad_default {width:50%; float:unset;}
.sod_frm_mobile .odf_list li input[type=text],
.sod_frm_mobile .odf_list li input[type=password],
.sod_frm_mobile .odf_list li input[type=email] {width:76%; height:34px; float:left;}
.sod_frm_mobile .odf_list li .btn_addsch {position:absolute; right:0px; top:7px; height:30px; border:0; border-radius:3px; font-size:12px;}
.sod_frm_mobile .odf_list li #od_addr1, .sod_frm_mobile .odf_list li #od_addr2, .sod_frm_mobile .odf_list li #od_addr3,
.sod_frm_mobile .odf_list li #od_b_addr1, .sod_frm_mobile .odf_list li #od_b_addr2, .sod_frm_mobile .odf_list li #od_b_addr3
{margin-top:5px; float:right;}
.sod_frm_mobile .odf_list li #od_memo {width:76%; border:#ddd 1px solid;}
#daum_juso_pageod_zip, #daum_juso_pageod_b_zip {float:left; margin-top:20px !important;}

/*마이페이지_주문내역*/
#smb_my #smb_my_ov {display:none;}
#smb_my #smb_my_od, #sod_v {padding:0 15px;}
#smb_my #smb_my_od h2, #sod_v h2 {color:#111; margin-bottom:10px;}
#smb_my #smb_my_list table, #sod_v table {border-top:#111 2px solid;}
#smb_my #smb_my_list table thead, #sod_v table thead {display:none;}
#smb_my #smb_my_list table tbody tr, #sod_v table tbody tr {border-bottom:#ddd 1px solid; padding:10px 0; overflow:hidden; display:block; text-align:center;}
#smb_my #smb_my_list table tbody td, #sod_v table tbody td {float:left; width:36%; font-size:14px;}
#smb_my #smb_my_list table tbody td a, #sod_v table tbody td a {color:#6cdd83;}
/* #smb_my #smb_my_list table tbody td+td+td, #sod_v table tbody td+td+td {width:25%;}*/
#smb_my #smb_my_list table tbody td+td+td+td+td+td+td, #sod_v table tbody td+td+td+td+td+td+td {width:28%;}
#smb_my #smb_my_list table tbody td.td_numbig, #sod_v table tbody td.td_numbig {display:none;}
#smb_my #smb_my_wish {display:none;}
/*주문상세내역*/
#sod_fin #sod_bsk_tot2 {background:#f8f8f8; border:#ddd 1px solid; padding:15px; border-radius:10px; color:#111;}
#sod_fin #sod_fin_pay ul {font-size:14px;}
#sod_fin #sod_fin_pay ul li strong {color:#333; font-weight:500;}
#sod_fin #sod_fin_cancel {display:none;}
#sod_fin #sod_fin_list .tbl_head03 table {margin-bottom:20px;}
#sod_fin #sod_fin_list .tbl_head03 table thead {display:none;}
#sod_fin #sod_fin_list .tbl_head03 table tr {overflow:hidden;}
#sod_fin #sod_fin_list .tbl_head03 table td {width:20%; float:left; text-align:center; display:block;}
#sod_fin #sod_fin_list .tbl_head03 table .td_prd {width:100%;}
#sod_fin #sod_fin_list .tbl_head03 table .td_prd .sod_img span {position:absolute; background:#333; width:35px; height:35px; border-radius:50px;
	color:#6cdd83; line-height:35px; font-weight:500; margin:10px 0 0 -15px;
}
#sod_fin #sod_fin_list .tbl_head03 table .td_prd .sod_name {margin:20px 0;}
#sod_fin #sod_fin_list .tbl_head03 table .td_prd .sod_name a {color:#111; font-weight:700; font-size:20px;}
#sod_fin #sod_fin_list .tbl_head03 table td+td div {background:#eaeaea; color:#111; font-size:14px; border-radius:5px; margin-bottom:5px;}

/*이니시스 결제창*/
#inicisModalDiv {left:0;}

/*푸터*/
#ft {padding:15px 15px 40px 15px !important; text-align:center; margin:10px 0 !important;}
.mainp.mp #ft {padding-bottom:65px !important;}
.landp #ft {display:none;}
#ft_company {line-height:150%; position:relative;  overflow:hidden;}
#ft_company #ft_copy {float:left; letter-spacing:-1px; font-size:12px; width:100%;}
.landp #ft_company #ft_copy {color:#333;}
#ft_company #ft_copy span {letter-spacing:0; margin-left:5px; font-size:11px;}
#ft_company #ft_copy .btn_qa {margin-top:5px; background:#; border:#ddd 1px solid; padding:3px 5px; display:none;}
#ft_company .line {display:inline-block; width:1px; height:10px; margin:0 5px; background:#ddd;}
#ft_company .escrow {float:right; height:50px; cursor:pointer; opacity:0.5; display:none;}
#ft .btn_login {margin:10px 0 10px 0;}
#ft .btn_login a {border-radius:100px; border:#333 1px solid; padding:0 15px; line-height:36px; 
	display:inline-block; width:50%; background:#fff;
}

/*문의하기*/
.qap #fboardlist {max-width:100%; padding:0 15px;}
.qap #bo_w {padding:0;}
.qap #fwrite section {padding:0;}
.qap #bo_w #fwrite .fregister_agree {padding:0;}
.qap #bo_w .btn_confirm {}
.qap #bo_w .btn_confirm .btn_submit {padding:10px; width:50%; margin-left:25%;}
.qap #bo_v.view {padding-left:15px; padding-right:15px;}
.qap #bo_v.view #bo_vc_w {left:0 !important;}
.qap #bo_v.view #bo_v_act {display:none;}
.qap #bo_v.view #bo_v_con_bk {padding:20px 0;}
.qap #bo_v.view #bo_vc h2 {display:none;}
.qap #bo_v.view .secret {display:none;}
.qap #bo_v.view .btn_confirm input {width:100%;}
.qap #bo_v.view #bo_vc {background:#f8f8f8; padding:10px 15px;}
.qap #bo_v.view #bo_vc article {border:0;}
.qap #bo_v.view #bo_vc header {padding:0;}
.qap #bo_v.view #bo_vc article+article {border-top:#ddd 1px solid;}

/*매뉴얼,공지,리뷰*/
.manup #container_title {color:#111; text-align:center;}
.manup #bo_list>.bo_fx {display:none;}
.manup #fboardlist {max-width:100%; padding:15px; background:#fff; border-radius:10px; margin-top:0;}
.manup #bo_list .tbl_head01 td {border:0; border-top:#ddd 1px solid; position:relative; padding:15px 0;}
.manup #bo_list .tbl_head01 tr:first-child td {border-top:0;}
.manup #bo_list .tbl_head01 td .tt a {color:#111; font-weight:500;}
.manup #bo_list .tbl_head01 td div.content {padding:7px 0;}
.manup #bo_list .tbl_head01 td .btn {font-size:14px; margin-top:10px; position:relative;}
.manup #bo_list .tbl_head01 td .btn span {color:#6cdd83;}
.manup #bo_list .tbl_head01 td .btn span.date {color:#999; margin-left:5px; letter-spacing:0; font-size:12px;}
.manup #bo_list .tbl_head01 td .btn a {float:right; padding:0 5px; border:#ddd 1px solid; border-radius:2px; font-size:12px; margin-left:5px;}
.manup #bo_list .star {height:15px; position:absolute; right:0px; top:10px;}
.manup #bo_list .cnt_cmt {color:#6cdd83;/*  background:#6cdd83; width:20px; height:20px; text-align:center; border-radius:100px; */}
.manup #bo_sch {display:none;}
.manup.viewp {background:#fff;}
.manup.viewp #header {display:block; padding:0; margin:0;}
.manup.viewp #header .ci, .manup.viewp #header .menu {display:none;}
.manup.viewp #bo_v_info {display:block; overflow:hidden;}
.manup.viewp.freep #bo_v_info {display:none;}
.manup.viewp #bo_v_info span:first-child {color:#6cdd83;}
.manup.viewp #bo_v_info span+span {float:right; font-size:12px;}
.manup.viewp #bo_v_img {display:none;}
/* .manup.viewp #bo_v_atc {padding:20px 15px;} */
.manup.viewp .bo_vc_act a {padding:5px 7px; background:#f8f8f8; border:#ddd 1px solid; font-size:14px;}
.manup.viewp #bo_v {padding:15px; padding-top:80px;}
.manup.viewp #bo_v_bot ul.bo_v_nb {display:none;}
.manup.viewp #bo_v #bo_v_title {display:none;}
.freep.viewp #bo_v #bo_v_title {display:block; color:#111;}
.manup.viewp #bo_v_table {display:none;}
.manup.viewp #bo_v_bot:before {display:none;}
.manup.viewp #bo_v_bot .bo_v_com {width:100%; padding:15px;}
.manup.viewp #bo_v_bot .bo_v_com li.book_list {margin:0;}
.manup.viewp #bo_v_con {padding:0; background:none;}
.manup.viewp #bo_v_con h1 {color:#111; margin:10px 0;}
.manup.viewp #bo_v_con div img.star {height:17px; margin-top:10px}
.manup.viewp #bo_vc {padding:0px; border:0;}
.manup.viewp #bo_vc h2 {display:none;}
.manup.viewp #bo_vc header span {color:#6cdd83;}
.manup.viewp #bo_vc .bo_vc_hdinfo {font-size:12px; color:#999;}
.manup #bo_vc_w .tbl_frm01 th {font-size:12px; padding:5px; text-align:center;}
.manup #bo_vc_w .tbl_frm01 textarea {min-height:100px;}
.manup #bo_vc_w .btn_confirm {text-align:center;}
.manup #bo_vc_w .btn_confirm input {width:40%;}
/* .manup.viewp #bo_v_act {display:none;}
.manup.viewp #bo_vc {display:none;}
.manup.viewp #bo_vc_w {display:none;} */
.manup.writep #bo_w {background:#fff; padding:15px; border-radius:10px;}
.manup.writep #bo_w #sit_use_write_star img {height:17px; margin-left:10px;}
.freep {background:#eee;}

/*알림*/
.noti54p #noti_armv {padding:10px;}
.noti54p .noti_lc.noti_lc02 {font-size:12px; padding:0 10px;}
.noti54p .all_del_btn {display:none;}
.noti54p .noti_bw02.noti_bw button, 
.noti54p .noti_bw02.noti_bw input 
	{height:30px; line-height:28px; display:inline-block; border:#ddd 1px solid; font-size:13px; padding:0 10px; margin-right:5px;}
.noti54p .noti_bw03.noti_bw {overflow:hidden; margin-top:20px; border-bottom:#333 2px solid; display:none;}
.noti54p .noti_bw03.noti_bw button {height:30px; line-height:30px; float:left; border:#333 2px solid; border-bottom:0; font-size:13px; 
	padding:0 10px; border-radius: 7px 7px 0 0; margin-right:-2px; background:#fff;
}
.noti54p .pushmsg_list.armv_list {border-top:#333 2px solid; margin-top:20px;}
.noti54p .pushmsg_list.armv_list li {position:relative; border-bottom:#ddd 1px solid; padding:15px; padding-left:30px;}
.noti54p .pushmsg_list.armv_list li.read {opacity:0.5;}
.noti54p .pushmsg_list.armv_list li input {position:absolute; left:0; top:17px; height:20px;}
.noti54p .pushmsg_list.armv_list li .noti_sr {opacity:0; position:absolute;}
.noti54p .pushmsg_list.armv_list li .list_tit {color:#888;}
.noti54p .pushmsg_list.armv_list li .list_tit em {display:none;}
.noti54p .pushmsg_list.armv_list li .list_tit b {color:#6cdd83;}
.noti54p .pushmsg_list.armv_list li .list_stat {display:none;}
.noti54p .pushmsg_list.armv_list li .fa-trash {margin-left:10px; color:#333;}
.noti54p .pushmsg_list.armv_list+.noti_bw02.noti_bw {display:none;}

.mypagep .profile,
.writep .profile, .writep .kakao_ad_area,
.infop .btn_ham,
.orderinquiryp .btn_ham,
.shop_goop .btn_ham,
.qap .btn_ham,
.writep .btn_ham
{display:non !important;}

.loginp .profile,
.infop .profile,
.registerp .profile,
.mypagep .profile,
.manup .profile,
.writep .profile,
.shop_goop .profile
{display:none;}

/*랜딩페이지*/
/* .landp #header {padding:0;}
.landp #header .ci, .landp #header .menu {display:none;} */
.landp .profile {display:none;}
.landp {background:#6cdd83;}
.landp #header {background:#fff;}
.landp .kakao_ad_area {display:none !important;}
.landp .cont {margin-bottom:150px; padding:0 15px;}
.landp .cont dl.mt {text-align:center; color:#111; margin-bottom:20px; padding:0 15px;}
.landp .cont dl.mt dt {font-family:yg-jalnan; font-size:24px; letter-spacing:0; line-height:36px;}
.landp .cont dl.mt dd {margin-top:20px;}

.landp .c01 {padding-top:50px;}
.landp .c01 img {padding:50px 20% 0 20%;}
.landp .c03 {padding:0;}
.landp .c03 img {width:60%;}
.landp .c03 ul {width:40%; position:absolute; right:0; margin-top:8%;}
.landp .c03 ul li span {background:#fff; border:#111 2px solid; color:#111; display:inline-block; height:100%; border-radius:100px; padding:5px 15px; margin:5px 0; font-weight:500; font-size:14px;}
.landp .c04 dl dd div {font-size:12px;}
.landp .c04 dl dd div div {margin-top:-7px;}
.landp .c05 {padding:0;}
.landp .c05 dl dd div {font-size:12px;}
.landp .c05 img {padding:0 15px;}
.landp .c06 {margin-bottom:-15px;}
.landp .c06 dl dt {margin-bottom:-10px;}
.landp .c06 img {padding:0 5%;}
.memo_wrap {display:none !important;}
.ad_pop {display:none; width:100%; height:100%; position:fixed; bottom:0; left:0; background:#fff; z-index:3;
	border:#ddd 1px solid; text-align:center;
}
.memo_wrap.view {display:block !important;}
.memo_wrap.view.off {height:300px;}
.memo_wrap.view.off .ad_pop {display:block;}
.memo_wrap .ad_pop .btn_close {position:absolute; z-index:3; right:-50px; top:10px; width:40px; padding:10px; 
	border:#333 1px solid; border-radius:50px; height:40px; background:#fff; cursor:pointer; opacity:0; transition:all 0s ease .1s;
}
.memo_wrap .ad_pop .btn_close.on {opacity:1; right:10px;}
.memo_wrap .ad_pop .btn_close img {vertical-align:top;}
.memo_wrap .ad_pop .count {position:absolute; z-index:2; right:10px; top:10px; width:40px; line-height:38px;
	border:#333 1px solid; border-radius:50px; height:40px; background:#fff; text-align:center;
}
.ad.duck_foot {font-size:12px; color:#ff6600; text-align:center; line-height:20px;}

/*소셜간편가입*/
#register_member {padding:0 15px;}
#register_member .toggle-inner table {width:100%; font-size:12px; border-spacing:0; line-height:140%; border-collapse: collapse;}
#register_member .toggle-inner table th, #register_member .toggle-inner table td {border:#ddd 1px solid; padding:10px;}
#register_member .toggle-inner table th {background:#f8f8f8;}
#register_member #login_fs {background:#f8f8f8; padding:15px; border:#ddd 1px solid; overflow:hidden; margin-top:10px;}
#register_member #login_fs label {width:30%; float:left;}
#register_member #login_fs span input {width:70%; float:left; height:40px; line-height:40px;}
#register_member #login_fs .login_submit {margin:5px 0 0 0;}

@media all and (max-width:510px) { /*모바일*/
.mainp .book_share.mcont>dl dd .arrow,
.myroomp.mainp>.cont>dl .arrow {display:none;}
.myroomp.mainp .reading .pager {display:none;}
#sit {width:100%; margin-left:0 !important;}
.sct_wrap ul li {width:50% !important; padding:0 5px 20px 5px;}
#sit_rel ul li {width:33.3%;}
#sit_buy {bottom:50px;}
.shop_btn_top {display:none;}
}

@media all and (min-width:512px) { /*피씨*/

}