@charset "utf-8";
/* CSS Document */

:root{
	--MainColor: #e9481e;
}

@font-face { 
  font-family: Malgun-Gothic_web;
  src: url('../fonts/Malgun-Gothic.eof');
  src: url('../fonts/Malgun-Gothic.ttf');
  src: url('../fonts/Malgun-Gothic.woff');
 }

@font-face{
	font-family: NanumBarunGothicBold;
	src: url('../fonts/NanumBarunGothicBold.eot');
	src: url('../fonts/NanumBarunGothicBold.ttf');
	src: url('../fonts/NanumBarunGothicBold.woff');
}


@font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src: url('../fonts/notokr-thin.eot'),
		 url('../fonts/notokr-thin.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/notokr-thin.woff2') format('woff2'),
		 url('../fonts/notokr-thin.woff') format('woff'),
		 url('../fonts/notokr-thin.ttf') format('truetype'),
		 url('../fonts/notokr-thin.svg#notokr-thin') format('svg');
}
@font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('../fonts/notokr-demilight.eot'),
		 url('../fonts/notokr-demilight.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/notokr-demilight.woff2') format('woff2'),
		 url('../fonts/notokr-demilight.woff') format('woff'),
		 url('../fonts/notokr-demilight.ttf') format('truetype'),
		 url('../fonts/notokr-demilight.svg#notokr-demilight') format('svg');
}
@font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/notokr-regular.eot'),
		 url('../fonts/notokr-regular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/notokr-regular.woff2') format('woff2'),
		 url('../fonts/notokr-regular.woff') format('woff'),
		 url('../fonts/notokr-regular.ttf') format('truetype'),
		 url('../fonts/notokr-regular.svg#notokr-regular') format('svg');
}
@font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('../fonts/notokr-medium.eot'),
		 url('../fonts/notokr-medium.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/notokr-medium.woff2') format('woff2'),
		 url('../fonts/notokr-medium.woff') format('woff'),
		 url('../fonts/notokr-medium.ttf') format('truetype'),
		 url('../fonts/notokr-medium.svg#notokr-medium') format('svg');
}
@font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/notokr-bold.eot'),
		 url('../fonts/notokr-bold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/notokr-bold.woff2') format('woff2'),
		 url('../fonts/notokr-bold.woff') format('woff'),
		 url('../fonts/notokr-bold.ttf') format('truetype'),
		 url('../fonts/notokr-bold.svg#notokr-bold') format('svg');
}
@font-face {
	font-family: 'SpoqaHanSans';
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src: url('../fonts/Spoqa Han Sans Thin.woff2') format('woff2'),
		 url('../fonts/Spoqa Han Sans Thin.woff') format('woff'),
		 url('../fonts/Spoqa Han Sans Thin.ttf') format('truetype');
}
@font-face {
	font-family: 'SpoqaHanSans';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('../fonts/Spoqa Han Sans Light.woff2') format('woff2'),
		 url('../fonts/Spoqa Han Sans Light.woff') format('woff'),
		 url('../fonts/Spoqa Han Sans Light.ttf') format('truetype');
}
@font-face {
	font-family: 'SpoqaHanSans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/Spoqa Han Sans Regular.woff2') format('woff2'),
		 url('../fonts/Spoqa Han Sans Regular.woff') format('woff'),
		 url('../fonts/Spoqa Han Sans Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'SpoqaHanSans';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/Spoqa Han Sans Bold.woff2') format('woff2'),
		 url('../fonts/Spoqa Han Sans Bold.woff') format('woff'),
		 url('../fonts/Spoqa Han Sans Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Tahoma';
	font-style: normal;
	font-display: swap;
    unicode-range: U+0030-0039;
	src: url('../fonts/TAHOMAB0.TTF') format('truetype');
}

/* pretendard font */
@font-face{
	font-family:'Pretendard';
	font-weight:900;
	src:	url('../fonts/Pretendard/Pretendard-Black.woff2') format('woff2'),
			url('../fonts/Pretendard/Pretendard-Black.woff') format('woff');
}
@font-face{
	font-family:'Pretendard';
	font-weight:800;
	src:	url('../fonts/Pretendard/Pretendard-ExtraBold.woff2') format('woff2'),
			url('../fonts/Pretendard/Pretendard-ExtraBold.woff') format('woff');
}
@font-face{
	font-family:'Pretendard';
	font-weight:700;
	src:	url('../fonts/Pretendard/Pretendard-Bold.woff2') format('woff2'),
			url('../fonts/Pretendard/Pretendard-Bold.woff') format('woff');
}
@font-face{
	font-family:'Pretendard';
	font-weight:600;
	src:	url('../fonts/Pretendard/Pretendard-SemiBold.woff2') format('woff2'),
			url('../fonts/Pretendard/Pretendard-SemiBold.woff') format('woff');
}
@font-face{
	font-family:'Pretendard';
	font-weight:500;
	src:	url('../fonts/Pretendard/Pretendard-Medium.woff2') format('woff2'),
			url('../fonts/Pretendard/Pretendard-Medium.woff') format('woff');
}
@font-face{
	font-family:'Pretendard';
	font-weight:400;
	src:	url('../fonts/Pretendard/Pretendard-Regular.woff2') format('woff2'),
			url('../fonts/Pretendard/Pretendard-Regular.woff') format('woff');
}
@font-face{
	font-family:'Pretendard';
	font-weight:300;
	src:	url('../fonts/Pretendard/Pretendard-Light.woff2') format('woff2'),
			url('../fonts/Pretendard/Pretendard-Light.woff') format('woff');
}
@font-face{
	font-family:'Pretendard';
	font-weight:200;
	src:	url('../fonts/Pretendard/Pretendard-ExtraLight.woff2') format('woff2'),
			url('../fonts/Pretendard/Pretendard-ExtraLight.woff') format('woff');
}
@font-face{
	font-family:'Pretendard';
	font-weight:100;
	src:	url('../fonts/Pretendard/Pretendard-Thin.woff2') format('woff2'),
			url('../fonts/Pretendard/Pretendard-Thin.woff') format('woff');
}

