@charset "utf-8";
@import url('/css/font.css');
@import url('/css/remixicon.css');
@import url('/css/xeicon.css');
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
img, fieldset {border:0 none;}
img {
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  vertical-align: top;
}
em {
  font-style: normal;
}
a {
  color: inherit;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:focus {
  outline: none;
}
a:focus-visible {
  outline: revert;
}
.blind, hr, .sr-only, .sr_only, legend, caption {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
hr {display:none;}
button {
  border: 0;
  background: rgba(0, 0, 0, 0);
  color: var(--Text-Color-Black);
  font-size: inherit;
  line-height: inherit;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
button:focus {
  outline: none;
}
button:focus-visible {
  outline: revert;
}
ul,
ol {
  list-style: none;
}
:root {
  --ff-body:"Pretendard GOV", sans-serif;
  --ff-heading: "tway_air", sans-serif;

  --content-width:min(100%, calc(93.75rem + (var(--side-padding) * 2))); /* 모바일 100%, 웹 1540px */
   /* 양옆 패딩을 더한 값 + 가로폭 = 컨텐츠 가로폭이 시안과 같아짐*/
  --content-width-sm:min(100%, 92.875rem); /* 1486px */
  --main-width: min(100%, calc(92.875rem + (var(--side-padding) * 2))); /* 모바일 100%, 웹 1526px (메인페이지 전용) */
  --side-padding: 1.25rem;
  --header-height: 6.25rem;

  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;

  --radius-md: .25rem;
  --radius-lg: .5rem;
  --radius-xl: .75rem;
  --radius-2xl: 1rem;
  --radius-3xl: 1.5rem;
  --radius-4xl: 2rem;
  --radius20: clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem);
  --radius15: clamp(0.5rem, 0.412rem + 0.438vw, 0.938rem);
  --radius10: clamp(0.5rem, 0.475rem + 0.125vw, 0.625rem);
  --radius12: clamp(0.625rem, 0.6rem + 0.125vw, 0.75rem);

  --Brand-Color-main: #2F45BA;
  --Brand-Color-blue: #172FAF;
  --Brand-Color-skyblue: #0199CA;
  --Brand-Color-navy: #153881;
  --Brand-Color-navy-deep: #000E55;

  --Bg-Color-Skyblue: #F2F6FF;

  --Text-Color-Black: #000000;
  --Text-Color-Basic-1: #222222;
  --Text-Color-Basic-2: #333333;
  --Text-Color-Basic-3: #555555;
  --Text-Color-Basic-4: #777777;
  --Text-Color-Basic-5: #999999;
  --Text-Color-White: #ffffff;
  --Text-Color-Prosperity-Green: #008233;
  --Text-Color-Discovery-Blue: #003087;
  --Text-Color-Red: #ff0000;
  --Text-Color-Blue: var(--Brand-Color-blue);
  --BTN-BG-Color-default:#1B8400;
  --BTN-BG-Color-Black: #232323;
  --BTN-BG-Color-White: #ffffff;
  --BTN-BG-Color-Inactive: #f4f4f4;
  --BTN-BG-Color-Light: #f8f8f8;
  --Border-Color: #DDDDDD;
  --Gray-Bg-Color: #F4F5F6;
  --Bray-Bg-Color-sub: #F8F8F8;
  --Gray-Color-900: #000000;
  --Gray-Color-800: #262626;
  --Gray-Color-700: #434343;
  --Gray-Color-600: #58616A;
  --Gray-Color-500: #7b7b7b;
  --Gray-Color-400: #9d9d9d;
  --Gray-Color-300: #c4c4c4;
  --Gray-Color-200: #d9d9d9;
  --Gray-Color-100: #e5e5e5;
  --Gray-Color-50: #f5f5f5;
  --Gray-Color-0: #ffffff;

  --font-size-13: clamp(0.79rem, 0.786rem + 0.022vw, 0.813rem);
  --font-size-14: clamp(0.79rem, 0.773rem + 0.085vw, 0.875rem);
  --font-size-15: clamp(0.889rem, 0.879rem + 0.049vw, 0.938rem);
  --font-size-16: clamp(0.889rem, 0.867rem + 0.111vw, 1rem);
  --font-size-17: clamp(1rem, 0.988rem + 0.063vw, 1.063rem);
  --font-size-18: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
  --font-size-19: clamp(1rem, 0.963rem + 0.188vw, 1.188rem);
  --font-size-20: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
  --font-size-21: clamp(1.125rem, 1.087rem + 0.188vw, 1.313rem);
  --font-size-22: clamp(1.125rem, 1.075rem + 0.25vw, 1.375rem);
  --font-size-24: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem);
  --font-size-28: clamp(1.424rem, 1.359rem + 0.326vw, 1.75rem);
  --font-size-30: clamp(1.424rem, 1.334rem + 0.451vw, 1.875rem);
  --font-size-32: clamp(1.602rem, 1.522rem + 0.398vw, 2rem);
  --font-size-34: clamp(1.602rem, 1.497rem + 0.523vw, 2.125rem);
  --font-size-36: clamp(1.602rem, 1.472rem + 0.648vw, 2.25rem);
  --font-size-37: clamp(1.602rem, 1.46rem + 0.711vw, 2.313rem);
  --font-size-40: clamp(1.802rem, 1.662rem + 0.698vw, 2.5rem);
  --font-size-42: clamp(1.802rem, 1.637rem + 0.823vw, 2.625rem);
  --font-size-50: clamp(1.802rem, 1.537rem + 1.323vw, 3.125rem);
  --font-size-60: clamp(2.027rem, 1.683rem + 1.723vw, 3.75rem);

  --font-size-heading-lg: clamp(1.75rem, 1.475rem + 1.38vw, 3.125rem);
  --font-size-heading-md: clamp(1.625rem, 1.45rem + 0.88vw, 2.5rem);
  --font-size-heading-sm: clamp(1.438rem, 1.275rem + 0.81vw, 2.25rem);

  --num-2: clamp(0.125rem, 0.05rem + 0.06vw, 0.125rem);
  --num-4: clamp(0.125rem, 0.1rem + 0.13vw, 0.25rem);
  --num-8: clamp(0.25rem, 0.2rem + 0.25vw, 0.5rem);
  --num-10: clamp(0.5rem, 0.475rem + 0.13vw, 0.625rem);
  --num-12: clamp(0.5rem, 0.45rem + 0.25vw, 0.75rem);
  --num-14: clamp(0.75rem, 0.725rem + 0.13vw, 0.875rem);
  --num-16: clamp(0.75rem, 0.7rem + 0.25vw, 1rem);
  --num-17: clamp(0.75rem, 0.7rem + 0.25vw, 1rem);
  --num-18: clamp(1rem, 0.975rem + 0.13vw, 1.125rem);
  --num-20: clamp(1rem, 0.975rem + 0.13vw, 1.125rem);
  --num-21: clamp(1.125rem, 1.087rem + 0.19vw, 1.313rem);
  --num-24: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem);
  --num-30: clamp(1.25rem, 1.125rem + 0.63vw, 1.875rem);
  --num-32: clamp(1.5rem, 1.4rem + 0.5vw, 2rem);
  --num-40: clamp(2rem, 1.9rem + 0.5vw, 2.5rem);
  --num-48: clamp(2.5rem, 2.4rem + 0.5vw, 3rem);
  --num-50: clamp(2.75rem, 2.675rem + 0.38vw, 3.125rem);
  --num-60: clamp(3rem, 2.85rem + 0.75vw, 3.75rem);
  --num-64: clamp(3rem, 2.8rem + 1vw, 4rem);
  --num-70: clamp(4rem, 3.925rem + 0.38vw, 4.375rem);
  --num-72: clamp(4rem, 3.9rem + 0.5vw, 4.5rem);
  --num-80: clamp(4rem, 3.8rem + 1vw, 5rem);
  --num-100: clamp(5rem, 4.75rem + 1.25vw, 6.25rem);

  --gap-4: clamp(0.25rem, 0.45rem + 0.25vw, 0.75rem);
  --gap-8: clamp(0.25rem, 0.2rem + 0.25vw, 0.5rem);
  --gap-10: clamp(0.5rem, 0.475rem + 0.125vw, 0.625rem);
  --gap-12: clamp(0.625rem, 0.45rem + 0.25vw, 0.75rem);
  --gap-16: clamp(0.625rem, 0.7rem + 0.25vw, 1rem);
  --gap-20: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
  --gap-24:clamp(0.625rem, 0.45rem + 0.88vw, 1.5rem);
  --gap-30:clamp(1rem, 0.825rem + 0.875vw, 1.875rem);
  --gap-32:clamp(1rem, 0.8rem + 1vw, 2rem);
  --gap-42:clamp(1.5rem, 1.275rem + 1.125vw, 2.625rem);
  --gap-100: clamp(4rem, 3.55rem + 2.25vw, 6.25rem);
}

