@charset "utf-8";

@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 100;
	src: local('NotoSans'),
		url('../font/NotoSans-Thin.woff') format('woff'),
		url('../font/NotoSans-Thin.ttf') format('truetype'),
		url('../font/NotoSans-Thin.otf') format('opentype'),
		url('../font/NotoSans-Thin.eot'), url('../font/NotoSans-Thin.eot?#iefix') format("embedded-opentype");
}

@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 300;
	src: local('NotoSans'),
		url('../font/NotoSans-Light.woff2') format('woff2'), 
		url('../font/NotoSans-Light.woff') format('woff'),
		url('../font/NotoSans-Light.ttf') format('truetype'),
		url('../font/NotoSans-Light.otf') format('opentype'),
		url('../font/NotoSans-Light.eot'), url('../font/NotoSans-Light.eot?#iefix') format("embedded-opentype");
}

@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 350;
	src: local('NotoSans'),
		url('../font/NotoSans-DemiLight.woff') format('woff'),
		url('../font/NotoSans-DemiLight.ttf') format('truetype'),
		url('../font/NotoSans-DemiLight.otf') format('opentype'),
		url('../font/NotoSans-DemiLight.eot'), url('../font/NotoSans-DemiLight.eot?#iefix') format("embedded-opentype");
}

@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 400;
	src: local('NotoSans'),
		url('../font/NotoSans-Regular.woff2') format('woff2'), 
		url('../font/NotoSans-Regular.woff') format('woff'),
		url('../font/NotoSans-Regular.ttf') format('truetype'),
		url('../font/NotoSans-Regular.otf') format('opentype'),
		url('../font/NotoSans-Regular.eot'), url('../font/NotoSans-Regular.eot?#iefix') format("embedded-opentype");
}

@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 700;
	src: local('NotoSans'),
		url('../font/NotoSans-Medium.woff2') format('woff2'), 
		url('../font/NotoSans-Medium.woff') format('woff'),
		url('../font/NotoSans-Medium.ttf') format('truetype'),
		url('../font/NotoSans-Medium.otf') format('opentype'),
		url('../font/NotoSans-Medium.eot'), url('../font/NotoSans-Medium.eot?#iefix') format("embedded-opentype");
}

@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 800;
	src: local('NotoSans'),
		url('../font/NotoSans-Bold.woff2') format('woff2'), 
		url('../font/NotoSans-Bold.woff') format('woff'),
		url('../font/NotoSans-Bold.ttf') format('truetype'),
		url('../font/NotoSans-Bold.otf') format('opentype'),
		url('../font/NotoSans-Bold.eot'), url('../font/NotoSans-Bold.eot?#iefix') format("embedded-opentype");
}

@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 900;
	src: local('NotoSans'),
		url('../font/NotoSans-Black.woff') format('woff'),
		url('../font/NotoSans-Black.ttf') format('truetype'),
		url('../font/NotoSans-Black.otf') format('opentype'),
		url('../font/NotoSans-Black.eot'), url('../font/NotoSans-Black.eot?#iefix') format("embedded-opentype");
}

