@import url("12_01.css");
@import url("12_02.css");
@import url("12_03.css");
@import url("12_04.css");


/*비주얼*/
.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.pc_none, br.lg, br.md, br.sm, br.xs, br.xxs { display: none; }

br.pc { display: block; }

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

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

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

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

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