@charset "utf-8";
/************************************************** 공통 css 시작 ************************************************** *****/
/* body */
body {
	font-size:12px;
	font-family:Dotum, 돋움, Tahoma, Sans-serif;
	font-weight:normal;
	color:#5C5C5C;
	line-height:14px;
	padding-bottom:30px;
}

/* 기본 a */
a:link {
	font-size:12px;
	text-decoration:none;
	color:#3e3e3e;
}
a:hover {
	font-size:12px;
	text-decoration:underline;
	color:#3E3E3E;
	}

a:active {
	font-size:12px;
	text-decoration:underline;
	color:#3E3E3E;
	}

a:visited {
	font-size:12px;
	text-decoration:none;
	color:#3e3e3e;
}
a.greenUnderline:link, a.greenUnderline:visited, .greenUnderline2 {
	font-size:12px;
	text-decoration:underline;
	color:#789600;
}
a.blueUnderLine:link, a.blueUnderLine:visited, .blueUnderLine2 {
	font-size:12px;
	text-decoration:underline;
	color:#1b76d8;
}
a.blueUnderline:link, a.blueUnderline:visited, .blueUnderline2 {
	font-size:12px;
	text-decoration:underline;
	color:#1b76d8;
}
a.pinkUnderline:link, a.pinkUnderline:visited {
	font-size:12px;
	text-decoration:underline;
	color:#F22867;
}
a.pinkNoUnderline:link, a.pinkNoUnderline:visited {
	font-size:12px;
	color:#F22867;
}

/* base field */
.input, input[type=text] {
	height:16px;
	font-size:12px;
	font-family:Dotum, 돋움, Tahoma, Sans-serif;
	font-weight:normal;
	color:#5C5C5C;
	background-color:#ffffff;
	border: 1px solid #c8c8c8;
	text-decoration:none;
	overflow: hidden;
	line-height: normal;
	vertical-align:middle;
	padding-left:2px;
	padding-top:2px;
	padding-right:2px;
}


select {
	height:20px;
	line-height:20px;
	padding:1px 1px 1px 0px;
	font-size:12px;
	font-family:"돋움",Tahoma,"Arial Black";
	font-weight:normal;
	border: 1px solid #c8c8c8;
	background-color:#ffffff;
	color:#5B5B5B;
	vertical-align:middle;
	*margin-left: 4px;
	display:inline-block;
}

input[type=checkbox] {
	border:0 none;
	margin: 0px 2px 0px 2px;
	vertical-align:middle;
}

input[type=radio] {
	border:0 none;
	margin:0px 3px 0 0;
	vertical-align:middle;
}

input[type=file] {
	height:20px;
	font-size:12px;
	font-family:"돋움",Tahoma,"Arial Black";
	font-weight:normal;
	background-color:#ffffff;
	border: 1px solid #93928E;
	color:#5B5B5B;
	margin:0;
	vertical-align:middle;
}

textarea {
	width:100%;
	height:100px;
	font-size:12px;
	font-family:Dotum, 돋움, Tahoma, Sans-serif;
	font-weight:normal;
	border:1px solid #93928E;
	background-color:#ffffff;
	color:#5B5B5B;
	overflow: auto;
	vertical-align: top;
	padding-left:2px;
	padding-top:2px;
}

.textarea_disable {
	border: 1px solid #c8c8c8;
	background-color:#f5f5f5;
	color:#848484;
}

/* font */

.contents {
	width:700px;
}

.survey {
	font-size:12px;
}

.gray {
	font-size:12px;
	text-decoration:none;
	color:#5C5C5C;
}

.pink {
	font-size:12px;
	color:#F22867;
}
.pink_bold {
	font-weight: bold;
	color:#F22867;
}

.direction_normal_div {
	margin-top:5px;
	clear:both;
}

.direction_normal {
	font-size:12px;
	text-decoration:none;
	color:#789600;
}

.direction_accent {
	font-size:12px;
	text-decoration:none;
	color:#F22867;
}

.direction_warning {
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#f02864;
}
.tab_direction {
	font-size:12px;
	text-decoration:none;
	color:#789600;
	position:absolute;
	right:0px;
	top:5px;
}
/* 웹접근성용으로 사용시에는 숨김에서 노출요함 */
.hidden {
	display:none;
}

.float_left {
	float: left;
}
.float_right {
	float: right;
}
.clear {
	clear: both;
}

.text_align_left {
	text-align: left;
}
.text_align_right {
	text-align: right;
}
.text_align_center {
	text-align: center;
}
/************************************************** 공통 css 종료 *************************************************/
.line_section {
	display: block;
	border-bottom: 1px dashed #e5e5e5;
}




/************************************************** 헤더 전체 시작 **************************************************/
/******************** 헤더 탑 시작 ********************/
.header_top {
	width:980px;
	height:62px;
}

/* 퀵메뉴 시작 */
.quick_area {
	width:1080px;
	height:62px;
	background:url(../images/withnet/quick_bg.png) repeat-x 0 0;
}
.quick_area div {
	float:left;
}
.quick_bg {
	width:55px;
	height:62px;
}
.quick_logo {
	width:160px;
	height:57px;
}
.quick_close {
	margin-top:8px;
}
/* 퀵메뉴 종료 */

/* 로고 블럭 시작 */
.logo_block {
	width:190px;
	height:57px;
	float:left;
}

.logo_block_gsdel {
	width:260px;
	height:57px;
	float:left;
}

.logo_withnet {
	display:block;
	margin-top:20px;
	width:160px;
	height:19px;
	background:url(../images/withnet/sprites_withnet.png) 0px 0px no-repeat;
	cursor:pointer;
}

.logo_gms {
	display:block;
	margin-top:20px;
	width:337px;
	height:19px;
	background:url(../images/common/sprites_common.png) -980px -730px no-repeat;
	cursor:pointer;
}

.logo_gsdel {
	display:block;
	margin-top:20px;
	width:250px;
	height:19px;
	background:url(../images/common/sprites_common.png) -980px -750px no-repeat;
	cursor:pointer;
}

.logo_account {
	display:block;
	margin-top:20px;
	width:192px;
	height:19px;
	background:url(../images/common/sprites_common.png) -980px -770px no-repeat;
	cursor:pointer;
}

.logo_els {
	display:block;
	margin-top:20px;
	width:227px;
	height:19px;
	background:url(../images/common/sprites_common.png) -980px -790px no-repeat;
	cursor:pointer;
}

/* 로고 블럭 종료* /

/* 현황 출력 시작 */
.condition_block {
	width:458px;
	height:57px;
	background:url(../images/withnet/bg_condition_51.png) no-repeat 0 0;
	margin:0 auto;
	float:left;
}

.condition {
	margin-top:12px;
	margin-left:54px;
	width:370px;
	height:33px;
}

.condition_block ul li {
	display:inline;
	margin:10px 1px 0px 1px;

}

.btn_refresh {
	vertical-align:middle;

}

.btn_logout {
	vertical-align:middle;
}

.btn_info_modify {
	vertical-align:middle;
}
/* 현황 출력 종료 */

/* 탑 우측 버튼 및 검색단 시작 */
.top_right_block {
	width:332px;
	height:57px;
	float:left;
}
/* 탑 우측 버튼 및 검색단 종료 */

/* 문의하기메뉴와 퀵메뉴 시작 */
.top_right_btn_block {
	width:332px;
	height:20px;
}

.btn_question_block {
	margin-left:5px; /*[SR02151022025] 2015.10.26 박지성 - 위드넷 메인내 메뉴 버튼 추가. 버튼추가로 값변경 (129px) */
	width:99px;
	height:19px;
	float:left;
}

.btn_question {
	display:block;
	width:99px;
	height:19px;
	background:url(../images/withnet/sprites_withnet.png) 0px -20px no-repeat;
	cursor:pointer;
}
.btn_question:hover {
	background:url(../images/withnet/sprites_withnet.png) -100px -20px no-repeat;
}
.btn_question:active {
	background:url(../images/withnet/sprites_withnet.png) -200px -20px no-repeat;
}

.btn_quickmenu_block {
	margin-left:5px;
	width:99px;
	height:20px;
	float:left;
}

.btn_quickmenu {
	display:block;
	width:99px;
	height:20px;
	background:url(../images/withnet/sprites_withnet.png) 0px -40px no-repeat;
	cursor:pointer;
}
.btn_quickmenu:hover {
	background:url(../images/withnet/sprites_withnet.png) -100px -40px no-repeat;
}
.btn_quickmenu:active {
	background:url(../images/withnet/sprites_withnet.png) -200px -40px no-repeat;
}
/* 문의하기메뉴와 퀵메뉴 종료 */

/* 검색 시작 */
.search_block {
	width:auto;
	margin-top:7px;
	margin-bottom:10px;
	height:20px;
	float:right;
}


.search_block div {
	margin-left:5px;
	float:left;
}
/**
.search_bock select{
	width:80px;
	height:20px;
	font-size:12px;
	font-family:"돋움",Tahoma,"Arial Black";
	font-weight:normal;
	border: 1px solid #93928E;
	background-color:#ffffff;
	color:#5B5B5B;
	margin:0;
}
**/

.btn_search {
	display:block;
	width:40px;
	height:20px;
	background:url(../images/common/sprites_common.png) -200px -150px no-repeat;
	cursor:pointer;
}

.btn_search:hover {
	background:url(../images/common/sprites_common.png) -250px -150px no-repeat;
}

.btn_search:active {
	background:url(../images/common/sprites_common.png) -300px -150px no-repeat;
}

.btn_search_disable {
	display:block;
	width:40px;
	height:20px;
	background:url(../images/common/sprites_common.png) -350px -150px no-repeat;
}

/* 검색 종료 */
/******************** 헤더 탑 종료 ********************/

/******************** 헤더 GNB 시작 ********************/
.gnb {
	width:980px;
	height:38px;
}

.gnb ul li.gnb_main_sub,
.condition ul li p {
	display:inline;
}

.gnb_main_sub {
	margin-top:7px;
	margin-right:24px;
	float:left;
}

.gnb_main_sub_other {
	margin-top:7px;
	margin-right:40px;
	float:left;
}

.gnb_main {
	height:26px;
}

.gnb_main img {
	height:26px;
	border:0px;
}

/* GNB 서브 전체 숨김 및 노출 여부용 시작*/
.gnb_sub {
	display:none;
	height:100%;
	font-size:12px;
}
/* GNB 서브 전체 숨김 및 노출 여부용 종료*/

/* GNB 서브메뉴 박스 스타일 및 위치 시작*/
.gnb_sub_div {
	line-height:150%;
	position:absolute;
	background-color:#ffffff;
	border:3px solid #bed232;
	padding:10px;
	width:auto;
	overflow:visible;
	z-index:1005;
	font-size:12px;
}
/* GNB 서브메뉴 박스 스타일 및 위치 종료*/

.sub_01 ul li,
.sub_02 ul li,
.sub_03 ul li,
.sub_04 ul li,
.sub_05 ul li,
.sub_06 ul li,
.sub_07 ul li,
.sub_08 ul li,
.sub_09 ul li {
	display:block;
}

.sub_01 li:hover,
.sub_02 li:hover,
.sub_03 li:hover,
.sub_04 li:hover,
.sub_05 li:hover,
.sub_06 li:hover,
.sub_07 li:hover,
.sub_08 li:hover,
.sub_09 li:hover {
	text-decoration: none;
	background-color:#EBEBEB;
}
/******************** 헤더 GNB 종료 ********************/

/******************** 헤더 현재 위치와 스페셜 메뉴단 시작 ********************/
.ps {
	width:980px;
	height:31px;
	position: relative;
	/*[SR02150922041] 2015.11.10 박지성 - Window 10 에서 위드넷 기능 오류에 따른 개선 요청 건
									타 화면에서 조회 중일때, modal 처리가 풀려 버튼 동작 (1001 -> 999)*/
	z-index:999;
}

.present {
	margin-top:4px;
	height:12px;
	font-size:12px;
	font-family:"돋움",Tahoma,"Arial Black";
	font-weight:normal;
	color:#5C5C5C;
    position: absolute;
    width: 500px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    letter-spacing: -1px;
}

.present_withnet {
	margin-top:4px;
	height:12px;
	position: absolute;
	width: 240px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	letter-spacing: -1px;
}
.present_path {
	height:12px;
	position: absolute;
	width: 220px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	letter-spacing: -1px;
}
.icon_home {
	margin-right:4px;
	width:13px;
	height:11px;
	background:url(../images/common/sprites_common.png) 0px -70px no-repeat;
	float:left;
}

.present_right {
	float:right;
	position: relative;
}

.special_menu {
	height:21px;
	float:left;
}

.special_menu span {
	height:21px;
	margin-left:5px;
	float:left;
}

.partners {
	height:20px;
	margin-left:5px;
	float:left;
	position: relative;
	z-index:1000;
}

.btn_menu_partners {
	position:relative;
	display:block;
	width:94px;
	height:20px;
	background:url(../images/common/sprites_common.png) -110px -30px no-repeat;
	cursor:pointer;
	z-index:1000;
}

.btn_menu_sub {
	display:none;
	z-index:999;
	font-size:12px;
	position:absolute;
	background-color:#ffffff;
	border:1px solid #aaaaaa;
	padding:10px;
	width:125px;
	overflow:visible;
	z-index:1000;
	font-size:12px;
	line-height:150%;
	overflow:visible;
	z-index:999;
	font-size:12px;
}
.btn_menu_sub.width150 {
	width:150px;
}
.btn_del {
	display:block;
	margin-top:5px;
	margin-right:5px;
	width:8px;
	height:8px;
	background:url(../images/common/sprites_common.png) -240px 0px no-repeat;
	cursor:pointer;
	float:left;
}

.mymenu {
	margin-left:5px;
	height:20px;
	float:left;
	position: relative;
}

.btn_menu_mymenu {
	position:relative;
	display:block;
	width:75px;
	height:20px;
	background:url(../images/common/sprites_common.png) 0px -30px no-repeat;
	cursor:pointer;
}

.system_guide {
	margin-left:5px;
	height:20px;
	float:left;
	position: relative;
}

.btn_menu_system_guide {
	position:relative;
	display:block;
	width:104px;
	height:20px;
	background:url(../images/common/sprites_common.png) -220px -30px no-repeat;
	cursor:pointer;
	z-index:1000;
}


/* #cooperation {
	margin-left:5px;
	width:140px;
	height:20px;
	font-size:12px;
	font-family:"돋움",Tahoma,"Arial Black";
	font-weight:normal;
	border-color:#93928E;
	border-style:solid;
	background-color:#ffffff;
	border-width:1px;
	padding:1px;
} * /

/* #my_menu {
	width:140px;
	height:20px;
	font-size:12px;
	font-family:"돋움",Tahoma,"Arial Black";
	font-weight:normal;
	border-color:#93928E;
	border-style:solid;
	background-color:#ffffff;
	border-width:1px;
	padding:1px;
} */

.all_menu_view {
	width:86px;
	height:20px;
	cursor:pointer;
	float:left;
}

/* 위드넷 QA 버튼 시작 */
.btn_manual_06 {
	display:block;
	width:87px;
	height:21px;
	background:url(../images/withnet/sprites_withnet.png) -690px -149px no-repeat;
	cursor:pointer;
}
.btn_manual_06:hover {
	background:url(../images/withnet/sprites_withnet.png) -780px -149px no-repeat;
}
.btn_manual_06:active {
	background:url(../images/withnet/sprites_withnet.png) -870px -149px no-repeat;
}
/* 위드넷 QA 버튼 종료 */

/* 초간단 상품등록 메뉴얼 버튼 시작 */
.btn_manual_01 {
	display:block;
	width:104px;
	height:21px;
	background:url(../images/withnet/sprites_withnet.png) 0px -90px no-repeat;
	cursor:pointer;
}
.btn_manual_01:hover {
	background:url(../images/withnet/sprites_withnet.png) -150px -90px no-repeat;
}
.btn_manual_01:active {
	background:url(../images/withnet/sprites_withnet.png) -300px -90px no-repeat;
}
/* 초간단 상품등록 메뉴얼 버튼 종료 */

/* 입고 메뉴얼 버튼 시작 */
.btn_manual_02 {
	display:block;
	width:83px;
	height:21px;
	background:url(../images/withnet/sprites_withnet.png) 0px -149px no-repeat;
	cursor:pointer;
	text-align:center;
}
.btn_manual_02:hover {
	background:url(../images/withnet/sprites_withnet.png) -150px -149px no-repeat;
}
.btn_manual_02:active {
	background:url(../images/withnet/sprites_withnet.png) -300px -149px no-repeat;
}
/* 입고 매뉴얼 버튼 종료 */

/* QA 메뉴얼 버튼 시작 */
.btn_manual_03 {
	display:block;
	width:77px;
	height:21px;
	background:url(../images/withnet/sprites_withnet.png) -450px -90px no-repeat;
	cursor:pointer;
	text-align:center;
}
.btn_manual_03:hover {
	background:url(../images/withnet/sprites_withnet.png) -530px -90px no-repeat;
}
.btn_manual_03:active {
	background:url(../images/withnet/sprites_withnet.png) -610px -90px no-repeat;
}
/* QA 매뉴얼 버튼 종료 */

/* 심의 매뉴얼 버튼 시작 */
.btn_manual_04 {
	display:block;
	width:84px;
	height:21px;
	background:url(../images/withnet/sprites_withnet.png) -690px -90px no-repeat;
	cursor:pointer;
	text-align:center;
}
.btn_manual_04:hover {
	background:url(../images/withnet/sprites_withnet.png) -780px -90px no-repeat;
}
.btn_manual_04:active {
	background:url(../images/withnet/sprites_withnet.png) -870px -90px no-repeat;
	float:right;
}
/* 심의 매뉴얼 버튼 종료 */

/* 직송관리대행 매뉴얼 버튼 추가 */
 .btn_manual_05 {
  display:block;
  width:127px;
  height:21px;
  background:url(../images/withnet/sprites_withnet_btn.png) 0px 0px no-repeat;
  cursor:pointer;
 }
 .btn_manual_05:hover {
  background:url(../images/withnet/sprites_withnet_btn.png) -127px 0px no-repeat;
 }
 .btn_manual_05:active {
  background:url(../images/withnet/sprites_withnet_btn.png) -127px 0px no-repeat;
 }
/* 직송관리대행 매뉴얼 버튼 추가 종료 */

/******************** 헤더 현재 위치와 스페셜 메뉴단 종료 ********************/
/************************************************** 헤더 전체 종료 **************************************************/



/************************************************** 컨테이너 본문단 시작 **************************************************/

/******************** 서브페이지 대표 타이틀 영역 시작 ********************/
.page_title_area {
	width:100%;
	height:20px;
	margin-top:20px;
	padding-bottom:5px;
	margin-bottom:10px;
	background-color:#ffffff;
	border-bottom:2px solid #C8C7C7;
}

