/*nn_event_tab*/
.nn_event_tab {
    background: #fff;
    padding-top:18px;
    text-align: center;
    font-size: 0;
}

.nn_event_tab a {
    display: inline-block;
    width: 360px;
    height: 52px;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-top:1px solid #ccc;
    background-color: #fff;
    margin:0 3px;
    padding-top:13px;
    line-height:20px;
    text-align: left;
}

.nn_event_tab a .nn_label {
    font-size:22px;
    letter-spacing:-0.075em;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 278px
}

.nn_event_tab a .nn_txt {
	font-size:14px;
	letter-spacing:-0.05em;
}

.nn_event_tab a i {
    width:48px;
    height:48px;
    background: 0 0;
    vertical-align: top;
    display: inline-block;
    margin: -4px 0 0 24px; 
}

.nn_event_tab a.nn_btn_1 i {
    background-image:url('../img/event_20180305/icon_1.png');
}
.nn_event_tab a.nn_btn_1 .nn_label {
    color: #0f45dd;
}
.nn_event_tab a.nn_btn_2 i {
    background-image:url('../img/event_20180305/icon_2.png');
}

.nn_event_tab a.nn_btn_2 .nn_label {
    color: #24b2bf;
}

.nn_event_tab a.nn_btn_1 .nn_label span,
.nn_event_tab a.nn_btn_2 .nn_label span,
.nn_event_tab a.nn_btn_3 .nn_label span {
    color: #444;
}

.nn_event_tab a.nn_btn_3 i {
    background-image:url('../img/event_20180305/icon_3.png');
}

.nn_event_tab a.nn_btn_3 .nn_label {
    color: #1c73a2;
}

.nn_event_tab a.nn_btn_1:hover,
.nn_event_tab a.nn_btn_1.active {
    background: #0f45dd;
    border-color: #0f45dd;
}

.nn_event_tab a.nn_btn_1:hover i,
.nn_event_tab a.nn_btn_1.active i {
    background-position: 0 -48px;
}

.nn_event_tab a.nn_btn_1:hover .nn_label,
.nn_event_tab a.nn_btn_1.active .nn_label {
    color: #fff;
}

.nn_event_tab a.nn_btn_2:hover,
.nn_event_tab a.nn_btn_2.active {
    background: #24b2bf;
    border-color: #24b2bf;
}

.nn_event_tab a.nn_btn_2:hover .nn_label,
.nn_event_tab a.nn_btn_2.active .nn_label {
    color: #fff;
}

.nn_event_tab a.nn_btn_1:hover .nn_label span,
.nn_event_tab a.nn_btn_1.active .nn_label span,
.nn_event_tab a.nn_btn_2:hover .nn_label span,
.nn_event_tab a.nn_btn_2.active .nn_label span,
.nn_event_tab a.nn_btn_3:hover .nn_label span,
.nn_event_tab a.nn_btn_3.active .nn_label span {
    color: #fff;
}

.nn_event_tab a.nn_btn_3:hover,
.nn_event_tab a.nn_btn_3.active {
    background: #6cc7f8;
    border-color: #6cc7f8;
}

.nn_event_tab a.nn_btn_3:hover .nn_label,
.nn_event_tab a.nn_btn_3.active .nn_label {
    color: #fff;
}

/*OX �댁쫰 �씠踰ㅽ듃*/
.event_ox_spot {
	background: url('../img/event_20180305/bg_spot.png') 50% 0 repeat-x;
	height: 689px
}

.event_ox_conts01 {
	background: url('../img/event_20180305/event_ox_conts01.png') 55% 57px no-repeat;
	height: 689px;
	font-size: 0
}

.event_ox_quiz {
	background: url('../img/event_20180305/bg_pattern01.png') 0 0 repeat;
	overflow: hidden
}

.event_ox_conts02 {
	background: url('../img/event_20180305/bg_conts02.png') 50% 18px no-repeat;
}

.event_ox_prizes {
	background: url('../img/event_20180305/bg_pattern02.png') 0 0 repeat;
	height: 585px
}

.event_ox_conts03 {
	background: url('../img/event_20180305/event_ox_conts03.png') 50% 30px no-repeat;
	height: 525px;
	font-size: 0
}

.week_status {
	width: 953px;
    margin: 0 auto
}

.week_status .week_tabs {
	font-size: 0;
	overflow: hidden;
	margin: 0 0 25px 35px;
	background: url('../img/event_20180305/bg_line.png') 50% 50% no-repeat;
	height: 158px
}

.week_status ul li {
	width: 161px;
	height: 158px;
	float: left;
	margin-right: 80px;
	background: url('../img/event_20180305/bg_week_status.png') 0 0 no-repeat;
	pointer: cursor
} 

.week_status ul li:last-child {
	margin-right: 0
}

