.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: 1000; padding: 0 50px;height: 100px; }
#main #header .gnb > li > a { }
#main #header .tel > a {}

/* #main #header h1 .out{display: none;} */
#main #header h1 .out.mai#n {display:block !important}
/* #main header .gnb > li > a { color:#fff}  */
#main #header .tel > a { }
#main #header .tel > a > i {background: url(../images/common/tel_w.png) no-repeat center;  }
#main #header.white h1 .out.main{display: none !important}
#main #header.white .tel > a {}
#main #header.white .tel > a > i {background: url(../images/common/tel.png) no-repeat center;  }


#main .quick_area {}

#header{ background: transparent; position: fixed;left: 0;right: 0;top:0;z-index: 100; min-width: 1440px; height: 100px; padding: 0 50px 0;transition: all 0.5s; border-bottom:1px solid rgb(255,255,255,.3)}
#header > .inner {display: flex;height: 100%;align-items: center; }
/* 로고 중앙정렬용
header > .inner > h1 {position: absolute;left: calc(50% - 96px);z-index: 100;height: 100%;display: flex;align-items: center;} 
header .gnb {display: flex;margin: 0 auto;width:100%;max-width: 1000px;margin-right: 370px;height: 100%;overflow: hidden;}
*/
#header > .inner > h1 {height: 100%;display: flex;align-items: center;}
#header .gnb {display: flex;margin: 0 auto;width:100%;max-width: 820px;height: 100%;overflow: hidden;}
#header .gnb > li {height: 100%; flex:1}
#header .gnb > li > a {display: block; font-size: 18px; font-weight: 600; font-family: 'NanumSquare', sans-serif; color: #fff; text-align: center; line-height: 100px}
#header .gnb > li:hover > a,
#header .gnb > li.all_menu.open > 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;flex-direction: row;position: relative;}
#header .tel .tel_wrap {display: flex;flex-direction: column;margin-left: 10px;}
#header .tel a.btn_vod  {font-family: 'Nanum Myeongjo', sans-serif;border-radius: 5px;padding: 0.3rem 0.6rem;background: #323434;font-size: 14px;color: #fff;position: absolute;left: -180px;top: calc(50% - 13px);}
#header .tel .tel_wrap a{font-family: 'Nanum Myeongjo', sans-serif; font-size: 26px;font-weight:800;color: #000000;}
#header .tel .tel_wrap > a {font-size:34px;color: #fff; position: relative; padding-left: 35px;}
#header .tel .tel_wrap > a > i {position: absolute; left: 0; top:50%; transform: translateY(-50%); width: 34px;height: 34px;background: url(../images/common/tel_w.png) no-repeat center; border-radius: 50px;display: inline-block;vertical-align: middle;}
#header .tel .tel_wrap > .box {margin:0;display: flex;gap: 5px;}
#header .tel .tel_wrap > .box > a { display:flex; align-items: center;margin: 0.2rem 0; border-radius: 5px;padding: 0.3rem 0.6rem;color: #fff !important;background: #323434;font-size: 14px;font-weight: 400;line-height: 1;}
#header .tel2 > .box2 a {text-align: center; font-family: 'Nanum Myeongjo', sans-serif;}
#header .tel2 > .box2 a.tel_num{font-size: 40px; color: #8a6d4e; font-weight: 800;}
#header .tel2 > .box2 a.btn  {font-family: 'NanumSquare', sans-serif;border-radius: 5px;padding: 0.3rem 0.6rem;background: #323434;font-size: 14px;color: #fff;}
/* #header h1 .out.main{display: none } */
#header h1 .ov{display: none}
#header .gnb_bg {background:#1d1b1c; height: 0; width: 100%; transform: translate(-50%, 100%); bottom: 1px; position: absolute; left: 50%; transition:.4s;}
#header .gnb_bg > .inner {height: 100%;}
#header .gnb > li > a > span.point > i {background: #ef4b4c;color:#fff;padding: 2px 7px;}

