@charset "utf-8";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0 none; font-style:normal; font-weight:400; text-decoration:none; list-style: none; background:transparent;}
* {box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

html, body {position:relative; width:100%; height:100%; font-family: 'pretendard Medium'; color:#2F3438; font-size: 15.5px;}
html {scroll-behavior: smooth;}
body {overflow:auto; transition:overflow .3s;}

button, input, textarea {font-family: 'pretendard Medium'; font-size: 15.5px;}
a {text-decoration:none; color: #212121;}
button {cursor: pointer; transition: .3s all; opacity: 1;}
caption {text-indent:-9999999px; font-size:0; line-height:0; width:0; height:0; overflow:hidden; visibility:hidden;}
h1, h2, h3, h4, h5, h6 {font-family: 'pretendard Blod';}

/***** form *****/
input[type="text"] {height:26px;padding:0 5px;line-height:24px; border:1px solid #c7c7c7; vertical-align:middle; font-size:14px; color:#464646;} 
input[type="password"]{height:26px;padding:0 5px;line-height:24px; border:1px solid #c7c7c7; vertical-align:middle; font-size:14px; color:#464646;}
textarea {font:normal; color:#464646; border:1px solid #dbdbdb; padding:5px;}
input[type="file"] {cursor:pointer;}
select {font-size:13px; color:#464646; border:1px solid #dbdbdb; padding:5px;}

:root {--main-color: #1F5591; --sub-color: #34A27E; --default-color: #EAF2FA; --red-color: #ED1C24; --main-txt-color: #000000;  --sub-txt-color:  #1E64B2; --red-txt-color:#ff2323;}

button:hover {opacity: 0.5;}

.noview, .fcontent_tit {position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0; overflow:hidden; clip: rect(0, 0, 0, 0); }
.none-border {border:none !important;}
.none-padding {padding:0 !important;}
.required {font-weight: 600; color: var(--red-color);}
.required-background {background-color:#ffd1d1 !important;}
.required-background > input {background-color:#ffd1d1 !important;}
.required-background > button {background-color:#ffd1d1 !important;}
.required-text {display:inline-block; padding-top:8px; font-size:13.5px; color: var(--red-color);}
.pointer {cursor:pointer;}
.height-auto {height: auto;}
.hidden {position:absolute;	overflow:hidden; width:1px; height:1px;	margin:-1px; clip:rect(0,0,0,0);}

.scroll-up {position: fixed; bottom: 260px; right: 100px;}
.scroll-up button {min-width: 55px; height: 55px; border-radius: 50%; background: #1B3281; color: #fff; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15); font-size: 22px;}

.note-main {color:var(--main-color);}
.note-sub {color:var(--sub-color);}
.note-default {color:var(--default-color);}
.note-red {color:var(--red-color);}

.flex {display:flex; align-items: center;}
.flex-between {display:flex; justify-content:space-between; align-items: center;}
.flex-end {display: flex; justify-content: flex-end;}
.flex-center {display: flex; justify-content: center;}

button:not(.icon-btn).main-color {background-color: var(--main-color); color:#fff;}
button:not(.icon-btn).sub-color {background-color: var(--sub-color); color:#fff;}
button:not(.icon-btn).default-color {background-color: var(--default-color); color:#000;}
button:not(.icon-btn).default-color2 {background-color: #2F3438; color:#fff;}
button:not(.icon-btn).red-color {background-color: var(--red-color); color:#fff;}

button, button.button {border: none; padding: 7px; border-radius: 5px; min-height: 30px; font-size: 14.5px; display: flex; align-items: center;}
button img, button.button img {margin-right: 5px;}
button.icon-btn {padding: 0; background: transparent; min-width: 0;}
button.icon-btn.default-color {background: #707070; color: #fff; border-radius: 7px; min-width:30px; min-height: 30px; line-height: 30px;}
button.big-btn {height: 45px; min-width: 130px; font-size: 16.5px; font-family: 'pretendard SemiBlod'; padding: 5px; transition: .3s; justify-content: center;}
button.middle-btn {min-width: 300px; height: 50px; text-align: center; font-size: 16px;}
button.transparent {background: transparent; min-width: 1px; min-height: 1px; padding: 0;}
button.main-color:disabled {background: #ccc; color: #707070; border: 1px solid #acacac;}

button:not(.icon-btn) svg {margin-right: 5px;}

/* title */
.h4-title {position:relative; display:block; font-family: 'pretendard ExtraBold'; font-size:17.5px; font-weight:700; color:#282828;}
.h5-title {position:relative; display:block; font-family: 'pretendard ExtraBold'; font-size:16.5px; font-weight:700; color:#333;}
.h6-title {position:relative; display:block; font-family: 'pretendard ExtraBold'; font-size:14px; font-weight:600; color:#333;}

.title-bar {display:flex; justify-content:space-between; width:100%; height:auto; min-height:30px; margin-top:15px; line-height:30px; overflow:hidden;}
.title-bar > div {display:flex;}
.title-bar.none-margin {margin:0;}

.txt-normal {font-weight: 400;}
.txt-semibold {font-weight:600;}
.txt-bold {font-weight:700;}
.txt-center {text-align:center;}
.txt-left {text-align: left;}
.txt-right {text-align: right;}

/* table */
.table-info {width: 100%; display: flex; justify-content: end; align-items: center;}
.table-info > .required-box {width: 20px; height: 20px; border: 1px solid #707070; background: #ffffd4; border-radius: 3px; margin-right: 5px;}
.nano-table {margin-top: 5px; display:table; table-layout:fixed; width:100%; height:auto; background-color:#fff; border-collapse:collapse; border-spacing: 1px;}
.nano-table.default {border-top: 2px solid #333;}
.nano-table tr {display: table-row !important; border-bottom: 1px solid #D1D1D1;}
.nano-table tr.disable {background: rgba(0, 0, 0, 0.2); opacity: 0.5;}
.nano-table tr > th,
.nano-table tr > td {position:relative; height:35px; padding: 20px 14px; font-size:14px; border-bottom: 1px solid #D1D1D1; text-align: center;}
.nano-table tr > th, .nano-table.default tr td:first-child, .nano-table.default tr td:nth-child(3) {background-color:#f7f7f7;}
.nano-table.default tr > td {padding: 16px 14px;}
.nano-table thead {border-top: 3px solid #282828;}
.nano-table.default tr > td {text-align: left;}
.nano-table tr > th > *,
.nano-table tr > td > * {font-size:15px; transform: none !important; perspective: none !important;}
.nano-table tr > th > * {font-weight:600;}
.nano-table tr > td > *.readonly {border:1px solid red; border:none; outline:0;}
.nano-table tr > th.required-th::before {content: "*"; color: var(--red-color); margin-right: 5px;}
.nano-table textarea {width: 100%; max-width: 100%; min-height:85px; padding: 10px; border: 1px solid #707070; border-radius: 10px;}
.nano-table textarea:read-only {resize:none;}
.nano-table textarea.required {background: #ffffd4; color: #1e1b39; font-weight: 500;}
.nano-table tr > td:not(:first-child) p {display: inline; margin-right: 8px;}
.nano-table tr > td:not(:last-child), .nano-table tr > th:not(:last-child) {border-right: 1px solid #d1d1d1;}
.nano-table tr > td label {min-width: 60px; display: inline-block;}
.nano-table tr > td.label label {min-width: auto;}
.nano-table select {min-width: 100px; height: 30px; border-radius: 7; padding: 5px 10px; box-sizing: border-box; border-color: #707070; margin-right: 8px;}
.nano-table .nano-input {height: 30px; min-width: 200px; width: 100%; padding: 0px 8px; border:1px solid #707070; border-radius: 7px; background-color: #fff; margin-right: 5px;}
.nano-table .nano-input.required {background: #ffffd4; color: #1e1b39; font-weight: 500;}
.nano-table input[type="date"] {min-width: 180px;}
.nano-table .nano-input.read-only {background: #f1f1f1;}
.nano-table .icon-button {height:32px; padding:5px 8px; border-radius:7px; transition: background .3s;}
.nano-table button:hover,
.nano-table .icon-button:hover {background-color: #4A3AFF; color: #fff;}
.nano-table .chkbox-style {border:1px solid #d1d1d1; box-sizing: border-box; border-radius: 50%; padding: 3px; cursor: pointer; background-clip: content-box; }
.nano-table .chkbox-style input[type="checkbox"]:checked + .chkbox-style {border:2px solid #494949; background-color: #707070;}

.nano-table.m tr > th, 
.nano-table.m tr > td {font-size: 13px;}
.nano-table.notice textarea {min-height: 300px;}
.nano-table.notice textarea:read-only {border: none;}


.table-txt {line-height: 30px; margin-top: 10px; color: #494949;}
.table-sub-txt {display: flex; justify-content: space-between; align-items: center; margin-top: 10px;}

.nano-table .kimm-input:read-only {border: 1px solid #c2c2c8; background: #f2f2f2;}

.pointer-input-wrap {position:relative;}
.pointer-input {position:relative; cursor:pointer;}
.pointer-input-icon {position:absolute; top:50%; right:10px; transform:translateY(-50%); font-size:16px; cursor:pointer;}

.table-scroll-box {position:relative; max-height:266px; box-sizing:border-box; overflow-x:hidden; overflow-y:scroll;  }
.table-scroll-box::before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box;}

/* scroll style */
.scroll-style::-webkit-scrollbar {margin: 10px 5px; width:8px;}
.scroll-style::-webkit-scrollbar-thumb {background-color: #707070; border-radius: 10px;}
.scroll-style::-webkit-scrollbar-track {background-color: #e2e2e2; border-radius: 10px;}

.scroll-style2::-webkit-scrollbar {margin: 5px 10px 5px 0; width:15px;}
.scroll-style2::-webkit-scrollbar-thumb {background-color: #8e8e8e; border-radius: 10px;}
.scroll-style2::-webkit-scrollbar-track {background-color: #e8e8e8; border-radius: 10px;}

/* common, padding reset */
.padding_top0 {padding-top: 0px !important;}
.padding_top5 {padding-top: 5px !important;}
.padding_top10 {padding-top: 10px !important;}
.padding_top15 {padding-top: 15px !important;}
.padding_top20 {padding-top: 20px !important;}
.padding_top25 {padding-top: 25px !important;}
.padding_top30 {padding-top: 30px !important;}
.padding_top35 {padding-top: 35px !important;}
.padding_top40 {padding-top: 40px !important;}
.padding_top45 {padding-top: 45px !important;}
.padding_top50 {padding-top: 50px !important;}
.padding_top55 {padding-top: 55px !important;}
.padding_top60 {padding-top: 60px !important;}
.padding_top65 {padding-top: 65px !important;}
.padding_top70 {padding-top: 70px !important;}
.padding_top75 {padding-top: 75px !important;}
.padding_top80 {padding-top: 80px !important;}
.padding_top85 {padding-top: 85px !important;}
.padding_top90 {padding-top: 90px !important;}
.padding_top95 {padding-top: 95px !important;}
.padding_top100 {padding-top: 100px !important;}

.padding_right0 {padding-right: 0px !important;}
.padding_right5 {padding-right: 5px !important;}
.padding_right10 {padding-right: 10px !important;}
.padding_right15 {padding-right: 15px !important;}
.padding_right20 {padding-right: 20px !important;}
.padding_right25 {padding-right: 25px !important;}
.padding_right30 {padding-right: 30px !important;}
.padding_right35 {padding-right: 35px !important;}
.padding_right40 {padding-right: 40px !important;}
.padding_right45 {padding-right: 45px !important;}
.padding_right50 {padding-right: 50px !important;}
.padding_right55 {padding-right: 55px !important;}
.padding_right60 {padding-right: 60px !important;}
.padding_right65 {padding-right: 65px !important;}
.padding_right70 {padding-right: 70px !important;}
.padding_right75 {padding-right: 75px !important;}
.padding_right80 {padding-right: 80px !important;}
.padding_right85 {padding-right: 85px !important;}
.padding_right90 {padding-right: 90px !important;}
.padding_right95 {padding-right: 95px !important;}
.padding_right100 {padding-right: 100px !important;}

.padding_bottom0 {padding-bottom: 0px !important;}
.padding_bottom5 {padding-bottom: 5px !important;}
.padding_bottom10 {padding-bottom: 10px !important;}
.padding_bottom15 {padding-bottom: 15px !important;}
.padding_bottom20 {padding-bottom: 20px !important;}
.padding_bottom25 {padding-bottom: 25px !important;}
.padding_bottom30 {padding-bottom: 30px !important;}
.padding_bottom35 {padding-bottom: 35px !important;}
.padding_bottom40 {padding-bottom: 40px !important;}
.padding_bottom45 {padding-bottom: 45px !important;}
.padding_bottom50 {padding-bottom: 50px !important;}
.padding_bottom55 {padding-bottom: 55px !important;}
.padding_bottom60 {padding-bottom: 60px !important;}
.padding_bottom65 {padding-bottom: 65px !important;}
.padding_bottom70 {padding-bottom: 70px !important;}
.padding_bottom75 {padding-bottom: 75px !important;}
.padding_bottom80 {padding-bottom: 80px !important;}
.padding_bottom85 {padding-bottom: 85px !important;}
.padding_bottom90 {padding-bottom: 90px !important;}
.padding_bottom95 {padding-bottom: 95px !important;}
.padding_bottom100 {padding-bottom: 100px !important;}

.padding_left0 {padding-left: 0px !important;}
.padding_left5 {padding-left: 5px !important;}
.padding_left10 {padding-left: 10px !important;}
.padding_left15 {padding-left: 15px !important;}
.padding_left20 {padding-left: 20px !important;}
.padding_left25 {padding-left: 25px !important;}
.padding_left30 {padding-left: 30px !important;}
.padding_left35 {padding-left: 35px !important;}
.padding_left40 {padding-left: 40px !important;}
.padding_left45 {padding-left: 45px !important;}
.padding_left50 {padding-left: 50px !important;}
.padding_left55 {padding-left: 55px !important;}
.padding_left60 {padding-left: 60px !important;}
.padding_left65 {padding-left: 65px !important;}
.padding_left70 {padding-left: 70px !important;}
.padding_left75 {padding-left: 75px !important;}
.padding_left80 {padding-left: 80px !important;}
.padding_left85 {padding-left: 85px !important;}
.padding_left90 {padding-left: 90px !important;}
.padding_left95 {padding-left: 95px !important;}
.padding_left100 {padding-left: 100px !important;}

/* common margin reset */
.margin_top0 {margin-top: 0px !important;}
.margin_top5 {margin-top: 5px !important;}
.margin_top10 {margin-top: 10px !important;}
.margin_top15 {margin-top: 15px !important;}
.margin_top20 {margin-top: 20px !important;}
.margin_top25 {margin-top: 25px !important;}
.margin_top30 {margin-top: 30px !important;}
.margin_top35 {margin-top: 35px !important;}
.margin_top40 {margin-top: 40px !important;}
.margin_top45 {margin-top: 45px !important;}
.margin_top50 {margin-top: 50px !important;}
.margin_top55 {margin-top: 55px !important;}
.margin_top60 {margin-top: 60px !important;}
.margin_top65 {margin-top: 65px !important;}
.margin_top70 {margin-top: 70px !important;}
.margin_top75 {margin-top: 75px !important;}
.margin_top80 {margin-top: 80px !important;}
.margin_top85 {margin-top: 85px !important;}
.margin_top90 {margin-top: 90px !important;}
.margin_top95 {margin-top: 95px !important;}
.margin_top100 {margin-top: 100px !important;}

.margin_right0 {margin-right: 0px !important;}
.margin_right5 {margin-right: 5px !important;}
.margin_right10 {margin-right: 10px !important;}
.margin_right15 {margin-right: 15px !important;}
.margin_right20 {margin-right: 20px !important;}
.margin_right25 {margin-right: 25px !important;}
.margin_right30 {margin-right: 30px !important;}
.margin_right35 {margin-right: 35px !important;}
.margin_right40 {margin-right: 40px !important;}
.margin_right45 {margin-right: 45px !important;}
.margin_right50 {margin-right: 50px !important;}
.margin_right55 {margin-right: 55px !important;}
.margin_right60 {margin-right: 60px !important;}
.margin_right65 {margin-right: 65px !important;}
.margin_right70 {margin-right: 70px !important;}
.margin_right75 {margin-right: 75px !important;}
.margin_right80 {margin-right: 80px !important;}
.margin_right85 {margin-right: 85px !important;}
.margin_right90 {margin-right: 90px !important;}
.margin_right95 {margin-right: 95px !important;}
.margin_right100 {margin-right: 100px !important;}

.margin_bottom0 {margin-bottom: 0px !important;}
.margin_bottom5 {margin-bottom: 5px !important;}
.margin_bottom10 {margin-bottom: 10px !important;}
.margin_bottom15 {margin-bottom: 15px !important;}
.margin_bottom20 {margin-bottom: 20px !important;}
.margin_bottom25 {margin-bottom: 25px !important;}
.margin_bottom30 {margin-bottom: 30px !important;}
.margin_bottom35 {margin-bottom: 35px !important;}
.margin_bottom40 {margin-bottom: 40px !important;}
.margin_bottom45 {margin-bottom: 45px !important;}
.margin_bottom50 {margin-bottom: 50px !important;}
.margin_bottom55 {margin-bottom: 55px !important;}
.margin_bottom60 {margin-bottom: 60px !important;}
.margin_bottom65 {margin-bottom: 65px !important;}
.margin_bottom70 {margin-bottom: 70px !important;}
.margin_bottom75 {margin-bottom: 75px !important;}
.margin_bottom80 {margin-bottom: 80px !important;}
.margin_bottom85 {margin-bottom: 85px !important;}
.margin_bottom90 {margin-bottom: 90px !important;}
.margin_bottom95 {margin-bottom: 95px !important;}
.margin_bottom100 {margin-bottom: 100px !important;}

.margin_left0 {margin-left: 0px !important;}
.margin_left5 {margin-left: 5px !important;}
.margin_left10 {margin-left: 10px !important;}
.margin_left15 {margin-left: 15px !important;}
.margin_left20 {margin-left: 20px !important;}
.margin_left25 {margin-left: 25px !important;}
.margin_left30 {margin-left: 30px !important;}
.margin_left35 {margin-left: 35px !important;}
.margin_left40 {margin-left: 40px !important;}
.margin_left45 {margin-left: 45px !important;}
.margin_left50 {margin-left: 50px !important;}
.margin_left55 {margin-left: 55px !important;}
.margin_left60 {margin-left: 60px !important;}
.margin_left65 {margin-left: 65px !important;}
.margin_left70 {margin-left: 70px !important;}
.margin_left75 {margin-left: 75px !important;}
.margin_left80 {margin-left: 80px !important;}
.margin_left85 {margin-left: 85px !important;}
.margin_left90 {margin-left: 90px !important;}
.margin_left95 {margin-left: 95px !important;}
.margin_left100 {margin-left: 100px !important;}
.margin_left110 {margin-left: 110px !important;}
.margin_left115 {margin-left: 115px !important;}

.margin_auto {margin: auto !important;}

.width-100 {width: 100% !important;}
.cancelline { text-decoration:line-through!important; }

.nano-table select {width: 150px; border: 1px solid #ddd; border-radius: 7px;}
.nano-table td button {margin-right: 5px;}