@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap");


html,body,div,ul,li,p,h3,h1,h2,h4,h5{padding:0;margin:0;line-height:1}
ul,li{list-style:none}
a{text-decoration:none;color:#333}
textarea,input{font-family: 'Noto Sans KR', sans-serif;}
optgroup,select,button{cursor:pointer}
input::-webkit-input-placeholder{color:#999;font-weight:400}
textarea::-webkit-input-placeholder{color:#999;font-weight:400}
input::-ms-input-placeholder{color:#999;font-weight:400}
textarea::-ms-input-placeholder{color:#999;font-weight:400}
input::-moz-placeholder{color:#999;font-weight:400}
textarea::-moz-placeholder{color:#999;font-weight:400}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset}
input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}
input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}
select::-ms-expand{display:none}
select{-moz-appearance:none;-webkit-appearance:none;appearance:none}
img{vertical-align:top}
body{width:100%;min-height:100vh;position:relative;box-sizing:border-box;}
caption{display:none}
*{margin:0;padding:0;text-decoration:none;-webkit-text-size-adjust:none;outline:0;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}
*{font-family: 'Noto Sans KR', sans-serif;font-weight:normal;line-height:1em;font-size:14px;color:#333;}
i,em {line-height: inherit;font-style: normal}
button {background-color: transparent;border: none;}
table {width: 100%;border-collapse: collapse;border-spacing: 0}
body.open {width: 100%;height: 100%;position: absolute;overflow: hidden;}
b{font-style: inherit;font-weight: bold;font-size: inherit;line-height: inherit;}
.blind {display: none !important;}

@-webkit-keyframes showUp {
0% {opacity: 0;-webkit-transform: translateY(5px)}
100% {opacity: 1;-webkit-transform: translateY(0)}
}

@keyframes showUp {
0% {opacity: 0;transform: translateY(5px)}
100% {opacity: 1;transform: translateY(0)}
}

/* header */

#header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    transition: All .2s ease-out;
    -webkit-transition: All .2s ease-out;
    -moz-transition: All .2s ease-out;
    -o-transition: All .2s ease-out;
}

#header.fixed {
    background-color: rgba(255,255,255,0.9);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

#header .inner {
    max-width: 1280px;
    height: 100%;
    padding: 21px 43px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
}

#header .inner .logo {
    display: inline-block;
    width: 100%;
    max-width: 200px;
    height: 38.5px;
}

#header .inner .logo a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(/default/img/assets/logo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

#header.fixed .inner .logo a {
    background-image: url(/default/img/assets/logo-fix.png);
}

#header .inner .gnb ul {
    font-size: 0;
}

#header .inner .gnb li {
    display: inline-block;
    vertical-align: top;
}

#header .inner .gnb li a {
    width: 100%;
    color: #fff;
    font-size: 13px;
    line-height: 28px;
    font-weight: 500;
    display: block;
    position: relative;
    transition: All .2s ease-out;
    -webkit-transition: All .2s ease-out;
    -moz-transition: All .2s ease-out;
    -o-transition: All .2s ease-out;
}

#header .inner .gnb {
    padding-right: 80px;
    box-sizing: border-box;
}

#header.fixed .inner .gnb li a {
    color: #222;
}

#header .inner .gnb li a::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 4px;
    background-color: #1E75D6;
    transition: All .2s ease-out;
    -webkit-transition: All .2s ease-out;
    -moz-transition: All .2s ease-out;
    -o-transition: All .2s ease-out;
    pointer-events: none;
}

#header .inner .gnb li a:hover::after,
#header .inner .gnb li a.active::after {
    width: 100%;
}

#header .inner .gnb li + li {
    margin-left: 50px;
}

#header .inner .gnb .btn_close {
    width: 14.68px;
    height: 14.76px;
    background-image: url(/default/img/assets/btn-close.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 13.4px;
    right: 15.8px;
    display: none;
}

