/**************** font ****************/
@font-face	{
	font-family:"Pretendard";
	src:url('fonts/Pretendard-Regular.eot');
	src:url('fonts/Pretendard-Regular.eot?#iefix') format('embedded-opentype'),
	url('https://www.dsa.or.kr/css/fonts/Pretendard-Regular.woff') format('woff'),
	url('https://www.dsa.or.kr/css/fonts/Pretendard-Regular.ttf') format('truetype');
	src:local(¢®¨ª), url('https://www.dsa.or.kr/css/fonts/Pretendard-Regular.woff') format('woff');
}
@font-face	{
	font-family:"PretendardT";
	src:url('fonts/Pretendard-Thin.eot');
	src:url('fonts/Pretendard-Thin.eot?#iefix') format('embedded-opentype'),
	url('https://www.dsa.or.kr/css/fonts/Pretendard-Thin.woff') format('woff'),
	url('fonts/Pretendard-Thin.ttf') format('truetype');
	src:local(¢®¨ª), url('https://www.dsa.or.kr/css/fonts/Pretendard-Thin.woff') format('woff');
}
@font-face	{
	font-family:"PretendardM";
	src:url('fonts/Pretendard-Medium.eot');
	src:url('fonts/Pretendard-Medium.eot?#iefix') format('embedded-opentype'),
	url('https://www.dsa.or.kr/css/fonts/Pretendard-Medium.woff') format('woff'),
	url('fonts/Pretendard-Medium.ttf') format('truetype');
	src:local(¢®¨ª), url('https://www.dsa.or.kr/css/fonts/Pretendard-Medium.woff') format('woff');
}
@font-face	{
	font-family:"PretendardSB";
	src:url('fonts/Pretendard-SemiBold.eot');
	src:url('fonts/Pretendard-SemiBold.eot?#iefix') format('embedded-opentype'),
	url('https://www.dsa.or.kr/css/fonts/Pretendard-SemiBold.woff') format('woff'),
	url('fonts/Pretendard-SemiBold.ttf') format('truetype');
	src:local(¢®¨ª), url('https://www.dsa.or.kr/css/fonts/Pretendard-SemiBold.woff') format('woff');
}
@font-face	{
	font-family:"PretendardB";
	src:url('fonts/Pretendard-Bold.eot');
	src:url('fonts/Pretendard-Bold.eot?#iefix') format('embedded-opentype'),
	url('https://www.dsa.or.kr/css/fonts/Pretendard-Bold.woff') format('woff'),
	url('fonts/Pretendard-Bold.ttf') format('truetype');
	src:local(¢®¨ª), url('https://www.dsa.or.kr/css/fonts/Pretendard-Bold.woff') format('woff');
}
@font-face	{
	font-family:"PretendardEB";
	src:url('fonts/Pretendard-ExtraBold.eot');
	src:url('fonts/Pretendard-ExtraBold.eot?#iefix') format('embedded-opentype'),
	url('https://www.dsa.or.kr/css/fonts/Pretendard-ExtraBold.woff') format('woff'),
	url('https://www.dsa.or.kr/css/fonts/Pretendard-ExtraBold.ttf') format('truetype');
	src:local(¢®¨ª), url('https://www.dsa.or.kr/css/fonts/Pretendard-ExtraBold.woff') format('woff');
}
@font-face {
    font-family: 'JalnanGothic';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/JalnanGothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@keyframes fade-in { 
	from { 
		opacity: 0; 
	} to {
		opacity: 1; 
	}
}

@keyframes slide-right {
	from {
		right: -90%;
	}
	
	to {
		right: 0;
	}
}

@keyframes slide-down {
	from {
		height: 0;
	}
	
}

*{box-sizing: border-box;}

html, body	{padding: 0; margin: 0; scroll-behavior: smooth; font-family: 'Pretendard',Dotum,Helvetica,"Apple SD Gothic Neo",sans-serif; font-size: 19px; line-height: 1.8; color: #282828;}
ul,ol,li,dl,dt,dd	{list-style: none; padding: 0; margin: 0;}
p			{padding: 0; margin: 0;}
a:hover     {text-decoration:underline; cursor: pointer; transition: all 0.3s;}
a           {text-decoration: none!important; color: #000; cursor: pointer;}
b,th,strong			{font-family: 'PretendardSB'!important; font-weight: normal!important;}
.h1, h1,.h2, h2,.h3, h3,.h4, h4,.h5, h5   {font-weight: normal; margin: 0;}

.blind {position: absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); overflow: hidden;}
.thumb img	{transition: all .3s;}
.thumb:hover img	{transform: scale(1.1);}

#top	{position: fixed; bottom: 3%; right: 3%; opacity: 0.8;; z-index: 9999999;}
#top:hover	{opacity: 1; transition: all 0.3s;}
#mask	{display: none; position: fixed; top: 0; right: 0; width: 100%!important; height: 100vh!important; background: rgba(0,0,0,0.5); z-index: 999999999;}
.pc-hide	{display: none!important;}

.h1, h1,.h2, h2,.h3, h3,.h4, h4,.h5, h5,.h6, h6   {font-weight: normal; font-family: 'PretendardSB'; margin: 0;}
h3,.h3	{font-size: clamp(18px, 3vw, 28px);}
h4,.h4	{font-size: clamp(17px, 3vw, 26px);}
h5,.h5	{font-size: clamp(15px, 3vw, 21px);}
h6,.h6	{font-size: clamp(14px, 3vw, 19px);}
.small, small {font-size: .875em;}
.lh-sm	{line-height: 1.4;}
.lh-lg	{line-height: 1.8;}

.w-100	{width: 100%!important;}
.w-85	{width: 85%!important;}
.w-75	{width: 75%!important;}
.w-60	{width: 60%!important;}
.w-50	{width: 50%!important;}
.w-25	{width: 25%!important;}
.w-15	{width: 15%!important;}

.m-0	{margin: 0px!important;}
.m-25	{margin: 25px;}
.m-50	{margin: 50px;}
.mt-0	{margin-top: 0;}
.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-50	{margin-top: 50px;}
.ml-0	{margin-left: 0;}
.ml-25	{margin-left: 25px;}
.ml-50	{margin-left: 50px;}
.mr-0	{margin-right: 0;}
.mr-10	{margin-right: 10px;}
.mr-15	{margin-right: 15px;}
.mr-20	{margin-right: 20px;}
.mr-25	{margin-right: 25px;}
.mr-50	{margin-right: 50px;}
.mb-0	{margin-bottom: 0!important;}
.mb-10	{margin-bottom: 10px;}
.mb-25	{margin-bottom: 25px;}
.mb-50	{margin-bottom: 50px;}
.mx-10	{margin-left: 10px; margin-right: 10px;}
.mx-15	{margin-left: 15px; margin-right: 15px;}
.mx-20	{margin-left: 20px; margin-right: 20px;}
.mx-25	{margin-left: 25px; margin-right: 25px;}
.mx-30	{margin-left: 30px; margin-right: 30px;}
.my-5	{margin-top: 5px; margin-bottom: 5px;}
.my-10	{margin-top: 10px; margin-bottom: 10px;}
.my-15	{margin-top: 15px; margin-bottom: 15px;}
.my-20	{margin-top: 20px; margin-bottom: 20px;}
.p-0	{padding: 0px!important;}
.p-5	{padding: 5px!important;}
.p-10	{padding: 10px!important;}
.p-15	{padding: 15px!important;}
.p-25	{padding: 25px!important;}
.p-30	{padding: 30px!important;}
.p-40	{padding: 40px!important;}
.p-50	{padding: 50px!important;}
.pt-0	{padding-top: 0;}
.pt-25	{padding-top: 25px;}
.pt-30	{padding-top: 30px;}
.pt-50	{padding-top: 50px;}
.pl-0	{padding-left: 0!important;;}
.pl-10	{padding-left: 10px;}
.pl-25	{padding-left: 25px;}
.pl-30	{padding-left: 30px;}
.pl-50	{padding-left: 50px;}
.pr-0	{padding-right: 0;}
.pr-10	{padding-right: 10px;}
.pr-25	{padding-right: 25px;}
.pr-50	{padding-right: 50px;}
.pb-0	{padding-bottom: 0;}
.pb-25	{padding-bottom: 25px;}
.pb-50	{padding-bottom: 50px;}
.px-10	{padding-left: 10px; padding-right: 10px;}
.px-15	{padding-left: 15px; padding-right: 15px;}
.px-20	{padding-left: 20px; padding-right: 20px;}
.px-25	{padding-left: 25px; padding-right: 25px;}
.px-30	{padding-left: 30px; padding-right: 30px;}
.px-40	{padding-left: 40px; padding-right: 40px;}
.py-5	{padding-top: 5px; padding-bottom: 5px;}
.py-10	{padding-top: 10px; padding-bottom: 10px;}
.py-15	{padding-top: 15px; padding-bottom: 15px;}
.py-20	{padding-top: 20px; padding-bottom: 20px;}
.py-25	{padding-top: 25px; padding-bottom: 25px;}
.py-30	{padding-top: 30px; padding-bottom: 30px;}
.m-auto	{margin: 0 auto;}

.bg-f9	{background: #f9f9f9;}
.bg		{background: #f9f9f9;}
.bg-wh	{background: #fff;}
.bg-gn	{background: #56C360;}
.border	{border: 1px #ddd solid;}
.border-rd		{border-color: #DE3434;}
.border-3	{border-width: 3px;}
.rounded-0	{border-radius:0!important;}
.rounded-5	{border-radius:5px!important; overflow: hidden;}
.rounded-10	{border-radius:10px!important; overflow: hidden;}
.rounded-20	{border-radius:20px!important; overflow: hidden;}
.rounded-30	{border-radius:30px!important; overflow: hidden;}

.text-rd	{color: #F36060;}
.text-gn	{color: #56C360;}
.text-yl	{color: #FFA632;}
.text-gy	{color: #666;}
.text-left	{text-align: left!important;}
.text-center{text-align: center!important;}
.text-right	{text-align: right!important;}

.col-wrap	{display: flex; flex-wrap: wrap; gap: var(--gap); /*align-items: center;*/ align-items: stretch;}
.col-2 .col	{width: calc((100% - var(--gap)) / 2);}
.col-3 .col	{width: calc((100% - (var(--gap) * 2)) / 3);}
.col-4 .col	{width: calc((100% - (var(--gap) * 3)) / 4);}
.col-5 .col	{width: calc((100% - (var(--gap) * 4)) / 5);}
.col-6 .col	{width: calc((100% - (var(--gap) * 5)) / 6);}

.g-0	{--gap: 0px;}
.g-5	{--gap: 5px;}
.g-10	{--gap: 10px;}
.g-15	{--gap: 15px;}
.g-20	{--gap: 20px;}
.g-25	{--gap: 25px;}
.g-30	{--gap: 30px;}
.g-40	{--gap: 40px;}
.g-50	{--gap: 50px;}


input[type="text"]	{font-size: clamp(14px, 3vw, 18px);  color: #000;}
.form-control::placeholder	{font-size: clamp(14px, 3vw, 16px); color: #666;}

input[type="file"]  {background: #fff;}
select	{background: #fff;}
input[type="radio"] {appearance: none; border: 1px #ccc solid; border-radius: 50%!important; margin: 0; padding: 0!important; width: 20px; height: 20px; cursor: pointer; position: relative; top: 3px; margin-right: 5px;}
input[type="radio"]:checked {border: 5px #F36060 solid;}
input[type="checkbox"]	{/*appearance: none;*/ width: 20px; height: 20px; border: 1px #ccc solid; border-radius: 3px; margin: 0; padding: 0; position: relative; top: 3px; margin-right: 5px;}
input[type="checkbox"]:checked {accent-color: #F36060;}

.btn-wrap	{display: flex; justify-content: center; gap: var(--gap);}
.btn-wrap.col2 .btn	{width: calc(100% / 2)}
.btn	{display: inline-flex; line-height: normal; justify-content: center; align-items: center; position: relative; border-radius: 50px; cursor: pointer;}
.btn.arrow	{height: 80px; padding: 0 85px 0 30px; }
.btn-rd	{background: #F36060; color: #fff;}
.btn-gn	{background: #56C360; color: #fff;}
.btn-yl	{background: #FFA632; color: #fff;}
.btn-gy	{background: #ccc; color: #fff;}
.btn-border{border: 1px #ddd solid;}
.btn:hover	{filter: saturate(130%); transition: all .3s;}
.btn.arrow::after	{content: "";  background-size: contain; width: 50px; height: 50px; position: absolute; top: 50%; right: 0; transform: translate(-50%, -50%);}
.btn.arrow.btn-yl::after	{background: url(../img/common/btn-arrow-yl.png) no-repeat;}
.btn.arrow.btn-rd::after	{background: url(../img/common/btn-arrow-rd.png) no-repeat;}
.btn.arrow.btn-gn::after	{background: url(../img/common/btn-arrow-gn.png) no-repeat;}