@charset "utf-8";
@import url('/font/nanumgothic.css');	
* {margin:0; padding:0;}
html, body,#wrap{height:100%} html, body,#login_wrap{height:100%}
body, table, td,input,select,textarea{font-family:'NanumGothic','Nanum Gothic',sans-serif;font-size:14px; line-height:1.65;}
h1,h2,h3,h4,h5,h6{font-weight:600;margin-bottom:14px; line-height:1.5;color:#333;}
h1{font-size:38px}h2{font-size:26px}h3 {font-size:24px}h4{font-size:20px;} h5{font-size:16px;} h6{font-size:15px;}
a {text-decoration: none; color: inherit;} *:focus {outline: none;}
a img{border:none}
ul,ol {list-style: none;}
strong, b {font-weight:600;} img {max-width:100%}
:after, :before,* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.row:before{content:''; display:table}
#login_wrap{background:url(/img/login_bg.jpg) no-repeat center top;max-width:1920px;margin:0 auto;display: table;width: 100%;transition: All 0.2s ease;}
#login_area{vertical-align: middle;display: table-cell;text-align: center;margin: 0 auto;} #login_area > * {display:inline-block; vertical-align:top;width:100%; max-width:930px;}
#login_form{background:url(/img/login_left_bg.jpg) no-repeat right top;max-width:388px;width:42%;color:#fff;padding:70px 6.45%;display: table-cell;float: left;min-height: 470px;}
#login_visual{max-width:540px;width:54%;height:455px;background:url(/img/bg_right.png) no-repeat right top;color:#fff;vertical-align: middle;display: table-cell;text-align: center; position:relative;left:1px;top:10px; line-height:0}
#login_form .logo_img {margin-bottom:20px}
input,select,textarea{-webkit-appearance: none; -webkit-border-radius:0}
input[type="text"],input[type="password"]{border:none;border-bottom:1px solid #fff;background-color:transparent;height:50px;line-height:1em;padding:15px 2px 7px; color:#fff; width:100%}
::-webkit-input-placeholder {color:#fff;}
:-moz-placeholder { /* Firefox 18- */color:#fff;opacity:1 !important;}
::-moz-placeholder { /* Firefox 19+ */color:#fff;opacity:1 !important}
:-ms-input-placeholder { /* IE 10+ */color:#fff;}
::-ms-input-placeholder { /* Edge */color:#fff;}
@-webkit-keyframes autofill {
    to {
        color: #fff;
        background: transparent;
    }
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}
/*폰트*/
#login_visual h2{font-size:30px;color:#fff;text-align: left;display: inline-block;margin-left: -16%; font-weight:800}
#login_visual h2 img{vertical-align: middle;position: relative;bottom: 2px;left: 1px;}
#login_visual img {margin-left: -16%; line-height:0}
.letter-w{letter-spacing:3.5px; position:relative; padding-bottom:30px} .letter-w:before{content:''; position:absolute; width:122px; border-bottom:3px solid #00a9ef;bottom:0}
#login_form .font_13{font-size:13px;clear:both;letter-spacing: -0.2px;} .text-normal{font-weight:normal}
/*버튼*/
.bt_line_ra{border:1px solid #fff; border-radius:30px; min-width:126px; display:inline-block; text-align:center; padding:5px; cursor:pointer}
.line_check {opacity: 0;filter:alpha(opacity=0);width:18px;height:18px;position: absolute;z-index: 2;cursor: pointer; top:3px}
.line_check + label{display: inline-block;cursor: pointer;position: relative;padding-left:28px;}
.line_check+ label:before {content:url(/img/check.png);position:absolute;left: 0;z-index: 1;top:3px}
.line_check:checked + label:before{content:url(/img/checked.png);margin-right: 22px;}

.bt_area li{position:relative; display:inline-block;width: 49.1%;} .bt_area li + li{text-align:right} .bt_area { margin:30px auto 50px}
.bt_area li:first-child{text-align:left}
@media only screen and (max-width:1200px){#login_wrap{ background-size: cover}}
@media only screen and (max-width:991px){#login_form{ padding-left:30px; padding-right:30px} #login_form .font_13{letter-spacing:inherit} #login_wrap{padding-left:30px; padding-right:30px}
#login_visual img{max-width:60%; position:relative; z-index:10}  
}

@media only screen and (max-width:820px){ #login_visual{background-position: left top;height: 450px;box-shadow:1px 2px 1px rgba(0,0,0,.2), 3px 3px 2px rgba(0,0,0,0.3)} 
#login_visual img{max-width:80%; margin-left:0} #login_form{width: 46%;}}
@media only screen and (max-width:767px){
	#login_area .row > *  {width:100%; display:block; float:none; margin:0 auto; max-width: 348px;}
	 #login_area .row > #login_visual{ height: auto; padding:50px 40px; min-height: inherit;}#login_visual {display:none !important}
}

@media only screen and (max-width:480px){  #login_area .row > #login_form {padding-left: 30px;padding-right: 30px;}}
@media only screen and (max-width:360px){ .bt_line_ra{min-width: 110px;} #login_wrap {padding-left: 20px;padding-right: 20px;}
#login_form{min-height:1px; padding-top:40px; padding-bottom:50px}
}