@charset "utf-8";

html,body{width: 100%; height: 100%;}
#wrap{width: 100%; height: 100%; }
.sub_wrap{width: 100%; min-width: 1200px;  min-height: 860px; position: relative; margin: 0 auto; z-index: 1;}

/*#quick_menu{width: 110px; overflow: hidden; position: fixed; top:200px; right: 50px; z-index: 9999;}
#quick_menu a{display: block; margin-top: 13px;}*/
hr{background: #eee; border: none; clear: both; height: 1px; line-height: 0; margin: 2em 0; page-break-after: always;}

/*js.han 2017.1.3 */
#header{width: 334px; min-height: 990px; height: 100%; float: left; z-index: 100; overflow: hidden; position: fixed; left: 0; top: 0; bottom: 0; background: #fff;}
#header #head{height: 100%; color: #666; z-index: 999;}
h1{position: relative; padding: 80px 65px;}
#header #head h2{background: #e02e36; color: #fff; font-weight: 700; padding: 12px 12px; font-size:16px;}


/* 네비게이션 */
#nav{height: 380px; font-family: 'Ubuntu', sans-serif;}
#nav .mm{width: 100%; background: #fff;}
#nav .mm>a{display: block; width:100%; height: 30px; line-height: 30px; padding-left: 65px; font-size: 14px; display:block; color:#707070;}

#nav .sub_nav{width:100%; display:none; padding: 0 10px 10px 80px; box-sizing:border-box;}
#nav .sub_nav li a{color:#777;font-size:12px;line-height:18px;width:100%;text-align:left;display:block;}
#nav .sub_nav li a:hover{color:#333;}

#footer{color: #666;  font-size: 11px; bottom: 15px; width: 334px; padding: 30px 65px; box-sizing:border-box;}
/*#footer p{font-size: 18px;  box-sizing:border-box; padding: 15px 0; line-height: 25px;}*/
#footer .sns_list{display: block; overflow: hidden;}
#footer .sns_list li{float: left; margin-right: 20px; }
#footer .copy{display: block; margin-top: 30px; font-style: normal; line-height: 20px;}
#footer .copy a{color:#ccc;}
#footer .foot_logo{padding-top: 20px;}