@charset "utf-8";
@font-face {
    font-family: 'NexonLv1Gothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

body { background: #f4f3f2;}
.bg_wh { background: #fff;}

/* section_wrap */
.section_wrap1 { width: 1000px; margin: 30px auto; display: flex; justify-content: space-between;}

aside.l_nav { width: 190px; height: 650px;}
.active { color:#a8353a !important; }
ul.l_menu { width: 80%; margin: 0 auto 30px;}
ul.l_menu li { border-bottom: 1px solid #d1d1d1;}
ul.l_menu li a { padding: 15px 0; font:700 1em "Nanum Gothic"; color:#666; display: flex; align-items: center; justify-content: space-between; }
ul.l_menu li a span { text-indent: -9999px; background: url(../sub/images/arrow.png) no-repeat; width: 14px; height: 14px;}
ul.l_menu li a:hover { color:#a8353a;}
ul.l_menu li a:hover span { background-position: -14px 0 /* left top */;}
.l_menu a.active {color: #a8353a !important;}
.l_menu a span.active1 {background-position: -14px 0;}


ul.banner { width: 80%; margin: 0 auto;}
ul.banner li { border-bottom: 1px solid #d1d1d1; padding: 10px 0;}
ul.banner li:last-child { border: 0;}
ul.banner li a img { display: block; transition: all 0.3s;}
ul.banner li a:hover img { box-shadow: 3px 3px 4px #0004;}

.sub_section { width: 780px; padding: 30px; box-sizing: border-box; }

.g_top { background: url(../sub/images/greeting_top.jpg) 100% 100% no-repeat; border-bottom: 1px solid #d1d1d1;}
ul.home { display: flex; align-items: center;}
ul.home li { font: 0.8em "NexonLv1Gothic"; color:#999; margin: 0 3px;}
ul.home li:first-child { width: 20px; height: 20px; border-radius: 50%; background: #c1c1c1; color:#fff; line-height: 20px; text-align: center;}
ul.home li:nth-child(2n) { font-size: 0.6em; color:#d1d1d1}

.g_top h1 { font-size: 2.5em; color:#666; margin: 30px 0;}
.g_top p { font:0.8em "NexonLv1Gothic"; color:#666; margin-bottom: 15px; line-height: 1.6;}

/* 인사말(춘천연탄은행) */
.sub_article .g_title { font-size: 1.3em; color:#a8353a; margin: 30px 0; line-height: 1.4;}
.g_text { font: 0.9em "NexonLv1Gothic"; color:#777; line-height: 1.6; text-align: justify; margin-bottom: 40px !important;}
.gs_title { font-size: 1.1em; color: #a8353a; margin-bottom: 15px;}

ul.name {margin-bottom: 60px; border-left: 3px solid #a8353a; padding-left: 15px; color:#777;}
ul.name li:first-child { font-size: 0.9em; margin-bottom: 5px;}
ul.name li:last-child { font-size: 1.2em;}

/* 오시는 길(춘천연탄은행) */
.map { margin-top: 20px;}

h2.map_title { color:#a8353a; margin: 30px 0 20px;}
dl.map_info { font:0.8em "NexonLv1Gothic"; color:#777; line-height: 1.8;}
dl.map_info dt { background: url(../sub/images/dot.png)left center no-repeat; padding-left: 15px; float: left;}
dl.map_info dd { padding-left: 100px;}

dl.map_info:nth-of-type(2) dd { padding-left: 150px;}

/* 나눔은행(사업소개) */
.bank_top {background-image: url(../sub/images/bank_top.jpg);}
.sub_article .bank_title {font: 700 1.4em "Nanum Gothic"; color:#666; margin: 30px 0; line-height: 1.4;}
.b_thumb {display: flex; justify-content: space-between; margin-bottom: 10px;}
.b_thumb li img {border: 1px solid #d1d1d1;}

/* 일시후원(후원안내) */
.sponsor_top {background-image: url(../sub/images/sponsor_top.jpg);}

/* 봉사일정(자원봉사) */
.review_top {background-image: url(../sub/images/review_top.jpg); background-size: 38%;}

/* 소식지(나눔이야기) */
.notice_top {background-image: url(../sub/images/notice_top.jpg); background-size: 38%;}