@charset "utf-8";
/* CSS Document */

html, body, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, q, s, dl, dt, dd, ol, ul, li, fieldset, form, input, table, tr, th, td {
    margin: 0; padding: 0;border: 0 none; line-height: 1.5em; }
img, fieldset {border: 0 none;}
body {
    color: #545454;
    font-family: 'Malgun Gothic', '맑은 고딕',"돋움",Dotum,"굴림",Gulim,"Lucida Grande",Tahoma,Verdana,AppleGothic,UnDotum,sans-serif;
    font-size: 75%;
    line-height: 1.8em;
}
ol, ul, li { list-style: none outside none;}
legend {  position: absolute;  visibility: hidden; width: 0; font-size: 0;  height: 0; overflow: hidden; }

#admin_body {
  color: #545454;
  font-family: 'Malgun Gothic', '맑은 고딕',"돋움",Dotum,"굴림",Gulim,"Lucida Grande",Tahoma,Verdana,AppleGothic,UnDotum,sans-serif;
  font-size: 75%;
  line-height: 1.8em;
  position: relative;
  background:url('../share_images/logo_bg.png');
  background-repeat: no-repeat;
  background-size: 100% auto; }
#admin_wrapper {width:100%; position:relative;}
#admin_wrapper2 {width:100%; margin:0 auto; min-height:700px;}
#admin_container {position:relative;padding:150px 0 0;margin:0 auto;width:680px;  height:290px; z-index: 999999;}
#admin_container h1{margin:20px 0 20px 0; color:#679917; text-align: center;}
#admin_container h1::before{ width:10%;background: linear-gradient(to right, #679917 40%,#679917 10%, #679917 50%, #679917 50%, #679917 75%, #679917 75%);position: absolute; content: ''; height: 4px; right: 0; left: 45%; top: 135px;}
#admin_container #con{position:relative; background:#fff; width:680px; min-height: 300px; margin-bottom:20px; float: left; display: inline-flex; box-shadow: 0px 2px 8px #aaaaaa; }
#admin_container #con #logininfo { width: 150px; min-height: 300px; padding: 20px; text-align: center; background: url('../share_images/titlearea_bg.png') no-repeat; background-position: bottom left; background-size: 100% auto;}
#admin_container #con #logininfo .logoarea { width: 100%; height:60px; margin-top: 45px; background:url('../share_images/logo_01.png'); background-size: 100% auto; background-repeat: no-repeat; border-bottom: 1px solid white;}
#admin_container #con #logininfo .titlearea { width: 100%; color: white; font-size: 40px; font-weight: 500; margin-top: 50px; line-height: 55px; text-align: center;}
#admin_container #con #logininfo .titlearea p { width: 100%; color: rgba(255,255,255,0.7); font-size: 17px; font-weight: 400; text-align: center;}
#admin_container #con #loginForm {width: 500px; height: 250px; float: left;}
#admin_container #con #loginForm2 {width: 500px; float: left;}
#admin_container #con #loginForm .login_idpw{position:relative;padding:85px 0 0 40px; float: left; width: 300px; }
#admin_container #con #loginForm2 .login_sms{position:relative;padding:85px 0 0 20px; float: left; width: 300px; }
#admin_container .log{position:relative;width:300px;}
#admin_container input[type="text"],#admin_container input[type="password"]{padding:8px 5px;margin-bottom:5px;line-height:1em;vertical-align:middle;border:1.5px solid #d5d5d5;}
#admin_container input[type="text2"]{padding:8px 5px;margin-bottom:5px;line-height:1em;vertical-align:middle;border:1.5px solid #d5d5d5;}
#admin_container input.sms{margin-left: 50px; width:220px;}
#admin_container input.log01{width:180px;}
#admin_container .login_idpw p label{display:inline-block;width:65px; padding-right:20px; font-size:14px; font-weight:bold; margin-bottom: 30px; color: #679917;}
#admin_container .login_sms p label{display:inline-block;width:65px; padding-right:20px; font-size:14px; font-weight:bold; margin-bottom: 30px; color: #679917;}
#admin_container .loginbtn {display: inline-block; padding: 85px 0 0 0; text-align: center;}
#admin_container .loginbtn input{width:90px;height:90px;color:#fff;font-weight:bold;background-color:#679917; border-radius: 5px; text-align: center;}
#admin_container .btn_gray{display:inline-block;padding:1px 6px 4px;color:#fff;background:#888;border:2px solid #888;vertical-align:top}
#admin_container .smsbtn {display: inline-block; padding: 85px 0 0 0; text-align: center;}
#admin_container .smsbtn input {padding:9px 15px;margin-bottom:5px;line-height:1em;vertical-align:middle;border:1.5px solid #679917; background-color: white; color:#679917; }
#admin_container a{text-decoration:none}
#admin_container a:hover{color:#fff;}

