html,body{height:100%;}
body.action{overflow:hidden;height: 100%;}
#wrap{overflow:hidden;position:relative;min-width:1200px;min-height:100%;padding-bottom:135px;}

#wrap.excel #header,
#wrap.excel #footer {display: none;}
#wrap.excel #content {padding-top: 0;}

.clearfix{display: block;}
.clearfix:after {display: block;clear: both;content: ".";visibility: hidden;height: 0;}

.con-area{width:1194px;margin:0 auto;}
.con-area:after{content:"";display:block;clear:both;}

#header {
  position: relative;
  z-index: 1000;
}

#header{height:86px;position:relative;}
#header .con-area{width:1194px;margin:0 auto;position:relative;z-index:2;background-color: #fff;}
#header #logo{float:left;padding-top: 21px;position:relative;z-index:20;}
/* #header #logo a{display:block;font-size:24px;color:#202020;font-weight: 900;} */
#header #logo a img{height:60px;}
#header .menu{float:left;margin-left:100px;padding-top:63px;position:relative;z-index: 10;}
#header .menu > li{position:relative;float:left;margin-right:50px;}
#header .menu > li:last-child{margin-right:0;}
#header .menu > li > span{display:block;font-size:18px;color:#202020;font-weight: bold;}
#header .menu > li:hover > span, #header .menu > li.active > span{color:#bababa;}
#header .menu > li > .sub1{display:none;position:absolute;left:0;width:calc(200vw + 200px);background-color: #FFF;margin:0 -100vw; padding:15px 100vw 25px 100vw;z-index: 10;}

#header .menu > li > .sub1 > li{margin-top:10px;}
#header .menu > li > .sub1 > li > a{font-size:15px;color:#202020;font-family: 'NanumGothic';}
#header .menu > li > .sub1 > li > a:hover{color:#bababa;}

#header .dropdown-bg {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 86px;
  left: 0;
  pointer-events: none;
  transition: opacity 0.3s;
  z-index: 1;
}
#header .dropdown-bg.hidden {
  opacity: 0;
}

#header .right-menu{float:right;padding-top: 48px;position: relative;z-index: 15;}
#header .right-menu > li{float:left;}
#header .right-menu > li.user{margin-right:35px;padding-top:2px;}
#header .right-menu > li.user span{color:#fec222;}
#header .right-menu > li > a.user{display:block;font-size:18px;color:#202020;}
#header .right-menu > li > a.login-btn{display:block;padding:7px 15px;font-size:18px;color:#fff;background:#202020;border-radius:3px;}
#header .right-menu > li select{vertical-align:middle;height:24px;padding:0px 35px 0 15px;border:1px solid #ddd;font-family: 'NanumGothic';background:url(../images/sub/select_icon.png) no-repeat right 10px center;border-radius:3px;}
#header .right-menu > li select::-ms-expand { 
  display: none;
}

#container{}
#content{width:1194px;margin:0 auto;padding:50px 0 285px;}
#content:after{content:"";display:block;clear:both;}

.section-4 #footer{position:absolute;left:calc((1194px - 100vw) / 2);bottom:0;width:200vw;margin:0 -50vw;background:#202020;}
#footer{position:absolute;left:0;bottom:0;width:100%;background:#202020;}
#footer .con-area{padding:38px 0;position:relative;}
#footer .foot-logo{float:left;color:#fff;width:50%;}
#footer .foot-logo > div:first-child{font-size:17px;font-weight: 900;margin-bottom: 36px;}
/* #footer .foot-logo > div:not(:first-child){font-size:14px;margin-bottom: 6px;} */
#footer a{color:inherit !important;}
#footer img{height:20px; margin-left:10px;margin-bottom:14px;vertical-align:bottom;}
#footer .con-box{overflow: hidden;text-align:right;margin-top:auto;position:absolute;bottom:38px;right:0;}
#footer .address{line-height:1.5;font-size:12px;color:#fff;font-family: 'NanumGothic';}
#footer .copyright{line-height:1.5;font-size:12px;color:#fff;font-family: 'NanumGothic';}
#footer .line {width:24px;border-top:2px solid #FFFFFF;margin-bottom:18px;}