/* BASIC css start */
#preview_wrap {display:none;}

@charset "utf-8";

.top_banner_wrap{ position:relative; overflow:hidden; width:100%; height:80px; }
.top_banner_wrap ul{ list-style:none; margin:0; padding:0; display:block; position:absolute; left:0; top:0; width:100%; height:100%; margin:auto; }
.top_banner_wrap ul li{ margin:0; padding:0; display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
.top_banner_wrap ul li a{ position:relative; width:1900px; left:50%; margin-left:-950px;}
.top_banner_wrap .nav_wrap{ position:absolute; bottom:10px; height:10px; z-index:2; }
.top_banner_wrap .nav_wrap ul{ display:block; position:relative; list-style:none; margin:0; padding:0; }
.top_banner_wrap .nav_wrap ul li{ display:inline-block; position:relative; width:10px; height:10px; margin:0 1px; cursor:pointer; }
.top_banner_wrap .nav_wrap.bullet{ display:none; height:10px; line-height:10px; }
.top_banner_wrap .nav_wrap.bullet ul li{ font-size:0px; text-indent:-1000px; border-radius:5px; background-color:#CCC; box-shadow:inset 0 0 0 1px #FFF; }
.top_banner_wrap .nav_wrap.bullet ul li.on{ box-shadow:inset 0 0 0 1px #CCC; background-color:#FFF; }
.top_banner_wrap .nav_wrap.prev_next{ height:14px; line-height:14px; text-shadow:1px 1px 0px #CCC; }
.top_banner_wrap .nav_wrap.prev_next ul li{ font-size:0px; width:14px; height:14px; font-weight:bold; text-align:center; }

#header.fix { margin-top:-80px; position:fixed; top:0; left:0; right:0 }

#mask { display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:200 }

/* header */
#header { position:relative; width:100%; background:#fff; z-index:100; border-bottom:1px solid lightgray/*#231f20*/}
#header .headerTnb { margin:0 auto; position:relative; width:1100px; height:45px; *zoom:1 }
#header .headerTnb:after { display:block; clear:both; content:'' }

#header .headerTop { margin:0 auto; position:relative; width:1100px; height:77px; *zoom:1 }
#header .headerTop:after { display:block; clear:both; content:'' }

#header .headerGnb { min-width:1100px; border-bottom:0px solid lightgray/*#231f20*/ }
#header .headerGnb .gnbInner { margin:0 auto; position:relative; width:1100px }
#header .headerGnb .gnbInner ul { *zoom:1 }
#header .headerGnb .gnbInner ul:after { display:block; clear:both; content:'' }
#header .headerGnb .gnbInner ul li { margin:0 31px; position:relative; float:left }
#header .headerGnb .gnbInner ul li a { display:block; height:41px; font-size:14px; color:#202020; line-height:41px; white-space:nowrap; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px transparent }
#header .headerGnb .gnbInner ul li a:before { content:""; position:absolute; left:50%; right:50%; bottom:0; height:2px; z-index:-1; background:#231f20; -webkit-transition-property:left, right; transition-property:left, right; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out }
#header .headerGnb .gnbInner ul li a:active:before,
#header .headerGnb .gnbInner ul li a:focus:before,
#header .headerGnb .gnbInner ul li a:hover:before { left:0; right:0 }
#header .headerGnb .gnbInner ul li a:hover { *height:39px; *border-bottom:2px solid #000; }
#header .headerGnb .gnbInner ul li.first { padding-left:0 }
#header .headerGnb .gnbInner ul li.last { padding:0 0 0 40px }

/* BASIC css end */