.ReFont{font-family: -apple-system, BlinkMacSystemFont, "NotoSansKR", "Malgun Gothic", "맑은 고딕", helvetica, "Apple SD Gothic Neo", sans-serif;}

/* 폰트 */
.dotum{font-family:dotum,'돋움';}
.gulim{font-family:gulim,'굴림';}
.NanumGothic{font-family:NanumGothic,"나눔고딕";}
.NanumGothic41{font-family:NanumGothic,"나눔고딕";font-size:41px;}
.dinmed{font-family:Dinmed, DINPro-Bold, DINPro-Medium, Dinreg, verdana; letter-spacing:-1px;}
.MargunGothic {font-family: Malgun-Gothic_web;}




/* effect */
.bold{font-weight:bold;}
.nobold{font-weight:normal;}

/* test */
.bd { background-color:red; }
.f_fix {display:block;top:20%;position:fixed;left:0px;width:500px;;height:500px; }

/* cursor */
.cn { cursor:default ; }
.pointer { cursor:pointer; }

/* border */
.bl {border-left:1px solid #ddd;}
.br {border-right:1px solid #ddd;}
.bt {border-top:1px solid #ddd;}
.bb {border-bottom:1px solid #ddd;}

.lbl {border-left:1px solid #d5c17b}
.lbr {border-right:1px solid #d5c17b}
.lbt {border-top:1px solid #d5c17b}
.lbb {border-bottom:1px solid #d5c17b}

/* background-color */
.fef8f0{background-color:#fef8f0}

/* color */
.white{color:#fff;}
.black{color:#000;}
.red{color:red;}
.blue{color:#0067cc;};
.cf_color{color:#0067cc;};
.cf_color2{color:#009b37;}

/* 버튼 */
.s_btn {width:32px;height:15px;padding:3px 9px;margin-top:4px;margin-bottom:4px;background-color:#f6f6f6;border:1px solid #dcdbdb;border-radius:8px;cursor:pointer;text-align:center;}
.r_btn {width:32px;height:15px;padding:3px 9px;margin-top:4px;margin-bottom:4px;background-color:#ff3061;border:1px solid #d0d0d0;border-radius:8px;cursor:pointer; color:white;text-align:center;}
.g_btn {width:32px;height:15px;padding:3px 9px;margin-top:4px;margin-bottom:4px;background-color:#88c437;border:1px solid #72a837;border-radius:8px;cursor:pointer;color:white;text-align:center;}
.ok_btn {width:32px;height:15px;padding:3px 23px;margin-top:4px;margin-bottom:4px;background-color:#88c437;border:1px solid #72a837;border-radius:8px;cursor:pointer;color:white;text-align:center;}
.cancel_btn {width:32px;height:15px;padding:3px 9px;margin-top:4px;margin-bottom:4px;background-color:#88c437;border:1px solid #72a837;border-radius:8px;cursor:pointer;color:white;text-align:center;}

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

/* vertical align middle 맞추기 꼭 style="height:px;" <- 을 지정해 줘야됨*/
.mid{word-break:break-all;display:table-cell;vertical-align:middle;}
.mid2{display:table-cell;vertical-align:middle;}

/* float */
.fl{float:left;}
.fr{float:right;}
.cb{clear:both;}

/* text 일정 길이 '...'표시 */
.text_cut{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut165{width:165px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut175{width:175px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut170{width:170px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut174{width:174px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut190{width:190px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut260{width:260px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut370{width:370px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut570{width:570px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut730{width:730px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut770{width:770px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut960{width:960px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

/* overflow:hidden; */
.hidden{overflow:hidden;}

/*폰트사이즈*/
.font07{font-size:07px;}
.font08{font-size:08px;}
.font09{font-size:09px;}
.font10{font-size:10px;}
.font11{font-size:11px;}
.font12{font-size:12px;}
.font13{font-size:13px;}
.font14{font-size:14px;}
.font15{font-size:15px;}
.font16{font-size:16px;}
.font17{font-size:17px;}
.font18{font-size:18px;}
.font19{font-size:19px;}
.font20{font-size:20px;}
.font21{font-size:21px;}
.font22{font-size:22px;}
.font23{font-size:23px;}
.font24{font-size:24px;}
.font25{font-size:25px;}
.font26{font-size:26px;}
.font27{font-size:27px;}
.font28{font-size:28px;}
.font29{font-size:29px;}
.font30{font-size:30px;}
.font31{font-size:31px;}
.font32{font-size:32px;}
.font33{font-size:33px;}
.font34{font-size:34px;}
.font35{font-size:35px;}
.font36{font-size:36px;}
.font37{font-size:37px;}
.font38{font-size:38px;}
.font39{font-size:39px;}
.font40{font-size:40px;}
.font41{font-size:41px;}

/* margin */
.ml3{margin-left:3px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}

.mr10{margin-left:10px;}

.pr15{padding-right:15px;};