@charset "utf-8";

@import url(menu.css);

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


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


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

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


@font-face {
  font-family: 'NanumMyeongjo';
   src: url('../_font/NanumMyeongjo.eot');
  src: url('../_font/NanumMyeongjo.eot@#iefix') format('embedded-opentype'),
		url('../_font/NanumMyeongjo.woff2') format('woff2'),
		url('../_font/NanumMyeongjo.woff') format('woff'),
       url('../_font/NanumMyeongjo.ttf') format('truetype'),
       url('../_font/NanumMyeongjo.svg#NanumMyeongjo') 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:'맑은고딕', 'Malgun Gothic', '돋움', Verdana; color:#555; font-size:13px;
}

 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:'맑은고딕', 'Malgun Gothic', '돋움', Verdana;  font-size:13px;
 }

#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: 'NanumBarunGothic';*/
}


input, textarea{ font-family: '맑은고딕', 'Malgun Gothic', '돋움', Verdana;  }

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

input[type=password]:focus {
/* font-family:'NanumGothic700', '맑은고딕', '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**********/

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


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

/* 탑 */
#top{background:#FFF; border-bottom:1px solid #ddd; position:fixed; z-index:100; width:100%;}
.t_menu > div, .logo_vis > div{width:1200px; margin:0 auto;}

.t_menu{background-color:#3f61b2;}
.t_menu > div{text-align:right; height:40px; box-sizing:border-box; padding-top:10px; padding-right:5px;}
.t_menu > div > a{color:#fff; padding:5px 12px; border-radius:5px; border:1px solid #6f8ed8;}
.t_menu > div > a:hover, .t_menu > div > a.on{background:#fff; color:#3f61b2;}


/* 메뉴 */
.menu_logo{width:1200px; margin:0 auto; overflow:hidden; color:#333; box-sizing:border-box; position:relative;}
.site_map{position:absolute; right:2px; top:19px; padding-right:5px;}

.logo, #m_menu{float:left;}
.logo > a > img{width:265px; height:70px; padding-top:15px;}

#m_menu{overflow:hidden; margin-left:50px;}

#m_menu .ul_wrap{text-align:right; font-size:0;}
.m_menu_ul > li{display:inline-block;}
.m_menu_ul > li > a{padding-top:30px; padding-bottom:30px; font-family:'NanumGothic700'; font-size:19px; display:inline-block; box-sizing:border-box; color:#222; padding-right:20px; padding-left:20px; position:relative; z-index:10;}
.m_menu_ul > li > a:hover{color:#3f61b2;}

/* 서브메뉴 */
.snb_wrap{display:none; width:100%; height:280px; position:absolute; z-index:9; top:129px;  background-color:#f3f3f3; border-bottom:1px solid #ddd;}
.snb{width:1200px; height:279px; margin:0 auto; overflow:hidden; background:url(../img/sub_bg.png) no-repeat left top;}
.snb_ul{position:relative; list-style:none; color:#555; text-align:left; padding-bottom:25px; padding-top:25px;}

.snb_ul > li{display:inline-block; height:280px;}
.snb_ul > li:nth-child(1){position:absolute; left:325px;}
.snb_ul > li:nth-child(2){position:absolute; left:443px;}
.snb_ul > li:nth-child(3){position:absolute; left:628px;}
.snb_ul > li:nth-child(4){position:absolute; left:800px;}
.snb_ul > li:nth-child(5){position:absolute; left:946px;}
.snb_ul > li:nth-child(6){position:absolute; left:1047px;}

.snb_ul > li > ul{height:280px; overflow:hidden;}

.sub_menu_li{line-height:2.3em; text-align:left;}
.sub_menu_li a{font-family:'NanumBarunGothic';font-size:15px; color: #555; padding-left:20px;}
.sub_menu_li a:hover{color:#3f61b2; text-decoration:underline; font-weight:bold;}

/*메인 비주얼*/
.main_vis {padding-top:129px;}

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


/* 하단 */
#bottom{background-color:#f3f3f3; box-sizing:border-box; padding-top:35px; padding-bottom:35px;}
#bottom > div{width:1200px; margin:0 auto; padding-right:25px; box-sizing:border-box;}

#bottom > div:nth-child(1){color:#555; margin-top:15px; box-sizing:border-box;}
#bottom > div:nth-child(1) > span{padding-left:3px; padding-right:3px; color:#999; box-sizing:border-box;}

#bottom > div.copy{margin-top:10px; box-sizing:border-box; color:#767676; font-size:12px; position:relative;}
#bottom > div > div.b_logo{
	position: absolute;
	right: 68px;
	top: -75px;
}
#bottom > div > div.bn_logo{
	position: absolute;
	right: 205px;
	top: -55px;
}
#bottom > div > div.c_logo{
	position: absolute;
	right: 378px;
	top: -52px;
}


/* 반응형 적용부분 */
@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:210px; height:55px;}

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

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

@media screen and (max-width: 630px) {

/* 메뉴 */
.menu_tit > a > img{width:215px; height:43px; padding-top:10px;}

}

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