@charset "utf-8";

@import url(menu.css);

@font-face {
  font-family: 'NanumSquareR';
   src: url('../_font/NanumSquareR.eot');
  src: url('../_font/NanumSquareR.eot?#iefix') format('embedded-opentype'),
		url('../_font/NanumSquareR.woff2') format('woff2'),
		url('../_font/NanumSquareR.woff') format('woff'),
       url('../_font/NanumSquareR.ttf') format('truetype'),
       url('../_font/NanumSquareR.svg#NanumSquareR') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'NanumSquareB';
   src: url('../_font/NanumSquareB.eot');
  src: url('../_font/NanumSquareB.eot?#iefix') format('embedded-opentype'),
		url('../_font/NanumSquareB.woff2') format('woff2'),
		url('../_font/NanumSquareB.woff') format('woff'),
       url('../_font/NanumSquareB.ttf') format('truetype'),
       url('../_font/NanumSquareB.svg#NanumSquareB') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'GyeonggiTitle';
    src: url('../_font/GyeonggiTitleL.eot');
    src: url('../_font/GyeonggiTitleL.eot?#iefix') format('embedded-opentype'),
        url('../_font/GyeonggiTitleL.woff2') format('woff2'),
        url('../_font/GyeonggiTitleL.woff') format('woff'),
        url('../_font/GyeonggiTitleL.ttf') format('truetype'),
        url('../_font/GyeonggiTitleL.svg#GyeonggiTitleL') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* reset style [start] */
html, body, div, span, object, iframe,
h1, h3, h4, h5, h6, h7, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, img, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{margin: 0;
padding: 0;
border:0;
line-height: 1.5em;
font-size: 13px;
LIST-STYLE-TYPE: none;
list-style:none;
word-break: break-all;
font-family:'Noto Sans KR', sans-serif; 
letter-spacing:-1px;
}

 i{
margin: 0;
padding: 0;
border:0;
line-height: 1.5em;
font-size: 13px;
LIST-STYLE-TYPE: none;
list-style:none;
word-break: break-all;
font-family:'Noto Sans KR', sans-serif; 
 }

#accessibility { display:none}/*웹접근성_ 반복메뉴건너뛰기*/
/* 일반적으로 accessibility라는 클래스를 두어 html에서 디자인상 감추고 싶은 부분을 지정한다 */

/*html {overflow-x:hidden;}*/
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,caption,label,input,textarea,button,select,iframe,object,header,footer,nav,hgroup,section,article,aside{margin:0;padding:0;}
img,a,span,abbr,address,pre,code,del,em,strong,sub,sup{margin:0;padding:0;}

br {letter-spacing:normal;}


input,textarea,select,button {font-size:12px;}
button {background: none repeat scroll 0 0 #FFF; border: medium none;cursor: pointer; margin: 0;padding: 0;vertical-align: middle;}
legend {margin:0;padding:0;display:none;}
img{border:0 none; /*vertical-align:top;*/}
input {vertical-align:middle;line-height:16px;}
textarea,select {vertical-align:middle;}
ul,ol,li,dl,dt,dd{list-style:none;vertical-align:top; list-style-position: inside;}
a{text-decoration:none;color:#555;}

.displayhidden{ position:absolute; left : -10000px; top:0px; height : 1px; width : 1px; }
/* vertical-align: baseline; outline: 0; ie 외 브라우저 포커싱 사라지는 문제로 제거 */

/*body {overflow-y:scroll; overflow-x:hidden;} */
* {box-sizing: border-box;}

/**그누 신규**/

.cont *, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

.cont *{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	/*font-family: 'NanumSquareR';*/
}


input, textarea{ font-family:'Noto Sans KR', sans-serif;   }

 
input[type=text]:focus,  textarea:focus,select:focus {
/*font-family: 'NanumSquareR';*/
}

input[type=password]:focus {
/* font-family:'NanumSquareB', '맑은고딕', 'Malgun Gothic', '돋움', Verdana; */
}

.placeholdersjs { color: #aaa !important; }

/**그누 신규**/


/*기존있던 css */

/* tables still need 'cellspacing="0"' in the markup */
table {border-spacing:0; overflow:hidden;} /* border-collapse: collapse; ff에서 border="0" 인 경우 문제 발생 */
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;} /* font-weight:normal */

a {text-decoration:none;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}

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

/* 헤딩태그와 필드셋은 웹접근성(만)을 위한 대표적인 태그로 일반적으로는 감춘다. */

#png img {_filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}

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


/*********CUSTOM**********/

body{min-width:600px;}

/* 정렬 */
.fl{float:left;}
.fr{float:right;}
.cb{clear:both;}
.oh{overflow:hidden;}


/* 가운데 맞춤 */
#wrap{width:100%;}

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

/* 메뉴 */
.menu_wrap {width:100%; height:98px; z-index:2; position:fixed; background:#fff;}
.menu_logo{width:1200px; margin:0 auto; color:#333; box-sizing:border-box; position:relative;}
.m_menu_logo {display:inline-block; text-align:left !important;}

.m_menu_ul > li{display:inline-block; width:calc( 99.9% / 7 ); float:left; text-align:center;}
.m_menu_ul > li > a {font-family:'NanumSquareB'; font-size:19px; display:inline-block; box-sizing:border-box; color:#222; position:relative; z-index:10; padding:10px 0px; height:98px; line-height:78px;}
.m_menu_ul > li > a:hover{color:#0554b3;}
.m_menu_ul > .m_menu_sitemap {padding:10px 0;}
.m_menu_ul > .m_menu_sitemap > a {height:auto; line-height:normal; font-size:17px; padding:5px; border-radius:5px; color:#0092dd; border:1px solid #0092dd; background:#fff; display:inline-block; width:91px; margin:5px 0;}
.m_menu_ul > .m_menu_sitemap > a:hover, .m_menu_ul > .m_menu_sitemap > a.on {background:#0092dd; color:#fff;}
.m_menu_li > ul {background:#0073c1; min-width:calc( 99.9% / 7 ); width:auto; padding:15px; position:absolute; z-index:2;}

.sub_menu_li {line-height:2.1em; text-align:center;}
.sub_menu_li a {position:relative; font-size:15px; color: #fff; padding:5px 20px; width:100%; display:inline-block;}
.sub_menu_li a:hover, .sub_menu_li a:focus {color:#a0d0f0;}
.m_menu_ul > li > a:focus, a:focus {outline: 1px solid #00446b;}

#menu_wrap{ width:100%; clear:both; height:50px; position:fixed; z-index:12; top:0; }
#menu_bak{ width:300px; height:100%; background-color : #eeeff3; position: absolute; box-shadow: 5px 0px 5px rgba(131, 131, 131, 0.3); z-index:1; }
.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{ height:90px; width:100%; text-align:center; background-color:#fff; padding:10px 0; transition: all 0.7s ease .1s; line-height:66px;}
.menu_tit > a{ font-size:20px; font-weight:30px; }
.close { width: 60px; height: 60px; position: absolute; right: 0px; top: 0px; background-image: url("./images/close.png"); background-size: 60px; background-repeat: no-repeat; background-position: center; cursor: pointer; z-index:11;}
.close_tit {font-family:'Noto Sans KR', sans-serif; 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:#35a7e3; }

#menu_btn { width: 300px; /*365px*/ 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; }
#mobile_menu{ display:block; height:100%; background-color: #f1f1f1;  overflow-y: scroll;}

/* 900이상 큰 메뉴*/
@media screen and (min-width: 1230px) {
	#mobile_menu{ display:none; }
	.m_btn, .close, .menu_tit{ display:none; }
	#menu_btn{ display:block; left:0px; }
	#menu_wrap{ height:0px; display:none;}
}
@media screen and (max-width: 1230px) {
	#mobile_menu{ display:block;  }
	#menu_btn { width: 300px; left: -300px; }
	#menu_wrap{display:block;	}
    .menu_tit{display:block;}
	.menu_wrap {height:90px; background:none;}

	.t_menu {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; }
.mb_menu .menu_link a {color: #4D4D4D; font-family:'NanumSquareB','맑은고딕', 'Malgun Gothic', '돋움', Verdana; font-size: 17px; position: relative;}
.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); }

#mb_menu > li > div > i.fa.fa-database:before{
	content: "";
	position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
}

/* 서브메뉴 */
.submenu { display: none; background: #ffffff;}
.submenu > li {  text-align:left; 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; 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:before {content:"-"; margin-left:-12px; margin-right:5px;}
.submenu > li > ul >li a:hover{ background:none; color: #3f61b2; }

/* 중간 */
#middle > div:nth-child(1){width:100%; position:relative;}

/* 하단 */
.bottom {background:#252525; width:100%; padding:15px 0px;}
.maxwid {width:100%; max-width:1200px; margin:0 auto;}
.bottom1 {padding-bottom:15px;}
.bottom1 li {width: auto; display: inline-block;}
.bottom1 li img {vertical-align: middle;}
.bottom1 li a {padding: 0px 15px; color:#fff; font-weight:bold; font-size: 17px; vertical-align: top;  display: inline-block; background:url('/_img/bquick_bg.png') no-repeat right center;}
.bottom1 li:last-child > a {color:#ffde00; background:none;}
.wa{top: -30px;right: 20px;position: absolute;}
.bquick {display: inline-block;}

.bquick > li:nth-child(1) a {padding-left: 0px;}
.bottom2 {clear: both; background:#252525; border-top:1px solid #48545e; padding-top:30px; margin-bottom:50px;}
.bottom2 > .maxwid {background:url('/img/logo_b.png') no-repeat right center; position:relative;}
.btxt1 {color:#fff; font-size:14px;}
.btxt2 {color:#727d81; padding-bottom: 20px; padding-top:10px; font-size:14px;}
.content {min-height: 500px; padding-bottom:50px;}
.white option {background: rgb(255, 255, 255); color: rgb(34, 34, 34);
}
@media screen and (max-width:1230px)
{
	.bottom1 {padding-left: 20px;}
	#pc_menu {display: none;}
	#m_menu {display: block;}
	.maxwid {width: 100%;}
	.btxt1 {padding-right: 20px; padding-left: 20px;}
	.btxt2 {padding-right: 20px; padding-left: 20px;}
	.mgnb_wrap {height: 75px;}
}
@media screen and (max-width:900px)
{
	.bquick {width: 100%;}
	.bquick > li {width: 100%; text-align: center; border-left-color: currentColor; border-left-width: 0px; border-left-style: none;}
	.bquick > li a {padding: 0px; text-align: center; border-right-color: currentColor; border-right-width: 0px; border-right-style: none;}
	.bquick > li:nth-child(4){margin-left:0;}
	.select {margin: 20px auto 0px; float: none; display: block;}
}


/* 반응형 적용부분 */
@media screen and (max-width: 1230px) {

/* 상단 */
.t_menu > div, .logo_vis > div{width:100%;}
.t_menu > div{position:fixed; left:0; top:80px; background-color:#3f61b2; z-index:10;}

/* 메뉴 */
.menu_logo{display:none;}
.menu_tit > a > img{width:107px; height:66px;}

/* 하단 */
#bottom > div{width:100%;}
}

@media screen and (max-width: 870px) {
#bottom > div > div.b_logo{display:none;}


.wa{top: 0px;right: 0px;position: relative; text-align:center;}

}

label strong { position:absolute; left : -100000px; }



/* 배너 */
div.helium-slider{
    width: 100%;
    position: relative;
    margin: 0;
	height:262px;
    }
div.helium-slider div.slide-window{
    width: 100%;
    overflow:hidden;
    position: relative;
    margin: 0;
    transition: height 0.5s ease;
    }

div.helium-slider.loading{ background: url('/_main/img/loading.gif') no-repeat center center; }
div.helium-slider ul.slide-holder{
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: relative;
    opacity: 0;
    }
div.helium-slider ul.slide-holder li{
    position: relative;
    float:left;
    }
div.helium-slider ul.slide-holder li.loop{
    position: absolute !important;
    float:none !important;
    }
div.helium-slider ul.slide-holder li .pane{ position: absolute; }

/*==== customizable elements ====*/
div.helium-slider .next, div.helium-slider .prev{
    cursor: pointer;
    z-index: 11;
    display:block;
  }
div.helium-slider ul.slide-holder li .caption{
    left: 10%;
    bottom: 20px;
    }
div.helium-slider ul.slide-holder li .caption2{
    right: 10%;
    bottom: 20px;
    }
div.helium-slider ul.slide-holder li .caption3{
    left: 50%;
    top: 20px;
    }

div.helium-slider .pauser{
    display: inline-block;
    border-right: 3px solid #fff;
    border-left: 3px solid #fff;
    width: 8px;
    height: 12px;
    z-index: 11;
    text-indent: -9999px;
	text-align: left;
    vertical-align:top;
    }

div.helium-slider .controls.on .player:hover, div.helium-slider .controls.on .pauser:hover{
    opacity: 0.85;
    }
div.helium-slider .pauser.paused{
    opacity: 1 !important;
    }

div.helium-slider .controls.on{
    z-index: 11;
	display:inline-block;
	padding: 3px;
}
div.helium-slider .controls.on .pauser{
    position: static;
}
div.helium-slider .controls.on .paused.player{
    display: inline-block;
    text-indent: -9999px;
    vertical-align:top;
    width:3px;
    border-top: 6px solid transparent;
    border-right: none;
    border-bottom: 6px solid transparent;
    border-left: 8px solid white;
}

div.helium-slider ul.slide-nav.thumbnails li{
    max-width: 10%;
}
div.helium-slider ul.slide-nav.thumbnails li a{
    background:none;
    height:auto;
    width:auto;
    border-radius: 0;
    border:2px solid transparent;
    display: inline-block;
    box-shadow:  0 2px 4px rgba(0,0,0,0.3);
}
div.helium-slider ul.slide-nav.thumbnails li a img{
    max-width: 100%;
}
div.helium-slider ul.slide-nav.thumbnails li.active a{ background: none; border:2px solid #eee; }

div.helium-slider .next{display:none;}
div.helium-slider .prev{display:none;}

div.helium-slider ul.slide-nav > li {display:inline-block;}
div.helium-slider ul.slide-nav > li > a {display:inline-block; width:19px; height:19px; border:2px solid #fff; border-radius:19px;}
div.helium-slider div.slide-window > ul > li > .slide > a > img {width:100%;}
div.helium-slider ul.slide-nav > .active > a {width:30px; height:19px; border-radius:10px; background:#fff;}

@media screen and (max-width:990px) {
	div.helium-slider{height:auto; padding-bottom:39px;}
}

/*하단 배너*/
.robanner_zone{padding:20px; background:#f5f5f5; width:100%;}
.banner{width:100%; max-width:1200px; margin:0 auto; height:55px; position:relative;}
.banner_btn_left{float:right; position:absolute; top:4px; right:108px;}
.banner_btn_pause{float:right; position:absolute; top:4px; right:15px;}
.banner_btn_right{float:right; position:absolute; top:4px;right:62px;}
.banner_img{width:calc( 100% - 200px ); margin:0 auto 0 0; overflow:hidden;}
.banner_img > ul > li {display:inline; padding:0 15px;}

@media screen and (max-width: 1230px) {
	.robanner_zone {padding:20px 20px;}
}

@media screen and (max-width:500px) {
	.banner_img {width:100%;}
	.banner_btn_left, .banner_btn_pause, .banner_btn_right {position: absolute; left: -10000px; width: 1px; height: 1px; overflow: scroll;}
}

.adm_btn{ float:right; padding:8px 15px; border-radius:10px; background: #352b4a; color:#ffffff; display:inline-block; }
.edit_btn{  padding:4px 8px; border-radius:10px; background: #5e7d00; color:#ffffff; display:inline-block; }
.del_btn{ padding:4px 8px; border-radius:10px; background: #514174; color:#ffffff; display:inline-block; }
.mge_btn{ padding:4px 8px; border-radius:10px; background:#224a87; color:#ffffff; display:inline-block; }