.page_title {
	display:table-cell;
	height:20px;
	font-size:18px;
	font-weight:bold;
	float:left;
	margin-right:10px;
	line-height:100%;
	color:#5C5C5C;
	vertical-align:middle;
	line-height:20px;
}

.s_t_m_left {
	float:left;
}

.s_t_m_right {
	float:right;
}

div.s_t_m_right span {
	margin-left:5px;
	float:left;
}

.btnHelp {
	width:43px;
	height:20px;
	margin-right:0px;
}
/******************** 서브페이지 대표 타이틀 영역 종료 ********************/

/******************** 예외 테이블 div 시작 ********************/
.exception_table {
	margin-top:10px;
	width: 100%;
	border-collapse: collapse;
	border:2px solid #BFD430;
	height:33px;
	line-height: 33px;
	vertical-align:middle;
}
.exception_table th {
	width: 100px;
	background-color:#FDFFEC;
	font-size:14px;
	font-weight:bold;
	text-align: right;
	padding: 0px 10px 0px 0px;

}
.exception_table td {
	background-color:#FFF;
	font-size:12px;
	border-left: 1px solid #E2E2E2;
	text-align: center;
	line-height: 33px;
	vertical-align:middle;
}
.exception_table_left_border {
	border-left: 1px solid #E2E2E2;
}
.exception_table td.exception_left_align {
	text-align: left;
	padding-left: 10px;
}
.exception_table_term {
	margin-left: 15px;
	color: #818181;
}

/******************** 예외 테이블 div 시작 ********************/

/******************** 조회 테이블 div 시작 ********************/
.inquiry {
	margin-top:10px;
	padding-top:10px;
	border:2px solid #BFD430;
	height:30px;
	background-color:#FDFFEC;
	vertical-align: middle;
}

.inquiry_title {
	margin-top:5px;
}

.inquiry_2_level {
	position: relative;
	margin-top:10px;
	padding-top:10px;
	border:2px solid #BFD430;
	height:60px;
	background-color:#FDFFEC;
}

.inquiry_2_level_account {
	position: relative;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 2px solid #BFD430;
	height: 100%;
	width: 976px;
	float: left;
	background-color: #FDFFEC;
}

.inquiry_3_level {
	margin-top:10px;
	padding-top:10px;
	border:2px solid #BFD430;
	height:90px;
	background-color:#FDFFEC;
	position: relative;
}

.inquiry_4_level {
	margin-top:10px;
	padding-top:10px;
	border:2px solid #BFD430;
	height:120px;
	background-color:#FDFFEC;
	position: relative;
}

.margin_top_0 {
	margin-top:0px;
	height:20px;
}

.margin_top_account {
    margin-top:0px;
    height:40px;
}

.margin_top_5 {
	margin-top:5px;
	height:20px;
}

.margin_top_10 {
	margin-top:10px;
	height:20px;
}

.inquiry label {
	font-weight:bold;
	font-family:"돋움",Tahoma,"Arial Black";
}

.inquiry_2_level label {
	font-weight:bold;
	font-size:12px;
	font-family:"돋움",Tahoma,"Arial Black";
	color:#5C5C5C;
}

.inquiry_2_level_account label {
    font-weight:bold;
    font-size:12px;
    font-family:"돋움",Tahoma,"Arial Black";
    color:#5C5C5C;
}

.inquiry_3_level label {
	font-weight:bold;
	font-size:12px;
	font-family:"돋움",Tahoma,"Arial Black";
	color:#5C5C5C;
}

.inquiry_4_level label {
	font-weight:bold;
	font-size:12px;
	font-family:"돋움",Tahoma,"Arial Black";
	color:#5C5C5C;
}

.firstColumn {
	width: 55px;
	*width: auto;
	text-align: right;
	display: inline-block;
	height:20px;
	line-height:20px;
	vertical-align: middle;
	*display: inline;
	*zoom:1;
}
.firstColumn.fiveletters {
	width: 65px;
}
.firstColumn.sixletters {
	width: 80px;
}
.firstColumn.sevenletters {
	width: 91px;
}
.firstColumn.eightletters {
	width: 101px;
}
.firstColumn.nineletters {
	width: 111px;
}
.firstColumn.tenletters {
	width: 121px;
}
.secondColumn {
	display: inline-block;
	vertical-align:middle;
	height:20px;
	line-height:20px;
	*display: inline;
	*zoom:1;
}
.secondColumn_width297 {
	width: 297px;
	display: inline-block;
	height:20px;
	line-height:20px;
	*display: inline;
	*zoom:1;
}
.secondColumn_width225 {
	width: 230px; /*Safari브라우저 위해 225px->230px로 조정*/
	display: inline-block;
	height:20px;
	line-height:20px;
	*display: inline;
	*zoom:1;
}
.secondColumn_width175 {
	width: 175px;
	display: inline-block;
	height:20px;
	line-height:20px;
	*display: inline;
	*zoom:1;
}
.secondColumn_width122 {
	width: 122px;
	display: inline-block;
	height:20px;
	line-height:20px;
	*display: inline;
	*zoom:1;
}
.secondColumn_width100 {
	width: 100px;
	display: inline-block;
	height:20px;
	line-height:20px;
	*display: inline;
	*zoom:1;
}
.label_loop {
	margin-left:15px;
	height:20px;
	line-height:20px;
	display: inline-block;
	*display: inline;
	*zoom:1;
}

.input.calendar{
	width:70px;
}

.label_loop_1 {
	margin-left:15px;
}

.calendar_no_label {
	margin-left:5px;
}

.label_loop_account {
    margin-left:15px;
    float:left;
}

.label_loop_1_account {
    margin-left:15px;
    float:left;
}
/* 조회(조회테이블) 버튼 시작 */

.btn_inquiry_left {
	margin-left:10px;
	width:40px;
	height:20px;
	background:url(../images/common/sprites_common.png) 0px -150px no-repeat;
	cursor:pointer;
	position:absolute;
	border: 0;
}

.btn_inquiry_left:hover {
	background:url(../images/common/sprites_common.png) -50px -150px no-repeat;
}

.btn_inquiry_left:active {
	background:url(../images/common/sprites_common.png) -100px -150px no-repeat;
}

.inquiry_left_area {
    width:976px;
    float:left;
}

.btn_inquiry_right {
	position:absolute;
	right:15px;
	bottom:10px;
	width:40px;
	height:20px;
	background:url(../images/common/sprites_common.png) 0px -150px no-repeat;
	cursor:pointer;
	border: 0;
}

.btn_inquiry_right:hover {
	background:url(../images/common/sprites_common.png) -50px -150px no-repeat;
}

.btn_inquiry_right:active {
	background:url(../images/common/sprites_common.png) -100px -150px no-repeat;
}

.btn_inquiry_disable {
	width:40px;
	height:20px;
	background:url(../images/common/sprites_common.png) -150px -150px no-repeat;
	cursor:pointer;
}
/* 조회(조회테이블) 버튼 종료 */

.label_loop_account div {
    float:left;
}

.label_loop_account .label {
    float:left;
    width: 65px;
    display: inline-block;
}

.label_loop_1_account div {
    float:left;
}

.label_loop_1_account .label {
    float:left;
    width: 65px;
    display: inline-block;
}

.label {
	margin-top:5px;
}

.img_calendar {
	vertical-align: middle;
	margin-top:0px;
	margin-left:5px;
}

.checkbox_group {
	display: inline-block;
	padding: 2px;
	*padding:0px 2px 4px 2px;
	border:1px solid #c8c6c7;
	font-weight:normal;
	background-color:#fff;
	font-size:12px;
	font-family:Dotum, 돋움, Tahoma, Sans-serif;
	height:16px;
	line-height:16px;
	*margin-right:4px;
}

.checkbox_group_account {
	display:table-cell;
	margin: 0px 90px 10px 3px;
	border:1px solid #c8c6c7;
	font-weight:normal;
	background-color:#fff;
	font-size:12px;
	font-family:Dotum, 돋움, Tahoma, Sans-serif;
	line-height:18px;
	position: relative;
	width: 790px;
}

.radiobox_group {
	display: inline-block;
	padding: 0px 3px 0px 3px;
	border:1px solid #c8c6c7;
	font-weight:normal;
	background-color:#fff;
	font-size:12px;
	font-family:Dotum, 돋움, Tahoma, Sans-serif;
	height:18px;
	line-height:18px;
	*margin-right:4px;
}

.label_sub {
	font-size:11px;
	font-family:Dotum, 돋움, Tahoma, Sans-serif;
	text-align:right;
	letter-spacing: -2px;
}

/******************** 조회 테이블 div 종료 ********************/

/******************** 탭메뉴 전체 시작 ********************/
#Taps1, #Taps2, #Taps3 {
	margin-top:10px;
	margin-bottom:10px;
	position:relative;
}

.tab {
	clear:both;
	margin:0 auto;
	background:url('../images/common/tab_line.png') repeat-x 0 bottom;
	width:970px;
	padding-left:10px;
	height:26px;
	overflow:hidden;
}

.tab li {
	float:left;
	margin-right:2px;
	font-weight:bold;
}

.tab li a {
	display:block;
	font-size:12px;
	float:left;
	height:17px;
	padding:6px 12px 0 12px;
	color:#818382;
	text-decoration:none;
	border:1px solid #CCC;
	border-bottom:none;
	margin-bottom:2px;
	background:#F8F8F8;
}
.tab a:hover {
	color:#9ABA11;
	font-size:12px;
	background:#F8FEC2;
	border:1px solid #BFD42D;
	border-bottom:none;
}

.tab .on a, .tab .on a:hover {
	background:#ffffff url('../images/common/tab_arrow.png') no-repeat right;
	border:2px solid #BED52F;
	border-bottom:none;
	height:18px; color:#A2C418;
	padding-right:25px;
	font-size:12px;
	margin:0;
}
/******************** 탭메뉴 전체 종료 ********************/

/******************** 그리드 테이블 전체 시작 ********************/
.grid_title_group {
	height:20px;
	margin-top:20px;
	clear:both;
}

.grid_title_div {
	float:left;
}

.grid_title {
	display:block;
	margin-top:9px;
	height:12px;
	font-size:12px;
	font-weight:bold;
	color:#5C5C5C;
	margin-right:10px;
}

.grid_top_btn {
	text-align:right;
	float:right;
}

.grid_top_btn div {
	margin-left:5px;
	float:left;
}

.grid {
	overflow:auto;
	margin-top:5px;
	border-bottom:1px solid #ededed;
}

.grid_drag_line {
	width:100%;
	height:1px;
	background-color:#EDEDED;
}

.grid_drag_line:hover {
	width:100%;
	height:5px;
	background-color:#BFD42F;
	cursor:s-resize;
}

.grid_bottom {
	height:33px;
	border: 1px solid #EDEDED;
	position: relative;
}

.grid_shuffle1 {
	width:460px;
	float:left;
}

.grid_shuffle2 {
	width:460px;
	float:right;
}
.grid_els1 {
	width:475px;
	float:left;
}
.grid_els2 {
	width:475px;
	float:right;
}

.arrow_area {
	width:185px;
	position: absolute;
	top:0px;
	left:0px;
}

.arrow_drag {
	display:block;
	margin-left:10px;
	margin-top:12px;
	width:9px;
	height:13px;
	background:url(../images/common/sprites_common.png) 0px -210px no-repeat;
	float:left;
}

.arrow_drag_ment {
	margin-top:10px;
	font-family:"돋움",Tahoma,"Arial Black";
	font-weight:normal;
	color:#5C5C5C;
	font-size:12px;
	float:left;
}

.btn_grid_bottom {
	margin-top:7px;
	position: absolute;
	top: 0px;
	right: 0px;
}

.btn_grid_bottom_01 {
	display:block;
	width:70px;
	height:20px;
	background:url(../images/common/sprites_common.png) 0px -230px no-repeat;
	cursor:pointer;
	text-align:center;
	font-weight:bold;
	color:#ffffff;
	font-size:11px;
	float:left;
}
.btn_grid_bottom_01:hover {
	background:url(../images/common/sprites_common.png) -80px -230px no-repeat;
}
.btn_grid_bottom_01:active {
	background:url(../images/common/sprites_common.png) -80px -230px no-repeat;
}

.btn_grid_bottom_01_1 {
	display:block;
	width:70px;
	height:20px;
	background:url(../images/common/sprites_common.png) -160px -230px no-repeat;
	cursor:pointer;
	text-align:center;
	font-weight:bold;
	color:#ffffff;
	font-size:11px;
	float:left;
}
.btn_grid_bottom_01_1:hover {
	background:url(../images/common/sprites_common.png) -240px -230px no-repeat;
}
.btn_grid_bottom_01_1:active {
	background:url(../images/common/sprites_common.png) -240px -230px no-repeat;
}

.btn_grid_bottom_02 {
	display:block;
	width:54px;
	height:20px;
	background:url(../images/common/sprites_common.png) -320px -230px no-repeat;
	cursor:pointer;
	text-align:center;
	font-weight:bold;
	color:#ffffff;
	font-size:11px;
	margin-left:12px;
	float:left;
}
.btn_grid_bottom_02:hover {
	background:url(../images/common/sprites_common.png) -380px -230px no-repeat;
}
.btn_grid_bottom_02:active {
	background:url(../images/common/sprites_common.png) -380px -230px no-repeat;
}

.btn_grid_bottom_03 {
	display:block;
	width:46px;
	height:20px;
	background:url(../images/common/sprites_common.png) -440px -230px no-repeat;
	cursor:pointer;
	text-align:center;
	font-weight:bold;
	color:#ffffff;
	font-size:11px;
	margin-left:12px;
	margin-right:10px;
	float:left;
}
.btn_grid_bottom_03:hover {
	background:url(../images/common/sprites_common.png) -490px -230px no-repeat;
}
.btn_grid_bottom_03:active {
	background:url(../images/common/sprites_common.png) -490px -230px no-repeat;
}
/* 그리드 페이징 시작 */
.page_list {
	text-align:center;
	width:50%;
	*width:auto; /* IE7핵*/
	height: 25px;
	margin: 0px auto 0px;
	position: relative;
}
.page_list ul {
	width: 100%;
	margin: 10px auto 0px;
}
.page_list ul li {
	display: inline-block;
	*display:inline;
	zoom:1;
	margin-left:5px;
	text-align:center;
}
.page_pages {
	margin-right:4px;
}
.list_arrow {
	vertical-align: middle;
	margin-bottom:1px;
}

.page_list_a:link {
	font-size:12px;
	text-decoration:none;
	color:#5D5B5C;
}

.page_list_a:hover {
	font-size:12px;
	text-decoration:underline;
	color:#F0477C;
}

.page_list_a:active {
	top:4px;
	left:8px;
	font-size:12px;
	text-decoration:underline;
	color:#F0477C;
}

.page_list_a:visited {
	top:4px;
	left:8px;
	font-size:12px;
	text-decoration:none;
	color:#5D5B5C;
}

.page_list_bold {
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#F0477C;
}
/* 그리드 페이징 종료 */
/******************** 그리드 테이블 전체 종료 ********************/

/******************** 입출력 테이블 전체 시작 ********************/
/***** 타이틀 그룹 시작 *****/
.table_title_group {
	margin-top:20px;
	height:20px;
	background-color:#ffffff;
	clear:both;
}
.table_title {
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#5C5C5C;
	margin-right:10px;
	margin-top:9px;
	clear:both;
	float:left;
}
.title_direction {
	display:block;
	margin-top:9px;
	float:left;
}
/***** 타이틀 그룹 종료 *****/
/***** 입출력 테이블 스타일 시작 *****/
.table {
	width: 100%;
	margin-top:5px;
	border-top:2px solid #bed232;
	clear:both;
}
.tableBlue {
	width: 100%;
	margin-top:5px;
	border-top:2px solid #1b76d8;
	clear:both;
}
.table.unSeparate {
	border-collapse: collapse;
}
.tableBlue.unSeparate {
	border-collapse: collapse;
}
.table table {
	width:100%;
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0;
	clear:both;
}
.tableBlue table {
	width:100%;
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0;
	clear:both;
}

.table th {
	padding-right:8px;
	line-height: 25px;
	vertical-align: middle;
	background-color:#EFEFEF;
	font-weight: bold;
	text-align:right;
	border-bottom: 1px solid #E2E2E2;
}
.tableBlue th {
	padding-right:8px;
	line-height: 25px;
	vertical-align: middle;
	background-color:#EFEFEF;
	font-weight: bold;
	text-align:right;
	border-bottom: 1px solid #E2E2E2;
}
.table th.table_first_iframe {
	text-align: center;
	padding-right: 2px;
	font-weight: normal;
	height:25px;
	font-size:12px;
	border-right: 1px solid #E2E2E2;
	color:#5B5B5B;
}
.tableBlue th.table_first_iframe {
	text-align: center;
	padding-right: 2px;
	font-weight: normal;
	height:25px;
	font-size:12px;
	border-right: 1px solid #E2E2E2;
	color:#5B5B5B;
}
.table th.table_end_iframe {
	text-align: center;
	padding-right: 2px;
	font-weight: normal;
	height:25px;
	font-size:12px;
	border-left: 1px solid #E2E2E2;
	color:#5B5B5B;
}
.tableBlue th.table_end_iframe {
	text-align: center;
	padding-right: 2px;
	font-weight: normal;
	height:25px;
	font-size:12px;
	border-left: 1px solid #E2E2E2;
	color:#5B5B5B;
}
.table_imgbox {
	width: 100%;
		border-collapse: collapse;
	border-spacing: 0;
	text-align: center;
}
.table_imgbox table th{
	width: 245px;
	line-height: 25px;
	vertical-align: middle;
	background-color:#EFEFEF;
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
}
.table_imgbox table td{
	width: 245px;
	line-height: 25px;
	vertical-align: middle;
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	position: relative;
}
.table_imgbox .btnTwoBox {
	position: relative;
	width: 76px;
	text-align: center;
}
.img_cal {
	margin-left: 35px;
}
.table td {
	padding:5px 5px 5px 5px;
	vertical-align: middle;
	background-color:#FFFFFF;
	font-weight: normal;
	text-align:left;
	border-bottom: 1px solid #E2E2E2;
}
.tableBlue td {
	padding:5px 5px 5px 5px;
	vertical-align: middle;
	background-color:#FFFFFF;
	font-weight: normal;
	text-align:left;
	border-bottom: 1px solid #E2E2E2;
}
.table select {
	margin-right:5px;
}
.tableBlue select {
	margin-right:5px;
}

.table_top {
	margin-top:5px;
	width: 100%;
	border-top:2px solid #bed232;
}

.table_top table {
	width: 100%;
	border-collapse: collapse;
}

