@charset "utf-8";

/* font */
@font-face {
    font-family:'Nanum Gothic';
    font-weight:400;
    src: url('../font/NanumGothic.eot');
    src: url('../font/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('../font/NanumGothic.woff') format('woff'),
		 url('../font/NanumGothic.ttf') format('truetype');
}
@font-face {
    font-family:'Nanum Gothic';
    font-weight:600;
    src: url('../font/NanumGothicBold.eot');
    src: url('../font/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
         url('../font/NanumGothicBold.woff') format('woff'),
		 url('../font/NanumGothicBold.ttf') format('truetype');
}
@font-face {
    font-family:'Nanum Gothic';
    font-weight:900;
    src: url('../font/NanumGothicExtraBold.eot');
    src: url('../font/NanumGothicExtraBold.eot?#iefix') format('embedded-opentype'),
         url('../font/NanumGothicExtraBold.woff') format('woff'),
		 url('../font/NanumGothicExtraBold.ttf') format('truetype');
}
@font-face {
    font-family:'webcafeIcon';
    src: url('../font/webcafeIcon.eot');
    src: url('../font/webcafeIcon.eot?#iefix') format('embedded-opentype'),
         url('../font/webcafeIcon.woff') format('woff'),
		 url('../font/webcafeIcon.ttf') format('truetype');
}


@import url("//fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("//fonts.googleapis.com/earlyaccess/nanummyeongjo.css");

/* html5요소 하위브라우져 적용 */
body.bg-wood {background:url(../images/bg.jpg) no-repeat 50% 0;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block}
/* 모든 Device를 위한 공통 로드 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,figure,figcaption{margin:0;padding:0;font-family:Nanum Gothic}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;font-family:Nanum Gothic}
ol,ul{list-style:none;font-family:Nanum Gothic}
legend,caption{text-indent:-100%;*text-indent:0;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;text-shadow:none;color:transparent;}
a {text-decoration:none;color:#333;font-size:12px;font-family:Nanum Gothic}
.clearfix{*zoom:1}
.clearfix:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.ir{overflow:hidden;text-indent:-9999px;position:absolute;z-index:-9999;top:-10000px;left:-10000px;}
.clear{clear:both}
.overHidden{overflow:hidden}


/* 인트로 상단이미지롤링 */
.intro_topimgWrap{position:relative;z-index:1;width:100%;}
.autoRollingArea{position:relative;z-index:1;width:1100px;height:320px;background:url(../images/top_bg.jpg)}
.autoRollingArea ul{position:relative;z-index:1;width:1100px;height:320px;border:0px solid #e5e5e5;overflow:hidden;}
.autoRollingArea ul li{display:none;position:absolute;z-index:1;top:0;left:0;}
.autoRollingArea ul li img{width:1100x;}

/* 인트로 컨텐츠 */
.con1100{width:1100px;margin:0 auto;}
div.header{position:relative;z-index:1;width:100%;height:150px;border-bottom:0px solid #8d8d8d;}
div.header .con1100{height:150px;}
div.header .cont {position:absolute; width:1100px; height:830px;top:0px;}
div.header .cont .txt {position:absolute; z-index:50; width:320px; text-align:center; top:600px; left:135px; line-height:32px; font-size:22px; color:#333333;}
div.header .cont .txt2 {float:right;position:absolute; z-index:50; width:360px; text-align:center;top:600px;right:90px; line-height:32px; font-size:22px; color:#333333;}


/* skip navigation */
a.skipNaviBtn{position: absolute;z-index:100;background:none repeat scroll 0 0 #ea0e15;color:#ffffff;display:block;left:-200%;text-align:center;width:200px;padding:5px 0;border:1px solid #000000;border-top:none;}
a.skipNaviBtn:focus{left:50%;margin-left:-100px;z-index:10000;}
a.skipNaviBtn:hover {left:50%;margin-left:-100px;z-index:10000;}
a.skipNaviBtn:active {left:50%;margin-left:-100px;z-index:10000;}