@charset 'utf-8';

html,
body { width:100%; overflow-x:hidden;}
html { overflow-y:scroll;}
body { font-family: "나눔바른고딕","NanumBarunGothic", dotum, arial, sans-serif; font-size:12px; color:#000; }

button,
label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}

input:disabled { opacity:0.3; }
select:disabled { opacity:0.3; }
button:disabled { opacity:0.3; }

.qnaSelectDown > div { margin : 0px; }

/* errorMessage */
.posRelative { position:relative;}
p.textError { display:none; color:#ff0000; font-size:12px; position:absolute; top:50%; margin-top:-9px; z-index:3;}
p.textError2 { display:none; color:#007eff; font-size:12px; position:absolute; top:50%; margin-top:-9px; z-index:3;}

/* login */
.login {position:absolute; width:1000px; height:600px; top:50%; left:50%; margin-left:-400px; margin-top:-300px;}
.login .left {width:570px; height: 600px; float: left;}
.login .loginImage {background-size:contain; background-repeat:no-repeat; background-position: right; min-height:600px;}

.logo img {width: 293px;margin: 7px;image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */ image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */}

.login .right {width:430px; height: 600px; float: right; background-color:#FFFFFF; padding: 10px 20px 10px 20px;}
.login .logo {margin-bottom:10px; text-align:center;background: #1A2F63;}
.login .boxInput { width:100%; height:53px; border-radius: 3px; border:none; padding:12px 19px; position:relative; background-color:#EEEEEE;}
.login .boxInput.boxId { margin-top:10px; margin-bottom:15px;}
.login .boxInput.boxPassword { margin-bottom:23px; }
.login .boxInput > div { font-size:20px; position:absolute; top:19px; left:19px; z-index:2; color:#00ADB5; }
.login .boxInput .textInfo .subText { font-size:12px; margin-left:19px; color:#4c75ae;}
.login .boxInput > input { position:relative; z-index:1; border:none; width:310px; height:30px; font-size:18px; line-height:30px; color:#000; color:#003a8b; }
.login .boxInput > .id.bg { background:url("/channeling2/resources/images/login/bg_login_id.png") no-repeat 0 50%;}
.login .boxInput > .password.bg { background:url("/channeling2/resources/images/login/bg_login_pw.png") no-repeat 0 50%;}
.login .boxInput > .id.bg_eng { background:url("/channeling2/resources/images/login/bg_login_id_eng.png") no-repeat 0 50%;}
.login .boxInput > .password.bg_eng { background:url("/channeling2/resources/images/login/bg_login_pw_eng.png") no-repeat 0 50%;}
.login .boxInput p.textError { left:260px; margin-top:-7px;}
.login .btnLogin { width:100%; height:53px; background-color:#133d8d; font-size:20px; color:#fff; margin-bottom:18px; border-radius:3px; text-align:center;}
.login .idInfo { overflow:hidden; color:#393E46; font-size:14px;}
.login .saveId { float:left; vertical-align:middle; }
.login .saveId .uiCheckbox { font-size:14px; color:#393E46;}
.login .saveId .uiCheckbox span { color:#393E46;}
.login .joinInfo { float:right; padding-top:10px; }
.login .joinInfo a { display:block; float:left; margin-left:13px;}
.login .joinInfo a.join {width:100px; background:url("/channeling2/resources/images/login/line2.png") right 0 no-repeat;}
.login .joinInfo a.searchId {}
.btn-primary-right { width: 45%; height: 30px; color: #fff; border-color: #778CB0; background-color: #778CB0; float: right; border-radius: 4px; transition: background-color 0.15s ease;}
.btn-primary-left {width: 45%; height: 30px; color: #fff; border-color: #778CB0; background-color: #778CB0; float: left; border-radius: 4px; transition: background-color 0.15s ease;}
.btn-primary-right:hover, .btn-primary-left:hover { background-color: #5d749b;}

/* === 로그인 화면 모던 통합 카드 (좌·우 통합 + 파스텔 톤다운 + KCC BLUE 액센트) === */
/* KCC BLUE: #0F2373 (브랜드 액센트 유지) */
/* 파스텔 배경: 옅은 sage/cream / 카드: 따뜻한 흰색 */

body { background: linear-gradient(135deg, #eef2f7 0%, #f5f0e8 100%) !important;}
.newInnerContainer { background: transparent !important;}

/* 통합 카드 - 좌·우를 하나의 큰 카드처럼 */
.login {
	position: absolute;
	width: 900px;
	height: 580px;
	top: 50%;
	left: 50%;
	margin-left: -450px;
	margin-top: -290px;
	background: #fff;
	border-radius: 18px;
	box-shadow: 0 25px 70px -15px rgba(40, 50, 90, 0.18), 0 8px 24px rgba(40, 50, 90, 0.06);
	overflow: hidden;
	display: flex;
}

/* 좌측 이미지 영역 - 호버 시 살짝 확대로 광고 강조 */
.login .left {
	width: 450px;
	height: 580px;
	float: none;
	flex-shrink: 0;
	overflow: hidden;
}
.login .loginImage {
	min-height: 580px;
	background-size: cover !important;
	background-position: center !important;
	transition: transform 0.4s ease;
	will-change: transform;
}
.login .left:hover .loginImage { transform: scale(1.04);}

/* 우측 폼 영역 */
.login .right {
	width: 450px;
	height: 580px;
	float: none;
	flex: 1;
	background-color: #fff;
	padding: 0 44px;
	box-shadow: none;
	border-radius: 0;
	display: flex;
	flex-direction: column;
}

/* 로고 헤더 - 카드와 자연스럽게 연결, 시각적 무게감 */
.login .logo {
	background: linear-gradient(135deg, #1a2b5e 0%, #2a3a6b 100%);
	margin: 0 -44px 0;
	padding: 34px 0 38px;
	border-radius: 0;
	flex-shrink: 0;
	box-shadow: 0 4px 12px rgba(15, 35, 115, 0.08) inset;
}
.login .logo img { width: 260px; margin: 0; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.15));}

/* 폼 영역 - 헤더 아래 넉넉한 간격 + 부수 액션과 균형 */
.formArea {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 50px 0 20px;
	gap: 0;
}
.formArea .boxInput:first-of-type { margin-top: 0;}

/* 입력 박스 - 파스텔 톤 */
.login .boxInput {
	display: flex;
	align-items: center;
	background-color: #f5f6f9;
	border: 1px solid transparent;
	border-radius: 10px;
	padding: 0 18px;
	height: 54px;
	width: 100%;
	margin-bottom: 14px;
	transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}
.login .boxInput.boxPassword { margin-bottom: 22px;}
.login .boxInput:focus-within {
	background-color: #fff;
	border-color: #4a5a8a;
	box-shadow: 0 0 0 3px rgba(74, 90, 138, 0.10);
}
.login .boxInput .inputIcon { width: 18px; height: 18px; opacity: 0.45; margin-right: 14px; flex-shrink: 0;}
.login .boxInput > input { background: none !important; border: none; flex: 1; height: 100%; font-size: 15px; color: #222; outline: none; padding: 0;}
.login .boxInput > input::placeholder { color: #9aa3b0; font-size: 14.5px; font-weight: 400;}

/* 로그인 버튼 - KCC BLUE 단색 (브랜드 유지, 메인 액션 강조) */
.login .btnLogin {
	width: 100%;
	height: 54px;
	background-color: #0F2373;
	color: #fff;
	border: none;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.5px;
	margin-bottom: 18px;
	cursor: pointer;
	transition: background-color 0.18s ease, transform 0.05s ease, box-shadow 0.18s ease;
}
.login .btnLogin:hover {
	background-color: #1a3a8e;
	box-shadow: 0 6px 18px rgba(15, 35, 115, 0.22);
}
.login .btnLogin:active { transform: translateY(1px);}

/* 아이디 저장 - 톤다운 체크박스 */
.login .saveId { display: flex; align-items: center; padding: 0;}
.login .saveId .uiCheckbox { display: flex; align-items: center; height: auto; margin: 0; cursor: pointer;}
.login .saveId .uiCheckbox > span.check {
	width: 18px;
	height: 18px;
	background: #fff;
	border: 1.5px solid #c5cad6;
	border-radius: 5px;
	margin-right: 9px;
	position: relative;
	transition: border-color 0.15s ease, background-color 0.15s ease;
}
.login .saveId .uiCheckbox:hover > span.check { border-color: #4a5a8a;}
.login .saveId .uiCheckbox > input:checked + span.check { background: #0F2373; border-color: #0F2373;}
.login .saveId .uiCheckbox > input:checked + span.check::after { content: ""; position: absolute; left: 5px; top: 1px; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);}
.login .saveId .uiCheckbox > span:not(.check) { color: #555; font-size: 13.5px;}

/* 부수 액션 - 카드 최하단 작은 텍스트 링크 (자주 안 쓰는 기능) */
.subActions {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	gap: 6px;
	padding: 14px 0 18px;
	border-top: 1px solid #eee;
	margin-top: auto;
	white-space: nowrap;
}
.subActions .subLink {
	color: #888;
	font-size: 12px;
	text-decoration: none;
	background: none;
	padding: 0;
	display: inline-block;
	transition: color 0.15s ease;
	cursor: pointer;
	white-space: nowrap;
}
.subActions .subLink:hover { color: #0F2373;}
.subActions .sep { color: #d1d3d4; font-size: 10px;}
.subActions .langSelect,
.subActions select#language-select {
	border: 0 !important;
	background-color: transparent !important;
	color: #888 !important;
	font-size: 12px !important;
	padding: 0 12px 0 2px !important;
	cursor: pointer;
	appearance: none !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	height: auto !important;
	line-height: 1.4 !important;
	outline: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	font-family: inherit;
	/* 작은 ▼ 화살표를 SVG 로 직접 추가 */
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'><path fill='%23888' d='M0 0l4 5 4-5z'/></svg>") !important;
	background-repeat: no-repeat !important;
	background-position: right 2px center !important;
}
.subActions .langSelect:hover,
.subActions select#language-select:hover { color: #0F2373 !important;}
.subActions .langSelect:focus,
.subActions select#language-select:focus { outline: 0 !important; box-shadow: none !important;}
.subActions .langSelect::-ms-expand { display: none;}

/* 기존 호환성 - 사용 안 하는 클래스 무력화 */
.login .joinInfo, .login .clearfix, .languageBox { display: none;}

.uiCheckbox { display:inline-block; font-size:16px; height:24px; margin:3px 0; line-height:26px; text-align:left; vertical-align:middle;}
.uiCheckbox > input { display:none; }
.uiCheckbox > span { display:inline-block; vertical-align:top; color:#000;}
.uiCheckbox > span.check { width:24px; height:24px; margin-right:4px; background:url("/channeling2/resources/images/login/bg_checkbox_off.png") no-repeat 0 0}
.uiCheckbox > input:checked + span.check { background-position:0 -24px;}
.uiCheckbox > input:disabled ~ span { opacity:0.3; }


.header .loginInfo a.user {
	padding-left: 50px;
	display: block;
}

.loginInfo {
	position: relative;
}

/* loginWrapper */
.newLoginWrapper {position:absolute; left:0; top:0; right:0; bottom:0; overflow:hidden; background: linear-gradient(to bottom, #fff, #fff); height:100%;}
.newLoginWrapper > .newInnerContainer {position:absolute; left:0; right:0; top:0; bottom:0; background: linear-gradient(to bottom, #fff, #fff); height:100%;}

/* join */
.joinWrapper { position:absolute; left:0; top:0; right:0; bottom:0; background:url("/channeling2/resources/images/login/join_bg.png") 0 0 repeat; height:100%; display:table; width:100%; padding-bottom:40px; }
.joinWrapper:after {  }
.joinWrapper > .innerContainer { position:relative; width:1000px; left:50%; margin-left:-500px; top:40px;}
.joinWrapper > .innerContainer .kccheader { margin-bottom:30px; text-align:center;}
.joinContainer { background-color:#fff; border:1px solid #c0c3cd; position:relative; font-size:17px; padding-bottom:30px; }
.joinContainer .joinTitle { text-align:center; margin-top:25px; margin-bottom:20px;}
.joinContainer .joinTitle h2 { font-size:24px; font-weight:bold; }
.joinContainer .subWrapper { padding-bottom:0; }

/* join hide */
.subWrapper { display:none; border-top: 1px dashed #cccccc; padding-bottom: 80px; margin-top:30px;}

/* businessNumber */
.joinContainer .businessNumber { text-align:center; }
.joinContainer .businessNumber .user01 { width:626px; position:relative; left:50%; margin-left:-313px; border-bottom:2px solid #054f99; margin-bottom:25px; overflow:hidden; }
.joinContainer .businessNumber .user01 a { float:left; width:33.3%; border-top:1px solid #b5c5d6;  border-left:1px solid #b5c5d6;  border-right:1px solid #b5c5d6; line-height:43px; background-color:#dfdfdf; color:#7d878e; border-top-left-radius: 5px; border-top-right-radius:5px; }
.joinContainer .businessNumber .user01 a.on { background-color:#054f99; color:#fff; }
.joinContainer .businessNumber .kind .note1 { font-size:16px; margin-bottom:25px; }
.joinContainer .businessNumber .kind01 {  }
.joinContainer .businessNumber .kind02 { display:none; }

.joinContainer .dashLine { border-bottom:1px dashed #cccccc; }
.joinContainer .businessNumber.dashLine.pdBottom { padding-bottom:52px; }
.joinContainer .businessNumber .intro { line-height:23px;  margin-bottom:25px; }
.joinContainer .businessNumber .intro .blue { color:#133d8d; font-weight:bold;}
.joinContainer .businessNumber .intro strong { font-weight:bold; }
.joinContainer .businessNumber .businessNumTxt > input { height:45px; border:1px solid #c0c3cd; font-size:24px; padding:5px; text-align:center; }
.joinContainer .businessNumber .businessNumTxt { margin-bottom:30px; }
.joinContainer .businessNumber .businessNumTxt .num01 { width:180px; }
.joinContainer .businessNumber .businessNumTxt .num02 { width:160px; }
.joinContainer .businessNumber .businessNumTxt .num03 { width:220px; }
.joinContainer .businessNumber .businessNumTxt .num04 { width:295px; }
.joinContainer .businessNumber .businessNumTxt .mdTxt { font-size:14px;  color:#c0c3cd; margin:9px; }
.largeBtn { width:180px; height:40px; color:#fff; font-size:18px; border-radius:3px; }
.btnBlue { background-color:#133d8d; margin-right:15px;}
.btnOrange { background-color:#ff9000; }

/* businessInfo */
.joinContainer .businessInfo { padding:20px 19px 20px 18px; }
.joinContainer .searchIdPw { padding-bottom:0; }
.joinContainer h3 { font-size:18px; margin-bottom:15px;}
.bsinftitle { font-size:20px; margin-bottom:25px; }
.info01 { background-color:#eeeeee; border:1px solid #c0c3cd; padding:9px 20px 8px 40px; margin-bottom:9px; }
.info01 ul { overflow:hidden; font-size:16px; line-height:20px; }
.info01 ul li { float:left; background:url("/channeling2/resources/images/common/dot.png") 0 50% no-repeat; margin-right:70px; padding-left:13px; }
.info01 ul li.last {  }

.info01.type1 ul { font-size:15px; }
.info01.type1 ul li { margin-right:20px; }
.joinContainer .businessInfo .borderBottom { border-bottom:1px solid #c0c3cd !important;}
.joinContainer .businessInfo .confirmMethod {text-align:center; margin-bottom:35px; margin-top:9px; line-height:18px; }
.joinContainer .businessInfo .confirmMethod label { margin-left:30px; }

.businessInfo .joinId.bg { background:url("/channeling2/resources/images/bg/bg_join_input1.png") no-repeat 5px 50%;}
.businessInfo .joinPw1.bg { background:url("/channeling2/resources/images/bg/bg_join_input2.png") no-repeat 5px 50%;}
.businessInfo .joinPw2.bg { background:url("/channeling2/resources/images/bg/bg_join_input3.png") no-repeat 5px 50%;}

.joinContainer input[type="radio"], input[type="checkbox"]{position: fixed;left: -1px;top: -1px;width: 1px;height: 1px;font-size: 0;line-height: 0;}
.joinContainer input[type="radio"] + label{display: inline-block;height: 20px;line-height: 20px;padding-left: 24px;margin-right: 10px;background: url(../images/icon/radio.png) 0 0 no-repeat;cursor: pointer;}
.joinContainer input[type="radio"]:checked + label{background: url(../images/icon/radio_checked.png) 0 0 no-repeat;}
.joinContainer input[type="radio"]:disabled + label{background: url(../images/icon/radio_disabled.png) 0 0 no-repeat;}
.joinContainer input[type="checkbox"] + label{display: inline-block;height: 20px;line-height: 20px;padding-left: 24px;margin-right: 10px;background: url(../images/icon/checkbox.png) 0 0 no-repeat;cursor: pointer;}
.joinContainer input[type="checkbox"]:checked + label{background: url(../images/icon/checkbox_checked.png) 0 0 no-repeat;}
.joinContainer input[type="checkbox"]:disabled + label{background: url(../images/icon/checkbox_disabled.png) 0 0 no-repeat;}


/* joinOk */
.joinOk {}
.joinOk .businessNumber .intro { margin-bottom:0;}
.joinOk .businessInfo { padding-bottom:10px; }
.joinOk .businessInfo .info01 { margin-bottom:0; border-bottom:0; font-weight:bold; }
.joinOk .businessInfo .info01.last { border-bottom:1px solid #c0c3cd;  }
.joinOk .businessInfo .info01.last li { width:100%; }

/* joinFooter */
.joinfooter { margin:10px 0; text-align:center;  height:50px; background:url("/channeling2/resources/images/logo/footer.png") 50% 50% no-repeat; text-indent:-100000px;  position:relative; }

/* === findPW 모던 카드 리뉴얼 (KCC CI + 톤다운) === */
.joinWrapper { background: linear-gradient(135deg, #eef2f7 0%, #f5f0e8 100%) !important;}
.joinWrapper > .innerContainer { width: 720px !important; margin-left: -360px !important; top: 60px !important;}
.joinContainer {
	border: none !important;
	border-radius: 16px;
	box-shadow: 0 20px 60px -15px rgba(40, 50, 90, 0.15), 0 6px 20px rgba(40, 50, 90, 0.05);
	overflow: hidden;
	padding-bottom: 0 !important;
}
.joinContainer .joinTitle {
	background: linear-gradient(135deg, #1a2b5e 0%, #2a3a6b 100%);
	margin: 0 !important;
	padding: 28px 0 !important;
	text-align: center;
}
.joinContainer .joinTitle h2 { color: #fff !important; font-size: 22px !important; letter-spacing: 1px;}

/* 본문 padding */
.joinContainer .businessNumber { padding: 30px 40px 20px !important;}
.joinContainer .businessNumber .intro { color: #555; font-size: 14px !important; margin-bottom: 22px !important; line-height: 1.6;}
.joinContainer .businessNumber .intro .orange { color: #0F2373; font-weight: 600;}

/* 탭 - KCC 블루 라인 + 모던 톤 */
.joinContainer .businessNumber .user01 {
	width: 100% !important;
	left: 0 !important;
	margin-left: 0 !important;
	border-bottom: 2px solid #0F2373 !important;
	margin-bottom: 28px !important;
}
.joinContainer .businessNumber .user01 a {
	border: 1px solid #d8dde6 !important;
	background-color: #f5f6f9 !important;
	color: #888 !important;
	font-size: 14px;
	font-weight: 500;
	line-height: 42px !important;
	transition: background-color 0.15s ease, color 0.15s ease;
}
.joinContainer .businessNumber .user01 a:hover { color: #0F2373 !important;}
.joinContainer .businessNumber .user01 a.on {
	background-color: #0F2373 !important;
	color: #fff !important;
	border-color: #0F2373 !important;
}

/* 입력 박스 */
.joinContainer .businessNumber .kind .note1 { font-size: 13.5px !important; color: #666; margin-bottom: 18px !important;}
.joinContainer .businessNumber .businessNumTxt > input {
	height: 48px !important;
	border: 1px solid #d8dde6 !important;
	background-color: #f5f6f9;
	font-size: 18px !important;
	border-radius: 8px;
	color: #222;
	transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.joinContainer .businessNumber .businessNumTxt > input:focus {
	background-color: #fff;
	border-color: #0F2373 !important;
	box-shadow: 0 0 0 3px rgba(15, 35, 115, 0.10);
	outline: none;
}
.joinContainer .businessNumber .businessNumTxt .mdTxt { color: #c5cad6 !important;}

/* subWrapper - 인증 영역 */
.subWrapper {
	border-top: 1px solid #eef0f4 !important;
	margin-top: 0 !important;
	padding: 28px 40px 24px !important;
	background-color: #fafbfd;
}
.joinContainer .businessInfo { padding: 0 !important;}
.subWrapper .table3 { width: 100%; border-collapse: separate; border-spacing: 0 10px;}
.subWrapper .table3 th { text-align: left; color: #555; font-size: 13.5px; font-weight: 500; padding-right: 16px; width: 130px; vertical-align: middle;}
.subWrapper .table3 td { vertical-align: middle;}
.subWrapper .write01 {
	height: 40px;
	border: 1px solid #d8dde6;
	border-radius: 6px;
	padding: 0 12px;
	font-size: 14px;
	background-color: #fff;
	width: calc(100% - 130px);
	max-width: 320px;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.subWrapper .write01:focus {
	border-color: #0F2373;
	box-shadow: 0 0 0 3px rgba(15, 35, 115, 0.10);
	outline: none;
}
.subWrapper .btn11 {
	margin-left: 8px;
	height: 40px;
	padding: 0 18px;
	min-width: 120px;
	background-color: #0F2373;
	color: #fff;
	border: none;
	border-radius: 6px;
	font-size: 13px;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color 0.15s ease, box-shadow 0.15s ease;
}
.subWrapper .btn11:hover { background-color: #1a3a8e; box-shadow: 0 4px 12px rgba(15, 35, 115, 0.20);}

/* 인증방법 라디오 */
.subWrapper input[type="radio"] + label { font-size: 13.5px; color: #555;}

/* 가입 아이디 표시 */
#foundUserId { font-family: "Consolas", monospace; letter-spacing: 1px;}

/* 하단 버튼 */
.businessOk { padding: 20px 40px 28px; background-color: #fff;}
.businessOk .btnArea { text-align: center;}
.businessOk .largeBtn {
	width: 200px;
	height: 44px;
	background-color: #0F2373;
	color: #fff;
	border: none;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.5px;
	cursor: pointer;
	transition: background-color 0.15s ease, box-shadow 0.15s ease;
}
.businessOk .largeBtn:hover { background-color: #1a3a8e; box-shadow: 0 6px 16px rgba(15, 35, 115, 0.22);}

/* 사업자/주민/해외 입력 영역 확인·취소 버튼 (동일 사이즈/모서리) */
.joinContainer .businessNumber .largeBtn {
	width: auto;
	min-width: 110px;
	height: 38px;
	font-size: 13.5px;
	border-radius: 6px;
	margin-top: 8px;
	border: 1px solid transparent;
	transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.joinContainer .businessNumber .largeBtn.btnBlue {
	background-color: #0F2373;
	color: #fff;
	border-color: #0F2373;
	margin-right: 8px;
}
.joinContainer .businessNumber .largeBtn.btnBlue:hover { background-color: #1a3a8e; box-shadow: 0 4px 12px rgba(15,35,115,0.20);}
.joinContainer .businessNumber .largeBtn.btnOrange {
	background-color: #fff;
	color: #888;
	border-color: #d8dde6;
}
.joinContainer .businessNumber .largeBtn.btnOrange:hover { background-color: #f5f6f9; color: #0F2373;}

/* === 회원가입(join) 정보입력 영역 - 전화/휴대전화/이메일/활동설정 정렬 정리 === */
.joinContainer .businessInfo .joinInput {
	height: 36px;
	border: 1px solid #d8dde6;
	border-radius: 6px;
	padding: 0 10px;
	font-size: 14px;
	background-color: #fff;
	box-sizing: border-box;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.joinContainer .businessInfo .joinInput:focus { border-color: #0F2373; box-shadow: 0 0 0 3px rgba(15,35,115,0.10); outline: none;}
.joinContainer .businessInfo .joinInput.type1 { width: 200px;}
.joinContainer .businessInfo .joinInput.type2 { width: 70px; text-align: center;}
.joinContainer .businessInfo .joinInput.type3 { width: 140px;}
.joinContainer .businessInfo select.box {
	height: 36px;
	border: 1px solid #d8dde6;
	border-radius: 6px;
	padding: 0 8px;
	font-size: 14px;
	background-color: #fff;
	box-sizing: border-box;
}
.joinContainer .businessInfo select.box.type1 { width: 80px;}
.joinContainer .businessInfo select.box.type2 { width: 100px; margin-left: 6px;}
.joinContainer .businessInfo .email .posRelative { display: flex; align-items: center; gap: 6px; flex-wrap: nowrap;}
.joinContainer .businessInfo .email .joinInput.type3 { width: 130px; flex-shrink: 1; min-width: 80px;}

/* 가입승인자 영역 */
.joinContainer .businessInfo .btnSearch1 {
	height: 36px;
	padding: 0 14px;
	margin-left: 6px;
	background-color: #0F2373;
	color: #fff;
	border: none;
	border-radius: 6px;
	font-size: 13px;
	cursor: pointer;
	transition: background-color 0.15s ease;
}
.joinContainer .businessInfo .btnSearch1:hover { background-color: #1a3a8e;}
.joinContainer .businessInfo .kccPerson1 { margin-top: 8px; color: #dc000a; font-size: 12.5px;}

/* 스마트 파트너 활동 설정 - 체크박스 가로 정렬 */
.joinContainer .businessPartner { padding: 24px 40px;}
.joinContainer .businessPartner h3 { font-size: 16px; color: #0F2373; margin-bottom: 14px; font-weight: 600;}
.joinContainer .businessPartner .checkList { background: #fafbfd; border: 1px solid #eef0f4; border-radius: 8px; padding: 18px 20px;}
.joinContainer .businessPartner .checkIntro { margin-bottom: 14px;}
.joinContainer .businessPartner .checkIntro p { font-size: 13.5px; color: #555; line-height: 1.6;}
.joinContainer .businessPartner #userAuthArea { overflow-x: auto;}
.joinContainer .businessPartner #userAuthArea table { width: 100%; border-collapse: separate; border-spacing: 0 8px;}
.joinContainer .businessPartner #userAuthArea th,
.joinContainer .businessPartner #userAuthArea td { padding: 8px 12px; vertical-align: middle; font-size: 13.5px;}
.joinContainer .businessPartner #userAuthArea th { width: 280px; text-align: left; color: #444; font-weight: 500;}
.joinContainer .businessPartner #userAuthArea td .d_flex,
.joinContainer .businessPartner #userAuthArea td #salesArea {
	display: flex; align-items: center; flex-wrap: wrap; gap: 14px;
}
.joinContainer .businessPartner #userAuthArea td #salesArea > div { display: flex; align-items: center;}
.joinContainer .businessPartner #userAuthArea label { white-space: nowrap; font-size: 13.5px;}

/* 등록/취소 큰 버튼 */
.joinContainer .businessOk { padding: 24px 40px 28px; text-align: center;}
.joinContainer .businessOk .notice { font-size: 12.5px; color: #888; margin-bottom: 16px;}
.joinContainer .businessOk .btnArea { display: flex; gap: 10px; justify-content: center;}
.joinContainer .businessOk .largeBtn {
	width: 160px; height: 44px; border: none; border-radius: 8px; font-size: 14px;
	font-weight: 500; cursor: pointer; color: #fff;
	transition: background-color 0.15s ease, box-shadow 0.15s ease;
}
.joinContainer .businessOk .largeBtn.btnBlue { background-color: #0F2373;}
.joinContainer .businessOk .largeBtn.btnBlue:hover { background-color: #1a3a8e; box-shadow: 0 4px 12px rgba(15,35,115,0.22);}
.joinContainer .businessOk .largeBtn.btnOrange { background-color: #fff; color: #888; border: 1px solid #d8dde6;}
.joinContainer .businessOk .largeBtn.btnOrange:hover { background-color: #f5f6f9; color: #0F2373;}

/* searchGoods */
.wrapper { position:relative;background-color:#f2f2f2; }
.wrapper > .innerContainer { position:relative; width:1260px; margin:0 auto; margin-top:130px; background-color:#fff;}
.wrapper > .innerContainer.noBanner {margin-top:51px;}

/* button */
.button { text-align:center; margin-top:10px; margin-bottom:20px; }
.button.type1 { text-align:left; margin-top:10px; margin-bottom:30px;}
.button.type2 { margin-top:25px; margin-bottom:25px; }
.button button { width:160px; height:43px; color:#fff; font-size:17px; margin-right:20px; border-radius:3px; }
.button button.last { margin-right:0px; }
.button .type1 { background-color:#898989; }
.button .type2 { background-color:#116cc1; }
.button .type3 { background-color:#ffa200; }

.notify .closeToday {  }
.notify .closer { position:absolute; right:10px; bottom:5px; background:url("/channeling/resources/images/btn/btn_close.png") no-repeat; width:15px; height:15px; text-indent:-1000px; overflow:hidden; z-index:2; }


/* chrome */
.chrome1 { height:50px; background-color:#f1f1f1; line-height:50px; padding:0 20px; font-size:14px;  bottom:0; width:100%; text-align:center;   position:absolute; }
.chrome1 a { text-decoration:underline; margin-left:20px; }
.chrome1 a.closer { position:relative; display:block; float:right; top:20px; background:url("/channeling/resources/images/btn/btn_close.png") no-repeat; width:12px; height:12px;}


.box { color:#2c63a6; border:1px solid #d2d2d2; display:inline-block; margin:0 5px; width:60px; height:25px; text-align:right; line-height:25px; background-color:#fff; }
.box.type1 { width:85px; height:31px; text-align:left; line-height:31px; }
.box.type2 { width:200px; height:31px; text-align:left; line-height:31px; border-radius: 3px 0px 0px 3px;}

/* table3 */
.table3 { width:100%; border:1px solid #c0c3cd; font-size:14px; margin-bottom:15px; }
.table3 th { border-right:1px solid #c0c3cd; border-bottom:1px solid #c0c3cd; background-color:#f7f9fb; font-weight:bold; padding:8px 20px; line-height:18px; text-align:left; vertical-align:middle;}
.table3 td { border-right:1px solid #c0c3cd; border-bottom:1px solid #c0c3cd; padding:8px 10px; line-height:18px;  background-color:#fff; vertical-align:middle; word-break: break-all; }
.table3 .hint { color:#b8b8b8; position:absolute; top:19px; z-index:2; }
.table3 .inputText { width:250px; padding: 3px; border: 1px solid #c0c3cd; }
.table3 .doubleCheck { position:absolute; right:0; top:0; text-align:right;}
.table3 .btndoubleCheck { width:130px; height:54px; font-size:20px;  }
.table3 p.textError { right:auto; left:260px; font-size:14px;}
.table3 .idCheck p.textError,
.table3 .idCheck p.textError2 { right:auto; left:380px; font-size:14px; }
.table3 .askPassword { float:right;  color:#000; }
.table3 .joinInput { border:1px solid #c0c3cd; color:#000; padding:5px; line-height:16px; }
.table3 .joinInput.type1 { width:128px;  }
.table3 .joinInput.type2 { width:82px; text-align:center; }
.table3 .joinInput.type3 { width:180px; }
.table3 .joinInput.type4 { width:258px; margin-left:9px; }
.table3 .joinInput.type5 { width:550px; }
.table3 .btnSearch1 { width:88px; height:31px; border-radius:4px; background-color:#fff; border:1px solid #c0c3cd; font-size:14px; color:#8f8f8f; margin-left:9px;}
.table3 .kccPerson1 { font-size:14px; margin-top:8px; margin-bottom:8px; }
.table3 .email { color:#000; }

.table3.type1 { font-size:16px;  }
.table3.type1 th { font-weight:normal; }
.table3.type1 td { color:#6c6c6c; background-color:#fff;  }
.table3.type1 .person01.bg { background:url("/channeling2/resources/images/bg/bg_input4.png") no-repeat 5px 50%;}
.table3.type1 .btn2 { font-size:14px; color:#8f8f8f; border-radius:3px; width:108px; line-height:29px; border:1px solid #c0c3cd; }

.table3.type2 { border-top:none; margin-bottom:0; background-color:#fff; }
.table3.type2 th { font-size:15px; font-weight:normal; background-color:#f7f9fb; }
.table3.type2 td { padding-top:5px; padding-bottom:5px; line-height:35px; font-size:15px; border-bottom:1px solid #c0c3cd; }
.table3.type2 td .btn7 { display:inline-block; width:128px; height:35px; border:1px solid #c0c3cd; background-color:#fff; text-align:center; line-height:35px; margin-right:10px; font-size:15px; border-radius:3px; }
.table3.type2 td .btn7.on { background-color:#116cc1; color:#fff; }
.table3.type2 td .uiRadio2 { margin-right:20px; }
.table3.type2 td .btn8 { width:138px; line-height:31px; text-align:center;  border:1px solid #c0c3cd; border-radius:3px; font-size:14px; color:#8f8f8f; margin-left:15px; }
.table3.type2 td.tdd1 { font-size:16px;}
.table3.type2 td.tdd1 span { color:#d2d2d2; margin-right:5px; margin-left:5px;  }
.table3.type2 td .input1 { border:1px solid #c0c3cd; line-height:27px; padding:2px; text-align:center;  }
.table3.type2 td .input1.input2 { width:82px; }
.table3.type2 td .input1.input3 { width:872px; text-align:left; margin-top:5px; padding-left:15px; background-color:#efefef; }
.table3.type2 td .input4 { border:1px solid #c0c3cd; line-height:27px; padding:2px; }
.table3.type2 td .input4.input5 { width:872px; }
.table3.type2 p.textError { margin-top: -15px; }

.table3.type2.type3 { margin-bottom:10px; }

.table3.type4 td { color:#6c6c6c;  }
.table3.type4 .certi1 { padding-top:20px; padding-bottom:20px; }
.table3.type4 .certi1 .certiW1 { margin-bottom:10px;  }
.table3.type4 .certi1 .write01 { width:294px; height:35px; border:1px solid #c0c3cd; padding:5px; color:#000;  }
.table3.type4 .certi1 .btn11 { width:108px; height:31px; line-height:31px; font-size:14px; color:#8f8f8f; border:1px solid #c0c3cd; border-radius:3px; margin-left:5px; }
.table3.type4 .certi1 .note3 { margin-top:10px; font-size:14px; color:#b8b8b8; }

.table3.type5 { margin-bottom:0; border:1px solid #c0c3cd; width:100%; }
.table3.type5 th { height:36px; vertical-align:middle; }
.table3.type5 td { height:36px; vertical-align:middle; }

.table3.type6 { border-top:2px solid #054f99; }
.table3.type6 th, .table3.type6 td {vertical-align:middle;}
.table3.type6 th {text-align:center; font-weight:normal;}

.table3.type6.type7 {border-top:1px solid #c0c3cd; margin-bottom:25px;}
.table3.type6.type7 td {text-align:center; padding: 10px; line-height: 18px;}
.table3.type6.type7 tfoot td { vertical-align:middle; padding: 10px 20px; line-height: 18px; background-color: #f7f9fb;}
.table3.type6.type7 .secTh th {background-color:#f3f3f3;}
.table3.type6.type7 .subTotal th, .table3.type6.type7 .subTotal td { background-color:#f7f9fc;}

/* alarmWrap */
.dimmLayer { display:none; position:fixed; left:0; right:0; top:0; bottom:0; z-index:999; background-color:#000; opacity:0.75;}
.alarmWrap { display:none; border:1px solid #5b5b5b; box-shadow: 1px 2px 2px rgba(0,0,0,0.22); position:fixed; top:50%; left:50%; z-index:1000; }
.alarmHeader { border-bottom:1px dashed #cccccc; background-color:#fff;  text-align:center; padding:15px 22px; position:relative; }
.alarmHeader h1 { font-size:16px; font-weight:bold; }
.alarmHeader h1.tit { text-align:left; }
.alarmHeader a { display:inline-block; float:right; right:22px; background:url("/channeling/resources/images/btn/btn_close1.png") no-repeat; width:16px; height:16px;  }
.alarmContents { background-color:#f8fbfe; text-align:center; font-size:14px; padding:10px; line-height:25px; }
.alarmContents strong { font-size:18px; font-weight:bold; }
.alarmContents .tit { font-size:14px; font-weight:bold; float:left;}
.alarmContents .date { font-size:12px; text-align:right;}
.alarmContents .one1 { font-size:14px; float:right; color:#000; }
.alarmContents .ddiv03 { margin-top:15px; border-bottom:1px solid #dfe1e4; overflow:hidden; }
.alarmContents .btn { width:263px; height:45px; text-align:center; background-color:#0d4197; color:#fff; margin-top:25px; margin-bottom:15px; border-radius:3px; }
.btn3 { width:170px; line-height:40px; color:#fff; text-align:center; font-size:18px; }
.alarmContents .personInfo { margin-top:32px; }
.msgTextArea { margin-top:20px;}

.alarmWrap.confirmJoin { width:500px; height:360px; margin-left:-250px;  margin-top:-237px; }
.alarmWrap.confirmJoin .alarmContents { padding-right:40px; padding-left:40px; }
.alarmWrap.authUserEmpList { width:500px; height:443px; margin-left:-250px;  margin-top:-221px; }
.alarmWrap.authUserEmpList .alarmContents { padding-right:40px; padding-left:40px; }

.alarmWrap.type1 { display:none; width:1200px; height:754px; margin-left:-600px; top:50px; }
.alarmWrap.type1 .alarmContents { text-align:left; padding:15px 34px; overflow-y: scroll; height: 663px; }
.alarmWrap.type1 .note7 { font-size:12px; line-height:18px; padding:0px 0px 5px 0px; }
.alarmWrap.type1 .note7 > span { margin-left:17px; }

.alarmWrap.type2 { display:none; background-color:#fff; width:1010px; padding-bottom:30px; height:700px; margin-left:-505px; margin-top:-370px; }

.alarmWrap.type3 { display:none; position:absolute !important; width:280px; background-color:#fff;}
.alarmWrap.type3 .alarmHeader { background-color:#4fa0f1; color:#fff; border:none; padding:10px; text-align:left; overflow:hidden; }
.alarmWrap.type3 .alarmHeader h1 { font-size:15px; margin-left:20px; }
.alarmWrap.type3 .alarmHeader a { background:url("/channeling/resources/images/btn/btn_close2.png") no-repeat; width:15px; height:15px; right:10px; top:10px; }

.alarmBody { overflow-y:scroll; }
.alarmBody .list { font-size:15px;}
.alarmBody .list  li { border-bottom:1px solid #dbe1e9; background-color:#fff;  height:33px; padding-left:15px; line-height:33px; }

.alarmWrap .alarmBody { height:300px; }
.alarmWrap .alarmBody .list  li .interOn { display:block; width:100%; line-height:32px; padding:0 20px; }
.alarmWrap .alarmBody .list  li .interOn:hover { background-color:#e5ecf5; }
.alarmWrap .alarmBody .list  li .interOn.on { background-color:#e5ecf5; }
.alarmWrap .alarmBody .list  li.on { background-color:#e5ecf5; }
.alarmWrap .alarmBody .list  li.last { border-bottom:1px solid #a4b5c7; }

.ch3op1Container.type1 {}
.ch3op1Container.type2 { display:none; }
.ch3op1Container .alarmBody  { height:553px; }
.ch3op1Container .alarmBody .list.type1 li { overflow:hidden; vertical-align:middle;}
.ch3op1Container .alarmBody .list.type1 .ltTile { display:block; float:left; }
.ch3op1Container .alarmBody .list.type1 .ltTile .input5 { border:1px solid #ebebeb; height:25px; line-height:25px; width:150px; }
.ch3op1Container .alarmBody .list.type1 .btnright { font-size:14px; float:right; margin-right:5px; }
.btnUpDown { display:inline-block; vertical-align:middle; margin-left:-4px; }
.btnUpDown.type1 { margin-top:0; float:left; margin-right:5px; }
.btnUpDown .btn13 { background:#fff url("/channeling2/resources/images/common/select_upArrow.png") 50% 50% no-repeat; width:18px; height:12px; border-left:1px solid #ebebeb; border-top:1px solid #ebebeb; border-right:1px solid #ebebeb; display:block; }
.btnUpDown .btn14 { background:#fff url("/channeling2/resources/images/common/select_downArrow.png") 50% 50% no-repeat; width:18px; height:13px; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; border-left:1px solid #ebebeb; display:block; }
.btn15 { background:url("/channeling/resources/images/btn/btn_close.png") 50% 50% no-repeat; width:15px; height:15px; margin-bottom:1px; }
.textBox { background-color:#F9F2D6; padding: 2px 3px 2px 7px; margin: 5px 5px 5px 0px; display:inline-block; }

.btnn { background-color:#f7f7f7; height:35px; text-align:center; line-height:35px; border-top:1px solid #a4b5c7; }
.btnn.top { background-color:#f7f7f7; height:35px; text-align:center; line-height:35px; border-top-width:0 !important; border-bottom:1px solid #a4b5c7; }
.btn55 { background-color:#b6b6b6; line-height:26px; color:#fff; width:44px; border-radius:3px; }
.btn55.right { float:right; margin-top:3px; margin-right:5px; }
.btn55.left { float:left; margin-top:3px; margin-left:5px; }

.alarmWrap.type4 { display:none; position:absolute !important; width:360px; background-color:#fff; }
.alarmWrap.type4 .alarmHeader {  background-color:#4fa0f1; color:#fff; border:none; padding:10px; text-align:left; overflow:hidden; }
.alarmWrap.type4 .alarmHeader h1 { font-size:15px; margin-right:20px; line-height:18px; }
.alarmWrap.type4 .alarmHeader a { background:url("/channeling/resources/images/btn/btn_close2.png") no-repeat; width:15px; height:15px; right:10px; top:10px; }

.alarmWrap.type3.type5 { display:block; }

/* leftBanner */
.leftBanner { position:fixed; top:196px; left:50%; width:50px; margin-left:-700px; height:150px; }

/* notify */
.notify { position:relative; z-index:20; background-color:#f2f2f2; overflow:hidden;}
.announce { width:50%;height:80px; /*border:1px solid #fff;*/ float:left; position:relative;}
.announce.notice{}
.announce.news { border-left:none;}
.announce .flexSlider { width:100%; height:100%;}
.announce .flexSlider .slider { width:100%; height:100%;}
.announce .flexSlider .slider .slide { float: left; width:100%; height:80px;}
.announce .flexSlider .slider .slide a { display:block; height:80px; overflow:hidden;}
.announce .flexSlider .slider .slide img {}
.announce.notice .slide a img { float:right;}
.announce.news .slide a img { float:left;}

.announce .indicator { overflow:hidden; position:absolute; left:50%; bottom:0; z-index:10;}
.announce .indicator button {display:block; float:left; width:16px; height:16px; background:url("/channeling/resources/images/btn/btn_newsOff.png") 50% 50% no-repeat;}
.announce .indicator button.active { background:url("/channeling/resources/images/btn/btn_newsOn.png") 50% 50% no-repeat; }

/* businessPartner */
.businessPartner { padding:25px 19px 20px 18px; }
.businessPartner.pop { padding:20px;}
.businessPartner h3 { font-size:20px; margin-bottom:20px; text-align:center; font-weight:bold; }

.checkList > div > ul > li { border:1px solid #c0c3cd; margin-bottom:9px; }
.checkQ { background-color:#e5ebf2; overflow:hidden; padding:17px 35px 15px 25px; font-size:16px; }
.checkQ.type1 { border-bottom:1px solid #c0c3cd; }
.checkQ .question { color:#003680; float:left; background:url("/channeling2/resources/images/common/dot1.png") 0 50% no-repeat; padding-left:15px; }
.checkQ .answer { float:right;  }
.checkList .checkIntro { line-height:23px; padding:15px 0 15px 15px; border-top:1px solid #c0c3cd; border-bottom:1px solid #c0c3cd; font-size:15px; background-color:#fff; }
.checkList .checkIntro .introText01 { font-weight:bold; }
.checkList .checkIntro .introText02 { text-indent:21px; }
.orderList { padding:13px; background-color:#fff;}
.orderList > ul { overflow:hidden; }
.orderList > ul > li { float:left; width:150px;}
.orderList > ul > li.last { width:150px; }
.checkList.type1 { margin-top:10px;}

.orange { color:#ff9000; margin-left:3px; margin-right:3px; }
.underline { border-bottom:1px solid #ff9000; }
.clr_black{color:#000; }

/* businessOk */
.businessOk { padding:0px 34px; background-color:#f8fbfe; overflow:auto; }
.businessOk > div { margin: 10px 17px 0px 0px; padding: 10px; border-top:1px solid #dfe1e4;  }
.businessOk .btnArea { border:0; text-align:center; }
.businessOk .notice { margin-bottom:25px; font-size:15px; }

/* 인증번호확인 */
.ddiv4 { overflow:hidden; margin-top:20px; }
.ddiv4 .write01 { margin-left:0;  border:1px solid #c0c3cd; width:220px; padding:3px; }
.ddiv4 .btn11 { font-size:14px; text-align:center; border-radius:3px; border:1px solid #c0c3cd; width:108px; line-height:23px; color:#8f8f8f; margin-left:5px;  }


@charset "utf-8";
@font-face {
  font-family:'NanumBarunGothic';
  font-style:normal;
  font-weight:normal;
  src:url('../resources/fonts/NanumBarunGothic/NanumBarunGothic.eot');
  src:url('../resources/fonts/NanumBarunGothic/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
       url('../resources/fonts/NanumBarunGothic/NanumBarunGothic.woff') format('woff');
}
@font-face {
  font-family:'NanumBarunGothic';
  font-style:normal;
  font-weight:bold;
  src:url('../resources/fonts/NanumBarunGothic/NanumBarunGothicBold.eot');
  src:url('../resources/fonts/NanumBarunGothic/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
       url('../resources/fonts/NanumBarunGothic/NanumBarunGothicBold.woff') format('woff');
}

/* normalize */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, video { margin:0; padding:0; border:0; font:inherit; color:inherit; vertical-align:baseline; background:transparent;}
input, select, textarea, button { font:inherit; color:inherit;}
body { line-height:1;}
article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote { display:block;}
ul, ol, li{ list-style:none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none;}
ins { text-decoration:underline;}
del { text-decoration:line-through;}
mark { background:none;}
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help;}
table { border-spacing:0; border-collapse:collapse;}
hr { display:none;}
img { border:0 none;}
input, button, select, a, img { vertical-align:middle;}
button { position:relative; background:none; border:0 none; cursor:pointer; font-family:inherit; margin:0; padding:0;}
button * { margin:0; padding:0;}
button::-moz-focus-inner { padding:0; border:0;}
a { text-decoration:none; margin:0; padding:0;}
* { box-sizing:border-box;}

/* common */
.blind { position:absolute; top:-99999px; left:-99999px; z-index:-1000;}
.dpNone { display:none;}
.dpBlock { display:block;}
.ellipsis {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}

/* skipToContent */
#skipToContent a { position:absolute; top:0px; left:0px; z-index:9999; width:100%; height:1px;	margin-top:-1px; display:block;	background-color:white; font-size:14px; font-weight:bold; color:#111; line-height:1; text-align:center; overflow:hidden;}
#skipToContent a:focus,
#skipToContent a:active { margin-top:0px; height:auto; padding:10px 0px;}


/*** body ***/
body {
    font-size: 14px;
}

/* gridContainer */
.gridContainer { padding:7px; overflow:hidden; background-color:#fff; }
.gridSearch { border:1px solid #d3d7dc; font-size:14px; color:#597a96; padding:5px 13px; background-color:#fff; }
.gridSearch:after { display:block; content:""; clear:both;}
.wrapSearch1 { margin:4px 0; height:28px; display:block; }
.wrapSearch1:after { content:""; clear:both;}
.wrapSearch1 .inBlock1 {display:inline-block; vertical-align:top; margin-right:15px; }
.wrapSearch1 .inBlock1 .point { min-width:13px; display:inline-block; }
.wrapSearch1 .inBlock1 .titS1 { display:inline-block; margin-right:10px; min-width:60px; line-height:28px; text-align:right; }
.wrapSearch1 .inBlock1 .titS1.type1 { min-width:30px; }
.wrapSearch1 .inBlock1 .titS1.type2 { text-align:center; background-color:#f3f3f3; margin-right:0; }
.wrapSearch1 .inBlock1 .condiS1 { display:inline-block; margin-right:20px; line-height:28px; vertical-align:top; border-radius: 3px; }
.wrapSearch1 .inBlock1 .condiS1 .uiSelect { border-radius: 3px; }
.wrapSearch1 .inBlock1 .condiS1 > div { margin:0px; }
.wrapSearch1 .inBlock1 .condiS1 > input { margin:0px; }
.wrapSearch1 .inBlock1 .titS2 { display:inline-block; min-width:50px; line-height:35px; }
.wrapSearch1 .inBlock1 .condiS2 { display:inline-block; line-height:35px; vertical-align:top; }

.gridWrapper {
	/* width: 1260px; */
	/*width:75%;*/
	margin: auto;
}

.gridPopupWrapper{
	width: 100%;
}

.modal-body .gridWrapper {
	width: 100%;
}
.gridWrapper .gridHeader { padding:15px 10px 10px 10px; background-color:#fff; overflow:hidden; width:100%; } 
.gridWrapper .gridHeader h1 { font-size:21px; font-weight:bold; display:block; float:left; line-height:28px; }
.btnGroup { float:right; }
.btnGroup button { width:71px; height:28px; font-size:13px; text-align:center; background-color:#0072d5; border-radius:3px; color:#fff; text-transform:uppercase;}