@charset "utf-8";

/*-----------------responsive001 defalut-----------------*/

@import url("/core/fonts/webfonts/font001.css");    /* 나눔고딕 font-family: Nanum Gothic; */
@import url("/core/fonts/webfonts/font002.css");    /* 나눔명조 font-family: Nanum Myeongjo; */
@import url("/core/fonts/webfonts/font003.css");    /* 나눔손글씨 font-family: Nanum Pen Script; */
@import url("/core/fonts/webfonts/font004.css");    /* 나눔붓글씨 font-family: Nanum Brush Script; */

html, button, input, select, textarea {font-family: 'Nanum Gothic';}
pre, code, kbd, samp {font-family: 'Nanum Gothic Coding'; _font-family: 'Nanum Gothic Coding';}
input, textarea, select {font-family: 'Nanum Gothic';}

html{ margin: 0; padding: 0; font-family: 'Nanum Gothic' !important; font-weight:bold;}
h1, h2, h3, h4, h5, h6 { margin:0; padding:0;}
 ul, li, dl, dt, dd, p { margin:0; padding:0;}
fieldset, legend { border: none; margin:0; padding:0;}
#accessibility, legend, caption { display: none;}

body{  font-size: 13px; line-height: 1.6; margin: 0; padding: 0;overflow-x:hidden; font-weight:normal;  font-family: 'Nanum Gothic' !important;}
img { margin: 0px; padding: 0px; border: 0px none; vertical-align:middle; line-height:0;}


ul li { margin:0px; padding:0px; list-style:none; line-height:160%; vertical-align: middle;}

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

 
.blind{display:block; overflow:hidden; position:absolute; top:-1000em; left:0;}


/* 이미지 강제 왼쪽 정렬 */
.float { float: left;}

/* 이미지 강제 왼쪽 정렬해제 및 중앙정렬 */
.floatnone { float: none; vertical-align: middle; margin-bottom:2px;}


.defaultDiv { position:relative; float:left;}
.w100 { width: 100%;}

.overFlow {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


/*-------------- 메인,서브 메뉴 PC CSS----------------*/

.hyTop {position:fixed;  top: 0; left: 0; width: 100%; z-index: 50; background-color:#fff;}

.gnbWrap {position:relative; margin: 0 auto;}
.logo {width:173px; height:73px;}

.topmenu {position:absolute; right: 0; bottom: 5px;}
.topmenu a { float:left; color: #565654;}
.topmenu a:hover { text-decoration:underline;}
.topmenu p { float:left; font-size: 9px; color: #565654; line-height: 2.4;}


.navi{position: relative; width: 100%; height: 72px; background-color: #545460; overflow:hidden;}
.naviIcon {position:absolute; right: 11px; top: 28px;}

.menu {position:relative; width: 1200px; margin: 0 auto; height:72px; border:1px solid #545460; }

.menuHeight {width: 100%; position: relative; float: left;  text-align:center; }

.mainMenu { float:left;}
.mainMenu ul { }
a.depth1 { display:block; height: 70px; font-size: 20px; color: #fff; font-weight: 700; text-align:center; line-height: 3.4; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
a.depth2 { display:block; font-size: 14px; color: #d2d2d2; font-weight: 700; line-height: 2; text-align:center;}
a.depth2:hover { color: #fff;}
a.depth3 { display:block; font-size: 12px; color: #d2d2d2; text-align:center;}


/*테블릿 & 모바일메뉴*/
.allmenu {position:fixed; right: 0; top: 0; width: 100%; height: 100%; overflow-y:auto; z-index:50;}

.allmenuWrap {position:absolute; top: 0; right: 0; width: 80%;}

.menuTitle {height: 72px; background-color: #545460; text-align:center; color: #fff; font-size: 20px; font-weight: 700; line-height:3.2; border-bottom: 1px solid #7b7e8e;}
.moMenubg {background-color:rgba(84, 84, 96, 0.9);}
.moGnb {margin-top: 30px; text-align:center; margin-bottom: 30px;}

.gnbLine {font-size: 9px; color:#e1e1e1; padding:0 10px;}

.allmenu a{color:#e1e1e1;}
.allmenu a:hover{color:#fff;}

.allmenu_menu {padding-left:20px; }
.allmenu_menuOn {padding-left:20px; background: url(/core/design/responsive001/images/_main/arrow.png) 5px 5px no-repeat;}
.allmenu_menuOn a {color: #94c5ff; text-decoration: underline;}
.allmenu_menuOn a:hover {color: #94c5ff; text-decoration: underline;}
a.allmenu3depth {color: #94c5ff;}
a.allmenu3depth:hover {color: #94c5ff;}


.menuOn { background-color: #44454f !important; line-height:2.1; color:#fff;}
.menuOff {line-height:2.1;}