@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');


/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'Noto Sans KR', sans-serif;background:#fff}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Noto Sans KR',  sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Noto Sans KR',  sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Noto Sans KR',  sans-serif;font-size:1em}
select {margin:0}
textarea { outline-style: none; border:none;}
table {border-collapse:collapse; border-spacing:0;}
button {border:0;}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#222;text-decoration:none}
li { list-style: none; }
img { border: 0; vertical-align: middle; }

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

input[type=text],input[type=password], textarea {
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
	outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
	-webkit-box-shadow:0 0 5px #9ed4ff;
	-moz-box-shadow:0 0 5px #9ed4ff;
	box-shadow:0 0 5px #9ed4ff;
	border:1px solid #558ab7 !important;
}


.btn {cursor:pointer; outline: none; display: inline-block; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none; cursor: pointer;}
.btn-default {cursor: default;}

.btn-transparent {height:35px; background-color: transparent; border:1px solid #333; line-height: 35px; padding:2px 15px 2px 15px;}
.btn-whiteline {height:35px; background-color: transparent; border:1px solid #fff; line-height: 35px; padding:2px 15px 2px 15px;}
.btn-black {height:35px; background-color: #111; border:1px solid #111; line-height: 35px; padding:2px 15px 2px 15px; color: #fff;}


.card {background-color: #fff; box-shadow: 0px 2px 8px 0px #ececec; border-radius: 0px;}
.card-skyblue {background-color: #0091ff; box-shadow: 0px 2px 8px 0px rgba(0, 145, 255, 0.4); border-radius: 12px;}

.text-overflow {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.text-overflow-line2 {overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.text-overflow-line3 {overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

h1 {font-size: 42px; margin-block: 0; font-weight: normal;}
h2 {font-size: 36px; margin-block: 0; font-weight: normal;}
h3 {font-size: 32px; margin-block: 0; font-weight: normal;}
h4 {font-size: 28px; margin-block: 0; font-weight: normal;}
h5 {font-size: 22px; margin-block: 0; font-weight: normal;}


.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}

.letter-spacing {letter-spacing: -0.06em;}

/*기본 스타일 정의*/
.fr {float:right;}
.fl {float:left;}
.clear {clear:both;}
.clear:after { content:""; display:block; clear:both;}

.v-top {vertical-align:top !important;}
.v-middle {vertical-align:middle !important;}
.v-bottom {vertical-align:bottom !important;}

.blind {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0;}

.position-relative {position: relative !important;}
.position-absolute {position: absolute !important;}
.position-fixed {position: fixed !important;}

.space-nw {white-space: nowrap;}

.f-size57 {font-size:57px;}
.f-size55 {font-size:55px;}
.f-size50 {font-size:45px;}
.f-size48 {font-size:48px;}
.f-size45 {font-size:45px;}
.f-size40 {font-size:35px;}
.f-size37 {font-size:37px;}
.f-size36 {font-size:36px;}
.f-size35 {font-size:35px;}
.f-size34 {font-size:34px;}
.f-size32 {font-size:32px;}
.f-size29 {font-size:29px;}
.f-size27 {font-size:27px;}
.f-size26 {font-size:26px;}
.f-size24 {font-size:24px;}
.f-size22 {font-size:22px;}
.f-size20 {font-size:20px;}
.f-size19 {font-size:19px;}
.f-size18 {font-size:18px;}
.f-size16 {font-size:16px;}
.f-size15 {font-size:15px;}
.f-size14 {font-size:14px;}
.f-size13 {font-size:13px;}
.f-size12 {font-size:12px;}
.f-size0 {font-size:0px;}
.f-title {font-size:43px; font-weight:600; letter-spacing: -1.5px; margin-bottom:30px;}
.f-title2 {font-size:29px; font-weight:600; letter-spacing: -0.5px;}
.f-txt {font-size:17px;}

.f-bold {font-weight: bold;}
.f-light {font-weight: lighter;}
.f-normal {font-weight: normal;}

.f-underline {text-decoration: underline;}
.f-linethrough {text-decoration: line-through;}

.c-white {color:#fff;}
.c-blue {color:#33e2de;}
.c-light-green {color:#9ee9e4;}
.c-pink {color:#fbcbcb;}
.c-green {color:#00a17e;}
.c-red {color:#ba4020;}
.c-dark {color:#444;}
.c-yellow {color:#ffd105;}
.c-rgba {color:rgba(256,256,256,0.5);}

.d-none {display:none !important;}
.d-inline-block {display: inline-block;}
.d-block {display: block;}
.d-inline {display:inline;}
.d-flex {display:flex;}
.d-flex-wrap {flex-wrap: wrap;}
.d-flex-jc {justify-content: center;}
.d-flex-sb {justify-content: space-between;}
.d-flex-ai {align-items: center;}
.content {width:1200px; margin:auto;}
.content2 {width:1500px; padding:0 70px;}
.d-h-full {height:100%;}
.d-w-full {width:100%;}
.flex-row {flex-direction:row;}
.flex-column {flex-direction:column;}

.bg-white {background-color:#fff;}
.bg-light {background-color:#FAFAFB;}
.bg-skyblue {background-color:#0091ff;}
.bg-gray {background-color: #f5f5f7;}
.bg-black {background-color: #000;}

.vertical-t {vertical-align: top;}
.vertical-m {vertical-align: middle;}
.vertical-b {vertical-align: bottom;}

.w-10 {width:10%;}
.w-20 {width:20%;}
.w-30 {width:30%;}
.w-40 {width:40%;}
.w-50 {width:50%;}
.w-60 {width:60%;}
.w-70 {width:70%;}
.w-80 {width:80%;}
.w-90 {width:90%;}
.w-100 {width:100%;}

.mb-auto {margin-bottom: auto;}
.mb-0 {margin-bottom:0px;}
.mb-5 {margin-bottom:5px;}
.mb-10 {margin-bottom:10px;}
.mb-15 {margin-bottom:15px;}
.mb-20 {margin-bottom:20px;}
.mb-25 {margin-bottom:25px;}
.mb-30 {margin-bottom:30px;}
.mb-35 {margin-bottom:35px;}
.mb-40 {margin-bottom:40px;}
.mb-50 {margin-bottom:50px;}
.mb-60 {margin-bottom:60px;}
.mb-65 {margin-bottom:65px;}
.mb-70 {margin-bottom:70px;}
.mb-80 {margin-bottom:80px;}
.mb-90 {margin-bottom:90px;}
.mb-100 {margin-bottom:100px;}

.mt-auto {margin-top:auto;}
.mt-0 {margin-top:0px;}
.mt-5 {margin-top:5px;}
.mt-10 {margin-top:10px;}
.mt-15 {margin-top:15px;}
.mt-20 {margin-top:20px;}
.mt-25 {margin-top:25px;}
.mt-30 {margin-top:30px;}
.mt-35 {margin-top:35px;}
.mt-40 {margin-top:40px;}
.mt-50 {margin-top:50px;}
.mt-60 {margin-top:60px;}
.mt-65 {margin-top:65px;}
.mt-70 {margin-top:70px;}
.mt-80 {margin-top:80px;}
.mt-90 {margin-top:90px;}
.mt-100 {margin-top:100px;}
.mt-130 {margin-top:130px;}
.mt-200 {margin-top:200px;}
.mt-230 {margin-top:230px;}
.mt-600 {margin-top:45%;}

.ml-auto {margin-left:auto;}
.ml-0 {margin-left:0px;}
.ml-5 {margin-left:5px;}
.ml-10 {margin-left:10px;}
.ml-15 {margin-left:15px;}
.ml-20 {margin-left:20px;}
.ml-25 {margin-left:25px;}
.ml-30 {margin-left:30px;}
.ml-35 {margin-left:35px;}
.ml-40 {margin-left:40px;}
.ml-50 {margin-left:50px;}
.ml-60 {margin-left:60px;}
.ml-65 {margin-left:65px;}
.ml-70 {margin-left:70px;}
.ml-80 {margin-left:80px;}
.ml-90 {margin-left:90px;}
.ml-100 {margin-left:100px;}

.mr-auto {margin-right:auto;}
.mr-0 {margin-right:0px;}
.mr-5 {margin-right:5px;}
.mr-10 {margin-right:10px;}
.mr-15 {margin-right:15px;}
.mr-20 {margin-right:20px;}
.mr-25 {margin-right:25px;}
.mr-30 {margin-right:30px;}
.mr-35 {margin-right:35px;}
.mr-40 {margin-right:40px;}
.mr-50 {margin-right:50px;}
.mr-60 {margin-right:60px;}
.mr-65 {margin-right:65px;}
.mr-70 {margin-right:70px;}
.mr-80 {margin-right:80px;}
.mr-90 {margin-right:90px;}
.mr-100 {margin-right:100px;}

.pb-0 {padding-bottom:0px;}
.pb-5 {padding-bottom:5px;}
.pb-10 {padding-bottom:10px;}
.pb-15 {padding-bottom:15px;}
.pb-20 {padding-bottom:20px;}
.pb-25 {padding-bottom:25px;}
.pb-30 {padding-bottom:30px;}
.pb-35 {padding-bottom:35px;}
.pb-40 {padding-bottom:40px;}
.pb-50 {padding-bottom:50px;}
.pb-60 {padding-bottom:60px;}
.pb-65 {padding-bottom:65px;}
.pb-70 {padding-bottom:70px;}
.pb-80 {padding-bottom:80px;}
.pb-90 {padding-bottom:90px;}
.pb-100 {padding-bottom:100px;}

.pt-0 {padding-top:0px;}
.pt-5 {padding-top:5px;}
.pt-10 {padding-top:10px;}
.pt-15 {padding-top:15px;}
.pt-20 {padding-top:20px;}
.pt-25 {padding-top:25px;}
.pt-30 {padding-top:30px;}
.pt-35 {padding-top:35px;}
.pt-40 {padding-top:40px;}
.pt-50 {padding-top:50px;}
.pt-60 {padding-top:60px;}
.pt-65 {padding-top:65px;}
.pt-70 {padding-top:70px;}
.pt-80 {padding-top:80px;}
.pt-90 {padding-top:90px;}
.pt-100 {padding-top:100px;}

.pl-0 {padding-left:0px;}
.pl-5 {padding-left:5px;}
.pl-10 {padding-left:10px;}
.pl-15 {padding-left:15px;}
.pl-20 {padding-left:20px;}
.pl-25 {padding-left:25px;}
.pl-30 {padding-left:30px;}
.pl-35 {padding-left:35px;}
.pl-40 {padding-left:40px;}
.pl-50 {padding-left:50px;}
.pl-60 {padding-left:60px;}
.pl-65 {padding-left:65px;}
.pl-70 {padding-left:70px;}
.pl-80 {padding-left:80px;}
.pl-90 {padding-left:90px;}
.pl-100 {padding-left:100px;}

.pr-0 {padding-right:0px;}
.pr-5 {padding-right:5px;}
.pr-10 {padding-right:10px;}
.pr-15 {padding-right:15px;}
.pr-20 {padding-right:20px;}
.pr-25 {padding-right:25px;}
.pr-30 {padding-right:30px;}
.pr-35 {padding-right:35px;}
.pr-40 {padding-right:40px;}
.pr-50 {padding-right:50px;}
.pr-60 {padding-right:60px;}
.pr-65 {padding-right:65px;}
.pr-70 {padding-right:70px;}
.pr-80 {padding-right:80px;}
.pr-90 {padding-right:90px;}
.pr-100 {padding-right:100px;}

/*공백 */
.gap10 {height:10px;clear:both;overflow:hidden;display:block;}
.gap20 {height:20px;clear:both;overflow:hidden;display:block;}
.gap30 {height:30px;clear:both;overflow:hidden;display:block;}
.gap40 {height:40px;clear:both;overflow:hidden;display:block;}
.gap50 {height:50px;clear:both;overflow:hidden;display:block;}
.gap60 {height:60px;clear:both;overflow:hidden;display:block;}
.gap70 {height:70px;clear:both;overflow:hidden;display:block;}
.gap80 {height:80px;clear:both;overflow:hidden;display:block;}
.gap90 {height:90px;clear:both;overflow:hidden;display:block;}
.gap100 {height:100px;clear:both;overflow:hidden;display:block;}

.cgap {height:10px;clear:both;overflow:hidden;display:block;background: #f1f1f1;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd}
hr {margin-top: 20px; margin-bottom: 20px; background-color:#ececec; width: 100%; height:1px; box-shadow: none; border:none}
.mo {display:none; }

#non_payment {
	display: inline-block;
	color: #d0d0d0;
	font-size: 1rem;
	font-weight: 500;
	padding-bottom: 1rem;
}
#non_payment:hover {
	filter: brightness(120%);
}

@media(max-width:1500px) {
	.content2 {width:94%; padding-left:3%; padding-right:3%;}
	.f-title {font-size:33px;}
	.f-title2 {font-size:24px;}
}

@media(max-width:1280px) {
	.content {width:94%; margin:auto;}
	.content2 {width:94%; margin:auto; padding-left:3%; padding-right:3%;}
	.f-title {font-size:30px;}
	.f-title2 {font-size:22px;}
	.f-txt {font-size:16px;}
}
@media only screen and  (max-width:900px) {
	.pc {display:none; }
	.mo {display:block; }
}
@media only screen and  (max-width:480px) {
	.f-title {font-size:24px;}
	.f-title2 {font-size:18px;}
	.f-txt {font-size:14px;}
}