/* common */
.fp-scroller {
  transition-duration: 400ms !important;
}
figure{margin: 0;}
.w1400{width: 100%; max-width:1300px; margin: 0 auto; box-sizing:border-box;}	
.wrap section{overflow: hidden;}

.hover_tool{position:fixed; top: 0; left: 0; background: #fff; border:1px solid #333; font-size:12px; padding: 4px 10px; line-height:1.2em; color: #333; opacity: 0;}
/* 스크롤메인 */
.m_scroll{font-size:0;}
.m_scroll .mcon02,
.m_scroll .mcon01{height: 100vh;}
.m_scroll .mcon01.bg01{background:url(/img/main/bg01.jpg) 50% 50% no-repeat; background-size:cover; box-sizing:border-box; padding-top: 14%;}
.m_scroll .mcon02.bg02{background:url(/img/main/bg02.jpg) 50% 50% no-repeat; background-size:cover; box-sizing:border-box; }
.m_scroll .mcon01 .box{display:inline-block; vertical-align: bottom;/* vertical-align: middle; */ width: calc(100% - 510px);}
.m_scroll .mcon01 .box:last-of-type{width: 460px; padding-right: 30px;}
.m_scroll .mcon01 .tit{margin-bottom:35px;}
.m_scroll .mcon01 .tit h2{text-shadow: 4px 7px 8px rgba(0, 0, 0, 0.2); font-weight:500; font-size:75px; letter-spacing:0.025em; color: #fff; animation:fadeUp 1s 0.2s both;}
.m_scroll .mcon01 .box .txt{display:inline-block; vertical-align: top; padding-right: 150px;}
.m_scroll .mcon01 .box .txt p{font-style: italic; font-size:18px; color: #fff; animation:fadeUp 1s 0.4s both}
.m_scroll .mcon01 .box .txt p:last-of-type{ text-align: right; margin-top:30px; animation:fadeUp 1s 0.6s both}
.m_scroll .mcon01 .box .item{display:inline-block; vertical-align: bottom; width: 232px; text-align: center;}
.m_scroll .mcon01 .box .item:last-of-type{width: 142px; margin-left: 86px;}
.m_scroll .mcon01 .box .item h3{font-weight:500; font-size:35px; color: #fff; margin-bottom:40px; animation:fadeUp 1s 0.3s both}
.m_scroll .mcon01 .box .item ul{padding-bottom:20px; }
.m_scroll .mcon01 .box .item ul li{margin-bottom:46px; animation:fadeUp 1s 0.5s both}
.m_scroll .mcon01 .box .item ul li:last-of-type{margin-bottom:0;}
.m_scroll .mcon01 .box .item ul li a{display:inline-block; vertical-align: top; width: 100%;}
.m_scroll .mcon01 .box .item ul li a svg{width: 55px; height: 55px;}
/* scon02 */
.m_scroll .mcon02{position:relative; }
.m_scroll .mcon02 .p50{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.m_scroll .mcon02 h3{font-weight:500; font-size:50px; color: #fff; margin-bottom:110px; opacity: 0;}
.m_scroll .mcon02 .box{display:inline-block; width: 50%; vertical-align: top;}
.m_scroll .mcon02 .list_box{}
.m_scroll .mcon02 .list_box .item{position:relative; display:inline-block; vertical-align: top; width: 100%; max-width:550px; margin-right: 21%; margin-bottom:55px; opacity: 0;}
.m_scroll .mcon02 .list_box .item:last-of-type{margin-right: 0;}
.m_scroll .mcon02 .list_box .item:nth-of-type(2n){margin-right: 0;}
.m_scroll .mcon02 .list_box .item a{position:absolute; top: 0; right: 0; bottom: 0; left: 0;}
.m_scroll .mcon02 .list_box .txt{display:inline-block; width: calc(100% - 140px); vertical-align: middle;}
@media screen and (max-width: 800px) {
	.m_scroll .mcon02 .list_box .txt{width: calc(100% - 80px);}
}
.m_scroll .mcon02 .list_box .txt h4{font-weight:500; font-size:35px; color: #fff; text-shadow: 3px 4px 6px rgba(0, 0, 0, 0.2);}
.m_scroll .mcon02 .list_box .txt p{font-weight:500; font-size:20px; color: #fff; text-shadow: 3px 4px 6px rgba(0, 0, 0, 0.2);}
.m_scroll .mcon02 .list_box .img{display:inline-block; vertical-align: middle; width: 70px;}
.m_scroll .mcon02 .list_box .img svg{width: 100%; height: 80px;}
/* hover */
.m_scroll .mcon02 .list_box .item:hover .txt h4{color: #80baac;}
.m_scroll .mcon02 .list_box .item:hover .txt p{color: #80baac;}
.m_scroll .mcon02 .list_box .item:hover .img svg .cls-1{fill:#80baac;}

.section02.on .mcon02 h3{animation:fadeUp 1s 0.4s both}
.section02.on .mcon02 .list_box .item{animation:fadeUp 1s 0.6s both}
.section02.on .mcon02 .list_box .item.ani02{animation:fadeUp 1s 0.8s both}
.section02.on .mcon02 .list_box .item.ani03{animation:fadeUp 1s 1s both}

.section02 .mcon02 h3.on{animation:fadeUp 1s 0.1s both}
.section02 .mcon02 .list_box .item.on{animation:fadeUp 1s 0.2s both}
/* 스크롤메인 */


/* manufacturing */
.manufacturing{background:url(/img/main/bg03.jpg) 50% 50% no-repeat; background-size:cover; font-size:0;}
.software{background:url(/img/main/bg03.jpg) 50% 50% no-repeat; background-size:cover; font-size:0;}
.slide_page .w1400{position: relative;}
.slide_page .p50{position:absolute; top: 50%; left: 0; width: 100%; transform:translateY(-50%);}
.slide_page .slide_wrap{display:inline-block; vertical-align: top; float: left; width: 65%; position:relative;}
.slide_page .slide_ctn{ box-shadow: 13px 14px 0px 0px rgb(0 0 60 / 25%);}
.slide_page .slide_ctn .item{position:relative; display:inline-block; float: none; transform-origin: bottom;}
.slide_page .slide_ctn .item .img_box{}
.slide_page .slide_ctn .item .img_box figure{}
.slide_page .slide_ctn .item .img_box figure img{}
.slide_page .slide_ctn .item .txt_box{position:absolute; top: 60px; left: 60px; width: calc(100% - 120px); z-index: 1;}
.slide_page .slide_ctn .item .txt_box .img_tit{display:inline-block; width: calc(100% - 400px); vertical-align: top; text-align: right; opacity: 0;}
.slide_page .slide_ctn .item .txt_box .img_tit h3{font-weight:500; font-size:28px; letter-spacing:-0.019em; color: #fff;text-shadow: 3px 4px 6px rgba(0, 0, 0, 0.2);}
.slide_page .slide_ctn .item .txt_box .img_tit h3 em{font-style: italic;}
.slide_page .slide_ctn .item .b_box{position:relative; width: 100%; background: #002c4b; box-sizing:border-box; height: 185px;  max-height:185px;}

/* 2026.04.06 수정 */
.slide_page .slide_ctn .item .b_box .txt{
	position:absolute; 
	top: 50%; 
	transform:translateY(-50%);
	display:inline-block; 
	width: 52%; 
	max-width:460px; 
	vertical-align: top; 
	text-align: right; 
	opacity: 0;
}
.slide_page .slide_ctn .item .b_box .txt h5{font-style: italic; font-size:13px; color: #0094c1; margin-bottom:6px;}
.slide_page .slide_ctn .item .b_box .txt h4{font-weight:600; font-size:22px; color: #fff;}
.slide_page .slide_ctn .item .b_box .txt p{font-weight:500; font-size:13px; color: #fff;}
.slide_page .slide_ctn02{position:absolute; width: 100%; top: 60px;}
.slide_page .slide_ctn02 .mob{display:none; }
.slide_page .slide_ctn02 .img{position:relative; z-index: 10; opacity: 0;}
.slide_page .slide_ctn02 .w_box{position:relative; display:inline-block; width: 100%; vertical-align: top;background: #fff; background: #ffffffed; box-sizing:border-box; padding: 30px 30px 28px; max-width:350px; margin-left: 60px; min-height: 250px; z-index: 10; opacity: 0;}
.slide_page .slide_ctn02 .header{}
.slide_page .slide_ctn02 .header .tit{width: calc(100% - 63px);display:inline-block; vertical-align: top;}
.slide_page .slide_ctn02 .header .tit h5{font-style: italic; font-weight:500; font-size:13px; color: #002c4b;}
.slide_page .slide_ctn02 .header .tit h4{font-weight:500; font-size:28px; color: #002c4b; margin-top:6px;}
.slide_page .slide_ctn02 .header .logo{display:inline-block; vertical-align: top; width: 63px; height: 33px;}
.slide_page .slide_ctn02 .header .logo .box_logo .cls-1{fill:#006a80}
.slide_page .slide_ctn02 .info{margin-top:22px; margin-bottom:30px;}
.slide_page .slide_ctn02 .info p{font-size:13px; color: #002c4b; line-height: 1.3em; margin-bottom:15px; word-break:keep-all}
.slide_page .slide_ctn02 .info p:last-of-type{margin-bottom:0;}
.slide_page .slide_ctn02 .read{position: absolute;  bottom: 28px; z-index: 20;}
.slide_page .slide_ctn02 .read a{display:inline-block; width: 100%; font-weight:500; font-size:15px; color: #006a80;}
.slide_page .slide_ctn02 .read a i{display:inline-block; vertical-align: middle; width: 22px; height: 22px; color: #fff; font-size:18px; background: #006a80; border-radius:50%; text-align: center;box-sizing:border-box; padding: 1px 0 0 1px; margin-left: 8px;}

/* 슬라이드 스타일 */
/* float */
.slide_page .slide_ctn .item .txt_box.cf .w_box{float: left;}
.slide_page .slide_ctn .item .txt_box.cf .img_tit{float: right;}
/* 02 */
.slide_page .slide_ctn .item.style02  .b_box .txt{max-width:420px;}
.slide_page .slide_ctn .item.style02 .txt_box .info{margin-bottom:15px;}
.slide_page .slide_ctn .item.style02 .txt_box .w_box{vertical-align: bottom; max-width:420px;}
.slide_page .slide_ctn .item.style02 .txt_box .img_tit{vertical-align: bottom; margin-bottom:25px;}
.slide_page .slide_ctn .item.style02 .txt_box .img_tit h3{text-align: left;}
.slide_page .slide_ctn .item.style02 .txt_box{top: 150px;}
/* 03 */
.slide_page .slide_ctn .item.style03 .txt_box .img_tit{width: 100%; text-align: left;margin-bottom:50px;}
.slide_page .slide_ctn .item.style03 .b_box .txt{text-align: left; right: 0; max-width:385px;}
.slide_page .slide_ctn .item.style03 .po_img{position:absolute; top: 28px; right: 0;}


/* 2026.03.27 svg추가에 따른 내용 */
.slide_page .slide_ctn02 .read a {
  display: inline-flex;
  align-items: center;
  width: auto;
  line-height: normal;
}

.slide_page .slide_ctn02 .read a svg {
  width: 14px;
  height: 14px;
  margin-left: 4px;
}

.slide_page .slide_ctn02 .read a {
	line-height: 1.2;
}

.slide_page .slide_ctn02 .read a svg {
	transition: transform 0.2s ease, fill 0.2s ease;
}

.slide_page .slide_ctn02 .read a:hover svg {
	transform: translateX(3px);
}

.slide_page .slide_ctn02 .read.black a svg path {
	fill: #006a80;
}

.slide_page .slide_ctn02 .read.white a svg path {
	fill: #fff;
}




/* slide_ctn02 */
/* 슬라이드 스타일 */
/* 01 2026.04.03 수정*/
.slide_page .slide_ctn02 .item01 .img{text-align: right;}
.slide_page .slide_ctn02 .item01 .img img{margin-left: auto; margin-right: 40px; margin-top: -140px; display:inline-block; }
/* 02 */
.slide_page .slide_ctn02 .item02{text-align: right;}
.slide_page .slide_ctn02 .item02 .w_box{margin-right: 60px; text-align: left; opacity: 0;}
.slide_page .slide_ctn02 .item02 .img{position:relative; }
.slide_page .slide_ctn02 .item02 .img::before{content:"Credit - Michael Osadciw \a U. Rochester"; position:relative; top: 190px; left: -262px; text-align: right; font-size:13px; color: #0094c1; white-space: pre; line-height:1.5em}
.slide_page .slide_ctn02 .item02 .img img{margin-left: auto; margin-top: -70px;}
/* 03 */
.slide_page .slide_ctn02 .item03 .w_box{margin-top: 181px;}
.slide_page .slide_ctn02 .item03 .img img{margin-left: auto; margin-top: -220px; margin-right: 20px;}
/* ui */
.slide_page .icon_dots{position:relative; z-index: 10; margin-top:40px;}
.slide_page .icon_dots .dot{display:inline-block; vertical-align: top; margin: 0 30px; text-align: center; cursor: pointer;}
.slide_page .icon_dots .dot svg{width: 64px; height: 64px; }
.slide_page .icon_dots .dot svg .cls-1{fill:#8e8e8e}
.slide_page .icon_dots .dot p{font-size:18px; color: #8e8e8e; margin-top: 10px;}
.slide_page .icon_dots .dot.on svg .cls-1,
.slide_page .icon_dots .dot:hover svg .cls-1{fill:#fff}
.slide_page .icon_dots .dot.on p,
.slide_page .icon_dots .dot:hover p{color: #fff;}
.slide_page .slide_ui{display:inline-block; vertical-align: top; float: right; width: 35%; box-sizing:border-box; padding-left: 55px;}
.slide_page .slide_ui .page_logo{ text-align: center; margin-top: 63px;}
.slide_page .slide_ui .page_logo figure{}
.slide_page .slide_ui .page_logo figure img{}
.slide_page .slide_ui .page_logo h3{font-size:40px; color: #fff; margin-top:23px;}
.slide_page .slide_ui .slide_btn{margin-top:95px;}
.slide_page .slide_ui .slide_btn > div{position:relative; display:inline-block; vertical-align: top; width: 50%; max-width:185px; box-shadow: 13px 14px 0px 0px rgb(0 0 60 / 25%); margin-right: 28px; cursor: pointer;}
.slide_page .slide_ui .slide_btn .next{margin-right: 0;}
.slide_page .slide_ui .slide_btn > div p{position:absolute; top: 14px; right: 18px; font-size:18px; color: #fff;text-align:right;}
.slide_page .slide_ui .slide_btn > div > .bg{width: 100%; height: 140px; background:url(/img/main/main03_1.jpg) 50% 50% no-repeat; background-size:cover}
.slide_page .slide_ui .slide_btn > .next > .bg{ background:url(/img/main/main02_1.jpg) 50% 50% no-repeat; background-size:cover}
.slide_page .slide_ui .slide_btn02{display:inline-block; max-width:210px; margin-top:18px;}
.slide_page .slide_ui .slide_btn02 div{display:inline-block; vertical-align: top; width: 85px; margin-right: 40px; cursor: pointer;}
.slide_page .slide_ui .slide_btn02 div svg{width: 63px; height: 34px;}
.slide_page .slide_ui .slide_btn02 div svg .cls-1{ fill:#cdcdcd}
.slide_page .slide_ui .slide_btn02 div p{font-size:30px; color: #cdcdcd;}
.slide_page .slide_ui .slide_btn02 .prev{text-align: right;}
.slide_page .slide_ui .slide_btn02 .prev p{text-align: left;}
.slide_page .slide_ui .slide_btn02 .next{text-align: left; margin-right: 0;}
.slide_page .slide_ui .slide_btn02 .next p{text-align: right;}

.slide_page .slide_ui .slide_btn02 div:hover p{color: #fff;}
.slide_page .slide_ui .slide_btn02 div:hover svg .cls-1{fill:#fff}
/* ui */
/* manufacturing */

/* software */
/* 소프트웨어 공통 */
.software.slide_page .slide_ctn .item .b_box{background: #fff;}
.software.slide_page .slide_ctn .item .b_box .txt h5{color: #006a80;}
.software.slide_page .slide_ctn .item .b_box .txt h4{color: #333; margin-bottom:8px;}
.software.slide_page .slide_ctn .item .b_box .txt p{color: #000;}
.software.slide_page .slide_ctn .item .b_box .txt{max-width:430px;}

.software.slide_page .slide_ctn02{right: -40px; width: calc(100% + 168px); }
.software.slide_page .slide_ctn02 .w_box{background: #02687d; margin-left: 190px; z-index: 11;}
.software.slide_page .slide_ctn02 .header .tit h4,
.software.slide_page .slide_ctn02 .header .tit h5{color: #fff;}
.software.slide_page .slide_ctn02 .header .logo .box_logo .cls-1{fill:#fff}
.software.slide_page .slide_ctn02 .info p{color: #fff;}
.software.slide_page .slide_ctn02 .read a{color: #fff;}
.software.slide_page .slide_ctn02 .read a i{background: #fff; color: #02687d;}

.software.slide_page .slide_ui .slide_btn > div > .bg{width: 100%; height: 140px; background:url(/img/main/main06_1.jpg) 50% 50% no-repeat; background-size:cover}
.software.slide_page .slide_ui .slide_btn > .next > .bg{ background:url(/img/main/main05_1.jpg) 50% 50% no-repeat; background-size:cover}


/* 슬라이드 스타일 */
/* float */
.slide_page .slide_ctn .item .txt_box.cf .w_box{float: left;}
.slide_page .slide_ctn .item .txt_box.cf .img_tit{float: right;}
/* 02 */
.slide_page .slide_ctn .item.style05 .txt_box .info{margin-bottom:15px;}
.slide_page .slide_ctn .item.style05 .txt_box .img_tit{text-align: left;}
.slide_page .slide_ctn .item.style05 .txt_box .img_tit h3{text-align: left;}
.slide_page .slide_ctn .item.style05 .b_box .txt{max-width:400px; text-align: left; right: 0;}
/* 03 */
.slide_page .slide_ctn .item.style06 .txt_box{top: 130px;}
.slide_page .slide_ctn .item.style06 .txt_box .img_tit{width: 100%; text-align: left;margin-bottom:50px;}




/* slide_ctn02 */
/* 슬라이드 스타일 */
/* 01 */
.slide_page .slide_ctn02 .item04 .img img{margin-left: auto; margin-top: -70px;}
.slide_page .slide_ctn02 .item04 .w_box .img_tit01{position:relative; top: 5px; width: 170px; height: 22px; background:url(/img/main/w_box_tit01.png) 50% 50% no-repeat; background-size:cover}
/* 02 */
.slide_page .slide_ctn02 .item05{text-align: right;}
.slide_page .slide_ctn02 .item05 .w_box{margin-right: 100px; text-align: left; background: #f67440;}
.slide_page .slide_ctn02 .item05 .w_box .img_tit02{position:relative; top: 4px; width: 169px; height: 27px; background:url(/img/main/w_box_tit02.png) 50% 50% no-repeat; background-size:cover}
.slide_page .slide_ctn02 .item05 .img img{margin-left: -30px; margin-top: -150px;}
/* 03 */
.slide_page .slide_ctn02 .item06{text-align: right;}
.slide_page .slide_ctn02 .item06 .w_box{margin-right: 100px; text-align: left; background: #0d4060;}
.slide_page .slide_ctn02 .item06 .img img{margin-left: auto; margin-top: -30px; margin-right: -23px;}
/* 슬라이드 스타일 */


/* 슬라이드 애니메이션 공통 */
.slide_page .slide_ui .page_logo.on{animation:fadeUp 1s 0.2s both}
.slide_page .slide_ctn .item.slick-now .txt_box .img_tit.l{animation:fadeLeft 1s 0.7s both}
.slide_page .slide_ctn .item.slick-now .txt_box .img_tit.r{animation:fadeRihgt 1s 0.7s both}
.slide_page .slide_ctn .item.slick-now .b_box .txt{animation:fadeIn 1s 0.9s both}
.slide_page .slide_ctn .item.slick-now .po_img{animation:fadeIn 1s 1s both}
.slide_page .slide_ctn02 .slick-slide.slick-now .w_box.l{animation:fadeLeft 1s 0.7s both}
.slide_page .slide_ctn02 .slick-slide.slick-now .w_box.r{animation:fadeRihgt 1s 0.7s both}
.slide_page .slide_ctn02 .slick-slide.slick-now .w_box.up{animation:fadeUp 1s 0.7s both}
.slide_page .slide_ctn02 .slick-slide.slick-now .img{animation:fadeIn 1s 0.9s both}


/* animaition */
@keyframes fadeIn{
	0%{ opacity: 0;}
	100%{ opacity: 1;}
}

@keyframes fadeUp{
	0%{transform:translateY(100px); opacity: 0;}
	100%{transform:translateY(0); opacity: 1;}
}

@keyframes fadeLeft{
	0%{transform:translateX(100px); opacity: 0;}
	100%{transform:translateX(0); opacity: 1;}
}
@keyframes fadeRihgt{
	0%{transform:translateX(-100px); opacity: 0;}
	100%{transform:translateX(0); opacity: 1;}
}

/* ie */
.ie .slide_page .w1400,
.ie .software,
.ie .manufacturing{height: 100vh;}


@media screen and (max-width: 1600px) {
	.slide_page .slide_ctn02 .item05 .img img{zoom:0.8; margin-left: 135px;}
}

@media screen and (max-width: 1400px) {
	.w1400{padding: 0 16px;}
	.m_scroll .mcon01 .tit h2{font-size:80px;}
	/* .m_scroll .mcon02 .list_box .item{width: 45%; max-width:none; margin-right: 10%;} */
	.m_scroll .mcon02 .list_box .item:nth-of-type(2n){margin-right: 0;}
	
	.slide_page .slide_ui .slide_btn > div{width: 48%; margin-right: 4%;}
	.slide_page .slide_ui .slide_btn > div:last-of-type{margin-right: 0;}
	
	.slide_page .p50{box-sizing:border-box; padding: 0 16px;}
	.slide_page .slide_ctn .item .b_box .txt{width: 380px;}
	.slide_page .slide_ctn .item .txt_box{top: 30px; left: 30px; width: calc(100% - 60px);}

	.slide_page .slide_ctn .item.style03 .b_box .txt{max-width:338px;}
/* 	.slide_page .slide_ctn .item.style06 .txt_box .img_tit h3{font-size:32px;} */

	.slide_page .slide_ctn02{top: 30px;}
	.slide_page .slide_ctn02 .w_box{margin-left: 30px; min-height: auto;}
	.slide_page .slide_ctn02 .read{position:static; margin-top: 28px;}
	
	.slide_page .slide_ctn02 .item02 .w_box{margin-right: 30px;}
	.slide_page .slide_ctn02 .img img{zoom:0.8}
	.slide_page .slide_ctn02 .item02 .img::before{top: 158px; left: -220px;}
	.slide_page .slide_ctn02 .item03 .img img{margin-top:-260px;}

	.slide_page .slide_ctn02 .w_box{max-width:380px; z-index: 20;}

	.software.slide_page .slide_ctn02 .w_box{margin-left: 130px;}
	.slide_page .slide_ctn02 .item06 .w_box,
	.slide_page .slide_ctn02 .item05 .w_box{margin-right: 70px;}
	
	.slide_page .slide_ctn02 .item06 .img img{margin-top: 0;}
	.slide_page .slide_ctn02 .item05 .img img{zoom:0.6; margin-top: 0; margin-left: 214px;}
}

@media screen and (max-width: 1200px) {
	#fullpage{overflow: hidden;}
	.m_scroll .mcon01.bg01{padding-top:180px;}
	.m_scroll .mcon01 .box{width: 100%;}
	.m_scroll .mcon01 .tit{margin-bottom:100px;}
	.m_scroll .mcon01 .tit h2{font-size:60px;}
	.m_scroll .mcon01 .box .txt{width: 100%;}
	.m_scroll .mcon01 .box .txt p{font-size:19px;}
	.m_scroll .mcon01 .box:last-of-type{width: 100%; margin-top:60px;}
	.m_scroll .mcon01 .box .item{width: 48%; margin-left: 4%;}
	.m_scroll .mcon01 .box .item:last-of-type{width: 48%; margin-left: 0;}
	.m_scroll .mcon01 .box .item h3{font-size:24px;}
	.m_scroll .mcon01 .box .item ul li{display:inline-block; width: 33.3%; vertical-align: top; margin-bottom:0;}
	
	.m_scroll .mcon02 h3{margin-bottom:40px;}
	.m_scroll .mcon02 .list_box .txt h4{font-size:30px;}
	.m_scroll .mcon02 .list_box .txt p{font-size:18px;}
	.m_scroll .mcon02 .list_box .img{width: 60px;}
	
	.software,
	.manufacturing{padding: 60px 0; text-align: center;}
	.slide_page .p50{position:static; transform:translateY(0); padding: 0;}
	.slide_page .slide_ui{width: 100%; padding-left: 0; margin-bottom:40px;}
	.slide_page .slide_ui .page_logo{margin-top:0; opacity: 0;}
	.slide_page .slide_ui .slide_btn02,
	.slide_page .slide_ui .slide_btn{display:none; }
	.slide_page .slide_wrap{width: 100%; max-width: 885px; margin: 0 auto; float: none; text-align: left;}
	.slide_page .slide_ctn02 .img img{zoom:1}
	.slide_page .slide_ctn02 .item03 .img img{margin-top: -190px;}
	.slide_page .slide_ctn02 .item02 .img::before{ top: 180px; left: -262px;}

	
	.software.slide_page .slide_ctn02{right: 0; width: 100%;}
	.software.slide_page .slide_ctn02 .w_box{margin-left: 30px;}
	.slide_page .slide_ctn02 .item05 .img img{zoom:0.8; margin-left: 0; margin-top: -30px;}
	

	.slide_page .slide_ctn02 .item06 .w_box, .slide_page .slide_ctn02 .item05 .w_box{margin-right: 40px;}
	/* .slide_page .slide_ctn .item.style06 .txt_box .img_tit h3{font-size:40px;} */

	.ie .slide_page .w1400,
	.ie .software,
	.ie .manufacturing{height: auto;}


}

@media screen and (max-width: 900px) {
	.slide_page .slide_ctn02 .img img{zoom:0.8}
	.slide_page .slide_ctn .item.style03 .po_img{display:none; }
	.slide_page .slide_ctn02 .item03 .img img.web{display:none; }
	.slide_page .slide_ctn02 .item03 .img img.mob{display:block; margin-top: -574px;}
	.slide_page .slide_ctn02 .item03 .w_box{z-index: 20;}

	.slide_page .slide_ctn .item .img_box figure{position:relative; padding-bottom:45%;}
	.slide_page .slide_ctn .item .img_box figure img{position:absolute; top: 0; left: 0;/*  transform:translateX(-50%) ;*/ max-width: inherit; height: 100%;}

	.slide_page .slide_ctn02 .item05 .img img{zoom:0.6}
	.slide_page .slide_ctn02 .item02 .img::before{top: 158px; left: -220px;}

	.ie .slide_page .slide_ctn02 .item01 .img{left: 90px;}
	.ie .slide_page .slide_ctn02 .item02 .img{left: 70px;}
	.ie .slide_page .slide_ctn02 .item03 .img{left: 90px; top:115px}
	.ie .slide_page .slide_ctn02 .item04 .img{left: 90px;}
	.ie .slide_page .slide_ctn02 .item05 .img{left: 0;}
	.ie .slide_page .slide_ctn02 .item06 .img{left: 90px;}

	.m_scroll .mcon02{height: auto; padding: 60px 0;}
	.m_scroll .mcon02 .box{width: 100%; margin-top: 40px;}
	.m_scroll .mcon02 h3{margin-bottom:20px; font-size:36px;}
	.m_scroll .mcon02 .p50{position:static; transform:translateY(0);}
	.m_scroll .mcon02 .list_box .item{width: 100%; margin-right: 0; margin-bottom:20px;}

}

@media screen and (max-width: 800px) {
	.m_scroll .mcon01{height: auto; padding: 120px 0 60px;}
	.m_scroll .mcon01 .tit{margin-bottom:60px;}
	.m_scroll .mcon01 .tit h2{font-size:45px;}
	.m_scroll .mcon01 .box .txt p{font-size:17px;}
	.m_scroll .mcon01 .box .item:last-of-type,
	.m_scroll .mcon01 .box .item{width: 100%; margin-left: 0; margin-bottom:20px;}
	.m_scroll .mcon01 .box .item h3{margin-bottom:20px;}
	

	.slide_page .slide_ctn{box-shadow:none;}
	/* .slide_page .slide_ctn .item{box-shadow: 13px 14px 0px 0px rgb(0 0 0 / 20%);} */
	.slide_page .slide_ctn .item .txt_box .img_tit{width: 100%; text-align: left;}
	.slide_page .slide_ctn .item .txt_box .img_tit h3{font-size:28px;}/* 
	.slide_page .slide_ctn .item .txt_box .img_tit h3 br{display:none; } */
	.slide_page .slide_ctn02 .img img{zoom: 0.5;}
	.slide_page .slide_ctn02 .item03 .w_box,
	.slide_page .slide_ctn02 .w_box{width: calc(100% - 60px); max-width:none; margin-top:80px;}
	.slide_page .slide_ctn02 .info p > br{display:none; }
	.slide_page .slide_ctn .item .b_box{height: auto; max-height: none;	padding: 40px 0;}
	.slide_page .slide_ctn .item.style03 .b_box .txt,
	.slide_page .slide_ctn .item .b_box .txt{position:static; transform:translateY(0); width: 100%; text-align: left; padding-left: 30px; max-width: none;}
	.slide_page .slide_ctn .item .img_box figure{padding-bottom:60%;}

	.slide_page .slide_ctn .item.style02 .txt_box{top: 30px;}

	.software.slide_page .slide_ctn02 .w_box{margin-left: 30px;}
	.slide_page .slide_ctn .item.style06 .txt_box{top: 30px;}
	/* .slide_page .slide_ctn .item.style06 .txt_box .img_tit h3{font-size:34px;} */

	
	.slide_page .slide_ctn02 .item01 .img img{margin-top: 50px;}
	.slide_page .slide_ctn02 .item02 .img img{margin-top: -60px;}
	.slide_page .slide_ctn02 .item02 .img::before{top: 125px; left: -140px;}
	.slide_page .slide_ctn02 .item03 .img img.mob{margin-top: 20px;}
	.slide_page .slide_ctn02 .item04 .img img{margin-top: 106px;}
	.slide_page .slide_ctn02 .item05 .img img{margin-left: auto; zoom: 0.5; margin-top: 50px;}
	.slide_page .slide_ctn02 .item06 .img img{margin-top: 137px;}

	.ie .slide_page .slide_ctn02 .item01 .img{left: 180px;}
	.ie .slide_page .slide_ctn02 .item02 .img{left: 180px;}
	.ie .slide_page .slide_ctn02 .item03 .img{left: 280px; top:0}
	.ie .slide_page .slide_ctn02 .item04 .img{left: 180px;}
	.ie .slide_page .slide_ctn02 .item05 .img{left: 320px}
	.ie .slide_page .slide_ctn02 .item06 .img{left: 180px;}
	.ie .slide_page .slide_ctn02 .item03 .w_box, .slide_page .slide_ctn02 .w_box{margin-top:120px;}



}

@media screen and (max-width: 640px) {
	.m_scroll .mcon01.bg01{padding-top:120px;}
	.slide_page .slide_ctn .item .txt_box .img_tit h3 br{display:block; }
/* 	.slide_page .slide_ctn .item.style02 .txt_box .img_tit h3 br{display:none; } */
	.slide_page .slide_ctn .item .img_box figure{padding-bottom:85%;}
	.slide_page .slide_ctn .item .txt_box{left: 16px; width: calc(100% - 32px);}
	.slide_page .slide_ctn02 .item03 .w_box, .slide_page .slide_ctn02 .w_box{margin-left: 16px;  width: calc(100% - 32px); padding: 28px 16px 28px; margin-top: 131px;}
	.slide_page .slide_ctn .item.style03 .b_box .txt, .slide_page .slide_ctn .item .b_box .txt{padding-left: 16px;}
	.slide_page .icon_dots{margin-top: 20px; text-align: center;}

	.software.slide_page .slide_ctn02 .w_box{margin-left: 16px;}

	.slide_page .slide_ctn02 .img img{zoom: 0.4;}
	.slide_page .slide_ctn02 .item01 .img img{margin-top: 50px; margin-right: 0;}
	.slide_page .slide_ctn02 .item02 .img{z-index: 30;}
	.slide_page .slide_ctn02 .item02 .img img{margin-top: -57px;}
	.slide_page .slide_ctn02 .item02 .img::before{top: 102px; left: -105px;}
	.slide_page .slide_ctn02 .item03 .img img.mob{margin-top: 20px;}
	.slide_page .slide_ctn02 .item05 .img img{margin-top: 10px; zoom: 0.4;}
	.slide_page .slide_ctn02 .item06 .img img{margin-top:130px;}

	.ie .slide_page .slide_ctn02 .item02 .img{left: 220px;}
	.ie .slide_page .slide_ctn02 .item03 .img{left: 320px; top:0}
	.ie .slide_page .slide_ctn02 .item04 .img{left: 220px;}
	.ie .slide_page .slide_ctn02 .item05 .img{left: 320px; top:50px}
	.ie .slide_page .slide_ctn02 .item06 .img{left: 320px;}
}

@media screen and (max-width: 570px) {
	.slide_page .slide_ctn .item .img_box figure{padding-bottom:100%;}
	.slide_page .slide_ctn .item .b_box{padding: 60px 0 40px;}

	/* 2026.04.03 수정 */
	.slide_page .slide_ctn02 .item01 .img img{margin-top: 3px; margin-right: 40px; height: 620px;}
	.slide_page .slide_ctn02 .item02 .img img{margin-top: -50px;}
	.slide_page .slide_ctn02 .item02 .img::before{top: 43px; left: -128px;}
	.slide_page .slide_ctn02 .item03 .img{z-index: 30;}
	.slide_page .slide_ctn02 .item03 .img img.mob{margin-top: -50px;}

	.ie .slide_page .slide_ctn02 .item02 .img{left: 220px; top:70px}
	.ie .slide_page .slide_ctn02 .item03 .img{left: 280px; top:70px}
	.ie .slide_page .slide_ctn02 .item04 .img{left: 220px;}
	.ie .slide_page .slide_ctn02 .item05 .img{left: 300px; top:50px}
	.ie .slide_page .slide_ctn02 .item06 .img{left: 260px;}
}

/* 23.02.17 */
.popup-layer { position:fixed; left:100px; top:100px; z-index:9999 }
.popup-layer .pop-bt { position:relative; background-color:rgba(255,255,255,0.5); padding:10px; display:flex; justify-content:flex-end;}
.popup-layer .pop-bt i { color:#111; font-size:16px; cursor:pointer; }
@media screen and (max-width:760px){
    .popup-layer { left:0; top:100px; width:calc(100% - 40px); padding:0 20px; }
    .popup-layer .cont img { max-width:100%; }
}