@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: '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;
}

@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;
LIST-STYLE-TYPE: none;
list-style:none;
word-break: break-all;
font-family:'Noto Sans KR', sans-serif; 
}

 i{
margin: 0;
padding: 0;
border:0;
line-height: 1.5em;
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; font-size:15px;}

 
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**********/

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

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

.t_menu{background:#fff;}
.t_menu > div {max-width:1200px; margin:0 auto; width:100%; height:45px; box-sizing:border-box;text-align:right;}
.t_menu > div > a {color:#232323; font-size:15px; padding:0px 10px; display:inline-block; vertical-align:middle; border-right:1px solid #999; margin-top:10px;}
.t_menu > div > a:last-child {border-right:0;}
.t_menu > div > a:hover, .t_menu > div > a.on {color:#6267a1;}
.t_menu > div > a > img {margin-left:10px; vertical-align:middle;}


/* 메뉴 */
.menu_wrap {width:100%; border-top:1px solid #ddd; background:url('/_img/menu_line_bg.png') no-repeat center 96px; position:absolute; z-index:10000; background-color:#fff; box-shadow:#eee 0px 7px 10px 5px;}
.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:275px; height:70px; padding-top:15px;}

#m_menu{overflow:hidden; width:100%;}

#m_menu .ul_wrap{text-align:right; font-size:0;}
.m_menu_ul > li {display:inline-block; width:calc( ( 100% - 360px ) / 5 ); float:left; text-align:center;}
.m_menu_ul > li:first-child {width:360px;}
.m_menu_ul > li:first-child > a {padding:20px 0px; text-align:left;}
.m_menu_ul > li:last-child {border-right:0px;}
.m_menu_ul > li > a {width:100%; font-size:22px; display:inline-block; box-sizing:border-box; color:#232323; padding:31.5px 0px; position:relative; z-index:10; text-align:center;}
.m_menu_ul > li > a:hover{color:#6267a1;}
.m_menu_ul > li > ul {display:inline-block; padding:20px 0px; position:absolute; width:100%; top:100px; margin-left:-130px;}

/* 서브메뉴 */
.sub_menu_li {line-height:2.1em; text-align:left;}
.sub_menu_li a {font-size:15px; color: #555; padding-left:20px; text-align:left; margin-bottom:5px; display:inline-block;}
.sub_menu_li a:before {content:""; width:4px; height:4px; border-radius:5px; display:inline-block; vertical-align:middle; margin-right:5px; margin-left:-12px; background:#676767;}
.sub_menu_li a:hover{color:#6267a1; font-weight:bold;}
.sub_menu_li a:hover:before {background:#6267a1;}

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

/* 하단 */
.b_menu {background:#333333; border-top:1px solid #ddd; padding:15px 25px;}
.b_menu > ul {width:100%; max-width:1200px; margin:0 auto;}
.b_menu > ul > li {display:inline-block;}
.b_menu > ul > li:last-child {background:none;}
.b_menu > ul > li > a {color:#bcbcbc; padding-right:20px; padding-left:10px; border-right:1px solid #ccc; font-size:15px;}
.b_menu > ul > li:first-child > a {padding-left:0;}
.b_menu > ul > li:last-child > a {border-right:0;}

#bottom{background-color:#333333; box-sizing:border-box; padding-top:40px; padding-bottom:120px; padding-left:25px; padding-right:25px; border-top:1px solid #454545;}
#bottom > div{width:100%; max-width:1200px; margin:0 auto; box-sizing:border-box;}

#bottom > div:nth-child(1){color:#bdbdbd; box-sizing:border-box; font-size:14px;}
#bottom > div:nth-child(1) > span{padding-left:3px; padding-right:3px; color:#bdbdbd; box-sizing:border-box;}

#bottom > div.copy{margin-top:10px; box-sizing:border-box; color:#bdbdbd; font-size:13px; position:relative;}

.walogo {float:right; margin-top:-100px;}
/* 반응형 적용부분 */

@media screen and (max-width: 1230px) {
	.menu_logo, .menu_wrap {display:none;}
}

@media screen and (max-width: 880px) {
	.walogo {float:none; margin:10px auto 0 auto; display:block;}
}
label strong { position:absolute; left : -100000px; }