@charset "euc-kr";
/* CSS Document */
*{margin:0; padding:0; box-sizing:border-box; }
a,
a:link,
a:hover,
a:active,
a:visited{text-decoration:none;}
.clearfix:before,
.clearfix:after{display:table; content:"";}
.clearfix:after{clear:both;}
ul,li{list-style:none;}
img{vertical-align:top;}
.top .tbox,
.section .sbox,
.footer .fbox,
.subtop .sbox,
.sub .contents{width:100%; margin:0 auto;}
.aa{width: 1000px; margin:0 auto;}
/* top */
.topbg{position:fixed; top:0; left:0; z-index:99999999999; width:100%; background:#fff;  }
.top1{border-bottom:1px solid #ddd;  }
.top1 .tbox{height:110px; padding-top:0px; margin: auto;}
.top1 .tbox .logo {margin: auto;   text-align: center;}
.top1 .tbox .logo img{width:auto; }
.top1 .tbox ul{float:right; margin-top:50px;}
.top1 .tbox ul li{float:left; margin-left:25px;}
.top1 .tbox ul li a{display:block; font-size:14px; color:#666;}

.top2 .tbox{position:relative; }
.top2 .tbox .menubtn{position:relative; float:left; cursor:pointer;}
.top2 .tbox .menubtn ul{position:absolute; top:-5px; left:0; width:34px; padding:10px 0;}
.top2 .tbox .menubtn ul li{height:2px; margin:10px 0; background:#333; transition:all 0.5s; transform-origin: left center;}
.top2 .tbox .menubtn ul .bar_m{width:20px;}
.top2 .tbox .menubtn.on ul .bar_t{transform:rotate(45deg);}
.top2 .tbox .menubtn.on ul .bar_m{width:0;}
.top2 .tbox .menubtn.on ul .bar_b{transform:rotate(-45deg);}
.top2 .tbox .menu{float:right; height:60px; }

.top2 .tbox .menu li{position:relative; float:left; } 
.top2 .tbox .menu li>a{display:block; position:relative; height:60px; padding:0 60px; font-size:18px; font-weight:500; color:#333; line-height:60px; font-family: 'Noto Sans KR', sans-serif; }
.top2 .tbox .menu li>a:before{content:""; position:absolute; bottom:-1px; left:50%; transform:translateX(-50%); width:0; border-bottom:2px solid #2053c9; transition:all 0.3s;}
.top2 .tbox .menu li:last-child>a{height:60px; color:#666; background:#fff;}
.top2 .tbox .menu li:last-child>a:before{display:none;}
.top2 .tbox .menu li:hover>a{color:#2053c9;}
.top2 .tbox .menu li:hover>a:before{width:100%;}
.top2 .tbox .menu li:last-child:hover>a{color:#666;}

/* top submenu */
.submenu{display:none; position:absolute; top:60px; left:50%; transform:translateX(-50%); z-index:99999999998; width:100%; padding:15px; background:rgba(0,0,0, 0.7); }
.submenu p a{display:block; padding:10px 0; font-size:15px; color:#fff; text-align:center;}
.submenu p a:hover{color:#ed1c24;}

/* menu all */
.menu_all{display:none; margin:0 auto;  z-index:997; width:100%; height:280px; padding-top:1px;  background:rgba(255,255,255, 1); border-top:1px solid #0d171f;margin-top: 60px;  }
.menu_all .bb{margin: auto; width: 1100px;  }
.menu_all ul{float:left; width:180px;  border-right:1px solid #e9e9e9; margin-bottom: 10px; height: 200px; text-align: center; margin-top: 20px;}
.menu_all ul:last-child{margin-right:0;}
.menu_all ul:first-child{border-left:1px solid #e9e9e9;}
.menu_all ul li a{display:block; padding:8px 5px; font-size:13px; font-weight:500; color:#666; font-family: 'Noto Sans KR', sans-serif;}
.menu_all ul li:first-child{margin-bottom:10px;   }
.menu_all ul li:first-child a{padding-bottom:15px; font-size:16px; font-weight:500; color:#333; }
.menu_all ul li a:hover{text-decoration:underline;}
.menu_all ul li:first-child a:hover{text-decoration: none;}