﻿@charset "utf-8";
* {margin:0; padding:0;}
* html #fix_wrap, 
* html #fix_conts {height:1px; }
.fix_wrap {height:100%; min-width:710px; margin:0 auto;}
.fix_conts {height:100%;}

body {background-color:#fff;}
.frame {text-align:center; width:1010px; height:548px; margin:0 auto; position:relative; top:170px; border:1px solid #ddd; background-color:#fff; box-sizing:border-box;}
.frame h1 {position:absolute; top:0; left:0; margin-top:-57px; z-index:100;}
.box {position:absolute; top:70px; right:0; width:426px; height:217px;}
.txt_copyright {font-size:12px; color:#757383; line-height:40px;}
.copyright {position:relative; top:0; clear:both; height:40px; margin:0 auto; padding:0px;}
.txt_company {font-size:12px; color:#4b494c; line-height:40px;}

.LmainImg{width:518px; height:546px; float:left;overflow:hidden; }
.logininputBox{float:left; width:490px; height:546px; background: url(../images/login/login_logo.png) no-repeat center 120px;}
.loginBox > article {display:table-cell;vertical-align:middle;}
.loginBox > article:first-child {width:187px;height:100%;font-size:20px;color:#fff;background:rgba(255,255,255,.4);text-align:center;font-family: sans-serif, "맑은 고딕", "Malgun Gothic";}

.loginInputCont {font-family: sans-serif, "맑은 고딕", "Malgun Gothic"; position:relative; margin:250px 0 0;}
.loginInputCont > div {margin:0 auto;width:240px;}
.loginInputCont input {margin:0; padding:0px 6px 0 0; height:30px; color:#000; border:1px solid #ddd; border-radius:3px !important; box-shadow:none !important; text-indent:6px; width:100%; background:none; font-size:13px; box-sizing:border-box;}
.loginInputCont input:focus {border:1px solid #dee1e5;background:#fff;}
.loginInputCont input::-webkit-input-placeholder {color:#222;}
.loginInputCont input:-moz-placeholder {color:#222;}
.loginInputCont input::-moz-placeholder {color:#222;}
.loginInputCont input:-ms-input-placeholder {color:#222;}
.loginInputCont .mt5 {margin-left:83px !important; margin-top:5px !important;}
.loginInputCont .loginSetting {margin-left:-10px;width:auto; margin-top:15px !important;}
.loginSetting > div {margin-left:11px;display:inline-block;font-size:0;}
.loginSetting > div:first-child {margin-left:-180px;}
.login_input_hidden{ display:none;}

.loginSelectCont {text-align:right;width: 42px; background: url(../images/login/bul_arrow_23.png) no-repeat right center;
font-size: 13px; color: #fff;font-family:sans-serif, "Nanum Gothic", "맑은 고딕", "Malgun Gothic"; border: none;}
.btnLogin {display:block;width:78px;height:65px;line-height:65px;background:#006cb7;border-radius:2px;font-size:16px;color:#fff;font-weight:700;text-align:center;transition:box-shadow .3s;text-decoration: none;}
.btnLogin:hover {box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);}
.btnPwReOption { padding-left:23px;font-size:13px;color:#222;background:url('../images/login/ic_repeat03.png') no-repeat 0 center;text-decoration: none;}

.loginInfo {margin-top:30px;padding-left:65px;color:#364d5d;}
.loginInfo .tit {padding-bottom:5px;font-size:14px;font-weight:700;border-bottom:1px solid #4592aa;}
.loginInfo .telNumber {padding-top:20px;font-size:13px;}
.loginInfo .txt  {position:relative;padding:10px 0 20px;font-size:12px;line-height:20px;}
.loginInfo .txt:after {content:'';position:absolute;bottom:0;left:0;width:30px;height:1px;background:#4592aa;}
.loginInfo .copyright {padding-top:20px;font-size:11px;}
.cLine {padding:0 5px;color:#4e8ba2;}

.chkStyle07 {font-size:13px;color:#666;}
.chkStyle07 input[type='checkbox'] {position:absolute;left:-999999px;width:0;height:0;line-height:0;height:0;}
.chkStyle07 label {cursor:pointer;display:block;color:#222;font-size:13px;}
.chkStyle07 label > span {margin:2px 6px 0 0; display:inline-block; width:13px; height:13px; border:1px solid #8f8f8f; vertical-align:top; box-sizing:border-box;} 
.chkStyle07 input[type="checkbox"]:checked + label span {background:url('../images/login/bul_chk_01.png') no-repeat center center;}

.mt20 {margin-top:0 !important; position: absolute; top: 0;left: 330px;}
.mt5 {margin-left:  83px !important;}
.mt15 {margin-left: 83px !important;}

.log_linkbtn{}
.log_linkbtn ul{ margin-left:85px; margin-top:100px; overflow:hidden; width:400px; list-style:none; padding:0;}
.log_linkbtn ul li{float:left; border: 1px solid #ddd; margin-right:5px; margin-bottom:5px;}
.log_linkbtn ul li:last-child{margin-right:0;}
.log_linkbtn ul li a{display: inline-block; padding: 8px 10px; font-size:12px; }
a{color:#000; font-family:맑은 고딕, Malgun Gothic,sans-serif, dotum,'돋움',Apple-Gothic;}
a,a:visited,a:hover,a:active{text-decoration:none; font-family:맑은 고딕, Malgun Gothic,sans-serif, dotum,'돋움',Apple-Gothic;}

