.support_menu { position: absolute; bottom: 0; left: 0; z-index: 10; width: 100%; }

.support_menu ul { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align: center; background-color: rgba(34, 34, 34, 0.45); }

.support_menu ul .depth1 { width: 33.33%; height: 6.25vw; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: relative; color: #fff; transition: all 0.3s; cursor: pointer; }

.support_menu ul .depth1.t_show { display: none; }

.support_menu ul .depth1:hover, .support_menu ul .depth1.on { background: url("/images/main_new/supp_bg.jpg") center no-repeat; background-size: cover; }

.support_menu ul .depth1.on { box-shadow: 5px 5px 30px 10px rgba(0, 0, 0, 0.2); }

.support_menu ul .depth1.on .txt .more::before { transform: translateY(-50%) rotate(-90deg); }

.support_menu ul .depth1 a { color: #fff; display: block; width: 100%; height: 100%; }

.support_menu ul .depth1 .txt { position: relative; display: flex; align-items: center; width: 100%; height: 100%; padding: 0 2.60417vw; font-size: 1.25vw; }

.support_menu ul .depth1 .txt i { font-size: 2.29167vw; margin-right: 0.9375vw; }

.support_menu ul .depth1 .txt .more { font-size: 0; }

.support_menu ul .depth1 .txt .more::after { content: ''; display: block; width: 1.5625vw; height: 2px; background-color: #fff; position: absolute; top: 50%; right: 1.5625vw; transform: translateY(-50%); }

.support_menu ul .depth1 .txt .more::before { content: ''; display: block; width: 2px; height: 1.5625vw; background-color: #fff; position: absolute; top: 50%; right: 2.34375vw; transform: translateY(-50%) rotate(0); transition: all 0.3s; }

.support_menu ul .depth1 .sub_menu { transition: all .3s; background-color: #5a2acc; position: absolute; left: 0; bottom: 6.25vw; width: 100%; transform: scaleY(0); transform-origin: bottom center; padding: 0 0.83333vw; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }

.support_menu ul .depth1 .sub_menu.on { transform: scaleY(1); }

.support_menu ul .depth1 .sub_menu li { width: 100%; display: table; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

/* .support_menu ul .depth1 .sub_menu li:nth-child(2n) { border-left: 1px solid rgba(255, 255, 255, 0.2); } */

.support_menu ul .depth1 .sub_menu li.bor_bm_hide { border-bottom: 0; }

.support_menu ul .depth1 .sub_menu li a { display: table-cell; vertical-align: middle; flex-wrap: wrap; padding: 1.14583vw 0; }

.support_menu ul .depth1 .sub_menu li span { font-size: 1.04167vw; display: block; width: 100%; margin-bottom: 0.26042vw; }

.support_menu ul .depth1 .sub_menu li p { font-size: 0.9375vw; font-weight: 300; }

.icon_clover { width: 2.1875vw; height: 2.1875vw; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background: url("/images/icon/icon_clover.png") center no-repeat; background-size: contain; }

.icon_happy { width: 1.25vw; height: 1.30208vw; background: url("/images/icon/icon_happy.png") center no-repeat; display: block; background-size: contain; }

.icon_webzine { width: 1.35417vw; height: 1.30208vw; background: url("/images/icon/icon_webzine.png") center no-repeat; background-size: contain; display: block; }

.support_menu { position: absolute; bottom: 0; left: 0; z-index: 10; width: 100%; }

.support_menu ul { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align: center; background-color: rgba(34, 34, 34, 0.45); }

.support_menu ul > li.depth1:not(:last-child) { border-right: 1px solid rgba(255, 255, 255, 0.1); }

.support_menu ul .depth1 { width: 33.33%; height: 6.25vw; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: relative; color: #fff; transition: all 0.3s; cursor: pointer; }

.support_menu ul .depth1.t_show { display: none; }

.support_menu ul .depth1:hover, .support_menu ul .depth1.on { background: url("/images/main_new/supp_bg.jpg") center no-repeat; background-size: cover; }

.support_menu ul .depth1.on { box-shadow: 5px 5px 30px 10px rgba(0, 0, 0, 0.2); }

.support_menu ul .depth1.on .txt .more::before { transform: translateY(-50%) rotate(-90deg); }

.support_menu ul .depth1 a { color: #fff; display: block; width: 100%; height: 100%; }

.support_menu ul .depth1 .txt { position: relative; display: flex; align-items: center; width: 100%; height: 100%; padding: 0 2.60417vw; font-size: 1.25vw; }

.support_menu ul .depth1 .txt i { font-size: 2.29167vw; margin-right: 0.9375vw; }

.support_menu ul .depth1 .txt .more { font-size: 0; }

.support_menu ul .depth1 .txt .more::after { content: ''; display: block; width: 1.5625vw; height: 2px; background-color: #fff; position: absolute; top: 50%; right: 1.5625vw; transform: translateY(-50%); }

.support_menu ul .depth1 .txt .more::before { content: ''; display: block; width: 2px; height: 1.5625vw; background-color: #fff; position: absolute; top: 50%; right: 2.34375vw; transform: translateY(-50%) rotate(0); transition: all 0.3s; }

.support_menu ul .depth1 .sub_menu { transition: all .3s; background-color: #5a2acc; position: absolute; left: 0; bottom: 6.25vw; width: 100%; transform: scaleY(0); transform-origin: bottom center; padding: 0 0.83333vw; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }

.support_menu ul .depth1 .sub_menu.on { transform: scaleY(1); }

.support_menu ul .depth1 .sub_menu li { width: 100%; display: table; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

/* .support_menu ul .depth1 .sub_menu li:nth-child(2n) { border-left: 1px solid rgba(255, 255, 255, 0.2); } */

.support_menu ul .depth1 .sub_menu li.bor_bm_hide { border-bottom: 0; }

.support_menu ul .depth1 .sub_menu li a { display: table-cell; vertical-align: middle; flex-wrap: wrap; padding: 1.14583vw 0; }

.support_menu ul .depth1 .sub_menu li span { font-size: 1.04167vw; display: block; width: 100%; margin-bottom: 0.26042vw; }

.support_menu ul .depth1 .sub_menu li p { font-size: 0.9375vw; font-weight: 300; }

@media all and (max-width: 1280px) { .support_menu .wrap { max-width: 100%; padding: 0; }
  .support_menu ul .depth1 { height: 9.375vw; }
  .support_menu ul .depth1.t_show { display: flex; }
  .support_menu ul .depth1 .txt { font-size: 1.875vw; word-break: keep-all; }
  .support_menu ul .depth1 .txt i { font-size: 3.4375vw; margin-right: 1.40625vw; }
  .support_menu ul .depth1 .txt .more { display: none; }
  .support_menu ul .depth1 .sub_menu { bottom: 9.375vw; padding: 0 0.78125vw; }
  .support_menu ul .depth1 .sub_menu li a { padding: 1.71875vw 0; }
  .support_menu ul .depth1 .sub_menu li span { font-size: 1.5625vw; margin-bottom: 0.39063vw; }
  .support_menu ul .depth1 .sub_menu li p { font-size: 1.40625vw; }
  .icon_clover { width: 3.28125vw; height: 3.28125vw; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
  .icon_happy { width: 1.875vw; height: 1.95313vw; }
  .icon_webzine { width: 2.03125vw; height: 1.95313vw; } }

@media all and (max-width: 1024px) { .m_br { display: block; }
  .support_menu { position: fixed; left: 0; bottom: 0; }
  .support_menu ul { background-color: rgba(34, 34, 34, 0.8); }
  .support_menu ul.on { background-color: #444; }
  .support_menu ul .depth1 { height: 10.74219vw; }
  .support_menu ul .depth1:hover { background-image: none; }
  .support_menu ul .depth1.on { background: url("/images/main_new/supp_bg.jpg") center no-repeat; background-size: cover; }
  .support_menu ul .depth1.t_show { display: flex; }
  .support_menu ul .depth1 .txt { font-size: 1.75781vw; flex-wrap: wrap; text-align: center; padding: 0.97656vw 0.48828vw; }
  .support_menu ul .depth1 .txt i { font-size: 3.90625vw; margin-right: 1.36719vw; margin: 0 auto; }
  .support_menu ul .depth1 .txt span { display: block; width: 100%; }
  .support_menu ul .depth1 .sub_menu { bottom: 10.74219vw; padding: 0 0.97656vw; width: 100%; position: fixed; }
  .support_menu ul .depth1 .sub_menu li a { padding: 2.14844vw 0; }
  .support_menu ul .depth1 .sub_menu li span { font-size: 1.95313vw; margin-bottom: 0.48828vw; }
  .support_menu ul .depth1 .sub_menu li p { font-size: 1.75781vw; }
  .icon_clover { width: 4.10156vw; height: 4.10156vw; }
  .icon_happy { width: 3.02734vw; height: 3.125vw; }
  .icon_webzine { width: 3.125vw; height: 2.92969vw; } }

@media all and (max-width: 750px) { .support_menu ul .depth1 { height: 14.66667vw; padding: 1.33333vw 0; }
  .support_menu ul .depth1 .txt { /*font-size: 2.4vw;*/ font-size: 2.933333vw; padding: 1.33333vw 0.66667vw; }
  .support_menu ul .depth1 .txt i { font-size: 5.33333vw; margin-right: auto; margin-left: auto; margin-bottom: 1.33333vw; }
  .support_menu ul .depth1 .sub_menu { bottom: 14.66667vw; padding: 0 1.33333vw; }
  .support_menu ul .depth1 .sub_menu li a { padding: 2.93333vw 0; }
  .support_menu ul .depth1 .sub_menu li span { font-size: 2.66667vw; margin-bottom: 0.66667vw; }
  .support_menu ul .depth1 .sub_menu li p { font-size: 2.4vw; }
  .icon_clover { width: 5.6vw; height: 5.6vw; }
  .icon_happy { width: 4.13333vw; height: 4.26667vw; }
  .icon_webzine { width: 4.26667vw; height: 4vw; } }

  
@media print {
	.all_sns_wrap,
	.support_menu{display: none !important;}
}
/*# sourceMappingURL=support_gnb.css.map */