body,html{height:100%;width:100%;margin:0}
h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;font-size:100%}
dd,dl,dt,li,ol,ul{list-style:none;margin:0;padding:0}
address,em,i{font-style:normal}
button,fieldset,img{border:0}
img,label{vertical-align:middle}
button,label{cursor:pointer}
caption,hr{display:none}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed}
a{margin:0;padding:0;text-decoration:none;color: #5f6a72;}
button{font-family:inherit;white-space:nowrap;overflow:visible;padding:0;border-radius:0}
button::-moz-focus-inner{border:0;padding:0}
button>span{position:relative}
button:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);outline:0}
[hidden]{display:none!important}
@font-face{font-family:LGSmHa;font-style:normal;font-weight:400;src:url(/css/font/LGSmHaR.eot);src:local("※"),url(/css/font/LGSmHaR.woff) format("woff")}
@font-face{font-family:LGSmHa;font-style:normal;font-weight:600;src:url(/css/font/LGSmHaSB.eot);src:local("※"),url(/css/font/LGSmHaSB.woff) format("woff")}
body{font-family:LGSmHa}
.member-button{display:block;margin:0;padding:0;background:#f1f1f1;border:1px solid #c6c6c6;font-size:30px;text-align:center;height:57px;line-height:57px;color:#5f6a72}
.member-button:after{content:"";display:table;clear:both}
.member-button.red{background-color:#f1446f;border-color:#f1446f;color:#fff}
.ipt{width:100%;line-height:40px;height:40px;padding:1px 20px;font-size:16px;border:1px solid #c6c6c6;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;/* color:#5f6a72 */}
.ipt:focus{padding:0 19px;border:2px solid #f1446f;outline:0}
.ipt2{width:100%;line-height:40px;height:40px;padding:1px 20px;font-size:16px;border:1px solid #fff;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;/* color:#5f6a72; */font-family: LGSmHa;}
.ips{width:100%;line-height:40px;height:40px;padding:1px 20px;font-size:16px;border:1px solid #c6c6c6;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;/* color:#5f6a72 */}
.ips:focus{padding:0 19px;border:2px solid #f1446f;outline:0}
.frm_contact:after{content:"";display:table;clear:both}
.frm_contact>.num1,.frm_contact>.num2{float:left}
.frm_contact>.num1,.frm_contact>.num2,.frm_contact>.num3{width:30%}
.frm_contact>.num2,.frm_contact>.num3{position:relative;padding-left:5%}
.frm_contact>.num2:before,.frm_contact>.num3:before{content:'';position:absolute;left:5%;top:50%;width:5px;height:1px;background:#5f6a72}
.frm_contact>.num3{float:right}
.frm_select:after{content:"";display:table;clear:both}
.frm_select .item{float:left;width:25%;line-height:20px;padding:5px 0}
.frm_select .item input[type=checkbox]{display:none}
.frm_select .item input[type=checkbox]:checked+label{background:url(/images/company/main/checkbox-on.png) no-repeat 0 0}
.frm_select .item label{display:inline-block;line-height:20px;padding-left:25px;background:url(/images/company/main/checkbox.png) no-repeat 0 0}
.memeber-form{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;border:0}
.memeber-form td,.memeber-form th{margin:0;padding:0;border:0;text-align:left;font-weight:400;vertical-align:top}
.memeber-form th .label{font-size:16px;line-height:40px;/* color:#5f6a72 */}
.memeber-form tr~tr td,.memeber-form tr~tr th{padding-top:9px}
.login-layout{background-color:#fff;min-width:1136px}
.login-header{border-bottom:2px solid #f1446f}
.login-header .header-logo{width:1136px;margin:0 auto;padding:52px 0 23px}
.login-header .header-logo:after{content:"";display:table;clear:both}
.login-header .header-logo .logo{float:left;text-decoration:none}
.login-header .header-logo .service{float:left;margin:15px 0 0 11px;padding-left:13px;background:url(/images/company/main/header-line.png) no-repeat 0 2px;font-size:22px;color:#383838}
.login-header .header-logo img{display:block}
.login-body{min-width:1136px;min-height:580px;background-color:#f2f2f2;background-position:50% 0;background-repeat:no-repeat;}
.login-body.login-user{background-image:url(/images/company/main/bg-user.jpg)}
.login-body.login-admin{background-image:url(/images/company/main/bg-admin.jpg);display: flex;justify-content: center;align-items: center;}
.login-body .login-form-container{width:1136px;margin:0 auto;}
.login-body .login-form-container .login-form{margin-left:auto;margin-right:0;width:392px;border:1px solid #c9c9c9}
.login-body .member-container{width:1136px;margin:0 auto;padding-bottom:125px}
.login-body .member-container .page-header{padding:30px 0 0}
.login-body .member-container .page-header .page-title{font-size:44px;font-weight:700;color:#5f6a72;text-align:center;padding-bottom: 10px;}
.login-body .member-container .page-header .page-description{padding-top:8px;font-size:24px;color:#393939;text-align:center}
.login-body .member-container .member-info{width:767px;margin:0 auto;border-top:2px solid #f1446f}
.login-body .member-container .member-info table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;border:0}
.login-body .member-container .member-info table td,.login-body .member-container .member-info table th{margin:0;padding:0;text-align:left;font-weight:400;vertical-align:middle;border:1px solid #c6c6c6;font-size:16px;}
.login-body .member-container .member-info table td .point,.login-body .member-container .member-info table th .point{color:#506bb8}
.login-body .member-container .member-info table th{padding-left:85px}
.login-body .member-container .member-info table td{padding:10px 63px;height:50px}
.login-body .member-container .member-info table tr:first-child td,.login-body .member-container .member-info table tr:first-child th{border-top:0}
.login-body .member-container .member-info~.memeber-box{margin-top:37px}
.login-body .member-container .memeber-box{width:667px;margin:0 auto;border:1px solid #c6c6c6;background-color:#fff;padding:41px 49px}
.login-body .member-container .memeber-box .box-message{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;border:0;margin-top:-41px}
.login-body .member-container .memeber-box .box-message td{height:205px;margin:0;padding:20px 30px;border:0;text-align:center;font-weight:400;vertical-align:middle;font-size:16px;line-height:30px;color:#5f6a72}
.login-body .member-container .memeber-box .box-message td .point{font-size:19px;color:#506bb8}
.login-body .member-container .memeber-box .box-message td .helpdesk{text-align:left}
.login-body .member-container .memeber-box .box-message td .helpdesk li{padding:11px 0 11px 153px;vertical-align:top}
.login-body .member-container .memeber-box .box-message td .helpdesk .label{display:inline-block;height:27px;line-height:27px;font-size:16px;color:#5f6a72;border-radius:27px;padding:0 15px;background:#f2f2f2;margin-right:12px}
.login-body .member-container .memeber-box .box-message td .helpdesk .value{display:inline-block;font-size:16px;color:#5f6a72}
.login-body .member-container .memeber-box .box-message td .helpdesk .value a{color:#5f6a72}
.login-body .member-container .memeber-box .memeber-form~.button-group{margin-top:27px}


.login-body .member-container .button-group:after{content:"";display:table;clear:both}
.login-body .member-container .button-group .fleft{width:326px;float:left}
.login-body .member-container .button-group .fright{width:326px;float:right}


.login-form{background:#fff}
.login-form .form-title{margin:0;padding:0px 0 20px;text-align:center}
.login-form .form-title img{vertical-align:top}
.login-form .form-id,.login-form .form-pw,.login-form .form-save,.login-form .button-pink,.login-form .form-mfa, .login-form .button-gray{padding:0 56px 0 57px}
.login-form .form-id>label,.login-form .form-pw>label,.login-form .form-mfa>label{display:none}
.login-form .form-id{margin-bottom:8px}
.login-form .form-pw{margin-bottom:10px}
.login-form .form-mfa{margin-bottom:8px}
.login-form .id-input,.login-form .pw-input,.login-form .mfa-input{width:100%;height:38px;line-height:38px;padding-left:10px;border:1px solid #c6c6c6;box-sizing:border-box}
.login-form .form-save{margin:0 0 20px;color:#5f6a72}
.login-form .form-save input[type=checkbox]{border:1px solid #e1566f}
.login-form .form-save label{margin:0;font-size:15px}
.login-form .button-pink{width:100%;height:38px;margin:0 0 10px;}
.login-form .button-pink button{width:100%;height:100%;background:#df5271;color:white;font-size:15px;}
.login-form .button-gray{width:100%;height:38px;margin:0 0 20px;}
.login-form .button-gray button{width:100%;height:100%;background:#f1f1f1;color:#5f6a72;font-size:15px;}
.login-form .info {padding:0 56px 10px 57px;font-size: 15px}
input.no-spinner::-webkit-outer-spin-button,
input.no-spinner::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input.no-spinner {-moz-appearance: textfield;}
.login-footer{padding:35px 0 20px;border-top:1px solid #e7e7e7}
.login-footer .footer-container{width:1136px;margin:0 auto}
.login-footer .footer-container:after{content:"";display:table;clear:both}
.login-footer .footer-container .logo{float:left;padding:0 0 0 7px}
.login-footer .footer-container .information{margin-left:188px}
.login-footer .footer-container .information .company,.login-footer .footer-container .information .link{list-style:none;margin:0}
.login-footer .footer-container .information .company:after,.login-footer .footer-container .information .link:after{content:"";display:table;clear:both}
.login-footer .footer-container .information .company .item,.login-footer .footer-container .information .link .item{float:left;margin:0 0 0 12px;padding:0 0 0 10px;background:url(/images/company/main/footer-bar.gif) no-repeat 0 2px}
.login-footer .footer-container .information .company .item:first-child,.login-footer .footer-container .information .link .item:first-child{margin-left:0;padding-left:0;background:0 0}
.login-footer .footer-container .information .company,.login-footer .footer-container .information .company a,.login-footer .footer-container .information .link,.login-footer .footer-container .information .link a{font-size:13px;line-height:16px;color:#85888d}
.login-footer .footer-container .information .copyright{margin-top:10px;font-size:11px;line-height:16px;color:#85888d}

.login-body .member-container .policy-box{width:780px;margin:0 auto;padding:50px 49px}
.login-body .member-container div.textarea{border:1px solid #c9c9c9;border-radius:5px;overflow:hidden;background-color:#fbfbfb;font-size:13px;line-height:140%;margin:20px 0}
.login-body .member-container div.textarea:first-child{margin-top:0}
.login-body .member-container div.textarea label{background-color:#fff;width:100%;font-size:15px;line-height:52px;display:block;border-bottom:1px solid #c9c9c9;text-indent:20px;position:relative}
.login-body .member-container div.textarea label span{position:absolute;top:12px;right:18px;width:30px;height:30px;background:url(/images/company/icon-check-off.png) no-repeat 0 0;background-size:30px 30px;font-size:0;line-height:0}
.login-body .member-container div.textarea label input[type=checkbox]{visibility:hidden}
.login-body .member-container div.textarea label input[type=checkbox]:checked+span{background-image:url(/images/company/icon-check-on.png)}
.login-body .member-container div.textarea p{padding:16px 20px;height:150px;overflow-y:scroll}
.login-body .member-container div.btns{padding:20px 0;border:0;display:block;    text-align: center; }

.btn {font-size: 13px;line-height: 1.38;}
.btn-sm {padding: 9px 50px 12px !important}
.btn-default {border: 1px solid #f1446f;color: #f1446f !important;background-color: #fff !important;text-shadow: inherit;}
.btn-danger, .btn-danger:focus {color: #FFF !important;background-color: #f3426e !important;border-color: #f3426e !important;}

html.show-layer {
	overflow: hidden;
}
html.show-layer .layer-pop, html.show-layer .layer-dim {
	display: block;
}
.layer-pop {
	position: fixed; left: 0; top: 0; width: 100%; height: 100%; bottom: 0; overflow-y: scroll; display: none; z-index: 2;
}
.layer-pop a.close {
	position: absolute; width: 60px; height: 60px; right: -80px; top: -10px; font-size: 0; color: transparent;
}
.layer-pop a.close::after {
	content: ""; background: url(/images/company/icon-close-1.png) no-repeat; width: 40px; height: 40px;
	position: absolute; left: 10px; top: 10px;
}
.layer-pop>.sec {
	position: relative; top: 150px;
	width: 858px; margin: 0 auto 150px; background-color: #fff; z-index: 1;
}
.layer-pop>.sec h2 {
	text-align: center; font-size: 20px; font-weight: normal; border-bottom: 2px solid #000; padding-bottom: 20px;
	margin-bottom: 30px;
}
.layer-pop>.sec>.in {
	padding: 40px;
}
.layer-pop>.sec>.in select {
	position: absolute; top: 95px; right: 80px; line-height: 30px; height: 30px;
}
.layer-pop>.sec>.in>div {
	padding: 20px 40px 40px; font-size: 15px; line-height: 24px; color: #666;
}
.layer-dim {
	position: fixed; left: 0; top: 0; width: 100%; bottom: 0; background-color: #000;
	opacity: .5; z-index: 1; display: none;
}

/* 추가분 */
html.show-otp-layer {
	overflow: hidden;
}
html.show-otp-layer .layer-otp, html.show-otp-layer .layer-dim {
	display: block;
}

.layer-otp {
	position: fixed; left: 0; top: 0; width: 100%; height: 100%; bottom: 0; overflow-y: scroll; display: none; z-index: 2;
}
.layer-otp a.close {
	position: absolute; width: 60px; height: 60px; right: -80px; top: -10px; font-size: 0; color: transparent;
}
.layer-otp a.close::after {
	content: ""; background: url(/images/company/icon-close-1.png) no-repeat; width: 40px; height: 40px;
	position: absolute; left: 10px; top: 10px;
}
.layer-otp>.sec {
	position: relative; top: 150px;
	width: 858px; margin: 0 auto 150px; background-color: #fff; z-index: 1;
}
.layer-otp>.sec h2 {
	text-align: center; font-size: 20px; font-weight: normal; border-bottom: 2px solid #000; padding-bottom: 20px;
	margin-bottom: 30px;
}
.layer-otp>.sec>.in {
	padding: 40px;
}
.layer-otp>.sec>.in select {
	position: absolute; top: 95px; right: 80px; line-height: 30px; height: 30px;
}
.layer-otp>.sec>.in>div {
	padding: 20px 40px 40px; font-size: 15px; line-height: 24px; color: #666;
}
.layer-dim {
	position: fixed; left: 0; top: 0; width: 100%; bottom: 0; background-color: #000;
	opacity: .5; z-index: 1; display: none;
}


/* 추가분 */
html.show-otp-set-layer {
	overflow: hidden;
}
html.show-otp-set-layer .layer-otp-set, html.show-otp-set-layer .layer-set-dim {
	display: block;
}

.layer-otp-set {
	position: fixed; left: 0; top: 0; width: 100%; height: 100%; bottom: 0; overflow-y: scroll; display: none; z-index: 2;
}
.layer-otp-set a.close {
	position: absolute; width: 60px; height: 60px; right: -80px; top: -10px; font-size: 0; color: transparent;
}
.layer-otp-set a.close::after {
	content: ""; background: url(/images/company/icon-close-1.png) no-repeat; width: 40px; height: 40px;
	position: absolute; left: 10px; top: 10px;
}
.layer-otp-set>.sec {
	position: relative; top: 150px;
	width: 858px; margin: 0 auto 150px; background-color: #fff; z-index: 1;
}
.layer-otp-set>.sec h2 {
	text-align: center; font-size: 20px; font-weight: normal; border-bottom: 2px solid #000; padding-bottom: 20px;
	margin-bottom: 30px;
}
.layer-otp-set>.sec>.in {
	padding: 40px;
}
.layer-otp-set>.sec>.in select {
	position: absolute; top: 95px; right: 80px; line-height: 30px; height: 30px;
}
.layer-otp-set>.sec>.in>div {
	padding: 20px 40px 40px; font-size: 15px; line-height: 24px; color: #666;
}
.layer-set-dim {
	position: fixed; left: 0; top: 0; width: 100%; bottom: 0; background-color: #000;
	opacity: .5; z-index: 1; display: none;
}









html.show-loader-layer {
	overflow: hidden;
}
html.show-otp-set-layer .layer-otp-set, html.show-otp-set-layer .layer-set-dim {
	display: block;
}

.layer-otp-set {
	position: fixed; left: 0; top: 0; width: 100%; height: 100%; bottom: 0; overflow-y: scroll; display: none; z-index: 2;
}
.layer-otp-set a.close {
	position: absolute; width: 60px; height: 60px; right: -80px; top: -10px; font-size: 0; color: transparent;
}
.layer-otp-set a.close::after {
	content: ""; background: url(/images/company/icon-close-1.png) no-repeat; width: 40px; height: 40px;
	position: absolute; left: 10px; top: 10px;
}
.layer-otp-set>.sec {
	position: relative; top: 150px;
	width: 858px; margin: 0 auto 150px; background-color: #fff; z-index: 1;
}
.layer-otp-set>.sec h2 {
	text-align: center; font-size: 20px; font-weight: normal; border-bottom: 2px solid #000; padding-bottom: 20px;
	margin-bottom: 30px;
}
.layer-otp-set>.sec>.in {
	padding: 40px;
}
.layer-otp-set>.sec>.in select {
	position: absolute; top: 95px; right: 80px; line-height: 30px; height: 30px;
}
.layer-otp-set>.sec>.in>div {
	padding: 20px 40px 40px; font-size: 15px; line-height: 24px; color: #666;
}
.layer-set-dim {
	position: fixed; left: 0; top: 0; width: 100%; bottom: 0; background-color: #000;
	opacity: .5; z-index: 1; display: none;
}