/*
Copyright (c) 2020, Igini. All rights reserved.
version: 1.0.0
*/
/*@font-face {
    font-family: 'nanumbarun';
    font-style: normal;
    font-weight: 400;
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), 
    url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), 
    url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}
*/
@import url('https://fonts.googleapis.com/css?family=Fjalla+One&display=swap');
@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumBarunGothic@latest/nanumbarungothicsubset.css");

@font-face {
  font-family: 'ArialBlack';
    src:  url('/renewal/assets/font/ArialBlack.woff') format('woff'),
    url('/renewal/assets/font/ArialBlack.woff2') format("woff2"),
    url('/renewal/assets/font/ArialBlack.svg#Arial') format('svg'),
    url('/renewal/assets/font/ArialBlack.eot'),
    url('/renewal/assets/font/ArialBlack.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

html,body{position:relative;height:100%;}
html {
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}
/* RESET css */
html, body, div, p, span, strong, b, em, iframe, pre,
h1, h2, h3, h4, h5, h6,
img, dl, dt, dd,
fieldset, form, legend, label,
table, caption, thead, tbody, tfoot, tr, th, td,
ul, ol, li, a, input, select, textarea{margin: 0;padding: 0; border: 0 none; }
body{background:#fff;font-family:'Fjalla One', 'NanumBarunGothic', sans-serif;font-size:12px;line-height:1;color: #333;word-break:keep-all;}
ul, ol, li{list-style:none;}
em, address{font-style:normal;}
strong{font-weight:bold;}
img{border:0 none;font-size:0;line-height:0;max-width:100%;}
sup{position:relative;top:2px;font-size:11px;line-height:100%;}
table{border-collapse: collapse; border-spacing:0;}
caption{overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
th, td{ vertical-align: middle;/* white-space: nowrap */}
a{color:#333;text-decoration:none;line-height:1;}
a:hover, a:focus, a:active{text-decoration:none;}
*, html{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
*, *:before, *:after{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
button{padding:0;margin:0;background:transparent;border:none;cursor:pointer;}
figure{margin:0;padding:0;}

.a11y-hidden{overflow:hidden;position:absolute;clip:rect(0 0 0 0); /* IE 6,7 */clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;border:0;padding:0;}
caption.a11y-hidden{position:static;}
.a11y-hidden.focusable:focus {overflow:visible;position:static;clip:auto;width:auto;height:auto;margin:0;}

/* global_style */
.skip_menu{position:absolute;top:0;left:0;z-index:10000;}
.skip_menu a{display:block;padding:10px;background:#000;color:#fff;text-align:center;}
.f_l{float:left;}
.f_r{float:right;}
.scroll{display:block;overflow-y:scroll;-webkit-overflow-scrolling: touch}
.pos{position:relative;}
.cf:before,.cf:after {content: " ";display:table;}
.cf:after {clear: both;}
.opt{display:block;opacity:0;}
.btn_default{background:#fff;border:1px solid #ccc;font-size:13px;font-weight:bold;color:#383838;border-radius:3px;}

/* typography style */
.a_center{text-align:center;}
.a_left{text-align:left;}
.a_right{text-align:right;}
.tit_sm{font-size:13px;color:#999;}
.tit_list{font-size:14px;color:#666;}
.txt_bg{display:block;background:rgba(0,0,0,.5);font-size:14px;font-weight:bold;color:#fff;}
.through{text-decoration:line-through;}


.clearfix:before, .clearfix:after,
.row:before, .row:after,
.container12:before, .container12:after, .container16:before, .container16:after {
    content:'.';
    display:block;
    height:0;
    overflow:hidden;
    visibility:hidden;
    width:0;
}
/* http://sonspring.com/journal/clearing-floats */
.clear {
    clear:both;
    display:block;
    height:0;
    overflow:hidden;
    visibility:hidden;
    width:0;
}
.row:after, .clearfix:after, .container12:after, .container16:after {clear:both;}
/* For IE7. Move this to separate file when you notice some problems */
.row, .clearfix {zoom: 1;}
img, object, embed {max-width:100%;}
img {height:auto;}


.g_header{width:100%;height:50px;background:#191919;line-height:50px;z-index:100000;}
.onmenu .g_header{position:fixed;}
.dfd_logo,
.btn_sites_off,
.btn_sites_on{display:none;}
.g_header .btn_sites_off,
.g_header .btn_sites_on{position:absolute;top:0;width:50px;height:49px;text-align:center;line-height:49px;z-index:100010;}
.g_header.active .btn_sites_on{display:none;}
.g_header.active .btn_sites_off{display:block;right:0;background:#191919;}
.g_header .btn_sites_off img,
.g_header .btn_sites_on img{vertical-align:middle;}
.g_header .g_logo{width:200px;padding:0 25px;border-right:1px solid #393939;font-size:11px;}
.g_header .g_logo img{max-width:100%;vertical-align:middle;}
.g_header .g_logo a{color:#ababab;}
.g_header .g_logo a:hover{color:#eded50;}
.g_header .g_nav{position:absolute;top:0;left:220px;}
.g_header .g_utilmenu{position:absolute;top:0;right:0;}
.g_header .g_menu{float:left;}
.g_header .g_mem{position:relative;height:50px;margin-left:20px;background:#c00000;overflow:hidden;}
.g_header .g_menu a,
.g_header .g_menu span{padding:0 10px;font-family:Arial,"Helvetica Neue", Helvetica, sans-serif;font-size:11px;color:#ababab;}
/*.g_header .g_menu.on span{color:#eded50;}*/
.g_header .g_mem a{padding:0 30px;color:#fff;}
.g_header .g_mem a span{color:#fff;padding:0;}
.g_header .g_menu .depth_wrap{display:none;position:absolute;padding:5px 0 10px;background:rgba(0,0,0,.5);z-index:100000;}
.g_header .g_menu:hover >a,
.g_header .g_menu:hover >span{color:#eded50;}
.g_header .g_utilmenu .g_menu:hover >a,
.g_header .g_utilmenu .g_menu:hover >span{color:#fff;}
.g_header .g_menu:hover .depth_wrap{display:block;}
.g_header .g_menu .depth_menu{min-width:150px;}
.g_header .g_menu .depth_menu a{display:block;height:18px;line-height:18px;}
.g_header .g_menu .depth_menu a:hover{color:#eded50;}

.g_header .g_mem a {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width:100%;height:100%;
  line-height:50px;
  -moz-transition: ease-out 0.3s 0.1s;
  -o-transition: ease-out 0.3s 0.1s;
  -webkit-transition: ease-out 0.3s;
  -webkit-transition-delay: 0.1s;
  transition: ease-out 0.3s 0.1s;
}
.g_header .g_mem a span::before {
  width: 100%;
  height: 2px;
  background: white;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.g_header .g_mem a span::after {
  width: 100%;
  height: 2px;
  background: white;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  -moz-transition: 0.1s 0.2s;
  -o-transition: 0.1s 0.2s;
  -webkit-transition: 0.1s;
  -webkit-transition-delay: 0.2s;
  transition: 0.1s 0.2s;
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.g_header .g_mem a::before {
  width: 2px;
  height: 100%;
  background: white;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -moz-transition: 0.1s 0.3s;
  -o-transition: 0.1s 0.3s;
  -webkit-transition: 0.1s;
  -webkit-transition-delay: 0.3s;
  transition: 0.1s 0.3s;
}
.g_header .g_mem a::after {
  width: 2px;
  height: 100%;
  background: white;
  content: "";
  position: absolute;
  right: 0px;
  bottom: 0;
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -moz-transition: 0.1s 0.1s;
  -o-transition: 0.1s 0.1s;
  -webkit-transition: 0.1s;
  -webkit-transition-delay: 0.1s;
  transition: 0.1s 0.1s;
}
.g_header .g_mem a:hover {
  color: white;
}
.g_header .g_mem a:hover::before, .g_header .g_mem a:hover::after {
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.g_header .g_mem a:hover span::before, .g_header .g_mem a:hover span::after {
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
/* mobile group menu
 * --------------------------------------- */
@media screen and (max-width: 900px){ 
    .g_header{position:absolute;height:50px;background:transparent;line-height:1;}
    .dfd_logo{display:block;width:100%;height:50px;padding:0 5%;background:#191919;border-bottom:1px solid #393939;line-height:50px;color:#ababab;z-index:100001;}
    .btn_sites_on{position:absolute;top:0;right:0;display:block;width:50px;height:50px;padding:0;text-align:center;line-height:50px;z-index:100002;}
    .btn_sites_on img,
    .dfd_logo img{vertical-align:middle;}
    .btn_sites:active{color:#fff;}
    .g_navigation{position:fixed;top:0;right:100%;width:100%;height:100%;padding-top:50px;background:#333;z-index:100000;-webkit-transition:.5s;transition:.5s;}
    .g_header.active .btn_sites_on{display:none;}
    .g_header.active .dfd_logo{position:fixed;top:0;left:0;display:block;width:100%;height:50px;padding:0 5%;background:#191919;border-bottom:1px solid #393939;line-height:50px;color:#ababab;z-index:100001;}
    .g_header.active .g_navigation{right:0;overflow-y:auto;}
    .g_header .g_logo{width:100%;padding:0;}
    .g_header .g_logo a{position:relative;display:block;height:50px;padding:0 5%;line-height:50px;}
    .g_header .g_logo a::after,
    .g_header .g_nav .g_menu a::after{content:'';position:absolute;top:50%;right:5%;width:6px;height:11px;margin-top:-5px;background:url(../../images/dfd/g_arr.png) no-repeat 0 0;opacity:.5;filter:alpha(opacity=50);}
    .g_header .g_nav{position:static}
    .g_header .g_menu{width:100%;}
    .g_header .g_menu a{position:relative;padding:0 5%;}
    .g_header .g_menu span{display:block;padding:7px 5%;background:#393939;}
    .g_header .g_menu .depth_wrap{position:static;display:block;padding:0;background:none;}
    .g_header .g_menu .depth_menu a{height:50px;border-top:1px solid #393939;line-height:50px;}
    .g_header .g_utilmenu{position:static;overflow:hidden;}
    .g_header .g_utilmenu .g_menu a{display:block;width:100%;height:50px;background:#212121;border-bottom:1px solid #393939;line-height:50px;}
    .g_header .g_mem{margin-left:0;background:none;}
    .g_header .g_mem span{background:none;}
}