/* CSS Document */
/******************** FONT ************************************/
@font-face{
	font-family:'Pretendard GOV';
    font-style:normal;
    font-weight:normal;
	src: url("../../fonts/PretendardGOV-Medium.subset.woff2") format("woff2"),
		url("../../fonts/PretendardGOV-Medium.subset.woff") format("woff");
}

@font-face{
	font-family:'Pretendard GOV';
    font-style:normal;
    font-weight:600;
	src: url("../../fonts/PretendardGOV-SemiBold.subset.woff2") format("woff2"),
		url("../../fonts/PretendardGOV-SemiBold.subset.woff") format("woff");
}

@font-face{
	font-family:'Pretendard GOV';
    font-style:normal;
    font-weight:700;
	src: url("../../fonts/PretendardGOV-Bold.subset.woff2") format("woff2"),
		url("../../fonts/PretendardGOV-Bold.subset.woff") format("woff");
}


@font-face{
	font-family:'Nanum Gothic';
    font-style:normal;
    font-weight:normal;
	src: url("../../fonts/NanumGothic-Regular.woff2") format("woff2"),
		url("../../fonts/NanumGothic-Regular.woff") format("woff");
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: normal;
	src: url("../../fonts/NotoSansKR-Thin.woff2") format("woff2"),
		url("../../fonts/NotoSansKR-Thin.woff") format("woff"),
		url("../../fonts/NotoSansKR-Thin.otf") format("opentype");
}

@font-face {
	font-family: 'sans-serif';
	font-style: normal;
	font-weight: normal;
	src: url("../../fonts/SansSerifFLF.otf") format("opentype");
}

/* Let's get this party started */
::-webkit-scrollbar { width: 7px; height:7px;}
/* Track */
::-webkit-scrollbar-track {background: #f2f2f2; -webkit-border-radius: 7px; border-radius: 7px;}
/* Handle */
::-webkit-scrollbar-thumb {-webkit-border-radius: 7px; border-radius: 7px; background: #67bfe7;}

select::-ms-expand {display:none}

/* body */
* {font-family: 'Pretendard GOV', 'Nanum Gothic', 'Noto Sans KR', sans-serif;}

body {
	font-size: 12px;
	font-family: 'Pretendard GOV', 'Nanum Gothic', 'Noto Sans KR', sans-serif;
	line-height : 1; /*bootstrap 깨짐방지*/
}

body, div, ul, li, dl.dt, dd, ol, p, h1, h2, h3, h4, h5, h6, form {
	margin:0; padding:0;
	font-family: 'Pretendard GOV', 'Nanum Gothic', 'Noto Sans KR', sans-serif;
}

main {
	flex : 1;
}

ul, ol, dl {list-style:none;}
img {border:0; vertical-align:top;}
ul {list-style:none; padding:0; margin:0;}
a { text-decoration: none; color:#666;}
table{border-collapse:collapse;border-spacing:0;}
table caption{display:none;}
button:hover{cursor:pointer;}
label{margin-bottom:0}

header 	{position:absolute; top:0; left:0; z-index:30; width:100%; border-width:0 0 1px 0; background-color:#ffffff; border-bottom: 1px solid #dddddd; z-index:999;}

input:read-only:not([type=button]):not([type=submit]) {
    background-color: #F5F5F5;
    color: black;
}

.w100p {width:100% !important;}
.w99p {width:99% !important;}
.w98p {width:98% !important;}
.w97p {width:97% !important;}
.w96p {width:96% !important;}
.w95p {width:95% !important;}
.w94p {width:94% !important;}
.w93p {width:93% !important;}
.w92p {width:92% !important;}
.w91p {width:91% !important;}
.w90p {width:90% !important;}
.w89p {width:89% !important;}
.w88p {width:88% !important;}
.w87p {width:87% !important;}
.w86p {width:86% !important;}
.w85p {width:85% !important;}
.w84p {width:84% !important;}
.w83p {width:83% !important;}
.w82p {width:82% !important;}
.w81p {width:81% !important;}
.w80p {width:80% !important;}
.w79p {width:79% !important;}
.w78p {width:78% !important;}
.w77p {width:77% !important;}
.w76p {width:76% !important;}
.w75p {width:75% !important;}
.w74p {width:74% !important;}
.w73p {width:73% !important;}
.w72p {width:72% !important;}
.w71p {width:71% !important;}
.w70p {width:70% !important;}
.w69p {width:69% !important;}
.w68p {width:68% !important;}
.w67p {width:67% !important;}
.w66p {width:66% !important;}
.w65p {width:65% !important;}
.w64p {width:64% !important;}
.w63p {width:63% !important;}
.w62p {width:62% !important;}
.w61p {width:61% !important;}
.w60p {width:60% !important;}
.w59p {width:59% !important;}
.w58p {width:58% !important;}
.w57p {width:57% !important;}
.w56p {width:56% !important;}
.w55p {width:55% !important;}
.w54p {width:54% !important;}
.w53p {width:53% !important;}
.w52p {width:52% !important;}
.w51p {width:51% !important;}
.w50p {width:50% !important;}
.w49p {width:49% !important;}
.w48p {width:48% !important;}
.w47p {width:47% !important;}
.w46p {width:46% !important;}
.w45p {width:45% !important;}
.w44p {width:44% !important;}
.w43p {width:43% !important;}
.w42p {width:42% !important;}
.w41p {width:41% !important;}
.w40p {width:40% !important;}
.w39p {width:39% !important;}
.w38p {width:38% !important;}
.w37p {width:37% !important;}
.w36p {width:36% !important;}
.w35p {width:35% !important;}
.w34p {width:34% !important;}
.w33p {width:33% !important;}
.w32p {width:32% !important;}
.w31p {width:31% !important;}
.w30p {width:30% !important;}
.w29p {width:29% !important;}
.w28p {width:28% !important;}
.w27p {width:27% !important;}
.w26p {width:26% !important;}
.w25p {width:25% !important;}
.w24p {width:24% !important;}
.w23p {width:23% !important;}
.w22p {width:22% !important;}
.w21p {width:21% !important;}
.w20p {width:20% !important;}
.w19p {width:19% !important;}
.w18p {width:18% !important;}
.w17p {width:17% !important;}
.w16p {width:16% !important;}
.w15p {width:15% !important;}
.w14p {width:14% !important;}
.w13p {width:13% !important;}
.w12p {width:12% !important;}
.w11p {width:11% !important;}
.w10p {width:10% !important;}
.w9p {width:9% !important;}
.w8p {width:8% !important;}
.w7p {width:7% !important;}
.w6p {width:6% !important;}
.w5p {width:5% !important;}
.w4p {width:4% !important;}
.w3p {width:3% !important;}
.w2p {width:2% !important;}
.w1p {width:1% !important;}

.mw50 {min-width: 50px !important}
.mw60 {min-width: 60px !important}
.mw70 {min-width: 70px !important}
.mw80 {min-width: 80px !important}
.mw90 {min-width: 90px !important}
.mw100 {min-width: 100px !important}
.mw200 {min-width: 200px !important}

.mar-t8 {margin-top:8px;}
.mar-t0 {margin-top: 0px;}
.mar-t10 {margin-top: 10px;}
.mar-t20 {margin-top: 20px;}
.mar-t30 {margin-top: 30px;}
.mar-l10 {margin-left: 10px;}
.mar-l20 {margin-left: 20px;}
.mar-r10 {margin-right: 10px;}
.mar-r20 {margin-right: 20px;}
.mar-b10 {margin-bottom: 10px;}

.float-r {float: right;}

.pad-0 {padding:0 !important;}