/*------------------------------------
	메인
------------------------------------*/
.Main .side_top{display:none;}
.Main .basic-bs .basic-bs-main{padding-bottom:0; position:inherit; }
.Main .navbar.fixed{position:relative;}

/*메뉴*/
.Main .topbar-e1, .Main .topbar-e1 .top-e1-data{display:block;}

.Main .header-e1.header .navbar-header{position:relative; margin:-5px 0 0 0;}
.Main .header-e1.header .navbar-header .logo .navbar-brand img{ width:142px; }
.Main .header .navbar{height:81px;}
.Main .header .navbar-default{background:none;}
.Main .header-e1.header .navbar-nav.menu{right:80px; left:auto; margin:0;} 
.Main .header .navbar-default .navbar-nav > li > a{opacity:1; font-size:19px;}
.Main .siteMap_area{margin-top:22px; background:none; position:relative;}
.Main .navbar-nav.navbar-right > p > a{border:2px solid rgba(255,255,255,.8); width:25px; height:25px;}
.Main .navbar-nav.navbar-right > p > a:before{font-size:14px; line-height:20px; color:rgba(255,255,255,.8);}
.Main .homeArea{display:none;}

.header .navbar-default .navbar-nav > li > a{  padding: 25px 20px 22px 20px;}

/* 메인 랩 */
.Main .mainWrap{width:100%; max-width:none; padding:0;}
.Main .mainWrap .container, .Main .mainWrap .col-md-12, .basic-bs.mainWrap .basic-bs-main{padding:0;}
.Main .mainWrap .row,  .basic-bs.mainWrap .basic-bs-main{margin:0;}
.main_content{position:relative;}