.table_top th {
	padding:0px 5px 0px 5px;
	height:30px;
	line-height: 25px;
	vertical-align: middle;
	background-color:#EFEFEF;
	font-weight: bold;
	text-align:center;
	border-bottom: 1px solid #E2E2E2;
}
.table_top td {
	padding:0px 5px 0px 5px;
	height:30px;
	vertical-align: middle;
	background-color:#FFFFFF;
	font-weight: normal;
	text-align:center;
	border-bottom: 1px solid #E2E2E2;
}
.table_top td.qna {
	padding:0px 5px 8px 5px;
	height:60px;
}
/***** 입출력 테이블 스타일 종료 *****/
/***** th with값과 좌우 border 시작 *****/
.table-th-first {
	width:130px;
	font-size:12px;
	color:#5B5B5B;
	border-right: 1px solid #E2E2E2;
}
.table-th {
	width:130px;
	font-size:12px;
	border-left: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
	color:#5B5B5B;
}
.table-th-small-first {
	width:110px;
	font-size:12px;
	border-right: 1px solid #E2E2E2;
	color:#5B5B5B;
}
.table-th-small {
	width:110px;
	font-size:12px;
	border-left: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
	color:#5B5B5B;
}

.table-th-top-first {
	height:25px;
	font-size:12px;
	border-right: 1px solid #E2E2E2;
	color:#5B5B5B;
}
.table-th-top-td-first.total {
	height:25px;
	text-align:right;
	background:#f6f6f6;
	padding-right:15px;
}
.table-th-top-end {
	height:25px;
	font-size:12px;
	border-left: 1px solid #E2E2E2;
	color:#5B5B5B;
}

.table-th-top-td-first {
	font-size:12px;
	border-right: 1px solid #E2E2E2;
	color:#5B5B5B;
	text-align:center;
}

.table-th-top-td-end {
	font-size:12px;
	border-left: 1px solid #E2E2E2;
	color:#5B5B5B;
	text-align:center;
}

