/* BASIC css start */
#countdown{font-family:'Roboto';font-weight:bold;width:100%;max-width:850px;margin:0 auto;text-align:center}
#countdown > .countdown{float:left;width:100%;margin:0;padding:0;max-width:850px}
#countdown > .countdown{position:relative}
#countdown > .countdown > img{float:left;width:100%}
#countdown > .countdown > .number{position:absolute;top:0;left:0;float:left;width:100%;height:100%;max-height:55px;text-align:center}
#countdown > .countdown > .number > .box{display:block;margin:0 auto;width:320px;height:55px}
#countdown > .countdown > .number > .box > span
, #countdown > .countdown > .number > .box > span > img{display:inline-block;height:100%}
#countdown > .countdown > .number > .box > span{position:relative}
#countdown > .countdown > .number > .box > span > img{position:relative}
#countdown > .countdown > .number > .box > span > span{position:absolute;top:0;left:0}
#countdown > .countdown > .number > .box > span > span.no{display:inline-block;height:100%;font-size:35px;line-height:56px;color:#fff;text-align:center;width:100%;font-family:'Roboto'}
#countdown > img
, #countdown > a
, #countdown > a > img{float:left;width:100%;margin:0;padding:0}

.unslider-nav ol { list-style: none; text-align: center; }
.unslider-nav ol li { display: inline-block; width: 13px; height: 13px; margin: 0 4px; background: transparent; border-radius: 15px; overflow: hidden; text-indent: -999em; border: 1px solid #ddd; cursor: pointer; margin-top: 20px; }
.unslider-nav ol li.unslider-active { background: #ddd; cursor: default; }
.unslider { overflow: auto; margin: 0 0 30px; padding: 0 ;float:left;width:100%}
.unslider-wrap { position: relative }
.unslider-wrap.unslider-carousel>li { float: left }
.unslider-vertical>ul { height: 100% }
.unslider-vertical li { float: none; width: 100% }
.unslider-fade { position: relative }
.unslider-fade .unslider-wrap li { position: absolute; left: 0; top: 0; right: 0; z-index: 8 }
.unslider-fade .unslider-wrap li.unslider-active { z-index: 10 }
.unslider li, .unslider ol, .unslider ul { list-style: none; margin: 0; padding: 0; border: none }
.unslider-arrow { display: none; position: absolute; left: 20px; z-index: 2; cursor: pointer }
.unslider-arrow.next { left: auto; right: 20px }
.unslider-wrap.unslider-carousel>li>img{max-width:100%}
.unslider-wrap.unslider-carousel>li>a{max-width:100%}
.unslider-wrap.unslider-carousel>li>a>img{max-width:100%}


#button_wrap{float:left;width:100%;position:relative;background-color:#000}
#button_wrap *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
#button_wrap > div{float:left;width:100%;position:relative;padding:5px 0.5%}
#button_wrap > div > img{float:left;width:24%;opacity:0;margin:0 0.5%}
#button_wrap > div.button_wrap{position:absolute;top:0;left:0;z-index:997;background-color:#000}
#button_wrap.fixed > div.button_wrap{position:fixed;top:54px}
.button_wrap > a{float:left;width:24%;margin:0 0.5%}
.button_wrap > a{
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.button_wrap > a > img{float:left;width:100%;opacity:0}


.button_wrap > a.b1{background:url(http://pinkagewig.img18.kr/board/event/191129_pinkfriday_button_mo_off_1.jpg) no-repeat center center / 100% auto}
.button_wrap > a.b1.on
, .button_wrap > a.b1:hover{background-image:url(http://pinkagewig.img18.kr/board/event/191129_pinkfriday_button_mo_on_1.jpg)}


.button_wrap > a.b2{background:url(http://pinkagewig.img18.kr/board/event/191129_pinkfriday_button_mo_off_2.jpg) no-repeat center center / 100% auto}
.button_wrap > a.b2.on
, .button_wrap > a.b2:hover{background-image:url(http://pinkagewig.img18.kr/board/event/191129_pinkfriday_button_mo_on_2.jpg)}


.button_wrap > a.b3{background:url(http://pinkagewig.img18.kr/board/event/191129_pinkfriday_button_mo_off_3.jpg) no-repeat center center / 100% auto}
.button_wrap > a.b3.on
, .button_wrap > a.b3:hover{background-image:url(http://pinkagewig.img18.kr/board/event/191129_pinkfriday_button_mo_on_3.jpg)}


.button_wrap > a.b4{background:url(http://pinkagewig.img18.kr/board/event/191129_pinkfriday_button_mo_off_4.jpg) no-repeat center center / 100% auto}
.button_wrap > a.b4.on
, .button_wrap > a.b4:hover{background-image:url(http://pinkagewig.img18.kr/board/event/191129_pinkfriday_button_mo_on_4.jpg)}




/* BASIC css end */