@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}

.container{position:relative;width:1260px;margin:0 auto}	
.clear:after{display:block;content:'';clear:both}
.container2{position:relative;width:1150px;margin:0 auto}




/* header */
#header{position:fixed;z-index:100;left:0;top:0;width:100%;min-width:1500px;transition:background 0.3s; background: rgba(255,255,255,1); /*border-top:5px solid #5bc223;*/border-bottom:1px solid #ddd}
#header.scroll{background:rgba(255,255,255,1);border-bottom:1px solid #ddd;}


.hsec1 .logo{float:left;}
.hsec1 .customer{float:right; top:20px}
.lnb{margin-left:200px}
.lnb li{float:left;position:relative}
.lnb li .arrow{position:absolute;z-index:10;left:50%;margin-left:-11px;top:80px;width:22px;height:20px;padding-top:20px;overflow:hidden;transition:0.3s}
.lnb li .arrow:after{display:block;content:'';height:20px;background:url('../images/lnb_semo.png') no-repeat center 100%;}
.lnb li:hover{z-index:10}
.lnb li:hover .arrow{padding-top:0}
.lnb li > a{display:block;padding:0 40px;line-height:110px;font-size:18px;text-align:center;font-weight:600}
.lnb .sub{display:none;position:absolute;top:99px;left:50%;width:200px;margin-left:-90px;border:1px solid #30710b}
.lnb .sub dd a{border-top:1px solid rgba(255,255,255,0.2)}
.lnb .sub dd:first-child a{border-top:0}
.lnb .sub a{display:block;font-size:14px;color:#fff;padding:15px 20px;background:#5293cf;font-weight:600;transition:0.2s}       
.lnb .sub a:hover{background:#29669e}




#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:26px;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;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}
.foot_bar {background:#000000;}

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


.btn_top{display:none;position:fixed;bottom:30px;right:40px;;cursor: pointer;  z-index:99999999}
.body_scroll .btn_top{display:block}


.design_tt{ color:#d50000; border-bottom:#C00 dotted 1px}
.design_box a{font-size:14px; color:#ffffff; background:#297c82; padding:5px 15px; margin-left:10px; line-height:26px}
.design_box a:hover{ background:#990000}