@charset "utf-8";

* {margin:0; padding:0;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0; padding:0; vertical-align:baseline; font-size:100%; letter-spacing:-0.04em;}

/* Document */
html {box-sizing:border-box; color:#222; font-family:'CoreGothic5'; font-size:15px; line-height:1.3; letter-spacing:-0.04em; -webkit-text-size-adjust:100%; cursor:default;}
*, *::before, *::after {box-sizing:inherit; -webkit-overflow-scrolling:touch; -webkit-tap-highlight-color:transparent;}

ul, ol, li {list-style:none;}
img {border:0;}
a {background-color:transparent; color:inherit; text-decoration:none;}
a:active, a:hover, a:link {text-decoration:none; outline:none;}
a:-webkit-any-link {outline:none; }
body {margin: 0; /* overflow-x: hidden; */}
a.boxlink {display:block; position:absolute; width:100%; height:100%; top:0; left:0;}
caption {display:none;}

/* Forms */
button, input, optgroup, select, textarea {margin:0; font-family:inherit; font-size:100%; letter-spacing:inherit; line-height:1.15;}
button, input {overflow:visible; border:0;}
button, select {text-transform:none;}
button:focus, textarea:focus, select:focus {outline:none;}
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance:button; cursor:pointer;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style:none; padding:0;}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline:1px dotted ButtonText;}

