@import url('https://cdn.jsdelivr.net/gh/sun-typeface/SUIT@2/fonts/static/woff2/SUIT.css');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css');

*, html {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
*, *:before, *:after {box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

html {height:100%; -webkit-text-size-adjust:none;font-size:16px} /* 방향전환시 폰트 고정 */
body {position:relative; height:100%; font-size:18px;letter-spacing:-.5pt;font-family: 'SUIT',"Pretendard", "NanumGothic", dotum ,sans-serif;line-height:1.5 }
html, body, div, p, span, strong, b, em, iframe, pre, h1, h2, h3, h4, h5, h6, img, dl, dt, dd, fieldset, form, legend, label, table, caption, thead, tbody, tfoot, tr, th, td, ul, ol, li, a, input, select, textarea, button {margin: 0;padding: 0; border:none;word-break:keep-all;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, object { display:block; padding:0; margin:0}
audio, canvas, video { display:inline-block;}
audio:not([controls]) { display:none; }
section{width:100%; behavior:url(PIE.htc);}


ul,li,ol,dl,dd,dt{list-style:none;word-break:keep-all;line-height:1.5}
em, address {font-style: normal;}
caption {overflow: hidden;width: 0;height: 0;font-size: 0; line-height: 0;}
table{margin:0px;border-collapse:collapse;border-spacing: 0;}
td,th{-ms-word-break:keep-all;word-break:keep-all;vertical-align: middle;}
span{display:inline-block;}
a{display:inline-block; cursor: pointer; color:#000}
img{border:0;line-height:0; max-width:100%;}

a:link, a:visited{text-decoration:none;color:inherit}
a:active, a:hover{color:inherit; text-decoration:none;}
a img, input {border:none;}
strong, b{font-weight:700}

em{font-style:normal}

html, body, input, textarea, select, button{font-family: 'SUIT',"pretendard", sans-serif;}

form{margin:0; padding:0}
input, textarea {border:1px solid #ddd;background:#fff;padding:1px;}
input[type="button"] {cursor: pointer;}
select{border:1px solid #ddd;padding:1px;font-size:16px}
input {padding:0px;vertical-align:middle; outline:none;font-family: 'SUIT',"pretendard", sans-serif;}
input[type='text'], input[type='number'] {padding:1px; /*border:1px solid #ccc;*/}
input[type="text"],input[type='number'],input[type="search"] {-webkit-appearance:none; border-radius:0}
input[type='password'] {padding:1px; border:1px solid #ccc; -webkit-appearance:none;}
input[type='file'] {padding:2px 0 2px 5px; border:1px solid #ccc;}
input[type='checkbox'], input[type~='radio'] {margin:-1px 0px; padding:2px; }
input[type='button'], input[type='submit'], input[type="reset"] {cursor:pointer;-webkit-appearance:none; border-radius:0;}
input[type='image'] {margin:0px; padding:0px; cursor:pointer;}
select {padding:1px; vertical-align:middle; border:1px #ccc solid; border-radius:0; }
textarea {padding:2px 0 2px 5px; border:1px solid #ccc; background:#fff;}
button {background:transparent; cursor:pointer; vertical-align:middle; margin:0;}
textarea, button {-webkit-appearance:none;border-radius:0;}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}

input, select, textarea, button{box-sizing:border-box;}

ul,li,ol,dl,dd,dt {list-style:none; word-break:keep-all;}
em, address, i, u, cite {font-style:normal;}
caption {display:none; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
table {margin:0px; border-collapse:collapse; border-spacing:0; width:100%;/*table-layout:fixed;*/}
td,th {-ms-word-break:break-all;word-break:keep-all; vertical-align:middle; box-sizing:border-box;}

img {border:0; line-height:0; vertical-align:bottom;}

h1,h2,h3,h4,h5,h6{clear:both;margin:0;padding:0; font-weight:600; line-height:1em;}

a,a:focus{
	outline:none !important;
    outline-width: 0 !important;
    outline-style: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
	-webkit-tap-highlight-color: transparent;
}
a:link,a:visited,a:hover,a:active, a:focus {color:inherit;}
a {color:inherit; text-decoration:none;}
a img, input.type-image {border:none;}

.hidden {display:none !important;}
.blind {position:absolute !important; left:-10000px; height:1px; width:1px; overflow:hidden;}
.hide {position:absolute; left:-5000%;}

legend {position:absolute; left:-9999px;}

/*레이아웃*/
.container{max-width:1720px; width: 100%; margin: 0 auto; }
.line-1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;}
.line-2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-break: break-all;}
.line-3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;word-break: break-all;}
.text-blue{color: #3686FF !important;}
.text-green{color: #007764 !important;}
.text-gray{color: #555 !important;}
.text-red{color: #ec4d4d !important;}
.text-white{color: #fff !important;}
.text-right{text-align: right !important;}
.text-center{text-align: center !important;}
.text-left{text-align: left !important;}
.text-lg{font-size: 1.125rem !important; line-height: 1.8;}
.text-sm{font-size: 0.875rem !important;}
.bg-gray{background:#fbfbfb !important;}
.bg-green{background:#007764 !important;}
.mt-0{padding-top: 0 !important;}
.mt-1{margin-top: 1rem !important;}
.mt-2{margin-top: 2rem !important;}
.mt-3{margin-top: 3rem !important;}
.mb-0{padding-bottom: 0 !important;}
.mb-1{margin-bottom: 1rem !important;}
.mb-2{margin-bottom: 2rem !important;}
.mb-3{margin-bottom: 3rem !important;}
.ml-1{margin-left: 1rem !important;}
.ml-2{margin-left: 2rem !important;}
.ml-3{margin-left: 3rem !important;}
.mr-1{margin-right: 1rem !important;}
.mr-2{margin-right: 2rem !important;}
.mr-3{margin-right: 3rem !important;}
.pt-0{padding-top: 0 !important;}
.pt-1{padding-top: 1rem !important;}
.pt-2{padding-top: 2rem !important;}
.pt-3{padding-top: 3rem !important;}
.pb-0{padding-bottom: 0 !important;}
.pb-1{padding-bottom: 1rem !important;}
.pb-2{padding-bottom: 2rem !important;}
.pb-3{padding-bottom: 3rem !important;}
.pl-1{padding-left: 1rem !important;}
.pl-2{padding-left: 2rem !important;}
.pl-3{padding-left: 3rem !important;}
.pr-1{padding-right: 1rem !important;}
.pr-2{padding-right: 2rem !important;}
.pr-3{padding-right: 3rem !important;}
.m-0{margin: 0 !important;}
.m-1{margin: 1rem 0 !important;}
.m-2{margin: 2rem 0 !important;}
.m-3{margin: 3rem 0 !important;}
.p-0{padding: 0 !important;}
.p-1{padding: 1rem 0 !important;}
.p-2{padding: 2rem 0 !important;}
.p-3{padding: 3rem 0 !important;}
.w-10{width: 10% !important;}
.w-20{width: 20% !important;}
.w-30{width: 30% !important;}
.w-40{width: 40% !important;}
.w-50{width: 50% !important;}
.w-60{width: 60% !important;}
.w-70{width: 70% !important;}
.w-80{width: 80% !important;}
.w-90{width: 90% !important;}
.w-100{width: 100% !important;}
.mw-100{max-width: 100% !important;}
.mw-50{max-width: 50% !important;}
.inline{display:inline-block !important;}
.block{display:block !important;}
.flex{display:flex !important;}
.flex-wrap{flex-wrap:wrap !important;}
.align-center{align-items: center !important;}
.justify-center{justify-content: center !important;}
.gap-1{gap:1rem;}
.gap-2{gap:2rem;}
.gap-3{gap:3rem;}
.fw-bold{font-weight:bold !important;}


/* overlay */
.overlay {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:499;background-color:#000;opacity:0.8;}


/* 공통 첨부파일 */
.filebox {position:relative; display:inline-block; width:100%; height:50px; padding:0; line-height:48px; color:#fff; vertical-align:middle; cursor:pointer;}
.filebox .upload-name {display:inline-block; width:70%; height:50px; padding:0 20px; color:#555; font-size:15px; vertical-align:top; background-color:#f9f9f9; border-radius:3px 0 0 3px;}
.filebox input[type="file"] {position:absolute; width:0; height:0; padding:0; overflow:hidden; border:0;}
.filebox label {position:absolute; top:0; right:0; width:30%; height:50px; display:inline-block; font-size:15px; text-align:center; vertical-align:top; cursor:pointer; background-color:#a5a5a5; border-radius:0 3px 3px 0;}
.filebox + .filebox {margin-top:5px;}
input[type="text"]:disabled {background:#f9f9f9;}

@media screen and (max-width: 1200px){
    html{font-size: 14px;}
}

@media screen and (max-width: 767px){
    .sm-flex-wrap{flex-wrap:wrap !important;}
    .sm-mw-100{max-width: 100% !important;}
    .sm-w-100{width: 100% !important;}
}


:root{
--primary: #007764;
--brand-color:#344096;
--olive:#7a9f22;
}