@charset "utf-8";

.popupbtn4 {
width: 255px;
height: 50px;
background-color: #c97338;
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23d48c53' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
font-size: 26px;
fotn-weight: bold;
color: #ffffff;
text-align: center; cursor: pointer;
border: none 0px transparent;}
.popupbtn4:hover { color:#FCF888;    }


.popupbtn5 {
background-color: #c97338;
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23d48c53' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
font-size: 18px;
fotn-weight: bold;
color: #ffffff;
text-align: center; cursor: pointer;
border: none 0px transparent;}
.popupbtn5:hover { color:#FCF888;    }

.popupbtn6 {
background-color: #2e437a;
background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23a5a5a5' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
fotn-weight: bold;
color: #ffffff;
text-align: center; cursor: pointer;
border: none 0px transparent; font-size: 18px;
height: 36px;}
.popupbtn6:hover { color:#FCF888;    }


.popupbtn7 {
width: 100px;
display: inline-block;
line-height: 2em;
background-color: #2e437a;
background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23a5a5a5' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
fotn-weight: bold;
color: #ffffff;
text-align: center; cursor: pointer;
border: none 0px transparent; font-size: 18px;
height: 36px;}
.popupbtn7:hover { color:#FCF888;    }

.popupbtn8 {
width: 100px;
display: inline-block;
line-height: 2em;
background-color: #c97338;
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23d48c53' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
font-size: 18px;
fotn-weight: bold;
color: #ffffff;
text-align: center; cursor: pointer;
border: none 0px transparent;}
.popupbtn8:hover { color:#FCF888;    }

.s_bg {  background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23b4b4b4' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");   }


/*2018 08 01 asy add*/
input.popupbtn2{
  padding-left:2px;
  height: 25px;
  padding-right:2px; 
  border:none 0px transparent ;
  border:1px solid #cccccc;
  background-color:#ffffff;
  font-family: dotum;
  font-size: 12px ; 
  color:#525252 ;
  text-align:center
  cursor: pointer;
  border-radius: 3px;
}

input.popupbtn_black{
  padding-left:2px;
  height: 25px;
  padding-right:2px; 
  border:none 0px transparent ;
  border:1px solid #cccccc;
  background-color:#000000;
  font-family: dotum;
  font-size: 12px ; 
  color:#ffffff ;
  text-align:center
  cursor: pointer;
  border-radius: 3px;
}