@charset "euc-kr";
#contents{position:relative; z-index:5; margin-top:-50px;}
#aside.section{ overflow:hidden; margin-bottom:10px;float:left; width:220px; }
#aside.section #label {position:relative; width:100%;}

#aside.section #label a.sub_nav_open {display:none; width:40px; height:30px; position:absolute; top:6px; right:10px;}
#aside.section #label a.sub_nav_open strong { width:100%; height:100%; display:block; text-indent:-9999px;}
#aside.section .aside_btext {text-align:center;background:url(/img/sub/left_top_bg.png); height:150px;}
#aside.section .aside_btext p{padding-top:50px;text-decoration:underline;  display:inline-block; text-align:center; color:#fff; font-size:23px; letter-spacing:-0.07em; font-weight:400;}
#sub_nav {}
#sub_nav ul{}
#sub_nav ul ul{border-top:none;}
#sub_nav a {text-decoration:none; line-height:46px; display:block; overflow: hidden;}
#sub_nav p a{background:url(/img/sub/left_bg.gif) repeat-y;  border-bottom:1px solid #d2d2d2;}

#sub_nav a strong{display:block; padding-left:15px; background:url('/img/common/sub_nav_off.gif') no-repeat; background-position:93% 47%; border-right:1px solid #d2d2d2;}
#sub_nav .active p a strong, #sub_nav .active p a:hover strong {border-left:3px solid #183373;  color:#183373; font-weight:500; background-color:#fff;border-right:1px solid #d2d2d2; font-size:16px;}
#sub_nav p a strong:hover{font-weight:500; border-left:3px solid #183373;  color:#183373; background-color:#fff; border-right:1px solid #d2d2d2}

#sub_nav .sub_down.active p a {line-height:40px;}
#sub_nav .sub_nav_class{background:#596385;}
#sub_nav .sub_down p a{line-height:40px;}
#sub_nav .sub_down a strong { background:url('/img/common/sub_nav_on_off.gif'); background-position:93% 47%; }
#sub_nav .sub_down.active a strong, #sub_nav .sub_down a:hover strong { background:url('/img/common/sub_nav_on_hover.gif'); background-position:93% 47%; }
#sub_nav .sub_nav_class {padding:0; display:none; background:#f1f1f1;}
#sub_nav .sub_nav_class li a {font-size:14px; background:url(/img/sub/left_bg.gif) repeat-y; padding:0px 0 0 20px; border-bottom-width:0; border-bottom:1px solid #ddd;}
#sub_nav .sub_nav_class li a:hover, #sub_nav .sub_nav_class li a.active {color:#333; font-weight:500; text-decoration:underline; }


/********************************** Media Queries **********************************/
@media all and (min-width:1001px) and (max-width:4000px) {


}

@media all and (max-width:999px) {
#contents{margin-top:0 !important; background:#fff; width:100%;}

#aside.section{ clear:both; float:none; width:100%; background:none;}
#aside.section #label {}
#aside.section #label .sub_nav_open {display:block !important; background:url(/img/common/menu_arrow.png) center 10px no-repeat; background-size:23px auto;}
#aside.section .aside_btext {text-align:left; height:auto; display:block; color:#fff;}
#aside.section .aside_btext p{padding:12px 0 12px 10px; font-weight:600; font-size:18px; text-align:left; text-decoration:none;}
#sub_nav{border:none;display:none; margin-bottom:0;}
#sub_nav a strong{color:#444; display:block; padding-left:15px;background: url('/img/common/sub_nav_off.gif') no-repeat; background-position:97% 47%; font-weight:500;}
#sub_nav a {text-decoration:none; height:45px; line-height:45px; display: block; overflow: hidden;}
#sub_nav p a{background-image:none;}
#sub_nav p a strong:hover{}
#sub_nav .sub_down.active p a { color:#444; height:45px; line-height:45px;  }





#sub_nav .sub_down p a{}
#sub_nav .sub_down a strong {background-image:url('/img/common/sub_nav_on_off.gif'); background-position:93% 47%;}

#sub_nav .sub_down.active a strong, #sub_nav .sub_down a:hover strong {}
#sub_nav .sub_nav_class {display:none; }
#sub_nav .sub_nav_class li a {border-right:1px solid #d2d2d2; background-image:none; padding:0 0 0 20px; color:#555; border-bottom-width:0px; height:45px; line-height:45px; border-bottom:1px solid #ddd;}
#sub_nav .sub_nav_class li a:hover, #sub_nav .sub_nav_class li a.active {text-decoration:underline; color:#333; }

.left_banner{display:none;}


#contents.section { max-width:100%; }
}

@media all and (min-width:721px) and (max-width:799px) {

}

@media all and (max-width:720px) {
#sub_nav a strong{background: url('/img/common/sub_nav_off.gif') no-repeat; background-position:95% 47%; }
}

@media all and (max-width:500px) {
#sub_nav a strong{background: url('/img/common/sub_nav_off.gif') no-repeat; background-position:93% 47%; }
}

@media all and (max-width:400px){
#sub_nav a strong{background: url('/img/common/sub_nav_off.gif') no-repeat; background-position:92% 47%; }
}

@media all and (max-width:360px){
}

@media all and (max-width:320px) {
}