@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
hr{display:none}
body{
    font-family: "NanumSquare";
    font-weight:400;
}

@media screen and (min-width: 1250px) {
    .bannerTop{
        display:flex;
        justify-content:center;
        width:100%;
        height:auto;
        background:#EDF1FE;
    }
    .bannerTop .web{
        display:block;
    }
    .bannerTop .mo{
        display:none;
    }
    #wrap{
        position:relative;
        width:1260px;
        padding:0 10px;
        height:auto;
        margin:0 auto;
        padding-bottom:100px;
        clear:both;
        overflow:hidden;
    }
    #header{
        position:fixed;
        top:0;
        left:0;
        /* margin-left:-625px; */
        background:#fff;
        width:100%;
        /* padding:0 5px; */
        min-height:90px;
        /* float:left; */
        z-index:999;
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        overflow:hidden;
    }
    #container{
        display:block;
        width:100%;
        padding:90px 5px 100px 5px;
        float:left;
        overflow:hidden;
    }
    #footer{
        display:block;
        width:100%;
        min-height:100px;
        float:left;
        overflow:hidden;
        border-top:1px solid #efefef;
    }
    #footer .flogo{
        display:block;
        width:158px;
        float:left;
        margin:60px 0 0 60px;
    }
    #footer address.web{
        display:block;
    }
    #footer address.mob{
        display:none;
    }
    #footer address{
        display:block;
        width:800px;
        float:left;
        font-size:15px;
        line-height:30px;
        color:#333;
        margin:30px 0 0 130px;
    }
    #footer address span{
        font-weight:400;
    }
    
    h1.logo{
        display:block;
        width:1230px;
        float:left;
        padding:20px 0 0 5px;
    }
    h1.logo img{
        max-width:207px;
    }
    
    .column{
        display:block;
        width:100%;
        float:left;
        margin-top:30px;
    }
    .column.first{
        margin-top:0;
    }
    #rightBanner{
        position:fixed;
        top:170px;
        left:50%;
        margin-left:645px;
    }
    #rightBanner menu{
        margin:0;
        padding:0;
    }
    #rightBanner ul{
        margin:0;
        padding:0;
    }
    #rightBanner ul li{
        display:block;
        margin-bottom:20px;
    }
    ul li{
        list-style: none;
    }
    .telbox{
        display:block !important;
    }
    .telbox select{
        width:150px !important;
        margin-right:10px;
        float:left;
    }
    .telbox input{
        width:150px !important;
        margin:0 10px;
        float:left;
    }
    .fnb li a{
        font-size:16px;
        color:#000;
        font-weight:300;
    }
    .fnb li a.active{
        font-weight:400;
    }
    .form-label::after{
        content: '\2022';
        font-weight:bold;
        font-size:16px;
        color:#F25656;
    }
    .column .form-control::placeholder{
        color:#ccc !important;
    }
    .column .btn-danger{
        background-color:#FB5360;
        border-color:#FB5360;
        margin-top:20px;
    }

    .scrollToTopBtn {
        font-size: 1.5rem;
        background:none;
        width:100px;
        height:100px;
        border:0;
        border-top: 1px solid #ededed;
        cursor: pointer;
        /* place it at the bottom right corner */
        position: fixed;
        bottom: 50px;
        left: 50%;
        margin-left:645px;
        /* keep it at the top of everything else */
        z-index: 100;
        /* hide it at first */
        /* UPDATE: remove display none */
        /* 
        /* hide with opacity */
        opacity: 0;
        /* also add a translate effect */
        transform: translateY(100px);
        /* and a transition */
        transition: all 0.5s ease;
        padding:0;
      }
      
      .showBtn {
        opacity: 1;
        transform: translateY(0);
      }
    
}

@media screen and (max-width: 1249px){
    .bannerTop{
        display:flex;
        justify-content:center;
        width:100%;
        height:auto;
        background:#EDF1FE;
    }
    .bannerTop .web{
        display:none;
    }
    .bannerTop .mo{
        display:block;
    }
    #wrap{
        position:relative;
        width:100%;
        height:auto;
        margin:0 auto;
        padding-bottom:100px;
        clear:both;
        overflow:hidden;
    }
    #header{
        position:fixed;
        top:0;
        left:0;
        background:#F8E443;
        width:100%;
        min-height:65px;
        text-align:center;
        z-index:999;
        overflow:hidden;
    }
    #container{
        display:block;
        width:100%;
        padding:133px 10px 50px 10px;
        float:left;
        overflow:hidden;
    }
    #footer{
        display:block;
        width:100%;
        float:left;
        overflow:hidden;
        border-top:1px solid #e9e9e9;
    }
    #footer .flogo{
        display:block;
          text-align:center;
        margin-top:20px;
    }
    #footer address.web{
        display:none;
    }
    #footer address.mob{
        display:block;
    }
    #footer address{
        text-align:center;
        padding:20px 10px 0 10px;
        font-size:14px;
        color:#333;
        letter-spacing: -0.05em;
    }
    #footer address span{
        font-weight:400;
    }
    
    h1.logo{
        display:flex;
        width:100%;
        height:50px;
        margin-top:10px;
        text-indent:-9999em;
        background:url(../img/mtop.jpg) no-repeat center top;
        background-size:auto 45px;
    }
    
    .column{
        display:block;
        width:100%;
        float:left;
        margin-top:30px;
    }
    .column.first{
        margin-top:0;
    }
    #rightBanner{
        position:fixed;
        bottom:0;
        left:0;
        width:100%;
        padding:10px 0;
        background:#fdfdfd;
        border-top:1px solid #ccc;
    }
    #rightBanner menu{
        margin:0 5px;
        padding:0;
    }
    #rightBanner ul{
        display:flex;
        justify-content: space-around;
        margin:0;
        padding:0;
    }
    #rightBanner ul li a img{
        width:60px;
    }
    ul li{
        list-style: none;
    }
    .telbox{
    }
    .telbox select{
        margin-right:10px;
        float:left;
    }
    .telbox input{
        margin:0 10px;
        float:left;
    }
    .telbox input:last-child{
        margin-right:0;
    }
    .fnb li a{
        font-size:16px;
        color:#000;
        font-weight:300;
    }
    .fnb li a.active{
        font-weight:400;
    }
    .form-label::after{
        content: '\2022';
        font-weight:bold;
        font-size:16px;
        color:#F25656;
    }
    .column .form-control::placeholder{
        color:#ccc !important;
    }
    .column .btn-danger{
        background-color:#FB5360;
        border-color:#FB5360;
        margin-top:20px;
    }
    .scrollToTopBtn{
        display:none;
    }
    .showBtn{
        display:none;
    }
    
}