@charset "utf-8";

.loginArea { background-color:#FFFFFF; padding:0px 30px; }
.loginWrap {position:relative;display:flex;min-height:100px;padding:50px 0 50px;box-sizing:border-box;justify-content: center;align-items: center;;}
.loginCont {width:100%;max-width:550px;padding:50px 50px;border:1px solid #CCCCCC;border-radius:8px;box-sizing:border-box}
.loginCont h1 {font-size:36px;font-weight:700;color:#000;}
.loginCont h1 + p {margin:20px 0 38px;font-size:16px;font-weight:700;color:#666;}
.loginCont .inputWrap {position:relative;}
.loginCont .inputWrap .ui-input-text {border:none;text-shadow:none;margin:0;box-shadow: none !important;}
.loginCont .inputWrap .ui-input-text.ui-focus {box-shadow: none !important;}
.loginCont .inputWrap .ui-input-text input {height:56px;line-height:56px;padding:0 60px 0 20px;background:#F4F4F4;border:1px solid #F4F4F4;border-radius:4px;font-size:14px;color:#222222;}
.loginCont .inputWrap .ui-input-text input.error {border-color:#FF6F00;}
.loginCont .inputWrap .ui-input-text input::placeholder {color:#ccc !important;}
.loginCont .inputWrap + .inputWrap {margin-top:16px;}

.loginCont .inputWrap button {position:absolute;right:14px;top:50%;overflow:hidden;width:28px;height:28px;margin:0;padding:0;transform:translateY(-50%);background-size:cover !important;text-indent: -999px;border:none;}
.loginCont .inputWrap button.btnClear {background:url(../images/sub/ico_input_clear.png)}
.loginCont .inputWrap button.btnShow {background:url(../images/sub/ico_hide_password.png)}
.loginCont .inputWrap button.btnShow.hide {background:url(../images/sub/ico_show_password.png)}

.loginWrap .errorMsg {margin-top:14px;font-size:14px;color:#FF8C33;line-height:20px;}
.loginWrap .errorMsg + .btnWrap {margin-top:20px;}
.loginWrap .inputWrap + .btnWrap {margin-top:34px;}

.loginWrap .btnWrap button {margin:0;height:56px;font-size:16px;text-shadow:none !important; background-color:#1f60cc}
.loginWrap .btnWrap button:hover {background:#1f60cc;border-color:#1f60cc}
.loginWrap .btnWrap button:disabled {opacity:1;background:#3E3E3E;border-color:#1f60cc;}
.loginWrap .btnWrap button + button {margin-top:10px;}

.loginWrap .saveFindWrap {display:flex;margin-top:16px;justify-content: space-between;}
.loginWrap .saveFindWrap .checkbox label {border-radius:0;font-size:14px;color:#666;padding-right:5px;}
.loginWrap .saveFindWrap .checkbox label:before {width:18px;height:18px;border-radius:2px;}
.loginWrap .findWrap {font-size:14px;color:#666;font-weight: 400;}
.loginWrap .findWrap a {color:inherit;font-weight:inherit;}

.loginWrap .customer_info {position:absolute;left:0;right:0;bottom:0;height:150px;background:#F2F3F7;}
.loginWrap .customer_info .inner {display:flex;max-width:1200px;margin:0 auto;padding:30px 24px;flex-direction: column;}
.loginWrap .customer_info .inner > strong {margin-bottom:8px;font-size:16px;font-weight:700;line-height:24px;}
.loginWrap .customer_info .inner p {font-size:14px;font-weight:400;color:#222;line-height:20px;}
.loginWrap .customer_info .inner p + p {margin-top:18px;font-weight:300;}

@media all and (max-width:767px) {
	.loginWrap {padding:0 0 207px;align-items: flex-start;}
	.loginCont {max-width:100%;padding:30px 24px;border:none}
	.loginCont h1 {font-size:28px;line-height:40px;}
	.loginCont h1 + p {margin:17px 0 32px;font-size:16px;line-height:24px;}
	.loginCont .inputWrap .ui-input-text input {height:50px;line-height:50px;padding:0 70px 0 16px;}
	.loginCont .inputWrap + .inputWrap {margin-top:8px;}	
	.loginCont .inputWrap button {width:24px;height:24px;}	
	.loginWrap .errorMsg {margin-top:8px;font-size:12px;color:#3E3E3E;line-height:16px;}
	.loginWrap .errorMsg + .btnWrap {margin-top:17px;}
	.loginWrap .inputWrap + .btnWrap {margin-top:16px;}
	.loginWrap .btnWrap button {height:50px;font-size:14px;}
	.loginWrap .saveFindWrap .checkbox label:before {width:16px;height:16px;margin-top: 2px;}	
	.loginWrap .customer_info {height:auto;}
	.loginWrap .customer_info .inner {padding:24px 24px 40px;}
	.loginWrap .customer_info .inner > strong {margin-bottom:10px;padding-bottom:10px;font-size:14px;line-height:20px;border-bottom:1px solid #CCCCCC;}
	.loginWrap .customer_info .inner p {font-size:12px;line-height:17px;}
	.loginWrap .customer_info .inner p strong {display:block;}
	.loginWrap .customer_info .inner p strong em {display:none;}
	.loginWrap .customer_info .inner p + p {margin-top:15px;}
}

.sub-con .service-guide .guide1 {padding-bottom: 27px; background-color: #ecf2f8;}
.sub-con .service-guide .guide1 .guide1-in {overflow: hidden; max-width: 1050px; padding-top: 18px; margin: 0 auto; font-size: 19px; line-height: 1.368421052631579em; color: #0f5ca2;}
.sub-con .service-guide .guide1 .guide1-in .guide-add {margin-left: 220px;}
.service-guide .guide1-in .inputArea ul {padding: 10px 0 0 0;}
.service-guide .guide1-in .inputArea li {position: relative; margin-left: 12px 0 0;}
.service-guide .guide1-in .inputArea li:first-child {margin-top: 12px 0 0;}
.service-guide .guide1-in .inputArea li label {position: absolute; top: 0; left: 0; margin: 0; height: 38px; line-height: 38px;}
.service-guide .guide1-in .inputArea li div.ui-input-text {padding: 0 !important; border: 0; border-radius: 0.1em; height: 38px; margin: 0 0 0 92px;}
.service-guide .guide1-in .inputArea li input {height: 38px; background: #fff; padding: 0 6px; margin: 0; color: #333; font-size: 16px; border-color: #ddd;}

@media(max-width:1199px){
	.sub-con .service-guide .guide1 .guide1-in {max-width: 900px; padding-left: 45px; padding-right: 45px;}
}
@media (max-width: 1023px){
	.sub-con .service-guide .guide1 .guide1-in {font-size: 17px;}
	.sub-con .service-guide .guide1 .guide1-in .guide-add {margin-left: 180px;}
}
@media (max-width: 767px){
	.sub-con .service-guide .guide1 .guide1-in .guide-add {margin-left: 0;}
}
@media (max-width: 640px){
	.sub-con .service-guide .guide1 .guide1-in {padding-left: 10px; padding-right: 10px; font-size: 14px;}
}
.btnArea{margin:7px 0 30px;text-align:center; padding-bottom:30px;}