/****************************************************************/
/*	 커스텀 이벤트 페이지 전용 CSS  							*/	
/****************************************************************/

.heading {height:347px; padding-bottom:161px; background-color:#10add8; box-shadow:inset 0 -161px 0 0 #67b230;}
.heading h1 {height:329px; background:url('../images/heading.png') no-repeat 50% 0; background-size:auto 329px;}
.heading h1 span{position:absolute; top:-9999em;}
.box1 {padding-bottom:20px; border-bottom:10px solid #37393d; background-color:#67b230;}
.box1 .inner {width:320px; height:350px; padding-top:281px; margin:0 auto; border:1px solid #3c990e; border-radius:4px; text-align:center; background:url('../images/box1.png') no-repeat 50% 22px #f6f9ff; background-size:319px auto;}
.box2, .box3 {background-color:#d7deed;}
.box2 .tit1 {padding:23px 0 8px; text-align:center;}
.box2 .tit2 {margin-bottom:12px; text-align:center;}
.box2 img {vertical-align:top;}
.present_list {width:320px; height:308px; margin:0 auto; border:1px solid #cdd0d7; border-radius:4px; text-align:center; background:url('../images/box2.png') no-repeat 50% 19px #f6f9ff; background-size:319px auto;}
.box3 {padding:25px 0 5px;}
.box3 .tit3 {margin-bottom:9px; text-align:center;}
.overview {width:320px; height:466px; margin:0 auto; border:1px solid #cdd0d7; border-radius:4px; text-align:center; background:url('../images/box3.png') no-repeat 50% 50% #f6f9ff; background-size:319px auto;}
.box4 {background-color:#37393d; box-shadow:inset 0 20px 0 0 #d7deed;}
.box4 .inner {padding:125px 0 100px; background:url('../images/box4.png') no-repeat 50% 0; background-size:auto 208px;}
.box4 ul {overflow:hidden; width:320px; margin:0 auto; border:1px solid #cdd0d7; border-radius:4px; background-color:#fff;}
.box4 li {position:relative; float:left; width:25%; border-right:1px solid #cdd0d7;}
.box4 li:last-child {border-right:0 none;}
.box4 li a {display:block; height:106px; padding-top:71px; text-align:center; line-height:35px; letter-spacing:-1px; font-size:12px; background-color:#f4f4f4;}
.box4 li a:after {content:''; position:absolute; top:0; left:0; width:100%; height:70px; border-bottom:1px solid #cdd0d7; background-repeat:no-repeat; background-position:50% 50%; background-color:#fff; background-size:43px auto;}
.box4 li:nth-child(1) a:after {background-image:url('../images/sns1.png');}
.box4 li:nth-child(2) a:after {background-image:url('../images/sns2.png');}
.box4 li:nth-child(3) a:after {background-image:url('../images/sns3.png');}
.box4 li:nth-child(4) a:after {background-image:url('../images/sns4.png');}