#header .tel2 {display: none;gap: 10px; align-items: center; position: relative;}
#header .tel2 > a.btn  {font-family: 'Nanum Myeongjo', sans-serif;border-radius: 5px;padding: 0.3rem 0.6rem;background: #323434;font-size: 14px;color: #fff;}
#header .tel2 > a{font-family: 'Nanum Myeongjo', sans-serif;font-size: 26px;font-weight:800;color: #000000;}
#header .tel2 > a {font-size:40px;color: #8a6d4e; width: 100%; text-align: center;}
#header .tel2 > 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 .tel2 > .box {margin:0;}
#header .tel2 > .box > a {display: block; text-align: center; margin-top: 0.4rem; border-radius: 5px;padding: 0.3rem 0.6rem;color: #000 !important;background: #fff;height: 30px; font-size: 16px;font-weight: 400;line-height: 1;}
#header .tel2 > .box > a > img {max-width: none; height: 100%;}
header .gnb > li {}
header .gnb > li > ul.sub_menu {display: none; position: absolute;z-index: 1;transition:opacity .5s .1s;bottom: 0;transform: translate(-50%, 100%);left: 50%;width: 100%;text-align: center;/*background: #1d1b1c;*/}
header .gnb > li > ul.sub_menu > li {display: inline-block;margin-right: 20px;}
header .gnb > li > ul.sub_menu > li > a {padding: 14px 0;font-size: 16px;color: #fff;display: block;text-align: center;}
header .gnb > li > ul.sub_menu > li > a:hover {font-weight: 400; color: #e4d6b9}
header .gnb > li > ul.sub_menu > li > a.on {position: relative; color: #e4d6b9}
header .gnb > li > ul.sub_menu > li > a.on:before { content:""; width: 100%; height: 1px; background: #e4d6b9; position: absolute; bottom: 6px;}
/* 로고 중앙정렬용
header ul.gnb > li:nth-child(2) > ul.sub_menu{padding-right: 650px;}
header ul.gnb > li:nth-child(3) > ul.sub_menu{padding-right: 290px;}
header ul.gnb > li:nth-child(4) > ul.sub_menu{padding-right: 270px;} 
*/
#header ul.gnb > li:nth-child(1) > ul.sub_menu{padding-right: 400px;}
#header ul.gnb > li:nth-child(2) > ul.sub_menu{padding-right: 460px;}
#header ul.gnb > li:nth-child(3) > ul.sub_menu{padding-right: 240px;}
#header ul.gnb > li:nth-child(4) > ul.sub_menu{padding-right: 140px;}
#header ul.gnb > li:nth-child(5) > ul.sub_menu{padding-left: 240px;}
#header ul.gnb > li:nth-child(6) > ul.sub_menu{padding-left: 280px;}
#header ul.gnb > li:nth-child(7) > ul.sub_menu{padding-left: 730px;}
#header ul.gnb > li:nth-child(8) > ul.sub_menu{padding-left: 710px;}
header ul.gnb > li.on .sub_menu {display:block;}

#header.white{background: #fff !important; 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 > a{}
#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.white .box > a,
#header.open .box > a {background: #8c6f4f;}
#header.white .tel .tel_wrap > a,
#header.open .tel .tel_wrap > a {color: #19236e;}
#header.white .tel .tel_wrap > a > i,
#header.open .tel .tel_wrap > a > i {background: url(../images/common/tel.png) no-repeat center;}



#header.open {background: #fff !important;}
#header.open .gnb_bg {height: 52px;}
#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.box {color:#fff  !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}




.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: 1rem;top: 80%;z-index: 999;}
.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: 11px;text-align: center; display: flex;color: #ffffff;padding: 0;transition: all 0.2s;flex-direction: column;justify-content: center;align-items: center;line-height: 1;letter-spacing: 0;}
.quick_area .quick_menu li > a:hover {}
.quick_area .quick_menu li > a > i{display: block;margin: 0 auto;margin-bottom: 6px;}
.quick_area .quick_menu li > a > i > img { }
.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;}

/* .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:#1d1b1c; 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:#797979; 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: 1px solid #585858;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 { padding: 0 !important; }
#footer .footer_top {color:#fff; font-size: 13px; height: 50px;padding: 0; margin-bottom: 0; }
#footer .footer_top .ft_text { }
#footer .footer_top button.ft_btn {transform:rotate(180deg);}
#footer .footer_top button.ft_btn.open { transform:rotate(0deg)}
#footer .footer_wrap {padding: 30px 0; display: none; }
#footer .footer_wrap > div {position: relative; padding-left:200px;}
#footer .footer_wrap .ft-logo { position: absolute; left: 40px; top:50%; margin-top: -20px;}


/*  footer  */
footer{background:#1d1b1c; 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:#797979; 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: 1px solid #585858;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 { padding: 0 !important; }
#footer .footer_top {color:#fff; font-size: 13px; height: 50px;padding: 0; margin-bottom: 0; }
#footer .footer_top .ft_text { }
#footer .footer_top button.ft_btn {transform:rotate(180deg);}
#footer .footer_top button.ft_btn.open { transform:rotate(0deg)}
#footer .footer_wrap {padding: 30px 0; display: none; }
#footer .footer_wrap > div {position: relative; padding-left:200px;}
#footer .footer_wrap .ft-logo { position: absolute; left: 40px; top:50%; margin-top: -20px;}


/*main2-gnb=================*/
#header2{background:transparent; position: fixed;left: 0;right: 0;top:0;z-index: 100; min-width: 1440px; height: 100px; transition: all 0.5s;/* border-bottom:1px solid rgb(255,255,255,.3)*/}
#header2 > .inner {display: flex;height: 100%;align-items: center; }
#header2 h1 > a.out {display: block;}
#header2 h1 > a.ov {display: none;}
#header2 > .inner > h1 {height: 100%;display: flex;align-items: center;}
#header2 .gnb {display: flex;margin: 0 auto;width:100%;max-width: 690px;height: 100%;}
#header2 .gnb > li {height: 100%; flex:1}
#header2 .gnb > li > a {display: block;font-size: 18px;font-weight: 400;/* font-family: 'NanumSquare', sans-serif; */color: #fff;text-align: center;line-height: 100px}
#header2 .gnb > li:hover > a,
#header2 .gnb > li.all_menu.open > a{font-weight: 500}
#header2 .gnb > li > a > span {display: block; position: relative; }
#header2 .gnb > li > a > span:after{ }
#header2 .gnb > li:hover > a> span:after { }
#header2 .tel {align-items: center;position: relative;color: #fff;width: 210px;}
#header2 .tel:after {content:'';width: 56px;height: 56px;position: absolute;right: 0;top: 0;border-radius: 50px;border: 1px solid #fff;box-sizing: border-box;background-color: #fff;z-index: -1;transition: 0.3s;}
#header2 .tel > h2 {font-size: 22px;line-height: 56px;position: absolute;left: 55px;opacity: 0;transition: 0.3s;font-weight: 500;letter-spacing: 0;}
#header2 .tel > p {font-size: 12px;line-height: 56px;text-transform: uppercase;text-align: right;margin-right: 76px;letter-spacing: 0px;font-weight: 500;position: relative;z-index: 3;transition: 0.3s;}
#header2 .tel a.btn_vod  {font-family: 'Nanum Myeongjo', sans-serif;border-radius: 5px;padding: 0.3rem 0.6rem;background: #323434;font-size: 14px;color: #fff;position: absolute;left: -180px;top: calc(50% - 13px);}
#header2 .tel  a{font-family: 'Nanum Myeongjo', sans-serif; font-size: 26px;font-weight:800;color: #000000;}
#header2 .tel > a {font-size:40px;color: #8a6d4e;}
#header2 .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;}
#header2 .tel > a > .call {position: absolute;width: 56px;height: 56px;position: absolute;right: 0;top: 0;bottom: 0;margin: auto;background:  url(../images/main2/tel_b.png) no-repeat center #fff;transition: 0.3s;z-index: 9;border-radius: 50px;}
#header2 .tel.active:after { background-color: transparent; }
#header2 .tel.active .call { background:  url(../images/main2/tel_w.png) no-repeat center; }
#header2 .tel.active:after { background-color: transparent; width: 100%; }
#header2 .tel.active h2 { opacity: 1; left: 25px; }
#header2 .tel.active p { opacity: 0; }

#header2 h1 .out.main{display: none }
#header2 h1 .ov{display: none}
#header2 .gnb_bg {background:#b6c4b6; height: 0; width: 100%; transform: translate(-50%, 100%); bottom: 1px; position: absolute; left: 50%; transition:.4s;}
#header2 .gnb_bg > .inner {height: 100%;}


#header2 .gnb > li {position: relative;}
#header2 .gnb > li > ul.sub_menu {display: block; z-index: 1;width: 100%;height: 0; overflow: hidden; text-align: center;left: auto;bottom: auto;transform: none;position: relative; padding-top: 20px;}
#header2 .gnb > li > ul.sub_menu > li {display: block;margin-right: 0;margin-bottom: 9px;}
#header2 .gnb > li > ul.sub_menu > li > a {padding: 0;font-size: 16px;color: #000;display: block;text-align: center;}
#header2 .gnb > li > ul.sub_menu > li > a:hover {font-weight: 400; color: #e4d6b9}
#header2 .gnb > li > ul.sub_menu > li > a.on {position: relative; color: #e4d6b9}
#header2 .gnb > li > ul.sub_menu > li > a.on:before { content:""; width: 100%; height: 1px; background: #e4d6b9; position: absolute; bottom: 6px;}

#header2 ul.gnb > li.on .sub_menu {display:block;}
#header2.open {background: #fff !important;}
#header2.open h1 > a.out {display: none;}
#header2.open h1 > a.ov {display: block;}
#header2.open .gnb_bg {height: 200px; border-top:1px solid #d1d1d1  }
#header2.open .gnb {overflow: visible;}
#header2.open .gnb > li > ul.sub_menu {opacity:1; height: 200px; transition: .2s .2s;}
#header2.open .gnb > li > a {color: #000 !important;}

#header2.open .tel {}
#header2.open .tel:after {border: 1px solid #000;}
#header2.open .tel > h2 {}
#header2.open .tel > p {color: #000;}
#header2.open .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;}
#header2.open .tel > a > .call {background:  url(../images/main2/tel_w.png) no-repeat center #000;}
#header2.open .tel.active .call { background:  url(../images/main2/tel_b.png) no-repeat center; }
#header2.open .tel.active h2 {color: #000; }