@charset="UTF-8";
@font-face {
    font-family: 'NanumBarunGothic';
    src: url('../font/NanumBarunGothic.eot');
    src: url('../font/NanumBarunGothic.woff') format('woff'), url('../font/NanumBarunGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
* {box-sizing: border-box;}
html,
body {margin:0; padding:0; border:0;line-height:18px;}
body{
	/*height:100%;*/
	font-size:12px;
	color:#666;
	font-family:"NanumBarunGothic","dotum";
}
pre {border:1px solid red;}
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldse,p,pre{
	margin:0px;padding:0px;
	font-size:14px;
	color:#666;
	list-style:none;
	vertical-align:top;
	line-height:18px;
}
span{vertical-align:middle;}
a{vertical-align:top}
table, tr, td, th {border-collapse:collapse;border-spacing:0px;padding:0px;}
input[type="text"], input[type=password], input[type=number], select {height: 30px; vertical-align: middle;}
select {border-radius: 3px;font-size: 12px;color: #999;padding: 0 0 0 5px;border: 1px solid #ddd; }
fieldset {padding:0;}
fieldset,dl,dd,dt,img{border:0;vertical-align:middle;}
address,em{font-style:normal }
hr,legend,caption{display:none;}
caption{display:none}

input[type="checkbox"] {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid #ccc;
    cursor: pointer;
    transition: background 0.2s;
  }

  input[type="checkbox"]:checked {
    accent-color: #74992e;
    border: none;
  }

a:link {text-decoration:none;color:#666;}
a:visited {text-decoration:none;color:#666;}
a:active {text-decoration:none;color:#666;}
a:hover {text-decoration:none;color:#666;}

.p_wrapper {position:relative;width:1000px;margin:150px auto;font-family:"nanum gothic", "malgun gothic";}

/* header */
.p_wrapper .p_header {text-align: center; margin-bottom: 100px;}
.p_wrapper .p_header h1 {position:relative;}

/* content */
.p_wrapper .p_content {position:relative; margin-top:20px;}
.p_wrapper .login_area {position:relative; width:1000px; height:400px;border:1px solid #c9c9c9; display: flex;}
.p_wrapper .login_area .login_info {width:600px;}
.p_wrapper .login_area .login_box {width: 400px;}
.p_wrapper .login_area .login_box h2 {font-size: 36px; color: #66a752; text-align: center; margin: 50px 0 40px;}
.p_wrapper .login_area .login_box .login_form {position:relative;width:300px; margin:0 auto;}
.p_wrapper .login_area .login_box .intxt {width:300px;height:50px; padding-left:32px;line-height:48px;border:1px solid #999;background:#f5f5f5;font-size:16px; color:#777;text-indent:0; margin-bottom: 10px;}
.p_wrapper .login_area .login_box .intxt:nth-of-type(1) {background: url(../../../images/home/login/icon-user.png) left 10px center no-repeat;}
.p_wrapper .login_area .login_box .intxt:nth-of-type(2) {background: url(../../../images/home/login/icon-password.png) left 10px center no-repeat;}
.p_wrapper .login_area .login_box .btn {display: block; height: 50px; line-height:48px; color: #fff; background: #66a752; font-size: 20px; font-weight: bold; text-align: center;}
.p_wrapper .login_area .login_box label {display: inline-block; vertical-align: middle; color:#000; font-size: 16px;}
.p_wrapper .login_area .login_box .idsave {position:relative; width:300px; height: 20px; margin:20px auto;}
.p_wrapper .login_area .login_box .chk {vertical-align:middle; margin: 0;}

.p_wrapper .bn_go {position:relative;}
.p_wrapper .bn_go li {margin-top:15px; float:left;}

.idsave{margin-top:25px; font-size:13px; color:#333;}
.idsave input{vertical-align:middle;}
.idsave label{}

.idsave .gomro {display:inline-block; margin-top: 5px; font-weight:bold; padding:0 10px; height:35px; line-height:35px; text-align:center; color:#fff; background:#0072cb; border:solid 1px #0072cb;}
.idsave .goyc  {display:inline-block; margin-top: 5px; font-weight:bold; padding:0 10px; height:35px; line-height:35px; text-align:center; color:#fff; background:#0a9344; border:solid 1px #0a9344;}

.p_middle {display: inline-flex; float: right; margin-top: 5px;}
.p_middle p {margin: 6px; font-size: 14px;}
.p_middle p strong{color: #ff0000; }

.closeArea {padding: 5px; width: auto; background: #fff; overflow: hidden;}
.closeArea .fl { float: left; }
.closeArea .fr { float: right; }

/* footer */
#footerWrap {clear:both; width:100%; padding-top:50px;}
.footCont { padding: 25px 0 40px; color: #959595; text-align: center;}
.footCont  p { font-size: 16px;}

/* join modal popup */
.join-modal {display: none; font-family:"NanumBarunGothic", "nanum gothic", "malgun gothic"; position: fixed; z-index: 999; left: 0; top:0; width:100%; height:100%; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);}
.join-modal-content {background-color: #fefefe; margin:2% auto; padding: 20px; border:1px solid #888; width:35%; height:85%; min-width: 600px; overflow:auto;}

.close_complete {position:relative; color:#777; font-size: 50px; font-weight: bold; top:34px; right:22px; float:right; z-index:1001;}
.close_complete:hover {cursor: pointer;}
.modal-complete {display: none; padding-top:120px; position: fixed; z-index: 999; left: 0; top:0; width:100%; height:100%; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);}
.modal-content-complete {background:#fff; margin:0 auto; padding-bottom:15px; border:1px solid #888;}

.loginPage {border-top:0px solid #bbb;}
.loginPage ul li {border-bottom:1px solid #bbb; } 
.loginPage ul li dt{padding:19px 40px 0px 10px; font-size:19px; font-weight:bold; color:#535353;}
.loginPage ul li dd{position:relative;/* height:0; */ overflow:hidden;}
.loginPage ul li dd p{padding:10px 10px 10px 10px;line-height:25px;font-size:16px; background:#fff;}
.loginPage ul li .hand {cursor: pointer;}
.loginPage ul li .hand_over {background:#f4f4f5; cursor: pointer;}

.loginPage_table {width:100%; font-size:13px; border-top:3px solid #0D54AE;}
.loginPage_table th{padding:5px; border:1px solid #ccc; background:#e5e5e5; font-size:12px; font-weight:bold; color:#161616; height:34px; text-align: center;}
.loginPage_table td{padding:5px; border:1px solid #ccc; text-align:left; line-height:100%; background:#ffffff}
.loginPage_table input[type="text"]{width:100%; height:25px; border:1px solid #ccc; vertical-align: middle;}
.loginPage_table input[type=password]{height:25px; border:1px solid #ccc; vertical-align: middle;} 
.loginPage_table input::placeholder {color:gray; opacity: 1;}
.loginPage_table input:-ms-input-placeholder {color:gray; opacity: 1;}
.loginPage_table img{margin:5px; max-width:100%; vertical-align: middle;}

a:link.btn_gp, a:visited.btn_gp {border-radius:2px; margin-left:4px; font-weight:bold; display:inline-block; min-width: 60px; padding:0 10px; font-size:13px; height:25px; line-height:25px; color:#fff; background:#0D54AE; text-align:center;}
a:hover.btn_gp, a:active.btn_gp {border-radius:2px; margin-left:4px; font-weight:bold; display:inline-block; min-width: 60px; padding:0 10px; font-size:13px; height:25px; line-height:25px; color:#fff; background:#0D54AE; text-align:center;}
.right_close {float: right;}

.btn_C {margin:10px 0 30px 0; text-align:center;}
a:link.btngreen, a:hover.btngreen, a:visited.btngreen, a:active.btngreen {display:inline-block; font-weight:bold; padding:0 10px; min-width:100px; height:42px; line-height:42px; text-align:center; color:#fff; background:#0D54AE;}
a:link.btngray, a:hover.btngray, a:active.btngray, a:visited.btngray {display:inline-block; font-weight:bold; padding:0 10px; min-width:100px; height:42px; line-height:42px; text-align:center; color:#333; border:solid 1px #888;}