@charset "utf-8";

.displayhidden{position:absolute; left:-10000px; width:1px; height:1px; overflow:scroll;}

.maxwidth{ width:100%; padding:0 20px;  max-width:1240px; margin:0 auto;}

/* 탑 */
#top { width:100%;}

.t_menu {border-top:3px solid #f9756f;border-bottom:1px solid #ccc;background:#fff; height:95px;}
.t_menu div{ text-align:center;padding: 20px 0; }

#m_menu{overflow:hidden;  width:100%; background:#fff; height:62px;}

#m_menu .ul_wrap{ overflow:hidden;}
.m_menu_ul > li { float:left; display:inline-block; text-align:center;}
.m_menu_ul > li:nth-child(1),.m_menu_ul > li:nth-child(2),.m_menu_ul > li:nth-child(3){width: calc( 45% / 3 );}
.m_menu_ul > li:nth-child(4),.m_menu_ul > li:nth-child(5),.m_menu_ul > li:nth-child(6){width: calc( 55% / 3 );}
.m_menu_ul > li > a {font-size:18px; display:inline-block;  height:62px;line-height:62px;  color:#333; font-weight:bold; position:relative; }
.m_menu_ul > li > a:hover{border-bottom:3px solid #f9756f;}

.snb_wrap{display:none; width:100%; margin:0 auto; height:180px; position:absolute; top: 157px; z-index:99;}
.snb{ height:180px; margin:0 auto; overflow:hidden;  background:#f5f5f5; }

.snb_ul > li { float:left; display:inline-block; text-align:center;}
.snb_ul > li:nth-child(1),.snb_ul > li:nth-child(2),.snb_ul > li:nth-child(3){width: calc( 45% / 3 );}
.snb_ul > li:nth-child(4),.snb_ul > li:nth-child(5),.snb_ul > li:nth-child(6){width: calc( 55% / 3 );}

.sub_menu_ul{padding: 30px 0;}
.sub_menu_li { padding: 4px 0;}
.sub_menu_li a{font-size:14px; color: #555; }
.sub_menu_li a:hover{color:#f9756f; font-weight:bold;}

#menu_wrap{display:none;}


#menu_wrap{ width:100%; clear:both; height:50px; position:fixed; z-index:12; top:0; display:none;}
.open { overflow: hidden; }
.m_btn { width: 50px; height: 50px; position: absolute; left : 5px; top:17px; z-index: 1;  background-image: url("/_img/sitemap_logo.png"); background-repeat: no-repeat; background-position: center; cursor: pointer; }

.menu_tit{ border-bottom:1px solid #ccc; height:80px;float:center; width:100%; text-align:center; background-color:#fff; padding-top:10px; transition: all 0.7s ease .1s;}
.menu_tit > a{ font-size:20px; font-weight:30px; }
.close { width: 60px; height: 60px; position: absolute; right: 0px; top: 0px; background-image: url("../_css/images/close.png"); background-size: 60px; background-repeat: no-repeat; background-position: center; cursor: pointer; z-index:11;}
.close_tit {text-align:left; color: #ffffff; font-size: 19px; line-height:24px; padding:7px; padding-left:15px; width: 246px; height: 60px; position: absolute; left: 0px; top: 0px; cursor: pointer; z-index:11; background-color:#f9756f; }

#mobile_menu{ display:block; height:100%; background-color: #f1f1f1;  overflow-y: scroll;}

#menu_btn { width: 300px; height: 100%; position: fixed; top: 0px; left: -365px; z-index: 10; text-align: center; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; }
#menu_btn.open { left: 0px; }

.page_cover.open { display: block; }
.page_cover { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.4); z-index: 4; display: none; }


.fa-chevron-up:before{content:"∨"}
.fa-chevron-down:before{content:"∨"}
.mb_menu { width: 100%; max-width: 360px; margin: 60px auto 20px; background: #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.mb_menu .menu_link { cursor: pointer; display: block; padding: 15px 0px 15px 0px; color: #4D4D4D; font-family:'NanumSquareB','맑은고딕', 'Malgun Gothic', '돋움', Verdana; font-size: 17px; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.menu_link{ background-color: #f1f1f1; margin-top:-1px;}
.etcbg{background:#d8e8f1;}

.mb_menu li i { position: absolute; top: 16px; left: 12px; font-size: 18px; color: #595959; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

.mb_menu li i.fa-chevron-down { right: 12px; left: auto; font-size: 16px; font-style:normal; }
.mb_menu li.open .menu_link { color: #3f61b2; }
.mb_menu li.open i { color: #493d3a; }
.mb_menu li.open i.fa-chevron-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }


.submenu { display: none; background: #ffffff;}
.submenu > li {  text-align:left; background:url('../_css/images/dot.png') no-repeat left 20px; padding-left :20px;}
.submenu > li a {  display: block; text-decoration: none;  color: #555555; padding: 10px; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease;  font-size: 14px; }
.submenu > li a:hover {color: #3f61b2; font-weight:bold;}
.submenu > li > ul >li{text-align:left; background:url('../img/loc_section.jpg') no-repeat left 5px; padding-left :15px; margin-left:20px;}
.submenu > li > ul >li a {display: block; text-decoration: none;  color: #555555; padding: 12px; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; font-size:12px; }
.submenu > li > ul >li a:hover{ background:none; color: #3f61b2; }


#mb_menu > li > div > i.fa.fa-database:before{
	content: "";
}

.banner_wrap{width:100%; border-top:1px solid #ccc;padding:10px 0; }
.banner{ margin:0 auto;height:auto; position:relative;}
.banner_btn_left{float:right; position:absolute; top:10px; right:80px;}
.banner_btn_pause{float:right; position:absolute; top:10px; right:40px;}
.banner_btn_right{float:right; position:absolute; top:10px;right:0px;}
.banner_img{width: 100% ; margin:0 auto; overflow:hidden; }
.banner_img > ul >li {display:inline; padding:0 3px;}

#bannerImg{width: calc( 100% - 140px ); }

.footer{ background:#323335; }
.footer_list{ border-bottom:1px solid #454545; overflow:hidden; padding: 15px 0; }
.footer_list li a { color:#bcbcbc; font-size:1.2em; height:1.2em; padding: 0px 20px; border-right:1px solid #454545; float:left; }
.footer_list li:nth-child(1) a{ padding-left:0; }
.footer_list li a.strong { color:#f9a41e; }
.footer_list li a.adm { color:#aeff60; }

.footer_list li:last-child a{ border-right:0; }

.txt1{ color:#bcbcbc; margin-bottom:20px; margin-top:30px; font-size:1.2em;}
.txt2{ color:#bcbcbc; padding-bottom:80px;font-size:1.2em;}

.gall_list ul{overflow:hidden;}
.gall_list li{float:left; padding-right:15px;}
.gall_img{ border:1px solid #ccc; background: #fff; padding:5px; margin-bottom:10px;}
.gall_img img{border:1px solid #ccc;}
.gall_tit3{font-size:17px;color:#232323;margin-bottom:5px;}
.gall_tit4{font-size:15px; color:#555;}

@media screen and (max-width: 1220px) {
	.footer_list li:nth-child(1) a{ padding-left:20px; }
	.txt1{ padding-left:20px; padding-right:20px;  }
	.txt2{ padding-left:20px; padding-right:20px; }
		
	.banner{width:100%;}
}

@media screen and (max-width: 1200px) {
	#top{display:none;}
	#menu_wrap{display:block;}
	#mobile_menu{ display:block;  }
	#menu_btn { width: 300px; left: -300px; }
	#menu_wrap{height:50px; display:block;}    
	.m_btn, .close, .menu_tit {display:block;}	
	.main_p_wrap {margin-top:90px;}
}


@media screen and (max-width: 700px) {
	#bannerImg{width: 100% ; }
	.banner_btn_left{display:none;}
	.banner_btn_pause{display:none;}
	.banner_btn_right{display:none;}
}