@charset "utf-8";

/* 나눔고딕 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');   
}


/*Defalut */
* {margin:0; padding:0}
body, td, th, div, span, input, select, textarea { font-family: 'Nanum Gothic','나눔고딕',sans-serif; font-size:14px; color:#555; line-height:20px; }
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:#0062AA; text-decoration:underline;}
a:active  {color:#0062AA; text-decoration:none;}


#wrap{margin:0 auto; width:100%; min-width:1280px;  overflow: hidden;}

#header{width:100%; height:120px; min-width: 1024px; max-width: 990px; position:relative; margin:0 auto; max-height:120px; }
#logo{position:relative; top:25px; left:0; margin:0 auto;}
#login{position:absolute; top:20px; right:0;}
#login ul:after{content:""; display:block; clear:both;}
#login li{float:left; line-height:8px; margin-left:10px; padding-left:10px; border-left:1px solid #ddd;}
#login li:first-child{margin-left:0; padding-left:0; border-left:0;}
#login a{line-height:8px; font-size:10px; color:#808080;}
#login a:hover, #login a:active{text-decoration:none; color:#808080;}
#footer {width: 100%; margin: 0 auto; position: relative; border-top:1px solid #dedede;}
#gnb{position:relative; right:0;width:100%; height:60px; min-width: 1024px; margin:0 auto; border-bottom:1px solid #80a7d7; }
#sub-visual {width: 100%; height: 140px; min-width: 1024px; background-image: url(/images/kor04-17-0357/sub/sub_visual_top.jpg); background-repeat: no-repeat; background-position: center 0; background-size: 100% auto; position: relative; margin: 0 auto;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/kor04-17-0357/sub/sub_visual_top.jpg', sizingMethod='scale');
-ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/kor04-17-0357/sub/sub_visual_top.jpg', sizingMethod='scale');
}