@charset 'euc-kr';

/*--------------------------------------------------
			°øÅë
--------------------------------------------------*/
#eEvent{width:100%; min-width:1019px; position:relative; overflow:hidden;}
#eEvent img{vertical-align:top}
#eEvent .inner{width:1019px; position:relative; margin:0 auto;}
#px_screen1.section .ttl,
#px_screen2.section .ttl {padding-top:40px; margin-bottom:43px; text-align:center;}

/*--------------------------------------------------
			ºñÁê¾ó
--------------------------------------------------*/
#px_screen1 {width:100%; position:relative; z-index:999;}
#px_screen1 .topvs {height:600px; background:#f8f7f7;}
#px_screen1 .botvs {height:445px; background:#3f72af;}
.point_list>li {width:318px; height:245px; float:left; margin-left:32px; background:#fff;}
.point_list>li:first-child {margin-left:0;}
.point_list>li .po_ico {
	width:69px; height:77px; margin:32px auto 29px auto;
	transform-style: preserve-3d;
	transition: all 0.5s ease-in-out;
}
.point_list>li:hover .po_ico {transform: rotateY(360deg);}
.point_list>li.po_li1 .po_ico {background:url(/event/k3/images/ico_Po1.gif) no-repeat center top;}
.point_list>li.po_li2 .po_ico {background:url(/event/k3/images/ico_Po2.gif) no-repeat center top;}
.point_list>li.po_li3 .po_ico {background:url(/event/k3/images/ico_Po3.gif) no-repeat center top;}
.point_list>li .po_txt {text-align:center;}

.topvs .k3vs {width:100%; position:absolute; left:0;}
.topvs .k3vs_el1 {top:47px; transform: rotateY(180deg); text-align:center;}
.topvs .k3vs_el2 {width:604px; margin-left:-300px; left:50%; top:177px; overflow:hidden; text-align:center;}

.topvs .k3vs_el3 {top:222px; text-align:center; z-index:9;}
.topvs .k3vs_el4 {top:455px; text-align:center; z-index:9;}
.topvs .k3vs_el5 {top:245px; text-align:center; z-index:9;}
.topvs .k3vs_el6 {top:477px; text-align:center; z-index:9;}
.topvs .k3vs_el7 {width:auto; left:0; top:0; z-index:8;}
.topvs .k3vs_el8 {width:auto; left:50%; margin-left:115px; top:-103px; z-index:8;}
.topvs .k3vs_el9 {width:auto; left:50%; margin-left:351px; top:405px; z-index:9; transform: scale(0.0);}
.topvs .k3vs_el9.on1 {-webkit-animation:joinGift2 0.8s infinite ease-in-out; animation:joinGift 0.8s infinite ease-in-out;}

/*.topvs .k3vs_el8 {width:auto; left:50%; margin-left:345px; top:-103px;}
.topvs .k3vs_el9 {width:auto;left:50%; margin-left:344px; top:-8px;  z-index:9;}*/


@keyframes updown{
	from{opacity:1;transform:scale(1)}
	50%{opacity:0.8;transform:scale(0.9)}
	to{opacity:1;transform:scale(1)}
}

.k3_visual {
	width: 100%;
    height: 648px;
	min-width: 1470px;
	background-image: url(/event/k3/images/img-kv.png);
    background-color: #263A52;
	background-repeat: no-repeat;
    background-position: 50% 0;

}

.section1-1 {background-color:#fff; padding:70px 0;}
.section1-1 img {
	margin: 0 auto;
    display: block;
}
/*--------------------------------------------------
			¼½¼Ç2
--------------------------------------------------*/
#px_screen2 {width:100%; height:50px; background: #fff; position: relative;}
#px_screen2.section .ttl {padding-top:0px; margin-bottom:40px;}
#px_screen2 .pxCns>ul {overflow:hidden;}
#px_screen2 .pxCns>ul>li {width:316px; height:213px; float:left; margin-left:34px; position:relative;}
#px_screen2 .pxCns>ul>li:first-child {margin-left:0;}
#px_screen2 .pxCns>ul>li .sphover {
	width:100%; height:121px; padding-top:92px; display:none; background:url(/event/k3/images/bg_sphover.png) no-repeat;
	position:absolute; left:0; top:0;
	font-size:18px; color:#fff; line-height:22px;
	font-family: 'NanumBarunGothic', Sans-Serif; text-align:center;
}
#px_screen2 .px2_botbtn {	
    position: absolute;
    bottom: 1px;
    left: 0;
    text-indent: -9999px;
    width: 510px;
    height: 47px;
}


