body{font-family: 'Noto Sans KR', sans-serif;
        /*마우스드래그금지*/
        -ms-user-select: none; 
        -moz-user-select: -moz-none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

.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;}
/*header*/
#header_wrap{width:100%;background-color: rgba(255,255,255,1);overflow:hidden;position:fixed;z-index: 9999;}
.top_border{display:block;width:100%;height:6px;background-image: linear-gradient(to right, #3aa6da, #204272);}
#header{width:1280px;margin:0 auto;}
#logo{width:213px;height:41px;margin-top:32px;float:left;}
#header .mo_menu_btn{display:none;}
#gnb{width:80%;padding-left:5%;line-height:99px;float:left;}
#gnb .gnb_menu{width:20%;text-align:center;float:left;letter-spacing: -0.4px;color: #535353;font-weight: normal;}
#gnb .gnb_menu .sub_menu{line-height:42px;}
#gnb .gnb_menu .sub_menu .letter{letter-spacing: -1.5px;font-size: 14.9px !important;;}
#mo_gnb{display:none;}

#quick{width:100px;position:fixed;right:1%;top:13%;z-index: 99;background-color: #fff;box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);}
#quick ul{padding:10px 20px;}
#quick li{width:100%;margin:20px auto;text-align: center;}
#quick li:after{content:"";display:block;width:100%;height:0.5px;margin:20px auto;background-color: #ccc;}
#quick li:nth-child(5):after{display:none;background-color: rgba(0,0,0,0);}
#quick li p{width:94%;margin:8px auto;}
#quick li span{font-weight: 500;letter-spacing: -0.2px;color: #2d2d2d;}
#quick .m_topBtn{display: none;}
#quick .topBtn{width:100%;height:70px;text-align: center;padding:20px;background-color: #0d1a27;position:relative;}
#quick .topBtn p{color: #fff;font-weight: bold;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}

#footer{width:100%;}
#footer .top{width:1070px;height:800px;margin:0 auto;padding-bottom:200px;}
#footer .top .left{width:40%;height:672px;float: left;position:relative;}
#footer .top .left .box{width:100%;position:absolute;top:50%;left:60%;transform: translate(-50%,-50%);}
#footer .top .left h2{font-weight: 300;color: #2d2d2d;line-height: 1.25; letter-spacing: -0.8px;}
#footer .top .left .bold{ font-weight: bold;}
#footer .top .left .bold .point{ color: #28639a;}
#footer .top .left .text{margin:0 auto;font-weight: 300;line-height:32px;letter-spacing: -0.4px;color: #535353;text-align: left;padding-top:27px;}
#footer .top .left .text span{font-weight: bold;color:#3aa6da;}
#footer .top .left .more_btn{margin-top:27px;width:284px;height:60px;line-height:60px;text-align:center;border-radius: 30px;border:1px solid #444;letter-spacing: -1px;;font-weight: 300;color:#444;}
#footer .top .left .more_btn b{font-weight: bold;}
#footer .top .left .more_btn span{font-weight: bold;color:#3aa6da;}

#footer .top .right{width:60%;float: left;position: relative;}
#footer .top .right img{position: absolute;left:10%;}

#footer .bottom{width:100%;height:546px;background-image: url('/img/footer_bg.png');background-size: 100% 100% ;position:relative;}
#footer .bottom .box{width:912px;position: absolute;left:50%;top:-232px;transform: translateX(-50%);}
#footer .bottom .box .left{width:50%;float: left;}
#footer .bottom .box .right{width:50%;float: left;}
#footer .bottom .box .right .desc_box{ height:464px;background-color: #204272;position:relative;}
#footer .bottom .box .right .desc_box .desc{width:70%;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
#footer .bottom .box .right .desc_box .border_bar{display: block;width: 36px;  height: 2px;background-color: #fff;}
#footer .bottom .box .right .desc_box h2{font-weight: bold;line-height: 1.59; letter-spacing: -1.1px;color: #fff;padding:28px 0 32px;}
#footer .bottom .box .right .desc_box p{font-weight: 300;line-height: 2; letter-spacing: -0.6px;color: #fff;}

#footer .footer_area{width:100%;height:200px;background-color: #0d1a27;padding:46px 0;}
#footer .footer_area .f_inner{width:1240px;margin:0 auto;}
#footer .footer_area .f_inner .f_logo{width:208px;height:113px;float:left;}
#footer .footer_area .f_inner .address{float:left;padding-top:10px;padding-left:49px;}
#footer .footer_area .f_inner .address .e_tit{font-weight: 300;line-height: 1.91; letter-spacing: 2.75px;color: #85bace;}
#footer .footer_area .f_inner .address .e_tit .bold{font-weight: bold;}

#footer .footer_area .f_inner .address .address_desc{font-weight: 300;line-height: 1.79;letter-spacing: -0.42px;color: #a2a2a2;padding-top:16px;}
#footer .footer_area .f_inner .sns{float:right;margin-top:20px;}
#footer .footer_area .f_inner .sns li{display:inline-block;margin:0 16.5px;}
@media all and (max-width: 768px) {

    /*header*/
    #header_wrap{width:100%;background-color: rgba(255,255,255,1);overflow-y:scroll;}
    #header{width:100%;margin:0 auto;position:relative;}
    #logo{width:200px;height:39px;float:none;margin:20px auto 0;}
    #header .mo_menu_btn{display:block;position:absolute;top:8px; right:3%;}
    #gnb{display:none !important;}

    #quick{width:100%;position:fixed;right:auto;top:auto;left:0;bottom:0;z-index: 99;background-color: #fff;box-shadow: 0 0 0 1px rgba(0, 0, 0, 0);border-top:0.5px solid #ccc;}
    #quick ul{width:100%;padding: 0;}
    #quick li{width:16.66%;padding:5px 0 10px;margin:0 auto;text-align: center;float:left;border-right:0.5px solid #ccc;}
    #quick li:after{content:"";display:block;width:0.5px;height:100%;margin:0 auto;background-color: #ccc;}
    #quick li:last-child:after{display:none;}
    #quick li p{width:90%;height:30px;margin:8px auto;}
    #quick li p img{width:auto;height:100%;}
    #quick li span{font-weight: 500;letter-spacing: -0.2px;color: #2d2d2d;}
    #quick .topBtn{display:none}
    #quick .m_topBtn{display:block;width:16.66%;height:73px;background-color: #0d1a27;position:relative;}
    #quick .m_topBtn p{position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);color:#fff; font-weight: bold;}
    #quick .m_topBtn img{width:50%;height:auto;}





    #mo_gnb{display:block;margin-top:30px;overflow-y:scroll;}
    #mo_gnb .gnb_menu{width:100%;text-align:center;letter-spacing: -0.4px;color: #535353;font-weight: normal;padding:10px 0;}
    #mo_gnb .menu_tit{line-height:34px;font-size:16px !important; font-weight: bold;}
    #mo_gnb .gnb_menu .sub_menu{line-height:38px;font-size:14px;}

    #footer{width:100%;padding:80px 0;}
    #footer .top{width:90%;;height:340px;margin:0 auto;padding-bottom:0;position: relative;}
    #footer .top .left{width:85%;height:57%;float:none;position:static;z-index: 3;position: absolute;top:20%;left:50%;transform: translate(-50%,-50%);}
    #footer .top .left .box{width:100%;position:static;top:50%;left:60%;transform: translate(0,0);}
    #footer .top .left h2{font-weight: 300;color: #2d2d2d;line-height: 1.25; letter-spacing: -0.8px;}
    #footer .top .left .bold{ font-weight: bold;}
    #footer .top .left .bold .point{ color: #28639a;}
    #footer .top .left .text{margin:0 auto;font-weight: 300;line-height:32px;letter-spacing: -0.4px;color: #535353;text-align: left;padding-top:27px;}
    #footer .top .left .text span{font-weight: bold;color:#3aa6da;}
    #footer .top .left .more_btn{margin:27px auto 0;width:240px;height:50px;line-height:50px;text-align:center;border-radius: 30px;border:1px solid #444;letter-spacing: -1px;;font-weight: 300;color:#444;}
    #footer .top .left .more_btn b{font-weight: bold;}
    #footer .top .left .more_btn span{font-weight: bold;color:#3aa6da;}
    
    #footer .top .right{width:100%;float: none;position: static;position: absolute;top:50%;left:55%;transform: translate(-50%,-50%);}
    #footer .top .right img{position: static;opacity: 0.4;}

    #footer .bottom{width:100%;height:200px;background-image: url('/img/footer_bg.png');background-size: 100%  100%;position:relative;overflow: hidden;}
    #footer .bottom .box{width:90%;margin:10px auto 0;position: static;transform: translateX(0);}
    #footer .bottom .box .left{display:none}
    #footer .bottom .box .right{width:100%;float: left;}
    #footer .bottom .box .right .img2{display:none;}
    #footer .bottom .box .right .desc_box{ height:auto;background-color: rgba(0,0,0,0);position:relative;padding-top:15px;}
    #footer .bottom .box .right .desc_box .desc{width:70%;margin:0 auto;position:static;left:50%;top:50%;transform: translate(0,0);text-align: center;}
    #footer .bottom .box .right .desc_box .border_bar{display: block;width: 36px;  height: 2px;background-color: #fff;margin:0 auto;}
    #footer .bottom .box .right .desc_box h2{font-weight: bold;line-height: 1.59; letter-spacing: -1.1px;color: #fff;padding:14px 0 18px;}
    #footer .bottom .box .right .desc_box p{font-weight: 300;line-height: 2; letter-spacing: -0.6px;color: #fff;font-size: 14px !important;}
    #footer .bottom .box .right .desc_box p br{display:none;}

    #footer .footer_area{width:100%;height:auto;background-color: #0d1a27;padding:46px 0;}
    #footer .footer_area .f_inner{width:90%;;margin:0 auto;}
    #footer .footer_area .f_inner .f_logo{width:190px;height:113px;float:none;margin:0 auto;}
    #footer .footer_area .f_inner .address{float:none;padding-top:10px;padding-left:0;text-align: center;}
    #footer .footer_area .f_inner .address .e_tit{font-weight: 300;line-height: 1.91; letter-spacing: 2.75px;color: #85bace;}
    #footer .footer_area .f_inner .address .e_tit .bold{font-weight: bold;}

    #footer .footer_area .f_inner .address .address_desc{font-weight: 300;line-height: 1.79;letter-spacing: -0.42px;color: #a2a2a2;padding-top:16px;}
    #footer .footer_area .f_inner .sns{float:none;width:60%;margin:40px auto 0;}
    #footer .footer_area .f_inner .sns li{display:inline-block;width:50px;margin:0 8px;}
}

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

}