@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

@font-face {
    font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}

* {position: relative;}
html {height: 100%; background: url("/resources/img/main/bg_2506.png")no-repeat left;  width: 100%; height: 917px; background-size: cover;  }
body {	margin: 0px; height: 100%; }
input, button {	margin: 0px; color: rgb(79, 89, 100);  font-family: 'Noto Sans KR', "맑은고딕", Malgun Gothic, "돋움", sans-serif; font-size: 12px;}
img {border: 0px currentColor; border-image: none; vertical-align: top;}
hr, caption, legend {display: none;}
address {font-style: normal;}
article, aside, canvas, details, footer, header, hgroup, menu, nav, section, summary, address {display: block;}
.top{ display:none;}


.login_warpper { margin: 0px auto; top: 0px; width: 100%; height: 917px; position: absolute; border:0px black solid;}
.login_layout {	margin: 0px auto; width: 100%; height: 100%; clear: both; vertical-align: top; border:0px green solid; }
.login_layout .set1 {	margin: 0px; padding: 0px; height: 100%; width: 100px; float: left; border:0px white solid;}
.login_layout .set1 img {float:left; margin-top:100px; margin-left:20vw; border:0px yellow solid; }
.login_layout .set2 {	/*background: url("/resources/img/main/set2_bg_2.png") no-repeat; */ background:rgba(255,255,255,0.85); /*padding-top:100px;*/ margin-right:15vw; width: 330px;	float: right;  height: 100%;  border:0px red solid;}
.set1{display:none}



/*ARTICLE login_form 영역*/

