@charset "UTF-8";
@import url("12_01.css");
@import url("12_02.css");
@import url("12_03.css");
/* @import url("01_04.css"); */

.w_hidden_m { z-index: 120 !important; }

/*비주얼*/
.wz_top_layout { font-size: 1em; background: center center no-repeat; background-size: cover; transition: .3s; height: 500px; overflow: hidden; }

.wz_top_layout .wz_top_text { display: table; table-layout: fixed; width: 100%; height: 100%; }

.wz_top_layout .wz_top_text > * { width: 50%; display: table-cell; vertical-align: middle; }

.wz_top_layout .wz_top_text .text_box { padding: 2.45652em 0 0; font-weight: 700; font-size: 2.875em; word-break: keep-all; text-align: left; }

.wz_top_layout .wz_top_text .text_box p { display: inline-block; text-align: left; line-height: 1.30435em; letter-spacing: -0.075em; }

@media all and (max-width: 1280px) { .wz_top_layout { font-size: 0.875rem; }
  .wz_top_layout .wz_top_text .text_box { padding: 2.45652em 0 0 1.17391em; } }

@media all and (max-width: 800px) { .wz_top_layout { font-size: 0.8125rem; }
  .wz_top_layout .wz_top_text > * { display: none; width: 30%; }
  .wz_top_layout .wz_top_text .text_box { padding: 1.30435em 1.30435em 0; display: table-cell; width: 100%; text-align: right; } }

@media all and (max-width: 501px) { .wz_top_layout { font-size: 0.625rem; } }

@media all and (max-width: 350px) { .wz_top_layout { font-size: 0.5rem; } }

@media all and (max-width: 770px) { .wz_top_layout { height: 320px; } }

/*공통*/
.all_sns_wrap { display: none !important; }

.flex_space { display: flex; justify-content: space-between; align-items: center; }

.row_revers { display: flex; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; align-items: center; }

.t_center { text-align: center; }

.t_justify { text-align: justify; }

.t_left { text-align: left; }

.t_right { text-align: right; }

br.lg, br.md, br.sm, br.xs, br.xxs { display: none; }

br.none { display: none; }

br.all { display: block; }

@media screen and (max-width: 1440px) { br.lg { display: block; }
  br.lg_none { display: none; } }

@media screen and (max-width: 1280px) { br.md { display: block; }
  br.md_none { display: none; } }

@media screen and (max-width: 770px) { br.sm { display: block; }
  br.sm_none { display: none; } }

@media screen and (max-width: 500px) { br.xs { display: block; }
  br.xs_none { display: none; } }

@media screen and (max-width: 375px) { br.xxs { display: block; }
  br.xxs_none { display: none; } }

/*# sourceMappingURL=common.css.map */
/*# sourceMappingURL=common.css.map */