@font-face {
	font-family: "nanumsquare";
	font-weight: 300;
	src: url(../font/NanumSquareL.eot);
	src: url(../font/NanumSquareL.eot?#iefix) format('embedded-opentype'),
		  url(../font/NanumSquareL.woff) format('woff'),
		  url(../font/NanumSquareL.ttf) format('truetype');
}
@font-face {
	font-family: "nanumsquare";
	font-weight: 400;
	src: url(../font/NanumSquareR.eot);
	src: url(../font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
		  url(../font/NanumSquareR.woff) format('woff'),
		  url(../font/NanumSquareR.ttf) format('truetype');
}
@font-face {
	font-family: "nanumsquare";
	font-weight: 700;
	src: url(../font/NanumSquareB.eot);
	src: url(../font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
		  url(../font/NanumSquareB.woff) format('woff'),
		  url(../font/NanumSquareB.ttf) format('truetype');
}
@font-face {
	font-family: "nanumsquare";
	font-weight: 800;
	src: url(../font/NanumSquareEB.eot);
	src: url(../font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
		  url(../font/NanumSquareEB.woff) format('woff'),
		  url(../font/NanumSquareEB.ttf) format('truetype');
}



html>/**/body{overflow-y:scroll;}
*{margin:0; padding:0;}
html{width:100%; height:100%}
img{border:0; vertical-align: middle;}
body{font-family: 'NotoSans', "Malgun Gothic", "맑은 고딕", AppleGothic, Dotum, "돋움", sans-serif; color:#222; font-size:0.9em !important; min-width: 320px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,address{margin:0;padding:0;}
table{border:0;border-collapse:collapse;border-spacing:0;font-size:inherit;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
button, select, select option, textarea {margin:0; box-sizing:border-box;}
a{text-decoration:none; outline: 0; word-break: break-all;}
a:link{color:inherit;}
a:visited{color:inherit;}
a:hover{color:inherit;text-decoration:none;}
button {border:0 none; cursor:pointer; outline: 0;}
a:focus, a:hover {text-decoration:none;}
button, a:active {background-color:transparent;}

/* space_height */
.ghost_area{}
.ghost_area:after{content:""; clear:both; display:block; *zoom:1;}
.clear{clear: both;}

#skip{position:relative;z-index:9999}
#skip a{position:absolute;top:-40px;left:0;width:100%;padding:5px 0;background-color:#033478;font-size:14px;line-height:30px;color:#FFF;text-align:center;transition:all 0.4s}
#skip a:hover,#skip a:focus,#skip a:active{top:0;text-decoration:none}

caption{visibility: hidden; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0;}
.blind{display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

.nomargin{margin: 0 !important;}
.t_l{text-align: left !important;}
.t_r{text-align: right !important;}
.t_c{text-align: center !important;}
.fontw300{font-weight: 300 !important;}
.fontw400{font-weight: 400 !important;}
.fontw500{font-weight: 500 !important;}
.no_bg{background: none !important;}
.fl{float: left;}
.fr{float: right;}

.hanja{font-family: 'Malgun Gothic' !important;}


.fsize12{font-size: 12px !important; line-height: 20px !important;}
.fsize13{font-size: 13px !important; line-height: 20px !important;}
.fsize14{font-size: 14px !important; line-height: 23px !important;}
.fsize15{font-size: 15px !important; line-height: 23px !important;}
.fsize17{font-size: 17px !important; line-height: 25px !important;}
.fsize19{font-size: 19px !important; line-height: 25px !important;}
.fsize20{font-size: 20px !important; line-height: 30px !important;}
.fsize23{font-size: 23px !important; line-height: 30px !important;}
.fsize25{font-size: 25px !important; line-height: 35px !important;}
.fsize30{font-size: 30px !important; line-height: 40px !important;}
.fsize35{font-size: 35px !important; line-height: 40px !important;}
.fbold{font-weight: bold !important;}

.pt5{padding-top: 5px !important;}
.pt10{padding-top: 10px !important;}
.pt15{padding-top: 15px !important;}
.pt20{padding-top: 20px !important;}
.pt25{padding-top: 25px !important;}
.pt30{padding-top: 30px !important;}
.pt35{padding-top: 35px !important;}
.pt40{padding-top: 40px !important;}
.pt45{padding-top: 45px !important;}
.pt50{padding-top: 50px !important;}
.pt60{padding-top: 60px !important;}
.pt70{padding-top: 70px !important;}
.pt80{padding-top: 80px !important;}
.pt90{padding-top: 90px !important;}
.pt100{padding-top: 100px !important;}

.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.mt25{margin-top: 25px !important;}
.mt30{margin-top: 30px !important;}
.mt35{margin-top: 35px !important;}
.mt40{margin-top: 40px !important;}
.mt45{margin-top: 45px !important;}
.mt50{margin-top: 50px !important;}
.mt60{margin-top: 60px !important;}
.mt70{margin-top: 70px !important;}
.mt80{margin-top: 80px !important;}
.mt90{margin-top: 90px !important;}
.mt100{margin-top: 100px !important;}

.pb5{padding-bottom: 5px !important;}
.pb10{padding-bottom: 10px !important;}
.pb15{padding-bottom: 15px !important;}
.pb20{padding-bottom: 20px !important;}
.pb25{padding-bottom: 25px !important;}
.pb30{padding-bottom: 30px !important;}
.pb35{padding-bottom: 35px !important;}
.pb40{padding-bottom: 40px !important;}
.pb45{padding-bottom: 45px !important;}
.pb50{padding-bottom: 50px !important;}
.pb60{padding-bottom: 60px !important;}
.pb70{padding-bottom: 70px !important;}
.pb80{padding-bottom: 80px !important;}
.pb90{padding-bottom: 90px !important;}
.pb100{padding-bottom: 100px !important;}

.mb5{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.mb25{margin-bottom: 25px !important;}
.mb30{margin-bottom: 30px !important;}
.mb35{margin-bottom: 35px !important;}
.mb40{margin-bottom: 40px !important;}
.mb45{margin-bottom: 45px !important;}
.mb50{margin-bottom: 50px !important;}
.mb60{margin-bottom: 60px !important;}
.mb70{margin-bottom: 70px !important;}
.mb80{margin-bottom: 80px !important;}
.mb90{margin-bottom: 90px !important;}
.mb100{margin-bottom: 100px !important;}