.importance {
	color:#F22867;
}
/***** th with값과 좌우 border 종료 *****/
/***** 인라인 버튼 시작 *****/
.inline,.inline *{
	display:inline-block;
	overflow:visible;
	position:relative;
	margin:0;
	padding-left:5px;
	padding-right:5px;
	border:0;
	background:url(../images/common/btn_bg.png) no-repeat;
	font-size:11px;
	font-family:Dotum, 돋움, Tahoma, Sans-serif;
	color:#5D5B5C;
	text-decoration:none !important;
	vertical-align:middle;
	white-space:nowrap;
	cursor:pointer;
}
.btn.inline,
.btn.inline *{height:18px;line-height:18px;}
.btn.inline {background-position:left 0px;}
.inline :hover,
.inline :active,
.inline :focus{color:#F0477C;}
.btn.inline {
	padding:0 1px 0 0px;
	background-position:right 0px;
}
.btn_inline_margin_left {
	display:inline;
	margin-left:1px;
}
/***** 인라인 버튼 종료 *****/
/***** 인라인 링크 버튼 시작 *****/
.inline_link,.inline_link *{
	display:inline-block;
	overflow:visible;
	position:relative;
	margin:0;
	padding-left:5px;
	padding-right:5px;
	border:0;
	background:url(../images/common/btn_bg.png) no-repeat 0px -78px;
	font-size:11px;
	font-family:Dotum, 돋움, Tahoma, Sans-serif;
	color:#5D5B5C;
	text-decoration:none !important;
	vertical-align:middle;
	white-space:nowrap;
	cursor:pointer;
}
.btn.inline_link,
.btn.inline_link *{height:20px;line-height:20px;}
.btn.inline_link {background-position:left -78px;}
.inline_link :hover,
.inline_link :active,
.inline_link :focus{color:#690;}
.btn.inline_link {
	padding:0 1px 0 0px;
	background-position:right -78px;
}
.btn_inline_link_left {
	display:inline;
	margin-left:48px;
}
/***** 인라인 버튼 종료 *****/
/***** 인라인 disabled 버튼 시작 *****/
.inline_disabled,.inline_disabled *{
	display:inline-block;
	overflow:visible;
	position:relative;
	margin:0;
	padding-left:5px;
	padding-right:5px;
	border:0;
	background:url(../images/common/btn_bg.png) no-repeat 0px -116px;
	font-size:11px;
	font-family:Dotum, 돋움, Tahoma, Sans-serif;
	color:#aeaeae;
	text-decoration:none !important;
	vertical-align:middle;
	white-space:nowrap;
}
.btn.inline_disabled,
.btn.inline_disabled *{
	height:18px;
	line-height:18px;
}
.btn.inline_disabled {
	padding:0 1px 0 0px;
	background-position:right -116px;
}

/***** 인라인 disabled 버튼 종료 *****/


/***** 인라인 강조버튼 시작 *****/
.inline_accent,.inline_accent *{
	display:inline-block;
	overflow:visible;
	position:relative;
	margin:0;
	padding-left:5px;
	padding-right:5px;
	border:0;
	background:url(../images/common/btn_bg.png) no-repeat;
	font-size:11px;
	font-family:Dotum, 돋움, Tahoma, Sans-serif;
	color:#F15284;
	text-decoration:none !important;
	vertical-align:middle;
	white-space:nowrap;
	cursor:pointer;
}

.btn.inline_accent,
.btn.inline_accent * {height:18px;line-height:18px;}
.btn.inline_accent * {background-position:left -98px;}
.inline_accent :hover,
.inline_accent :active,
.inline_accent :focus {color:#F15284;}
.btn.inline_accent {
	padding:0 1px 0 0px;
	background-position:right -98px;
}

/***** 인라인 강조버튼 종료 *****/
/***** 인라인 강조Disabled버튼 시작 *****/
.inline_accent_disabled,.inline_accent_disabled *{
	display:inline-block;
	overflow:visible;
	position:relative;
	margin:0;
	padding-left:5px;
	padding-right:5px;
	border:0;
	background:url(../images/common/btn_bg_disabled.png) no-repeat;
	font-size:11px;
	font-family:Dotum, 돋움, Tahoma, Sans-serif;
	color:#f58ca7;
	text-decoration:none !important;
	vertical-align:middle;
	white-space:nowrap;
}

.btn.inline_accent_disabled,
.btn.inline_accent_disabled * {height:18px;line-height:18px;}
.btn.inline_accent_disabled * {background-position:left 0px;}
.inline_accent_disabled :hover,
.inline_accent_disabled :active,
.inline_accent_disabled :focus {color:#f58ca7;}
.btn.inline_accent_disabled {
	padding:0 1px 0 0px;
	background-position:right 0px;
}

/***** 인라인 강조Disabled버튼 종료 *****/
/******************** 입출력 테이블 전체 종료 ********************/

/************************************************** 컨테이너 본문단 종료 **************************************************/
.cursta_result {
	cursor: pointer;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#f02864;
}

.direction_list {
	margin-top:10px;
	line-height: 18px;
}

.direction_wrap {
	margin-top:10px;
	border:1px solid #e2e2e2;
	background-color:#f8f8f8;
	padding:7px;
	overflow:hidden;
}

.btn_bottom_right_div {
	margin-top:5px;
	float: right;
}
.btn_bottom_right_div_no_clear {
	margin-top:5px;
	height:20px;
	float:right;
}

.btn_bottom_right_div_2_level {
	margin-top:5px;
	float:right;
}

.btn_bottom_right_div div {
	margin-left:5px;
	float:left;
}

.btn_bottom_right_div_no_clear div {
	margin-left:5px;
	float:left;
}

.btn_bottom_right_div_2_level div {
	margin-left:5px;
	float:left;
}

.btn_bottom_left_div {
	margin-top:5px;
/* 	height:20px; */
	float:left;
}
.btn_bottom_left_div.btn_hack {
	margin-bottom:10px\9;
}
:root .btn_bottom_left_div.btn_hack {
	margin-bottom:0px\9;
}
*:first-child+html .btn_bottom_left_div.btn_hack {
	margin-bottom:0px;
}
.btn_bottom_left_div.btn_hack {
	_margin-bottom:0px;
}
.btn_bottom_left_div div {
	margin-right:5px;
	float:left;
}


/***** input width *****/

input[type=text].input_disabled, .input_disabled, .input.input_disabled {
	height:16px;
	font-size:12px;
	font-family:Dotum, 돋움, Tahoma, Sans-serif;
	font-weight:normal;
	text-decoration:none;
	overflow: hidden;
	line-height: normal;
	vertical-align:top;
	*vertical-align:middle;
	padding-left:2px;
	padding-top:2px;
	color:#848484;
	background-color:#f5f5f5;
	border: 1px solid #c8c8c8;
}

.input25{
	width:23px;
}

.input45{
	width:43px;
}

.input55{
	width:53px;
}

.input80{
	width:78px;
}

.input85{
	width:83px;
}


.input103{
	width:101px;
}

.input126{
	width:124px;
}

.input_search {
	width:146px;
}

.input170 {
	width:168px;
}

.input500{
	width:502px;
}

.input196 {
	width:192px;
}

.input450{
	width:452px;
}

/***** select width *****/
#select_search {
	width:80px;
}
.select101 {
	width:101px;
}

/***** 공통 버튼 그룹 시작 *****/
/* 마이메뉴추가 버튼 시작 */
.btn_mymenu_add {
	display:block;
	width:59px;
	height:20px;
	background:url(../images/withnet/sprites_withnet.png) 0px -120px no-repeat;
	cursor:pointer;
}

.btn_mymenu_add:hover {
	background:url(../images/withnet/sprites_withnet.png) -60px -120px no-repeat;
}

.btn_mymenu_add:active {
	background:url(../images/withnet/sprites_withnet.png) -120px -120px no-repeat;
}

.btn_mymenu_add_disable {
	display:block;
	width:59px;
	height:20px;
	background:url(../images/withnet/sprites_withnet.png) -180px -120px no-repeat;
	cursor:pointer;
}
/* 마이메뉴추가 버튼 종료 */
/* 인쇄버튼 시작 */
.btn_print_common {
	display:block;
	width:43px;
	height:20px;
	background:url(../images/withnet/sprites_withnet.png) -240px -120px no-repeat;
	cursor:pointer;
}

.btn_print_common:hover {
	background:url(../images/withnet/sprites_withnet.png) -290px -120px no-repeat;
}

.btn_print_common:active {
	background:url(../images/withnet/sprites_withnet.png) -340px -120px no-repeat;
}

.btn_print_common_disable {
	display:block;
	width:43px;
	height:20px;
	background:url(../images/withnet/sprites_withnet.png) -390px -120px no-repeat;
	cursor:pointer;
}
/* 인쇄버튼 종료 */
/* 도움말 버튼 시작 */
.btn_help {
	display:block;
	width:53px;
	height:20px;
	background:url(../images/withnet/sprites_withnet.png) -440px -120px no-repeat;
	cursor:pointer;
	float:left;
}

.btn_help:hover {
	background:url(../images/withnet/sprites_withnet.png) -500px -120px no-repeat;
}

.btn_help:active {
	background:url(../images/withnet/sprites_withnet.png) -560px -450px no-repeat;
}

.btn_help_disable {
	display:block;
	width:53px;
	height:20px;
	background:url(../images/withnet/sprites_withnet.png) -620px -120px no-repeat;
	cursor:pointer;
	float:left;
}
/* 도움말 버튼 종료 */
/***** 공통 버튼 그룹 종료 *****/
/***** CRUD Accent Group 버튼 시작 *****/
.accent_group_crud,.accent_group_crud *{
	display:inline-block;
	overflow:visible;
	position:relative;
	margin:0;
	padding-left:30px;
	padding-right:5px;
	border:0;
	background:url(../images/common/btn_crud_work_accent.png) no-repeat;
	font-size:12px;
	font-weight: bold;
	font-family:Dotum, 돋움, Tahoma, Sans-serif;
	color:#fff;
	text-decoration:none !important;
	vertical-align:middle;
	white-space:nowrap;
	cursor:pointer;
}


.btn.accent_group_crud,
.btn.accent_group_crud *{height:36px;line-height:36px}
.btn.accent_group_crud{background-position:left -36px}
.accent_group_crud :hover,
.accent_group_crud :active,
.accent_group_crud :focus{color:#E2FF75;}

.btn.accent_group_crud,accent_group *{
	padding:0 2px 0 0px;
	background-position:right 0px;
	font-family:Dotum, 돋움, Tahoma, Sans-serif;
	font-size:12px;
}

/***** CRUD Accent Group 버튼 종료 *****/
/***** WORK Accent Group 버튼 시작 *****/
.accent_group_work,.accent_group_work *{
	display:inline-block;
	overflow:visible;
	position:relative;
	margin:0;
	padding-left:30px;
	padding-right:5px;
	border:0;
	background:url(../images/common/btn_crud_work_accent.png) no-repeat 0px -36px;
	font-size:12px;
	font-weight: bold;
	font-family:Dotum, 돋움, Tahoma, Sans-serif;
	color:#fff;
	text-decoration:none !important;
	vertical-align:middle;
	white-space:nowrap;
	cursor:pointer;
}


.btn.accent_group_work,
.btn.accent_group_work *{height:36px;line-height:36px}
.btn.accent_group_work{background-position:left -36px}
.accent_group_work :hover, .accent_group_work :active, .accent_group_work :focus {
	color:#E2FF75;
}

.btn.accent_group_work,accent_group_work *{
	padding:0 2px 0 0px;
	background-position:right -36px;
	font-family:Dotum, 돋움, Tahoma, Sans-serif;
	font-size:12px;
}

/***** WORK Accent Group 버튼 종료 *****/
/***** 강조 버튼 그룹 시작 *****/
/* 업무 강조 버튼 시작 */
.btn_work_accent_left_bg {
	display:block;
	width:33px;
	height:36px;
	background:url(../images/common/sprites_common.png) 0px -340px no-repeat;
	cursor:pointer;
	float:left;
}

.btn_work_accent_middle_bg {
	display:block;
	height:36px;
	background:url(../images/common/btn_work_accent_middle_bg.png) repeat-x 0 0;
	cursor:pointer;
	text-align:left;
	vertical-align:middle;
	color:#5C5C5C;
	font-size:11px;
	white-space:nowrap;
	float:left;
}

.btn_work_accent_right_bg {
	display:block;
	width:10px;
	height:36px;
	background:url(../images/common/sprites_common.png) -40px -340px no-repeat;
	cursor:pointer;
	float:left;
}
/* 업무 강조 버튼 종료 */

/* CRUD 강조 버튼 시작 */
.btn_crud_accent_left_bg {
	display:block;
	width:33px;
	height:36px;
	background:url(../images/common/sprites_common.png) 0px -380px no-repeat;
	cursor:pointer;
	float:left;
}

.btn_crud_accent_middle_bg {
	display:block;
	height:36px;
	background:url(../images/common/btn_crud_accent_middle_bg.png) repeat-x 0 0;
	cursor:pointer;
	text-align:left;
	vertical-align:middle;
	color:#5C5C5C;
	font-size:11px;
	white-space:nowrap;
	float:left;
}

.btn_crud_accent_right_bg {
	display:block;
	width:10px;
	height:36px;
	background:url(../images/common/sprites_common.png) -40px -380px no-repeat;
	cursor:pointer;
	float:left;
}
/* CRUD 강조 버튼 종료 */

.btn_accent_a:link {
	display:block;
	padding-top:12px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
}

.btn_accent_a:visited {
	display:block;
	padding-top:12px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
}

.btn_accent_a:hover {
	display:block;
	padding-top:12px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#E2FF75;
}

.btn_accent_a:active {
	display:block;
	padding-top:12px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#E2FF75;
}
/***** 강조 버튼 그룹 종료 *****/

/***** 버튼 CSS 시작 *****/
.btn {
	margin-left:0;
}

/* screen 버튼 */
.screen,.screen *{
	display:inline-block;
	overflow:visible;
	margin:0;
	padding-left:10px;
	padding-right:10px;
	border:0;
	background:url(../images/common/btn_bg.png) no-repeat;
	font-size:11px;
	font-family:Dotum, 돋움, Tahoma, Sans-serif;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none !important;
	vertical-align:middle;
	white-space:nowrap;
	cursor:pointer;
}
.btn.screen,
.btn.screen * {height:20px;line-height:20px;}
.btn.screen * {background-position:left -18px;}
.screen :hover,
.screen :active,
.screen :focus {color:#E2FF75;font-weight:bold;}
.btn.screen {
	padding:0 1px 0 0px;
	background-position:right -18px;
}
/* screen disabled 버튼 */
.screen_disabled,.screen_disabled *{
	display:inline-block;
	overflow:visible;
	position:relative;
	margin:0;
	padding-left:10px;
	padding-right:10px;
	border:0;
	background:#fff url(../images/common/btn_bg_disabled.png) no-repeat;
	font-size:11px;
	font-family:Dotum, 돋움, Tahoma, Sans-serif;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none !important;
	vertical-align:middle;
	white-space:nowrap;
}
.btn.screen_disabled,
.btn.screen_disabled * {height:20px;line-height:20px;}
.btn.screen_disabled * {background-position:left -58px;}
.btn.screen_disabled {
	padding:0 1px 0 0px;
	background-position:right -58px;
}
/* 업무 버튼 */
.work,.work *{
	display:inline-block;
	overflow:visible;
	margin:0;
	padding-left:10px;
	padding-right:10px;
	border:0;
	background:url(../images/common/btn_bg.png) no-repeat;
	font-size:11px;
	font-family:Dotum, 돋움, Tahoma, Sans-serif;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none !important;
	vertical-align:middle;
	white-space:nowrap;
	cursor:pointer;
}
.btn.work,
.btn.work * {height:20px;line-height:20px;}
.btn.work * {background-position:left -38px;}
.work :hover,
.work :active,
.work :focus {color:#E2FF75;font-weight:bold;}
.btn.work {
	padding:0 1px 0 0px;
	background-position:right -38px;
}
/* 업무 disabled 버튼 */
.work_disabled,.work_disabled *{
	display:inline-block;
	overflow:visible;
	position:relative;
	margin:0;
	padding-left:10px;
	padding-right:10px;
	border:0;
	background:#fff url(../images/common/btn_bg_disabled.png) no-repeat;
	font-size:11px;
	font-family:Dotum, 돋움, Tahoma, Sans-serif;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none !important;
	vertical-align:middle;
	white-space:nowrap;
}
.btn.work_disabled,
.btn.work_disabled * {height:20px;line-height:20px;}
.btn.work_disabled * {background-position:left -38px;}
.btn.work_disabled {
	padding:0 1px 0 0px;
	background-position:right -38px;
}
/* crud 버튼 */
.crud,.crud *{
	display:inline-block;
	overflow:visible;
	margin:0;
	border:0;
	background:url(../images/common/btn_bg.png) no-repeat;
	font-size:11px;
	font-family:Dotum, 돋움, Tahoma, Sans-serif;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none !important;
	vertical-align:middle;
	white-space:nowrap;
	cursor:pointer;
	width:62px;
}

.btn.crud,
.btn.crud * {height:20px;line-height:20px;}
.btn.crud * {background-position:left -58px;}
.crud :hover,
.crud :active,
.crud :focus {color:#E2FF75;font-weight:bold;}
.btn.crud {
	padding:0 1px 0 0px;
	background-position:right -58px;
}

/* 행추가 행삭제 버튼 */
.lineadd,.lineadd *{
	display:inline-block;
	overflow:visible;
	position:relative;
	margin:0;
	border:0;
	background:url(../images/common/btn_bg.png) no-repeat;
	font-size:11px;
	font-family:Dotum, 돋움, Tahoma, Sans-serif;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none !important;
	vertical-align:middle;
	white-space:nowrap;
	cursor:pointer;
	padding-left:10px;
	padding-right:10px;
}
.btn.lineadd,
.btn.lineadd * {height:20px;line-height:20px;}
.btn.lineadd * {background-position:left -200px;}
.lineadd :hover,
.lineadd :active,
.lineadd :focus {color:#E2FF75;font-weight:bold;}
.btn.lineadd {
	padding:0 1px 0 0px;
	background-position:right -200px;
}

/* crud disabled 버튼 */
.crud_disabled,.crud_disabled *{
	display:inline-block;
	overflow:visible;
	position:relative;
	margin:0;
	border:0;
	background:#fff url(../images/common/btn_bg_disabled.png) no-repeat;
	font-size:11px;
	font-family:Dotum, 돋움, Tahoma, Sans-serif;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none !important;
	vertical-align:middle;
	white-space:nowrap;
	padding: 0px 10px;
}
.btn.crud_disabled,
.btn.crud_disabled * {height:20px;line-height:20px;}
.btn.crud_disabled * {background-position:left -18px;}
.btn.crud_disabled {
	padding:0 1px 0 0px;
	background-position:right -18px;
}

/* crud freeSize 버튼 */
.crud_free,.crud_free *{
	display:inline-block;
	overflow:visible;
	position:relative;
	margin:0;
	border:0;
	background:url(../images/common/btn_bg.png) no-repeat;
	font-size:11px;
	font-family:Dotum, 돋움, Tahoma, Sans-serif;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none !important;
	vertical-align:middle;
	white-space:nowrap;
	cursor:pointer;
	padding:0 10px;
}

.btn.crud_free,
.btn.crud_free * {height:20px;line-height:20px;}
.btn.crud_free * {background-position:left -58px;}
.crud_free :hover,
.crud_free :active,
.crud_free :focus {color:#E2FF75;font-weight:bold;}
.btn.crud_free {
	padding:0 1px 0 0px;
	background-position:right -58px;
}
/* crud_free disabled 버튼 */
.crud_free_disabled,.crud_free_disabled *{
	display:inline-block;
	overflow:visible;
	position:relative;
	margin:0;
	border:0;
	background:#fff url(../images/common/btn_bg_disabled.png) no-repeat;
	font-size:11px;
	font-family:Dotum, 돋움, Tahoma, Sans-serif;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none !important;
	vertical-align:middle;
	white-space:nowrap;
}
.btn.crud_free_disabled,
.btn.crud_free_disabled * {height:20px;line-height:20px;}
.btn.crud_free_disabled * {background-position:left -18px;}
.btn.crud_free_disabled {
	padding:0 1px 0 0px;
	background-position:right -18px;
}

/****** 셔플 버튼 시작 ******/
.btn_shuffle {
	margin:140px 10px 0 10px;
	width:40px;
	vertical-align:middle;
	float:left;
}

.btn_shuffle span {
	margin-top:15px;
	float:left;
}

.btn_Shuffle_add {
	display:block;
	width:40px;
	height:45px;
	background:url(../images/common/sprites_common.png) 0px -100px no-repeat;
	cursor:pointer;
}

.btn_Shuffle_add:hover {
	background:url(../images/common/sprites_common.png) -50px -100px no-repeat;
}

.btn_Shuffle_add_disable {
	background:url(../images/common/sprites_common.png) -100px -100px no-repeat;
}

.btn_Shuffle_del {
	display:block;
	width:40px;
	height:45px;
	background:url(../images/common/sprites_common.png) -150px -100px no-repeat;
	cursor:pointer;
}

.btn_Shuffle_del:hover {
	background:url(../images/common/sprites_common.png) -200px -100px no-repeat;
}

.btn_Shuffle_del_disable {
	background:url(../images/common/sprites_common.png) -250px -100px no-repeat;
}

.btn_Shuffle_add_reverse {
	display:block;
	width:40px;
	height:45px;
	background:url(../images/common/sprites_common.png) -300px -100px no-repeat;
	cursor:pointer;
}

.btn_Shuffle_add_reverse:hover {
	background:url(../images/common/sprites_common.png) -350px -100px no-repeat;
}

.btn_Shuffle_add_reverse_disable {
	background:url(../images/common/sprites_common.png) -400px -100px no-repeat;
}
.btn_Shuffle_del_reverse {
	display:block;
	width:40px;
	height:45px;
	background:url(../images/common/sprites_common.png) -450px -100px no-repeat;
	cursor:pointer;
}

.btn_Shuffle_del_reverse:hover {
	background:url(../images/common/sprites_common.png) -500px -100px no-repeat;
}

.btn_Shuffle_del_reverse_disable {
	background:url(../images/common/sprites_common.png) -550px -100px no-repeat;
}


/****** 셔플 버튼 종료 ******/


/* 그리드(아이콘) 버튼 시작 */
.btn_grid,.btn_grid *{
	display:inline-block;
	overflow:visible;
	position:relative;
	margin:0;
	padding:0;
	border:0;
	background:url(../images/common/btn_bg.png) no-repeat;
	font-size:11px;
	font-family:Dotum, 돋움, Tahoma, Sans-serif;
	color:#333;
	text-decoration:none !important;
	vertical-align:top;
	white-space:nowrap
}

.btn_grid{margin-right:4px;}

.btn_grid *{left:4px;cursor:pointer;}

.btn_grid.top,
.btn_grid.top *{height:20px;line-height:21px;*line-height:20px;}

.btn_grid.top{background-position:left -78px;}
.btn_grid.top *{background-position:left -78px;}

.btn_grid.top *{padding:0 6px 0 2px;background-position:right -78px;font-size:11px;}
.btn_grid *:hover,
.btn_grid *:active,
.btn_grid *:focus{color:#690}
.btn_grid.strong *{font-weight:bold !important}
.btn_grid.icon *{padding-left:20px}
.btn_grid.top.icon *{padding-left:16px}
.btn_grid.icon span{width:20px;margin-right:-20px;padding:0 !important}

.btn_grid.top.share{background-position:left -220px;}
.btn_grid.top.share *{background-position:left -220px;}
.btn_grid.top.share *{padding:0 6px 0 2px;background-position:right -220px;font-size:11px;}

.btn_grid.top .btn_grid_icon_upload {
	background-position:3px -153px;
}
.btn_grid.top .btn_grid_icon_excell {
	background-position:-18px -153px;
}
.btn_grid.top .btn_grid_icon_print {
	background-position:-37px -153px;
}

.btn_grid.top .btn_grid_icon_list {
	background-position:-56px -152px;
}

.btn_grid.top .btn_grid_icon_plus {
	background-position:-76px -152px;
}

.btn_grid.top .btn_grid_icon_search {
	background-position:-120px -152px;
}
.btn_grid.top .btn_grid_icon_undo {
	background-position:-142px -152px;
}
.btn_grid.top .btn_grid_icon_down {
	background-position:-165px -152px;
	*background-position:-167px -152px;
}
/* 그리드(아이콘) 버튼 종료 */
/* 인라인 엑셀다운로드(아이콘) 버튼 시작 */
.btn_grid.ic_inline,
.btn_grid.ic_inline *{height:18px;line-height:16px;}

.btn_grid.ic_inline{background-position:left 0px;}
.btn_grid.ic_inline *{background-position:left 0px;}
.btn_grid.ic_inline *{padding:1px 6px 0 2px;background-position:right 0px;font-size:11px;}

.btn_grid.icon *{padding-left:20px}
.btn_grid.top.icon *{padding-left:16px}
.btn_grid.ic_inline.icon span{width:18px;margin-right:-20px;padding:0 !important}

.btn_grid.ic_inline .btn_grid_icon_upload {	background-position:3px -153px;}
.btn_grid.ic_inline .btn_grid_icon_excell {	background-position:-18px -153px;}
.btn_grid.ic_inline .btn_grid_icon_print {	background-position:-37px -153px;}

.btn_grid.ic_inline .btn_grid_icon_list {	background-position:-56px -152px;}

.btn_grid.ic_inline .btn_grid_icon_plus {	background-position:-76px -152px;}

/* 인라인 엑셀다운로드(아이콘) 버튼 종료 */
/***** 인라인 두줄짜리버튼 시작 *****/
.inline_double,.inline_double button {
	display:inline-block;
	overflow:visible;
	position:relative;
	margin:0;
	padding-left:5px;
	padding-right:5px;
	border:0;
	background:url(../images/common/btn_bg.png) no-repeat;
	font-size:11px;
	font-family:Dotum, 돋움, Tahoma, Sans-serif;
	color:#5D5B5C;
	text-decoration:none !important;
	vertical-align:middle;
	white-space:nowrap;
	cursor:pointer;
}
.btn.inline_double,
.btn.inline_double button {height:27px;line-height:12px;}
.btn.inline_double,
.btn.inline_double button {background-position:left -173px;}
.inline_double :hover,
.inline_double :active,
.inline_double :focus{color:#690;}
.btn.inline_double {
	padding:0 1px 0 0px;
	background-position:right -173px;
}
/***** 인라인 두줄짜리버튼 종료 *****/
/***** 버튼 CSS 종료 *****/

/***** 개별 아이콘 css 시작 *****/
/* 첨부파일 표시 */
.file {
	display:block;
	width:7px;
	height:12px;
	background:url(../images/common/sprites_common.png) -250px 0px no-repeat;
}


/* 메모 표시 */
.memo {
	display:block;
	width:16px;
	height:16px;
	background:url(../images/gms/btn_write_s.gif);
}

/* 수정버튼 */
.modify {
	display:block;
	width:48px;
	height:16px;
	background:url(../images/gms/bt_modify_small.gif);
}

/* 저장버튼 */
.save {
	display:block;
	width:48px;
	height:16px;
	background:url(../images/gms/bt_save_small.gif);
}

/* delivery버튼 */
.delivery {
	display:block;
	width:16px;
	height:12px;
	background:url(../images/gms/delivery.gif);
}
/***** 개별 아이콘 css 종료 *****/

/************************************************** 위드넷 로그인 페이지 시작 **************************************************/

/* 상단 시작 */
.login_layout {
	width:712px;
	padding-top:150px;
	margin:0 auto;
}

.login_top {
	width:712px;
	height:29px;
}

.login_logo_withnet {
	display:block;
	width:173px;
	height:20px;
	background:url(../images/withnet/sprites_withnet.png) 0px -300px no-repeat;
	float:left;
}

.login_name {
/* 	display:block; */
/* 	margin-top:10px; */
/* 	width:140px; */
/* 	height:13px; */
/* 	background:url(../images/withnet/sprites_withnet.png) 0px -330px no-repeat; */
/* 	float:right; */
}
/* 상단 종료 */

/* 중단 시작 */
.login_body {
	display:block;
	width:712px;
	height:187px;
	background:url(../images/withnet/sprites_withnet.png) 0px -350px no-repeat;
}

.login_fieldset {
	float:left;
}

.login_fieldset input {
	margin-left:13px;
	height:26px;
	line-height: 26px;
	vertical-align: middle;
	font-size:18px;
	font-weight:bold;
}

.login_id_area {
	margin-top:49px;
}

.login_id {
	display:block;
	margin-top:10px;
	margin-left:41px;
	width:34px;
	height:13px;
	background:url(../images/withnet/sprites_withnet.png) 0px -540px no-repeat;
	float:left;
}

.login_pw_area {
	margin-top:8px;
}

.login_pw {
	display:block;
	margin-top:6px;
	margin-left:29px;
	width:46px;
	height:13px;
	background:url(../images/withnet/sprites_withnet.png) -40px -540px no-repeat;
	float:left;
}

.login_pw_search_area {
	margin-top:7px;
	width:284px;
	height:24px;
}

.login_pw_search_area input {
	margin-top:0px;
	margin-left:87px;
	float:left;
}

.login_pw_search_area label {
	margin-top:6px;
	font-size:12px;
	color:#6D6D6D;
	float:left;
}

.login_message {
	margin-top:8px;
	width:286px;
	text-align:right;
}

.btn_login_pw_search {
	display:block;
	width:107px;
	height:24px;
	background:url(../images/withnet/sprites_withnet.png) 0px -830px no-repeat;
	cursor:pointer;
	float:right;
}

.btn_login_id_pw_search {
	display:block;
	width:107px;
	height:24px;
	background:url(../images/withnet/sprites_withnet.png) -320px -830px no-repeat;
	cursor:pointer;
	float:right;
}

.btn_login_pw_modify {
	display:block;
	width:107px;
	height:24px;
	background:url(../images/common/sprites_common.png) 0px -790px no-repeat;
	cursor:pointer;
	float:right;
}

.btn_login {
	display:block;
	margin-top:49px;
	margin-left:8px;
	width:128px;
	height:99px;
	background:url(../images/withnet/sprites_withnet.png) 0px -560px no-repeat;
	cursor:pointer;
	float:left;
}

.btn_login_line {
	margin-left:58px;
	width:1px;
	height:187px;
	background:url(../images/withnet/btn_login_withnet_line.png) no-repeat;
	float:left;
}

.login_banner {
	display:block;
	margin-top:15px;
	margin-left:14px;
	width:204px;
	height:160px;
	background:url(../images/withnet/login/logo.jpg) no-repeat;
	cursor:pointer;
	float:left;
}
/* 중단 종료 */

/* 하단 시작 */
.login_bg_bottom{
	display:block;
	width:712px;
	height:67px;
	background:url(../images/withnet/sprites_withnet.png) 0px -860px no-repeat;
}

.btn_login_bottom_01{
	display:block;
	margin-top:12px;
	margin-left:21px;
	width:72px;
	height:44px;
	background:url(../images/withnet/sprites_withnet.png) 0px -930px no-repeat;
	cursor:pointer;
	float:left;
}

.btn_login_bottom_02{
	display:block;
	margin-top:12px;
	margin-left:42px;
	width:88px;
	height:44px;
	background:url(../images/withnet/sprites_withnet.png) -80px -930px no-repeat;
	cursor:pointer;
	float:left;
}

.btn_login_bottom_03{
	display:block;
	margin-top:12px;
	margin-left:42px;
	width:52px;
	height:44px;
	background:url(../images/withnet/sprites_withnet.png) -170px -930px no-repeat;
	cursor:pointer;
	float:left;
}

.btn_login_bottom_04{
	display:block;
	margin-top:12px;
	margin-left:45px;
	width:87px;
	height:44px;
	background:url(../images/withnet/sprites_withnet.png) -230px -930px no-repeat;
	cursor:pointer;
	float:left;
}

.btn_login_bottom_05{
	display:block;
	margin-top:12px;
	margin-left:39px;
	width:72px;
	height:44px;
	background:url(../images/withnet/sprites_withnet.png) -320px -930px no-repeat;
	cursor:pointer;
	float:left;
}

.btn_login_bottom_06{
	display:block;
	margin-top:12px;
	margin-left:41px;
	width:82px;
	height:44px;
	background:url(../images/withnet/sprites_withnet.png) -400px -930px no-repeat;
	cursor:pointer;
	float:left;
}
/* 하단 종료 */

/* 로그인 푸터 시작 */
.footer {
	margin-top:13px;
	width:712px;
	height:52px;
}

.footer_left {
	margin-top:6px;
	margin-left:3px;
	height:52px;
	float:left;
}

.login_tel_01 {
	display:block;
	margin:0px;
	padding:0px;
}

.login_tel_02 {
	display:block;
	margin-top:4px;
}

.login_tel_03 {
	display:block;
	margin-top:4px;
}

.login_icon{
	display:block;
	margin-top:3px;
	width:4px;
	height:4px;
	background:url(../images/withnet/sprites_withnet.png) -310px -850px no-repeat;
	cursor:pointer;
	float:left;
}

.login_tel_title {
	margin-left:4px;
	font-size:11px;
	font-family:Dotum, 돋움, Tahoma, Sans-serif;
	font-weight:normal;
	color:#9D9D9D;
	line-height:11px;
}

.login_tel_num {
	margin-left:5px;
	font-size:11px;
	font-family:Dotum, 돋움, Tahoma, Sans-serif;
	font-weight:bold;
	color:#739C00;
	line-height:11px;
}

.footer_right {
	margin-right:1px;
	width:317px;	/*2015.11.02 박지성 : 레드휘슬 관련 변경(d&Shop 삭제)*/
	height:26px;
	float:right;
}

.btn_login_join{
	display:block;
	width:89px;
	height:26px;
	background:url(../images/withnet/sprites_withnet.png) -110px -830px no-repeat;
	cursor:pointer;
	float:left;
}

.btn_login_map{
	display:block;
	margin-left:4px;
	width:109px;
	height:26px;
	background:url(../images/withnet/sprites_withnet.png) -200px -830px no-repeat;
	cursor:pointer;
	float:left;
}
/* 로그인 푸터 종료 */

/************************************************** 위드넷 로그인 페이지 종료 **************************************************/

/************************************************** 공통 로그인 페이지 시작 **************************************************/

/* 상단 시작 */
.login_common_layout {
	width:605px;
	padding-top:150px;
	margin:0 auto;
}

.login_common_top {
	width:605px;
	height:29px;
}

.login_logo_gms {
	display:block;
	width:201px;
	height:20px;
	background:url(../images/common/sprites_common.png) 0px -860px no-repeat;
	float:left;
}

.login_logo_gsdel {
	display:block;
	width:263px;
	height:20px;
	background:url(../images/common/sprites_common.png) -980px -870px no-repeat;
	float:left;
}

.login_logo_account {
	display:block;
	width:205px;
	height:20px;
	background:url(../images/common/sprites_common.png) -980px -900px no-repeat;
	float:left;
}

.login_logo_els {
	display:block;
	width:240px;
	height:20px;
	background:url(../images/common/sprites_common.png) -980px -930px no-repeat;
	float:left;
}

.login_common_name {
	display:block;
	margin-top:10px;
	width:140px;
	height:13px;
	background:url(../images/common/sprites_common.png) 0px -890px no-repeat;
	float:right;
}
/* 상단 종료 */

/* 중단 시작 */
.login_common_body {
	display:block;
	width:605px;
	height:254px;
	background:url(../images/common/sprites_common.png) -370px -730px no-repeat;
}

.login_common_fieldset {
	float:left;
}

.login_common_fieldset input {
	margin-left:13px;
	height:26px;
	line-height: 26px;
	vertical-align: middle;
	font-size:18px;
	font-weight:bold;
}

.login_common_id_area {
	margin-top:78px;
}

.login_common_id {
	display:block;
	margin-top:10px;
	margin-left:134px;
	width:34px;
	height:13px;
	background:url(../images/common/sprites_common.png) 0px -910px no-repeat;
	float:left;
}

.login_common_pw_area {
	margin-top:8px;
}

.login_common_pw {
	display:block;
	margin-top:6px;
	margin-left:122px;
	width:46px;
	height:13px;
	background:url(../images/common/sprites_common.png) -40px -910px no-repeat;
	float:left;
}

.login_common_recert_area {
	margin-top:8px;
	color:#6D6D6D;
}

.login_common_recert {
	display:block;
	margin-top:6px;
	margin-left:122px;
	width:138px;
	height:13px;
	float:right;
}

.login_common_cert {
	display:block;
	margin-top:6px;
	margin-left:122px;
	width:46px;
	height:13px;
	float:right;
}

.login_common_bottom_btn_area {
	margin-top:7px;
	margin-right:126px;
	height:24px;
	clear:both;
	float:right;
}

.login_common_bottom_btn_area div {
	margin-left:8px;
	float:left;
}

.login_pw_search_area input {
	margin-top:0px;
	margin-left:87px;
	float:left;
}

.login_pw_search_area label {
	margin-top:6px;
	font-size:12px;
	color:#6D6D6D;
	float:left;
}

.login_common_message {
	margin-top:8px;
	margin-right:150px;
	width:298px;
	text-align:right;
	clear:both;
	float:right;
}

.btn_common_login_id_pw_search {
	display:block;
	width:94px;
	height:24px;
	background:url(../images/common/sprites_common.png) 0px -790px no-repeat;
	cursor:pointer;
}

.btn_common_login_pw_modify {
	display:block;
	width:94px;
	height:24px;
	background:url(../images/common/sprites_common.png) -100px -790px no-repeat;
	cursor:pointer;
}

.btn_common_login {
	display:block;
	margin-top:78px;
	margin-left:8px;
	width:94px;
	height:69px;
	background:url(../images/common/sprites_common.png) 0px -930px no-repeat;
	cursor:pointer;
	float:left;
}

.login_common_checkbox_area {
	display:block;
	width:94px;
	height:24px;
	line-height:24px;
	vertical-align:middle;
}
.login_common_bottom_btn_area.ifOneButton {
	margin-right:228px;
}
.login_common_bottom_btn_area.ifOneButton div {
	margin-left: 5px;
	margin-right:0px;
	float:right;
}

.login_common_bottom_btn_area.ifOneOnlyButton div {
	margin-left: 8px;
	margin-right:67px;
	float:right;
	width: 150px;
}

.login_common_checkbox_area.ifOneButton {
	margin-right: 200px;
}
.login_common_message.ifOneButton {
	margin-right:225px;
}

/* 중단 종료 */

/************************************************** 공통 로그인 페이지 종료 **************************************************/

/************************************************** 기타 이미지들 모음 시작 **************************************************/
.icon_grid_nodata_area {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	vertical-align:middle;
	margin:0 auto;
}

.icon_grid_nodata_icon {
	vertical-align:middle;
	margin:0 auto;
}

.icon_grid_nodata_text {
	margin-left:6px;
	font-size:12px;
	font-family:Dotum, 돋움, Tahoma, Sans-serif;
	font-weight:bold;
	color:#808080;
	line-height:12px;
	text-align:center;
}
/************************************************** 기타 이미지들 모음 종료 **************************************************/

/************************************************** 팝업 시작 **************************************************/

/****** 팝업 버튼 시작 ******/
.btn_popup_close {
	display:block;
	width:55px;
	height:24px;
	background:url(../images/common/sprites_common.png) 0px -450px no-repeat;
	cursor:pointer;
}

.btn_popup_apply {
	display:block;
	width:63px;
	height:22px;
	background:url(../images/common/btn_popup_apply.png) no-repeat;
	cursor:pointer;
}
.btn_popup_confirm {
	display:inline-block;
	width:63px;
	height:22px;
	background:url(../images/common/sprites_common.png) -60px -450px no-repeat;
	cursor:pointer;
}

.btn_popup_cancel {
	display:inline-block;
	width:63px;
	height:22px;
	background:url(../images/common/sprites_common.png) -130px -450px no-repeat;
	cursor:pointer;
}
/****** 팝업 버튼 종료 ******/

/************************************************** 팝업 종료 **************************************************/

/************************************************** 예외화면 추가 **************************************************/
.prdReg {
	width:980px;
}

.selectgroup div {
	float:left;
	margin:0 5px 0 0;
}

.table-th-long {
	width:180px;
	font-size:12px;
	border-right: 1px solid #E2E2E2;
	color:#5B5B5B;
}

.table-td-border-left {
	width:180px;
	font-size:12px;
	border-left: 1px solid #E2E2E2;
	color:#5B5B5B;
}

.td-prd-img {
	width:200px;
}

.td-price {
	width:200px;
}

.pink_no_underline {
	font-weight: bold;
	font-size:12px;
	text-decoration:none;
	color:#F22867;
}

.grid_title_prd {
	display:block;
	margin-top:9px;
	height:12px;
	font-size:12px;
	color:#5C5C5C;
	margin-right:10px;
}

.sub_title_area {
	width:100%;
	height:20px;
	padding-top:20px;
	padding-bottom:5px;
	background-color:#ffffff;
	line-height: 20px;
	display: block;
}

.sub_title_area_line {
	width:100%;
	height:20px;
	line-height: 20px;
	padding-top:20px;
	padding-bottom:5px;
	background-color:#ffffff;
	border-bottom:2px solid #c8c7c7;
}

.sub_title {
	display:table-cell;
	height:20px;
	font-size:15px;
	font-weight:bold;
	float:left;
	margin-right:10px;
	line-height:100%;
	color:#5C5C5C;
	vertical-align:middle;
	line-height:20px;
}

.arrow_right_normal {
	float:left;
	padding:3px 3px 0 9px;
	background:url('../images/common/arrow_right.png') no-repeat 0 6px;
}

.arrow_right_bold {
	float:left;
	padding:3px 3px 0 9px;
	font-weight:bold;
	background:url('../images/common/arrow_right.png') no-repeat 0 6px;
}

.btn_accent_group {
	margin-top: 10px;
	margin-bottom: 10px;
	float:right;
}

.btn_accent_group div {
	margin-left:10px;
}

.btn_crud_work {
	margin-top:10px;
	float:left;
}

.btn_crud_accent {
	margin-top:10px;
	float:left;
}

.icon_title_group {
	width:100%;
	height:20px;
	margin-top:20px;
	background-color:#ffffff;
	clear:both;
}

.icon_title_group_line {
	width:100%;
	height:20px;
	margin-top:20px;
	padding-bottom:5px;
	background-color:#ffffff;
	border-bottom:2px solid #bed232;
	clear:both;
}

.icon_title {
	display:block;
	font-size:12px;
	font-weight:bold;
	float:left;
	margin-right:10px;
	margin-top:9px;
	clear:both;
	float:left;
}

.table_margin_top {
	margin-top:20px;
}

.iframeA {
	width:980px;
	overflow:hidden;
}

.editerBox {
	clear:both;
}

.iframeA {
	width:980px;
	overflow:hidden;
}

.editMent {
	padding:5px;
	font-size:11px;
}

.mentA {
	clear:both;
	margin-top:4px;
}

.bullet_green_bold {
	margin-top:20px;
	padding-left:10px;
	color:#789600;
	font-weight:bold;
	background:url('../images/common/bullet_green.png') no-repeat 0 2px;
}

.ra {
	margin-top:-4px;
}

.table-th-big-first {
	width:180px;
	border-right: 1px solid #E2E2E2;
	color:#5B5B5B;
}
.table-th-big {
	width:180px;
	border-left: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
	color:#5B5B5B;
}

.imgBox {
	/*padding:0 6px;
	width:988px;*/
}

.imgBox li {
	text-align:center;
	float:left;
	margin:10px 20px 10px 65px;
	width:160px;
}

.imgBox .imgText {
	text-align:center;
}

.imgBox .img160 {
	position:relative;
	width:160px;
	height:160px;
	background:#666;
}

.imgBox .img160 .barLay {
	position:absolute;
	top:0;left:-40px;
}

.imgBox .btnBox {
	margin-top:5px;
	padding-left:42px;
/*		width:118px;*/
}

.btnBox {
	clear:both;
	float:left;
	margin-top:0;
/*	width:100%;
	text-align:right;*/
}

.table_top_td_left {
	width: 100%;
	border-top:2px solid #bed232;
	margin-top:5px;
}
.table_top_td_left table {
	width: 100%;
	border-collapse: collapse;
}
.table_top_td_left th {
	padding:0px 5px 0px 5px;
	height:30px;
	line-height: 25px;
	vertical-align: middle;
	background-color:#EFEFEF;
	font-weight: bold;
	border-bottom: 1px solid #E2E2E2;
}
.table_top_td_left td {
	padding:0px 5px 0px 5px;
	height:30px;
	vertical-align: middle;
	background-color:#FFFFFF;
	font-weight: normal;
	border-bottom: 1px solid #E2E2E2;
}

.prdRegStyle_btn_group {
	margin-left:20px;
	padding-top:10px;
	padding-bottom:10px;
	float:left;
}

.odA .tbl_odA .padding10 {
	padding-top:10px;
}

.gray_line {
	margin:5px 0;
	width:100%;
	height:1px;
	background:#ccc;
	overflow:hidden;
}

.prodBox {
	width:600px;
}

.nameBox {
	float:left;
	width:420px;
}

.devinfo {
	margin-top:30px;
}

.odA {
	width:100%;
	margin-top:20px;
	overflow:hidden;
}

.odA .ll {
	float:left;
	margin-right:56px;
	width:580px;
	text-align:left;
}

.odA .ll_400 {
	float:left;
	width:400px;
	text-align:left;
}
.odA .ll_420 {
	float:left;
	width:420px;
	text-align:left;
}
.odA .tableTitle {
	display:block;
	margin-top:3px;
	height:12px;
	font-size:12px;
	font-weight:bold;
	color:#5C5C5C;
	margin-right:10px;
	float:left;
}

.odA .table{
	margin-top:5px;
}

/* .odA .prodBox { */
/* 	width:580px; */
/* } */

/* .odA .prodBox .img160 { */
/* 	float:left; */
/* 	width:180px; */
/* } */

/* .odA .prodBox .nameBox { */
/* 	float:left; */
/* 	width:400px; */
/* } */

/* .odA .prodBox .nameBox dt { */
/* 	float:left; */
/* 	width:166px; */
/* 	line-height:150%; */
/* } */

/* .odA .prodBox .nameBox dd { */
/* 	float:left; */
/* 	width:234px; */
/* 	line-height:150%; */
/* } */

.gray_line {
	margin:5px 0;
	width:100%;
	height:1px;
	background:#ccc;
	overflow:hidden;
}

.odA .rr {
	float:left;
	width:302px;
	text-align:left;
}
.odA .rr_500 {
	float:right;
	width:500px;
	text-align:left;
}
.odA .rr_520 {
	float:right;
	width:520px;
	text-align:left;
}

.table_980 {
	width:980px;
	border-top:2px solid #bed232;
	clear:both;
}

.table_980_no_line {
	width:980px;
	clear:both;
}

.table_980 th {
	height:30px;
	line-height: 30px;
	vertical-align: middle;
	background-color:#EFEFEF;
	font-weight: bold;
	text-align:center;
	border-bottom: 1px solid #E2E2E2;
}
.table_980 td {
	height:30px;
	line-height: 30px;
	vertical-align: middle;
	background-color:#FFFFFF;
	font-weight: normal;
	text-align:center;
	border-bottom: 1px solid #E2E2E2;
}

.table_980-th-first {
	margin:0;
	padding:0;
	color:#5B5B5B;
	border-right: 1px solid #E2E2E2;
}
.table_980-th {
	margin:0;
	padding:0;
	border-left: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
	color:#5B5B5B;
}
.table_980_no_line-td-first {
	margin:0;
	padding:0;
	border-right: 1px solid #E2E2E2;
}
.table_980_no_line-td {
	margin:0;
	padding:0;
	border-left: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
}

/* qna */
.qna_ment{
	width:110px;
	text-align:left;
}
.qna_prd {
	text-align:left;
	margin-top:5px;
}
.qna_prd div {
	vertical-align:middle;
	float:left;
}
.qna_prd_img {
	display:block;
	width:45px;
	height:45px;
	border: 1px solid #E2E2E2;
	margin-bottom:5px;
}
.qna_prd_info {
	margin-left:5px;
	line-height:17px;
}
.table_top_tr_selected {
	background-color:#f5fac8;
}
.qna_detail {
	position:relative;
	background-color:#ffffff;
	width:100%;
}
.qna_detail_title_group_line {
	width:100%;
	height:20px;
	margin-left:5px;
	padding-bottom:5px;
	border-bottom:2px solid #bed232;
	clear:both;
}
.qna_detail_body {
	width:100%;
	padding-top:10px;
	text-align:left;
	background-color:#ffffff;
	float:left;
	height:100%;
}
.qna_detail_left {
	width:100%;
	height:auto;
	float:left;
	background-color:#ffffff;
}
.qna_detail_right_open {
	width:300px;
	border:2px solid #BFD430;
	margin-top:22px;
	text-align:left;
	float:right;
	position:relative;
}
.qna_detail_right_close {
	width:40px;
	height:454px;
	background-color:#BED232;
	background:url(../images/common/sprites_common.png) -1010px 0px no-repeat;
	cursor:pointer;
	margin-bottom:10px;
	float:right;
}
.qna_detail_right_open_title{
	margin:0 5px 0 5px;
}
.qna_detail_right_open_radiobox_group {
	margin-top:5px;
}
.qna_detail_right_open_iframe {
	height:350px;
	margin:5px;
	overflow-x:hidden;
	overflow-y:auto;
}
.qna_detail_right_open_iframe table {
	margin-top:10px;
}
.qna_detail_right_open_bottom {
	position:absolute;
	bottom:0px;
	width:280px;
	height:30px;
	margin-left:10px;
}
.qna_detail_right_open_bottom_left {
	margin-top:5px;
	float:left;
}
.qna_detail_right_open_bottom_right {
	float:right;
}
.table-th-first.right {
	text-align:right;
}
.table-th.right {
	text-align:right;
}
.td.left {
	text-align:left;
}
.as_is_answer_title{
	padding-left:15px;
	background:url('https://image.gsshop.com/mi06/ec2_scm/icon_arrow_right.gif') no-repeat 0 0;
	font-weight:bold;
}
.as_is_answer_cntn{
	padding:5px 0 10px 15px;
	line-height:140%;
}
/* qna 종료 */

/* 탭고정 스크롤 테이블 소스 시작 */
.table_scroll {
	position:relative;
}
.table_scroll_th_cross_browser {
	position:absolute;
	width:963px; /* 스크롤이 생기는 경우 어긋남을 방지하기 위해 전체 넓이에서 17픽셀을 뺀 값 */
	top:0px;
	left:0px;
}
.table_scroll_th_cross_browser_table {
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
	z-index:10000;
}
.table_scroll_base {
	position:relative;
	width:100%;
	height:150px;
	overflow-y:auto;
	overflow-x:hidden;
}
.table_scroll_base_th {
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
}
/* 탭고정 스크롤 테이블 소스 종료 */

/* 에러페이지 관련 소스 시작 */
.error_page_icon_01 {
	display:block;
	width:77px;
	height:78px;
	background:url(../images/common/sprites_common.png) -1060px 0px no-repeat;
	float:left;
}
.error_page_layout {
	width:600px;
	padding-top:150px;
	margin:0 auto;
}
.error_page_top {
	width:600px;
	height:29px;
}
.error_page_logo {
	display:block;
	width:111px;
	height:20px;
	background:url(../images/common/sprites_common.png) -980px -960px no-repeat;
	float:left;
}
.error_page_name {
/* 	display:block; */
/* 	margin-top:10px; */
/* 	width:140px; */
/* 	height:13px; */
/* 	background:url(../images/withnet/sprites_withnet.png) 0px -330px no-repeat; */
/* 	float:right; */
}
.error_page_bar {
	display:block;
	width:600px;
	height:3px;
	background:url(../images/common/sprites_common.png) -370px -990px no-repeat;
}
.error_page_body {
	width:600px;
	padding:30px;
}
.error_page_ment_area {
	margin-left:100px;
}
.error_page_h2 {
	font-size:18px;
	font-weight:bold;
}
.error_page_ment {
	margin-top:20px;
}
.error_page_ment_margin {
	margin-top:20px;
}
.btn_error_page_go_home {
	margin-top:10px;
}
.error_page_ment_footer {
	clear:both;
	margin-top:10px;
	text-align:center;
}
/* 에러페이지 관련 소스 종료 */

/* 전체메뉴보기 시작 */
.all_menu_open {
	position:absolute;
	top:95px;
	display:block;
	width:980px;
	z-index:1111111
}
.all_menu_open_border {
	position:relative;
	border:5px solid #BFD430;
	overflow:auto;
	background-color:#fff;
	clear:both;
}
.all_menu_loop {
	width:200px;
	margin-top:10px;
	padding:0 10px 10px 10px;
	vertical-align:top;
	float:left;
}
.cate_big {
	padding-bottom:5px;
	border-bottom: 1px solid #E2E2E2;
	font-weight: bold;
}
.cate_middle {
	margin-top:5px;
	font-size:11px;
}

.btn_all_menu_close_area {
	clear:both;
	height:20px;
	line-height:20px;
	vertical-align:middle;
}

.btn_all_menu_close {
	display:block;
	vertical-align:middle;
	margin-right:10px;
	width:57px;
	height:13px;
	background:url(../images/common/sprites_common.png) -290px 0px no-repeat;
	cursor:pointer;
	float:right;
}
/* 전체메뉴보기 종료 */

/* 테이블 스크롤 소스 시작 */
.table_scroll {
	clear:both;
	position:relative;
	margin:10px auto 0;
}
.table_scroll table{
	border-collapse: separate;
	border-spacing: 1px;
	border-bottom: none;
}
.table_scroll .table_s {
	background: #E2E2E2;
	width: 980px;
}
.table_scroll .table_s th {
	height:30px;
	padding:0px;
	border-top:2px solid #BED52F;
	background:#EFEFEF;
	font-weight:bold;
	text-align: center;
}
.table_scroll .table_s td {
	height:20px;
	padding:0px;
	background:#fff;
	text-align:center;
	word-break:break-all;
	border-bottom: none;
}
.table_scroll .table_s tr.over td {
	background:#ddf3f3;
}
.table_scroll ul {
	clear:both;
	}
.table_scroll li {
	float:left;
	border-bottom:1px solid #cbcaca;
	border-right:1px solid #cbcaca;
	word-break:break-all;
	overflow:hidden;
	line-height:170%;
}
.table_scroll ul .aa {
	width:26px;
}
.table_scroll ul .bb {
	width:55px;
}
.table_scroll ul .cc {
	width:70px;
}
.table_scroll ul .dd {
	width:80px;
}
.table_scroll ul .ee {
	width:145px;
}
.table_scroll ul .ff {
	width:70px;
}
.table_scroll ul .gg {
	width:50px;
}
.table_scroll ul .hh {
	width:50px;
}
.table_scroll ul .ii {
	width:50px;
}
.table_scroll ul .jj {
	width:70px;
}
.table_scroll ul .kk {
	width:50px;
}
.table_scroll ul .ll {
	width:70px;
}
.table_scroll ul .mm {
	width:65px;
	}
.table_scroll ul .nn {
	width:65px;
}
.table_scroll ul .oo {
	width:68px;
}
/* 테이블 스크롤 소스 종료 */
/************************************************** 예외화면 종료 **************************************************/
.mg_bttm10 {
	margin-bottom: 10px;
}
.mg_bttm20 {
	margin-bottom: 20px;
}
.mg_bttm30 {
	margin-bottom: 30px;
}
.plainText {
	margin-left: 20px;
	line-height: 20px;
}
.mg_top20 {
	margin-top: 20px;
}
.width695 {
	width: 695px;
	position: relative;
}
.table.mg_top20 table tr {
	border-left: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
}
.table.mg_top20 table th {
	text-align: center;
}
.table.mg_top20 table td {
	border-right: 1px solid #E2E2E2;
	text-align: center;
}
.normalWeight {
	font-weight: normal;
}


.btn_selware button {
	width: 153px;
	height: 21px;
	background: url("../images/gms/ico_selware.png") no-repeat left top;
	display:inline-block;
	border: 0;
	cursor: pointer;
}
.btn_selware button:hover, .btn_selware button:active, .btn_selware button:focus {
	background: url("../images/gms/ico_selware.png") no-repeat right top;
}

.updownW {margin:20px 0;text-align:center}
.updownW a {height:25px;border:1px solid #e3e4e5;display:inline-block;width:30%;margin:0 2px;background:url("../images/withnet/bg_btn.png") 0 0 repeat-x;text-align:center}
.updownW a span {background:url('../images/withnet/ico_updown.png') no-repeat 0 -50px;height:25px;width:11px;display:inline-block}
.updownW a:first-child span {background-position:0 0}
.updownW a:hover {border-color:#c8cacc}
.updownW a:first-child:hover span {background-position:0 -25px}
.updownW a:hover span {background-position:0 -75px}

.lay_t {padding:5px 0 10px 0; height: 15px;}
.layout_ul ul li {float:left;padding:0 12px;text-align:center}
.layout_ul p.img {padding-bottom:6px}

.deal_layoutW {overflow:hidden;margin-top:20px;position:relative}
.deal_layoutW.mgt0 {width:752px}
.deal_layoutW a.basic {height:19px;line-height:18px;font-weight:normal;min-width:60px;padding:0 6px;text-align:center}
/*.deal_layoutW .deal_layout {float:left;height:600px;width:700px;overflow-x:hiedden;overflow-y:auto;border:1px solid #e1e3e6;margin-right:20px;z-index: 2;position: relative;}*/
.deal_layoutW .deal_layout {float:left;width:700px;border:1px solid #e1e3e6;margin-right:20px;z-index: 2;position: relative;}
.deal_layoutW .deal_layout dl {border-top:1px solid #e1e3e6}
.deal_layoutW .deal_layout dl:first-child {border-top:none}
.deal_layoutW .deal_layout dl:after, .deal_layoutW .deal_layout dl dd ul li:after, .deal_layoutW .deal_layout .top_control:after {display:block;content:'';overflow:hidden;clear:both}
.deal_layoutW .deal_layout dl dt {padding:12px 0 0 12px;width:100px;float:left;font-weight:bold}
.deal_layoutW .deal_layout dl dd {overflow:hidden;padding:7px 9px 10px 0}
.deal_layoutW .deal_layout .top_control.mgb {margin-bottom:-4px}
.deal_layoutW .deal_layout .top_control .type_txt {float:left;color:#666;padding-top:3px}
.deal_layoutW .deal_layout .top_control .check {float:left;width:25px;display:block;margin-top:2px}
.deal_layoutW .deal_layout .top_control .selW {float:left;width:280px}
.deal_layoutW .deal_layout .top_control .selW .sbHolder {width:260px}
.deal_layoutW .deal_layout .top_control .btnR {overflow:hidden}
.deal_layoutW .deal_layout dl dd p.btnR {text-align:right;margin-bottom:9px}
.deal_layoutW .deal_layout dl dd ul li p.check {float:left;width:25px;display:block;margin-top:16px}
.deal_layoutW .deal_layout .img_areaW {overflow:hidden}
.deal_layoutW .deal_layout .img_areaW .title {border:1px solid #e1e3e6;border-bottom:none;padding:8px 14px;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}
.deal_layoutW .deal_layout .img_area {border:1px solid #e1e3e6;height:46px;overflow:hidden;margin-bottom:8px;/*background:url("../images/withnet/img_bg.gif") 0 0 no-repeat;*/text-align:center;position:relative}
.deal_layoutW .deal_layout .img_area img {height:46px}

#dealDtdPrdSumry_AreaDiv  li {position:relative;}
#dealDtdPrdSumry_AreaDiv .dealsync-def {float:none;border-top:1px solid #e1e3e6}
#dealDtdPrdSumry_AreaDiv .dealsync-def:first-child {border-top:0}
#dealDtdPrdSumry_AreaDiv .dealsync_opt {float:none;position:absolute;top:0;right:0;height:100%}
#dealDtdPrdSumry_AreaDiv .dealsync_opt .pic-edit {height:62px;line-height:2}
#dealDtdPrdSumry_AreaDiv .pic-edit .img_area {position:static;border:0}
#dealDtdPrdSumry_AreaDiv .pic-edit .img_area .img_modify {height:auto;bottom:0}

/*.deal_layoutW .deal_layout .img_area.bdg {border-color:#c8cacc}*/
.deal_layoutW .deal_layout .img_area .img_modify {position:absolute;top:0;left:0;background:url("../images/withnet/bg_shadow.png") 0 0 repeat;width:100%;height:46px;display:none}
.deal_layoutW .deal_layout .img_area .img_modify p {text-align:right;padding:12px 7px 0 0}
.deal_layoutW .deal_layout .img_area .img_modify p a {color:#dcdcdc;display:inline-block;background:url("../images/withnet/ico_modify.gif") 0 -21px no-repeat;padding:0;height:22px;width:22px;overflow:hidden;text-indent:-999px;font-size:0;line-height:0}
.deal_layoutW .deal_layout .img_area .img_modify p a:hover , .deal_layoutW .deal_layout .img_area .img_modify p a:focus {text-decoration:none}
.deal_layoutW .deal_layout .img_area .img_modify p a:first-child {background-position:0 0}
/* [SR02160715073] 딜 상품기술서 요약이미지 공유기능  */
.deal_layoutW .deal_layout .img_area .img_modify p a.btn-thumb {width:auto;padding:0 10px;border:0 none;background:#fff;line-height:21px;text-indent:0;font-size:12px;color:#444}

.deal_layoutW .deal_layout .img_area .no_img a {display:block;height:46px;line-height:46px;background-color:#fff;font-weigth:bold;color:#666;font-weight:bold}
.deal_layoutW .deal_layout .updownW {margin:0}
.deal_layoutW .deal_layout .updownW a {width:85px}

.deal_layoutW .deal_layout .img_area .img_d_upload {position:absolute;top:0;left:0;background:url("../images/withnet/bg_shadow.png") 0 0 repeat;width:100%;height:46px;}

.deal_layoutW .deal_layout .deal_article.allimg .img_area {float:left;width:350px;margin-right:10px}
.deal_layoutW .deal_layout .deal_article.allimg .url_add {overflow:hidden;border:1px solid #e1e3e6;height:46px;text-align:center;line-height:46px}
.deal_layoutW .deal_layout .deal_article.allimg .url_add a {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:95%;text-align:center;color:#767676;display:block;margin:0 auto}

.deal_layoutW .deal_layout .deal_article {position:relative}
/*..deal_layoutW .deal_layout .deal_article.allimg {height:600px}*/
.deal_layoutW .deal_layout .deal_article a.btn_guide {position:absolute;bottom:15px;left:10px;font-weight:normal;font-size:11px;color:#666;padding:0 0 4px 20px;background:url("../images/withnet/blt_guide.gif") 0 1px no-repeat}
.deal_layoutW .deal_img {overflow:hidden;border:1px solid #e1e3e6;height:600px;width:250px;margin-left: 234px}
.deal_layoutW .deal_img .top_control {overflow:hidden;padding:7px 9px 0 8px;height:30px;border-bottom:1px solid #e1e3e6}
.deal_layoutW .deal_img .top_control .check {float:left;width:25px;display:block;margin-top:2px}
.deal_layoutW .deal_img .top_control .btnR {overflow:hidden;text-align:right}
.deal_layoutW .deal_img .deal_img_info {height:100px;overflow:hidden;background-color:#f5f7fa;padding:0 6px}
.deal_layoutW .deal_img .deal_img_info {position:relative}
.deal_layoutW .deal_img .deal_img_info p {line-height:18px;padding:3px 0 7px 33px;color:#767676}
.deal_layoutW .deal_img .deal_img_info p span.icon {position:absolute;top:5px;left:5px}
.deal_layoutW .deal_img .img_list {background-color:#f5f7fa;height:462px;overflow-x:hidden;overflow-y:auto;padding:0 6px}
.deal_layoutW .deal_img .img_list ul li {background:url("../images/withnet/line_bg.gif") 0 bottom repeat-x;margin-bottom:2px;padding-bottom:2px}
/* .deal_layoutW .deal_img .img_list .imgW {position:relative;border:1px solid #e1e3e6;padding:12px 8px;min-height:21px;background-image:url('../images/withnet/img_bg.gif');background-repeat:no-repeat;background-position: 100% -139px;background-color:#fff} */
.deal_layoutW .deal_img .img_list .imgW {position:relative;border:1px solid #e1e3e6;padding:12px 8px;min-height:21px;background-image:url('../images/withnet/img_bg.gif');background-repeat:no-repeat;background-position: 180px -139px;background-color:#fff}
.deal_layoutW .deal_img .img_list ul li.on .imgW {background-color:#f5f7fa}
.deal_layoutW .deal_img .img_list .imgW label {letter-spacing:0}
.deal_layoutW .deal_img .img_list .imgW label span {margin-right:10px}
/*.deal_layoutW .deal_img .img_list ul li.on label span {background-position:-40px -20px}*/
.check input[type='checkbox']:checked + label span{background-position:-40px -20px}

.deal_layoutW .Hauto {float:left;width:752px;margin:-10px 20px 0 0}
.deal_layoutW .Hauto .deal_layout {height:auto;overflow:visible;float:none;margin-top:10px}
.title_area.bline {border-bottom:2px solid #bed600;padding-bottom:10px;width:750px}
.mgt0 {margin-top:0 !important}
.btn_big span.ico_img, .btn_big2 span.ico_img {display:block;background:url("../images/withnet/ico_btn_img.png") 0 2px no-repeat;padding-left:22px}
.deal_article .top_control .btn_big, .deal_article .top_control .btn_big2 {padding:6px 15px 8px 15px}

.deal_article .big_area {border:1px solid #e1e3e6;background-color:#f5f7fa;min-height:263px}
.deal_article .banner_area {border:1px solid #e1e3e6;background-color:#f5f7fa}
.deal_article .big_area .img_add {min-height:263px;border:1px solid #e1e3e6;background-color:#fff;margin:15px;
	-moz-box-shadow: 0 0 5px 5px #eef0f3;
	-webkit-box-shadow: 0 0 5px 5px #eef0f3;
	box-shadow: 0 0 5px 5px #eef0f3
}
.deal_article .banner_area .img_add {border:1px solid #e1e3e6;background-color:#fff;margin:15px;text-align:center;
	-moz-box-shadow: 0 0 5px 5px #eef0f3;
	-webkit-box-shadow: 0 0 5px 5px #eef0f3;
	box-shadow: 0 0 5px 5px #eef0f3
}
.deal_article .banner_area .img_add img {width:200px}
.deal_article .big_area .img_add a, .deal_article .banner_area .img_add a {display:block;height:123px;background:url("../images/withnet/bg_img02.gif") 50% 60px no-repeat;text-align:cetner;padding-top:140px;color:#444;font-weight:bold;text-align:center}
.deal_article .big_area ul {overflow:hidden;padding:15px;margin-top:-20px}
.deal_article .big_area ul li {float:left;width:25%;text-align:center;margin-top:20px}
.deal_article .big_area ul li .img_area {border:1px solid #e1e3e6;background-color:#fff;width:118px;height:118px;margin:0 auto;
	-moz-box-shadow: 0 0 5px 5px #eef0f3;
	-webkit-box-shadow: 0 0 5px 5px #eef0f3;
	box-shadow: 0 0 5px 5px #eef0f3
}
.deal_article .big_area ul li .img_area img {width:118px;height:118px}
.deal_article .big_area ul li .img_area .img_modify {height:118px}
.deal_article .big_area ul li .img_area .img_modify p {padding:5px 5px 0 0}
.deal_article .big_area ul li .img_area p.up_img {padding-top:50px;color:#666}
.deal_article .big_area ul li .img_area p.up_img span.up_var {background:url("../images/withnet/loding_bar.gif") 0 0 repeat-x;height:6px;width:90%;display:inline-block;margin:0 auto 13px auto;text-align:left;overflow:hidden;line-height:0}
.deal_article .big_area ul li .img_area p.up_img span.up_var span {display:inline-block;background-color:#00a4b3;height:6px;overflow:hidden;line-height:0}

/* deal_type */
.typeA .img_areaW .img_area, .typeB .img_areaW .img_area, .typeC .img_areaW .img_area, .typeD .img_areaW .img_area, .typeE .img_areaW .img_area,
.typeF .img_areaW .img_area, .typeG .img_areaW .img_area, .typeH .img_areaW .img_area, .typeI .img_areaW .img_area, .typeJ .img_areaW .img_area {margin-bottom:0;border-bottom:none}

.typeA, .typeB, .typeC, .typeD, .typeE, .typeF, .typeG, .typeH, .typeI, .typeJ {border-bottom:1px solid #e1e3e6;overflow:hidden;margin-top:4px}

.typeB .img_areaW {float:left;width:50%}
.typeB .img_areaW .img_area, .typeB .img_areaW .title {border-left:none !important}
.typeB .img_areaW:first-child .img_area, .typeB .img_areaW:first-child .title {border-left:1px solid #e1e3e6 !important}

.typeC .img_areaW {float:left;width:33%}
.typeC .img_areaW:first-child {width:34%}
.typeC .img_areaW .img_area, .typeC .img_areaW .title {border-left:none !important}
.typeC .img_areaW:first-child .img_area, .typeC .img_areaW:first-child .title {border-left:1px solid #e1e3e6 !important}

.typeD .img_areaW {float:left;width:25%}
.typeD .img_areaW .img_area, .typeD .img_areaW .title {border-left:none !important}
.typeD .img_areaW:first-child .img_area, .typeD .img_areaW:first-child .title {border-left:1px solid #e1e3e6 !important}

.typeE .img_areaW {float:left;width:50%}
.typeE .img_areaW:first-child {float:none;width:100%}
.typeE .img_areaW:first-child .img_area {margin-bottom:0;border-bottom:none}
.typeE .img_areaW .img_area, .typeE .img_areaW .title {border-right:none !important}
.typeE .img_areaW:first-child .img_area, .typeE .img_areaW:first-child .title,
.typeE .img_areaW:last-child .img_area, .typeE .img_areaW:last-child .title {border-right:1px solid #e1e3e6 !important}

.typeF .img_areaW {float:left;width:50%}
.typeF .img_areaW .img_area {border-bottom:none}
.typeF .img_areaW .img_area, .typeF .img_areaW .title {border-left:none !important}
.typeF .img_areaW:first-child .img_area {height:126px;background-position:0 40px}
.typeF .img_areaW:first-child .img_area img {height:126px}
.typeF .img_areaW:first-child .img_area .img_modify {height:126px}
.typeF .img_areaW:first-child .img_area, .typeF .img_areaW:first-child .title {border-left:1px solid #e1e3e6 !important}

.typeG .img_areaW {float:left;width:33%}
.typeG .img_areaW:first-child {float:none;width:100%}
.typeG .img_areaW:last-child {float:left;width:34%}
.typeG .img_areaW .img_area, .typeG .img_areaW .title {border-right:none !important}
.typeG .img_areaW:first-child .img_area, .typeG .img_areaW:first-child .title,
.typeG .img_areaW:last-child .img_area, .typeG .img_areaW:last-child .title {border-right:1px solid #e1e3e6 !important}

.typeH .img_areaW {float:left;width:33%}
.typeH .img_areaW:first-child, .typeH .img_areaW:nth-child(2) {width:50%}
.typeH .img_areaW:last-child {float:left;width:34%}
.typeH .img_areaW .img_area, .typeH .img_areaW .title {border-right:none !important}
.typeH .img_areaW:nth-child(2) .img_area, .typeH .img_areaW:nth-child(2) .title,
.typeH .img_areaW:last-child .img_area, .typeH .img_areaW:last-child .title {border-right:1px solid #e1e3e6 !important}

.typeI .img_areaW {float:left;width:50%}
.typeI .img_areaW:first-child {flot:none;width:100%}
.typeI .img_areaW .img_area, .typeI .img_areaW .title {border-right:none !important}
.typeI .img_areaW:first-child .img_area, .typeI .img_areaW:first-child .title,
.typeI .img_areaW:nth-child(3) .img_area, .typeI .img_areaW:nth-child(3) .title,
.typeI .img_areaW:last-child .img_area, .typeI .img_areaW:last-child .title {border-right:1px solid #e1e3e6 !important}

.typeJ {overflow:hidden}
.typeJ .img_areaW {float:left;width:33%}
.typeJ .img_areaW:first-child, .typeJ .img_areaW:nth-child(2) {width:50%}
.typeJ .img_areaW:nth-child(3), .typeJ .img_areaW:nth-child(6) {width:34%}
.typeJ .img_areaW .img_area, .typeJ .img_areaW .title {border-left:none !important}
.typeJ .img_areaW:first-child .img_area, .typeJ .img_areaW:first-child .title,
.typeJ .img_areaW:nth-child(3) .img_area, .typeJ .img_areaW:nth-child(3) .title,
.typeJ .img_areaW:nth-child(6) .img_area, .typeJ .img_areaW:nth-child(6) .title {border-left:1px solid #e1e3e6 !important}

.filetype {position:relative;display:block;vertical-align:top}
.file-select {overflow:hidden;position:absolute;top:0;right:50%;margin-right:-45px;z-index:1;width:90px}
.file-select .input-file {filter:alpha(opacity=0);opacity:0;height:48px;vertical-align:top;cursor:pointer;width:90px}

.filetype2 {position:relative;display:inline-block;vertical-align:top}
.filetype2 .file-select {overflow:hidden;position:absolute;top:0;right:50%;margin-right:-45px;z-index:1;width:90px}
.filetype2 .file-select .input-file {filter:alpha(opacity=0);opacity:0;height:30px;vertical-align:top;cursor:pointer;width:90px}

span.more_img {border:1px dashed #c8cacc;background-color:#edeff2;height:45px;display:block;text-align:center;line-height:44px;color:#444;font-weight:bold}
/*span.more_img:hover {border-color:#808181;color:#000}*/
span.more_img span {background:url("../images/withnet/btn_ico_add.gif") 0 50% no-repeat;padding-left:24px}


.notImg {display:block;height:46px;width:100%;background:url("../images/withnet/add_bg.gif") 50% 0 no-repeat}
.notImg.movie {background-position:50% -46px}
.notImg.banner {text-align:center;position:relative;display:block;height:320px;width:547px;background:url("../images/withnet/add_banner_bg.jpg") 50% 50% no-repeat}
.notImg.banner input{display:block;position:relative;display:block;width:90px;height:320px;margin:0 auto;opacity:0;filter:alpha(opacity='0');cursor:pointer;} /* 변경 */

.ModifyImg {display:inline-block;background:url("../images/withnet/ico_modify.gif") 0 0 no-repeat;padding:0;height:22px;width:22px;overflow:hidden}
.ModifyImg input {width:22px;height:22px;margin:0 auto;filter:alpha(opacity=0);-ms-filter:alpha(opacity=0);-webkit-filter:opacity(0);-moz-opacity:0;opacity:0;cursor:pointer}

/* .btnEXup .btn_grid_icon_upload {width:90px;height:16px;display:inline-block;margin-right:6px;position:relative;top:-2px} */
.btnEXup input {position:absolute;top:0;left:0;width:90px;height:16px;filter:alpha(opacity=0);-ms-filter:alpha(opacity=0);-webkit-filter:opacity(0);-moz-opacity:0;opacity:0;cursor:pointer;z-index:100}


.deal_step {background-image:url('../images/withnet/deal_step_bg.gif');background-repeat:no-repeat;background-position:0 0;width:100%;height:60px; display:none;}
.deal_step.step1 {background-position:0 -60px}
.deal_step.step2 {background-position:0 -120px}
.deal_step.step3 {background-position:0 -180px}
.deal_step.step4 {background-position:0 -240px}
.deal_step.step5 {background-position:0 -300px}
.deal_step.step6 {background-position:0 -360px}
.deal_step ul {overflow:hidden}
.deal_step ul li {float:left;width:164px}
.deal_step ul li:first-child {width:160px}
.deal_step ul li p {line-height:50px;font-size:14px;padding-left:36px;font-weight:bold;color:#444;font-family:맑은 고딕,Malgun Gothic,Dotum,applegothic,sans-serif,arial}
.deal_step ul li p span {font-size:18px;font-weight:normal;position:relative;top:1px}

.share_box {position:absolute;top:19px;left:0;width:550px;max-height:600px;overflow-x:hidden;overflow-y:auto;padding:7px 5px 10px 5px;background:#fff;border:1px solid #c8cacc;text-align:left;z-index:10001}
.share_box p {padding:5 0 5 0;font-size:12px; border:1px solid #e1e3e6;border-bottom:none;width:600px;}
.share_box strong {display:block;margin-bottom:10px}
.share_box .check {width:auto;position:relative}
.share_box .check span {position:absolute;top:2px;left:0}
.share_box .check label {padding:0 0 3px 20px}

.deal_layoutW .deal_layout dl dd ul.detail_list {padding-left:25px}
.deal_layoutW .deal_layout dl dd ul.detail_list li {margin-top:36px;padding-left:12px;background:url("../images/withnet/td_sub.gif") no-repeat 1px 4px}
.deal_layoutW .deal_layout dl dd ul.detail_list li:first-child {margin-top:20px}

.btn_grid.refresh {padding:0;margin-right: 2px;}
.btn_grid.refresh * {left: 1px;padding: 0;}
.btn_grid.refresh .ico_refresh {width: 19px;background:url(../images/withnet/btn_table_refresh.png) no-repeat left 0}
.btn_grid.refresh *:hover .ico_refresh,
.btn_grid.refresh *:active .ico_refresh,
.btn_grid.refresh *:focus .ico_refresh {background:url(../images/withnet/btn_table_refresh.png) no-repeat left -20px}

.img_list .imgW label {padding-left:26px;letter-spacing:0}
.img_list .imgW img {height:33px;width:27px;position:absolute;top:50%;margin-top:-16px}
.img_list .imgW .check input[type=checkbox] {position:absolute;top:50%;left:10px;margin-top:-6px}
.img_list .imgW label span {position:absolute;left:0;top:50%;margin:-8px 0 0}
.img_list .imgW label strong {display:inline-block;width:150px;color:#888;font-size:11px;font-weight:normal}
.img_list .imgW label strong em {display:block;color:#333;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* 2015.07.15 CSS추가 */
.deal_img_info .deal_file_info {position:relative;letter-spacing:-1px;padding:8px 0 2px 0;line-height:21px}
.deal_img_info .deal_file_info span {color:#00838f;font-size:11px;display:inline-block}
.deal_img_info .deal_file_info .btn {position:absolute;right:4px;}
.deal_layoutW .deal_img .deal_img_info p {position:relative}
.deal_layoutW .deal_img .deal_img_info p .refresh {position:absolute;top:5px;right:2px;*right:10px}
.top_control .file-select .input-file {*width:auto}
.top_control .btnR .btn_grid {*margin-left:4px}
.icons {background:url(../images/withnet/ico_temp.png) no-repeat }
.icons.info{width:20px;height:16px}
.icons.search {background-position:0 -20px;width:25px;height:21px;display:block}
.pop_info_list {position:relative}
.pop_info_list ul{margin:20px 0 15px;padding-left:24px}
.pop_info_list .icons.info {position:absolute;left:0; top:0}
.pop_info_list ul li a.link {color:#00838f;text-decoration:underline;font-weight:bold}
.pop_info_list ul li + li {margin-top:5px}
.Himg {height:auto;padding:10px 0}
.btn_ctr {margin:12px 0 30px;text-align:center}
.btn_lt{margin:0 0 10px;text-align:right}
.btn_lt .filetype {display:inline-block}
.btn_lt .filetype .file-select ,.btn_lt .filetype .file-select .input-file{width:132px;right:0;margin:0;height:25px}
.btn_green,.btn_big {display:inline-block;height:25px}
.btn_green button{background:#007b80;border:1px solid #007b80;font-weight:bold;color:#FFF;font-size:12px;height:25px;line-height:25px;padding: 0 14px;letter-spacing:-.5px;cursor:pointer}
.btn_big button {font-weight:bold;color:#444;border:1px solid #c8cacc;font-size:12px;height:25px;line-height:25px;padding: 0 14px;*padding:0;letter-spacing:-.5px;cursor:pointer;background:url(../images/withnet/ico_temp.png) repeat-y bottom}
.bt_del {border:none 0;background:url(../images/withnet/ico_temp.png) no-repeat -18px 1px;font-size:0;line-height:0;width:12px;height:12px;vertical-align:middle;margin:0 15px 0 5px;cursor:pointer}
.file_box {border:1px solid #e1e3e6;padding:15px 0}
.file_box .file_wrap {width:360px;margin:0 auto}
.file_wrap {overflow:hidden;padding:4px 0}
.file_wrap:after {display:block;overflow:hidden;clear:both;content:""}
.file_wrap .tbno {float:left;padding-right:4px;padding-top:4px}
.file_wrap .file_input {float:left;margin-right:4px;width:250px !important;height:17px;line-height:17px;border:1px solid #c8cacc;padding-left:5px}
.file_wrap .file {position: relative;overflow:hidden;width:25px;height:21px}
.file_input .btn.txt01 {display:block;font-size:0;line-height:0}
.file_hidden {position:absolute;right:0;top:0;opacity:0;filter: alpha(opacity=0);}
.tbl_list {width:100%;border-top:2px solid #bed600;table-layout:fixed;word-break:break-all;border-collapse:collapse;margin-top:20px}
.tbl_list caption {overflow:hidden;visibility:hidden;width:0;height:0;line-height:0;font-size:0}
.tbl_list th, table.tbl_list td {padding:6px 5px 7px;line-height:14px;border:1px solid #e1e3e6;font-weight:normal;color:#666;text-align:center; overflow: hidden; }
.tbl_list td {vertical-align:top}
.tbl_list thead th{border-bottom:1px solid #abacae}
.tbl_list .tl{text-align:left}
.tbl_list .tb_list + p {padding-top:10px}
.tbl_list ol.tb_list li {padding-left:14px;position:relative}
.tbl_list ol.tb_list li + li {margin-top:2px}
.tbl_list ol.tb_list li span {position:absolute;left:0}

/*20150723 추가 */
.txt_tl {text-align:left !important;}
.list_imgNm {overflow:hidden;margin:2px 0}
.list_imgNm li {float:left;width:50%;padding:1px 0}

/* 2015-07-30 김태형 추가 : 딜배너 사이즈 조정 */
.deal_article .banner_img {border:1px solid #e1e3e6;background-color:#f5f7fa}
.deal_article .banner_img.w640{width:448px;height:224px;margin-top:10px}
.deal_article .banner_img.w520 {width:300px;height:196px}
.deal_article .banner_img .img_add {height:100%;overflow:hidden}
.deal_article .banner_img .img_add > img,.deal_article .banner_img .no_img,.deal_article .banner_img .notImg.banner,no_img,.deal_article .banner_img .notImg.banner input {height:100%;width:100%}
.deal_article .banner_img.w640 .notImg.banner { background: url("../images/withnet/bg_banner.jpg") no-repeat}
.deal_article .banner_img.w520 .notImg.banner { background: url("../images/withnet/no_img.gif") no-repeat 50% 50%}
.deal_article .banner_img.w225 {width:130px;height:196px}
.deal_article .banner_img.w225 .notImg.banner { background: url("../images/withnet/no_img.gif") no-repeat 25% 25%}
.deal_article .banner_img.w78 {width:118px;height:118px}
.deal_article .banner_img.w78 .notImg.banner { background: url("../images/withnet/no_img.gif") no-repeat 25% 25%}
.deal_article .banner_img.dealCssBannrImg6 {width:83px;height:103px}
.deal_article .banner_img.dealCssBannrImg6 .notImg.banner { background: url("../images/withnet/no_img.gif") no-repeat 25% 25%}
/*20150730 추가 */
.pc_ban .img_area_on,.pc_ban .img_area_on img,.pc_ban .img_area_on .img_modify {width:120px;height:120px !important}
.pc_ban .size{padding:3px 0 5px}
input[type=file],input[type=file]::-webkit-file-upload-button {cursor: pointer}
.filetype3:hover button {color:#690}

/* 2015-08-03 김태형 추가 : 배너가이드 삭제버튼 */
.deal_bnrlay .btnR {position:absolute;right:12px;top:12px;}

/* 데이터연동형 추가 - 상품요약 */
.dealsync-summary {padding-top:10px;}
.dealsync-summary li {margin-bottom:10px;border:1px solid #e1e3e6;*zoom:1;}
.dealsync-summary li:after {content:""; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
.dealsync-summary .dealsync-def {float:left;overflow:hidden;width:370px;height:151px;border-right:1px solid #e1e3e6;}
.dealsync-summary .dealsync-def .dealsync {padding:10px;border:0;}
.dealsync-summary .dealsync-def .dealsync dt {float:none;width:auto;padding:0 !important;color:#000;}
.dealsync-summary .dealsync-def .dealsync .info {padding:7px 0 0;}
.dealsync-summary .dealsync-def .dealsync .sale {padding:0;font:bold 13px/1.3em 'Malgun Gothic', 'Dotum';color:#000;}
.dealsync-summary .dealsync-def .dealsync .sale strong {color:#eb1e5f;}
.dealsync-summary .dealsync-def .dealsync .extra {padding:20px 0 7px;}
.dealsync-summary .dealsync-def .dealsync .extra input {width:345px;.width:330px;padding:3px 0;}
.dealsync-summary .dealsync_opt {float:left;width:206px;}
.dealsync-summary .dealsync_opt .radio {display:block;margin:10px 0 0 15px;}
.dealsync-summary .dealsync_opt .pic-edit {position:relative;overflow:hidden;height:50px;margin-top:10px;padding:15px;line-height:50px;border-top:1px solid #e1e3e6;}
.dealsync-summary .dealsync_opt .pic-edit .pic {display:inline-block;.display:inline;vertical-align:middle;margin-right:5px;}
/* 데이터연동형 추가 - 상품상세 */
#dealDtdPrdDetail_AreaDiv .top_control {padding-top:10px;}
#dealDtdPrdDetail_AreaDiv .check {float:left;width:25px;margin:0 !important;}
#dealDtdPrdDetail_AreaDiv .dealsync-box {float:left;width:552px;.width:550px;border:1px solid #e1e3e6;}
#dealDtdPrdDetail_AreaDiv .dealsync-box .sidebtn {padding:10px;text-align:right;}
#dealDtdPrdDetail_AreaDiv .dealsync-box .dealsync {border:0;text-align:center;}
#dealDtdPrdDetail_AreaDiv .dealsync-box .dealsync dt {float:none;width:auto;font-weight:bold;color:#000;}
#dealDtdPrdDetail_AreaDiv .dealsync-box .dealsync dt,
#dealDtdPrdDetail_AreaDiv .dealsync-box .dealsync .info,
#dealDtdPrdDetail_AreaDiv .dealsync-box .dealsync .extra {padding:20px 0 10px !important;}
#dealDtdPrdDetail_AreaDiv .dealsync-box .dealsync .info {padding:0 !important;}
#dealDtdPrdDetail_AreaDiv .dealsync-box .dealsync .sale {padding:0;font:bold 13px/1.3em 'Malgun Gothic', 'Dotum';color:#000;}
#dealDtdPrdDetail_AreaDiv .dealsync-box .dealsync .sale strong {color:#eb1e5f;}
.dealsync-box .extraimg {margin-top:15px;}
.dealsync-box .extraimg li {margin-bottom:10px;padding-left:25px;background:url("../images/withnet/td_sub.gif") no-repeat 12px 0;*zoom:1;}
.dealsync-box .extraimg .imgarea {float:left;overflow:hidden;width:490px;.width:490px;height:45px;position:relative;line-height:45px;text-align:center;border:1px solid #e1e3e6;}
.dealsync-box .extraimg .imgarea .pic {display:inline-block;.display:inline;vertical-align:middle;margin-right:5px;}

/*[SR02151022025] 2015.10.26 박지성 - 위드넷 메인내 메뉴 버튼 추가. GNB상단 버튼 추가 */
.btn_responsibility_guide {vertical-align:middle;}
.btn_systemedu_block {margin-left:14px;width:110px;height:19px;float:left;}
.btn_systemedu {display:block;width:110px;height:19px;background:url(../images/withnet/btn_apply_system_edu.png) 0px 0 no-repeat;cursor:pointer;}
.btn_systemedu:hover {background:url(../images/withnet/btn_apply_system_edu.png) -110px 0 no-repeat;}
.btn_systemedu:active {background:url(../images/withnet/btn_apply_system_edu.png) -220px 0 no-repeat;}

/*2015.11.02 박지성 : 레드휘슬 추가*/
.btn_login_whistle {display: block;width: 110px;height: 26px;background: url(../images/withnet/icon_whistle.jpg) 0 0 no-repeat;cursor: pointer;float: left;margin-right:4px;}

/* [SR02151111092] 데이터연동형 추가 기능/템플릿 개발 요청  */
.tool-tip {display:inline-block;width:15px;height:15px;cursor:help;vertical-align:middle;}
.tool-tip em {text-indent:-9999px;display:block;font:normal m/m Dotum;width:15px;height:15px;background:url('../images/withnet/btn_help.gif') no-repeat 0% 0%;}

.tool-tip .help-wrap {display:none;border:2px solid #bed600;position:absolute;z-index:10000;margin:12px 0 0 -50px;}
.help-wrap .help-wrap-tail {display:block;visibility:visible;width:15px;height:14px;background:url('../images/withnet/ico_help.png') no-repeat 0% 0%;position:absolute;z-index:101;top:-14px;left:48px;}
.help-wrap .help-wrap-contents {width:148px;padding:8px;font-weight:normal;background-color:#FFF;color:#666;}
.tool-tip:hover .help-wrap {display:block;}

/* [SR02161021047] 2016.11.03 이태호 직송주문조회 조회/검색 정리  */
.tobe-merge .divide-block-set {clear:both;width:976px;padding-bottom:1px;*zoom:1;}
.tobe-merge .label_loop .firstColumn,
.tobe-merge .label_loop_1 .firstColumn {width:55px;text-align:right;}
.tobe-merge .divide-block-a {width:440px;float:left;height:22px;}
.tobe-merge .divide-block-b {width:200px;float:left;height:22px;}
.tobe-merge .divide-block-c {width:336px;float:left;height:22px;}
.tobe-merge .divide-block-d {width:640px;float:left;height:24px;}
.tobe-merge .btn_search {position:absolute;right:10px;bottom:10px;}

/* [SR02161109028] 2016.11.17 박봉호 직송반품관리 정렬*/
.inquiry_4_level.tobe-balance .label_loop label {display: inline-block;width: 80px;text-align: right;}

/* [SR02161109043] 2016.12.24 박봉호 직반출 정렬*/
.tobe-block2-divide div {overflow:hidden;padding-bottom:2px;}
.tobe-block2-divide .label_loop_1 label {display:inline-block;width:55px;text-align:left;}
.tobe-block2-divide .firstColumn.fiveletters {text-align:left;}
.tobe-block2-divide div .label_loop:first-child {display:block;float:left;width:420px;}


/* [SR02170804332] 2017.08.24 김효석 : 필수 확인 및 처리 필요 팝업 기능 변경 요청 건[개인정보 파기/협력사 연락처 업데이트] */
.border-layer-wrap {position:absolute;top:0;left:0;right:0;bottom:0;z-index:1000;}
.border-layer-popup {position:absolute;top:50%;left:50%;margin:-280px 0 0 -407px;z-index:1100;background-color:#fff;}
.border-layer-close {position:absolute;right:20px;top:20px;z-index:1110;}
.border-layer-contents {border:2px solid #111;position:relative;padding: 20px;}
.border-layer-contents * {font-family:'맑은 고딕',malgun gothic,AppleSDGothicNeoSD,applegothic,sans-serif;line-height: normal;}
.border-layer-today-check {background:#3f938d;width:426px;height:45px;position:absolute;left:2px;bottom:2px;text-align:center;}
.border-layer-today-check strong {color:#fff;font-family:'맑은 고딕',malgun gothic,AppleSDGothicNeoSD,applegothic,sans-serif;font-size:14px;letter-spacing:-1px;}
.border-layer-today-check .tmp-check {margin:15px 0 0 0;}
.border-layer-today-check .tmp-check i {margin-right:5px;}
.border-layer-desk .a-manual-sys {position:absolute;top:188px;left:84px;display:inline-block;width:133px;height:36px;}
.border-layer-desk .a-manual-mov {position:absolute;top:188px;left:225px;display:inline-block;width:127px;height:36px;}
.border-layer-desk .hide {font-size:0;position:absolute;left:-99999px;visibility:hidden;display:none;}


.border-layer-contents input {height:14px;padding:2px 6px 4px;border:1px solid #ccc;font-size:12px;color:#444;background:#fff url('../images/withnet/k_ipt_form.gif') repeat-x 0 0;letter-spacing:-0.05em;line-height:24px;}
.border-layer-contents input::-ms-clear {display:none}

.border-layer-table table {border-collapse: separate;border-spacing: 0 !important;border:2px solid #666;width: 100%;}
.border-layer-table .table-th {line-height: 16px;letter-spacing: -0.125em;padding: 9px 0 8px 8px;text-align: left;background-color: #f7f7f7;vertical-align: middle;color: #111;font: bold 13px/13px 'Malgun Gothic';border:1px solid #d9d9d9;border-width:1px 0 0 1px;}
.border-layer-table tr th:first-child.table-th {border-left-width:0;}
.border-layer-table td {padding: 10px 10px 10px 10px;color: #444;font-size: 12px;vertical-align: middle;line-height: 15px;border:1px solid #d9d9d9;border-width:1px 0 0 1px;}
.border-layer-table tr:first-child th.table-th,
.border-layer-table tr:first-child td {border-top-width:0;}

.border-layer-wrap .direction_normal_div {padding-bottom: 20px;}

.require-text {font-size: 11px;color: #ee1f60;letter-spacing: -0.05em;white-space: nowrap;margin-left: 2px;}

.function-button {padding: 0 0 5px;text-align: center;}
.button-confirm {display: inline-block;zoom: 1;height: 30px;font: normal 12px/23px 'Malgun Gothic';color: #111;border: 1px solid #ccc;vertical-align: middle;text-align: center;letter-spacing: -1px;white-space: nowrap;background: #bed730 url(../images/withnet/k_button_act.gif) repeat-x 0% 100%;border-color: #abc12b;box-shadow: 2px 3px 4px #dcdcdc;margin: 0 auto;}
.button-confirm>button {background:transparent;font-weight:bold;border-width:0;display: block;height: 100%;padding: 2px 13px;}
.button-confirm-certify {display: inline-block;zoom: 1;height: 22px;font: normal 12px/19px 'Malgun Gothic';color: #111;border: 1px solid #ccc;vertical-align: middle;text-align: center;letter-spacing: -1px;white-space: nowrap;background: #bed730 url(../images/withnet/k_button_act.gif) repeat-x 0% 100%;border-color: #abc12b;box-shadow: 2px 3px 4px #dcdcdc;margin: 0 auto;}
.button-confirm-certify>button {background:transparent;font-weight:normal;border-width:0;display: block;height: 100%;padding: 1px 4px;}

.warning-text {border:1px solid #ee1f60;font-size:14px;color:#ee1f60;text-align:center;padding:12px 0;line-height:14px;font-weight:bold;letter-spacing:-1px;margin:20px 0 16px;}
.warning-icon i {display:inline-block;width:14px;height:14px;background:url('../images/withnet/u_error_msg.png') no-repeat 0% 0%;vertical-align:-3px;margin-right:4px;}

.tit-pop-normal {font: bold 14px/24px 'Malgun Gothic';color: #444;line-height: normal;padding: 0 0 0;letter-spacing: -0.075em;clear: both;overflow: hidden;margin: 10px 0 5px}

.pop-certify {width: 700px;}
.tit-gs-icon {padding:0 25px 10px;margin:20px 0 40px;border-bottom:1px solid #cbdb2a;background:url(https://image.gsshop.com/mi13/img/common/bg_pop_h1_icon.png) no-repeat 0 6px;font:bold 18px/1.5em 맑은 고딕,malgun gothic,dotum,applegothic;color:#222}
#printId {margin:20px 0px;*zoom:1}
#printId:after {display:block;overflow:hidden;clear:both;content:''}
#printId h2 {margin-bottom:30px;text-align:center;color:#222;font:bold 16px/1.5em 맑은 고딕,dotum,applegothic}
#printId dl {padding:0 10px}
#printId dt {margin:15px 0 5px;font-weight:bold;color:#222}
#printId dd {padding-left:10px;color:#666;background:url(https://image.gsshop.com/mi13/img/ico/dotx3_green01.gif) no-repeat 2px 7px}
.border-layer-wrap .comment {margin:30px 0;border-top:1px solid #aaacae;padding:16px 0;font-family:dotum;line-height:19px;color:#666}
.sign-column {float:right;width:auto;font-size:15px;line-height:28px;*zoom:1;display: inline-block;}
.sign-column label {display:inline-block;width:64px;text-align:justify}
.border-layer-wrap .center {text-align:center}
/* Button Style */
.border-layer-wrap .tmp-btn, .border-layer-wrap .tmp-btn button {position:relative;display:inline-block;height:34px;vertical-align:middle;cursor:pointer;white-space:nowrap;font-family:맑은 고딕,Malgun Gothic,applegothic;text-decoration:none !important}
.border-layer-wrap .tmp-btn {overflow:hidden;border:1px solid #aaacae}
.border-layer-wrap .tmp-btn button {overflow:visible;border:0 none;background:none;min-width:70px;line-height:32px;padding:0 18px;margin:0;color:#222;text-align:center;font-weight:bold}
.border-layer-wrap .tmp-btn:hover {box-shadow:1px 1px 2px #dfdfdf}
.border-layer-wrap .tmp-btn *:hover {color:#000;text-decoration:none}
.border-layer-wrap .tmp-btn:active {box-shadow:0 1px 3px #ddd inset;*background:url(https://image.gsshop.com/mi13/img/common/tmp_sprite_form02.png) repeat-x 0 -210px}
*+html body .tmp-btn button {top:-1px}
@-moz-document url-prefix(){.tmp-btn button {margin:0 -3px;top:-2px}}
.border-layer-wrap .tmp-btn.green {background-color:#00a4b3;border-color:#008c99}
.border-layer-wrap .tmp-btn.green button {color:#fff}
.border-layer-wrap .tmp-btn.green:hover {background-color:#008c99}

/* popup.css 에서 가져옴 */
.popup_title_area {height:20px;padding-top:20px;padding-bottom:5px;background-color:#ffffff;line-height: 20px;display: block;border-bottom:2px solid #C8C7C7;margin-bottom: 10px;}
.popup_title {display:table-cell;height:20px;font-size:15px;font-weight:bold;float:left;margin-right:10px;line-height:100%;color:#111;vertical-align:middle;line-height:20px;}

/*브랜드마케팅 패널 / 2017-12-28 / smchoi79 */
a.link-txt-tip {letter-spacing:-0.05em;margin-left:5px;display:inline-block;zoom:1;*display:inline;font-size:12px;vertical-align:-2px;border-bottom:1px solid #8aa201;*padding-bottom:1px;color: #00838f;font-family: malgun gothic;}
a.link-txt-tip:hover {text-decoration:none;color:inherit;color:#00838f;}
a.link-txt-tip i {text-indent: -99999px;display: inline-block;vertical-align: -3px;}
a.link-txt-tip.arrw-detail i {background: url('/images/withnet/i_arrw_detail.gif') 0 0 no-repeat;width: 6px;height:11px;}
.btn-close-tip {position: absolute;right:10px;top: 10px;width: 11px;height: 11px;}
.btn-close-tip i {text-indent: -99999px;display: inline-block;background: url('/images/withnet/i_closed_tip.gif') 0 0 no-repeat;width: 11px;height:11px;}

.balloon-tip-container {border:1px solid #666;font-size:12px;padding:15px;letter-spacing:-0.1px;width:310px;position:absolute;background-color:#FFF;z-index:12;top:-100px;*top:-150px;display:none;}
.balloon-arrow {background:url('/images/withnet/k_balloon-arrow.gif') no-repeat 0% 0%;width:11px;height:7px;display:block;position:absolute;bottom:-6px;left:45px;}
.balloon-title {color:#111;font-size:13px;font-weight:bold;padding-bottom:8px;}
.balloon-contents {color:#666;font-size:12px;}
.balloon-contents .dotted-list {padding-top:5px }
.balloon-contents .dotted-list li {background: url('/images/withnet/i_dotted_gray.gif') 0 5px no-repeat;padding: 0 0 5px 10px;color: #444;font-family: malgun gothic;line-height: normal;}
.balloon-contents .dotted-list li.bold-cyan {color: #00838f;font-weight: bold;}
.balloon-contents .dotted-list li strong {color: #111;}

.balloon-tip-box {position:relative;display:inline-block;zoom:1;*display:inline;*z-index:2;}
.balloon-tip-box a+.balloon-tip-container {display:none;}
.balloon-tip-container {top:auto;right:auto;left:auto;bottom:auto;margin-top:6px;*margin-top:22px;width:auto;*left:0%;}
.balloon-tip-container .balloon-contents {font-weight:normal;letter-spacing:-0.075em;}
.balloon-tip-container.up-arrow .balloon-arrow {background-image:url('/images/withnet/k_balloon-arrow-up.png');bottom:auto;top:-6px;left:50%;margin-left:-5px;}
.balloon-tip-container.up-arrow.arr-pos-right {right:0;}
.balloon-tip-container.up-arrow.arr-pos-right .balloon-arrow  {right:25px;left: auto;}
.balloon-tip-container.up-arrow.arr-pos-left .balloon-arrow {left: 25px;}
.balloon-contents {min-width: 130px;}

.deal-title-box {position: relative;color: #111;font-size: 12px;margin-top: 30px;padding-bottom: 8px;text-align: left;font-family: malgun gothic;width: 100%;}
.deal-title {font-size: 14px;}
.dotted-sym {background: url('/images/withnet/i_dotted_gray.gif') 0 5px no-repeat;padding: 0 0 0 10px;display: inline-block;margin: 0 15px 0 5px;}
.detail-tip {display: inline-block;position: absolute;right:0;}
.vam-4 {display: inline-block;vertical-align: -4px;}



.gui-check,
.gui-radio,
.gui-toggle {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative;
	line-height: 1.5;
	margin-right: 10px;
	vertical-align: middle;
	font-size: 16px;
	font-size: 1rem;
	user-select: none
}

.gui-check [type="checkbox"],
.gui-check [type="radio"],
.gui-radio [type="checkbox"],
.gui-radio [type="radio"],
.gui-toggle [type="checkbox"],
.gui-toggle [type="radio"] {
	position: absolute;
	opacity: 0
}

.gui-check label,
.gui-radio label,
.gui-toggle label {
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}

.gui-check i,
.gui-radio i,
.gui-toggle i {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
	width: 22px;
	height: 22px;
	box-sizing: border-box;
	border: 1px solid #d9d9d9;
	background-color: #fff;
	flex-shrink: 0;
	justify-content: center;
	margin-right: 8px
}

.gui-check .label,
.gui-radio .label,
.gui-toggle .label {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
	width: 22px;
	height: 22px;
	margin-right: 10px;
	flex-shrink: 0;
	justify-content: center
}

.gui-check .label i,
.gui-radio .label i,
.gui-toggle .label i {
	margin: 0
}

.gui-check.small .label,
.gui-radio.small .label,
.gui-toggle.small .label {
	width: 18px;
	height: 18px
}

.gui-check.small i,
.gui-radio.small i,
.gui-toggle.small i {
	width: 18px;
	height: 18px
}

.gui-check.small i:after,
.gui-radio.small i:after,
.gui-toggle.small i:after {
	width: 8px;
	height: 8px
}

.gui-check.mid .label,
.gui-radio.mid .label,
.gui-toggle.mid .label {
	width: 20px;
	height: 20px
}

.gui-check.mid i,
.gui-radio.mid i,
.gui-toggle.mid i {
	width: 20px;
	height: 20px
}

.gui-check.mid i:after,
.gui-radio.mid i:after,
.gui-toggle.mid i:after {
	width: 10px;
	height: 10px
}

.gui-check.large .label,
.gui-radio.large .label,
.gui-toggle.large .label {
	width: 24px;
	height: 24px
}

.gui-check.large i,
.gui-radio.large i,
.gui-toggle.large i {
	width: 24px;
	height: 24px
}

.gui-check.large i:after,
.gui-radio.large i:after,
.gui-toggle.large i:after {
	width: 14px;
	height: 14px
}

.gui-check input:checked+label i,
.gui-check.checked input+label i,
.gui-check input:checked+.label i,
.gui-check.checked input+.label i,
.gui-radio input:checked+label i,
.gui-radio.checked input+label i,
.gui-radio input:checked+.label i,
.gui-radio.checked input+.label i,
.gui-toggle input:checked+label i,
.gui-toggle.checked input+label i,
.gui-toggle input:checked+.label i,
.gui-toggle.checked input+.label i {
	border-color: #bed730;
	background-color: #bed730
}

.gui-check input:disabled+label,
.gui-check.disabled input+label,
.gui-check input:disabled+.label,
.gui-check.disabled input+.label,
.gui-radio input:disabled+label,
.gui-radio.disabled input+label,
.gui-radio input:disabled+.label,
.gui-radio.disabled input+.label,
.gui-toggle input:disabled+label,
.gui-toggle.disabled input+label,
.gui-toggle input:disabled+.label,
.gui-toggle.disabled input+.label {
	color: #aaa
}

.gui-check input:disabled+label i,
.gui-check.disabled input+label i,
.gui-check input:disabled+.label i,
.gui-check.disabled input+.label i,
.gui-radio input:disabled+label i,
.gui-radio.disabled input+label i,
.gui-radio input:disabled+.label i,
.gui-radio.disabled input+.label i,
.gui-toggle input:disabled+label i,
.gui-toggle.disabled input+label i,
.gui-toggle input:disabled+.label i,
.gui-toggle.disabled input+.label i {
	background: #f4f4f4
}

.gui-check input:disabled+label i:after,
.gui-check.disabled input+label i:after,
.gui-check input:disabled+.label i:after,
.gui-check.disabled input+.label i:after,
.gui-radio input:disabled+label i:after,
.gui-radio.disabled input+label i:after,
.gui-radio input:disabled+.label i:after,
.gui-radio.disabled input+.label i:after,
.gui-toggle input:disabled+label i:after,
.gui-toggle.disabled input+label i:after,
.gui-toggle input:disabled+.label i:after,
.gui-toggle.disabled input+.label i:after {
	content: none
}

.gui-check i {
	background-size: 100% auto;
	background-color: #fff;
	border-radius: 2px
}


.gui-check input:checked+label i,
.gui-check.checked input+label i,
.gui-check input:checked+.label i,
.gui-check.checked input+.label i {
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath fill='%23fff' d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat
}

.gui-check.round i {
	border-radius: 2px
}

.gui-radio i {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	justify-content: center;
	border-radius: 50%
}

.gui-radio i:after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #bed730;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: transform ease-in-out 0.2s, background-color ease-in-out 0.2s;
	transition: transform ease-in-out 0.2s, background-color ease-in-out 0.2s
}

.gui-radio input:checked+label i,
.gui-radio.checked input+label i,
.gui-radio input:checked+.label i,
.gui-radio.checked input+.label i {
	background-color: #fff;
	border-width: 2px
}

.gui-radio input:checked+label i:after,
.gui-radio.checked input+label i:after,
.gui-radio input:checked+.label i:after,
.gui-radio.checked input+.label i:after {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.gui-toggle {
	line-height: 2rem
}

.gui-toggle label {
	position: relative
}

.gui-toggle label i {
	flex-grow: 0;
	width: 52px;
	height: 32px;
	border: none;
	border-radius: 10em;
	border: 2px solid #e5e5e5;
	background-color: #f4f4f4;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out
}

.gui-toggle label i:after {
	content: '';
	width: 28px;
	height: 28px;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 10em;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.05), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 1px 0 rgba(0, 0, 0, 0.05), 0 0 3px 1px rgba(0, 0, 0, 0.05);
	background: #fff;
	-webkit-transition: 0.3s;
	transition: 0.3s
}

.gui-toggle input:checked+label {
	font-weight: normal
}

.gui-toggle input:checked+label i {
	border-color: #bed730
}

.gui-toggle input:checked+label i:after {
	-webkit-transform: translateX(20px);
	transform: translateX(20px)
}

.gui-toggle input:disabled+label i:after {
	content: '';
	border-color: #d9d9d9;
	background: #f4f4f4
}

.open-overlay {
	overflow: hidden
}

.dimmer {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	-webkit-transition-property: opacity, visibility, z-index;
	transition-property: opacity, visibility, z-index;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	visibility: hidden;
	opacity: 0;
	z-index: 0
}

.md-modal {
	box-sizing: border-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	justify-content: center;
	-ms-flex-pack: center;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	z-index: 1000;
	flex-direction: column;
	-webkit-transition-property: opacity, visibility, z-index;
	transition-property: opacity, visibility, z-index;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: initial;
	transition-timing-function: initial
}

.md-modal *,
.md-modal *:before,
.md-modal *:after {
	box-sizing: border-box
}

.md-modal::after {
	display: block;
	clear: both;
	content: ""
}

.md-modal.on {
	z-index: 2000;
	opacity: 1;
	visibility: visible
}

.md-modal.on .dimmer {
	opacity: 1;
	visibility: visible
}

.md-modal.held {
	z-index: 1500
}

.md-modal.held .dimmer {
	opacity: 0
}

.md-content {
	position: relative;
	overflow: hidden;
	overflow-y: auto;
	float: left;
	min-width: 320px;
	min-height: 320px;
	max-width: 1012px;
	max-height: 90%;
	margin: 0 auto;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
	background-color: #fff;
	text-align: center;
	-webkit-font-smoothing: subpixel-antialiased
}

.md-content img {
	display: block;
	width: auto;
	max-width: 100%;
	vertical-align: top
}

.md-content footer {
	padding: 8px 12px
}