/* 공통 */
.sub_visual_wrap{position:relative;}
.sub_visual{width:100%; height: 600px; position:relative; background:url("/img/sub/sub_visual01.png") no-repeat center / cover;}
.sub_visual.bg01{background-image:url("/img/sub/sub_visual01.png");}
.sub_visual.bg02{background-image:url("/img/sub/sub_visual02.png");}
.sub_visual.bg03{background-image:url("/img/sub/sub_visual03.png");}
.sub_visual.bg04{background-image:url("/img/sub/sub_visual04.png");}
.sub_visual.bg05{background-image:url("/img/sub/sub_visual05.png");}

.sub_visual.odm{background-image:url("/img/sub/odm_detail_vis.png");}
.sub_visual.robots{background-image:url("/img/sub/ai_cobots_detail_vis.png");}
.sub_visual.robot{background-image:url("/img/sub/ai_cobot_detail_vis.png");}
.sub_visual.ar{background-image:url("/img/sub/ar_detail_vis.png");}
.sub_visual.one{background-image:url("/img/main/vis03.png");}

.sub_vis_txt{max-width:1600px; width:100%; margin: 0 auto; color:#fff; text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align: left;}
.sub_vis_txt em{font-size: 20px; font-weight: 600; font-family: var(--font-pop); color: var(--color-blue); line-height: 1.5;}
.sub_vis_txt h2{font-size: 70px; font-weight: 700; margin-top:10px; color: #fff; line-height: 1.1;}
.sub_vis_txt .path {margin-top: 27px; display: flex; align-items: center; gap: 13px;}
.sub_vis_txt .path a {font-size: 16px; font-weight: 400; color: #fff; letter-spacing: -.03em; line-height: 1.18;}
.sub_vis_txt .path .home {display: flex; align-items: center; gap: 5px;}
.sub_vis_txt .path .home img {width: 20px; margin-top: -1px;}
.sub_vis_txt .path a + a::before {content: ""; background: url(/img/sub/path_arrow.svg) no-repeat center/cover; width: 5px; height: 10px; display: inline-block; margin-right: 13px;}

/* .sub_menu{height:80px; border-bottom: 1px solid #E3E3E3; background: #FFF;}
.sub_menu > ul{max-width:1600px; margin:0 auto; position: relative; display: flex; align-items: center; height:100%; z-index: 10;}
.sub_menu > ul > li{position: relative; height: 100%;}
.sub_menu > ul > li:last-child:before {content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 20px; background: #E3E3E3;}
.sub_menu > ul > li > a {display: flex; align-items: center; padding-left: 30px; font-size: 20px; height: 100%;}
.sub_menu > ul > li.home {width: 80px;}
.sub_menu > ul > li.home > a {display:block; height:100%; background: #000 url("/img/sub/home_ic.svg") no-repeat center / 30px;}
.sub_menu > ul > li.menu_btn {width: 290px; background: url("/img/sub/sub_menu_arrow.svg") no-repeat right 25px center / 20px;}
.sub_menu > ul > li.menu_btn.on {background-image: url("/img/sub/sub_menu_arrow_on.svg");}
.sub_menu_txt {display: none; position: absolute; left: 0; width: 100%; background: #fff; border: 1px solid #E3E3E3; z-index:100;}
.sub_menu_txt li {height: 70px; border-bottom: 1px solid #E3E3E3;}
.sub_menu_txt li a {display: flex; align-items: center; padding: 0 30px; font-size: 20px; color: #8E8E8E; height: 100%;}
.sub_menu_txt li a:hover{color:#fff; background:#000;}
.sub_menu_txt li:last-child{border-bottom:none;} */

#sub_content{padding:100px 0 150px;}
.sub_inner{max-width:1600px; margin:0 auto}
.sub_title{margin-bottom:80px; text-align:center;}
.sub_title h3{font-size: 60px; letter-spacing: -1px; line-height: 1.16; color: #fff;}

/* AGILOX_list */
.prdList_total {font-size: 16px; font-weight: 300; color: #fff; letter-spacing: -1px;}
.prdList_total strong {font-weight: 800;}
.prdList_cont {margin-top: 20px; border-top: 1px solid #fff;}
.prdList_cont .item {padding: 40px 0; display: flex; align-items: center; gap: 70px; border-bottom: 1px solid #ffffff50;}
.prdList_cont .item .img {width: 540px; height: 330px; overflow: hidden;}
.prdList_cont .item .img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.prdList_cont .item .txt {width: calc(100% - 650px);}
.prdList_cont .item .txt .tit {font-size: 40px; font-weight: 700; color: #fff; line-height: 1.2;}
.prdList_cont .item .txt p {margin-top: 30px; font-size: 18px; font-weight: 300; color: #fff; line-height: 1.3;}
.prdList_cont .item .btn {margin-top: 35px; display: flex; align-items: center; gap: 10px; padding: 0;}
.prdList_cont .item .btn .apply {background: var(--color-blue); color: #fff;}
.prdList_cont .item .btn .apply img {filter: brightness(0) invert(1);}

/* AGILOX_detail */
.sub_visual.bg02 {height: 950px; position: fixed; top: 0; left: 0; width: 100%;}
.prdDetail_content {position: relative; margin-top: 950px; background: #000;}
.prdDetail_sub_vis_txt,
.prdDetail_content .sub_inner {max-width: 1400px;}
/* .prdDetail_wrap .sec1 {padding-top: 100px;} */
.prdDetail_wrap .sec1 h2 {font-size: 40px; font-weight: 700; color: #fff; line-height: 1.2;}
.prdDetail_wrap .sec1 ul {margin-top: 70px; display: flex; align-items: center; gap: 20px;}
.prdDetail_wrap .sec1 ul li {width: calc(100%/4 - 15px); height: 230px; border: 1px solid #767676; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px;}
.prdDetail_wrap .sec1 ul li p {font-size: 32px; font-weight: 700; color: #fff; line-height: 1.18;}
.prdDetail_wrap .sec1 ul li p.blue {color: var(--color-blue);}
.prdDetail_wrap .sec1 ul li span {display: block; margin-top: 10px; font-size: 18px; font-weight: 300; color: #fff; line-height: 1.3;}
.prdDetail_wrap .sec2 {padding-top: 120px;}
.prdDetail_wrap .sec_tit {font-size: 40px; font-weight: 700; line-height: 1.2;}
.prdDetail_wrap .sec2 .sec_tit + p {margin-top: 30px; font-size: 18px; font-weight: 300; line-height: 1.3;}
.prdDetail_wrap .sec2 .video {margin-top: 100px; position: relative;}
.prdDetail_wrap .sec2 .video::before {content: ""; width: 3000px; height: 50%; background: #2C2F32; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;}
.prdDetail_wrap .sec2 .video a {display: block; width: 100%; height: 790px; position: relative; overflow: hidden;}
.prdDetail_wrap .sec2 .video a > img {width: 100%; height: 100%; object-position: center; object-fit: cover;}
.prdDetail_wrap .sec2 .video a .video_btn {position: absolute; top: 50%; left: 50%; width: 90px;}
.prdDetail_wrap .sec2 .bg {position: relative;}
.prdDetail_wrap .sec2 .bg::before {content: ""; width: 3000px; height: 100%; background: #2C2F32; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;}
.prdDetail_wrap .sec2 ul {display: flex; align-items: flex-start; flex-wrap: wrap; gap: 80px 55px; padding: 100px 0 120px;}
.prdDetail_wrap .sec2 ul li {position: relative; z-index: 1; width: calc(50% - 27.5px);}
.prdDetail_wrap .sec2 ul li strong {display: block; font-size: 32px; font-weight: 700; color: var(--color-blue); line-height: 1.18;}
.prdDetail_wrap .sec2 ul li p {margin-top: 25px; font-size: 18px; font-weight: 300; line-height: 1.3;}
.prdDetail_wrap .sec3 {padding-top: 120px;}
.prdDetail_wrap .cont {display: flex; align-items: flex-start; gap: 100px; margin-top: 50px;}
.prdDetail_wrap .cont .img {width: 600px; overflow: hidden;}
.prdDetail_wrap .cont .img img {width: 100%;}
.prdDetail_wrap .cont .txt {border-top: 1px solid #ffffff40; width: calc(100% - 700px);}
.prdDetail_wrap .cont .txt li {display: flex; align-items: center; justify-content: space-between; padding: 18px 30px; border-bottom: 1px solid #ffffff40;}
.prdDetail_wrap .cont .txt li strong {font-size: 18px; font-weight: 800; line-height: 1.3;}
.prdDetail_wrap .cont .txt li span {font-size: 18px; font-weight: 300; line-height: 1.3;}
.fancybox-stage {display: block !important;}
.fancybox-slide>* {padding: 0;}

.sub_vis_txt h2 + p.desc {font-size: 27px; font-weight: 600; color: #fff; line-height: 1.6; font-family: var(--font-pop);}
.prdDetail_wrap.robot_wrap .sec1 {padding-top: 0;}
.prdDetail_wrap.robot_wrap .sec1 h4 {font-size: 40px; font-weight: 700; color: #fff; letter-spacing: -1px; line-height: 1.25;}
.prdDetail_wrap.robot_wrap .sec1 .img {margin-top: 70px; display: block;}
.prdDetail_wrap.robot_wrap .sec1 .img img {width: 100%;}

/* etc_상세 */ 
.etc_view .dpp_title_text {position: relative; text-align: center;}
.etc_view .dpp_title_text h3 {color: #fff; font-size: 45px; font-weight: 800;}
.etc_view .dpp_img_wrap {position: relative; z-index: 1; padding: 15px 0; /* min-height: 600px; */}
.etc_view .dpp_img_wrap:before {content: ""; position: absolute; top: 40px; left: 50%; transform: translateX(-50%); width: 20000px; height: 500px; background: #2C2F32; z-index: -1;}
.etc_view .dpp_img_wrap .dpp_img_inner {background: #fff; position: relative; height: 600px; border-radius: 30px; box-shadow: 4px 4px 15px rgba(0,0,0,0.15); display: flex; align-items: center; justify-content: center; margin-top: 60px; overflow: hidden;}
.etc_view .dpp_img_wrap .dpp_img_inner img {max-height: 100%;}
.etc_view .dpp_view_con {position: relative; z-index: 1; }
.etc_view .dpp_view_title {color: #fff; font-size: 40px; line-height: 1; font-weight: 700; }
.etc_view .dpp_v_txt {margin-top: 20px; border-top: 1px solid #e1e1e1; padding: 55px 0 0;}
.etc_view .dpp_pd_inner_title {color: #FF6724; font-size: 20px; font-weight: 400;}
.etc_view .dpp_pd_box {margin-top: 30px;}
.etc_view .dpp_pd_box span {display: block; color :#fff; margin-top: 10px; font-size: 20px;}
.etc_view .dpp_pd_box ul {margin-top: 10px; margin-left: 30px;}
.etc_view .dpp_pd_box ul li a {color: #6F6E6E; line-height: 1.5; font-size: 20px;}
.etc_view .dpp_pd_box ul li a .down_ic {display: inline-block; vertical-align: middle; width: 16px; height: 16px; background: url("/images/sub/download_ic.svg") center no-repeat; background-size: 100%; margin-right: 10px; margin-top: -5px;}
.etc_view .dpp_v_txt {position: relative;}
.etc_view .dpp_v_txt:after {content: ""; display: block; clear: both;}
.etc_view .dpp_v_txt .dpp_pd_box p {color: #6F6E6E; font-size: 20px; margin-top: 10px;}
.etc_view .dpp_view_con div.dpp_v_txt {overflow-x: auto;}
.etc_view .dpp_view_con div.dpp_v_txt img {max-width: 600px;}
.etc_view .dpp_view_con div.dpp_v_txt table * {color: #333;}
.etc_view .dpp_view_con div.dpp_v_txt table {background-color: transparent !important;}
.etc_view .dpp_view_con div.dpp_v_txt table td,
.etc_view .dpp_view_con div.dpp_v_txt table td * {color: #fff;}
.etc_view .dpp_right_list li a.black_bg {background: var(--color-blue);}

.prdDetail_wrap.ar .sec1 {padding: 0 0 107px;}
.prdDetail_wrap.ar .sec1 ul {margin-top: 57px; gap: 25px;}
.prdDetail_wrap.ar .sec1 ul li {width: calc(100%/3 - 16px); display: flex; align-items: center; justify-content: center; height: 400px; text-align: center; padding: 0 66px; box-sizing: border-box;}
.prdDetail_wrap.ar .sec1 ul li span {margin-top: 20px;}
.prdDetail_wrap.ar .sec2 {padding-top: 0; position: relative;}
.prdDetail_wrap.ar .sec2::before {content: ""; width: 3000px; height: 100%; position: absolute; top: 0; left: -1000px; background: #2C2F32;}
.prdDetail_wrap.ar .sec2 > div {position: relative; width: 100%; height: 100%; padding-top: 117px; height: 466px;}
.prdDetail_wrap.ar .sec2 .sec_tit {font-size: 32px; font-weight: 700; color: #22AEF6; line-height: 1.18;}
.prdDetail_wrap.ar .sec2 .sec_tit + p {margin-top: 25px; font-size: 18px; font-weight: 500; color: #fff; line-height: 1.3;}
.prdDetail_wrap.ar .sec2 .img {position: absolute; top: 19px; right: 0;}
.prdDetail_wrap.ar .sec2 .img img {width: 506px;}
.prdDetail_wrap.ar .sec3 {padding: 120px 0;}
.prdDetail_wrap.ar .sec3 .img {display: flex; align-items: center; justify-content: center; gap: 42px;}
.prdDetail_wrap.ar .sec3 .img img {width: calc(50% - 21px);}
.prdDetail_wrap.ar .sec3 p {margin-top: 70px; text-align: center; font-size: 30px; font-weight: 500; color: #fff; line-height: 1.3;}
.prdDetail_wrap.ar .sec3 p span {font-weight: 700; color: #22AEF6;}
.prdDetail_wrap.ar .sec4 h2 {font-size: 40px; font-weight: 700; color: #fff; line-height: 1.2;}
.prdDetail_wrap.ar .sec4 ul {margin-top: 80px; display: flex; align-items: center; flex-wrap: wrap; gap: 30px;}
.prdDetail_wrap.ar .sec4 ul li {width: calc(100%/2 - 15px); padding: 50px 43px; display: flex; align-items: flex-start; gap: 10px; border: 1px solid #767676; height: 152px;}
.prdDetail_wrap.ar .sec4 ul li span {font-size: 18px; font-weight: 700; color: #22AEF6; line-height: 1.4;}
.prdDetail_wrap.ar .sec4 ul li p {font-size: 18px; font-weight: 400; color: #fff; line-height: 1.4;}





@media screen and (max-width:1640px){

    /* 공통 */
    .sub_visual{ height: 36.59vw;}
    .sub_vis_txt{max-width:95.12vw;}
    .sub_vis_txt em{font-size: 1.22vw;}
    .sub_vis_txt h2{font-size: 4.27vw; margin-top:0.61vw; }
    .sub_vis_txt .path {margin-top: 1.65vw; gap: 0.79vw;}
    .sub_vis_txt .path a {font-size: 0.98vw;}
    .sub_vis_txt .path .home {gap: 0.30vw;}
    .sub_vis_txt .path .home img {width: 1.22vw; margin-top: -0.06vw;}
    .sub_vis_txt .path a + a::before {width: 0.30vw; height: 0.61vw; margin-right: 0.79vw;}

    #sub_content{padding:6.10vw 0 9.15vw;}
    .sub_inner{max-width:95.12vw;}
    .sub_title{margin-bottom:4.88vw;}
    .sub_title h3{font-size: 3.66vw; letter-spacing: -0.06vw; }

    /* AGILOX_list */
    .prdList_total {font-size: 0.98vw; letter-spacing: -0.06vw;}
    .prdList_cont {margin-top: 1.22vw;}
    .prdList_cont .item {padding: 2.44vw 0; gap: 4.27vw;}
    .prdList_cont .item .img {width: 32.93vw; height: 20.12vw;}
    .prdList_cont .item .txt {width: calc(100% - 39.63vw);}
    .prdList_cont .item .txt .tit {font-size: 2.44vw;}
    .prdList_cont .item .txt p {margin-top: 1.83vw; font-size: 1.10vw;}
    .prdList_cont .item .btn {margin-top: 2.13vw; gap: 0.61vw;}

    /* AGILOX_detail */
    .sub_visual.bg02 {height: 57.93vw;}
    .prdDetail_content {margin-top: 57.93vw;}
    .prdDetail_sub_vis_txt,
    .prdDetail_content .sub_inner {max-width: 85.37vw;}
    /* .prdDetail_wrap .sec1 {padding-top: 6.10vw;} */
    .prdDetail_wrap .sec1 h2 {font-size: 2.44vw;}
    .prdDetail_wrap .sec1 ul {margin-top: 4.27vw; gap: 1.22vw;}
    .prdDetail_wrap .sec1 ul li {width: calc(100%/4 - 0.91vw); height: 14.02vw; gap: 0.61vw;}
    .prdDetail_wrap .sec1 ul li p {font-size: 1.95vw;}
    .prdDetail_wrap .sec1 ul li span {margin-top: 0.61vw; font-size: 1.10vw;}
    .prdDetail_wrap .sec2 {padding-top: 7.32vw;}
    .prdDetail_wrap .sec_tit {font-size: 2.44vw;}
    .prdDetail_wrap .sec2 .sec_tit + p {margin-top: 1.83vw; font-size: 1.10vw;}
    .prdDetail_wrap .sec2 .video {margin-top: 6.10vw;}
    .prdDetail_wrap .sec2 .video::before {width: 182.93vw;}
    .prdDetail_wrap .sec2 .video a {height: 48.17vw;}
    .prdDetail_wrap .sec2 .video a .video_btn {width: 5.49vw;}
    .prdDetail_wrap .sec2 ul {gap: 4.88vw 3.35vw; padding: 6.10vw 0 7.32vw;}
    .prdDetail_wrap .sec2 .bg::before {width: 182.93vw;}
    .prdDetail_wrap .sec2 ul li {width: calc(50% - 1.68vw);}
    .prdDetail_wrap .sec2 ul li strong {font-size: 1.95vw;}
    .prdDetail_wrap .sec2 ul li p {margin-top: 1.52vw; font-size: 1.10vw;}
    .prdDetail_wrap .sec3 {padding-top: 7.32vw;}
    .prdDetail_wrap .cont {gap: 6.10vw; margin-top: 3.05vw;}
    .prdDetail_wrap .cont .img {width: 36.59vw;}
    .prdDetail_wrap .cont .txt {width: calc(100% - 42.68vw);}
    .prdDetail_wrap .cont .txt li {padding: 1.10vw 1.83vw;}
    .prdDetail_wrap .cont .txt li strong {font-size: 1.10vw;}
    .prdDetail_wrap .cont .txt li span {font-size: 1.10vw;}
    /* .fancybox-slide--iframe .fancybox-content {height: 45vw; max-width: 100%; width: 79.8vw;} */

    .sub_vis_txt h2 + p.desc {font-size: 1.65vw;}
    .prdDetail_wrap.robot_wrap .sec1 h4 {font-size: 2.44vw; letter-spacing: -0.06vw; }
    .prdDetail_wrap.robot_wrap .sec1 .img {margin-top: 4.27vw; }

    /* etc_상세 */ 
	.etc_view .dpp_title_text h3 { font-size: 2.81vw; }
	.etc_view .dpp_img_wrap {padding: 0.94vw 0;/*  min-height: 37.50vw; */}
	.etc_view .dpp_img_wrap:before {  top: 2.50vw; width: 1250.00vw; height: 31.25vw;}
	.etc_view .dpp_img_wrap .dpp_img_inner { height: 37.50vw; border-radius: 1.88vw; box-shadow: 0.25vw 0.25vw 0.94vw rgba(0,0,0,0.15);  margin-top: 3.75vw;}
	.etc_view .dpp_img_wrap .dpp_img_inner img {/* width: 35.63vw !important; height: auto !important; */}
	.etc_view .dpp_view_title { font-size: 2.50vw; }
	.etc_view .dpp_v_txt {margin-top: 1.25vw; padding: 3.44vw 0 0;}
	.etc_view .dpp_pd_inner_title { font-size: 1.25vw; }
	.etc_view .dpp_pd_box {margin-top: 1.88vw;}
	.etc_view .dpp_pd_box span {  margin-top: 0.63vw; font-size: 1.25vw;}
	.etc_view .dpp_pd_box ul {margin-top: 0.63vw; margin-left: 1.88vw;}
	.etc_view .dpp_pd_box ul li a { font-size: 1.25vw;}
	.etc_view .dpp_pd_box ul li a .down_ic {  width: 1.00vw; height: 1.00vw;  margin-right: 0.63vw; margin-top: -0.31vw;}
	.etc_view .dpp_v_txt .dpp_pd_box p { font-size: 1.25vw; margin-top: 0.63vw;}

    .prdDetail_wrap.ar .sec1 {padding: 0 0 6.52vw;}
    .prdDetail_wrap.ar .sec1 ul {margin-top: 3.48vw; gap: 1.52vw;}
    .prdDetail_wrap.ar .sec1 ul li {width: calc(100%/3 - 0.98vw); height: 24.39vw; padding: 0 4.02vw;}
    .prdDetail_wrap.ar .sec1 ul li span {margin-top: 1.22vw;}
    .prdDetail_wrap.ar .sec2::before { width: 182.93vw; top: 0; left: -60.98vw;}
    .prdDetail_wrap.ar .sec2 > div { padding-top: 7.13vw; height: 28.41vw;}
    .prdDetail_wrap.ar .sec2 .sec_tit {font-size: 1.95vw;}
    .prdDetail_wrap.ar .sec2 .sec_tit + p {margin-top: 1.52vw; font-size: 1.10vw;}
    .prdDetail_wrap.ar .sec2 .img { top: 1.16vw;}
    .prdDetail_wrap.ar .sec2 .img img {width: 30.85vw;}
    .prdDetail_wrap.ar .sec3 {padding: 7.32vw 0;}
    .prdDetail_wrap.ar .sec3 .img { gap: 2.56vw;}
    .prdDetail_wrap.ar .sec3 .img img {width: calc(50% - 1.28vw);}
    .prdDetail_wrap.ar .sec3 p {margin-top: 4.27vw; font-size: 1.83vw;}
    .prdDetail_wrap.ar .sec4 h2 {font-size: 2.44vw;}
    .prdDetail_wrap.ar .sec4 ul {margin-top: 4.88vw; gap: 1.83vw;}
    .prdDetail_wrap.ar .sec4 ul li {width: calc(100%/2 - 0.91vw); padding: 3.05vw 2.62vw; gap: 0.61vw; height: 9.27vw;}
    .prdDetail_wrap.ar .sec4 ul li span {font-size: 1.10vw;}
    .prdDetail_wrap.ar .sec4 ul li p {font-size: 1.10vw;}

}



@media screen and (max-width:1280px){

    /* 공통 */
    .sub_visual{ height: 40.16vw;}
    .sub_vis_txt{max-width:93.75vw;}
    .sub_vis_txt em{font-size: 1.41vw;}
    .sub_vis_txt h2{font-size: 4.69vw; margin-top:0.70vw; }
    .sub_vis_txt .path {margin-top: 1.80vw; gap: 0.86vw;}
    .sub_vis_txt .path a {font-size: 1.09vw;}
    .sub_vis_txt .path .home {gap: 0.31vw;}
    .sub_vis_txt .path .home img {width: 1.34vw; margin-top: -0.08vw;}
    .sub_vis_txt .path a + a::before {width: 0.34vw; height: 0.67vw; margin-right: 0.86vw;}

    #sub_content{padding:7.03vw 0 10.94vw;}
    .sub_inner{max-width:93.75vw;}
    .sub_title{margin-bottom:5.39vw;}
    .sub_title h3{font-size: 3.91vw; letter-spacing: -0.07vw; }

    /* AGILOX_list */
    .prdList_total {font-size: 1.09vw; letter-spacing: -0.07vw;}
    .prdList_cont {margin-top: 1.25vw;}
    .prdList_cont .item {padding: 2.66vw 0; gap: 4.69vw;}
    .prdList_cont .item .img {width: 36.17vw; height: 22.10vw;}
    .prdList_cont .item .txt {width: calc(100% - 35.70vw);}
    .prdList_cont .item .txt .tit {font-size: 2.66vw;}
    .prdList_cont .item .txt p {margin-top: 2.03vw; font-size: 1.17vw;}
    .prdList_cont .item .btn {margin-top: 2.34vw; gap: 0.70vw;}
    .prdList_cont .item .btn a {padding: 0 2.11vw;}

    /* AGILOX_detail */
    .sub_visual.bg02 {height: 63.62vw;}
    .prdDetail_content {margin-top: 63.62vw;}
    .prdDetail_sub_vis_txt,
    .prdDetail_content .sub_inner {max-width: 93.75vw;}
    .prdDetail_wrap .sec1 {padding-top: 6.64vw;}
    .prdDetail_wrap .sec1 h2 {font-size: 2.66vw;}
    .prdDetail_wrap .sec1 ul {margin-top: 4.69vw; gap: 1.33vw;}
    .prdDetail_wrap .sec1 ul li {width: calc(100%/4 - 0.94vw); height: 15.40vw; gap: 0.63vw;}
    .prdDetail_wrap .sec1 ul li p {font-size: 2.19vw;}
    .prdDetail_wrap .sec1 ul li span {margin-top: 0.70vw; font-size: 1.17vw;}
    .prdDetail_wrap .sec2 {padding-top: 8.05vw;}
    .prdDetail_wrap .sec_tit {font-size: 2.66vw;}
    .prdDetail_wrap .sec2 .sec_tit + p {margin-top: 2.03vw; font-size: 1.17vw;}
    .prdDetail_wrap .sec2 .video {margin-top: 6.64vw;}
    .prdDetail_wrap .sec2 .video::before {width: 300%;}
    .prdDetail_wrap .sec2 .video a {height: 52.90vw;}
    .prdDetail_wrap .sec2 .video a .video_btn {width: 6.03vw;}
    .prdDetail_wrap .sec2 ul {gap: 5.23vw 3.67vw; padding: 6.64vw 0 7.97vw;}
    .prdDetail_wrap .sec2 .bg::before {width: 300%;}
    .prdDetail_wrap .sec2 ul li {width: calc(50% - 1.88vw);}
    .prdDetail_wrap .sec2 ul li strong {font-size: 2.19vw;}
    .prdDetail_wrap .sec2 ul li p {margin-top: 1.64vw; font-size: 1.17vw;}
    .prdDetail_wrap .sec3 {padding-top: 7.97vw;}
    .prdDetail_wrap .cont {gap: 6.72vw; margin-top: 3.36vw;}
    .prdDetail_wrap .cont .img {width: 40.16vw;}
    .prdDetail_wrap .cont .txt {width: calc(100% - 46.88vw);}
    .prdDetail_wrap .cont .txt li {padding: 1.17vw 2.03vw;}
    .prdDetail_wrap .cont .txt li strong {font-size: 1.17vw;}
    .prdDetail_wrap .cont .txt li span {font-size: 1.17vw;}
    /* .fancybox-slide--iframe .fancybox-content {height: 52.7vw; max-width: 100%; width: 93.75vw;} */

    .sub_vis_txt h2 + p.desc {font-size: 1.64vw;}
    .prdDetail_wrap.robot_wrap .sec1 h4 {font-size: 2.42vw; letter-spacing: -0.08vw; }
    .prdDetail_wrap.robot_wrap .sec1 .img {margin-top: 4.30vw; }

    /* etc_상세 */ 
	.etc_view .dpp_title_text h3 { font-size: 2.81vw; }
	.etc_view .dpp_img_wrap {padding: 0.94vw 0;/*  min-height: 37.50vw; */}
	.etc_view .dpp_img_wrap:before {  top: 2.50vw; width: 1250.00vw; height: 31.25vw;}
	.etc_view .dpp_img_wrap .dpp_img_inner { height: 37.50vw; border-radius: 1.88vw; box-shadow: 0.23vw 0.23vw 0.94vw rgba(0,0,0,0.15);  margin-top: 3.75vw;}
	.etc_view .dpp_img_wrap .dpp_img_inner img {/* width: 35.63vw !important; height: auto !important; */}
	.etc_view .dpp_view_title { font-size: 2.50vw; }
	.etc_view .dpp_v_txt {margin-top: 1.25vw; padding: 3.44vw 0 0;}
	.etc_view .dpp_pd_inner_title { font-size: 1.25vw; }
	.etc_view .dpp_pd_box {margin-top: 1.88vw;}
	.etc_view .dpp_pd_box span {  margin-top: 0.63vw; font-size: 1.25vw;}
	.etc_view .dpp_pd_box ul {margin-top: 0.63vw; margin-left: 1.88vw;}
	.etc_view .dpp_pd_box ul li a { font-size: 1.25vw;}
	.etc_view .dpp_pd_box ul li a .down_ic {  width: 1.02vw; height: 1.02vw;  margin-right: 0.63vw; margin-top: -0.31vw;}
	.etc_view .dpp_v_txt .dpp_pd_box p { font-size: 1.25vw; margin-top: 0.63vw;}

    .prdDetail_wrap.ar .sec1 {padding: 0 0 6.48vw;}
    .prdDetail_wrap.ar .sec1 ul {margin-top: 3.52vw; gap: 1.48vw;}
    .prdDetail_wrap.ar .sec1 ul li {width: calc(100%/3 - 1.02vw); height: 24.38vw; padding: 0 3.98vw;}
    .prdDetail_wrap.ar .sec1 ul li span {margin-top: 1.25vw;}
    .prdDetail_wrap.ar .sec2::before { width: 182.97vw; top: 0; left: -61.02vw;}
    .prdDetail_wrap.ar .sec2 > div { padding-top: 7.11vw; height: 28.44vw;}
    .prdDetail_wrap.ar .sec2 .sec_tit {font-size: 1.95vw;}
    .prdDetail_wrap.ar .sec2 .sec_tit + p {margin-top: 1.48vw; font-size: 1.09vw;}
    .prdDetail_wrap.ar .sec2 .img { top: 1.17vw;}
    .prdDetail_wrap.ar .sec2 .img img {width: 30.86vw;}
    .prdDetail_wrap.ar .sec3 {padding: 7.34vw 0;}
    .prdDetail_wrap.ar .sec3 .img { gap: 2.58vw;}
    .prdDetail_wrap.ar .sec3 .img img {width: calc(50% - 1.25vw);}
    .prdDetail_wrap.ar .sec3 p {margin-top: 4.30vw; font-size: 1.80vw;}
    .prdDetail_wrap.ar .sec4 h2 {font-size: 2.42vw;}
    .prdDetail_wrap.ar .sec4 ul {margin-top: 4.84vw; gap: 1.80vw;}
    .prdDetail_wrap.ar .sec4 ul li {width: calc(100%/2 - 0.94vw); padding: 3.05vw 2.66vw; gap: 0.63vw; height: 9.30vw;}
    .prdDetail_wrap.ar .sec4 ul li span {font-size: 1.09vw;}
    .prdDetail_wrap.ar .sec4 ul li p {font-size: 1.09vw;}

} 



@media screen and (max-width:900px){
    .fancybox-slide>*{width: 100%; max-width: 93.75vw;}
}




@media screen and (max-width:768px){

    /* 공통 */
    .sub_visual{ height: 104.17vw; background:url("/img/sub/sub_visual01_m.png") no-repeat center / cover;}
    .sub_visual.bg01{background-image:url("/img/sub/sub_visual01_m.png");}
    .sub_visual.bg02{background-image:url("/img/sub/sub_visual02_m.png");}
    .sub_visual.bg03{background-image:url("/img/sub/sub_visual03_m.png");}
    .sub_visual.bg04{background-image:url("/img/sub/sub_visual04_m.png");}
    .sub_visual.bg05{background-image:url("/img/sub/sub_visual05_m.png");}

    .sub_visual.robots{background-image:url("/img/sub/ai_cobots_detail_vis_m.png");}
    .sub_visual.robot{background-image:url("/img/sub/ai_cobot_detail_vis_m.png");}
    .sub_visual.one{background-image:url("/img/main/m_vis03.png");}

    .sub_vis_txt{max-width:100%; padding: 0 5.73vw;}
    .sub_vis_txt em{font-size: 3.65vw;}
    .sub_vis_txt h2{font-size: 9.11vw; margin-top:2.60vw; }
    .sub_vis_txt .path {margin-top: 5.60vw; gap: 2.73vw; display: none;}
    .sub_vis_txt .path a {font-size: 3.39vw;}
    .sub_vis_txt .path .home {gap: 0.91vw;}
    .sub_vis_txt .path .home img {width: 4.17vw; margin-top: -0.26vw;}
    .sub_vis_txt .path a + a::before {width: 1.04vw; height: 2.08vw; margin-right: 2.73vw;}

    #sub_content{padding:20.83vw 0 31.25vw;}
    .sub_inner{max-width:100%; padding: 0 5.73vw;}
    .sub_title{margin-bottom:13.02vw;}
    .sub_title h3{font-size: 7.81vw; letter-spacing: -0.26vw; }

    /* AGILOX_list */
    .prdList_total {font-size: 3.65vw; letter-spacing: -0.26vw;}
    .prdList_cont {margin-top: 7.94vw;}
    .prdList_cont .item {padding: 10.42vw 0; gap: 10.42vw; flex-direction: column; align-items: flex-start;}
    .prdList_cont .item .img {width: 100%; height: 54.69vw;}
    .prdList_cont .item .txt {width: 100%;}
    .prdList_cont .item .txt .tit {font-size: 6.77vw;}
    .prdList_cont .item .txt p {margin-top: 6.51vw; font-size: 3.65vw;}
    .prdList_cont .item .btn {margin-top: 6.51vw; gap: 2.60vw;}
    .prdList_cont .item .btn a {padding: 0 8.33vw;}

    /* AGILOX_detail */
    .sub_visual.bg02 {height: 130.21vw;}
    .prdDetail_content {margin-top: 130.21vw;}
    .prdDetail_sub_vis_txt,
    .prdDetail_content .sub_inner {max-width: 100%; padding: 0 5.21vw;}
    /* .prdDetail_wrap .sec1 {padding-top: 17.45vw;} */
    .prdDetail_wrap .sec1 h2 {font-size: 6.77vw;}
    .prdDetail_wrap .sec1 ul {margin-top: 13.02vw; gap: 5.21vw; flex-direction: column;}
    .prdDetail_wrap .sec1 ul li {width: 100%; height: auto; gap: 1.30vw; padding: 8.33vw 0;}
    .prdDetail_wrap .sec1 ul li p {font-size: 6.25vw;}
    .prdDetail_wrap .sec1 ul li span {margin-top: 1.30vw; font-size: 3.65vw;}
    .prdDetail_wrap .sec2 {padding-top: 23.44vw;}
    .prdDetail_wrap .sec_tit {font-size: 6.77vw;}
    .prdDetail_wrap .sec2 .sec_tit + p {margin-top: 7.81vw; font-size: 3.65vw;}
    .prdDetail_wrap .sec2 .video {margin-top: 18.23vw;}
    .prdDetail_wrap .sec2 .video a {height: 50.55vw;}
    .prdDetail_wrap .sec2 .video a .video_btn {width: 9.11vw;}
    .prdDetail_wrap .sec2 ul {gap: 10.42vw; padding: 18.23vw 0; flex-direction: column;}
    .prdDetail_wrap .sec2 .bg::before {width: 300%;}
    .prdDetail_wrap .sec2 ul li {width: 100%;}
    .prdDetail_wrap .sec2 ul li strong {font-size: 5.73vw;}
    .prdDetail_wrap .sec2 ul li p {margin-top: 5.21vw; font-size: 3.65vw;}
    .prdDetail_wrap .sec3 {padding-top: 18.23vw;}
    .prdDetail_wrap .cont {gap: 13.02vw; margin-top: 10.42vw; flex-direction: column;}
    .prdDetail_wrap .cont .img {width: 100%;}
    .prdDetail_wrap .cont .txt {width: 100%;}
    .prdDetail_wrap .cont .txt li {padding: 3.13vw 0; flex-direction: column; align-items: flex-start; gap: 1.30vw;}
    .prdDetail_wrap .cont .txt li strong {font-size: 3.65vw;}
    .prdDetail_wrap .cont .txt li span {font-size: 3.65vw;}
    /* .fancybox-slide--iframe .fancybox-content {height: 50.35vw; max-width: 100%; width: calc(100% - (5.21vw*2));} */
    .fancybox-slide>*{width: 100%; max-width: calc(100% - (5.21vw*2));}

	/* etc_상세 */ 
	.etc_view .dpp_title_text h3 { font-size: 5.86vw; }
	.etc_view .dpp_img_wrap {padding: 1.95vw 0; /* min-height: 50.13vw; */}
	.etc_view .dpp_img_wrap:before {  top: 5.21vw; width: 2604.17vw; height: 75.10vw;}
	.etc_view .dpp_img_wrap .dpp_img_inner { height: 50.13vw; border-radius: 3.91vw; box-shadow: 0.52vw 0.52vw 1.95vw rgba(0,0,0,0.15);  margin-top: 7.81vw;}
	.etc_view .dpp_img_wrap .dpp_img_inner img{/* width: 60.22vw !important; height: auto !important; */}
	.etc_view .dpp_view_title { font-size: 5.21vw; }
	.etc_view .dpp_v_txt {margin-top: 2.60vw; padding: 7.16vw 0 0;}
	.etc_view .dpp_pd_inner_title { font-size: 3.26vw; }
	.etc_view .dpp_pd_box {margin-top: 3.91vw;}
	.etc_view .dpp_pd_box span {  margin-top: 1.30vw; font-size: 3.26vw;}
	.etc_view .dpp_pd_box ul {margin-top: 1.30vw; margin-left: 3.91vw;}
	.etc_view .dpp_pd_box ul li a { font-size: 3.26vw;}
	.etc_view .dpp_pd_box ul li a .down_ic {  width: 2.08vw; height: 2.08vw;  margin-right: 1.30vw; margin-top: -0.65vw;}
	.etc_view .dpp_v_txt .dpp_pd_box p { font-size: 3.26vw; margin-top: 1.30vw;}
    .etc_view .dpp_view_con {padding-top: 80px;}
    .etc_view .dpp_view_con div.dpp_v_txt img {max-width: 100%;}

    .prdDetail_sub_vis_txt .sub_vis_txt h2 {line-height: 1.125;}
    .sub_vis_txt h2 + p.desc {font-size: 3.52vw; margin-top: 2.60vw; line-height: 1.4;}
    .prdDetail_wrap.robot_wrap .sec1 h4 {font-size: 6.77vw; letter-spacing: -0; }
    .prdDetail_wrap.robot_wrap .sec1 .img {margin-top: 10.42vw; }

    
    .sub_visual.ar{background-image:url("/img/sub/m_ar_detail_vis.png");}
    .prdDetail_wrap.ar .sec1 {padding: 0 0 20.70vw;}
    .prdDetail_wrap.ar .sec1 ul {margin-top: 7.81vw; gap: 5.21vw; flex-direction: column;}
    .prdDetail_wrap.ar .sec1 ul li {width: 100%; height: 58.98vw; padding: 0 7.16vw;}
    .prdDetail_wrap.ar .sec1 ul li span {margin-top: 2.60vw;}
    .prdDetail_wrap.ar .sec2::before { width: 260.42vw; top: 0; left: -130.21vw;}
    .prdDetail_wrap.ar .sec2 > div { padding: 17.71vw 0 0.91vw; height: auto;}
    .prdDetail_wrap.ar .sec2 .sec_tit {font-size: 6.77vw;}
    .prdDetail_wrap.ar .sec2 .sec_tit + p {margin-top: 6.51vw; font-size: 3.65vw;}
    .prdDetail_wrap.ar .sec2 .sec_tit + p br {display: none;}
    .prdDetail_wrap.ar .sec2 .img { top: auto; right: auto; position: relative; margin-top: 0.78vw; text-align: right;}
    .prdDetail_wrap.ar .sec2 .img img {width: 81.77vw;}
    .prdDetail_wrap.ar .sec3 {padding: 20.96vw 0 18.88vw;}
    .prdDetail_wrap.ar .sec3 .img { gap: 5.21vw; flex-direction: column;}
    .prdDetail_wrap.ar .sec3 .img img {width: 100%;}
    .prdDetail_wrap.ar .sec3 p {margin-top: 7.03vw; font-size: 3.65vw;}
    .prdDetail_wrap.ar .sec4 h2 {font-size: 6.77vw;}
    .prdDetail_wrap.ar .sec4 ul {margin-top: 10.42vw; gap: 3.91vw; flex-direction: column;}
    .prdDetail_wrap.ar .sec4 ul li {width: 100%; padding: 6.51vw 5.21vw; gap: 1.30vw; height: 26.69vw;}
    .prdDetail_wrap.ar .sec4 ul li span {font-size: 3.65vw;}
    .prdDetail_wrap.ar .sec4 ul li p {font-size: 3.65vw;}
    .prdDetail_wrap.ar .sec4 ul li p br {display: none;}

}