@media (width <= 1030px){
	:root {
		--header-height: 4.5rem;
	}
}
@media (width <= 768px){
	:root {
		--header-height: 4rem;
	}
}


/* Reset */
*{margin:0; padding:0; box-sizing:border-box;}
*:focus { outline:none; }
body {font-size: var(--font-size-17);}
html, body { font-family: var(--ff-body),'Noto Sans KR','나눔고딕', 'Nanum Gothic', 'sans-serif';color:var(--Text-Color-Basic-1); -webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; line-height:1.5;  word-break: keep-all; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-backface-visibility: hidden;  letter-spacing:-0.025em;}
html, body, div, span, form, input, select, button, textarea, legend, fieldset, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, address, p, th, td, caption {margin:0;padding:0}
ol, ul, li {list-style:none;}
em, dt, dd, address, i {font-style:normal}
img {vertical-align:top}
img, fieldset {border:0 none;}
button {border:0 none;background:transparent;cursor:pointer;}
hr {display:none;}
legend, .skip, .blind, .skip_nav, .hide {width:0;height:0;visibility:hidden;font-size:0;line-height:0;position:absolute;top:0;left:-9999em;overflow:hidden;}
table caption {display:none}
table {border-collapse:collapse;border-spacing:0;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block;}
a{color:inherit;}
a:link, a:visited {text-decoration:none; }
a:hover, a:active {text-decoration:none}
h1, h2, h3, h4, h5, h6{font-family: inherit;  font-size: inherit; font-weight: var(--font-weight-bold);color: inherit;margin: 0;}
input, textarea, select {border-radius:0;-webkit-appearance:none; font-family: inherit; font-size: 0.85rem; letter-spacing: 0em; color: inherit;	padding: 0; outline: none;}
button {border:0; cursor: pointer;}

