@charset "utf-8";

/* 헤더 */
#btn_hdcate {left:unset;right:5px;}
#user_logo {padding:15px 10px;margin-bottom:10px;background:#fff;}
#hd_wrapper {position:fixed;top:0;left:0;width:100%;z-index:999;height:60px;}
/* #hd_wrapper.stiky {position:fixed;top:0;left:0;width:100%;z-index:999;height:60px;background:#fff;} */
#hd_wrapper.stiky {background:#fff;box-shadow: 0 0 5px rgba(55,55,5,0.4);}
#hd_wrapper.stiky #user_btn i {color:black;}
#btn_hduser {top: 3px;}
#hd_wrapper.stiky #btn_hduser i {color:black;}
#hd #logo a {text-align: left;padding: 0px;height: 64px}

#user_btn i {color:white;}
div.hd_banner.index {margin-bottom:50px;}
#user_btn {position:absolute;top:10px;right:10px;padding:0 10px;height:40px;width:40px;border:0;font-size:1.8em;background:none;letter-spacing:-0.1em}
#user_menu {display:none;position:fixed;top:0;right:0;width:100%;height:100%;overflow-y:auto;z-index:9999;background:#efefef;}
#user_close {display:block;position:absolute;right:8px;top:10px;z-index:99;font-weight:bold;margin:0;height:40px;width:40px;border:0;color:#bfb8b2;font-size:1.8em;background:transparent}

#hd_nb {background:#fff;margin-top:10px;margin-bottom:10px;border-bottom:1px solid #e1e1e1}
#hd_nb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_nb li {width:50%;float:left;text-align:center;line-height:25px;font-size:1.083em;font-weight:bold}
#hd_nb li a {display:block;color:#717171;text-align:left;padding:10px 15px}
#hd_nb li i {font-size:14px;margin-right:10px;color:#a5a8ac}
#hd_nb .hd_nb1 {border-right:1px solid #efefef;border-bottom:1px solid #efefef}
#hd_nb .hd_nb2 {border-bottom:1px solid #efefef}
#hd_nb .hd_nb3 {border-right:1px solid #efefef}

/* 푸터정보 */
#ft {color:#e3e3e3;padding:3px 20px 50px;}
#ft_company {padding-left:25px;}
#ft_company span {display:block;margin-bottom:5px;}
#ft_link {text-align:center;padding:20px;border-bottom:solid 1px #424242;}
#ft_link a {color:#e3e3e3;margin: 3px 10px;}
#ft_catch {text-align:center;}
#ft_copy {text-align:center;margin-top:20px;}
#ft_admin {text-align:center;}
#ft_admin ul {display:inline-block;margin:20px auto;}
#ft_admin ul:after {display:block;visibility:hidden;clear:both;content:'';}
#ft_admin ul li {float:left;}
#ft_admin ul li a {color:yellow;margin:2px 10px;border:solid 1px #444;padding:5px 20px;}

#top_btn {position:fixed;bottom:10px;right:15px;width:50px;height:50px;line-height:36px;border:2px solid #d2d2d2;border-radius:50%;background:#fff;color:#d2d2d2;text-align:center;font-size:15px;z-index:99;
  -webkit-box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4);
  -moz-box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4);
  box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4);
}
#top_btn i {font-size:1.4em}
#top_btn:hover {background:#3b8afb;border-color:#3b8afb;color:#fff}
  


/* 메인배너 */
.hd_banner li {position:relative;overflow: hidden;animation: animate_bigger 14s linear infinite alternate;background-size: cover !important;}
.hd_banner .inner_video {overflow: hidden;height:100%;width:100%;}
.hd_banner .bg_video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.hd_banner .main_content {position:absolute;width:100%;top:200px;text-align:center;}
.hd_banner .bn_content {margin:0 auto;width:100%;height:100%;color:white;margin:0 auto;}
.hd_banner .bn_content td {padding-top:12%;}
.hd_banner .bn_content td .div1 {font-size:2.2em;font-weight:600;line-height:130%;}
.hd_banner .bn_content td .div2 {margin:10px 0;}
.hd_banner .bn_content td .div2-1 {height:1px;background-color:white;width:150px;margin:0 auto;}
.hd_banner .bn_content td .div3 {font-size:1.2em;font-weight:400;line-height:160%;}
.hd_banner .bn_content td .div5 {position:relative;font-size:1.0em;font-weight:400;margin-top:50px;background:#cc223b;display:inline-block;padding:13px 60px 13px 13px;cursor:pointer;color:white;}
.hd_banner .bn_content td .div5 div {position:absolute;top:36%;right:15px;}
@keyframes animate_bigger {
  from {background-size: 100%;}
  to {background-size: 120%;}
}

.slow-spin {
  -webkit-animation: fa-spin 6s infinite linear;
  animation: fa-spin 10s infinite linear;
}

.div_gnb3:after {display:block;visibility:hidden;clear:both;content:""}

/* 게시판 */
#container_title {z-index:1;}
#container_title >a {margin-right:4px;}