.title-con h3.title{font-size:2.5rem; font-family: 'Oswald', sans-serif; font-weight: 500;}
.title-con p.sub-title{font-size: 1.125rem; color: #777;}

/* ================================================ */
/* ================ // header // ================== */
/* ================================================ */
header{width: 100%;  background-color: #fff;position: relative;}
.header{width: 100%; height: 80px; max-width: 1440px; margin: 0 auto; position: relative; }
.header h1{position: absolute; left: 0; top: 14px;}
.header h1 a{display:block; width: 68px;}
.burger{width: 40px; height: 43px; position: absolute; overflow: hidden; right: 0; top: 20px; text-align: center; cursor: pointer;} 
.burger:hover span{ background-position:10px}
.burger:hover span::after{ background-position:-10px}
.burger:hover span::before{ background-position:-10px}

.burger span{display: block; top: 20%; width: 40px; left: 0; height: 6px; background: url(../img/menu-line.png); background-position:0px; background-repeat: repeat no-repeat; background-size: contain; position: relative; transition: all .5s;}
.burger span::after{ width: 40px; height: 6px;left: 0; background: url(../img/menu-line.png); content: ""; background-position:0px;background-repeat: repeat no-repeat; background-size: contain; position: absolute; top: 8px; transition: all .5s;}
.burger span::before{ width: 40px; height: 6px;left: 0; background: url(../img/menu-line.png);content: "";background-position:0px; background-repeat: repeat no-repeat; background-size: contain; position: absolute; bottom: 8px; transition: all .5s;}
.burger em{display: block; margin-top: 10px; font-size: 12px; position: absolute; width: 100%;bottom: 0;}

.header-menu{z-index: 1000; display: none; position: absolute; left: 0; top: 0; width: 100%; background:rgb(255,255,255)left bottom; box-shadow: 1px 1px 23px rgba(0,0,0,0.1); background-size: contain;}
.header-menu .nav{max-width: 1440px; width: 100%; margin: 0 auto; padding: 150px 0; position: relative;}
.header-menu ul.gnb{display: flex; justify-content: center;}
.header-menu ul.gnb>li{margin: 0 40px;}
.header-menu ul.gnb>li>h3{margin-bottom: 10px; text-transform: uppercase; font-size: 20px;}
.header-menu ul.gnb ul.depth02 li{padding: 4px 0;}
.header-menu ul.gnb ul.depth02 li a{transition: all .2s;}
.header-menu ul.gnb ul.depth02 li:hover a{color:#a3cf76}
.close-btn{position: absolute; top: 20px; right: 0; width: 40px; height: 40px; cursor: pointer;}
.close-btn span{width: 100%; height: 2px; display: block; background-color:#333; position: absolute; top: 50%; transform: translateY(-50%);}
.close-btn span:nth-child(1){transform: rotate(45deg);}
.close-btn span:nth-child(2){transform: rotate(-45deg);}


.lng{width: 100%; text-align: center; margin-bottom: 40px;}
.lng span{display: inline-block; width: 40px; cursor: pointer;}
.lng span + span{margin-left: 16px;}
/* ================================================ */
/* ================ // footer // ================== */
/* ================================================ */
footer{background-color:#2b2b2b; color:#fff; font-size: 13px; padding: 40px 0;}
footer ul li{display: inline-block; padding-right: 20px;}
footer .footer-info{ width: 100%; margin-top: 20px;border-top: 2px solid #444;padding-top: 20px;}
footer .footer-info span{display: inline-block; padding-right: 15px;font-weight:300;height:15px}
footer p.copyright{float:right;color:#999}
footer .information{margin-top: 25px;}
footer .footer-info span:first-child{font-weight:bold;}


/* ================================================ */
/* ================ // aside // ================== */
/* ================================================ */


#aside {display: none; width: 90px; height: 100%; position:fixed; right:0; top:268px; z-index:50;  transition: all 0.4s cubic-bezier(.46,.87,.18,1.01);}
#aside a {display:block; width: 100%;  height: 230px; background-image: linear-gradient(to right, #5dc2d0 , #a3cf76 ); position:relative; }
#aside a span {display:inline-block; letter-spacing: 2px; width: 200px; position:absolute; left:-53px; bottom:119px; transform:rotate(-90deg); font-size:19px; line-height:19px; color:#fff; font-weight:500; }
#aside i{color:#fff; width: 100%; text-align: center; top: 28px; left: 50%; transform: translateX(-50%); position: absolute;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;   
    -webkit-animation: moving 0.5s infinite;
     -moz-animation: moving 0.5s infinite;
     animation: moving 0.5s infinite;
     -o-animation: moving 0.5s infinite;
     animation-direction: alternate;
    }

@keyframes moving {
	0% {left: 50%;}
    100% {left: 55%;}
}



/* ********************************************* *
* 1440px
* ********************************************* */
@media screen and (max-width: 1440px){

    .header{padding: 0 16px;}
    .header h1{left: 16px;}
    .burger{right: 16px;}

    .close-btn{right: 16px;}
}

/* ********************************************* *
* 1200px
* ********************************************* */
@media screen and (max-width: 1200px){
    .header-menu ul.gnb>li{margin: 0 20px;}
}


/* ********************************************* *
* 960px
* ********************************************* */
@media screen and (max-width: 960px){

}


/* ********************************************* *
* 640px
* ********************************************* */
@media screen and (min-width: 641px){
    .header-menu ul.mo_gnb{display: none;}
}
@media screen and (max-width: 640px){
    #aside{width: 48px;}
    #aside a{height: 140px;     border-radius: 20px 0 0 20px;}
    #aside a span{font-size: 16px; left: -73px;}
    #aside i{top: 16px;}

    .header-menu ul.pc_gnb{display: none;}
    .header-menu .nav{padding: 80px 0;}
    .header-menu ul.mo_gnb{display: block; padding:  0 20px;}
    .mo_gnb>li + li{margin-top: 20px;}
    .mo_gnb ul.depth02{display: none;}
    .mo_gnb ul.depth02 li{padding: 8px 0;}
    .lng{text-align: left; padding: 0 20px; margin-bottom: 20px;}
    .lng span{width: 30px;}

    .advertising{right:10px; width:380px}
}