@charset "UTF-8";

/* footer */
#main {position:relative;width:100%;}
#footer {
    width: 100%;
}
#footer .wrap {width: 100%;}
#footer .wrap .gap {padding:60px 0;background:#000;}
#footer .wrap .gap .container {padding:0;}
#footer .wrap .gap .container ul {text-align:center;display:block;}
#footer .wrap .gap .container ul li {display:inline-block;margin:0 2.5vw;line-height: 200%;font-family:  'ELAND_Choice_M';}
#footer .wrap .gap .container ul li.fot-bar {width: 1px;height: 55px;background: #6E6E6E;}
#footer .wrap .gap .container ul li span {display:block;font-size:15px;color:#aaa;}
#footer .wrap .gap .container ul li span.fot-title {display:block;font-size:15px;color:#fff;}
#footer .wrap .gap .container ul li h3 {display:block;font-size:25px;color:#fff;line-height: 230%;}
#footer .wrap .gap .container ul li.bot0 {line-height: 100%;}
#footer .wrap .gap .container ul li.bot0 span {font-size: 60px;font-family:  'ELAND_Choice_B';}
#footer .wrap .gap .container ul li.bot4 span {margin-bottom:7px;}
#footer .wrap .gap .container ul li.bot4 a {margin:0 5px;display: inline-block;}
#footer .wrap .gap .container ul li.bot4 a .bot-back {border-radius: 50%;background: rgb(119, 119, 119);width: 42px;height: 42px;}
#footer .wrap .gap .container ul li.bot4 a .bot-back img {width: 28px;margin-top: 7px;}
#footer .wrap .gap .container ul li.bot4 a:nth-child(4) .bot-back img {margin-top: 9px;}

/* goTopBottom 버튼 */
.goBtn {
    display:block;
    z-index:999;
    position:fixed;
    bottom:6%;right:3%;
    width:58px;height:58px;
    text-align:center;
}
.goBtn .topBtn {
    position: relative;
    display:block;
    width:100%;height:100%;
    border-radius:50% 50%;
    line-height:44px;
    box-shadow:3px 3px 5px rgba(0, 0, 0, .1),-3px 0 5px rgba(0, 0, 0, .1);
    background: #fff;
    line-height: 58px;
    overflow: hidden;
}
.goBtn .topBtn a {
    position: relative;
    display:block;
    width:100%;height:100%;
    line-height: 58px;
}
.goBtn .topBtn a img {
    width: 100%;
}

.goBtn .topBtn a:hover img {
    -webkit-animation: submitHover 0.7s cubic-bezier(0.1, 0.4, 0, 1) forwards;
    animation: submitHover 0.7s cubic-bezier(0.1, 0.4, 0, 1) forwards;
}

@-webkit-keyframes submitHover {
    0% {
        transform: translateY(0)
    }
    18% {
        transform: translateY(-30px)
    }
    19% {
        transform: translateY(30px)
    }
    100% {
        transform: translateY(0)
    }
}

@keyframes submitHover {
    0% {
        transform: translateY(0)
    }
    18% {
        transform: translateY(-30px)
    }
    19% {
        transform: translateY(30px)
    }
    100% {
        transform: translateY(0)
    }
}


@media (max-width:1480px){

    #footer .wrap .gap .container ul li {margin:0 1.8vw;line-height: 180%;}
    #footer .wrap .gap .container ul li span {display:block;font-size:15px;}
    #footer .wrap .gap .container ul li span.fot-title {display:block;font-size:15px;}
    #footer .wrap .gap .container ul li h3 {display:block;font-size:25px;line-height: 180%;}
    #footer .wrap .gap .container ul li.bot0 {line-height: 100%;}
    #footer .wrap .gap .container ul li.bot0 span {font-size: 55px;}
}

@media (max-width:1220px){


    #footer .wrap .gap .container ul li {margin:0 1.2vw;line-height: 150%;}
    #footer .wrap .gap .container ul li span {display:block;font-size:13px;}
    #footer .wrap .gap .container ul li span.fot-title {display:block;font-size:13px;}
    #footer .wrap .gap .container ul li h3 {display:block;font-size:20px;line-height: 150%;}
    #footer .wrap .gap .container ul li.bot0 {line-height: 100%;}
    #footer .wrap .gap .container ul li.bot0 span {font-size: 50px;}
    #footer .wrap .gap .container ul li.bot4 a {margin:0 2px;}
}


@media (max-width:1023px){
    
    #footer .wrap .gap .container ul li {display:inline-block;margin:0 1.2vw;line-height: 150%;}
    #footer .wrap .gap .container ul li.bot0 {display:block;}
    #footer .wrap .gap .container ul li.fot-bar {display: none;}
    #footer .wrap .gap .container ul li span {display:block;font-size:13px;}
    #footer .wrap .gap .container ul li span.fot-title {display:block;font-size:13px;}
    #footer .wrap .gap .container ul li h3 {display:block;font-size:20px;line-height: 150%;}
    #footer .wrap .gap .container ul li.bot0 {margin-bottom:30px;}
    #footer .wrap .gap .container ul li.bot0 span {font-size: 50px;line-height: 100%;}
    #footer .wrap .gap .container ul li.bot4 a {margin:0 2px;}

    .goBtn {
        bottom:2%;
    }
}


@media (max-width:800px){
    #footer .wrap .gap .container ul li {display:block;margin:1.5vw;line-height: 150%;}
    #footer .wrap .gap .container ul li span {display:block;font-size:13px;}
    #footer .wrap .gap .container ul li span.fot-title {display:block;font-size:13px;}
    #footer .wrap .gap .container ul li h3 {display:block;font-size:20px;line-height: 120%;}
    #footer .wrap .gap .container ul li.bot0 {margin-bottom:15px;}
    #footer .wrap .gap .container ul li.bot0 span {font-size: 50px;line-height: 100%;}
    #footer .wrap .gap .container ul li.bot4 a {margin:0 2px;}

    .goBtn {

        bottom:5%;right:5%;
        width:45px;height:45px;
    }
    .goBtn .topBtn {
        line-height:45px;
    }
    .goBtn .topBtn a {
        line-height: 45px;
    }
}


@media (max-width:500px){

    #footer .wrap .gap {padding:40px 0;}
    #footer .wrap .gap .container ul li {display:block;margin:1.5vw;line-height: 150%;}
    #footer .wrap .gap .container ul li span {display:block;font-size:13px;}
    #footer .wrap .gap .container ul li span.fot-title {display:block;font-size:13px;}
    #footer .wrap .gap .container ul li h3 {display:block;font-size:20px;line-height: 120%;}
    #footer .wrap .gap .container ul li.bot0 {margin-bottom:15px;}
    #footer .wrap .gap .container ul li.bot0 span {font-size: 35px;}
    #footer .wrap .gap .container ul li.bot4 a {margin:0 2px;}
}


@media (max-width:400px){

    #footer .wrap .gap .container ul li {margin:0 2.5vw;line-height: 130%;}
    #footer .wrap .gap .container ul li span {font-size:12px;}
    #footer .wrap .gap .container ul li span.fot-title {font-size:12px;}
    #footer .wrap .gap .container ul li h3 {font-size:18px;line-height: 100%;}
    #footer .wrap .gap .container ul li.bot0 {margin-bottom:10px;}
    #footer .wrap .gap .container ul li.bot0 span {font-size: 35px;}
}