.aside{top:55%;right:0;border-radius:35px 0 0 35px;background-color:rgba(0,0,0,.65);padding:30px 0;transition:right .2s;}
 .aside a{position: relative;display:flex;align-items:center;width: 148px;min-height:50px;font-size:17px !important;line-height:1.2;color:#fff;border:0 !important;background:transparent !important;margin:0;transition:color .2s;z-index: 1;}
 .aside a:first-child{margin-top:0;}
 .aside a:hover{color:#fff !important;border:0 !important;background:transparent !important;}
 .aside a:hover::after{display: block;position: absolute;content: '';width: 141%;height: 85px;color:#fff !important;border:0 !important;background: #ff5722 !important;border-radius: 54px;z-index: -1;left: -12%;transition: ease-in 5s;box-shadow: 0 0 15px 4px #00000033;}
 .aside a.btn_tel:hover::after{height: 95px;}
 .aside a::before{margin-right:12px;}
 .aside a.btn_tel{height:auto;margin: 0 auto 24px;}
 .aside a.btn_tel b{text-align:left;margin:0;}
 .aside a.btn_inquiry::before{width:26px;height:26px;background-position:-84px -76px;}
 .aside a.btn_kakao::before{width:26px;height:24px;background-position:-147px -77px;}
 .aside a.btn_accept::before{width:26px;height:24px;background-position:-211px -77px;}
 .aside a.btn_phsp::before{width:26px;height:24px;background-position:-273px -77px;}
 .aside a.btn_tel::before, .aside a.btn_tel:hover::before{width:26px;height:23px;background-position:-335px -78px;margin-top:0;}
 .aside a.btn_remote_pc::before, .aside a.btn_remote_pc:hover::before{width:26px;height:22px;background:url(/images/www/main/sp_main.png?build_20250602172957001) no-repeat -396px -78px;}
 /*.aside a:hover{background: #1a1a1a;}
 .aside a.btn_tel:hover{color:#fff;border-color:#ff5925;background:#ff5925;}
 .aside a.btn_tel:hover::before{background-position:-199px -23px;vertical-align:sub;margin-top:14px;}
 .aside a.btn_remote_pc:hover{color:#fff;border-color:#ff5925;background:#ff5925;}
 .aside a.btn_remote_pc:hover:before{ content:'';display:inline-block; background: url(/images/www/common/ico_remote_white.png?build_20250602172957001) 0 0 no-repeat; width: 24px; height: 24px; }
*/  .sub #header{position:relative;}
 .sub #header .gnbA > a{color:#1a1a1a;}
 .sub #header .gnbA.on > a{color:#fff;}
 .sub #header .gnbA.on > a::after{background-color:#1a1a1a;opacity:1;z-index:-1;}
 .sub #header .logo a{background-image:url(/images/www/common/logo3.png?build_20250602172957001);}
 .sub #header .lang{border-color:#1a1a1a;}
 .sub #header .lang li a{color:#1a1a1a;}
 .sub #header .lang li:first-child a::after{background-position:-20px -30px;}
  .snb{display:flex;margin-top:75px;}
 .snb li{margin-left:90px;}
 .snb li:first-child{margin-left:0 !important;}
 .snb li a{position:relative;display:block;font-size:24px;font-weight:500;color:#aeabab;padding-bottom:24px;}
 .snb li a:hover{color:#ff5925;}
 .snb li.on a{color:#000; font-weight: 600;}
 .snb li.on a::after{position:absolute;bottom:0;left:0;content:'';display:block;width:100%;height:2px;background-color:#1a1a1a;}
 .snb li .snbB{display:none;}
  /* .section{display:flex;align-items:center;justify-content:center; margin-top: -30px; margin-bottom: 64px;}
 .section > li > a{display:block;height:50px;font-size:21px;line-height:50px;color:#ababab;border-radius:24px;padding:0 30px;letter-spacing: 1px;}
 .section > li.on > a{color:#fff;background-color:#1a1a1a;}
 */  /*.section{display:flex; width: 1500px; margin: -30px auto 64px;}
*/ .section{display:flex;align-items:center;justify-content:center; margin-top: -30px; margin-bottom: 64px;}
 .section > li{ box-sizing: border-box; height: 59px; border-top: 1px solid #1a1a1a; border-bottom: 1px solid #1a1a1a; }
 .section > li:first-child { border-radius:32px 0 0 32px; border-left: 1px solid #1a1a1a;}
 .section > li:last-child { border-radius:0 32px 32px 0; border-right: 1px solid #1a1a1a;}
 .section > li:first-child > a { padding-left: 60px;}
 .section > li:last-child > a { padding-right: 60px;}
 .section > li.on:first-child{ border-left:0 ;}
 .section > li.on:last-child{ border-right:0 ;}
 .section > li > a{display:block;height:59px;line-height: 59px; font-size:21px;color: #1a1a1a; padding:0 45px;letter-spacing: 1px; box-sizing: border-box; }
 .section > li > a:hover{ color: #ff5925;}
 .section.one_item > li.on{ border: none;}
 .section > li.on > a{color:#fff;background-color:#1a1a1a; height: 72px; line-height: 72px; margin-top: -8px; border-radius: 999px; padding: 0 60px;}
  .sub_vis .bg{position:absolute;top:0;right:0;z-index:-1;overflow:hidden; height: 160px}
 .sub_vis .bg::after{position:relative;top:-32px;right:-20px;display:block;font-size:160px;font-weight:800;-webkit-text-stroke:1px #f1f1f1;-webkit-text-fill-color:transparent;}
 /* 글자가 아래로 정렬되는 경우 .sub_vis .bg{position:absolute;bottom:0;right:0;z-index:-1;overflow:hidden;}
 .sub_vis .bg::after{position:relative;bottom:-40px;right:-20px;display:block;font-size:160px;font-weight:800;-webkit-text-stroke:1px #f1f1f1;-webkit-text-fill-color:transparent;}
*/ .sub_vis.spot_company .bg::after{content:'INTRODCUTION';letter-spacing:-5px;}
 .sub_vis.spot_build .bg::after{content:'HOMEPAGE';}
 .sub_vis.spot_kiosk_photo .bg::after{content:'Photo Kiosk';}
 .sub_vis.spot_kiosk_photo .snb li{margin-left:4%;}
 .sub_vis.spot_kiosk_manless .bg::after{content:'Manless Kiosk';letter-spacing:-6px;}
 .sub_vis.spot_solution .bg::after{content:'Solution/IoT';letter-spacing:-3px;right:-19px; }
 .sub_vis.spot_corporation .bg::after{content:'Smart System';letter-spacing:-6px;}
 .sub_vis.spot_community .bg::after{content:'COMMUNITY';}
 .sub_vis.spot_support .bg::after{content:'YUBI Corp';}
 .sub_vis{position:relative;border-top:1px solid #f5f5f5;border-bottom:1px solid #ccc;padding-top:54px;}
 .sub_vis .inner{position:relative;}
 .sub_vis h2.tit{font-size:55px;font-weight:600;color:#000;}
 .sub_vis .path{display:flex;margin-top:20px;}
 .sub_vis .path a{font-size:15px;color:#1a1a1a;margin:0 10px;}
 .sub_vis .path a:first-child{display:block;width:14px;height:16px;background:url(/images/www/common/sp_layout.png?build_20250602172957001) no-repeat -182px -25px;margin-left:0;text-indent:-9999px;}
 .sub_vis .content_util{position:absolute;top:50%;right:0;transform:translateY(-50%);display:flex; z-index: 10;}
 .sub_vis .content_util > li{position:relative;margin-left:6px;}
 .sub_vis .content_util > li > a{position:relative;display:block;width:58px;height:58px;border:1px solid #1a1a1a;border-radius:100%;background-color:#fff;background-image:url(/images/www/common/sp_layout.png?build_20250602172957001);background-repeat:no-repeat;box-sizing:border-box;margin-bottom:8px;text-indent:-9999px;transition:background-color .2s;}
 .sub_vis .content_util > li.download > a{background-position:-263px -6px;}
 .sub_vis .content_util > li.share > a{background-position:-380px -7px;}
 .sub_vis .content_util > li.download .tools_box{padding:20px 10px;}
 .sub_vis .content_util > li.download .tools_box li + li{margin-top:20px;}
 .sub_vis .content_util > li.share .tools_box li + li{margin-top:10px;}
 .sub_vis .content_util > li.share .tools_box{padding:15px 10px;}
 .sub_vis .content_util > li.on > a{background-color:#1a1a1a;}
 .sub_vis .content_util > li.on.download > a{background-position:-321px -6px;}
 .sub_vis .content_util > li.on.share > a{background-position:-437px -7px;}
 .sub_vis .content_util .tools_box{position:absolute;top:66px;left:0;width:100%;height:auto;border:1px solid #1a1a1a;border-radius:12px;background-color:#fff;box-sizing:border-box;}
 .sub_vis .content_util .tools_box li + li{margin-top:10px;}
 .sub_vis .content_util .tools_box li a{display:block;background-image:url(/images/www/common/sp_layout.png?build_20250602172957001);background-repeat:no-repeat;margin:0 auto;text-indent:-9999px;}
 .sub_vis .content_util .tools_box li.ico_print a{background-position:-20px -80px;width:24px;height:21px;}
 .sub_vis .content_util .tools_box li.ico_jpg a{background-position:-84px -79px;width:24px;height:24px;}
 .sub_vis .content_util .tools_box .sns a{width:38px;height:38px;border-radius:100%;}
 .sub_vis .content_util .tools_box .sns.fa a{background-position:-148px -72px;}
 .sub_vis .content_util .tools_box .sns.tw a{background-position:-226px -72px;}
 .sub_vis .content_util .tools_box .sns.bd a{background-position:-304px -72px;}
 .sub_vis .content_util .tools_box .sns.link a{background-position:-382px -72px;}
 #content_box{padding:90px 0;overflow:hidden;}
 @media screen and (min-width:1851px){ .aside{top: 61%;right:0;border-radius:35px 0 0 35px;background-color:rgba(0,0,0,.65);padding: 35px 0;transition:right .2s;}
 .aside a{display:flex;align-items:center;width: 150px;gap: 8px;min-height: 58px;font-size: 16px !important;line-height:1.2;color:#fff;border:0 !important;background:transparent !important;margin: -4px auto 24px;transition:color .2s;flex-direction: column;text-align: center;justify-content: center;}
 .aside a:first-child{margin-top:0;}
 .aside a:last-child{margin-bottom:0;}
 .aside a:hover{color:#fff !important;border:0 !important;background:transparent !important;}
 .aside a::before{margin: 0 auto;}
 .aside a.btn_tel{height: auto;}
 .aside a.btn_tel b{font-size: 16px;line-height: 1.5rem;text-align: center;margin:0;}
 .aside a.btn_inquiry::before{width:26px;height: 27px;background-position:-84px -76px;}
 .aside a.btn_kakao::before{width:26px;height:24px;background-position:-147px -77px;}
 .aside a.btn_accept::before{width:26px;height:24px;background-position:-211px -77px;}
 .aside a.btn_phsp::before{width:26px;height:24px;background-position:-273px -77px;}
 .aside a.btn_tel::before, .aside a.btn_tel:hover::before{width:26px;height:23px;background-position:-335px -78px;margin-top:0;}
 .aside a.btn_remote_pc::before, .aside a.btn_remote_pc:hover::before{width:26px;height:22px;background:url(/images/www/main/sp_main.png?build_20250602172957001) no-repeat -396px -78px;}
 }
 @media screen and (max-width:1850px){ .aside{right: -86px;padding: 20px 0;}
 .aside:hover{right:0;}
 .aside:hover a{color:#fff;}
 .aside a{font-size: 16px!important;color:transparent;min-height: 55px;}
 .aside a.btn_tel{height:auto;margin: 0 auto;}
 .aside a.btn_tel b{font-size: 16px;}
 span.aside_next{display: block;}
 .aside a:hover::after{width: 122%;height: 57px;background: #ff5722 !important;border-radius: 54px;z-index: -1;left: -8%;transition: ease-in 5s;box-shadow: 0 0 15px 4px #00000033;}
 .aside a.btn_tel:hover::after{height: 64px;}
 }
 @media screen and (min-height:500px) and (max-height:900px){ .aside{top: 70%;}
 }
 @media screen and (max-width:1650px){ .sub_vis .content_util{right:5%;}
 }