*{margin:0px; padding:0px;}
li{list-style:none;}
a{text-decoration:none; color:#222;}

body{word-break:keep-all ;}
body{font-family:'Nanum Gothic', sans-serif;}
@media(min-width:1201px){

#header{width:1200px; margin:30px auto 0px; position:relative; height:140px; }


.nb{position:absolute; top:20px; right:0px;}
.nb li{float:left; margin-right:5px;}
.nb li a{color:#ccc; font-size:12px; }

img.nb{display:none;}
img.nb1{display:none;}
.gnb_mo{display:none;}

.gnb{ position:absolute; right:0; top:100px; z-index:999;}
.gnb>li{float:left; position:relative; }
.gnb>li>a{ height:33px; color:#222; font-weight:bold; font-size:20px; line-height:33px; display:block; margin-right:90px; text-align:center;}
.gnb>li>a:hover{color:#45a9b8;}
.gnb:after{clear:both; content:""; display:block;}
.gnb .no_m>a{margin-right:0px;}
.gnb>li>ul{width:100%; position:absolute; top:33px; left:0px; display:none;}

.gnb>li>ul a{ display:block; /*height:50px; background:#777;*/font-size:14px; line-height:14px; color:#fff;  padding:15px 0px 10px 10px; box-sizing:border-box; }
.gnb>li>ul a:hover{color:#45a9b8;}

.bgGnb {
    position:absolute; width:100%; height:275px; left:0px; top:0px; display:none; z-index:99; background-color: rgba( 49, 49, 49, 0.9 );}

/*footer*/
#footer{width:100%; background:#1F1F1F; padding:50px 0px; color:#aaa; font-size:12px; margin-top:20px;}
.ft{width:1000px; margin:0px auto; font-size:12px; line-height:20px;}
#footer img{float:left; margin-right:150px;}
#footer p{float:left;}
.ft:after{clear:both; content:""; display:block;}
#footer .top{display:none;}
}

@media(max-width:1200px){
#header{width:100%; margin:30px auto 0px; position:relative; height:84px; }
img.nb{position:absolute; top:0px; right:0px; cursor:pointer;}
img.nb1{position:absolute; top:0px; right:0px; display:none; cursor:pointer;}

ul.nb{display:none;}
.gnb{display:none;}


.gnb_mo{width:200px; height:100%; position:fixed; left:-1200px; top:114px; z-index:999; background:#777; /*padding:10px;*/ }
.gnb_mo>li{width:100%; /*float:left;*/   position:relative; z-index:999;}
.gnb_mo>li>a{height:60px; color:#222; font-size:1.1rem; line-height:60px; display:block; text-align:left; border-bottom:1px solid #ccc; padding:10px ;}

.gnb_mo>li>a:hover{color:#45a9b8;}
.gnb_mo:after{clear:both; content:""; display:block;}
.gnb_mo>li:last-child>a{border-bottom:0px;}

.gnb_mo>li>ul{width:100%; position:absolute; top:10px; left:200px; }

.gnb_mo>li>ul a{ display:block; height:30px;  /*background:#777;*/font-size:1rem; line-height:30px; color:#fff;  padding:0px 0px 0px 10px; box-sizing:border-box;}
.gnb_mo>li>ul a:hover{color:#45a9b8;}

#nav_bg{position:fixed; left:200px; top:114px; width:170px; height:100%; background:#775724; border-left:1px solid #fff; border-right:1px solid #ddd; z-index:99; display:none;}

.qa{width:100%!important; margin:10px 0px!important;}
#sub_visual{height:120px!important; line-height:120px!important; margin-top:20px;}
/*footer*/
#footer{width:100%; background:#1F1F1F; padding:50px 0px; color:#aaa;  margin-top:20px; position:relative;}
.ft{width:95%; margin:0px auto; font:0.9rem/20px "Nanum Gothic"; }
#footer img{ margin-bottom:20px;}	
#footer .top{width:50px; height:50px; position:absolute; right:15px; bottom:15px;}
#footer .top a{width:50px; height:50px; display:block;}
}