@charset "utf-8";

/* Font */
/* 나눔고딕 regular */
@font-face {
    font-family:'Nanum Gothic';
    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');   
}
/* 나눔고딕 Light */
@font-face {
    font-family:'Nanum Gothic';
    font-weight:300;
    src: url('/tpl/webfont/NanumGothicLight.eot');
    src: url('/tpl/webfont/NanumGothicLight.eot?#iefix') format('embedded-opentype'),
         url('/tpl/webfont/NanumGothicLight.woff') format('woff'),
         url('/tpl/webfont/NanumGothicLight.ttf') format('truetype');   
}

/* 나눔고딕 bold (굵기가 있는 경우) */
@font-face {
    font-family:'Nanum Gothic';
    font-weight:700;
    src: url('/tpl/webfont/NanumGothicBold.eot');
    src: url('/tpl/webfont/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
         url('/tpl/webfont/NanumGothicBold.woff') format('woff'),
         url('/tpl/webfont/NanumGothicBold.ttf') format('truetype');   
}

@font-face {
    font-family:'Nanum Gothic';
    font-weight:800;
    src: url('/tpl/webfont/NanumGothicExtraBold.eot');
    src: url('/tpl/webfont/NanumGothicExtraBold.eot?#iefix') format('embedded-opentype'),
         url('/tpl/webfont/NanumGothicExtraBold.woff') format('woff'),
         url('/tpl/webfont/NanumGothicExtraBold.ttf') format('truetype');   
}

/* 나눔스퀘어 */
@font-face {
    font-family:'Nanum Square';
    src: url('/tpl/webfont/NanumSquareR.eot');
    src: url('/tpl/webfont/NanumSquareR.eot?#iefix') format('embedded-opentype'),
         url('/tpl/webfont/NanumSquareR.woff') format('woff'),
         url('/tpl/webfont/NanumSquareR.ttf') format('truetype');   
}

@font-face {
    font-family:'Nanum Square';
	font-weight:300;
    src: url('/tpl/webfont/NanumSquareL.eot');
    src: url('/tpl/webfont/NanumSquareL.eot?#iefix') format('embedded-opentype'),
         url('/tpl/webfont/NanumSquareL.woff') format('woff'),
         url('/tpl/webfont/NanumSquareL.ttf') format('truetype');  
}

@font-face {
    font-family:'Nanum Square';
	font-weight:700;
    src: url('/tpl/webfont/NanumSquareB.eot');
    src: url('/tpl/webfont/NanumSquareB.eot?#iefix') format('embedded-opentype'),
         url('/tpl/webfont/NanumSquareB.woff') format('woff'),
         url('/tpl/webfont/NanumSquareB.ttf') format('truetype');  
}

@font-face {
    font-family:'Nanum Square';
	font-weight:900;
    src: url('/tpl/webfont/NanumSquareEB.eot');
    src: url('/tpl/webfont/NanumSquareEB.eot?#iefix') format('embedded-opentype'),
         url('/tpl/webfont/NanumSquareEB.woff') format('woff'),
         url('/tpl/webfont/NanumSquareEB.ttf') format('truetype');  
}

/*Defalut */
* {margin:0; padding:0}
body, td, th, div, span, input, select, textarea { font-family: 'Nanum Gothic','나눔고딕'; font-size: 13px;color:#666; line-height:22px; }
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:#7d7d7d; text-decoration:none;}
a:visited {color:#7d7d7d; text-decoration:none;}
a:hover   {color:#0b96d4; text-decoration:underline;}
a:active  {color:#0b96d4; text-decoration:none;}


#wrap{width:100%; min-width:980px;}
#header{width:100%; background:url('/images/kor01-14-0158/common/top_bg.gif') repeat-x 0 0;}
#header > div{position:relative; margin:0 auto; width:980px; height:142px;}
#logo{position:absolute; top:50px; left:0;}

#login{position:absolute; top:14px; right:0;}
#login ul:after{content:""; display:block; clear:both;}
#login li{float:left; margin-left:10px; padding-left:10px; font-size:10px; line-height:8px; border-left:1px solid #ccc;}
#login li:first-child{padding-left:0; margin-left:0; border-left:0;}
#login li a{line-height:8px; color:#333;}
#login li a:hover, 	#login li a:active{text-decoration:none; color:#333;}

#gnb{position:absolute; top:60px; right:0;}

#footer{width:100%; border-top:1px solid #e5e5e5;}