.login_form {	margin: 50px auto 0px 45px; width: 245px; height: 244px; font-family: 'Noto Sans KR', "맑은고딕", Malgun Gothic, "돋움", sans-serif; font-size: 12px;}
.login_form .title {	margin: 0px 0px 25px; padding: 0px; }
.login_form .button{ margin: 0 0 25px;  }
.login_form .button img{margin-right:-6px; } /*이미지여백 문제 추후 해결해야할 부분*/
.login_form form {	margin: 0px auto; padding: 0px; width: 300px; height: 170px; border:1px solid #fff; }
.login_form form fieldset {	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; clear: both;}
.login_form legend {	left: 0px; top: 0px; width: 1px; height: 1px; line-height: 0; font-size: 0px; visibility: hidden; position: absolute;}
.txt_form {	width: 300px; float: left; }
/*.login_input .input_sylte01{width:220px; height:35px; padding-left:20px; line-height:35px; font-size:13px; border:1px solid #b5b5b5; margin-bottom:7px;}*/

/*.login_input .input_sylte01{width:220px; height:35px; padding-left:20px; line-height:35px; font-size:13px; border:1px solid #b5b5b5; margin-bottom:7px;}*/
.id{width:245px; height:40px; margin:0px 0px 10px 0px; padding::0px 0px 0px 0px; background:url("/resources/img/main/input_id_bg.png") no-repeat; border:1px solid #ccc;border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.pw{width:245px; height:40px; margin:0px 0px 10px 0px; padding::0px 0px 0px 0px; background:url("/resources/img/main/input_pw_bg.png") no-repeat;border:1px solid #ccc;border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}


/* 20210445
.login_input .input_sylte01{width:190px; height:35px; padding-left:50px; line-height:35px; font-size:13px; border:1px solid #b5b5b5; margin-bottom:7px;}
*/
.captcha-lay .input_sylte01 {width:240px; height:25px; line-height:35px; font-size:13px; border:1px solid #b5b5b5;}

.select #check{ font-size:13px; color:#000; font-weight:400; margin: 0px 0px 25px; font-family: 'Noto Sans KR', sans-serif;}
.select #check img{float:right; margin-top:-5px;}
.login {margin: 0 0 10px;}
.login:hover { cursor: pointer; opacity: 0.9;}

.search{ font-size:12px; color:#595959; text-align:center; margin: 0 0 20px; font-family: 'Noto Sans KR', sans-serif; }
.search a {  color: #595959;}

.login_inquiry{font-size:10px; color:#000; font-weight:400;  text-align:center; letter-spacing: -1px; font-family: "맑은고딕", Malgun Gothic, "돋움", sans-serif; }


/*captcha 영역*/
.div3{text-align:center; display: inline-block;}
.captcha-lay{ font-size:12px; color:#595959; text-align:left; margin: 0 0 20px; font-family: 'Noto Sans KR', sans-serif; line-height:2;}

/*lock 영역*/
.Identity {margin: 0 0 10px;}
.login_form .lock{ margin: 0 0 5px; text-align:center; }
.login_form .lock_txt{font-size:20px; color:#000; font-weight:400; text-align:center; font-family: 'Noto Sans KR', "맑은고딕", Malgun Gothic, "돋움", sans-serif; margin-bottom:10px;  }
.email{font-size:16px; color:#000; background:rgba(255,255,255,0.85); font-weight:400; text-align:center; font-family: 'Noto Sans KR', "맑은고딕", Malgun Gothic, "돋움", sans-serif;  border:2px solid #ccc; height:35px; padding:8px 0 0 0; margin: 0 0 15px;}
.explanation{font-size:13px; color:#000; font-weight:400;text-align:center; font-family: 'Noto Sans KR', "맑은고딕", Malgun Gothic, "돋움", sans-serif; margin: 0 0 20px;  letter-spacing: -1px; line-height:1.5; }


/*id pw captcha form 영역*/
.div5 {top:0px; font-family: 'Noto Sans KR', "맑은고딕", Malgun Gothic, "돋움", sans-serif; font-size: 12px; display:inline-block;}

/*ARTICLE guid 영역*/
.div4 {top:0px; font-family: 'Noto Sans KR', "맑은고딕", Malgun Gothic, "돋움", sans-serif; font-size: 12px; display:inline-block;}
.div4 .sub_01{  margin:50px 0 0 50px; width:225px; font-size:14px; color:#000; border:0px solid #fff; display: inline-block;  font-weight:400; }
.div4 .sub_01 .sub_txt{ font-size:12px; color:#000; left:15px; font-weight:300;}
.div4 .sub_01 img {padding-right:5px; margin:4px 0 0 0;}
/*{ margin-left:20px; width:225px; font-size:14px; color:#fff;  border:0px solid #fff;display: inline-block;}*/


/*footer 영역*/
address {	background: #fff; margin: 0px;  position:fixed; bottom:0; width: 100%; height: 50px; vertical-align: top; font-size: 12px; }
#footer_copy {width:960px;padding:0;margin:0 auto;position:relative;border:0px solid red} /*하단영역을 지정한다*/
#footer_copy #f_logo{float:left;margin:10px 0 0 0;padding:0 0 0 220px; border:0px solid red;}
#footer_copy #f_address{position:absolute;top:10px;left:370px;text-align:left;color:#777;border:0px solid red;}


 a:link { color: #000; text-decoration: none; font-weight:400;}
 a:visited { color: #000; text-decoration: none; font-weight:400;}
 a:hover { color: #000; text-decoration: none; font-weight:400;}


@media (min-width:1925px) {
html { background: url("/resources/img/main/bg_2506.png") no-repeat top;  width: 100vw; height: 100vh;  background-size:105%; }
.login_layout .set2 {padding-top:100px; height: 100vh; }


}
/*
@media (min-height:917px) {
html { background: url("/resources/img/main/bg_2.jpg") no-repeat top; width: 100vw; height: 100vh;  background-size:100%; }
}
*/
@media (max-width:1280px) {
.login_layout .set1 img {margin-left:10vw;	}
.login_layout .set2 {	margin-right:15vw; }
}

@media (max-width:850px) {
.login_layout .set1 img {display:none;	}
}


#id, #pw { width:205px; height:40px; margin:0px 0px 0px 36px; padding:0px 0px 0px 4px; line-height:21px; color:#6d6d6d; font-size:14px; border:0px solid #fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; outline: none;}