@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	line-height:160%;
}
body {font-family: 'Noto Sans KR', sans-serif; font-size:16px; color:#333; }
body.lock {overflow: hidden;}
html.lock {overflow: hidden;}
address { font-style:normal;}
a { display:block;}
html, body { height:100%;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input, select {
    vertical-align:initial;
}

textarea {
    font-family: 'Noto Sans KR', sans-serif;
}

img { 
	border:none;
	vertical-align:top;
}

.clearfix:after { 
	content:"";
	display:block;
	clear:both;
}
a:link, a:visited { color:#666; text-decoration:none;}
a:active, a:hover { color:#666; text-decoration:none;}

.site-wrap { height:100%;}

/*hidden*/
.hidden { position:absolute; left:-9999px; font-size:1px; width:1px; height:1px; line-height:0; }

/*스킵메뉴*/
#skip_menu { width:300px; position:absolute; z-index:9999;}
#skip_menu a { position:absolute; top:-100px;}
#skip_menu a:hover,
#skip_menu a:active,
#skip_menu a:focus { position:absolute; top:0; width:300px; height:20px; display:block; background:#333; color:#fff; text-align:center; font-size:16px; font-weight:bold;}

.container {width: 100%;max-width: 1200px;margin: 0 auto;}

/* header */
#header {width:100%;background: rgba(0,0,0,.7);position: fixed;top: 0;left: 0;z-index: 9999;}
#header .logo {display: inline-block; vertical-align: middle;}
#header .logo a {display: inline-block;}
#header .gnb {width:calc(100% - 168px);display: inline-block;vertical-align: middle;text-align: center;}
#header .gnb a {color: #fff;}
#header .gnb .menuDepth1 {display: inline-block;position: relative;}
#header .gnb .menuDepth1 > a {font-weight: 500;font-size: 18px;padding:25px 35px;}
#header .gnb .ulDepth2 {width:100%;display: none;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);background: rgba(0,0,0,.5);z-index: 9999;}
#header .gnb .menuDepth2 > a {padding: 10px 0;}
#header .all_menu {display: inline-block;vertical-align: middle;margin-left: 60px;}
#header .all_menu a {line-height: 100%;}

#header .gnb .menuDepth1 > a:hover {background-color: #fff;color: #333;}
#header .gnb .menuDepth1:hover .ulDepth2 {display: block;}
#header .gnb .menuDepth2 > a:hover {font-weight: 700;background-color: #fff;color: #333;}

#header #m_gnb_box {display: none;}
#header .m_gnb {width: 235px;height: 100vh;position: absolute;right: 0;top: 82px;background-color: #fff;padding: 1.5rem;box-sizing: border-box;transition: all .3s;}
#header .m_gnb.hide {right: -235px;}
#header .m_gnb_btn {float: right; margin: 33px 1rem 1rem;}
#header .m_gnb .menuDepth1 {margin-bottom: 15px;}
#header .m_gnb .menuDepth1 > a {font-size: 18px;font-weight: 500;color: #333;padding-bottom: 15px; border-bottom: 1px solid #d7d7d7;background: url('/design/default/img/main/m_gnb_btn.png') no-repeat top 10px right;}
#header .m_gnb .menuDepth2 > a {padding-left: 10px;color: #747474;padding-bottom: 5px;}
#header .m_gnb .ulDepth2 {display: none;padding-top: 15px;}

/* footer */
#footer {background-color: #424242;padding: 30px 0; margin-top: -1px;}
#footer li {color: #fff;display: inline-block;padding: 5px 30px 5px 0;word-break: keep-all;}
#footer .footer_logo {display: inline-block;vertical-align: middle;margin-right: 80px;}
#footer .info_box {display: inline-block;vertical-align: middle;}