@charset "utf-8";

/*** font 속도 저하로 우선 주석처리 20170223 */
/*
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(./../../../resources/font/nanumgothic/NanumGothic-Regular.eot);
  src: url(./../../../resources/font/nanumgothic/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(./../../../resources/font/nanumgothic/NanumGothic-Regular.woff2) format('woff2'),
       url(./../../../resources/font/nanumgothic/NanumGothic-Regular.woff) format('woff'),
       url(./../../../resources/font/nanumgothic/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(./../../../resources/font/nanumgothic/NanumGothic-Bold.eot);
  src: url(./../../../resources/font/nanumgothic/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(./../../../resources/font/nanumgothic/NanumGothic-Bold.woff2) format('woff2'),
       url(./../../../resources/font/nanumgothic/NanumGothic-Bold.woff) format('woff'),
       url(./../../../resources/font/nanumgothic/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(./../../../resources/font/nanumgothic/NanumGothic-ExtraBold.eot);
  src: url(./../../../resources/font/nanumgothic/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(./../../../resources/font/nanumgothic/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(./../../../resources/font/nanumgothic/NanumGothic-ExtraBold.woff) format('woff'),
       url(./../../../resources/font/nanumgothic/NanumGothic-ExtraBold.ttf) format('truetype');
}
*/

/*Noto Sanseif Lite*/
/*
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(./../../../resources/font/notosanserif2/NotoSansKR-Thin.woff2) format('woff2'),
       url(./../../../resources/font/notosanserif2/NotoSansKR-Thin.woff) format('woff'),
       url(./../../../resources/font/notosanserif2/NotoSansKR-Thin.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(./../../../resources/font/notosanserif2/NotoSansKR-Light.woff2) format('woff2'),
       url(./../../../resources/font/notosanserif2/NotoSansKR-Light.woff) format('woff'),
       url(./../../../resources/font/notosanserif2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(./../../../resources/font/notosanserif2/NotoSansKR-Regular.woff2) format('woff2'),
        url(./../../../resources/font/notosanserif2/NotoSansKR-Regular.woff) format('woff'),
        url(./../../../resources/font/notosanserif2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(./../../../resources/font/notosanserif2/NotoSansKR-Medium.woff2) format('woff2'),
        url(./../../../resources/font/notosanserif2/NotoSansKR-Medium.woff) format('woff'),
        url(./../../../resources/font/notosanserif2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(./../../../resources/font/notosanserif2/NotoSansKR-Bold.woff2) format('woff2'),
        url(./../../../resources/font/notosanserif2/NotoSansKR-Bold.woff) format('woff'),
        url(./../../../resources/font/notosanserif2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(./../../../resources/font/notosanserif2/NotoSansKR-Black.woff2) format('woff2'),
        url(./../../../resources/font/notosanserif2/NotoSansKR-Black.woff) format('woff'),
        url(./../../../resources/font/notosanserif2/NotoSansKR-Black.otf) format('opentype');
 }
 */
 
