/*
 * 스탬프 팝업창 
 */
.iconSetting{
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;   
} 
#iconSettingStamp{
  top: 200px; 42.5px; right: 50px;1668px;
  width: 90px;height: 90px;
  background-image: url(https://cdn1.iconfinder.com/data/icons/carbon-design-system-vol-7/32/stamp-512.png);
  background-size: 80px;
  border-radius: 50%; 
  border:7px solid white;
  background-color: rgba(255, 255, 255, 1);
}
#iconSettingStamp:active{transform: translateY(5px);}

.stampIcon.custom{
  border:7px dotted gray;
  border-radius: 50%;
  background-color: rgba(0,0,0,0);
  font-family: 'Jua', sans-serif;
  font-size: 20px;
  color: #cca;
}

.stampIcon.customStamp:after {
  position:relative;
  top:-60px;left: 60px;
  content: "\00d7"; font-size:45pt;line-height:35px;
}

#popupStampWindow{
  display: none;
  pointer-events: none;
  position:absolute;
  top:0px;left:0px;
  top:50%; left: 50%;
  transform: translate(-50%, -50%);
  width:1920px;height:1080px;
  background-color: rgba(0,0,0,0);
  pointer-events: none; 
}
#titleStampWindow{
  height:91.5px;
  text-align: center;
  font-family: 'Jua', sans-serif;
  font-size: 30px; 
  line-height: 91.5px;
}

#popupStampBoxWindow{
  pointer-events: all;
  sdisplay: none;
  position: absolute;
  top:400px; sleft:1320px; right: 130px;
  border:0px solid red;
  width: 477px; height: 593px;
  width: 456px; height: 627px;
  sbackground-image: url('../img/08_stamp/box.png');
  background-image: url('../img/08_stamp/box_new.png');
  background-repeat: no-repeat;
  background-position: center center; 
  background-size: 456px 627px; 
}
#popupStampBoxWindow.leftHand{left:130px;}
#popupStampBoxSmallWindow.leftHand{left:130px;}

#stampBoxClose{
  position: absolute;
  top:33px; left:391px;
  height: 21px; width: 21px;
  background-image: url('../img/08_stamp/icon_exit.png');
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 21px 21px;   
}
#stampBoxTypeListTitle{
  position: absolute;
  top:20px;left:0;
  width: 430px;472px; height: 54px;
  text-align: center;
  font-size: 24px;
  line-height: 54px;
  font-family: NanumGothicBold;
}
#stampBoxTypeList{
  position: absolute;
  top:74px;left:11px;0;
  width: 433px;472px; height: 94px;75px;
  border:0px solid red;
  white-space: nowrap;
}
#stampBoxTypeList button{ /*3개->2개로*/
  border-right:0px solid #999;
  width: 220px;220px;141px; height: 94px;
  background-color: rgba(0,0,0,0);
}
button#stampBoxTypeListPrev{
  position: absolute;
  top:0;
  left:11px;width: 62.5px;
  background-image: url('../img/08_stamp/icon_page.png');
  background-size: 19.5px 33.5px;
  background-repeat: no-repeat;
  background-position: center center;
}
button#stampBoxTypeListNext{
  position: absolute;
  top:0;
  right:11px;width: 62.5px;
  background-image: url('../img/08_stamp/icon_page.png');
  background-size: 19.5px 33.5px;
  background-repeat: no-repeat;
  background-position: center center;
  transform: scaleX(-1);rotate(180deg);
}
#stampBoxTypeListIconList{
  position: absolute;
  border:0px solid blue;
  top:0; left:78px;
  width: 300px; height: 75px;
  overflow-x: hidden;
  overflow-y: hidden; 
}


#stampBoxStampList{
  position: absolute;
  top:181px;171px;left:35px;15px;
  width: 400px;425px;442px; height: 400px;378px;
  border:0px solid red;
  overflow-x: hidden; overflow-y: scroll;   
}
.stampIcon{
  float: left;
  margin:10px 5px;10px 22px;
  border:0px solid red;
  width: 171px; height: 171px;
  sbackground-image: url('../img/08_stamp/stamp_01.png');
  background-size: 171px 171px;
  background-repeat: no-repeat;
  background-position: center center;
}

.stampTypeIcon{
  sfloat: left;
  background-image: url('../img/08_stamp/good_off.png');
  background-size: 52px 54.5px; 60%;contain;
  background-repeat: no-repeat;
  background-position: center 10px;center;
  font-size: 16px;
  font-family: NanumGothicBold;
  line-height: 155px;
  smargin:10px 20px;
  color:#999;
}

#stamp_good{background-image: url('../img/08_stamp/good_off.png');}
#stamp_nature{background-image: url('../img/08_stamp/nature_off.png');}
#stamp_animal{background-image: url('../img/08_stamp/anmal_off.png');}
#stamp_good.stampTypeSelected{color:#000;background-image: url('../img/08_stamp/good_on.png');}
#stamp_nature.stampTypeSelected{color:#000;background-image: url('../img/08_stamp/nature_on.png');}
#stamp_animal.stampTypeSelected{color:#000;background-image: url('../img/08_stamp/anmal_on.png');}