[type="checkbox"], [type="radio"] {box-sizing:border-box; padding:0;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height:auto;}
[type="search"] {-webkit-appearance:textfield; outline-offset:-2px;}
[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
::-webkit-file-upload-button {-webkit-appearance:button; font:inherit;}




input::placeholder {font-size:inherit; vertical-align:middle; opacity:1; color:#666; font-family:"CoreGothic4";}
input::-webkit-input-placeholder {font-size:inherit; vertical-align:middle; color:#666; font-family:"CoreGothic4";}
input::-moz-placeholder {font-size:inherit; vertical-align:middle; color:#666; font-family:"CoreGothic4";}
input:-moz-placeholder {font-size:inherit; vertical-align:middle; color:#666; font-family:"CoreGothic4";}
input:-ms-input-placeholder {font-size:inherit; vertical-align:middle; color:#666; font-family:"CoreGothic4";}

input:-webkit-autofill {-webkit-box-shadow:0 0 0 1000px white inset; box-shadow:0 0 0 1000px white inset;}

::-ms-scrollbar-track { cursor:pointer; background: #dddddd; }
::-ms-scrollbar-thumb { background:#808080; }

input, select, textarea {color:#222; font-family:'CoreGothic4';}
input[type="text"], input[type="password"] {height:44px; padding-left:10px; border:1px solid var(--border-gray);}

input[type="checkbox"], input[type="checkbox"]:checked {display:none;}
/* input[type="radio"], input[type="radio"]:checked {accent-color:#ffcc00;} */

input:focus, select:focus {border-color:var(--common-point) !important;}
input:focus, button:focus, textarea:focus, select:focus {outline:none;}

button {border:none; outline:none;}

caption{display:none; font-size:0; height:0;}


/* float을 해제할 부모요소에 .cf */
.cf {zoom:1; /* ie 6,7 */}
.cf::before, .cf::after {content:" "; display:table;}
.cf::after {clear:both;}

.mo_only {display: none;}

:root {
	--point-blue:#0c2bc8;
	--common-blue:#122792;
	--dot-blue:#4b59b0;
	
	--common-point:#ffcc00;
	--common-point-font:#ffc000;
	
	--background-gray:#f5f5f5;
	--background-gray2:#f2f5fa;

	--border-darkgray:#d7d7d7;
	--border-gray:#e7e7e7; /* 팝업 */
	--border-lightgray:#e4e9ef;
	
	--page-width:1160px;
}



@font-face{
font-family:'GmarketSansL';
font-style:normal;
font-weight:normal;
src:url('/resources/css/font/GmarketSansTTFLight.ttf') format('truetype');
}
@font-face{
font-family:'GmarketSansM';
font-style:normal;
font-weight:normal;
src:url('/resources/css/font/GmarketSansTTFMedium.ttf') format('truetype');
}
@font-face{
font-family:'GmarketSansB';
font-style:normal;
font-weight:normal;
src:url('/resources/css/font/GmarketSansTTFBold.ttf') format('truetype');
}

@font-face{
font-family:'CoreGothic1';
font-style:normal;
font-weight:normal;
src:url('/resources/css/font/CoreGothic1.eot');
src:url('/resources/css/font/CoreGothic1.eot?#iefix') format('embedded-opentype'),
url('/resources/css/font/CoreGothic1.woff') format('woff'),
url('/resources/css/font/CoreGothic1.ttf') format('truetype');
}
@font-face{
font-family:'CoreGothic2';
font-style:normal;
font-weight:normal;
src:url('/resources/css/font/CoreGothic2.eot');
src:url('/resources/css/font/CoreGothic2.eot?#iefix') format('embedded-opentype'),
url('/resources/css/font/CoreGothic2.woff') format('woff'),
url('/resources/css/font/CoreGothic2.ttf') format('truetype');
}
@font-face{
font-family:'CoreGothic3';
font-style:normal;
font-weight:normal;
src:url('/resources/css/font/CoreGothic3.eot');
src:url('/resources/css/font/CoreGothic3.eot?#iefix') format('embedded-opentype'),
url('/resources/css/font/CoreGothic3.woff') format('woff'),
url('/resources/css/font/CoreGothic3.ttf') format('truetype');
}
@font-face{
font-family:'CoreGothic4';
font-style:normal;
font-weight:normal;
src:url('/resources/css/font/CoreGothic4.eot');
src:url('/resources/css/font/CoreGothic4.eot?#iefix') format('embedded-opentype'),
url('/resources/css/font/CoreGothic4.woff') format('woff'),
url('/resources/css/font/CoreGothic4.ttf') format('truetype');
}
@font-face{
font-family:'CoreGothic5';
font-style:normal;
font-weight:normal;
src:url('/resources/css/font/CoreGothic5.eot');
src:url('/resources/css/font/CoreGothic5.eot?#iefix') format('embedded-opentype'),
url('/resources/css/font/CoreGothic5.woff') format('woff'),
url('/resources/css/font/CoreGothic5.ttf') format('truetype');
}
@font-face{
font-family:'CoreGothic6';
font-style:normal;
font-weight:normal;
src:url('/resources/css/font/CoreGothic6.eot');
src:url('/resources/css/font/CoreGothic6.eot?#iefix') format('embedded-opentype'),
url('/resources/css/font/CoreGothic6.woff') format('woff'),
url('/resources/css/font/CoreGothic6.ttf') format('truetype');
}
@font-face{
font-family:'CoreGothic7';
font-style:normal;
font-weight:normal;
src:url('/resources/css/font/CoreGothic7.eot');
src:url('/resources/css/font/CoreGothic7.eot?#iefix') format('embedded-opentype'),
url('/resources/css/font/CoreGothic7.woff') format('woff'),
url('/resources/css/font/CoreGothic7.ttf') format('truetype');
}
@font-face{
font-family:'CoreGothic8';
font-style:normal;
font-weight:normal;
src:url('/resources/css/font/CoreGothic8.otf') format('opentype');
}
@font-face{
font-family:'CoreGothic9';
font-style:normal;
font-weight:normal;
src:url('/resources/css/font/CoreGothic9.eot');
src:url('/resources/css/font/CoreGothic9.eot?#iefix') format('embedded-opentype'),
url('/resources/css/font/CoreGothic9.woff') format('woff'),
url('/resources/css/font/CoreGothic9.ttf') format('truetype');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    font-style: normal;
    src: url('/resources/css/font/Pretendard-Thin.eot');
    src: url('/resources/css/font/Pretendard-Thin.eot?#iefix') format('embedded-opentype'),
        url('/resources/css/font/Pretendard-Thin.woff2') format('woff2'),
        url('/resources/css/font/Pretendard-Thin.woff') format('woff'),
        url('/resources/css/font/Pretendard-Thin.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    font-style: normal;
    src: url('/resources/css/font/Pretendard-ExtraLight.eot');
    src: url('/resources/css/font/Pretendard-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('/resources/css/font/Pretendard-ExtraLight.woff2') format('woff2'),
        url('/resources/css/font/Pretendard-ExtraLight.woff') format('woff'),
        url('/resources/css/font/Pretendard-ExtraLight.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-style: normal;
    src: url('/resources/css/font/Pretendard-Light.eot');
    src: url('/resources/css/font/Pretendard-Light.eot?#iefix') format('embedded-opentype'),
        url('/resources/css/font/Pretendard-Light.woff2') format('woff2'),
        url('/resources/css/font/Pretendard-Light.woff') format('woff'),
        url('/resources/css/font/Pretendard-Light.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-style: normal;
    src: url('/resources/css/font/Pretendard-Regular.eot');
    src: url('/resources/css/font/Pretendard-Regular.eot?#iefix') format('embedded-opentype'),
        url('/resources/css/font/Pretendard-Regular.woff2') format('woff2'),
        url('/resources/css/font/Pretendard-Regular.woff') format('woff'),
        url('/resources/css/font/Pretendard-Regular.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-style: normal;
    src: url('/resources/css/font/Pretendard-Medium.eot');
    src: url('/resources/css/font/Pretendard-Medium.eot?#iefix') format('embedded-opentype'),
        url('/resources/css/font/Pretendard-Medium.woff2') format('woff2'),
        url('/resources/css/font/Pretendard-Medium.woff') format('woff'),
        url('/resources/css/font/Pretendard-Medium.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-style: normal;
    src: url('/resources/css/font/Pretendard-SemiBold.eot');
    src: url('/resources/css/font/Pretendard-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/resources/css/font/Pretendard-SemiBold.woff2') format('woff2'),
        url('/resources/css/font/Pretendard-SemiBold.woff') format('woff'),
        url('/resources/css/font/Pretendard-SemiBold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-style: normal;
    src: url('/resources/css/font/Pretendard-Bold.eot');
    src: url('/resources/css/font/Pretendard-Bold.eot?#iefix') format('embedded-opentype'),
        url('/resources/css/font/Pretendard-Bold.woff2') format('woff2'),
        url('/resources/css/font/Pretendard-Bold.woff') format('woff'),
        url('/resources/css/font/Pretendard-Bold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-style: normal;
    src: url('/resources/css/font/Pretendard-ExtraBold.eot');
    src: url('/resources/css/font/Pretendard-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('/resources/css/font/Pretendard-ExtraBold.woff2') format('woff2'),
        url('/resources/css/font/Pretendard-ExtraBold.woff') format('woff'),
        url('/resources/css/font/Pretendard-ExtraBold.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-style: normal;
    src: url('/resources/css/font/Pretendard-Black.eot');
    src: url('/resources/css/font/Pretendard-Black.eot?#iefix') format('embedded-opentype'),
        url('/resources/css/font/Pretendard-Black.woff2') format('woff2'),
        url('/resources/css/font/Pretendard-Black.woff') format('woff'),
        url('/resources/css/font/Pretendard-Black.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'Noto_BK';
    src: url('/resources/css/font/NotoSansCJKkr-Black.eot');
	src: url('/resources/css/font/NotoSansCJKkr-Black.eot?#iefix') format('embedded-opentype'),
			url('/resources/css/font/NotoSansCJKkr-Black.ttf') format('truetype'),
			url('/resources/css/font/NotoSansCJKkr-Black.woff') format('woff'),
			url('/resources/css/font/NotoSansCJKkr-Black.otf') format('opentype');
	}
	
	
@font-face {
    font-family: 'Noto_BL';
    src: url('/resources/css/font/NotoSansCJKkr-Bold.eot');
	src: url('/resources/css/font/NotoSansCJKkr-Bold.eot?#iefix') format('embedded-opentype'),
			url('/resources/css/font/NotoSansCJKkr-Bold.ttf') format('truetype'),
			url('/resources/css/font//NotoSansCJKkr-Bold.woff') format('woff'),
			url('/resources/css/font/NotoSansCJKkr-Bold.otf') format('opentype');
	}
	
	
@font-face {
    font-family: 'Noto_DL';
    src: url('/resources/css/font/NotoSansCJKkr-DemiLight.eot');
	src: url('/resources/css/font/NotoSansCJKkr-DemiLight.eot?#iefix') format('embedded-opentype'),
			url('/resources/css/font/NotoSansCJKkr-DemiLight.ttf') format('truetype'),
			url('/resources/css/font/NotoSansCJKkr-DemiLight.woff') format('woff'),
			url('/resources/css/font/NotoSansCJKkr-DemiLight.otf') format('opentype');
	}
	
@font-face {
    font-family: 'Noto_LT';
    src: url('/resources/css/font/NotoSansCJKkr-Light.eot');
	src: url('/resources/css/font/NotoSansCJKkr-Light.eot?#iefix') format('embedded-opentype'),
			url('/resources/css/font/NotoSansCJKkr-Light.ttf') format('truetype'),
			url('/resources/css/font/NotoSansCJKkr-Light.woff') format('woff'),
			url('/resources/css/font/NotoSansCJKkr-Light.otf') format('opentype');
	}
	
@font-face {
    font-family: 'Noto_MD';
    src: url('/resources/css/font/NotoSansCJKkr-Medium.eot');
	src: url('/resources/css/font/NotoSansCJKkr-Medium.eot?#iefix') format('embedded-opentype'),
			url('/resources/css/font/NotoSansCJKkr-Medium.ttf') format('truetype'),
			url('/resources/css/font/NotoSansCJKkr-Medium.woff') format('woff'),
			url('/resources/css/font/NotoSansCJKkr-Medium.otf') format('opentype');
	}
	
@font-face {
    font-family: 'Noto_RG';
    src: url('/resources/css/font/NotoSansCJKkr-Regular.eot');
	src: url('/resources/css/font/NotoSansCJKkr-Regular.eot?#iefix') format('embedded-opentype'),
			url('/resources/css/font/NotoSansCJKkr-Regular.ttf') format('truetype'),
			url('/resources/css/font/NotoSansCJKkr-Regular.woff') format('woff'),
			url('/resources/css/font/NotoSansCJKkr-Regular.otf') format('opentype');
	}
	
@font-face {
    font-family: 'Noto_TH';
    src: url('/resources/css/font/NotoSansCJKkr-Thin.eot');
	src: url('/resources/css/font/NotoSansCJKkr-Thin.eot?#iefix') format('embedded-opentype'),
		url('/resources/css/font/NotoSansCJKkr-Thin.ttf') format('truetype'),
		url('/resources/css/font/NotoSansCJKkr-Thin.woff') format('woff'),
		url('/resources/css/font/NotoSansCJKkr-Thin.otf') format('opentype');
}

@font-face {
	font-family:'Exo2.0-SemiBold';
	src: url('/resources/css/font/Exo20-SemiBold.eot'),
		 url('/resources/css/font/Exo20-SemiBold.ttf') format('truetype'),
		 url('/resources/css/font/Exo20-SemiBold.woff') format('woff'),
		 url('/resources/css/font/Exo20-SemiBold.otf') format('opentype');
		font-weight: normal;
		font-style: normal;
}

@font-face {
	font-family: 'Exo2.0-Black';
	src: url('/resources/css/font/Exo20-Black.eot'), 
		url('/resources/css/font/Exo20-Black.ttf') format('truetype'), 
		url('/resources/css/font/Exo20-Black.woff') format('woff'),
		url('/resources/css/font/Exo20-Black.otf') format('opentype');  
		font-weight: normal;
		font-style: normal;
}		

@font-face {
	font-family:'Exo2.0-Bold';
	src: url('/resources/css/font/Exo20-Bold.eot'),
		 url('/resources/css/font/Exo20-Bold.ttf') format('truetype'),
		 url('/resources/css/font/Exo20-Bold.woff') format('woff'),
		 url('/resources/css/font/Exo20-Bold.otf') format('opentype');  
		 font-weight: normal;
		 font-style: normal;
}

@font-face {
	font-family: 'Exo2.0-Regular';
	src: url('/resources/css/font/Exo20-Regular.eot'),
		url('/resources/css/font/Exo20-Regular.ttf') format('truetype'),
		url('/resources/css/font/Exo20-Regular.woff') format('woff'),
		url('/resources/css/font/Exo20-Regular.otf') format('opentype'); 
		font-weight: normal;
		font-style: normal;
}

@font-face {
  font-family: 'Exo2.0-SemiBoldItalic';
  src: url('/resources/css/font/Exo20-SemiBoldItalic.eot'),
	   url('/resources/css/font/Exo20-SemiBoldItalic.ttf') format('truetype'), 
	   url('/resources/css/font/Exo20-SemiBoldItalic.woff') format('woff'),
	   url('/resources/css/font/Exo20-SemiBoldItalic.otf') format('opentype');
	  font-weight: normal;
	  font-style: normal;
}

@font-face {
	font-family: 'RobotoCondensed-Regular';
		src: url('/resources/css/font/RobotoCondensed-Regular.eot'),
		url('/resources/css/font/RobotoCondensed-Regular.ttf') format("truetype"),
		url('/resources/css/font/RobotoCondensed-Regular.woff') format("woff"),
		url('/resources/css/font/RobotoCondensed-Regular.otf') format('opentype');
	  	font-weight: normal;
	  	font-style: normal;

}

@font-face {
	font-family: 'RobotoCondensed-Light';
	src: url('/resources/css/font/RobotoCondensed-Light.eot'),
		url('/resources/css/font/RobotoCondensed-Light.ttf') format('truetype'),
		url('/resources/css/font/RobotoCondensed-Light.woff') format('woff'),
		url('/resources/css/font/RobotoCondensed-Light.otf') format('opentype');
		font-weight: normal;
		font-style: normal;

}

@font-face {
	font-family: 'RobotoCondensed-Bold';
	src: url('/resources/css/font/RobotoCondensed-Bold.eot'),
		url('/resources/css/font/RobotoCondensed-Bold.ttf') format('truetype'), 
		url('/resources/css/font/RobotoCondensed-Bold.woff') format('woff'), 
		url('/resources/css/font/RobotoCondensed-Bold.otf') format('opentype');
		font-weight: normal;
		font-style: normal;

}

@font-face {
  font-family: 'Roboto-Regular';
  src: url('/resources/css/font/Roboto-Regular.eot'),
    url('/resources/css/font/Roboto-Regular.ttf') format('truetype'),
    url('/resources/css/font/Roboto-Regular.woff') format('woff'),
    url('/resources/css/font/Roboto-Regular.otf') format('opentype'),
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Medium';
  src: url('/resources/css/font/Roboto-Medium.eot'),
    url('/resources/css/font/Roboto-Medium.ttf') format('truetype'),
    url('/resources/css/font/Roboto-Medium.otf') format('opentype'),
    url('/resources/css/font/Roboto-Medium.woff') format('woff'),
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Light';
  src: url('/resources/css/font/Roboto-Light.eot'),
    url('/resources/css/font/Roboto-Light.ttf') format('truetype'),
    url('/resources/css/font/Roboto-Light.otf') format('opentype'),
    url('/resources/css/font/Roboto-Light.woff') format('woff'),
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Thin';
  src: url('/resources/css/font/Roboto-Thin.eot'),
    url('/resources/css/font/Roboto-Thin.ttf') format('ruetype'),
    url('/resources/css/font/Roboto-Thin.otf') format('opentype'),
    url('/resources/css/font/Roboto-Thin.woff') format('woff'),
  font-weight: normal;
  font-style: normal;
}