@charset "utf-8";

* { margin:0; padding:0; } 

/* 관리자 수정페이지 */
.admin_setup { font-size:12px; width:100%; background:#fff; border:1px solid #e0e0e0; border-collapse:collapse;}
.admin_setup_title { background-color:#D0D0D0; }

/* 공통 적용 영역 입력폼 스타일 */
.input { background-color:#ffffff; color:#666666; font-family:Malgun Gothic, dotum; font-size:12px; height:19px; border : 1px solid #dadada; padding-left:3px;}
.textarea { font-family:Malgun Gothic, dotum, tahoma, Georgia; color:#666666; font-size:11px; border : 0px solid #dadada; line-height:16px; width:450px; height:110px;}
.select { font-family:Malgun Gothic, dotum, tahoma, Georgia; color:#666666; font-size:11px; border:1px #cccccc solid; height:18px;}

/*  공통 적용 영역 박스,내용스타일 */
#abtn_div { width:800px; text-align:right; border:0px;}
#abtn_pgdel { position:relative; width:0px; height:0px; left:2px; top:-15px; line-height: 0;}
#abtn_option { position:relative; width:0px; height:0px; left:15px; top:-15px; line-height: 0;}

/* 테이블 공통 스타일 */
.gu_table01 {padding:5px; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0;}
.gu_table02 {width:120px; background:#f7f7f7; height:30px; text-align:right; padding-right:10px; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0;}
.gu_table03 {text-align:center; height:30px; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0;}
.gu_table04 {font:11px; padding:8px;}
.gu_table05 {width:120px; height:30px; text-align:left; padding-left:10px; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0;}
.gu_table06 {width:120px; background:#f7f7f7; height:30px; text-align:center; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0; font-weight:bold;}
.gu_table07 {padding:5px; border:1px dotted; text-align:center; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0;}

.gu_vtable01 {text-align:center; vertical-align: middle; height:30px; background:#f7f7f7; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0; color:#333;}
.gu_vtable02 {text-align:center; vertical-align: middle; height:36px; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0;}
.gu_vtable_bottom {text-align:center; border:0px solid red;}

.emviroment01 {margin:2px 0;}

/* 금액변동사용여부 하단 메뉴*/
.gu_table02_1 {width:120px; background:#fffff; height:30px; text-align:right; padding-right:10px; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0;}

/* 폼 버튼div */
.btn_check {width:100%; text-align:center;}
.btn_check ul {border:0px solid red; margin-top:10px;}
.btn_check ul li {display:inline; border:0px solid red; padding:0; margin:0; height:30px; }
.btn_check_left {width:100%; text-align:left;}
.btn_check_left ul {border:0px solid red; margin-top:10px;}
.btn_check_left ul li {display:inline; border:0px solid red; padding:0; margin:0; height:30px; }

/* 테이블상단 정보표시 */
.gu_info01 {width:100%; padding:5px; border:0px solid red;}

/* 비밀번호 입력부 */
.gu_pwd01 {width:308px; margin:0 auto; padding:10px; border:1px solid #dedede;}

/* 확장관리 레이어 */
.gu_extent01 {width:750px; margin:10px 10px 0 0; float:right; border:0px solid red;}

/* 확장관리에디터 */
.gu_editor01 {width:720px; border:0px solid red;}

/* 말풍선 디자인 */
#qTip {
 padding: 3px;
 border: 1px solid #666;
 display: none;
 background: #999;
 color: #FFF;
 font: bold 11px Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 position: absolute;
 z-index: 1000;
}

i {
  font-style: normal;
  text-decoration: underline;
}

/* Button Reset */
.button,
.button a,
.button button,
.button input { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url(../img/buttonWhite.gif) no-repeat; overflow:visible; color:#333;}
.button { height:23px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
.button a,
.button button,
.button input{ left:2px; vertical-align:top; cursor:pointer;}

/* Button Size */
.button.large { height:29px; background-position:left -30px; }
.button.xLarge { height:35px; background-position:left -65px; }
.button.small { height:18px; background-position:left -107px; }
.button a,
.button button,
.button input { height:23px; padding:0 10px 0 8px; font-size:12px; line-height:23px; background-position:right top;}
.button.large a,
.button.large button,
.button.large input { height:30px; padding:0 10px 0 8px; font-size:16px; line-height:29px; background-position:right -30px;}
.button.xLarge a,
.button.xLarge button,
.button.xLarge input { height:35px; padding:0 10px 0 8px; font-size:20px; line-height:35px; background-position:right -65px;}
.button.small a,
.button.small button,
.button.small input { height:18px; padding:0 6px 0 4px; font-size:11px; line-height:18px; background-position:right -107px;}

/* Button Text Color */
.button *:hover,
.button *:active,
.button *:focus{ color:#690;}
.button.green,
.button.green a,
.button.green button,
.button.green input { background-image:url(../images/buttonGreen.gif); color:#fff;}
.button.green *:hover,
.button.green *:active,
.button.green *:focus{ color:#ff0;}
.button.black,
.button.black a,
.button.black button,
.button.black input { background-image:url(../images/buttonBlack.gif); color:#fff;}
.button.black *:hover,
.button.black *:active,
.button.black *:focus{ color:#ff0;}
.button.red,
.button.red a,
.button.red button,
.button.red input { background-image:url(../images/buttonRed.gif); color:#fff !mportant;}
.button.red *:hover,
.button.red *:active,
.button.red *:focus{ color:#ff0;}
.button.blue,
.button.blue a,
.button.blue button,
.button.blue input { background-image:url(../images/buttonBlue.gif); color:#fff;}
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus{ color:#ff0;}
.button.white,
.button.white a,
.button.white button,
.button.white input { background-image:url(../images/buttonWhite.gif); color:#333;}
.button.white *:hover,
.button.white *:active,
.button.white *:focus{ color:#333;}

/* Button Text Strong */
.button.strong * { font-weight:bold !important;}

/*툴팁 스타일*/
.gu_buble02 {
	float:none;
}

.gu_buble02 a.tip {
	position: relative;
}

.gu_buble02 a.tip span {
	display: none;
	position: absolute;
	top: 20px;
	left: -10px;
	padding: 5px;
	z-index: 100;
	background: #dedede;
	color: #333;
	-moz-border-radius: 5px; /* 파폭 박스 둥근 정도 */
	-webkit-border-radius: 5px; /* 사파리 박스 둥근 정도 */
}

.gu_buble02 a:hover.tip span {
	display: block;
}

/*  input 용 */
.gu_input01 {
	width:40px;
	height:20px;
	font-weight:bold;
	color:red;
	text-align:center;
	font-family:Dotum,Arial;
	font-size:10pt;		
	line-height:140%;
	background:#f1f7e7;
	border:1px solid #dedede;
}

.gu_input02 {
	width:300px;
	height:20px;
	font-family:Dotum,Arial;
	font-size:10pt;
	color:#6c6c6c;
	line-height:140%;
	font-stretch: normal;
	background:#f1f7e7;
	border:1px solid #dedede;
}

.gu_input03 {
	width:100px;
	height:20px;
	font-family:Dotum,Arial;
	font-size:10pt;
	color:#6c6c6c;
	line-height:140%;
	font-stretch: normal;
	/*background:#f1f7e7;*/
	border:1px solid #dedede;
}

.gu_input04 {
	width:90px;
	height:17px;
	font-family:Dotum,Arial;
	font-size:10pt;
	color:#6c6c6c;
	line-height:140%;
	font-stretch: normal;
	/*background:#f1f7e7;*/
	border:1px solid #dedede;
}

.gu_input05 {
	width:200px;
	height:17px;
	font-family:Dotum,Arial;
	font-size:10pt;
	color:#6c6c6c;
	line-height:140%;
	font-stretch: normal;
	/*background:#f1f7e7;*/
	border:1px solid #dedede;
}

/* 셀렉트박스용 */
.gu_select01{
	font:13px Gulim,Arial;
	background:#f7f7f7;
	color:#333;
}

/* 페이징 부분 */
.paging {text-align:center; margin:10px 0;}
.paging li {display:inline; margin:0 2px;}


/* navi */
#dgcWrap .nav_on {margin-bottom:15px; position:relative; width:100%; min-height:40px; letter-spacing:-1px;}
#dgcWrap .nav_area {border-bottom:1px solid #383838; float:left; width:100%;}
#dgcWrap .nav_on .tab_01 {background:#6e6d6d; height:30px; line-height:30px; padding:0; float:left; text-align:center; margin-right:3px;
									border-top:1px solid #383838; border-left:1px solid #383838; border-right:1px solid #383838;}
#dgcWrap .nav_on .tab_01 a {color:#fff; font-weight:bold; padding:0 8px;}
#dgcWrap .nav_on .tab_01 a:hover, #dgcWrap .nav_on .tab_01 a:active, #dgcWrap .nav_on .tab_01 a:focus {color:#faf2bd; padding:0 8px;}

#dgcWrap .nav_on .tab_02 {background:#6e6d6d; height:30px; line-height:30px; padding:0; float:right; text-align:center;
									border-top:1px solid #383838; border-left:1px solid #383838; border-right:1px solid #383838;}
#dgcWrap .nav_on .tab_02 a {color:#fff; font-weight:bold; padding:0 8px 0 9px;}
#dgcWrap .nav_on .tab_02 a:hover, #dgcWrap .nav_on .tab_02 a:active, #dgcWrap .nav_on .tab_02 a:focus {color:#faf2bd; padding:0 8px 0 9px;}

/* navi2 */
#dgcWrap .nav_on2 { margin-bottom:15px; position:relative; width:100%; min-height:40px;}
#dgcWrap .nav_area2 {border-bottom:1px solid #383838; float:left; width:100%;}
#dgcWrap .nav_on2 .tab_01 {background:#848484; height:20px; line-height:20px; padding:0 10px; float:left; text-align:center; margin-right:3px;
									   border-top:1px solid #383838; border-left:1px solid #383838; border-right:1px solid #383838;}
#dgcWrap .nav_on2 .tab_01 #infoTab_1,
#dgcWrap .nav_on2 .tab_01 #infoTab_2,
#dgcWrap .nav_on2 .tab_01 #infoTab_3 {padding:0 10px; color:#fff; font-weight:bold;}
#dgcWrap .nav_on2 .tab_01 .information_01 text_box, 
#dgcWrap .nav_on2 .tab_01 .information_02 text_box, 
#dgcWrap .nav_on2 .tab_01 .information_03 text_box {color:#faf2bd; padding:0 10px;}
/***************** common ********************/


/* 운송장번호 등록버튼 2014-09-04*/
.sm_btn{
	border:1px solid #dadada; 
	background:#fff !important; 
	padding:2px 7px; 
	border-radius: 2px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	cursor: pointer;white-space: nowrap;
	vertical-align: middle;
	background-image: linear-gradient(to bottom, #ffffff, #f5f5f5) !important;
	background-repeat: repeat-x;
}

.sms_title {margin: 10px 0;}
.gu_table07 textarea {width:250px; height:70px; border: 1px solid #dedede;}


/*순서변경*/
.top_arrow_con { font-size: 10px; color: #e85c2c; }
.down_arrow_con { font-size: 10px; color: #2c96e8; }

.sm_btn, .top_sm_btn, .down_sm_btn {
border: 1px solid #dadada;
background: #fff !important;
padding: 4px 7px 4px;
border-radius: 2px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
cursor: pointer;
white-space: nowrap;
vertical-align: middle;
background-image: linear-gradient(to bottom, #ffffff, #f5f5f5) !important;
background-repeat: repeat-x;
}


.title {margin:10px 0; text-align:left; font-family:  "굴림", Gulim, "돋움", Dotum; font-size:13px; font-weight:bold; color:#4d4d4d;} /* 제목 */
.title img {vertical-align:middle; margin-right:3px;}