body{font-family:'NanumSquare',sans-serif,'맑은 고딕',Malgun Gothic}

a {
  text-decoration: none;
}

h1 {
  margin-top: 0;
}

#contentWrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

#contentLeft {
  z-index: 10;
  width: 220px;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  padding-top:234px;
  /*background-color: #283c51;*/
  background:rgba(237,137,29,0.95)
}

/*#contentRight {
  padding:20px 0 20px 20px;
  margin-left: 250px;
}*/

/*#leftNavigation {
  margin: 2rem 0;
}*/
#leftNavigation, #leftNavigation li ul {
  list-style: none;
  padding: 0;
}
#leftNavigation li a {
  font-size: 1em;
  display: block;
  padding: 0.8rem 1rem 0.8rem 1.8rem;
  color: #FFFFFF;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  -webkit-transition: color 0.2s ease;
/*  transition: color 0.2s ease;*/
}

#leftNavigation li ul li a { color:#000}
#leftNavigation li ul li a:hover { color:#000}

#leftNavigation li a:hover {
  font-weight:600;
}
#leftNavigation li a, #leftNavigation li a .leftNavIcon {
  line-height: 120%;
}
#leftNavigation li a .leftNavIcon {
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  padding: 0.8rem 0;
  text-align: center;
}
#leftNavigation li a:hover {
  color: white;
}
#leftNavigation li ul {
  display: none;
  margin: 0;
  background-color: #e7e7e7;
}
#leftNavigation li ul li a {
  border-bottom: solid 1px #cdcdcd;
  font-size:0.85em
}
#leftNavigation li ul li:last-child a {
  border-bottom: none;
}
#leftNavigation li ul li.active a {
  color: white;
}
#leftNavigation li.active > a {
  color: white;
}
#leftNavigation li.active ul {
  display: block;
}
#leftNavigation > li.active {
  background-color: #ffa13a;
}
#leftNavigation li ul li a .eng { font-size:12px; padding-left:5px; color:#727272}

#m_menu_wrap { display:none}
.copy_r { position:fixed; left:20px; bottom:20px; z-index:999999; color:#fff; font-size:0.7em}


@media screen and (min-width:2200px) {
#contentLeft {
  padding-top:254px;
}
}

@media screen and (max-width:1024px) {
#contentLeft { display:none }

#m_menu_wrap {display:block;}
.m_depth01 {width:100%;background:#ffa13a;border-bottom:1px solid #e68722;}
.m_depth01 a {display:block;padding:10px 3.125%;font-size:16px;color:#ffffff !important; box-sizing:border-box}
.m_depth01 a:hover {color:#FFFF00 !important}
.m_depth01 .m_depth02 {background:#006e97;}
.m_depth01 .m_depth02 li {padding:2px 0;line-height:11px !important;box-sizing:border-box}
.m_depth01 .m_depth02 a {display:block;padding-left:35px;font-size:14px; color:#d9e2f6;border-bottom:1px solid #036488;}
.m_depth01 .m_depth02 a.end{border-bottom:none;}
.m_depth01 .m_depth02 a:hover{color:#ffffff !important;}
.m_depth01 .m_depth02 .smenu02 {line-height:11px !important; padding:0 0 10px 15px}
#m_menu_close {position:absolute;top:10px;right:8px;z-index:99999}
#m_menu_close img { width:60px; height:auto}
.m_menu_open {position:absolute;top:10px;right:8px;z-index:99999;}
.m_menu_open img { width:60px; height:auto}
.m_menu { padding-top:70px; background-color:#f18d16;z-index:9999}
.m_logo a{ width:100px; height:50px; z-index:99999; position:absolute; left:16px; top:12px; background:url(../img/logo_m.png) no-repeat; background-size:110px auto}
.m_depth01 .m_depth02 .eng { font-size:12px; padding-left:5px; color:#fff}
}


@media screen and (max-width:640px) {
  
#contentLeft { display:none }

#m_menu_wrap {display:block;}
.m_depth01 {width:100%;background:#ffa13a;border-bottom:1px solid #e68722;}
.m_depth01 a {display:block;padding:10px 3.125%;font-size:14px;color:#ffffff !important; box-sizing:border-box}
.m_depth01 .m_depth02 a {padding-left:30px;font-size:13px; }
.m_depth01 .m_depth02 .smenu02 {line-height:11px !important; padding:0 0 10px 15px}
#m_menu_close {position:absolute;top:4px;right:4px;z-index:99999}
#m_menu_close img { width:50px; height:auto}
.m_menu_open {position:absolute;top:4px;right:4px;z-index:99999;}
.m_menu_open img { width:50px; height:auto}
.m_menu { padding-top:50px; }
.m_logo a{ width:100px; height:36px;left:16px; top:8px; background-size:90px auto}
}