@charset "utf-8";

/* Layout */
.wrap.rice_sub {background: none;}
.rice_sub .container {padding:0 0 150px 0}
.dim_bg{display:none;background:url("../images/rice_sub/bg_dim.png") repeat;opacity:0.8;position:fixed;top:0;left:0;width:100%;height:100%;z-index:100}
.btnTrans{background:url("../images/rice_sub/bg_transparent.png") repeat}

/* contents */
.contents{width:100%;}

.rice_event_area{width:1182px;margin:0 auto}

.step01{position:relative;}
.step01 .btn{position:absolute;bottom:98px;left:276px;right:276px;height:101px;display:block;font-size:0;line-height:0;text-indent:0;}

.step02{position:relative;}
.step02 ul{position:absolute;left:160px;right:162px;top:559px;bottom:282px;}
.step02 ul li a{font-size:0;line-height:0;text-indent:-9999em;}
.step02 ul .type01{position:absolute;left:0;top:0;}
.step02 ul .type01 a{display:block;width:427px;height:311px;background:url("../images/rice_sub/img_chk01.png") no-repeat left top;}
.step02 ul .type01.on a{display:block;width:427px;height:311px;background:url("../images/rice_sub/img_chk01_on.png") no-repeat left top;}
.step02 ul .type02{position:absolute;right:0;top:0;}
.step02 ul .type02 a{display:block;width:427px;height:311px;background:url("../images/rice_sub/img_chk02.png") no-repeat left top;}
.step02 ul .type02.on a{display:block;width:427px;height:311px;background:url("../images/rice_sub/img_chk02_on.png") no-repeat left top;}
.step02 ul .type03{position:absolute;left:0;bottom:0;}
.step02 ul .type03 a{display:block;width:427px;height:311px;background:url("../images/rice_sub/img_chk03.png") no-repeat left top;}
.step02 ul .type03.on a{display:block;width:427px;height:311px;background:url("../images/rice_sub/img_chk03_on.png") no-repeat left top;}
.step02 ul .type04{position:absolute;right:0;bottom:0;}
.step02 ul .type04 a{display:block;width:427px;height:311px;background:url("../images/rice_sub/img_chk04.png") no-repeat left top;}
.step02 ul .type04.on a{display:block;width:427px;height:311px;background:url("../images/rice_sub/img_chk04_on.png") no-repeat left top;}

.step02 .btn{position:absolute;bottom:80px;left:352px;right:352px;height:101px;font-size:0;line-height:0;text-indent:-9999em;}

/* 레이어 팝업 */
.popupWrap{display:none;position:absolute;top:110px;left:0;right:0;margin:0 auto;width:724px;height:828px;z-index:110;overflow:hidden}
.popupWrap .popupContent{position:relative;}
.popupWrap .popupContent .btnArea{position:absolute;bottom:104px;left:110px;right:115px;overflow:hidden;}
.popupWrap .popupContent .btnArea a{width:245px;height:69px;}
.popupWrap .popupContent .btnArea a.btnReturn{float:left;}
.popupWrap .popupContent .btnArea a.btnComplate{float:right;}
.popupWrap .btnClose{position:absolute;top:71px;right:85px}

/* 응모완료 */
.popComplete .popupContent .btnInfo{display:block;position:absolute;top:315px;left:181px;right:178px;height:69px;}
.popComplete .popupContent .btnInfo span{font-size:0;line-height:0;text-indent:-9999em;}
.popComplete .snsList{position:absolute;bottom:180px;left:0;right:0;font-size:0;display:table;table-layout:fixed;text-align:center;width:100%;}
.popComplete .snsList li{display:inline-block;margin:0 12px 0 12px;vertical-align:top;}
.popComplete .snsList li a{display:block;}



.topArea > .on{display:block;}
.topArea > div{display:none}

.web{display:block;}
.mo{display:none;}

@media all and (min-width:319px) and (max-width:1023px) {	
	.rice_event_area{width:100%;margin:0 auto}
	.web{display:none;}
	.mo{display:block;}
	.step01 .imgTop img{width:100%;}
	.step01 .imgTop .btn{left:17.5%;right:17.5%;bottom:9.1%;height:7.5%;}
	.bottom .mo img{width:100%;}

	.step02 .imgChk img{width:100%;}

	.step02 ul{position:absolute;left:6.7%;right:7.2%;top:39.5%;bottom:17.2%;}
	.step02 ul li a{font-size:0;line-height:0;text-indent:-9999em;}
	.step02 ul .type01{position:absolute;left:0;top:0;width:49.7%;height:51.2%;}
	.step02 ul .type01 a{display:block;width:100%;height:100%;background:url("../images/rice_sub/img_chk01_mo.png") no-repeat left top;background-size:100% 100%;}
	.step02 ul .type01.on a{display:block;width:100%;height:100%;background:url("../images/rice_sub/img_chk01_mo_on.png") no-repeat left top;background-size:100% 100%;}

	.step02 ul .type02{position:absolute;right:0;top:0;width:49.5%;height:51.2%;}
	.step02 ul .type02 a{display:block;width:100%;height:100%;background:url("../images/rice_sub/img_chk02_mo.png") no-repeat left top;background-size:100% 100%;}
	.step02 ul .type02.on a{display:block;width:100%;height:100%;background:url("../images/rice_sub/img_chk02_mo_on.png") no-repeat left top;background-size:100% 100%;}

	.step02 ul .type03{position:absolute;left:0;bottom:0;width:49.7%;height:47.8%;}
	.step02 ul .type03 a{display:block;width:100%;height:100%;background:url("../images/rice_sub/img_chk03_mo.png") no-repeat left top;background-size:100% 100%;}
	.step02 ul .type03.on a{display:block;width:100%;height:100%;background:url("../images/rice_sub/img_chk03_mo_on.png") no-repeat left top;background-size:100% 100%;}

	.step02 ul .type04{position:absolute;right:0;bottom:0;width:49.5%;height:47.8%;}
	.step02 ul .type04 a{display:block;width:100%;height:100%;background:url("../images/rice_sub/img_chk04_mo.png") no-repeat left top;background-size:100% 100%;}
	.step02 ul .type04.on a{display:block;width:100%;height:100%;background:url("../images/rice_sub/img_chk04_mo_on.png") no-repeat left top;background-size:100% 100%;}

	.step02 .btn{position:absolute;bottom:4.2%;left:29.4%;right:29.2%;height:7.2%;font-size:0;line-height:0;text-indent:-9999em;}

	.popupWrap{top:9.5%;width:100%;height:auto;}
	.popupContent > img{width:100%;}
	.popupWrap .btnClose{display:block;position:absolute;top:8.6%;right:6.6%;width:8.9%;height:6.9%;font-size:0;line-height:0;text-indent:-9999em;}

	.popupWrap .popupContent .btnArea{position:absolute;bottom:12.6%;left:10.8%;right:11.3%;height:8.3%;overflow:hidden;}
	.popupWrap .popupContent .btnArea a{display:block;width:49.1%;height:100%;font-size:0;line-height:0;text-indent:-9999em;}
	.popupWrap .popupContent .btnArea a.btnReturn{float:left;}
	.popupWrap .popupContent .btnArea a.btnComplate{float:right;}

	.popComplete .popupContent .btnInfo{top:38%;left:21.9%;right:21%;height:8.4%;}


	.popComplete .snsList{bottom:22.5%;}
	.popComplete .snsList li{width:15.8%;margin:0 2% 0 2%;}
	.popComplete .snsList li a{width:100%;}
	.popComplete .snsList li a img{width:100%;}
}