#stamp_praise{background-image: url('../img/08_stamp/good_off.png');}
#stamp_praise.stampTypeSelected{color:#000;background-image: url('../img/08_stamp/good_on.png');}
#stamp_encourage{width:205px !important;background-image: url('../img/08_stamp/encourage_off.png');}
#stamp_encourage.stampTypeSelected{color:#000;background-image: url('../img/08_stamp/encourage_on.png');}

.stamp_type_good{background-size: 80%;}
.stamp_type_animal{background-size: 80%;}
.stamp_type_nature{background-size: 80%;}
.stamp_type_good:nth-child(1){background-image: url('../img/08_stamp/good_01.png?noCache=0421');}
.stamp_type_good:nth-child(2){background-image: url('../img/08_stamp/good_02.png?noCache=0421');}
.stamp_type_good:nth-child(3){background-image: url('../img/08_stamp/good_03.png?noCache=0421');}
.stamp_type_good:nth-child(4){background-image: url('../img/08_stamp/good_04.png?noCache=0421');}
.stamp_type_good:nth-child(5){background-image: url('../img/08_stamp/good_05.png?noCache=0421');}
.stamp_type_good:nth-child(6){background-image: url('../img/08_stamp/good_06.png?noCache=0421');}
.stamp_type_good:nth-child(7){background-image: url('../img/08_stamp/good_07.png?noCache=0421');}
.stamp_type_good:nth-child(8){background-image: url('../img/08_stamp/good_08.png?noCache=0421');}
.stamp_type_good:nth-child(9){background-image: url('../img/08_stamp/good_09.png?noCache=0421');}
.stamp_type_good:nth-child(10){background-image: url('../img/08_stamp/good_10.png?noCache=0421');}
.stamp_type_good:nth-child(11){background-image: url('../img/08_stamp/good_11.png?noCache=0421');}
.stamp_type_good:nth-child(12){background-image: url('../img/08_stamp/good_12.png?noCache=0421');}
.stamp_type_good:nth-child(13){background-image: url('../img/08_stamp/good_13.png?noCache=0421');}
.stamp_type_good:nth-child(14){background-image: url('../img/08_stamp/good_14.png?noCache=0421');}

.stamp_type_animal:nth-child(15){background-image: url('../img/08_stamp/animal_01.png?noCache=0421');}
.stamp_type_animal:nth-child(16){background-image: url('../img/08_stamp/animal_02.png?noCache=0421');}
.stamp_type_animal:nth-child(17){background-image: url('../img/08_stamp/animal_03.png?noCache=0421');}
.stamp_type_animal:nth-child(18){background-image: url('../img/08_stamp/animal_04.png?noCache=0421');}
.stamp_type_animal:nth-child(19){background-image: url('../img/08_stamp/animal_05.png?noCache=0421');}
.stamp_type_animal:nth-child(20){background-image: url('../img/08_stamp/animal_06.png?noCache=0421');}
.stamp_type_animal:nth-child(21){background-image: url('../img/08_stamp/animal_07.png?noCache=0421');}
.stamp_type_animal:nth-child(22){background-image: url('../img/08_stamp/animal_08.png?noCache=0421');}
.stamp_type_animal:nth-child(23){background-image: url('../img/08_stamp/animal_09.png?noCache=0421');}
.stamp_type_animal:nth-child(24){background-image: url('../img/08_stamp/animal_10.png?noCache=0421');}
.stamp_type_animal:nth-child(25){background-image: url('../img/08_stamp/animal_11.png?noCache=0421');}
.stamp_type_animal:nth-child(26){background-image: url('../img/08_stamp/animal_12.png?noCache=0421');}
.stamp_type_animal:nth-child(27){background-image: url('../img/08_stamp/animal_13.png?noCache=0421');}
.stamp_type_animal:nth-child(28){background-image: url('../img/08_stamp/animal_14.png?noCache=0421');}

