@charset 'utf-8';
@import url('../_font/nanumsquare.css');

/* base */
html { font-size:10px; }
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select, table, td, textarea, th, ul { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul, li { list-style: none; }
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; }
input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="image"], input[type="tel"], textarea, button, select { -webkit-appearance:none; -webkit-border-radius:0; border-radius:0; background:none; }
input:focus, textarea:focus { outline-style:none; } 
input { -webkit-appearance: none; -webkit-border-radius: 0; }
textarea::placeholder, input::placeholder { color:#000; opacity: 0.5; }
img { max-width:100%; height:auto; vertical-align:middle; border:0; }
a { text-decoration:none; color:#000; }
i, em { font-style:normal; }
body, button, h1, h2, h3, h4, h5, input, select, table, textarea {font-family: 'NanumSquare', sans-serif; color:#1e2831; font-weight:normal; font-size:14px; line-height:1.35; }


html, body { height:100%; }

/* wrap */
.wrap { width:1200px; margin:0 auto; padding:92px 0 60px 0;  }

/* header */
#hd { margin-bottom:23px; }
#hd h1 { }

.container { display:grid; grid-template-columns:222px 1fr; gap:28px; }

/* aside */
#aside { background-color:#3d3d3d; padding-bottom:50px; }
#aside .months { }
#aside .new_title { }
#aside .menu { padding:0 8px; margin-bottom:25px; margin-top:18px; }
#aside .menu li { display:block; font-size:16px; line-height:39px; height:39px; border-bottom:1px solid #828181; letter-spacing:-0.25px; }
#aside .menu li a { display:block; padding-left:13px; color:#fff; }

.past_number { padding:0 8px; }
.past_number dt { font-size:16px; line-height:1.45; margin-bottom:7px; color:#fff; padding-left:9px; }
.past_number dd { font-size:16px; }

/* selectbox */
.selectbox { position: relative; width: 100%; height:42px; background-color:#000; z-index: 1; color:#fff; margin-bottom:18px; }
.selectbox:before {
	content: ""; position: absolute; top: 50%; right: 10px; width: 0; height: 0;
	margin-top: -1px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #fff;
}
.selectbox label { position: absolute; top: 0;  left: 15px; color:#fff; line-height:42px; z-index: -1;  }
.selectbox select { display:block; width: 100%; height: auto; line-height:42px; font-size:16px; padding:0; border: 0; opacity: 0; filter: alpha(opacity=0); -webkit-appearance: none;  -moz-appearance: none; appearance: none; cursor:pointer; padding:0 10px; box-sizing:border-box; }
.selectbox select option { display:block; }

/* past_webzine */
.past_webzine { padding:0 8px; }
.past_webzine .btn { position: relative; display:block; width: 100%; line-height:42px; height:42px; padding-left: 15px; background-color:#000; z-index: 1; color:#fff; box-sizing:border-box; font-size:16px; cursor:pointer; }
.past_webzine .btn:after {
	content: ""; position: absolute; top: 50%; right: 15px; width: 0; height: 0;
	margin-top: -5px;
	border-left: 5px solid #fff;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}

/* footer */
#ft { padding:25px 0 25px 252px; }
#ft address { font-size:14px; line-height:1.45; color:#575757; font-style:normal; font-weight:700; }
#ft address span { display:inline-block; vertical-align:middle; }
#ft address span.tit { position:Relative; padding-right:12px; margin-right:6px; }
#ft address span.tit:after { position:absolute; right:0; top:50%; height:13px; width:1px; background-color:#575757; transform:translateY(-50%); content:""; }