/* 메인 롤링배너 */
.mainSection01{background:#fff; padding-top:33px; padding-bottom:54px;}
.mainSection01 .btn_more{font:bold 14px/25px "Malgun Gothic", verdana; color:#0068d1; border:1px solid #0068d1; display:block; position:absolute; top:77px; right:1px; width:70px; height:30px; text-align:center; background:#ecf3fe;}
.rolling_banner_title{ position:relative;  text-align:center;  padding:5px 0; margin:10px auto 15px; cursor:pointer; }
.rolling_banner_title h2{ width:100%; font:700 35px/35px 'Godo', Malgun Gothic; color:#383838; padding:0; display:inline-block; letter-spacing:-1px; }
.rolling_banner_title h2 b{color:#0068d1}
.rolling_banner_title p{font:bold 15px "Malgun Gothic", verdana; color:#989898;}


.rolling_banner{margin-top:4px;}
.jcarousel-skin-tango { float:left;  width:100%; height:auto; padding:0;}
.jcarousel-skin-tango li{ text-align:center; font:normal 11px Dotum; width:270px; margin-right:16px; cursor:pointer; box-shadow:2px 2px 0 rgba(0,0,0,.05); border:1px solid #e1e1e1;}
.jcarousel-skin-tango .jcarousel-clip{ overflow:hidden; }
.rolling_banner .jcarousel-list li{margin-bottom:10px;}
.jcarousel-skin-tango li img{padding:20px;}
.jcarousel-skin-tango .jcarousel-prev-horizontal{ position:absolute; top:-38px; left:0; cursor:pointer; text-align:center; width:30px; background:#0068d1; border:1px solid #015dba;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:after{ content:""; width:30px; font:normal 20px/30px 'Fontawesome'; color:#fff; }
.jcarousel-skin-tango .jcarousel-next-horizontal{ position:absolute; top:-38px; left:29px; cursor:pointer; text-align:center; width:30px; background:#0068d1; border:1px solid #015dba; }
.jcarousel-skin-tango .jcarousel-next-horizontal:after{ content:""; width:30px; font:normal 20px/30px 'Fontawesome'; color:#fff;}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover{}

.rolling_banner h5{padding:20px 0; border-top:1px solid #ddd; margin:0; font:bold 15px "Malgun Gothic", verdana;}

/**/
.Main .mainSection02{padding:65px 0 63px; border-top:1px solid #e7e6e6;}
.Main .mainSection02 dt{font:normal 20px "Godo", Malgun Gothic, arial; color:#383838; position:relative;}
.Main .mainSection02 dt:before{content:' '; display:block; width:19px; height:3px; position:absolute; top:-10px; background:#0068d1;}
.Main .mainSection02 dt span{font:bold 14px "Malgun Gothic", verdana; color:#9c9d9c; padding-left:9px;}

/*공지사항*/
.Main .noticeArea{float:left; width:23%; margin-right:3%;}
.Main .noticeArea dt{padding-bottom:10px;}

/*퀵링크*/
.Main .quickArea{float:left; width:74%;}
.Main .quickArea dt{padding-bottom:17px;}
.Main .quickArea ul{margin-left:-1%;}
.Main .quickArea li{float:left; width:24%; margin-left:1%; overflow:hidden}
.Main .quickArea li a{display:block; height:139px; border:1px solid #d7d7d7; text-align:center; color:#3c3c3c; font:bold 16px "Malgun Gothic", verdana;}
.Main .quickArea li a img{display:block; margin:31px auto 13px;}
.Main .quickArea li a:hover{background:#e8e8e8;}

.Main .footer_bar{background:#f1f1f1;}
.Main .f_btn a{background:#f1f1f1;}
.Main .f_btn a:hover{background:#444;}


@media (max-width:1200px){
.Main .basic-bs.basic-bs-wrap.container.content{width:100%;}
	
	}
@media (min-width:999px){
	.Main .langArea{margin-top:22px;  position:relative; margin-right:2px; background:none;right:auto;}
	.Main .navbar-nav.navbar-right > p.langArea > a{ color:rgba(255,255,255,.8); font:bold 11px/21px "Malgun Gothic", verdana; letter-spacing:-0.025em; width:40px; }
	.Main .navbar-nav.navbar-right > p > a:hover{border-color:#fff; color:#fff;}
	.Main .navbar-nav.navbar-right > p > a:hover:before{color:#fff;}

}
/* ############### 태블릿 반응형 ############### */
@media (max-width:1000px) {
	
/*상단 메뉴 버튼*/
.Main .langArea.mobile{margin-bottom:0;}

/*로고*/
.Main .header-e1.header .navbar-header .logo .navbar-brand img{width:77px;}

/*gnb*/
.Main .header-e1.header .navbar-header{margin-top:0;}
.Main .header .navbar{ float: none; height:55px; z-index:999;  }
.Main .header .navbar-header {height:53px;}
.Main .header-e1.header .navbar-nav.menu{right:auto;}

.mainSection01{padding:20px 0;}
.rolling_banner_title h2{ width:100%; font-size:28px; line-height:25px; margin-bottom:0;}
.rolling_banner_title p{font-size:13px; padding-bottom:10px;}
.mainSection01 .btn_more{top:73px;}
.jcarousel-skin-tango { height:auto;  padding:5px 0; }
.jcarousel-skin-tango li{ font:normal 13px Dotum; width:270px; }

.Main .mainSection02 {padding:40px 0 30px;}
.Main .mainSection02 .noticeArea{border-bottom:1px dotted #d0d0d0}
.Main .mainSection02 .noticeArea, .Main .mainSection02  .quickArea{float:none; width:100%;}
.Main .mainSection02 .noticeArea  dd > div > div{ clear:both; overflow:hidden; padding:5px 0;}
.Main .mainSection02 .noticeArea .dateField{float:right; padding:0;}
.Main .mainSection02 .noticeArea .titleField{float:left; padding:0;}
.Main .mainSection02 .quickArea{margin-top:40px; clear:both;}


/* 메인 컨텐츠 본문 */
.basic-bs.basic-bs-wrap.container.content{ width:100%; z-index:0;  }

/* 메인 롤링배너 */
.rolling_banner strong{ display:none }
.jcarousel-skin-tango {  width:92%; }


}

@media (max-width:800px) {
	.Main .mainSection01, .Main .mainSection02{padding-left:2%; padding-right:2%;}
	}

/* ############### 모바일 반응형 ############### */
@media (max-width:590px) {
	
.Main .quickArea li{width:49%; margin-bottom:1%;}



/* ######## 모바일 가로 모드 ############ */
@media(orientation:landscape) { 

.post_banner_wrap{ padding:10px 0.5%;}
.post_banner_wrap dl{ float:left; width:48%; margin:0 1%; }

} 






}