@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:68px 0 60px 0;  }

/* header */
#hd { position:relative; margin-bottom:13px; }
#hd h1 { padding-left:25px; }
#hd .unit { position:absolute; right:0; bottom:0; }
#hd .unit li { position:relative; float:left; font-size:14px; line-height:1.45; margin-left:9px; padding-left:10px; font-weight:700; vertical-align:middle; }
#hd .unit li:after { display:block; content:""; position:absolute; left:0; top:50%; display:block; width:1px; height:14px; background-color:#000000; transform:translateY(-50%); } 
#hd .unit li a { display:block; }
#hd .unit li:first-child:after { display:none; }


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

/* aside */
#aside { padding-bottom:50px; }
#aside .new_title { }
/* search_news */
#aside .search_news { padding:10px 5px 10px 9px; border:1px solid #d2d1d1; }
#aside .search_news dt { font-size:16px; line-height:1.35; margin-bottom:5px; padding-left:2px; font-weight:700; }
#aside .search_news dd { position:relative; padding-right:38px; }
#aside .search_news dd .fr_input { display:block; width:100%; height:29px; padding:0 10px; border:1px solid #ededed; box-sizing:border-box; }
#aside .search_news dd .btn_search { position:absolute; right:0; top:0; width:30px; height:31px; background-repeat:no-repeat; background-position:center; background-image:url('../_img/ic_search.png'); color:transparent; font-size:0; border:0; cursor:pointer; } 
/* menu_wr */
#aside .menu_wr { background-color:#3d3d3d; padding:18px 8px 39px 8px; border-bottom:1px solid #7e7e7e; }
#aside .menu { }
#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_webzine */
/*.past_webzine { margin-top:15px; }
.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; }
*/
.past_webzine { margin-top:15px;  }
.past_webzine dt { font-size:16px; line-height:1.45; margin-bottom:7px; color:#fff; padding-left:9px; }
.past_webzine 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; }

/*bnr_partner */
.bnr_partner { margin-top:11px; }
.bnr_partner li { margin-bottom:13px; }

/* footer */
#ft { padding:25px 0 25px 252px; }
#ft .copyright { font-size:12px; line-height:1.45; color:#575757; font-style:normal; font-weight:400; font-weight:700; }