#admin_container .okbtn {display: block; padding: 0 0 0 0; text-align: center;}
/*#admin_container .okbtn input {margin-top: 20px; font-size: 15px; padding:14px 15px;margin-bottom:5px;line-height:1em;vertical-align:middle; background-color: #679917; color:#ffffff; margin-left: 10px; width: 360px; border-radius: 5px;}*/
#admin_container .okbtn input {margin-top: 7px; font-size: 15px; padding:14px 15px;line-height:1em;vertical-align:middle; background-color: #679917; color:#ffffff; width: 215px; border-radius: 5px; float: right;margin-right: 5px;}

#loginForm form{height:180px;}

#loginForm .guidearea{height: 80px; margin:80px 0 0 0; bottom: 0;background-color: #f1f1f1;}
#loginForm .guide{padding:15px 10px 10px;background:url('../share_images/login_ico2.png') no-repeat; background-size: 40px 40px; background-position: 20px 15px;}
#loginForm .guide ul li{padding:0 0 0 70px;background:url('../share_images/login_bullet2.gif') no-repeat 63px 8px;color:#555;font-size:13px;}

#loginForm2 form{height:180px;}
#loginForm2 form.smsform{width:290px; margin: 0 auto;padding-top: 5px;min-height:auto;}
#loginForm2 .guidearea{height: 80px; margin:80px 0 0 0; bottom: 0;background-color: #f1f1f1;}
#loginForm2 .guide{padding:15px 10px 10px;background:url('../share_images/login_ico2.png') no-repeat; background-size: 40px 40px; background-position: 20px 15px;}
#loginForm2 .guide ul li{padding:0 0 0 70px;background:url('../share_images/login_bullet2.gif') no-repeat 63px 8px;color:#555;font-size:13px;}

