@charset "utf-8";
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
:after, :before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
:root {
  --inner: 1600;
  --color-primary: #0000ff;
  --color-primary-mid: #4b4bef;
  --color-primary-light: #1b57f5;
  --color-secondary: #000059;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-text: #333333;
  --color-text-muted: #999999;
  --color-text-light: #737373;
  --color-text-gray: #bababa;
  --color-dark: #222222;
  --color-border: #e0e0e0;
  --color-bg-section: #f1f4f7;
  --color-footer-bg: #000059;
  --color-footer-bar: #000059;
  --primary-color: var(--color-primary);
  --dark-color: var(--color-dark);
  --container-max: 1440px;
  --container-gutter: var(--space-24);
  --container-outer: calc(var(--container-max) + (var(--container-gutter) * 2));
  --header-height: clamp(60px, calc(100 / var(--inner) * 100vw), 100px);
  --lnb-height: 56px;
  --container-space: var(--space-30);
  --section-padding-y: var(--space-100);
  --card-gap: var(--space-24);
  --card-radius: 10px;
  --logo-height: 46px;
  --logo-height-header: 63px;
  --font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-size-12: clamp(11px, calc(12 / var(--inner) * 100vw), 12px);
  --font-size-13: clamp(12px, calc(13 / var(--inner) * 100vw), 13px);
  --font-size-14: clamp(13px, calc(14 / var(--inner) * 100vw), 14px);
  --font-size-15: clamp(14px, calc(15 / var(--inner) * 100vw), 15px);
  --font-size-16: clamp(14px, calc(16 / var(--inner) * 100vw), 16px);
  --font-size-17: clamp(15px, calc(17 / var(--inner) * 100vw), 17px);
  --font-size-18: clamp(16px, calc(18 / var(--inner) * 100vw), 18px);
  --font-size-19: clamp(17px, calc(19 / var(--inner) * 100vw), 19px);
  --font-size-20: clamp(18px, calc(20 / var(--inner) * 100vw), 20px);
  --font-size-22: clamp(20px, calc(22 / var(--inner) * 100vw), 22px);
  --font-size-24: clamp(22px, calc(24 / var(--inner) * 100vw), 24px);
  --font-size-26: clamp(24px, calc(26 / var(--inner) * 100vw), 26px);
  --font-size-31: clamp(28px, calc(31 / var(--inner) * 100vw), 31px);
  --font-size-32: clamp(28px, calc(32 / var(--inner) * 100vw), 32px);
  --font-size-36: clamp(32px, calc(36 / var(--inner) * 100vw), 36px);
  --font-size-40: clamp(32px, calc(40 / var(--inner) * 100vw), 40px);
  --font-size-48: clamp(34px, calc(48 / var(--inner) * 100vw), 48px);
  --font-size-54: clamp(44px, calc(54 / var(--inner) * 100vw), 54px);
  --font-size-base: var(--font-size-18);
  --font-size-nav: var(--font-size-20);
  --font-size-nav-dropdown: var(--font-size-16);
  --font-size-mobile-title: var(--font-size-17);
  --font-size-mobile-link: var(--font-size-15);
  --font-size-hero-badge: var(--font-size-13);
  --font-size-hero-title: clamp(var(--font-size-36), 3.5vw, var(--font-size-54));
  --font-size-hero-desc: clamp(var(--font-size-17), 1.2vw, var(--font-size-18));
  --font-size-section-label: var(--font-size-13);
  --font-size-section-title: clamp(32px, calc(40 / var(--inner) * 100vw), 40px);
  --font-size-section-desc: var(--font-size-18);
  --font-size-card-title: var(--font-size-22);
  --font-size-card-desc: var(--font-size-15);
  --font-size-card-link: var(--font-size-15);
  --font-size-footer-company: var(--font-size-17);
  --font-size-footer-label: var(--font-size-14);
  --font-size-footer-value: var(--font-size-15);
  --font-size-page-title: var(--font-size-48);
  --font-size-sub-nav: var(--font-size-16);
  --font-size-btn: var(--font-size-16);
  --font-size-ceo-body: var(--font-size-16);
  --font-size-ceo-lead: clamp(27px, calc(34 / var(--inner) * 100vw), 34px);
  --space-4: clamp(2px, calc(4 / var(--inner) * 100vw), 4px);
  --space-5: clamp(3px, calc(5 / var(--inner) * 100vw), 5px);
  --space-6: clamp(3px, calc(6 / var(--inner) * 100vw), 6px);
  --space-7: clamp(4px, calc(7 / var(--inner) * 100vw), 7px);
  --space-8: clamp(4px, calc(8 / var(--inner) * 100vw), 8px);
  --space-10: clamp(5px, calc(10 / var(--inner) * 100vw), 10px);
  --space-12: clamp(6px, calc(12 / var(--inner) * 100vw), 12px);
  --space-14: clamp(7px, calc(14 / var(--inner) * 100vw), 14px);
  --space-16: clamp(8px, calc(16 / var(--inner) * 100vw), 16px);
  --space-18: clamp(9px, calc(18 / var(--inner) * 100vw), 18px);
  --space-20: clamp(10px, calc(20 / var(--inner) * 100vw), 20px);
  --space-24: clamp(12px, calc(24 / var(--inner) * 100vw), 24px);
  --space-28: clamp(14px, calc(28 / var(--inner) * 100vw), 28px);
  --space-30: clamp(15px, calc(30 / var(--inner) * 100vw), 30px);
  --space-32: clamp(16px, calc(32 / var(--inner) * 100vw), 32px);
  --space-36: clamp(18px, calc(36 / var(--inner) * 100vw), 36px);
  --space-40: clamp(20px, calc(40 / var(--inner) * 100vw), 40px);
  --space-48: clamp(24px, calc(48 / var(--inner) * 100vw), 48px);
  --space-50: clamp(25px, calc(50 / var(--inner) * 100vw), 50px);
  --space-52: clamp(26px, calc(52 / var(--inner) * 100vw), 52px);
  --space-56: clamp(28px, calc(56 / var(--inner) * 100vw), 56px);
  --space-60: clamp(27px, calc(60 / var(--inner) * 100vw), 60px);
  --space-64: clamp(32px, calc(64 / var(--inner) * 100vw), 64px);
  --space-72: clamp(36px, calc(72 / var(--inner) * 100vw), 72px);
  --space-80: clamp(40px, calc(80 / var(--inner) * 100vw), 80px);
  --space-9: clamp(5px, calc(9 / var(--inner) * 100vw), 9px);
  --space-11: clamp(6px, calc(11 / var(--inner) * 100vw), 11px);
  --space-13: clamp(7px, calc(13 / var(--inner) * 100vw), 13px);
  --space-15: clamp(8px, calc(15 / var(--inner) * 100vw), 15px);
  --space-17: clamp(9px, calc(17 / var(--inner) * 100vw), 17px);
  --space-22: clamp(11px, calc(22 / var(--inner) * 100vw), 22px);
  --space-23: clamp(12px, calc(23 / var(--inner) * 100vw), 23px);
  --space-25: clamp(13px, calc(25 / var(--inner) * 100vw), 25px);
  --space-35: clamp(18px, calc(35 / var(--inner) * 100vw), 35px);
  --space-70: clamp(35px, calc(70 / var(--inner) * 100vw), 70px);
  --space-100: clamp(50px, calc(100 / var(--inner) * 100vw), 100px);
  --space-120: clamp(50px, calc(120 / var(--inner) * 100vw), 120px);
  --radius-20: clamp(10px, calc(20 / var(--inner) * 100vw), 20px);
}
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select, figure, figcaption{margin:0;padding:0;}
body{font-family:'Pretendard',sans-serif;font-size:var(--font-size-16);line-height:1.75em;color:#505050;word-break:keep-all;-webkit-text-size-adjust:none;letter-spacing:-.03em;}
input, textarea, select, button, table{font-family:inherit;font-size:inherit;line-height:inherit;}
img{border:0;max-width:100%;vertical-align:top;}
ul, ol{list-style:none;}
fieldset{border:none;}
fieldset legend{overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0em;text-indent:-999em;}
button{cursor:pointer;}
header, hgroup, article, nav, footer, figure, figcaption, canvas, section, time{display:block;}
hr{clear:both;display:none;}
img[usemap]{border:none;height:auto;max-width:100%;width:auto;}
a{color:inherit;text-decoration:none;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
a:hover, a:active{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
::-webkit-input-placeholder{color:#878787;}
:-moz-placeholder{color:#878787;}
::-moz-placeholder{color:#878787;}
:-ms-input-placeholder{color:#878787;}
:placeholder-shown{color:#878787;}
table caption{overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0em;text-indent:-999em;}
input[type="radio"], input[type="checkbox"]{vertical-align:middle !important;margin:-.2em 3px 0 0 !important;}
input, select{vertical-align:middle;background:#fff;}
input, textarea, button{-webkit-appearance:none;-webkit-border-radius:0;}
input[type='checkbox']{-webkit-appearance:checkbox;}
input[type='radio']{-webkit-appearance:radio;}
h1, h2, h3, h4, h5, h6, strong, th, .bold{font-weight:700;}
.semibold{font-weight:500;}
.clear{clear:both;}
.clearfix:after{content:" ";display:block;clear:both;}
.blind{position:absolute;overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0em;}
.pointer{cursor:pointer;}
.input{height:44px;padding:var(--space-6) var(--space-16);color:#505050;font-size:var(--font-size-15);line-height:1.5em;border:1px solid #ddd;}
.input[readonly]{background-color:#e8e8e8;color:#aaaaaa;}
.input.datepicker{padding-right:var(--space-40);background:#fff url('/images/bbs/datepicker_icon.png') right 10px center no-repeat;}
textarea.input{height:auto;padding:var(--space-13) var(--space-16);overflow:auto;resize:none;}
select.input{padding-right:var(--space-40);background:#fff url('/images/bbs/select.svg') right 14px center no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select.input::-ms-expand{display:none;}
input[type=file].input{padding:0;}
input[type=password]{font-family:"Noto Sans KR",sans-serif;}
.mgb2{margin-bottom:2px !important;}
.mgb3{margin-bottom:3px !important;}
.mgb4{margin-bottom:var(--space-4) !important;}
.mgb5{margin-bottom:var(--space-5) !important;}
.mgb6{margin-bottom:var(--space-6) !important;}
.mgb7{margin-bottom:var(--space-7) !important;}
.mgb8{margin-bottom:var(--space-8) !important;}
.mgb9{margin-bottom:var(--space-9) !important;}
.mgb10{margin-bottom:var(--space-10) !important;}
.mgb15{margin-bottom:var(--space-15) !important;}
.mgb20{margin-bottom:var(--space-20) !important;}
.mgb30{margin-bottom:var(--space-30) !important;}
.mgb40{margin-bottom:var(--space-40) !important;}
.mgb50{margin-bottom:var(--space-50) !important;}
.fl{float:left;}
.fr{float:right;}
.space-center{text-align:center !important;}
.space-right{text-align:right !important;}
.space-left{text-align:left !important;}
.inline-block{display:inline-block;}
.video-container{position:relative;aspect-ratio:16/9;overflow:hidden;}
.video-container video, .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.radiobox{display:inline-block;position:relative;vertical-align:middle;margin-top:-.2em;}
.radiobox input{position:absolute;top:0;left:0;width:0;height:0;border:0;opacity:0;z-index:-1;}
.radiobox label{display:inline-block;}
.radiobox label:before{content:"";display:inline-block;vertical-align:middle;margin:-.2em var(--space-8) 0 0;width:18px;height:18px;background-color:#f4f4f4;border:1px solid #ccc;border-radius:100%;}
.radiobox input:checked + label:before{background:#fff url("/images/bbs/radiobox.png") 50% 50% no-repeat;}
.radiobox input:focus + label:before{outline:2px solid var(--primary-color);}
.checkbox{display:inline-block;position:relative;vertical-align:middle;margin-top:-.2em;}
.checkbox input{position:absolute;top:0;left:0;width:0;height:0;border:0;opacity:0;z-index:-1;}
.checkbox label{display:inline-block;}
.checkbox label:before{content:"";display:inline-block;vertical-align:middle;margin:-.2em var(--space-8) 0 0;width:18px;height:18px;background-color:#f4f4f4;border:1px solid #ccc;}
.checkbox input:checked + label:before{background:var(--primary-color) url("/images/bbs/checkbox.svg") 50% 50% no-repeat;border-color:var(--primary-color);}
.checkbox input:focus + label:before{outline:2px solid var(--primary-color);}
.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.ui-datepicker{z-index:2 !important;display:none;background:#fff;margin-top:2px;border-radius:10px;padding:0 var(--space-8) var(--space-8);width:250px;box-shadow:0 0 3px rgba(0,0,0,.3);}
.ui-datepicker-header{position:relative;margin:0 calc(var(--space-8) * -1) var(--space-6);padding:var(--space-5) 0;background:var(--primary-color);border-radius:10px 10px 0 0;}
.ui-datepicker-prev, .ui-datepicker-next{position:absolute;width:32px;height:32px;top:50%;cursor:pointer;margin-top:calc(var(--space-16) * -1);border-radius:100%;overflow:hidden;text-indent:-999em;background-position:50% 50%;background-repeat:no-repeat;}
.ui-datepicker-prev{left:0;background-image:url("/images/bbs/datepicker_prev.png");}
.ui-datepicker-next{right:0;background-image:url("/images/bbs/datepicker_next.png");}
.ui-datepicker-title{text-align:center;color:#fff;font-size:var(--font-size-18);line-height:1.667em;font-weight:500;}
.ui-datepicker-title select{border:0;margin:-.2em 2px 0;width:70px;height:30px;color:#000;font-size:var(--font-size-15);padding:0 var(--space-10) 0 var(--space-6);vertical-align:middle;}
.ui-datepicker-calendar{width:100%;border-collapse:collapse;border-spacing:0px;}
.ui-datepicker-calendar th{padding:2px 0;text-align:center;font-size:var(--font-size-14);font-weight:500;line-height:2.143em;color:#222;}
.ui-datepicker-calendar td{padding:0;text-align:center;font-size:var(--font-size-13);font-weight:400;line-height:2.308em;color:#666;}
.ui-datepicker-calendar .ui-state-default{display:inline-block;width:30px;border-radius:4px;}
.ui-datepicker-calendar .ui-state-hover{background-color:#eee;color:#222;}
.ui-datepicker-calendar .ui-state-active{background-color:var(--primary-color);color:#fff;}
.ui-datepicker-other-month .ui-state-default{color:#ccc;}
.ui-datepicker-last{margin-left:-43px;}
.ui-datepicker-trigger{width:44px;height:44px;margin-left:-1px;background:url('/images/bbs/datepicker_icon.png') 50% 50% no-repeat;border:1px solid #aaa;vertical-align:middle;overflow:hidden;text-indent:-999em;}
@media (max-width: 640px){.input.datepicker{background-image:url("../images/bbs/datepicker_icon_x2.png");background-size:22px auto;}.ui-datepicker-prev, .ui-datepicker-next{background-size:8px auto;}.ui-datepicker-prev{background-image:url("../images/bbs/datepicker_prev_x2.png");}.ui-datepicker-next{background-image:url("../images/bbs/datepicker_next_x2.png");}.ui-datepicker-trigger{width:38px;height:38px;}}
.fr-box [data-aos]{opacity:1 !important;transform:none !important;}