@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

*{margin:0;padding:0;box-sizing:border-box}
li{list-style:none}
img{border:0;vertical-align:top}
body, td, p, input, button, textarea, select,a{font-family:'나눔고딕','NanumGothic','Nanum Gothic','돋움',dotum; font-size:12px; color:#555;}
h1,h2,h3,h4,h5,h6,strong,b,dt{font-weight:600}
a,a:hover,a:active,a:focus{text-decoration:none}

body{min-width:1260px}
#header{position:relative;z-index:100}
.container{position:relative;width:1260px;margin:0 auto}	
.clear{clear:both}



#hs1{height:153px;text-align:center}
#hs1 .btn{position:fixed;left:0;top:0;width:100%;z-index:1}
#hs1 .btn a{position:absolute;right:100px;}



#hs2{height:66px;}
#hs2 .fixed{background:url('../images/lnb_line.gif') repeat-x;height:66px}
#hs2 .fixed.on{position:fixed;left:0;top:0;width:100%;}
#hs2 .lnb{text-align:center}
#hs2 .lnb li{position:relative;display:inline-block;}
#hs2 .lnb li > a{display:block;height:66px;line-height:66px;color:#333;padding:0 30px;font-size:18px;font-weight:600}
#hs2 .lnb li > a:hover,
#hs2 .lnb li:hover > a{background:url('../images/lnb_arrow.png') no-repeat center 0}
#hs2 .lnb li:hover .sub{z-index:1}

#hs2 .lnb .sub{display:none;position:absolute;width:160px;left:50%;margin-left:-80px;background:#fff;border:1px solid #ddd;border-top:0}
#hs2 .lnb .sub dl{text-align:center}
#hs2 .lnb .sub dl dd{border-top:1px solid #ccc}
#hs2 .lnb .sub dl dd:first-child{border-top:0}
#hs2 .lnb .sub dl a{height:40px;line-height:40px;font-size:16px;color:#666}
#hs2 .lnb .sub dl a:hover{color:#990000}





#footer .top_btn{text-align:center;margin:15px 0}
#fs1{border-top:1px solid #d8d8d8}
#fs1 .cons{width:50%;float:left;padding:30px 45px;height:240px;;border-right:1px solid #d8d8d8;letter-spacing:-0.5px}
#fs1 .cons h2{height:50px}
#fs1 .con1{border-left:1px solid #d8d8d8}
#fs1 .con1 .tel{font-size:22px;color:#000;line-height:1.3;}
#fs1 .con1 .bank{font-size:18px;color:#000}
#fs1 .con1 .shop{font-size:14px;color:#666;line-height:1.6;margin-top:15px;}
#fs1 .con1 .shop span{margin-right:5px}



#fs2{height:37px;line-height:37px;background:#000;font-size:12px;color:#fff}
#fs2 a{font-size:14px;color:#fff;display:inline-block;margin:0 30px}
#fs2 a:first-child{margin-left:45px}


#fs3{}
#fs3 .con1{padding:20px 0 50px 45px;font-size:12px;color:#666}


/*sitemap*/
#sitemap{position:fixed;left:0;top:0;width:100%;height:100%;z-index:900;left:-9999px}
#sitemap .bg{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.5);}
#sitemap .win{position:relative;width:1000px;height:85%;margin:0 auto;margin-top:-10px;top:70px;background:#fff;opacity:0;}

#sitemap .win .wTitle{position:absolute;top:-70px;width:100%;background:rgba(0,0,0,0.0);height:70px}
#sitemap .win .wTitle .close{position:absolute;right:-70px;top:70px;cursor:pointer}
#sitemap .win .inner{height:100%;;padding:0 50px;overflow:auto}

#sitemap .depth1{padding:50px 0;border-top:1px solid #ddd;overflow:hidden}
#sitemap .depth1 .title{padding-bottom:20px}
#sitemap .depth1 .title a{font-size:18px;font-weight:600;}

#sitemap .arr-garo dl{overflow:hidden}
#sitemap .arr-garo dl dt{font-size:14px;font-weight:600}
#sitemap .arr-garo dl dd{float:left;width:150px;border-left:1px solid #ddd;padding-left:10px;margin:10px 0}
#sitemap .arr-garo dl dd a{color:#555;font-size:13px}

#sitemap .arr-sero dl{width:190px;float:left;overflow:hidden}
#sitemap .arr-sero dl dt{font-size:14px;font-weight:600;padding:10px 0}
#sitemap .arr-sero dl dd{border-left:1px solid #ddd;padding-left:10px;margin:10px 0}
#sitemap .arr-sero dl dd a{color:#555;font-size:13px}

#sitemap.on{left:0}
#sitemap.on .win{opacity:1;transition:0.5s;margin-top:0}