*{outline: 0}



.eng{
  font-family: "Outfit", serif;
  font-weight: 400;
  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: "Noto Sans KR", sans-serif; font-style: normal; }
html{ -ms-touch-action:auto;}
html,body, section{width:100%;}

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: "Noto Sans", 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;
}

#header svg{display: block}
#header{position: fixed;z-index: 999;top: 0;left: 0;width: 100%}
#header .hd_inner{display: flex;justify-content: space-between;padding: 0 120px;height: 90px;align-items: center;position: relative;z-index: 5;backdrop-filter: blur(20px)}
#header #logo{position: absolute;left: 50%;transform: translateX(-50%)}
#header .hd_inner .btn_w{display: flex;align-items: center;gap: 60px}
#header .hd_inner .btn_w ul{display: flex}
#header .sch_box{position: fixed;width: 100vw;height: 100vh;top: 00;left: 0;background: #fff;display: flex;align-items: center;justify-content: center;display: none}
#header .sch_box .sch_wrap{width: 100vw;height: 100vh;display: flex;align-items: center;justify-content: center;flex-direction: column;align-items: center;justify-content: center}
#header .sch_box strong{font-size: 40px;color: #222222;font-family: "freight-sans-pro-lights", sans-serif;display: block;text-align: center;font-weight: 900}
#header .sch_box .inp_w{width: 1280px;position: relative;margin-top: 40px}
#header .sch_box .inp_w button{position: absolute;right: 0;height: 100%;top: 0;padding-left: 25px}
#header .sch_box .inp_w input{border: none;border-bottom: 1px solid #CCCCCC;height: 75px;text-align: center;width: 100%;font-size: 18px;color: #222222;letter-spacing: -0.5px}
#header .menu_o{width: 420px;height: 100vh;top: 0;left: 0;z-index: 999;background: #F9F9F9;position: fixed;text-align: center;display: flex;align-items: center;justify-content: center;transform: translateX(-100%);transition: 0.7s}
#header .menu_o.on{transform: translateX(0)}
#header .menu_o button{top: 47px;right: 40px;position: absolute}
#header .menu_o ul li a{display: block;font-size: 18px;color: #777777;font-family: "freight-sans-pro-lights", sans-serif;    text-transform: uppercase;font-weight: 700;padding: 18px 0}
#header .menu_o ul li:hover a{color: #000000;text-decoration: underline}
#footer{background: #000000;padding: 80px 0;margin-top: 150px}
#footer .ft01{display: flex;justify-content: space-between;align-items: center;margin-bottom: 40px}
#footer .ft01 ul{display: flex}
#footer .ft02 ul{display: flex;flex-wrap: wrap;gap: 20px 70px ;width: 820px}
#footer .ft02 ul li{font-size: 16px;display: flex;color: #999999;letter-spacing: -0.7px;gap: 7px}
#footer .ft02 ul li:nth-child(1){width: 100%}
#footer .ft02 ul li:nth-child(3){width: 60%}
#footer .ft02 ul li span{font-size: 16px;color: #CCCCCC;font-weight: 600}
#footer .ft02 address{font-size: 16px;margin-top: 60px;color: #555555;letter-spacing: -0.5px}
.black #header .menu_o{background: #292929}
.black #header .menu_o ul li a{color: #AAAAAA}
.black #header .menu_o ul li:hover a{color: #fff}
.black #header .menu_o line{stroke: #fff}
#header .hd_inner .btn_w svg{display: block}
.black #header .hd_inner .btn_w path{fill: #fff}
.black #header #logo path{fill: #fff}
.black #header #logo rect{fill: #fff}
#header #logo.black path{fill: #222}
#header #logo.black rect{fill: #222}
.black #header .hd_inner .btn_w #타원_2{stroke: #fff}
.black #header .hd_inner .btn_w #패스_24{stroke: #fff}
.black #header #menu_open line{stroke: #fff}
/*
#footer .ft02 ul li:nth-child(1)::after, #footer .ft02 ul li:nth-child(3)::after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
}
*/
.btn_top{position: fixed;bottom: 60px;right: 60px;z-index: 9999;display: none}
.btn_top button{background: #111111;width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 10px;transition: 0.5s}
.btn_top button svg{display: block;transition: 0.5s}
.btn_top button strong{display: block;color: #FFFFFF;font-size: 14px;line-height: 1;transition: 0.5s}
.btn_top button i{display: block}
.btn_top button:hover{background: #FFFFFF}
.btn_top button:hover strong{color: #111111}
.btn_top button:hover path{stroke: #111111}
.btn_top button path{transition: 0.5s}
@media (max-width: 1640px){
        #header .hd_inner{padding: 0 30px}
    #header .hd_inner .btn_w{gap: 30px}

	
}

@media (max-width: 980px){
    #footer .ft01{margin-bottom: 15px}
    #footer .ft02 ul{width: 100%}
    #header .hd_inner .btn_w{gap: 15px}
    #header .hd_inner .btn_w ul li svg{width: 26px;height: auto}
    #header .hd_inner .btn_w .sch svg{width: 15px;height: auto}
    #header #menu_open svg{width: 17px;height: auto}
    #header #logo svg{height: 14px;width: auto}
    #header .hd_inner{height: 60px}
    #header .menu_o{width: 250px}
    #header .menu_o ul li a{font-size: 15px;padding: 7px 0}
    #header .menu_o button{right: 20px;top: 20px}
    #footer .ft02 ul{gap: 10px}
    #footer .ft02 ul li, #footer .ft02 ul li span{font-size: 12px}
    #footer .ft02 address{font-size: 12px;margin-top: 20px;word-break: keep-all;line-height: 1.5}
    #footer{padding: 40px 0;margin-top: 80px}
    #footer .ft01 #ft_logo svg{height: 16px;width: auto}
    #footer .ft01 ul li svg{height: 30px;width: auto}
    .btn_top{right: 20px;bottom: 20px}
    .btn_top button{width: 45px;height: 45px}
    .btn_top button strong{font-size: 11px}
    .btn_top button svg{width: 6px;height: auto}
}
@media (max-width: 640px){
	#header .hd_inner{height: 50px}
}