body{font-family: 'Noto Sans KR', sans-serif;}
/* header */
.h2Position{position: absolute;left:-9999px;width:1px;height:1px;line-height: 0;font-size:1px;overflow:hidden;}
.background_class{background-repeat: no-repeat;background-size: auto 100%;background-position: center center;}
.clear0:after{content:"";display:block;clear:both;}

.cursor{
    position: absolute; left: 0; top: 0; z-index: 999; width: 50px; height: 50px; cursor: auto;
}
#header_wrap{width:100%;height:80px;position:relative;position:fixed;z-index: 9999;}
#header{width:95%;height:100%;margin:0 auto;position:relative;}
#logo{ width: 210px;position:absolute;left: 0;top:50%;transform: translateY(-50%);z-index: 999;}

#gnb{width:45%;line-height:normal;position:absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}

#gnb li{display:inline-block;padding:0 3%;font-weight: normal;letter-spacing: normal;text-align: center;color: #1f1f1f;}
#gnb li:after{display:block;content: '';border-bottom: solid 3px #216dc2;  transform: scaleX(0);   transition: transform 250ms ease-in-out; transform-origin:  0% 50%;}
#gnb li:hover{color:#216dc2; }
#gnb li:hover:after { transform: scaleX(1);}
/*####################################################################################################################*/
.fixed{position:fixed !important;top:0px;background-color:rgba(255, 255, 255, 0.8); z-index: 9999;}

.user_btn{font-weight: 500;letter-spacing: normal;color: #1f1f1f;border-radius: 13px;
position:absolute;right:80px;top:50%;transform: translateY(-50%);}
.user_btn p{ display:inline-block;font-weight: 500;letter-spacing: normal;color: #1f1f1f;border-radius: 13px;border: solid 2px #1f1f1f; padding: 3px 18px 4px 16px;transition: all .1s linear;}
.user_btn p:hover{background-color: #1f1f1f;color: #fff;}
#header_wrap.navbar-fixed-top {
    height:80px;
    position: fixed !important;top: 0;
    background: #fff;box-shadow: 0 0 9px 0 rgb(0 0 0 / 5%);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;}

    .mo_btn{display: block;position:absolute;right:0;top:15px;transform:translateY(0);width:50px;height:40px;z-index: 99;}
    .slide-open{position:relative;top:0;width:40px;height:40px;cursor:pointer;text-align:center;}
    .burgur{left: 15px;top: 23px;position: absolute;width: 20px;height: 2px;background: #1f1f1f;}
    .burgur .top-line{width: 20px;height: 2px;background-color: #1f1f1f; bottom: -5px;content: '';position: absolute;left: 0;
    -webkit-transition:  -webkit-transform .3s;transition: transform .3s;}
    .burgur .bot-line {width: 20px;height: 2px;background-color: #1f1f1f;top: -5px;
    content: '';position: absolute;left: 0;-webkit-transition:  -webkit-transform .3s;transition: transform .3s;}
    .burgur.on { width: 0;}
    .burgur.on .bot-line {-webkit-transform: translateY(5px) rotate(135deg);  transform: translateY(5px) rotate(135deg);}
    .burgur.on .top-line{-webkit-transform: translateY(-5px) rotate(-135deg); transform: translateY(-5px) rotate(-135deg);}

.R_menu{width:100%;background-color: rgba(0,0,0,0.5);position: fixed;z-index: 999;right:-9999px;transition: all 0.2s linear;}
.R_menu .menu_inner{width: 380px;height:100%;padding:5% 2%;background-color: #fff;position: absolute;right:0;top:50%;transform: translateY(-50%);}
.R_menu .hi_desc{ line-height: normal;letter-spacing: normal;text-align: left;color: #3f464e;}
.R_menu .hi_desc span{font-weight: 500;}
.R_menu .hi_desc strong{font-weight: bold;}

.R_menu .login_desc{padding-top:20px;}
.R_menu .login_desc ul{display: flex;}
.R_menu .login_desc li{background-color: #0e547f;width:49%;margin:0 0.5%;text-align: center;padding: 5px 0;;
    font-weight: 500;line-height: normal;letter-spacing: normal;color: #fff;}
.R_menu .login_desc li:hover{background-color: #333;}

.R_menu .R_gnb_menu {padding:50px 0;}
.R_menu .R_gnb_menu li{ font-weight: 500;line-height: normal;letter-spacing: normal;color: #3f464e;
padding:15px 0;}
.R_menu .banner{width: 100%;height: 291px;background-color: #1f1f1f;}
.R_menu .quick{margin-top:50px;}
.R_menu .quick p{width:25%;float:left;text-align: center;text-align: center;}


@media all and (max-width:468px){
    .R_menu .menu_inner{width:300px;height:100%;padding: 10% 5%;overflow-y:scroll ;}
    .R_menu .hi_desc{ line-height: normal;letter-spacing: normal;text-align: left;color: #3f464e;}
}

@media all and (max-width:1700px){
    #gnb{width:60%;float:left;line-height:normal;position:absolute;left:60%;top:50%;transform: translate(-50%,-50%);}
}

@media all and (max-width:1240px){

    #header_wrap{width:100%;position:relative;position:fixed;overflow: hidden;}
    #header{width:90%;margin:0 auto;}
    #logo{ width: 70px;left:0;top:15px;transform: translate(0,0);}
    #gnb{width:100%;position:static;transform: translate(0,0);padding-top:80px;}
    #gnb li{display:block;padding:8px 0 ;margin-top:0;line-height:30px;
    font-weight: normal;letter-spacing: normal;text-align: center;color: #fff;background-color: #0e547f;}
  

}


.footer{width:100%;background-color: #1e1f23;}
.footer .inner{width:1240px;margin:0 auto;padding:40px 0;}
.footer .f_logo{float:left;}
.footer .address{float:left;padding:30px 0 0 32px;font-weight: normal;line-height: 1.56;letter-spacing: -0.4px;color: #4b4c4f;}
.footer .address i{padding: 0 10px;}
.footer .f_tel{float:left;padding-left:5%;color: #919191;}
.footer .f_tel strong{font-weight: bold; line-height: 1.5;letter-spacing: -1.25px;}
.footer .f_tel strong a:hover{color:#8bbdff;}
.footer .f_tel strong span{font-weight: 300; line-height: 1.88; letter-spacing: 0.16px;}
.footer .copy{ font-weight: 300;line-height: 2.5;letter-spacing: 1.2px;color: #5a5a5a;padding:20px 0;border-top:0.5px solid #707070;text-align: center;}

@media all and (max-width:1240px){
.footer .inner{width:90%;margin:0 auto;padding:40px 0;}
}
@media all and (max-width:768px){
    
.footer .f_logo{float:none;text-align: center;}
.footer .address{float:none;text-align: center;padding:0; padding:20px 0;}
.footer .address i{display: block;}
.footer .f_tel{float:none;padding-left:0;color: #919191;text-align: center;}

}