.week_status ul li.week01.D {
	background-position: -322px 0
}

.week_status ul li.week01.C {
	background-position: -161px 0
}

.week_status ul li.week01.E {
	background-position: 0 0
}

.week_status ul li.week02.D {
	background-position: -322px -158px
}

.week_status ul li.week02.C {
	background-position: -161px -158px
}

.week_status ul li.week02.E {
	background-position: 0 -158px
}

.week_status ul li.week03.D {
	background-position: -322px -316px
}

.week_status ul li.week03.C {
	background-position: -161px -316px
}

.week_status ul li.week03.E {
	background-position: 0 -316px
}

.week_status ul li.week04.D {
	background-position: -322px -474px
}

.week_status ul li.week04.C {
	background-position: -161px -474px
}

.week_status ul li.week04.E {
	background-position: 0 -474px
}

.week_status_container {
	border: 3px solid #333;
	border-radius: 30px;
	background-color: #fff;
    padding: 50px 55px;
    box-shadow: 8px 8px 0 #333;
    position: relative;
    margin-bottom: 50px
}

.QA {
	font-size: 0
}

.tab_conts.week01 .question {
	background: url('../img/event_20180305/Q_w01.png') 0 0 no-repeat;
	height: 70px;
	margin-bottom: 30px
}

.tab_conts.week01 .answer {
	background: #efefef url('../img/event_20180305/A_w01.png') 25px 20px no-repeat;
	height: 91px;
	margin-bottom: 30px
}

.tab_conts.week02 .question {
	background: url('../img/event_20180305/Q_w02.png') 0 0 no-repeat;
	height: 70px;
	margin-bottom: 30px
}

.tab_conts.week02 .answer {
	background: #efefef url('../img/event_20180305/A_w02.png') 25px 20px no-repeat;
	height: 91px;
	margin-bottom: 30px
}

.tab_conts.week03 .question {
	background: url('../img/event_20180305/Q_w03.png') 0 0 no-repeat;
	height: 110px;
	margin-bottom: 30px
}

.tab_conts.week03 .answer {
	background: #efefef url('../img/event_20180305/A_w03.png') 25px 20px no-repeat;
	height: 71px;
	margin-bottom: 30px
}

.tab_conts.week04 .question {
	background: url('../img/event_20180305/Q_w04.png') 0 0 no-repeat;
	height: 31px;
	margin-bottom: 30px
}

.tab_conts.week04 .answer {
	background: #efefef url('../img/event_20180305/A_w04.png') 25px 20px no-repeat;
	height: 71px;
	margin-bottom: 30px
}

.tab_conts.week01.E .answer,
.tab_conts.week02.E .answer,
.tab_conts.week03.E .answer,
.tab_conts.week04.E .answer {
	display: block
}

/* .tab_conts.week01.D .answer,
.tab_conts.week01.C .answer,
.tab_conts.week02.D .answer,
.tab_conts.week02.C .answer,
.tab_conts.week03.D .answer,
.tab_conts.week03.C .answer,
.tab_conts.week04.D .answer,
.tab_conts.week04.C .answer {
	display: none
}
 */
.ox_conts {
	background: url('../img/event_20180305/dot.png') 50% 50% no-repeat
}

.oxselect.default {
	background: url('../img/event_20180305/OX_default.png') 106% 50% no-repeat;
	height: 260px;
	width: 837px;
	position: relative
}

.oxselect.o {
	background: url('../img/event_20180305/O_select.png') 106% 50% no-repeat;
	height: 260px;
	width: 837px;
	position: relative
}

.oxselect.x {
	background: url('../img/event_20180305/X_select.png') 106% 50% no-repeat;
	height: 260px;
	width: 837px;
	position: relative
}

button.btn_o {
	position: absolute;
    width: 182px;
    height: 142px;
    top: 42px;
    left: 155px;
    cursor: pointer
}

button.btn_x {
	position: absolute;
    width: 182px;
    height: 142px;
    top: 42px;
	right: 149px;
	cursor: pointer
}

button.btn_hint {
	background: url('../img/event_20180305/btn_hint.png') 0 0 no-repeat;
	height: 39px;
	width: 117px;
	position: absolute;
	top: 18px;
	right: 18px;
	font-size: 0;
	cursor: pointer
}

.event_ox_notice {
	background:#dd7d97 url('../img/event_20180305/event_ox_notice.png') 39% 29px no-repeat;
	height: 180px;
	font-size: 0;
	text-indent: -9999em;
}

.event_ox_notice .btn_info {
	background: url(../img/event_20180305/btn_info.png) 0 0 no-repeat;
	width: 81px;
	height: 15px;
	top: 110px;
	left: 50%;
	margin-left: 284px;
	position: absolute;
}