@charset "utf-8";

body{font-size: 13px;height: 100%; width:100%;}
/* @font-face{font-family:'Nanum Gothic';src:url('../../fonts/NanumGothic.eot');src:url('../../fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),url('../../fonts/NanumGothic.woff') format('woff'),url('../../fonts/NanumGothic.ttf') format('truetype');font-weight:400;}@font-face{font-family:'Nanum Gothic Bold';src:url('../../fonts/NanumGothicBold.eot');src:url('../../fonts/NanumGothicBold.eot?#iefix') format('embedded-opentype'),url('../../fonts/NanumGothicBold.ttf') format('truetype');font-weight:600;}@font-face{font-family:'Nanum Gothic';src:url('../../fonts/NanumGothicExtraBold.eot');src:url('../../fonts/NanumGothicExtraBold.eot?#iefix') format('embedded-opentype'),url('../../fonts/NanumGothicExtraBold.ttf') format('truetype');font-weight:800;} */
body { font-family:"애플고딕", "Nanum Gothic", "맑은 고딕","Malgun Gothic","돋움",Dotum,"굴림",Gulim,sans-serif;}
@font-face{font-family:'Nanum Gothic';src:url('../../fonts/NanumGothic.eot');src:url('../../fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),url('../../fonts/NanumGothic.woff') format('woff'),url('../../fonts/NanumGothic.ttf') format('truetype');font-weight:400;}
.login.field,
.login.session,
/*.login.error{max-width:480px;margin: 0 auto;border-radius:5px;padding: 15px;background: url(../../images/login/login_field_bg_mobile_ptt.png) 0 0 repeat;background: url(../../images/login/login_field_bg_mobile_ptt_x.png) 0 0 repeat-x,url(../../images/login/login_field_bg_mobile_ptt.png) 0 0 repeat;}*/
login.error{max-width:480px;margin: 0 auto;border-radius:5px;padding: 15px;0 0 repeat;0 0 repeat-x,url(../../images/login/login_field_bg_mobile_ptt.png) 0 0 repeat;}
.login.field .body,
.login.session .body {/* max-width:230px;margin: 0 auto; */}
	.login .inset{border: 1px solid #fff;padding: 10px;background:#e8f2f8;/*url(../../images/login/login_field_bg_mobile.png) 0 0 no-repeat;*/}
		.inp-list{position: relative;margin-top: 5px;margin: 5px auto 0;padding:0 105px 0 0;/*width:335px;*/}
		.inp-list .inp-wrap{margin:0 0 9px;padding:0 5px;height: 28px;box-shadow:0 2px 2px #ccc inset;background: #fff;}
		.inp-list .inp-wrap input{color: #666;margin-top: 5px;height: 15px;line-height: 15px;}
		.inp-list .btns{position: absolute;right:0;top:0px;}
		.inp-list .btns a { padding:10px 0 10px 0; display:block; color:#ffffff;border-radius:3px;text-align:center;font-size:16px;
					width:90px;height:66px;
					line-height: 44px;
					background: #ee2325;
				}

		.login.field .lang-list{padding-top: 10px;color:#000000; font-family:'Gulim' !important; }
		.login.field .lang-list dd{display: inline;margin-right:5px;}
		.login.field .lang-list input[type="checkbox"]:before,
		.login.field .lang-list input[type="radio"]:before{color: #85afd7;}
		.login.field .note{display: none;}
		.login.field .etc-btns{ margin:33px 0 0 0; padding:12px 12px 10px 12px; background:#edefee; border-radius:5px; display: none; text-align:right;}
		.login.field .etc-btns .btn { vertical-align: top }
		.login.field .etc-btns .sep { border-top:1px dotted #adaeae;padding-top:11px; margin-top:8px; text-align:right; }

	.login.field .copyright{display: none;}


.login.session{}
.login.field .inset,
/* .login.session .inset{padding:40px 10px;border:1px solid #fff;background:#e8f2f8 url(../../images/login/login_field_bg_mobile.png) 0 0 no-repeat;} */
.login.session .inset{padding:40px 10px;border:1px solid #fff;background:#fff;}
.login.session .inset{}
.login.session .head{text-align: center;padding-bottom: 10px;}
.login.session .head .ment{font-size: 24px;}
.login.session .head .ment em{color: #01488a;font-weight: bold;}
.login.session .head .ment .dot{position: relative;display: inline-block;}
.login.session .head .ment .dot:before{content:"";position: absolute;left:0;top:-7px;width: 100%;height: 5px;background: url(../../images/login/login_bg_dot.png) 50% 0 no-repeat;}


.login.session .body .code{margin-top: 10px;}

.login.error .inset{text-align: center;padding: 25px 10px 20px;border:1px solid #fff;}
	.login.error .ment{font-size: 24px;}
	.login.error .ment em{color: #393939;font-weight: bold;}
	.login.error .body{padding: 10px 10px 100px;background:url(../../images/login/login_bg_error.png) 50% 100% no-repeat;}
		.login.error .code{margin-top: 10px;}


	/* .lt9 .login.field{max-width:100%;position: absolute;left: 0;top: 50%;margin: -165px 0 0;padding: 0;width: 100%;height: 330px;border-radius: 0;background: url(../../images/login/login_field_bg_ptt.png) 0 65px repeat-x;}
		.lt9 .login.field .inset{padding: 0;border-width: 0;height: 327px;background: url(../../images/login/login_field_bg.png) 50% 65px no-repeat;}
			.lt9 .login.field .head,
			.lt9 .login.field .body{max-width:640px;padding-left: 0;}
			.lt9 .login.field .head{display: block;position: relative;z-index: 10;margin: 0 auto;height: 82px;padding:25px 0 0 135px ;}
			.lt9 .login.field .head .logo{position: absolute;left:0;top:0;width: 129px;height: 116px;}
			.lt9 .login.field .head h1{font-weight:bold;margin: 0 0 15px;font-size: 29px;line-height: 1.3em;overflow:hidden;text-overflow:ellipsis;white-space: nowrap}
			.lt9 .login.field .head em{color: #fff}
			.lt9 .login.field .head .ment em{color: #9fcae7;}
			.lt9 .login.field .body{position: relative;margin: 0 auto;color: #fff;padding:25px 0 0 140px;}
			.lt9 .login.field .body:before{display: block;content:"";position: absolute;left:-180px;bottom:225px;width: 473px;height: 280px;overflow: hidden;background: url(../../images/login/login_logo_bg.png) 30% 0 no-repeat;}
				.lt9 .login.field input[type="checkbox"]:before,
				.lt9 .login.field input[type="radio"]:before{color: #fff;}
				.lt9 .login.field .inp-list{position: relative;margin: 5px 0 0;padding:0 105px 0 0;width:335px;}
				.lt9 .login.field .inp-list .inp-wrap{margin:0 0 9px;padding:0 5px;height: 28px;box-shadow:0 2px 2px #ccc inset;background: #fff;}
				.lt9 .login.field .inp-list .inp-wrap input{color: #666;margin-top: 5px;height: 15px;line-height: 15px;}
				.lt9 .login.field .inp-list .btns{position: absolute;right:0;top:-2px;}
	
				.lt9 .login.field .lang-list{display: block;}
				.lt9 .login.field .note{display: block;font-size: 12px;color: #012142;}
	
	.lt9 .login.field .copyright{display: block;margin-top: 3px;font-family: "맑은 고딕";font-size: 11px;text-align: center;color:#585857}
	.lt9 .login.field .copyright strong{color:#024683} */

@media (max-width: 479px) {
	.login.field .inset,
	.login.session .inset{background-image:none;}
	.login.field .body-head { display:none;}
}
/*@media (max-width: 767px) {*/
@media (max-width: 980px) {
	.login.field .inset{}
	/*.login.field .head{display: none;}*/
	.login.field .head{margin:70px auto 30px -30px; text-align:center}
	.login.field .body:before{display:none;}
	.login.field .body-head { display:none;}

	.login .body{margin:0 auto;max-width:330px;}
		.inp-list{width:auto;}
}
/*@media (min-width: 768px) {*/
@media (min-width: 981px) {
	.login.field .btn { line-height:21px; font-family: 'arial', '굴림', 'gulim', arial, sans-serif; font-size:12px; color:#707070; background: #fafafa;padding-left:7px; padding-right:7px; margin-bottom:3px;}
	.login.field{max-width:100%; margin:0 auto;padding: 0;width: 100%;height: 100%;border-radius: 0;background: url(../../images/login/login_bg_visual.png) center center no-repeat }
		.login.field .inset{padding: 0;border-width: 0;height: 100%;background: none;}
			.login.field .head{ display:block;position: absolute; top:50%; left:50%; z-index:10; text-align:left; width:774px; height:68px; padding:32px 0 0 75px; margin-left:-550px; margin-top:-316px;}
			.login.field .head h1 { color:#58585a; font-size:25px; letter-spacing:-0.073em; font-family:"Nanum Gothic Bold" "Nanum Gothic", "맑은 고딕","Malgun Gothic","돋움",Dotum,"굴림",Gulim,sans-serif !important; }
			.login.field .head h1 em { color:#294a97; font-weight:bold;letter-spacing: -0.073em;}
			.login.field .body{position: absolute;left:50%;top:50%;width:230px;max-width:400px;height:630px;margin:-315px 0 0 250px;}
				.login.field .body-head .logo { display: block; padding-bottom:29px;}
				.login.field .body-head h2 {font-size:31px; margin-top:87px; margin-bottom:7px; color:#898989; font-weight: bold; font-family:"Nanum Gothic", "맑은 고딕","Malgun Gothic","돋움",Dotum,"굴림",Gulim,sans-serif;  letter-spacing: -0.01em;}
				.login.field .body-head em {font-size:15px; color:#393939; display: block; padding-bottom:4px; padding-left:3px; font-family:"Nanum Gothic", "맑은 고딕","Malgun Gothic","돋움",Dotum,"굴림",Gulim,sans-serif !important; letter-spacing: -0.01em;}
				.login.field input[type="checkbox"]:before,
				.login.field input[type="radio"]:before{color: #fff;}
				.login.field .inp-list{width:auto; position: relative; margin: 5px 0 0;padding:21px 0 0 0;border-top:1px solid #cbcbcb;}
				.login.field .inp-list .inp-wrap{margin:0 0 6px; padding:0 9px;height:41px;box-shadow:none; background: #e6e6e6;border:0;}
				.login.field .inp-list .inp-wrap input{color: #666;margin-top:12px;height: 17px;line-height: 17px;background:#e6e6e6; font-weight: bold;font-size:14px; font-family:"Nanum Gothic", "맑은 고딕","Malgun Gothic","돋움",Dotum,"굴림",Gulim, sans-serif !important;}
				.login.field .inp-list .inp-wrap input::-webkit-input-placeholder { color:#58585a; }
				.login.field .inp-list .inp-wrap input::-moz-placeholder { color:#58585a; } 
				.login.field .inp-list .inp-wrap input::-ms-input-placeholder { color:#58585a; }

				.login.field .inp-list .btns{position: inherit;padding:25px 0 21px 0; }
				.login.field .inp-list .btns a { padding:10px 0 10px 0;display:block; color:#ffffff;border-radius:3px;text-align:center;font-size:16px;
					line-height: 130%;
					width:auto;height:auto;
					background: #ee2325;
					font-family:"Nanum Gothic", "맑은 고딕","Malgun Gothic","돋움",Dotum,"굴림",Gulim,sans-serif !important; 
				}
				
				.login.field .lang-list{display: block;border-bottom:1px solid #cbcbcb; padding-bottom:16px; font-size: 12px;}
				.login.field .lang-list label { width:74px; }
				.login.field .lang-list label:first-child { text-align:left;width:72px;}
				.login.field .lang-list label:last-child { float:right; text-align:right; }
				.login.field .lang-list label:nth-child(1){ text-align:left;}
				.login.field .lang-list label input[type="radio"]{ margin:0; vertical-align: top;}
				.login.field .etc-btns{display: block; }
				.login.field .etc-btns label { font-family: "굴림", "Gulim", arial; color:#393939; font-size:12px; float:left; padding-top:4px;}

	.login.field .copyright{display:block;position:absolute; top:50%; left:50%; margin-left:-550px; margin-top:216px; width:774px; font-size: 11px;text-align: center;color:#585857; font-weight: bold;}
	
}