*{outline: 0}
/*
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
*/
/*
@font-face {
    font-family: 'NanumSquareNeo-Variable';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
*/
@font-face {
    font-family: 'SUIT-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

*{ margin: 0; padding: 0; }
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary, button,
time, mark, audio, video, a, textarea, input{;margin:0;  padding:0;  border:0; font-size:100%; vertical-align:baseline; background:transparent; -webkit-text-size-adjust:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;font-family: 'SUIT-Regular', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;font-style: normal; }
html{ -ms-touch-action:auto;}

img{}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav, section{}
legend, caption{width:0;height:0;visibility:hidden;font-size:0;line-height:0;}
button{cursor:pointer; border:none; padding:0; }
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
li,dd{list-style:none;}
blockquote, q {quotes:none;}
address, caption, em, cite, i, a {font-weight:normal; font-style:normal; text-decoration: none;color: #333}
table {border-collapse:collapse; border-spacing:0; table-layout:fixed;}
iframe{width:100%;vertical-align:middle;}
caption{display:none;}
figcaption{display:block;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance:none;  margin:0; }

strong {font-weight: bold }

input[type="text"], input[type="number"],input[type="email"], input[type="search"],
input[type="password"], input[type="date"], input[type="tel"], select{display:table-cell; vertical-align:middle; padding:  0 0 0 7px; height: 40px; line-height: 1; box-sizing: border-box; background:#fff; border:1px solid #cccccc; border-radius:0; color:#999; font-size:12px;font-family: 'SUIT-Regular', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}

input[type="search"] {border-radius:0; -webkit-border-radius:0; -webkit-appearance:textfield;}
input[type="search"]::-webkit-search-results-decoration {-webkit-appearance:none;}

input[type='checkbox'],input[type='radio'] {vertical-align:middle; margin-top:0;  cursor : pointer;}

input.disabled {background:#fff;}

input[type=date]::-webkit-clear-button,
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-calendar-picker-indicator {
    display: none;
}


select::-ms-expand{display:none; }
select{ cursor: pointer; outline :none; overflow :hidden; color:#999; width:100%;;  }
textarea{width:100%;height:100px; resize:none; border:1px solid #cccccc;   padding:10px; color:#999;}


.blind{position:absolute; top:-999999px; width:0; height:0; font-size:0; overflow:hidden;}
.clear:after{content:""; display: table; clear: both;}
.clearfix{overflow:hidden;}
.clearfix:after{clear:both; display:table; content:'';}
.center{text-align:center; display:block; float:none !important;}
.accessibility{display: none}
.hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: none;
    clip: rect(0,0,0,0);
    overflow: hidden;
}


#footer {background: #FEF8F2;padding: 50px 60px;}
#footer address{color: #BCA795;font-size: 16px;font-weight: 300;display: block;margin-top: 50px;}
#footer .ft{display: flex}
#footer .ft > div{padding: 0 60px;width: 50%}
#footer .ft > div.left{padding-left: 0}
#footer .ft > div.left .title{display: flex;align-items: flex-end;gap: 20px;margin-bottom: 45px}
#footer .ft > div.left .title strong{    font-family: "amandine", sans-serif;font-size: 100px;color: #51341B;font-weight: 400;line-height: 100px}
#footer .ft > div.left .title a{font-size: 30px;color: #51341B;font-family: "amandine", sans-serif;}
#footer .ft > div.left .map_wrap .root_daum_roughmap{width: 100%;height: 100%;border-radius: 10px;overflow: hidden}
#footer .ft > div.left .map_wrap{height: 346px}
#footer .ft > div.left .root_daum_roughmap .wrap_map{height: 100%;border: 1px solid #E3D0C7}
#footer .ft > div.right{padding-right: 0}
#footer .ft > div .w{border-bottom: 1px solid #E3D0C7;padding-bottom: 70px}
#footer .ft > div.right{padding-top: 125px}
#footer .ft > div.right .w{display: flex;}
#footer .ft > div.right .w div{width: 50%;position: relative}
#footer .ft > div.right .w div:nth-child(1) .line{left: -60px}
#footer .ft > div.right .w div .line{position: absolute;top: 0;left: 0;height: 100%;width: 1px;background: #E3D0C7}
#footer .ft > div.right .w div .line i{position: absolute;width: 16px;height: 16px;border-radius: 2px;background: linear-gradient(-45deg, rgba(255,255,255,0), rgba(255,255,255,1));left: -8px;position: absolute;top: -5px;backdrop-filter: blur(20px)}
#footer .ft > div.right .w div .line i:after{content: '';display: block;width: 4px;height: 4px;background: #E3D0C7;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 50%}
#footer .ft > div.right .w div ul{display: flex;flex-direction: column;gap: 48px}
#footer .ft > div.right .w div ul li span{color: #51341B;font-size: 20px;font-family: "amandine", sans-serif;display: block;margin-bottom: 7px}
#footer .ft > div.right .w div ul li p{font-size: 16px;line-height: 24px;color: #51341B}
#footer .ft > div.right .w div:nth-child(2){padding-left: 60px;display: flex;align-items: flex-end}
#footer .ft > div.right .w div:nth-child(2) i{display: block}
#footer .ft > div.right .w div .text_copy{width: 100%;margin-top: 10px;padding: 0;display: block}
#footer .ft > div.right .w div .text_copy p{font-size: 14px;}
#footer .ft > div.right .w div .text_copy p span{font-size: 12px;line-height: 1.7;opacity: 0.5}
#footer .ft > div.right .w div .text_copy p em{text-decoration: underline;color: inherit}
#footer .ft > div.right .w div .text_copy ul{gap: 0}
#footer .ft > div.right .w div .text_copy ul li{font-size: 14px;line-height: 24px;color: #51341B;}
/*
#footer{padding: 60px;}
#footer .ft01{display: flex;margin-bottom: 40px;align-items: center; gap: 30px;}
#footer .ft01 strong{font-family: "the-seasons", sans-serif;font-size: 100px;color: #51341B;font-weight: 400}
#footer .ft01 p{font-size: 16px;color: #51341B;font-weight: 300;line-height: 24px}
#footer .ft02{display: flex;align-items: flex-end}
#footer .ft02 > div{width: 50%;position: relative}
#footer .ft02 > div.f01 strong{font-size: 30px;color: #51341B;line-height: 38px;font-family: "the-seasons", sans-serif;}
#footer .ft02 > div{padding-bottom: 70px;position: relative}
#footer .ft02 > div.f02{padding-left: 60px;position: relative}
#footer .ft02 > div.f02 .tag{display: flex;width: 16px;height: 16px;background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));  backdrop-filter: blur(20px);border-radius: 2px;left: -8px;top: 0%;margin-top: -8px;position: absolute;z-index: 12;align-items: center;justify-content: center}
#footer .ft02 > div.f02 .tag i{display: block;width: 4px;height: 4px;background: #E3D0C7;border-radius: 50%}
#footer .ft02 > div.f02:after{content: '';display: block;width: calc(100% - 60px);background: #E3D0C7;position: absolute;right: 0;bottom: 0;height: 1px;}
#footer .ft02 > div.f01:after{content: '';display: block;width: calc(100% - 60px);background: #E3D0C7;position: absolute;left: 0;bottom: 0;height: 1px;}
#footer .ft02 > div.f02 ul{position: relative;display: flex;flex-wrap: wrap;gap: 60px 0}
#footer .ft02 > div.f02 ul:before{content: '';display: block;width: 1px;height: 100%;background: #E3D0C7;position: absolute;top: 0;left: -60px}
#footer .ft02 > div.f02 ul:after{content: '';display: block;width: 1px;height: 100%;background: #E3D0C7;position: absolute;top: 0;left: 50%;margin-left: -60px;}
#footer .ft02 > div.f02 ul li{width: 50%}
#footer .ft02 > div.f02 ul li span{font-size: 26px;color: #51341B;font-family: "the-seasons", sans-serif;display: block;margin-bottom: 10px;}
#footer .ft02 > div.f02 ul li p{font-size: 16px;color: #51341B;line-height: 24px;}
#footer .ft03{display: flex;flex-direction: row-reverse}
#footer .ft03 > div{width: 50%}
#footer .ft03 .f02 address{font-size: 16px;color: #BCA795}
#footer .ft03 .f01{padding-top: 60px;}
#footer .ft03 .f02{padding-top: 60px;}
#footer .ft03 .f01 .map_in{height: 380px;overflow: hidden;border-radius: 10px;border: 1px solid #E3D0C7}
#footer .ft03 .f01 .map_in .root_daum_roughmap{width: 100% !important;height: 100%}
#footer .ft03 .f01 .map_in .root_daum_roughmap .wrap_map{width: 100% !important;height: 100% !important}
*/
#tocplusWindow {
    position: fixed ! Important;
    top: 50% !important;
    left: 10% ! Important;
    cursor: pointer !important;
}
#header {position: fixed;width: 100%;height: 100px;z-index: 9999;}
#header #logo{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
#header .hd_inner{display: flex;display: flex;justify-content: flex-end;padding: 0 60px;align-items: center}
#header .hd_inner #gnb > ul {display: flex;gap: 40px;}
#header .hd_inner #gnb > ul > li{position: relative}
#header .hd_inner #gnb > ul > li > a{height: 100px;display: flex;align-items: center}
#header .hd_inner #gnb > ul > li > a > div{height: 21px;overflow: hidden}
#header .hd_inner #gnb > ul > li > a > div span{display: flex;height: 21px;align-items: center;font-size: 18px;color: #4A3E25;font-family: 'AvantGarde Bk BT', sans-serif;transition: 0.5s}
#header .hd_inner #gnb > ul > li:hover > a > div span{transform: translateY(-100%)}

#header .hd_inner #gnb > ul > li > div:before{content: '';display: block;width: 12px;height: 6px;background: url(/img/common/menu_dot.png);position: absolute;top: -15px;left: 50%;margin-left: -6px}
@keyframes sca{
    0%{transform: scale(0);opacity: 1}
    100%{transform: scale(1);opacity: 0}
}
#header .hd_inner #gnb > ul > li > div{position: absolute;left: 0; transition: 0.5s;opacity: 0;pointer-events: none;left: 50%;transform: translateX(-50%)}
/**/
#header .hd_inner #gnb > ul > li:hover > div{opacity: 1;pointer-events: all}
#header .hd_inner #gnb > ul > li > div ul{padding: 25px 10px;width: 200px;background: #fff;border-radius: 10px;box-shadow: 0 0 30px #7A3D0010;position: relative;z-index: 2;display: flex;flex-direction: column;gap: 7px}
#header .hd_inner #gnb > ul > li > div ul li:last-child{margin-bottom: 0}
#header .hd_inner #gnb > ul > li > div ul li a{display: block;text-align: center;font-size: 18px;color: #4A3E25 !important;font-size: 18px;font-weight: 500;transition: 0.7s;line-height: 32px;text-align: left;position: relative;text-align: center}
#header .hd_inner #gnb > ul > li > div ul li:before{content: '';display: block;width: 100%;height: 100%;top: 0;left: 0;position: absolute;background: linear-gradient(to left, #fff, #FF570030);border-radius: 60px;transform: scaleX(0.5);opacity: 0;transition: 0.5s}
#header .hd_inner #gnb > ul > li > div ul li:hover:before{transform: scaleX(1);opacity: 1}
#header .hd_inner #gnb > ul > li > div ul li:hover a{color: #FF5700 !Important;}
#header .hd_inner #gnb > ul > li > div ul li a span{color: inherit}
#header .hd_inner #gnb > ul > li > div ul li{position: relative}

#header .hd_inner .open_btn{margin-left: 40px;}
#header .hd_inner .open_btn button{display: flex;height: 34px;align-items: center;justify-content: center;gap: 8px;flex-direction: column}
#header .hd_inner .open_btn i{display: block;width: 60px;height: 2px;border-radius: 1px;overflow: hidden;position: relative}
#header .hd_inner .open_btn i:after{content: '';display: block;width: 200%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(to left, #4A3E2500,#4A3E25,#4A3E2500);transition: 0.5s}
#header .hd_inner .open_btn button:hover i:after{transform: translateX(-50%)}
#header #menu_open{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;display: flex;align-items: center;justify-content: center;pointer-events: none}
#header #menu_open > ul{position: relative;z-index: 5;display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 30px}
#header #menu_open > ul > li > a{font-size: 75px;color: #FF5700; font-family: "amandine", sans-serif;text-align: center} 
#header #menu_open > ul > li ul{display: flex;align-items: center;justify-content: center;gap: 34px;}
#header #menu_open > ul > li ul li a{font-size: 20px;color: #51341B;font-family: 'AvantGarde Bk BT', sans-serif;}
#header #menu_open .bg{position: absolute;width: 100%;height: 100%;display: flex}
#header #menu_open .bg div{width: 100%;height: 100%;background: linear-gradient(to right, rgba(248,242,239,0.5), rgba(240,219,208,0.5));backdrop-filter: blur(20px);border-right: 1px solid #ffffff50}
#header #menu_open > ul > li *{display: block}
#header #menu_open .bg div{transform: scaleY(0);}
#header #menu_open.on{pointer-events: all}
#header #menu_open.on .bg div{transform: scaleY(1);transition: 1s}
#header #menu_open .bg div.b01{transform-origin: left top}
#header #menu_open .bg div.b01:nth-child(3){margin-left: -1px}
#header #menu_open .bg div.b02{transform-origin: left bottom}
#header #menu_open > ul > li {overflow: hidden}
#header #menu_open > ul > li *{transform: translateY(120%)}
#header #menu_open.on > ul > li *{transform: translateY(0%);transition: 1s}

#header #menu_open > ul > li {transition: 0.5s}
#header #menu_open > ul > li.on {filter: blur(10px);transition: 0.5s}
/*#header #menu_open > ul:hover > li:hover {filter: blur(0px)}*/
#header #menu_open .close{position: absolute;top: 55px;right: 60px;width: 80px;height: 80px;z-index: 15;display: flex;align-items: center;justify-content: center;transition: 0.7s;transform: translateX(200%)}
#header #menu_open.on .close{transform: translateX(0)}
#header #menu_open .close:before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;border: 1px solid #9B7758;border-radius: 50%;transition: 0.5s}
#header #menu_open .close:hover:before{opacity: 0.5}
#header #menu_open .close:after{content: '';display: block;width: calc(100% - 10px);height: calc(100% - 10px);position: absolute;top: 5px;left: 5px;border: 1px solid #9B7758;border-radius: 50%;background: #9B7758;transition: 0.5s;transform: scale(0)}
#header #menu_open .close:hover:after{transform: scale(1)}
#header #menu_open .close span{width: 24px;height: 24px;position: relative;display: block;transform: rotate(45deg);z-index: 2}
#header #menu_open .close span i{position: absolute;width: 2px;height: 100%;position: absolute;left: 50%;margin-left: -1px;top: 0;background: #9B7758;display: block;transition: 0.5s}
#header #menu_open .close:hover span i{background: #fff}
#header #menu_open .close span i:nth-child(2){transform: rotate(90deg)}

@media (max-width: 1640px) {
    #footer .ft > div.left .title strong{font-size: 80px;}
    #footer .ft > div.left .title a{font-size: 20px;}
}
@media (max-width: 1100px) {
    #footer .ft{flex-wrap: wrap;}
    #footer .ft > div{width: 100%;padding-right: 0;}
    
}
@media (max-width: 980px) {
    #footer .ft > div.right .w div:nth-child(2){padding-left: 30px;}
    #footer .ft > div{padding: 0 30px;}
    #footer .ft > div.right{padding-top: 40px;}
    #footer .ft > div.right .w div:nth-child(1) .line{left: -30px;}
    #footer .ft > div.right .w div ul li p{font-size: 13px;line-height: 1.5;}
    #footer .ft > div.right .w div ul li span{font-size: 15px;}
    #footer .ft > div.right .w div ul{gap: 30px}
    #footer .ft > div.left .title strong{font-size: 40px;}
    #footer .ft > div.left .title a{font-size: 14px;}
    #footer .ft > div.left .title strong{line-height: 1;}
    #footer .ft > div.left .title{margin-bottom: 20px;}
    #footer .ft > div.left .map_wrap{height: 200px;}
    #footer .ft > div .w{padding-bottom: 30px;border-bottom: none;}
    #footer address{font-size: 12px;margin-top: 25px;;}
}
@media (max-width: 660px) {
    #footer .ft > div.right .w div ul li span{font-size: 14px;}
    #footer .ft > div.right .w div ul li p{font-size: 12px;}
    #footer .ft > div{padding: 0 20px;}
    #footer .ft > div.right .w div:nth-child(2){padding-left: 20px;}
    #footer .ft > div.right .w div:nth-child(1) .line{left: -20px;}
    #footer .ft > div.right .w{padding-bottom: 0;}
    #footer .ft > div.right .w div .text_copy p span{font-size: 9px}
}