@charset "UTF-8";
/**************************************** custom 시작*/
.wrapper { width: 100%; max-width: 1470px; margin: 0 auto; padding: 0 20px; }

.sub_padding { padding: 265px 0 250px; min-height: 100vh; position: relative; }

.sub_padding footer { padding: 0; }

.sub_padding .footer__wrap { position: absolute; bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.br_mo { display: none; }

.br_1024 { display: none; }

.br_768 { display: none; }

.br_540 { display: none; }

.fadeAni { -webkit-transform: translateY(80px); transform: translateY(80px); opacity: 0; -webkit-transition: opacity 1s ease, -webkit-transform 1s ease; transition: opacity 1s ease, -webkit-transform 1s ease; transition: transform 1s ease, opacity 1s ease; transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease; }

.fadeAni.animated { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }

.fadeAni.delay2.animated { -webkit-transition-delay: .3s; transition-delay: .3s; }

/* ::selection { background-color: transparent } */
.ubuntu { font-family: 'Ubuntu', sans-serif; }

.blank { padding-top: 80px; padding-bottom: 80px; }

.blank.top { padding-top: 80px; padding-bottom: 0; }

.blank.bottom { padding-top: 0; padding-bottom: 80px; }

.blank.end { padding-top: 80px; padding-bottom: 140px; }

.btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; }

.btn.t1 { max-width: 120px; width: 100%; height: 50px; }

.sub_banner { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 80px 0 70px; }

.sub_banner .title { font-size: 3.125rem; font-weight: 600; }

.sub_banner .root { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; column-gap: 10px; margin-top: 20px; }

