/* 
.main_top {
    width: 100%; height: 100%; min-height: 100vh; overflow: hidden; position: relative;
    display: flex; align-items: center; justify-content: center;
}
.main_top .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.main_top .bg::before {
    display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0;
    background: #000; opacity: .5; z-index: 1;
}  */

#popGalleryView .layer {width: max-content;}
#popGalleryView .img {width: 100%; height: 100%; font-size: 0; max-height: calc(90vh - 30px); overflow: hidden; border-radius: 10px;}
#popGalleryView .img img {width: 100%; height: 100%; object-fit: contain; max-height: calc(90vh - 30px);}

.main_top{margin-top: 100px;padding: 0;}
.main_top .inner{width: 90%;max-width: 1280px;}
.main_top .contents_gallery{display: flex;height: calc(100vh - 100px); padding-bottom: 10px; flex-direction: column; gap: 8px; width: 100%;}
.main_top .contents_gallery .main_image{width: 100%; height: 100%; overflow: hidden; position: relative;}
.main_top .contents_gallery .main_image img{width: 100%; height: 100%; object-fit: cover; display: none; border-radius: 10px; position: absolute; left: 0; top: 0;}
.main_top .contents_gallery .main_image img.active{display: block;animation: fadeIn 0.6s ease;}
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; }}
.main_top .contents_gallery .thum_list{display: grid; grid-template-columns: repeat(3, 1fr); transition: transform 0.5s ease; height: 100%; gap: 8px;}
.main_top .contents_gallery .thum_list img{width: 100%; height: 100%; border-radius: 10px; object-fit: cover; transition: 0.3s; cursor: pointer;}

