/* 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_20180702/icon_1.png');
}
.nn_event_tab a.nn_btn_1 .nn_label {
    color: #31bccc;
}
.nn_event_tab a.nn_btn_2 i {
    background-image:url('../img/event_20180702/icon_2.png');
}

.nn_event_tab a.nn_btn_2 .nn_label {
    color: #00a65e;
}

.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_20180702/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: #31bccc;
    border-color: #31bccc;
}

.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: #00a65e;
    border-color: #00a65e;
}

.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;
}

/* [End] TAB */


/*20180702*/
#event_201807_jung .event_conts_tit_bg {
	height: 756px;
	font-size: 0;
	background:url('../img/event_20180702/pattern00.png') 0 0 repeat-x;
	text-indent: -9999em;
}
#event_201807_jung .event_conts_tit {
	height: 756px;
	font-size: 0;
	background: url('../img/event_20180702/jung_tit_bg.png') 50% 0 no-repeat;
	text-indent: -9999em;
}
#event_201807_jung .event_conts_tit .event_contsTit_txt {
	width: 712px;
	height: 585px;
	margin: 0 auto;
	background: url('../img/event_20180702/jung_tit_txt.png') 12px 20px no-repeat;	
}
#event_201807_jung .event_conts01_bg {
	height: 815px;
	font-size:0;
	background: url('../img/event_20180702/pattern01.png') 0 0 repeat-x;
	text-indent:-9999em;
}
#event_201807_jung .event_conts01 {
	height: 815px;
	font-size:0;
	background: url('../img/event_20180702/jung_conts01_bg.png') 50% 0 no-repeat;
	text-indent:-9999em;
}
#event_201807_jung .event_conts01 ul {
	overflow: hidden;
    width: 1100px;
    padding-left: 0;
    margin: 0 auto;
}
#event_201807_jung .event_conts01 ul li {
	float:left;
}
#event_201807_jung .event_conts01 ul li.cont_li01 {
	position: relative;
	height:771px;
	width:536px;
	margin-right:28px;
	background: url('../img/event_20180702/jung_cont01_txt01.png') 0 0 no-repeat;	
}
#event_201807_jung .event_conts01 ul li.cont_li02 {
	position: relative;
	background: url('../img/event_20180702/jung_cont01_txt02.png') 0 0 no-repeat;
	height:771px;
	width:536px;
}
#event_201807_jung .btnDown {
    position: absolute;
    right: 154px;
    bottom: 90px;
}
#event_201807_jung .btnMore {
    position: absolute;
    left: 126px;
    bottom: 213px;
}

#event_201807_jung .obj_ball {
	position: absolute;
    width: 108px;
    height: 117px;
    z-index: 1;
    top: 38%;
    margin-left: 50%;
    left: -717px;
}
#event_201807_jung .obj_tube01 {
	position: absolute;
    width: 187px;
    height: 293px;
    z-index: 1;
    bottom: 41.3%;
    margin-left: 50%;
    left: 608px;
}
#event_201807_jung .obj_tube02 {
	position: absolute;
    width: 177px;
    height: 187px;
    z-index: 1;
    bottom: 39%;
    margin-left: 50%;
    left: -708px;
}
#event_201807_jung .event_conts02 {
	height: 738px;
	background: url('../img/event_20180702/pattern02.png') 50% 0 repeat-x;
}
#event_201807_jung .event_conts02 .event_conts02_txt {
	position: relative;
	width: 1211px;
	height: 675px;
	font-size:0;
	margin: 0 auto;
	background: url('../img/event_20180702/jung_cont02.png') 50% 90px no-repeat;
	text-indent:-9999em;
}

#event_201807_jung .btnTy01 {
	position: absolute;
	right: 70px;
    top: 220px;
}
#event_201807_jung .btnTy02 {
	position: absolute;
	right:70px;
	bottom: 30px;
}