#header .inner .page_cover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(24, 6, 6, 0.15);
    opacity: 0;
    pointer-events: none;
    transition: All .2s ease-out;
    -webkit-transition: All .2s ease-out;
    -moz-transition: All .2s ease-out;
    -o-transition: All .2s ease-out;
}

#header .inner .page_cover.open {
    opacity: 1;
    pointer-events: visible;
}

#header .inner .btn_menu {
    width: 60px;
    height: 60px;
    background-image: url(/default/img/assets/btn-menu.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 22px auto;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
}

#header.fixed .inner .btn_menu {
    background-image: url(/default/img/assets/btn-menu-fix.png);
    display: none;
}

#header .select_lang {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

#header .select_lang select {
    width: 67px;
    height: 27px;
    border: 1px solid #fff;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
    color: #fff;
    background-color: transparent;
    text-align-last: center;
}

#header.fixed .select_lang select {
    color: #222;
    border: 1px solid #222;
}



/* footer */
#footer {
    width: 100%;
    margin: 0 auto;
}

#footer .company_list {
    width: 100%;
    background-color: #F6F6F6;
    text-align: center;
}

#footer .company_list .inner {
    width: 100%;
}

#footer .company_list ul {
    width: 100%;
    font-size: 0;
    display: flex;
    align-items: center;
    max-width: 927px;
    padding: 20px 0;
    margin: 0 auto;
}

#footer .company_list li {
    width: 100%;
    display: block;
}

#footer .company_list li + li {
    margin-left: 122px;
}

#footer .company_list ul li > div {
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    box-sizing: border-box;
}

#footer .company_list ul li .list_01 {
    width: 200px;
    height: 65px;
}

#footer .company_list ul li .list_02 {
    width: 255px;
    height: 65px;
}

#footer .company_list ul li .list_03 {
    width: 200px;
    height: 65px;
}

#footer .top {
    width: 100%;
    background-color: #fff;
    padding-top: 16px;
    padding-bottom: 27px;
    box-sizing: border-box;
    position: relative;
}

#footer .top .inner {
    width: 100%;
}

#footer .top .inner > div {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

#footer .top .inner > div:nth-child(1) {
    margin-bottom: 26px;
}

#footer .top ul {
    width: 100%;
    font-size: 0;
}

#footer .top ul li {
    display: inline-block;
    vertical-align: top;
}

#footer .top ul li + li {
    margin-left: 61px;
}

#footer .top ul li a {
    width: 100%;
    font-size: 13px;
    line-height: 19px;
    color: #AEAEAE;
    font-weight: 500;
}

#footer p {
    font-size: 13px;
    line-height: 19px;
    color: #4D4D4D;
}

#footer .top .inner a {
    color: #4D4D4D;
}

#footer .top .inner .select {
    display: inline-block;
    width: 210px;
    position: absolute;
    top: 12.8px;
    right: 25.5px;
}

#footer .top .inner .select select {
    width: 100%;
    height: 100%;
    background-color: #222;
    font-size: 13px;
    line-height: 30px;               
    font-weight: lighter;
    color: #AEAEAE;
    border: none;
    border-bottom: 1px solid #fff;
    padding-left: 10px;
    box-sizing: border-box;
    background: url(/default/img/assets/select_ico.png) no-repeat 95% 50%;
}

#footer .bottom {
    width: 100%;
    background-color: #fff;
    margin: 0 auto;
    text-align: center;
    padding: 35px 0;
    box-sizing: border-box;
}

#footer .bottom .inner {
    width: 100%;
}

#footer .bottom img {
    margin-bottom: 13px;
}

.btn_top {
    display: block;
    width: 50px;
    height: 50px;
    background-color: #AEAEAE;
    border-radius: 50%;
    position: fixed;
    bottom: 30px;
    right: 30px;
    background-image: url(/default/img/assets/btn_top.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px auto;
    cursor: pointer;
}