@charset "utf-8";
@import url('iconfont/kojipsa-icon/styles.css');
@import url('iconfont/newfont/style.css');
@import url('iconfont/intaefont/style.css');
/*@import url('animation/animations.css');*/

@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Black+Han+Sans:400');

[class^="noto"], [class*="noto"]{font-family:'Noto Sans KR', sans-serif;}
.noto100{font-weight:100;}.noto200{font-weight:200;}.noto300{font-weight:300;}.noto400{font-weight:400;}.noto500{font-weight:500;}.noto600{font-weight:600;}.noto700{font-weight:700;}.noto800{font-weight:800;}

@font-face {
	font-family: 'GongGothicLight';
	src: url('font/Gong Gothic Light.ttf') format('truetype');	
	font-weight:normal;
}
@font-face {
	font-family: 'GongGothicMedium';
	src: url('font/Gong Gothic Medium.ttf') format('truetype');	
	font-weight:normal;
}
@font-face {
	font-family: 'GongGothicBold';
	src: url('font/Gong Gothic Bold.ttf') format('truetype');	
	font-weight:normal;
}

@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


:root{
	--num:'Montserrat', sans-serif;
	/*--mainColor:rgba(72,122,248,1);/* #487af8 (블루계열 변경)*/
	--mainColor2:#3c6fed;
	--mainColorHover:#3660e9;
	/*--menuIconColor:rgba(0,0,0,0.8); (블루계열 변경)*/

	--mainColor:rgba(59,66,71,1);/*#3B4247*/;
	--mainColorHover:#1D2021;
	
	--blue:rgba(72,122,248,1);
	--red:#f56b6b;
	--gray:#6c757d;
	--gray1:#6c757d;
	--gray2:#6c757d;
	--gray3:#bbb;
}


@media screen and (min-width:720px) {
::-webkit-scrollbar{width:6px;height:6px;border-radius:2px;}
::-webkit-scrollbar-thumb{cursor:pointer;background:#c5c5c5;border-radius:2px;}
::selection{background-color:#c5c5c5;color:#fff;border-radius:2px;}
-webkit-::selection{background-color:#c5c5c5;color:#fff;border-radius:2px;}
::-moz-selection{background-color:#c5c5c5;color:#fff;border-radius:2px;}
}