@charset "euc-kr";

      /* base */
      @font-face {
          src: url("/image/main/APPLESDGOTHICNEOSEMIBOLD.OTF");
          font-family: "SD_Gothic"
      }

      @font-face {
          src: url("/image/main/APPLESDGOTHICNEOB.TTF");
          font-family: "SD_Gothic_B"
      }

      @font-face {
          src: url("/image/main/APPLESDGOTHICNEOM.TTF");
          font-family: "SD_Gothic_M"
      }

      * {
          margin: 0;
          padding: 0;
          box-sizing: border-box;
      }

      ul,ol,li   
       {
          list-style: none;
      }

      a {
          text-decoration: none;
      }

      input {
          outline: none;
      }

      input:focus::-webkit-input-placeholder,
      textarea:focus::-webkit-input-placeholder {
          /* WebKit browsers */
          color: transparent;
      }

      input:focus:-moz-placeholder,
      textarea:focus:-moz-placeholder {
          /* Mozilla Firefox 4 to 18 */
          color: transparent;
      }

      input:focus::-moz-placeholder,
      textarea:focus::-moz-placeholder {
          /* Mozilla Firefox 19+ */
          color: transparent;
      }

      input:focus:-ms-input-placeholder,
      textarea:focus:-ms-input-placeholder {
          /* Internet Explorer 10+ */
          color: transparent;
      }


      /* 팝업창 */
      .pwChange_pop {
          display: none; 
          width: 450px;
          height: 800px;
          background-color: #fff;
          position: absolute;
          top: 50%;
          left: 50%;
		  transform:translate(-50%,-50%);
          border: 2.5px solid #ddd;

      }

      .pop_wrap {
          width: 400px;
          height: 750px;
          position: relative;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          font-family: "SD_Gothic_M";
      }

      .logo_spot {
          width: 150px;
          position: absolute;
          top: -20px;
          left: -10px;
      }

      .logo_spot img {
          width: 100%;
      }

      /* 로고 */
      .change_title {
          font-family: "SD_Gothic_B";
          font-size: 26px;
          width: 100%;
          position: absolute;
          top: 25px;
		  text-align:left;
      }
	  .change_title p{
		border-bottom:2px solid #666;
	  }

      .text_spot {
          width: 95%;
          background-color: #ffffff;
          border: 1px solid #ccc;
          box-shadow: 2px 2px 3px;
          font-family: "SD_Gothic_M";
          font-size: 16px;
          text-align: center;
          padding-top: 15px;
          padding-bottom: 15px;
          position: absolute;
          top: 27%;
          left: 50%;
          transform: translate(-50%, -50%);
      }

      .magin {
          color: #f00;
		  font-family:"SD_Gothic";
		  font-size:20px;
      }

      .input_cover {
          width: 100%;
          position: absolute;
          top: 46.5%;
      }

      .input_spot {
          margin-bottom: 20px;
		  font-size:16px !important;
      }

      .input_spot input {
          width: 100%;
          height: 35px;
          border: none;
          border-bottom: 1px solid #ccc;
      }

      .input_spot input:focus {
          border-bottom: 1px solid red;
          transition: 0.5s;
      }
	  .old_pw input:focus{
		border-bottom:1px solid #333;
	  }