/*--------------------------------------------------
			°Ô½ÃÆÇ
--------------------------------------------------*/
.noticeArea .inner {padding:75px 0 75px 0;}
.noticeArea .noticR {}
.noticeArea .noticR>li {float:left;}
.noticeArea .noticR>li>a {
	width:338px; height:55px; display:block; background:#fff; border:1px solid #dcdcdc; border-left:none;
	font-size:18px; color:#000; line-height:53px;
	font-family: 'NanumBarunGothic', Sans-Serif; text-align:center;
}
.noticeArea .noticR>li:first-child>a {border-left:1px solid #dcdcdc;}
.noticeArea .noticR>li.on>a {background:#3579d4; color:#fff;}

.noticDiv {display:none;}
.nR2 {width:100%; height:49px; border-bottom:1px solid #dcdcdc;}
.nR2>li {float:left;}
.nR2>li>a {
	width:169px; height:49px; display:block;
	font-size:18px; color:#000; line-height:53px;
	font-family: 'NanumBarunGothic', Sans-Serif; text-align:center;
}
.nR2>li:first-child>a {width:172px;}
.nR2>li.on>a,
.nR2dth>li>a:hover {background:#dbe2ef; color:#000;}
.nRDiv {display:none;}

.nR3dth {min-height:49px; overflow:hidden; text-align:center; font-size:0; border-bottom:1px solid #dcdcdc;}
.nR3TL {text-align:left;}
.nR3dth>li {display:inline-block;*display:inline; zoom:1;}
.nR3dth>li>a {
	padding-right:50px; display:block;
	font-size:14px; color:#343434; line-height:49px;
	font-family: 'NanumBarunGothic', Sans-Serif; text-align:center;
}
.nR3dth>li:first-child>a {padding-left:50px;}
.nR3dth>li.on>a,
.nR3dth>li>a:hover {color:#3579d4; text-decoration: underline;}

.nR3dth.mid3>li:first-child>a {padding-left:33px;} 
.nR3dth.mid3>li>a {padding-right:33px;}

.nR4dth {min-height:49px; overflow:hidden; text-align:center; font-size:0; border-bottom:1px solid #dcdcdc;}
.nR4dth>li {display:inline-block;*display:inline; zoom:1;}
.nR4dth>li>a {
	padding-right:10px; display:block;
	font-size:14px; color:#343434; line-height:49px;
	font-family: 'NanumBarunGothic', Sans-Serif; text-align:center;
}
.nR4dth>li:first-child>a {padding-left:10px;}
.nR4dth>li.on>a,
.nR4dth>li>a:hover {color:#3579d4; text-decoration: underline;}


.nlistDiv {position:relative; margin-top:30px;}
.nlistDivTable {position:relative;}
#apBaroTest.pop_gdcom {width:274px;height:auto;position:absolute;left:auto !important; right:20px !important; top:51px;z-index:5;background:#fff;}

#px_screen3 .tableStyle3 .Nanum_s {vertical-align: super;}


/*--------------------------------------------------
			 IE8 only
--------------------------------------------------*/
@media \0screen {
	.topvs .k3vs_el1 {
		opacity:1 !important; 
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
		filter: alpha(opacity=100)
	}
	.topvs .k3vs_el5 {visibility:visible !important;}
}
