html, body {
  font-size: 16px; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.04em; line-height: 23px;
  color: #222; margin: 0 auto; min-width: 1200px; width: 100%;
}
body, table, th, td, input, select, textarea, div{font-family: inherit;}



:root {
  --m-color: #459D23;
  --m-lighten: #b4d936;
  --txt-c9: #999;
  --txt-c6: #666;
  --txt-c2: #222;
  --txt-c0: #000;
  --txt-cf4: rgba(255, 255, 255, 0.4);
  --txt-cf2: rgba(255, 255, 255, 0.2);
  --border-ee: #eee;
  --border-dd: #ddd;
  --border-ff2: rgba(255, 255, 255, 0.2);
  --border-ff5: rgba(255, 255, 255, 0.5);

  --m-new: #fca604;
  --m-pop: #32c081;
  --m-rec: #fa647d;
  --m-sale:#ec3f3f;
  --m-best: #00a4a2;
  --m-coupon: #ff0000;
  --m-end: #8f8f99;
  --m-ready: #f58604;
  --m-ing: #00a4a2;
}

.container {width: 1200px; margin: 0 auto; }
select {font-size:14px; padding:4px 26px 4px 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none;
  background:#fff url(/img/comm/sel_ico.png) 94% 50% no-repeat; border:1px solid #ddd; box-sizing:border-box;}
select::-ms-expand {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:0; -webkit-filter: alpha(opacity=0); }
select, button, input, a, textarea {outline-color: #2d2d2d;}

.blind {font-size: 0; opacity: 0; width: 0; height: 0; margin: 0; padding: 0;}
.input {width: auto; font-size: 1rem; padding: 0.35rem 0.625rem; box-sizing: border-box; border: 1px solid var(--border-dd); background: #fff; font-weight: 400;}
.select {width: auto;  font-size: 1rem; padding: 0.35rem 2.4rem 0.35rem 0.625rem; background-size: 0.875rem auto; box-sizing: border-box; border: 1px solid var(--border-dd); font-weight: 400;}

.prd_chip {border: 1px solid #ddd; line-height: 11px; font-size: 11px; padding: 1px 4px; box-sizing: border-box; display: inline-block; border-radius: 4px; margin: 0 4px 0 0;}
.prd_chip.new {background: var(--m-new); color: #fff; border-color: var(--m-new);}
.prd_chip.pop {background: var(--m-pop); color: #fff; border-color: var(--m-pop);}
.prd_chip.recom {background: var(--m-rec); color: #fff; border-color: var(--m-rec);}
.prd_chip.sale {background: var(--m-sale); color: #fff; border-color: var(--m-sale);}
.prd_chip.best {background: var(--m-best); color: #fff; border-color: var(--m-best);}
.prd_chip.coupon {background: var(--m-coupon); color: #fff; border-color: var(--m-coupon);}
.prd_chip.coupon.big {font-size: 15px; line-height: 15px; padding: 2px 4px;}

.bbs_chip {border: 1px solid #ddd; line-height: 16px; font-size: 12px; padding: 0 4px; box-sizing: border-box; display: inline-block; border-radius: 4px; margin: 0 4px;}
.bbs_chip.ready {color: var(--m-ready); border-color: var(--m-ready); background: #fff;}
.bbs_chip.ing {color: var(--m-ing); border-color: var(--m-ing); background: #fff;}
.bbs_chip.end {color: var(--m-end); border-color: var(--m-end); background: #f3f3f3;}


@media all and (max-width: 1240px) {
  html, body {min-width: 0; max-width: none; font-size: 14px; line-height: 20px;}
  .container {min-width: 0; max-width: none; width: 100%; padding: 0 20px; box-sizing: border-box;}
}

@media all and (max-width: 900px) {
  html, body {font-size: calc(0.75rem + 0.5vmin); line-height: calc(1.125rem + 0.5vmin);}
}

.top_banner {width: 100%; background: url(/img/comm/top_banner.jpg) 50% 50% no-repeat; background-size: cover; position: relative; height: 0; overflow: hidden; transition: all 0.3s cubic-bezier(0, 0.38, 1, 1.37);}
.top_banner.show {padding-bottom: calc(100% * 85 / 2000); box-sizing: border-box; }
.top_banner a.cls_btn {position: absolute; right: 50%; margin-right: -620px; top: 50%; transform: translateY(-50%); display: block; width: 31px;
  height: 31px; background: url(/img/comm/top_banner_cls.png) 50% 50% no-repeat; background-size: 100% auto;}

@media all and (max-width: 900px) {
  .top_banner.show {padding-bottom: calc(100% * 200 / 1800); }

}
header {z-index: 200; width: 100%; position: relative; transition: all 0.3s cubic-bezier(0, 0.38, 1, 1.37); height: 8.5rem;}
header.fixed {background: #fff; box-shadow: 0 5px 12px rgb(0 0 0 / 5%); position: fixed; top: 0; left: 0;}
/*header::after {transition: all 0.3s cubic-bezier(0, 0.38, 1, 1.37); content: ''; display: block; width: 0; height: 1px; background: var(--border-ee); box-sizing: border-box; position: absolute; top: 8.5rem; left: 0;}*/
/*header::before {transition: all 0.3s cubic-bezier(0, 0.38, 1, 1.37); content: ''; display: block; width: 100%; height: 0; background: #fff; box-sizing: border-box; position: absolute; top: 8.5rem; left: 0;}*/
header.on {background: #fff; }
/*header.on::after {width: 100%;}*/
/*header.on::before {height: 22rem; box-shadow: 0 5px 12px rgb(0 0 0 / 5%); }*/
header .container {height: 5.625rem; display: flex; justify-content: space-between; align-items: center;}
header .container nav {/*width: calc(100% - 215px);*/width: calc(100% - 330px); flex: none; height: 100%;}
header .container .gnb {width: 100%; display: flex; justify-content: flex-end; align-items: center; height: 100%;}
header .container .gnb > li {flex: none; margin: 0 1.5rem 0 0; height: 100%; position: relative;}
header .container .gnb > li:last-of-type {margin-right: 0;}
header .container .gnb > li > a {font-size: 1.125rem; font-weight: 500; box-sizing: border-box; color: var(--txt-c2); line-height: 5.625rem; transition: all 0.3s cubic-bezier(0, 0.38, 1, 1.37);}
header .container .gnb > li.active > a {color: var(--m-color);}
header .container .gnb > li .depth2 {opacity: 0; visibility: hidden; position: absolute; top: 70%; left: 50%; transform: translateX(-50%); padding: 1.5rem;
  box-sizing: border-box; width: calc(100% + 8rem); border: 1px solid var(--border-ee); background: #fff; box-shadow: 5px 5px 12px rgb(0 0 0 / 5%); transition: top 0.3s linear, opacity 0.3s linear, visibility 0.3s linear;}
header .container .gnb > li.active .depth2 {opacity: 1; visibility: visible; top: 80%;}
header .container .gnb > li:last-of-type .depth2 {transform: translateX(0); left: initial; right: 0;}
header .container .gnb > li .depth2 > li > a {transition: all 0.2s linear; font-size: 0.9375rem; line-height: 1.5rem; color: var(--txt-c9); font-weight: 500;}
header .container .gnb > li .depth2 > li:hover a {color: var(--m-color);}
header .container h1 {width: 13.4375rem; flex: none; position: relative;}
header .container h1 table {width: 100%;}
header .container h1 table img {position: absolute; top: 50%; transform: translateY(-50%); left: 0; display: block; width: 100%; height: auto;}
header .top_container {width: 100%; border-bottom: 1px solid #ddd; box-sizing: border-box; }
header .top_inner {width: 100%; max-width: 1200px; margin: 0 auto; box-sizing: border-box; height: 2.875rem;}
header .user_menu {width: 100%; display: flex; justify-content: flex-end; align-items: center; height: 100%;}
header .user_menu dt {flex: none;}
header .user_menu dd {flex: none; height: 100%;}
header .user_menu dd a {color: var(--txt-c6); font-size: 0.9375rem; display: flex; justify-content: center; align-items: center; padding: 0 1.5rem 0 0;box-sizing: border-box; height: 100%; transition: all 0.2s;}
header .user_menu dd a:hover {color: var(--m-color);}
header .user_menu dd:last-of-type a {padding-right: 0;}

header .tb-is-block {display: none;}
header .all_menu_open {font-size: 0; width: 1.625rem; height: 1.4375rem; background: url(/img/comm/menu.png) 0 0 no-repeat; background-size: 100% auto;}
header .all_menu_cls {position: absolute; left: -3rem; top: 2rem; font-size: 0; width: 1.875rem; height: 1.8125rem;
  background: url(/img/comm/menu_cls.png) 0 0 no-repeat; background-size: 100% auto;}
header .tb-is-menu {display: none; width: 20rem; position: absolute; z-index: 999; top: 0; right: 0; height: 100vh; background: #fff;}
header .tb-is-dim {display: none; width: 100%; position: absolute;
  z-index: 998; top: 0; right: 0; height: 100vh; background: rgba(0, 0, 0, 0.8);}

header .gnb2 {width: 100%; display: block; max-height: calc(100vh - 10rem); overflow-y: auto; }
header .gnb2 > li > a {background: url(/img/comm/open_menu.png) calc(100% - 1.125rem) 50% no-repeat; background-size: 1.125rem auto; display: block; width: 100%; line-height: 3.375rem; font-weight: 500;
  font-size: 1.125rem; color: var(--txt-c2);
  padding: 0 1.125rem; box-sizing: border-box; border-bottom: 1px solid var(--border-ee);}
header .gnb2 > li > .depth2 {background: #f9f9f9; width: 100%; display: none;}
header .gnb2 > li > .depth2 > li > a { font-size: 1.0875rem; line-height: 1.7rem;
  padding: 0 1.125rem; box-sizing: border-box;
  display: block; color: var(--txt-c9); font-weight: 400;}
header .gnb2 > li.on > .depth2 {display: block; padding: 1rem 0; box-sizing: border-box;}
header .gnb2 > li.on > a {background: url(/img/comm/close_menu.png) calc(100% - 1.125rem) 50% no-repeat;  background-size: 1.125rem auto;}


header .user_area {border-bottom: 1px solid var(--border-dd); box-sizing: border-box; width: 100%; height: 10rem; background: #fafafa; flex-wrap: wrap; display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start;}
header .user_area h3 {border-bottom: 1px solid var(--border-dd); box-sizing: border-box; width: 100%; height: 6.5rem; flex: none; display: flex; justify-content: center; align-items: center; font-size: 1.125rem; font-weight: 500; color: var(-txt-c6); text-align: center; }
header .user_area h3 b {font-weight: 800; color: var(--m-color);}
header .user_area > a {font-size: 1rem; font-weight: 500; color: var(--txt-c6); width: 50%; flex: none; height: 3.5rem; display: flex; justify-content: center; align-items: center;}
header .user_area > a + a {border-left: 1px solid var(--border-dd); box-sizing: border-box;}

@media all and (max-width: 1440px) {
  .top_banner a.cls_btn {margin-right: 0; right: 20px; width: 24px; height: 24px; }
}

@media all and (max-width: 1240px) {
  header .top_inner {padding: 0 1.25rem; box-sizing: border-box;}
}

@media all and (max-width: 900px) {
  header {height: 5.625rem;}
  header .container nav {display: none;}
  header .container h1 img {display: block; height: 3rem; width: auto;}

  header .top_container {display: none;}

  header .tb-is-block {display: block;}
  .top_banner a.cls_btn {width: 20px; height: 20px;}
}


/**** Footer ****/
footer #footer {background:#3c3e40; padding:2.8125rem 0 5.625rem; box-sizing: border-box;}
footer #footer .foot_top {padding-bottom:1.25rem; box-sizing: border-box; border-bottom:1px solid var(--border-ff2); margin:0 0 1.5rem;}
footer #footer .foot_top a { font-size: 1rem; color: var(--txt-cf4); margin: 0 1.25rem 0 0;}
footer #footer .foot_top a:nth-of-type(3) {color: #fff;}
footer #footer .foot_top a:last-child {margin-right:0;}
footer #footer .foot_bottom {color: var(--txt-cf4);}
footer #footer .foot_bottom .copy {font-size: 0.875rem; color: var(--txt-cf2);}
footer #footer i.bar {display: inline-block; position: relative; top: -1px; vertical-align: middle; width: 1px; height: 0.875rem; background: var(--txt-c6); margin: 0 0.125rem;}
/**** Footer ****/



#S_wrap {position: relative; z-index: 99;}
#S_wrap::before {content:  initial; width: 100%; display: block; height: 4rem; background: transparent;}
#S_wrap.fix_head {}
#S_wrap.fix_head::before {content: '';}
.s_visual {z-index: 99; width: 100%; height: 12.5rem; box-sizing: border-box; background: url(/img/sub/s_bg.jpg) 50% 50% no-repeat; background-size: cover;
  display: flex; justify-content: center; align-items: center; position: relative;}
.s_visual h2 {color: #fff; text-align: center; font-size: 2.4rem; font-weight: 800;}
#S_container {width: 100%; max-width: 1200px; min-width: 1200px; margin: 3.125rem auto;}
#Contents .Sub_tit {font-size:1.765rem; color:#222; letter-spacing:-0.7pt; line-height:1; font-weight:bold; margin:0 0 2.5rem;}

@media all and (max-width: 1240px) {
  #S_container {max-width: 100%; min-width: 100%; padding: 0 20px; box-sizing: border-box;}

}

@media all and (max-width: 900px) {
  #Contents .Sub_tit {margin:0 0 1.5rem; font-size: 1.5rem;}
}


.lnb-container {width: 100%; border-bottom: 1px solid var(--border-ee); box-sizing: border-box;}
#lnb {display: block; width: 100%; }
#lnb ul {width: 100%; display: flex; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap;}
#lnb ul li {flex: none; }
#lnb ul li a {padding: 0 1rem; box-sizing: border-box; display: flex; justify-content: center; align-items: center; font-size: 1rem; font-weight: 500; background: #fff; line-height: 3.25rem;}
#lnb ul li a.on {color: var(--m-color)}
#lnb ul.ver10 li {}


@media all and (max-width: 640px) {
  .lnb-container .container {padding: 0 !important;}
  #lnb ul li a {display: none;}
  #lnb ul li {width: 100%;}
  #lnb ul li a.on {display: block; width: 100%;;}

  #lnb ul.show li a{display: block;}

}



/******************************************************* 리스트 하단버튼 *******************************************************/
.table_view_center {margin: 2rem 0 0;}
.table_view_center table {margin: auto;}
.table_view_btn { border: 1px solid #ddd;line-height: 31px;font-size: 14px;padding: 0 12px;box-sizing: border-box;display: inline-block;cursor: pointer; vertical-align: middle;}
.table_view_btn.bg {background: #777; color: #fff;border-color: #777;}

@media all and (max-width: 900px) {
  .table_view_btn {}
}
/******************************************************* 게시판 공통스타일 *******************************************************/
.table_style {border-top:1px solid #999; border-collapse:collapse;}
.table_style tr {border-bottom:1px solid #ddd; box-sizing: border-box;}
.table_style tr.border-0 {border: 0;}
.table_style th, .table_style td{font-size: 1rem; font-weight:500; line-height:1.9375rem; letter-spacing:-0.045rem; color:#333; padding:12px 0; vertical-align:middle;}
.table_style tbody th {text-align:left; padding-left:10px; word-break:break-all;}
.table_style tbody th a{color:#333; line-height:1.5;}
.table_style tbody th a:hover{color:var(--m-color);}
.table_style tbody td .m_ttl{display:none;}
.table_style tbody a:hover {color: var(--m-color);}
.table_style span.notice {color:#eb0808;}
.table_style .lst_tit {padding-left:10px; word-break:break-all; box-sizing: border-box; }
.table_style .tb-is-block {display: none;}
.table_style .tb-is-padding {}
.table_style td {}
.table_style i.bar {width: 1px; height: 1.2rem; margin: 0 0.5rem; position: relative; line-height: inherit; font-size: inherit; vertical-align: middle;}
.table_style i.bar::after {content: ''; display: block; width: 100%; height: 100%; background: #ddd; position: absolute; top: 50%; transform: translateY(-50%);}
.table_style .reply_img {display: inline-block; padding: 0 0 0 10px; box-sizing: border-box;}
.table_style.no_flex td.border-left {border-left: 1px solid var(--border-ee);}

@media all and (max-width: 900px) {
  .table_style thead {display: none;}
  .table_style {width: 100%; display: block;}
  .table_style tbody {width: 100%; display: block;}
  .table_style tr {width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: flex-start; padding: 1rem 0.5rem;}
  .table_style tr.padding-0 {padding: 0;}
  .table_style th, .table_style td {vertical-align: initial; height: auto;}
  .table_style th {display: block; padding: 0;}
  .table_style td {display: block; padding: 0; width: 100%; text-align: left;}
  .table_style .lst_no {text-align: left; font-weight: 500; margin: 0 0 0.6rem 0.25rem;}
  .table_style .lst_no font {font-weight: bold; }
  .table_style .lst_chk .only_chk {margin: 0 0 0.6rem;}
  .table_style .lst_tit {width: 100%; text-align: left; padding-left: 0; font-weight: 700; color: #222; margin: 0 0 0.625rem;}
  .table_style .lst_name {color: #444; font-weight: 300;}
  .table_style .lst_date {font-weight: normal; color: #444;}
  .table_style .lst_count {font-weight: bold; color: #444;}
  .table_style .lst_recom {font-weight: bold; color: #444;}
  .table_style .lst_count span {font-weight: 500; margin: 0 0.2rem 0 0;}
  .table_style .lst_recom span {font-weight: 500; margin: 0 0.2rem 0 0;}
  .table_style .tb-is-block {display: inline-block; margin: 0 0.3rem 0 0; color: var(--txt-c6); font-weight: 500;}
  .table_style .tb-is-padding {padding: 0.625rem 0 0; box-sizing: border-box; background: transparent;}

  .table_style .reply_img {padding: 0 0 0 1rem;}

  .table_style.no_flex {display: table;}
  .table_style.no_flex tbody {display: table-row-group;}
  .table_style.no_flex thead {display: table-row-group;}
  .table_style.no_flex tr {display: table-row;}
  .table_style.no_flex td {display: table-cell; width: auto; padding: 0.625rem 0; box-sizing: border-box; text-align: center;}

}
@media all and (max-width: 640px) {

}

.table_style.border_type td {border-left: 1px solid var(--border-ee); box-sizing: border-box;}
.table_style.border_type td:first-of-type {border-left: 0;}




/******************************************************* 게시판 페이징처리 *******************************************************/
.table_style_paging { margin: 20px auto 30px; }
.table_style_paging tr td { width: 30px; height: 30px; text-align: center; vertical-align: middle; padding-left: 3px; box-sizing: border-box; }
.table_style_paging tr td a {flex: none; display: block; width: 30px; line-height: 30px; font-size: 0.875rem;}
.table_style_paging tr td b {flex: none; display: block; width: 30px; line-height: 30px; background: #2d2d2d; color: #fff; font-weight: bold; font-size: 0.875rem;}
.table_style_paging tr td img { display: block; max-width: 100%; max-height: 100%; }
.table_style_paging tr td[align="center"] {width: auto; display: flex; }


@media all and (max-width: 900px) {

}

.table_style_view {width: 100%; border-top: 1px solid #222; box-sizing: border-box;}
.table_style_view tbody {width: 100%;}
.table_style_view tr {width: 100%; border-bottom: 1px solid var(--border-ee); box-sizing: border-box; }
.table_style_view td {padding: 0.625rem 1rem; box-sizing: border-box; border-left: 1px solid var(--border-ee);}
.table_style_view td:first-of-type {width: 11.25rem; text-align: left; font-weight: 500; color: var(--txt-c6); border-left: 0; background: #fafafa;}
.table_style_view td:nth-of-type(2) {width: calc((100% - 22.5rem) / 2);}
.table_style_view td:nth-of-type(3) {width: 11.25rem; text-align: left; font-weight: 500; color: var(--txt-c6); background: #fafafa;}
.table_style_view td:nth-of-type(4) {width: calc((100% - 22.5rem) / 2);}
.table_style_view td[colspan="3"] {width: calc(100% - 11.25rem);}

@media all and (max-width: 900px) {

}

@media all and (max-width: 640px) {
  .table_style_view {display: block;}
  .table_style_view tbody {display: block;}
  .table_style_view tr {display: flex; justify-content: flex-start; align-items: stretch; align-content: center; flex-wrap: wrap; border: 0;}
  .table_style_view td {flex: none !important; display: block; border-bottom: 1px solid var(--border-ee);}
  .table_style_view td:nth-of-type(2n + 1){height: 100% !important;}
  .table_style_view td:nth-of-type(2), .table_style_view td:nth-of-type(4)  {width: calc(100% - 11.25rem);}
  .table_style_view td:nth-of-type(3) {border-left: 0; border-top: 1px solid var(--border-ee); }
  .table_style_view td:nth-of-type(4) { }
  .table_style_view td[colspan="3"] {}
  .table_style_view td {width: 100% !important; border: 0 !important;}
}

.table_style_view2 {width: 100%; border-top: 1px solid #222; box-sizing: border-box;}
.table_style_view2.wrong {border-top: 2px solid #ff0000;}
.table_style_view2 tbody {width: 100%;}
.table_style_view2 tr {width: 100%; border-bottom: 1px solid var(--border-ee); box-sizing: border-box; }
.table_style_view2 td {padding: 0.625rem 1rem; box-sizing: border-box; border-left: 1px solid var(--border-ee); background: #fff; text-align: left; font-weight: 500; color: var(--txt-c6);}
.table_style_view2 td[rowspan="5"] {width: 11.25rem; border-left: 0;}
.table_style_view2 td[colspan="3"] {background: #fff;}
.table_style_view2 td.table-width-11 {width: 11.25rem; background: #fafafa;}
.table_style_view2 td.table-width-11.wrong {background: #fff; color: #ff0000; font-weight: 500;}
.table_style_view2 td.table-width-22 {width: calc((100% - 33.75rem) / 2);}
.table_style_view2 td.table-width-22.wrong {color: #ff0000;}
.table_style_view2 td.table-title.wrong {color: #ff0000;}
.table_notice {color: var(--txt-c0); font-weight: 400; margin: 1rem 0 0; padding: 0 0 0 1rem; box-sizing: border-box; text-align: left;}
.table_notice b {font-weight: 600;}

@media all and (max-width: 900px) {
  .table_style_view2 {display: block;}
  .table_style_view2 tbody {display: block;}
  .table_style_view2 tr {display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; align-content: center; border: 0;}
  .table_style_view2 td {flex: none; display: block; height: auto; border-bottom: 1px solid var(--border-ee);}

  .table_style_view2 td[rowspan="5"] {width: 10rem; border-left: 1px solid var(--border-ee);}
  .table_style_view2 td[colspan="3"] {width: calc(100% - 10rem); }
  .table_style_view2 td.table-width-11 {width: 10rem;}
  .table_style_view2 td.table-width-11 + td.table-width-11 {width: calc(100% - 10rem);}
  .table_style_view2 td.table-title {width: 100%;}
  .table_style_view2 td.table-width-11.wrong {}
  .table_style_view2 td.table-width-22 {width: calc((100% - 20rem) / 2);}


}

@media all and (max-width: 640px) {
  .table_style_view2 td.table-width-11.sm {width: 10rem;}
  .table_style_view2 td.table-width-22 {width: calc(100% - 10rem);}
}

.table_in_table {border-top:1px solid #999; border-collapse:collapse;}
.table_in_table tr {border-bottom:1px solid #ddd; box-sizing: border-box;}
.table_in_table tr.border-0 {border: 0;}
.table_in_table th, .table_in_table td{font-size: 1rem; font-weight:500; line-height:1.9375rem; letter-spacing:-0.045rem; color:#333; padding:12px 0; vertical-align:middle;}
.table_in_table tbody th {text-align:left; padding-left:10px; word-break:break-all;}
.table_in_table tbody th a{color:#333; line-height:1.5;}
.table_in_table .lst_tit {padding-left:10px; word-break:break-all; box-sizing: border-box; }
.table_in_table .tb-is-block {display: none;}
.table_in_table .tb-is-padding {}

@media all and (max-width: 900px) {
  .table_in_table {width: 100%; display: block;}
  .table_in_table tbody {width: 100%; display: block;}
  .table_in_table tr {width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: flex-start; padding: 1rem 0.5rem;}
  .table_in_table tr.padding-0 {padding: 0;}
  .table_in_table th, .table_in_table td {vertical-align: initial; height: auto;}
  .table_in_table th {display: block; padding: 0;}
  .table_in_table td {display: block; padding: 0; width: 100%; text-align: left;}

}
@media all and (max-width: 640px) {

}


.table_style_view.pay_ver td {padding: 0.625rem 1rem; box-sizing: border-box; border-left: 1px solid var(--border-ee); }
.table_style_view.pay_ver td:first-of-type {width: 11.25rem;}
.table_style_view.pay_ver td:last-of-type {width: calc(100% - 11.25rem); height: 100%;}
.table_style_view.pay_ver td .input,
.table_style_view.pay_ver td .select {max-width: 100%;}

@media all and (max-width: 900px) {
  .table_style_view.pay_ver tr {flex-wrap: nowrap;}
  .table_style_view.pay_ver td {height: auto;}
  .table_style_view.pay_ver td:first-of-type {width: 100%;}
  .table_style_view.pay_ver td:last-of-type {width: 100%;}
  .table_style_view.pay_ver{display: block; width: 100%;}
  .table_style_view.pay_ver tbody {width: 100%; display: block;}
  .table_style_view.pay_ver tbody tr {width: 100%; display: block;}
  .table_style_view.pay_ver tbody td {width: 100%; display: block; border: 0;}
}

.cate_tit {font-size: 1.5rem; color: var(--m-color); font-weight: 800; margin: 0 0 2rem; text-align: center;}
.cate_tab {margin: 1rem 0; border: 1px solid var(--border-ee); box-sizing: border-box; border-radius: 0.625rem; background: #fff; padding: 1.25rem 1.5rem;}
.cate_tab a {font-size: 1rem; display: inline-block; vertical-align: middle; margin: 0 0.25rem; font-weight: bold; color: var(--txt-c4);}