.pc{display: block;}
.mo{display: none !important}
.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;
  }
}

@keyframes rotate {
	0% {transform:rotate(0deg);}
	100% {transform:rotate(360deg);}
}

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

#main header{position: fixed;left: 0;right: 0;top:0;z-index: 1000; padding: 0 50px;height: 100px; background: transparent; }
#main header .gnb > li > a {color: #fff}
#main header.open .gnb > li > a {color: #000}
#main header .tel > a {}

#main header h1 .out.main {display: block;}
#main header h1 .ov {display: none;}
#main header.open h1 .ov {display: block;}
#main header.white h1 .out.main {display: none;}
#main header.white h1 .ov {display: block;}

#main header .tel > a { }
#main header .tel > a > i {background: url(../images/common/tel_w.png) no-repeat center;  }
#main header .tel2 > .box2 a.tel_num {color:#fff}
#main header.open .tel2 > .box2 a.tel_num,
#main header.white .tel2 > .box2 a.tel_num{color: #2daa9e;}

#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:#fff; 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)*/}
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{background:transparent;position: fixed;left: 0;right: 0;top:0;z-index: 100;min-width: 1440px;height: 100px;transition: all 0.5s; /*box-shadow: 0px 2px 19px #00000030;*/}
header > .inner {display: flex;height: 100%;align-items: center; }
header h1 {height: 100%;display: flex;align-items: center;}
header h1 .out.main{display: none;}
header h1 .ov{display: block;}

header .gnb {display: flex;margin: 0 auto;width:100%;max-width: 690px;height: 100%;}
header .gnb > li {height: 100%; flex:1}
header .gnb > li > a {display: block;font-size: 18px;font-weight: 500;/* font-family: 'NanumSquare', sans-serif; */color: #000;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: column; position: relative;}
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  a{font-family: 'Nanum Myeongjo', sans-serif; font-size: 26px;font-weight:800;color: #000000;}
header .tel > a {font-size:40px;color: #8a6d4e;}
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 .tel > .box {margin:0;display: flex;gap: 5px;}
header .tel > .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: 36px; color: #2daa9e; font-weight: 800;}
header .tel2 > .box2 a.btn  {font-family: 'NanumSquare', sans-serif;border-radius: 6px;padding: 0.2rem 0.6rem;background: #515151;font-size: 16px;color: #fff; line-height:1;}
header .tel2 > .ban .ban_on{display:none}
header .gnb_bg {background:#2daa9e; height: 0; width: 100%; transform: translate(-50%, 100%); bottom: 1px; position: absolute; left: 50%; transition:.4s;}
header .gnb_bg > .inner {height: 100%;}


header .tel2 {display: flex;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; 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 {position: relative;}
header .gnb > li > ul.sub_menu {display: block;z-index: 1;width: 100%;height: 0;overflow: hidden;text-align: center;left: auto;bottom: auto;top: -2px;transform: none;position: relative;padding-top: 20px;}
header .gnb > li > ul.sub_menu > li {display: block;margin-right: 0;margin-bottom: 15px;}
header .gnb > li > ul.sub_menu > li > a {padding: 0;font-size: 17px;font-weight: 300;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: 0;display: none;}
header .gnb > li.on > ul.sub_menu {display:block;}
/* 로고 중앙정렬용
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: 390px;}
header ul.gnb > li:nth-child(3) > ul.sub_menu{padding-right: 220px;}
header ul.gnb > li:nth-child(4) > ul.sub_menu{padding-right: 0;}
header ul.gnb > li:nth-child(5) > ul.sub_menu{padding-left: 280px;}
header ul.gnb > li:nth-child(6) > ul.sub_menu{padding-left: 550px;}
header ul.gnb > li:nth-child(7) > ul.sub_menu{padding-left: 730px;}
*/


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: #e4d6b9;}
header.white .tel2 > .box2 a.tel_num,
header.open .tel2 > .box2 a.tel_num {color: #2daa9e; }

header.white .tel2 > .ban .ban_off,
header.open .tel2 > .ban .ban_off{display:none}
header.white .tel2 > .ban .ban_on,
header.open .tel2 > .ban .ban_on{display:block}

header.open {background: #fff !important;}
header.open .gnb_bg {height: 360px;}
header.open .gnb {overflow: visible;}
header.open .gnb > li > ul.sub_menu {opacity:1; height: auto; transition: .2s .2s;}
header.open .gnb > li > a {color: #000;}
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 !important}
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: 2rem;top: 70%;z-index: 999;width: 110px;}
.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{margin-bottom: 10px;position: relative;/* background: #f00; */}
.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;}
.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;}
.quick1 { width:100%;}
.quick1 a{display: flex;justify-content: center;position: relative;align-items: center;}
.quick1 a p {position: absolute;width: 80px;height: 80px;display: flex;flex-direction: column;align-items: center;top: calc(50% - 41px););left: calc(50% - 41px);justify-content: center;color: #fff;background: #6cc2c3;border-radius:50px;text-align: center; font-size:14px;}
.quick1 .txt_bor {animation: rotate 6s linear infinite;width: 100%;height: 100%;}
.quick1 .txt_bor img {width:auto; max-width: none; }
/* .quick_menu .quick1 {position:absolute;right:95px;bottom:390px;z-index:30;opacity:0;transform:translate(30%,0);transition:0.6s;transition-delay:2s;}
.quick_menu .quick1 a{display:block;}

.quick_menu .quick1 a::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;background-color:#7a6e66;transform: scale(0.7); transition:0.5s; }
.quick_menu .quick1 p {position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction: column;text-align:center;} */


/* .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;}