@charset 'UTF-8';
@font-face {
    font-family: 'Cafe24Ssurround';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cafe24SsurroundAir';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24SsurroundAir.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css');
@import url('https://fonts.googleapis.com/css2?family=Material+Icons+Outlined');
* { 
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
a {text-decoration: none; color: #000; cursor: pointer;}
body {font-family: 'Pretendard', 'Cafe24Ssurround', 'Cafe24SsurroundAir', 'Malgun Gothic', sans-serif;background-color: #fff; color: #000; font-size: 16px; line-height: 1.6;}
ol, ul {list-style-type: none;}
input:focus, textarea:focus, button:focus, div:focus {outline:none;}

.wrap {width: 1600px; margin: 0 auto;}
.sound-only {position: absolute; top: -9999em; left: -9999em; overflow: hidden;}
.clear-fix {content: ''; display: block; clear: both;}
h1, h2, h3 {font-family: 'Pretendard', 'Cafe24Ssurround', 'Cafe24SsurroundAir', 'Malgun Gothic', sans-serif;}

#skip a {position: fixed; left: 0; top: -100px; display: block; width: 100%; background-color: #ffd520; text-align: center; color: #000; z-index: 999;}
#skip a:focus {top: 0;}

/*header*/
#en-hd {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 90px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    box-sizing: 0 1px 1px rgba(0,0,0,0.5);
}
.logo {float: left; width: 145px; margin-left: 178px; margin-right: 30px; padding: 8px 0;}

#en-hd .active {background-color: #ffd520;}


/*footer*/
#en-footer {position: relative; height: 300px; background-color: #ffd520; font-family: 'Pretendard', serif;}
.en-ft {position: absolute; top: 0; width: 100%; height: 100%;}
#en-footer::before {content: ''; display: block; padding-top: 90px; border-bottom: 1px solid rgba(0,0,0,0.2);}
.ft-info {float: left; width: 1100px; height: 100%; font-size: 1em; padding-top: 60px; padding-left: 100px; line-height: 0.9em;}
.ft-menu {margin-bottom: 50px; line-height: 0.9em; font-family: 'Pretendard', serif;}
.ft-menu li {float: left;  border-right: 1px solid rgba(0, 0, 0, 0.3); padding: 0 10px;}
.ft-menu li:first-child {padding-left: 0;}
.ft-menu li:last-child {border: 0;}
.ft-menu2 { line-height: 0.9em; font-family: 'Pretendard', serif;}
.ft-menu2 li {float: left;  border-right: 1px solid rgba(0, 0, 0, 0.3); padding: 0 10px;}
.ft-menu2 li:first-child {padding-left: 0;}
.ft-menu2 li:last-child {border: 0;}
.info {float: left; margin-top: 20px; width: 100% ;font-family: 'Pretendard', serif;}
.info dt {float: left; line-height: 1.3em;}
.info dd {line-height: 1.3em}
.info dd::before {content: ':'; display: inline-block; padding: 0 3px;}
.copyright {float: left; line-height: 1.3em;font-family: 'Pretendard', serif;}
.ft-right {position: absolute; right: 0; float: right; padding: 30px 80px;}
.ft-right img {padding-right: 10px;}
.ft-logo {position: absolute; right: 150px; top: 120px; width: 135px; height: 70px; background-image: url('../images/logo.png'); background-repeat: no-repeat;}