.sub_banner .root li { color: #BBBBBB; font-size: .9375rem; font-weight: 500; }

.sub_banner .root li a { color: inherit; font-size: inherit; }

.sub_banner .root li.slash { font-size: .75rem; }

.sub_banner .root li.depth2 { color: #111; }

.top_btn { position: fixed; z-index: 900; right: 20px; bottom: 20px; background-color: #222; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 65px; height: 65px; border-radius: 100%; cursor: pointer; display: none; }

/**************************************** custom 끝*/
/**************************************** header 시작*/
header { width: 100%; height: 100px; position: fixed; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; z-index: 999; background-color: #fff; }

header .header__wrap { max-width: 1720px; width: 100%; margin: 0 auto; padding-bottom: 20px; border-bottom: 1px solid #e6e6e6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

header .header__wrap nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 70px; column-gap: 70px; }

header .header__wrap nav ul .depth1 a { font-family: 'Ubuntu', sans-serif; font-size: 1.0625rem; letter-spacing: normal; -webkit-transform: rotate(-0.03deg); transform: rotate(-0.03deg); }

.header__ham_wrap { position: fixed; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 30px; height: 26px; z-index: 1001; display: none; }

.header__ham_btn { width: 100%; height: 100%; position: relative; -webkit-transition: 0.4s; transition: 0.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }

.header__ham_btn span { position: absolute; width: 100%; height: 2px; background-color: #222; left: 50%; -webkit-transition: 0.4s; transition: 0.4s; }

.header__ham_btn span:first-child { top: 0; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.header__ham_btn span:nth-child(2) { top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.header__ham_btn span:last-child { bottom: 0; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.header__ham_btn.active { -webkit-transform: rotate(405deg); transform: rotate(405deg); }

.header__ham_btn.active span:first-child { top: 50%; -webkit-transform: translate(-50%, -50%) rotate(0); transform: translate(-50%, -50%) rotate(0); -webkit-transform-origin: center center; transform-origin: center center; }

.header__ham_btn.active span:nth-child(2) { width: 0; }

.header__ham_btn.active span:last-child { bottom: auto; top: 50%; -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); -webkit-transform-origin: center center; transform-origin: center center; }

.header__mo { position: fixed; top: 0; right: -150%; width: 200px; height: 100%; background-color: #fff; padding: 130px 30px 30px; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; z-index: 1000; font-family: 'Ubuntu', sans-serif; }

.header__mo nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 50px; }

.header__mo nav ul li a { font-size: 22px; }

.header__mo ul.sns_link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 20px; }

.header__mo ul.sns_link li a { font-size: 17px; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; font-weight: 400; }

.header__mo.active { right: 0; }

.bg_layer { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(34, 34, 34, 0.75); opacity: 0; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; z-index: 999; visibility: hidden; }

.bg_layer.active { visibility: visible; opacity: 1; }

/**************************************** header 끝*/
/**************************************** footer 시작*/
footer { width: 100%; padding: 30px 0; }

footer .footer__wrap { max-width: 1720px; width: 100%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

footer .footer__wrap .cap { font-weight: 500; }

footer .footer__wrap .sns_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 30px; column-gap: 30px; -webkit-transform: rotate(-0.03deg); transform: rotate(-0.03deg); }

footer .footer__wrap .sns_wrap a { font-family: 'Ubuntu', sans-serif; font-size: 1.0625rem; }

/**************************************** footer 끝*/
/**************************************** table 시작*/
table { border-top: 2px solid #111; }

/**************************************** table 끝*/
/**************************************** pagination 시작*/
.pager { text-align: center; width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; column-gap: 10px; }

.pager button { font-size: 1.25rem; -webkit-transition: all 0.2s; transition: all 0.2s; color: #ccc; padding: 0; border: 1px solid #ccc; }

.pager button i { font-size: 36px; }

.pager button.pager-prev { margin-right: 25px; }

.pager button.pager-next { margin-left: 25px; }

.pager button.active { color: #111; border: 1px solid #111; }

.pager button:hover { color: #111; }

.pager .page { font-size: 1.25rem; -webkit-transition: all 0.2s; transition: all 0.2s; color: #aaa; }

.pager .page.active { color: #111; }

.pager .page:hover { color: #111; }

/**************************************** pagination 끝*/
/**************************************** pop_up 시작*/
.layer_pop_up { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.l_pop_up__back { cursor: pointer; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); }

.l_pop_up__wrap { max-width: 50%; width: 100%; height: 300px; background-color: #fff; }

/**************************************** pop_up 끝*/
/**************************************** input checkbox,radio 시작*/
input[type="checkbox"], input[type="radio"] { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

input[type="checkbox"] + label, input[type="radio"] + label { display: inline-block; position: relative; padding-left: 35px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; opacity: 0.5; }

input[type="checkbox"]:checked + label, input[type="radio"]:checked + label { color: royalblue; opacity: 1; }

input[type="checkbox"] + label::before, input[type="radio"] + label::before { content: ''; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 24px; height: 24px; line-height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 2px solid royalblue; border-radius: 100%; }

input[type="checkbox"]:checked + label::before, input[type="radio"]:checked + label::before { content: '\2714'; background-color: royalblue; border: 0; font-size: .875rem; }

/* normal popup */
.common_popup .onday_close input[type="checkbox"] + label, .common_popup .onday_close input[type="radio"] + label { font-size: .9375rem; padding-left: 25px; }

.common_popup .onday_close input[type="checkbox"] + label::before, .common_popup .onday_close input[type="radio"] + label::before { width: 15px; height: 15px; }

.common_popup .onday_close input[type="checkbox"]:checked + label::before, .common_popup .onday_close input[type="radio"]:checked + label::before { width: 15px; height: 15px; line-height: 14px; }

/**************************************** input checkbox,radio 끝*/
/**************************************** select 시작*/
select { background-image: url(/img/select_arrow.svg); background-position: right 25px center; background-repeat: no-repeat; }

/**************************************** select 끝*/
/**************************************** responsive*/
@media screen and (max-width: 1760px) { .wrapper { padding: 0 20px; }
  header .header__wrap { padding-left: 20px; padding-right: 20px; }
  footer .footer__wrap { padding-left: 20px; padding-right: 20px; } }

@media screen and (max-width: 1024px) { header { height: 80px; }
  header .header__wrap nav { display: none; }
  .header__mo { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .header__ham_wrap { top: 45px; right: 20px; width: 24px; height: 18px; display: block; }
  .bg_layer { display: block; }
  .sub_padding { padding: 25% 0 23%; }
  .br_1024 { display: block; } }

@media screen and (max-width: 768px) { html, body { font-size: 14px; }
  .br_768 { display: block; }
  .sub_padding { padding: 27% 0 25%; }
  /**************************************** pagination 768*/
  .pager button.pager-prev { margin-right: 20px; }
  .pager button.pager-next { margin-left: 20px; }
  .pager button.pager-btn i { font-size: 30px; }
  /**************************************** pagination 768*/ }

@media screen and (max-width: 540px) { html, body { font-size: 13px; }
  .br_540 { display: block; }
  .sub_padding { padding: 35% 0 32%; }
  /**************************************** pagination 540*/
  .pager { margin-top: 40px; }
  .pager button.pager-prev { margin-right: 15px; }
  .pager button.pager-next { margin-left: 15px; }
  /**************************************** pagination 540*/
  select { background-position: right 10px center; background-size: 8px; }
  header { height: 60px; }
  header .header__wrap { position: relative; height: 100%; padding-bottom: 0; }
  .header__ham_wrap { top: 30px; width: 16px; height: 12px; }
  footer .footer__wrap .sns_wrap { -webkit-column-gap: 20px; column-gap: 20px; }
  footer .footer__wrap .sns_wrap a { font-size: 1rem; } }
/*# sourceMappingURL=common.css.map */