@import url("https://use.typekit.net/rjx7tsw.css");
/*reset*/
body{overflow-x: hidden;width: 100%;}
body, h1, h2, h3, h4, h5, h6, p, ul, li,button,dl,dt,dd,form,fieldset,legend,table,thead,tbody,tfoot,tr,td,th,span{font-family: 'noto sans kr', sans-serif;margin:0; padding:0; word-break:keep-all;}
em,address{font-style:normal;}
ul, li{list-style:none;}
button{border:0;background:none;cursor:pointer;}
button>span{-ms-transform: translate(0px, -0.5px);}
*{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-text-size-adjust:none;/*ios 확대방지*/}
a img{border:0;}
fieldset{border:0;}
legend{display:none;}
body,html,button,select,input{font-family: 'Poppins', sans-serif;font-size: 16px;color:#000;line-height:1.3;letter-spacing: 0;}
a{text-decoration:none;color:#333;}
a:focus { outline:none; }
fieldset{border:0;}
legend{display:none;}
table{width: 100%;table-layout:fixed; margin:0; padding:0; border:0; border-collapse: collapse; border-spacing: 0;}
table caption{display:none;}
a:active, a:focus, button:focus, button:active{outline-style: dotted !important; outline-color: #ccc !important;outline-width: 1px !important;}

h2 {font-family:'noto serif', serif;font-size:98px;font-weight: 400;margin-top: 30px;line-height: 1.2;margin-bottom: 25px;}
h2 span {font-family:'noto sans', sans-serif; font-size:54px; font-weight:400;}
.serif {font-family:'noto serif', serif;font-size: 54px;font-weight:300;/* line-height:1.5; *//* margin-top:20px; */}
.serif span.fc1{font-family:'noto serif', serif; font-size: 54px; font-weight:300; line-height:1.5; color: #aaaaaa;}
.sans-serif {font-family:'noto sans', sans-serif;}
.fc1 {color: #aaaaaa !important; line-height: 1.8;}
.italic {font-style:italic;}
.c2 {color:#aaaaaa;}
.fs22 {font-size:22px;}
.fs24 {font-size:24px;}
.fs30 {font-size:30px;}
.fs32 {font-size:32px;}
.fs48 {font-size: 48px; line-height:1.5;}
.pt20 {padding-top: 20px;}
.pt30 {padding-top: 30px;}
.pt50 {padding-top: 50px;}
.pt100 {padding-top: 100px;}
.pt120 {padding-top: 120px;}
.pt150 {padding-top: 150px;}
.pt200 {padding-top: 200px;}
.pb03 {padding-bottom:3%;}
.pb05 {padding-bottom:5%;}
.pt05 {padding-top:5%;}
.mt08 {margin-top:8% !important; }
.conter {text-align: center;}
.text_kor {font-family: 'noto sans kr' !important;}

p {line-height:1.8;}
div, ul {position:relative;}
h3 {font-size:30px;font-weight: 400; line-height: 1.5;}
h5 {font-size:18px;font-weight: 400;}

.logo a{position: absolute;top: 30px;left: 60px;font-size: 0;line-height: 0;width: 103px;height: 27px;background: url(../img/common/logo.png)center no-repeat;display: block;background-size: 100%;z-index: 301;}
header{position: relative;left: 0;top: 0; padding: 30px; width: 100%;height: 60px;z-index: 300;}
.menu_m,
.menu_x {display: none;width: 30px; cursor:pointer;}
.menu_m img, .menu_x img {width:100%;max-width: 7vw;/* max-width: 7vw; */}
.pc {display:block}
.m {display:none;}

.right_menu {position: absolute;top: 30px;right: 50px; z-index:110;}
.right_menu span{font-family: 'noto serif', serif;}
.noto{font-family: 'Noto Sans KR', sans-serif;}
.flex{display:flex}
.flex.space  {justify-content: space-between;}
.flex.center  {justify-content:center;}
.flex_wrap{flex_wrap:wrap}
.logo a{position: fixed;top: 30px;left: 60px;font-size: 0;line-height: 0;width: 103px;height: 27px; padding-bottom:1px;background: url(../img/common/logo.png)center no-repeat;display: block;background-size: 100%;z-index:1000;}

header{position: fixed;left: 0;top: 0;padding: 30px;width: 100%;height: 80px;z-index: 999;background:#fff}


.gnb {position: absolute;width: 696px;margin: auto;top: 10px;left: 50%;transform: translateX(-50%);display: flex;gap: 40px;justify-content: center;z-index:100}
.gnb > li{display: inline-block;padding: 0 30px;}
.gnb > li > a{display: block; position: relative; padding: 0 16px; line-height: 70px; font-size: 18px; color:#000;font-family:"noto serif", serif;}
.gnb > li:hover > a::before,
.gnb > li > a:focus:before{content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: #333;}
.gnb > li ul{display: none; position: absolute; z-index: 10;}
.gnb > li ul:last-child {width:600px;}

.gnb > li ul li{float: left;}
.gnb > li ul li a{display: block;padding: 16px;line-height: 50px;font-size: 16px;color: #000;font-family: 'noto serif', serif;}
.gnb > li ul li a:hover,
.gnb > li ul li a:focus{color: #c1834c;}
.gnb > li:last-child ul{margin-left: 0px;}
.bg_gnb{display: none;position: fixed;left: 0;top: 80px;height: 85px;background:#fff;width : 100%;border-top: 1px solid #000;border-bottom: 1px solid #000;box-shadow: 0 5px 10px #00000011;z-index:100;}

.aside {position:fixed;display: flex;flex-direction: column;text-align: center;right: 30px;top: 50%;transform: translateY( -50% );gap: 5px;}

.copyright {font-size:14px; color:#444; margin-top:10px; line-height:1.4;}
footer {display:flex; justify-content:space-between; width: 100%;max-width: 100%;padding: 40px;}

footer a:hover {text-decoration:underline;}
.footer_l {display:flex;flex-direction: column;gap: 5px;}

@media screen and (max-width: 1400px) {
    .aside {position: static;flex-direction: row;width: 100%;transform: translateX(0);padding: 50px;text-align: center;display: flex;justify-content: center;align-items: center;gap: 20px;flex-wrap: wrap;}

}

@media screen and (max-width: 1280px) {
    .gnb {position: fixed;height:100vh;top: 0;background: #fffffff7;flex-direction: column;left: auto;right: -320px;width: 320px;transition:0.5s;transform: none;}
    .gnb_view {right: 0px;box-shadow: 0 0 40px #00000011;transition:0.5s;gap: 3vw;}

    .sub_menu {display:block !important;}
    .gnb > li ul { position:static;}
    .gnb > li ul li {clear: both;}
    .gnb > li:last-child ul {margin-left:0;width: auto;}
    .gnb > li ul li a {line-height:24px;padding: 10px 28px;}
    .right_menu {display:flex;gap: 20px;}
    .menu_m {display:block;}
    .bg_gnb {margin-top:-1000px;}
    .gnb > li > a {line-height: 50px;}


}
@media screen and (max-width: 768px) {
/*        header:after {position:absolute;display:block;content: "";width:30vw;left:50%;top: 3vw;transform: translateX(-50%);height:8vw;background:#000;border-radius:50px;overflow:hidden}*/
    header {height: 13vw;}
    .logo a {left:6vw;top: 5vw;max-width: 20vw;/* z-index: 1000; */}
    .right_menu {right: 5vw;top: 5vw;gap: 4vw;}
    .right_menu span {font-size: 12px;line-height: 1.6;}
    .aside {width: 350px;margin: auto;padding: 0px 0 50px;gap: 10px;transform: scale(.75);}
    h5 {font-size: 2.5vw;}
}

@media screen and (max-width: 500px) {
    header {height: 14vw;}
    footer {margin: 4vw auto;justify-content: space-between;padding: 8vw 5vw 0;}
    .f_logo {max-width: 50vw;}
    .footer_l {margin-bottom:5vw;}
    .footer_l a {font-size:13px;}
    .copyright {font-size:12px;}
}