.device-list {
  padding: 20px;
}

/* 팝업 레이어 */

.layer-pop{
  position: absolute; 
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto;   
}

/* 팝업 레이어 : 버튼 */
.layer-pop input[type=button] {
  align-items: center;
  border: none;
  padding: 5px 10px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
  margin-bottom: 20px;
}

.layer-pop .container-pop {
  padding: 0px 0px;
}

/* 팝업 레이어 : 내용 */
/*.layer-pop img {
  width: 100%;
  margin-bottom: 0px;
}*/

.layer-pop h2.text {
  font-size: 23px;
  margin-bottom: 5px;
}

.layer-pop p.text {
  margin-top: 0;
  line-height: 25px;
  color: #666;
}

/* 팝업 레이어 : 버튼 속성 */

.layer-pop .exit-btn {
  width: 100%;
  /* margin: 10px 0 20px; */
  padding-top: 0px;
  text-align: right;
  border-top: 1px solid #ddd;
}

a.layer-exit {
  font-size: 13px;
  line-height: 25px;
  display: inline-block;
  height: 25px;
  padding: 0 14px;
  color: #fff;
  border: 1px solid #304a8a;
  background-color: #3f5a9d;
}

a.layer-exit:hover {
  color: #fff;
  border: 1px solid #091940;
  background-color: #1f326a;
}



a.layer-exit2 {
  font-size: 13px;
  line-height: 25px;
  display: inline-block;
  height: 25px;
  padding: 0 14px;
  color: #fff;
  border: 1px solid #304a8a;
  background-color: #3f5a9d;
}

a.layer-exit2:hover {
  color: #fff;
  border: 1px solid #091940;
  background-color: #1f326a;
}




/* 팝업 레이어 */

.layer-pop {
  position: absolute;
  z-index: 51;
  /* 크기 조정 */

  top: 15%;
  width: 500px;
  margin: auto;
 /*  border: 5px solid #3571b5;
  background-color: #fff;;*/
}

.device-layer {
  position: fixed;
  z-index: 50;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}


.device-layer2 {
  position: fixed;
  z-index: 50;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}




.device-list {
  padding: 20px;
}


/* 팝업 레이어 : 버튼 */
.layer-pop input[type=button] {
  align-items: center;
  border: none;
  padding: 5px 10px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
  margin-bottom: 20px;
}

.layer-pop .container-pop {
  padding: 0px 0px;
}

.layer-pop h2.text {
  font-size: 23px;
  margin-bottom: 5px;
}

.layer-pop p.text {
  margin-top: 0;
  line-height: 25px;
  color: #666;
}

/* 팝업 레이어 : 버튼 속성 */

.layer-pop .exit-btn {
  width: 100%;
  /* margin: 10px 0 20px; */
  padding-top: 0px;
  text-align: right;
  border-top: 1px solid #ddd;
}

a.layer-exit {
  font-size: 13px;
  line-height: 25px;
  display: inline-block;
  height: 25px;
  padding: 0 14px;
  color: #fff;
  border: 1px solid #304a8a;
  background-color: #3f5a9d;
}

a.layer-exit:hover {
  color: #fff;
  border: 1px solid #091940;
  background-color: #1f326a;
}

/* 팝업 레이어 */

.device-layer {
  position: fixed;
  z-index: 50;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}


.layer-pop img {

    /*max-width: 500px;*/
    margin-bottom: 0px;

}




/* 미디어쿼리 */
@media (max-width: 590px) {
  .layer-pop {

    width:80%;
    left:0;    
    right:0;

  position: absolute; 
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
/*    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    height: auto;
    border: 5px solid #3571b5;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;*/
  }
.layer-pop img {

  width: 100%;
} 

}