@charset "utf-8";
/* CSS Document */
html, body	{ width:100%; height:100%}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select { margin:0; padding:0; border-spacing:0; }
/* body,input,textarea,select,button,table { font-size:13px; font-family:'나눔고딕','Helvetica Neue'; line-height:1.25em; } */
body 			{ position:relative; background-color:#fff; color:#000; -webkit-text-size-adjust:none; }
img, fieldset	{ border:0; }
ul, ol				{ list-style:none; }
em, address	{ font-style:normal; }
/* a 					{ color:#02a0e3; text-decoration:none; } */
/* table	 			{ border-collapse:collapse; } */
hr 				{ display:none !important; }

h1, h2, h3, h4, h5, h6 { font-style:normal; font-size:16px; }


/* #wrap {margin:0 auto; height:auto !important; height:100%; min-height:100%; }*/

/* Header */
#header { background-color:#f3f3f3; }
#header_wrap { width:100%; display:inline-block; }
#header h1 { float:left; }
#header h1 a { display:block; }
#header #topmenu { float:right; margin:28px 50px 0 0; }
#header #topmenu ul li { display:inline-block; }
#header #topmenu ul li a.mem { font-size:13px; color:#008eca; }
#header #topmenu ul li a.mem:hover { font-weight:bold; }
#header #topmenu ul li a { font-size:13px; color:#333; }
#header #topmenu ul li a:hover { color:#008eca; }

/* Navigation */
#nav #nav_wrap { background-color:#008eca; }
#nav #mainmenu { display:table; margin: 0 auto; }
#nav #mainmenu ul li { display:inline-block; margin:14px 70px; 0 0; }
#nav #mainmenu ul li a { font-size:17px; color:#fff; }
#nav #mainmenu ul li a:hover { font-weight:600; }
#nav #mainmenu ul li.current a { font-weight:600; }

#nav #nav_wrap_sub { background-color:#fff; }
#nav #submenu { display:table; margin: 0 auto; }
#nav #submenu ul li { display:inline-block; margin:15px; }
#nav #submenu ul li a { font-size:13px; color:#666; }
#nav #submenu ul li a:hover { color:#008eca; }

/* Footer */
#footer #space { position:relative; padding:40px 0 20px 0; }
#footer #footer_wrap { border-top:1px solid #ededed; background-color:#f9f9f9; height:185px;
    position: relative;
    bottom: 0px;
    width: 100%;
}
#footer #bottmenu { margin:22px 0 22px 160px; }
#footer #bottmenu ul li { display:inline-block; }
#footer #bottmenu ul li a { font-size:12px; color:#333; }
#footer #bottmenu ul li a:hover { color:#008eca; }

#footer #contact { margin:22px 0 22px 160px; }
#footer #contact span { font-size:11px; color:#999; }
#footer #contact a { color:#999; }
#footer #contact a:hover { color:#008eca; }

/* Quick menu */
#quickmenu { position:relative; display:table-cell; text-align:left; padding-right:20px; width:140px; }
#quickmenu ul li.qm_title { background-color:#008eca;
	padding: 8px 7px 8px 8px;
    width: 124px;
}
#quickmenu ul li span { font-size:14px; color:#fff; font-weight:bold; }

/* Body 배송요청만 쓰임*/
#body_wrap {
	display:-webkit-box !important;
	display:table;
	width:1080px; margin: 0 auto;
}
#body_wrap #page { position:relative; display:table-cell; width:840px; text-align:left; padding:0 40px 0 40px; }
#body_wrap #page #page_pc_title { border-bottom:1px solid #f0f0f0; padding:18px 0 18px 0; margin-bottom:5px; }
#body_wrap #page #page_pc_title p.pc_title { font-size:27px; font-weight:600; color:#20242f; }

/* Body 조회화면만 쓰임*/
#body_wrap2 { display:table; width:95%; margin: 0 auto; }
#body_wrap2 #page { position:relative; display:table-cell; width:840px; text-align:left; padding:0 40px 0 40px; }
#body_wrap2 #page #page_pc_title { border-bottom:1px solid #f0f0f0; padding:18px 0 18px 0; margin-bottom:5px; }
#body_wrap2 #page #page_pc_title p.pc_title { font-size:27px; font-weight:600; color:#20242f; }

/* Body 등록 수정만 쓰임*/
#body_wrap3 { display:table; width:75%; margin: 0 auto; }
#body_wrap3 #page { position:relative; display:table-cell; width:840px; text-align:left; padding:0 40px 0 40px; }
#body_wrap3 #page #page_pc_title { border-bottom:1px solid #f0f0f0; padding:18px 0 18px 0; margin-bottom:5px; }
#body_wrap3 #page #page_pc_title p.pc_title { font-size:27px; font-weight:600; color:#20242f; }

/* Body 로그인 화면*/
#body_wrap4 { display:table; width:100%;height:100%; margin: 0 auto; }
#body_wrap4 #page { position:relative; display:table-cell; width:840px; text-align:left; padding:0 40px 0 40px; }
#body_wrap4 #page #page_pc_title { border-bottom:1px solid #f0f0f0; padding:18px 0 18px 0; margin-bottom:5px; }
#body_wrap4 #page #page_pc_title p.pc_title { font-size:27px; font-weight:600; color:#20242f; }

