
.event_detail .last_term_iCon01 {position:absolute; left:13px; bottom:125px; width:224px; display:block; animation: bo_noti_bounce .5s infinite alternate; -webkit-animation: bo_noti_bounce .5s infinite alternate;}

.event_detail .last_term_iCon02 {position:absolute; right:232px; bottom:125px; width:260px; display:block;}

@keyframes last_term_bounce {

  from {transform: translateY(0px);}
  to {transform: translateY(-15px);}

}

@-webkit-keyframes last_term_bounce {

  from {transform: translateY(0px);}
  to {transform: translateY(-15px);}

}

.event_detail .benefit_link_pack {width:1000px; margin-bottom:16px;}
.event_detail .benefit_link_pack a {transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.event_detail .benefit_link_pack > ul {display:inline-block; *zoom:1; *display:inline; width:1000px;}
.event_detail .benefit_link_pack > ul > li {float:left; display:inline-block; width:490px; height:344px; background:rgba(82,78,74,0.98); text-align:center; opacity:0; *filter:alpha(opacity=0); transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.event_detail .benefit_link_pack > ul > li:nth-child(2n-1) {margin-right:20px;}
.event_detail .benefit_link_pack > ul > li:nth-child(2) {background:rgba(82,78,74,0.98);}
.event_detail .benefit_link_pack > ul > li:nth-child(3) {background:rgba(82,78,74,0.98); margin-top: 20px;}
.event_detail .benefit_link_pack > ul > li:nth-child(4) {background:rgba(82,78,74,0.98); margin-top: 20px;}
.event_detail .benefit_link_pack > ul > li:hover {opacity:1; *filter:alpha(opacity=100);}

.event_detail .benefit_link_pack > ul > li .link_box {display:none; width:430px; height:264px; padding:80px 30px 0 30px; color:#fff;}
.event_detail .benefit_link_pack > ul > li:hover .link_box {display:block;}

.event_detail .benefit_link_pack > ul > li .link_box.box01 {height:269px; padding:60px 30px 0 30px;}
.event_detail .benefit_link_pack > ul > li .link_box.box03 {height:269px; padding:80px 30px 0 30px;}
.event_detail .benefit_link_pack > ul > li .link_box.box04 {height:269px; padding:80px 30px 0 30px;}

.event_detail .benefit_link_pack > ul > li .link_box > p {font-size:19px; font-family:'NanumSquareR', 'Malgun Gothic';}
.event_detail .benefit_link_pack > ul > li .link_box > a {display:inline-block; border:1px solid #fff; color:#fff; width:100%; font-size:21px; font-family:'NanumSquareEB', 'Malgun Gothic'; font-weight:bold; padding:8px 0 8px 0;}
.event_detail .benefit_link_pack > ul > li .link_box.box01 > a:hover {background:#fff; color:#524e4a;}
.event_detail .benefit_link_pack > ul > li .link_box > a:hover {background:#fff; color:#524e4a;}
.event_detail .benefit_link_pack > ul > li .link_box.box03 > a:hover {background:#fff; color:#524e4a;}
.event_detail .benefit_link_pack > ul > li .link_box.box04 > a:hover {background:#fff; color:#524e4a;}

.event_detail .benefit_link_wrap {position:absolute; left:0; top:224px; width:1000px;}
.event_detail .benefit_link {width:1000px;}
.event_detail .benefit_link > ul {display:inline-block; *zoom:1; *display:inline; width:1000px;}
.event_detail .benefit_link > ul > li {float:left; font-family:'NanumSquareEB', 'Malgun Gothic'; font-weight:bold;}
.event_detail .benefit_link > ul > li > a {display:block; width:100%; height:100%; color:#fff; background:rgba(82,78,74,0.98); text-align:center; opacity:0; *filter:alpha(opacity=0); transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.event_detail .benefit_link > ul > li > a:hover {opacity:1; *filter:alpha(opacity=100);}

.event_detail .benefit_link.col_ban {margin-bottom:16px;}
.event_detail .benefit_link.col_ban > ul >li {width: 100%; height: 70px; line-height: 70px; font-size: 30px;}
.event_detail .benefit_link.col_ban > ul >li > a {background:rgba(82,78,74,0.98);}

.event_detail .benefit_link.col_03 > ul > li {width:320px; height:300px; line-height:300px; font-size:25px; margin-right:20px;}
.event_detail .benefit_link.col_03 > ul > li a:hover {background: rgba(82,78,74,0.98)}
.event_detail .benefit_link.col_03 > ul > li:last-child {margin-right:0;}

/* add_ban */

.container .add_ban {position:absolute; right:0; top:50px; display:block; animation: last_term_bounce .5s infinite alternate; -webkit-animation: last_term_bounce .5s infinite alternate;}

	
/* start_con_btn */
	
.start_con_btn {padding: 30px 0 60px 0;}
.start_con_btn a {display: inline-block;}
.start_con_btn a:first-child {margin-left: 6px;}

/* start_con_btn1 */

.start_con_btn1 {width: 100%; padding: 30px 0 40px 0;}
.start_con_btn1 a {display: inline-block;}
.start_con_btn1 a:first-child {margin-left: 1px;}
.start_con_btn1 .button_base {width: 1000px;}

/* start_con_btn2 */

.start_con_btn2 {width: 100%; padding: 30px 0 40px 0;}
.start_con_btn2 a {display: inline-block;}
.start_con_btn2 a:first-child {margin-left: 1px;}
.start_con_btn2 .button_base {width: 495px;}

/* start_con_btn4 */

.start_con_btn4 {width: 100%; padding: 30px 0 40px 0;}
.start_con_btn4 a {display: inline-block;}
.start_con_btn4 a:first-child {margin-left: 1px;}
.start_con_btn4 .button_base {width: 245px; font-size: 18px;}


.button_base {
    margin: 0;
    border: 0;
    font-size: 20px;
    position: relative;
    top: 100%;
    left: 0;
    width: 325px;
    height: 60px;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-user-select: none;
    cursor: default;
}

.button_base:hover {
    cursor: pointer;
}

/* button01 */

.start_con_btn1 .b03_skewed_slide_in {
    overflow: hidden;
    border: #cccccc solid 1px;
}

.start_con_btn1 .b03_skewed_slide_in div {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 60px;
	line-height: 60px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.start_con_btn1 .b03_skewed_slide_in div:nth-child(1) {
    color: #000000;
    background-color: #ffffff;
}

.start_con_btn1 .b03_skewed_slide_in div:nth-child(2) {
    background-color: #000000;
    width: 1050px;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transform: translate(-1100px, 0px) skewX(-30deg);
    -webkit-transform: translate(-1100px, 0px) skewX(-30deg);
    -moz-transform: translate(-1100px, 0px) skewX(-30deg);
}

.start_con_btn1 .b03_skewed_slide_in div:nth-child(3) {
    color: #ffffff;
    left: -1000px;
    transition: left 0.4s ease;
    -webkit-transition: left 0.4s ease;
    -moz-transition: left 0.4s ease;
}

.start_con_btn1 .b03_skewed_slide_in:hover div:nth-child(2) {
    transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    transform: translate(-20px, 0px) skewX(-30deg);
    -webkit-transform: translate(-20px, 0px) skewX(-30deg);
    -moz-transform: translate(-20px, 0px) skewX(-30deg);
}

.start_con_btn1 .b03_skewed_slide_in:hover div:nth-child(3) {
    left: 0px;
    transition: left 0.5s ease;
    -webkit-transition: left 0.5s ease;
    -moz-transition: left 0.5s ease;
}



/* button02 */

.start_con_btn2 .b03_skewed_slide_in {
    overflow: hidden;
    border: #cccccc solid 1px;
}

.start_con_btn2 .b03_skewed_slide_in div {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 60px;
	line-height: 60px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.start_con_btn2 .b03_skewed_slide_in div:nth-child(1) {
    color: #000000;
    background-color: #ffffff;
}

.start_con_btn2 .b03_skewed_slide_in div:nth-child(2) {
    background-color: #000000;
    width: 530px;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transform: translate(-550px, 0px) skewX(-30deg);
    -webkit-transform: translate(-550px, 0px) skewX(-30deg);
    -moz-transform: translate(-550px, 0px) skewX(-30deg);
}

.start_con_btn2 .b03_skewed_slide_in div:nth-child(3) {
    color: #ffffff;
    left: -495px;
    transition: left 0.2s ease;
    -webkit-transition: left 0.2s ease;
    -moz-transition: left 0.2s ease;
}

.start_con_btn2 .b03_skewed_slide_in:hover div:nth-child(2) {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transform: translate(-20px, 0px) skewX(-30deg);
    -webkit-transform: translate(-20px, 0px) skewX(-30deg);
    -moz-transform: translate(-20px, 0px) skewX(-30deg);
}

.start_con_btn2 .b03_skewed_slide_in:hover div:nth-child(3) {
    left: 0px;
    transition: left 0.3s ease;
    -webkit-transition: left 0.3s ease;
    -moz-transition: left 0.3s ease;
}


/* button03,04 */
.b03_skewed_slide_in {
    overflow: hidden;
    border: #cccccc solid 1px;
}

.b03_skewed_slide_in div {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 60px;
	line-height: 60px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.b03_skewed_slide_in div:nth-child(1) {
    color: #000000;
    background-color: #ffffff;
}

.b03_skewed_slide_in div:nth-child(2) {
    background-color: #000000;
    width: 360px;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transform: translate(-380px, 0px) skewX(-30deg);
    -webkit-transform: translate(-380px, 0px) skewX(-30deg);
    -moz-transform: translate(-380px, 0px) skewX(-30deg);
}

.b03_skewed_slide_in div:nth-child(3) {
    color: #ffffff;
    left: -320px;
    transition: left 0.2s ease;
    -webkit-transition: left 0.2s ease;
    -moz-transition: left 0.2s ease;
}

.b03_skewed_slide_in:hover div:nth-child(2) {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transform: translate(-20px, 0px) skewX(-30deg);
    -webkit-transform: translate(-20px, 0px) skewX(-30deg);
    -moz-transform: translate(-20px, 0px) skewX(-30deg);
}

.b03_skewed_slide_in:hover div:nth-child(3) {
    left: 0px;
    transition: left 0.3s ease;
    -webkit-transition: left 0.3s ease;
    -moz-transition: left 0.3s ease;
}

