/* 공통 */
html,body {overflow-x:hidden;}
* {letter-spacing:-0.5px;}
*:not(html,body)::-webkit-scrollbar {width:10px; height:4px; background:rgba(136, 136, 136, 0.4); border-radius:30px;}
*:not(html,body)::-webkit-scrollbar-thumb {background:#888; height:4px; border-radius:30px;}
.is-pc {display:block !important;}
.is-m {display:none !important;}
@media (max-width:991px){
.is-pc {display:none !important;}
.is-m {display:block !important;}
}

/* 컨테이너 */
.container {max-width:1300px; padding:0 10px; margin:0 auto;}
.containerw {max-width:1300px; padding:0 10px; margin:0 auto;}

/* 팝업 */
.main-popup {position:fixed; z-index:9999;}
.main-popup .popup-foot {padding:15px 24px; background:#000; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.main-popup .popup-foot a {display:flex; flex-wrap:wrap; align-items:center; font-size:14px; font-weight:600; color:#fff;}
.main-popup .popup-foot a:before {display:inline-block; content:""; margin:0 3px 0 0; width:12px; height:12px; background-size:cover; background-position:center;}
.main-popup .popup-foot a.today:before {background-image:url('../images/icon_popup_today.png');}
.main-popup .popup-foot a.close:before {background-image:url('../images/icon_popup_close.png');}
@media (max-width:991px){
.main-popup {max-width:90%; max-height:90%; overflow-y:auto; left:50% !important; top:50% !important; transform:translate(-50%,-50%);}
.main-popup .popup-body img {display:block; margin:0 auto; max-width:100%;}
.main-popup .popup-foot {padding:15px 10px;}
.main-popup .popup-foot a {font-size:13px;}
}
@media (max-width:500px){
.main-popup {width:100%;}
}

/* 헤더 */
header .header-lnb {background:#000;}
header .header-lnb ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
header .header-lnb ul li {margin:0 24px 0 0;}
header .header-lnb ul li:last-of-type {margin:0;}
header .header-lnb ul li a {display:block; font-size:14px; color:#fff; padding:12px 0;}
@media (max-width:1300px){
header .header-lnb ul li {margin:0 20px 0 0;}
header .header-lnb ul li:last-of-type {margin:0;}
header .header-lnb ul li a {display:block; font-size:14px; color:#fff; padding:12px 0;}
}
@media (max-width:991px){
header .header-lnb ul li {margin:0 16px 0 0;}
header .header-lnb ul li:last-of-type {margin:0;}
header .header-lnb ul li a {display:block; font-size:13px; color:#fff; padding:10px 0;}
}
@media (max-width:500px){
header .header-lnb ul li {margin:0 12px 0 0;}
header .header-lnb ul li:last-of-type {margin:0;}
header .header-lnb ul li a {display:block; font-size:12px; color:#fff; padding:8px 0;}
}
@media (max-width:300px){
header .header-lnb ul li {margin:0 8px 0 0;}
header .header-lnb ul li:last-of-type {margin:0;}
header .header-lnb ul li a {display:block; font-size:10px; color:#fff; padding:6px 0;}
}

header .header-lnb-shop-customer {background:#000;}
header .header-lnb-shop-customer ul {display:inline; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
header .header-lnb-shop-customer ul li {margin:0 24px 0 0; height:39px;}
header .header-lnb-shop-customer ul li:last-of-type {margin:0;}
header .header-lnb-shop-customer ul li a {display:block; font-size:14px; color:#fff; padding:12px 0;}

header .header-gnb .header-gnb-box {border-bottom:1px solid #CDCDCD; background:#fff; padding:15px 0;}
header .header-gnb .header-gnb-box .container {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
header .header-gnb .header-gnb-box .gnb-left {display:flex; flex-wrap:wrap; align-items:center;}
header .header-gnb .header-gnb-box .gnb-left h1 {margin-right:40px;}
header .header-gnb .header-gnb-box .gnb-left h1 a {display:block;}
header .header-gnb .header-gnb-box .gnb-left h1 a img {width:129px;}
header .header-gnb .header-gnb-box .gnb-left form {width:420px; display:flex; flex-wrap:wrap; align-items:center; background:#E2EEF1; border-radius:8px; padding:0 8px;}
header .header-gnb .header-gnb-box .gnb-left form:before {display:inline-block; content:""; width:30px; height:30px; border-radius:50%; background:#fff url('../images/icon_search.png') no-repeat center / 14px; margin:0 8px 0 0;}
header .header-gnb .header-gnb-box .gnb-left form input {flex:1; min-width:0; height:46px; background:none; font-size:14px; color:#000;}
header .header-gnb .header-gnb-box .gnb-left form input::placeholder {color:#757575;}
header .header-gnb .header-gnb-box .gnb-right {flex:1; min-width:0;}
header .header-gnb .header-gnb-box .gnb-right ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
header .header-gnb .header-gnb-box .gnb-right ul li {margin-right:30px;}
header .header-gnb .header-gnb-box .gnb-right ul li:last-of-type {margin-right:0;}
header .header-gnb .header-gnb-box .gnb-right ul li a {display:block; font-size:18px; font-weight:600; color:#0d0d0d; padding:25px 0;}
header .header-gnb .header-gnb-box .gnb-right ul li.active {position:relative;}
header .header-gnb .header-gnb-box .gnb-right ul li.active a {color:#0E1EED;}
header .header-gnb .header-gnb-box .gnb-right ul li.active:after {display:inline-block; content:""; position:absolute; left:-3px; top:15px; width:4px; height:4px; background:#0E1EED; border-radius:50%;}
header .header-gnb .header-gnb-box .gnb-right ul li.active:before {position:absolute; content:""; left:0; bottom:17px; width:100%; height:2px; background:#0E1EED;}
/*header .header-gnb .header-gnb-box .gnb-right ul li:last-of-type a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:130px; height:46px; padding:0; border-radius:50px; background:linear-gradient(180deg, #4188FE 0%, #D974FF 100%); color:#fff;}*/
/*header .header-gnb .header-gnb-box .gnb-right ul li:last-of-type a:before {display:inline-block; content:""; width:20px; height:17px; background:url('../images/icon_wallet.png') no-repeat center / cover; margin-right:8px;}*/

.snb-right {flex:1; min-width:0;}
.snb-right ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.snb-right ul li {margin-right:30px;}
.snb-right ul li:last-of-type {margin-right:0;}
.snb-right ul li a {display:block; font-size:15px; font-weight:600; color:#0d0d0d; padding:25px 0;}
.snb-right ul li.active {position:relative;}
.snb-right ul li.active a {color:#0E1EED;}
.snb-right ul li.active:after {display:inline-block; content:""; position:absolute; left:-3px; top:15px; width:4px; height:4px; background:#0E1EED; border-radius:50%;}
.snb-right ul li.active:before {position:absolute; content:""; left:0; bottom:17px; width:100%; height:2px; background:#0E1EED;}
.snb-right-last-btn ul li:last-of-type a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:130px; height:46px; padding:0; border-radius:50px; background:linear-gradient(180deg, #4188FE 0%, #D974FF 100%); color:#fff;}
.snb-right-last-btn ul li:last-of-type a:before {display:inline-block; content:""; width:20px; height:17px; background:url('../images/icon_wallet.png') no-repeat center / cover; margin-right:8px;}

@media (max-width:1300px){
header .header-gnb .header-gnb-box .gnb-left h1 {margin-right:20px;}
header .header-gnb .header-gnb-box .gnb-left form {width:300px;}
header .header-gnb .header-gnb-box .gnb-right ul li {margin-right:10px;}

.snb-right ul li {margin-right:10px;}
}
@media (max-width:991px){
header .header-lnb ul li {margin:0 15px 0 0;}
header .header-gnb .header-gnb-box {padding:10px 0;}
header .header-gnb .header-gnb-box .gnb-left {width:100%; justify-content:space-between;}
header .header-gnb .header-gnb-box .gnb-left h1 {margin-right:0;}	
header .header-gnb .header-gnb-box .gnb-left h1 a img {width:100px;}
header .header-gnb .header-gnb-box .gnb-left form {width:auto; flex:1; max-width:300px; min-width:0; margin-left:10%;}
header .header-gnb .header-gnb-box .gnb-left form:before {width:25px; height:25px; background-size:11px;}
header .header-gnb .header-gnb-box .gnb-left form input {height:40px; font-size:13px;}

header .header-gnb .header-gnb-box .gnb-right {width:100%; flex:none; border-top:1px solid #eee; margin:10px 0 0; padding:10px 0 0;}
header .header-gnb .header-gnb-box .gnb-right ul {justify-content:right;}
header .header-gnb .header-gnb-box .gnb-right ul li {margin-right:10px;}
header .header-gnb .header-gnb-box .gnb-right ul li a {font-size:14px; padding:14px 0;}
header .header-gnb .header-gnb-box .gnb-right ul li.active:after {top:5px;}
header .header-gnb .header-gnb-box .gnb-right ul li.active:before {bottom:7px;}
/*
header .header-gnb .header-gnb-box .gnb-right ul li:last-of-type a {width:90px; height:35px;}
header .header-gnb .header-gnb-box .gnb-right ul li:last-of-type a:before {width:15px; height:13px; margin-right:5px;}
*/
header .header-gnb .header-gnb-box .gnb-right ul li:last-of-type a:before { margin-right:5px;}

.snb-right { flex:none;  margin:0px 0 0; padding:10px 0 0;}
.snb-right ul {justify-content:right;}
.snb-right ul li {margin-right:10px;}
.snb-right ul li a {font-size:14px; padding:14px 0;}
.snb-right ul li.active:after {top:5px;}
.snb-right ul li.active:before {bottom:7px;}
.snb-right ul li:last-of-type a {width:90px; height:35px;}
.snb-right ul li:last-of-type a:before {width:15px; height:13px; margin-right:5px;}
}

@media (max-width:500px){
header .header-gnb .header-gnb-box .gnb-right ul li a {font-size:12px; padding: 12px 0;}
header .header-gnb .header-gnb-box .gnb-right ul li.active:after {top:5px;}
header .header-gnb .header-gnb-box .gnb-right ul li.active:before {bottom:7px;}
/*
header .header-gnb .header-gnb-box .gnb-right ul li:last-of-type a {width:70px; height:35px;}
header .header-gnb .header-gnb-box .gnb-right ul li:last-of-type a:before {width:15px; height:13px; margin-right:5px;}
*/
header .header-gnb .header-gnb-box .gnb-right ul li:last-of-type a:before { margin-right:5px;}

.snb-right ul li a {font-size:12px; padding: 12px 0;}
.snb-right ul li.active:after {top:5px;}
.snb-right ul li.active:before {bottom:7px;}
.snb-right ul li:last-of-type a {width:70px; height:35px;}
.snb-right ul li:last-of-type a:before {width:15px; height:13px; margin-right:5px;}
}
@media (max-width:300px){
header .header-gnb .header-gnb-box .gnb-right ul li a {font-size:8px; padding: 8px 0;}
header .header-gnb .header-gnb-box .gnb-right ul li.active:after {top:2px;}
header .header-gnb .header-gnb-box .gnb-right ul li.active:before {bottom:2px;}
/*
header .header-gnb .header-gnb-box .gnb-right ul li:last-of-type a {width:60px; height:25px;}
header .header-gnb .header-gnb-box .gnb-right ul li:last-of-type a:before {width:15px; height:13px; margin-right:5px;}
*/
header .header-gnb .header-gnb-box .gnb-right ul li:last-of-type a:before { margin-right:5px;}

.snb-right ul li a {font-size:8px; padding: 8px 0;}
.snb-right ul li.active:after {top:2px;}
.snb-right ul li.active:before {bottom:2px;}
.snb-right ul li:last-of-type a {width:60px; height:25px;}
.snb-right ul li:last-of-type a:before {width:15px; height:13px; margin-right:5px;}
}

/* 푸터 */
footer {background:#0d0d0d; padding:40px 0;}
footer .footer-top {margin:0 0 40px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
footer .footer-top h2 img {width:128px;}
footer .footer-top ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
footer .footer-top ul li {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-top ul li:after {display:inline-block; content:""; width:1px; height:10px; background:#fff; margin:0 14px;}
footer .footer-top ul li:last-of-type:after {display:none;}
footer .footer-top ul li a {font-size:14px; color:#fff;}
footer .footer-top ul li:last-of-type a {border-bottom:1px solid #fff;}
footer .footer-bottom {display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between;}
footer .footer-bottom .footer-bottom-info ul li {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 14px;}
footer .footer-bottom .footer-bottom-info ul li:nth-of-type(2) {margin:0 0 24px;}
footer .footer-bottom .footer-bottom-info ul li:last-of-type {margin:0;}
footer .footer-bottom .footer-bottom-info ul li span {display:flex; flex-wrap:wrap; align-items:center; font-size:14px; color:#fff;}
footer .footer-bottom .footer-bottom-info ul li span:after {display:inline-block; content:""; width:1px; height:10px; background:#fff; margin:0 14px;}
footer .footer-bottom .footer-bottom-info ul li span:last-of-type:after {display:none;}
footer .footer-bottom .footer-bottom-sns ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
footer .footer-bottom .footer-bottom-sns ul li {margin-right:12px;}
footer .footer-bottom .footer-bottom-sns ul li:last-of-type {margin-right:0;}
footer .footer-bottom .footer-bottom-sns ul li a {display:block; font-size:0; width:24px; height:24px; background-size:cover; background-position:center;}
footer .footer-bottom .footer-bottom-sns ul li.social01 a {background-image:url('../images/icon_footer_sns_01.png');}
footer .footer-bottom .footer-bottom-sns ul li.social02 a {background-image:url('../images/icon_footer_sns_02.png');}
footer .footer-bottom .footer-bottom-sns ul li.social03 a {background-image:url('../images/icon_footer_sns_03.png');}
footer .footer-bottom .footer-bottom-sns ul li.social04 a {background-image:url('../images/icon_footer_sns_04.png');}
footer .footer-bottom .footer-bottom-sns ul li.social05 a {background-image:url('../images/icon_footer_sns_05.png');}
footer .footer-button {position:fixed; right:10%; bottom:5%; z-index:99;}
footer .footer-button a {width:44px; height:60px; display:block; font-size:0; background:url('../images/icon_top.png') no-repeat center / cover;}
@media (max-width:991px){
footer {padding:20px 0;}
footer .footer-top {margin:0 0 20px;}
footer .footer-top h2 {width:100%; text-align:center;}
footer .footer-top h2 img {width:100px; display:block; margin:0 auto;}
footer .footer-top ul {width:100%; justify-content:center; margin:15px 0 0;}
footer .footer-top ul li:after {margin:0 10px;}
footer .footer-bottom .footer-bottom-info {width:100%;}
footer .footer-bottom .footer-bottom-info ul li {margin:0 0 10px; justify-content:center;}
footer .footer-bottom .footer-bottom-info ul li:nth-of-type(2) {margin:0 0 10px;}
footer .footer-bottom .footer-bottom-info ul li span {text-align:center; line-height:1.3;}
footer .footer-bottom .footer-bottom-info ul li span:after {margin:0 10px;}
footer .footer-bottom .footer-bottom-info ul li span a {font-size:14px;}
footer .footer-bottom .footer-bottom-sns {margin:15px 0 0; width:100%;}
footer .footer-bottom .footer-bottom-sns ul {justify-content:center;}
footer .footer-button {right:15px; bottom:15px;}
footer .footer-button a {width:34px; height:50px;}
}

/* 본문 */
/*section > .container {margin:40px auto;}*/
section > .container {margin:30px auto;}

/* 아이콘 */
.icon {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:0; margin:0 auto;}
.icon-notice {width:24px; height:24px; background:url('../images/icon_notice2.png') no-repeat center / cover;}
.icon-scan {position:relative; max-width:87px; margin:0 auto; padding:10px; border-radius:9px; background:#0d0d0d; font-size:16px; color:#fff !important;}
.icon-scan:after {position:absolute; right:10px; top:50%; transform:translateY(-50%); width:2px; height:10px; background:url('../images/icon_dot.png') no-repeat center / cover; content:"";}
@media (max-width:991px){
.icon-notice {width:20px; height:20px;}
.icon-scan {padding:10px; font-size:13px; max-width:70px;}
}

/* 색상 */
.ft-lightgray {color:#8C8C8C !important;}
.ft-red {color:#F00 !important;}
.ft-blue {color:#0E1EED !important;}

/* 타이틀 */
/*.
title-box h2 {font-size:28px; font-weight:700; color:#0d0d0d; margin:0 0 24px;}
.title-box h2 b {font-size:28px; font-weight:700;}
*/
.title-box h2 {font-size:22px; font-weight:700; color:#0d0d0d; margin:0 0 24px;}
.title-box h2 b {font-size:22px; font-weight:700;}
.title-box h3 {font-size:15px; font-weight:700; color:#0d0d0d; margin:0 0 24px;}
.title-box h3 b {font-size:15px; font-weight:700;}
.title-box .menu-right {display:flex; flex-wrap:wrap; align-items:center;}
.title-box .more {display:flex; flex-wrap:wrap; align-items:center; font-size:14px;}
.title-box .more:after {display:inline-block; width:6px; height:10px; background:url('../images/icon_arrow_right.png') no-repeat center / cover; margin:0 0 0 8px; content:"";}
@media (max-width:991px){
.title-box h2 {font-size:18px; margin:0 0 15px;}
.title-box h2 b {font-size:18px;}
}

/* 카테고리 */
.category-box {padding:0 0 24px; margin:0 0 24px; border-bottom:1px solid #cdcdcd;}
.category-box ul {display:flex; flex-wrap:wrap; align-items:center; margin:0 -7px -14px;}
.category-box ul li {margin:0 7px 14px;}
.category-box ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#fff; border:1px solid #000; border-radius:8px; padding:14px 40px; font-size:20px; font-weight:600; color:#0d0d0d;}
.category-box ul li.active a {background:#0d0d0d; color:#fff;}
@media (max-width:991px){
.category-box {padding:0 0 15px; margin:0 0 15px;}
.category-box ul {margin:0 -5px -10px;}
.category-box ul li {margin:0 5px 10px;}
.category-box ul li a {padding:10px 25px; font-size:15px;}
}

/* 체크리스트 */
.check-list-box .list .list-item {border-bottom:1px solid #D9D9D9; padding:0 0 24px; margin:0 0 24px;}
.check-list-box .list .list-item button {color:#0d0d0d; width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:15px 0 0; font-size:16px; font-weight:600;}
.check-list-box .list .list-item button:after {display:inline-block; content:""; width:34px; height:34px; background:url('../images/icon_arrow_top.png') no-repeat center / cover;}
.check-list-box .list .list-item dl {margin:15px 0 0;}
.check-list-box .list .list-item dl dd {margin:12px 0 0;}
.check-list-box .list .list-item dl dd:first-of-type {margin:0;}
.check-list-box .list .list-item.active button:after {transform:rotate(180deg);}
@media (max-width:991px){
.check-list-box .list .list-item {padding:0 0 15px; margin:0 0 15px;}
.check-list-box .list .list-item button {padding:0;}
.check-list-box .list .list-item dl {display:flex; flex-wrap:wrap; margin:0;}
.check-list-box .list .list-item dl dd {width:33.33%; margin:10px 0 0;}
.check-list-box .list .list-item dl dd:first-of-type {margin:10px 0 0;}
}

/* 체크박스 */
.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;}
.check-box label:before {display:inline-block; content:""; width:24px; height:24px; margin-right:10px; background-size:cover; background-position:center;}
.check-box label p {font-size:16px;}
.check-box input[type=radio] ~ label:before {width:18px; height:18px; background-image:url('../images/icon_radio.png');}
.check-box input[type=radio]:checked ~ label:before {background-image:url('../images/icon_radio_on.png');}
.check-box input[type=checkbox] ~ label:before {background-image:url('../images/icon_checkbox_rect_off.png');}
.check-box input[type=checkbox]:checked ~ label:before {background-image:url('../images/icon_checkbox_rect_on.png');}
@media (max-width:991px){
.check-box label:before {width:20px; height:20px; margin-right:5px;}
.check-box label p {font-size:14px;}
}

.sm-check-box {position:relative; overflow:hidden;}
.sm-check-box input {position:absolute; left:0; top:0; width:90%; height:100%; opacity:0; cursor:pointer;}
.sm-check-box label {display:flex; flex-wrap:wrap; align-items:center;}
.sm-check-box label:before {display:inline-block; content:""; width:24px; height:24px; margin-right:10px; background-size:cover; background-position:center;}
.sm-check-box label p {font-size:16px;}
.sm-check-box input[type=radio] ~ label:before {width:18px; height:18px; background-image:url('../images/icon_radio.png');}
.sm-check-box input[type=radio]:checked ~ label:before {background-image:url('../images/icon_radio_on.png');}
.sm-check-box input[type=checkbox] ~ label:before {background-image:url('../images/icon_checkbox_rect_off.png');}
.sm-check-box input[type=checkbox]:checked ~ label:before {background-image:url('../images/icon_checkbox_rect_on.png');}
@media (max-width:991px){
.sm-check-box label:before {width:20px; height:20px; margin-right:5px;}
.sm-check-box label p {font-size:14px;}
}

/* 동의박스 */
.agree-box {display:flex; flex-wrap:wrap; align-items:center;}
.agree-box > div {position:relative; overflow:hidden; flex:1; min-width:0;}
.agree-box > div input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.agree-box > div label {display:flex; flex-wrap:wrap; align-items:center;}
.agree-box > div label:before {display:inline-block; content:""; width:24px; height:24px; margin-right:10px; background-size:cover; background-position:center;}
.agree-box > div label p {font-size:16px;}
.agree-box > div label p b {font-size:16px; font-weight:600;}
.agree-box > div input[type=checkbox] ~ label:before {background-image:url('../images/icon_agree.png');}
.agree-box > div input[type=checkbox]:checked ~ label:before {background-image:url('../images/icon_agree_on.png');}
.agree-box > a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:45px; border:1px solid #8c8c8c; padding:7px 10px; font-size:14px; color:#8c8c8c;}
.agree-list-box {border:1px solid #cdcdcd; padding:24px 0; margin:24px 0; border-width:1px 0;}
.agree-list-box > ul > li {margin:0 0 24px;}
.agree-list-box > ul > li:last-of-type {margin:0;}
.agree-list-box > ul > li .list-head strong {display:block; font-size:16px; font-weight:600; color:#f00; margin:0 0 15px;}
.agree-list-box > ul > li .list-head b {display:block; font-size:16px; color:#353535; margin:0 0 7px;}
@media (max-width:991px){
.agree-box > div label:before {width:20px; height:20px; margin-right:5px;}
.agree-box > div label p {font-size:14px;}
.agree-box > div label p b {font-size:14px;}
.agree-box > a {font-size:12px;}
.agree-list-box > ul > li {margin:0 0 14px;}
.agree-list-box > ul > li .list-head strong {margin:0 0 10px;}
.agree-list-box > ul > li .list-head b {font-size:14px; margin:0 0 10px;}
}

/* 텍스트 */
.text-box p {font-size:16px; line-height:1.5; color:#353535; word-break:keep-all;}
.text-box p b {font-size:16px; line-height:1.5; font-weight:700;}
.text-box a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:45px; border:1px solid #8c8c8c; padding:7px 10px; font-size:14px; color:#8c8c8c;}
@media (max-width:991px){
.text-box p {font-size:14px;}
.text-box p b {font-size:14px;}
.text-box p br {display:none;}
.text-box a {margin:10px auto 0;}
}

/* 셀렉커스텀 */
.select-custom-box {position:relative; z-index:5;}
.select-custom-box button {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid #8c8c8c; border-radius:8px; background:#fff; height:45px; padding:0 10px 0 20px; font-size:16px; color:#353535;}
.select-custom-box button:after {display:inline-block; content:""; margin:0 0 0 10px; width:24px; height:24px; background:url('../images/icon_arrow_bottom.png') no-repeat center / cover;}
.select-custom-box dl {display:none; width:100%; padding:7px 10px; position:absolute; left:0; top:44px; background:#fff; border-radius:8px; border:1px solid #e9e9e9; box-shadow:2px 2px 4px 0px rgba(0, 0, 0, 0.25);}
.select-custom-box dl dd a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:16px; color:#353535; border-radius:140px; padding:10px;}
.select-custom-box dl dd a:hover {background:#F5F5F5;}
.select-custom-box dl dd.active a {background:#f5f5f5;}
.select-custom-box.active button {background:#f5f5f5; border:1px solid #e9e9e9;}
.select-custom-box.active button:after {transform:rotate(180deg);}
.select-custom-box.active dl {display:block;}
@media (max-width:991px){
.select-custom-box button {font-size:14px; height:40px; padding:0 5px 0 10px;}
}

/* 필터 */
.filter-box .filter-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:12px 12px 12px;}
.filter-box .filter-head > a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid #353535; background:#fff; border-radius:8px; height:45px; padding:0 20px 0 10px; font-size:16px; color:#353535;}
.filter-box .filter-head > a:before {display:inline-block; content:""; width:24px; height:24px; margin:0 8px 0 0; background:url('../images/icon_filter.png') no-repeat center / cover;}
/*.filter-box .filter-body {background:#F3F3F3; padding:10px 15px; display:flex; flex-wrap:wrap;}*/
.filter-box .filter-body {background:#F3F3F3; padding:10px 15px; flex-wrap:wrap;}
.filter-box .filter-body > a.reset {display:flex; flex-wrap:wrap; font-size:16px; color:#767676; margin:7px 30px 0 0;}
.filter-box .filter-body > a.reset:before {display:inline-block; content:""; width:20px; height:20px; margin:0 4px 0 0; position:relative; top:-3px; background:url('../images/icon_reset.png') no-repeat center / cover;}
.filter-box .filter-body > ul {flex:1; min-width:0; display:flex; flex-wrap:wrap; margin:0 -2.5px -5px;}
.filter-box .filter-body > ul li {margin:0 2.5px 5px;}
.filter-box .filter-body > ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#fff; border-radius:190px; padding:6px 10px; font-size:16px; color:#767676;}
.filter-box .filter-body > ul li a:after {display:inline-block; content:""; width:14px; height:14px; background:url('../images/icon_delete.png') no-repeat center / cover; margin:0 0 0 4px;}
@media (max-width:991px){
.filter-box .filter-head > a {font-size:14px; padding:0 10px 0 5px; height:40px;}
.filter-box .filter-head > a:before {margin:0 4px 0 0;}
.filter-box .filter-body > a.reset .filter-box .filter-body > a.reset:before {top:-2px;}
.filter-box .filter-body > ul li a {font-size:14px;}
}

/* 리스트 */
.list-box .list-head {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 14px; font-size:14px; color:#353535;}
.list-box .list-head b {font-size:14px; font-weight:600; color:#353535;}
.list-box .list-body {display:flex; flex-wrap:wrap;}
.list-box .list-body .list-body-left {width:260px; margin-right:66px;}
.list-box .list-body .list-body-right {transition:all ease 0.5s; flex:1; min-width:0;}
@media (max-width:1200px){
.list-box .list-body .list-body-left {width:200px; margin-right:30px;}
}
@media (max-width:991px){
.list-box .list-body .list-body-left {width:100%; margin-right:0;}
.list-box .list-body .list-body-right {flex:none; width:100%; margin:20px 0 0;}
}

/* 갤러리형 */
.gallery-list-box .list {display:flex; flex-wrap:wrap; margin:0 -13.5px -24px;}
.gallery-list-box .list .list-item {width:calc(33.33% - 27px); margin:0 13.5px 24px;}
.gallery-list-box .list .list-item a {display:block;}
.gallery-list-box .list .list-item a .list-image {position:relative; background-size:cover; background-position:center; border-radius:8px; padding-bottom:109%;}
.gallery-list-box .list .list-item a .list-image .sticker {background:rgba(14, 30, 237, 0.70); border-radius:30px; padding:10px; font-size:12px; font-weight:700; color:#fff; position:absolute; left:12px; top:12px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.gallery-list-box .list .list-item a .list-image .sticker-best {background:rgba(14, 30, 237, 0.75); border-radius:30px; padding:10px; font-size:12px; font-weight:700; color:#fff; position:relative; top:12px; display:flex; flex-wrap:wrap; align-items:left; justify-content:left;}
.gallery-list-box .list .list-item a .list-image .sticker-favor {background:rgba(237, 30, 14, 0.75); border-radius:30px; padding:10px; font-size:12px; font-weight:700; color:#fff; position:relative; top:12px; display:flex; flex-wrap:wrap; align-items:left; justify-content:left;}
.gallery-list-box .list .list-item a .list-image .sticker.off {background:rgba(0, 0, 0, 0.70);}
.gallery-list-box .list .list-item a .list-content {margin:24px 0 0;}
.gallery-list-box .list .list-item a .list-content small {display:block; font-size:12px; font-weight:600; color:#767676;}
.gallery-list-box .list .list-item a .list-content p {margin:12px 0; display:flex;}
.gallery-list-box .list .list-item a .list-content p b {font-size:18px; font-weight:700; color:#0d0d0d; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gallery-list-box .list .list-item a .list-content p span {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:4px 10px; border-radius:20px; background:#0d0d0d; color:#fff; font-size:12px; margin:0 0 0 4px;}
.gallery-list-box .list .list-item a .list-content em {display:flex; flex-wrap:wrap; align-items:center; margin:12px 0 0; font-size:16px; font-weight:700; color:#0d0d0d;}
.gallery-list-box .list .list-item a .list-content em img {width:16px; height:16px; object-fit:cover;}
.gallery-list-box .list .list-item a .list-content em sup { font-weight:700; color:#0d0d0d; margin-left:5px;}
.gallery-list-box .list .list-item a .list-content sub {display:flex; flex-wrap:wrap; align-items:flex-start; font-size:12px; color:#767676; margin:5px 0 0;}
.gallery-list-box .list .list-item a .list-content sub sup {font-size:10px; color:#767676; margin-left:2px;}
.gallery-list-box.quarter .list .list-item {width:calc(25% - 27px);}
.list-box.active .gallery-list-box .list .list-item {width:calc(25% - 27px);}
@media (max-width:991px){
.gallery-list-box .list {margin:0 -5px -10px;}
.gallery-list-box .list .list-item {width:calc(33.33% - 10px); margin:0 5px 10px;}
.gallery-list-box .list .list-item a .list-image .sticker {left:10px; top:10px; padding:7px 10px;}
.gallery-list-box .list .list-item a .list-image .sticker-best {left:10px; top:10px; padding:7px 10px; margin-right:30px;}
.gallery-list-box .list .list-item a .list-image .sticker-favor {left:10px; top:10px; padding:7px 10px;}
.gallery-list-box .list .list-item a .list-content {margin:10px 0 0;}
.gallery-list-box .list .list-item a .list-content p {margin:5px 0;}
.gallery-list-box .list .list-item a .list-content p b {font-size:15px;}
.gallery-list-box .list .list-item a .list-content p span {padding:2px 10px; font-size:11px;}
.gallery-list-box .list .list-item a .list-content em {margin:5px 0 0;}
.gallery-list-box.quarter .list .list-item {width:calc(33.33% - 10px);}
.list-box.active .gallery-list-box .list .list-item {width:calc(33.33% - 10px);}
}
@media (max-width:767px){
.gallery-list-box.quarter .list .list-item {width:calc(50% - 10px);}
.list-box .list-body .list-body-right .gallery-list-box .list .list-item {width:calc(50% - 10px);}		  
.list-box.active .gallery-list-box .list .list-item {width:calc(50% - 10px);}
}

/* 리스트형 */
.table-list-box {overflow-x:auto; white-space:nowrap;}
.table-list-box table {table-layout:auto; width:100%; border-top:1px solid #0d0d0d;}
.table-list-box table thead tr th {border-bottom:1px solid #8C8C8C; text-align:center; font-size:14px; color:#0d0d0d; font-weight:600; padding:24px 10px;}
.table-list-box table tbody tr td {border-bottom:1px solid #D3D3D3; text-align:center; font-size:14px; color:#0d0d0d; padding:24px 10px;}
.table-list-box table tbody tr td b {font-size:14px;}
.table-list-box table tbody tr.notice td {background:rgba(205, 205, 205, 0.20);}
@media (max-width:991px){
.table-list-box table thead tr th {padding:10px;}
.table-list-box table tbody tr td {padding:10px; font-size:13px;}
.table-list-box table tbody tr td b {font-size:13px;}
}

/* 금액 */
.price-box strong {display:block; text-align:center; font-size:16px; font-weight:700; color:#0d0d0d0;}
.price-box small {display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center; font-size:12px; color:#767676; margin:5px 0 0;}
.price-box small:before {display:inline-block; content:""; width:5px; height:3px; background:url('../images/icon_price.png') no-repeat center / cover; margin-right:3px; position:relative; top:5px;}
.price-box small sup {font-size:10px; color:#767676; margin-left:3px;}
.price-box.lg strong {font-size:20px;}
.price-box.lg small {font-size:16px;}
.price-box.lg small sup {font-size:13px;}
.price-box.bd {border-bottom:1px solid #8c8c8c; padding:0 0 24px; margin:0 0 24px;}
@media (max-width:991px){
.price-box strong {font-size:14px;}
.price-box small {font-size:10px; margin:3px 0 0;}
.price-box small sup {transform:scale(0.8); margin-left:1px;}
.price-box.lg strong {font-size:17px;}
.price-box.lg small {font-size:14px;}
.price-box.lg small sup {font-size:12px;}
.price-box.bd {padding:0 0 15px; margin:0 0 15px;}
}


/* 금액-쇼핑 */
.mall-price-box strong {display:block; text-align:center; font-size:16px; font-weight:700; color:#0d0d0d0;}
.mall-price-box small {display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center; font-size:12px; color:#767676; margin:5px 0 0;}
.mall-price-box small:before {display:inline-block; content:""; width:5px; height:3px; background:url('../images/icon_price.png') no-repeat center / cover; margin-right:3px; position:relative; top:5px;}
.mall-price-box small sup {font-size:10px; color:#767676; margin-left:3px;}
.mall-price-box.lg strong {font-size:20px;}
.mall-price-box.lg small {font-size:16px;}
.mall-price-box.lg small sup {font-size:13px;}
/*.mall-price-box.bd {border-bottom:0px solid #8c8c8c; padding:0 0 24px; margin:0 0 0px;}*/
.mall-price-box.bd {border-bottom:1px solid #0d0d0d; padding:0 0 24px; margin:0 0 0px;}
@media (max-width:991px){
.mall-price-box strong {font-size:14px;}
.mall-price-box small {font-size:10px; margin:3px 0 0;}
.mall-price-box small sup {transform:scale(0.8); margin-left:1px;}
.mall-price-box.lg strong {font-size:17px;}
.mall-price-box.lg small {font-size:14px;}
.mall-price-box.lg small sup {font-size:12px;}
.mall-price-box.bd {padding:0 0 15px; margin:0 0 15px;}
}

/* 제목 */
.table-subject-box {display:flex; align-items:center; max-width:600px;}
.table-subject-box a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px;}
.table-subject-box span {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:4px 10px; border-radius:20px; background:#0d0d0d; margin:0 0 0 12px; font-size:12px; color:#fff;}
@media (max-width:991px){
.table-subject-box {max-width:250px;}
.table-subject-box a {font-size:13px;}
.table-subject-box span {padding:4px 7px; margin-left:3px; font-size:10px; transform:scale(0.85);}
}

/* 페이징 */
.paging-box {margin:40px 0 0;}
.paging-box ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.paging-box ul li {margin:0 5px;}
.paging-box ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:24px; height:24px; font-size:15px;}
.paging-box ul li.active a {font-weight:600; color:#62A2EC;}
.paging-box ul li.prev a {font-size:0; background:url('../images/icon_paging_prev.png') no-repeat center / cover;}
.paging-box ul li.next a {font-size:0; background:url('../images/icon_paging_next.png') no-repeat center / cover;}
@media (max-width:991px){
.paging-box {margin:20px 0 0;}
.paging-box ul li {margin:0 3px;}
}

/* 인풋 */
.input-box {max-width:100%; display:flex; flex-wrap:wrap; align-items:center;}
.input-box .input-box-inner {flex:1; min-width:0;}
.input-box .input-box-inner input {width:100%; height:45px; border:1px solid #8c8c8c; border-radius:8px; padding:0 15px; font-size:16px; color:#0d0d0d;}
.input-box .input-box-sm-inner {
    flex:1;
    min-width:0;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    width:100px;
    height:45px;
    max-width:100px;
    margin : 0px 5px 0px 0px;
}
.input-box .input-box-sm-inner input {
    width:100px;
    min-width:0px;
    max-width:100px;
    height:45px;
    border:1px solid #8c8c8c;
    border-radius:8px;
    padding:0 15px 0 15px;
    font-size:16px;
    color:#0d0d0d;
    align-items:center;
    justify-content:center;
    text-align:center;
}

.input-box > a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#0E1EED; border-radius:8px; width:75px; height:45px; margin-left:4px; font-size:14px; color:#fff; font-weight:500;}
.input-box > a.search {background:#fff; border:1px solid #8c8c8c; color:#0d0d0d;}
.input-box > a.search:before {display:inline-block; content:""; width:14px; height:14px; background:url('../images/icon_search2.png') no-repeat center / cover; margin:0 5px 0 0;}

.input-box > button {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#0E1EED; border-radius:8px; width:75px; height:45px; margin-left:4px; font-size:14px; color:#fff; font-weight:500;}
.input-box > button.search {background:#fff; border:1px solid #8c8c8c; color:#0d0d0d;}
.input-box > button.search:before {display:inline-block; content:""; width:14px; height:14px; background:url('../images/icon_search2.png') no-repeat center / cover; margin:0 5px 0 0;}

@media (max-width:991px){
.input-box {width:100%;}
.input-box .input-box-inner input {height:40px; padding:0 10px; font-size:14px;}
.input-box .input-box-sm-inner { width: 75px; max-width:75px; }
.input-box .input-box-sm-inner input {width: 75px; max-width:75px; height:40px; padding:0 10px 0 10px; font-size:14px;}
.input-box > a {height:40px; width:auto; padding:0 15px; font-size:12px;}
.input-box > button {height:40px; width:auto; padding:0 0px; font-size:12px;}
}

/* 셀렉트 */
.select-box {max-width:100%; display:flex; flex-wrap:wrap; align-items:center;}
.select-box .select-box-inner {flex:1; min-width:0;}
.select-box .select-box-inner select {width:100%; height:45px; border:1px solid #8c8c8c; border-radius:8px; padding:0 45px 0 15px; font-size:16px; color:#0d0d0d; background:url('../images/icon_select.png') no-repeat calc(100% - 10px) center / 34px;}
@media (max-width:991px){
.select-box {width:100%;}
.select-box .select-box-inner select {height:40px; padding:0 30px 0 10px; font-size:14px; background-size:20px;}
}

/* 파일 */
.file-box .file-upload {display:flex; flex-wrap:wrap; align-items:center; margin-bottom:10px;}
/*.file-box .file-upload label {max-width:calc(100% - 76px); position:relative; overflow:hidden; background:#e9e9e9; border-radius:8px; padding:10px 13px; display:flex; flex-wrap:wrap; align-items:center;}*/
.file-box .file-upload label {min-width:126px;max-width:calc(30% - 76px); position:relative; overflow:hidden; background:#e9e9e9; border-radius:8px; padding:10px 13px; display:flex; flex-wrap:wrap; align-items:center;}
.file-box .file-upload label:before {display:inline-block; content:""; width:24px; height:24px; background:url('../images/icon_file.png') no-repeat center / cover; margin:0 6px 0 0;}
.file-box .file-upload label input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}
.file-box .file-upload label p {flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px;}
.file-box .file-upload a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid #8c8c8c; border-radius:8px; background:#fff; padding:0 8px; margin:0 0 0 8px; height:44px; font-size:14px;}
.file-box .file-list {margin:15px 0 0;}
.file-box .file-list ul {display:flex; flex-wrap:wrap; margin:0 -6px -12px;}
.file-box .file-list ul li {width:120px; margin:0 6px 12px;}
.file-box .file-list ul li > div {position:relative;}
.file-box .file-list ul li > div:after {display:block; content:""; width:100%; padding-bottom:100%;}
.file-box .file-list ul li > div img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.file-box .file-list ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:4px 0 0; border-radius:8px; background:#fff; border:1px solid #8c8c8c; padding:8px 0; font-size:14px;}
.file-box > small {display:block; margin:14px 0 0; font-size:14px; color:#f00;}
@media (max-width:991px){
.file-box .file-upload label:before {width:18px; height:18px; margin:0 3px 0 0;}
.file-box .file-upload label p {font-size:14px;}
.file-box .file-upload a {height:38px; font-size:13px; margin:0 0 0 5px;}
.file-box > small {margin:10px 0 0; font-size:12px;}
.file-box .file-list {margin:10px 0 0;}
.file-box .file-list ul {margin:0 -2.5px -5px;}
.file-box .file-list ul li {width:calc(25% - 5px); margin:0 2.5px 5px;}
.file-box .file-list ul li a {font-size:12px;}
}

/* 내용 */
.textarea-box textarea {width:100%; border:1px solid #8c8c8c; background:#fff; border-radius:8px; height:200px; padding:15px; font-size:16px; color:#0d0d0d; line-height:1.5;}
@media (max-width:991px){
.textarea-box textarea {height:150px; padding:15px 10px; font-size:14px;}
}

/* 글쓰기 */
.write-box {border-top:1px solid #0d0d0d;}
.write-box .write-group {display:flex; flex-wrap:wrap; border-bottom:1px solid #d3d3d3;}
.write-box .write-group .write-title {width:200px; min-height:76px; display:flex; flex-wrap:wrap; align-items:center;}
.write-box .write-group .write-title strong {display:block; font-size:16px; font-weight:600; color:#0d0d0d; padding:0 24px;}
.write-box .write-group .write-content {display:flex; flex-wrap:wrap; align-items:center; flex:1; min-width:0; padding:14px 0;}
@media (max-width:991px){
.write-box .write-group {padding:15px 0;}
.write-box .write-group .write-title {width:100%; min-height:auto;}
.write-box .write-group .write-title strong {font-size:14px; padding:0;}
.write-box .write-group .write-content {flex:none; width:100%; padding:0; margin:10px 0 0;}
}

/* 주의사항 */
.notice-box dl dt {display:flex; flex-wrap:wrap; align-items:center; font-size:18px; font-weight:600; margin:0 0 14px;}
.notice-box dl dt:before {display:inline-block; content:""; width:18px; height:16px; background:url('../images/icon_notice.png') no-repeat center / cover; margin:0 8px 0 0;}
.notice-box dl dd {position:relative; font-size:16px; line-height:1.3; padding:0 0 0 15px; word-break:keep-all;}
.notice-box dl dd span {position:relative; font-size:16px; line-height:1.3;}
.notice-box dl dd:before {position:absolute; left:5px; top:7px; width:3px; height:3px; background:#0d0d0d; content:""; border-radius:50%;}
@media (max-width:991px){
.notice-box dl dt {font-size:15px; margin:0 0 10px;}
.notice-box dl dt:before {width:16px; height:14px; margin:0 6px 0 0;}
.notice-box dl dd {font-size:14px; margin:0 0 5px;}
.notice-box dl dd span {font-size:14px;}
.notice-box dl dd:before {top:8px;}
.notice-box dl dd:last-of-type {margin:0;}
}

/* 정보 영역 */
.information-box dl dt {display:flex; flex-wrap:wrap; align-items:center; font-size:18px; font-weight:600; margin:0 0 14px;}
.information-box dl dt:before {display:inline-block; content:""; width:18px; height:16px; background:url('../images/icon_info.svg') no-repeat center / cover; margin:0 8px 0 0;}
.information-box dl dd {position:relative; font-size:16px; line-height:1.3; padding:0 0 0 15px; word-break:keep-all;}
.information-box dl dd span {position:relative; font-size:16px; line-height:1.3; padding:0 0 0 15px; word-break:keep-all;}
.information-box dl dd:before {position:absolute; left:5px; top:7px; width:3px; height:3px; background:#0d0d0d; content:""; border-radius:50%;}
@media (max-width:991px){
.information-box dl dt {font-size:15px; margin:0 0 10px;}
.information-box dl dt:before {width:16px; height:14px; margin:0 6px 0 0;}
.information-box dl dd {font-size:14px; margin:0 0 5px;}
.information-box dl dd span {font-size:14px; margin:0 0 5px;}
.information-box dl dd:before {top:8px;}
.information-box dl dd:last-of-type {margin:0;}
}

/* 순서 */
.order-box {background:#F3F3F3; border-radius:8px; padding:20px;}
.order-box dl dt {font-size:18px; font-weight:600; margin:0 0 14px;}
.order-box dl dd {position:relative; font-size:16px; line-height:1.3; padding:0 0 0 15px; word-break:keep-all;}
.order-box dl dd:before {position:absolute; left:5px; top:7px; width:3px; height:3px; background:#0d0d0d; content:""; border-radius:50%;}
.order-box.bd {border:1px solid #8C8C8C;}
@media (max-width:991px){
.order-box {padding:15px 10px;}
.order-box dl dt {font-size:15px; margin:0 0 10px;}
.order-box dl dt:before {width:16px; height:14px; margin:0 6px 0 0;}
.order-box dl dd {font-size:14px; margin:0 0 5px;}
.order-box dl dd:before {top:8px;}
.order-box dl dd:last-of-type {margin:0;}
}

/* 버튼 */
.button-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
/*.button-box .btn {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:14px 40px; border-radius:10px; font-size:20px; font-weight:600;}*/
.button-box .btn {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:14px 40px; border-radius:10px; font-size:20px; font-weight:600;}
.button-box .btn.xs {padding:6px 10px; font-size:14px; font-weight:600;}
.button-box .btn.sm {padding:14.5px 12px; font-size:16px; font-weight:400;}
.button-box .btn.lg {padding:10px 10px; font-size:18px; font-weight:700;}
.button-box .btn.bdr {border-radius:150px;}
.button-box .btn-active {background:linear-gradient(180deg, #4188FE 0%, #D974FF 100%); color:#fff;}
.button-box .btn-gray {background:#8C8C8C; color:#fff;}
.button-box .btn-black {background:#000; color:#fff;}
.button-box .btn-bd-black {border:1px solid #0D0D0D; color:#0D0D0D; background:#fff;x}
.button-box .btn-bd-lightgray {border:1px solid #8C8C8C;}
.button-box .btn-blue {background:#0E1EED; color:#fff;}
@media (max-width:991px){
.button-box .btn {padding:14px 30px; font-size:15px;}
.button-box .btn.xs {padding:5px 10px; font-size:12px;}
.button-box .btn.sm {padding:13px 12px; font-size:14px;}
.button-box .btn.lg {padding:15px 10px; font-size:15px;}
}

/* 검색 */
.search-box { margin: 20px 0px 0px 0px}
.search-box form {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.search-box form .submit {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:52px; height:45px; border-radius:8px; background:#8c8c8c; font-size:16px; color:#fff;}
@media (max-width:991px){
.search-box form .submit {width:40px; height:40px; font-size:13px;}
}

/* 상세 */
.view-box {border-top:1px solid #0d0d0d; padding:24px 0 0;}
.view-box .view-title {padding:0 10px 24px; border-bottom:1px solid #8C8C8C; margin:0 0 20px;}
.view-box .view-title strong {display:block; text-align:center; font-size:18px; font-weight:600; line-height:1.3;}
.view-box .view-title small {display:block; text-align:center; font-size:15px; color:#999; margin:5px 0 0;}
.view-box .view-content img {display:block; margin:0 auto; max-width:100%;}
.view-box .view-content > strong {font-size:18px; font-weight:700; line-height:1.3; display:block; margin:0 0 15px;}
.view-box .view-content > dl {margin:0 0 30px;}
.view-box .view-content > dl:last-of-type {margin:0;}
.view-box .view-content > dl dt {font-size:16px; line-height:1.3; word-break:keep-all; font-weight:600; margin:0 0 7px;}
.view-box .view-content > dl dd {font-size:16px; line-height:1.3; word-break:keep-all;}
.view-box .view-content p {font-size:16px; line-height:1.5; color:#0d0d0d; word-break:keep-all;}
.view-box .view-button {border-top:1px solid #D3D3D3; margin:40px 0 0; padding:40px 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.view-box .view-button a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:18px 40px; border-radius:160px; border:1px solid #8c8c8c; font-size:18px;}
.view-box .view-reply {margin:50px 0 0; padding:50px 0 0; border-top:1px solid #D3D3D3;}
.view-box .view-reply strong {display:block; font-weight:700; font-size:20px; color:#111; margin:0 0 14px;}
.view-box .view-reply p {font-size:16px; line-height:1.5; color:#0d0d0d0; word-break:keep-all;}
@media (max-width:991px){
.view-box {padding:15px 0 0;}
.view-box .view-title {padding:0 10px 15px; margin:0 0 15px;}
.view-box .view-title strong {font-size:16px;}
.view-box .view-title small {font-size:13px;}
.view-box .view-content p {font-size:14px;}
.view-box .view-content > dl {margin:0 0 20px;}
.view-box .view-content > dl dt {font-size:14px;}
.view-box .view-content > dl dd {font-size:14px;}
.view-box .view-button {margin:20px 0 0;}
.view-box .view-button {padding:20px 0;}
.view-box .view-button a {padding:14px 25px; font-size:15px;}
.view-box .view-reply {margin:30px 0 0; padding:30px 0 0;}
.view-box .view-reply strong {font-size:18px; margin:0 0 10px;}
.view-box .view-reply p {font-size:14px;}
}

/* 댓글 */
.comment-box .comment-write form {display:flex; flex-wrap:wrap;}
.comment-box .comment-write form .submit {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100px; height:100px; border-radius:8px; background:#0d0d0d; font-size:14px; color:#fff; margin-left:12px;}
.comment-box .comment-write form textarea {flex:1; min-width:0; border-radius:8px; border:1px solid #8c8c8c; padding:14px; font-size:14px; line-height:1.5; color:#0d0d0d;}
.comment-box .comment-write.sm form .submit {margin-left:auto; margin-right:0; margin-top:10px; width:auto; height:auto; padding:8px 10px;}
.comment-box .comment-write.sm form textarea {flex:none; width:100%; height:60px; padding:12px;}
.comment-box .comment-list .list-head {padding:24px 0;}
.comment-box .comment-list .list-head strong {display:block; font-size:20px; font-weight:700;}
.comment-box .comment-list .list-body .list .list-item {border-bottom:1px solid rgba(140, 140, 140, 0.50); padding:0 0 24px; margin:0 0 24px;}
.comment-box .comment-list .list-body .list .list-item:last-of-type {margin:0;}
.comment-box .comment-list .list-body .list .list-item .list-item-top {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.comment-box .comment-list .list-body .list .list-item .list-item-top .list-left {display:flex; flex-wrap:wrap; align-items:center;}
.comment-box .comment-list .list-body .list .list-item .list-item-top .list-left b {font-size:16px; font-weight:600; margin:0 14px 0 0;}
.comment-box .comment-list .list-body .list .list-item .list-item-top .list-left time {font-size:14px; color:#767676;}
.comment-box .comment-list .list-body .list .list-item .list-item-top .list-left a {font-size:14px; color:#767676; border-bottom:1px solid #767676; margin-left:20px;}
.comment-box .comment-list .list-body .list .list-item .list-item-top .list-right {display:flex; flex-wrap:wrap; align-items:center;}
.comment-box .comment-list .list-body .list .list-item .list-item-top .list-right a {display:block; font-size:0; width:20px; height:20px; margin-right:4px; background-size:cover; background-position:center;}
.comment-box .comment-list .list-body .list .list-item .list-item-top .list-right a:last-of-type {margin:0;}
.comment-box .comment-list .list-body .list .list-item .list-item-top .list-right a.update {background-image:url('../images/icon_reply_update.png');}
.comment-box .comment-list .list-body .list .list-item .list-item-top .list-right a.delete {background-image:url('../images/icon_reply_delete.png');}
.comment-box .comment-list .list-body .list .list-item .list-item-bottom {margin:14px 0 0;}
.comment-box .comment-list .list-body .list .list-item .list-item-bottom p {font-size:14px; line-height:1.5; word-break:keep-all;}
.comment-box .comment-list .list-body .list .list-item .list-item-bottom p a {font-size:14px; line-height:1.5; display:block;}
.comment-box .comment-list .list-body .list .list-item .comment-write {width:100%;}
.comment-box .comment-list .list-body .list .list-item .comment-write .submit {margin-left:auto; margin-right:0; margin-top:10px; width:auto; height:auto; padding:8px 10px; color:#fff;}
.comment-box .comment-reply {background:#F3F3F3; border-radius:8px; padding:12px; margin:10px 0 0;}
.comment-box .comment-reply .reply-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.comment-box .comment-reply .reply-head > div {display:flex; flex-wrap:wrap; align-items:center;}
.comment-box .comment-reply .reply-head > div b {font-size:16px; font-weight:700;}
.comment-box .comment-reply .reply-head > div time {font-size:14px; color:#767676; margin:0 0 0 10px;}
.comment-box .comment-reply .reply-head > div a {display:block; font-size:0; width:20px; height:20px; margin-right:4px; background-size:cover; background-position:center;}
.comment-box .comment-reply .reply-head > div a:last-of-type {margin:0;}

.comment-box .comment-reply .reply-head div a.btnUnderBar {font-size:14px; color:#767676; border-bottom:1px solid #767676; margin-left:20px;}
.comment-box .comment-reply .reply-head div a.btnUnderBar {font-size:13px; margin-left:10px;}
.comment-box .comment-reply .reply-head div a.btnUnderBar {width:50px; height:15px; }


.comment-box .comment-reply .reply-head > div a.update {background-image:url('../images/icon_reply_update.png');}
.comment-box .comment-reply .reply-head > div a.delete {background-image:url('../images/icon_reply_delete.png');}
.comment-box .comment-reply .reply-body {margin:10px 0 0;}
.comment-box .comment-reply .reply-body textarea {width:100%; border-radius:8px; border:1px solid #8c8c8c; padding:14px !important; font-size:14px; line-height:1.5; color:#0d0d0d;}
.comment-box .comment-reply .reply-body textarea:read-only {background:none; border:0; padding:0 !important;}
.comment-box .comment-reply .reply-body .submit {margin-left:auto; margin-right:0; margin-top:10px; width:auto; height:auto; padding:8px 10px; border-radius:8px; background:#0d0d0d; font-size:14px; color:#fff;}
.comment-box .comment-button {margin:40px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.comment-box .comment-button a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:18px 40px; border-radius:160px; border:1px solid #8c8c8c; font-size:18px;}
@media (max-width:991px){
.comment-box .comment-write form .submit {width:70px; height:70px; margin-left:5px;}
.comment-box .comment-write form textarea {padding:15px 10px;}
.comment-box .comment-write.sm form textarea {height:50px; padding:10px; font-size:13px;}
.comment-box .comment-list .list-head {padding:15px 0;}
.comment-box .comment-list .list-head strong {font-size:17px;}
.comment-box .comment-list .list-body .list .list-item {margin:0 0 15px; padding:0 0 15px;}
.comment-box .comment-list .list-body .list .list-item .list-item-top .list-left b {font-size:15px; margin:0 5px 0 0;}
.comment-box .comment-list .list-body .list .list-item .list-item-top .list-left time {font-size:12px;}
.comment-box .comment-list .list-body .list .list-item .list-item-top .list-left a {font-size:13px; margin-left:10px;}
.comment-box .comment-list .list-body .list .list-item .list-item-bottom {margin:10px 0 0;}
.comment-box .comment-list .list-body .list .list-item .list-item-bottom textarea {height:50px; padding:10px; font-size:13px;}
.comment-box .comment-reply .reply-head > div b {font-size:14px;}
.comment-box .comment-reply .reply-head > div time {font-size:12px;}
.comment-box .comment-reply .reply-body textarea {padding:10px !important; font-size:13px;}
.comment-box .comment-button {padding:20px 0; margin:0;}
.comment-box .comment-button a {padding:14px 25px; font-size:15px;}
}

/* 자주묻는질문 */
.faq-box {border-top:1px solid #0d0d0d;}
.faq-box .list .list-item .list-head {border-bottom:1px solid #8C8C8C;}
.faq-box .list .list-item .list-head button {width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.faq-box .list .list-item .list-head button p {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; padding:18px 0;}
.faq-box .list .list-item .list-head button p span {flex:1; min-width:0; font-size:16px; font-weight:600; line-height:1.3; color:#0d0d0d; text-align:left;}
.faq-box .list .list-item .list-head button p b {font-size:24px; font-weight:600; color:#0d0d0d; margin:0 20px;}
.faq-box .list .list-item .list-head button:after {display:block; position:relative; top:13px; content:""; width:34px; height:34px; background:url('../images/icon_select.png') no-repeat center / cover;}
.faq-box .list .list-item .list-body {display:none;}
.faq-box .list .list-item .list-body > div {border-bottom:1px solid #8c8c8c; display:flex; flex-wrap:wrap; padding:13px 0 30px;}
.faq-box .list .list-item .list-body > div b {font-size:24px; font-weight:600; color:#0d0d0d; margin:0 20px;}
.faq-box .list .list-item .list-body > div p {flex:1; min-width:0; font-size:16px; line-height:1.3; word-break:keep-all; margin:5px 0 0;}
.faq-box .list .list-item.active .list-head button:after {transform:rotate(180deg);}
@media (max-width:991px){
.faq-box .list .list-item .list-head button p {padding:14px 0;}
.faq-box .list .list-item .list-head button p span {font-size:14px;}
.faq-box .list .list-item .list-head button p b {font-size:20px; margin:0 10px;}
.faq-box .list .list-item .list-head button:after {width:25px; height:25px; top:12px;}
.faq-box .list .list-item .list-body > div {padding:20px 0 30px;}
.faq-box .list .list-item .list-body > div b {font-size:20px; margin:0 10px;}
.faq-box .list .list-item .list-body > div p {font-size:14px; margin:0; line-height:1.5;}
}

/* 단위 */
.unit-box {font-size:17px;}

/* 상품상세 */
.detail-box {display:flex; flex-wrap:wrap; position:relative;}
.detail-box > div {width:50%;}
.detail-box > div.detail-left {padding-right:20px;}
.detail-box .detail-rights {position:absolute; right:0; top:0; padding-left:20px; max-width:50%;}
.detail-box .detail-thumb img {max-width:100%;}
.detail-box .detail-thumb .swiper-button-prev {left:0; width:70px; height:70px; background:url('../images/icon_swiper_prev.png') no-repeat center / cover;}
.detail-box .detail-thumb .swiper-button-next {right:0; width:70px; height:70px; background:url('../images/icon_swiper_next.png') no-repeat center / cover;}
.detail-box .detail-content {padding:24px 0 50px; margin:0 0 24px; border-bottom:1px solid #767676;}
.detail-box .detail-content strong {display:block; font-size:20px; font-weight:700; margin:0 0 24px;}
.detail-box .detail-content-img { max-width:100%;vertical-align: top;  }
.detail-box .detail-content p {font-size:14px; line-height:1.5; word-break:keep-all;}
.detail-box.reverse {justify-content:flex-end;}
.detail-box.reverse .detail-rights {right:auto; left:0; padding-left:0; padding-right:20px;}
@media (max-width:991px){
.detail-box > div {width:100%;}
.detail-box > div.detail-left {padding-right:0; order:2;}
.detail-box .detail-rights {position:static; top:0 !important; padding-left:0; margin:20px 0 0; order:1; max-width:100%;}
.detail-box .detail-thumb .swiper-button-prev {left:5px; width:50px; height:50px;}
.detail-box .detail-thumb .swiper-button-next {right:5px; width:50px; height:50px;}
.detail-box .detail-content {padding:15px 0; margin:30px 0 0;}
.detail-box .detail-content strong {font-size:18px; margin:0 0 15px;}
.detail-box.reverse .detail-rights {padding-right:0; margin:0 0 20px;}
}

/* 상태 */
.state-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; border-bottom:2px solid #767676; padding:0 0 14px;}
.state-box span {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:8px 10px; background:#0d0d0d; border-radius:8px; color:#fff; font-size:14px; font-weight:600;}
.state-box span.span-blank {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:8px 10px; background:#FFFFFF; border-radius:8px; color:#fff; font-size:14px; font-weight:600;}
.state-box span.span-favor {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:8px 10px; background:#FF0000; border-radius:8px; color:#fff; font-size:14px; font-weight:600;}
.state-box span.span-best {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:8px 10px; background:#0E1EED ; border-radius:8px; color:#fff; font-size:14px; font-weight:600;}
.state-box ul {display:flex; flex-wrap:wrap; align-items:center;}
.state-box ul li {margin-right:12px;}
.state-box ul li:last-of-type {margin:0;}
.state-box ul li a {display:flex; flex-wrap:wrap; align-items:center; font-size:14px; font-weight:500;}
.state-box ul li a:before {display:inline-block; content:""; width:26px; height:26px; background-size:cover; background-position:center;}
.state-box ul li.like a:before {background-image:url('../images/icon_heart.png');}
.state-box ul li.share a:before {background-image:url('../images/icon_share.png');}
@media (max-width:991px){
.state-box {padding:0 0 10px;}
.state-box span {font-size:12px;}
.state-box ul li {margin-right:7px;}
.state-box ul li a {font-size:12px;}
.state-box ul li a:before {width:23px; height:23px;}
}

/* 스티커 */
.sticker-box {display:flex; flex-wrap:wrap; align-items:center; margin:0 -2.5px -5px;}
.sticker-box span {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 2.5px 5px; border-radius:8px; border:1px solid rgba(118, 118, 118, 0.30); background:rgba(118, 118, 118, 0.10); padding:8px 10px; font-size:14px; color:#353535; font-weight:600;}
@media (max-width:991px){
.sticker-box span {font-size:12px;}
}

/* 정보 */
.info-box {margin:5px 0 0;}
.info-box strong {display:block; font-size:28px; font-weight:700; line-height:1.3; word-break:keep-all;}
.info-box dl {margin:15px 0 0; display:flex; flex-wrap:wrap; align-items:center;}
.info-box dl dd {display:flex; flex-wrap:wrap; align-items:center; font-size:14px; font-weight:600;}
.info-box dl dd:after {display:inline-block; content:""; width:2px; height:2px; background:#0d0d0d; border-radius:50%; margin:0 10px;}
.info-box dl dd:last-of-type:after {display:none;}
@media (max-width:991px){
.info-box strong {font-size:20px;}
.info-box dl {margin:7px 0 0;}
.info-box dl dd {font-size:13px;}
.info-box dl dd:after {margin:0 7px;}
}

/* 폼 */
.form-box {background:#fff; max-width:800px; width:100%; margin:0 auto; padding:80px 30px;}
.form-box h2 {font-size:24px; font-weight:600; color:#0D0D0D; text-align:center; letter-spacing:-1px;}
.form-box img.logo {display:block; margin:0 auto 25px; width:180px;}
.form-box .form-box-or {position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:40px 0;}
.form-box .form-box-or:before {display:block; width:100%; height:1px; background:#d9d9d9; position:absolute; left:0; top:50%; transform:translateY(-50%); content:"";}
.form-box .form-box-or em {position:relative; z-index:2; font-size:14px; color:#656565; background:#fff; padding:0 15px;}
.form-box .form-box-social ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.form-box .form-box-social ul li {margin:0 20px;}
.form-box .form-box-social ul li a {display:block; font-size:0; background-size:cover; background-position:center; width:50px; height:50px;}
.form-box .form-box-social ul li.kakao a {background-image:url('../images/icon_kakao.png');}
.form-box .form-box-social ul li.naver a {background-image:url('../images/icon_naver.png');}
.form-box .form-box-social ul li.google a {background-image:url('../images/icon_google.png');}
.form-box .form-box-link ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.form-box .form-box-link ul li {display:flex; flex-wrap:wrap; align-items:center;}
.form-box .form-box-link ul li:after {display:inline-block; content:""; width:1px; height:10px; background:#656565; margin:0 12px;}
.form-box .form-box-link ul li:last-of-type:after {display:none;}
.form-box .form-box-link ul li a {font-size:14px; color:#656565;}
.form-box .form-box-link ul li.active a {padding:0 0 2px; border-bottom:1px solid #656565;}
.form-group .tit {display:block; margin:0 0 12px; font-size:16px; font-weight:600; color:#000;}
.form-group .form-group-flex {display:flex; flex-wrap:wrap; align-items:center;}
.form-group .form-group-flex .tit {margin:0; padding:0 10px 0 0; min-width:95px;}
.form-group .form-group-flex .content {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center;}
.form-group .form-group-flex .content a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#929292; color:#fff; padding:8px 20px; font-size:14px;}
.form-group .form-group-flex .content a.link {display:block; padding:0; margin-left:10px; width:22px; height:22px; font-size:0; background:url('../images/icon_link.png') no-repeat center / cover;}
.form-group .form-group-flex .content p {font-size:18px; color:#656565;}
.form-group .form-group-flex .content p a {font-size:18px; color:#656565; padding:0; background:none;}
.form-group.border {border-bottom:1px solid #ddd; padding:0 0 24px; margin:0 0 24px;}
.form-box.lg {max-width:720px; padding:30px;}
.form-box.lg .button-box {max-width:420px; margin:0 auto; width:100%;}
.form-box.xl {max-width:770px; padding:30px;}
.form-box.xl .button-box {max-width:420px; margin:0 auto; width:100%;}
@media (max-width:991px){
.form-box {width:calc(100% - 30px); padding:50px 15px;}
.form-box h2 {font-size:22px; line-height:1.3;}
.form-box img.logo {margin:0 auto 10px; width:100px;}
.form-box .form-box-or {margin:25px 0;}
.form-box .form-box-social ul li {margin:0 10px;}
.form-group .tit {margin:0 0 7px; font-size:14px;}
.form-group .form-group-flex.full .tit {width:100%; min-width:100%;}
.form-group .form-group-flex.full .content {flex:none; width:100%; margin:10px 0 0;}
.form-group .form-group-flex .content a {font-size:12px; padding:5px 10px;}
.form-group .form-group-flex .content a.link {width:20px; height:20px;}
.form-group .form-group-flex .content p {font-size:16px;}
.form-group .form-group-flex .content p a {font-size:16px;}
.form-box.lg {padding:20px 15px;}
.form-box.xl {padding:20px 15px;}
}

/* 폼 */
.form-border-box {border:1px solid #D3D3D3; border-radius:10px; padding:25px;}
.form-border-box .form-group {margin:0 0 24px; display:flex; flex-wrap:wrap; align-items:center;}
.form-border-box .form-group strong {font-weight:600;}
.form-border-box .form-group:last-of-type {margin:0;}
.form-border-box .form-group .form-group-tit {width:100px;}
.form-border-box .form-group .form-group-tit strong {font-size:16px; font-weight:600;}
.form-border-box .form-group .form-group-cont {flex:1; min-width:0;}
.form-border-box .form-group .form-group-cont strong {font-weight:600;}
@media (max-width:991px){
.form-border-box {padding:20px;}
.form-border-box .form-group {margin:0 0 15px;}
.form-border-box .form-group .form-group-tit {width:70px;}
.form-border-box .form-group .form-group-tit strong {font-size:14px;}
}

/* 캡챠 */
.capture-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.capture-box img {width:100%; max-width:276px; flex:1; min-width:0;}
.capture-box a {margin-left:20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid #8c8c8c; border-radius:45px; font-size:14px; color:#8c8c8c; padding:8px 12px;}
@media (max-width:991px){
.capture-box img {max-width:200px;}
.capture-box a {font-size:12px;}
}

/* 회원가입완료 */
.success-box img {max-width:252px; width:100%; margin:0 auto 15px; display:block;}
.success-box p {text-align:center; font-size:14px; line-height:1.5; word-break:keep-all;}
.success-box p b {display:block; width:100%; text-align:center; font-size:16px; font-weight:600; margin:0 0 10px;}

/* 탭 */
.tab-box ul {display:table; table-layout:fixed; width:100%;}
.tab-box ul li {display:table-cell; border:1px solid #CDCDCD;}
.tab-box ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:50px; font-size:18px; font-weight:600; color:#767676;}
.tab-box ul li.active {border-color:#4188FE;}
.tab-box ul li.active a {color:#4188FE;}
@media (max-width:991px){
.tab-box ul li a {height:40px; font-size:15px;}
.tab-box.half ul {display:flex; flex-wrap:wrap;}
.tab-box.half ul li {width:50%;}
}

/* 배너 */
.banner-box {display:flex; flex-wrap:wrap;}
.banner-box .banner-grade-box {width:430px; height:198px; border-radius:10px; overflow:hidden; position:relative; background:linear-gradient(158deg, #0E1EED 0%, #4551E7 100%);}
.banner-box .banner-grade-box:before {position:absolute; left:0; top:0; width:100%; height:100%; content:""; background:url('../images/bg_grade.png') no-repeat left bottom / contain;}
.banner-box .banner-grade-box .inner {position:absolute; width:100%; height:100%; left:0; top:0; padding:28px 38px; display:flex; flex-wrap:wrap; align-items:flex-start;}
.banner-box .banner-grade-box .inner .grade b {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:64px; height:79px; font-size:19px; font-weight:700; color:#fff;}
.banner-box .banner-grade-box .inner .grade.grade-basic b {background:url('../images/icon_grade_basic.png') no-repeat center / cover; line-height:92px;}
.banner-box .banner-grade-box .inner .content {flex:1; min-width:0; display:flex; flex-wrap:wrap; justify-content:flex-end; padding:15px 0 0 30px;}
.banner-box .banner-grade-box .inner .content .content-text p {display:flex; flex-wrap:wrap; align-items:flex-end; font-size:16px; font-weight:600; color:#fff;}
.banner-box .banner-grade-box .inner .content .content-text p b {font-size:24px; font-weight:700; color:#fff;}
.banner-box .banner-grade-box .inner .content .content-text p:last-of-type {justify-content:flex-end; padding-left:30px; margin:5px 0 0;}
.banner-box .banner-grade-box .inner .content .content-button {margin:25px 0 0; display:flex; flex-wrap:wrap; align-items:center;}
.banner-box .banner-grade-box .inner .content .content-button a {margin:0 6px; border-radius:8px; background:rgba(255,255,255,0.2); border:1px solid #fff; padding:8px 13px; font-size:14px; font-weight:600; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.banner-box .banner-image-box {flex:1; min-width:0; padding-left:20px;}
.banner-box .banner-image-box ul {display:flex; flex-wrap:wrap; margin:0 -10px;}
.banner-box .banner-image-box ul li {padding:0 25px; height:200px; border-radius:10px; width:calc(33.33% - 20px); margin:0 10px; background-size:cover; background-position:center top; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center; }
.banner-box .banner-image-box ul li:nth-of-type(1) {background-color:#6C59E3; background-image:url('../images/bg_banner_image_01.png');}
.banner-box .banner-image-box ul li:nth-of-type(2) {background-color:#B22ED4; background-image:url('../images/bg_banner_image_02.png');}
.banner-box .banner-image-box ul li:nth-of-type(3) {background-color:#1BA149; background-image:url('../images/bg_banner_image_03.png');}
.banner-box .banner-image-box ul li strong {width:100%; display:block; text-align:center; font-size:24px; font-weight:700; color:#fff; margin:0 0 24px;}
.banner-box .banner-image-box ul li dl {width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.banner-box .banner-image-box ul li dl dd {width:calc(50% - 6px); background:#fff; border-radius:10px; padding:10px;}
.banner-box .banner-image-box ul li dl dd p {font-size:14px; font-weight:600; color:#767676; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.banner-box .banner-image-box ul li dl dd p b {font-size:14px; font-weight:600;}
.banner-box .banner-image-box ul li dl dd em {display:flex; flex-wrap:wrap; align-items:baseline; justify-content:flex-end; margin:5px 0 0; font-size:24px; font-weight:700;}
.banner-box .banner-image-box ul li dl dd em small {font-size:14px; font-weight:700; color:#767676;}
@media (max-width:1200px){
.banner-box .banner-grade-box {width:400px;}
.banner-box .banner-image-box {padding-left:10px;}
.banner-box .banner-image-box ul {margin:0 -5px;}
.banner-box .banner-image-box ul li {padding:0 10px; width:calc(33.33% - 10px); margin:0 5px;}
.banner-box .banner-image-box ul li strong {font-size:20px;}
.banner-box .banner-image-box ul li dl dd {width:calc(50% - 3px); margin:0 1.5px;}
}
@media (max-width:991px){
.banner-box .banner-grade-box {width:100%;}
.banner-box .banner-grade-box .inner {padding:28px 20px;}
.banner-box .banner-image-box {margin:10px 0 0; padding-left:0; flex:none; width:100%;}
}
@media (max-width:767px){
.banner-box .banner-image-box ul {margin:0 -10px; display:block; overflow-x:auto; white-space:nowrap;}
.banner-box .banner-image-box ul li {display:inline-block; width:250px; margin:0 10px 0 0;}
.banner-box .banner-image-box ul li:first-of-type {margin:0 10px;}
.banner-box .banner-image-box ul li strong {margin:45px 0 15px;}
.banner-box .banner-image-box ul li dl dd {width:calc(50% - 10px); margin:0 5px;}
}

.banner-box .banner-grade-box-100p {width:100%; height:198px; border-radius:10px; overflow:hidden; position:relative; background:linear-gradient(158deg, #0E1EED 0%, #4551E7 100%);}
.banner-box .banner-grade-box-100p:before {position:absolute; left:0; top:0; width:100%; height:100%; content:""; background:url('../images/bg_grade.png') no-repeat left bottom / contain;}
.banner-box .banner-grade-box-100p .inner {position:absolute; width:100%; height:100%; left:0; top:0; padding:28px 38px; display:flex; flex-wrap:wrap; align-items:flex-start;}
.banner-box .banner-grade-box-100p .inner .grade b {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:64px; height:79px; font-size:19px; font-weight:700; color:#fff;}
.banner-box .banner-grade-box-100p .inner .grade.grade-basic b {background:url('../images/icon_grade_basic.png') no-repeat center / cover; line-height:92px;}
.banner-box .banner-grade-box-100p .inner .content {flex:1; min-width:0; display:flex; flex-wrap:wrap; justify-content:flex-end; padding:15px 0 0 30px;}
.banner-box .banner-grade-box-100p .inner .content .content-text p {display:flex; flex-wrap:wrap; align-items:flex-end; font-size:16px; font-weight:600; color:#fff;}
.banner-box .banner-grade-box-100p .inner .content .content-text p b {font-size:24px; font-weight:700; color:#fff;}
.banner-box .banner-grade-box-100p .inner .content .content-text p:last-of-type {justify-content:flex-end; padding-left:30px; margin:5px 0 0;}
.banner-box .banner-grade-box-100p .inner .content .content-button {margin:25px 0 0; display:flex; flex-wrap:wrap; align-items:center;}
.banner-box .banner-grade-box-100p .inner .content .content-button a {margin:0 6px; border-radius:8px; background:rgba(255,255,255,0.2); border:1px solid #fff; padding:8px 13px; font-size:14px; font-weight:600; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.banner-box .banner-image-box {flex:1; min-width:0; padding-left:20px;}
.banner-box .banner-image-box ul {display:flex; flex-wrap:wrap; margin:0 -10px;}
.banner-box .banner-image-box ul li {padding:0 25px; height:200px; border-radius:10px; width:calc(33.33% - 20px); margin:0 10px; background-size:cover; background-position:center top; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center; }
.banner-box .banner-image-box ul li:nth-of-type(1) {background-color:#6C59E3; background-image:url('../images/bg_banner_image_01.png');}
.banner-box .banner-image-box ul li:nth-of-type(2) {background-color:#B22ED4; background-image:url('../images/bg_banner_image_02.png');}
.banner-box .banner-image-box ul li:nth-of-type(3) {background-color:#1BA149; background-image:url('../images/bg_banner_image_03.png');}
.banner-box .banner-image-box ul li strong {width:100%; display:block; text-align:center; font-size:24px; font-weight:700; color:#fff; margin:0 0 24px;}
.banner-box .banner-image-box ul li dl {width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.banner-box .banner-image-box ul li dl dd {width:calc(50% - 6px); background:#fff; border-radius:10px; padding:10px;}
.banner-box .banner-image-box ul li dl dd p {font-size:14px; font-weight:600; color:#767676; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.banner-box .banner-image-box ul li dl dd p b {font-size:14px; font-weight:600;}
.banner-box .banner-image-box ul li dl dd em {display:flex; flex-wrap:wrap; align-items:baseline; justify-content:flex-end; margin:5px 0 0; font-size:24px; font-weight:700;}
.banner-box .banner-image-box ul li dl dd em small {font-size:14px; font-weight:700; color:#767676;}
@media (max-width:1200px){
.banner-box .banner-grade-box-100p {width:400px;}
.banner-box .banner-image-box {padding-left:10px;}
.banner-box .banner-image-box ul {margin:0 -5px;}
.banner-box .banner-image-box ul li {padding:0 10px; width:calc(33.33% - 10px); margin:0 5px;}
.banner-box .banner-image-box ul li strong {font-size:20px;}
.banner-box .banner-image-box ul li dl dd {width:calc(50% - 3px); margin:0 1.5px;}
}
@media (max-width:991px){
.banner-box .banner-grade-box-100p {width:100%;}
.banner-box .banner-grade-box-100p .inner {padding:28px 20px;}
.banner-box .banner-image-box {margin:10px 0 0; padding-left:0; flex:none; width:100%;}
}
@media (max-width:767px){
.banner-box .banner-image-box ul {margin:0 -10px; display:block; overflow-x:auto; white-space:nowrap;}
.banner-box .banner-image-box ul li {display:inline-block; width:250px; margin:0 10px 0 0;}
.banner-box .banner-image-box ul li:first-of-type {margin:0 10px;}
.banner-box .banner-image-box ul li strong {margin:45px 0 15px;}
.banner-box .banner-image-box ul li dl dd {width:calc(50% - 10px); margin:0 5px;}
}

/* 코인 */
.coin-box {display:flex; flex-wrap:wrap; align-items:center;}
.coin-box > img {width:36px; height:36px; object-fit:cover;}
.coin-box > div {padding:0 0 0 8px;}
.coin-box > div strong {display:block; font-size:16px; font-weight:700;}
.coin-box > div small {display:block; margin:4px 0 0; font-size:12px; color:#767676;}
@media (max-width:991px){
.coin-box {min-width:100px;}
.coin-box > img {width:25px; height:25px;}
.coin-box > div {padding:0 0 0 4px; }
.coin-box > div strong {font-size:13px;}
.coin-box > div small {font-size:11px;}
}

/* 이미지 */
.image-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}

/* 스와이프 */
.swiper-box {border:1px solid #cdcdcd; border-radius:8px; padding:20px; position:relative;}
.swiper-box .swiper-slide {padding:13.5% 0; background-size:cover; background-position:center; border-radius:10px;}
.swiper-box .swiper-slide a {padding:24px; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(0, 0, 0, 0.80) 70.83%); display:flex; flex-wrap:wrap; align-items:flex-end; align-content:flex-end;}
.swiper-box .swiper-slide a p {width:100%; font-size:20px; font-weight:700; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.swiper-box .swiper-slide a small {width:100%; font-size:16px; font-weight:600; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:15px 0 0;}
.swiper-box .swiper-button-prev {left:-20px; width:70px; height:70px; background:url('../images/icon_swiper_prev2.png') no-repeat center / cover;}
.swiper-box .swiper-button-next {right:-30px; width:70px; height:70px; background:url('../images/icon_swiper_next2.png') no-repeat center / cover;}
@media (max-width:991px){
.swiper-box {padding:10px; border-radius:5px;} 
.swiper-box .swiper-slide {padding:22% 0;}
.swiper-box .swiper-slide a {padding:15px;}
.swiper-box .swiper-slide a p {font-size:16px;}
.swiper-box .swiper-slide a small {font-size:13px; margin:10px 0 0;}
.swiper-box .swiper-button-prev {left:-10px; width:50px; height:50px;}
.swiper-box .swiper-button-next {right:-10px; width:50px; height:50px;}
}
@media (max-width:767px){
.swiper-box .swiper-slide {padding:50% 0;}
}


.display-none {
    display: none;
}



/* 글쓰기 */
/*.option-box {border-bottom:1px solid #0d0d0d;}*/
.option-box {border-bottom:1px solid #8d3d3d3;}
.option-box .option-group {display:flex; flex-wrap:wrap; border-bottom:1px solid #d3d3d3;}
.option-box .option-group .option-title {width:200px; min-height:76px; display:flex; flex-wrap:wrap; align-items:center;}
.option-box .option-group .option-title strong {display:block; font-size:16px; font-weight:600; color:#0d0d0d; padding:0 24px;}
.option-box .option-group .option-content {display:flex; flex-wrap:wrap; align-items:center; flex:1; min-width:0; padding:14px 0;}
@media (max-width:991px){
.option-box .option-group {padding:15px 0;}
.option-box .option-group .option-title {width:100%; min-height:auto;}
.option-box .option-group .option-title strong {font-size:14px; padding:0;}
.option-box .option-group .option-content {flex:none; width:100%; padding:0; margin:10px 0 0;}
}
.option-box .check-box {width:100%;}
.option-box .option-group .option-content input {
    display: block;
    width: 100%;
    height: 31px;
    padding: 6px 12px;
    font-size: 12px;
    color: #555555;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
}
/*
.option-box .option-group .option-content input {
    display: block;
  width: 100%;
  height: 31px;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
*/

.sm-border-top {border-top:1px solid #0d0d0d; padding:24px 0 0;}