#top_Menu {
        height: 50px;  /* 메인 메뉴의 높이 */
        width: 830px;  /* 메인 메뉴의 넓이 */
        margin: 0 auto;
}
#top_Menu ul {           /* 메인 메뉴 안의 ul을 설정함: 상위메뉴의 ul+하위 메뉴의 ul */
    list-style-type: none;  /* 메인 메뉴 안의 ul 내부의 목록 표시를 없애줌 */
    margin: 0px;            /* 메인 메뉴 안의 ul의 margin을 없앰 */
    padding: 0px;           /* 메인 메뉴 안의 ul의 padding을 없앰 */
}
#top_Menu ul li {            /* 메인 메뉴 안에 ul 태그 안에 있는 li 태그의 스타일 적용(상위/하위메뉴 모두) */
    color: white;               /* 글씨 색을 흰색으로 설정 */
    background-color: #008ECA;  /* 배경 색을 RGB(2D2D2D)로 설정 */
    float: left;                /* 왼쪽으로 나열되도록 설정 */
    line-height: 50px;          /* 텍스트 한 줄의 높이를 30px로 설정 */
    vertical-align: middle;     /* 세로 정렬을 가운데로 설정 */
    text-align: center;         /* 텍스트를 가운데로 정렬 */
    position: relative;         /* 해당 li 태그 내부의 top/left 포지션 초기화 */
}
.menuLink {           /* 상위 메뉴와 하위 메뉴의 a 태그에 공통으로 설정할 스타일 */
    text-decoration:none;               /* a 태그의 꾸밈 효과 제거 */
    display: block;                     /* a 태그의 클릭 범위를 넓힘 */
    width: 150px;                       /* 기본 넓이를 150px로 설정 */
    font-size: 17px;                    /* 폰트 사이즈를 12px로 설정 */
    font-weight: bold;                  /* 폰트를 굵게 설정 */
    font-family: "Trebuchet MS", "나눔고딕", Dotum; /* 기본 폰트를 영어/한글 순서대로 설정 */
}
.submenuLink {           /* 상위 메뉴와 하위 메뉴의 a 태그에 공통으로 설정할 스타일 */
    text-decoration:none;               /* a 태그의 꾸밈 효과 제거 */
    display: block;                     /* a 태그의 클릭 범위를 넓힘 */
    width: 150px;                       /* 기본 넓이를 150px로 설정 */
    font-size: 15px;                    /* 폰트 사이즈를 12px로 설정 */
    font-weight: 600;                  /* 폰트를 굵게 설정 */
/*     font-family: "Trebuchet MS", Dotum; 기본 폰트를 영어/한글 순서대로 설정 */
	border-bottom: 1px solid darkgray !important;
	border-left: 1px solid darkgray !important;
	border-right: 1px solid darkgray !important;
}
.menuLink {     /* 상위 메뉴의 글씨색을 흰색으로 설정 */
    color:white !important;
}
.topMenuLi:hover .menuLink {    /* 상위 메뉴의 li에 마우스오버 되었을 때 스타일 설정 */
    color: white;                 /* 글씨 색 빨간색 */
    background-color: #008ECA;  /* 배경색을 밝은 회색으로 설정 */
}
.submenuLink {          /* 하위 메뉴의 a 태그 스타일 설정 */
    color: lightslategray;             /* 글씨 색을 RGB(2D2D2D)로 설정 */
    background-color: white;    /* 배경색을 흰색으로 설정 */
/*     border: 1px dashed #008eca;    테두리를 설정 */
    margin-top: -1px;           /* 위 칸의 하단 테두리와 아래칸의 상단 테두리가 겹쳐지도록 설덩 */
}
.longLink {     /* 좀 더 긴 메뉴 스타일 설정 */
    width: 190px;   /* 넓이는 190px로 설정 */
}
.submenu {/* 하위 메뉴 스타일 설정 */
	z-index:10000;
    position: absolute;     /* html의 flow에 영향을 미치지 않게 absolute 설정 */
    height: 0px;            /* 초기 높이는 0px로 설정 */
    overflow: hidden;       /* 실 내용이 높이보다 커지면 해당 내용 감춤 */
    transition: height .2s; /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(기본) */
    -webkit-transition: height .2s; /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(구버전 크롬/사파라ㅣ) */
    -moz-transition: height .2s; /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(구버전 파폭) */
    -o-transition: height .2s; /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(구버전 오페라) */
}
.topMenuLi:hover .submenu { /* 상위 메뉴에 마우스 모버한 경우 그 안의 하위 메뉴 스타일 설정 */
    height: auto;           /* 높이를 93px로 설정 */
}
.submenuLink:hover {        /* 하위 메뉴의 a 태그의 마우스 오버 스타일 설정 */
    color: #008ECA;                 /* 글씨색을 빨간색으로 설정 */
    background-color: white;  /* 배경을 RGB(DDDDDD)로 설정 */
}

.dateFromToTable { display : inline}


.ag-theme-fresh .ag-cell, .ag-theme-fresh .ag-header-cell, .ag-theme-fresh .ag-header-group-cell {
    padding-left: 5px !important;
    padding-right: 5px  !important;
}

.cell-btn
{
	background-color: black;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid black;
    border-radius: 5px;
    color: deepskyblue;
    vertical-align: top;
    margin-left: 2px;
}