@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&family=Roboto:wght@300;400;500;700;900&display=swap');

:root {
	--color-base: #666;
	--color-point: #009ec6;
	--color-point-light: #04afda;
	--color-point-dark: #007d9e;
	--color-green-light: #28c5af;
	--color-black: #000;
	--color-gray: #929292;
	--color-gray2: #dbdbdb;
	--color-line: #cecece;
	--font-size-base: 16px;
	--font-title: 5rem;
	--font-size-14: 14px;
	--font-size-15: 0.938rem;
	--font-size-16: 16px;
	--font-size-16-md: 16px;
	--font-size-17: 1.063rem;
	--font-size-18: 1.125rem;
	--font-size-20: 1.250rem;
	--font-size-22: 1.375rem;
	--font-size-24: 1.500rem;
	--font-size-30: 1.875rem;
	--font-size-36: 2.250rem;
	--font-size-45: 2.813rem;
	--font-size-65: 4.063rem;
	--font-size-70: 4.376rem;
	--font-size-75: 4.688rem;
	--font-size-80: 5rem;
	--letter-sp-md: -0.05em;
	--letter-sp-lg: -0.075em;
	--font-wth-sm: 300;
	--font-wth-rg: 400;
	--font-wth-md: 500;
	--font-wth-bd: 700;
	--font-wth-bk: 900;
	--padding-inner: 25px;
	--spacing-20: 20px;
	--spacing-30: 30px;
	--spacing-35: 35px;
	--spacing-40: 40px;
	--spacing-50: 50px;
	--spacing-60: 60px;
	--spacing-70: 70px;
	--spacing-80: 80px;
	--spacing-95: 95px;
	--spacing-160: 160px;
	--easing: cubic-bezier(0.19, 1, 0.22, 1);
	--easing_out: cubic-bezier(.1,.49,.37,1.02);
	--delay: 0s;
}

@media (max-width: 992px) {
	:root {
		--font-size-base: 15.6px;
		--font-title: 2.693rem;
		--font-size-14: 13px;
		--font-size-16: 15px;
		--font-size-16-md: 15px;
		--font-size-17: 1.078rem;
		--font-size-18: 1.155rem;
		--font-size-20: 1.078rem;
		--font-size-22: 1.078rem;
		--font-size-24: 1.155rem;
		--font-size-30: 1.463rem;
		--font-size-36: 1.616rem;
		--font-size-45: 2.000rem;
		--font-size-65: 2.309rem;
		--font-size-70: 2.616rem;
		--font-size-75: 2.463rem;
		--font-size-80: 2.693rem;
		--font-size-12m: 0.924rem;
		--font-size-16m: 1.232rem;
		--font-size-17m: 1.309rem;
		--font-size-19m: 1.463rem;
		--font-size-20m: 1.539rem;
		--font-size-22m: 1.693rem;
		--font-size-23m: 1.770rem;
		--font-size-25m: 1.924rem;
		--padding-inner: 20px;
		--spacing-30: 24px;
		--spacing-40: 36px;
		--spacing-50: 36px;
		--spacing-60: 48px;
		--spacing-70: 61px;
		--spacing-80: 36px;
		--spacing-95: 56px;
		--spacing-160: 72px;
		--spacing-15m: 18px;
		--spacing-26m: 28px;
	}
}

@media (max-width: 576px) {
	:root {
		--font-size-base: 13px;
		--padding-inner: 15px;
		--font-size-14: 12px;
		--font-size-16: 13px;
		--font-size-16-md: 14px;
		--spacing-30: 20px;
		--spacing-40: 30px;
		--spacing-50: 30px;
		--spacing-60: 40px;
		--spacing-70: 51px;
		--spacing-80: 30px;
		--spacing-95: 47px;
		--spacing-160: 60px;
		--spacing-15m: 15px;
		--spacing-26m: 26px;
	}
}

