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

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


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

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

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


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

/* 탑 */
#top{background:#FFF; border-bottom:1px solid #ddd; z-index:100; width:100%;}
.t_menu > div, .logo_vis > div{width:1200px; margin:0 auto;}
.t_menu {border-bottom:1px solid #ccc;}
.top_bg {background:url('/img/logo_bg.png') no-repeat right center; padding:15px 0px; height:76px;}

/* 메뉴 */
.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% / 5 ); float:left; text-align:center;}
.m_menu_ul > li > a{padding-top:10px; padding-bottom:10px; font-family:'NanumSquareB'; font-size:19px; display:inline-block; box-sizing:border-box; color:#222; padding-right:30px; padding-left:30px; 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:126px;  background-color:#fff; 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:75px;}
.snb_ul > li:nth-child(2){position:absolute; left:320px;}
.snb_ul > li:nth-child(3){position:absolute; left:560px;}
.snb_ul > li:nth-child(4){position:absolute; left:800px;}
.snb_ul > li:nth-child(5){position:absolute; left:1035px;}
.snb_ul > li:nth-child(6){position:absolute; left:1035px;}

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

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

/*메인 비주얼*/
.main_vis { }

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


/* 하단 */
#bottom {background-color:#333333; box-sizing:border-box; padding-top:35px; padding-bottom:35px;}
#bottom > .bottom_con {margin:0 auto; max-width:1200px; padding:40px 0px 0px 0px;}
#bottom > .bottom_con > .bottom_30 {width:33%; color:#fff; display:inline-block; vertical-align:top; font-size:15px; padding:0px 60px;}
#bottom > .bottom_con > .bottom_30 > span {color:#fff; font-family:'NanumSquareB'; font-size:22px; margin-bottom:10px; display:block;}
#bottom > .bottom_con > .bottom_30 > .krlift_logo {font-weight:bold; font-family:'맑은고딕', 'Malgun Gothic', '돋움', Verdana; font-size:25px; color:#111;}
#bottom > .bottom_con > .bottom_30 > ul > li {color:#fff; margin-bottom:15px; font-family:'NanumSquareR'; font-size:17px;}
#bottom > .bottom_con > .bottom_30 > ul > li > ul > li {color:#fff; font-size:15px;}
#bottom > .bottom_con > .bottom_30 > ul > li > ul > li:before {content:"-"; margin-right:5px; font-size:15px;}
#bottom > .bottom_con > .copyright {border-top:1px solid #fff; display:inline-block; width:100%; padding-top:30px; text-align:center; color:#fff; font-size:14px; margin-top:50px;}

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