#event_201807_jung .event_conts03 {
	height:1770px;
	font-size:0;
	background: url('../img/event_20180702/pattern03.png') 50% 0 repeat-x;
	text-indent:-9999em;
}
#event_201807_jung .event_conts03 h3 {
    height: 245px;
    width: 1100px;
    margin: 0 auto;
    background: url(../img/event_20180702/jung_cont03_txt01.png) 50% 90px no-repeat;
}
#event_201807_jung .event_conts03 .event_conts03_box1 ul {
	overflow: hidden;
    width: 1100px;
    padding-left: 0;
    margin: 0 auto;
}
#event_201807_jung .event_conts03 .event_conts03_box1 ul li {
	float:left;
}
#event_201807_jung .event_conts03 .event_conts03_box1 ul li.benefit_li01 {
	position: relative;
	height:459px;
	width:341px;
	margin-right:32px;
	background: url('../img/event_20180702/jung_cont03_box01.png') 0 0 no-repeat;	
}
#event_201807_jung .event_conts03 .event_conts03_box1 ul li.benefit_li02 {
	background: url('../img/event_20180702/jung_cont03_box02.png') 0 0 no-repeat;
	height:458px;
	width:339px;
		margin-right:32px;
	position: relative;
}
#event_201807_jung .event_conts03 .event_conts03_box1 ul li.benefit_li03 {
	background: url('../img/event_20180702/jung_cont03_box03.png') 0 0 no-repeat;
	height:460px;
	width:348px;
	position: relative;
}
#event_201807_jung .event_conts03 .event_conts03_box1 .imgList {
	display: block;
	position: absolute;
	bottom: 119px;
    left: 28px;
}
#event_201807_jung .event_conts03 .event_conts03_box1 .btnTy03 {
	display: block;
    position: absolute;
    bottom: 68px;
    left: 110px;
}
#event_201807_jung .event_conts03 h4 {
    height: 107px;
    width: 1100px;
    margin: 0 auto;
    background: url(../img/event_20180702/jung_cont03_txt02.png) 50% 42px no-repeat;
}
#event_201807_jung .event_conts03 .dotted {
	background: url('../img/event_20180702/dotted.png') 50% 0 repeat-x;
	width:1200px;
	height:4px;
	margin:0 auto;
}
#event_201807_jung .event_conts03 .event_conts03_box2 {
	position: relative;
	height: 1022px;
}
#event_201807_jung .event_conts03 .event_conts03_box2 ul {
	overflow: hidden;
    width: 1170px;
    margin: 0 auto;
}
#event_201807_jung .event_conts03 .event_conts03_box2 ul li{
	display:inline-block;
}
#event_201807_jung .event_conts03 .btnTy05 {
	position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -229px;
}

#event_201807_jung .event_jung_notice {
	height: 155px;
	margin-left: -70px;
	text-indent: -9999em;
	font-size: 0;
	background: url('../img/event_20180702/jung_notice.png') 50% 27px no-repeat;
}
#event_201807_jung .event_jung_notice .btn_info {
	position: absolute;
    margin-left: 484px;
    width: 81px;
    height: 15px;
    top: 93px;
	left: 50%;
	background: url(../img/event_20180702/jung_info.png) 0 0 no-repeat;
}

/*Popop*/
/* modal*/
.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10052;
	/*isplay: none;*/
	outline: 0;
	overflow-x:no;
	overflow-y:auto !important;
	background:url(../img/event_20180607/modal-bg.png);
	width: 100%;
	height: 100%
}
.modal .container01 {
	display: block;
    margin: 0 auto;
    position: relative;
    width: 514px;
    height: 756px;
    background: #fff;
    box-shadow: 3px 3px 10px #333333;
    margin-top: 116px;
    border: 3px solid #fff;
}
	
.modal .close-btn {
	position: absolute;
	top: -33px;
	right: -3px;
	width: 27px;
	height: 26px;
} 

.modal .container01 .conts_stuff {
	background: url(../img/event_20180702/jung_popup_txt01.png) 0 0 no-repeat;
	height: 756px;
	text-indent: -9999em;
	font-size: 0
	
}

.modal .container01 .down_stuff ul{
    position:absolute;
    top:643px;
    margin-left:14px;
}
.modal .container01 .down_stuff ul li {
    margin-right:7px;
    float:left;
}
.modal .container02 .conts_stuff {
	background: url(../img/event_20180702/jung_popup_txt02.png) 0 0 no-repeat;
	height: 509px;
	text-indent: -9999em;
	font-size: 0
	
}

.modal .container02 {
	display: block;
    margin: 0 auto;
    position: relative;
    width: 453px;
    height: 528px;
    background: #fff;
    box-shadow: 3px 3px 10px #333333;
    margin-top: 116px;
    border: 3px solid #fff;
}

