/* header */
header {position:fixed; left:0; top:0; background:#fff; width:100%; padding:25px 60px; z-index:1000;}
header .header-main {display:flex; flex-wrap:wrap; align-items:center;}
header .header-main .header-logo {flex:1; min-width:0;}
header .header-main .header-logo h1 a img {width:176px;}
header .header-main .header-cate {margin:0 3%;}
header .header-main .header-cate ul {display:flex; flex-wrap:wrap; align-items:center;}
header .header-main .header-cate ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center; padding:0 15px; font-size:20px; font-weight:500;}
header .header-main .header-cate ul li a:hover {color:#503F37; text-decoration:underline; text-underline-offset:6px;}
header .header-main .header-cate ul li.active a {text-decoration:underline; color:#503F37; text-underline-offset:6px;}
header .header-main .header-right {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; flex:1; min-width:0;}
header .header-main .header-right > * {margin:0 8px 0 0;}
header .header-main .header-right > *:last-child {margin:0;}
header .header-main .header-right .menu-drop {position:relative;}
header .header-main .header-right .menu-drop .dropdown-btn {height:50px; padding:0 24px; font-size:18px; font-weight:500; color:#0C0C0C; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; background:#F0F0F0;}
header .header-main .header-right .menu-drop .dropdown-btn:after {transition:all ease 0.3s; display:inline-block; content:""; width:12px; height:6px; margin:0 0 0 12px; background:url('../images/icon_menu_drop_arrow.svg') no-repeat center / cover;}
header .header-main .header-right .menu-drop .dropdown-inner {display:block !important; pointer-events:none; opacity:0; transition:all ease 0.5s; padding:25px; position:absolute; right:0; top:80%; white-space:nowrap; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:15px; min-width:100%;}
header .header-main .header-right .menu-drop .dropdown-inner ul li {border-bottom:1px solid #8F8F8F; padding:0 0 12px; margin:0 0 12px;}
header .header-main .header-right .menu-drop .dropdown-inner ul li:last-of-type {border:0; padding:0; margin:0;}
header .header-main .header-right .menu-drop .dropdown-inner ul li a {display:block; text-align:center; font-size:18px; font-weight:500;}
header .header-main .header-right .menu-drop .dropdown-inner ul li a:hover {color:#977A6A;}
header .header-main .header-right .menu-drop.active .dropdown-btn:after {transform:rotate(180deg);}
header .header-main .header-right .menu-drop.active .dropdown-inner {pointer-events:inherit; opacity:1; top:100%;}
header .header-main .header-right .lang-drop {position:relative;}
header .header-main .header-right .lang-drop .dropdown-btn {width:50px; height:50px; font-size:0; background:url('../images/icon_lang.svg') no-repeat center / cover;}
header .header-main .header-right .lang-drop .dropdown-inner {display:block !important; pointer-events:none; opacity:0; transition:all ease 0.5s; padding:25px; position:absolute; left:50%; top:80%; transform:translateX(-50%); white-space:nowrap; background:#000; box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:15px; min-width:128px;}
header .header-main .header-right .lang-drop .dropdown-inner ul li {border-bottom:1px solid #fff; padding:0 0 12px; margin:0 0 12px;}
header .header-main .header-right .lang-drop .dropdown-inner ul li:last-of-type {border:0; padding:0; margin:0;}
header .header-main .header-right .lang-drop .dropdown-inner ul li a {display:block; text-align:center; font-size:18px; font-weight:500; color:#fff;}
header .header-main .header-right .lang-drop .dropdown-inner ul li a:hover {color:#977A6A;}
header .header-main .header-right .lang-drop .dropdown-inner ul li.active a {color:#977A6A;}
header .header-main .header-right .lang-drop.active .dropdown-inner {pointer-events:inherit; opacity:1; top:100%;}
header .header-main .header-right .menu {width:50px; height:50px; font-size:0; background:url('../images/icon_menu.svg') no-repeat center / cover;}
header .header-menu {pointer-events:none; opacity:0; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); transition:all ease 0.5s; z-index:9999;}
header .header-menu .box {pointer-events:none; opacity:0; position:absolute; right:-20px; top:0; width:320px; height:100%; background:#503F37; display:flex; flex-direction:column; transition:all ease 0.5s; padding:24px;}
header .header-menu .menu-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:100%; margin:0 0 15px;}
header .header-menu .menu-head h2 img {width:150px;}
header .header-menu .menu-head .close {width:24px; height:24px; font-size:0; background:url('../images/icon_close.svg') no-repeat center / cover; filter:var(--filter-white);}
header .header-menu .menu-body {width:100%; height:100%; overflow-y:auto;}
header .header-menu .menu-body ul {height:100%; display:flex; flex-wrap:wrap; align-items:center; align-content:center;}
header .header-menu .menu-body ul li {width:100%;}
header .header-menu .menu-body ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center; font-size:22px; font-weight:600; padding:10px 0; color:#F5F2EF;}
header .header-menu .menu-body ul li a:hover {text-decoration:underline;}
header .header-menu .menu-body ul li.active a {text-decoration:underline; text-underline-offset:6px;}
header .header-menu .menu-member {width:100%; margin:0 0 15px; padding:0 0 15px; border-bottom:1px solid rgba(255,255,255,0.1);}
header .header-menu .menu-member ul {display:flex; flex-wrap:wrap;}
header .header-menu .menu-member ul li {flex:1; min-width:0; margin:0 5px 0 0;}
header .header-menu .menu-member ul li:last-of-type {margin:0;}
header .header-menu .menu-member ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid #F5F2EF; color:#F5F2EF; border-radius:50px; height:35px; font-size:14px; font-weight:500;}
header.fixed .header-menu {pointer-events:inherit; opacity:1;}
header.fixed .header-menu .box {pointer-events:inherit; opacity:1; right:0;}
@media (max-width:1900px){
header {padding:25px 30px;}
header .header-main .header-logo {flex:none;}
header .header-main .header-cate {flex:1; min-width:0;}
header .header-main .header-cate ul li a {padding:0 20px;}
header .header-main .header-right {flex:none;}
}
@media (max-width:1600px){
header .header-main {justify-content:space-between;}
header .header-main .header-cate {display:none;}
}
@media (max-width:1200px){
header {padding:18px 30px;}
header .header-main .header-logo h1 a img {width:132px;}
header .header-main .header-right .menu-drop .dropdown-btn {height:36px; padding:0 18px; font-size:14px;}
header .header-main .header-right .menu-drop .dropdown-btn:after {width:10px; height:5px; margin:0 0 0 8px;}
header .header-main .header-right .menu-drop .dropdown-inner {padding:10px;}
header .header-main .header-right .menu-drop .dropdown-inner ul li {margin:0 0 8px; padding:0 0 8px;}
header .header-main .header-right .menu-drop .dropdown-inner ul li a {font-size:14px;}
header .header-main .header-right .lang-drop .dropdown-btn {width:36px; height:36px;}
header .header-main .header-right .lang-drop .dropdown-inner {padding:10px; min-width:85px;}
header .header-main .header-right .lang-drop .dropdown-inner ul li {margin:0 0 8px; padding:0 0 8px;}
header .header-main .header-right .lang-drop .dropdown-inner ul li a {font-size:14px;}
header .header-main .header-right .menu {width:36px; height:36px;}
}
@media (max-width:767px){
header {padding:15px;}
header .header-main .header-logo h1 a img {width:106px;}
header .header-main .header-right > * {margin:0 4px 0 0;}
header .header-main .header-right .menu-drop .dropdown-btn {height:30px; padding:0 12px; font-size:12px;}
header .header-main .header-right .menu-drop .dropdown-inner {border-radius:10px;}
header .header-main .header-right .menu-drop .dropdown-inner ul li a {font-size:12px;}
header .header-main .header-right .lang-drop .dropdown-btn {width:30px; height:30px;}
header .header-main .header-right .lang-drop .dropdown-inner {min-width:65px; border-radius:10px;}
header .header-main .header-right .lang-drop .dropdown-inner ul li a {font-size:12px;}
header .header-main .header-right .menu {width:30px; height:30px;}
}

/* footer */
footer {background:#F5F2EF; border-radius:40px; padding:84px 40px; margin:30px auto; width:calc(100% - 120px);}
footer .footer-inner {max-width:1194px; margin:0 auto;}
footer .footer-inner h2 {font-family: "Tenor Sans", sans-serif; font-size:24px; color:#503F37; letter-spacing:0;}
footer .footer-inner .inner {display:flex; flex-wrap:wrap;}
footer .footer-inner .inner .inner-left {margin:0 63px 0 0;}
footer .footer-inner .inner .inner-left h3 {margin:0 0 32px; font-size:50px; font-weight:600; color:#0C0C0C;}
footer .footer-inner .inner .inner-left .left-text {margin:0 0 25px;}
footer .footer-inner .inner .inner-left .left-text p {font-size:18px; font-weight:600; color:#0C0C0C;}
footer .footer-inner .inner .inner-left .left-info .info-inner {margin:0 0 30px; display:flex; flex-wrap:wrap;}
footer .footer-inner .inner .inner-left .left-info .info-inner:last-of-type {margin:0;}
footer .footer-inner .inner .inner-left .left-info .info-inner h4 {font-size:18px; font-weight:600; margin:0 20px 0 0; width:65px;}
footer .footer-inner .inner .inner-left .left-info .info-inner strong {font-size:28px; font-weight:600;}
footer .footer-inner .inner .inner-left .left-info .info-inner ul li {display:flex; flex-wrap:wrap;}
footer .footer-inner .inner .inner-left .left-info .info-inner ul li b {display:flex; flex-wrap:wrap; align-items:center; font-size:18px; font-weight:600;}
footer .footer-inner .inner .inner-left .left-info .info-inner ul li b:after {margin:0 12px; display:inline-block; content:""; width:2px; height:16px; background:#503F37; opacity:0.1;}
footer .footer-inner .inner .inner-left .left-info .info-inner ul li p {font-size:18px; font-weight:600;}
footer .footer-inner .inner .inner-left .left-info .info-inner ul li small {margin:20px 0 0; display:block; font-size:16px; color:#8F8F8F;}
footer .footer-inner .inner .inner-left .left-info .info-inner ul li:first-of-type b {letter-spacing:-1.1px;}
footer .footer-inner .inner .inner-center {width:275px; margin:0 60px 0 0;}
footer .footer-inner .inner .inner-center .center-title {display:block; border-radius:20px; transition:all ease 0.5s; background:#503F37; padding:24px; margin:0 0 25px;}
footer .footer-inner .inner .inner-center .center-title:after {display:block; content:""; margin:12px 0 0 auto; width:37px; height:40px; background:url('../images/icon_footer_calendar.svg') no-repeat center / cover;}
footer .footer-inner .inner .inner-center .center-title h3 {line-height:1; margin:0 0 8px; font-size:30px; font-weight:bold; color:#fff;}
footer .footer-inner .inner .inner-center .center-title p {font-size:16px; color:#fff;}
footer .footer-inner .inner .inner-center .center-title:hover {background:#977A6A;}
footer .footer-inner .inner .inner-center .center-contact h3 {margin:0 0 20px; font-size:28px; font-weight:600;}
footer .footer-inner .inner .inner-center .center-contact ul li {margin:0 0 12px; display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-inner .inner .inner-center .center-contact ul li:last-of-type {margin:0;}
footer .footer-inner .inner .inner-center .center-contact ul li > * {margin:0 8px 0 0;}
footer .footer-inner .inner .inner-center .center-contact ul li > *:last-child {margin:0;}
footer .footer-inner .inner .inner-center .center-contact ul li p {font-size:18px; font-weight:500; display:flex; flex-wrap:wrap; align-items:center; position:relative;}
footer .footer-inner .inner .inner-center .center-contact ul li p img {transition:all ease 0.5s; margin:0 8px 0 0;}
footer .footer-inner .inner .inner-center .center-contact ul li p img.after {position:absolute; left:0; top:0; width:36px; height:36px; opacity:0;}
footer .footer-inner .inner .inner-center .center-contact ul li p:hover img {opacity:0;}
footer .footer-inner .inner .inner-center .center-contact ul li p:hover img.after {opacity:1;}
footer .footer-inner .inner .inner-center .center-contact ul li p.call:before {display:none; content:""; width:36px; height:36px; background:url('../images/icon_footer_01.svg') no-repeat center / cover; margin:0 8px 0 0;}
footer .footer-inner .inner .inner-center .center-contact ul li p.lang:before {display:none; content:""; width:36px; height:36px; background:url('../images/icon_footer_02.svg') no-repeat center / cover; margin:0 8px 0 0;}
footer .footer-inner .inner .inner-center .center-contact ul li a {width:36px; height:36px; position:relative; font-size:0; display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-inner .inner .inner-center .center-contact ul li a img {transition:all ease 0.5s; width:36px !important; height:36px;}
footer .footer-inner .inner .inner-center .center-contact ul li a img.after {position:absolute; left:0; top:0; width:36px !important; height:36px !important; opacity:0;}
footer .footer-inner .inner .inner-center .center-contact ul li a:hover img {opacity:0;}
footer .footer-inner .inner .inner-center .center-contact ul li a:hover img.after {opacity:1;}
footer .footer-inner .inner .inner-right {flex:1; min-width:0;}
footer .footer-inner .inner .inner-right .map {position:relative; overflow:hidden; border-radius:20px;}
footer .footer-inner .inner .inner-right .map:after {display:block; content:""; padding-bottom:80%;}
footer .footer-inner .inner .inner-right .map #map {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
footer .footer-inner .inner .inner-right .image {position:relative; border-radius:20px; overflow:hidden; width:100%;}
footer .footer-inner .inner .inner-right .image:after {display:block; content:""; padding-bottom:80%;}
footer .footer-inner .inner .inner-right .image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
footer .footer-inner .inner .inner-right .inner {margin:24px 0 0; display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-inner .inner .inner-right .inner a {font-family: "Tenor Sans", sans-serif; transition:all ease 0.5s; letter-spacing:1px; height:48px; flex:1; min-width:0; margin:0 25px 0 0; font-size:18px; font-weight:500; color:#503F37; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; background:#E4E0DD;}
footer .footer-inner .inner .inner-right .inner a:last-of-type {margin:0;}
footer .footer-inner .inner .inner-right .inner a:before {display:block; content:""; margin:0 12px 0 0; width:24px; height:24px; background-size:cover; background-position:center;}
footer .footer-inner .inner .inner-right .inner a.naver:before {background-image:url('../images/icon_footer_naver.svg');}
footer .footer-inner .inner .inner-right .inner a.google:before {background-image:url('../images/icon_footer_google.svg');}
footer .footer-inner .inner .inner-right .inner a:hover {background:#977A6A; color:#fff;}
@media (max-width:1300px){
footer .footer-inner .inner .inner-left {margin:0 30px 0 0;}
footer .footer-inner .inner .inner-center {margin:0 30px 0 0;}
footer .footer-inner .inner .inner-right .image:after {padding-bottom:380px;}
}
@media (max-width:1200px){
footer {border-radius:20px; padding:30px; margin:30px auto; width:calc(100% - 60px);}
footer .footer-inner h2 {font-size:20px; margin:0 0 15px;}
footer .footer-inner .inner .inner-left {width:100%; margin:0 0 30px;}
footer .footer-inner .inner .inner-left h3 {margin:0 0 10px; font-size:30px;}
footer .footer-inner .inner .inner-left .left-text {margin:0 0 15px;}
footer .footer-inner .inner .inner-left .left-text p {font-size:15px;}
footer .footer-inner .inner .inner-left .left-info .info-inner {margin:0 0 10px;}
footer .footer-inner .inner .inner-left .left-info .info-inner h4 {font-size:15px;}
footer .footer-inner .inner .inner-left .left-info .info-inner strong {font-size:20px;}
footer .footer-inner .inner .inner-left .left-info .info-inner ul li b {font-size:15px;}
footer .footer-inner .inner .inner-left .left-info .info-inner ul li b:after {height:12px;}
footer .footer-inner .inner .inner-left .left-info .info-inner ul li p {font-size:15px;}
footer .footer-inner .inner .inner-left .left-info .info-inner ul li small {font-size:15px; margin:10px 0 0;}
footer .footer-inner .inner .inner-center {width:200px; margin:0 20px 0 0;}
footer .footer-inner .inner .inner-center .center-title {border-radius:10px; padding:16px; margin:0 0 15px;}
footer .footer-inner .inner .inner-center .center-title:after {width:27px; height:30px;}
footer .footer-inner .inner .inner-center .center-title h3 {font-size:20px;}
footer .footer-inner .inner .inner-center .center-title p {font-size:14px;}
footer .footer-inner .inner .inner-center .center-contact h3 {margin:0 0 15px; font-size:20px;}
footer .footer-inner .inner .inner-center .center-contact ul li p {font-size:15px;}
footer .footer-inner .inner .inner-center .center-contact ul li p.call:before {width:30px; height:30px;}
footer .footer-inner .inner .inner-center .center-contact ul li p.lang:before {width:30px; height:30px;}
footer .footer-inner .inner .inner-center .center-contact ul li a {width:36px; height:36px;}
footer .footer-inner .inner .inner-right .image:after {padding-bottom:320px;}
}
@media (max-width:767px){
footer {border-radius:10px; padding:30px 15px; width:calc(100% - 30px);}
footer .footer-inner h2 {font-size:18px;}
footer .footer-inner .inner .inner-left {margin:0 0 20px;}
footer .footer-inner .inner .inner-left h3 {font-size:25px;}
footer .footer-inner .inner .inner-left .left-text {margin:0 0 10px;}
footer .footer-inner .inner .inner-left .left-text p {font-size:14px;}
footer .footer-inner .inner .inner-left .left-info .info-inner h4 {font-size:14px;}
footer .footer-inner .inner .inner-left .left-info .info-inner strong {font-size:18px;}
footer .footer-inner .inner .inner-left .left-info .info-inner ul li b {font-size:14px;}
footer .footer-inner .inner .inner-left .left-info .info-inner ul li p {font-size:14px;}
footer .footer-inner .inner .inner-left .left-info .info-inner ul li small {font-size:13px;}
footer .footer-inner .inner .inner-center {width:100%; margin:0 0 20px;}
footer .footer-inner .inner .inner-center .center-title {border-radius:10px; padding:16px; margin:0 0 15px;}
footer .footer-inner .inner .inner-center .center-title:after {width:27px; height:30px;}
footer .footer-inner .inner .inner-center .center-title h3 {font-size:18px;}
footer .footer-inner .inner .inner-center .center-title p {font-size:13px;}
footer .footer-inner .inner .inner-center .center-contact h3 {margin:0 0 15px; font-size:20px;}
footer .footer-inner .inner .inner-center .center-contact ul {display:flex; flex-wrap:wrap;}
footer .footer-inner .inner .inner-center .center-contact ul li {margin:0 0 5px; width:50%;}
footer .footer-inner .inner .inner-center .center-contact ul li:first-of-type {width:100%;}
footer .footer-inner .inner .inner-center .center-contact ul li:nth-of-type(1) {order:1;}
footer .footer-inner .inner .inner-center .center-contact ul li:nth-of-type(2) {order:2;}
footer .footer-inner .inner .inner-center .center-contact ul li:nth-of-type(3) {order:4;}
footer .footer-inner .inner .inner-center .center-contact ul li:nth-of-type(4) {order:3;}
footer .footer-inner .inner .inner-center .center-contact ul li:nth-of-type(5) {order:5;}
footer .footer-inner .inner .inner-center .center-contact ul li > * {margin:0 4px 0 0;}
footer .footer-inner .inner .inner-center .center-contact ul li p {font-size:14px;}
footer .footer-inner .inner .inner-center .center-contact ul li p.call:before {width:25px; height:25px;}
footer .footer-inner .inner .inner-center .center-contact ul li p.lang:before {width:25px; height:25px;}
footer .footer-inner .inner .inner-center .center-contact ul li a {width:36px; height:36px;}
footer .footer-inner .inner .inner-right {width:100%; flex:none;}
footer .footer-inner .inner .inner-right .image:after {padding-bottom:60%;}
footer .footer-inner .inner .inner-right .inner {margin:15px 0 0;}
footer .footer-inner .inner .inner-right .inner a {margin:0 10px 0 0; height:40px; font-size:15px;}
footer .footer-inner .inner .inner-right .inner a:before {width:20px; height:20px; margin:0 4px 0 0;}
}

/* section */
section {margin:100px 0 0;}
@media (max-width:1200px){
section {margin:72px 0 0;}
}
@media (max-width:767px){
section {margin:60px 0 0;}
}