.pc{display: block;}
.mo{display: none}
.inner {width: 100%; max-width: 1600px; margin: 0 auto;}
.inner.w1200,
.inner_1200 {width: 100%;max-width: 1200px;margin: 0 auto;position: relative;}
.inner.w1400 {width: 100%;max-width: 1400px;margin: 0 auto;}
.inner.w1280 {width: 100%;max-width: 1280px;margin: 0 auto;}

@keyframes bgScale {
  from {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes slideUp {
  from {
    opacity: 0;
    top: 30px;
  }
  to {
    opacity: 1;
    top: 0;
  }
}

@keyframes slideLeft {
  from {
    opacity: 0;
    left: 30px;
  }
  to {
    opacity: 1;
    left: 0;
  }
}

body {width:100%; min-width: 1440px}

#main header{position: fixed;left: 0;right: 0;top:0;z-index: 200;padding: 0 50px;height: 100px;}
#main header .gnb > li > a {color: #fff;}
#main header .tel > a {color: #fff;}
#main .quick_area {display: none}

header{position: fixed;left: 0;right: 0;top:0;z-index: 100; min-width: 1440px; height: 100px; padding: 0 50px;transition: all 0.5s; border-bottom:1px solid rgb(255,255,255,.3)}
header > .inner {display: flex; height: 100%;align-items: center; margin: 0 auto}
header > .inner > h1 { }
header .gnb {display: flex;margin: 0 auto; height: 100%; overflow: hidden;}
header .gnb > li {height: 100%;}
header .gnb > li > a {display: block; font-size: 18px; color: #fff; padding:0 24px;line-height: 100px}
header .gnb > li:hover > a{font-weight: 500}
header .gnb > li > a > span {display: block; position: relative; }
header .gnb > li > a > span:after{ }
header .gnb > li:hover > a> span:after { }

header .tel {display : flex;align-items: center;}
header .tel > .box {margin:0;margin-right: 1rem;}
header .tel > .box > a {display: block;background: #041e42;color: #fff;margin: 0.2rem 0;padding: 0.2rem 0.5rem;border-radius: 3px;text-align: center;}
header .tel > .box > a.btn2 {background: #9f3d3e;}

header .tel > a{font-family: 'NanumSquare'; font-size: 26px; font-weight:800; color: #fff}
header .tel > a > i {width: 34px;height: 34px;background: url(../images/common/tel.png) no-repeat center; border-radius: 50px;display: inline-block;vertical-align: middle;}
header h1 .out{ }
header h1 .ov{display: none}
header .gnb_bg {background:#041e42; height: 0; transform: translate(-50%, 100%); bottom: 1px; position: absolute; left: 50%; transition:.4s;}
header .gnb_bg > .inner {height: 100%;}

header .gnb > li {position: relative;}
header .gnb > li > ul.sub_menu {position: absolute;z-index: 1; transition:opacity .5s .1s;padding-top: 20px;padding-left: 0;opacity: 0;bottom: 0;transform: translate(-50%, 100%);left: 50%;width: 100%;}
header .gnb > li > ul.sub_menu > li > a {padding: 4px 0; font-size: 16px; color: #fff; display: block;text-align: center;}
header .gnb > li > ul.sub_menu > li > a:hover {font-weight: 400; color: #eec1b3}

header.white{background: #fff; border-bottom: 1px solid #041e42;}
header.white > .inner { }
header.white .gnb {}
header.white .gnb > li { }
header.white .gnb > li > a {color: #000 !important;}
header.white.open .gnb > li > a {color: #000;}
/* header.white .tel > .box {border: 1px solid #000;color: #000;} */
header.white .tel > a{color: #000 !important;}
header.white .tel > a > i {background: url(../images/common/tel_on.png) no-repeat center}
header.white h1 .out{display: none }
header.white h1 .ov{display: block}


header.open {background: #fff !important;}
header.open .gnb_bg {height: 290px;}
header.open .gnb {overflow: visible;}
header.open .gnb > li > ul.sub_menu {opacity:1;}
header.open .gnb > li > a {color: #000 !important;}
header.open .tel > a{color: #000 !important;}
header.open .tel > a > i {background: url(../images/common/tel_on.png) no-repeat center}
header.open h1 .out,
header.open.white h1 .out{display: none }
header.open h1 .ov,
header.open.white h1 .ov{display: block}

@media (max-width:1800px) {
  header > .inner { margin:0; width:calc(100% - 100px) }
}

@media (max-width:1440px) {
  header { padding: 0 2rem}
}

@media (max-width:1439px) {
  header .gnb {margin: 0 5vw}
}



.all_menu.open > a > span:nth-child(1) {transform: rotate(45deg);position: absolute;left: 0;top: 12px;width: 35px;}
.all_menu.open > a > span:nth-child(2) {display: none}
.all_menu.open > a > span:nth-child(3) {transform: rotate(-45deg);position: absolute;left: 0;top: 12px;width: 35px !important;}

.quick_area{position: fixed;right: 0;top: 50%;z-index: 999;width: 90px;height: 330px;background: #041e42;border-radius: 10px 0 0 10px;}
.quick_area > p {margin: 10px auto;text-align: center;}
.quick_area > ul {background:#fff; border-radius: 12px 0 0 13px;border:1px solid #002e00; border-right:none}
.quick_area .all_menu{width: 100%;height: 90px;background: #cab79b;display: flex;justify-content: center;align-items: center; cursor: pointer;}
.quick_area .all_menu > a {width: 33px;height: 30px;display: block; position: relative;}
.quick_area .all_menu > a > span {width: 33px; height: 3px; background: #fff; margin-bottom: 5px; display: block; transition: all 0.2s;}
.quick_area .all_menu > a > span:last-child {width: 23px; height: 3px; background: #fff;}
.quick_area .top > a{position: absolute; left: 0; right: 0; bottom: 0;  text-align: center; color: #fff; height: 90px;}
.quick_area .top > a::after{content: ""; position: absolute; left: 50%; bottom: 0; width: 1px; height: 60%; background: #656565;}
.quick_area .quick_menu li{}
.quick_area .quick_menu li > a{font-size: 13px;text-align: center;height: 88px;display: flex;color: #6b6b6b;padding: 0;transition: all 0.2s;flex-direction: column;justify-content: center;align-items: center;}
.quick_area .quick_menu li > a:hover {background: #58917c;}
.quick_area .quick_menu li > a > i{display: block;width: 30px;height: 34px;margin: 0 auto;background: url(../images/common/quick_icon.png) no-repeat;}
.quick_area .quick_menu li:nth-child(1) > a >i{background-position: 0 0;}
.quick_area .quick_menu li:nth-child(2) > a >i{background-position: 0 -76px;}
.quick_area .quick_menu li:nth-child(3) > a >i{background-position: 0 -151px;}
.quick_area .quick_menu li:nth-child(4) > a >i{background-position: 0 -248px;}


/*  footer  */
footer{background:#303338; padding:40px 0 !important}
footer .footer_wrap{width:1600px; margin:0 auto; display: flex; align-items: flex-end; justify-content:flex-start;}
footer .footer_wrap > div{width:100%}
footer .footer_wrap > div p{color:#aaa9a5; font-size:14px; letter-spacing:0}
footer .footer_wrap > p{width:40%; text-align:right; color:#aaa9a5; font-size:41px; font-weight:600}
footer .footer_top{width: 1600px; margin: 0 auto; display: flex;border-bottom: 2px solid #565656;justify-content: space-between;align-items: center;padding-bottom: 15px;margin-bottom: 30px;}
footer .footer_top h1{padding-bottom: 0;}
footer .footer_top .tel_ft{font-family: 'NanumSquare'; color: #eec1b3; font-size: 18px; }
footer .footer_top .tel_ft > span{font-size: 24px;font-weight: 800;vertical-align: middle;margin-left: 10px;}
footer .footer_top .tel_ft > .box {display: inline-block;border: 1px solid #eec1b3;font-size: 0.85rem;padding: 0.2rem 0.7rem;margin: 0;}