@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

#wrapper.wide{width: auto; margin:0 auto;}
html.mobile{width:1200px;	}

div.visual,
div.cont1,
div.cont2,
div.cont3,
div.cont4,
div.cont5,
div.cont6,
div.cont7,
div.cont8,
div.cont9,
div.cont10{
	position: relative;
	text-align: center;
}
.mid {
	margin-top: -20px;
}
.mid .mask{
	width: 1200px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	min-height: 50px;
}
.mask .img{	
	position: relative;
	left: -500px;
}
.floatingUi {
	position: absolute;
	overflow: hidden;
	right:0;
	top:854px;
	z-index: 10;
}
.onFixdmenu {
	position: fixed !important;
	top:0;
}


.visual .visual_1{position:relative; background:#24328c}
.visual .visual_1 .maskWrap{position:relative; z-index:2; background: url(img/visual_1.png) no-repeat center top;}
.visual .visual_1 .bg_right{position:absolute; z-index:1; background:url(img/visual_1_right.png) repeat; left:50%; top:0; width:50%;  height:100%;}
.visual .visual_1 .txt{position:absolute; left:0;}
.visual .visual_1 .txt.s1{top:197px;}
.visual .visual_1 .txt.s2{top:293px;}
.visual .visual_1 .txt.s3{top:408px;}
.visual .visual_1 .btn{position:absolute; left:760px; top:0;}
.visual .visual_1 .bind1{position:absolute; left:78px; top:119px; color:#fff; border:1px solid #5c69b9; padding:8px 16px; font-size:24px; letter-spacing:-1px; font-family: 'S-CoreDream';  line-height:1;}
.visual .visual_1 .bind1 .a2{color:#ffe78a;}
.visual .visual_1 .bind1 .a3{font-family: 'KCC-eunyoung'; font-size:35px;}
.visual .visual_1 .bind2{position:absolute; left:78px; top:745px; color:#879be8; font-size:21px; letter-spacing:-1px; line-height:1.3; text-align:left; font-family: 'RixGo-M';}
.visual .visual_1 .bind2 .a3{font-size:26px; color:#fff; margin:10px 0 0; font-family: 'RixGo-B';}
.visual .visual_2{position:relative; background:#24328b;}
.visual .visual_2 .maskWrap{position:relative; z-index:2; background: url(img/visual_2.png) no-repeat center top;}
.visual .visual_2 .bg_right{position:absolute; z-index:1; background:url(img/visual_2_right.png) repeat; left:50%; top:0; width:50%;  height:100%;}
.visual .visual_2 .step{position:absolute; left:312px; top:445px;}
.visual .visual_2 .schedule_step{position:absolute; left:312px; top:445px; width:842px; height:191px;}
.visual .visual_2 .schedule_step ul{position:relative; display:table;}
.visual .visual_2 .schedule_step ul:after{background: url(img/visual_step_ico.png) no-repeat; width:842px; height:191px; position:Absolute; left:-2px; top:0; content:"";}
.visual .visual_2 .schedule_step li:first-child{border:none;}
.visual .visual_2 .schedule_step li{display:table-cell; vertical-align:middle; width:280px; height:191px; color:#141833; border-left:1px solid #9297b1; background:#a0a3b6;}
.visual .visual_2 .schedule_step li .a1{font-size:27px; font-family: 'Myriad Pro'; font-weight:600;}
.visual .visual_2 .schedule_step li .a2{display:flex; justify-content:center; align-items:center; font-size:20px; font-family: 'S-CoreDream'; background:#c7c8d2; border:1px solid #141833; width:221px; height:72px; margin:0 auto; text-align:center; line-height:26px;}
.visual .visual_2 .schedule_step li .a3{font-size:16px; font-family: 'RixGo-B'; margin:5px 0 0;}
.visual .visual_2 .schedule_step li.on{background:#141833;}
.visual .visual_2 .schedule_step li.on .a1{color:#fff;}
.visual .visual_2 .schedule_step li.on .a2{color:#fff47f; border:3px solid #fff; background:#141833;}
.visual .visual_2 .schedule_step li.on .a3{color:#fff;}
.visual .visual_2 .schedule_step li.on .a3 span{color:#fff47f;}
.visual .visual_2 .schedule_step li.on .a3 span{color:#fff47f;}


.animated.time05s {
	-webkit-animation-duration:0.5s;
	-ms-animation-duration:0.5s;
	animation-duration:0.5s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;

}
@keyframes lightSpeedIn1 {
	0% {
		-webkit-transform:translate3d(30%,0,0) skewX(-30deg);
		transform:translate3d(30%,0,0) skewX(-30deg);
		opacity:0
	}
	60% {
		-webkit-transform:skewX(20deg);
		transform:skewX(20deg);
		opacity:1
	}
	80% {
		-webkit-transform:skewX(-5deg);
		transform:skewX(-5deg);
		opacity:1
	}
	100% {
		-webkit-transform:none;
		transform:none;
		opacity:1
	}
}
.lightSpeedIn1 {
	-webkit-animation-name:lightSpeedIn1;
	animation-name:lightSpeedIn1;
	-webkit-animation-timing-function:ease-in-out;
	animation-timing-function:ease-in-out;
	-webkit-animation-duration:0.4s;
	-ms-animation-duration:0.4s;
	animation-duration:0.4s;
}



.cont1{background:#f4f4f4;}
.cont1 .mask{width:1100px;}
.cont1 .tabArea{overflow:hidden;}
.cont1 .tabArea li{position:relative; float:left; width:50%; height:115px;}
.cont1 .tabArea li a{display:block; background:url(img/cont1_tab.png) no-repeat; width:100%; height:100%; text-indent:-9999em;}
/* .cont1 .tabArea li:first-child + li + li{width:366px;} */
.cont1 .tabArea li a.s1{background-position:0 0;}
.cont1 .tabArea li a.s2{background-position:-550px 0;}
/* .cont1 .tabArea li a.s3{background-position:-734px 0;} */
.cont1 .tabArea li.on a.s1{background-position:0 -115px;}
.cont1 .tabArea li.on a.s2{background-position:-550px -115px;}
/* .cont1 .tabArea li.on a.s3{background-position:-734px -115px;} */

.cont1 .balloon{position:absolute; left:270px; top:0; background:#f35b5b; width:66px; height:66px; border-radius:100%; border:1px solid #db5252; text-align:center; padding:20px 0 0; font-family: 'S-CoreDream'; text-indent:0; line-height:1;}
.cont1 .balloon .a1{color:#141833; font-size:12px;}
.cont1 .balloon .a2{color:#fff; margin:3px 0 0; font-size:14px;}
.cont1 .slider{width:1100px; height:740px;}

.cont2{position:relative; z-index:1; background: url(img/cont2_bg.png) repeat;}
.cont2 .maskWrap{position:relative; z-index:2; background: url(img/cont2.png) no-repeat center top;}
.cont2 .right_bg{position:absolute; left:50%; top:0; z-index:1; height:100%; width:50%; background: url(img/cont2_rightBg.png) repeat;}
.cont2 .txt{position:absolute; left:0; top:217px; font-family: 'S-CoreDream-1Thin'; font-size:65px; text-align:center; width:100%; color:#fff; letter-spacing:-5px;}

.notice{background:#eaeaea;}
.noticeBox li.red{color:#cc3344;}
.floating_b1{position:Absolute; right:0; top:40px; z-index:2; animation: upDown 3s ease infinite; }

/* event */
#event{position:relative; z-index:2; overflow:hidden;}
#event .event_1{position:relative; background:#f4f4f4 url(img/event/event_1_bg.png) repeat;}
#event .event_1 .link{position:absolute; left:50%; bottom:56px; margin:0 0 0 -13px; width:390px; height:114px; text-indent:-9999em;}
#event .event_2{position:relative; background:#fff url(img/event/event_2.png) no-repeat center top;}
#event .event_2 .finish{position:absolute; left:0; top:0; width:100%; height:100%; background:rgb(0 0 0 / 50%) url(img/event/finish.png) no-repeat center;}
#event .thumb{position:relative; left:50%; transform:translateX(-50%);}

#pop_modal{position:fixed; left:0; top:0; width:100%; height:100%; z-index:2;}
#pop_modal > .modal_{width:100%; height:100%; background:rgb(0 0 0 / 50%);}
#pop_modal > .content{position:fixed; width:100%; height:100%; display:flex; align-items: center; justify-content: center;}
#pop_modal > .content > .inner{position:relative; background:url(img/event/modal_inner.png) no-repeat; width:806px; height:626px; padding:183px 0 0; letter-spacing:-1px; font-family: 'Nanum Myeongjo'; line-height:1.4; color:#0d0d0d; top:10px; transition:all .3s; opacity:0;}
#pop_modal > .content > .inner.on{top:0; opacity:1;}
#pop_modal > .content > .inner .btn_close{position:absolute; right:0; top:0; background:url(img/event/btn_close.png) no-repeat center; width:85px; height:85px; text-indent:-9999em;}
#pop_modal > .content > .inner .btn_download{position:absolute; left:309px; bottom:90px; background:#fff url(img/event/btn_download.png) no-repeat center; width:187px; height:58px; text-indent:-9999em; }
#pop_modal > .content > .inner .a1{font-size:22px; text-align:right; padding:0 190px 0 0; font-weight:600;}
#pop_modal > .content > .inner .a2{font-size:28px; text-align:center; padding:10px 0 0; font-weight:800;}
#pop_modal > .content > .inner .a3{font-size:22px; text-align:center; padding:15px 0 0; font-weight:600;}

/* floating */
#floatingUi {position: absolute; overflow: hidden; left:50%; top:160px; z-index:2; margin:0 0 0 570px; z-index: 9999;}
#floatingUi.onFixdmenu {position: fixed; top:0;}
#floatingUi a{display:block; position:absolute; left:0; width:100%;}
#floatingUi .anchor{top:0; height:187px;}
#floatingUi .top{bottom:0; height:26px;}