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


/* 기본 CSS */
#main-container { display:none; }
#m-img-container { clear:both; max-width:767px; font-family:'Noto Sans CJK KR', 'Nanum Gothic', sans-serif; background:#333; border-top:1px solid #efefef; }
#m-img-container img { width:100%; }

/* contents tab */
#tab ul:nth-child(1) li { text-align:center; width:50%; float:left; padding:6px 10px 10px 10px; color:#fff; background:#333; }
#tab ul:nth-child(2) li { margin-bottom:50px; color:#7a7a7a; background:#fff; }
.m-title { padding-top:20px; text-align:center; font-weight:500; color:#4d4a4a; font-size:15px; }
.m-contents { background-color:#fff; text-align:justify; font-size:13px; padding:10px; }
.img img { padding:20px; }


/* tablet */
@media all and (min-width:768px) {
.m-title { font-size:16px; }
.m-contents { font-size:14px; }
}


/* PC  */
@media all and (min-width:1024px) {
#main-container { display:block; }
#m-main-container { display:none; }
#main-container { clear:both; max-width:1024px; margin-bottom:50px; font-family:'Noto Sans CJK KR', 'Nanum Gothic', sans-serif; }
#img-container { width:97%; margin:0 auto; border-top:1px solid #efefef; }
#img-container img { width:100%; }
#a-container { width:95%; margin:0 auto; margin-top:40px; display:flex; flow-direction:row; }
#a-container-left { width:30%; }

.title1 { font-size:22px; font-weight:bold; font-family:'Lato', sans-serif; line-height:24px; }
.entry-nav ul { margin-top:15px; }
.entry-nav ul li { font-size:13px; border-top:1px solid #8d8d8d; width:70%; padding:10px 0px; color:#7a7a7a; }
.entry-nav ul .li-bottom { border-bottom:1px solid #8d8d8d; }
.entry-nav ul li a { color:#7a7a7a; }
.entry-nav ul li a:hover, .entry-nav ul li a:focus { color:#4d4a4a; font-weight:bold; }
.entry-nav .fa { margin-left:140px; }
.a1.important { color:#4d4a4a; font-weight:bold; }


#a-container-right { width:70%; color:#7a7a7a; font-family:'Source Han Serif K' sans-serif; line-height:24px; letter-spacing:1.5px; }
#a-container-right iframe { width:100%; height:730px; margin:0 auto; }
}