/* container */
html, body {overflow-x:hidden; margin:0 auto;}
.container {width:100%; max-width:1040px; padding:0 20px; margin:0 auto;}
.is-pc {display:block !important;}
.is-m {display:none !important;}
@media (max-width:991px){
.is-pc {display:none !important;}
.is-m {display:block !important;}
}
/* header */
header .pc-header {padding:53px 0;}
header .pc-header .container {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
header .pc-header .header-logo h1 a {display:block;}
header .pc-header .header-logo h1 a img {width:173px;}
header .pc-header .header-member {position:relative; z-index:1001;}
header .pc-header .header-member .header-member-cate ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
header .pc-header .header-member .header-member-cate ul li {margin-left:20px; display:flex; flex-wrap:wrap; align-items:center;}
header .pc-header .header-member .header-member-cate ul li:first-of-type {margin-left:0;}
header .pc-header .header-member .header-member-cate ul li a:not(.icon) {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:30px; border-radius:50px; border:1px solid #B5B5B5; padding:0 15px;}
header .pc-header .header-member .header-member-cate ul li a.icon {position:relative; font-size:0; width:20px; height:20px;}
header .pc-header .header-member .header-member-cate ul li a.icon.active:after {position:absolute; right:-4px; top:0; width:4px; height:4px; border-radius:50%; background:#A769A2; content:"";}
header .pc-header .header-member .header-member-cate ul li a.icon01 {background:url('/sub/asset/images/icon_header_cate_01.png') no-repeat center / 20px auto;}
header .pc-header .header-member .header-member-cate ul li a.icon02 {background:url('/sub/asset/images/icon_header_cate_02.png') no-repeat center / 19px auto;}
header .pc-header .header-member .header-member-cate ul li a.icon03 {background:url('/sub/asset/images/icon_header_cate_03.png') no-repeat center / 19px auto;}
header .pc-header .header-member .header-member-detail {pointer-events:none; opacity:0; transition:all ease 0.5s; position:absolute; background:#fff; padding:25px 27px 90px; top:25px; width:370px; left:-140px; border-radius:10px; border:1px solid #E6E6E6; box-shadow:0 3px 10px rgba(0,0,0,0.3);}
header .pc-header .header-member .header-member-detail .tab {border-bottom:1px solid #E3E2E2; padding:0 0 18px;}
header .pc-header .header-member .header-member-detail .tab ul {display:flex; flex-wrap:wrap; align-items:center;}
header .pc-header .header-member .header-member-detail .tab ul li {flex:1; min-width:0; position:relative; padding:0 14px;}
header .pc-header .header-member .header-member-detail .tab ul li:after {position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:18px; background:#707070; content:"";}
header .pc-header .header-member .header-member-detail .tab ul li:last-of-type:after {display:none;}
header .pc-header .header-member .header-member-detail .tab ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:34px;}
header .pc-header .header-member .header-member-detail .tab ul li:first-of-type a {font-size:15px; font-weight:600; color:#707070; background:#fff;}
header .pc-header .header-member .header-member-detail .tab ul li:last-of-type a {font-size:15px; font-weight:600; color:#707070;}
header .pc-header .header-member .header-member-detail .tab ul li:last-of-type a:before {display:inline-block; content:""; width:13.51px; height:15.48px; background:url('/sub/asset/images/icon_alert.png') no-repeat center / cover; margin-right:5px;}
header .pc-header .header-member .header-member-detail .tab ul li.active a {position:relative; border-radius:50px; box-shadow:0 0 5px rgba(0,0,0,0.1);}
header .pc-header .header-member .header-member-detail .tab ul li.on a:after {position:absolute; left:38px; top:10px; width:4px; height:4px; background:#A769A2; border-radius:50%; content:"";}
header .pc-header .header-member .header-member-detail .member {display:flex; flex-wrap:wrap; align-items:center; margin:26px 0 0;}
header .pc-header .header-member .header-member-detail .member .inner {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; padding-right:15px;}
header .pc-header .header-member .header-member-detail .member .inner p {margin-right:12px;}
header .pc-header .header-member .header-member-detail .member .inner p strong {display:block; font-size:20px; font-weight:500; color:#A769A2;}
header .pc-header .header-member .header-member-detail .member .inner p small {display:block; margin:2px 0 0; font-size:12px; font-weight:500; color:#707070;}
header .pc-header .header-member .header-member-detail .member .inner a {font-size:15px; font-weight:500; color:#787878; text-decoration:underline;}
header .pc-header .header-member .header-member-detail .category {margin:35px 0 0;}
header .pc-header .header-member .header-member-detail .category ul {display:flex; flex-wrap:wrap;}
header .pc-header .header-member .header-member-detail .category ul li {width:33.33%; margin:0 0 35px;}
header .pc-header .header-member .header-member-detail .category ul li a {display:block;}
header .pc-header .header-member .header-member-detail .category ul li a:before {display:block; content:""; width:42px; height:35px; margin:0 auto 12px;}
header .pc-header .header-member .header-member-detail .category ul li a p {display:block; text-align:center; font-size:15px; font-weight:bold; color:#787878;}
header .pc-header .header-member .header-member-detail .category ul li a b {display:flex; flex-wrap:wrap; align-items:baseline; justify-content:center; margin:4px 0 0; font-size:19px; font-weight:bold; color:#A769A2;}
header .pc-header .header-member .header-member-detail .category ul li a b em {margin-left:3px; font-size:12px; font-weight:600; color:#A769A2;}
header .pc-header .header-member .header-member-detail .category ul li:nth-of-type(1) a:before {background:url('/sub/asset/images/icon_header_member_01.png') no-repeat center / 32px auto;}
header .pc-header .header-member .header-member-detail .category ul li:nth-of-type(2) a:before {background:url('/sub/asset/images/icon_header_member_02.png') no-repeat center / 35px auto;}
header .pc-header .header-member .header-member-detail .category ul li:nth-of-type(3) a:before {background:url('/sub/asset/images/icon_header_member_03.png') no-repeat center / 42px auto;}
header .pc-header .header-member .header-member-detail .category ul li:nth-of-type(4) a:before {background:url('/sub/asset/images/icon_header_member_04.png') no-repeat center / 35px auto;}
header .pc-header .header-member .header-member-detail .category ul li:nth-of-type(5) a:before {background:url('/sub/asset/images/icon_header_member_05.png') no-repeat center / 35px auto;}
header .pc-header .header-member .header-member-detail .category ul li:nth-of-type(6) a:before {background:url('/sub/asset/images/icon_header_member_06.png') no-repeat center / 36px auto;}
header .pc-header .header-member .header-member-detail .category ul li:nth-of-type(7) a:before {background:url('/sub/asset/images/icon_header_member_07.png') no-repeat center / 35px auto;}
header .pc-header .header-member .header-member-detail .button {width:220px; margin:0 auto;}
header .pc-header .header-member .header-member-detail .link {margin:68px 0 0;}
header .pc-header .header-member .header-member-detail .link ul li {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
header .pc-header .header-member .header-member-detail .link ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:10px 0; border-bottom:1px solid #E3E2E2; font-size:15px; color:#787878; min-width:175px;}
header .pc-header .header-member.active .header-member-detail {pointer-events:inherit; opacity:1; top:35px;}
/*
header .pc-header .header-member .header-member-detail .tab ul li:first-of-type a {font-size:15px; font-weight:600; color:#A769A2; background:#fff; border-radius:50px; box-shadow:0 0 5px rgba(0,0,0,0.1);}
header .pc-header .header-member .header-member-detail .tab ul li.active a {position:relative;}
header .pc-header .header-member .header-member-detail .tab ul li.active a:after {position:absolute; left:38px; top:10px; width:4px; height:4px; background:#A769A2; border-radius:50%; content:"";}
*/
header .pc-header .header-search {flex:1; min-width:0;}
header .pc-header .header-search .inner {max-width:427px; margin:0 auto; position:relative; z-index:9999;}
header .pc-header .header-search .header-search-form form {display:flex; flex-wrap:wrap; align-items:center; background:#F7F7F8; border-radius:50px; height:38px;}
header .pc-header .header-search .header-search-form form input {flex:1; min-width:0; padding:0 18px; font-size:15px; color:#333; background:none;}
header .pc-header .header-search .header-search-form form input::placeholder {color:#787878;}
header .pc-header .header-search .header-search-form form a {font-size:0; display:inline-block; content:""; width:20px; height:20px; background:url('/sub/asset/images/icon_search.png') no-repeat center / cover; margin-right:13px;}
header .pc-header .header-search .header-search-detail {pointer-events:none; opacity:0; transition:all ease 0.5s; padding:22px 33px 35px; position:absolute; left:0; top:35px; width:100%; background:#fff; border-radius:10px; box-shadow:0 3px 10px rgba(0,0,0,0.3);z-index:9999;}
header .pc-header .header-search .header-search-detail .tab {border-bottom:1px solid #E3E2E2;}
header .pc-header .header-search .header-search-detail .tab ul {display:flex; flex-wrap:wrap; align-items:center;}
header .pc-header .header-search .header-search-detail .tab ul li {flex:1; min-width:0;}
header .pc-header .header-search .header-search-detail .tab ul li a {font-size:17px; font-weight:500; color:#787878; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:13px 0;}
header .pc-header .header-search .header-search-detail .tab ul li.active a {color:#A769A2; font-weight:bold;}
header .pc-header .header-search .header-search-detail .tab-content {padding:25px 0; border-bottom:1px solid #E3E2E2;}
header .pc-header .header-search .header-search-detail .tab-content .content {display:none;}
header .pc-header .header-search .header-search-detail .tab-content .content.active {display:block;}
header .pc-header .header-search .header-search-detail .keyword {padding:14px 0 0;}
header .pc-header .header-search .header-search-detail .keyword strong {font-size:17px; font-weight:bold; color:#A769A2; display:block; margin:0 0 14px;}
header .pc-header .header-search .header-search-detail .keyword ul {display:block; overflow-x:auto; overflow-y:hidden; white-space:nowrap; padding:0 0 4px;}
header .pc-header .header-search .header-search-detail .keyword ul::-webkit-scrollbar {height:3px; background:#787878; border-radius:10px;}
header .pc-header .header-search .header-search-detail .keyword ul::-webkit-scrollbar-thumb {background:#A769A2; border-radius:10px;}
header .pc-header .header-search .header-search-detail .keyword ul li {display:inline-block; margin-right:5px;}
header .pc-header .header-search .header-search-detail .keyword ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; height:22px; padding:0 8px; font-size:15px; color:#fff; background:#A769A2;}
header .pc-header .header-search .header-search-detail .recent-keyword ul li {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 9px;}
header .pc-header .header-search .header-search-detail .recent-keyword ul li:last-of-type {margin:0;}
header .pc-header .header-search .header-search-detail .recent-keyword ul li a.name {flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:17px; font-weight:500; color:#787878;}
header .pc-header .header-search .header-search-detail .recent-keyword ul li a.delete {font-size:13px; color:#787878;}
header .pc-header .header-search .header-search-detail .popular-keyword ul li {margin:0 0 9px;}
header .pc-header .header-search .header-search-detail .popular-keyword ul li:last-of-type {margin:0;}
header .pc-header .header-search .header-search-detail .popular-keyword ul li a {display:flex; flex-wrap:wrap; align-items:center;}
header .pc-header .header-search .header-search-detail .popular-keyword ul li a b {width:32px; font-size:17px; font-weight:bold; color:#A769A2;}
header .pc-header .header-search .header-search-detail .popular-keyword ul li a p {flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:17px; font-weight:500; color:#787878;}
header .pc-header .header-search .header-search-detail .popular-keyword ul li.active a p {color:#A769A2;}
header .pc-header .header-search.active .header-search-detail {pointer-events:inherit; opacity:1; top:42px;}
header .m-header {display:none;}
@media(max-width:991px){
header .pc-header {display:none;}
header .m-header {display:block; background:#fff; position:fixed; left:0; top:0; width:100%; z-index:100; padding:13px 0;}
header .m-header .container {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
header .m-header .header-logo h1 a {display:block;}
header .m-header .header-logo h1 a img {width:72px;}
header .m-header .header-member ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
header .m-header .header-member ul li {margin-left:20px;}
header .m-header .header-member ul li:first-of-type {margin-left:0;}
header .m-header .header-member ul li a.icon {position:relative; font-size:0; width:20px; height:20px;}
header .m-header .header-member ul li a.icon.active:after {position:absolute; right:-4px; top:0; width:4px; height:4px; border-radius:50%; background:#A769A2; content:"";}
header .m-header .header-member ul li a.icon01 {background:url('/sub/asset/images/icon_header_cate_01.png') no-repeat center / 20px auto;}
header .m-header .header-member ul li a.icon02 {background:url('/sub/asset/images/icon_header_cate_02.png') no-repeat center / 19px auto;}
header .m-header .header-member ul li a.icon03 {background:url('/sub/asset/images/icon_header_cate_03.png') no-repeat center / 19px auto;}
header .m-header .header-member ul li a.icon04 {background:url('/sub/asset/images/icon_header_cate_04.png') no-repeat center / 19px auto;}
header .m-header .header-member ul li a.icon.active:after {position:absolute; right:-4px; top:0; width:4px; height:4px; border-radius:50%; background:#A769A2; content:"";}
}
/* footer */
footer {padding:0 0 21.8px;}
footer .container {border-top:1px solid #E3E2E2; max-width:1012px; margin:0 auto;}
footer .footer-top {display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between;}
footer .footer-top .footer-logo {width:100%; margin:21.8px 0 0;}
footer .footer-top .footer-logo img {width:70px;}
footer .footer-top .footer-logo small {display:block; margin:8px 0 0; font-size:11px; color:#A2A2A2;}
footer .footer-top .footer-title {width:100%; margin:15px 0 0;}
footer .footer-top .footer-title strong {display:block; font-size:13px; font-weight:600; color:#626262;}
footer .footer-top .footer-title a {display:none;}
footer .footer-info {margin:4.5px 0 0;}
footer .footer-info ul li {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-info ul li span {font-size:12px; line-height:1.5; color:#A2A2A2; display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-info ul li span:after {display:inline-block; content:"/"; font-size:12px; line-height:1.5; color:#A2A2A2; margin:0 4px;}
footer .footer-info ul li span:last-of-type:after {display:none;}
footer .footer-link {margin:35px 0 0;}
footer .footer-link ul {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-link ul li {flex:1; min-width:0; border-right:1px solid #B5B5B5;}
footer .footer-link ul li:last-of-type {border:0;}
footer .footer-link ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:13px; color:#787878;}
footer .footer-site ul {position:relative; text-align:right; right:10px; bottom:70px; display:inline; align-items:right; }
footer .footer-site ul li {margin:10px 0 5px 0;}
footer .footer-site ul li a {display:inline; flex-wrap:wrap; align-items:left; justify-content:left; font-size:13px; color:#787878;}
@media (max-width:991px){
footer {padding:0;}
footer .container {border-top:0; padding-top:16px; padding-bottom:16px;}
footer .footer-top .footer-logo {margin:0; flex:1; min-width:0;}
footer .footer-top .footer-logo img {width:72px;}
footer .footer-top .footer-title {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
footer .footer-top .footer-title strong {display:none;}
footer .footer-top .footer-title a.more {font-size:12px; font-weight:600; color:#626262; display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-top .footer-title a.more:before {display:inline-block; content:""; width:7.8px; height:4.28px; background:url('/sub/asset/images/icon_footer_more.png') no-repeat center / cover; margin-right:5px;}
footer .footer-top .footer-title a.link {width:100%; text-align:right; margin:6px 0 0; display:block; font-size:12px; font-weight:500; color:#787878;}
footer .footer-info {display:none;}
footer .footer-info ul li span a {font-size:10px;}
footer .footer-link {margin:20px 0 10px 0;}
footer .footer-link ul {justify-content:space-between;}
footer .footer-link ul li {flex:none; border-right:0; display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-link ul li:after {display:inline-block; content:""; width:1px; height:10px; background:#B5B5B5; margin:0 10px;}
footer .footer-link ul li:last-of-type:after {display:none;}
footer .footer-link ul li a {font-size:11px;}
footer.active .footer-top .footer-title a.more:before {transform:rotate(180deg);}
footer.active .footer-info {display:block;}
footer .footer-site ul {position:relative; text-align:left; left:0px; bottom:0px; display:inline; align-items:center; }
footer .footer-site ul li {margin:15px 5px 5px 0; }
footer .footer-site ul li a {display:inline;}
}
/* section */
section > .container {padding:35px 0 110px; max-width:1000px;min-height:550px;}
section.bt > .container {border-top:1px solid #E3E2E2;}
section > .foot_container {display:none;padding:35px 0 110px; max-width:1000px;}
section.foot_bt > .foot_container {display:none;border-top:1px solid #E3E2E2;}
@media (max-width:991px){
section > .container {padding:55px 20px 70px;}
section > .foot_container {display:block;padding:15px 15px 20px;}
section.foot_bt > .foot_container {display:block;}
}
/* color */
.ft-active {color:#A769A2 !important;}
/* title-box */
.title-box {margin:0 0 65px;}
.title-box h2 {text-align:center; font-size:20px; font-weight:600; color:#141414;}
@media (max-width:991px){
.title-box {padding:15px 0; margin:0 0 55px;}
}
/* button-box */
.button-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.button-box .btn {height:50px; font-size:15px; font-weight:500; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; flex:1; min-width:0; border-radius:50px;}
.button-box .btn.sm {height:44px; flex:none; padding:0 25px;}
.button-box .btn_small {height:50px; font-size:13px; font-weight:500; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; flex:1; min-width:0; border-radius:50px;}
.button-box .btn_small.sm {height:27px; flex:none; padding:0 10px;}
.button-box .btn-active {background:#A769A2; color:#fff;}
.button-box .btn-brown {background:#623D1C; color:#fff;}
.button-box .btn-outer {margin:0 0 10px; color:#A769A2; border-radius:50px; border:1px solid #A769A2; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.button-box .btn-email {background:#A769A2; color:#fff;}
.button-box .btn-email:before {display:inline-block; content:""; width:24px; height:22px; background:url('/sub/asset/images/icon_email.png') no-repeat center / 21.6px auto; margin-right:15px;}
.button-box .btn-naver {background:#03BE34; color:#fff;}
.button-box .btn-naver:before {display:inline-block; content:""; width:24px; height:16px; background:url('/sub/asset/images/icon_naver.png') no-repeat center / 17.4px auto; margin-right:15px;}
.button-box .btn-kakao {background:#FEDE55; color:#3E2723;}
.button-box .btn-kakao:before {display:inline-block; content:""; width:24px; height:22px; background:url('/sub/asset/images/icon_kakao.png') no-repeat center / cover; margin-right:15px;}
.button-box .btn-inner {width:100%; margin:0 0 5px;}
.button-box .btn-inner:last-of-type {margin:0;}
.button-box .btn-inner .btn {width:250px; flex:none; margin:0 auto;}
@media (max-width:991px){
.buutton-box .btn-inner .btn {width:200px;}
}
.category-header {margin:20px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; }
.category-header strong {font-size:20px; font-weight:bold; color:#787878;}
.category-header-sub {background:#F7F7F8;border-radius:10px;padding:5px 0 15px 0;margin:20px 0 0 0;}
.category-header-sub small a {margin:0 0 0 20px; padding:10px 0 0 0; font-size:15px; font-weight:500; color:#787878;}
.category-header-sub small.active a {margin:0 0 0 20px; padding:10px 0 0 0; font-size:16px; font-weight:500; color:#A769A2;}
@media (max-width:991px){
.category-header-sub {background:#F7F7F8;border-radius:10px;padding:0 0 10px 0;}
.category-header-sub small a {margin:0 0 0 10px; padding:13px 0 0 0; font-size:14px; font-weight:500; color:#787878;}
.category-header-sub small.active a {margin:0 0 0 10px; padding:13px 0 0 0; font-size:15px; font-weight:500; color:#A769A2;}
}
/* category-box */
.category-box {position:relative; border-bottom:1px solid #E3E2E2; margin:-35px 0 0;}
.category-box ul {display:flex; flex-wrap:wrap;}
.category-box ul li {flex:1; min-width:0;}
.category-box ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:65px; font-size:16px; font-weight:600; color:#787878;}
.category-box ul li.active a {font-weight:bold; color:#A769A2;}
.category-box .home {position:absolute; right:0; top:50%; transform:translateY(-50%); width:20px; height:20px; font-size:0; background:url('/sub/asset/images/icon_home.png') no-repeat center / 18px auto;}
@media (max-width:991px){
.category-box {margin:0;}
.category-box ul li a {height:55px;}
.category-box .home {display:none;}
}
/* category-small-box */
.category-small-box {margin:0 0 25px;}
.category-small-box ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.category-small-box ul li a {font-size:18px; font-weight:500; color:#787878;}
.category-small-box ul li.active a {font-weight:bold; color:#A769A2;}
@media (max-width:991px){
.category-small-box {margin:-14px 0 15px;}
.category-small-box ul li a {padding:14px 0;}
}
/* top-space-box */
.top-space-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:20px 0 0;}
.top-space-box > div {display:flex; flex-wrap:wrap; align-items:center;}
.top-space-box > div em {font-size:14px; font-weight:600; color:#787878;}
.top-space-box > div a.home {display:block; font-size:0; width:20px; height:20px; background:url('/sub/asset/images/icon_home.png') no-repeat center / 18px auto;}
/* sub-box */
.sub-box {display:flex; flex-wrap:wrap;}
.sub-box .sub-left {width:120px; padding:50px 0 0;}
.sub-box .sub-left .sub-left-cate ul li {margin:0 0 14px;}
.sub-box .sub-left .sub-left-cate ul li:last-of-type {margin:0;}
.sub-box .sub-left .sub-left-cate ul li a {font-size:16px; font-weight:600; color:#787878;}
.sub-box .sub-left .sub-left-cate ul li.active a {font-weight:bold; color:#A769A2;}
.sub-box .sub-right {flex:1; min-width:0;}
.sub-box .sub-right .sub-right-inner {max-width:450px; margin-left:40px;}
.sub-box .sub-right .sub-right-title h2 {font-size:20px; font-weight:600; color:#787878;}
.sub-box .sub-right .sub-right-search {width:355px;}
.sub-box .sub-right .sub-right-search form {padding:0 20px; height:37px; display:flex; flex-wrap:wrap; align-items:center; border-radius:12px; background:#F7F7F8;}
.sub-box .sub-right .sub-right-search form input {background:none; flex:1; min-width:0; font-size:15px; color:#000;}
.sub-box .sub-right .sub-right-search form input::placeholder {color:#787878;}
.sub-box .sub-right .sub-right-search form a {font-size:0; display:inline-block; content:""; width:20px; height:20px; background:url('/sub/asset/images/icon_search.png') no-repeat center / cover;}
.sub-box.inner .sub-left {margin-left:100px;}
@media (max-width:991px){
.sub-box .sub-left {width:100%; padding:0; border-bottom:1px solid #ddd; margin:0 0 10px;}
.sub-box .sub-left .sub-left-cate ul {display:flex; flex-wrap:wrap;}
.sub-box .sub-left .sub-left-cate ul li {margin:0; flex:1; min-width:0;}
.sub-box .sub-left .sub-left-cate ul li a {font-size:15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:45px;}
.sub-box .sub-left .sub-left-cate span {padding:0 0 0 2px; font-size:11px; text-align:center;}
.sub-box .sub-right {flex:none; width:100%;}
.sub-box .sub-right .sub-right-inner {margin-left:0; max-width:100%;}
.sub-box .sub-right .sub-right-title {display:none;}
.sub-box .sub-right .sub-right-search {width:100%;}
.sub-box.inner .sub-left {margin-left:0;}
}
/* search-box */
.search-box form {padding:0 20px; height:37px; display:flex; flex-wrap:wrap; align-items:center; border-radius:12px; background:#F7F7F8;}
.search-box form input {background:none; flex:1; min-width:0; font-size:15px; color:#000;}
.search-box form input::placeholder {color:#787878;}
.search-box form a {font-size:0; display:inline-block; content:""; width:20px; height:20px; background:url('/sub/asset/images/icon_search.png') no-repeat center / cover;}
/* input-box */
.input-box {display:flex; flex-wrap:wrap; align-items:center; border-radius:50px; background:#F7F7F8;}
.input-box input {flex:1; min-width:0; height:50px; background:none; padding:0 25px; font-size:15px; color:#141414;}
.input-box input::placeholder {color:#787878;}
.input-box a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; height:44px; background:#fff; border:1px solid #CBCBCB; padding:0 25px; font-size:15px; font-weight:500; color:#A769A2; margin:0 6px;}
.input-box.white {background:#fff; border:1px solid #B5B5B5;}
.select-box {display:flex; flex-wrap:wrap; align-items:center; border-radius:50px; background:#F7F7F8; }
.select-box select {flex:1; min-width:0; height:50px; padding:0 0 0 15px; font-size:15px; color:#787878; background:url('/sub/asset/images/icon_arrow_select.png') no-repeat left center / 11px auto;}
/* input-message-box */
.input-message-box {margin:7px 0 0; padding:0 25px;}
.input-message-box p {font-size:12px; font-weight:500; line-height:1.3; color:#787878;}
.input-message-box em {font-size:12px; font-weight:500; line-height:1.3; color:#A769A2;}
.input-message-box span {font-size:14px; font-weight:500; line-height:1.3; color:#006633;}
.input-message-box.big {padding:0; margin:0 0 10px;}
.input-message-box.big p {font-size:13px;}
.input-message-box.big em {font-size:13px;}
/* input-title-box */
.input-title-box {margin:0 0 15px;}
.input-title-box strong {display:block; font-size:15px; font-weight:600; line-height:1.3; color:#A769A2;}
.input-title-box small {margin:5px 0 0; font-size:15px; font-weight:500; color:#787878;}
.input-title-box p {font-size:15px; font-weight:500; color:#787878}
.input-title-box b {display:block; font-size:16px; font-weight:600; color:#141414;}
/* input-title-box2 */
.input-title-box2 {margin:0 0 15px;}
.input-title-box2 strong {display:block; font-size:28px; font-weight:600; line-height:1.3em; color:#A769A2;}
.input-title-box2 small {margin:5px 0 0; font-size:23px; font-weight:500; line-height:1.3em; color:#787878;}
.input-title-box2 p {font-size:15px; font-weight:500; color:#787878}
.input-title-box2 b {display:block; font-size:16px; font-weight:600; color:#141414;}
.input-title-box2 span {display:inline-block; font-size:25px; font-weight:600; line-height:1.3em; color:#A769A2;}
@media (max-width:991px){
.input-title-box2 strong {display:block; font-size:20px; font-weight:600; line-height:1.3; color:#A769A2;}
.input-title-box2 small {margin:5px 0 0; font-size:17px; font-weight:500; color:#787878;}
.input-title-box2 p {font-size:15px; font-weight:500; color:#787878}
.input-title-box2 b {display:block; font-size:16px; font-weight:600; color:#141414;}
.input-title-box2 span {display:inline-block; font-size:17px; font-weight:500; color:#A769A2;}
}
/* input-text-box */
.input-text-box {padding:38px 20px; border-radius:12px; border:1px solid #E8E8E8;}
.input-text-box p {text-align:center; font-size:15px; line-height:1.3; color:#141414; font-weight:500; word-break:keep-all;}
.input-text-box strong {display:block; text-align:center; font-size:15px; font-weight:600; line-height:1.3; color:#141414; margin:0 0 10px;}
/* textarea-box */
.textarea-box {background:#F7F7F8; border-radius:20px; padding:25px;}
.textarea-box textarea {display:block; background:none; height:340px; width:100%; font-size:15px; color:#141414; line-height:1.3;}
.textarea-box textarea::placeholder {color:#787878;}
@media (max-width:991px){
.textarea-box textarea {height:230px;width:100%;}
}
/* like-text-box */
.like-text-box {margin:13px 0 0; cursor:pointer;}
.like-text-box p {display:flex; flex-wrap:wrap; align-items:center; font-size:17px; color:#787878;}
.like-text-box p b {display:flex; flex-wrap:wrap; align-items:center; font-size:17px; font-weight:500; color:#A769A2; position:relative; top:1px;}
.like-text-box p b:before {display:inline-block; content:""; width:18px; height:18px; background:url('/sub/asset/images/icon_like.png') no-repeat center / cover; margin-right:4px;}
@media (max-width:991px){
.like-text-box p {font-size:14px;}
.like-text-box p b {font-size:14px; margin:0 3px 0 0;}
.like-text-box p b:before {width:14px; height:14px;}
}
.like-text-box-in-myreview {margin:1px 0 0; cursor:pointer;}
.like-text-box-in-myreview p {display:flex; flex-wrap:wrap; align-items:center; font-size:17px; color:#787878;}
.like-text-box-in-myreview p b {display:flex; flex-wrap:wrap; align-items:center; font-size:17px; font-weight:500; color:#A769A2; position:relative; top:1px;}
.like-text-box-in-myreview p b:before {display:inline-block; content:""; width:18px; height:18px; background:url('/sub/asset/images/icon_like.png') no-repeat center / cover; margin-right:4px;}
@media (max-width:991px){
.like-text-box-in-myreview p {font-size:14px;}
.like-text-box-in-myreview p b {font-size:14px; margin:0 3px 0 0;}
.like-text-box-in-myreview p b:before {width:14px; height:14px;}
}
/* file-box */
.file-box {position:relative; overflow:hidden;}
.file-box input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.file-box label {display:flex; flex-wrap:wrap; align-items:center; height:50px; background:#F7F7F8; border-radius:50px; padding:0 25px;}
.file-box label b {font-size:15px; color:#787878; margin-right:18px;}
.file-box label p {flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px; color:#787878;}
/* check-agree-box */
.check-agree-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.check-agree-box .check {position:relative; overflow:hidden;}
.check-agree-box .check input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.check-agree-box .check label {display:flex; align-items:center; justify-content:center; font-size:15px; font-weight:500; color:#A769A2;}
.check-agree-box .check label:before {display:inline-block; content:""; width:16px; height:16px; margin-right:10px; background:url('/sub/asset/images/icon_check.png') no-repeat center / cover;}
.check-agree-box .check input:checked ~ label:before {background-image:url('/sub/asset/images/icon_check_on.png');}
/* check-agree-box 2 */
.check-agree-box2 {display:flex; flex-wrap:wrap; align-items:left; justify-content:left;}
.check-agree-box2 .check {position:relative; overflow:hidden;}
.check-agree-box2 .check input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.check-agree-box2 .check label {display:flex; align-items:left; justify-content:left; font-size:15px; font-weight:500; color:#A769A2;}
.check-agree-box2 .check label:before {display:inline-block; content:""; width:16px; height:16px; margin-left:10px; margin-right:3px; background:url('/sub/asset/images/icon_check.png') no-repeat center / cover;}
.check-agree-box2 .check input:checked ~ label:before {background-image:url('/sub/asset/images/icon_check_on.png');}
/* member-login-box */
.member-login-box {max-width:400px; margin:0 auto; min-height:400px;}
.member-login-box :focus-visible {outline: 1px solid #aaa;}
.member-login-box .member-title h2 {font-size:20px; font-weight:500; line-height:24px; text-align:center; color:#A769A2;}
.member-login-box .member-title p {text-align:center; margin:5px 0 0; font-size:12px; font-weight:500; color:#707070;}
.member-login-box .member-link {margin:35px 0 0;}
.member-login-box .member-link ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.member-login-box .member-link ul li {display:flex; flex-wrap:wrap; align-items:center;}
.member-login-box .member-link ul li:after {display:inline-block; content:""; width:1px; height:11px; background:#707070; margin:0 20px;}
.member-login-box .member-link ul li:last-of-type:after {display:none;}
.member-login-box .member-link ul li a {font-size:15px; font-weight:500; color:#848484;}
.member-login-box .member-adult_auth p {text-align:left; line-height:24px; margin:15px 0 0; font-size:14px; font-weight:500; color:#707070;} /*이종만 추가*/
/* member-box */
.member-box {max-width:400px; margin:0 auto; min-height:400px;}
/*.member-box :focus-visible {outline: 1px solid #aaa;}*/
.member-box .member-title h2 {font-size:20px; font-weight:500; line-height:24px; text-align:center; color:#A769A2;}
.member-box .member-title p {text-align:center; margin:5px 0 0; font-size:12px; font-weight:500; color:#707070;}
.member-box .member-title span {font-size:17px; font-weight:500; line-height:24px; text-align:center; color:#A769A2;}
.member-box .member-title-bold {display:inline-block;font-size:17px;font-weight:700;line-height:24px;}
.member-box .member-link {margin:35px 0 0;}
.member-box .member-link ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.member-box .member-link ul li {display:flex; flex-wrap:wrap; align-items:center;}
.member-box .member-link ul li:after {display:inline-block; content:""; width:1px; height:11px; background:#707070; margin:0 20px;}
.member-box .member-link ul li:last-of-type:after {display:none;}
.member-box .member-link ul li a {font-size:15px; font-weight:500; color:#848484;}
.member-box .member-adult_auth p {text-align:left; line-height:24px; margin:15px 0 0; font-size:14px; font-weight:500; color:#707070;} /*이종만 추가*/
/* inner-box */
.inner-box {max-width:536px; margin:0 auto;}
.inner-box.lg {max-width:728px;}
.inner-box.extralg {max-width:928px;}
/* paging-box */
.paging-box {margin:100px 0 0;}
.paging-box ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.paging-box ul li a {font-size:20px; font-weight:600; color:#787878; display:block; padding:0 10px;}
.paging-box ul li.first a {font-size:0; background:url('/sub/asset/images/icon_paging_first.png') no-repeat center / 20.04px auto; width:30px; height:20px;}
.paging-box ul li.prev a {font-size:0; background:url('/sub/asset/images/icon_paging.png') no-repeat center / 12.04px auto; width:20px; height:20px;}
.paging-box ul li.next a {transform:rotate(180deg); font-size:0; background:url('/sub/asset/images/icon_paging.png') no-repeat center / 12.04px auto; width:20px; height:20px;}
.paging-box ul li.last a {transform:rotate(180deg); font-size:0; background:url('/sub/asset/images/icon_paging_first.png') no-repeat center / 20.04px auto; width:30px; height:20px;}
.paging-box ul li.on a {font-size:23px; font-weight:600; color:#990000;} /* 이종만추가 */
@media (max-width:991px){
.paging-box {margin:50px 0 0;}
.paging-box ul li a {font-size:21px; padding:0 5px;}
.paging-box ul li.first a {background-size:21px auto; width:28px; height:30px;}
.paging-box ul li.prev a {background-size:12px auto; width:28px; height:30px;}
.paging-box ul li.next a {background-size:12px auto; width:28px; height:30px;}
.paging-box ul li.last a {background-size:21px auto; width:28px; height:30px;}
.paging-box ul li.on a {font-size:24px; color:#990000;} /* 이종만추가 */
}
/* score-box */
.score-box {display:flex; flex-wrap:wrap; align-items:center;}
.score-box span {display:block; font-size:0; width:20px; height:20px; background:url('/sub/asset/images/icon_star.png') no-repeat center / cover; margin-right:4px;}
.score-box span:last-of-type {margin-right:5px;}
.score-box span.active {background-image:url('/sub/asset/images/icon_star_on.png');}
.score-box em {font-size:18px; color:#A769A2;}
@media (max-width:991px){
.score-box span {width:15px; height:15px;}
.score-box em {font-size:14px;}
}
.score-box-s {display:flex; flex-wrap:wrap; align-items:center;}
.score-box-s span {display:block; font-size:0; width:13px; height:13px; background:url('/sub/asset/images/icon_star.png') no-repeat center / cover; margin-right:1px;}
.score-box-s span:last-of-type {margin-right:3px;}
.score-box-s span.active {background-image:url('/sub/asset/images/icon_star_on.png');}
.score-box-s em {font-size:13px; color:#A769A2;}
@media (max-width:991px){
.score-box-s span {width:11px; height:11px;}
.score-box-s em {font-size:11px;}
}
/* event-box */
.event-box {margin:20px 0;}
.event-box ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.event-box li{clear:both; overflow:hidden; margin-bottom:10px;}
.event-box .event_tag {float:left; width:50px; vertical-align: middle; border-radius:2px; color: #fff; background:#ef685a; display: block; font-size: 11px; height: 36px; line-height: 36px; text-align:center; font-weight:bold;}
.event-box .item_event_title {float:left; width:80%; color: #000; display: block; font-size: 15px; letter-spacing: -0.03em; line-height: 1.1em;
overflow: hidden; padding-left:5px; text-overflow: ellipsis; white-space: normal; word-break: break-all; word-wrap: break-word; height: 18px; line-height: 18px; }
.event-box .item_event_date{ float:left; width:80%; color: #ef685a; display: block; font-size: 13px; letter-spacing: -0.03em; line-height: 1.1em; overflow: hidden; padding-left:5px; text-overflow: ellipsis; white-space: normal; word-break: break-all; word-wrap: break-word; height: 18px; line-height: 18px; }
@media (max-width:991px){
.event-box {margin:20px 0 0;}
.event-box ul li a {font-size:23px; padding:0 5px;}
.event-box .item_event_title {font-size: 14px;overflow:hidden;text-overflow: ellipsis;}
.event-box .item_event_date {font-size: 12px;overflow:hidden;text-overflow: ellipsis;}
}
/* popup-box */
.popup-box {pointer-events:none; transition:all ease 0.5s; opacity:0; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9999;}
.popup-box .box {pointer-events:none; opacity:0; transition:all ease 0.5s; position:absolute; left:50%; top:45%; transform:translate(-50%,-50%); background:#fff; border-radius:12px; box-shadow:0 0 10px rgba(0,0,0,0.3); padding:28px 36px; min-width:270px;}
.popup-box .popup-title h2 {text-align:center; font-size:16px; font-weight:bold; color:#A769A2; line-height:1.3; margin:0 0 10px;}
.popup-box .popup-title p {font-size:15px; font-weight:500; line-height:1.3; text-align:center;}
.popup-box.fixed {pointer-events:inherit; opacity:1;}
.popup-box.fixed .box.active {pointer-events:inherit; opacity:1; top:50%;}
@media (max-width:991px){
.popup-box .box {padding:28px 15px; width:100%; max-width:350px;}
}
/* board-list-box */
.board-list-box .list .list-item {border-bottom:1px solid #F0F0F0;}
.board-list-box .list .list-item:last-of-type {border:0;}
.board-list-box .list .list-item a {display:flex; flex-wrap:wrap; align-items:center; padding:12px 0;}
.board-list-box .list .list-item a p {padding-right:15px; flex:1; min-width:0; overflow:hidden; display:flex; flex-wrap:wrap; align-items:center; font-size:15px; font-weight:500; color:#141414;}
.board-list-box .list .list-item a time {font-size:15px; font-weight:500; color:#707070;}
.board-list-box .list .list-item.reply a p {font-weight:bold; color:#707070;}
.board-list-box .list .list-item.reply a p:before {margin-left:15px; position:relative; top:-2px; display:inline-block; content:""; width:7px; height:7px; margin-right:7px; background:url('/sub/asset/images/icon_reply.png') no-repeat center / cover;}
/* board-list-box */
.board-list-box .list-head {margin:0 0 17px;}
.board-list-box .list-head strong {display:block; font-size:20px; font-weight:600;}
.board-list-box .list-body ul li {border-bottom:1px solid #EBEBEB;}
.board-list-box .list-body ul li a {padding:10px 0; display:block;}
.board-list-box .list-body ul li a p {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; font-weight:500;}
.board-list-box .list-body ul li a time {display:block; font-size:15px; font-weight:500; color:#B1AEAE; margin:0 0 5px;}
@media (max-width:991px){
.board-list-box .list-head {margin:0 -20px 10px; border:3px solid #efefef; border-width:3px 0; padding:15px 20px;}
.board-list-box .list-body ul li a time {font-size:10px;}
}
/* board-view-box */
.board-view-box .view-top {border-bottom:1px solid #F0F0F0; padding:0 0 20px; margin:0 0 20px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.board-view-box .view-top h2 {font-size:20px; font-weight:bold; line-height:1.4; color:#000; word-break:keep-all; flex:1; min-width:0; padding-right:20px;}
.board-view-box .view-top time {font-size:16px; font-weight:500; color:#707070; padding:5px 0 0;}
.board-view-box .view-bottom p {font-size:16px; font-weight:500; line-height:1.4; word-break:keep-all;}
@media (max-width:991px){
.board-view-box .view-top {margin:0 -20px 20px; border:3px solid #efefef; border-width:3px 0; padding:15px 20px;}
.board-view-box .view-top h2 {font-size:16px;}
.board-view-box .view-top time {display:none;}
.board-view-box .view-bottom p {font-size:14px;}
}
/* board-view-box */
.board-view-box .view-head {border-bottom:1px solid #F0F0F0; padding:0 0 12px; margin:0 0 12px;}
.board-view-box .view-head p {font-size:17px; font-weight:bold; line-height:1.3; margin:0 0 10px;}
.board-view-box .view-head time {font-size:15px; font-weight:500; color:#707070;}
.board-view-box .view-body .view-content p {font-size:15px; font-weight:500; line-height:1.3;}
.board-view-box .view-body .view-file {margin:80px 0 0;}
.board-view-box .view-body .view-file a {display:block; background:#F5F5F5; border-radius:30px; padding:12px 30px;}
.board-view-box .view-body .view-file a strong {display:block; font-size:14px; font-weight:500; color:#707070; margin:0 0 5px;}
.board-view-box .view-body .view-file a div {display:flex; align-items:center;}
.board-view-box .view-body .view-file a div p {font-size:13px; font-weight:900; color:#787878; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.board-view-box .view-body .view-file a div em {margin-left:15px; font-size:13px; font-weight:500; color:#707070;}
/* board-agree-box */
.board-agree-box .agree-head {margin:0 0 25px;}
.board-agree-box .agree-head strong {display:block; font-size:20px; font-weight:600;}
.board-agree-box .agree-body {border:1px solid #E8E8E8; border-radius:12px; padding:24px; height:630px; overflow-y:auto; overflow-x:hidden;}
.board-agree-box .agree-body p {font-size:14px; line-height:1.4; font-weight:500; color:#292929; word-break:keep-all;}
.board-agree-box .agree-body p em {font-size:10px; line-height:2; font-weight:500; color:#292929;}
@media (max-width:991px){
.board-agree-box .agree-head {margin:0 -20px 20px; border:3px solid #efefef; border-width:3px 0; padding:15px 20px;}
.board-agree-box .agree-head strong {font-size:16px;}
.board-agree-box .agree-body {padding:0; border:0; height:auto;}
}
/* cash-list-box */
.cash-list-box ul {display:flex; flex-wrap:wrap; margin:0 -5px -5px;}
.cash-list-box ul li {width:calc(50% - 10px); margin:0 5px 5px;}
.cash-list-box ul li a {display:block; border-radius:30px; background-color:#F7F7F8; padding:13px 18px;}
.cash-list-box ul li.active a {background-color:#A769A2;}
.cash-list-box ul li.active a strong {display:block; text-align:center; font-size:20px; font-weight:bold; color:#FFF; margin:0 0 3px;}
.cash-list-box ul li a strong {display:block; text-align:center; font-size:20px; font-weight:bold; color:#A769A2; margin:0 0 3px;}
.cash-list-box ul li a small {display:block; text-align:center; font-size:10px; font-weight:500; color:#787878;}
/* buy-list-box */
.buy-list-box ul {display:flex; flex-wrap:wrap; margin:0 -5px -5px;}
.buy-list-box ul li {width:calc(50% - 10px); margin:0 5px 5px;}
.buy-list-box ul li.active a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:24px; background:#A769A2; font-size:16px; font-weight:600; color:#FFF; text-align:center; height:47px;}
.buy-list-box ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:24px; background:#F7F7F8; font-size:16px; font-weight:600; color:#141414; text-align:center; height:47px;}
.buy-list-box ul li.full {width:100%; margin:0 5px 5px;}
/* total-price-box */
.total-price-box p {display:flex; flex-wrap:wrap; align-items:baseline; justify-content:center; font-size:18px; font-weight:600; color:#787878;}
.total-price-box p b {font-size:20px; font-weight:600; color:#A769A2; margin:0 5px;}
.total-price-box p b span {font-size:20px; font-weight:600; color:#A769A2; margin:0 5px;}
/* bonus-list-box */
.bonus-list-box .list-head {border-bottom:1px solid #F0F0F0; padding:0 0 20px; text-align:right;}
.bonus-list-box .list-head b {font-size:16px; font-weight:bold; color:#A769A2;}
.bonus-list-box .list-body ul li {border-bottom:1px solid #f0f0f0; padding:10px 0;}
.bonus-list-box .list-body ul li .list-pc {display:flex; flex-wrap:wrap; align-items:center; }
.bonus-list-box .list-body ul li .list-pc .list-state {flex:1; min-width:0; margin-right:15px;}
.bonus-list-box .list-body ul li .list-pc .list-state time {display:block; font-size:15px; margin:3px 0 0;}
.bonus-list-box .list-body ul li .list-pc .list-state p {font-size:14px; font-weight:500;}
.bonus-list-box .list-body ul li .list-pc .list-info {font-size:15px; font-weight:500; color:#A769A2;}
.bonus-list-box .list-body ul li .list-pc .list-subject {flex:1; min-width:0; padding:0;}
.bonus-list-box .list-body ul li .list-pc .list-subject p {font-size:14px; font-weight:500; color:#A769A2;}
.bonus-list-box .list-body ul li .list-mo {display:none;}
@media (max-width:991px){
.bonus-list-box .list-body ul li .list-pc {display:none;}
.bonus-list-box .list-body ul li .list-mo {display:flex; flex-wrap:wrap; align-items:flex-end;}
.bonus-list-box .list-body ul li .list-mo > div.list-mo-left {flex:1; min-width:0; margin-right:15px;}
.bonus-list-box .list-body ul li .list-mo p {font-size:14px; font-weight:500; color:#787878;}
.bonus-list-box .list-body ul li .list-mo time {display:block; font-size:12px; color:#787878; margin:3px 0 0;}
.bonus-list-box .list-body ul li .list-mo strong {display:block; font-size:16px; font-weight:600; color:#A769A2; margin:3px 0 0;}
}
/* list-top-box */
.list-top-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.list-top-box > strong {font-size:18px; font-weight:bold; color:#787878;}
.list-top-box > a {width:100%; display:flex; flex-wrap:wrap; align-items:center; font-size:16px; font-weight:600; color:#A769A2; margin:0 0 10px;}
.list-top-box > a:before {display:inline-block; content:""; width:6px; height:10px; background:url('/sub/asset/images/icon_list_top_back.png') no-repeat center / 5.82px auto; margin-right:10px; position:relative; top:-2px;}
.list-top-box > ul {display:flex; flex-wrap:wrap; align-items:center;}
.list-top-box > ul li {margin-right:10px; font-size:15px; font-weight:600; color:#787878;}
.list-top-box > ul li:last-of-type {margin-right:0;}
.list-top-box > ul li a {font-size:15px; font-weight:600; color:#787878; text-decoration:underline;}
@media (max-width:991px){
.list-top-box > strong {font-size:15px;}
.list-top-box > ul li {font-size:14px;}
.list-top-box > ul li a {font-size:14px;}
}
/* book-main-box */
.book-main-box ul {display:flex; flex-wrap:wrap; margin:0 -5px -30px;}
.book-main-box ul li {width:calc(16.66% - 10px); margin:0 5px 30px;}
.book-main-box ul li a {display:block; position:relative; overflow:hidden; border-radius:7px; box-shadow:0 0 5px rgba(0,0,0,0.3);}
.book-main-box ul li .list-image {position:relative; overflow:hidden; background-size:cover; background-position:center; border-radius:7px;}
.book-main-box ul li .list-image:after {display:block; content:""; padding-bottom:150%;}
.book-main-box ul li .list-content {position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:rgba(47,47,47,0.84);}
.book-main-box ul li .list-content p {font-size:15px; font-weight:600; color:#fff; line-height:1.3; text-align:center;}
.book-main-box ul li .list-add {height:100%;}
.book-main-box ul li .list-add a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center; box-shadow:none; height:100%; font-size:15px; font-weight:500; color:#A769A2;}
.book-main-box ul li .list-add a:before {display:block; content:""; width:100%; height:38px; margin:0 auto 10px; background:url('/sub/asset/images/icon_book_add.png') no-repeat center / 38px;}
@media (max-width:991px){
.book-main-box ul {margin:0 -10px -30px;}
.book-main-box ul li {width:calc(33.33% - 20px); margin:0 10px 30px;}
}
@media (max-width:767px){
.book-main-box ul li {order:1; width:calc(50% - 20px);}
.book-main-box ul li.add {order:2;}
}
/* book-buy-box */
.book-buy-box {border-radius:50px; height:50px; padding:4px 10px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.book-buy-box b {font-size:17px; font-weight:600; color:#A769A2; padding-left:33px;padding-right:33px;}
.book-buy-box p {display:flex; flex-wrap:wrap; align-items:center; font-size:17px; font-weight:600; color:#787878;}
.book-buy-box p strong {font-size:17px; font-weight:600; color:#A769A2; margin-left:3px;}
.book-buy-box .select-box {display:flex; flex-wrap:wrap; align-items:center; border-radius:20px; background:#F7F7F8; margin:0 0 0 5px; border:1px solid #A769A2;}
.book-buy-box .select-box select {flex:1; min-width:0; height:30px; padding:0 10px 0 15px; font-size:15px; font-weight:600; color:#A769A2; background:url('/sub/asset/images/icon_arrow_select.png') no-repeat left center / 10px auto;}
@media (max-width:991px){
.book-buy-box {border-top:1px solid #ddd; padding:10px 0; background:none; height:50px; border-radius:0; margin-bottom:-10px;}
.book-buy-box b {padding-left:0; font-size:15px; font-weight:600;}
.book-buy-box p {display:flex; flex-wrap:wrap; align-items:center; font-size:15px;}
.book-buy-box p strong {font-size:15px;font-weight:600;}
.book-buy-box .select-box {display:flex; flex-wrap:wrap; align-items:center; border-radius:20px; background:#F7F7F8; margin:0 0 0 5px;}
.book-buy-box .select-box select {flex:1; max-width:120px; height:30px; padding:0 10px 0 15px; font-size:15px; color:#A769A2;}
}
/* book-top-box */
.book-top-box {background:#F5F5F5; height:50px; border-radius:50px; padding:4px 10px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.book-top-box b {font-size:17px; font-weight:600; color:#A769A2; padding-left:22px;}
.book-top-box p {display:flex; flex-wrap:wrap; align-items:center; font-size:17px; font-weight:600; color:#787878; padding-left:33px;}
.book-top-box p strong {font-size:17px; font-weight:600; color:#A769A2; margin-left:3px;}
@media (max-width:991px){
.book-top-box {background:#F5F5F5; height:50px; border-top:1px solid #ddd; padding:10px 0; background:none; border-radius:0; margin-bottom:-10px;}
.book-top-box b {padding-left:0; font-size:15px;}
.book-top-box p {font-size:15px;}
.book-top-box p strong {font-size:15px;}
}
/* book-list-box */
.book-list-box .list-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; border-bottom:1px solid #E3E2E2; padding:0 0 10px;}
.book-list-box .list-head strong {font-size:16px; font-weight:600; color:#141414;}
.book-list-box .list-head small {font-size:13px; font-weight:500; color:#787878;}
.book-list-box .list-body ul li {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:10px 0; min-height:44px; border-bottom:1px solid #e3e2e2;}
.book-list-box .list-body ul li:last-of-type {border:0;}
.book-list-box .list-body ul li p {flex:1; min-width:0; padding-right:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; font-weight:600; color:#141414;}
.book-list-box .list-body ul li div {display:flex; flex-wrap:wrap; align-items:center;}
.book-list-box .list-body ul li div a {margin-right:8px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; border:1px solid #B5B5B5; height:28px; padding:0 20px; font-size:15px; font-weight:500; color:#141414;}
.book-list-box .list-body ul li div a:last-of-type {margin-right:0;}
.book-list-box .list-body ul li div span {font-size:13px; font-weight:500; color:#787878;}
/* book-gallery-box */
.book-gallery-box ul {display:flex; flex-wrap:wrap; margin:0 -5px -30px;}
.book-gallery-box ul li {width:calc(16.66% - 10px); margin:0 5px 30px;}
.book-gallery-box ul li .link {display:block; position:relative; overflow:hidden; border-radius:7px;}
.book-gallery-box ul li .link .list-image {position:relative; overflow:hidden; background-size:cover; background-position:center; border-radius:5px; border:1px solid #e2e2e2; }
.book-gallery-box ul li .link .list-image:after {display:block; content:""; padding-bottom:155%;}
.book-gallery-box ul li .link .list-image input {width:20px !important; height:20px; position:absolute; z-index:2; left:8px; top:8px; appearance:auto;}
.book-gallery-box ul li .link .list-image .content {padding:0 5px 12px; background:url('/sub/asset/images/bg_item_list_shadow.png') no-repeat center bottom / 100% auto; position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:center; align-content:flex-end;}
.book-gallery-box ul li .link .list-image .content p {text-align:center; font-size:12px; font-weight:900; line-height:1.3; color:#fff; word-break:keep-all; width:100%;}
.book-gallery-box ul li .link .list-image .content small {display:block; text-align:center; margin:10px 0 0; font-size:11px; color:#A2A2A2; width:100%;}
.book-gallery-box ul li .link .list-image .content .like2 {z-index:2; position:absolute; right:5px; top:auto; bottom:5px; width:18px; height:18px; font-size:0; background:url('/sub/asset/images/icon_heart_pu.png') no-repeat center / 18px auto;}
.book-gallery-box ul li .link .list-image .content .like2.active {background-image:url('/sub/asset/images/icon_heart.png');}
.book-gallery-box ul li .link .list-image-nobuy {position:relative; overflow:hidden; background-size:cover; background-position:center; border-radius:5px; border:1px solid #e2e2e2; }
.book-gallery-box ul li .link .list-image-nobuy:after {display:block; content:""; padding-bottom:155%; background: rgba(0, 0, 0, 0.6);}
.book-gallery-box ul li .link .list-content {padding:10px 0 0;}
.book-gallery-box ul li .link .list-content p {font-size:15px; font-weight:600; line-height:1.2em;}
.book-gallery-box ul li .link .list-content span {display:block; margin:4px 0 0; font-size:14px;}
.book-gallery-box ul li .link .list-content small {display:block; margin:4px 0 0; font-size:13px;}
.book-gallery-box ul li .item_name p {font-size:14px; font-weight:500; color:#5D5D5D; padding:10px 0 5px 0; width:100%; line-height:1.2em;} /* 이종만 추가 */
.book-gallery-box ul li .item_name span {font-size:12px; font-weight:500; color:#787878; width:100%;} /* 이종만 추가 */
.book-gallery-box ul li .nobuy {display:block; text-align:center; margin:1px 0 0; font-size:14px; color:#FA5858; width:100%;} /* 이종만 추가 */
.book-gallery-box ul li .review {display:inline-block; flex-wrap:wrap; align-items:center; justify-content:center; margin:10px 0 0;}
.book-gallery-box ul li .review span {font-size:12px; font-weight:600; color:#B5B5B5; text-decoration:none; } /*text-decoration:underline;*/
.book-gallery-box.small ul li {width:calc(50% - 10px);}
.book-gallery-box.scroll ul {margin:0; display:block; overflow-x:auto; overflow-y:hidden; white-space:nowrap;height:190px;} /* 이종만 수정 */
.book-gallery-box.scroll ul li {display:inline-block; margin:0 5px 0 0; width:100px;}
.book-gallery-box.scroll ul li:last-of-type {margin:0;}
@media (max-width:991px){
.book-gallery-box ul {margin:0 -3px -25px;}
.book-gallery-box ul li {width:calc(33.33% - 6px); margin:0 3px 25px;}
.book-gallery-box.scroll ul {margin:0 -20px;}
.book-gallery-box.scroll ul li:first-of-type {margin-left:20px;}
.book-gallery-box.scroll ul li:last-of-type {margin-right:20px;}
}
/* book-title-box */
.book-title-box {position:relative; border-bottom:1px solid #E3E2E2; padding:0 0 55px;}
.book-title-box .title {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.book-title-box .title p {text-align:center; font-size:28px; font-weight:600; color:#A769A2; width:100%;}
.book-title-box .title p:before {display:block; content:""; width:41.72px; height:37.55px; background:url('/sub/asset/images/icon_book.png') no-repeat center / cover; margin:0 auto 24px;}
.book-title-box .title h2 {margin:10px 0 0; position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.book-title-box .title h2 img {width:256px;}
.book-title-box .title .guide {position:absolute; right:-40px; bottom:15px;}
.book-title-box .title .guide a {display:inline-block; content:""; width:20px; height:20px; background:url('/sub/asset/images/icon_guide.png') no-repeat center / cover; font-size:0;}
.book-title-box .right {position:absolute; right:0; bottom:70px; display:flex; flex-wrap:wrap; align-items:center;}
.book-title-box .right a {margin-right:20px;}
.book-title-box .right a:last-of-type {margin-right:0;}
.book-title-box .right a.mypage {display:inline-block; content:""; width:20px; height:20px; background:url('/sub/asset/images/icon_mypage.png') no-repeat center / 17px auto; font-size:0;}
.book-title-box .right a.home {display:inline-block; width:20px; height:20px; background:url('/sub/asset/images/icon_home.png') no-repeat center / 18px auto; font-size:0;}
@media (max-width:991px){
.book-title-box {padding:15px 0 0; border:0;}
.book-title-box .title p {font-size:17px;}
.book-title-box .title p:before {width:23.56px; height:21.2px; margin:0 auto 13px;}
.book-title-box .title h2 {position:static;}
.book-title-box .title h2 img {width:148px;}
.book-title-box .title h2 .guide {right:auto; left:0;}
.book-title-box .right {bottom:5px;}
.book-title-box .right a {margin-right:15px;}
}
/* book-text-box */
.book-text-box {margin:80px 0 0;}
.book-text-box h2 {text-align:center; font-size:20px; font-weight:600; color:#A769A2;}
.book-text-box p {margin:30px 0 0; text-align:center; font-size:15px; font-weight:500; line-height:1.3; color:#141414;}
.book-text-box p b {font-size:15px; font-weight:bold; line-height:1.3; color:#A769A2;}
/* book-view-box */
.book-view-box {max-width:360px; margin:0 auto; position:relative;}
/*
.book-view-box .content {background:#A769A2; padding:15px 15px 35px; border-radius:10px; border-top-right-radius:150px; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.book-view-box .content * {color:#fff;}
*/
.book-view-box .content {padding:15px 15px 35px; border-radius:10px; border-top-right-radius:150px; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.book-view-box .content.gn {background:#5B968D;color:#DEDBC1;}
.book-view-box .content.ye {background:#F8EAAE;color:#3D4A90;}
.book-view-box .content.rd {background:#D5708F;color:#DEDBC1;}
.book-view-box .content.bu {background:#909FCE;color:#273129;}
.book-view-box .content .content-head small {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px;}
.book-view-box .content .content-head div {display:flex; flex-wrap:wrap; align-items:flex-end; margin:10px 0 0;}
.book-view-box .content .content-head div img {width:80px; height:80px; border-radius:50%; object-fit:cover;}
.book-view-box .content .content-head div dl {flex:1; min-width:0; padding-left:10px; display:flex; flex-wrap:wrap; margin:0 -3px -3px;}
.book-view-box .content .content-head div dl dd {font-size:16px; font-weight:500; margin:0 3px 3px;}
.book-view-box .content .content-body {margin:12px 0 0;}
.book-view-box .content .content-body p {font-size:22px; font-weight:600; line-height:1.3; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.book-view-box .content .content-body small {font-size:16px; font-weight:500; margin:10px 0 0; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.book-view-box .content .content-list {margin:30px 0 0;}
.book-view-box .nolike {position:absolute; right:0; top:0;}
.book-view-box .nolike > * {display:block; font-size:0; width:25px; height:25px; background-image:url('/sub/asset/images/icon_heart_none.png'); background-size:25px auto; background-position:center; background-repeat:no-repeat;}
.book-view-box .like {position:absolute; right:0; top:0;}
.book-view-box .like > * {display:block; font-size:0; width:25px; height:25px; background-image:url('/sub/asset/images/icon_heart.png'); background-size:25px auto; background-position:center; background-repeat:no-repeat;}
/*
.book-view-box .like > * {display:block; font-size:0; width:25px; height:25px; background-image:url('/sub/asset/images/icon_heart.png'); background-size:25px auto; background-position:center; background-repeat:no-repeat;}
*/
/* review-box */
.review-box .review-head .review-head-thumb img {display:block; margin:0 auto; max-width:160px;}
.review-box .review-head .review-head-thumb p {text-align:center; margin:10px 0 0; font-size:16px; font-weight:500;}
.review-box .review-head .review-head-thumb small {display:block; text-align:center; margin:5px 0 0; font-size:14px; font-weight:500; color:#9D9D9D;}
.review-box .review-head .review-head-score {margin:35px 0 0;}
.review-box .review-head .review-head-score > strong {display:block; text-align:center; font-size:15px; font-weight:bold; color:#A769A2; margin:0 0 10px;}
.review-box .review-head .review-head-score > div {padding-left:55px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.review-box .review-head .review-head-score > div .score {position:relative; overflow:hidden; margin-right:10px;}
.review-box .review-head .review-head-score > div .score:last-of-type {margin:0;}
.review-box .review-head .review-head-score > div .score input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.review-box .review-head .review-head-score > div .score label {display:block; font-size:0; width:30px; height:30px; background:url('/sub/asset/images/icon_star.png') no-repeat center / cover;}
.review-box .review-head .review-head-score > div .score.active label {background-image:url('/sub/asset/images/icon_star_on.png');}
.review-box .review-head .review-head-score > div em {display:flex; flex-wrap:wrap; align-items:center; margin-left:35px; font-size:13px; font-weight:500; color:#787878;}
.review-box .review-head .review-head-score > div em b {font-size:13px; font-weight:500; color:#787878;}
.review-box .review-head .review-head-write {max-width:650px; margin:40px auto 0;}
.review-box .review-head .review-head-write .write {border:1px solid #E0E0E0; border-radius:14px; padding:15px;}
.review-box .review-head .review-head-write .write strong {display:block; font-size:16px; font-weight:bold; line-height:1.3; color:#141414;}
.review-box .review-head .review-head-write .write textarea {color:#141414; display:block; width:100%; margin:6px 0 0; height:100px; font-size:14px; font-weight:500; line-height:1.3;}
.review-box .review-head .review-head-write .write textarea::placeholder {color:#B5B5B5;}
.review-box .review-head .select-box {display:flex; flex-wrap:wrap; align-items:center; border-radius:10px; background:#F7F7F8; }
.review-box .review-head .select-box select {flex:1; min-width:0; height:45px; padding:0 0 0 13px; font-size:13px; color:#787878; background:url('/sub/asset/images/icon_arrow_select.png') no-repeat left center / 11px auto;}
.review-box .review-subject {margin:55px auto 0; max-width:1035px;}
.review-box .review-subject strong {display:block; font-size:20px; font-weight:bold; margin:0 0 35px;}
.review-box .review-body {margin:65px auto 0; max-width:1035px;}
.review-box .review-body .review-body-score {border:1px solid #E6E6E6; border-width:1px 0; display:flex; flex-wrap:wrap; align-items:center; padding:22px 0;}
.review-box .review-body .review-body-score strong {font-size:17px; font-weight:bold; margin-left:50px; margin-right:80px;}
.review-box .review-body .review-body-score span {display:block; font-size:0; width:20px; height:20px; background:url('/sub/asset/images/icon_star.png') no-repeat center / cover; margin-right:2px;}
.review-box .review-body .review-body-score span:last-of-type {margin-right:10px;}
.review-box .review-body .review-body-score span.active {background-image:url('/sub/asset/images/icon_star_on.png');}
.review-box .review-body .review-body-list {padding:30px 50px;}
.review-box .review-body .review-body-list strong {display:block; font-size:17px; font-weight:bold; margin:0 0 35px;}
.review-box .review-body .review-body-list ul li {border:1px solid #DDDADA; border-radius:15px; padding:18px 24px; margin:0 0 25px;}
.review-box .review-body .review-body-list ul li:last-of-type {margin:0;}
.review-box .review-body .review-body-list ul li .review-top {display:flex; flex-wrap:wrap; align-items:center;}
.review-box .review-body .review-body-list ul li .review-top > img {width:68px; height:68px; border-radius:50%; object-fit:cover;}
.review-box .review-body .review-body-list ul li .review-top > div {padding-left:1px; flex:1; min-width:0;}
.review-box .review-body .review-body-list ul li .review-top > div p {font-size:17px; line-height:1.3; margin:0 0 7px;}
.review-box .review-body .review-body-list ul li .review-bottom {margin:15px 0 0;}
.review-box .review-body .review-body-list ul li .review-bottom p {font-size:17px; line-height:1.3;}
.review-box .review-body .review-body-list ul li .review-bottom small {font-size:12px; padding:1px; color:#990099}
.review-box .review-body .review-write-box {border:1px solid #DDDADA; border-radius:15px; padding:18px 24px; margin:0 0 25px;}
@media (max-width:991px){
.review-box {margin:35px auto 0;}
.review-box .review-head .review-head-score > div {padding-left:43px;}
.review-box .review-head .review-head-score > div em {margin-left:0px; letter-spacing:1px;}
.review-box .review-body .review-body-score {border:0; padding:15px 0;}
.review-box .review-body .review-body-score strong {font-size:16px; margin-left:0; margin-right:10px;}
.review-box .review-head .review-head-score > div .score input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.review-box .review-head .review-head-score > div .score label {display:block; font-size:0; width:20px; height:20px; background:url('/sub/asset/images/icon_star.png') no-repeat center / cover;}
.review-box .review-head .review-head-score > div em {display:flex; flex-wrap:wrap; align-items:center; margin-left:10px; font-size:13px; font-weight:500; color:#787878;}
.review-box .review-head .review-head-score > div em b {font-size:13px; font-weight:500; color:#787878;}
.review-box .review-body .review-body-list {padding:0; margin:35px 0 0;}
.review-box .review-body .review-body-list strong {font-size:16px; margin:0 0 13px;}
.review-box .review-body .review-body-list ul li {padding:13px; margin:0 0 10px;}
.review-box .review-body .review-body-list ul li .review-top > img {width:50px; height:50px;}
.review-box .review-body .review-body-list ul li .review-top > div p {font-size:14px;}
.review-box .review-body .review-body-list ul li .review-bottom p {font-size:14px;}
}
/* total-box */
.total-box strong {display:flex; flex-wrap:wrap; align-items:center; font-size:19px; font-weight:500; color:#787878;}
.total-box strong b {font-size:19px; font-weight:500; color:#A769A2; margin-left:5px;}
@media (max-width:991px){
.total-box strong {font-size:16px;}
.total-box strong b {font-size:16px;}
}
/* filter-list-box */
.filter-list-box ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.filter-list-box ul li {display:flex; flex-wrap:wrap; align-items:center;}
.filter-list-box ul li:after {display:inline-block; content:""; width:1px; height:15px; background:#787878; margin:0 10px;}
.filter-list-box ul li:last-of-type:after {display:none;}
.filter-list-box ul li a {font-size:19px; font-weight:500; color:#787878;}
.filter-list-box ul li.active a {color:#A769A2; font-weight:bold;}
@media (max-width:991px){
.filter-list-box ul li:after {height:10px;}
.filter-list-box ul li a {font-size:16px;}
}
/* color-list-box */
.color-list-box {margin:40px 0 0;}
.color-list-box ul {display:flex; flex-wrap:wrap; margin:0 -10px -40px;}
.color-list-box ul li {width:calc(25% - 20px); margin:0 10px 40px; position:relative; }
.color-list-box ul li .content {padding:15px; border-radius:10px; border-top-right-radius:150px; box-shadow:0 0 10px rgba(0,0,0,0.1);height:240px;}
.color-list-box ul li .content .content-head small {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px;}
.color-list-box ul li .content .content-head div {display:flex; flex-wrap:wrap; align-items:flex-end; margin:10px 0 0;}
.color-list-box ul li .content .content-head div img {width:80px; height:80px; border-radius:50%; object-fit:cover;}
.color-list-box ul li .content .content-head div dl {flex:1; min-width:0; padding-left:10px; display:flex; flex-wrap:wrap; margin:0 -3px -3px; max-width:120px; border:0px solid; border-top-right-radius:150px;}
.color-list-box ul li .content .content-head div dl dd {font-size:16px; font-weight:500; margin:0 3px 3px;}
.color-list-box ul li .content .content-body {margin:12px 0 0;}
.color-list-box ul li .content .content-body p {font-size:22px; font-weight:600; line-height:1.3; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.color-list-box ul li .content .content-body small {font-size:16px; font-weight:500; margin:10px 0 0; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.color-list-box ul li .like {position:absolute; right:0; top:0;}
.color-list-box ul li .like > * {display:block; font-size:0; width:25px; height:25px; background-size:25px auto; background-position:center; background-repeat:no-repeat;}
.color-list-box ul li.gn .content {background:#5B968D;}
.color-list-box ul li.gn .content * {color:#DEDBC1;}
.color-list-box ul li.gn .like > * {background-image:url('/sub/asset/images/icon_heart_gn.png');}
.color-list-box ul li.ye .content {background:#F8EAAE;}
.color-list-box ul li.ye .content * {color:#3D4A90;}
.color-list-box ul li.ye .like > * {background-image:url('/sub/asset/images/icon_heart_ye.png');}
.color-list-box ul li.rd .content {background:#D5708F;}
.color-list-box ul li.rd .content * {color:#DEDBC1;}
.color-list-box ul li.rd .like > * {background-image:url('/sub/asset/images/icon_heart_rd.png');}
.color-list-box ul li.bu .content {background:#909FCE;}
.color-list-box ul li.bu .content * {color:#273129;}
.color-list-box ul li.bu .like > * {background-image:url('/sub/asset/images/icon_heart_bu.png');}
.color-list-box ul li a.more {font-size:16px; font-weight:600; color:#A769A2; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center; height:100%;}
.color-list-box ul li a.more:before {display:block; content:""; width:100%; height:38px; margin:0 auto 10px; background:url('/sub/asset/images/icon_book_add.png') no-repeat center / 38px;}
.color-list-box ul li .modify {display:inline-block; flex-wrap:wrap; align-items:center; justify-content:center; margin:10px 0 0;}
.color-list-box ul li .modify span {font-size:12px; font-weight:500; color:#B5B5B5; text-decoration:underline;}
@media (max-width:991px){
.color-list-box {margin:25px 0 0;}
.color-list-box ul {margin:0 -5px -10px;}
.color-list-box ul li {width:calc(50% - 10px); margin:0 5px 10px;}
.color-list-box ul li .content {padding:12px; border-top-right-radius:100px;height:200px;}
.color-list-box ul li .content .content-head small {font-size:12px;}
.color-list-box ul li .content .content-head div img {width:55px; height:55px;}
.color-list-box ul li .content .content-head div dl dd {font-size:12px;}
.color-list-box ul li .content .content-body p {font-size:18px;}
.color-list-box ul li .content .content-body small {font-size:12px;}
}
/* top-head-box */
.top-head-box {max-width:535px; margin:0 auto; border-bottom:1px solid #E3E2E2; padding:0 0 15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.top-head-box .link {display:flex; flex-wrap:wrap; align-items:center; flex:1; min-width:0; font-size:18px; font-weight:600; color:#787878;}
.top-head-box .link:before {display:inline-block; content:""; width:5.82px; height:9.86px; background:url('/sub/asset/images/icon_back.png') no-repeat center / cover; margin-right:10px;}
.top-head-box ul {display:flex; flex-wrap:wrap; align-items:center;}
.top-head-box ul li {margin-right:15px;}
.top-head-box ul li:last-of-type {margin-right:0;}
.top-head-box ul li a {display:block; font-size:0; width:20px; height:20px;}
.top-head-box ul li.home a {background:url('/sub/asset/images/icon_home.png') no-repeat center / 18px auto;}
.top-head-box ul li.mypage a {background:url('/sub/asset/images/icon_mypage.png') no-repeat center / 17px auto;}
@media (max-width:991px){
.top-head-box {padding:15px 0; border:0;}
}
/* book-tab-box */
.book-tab-box {max-width:452px; margin:0 auto;}
.book-tab-box .tab-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; border-bottom:1px solid #E3E2E2; padding:0 0 13px;}
.book-tab-box .tab-head h2 {font-size:20px; font-weight:bold; color:#A769A2;}
.book-tab-box .tab-head a.close {display:block; font-size:0; width:24px; height:24px; background:url('/sub/asset/images/icon_close.png') no-repeat center / 13.5px;}
.book-tab-box .tab-body .tab-group {border-bottom:1px solid #f5f5f5; padding:14px 0;}
.book-tab-box .tab-body .tab-group .tab-title strong {font-size:15px; font-weight:bold; color:#141414;}
.book-tab-box .tab-body .tab-group .tab-content {flex:1; min-width:0; margin:12px 0 0;}
.book-tab-box .tab-body .tab-group .tab-content input {display:block; width:100%; font-size:14px; font-weight:500; color:#141414;}
.book-tab-box .tab-body .tab-group .tab-content input::placeholder {color:#B5B5B5;}
.book-tab-box .tab-body .tab-group.flex .tab-title {width:70px;}
.book-tab-box .tab-body .tab-group.flex .tab-content {margin:0;}
.book-tab-box .tab-body .tab-group.flex .tab-content-check input {display:inline-block; width:36px !important; height:36px; position:absolute; left:8px; top:8px; z-index:99; }
/* photo-select-box */
.photo-select-box {display:block; overflow-x:auto; overflow-y:hidden; white-space:nowrap;}
.photo-select-box a {width:62px; position:relative;}
.photo-select-box a:last-of-type {margin-right:0;}
.photo-select-box a img {width:62px; height:62px; border-radius:50%; object-fit:cover;}
.photo-select-box a b {display:block; text-align:center; margin:7px 0 0; font-size:12px; font-weight:bold; color:#A769A2;}
.photo-select-box a.active:before {position:absolute; left:0; top:0; width:62px; height:62px; border-radius:50%; background:rgba(0,0,0,0.5); content:"";}
.photo-select-box a.active:after {position:absolute; left:50%; top:18px; transform:translateX(-50%); width:23.11px; height:25.01px; content:""; background:url('/sub/asset/images/icon_photo_select.png') no-repeat center / cover;}
@media (max-width:991px){
.photo-select-box {margin:0 -20px;}
.photo-select-box a:first-of-type {margin-left:20px;}
.photo-select-box a:last-of-type {margin-right:20px;}
}
/* toggle-box */
.toggle-box {border-top:1px solid #f5f5f5; margin:0 0 -14px;}
.toggle-box > ul > li {border-bottom:1px solid #F5F5F5; padding:10px 0;}
.toggle-box > ul > li:last-of-type {border:0;}
.toggle-box > ul > li > button {display:flex; flex-wrap:wrap; align-items:center; font-size:15px; font-weight:600; color:#787878;}
.toggle-box > ul > li > button:after {display:inline-block; content:""; width:10.03px; height:5.5px; background:url('/sub/asset/images/icon_arrow_down.png') no-repeat center / cover; margin-left:10px;}
.toggle-box > ul > li > div {margin:10px 0 0; display:none;}
.toggle-box > ul > li.active > button {color:#464545; font-weight:bold;}
.toggle-box > ul > li.active > button:after {transform:rotate(180deg);}
.toggle-box > ul > li.active > div {display:block;}
/* event-list-box */
.event-list-box > ul > li {margin:0 0 30px; position:relative; overflow:hidden; border-radius:10px;}
.event-list-box > ul > li:last-of-type {margin:0;}
.event-list-box > ul > li a img {object-fit:cover; border-radius:10px;}
.event-list-box > ul > li .end {font-size:24px; font-weight:700; color:#fff; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:2; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.event-list-box .swiper-slide img {display:block; max-width:100%;}
.event-list-box .swiper-pagination {background:rgba(255,255,255,0.8); left:auto; right:15px; bottom:15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; width:auto; padding:5px 20px;}
@media (max-width:991px){
.event-list-box > ul > li {margin:0 0 7px;}
.event-list-box > ul > li a img {object-fit:cover; border-radius:8px;}
.event-list-box > ul > li .end {font-size:18px;}
}
/* event-view-box */
.event-view-box strong {display:block; font-size:15px; font-weight:bold; color:#A769A2; margin:0 0 15px;}
.event-view-box p {font-size:16px; font-weight:500; line-height:1.5;}
@media (max-width:991px){
.event-view-box strong {font-size:14px;}
.event-view-box p {font-size:14px;}
}
/* top-category-box */
.top-category-box {z-index:1000; position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 35px;}
.top-category-box .left-category ul {display:flex; flex-wrap:wrap; align-items:center;}
.top-category-box .left-category ul li {margin-right:24px;}
.top-category-box .left-category ul li:last-of-type {margin:0;}
.top-category-box .left-category ul li a {display:block; font-size:20px; font-weight:600; color:#787878;}
.top-category-box .left-category ul li.active a {color:#A769A2;}
.top-category-box .left-category dl {display:flex; flex-wrap:wrap; align-items:center;}
.top-category-box .left-category dl dd {display:flex; flex-wrap:wrap; align-items:center;}
.top-category-box .left-category dl dd:after {display:inline-block; content:""; margin:0 15px; width:4.65px; height:8.42px; background:url('/sub/asset/images/icon_location.png') no-repeat center / cover;}
.top-category-box .left-category dl dd:last-of-type:after {display:none;}
.top-category-box .left-category dl dd a {font-size:16px; font-weight:500; color:#7C7B7B;}
.top-category-box .left-category dl dd:last-of-type a {font-weight:bold; color:#A769A2;}
.top-category-box .right-category {display:flex; flex-wrap:wrap; align-items:center;}
.top-category-box .right-category .menu {display:flex; flex-wrap:wrap; align-items:center; font-size:15px; font-weight:600; color:#787878;}
.top-category-box .right-category .menu:before {display:inline-block; content:""; width:27px; height:18px; margin-right:10px; background:url('/sub/asset/images/icon_menu.png') no-repeat center / cover;}
.top-category-box .center-category {flex:1; min-width:0; margin-left:-30px;}
.top-category-box .center-category .inner {max-width:536px; margin:0 auto;}
.top-category-box .center-category .category-box {margin:0;}
.top-category-box .center-category .category-box ul li a {height:55px !important;}
.top-category-box.top {margin-top:-35px;}
@media (max-width:991px){
.top-category-box {margin:15px 0; position:static;}
.top-category-box .left-category {order:1;}
.top-category-box .left-category ul li {margin-right:15px;}
.top-category-box .left-category ul li a {font-size:18px;}
.top-category-box .right-category {order:2;}
.top-category-box .right-category .menu {font-size:0;}
.top-category-box .right-category .menu:before {margin-right:0;}
.top-category-box .center-category {flex:none; width:100%; order:3; margin:15px 0 0; margin-left:0;}
.top-category-box.top {margin-top:15px;}
}
/* menu-box */
.menu-box {pointer-events:none; transition:all ease 0.5s; opacity:0; position:absolute; right:0; top:20px; width:100%; max-width:390px; background:#fff; border-radius:5px; box-shadow:0 0 10px rgba(0,0,0,0.3);}
.menu-box .menu-list ul li {padding:15px; border-bottom:4px solid #DDDDDD;}
.menu-box .menu-list ul li:last-of-type {border:0;}
.menu-box .menu-list ul li .list-head {border-bottom:1px solid #ddd; padding:0 0 10px; margin:0 0 15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.menu-box .menu-list ul li .list-head h2 {font-size:20px; font-weight:600; color:#A769A2;}
.menu-box .menu-list ul li .list-head a {display:none;}
.menu-box .menu-list ul li .list-body dl {display:flex; flex-wrap:wrap; margin:0 0 -10px;}
.menu-box .menu-list ul li .list-body dl dd {width:50%; margin:0 0 10px;}
.menu-box .menu-list ul li .list-body dl dd.full {width:100%;}
.menu-box .menu-list ul li .list-body dl dd a {display:block; font-size:15px; font-weight:500; color:#787878;}
.menu-box.fixed {pointer-events:inherit; opacity:1; top:40px;}
@media (max-width:991px){
.menu-box {position:fixed; z-index:99999999; width:100%; height:100%; overflow-y:auto; max-width:100%; border-radius:0; box-shadow:none; left:0; top:0; right:auto;}
.menu-box .menu-list ul li .list-head a {width:24px; height:24px; background:url('/sub/asset/images/icon_close.png') no-repeat center / 20px; display:block; font-size:0;}
.menu-box.fixed {top:0;}
}
/* main-swiper-box */
.main-swiper-box {position:relative;}
.main-swiper-box .swiper-slide a {display:block; height:100%;}
.main-swiper-box .swiper-slide a img {width:100%; height:100%; object-fit:cover; border-radius:8px;}
.main-swiper-box .swiper-button-prev {left:10px; width:21px; height:38px; background:url('/sub/asset/images/icon_swiper_button.png') no-repeat center / cover; transform:rotate(180deg);}
.main-swiper-box .swiper-button-next {right:10px; width:21px; height:38px; background:url('/sub/asset/images/icon_swiper_button.png') no-repeat center / cover;}
/*
.main-swiper-box .swiper-pagination {display:none;}
*/
.main-swiper-box .swiper-pagination {background:rgba(255,255,255,0.8); left:auto; right:15px; bottom:15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; width:auto; padding:3px 15px;}
@media (max-width:991px){
.main-swiper-box {margin:0 -20px;}
.main-swiper-box .swiper-slide a img {border-radius:8px;}
.main-swiper-box .swiper-button-prev {display:none;}
.main-swiper-box .swiper-button-next {display:none;}
.main-swiper-box .swiper-pagination {background:rgba(255,255,255,0.8); left:auto; right:15px; bottom:15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; width:auto; padding:3px 15px;}
}
/* week-box */
.week-box .week-head > strong {display:block; font-size:18px; font-weight:bold; color:#787878; margin:0 0 24px;}
.week-box .week-head > ul {padding:12px 30px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; border-radius:50px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.3);}
.week-box .week-head > ul li {max-width:48px;}
.week-box .week-head > ul li a {display:block; border-radius:50px; padding:14px 12px; text-align:center;}
.week-box .week-head > ul li a b {display:block; text-align:center; font-size:16px; color:#A8A8A8;}
.week-box .week-head > ul li a strong {display:block; text-align:center; font-size:19px; font-weight:700; color:#707070; margin:10px 0 0;}
.week-box .week-head > ul li.active a {background:linear-gradient(to bottom, #A74FAB, #B5B097);}
.week-box .week-head > ul li.active a b {color:#DBDBDB;}
.week-box .week-head > ul li.active a strong {color:#fff;}
.week-box .week-body {margin:40px 0 0; background:#fff; padding:35px 45px; border-radius:30px; box-shadow:0 0 10px rgba(0,0,0,0.3);}
.week-box .week-body > strong {display:block; font-size:16px; font-weight:700; color:#A769A2; margin:0 0 20px;}
.week-box .week-body > ul li {margin:0 0 20px;}
.week-box .week-body > ul li:last-of-type {margin:0;}
.week-box .week-body > ul li a {display:block;}
.week-box .week-body > ul li a p {display:flex; flex-wrap:wrap; align-items:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:20px; font-weight:bold;}
.week-box .week-body > ul li a p:before {display:inline-block; content:""; width:6px; height:6px; border-radius:50%; background:#000; margin-right:7px;}
.week-box .week-body > ul li a dl {margin:7px 0 0; display:flex; flex-wrap:wrap; align-items:center; padding-left:13px;}
.week-box .week-body > ul li a dl dd {font-size:16px; color:#787878; margin-right:15px;}
.week-box .week-body > ul li a dl dd:last-of-type {margin:0;}
@media (max-width:991px){
.week-box .week-head > strong {font-size:16px; margin:0 0 15px;}
.week-box .week-head > ul {padding:8px 30px;}
.week-box .week-head > ul li {max-width:31px;}
.week-box .week-head > ul li a {padding:10px 7px;}
.week-box .week-head > ul li a b {font-size:10px;}
.week-box .week-head > ul li a strong {font-size:13px;}
.week-box .week-body {margin:16px 0 0; padding:24px;}
.week-box .week-body > ul li {margin:0 0 18px;}
.week-box .week-body > ul li a p {font-size:16px;}
.week-box .week-body > ul li a p:before {width:3px; height:3px; margin-right:5px;}
.week-box .week-body > ul li a dl dd {font-size:14px; margin-right:10px;}
}
/* calendar-box */
.calendar-box h2 {margin:0 0 15px; text-align:center; font-size:20px; font-weight:bold; color:#787878;}
.calendar-box .inner {overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,0.3); border-radius:20px;}
.calendar-box .inner .cal-head {background:linear-gradient(to right, #B5B097, #A74FAB); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; height:74px; padding:0 25px;}
.calendar-box .inner .cal-head h3 {font-size:22px; font-weight:bold; color:#fff;}
.calendar-box .inner .cal-head a {display:block; font-size:0; width:24px; height:24px;}
.calendar-box .inner .cal-head a.prev {background:url('/sub/asset/images/icon_arrow_left_white.png') no-repeat center / 9px auto;}
.calendar-box .inner .cal-head a.next {background:url('/sub/asset/images/icon_arrow_right_white.png') no-repeat center / 9px auto;}
.calendar-box .inner .cal-body {padding:10px 30px;}
.calendar-box .inner .cal-body table {border-spacing:0 30px;}
.calendar-box .inner .cal-body table thead tr th {text-align:center; font-size:26px; font-weight:bold; color:#707070;}
.calendar-box .inner .cal-body table tbody tr td {position:relative;}
.calendar-box .inner .cal-body table tbody tr td a {display:block; text-align:center; font-size:22px; font-weight:600; color:#707070;}
.calendar-box .inner .cal-body table tbody tr td div {position:absolute; left:0; top:-10px; width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.calendar-box .inner .cal-body table tbody tr td div span {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:7px; height:7px; border-radius:50%; margin:0 2.5px;}
.calendar-box .inner .cal-body table tbody tr td div span.event1 {background:#A769A2;}
.calendar-box .inner .cal-body table tbody tr td div span.event2 {background:#76DBA1;}
.calendar-box .inner .cal-body table tbody tr td div span.event3 {background:#000000;}
.calendar-box .inner .cal-body table tbody tr td div span.event4 {background:#FFAE50;}
.calendar-box .inner .cal-body table tbody tr td.on a {color:#000;}
.calendar-box .inner .cal-body table tbody tr td.active a {color:#A769A2;}
@media (max-width:991px){
.calendar-box h2 {margin:0 0 13px; font-size:16px;}
.calendar-box .inner .cal-head {height:48px;}
.calendar-box .inner .cal-head h3 {font-size:16px;}
.calendar-box .inner .cal-head a.prev {background-size:5.8px auto;}
.calendar-box .inner .cal-head a.next {background-size:5.8px auto;}
.calendar-box .inner .cal-body {padding:10px 20px;}
.calendar-box .inner .cal-body table thead tr th {font-size:19px;}
.calendar-box .inner .cal-body table tbody tr td a {font-size:15px;}
.calendar-box .inner .cal-body table tbody tr td div span {width:4px; height:4px; margin:0 1.5px;}
}
/* item-list-1-box */
.item-list-1-box ul li {margin:0 0 10px;}
.item-list-1-box ul li:last-of-type {margin:0;}
.item-list-1-box ul li a {display:flex; flex-wrap:wrap; align-items:center; border:1px solid #E2E2E2; border-radius:10px; overflow:hidden;}
.item-list-1-box ul li a .list-image {width:150px; position:relative;}
.item-list-1-box ul li a .list-image img {width:145px;object-fit:cover;border-radius:3px;border:1px solid #e2e2e2;}
.item-list-1-box ul li a .list-content {display:flex; flex-wrap:wrap; align-items:center; flex:1; min-width:0; padding:0 15px;}
.item-list-1-box ul li a .list-content > strong {font-size:25px; font-weight:700; color:#A769A2; margin-left:0px; margin-right:20px;}
.item-list-1-box ul li a .list-content > div {flex:1; min-width:0;}
.item-list-1-box ul li a .list-content > div p {font-size:20px; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:5px 0 0 0;}
.item-list-1-box ul li a .list-content > div small {display:block; margin:3px 0 0; font-size:16px; font-weight:500; line-height:1.3; color:#888888;}
@media (max-width:991px){
.item-list-1-box ul li a .list-image {width:115px;}
.item-list-1-box ul li a .list-image img {width:110px;}
.item-list-1-box ul li a .list-content {padding:0 10px 0 10px;}
.item-list-1-box ul li a .list-content > strong {font-size:20px; margin-left:0px; margin-right:15px;}
.item-list-1-box ul li a .list-content > div p {font-size:17px;}
.item-list-1-box ul li a .list-content > div small {font-size:14px;}
}
/* best-list-box */
.best-list-box ul li {margin:0 0 10px;}
.best-list-box ul li:last-of-type {margin:0;}
.best-list-box ul li a {display:flex; flex-wrap:wrap; align-items:center; border:1px solid #E2E2E2; border-radius:10px; overflow:hidden;}
.best-list-box ul li a .list-image {width:125px; position:relative;}
.best-list-box ul li a .list-image img {width:120px;object-fit:cover;border-radius:3px;border:1px solid #e2e2e2;}
/*.best-list-box ul li a .list-image img {width:100%; height:117px; object-fit:cover;}*/
.best-list-box ul li a .list-content {display:flex; flex-wrap:wrap; align-items:center; flex:1; min-width:0; padding:0 15px;}
.best-list-box ul li a .list-content > strong {font-size:30px; font-weight:900; color:#A769A2; margin-left:40px; margin-right:20px;}
.best-list-box ul li a .list-content > div {flex:1; min-width:0;}
.best-list-box ul li a .list-content > div p {font-size:22px; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.best-list-box ul li a .list-content > div small {display:block; margin:3px 0 0; font-size:16px; font-weight:500; line-height:1.3; color:#888888;}
@media (max-width:991px){
.best-list-box ul li a .list-image {width:115px;}
.best-list-box ul li a .list-image img {width:110px;}
.best-list-box ul li a .list-content {padding:0 10px 0 10px;}
.best-list-box ul li a .list-content > strong {font-size:20px; margin-left:13px; margin-right:15px;}
.best-list-box ul li a .list-content > div p {font-size:16px;}
.best-list-box ul li a .list-content > div small {font-size:14px;}
}
/* recent-keyword-box */
.recent-keyword-box {background:#F7F7F8; border-radius:12px; padding:15px;}
.recent-keyword-box ul li {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 9px;}
.recent-keyword-box ul li:last-of-type {margin:0;}
.recent-keyword-box ul li a.name {flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; font-weight:500; color:#787878;}
.recent-keyword-box ul li a.delete {width:15px; height:15px; background:url('/sub/asset/images/icon_delete.png') no-repeat center / 7px; font-size:0; display:inline-block;}
/* popular-keyword-box */
.popular-keyword-box {background:#f7f7f8; border-radius:12px; padding:15px;}
.popular-keyword-box ul li {margin:0 0 9px;}
.popular-keyword-box ul li:last-of-type {margin:0;}
.popular-keyword-box ul li a {display:flex; flex-wrap:wrap; align-items:center;}
.popular-keyword-box ul li a b {width:32px; font-size:15px; font-weight:bold; color:#A769A2;}
.popular-keyword-box ul li a p {flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; font-weight:500; color:#787878;}
.popular-keyword-box ul li.active a p {color:#A769A2;}
/* popular-event-box */
.popular-event-box ul li {margin:0 0 7px;}
.popular-event-box ul li:last-of-type {margin:0;}
.popular-event-box ul li a {display:block;}
.popular-event-box ul li a img {width:100%;}
/* keyword-box */
.keyword-box {margin:0 -10px;} /* 이종만 수정 */
.keyword-box ul li {width:auto; margin-right:5px;}
.keyword-box ul li:first-of-type {margin-left:20px;}
.keyword-box ul li:last-of-type {margin-right:20px;}
.keyword-box ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; height:22px; padding:0 8px; font-size:15px; color:#fff; background:#A769A2;}
.keyword-box-bottom {margin:30px -10px;} /* 이종만 수정 */
/*
.keyword-box-bottom span {margin:5px 0 0 0;border:1px solid; width:auto;margin-right:5px;display:inline-block; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; height:22px; padding:3px 8px; font-size:15px; color:#fff; background:#A4A4A4;}
*/
.keyword-box-bottom span {margin:5px 0 0 0; width:auto; margin-right:5px;display:inline-block; color:#A769A2; border-radius:50px; border:1px solid #A769A2; padding:5px 8px; font-size:15px; flex-wrap:wrap; align-items:center; justify-content:center;}
/* check-box */
.check-box {position:relative; overflow:hidden;}
.check-box input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.check-box label {display:flex; flex-wrap:wrap; align-items:center; font-size:16px; font-weight:500; color:#787878;}
.check-box label:before {display:inline-block; content:""; width:20px; height:20px; margin-right:5px; background:url('/sub/asset/images/icon_check.png') no-repeat center / cover;}
.check-box input:checked ~ label:before {background-image:url('/sub/asset/images/icon_check_on.png');}
.check-box.f0 {margin:0 auto;}
.check-box.f0 label {font-size:0;}
.check-box.f0 label:before {margin-right:0;}
@media (max-width:991px){
.check-box label:before {width:20px; height:20px;}
}
/* thumb-box */
.thumb-box {display:flex; flex-wrap:wrap; align-items:center;}
.thumb-box img {width:77px; object-fit:cover; border-radius:5px;}
.thumb-box div {flex:1; min-width:0; padding-left:15px;}
.thumb-box div p {font-size:16px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left;}
.thumb-box div time {display:block; margin:7px 0 0; font-size:13px; font-weight:600; color:#B4B4B4; text-align:left;}
@media (max-width:991px){
.thumb-box img {width:52px;}
.thumb-box div {flex:1; min-width:0; padding-left:15px;}
.thumb-box div p {font-size:15px;white-space:wrap;line-height:1.5;}
.thumb-box div time {font-size:13px;}
}
/* item-view-box */
.item-view-box .view-head {display:flex; flex-wrap:wrap;}
.item-view-box .view-head .view-head-left {width:235px;}
.item-view-box .view-head .view-head-left .left-thumb {padding-bottom:5px; position:relative; border-radius:3px; overflow:hidden;} /* 이종만 수정 */
.item-view-box .view-head .view-head-left .left-thumb img {width:100%; border-radius:3px; border:1px solid #e2e2e2;}
.item-view-box .view-head .view-head-left .left-thumb div {padding:0 5px 20px; background:url('/sub/asset/images/bg_item_list_shadow.png') no-repeat center bottom / 100% auto; position:absolute; left:0; bottom:0; width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:center; align-content:flex-end;}
.item-view-box .view-head .view-head-left .left-thumb div p {text-align:center; font-size:27px; font-weight:900; line-height:1.3; color:#fff; word-break:keep-all; width:100%;}
.item-view-box .view-head .view-head-left .left-thumb div small {display:block; text-align:center; margin:10px 0 0; font-size:12px; color:#A2A2A2; width:100%;}
.item-view-box .view-head .view-head-left .left-button {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:24px 24px 0;}
.item-view-box .view-head .view-head-left .left-button a {width:100%; height:46px; font-size:15px; font-weight:600; margin:0 0 10px; color:#A769A2; border-radius:50px; border:1px solid #A769A2; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.item-view-box .view-head .view-head-left .left-button a:first-of-type {margin:5px;}
.item-view-box .view-head .view-head-left .left-button a:first-of-type:before {display:inline-block; content:""; width:18.89px; height:17px; background:url('/sub/asset/images/icon_book_pu.png') no-repeat center / cover; margin-right:15px;}
.item-view-box .view-head .view-head-left .left-button a:last-of-type {margin:5px;}
.item-view-box .view-head .view-head-left .left-button a:last-of-type:before {display:inline-block; content:""; width:18.89px; height:17px; background:url('/sub/asset/images/icon_cart_pu.png') no-repeat center / cover; margin-right:10px;}
.item-view-box .view-head .view-head-right {flex:1; min-width:0; padding-left:70px;}
.item-view-box .view-head .view-head-right .subject {margin:0 0 10px;}
.item-view-box .view-head .view-head-right .subject h2 {font-size:22px; font-weight:bold; line-height:1.3;}
.item-view-box .view-head .view-head-right .info {margin:0 0 23px;}
.item-view-box .view-head .view-head-right .info dl {display:flex; flex-wrap:wrap; align-items:center; margin:0 -10px -10px;}
.item-view-box .view-head .view-head-right .info dl dd {display:flex; flex-wrap:wrap; align-items:center; margin:0 10px 10px;}
.item-view-box .view-head .view-head-right .info dl dd b {display:flex; flex-wrap:wrap; align-items:center; font-size:16px; color:#6F6F6F;}
.item-view-box .view-head .view-head-right .info dl dd b:after {display:inline-block; content:""; width:4.67px; height:9.52px; background:url('/sub/asset/images/icon_arrow_info.png') no-repeat center / cover; margin:0 5px;}
.item-view-box .view-head .view-head-right .info dl dd a {font-size:15px; font-weight:500; color:#000000; text-decoration:underline;}
.item-view-box .view-head .view-head-right .info dl dd.full {width:100%; margin:0 10px 10px;}
.item-view-box .view-head .view-head-right .content strong {display:block; font-size:17px; font-weight:bold; margin:0 0 20px;}
.item-view-box .view-head .view-head-right .content p {height:auto; overflow:hidden; font-size:15px; font-weight:500; line-height:1.4; word-break:keep-all;}
.item-view-box .view-head .view-head-right .content a {margin-top:40px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:17px; font-weight:600; color:#A769A2;}
.item-view-box .view-head .view-head-right .content a:after {display:inline-block; content:""; width:9.81px; height:5.38px; margin-left:10px; background:url('/sub/asset/images/icon_arrow_more.png') no-repeat center / cover;}
.item-view-box .view-head .view-head-right .button {display:none;}
.item-view-box .view-head .view-head-right .button_cart {display:none;}
.item-view-box .view-content {display:none;}
.item-view-box .view-body {margin:30px 0 0;}
.item-view-box .view-body .list-top {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; border-bottom:1px solid #e6e6e6; padding:0 0 15px;}
.item-view-box .view-body .list-top p {display:flex; flex-wrap:wrap; align-items:center; font-size:16px; font-weight:600; color:#787878;}
.item-view-box .view-body .list-top p:before {display:inline-block; content:""; width:21px; height:22px; background:url('/sub/asset/images/icon_cele.png') no-repeat center / cover; margin-right:5px;}
.item-view-box .view-body .list-top dl {display:flex; flex-wrap:wrap; align-items:center;}
.item-view-box .view-body .list-top dl dd {margin-right:17px;}
.item-view-box .view-body .list-top dl dd:last-of-type {margin:0;}
.item-view-box .view-body .list-top dl dd a {font-size:16px; font-weight:600; color:#787878;}
.item-view-box .view-body .list-top dl dd.active a {color:#A769A2;}
.item-view-box .view-body .list-bottom .list-bottom-item select {padding-left:20px; font-size:17px; font-weight:600; color:#A769A2; background:url('/sub/asset/images/icon_arrow_select.png') no-repeat left center / 11px auto;}
.item-view-box .view-body .list-bottom .list-bottom-item table {border-bottom:1px solid #E6E6E6; padding:0 0 10px;}
.item-view-box .view-body .list-bottom .list-bottom-item table tr td {padding:17px 10px;}
.item-view-box .view-body .list-bottom .list-bottom-item table tr td b {font-size:17px; font-weight:bold; color:#A769A2;}
.item-view-box .view-body .list-bottom .list-bottom-item table tr td.check {width:50px;}
/*이종만 추가*/
.item-view-box .view-body .list-bottom .list-bottom-button {padding:20px 0 0 50px; display:flex; flex-wrap:wrap; align-items:center; flex-direction:row}
.item-view-box .view-body .list-bottom .list-bottom-button a {padding:0 40px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; box-shadow:0 0 10px rgba(0,0,0,0.1); height:40px; font-size:16px; font-weight:600; border:1px solid #A769A2; color:#A769A2;}
.item-view-box .view-body .list-bottom .list-bottom-button a:last-of-type {flex:1; max-width:200px; padding:0; background:#A769A2; color:#fff; margin-left:30px;}
.item-view-box.active .view-head .view-head-right .content p {height:auto;}
.item-view-box.active .view-head .view-head-right .content a:after {transform:rotate(180deg);}
.item-view-box .view-body .list-bottom .list-bookview-button a {text-align:center; padding:10px 0 0 0; border-radius:20px; box-shadow:0 0 10px rgba(0,0,0,0.1); width:100px; height:40px; font-size:16px; font-weight:600; border:1px solid #A769A2; color:#A769A2;}
/*이종만 추가*/
@media (max-width:991px){
.item-view-box .view-head .view-head-left {width:145px;}
.item-view-box .view-head .view-head-left .left-thumb {padding:20px 0 20px 0;}
.item-view-box .view-head .view-head-left .left-thumb div p {font-size:20px;}
.item-view-box .view-head .view-head-left .left-thumb div small {font-size:11px;}
.item-view-box .view-head .view-head-left .left-button {display:none; padding:20px 0 0;}
.item-view-box .view-head .view-head-right {padding-left:13px; padding-top:20px;}
.item-view-box .view-head .view-head-right .subject h2 {font-size:20px;}
.item-view-box .view-head .view-head-right .info {margin:0 0 20px;}
.item-view-box .view-head .view-head-right .info dl dd b {font-size:14px;}
.item-view-box .view-head .view-head-right .info dl dd a {font-size:14px;}
.item-view-box .view-head .view-head-right .content {display:none;}
.item-view-box .view-head .view-head-right .button_cart {display:block;}
.item-view-box .view-head .view-head-right .button_cart a {display:flex; flex-wrap:wrap; align-items:center; font-size:14px; font-weight:500; color:#000;}
.item-view-box .view-head .view-head-right .button_cart a:before {display:inline-block; content:""; width:37px; height:37px; margin-right:7px; background:url('/sub/asset/images/icon_cart_circle.png') no-repeat center / cover;}
.item-view-box .view-head .view-head-right .button {display:block;}
.item-view-box .view-head .view-head-right .button a {display:flex; flex-wrap:wrap; align-items:center; font-size:14px; font-weight:500; color:#000;}
.item-view-box .view-head .view-head-right .button a:before {display:inline-block; content:""; width:37px; height:37px; margin-right:7px; background:url('/sub/asset/images/icon_book_circle.png') no-repeat center / cover;}
.item-view-box .view-content {display:block; margin:20px 0 0;}
.item-view-box .view-content strong {display:block; font-size:16px; font-weight:bold; margin:0 0 20px;}
.item-view-box .view-content p {overflow:hidden; font-size:14px; line-height:1.4; font-weight:500; height:auto;}
.item-view-box .view-content a {margin-top:20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:17px; font-weight:600; color:#A769A2;}
.item-view-box .view-content a:after {display:inline-block; content:""; width:9.81px; height:5.38px; margin-left:10px; background:url('/sub/asset/images/icon_arrow_more.png') no-repeat center / cover;}
.item-view-box .view-body {margin:40px 0 0;}
.item-view-box .view-body .list-top p {font-size:12px;}
.item-view-box .view-body .list-top p:before {width:16px; height:16px;}
.item-view-box .view-body .list-top dl dd {margin-right:10px;}
.item-view-box .view-body .list-top dl dd a {font-size:14px;}
.item-view-box .view-body .list-bottom .list-bottom-item select {font-size:14px;}
.item-view-box .view-body .list-bottom .list-bottom-item table {border-bottom:0;}
.item-view-box .view-body .list-bottom .list-bottom-item table thead tr td {border-bottom:1px solid #e6e6e6;}
.item-view-box .view-body .list-bottom .list-bottom-item table tr td {padding:17px 5px; border-bottom:1px solid #e6e6e6;}
.item-view-box .view-body .list-bottom .list-bottom-item table tr td b {font-size:14px;}
.item-view-box .view-body .list-bottom .list-bottom-item table tr td.check {width:30px;}
.item-view-box .view-body .list-bottom .list-bottom-button {padding:0; display:flex; flex-wrap:wrap; align-items:center;}
.item-view-box .view-body .list-bottom .list-bottom-button a {padding:0 40px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; box-shadow:0 0 10px rgba(0,0,0,0.1); height:40px; font-size:16px; font-weight:600; border:1px solid #A769A2; color:#A769A2; }
.item-view-box .view-body .list-bottom .list-bottom-button a:last-of-type {flex:1; min-width:0; padding:0; background:#A769A2; color:#fff; margin-left:20px;}
.item-view-box.active .view-content p {height:auto;}
.item-view-box.active .view-content a:after {transform:rotate(180deg);}
}
/* view-box */
.view-box {background:#fff;}
.view-box .view-head {height:68px; padding:0 40px; position:fixed; left:0; top:0; width:100%; z-index:9999; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.3); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.view-box .view-head .view-head-left {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center;}
.view-box .view-head .view-head-left > a {display:block; font-size:0; width:24px; height:24px; margin-right:15px;}
.view-box .view-head .view-head-left > a:last-of-type {margin-right:0;}
.view-box .view-head .view-head-left > a.back {display:none; background:url('/sub/asset/images/icon_view_back.png') no-repeat center / 10.42px auto;}
.view-box .view-head .view-head-left > a.menu {background:url('/sub/asset/images/icon_view_menu.png') no-repeat center / 20px auto;}
.view-box .view-head .view-head-left .view-head-left-more {pointer-events:none; transition:all ease 0.5s; opacity:0; width:300px; position:absolute; left:40px; top:68px; background:#fff; border-radius:17px; box-shadow:0 0 10px rgba(0,0,0,0.3); padding:17px 30px;}
.view-box .view-head .view-head-left .view-head-left-more .more-head {display:flex; flex-wrap:wrap; align-items:center;}
.view-box .view-head .view-head-left .view-head-left-more .more-head ul {display:flex; flex-wrap:wrap; align-items:center; flex:1; min-width:0;}
.view-box .view-head .view-head-left .view-head-left-more .more-head ul li {flex:1; min-width:0;}
.view-box .view-head .view-head-left .view-head-left-more .more-head ul li a {height:32px; border-radius:50px; font-size:15px; font-weight:500; color:#707070; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.view-box .view-head .view-head-left .view-head-left-more .more-head ul li.active a {background:#A769A2; color:#fff;}
.view-box .view-head .view-head-left .view-head-left-more .more-head > a {margin-left:20px; display:block; font-size:0; width:24px; height:24px; background:url('/sub/asset/images/icon_close.png') no-repeat center / 15px;}
.view-box .view-head .view-head-left .view-head-left-more .more-body {margin:15px 0 0;}
.view-box .view-head .view-head-left .view-head-left-more .more-body ul li {border-bottom:1px solid #EBEBEB; padding:5px 0;}
.view-box .view-head .view-head-left .view-head-left-more .more-body ul li a {display:flex; flex-wrap:wrap; align-items:center;}
.view-box .view-head .view-head-left .view-head-left-more .more-body ul li a p {font-size:15px; font-weight:500; color:#707070; flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.view-box .view-head .view-head-left .view-head-left-more .more-body ul li a span {padding:0 6px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:23px; border-radius:50px; border:1px solid #707070; font-size:13px; font-weight:500; color:#707070;}
.view-box .view-head .view-head-left .view-head-left-more .more-body ul li.active a p {color:#A769A2;}
.view-box .view-head .view-head-left .view-head-left-more .more-body ul li.active a span {background:#B9B9B9; color:#fff; border-color:#b9b9b9;}
.view-box .view-head .view-head-left.active .view-head-left-more {pointer-events:inherit; opacity:1; top:78px;}
.view-box .view-head .view-head-right {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.view-box .view-head .view-head-right a {margin-right:15px; display:block; font-size:17px; font-weight:500; color:#787878;}
.view-box .view-head .view-head-right a:last-of-type {margin:0;}
.view-box .view-head .view-head-right a.bookmark {font-size:0; width:24px; height:24px; background:url('/sub/asset/images/icon_view_bookmark.png') no-repeat center / 11.97px auto;}
.view-box .view-head .view-head-right a.bookmark.active {background-image:url('/sub/asset/images/icon_view_bookmark_on.png');}
.view-box .view-head .view-head-center {padding:0 20px;}
.view-box .view-head .view-head-center h2 {font-size:18px; font-weight:600; color:#A769A2;}
.view-box .view-foot {padding:30px 0; position:fixed; left:0; bottom:0; width:100%; z-index:9999; background:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.view-box .view-foot .view-foot-paging ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.view-box .view-foot .view-foot-paging ul li p {font-size:16px; font-weight:600; color:#787878; margin:0 15px;}
.view-box .view-foot .view-foot-paging ul li a {font-size:0; display:block; width:40px; height:40px; background-size:cover; background-position:center;}
.view-box .view-foot .view-foot-paging ul li.first a {background-image:url('/sub/asset/images/icon_view_paging_double.png');}
.view-box .view-foot .view-foot-paging ul li.prev a {background-image:url('/sub/asset/images/icon_view_paging.png');}
.view-box .view-foot .view-foot-paging ul li.next a {background-image:url('/sub/asset/images/icon_view_paging.png'); transform:rotate(180deg);}
.view-box .view-foot .view-foot-paging ul li.last a {background-image:url('/sub/asset/images/icon_view_paging_double.png'); transform:rotate(180deg);}
.view-box .view-foot .view-foot-paging ul li.first.active a {background-image:url('/sub/asset/images/icon_view_paging_double_on.png'); transform:rotate(180deg);}
.view-box .view-foot .view-foot-paging ul li.prev.active a {background-image:url('/sub/asset/images/icon_view_paging_on.png'); transform:rotate(180deg);}
.view-box .view-foot .view-foot-paging ul li.next a {background-image:url('/sub/asset/images/icon_view_paging_on.png'); transform:rotate(0deg);}
.view-box .view-foot .view-foot-paging ul li.last a {background-image:url('/sub/asset/images/icon_view_paging_double_on.png'); transform:rotate(0deg);}
.view-box .view-foot .view-foot-icon {position:absolute; right:40px; bottom:30px; display:flex; flex-wrap:wrap; align-items:center;}
.view-box .view-foot .view-foot-icon > a {margin-right:25px; display:block; font-size:0; width:53px; height:53px; background-size:cover; background-position:center;}
.view-box .view-foot .view-foot-icon > a:last-of-type {margin-right:0;}
.view-box .view-foot .view-foot-icon > a.icon01 {background-image:url('/sub/asset/images/icon_view_foot_01.png');}
.view-box .view-foot .view-foot-icon > a.icon02 {background-image:url('/sub/asset/images/icon_view_foot_02.png');}
.view-box .view-foot .view-foot-more {pointer-events:none; transition:all ease 0.5s; opacity:0; position:absolute; right:40px; bottom:50px; width:356px; background:#fff; border-radius:17px; box-shadow:0 0 10px rgba(0,0,0,0.3); padding:18px;}
.view-box .view-foot .view-foot-more .more-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 20px;}
.view-box .view-foot .view-foot-more .more-head h2 {font-size:19px; font-weight:bold;}
.view-box .view-foot .view-foot-more .more-head a {display:block; font-size:0; width:20px; height:20px; background:url('/sub/asset/images/icon_close.png') no-repeat center / 15px;}
.view-box .view-foot .view-foot-more .more-body ul li {margin:0 0 20px;}
.view-box .view-foot .view-foot-more .more-body ul li:last-of-type {margin:0;}
.view-box .view-foot .view-foot-more .more-body ul li.flex {display;flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.view-box .view-foot .view-foot-more .more-body ul li strong {font-size:19px; font-weight:500; color:#707070;}
.view-box .view-foot .view-foot-more.active {pointer-events:inherit; opacity:1; bottom:105px;}
.view-box .view-body {padding:68px 40px 100px;}
.view-box .view-body .view-body-inner {padding:78px 20px 0;}
.view-box .view-body .view-body-inner ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
.view-box .view-body .view-body-inner ul li {width:calc(50% - 70px);}
.view-box .view-body .view-body-inner ul li p {font-size:18px; line-height:1.4; font-family:"Nanum Myeongjo", serif !important; word-break:keep-all;}
@media (max-width:991px){
.view-box .view-head {height:48px; padding:0 20px;}
.view-box .view-head .view-head-left a.back {display:block;}
.view-box .view-head .view-head-left .view-head-left-more {left:20px; top:48px;}
.view-box .view-head .view-head-left.active .view-head-left-more {top:58px;}
.view-box .view-head .view-head-right a {display:none;}
.view-box .view-head .view-head-right a.bookmark {display:block; background-size:16px auto; margin-right:-5px;}
.view-box .view-foot {height:48px; padding:0 20px;}
.view-box .view-foot .view-foot-paging {width:100%;}
.view-box .view-foot .view-foot-paging ul {justify-content:space-between;}
.view-box .view-foot .view-foot-paging ul li.first {display:none;}
.view-box .view-foot .view-foot-paging ul li.last {display:none;}
.view-box .view-foot .view-foot-paging ul li.prev a {font-size:17px; font-weight:500; color:#B5B5B5; width:auto; height:auto; display:flex; flex-wrap:wrap; align-items:center; background:none;}
.view-box .view-foot .view-foot-paging ul li.prev a:before {display:inline-block; content:""; width:5.75px; height:11.5px; background:url('/sub/asset/images/icon_view_arrow.png') no-repeat center / cover; margin-right:10px;}
.view-box .view-foot .view-foot-paging ul li.prev.active a {color:#787878; transform:none;}
.view-box .view-foot .view-foot-paging ul li.prev.active a:before {background-image:url('/sub/asset/images/icon_view_arrow_on.png'); transform:rotate(180deg);}
.view-box .view-foot .view-foot-paging ul li.next a {font-size:17px; font-weight:500; color:#B5B5B5; width:auto; height:auto; display:flex; flex-wrap:wrap; align-items:center; background:none;}
.view-box .view-foot .view-foot-paging ul li.next a:after {display:inline-block; content:""; width:5.75px; height:11.5px; background:url('/sub/asset/images/icon_view_arrow.png') no-repeat center / cover; margin-left:10px; transform:rotate(180deg);}
.view-box .view-foot .view-foot-paging ul li.next.active a {color:#787878; transform:none;}
.view-box .view-foot .view-foot-paging ul li.next.active a:after {background-image:url('/sub/asset/images/icon_view_arrow_on.png'); transform:rotate(0deg);}
.view-box .view-foot .view-foot-icon {right:10px; bottom:58px; display:block;}
.view-box .view-foot .view-foot-icon a {width:43px; height:43px; margin-right:0; margin-bottom:10px;}
.view-box .view-foot .view-foot-icon a:last-of-type {margin:0;}
.view-box .view-body {padding:48px 0;}
.view-box .view-body .view-body-inner {padding:30px 20px;}
.view-box .view-body .view-body-inner ul li {width:100%; margin:0 0 20px;}
.view-box .view-body .view-body-inner ul li:last-of-type {margin:0;}
.view-box .view-body .view-body-inner ul li p {font-size:15px;}
.view-box .view-foot .view-foot-more {width:calc(100% - 30px); right:15px; max-width:370px; bottom:38px;}
.view-box .view-foot .view-foot-more.active {bottom:58px;}
}
/* text-select-box */
.text-select-box {margin:13px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.text-select-box a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:38px; height:38px; border-radius:50%; font-size:19px; font-weight:600;}
.text-select-box a.text01 {border:1px solid #A769A2;}
.text-select-box a.text02 {background:#000; color:#fff;}
.text-select-box a.text03 {background:#D0D0D0;}
.text-select-box a.text04 {background:#77573A; color:#fff;}
.text-select-box a.text05 {background:#647591; color:#fff;}
.text-select-box a.text06 {background:#184633; color:#fff;}
/* text-family-box */
.text-family-box {display:flex; flex-wrap:wrap; align-items:center;}
.text-family-box a {margin-right:15px; font-size:16px; font-weight:500; color:#707070;}
.text-family-box a:last-of-type {margin-right:0;}
.text-family-box a.active {color:#000;}
/* quantity-box */
.quantity-box {display:flex; flex-wrap:wrap; align-items:center;}
.quantity-box a {display:block; font-size:0; width:36px; height:36px; background-size:cover; background-position:center;}
.quantity-box a.minus {background-image:url('/sub/asset/images/icon_minus.png');}
.quantity-box a.plus {background-image:url('/sub/asset/images/icon_plus.png');}
.quantity-box p {margin:0 15px; font-size:21px; font-weight:600;}
/* main-category-box */
.main-category-box {margin:50px 0 0;}
.main-category-box ul {margin:0 -25px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.main-category-box ul li {width:90px; margin:0 25px;}
.main-category-box ul li a {display:block; text-align:center; font-size:20px; font-weight:500;}
.main-category-box ul li a:before {display:block; width:69px; height:71px; background-size:cover; background-position:center; content:""; margin:0 auto 15px;}
.main-category-box ul li:nth-of-type(1) a:before {background-image:url('/sub/asset/images/icon_main_category_01.png');} /*이벤트*/
.main-category-box ul li:nth-of-type(2) a:before {background-image:url('/sub/asset/images/icon_main_category_02.png');} /*무료*/
.main-category-box ul li:nth-of-type(3) a:before {background-image:url('/sub/asset/images/icon_main_category_03.png');} /*책슐랭*/
.main-category-box ul li:nth-of-type(4) a:before {background-image:url('/sub/asset/images/icon_main_category_04.png');} /*캘린더*/
.main-category-box ul li:nth-of-type(5) a:before {background-image:url('/sub/asset/images/icon_main_category_05.png');} /*캐시충전*/
.main-category-box ul li:nth-of-type(6) a:before {background-image:url('/sub/asset/images/icon_main_category_06.png');} /*내서재*/
.main-category-box ul li:nth-of-type(7) a:before {background-image:url('/sub/asset/images/icon_main_category_07.png');} /*보관함*/
.main-category-box ul li:nth-of-type(8) a:before {background-image:url('/sub/asset/images/icon_main_category_07.png');} /*투고*/
.main-category-box ul li:nth-of-type(9) a:before {background-image:url('/sub/asset/images/icon_main_category_07.png');} /*게시판*/
@media (max-width:991px){
.main-category-box {margin:20px 0 0;}
.main-category-box ul {margin:0 0 -20px; justify-content:flex-start;}
.main-category-box ul li {width:25%; margin:0 0 20px;}
.main-category-box ul li:nth-of-type(5) {display:none;} /*캐시충전*/
.main-category-box ul li:nth-of-type(6) {display:none;} /*내서재*/
.main-category-box ul li:nth-of-type(7) {display:none;} /*보관함*/
.main-category-box ul li a {font-size:14px;}
.main-category-box ul li a:before {width:60px; height:60px;}
}
/* main-middle-banner */
.main-middle-banner {margin:50px 0 0;}
.main-middle-banner ul {margin:0 -25px;align-items:center; justify-content:center;}
.main-middle-banner ul li {margin:0 25px;}
.main-middle-banner ul li img {width:100%; object-fit:cover; border-radius:8px; }
@media (max-width:991px){
.main-middle-banner {margin:20px 0 0;}
.main-middle-banner ul {margin:0 0 -20px;}
.main-middle-banner ul li {margin:0 0 20px;}
}
/* main-ranking-box */
.main-ranking-box {margin:50px 0 0;}
.main-ranking-box .list-head {margin:0 0 20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.main-ranking-box .list-head strong {font-size:20px; font-weight:bold; color:#A769A2;}
.main-ranking-box .list-head a {font-size:15px; font-weight:500; color:#787878;}
.main-ranking-box .list-head ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.main-ranking-box .list-head ul li a {font-size:16px; font-weight:500; color:#787878;padding:0 14px 0 0;}
.main-ranking-box .list-head ul li.active a {font-size:20px;font-weight:bold; color:#A769A2;}
.main-ranking-box .list-body ul {display:flex; flex-wrap:wrap; margin:0 -22.5px -24px;}
.main-ranking-box .list-body ul li {width:calc(33.33% - 45px); margin:0 22.5px 24px;}
.main-ranking-box .list-body ul li a {display:flex; flex-wrap:wrap; align-items:center;}
.main-ranking-box .list-body ul li a .list-image {position:relative; overflow:hidden; border-radius:5px; background-size:cover; background-position:center; width:104px; height:150px;border:1px solid #e2e2e2;}
.main-ranking-box .list-body ul li a .list-content {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; padding-left:16px;}
.main-ranking-box .list-body ul li a .list-content > strong {font-size:23px; font-weight:900; color:#a769a2; width:30px;}
.main-ranking-box .list-body ul li a .list-content > div {flex:1; min-width:0;}
.main-ranking-box .list-body ul li a .list-content > div p {font-size:19px; font-weight:500; line-height:1.4;}
.main-ranking-box .list-body ul li a .list-content > div span {display:block; margin:6px 0 0; font-size:15px; font-weight:500; color:#888;}
.main-ranking-box .list-body ul li a .list-content > div small {display:block; margin:4px 0 0; font-size:14px; font-weight:500; color:#888;}
@media (max-width:991px){
.main-ranking-box {margin:40px 0 0;}
.main-ranking-box .list-head a {font-size:14px;}
.main-ranking-box .list-body ul {margin:0;}
.main-ranking-box .list-body ul li {margin:0 0 10px; width:100%;}
.main-ranking-box .list-body ul li:last-of-type {margin:0;}
.main-ranking-box .list-body ul li a {border:1px solid #E2E2E2; border-radius:10px;}
.main-ranking-box .list-body ul li a .list-image {width:100px; height:120px;}
.main-ranking-box .list-body ul li a .list-content {padding:0 10px 0 0;}
.main-ranking-box .list-body ul li a .list-content > strong {font-size:20px;margin-left:18px; margin-right:10px;}
.main-ranking-box .list-body ul li a .list-content > div p {font-size:16px;padding:3px 0 0 0;}
.main-ranking-box .list-body ul li a .list-content > div span {font-size:14px;padding:5px 0 0 0;}
.main-ranking-box .list-body ul li a .list-content > div small {font-size:13px;padding:4px 0 0 0;}
}
/*내서재 최근읽은작품 */
.bookshelf-recent-box {margin:10px 0 40px 0;}
.bookshelf-recent-box .list-head {margin:0 0 10px;}
.bookshelf-recent-box .list-head strong {font-size:17px; font-weight:bold; color:#A769A2;}
.bookshelf-recent-box .list-body .swiper-slide {width:123px;}
.bookshelf-recent-box .list-body .swiper-slide a {display:block;}
.bookshelf-recent-box .list-body .swiper-slide a .list-image {position:relative; overflow:hidden; border-radius:5px; background-size:cover; background-position:center; height:180px;border:1px solid #e2e2e2;}
.bookshelf-recent-box .list-body .swiper-slide a .list-image .content {padding:10px; background:url('/sub/asset/images/bg_item_list_shadow.png') no-repeat center bottom / 100% auto; position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:flex-end; align-content:flex-end; justify-content:center;}
.bookshelf-recent-box .list-body .swiper-slide a .list-image .content em {position:absolute; left:10px; top:10px; font-size:16px; color:#fff;}
.bookshelf-recent-box .list-body .swiper-slide a .list-image .content p {width:100%; text-align:center; font-size:20px; font-weight:900; line-height:1.3; color:#fff;}
.bookshelf-recent-box .list-body .swiper-slide a .list-image .content small {width:100%; text-align:center; margin:10px 0 0; font-size:16px; color:#A2A2A2;}
.bookshelf-recent-box .list-body .swiper-slide a .list-content {padding:10px 0 0;}
.bookshelf-recent-box .list-body .swiper-slide a .list-content p {font-size:13px; font-weight:600; line-height:1.2;}
.bookshelf-recent-box .list-body .swiper-slide a .list-content span {display:block; margin:4px 0 0; font-size:13px;}
.bookshelf-recent-box .list-body .swiper-slide a .list-content small {display:block; margin:4px 0 0; font-size:11px;}
@media (max-width:991px){
.bookshelf-recent-box {margin:5px 0 25px 0;}
.bookshelf-recent-box .list-head {padding:0 5px;}
.bookshelf-recent-box .list-body .swiper-slide {width:100px;}
.bookshelf-recent-box .list-body .swiper-slide a .list-image {height:150px;}
.bookshelf-recent-box .list-body .swiper-slide:first-of-type {margin-left:5px;}
.bookshelf-recent-box .list-body .swiper-slide:last-of-type {margin-right:20px;}
}
/* main-item-box */
.main-item-box {margin:50px 0 0;}
.main-item-box .list-head {margin:0 0 20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.main-item-box .list-head strong {font-size:20px; font-weight:bold; color:#A769A2;}
.main-item-box .list-head a {font-size:15px; font-weight:500; color:#787878;}
.main-item-box .list-body .swiper-slide {width:143px;}
.main-item-box .list-body .swiper-slide a {display:block;}
.main-item-box .list-body .swiper-slide a .list-image {position:relative; overflow:hidden; border-radius:5px; background-size:cover; background-position:center; height:220px;border:1px solid #e2e2e2;}
.main-item-box .list-body .swiper-slide a .list-image .content {padding:10px; background:url('/sub/asset/images/bg_item_list_shadow.png') no-repeat center bottom / 100% auto; position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:flex-end; align-content:flex-end; justify-content:center;}
.main-item-box .list-body .swiper-slide a .list-image .content em {position:absolute; left:10px; top:10px; font-size:16px; color:#fff;}
.main-item-box .list-body .swiper-slide a .list-image .content p {width:100%; text-align:center; font-size:20px; font-weight:900; line-height:1.3; color:#fff;}
.main-item-box .list-body .swiper-slide a .list-image .content small {width:100%; text-align:center; margin:10px 0 0; font-size:16px; color:#A2A2A2;}
.main-item-box .list-body .swiper-slide a .list-content {padding:10px 0 0;}
.main-item-box .list-body .swiper-slide a .list-content p {font-size:15px; font-weight:500; line-height:1.2;}
.main-item-box .list-body .swiper-slide a .list-content span {display:block; margin:4px 0 0; font-size:14px; color:#888;}
.main-item-box .list-body .swiper-slide a .list-content small {display:block; margin:4px 0 0; font-size:13px; color:#888;}
@media (max-width:991px){
.main-item-box {margin:30px -20px 0;}
.main-item-box .list-head {padding:0 20px;}
.main-item-box .list-head a {font-size:14px;}
.main-item-box .list-body .swiper-slide {width:136px;}
.main-item-box .list-body .swiper-slide a .list-image {height:210px;}
.main-item-box .list-body .swiper-slide:first-of-type {margin-left:20px;}
.main-item-box .list-body .swiper-slide:last-of-type {margin-right:20px;}
}
/* alert-box */
.alert-box .tab {margin:10px 0 0; padding:0 0 18px;}
.alert-box .tab ul {display:flex; flex-wrap:wrap; align-items:center;}
.alert-box .tab ul li {flex:1; min-width:0; position:relative; padding:0 20px;}
.alert-box .tab ul li:after {position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:18px; background:#707070; content:"";}
.alert-box .tab ul li:last-of-type:after {display:none;}
.alert-box .tab ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:34px;}
.alert-box .tab ul li:first-of-type a {font-size:15px; font-weight:600; color:#707070; background:#fff;}
.alert-box .tab ul li:last-of-type a {font-size:15px; font-weight:600; color:#707070;}
.alert-box .tab ul li:last-of-type a:before {display:inline-block; content:""; width:13.51px; height:15.48px; background:url('/sub/asset/images/icon_alert.png') no-repeat center / cover; margin-right:5px;}
.alert-box .tab ul li.active a {position:relative; box-shadow:0 0 5px rgba(0,0,0,0.1); color:#A769A2; border-radius:50px;}
.alert-box .tab ul li.on a:after {position:absolute; left:35%; top:10px; width:4px; height:4px; background:#A769A2; border-radius:50%; content:"";}
.alert-box .member {display:flex; flex-wrap:wrap; align-items:center; margin:0;}
.alert-box .member .inner {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; padding-right:15px;}
.alert-box .member .inner p {margin-right:12px;}
.alert-box .member .inner p strong {display:block; font-size:20px; font-weight:500; color:#A769A2;}
.alert-box .member .inner p small {display:block; margin:2px 0 0; font-size:12px; font-weight:500; color:#707070;}
.alert-box .member .inner a {font-size:15px; font-weight:500; color:#787878; text-decoration:underline;}
.alert-box .category {margin:35px 0 0;}
.alert-box .category ul {display:flex; flex-wrap:wrap;}
.alert-box .category ul li {width:33.33%; margin:0 0 35px;}
.alert-box .category ul li a {display:block;}
.alert-box .category ul li a:before {display:block; content:""; width:42px; height:35px; margin:0 auto 12px;}
.alert-box .category ul li a p {display:block; text-align:center; font-size:15px; font-weight:bold; color:#787878;}
.alert-box .category ul li a b {display:flex; flex-wrap:wrap; align-items:baseline; justify-content:center; margin:4px 0 0; font-size:19px; font-weight:bold; color:#A769A2;}
.alert-box .category ul li a b em {margin-left:3px; font-size:12px; font-weight:600; color:#A769A2;}
.alert-box .category ul li:nth-of-type(1) a:before {background:url('/sub/asset/images/icon_header_member_01.png') no-repeat center / 32px auto;}
.alert-box .category ul li:nth-of-type(2) a:before {background:url('/sub/asset/images/icon_header_member_02.png') no-repeat center / 35px auto;}
.alert-box .category ul li:nth-of-type(3) a:before {background:url('/sub/asset/images/icon_header_member_03.png') no-repeat center / 42px auto;}
.alert-box .category ul li:nth-of-type(4) a:before {background:url('/sub/asset/images/icon_header_member_04.png') no-repeat center / 35px auto;}
.alert-box .category ul li:nth-of-type(5) a:before {background:url('/sub/asset/images/icon_header_member_05.png') no-repeat center / 35px auto;}
.alert-box .category ul li:nth-of-type(6) a:before {background:url('/sub/asset/images/icon_header_member_06.png') no-repeat center / 36px auto;}
.alert-box .category ul li:nth-of-type(7) a:before {background:url('/sub/asset/images/icon_header_member_07.png') no-repeat center / 36px auto;}
.alert-box .button {width:220px; margin:0 auto;}
.alert-box .link {margin:68px 0 0;}
.alert-box .link ul li {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.alert-box .link ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:10px 0; border-bottom:1px solid #E3E2E2; font-size:15px; color:#787878; min-width:175px;}
.alert-box .list {margin:14px 0 0; padding:24px 0 0; border-top:1px solid #DDDDDD;}
.alert-box .list .list-head {margin:0 0 24px;}
.alert-box .list .list-head strong {display:block; font-size:16px; font-weight:bold; color:#A769A2;}
.alert-box .list .list-body ul li {border-bottom:1px solid #ccc;}
.alert-box .list .list-body ul li a {display:flex; flex-wrap:wrap; align-items:center; padding:10px 0;}
.alert-box .list .list-body ul li a time {width:50px; font-size:11px; font-weight:500; color:#787878;}
.alert-box .list .list-body ul li a p {font-size:13px; font-weight:500; color:#707070; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.alert-box .list .list-body-lg ul li {border-bottom:1px solid #ccc;}
.alert-box .list .list-body-lg ul li a {display:flex; flex-wrap:wrap; align-items:center; padding:10px 0;}
.alert-box .list .list-body-lg ul li a time {width:50px; font-size:12px; font-weight:500; color:#787878;}
.alert-box .list .list-body-lg ul li a p {font-size:16px; font-weight:500; color:#707070; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.alert-box .view .view-head {padding:0 0 15px; margin:0 0 15px;border-bottom:1px solid #ddd;}
.alert-box .view .view-head h2 {font-size:16px; font-weight:600; line-height:1.3;}
.alert-box .view .view-head time {font-size:12px; color:#787878;}
.alert-box .view .view-body {max-height:500px; overflow-y:auto;}
.alert-box .view .view-body::-webkit-scrollbar {width:3px;}
.alert-box .view .view-body p {font-size:14px; font-weight:500; line-height:1.3;}
/* 이 아래는 이종만 추가 */
/* 게시판 페이징 */
.paging {display:block; position:relative; clear:both; width:100%; margin:20px auto 50px; padding:10px 0px; text-align:center;}
.paging a{min-width:15px; display:inline-block; color:#333; border:1px solid #fff; padding:5px 5px 5px 5px; vertical-align:bottom; letter-spacing:0px; margin:0 1px;}
.paging a:hover{color:#333; background:#fff; text-decoration:none; border:1px solid #bababa;}
.paging .on{color:#E73100 !important; border:1px solid #d4d4d4; font-weight:bold;}
.paging a.on, .paging a:hover.on {color:#E73100 !important; border:1px solid #d4d4d4; text-decoration:none;}
.paging .pre, .paging .pre2, .paging .next, .paging .next2{width:15px; height:0; display:inline-block; color:#bababa; border:1px solid #fff; padding:23px 5px 3px 5px; vertical-align:bottom; letter-spacing:0px; overflow:hidden; color:#fff;}
.paging .pre{margin-right:12px; background:url('https://img.piuri.com/2012/icon_pre.gif') no-repeat 10px 10px !important; color:#fff !important;}
.paging .next{margin-left:12px; background:url('https://img.piuri.com/2012/icon_next.gif') no-repeat 10px 10px !important; color:#fff !important;}
.paging .pre2{margin-right:0px; background:url('https://img.piuri.com/2012/icon_pre2.gif') no-repeat 8px 10px !important; color:#fff !important;}
.paging .next2{margin-left:0px; background:url('https://img.piuri.com/2012/icon_next2.gif') no-repeat 8px 10px !important; color:#fff !important;}
.pb_title_box {margin:0 0 25px;border:0;}
.pb_title_box h2 {text-align:left; font-size:20px; font-weight:600; color:#141414;}
.pb_title_box ul {display:flex; flex-wrap:wrap; align-items:center;}
.pb_title_box ul li {margin-right:24px;}
.pb_title_box ul li:last-of-type {margin:0;}
.pb_title_box ul li a {display:block; font-size:20px; font-weight:600; color:#787878;}
.pb_title_box ul li.active a {color:#A769A2;}
@media (max-width:991px){
.pb_title_box {padding:15px 0 0 0; margin:0 0 15px;}
.pb_title_box h2 {text-align:left; font-size:20px; font-weight:600; color:#141414;}
.pb_title_box ul {display:flex; flex-wrap:wrap; align-items:center;}
.pb_title_box ul li {margin-right:24px;}
.pb_title_box ul li:last-of-type {margin:0;}
}
.pb_inner_box {width:100%; margin:0 auto;border:0;text-align:left;}
.pb-input-title-box {margin:0 0 15px;}
.pb-input-title-box strong {display:block; font-size:18px; font-weight:600; line-height:1.3; color:#A769A2;}
/* sir-title-box */
.sir-title-box {margin:0 0 25px;border:0;}
.sir-title-box h2 {text-align:left; font-size:20px; font-weight:600; color:#141414;}
@media (max-width:991px){
.sir-title-box {padding:15px 0 0 0; margin:0 0 15px;}
}
/* sir-inner-box */
.sir-inner-box {width:100%; margin:0 auto;border:0;text-align:left;}
/* sir-input-title-box */
.sir-input-title-box {margin:0 0 15px;}
.sir-input-title-box strong {display:block; font-size:15px; font-weight:600; line-height:1.3; color:#A769A2;}
/*.select {border:1px solid; color:#666; font-size:14px; width:100px; border-radius:2px;}*/
.select {flex:1; min-width:0; height:50px; padding:0 0 0 15px; font-size:15px; color:#787878; background:url('/sub/asset/images/icon_arrow_select.png') no-repeat left center / 11px auto;}
.input {border:1px solid; color:#666; font-size:14px; border-radius:2px; }
.textarea {border:1px solid; color:#666; font-size:14px; border-radius:2px;}
.table {border:0; color:#666; text-align:right;}
/* sir-check-agree-box */
.sir-check-agree-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:left;}
.sir-check-agree-box .check {position:relative; overflow:hidden;}
.sir-check-agree-box .check input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.sir-check-agree-box .check label {display:flex; align-items:center; justify-content:center; font-size:15px; font-weight:500; color:#A769A2;}
.sir-check-agree-box .check label:before {display:inline-block; content:""; width:16px; height:16px; margin-right:10px; background:url('/sub/asset/images/icon_check.png') no-repeat center / cover;}
.sir-check-agree-box .check input:checked ~ label:before {background-image:url('/sub/asset/images/icon_check_on.png');}
/* sir-board-list-box */
.sir-board-list-box .list .list-item {border-bottom:1px solid #F0F0F0;}
.sir-board-list-box .list .list-item:last-of-type {border:0;}
.sir-board-list-box .list .list-item a {display:flex; flex-wrap:wrap; align-items:center; padding:12px 0;}
.sir-board-list-box .list .list-item a p {padding-right:15px; flex:1; min-width:0; overflow:hidden; display:flex; flex-wrap:wrap; align-items:center; font-size:15px; font-weight:500; color:#141414;}
.sir-board-list-box .list .list-item a time {font-size:15px; font-weight:500; color:#707070;}
.sir-board-list-box .list .list-item.reply a p {font-weight:bold; color:#707070;}
.sir-board-list-box .list .list-item.reply a p:before {margin-left:15px; position:relative; top:-2px; display:inline-block; content:""; width:7px; height:7px; margin-right:7px; background:url('/sub/asset/images/icon_reply.png') no-repeat center / cover;}
.sir-board-form-td {text-align:left; padding:5px 10px 5px 0;}
.sir-board-form-td-w {text-align:left; padding:5px 10px 5px 0;}
.sir-board-form-td-input {width:60%; height:22px; border:1px solid; color:#666; font-size:14px; border-radius:2px; }
.sir-board-form-textarea {width:70%; border:1px solid; color:#666; font-size:14px; border-radius:2px;height:200px;padding:5px;line-height:1.4em;}
@media (max-width:991px){
.sir-board-form-td {min-width:50px;}
.sir-board-form-td-w {min-width:70px;}
.sir-board-form-td-input {width:90%; border:1px solid; color:#666; font-size:14px; border-radius:2px; }
.sir-board-form-textarea {width:90%; border:1px solid; color:#666; font-size:14px; border-radius:2px;height:180px;padding:5px;line-height:1.4em;}
}
/* novel-board-list-box */
.novel-board-list-box .list .list-item {border-bottom:1px solid #F0F0F0;font-size:17px;}
.novel-board-list-box .list .list-item:last-of-type {border:0;}
.novel-board-list-box .list .list-item a {display:flex; flex-wrap:wrap; align-items:center; padding:12px 0;}
.novel-board-list-box .list .list-item a p {padding-right:15px; flex:1; min-width:0; overflow:hidden; display:flex; flex-wrap:wrap; align-items:center; font-size:17px; font-weight:500; color:#141414;}
.novel-board-list-box .list .list-item a time {font-size:15px; font-weight:500; color:#707070;}
.novel-board-list-box .list .list-item.reply a p {font-weight:bold; color:#707070;}
.novel-board-list-box .list .list-item.reply a p:before {margin-left:15px; position:relative; top:-2px; display:inline-block; content:""; width:7px; height:7px; margin-right:7px; background:url('/sub/asset/images/icon_reply.png') no-repeat center / cover;}
/* review-list-box */
.review-title-box {margin:0 0 25px;border:0;}
.review-title-box h2 {text-align:left; font-size:20px; font-weight:600; color:#787878;}
@media (max-width:991px){
.review-title-box {padding:15px 0; margin:0 0 20px;}
}
.review-inner-box {width:100%; margin:0 auto;border:0;text-align:left;}
.review-list-box strong {padding:10px 0 5px 0; display:flex; font-size:15px; font-weight:500; color:#a769a2;}
.review-list-box p {padding:10px 0 5px 0; display:flex; font-size:15px; font-weight:500; color:#141414;}
.review-list-box span {font-size:14px;}
.review-list-box small {font-size:12px; color:#141414;}
.review-list-box .list-image {width:150px;}
.review-list-box .list-image img {height:115px;border-radius:3px;border:1px solid #e2e2e2;}
.review-list-box .contentbox {padding:5px 5px 5px 0; width:100%; font-size:15px; font-weight:400; color:#141414; line-height:1.2em;overflow:hidden;max-height:16em;}
@media (max-width:991px){
.review-list-box .list-image {width:95px;}
.review-list-box .list-image img {max-height:110px;border-radius:3px;border:1px solid #e2e2e2;}
}
/* event_item_box */
.event_item_box {position:relative; text-align:center; }
.event_item_box a {display:block; width:100%;}
.event_item_box img {width:100%; object-fit:cover; border-radius:8px; }
.event_item_box .item_name p {font-size:14px; font-weight:500; color:#5D5D5D; padding:10px 0 5px 0; width:100%;} /* 이종만 추가 */
.event_item_box .item_name span {display:block; font-size:13px; font-weight:500; color:#787878; width:100%;} /* 이종만 추가 */
.event_item_box .sale { display:block; background: none repeat scroll 0 0 #c31818; border-radius: 10px !important; color: #fff; font: 8pt/0 Tahoma; letter-spacing: 0; padding: 0 3px;}
@media (max-width:991px){
.event_item_box {margin:0;}
.event_item_box img { width:100%; object-fit:cover; border-radius:0;}
}
/* wc-main-box */
.wc-main-box ul {display:flex; flex-wrap:wrap; margin:0 -5px -30px;}
.wc-main-box ul li {width:calc(16.66% - 10px); margin:0 5px 30px;}
.wc-main-box ul li a {display:block; position:relative; overflow:hidden; border-radius:7px; box-shadow:0 0 5px rgba(0,0,0,0.3);}
.wc-main-box ul li .list-image {position:relative; overflow:hidden; background-size:cover; background-position:center; border-radius:7px;}
.wc-main-box ul li .list-image:after {display:block; content:""; padding-bottom:150%;}
.wc-main-box ul li .list-content {position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:rgba(47,47,47,0.8);}
.wc-main-box ul li .list-content p {font-size:20px; font-weight:600; color:#fff; line-height:1.3; text-align:center;}
.wc-main-box ul li .list-content-buy {position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:rgba(47,47,47,0.2);}
.wc-main-box ul li .list-content-buy p {font-size:20px; font-weight:600; color:#fff; line-height:1.3; text-align:center;}
.wc-main-box ul li .list-add {height:100%;}
.wc-main-box ul li .list-add a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center; box-shadow:none; height:100%; font-size:15px; font-weight:500; color:#A769A2;}
.wc-main-box ul li .list-add a:before {display:block; content:""; width:100%; height:38px; margin:0 auto 10px; background:url('/sub/asset/images/icon_book_add.png') no-repeat center / 38px;}
@media (max-width:991px){
.wc-main-box ul {margin:0 -10px -30px;}
.wc-main-box ul li {width:calc(33.33% - 20px); margin:0 10px 30px;}
}
/*
@media (max-width:767px){
.wc-main-box ul li {order:1; width:calc(50% - 20px);}
.wc-main-box ul li.add {order:2;}
}
*/
.f_11_m {font-size:11px;}
.f_12{font-size:12px;}
.f_13{font-size:13px;}
.f_14{font-size:14px;}
.f_gray1{color:#555;}
.f_gray2{color:#838383;}
.f_point{color:#ff441f;}
.f_all_price{color:#f4052c; font-size:17px; font-weight:bold;}
.f_book_title{color:#663300; font-size:15px; font-weight:bold;}
.f_red{color:#f4052c;}
.f_blue{color:#3c98f3;}
.f_yellow{color:#fb9823; font-weight:bold;}
.f_u_line{text-decoration:underline;}
.f_bold{font-weight:bold;}
.f_tip{color:#851523; font-size:12px; margin-top:3px;}
.f_buy{color:#2d34c1;}
.f_buy_w{color:#2d34c1;}
.h_fix{height:20px; line-height:20px; display:block;}
.t_bar{color:#bcbcbc;}
/*피우리 게시판*/
.table-td-form-input {width:90%; height:22px; border:1px solid; color:#666; font-size:14px; border-radius:2px; }
.table-td-form-textarea {width:90%; height:400px; border:1px solid; color:#666; font-size:14px; border-radius:2px;padding:5px;line-height:1.4em;}
.table-td-list-subject {border:0px solid;text-align:left; padding:7px 7px; border-bottom:1px solid #ececec;}
.table-td-list-writer {width:25%; border:0px solid;text-align:center; padding:7px 2px; border-bottom:1px solid #ececec; word-wrap:break-word;word-break:break-all;}
.table-td-list-date {width:10%; border:0px solid;text-align:center; padding:7px 2px; border-bottom:1px solid #ececec;}
@media (max-width:991px){
.table-td-list-writer {width:22%; }
.table-td-list-date {width:10%; }
.table-td-form-input {width:100%;}
.table-td-form-textarea {width:100%; height:300px; padding:3px;}
}
/* 여기까지 이종만 추가 */