html {font-size:14px;}
*{box-sizing: border-box;}
input.btn, button.btn {height:unset !important; }
li {list-style: none; ;}
a:hover {text-decoration: none; ;}
header{position: relative;}
header .phone li a {line-height: 50px;}
.btn {height:unset !important;padding: .375rem .75rem !important; }
.btn-primary {background-color: #007bff !important;    border-color: #007bff !important;}
.account li a {height:50px;}
.nav_top {width:100%; display: flex;justify-content: space-between;height:50px;}
header .gnb {height: 40px}
header .logo a{height:unset;padding:0;  }
header .gnb li a {line-height:40px;  font-size:1.25rem;}
header .gnb li.active a{border:none;color:#353535 !important ;}
header .gnb li:hover , header .gnb li.active {background: #fff; }
header .gnb li:hover a {color:#353535 !important}
header .gnb li:hover ul, header .gnb li:hover ul li {display: block;}
header nav {height:unset; }
.bg-cus {background-color: rgba(65, 65, 65, 1);}
.bg-black {background: black; ;}

.main_slider {height:600px;}
.owl-carousel {height:100%;width:100%;}
.sl_item {width:100%;height:600px;}

.slide-caption {position:absolute; left:20%;top:28%;width:60%;text-align: center;}
.slide-caption h1 {color:#fff;margin:.5em }
.slide-caption p{margin:0; padding:10px;color:#fff; }
.slide-caption span ion-icon {color: #fff;}

.slide-caption span  {background: #fff;    display: inline-block;    margin: 0px auto;    position: relative;    height: 2px;    width: 110px;}
.slide-caption span::before {background: #267ae9;    content: "";    position: absolute;    height: 2px;    left: calc(100% + 4px);    top: 0px;    width: 110px;}
.slide-caption span::after {background: #267ae9;    content: "";    position: absolute;    height: 2px;    right: calc(100% + 4px);    top: 0px;    width: 110px;}
.slide-caption a {margin-top:40px;}

.title_box {flex:1;}
.title_box span{text-align:center;display: block;font-size: 16px;font-weight: 700;margin-bottom: 10px;color:#aaa;}
.title_box h3 {text-align:center;color:#353535}

.card .fit {object-fit: cover;height:100%;}



.count_overlay {background:rgba(0, 0, 0, 0.6); content: ""; height: 100%;left: 0;position: absolute;top: 0;    width: 100%;z-index:-1; }
.count_bg {background-attachment:fixed; background-position:center;background-repeat:no-repeat;background-size:cover;padding:100px 0 ;position: relative;z-index:10; }
.count .container {z-index:5;}

.count {position: relative;}
.count_block span {display: block;text-align: center}
.count_block span ion-icon {color:#fff; font-size:45px;}
.count_block span.counter {color:#fff; font-size:30px; font-weight: 700;}
.count_block h6{color:#fff; font-size:16px;text-align: center;margin:0; ;}


.member_ul li {position: relative;padding: .05rem 1.25rem;}

/* ************************* sub *************************/ 
.intro_content {padding:100px 500px 100px 0px;position: relative}
.intro_name h3 {color:#fff;margin:0; }
.intro_name ul {padding:0; margin:0;display: flex;margin-top:4px;  }
.intro_name ul li {list-style: none;float:left;padding-left:10px; }
.intro_name ul li:first-child{padding:0; }
.intro_name ul li a{color:#fff; line-height: 30px; font-weight: 400; }
.intro_name ul li ion-icon {color:#fff;line-height: 30px;padding:0 10px;}

.btn-primary{background-color:#bf9f5a !important;   border-color: #bf9f5a !important;}
.list-group-item.active {color:#bf9f5a; }

.active {color:#bf9f5a; }


.nav_wrap {margin-top:0px;} 


/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { 
    .nav_wrap {margin-top:-40px;}
    
 }

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) { 
    .nav_wrap {margin-top:-50px;}
 }

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    .nav_wrap {margin-top:-70px;}
}