@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Oooh+Baby&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/* reset */
html { overflow:auto;font-family:'Noto Sans KR',sans-serif;font-size:10px;font-weight:400;color:#666; }
body { margin:0;padding:0;font-size:1.4rem;font-family:inherit;color:inherit; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin:0;padding:0;border:0 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ul, dl, dt, dd, ol { margin:0;padding:0;list-style:none }
label, input, button, select, img { vertical-align:middle; }
input, button { margin:0;padding:0;font-family:'Noto Sans KR',sans-serif; }
input[type="submit"] { cursor:pointer; transition: .3s; }
select { margin:0 }
p { margin:0;padding:0;word-break:break-all }
a { text-decoration:none;color:#333;font-weight:700;transition: .3s;}
a:hover { color:#1DBC00; }
*, :after, :before { box-sizing:border-box; }
*:focus { outline:none; }
input[type=text], input[type=password], select, .input_design { border-radius: 3px; border: 1px solid #c7c7c7; height: 2.8rem; padding: 0 5px; }

/* common - default 1280*/
html, body { width: 100%; height: 100%; min-width: 1200px; scroll-behavior: smooth; }
#wrap { background: #fff; width: 100%; height: 100%; }
.container { display: block; width: 100%; min-width: 1200px; padding: 0 4rem; position: relative; }

/* layout */
header { border-bottom: 1px solid #DFDFDF; position: relative; z-index: 10; }
header .container { display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; }
header h1 { background: url("/data/__2024_11_renewal/page_img/logo.png") center center no-repeat; text-indent: -999px; }
header h1 a { display: block; width:14rem; height: 4rem; }
header nav { padding: 2rem 0; }
header .m-menu { display: none; }
.gnb { display: flex; flex-flow: row wrap; font: 500 1.8rem 'Roboto',sans-serif; }
.gnb > li { position: relative; margin-left: 1rem; }
.gnb > li > a { display: block; color: #333; padding: 1rem 4rem; }
.gnb > li > a:hover,
.gnb > li > a.active { color: #39FF14; }
.gnb > li .sub { display: none; position: absolute; top: 100%; left: 50%; border-top: 2px solid #39FF14; background: #fff; width: 12rem; margin-left: -6rem; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.20); padding: 1rem 1.5rem; }
.gnb > li .sub a { font: 500 1.4rem 'Roboto',sans-serif; color: #666; }
.gnb > li .sub a:hover { color: #36C91B; }

main { padding: 4rem 0; min-height: calc(100% - 244px); }

footer { background: #242424; color: #C7C7C7; position: relative; z-index: 10; }
footer .info { padding: 1.5rem 0; }
footer .info .container { display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; }
footer .info dl { display: flex; flex-flow: row wrap; }
footer .info dl:first-of-type { margin-bottom: 0.5rem; }
footer .info dl dt:after { content: ':'; display: inline-block; margin: 0 0.5rem; }
footer .info dl dd { margin-right: 2rem; }
footer .info dl dd:not(:last-of-type):after { content: ''; display: inline-block; width: 1px; height: 12px; background: #3D3D3D; margin-left: 2rem; }
footer .info dl dd a { display: inline-block; font-size: 1rem; border-radius: 3px; border: 1px solid #3D3D3D; background: #444; padding: 0.2rem 0.7rem; color: #c7c7c7; margin-left: 0.4rem; position: relative; top: -1px; }
footer .info dl dd a:hover { filter: brightness(1.2); }
footer .util { border-top: 1px solid #3D3D3D; padding: 1.5rem 0 2rem 0; }
footer .util ul { display: flex; flex-flow: row wrap; gap: 2rem; }
footer .util a { color: #C7C7C7; font-weight: 700; }
footer .util a:hover { text-decoration: underline; }

/* intro */
.intro main { position: relative; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; width: 100%; height: 100%; background: #000; }
.intro main > h2 { color: #39FF14; font: 800 7.4rem 'Roboto',sans-serif; }
.intro main > h2 > p { line-height: 7.4rem; }
.intro main > .auth-box { position: absolute; bottom: 4rem; right: 4rem; display: flex; flex-flow: row wrap; }
.intro main > .auth-box img:first-of-type { position: relative; left: 0.8rem; }

.intro header { position: absolute; width: 100%; border: 0; z-index: 1; }
.intro header h1 { background: url("/data/__2024_11_renewal/page_img/logo_intro.png") center center no-repeat; }

.intro .gnb > li > a { color: #C9C9C9; }
.intro .gnb > li > a:hover,
.intro .gnb > li > a.active { color: #39FF14; }

.intro footer { background: #000; }
.intro footer .info { position: relative; }
.intro footer .info .container:before { content: ''; display: block; position: absolute; top: -1.5rem; left: 4rem; width: calc(100% - 8rem); height: 1px; background: #3D3D3D; }
.intro footer .util { border-top: 0; position: relative; }
.intro footer .util .container:before { content: ''; display: block; position: absolute; top: -1.5rem; left: 4rem; width: calc(100% - 8rem); height: 1px; background: #3D3D3D; }

/* content page */
main .team-rcon { position: relative; display: flex; flex-flow: row wrap; justify-content: center; margin-bottom: 4rem; }
main .team-rcon:after { content: ''; display: block; width: 100%; height: 8.4rem; position: absolute; top: 12rem; left: 0; z-index: 0; background: #000; }
main .team-rcon .content-txt,
main .team-rcon .content-img { position: relative; z-index: 1; width: 60rem; }
main .team-rcon .content-txt > p { padding: 0 2rem; }
main .team-rcon .content-txt > p:nth-of-type(1) { font: 300 2rem 'Roboto',sans-serif; line-height: 2rem; margin-top: 10rem; }
main .team-rcon .content-txt > p:nth-of-type(2) { font-size: 1.6rem; margin-top: 2rem; }
main .team-rcon .content-txt > p:nth-of-type(3) { font: 300 3.6rem 'Oooh Baby', cursive; color: #C7C7C7; margin-top: 3rem; }
main .team-rcon .content-txt > h3 { font: 800 8rem 'Roboto',sans-serif; color: #39FF14; line-height: 7.4rem; padding: 0.5rem 2rem; }
main .team-rcon .content-img img { width: 100%; }

main .whats { display: flex; flex-flow: row wrap; justify-content: center; }
main .whats h3 { width: 100%; color: #39FF14; font: 800 4.8rem 'Roboto',sans-serif; background: #000; line-height: 4.8rem; margin-bottom: 2rem; }
main .whats h3 span { display: block; width: 120rem; margin: 0 auto; padding: 0 2rem; }
main .whats > div { position: relative; z-index: 1; width: 60rem; }
main .whats > div img { width: 100%; }
main .whats .txt { font-size: 1.6rem; padding-left: 2rem; }
main .whats .txt > p { margin-bottom: 1.2rem; }

.members .coach { position: relative; display: flex; flex-flow: row wrap; align-items: center; width: 120rem; margin: 0 auto; padding-bottom: 2rem; }
.members .coach h3 { display: block; width: 100%; position: absolute; top: -3rem; left: 0; text-align: center; font: 800 9rem 'Roboto', sans-serif; color: rgba(0,0,0,0.1); }
.members .coach .person { width: 25rem; text-align: center; }
.members .coach .introduce { width: calc(100% - 25rem); display: flex; flex-flow: row wrap; }
.members .coach .introduce > h4 { width: 100%; margin-bottom: 2rem; }
.members .coach .introduce > h4 > span { display: inline-block; font: 500 1.4rem 'Roboto', sans-serif; color: #39FF14; background: #000; line-height: 1.4rem; padding: 2px 5px 1px 5px; }
.members .coach .introduce > h4 > p { display: flex; flex-flow: row wrap; align-items: center; color: #000; }
.members .coach .introduce > h4 > p > span { display: inline-block; }
.members .coach .introduce > h4 > p > span:nth-of-type(1) { font-size: 3rem; font-weight: 700; }
.members .coach .introduce > h4 > p > span:nth-of-type(2) { font: 400 1.6rem 'Roboto', sans-serif; padding-top: 0.5rem; margin-left: 1rem; }
.members .coach .introduce h5 { font-size: 1.6rem; font-weight: 700; color: #1DBC00; margin-bottom: 0.5rem; }
.members .coach .introduce ol li { color: #666; line-height: 2.6rem; }
.members .coach .introduce .operation { padding-right: 2rem; }
.members .coach .introduce .award > p { font-weight: 700; color: #000; }
.members .coach .introduce .award > ol { margin-bottom: 0.5rem; }

.members .player .inner { position: relative; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; width: 86rem; margin: 0 auto; }
.members .player .person { width: 42rem; text-align: center; }
.members .player .introduce { width: calc(100% - 42rem); display: flex; flex-flow: column nowrap; }
.members .player .introduce > h4 { width: 100%; }
.members .player .introduce > h4 > span { display: inline-block; font: 500 1.4rem 'Roboto', sans-serif; color: #39FF14; background: #000; line-height: 1.4rem; padding: 2px 5px 1px 5px; }
.members .player .introduce > h4 > p { display: flex; flex-flow: row wrap; align-items: center; color: #000; }
.members .player .introduce > h4 > p > span { display: inline-block; }
.members .player .introduce > h4 > p > span:nth-of-type(1) { font-size: 3rem; font-weight: 700; }
.members .player .introduce > h4 > p > span:nth-of-type(2) { font: 400 1.6rem 'Roboto', sans-serif; padding-top: 0.5rem; margin-left: 1rem; }
.members .player .introduce > h5 { font-size: 1.6rem; font-weight: 700; color: #1DBC00; margin-top: 2rem; }
.members .player .introduce > p { line-height: 2.6rem; }

.members .player:nth-child(even) { background: #000; }
.members .player:nth-child(even) .introduce > h4 > span { background: #39FF14; color: #000; }
.members .player:nth-child(even) .introduce > h4 > p { color: #fff; }
.members .player:nth-child(even) .introduce > p { color: #ddd; }

/* other page */
.only-member { display: flex; flex-flow: column; width: 100%; height: calc(100% - 244px); justify-content: center; align-items: center; background: #000; }
.only-member > p { font-size: 2.8rem; font-weight: 700; color: #fff; text-align: center; }
.only-member .btn-box { display: flex; justify-content: center; gap: 1rem; margin-top: 2rem; }
.only-member .btn-box a { display: flex; align-items: center; background: #fff; color: #000; padding: 1rem 2rem; border-radius: 3px; }
.only-member .btn-box a span.material-icons { font-size: 2rem; margin-right: 5px; color: #1DBC00; }
.only-member .btn-box a:hover { color: #1DBC00; }

.sitemap-box { display: flex; gap: 3rem; border-top: 1px solid #c7c7c7; padding-top: 2rem; }
.sitemap-box > .item { flex-grow: 1; }
.sitemap-box > .item > p { border-bottom: 2px solid #1DBC00; text-align: center; padding-bottom: 1rem; margin-bottom: 1rem; }
.sitemap-box > .item > p > a { font-size: 2rem; }
.sitemap-box > .item > .sub,
.sitemap-box > .item > ul { padding: 0 3rem; }
.sitemap-box > .item > .sub > p { font-size: 1.6rem; font-weight: 700; }
.sitemap-box > .item > .sub > p + p { margin-top:1rem; }
.sitemap-box > .item > .sub > ul { padding: 0 2rem; }
.sitemap-box > .item > .sub > ul > li,
.sitemap-box > .item > ul > li { display: flex; align-items: center; }
.sitemap-box > .item > .sub > ul > li:before,
.sitemap-box > .item > ul > li:before { content: ''; display: inline-block; width: 3px; height: 3px; border-radius: 5px; background: #1DBC00; margin-right: 5px; }
.sitemap-box > .item > .sub > ul > li > a,
.sitemap-box > .item > ul > li > a { font-weight: 400; line-height: 3rem; }

.font-import * { font-family:'Noto Sans KR',sans-serif !important; font-size: 1.4rem !important; }

/* SHOP */
/* shop make */
main.shop { padding: 0 !important; }
main.shop .container { display: flex; flex-flow: row wrap; }
main.shop .container .shop-menu { width: 20rem; border-right: 1px solid #DFDFDF; padding-bottom: 3rem; }
main.shop .container .contents { width: calc(100% - 20rem); padding: 3rem 0 3rem 4rem; }

main.shop .shop-menu .btn-box { display: flex; flex-flow: row wrap; margin-top: 2rem; padding-right: 2rem; }
main.shop .shop-menu .btn-box > a { display: flex; flex-flow: row wrap; align-items: center; width: 100%; border-radius: 3px; border: 1px solid #C7C7C7; background: #FFF; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.20); padding: 0.5rem 2rem; color: #666; font-weight: 500; margin-bottom: 0.5rem; }
main.shop .shop-menu .btn-box > a span.material-icons { color: #1DBC00; font-size: 2.2rem; margin-right: 1rem; }
main.shop .shop-menu .shop-util-menu { display: flex; flex-flow: row wrap; gap: 0.5rem; padding-right: 2rem; justify-content: center; margin-top: 1rem; }
main.shop .shop-menu .shop-util-menu > a { border: 1px solid #c7c7c7; background: #f4f4f4; color: #999; border-radius: 3px; padding: 7px; }
main.shop .shop-menu .shop-util-menu > a:hover { box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.20); background: #fff; color: #1DBC00; }

main.shop .shop-menu .cate { margin-top: 2rem; }
main.shop .shop-menu .cate > p { font-size: 1.6rem; font-weight: 700; line-height: 2.8rem; color: #fff; padding-left: 2rem; margin-bottom: 3px; background: #AAA; }
main.shop .shop-menu .cate > p:nth-of-type(1) { background: #FF5F03; }
main.shop .shop-menu .cate > p:nth-of-type(2) { background: #2F2F8D; }
main.shop .shop-menu .cate > p:nth-of-type(3) { background: #1DBC00; }
main.shop .shop-menu .cate > ul { margin-bottom: 1.5rem; padding-left: 2rem; }
main.shop .shop-menu .cate li a { font-weight: 500; line-height: 2.4rem; }
main.shop .shop-menu .cate > ul:nth-of-type(1) li a:hover { color: #FF5F03; font-weight: 700; }
main.shop .shop-menu .cate > ul:nth-of-type(2) li a:hover { color: #2F2F8D; font-weight: 700; }

main.shop .shop-menu .login_user_box { display: flex; flex-flow: column; margin-bottom: 1rem; width: 100%; }
main.shop .shop-menu .login_user_box > p { display: flex; align-items: center; padding: 5px 1rem; }
main.shop .shop-menu .login_user_box > p:nth-of-type(1) { border-bottom: 1px solid #DFDFDF; justify-content: center; }
main.shop .shop-menu .login_user_box > p:nth-of-type(1) span.material-icons { font-size: 2rem; color: #1DBC00; }
main.shop .shop-menu .login_user_box > p:not(:first-of-type):before { content: ''; display: inline-block; width: 3px; height: 3px; border-radius: 5px; background: #1DBC00; margin-right: 5px; }
main.shop .shop-menu .login_user_box > p:not(:first-of-type) > span { flex-grow: 1; }
main.shop .shop-menu .login_user_box > p > a { padding: 0 1rem; }
main.shop .shop-menu .login_user_box > p > a span { margin-left: 5px; }

main.shop .shop-menu .goods-search-box { display: flex; padding-right: 2rem; margin-top: 2rem; }
main.shop .shop-menu .goods-search-box input { width: 100%; border-radius: 3px 0 0 3px; }
main.shop .shop-menu .goods-search-box a { display: flex; justify-content: center; align-items: center; background-color: #1DBC00; width: 3.5rem; border-radius: 0 3px 3px 0; }
main.shop .shop-menu .goods-search-box a span { font-size: 20px; color: #FFF; }

/* 공통 */
.shop_title_box { text-align: center; font-size: 3.4rem; font-weight: 700; color: #000; margin-bottom: 3rem; }
.block_center_10 {width:100%; margin-top:10px; text-align:center; display:inline-block;}
.block_center_20 {width:100%; margin-top:20px; text-align:center; display:inline-block;}
.block_center_30 {width:100%; margin-top:30px; text-align:center; display:inline-block;}
.block_center_40 {width:100%; margin-top:40px; text-align:center; display:inline-block;}
.block_center_50 {width:100%; margin-top:50px; text-align:center; display:inline-block;}

a.rcon-btn { display: inline-flex; align-items: center; justify-content: center; }
a.rcon-btn.default {}
a.rcon-btn.sm { font-size: 1.2rem; padding: 2px 5px; }
a.rcon-btn.gray { background: #666; color: #fff; }
a.rcon-btn:hover { filter: brightness(1.1); }

.bot-btn-box { display: flex; flex-flow: row wrap; justify-content: center; gap: 1rem; margin-top: 2rem; }
.bot-btn-box > a { display: flex; flex-flow: row wrap; align-items: center; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.20); background: #aaa; color: #fff; font-size: 1.6rem; padding: 1rem 3rem; }
.bot-btn-box > a.blue { background: #0061BC; }
.bot-btn-box > a.green { background: #1DBC00; }
.bot-btn-box > a.red { background: #B82F32; }
.bot-btn-box > a.turquoise { background: #00BCB3; }
.bot-btn-box > a:hover { filter: brightness(1.2); }
.point-txt { font-size: 4rem; color: #00BCB3; font-weight: 700; }

.input_readonly {height:18px; border:solid 1px #fff; background-color:#fff;}
.textarea_design {border:solid 1px #b7b7b7; background-color:#ffffff;}
.input_login {height:18px; border:solid 1px #b7b7b7; background-color:#ffffff;}
input.input_date { border:solid 1px #b7b7b7; background:#efefef url('/skin/f_modern/images/mypage/calendar_icon.gif') right 50% no-repeat;}

.list_style_bar {background: url(/skin/f_modern/images/mypage/list_style_bar.gif) right bottom no-repeat;}

.btn_white_s{border:1px solid #cbc8c8; padding:0px 7px; line-height:20px; cursor:pointer; background-color:#f6f3f3}
.btn_red_s{border:1px solid #730d33; padding:0px 7px; line-height:20px; background-color:#810e34; color:#fff; cursor:pointer;}

/* 메인 */
.goods-list *,
.m-goods-list * { word-break: keep-all; }
.m-goods-list { display: grid; gap: 2rem; grid-template-columns: repeat(5, 1fr); margin-bottom: 3rem; }
.goods-list .good_name,
.m-goods-list .m_good_name { margin-bottom: 3px; }
.goods-list .good_name a,
.m-goods-list .m_good_name a { font-size: 1.6rem; color: #333; font-weight: 400; margin-bottom: 5px; line-height: 2rem; }
.goods-list .good_name a:hover,
.m-goods-list .m_good_name a:hover { color: #1DBC00; }
.goods-list .brand,
.m-goods-list .brand { display: block; font-size: 1.2rem; color: #333; font-weight: 800; margin-bottom: 3px; }
.goods-list p.price,
.m-goods-list p .price,
.goods-list p .price_instant,
.m-goods-list p .price_instant { font-size: 1.6rem; font-weight: 700; color: #000; }
.goods-list p.price strike,
.m-goods-list p .price strike { font-size: 1.4rem; color: #999; font-weight: 400; }
.goods-list p.price_member_dc,
.m-goods-list p.price_member_dc { display: flex; flex-flow: row wrap; align-items: flex-end; font-size: 1.6rem; font-weight: 700; color: #000; gap: 5px; }
.goods-list p.price_member_dc > span.price_alias,
.m-goods-list p.price_member_dc > span.price_alias { display: inline-flex; flex-flow: row wrap; font-size: 1rem; background: #1DBC00; color: #fff; border-radius: 3px; padding: 2px 5px; }
.goods-list p .dc_instant,
.m-goods-list p .dc_instant,
.goods-list p.price_member_dc .dc_member,
.m-goods-list p.price_member_dc .dc_member { font-size: 1.6rem; color: #1DBC00; font-weight: 700; }

.m-notice-blcok { display: flex; flex-flow: row wrap; align-items: center; border: 1px solid #C7C7C7; background: #f4f4f4; border-radius: 3px; padding: 1rem; margin-bottom: 2rem; }
.m-notice-blcok a span.material-icons { color: #1DBC00; }
.m-notice-blcok a:first-of-type { margin-right: 5px; }
.m-notice-blcok a:last-of-type:hover { color: #1DBC00; }

.m_goods_title { display: block; margin-bottom: 1rem; }
.m_goods_title a { font-size: 2.4rem; font-weight: 700; letter-spacing: -1px; }
.m_goods_title a:hover { color: #1DBC00; }
.m_goods_container { }
.m_good_block { vertical-align: top; display: inline-block; *display: inline;}
.ui_shop_good_list { position: relative; border: 1px solid #c7c7c7; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; margin-bottom: 1rem; }
.ui_shop_good_list:after { content: ''; display: block; padding-bottom: 100%; }
.ui_shop_good_list img { width: 90% !important; height: 90% !important; position: absolute; top: 5%; left: 5%; z-index: 1; }

.ui_shop_good_list .icon { position: absolute; top: 1rem; right: 0; z-index: 2; }
.ui_shop_good_list .icon > i { display: block; font-style: normal; font-size: 1.2rem; font-weight: 700; line-height: 1.2rem; padding: 5px 1rem; border-radius: 3px 0 0 3px; color: #fff; }
.ui_shop_good_list .icon > i.sold { background: #B82F32; }
.ui_shop_good_list .icon > i.new { background: #0061BC; }

/* 회원관련 */
.shop_title_box  .sub-txt-navi { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; }
.shop_title_box  .sub-txt-navi .txt { font-size: 1.8rem; font-weight: 700; color: #999; }
.shop_title_box  .sub-txt-navi .txt.active { color: #1DBC00; }
.shop_title_box  .sub-txt-navi span.material-icons { font-size: 2rem; color: #c7c7c7; position: relative; top: 2px; }

.s-util-btn { display: inline-flex; flex-flow: row wrap; border: 1px solid #c7c7c7; font-size: 1.2rem; font-weight: 500; background: #eee; padding: 0 5px; border-radius: 3px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.10); }

.user_login_block { width: 50rem; margin: 0 auto; }
.user_login_block .user_login_type { display: flex; flex-flow: row wrap; margin-bottom: 2rem; }
.user_login_block .user_login_type > * { width: 50%; cursor: pointer; border: 1px solid #c7c7c7; text-align: center; padding: 1rem 0; }
.user_login_block .user_login_type > *:last-child { border-left: 0; }
.user_login_block .user_login_type .user_tab_normal { background: #eee; }
.user_login_block .user_login_type .user_tab_active { background: #666; color: #fff; font-weight: 700; }
.user_login_block .user_login_input { display: flex; flex-flow: column nowrap; gap: 5px; }
.user_login_block .user_login_input label { display: flex; flex-flow: row wrap; }
.user_login_block .user_login_input label span { width: 10rem; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; }
.user_login_block .user_login_input label > *:last-child { width: calc(100% - 10rem); }
.user_login_save { display: flex; flex-flow: row wrap; justify-content: flex-end; margin-top: 5px; }
.user_login_btn { margin-top: 1rem; display: flex; flex-flow: column nowrap; gap: 5px; }
.user_login_btn input[type=submit] { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; background: #1DBC00; color: #fff; width: 100%; padding: 1rem 0; border: 0; font-size: 1.6rem; font-weight: 700; }
.user_login_btn input[type=submit]:hover { background: #39FF14; }
.user_login_btn .naver-login { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; background: #f7f7f7; border: 1px solid #c7c7c7; color: #03c75a; width: 100%; padding: 1rem 0; font-size: 1.6rem; font-weight: 700; }
.user_login_btn .naver-login img { width: 8rem; margin-right: 5px; }
.user_login_btn .naver-login:hover { background: #E2FFEF; }
.user_login_function { border-top: 1px solid #d4d4d4; margin-top: 2rem; padding-top: 2rem; display: flex; flex-flow: row wrap; gap: 5px; justify-content: center; }
.user_login_function a { display: flex; flex-flow: row wrap; align-items: center; justify-content: center; border-radius: 3px; border: 1px solid #C7C7C7; background: #FFF; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.20); padding: 0.5rem 3rem; color: #666; font-weight: 500; margin-bottom: 0.5rem; }
.user_login_function a span.material-icons { color: #1DBC00; font-size: 2.2rem; margin-right: 1rem; }
.user_login_function a:hover { background: #1DBC00; color: #fff; }
.user_login_function a:hover span { color: #fff; }

.user_agreement_block label {float:right; margin-top:7px; }
.user_agreement_block legend {display:block; width:100%; margin-top:20px; font-size: 16px; font-weight: bold; padding-bottom: 5px; letter-spacing: -1px; float: left; border-bottom:2px solid #000;}
.user_agreement_block .user_content_box {overflow: auto; width:100%; height: 200px; line-height:18px; border:1px solid #ddd; border-top:0px; font-weight:normal;}
.user_agreement_block .user_content {padding:10px; height: 200px; font: 400 1.4rem 'Noto Sans KR', sans-serif !important; }
.user_agreement_block .user_content * { font: 400 1.4rem 'Noto Sans KR', sans-serif !important; }
.user_agreement_block .join_check_box {cursor:pointer;}
.user_agreement_block .join_check_box > input { position: relative; top: -1px; }

.mypage_text_info{ height:24px; margin-top:20px;}
.mypage_info_box { border:2px solid #cdcdcd; margin:20px 0 10px; text-align:center; vertical-align:middle; padding:10px 0px; color:#757575;}

.mypage_info_box2 { width:100%; border:1px solid #cdcdcd; margin:20px 0 20px; }
.mypage_info_box2 th{background-color:#f7f7f7; text-align:center; vertical-align:middle; padding:10px 0px; color:#757575;}
.mypage_info_box2 td{text-align:center; vertical-align:middle; padding:10px 0px; font-weight:700;}
.mypage_info_box2 .line{border-bottom:1px solid #cdcdcd;}

.mypage_order_num a{text-decoration:underline; color:#1DBC00;}

.mypage_main{border:1px solid #cdcdcd;}
.mypage_main .tdB{border-bottom:1px solid #cdcdcd;}
.mypage_main .tdBR{border-bottom:1px solid #cdcdcd; border-right:1px solid #cdcdcd;}
.mypage_main .tdR{border-right:1px solid #cdcdcd;}
.mypage_order_info_box { border: 1px solid #cdcdcd; padding: 1rem 0 3rem 0; border-bottom: 0; }
.mypage_order_info td{font-size:1.2rem; text-align:center; vertical-align:top;}
.mypage_order_info .num{font-size:2.4rem; line-height:2.4rem; font-weight:700;}

.mypage-latest { display: flex; }
.mypage-latest .mypage-latest-box { width: 33.33%; border: 1px solid #cdcdcd; padding: 1rem 1.5rem; }
.mypage-latest .mypage-latest-box + .mypage-latest-box { border-left: 0; }
.mypage-latest .mypage-latest-box .title { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #d4d4d4; padding-bottom: 5px; }
.mypage-latest .mypage-latest-box .title span { font-weight: 700; color: #000; }
.mypage-latest .mypage-latest-box .title a { display: block; font-size: 1rem; background: #ccc; color: #fff; line-height: 1rem; padding: 2px 5px; border-radius: 3px; }
.mypage-latest .mypage-latest-box .content { display: flex; flex-flow: column; padding: 1rem 0; gap: 1rem; }
.mypage-latest .mypage-latest-box .content > .item { display: flex; gap: 5px; align-items: center; }
.mypage-latest .mypage-latest-box .content > p { text-align: center; padding: 5rem 0; width: 100%; }
.mypage-latest .mypage-latest-box .content .item a img { border: 1px solid #d4d4d4; }
.mypage-latest .mypage-latest-box .content .item a:nth-of-type(2) { font-size: 1.2rem; flex-grow: 1; }

.mypage_sub_table td{padding:7px 0px 7px 7px;}
.mypage_sub_table .bline{border-bottom:1px solid #DDD;}

.mypage_onetoone_box { width:100%; border:1px solid #cdcdcd; margin:10px 0 10px; }

.mypage_coupon_input { width:55px; height:25px; border:solid 1px #b7b7b7; background-color:#efefef; font-size:18px; padding-left:5px;}

.mypage_coupon_down_title { font-size:14px; font-weight:bold; text-align:left; padding-bottom:10px; padding-left:20px;}
.mypage_coupon_down_list li { float:left; margin: 5px;}

.mypage_list_title {width:100%;padding-top:10px;}
.mypage_list_title li.left {float:left;}
.mypage_list_title li.right {float:right; padding-bottom:5px;}

.mypage_goods_dlv_box {width:100%; padding:5px}
.mypage_goods_dlv_sub_box {padding:3px}
.mypage_goods_dlv_sub_box2 {padding:10px}
.mypage_goods_dlv_sub_box2 li {float:left}

.mypage_comment {line-height: normal;}

/* 상품 목록 */
.glist_best_goods { display: block; background: #000; color: #39FF14; font-size: 2.8rem; line-height: 2.8rem; font-weight: 700; text-align: center; margin-top: -1rem; margin-bottom: 2rem; padding-bottom: 2px; }
.glist_title { border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; padding: 5px 0; margin-bottom: 2rem; display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; }
.glist_title > div { text-align: right; }
.glist_title span { display: inline-flex; flex-flow: row wrap; align-items: center; }
.glist_title span > i { font-style: normal; background: #1DBC00; font-size: 1.2rem; font-weight: 700; border-radius: 3px; padding: 0 5px 2px 5px; margin-left: 5px; color: #fff; }

.sub_page_navi { display: flex; flex-flow: row wrap; align-items: center; border-bottom: 1px solid #DFDFDF; border-radius: 3px; justify-content: flex-end; margin-top: -2rem; }
.sub_page_navi > select { border: 0 !important; font-size: 1.2rem; background: transparent !important; appearance: none; padding: 0 5px; cursor: pointer; }
.sub_page_navi > span.material-icons { font-size: 1.8rem; color: #c7c7c7; }
.sub_page_navi > a span.material-icons:first-of-type { font-size: 1.8rem; }
.sub_page_navi + .shop_title_box { margin-top: 2rem; }

.goods-list { display: grid; gap: 2rem; grid-template-columns: repeat(5, 1fr); margin-bottom: 3rem; }
.goods-list .good_name a { font-size: 1.6rem; color: #333; font-weight: 400; }

.pagination { display: flex; flex-flow: row wrap; align-items: center; justify-content: center; margin: 1rem 0; }
.paging { display:block; height:22px; text-align:center ; margin:10px 0 10px 0 ; font-size:1px ; }
.paging img { vertical-align:middle; }
.paging .normal {display:inline-block; width:22px; height:19px; font-size:11px; vertical-align:middle; text-align:center; font-family:verdana; color:#606060; padding-top:3px; text-decoration:none; }
.paging .normal:hover {display:inline-block; width:22px; height:19px; color:#fff; background-color:#252525; padding-top:3px; font-weight:bold; text-decoration:none; vertical-align:middle;}
.paging .on {display:inline-block; width:22px; height:19px; font-size:11px ; text-align:center; font-family:verdana; color:#fff; background-color:#252525; padding-top:3px; font-weight:bold; text-decoration:none; vertical-align:middle;}
.paging .on:hover {}
.paging .pre { margin-right:4px; }
.paging .next { margin-left:4px; }
.paging .first { margin-right:2px; }
.paging .last { margin-left:2px; }
.paging .bullet { padding:0 4px; overflow:hidden; background:url(/admin/images/common/bul_04.gif) 3px 8px no-repeat ; }

/* 상품상세 */
#product_info_box { padding-bottom: 2rem; position: relative; display: flex; flex-flow: row wrap; margin-top: 2rem; }
#product_info_box > div { width: 50%; }
.product_info_left { padding-right: 2rem; }
.product_info_right { padding-left: 2rem; }
.product_info_left > div.img { border: 1px solid #c7c7c7; position: relative; }
.product_info_left > div.img:after { content: ''; display: block; padding-bottom: 100%; }
.product_info_left > div.img img { position: absolute; top: 5%; left: 5%; width: 90%; height: 90%; }
.product_info_left > ul { margin-top: 1rem; display: flex; flex-flow: row wrap; gap: 5px; }

.product_info { }
.product_info caption{ display:none; }
.product_info th { text-align: left; font-weight: normal; padding: 1rem 0; height: 4rem; }
.under_line { width:100%; height:1px; background:#d2d2d2; }
.product_big_title { font-size: 2rem; font-weight: 700; color: #000; padding-bottom: 1rem; }
.product_big_title i.new { display: inline-block; background: #0061BC; color: #fff; padding: 2px 5px; font-size: 1.2rem; font-style: normal; position: relative; top: -2px; margin-left: 5px; }
.product_info td.good_note { padding-bottom: 1.5rem; }
.product_info .code_title { font-size: 1.2rem; }
.product_info .code_title strong { display: inline-block; padding: 2px 5px; background: #c7c7c7; color: #fff; font-weight: 400; margin-right: 3px; }
.product_info .code_title span { color: #c7c7c7; }
.product_info tbody tr:first-of-type th { border-top: 1px solid #666; }
.product_info tbody th:last-of-type { color: #000; }
.product_info tbody th:last-of-type select,
.product_info tbody th:last-of-type input[type=text] { width: 100% !important; margin: 0 !important; }
.product_info tbody th .dc_instant { display: inline-block; font-size: 1.2rem; font-weight: 700; background: #1DBC00; border-radius: 3px; padding: 0 5px 1px 5px; color: #fff; }
.product_info tbody th .dc_member { display: inline-block; font-size: 1.2rem; font-weight: 700; background: #00BCB3; border-radius: 3px; padding: 0 5px 1px 5px; color: #fff; }
.pay_black { font-weight: 700; color: #000; }
.pay_black strike { font-weight: 400; color: #ccc; }
.pay_blue { font-weight: 700; color:#0061BC; }
.pay_green { font-weight: 700; color: #1DBC00; }
.pay_red { font-weight: 700; color:#B82F32; }
.pay_orange { font-weight: 700; color:#ff6633; }
.pay_gray { font-weight: 700; color:#7f7f7f; }
.pay_turquoise { font-weight: 700; color: #00BCB3; }
.option_number{ position:absolute;}
.product_info div.b3 input[type=text] { height: 2rem; }
.product_info div.f_b span:last-of-type { font-weight: 700; font-size: 1.6rem; }
.product_buy_btn_box { display: flex; flex-flow: row wrap; gap: 1rem; margin-top: 2rem; }
.product_buy_btn_box > *:not(:last-child) { flex-grow: 2; }
.product_buy_btn_box > *:last-child { flex-grow: 1; }
.product_buy_btn_box a { display: flex; flex-flow: row wrap; align-items: center; justify-content: center; background: #999; color: #fff; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.20); padding: 1.2rem 0; }
.product_buy_btn_box a span.material-icons { font-size: 2rem; margin-right: 5px; }
.product_buy_btn_box a.blue { background: #4D93CC; }
.product_buy_btn_box a.green { background: #1DBC00; }
.product_buy_btn_box a.turquoise { background: #00BCB3; }
.product_buy_btn_box p.sold { border: 5px solid #B82F32; font-size: 2rem; font-weight: 700; display: flex; flex-flow: column nowrap; align-items: center; color: #B82F32; justify-content: center; }
.product_buy_btn_box p.sold > .ex-day { font-weight: 400; font-size: 1.2rem; color: #000; }
.product_buy_btn_box a:hover { filter: brightness(1.1); }

.product_info_tab { border-bottom:2px solid #d4d4d4; border-top: 2px solid #d4d4d4; display: flex; flex-flow: row wrap; }
.product_info_tab01 { flex-grow: 1; }
.product_info_tab01 ul { display: flex; flex-flow: row wrap; }
.product_info_tab01 li a,
.top_btn a { display: flex; flex-flow: row wrap; align-items: center; padding: 1rem 2rem; position: relative; }
.product_info_tab01 li a > i { display: inline-block; font-style: normal; background: #E2F2DF; padding: 0 5px; border-radius: 3px; font-size: 1.2rem; font-weight: 700; margin-left: 5px; color: #1DBC00; }
.top_btn a > span.material-icons { font-size: 2rem; }
.info_tab_over a { color: #1DBC00; }
.info_tab_over a:after { content: ''; display: block; width: 100%; height: 2px; background: #1DBC00; position: absolute; bottom: -2px; left: 0; }
.product_info_extra_tit { font-size: 1.4rem; font-weight: 700; color: #1DBC00; margin-top: 2rem; }

.coupon_download_wrap { margin-bottom: 2rem; }
h3.coupon_down_title { text-align: center; margin-bottom: 1rem;}
.coupon_download_wrap ul { display: flex; flex-flow: row wrap; gap: 1rem; justify-content: center; }
.coupon_download_wrap ul li { width: 24rem; }
.coupon_download_wrap .coupon_item { border: 5px solid #E54585; display: flex; flex-flow: column; justify-content: space-between; height: 100%; }
.coupon_download_wrap .coupon_item > * { text-align: center; }
.coupon_download_wrap .coupon_item > .coupon_kinds { padding-top: 1rem; }
.coupon_download_wrap .coupon_item > .coupon_discount { font-size: 2.2rem; font-weight:700; color: #000; flex-grow: 1; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; }
.coupon_download_wrap .coupon_item > .coupon_info { font-size: 1.2rem; color: #999; }
.coupon_download_wrap .coupon_item > a { background: #E54585; padding: 5px 0 3px 0; color: #fff; margin-top: 1rem; }
.coupon_download_wrap ul li:nth-child(2n) .coupon_item { border: 5px solid #4195C9; }
.coupon_download_wrap ul li:nth-child(2n) .coupon_item > a { background: #4195C9; }
.coupon_download_wrap ul li:nth-child(3n) .coupon_item { border: 5px solid #8F58DB; }
.coupon_download_wrap ul li:nth-child(3n) .coupon_item > a { background: #8F58DB; }
.coupon_download_wrap ul li:nth-child(4n) .coupon_item { border: 5px solid #32C591; }
.coupon_download_wrap ul li:nth-child(4n) .coupon_item > a { background: #32C591; }
/* 장바구니 */
.order_sub_title_box{height:40px;margin-bottom:15px; margin-top:22px;}
.order_sub_title_box h4{margin-top:10px;}
.order_sub_page_navi{margin-top:0px;}
.cart_step1_table{width:100%;border-bottom:2px solid #8c8c8c;text-align:center;}
.cart_step1_table caption{display:none}
.cart_step1_table th{padding:10px 0 ; border-top:1px solid #5f5f5f;background-color:#666;color:#fff;border-bottom:1px solid #5f5f5f; border-right:1px solid #5f5f5f; font-weight:normal}
.cart_step1_table td{padding:15px 0;border-top:1px solid #e5e5e5;color:#4c4c4c; border-right:1px solid #dedede;}
.cart_step1_table tbody td.info{text-align:left; line-height:18px;padding:0 2px 0 10px;}
.cart_step1_total_pay{ background-color:#f2f2f2; border-bottom:2px solid #8c8c8c; text-align:center}
.cart_step1_total_pay caption{display:none}
.cart_step1_total_pay th{}
.cart_step1_total_pay td{padding:15px 0; line-height:20px;}
.cart_step1_btn01{ margin-top:10px;}
.cart_step1_btn02{ margin-top:20px; text-align:center;}
#pay_total_buy, #total_discount_price, #pay_total_dlv, #pay_total_price, #last_total_price { color: #000; }
#pay_total_buy, #pay_total_price, #last_total_price { font-weight: 700; }

.sub_title_box { margin: 1rem 0; color: #000; font-size: 1.6rem; }

ul.option_info_textbox{ line-height:16px; margin:7px 0px 0px 0px; }
ul.option_info_textbox li.cart-item-main{color:#9e9e9e; font-size:11px;font-family:Dotum;}
ul.option_info_textbox li.cart-item-sub{margin-left:18px;list-style-image:url('/skin/f_modern/images/shop/option_reply_icon.gif');color:#9e9e9e; font-size:11px;font-family:Dotum;}

#layer_cart {}
.layer_cart_box { width: 300px; border: 1px solid #aeaeae; padding: 30px 20px; background-color: #fff; }
.layer_cart_top { border-bottom: 1px solid #aeaeae; height: 24px; }
.layer_cart_top p { float: left; font-size: 14px; font-weight: bold; }
.layer_cart_close { display: block; text-align: right; cursor: pointer; }
.layer_cart_msg, .layer_wish_msg { display: block; text-align: center; font-size: 14px; line-height: 18px; margin-top: 20px; }
.layer_cart_ok { background-color: #fff; color: #000; display: inline-block; font-family:Arial, Helvetica, sans-serif; overflow:visible; cursor: pointer; text-decoration: none; text-align: center; padding: 4px 20px; border: 1px solid #000; font-size: 12px; }
.layer_cart_cancel { background-color: #000; color: #fff; display: inline-block; font-family:Arial, Helvetica, sans-serif; overflow:visible; cursor: pointer; text-decoration: none; text-align: center; padding: 5px 20px; border: 0 none; font-size: 12px; }
.layer_btn{ margin-top: 20px; text-align: center; }

/* order */
.cart_step2_totalpay{ border:3px solid #000; background-color:#f6f6f6; margin-top:10px;}
.cart_step2_totalpaytable{padding:10px 20px ; line-height:26px;}
.cart_step2_totalpaytable caption{display:none; }
.cart_step2_totalpaytable th{  text-align:left; font-weight:normal; }
.cart_step2_totalpaytable td{ text-align:right;}
.cart_step2_totalpaytable_line{height:1px; width:100%; border-bottom:1px dotted #999;}
.order_list_address_check{ float:right; font-size: 1.2rem; font-weight: normal; }
div#buy_memo_area1 table td{border:none;padding:0;}
.payment_option_type{ margin:0; padding:0;}
.payment_option_type caption{display:none; }
.payment_option_type th{ background-color:#fff;}
.payment_option_type td{ background-color:#fff;border-top:1px solid #DDD; padding:7px 0px 7px 7px;}

/* 게시판 관련 */

.gall-list ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; }
.gall-list li > a { display: block; width: 100%; height: 20rem; overflow: hidden; position: relative; }
.gall-list a img { width: 100%; height: 100%; object-fit: cover; transform:scale(1.0); transition: transform .5s; }
.gall-list li > a:hover img { transform:scale(1.2); transition: transform .5s; }
.gall-list .gall-subject { margin: 5px 0; }
.gall-list .gall-subject a { font-size: 1.6rem; }
.gall-list .gall-date { color: #999; }

.bot-btn-box.bbs_view,
.bot-btn-box.bbs_list { justify-content: flex-end; }
.bot-btn-box.bbs_view a,
.bot-btn-box.bbs_list a { font-size: 1.4rem; padding: 5px 1rem; }
.bot-btn-box.bbs_view a span.material-icons,
.bot-btn-box.bbs_list a span.material-icons { font-size: 1.8rem; margin-right: 3px; }

.bbs-search-box { display: flex; flex-flow: row wrap; justify-content: center; }
.bbs-search-box > select { border-right: 0; border-radius: 3px 0 0 3px; }
.bbs-search-box > input[type=text] { width: 20rem; border-radius: 0; }
.bbs-search-box .bbs_search_btn { display: inline-flex; flex-flow: row wrap; border-radius: 0 3px 3px 0; background: #c7c7c7; color: #fff; align-items: center; padding: 0 5px; }
.bbs-search-box .bbs_search_btn:hover { background: #1DBC00; }

.bbs_btn { display: inline-flex; flex-flow: row wrap; align-items: center; justify-content: center; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.20); background: red; color: #fff; padding: 5px 1rem; border-radius: 3px; }
.bbs_btn:hover { color: #fff; filter: brightness(1.1); }
.bbs_btn span.material-icons { font-size: 1.8rem; margin-right: 3px; }
.bbs_btn.default { background: #aaa; font-size: 1.2rem; padding: 2px 5px; }
.bbs_btn.turquoise { background: #00BCB3; }

.bbs_cmt { display: inline-flex; flex-flow: row wrap; align-items: center; font-size: 1.2rem; font-weight: 700; color: #1DBC00; }
.bbs_cmt span.material-icons { font-size: 1.4rem; }

i.icon { display: inline-flex; flex-flow: row wrap; font-style: normal; font-size: 1rem; font-weight: 500; border-radius: 3px; padding: 2px 5px; line-height: 1rem; }
i.icon.bbs_hot { background: #B82F32; color: #fff; }
i.icon.bbs_best { background: #00BCB3; color: #fff; }
i.icon.bbs_new { background: #0061BC; color: #fff; }
i.icon.bbs_notice { background: #1DBC00; color: #fff; }

span.material-icons.bbs_rep { position: relative; top: 4px; font-size: 1.8rem; color: #1DBC00; }
span.material-icons.attach_file { transform: rotate(45deg); font-size: 1.8rem; position: relative; top: 4px; }
span.material-icons.bbs_secret { font-size: 1.8rem; color: #aaa; position: relative; top: 4px; }

.table_form_type_c{ border-top:1px solid #a9a9a9; text-align:left; line-height:18px; margin-top:10px; }
.table_form_type_c caption{display:none; }
.table_form_type_c > tbody > tr > th{background-color:#f7f7f7; padding:7px 0px 7px 15px; border-bottom:1px solid #dddddd; font-weight:normal; text-align:left;}
.table_form_type_c > tbody > tr > td{border-bottom:1px solid #DDD; padding:7px 0px 7px 7px;}
.table_form_type_c .p0 {padding:0px;}

.board_info {display:inline-block; width:100%;}
.board_info > * {vertical-align:middle;}
.board_info_left {width:50%; float:left;}
.board_info_right {width:50%; float:right; line-height:20px; text-align:right;}
.board_info_center {width:50%; line-height:20px; text-align:center;}

.board_search {background-color:#fff; border:2px solid #E6E6E6; margin-bottom:10px;}
.board_search .nolist {width:100%; height:30px; text-align:center;}
.board_search .list {width:100%; height:30px; padding-left:30px;}
.board_search .searchbar { width:100%; display: flex; align-items: center; justify-content: center; padding: 3rem 0;}
.board_search .searchbar > select { border-right: 0; border-radius: 3px 0 0 3px; }
.board_search .searchbar > input[type=text] { border-radius: 0; }
.board_search .searchbar > .bbs_search_btn { display: inline-flex; flex-flow: row wrap; border-radius: 0 3px 3px 0; background: #c7c7c7; color: #fff; align-items: center; padding: 2px 5px; }
.board_search .searchbar > .bbs_search_btn:hover { background: #1DBC00; }
.board_search .search_title { font-weight: 500; font-size: 1.6rem; margin-right: 1rem; }

.table_form_type{ border-top:1px solid #a9a9a9; text-align:left; line-height:18px; margin-top:10px;clear:both;}
.table_form_type caption{display:none; }
.table_form_type > thead > tr > th,
.table_form_type > tbody > tr > th{background-color:#f7f7f7; padding:7px 0px;border-bottom:1px solid #dddddd; font-weight:normal; text-align:center;}
.table_form_type > thead > tr > td,
.table_form_type > tbody > tr > td{border-bottom:1px solid #dddddd;padding:7px 0px; text-align:center;}
.table_form_type .tl{text-align:left; padding-left:7px;}
.table_form_type .tr{text-align:right; padding-right:7px;}

.table_form_type_b{ border-top:1px solid #a9a9a9; text-align:left; line-height:18px; margin-top:10px; clear:both;}
.table_form_type_b caption{display:none; }
.table_form_type_b > thead > tr > th,
.table_form_type_b > tbody > tr > th{background-color:#f7f7f7; padding:7px 0px; border-bottom:1px solid #DDD; border-right:1px solid #DDD; font-weight:normal;text-align:left; text-align:center;}
.table_form_type_b > thead > tr > td,
.table_form_type_b > tbody > tr > td{border-bottom:1px solid #DDD; border-right:1px solid #DDD; padding:7px 0px; text-align:center;}
.table_form_type_b > thead > tr > th:last-child,
.table_form_type_b > tbody > tr > th:last-child{border-right:none;}
.table_form_type_b > thead > tr > td:last-child,
.table_form_type_b > tbody > tr > td:last-child{border-right:none;}
.table_form_type_b .tl{text-align:left; padding-left:7px;}

#board_confirm_layer {width:100%; height:100%; position:absolute; top:0px; left:0px;}
#board_confirm_layer .confirm_delete {width:400px; height:200px; border:1px solid #ccc; position:relative; background-color:#fff; box-shadow:3px 3px 10px #aaa;}
#board_confirm_layer .btn_image {cursor:pointer;}
#board_confirm_layer .confirm_title { width: 100%; background-color: #666; display: flex; justify-content: space-between; padding: 7px 1rem; }
#board_confirm_layer .text_confirm_title { color:#fff; }
#board_confirm_layer .confirm_body { width: 100%; margin: 0 auto; display: flex;  justify-content: center; align-items: center; height: calc(100% - 8rem); flex-flow: column; }
#board_confirm_layer .text_confirm_msg { font-weight:700; }
#board_confirm_layer .input_form {width:250px; height:50px; }
#board_confirm_layer .input_form label {display:inline-block; vertical-align:middle; margin-top:15px;}
#board_confirm_layer .input_form input {display:inline-block; width:70%; vertical-align:middle; margin-top:15px;}
#board_confirm_layer .confirm_btn_area {text-align:center;}
#board_confirm_layer .text_loading {padding-top:50px; color:#eee;}

.board_list_a { margin-top: 1rem; border-top: 2px solid #1DBC00; }
.board_list_a > thead > tr > th,
.board_list_a > tbody > tr > th{ font-weight: 500; padding: 1rem; border-bottom: 1px solid #c7c7c7; background: #f7f7f7; }
.board_list_a > thead > tr > td,
.board_list_a > tbody > tr > td{ border-bottom:1px solid #E8E8E8; text-align:center; padding: 1rem; }
.board_list_a .tl{text-align:left; }
.board_list_a .tr{text-align:right; }
.board_list_a .noticetr { background: #FDFFE4; }
.board_list_a td.cate { font-size: 1.2rem; color: #000; }

.board_write_a{ text-align:left; line-height:18px; margin-top:10px; border-top:1px solid #DDD;}
.board_write_a > tbody > tr > th{height:36px; background-color:#8C8C8C; padding:0px 0px 0px 10px; border-bottom:1px solid #dddddd; font-weight:normal; text-align:left; color:#fff;}
.board_write_a > tbody > tr > td{border-bottom:1px solid #DDD; padding:0px 0px 0px 10px;}
.board_write_a textarea {border:solid 1px #b7b7b7; background-color:#efefef; height:200px; width:598px; margin:10px 0px 10px 0px;}

.board_view_a{ text-align:left; line-height:18px; margin-top:10px; border-bottom:1px solid #8C8C8C; table-layout:fixed;}
.board_view_a > thead > tr > th{height:36px; background-color:#8C8C8C; padding:0px 0px 0px 10px; font-weight:normal; text-align:left; color:#fff;}
.board_view_a > tbody > tr > th{height:36px; background-color:#fff; padding:0px 0px 0px 10px; border-bottom:1px solid #8C8C8C; font-weight:normal; text-align:left;}
.board_view_a > tbody > tr > td{}
.board_view_a textarea {border:solid 1px #b7b7b7; background-color:#efefef; height:200px; width:598px; margin:10px 0px 10px 0px;}
.board_content {height:250px; vertical-align:top; padding:10px 0px 20px 0px; line-height:20px;}
.board_content img, .qna_content img {max-width: 95%}

.board-read-view { border-top: 2px solid #c7c7c7; border-bottom: 2px solid #c7c7c7; margin-bottom: 3rem; }
.board-read-view .board-cate { text-align: center; padding-top: 1rem; margin-bottom: -1rem; }
.board-read-view .board-cate span { display: inline-block; padding: 5px 1rem; background: #1DBC00; border-radius: 3px; color: #fff; font-size: 1.2rem; font-weight: 500; }
.board-read-view > h5 { text-align: center; font-size: 3rem; line-height: 3rem; color: #000; font-weight: 500; padding: 2rem 0; }
.board-read-view .board-item-info { border-top: 1px solid #e7e7e7; display: flex; gap: 2rem; flex-flow: row wrap; align-items: center; padding: 1rem 0; }
.board-read-view .board-item-info > span > span { margin-right: 5px; color: #aaa; }
.board-read-content { margin-bottom: 3rem; padding-bottom: 3rem; border-bottom: 1px solid #c7c7c7; }

.board_comment_table {border-top:2px solid #8C8C8C; border-bottom:1px solid #8C8C8C;}
.board_comment_table > tbody > tr > th {height:30px; background-color:#8C8C8C; color:#fff; text-align:center;}
.board_comment_table > tbody > tr > td {height:30px; background-color:#fff; color:#000; padding-left:10px;}

.board-cmt-write-form { display: flex; flex-flow: column; margin-top: 2rem; }
.board-cmt-write-form .user-info { display: flex; gap: 1rem; padding: 1rem 0; }
.board_comment_wirte { display: flex; }
.board_comment_wirte textarea { width: 100%; resize: none; border: 1px solid #c7c7c7; }
.board_comment_wirte input {width:113px; height:78px; background-color:#8C8C8C; color:#fff; border:0px; cursor: pointer; }
.board-cmt-write-form .bbs_captcha { margin-top: 1rem; }
.board-cmt-write-form .bbs_captcha .point_red { color: #B82F32; }

.board_comment_list { display:block; width:100%; border-top: 2px solid #c7c7c7; border-bottom: 2px solid #c7c7c7; }
.board-cmt-title { border-bottom: 1px solid #e7e7e7; display: flex; align-items: center; padding: 5px 0; }
.board-cmt-title span.material-icons { font-size: 2rem; margin-right: 5px; color: #1DBC00; }
.board_comment_list ul { display: flex; flex-flow: column; }
.board_comment_list ul li { display: flex; flex-flow: row wrap; align-items: center; gap: 2rem; padding: 5px 0; border-bottom: 1px solid #e7e7e7 }
.board_comment_list ul li:last-of-type { border-bottom: 0; }
.board_comment_list .comment_name { float: left; width: 10rem; text-align: center; font-weight: 500; color: #000;}
.board_comment_list .comment_content { flex-grow: 1; }
.board_comment_list .comment_date { display: flex; align-items: center; gap: 1rem; }
.board_comment_list .comment_date > span { font-size: 1.2rem; color: #aaa; }
.board_comment_list .comment_date .btn_cmt_delete { color: #B82F32; }
.board_comment_list .comment_date .btn_cmt_delete span { font-size: 2rem; }

.board-atta-file > p { margin-bottom: 5px; }
.board-atta-file > p span.material-icons { font-size: 2rem; color: #1DBC00; transform: rotate(45deg); }
.board-atta-file .down-count { font-size: 1.2rem; color: #aaa; margin-left: 1rem; }
.board-atta-file > div { padding-left: 2rem; }
/* 팝업 */
.popup_wrap { margin:0px 10px 0px 10px; }
.popup_wrap .price_member_dc {color:#D91B1B; font-weight:bold;}
.popup_wrap .price_instant {color:#ff6633; font-weight:bold;}
.popup_wrap .price {font-weight:bold; font-size:12px;}

.popup_title_box { background-color:#303030; width:100%; color:#fff; display: flex; flex-flow: row wrap; }
.popup_title_box h3{ font-size:1.6rem; font-weight:700; padding: 1rem 1.5rem; letter-spacing:-1px; }
.popup_sub_title{ height:20px; margin-top: 20px; padding-top:10px; float:left; font-size:12px; font-weight:bold; letter-spacing:-1px;}

/* ??? */
#map{ background-color:#474747; width:100%;padding:10px 0px;;}
.sitemap_tb{ text-align:center; padding:5px 10px; }
.map_topmn_st{color:#fff;font-weight:bold; font-size:14px; width:100%; border-bottom:1px solid #fff; padding-bottom:5px;}
.map_sub_st{ margin-top:5px;}
.map_sub_st li{color:#a3a3a3; padding:3px 0px;}
.map_sub_st li a{color:#a3a3a3; text-decoration:none;}

.ui_user_box {
    filter:alpha(opacity=80); opacity:0.8; background-color:#D91919;
    text-align:right; vertical-align:middle;
    left:0px; width:100%; height:34px;
    bottom:0px; position:absolute;
    padding-top:4px;
    z-index: 2;
}
.ui_user_box .q_buy {
    background: url(/skin/f_modern/images/btn/btn_quick_buy.png) left top no-repeat;
    width:30px; height:30px;
    display: inline-block;
}
.ui_user_box .q_cart {
    background: url(/skin/f_modern/images/btn/btn_quick_cart.png) left top no-repeat;
    width:30px; height:30px;
    display: inline-block;
}
.ui_user_box .q_win {
    background: url(/skin/f_modern/images/btn/btn_quick_win.png) left top no-repeat;
    width:30px; height:30px;
    display: inline-block;
    padding-right:4px;
}

.info_box { background-color:#f7f7f7; border:1px solid #cdcdcd; margin:20px 0 10px; vertical-align:middle; padding:10px; color:#757575;}
.info_box_w { background-color:#fff; border:1px solid #cdcdcd; margin:20px 0 10px; vertical-align:middle; padding:10px; color:#757575;}
.info_box_w2 { background-color:#fff; border:2px solid #cdcdcd; margin:20px 0 10px; vertical-align:middle; padding:10px; color:#757575;}
.info_box2 { width:760px; background-color:#f7f7f7; border:1px solid #cdcdcd; color:#757575; display:table-cell; text-align:center; padding:20px 0px 20px 0px; margin:20px 0 10px;}
.info_box3 { width:100%; background-color:#f7f7f7; border:1px solid #cdcdcd; color:#757575; text-align:center; padding:20px 0px 20px 0px; margin:20px 0 10px;}
.info_box4 { background-color: #f7f7f7; border: 1px solid #cdcdcd; color: #757575; display: flex; align-items: center; padding: 1rem 1.5rem; margin-bottom: 2rem; }
.info_box4 > *:nth-child(2) { flex-grow: 1; }
.info_box4 > a { display: inline-flex; border: 1px solid #aaa; padding: 2px 5px; background: #fff; align-items: center; font-size: 1.2rem; border-radius: 3px; }
.info_box4 > a span.material-icons { font-size: 1.8rem; margin-right: 3px; color: #1DBC00; }

.data_search_box{float:right}
.data_search_box li{float:left; padding: 0px 2px}
.data_search_btn a{background-color:#f6f3f3; border:1px solid #cbc8c8; padding:2px 7px; text-decoration:none; color:#000;}
.data_search_btn a:hover{background-color:#fe610b; color:#fff; border:1px solid #c84903;}
.btn_select{ background-color:#f6f3f3; border:1px solid #cbc8c8; padding:2px 7px; text-decoration:none; color:#000; }

/*탭 안의 테이블 스타일*/
h6.tl { font-size: 1.4rem; color: #000; position: relative; }
h6.tl:before { content: ''; display: inline-block; width: 1rem; height: 1rem; border-radius: 3px; background: #1DBC00; position: relative; margin-right: 3px; }
hr{ display:none;}
.table_form_type{ border-top:1px solid #a9a9a9; text-align:left; line-height:18px; }
.table_form_type caption{display:none; }
.table_form_type th{ background-color:#f7f7f7; padding:10px 0px 10px 20px;border-bottom:1px solid #dddddd; font-weight:normal;text-align:left;}
.table_form_type td{border-bottom:1px solid #dddddd;padding:10px 0px 10px 7px;}

.table_form_type2{text-align:left; line-height:18px; padding:10px 0px; }
.table_form_type2 caption{display:none; }
.table_form_type2 th{ background-color:#fff; padding:3px 0px 3px 20px; font-weight:normal;text-align:left; border:0px;}
.table_form_type2 td{padding:3px 0px 3px 7px; border:0px; color:#8f8f8f;}

.table_form_type3{ border-top:1px solid #a9a9a9; text-align:left; line-height:18px; margin-top:10px; }
.table_form_type3 caption{display:none; }
.table_form_type3 th{ background-color:#f7f7f7; padding:7px 0px 7px 0px;border-bottom:1px solid #dddddd; font-weight:normal;text-align:left; text-align:center;}
.table_form_type3 td{border-bottom:1px solid #dddddd;padding:7px 0px 7px 0px; text-align:center;}

/*옵션노출 테이블*/
.table_form_option_type{ border-top:1px solid #000; text-align:left; line-height:18px;border-bottom:0px solid #a9a9a9; }
.table_form_option_type caption{display:none; }
.table_form_option_type th{ padding:7px 0px 7px 7px;border-bottom:1px solid #dddddd; font-weight:normal;text-align:left; word-break:break-all; font-size:11px; font-family:Dotum }
.table_form_option_type td{border-bottom:1px solid #dddddd;padding:7px 0px 7px 7px;  word-break:break-all; font-size:11px; font-family:Dotum}

/* 선택한 옵션 목록(temporary_basket.js) */
ul.selected_options_panel li{padding:6px 0;border-top-width:1px;border-color:#D2D2D2;}
ul.selected_options_panel li:first-child{border-top:0;}
ul.selected_additional_options_panel li{padding:1px 0;border-top:0;}
ul.selected_additional_options_panel li:first-child{border-top-width:1px;border-top-style:solid;border-color:#D2D2D2;}

/* 오류 안내 페이지용 스타일 */
div.error_message{margin:0 auto;}
div.error_message span{display:block; text-align:center;margin:20px 0;}

/* 우편번호 찾기 */
#zipcode .div_sido {width:50%; float:left;}
#zipcode .road_sido {width:100px;}
#zipcode .div_sigungu {width:50%; float:left;}
#zipcode .road_sigungu {width:100px;}
#zipcode .div_keyword {clear:both; margin-left:55px; margin-top:10px; float:left;}
#zipcode .search_tooltip {clear:both; padding-top:10px;}
#zipcode .btn_find img {margin:0px 50px 0px 0px; float:right;}
#zipcode .sub_title_st {margin-bottom:0px; text-align:left;}

.popup_top{background-color:#24303e; height:42px; line-height:42px; width:100%; color:#fff; font-size:14px; font-family:Dotum, Gulim; font-weight:bold; border-bottom:2px solid #fd610c;}
.popup_top>a.open{ font-size:16px; float:right;color:#fff; padding-right:15px; }
.popup_top>a.open:hover {text-decoration:none ;}
.popup_top>a.open:after{ content:"▼";}
.popup_top>a.close{ font-size:16px; float:right;color:#fff; padding-right:15px; }
.popup_top>a.close:after{ content:"▲";}
.popup_top>a.close:hover {text-decoration:none ;}
.popup_tab_block {padding:10px 10px 0px 10px;}
#popup_tap_menu{border-bottom:1px solid #000; height:28px;}
#popup_tap_menu li{float:left; padding-right:3px;}

/* Naver SmartEditor CSS : START */
.se2_inputarea { margin: 0; padding: 0; line-height: 2.2rem; }
.se2_inputarea,.se2_inputarea th,.se2_inputarea td{margin:0;padding:0;}
.se2_inputarea p, .se2_inputarea br { margin: 0; padding: 0; }
.se2_inputarea { margin: 1rem 0; word-wrap: break-word; *word-wrap: normal; *word-break: break-all; }
.se2_inputarea_890 { width: 741px; margin: 20px 0 10px 64px; }
.se2_inputarea_698 { width: 548px; margin: 20px 0 10px 64px; }
/* TEXT_TOOLBAR : QUOTE */
.se2_quote1 { margin: 0 0 30px 20px; padding: 0 8px; border-left: 2px solid #ccc; color: #888; }
.se2_quote2 { margin: 0 0 30px 13px; padding: 0 8px 0 16px; background: url("/common/js/smarteditor/img/bg_quote2.gif") 0 3px no-repeat; color: #888; }
.se2_quote3 { margin: 0 0 30px; padding: 12px 10px 11px; border: 1px dashed #ccc; color: #888; }
.se2_quote4 { margin: 0 0 30px; padding: 12px 10px 11px; border: 1px dashed #66b246; color: #888; }
.se2_quote5 { margin: 0 0 30px; padding: 12px 10px 11px; border: 1px dashed #ccc; background: #fafafa; color: #888; }
.se2_quote6 { margin: 0 0 30px; padding: 12px 10px 11px; border: 1px solid #e5e5e5; color: #888; }
.se2_quote7 { margin: 0 0 30px; padding: 12px 10px 11px; border: 1px solid #66b246; color: #888; }
.se2_quote8 { margin: 0 0 30px; padding: 12px 10px 11px; border: 1px solid #e5e5e5; background: #fafafa; color: #888; }
.se2_quote9 { margin: 0 0 30px; padding: 12px 10px 11px; border: 2px solid #e5e5e5; color: #888; }
.se2_quote10 { margin: 0 0 30px; padding: 12px 10px 11px; border: 2px solid #e5e5e5; background: #fafafa; color: #888; }
/* Naver SmartEditor CSS : END */

/* 커스텀 툴팁 custom tooltip */

.tooltiptext{
    visibility: hidden;
    position: absolute;
    right: 55px;
    z-index: 1;
}

.custom-tooltip{ width: 110% !important; border: 1px solid rgb(73, 81, 100); background-color: white; }
.custom-tooltip tr th {
    padding-left: 20px !important;
    text-align: left;
    font-weight: 500;
    background-color: rgb(73, 81, 100);
    color: white !important;
    padding: 10px;
    padding-left: 20px;
    font-size: 16px;
}
.custom-tooltip tr td:first-child{ padding-left: 20px; }
.custom-tooltip tr td:last-child{
    text-align: right;
    padding: 5px 20px;
}


/* max */
@media all and (min-width: 1440px) {
    html, body { min-width: 1400px; }
    .container { width: 1400px; margin: 0 auto; }
}
/* 기타 ? */
@media all and (max-width:1279px) {
    html, body, .container { min-width: 100%; }

}
/* mobile 가로 부터 */
@media all and (max-width:768px) {
    html, body, .container { min-width: 100%; }
    .container { padding: 0 2rem; }
    header .container { padding: 2rem 3rem; }
    header h1 { background-size: 100% !important; }
    header h1 a { width:9rem; height: 2.5rem; }
    header nav { display: none; }
    .intro header .container:before { content: ''; display: block; position: absolute; bottom: 0; left: 2rem; width: calc(100% - 4rem); height: 1px; background: #3D3D3D; }
    header .m-menu { display: block; }
    .intro main > h2 { font-size: 5rem; }
    .intro main > h2 > p { line-height: 5.5rem; }
    .intro main > .auth-box { right: auto; }
    .intro main > .auth-box img:first-of-type { left: 0; }
    .intro main > .auth-box img { width: 10rem; }
    footer .util ul { justify-content: center; }
    .intro footer .info .container:before { left: 2rem; width: calc(100% - 4rem); }
    .intro footer .util .container:before { left: 2rem; width: calc(100% - 4rem); }
    footer .info .info-item { font-size: 1.2rem; width: 100%; padding: 0 1rem; }
    footer .info .kicc { display: none; }
    footer .util ul { gap: 1rem; }
    footer .util a { font-size: 1.2rem; }
    footer .util ul li:last-of-type { display: none; }
    footer .info dl:first-of-type { margin: 0; }
    footer .info dl dd { margin-right: 0; }
    footer .info dl dd:not(:last-of-type):after { content: none; }
    footer .info dl dt:before { content: ''; display: block; width: 100%; height: 1px; background: transparent; margin: 2px 0; }
    footer .info dl { display: block; }
    footer .info dl dt, footer .info dl dd { display: inline; }
    .shop_title_box { font-size: 2.8rem; margin-bottom: 2rem; }
    .user_login_block { width: 100%; }
    .user_login_function a { padding: 5px 1rem; }
    .user_login_function a span.material-icons { margin-right: 5px; }
    .user_login_wrap { margin-top: -3rem; }
    main { padding: 2rem 0; }
    main .team-rcon { margin-bottom: 2rem; }
    main .team-rcon:after { height: 5.5rem; top: 4rem; }
    main .team-rcon .content-txt, main .team-rcon .content-img { width: 100%; }
    main .team-rcon .content-txt > p:nth-of-type(1) { margin-top: 2rem; }
    main .team-rcon .content-txt > h3 { font: 800 5rem 'Roboto', sans-serif; line-height: 5rem; padding: 0.5rem 2rem; }
    main .team-rcon .content-txt > p:nth-of-type(2) { font-size: 1.4rem; margin-top: 1rem; }
    main .team-rcon .content-txt > p:nth-of-type(3) { font: 300 2rem 'Oooh Baby', cursive; margin-top: 1rem; }
    main .team-rcon .content-img { padding: 2rem; }
    main .whats > div { width: 100%; }
    main .whats > div.img { padding: 2rem; }
    main .whats h3 { font: 800 2.4rem 'Roboto', sans-serif; line-height: 2.4rem; margin-bottom: 1rem; }
    main .whats h3 span { width: auto !important; }
    main .whats .txt { font-size: 1.4rem; padding: 0 2rem; }
    main .whats .txt > p { margin-bottom: 1.2rem; word-break: keep-all; }
    .members .coach { flex-flow: column; align-items: center; width: 100%; padding-bottom: 2rem; }
    .members .coach h3 { top: -1rem; font: 800 7rem 'Roboto', sans-serif; }
    .members .coach .person { z-index: 1; padding-top: 2rem; }
    .members .coach .person img { height: 40rem; }
    .members .coach .introduce { width: 100%; padding: 2rem; }
    .members .coach .introduce > h4 { margin-bottom: 0; }
    .members .coach .introduce > h4 > span { font: 500 1.2rem 'Roboto', sans-serif; line-height: 1.2rem; }
    .members .coach .introduce > h4 > p > span:nth-of-type(1) { font-size: 2.6rem; }
    .members .coach .introduce > h4 > p > span:nth-of-type(2) { font: 400 1.4rem 'Roboto', sans-serif; }
    .members .coach .introduce .operation { padding: 0; margin-top: 1rem; }
    .members .coach .introduce ol li { word-break: keep-all; }
    .members .coach .award { margin-top: 1rem; }
    .members .player .inner { flex-flow: column; width: 100%; }
    .members .player .introduce { order: 2; width: 100%; border-top: 1px solid #d4d4d4; padding: 2rem; }
    .members .player:nth-child(even) .introduce { border-top: 1px solid #333 }
    .members .player .introduce > h4 > span { font: 500 1.2rem 'Roboto', sans-serif; line-height: 1.2rem; }
    .members .player .introduce > h4 > p > span:nth-of-type(1) { font-size: 2.6rem; }
    .members .player .introduce > h4 > p > span:nth-of-type(2) { font: 400 1.4rem 'Roboto', sans-serif; }
    .members .player .introduce > h5 { margin-top: 1rem; }
    .members .player .person { order: 1; position: relative; width: 30rem; height: 30rem; }
    .members .player .person img { position: absolute; top: 0; left: -3rem; width: 30rem; height: 30rem; }
    main.shop .container .shop-menu { display: none; }
    main.shop .container .contents { width: 100%; padding: 0 !important; }
    main.shop .shop_title_box { margin-top: 2rem; }
    .sub_page_navi { margin-top: 1rem; }
    .glist_best_goods + .goods-list,
    .glist_best_goods { display: none; }
    .goods-list { grid-template-columns: repeat(2, 1fr); gap: 1rem; }
    .goods-list .good_name a { font-size: 1.4rem; }
    #product_info_box { flex-flow: column; }
    #product_info_box > div { width: 100%; }
    .product_info_left { padding-right: 0; }
    .product_info_right { padding-left: 0; }
    .product_info_left > ul { padding-top: 0 !important; }
    .product_info { margin-top: 1rem; }
    .product_info thead tr:first-of-type { display: none; }
    .product_buy_btn_box { gap: 5px; margin-top: 1rem; }
    .product_buy_btn_box a { padding: 1rem; }
    .product_info_tab, #user_review, #goods_qna, .product_info_extra, #sub_contents > br { display: none; }
    .m-notice-blcok { display: none; }
    .m_goods_title { margin: 1rem 0; text-align: center; }
    .m-goods-list { grid-template-columns: repeat(2, 1fr); gap: 1rem; }
    .board_info,
    .board_list_a colgroup,
    .board_list_a tr th:nth-of-type(1),
    .board_list_a tr th:nth-of-type(4),
    .board_list_a tr th:nth-of-type(5),
    .board_list_a tr th:nth-of-type(6),
    .board_list_a tr td:nth-of-type(1),
    .board_list_a tr td:nth-of-type(4),
    .board_list_a tr td:nth-of-type(5),
    .board_list_a tr td:nth-of-type(6) { display: none; }
    .bbs-search-box { margin-bottom: 2rem; }
    .only-member { padding: 4rem; }
    .only-member > p { font-size: 2rem; }
    .only-member .btn-box a { padding: 5px; }
    .board-read-view .board-cate { display: none; }
    .board-read-view > h5 { font-size: 2rem; padding: 1rem 0; }
    .board-read-view { margin-bottom: 2rem; }
    .board-read-content { margin-bottom: 2rem; padding-bottom: 2rem; }
    .board_comment_list { display: none; }
    .bot-btn-box.bbs_view { margin-bottom: 2rem; }
    .gall-list ul { grid-template-columns: repeat(1, 1fr); gap: 1rem; }
    .board-read-content img { max-width: 100%; }
    .board-read-content * { word-break: keep-all }
    .board-cmt-write-form { display: none; }
    .board-read-view .board-item-info { gap: 1rem; }
    .board-read-view .board-item-info span { font-size: 1.2rem; }
    .board_search { border: 0; margin-bottom: 2rem; }
    .board_search .searchbar { padding: 0; }
    .board_search .search_title { display: none; }
    .mypage_order_info_box, .mypage-latest { display: none; }
    .mypage_main .tdR { border-right: 0; }
    .mypage_main td:nth-of-type(2), .mypage_main td:nth-of-type(3) { display: none; }
    .cart_step1_table colgroup { display: none; }
    .cart_step1_table tr { display: grid; grid-template-columns: repeat(4, minmax(25%, auto)); border-left: 1px solid #dedede !important; }
    .cart_step1_table td:last-of-type { border-right: 1px solid #dedede !important; }
    .cart_step1_total_pay colgroup { display: none; }
    .cart_step1_total_pay tr { display: grid; grid-template-columns: 3fr 0.5fr 3fr 0.5fr 3fr; }
    .cart_step1_total_pay td { padding: 5px 0; }
    .cart_step1_total_pay tr td:nth-of-type(6) { display: none; }
    .cart_step1_total_pay tr td:nth-of-type(7) { grid-column: 1 / 6; }
    .bot-btn-box { margin-bottom: 2rem; }
    .mypage_info_box2 tr th, .mypage_info_box2 tr td { display: block; width: 100%; }
    .table_form_type_b colgroup { display: none; }
    .table_form_type_b tr { display: grid; grid-template-columns: repeat(4, minmax(25%, auto)); }
    .cart_step1_table.step2 tr th:last-child { grid-column: 3 / 5; }
    .cart_step1_table td { border-bottom: 1px solid #dedede; }
    .step2_buy_form_table td:nth-of-type(2) { display: none; }
    .step2_buy_form_table td:nth-of-type(1),
    .step2_buy_form_table td:nth-of-type(3) { display: block; width: 100%; }
    .table_form_type_c colgroup { display: none; }
    .table_form_type_c tr > * { display: block; width: 100%; }
    #pay_online_account { width: 100%; }
    .order_sub_title_box { height: auto; }
}

#mobile_cate { position: fixed; top: 0; right: -100%; width: 60%; height: 100%; background: #fff; box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5); transition: right 0.3s ease; z-index: 1000; }
#overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none; z-index: 999; }
#close_menu span.material-icons { color: #c7c7c7 }
body.no-scroll { overflow: hidden; }
#mobile_cate .top-util-box { display: flex; border-bottom: 1px solid #d4d4d4; align-items: center; justify-content: space-between; padding: 1rem; }
#mobile_cate .top-util-box .user-info { display: flex; gap: 5px; }
#mobile_cate .top-util-box .user-info > p { display: flex; align-items: center; gap: 3px; }
#mobile_cate .top-util-box .user-info > p > span.material-icons { font-size: 1.8rem; color: #1DBC00; }
#mobile_cate .top-util-box .user-info > a { display: inline-flex; align-items: center; font-size: 1.2rem; font-weight: 500; background: #fff; border: 1px solid #c7c7c7c7; border-radius: 5px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); padding: 2px 5px; }
#mobile_cate .top-util-box #close_menu { display: inline-flex; }
#mobile_cate .shop-util-btn { display: flex; border-bottom: 1px solid #d4d4d4; }
#mobile_cate .shop-util-btn > a { flex-grow: 1; border-right: 1px solid #d4d4d4; display: flex; align-items: center; justify-content: center; padding: 1rem; }
#mobile_cate .shop-util-btn > a:last-of-type { border-right: 0; }
#mobile_cate .shop-util-btn > a span.material-icons { color: #1DBC00; }
#mobile_cate > ul > li > a { display: block; border-bottom: 1px solid #dedede; padding: 1rem 2rem; }
#mobile_cate .submenu { display: none; background: #eee; }
#mobile_cate .submenu > li > a { display: flex; align-items: center; padding: 5px 2rem; font-size: 1.2rem; font-weight: 500; position: relative; border-bottom: 1px solid #dedede; }
#mobile_cate .submenu > li > a:before { content: ''; display: block; width: 3px; height: 3px; background: #1DBC00; border-radius: 5px; margin-right: 5px; }
#mobile_cate .submenu li.first-cate { padding: 5px 2rem; background: #c4c4c4; }
#mobile_cate .submenu li.first-cate span { font-size: 1.2rem; color: #fff; font-weight: 700; }

.other-btn { display: inline-flex; align-items: center; justify-content: center; background: #1DBC00; padding: 4px 10px; position: relative; top: 5px; border-radius: 3px; color: #FFF;  }
.other-btn:hover { filter: brightness(1.2); color: #FFF; }
.other-btn span { font-size: 18px; }

.table_form_type .good_block { text-align: right !important; }
.table_form_type .good_block p.price  { font-weight: 700; color: #000; }
.table_form_type .good_block p.price strike { font-size: 1.2rem; color: #999; font-weight: 400; }
.table_form_type .good_block p.price_member_dc { display: flex; flex-flow: row wrap; justify-content: flex-end; align-items: center; font-size: 1.4rem; font-weight: 700; color: #000; gap: 5px; }
.table_form_type .good_block p.price_member_dc > span.price_alias { display: inline-flex; flex-flow: row wrap; font-size: 1rem; background: #1DBC00; color: #fff; border-radius: 3px; padding: 2px 5px; }
.table_form_type .good_block p.price_member_dc .dc_member { color: #1DBC00; font-weight: 700; }
.table_form_type .icon { display: block; margin-top: 5px; }
.table_form_type .icon > i { display: inline-block; font-style: normal; font-size: 1rem; font-weight: 700; line-height: 1.2rem; padding: 3px 5px; border-radius: 3px; color: #fff; }
.table_form_type .icon > i.mile { background: #32C591; }
.table_form_type .icon > i.sold { background: #B82F32; }
.table_form_type .icon > i.new { background: #0061BC; }

/* 카카오톡 상담배너 */
#floating-banner { position: absolute; right: 20px; bottom: 180px; width: 80px; height: 90px; background: #F8E049; z-index: 999; display: flex; flex-flow: row wrap; border-radius: 10px; box-shadow: 0 5px 10px rgba(0,0,0,0.2); transition: .3s; }
#floating-banner:hover { background: #FFE95D; }
#floating-banner a { display: flex; width: 100%; height: 100%; align-items: flex-end; justify-content: center; padding-bottom: 10px; }
#floating-banner img { width: 60%; }