@charset "utf-8";

/* *{font-family:'Paperlogy4', sans-serif;} */

header{position: fixed;width:100%;height:80px;left:0;top:0;z-index: 9}
header .gnb{width:90%;margin:0 auto;height:100%;display: flex;justify-content: space-between;transition: all .4s;}
header .gnb h1{display: flex;flex-direction: column;justify-content: center;}
/* header .gnb h1 a img{width:200px;} */
header .gnb h1 a .def{display: block;}
header .gnb h1 a .col{display: none;}
header .gnb nav ul{display: flex;height: 100%;}
header .gnb nav ul li{display: flex;flex-direction: column;justify-content: center;position: relative;padding:0 40px;transition: all .4s;}
header .gnb nav ul>li>a{font-size:14px;color:#fff;display: inline-block;text-align:right;font-family:'Paperlogy5', sans-serif;position: relative;}
header .gnb nav ul>li>a span{border-bottom:2px solid transparent;padding-bottom: 5px}
header .gnb nav ul>li:last-child a span{border:none}
header .gnb nav ul>li>a:hover span{border-color:#fff}
header .gnb nav ul ol{display:none;width:150px;background:#0057b8;border-radius:15px;position: absolute;top:65px;right: 4px}
header .gnb nav ul ol li{padding:10px 0}
header .gnb nav ul ol li a{font-size:14px;color:#fff;display: inline-block;width:100%;text-align:center;font-family:'Paperlogy5', sans-serif;}
header .gnb nav ul>li:last-child a{border:1px solid #fff;border-radius:200px;padding:10px 20px}

.menubtn{display: none;transition: all .4s;}
.menu-trigger {position: relative;width: 30px;height: 25px;}
.menu-trigger,
.menu-trigger span {display: inline-block;transition: all .4s;box-sizing: border-box;}
.menu-trigger span {position: absolute;left: 0;width: 100%;height: 4px;background-color: #fff;border-radius: 4px;}
.menu-trigger span:nth-of-type(1) {top: 0;}
.menu-trigger span:nth-of-type(2) {top: 10px;}
.menu-trigger span:nth-of-type(3) {bottom: 0;}
.menu-trigger.active span:nth-of-type(1) {-webkit-transform: translateY (10px) rotate (-45deg);transform: translateY(10px) rotate(-45deg);}
.menu-trigger.active span:nth-of-type(2) {opacity: 0;}
.menu-trigger.active span:nth-of-type(3) {-webkit-transform: translateY(-10px) rotate(45deg);transform: translateY(-10px) rotate(45deg);}

header.scroll{background:#fff;border-bottom:1px solid #e1e1e1;}
header.scroll .gnb nav ul>li>a{color:#0057b8;}
header.scroll .gnb nav ul>li>a:hover span{border-color:#0057b8}
header.scroll .gnb h1 a .def{display: none;}
header.scroll .gnb h1 a .col{display: block;}
header.scroll .gnb nav ul ol{background:#fff;border:1px solid #e1e1e1}
header.scroll .gnb nav ul ol li a{color:#0057b8}
header.scroll .gnb nav ul>li:last-child a{border-color:#0057b8;}

.w1300{width:80%;margin:0 auto;padding:80px 0}
.w1300 .txt{text-align:center;}
.w1300 .txt small{font-family:'Paperlogy5', sans-serif;color:#0057b8;font-size:13px}
.w1300 .txt h3{font-family:'Paperlogy7', sans-serif;color:#1c1c1e;font-size:40px;line-height:45px;padding:30px 0;}
.w1300 .txt h3 font{font-family:'Paperlogy7', sans-serif;color:#ff6b00}
.w1300 .txt p{font-family:'Paperlogy4', sans-serif;color:#1c1c1e;font-size:15px;line-height: 20px;padding-bottom:30px}

.sub_visual{height: 250px;margin-top: 80px;box-sizing: border-box;background: #0057b8;color:#fff;font-family: 'Paperlogy8', sans-serif;font-size: 48px;text-align: center;display: flex;flex-direction: column;justify-content: center;}

footer{border-top:1px solid #e1e1e1;}
footer>div{padding:50px 0;display:flex;width:1000px;margin:0 auto}
footer>div .img{margin-right: 50px}
footer>div .img img{width:150px}
footer>div .address{width:544px;}
footer>div .address .cName{font-family:'Paperlogy7', sans-serif;color:#0057b8;margin-bottom: 20px}
footer>div .address address p{font-size:13px;font-family:'Paperlogy4', sans-serif;color:#1c1c1e;font-style: normal;margin-bottom: 10px}
footer>div .address address p a{color:#1c1c1e;font-family:'Paperlogy5', sans-serif;}
footer>div .address .clause {font-size:13px;font-family:'Paperlogy5', sans-serif;color:#1c1c1e;margin:20px 0}
footer>div .address .clause a{font-size:13px;font-family:'Paperlogy5', sans-serif;color:#1c1c1e;}
footer>div .address .copyright{font-size:12px;font-family:'Paperlogy6', sans-serif;color:#1c1c1e;margin:20px 0 0}
footer>div .address .copyright em{font-style: normal;}
footer>div .sns a{display: inline-block;width:33px;height:34px;overflow: hidden;position: relative;}
footer>div .sns a img{position: absolute;width:100px;}
footer>div .sns a.insta img{top:1px;left:-35px;}
footer>div .sns a.facebook img{bottom:-3px;left:-35px;}
footer>div .sns a.blog img{top:-33px;left:0}
footer>div .sns a.youtube img{top:0;left:0}
footer>div .sns a.kakao img{height:34px;width:auto;}

@media screen and (max-width: 1005px){
    header .gnb{width:95%;}
    header .gnb nav ul li{padding:0 20px}
    header .gnb nav ul ol{right:-15px;}
    footer>div{width:90%;}
    footer>div .address{width:100%;}
}
@media screen and (max-width: 800px){
    .w1300 .txt h3{font-size:2.4rem;}
}


@media screen and (max-width: 795px){
    header .gnb{align-items: center;width:90%;}
    header .gnb nav {display: none;position: absolute;top: 80px;width: 100%;height: 50vh;left: 0px;transition: all .4s;}
    header .gnb nav ul{width:100%;display:block;background:#fff;border-bottom:1px solid #e1e1e1;}
    header .gnb .menubtn{display: block;}
    header.scroll{box-shadow: none;}
    header.on{background:#fff;}
    header.on .gnb h1 a .def{display: none;}
    header.on .gnb h1 a .col{display: block;}
    header.on .menu-trigger span,header.on.scroll .menu-trigger span{background:#0057b8}
    header.scroll .menu-trigger span{background:#0057b8}
    header.on .gnb nav.on {display: block;}
    header .gnb nav ul li{padding:0;border-top:1px solid #e1e1e1;}
    header.on .gnb nav ul>li>a{text-align:center;color:#1c1c1e;padding:20px;font-size: 18px;}
    header .gnb nav ul>li:last-child>a{border:none;color:#0057b8;font-family:'Paperlogy7', sans-serif;}
    header .gnb nav ul ol{border-radius: 0;background:#f1f5f6;position: initial;width:100%;border-top:1px solid #e1e1e1;}
    header .gnb nav ul ol li a{color:#1c1c1e;}
    header .gnb nav ul ol li{border:none;}
    footer>div{width:90%;flex-direction: column;}
    footer>div .img{margin-right: 0;text-align: center;}
    footer>div .img img{width:200px;}
    footer>div .address{margin-top: 30px;text-align:center;}

    header .gnb nav ul>li>a span{border:none;}
    .sub_visual{font-size: 38px;height:140px;}

}