.stamp_type_nature:nth-child(29){background-image: url('../img/08_stamp/nature_01.png?noCache=0421');}
.stamp_type_nature:nth-child(30){background-image: url('../img/08_stamp/nature_02.png?noCache=0421');}
.stamp_type_nature:nth-child(31){background-image: url('../img/08_stamp/nature_03.png?noCache=0421');}
.stamp_type_nature:nth-child(32){background-image: url('../img/08_stamp/nature_04.png?noCache=0421');}
.stamp_type_nature:nth-child(33){background-image: url('../img/08_stamp/nature_05.png?noCache=0421');}
.stamp_type_nature:nth-child(34){background-image: url('../img/08_stamp/nature_06.png?noCache=0421');}
.stamp_type_nature:nth-child(35){background-image: url('../img/08_stamp/nature_07.png?noCache=0421');}
.stamp_type_nature:nth-child(36){background-image: url('../img/08_stamp/nature_08.png?noCache=0421');}
.stamp_type_nature:nth-child(37){background-image: url('../img/08_stamp/nature_09.png?noCache=0421');}
.stamp_type_nature:nth-child(38){background-image: url('../img/08_stamp/nature_10.png?noCache=0421');}
.stamp_type_nature:nth-child(39){background-image: url('../img/08_stamp/nature_11.png?noCache=0421');}
.stamp_type_nature:nth-child(40){background-image: url('../img/08_stamp/nature_12.png?noCache=0421');}
.stamp_type_nature:nth-child(41){background-image: url('../img/08_stamp/nature_13.png?noCache=0421');}
.stamp_type_nature:nth-child(42){background-image: url('../img/08_stamp/nature_14.png?noCache=0421');}

.stamp_type_praise{background-size: 80%;}
.stamp_type_encourage{background-size: 80%;}

.stamp_type_praise:nth-child(1){background-image: url('../img/08_stamp/praise_01.png?noCache=0421');}
.stamp_type_praise:nth-child(2){background-image: url('../img/08_stamp/praise_02.png?noCache=0421');}
.stamp_type_praise:nth-child(3){background-image: url('../img/08_stamp/praise_03.png?noCache=0421');}
.stamp_type_praise:nth-child(4){background-image: url('../img/08_stamp/praise_04.png?noCache=0421');}
.stamp_type_praise:nth-child(5){background-image: url('../img/08_stamp/praise_05.png?noCache=0421');}
.stamp_type_praise:nth-child(6){background-image: url('../img/08_stamp/praise_06.png?noCache=0421');}
.stamp_type_praise:nth-child(7){background-image: url('../img/08_stamp/praise_07.png?noCache=0421');}
.stamp_type_praise:nth-child(8){background-image: url('../img/08_stamp/praise_08.png?noCache=0421');}
.stamp_type_praise:nth-child(9){background-image: url('../img/08_stamp/praise_09.png?noCache=0421');}
.stamp_type_praise:nth-child(10){background-image: url('../img/08_stamp/praise_10.png?noCache=0421');}
.stamp_type_praise:nth-child(11){background-image: url('../img/08_stamp/praise_11.png?noCache=0421');}
.stamp_type_praise:nth-child(12){background-image: url('../img/08_stamp/praise_12.png?noCache=0421');}

.stamp_type_encourage:nth-child(13){background-image: url('../img/08_stamp/encourage_01.png?noCache=0421');}
.stamp_type_encourage:nth-child(14){background-image: url('../img/08_stamp/encourage_02.png?noCache=0421');}
.stamp_type_encourage:nth-child(15){background-image: url('../img/08_stamp/encourage_03.png?noCache=0421');}
.stamp_type_encourage:nth-child(16){background-image: url('../img/08_stamp/encourage_04.png?noCache=0421');}
.stamp_type_encourage:nth-child(17){background-image: url('../img/08_stamp/encourage_05.png?noCache=0421');}
.stamp_type_encourage:nth-child(18){background-image: url('../img/08_stamp/encourage_06.png?noCache=0421');}
.stamp_type_encourage:nth-child(19){background-image: url('../img/08_stamp/encourage_07.png?noCache=0421');}
.stamp_type_encourage:nth-child(20){background-image: url('../img/08_stamp/encourage_08.png?noCache=0421');}
.stamp_type_encourage:nth-child(21){background-image: url('../img/08_stamp/encourage_09.png?noCache=0421');}
.stamp_type_encourage:nth-child(22){background-image: url('../img/08_stamp/encourage_10.png?noCache=0421');}
.stamp_type_encourage:nth-child(23){background-image: url('../img/08_stamp/encourage_11.png?noCache=0421');}
.stamp_type_encourage:nth-child(24){background-image: url('../img/08_stamp/encourage_12.png?noCache=0421');}

#popupStampBoxSmallWindow{
  pointer-events: all;
  display: none;
  position: absolute;
  top: 400px; left:1578px;
  width: 214px; height:242.5px;
  background-image: url('../img/08_stamp/box03.png');
  background-size: 214px 242.5px;
  background-repeat: no-repeat;
  background-position: center center;
}
#stampBoxSmallTitle{
  position: absolute;
  top:20px;left:0;
  width: 214px; height: 54px;
  text-align: center;
  font-size: 24px;
  line-height: 54px;
  font-family: NanumGothicBold;
  /*pointer-events: none;*/
}
#stampBoxSmallClose{
  position: absolute;
  top:33.5px; left:166px;
  height: 21px; width: 21px;
  background-image: url('../img/08_stamp/icon_exit.png');
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 21px 21px;
}
#stampBoxIcon{
  position: absolute;
  top: 78.5px; left: 40px;
  width: 129.5px; height: 129.5px;
  background-image: url('../img/08_stamp/stamp_03_small.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}