@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+KR:wght@100..900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css');

/* reset css*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 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, time, mark, audio, video {margin:0; padding:0; border:0; font-family:'Pretendard Variable', 'Pretendard', sans-serif; font-size:100%; background:transparent; letter-spacing:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
body {line-height:1 !important; word-break:keep-all}
ol, ul, li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none}
table {border-collapse:collapse; border-spacing:0; table-layout:fixed}
caption, legend {overflow:hidden; text-indent:-9999px; height:1px; padding:0 !important}
html {font-family:sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%}
a {background-color:transparent; color:inherit; text-decoration:none}
a:active, a:hover {outline:0; text-underline-position:under}
p {outline:none}
img {border:0}
button {background:inherit; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer}
select {font:inherit}
select:hover {cursor:pointer}
textarea {padding:0}
input, select {vertical-align:top; margin-top:0 !important}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance:none; margin:0}
input[type=number] {-moz-appearance:textfield}

.font-montserrat {font-family:'Montserrat', sans-serif}
.font-noto {font-family:'Noto Sans KR', sans-serif}

/* common */
.img-responsive {display:block; max-width:100%; height:auto}
.width100 {width:100%}
.mt0 {margin-top:0px !important}
.mt5 {margin-top:5px !important}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:15px !important}
.mt20 {margin-top:20px !important}
.mt30 {margin-top:30px !important}
.mt40 {margin-top:40px !important}
.mt50 {margin-top:50px !important}
.mt60 {margin-top:60px !important}
.mt70 {margin-top:70px !important}
.mt90 {margin-top:90px !important}
.mt100 {margin-top:100px !important}
.mb50 {margin-bottom:50px !important}
.show500, .show768, .show1024, .show1440 {display:none}
.flex {display:flex}
.align-items-start {align-items:flex-start}
.align-items-center {align-items:center}
.align-items-end {align-items:flex-end}
.justify-space-between {justify-content:space-between}
.justify-space-center {justify-content:center}
.justify-space-end {justify-content:flex-end}
.flex-shrink0 {flex-shrink:0}
.flex-wrap-wrap {flex-wrap:wrap}
.gap5 {gap:5px}
.gap10 {gap:10px}
.gap20 {gap:20px}
.gap30 {gap:30px}
.gap40 {gap:40px}
.gap50 {gap:50px}
.gap60 {gap:60px}
.gap70 {gap:70px}
.text-left {text-align:left !important}
.text-center {text-align:center !important}
.text-right {text-align:right !important}


/* header */
.headerWrap {position:fixed; top:0; left:0; width:100%; z-index:9999; background:#fff}
header {height:77px; display:flex; align-items:center; justify-content:space-between; padding:0 40px; box-sizing:border-box}
.editionInfo {letter-spacing:0.2px; font-size:15px; font-weight:700; flex-shrink:0; padding:0 15px}
.headerUtil {display:flex; align-items:center; gap:18px}
.headerEng {letter-spacing:0.2px; font-size:15px; font-weight:700; color:#000}
.menuBtn {padding:10px 0}
.menuBtn > span {display:block; width:42px; height:1px; background:#000}
.menuBtn > span:first-child {margin-bottom:10px}
.menuList {display:none}
.menuList.active {display:block}

/* Menu Panel */
.menuList {display:none; position:fixed; top:0; right:0; width:100%; height:100vh; z-index:10000}
.menuList.active {display:block}
.menu-inner {position:absolute; top:0; right:0; width:372px; height:100%; background:#fff; z-index:10; display:flex; flex-direction:column; justify-content:flex-start; padding:150px 50px 0 50px; box-sizing:border-box; box-shadow:-10px 0 30px rgba(0,0,0,0.1)}
.menu-dim {position:absolute; top:0; left:0; width:100%; height:100%}
.menuBtnClose {position:absolute; top:30px; right:40px; width:45px; height:45px; background:#000; border-radius:50%; display:block}
.menuBtnClose span {display:block; width:25px; height:1px; background:#fff; position:absolute; left:50%; top:50%}
.menuBtnClose span:first-child {transform:translate(-50%,-50%) rotate(45deg)}
.menuBtnClose span:last-child {transform:translate(-50%,-50%) rotate(-45deg)}
.main-menu-nav {list-style:none; padding:0; margin:0}
.main-menu-nav li {margin-bottom:55px; text-align:center; text-transform: uppercase;}
.main-menu-nav li a {font-family:'Montserrat', sans-serif; font-size:24px; font-weight:900; color:#000; text-decoration:none}
.main-menu-footer {margin-top:25px; padding-top:57px; border-top:1px solid #000; text-align:center}
.main-menu-archive-btn {display:inline-block; background:#000; color:#fff; padding:12px 50px; font-family:'Noto Sans KR', sans-serif; font-size:18px; text-decoration:none}

/* footer */
footer {width:100%; background:#000; padding:80px 0; color:#fff}
.footerTop {position:fixed; right:40px; bottom:50px; z-index:999}
.footer-inner {width:100%; max-width:1400px; margin:0 auto; padding:0 40px; box-sizing:border-box; text-align:center}
.footer-links {list-style:none; padding:0; margin:0 0 90px 0; display:flex; justify-content:center; flex-wrap:wrap; gap:60px}
.footer-links li a {font-family:'Noto Sans KR', sans-serif; color:#fff; text-decoration:none; font-size:20px; font-weight:400}
.footer-logo {margin-bottom:30px}
.footer-logo img {height:80px; width:auto; margin:0 auto}
.footer-address {font-style:normal; font-family:'Noto Sans KR', sans-serif; color:#fff; font-size:18px; font-weight:500; color:#eeeeee}

/* font-color */
.color-red1 {color:#cf4d06;}

@media screen and (max-width:1700px) {
}


@media screen and (max-width:1440px) {
	.show1440 {display:block !important}
	.hide1440 {display:none !important}
}

@media screen and (max-width:1280px) {
	.hide1280 {display:none !important}	
}

@media screen and (max-width:1024px) {
	.show1024 {display:block !important}
	.hide1024 {display:none !important}	
	
	footer {padding:60px 0}
	.footer-links {gap:15px 20px}
	.footer-links li a {font-size:13px}
	.footer-address {font-size:12px; line-height:1.6; padding:0 20px}
}


@media screen and (max-width:768px) {
	.show768 {display:block !important}
	.hide768 {display:none !important}
	header {padding:0 20px}
	.headerLogo {max-height:12px}
	.headerUtil {gap:10px}
	.headerUtil > img {max-height:24px}
	.menuBtn > span {width:30px}
	
	.footer-logo img {height:60px}
}


@media screen and (max-width:500px) {
	.show500 {display:block !important}
	.hide500 {display:none !important}
	.headerLogo {max-height:10px}
	.editionInfo {font-size:12px}
	.headerUtil {gap:7px}
	.headerUtil > img {max-height:20px}
	.menuBtn > span {width:26px}
	.main-menu-nav li {margin-bottom:45px}
	.main-menu-nav li a {font-size:20px}
	.main-menu-footer {margin-top:15px; padding-top:47px}
	.main-menu-archive-btn {font-size:16px}
}