@charset "utf-8";
/* CSS Document */
.inner{position:relative;width:1100px; margin:0 auto;}

/* 서브 타이틀 */
.m_tit {margin-bottom:50px;  }
.m_tit h3{ font-size:3.467em; color:#222; text-align: center;  display:block; padding-top:90px;  color:#333; letter-spacing:-2px; }
.m_tit p{ text-align:center; font-size:1.2em; margin-top:40px; color:#666}


/* container */
#container{}
#container .inner{ position: relative}

/* footer */
footer{ }

footer .top_wrap{position:relative; height:65px;  background: #8b847a;}
footer .top_wrap ul.ulfl{display:inline-block;}
footer .top_wrap ul.ulfl li a{ line-height:65px; display:block; padding-right:40px; color:#fff; }
footer .top_wrap a i{  font-size:24px;}
footer .top_wrap a:hover{color:#fff}
footer .top_wrap a.go_top{width:65px; height:65px;line-height:65px; display:inline-block; font-size: 24px; text-align: center; margin-right:0px; background:#45494c;color:#fff; }

footer .top_wrap .select{margin-top:-10px;margin-right:20px;}

footer .bottom_wrap{padding-bottom:70px;background: #efefef;}
footer .bottom_wrap .inner{ padding-top:40px; vertical-align: top;  display:table}
footer .bottom_wrap p{width:200px;  display:table-cell; vertical-align: top}
footer .bottom_wrap ul{  display:table-cell; vertical-align: top; padding-top:5px;}
footer .bottom_wrap ul li{ color:#6a6e77; line-height: 22px; }
footer .bottom_wrap ul li strong{color:#cccccc;}


	/* select 메뉴*/
.select {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 225px;
  color: #fff;
  vertical-align: middle;
  text-align: left;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
	 

}
.select .placeholder {
  position: relative;
  display: block;
  background-color: #45494c;
  z-index: 1;
  padding: 10px 20px;
  border:1px solid #5b5b5b;
  cursor: pointer;
}
.select .placeholder:hover {
  background: #45494c;
}
.select .placeholder:after {
  position: absolute;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-family:Font Awesome\ 5 Free;
 background:url(/_NJ/images/arrow_down_ico.png) no-repeat;
  z-index: 10; border:1px solid #f00
}
.select.is-open .placeholder:after {
 background:url(/_NJ/images/arrow_down_ico.png) no-repeat;
}
.select.is-open ul {
  display: block;
}


.select.select--gray .placeholder {

  color: #d6d6d6 !important;
  width:225px;
  display:inline-block;
background:#45494c url(/_NJ/images/arrow_down_ico.png) 185px center no-repeat;	
}
.select.select--gray .placeholder:hover {
background:#45494c url(/_NJ/images/arrow_down_ico.png) 185px center no-repeat;		
}


.select ul {
  display: none;
  position: absolute;
  overflow: auto;
  width: 100%;
  background: #fff;
  border-radius: 2px;
  bottom: 100%;
  left: 0;
  list-style: none;
  margin: 5px 0 0 0;
  padding: 0;
  z-index: 100;
  max-height:300px;	
  border:1px solid #e8e8e8
}


.select ul li {
  display: block;
  text-align: left;

  padding: 0.8em 1em 0.8em 1em;
  color: #fff ;
  cursor: pointer;
}
.select ul li a{ display: block; color:#333; line-height:25px !important;}


.select ul li:hover {
  background: #f7f7f9;
  color: #b53a3d !important;
}
.select ul li:hover a{ color: #b53a3d !important;}


/* 프린트 print */
@media print{
	header{display: none;}  
	.sub_visual_wrap{display: none;}   
	#footer{display: none;}
  }

/* header */
/** header 메뉴 Animation **/
#header_2017 h1.logo,
#header_2017 h1.logo a,
#header_2017 .mob_btn,
#header_2017 #nav #gnb,
#header_2017 #nav #gnb ul li a span:after,
#header_2017 #nav #gnb ul li ul
{transition : all 0.4s ease; -webkit-transition : all 0.4s ease;}

/** Header **/
#wrap {width:100%; height:auto; position:relative; min-height: 0px;}

#slide_map {display:none;}
#header_2017 {position:absolute; top:0px; left:0; width:100%; height:auto; z-index:101; }
#header_2017 .inner {position:relative; width:100%;}
#header_2017 h1.logo {position:absolute; left:45px; top:8px; z-index:90; }
#header_2017 h1.logo a {display:block; line-height: 41px; height:41px;  }
#header_2017 h1.logo a span {font-size:20px; color:#195dae !important; letter-spacing: -1px; font-weight: 900;}

#header_2017 h1.logo a img{ margin-right:5px; vertical-align:middle; margin-top:0px;}

#header_2017 .mob_btn {display:none;}
#header_2017 #nav {width:auto; height:67px; position:relative; overflow:hidden ;  border-bottom:0px solid #ccc; border-bottom:1px solid rgba(255,255,255,0.2); }
#header_2017 #nav #blind {width:100%; height:100%; background:rgba(46,59,65,.7); position:absolute; left:0; top:67px; z-index:1; border-top:1px solid rgba(255,255,255,0.2)}
#header_2017 #nav #gnb {width:1100px;  padding-left:90px; text-align: center;  position:absolute; top:-5px; left:50%; margin-left:-530px; z-index:10; }
#header_2017 #nav #gnb ul {width:100%; height:auto; }
#header_2017 #nav #gnb ul:after {content:""; display:block; clear:both;}
#header_2017 #nav #gnb > div a{ visibility: hidden}
#header_2017 #nav #gnb ul li {float:left; /*width:20%;*/ margin-left:0px;}
#header_2017 #nav #gnb > ul > li:nth-child(1){width:125px; margin-right:20px; overflow: hidden; }
#header_2017 #nav #gnb > ul > li:nth-child(2){width:195px; margin-right:20px; overflow: hidden}
#header_2017 #nav #gnb > ul > li:nth-child(3){width:145px; margin-right:20px; overflow: hidden}
#header_2017 #nav #gnb > ul > li:nth-child(4){width:90px; margin-right:30px; overflow: hidden;}
#header_2017 #nav #gnb > ul > li:nth-child(5){width:150px;margin-right:20px; overflow: hidden; }
#header_2017 #nav #gnb > ul > li:nth-child(6){width:105px;overflow: hidden}

#header_2017 #nav #gnb ul li a {display:block; text-align:center; text-decoration:none;}
#header_2017 #nav #gnb ul li a span {display:inline-block; vertical-align:top; font-size:22px; letter-spacing:-1px; height:65px; padding:22px 0 0 0; line-height:30px; color:#333; position:relative; }
#header_2017 #nav #gnb ul li a span:after {content:""; display:block; height:4px; width:0px; position:absolute; bottom:0; top:95px;  left:50%;}
#header_2017 #nav #gnb ul li a.ov span, #header_2017 #nav #gnb ul li a:hover span, #header_2017 #nav #gnb ul li a:active span {color:#07a5a6; }

#header_2017 #nav #gnb ul li a.ov span:after, #header_2017 #nav #gnb ul li a:hover span:after, #header_2017 #nav #gnb ul li a:active span:after {width:100%; background:#07a5a6; margin-top:-25px; left:0;  padding-left:50%; opacity:1; -webkit-opacity:1; filter:alpha(opacity=100);}

#header_2017 #nav #gnb ul li ul {width:auto; padding:15px 0%; margin-top:40px; font-size:13px;letter-spacing:-1px; }
#header_2017 #nav #gnb ul li ul.ov {/*background:#ecf2f5;*/}
#header_2017 #nav #gnb ul li ul li:last-child {display:block;}
#header_2017 #nav #gnb ul li ul li {float:none; width:auto; margin:3px 0 0 0;}
#header_2017 #nav #gnb ul li ul li a {width:100%; display:inline-block; vertical-align:top; font-size:16px; line-height:22px; height:auto; padding:5px 0; color:#fff; text-align:center; letter-spacing: -0.5px;  border:1px solid rgba(255,255,255,0) }
#header_2017 #nav #gnb ul li ul li a strong {font-weight:normal;}
#header_2017 #nav #gnb ul li ul li a:hover, #header_2017 #nav #gnb ul li ul li a:active, #header_2017 #nav #gnb ul li ul li a.ov { color:#fff; border:1px solid rgba(255,255,255,0); color:#f8d320; border:1px solid #f8d320}
#header_2017 #nav #gnb ul li ul li ul {display:none !important;}

#header_2017 #nav #gnb .info{position: relative; visibility: hidden; padding:20px 30px; border:1px solid rgba(255,255,255,0.2)}
#header_2017 #nav #gnb:hover .info{position: absolute; top:110px; left:-20px;  visibility:visible}
#header_2017 #nav #gnb:hover .info > dl dt { font-family: 'NotoSans-Medium'; display:block; color:#ccc; font-size:28px; line-height: 40px; margin-bottom:20px; position: relative }
#header_2017 #nav #gnb:hover .info > dl dt strong{color:#ffdf66;}
#header_2017 #nav #gnb:hover .info > dl dt em{ width:40px; height:1px; background:#fff; display:inline-block; position:absolute; bottom:-15px;left:0px; }
#header_2017 #nav #gnb:hover .info > dl dd{ color:#ccc; font-size:16px; line-height: 24px; padding-top:10px;}


#header_2017 #nav .right{display:table; float:right}
#header_2017 #nav .right a{width:67px; height:67px;display:table-cell;text-align: center; color:#fff; letter-spacing:-1px; vertical-align: middle}
#header_2017 #nav .right a:hover{color:#f8d320}
#header_2017 #nav .right a span{display:block;margin-top:5px; font-size:14px;}
#header_2017 #nav .right a:nth-child(1){ background:#07a5a6}
#header_2017 #nav .right a:nth-child(1) i{font-size:18px;}
#header_2017 #nav .right a:nth-child(2){border-left:0px solid rgba(255,255,255,0.2)}
#header_2017 #nav .right a:nth-child(2){  background: url(/_NJ/images/btn_all_menu.png) center no-repeat}
#header_2017 #nav .right a:nth-child(2):hover{  background: url(/_NJ/images/btn_all_menu_on.png) center no-repeat}

/* mobile_menu */
#header #mMenu{display:none;position:absolute;top:0px;right:0px;width:65px;height:65px;padding-top:25px;box-sizing:border-box;}
#header #mMenu span{display:block;width:30px;height:3px;margin:0 auto 6px;background:#444;}
#header #mMenu span:last-child{margin-bottom:0;}
#mGnb{display:none;position:fixed;top:0;right:-80%;width:80%;height:100%;overflow-y:scroll;background:#fff;box-shadow:-4px -1px 2px rgba(0,0,0,0.1);z-index:160;}
#mGnb .mgnb_top{background:#eee;padding-bottom:10px}
#mGnb .mgnb_top .t_abox{padding:11px 20px;font-size:.9em;border-bottom:1px solid #d6dae0;color:#6a7284}
#mGnb .mgnb_top .t_abox a{position:relative;padding-right:10px;margin-right:10px}
#mGnb .mgnb_top .t_abox a:before{content:'';position:absolute;right:0;top:5px;width:1px;height:10px;background:#bbb;}
#mGnb .mgnb_top .t_abox a:last-child:before{display:none}
#mGnb .mgnb_top .t_box{position:relative;padding:20px}
#mGnb .mgnb_top .t_box p{font-size:1.25em;font-weight:500;line-height:1.5}
#mGnb .mgnb_top .t_box a{position:absolute;right:20px;bottom:20px;border:1px solid #ddd;padding:4px 10px;font-size:.8em;opacity:.8}
#mGnb .mgnb_top .m_btnbox{background:rgba(0,0,0,.5);border:solid #ddd;border-width:1px 0}
#mGnb .mgnb_top .m_btnbox li{width:50%;text-align:center;}
#mGnb .mgnb_top .m_btnbox li a{display:block;padding:16px 20px}
#mGnb .mgnb_top .m_btnbox li a:before{content:'';display:block;margin:0 auto 10px;width:36px;height:36px;background:url('/_NJ/images/ir.png') -803px -109px no-repeat}
#mGnb .mgnb_top .m_btnbox li.bg_w a{color:#000}
#mGnb .mgnb_top .m_btnbox li.bg_w a:before{background-position:-854px -109px;}
#mGnb .mDepth1{box-sizing:border-box;}
#mGnb .mDepth1 > li > a{position:relative;display:block;padding:15px 20px;font-size:15px;font-weight:bold;border-bottom:1px solid #ddd;}
#mGnb .mDepth1 > li > a:before{content:'';display:block;position:absolute;right:5%;top:50%;width:17px;height:9px;margin-top:-4px;background:url('/_NJ/images/mgnb_arrow1.png') no-repeat 0 0;opacity:.7}
#mGnb .mDepth1 > li > a.active{background:#0da1ac;color:#fff;}
#mGnb .mDepth1 > li > a.active:before{;background:url('/_NJ/images/mgnb_arrow_w.png') no-repeat 0 0;}
#mGnb .mDepth2{display:none;background-color:#f8f8f8;}
#mGnb .mDepth1 > li:last-child .mDepth2{margin-bottom:0;}
#mGnb .mDepth2 > li > a{display:block;padding:15px 20px;padding-right:10%;border-bottom:1px solid #e5e5e5;font-size:14px;color:#333;background:url('/_NJ/images/mgnb_arrow3.png') no-repeat 95% 50%}
#mGnb .mDepth2 > li > a.plus{background:url('/_NJ/images/mgnb_arrow2.png') no-repeat 95% 50%}
#mGnb .mDepth2 > li > a.plus.active{background:url('/_NJ/images/mgnb_arrow2-1.png') no-repeat 95% 50% #51555d;color:#fff}
#mGnb .mDepth3{display:none;overflow:hidden;}
#mGnb .mDepth3 li{
	float:left;width:100%;
    -webkit-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    -webkit-transform: translateY(120%);
    -ms-transform: translateY(120%);
    transform: translateY(120%);
    -webkit-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    transition-delay: 300ms;
	opacity:0;
}
#mGnb .mDepth3 li.active{
	-webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateX(0);
    opacity:1;
}

#mGnb .mDepth3 li.active:nth-child(2){
	-webkit-transition-delay: 400ms;
    -ms-transition-delay: 400ms;
    transition-delay: 400ms;
}

#mGnb .mDepth3 li.active:nth-child(3){
	-webkit-transition-delay: 600ms;
    -ms-transition-delay: 600ms;
    transition-delay: 600ms;
}
#mGnb .mDepth3 li a{display:block;margin-bottom:1px;padding:15px 20px;padding-right:18%;font-size:13px;background:url('/_NJ/images/mgnb_arrow4.png') no-repeat 95% 50% #ececec}
#mGnb .mGnbClose{display:inline-block;position:absolute;top:0px;right:0px;width:40px;height:40px;font-size:0;background:#0e0e0e;text-align:center;padding-top:7px;}
#mGnb .mn_close {position: relative;display: inline-block;width: 26px;height: 26px;overflow: hidden;}

#mGnb .mn_close:before,#mGnb .mn_close:after{content:'';position:absolute;height:2px;width:100%;top:50%; left:0; margin-top:-1px;background:#fff;border-radius:4px}
#mGnb .mn_close:before{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#mGnb .mn_close:after{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#dimed{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:149;}


/** header 메뉴  끝 **/

/* 최근게시물 */
.bd_wrap{}
.bd_wrap .box{width:100%; height:auto; background:url(/_NJ/images/visual_ct.jpg) center no-repeat; background-attachment: fixed;}
.bd_wrap .box > div{ vertical-align: top;}
.bd_wrap .box .left{float:left;width:65%; text-align: right; padding-right:20px; padding-top:80px; padding-bottom:80px; }
.bd_wrap .box .right{float:right;width:35%;text-align: left; color:#fff; padding-left:50px;}


	/* 포토갤러리 */
.gall_m_wrap{position:relative; width:100%; text-align: left;}
.gall_m_wrap dt{font-size:52px; line-height:52px;  margin-bottom:55px; color:#fff}
.gall_m_wrap ul li{width:49%;margin-right:1%;}
.gall_m_wrap ul li a.title{width:100%; height:45px; line-height: 40px;  font-size:18px; color:#fff; display:inline-block; border-bottom:1px solid rgba(255,255,255,0.5)}
.gall_m_wrap ul li a.title:hover{color:#ffdf66;}
.gall_m_wrap ul li p.date{ color:#ccc; line-height: 45px; height:45px;  display:inline-block; text-align:left;}
.gall_m_wrap ul li a.img_box{height:218px;}
.gall_m_wrap ul li a.img_box img{width:100%;height:inherit;border:5px solid #bb9b6a;}
.gall_m_wrap p{width:100%; text-align: center; display:block; margin-top:25px;}
.gall_m_wrap p a{width:120px; color:#333; height:35px; border:1px solid #d9d9d9; border-radius: 100px;  line-height:35px; text-align:left; padding-left:25px;  display:inline-block; background:#fff url(/_NJ/images/btn_arrow_gray.gif) no-repeat 75px 13px;}
.gall_m_wrap p a:hover{  border-color:#ef6451;  color:#fff; background:#ef6451 url(/_NJ/images/btn_arrow_on.gif) no-repeat 75px 13px;}


	/* 공지사항 */
.notice_wrap{position:relative;width:100%; margin-top:50px; padding-top:30px;  padding-bottom:30px;  z-index:10;  background:rgba(0,0,0,0.3);  border-radius:5px;}
.notice_wrap dt{ font-size:52px; line-height:52px; padding-left:30px; color:#fff; margin-bottom:55px;}
.notice_wrap dd { padding:11px 0;  padding-left:30px;  border-top:1px solid rgba(255,255,255,0.5); color:#cccccc;}
.notice_wrap dd:last-child {  border-bottom:1px solid rgba(255,255,255,0.5)}
.notice_wrap dd a{ font-size:18px; color:#fff; line-height:26px; }
.notice_wrap dd a:hover{ color:#ffdf66;}
.notice_wrap dd span{display:block}

.notice_wrap  p{text-align: center; display:block; margin-top:65px;}
.notice_wrap  p a{width:120px; height:35px; border:1px solid #392b2b; color:#fff; border-radius: 100px;  line-height:35px; text-align:left; padding-left:25px;  display:inline-block; background:#392b2b url(/_NJ/images/btn_arrow_on.gif) no-repeat 75px 13px;}
.notice_wrap  p a:hover{  color:#fff;  background:#ef6451 url(/_NJ/images/btn_arrow_on.gif) no-repeat 75px 13px; border-color:#ef6451}



/*  메인비쥬얼 */
#introHome{position:relative; text-align:center; margin-top:66px;background:url("/_NJ/images/visual_m01.jpg") center center no-repeat;}
#introHome .content-shadow {position: absolute; top: 0; z-index: 1;width:100%;height:6px;}
#slides01{display: none;position: relative;}
#slides01 .slidesjs-container, #slides01 .slidesjs-control{height:600px !important; }
#slides01 .slides{height: inherit; }

#slides01 .slides div.text{display:block;position:relative;width:100%;margin:auto;color:#192940; }
#slides01 .slides div.text > span{ font-size:36px; line-height:48px; display:block; color:#ede6dc; font-size:36px;   font-family: 'Nanum Myeongjo'; font-weight: bold; letter-spacing: -5px}
#slides01 .slides div.text > span > strong{ font-size:48px;  font-weight: 800;   }
#slides01 .slides div.text .em{ font-size:.94em; color:#ede6dc; line-height:1.4em; display:block;  letter-spacing: 0px; margin-top:10px; font-family: 'NotoSans-Regular';}
#slides01 .slides div.text .em span{display:block;}

#slides01 .slides p  a{width: 120px;height: 38px; line-height: 38px; color:#fff; background: #195dae; display:inline-block;  margin-top:20px }
#slides01 .slides p  a:hover{box-shadow: 0 5px 40px rgba(0,0,0,0.5);}

/*
#slides01 .slides.nth1 {background: url("/_NJ/images/visual_m01.jpg") center center no-repeat;}
#slides01 .slides.nth2 {background: url("/_NJ/images/visual_m02.jpg") center center no-repeat;}
#slides01 .slides.nth3 {background: url("/_NJ/images/visual_m03.jpg") center center no-repeat;}
*/

#slides01 .slides.nth1 {background: url("/_NJ/images/visual_m01_1.jpg") center center no-repeat;}
#slides01 .slides.nth2 {background: url("/_NJ/images/visual_m01_2.jpg") center center no-repeat;}
#slides01 .slides.nth3 {background: url("/_NJ/images/visual_m01_3.jpg") center center no-repeat;}

#slides01 .slidesjs-play,
#slides01 .slidesjs-next, 
#slides01 .slidesjs-previous,
#slides01 .slidesjs-navigation{position: absolute ; text-indent:-999em;z-index:100}

#slides01 .slidesjs-play { width:77px; height:77px; z-index:90; left:50%; top:523px; margin-left:-420px; background:rgba(255, 196, 12, 0.8) url(/_NJ/images/btn_play.png) center no-repeat; }
#slides01 .slidesjs-stop { width:77px; height:77px; z-index:90; left:50%; top:523px; margin-left:-420px; background:rgba(255, 196, 12, 0.8) url(/_NJ/images/btn_stop.png) center no-repeat; }

#slides01 .slidesjs-next {width:55px; height:55px;background:url(/_NJ/images/btn_m_next.png) center top no-repeat; position: absolute;right:10%; top:50%; z-index: 100}
#slides01 .slidesjs-previous {width:55px; height:55px;background:url(/_NJ/images/btn_m_previous.png) center top no-repeat; position: absolute;left:10%; top:50%; z-index: 100; }

#slides01 .slidesjs-pagination {display:none !important}

#slides01 .slidesjs-pagination li:nth-child(2){margin-left:-1px; }
#slides01 .slidesjs-pagination li:nth-child(3){margin-left:-1px; }

/* 비쥬얼 버튼 */
#slides01 .slides{ position: relative; }

#slides01 .slides div.text{color:#192940;  z-index: 90; text-align: center; display:inline-block;margin-top:340px}
#slides01 .slides div.text > span{ font-size:36px; line-height:48px; display:block; color:#ede6dc; font-size:36px;   font-family: 'Nanum Myeongjo'; font-weight: bold; letter-spacing: -5px}
#slides01 .slides div.text > span > strong{ font-size:48px;  font-weight: 800;   }


.btn_visual p.text  a{width: 120px;height: 38px; line-height: 38px; color:#fff; background: #195dae; display:inline-block;  margin-top:20px }
.btn_visual p.text  a:hover{box-shadow: 0 5px 40px rgba(0,0,0,0.5);}

.btn_visual span.btn{ position:absolute; top:-78px; left:50%; margin-left:-335px; z-index:90; }

.btn_visual span.btn a{width:223px; height:77px; display:inline-block; font-size:18px; line-height:77px; display:table-cell; color:#fff;}
.btn_visual span.btn a:nth-child(1){background:rgba(57,43,43,0.85)  url(/_NJ/images/icon_m_visual01.png) 25px center no-repeat; padding-left:85px; }
.btn_visual span.btn a:nth-child(2){background:rgba(57,43,43,0.85) url(/_NJ/images/icon_m_visual02.png) 22px center no-repeat; padding-left:85px;}
.btn_visual span.btn a:nth-child(3){background:rgba(57,43,43,0.85) url(/_NJ/images/icon_m_visual03.png) 22px center no-repeat; padding-left:90px;} 

.btn_visual span.btn a:nth-child(1):hover{background:rgba(181,58,61,0.85) url(/_NJ/images/icon_m_visual01.png) 25px center no-repeat; padding-left:85px; }
.btn_visual span.btn a:nth-child(2):hover{background:rgba(181,58,61,0.85) url(/_NJ/images/icon_m_visual02.png) 22px center no-repeat; padding-left:85px;}
.btn_visual span.btn a:nth-child(3):hover{background:rgba(181,58,61,0.85) url(/_NJ/images/icon_m_visual03.png) 22px center no-repeat; padding-left:90px;} 

/* 문양 */
.btn_visual p.left{width:119px; height:69px; position: absolute; top:-508px; left:0; margin-left:140px; z-index: 90; background: url(/_NJ/images/visual_m_pic01.png) no-repeat center top;  display:inline-block;  }
.btn_visual p.right{width:119px; height:69px; position: absolute; top:-465px; left:50%; margin-left:340px;  z-index: 90;  background: url(/_NJ/images/visual_m_pic01.png) no-repeat center top;  display:inline-block; }


/* 향교·서원 만들기 사업 */
.case-box-gallery {}
.case-box { position: relative; display: block; width: 100%; height: 330px; background-size: cover; overflow: hidden; transition: all .4s ease;}

.case-box:hover{box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.5); }

.case-box__overlay { width: 100%; height: 100%; position: absolute; top: 0;  z-index: 10;}
.case-box__overlay:after { content: ''; width: 100%; height: 100%; background-color: #202020; opacity: 0; position: absolute; top: 0; z-index: -10; left: 0; transition: all .3s ease;}
.case-box__title { position: relative; top: -200px; margin-bottom: 2rem; margin-top: 4rem; font-size: 2.25rem; color:#fff;  text-align: center; transition: all 0.3s cubic-bezier(0.3, 0, 0, 1.3);}
.case-box__title dt{font-size:24px; color:#fff; }
.case-box__title dd{color:#fff; margin-top:20px; }

.case-box__link { position: relative; display: block; width: 45px; height:45px; border-radius:50%; bottom: 200px; padding: 10px; margin: 0 auto; color:#fff !important; letter-spacing: 3px; text-align: center; border: 2px solid #fff; font-size: 1.25em; transition: all 0.3s cubic-bezier(0.3, 0, 0, 1.3); }
.case-box__link:hover { background-color:#fff; color: #202020 !important;}

.case-box:hover .case-box__title { top: 0;}
.case-box:hover .case-box__link { top:90px;}
.case-box:hover .case-box__overlay:after { opacity: .75;}

.busi_wrap{ background:#fafcee; position: relative}

.busi_wrap .left_img{ width:341px; height:263px; position: absolute;  top:30px; left:0px;   background: url(/_NJ/images/bg_m_left.png) center no-repeat;}
.busi_wrap .right_img{ width:387px; height:321px; position: absolute;  bottom:50px; right:0px; background: url(/_NJ/images/bg_m_right.png) center no-repeat;}



.busi_wrap .inner {padding-bottom:80px;}
.busi_wrap .inner .box_wrap:after{ content:""; clear:both; display:block; }
.busi_wrap .inner .box_wrap > div{width:352px; height:330px; display: inline-block; margin-right:21px; margin-bottom:21px; float:left; position:relative;}
.busi_wrap .inner .box_wrap > div:nth-child(3n){margin-right:0px;}

.case-box:hover > dl{display:none;}
.case-box > dl{ width:100%; position: absolute; top:60px; left:0px; text-align: center; }
.case-box > dl dt{font-size:24px; color:#fff;}
.case-box > dl dd{color:#fff; margin-top:20px;}

.box1 { background: url(/_NJ/images/sm_hg01.jpg) center no-repeat;}
.box2 { background: url(/_NJ/images/sm_hg02.jpg) center no-repeat;}
.box3 { background: url(/_NJ/images/main_sec01_220714.png) center no-repeat;}
.box4 { background: url(/_NJ/images/sm_hg04.jpg) center no-repeat;}

.busi_wrap .inner ul{ height:330px;}
.busi_wrap .inner ul li{color:#fff; text-align:center}
.busi_wrap .inner ul li:first-child{ font-size:24px; line-height:36px; padding-top:85px;}
.busi_wrap .inner ul li:last-child{font-size:36px; margin-top:40px; font-weight:bold}

.busi_wrap .box_wrap > div {}
.busi_wrap .box_wrap > div  > a.top{ width:100%; background:#07a5a6; display:inline-block; border:1px solid #07a5a6}
.busi_wrap .box_wrap > div  > a.top:hover{ background:#fff;}
.busi_wrap .box_wrap > div  > a.top:hover ul li{color:#07a5a6;}

.busi_wrap .box_wrap > div  > a.bottom{width:100%;  background:#ffc40c;display:inline-block; border:1px solid #ffc40c }
.busi_wrap .box_wrap > div  > a.bottom:hover{ background:#fff;display:inline-block; }
.busi_wrap .box_wrap > div  > a.bottom:hover ul li{color:#ffc40c}

.busi_wrap .box_wrap > div  > a.bottom_right{width:100%;  background:#D8C631;display:inline-block; border:1px solid #D8C631 }
.busi_wrap .box_wrap > div  > a.bottom_right:hover{ background:#fff;display:inline-block; }
.busi_wrap .box_wrap > div  > a.bottom_right:hover ul li{color:#D8C631}


/* 능주향교 */
.njh_wrap{height:900px; background:#ede6dc; }
.njh_wrap .inner{}
.njh_wrap .inner .m_tit h3, .njh_wrap .inner .m_tit p{ text-align: left; }

.njh_wrap .inner .tob_box{width:100%;}
.njh_wrap .inner .tob_box > div{float:left;width:50%; vertical-align: top; text-align: center; }
.njh_wrap .inner .tob_box > div.left a{width:48%; margin:0 1%; float:left;position:relative;  z-index: 2}

.njh_wrap .inner .tob_box > div.left a:first-child p {width:180px; height:180px; display:inline-block; border-radius:50%; background:#fff url(/_NJ/images/nj_m01.jpg) center no-repeat;}
.njh_wrap .inner .tob_box > div.left a:last-child p {width:180px; height:180px; display:inline-block; border-radius:50%; background:#fff url(/_NJ/images/nj_m02.jpg) center no-repeat;}

.njh_wrap .inner .tob_box > div a dl dt{font-size:24px; color:#333;margin-bottom:25px; margin-top:33px;}
.njh_wrap .inner .tob_box > div a:hover dl dt{color:#ef6451}
.njh_wrap .inner .tob_box > div a dl dd{line-height:24px;}

.njh_wrap .inner .tob_box > div.right{position:relative}
.njh_wrap .inner .tob_box > div.right > a {position:relative; display:inline-block;  z-index: 2}
.njh_wrap .inner .tob_box > div.right > a li:last-child{font-size:36px; margin-top:15px; line-height:36px; }
.njh_wrap .inner .tob_box > div.right > a:hover li:last-child{ color:#ef6451}
.njh_wrap .inner .tob_box > div.right p{width:808px; height:644px; background:url(/_NJ/images/visual_m_pic02.png) center no-repeat; position:absolute; top:-335px; z-index:0; left:-150px;}

.njh_wrap .inner .bottom_box{margin-top:80px; border:0px solid #f00}
.njh_wrap .inner .bottom_box a{ display:block;float:left; width:24.25%; text-align: center; margin-right:1%;overflow:hidden;}
.njh_wrap .inner .bottom_box a:last-child(margin-right:0;)
.njh_wrap .inner .bottom_box a img{
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;	
}
.njh_wrap .inner .bottom_box a:hover img{
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);	
}
.njh_wrap .inner .bottom_box a ul li{font-size:24px; line-height:24px; color:#333;}
.njh_wrap .inner .bottom_box a ul li:first-child{width:265px; overflow: hidden; }
.njh_wrap .inner .bottom_box a ul li:last-child{margin-top:23px;}
.njh_wrap .inner .bottom_box a:last-child{margin-right:0px;}
.njh_wrap .inner .bottom_box a:hover ul li:last-child{ color:#ef6451}


/*  능성예절도서관  */
.library_m_wrap{ height:480px; background:url(/_NJ/images/visual_bt.jpg) center no-repeat; background-attachment: fixed; text-align: center;}
.library_m_wrap dl{padding-top:128px}
.library_m_wrap dl dt{ font-size:52px; font-weight:bold; color:#fff; line-height:52px}
.library_m_wrap dl dd:nth-of-type(1){ font-size:24px; color:#fff; line-height:24px; margin-top:35px;}

.library_m_wrap dl dd:nth-of-type(2) a{width:255px; height:83px; font-size:18px; margin-top:40px; color:#fff; text-align: left; padding-left:60px; display:inline-block;  background:url(/_NJ/images/btn_M_arrow.gif) 160px center no-repeat;  padding-top:30px; border:2px solid #fff; }
.library_m_wrap dl dd:nth-of-type(2) a:hover{  background:#f06351 url(/_NJ/images/btn_M_arrow.gif) 160px center no-repeat;  border-color:#f06351}





/*  달력 list */
.tb_cal table{}
.tb_cal table thead th{width:14.3%; height:45px;font-family: 'NotoSans-Medium'; color:#333; background:#f7f7f9; font-size:18px; vertical-align: middle; border:1px solid #e8e8e8; border-bottom:0px}
.tb_cal table thead th:first-child{color:#ce2029}
.tb_cal table thead th:last-child{color:#17499e}

.tb_cal table tbody td p{display:block; margin-bottom:10px;}
.tb_cal table tbody td:first-child p{color:#ce2029}
.tb_cal table tbody td:last-child p{color:#17499e}
.tb_cal table tbody td:hover{ background:#fcf6e0}
.tb_cal table tbody td ol li a:hover{color:#ff6600}

.tb_cal table tbody td{ padding:10px; height:110px; border:1px solid #e8e8e8}
.tb_cal .calendarDay{font-size:24px; margin-bottom:20px; text-align: center}
.tb_cal .calendarDay a{width:50px; height:50px; display:inline-block; border:1px solid #e8e8e8; padding-top:12px; margin-top:-5px; vertical-align: middle}
.tb_cal .calendarDay a:hover{background:#17499e; border-color:#17499e; color:#fff}
.tb_cal .calendarDay span{margin:0 20px; color:#333; }


/*  달력 view */
.tb_cal_view h4{height:50px; line-height:50px; font-size:22px; padding-left:30px; background:#07a5a6; color:#fff;}
.tb_cal_view table{margin-bottom:30px;}
.tb_cal_view table th{width:110px; height:55px; color:#07a5a6;  background:#f7f7f7;  border-top:1px solid #e8e8e8;  vertical-align: middle;  border-bottom:1px solid #e8e8e8}
.tb_cal_view table td{border-top:1px solid #e8e8e8;   vertical-align: middle; padding:0 25px; border-bottom:1px solid #e8e8e8}



/* login */
.adm_login_wrap{ text-align:center; margin-bottom:100px;}
.adm_login_wrap .pannel{width:650px;  height:480px; margin:0 auto; padding-top:60px; vertical-align:middle; text-align:center; border:1px solid #e5e5e5;}
.adm_login_wrap ul.text{}
.adm_login_wrap ul.text li h2{font-size:36px;color:#ef6451; margin-top:30px}
.adm_login_wrap ul.text li:last-child{ font-size:12px; color:#999999; line-height:18px; padding-top:20px;}

.adm_login_wrap .login_inner{width:455px;display:table; margin:0 auto}
.adm_login_wrap .login_inner p.line_H1_gray01{ margin:50px 0;}

.adm_login_wrap .login_form_wrap ul{width:320px; display:table-cell; vertical-align:top;}
.adm_login_wrap .login_form_wrap ul li input[type="text"]{width:340px; height:46px; padding:0 15px; vertical-align:middle; border:1px solid #e1e1e1}
.adm_login_wrap .login_form_wrap ul li input[type="password"]{width:340px; height:46px; padding:0 15px; vertical-align:middle; border:1px solid #e1e1e1}
.adm_login_wrap .login_form_wrap ul li:first-child{margin-bottom:10px;}
.adm_login_wrap .login_form_wrap p{ display:table-cell; vertical-align:top; width:106px; height:106px;}
.adm_login_wrap .login_form_wrap p button.login_customer{width:105px; height:102px; margin-left:10px; background:#ef6451; color:#fff; border-radius:5px;}
.adm_login_wrap .login_form_wrap p button.login_customer:hover{background:#ef6451;}

.adm_login_wrap .copyright{ font-size:12px; margin-top:20px; color:#999999}
.adm_login_wrap .copyright strong{ color:#bb9b6a; display:inline-block;}
.adm_login_wrap  a{ display:inline-block;  margin:0 auto; margin-top:50px;  text-align:center}

.btn_Ogray55_295{width:295px;height:55px; font-size:14px;  vertical-align:middle; line-height:55px; display:block; border:1px solid #999999; text-align:center; color:#333333; border-radius:3px; background:url("/_NJ/images/btn_bg_about_arrow_off.png") no-repeat 210px 22px;}
.btn_Ogray55_295 span{display:inline-block; margin-left:-30px;}
.btn_Ogray55_295:hover{ border-color:#e10029; color:#fff; background-color:#e10029}


/* 이메일주소무단수집거부 */
.email_wrap{}
.email_wrap > div{ border:1px solid #e8e8e8; padding:50px; margin-bottom:100px}
.email_wrap p{padding:30px; line-height:24px; background:#f7f7f9; margin-bottom:50px;}
.email_wrap dl dt{ font-size:18px; line-height:28px; color:#333; margin-bottom:15px;}
.email_wrap dl dd{  line-height:24px; margin-bottom:10px}


/* 회원약관*/
.agreement{ margin-bottom:100px; line-height:24px;}
.agreement > b{font-size:20px; color:#333; line-height:20px; display:block; margin-bottom:30px;}
.agreement > strong{font-size:18px; color:#333; line-height:18px; display:block; margin-bottom:20px; margin-top:40px;}

/* 개인정보 처리방침 */
.privacy{}
.privacy{margin-bottom:100px; line-height:24px;}
.privacy > b{font-size:20px; color:#333; line-height:20px; display:block; margin-bottom:30px;}
.privacy > strong{font-size:18px; color:#333; line-height:18px; display:block; margin-bottom:20px; margin-top:40px;}


/*회원가입 */
.join_wrap{margin-bottom:100px;}
.join_wrap p{margin-bottom:30px;}
.join_wrap p strong{color:#ff6600}
.join_wrap dl > dt{margin-bottom:15px;  font-family: 'NotoSans-Medium'; color:#333;}
.join_wrap dl > dd{border:1px solid #e8e8e8; height:300px; overflow-y: scroll; padding:30px; margin-bottom:50px;}
.join_wrap dl > dd .agreement{width:100%; }
.join_wrap dl > dd .privacy{width:100%; }

.join_wrap ul{}
.join_wrap ul li{ text-align:center}
.join_wrap ul li strong{font-family: 'NotoSans-Medium'; color:#333;}
.join_wrap ul li input.agreecheck{ width:25px; height:25px; margin-right:5px; }

.join_wrap ul li.btn_group{margin-top:50px;}
.join_wrap ul li.btn_group input{width:150px; color:#fff; height:50px; margin:0 5px; text-align: center;}
.join_wrap ul li.btn_group input:hover{ cursor:pointer}
.join_wrap ul li.btn_group input:first-child{ background:#666}
.join_wrap ul li.btn_group input:last-child{ background:#ef6451}


.join_form{ margin-bottom:100px;}
.join_form p{ line-height:24px; margin-bottom:15px;}
.join_form p strong{color:#ff6600}

.join_form .tb_sty02 tbody th span{color:#ff6600}
.join_form .tb_sty02 input{height:30px; line-height:30px; border:1px solid #e8e8e8}
.join_form .tb_sty02 select{height:30px; line-height:30px; border:1px solid #e8e8e8}
.join_form .tb_sty02 td > div{ line-height:24px; font-size:13px; margin-top:5px;}
.join_form .tb_sty02 td > div input{margin:5px 0}
.join_form .tb_sty02 td > div input[type="checkbox"]{width:18px; height:18px; margin-right:5px;}
.join_form .tb_sty02 td input[type="button"]{height:30px; padding:0 15px; background:#bb9b6a;color:#fff; font-size:15px; line-height:28px; border:1px solid #e8e8e8}

.join_form .btn_group{margin-top:50px; text-align: center}
.join_form .btn_group input{width:150px; color:#fff; height:50px; margin:0 5px; text-align: center;}
.join_form .btn_group input:hover{ cursor:pointer}
.join_form .btn_group input:first-child{ background:#666}
.join_form .btn_group input:last-child{ background:#ef6451}

/* 교육신청 */
.send_form{ margin-bottom:100px;}
.send_form p{ line-height:24px; margin-bottom:15px;}
.send_form p strong{color:#ff6600}

.send_form .top{border-top:1px solid #333; }
.send_form .top table th { width:130px;  padding-left:10px;}
.send_form .top table th span{color:#ff6600}
.send_form .top table td input{height:35px;  padding:0 10px; line-height:35px; border:1px solid #e8e8e8}
.send_form .top table td.title{ font-size:24px; color:#ff6600; line-height:32px;}
.send_form .top table td.phone input{width:60px;}
.send_form .top table td input.num{width:60px;}
.send_form .top table td input.date{width:160px;}
.send_form .top table td label{margin-right:15px;}
.send_form .top table td label input[type="checkbox"]{width:18px; height:18px; margin-right:5px;}

.send_form .top table td ul li:first-child{ margin-bottom:5px;}
.send_form .top table td ul li .address{ height:35px; padding:0 15px; margin-left:5px; line-height:35px; background:#666; color:#fff;} 


.send_form > dl{margin-top:50px;}
.send_form > dl dt{ font-size:18px; font-family: 'NotoSans-Medium'; color:#333; margin-bottom:15px;}
.send_form > dl dd:nth-of-type(1){height:210px; line-height:24px; overflow-y: scroll; border:1px solid #e8e8e8; padding:20px; margin-bottom:30px;}
.send_form > dl dd:nth-of-type(1) strong{ font-family: 'NotoSans-Medium'; display:block; color:#333; margin-bottom:10px;}
.send_form > dl dd:nth-of-type(2){ text-align:center}
.send_form > dl dd:nth-of-type(2) input[type="checkbox"]{width:18px; height:18px; margin-right:5px;}

.send_form .btn_group{margin-top:50px; text-align: center}
.send_form .btn_group input{width:150px; color:#fff; height:50px; margin:0 5px; text-align: center;}
.send_form .btn_group input:hover{ cursor:pointer}
.send_form .btn_group input:first-child{ background:#666}
.send_form .btn_group input:last-child{ background:#ef6451}


/* 사이트 맵*/
.sitemap{margin-bottom:100px;}
.sitemap > dl{width:100%;  display:table; margin-bottom:15px;}
.sitemap > dl > dt{ width:20%; padding-top:25px;  border-top:2px solid #07a5a6; font-size:22px; line-height:23px; display:table-cell;vertical-align:top;}
.sitemap > dl > dt a{ color:#07a5a6;}
.sitemap > dl > dd{width:80%; padding-top:35px;padding-left:50px; border-top-width:1px; border-top:1px solid #dfdfdf;  display:table-cell; }

.sitemap > dl > dd .depth2 dl{}
.sitemap > dl > dd .depth2 ul{width:100%;  margin-bottom:20px;}
.sitemap > dl > dd .depth2 ul li{width:25%;  }

.sitemap > dl > dd .depth2 ul li a{line-height: 35px; }
.sitemap > dl > dd .depth2 ul li a:hover{color:#ef6451}
.sitemap > dl > dd .depth2 ul li > dl.depth3 dd{padding-left:10px}
.sitemap > dl > dd .depth2 ul li > dl.depth3 dd a{ color:#888; padding-left:12px; background: url(../images/bullet_gray.gif) 5px center no-repeat; line-height: 24px; }

/*온고지신-임시마진*/
.chungcheul_wrap.mb300 {margin-bottom:300px;}