@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


/* 기본 CSS */
section article { width:90%; margin:0 auto; padding-bottom:2rem; }
article .title { width:100%; margin-top:25px; text-align:center; }
article h2 { display:inline-block; font:bold 20px 'Libre Baskerville', serif; letter-spacing:1.2px; background:#fff; padding:0 15px; }
article hr { margin-top:-16px; }

article #ex-wrap { display:flex; flex-direction:column-reverse; width:100%; margin:0 auto; }
article #ex-wrap .img { width:100%; margin-top:2rem; }
article #ex-wrap .img img { width:100%; }
article #ex-wrap .exhibition { text-align:center; margin-top:2rem;}
article #ex-wrap .exhibition h3 { margin:0.3em; font-size:14px; font-weight:bold; }
article #ex-wrap .exhibition h4 { margin-bottom:1em; }
article #ex-wrap .exhibition h5 { color:#9d9d9d; }

article #fast-wrap { display:flex; flex-direction:column; margin-top:1rem; }
article #fast-wrap div { padding-top:2rem; }
article #fast-wrap div a img { width:100%; }
article #fast-wrap div p { margin:3px; }
article #fast-wrap div a { color:#333; }
article #fast-wrap div span { font-weight:bold; }


/* tablet */
@media all and (min-width:768px) {
section article { padding-bottom:3rem; }

#sec { margin-bottom:2rem; }
article #fast-wrap { flex-direction:row; flex-wrap:wrap; }
article #fast-wrap div { width:50%; }
article #fast-wrap div img { padding:2%; }
article #fast-wrap div p { margin-left:10px; }
}


/* PC */
@media all and (min-width:1024px) {
article h2 { font-size:28px; }
article hr { margin-top:-23px; }
article #ex-wrap { flex-direction:row; margin-top:2.5rem;}
article #ex-wrap .exhibition { width:40%; }
article #ex-wrap .exhibition { width:40%; padding-top:70px; }
article #ex-wrap .exhibition h3 { font-size:18px; }
article #ex-wrap .img { width:60%; }


article #fast-wrap { margin-bottom:2rem; }
}