@charset "utf-8";

@font-face {
    font-family:'NanumGothic';
	src: url('http://210.101.116.222/한국문법교육학회/css/font/NanumGothic.eot');
    font-weight: normal;
    font-style: normal;
}

/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); */

/*  태그초기화  */
body,h1,h2,h3,ul,li{margin:0px;padding:0px}
body{font-family:"나눔고딕",NanumGothic,"Nanum Gothic","돋움",Dotum,sans-serif; font-size:14px;color:#333333;line-height:1.6em;}
h1,h2,h3{font-size:inherit}
ul{list-style:none}
img{border:0px;max-width:100%;height:auto; vertical-align:middle;}
a, a:link {color:#333333; text-decoration:none; cursor:pointer;}
a:visited {color:#333333;}
a:hover, a:active {color:#1b397c;}
header,gnb,section,footer,hr,article {display:block;}


/*  공통클래스 모음  */
.f_l{float:left}
.f_r{float:right}
.p_r{position:relative}
.p_a{position:absolute}
.clear:after{display:block;content:"";clear:both}/* ie8~ */
.blind, .hidden, caption {font-size:0px;line-height:0px;width:0px;height:0px;overflow:hidden;position:absolute;top:0px;left:-9999px}

/* 테이블 공통 */
table,th,td{border-collapse:collapse;padding:0px 6px; line-height:26px;}
th{background-color:#f8f8f8;padding:3px;color:#000;font-size:13px;}

.table_line_x, .table_line_x > th, .table_line_x > td{ border-collapse:inherit; padding:0px; line-height:26px;}
.table_border, .table_border th, .table_border td { border:1px solid #dddddd;}


/*  skip  */
#skip a{position:absolute;top:0px;left:-9999px; z-index:1000}
#skip a:hover,#skip a:focus,#skip a:active{left:0px;text-align:center;background-color:#f00000;color:#ffffff;font-weight:bold;width:100%;padding:10px 0px}

/* 헤더영역 */
#header { width:100%;}
#header .top_w {width:100%; height:100%; background-color:#eeeeee;}
#header .top_w .top {width:1000px; height:30px; margin:0 auto;}
#header .top_w .top > ul {float:right; height:100%;}
#header .top_w .top > ul > li {float:left; height:30px; margin-left:15px;}
#header .top_w .top > ul > li > a {display:block; line-height:30px; font-size:12px;}

/* gnb(네비게이션) */
#nav_w {width:100%; height:100%; background:url("../images/nav_bg.gif")repeat-x;}
#nav{position:relative; width:1000px; height:70px; margin:0 auto;}
.logo {float:left; height:100%;}
#gnb{height:100%; position:relative; font-size:1.2em; float:left; padding-left:17px;}
#gnb ul{padding:0px; width:100%; height:100%;}
#gnb li{float:left; color:#333333; font-size:17px; height:100%; margin:0; padding:0;}
#gnb > ul > li > a{display:block; margin:0px; padding:0px 24px; color:#333333; font-family:NanumGothic; text-align:center; line-height:70px; font-weight:bold;}
#gnb > ul > li > a:hover {color:#02a7dd;}

#sub_manu { background-color:#0e2958; width:100%; height:40px; }
#sub_manu .manu_w { width:1100px; height:40px; margin:0 auto; position:relative;}
#sub_manu ul{ width:100%; height:100%; }
#sub_manu ul li { float:left; height:40px; line-height:40px;}
#sub_manu ul li a { display:block; font-size:14px; color:#ffffff; padding:0px 10px;}
#sub_manu ul li a:hover , #sub_manu ul li a.on { background-color:#02a7dd; color:#ffffff; }

ul#manu1 { position:absolute; left:180px; width:700px; display:none;  }
ul#manu2 { position:absolute; left:425px; width:430px; display:none; }
ul#manu3 { position:absolute; left:470px; width:580px; display:none; }
ul#manu4 { position:absolute; left:610px; width:360px; display:none; }
ul#manu5 { position:absolute; left:820px; width:270px; display:none; }
ul#manu6 { position:absolute; left:750px; width:330px; display:none; }

/* 메인이미지 */
#main_bg { width:100%; height:100%; background-color:#eeeeee; }
#main_bg .main { width:1000px; margin:0 auto;}

/* 로그인영역 */
#icon { width:100%; height:105px; border-bottom:1px solid #dddddd; }
#icon ul { width:1000px; height:100%; margin:0 auto; }
#icon ul li { float:left; }

/* 컨텐츠 */
#content { width:1000px; height:190px; margin:0px auto; padding-top:20px; clear:both;}

#content .notice { float:left; width:306px; margin-right:40px;}
#content .notice h2 { width:100%; height:40px; }
#content .notice h2 span.notice_title { font-size:20px;  color:#0e2958; float:left; }
#content .notice h2 span.notice_more { float:right;  }
#content .notice li { height:30px; line-height:30px;}
#content .notice li a { height:100%;  }
#content .notice .notice_text { float:left; text-align:left; width:180px; overflow:hidden; }
#content .notice .notice_text span { color:#02a7dd; margin-right:3px; }
#content .notice .notice_date { text-align:center; float:left; width:120px;}
#content .notice .notice_not { display:block; height:100px; line-height:100px; text-align:center; }


/* 사이트 배너 */
#banner_w { clear:both; width:1000px; height:37px; margin:20px auto; position:relative; }
#banner_box li{width:130px;margin:0px; float:left;}

.nbs-flexisel-ul {position:relative;width:9999px;margin:0px;padding:0px;text-align:center}
.nbs-flexisel-inner {overflow:hidden; width:960px; height:100%; margin:0 auto;}
.nbs-flexisel-item {float:left; margin:0px;padding:0px;cursor:pointer;position:relative;line-height:0px}
.nbs-flexisel-item img {width:100%;cursor: pointer;position: relative; max-width:130px;}

.nbs-flexisel-nav-left,.nbs-flexisel-nav-right {position:absolute; width:22px;height:22px;cursor:pointer;z-index:100;opacity:0.5;}
.nbs-flexisel-nav-left {left:0px;background: url(../images/main/link_prev.gif) no-repeat}
.nbs-flexisel-nav-right {right:-10px;background: url(../images/main/link_next.gif) no-repeat}



/* 푸터영역 */
#footer_bg { width:100%; border-top:2px solid #cccccc; clear:both; }
#footer_bg .footer { width:1000px; height:85px; margin:0 auto; position:relative; }
#footer_bg .footer ul { width:100%; position:absolute; left:0; top:20px;}
#footer_bg .footer ul li { width:100%; }
#footer_bg .footer > h2 { width:210px; text-align:center; position:absolute; right:0px; top:20px; }

/*메인갤러리*/
#Mphoto {max-width: 1000px;width: 100%;height: auto;margin: 0 auto;padding: 40px 0 20px 0;clear: both;}
#Mphoto .photo { float:left; width:1000px; margin-right:40px;}
#Mphoto .photo h2 { width:100%; height:40px; }
#Mphoto .photo h2 span.notice_title { font-size:20px;  color:#0e2958; float:left; }
#Mphoto .photo h2 span.notice_more { float:right;  }
#Mphoto .photo-list {display: flex;justify-content: space-between;flex-wrap: wrap;list-style: none;padding: 0;margin: 0;}
#Mphoto .photo-list li {width: 23.5%;margin: 0 0 20px 0;}
#Mphoto .photo-list .img {width: 100%;height: 150px;background-color: #eee;background-size: cover;background-position: center;border: 1px solid #eee;box-sizing: border-box;}
#Mphoto .photo-list span,#Mphoto .photo-list p {display: block;width: 100%;font-size: 14px;line-height: 1.4;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#Mphoto .photo-list span {margin: 8px 0 5px 0;}
#Mphoto .photo-list p {margin: 0;}