/* common */
* { letter-spacing:-0.5px; }
*:not(html,body)::-webkit-scrollbar { width:10px; height:4px; background:#f2f1f1; }
*:not(html,body)::-webkit-scrollbar-thumb { background:#d7d5d5; height:4px; }
.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 */
.container { max-width:1310px; padding:0 15px; margin:0 auto; }
.main-box .container { max-width:1680px; }

/* header */
header { border-bottom:1px solid #ebebeb; position:relative; z-index:100; }
header .container { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; }
header .header-logo h1 a { display:block; }
header .header-logo h1 a img { width:100px; }
header .header-gnb .header-gnb-head { display:none; }
header .header-gnb .header-gnb-body .head { display:none; }
header .header-gnb .header-gnb-body .list { display:flex; flex-wrap:wrap; align-items:center; }
header .header-gnb .header-gnb-body .list ul { display:flex; flex-wrap:wrap; align-items:center; }
header .header-gnb .header-gnb-body .list ul:after { display:inline-block; content:""; width:1px; height:10px; background:#c3c3c3; margin:0 10px; }
header .header-gnb .header-gnb-body .list ul:last-of-type:after { display:none; }
header .header-gnb .header-gnb-body .list ul li > a { display:block; padding:32px 13px; font-size:16px; font-weight:500; color:#222; }
header .header-gnb .header-gnb-body .list ul li > a:hover { color:#ff5f37; }
header .header-gnb .header-gnb-body .list ul li > button { display:none; }
header .header-gnb .header-gnb-body .list ul li > div { position:absolute; _left:50%; _top:80px; _transform:translateX(-50%); _max-width:1310px; _padding:0 55px; _width:100%; display:none; flex-wrap:wrap; align-items:center; justify-content:flex-end; }
header .header-gnb .header-gnb-body .list ul li > div dl { border-top:1px solid #ebebeb; background:#fdf2f0; padding:0 14px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; }
header .header-gnb .header-gnb-body .list ul li > div dl dd a { padding:23px 14px; font-size:16px; color:#999; text-align:center; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; }
header .header-gnb .header-gnb-body .list ul li > div dl dd a:hover { font-weight:700; color:#222; }
header .header-gnb .header-gnb-body .list ul li:hover > div { display:flex; }
header .header-gnb .header-gnb-body .list ul li.link { margin-left:14px; }
header .header-gnb .header-gnb-body .list ul li.link a { background:#ff5f37; color:#fff; font-size:16px; font-weight:700; padding:15px 20px; border-radius:30px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; }
header .header-gnb .header-gnb-body .list ul li.link.gr a { background:#fff; border:1px solid #999; color:#999; }
header .header-gnb .header-gnb-body .list ul li.active > a { color:#ff5f37; font-weight:700; }
header .header-gnb .header-gnb-body .list ul li > div dl dd.active a { color:#222; font-weight:700; }
@media (max-width:991px) { header.main { border-bottom:0; }
header .header-logo h1 a img { width:69px; margin:15px 0; }
header .header-gnb .header-gnb-head { display:block; }
header .header-gnb .header-gnb-head a { display:block; width:25px; height:25px; font-size:0; background:url('../images/icon_menu.png') no-repeat right center / 20px auto; }
header .header-gnb .header-gnb-body { 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.8); z-index:9999; }
header .header-gnb .header-gnb-body .box { transition:all ease 0.5s; opacity:0; position:absolute; right:-300px; top:0; background:#fff; width:300px; height:100%; }
header .header-gnb .header-gnb-body .head { display:block; padding:15px; }
header .header-gnb .header-gnb-body .head .gnb-head-close { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; }
header .header-gnb .header-gnb-body .head .gnb-head-close a { display:block; font-size:0; width:24px; height:24px; position:relative; }
header .header-gnb .header-gnb-body .head .gnb-head-close a:after { position:absolute; right:0; top:12px; width:100%; height:1px; background:#222; transform:rotate(45deg); content:""; }
header .header-gnb .header-gnb-body .head .gnb-head-close a:before { position:absolute; right:0; top:12px; width:100%; height:1px; background:#222; transform:rotate(-45deg); content:""; }
header .header-gnb .header-gnb-body .head .gnb-head-member { display:flex; flex-wrap:wrap; justify-content:space-between; margin:20px 0 0; }
header .header-gnb .header-gnb-body .head .gnb-head-member .head-member-left > h2 { font-size:20px; font-weight:700; color:#222; }
header .header-gnb .header-gnb-body .head .gnb-head-member .head-member-left > h2 a { display:flex; flex-wrap:wrap; align-items:center; font-size:20px; font-weight:700; color:#222; }
header .header-gnb .header-gnb-body .head .gnb-head-member .head-member-left > h2 a:after { display:inline-block; content:""; width:10px; height:15px; background:url('../images/icon_login_more.png') no-repeat center / cover; margin:0 0 0 15px; }
header .header-gnb .header-gnb-body .head .gnb-head-member .head-member-left > a { color:#999; display:block; font-size:14px; margin:10px 0 0; }
header .header-gnb .header-gnb-body .head .gnb-head-member .head-member-right { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; }
header .header-gnb .header-gnb-body .head .gnb-head-member .head-member-right a { position:relative; top:-15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:5px 10px; border:1px solid #ff5f37; border-radius:30px; color:#ff5f37; font-weight:700; font-size:14px; }
header .header-gnb .header-gnb-body .list { position:relative; padding:20px 15px; margin:20px 0 0; }
header .header-gnb .header-gnb-body .list:before { position:absolute; left:50%; top:0; transform:translateX(-50%); width:calc(100% - 30px); height:1px; background:#ddd; content:""; }
header .header-gnb .header-gnb-body .list ul { width:100%; }
header .header-gnb .header-gnb-body .list ul:after { display:none; }
header .header-gnb .header-gnb-body .list ul li { width:100%; }
header .header-gnb .header-gnb-body .list ul li > a { padding:10px 0; font-size:18px; }
header .header-gnb .header-gnb-body .list ul li > div { position:static; transform:none; width:100%; padding:0; }
header .header-gnb .header-gnb-body .list ul li > div dl { border:0; background:none; }
header .header-gnb .header-gnb-body .list ul li > div dl dd { width:100%; }
header .header-gnb .header-gnb-body .list ul li > div dl dd a { padding:10px 0 10px 0; justify-content:flex-start; }
header .header-gnb .header-gnb-body .list ul li.member { display:none; }
header .header-gnb .header-gnb-body .list ul li.link { margin:20px 0 0; }
header .header-gnb .header-gnb-body .list ul li.depth > a { display:none; }
header .header-gnb .header-gnb-body .list ul li.depth > button { width:100%; padding:10px 0; font-size:18px; font-weight:500; color:#222; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; }
header .header-gnb .header-gnb-body .list ul li.depth > button:after { display:inline-block; content:""; width:7px; height:14px; background:url('../images/icon_more.png') no-repeat center / cover; transform:rotate(90deg); }
header .header-gnb .header-gnb-body .list ul li:hover > div { display:none; }
header .header-gnb .header-gnb-body .list ul li.active > button { color:#ff5f37; font-weight:700; }
header.fixed .header-gnb .header-gnb-body { pointer-events:inherit; opacity:1; }
header.fixed .header-gnb .header-gnb-body .box { right:0; opacity:1; }
 }

/* footer */
footer { border-top:1px solid #ebebeb; padding:80px 0; }
footer .footer-top { display:flex; flex-wrap:wrap; }
footer .footer-top > div { flex:1; min-width:0; display:flex; flex-wrap:wrap; }
footer .footer-top > div:last-of-type { width:25%; flex:none; }
footer .footer-top > div ul li { margin:0 0 10px; display:flex; flex-wrap:wrap; align-items:center; }
footer .footer-top > div ul li:last-of-type { margin:0; }
footer .footer-top > div ul li span { display:flex; flex-wrap:wrap; align-items:center; font-size:16px; color:#737171; }
footer .footer-top > div ul li span:after { display:inline-block; content:""; width:1px; height:10px; background:#dedede; margin:0 10px; }
footer .footer-top > div ul li span:last-of-type:after { display:none; }
footer .footer-top > div ul li span a.link { font-size:16px; color:#737171; font-weight:600; }
footer .footer-top > div ul li > div:not(.button-box) { display:flex; flex-wrap:wrap; align-items:center; width:100%; }
footer .footer-top > div ul li > div:not(.button-box) a { width:50%; text-align:center; font-size:14px; color:#737171; }
footer .footer-top > div ul li > .button-box { width:100%; margin:25px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; }
footer .footer-top > div ul li > .button-box .btn { flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:14px; color:#737171; border:1px solid #ebebeb; border-radius:30px; padding:10px 30px; }
footer .footer-bottom { margin:40px 0 0; }
footer .footer-bottom p { text-align:center; font-size:14px; color:#c1c1c1; }
footer .footer-fixed { position:fixed; right:50px; bottom:70px; z-index:10; }
footer .footer-fixed ul { background:#fff; border:1px solid #dedede; border-radius:30px; padding:15px 0; }
footer .footer-fixed ul li a { display:block; font-size:0; width:55px; height:40px; }
footer .footer-fixed ul li.consult a { background:url('../images/icon_footer_consult.png') no-repeat center / 21px 20px; }
footer .footer-fixed ul li.kakao a { background:url('../images/icon_footer_kakao.png') no-repeat center / 26px 25px; }
footer .footer-fixed ul li.top a { background:url('../images/icon_footer_top.png') no-repeat center / 13px 7px; }
footer .footer-fixed ul li.bottom a { background:url('../images/icon_footer_bottom.png') no-repeat center / 13px 7px; }
footer .footer-fixed ul li.consult a { position:relative; }
footer .footer-fixed ul li.consult a:after { display:block; opacity:0; transition:all ease 0.5s; width:55px; height:43px; position:absolute; right:0px; top:0; content:""; background:url('../images/icon_footer_on_01.png') no-repeat center / cover; }
footer .footer-fixed ul li.consult:hover a:after { opacity:1; right:5px; width:96px;}
footer .footer-fixed ul li.kakao a { position:relative; }
footer .footer-fixed ul li.kakao a:after { display:block; opacity:0; transition:all ease 0.5s; width:55px; height:43px; position:absolute; right:0px; top:0; content:""; background:url('../images/icon_footer_on_02.png') no-repeat center / cover; }
footer .footer-fixed ul li.kakao:hover a:after { opacity:1; right:5px; width:147px; }
footer.black { background:#000; margin:-150px 0 0; }
footer.black .footer-top > div ul li span { color:#fff; }
footer.black .footer-top > div ul li span a.link { color:#fff; }
footer.black .footer-top > div ul li > div:not(.button-box) a { color:#fff; }
footer.black .footer-top > div ul li > .button-box a { background:transparent; border-color:#fff; color:#fff; }
footer.black .footer-bottom p { color:#fff; }
@media (max-width:1200px) { footer .footer-top > div { flex:none; width:100%; display:block; }
footer .footer-top > div:nth-of-type(2) { margin:10px 0 0; }
footer .footer-top > div:last-of-type { width:100%; margin:50px 0 0; }
footer .footer-top > div ul li { justify-content:center; }
footer .footer-top > div ul li > div:not(.button-box) { justify-content:center; }
footer .footer-top > div ul li > div:not(.button-box) a { width:auto; margin:0 15px; font-size:16px; }
footer .footer-top > div ul li > .button-box .btn { flex:none !important; }
 }
@media (max-width:991px) { footer { padding:30px; }
footer .footer-top > div:last-of-type { margin:25px 0 0; }
footer .footer-top > div ul li span { font-size:12px; }
footer .footer-top > div ul li span a { font-weight:normal; font-size:12px; }
footer .footer-top > div ul li span a.link { font-size:12px; }
footer .footer-top > div ul li > div:not(.button-box) a { font-size:12px; }
footer .footer-top > div ul li > .button-box { margin:15px 0 0; }
footer .footer-bottom { margin:30px 0 0; }
footer .footer-fixed { right:15px; bottom:326px; }
footer .footer-fixed ul li a { width:40px; height:25px; }
footer .footer-fixed ul li.consult a { background-size:15px 14px; }
footer .footer-fixed ul li.kakao a { background-size:18px 17px; }
footer .footer-fixed ul li.top a { background-size:9px 5px; }
footer .footer-fixed ul li.bottom a { background-size:9px 5px; }
footer.black { margin-top:-150px; }
 }

/* section */
section { position:relative; padding:150px 0; }
section.bg { background:#fff7f5; }
section.gr { background:#fcfcfc; }
@media (max-width:991px) { section { padding:50px 0; }
 }

/* icon */
.icon { display:flex; flex-wrap:wrap; align-items:center; }
.icon-secret { width:14px; height:18px; font-size:0; background:url('../images/icon_secret.png') no-repeat center / cover; }
.icon-reply { font-size:14px; }
.icon-reply:after { display:inline-block; content:""; width:13px; height:13px; background:url('../images/icon_reply.png') no-repeat center / cover; margin:0 0 0 5px; }
.icon-reply.active { color:#ff7755; }
.icon-reply.active:after { background-image:url('../images/icon_reply_on.png'); }
@media (max-width:991px){
 .icon-secret { width:8px; height:11px; }
.icon-reply { font-size:12px; }
.icon-reply:after { margin:0 0 0 3px; }
 }

/* popup-box */
.popup-box { pointer-events:none; transition:all ease 0.5s; opacity:0; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; background:rgba(0,0,0,0.35); }
.popup-box .box { pointer-events:none; transition:all ease 0.5s; opacity:0; background:#fff; position:absolute; left:50%; top:45%; transform:translate(-50%,-50%); }
.popup-box .box.alert { width:100%; max-width:460px; box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:25px; padding:70px 30px; }
.popup-box .box.basic { width:100%; max-width:705px; box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:25px; padding:70px 40px; }
.popup-box .box .popup-body p { font-size:16px; line-height:1.5; }
.popup-box .button-box .btn { width:140px; padding:0; }
.popup-box.fixed { pointer-events:inherit; opacity:1; }
.popup-box.fixed .box.active { pointer-events:inherit; opacity:1; top:50%; }
.popup-box .box .popup-body .join_desc {width:100%;max-height:500px;overflow:scroll;overflow-x:auto;white-space:pre-wrap;}
@media (max-width:991px){
 .popup-box .box.alert { padding:60px 35px; max-width:460px; width:calc(100% - 30px); }
.popup-box .box.basic { width:calc(100% - 30px); padding:60px 25px; }
.popup-box .box .popup-body p { font-size:15px; }
.popup-box .button-box .btn { width:100px; }
.popup-box .box .popup-body .join_desc {max-height:400px;}
 }

/* center-box */
.center-box { width:100%; max-width:640px; margin:0 auto; }

/* title-box */
.title-box { display:flex; flex-wrap:wrap; align-items:baseline; }
.title-box h2 { font-size:40px; font-weight:bold; color:#222; }
.title-box h2:after { display:inline-block; content:""; width:8px; height:8px; border-radius:50%; background:#ff5f37; margin:0 0 0 5px; }
.title-box h3 { font-size:30px; font-weight:bold; color:#222; text-align:center; }
@media (max-width:991px){
 .title-box h2 { font-size:23px; }
.title-box h2:after { width:4px; height:4px; }
.title-box h3 { font-size:20px; }
 }

/* category-box */
.category-box ul { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; }
.category-box ul li a { border-bottom:3px solid #dedede; padding:15px 40px; font-size:19px; font-weight:bold; color:#222; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; }
.category-box ul li.active a { color:#ff5f37; border-color:#ff5f37; }
@media (max-width:991px){
 .category-box ul li a { padding:15px 25px; font-size:18px; }
 }

/* switch-box */
.switch-box { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; }
.switch-box ul { padding:4px; border-radius:50px; background:#ff5f37; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; }
.switch-box ul li { position:relative; }
.switch-box ul li a { height:50px; padding:0 63px; font-size:23px; font-weight:bold; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; }
.switch-box ul li.active a { background:#fff; border-radius:50px; color:#ff5f37; }
.switch-box ul li small { position:absolute; left:0; top:-25px; width:100%; text-align:center; font-size:15px; font-weight:bold; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; }
.switch-box ul li small:before { display:inline-block; content:""; width:12px; height:12px; background:url('../images/icon_flower.png') no-repeat center / cover; margin:0 10px 0 0; }
.switch-box ul li small:after { display:inline-block; content:""; width:12px; height:12px; background:url('../images/icon_flower.png') no-repeat center / cover; margin:0 0 0 10px; }
@media (max-width:991px){
 .switch-box ul li a { height:40px; padding:0 45px; font-size:18px; }
.switch-box ul li small { font-size:12px; }
 }

/* sca-box */
.sca-box { position:relative; display:flex; flex-wrap:wrap; align-items:center; }
.sca-box ul { display:flex; flex-wrap:wrap; align-items:center; overflow:hidden; border-radius:30px; }
.sca-box ul li { border:1px solid #dedede; border-width:1px 0; }
.sca-box ul li:first-of-type { border-left:1px solid #dedede; border-radius:30px 0 0 30px; }
.sca-box ul li:last-of-type { border-right:1px solid #dedede; border-radius:0 30px 30px 0; }
.sca-box ul li a { font-size:16px; height:45px; padding:0 40px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; position:relative; }
.sca-box ul li a:before { position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:10px; background:#dedede; content:""; }
.sca-box ul li:last-of-type a:before { display:none; }
.sca-box ul li.active a { background:#ff5f37; color:#fff; font-weight:600; border-color:#ff5f37; }
.sca-box ul li.active a:before { display:none; }
.sca-box ul li.active2 a { background:#579dec; color:#fff; font-weight:600; border-color:#ff5f37; }
.sca-box ul li.active2 a:before { display:none; }
/*.sca-box ul li.active a:after { display:inline-block; content:""; width:12px; height:8px; background:url('../images/icon_sca_on.png') no-repeat center / cover; margin:0 0 0 10px; } */
.sca-box #product_view li.active a:after { display: inline-block; content: ""; width: 12px; height: 8px; background: url('../images/icon_sca_on.png') no-repeat center / cover; margin: 0 0 0 10px; }
.sca-box.table ul { display:table; table-layout:fixed; width:100%; border-radius:10px; }
.sca-box.table ul li { display:table-cell; }
.sca-box.table ul li:first-of-type { border-radius:10px 0 0 10px; }
.sca-box.table ul li:last-of-type { border-radius:0 10px 10px 0; }
.sca-box.table ul li a { height:50px; }
.sca-box.table ul li.active a { border-radius:10px; }
.sca-box.table ul li.active a:after { display:none; }
.sca-box .sca-text-box { position:absolute; right:-250px; top:50%; transform:translateY(-50%); }
@media (max-width:991px){
 .sca-box { display:block; }
.sca-box ul { display:block; margin:0 -15px; overflow-x:auto; white-space:nowrap; text-align:center; }
.sca-box ul::-webkit-scrollbar { display:none; }
.sca-box ul li { margin:0 5px 0 0; display:inline-block; border:0; }
.sca-box ul li:first-of-type { margin-left:15px; }
.sca-box ul li:last-of-type { margin-right:15px; }
.sca-box ul li a { border:0 !important; height:34px; padding:0 15px; background:#f5f5f5; font-size:13px; color:#999; border-radius:30px; }
.sca-box ul li a:before { display:none; }
.sca-box ul li.active a:after { display:none; }
.sca-box.table ul { display:table; margin:0; background:#f5f5f5; }
.sca-box.table ul li { display:table-cell; overflow:hidden; border:0; }
.sca-box.table ul li a { height:35px; border-radius:0; }
.sca-box.table ul li a:before { display:inline-block; }
.sca-box.table ul li:last-of-type a:before { display:none; }
.sca-box.table ul li.active a:before { display:none; }
.sca-box .sca-text-box { position:static; transform:none; }
 }

/* search-box */
.search-box form { border:1px solid #dedede; border-radius:30px; overflow:hidden; display:flex; flex-wrap:wrap; align-items:center; max-width:385px; width:100%; }
.search-box form:before { margin:0 0 0 15px; display:inline-block; content:""; width:22px; height:22px; background:url('../images/icon_search.png') no-repeat center / cover; }
.search-box form input { flex:1; min-width:0; height:45px; padding:0 15px; font-size:16px; color:#000; }
.search-box form input::placeholder { color:#dedede; }
.search-box form a { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-indent:-5px; width:110px; height:45px; border-left:1px solid #dedede; font-size:16px; font-weight:500; color:#222; }
@media (max-width:991px){
 .search-box form { max-width:260px; margin:0 auto; }
.search-box form:before { width:15px; height:15px; margin:0 0 0 10px; }
.search-box form input { height:32px; font-size:12px; padding:0 10px; }
.search-box form a { width:60px; height:32px; font-size:12px; }
 }

/* button-box */
.button-box { display:flex; flex-wrap:wrap; align-items:center; }
.button-box .btn { height:46px; padding:0 55px; border-radius:30px; font-size:16px; font-weight:600; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; }
.button-box .btn-white { background:#fff; color:#222; border:1px solid #dedede; }
.button-box .btn-active { background:#ff5f37; color:#fff; }
.button-box .btn-bd-black { border:1px solid #999; background:#fff; color:#222; }
.button-box .btn-bd-active { background:#fff; color:#ff5f37; border:1px solid #ff5f37; }
.button-box .btn.lg { height:57px; font-size:20px; }
@media (max-width:991px){
 .button-box .btn { padding:9px 35px; height:35px; font-size:12px; }
.button-box .btn.lg { height:45px; }
 }

/* sticker-box */
.sticker-box { display:flex; flex-wrap:wrap; align-items:center; }
.sticker-box span { padding:9px 32px; font-size:14px; font-weight:500; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:30px; }
.sticker-box span.bu { background:#017aed; color:#fff; }
.sticker-box span.gn { background:#50b659; color:#fff; }
.sticker-box span.rd { background:#ff5f37; color:#fff; }
.sticker-box span.yl { background:#ffe066; color:#222; }
.sticker-box span.pk { background:#ff69b4; color:#fff; }
.sticker-box span.bk { background:#222; color:#fff; }
.sticker-box span.or { background:#ffa500; color:#fff; }
.sticker-box span.nv { background:#1ec800; color:#fff; }
.sticker-box span.cy { background:#00b8ff; color:#fff; }
@media (max-width:991px){
 .sticker-box span { padding:5px 15px; font-size:12px; }
 }

/* guide-box */
.guide-box ul li { display:flex; flex-wrap:wrap; margin:0 0 10px; }
.guide-box ul li:last-of-type { margin:0; }
.guide-box ul li p { font-size:16px; line-height:1.3; color:#999; flex:1; min-width:0; padding-left:10px; }
.guide-box ul li:before { display:inline-block; content:""; position:relative; top:5px; width:14px; height:14px; background:url('../images/icon_guide.png') no-repeat center / cover; }
@media (max-width:991px){
 .guide-box ul li p { font-size:12px; padding-left:7px; }
.guide-box ul li:before { top:3; }
 }

/* text-box */
.text-box p { font-size:16px; line-height:1.5; color:#333; padding-top:10px; }
.text-box p b { font-size:16px; line-height:1.5; color:#333; font-weight:600; }
@media (max-width:991px){
 .text-box p { font-size:12px; }
.text-box p { padding-top: 0px; }
.text-box p b { font-size:12px; }
 }

/* select-box */
.select-box { position:relative; display:flex; flex-wrap:wrap; align-items:center; }
.select-box button { text-align: left; font-size: 18px; color: #999; flex: 1; min-width: 0; height: 50px; border: 1px solid #dedede; border-radius: 10px; padding: 0 15px; background: #fff url('../images/icon_select.png') no-repeat calc(100% - 30px) center / 13px 7px; }
.select-box #select { text-align: left; font-size: 18px; color: #999; flex: 1; min-width: 0; height: 50px; border: 1px solid #dedede; border-radius: 10px; padding: 0 15px; background: #fff url('../images/icon_select.png') no-repeat calc(100% - 30px) center / 13px 7px; }
.select-box #site { text-align: left; font-size: 18px; color: #999; flex: 1; min-width: 0; height: 50px; border: 1px solid #dedede; border-radius: 10px; padding: 0 15px; background: #fff url('../images/icon_select.png') no-repeat calc(100% - 30px) center / 13px 7px; }
.select-box div { display:none; position:absolute; left:0; top:55px; width:100%; border:1px solid #d7d7d7; background:#fff; border-radius:10px; padding:10px; }
.select-box div dl dd a { display:flex; flex-wrap:wrap; align-items:center; padding:15px; border-radius:10px; font-size:18px; color:#999; }
.select-box div dl dd a:hover { background:#ffefeb; color:#ff4800; }
.select-box div dl dd.active a { background:#ffefeb; color:#ff4800; }
.select-box.active { z-index:10; }
.select-box.on button { color:#000; }
@media (max-width:991px){
 .select-box button { height:35px; padding:0 15px; font-size:15px; background-size:9px 5px; background-position:calc(100% - 15px) center; }
.select-box div { top:40px; }
.select-box div dl dd a { padding:10px; font-size:15px; }
 }

/* input-box */
.input-box { display:flex; flex-wrap:wrap; align-items:center; }
.input-box input { font-size:18px; color:#000; flex:1; min-width:0; height:50px; border:1px solid #dedede; border-radius:10px; padding:0 15px; background:#fff; }
.input-box input::placeholder { color:#999; }
.input-box input:focus { border-color:#ff5f37; }
.input-box.required input { border-color:#ff5f37; }
.input-box.required input::placeholder { color:#ff5f37; }
.input-box.side { position:relative; }
.input-box.side em { position:absolute; right:15px; top:50%; transform:translateY(-50%); font-size:18px; }
.input-box.side input { padding-right:110px; }
@media (max-width:991px){
 .input-box input { height:35px; padding:0 15px; font-size:15px; }
.input-box.side em { font-size:15px; }
.input-box.side input { padding-right:95px; }
 }

/* textarea-box */
.textarea-box textarea { width:100%; height:450px; border:1px solid #dedede; border-radius:10px; padding:20px 15px; font-size:18px; line-height:1.5; color:#000; }
.textarea-box textarea::placeholder { color:#999; }
.textarea-box textarea:focus { border-color:#ff5f37; }
@media (max-width:991px){
 .textarea-box textarea { height:245px; font-size:15px; padding:15px; }
 }

/* file-box */
.file-box .file-head { display:flex; flex-wrap:wrap; align-items:center; }
.file-box .file-head label { width:120px; height:40px; border-radius:10px; background:#999; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; position:relative; overflow:hidden; }
.file-box .file-head label input { position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; }
.file-box .file-head label strong { font-size:16px; color:#fff; }
.file-box .file-body { margin:20px 0 0; padding:30px; background:#fcfcfc; border-radius:10px; }
.file-box .file-body ul li { margin:0 0 15px; }
.file-box .file-body ul li:last-of-type { margin:0; }
.file-box .file-body ul li a { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; }
.file-box .file-body ul li a div { flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; }
.file-box .file-body ul li a div p { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; }
.file-box .file-body ul li a div em { font-size:16px; color:#999; margin:0 0 0 5px; }
@media (max-width:991px){
 .file-box .file-body { margin:10px 0 0; padding:20px 25px; }
.file-box .file-body ul li { margin:0 0 10px; }
.file-box .file-body ul li a div p { font-size:12px; }
.file-box .file-body ul li a div em { font-size:12px; }
.file-box .file-body ul li a:after { display:none; }
 }

/* radio-box */
.radio-box ul { display:flex; flex-wrap:wrap; margin:0 -5px -10px; }
.radio-box ul li { width:calc(25% - 10px); margin:0 5px 10px; position:relative; overflow:hidden; }
.radio-box ul li input { position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.radio-box ul li label { height:50px; border:1px solid #dedede; border-radius:30px; font-size:16px; color:#333; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; }
.radio-box ul li label strong { font-size:16px; color:#ff0000; margin:0 0 0 10px; }
.radio-box ul li input:checked ~ label { border-color:#ff5f37; color:#ff5f37; font-weight:600; }
.radio-box ul li input:disabled ~ label { background:#e7e7e7; color:rgba(0,0,0,0.4); }
.radio-box ul li input:disabled ~ label strong { opacity:0.4; }
@media (max-width:991px){
 .radio-box ul { margin:0 -2.5px -5px; }
.radio-box ul li { width:calc(33.33% - 5px); margin:0 2.5px 5px; }
.radio-box ul li label { height:35px; font-size:12px; }
.radio-box ul li label strong { font-size:12px; margin:0 0 0 5px; }
 }

/* price-check-box */
.price-check-box { display:flex; flex-wrap:wrap; align-items:center; border:1px solid #dedede; border-radius:10px; }
.price-check-box ul { flex:1; min-width:0; display:table; table-layout:fixed; width:100%; }
.price-check-box ul li { position:relative; overflow:hidden; display:table-cell; cursor:pointer; }
.price-check-box ul li input { position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.price-check-box ul li label { cursor:pointer; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:50px; font-size:16px; font-weight:500; position:relative; }
.price-check-box ul li label:after { position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:10px; background:#dedede; content:""; }
.price-check-box ul:last-of-type li:last-of-type label:after { display:none; }
.price-check-box ul li input:checked ~ label { background:#ff5f37; color:#fff; border-radius:10px; }
.price-check-box ul li input:checked ~ label:after { display:none; }
@media (max-width:991px){
 .price-check-box { border:0; border-radius:0; }
.price-check-box ul { width:100%; flex:none; margin:0 0 10px; border-radius:10px; border:1px solid #dedede; }
.price-check-box ul:last-of-type { margin:0; }
.price-check-box ul li label { height:35px; font-size:12px; }
.price-check-box ul li:last-of-type label:after { display:none; }
 }

/* info-box */
.info-box { border-top:1px solid #dedede; margin:35px 0 0; padding:35px 15px; }
.info-box dl dd { margin:0 0 25px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; }
.info-box dl dd:last-of-type { margin:0; }
.info-box dl dd p { font-size:20px; }
.info-box dl dd p:last-of-type { display:flex; flex-wrap:wrap; align-items:baseline; }
.info-box dl dd p em { font-size:15px; padding:0 0 0 5px; }
.info-box dl dd p span { font-size: 20px; }
/*.info-box dl dd p #price { text-decoration:line-through; } */
.info-box dl dd p.active { color:#ff5f37; font-weight:700; }
.info-box dl dd p.active em { color:#ff5f37; }
@media (max-width:991px){
 .info-box { margin:20px 0 0; padding:20px; }
.info-box dl dd p { font-size:15px; }
.info-box dl dd p span { font-size: 15px; }
.info-box dl dd p em { font-size:15px; }
 }

/* buy-method-box */
.buy-method-box ul { display:flex; flex-wrap:wrap; justify-content:space-between; }
.buy-method-box ul li { width:calc(33.33% - 12px); position:relative; overflow:hidden; }
.buy-method-box ul li input { position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.buy-method-box ul li label { height:80px; border:1px solid #e0e0e0; border-radius:10px; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center; }
.buy-method-box ul li label b { text-align:center; width:100%; font-size:14px; margin:5px 0 0; }
.buy-method-box ul li label:before { display:block; margin:0 auto; width:34px; height:34px; background-position:center; background-repeat:no-repeat; content:""; }
.buy-method-box ul li:nth-of-type(1) label:before { background-image:url('../images/icon_method_01.png'); background-size:34px auto; }
.buy-method-box ul li:nth-of-type(2) label:before { background-image:url('../images/icon_method_02.png'); background-size:30px auto; }
.buy-method-box ul li:nth-of-type(3) label:before { background-image:url('../images/icon_method_03.png'); background-size:30px auto; }
.buy-method-box ul li input:checked ~ label { border-color:#ff5f37; }
.buy-method-box ul li input:checked ~ label b { font-weight:600; color:#ff5f37; }
.buy-method-box ul li:nth-of-type(1) input:checked ~ label:before { background-image:url('../images/icon_method_01_on.png'); }
.buy-method-box ul li:nth-of-type(2) input:checked ~ label:before { background-image:url('../images/icon_method_02_on.png'); }
.buy-method-box ul li:nth-of-type(3) input:checked ~ label:before { background-image:url('../images/icon_method_03_on.png'); }
@media (max-width:991px){
 .buy-method-box ul li { width:calc(33.33% - 6px); }
.buy-method-box ul li label b { font-size:12px; }
 }

/* faq-box */
.faq-box .list .list-item { border-bottom:1px solid #dedede; }
.faq-box .list .list-item .list-head a { padding:28px 0; display:flex; flex-wrap:wrap; align-items:center; }
.faq-box .list .list-item .list-head a b { font-size:16px; color:#ff5f37; padding:0 28px; }
.faq-box .list .list-item .list-head a p { padding:0 30px; font-size:18px; flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; }
.faq-box .list .list-item .list-head a p span { font-size:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; flex:1; min-width:0; padding-right:20px; }
.faq-box .list .list-item .list-head a p:after { display:inline-block; content:""; width:22px; height:12px; background:url('../images/icon_arrow_bottom.png') no-repeat center / cover; }
.faq-box .list .list-item .list-head a strong { font-size:20px; font-weight:900; color:#dedede; }
.faq-box .list .list-item .list-body { display:none; flex-wrap:wrap; background:#fbfbfb; padding:40px 0; padding-left:115px; }
.faq-box .list .list-item .list-body strong { font-size:20px; font-weight:900; line-height:1.5; color:#a7a7a7; margin-right:30px; }
.faq-box .list .list-item .list-body p { flex:1; min-width:0; font-size:18px; line-height:1.5; word-break:keep-all; }
.faq-box .list .list-item.active .list-head a p:after { transform:rotate(180deg); }
.faq-box .list .list-item.active .list-head a strong { color:#ff5f37; }
.faq-box .list .list-item.active .list-body { display:flex; }
@media (max-width:991px){
 .faq-box .list .list-item .list-head a { padding:20px 0; }
.faq-box .list .list-item .list-head a b { font-size:12px; padding:0; }
.faq-box .list .list-item .list-head a p { padding:0 5px 0 10px; }
.faq-box .list .list-item .list-head a p span { font-size:15px; padding-right:10px; }
.faq-box .list .list-item .list-head a p:after { width:10px; height:6px; }
.faq-box .list .list-item .list-head a strong { font-size:15px; margin-left:10px; }
.faq-box .list .list-item .list-body { padding:20px 20px 40px; }
.faq-box .list .list-item .list-body strong { font-size:15px; margin-right:0; }
.faq-box .list .list-item .list-body p { margin-left:20px; font-size:15px; }
 }

/* paging-box */
.paging-box { margin:60px 0 0; }
.paging-box ul { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; }
.paging-box ul li { margin:0 10px; }
.paging-box ul li a { width:30px; height:30px; font-size:14px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; }
.paging-box ul li.active a { background:#f7f7f7; border-radius:50%; }
.paging-box ul li.paging-btn a { font-size:0; }
.paging-box ul li.paging-btn.prev a { background:url('../images/icon_paging_single.png') no-repeat center / 7px 11px; }
.paging-box ul li.paging-btn.first a { background:url('../images/icon_paging_double.png') no-repeat center / 12px 11px; }
.paging-box ul li.paging-btn.next a { transform:rotate(180deg); background:url('../images/icon_paging_single.png') no-repeat center / 7px 11px; }
.paging-box ul li.paging-btn.last a { transform:rotate(180deg); background:url('../images/icon_paging_double.png') no-repeat center / 12px 11px; }
@media (max-width:991px){
 .paging-box ul li { margin:0 5px; }
.paging-box ul li a { width:20px; height:20px; font-size:12px; }
.paging-box ul li.paging-btn.first a { background-size:7px 8px; }
.paging-box ul li.paging-btn.last a { background-size:7px 8px; }
.paging-box ul li.paging-btn.prev a { background-size:4px 8px; }
.paging-box ul li.paging-btn.next a { background-size:4px 8px; }
 }

/* gallery-box */
.gallery-box .list { display:flex; flex-wrap:wrap; margin:0 -12px -24px; }
.gallery-box .list .list-item { width:calc(33.33% - 24px); margin:0 12px 24px; border:1px solid #d7d7d7; border-radius:10px; overflow:hidden; }
.gallery-box .list .list-item a { display:block; }
.gallery-box .list .list-item .list-image { position:relative; }
.gallery-box .list .list-item .list-image:after { display:block; content:""; padding-bottom:61.5%; }
.gallery-box .list .list-item .list-image img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:fill; }
.gallery-box .list .list-item .list-image .sticker-box { position:absolute; left:15px; top:15px; z-index:2; }
.gallery-box .list .list-item .list-content { padding:20px; }
.gallery-box .list .list-item .list-content p { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:20px; font-weight:600; }
@media (max-width:991px){
 .gallery-box .list { margin:0 -5px -10px; }
.gallery-box .list .list-item { width:calc(50% - 10px); margin:0 5px 10px; }
.gallery-box .list .list-item .list-image .sticker-box { left:10px; top:10px; }
.gallery-box .list .list-item .list-content { padding:10px; }
.gallery-box .list .list-item .list-content p { font-size:15px; }
 }

/* list-none-box */
.list-none-box { border-bottom:1px solid #dedede; }
.list-none-box p { text-align:center; font-size:18px; font-weight:500; padding:30px 0; }
@media (max-width:991px){
 .list-none-box p { font-size:15px; padding:20px 0; }
 }

/* board-list-box */
.board-list-box { width:100%; overflow-x:auto; white-space:nowrap; }
.board-list-box table { table-layout:auto; }
.board-list-box table tr td { padding:22px 28px; font-size:16px; border-bottom:1px solid #dedede; }
.board-list-box table tr td.category { font-size:16px; color:#ff5f37; }
.board-list-box table tr td.subject { max-width:800px; }
.board-list-box table tr td.subject a { display:block; text-align:left; }
.board-list-box table tr td.subject a .is-pc p { font-size:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
@media (max-width:991px){
 .board-list-box table { table-layout:fixed; }
.board-list-box table tr td { padding:20px 10px; }
.board-list-box table tr td.pc { display:none !important; }
.board-list-box .board-list-mobile { display:flex; flex-wrap:wrap; align-items:center; }
.board-list-box .board-list-mobile .board-list-left { margin:0 15px 0 0; }
.board-list-box .board-list-mobile .board-list-right { flex:1; min-width:0; text-align:left; }
.board-list-box .board-list-mobile .board-list-right b { font-size:12px; color:#ff5f37; }
.board-list-box .board-list-mobile .board-list-right p { font-size:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:5px 0 10px; }
.board-list-box .board-list-mobile .board-list-right dl { display:flex; flex-wrap:wrap; align-items:center; }
.board-list-box .board-list-mobile .board-list-right dl dd { margin:0 10px 0 0; font-size:12px; }
.board-list-box .board-list-mobile .board-list-right dl dd:last-of-type { margin:0; }
 }

/* board-view-box */
.board-view-box .view-top { display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; border-bottom:1px solid #dedede; padding:25px 30px; }
.board-view-box .view-top .view-top-left { flex:1; min-width:0; padding-right:30px; }
.board-view-box .view-top .view-top-left h2 { font-size:24px; line-height:1.3; font-weight:bold; margin:0 0 15px; }
.board-view-box .view-top .view-top-left dl { display:flex; flex-wrap:wrap; align-items:center; }
.board-view-box .view-top .view-top-left dl dd { margin:0 20px 0 0; font-size:16px; color:#999; }
.board-view-box .view-top .view-top-left dl dd:last-of-type { margin:0; }
.board-view-box .view-top .view-top-left dl dd.active { color:#ff5f37; }
.board-view-box .view-head { border-bottom:1px solid #dedede; padding:25px 30px; }
.board-view-box .view-head h2 { font-size:24px; font-weight:700; line-height:1.5; word-break:keep-all; }
.board-view-box .view-head time { margin:10px 0 0; display:block; font-size:16px; color:#999; }
.board-view-box .view-body { padding:55px 30px; border-bottom:1px solid #dedede; }
.board-view-box .view-body img { max-width:100% }
.board-view-box .view-body .view-body-content p { font-size:16px; line-height:1.5; word-break:keep-all; }
.board-view-box .view-body .view-body-file { margin:100px 0 0; padding:30px; background:#fcfcfc; border-radius:10px; }
.board-view-box .view-body .view-body-file ul li { margin:0 0 15px; }
.board-view-box .view-body .view-body-file ul li:last-of-type { margin:0; }
.board-view-box .view-body .view-body-file ul li a { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; }
.board-view-box .view-body .view-body-file ul li a div { flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; }
.board-view-box .view-body .view-body-file ul li a div p { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; }
.board-view-box .view-body .view-body-file ul li a div em { font-size:16px; color:#999; margin:0 0 0 5px; }
.board-view-box .view-body .view-body-file ul li a:after { display:inline-block; content:""; width:18px; height:18px; background:url('../images/icon_file.png') no-repeat center / cover; }
.board-view-box .view-reply .reply-none p { text-align:center; font-size:15px; line-height:1.3; color:#999; }
.board-view-box .view-reply .reply-none p:before { display:block; content:""; margin:0 auto 20px; width:35px; height:35px; background:url('../images/icon_load.png') no-repeat center / cover; }
.board-view-box .view-reply .list { margin:40px 0 0; }
.board-view-box .view-reply .list .list-item { margin:0 0 20px; padding:30px; background:#fff7f5; border-radius:10px; }
.board-view-box .view-reply .list .list-item:last-of-type { margin:0; }
.board-view-box .view-reply .list .list-item strong { margin:0 0 15px; display:block; font-size:18px; color:#ff5f37; font-weight:700; }
.board-view-box .view-reply .list .list-item p { font-size:16px; line-height:1.5; word-break:keep-all; margin:0 0 10px; }
.board-view-box .view-reply .list .list-item time { font-size:12px; color:#999; font-weight:500; }
@media (max-width:991px){
 .board-view-box .view-top { padding:15px 0; }
.board-view-box .view-top .view-top-left { order:2; width:100%; margin:20px 0 0; padding:0 20px; }
.board-view-box .view-top .view-top-left h2 { font-size:18px; margin:0 0 10px; }
.board-view-box .view-top .view-top-left dl dd { margin:0 10px 0 0; font-size:12px; }
.board-view-box .view-top .view-top-right { order:1; width:100%; }
.board-view-box .view-head { padding:15px 25px; }
.board-view-box .view-head h2 { font-size:18px; }
.board-view-box .view-head time { font-size:12px; margin:5px 0 0; }
.board-view-box .view-body { padding:25px; }
.board-view-box .view-body .view-body-content p { font-size:15px; }
.board-view-box .view-body .view-body-file { margin:50px -25px 0; padding:20px 25px; }
.board-view-box .view-body .view-body-file ul li { margin:0 0 10px; }
.board-view-box .view-body .view-body-file ul li a div p { font-size:12px; }
.board-view-box .view-body .view-body-file ul li a div em { font-size:12px; }
.board-view-box .view-body .view-body-file ul li a:after { width:14px; height:14px; }
.board-view-box .view-reply .reply-none p { font-size:12px; }
.board-view-box .view-reply .reply-none p:before { width:20px; height:20px; margin:0 auto 10px; }
.board-view-box .view-reply .list { margin:30px 0 0; }
.board-view-box .view-reply .list .list-item { padding:20px; }
.board-view-box .view-reply .list .list-item strong { font-size:16px; margin:0 0 10px; }
.board-view-box .view-reply .list .list-item p { font-size:14px; }
 }

/* table-box */
.table-box .table-head strong { display:block; font-size:18px; font-weight:bold; padding:24px 30px; }
.table-box .table-body { border-top:1px solid #222; }
.table-box .table-body table { table-layout:auto; }
.table-box .table-body table tr th { padding:20px 30px; font-size:18px; text-align:center; border-bottom:1px solid #e7e7e7; background:#fcfcfc; }
.table-box .table-body table tr th span { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid #ff0000; border-radius:2px; font-size:14px; color:#ff0000; font-weight:bold; padding:5px 15px; }
.table-box .table-body table tr td { padding:20px 70px; font-size:18px; text-align:left; border-bottom:1px solid #e7e7e7; }
.table-box .table-body table tr th.active { color:#ff5f37; font-weight:bold; }
.table-box .table-body table tr td.active { font-weight:bold; }
@media (max-width:991px){
 .table-box .table-head strong { font-size:15px; padding:20px 10px; }
.table-box .table-body table colgroup col { width:auto !important; }
.table-box .table-body table tr th { padding:14px 10px; font-size:13px; }
.table-box .table-body table tr th span { font-size:12px; padding:5px 10px; }
.table-box .table-body table tr td { padding:14px 10px; font-size:13px; line-height:1.5; }
.table-box .table-body table tr td a { font-size:13px; line-height:1.5; font-weight:bold; }
 }

/* message-box */
.message-box { padding:65px 30px; background:#fafafa; border-radius:15px; }
.message-box p { font-size:45px; font-weight:bold; line-height:1.5; text-align:center; }
.message-box p:before { display:block; margin:0 auto 35px; content:""; width:74px; height:74px; background:url('../images/icon_message.png') no-repeat center / cover; }
@media (max-width:991px){
 .message-box { padding:35px 15px; border-radius:10px; }
.message-box p { font-size:20px; }
.message-box p:before { width:30px; height:30px; margin:0 auto 10px; }
 }

/* buy-box */
.buy-box .list { display:flex; flex-wrap:wrap; margin:0 -14px; }
.buy-box .list .list-item { position:relative; width:calc(25% - 28px); padding:45px 55px; margin:0 14px; background:#fff; border:2px solid #fff; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,0.05); }
.buy-box .list .list-item .subject { text-align:center; font-size:30px; font-weight:bold; }
.buy-box .list .list-item .price { margin:30px -15px 0; }
.buy-box .list .list-item .price strong { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:center; }
.buy-box .list .list-item .price strong span { font-size:48px; font-weight:800; letter-spacing:-2px; }
.buy-box .list .list-item .price strong em { font-size:30px; font-weight:300; margin:0 5px 0 0; }
.buy-box .list .list-item .price strong small { font-size:20px; font-weight:600; }
.buy-box .list .list-item .price strike { height:34px; position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-decoration:none; }
.buy-box .list .list-item .price strike span { letter-spacing:-1px; font-size:34px; color:#999; }
.buy-box .list .list-item .price strike em { font-size:30px; font-weight:300; margin:0 5px 0 0; color:#999; }
.buy-box .list .list-item .price strike:after { position:absolute; left:50%; top:65%; transform:translate(-50%,-50%); width:172px; height:14px; background:url('../images/icon_sale.png') no-repeat center / cover; content:""; }
.buy-box .list .list-item .price strike.none:after { display:none; }
.buy-box .list .list-item .detail { text-align:center; margin:30px 0 0; font-size:20px; font-weight:bold; }
.buy-box .list .list-item .button { margin:25px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; }
.buy-box .list .list-item .button a { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:52px; font-size:25px; font-weight:bold; color:#ff5f37; border:1px solid #ff5f37; border-radius:50px; flex:1; }
.buy-box .list .list-item .option { margin:35px 0 0; }
.buy-box .list .list-item .option dl dd { margin:0 0 20px; display:flex; flex-wrap:wrap; align-items:center; font-size:20px; }
.buy-box .list .list-item .option dl dd:last-of-type { margin:0; }
.buy-box .list .list-item .option dl dd:before { display:inline-block; margin:0 5px 0 0; content:""; width:22px; height:18px; background:url('../images/icon_check_option.png') no-repeat center / cover; }
.buy-box .list .list-item .sale { background:#ff5f37; color:#fff; font-size:20px; font-weight:bold; padding:10px; position:absolute; left:-2px; top:-40px; width:calc(100% + 4px); display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:10px 10px 0 0; }
.buy-box .list .list-item:hover { border-color:#ff5f37; box-shadow:0 0 10px rgba(255,95,55,0.3); }
.buy-box .list .list-item:hover .button a { background:#ff5f37; color:#fff; }
.buy-box .list .list-item:hover .sale { box-shadow:0 0 10px rgba(255,95,55,0.3); }
.buy-box .list .list-item:nth-of-type(3) { border-radius:0 0 10px 10px; }
@media (max-width:1350px){
 .buy-box .list { margin:0 -7.5px; }
.buy-box .list .list-item { width:calc(25% - 15px); margin:0 7.5px; padding:45px 25px; }
.buy-box .list .list-item .price strong span { font-size:40px; }
 }
@media (max-width:1100px){
 .buy-box .list .list-item .detail { font-size:18px; }
.buy-box .list .list-item .button a { height:45px; font-size:20px; }
 }
@media (max-width:991px){
 .buy-box .list { margin:0; }
.buy-box .list .list-item { width:100%; margin:0 0 30px; padding:30px 20px; display:flex; flex-wrap:wrap; align-items:center; }
.buy-box .list .list-item:last-of-type { margin:0; }
.buy-box .list .list-item .list-item-left { order:1; width:55%; padding-right:10px; }
.buy-box .list .list-item .subject { font-size:24px; }
.buy-box .list .list-item .price { margin:20px 0 0; }
.buy-box .list .list-item .price strong span { font-size:30px; }
.buy-box .list .list-item .price strong em { font-size:20px; }
.buy-box .list .list-item .price strong small { font-size:14px; }
.buy-box .list .list-item .price strike span { font-size:20px; }
.buy-box .list .list-item .price strike em { font-size:15px; }
.buy-box .list .list-item .price strike:after { width:107px; height:14px; background:url('../images/icon_check_option2.png') no-repeat center / cover; }
.buy-box .list .list-item .price strike.none { display:none; height:auto; }
.buy-box .list .list-item .option { width:45%; order:2; margin:0; padding-left:10px; }
.buy-box .list .list-item .option dl dd { font-size:15px; margin:0 0 15px; }
.buy-box .list .list-item .option dl dd:before { width:16px; height:13px; }
.buy-box .list .list-item .sale { position:static; font-size:18px; width:calc(100% + 44px); margin:-32px -22px 30px; }
.buy-box .list .list-item .button { width:100%; order:3; }
.buy-box .list .list-item .detail { font-size:15px; }
.buy-box .list .list-item:nth-of-type(3) { border-radius:10px; }
 }

/* form-box */
.form-box .form-group { display:flex; flex-wrap:wrap; margin:0 0 30px; }
.form-box .form-group:last-of-type { margin:0; }
.form-box .form-group .form-title { margin:0 0 10px; padding:0 10px; }
.form-box .form-group .form-title strong { display:flex; flex-wrap:wrap; font-size:20px; font-weight:600; }
.form-box .form-group .form-title strong.req:after { display:inline-block; content:"*"; font-size:20px; font-weight:600; color:#ff5f37; margin:0 0 0 5px; }
.form-box .form-group.full .form-title { width:100%; }
.form-box .form-group.full .form-content { width:100%; }
@media (max-width:991px){
 .form-box .form-group { margin:0 0 15px; }
.form-box .form-group .form-title strong { font-size:15px; }
.form-box .form-group .form-title strong.req:after { font-size:15px; }
 }

/* agree-box */
.agree-box { width:100%; max-width:380px; margin:0 auto; }
.agree-box .agree-head { display:flex; flex-wrap:wrap; align-items:center; padding:0 25px 14px; }
.agree-box .agree-head input { appearance:auto; -webkit-appearance:auto; }
.agree-box .agree-head label { flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; margin:0 15px; }
.agree-box .agree-head label b { font-size:15px; font-weight:600; color:#ff5f37; }
.agree-box .agree-head label p { flex:1; min-width:0; font-size:15px; font-weight:600; }
.agree-box .agree-head button { display:block; font-size:0; width:24px; height:24px; background:url('../images/icon_agree_more.png') no-repeat center / 13px 7px; }
.agree-box .agree-body { display:none; background:#fafafa; border-radius:10px; padding:20px; }
.agree-box .agree-body p { font-size:14px; color:#999; line-height:1.3; word-break:keep-all; }
.agree-box.active .agree-head button { transform:rotate(180deg); }
.agree-box.active .agree-body { display:block; }
.agree-box.full { max-width:100%; }
.agree-box.full .agree-head { justify-content:center; }
.agree-box.full .agree-head label { flex:none; }
@media (max-width:991px){
 .agree-box .agree-head { padding:0 10px 15px; }
.agree-box .agree-head label { margin:0 10px; }
.agree-box .agree-head label b { font-size:13px; }
.agree-box .agree-head label p { font-size:13px; }
.agree-box .agree-body { padding:15px; }
.agree-box .agree-body p { font-size:12px; }
 }

/* guide-list-box */
.guide-list-box .list { display:flex; flex-wrap:wrap; margin:0 -20px -40px; }
.guide-list-box .list .list-item { height:392px; position:relative; padding:0 20px; width:calc(50% - 40px); margin:0 20px 40px; border-radius:10px; box-shadow:0 0 20px rgba(0,0,0,0.1); display:flex; flex-wrap:wrap; align-items:center; align-content:center; }
.guide-list-box .list .list-item .list-image { width:100%; }
.guide-list-box .list .list-item .list-image img { display:block; margin:0 auto; max-width:123px; }
/*.guide-list-box .list .list-item:nth-of-type(1) .list-image img { max-width:123px; }
.guide-list-box .list .list-item:nth-of-type(2) .list-image img { max-width:185px; }
.guide-list-box .list .list-item:nth-of-type(3) .list-image img { max-width:166px; }
.guide-list-box .list .list-item:nth-of-type(4) .list-image img { max-width:157px; } */
.guide-list-box .list .list-item .list-content { width:100%; margin:30px 0 0; }
.guide-list-box .list .list-item .list-content p { padding:20px; position:absolute; left:0; top:0; width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; }
.guide-list-box .list .list-item .list-content p span { font-size:16px; color:#999; }
.guide-list-box .list .list-item .list-content strong { display:block; text-align:center; font-size:40px; font-weight:bold; }
.guide-list-box .list .list-item .list-content dl { display:none; margin:30px 0 0; }
.guide-list-box .list .list-item .list-content dl dd { margin:0 0 5px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; }
.guide-list-box .list .list-item .list-content dl dd:last-of-type { margin:0; }
.guide-list-box .list .list-item .list-content dl dd a { height:35px; border-radius:30px; padding:0 20px; background:#c0bfbf; font-size:16px; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; }
.guide-list-box .list .list-item .list-content dl dd a:hover { background:#ff5f37; }
.guide-list-box .list .list-item:hover { box-shadow:0 0 20px rgba(255,95,55,0.3); }
.guide-list-box .list .list-item:hover .list-image { display:none; }
.guide-list-box .list .list-item:hover .list-content strong { color:#ff5f37; }
.guide-list-box .list .list-item:hover .list-content p span { color:#ff5f37; }
.guide-list-box .list .list-item:hover .list-content dl { display:block; }
.guide-list-box .list .list-item .link { display:none; }
@media (max-width:991px){
 .guide-list-box .list { margin:0; }
.guide-list-box .list .list-item { width:100%; margin:0 0 20px; padding:0 35px; height:135px; }
.guide-list-box .list .list-item:last-of-type { margin:0; }
.guide-list-box .list .list-item .list-image { width:80px; display:block !important; }
.guide-list-box .list .list-item .list-image img { width:100%; }
.guide-list-box .list .list-item .list-content { flex:1; min-width:0; margin:0; }
.guide-list-box .list .list-item .list-content p { position:static; padding:0; justify-content:center; }
.guide-list-box .list .list-item .list-content p span { font-size:10px; margin:0 5px; }
.guide-list-box .list .list-item .list-content strong { font-size:23px; margin:10px 0 0; }
.guide-list-box .list .list-item .list-content dl { display:none !important; }
.guide-list-box .list .list-item:nth-of-type(1) .list-image img { max-width:71px; }
.guide-list-box .list .list-item .link { position:absolute; left:0; top:0; width:100%; height:100%; display:block; opacity:0; }
 }

/* guide-view-box */
.guide-view-box .guide-head { display:none; }
.guide-view-box .guide-body { display:flex; flex-wrap:wrap; }
.guide-view-box .guide-body > div { height:725px; background:#fff; border-radius:10px; }
.guide-view-box .guide-body > div.left-box { width:315px; padding:50px 20px 50px 40px; }
.guide-view-box .guide-body > div.left-box > div { height:100%; overflow-y:auto; padding-right:20px; }
.guide-view-box .guide-body > div.left-box ul li { margin:0 0 90px; }
.guide-view-box .guide-body > div.left-box ul li:last-of-type { margin:0; }
.guide-view-box .guide-body > div.left-box ul li h2 { margin:0 0 30px; display:flex; flex-wrap:wrap; align-items:center; font-size:28px; font-weight:bold; }
.guide-view-box .guide-body > div.left-box ul li h2 img { width:30px; margin:0 15px 0 0; }
.guide-view-box .guide-body > div.left-box ul li dl dd { margin:0 0 5px; display:flex; flex-wrap:wrap; align-items:center; }
.guide-view-box .guide-body > div.left-box ul li dl dd:last-of-type { margin:0; }
.guide-view-box .guide-body > div.left-box ul li dl dd a { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:35px; border:1px solid #999; border-radius:50px; font-size:16px; color:#999; padding:0 20px; }
.guide-view-box .guide-body > div.left-box ul li dl dd a:hover { background:#222; border-color:#222; color:#fff; }
.guide-view-box .guide-body > div.left-box ul li dl dd.active a { background:#222; border-color:#222; color:#fff; }
.guide-view-box .guide-body > div.right-box { flex:1; min-width:0; padding:50px 20px 50px 100px; margin-left:30px; }
.guide-view-box .guide-body > div.right-box > div { height:100%; overflow-y:auto; padding-right:20px; }
.guide-view-box .guide-body > div.right-box h3 { font-size:30px; font-weight:bold; line-height:1.3; margin:0 0 30px; }
.guide-view-box .guide-body > div.right-box p { font-size:18px; line-height:1.5; word-break:keep-all; }
.guide-view-box .guide-body > div.right-box p img { max-width:100%; }
@media (max-width:991px){
 .guide-view-box .guide-head { display:block; }
.guide-view-box .guide-head ul { display:table; table-layout:fixed; width:100%; }
.guide-view-box .guide-head ul li { display:table-cell; }
.guide-view-box .guide-head ul li a { display:block; }
.guide-view-box .guide-head ul li a div { position:relative; width:60px; height:60px; margin:0 auto; background:#fff; border-radius:50%; border:2px solid #fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; }
.guide-view-box .guide-head ul li a div img { display:block; max-width:50%; margin:0 auto; }
.guide-view-box .guide-head ul li a strong { display:block; text-align:center; font-size:14px; font-weight:bold; margin:5px 0 0; }
.guide-view-box .guide-head ul li.active a div { border-color:#ff5f37; }
.guide-view-box .guide-head ul li.active a div:after { position:absolute; left:0; bottom:0; width:20px; height:20px; background:url('../images/icon_guide_check.png') no-repeat center / cover; content:""; }
.guide-view-box .guide-head dl { margin:20px -5px -10px; display:flex; flex-wrap:wrap; }
.guide-view-box .guide-head dl dd { margin:0 5px 10px; }
.guide-view-box .guide-head dl dd a { border:1px solid #999; height:30px; color:#999; font-size:14px; padding:0 20px; border-radius:30px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; }
.guide-view-box .guide-head dl dd.active a { background:#ff5f37; border-color:#ff5f37; color:#fff; }
.guide-view-box .guide-body > div { height:auto; }
.guide-view-box .guide-body > div.left-box { display:none; width:100%; background:none; padding:0; }
.guide-view-box .guide-body > div.right-box { flex:none; width:100%; padding:30px 20px; margin:30px 0 0; }
.guide-view-box .guide-body > div.right-box > div { padding-right:0; }
.guide-view-box .guide-body > div.right-box h3 { font-size:23px; margin:0 0 20px; }
.guide-view-box .guide-body > div.right-box p { font-size:14px; }
 }

/* device-box */
.device-box { margin:0 0 25px; }
.device-box ul { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; }
.device-box ul li { margin:0 45px 0 0; }
.device-box ul li:last-of-type { margin:0; }
.device-box ul li a { font-size:14px; color:#999; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; }
.device-box ul li a:before { display:inline-block; content:""; margin:0 10px 0 0; background-size:cover; background-position:center; }
.device-box ul li.active a { color:#fff; font-weight:bold; }
.device-box ul li:nth-of-type(1) a:before { width:33px; height:29px; background-image:url('../images/icon_device_01.png'); }
.device-box ul li:nth-of-type(2) a:before { width:38px; height:29px; background-image:url('../images/icon_device_02.png'); }
.device-box ul li:nth-of-type(3) a:before { width:18px; height:29px; background-image:url('../images/icon_device_03.png'); }
.device-box ul li:nth-of-type(1).active a:before { background-image:url('../images/icon_device_01_on.png'); }
.device-box ul li:nth-of-type(2).active a:before { background-image:url('../images/icon_device_02_on.png'); }
.device-box ul li:nth-of-type(3).active a:before { background-image:url('../images/icon_device_03_on.png'); }
@media (max-width:991px){
 .device-box { display:none; }
 }

/* template-box */
.template-box .list { display:flex; flex-wrap:wrap; margin:0 -20px -40px; }
.template-box .list .list-item { width:calc(33.33% - 40px); margin:0 20px 40px; }
.template-box .list .list-item a { display:block; position:relative; overflow:hidden; border-radius:10px; }
.template-box .list .list-item a:after { display:block; content:""; padding-bottom:75%; }
.template-box .list .list-item a img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }
.template-box .list .list-item a div { display:none; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:10px; background:rgba(0,0,0,0.9); border:2px solid #ff7755; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center; }
.template-box .list .list-item a div small { width:100%; text-align:center; font-size:15px; color:#999; }
.template-box .list .list-item a div p { width:100%; text-align:center; margin:5px 0 0; font-size:30px; font-weight:bold; color:#fff; }
.template-box .list .list-item a:hover div { display:flex; }
@media (max-width:991px){
 .template-box .list { margin:0 -10px -20px; }
.template-box .list .list-item { width:calc(50% - 20px); margin:0 10px 20px; }
.template-box .list .list-item a div small { font-size:11px; }
.template-box .list .list-item a div p { font-size:20px; }
 }
@media (max-width:767px){
 .template-box .list { margin:0; }
.template-box .list .list-item { width:100%; margin:0 0 20px; }
.template-box .list .list-item:last-of-type { margin:0; }
 }

/* template-popup-box */
.template-popup-box { pointer-events:none; opacity:0; transition:all ease 0.5s; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; background:rgba(0,0,0,0.8); }
.template-popup-box .popup-head { position:absolute; left:0; top:0; width:100%; padding:15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; }
.template-popup-box .popup-head a { display:block; font-size:0; width:30px; height:30px; background:url('../images/icon_close_w.png') no-repeat center / 22px; }
.template-popup-box .popup-body { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:90%; max-width:1630px; }
.template-popup-box .popup-body .button-box { position:absolute; right:0; top:-10px; width:140px; }
.template-popup-box .popup-body .image-box img { display:block; max-width:100%; }
.template-popup-box .popup-body .popup-box-scroll { height:calc(100% - 54px); overflow-y:auto; border-radius:10px; }
.template-popup-box .popup-body .popup-box-scroll::-webkit-scrollbar { display:none; }
.template-popup-box.fixed { pointer-events:inherit; opacity:1; }
@media (max-width:991px){
 .template-popup-box .popup-head { padding:10px; }
.template-popup-box .popup-head a { width:25px; height:25px; }
.template-popup-box .popup-body { width:calc(100% - 50px); height:85%; top:auto; bottom:20px; transform:translateX(-50%); }
.template-popup-box .popup-body .button-box { position:static; width:100%; margin:0 0 10px; }
.template-popup-box .popup-body .button-box .btn { border-radius:10px; height:45px; font-size:18px; }
.template-popup-box .popup-body .popup-box-scroll { height:calc(100% - 55px); }
 }

 /* product-box */
.product-box .list { display:flex; flex-wrap:wrap; margin:0 -20px -40px; }
.product-box .list .list-item { width:calc(33.33% - 40px); margin:0 20px 40px; }
.product-box .list .list-item a { display:block; position:relative; overflow:hidden; border-radius:10px; }
.product-box .list .list-item a:after { display:block; content:""; padding-bottom:75%; }
.product-box .list .list-item a img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }
.product-box .list .list-item a div { display:none; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:10px; background:rgba(0,0,0,0.9); border:2px solid #ff7755; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center; }
.product-box .list .list-item a div small { width:100%; text-align:center; font-size:15px; color:#999; }
.product-box .list .list-item a div p { width:100%; text-align:center; margin:5px 0 0; font-size:30px; font-weight:bold; color:#fff; }
.product-box .list .list-item a:hover div { display:flex; }
@media (max-width:991px){
 .product-box .list { margin:0 -10px -20px; }
.product-box .list .list-item { width:calc(50% - 20px); margin:0 10px 20px; }
.product-box .list .list-item a div small { font-size:11px; }
.product-box .list .list-item a div p { font-size:20px; }
 }
@media (max-width:767px){
 .product-box .list { margin:0; }
.product-box .list .list-item { width:100%; margin:0 0 20px; }
.product-box .list .list-item:last-of-type { margin:0; }
 }

/* alert-box */
.alert-box { position:absolute; left:50%; top:40px; transform:translateX(-50%); width:100%; max-width:1310px; background:#f9ad6a; border-radius:10px; padding:18px 15px; text-align:center; }
.alert-box p { font-size:16px; color:#fff; }
.alert-box p b { font-size:16px; color:#fff; text-decoration:underline; font-weight:600; }
@media (max-width:991px){
 .alert-box { width:calc(100% - 28px); top:13px; padding:7px 10px; border-radius:5px; }
.alert-box p { font-size:10px; }
.alert-box p b { font-size:10px; }
 }

/* main-text */
.main-text h2 .container { display:flex; flex-wrap:wrap; align-items:center; font-size:130px; font-weight:bold; }
.main-text h2:last-of-type { background:#000; padding:20px 0 100px; }
.main-text h2:last-of-type .container { justify-content:flex-end; color:#fff; }
@media (max-width:1300px){
 .main-text h2 .container { font-size:100px; }
 }
@media (max-width:991px){
 .main-text h2 .container { font-size:74px; line-height:1.1; }
.main-text h2:last-of-type { padding:0 0 70px }
.main-text h2:last-of-type .container { justify-content:flex-start; }
 }

/* main-button */
.main-button { background:#000; padding:0 0 235px; }
.main-button .button-box .btn { width:280px; padding:0; height:65px; font-size:25px; }
@media (max-width:991px){
 .main-button { padding:0 0 130px; }
.main-button .button-box .btn { width:215px; height:45px; font-size:20px; }
 }

/* main-gallery */
.main-gallery { background:#000; padding:70px 0; }
.main-gallery .gall-head { margin:0 0 60px; display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; }
.main-gallery .gall-head h2 { font-size:36px; line-height:1.3; font-weight:bold; color:#fff; }
.main-gallery .gall-head ul { display:flex; flex-wrap:wrap; align-items:center; }
.main-gallery .gall-head ul li a { height:43px; padding:0 30px; border-radius:30px; font-size:20px; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; }
.main-gallery .gall-head ul li.active a { background:#fff; color:#000; font-weight:bold; }
.main-gallery .gall-body .more { width:220px; height:50px; border-radius:30px; border:1px solid #fff; color:#fff; font-size:20px; font-weight:600; margin:50px auto 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; }
@media (max-width:1250px){
 .main-gallery .gall-head ul { width:100%; margin:20px 0 0; }
 }
@media (max-width:991px){
 .main-gallery .gall-head { margin:0 0 50px; }
.main-gallery .gall-head h2 { font-size:20px; }
.main-gallery .gall-head ul { display:block; overflow-x:auto; white-space:nowrap; width:calc(100% + 30px); margin:30px -15px 0; }
.main-gallery .gall-head ul::-webkit-scrollbar { display:none; }
.main-gallery .gall-head ul li { display:inline-block; }
.main-gallery .gall-head ul li:first-of-type { margin-left:15px; }
.main-gallery .gall-head ul li:last-of-type { margin-right:15px; }
.main-gallery .gall-head ul li a { height:30px; font-size:15px; }
.main-gallery .gall-body .more { margin:40px auto 0; width:180px; height:35px; font-size:15px; }
 }

/* main-order */
.main-order { background:#000; padding:130px 0; }
.main-order h2 { text-align:center; font-size:67px; line-height:1.3; font-weight:bold; color:#fff; margin:0 0 95px; }
.main-order h2 b { display:inline-block; font-size:67px; line-height:1.3; font-weight:bold; color:transparent; -webkit-text-stroke:2px #fff; }
.main-order ul { display:flex; flex-wrap:wrap; align-items:center; padding:0 10%; }
.main-order ul li { width:33.33%; padding:0 4%; }
.main-order ul li img { max-width:100%; display:block; margin:0 auto; }
.main-order ul li p { text-align:center; margin:25px 0 0; font-size:25px; line-height:1.3; color:#fff; }
@media (max-width:1650px){
 .main-order ul { padding:0 5%; }
 }
@media (max-width:1500px){
 .main-order ul li { padding:0 2%; }
 }
@media (max-width:1300px){
 .main-order ul li p { font-size:20px; }
 }
@media (max-width:991px){
 .main-order { padding:100px 0; }
.main-order h2 { font-size:38px; margin:0 0 60px; }
.main-order h2 b { font-size:38px; }
.main-order ul { padding:0; }
.main-order ul li { width:100%; margin:0 0 35px; padding:0; }
.main-order ul li:last-of-type { margin:0; }
.main-order ul li img { max-width:50%; }
.main-order ul li p { margin:15px 0 0; font-size:15px; }
 }

/* top-banner-box */
.top-banner-box { background:#fafafa; }
.top-banner-box .container { position:relative; }
.top-banner-box ul li a { width:100%; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center; padding:25px 0; }
.top-banner-box ul li a small { width:100%; text-align:center; font-size:14px; }
.top-banner-box ul li a p { width:100%; font-size:25px; font-weight:bold; text-align:center; margin:7px 0 0; }
.top-banner-box .swiper-button-prev { margin:0; width:12px; height:22px; background:url('../images/icon_swiper_button.png') no-repeat center / cover; transform:translateY(-50%) rotate(180deg); }
.top-banner-box .swiper-button-next { margin:0; width:12px; height:22px; background:url('../images/icon_swiper_button.png') no-repeat center / cover; transform:translateY(-50%); }
@media (max-width:991px){
 .top-banner-box ul li a { padding:12px 0; }
.top-banner-box ul li a small { font-size:10px; }
.top-banner-box ul li a p { font-size:15px; }
.top-banner-box .swiper-button-prev { width:6px; height:11px; }
.top-banner-box .swiper-button-next { width:6px; height:11px; }
 }

/* faq reply */
.view-reply ._rg { padding:30px; background:#eee; }
.view-reply ._rg textarea { margin:10px 0px; width:100%; border:1px solid #ddd;  }