@charset "utf-8";

/* ===== root (컬러칩) ===== */
:root{
	/* color */
	--main-color:#FF9008;
	--light-main-color:#fef7ee;
	
	--point-color:#5B73D0;
	--light-point-color:#f5f5f6;
	
	--bg-color:#fafafa;
	
	--black-color:#28292C;
	--dark-gray-color:#888;
	--light-gray-color:#F5F5F5;
	
	/* box-shadow */
	--box-shadow-color:0 2px 14px 0 rgb(0 0 0 / 8%);
} 

/* ===== 폰트 (나눔스퀘어) ===== */

/* 특정 부분만 폰트를 바꾸고 싶을 경우, .ko #sh1-h 이런식으로 클래스를 변경합니다. */
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

/* font-family */
body,
.ko,
h1,
h2,
h3,
h4,
h5,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
a,
a:link,
a:visited,
a:hover,
a:active,
a:focus,
.btn
{
	font-family: 'NanumSquare', sans-serif !important;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: unset;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	text-rendering: auto;
	text-rendering: optimizeSpeed;
	text-rendering: optimizeLegibility;
	text-rendering: geometricPrecision;
	text-rendering: inherit;
	letter-spacing: -0.5px;
}

/* ===== reset ===== */

/* 푸터 삭제 */
.at-footer{
	display: none;
}

/* 배경 */
.at-body.is_match{
	height: 100vh;
	background:url('../img/bg.png') no-repeat center 0 / cover !important;
}

.at-body.not_match{
	padding-bottom:40px;
	background:var(--bg-color) !important;
	background-color:var(--bg-color) !important;
}

/* ul, li, ol reset */
#sh1-h ul,
#sh1-h ol,
#sh1-m ul,
#sh1-m ol,
#sh1-f ul,
#sh1-f ol{
	list-style: none;
	padding:0;
}

/* button reset */
#sh1-h button,
#sh1-m button,
#sh1-f button{
	background:none;
	outline: none;
	border:none;
}

/* a reset */
a:hover, 
a:focus, 
a:active{
	color:inherit;
}

/* header (navigation) reset */
#sh1-h .is-sub-color .menu-li .sub-1dli.active .sub-1da, 
#sh1-h .is-sub-color .menu-li .sub-1dli:hover .sub-1da, 
#sh1-h .is-sub-color .menu-li .sub-2dli.active .sub-2da, 
#sh1-h .is-sub-color .menu-li .sub-2dli:hover .sub-2da, 
#sh1-h .is-sub-mega .menu-li .mega-head, 
#sh1-h .menu-li:hover .menu-span, 
#sh1-h .menu-li.active .menu-span, 
#sh1-h .nav-fixed .menu-li:hover .menu-a, 
#sh1-h .nav-fixed .menu-li.active .menu-a{
	background:none !important;
	border-color:#eee !important;   /* border-color를 아래의 색상과 똑같이 맞추세요. */
}

/* header (navigation 하위 드롭다운 메뉴 위쪽 테두리 색상) reset */
#sh1-h .is-sub-color .menu-li .sub-1div{
	border-color:var(--main-color) !important; 
}

/* header (navigation 하위 드롭다운 메뉴 리스트) reset */
#sh1-h .is-sub-float .sub-1dli.active .sub-1da, 
#sh1-h .is-sub-float .sub-1dli:hover .sub-1da{
	color:inherit !important;
	border-color:#eee !important;	/* border-color를 위의 색상과 똑같이 맞추세요. */
}

/* ===== html & body ===== */

/* html (rem, em 단위를 사용할 경우) */
html{
	font-size:16px;
	scroll-behavior:smooth; /* 부드러운 스크롤, fullpageScroll 사용시 삭제 */
	overflow-x: hidden;
}

/* body (푸터 아래 여백을 충분히 주고 싶다면 삭제하세요.) */
.at-body{
	padding-top: 76px;
}

/* ===== 부트스트랩 좌우 간격 (30px) ===== */

.row.fix-gutters-30 {
	margin-right: -30px;
	margin-left: -30px;
}
.row.fix-gutters-30 > [class^="col-"],
.row.fix-gutters-30 > [class*=" col-"] {
	padding-right: 30px;
	padding-left: 30px;
}

/* ===== fonts-style ===== */

.big_title{
	margin:0;
	margin-bottom:10px;
	font-weight: 800;
	font-size: 16px;
	line-height: 1.5em;
	letter-spacing: -0.5px;
	color:var(--black-color);
}

.title{
	margin:0;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.8em;
	letter-spacing: -0.5px;
	color:var(--black-color);
}

.body{
	margin:0;
	font-size:12px;
	font-weight: 400;
	line-height:  1.5em;
	letter-spacing: -0.5px;
}

/* 컬러 */
.black{
	color:var(--black-color);
}

.dark_gray{
	color:var(--dark-gray-color);
}

.light_gray{
	color:var(--light-gray-color);
}

.point{
	color:var(--point-color);
}

.main{
	color:var(--main-color);
}

.white{
	color:#fff;
}

/* ===== board reset ===== */
/*
.ie-zone{
	padding-top:0;
}
*/