.header{position:relative; max-width:1920px; margin:0 auto; width:100%; height:80px; line-height:80px; background-color:#2c2f40;}
.header .hd-left{position:absolute; top:0; left:0; margin-left:30px;}
.header .logo{position:relative; box-sizing:border-box; width:100px; height:80px;}
.header .logo img{position:absolute; top:50%; display:block; width:100%;}
.header .location{position:relative; padding-left:20px; margin-left:20px; color:#fff; font-size:18px;}
.header .location:after{position:absolute; top:32px; left:0; display:block; content:''; width:1px; height:15px; background-color:#6c6e7a;}
.header .links li{float:left;}
.header .links li a{position:relative; color:#fff; padding:0 15px;}
.header .links li a:after{position:absolute; top:2px; right:0; content:'|'; display:block; color:#acacac; line-height:13px; font-size:14px; font-weight:300;}
.header .links li.btns a{padding:5px 20px; border-radius:15px; background-color:#ee4959; margin-right:20px;}
.header .links li.line-none a:after{display:none;}
.header .search-area .btn-search{display:none; width:80px; height:80px; background:#1f212d url(/resources/images/common/icon-search.png) no-repeat center; border:0; border-radius:0; color:#fff; text-indent:-9999px; overflow:hidden;}
.header .hd-right .geetings {display:none; color:#fff79d; font-weight:300; font-size:14px;}
.overlay{position:fixed; top:0; left:0; width:100%; height:100%; z-index:9; background-color:rgba(0,0,0,0.6); display:none;}
.btn-gnb{cursor:pointer; position:absolute; top:13px; right:0px; display:none; width:50px; height:50px; padding:10px; box-sizing:border-box; }
.btn-gnb ul{width: 25px; position: relative; height: 20px;}
.btn-gnb ul li{height: 2px; width: 100%; background: #fff; position: absolute; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all ease-in-out; -ms-transition: 0.5s all ease-in-out; transform-origin: center; -webkit-transform-origin: center; -ms-transform-origin: center; -moz-transform-origin: center;-o-transform-origin: center; left: 0;}
.btn-gnb ul li.l1{top:1px;}
.btn-gnb ul li.l2{top:9px;}
.btn-gnb ul li.l3{top:18px;}
.btn-gnb.active ul .l1 {transform: rotate(-45deg) translate(-55%, -60%); -ms-transform: rotate(-45deg) translate(-55%, -60%); -moz-transform: rotate(-45deg) translate(-55%, -60%); -webkit-transform: rotate(-45deg) translate(-55%, -60%); -o-transform: rotate(-45deg) translate(-55%, -60%); margin-left: 11px;}
.btn-gnb.active ul .l2 {transform: translateX(-100%); -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); opacity: 0;}
.btn-gnb.active ul .l3 {transform: rotate(45deg) translate(-50%, -45%); -ms-transform: rotate(45deg) translate(-50%, -45%); -moz-transform: rotate(45deg) translate(-50%, -45%); -webkit-transform: rotate(45deg) translate(-50%, 30%); -o-transform: rotate(45deg) translate(-50%, -45%); margin-left: 10px;}


.m-gnb{position:fixed; right:-100%; top:80px; width:100%; max-width:230px; height:100%; background-color:#45485b; overflow-y:auto; visibility:hidden;  z-index:12; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all ease-in-out; -ms-transition: 0.5s all ease-in-out;}
.m-gnb.open{right:0; visibility:visible;}
.m-gnb nav .geetings{display:block; padding:30px 0 20px 0; text-align:center; font-size:14px; font-weight:300; color:#fff79d;}
.m-gnb nav .links li{text-align:center;}
.m-gnb nav .links li a{text-align:center; display:block; font-size:14px; font-weight:normal; padding-bottom:15px; color:#fff;}
.m-gnb nav .links li a.btns{display:inline-block; padding:10px 20px; text-align:center; border-radius:20px; background-color:#ee4959; margin-bottom:30px;}
.m-gnb nav .main{border-bottom:1px solid #636675;}
.m-gnb nav .main > li > a{position:relative; border-top:1px solid #636675;}
.m-gnb nav .main > li{padding-bottom:20px;}
.m-gnb nav .main > li.haschild > a:after{transition:all 0.5s; position:absolute; right:25px; top:50%; content:''; display:block; width:15px; height:8px; vertical-align:top;background:url(/resources/images/common/icon-arrow-down01.png) no-repeat center;}
.m-gnb nav .main li > a{display:block; color:#111; font-weight:500; font-size:1.2rem; padding:15px 0 15px 20px; color:#fff; font-size:16px;}
.m-gnb nav .main li .m-depth02 li{position:relative; z-index:99999;}
.m-gnb nav .main li .m-depth02 li.active a{color:#fff79d;}
.m-gnb nav .main li .m-depth02 li a{position:relative; font-size:14px; color:#aaa; padding:5px 0 5px 15px; margin-left:20px; font-weight:300;}
.m-gnb nav .main li .m-depth02 li a:after{position:absolute; top:3px; left:0; display:block; content:'·'; color:#aaa; font-size:17px;}


.main-visual-area{overflow: hidden; max-width:1920px; margin:0 auto;}
.main-visual-area .cont-tit-area{transition:all 2s ease-out; width:100%; height:440px; background:url(/resources/images/user/main/main-visual-img.jpg) no-repeat center; background-size:cover;}
.main-visual-area .cont-tit-area:hover{transition:all 2s ease-in; transform:scale(1.05);}
.main-visual-area .cont-tit-area:hover .tit-area{transition:all 2s ease-in; transform:scale(0.95);}
.main-visual-area .cont-tit-area .tit-area{transition:all 2s ease-out; text-align:center; padding-top:160px;}
.main-visual-area .cont-tit-area .cont-tit{font-size:50px; color:#fff;}
.main-visual-area .cont-tit-area .cont-txt{font-size:30px; color:#fff;}

.cont.main{background-color:#f6f6f6; padding:80px 0; max-width:1920px; margin:0 auto;transition:all 0.25s ease-out;}
.cont.main .section .main-link li{transition:all 0.25s ease-out; float:left; width:23.75%; margin-right:1.6666%; margin-bottom:1.6666%;  background-color:#fff;}
.cont.main .section .main-link li.last{margin-right:0;}
.cont.main .section .main-link li a{transition:all 0.25s ease-in; position:relative; display:block; text-align:center; height:140px; border:1px solid #e3e3e3; border-top:2px solid #2c2f40;}
.cont.main .section .main-link li a:before{transition:all 0.25s ease-out; position:absolute; top:0; left:0; display:block; height:0; width:100%; content:'';}

.cont.main .section .main-link li a:hover{transition:all 0.5s ease-in; border-color:#2c2f40; border-top:2px solid #ee4959;}
.cont.main .section .main-link li a:hover::before{transition:all 0.25s ease-out; height:100%; background-color:#2c2f40;}
.cont.main .section .main-link li a:hover strong,
.cont.main .section .main-link li a:hover span{transition:all 0.5s; position:relative; z-index:1; color:#fff;}
.cont.main .section .main-link li a strong{transition:all 0.5s; display:block; margin-top:40px; font-size:24px; font-weight:bold; color:#2c2f40;}
.cont.main .section .main-link li a span{transition:all 0.5s; display:block; margin-top:5px; font-size:12px; color:#2c2f40; text-decoration:underline;}
.footer{max-width:1920px; margin:0 auto; width:100%; background-color:#dddddd; padding:20px 0; box-sizing:border-box;}
.footer .copyright{text-align:center; font-size:14px; color:#666666; }
.footer .copyright.c02{font-weight:bold;}


@media screen and (max-width:1024px){
    .hide-nav {transform: translateY(-120% !important); -webkit-transform: translateY(-120%) !important;} 
    .header{z-index:10; position:fixed; top:0; left:0; right:0; width:100%; will-change:transform; transition: background 0.3s, -webkit-transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1); transition: transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1), background 0.3s; transition: transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1), background 0.3s, -webkit-transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1); transform: translateY(0); -webkit-transform: translateY(0);}
    .header .hd-left{margin-left:5%;}
    .header .hd-right .geetings,
    .header .hd-right .links,
    .header .hd-right .search-area{display:none;}
    .header .btn-gnb{display:block;}
    .main-visual-area .cont-tit-area{margin-top:80px;}
    
}

@media screen and (max-width:768px){
    .header{height:65px; line-height:65px;}
    .header .logo{height:65px;}
    .header .logo img{}
    .header .location {padding-left:10px; margin-left:10px; font-size: 12px; }
    .header .location:after{ top:27px;}
    .m-gnb{top:65px;}
    
    .main-visual-area .cont-tit-area{height:180px; margin-top:65px;}
    .main-visual-area .cont-tit-area .tit-area{padding-top:50px;}
    .main-visual-area .cont-tit-area .cont-tit{font-size:30px;}
    .main-visual-area .cont-tit-area .cont-txt{font-size:15px;}
    .cont.main{padding:50px 0;}
    .cont.main .section .main-link{border-bottom:1px solid #e3e3e3;}
    .cont.main .section .main-link li{width:50%; margin-right:0; margin-bottom:0;}
    .cont.main .section .main-link li a{height:80px; border-top:1px solid #e3e3e3; border-bottom:0px;}
    .cont.main .section .main-link li.m-last{margin-right:0;}
    .cont.main .section .main-link li.m-last a{border-left:0;}
    .cont.main .section .main-link li a span{display:none;}
    .cont.main .section .main-link li a:hover{border-top:1px solid #e3e3e3;  border-color:#e3e3e3;}
    .cont.main .section .main-link li a strong{font-size:18px; margin-top:28px;}
    .footer .copyright{font-size:13px;}
}