#admin_container address{font-style: normal;line-height:160%; display: inline-block;}
.text_center {width:100%; text-align:center; }
.em_b_yellowgreen{color:#679917; font-weight:bold;}

/*login_sharesms2  03.05*/
/*#admin_container .smsWrap2 {margin-top:20px; padding:0;}*/
#admin_container .smsWrap2 {margin-top:10px; padding:0;}
#admin_container .smsWrap2_1 {margin-top:74px; padding:0;}
/*#loginForm2 form.smsform2{height:180px;}*/
#loginForm2 form.smsform2{width:290px; margin: 0 auto;padding-top: 5px;min-height:auto;}
/*#admin_container #con #loginForm2 .login_sms2{position:relative;padding:85px 0 0 20px;padding-right:20px; float: left; width: 300px; }*/
#admin_container #con #loginForm2 .login_sms2{position:relative;/*padding:85px 0 0 20px;*/display: inline-block;}
/*#admin_container .login_sms2 p label{display:inline-block;width:65px; padding-right:20px; font-size:14px; font-weight:bold; margin-bottom: 30px; color: #679917;}*/
#admin_container .login_sms2 p label{display:inline-block;width:65px; font-size:14px; font-weight:bold;color: #679917;}
#admin_container .smsbtn2 {display: inline-block; /*padding: 141px 0 0 0;*/ text-align: center;}
/*#admin_container .smsbtn2 input {padding:9px 15px;font-weight: 600;margin-bottom:5px;line-height:1em;vertical-align:middle;border:1.5px solid #679917; background-color: white; color:#679917; }*/
#admin_container .smsbtn2 input {outline:none;cursor: pointer;padding:9px 3px;font-weight: 600;margin-bottom:5px;line-height:1em;vertical-align:middle;border:1.5px solid #679917; background-color: white; color:#679917; }
#admin_container .smsbtn2 input:active { background-color: #679917; color:#fff; }

#admin_container .smsWrap1 {padding:0;}
#admin_container .smsname {margin-top:50px; padding:0;display: inline-block; /*width: 300px;*/}
/*#admin_container .smsname p label{display:inline-block; width:56px; font-size:14px; font-weight:bold;color: #679917; margin-left:70px;}*/
#admin_container .smsname p label{display:inline-block; width:56px; font-size:14px; font-weight:bold;color: #679917;}
#admin_container input.logsms2{width:180px;}
/*#admin_container input.sms2{margin-left: 70px; width:220px;}*/
#admin_container input.sms2{margin-right: 13px; width:95px;}
/*#admin_container input.sms3{width:290px;}*/
#admin_container input.sms3{width:201px; margin-left: 9px;}

#admin_container .okbtn2 {display: block; padding: 0 0 0 0; text-align: center;}
#admin_container .okbtn2 input {cursor: pointer;outline: none; margin-top: 7px; font-size: 15px; padding:14px 15px;margin-bottom:5px;line-height:1em;vertical-align:middle; background-color: #679917; color:#ffffff; width: 215px; border-radius: 5px; float: right;margin-right: 5px;}
#admin_container .okbtn2 input:active {background-color: #537a09;}

/*0314 추가_남은시간*/
#admin_container .smsWrap3 {margin-top:5px; padding:0; width:150px; margin: 0 auto;}
#admin_container .smsWrap3 p.timer {text-align: left; color:#8a8d8e; font-size: 12px;}

/*login_sharesms2  03.05*/

#admin_card { width: 680px; min-height: 150px; text-align: center; position: relative; margin: 15px 0 20px 0; display:inline-flex;  }
#admin_card .card { width: 200px; height: 150px; background-color: rgba(255,255,255,0.5); border: 1px solid #d5d5d5; text-align: center;margin-left: 22px;}
#admin_card .card01 { width: 100%; height: 100px; text-align: center;}
#admin_card .card01 img { width: 75px; height: auto;}
#admin_card .card02 { width: 100%; height: 50px; background-color: #e6e8e8; text-align: center; }
#admin_card .card02 p {color: #000; font-size: 12px; padding: 8px; width: 100px; margin: 0 auto; }

#admin_card .card2 { width: 200px; height: 150px; background-color: rgba(255,255,255,0.5); border: 1px solid #d5d5d5; text-align: center; margin-left: 15px;}
#admin_card .card201 { width: 100%; height: 100px; text-align: center;}
#admin_card .card201 img { width: 75px; height: auto;}
#admin_card .card202 { width: 100%; height: 50px; background-color: #e6e8e8; text-align: center; }
#admin_card .card202 p {color: #000; font-size: 12px; padding: 8px; width: 100px; margin: 0 auto; }

#admin_card .card3 { width: 200px; height: 150px; background-color: rgba(255,255,255,0.5); border: 1px solid #d5d5d5; text-align: center; margin-left: 15px;}
#admin_card .card301 { width: 100%; height: 100px; text-align: center;}
#admin_card .card301 img { width: 118px; height: auto;}
#admin_card .card302 { width: 100%; height: 50px; background-color: #e6e8e8; text-align: center; }
#admin_card .card302 p {color: #000; font-size: 12px; padding: 8px; width: 100px; margin: 0 auto; }

@media all and (max-width:640px){
	#admin_wrapper2{min-height:400px}
	#admin_container {width:95%; padding:50px 0 0;margin:0 auto;}
	#admin_container #con{width:auto;padding:20px 0;}
	#admin_container h1{padding:0 0 20px 0;text-align:center}
	#admin_container h1 img{width:230px}
	#admin_container h1 img.login_txt{display:none;}
	#admin_container #con #loginForm{position:relative;width:310px;margin:10px auto;background:none;}
	#loginForm form{height:auto}
	#admin_container #con #loginForm .login_idpw{padding: 0}
	#admin_container input.log01{width:130px;}
	#admin_container .login_idpw p label{width:55px;margin:0 0 0 10px;font-size:13px;letter-spacing:-1px}
	#admin_container .imgbtn{padding:0 0 0 90px;}
	#admin_container .imgbtn input{width:143px;}
	#admin_container .btn_gray{padding:1px 3px 4px;}
	#loginForm .guide{margin-right:15px;background:none;}
	#loginForm .guide ul li{padding:0 0 0 10px;font-size:12px;background-position:5px 8px}
	address{font-size:12px}
}