/*       .pw_tip {
          width: 75px;
          line-height: 17px;
          text-align: center;
          position: absolute;
          font-size: 12px;
          top: 5%;
          right: -6%;
          transform: translate(-50%, -50%);
          background: #000;
          color: #fff;
          cursor: pointer;
          transition: 0.5s;
          padding: 1px 0 1px 0;
      } */

      .pw_tip {
          width: 100px;
          line-height: 17px;
          text-align: center;
          position: absolute;
          font-size: 12px;
          top: 5%;
          right: -10%;
          transform: translate(-50%, -50%);
          background: #000;
          color: #fff;
          cursor: pointer;
          transition: 0.5s;
          padding: 5px 0 5px 0;
      }

      .pw_tip:hover {
          background: #fff;
          color: #000;
          border: 1px solid #000;
          transition: 0.5s;
      }

      .check_ment span {
          float: left;
      }

      .check_right {
          float: right;
          margin-right: 10px;
      }

      .msg_box {
	  	  width:100%;
          background: #fff;
          position: absolute;
          top: 29%;
          left: 0;
          z-index: 1;
          display: none;
      }

      .top_box {
          width: 100%;
          height: 25px;
          background: #000;
          color: #fff;
          text-align: center;
          line-height: 25px;
      }

      .msg_box p {
          font-size: 14px;
          border: 1px solid #aaa;
          padding: 10px 0 10px 5px;
          line-height: 25px;
      }

      .send_btn {
          width: 100%;
          margin: 0 auto;
          text-align: center;
          position: absolute;
          left: 50%;
          top: 80%;
          transform: translate(-50%, -50%);
      }
	  .send_btn select{
		width:100px;
		height:35px;
		outline:none;
		border:1px solid #aaa;
		border-radius:3px;
		background:ivory;
		margin-left:15px;
	  }
	  .send_btn span{
		font-size:15px;
	  }
      .send_input {
          width: 150px;
          height: 40px;
          border: none;
          border-radius: 50px;
          background-color: #f58220;
          color: #fff;
          font-family: "SD_Gothic_M";
          font-size: 17px;
          cursor: pointer;
		  margin-left:7.5px;

      }

      .cert_spot {
          width: 400px;
          display: none;
          text-align: center;
          position: absolute;
          bottom: 8%;
          left: 50.75%;
          transform: translate(-50%, -50%);
		  font-size:16px;
      }

      .cert_spot span {
          margin-right: 20px;
      }

      .write_num {
          width: 120px;
		  height:27px;
          margin-right: 15px;
          border: 1px solid #ccc;
      }

      .cert_btn {
          font-family: "SD_Gothic_M";
          width: 100px;
          height: 30px;
          margin-right: 5px;
          border: none;
          background: #000;
          color: #fff;
          transition: 0.5s;
          cursor: pointer;
      }

      .cert_btn:hover {
          background: #fff;
          color: #000;
          border: 1px solid #aaa;
          transition: 0.5s;
      }

      .count_spot {
          width: 60px;
          font-weight: bold;
      }

      .count_spot img {
          width: 13px;
      }

      .btn_spot {
          width: 100%;
          margin: 0 auto;
          text-align: center;
          position: absolute;
          bottom: 3%;
          left: 50%;
          transform: translate(-50%, -50%);
      }

      .change_ok {
          width: 220px;
          height: 40px;
          background-color: #000;
          color: #fff;
          font-family: "SD_Gothic_M";
          border: none;
          outline: none;
          cursor: pointer;
          transition: 0.5s;
      }

      .change_ok:hover {
          background: #fff;
          color: #000;
          border: 1px solid #aaa;
          transition: 0.5s;
      }

      .change_next {
          color: #000;
          float: right;
          text-align: center;
          position: absolute;
          bottom: -2%;
          right: -2%;
		  font-size:14px;
      }
	  .cert_complete{
		position:absolute;
		bottom:18%;
		left:12%;
		color:blue;
		text-align:center;
		font-size:22px;
	  }

      .change_next a:visited,
      .change_next a:hover,
      .change_next a:active,
      .change_next a:link {
          color: #ff0000;
      }

      .btn_spot a:visited,
      .btn_spot a:hover,
      .btn_spot a:active,
      .btn_spot a:link {
          color: #000;
      }

	  ------------------------------------- /* 로그인 포맷 */

	*{
		margin:0; 
		padding:0;
		box-sizing:border-box;
		font-family:"SD_Gothic_M"
	}
	ul,ol,li {
		list-style:none;
	}
	header{
		position:relative;
		width:100%;
		height:90px;
		/* height:100px; */
		margin-top:10px;
		border-bottom:1px solid #ddd;
	}
	#wrap{
		width:100%;
		height:calc( 100% - 90px );
		position:relative;
		margin:0 auto;
		background:#f7f7f7;
	}
	.admin_sel{
		position:absolute;
		top:0;
		right:5%;
	}
	.admin_sel select{
		background:#fff;
		font-family:"SD_Gothic_M";
	}
	.admin_sel span{
		margin-right:5px;
		font-size:14px;
		line-height:16px;
	}
	.mark_spot{
		width:100px;
		margin:0 auto;
		margin-bottom:10px;
	}
	.mark_spot img{
		width:80px;
	}
	.login_case{
		width:400px;
		height:350px;
		background:#fff;
		border:1px solid #f58220;
		border-radius:6px;
		position:absolute;
		top:35%;
		left:50%;
		transform:translate(-50%, -50%);
		text-align:center;
	}
	.login_title{
		width:100%;
		height:20%;
		font-size:24px;
		line-height:70px;
		color:#666;
		font-family:"SD_Gothic_B";
		border-bottom:1px solid #f58220;
	}
	.login_form_spot{
		position:relative;
	}
	.input_box{
		margin-top:30px;
	}
	.input_cover2{
		width:80%;
		height:45px;
		margin:0 auto;
		text-align:center;
		position:relative;
		overflow:hidden;
	}
	.input_cover2 input{
		width:100%;
		height:100%;
		border:1px solid #ddd;
		padding-left:15px;
		font-family:"SD_Gothic";
		letter-spacing:2px;
		font-size:15.5px;
	}
	.input_cover2 input:focus{
		border:#f58220 1px solid;
	}
	.input_cover2 img{
		position:absolute;
		top:5px;
		right:5px;
	}
	.ID_input input{
		border-radius:6px 6px 0 0;
	}
	.PW_input input{
		border-radius:0 0 6px 6px;
	}
	.save_box{
		width:80%;
		height:15px;
		margin:0 auto;
		margin-top:15px;
		margin-bottom:20px;
	}
	.save_box input, .save_box span {
		float:left;
		margin-right:5px;
	}
	.login_btn{
		width:80%;
		height:40px;
		border:none;
		border-radius:6px;
		background:#f58220;
		color:#fff;
		font-family:"SD_Gothic";
		font-size:20px;
		margin-bottom:10px;
		cursor:pointer;
	}
	.main_link{
		width:150px;
		height:30px;
		font-size:14px;
		position:absolute;
		top:0px;
		right:10px;
	}
	.main_link a,
	.main_link a:hover,
	.main_link a:active,
	.main_link a:visited{
		color:#444;
		font-family:"SD_Gothic_M";
	}
	.session_link{
		width:150px;
		height:30px;
		font-size:14px;
		position:absolute;
		top:220px;
		right:10px;
	}
	.session_link a,
	.session_link a:hover,
	.session_link a:active,
	.session_link a:visited{
		color:#444;
		font-family:"SD_Gothic_M";
	}
	.copyright{
		width:150%;
		position:absolute;
		font-size:17px;
		bottom:-60%;
		left:-23.5%
	}