.clearfix { display:block; }
.clearfix:after { display:block; clear:both; content:"."; visibility:hidden; height:0; }

/* 입력 스타일 */
input[type="checkbox"] {-webkit-appearance:checkbox;vertical-align:middle}
input[type="radio"] {-webkit-appearance:radio;width:13px;height:13px;margin:0 0 3px;padding:0;vertical-align:middle}
input[type="password"],
input[type="text"] {-webkit-appearance:none; width:100%; background:#fff;  border:1px solid #b3b3b3; -webkit-appearance: none; box-shadow: none; padding: 0px 10px;  box-sizing:border-box;  height: 40px; text-align:left;}
select {height:40px; line-height:40px; padding:0 30px 0 10px;font-family: inherit; background:#fff url("/images/default/content/sel_icon.svg") no-repeat right+10px center; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #b3b3b3; border-radius: 0px; vertical-align:middle;}
select::-ms-expand { /* for IE 11 */   display: none;}
textarea{padding:20px; width:100%; box-sizing:border-box; vertical-align:middle; line-height:1.5; background:#fff; border:1px solid #b3b3b3;  color:#898989; -webkit-appearance: none; box-shadow: none; border-radius:0; resize: vertical; }

/* 웹접근성용 */
.hidden, .sr_only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* button */
.button{display:inline-block; overflow:hidden; position:relative; min-width:100px; height:2.5rem; line-height:2.5rem; box-sizing:border-box; padding:0 2rem; border:1px solid #467EDC; background: #467EDC; color:#fff !important; text-align:center; vertical-align:top; box-shadow: 3px 4px 18px 2px rgb(204 204 204 / 25%); transition: all 0.3s ease; cursor:pointer; z-index:0; vertical-align:middle; }
.button span{position:relative; z-index:2;}
.button.red{background:#F44336; border:1px solid #F44336;}
.button.blue{background:#2377d0; border:1px solid #1760ad;}
.button.black{background:#2d2b2b; border:1px solid #1f1f1f;}
.button.gray{background:#92999e; border:1px solid #92999e;}
.button.white{background:#fff; border:1px solid #cdcdcd; color:#444 !important;}
.button:hover{box-shadow:5px 15px 20px rgba(0,0,0,0.15);}

/*safari input*/
input[type='button'],
input[type='submit'] { -webkit-appearance: none; -webkit-border-radius: 0; }

/* IPHONE */
input:disabled, textarea:disabled { opacity: 1; -webkit-text-fill-color: inherit; }
input[type="text"], input[type="password"] { -webkit-appearance: none; border-radius: 0; }


:-ms-input-placeholder{color:$color-dusty-gray !important;}/* Internet Explorer 10-11 */
::-ms-input-placeholder{color:$color-dusty-gray !important;}/* Microsoft Edge */
::placeholder{color:$color-dusty-gray;opacity:1;}/* Chrome, Firefox, Opera, Safari 10.1+ */


/* 아이폰(사파리) 터치 메뉴 활성화 관련 */
a, button,
[role=button], [role=link], [role=tab] {-webkit-touch-callout:none;}


/*basic*/
.clear {clear:both;}
.of{overflow:hidden;}
.blind{display:none;}

/*text-color*/
.text_white {color:#fff !important;}
.text_red {color:#ff4b00 !important;}
.text_blue {color:#55b9ff;}
.text_green {color:#7dd237;}
.text_scal {color:#e68e27;}

/*width*/
.w0 { width:0% !important; }
.w10 { width:10% !important; }
.w20 { width:20% !important; }
.w22 { width:22% !important; }
.w30 { width:30% !important; }
.w40 { width:40% !important; }
.w45 { width:45% !important; }
.w50 { width:50% !important; }
.w60 { width:60% !important; }
.w70 { width:70% !important; }
.w80 { width:80% !important; }
.w90 { width:90% !important; }
.w100 { width:100% !important; }


/*margin-top*/
.mt100 {margin-top:100px !important;}
.mt90 {margin-top:90px !important;}
.mt80 {margin-top:80px !important;}
.mt70 {margin-top:70px !important;}
.mt60 {margin-top:60px !important;}
.mt50 {margin-top:50px !important;}
.mt40 {margin-top:3rem !important;}
.mt30 {margin-top:30px !important;}
.mt20 {margin-top:20px !important;}
.mt10 {margin-top:10px !important;}
.mt5 {margin-top:5px !important;}
.mt0 {margin-top:0 !important;}

/*float*/
.fl {float:left !important;}
.fr {float:right !important;}
.fn {float:none !important;}

/*text-align*/
.ac {text-align:center !important;}
.al {text-align:left !important;}
.ar {text-align:right !important;}
.aj {text-align:justify !important;}

/*text-decoration*/
.tdo {text-decoration:overline;}
.tdl {text-decoration:line-through;}
.tdo {text-decoration:underline;}


.table{width:100%;margin:20px 0 15px;background-color:#fff;font-size:16px;line-height:22px;}
.table.fixed{table-layout:fixed;}
.table .caption{display:none;}
.table.break tbody td,.table.break thead th,.table.break tbody td,.table.break tbody th{word-break:break-all;}

.table th, .table td{border:1px solid #e0e1e3;}
.table thead th{padding:14px 10px;border-color:#ceded9;border-bottom-color:#ceded9;background-color:#f6faf9;color:#144d3c;font-weight:400;}
.table thead th + th{}
.table thead th:first-child{border-left:none;}
.table thead th:last-child{border-right:none;}
.table tfoot th:last-child{border-right:none;}
.table tbody th, .table tfoot th{background-color:#fcfcfd;font-weight:400;color:#202435;}
.table tbody th, .table tbody td, .table tfoot th, .table tfoot td{padding:14px 25px;}

.table tfoot td:first-child{border-left:none;}
.table tbody tr th:last-child{border-right:none;}
.table td:last-child{border-right:none;}
.table td:first-child{border-left:none;}
.table th:last-child{border-right:none;}
.table th:first-child{border-left:none;}
.table tbody th + td, .table tbody td + td, .table tfoot td{border-left-color:#d5d8dd;}
/*.table tbody tr:first-child th, .table tbody tr:first-child td{border-top:1px solid #c5c9d6;}*/
.table tbody td, .table tfoot td{text-align:center;font-size:15px;font-weight:200;color:#444;}
.table tbody td ul{margin-top:0;margin-bottom:0;padding-left:10px;}
.table tbody td ul.bu_clear{padding-left:0;}
.table tbody td ol{margin-top:0;margin-bottom:0;}
.table{position:relative;}
.table thead tr:last-child th, .table thead th[rowspan]{border-bottom:none;}
.table tbody tr:last-child th, .table tbody tr:last-child td{border-bottom:none;}
.table tbody th[rowspan], .table tbody td[rowspan]{border-bottom:none;}
.table tfoot th[rowspan], .table tfoot td[rowspan]{border-bottom:none;}

.table thead th{border-color:#ceded9;}
.table tbody tr:first-child th, .table tbody tr:first-child td{border-top-color:#ceded9;}
.table:before{display:block;position:absolute;top:1px;left:0;width:100%;height:1px;background-color:#026447;}
.table:after{display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#bec1c6;}

/* thead에 tr이 두 개 이상일 때 */
.table.tr_over colgroup + thead tr:first-child th{font-size:16px;}
.table.tr_over colgroup + thead tr th{font-size:15px;}
.table.tr_over thead th{background-color:#f6faf9;color:#212121;}
.table.tr_over tbody tr:first-child th,
.table.tr_over tbody tr:first-child td{}
.table.tr_over caption + thead tr:first-child th, .table.tr_over caption + thead tr:first-child td, .table.tr_over colgroup + thead tr:first-child th, .table.tr_over colgroup + thead tr:first-child td, .table.tr_over caption + tbody tr:first-child th, .table.tr_over caption + tbody tr:first-child td, .table.tr_over colgroup + tbody tr:first-child th{background-color:#f6faf9;font-weight:400;color:#144d3c;}



@media (max-width:767px){
select{min-width:auto;}
/* Prevent Zoom in when foucing input */
input, select, textarea {font-size:15px !important;}

}