#wrap {width: 100%; min-width: 1280px;}
.safe-box {position: relative; width: 1180px; margin: 0 auto;}


#header-wrap {width: 100%; height: 100px;}
  #header {position: absolute; top: 0px; width: 100%; height: 100px; min-width: 1280px; overflow: hidden;}
    #logo {position: relative; top: 27px;}

    #gnb-box {position: absolute; top:37px; right: 90px; z-index: 70;}
      #gnb-box>ul {display: table;}
        #gnb-box>ul>li {position: relative; display: table-cell; width: 145px; text-align: center; float: left;}
        #gnb-box>ul>li:first-child,
        #gnb-box>ul>li:nth-child(3) {width: 100px;}
          #gnb-box>ul>li>a {font-size: 17px; color: #333;}
          #gnb-box>ul>li>a:hover,
          #gnb-box>ul>li>a.on {font-weight: 500; color: #515f7a;}
          #gnb-box>ul>li>a:hover:after,
           #gnb-box>ul>li>a.on:after {position: absolute; top: 43px; display: block; content: url(../img/gnb-this.png); width: 100%;}

      #gnb-box>ul>li>ul {position: relative; top: 60px;}
        #gnb-box>ul>li>ul>li {position: relative; margin-bottom: 5px;}
          #gnb-box>ul>li>ul>li>a {width: 100%; text-align: center; font-size: 13px; color: #fff; opacity: 0.6; }
          #gnb-box>ul>li>ul>li>a:hover {opacity: 1;}
          #gnb-box>ul>li>ul>li>a:hover span {border-bottom: 1px solid #fff;}

    #lang-select {position: absolute; top: 32px; right: 0px;}
      #lang-select ul li {float: left;}
        #lang-select ul li a {display: block; width: 31px; height: 31px; line-height: 31px; text-align: center; border: 1px solid #999;}
        #lang-select ul li:first-child.on a {color: #fff; background-color: #999; border-right: 0px;}
        #lang-select ul li:last-child.on a {color: #fff; background-color: #999; border-left: 0px;}


#gnb-shadow {position: absolute; top: 100px; width: 100%; height: 0px; background-color: #515f7a; z-index: 60;}

#footer-wrap {width: 100%; height: 200px; background-color: #2d2f35;}
  #f-tool {width: 100%; height: 60px; line-height: 60px; border-bottom: 1px solid #42444a;}
    #f-tool ul {}
      #f-tool ul li {float: left;}
        #f-tool ul li a {font-size: 12px; font-weight: 100; color: #fff; float: left;}
        #f-tool ul li a:after {position: relative; top: -2px; display: block; content: url(../img/f-tool-dot.gif); padding: 0px 15px;  float: right;}
        #f-tool ul li:last-child a:after {display: none;}
        #f-tool ul li a:hover {text-decoration: underline;}

        #f-tool #top-btn {position: absolute; top: 7px; right: 0px; cursor: pointer;}

  #footer {position: relative;}
    #footer .addr-box {position: absolute; top: 50px; left: 0px;}

    #footer .addr li {float: left;}
      #footer .addr li,
      #footer .addr li a {font-size: 12px; font-weight: 400; color: #888;}
      #footer .addr li a:hover {text-decoration: underline;}

      #footer .addr li:after {display: block; content: "|"; margin: 0px 15px; float: right;}
      #footer .addr li:last-child:after {display: none;}

    #footer .addr-box .copy {font-size: 12px; color: #888; margin-top: 6px;;}

    #footer #ft-btn {position: absolute; top: 42px; right: 0px;}
      #ft-btn ul li {margin-left: 10px; float: left;}