@charset "utf-8";
@import url("common.css");
.section01 {min-width:1400px;max-width:1920px;margin:auto;position: relative;}
.section01 .slider_li {position: relative;}
.section01 .slider_li .box {position: absolute;left:50%;top:20%;opacity:0;}
.section01 .slider_li .box.text01 {margin-left:-483px;/*top: 27.7%;*/}
.section01 .slider_li .box.text02 {margin-left:-525.5px;/*top: 23%;*/}
.section01 .slider_li .box.text03 {margin-left:-490px;/*top: 28.2%;*/}
.section01 .slider_li .box.text04 {margin-left:-483px;/*top: 28.23%;*/}
.section01 .slider_li .box.text05 {margin-left:-390.5px;/*top: 40.7%;*/}

.title01{opacity:0;}

.section02 {
	position: relative;width:1290px;height:207px;margin:auto;
	/* background:url(/images/main/section02_bg.png) left top repeat-x; */
	text-align:center;
	overflow: hidden;	
	
}
.section02 > h2 {padding-top:65px;}
.section02 > p {
	padding-top:15px;
	color:rgba(0,0,0,0.6);
	font-size:14px;
	line-height:22px;
}
.section03 {
	position: relative;width:100%;min-width:1920px;height:418px;margin:auto;background:url(/images/main/2025/section03_bg_2025.png) center top no-repeat;
	overflow: hidden;	
}
.section03 .section03_box {overflow:hidden;width:1920px;margin:auto;min-height:418px;}
.section03 .section03_box > li {float:left;width:290px;padding-left:10px;padding-top:100px;min-height:318px;} /*202504*/
.section03 .section03_box > li > h2 {margin-bottom:25px;}
.section03 .section03_box > li > p {font-size:13.3px;color:#fff;line-height:22px;margin-bottom:25px;font-weight: 300;}

.section04 {
	position: relative;
	width:100%;min-width:1400px;height:539px;margin:auto;
	background:url(/images/main/section04_bg.png) center top no-repeat;
	text-align:center;
}
.section04 > h2 {padding: 108px 0 15px;}
.section04 > p {font-size:14px;color:rgba(255,255,255,0.6);line-height:22px;}

.section05 {
	position: relative;
	overflow: hidden;
	width:100%;min-width:1400px;height:563px;margin:auto;
	background:url(/images/main/section05_bg.png) center top no-repeat;
}
.section05 > h2 {
	padding:89px 0 30px;
	text-align:center;
		
}
.section05 > ul {
	width:963px;padding:0 1px;
	margin:auto;
}

.section05 > ul > li {float:left;height:276px;background:#fff;padding:38px 25px 0 ;}
.section05 > ul > li > h2 {margin-bottom:20px;}
.section05 > ul > li.center {margin:0 10px;}
.section05 > ul > li.color {background:#02335a;}
.section05 > ul > li > .box {width:100%;}
.section05 > ul > li > .box > .map {
	text-align:center;
	padding-top:44px;
	width:264px;height:71px;background:url(/images/main/section05_sub03_map.jpg) center top no-repeat;
}
.section05 > ul > li > .box > .text {width:100%;padding-top:16px;}
.section05 > ul > li > .box > .text > h3 {
	width:auto;padding-top:3px;padding-left:90px;height:19px;line-height:19px;
	color:#fff;font-size:14px;
}
.section05 > ul > li > .box > .text > h3.imgTel {background:url(/images/main/section05_tel.png) 60px top no-repeat;}
.section05 > ul > li > .box > .text > h3.imgFax {background:url(/images/main/section05_fax.png) 60px top no-repeat;}
.section05 > ul > li > .box > .text > h5 {
	color:#fff;font-size:12px; text-align:center;
	margin-top:9px;
}

/*공지게시판**/
.section05 > ul > li > .box > .img {float:left;padding-right:30px;}
.section05 > ul > li > .box > .notice_text {float:left;width:279px;}
.section05 > ul > li > .box > .notice_text > .notice_top {width:100%;height:100px;border-bottom:1px solid #cccccc;}
.section05 > ul > li > .box > .notice_text > .notice_top  h2 {height:30px;line-height:30px;font-size:17px;color:#222222;}
.section05 > ul > li > .box > .notice_text > .notice_top .text {color:#666;font-size:13px;line-height:18px;}
.section05 > ul > li > .box > .notice_text > .notice_top .date {color:#666;font-size:13px;padding-top:3px;}
.section05 > ul > li > .box > .notice_text > .list {padding:10px 0 5px;width:100%;}
.section05 > ul > li > .box > .notice_text > .list > li {
	font-size:13px;line-height:22px;color:#666;overflow:hidden;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal
}
.section05 > ul > li > .box > .notice_text > .notice_btn {font-size:13px;line-height:22px;color:#666;}

.main_ir {
width:100%;
}

.main_ir td {
	color:#333333;
	font-weight:500;
	font-size:14px;
	line-height:25px;
	padding:7px 0;
	border-bottom:1px solid #dedede;
}
.main_ir td.right {text-align:right;font-weight:400;}


#main_ir tr .span_v{
	display:inline-block;
	padding-left:18px;
	background:url('/images/page/m41_span.png') left center no-repeat;
} 
#main_ir tr .span_0{
}
#main_ir tr .span_t{
	display:inline-block;
	padding-left:18px;
	background:url('/images/page/m41_span2.png') left center no-repeat;
}

.section05 > ul > li.center  h3 {
	padding-top:14px;
	font-size:45px;
	color:#333333;
	font-weight:500;
	text-align:center;
}


.section05 > ul > li.center  .span_t{
	padding-left:32px;
	background:url('/images/main/ir_span.png') left 28px no-repeat;
}
.section05 > ul > li.center .span_0{
}
.section05 > ul > li.center  .span_v{
	padding-left:32px;
	background:url('/images/main/ir_span2.png') left 28px no-repeat;
}




/* 메인모션 */
.slide_left{}
.in-view .slide_left{
	animation:ani1 0.8s ease-in-out;
}
@keyframes ani1{
	0%{margin-left:100%;opacity:0;}
	50%{margin-left:-20%;opacity:0.7;}
	100%{margin-left:0;opacity:1;}
}

.slide_Up{
	opacity:0;
	margin-top:200px;
	transition:all 0.6s ease-in-out;
}
.in-view .slide_Up{
	opacity:1;
	margin-top:0px;
	transition:all 0.6s ease-in-out;
}

.slide_m1{opacity:0;}
.in-view .slide_m1{opacity:1;}
.in-view .slide_m1:nth-child(1){animation:ani2 1s ease;}
.in-view .slide_m1:nth-child(2){animation:ani2 1s ease 0.2s; margin-left: 10px;}
.in-view .slide_m1:nth-child(3){animation:ani2 1s ease 0.4s;}
@keyframes ani2{
	0%{opacity:0;transform:scale(0.9)}
	50%{opacity:0.5;transform:scale(1.1)}
	100%{opacity:1;transform:scale(1)}
}

/*202504*/
.UBIKEY {
	width: 119px;
	height: 51px;
	margin: 0 7px 0 0;
	font-family: NotoSansKR;
	font-size: 35px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.63;
	letter-spacing: -1.75px;
	text-align: left;
	color: #fff;
  }

  .BUSINESS {
	width: 55px;
	height: 19px;
	margin: 26px 0 6px 7px;
	font-family: NotoSansKR;
	font-size: 13px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.69;
	letter-spacing: -0.65px;
	text-align: left;
	color: #fff;
  }

  .BUSINESS_shot {
	width: 55px;
	height: 19px;
	font-family: NotoSansKR;
	font-size: 13px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.69;
	letter-spacing: -0.65px;
	text-align: left;
	color: #fff;
  }

  .r31 {
	width: 268px;
	height: 81px;
	margin: 13px 68px 25px 0;
	font-family: NanumGothic;
	font-size: 13.3px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.65;
	letter-spacing: -0.27px;
	text-align: left;
	color: #fff;
  }

  .ONEKEEPER {
	width: 196px;
	height: 51px;
	margin: 0 7px 0 0;
	font-family: NotoSansKR;
	font-size: 35px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.63;
	letter-spacing: -1.75px;
	text-align: left;
	color: #fff;
  }

  .r32 {
	width: 320px;
	height: 59px;
	margin: 13px 60px 47px 0px;
	font-family: NanumGothic;
	font-size: 13.3px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.65;
	letter-spacing: -0.27px;
	text-align: left;
	color: #fff;
  }


  .BLACK-BOX-ANALYSIS {
	width: 182px;
	height: 93px;
	margin: 0 28px 0 0;
	font-family: NotoSansKR;
	font-size: 35px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: -1.75px;
	text-align: left;
	color: #fff;
  }

.r33 {
  width: 300px;
  height: 81px;
  margin: 13px 60px 25px 0;
  font-family: NanumGothic;
  font-size: 13.3px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.65;
  letter-spacing: -0.4px;
  text-align: left;
  color: #fff;
}
.GAMES-ENTERTAINMENT {
	width: 182px;
	height: 93px;
	/* margin: 0 28px 0 0; */
	font-family: NotoSansKR;
	font-size: 35px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: -1.75px;
	text-align: left;
	color: #fff;
  }

.r34 {
	width: 300px;
	height: 37px;
	margin: 13px 0 69px 60px 0;
	font-family: NanumGothic;
	font-size: 13.3px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.65;
	letter-spacing: -0.4px;
	text-align: left;
	color: #fff;
	padding-top: 15px
}

  .mobile {
	width: 80px;
	height: 80px;
	margin: 26px 68px 0 170px;
	object-fit: contain;
  }

  .mobile_onekeeper {
	width: 80px;
	height: 80px;
	margin: 55px 60px 0 235px;
	object-fit: contain;
  }

  .webcam {
	width: 76px;
	height: 61px;
	margin: 14px 60px 0 235px;
	object-fit: contain;
  }

  .video-game {
	width: 80px;
	height: 80px;
	margin: 48px 0 0 222px;
	object-fit: contain;
  }

/*202504*/