/* reset */
html, body {height: 100%; -webkit-text-size-adjust: none}
html {-webkit-box-sizing: border-box; box-sizing: border-box; font-size: var(--font-size-base);}
*, *:before, *:after {-webkit-box-sizing: inherit;box-sizing: inherit;}
body {font-size: var(--font-size-16); line-height: calc(var(--font-size-16) + 10px); letter-spacing: -0.035em; font-family: 'Roboto', 'Noto Sans KR', sans-serif; color: var(--color-base);}
body, div, dl, dt, dd, th, td, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, p, blockquote, button, input, textarea {margin:0; padding:0;}
section, article, header, footer, main, nav, aside, hgroup, figure, figcaption {display:block; margin:0; padding:0}
hr, table caption, legend, .blind {position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden;}
table {width:100%; border-collapse: collapse; border-spacing:0; /* table-layout: fixed; */}
table th {font-weight:normal}
img, fieldset, button, input {border:0; vertical-align:middle}
img, svg {max-width:100%; border: 0; vertical-align: top;}
ul, ol, li {list-style:none}
em, address {font-style:normal}
label, button {cursor:pointer}
a {color:inherit; text-decoration:none}
button {vertical-align:top; background:transparent; font:inherit; -webkit-appearance: none; border: 0;}
button::-moz-focus-inner {padding:0; border:0}
h1, h2, h3, h4, h5, h6 {font-size:inherit; font-weight:normal}
input, select, button, textarea {font:inherit; color:inherit; letter-spacing:inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
textarea {overflow-y:auto; resize:none}

@media (max-width: 992px) {
	body {line-height: calc(var(--font-size-16) + 6.6px);}
}

/* common */
.clearfix::after {content:""; display:block; clear:both}
.d_flex {display:-webkit-box;display:-ms-flexbox;display:flex;}
.d_inflex {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;}
.flex_ct {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.flex_lt {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.flex_rt {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.flex_space {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.flex_vct {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex_vlt {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.flex_vrt {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
.flex_column {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.txt_ct {text-align:center}
.txt_lt {text-align: left;}
.txt_rt {text-align:right}
.txt_keep {word-break: keep-all;}
.txt_break {word-break: break-all;}
.txt_wrap {white-space: nowrap;}
.noscroll {overflow: hidden; -webkit-tap-highlight-color: rgba(0,0,0,0); /* height: 100vh; */} 
body.noscroll,
.noscroll :is(body, #header) {padding-right: var(--scrollbar);}
.noscroll :is(.nav_toggle, .quick_menu, .gotoTop) {margin-right: var(--scrollbar);}

@media (max-width: 992px) {
	.t_flex_column {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
}

@media (max-width: 576px) {
	.m_txt_wrap {white-space: nowrap;}
}

.txt_point {color: var(--color-point) !important;}
.txt_white {color: #fff !important;}
.txt_blue {color: var(--color-point-light) !important;}
.txt_black {color: #000 !important;}
.bg_gray {background: #f7f7f7;}

.lsp_md {letter-spacing: var(--letter-sp-md);}

.inner,
.inner_md,
.inner_sm,
.inner_full {position: relative;  margin: 0 auto; padding: 0 calc(var(--padding-inner));}
.inner {max-width: calc(1600px + var(--padding-inner) * 2);}
.inner_md {max-width: calc(1400px + var(--padding-inner) * 2);}
.inner_sm {max-width: calc(1280px + var(--padding-inner) * 2);}

.mt30 {margin-top: var(--spacing-30);}
.mb70 {margin-bottom: var(--spacing-70);}

@media (max-width: 992px) {
	.mt30m {margin-top: var(--spacing-50);}
	.mb30m {margin-bottom: var(--spacing-50);}
	.mb40m {margin-bottom: var(--spacing-60);}
}

.t_show,
.xm_show,
.m_show,
.xp_show {display: none;}
.m_hide,
.xm_hide,
.t_hide,
.xt_hide,
.p_hide {display: block;}

@media (min-width: 1501px) {
	.xp_show {display: block !important;}
}

@media (min-width: 993px) {
	.p_hide {display: none !important;}
}

@media (max-width: 1610px) {
	.xp_hide {display: none !important;}
}

@media (max-width: 1370px) {
	.xp_hide2 {display: none !important;}
}

@media (max-width: 1280px) {
	.xt_hide {display: none !important;}
}

@media (max-width: 992px) {
	.t_hide {display: none !important;}
	.t_show {display: block !important;}
}

@media (max-width: 766px) {
	.xm_hide {display: none !important;}
	.xm_show {display: block !important;}
}

@media (max-width: 576px) {
	.m_hide {display: none !important;}
	.m_show {display: block !important;}
}

/* btn */
.el_btn {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-transition-property: color, background, fill, border-color; transition-property: color, background, fill, border-color; -webkit-transition-duration: .3s; transition-duration: .3s;}
.el_btn_more {width: 185px; height: 45px; font-size: 14px; letter-spacing: 0; color: #fff; fill: #fff; border: 1px solid #fff; padding: 0 28px; position: relative;}
.el_btn_more span {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; -webkit-box-align: center;-ms-flex-align: center;align-items: center; width: 100%; height: 100%; position: relative; z-index: 2;}
.el_btn_more svg {margin-left: auto; width: 25px;}
.el_btn_more::after {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--color-point); z-index: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: transform .4s var(--easing); transition: transform .4s var(--easing);}
.el_btn_more:hover {border-color: var(--color-point);}
.el_btn_more:hover::after {transform: scaleX(1);}
.el_btn_icon {width: 200px; height: 45px; background: var(--color-point); color: #fff; fill: #fff; padding: 0 29px; -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.el_btn_icon:not(.type2):hover {background: var(--color-point-dark);}
.el_btn_icon svg {width: 25px;}
.el_btn_icon.type2 {width: 176px; height: 50px; font-size: 15px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0;}
.el_btn_icon.type2 .ico {height: 19px; margin-right: .563rem;}
.el_btn_submit {font-size: var(--font-size-18); font-weight: var(--font-wth-bd); color: #fff; background: var(--color-point); width: 100%; height: 55px;}
.el_btn_basic {background: var(--color-point); color: #fff; font-weight: var(--font-wth-md); width: 75px; height: var(--spacing-40); font-size: var(--font-size-16-md);} 
.el_btn_basic.black {background: #272929;}
.el_btn_basic.gray {background: #666;}
.el_btn_basic.cancel {background: #5e6263;}
.el_btn_basic.del {color: #5e6263; background-color: #fff; border: 1px solid #5e6263;}
.el_btn_basic.free {width: auto; padding: 0 1.048rem;}
.el_btn_basic.md2.free {padding: 0 1.563rem;}
.el_btn_basic.md {width: 105px;}
.el_btn_basic.md2 {height: 45px;}
.el_btn_basic.lg {width: 280px; height: 60px; font-size: var(--font-size-18); letter-spacing: var(--letter-sp-md);}
.el_btn_basic.lg .ico {width: auto; height: 34px;}
.el_btn_basic.lg .ico.rt {margin-left: 10px;}
.el_btn_basic.line {background: transparent; color: var(--color-point); border: 1px solid var(--color-point);}
.el_btn_basic.line.cancel {color: #8f8f8f; border-color: #8e8e8e;}
.el_btn_form {width: 125px; height: 50px; background: #ededed; border: 1px solid var(--color-line); font-size: 15px; color: #000;}

@media (max-width: 992px) {
	.el_btn_more {width: 11.539rem; height: 2.539rem; padding: 0 1.309rem; font-size: 13.5px;}
	.el_btn_more svg {width: 1.463rem;}
	.el_btn_icon {width: 12.77rem; height: 2.565rem; padding: 0 1em; font-size: 15.5px;}
	.el_btn_icon svg {width: 1.463rem;}
	.el_btn_icon.type2 {width: 100%; height: 48px; font-size: 14.5px;}
	.el_btn_icon.type2 .ico {height: 1.463rem; margin-right: 0.514rem;}
	.el_btn_submit {height: 3.078rem;}
	.el_btn_basic {width: 5.129rem;}
	.el_btn_basic.md {width: 5.642rem;}
	.el_btn_basic.md2 {height: 2.565rem; font-size: 15px;}
	.el_btn_basic.lg {width: 12.745rem; height: 2.565rem;}
	.el_btn_basic.lg .ico {height: 1.59rem;}
	.el_btn_form {width: 7.155rem; height: 48px; font-size: 14px;}
}

@media (max-width: 576px) {
	.el_btn_more {font-size: 13px;}
	.el_btn_icon {font-size: 15px;}
	.el_btn_icon.type2 {height: 40px; font-size: 14px;}
	.el_btn_basic.md2 {font-size: 14px;}
	.el_btn_form {height: 40px; font-size: 13px;}
}

@media (max-width: 360px) {
	.el_btn_basic {font-size: 13px;}
}

/* form */
.frm_input,
.frm_select,
.frm_textarea {width: 100%; height: 50px; padding: 0 1.125rem; font-size: 15px; font-weight: var(--font-wth-sm); border: 1px solid var(--color-line);}
.frm_textarea {height: 380px; overflow-y: auto; padding-top: .8rem; padding-bottom: .8rem;}
.frm_input:disabled,
.frm_select:disabled,
.frm_textarea:disabled {background: #fafafa;}
.frm_input.md,
.frm_select.md {height: 45px;}
.frm_input.md2 {height: 45px;}
.frm_input {background: #fff;}
.frm_input.type2 {border: none; background: #f4f4f7; font-size: var(--font-size-16-md); font-weight: var(--font-wth-md);}
.frm_input.txt_lg {font-size: 16px; color: #000; font-weight: var(--font-wth-rg);}
.frm_input.date {--iw: 12px; --pl: 1.125rem; background-image: url('../../images/common/ico_arrrow_down.svg'); background-repeat: no-repeat; background-size: var(--iw) auto; background-position: right var(--pl) center; padding-right: calc(var(--iw) + var(--pl) * 1.6);}
.frm_label {color: var(--color-black); font-weight: var(--font-wth-md); display: block; line-height: 1;}
.frm_label.req::before {content: "* "; color: var(--color-point);}
.frm_checkbox {line-height: 22px; display: inline-block; vertical-align: top; position: relative;}
.frm_checkbox input,
.frm_radio input {position: absolute; opacity: 0; pointer-events: none;}
.frm_checkbox input + span,
.frm_radio input + span {display: inline-block;}
.frm_checkbox input + span::before,
.frm_checkbox input + span::after,
.frm_radio input + span::before,
.frm_radio input + span::after {content: ""; display: inline-block;}
.frm_checkbox input + span::before {width: 22px; height: 22px; border: 1px solid var(--color-gray2); border-radius: 50%; vertical-align: top; margin-right: 10px; box-sizing: border-box; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 417.065 417.065' style='enable-background:new 0 0 417.065 417.065' xml:space='preserve'%3E%3Cpath style='fill:%23dbdbdb' d='M401.56 47.087c-17.452-14.176-42.561-12.128-56.095 4.536L167.042 271.598 73.913 150.58c-13.892-18.037-39.781-21.411-57.819-7.535-18.054 13.884-21.427 39.781-7.535 57.843L133.56 363.321c13.892 18.037 39.789 21.419 57.835 7.535 5.145-3.959 8.95-8.958 11.648-14.42l205.645-253.514c13.527-16.688 10.332-41.675-7.128-55.835z'/%3E%3C/svg%3E") no-repeat center/10px;}
.frm_checkbox input:checked  + span::before {border-color: var(--color-point); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 417.065 417.065' style='enable-background:new 0 0 417.065 417.065' xml:space='preserve'%3E%3Cpath style='fill:%23fff' d='M401.56 47.087c-17.452-14.176-42.561-12.128-56.095 4.536L167.042 271.598 73.913 150.58c-13.892-18.037-39.781-21.411-57.819-7.535-18.054 13.884-21.427 39.781-7.535 57.843L133.56 363.321c13.892 18.037 39.789 21.419 57.835 7.535 5.145-3.959 8.95-8.958 11.648-14.42l205.645-253.514c13.527-16.688 10.332-41.675-7.128-55.835z'/%3E%3C/svg%3E"); background-color: var(--color-point);}
.frm_checkbox span,
.frm_radio span {display: inline-block;}
.frm_checkbox input:disabled + span::before,
.frm_radio input:disabled + span::before {background: #f3f3f3;}
.frm_radio {line-height: 22px; display: inline-block; position: relative;}
.frm_radio input + span::before {width: 22px; height: 22px; background: #fff; border: 1px solid var(--color-line); border-radius: 50%; vertical-align: top; margin-right: 5px; box-sizing: border-box;}
.frm_radio input + span::after {width: 8px; height: 8px; border-radius: 50%; background: #fff; position: absolute; left: 7px; top: 7px;}
.frm_radio input:checked  + span::after {background: var(--color-point);}
.frm_select {padding-right: calc(1.189rem + 20px); background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.769 28.769' style='enable-background:new 0 0 28.769 28.769' xml:space='preserve'%3E%3Cpath d='M28.678 5.798 14.713 23.499a.434.434 0 0 1-.658 0L.088 5.798a.435.435 0 0 1-.048-.445.42.42 0 0 1 .374-.233H28.35c.16 0 .31.089.378.233a.427.427 0 0 1-.05.445z'/%3E%3C/svg%3E") no-repeat calc(100% - 1.189rem) center/10px auto;}
.frm_select.type2 {padding: 0; border: none; border-bottom: 2px solid #031028; font-size: var(--font-size-16-md); font-weight: var(--font-wth-md); color: #000; background-position: right center;}
.frm_select.type3 {--iw: 12px; --pl: 10px; padding: 0; border: none; font-size: inherit; font-weight: inherit; background: url(../../images/common/ico_arrrow_down.svg) no-repeat right 0 center/var(--iw); padding-right: calc(var(--iw) + var(--pl));}

@media (max-width: 992px) {
	.frm_input,
	.frm_select,
	.frm_textarea {font-size: 14px; padding-left: .77rem; padding-right: .77rem;}
	.frm_input,
	.frm_select {height: 48px;}
	.frm_input.md,
	.frm_select.md {height: 40px;}
	.frm_input.md2 {height: 42px;}
	.frm_label {font-size: 1.078rem; padding: 0 0.719rem}
	.frm_input.txt_lg {font-size: 15px;}
	.frm_textarea {height: 300px;}
	.frm_checkbox input + span::before {width: 20px; height: 20px; margin-right: 0.386rem;}
	.frm_radio {line-height: 20px;}
	.frm_radio input + span::before {width: 20px; height: 20px;}
	.frm_radio input + span::after {width: 10px; height: 10px; left: 5px; top: 5px;}
	.frm_select {padding-right: calc(0.719rem + 18px); background-position: calc(100% - 0.719rem) center; background-size: 9px auto;}
}

@media (max-width: 576px) {
	.frm_input,
	.frm_select,
	.frm_textarea {font-size: 13px;}
	.frm_input,
	.frm_select {height: 40px;}
	.frm_input.md,
	.frm_select.md {height: 33px;}
	.frm_input.md2 {height: 40px;}
	.frm_input.txt_lg {font-size: 14px;}
	.frm_textarea {height: 250px;}
}

/* datepicker */
.ui-datepicker * {font-family: 'Roboto', 'Noto Sans KR', sans-serif !important;}
.ui-datepicker .ui-datepicker-title {display: flex; align-items: center; gap: .3em;}
.ui-datepicker .ui-datepicker-title select {padding: 0 .3em;}

/* skip navigation */
#accessibility {position:absolute; z-index:99999; top:0; left:5%; width:90%}
#accessibility a {display:block; position:absolute; top:0; left:0; width:100%; height:0; overflow:hidden; background:#fff; color:var(--color-black)}
#accessibility a:focus, #accessibility a:active {height:50px}
#accessibility a span {display:block; height:50px; border:1px solid var(--color-black); text-align:center; line-height:50px}

#wrap {min-width: 320px;}

/* header */
#header {position: fixed; top: 0; left: 0; width: 100%; z-index: 100; border-bottom: 1px solid rgba(255,255,255,.15); padding-top: env(safe-area-inset-top); }
#header.on,
body.fixed #header {background: #fff; border-color: #e1e1e1; -webkit-transition-property: background, border-color, transform; transition-property: background, border-color, transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease; transition-timing-function: ease;}
.header_inner {height: 109px; -webkit-transition: height .2s ease-in-out;transition: height .2s ease-in-out; position: static;}
.header_logo a {display: block; width: 185px; height: 58px; position: relative; -webkit-transition: .2s ease-in-out;transition: .2s ease-in-out;}
.header_logo a::before,
.header_logo a::after {content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: opacity .3s ease;transform: opacity .3s ease; background: url(../../images/common/sp_logo.png) no-repeat 0 0/100% auto;}
.header_logo a::before {background-position: 0 0; opacity: 1;}
.header_logo a::after {background-position: 0 bottom; opacity: 0;}
#header.on .header_logo a::before {opacity: 0;}
#header.on .header_logo a::after {opacity: 1;}
body.fixed .header_logo a::before {opacity: 0;}
body.fixed .header_logo a::after {opacity: 1;} 
body.fixed #header {-webkit-transform: translateY(-100%); transform: translateY(-100%);}
body.fixed.up #header {-webkit-transform: translateY(0); transform: translateY(0);}

@media (min-width: 993px) {
	body.fixed .header_inner {height: 79px;}
	body.fixed .header_logo a {width: 140px; height: 44px;}
}

@media (max-width: 992px) {
	#header {border: none;}
	.header_inner {height: 80px;}
	.header_logo {position: relative; z-index: 150;}
	.header_logo a {width: 147px; height: 46px;}
	.header_logo a::before,
	.header_logo a::after {background-image: url(../../images/common/sp_logo_m.png);}
	.nav_on .header_logo a::before,
	.nav_on .header_logo a::after {transition-delay: .2s;}
	.nav_on .header_logo a::before {opacity: 0;}
	.nav_on .header_logo a::after {opacity: 1;}
}

@media (max-width: 576px) {
	.header_inner {height: 66px;}
	.header_logo a {width: 123px; height: 38px;}
}

/* gnb */
.header_nav {-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%;}
#gnb {width: 70%; max-width: 807px; letter-spacing: 0; font-weight: var(--font-wth-md); margin-left: auto;}
.gnb_list {display: -ms-flexbox; display:-webkit-box; display:flex; height: 100%;}
.gnb_list > li {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1; }
.gnb_link {display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.063rem; letter-spacing: -0.06em; -webkit-transition: color 0.3s ease;  transition: color 0.3s ease; color: #fff; font-weight: var(--font-wth-md); height: 100%; } 
#header.on .gnb_link,
body.fixed .gnb_link {color: var(--color-black);}
#header.on li.on .gnb_link {color: var(--color-point-light);}
.menuBar {content: ""; display: block; background: rgba(255,255,255,.8); position: absolute; top: calc(100% + 1px); left: 0; width: 100%; height: 70px; display: none; z-index: -1;}
.ie #gnb {margin-left: inherit;}
.sub_list { position: relative;}
.sub_link {display: block; letter-spacing: 0; color: var(--color-black); font-weight: var(--font-wth-md); padding: 0 24px; height: 70px; line-height: 70px;}
.sub_link:hover {color: var(--color-point-light);}

@media (min-width: 993px) {
	.gnb_link {text-align: center;  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} 
	.gnb_link > span {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; position: relative;}
	.gnb_link > span::after {content: ""; display: block; position: absolute; left: 0; bottom: -1px; width: 100%; height: 3px; background: var(--color-point-light); -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: transform .3s; transition: transform .3s;}
	.gnb_list > li.on .gnb_link > span::after {-webkit-transform: scaleX(1);transform: scaleX(1);}
	.gnb_sub {position: absolute; top: 100%; left: 0; text-align: center; display: none;} 
	.sub_list {display: -webkit-box;display: -ms-flexbox;display: flex; margin-left: -24px;} 
}

@media (max-width: 992px) {
	.header_nav {position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background: #fff; z-index: 100; visibility: hidden;  pointer-events: none; -webkit-transform: translate(-100%); transform: translate(100%); -webkit-transition: transform .3s cubic-bezier(.18, .52, .43, .99); transition: transform .3s cubic-bezier(.18, .52, .43, .99); 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-pack: start; -ms-flex-pack: start; justify-content: flex-start; } 
	.header_nav.on {pointer-events: all; visibility: visible; -webkit-transform: translate(0); transform: translate(0);}
	#gnb {width: 100%; max-width: inherit; margin: 0;}
	#gnb::before {content: ""; display: block; width: 100%; height: 80px; background: #f4f4f4;}
	.gnb_list {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; margin-top: 1.692rem;}
	.gnb_list > li {flex: 0 1 auto; cursor: pointer;} /* ie 틀어짐 방지 */ 
	.gnb_link {font-size: 1.308rem; height: 2.94em; color: #000; font-weight: vaR(--font-wth-bd); letter-spacing: var(--letter-sp-lg); padding: 0 15px; }
	.gnb_link.has_sub {pointer-events: none;}
	.gnb_sub {display: none; margin-bottom: 1.231rem;}
	.sub_link {font-size: 1.154rem; height: 2.66em; line-height: inherit; padding: 0 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
	.sub_link::before {content: "- "; display: inline-block; margin-right: .2em;}
}

@supports (-webkit-appearance:none) and (stroke-color: transparent) {
  .header_nav {height: -webkit-fill-available;}
}

@media (max-width: 576px) {
	#gnb::before {height: 66px;}
	.gnb_link {font-size: 1.308rem;}
}

.header_utiil {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} 
.nav_btn {position: absolute; 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; top: 0; width: 4.308rem; height: 100%;}
.nav_toggle {right: 0; cursor: pointer; z-index: 150;}
.nav_toggle .line{position: absolute; font-size: 1.924rem; display: block; width: 1em; height: 0.12em; background: #fff; -webkit-transition: background 0.5s ease-in-out, opacity 0.3s ease-out, transform 0.3s ease-out; transition: background 0.5s ease-in-out, opacity 0.3s ease-out, transform 0.3s ease-out;}
body.fixed .nav_toggle .line,
#header.on .nav_toggle .line {background: var(--color-black);}
.nav_toggle .line:first-of-type {-webkit-transform: translateY(-266%);transform: translateY(-266%);}
.nav_toggle .line:nth-last-of-type(2) {-webkit-transform: scaleX(.8); transform: scaleX(.8); -webkit-transform-origin: right; transform-origin: right;}
.nav_toggle .line:last-of-type {-webkit-transform: translateY(266%);transform: translateY(266%);}
.nav_toggle.on .line {background: var(--color-black);}
.nav_toggle.on .line:first-of-type {-webkit-transform: translateY(0) rotate(45deg);transform: translateY(0) rotate(45deg);}
.nav_toggle.on .line:nth-last-of-type(2) {-webkit-transform: scaleX(.8) scaleY(0);transform: scaleX(.8) scaleY(0); opacity: 0;}
.nav_toggle.on .line:last-of-type {-webkit-transform: translateY(0) rotate(-45deg);transform: translateY(0) rotate(-45deg);}

@media (min-width: 993px) {
	.nav_toggle,
	.nav_header {display: none;}
	.header_utiil {margin-left: auto;} 
	.header_utiil a {display: block; font-size: 14px; line-height: .8; color: rgba(255,255,255,.7);}
	.header_utiil a + a {margin-left: 20px; padding-left: 20px; border-left: 1px solid rgba(255,255,255,.7);}

	body.fixed .header_utiil a,
	#header.on .header_utiil a {color: #4c4c4c; -webkit-transition-property: color, border-color; transition-property: color, border-color; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease; transition-timing-function: ease;}
	body.fixed .header_utiil a + a,
	#header.on .header_utiil a + a {border-color: #4c4c4c;}
}

@media (max-width: 992px) {
	.header_utiil {padding: 0 15px; padding-top: 1.231rem; margin-top: 3.385rem; position: relative;}
	.header_utiil::before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 2.564rem; height: 0.308rem; background: var(--color-point-light);}
	.header_utiil a {font-size: 1.154rem; font-weight: var(--font-wth-bd); color: var(--color-black); letter-spacing: var(--letter-sp-lg);}
	.header_utiil a + a {margin-left: 1.6em;}
}

/* container */
#container {min-height: 80vh; position: relative;}
#container.bd_btm {border-bottom: 1px solid var(--color-gray2);}

/* footer */
#footer {background: #fff;padding: var(--spacing-60) 0 var(--spacing-95);}
#footer address,
#footer p {font-size: var(--font-size-15); line-height: calc(var(--font-size-15) + 10px); font-weight: var(--font-wth-sm); margin: -.4em 0;}
#footer address + p {margin-top: .4em;}
#footer address > span {display: inline-block;}
#footer address > span + span {margin-left: .8em;}
.footer_logo img {max-width: 100%; height: auto;}
.footer_logo .logo {-ms-flex-negative: 0;flex-shrink: 0;}
.footer_logo .logo1 {width: 235px; -webkit-transform: translateY(29px);transform: translateY(29px);}
.footer_logo .logo2 {width: 185px; height: 58px; background: url(../../images/common/sp_logo.png) no-repeat 0 bottom/100% auto; margin-left: 38px; }
.footer_menu {margin: 50px 0 30px;}
.footer_menu a {display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: var(--font-size-14); line-height: 1; font-weight: var(--font-wth-md); height: 2.14rem; letter-spacing: -0.025em; background: #f4f4f4; color: var(--color-black); border-radius: 15px; height: 26px; padding: 0 1.858em;}
/* .footer_menu a:hover {color: var(--color-point);} */
.footer_menu li + li {margin-left: 4px;} 
.footer_menu li:last-of-type a {color: var(--color-point);}

@media (max-width: 992px) {
	#footer {padding-bottom: calc(var(--spacing-95) + 80px + env(safe-area-inset-bottom));}
	#footer address,
	#footer p {line-height: calc(var(--font-size-15) + 6.6px);}
	.footer_menu {margin: 36px 0 36px;}
	.footer_logo .logo1 {width: 198px; -webkit-transform: translateY(22px);transform: translateY(22px);}
	.footer_logo .logo2 {width: 147px; height: 46px; margin-left: 23px; }
}

@media (max-width: 576px) {
	#footer {padding-bottom: calc(var(--spacing-95) + 67px + env(safe-area-inset-bottom));}
	.footer_menu {margin: 30px 0;}
	.footer_logo .logo1 {width: 165px; -webkit-transform: translateY(18px);transform: translateY(18px);}
	.footer_logo .logo2 {width: 123px; height: 38px; margin-left: 19px; }
}

.gotoTop {width: 55px; height: 55px; 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; position: fixed; right: 5.52%; bottom: 50px; z-index: 50; background: rgba(238,240,241,.8) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' style='enable-background:new 0 0 256 256' xml:space='preserve'%3E%3Cpath d='m128 48.907-128 128 30.187 30.186L128 109.28l97.813 97.813L256 176.907z'/%3E%3C/svg%3E") no-repeat center/ 20px auto; opacity: 0; -webkit-transition: opacity .3s;transition: opacity .3s;} 
.gotoTop.on {opacity: 1;}
.gotoTop.fixed {position: absolute;}

@media (max-width: 992px) {
	.gotoTop {width: 2.308rem; height: 2.308rem; background-size: 1.026rem auto; right: var(--padding-inner); bottom: 1.693rem; bottom: calc(1.692rem + 80px + env(safe-area-inset-bottom)); -webkit-transition: bottom .2s ease-in-out;transition: bottom .2s ease-in-out;}
	.gotoTop.fixed {bottom: 1.692rem !important;}
}

@media (max-width: 576px) {
	.gotoTop {bottom: calc(1.692rem + 67px + env(safe-area-inset-bottom));}
}

/* quick menu */
.quick_menu {position: fixed; z-index: 50; word-break: keep-all;}
.quick_menu .ico {display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 37px; height: 37px; margin-right: 9px;}
.quick_menu li:nth-child(1) img {width: 86.5%;}
.quick_menu li:nth-child(3) img {width: 81%;}

@media (min-width: 993px) {
	.quick_menu {right: 0; top: 20.7%; pointer-events: none;}
	.quick_menu li {overflow: hidden; }
	.quick_menu li + li {margin-top: 1px;}
	.quick_menu a {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; width: 175px; height: 65px; padding: 0 14px; font-size: 14px; line-height: 1.2; letter-spacing: -0.035em; background: #eef0f1; -webkit-transform: translateX(110px);transform: translateX(110px); -webkit-transition: transform .3s ease-out; transition: transform .3s ease-out; pointer-events: all; position: relative;}
	.quick_menu p.ov_txt {-ms-flex-negative: 0; flex-shrink: 0; -webkit-transform: translateX(100%);transform: translateX(100%); opacity: 0; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease; transition-timing-function: ease; line-height: 1.45; }
	.quick_menu p.ov_txt .ico_arr {height: 8px; width: auto; margin-left: 8px; margin-top: 4px;}
	.quick_menu a:hover {-webkit-transform: translateX(0);transform: translateX(0);}
	.quick_menu a:hover p.ov_txt {-webkit-transform: translateX(0);transform: translateX(0); opacity: 1;}
	.quick_menu a .eng {letter-spacing: 0;}
	.quick_menu a .deco {color: #88e2f8; letter-spacing: -0.025em;}
	.quick_menu a .deco .sm {font-size: 12px;}
	.quick_menu li.blue a {color: #fff; background: #00598b; height: 85px;}
	.quick_menu li.blue .ico {-webkit-transform: translateY(-12px);transform: translateY(-12px); -webkit-transition: transform .3s ease; transition: transform .3s ease;}
	.quick_menu li.blue p.txt {position: absolute; left: 0; bottom: 13px; width: 70px; text-align: center; -webkit-transition: opacity .3s ease, transform .3s ease; transition: opacity .3s ease, transform .3s ease;}
	.quick_menu li.blue a:hover .ico {-webkit-transform: translateY(0);transform: translateY(0);}
	.quick_menu li.blue a:hover p.txt {opacity: 0; -webkit-transform: translateY(12px); transform: translateY(12px);}
	.quick_menu strong {font-weight: var(--font-wth-md);}
}

@media (max-width: 992px) {
	.quick_menu {left: 0; bottom: 0; width: 100%; background: #eef0f1; border-top: 3px solid var(--color-point-light); padding-bottom: env(safe-area-inset-bottom); /* transition: padding .3s; */ }
	.quick_menu .ico {width: 2.154rem; height:  2.154rem; margin: 0;}
	.quick_list {display: -webkit-box;display: -ms-flexbox;display: flex; width: 100%; height: 80px; text-align: center;}
	.quick_list > li {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
	.quick_menu a {font-size: 0.769rem; font-weight: var(--font-wth-md); letter-spacing: -0.06em; color: var(--color-black); 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-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; white-space: nowrap;}
	.quick_menu p.ov_txt .ico_arr {display: none;}
}

@media (max-width: 576px) {
	.quick_list {height: 67px;}
}

/* swiper	 */
.swiper {position: relative; overflow: hidden; list-style: none; z-index: 1; height: 100%;}
.swiper-wrapper {position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-transition-property: transform; transition-property: transform; box-sizing: content-box;}
.swiper-android .swiper-slide,
.swiper-wrapper {transform: translate3d(0px, 0, 0);}
.swiper-pointer-events {touch-action: pan-y;}
.swiper-slide {-ms-flex-negative: 0;flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: transform; transition-property: transform;}
.swiper-slide-invisible-blank {visibility: hidden;}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {height: auto;}
.swiper-autoheight .swiper-wrapper {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start; -webkit-transition-property: transform, height; transition-property: transform, height;}
.swiper-backface-hidden .swiper-slide {transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.swiper-controls .prev,
.swiper-controls .next {position: absolute; top: 50%; width: 50px; height: 50px; margin-top: -25px; z-index: 10; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0;flex-shrink: 0;}
.swiper-controls .prev.swiper-button-disabled,
.swiper-controls .next.swiper-button-disabled {/* opacity: 0.35; pointer-events: none; */ cursor: auto; }
.swiper-controls .prev.swiper-button-hidden,
.swiper-controls .next.swiper-button-hidden {opacity: 0; cursor: auto; pointer-events: none;}
.swiper-navigation-disabled .swiper-controls .prev,
.swiper-navigation-disabled .swiper-controls .next {display: none !important;}
.swiper-controls .prev,
.swiper-rtl .swiper-controls .next {left: 10px; right: auto;}
.swiper-controls .next,
.swiper-rtl .swiper-controls .prev {right: 10px; left: auto;}
.swiper-controls .prev:after,
.swiper-rtl .swiper-controls .next:after,
.swiper-controls .next:after,
.swiper-rtl .swiper-controls .prev:after {content: ""; display: block; background-repeat: no-repeat; background-size: cover; background-position: 0 0;}
.swiper-button-lock {display: none;}

.swiper-controls.group {position: relative; display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; -webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.swiper-controls.group .next,
.swiper-controls.group .prev {position: static; margin: 0 2.5px;}
.swiper-controls.type1 .next,
.swiper-controls.type1 .prev {width: 50px; height: 50px; border-radius: 50%; background-color: rgba(255,231,241,.3); -webkit-transition-property: background, opacity; transition-property: background, opacity; -webkit-transition-duration: .3s; transition-duration: .3s;}
.swiper-controls.type1 .next:hover,
.swiper-controls.type1 .prev:hover {background-color: rgba(0,92,119,.5);}
.swiper-controls.type1 .next::after,
.swiper-controls.type1 .prev::after {width: 17px; height: 17px;}
.swiper-controls.type1 .next::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='enable-background:new 0 0 256 256' xml:space='preserve' width='256' height='256'%3E%3Crect width='100%25' height='100%25' fill='none'/%3E%3Cg class='currentLayer'%3E%3Cpath d='M79.093 0 48.907 30.187 146.72 128l-97.813 97.813L79.093 256l128-128z' class='selected' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E"); margin-right: -2px;}
.swiper-controls.type1 .prev::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='256' height='256'%3E%3Crect width='100%25' height='100%25' fill='none'/%3E%3Cg class='currentLayer'%3E%3Cpath d='M207.093 30.187 176.907 0l-128 128 128 128 30.186-30.187L109.28 128z' class='selected' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E"); margin-left: -2px;}

@media (max-width: 992px) {
	.swiper-controls.group .next,
	.swiper-controls.group .prev {margin: 0 0.256rem;}
	.swiper-controls.type1 .next,
	.swiper-controls.type1 .prev {width: 2.539rem; height: 2.539rem;}
	.swiper-controls.type1 .next::after,
	.swiper-controls.type1 .prev::after {width: 1rem; height: 1rem;}
}

.swiper-controls.type2 {margin: 0 -16px;}
.swiper-controls.type2::before {content: ""; display: block; width: 1px; height: 80%; top: 10%; background: #d4d4d4; position: absolute; left: 50%;}
.swiper-controls.type2 .next,
.swiper-controls.type2 .prev {width: 23px; height: 23px; -webkit-transition: fill .3s; transition: fill .3s; fill: #d4d4d4; margin: 0 16px;}
.swiper-controls.type2 .next svg,
.swiper-controls.type2 .prev svg {width: 23px;}
.swiper-controls.type2 .next:hover,
.swiper-controls.type2 .prev:hover {fill: var(--color-point-light)}

.swiper-controls.type3 .next,
.swiper-controls.type3 .prev {width: 40px; height: 40px; border-radius: 50%; border: 1px solid #fff; -webkit-transition-property: background, border-color; transition-property: background, border-color; -webkit-transition-duration: .3s; transition-duration: .3s;}
.swiper-controls.type3 .next:hover,
.swiper-controls.type3 .prev:hover {background-color: var(--color-point-dark); border-color: var(--color-point-dark);} 
.swiper-controls.type3 .next::after,
.swiper-controls.type3 .prev::after {width: 12px; height: 12px;}
.swiper-controls.type3 .next::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='enable-background:new 0 0 256 256' xml:space='preserve' width='256' height='256'%3E%3Crect width='100%25' height='100%25' fill='none'/%3E%3Cg class='currentLayer'%3E%3Cpath d='M79.093 0 48.907 30.187 146.72 128l-97.813 97.813L79.093 256l128-128z' class='selected' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E"); margin-right: -2px;}
.swiper-controls.type3 .prev::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='256' height='256'%3E%3Crect width='100%25' height='100%25' fill='none'/%3E%3Cg class='currentLayer'%3E%3Cpath d='M207.093 30.187 176.907 0l-128 128 128 128 30.186-30.187L109.28 128z' class='selected' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E"); margin-left: -2px;}

@media (max-width: 992px) {
	.swiper-controls.type3 .next,
	.swiper-controls.type3 .prev {width: 2.078rem; height: 2.078rem;}
	.swiper-controls.type3 .next::after,
	.swiper-controls.type3 .prev::after {width: 0.463rem; height: 0.463rem;}
}

/* tabs */
.tabs .tab_panel {display: none;}

/* modal */
.modal {--mpt: 6.875vh; --mpl: max(3.733vw, 14px); --hd: 60px; display: none; position: fixed; left: 0; top: 0; z-index: 200;}
.modal.open {display: block;}
.modal.hide {pointer-events: none;}
.modal.hide .modal_content::after {content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.4);}
.modal_module {position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; padding: var(--mpt) var(--mpl); pointer-events: none;}
.modal_content {width: 100%; background: #fff; position: relative; pointer-events: all; box-shadow: 3px 5px 14.7px 0.3px rgba(0, 0, 0, 0.3);} /* 992px 기준 */
.modal.lg .modal_content {--pt: 43px; --pl: 40px; max-width: 1220px; padding: var(--pt) var(--pl);}
.modal.alert .modal_content {max-width: 405px; text-align: center; padding: 40px;} 
.modal_header {display: flex; justify-content: space-between; align-items: flex-start; height: var(--hd);}
.modal_header .modal_close {position: static !important;}
.modal_tit {text-align: center; font-size: 34px; line-height: 1.4412; letter-spacing: -0.05em; color: #000; font-weight: 700; margin-bottom: 10px;}
.modal_body {overflow: hidden; overflow-y: auto; max-height: calc(100vh - var(--mpt) * 2 - var(--pt) * 2 - var(--hd));}
body:not(.mobile) .modal_body::-webkit-scrollbar {width: 8px; border-radius: 10px;}
body:not(.mobile) .modal_body::-webkit-scrollbar-track {background: none;}
body:not(.mobile) .modal_body::-webkit-scrollbar-thumb {background: rgba(216,216,216,0.7); border-radius: 10px;}
.modal .modal_close {position: absolute; right: 0; top: 0; width: 32px; aspect-ratio: 1; background: url("../../images/common/ico_close.svg") no-repeat center / contain;}
.modal .btn_area {margin-top: 50px; display: flex; justify-content: center; align-items: center; gap: 10px;}
.modal .btn_area::after {display: none;}
.modal .btn_area .btn {--bpl: 1.4375em; font-size: 16px; font-weight: 500; line-height: 1; display: inline-flex; align-items: center; justify-content: center; vertical-align: top; min-width: 117px; height: 46px; padding: 0 var(--bpl);}
.modal .btn_area .btn.green {background: #068080; color: #fff;}
.modal .btn_area .btn.gray {background: #F4F4F7; color: #000;}
.modal .btn_area .btn.lg {min-width: 200px;}

.modal.alert .msg {font-size: 18px; line-height: 1.4445; color: #000; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all;}
.modal.alert .btn_area {margin-inline: auto; margin-top: 22px;}

.dim {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 199; display: none;}

@media (max-width: 1200px) {
	.modal.lg .modal_content {--pl: clamp(10px, 2.667vw, 40px);}
}

@media (max-width: 992px) {
	.modal {--hd: 63px;}
	.modal.lg .modal_content {--pt: 34px}
	.modal_tit {font-size: 1.693rem; line-height: 1.455; margin-bottom: 12px;}
	.modal .modal_close {width: 1.8462rem; }
	.modal .btn_area {margin-top: 36px;}
	.modal .btn_area .btn.lg {width: 100%;}
	.modal.alert .modal_content {padding: 40px min(40px, 9.3334vw);}
	.modal.alert .msg {font-size: 17px;} 
}

@media (max-width: 576px) {
	.modal.lg .modal_content {--pt: 20px}
	.modal .btn_area {margin-top: 22px;}
}

@media (max-width: 400px) {
	.modal .btn_area .btn {--bpl: 4.267vw; min-width: inherit; display: flex; flex-grow: 1;}
}

/* animation */
.anim {opacity: 0;}
.anim[data-anim="fadeUp"].on {-webkit-animation: fadeUp 2s var(--easing_out) var(--delay) both;animation: fadeUp 2s var(--easing_out) var(--delay) both;}
.anim[data-anim="zoomIn"].on {-webkit-animation: ZoomIn 2s var(--easing_out) var(--delay) both;animation: ZoomIn 2s var(--easing_out) var(--delay) both;}

@-webkit-keyframes fadeUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(70px);
		        transform: translateY(70px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
}

@keyframes fadeUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(70px);
		        transform: translateY(70px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
}

@-webkit-keyframes ZoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.05);
		        transform: scale(1.05);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
}
@keyframes ZoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.05);
		        transform: scale(1.05);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
}