@charset "UTF-8";

/* font */
/*
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.
https://github.com/orioncactus/pretendard

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/

@font-face {
	font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: url('../fonts/PretendardVariable.woff2') format('woff2-variations');
}

/* Noto Sans KR Bold */
@font-face {
  font-family: 'Noto Sans KR';
  src: url('../fonts/NotoSansKR-Bold.ttf') format('truetype');
  font-weight: 700;
  
}


/* color */
:root {
	--white: #FFFFFF;
	--black: #222222;
	--gray_0: #333333;
	--gray_1: #6B6B6B;
	--gray_2: #898989;
	--gray_3: #BEBEBE;
	--gray_4: #CCCCCC;
	--gray_5: #E7E7E7;
	--gray_6: #F7F7F7;
	--gray_txt: #9CA3AF;
	--gray_blue: #989BA8;
	--gray_blue_2: #B8BFCC;
	--icon_red: #D71818;
	--navy_txt: #333F54;
	--CI_blue: #0053EF;
	--CI_navy: #002967;
	--CI_point: #C01054;
  --bg-color: #F8FAFC;
  --border-radius-sm: 8px;
  --border-radius-md: 12px;
  --border-radius-lg: 16px;
  --border-radius-full: 100px;
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);
}

/* common */
*, ::after, ::before { box-sizing:border-box; }
html, body {width:100%;height:100%;margin:0;padding:0;font-size:16px;}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block;}
body { margin:0; font-family: 'Pretendard Variable', 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 1em; line-height: 1em; margin-top:0; margin-bottom:0; font-weight:600; line-height:1.2; font-family: 'Pretendard Variable', 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;}
p, dl, ol, ul { margin-top:0px; margin-bottom:0; }
ul { list-style: none; margin:0; padding:0; }
ul li, ol li { margin-bottom:0; }

a { color: #333F54; text-decoration: none; }
a:hover { text-decoration: none; }
a, a:hover, a:focus {outline:none; text-decoration: none; cursor: pointer;}

button, input, select, textarea { margin:0; font-family: 'Pretendard Variable', 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif; font-size:inherit; line-height: inherit; }
button, input { overflow:visible;}
/*button {margin:0 1px;}*/
textarea { overflow: auto; resize: none; }
fieldset { min-width:0; padding:0; margin:0; border:0;}

[type=button], [type=reset], [type=submit], button { -webkit-appearance: button; cursor:pointer;}
[type=button]:disabled, [type=reset]:disabled, [type=submit]:disabled, button:disabled { cursor: not-allowed; pointer-events: none; opacity: 0.6; background:#ccc; border-color:#666; color:#666;}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer; }

input[type=checkbox], input[type=radio] {box-sizing: border-box; padding: 0; margin:-4px 0 0; margin-top:1px \9; line-height:normal;}
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin solid #0075ff; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
input[type="time"], input[type="date"] {background:#fff;}
input[type="time"] {height:29.8px; line-height:normal;}

/* checkbox */
input[type=checkbox] {display: inline-flex;align-items: center;-webkit-appearance: none;-webkit-box-sizing: border-box;position: relative;width: 20px;height: 20px;background-color: var(--white, #FFF);border: 1px solid var(--gray_3, #BEBEBE);border-radius: 2px;vertical-align: middle;cursor: pointer;outline: none !important;}
input[type=checkbox]:checked {background-color: var(--CI_point, #C01054);border-color: var(--CI_point, #C01054);background-image: url(../images/check.svg);background-position: center;background-repeat: no-repeat;background-size: 12px 11px;}


img {
    user-drag: none; /* Safari/Chrome */
    user-select: none; /* 드래그 선택 방지 */
    -webkit-user-drag: none; /* 구버전 WebKit */
}

select[multiple] {height: auto;}
select::-ms-expand { /* IE11 */
  display: none;
  background:white; border:none;
}
select {
    -webkit-appearance: none; /* Webkit */
    -moz-appearance: none; /* FF */
    -ms-appearance: none; /* Edge */
    appearance: none; /* Future */
    /* padding: 2px .3rem 4px .6rem !important; */
    border: 1px solid currentColor;
    background: white;
    border-radius: 3px;
    font-size: inherit;
    background-repeat: no-repeat;
    background-position: right 32px center;
    background-size: 1em;
    background-image: url("../images/select_arrow_down.svg");
    min-width:60px;
    height:28px;
}
select:focus {
  background-image: url("../images/select_arrow_up.svg");
}

img, a img, td input,td select,td img {vertical-align:middle; border-style:none;}

table { border-collapse: collapse; }
table th { white-space: nowrap; }
table th, table td { font-size:14px;}
caption { display:none;}

hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, .1); }

b, .b, strong { font-weight: 800;}
label { display:inline-block; }
mark {font-weight: 600; color: inherit; background:0 0;}

.fw-100 {font-weight: 100;}
.fw-200 {font-weight: 200;}
.fw-300 {font-weight: 300;}
.fw-400 {font-weight: 400;}
.fw-500 {font-weight: 500;}
.fw-600 {font-weight: 600;}
.fw-700 {font-weight: 700;}
.fw-800 {font-weight: 800;}
.fw-900 {font-weight: 900;}

.btn {display: inline-flex;justify-content: center;align-items: center;flex-shrink: 0;background: transparent;border: none;padding: 0;margin: 0;}

/* modal */
.modal {position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);z-index:1000;}

/* modal - flex */
.modal-flex {display:flex;height:100vh;justify-content: center;align-items: center;}
.modal-inner {position: relative;background:#fff;max-width:90%;max-height:90vh;max-height: 90dvh;overflow:hidden;display: flex;flex-direction: column;justify-content:flex-start;}
.modal-inner .modal-header {display: flex;flex-wrap: wrap;padding: 48px 40px 0;}
.modal-inner .modal-header .tit {color: var(--gray_0, #333);font-size: 32px;font-weight: 700;line-height: 100%;}
.modal-inner .modal-header .txt {width: 100%;color: var(--gray_1, #6B6B6B);font-size: 15px;font-weight: 400;line-height: 100%;margin-top: 17px;border-bottom: 2px solid var(--gray_0, #333);padding-bottom: 24px;}
.modal-inner .modal-header .close-btn {color: var(--gray_1, #6B6B6B);font-size: 30px;margin-left: auto;}
.modal-inner .modal-header .close-btn:hover {color: var(--CI_point, #C01054);}
.modal-inner .modal-content {flex: auto;overflow: auto;padding: 0 48px 40px;}

@media screen and (max-width: 767px) {
  .modal-inner .modal-header {padding: 42px 30px 0;}
  .modal-inner .modal-header .close-btn {font-size: 20px;position: absolute;top: 30px;right: 30px;}
  .modal-inner .modal-header .close-btn .icon-close-thin:before {content: "\e90e";}
  .modal-inner .modal-header .tit {font-size: 26px;}
  .modal-inner .modal-header .txt {font-size: 14px;margin-top: 8px;padding-bottom: 20px;line-height: 140%;word-break: keep-all;}
  .modal-inner .modal-content {padding: 0 30px 40px;}

}