@charset "utf-8";

#header {position:fixed; top:0; left:0; width:100%; z-index:100; height:55px; transition:background 0.4s;}
#header h1 {position:absolute; left:15px; top:18px;}
#header h1 a {display:block; overflow:hidden; text-indent:-999px; width:83px; height:22px; background:url('../images/common/logo.png') no-repeat center; background-size:contain;}
#header .btn_menu {position:absolute; right:15px; top:20px; width:22px; height:18px; background:url('../images/common/btn_menu.png') no-repeat center; background-size:contain;}

#header.fixed_top {background:#fff}
#header.fixed_top h1 a {background-image:url('../images/common/logo_g.png')}
#header.fixed_top .btn_menu {background-image:url('../images/common/btn_menu_g.png');}

#header .language2 {position:absolute; top:18px; right:55px; height:22px;}
#header .language2 a{padding:0 5px;}

#side_menu {position:fixed; top:0; right:-100%; bottom:-30px; z-index:100; width:80%; max-width:500px; background:#ffffff; transition:right 0.4s;}
#side_menu .top {position:relative; height:66px; background:#fff;}
#side_menu .top .logo {position:absolute; top:22px; left:28px; height:22px;}
#side_menu .top .language {position:absolute; top:22px; right:70px; height:22px;}
#side_menu .top .language a{padding:0 5px;}
#side_menu .btn_menu_close {position:absolute; top:22px; right:28px;}
#side_menu .btn_menu_close img {width:20px;}
#side_menu .gnb {border-top:1px solid #dddddd;}
#side_menu .gnb > li {border-bottom:1px solid #dddddd;}
#side_menu .gnb > li > a {display:block; position:relative; padding-left:28px; font-size:19px; color:#000000; line-height:2.78; font-weight:bold;}
#side_menu .gnb > li > a:after {position:absolute; top:50%; right:28px; width:15px; height:9px; margin-top:-5px; background:url('../images/common/icon_arr.png') no-repeat center; background-size:contain; content:'';}
#side_menu .gnb ul {display:none; padding:15px 0; background:#f4f4f4;}
#side_menu .gnb ul a {display:block; padding-left:28px; font-size:16px; color:#666666; line-height:2.3;}
#side_menu.open {right:0;}
#side_menu .gnb > li.on > a {color:#fff; background-color:#353535;}
#side_menu .gnb > li.on > a:after {background-image:url('../images/common/icon_arr_on.png');}
#side_menu .gnb > li.on ul {display:block;}

.dimmed_bg {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:99; background:rgba(0,0,0,0.8);}

#footer {font-size:11px; line-height:1.38; text-align:center;}
#footer address {padding:20px 15px; color:#999999; background:#262626;}
#footer .copyright {padding:15px; color:#aaaaaa; background:#303030;}
#footer .b_logo {display:block; margin:0 auto 10px; height:15px;}


.top_btn {display:inline-block; background:#56c1ff; color:#ffffff !important; text-align:center; width:45px; height:45px; line-height:45px; font-size:13px; font-weight:bold; position:fixed; right:20px; bottom:-50px; z-index:10000000; border-radius:50%; opacity:0; transition:all 0.5s 0.3s;}
.top_btn.active {opacity:1; bottom:20px;}







@-webkit-keyframes zoomInBg {
  from {
    opacity: 1;
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomInBg {
  from {
    opacity: 1;
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
  }

  50% {
    opacity: 1;
  }
}

.zoomInBg {
  -webkit-animation-name: zoomInBg;
  animation-name: zoomInBg;
}