.main_gallery{height: calc(100vh - 100px);}
.mainGalleryTop .swiper-wrapper .swiper-slide{border-radius: 10px;overflow: hidden;}
.mainGalleryTop .swiper-wrapper .swiper-slide img{aspect-ratio: 1 / 0.52;object-fit: cover; border-radius: 10px;}
.mainGalleryThumb .swiper-wrapper .swiper-slide img{border-radius: 10px;overflow: hidden;}
.main_abt .main_con{display: flex; gap: 100px; align-items: end;}
.main_abt .main_con img{border-radius: 15px;width: 40%;}
.content_txt .md-tit{position: relative;padding-top: 20px;}
.content_txt .md-tit:after{content: ''; background: #000; width: 300px; height: 2px; position: absolute;top: 0; left: 0;}
.content_txt .sub_tit{text-align: center;margin-bottom: 40px; font-weight: 700;font-size: 2rem;}
.main_abt .content_box{width: 60%;}
.main_abt .content_txt:last-child{margin-top: 50px;}
.main_abt .content_txt .mt20{margin-top: 30px;}
.main_abt .content_txt .tit{margin-bottom: 10px;}

.main_mean .content_txt{display: flex; gap: 100px;}
.main_mean .content_txt:first-child{margin-bottom: 100px;}
.main_mean .content_txt h3{width: 40%; text-align: right;}
.main_mean .content_txt .md-tit:after{left: inherit; right: 0;}
.main_mean .content_txt div{width: 60%;}
.main_mean .content_txt img{width: 100%;}

.main_why .content_txt{display: flex; gap: 100px;}
.main_why .content_txt .content_tit{text-align: right; width: 40%;}
.main_why .content_txt .desc{width: 60%;}
.main_why .content_txt .md-tit:after{left: inherit; right: 0;}
.main_why .content_txt:first-child{margin-bottom: 100px;}
.main_why .content_txt .mt20{margin-top: 20px;}
.main_why .for_wrap{width: 60%; display: grid; gap: 20px; grid-template-columns: repeat(2, 1fr);}
.main_why .for_wrap li{width: 100%;}
.main_why .for_wrap li img{width: 100%;}

.main_news .news_wrap .news_item .news_list{display: grid; grid-template-columns: repeat(4, 1fr); gap: 50px 25px; }
.main_news .news_wrap .news_item .news_list li:hover .img img{transform: scale(1.2);}
.main_news .news_wrap .news_item .news_list span{display: block;margin-top: 20px; color: #999; font-size: 14px; font-weight: 400; line-height: 1;}
.main_news .news_wrap .news_item .news_list .img{border-radius: 10px; aspect-ratio: 1 / 0.6312; overflow: hidden;border: 1px solid rgba(164, 164, 165, 0.25);}
.main_news .news_wrap .news_item .news_list .img img{ width: 100%;height: 100%;object-fit: cover;object-position: center center; transition: transform 0.5s linear;}
.main_news .news_wrap .news_item .news_list b{color: #000; margin-top: 5px;  font-size: 1rem; font-weight: 600; line-height: 1.62; letter-spacing: -0.32px; display: -webkit-box;  -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.main_news .news_wrap .news_item .news_list p{font-weight: 500; margin-top: 2px; font-size: 0.875rem;white-space: pre-line;}

.main_from .from_wrap{display: flex; justify-content: space-between;}
.main_from .from_wrap .from_list{display: grid; grid-template-columns: repeat(3 , 1fr); max-width: 628px; gap: 20px 10px; }
.main_from .from_wrap .from_list p{font-size: 0.875rem; text-align: center; letter-spacing: -0.5px; font-weight: 500;}
.main_from .from_wrap .from_list li img{width: 100%;}

.main_from .video_content{height: 500px;}

.sub_top{margin-top: 100px;}
.sub_top .inner{padding: 100px 0; color: #fff; text-align: right;}
.sub_top .inner .tit{ font-size: 3rem; font-weight: 600;}
.sub_top .inner .desc{font-size: 1.5rem; font-weight: 400;}

/* solution */
.sub_top.solution{background: url("/img/sub_top_sol.png") no-repeat; background-size: 100%;}
.sub_top.system{background: url("/img/sub_top_sys.png") no-repeat; background-size: 100%;}
.sub_top.plan{background: url("/img/sub_top_plan.png") no-repeat; background-size: 100%;}
.sol_step_list{margin-top: 30px; display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px;}
.sol_step_list img{aspect-ratio: 1/1;}
.sol_step_list .step{font-weight: 700; font-size: 1.125rem; margin: 15px 0;}
.sol_key_item{margin-top:60px}
.sol_key_item.flex{display: flex; gap: 20px;}
.sol_key_item.flex > div{width: 40%;}
.sol_key ul{margin-top: 60px; display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px;}
.sol_key ul li{border-radius: 10px;padding: 50px 15px; text-align: center; background: linear-gradient(180deg,rgba(242, 242, 242, 1) 0%, rgba(255, 255, 255, 1) 100%);}
.sol_key ul li .tit{font-weight: 700; font-size: 1.25rem;margin-bottom: 20px;}
.sol_key ul li > div{margin-bottom: 10px;}
.sol_key ul li div img{aspect-ratio: 1 / 1; object-fit: cover;}
.sol_key ul li .key_tit{font-size: 1rem; font-weight: 700;margin-bottom: 10px;}
.sol_key ul li .desc{font-size: 0.875rem; letter-spacing: -0.5px;}
.sol_tech .content_txt.no_line{margin-top: 50px; display: flex; align-items: center; gap: 20px;}
.sol_tech .content_txt.no_line .small{font-size: 0.875rem;margin-top: 5px;}
.sol_tech .content_txt.no_line .md-tit:after{display: none;}
.sol_feature ul{margin-top: 50px;}
.sol_feature ul li{display: flex;margin-bottom: 30px; gap: 20px; align-items: center;}
.sol_feature ul li .tit{font-size: 1.5rem; font-weight: 700;margin-bottom: 10px;}
.sol_feature ul li img{border-radius: 10px;}
.sol_built .inner{display: flex; justify-content: space-between;}
.sol_built .built_wrap{display: grid; gap: 30px;}
.sol_built .built_wrap li{display: flex; align-items: center; gap: 20px;}
.sol_built .built_wrap li .tit{font-size: 1.25rem; font-weight: 700;}
.sol_built .built_wrap li .desc{margin-bottom: 20px;}
.sol_built .built_wrap li ul {margin-left: 10px;}
.sol_built .built_wrap li ul li{position: relative; text-indent: 10px;margin-left: -10px;}
.sol_built .built_wrap li ul li::before{content: ''; background: #000; width: 3px; height: 3px; border-radius: 5px; position: absolute;left: 0; top: 11px; transform: translateY(-50%);}

/* system */
.sys_info_wrap{display: flex;margin-top: 60px; gap: 50px; justify-content: space-between; align-items: start;}
.sys_info_wrap .product_info .info_box{display: flex; gap: 50px;}
.sys_info_wrap .product_info .info_desc .desc{margin-bottom: 15px; color: #5B5B5B;}
.sys_info_wrap .product_info .info_desc .tit{background: #ECEBEB;padding: 10px;margin-bottom: 10px;}
.sys_info_wrap .product_info .info_desc .bold{font-size: 1.125rem; color: #000;}
.sys_info_wrap .product_info .info_desc .bold span{display: block; font-weight: 400; font-size: 0.875rem;}
.sys_info_wrap .product_info .price .desc{font-weight: 600;}
.sys_spec{background: linear-gradient(180deg,rgba(242, 242, 242, 1) 0%, rgba(255, 255, 255, 1) 100%);}
.sys_spec .ta_only{display: none;}
.sys_device .device_list{display: grid;margin-top: 40px; grid-template-columns: repeat(2, 1fr) ; gap: 60px;}
.sys_device .device_list li{display: flex; align-items: center; gap: 20px;}
.sys_device .device_list li div img{max-width: 300px;}
.sys_device .device_list li .device_txt{flex-shrink: 0;}
.sys_device .device_list.second_device li{align-items: start;}
.sys_device .device_list .device_txt .tit{font-weight: 600; margin-bottom: 20px;}
.sys_device .device_list .device_txt .desc li{position: relative; text-indent: 10px;margin-bottom: 5px;}
.sys_device .device_list .device_txt .desc li::before{content: ''; width: 3px; height: 3px; border-radius: 30px; background: #000; position: absolute;left: 0; top: 50%; transform: translateY(-50%);}
.content_txt.mt100{margin-top: 100px;}
.content_txt.no_line .md-tit::after{display: none;}

.sys_custom .custom_box{display: flex; justify-content: space-between; gap: 30px;}
.sys_custom .custom_box .tit{font-weight: 700; font-size: 1.5rem;margin-top: 50px; margin-bottom: 10px;}
.sys_custom .custom_box a{max-width: 160px; text-align: center; border-radius: 10px; font-weight: 700; font-size: 1.25rem; margin-top: 30px; margin-bottom: 10px; padding: 10px 0px;box-shadow: 0 5px 12px rgba(0,0,0,0.12), 0 2px 8px rgba(0,0,0,0.24);}
.sys_custom .custom_box > div{display: flex; flex-direction: column;}
.sys_custom .custom_box .img{border-radius: 10px; overflow: hidden;}
.sys_custom .custom_box .img img{height: 100%;object-fit: cover;}

.plan_info{text-align: center;}
.plan_info_item img{margin: 0 auto; text-align: center;}
.content_txt img{margin: 0 auto;}
.plan_img{overflow: auto;}
.plan_img img{min-width: 1200px;}
.plan_ready .content_txt{text-align: center;}
.plan_ready .content_txt .desc{font-size: 1.25rem; line-height: 1.5;}
.plan_ready .content_txt a{text-align: center;border-radius: 10px;font-weight: 700;display: inline-block;font-size: 1.25rem;margin-top: 50px;margin-bottom: 10px;padding: 10px 20px;box-shadow: 0 5px 12px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.24);}

.port_txt .tit{font-weight: 700;font-size: 1.25rem;margin-bottom: 20px;}
.port_txt .desc{font-size: 1.125rem; margin-bottom: 10px;}
.port_txt .txt{margin-bottom: 30px; font-size: 1rem;}
.port_wrap {display: flex;gap: 30px;align-items: end;}

.port_txt {width: 35%;}
.portSwiper {width: 65%;overflow: hidden; cursor: pointer;}
.portSwiper .swiper-slide img {display: block;width: 100%;height: 420px;object-fit: cover;}
.port_thum {display: flex;gap: 10px;margin-top: 20px;}
.port_thum img {height: 120px;object-fit: cover;cursor: pointer;display: block;}


/* press */
.prs_list {display: flex; flex-wrap: wrap; gap: 40px;}
.prs_list .item {width: calc(25% - 30px); border-radius: 10px; overflow: hidden; display: flex; flex-direction: column;}
.prs_list .item .info {padding: 20px; background: #0D0D0D; display: flex; flex-wrap: wrap; gap: 10px;}
.prs_list .item .subject {
    font-size: 1.15rem; height: 55px; text-overflow: ellipsis; overflow:hidden; word-break: break-all; display: -webkit-box;
    -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 100%;
}
.prs_list .item .date {width: 100%; font-size: 0.875rem; color: #ccc; margin-bottom: 10px;}

.prs_view {max-width: 1000px; margin: 0 auto;}
.prs_view .contents {display: flex; flex-direction: column; gap: 60px; padding-bottom: 60px; border-bottom: 1px solid #fff; }
.prs_view .title {padding-bottom: 20px; border-bottom: 1px solid #fff;}
.prs_view .title .subject {font-size: 2rem;}
.prs_view .title .date { font-size: 0.875rem; margin-top: 10px; color: #7a6161;}
.prs_view .goList {margin-left: auto; margin-top: 60px; width: 150px;}


/* faq */
.faq_wrap .inner {max-width: 1000px;}
.faq_sec {display: flex; flex-direction: column; gap: 60px;}
.faq_sec .ready {border: 1px solid #fff; padding: 30px 20px; text-align: center;}
.faq_sec .ready .big {font-weight: 700; font-size: 1.25rem;}
.faq_sec .ready .small {margin-top: 10px;}
.faq_sec .supp_box {text-align: center; font-size: 1.25rem; display: flex; flex-wrap: wrap; justify-content: center; gap: 5px 10px;}
.faq_tit {font-size: 1.5rem; color: var(--lightPurple); font-weight: 700; margin-bottom: 15px;}
.faq_list {border: 1px solid #fff; border-bottom: 0;}
.faq_list li {border-bottom: 1px solid #fff;width: 100%; padding: 0 20px;}
.faq_list .ask {font-size: 1.125rem; position: relative; padding: 30px 30px 30px 55px; cursor: pointer;}
.faq_list .ask::before {
    display: block; content: "Q"; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 100px; background: var(--mainColor);
    position: absolute; left: 0; top: 24px;
}
.faq_list .ask::after {
    display: block; content: ""; width: 8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff;
    transform: rotate(135deg); position: absolute; right: 2px; top: 37px;
}
.faq_list .answer { padding: 20px; margin-bottom: 30px; background:#222; display: none;}

/* terms */
.terms_wrap .inner {max-width: 1000px;}
.terms_box {color: #000; line-height: 1.5; word-break: break-all;}
.terms_box .tit {font-weight: 700; font-size: 1.5rem; margin-bottom: 5px; color: #000;}
.terms_box .stit {font-weight: 700; margin-bottom: 5px; color: #000;}

#container .padding_tb:first-child{margin-top: 100px;}

/* quote */
.quote .inner{display: flex; gap: 20px;}
.quote .contents_gallery{display: flex; flex-direction: column; gap: 8px; width: 35%;}
.quote .contents_gallery .main_image{width: 100%; height: 390px; overflow: hidden; position: relative;}
.quote .contents_gallery .main_image img{width: 100%; height: 100%; object-fit: cover; display: none; border-radius: 10px; position: absolute; left: 0; top: 0;}
.quote .contents_gallery .main_image img.active{display: block;animation: fadeIn 0.6s ease;}
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; }}
.quote .contents_gallery .thum_list{display: grid; grid-template-columns: repeat(4, 1fr); transition: transform 0.5s ease; height: 100%; gap: 8px;}
.quote .contents_gallery .thum_list img{width: 230px; height: 100px; border-radius: 10px; object-fit: cover; transition: 0.3s; cursor: pointer;}

.quote .quote_desc{width: 65%;font-size: 1.125rem; font-weight: 400;}
.quote .quote_desc > .tit{font-size: 2.875rem;line-height: 1.2; font-weight: 600;}
.quote .quote_desc .sub_tit{color: #666666; margin-bottom: 20px;}
.quote .quote_desc .txt .txt_b_box{margin: 25px 0 20px; border: 1px solid #000; padding: 20px; border-radius: 10px;}
.quote .quote_desc .txt .txt_b_box .box_tit{font-weight: 600;margin-bottom: 5px;}
.quote .quote_desc p{font-weight: 600;}
.quote .quote_desc .quote_list{display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px;margin-top: 10px;}
.quote .quote_desc .quote_list li{width: 45%; display: flex; align-items: center; gap: 10px;}
.quote .quote_desc .quote_list li .tit{font-weight: 600; font-size: 1.125rem;}
.quote .quote_desc .quote_list li .desc{font-size: 0.875rem;}
.quote .quote_desc .quote_list li img{max-width: 40px; height: 40px; object-fit: cover;}
.order .bot_arrow{margin: 20px 0; font-size: 1.25rem; font-weight: 600; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px;}
.order .bot_arrow img{animation:move 1.5s infinite linear; position: absolute; left: 50%; bottom: -60px;}

@keyframes move{
    0%,100%{
        transform:translate(-50%,-50%);
    }
    50%{
        transform:translate(-50%,-70%);
    }
}
.mb-40{margin-bottom: 40px !important;}
.order_wrap{display: flex;position: relative; gap: 20px;margin-top: 100px;}
.order_wrap .list_item{display: flex; gap: 20px;margin-bottom: 20px;}
.order_wrap .list .list_tit{font-size: 1.25rem;font-weight: 600;margin-bottom: 10px;}
.order_wrap .list_item .img{flex-shrink: 0; width: 140px; height: 160px;border-radius: 10px;overflow: hidden;}
.order_wrap .list_item .img img{height: 100%; object-fit: cover;}
.order_wrap .list_item .item{display: flex; gap: 10px;position: relative;}
.order_wrap .list_item .item .basic::before{content: 'Basic'; position: absolute;left: 10px; font-size: 14px; top: -28px; background: #D9D9D9; z-index: -1; padding: 4px 8px; border-top-left-radius: 8px; border-top-right-radius: 8px;}
.order_wrap .list_item .item .recom::before{content: 'Recommend'; position: absolute;left: 10px; font-size: 14px; top: -28px; background: #D9D9D9; z-index: -1; padding: 4px 8px; border-top-left-radius: 8px; border-top-right-radius: 8px;}
.order_wrap .list_item .item:has(.disabled) .recom::before{content: 'Standard'; position: absolute;left: 10px; font-size: 14px; top: -28px; background: #D9D9D9; z-index: -1; padding: 4px 8px; border-top-left-radius: 8px; border-top-right-radius: 8px;}
.order_wrap .list_item .item li{cursor: pointer;position: relative;}
.order_wrap .list_item .item li p{position: absolute;letter-spacing: -0.5px; top: 0;left: 50%; transform: translateX(-50%); text-align: center; font-size: 0.875rem; width: 100%;margin-top: 10px;}
.order_wrap .list_item .item li p.white{color: #fff;}
.order_wrap .list_item .item li:hover{opacity: 0.3; transition: 0.4s;}
.order_wrap .list_item .item li img{height: 100%;border-radius: 10px;  overflow: hidden; object-fit: cover;}
.order_wrap .list_item .item li.active{opacity: 1; border-radius: 10px; border: 1px solid #000;box-shadow: 0 5px 12px rgba(0,0,0,0.12), 0 2px 8px rgba(0,0,0,0.24);transition: all 0.3s cubic-bezier(.25,.8,.25,1);}
.order_wrap .list_item .item li.opacity{opacity: 0.3;}
.order_wrap .list_item .item.branding{width: 100%;}
.order_wrap .list_item .item.branding li{background: #F3F3F3;border: 1px solid #707070; height: 60px;display: flex;border-radius: 10px; align-items: center;justify-content: center; width: 100%;}
.order_wrap .list_item .item.iot-system{width: 100%;}
.order_wrap .list_item .item.iot-system li{width: 100%;max-height: 200px;}
.order_wrap .list_item .item.iot-system li img{width: 100%;}
.order_wrap .list_item .item.iot-system li:first-child{border-radius: 10px; background: #F3F3F3;border: 1px solid #707070; height: 100%;display: flex;align-items: center;justify-content: center; width: 100%;}
.order_wrap .iot_list .txt{text-align: center;margin: 20px 0 40px; width: 100%; box-shadow: 0 2px 4px rgba(0,0,0,0.12), 0 1px 5px rgba(0,0,0,0.24); border-radius: 5px; padding: 10px 0;}
.order_wrap .list_item .item.plan{width: 100%;}
.order_wrap .list_item .item.plan li{background: #F3F3F3;text-align: center;border-radius: 10px; border: 1px solid #707070; height: 60px;display: flex;align-items: center;justify-content: center; width: 100%;}
.plan_txt > ul{display: flex; justify-content: space-between; gap: 10px;}
.plan_txt > ul li{width: 50%;}
.plan_txt .dot{font-weight: 600;}
.plan_txt .dot ul{font-weight: 400; color: #818181;}
.plan_txt .dot ul li{position: relative;width: 100%; text-indent: 10px;margin: 10px 0 0 5px;}
.plan_txt .dot ul li::before{content: ''; background: #818181; width: 3px; height: 3px; border-radius: 5px;position: absolute;left: 0; top: 50%; transform: translateY(-50%);}
.plan_txt .dot ul li.not_dot::before{display: none;}
.plan_txt .dot ul li.black{color: #000;}
.plan_txt .dot ul li.black::before{background:#000}
.plan_txt .dot ul li.left_text{margin-left: 20px;}
.capsule_list{margin: 40px 0;}
.capsule_list .list_tit {display: flex; align-items: end; gap:10px}
.capsule_list .list_tit span{font-size: 0.875rem; font-weight: 400;}
.capsule_list .dot li{position: relative; color: #818181; font-weight: 400; width: 100%; text-indent: 10px; margin: 10px 0 0 5px;}
.capsule_list .dot li:last-child{margin-bottom: 10px;}
.capsule_list .dot li::before{content: ''; background: #818181; width: 3px; height: 3px; border-radius: 5px;position: absolute;left: 0; top: 50%; transform: translateY(-50%);}
.order_wrap .list_item .item.capsule{width: 100%;}
.order_wrap .list_item .item.capsule li{background: #F3F3F3;text-align: center;border-radius: 10px; border: 1px solid #707070; height: 60px;display: flex;align-items: center;justify-content: center; width: 100%;}
.order_wrap .list_item .item.option{width: 100%;}
.order_wrap .list_item .item.option li{background: #F3F3F3;text-align: center; border: 1px solid #707070; border-radius: 10px; height: 60px;display: flex;align-items: center;justify-content: center; width: 100%;}
.order_wrap .list_item .item.option li.disabled{opacity: 0.3;}
.option_list{margin-top: 40px;}
.option_list .list_item{margin-bottom: 0;}
.capsule_list .list_item{margin-bottom: 0;}
.option_txt{display: flex;justify-content: space-between;}
.option_txt ul{width: 33%;}
.option_txt ul li{width: 100%;}
.option_txt .dot li{position: relative; color: #000; font-weight: 400; width: 100%; text-indent: 10px; margin: 10px 0 0 5px;}
.option_txt .dot li::before{content: ''; background: #000; width: 3px; height: 3px; border-radius: 5px;position: absolute;left: 0; top: 10px; transform: translateY(-50%);}
.option_txt .dot li.not_dot{margin-top: 0;}
.option_txt .dot li.not_dot::before{display: none;}

.order_wrap .order_choice{width: 60%; position: relative; z-index: 9;}
.order_wrap .order_form{background: #fff; width: 40%; position: sticky;top: 100px;height: 100%;border: 1px solid #8B8D9A; padding: 50px 20px 30px; border-radius: 20px;}
.order_wrap .order_data{display: flex; flex-direction: column; gap: 15px; background: #F2F2F4; padding: 20px; border-radius: 15px;}
.order_wrap .order_data > div{display: flex; justify-content: space-between;}
.order_wrap .iot-system_data .nae{text-align: right;}
.order_wrap .nae{color: #3D3E49; text-align: right;}
.order_form .order_tit{font-size: 1.25rem; font-weight: 600;}
.order_form .reset{text-align: right; cursor: pointer; font-weight: 400; color: #3D3E49;margin-bottom: 10px;}
.order_form .mb-0{margin-bottom: 0 !important;}
.order_form input{background: #F2F2F4; color: #3D3E49;margin-bottom: 15px; border-radius: 10px; width: 100%; max-width: 100%; height: 40px; border: none;}
.order_form select{background: #f2f2f4; color: #3d3e49; margin-bottom: 15px; border-radius: 10px; width: 100%;}
.order_form textarea{background: #f2f2f4; color: #3d3e49; margin-bottom: 40px; border-radius: 10px;}
.order_form textarea::placeholder{font-weight: 400; font-size: 15px;}
.order_form .info{margin: 40px 0; padding-bottom: 40px; border-bottom: 1px solid #F2F2F4;}
.order_form .info .info_tit{font-weight: 600;margin-bottom: 10px;}
.order_form .info .form_row.flex{display: flex; justify-content: space-between; gap: 10px;}
.order_form .info .form_row.flex div{width: 50%;}
.order_form .info .form_row .number{display: flex; gap: 10px; align-items: center;}
.order_form .info .essen label span{position: relative;}
.order_form .info .essen label span::after{content: '*';width: 6px;height: 6px;border-radius: 10px;position: absolute;top: -4px;right: -5px;font-size: 14px;color: #000;}
.order_form .address{margin: 40px 0;}
.order_form .address .address_tit{font-weight: 600;margin-bottom: 10px;}
.order_form .address .form_row.flex{display: flex; justify-content: space-between; gap: 10px;}
.order_form .address .form_row.flex div{width: 50%;}
.order_form .address .form_row .number{display: flex; gap: 10px; align-items: center;}
.order_form .address .essen label span{position: relative;}
.order_form .address .essen label span::after{content: '*';width: 6px;height: 6px;border-radius: 10px;position: absolute;top: -4px;right: -5px;font-size: 14px;color: #000;}
.order_form .btn{padding: 0; }
.order_form .btn.info_btn{width: 100%;}
.order_form .info_btn button{background: #1A1A1A;font-family: 'ITC Avant Garde Pro BK', 'Pretendard', sans-serif; color: #fff; padding: 0; cursor: pointer; width: 100%;padding: 15px 0; font-size: 1rem;}
.order_form .bot_txt{color: #808080;font-size: 0.75rem; margin-top: 40px; text-align: center;}
.mo_quote{display: none;}

/* help_wrap */
.help_wrap .body_tit {margin-bottom: 60px; display: flex; flex-direction: column; padding-top: 30px;position: relative;}
.help_wrap .body_tit::before{content: ''; width: 220px; height: 3px; background: #000 no-repeat; position: absolute; top: 0;}
.help_wrap .body_tit .big {font-size: 2.875rem; line-height: 1.4; font-weight: 600; text-align: left;}
.help_wrap .body_tit .middle {font-size: 1.625rem; font-weight: 600;margin-top: 60px;}
.help_wrap .body_tit .small {font-size: 1.125rem; font-weight: 400; margin-top: 40px;}
.help_wrap.faq_wrap .inner{max-width: 1280px;}
.help_wrap .faq_tit{color: #000; padding-top: 30px; border-top: 1px solid #000; font-size: 2rem;margin-bottom: 40px;}
.help_wrap .faq_list{ border: 1px solid #999;font-size: 1.25rem; font-weight: bold;}
.help_wrap .faq_list li{border-bottom: 1px solid #999; padding: 0;}
.help_wrap .faq_list .ask{padding: 12px 40px; font-size: 1.25rem; font-weight: bold;}
.help_wrap .faq_list .ask::before{display: none;}
.help_wrap .faq_list .ask::after{border-top: 2px solid #000; border-right: 2px solid #000;right: 40px; top: 20px;}
.help_wrap .faq_list .answer{background: #efefef; padding: 20px 40px; margin-bottom: 0;}
.help_wrap .faq_list li:last-child{border-bottom: 0;}
.help_wrap .faq_sec .ready{border: 1px solid #999;}
.help_wrap .faq_sec .ready .big{font-size: 2rem;}
.help_wrap .faq_sec .ready .small{margin-top: 20px; font-size: 1.25rem;}
.yt-wrapper { overflow: hidden; max-width: 100%;}
.yt-frame-container { position: relative; padding-bottom: 56.25%;  width: 300%; left: -100%; background: #000;}
.yt-frame-container iframe {position: absolute; top: 0; left: 0;  width: 100%; height: 100%;pointer-events:none;}
.yt-frame-container .fullscreen-recommendations-wrapper{display: none !important;}
.ytp-chrome-top{display: none;}
.ytp-pause-overlay-container{display: none;}

.board_view .contents .file{position: relative; position: relative; display: block; margin: 20px 0; background: #f7f7f7; padding: 20px;}
.board_view .contents .file a{display: block;position: relative; padding-left: 20px; margin: 5px 0;}
.board_view .contents .file a::before{display: block; content: ""; background: url("/img/icon_file.png") no-repeat center center / cover; width: 20px; height: 20px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.video_content {position: relative; overflow: hidden; aspect-ratio: 16/9; max-width: 100%;}
.video_content iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.copyText{font-weight: 400;}

/* 게시판  */

.board_list ul.postNt li.subject a::before{    display: inline-block; content: "";  background: url('/img/icon_notice.png') no-repeat center center / cover;  width: 16px;  height: 16px; vertical-align: middle; margin-right: 10px;margin-top: -2px;} 
.board_list ul.postNt .number{font-weight: 600;}

/* 0408추가 */

.agree_info{margin-bottom: 30px;}
.agree_chk {display: flex;align-items: flex-start;justify-content: space-between;gap: 5px;cursor: pointer;font-size: 15px;color: #000;align-items: center;margin-right: 0;margin-bottom: 5px;}
.agree_chk .chk_box {width: 18px;height: 18px;border: 1px solid #000;flex-shrink: 0;position: relative;}
.agree_chk input:checked + .chk_box {border-color: #000;}
.agree_info a{font-weight: 700;}
.agree_info input {width: auto;height: auto;}
.btn_terms{border-bottom: 1px solid #000;}
.agree_chk input:checked + .chk_box::after {content: '';position: absolute;top: 50%;left: 50%;width: 10px;height: 10px;background: #000;transform: translate(-50%, -50%);}
.order_form .info_btn button:disabled{opacity: 0.3;}

.sol_key_mirror > div{width: 50% !important;}
.sol_key_mirror img{max-width: 700px;height: 100%;}
.sol_key_mirror .tit{font-size: 1.625rem; font-weight: 600;}
.sol_key_mirror .tit span{font-size: 0.875rem; font-weight: 500;margin-left: 10px;}
.sol_key_mirror .desc{margin-top: 5px;font-size: 1.125rem;}
.sol_key_mirror .txt{font-weight: 700;margin-top: 30px;display: grid;gap: 20px;}
.sol_key_mirror .txt span{font-weight: 500;display: block;margin-top:10px}
.sol_key_mirror .mt-30{margin-top: 30px;}
.sol_key_mirror ul li{font-weight: 500;position: relative;margin-bottom: 5px; padding-left: 8px;}
.sol_key_mirror ul li::before{content: ''; background: #000; width: 3px; height: 3px; display: block;position: absolute;left: 0; top: 50%; border-radius: 50px; transform: translateY(-50%);}