@charset "UTF-8";

/* Noto Sans */
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 300;
	src:url('../../../font/NotoSansKR-Light.eot');
	src:url('../../../font/NotoSansKR-Light.eot?#iefix') format('embedded-opentype'),
		url('../../../font/NotoSansKR-Light.woff2') format('woff2'),
		url('../../../font/NotoSansKR-Light.woff') format('woff'),
		url('../../../font/NotoSansKR-Light.ttf') format('truetype'),
		url('../../../font/NotoSansKR-Light.svg#NotoSansKR-Light') format('svg');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
	src:url('../../../font/NotoSansKR-Regular.eot');
	src:url('../../../font/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
		url('../../../font/NotoSansKR-Regular.woff2') format('woff2'),
		url('../../../font/NotoSansKR-Regular.woff') format('woff'),
		url('../../../font/NotoSansKR-Regular.ttf') format('truetype'),
		url('../../../font/NotoSansKR-Regular.svg#NotoSansKR-Regular') format('svg');
 }
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src:url('../../../font/NotoSansKR-Medium.eot');
	src:url('../../../font/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype'),
		url('../../../font/NotoSansKR-Medium.woff2') format('woff2'),
		url('../../../font/NotoSansKR-Medium.woff') format('woff'),
		url('../../../font/NotoSansKR-Medium.ttf') format('truetype'),
		url('../../../font/NotoSansKR-Medium.svg#NotoSansKR-Medium') format('svg');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 600;
	src:url('../../../font/NotoSansKR-Bold.eot');
	src:url('../../../font/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'),
		url('../../../font/NotoSansKR-Bold.woff2') format('woff2'),
		url('../../../font/NotoSansKR-Bold.woff') format('woff'),
		url('../../../font/NotoSansKR-Bold.ttf') format('truetype'),
		url('../../../font/NotoSansKR-Bold.svg#NotoSansKR-Bold') format('svg');
 }
body { font-family:"Noto Sans KR", Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-weight:400; color:#70787c; letter-spacing:-0.5px; background:url(../../../images/login/bg_img.jpg) center top no-repeat; overflow-y:hidden; }
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td, textarea, pre { margin:0; padding:0; }
input, select,textarea { font-family:"Noto Sans KR", Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-weight:400; color:#70787c; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
em { font-style:normal; }
ul, ol, li { list-style:none }
fieldset, img { border:none; margin:0; padding:0; }
table { margin:0; padding:0; border-spacing:0; border-collapse:collapse; border:0; }
hr { display:none; }
caption, legend { position:absolute; width:0; height:0; overflow:hidden; text-indent:-9999px; font-size:0; }
a { text-decoration:none; font-size:14px; }


/* layout */
#wrap {}

.login_group { position:relative; width:395px; margin:160px auto 0; border:1px solid #FFF; border-radius:30px; box-shadow:5px 5px 10px #a8a5a1; background:url(../../../images/login/txt_bg.png) left top repeat; }
.login_group h1 { text-align:center; }
.login_group .login_form { padding-bottom:20px; }
.login_group .login_form li { position:relative; margin:0 auto 10px; width:300px; }
.login_group .login_form li h2 { position:absolute; left:0; top:0; display:inline-block; background-image:url(../../../images/login/icon_input.png); background-repeat:no-repeat; border-right:1px solid #a8aeb1; width:45px; height:46px; }
.login_group .login_form li h2.company { background-position:13px 15px; text-indent:-9999px; }
.login_group .login_form li h2.id { background-position:13px -35px; text-indent:-9999px; }
.login_group .login_form li h2.pw { background-position:13px -85px; text-indent:-9999px; }
.login_group .login_form li input { border:1px solid #a8b0b3; background:transparent; padding:0 0 0 55px; width:245px; height:45px; line-height:45px; border-radius:8px; font-size:14px; font-weight:400; }
.login_group .login_form li input:hover, input:focus { border:1px solid #008fd5; color:#008fd5; }
.login_group .login_form li .btn_login { display:inline-block; margin-top:10px; width:300px; height:45px; background-color:#008fd5; background-image:url(../../../images/login/btn_shadow.png); background-repeat:no-repeat; border-radius:20px; text-align:center; color:#FFF; line-height:45px; font-size:16px; font-weight:500; letter-spacing:1px; cursor:pointer; }

.login_btn_group { position:relative; width:395px; padding:20px 0; margin:0 auto; border-top:1px solid #FFF; border-radius:0 0 30px 30px; box-shadow:0 0 15px #a8a5a1; background:url(../../../images/login/txt_bg.png) left top repeat; text-align:center; }
.login_btn_group ul { display:inline-block; margin-top:5px }
.login_btn_group ul li { float:left; padding:0 30px; line-height:22px; }
.login_btn_group ul li:first-child { background:url(../../../images/login/txt_line.png) right 6px no-repeat; }
.login_btn_group ul li a.find_pw { display:inline-block; background:url(../../../images/login/icon_search.png) left 3px no-repeat; padding-left:20px; color:#70787c; font-size:14px; cursor:pointer; }

#footer { position:absolute; bottom:0; left:0; width:100%; text-align:center; background-color:#26292b; height:40px; opacity: 0.9; filter: alpha(opacity=90); }
#footer ul { display:inline-block; }
#footer ul li { float:left; padding:0 15px; font-size:11px; color:#9ea0a3; letter-spacing:0; line-height:40px; }
#footer ul li .fAddr {  }
#footer ul li a { font-size:11px; color:#9ea0a3; letter-spacing:0; line-height:40px; }
#footer ul li a:hover { color:#008fd5; }

/* selectbox */
.sbHolder { display:inline-block; position:relative; width:245px; padding-left:55px; border:1px solid #a8b0b3; vertical-align:top; border-radius:8px; font-size:14px; font-weight:200; }
.sbHolder a { color:#70787c; }
.sbHolder a:hover { color:#008fd5; }
.sbHolder:hover { border:1px solid #008fd5 !important; }
.sbSelector { display:block; width:100%; line-height:45px; top:0; left:0; text-align:left; }
.sbSelector:link, .sbSelector:visited, .sbSelector:hover { text-decoration:none; }
.sbToggle { background:url("../../../images/login/blt_select.png") 0 0 no-repeat; position:absolute; display:block; right:15px; top:18px; width:12px; height:7px; outline:none; }
.sbToggle:hover { background:url("../../../images/login/blt_select_on.png") 0 0 no-repeat; }
.sbToggleOpen { background:url("../../../images/login/blt_select_on.png") 0 0 no-repeat; }
.sbOptions { position:absolute; top:4px; left:-1px; min-width:95px; width:300px; height:auto; max-height:250px !important; padding:10px 0 0; line-height:14px; background-color:#fff; border:1px solid #008fd5; border-radius:8px; z-index:1; overflow-y:auto; overflow-x:hidden; }
.sbOptions li { padding:0 12px; text-align:left; }
.sbOptions:hover { border:1px solid #008fd5 !important; }
.sbOptions a { display:block; outline:none; padding:5px 0; text-decoration:none; }
/* checkbox */
.im_ch { position: relative; }
.im_ch input[type="checkbox"]{  position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border: 0 }
.im_ch input[type="checkbox"] + label { display:inline-block; position:relative; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size:14px; line-height:22px; }
.im_ch input[type="checkbox"] + label:before { content:''; display:inline-block; width:22px; height:22px; line-height:22px; background:url("../../../images/login/input_check.png") no-repeat; padding-right:5px; vertical-align:bottom; }
.im_ch input[type="checkbox"]:checked + label:before { background:url("../../../images/login/input_check_on.png") 0 0 no-repeat; }