/*Noto Sanseif Lite 2*/
 @font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Thin'), local('NotoSans-Thin'),
    url(./../../../resources/font/notosans_hestia/NotoSansKR-Thin-Hestia.eot),
    url(./../../../resources/font/notosans_hestia/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
    url(./../../../resources/font/notosans_hestia/NotoSansKR-Thin-Hestia.woff) format('woff'),
    url(./../../../resources/font/notosans_hestia/NotoSansKR-Thin-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Light'), local('NotoSans-Light'),
    url(./../../../resources/font/notosans_hestia/NotoSansKR-Light-Hestia.eot),
    url(./../../../resources/font/notosans_hestia/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
    url(./../../../resources/font/notosans_hestia/NotoSansKR-Light-Hestia.woff) format('woff'),
    url(./../../../resources/font/notosans_hestia/NotoSansKR-Light-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 350;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
    url(./../../../resources/font/notosans_hestia/NotoSansKR-DemiLight-Hestia.eot),
    url(./../../../resources/font/notosans_hestia/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
    url(./../../../resources/font/notosans_hestia/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
    url(./../../../resources/font/notosans_hestia/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(./../../../resources/font/notosans_hestia/NotoSansKR-Regular-Hestia.eot),
    url(./../../../resources/font/notosans_hestia/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    url(./../../../resources/font/notosans_hestia/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(./../../../resources/font/notosans_hestia/NotoSansKR-Regular-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(./../../../resources/font/notosans_hestia/NotoSansKR-Medium-Hestia.eot),
    url(./../../../resources/font/notosans_hestia/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
    url(./../../../resources/font/notosans_hestia/NotoSansKR-Medium-Hestia.woff) format('woff'),
    url(./../../../resources/font/notosans_hestia/NotoSansKR-Medium-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(./../../../resources/font/notosans_hestia/NotoSansKR-Bold-Hestia.eot),
    url(./../../../resources/font/notosans_hestia/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
    url(./../../../resources/font/notosans_hestia/NotoSansKR-Bold-Hestia.woff) format('woff'),
    url(./../../../resources/font/notosans_hestia/NotoSansKR-Bold-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: local('Noto Sans Black'), local('NotoSans-Black'),
    url(./../../../resources/font/notosans_hestia/NotoSansKR-Black-Hestia.eot),
    url(./../../../resources/font/notosans_hestia/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'),
    url(./../../../resources/font/notosans_hestia/NotoSansKR-Black-Hestia.woff) format('woff'),
    url(./../../../resources/font/notosans_hestia/NotoSansKR-Black-Hestia.otf) format('opentype');
}



/* global */
html { height:100%; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button { margin:0;padding:0; }
/*body,div,dl,dt,dd,h1,h2,h3,h4,h5,form,fieldset,p,th,td,input,textarea { font-family:'Nanum Gothic',"Dotum","Noto Sans KR",sans-serif,"malgun-gothic", "맑은 고딕", "dotum", "gulim", "verdana" ;}*/
/*body,div,dl,dt,dd,h1,h2,h3,h4,h5,form,fieldset,p,th,td,input,textarea { font-family:"맑은 고딕", "dotum", "gulim", "verdana","Noto Sans KR,sans-serif" ;}*/
body,div,dl,dt,dd,h1,h2,h3,h4,h5,form,fieldset,p,th,td,input,textarea { font-family:'Noto Sans KR', "malgun-gothic","맑은 고딕","돋움","dotum","Noto Sans KR",sans-serif; }


body{ font-size:13px; color:#666; height:100%;}
/*body{ font-size:12px; color:#666; height:100%; background:url('../../images/common/head_bg.png') 0 0 repeat-x; }*/

img { border:0; vertical-align:middle; }
fieldset { border:0; margin:0; padding:0; }
textarea { margin:0; border:1px solid #cccccc;}
input, textarea { vertical-align: middle; padding:4px 5px 3px 5px; color:#5a5a5a; font-size:13px; font-weight:300; border:1px solid #d6d6d6;}
select{ vertical-align: middle; padding:4px 5px 3px 5px; color:#5a5a5a; font-size:13px; font-weight:300; border:1px solid #d6d6d6;}
/* 조회조건 영역 validation체크로 인해 추가 */
input.invalid, select.invalid, span.invalid{
	border: 1.5px solid red; 
}

select { -webkit-appearance: none; /* 네이티브 외형 감추기 */ 
			-moz-appearance: none; 
			-o-appearance:none;
			-ms-appearance: none;
			appearance: none; 			 
			background:url("./../../../resources/images/btn_vscroll_bottom_over.png") no-repeat 95% 50%; /* 화살표 모양의 이미지 */
			background-color:#fff; 
			min-width:80px;
} 
select::-ms-expand { 
	display: none;	/* IE 10, 11의 네이티브 화살표 숨기기 */	  
}

select:disabled, input:disabled, textarea:disabled {
	background-color: #d6d6d6;	
}

.selectTableTr {
	background:rgb(223, 239, 252) !important;
}

/*select, input, textarea { padding:2px; color:#777; font-size:12px; border:1px solid #d6d6d6; }*/
input[type=radio] {border:0; }
input[type=checkbox] {border:0; }

ul, ol { list-style-type : none; }
dt, dd, h1 , h2, h3, h4, h5, h6 { padding:0; margin:0; }



.linkUnder { color:#077AFC !important; text-decoration:underline !important; border-bottom:2px}
.linkUnder:hover   { color:#7900DA !important; }
.homeImg {padding:0 0 4px 0}
.welcomeUserSp{vertical-align:middle;}
.welcomeUserSp > strong{color:#3c3c3c; font-weight:500;}
.attachFileLink{vertical-align:middle;}
.pad_bottom_3{padding-bottom:3px;}
.pad_bottom_20{padding-bottom:20px;}
.pad_top_20{padding-top:20px;}
.mar_top_20{margin-top:20px;}
/*.gubun_dev{color:red !important;font-size:40px;font-weight:800;}*/
.gubun_dev{font-weight:500 !important; font-size:27px; color:red !important; }

/*파일업로드 시작*/
div#fileUploadSection{float:left;width:50%;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin:5px 5% 0 5%;padding:0;}
div#fileUploadSection div.fileNameView{margin:10px 0 10px 2%;}
div#fileUploadSection div.fileNameView span{vertical-align:middle;line-height:22px;}
div#fileUploadSection div.fileNameView span input.fileName{border:1px solid #ccc;height:20px;line-height:22px;}
div#fileUploadSection div.fileUpWrapper{float:left;margin:10px 0 0 5px;text-align:center;}	
div#fileUploadSection div.fileUpWrapper span.fileUp{font-size:12px;line-height:22px;}
/*파일업로드 끝*/

a,
a:link,
a:visited,
a:active { background:none; color:#666; text-decoration:none; }
a:hover,
a:focus { background:none; color:#666; text-decoration:none; },

legend { visibility:hidden; height:0; width:0; font-size:0; line-height:0; overflow:hidden; left:-9999px; top:-9999px; }
hr { visibility:hidden; height:0; width:0; font-size:0; line-height:0; overflow:hidden; position:absolute; left:-9999px; top:-9999px; }
caption { overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; }
em, address { font-style:normal; }
button { background:transparent; border:0;  font-size:12px; cursor:pointer; padding:0; overflow:visible; vertical-align:top; }
table { border-collapse:collapse; border-spacing:0; }


/* layout */
.wrap { position:relative; height:100%;}
.header { position:relative; height:125px; min-width:1300px;background:url('../../images/common/head_bg.png') 0 0 repeat-x; z-index:3;}
.header_wrap { position:relative; overflow-x: visible; width:94%; min-width:1300px; padding:0 20px; margin:0 auto;}
.container { position:relative; width:100%; min-width:1300px; margin:0 auto; height:100%; margin-top:-125px; }
.container.main_bg{background:url("../../images/home/home_bg.png") 0 55px repeat-x #fafafa;}
.container_wrap { position:relative; width:94%; min-width:1300px; padding:0 20px; height:100%; margin:0 auto;}

/* layout flagship 2017.12.28 추가 */
.header_flagship { position:relative; height:125px; min-width:740px;background:url('../../images/common/head_bg.png') 0 0 repeat-x; z-index:3;}
.header_wrap_flagship { position:relative; overflow-x: visible; width:94%; min-width:740px; padding:0 20px; margin:0 auto;}
.container_flagship { position:relative; width:100%; min-width:740px; min-height: 1000px; margin:0 auto; height:100%; margin-top:-125px; }
.container_wrap_flagship { position:relative; width:94%; min-width:740px; padding:0 20px; height:100%; margin:0 auto;}
.contents_flagship { position:relative; min-height:530px; height: 100%;}
.fixed_wrap_flagship {min-height: 150px; height: 100%;}
.fixed_wrap_flagship_220 {height: 220px; overflow: auto;}
.fixed_wrap_flagship_550{height: 550px; overflow: auto;}
.fixed_wrap_flagship_620 {height: 620px; overflow: auto;}
.contents_main_flagship { position:relative; width:100%; height:100%; margin:0 auto; }

.lnb { position:absolute; width:150px; height:100%; border-right:1px solid #dfdddd; z-index:2; }
/*.contents { position:relative; padding-left:190px; }*/
.contents { position:relative; min-height:530px;}

/* header */
.top { position:relative; height:60px; }
h1 { float:left; }
.top h1 img {width:100px; height:auto; padding-top:10px; }
.devt { position:absolute; top: 10px; padding: 9px 0 0 15px; font-size: 20px; font-weight: 350; color: #3a3a3a; letter-spacing:-0.5px;}
.devt i{font-weight:700;  font-style:normal;}
.devt u{ text-decoration:none; color:#ff0600;}
.slogan {display:inline-block; font-size:10px; color:#a0a0a0; font-weight:300;  padding:8px 0 0 15px; }
/*.slogan .s_blue { font-weight:bold; color:#006bb7; }*/
.individual { float:right; padding-top:22px;}
/*.individual span { color:#000; font-weight:bold; }*/
.individual span { font-size:13px; font-weight:300; vertical-align: bottom; color:#6f6f6f; }
.individual span > strong{vertical-align: bottom;}
/*.individual a { padding:3px 5px; color:#000; background:#ebeceb; border:1px solid #d7d5d5; font-size:11px; }*/
.individual .time { display:inline-block; padding-right:15px; padding-left:20px; background:url("../../images/common/icon_clock.png") 0 3px no-repeat; }
.individual img{padding-top:12px;}
.individual .logout{display:inline-block; text-indent:-9999px; width:27px; height:27px; margin-left:10px; margin-top:-10px; background:url("../../images/common/btn-logout.png") no-repeat;}
.individual .logout:hover{background:url("../../images/common/btn-logout_on.png") 0 0 no-repeat;}

.gnb {height:35px; border-left:1px solid #005998; position:relative;}
/* .gnb > li {float:left; border-right:1px solid #005998; width:150px; height:35px; text-align:center;} */
.gnb > li {float:left; border-right:1px solid #005998; width:10%; height:35px; text-align:center;}
.gnb > li > a {display:block; line-height:35px; font-size:16px; font-weight:400; color:#bbe9ff; letter-spacing:-0.5px; }

.gnb > li > ul { display:none; }
.gnb > li.current > ul { display:block;min-width:800px;}
.gnb > li.current > a {background:url("../../images/common/head_bg_on.png") repeat-x; text-decoration:none; display:block; color:#fff;}

.gnb li ul { position:absolute; top:35px;}
.gnb li ul li{float:left;}
/*.gnb li:last-child  ul, .gnb li.end-align  ul{ position:absolute; top:35px; right:0; }*/
.gnb li:last-child  ul, .gnb li.end-align  ul{ position:absolute; top:35px;}
.gnb li ul li a {display:block; height:30px; margin:0 1px; padding:2px 10px 0; font-size:14px; color:#808080; line-height:25px; font-weight:300;}
.gnb li.current li.current a, 
.gnb li ul li a:hover {color:#000; font-weight:400;}

.gnb > li.active > a { background:#7cc242; text-decoration:none; }
.gnb > li.active > ul { display:block; }
.gnb > li.active ul li.active a { background:none; font-weight:bold; color:#000; }

.gnb li .sub_001 {  } /* left:15px; */
.gnb li .sub_002 {  } /* left:117px; */
.gnb li .sub_003 {  } /* left:195px; */
.gnb li .sub_004 {  } /* left:270px; */
.gnb li .sub_005 {  } /* left:375px; */
.gnb li .sub_006 {  } /* left:525px; */
.gnb li .sub_007 {  } /* left:600px; */
.gnb li .sub_008 {  } /* left:680px; */
.gnb li .sub_009 {  } /* left:780px; */
.gnb li .sub_010 {  } /* left:870px; */
.gnb li .sub_011 {  } /* left:828px; */
.gnb li .sub_012 {  } /* left:828px; */
.right_align { position:relative;text-align: right; }
.right_align ul { min-width: 400px; }


/* left_menu */
.top-padding { padding-top:125px; text-indent:-2000px; height:0; }
.left_close { position:absolute; top:122px; right:-15px; }
h2 { height:42px; padding-top:19px; margin-bottom:10px; font-size:18px; color:#000; border-bottom:1px solid #006bb7; letter-spacing:-1px; }

.lnb ul li a { display:block; line-height:33px; border-bottom:1px solid #dfdddd; }
.lnb ul li.current a, .lnb ul li a:hover { font-size:13px; font-weight:bold; color:#006bb7; background:url('../../images/lnb_dot.png') 135px 50% no-repeat; }


/* contents */
/*
.title  { position:relative; padding:10px 0 10px; padding-bottom:12px\0IE8+9; border-bottom:1px solid #d3d2d2; }
.title h3 { display:inline-block; padding-left:15px; font-size:19px; color:#000; letter-spacing:-1px; background:url('../../images/title_bullet.png') 0 8px no-repeat; }
.title span { display:inline-block; padding-left:10px; letter-spacing:-1px; }
.title span.linemap { float:right; display:inline-block; padding-top:10px; letter-spacing:0; }
*/
.title { position:relative; margin-top:15px; padding:10px 0 8px; /*padding-bottom:12px\0IE8+9; */border-bottom:1px solid #d8d8d8; display: block; }
.title:after{ content: '';clear: both; display: block;  }
.title h3 {float:left; display:inline-block; padding: 0px 0 0 20px	; font-size:22px; font-weight:500; color:#393939; letter-spacing:-0.5px; background:url('../../images/title_bullet.png') 0 11px no-repeat; }  /*수정8*/
.title span { display:inline-block; letter-spacing:-1px; } /*수정8*/
.title span.linemap { float: left; display:inline-block; padding:9px 0 0 20px; letter-spacing:0; } /*수정8*/

.stitle{margin-top:20px; display: block; }
.stitle h4{padding-left:17px; font-size:20px; font-weight:400; color:#1988d7; letter-spacing:-0.5px; background:url('../../images/stitle_bullet.png') 0 11px no-repeat;}

.s_title{display: inline-block; padding-left:17px; font-size:19px; font-weight:400; color:#1988d7; letter-spacing:-0.5px; background:url('../../images/stitle_bullet.png') 0 11px no-repeat;}


.search_area{ position:relative; padding:5px 10px; margin-bottom:20px; background:#fafafa; border:1px solid #e6e6e6; border-top:1px solid #d8d8d8 !important; }
.search_area .send_form { padding-top:5px; margin-right:115px; text-align:left;}
.search_area .send_form.last {border-bottom:none;}
/*.search_area .send_form span.txt { display:inline-block; padding-left:10px; font-weight:bold; padding-right:5px;}*/
.search_area .send_form .txt { display:inline-block; padding-left:5px; font-weight: 500; font-size:14px; color:#4d4d4d; padding-right:10px; vertical-align:middle; }
/* .search_area .send { position:absolute; bottom:50%; right:30px; margin-bottom:-15px;} */
.search_area .send { position:absolute; bottom:25px; right:20px; margin-bottom:-15px;}
.search_area .send  a {display:inline-block; width:76px; height:22px; padding:8px 0 0 14px; text-align:center; background: url('../../images/search.png') 19px 8px no-repeat #8a9194; border-radius:3px; margin:0 ; border:none; font-size:14px; line-height:12px; color:#fff; font-weight:400; outline:none;}
.search_area .send:hover  a {background: url('../../images/search.png') 19px 8px no-repeat #7cc242;}
.top_close { position:absolute; bottom:-16px; left:45%; margin:0 auto; }
.calendar span { display:inline-block; text-indent:-2000px; width:15px; height:17px; background:url("../../images/ico_calendar.png") 0 2px no-repeat;  cursor:pointer; }

/* 2017.12.28 창고추가로 인한 수정
.terms { display:inline-block; padding-bottom:5px; font-weight:300; font-size:14px; color:#5a5a5a;  margin-right: 20px;} */
.terms { display:inline-block; padding-bottom:5px; font-weight:300; font-size:14px; color:#5a5a5a;  margin-right: 20px;}
/*.terms.wid_ssm{width:15.9%;}
.terms.wid_sm{width:17.4%;}
.terms.wid_lg{width:29%;}*/
/*.terms.wid_ssm{width:17.4%;}
.terms.wid_sm{width:17.4%;}
.terms.wid_lg{width:32%;}
.terms.wid_lgs{width:27%;}*/
.terms.wid_ssm{width:190px;}
.terms.wid_sm{width:210px;}
/* 2017.12.28 창고추가로 인한 수정 
.terms.wid_lg{width:400px;} */
.terms.wid_lg{width:650px;}
.terms.wid_lgs{width:320px;}
.terms.wid_icon{width:230px;}
.terms .txt > font{font-size:22px; font-weight:100 !important; vertical-align: inherit; margin-right:-4px;}
.terms > select {min-width: 120px;}
/* .terms > input {height: 17px;} */

/* common */
input.text_50 { width:50px; padding:4px;}
input.text_70 { width:70px;  padding:4px;}
input.text_100 { width:100px;  padding:4px;}
input.text_150 { width:150px; padding:4px; }
input.text_200 { width:200px;  padding:4px;}
input.text_220 { width:220px;  padding:4px;}
input.text_300 { width:300px;  padding:4px;}
input.text_500 { width:500px;  padding:4px;}
input.text_800 { width:800px;  padding:4px;}
input.text_full { width:70%;  padding:4px;}

.width_100_per{
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
    width: 100%;
}

.width_80_per{
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
    width: 80%;
}

.width_70_per{
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
    width: 70%;
}

.width_50_per{
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
    width: 50%;
}

.width_40_per{
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
    width: 40%;
}

.txt_area { width:99%; height:50px; }
.txt_area_30 { width:99%; height:30px; }
.txt_area_50 { width:99%; height:50px; }
.txt_area_100 { width:99%; height:100px; }
.txt_area_200 { width:99%; height:200px; }

.right_input {text-align:right;}
.center_input {text-align:center;}

.view_100 { width:99%;height:100px; overflow:auto; }

input.cb { margin-top:5px; }
input.cb:first-child { margin-top:0; }

.batchTimeStat{vertical-align:middle;line-height:!3px;padding-left:10px;}

.btn_area { margin-top:20px; overflow:hidden; margin-bottom:10px}
.btn_area .list_option { position:relative; float:left; }
/*.btn_area .list_option .data_total { display:inline-block; padding:0 0 0 10px; vertical-align:bottom; }*/
.btn_area .list_option .data_total { display:inline-block; padding: 0px 0px 4px 5px; vertical-align:bottom; font-size:13px; color:#ff0600; font-weight:300;}
.btn_area .list_option .data_total span { color:#585858; }
/*.btn_area .btn_list { float:right; }*/
.btn_area .btn_list { float:right; margin: 0 0 0 2px; font-weight:350; text-align:right;}
.btn_area .btn_list a { display:inline-block; padding:3px 18px 5px 32px; color:#5a5a5a; font-size:13px; font-weight:400; background:#fdfdfd; border:1px solid #c5c5c5; border-radius:3px; vertical-align:middle;}
.btn_area .btn_list a:hover {border:1px solid #64b0e9; color:#1a75b9;}
.btn_area .btn_list a.blue  { display:inline-block; padding:3px 20px 4px; background:#0095c7; border:1px solid #006bb7; color:#fff; }
.btn_area .btn_list a.gray  { display:inline-block; padding:3px 20px 4px; background:#efefef; border:1px solid #A3A4A5; color:#000; }

/* buttons*/
.btn_area .btn_list a.search{background:url("../../images/icon_search3.png") 13px center no-repeat; height:27px; width:36px; padding:0;}/*조회*/
.btn_area .btn_list a.excel {background:url('../../images/normaltable/ico_bullet_excel.png') 13px center no-repeat; }/*엑셀관련*/
.btn_area .btn_list a.create {background:url('../../images/icon_create.png') 13px center no-repeat;}/*작성*/
.btn_area .btn_list a.modify{background:url('../../images/icon_modify.png') 13px center no-repeat;}/*수정*/
.btn_area .btn_list a.cancel {background:url('../../images/icon_cancel.png') 13px center no-repeat;}/*취소*/
.btn_area .btn_list a.list {background:url('../../images/icon_list2.png') 13px center no-repeat;}/*목록*/
.btn_area .btn_list a.delete {background:url('../../images/icon_delete.png') 13px center no-repeat;}/*삭제*/
.btn_area .btn_list a.delete2{background:url('../../images/icon_delete2.png') 13px center no-repeat;}/*삭제2*/
.btn_area .btn_list a.add {background:url('../../images/icon_add2.png') 13px center no-repeat;}/*추가*/
.btn_area .btn_list a.add2{background:url('../../images/icon_add.png') 13px center no-repeat;}/*추가2*/
.btn_area .btn_list a.save {background:url('../../images/icon_save.png') 13px center no-repeat;}/*저장*/
.btn_area .btn_list a.action {background:url('../../images/icon_action.png') 13px center no-repeat;}/*실행*/
.btn_area .btn_list a.ok {background:url('../../images/icon_ok.png') 13px center no-repeat;}/*확인, 승인, 완료*/
.btn_area .btn_list a.attachedFile {background:url('../../images/icon_attachedFile.png') 13px center no-repeat;}/*첨부파일*/
.btn_area .btn_list a.action {background:url('../../images/icon_action.png') 13px center no-repeat;}/*실행*/
.btn_area .btn_list a.preview {background:url('../../images/icon_preview.png') 13px center no-repeat;}/*미리보기*/
.btn_area .btn_list a.print{background:url('../../images/icon_print.png') 13px center no-repeat;}/*프린트*/
.btn_area .btn_list a.again {background:url('../../images/icon_again.png') 13px center no-repeat;}/*다시, 재작업*/
.btn_area .btn_list a.refrash{background:url('../../images/icon_refrash.png') 13px center no-repeat;}/*새로고침*/
.btn_area .btn_list a.upload{background:url('../../images/icon_upload.png') 13px center no-repeat;}/*업로드*/
.btn_area .btn_list a.download {background:url('../../images/icon_download.png') 13px center no-repeat;} /*다운로드*/
.btn_area .btn_list a.note {background:url('../../images/icon_note.png') 13px center no-repeat;}/*노트, 해당 아이콘이 없을때 버튼*/
.btn_area .btn_list a.help {background:url('../../images/icon_help.png') 13px center no-repeat;}/*도움말, 설명*/
.btn_area .btn_list a.default{padding:3px 18px 5px 18px;}
.btn_area .btn_list input[type=text]{margin-left:4px; margin-right:-4px;}

.btn_area .btn_list_left { float:left; }
.btn_area .btn_list_left a { display:inline-block; padding:3px 15px 4px 25px; color:#000; background:#efefef url('../../images/ico_bullet.png') 10px 50% no-repeat; border:1px solid #A3A4A5; }
.btn_area .btn_list_left a:hover { font-weight:bold; color:#006bb7; }
.btn_area .btn_list_left a.blue  { display:inline-block; padding:3px 20px 4px; background:#0095c7; border:1px solid #006bb7; color:#fff; }
.btn_area .btn_list_left a.excel { padding:3px 15px 4px 30px; background:#efefef url('../../images/normaltable/ico_bullet_excel.png') 10px 50% no-repeat; }
.btn_area .btn_list_left a.gray  { display:inline-block; padding:3px 20px 4px; background:#efefef; border:1px solid #A3A4A5; color:#000; }
.btn_area .btn_list_left a.current { display:inline-block; padding:3px 15px 4px 25px; color:#000; background:#cecece url('../../images/ico_bullet.png') 10px 50% no-repeat; border:1px solid #A3A4A5; }

.btn_area02 { padding-top:20px; overflow:hidden; border-top:1px solid #eaeaea; margin-top:10px; }
.btn_area02 .list_option { float:left; }
.btn_area02 .btn_list { text-align:center; }
.btn_area02 .btn_list a { display:inline-block; padding:3px 20px 4px; background:#f7f7f7; border:1px solid #d3d2d2; }
.btn_area02 .btn_list a.blue { display:inline-block; padding:3px 20px 4px; background:#0095c7; border:1px solid #006bb7; color:#fff; }

a.btn_glay { display:inline-block; padding:3px 20px 4px; color:#000; background:#efefef; border:1px solid #A3A4A5; }

.paging { position:relative; padding:10px 0 10px; text-align:center; }
.paging img { padding-top:2px;}
.paging .number { padding-right:5px; }
.paging .number a { display:inline-block; padding:0 4px 0 8px; background:url("../../images/number_line.png") 0 50% no-repeat; }
.paging .number a:first-child { background-image:none; }
.paging .number a:hover, .paging .number a.current { font-weight:bold; color:#ff3600; }

.img_ico { width:15px; height:15px; }

/* table */
.table_box { margin:10px 0 0 0;  border-top:1px solid #3b90d0; min-width:850px; overflow: auto;  }
.list_table, .list_table-2 { min-width:100%; }
.list_table th { padding:8px; background:#edf6fa; border-bottom:1px solid #ddd; color:#4a4a4a; font-size:13px; font-weight:400;  }
.list_table-2 th { padding:8px; background:#ebf1fc; border-bottom:1px solid #ddd; color:#4a4a4a; font-size:13px; font-weight:400;  }
.list_table th.left, .list_table-2 th.left { text-align:left; }
.list_table th.right, .list_table-2 th.right { text-align:right; }
.list_table td {padding:8px 5px; border-bottom:1px solid #e5e5e5; border-top:none; font-size:13px; font-weight:300; text-align:center; }
.list_table tr:hover td{background:#f9fbec; color:#333;}
.list_table td a {color:#3a3a3a; font-weight:500;}
.list_table td.left { text-align:left; }
.list_table td.right { text-align:right; }
.list_table a:hover { text-decoration:underline; }

.view_box { margin-top:10px; padding:20px 30px; border:1px solid #e0e0e0; border-top:1px solid #3b90d0; }
.view_box .title_area { padding-bottom:15px; border-bottom:1px solid #e0e0e0; }
h4 { font-size:14px; color:#000; }
.info { padding-top:10px; }
.info span { padding:0 10px; background:url("../../images/number_line.png") 0 50% no-repeat; }
.info span:first-child { padding-left:0; background-image:none; }
.contents_view { padding:25px 0; }
.add_file { position:relative; padding:25px; background:#f3f3f3; }
/*.add_file img {padding-top:3px; }*/
.add_file img {}
.file_btn a { position:absolute; right:25px; bottom:25px; display:inline-block; padding:3px 20px 4px; background:#efefef; border:1px solid #A3A4A5; color:#000; }
.inner_btn { display:inline-block; padding:2px 10px 4px; background:#999!important; color:#fff!important; border:1px solid #666; font-size:11px; }

.inner_btn2 { display:inline-block; padding:2px 6px 4px; color:#000!important; background:#efefef!important; border:1px solid #A3A4A5; font-size:11px; vertical-align:middle;}

.write_box { margin:10px 0 0 0;  border-top:1px solid #3b90d0; min-width:850px; }
.write_table { width:100%; }
.write_table th { padding:5px 10px; border:1px solid #bed7e2; border-top:none; background:#edf6fa; color:#4a4a4a; font-size:13px; font-weight:400; line-height:16px;}
.write_table tr:hover td{background:#f9fbec; color:#333;}
.write_table td { padding:8px 5px; border:1px solid #e5e5e5; border-top:none; font-size:13px; font-weight:300; }
.write_table td a:hover{text-decoration:underline;}
.write_table td > u{text-decoration:none; color:red;;}
.write_table td.center { text-align:center; }
.write_table td.right { text-align:right; }

.write_table-2 { width:100%; }
.write_table-2 th { padding:5px 10px; border:1px solid #bed7e2; border-top:none; background:#ebf1fc; color:#4a4a4a; font-size:13px; font-weight:400; }

.write_box_barcode { margin:10px 0 0 0;  border-top:1px solid #3b90d0; min-width:850px;}
.write_table_barcode { width:100%; }
.write_table_barcode th { padding:5px; border:1px solid #e0e0e0; border-top:none; background:#f8f8f8; font-size:15px; }
.write_table_barcode td { padding:5px; border:1px solid #e0e0e0; border-top:none; font-size:15px; font-weight: bold;}
.write_table_barcode td.center { text-align:center; }
.write_table_barcode td.right { text-align:right; }

/* popup */
.pop_body { width:100%; min-width:500px; height:auto; }
.pop_header { height:55px; width:100%; border-bottom:4px solid #7cc242; background:url("../../images/pop_topBg.png") repeat-x;}
.pop_header_area{ height:55px; margin: 0 30px 20px; overflow:hidden;}
.pop_header_area.dev{ background:url("../../images/pop_logo_dev.png") right center no-repeat;}
.pop_header_area h1 { font-size:20px; font-weight:500; color:#fff; padding-top:12px; }
.pop_header_area h1 .pop_title{line-height: 30px; vertical-align: middle;} 
.pop_header_area .pop_logo { position:absolute; top:14px; right:0; width:73px; height:25px; }
.pop_contents { margin:30px 30px 0; }

.pop_search_area { position:relative; padding:5px 0 0; }
.pop_search_area .send_form { padding-top:5px; margin-right:75px; text-align:right; }
.pop_search_area .send_form .txt { display:inline-block; padding-left:10px; font-weight:bold; }
.pop_search_area .send { position:absolute; top:10px; right:0px; }
/*.pop_search_area  a {display:inline-block;width:63px;height:22px;padding:8px 0 0 10px;text-align:center; background:#0070c2 url('../../images/search.png') 17px 10px no-repeat; border-radius:5px;margin:0;border:none;font-size:12px;line-height:12px; color:#fff; font-weight:bold; outline:none;}*/
.pop_table_box { margin-top:10px; border-top:2px solid #3b90d0; padding-bottom:10px; }
.pop_list_table { min-width:100%; }
.pop_list_table th { padding:5px 10px; background:#f3f3f3; border-bottom:1px solid #dddddd; }
.pop_list_table th.right { text-align:right; }
.pop_list_table th.left  { text-align:left;  }
.pop_list_table td { padding:5px 10px; border-bottom:1px solid #dddddd; text-align:center; }
.pop_list_table td.left { text-align:left; }
.pop_list_table td.right { text-align:right; }
.pop_list_table a:hover { text-decoration:underline; }

.pop_btn_area { padding-bottom:30px; overflow:hidden; }
/*.pop_btn_area .btn_list { float:right; }
.pop_btn_area .btn_list { float:right;margin:0 0 0 2px; }
.pop_btn_area .btn_list a { display:inline-block; padding:3px 20px 4px; background:#f7f7f7; border:1px solid #d3d2d2; }*/
.pop_btn_area .btn_list a.blue { background:#0095c7; border:1px solid #006bb7; color:#fff; }

.pop_btn_area .btn_list {text-align:right; margin-top:20px;}
.pop_btn_area .btn_list a{display:inline-block; color:#fff; background:#7dc243; padding:4px 30px 5px; font-size:14px; }
.pop_btn_area .btn_list a.glay { display:inline-block; background:#9facb8;}
.txtred { font-size: 14px; vertical-align: middle; color:red}

/* fixed_table */
.fixed_wrap_230 {height: 230px;}
.fixed_wrap_350 {height: 350px;}
.fixed_table {width:100%; min-height: 150px;  overflow-y:auto;}
.fixed_table table {table-layout: fixed;}
.fixed_table .fixed_header {overflow: hidden;position:absolute; border-top: 2px solid #3699da; }
.fixed_table .fixed_header-2 {overflow: hidden;position:absolute; border-top: 2px solid #5972a6; }
.fixed_table .fixed_body {padding-top:0 !important; margin-top:54px; border-top: 0; }
.fixed_table table tr td {word-break: break-all;  }
.fixed_table table tr th { word-break: break-all;}

/*
*/
#tablePager a{display:inline-block; border:1px solid #dbdbdb; margin:0 2px; width:30px; height:17px; padding:6px 0 7px; vertical-align: middle; text-align:center;}
#tablePager a:hover, #tablePager a.active:hover{border:1px solid #5eb0ec; color:#0f7fd2;}
#tablePager a.Inactive{display:inline-block; border:1px solid #efefef; margin:0 2px; vertical-align: middle; width:31px; height:30px; padding:0;}
#tablePager a.Inactive img{color:#0f7fd2; border:0; vertical-align: middle;}
#tablePager a.active{display:inline-block; border:1px solid #dbdbdb; margin:0 2px; vertical-align: middle; width:31px; height:30px; padding:0;}
#tablePager a.active img{color:#0f7fd2; border:0; vertical-align: middle;}
/*
#tablePager a{display:inline-block; border:1px solid #dbdbdb; margin:0 2px; width:30px; height:17px; padding:6px 0 7px; vertical-align: middle; text-align:center;}
#tablePager a:hover, #tablePager a.active:hover{border:1px solid #5eb0ec; color:#0f7fd2;}
#tablePager a.Inactive{display:inline-block; border:1px solid #efefef; margin:0 2px; vertical-align: middle; width:31px; height:30px; padding:0;}
#tablePager a.Inactive img{color:#0f7fd2; border:0; vertical-align: middle;}
#tablePager a.active{display:inline-block; border:1px solid #dbdbdb; margin:0 2px; vertical-align: middle; width:31px; height:30px; padding:0;}
#tablePager a.active img{color:#0f7fd2; border:0; vertical-align: middle;}
*/
#tablePager a{display:inline-block; border:1px solid #dbdbdb; margin:0 2px; width:30px; height:17px; padding:6px 0 7px; vertical-align: middle; text-align:center;}
#tablePager a:hover, #tablePager a.active:hover{border:1px solid #5eb0ec; color:#0f7fd2;}
#tablePager a.Inactive{display:inline-block; border:1px solid #efefef; margin:0 2px; vertical-align: middle; width:31px; height:30px; padding:0;}
#tablePager a.Inactive img{color:#0f7fd2; border:0; vertical-align: middle;}
#tablePager a.active{display:inline-block; border:1px solid #dbdbdb; margin:0 2px; vertical-align: middle; width:31px; height:30px; padding:0;}
#tablePager a.active img{color:#0f7fd2; border:0; vertical-align: middle;}

/*=====  main (home) =====*/
.contents_main { position:relative; width:100%; height:100%; margin:0 auto; background:url("../../images/home/home_img_bg.png") 0 55px no-repeat;}

/* main - Left */
.main_slogan { padding-top:40px; font-size:38px; font-weight:500; color:#fff; letter-spacing:-1.0px; }
.main_slogan span {font-weight:300; }
.main_slogan .sloan_description {padding-top:38px; color:#d1eaff; font-size:15px; font-weight:300; line-height:24px; letter-spacing:0.1px; background:url("../../images/home/home_textBar.png") 0 18px no-repeat;}

.main_notice {margin-top:280px; width:38%; position:relative;}
.main_notice .notice_tabBox{height:44px; border-bottom:1px solid #e6e6e6;}
.main_notice .notice_tabBox > p{float:left; background:url("../../images/home/listBtn.png") no-repeat; width:124px; height:32px; margin-right:4px; text-align:center;}
.main_notice .notice_tabBox > p > a{display:block; border-radius:40px; padding-top:4px; height:31px; color:#9a9a9a; font-size:15px; }
.main_notice .notice_tabBox > p > a:hover{color:#222;}
.main_notice .notice_tabBox > p.current{float:left; background:url("../../images/home/listBtn_on.png") no-repeat; width:124px; height:32px; color:#353535;}
.main_notice .notice_tabBox > p.current > a{color:#353535;}
.main_notice .notice_tabBox .more {width:18px; height:18px; background:url("../../images/home/btn_more.png") no-repeat; position:absolute; top:11px; right:0;cursor:pointer;}
.main_notice .notice_tabBox .more:hover {background:url("../../images/home/btn_more_on.png") no-repeat;}

.notice_list { padding:13px 0 ;  border-bottom:1px solid #e6e6e6;}
.notice_list ul li p{height:30px; font-weight:300; }
.notice_list ul li p img{vertical-align:middle; padding-left:6px;}
.notice_list ul li p.list {padding-left:14px; letter-spacing:-1px; background:url("../../images/home/list_dot2.png") 5px 9px no-repeat; letter-spacing:0;}
.notice_list ul li p.date {float:right; color:#aeaeae; font-size:14px; padding-right: 5px; margin-top:-28px;}
.notice_list ul li a:hover {color:#000; text-decoration:underline; font-weight:350; }


/* main - Right */
.content_tile{position:absolute; top:172px; right:0; background:#cee0f0; width:58%; height:578px;}
.content_tile .tile_box{width:50%; height:289px; float:left;}
.content_tile .tile_box.gray{background:#e9e9e9;}
.tile_titleBox{padding:25px 30px 8px 28px; font-weight:300; color:#656565;}
.tile_titleBox .tile_title{display:inline-block; font-size:23px; font-weight:500; color:#3a3a3a;}
.tile_titleBox .tile_date{float:right; margin-top:5px; font-size:14px;}
.tile_titleBox .tile_unit{text-align:right; color:#8e8e8e; margin-top:-6px;}

.tile_box .graph{width:85%; height:184px; margin:4px auto 0; background:#fafafa; border-radius:5px;}
.graph .chart_div{float:left;width:90%;height:200px;margin:4px 5% 0 5%;background:transparent;}
.graph .chart_div{float:left;width:90%;height:200px;margin:4px 5% 0 5%;background:transparent;}

.tile_cent{width:87%; margin:0 auto; display:block;}
.tile_cent li{float:left; width:47.6%; height:90px; margin:3px; background:#fafafa; border-radius:5px; position:relative;}
.tile_cent li > a{display:block;cursor:default;}
.tile_cent li > a dt{position:absolute; bottom:0; left:0; right:0; height:26px; padding-top:2px; text-align:center; background:#8da1bc; color:#fff; font-size:14px; font-weight:400; border-radius:0 0 5px 5px;}
.gray .tile_cent li > a dt{background:#a6a9af;}
.tile_cent li > a dd{text-align:center; font-family: Calibri, 'Noto Sans KR'; font-weight:bold; color:#4a4a4a; font-size:26px; height:30px; padding-top:15px; letter-spacing:-0.7px;}
.tile_cent li > a dd > span{color:#fc562a;}
.tile_cent li > a dd > i{font-weight:100; font-style:normal;}
.tile_cent li:hover a dd{border:2px solid #59acf2; botder-bottom:none; border-radius:5px 5px 0 0; height:52px; padding-top:13px; }
.tile_cent li:hover a dt{border:2px solid #59acf2;  border-top:none; border-radius:0 0 5px 5px; height:24px; padding-top:2px; background:#59acf2;}



/*
.main_right { float:right; margin-top:30px; width:600px;}
.main_tile > li { position:relative; float:left; width:160px; height:135px; padding:15px 20px 20px; margin-bottom:1px; }
.main_tile li.blue { background:#49a2c5; }
.main_tile li.green { background:#7cc242; }
.main_tile li.gray { background:#6f6f6f; }
.main_tile li.white { background:#fff; padding:15px 10px 20px 20px; width: 170px;}
.main_tile li.red { background:#f4978a; }
.main_tile li.purple { background:#b876d4; }
.main_tile .period_5 { position: relative; bottom: -5px; float: right; color: #FFFFFF; font-size: 11px; }
.main_tile .period_25 { position: relative; bottom: -25px; float: right; color: #FFFFFF; font-size: 11px; }

.main_tile li .btn_ico { position:absolute; top:15px; right:20px; } 
.main_tile li .check_view { position:absolute; top:12px; right:-10px; display:none; } 
.main_tile li.current .btn_ico a .check_view { display:block; }
.main_tile li .btn_ico a:hover .check_view { display:block; }
.main_tile li .btn_ico a { display:block; width:160px; text-align:right; }

.tile_title { padding-bottom:33px; font-size:18px; font-weight:bold; color:#fff; }
.tile_list li { line-height:23px; color:#fff;  font-size:13px;}
.tile_list li a { color:#fff; font-weight:bold; text-decoration:underline; }

.main_slogan { padding-top:60px; font-size:40px; font-weight:500; color:#fff; letter-spacing:-1.0px; }
.main_slogan span {font-weight:300; }
.main_slogan .sloan_description {padding-top:40px; color:#e7f4ff; font-size:14px; font-weight:300; line-height:26px; letter-spacing:0.1px; background:url("../../images/home/home_textBar.png") 0 20px no-repeat;}
*/
.white .small { font-weight:normal; letter-spacing:-1px; font-size:11px; }
.white .small b { letter-spacing:0; }


.main_list_container { position:relative; padding:10px 0 20px; overflow:hidden; }
.main_list_container span { display:inline-block; padding:0 0 0 15px; vertical-align:bottom; color:#ccc; }
.m_title { position:relative; padding:10px 0 5px; }
.more2 { position:absolute; bottom:0; right:5px; }
.main_table_width { min-width:100px; height:auto; }


/* footer */
.footer_main{text-align: right; padding:40px 0 5px; color:#949494;}
.footer_main p {font-size:13px; font-weight:300;}
.footer_main > p a{color:#3a3a3a; font-weight:500; font-size:14px;}
.footer_main a:hover{color:#006bb7;}
.footer_txt{padding-top:10px; line-height:21px;}

/*.footer_main { position:relative; padding:10px 0 30px; text-align:right; }
.footer_main { position:relative; padding:10px 0 30px; text-align:right;margin:0 75px 0 0;}
.footer_main a { font-weight:bold; color:#006bb7; padding-left:5px; }
.footer_main a:first-child { padding-right:5px; }
.footer_main p { padding-top:15px; }
*/



/* 20170207 start */
.situationcont {float:left; margin-left:10px;}
/*.situationcont .boardbox {width:285px; height:280px; margin-bottom:10px; border:5px solid #f2f7fa;}*/
.situationcont .boardbox {width:350px; height:280px; margin-bottom:10px; border:5px solid #f2f7fa;}
.situationcont .boardbox.last {margin-bottom:0;}
/*.situationcont .boardbox h2 {font-family:"Noto Sans KR"  , sans-serif;width:255px; height:auto; padding-top:0; margin:15px auto; font-size:16px; line-height:22px; font-weight:500;border-bottom:none;}*/
.situationcont .boardbox h2 {font-family:"Noto Sans KR"  , sans-serif;width:255px; height:auto; padding-top:0; margin:15px 0 15px 18px; font-size:16px; line-height:22px; font-weight:500;border-bottom:none;}
/*.situationcont .boardbox .board {width:255px;margin:15px auto;border-top:1px solid #7cc242;}*/
.situationcont .boardbox .board {width:90%;margin:15px auto;border-top:1px solid #7cc242;}
.situationcont .boardbox .board table {width:100%;border-right:1px solid #e9eef1;border-collapse: collapse;table-layout:fixed;}
.situationcont .boardbox .board table th,
.situationcont .boardbox .board table td {border-bottom:1px solid #e9eef1;border-left:1px solid #e9eef1;line-height:17px;}
.situationcont .boardbox .board table th {font-family:"Noto Sans KR" , sans-serif; color:#888;padding:7px 0 5px 0;font-size:12px;font-weight:500;}
.situationcont .boardbox .board table .th-type th {background:#f2f7fa;}
.situationcont .boardbox .board table td {padding:8px 14px 7px 0;text-align:right;color:#ababab;font-size:11px;}
.situationcont .boardbox .board table td a {font-weight:bold;color:#006bb7;}
.situationcont .boardbox .board .board-date {display:block;margin-top:20px;color:#ababab;text-align:right;font-size:12px;line-height:17px;}
/*
.graphbox {position:relative;width:248px;height:180px;overflow:hidden;margin:46px auto 0;background:url('../../images/bg_graph.jpg') 34px 0 no-repeat;}
.graphbox .year {position:absolute;top:156px;left:49px;width:198px;}
.graphbox .year li {position:relative;float:left;margin-right:21px;vertical-align:top;font-size:11px;line-height:18px;}
.graphbox .year li.last {margin-right:0;}
.graphbox .year li span {font-family:"Noto Sans KR" , sans-serif; color:#888;vertical-align:top;font-weight:400;}
.graphbox .year li .graph {position:absolute;bottom:21px;left:5px;width:38px;}
.graphbox .year li .graph .graph-green {background:#7cc242;}
.graphbox .year li .graph .graph-red {background:#c1504d;}
.graphbox .year li .graph .graph-blue {background:#006bb7;}
.graphbox .year li .graph .graph-green,
.graphbox .year li .graph .graph-red,
.graphbox .year li .graph .graph-blue {vertical-align:top;font-size:0;line-height:0;text-indent:-99999px;}
.graphbox .amount {position:absolute;top:-10px;left:0;color:#888;font-size:11px;line-height:17px;}
.graphbox .amount li {font-family:"Noto Sans KR" , sans-serif; margin-top:28px;font-weight:400;}
*/
.graphbox {position:relative;width:100%;height:100%;overflow:hidden;}

.situationtype {width:248px;margin:20px auto 0;text-align:right;}
.situationtype li {display:inline-block;margin-left:15px;padding-left:10px;color:#ababab;font-size:11px;line-height:15px;}
.situationtype li.blue {background:url('../../images/icon_situation1.jpg') 0 4px no-repeat;}
.situationtype li.red {background:url('../../images/icon_situation2.jpg') 0 4px no-repeat;}
.situationtype li.green {background:url('../../images/icon_situation3.jpg') 0 4px no-repeat;}
/* 20170207 end */

/* 20170208 start */
.form {width:1400px; margin:0 auto;}
.form h2 {font-family:"Noto Sans KR" , sans-serif;padding-left:12px;background:url('../../images/bl_bar5.jpg') 0 4px no-repeat;color:#484a4b;font-size:16px;line-height:22px;font-weight:600;}
.form .write-buy {position:relative;width:100%;margin-top:20px;padding:6px 0;background:#f2f7fa;border:1px solid #e9eef1;border-top:1px solid #7cc242;}
.form .write-buy a.close {position:absolute;bottom:-12px;left:50%;display:inline-block;overflow:hidden;width:34px;height:12px;margin-left:-17px;background:url('../../images/btn_onoff.jpg') 0 0 no-repeat;font-size:0;line-height:0;}
.form .write-buy a.open {position:absolute;bottom:-12px;left:50%;display:none;overflow:hidden;width:34px;height:12px;margin-left:-17px;background:url('../../images/btn_onoff.jpg') 0 -13px no-repeat;font-size:0;line-height:0;}
.form .write-buy.close a.close {display:none;}
.form .write-buy.close a.open {display:inline-block;}
.form .write-buy.close li {display:none;}
.form .write-buy.close li.first {display:block;}
.form .write-buy.close button.search {display:none;}
.form .write-buy button.search {position:absolute; top:44px;right:19px;width:130px;height:47px;padding:0 0 0 10px;background:#0070c2 url('../../images/search.png') 36px 19px no-repeat; border-radius:5px;margin:0;border:none;font-size:12px;line-height:12px; color:#fff; font-weight:bold; outline:none;cursor:pointer;}
.form .write-buy > ul {width:1161px;}
.form .write-buy > ul > li {overflow:hidden;padding:6px 0;border-top:1px solid #e9eef1;}
.form .write-buy > ul > li.line-none {width:1053px;}
.form .write-buy > ul > li.first {border:none;}
.form .write-buy > ul > li .optionname {font-family:"Noto Sans KR" , sans-serif;float:left;margin-right:5px;padding:2px 0 0 9px;background:url('../../images/icon_star1.jpg') 0 6px no-repeat;color:#888;font-weight:500;font-size:12px;line-height:16px;}
.form .write-buy > ul > li .optionname.nametype {width:70px;}
.form .write-buy > ul > li .optionname.warning {background:url('../../images/icon_star2.jpg') 0 6px no-repeat;}
.form .write-buy > ul > li .formcont {float:left;margin-right:14px;color:#ccc;}
.form .write-buy > ul > li label {display:inline-block;color:#ababab;font-size:12px;line-height:16px;vertical-align:top;}
.form .write-buy > ul > li input {padding:0;margin:0;vertical-align:top;font-size:14px;line-height:16px;}
.form .write-buy > ul > li input.checkbox {margin-top:1px;}
.form .write-buy > ul > li input.text {border:1px solid #ccc;}
.form .write-buy > ul > li select {padding:2px 0;margin:0;vertical-align:top;font-size:11px;line-height:14px;}
.form .write-buy > ul > li img {margin-bottom:1px;vertical-align:top;}
.board-scroll {width:1400px;margin:56px auto 0;}
.board-scroll .settingbox {width:100%;overflow:hidden;margin-bottom:4px;}
.board-scroll .settingbox .total {float:left;}
.board-scroll .settingbox .total select {padding-left:3px;vertical-align:top;}
.board-scroll .settingbox .total span {font-size:12px;line-height:16px;}
.board-scroll .settingbox .total span a {color:#006bb7;font-size:12px;line-height:16px;font-weight:bold;}
.board-scroll .settingbtn {float:right;}
.board-scroll .settingbtn select {padding-left:3px;margin-top:0;vertical-align:top;}
.board-scroll .settingbtn button {border:none;font-size:0;line-height:0;cursor:pointer;vertical-align:top;text-indent:-9999px;}
.board-scroll .board {width:100%;height:200px;overflow:scroll;border-top:1px solid #006bb7;}
.board-scroll .board table {width:auto;border-collapse:collapse;table-layout:fixed;}
.board-scroll .board table th, .board-scroll .board table td {border-right:1px solid #e9eef1;border-bottom:1px solid #e9eef1;line-height:18px;white-space: nowrap;}
.board-scroll .board table th.first, .board-scroll .board table td.first {border-left:1px solid #e9eef1;}
.board-scroll .board table th {font-family:"Noto Sans KR" , sans-serif;padding:7px 13px 5px;background:#f2f7fa;color:#99999a;font-size:12px;font-weight:500;}
.board-scroll .board table td {padding:8px 13px 7px;color:#ababab;text-align:center;font-size:11px;}
.board-scroll .board table td.lefttype {padding-right:25px;text-align:left;}
.board-scroll .board table .linktype01 {color:#006bb7;}
.board-scroll .board table .linktype02 {color:#006bb7;font-weight:bold;}
.btn-buy {width:100px;height:22px;background:url('../../images/btn_buy.jpg') 0 0 no-repeat;}
.btn-receipt {width:50px;height:22px;background:url('../../images/btn_receipt.jpg') 0 0 no-repeat;font-size:0;line-height:0;}
.btn-excel {width:86px;height:22px;background:url("../../images/btn_excel.jpg") 0 0 no-repeat;font-size:0;line-height:0;}
/* 20170208 end */

/* 20190209 start */
.optionname {font-family:"Noto Sans KR" , sans-serif;float:left;margin-right:5px;padding:2px 0 0 09px;background:url('../../images/icon_star1.jpg') 0 6px no-repeat;color:#888;font-weight:500;font-size:12px;line-height:16px;}
.optionname.nametype {width:70px;}
.optionname.warning {background:url('../../images/icon_star2.jpg') 0 6px no-repeat;}
.formcont {display:inline-block;vertical-align:middle;margin-right:14px;color:#ccc;}
/* 20190209 end */


/*==== 마감 처리 ====*/
.process_wrap{background:#fafafa; margin:20px 0 50px;}
.process_wrap li{position:relative; min-height:180px; padding:20px 0; border:1px dashed #ececec; background:url("../../images/process_bar.png") 167px 0 repeat-y; }
.process_wrap li.first{ background:url("../../images/process_bar.png") 167px 150px no-repeat; } /* process bar 시작*/
.process_wrap li.last{ background:url("../../images/process_bar.png") 167px -150px no-repeat; }/* process bar  끝*/

/* step 진행 전 */
.process_wrap li dt{position:absolute; top:0; bottom:0; left:0; width:340px; font-size:16px; font-weight:500; text-align:center; color:#5a5a5a; background:url("../../images/process_won01.png") 105px center no-repeat;}
.process_wrap li dt .process_title{position:absolute; top:50%; left:50%; margin:-65px 0 0 -65px; width:130px; height:130px; text-align:center;}
.process_wrap li dt .process_title > span{display:block; color:#d4d4d4; font-size:26px; font-weight:800; padding-top:27px;}

/* step 완료 */
.process_wrap li.previous dt{background:url("../../images/process_won03.png") 105px center no-repeat; color:#fff;}
/* .process_wrap li.previous dd .ui-datepicker-trigger{display:none;} */

/* step 진행전/완료 공통 */
.process_wrap li dd{padding:10px 0; margin-left:340px; width:520px;}
.process_wrap li dd .process_sTitle{ padding:7px 0; height:27px;}
.process_wrap li dd .process_sTitle .sTitle{display:inline-block; font-size:18px; font-weight:500; color:#979797;}
.process_wrap li dd .process_sTitle .date{float:right; font-size:14px; font-weight:400; padding-top:5px; color:#afafaf;}
.process_wrap li dd .process_centBox .date {color:#afafaf; font-size:16px;}

.process_wrap li dd .process_sTitle a.refrash{width:23px; height:21px; border:1px solid #ebebeb; border-radius:3px; display:inline-block; margin-left:5px; vertical-align:middle; background:url('../../images/icon_refrash.png') center no-repeat #f9fafa; cursor:default;}/*새로고침*/

.process_wrap li dd .process_centBox{border:1px solid #ebebeb; border-top:2px solid #dadada; padding:20px 0; text-align:center;}
.process_wrap li dd .table_wrap table{width:100%; vertical-align:top; border-top:2px solid #dadada; border-collapse:collapse; margin-bottom:10px; }
.process_wrap li dd .table_wrap th{background:#f5f6f8; border:1px solid #ebebeb; height:25px; font-weight:500; color:#9a9a9a; text-align:center;}
.process_wrap li dd .table_wrap .th{ font-weight:500; color:#9a9a9a;}
.process_wrap li dd .table_wrap .left{ text-align:left; padding-left:8px;}
.process_wrap li dd .table_wrap td{border:1px solid #ebebeb; height:35px; text-align:center; color:#aaa;}

.process_wrap li dd .process_btns{padding:5px 0 25px;}
.process_wrap li dd .process_btns .txt{color:#aeaeae; font-size:14px; display:inline-block; font-weight:300;}
.process_wrap li dd .process_btns .btn_list{float:right; text-align:right; padding:8px 0;}
.process_wrap li dd .process_btns .btn_list a{color:#fff; background:#dadada; padding:4px 25px 5px; border-radius:3px; font-size:14px; cursor:default;}

/* step 진행 중... */
.process_wrap li.current {background-color:#fff; border:1px solid #7dc8ff; }
.process_wrap li.current dt{background:url("../../images/process_won02.png") 104px center no-repeat; color:#fff;}
.process_wrap li.current dt .process_title > span{display:block; color:#89b6df; font-size:30px; font-weight:800; padding-top:20px;}

.process_wrap li.current dd .process_sTitle a.refrash{width:23px; height:21px; border:1px solid #c7c7c7; border-radius:3px; display:inline-block; margin-left:5px; vertical-align:middle; background:url('../../images/icon_refrash.png') center no-repeat #f9fafa; cursor:pointer;}/*새로고침*/
.process_wrap li.current dd .process_sTitle a.refrash:hover{width:21px; height:19px; border:2px solid #89b6df; }

.process_wrap li.current dd{padding:10px 0; margin-left:340px; width:520px;}
.process_wrap li.current dd .process_sTitle{ padding:7px 0 7px;}
.process_wrap li.current dd .process_sTitle .sTitle{display:inline-block; font-size:18px; font-weight:500; color:#292929;}
.process_wrap li.current dd .process_sTitle .date{float:right; font-size:14px; font-weight:400; padding-top:5px; color:#7a7a7a;}
.process_wrap li.current dd .process_sTitle .date > span{color:#3b90d0;}
.process_wrap li.current dd .process_centBox .date {color:#3b90d0; font-size:16px;}

.process_wrap li.current dd .process_centBox{border:1px solid #efefef; border-top:2px solid #acacac; padding:20px 0; text-align:center; background:#fcfcfc;}
.process_wrap li.current dd .table_wrap table{width:100%; vertical-align:top; border-top:2px solid #acacac; border-collapse:collapse; margin-bottom:10px;}
.process_wrap li.current dd .table_wrap th{background:#f5f6f8; border:1px solid #dddddd; height:25px; font-weight:500; color:#5a5a5a; text-align:center;}
.process_wrap li.current dd .table_wrap .th{ font-weight:500; color:#5a5a5a;}
.process_wrap li.current dd .table_wrap .left{ text-align:left; padding-left:8px;}
.process_wrap li.current dd .table_wrap td{background:#fff; border:1px solid #dddddd; height:35px; text-align:center; color:#878787;}

.process_wrap li.current dd .process_btns{padding:5px 0 25px;}
.process_wrap li.current dd .process_btns .txt{color:#7a7a7a; font-size:14px; display:inline-block; font-weight:300;}
.process_wrap li.current dd .process_btns .btn_list{float:right; text-align:right; padding:8px 0;}
.process_wrap li.current dd .process_btns .btn_list a{color:#fff; background:#9a9a9a; padding:4px 25px 5px; border-radius:3px; font-size:14px; cursor:pointer;}
.process_wrap li.current dd .process_btns .btn_list a:hover{background:#666c70;}


/* login */
body.login_pg {background:#f3f3f3; position:relative;}
.login_container {position:absolute; top:50%; left:50%; margin:-250px 0 0 -400px;}
.login_header { position:relative; overflow:hidden; padding-bottom:16px;}
.login_header h1 {float:left; }
.login_header span {display:block; float:left; padding:28px 0 0 10px; font-weight:300; color:#6b6b6b; font-size:14px; }
.login_body {position:relative; width:800px; height:418px; background:url("../../images/login/bg_login.png") no-repeat 0 0;}
.login_body h1 {position:absolute; top:10px; left:10px;}
/*.login_body .login_slogan {position:absolute; top:80px; left:70px; }
.login_body .login_slogan .big { font-size:27px; font-weight:bold; color:#006bb7; }
.login_body .login_slogan .big span { color:#333; font-weight:700; }
.login_body .top_line { margin-left:63px; width:55px; height:2px; background:#7cc242; text-indent:-2000px; }
.login_body .top_line { margin-left:54px; width:80px; height:2px; background:#7cc242; text-indent:-2000px; }*/
.login_body .login_title { padding:50px 0 0 50px; font-size:34px; font-weight:350; color:#000; letter-spacing:-1.5px; text-align:left; }
.login_body .login_title span { font-weight:700;}
.login_body .login_title_eng { padding:5px 0 0 53px; color:#999; font-size:15px; font-weight:300; letter-spacing:0.5px;}
.login_body .login_comment { padding:40px 0 0 5px; text-align:left;}
.login_body .login_status {padding: 0px 45px 0px 0px; color: #00b1e4; line-height: 15px; font-size: 15px; font-weight: 400; vertical-align: middle;}

.login_form_header { /*padding:40px 0 20px;*/ color:#333; overflow:hidden; position:absolute; top:240px;right:28px;}
.login_form_header .form_title {  float:left; font-size:20px; }
/*
.login_form_header .form_search { float:right;}
.login_form_header .form_search a { display:inline-block; line-height:25px; font-size:11px; padding:0 10px; background:#666; color:#D8D8D8; }
*/
.login_body .form_search {position:absolute; left: 55px; top: 155px;}
.login_body .form_search a { display:inline-block; line-height:25px; font-size:11px; padding:0 10px; background:#666; color:#D8D8D8; }

.login_body .form_area { position:relative; width:318px; margin:15px 0 0 53px;  }
.login_body .form_area p { padding-bottom:6px; }
.login_body .form_area p span { display:inline-block; width:70px; font-size:14px; }
/*.login_body .form_area p input.txt { padding:11px 0 10px 44px; font-size:12px; line-height:17px; height:17px; width:181px; background:url('../../images/icon_id.jpg') 9px 8px no-repeat;}*/
.login_body .form_area p input.txt { padding:9px 0 8px 14px; font-size:14px;font-weight:400; border-radius:5px; border:1px solid #c4c4c4; height:22px; width:220px; }
/*.login_body .form_area p input.password{background:url('../../images/icon_password.jpg') 9px 8px no-repeat;}
.login_body .form_area p input.password{}*/
/*.login_body .form_area .login { position:absolute; top:0px; right:0; width:80px; color:#fff; background:#7cc242; text-align:center; }*/
.login_body .form_area .login { position:absolute; top:0px; right:0; left:246px; width:102px; height:88px; color:#fff; text-align:center; border-radius:5px; background:#7cc242;}
.login_body .form_area .login a { display:block; height:55px; color:#fff; font-size:16px; font-weight:500; padding-top:32px; text-align:center; }
.login_body .form_area .login:hover{background:#66ac2d;}
.login_body .form_area .id_save { padding-top:8px; padding-bottom:0; font-size:14px; font-weight:300; color:#484747;vertical-align:middle;}
.login_body .form_area .id_save input { border:none; vertical-align:middle;}
.footer_login { position:relative; padding:0 40px; text-align:right; }
.footer_login a { font-weight:bold; color:#006bb7; padding-left:5px; }
.footer_login a:first-child { padding-right:5px; }
.footer_login p { padding-top:15px; }
.login_help_desk {position:absolute; bottom:11px; right:30px; font-size:13px; font-weight:350; color:#8dbfe7; color:#a6c8e7; vertical-align:middle; letter-spacing:0.5px;}
.login_help_desk > span{color:#a6c8e7; font-weight:500;}
.id_pw_search{position:absolute; bottom:10px; left:25px;}
.id_pw_search a{color:#fff; font-size:14px; font-weight:350; display:inline-block; background:url("../../images/login/search-idPw.png") 1px 4px no-repeat; padding-left:24px; vertical-align:middle;}
.id_pw_search:hover a{color:#e2ff9c; background:url("../../images/login/search-idPw_on.png") 1px 4px no-repeat;}

/* 업체등록 */
.common_container { position:relative; width:1100px; margin:30px auto 0; }
.common_header { height:50px; background:#006bb7; }
.common_header_area { position:relative; height:50px; margin: 0 30px; overflow:hidden; }
.common_header_area h1 { font-size:18px; color:#fff; padding:10px 0 0 12px; background:url("../../images/pop_bullet.png") 0 18px no-repeat; }
.common_header_area .pop_logo { position:absolute; top:14px; right:0; }
.common_conbox { border:1px solid #ccc; margin-top:30px; padding:30px; }
.common_conbox .title { border:1px solid #ccc; margin-top:30px; }
h3 { font-size:16px; color:#000; }
.common_conbox .terms_agree { height:200px; margin-top:10px; overflow:scroll; border:1px solid #ccc; padding:20px; }
.agree_select { padding-top:10px; text-align:right; }
.guide_txt { padding-top:5px; }

/*
.ui-datepicker-calendar > tbody td:first-child a { color: #ff6600; }
.ui-datepicker-calendar > tbody td:last-child a { color: #0095c7; }
.ui-datepicker-calendar > tbody tr td:first-child+td+td+td+td+td+td a { color: #0095c7; }
.ui-datepicker-trigger { padding-left:5px; cursor:pointer; }
.ui-datepicker-year { margin-right:3px!important; height:26px!important; }
*/

.table_sort { padding:3px 5px; }

/* 레이어 팝업 - 기존껀 사용안할것임*/
.layer_pop { position:fixed; display:none; width:279px; z-index:100px; }
/*#backgroundPopup { display:none; position:fixed; top:0; left:0; background:#000000; z-index:1500; }*/


/*CK Editor*/
.cke_combopanel{zoom:0.9;}
.cke_panel_frame{zoom:0.9;}
.cke_toolbar {zoom: 0.9;}

th[data-type]{cursor:pointer;}

.btnCancel a
{ overflow:hidden;
   display:inline-block;
   padding:1px 8px 1px;
     color:#000;
background:#efefef;
    border:1px solid #A3A4A5;
margin-top:0px;
      left:10px;
}

/* 추가 버튼 활성화 */ /*수정9*/
/*.update_btn_area { display:inline-block; float: right;margin-top:4px;}*/
.update_btn_area { display:inline-block; float: right;}
.update_btn_area:after{ content: ''; clear: both; display: block; }
/*.update_btn {  float:right; display:inline-block; margin-left: 10px;  border-radius: 2px; box-shadow: 0px 2px 2px rgba(1,1,1,0.10); background:url("./../../../resources/images/icon.png") right -658px repeat-x !important;}*/
.update_btn {  float:right; display:inline-block; margin-top:1px;margin-left: 10px;  border-radius: 2px; box-shadow: 0px 2px 2px rgba(1,1,1,0.10); background:url("./../../../resources/images/icon.png") right -658px repeat-x !important;}
a.insert_btn { display:inline-block; padding:2px 10px 4px; color:#fff !important; font-size:12px; font-weight: 400; background:url("./../../../resources/images/icon.png") left -658px repeat-x !important; height: 18px; line-height: 18px; }
a.delete_btn { float: right; background:url("./../../../resources/images/del_btn.png") 8px 7px no-repeat !important; text-indent: -1000em; overflow: hidden; width: 24px; height:24px;}
.update_btn:hover { color:#f3ffa5 !important; font-weight: bold;  background:url("./../../../resources/images/icon.png") right -710px repeat-x !important;}
.update_btn:hover :first-child{ color:#f3ffa5 !important; font-weight: 400;  background:url("./../../../resources/images/icon.png")left -710px repeat-x !important;}
/* 추가 버튼 비활성화 */
/*.disable_update_btn {  float:right; display:inline-block; margin-left: 10px;  border-radius: 2px; box-shadow: 0px 2px 2px rgba(1,1,1,0.10); background:url("./../../../resources/images/icon.png") right -762px repeat-x !important;}*/
.disable_update_btn {  float:right; display:inline-block; margin-top:1px; margin-left: 10px;  border-radius: 2px; box-shadow: 0px 2px 2px rgba(1,1,1,0.10); background:url("./../../../resources/images/icon.png") right -762px repeat-x !important;}
a.disable_insert_btn { display:inline-block; padding:2px 10px 4px; color:#333 !important; font-size:12px; font-weight: 400; background:url("./../../../resources/images/icon.png") left -762px repeat-x !important; height: 18px; line-height: 18px; }
a.disable_delete_btn { float: right; background:url("./../../../resources/images/disable_del_btn.png") 8px 7px no-repeat !important; text-indent: -1000em; overflow: hidden; width: 24px; height:24px;}
.disable_update_btn:hover { color:#006bb7 !important; font-weight: 400;  background:url("./../../../resources/images/icon.png") right -814px repeat-x !important;}
.disable_update_btn:hover :first-child{ color:#006bb7 !important; font-weight: 400;  background:url("./../../../resources/images/icon.png")left -814px repeat-x !important;}


.btn_pop_area  { margin-top:10px; overflow:hidden;}
.btn_pop_area .list_option { position:relative; float:left; }
.btn_pop_area .list_option span{color:#000; font-weight:400;}
.btn_pop_area .list_option .data_total { display:inline-block; padding:0 0 0 1px; vertical-align:bottom; }
.btn_pop_area .list_option .data_total span { color:#3b90d0; font-weight:bold; }
/*.btn_pop_area .btn_list { float:right; }*/
.btn_pop_area .btn_list {text-align:right; margin-top:20px;}
.btn_pop_area .btn_list a{display:inline-block; color:#fff; background:#7dc243; padding:4px 30px 5px; font-size:14px; }
.btn_pop_area .btn_list a.glay { display:inline-block; background:#9facb8;}

.pop_box { margin-top:5px; padding:20px 30px; border-top:1px solid #3b90d0; }
.pop_box_not_top{ margin-top:5px; padding:10px 30px; }
.pop_box .title_area { padding-bottom:10px;  }
.pop_box_not_top .title_area { padding-bottom:10px;  }

.pop_find_box { margin-top:1px; border-top:1px solid #3b90d0; padding-bottom:1px; }
.pop_find_table { min-width:100%; }
.pop_find_table th { padding:5px 10px; background:#f3f3f3; border-bottom:1px solid #dddddd; }
.pop_find_table td { padding:5px 10px; border-bottom:1px solid #dddddd; text-align:left; }

.find_body { background-image:none; min-width:350px; height:auto; }

.attchCancel { display:inline-block; margin:0 0 0 3px ; padding:2px 20px 2px; background:#efefef; border:1px solid #dfdfdf; color:#000; vertical-align:middle;}
.attchCancel:hover { font-weight:bold; color:#000; }

.overText60{width: 60px;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.overText80{width: 80px;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.overText100{width: 100px;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.overText120{width: 120px;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.overText140{width: 140px;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.overText160{width: 160px;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.overText180{width: 180px;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.overText200{width: 200px;  text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.overText210{width: 210px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.overText300{width: 300px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.overText400{width: 400px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.overText500{width: 500px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.overText600{width: 600px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.overText700{width: 700px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.overText800{width: 800px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.overText900{width: 900px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.overText50pct{width: 50%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.overText60pct{width: 60%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.overText70pct{width: 70%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.overText80pct{width: 80%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.overText90pct{width: 90%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.autoLineFeed{word-break:break-all;}

.bg_yellow{background-color:#f7f77a}

.dsp_none{display: none;}

.border_none{border: none;}

.layer_pop_excel_upload{ display: none; position:absolute; width:300px; z-index:1499; background-color: #FFFFFF; border: 2px solid #dddddd; padding: 10px;}

/*레이어 팝업 시작*/
.layer_pop_header {text-align:right; padding:7px 8px 8px 0; }
.layer_pop_boxIn {padding:0 22px 40px 22px;  background:#fff; display:inline-block; width:720px;}
/*.popTit {display:table-cell; vertical-align:middle; height:110px; width:720px; }*/
.popTit {display:table-cell; vertical-align:middle;width:720px; }
.popTit_wrap{ border-top:1px solid #aaaaaa; margin-top:40px; }
.popTit .title {color:#393939; font-size:30px; text-align:center;letter-spacing:-2px; line-height:30px; }
.pop_footer { margin-top:60px; display:inline-block; width:100%; }
.layer_pop_header {margin-bottom:8px; text-align:right;}
.layer {display:none; position:fixed;/*position:absolute;*/ z-index:50; top:0; left:0; width:100%; height:100%;}
.layer .bg0 {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer .layer_pop {display:none; display:block; position:absolute; z-index:60; top:50%; left:50%;/* width:764px;*/ width:900px;height:auto; padding:7px 8px 8px 8px; background:#393939;}
.layer .popwrap {max-height:700px; background:#fff; overflow-y:scroll;overflow-x:scroll;}

/*정렬*/
.layer .center { text-align:center; }
.layer .right { text-align:right; }
.layer .btn_right {  position:absolute;right:0;  }
.layer .btn_right2 { text-align:right; margin-bottom:10px;  }

/*큰버튼 (레이어 팝업용)*/
/*.layer .Bbtn {display:inline-block; width:137px; height:43px; border-radius:10px; font-size:14px; font-weight:bold; text-align:center; line-height:43px;}*/
.layer .Bbtn {display:inline-block; width:80px; height:33px; font-size:14px; font-weight:700; text-align:center; line-height:33px;}
.layer .Bbtn span {color:#fff;}

/*버튼 배경색*/
.layer .white { background:#fff !important;}
.layer .deepblue { background:#006bb7 !important; }
.layer .lightblue { background:#6ac4d0 !important; }
.layer .gray { background:#aaaaaa !important; }
.layer .deeppink { background:#fa8397 !important; }
.layer .on_1{background:#fa8397 !important; color:#ffffff;}

/*레이어 팝업 내의 테이블*/
.layer .list3 { }
.layer .list3 table { width:100%; border-collapse:collapse; border-top:solid 1px #d6d6d6;}
.layer .list3 table th {padding:18px 0px 16px 25px; border-bottom:solid 1px #d6d6d6; color:#6f6f6f; font-size:13px; text-align:left;  line-height:14px; background:#f7f7f7;}
.layer .list3 table td {padding:18px 5px 16px 25px; border-bottom:solid 1px #d6d6d6; text-align:left; vertical-align:middle;  }
.layer .list3 table td.form { padding:10px 5px 8px 15px; }
.layer .list3 table th.letter_01 { letter-spacing:4px;}

.layer .wrap_in1 { margin:0 5px 0 5px; }
.layer .wrap_in2 { margin:0 5px 0 0; }
.layer .wrap_in3 { margin:0 12px 0 0; }
.layer .wrap_in4 { margin:0 0 0 36px; }
.layer .wrap_in5 { margin:0 0 0 10px; }
.layer .wrap_in6 { margin:0 20px 0 0; }
.layer .wrap_in7 { margin:0 0 0 3px; }
.layer .wrap_in8 { margin:0 10px 0 10px; position:absolute; right:180px;}
.layer .wrap_in9 { margin:0 0 0 15px; }
.layer .wrap_in10 { margin:0 10px 0 10px; position:absolute; right:80px;}
/*레이어 팝업 끝*/

/*스크롤 따라다니는 메뉴(버튼)*/
/*.animScrollTop{ background-color:#F0F0F0; position:absolute; width:50px; top:400px; right:50px; padding: 3px 10px } */
.animScrollTop{ position: fixed; right: 4%; bottom:60px; display: none; z-index: 999;}
.animScrollTop a{display:block;overflow:hidden;width:48px;height:48px;text-indent:-10000em;background:url('/resources/images/move_top.png');}

.txta_full{width: 100%;}
.ellip { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.txtWarehouse{ margin-right: 1px; }
.txt70{ width: 70px;}
.txt60{ width: 60px;}
/*.fixed_table table tr th.sizeheader {background-color: #DFEFF6;}*/
.fixed_table table tr th.sizeheader {background-color: #FAF9E1;}
.fixed_table table tr td.sizeheader {background-color: #FAF9E1;}
/* .write_table-2 th.sizeheader-2 {background-color: #DCE6F9;} */
.fixed_table table tr td.sumRow{border-top:3px double #e1e1e1; font-weight:400; background:#f3F3F3;}

/* 2018.01.03 flagship total css 추가 */
.btn_area .list_option .data_total .col_red{color : #ff0600;}
.search_flag{display: inline-block; padding:0px; margin-bottom:0px; margin-left:30px;}
.title_flagship { border-bottom-width: 0px; display: inline-block; margin-top: 0px;}
.title_flagship form{ display: inline-block;}
.btn_area_flagship { margin-top:0px; margin-bottom:5px}
.search_area .send_form .flag_txt{font-size: 16px;}
.search_area .flag_a { margin-bottom: -21px; }
.search_area .flag_a a{padding: 8px 5px 5px 15px; background: url('../../images/search.png') 19px 11px no-repeat #8a9194; line-height: 19px; font-size: 16px;}
.search_area .send:hover  a {background: url('../../images/search.png') 19px 11px no-repeat #7cc242;}
.terms.wid_flag{width:330px;}
.search_area .form_flag{margin-right: 0px;}
.flag_table th{font-size: 15px;}
.flag_table td{font-size: 14px;}