*{margin:0 auto;}
ul, li, a{text-decoration:none;list-style:none;}
/*font-family: 'Nanum Gothic Coding'*/
@font-face {

    font-family:'NanumGothic';

    src: url('../../font/NanumGothic.eot');

    src: url('../../font/NanumGothic.eot?#iefix') format('embedded-opentype'),

         url('../../font/NanumGothic.woff') format('woff'),

         url('../../font/NanumGothic.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

/*font-family: 'Nanum Gothic Coding'*/
@font-face {

    font-family:'NanumBarunGothic';

    src: url('../../font/NanumBarunGothic.eot');

    src: url('../../font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),

         url('../../font/NanumBarunGothic.woff') format('woff'),

         url('../../font/NanumBarunGothic.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}
body {width:100%; height:100%; margin:0 auto; padding:0; word-wrap:break-word;word-break:break-all; -webkit-text-size-adjust:none;/*overflow-x:hidden;*/ font-family:'NanumBarunGothic';}
a { -webkit-tap-highlight-color:transparent;}
li { -webkit-tap-highlight-color:transparent;}
div { -webkit-tap-highlight-color:transparent;}
#wrap{margin:0 auto;width:100%;background:transparent;}
#header{margin:0 auto;width:100%;height:55px;background:#ffffff;
/* 추가css*/
   position: fixed;
    top: 0;
    left: 0;
    z-index: 150;
    border-bottom: 2px solid #ffb400;
}
#top{margin:0 auto;width:100%;height:100%;max-height:380px;background:#585858;}
#navi{margin:0 auto;width:100%;height:280px;background:#ffffff;}
#footer{margin:0 auto;width:100%;height:95px;background:#ffffff;}

/*margin*/
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}

/*header*/
#header > ul{display:block;margin:0 auto;padding:0;width:100%;height:100%;}
.h_con{float:left;display:block;height:55px;margin:0 auto;padding:0;}

.h_con.a{width:20%;background:transparent;}
.h_con.b{width:60%;background:transparent;margin: 0 auto;  }

.h_con.c{width:20%;}

.btnpc{

  position:absolute;top:10px;right:10px;
}

.btnlogo {
  width: 100%;
  height:55px;
   z-index: 1;
  cursor: pointer;
}
/*header Menu*/

html.open {
  overflow: hidden;
}

.btn.menuIcon {
 width: 55px;
  height:55px;
  position: absolute;
  left: 10px;
  top: 15px;
  z-index: 1;
  cursor: pointer;
}

.close {
  width: 35px;
  height: 35px;
  position: absolute;
  right: 0px;
  top: 10px;
    cursor: pointer;
  z-index:1;
}

#menu {
  width: 90%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: -92%;
  z-index: 10;
  background-color: white;
  text-align: center;
  transition: All 0.2s ease;
  -webkit-transition: All 0.2s ease;
  -moz-transition: All 0.2s ease;
  -o-transition: All 0.2s ease;
}

#menu.open {
  left: 0px;
}

.page_cover.open {
  display: block;
}

.page_cover {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 4;
  display: none;
}

/*메뉴 스타일*/

.menu_list {	
	width: 100%;
}
.depth.a > span{float:right;}
.depth.a {
	padding: 10px 10px 10px 30px; 
	/*	background: #ffffff url(../../images/arrow_black_down.png) center right no-repeat;*/
	text-decoration:none; 
	display: block; 
	color: #333333; 
	text-align:left;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff; 
	position: relative;
	cursor: pointer;
}

.depth.aa {
	padding: 10px 10px 10px 30px; 
	list-style:none;
	background: #ffffff ;
	text-decoration:none; 
	display: block; 
	color: #333333; 
	text-align:left;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff; 
	position: relative;
	cursor: pointer;
}


.depth.b {
	padding: 10px 10px 10px 30px; 
	background: #ececec ; 	
	display: block; 
	color: #333333; 
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff; 
	position: relative;
	cursor: pointer;
}

.depth.b a{text-decoration:none; color: #333333;text-align:left;}
.depth.aa a{text-decoration:none; color: #333333;text-align:left;}

.menu_nonebody a{
   width:100%;
  display:block;
  color:#2b376d;
  background-color:#ffffff;
  padding-right: 10px;
  text-decoration:none;
}

.menu_body {
	display:none;
}
.menu_body a{
 width:100%;
  display:block;
  color:#006699;
  background-color:#ececec;
  padding-left:10px;
  font-weight:bold;
  text-decoration:none;
}


.second_menu {padding: 0px 10px 56px 10px; background: #333333; text-decoration:none; display: block;border-bottom: 1px solid #ccc;position: relative;}
.second_menu .s_menulogo{display: block;width:90px;height:30px;line-height:30px;color:#ffffff;float:left;margin-top:20px;text-align:center;font-size:18px;}
.second_menu .s_menubtn{display: block;width:50px;height:20px;line-height:25px;font-size:12px;background:#015886;color:#ffffff;float:left;margin-top:25px;text-align:center;}
.second_menu .s_menubtn.a{  
  background:#585858;}
.second_menu .s_menubtn.b{ 
  padding-left: 15px;
  background-image: url("../../images/join_icon.png");
  background-size: 27%;
  background-repeat: no-repeat;
  background-position: left; }
.grey .accordion .depth1 {padding: 10px 10px 10px 30px; background: #ffffff; text-decoration:none; display: block; color: #333333; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; position: relative;}
.grey .accordion .depth2 {padding: 10px 10px 10px 30px; background: #ececec; text-decoration:none; display: block; color: #333; border-bottom: 1px solid #ccc;position: relative;}
.grey .accordion .depth3 {padding: 10px 10px 10px 30px; background: #dcdcdc; text-decoration:none; display: block; color: #333; border-bottom: 1px solid #ccc;position: relative;}

.grey .accordion .depth1.dcjq-parent.active {background: #333333;color: #fff;border:none;}
.grey .accordion .depth2.dcjq-parent.active {background: #646464;color: #fff;border:none;}
.grey .accordion .depth2{background: #f9f9f9;color: #333333;}


.grey .accordion a .dcjq-icon {position: absolute; top: 50%; right: 3px; width: 34px; margin-top: -17px; height: 34px; background: url(./images/arrow_blue_down.png) no-repeat 0 center;}
.grey .accordion a.dcjq-parent.active .dcjq-icon {background: url(./images/arrow_white_down.png) no-repeat 0 center;}


  /*footer*/
.f_menu{width:100%;height:40px;background:#3f3e3f;}
.footerMenu a{color:#ffffff;line-height:16px;text-align:center;font-size:13px;padding-top:5px;}
.footerMenu{float:left;display:block;width:33.33%;height:40px;text-align:center;}
.footerMenu.b{box-sizing:border-box;border-left: 1px solid #fff;}
.footerMenu.c{box-sizing:border-box;border-left: 1px solid #fff;}
#copyrights{margin: 0 auto;width:90%;padding: 0 5%;height:70px;background:#f8f8f8;color:#6e6b6b;font-size:7px;line-height:13px;text-align:left;padding-top:18px;}
#copy_text{}
.soildLine{border-bottom:1px solid #6e6b6b; font-size:16px; line-height:20px;}