@charset "utf-8";
*{-webkit-box-sizing : border-box; -moz-box-sizing : border-box; -o-box-sizing : border-box; -ms-box-sizing : border-box; box-sizing : border-box;} 
/* Font */
@font-face {
    font-family:'NanumGothic';
    src: url('/tpl/webfont/NanumGothic.eot');
    src: url('/tpl/webfont/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('/tpl/webfont/NanumGothic.woff') format('woff'),
         url('/tpl/webfont/NanumGothic.ttf') format('truetype');   
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url('/data/css/Pretendard-Black.woff2') format('woff2'), url('/data/css/Pretendard-Black.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url('/data/css/Pretendard-ExtraBold.woff2') format('woff2'), url('/data/css/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url('/data/css/Pretendard-Bold.woff2') format('woff2'), url('/data/css/Pretendard-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url('/data/css/Pretendard-SemiBold.woff2') format('woff2'), url('/data/css/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url('/data/css/Pretendard-Medium.woff2') format('woff2'), url('/data/css/Pretendard-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url('/data/css/Pretendard-Regular.woff2') format('woff2'), url('/data/css/Pretendard-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url('/data/css/Pretendard-Light.woff2') format('woff2'), url('/data/css/Pretendard-Light.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url('/data/css/Pretendard-ExtraLight.woff2') format('woff2'), url('/data/css/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url('/data/css/Pretendard-Thin.woff2') format('woff2'), url('/data/css/Pretendard-Thin.woff') format('woff');
}

/*Defalut */
* {margin:0; padding:0}
body, td, th, div, span, input, select, textarea { font-family: 'Pretendard', sans-serif; font-size: 14px;color:#666; line-height:130%; }
body { height:100%; overflow-y:scroll; *overflow-y:; -webkit-text-size-adjust:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,span,table,th,td,textarea {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
ul,ol,dl,dd,dt,li {list-style-type:none;}
img,th,td,fieldset,iframe { border:0; }
img {border:0;vertical-align:top;outline:none}
table,tbody,tfoot,thead,tr,th,td {border-collapse:collapse;}
textarea { border:1px solid #d1d1d1; height:120px; }
input,select,label { vertical-align:middle; }

/* Link */
a:link    { color:#666; text-decoration: none; }
a:visited { color:#666; text-decoration: none; }
a:hover   { color:#333; text-decoration: underline; }
a:active  { color:#333; text-decoration: none;}

/* Layout */
#wrapper{ margin:0 auto; min-width:980px; width:100%; overflow: hidden;}
#header{ margin:0 auto; width:980px;}
#header .header-area {position:relative; display: block;}
#top_gnb {width: 165px; height:25px; position: absolute; top:25px; right: 0px;}
#top_gnb ul { height:30px;}
#top_gnb ul li { float:left;  padding-right:8px; font-size:10px; line-height:21px;}
#top_gnb ul li a { font-size:10px; color:#7d7d7d; font-family: Arial, Helvetica;}
#top_gnb ul li a:link {}
#top_gnb ul li a:hover {text-decoration:none; }
#top_gnb .space { font-size:10px; color:#fff; }
#logo{width:262px; margin: 0 auto; position: relative; padding: 15px 0px 15px 0px;}
#navigation{width:100%; display: inline-block;}
#footer {margin:0; auto; width:100%; background:#222 !important;}