.inner{width: 100%;padding: 0 60px;} .q_list{display: flex;justify-content: center;position: fixed;bottom: 20px;align-items: center;left: 0;width: 100%;z-index: 99} .q_list ul{display: flex;background: #FFFFFF;border: 1px solid #DFE4EB;border-radius: 60px;gap: 40px;padding: 0 60px;position: relative} .q_list ul li a{display: flex;height: 70px;align-items: center;position: relative} .q_list ul li a:before{content: '';display: block;width: 100%;height: 2px;position: absolute;bottom: 0;left: 0;background: #3282DE;transition: 0.5s;transform: scaleX(0)} .q_list ul li.on a:before{transform: scaleX(1)} .q_list ul li.on a{color: #3282DE} .business-q-list{z-index: 760;pointer-events: none;padding: 0 120px;box-sizing: border-box} .business-q-list ul{pointer-events: auto;gap: 0;padding: 10px;border: 1px solid rgba(31,33,36,0.18);border-radius: 70px;background: rgba(255,255,255,0.86);box-shadow: 0 18px 45px rgba(10,25,45,0.16);backdrop-filter: blur(18px) saturate(120%)} .business-q-list ul li a{height: 50px;padding: 0 43px;border-radius: 50px;font-size: 18px;color: #000000;font-weight: 500;white-space: nowrap;transition: background .25s,color .25s} .business-q-list ul li a:before{display: none} .business-q-list ul li.on a{background: #252D57;color: #fff} .business-q-list[data-scroll-nav="true"] ul{--business-indicator-x:10px;--business-indicator-width:100px;isolation:isolate} .business-q-list[data-scroll-nav="true"] ul:before{content:'';position:absolute;left:0;top:10px;width:var(--business-indicator-width);height:50px;border-radius:50px;background:#252D57;transform:translateX(var(--business-indicator-x));transition:transform .36s cubic-bezier(.22,.61,.36,1),width .36s cubic-bezier(.22,.61,.36,1);z-index:0} .business-q-list[data-scroll-nav="true"] ul li{position:relative;z-index:1} .business-q-list[data-scroll-nav="true"] ul li.on a{background:transparent} #sub.business-document-ready .sub_con{padding-bottom:0} #sub.business-document-ready .business-document-section{scroll-margin-top:104px} #sub.business-document-ready .business-section-shell{max-width:1520px;margin:0 auto;padding-top:clamp(100px,10vw,170px);padding-bottom:clamp(110px,11vw,180px)} #sub.business-document-ready .business-section-heading{display:grid;grid-template-columns:minmax(180px,320px) 1fr;gap:40px;padding-bottom:54px;border-bottom:1px solid #C9CFD8;margin-bottom:58px} #sub.business-document-ready .business-section-heading > span{font-size:15px;line-height:1.4;color:#3282DE;font-weight:700;text-transform:uppercase} #sub.business-document-ready .business-section-heading h2{font-size:clamp(42px,5vw,72px);line-height:1;font-weight:700;color:#111;margin:0 0 20px} #sub.business-document-ready .business-section-heading p{font-size:18px;line-height:1.6;color:#5B6571;max-width:720px} #sub.business-document-ready .business-history-section{background:#F6F7FB} #sub.business-document-ready .business-history-section .his_wrap{padding-bottom:0;gap:60px} #sub.business-document-ready .business-history-section .year{position:sticky;top:130px;flex:none} #sub.business-document-ready .business-history-section .his_content{gap:60px} #sub.business-document-ready .business-ir-section{background:#FFFFFF} #sub.business-document-ready .business-news-section{background:#F6F7FB} #sub.business-document-ready .business-empty{min-height:260px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #D9DBE2;border-bottom:1px solid #D9DBE2;padding:40px 0} #sub.business-document-ready .business-empty strong{font-size:72px;color:#D7DBE1;font-weight:700} #sub.business-document-ready .business-empty p{font-size:18px;color:#78889A} #sub.business-document-ready .business-board-list{display:flex;flex-direction:column;gap:10px} #sub.business-document-ready .business-board-item a{min-height:128px;display:grid;grid-template-columns:112px minmax(0,1fr) 48px;align-items:center;gap:28px;padding:24px 34px;border:1px solid #D9DBE2;border-radius:8px;background:#FFF;transition:border-color .25s,transform .25s} #sub.business-document-ready .business-board-item a:hover{border-color:#3282DE;transform:translateY(-2px)} #sub.business-document-ready .business-board-category{display:inline-flex;width:100%;height:38px;align-items:center;justify-content:center;border:1px solid #D9DBE2;border-radius:6px;color:#657487;font-size:14px} #sub.business-document-ready .business-board-copy{min-width:0} #sub.business-document-ready .business-board-copy strong{display:block;font-size:20px;line-height:1.4;color:#16191D;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #sub.business-document-ready .business-board-copy time{display:block;margin-top:9px;font-size:14px;color:#8A939C} #sub.business-document-ready .business-board-arrow{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:50%;background:#EEF4FB;color:#266FC4;font-size:22px;transition:background .25s,color .25s} #sub.business-document-ready .business-board-item a:hover .business-board-arrow{background:#3282DE;color:#FFF} #sub.business-document-ready .business-news-controls{display:inline-flex;padding:5px;border:1px solid #D9DBE2;border-radius:50px;background:#FFF;margin-bottom:34px} #sub.business-document-ready .business-news-controls button{height:42px;padding:0 25px;border:0;border-radius:40px;background:transparent;color:#657487;font:600 14px var(--atsens-font-sans);cursor:pointer} #sub.business-document-ready .business-news-controls button.is-active{background:#252D57;color:#FFF} #sub.business-document-ready .business-load-more{display:flex;min-width:170px;height:52px;margin:38px auto 0;padding:0 28px;align-items:center;justify-content:center;border:1px solid #252D57;border-radius:50px;background:transparent;color:#252D57;font:600 15px var(--atsens-font-sans);cursor:pointer} #sub.business-document-ready .business-load-more:hover{background:#252D57;color:#FFF} #sub.business-document-ready .business-load-more[hidden]{display:none} #sub.contact-overlay-nav-ready .sub_visual .vis_text_base .v_loc{display:none !important} #sub.business-overlay-nav-ready .sub_visual .vis_text_base .v_loc{display: none !important} #sub.business-overlay-nav-ready.intro .tabs{display: none} .privacy-policy-page{background: #fff;min-height: 100vh} .privacy-policy-page .privacy-hero{padding: 180px 0 70px;background: #F4F7FB;border-bottom: 1px solid #E4E9F1} .privacy-policy-page .privacy-hero span{display: block;font-size: 16px;font-weight: 700;color: #3282DE;margin-bottom: 16px;letter-spacing: 0} .privacy-policy-page .privacy-hero h1{font-size: 56px;line-height: 1.15;color: #1F2124;font-weight: 700;letter-spacing: 0} .privacy-policy-page .privacy-content{padding: 80px 0 140px} .privacy-policy-page .privacy-document{max-width: 1180px;margin: 0 auto;color: #333333} .privacy-policy-page .privacy-document h2{font-size: 28px;line-height: 1.35;color: #1F2124;font-weight: 700;margin: 56px 0 18px;padding-top: 28px;border-top: 1px solid #E2E7EF;letter-spacing: 0} .privacy-policy-page .privacy-document h2:first-child{margin-top: 0} .privacy-policy-page .privacy-document p{font-size: 17px;line-height: 1.85;color: #333333;margin: 12px 0;word-break: keep-all} .privacy-policy-page .privacy-document .privacy-lead{font-size: 20px;line-height: 1.8;color: #1F2124;font-weight: 500;margin-bottom: 34px} .privacy-policy-page .privacy-document .privacy-note{color: #5E6B7A;background: #F7FAFE;border: 1px solid #E2E8F0;border-radius: 8px;padding: 14px 18px} .privacy-policy-page .privacy-table-scroll{overflow-x: auto;margin: 22px 0 28px;border: 1px solid #D9DBE2;border-radius: 12px;background: #fff} .privacy-policy-page .privacy-table-scroll table{width: 100%;min-width: 980px;border-collapse: collapse;table-layout: auto} .privacy-policy-page .privacy-table-scroll th,.privacy-policy-page .privacy-table-scroll td{border-right: 1px solid #D9DBE2;border-bottom: 1px solid #D9DBE2;padding: 16px 18px;font-size: 15px;line-height: 1.65;color: #333333;vertical-align: top;word-break: keep-all} .privacy-policy-page .privacy-table-scroll th:last-child,.privacy-policy-page .privacy-table-scroll td:last-child{border-right: 0} .privacy-policy-page .privacy-table-scroll tr:last-child td{border-bottom: 0} .privacy-policy-page .privacy-table-scroll th{background: #252D57;color: #FFFFFF;font-weight: 700;text-align: left} .vid_bg{top: 0;left: 0;position: fixed;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden} .vid_bg video{width: 100%;height: 100%;object-fit: cover;display: block} #sub .sub_visual .s_tab{opacity: 0;transition: 1s} #sub .sub_visual.on2 .s_tab{opacity: 1} #sub .sub_visual{height: 100vh;position: relative;overflow: hidden;} #sub .sub_visual .sub_vis_image{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;border-radius: 12px;} #sub .sub_visual .sub_vis_image .vis_wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);;} #sub .sub_visual .sub_vis_image picture{display: block} #sub.intro .sub_visual .sub_vis_image .vis_wrap:after{content: '';display: block;width: 100%;height: 100%;background: rgba(255,255,255,0);backdrop-filter: blur(0px);position: absolute;top: 0;left: 0} #sub.intro .sub_visual.on2 .sub_vis_image .vis_wrap:after{backdrop-filter: blur(20px);;transition-duration: 1s} #sub .sub_visual .s_tab{position: absolute;bottom: 40px;width: 100%;display: flex;justify-content: center;z-index: 25} #sub .sub_visual .s_tab ul{display: flex;gap: 0 40px;padding: 0 100px;border-radius: 40px;background: rgba(255,255,255,0.8);backdrop-filter: blur(20px)} #sub .sub_visual .s_tab ul li a{display: flex;height: 70px;align-items: center;font-size: 18px;color: #4A536B;font-weight: 500} #sub .sub_visual .s_tab ul li.on a{color: #3282DE;position: relative} #sub .sub_visual .s_tab ul li.on a:after{content: '';display: block;width: 100%;height: 2px;position: absolute;bottom: 0;left: 0;background: #3282DE} #sub .sub_visual .vis_text_info{position: absolute;top: 50%;transform: translateY(-50%);width: calc(100% - 120px);left: 60px;} #sub .sub_visual .vis_text_info .v_txt{padding: 40px 210px;} #sub .sub_visual .vis_text_info .v_txt strong{display: block;;font-size: 80px;font-weight: 700;color: #FFFFFF;line-height: 1.1;} #sub .sub_visual .vis_text_info .v_txt p{display: block;;font-size: 20px;color: #FFFFFF;line-height: 1.5;} #sub .sub_visual .vis_text_info .v_txt02{display: flex;;justify-content: flex-end;} #sub .sub_visual .vis_text_info .line{display: flex;justify-content: center;} #sub .sub_visual .vis_text_info .line div{width: 100%;height: 1px;background-color: #FFFFFF;position: relative;} #sub .sub_visual .vis_text_info .line div:before{content: '';display: block;width: 5px;height: 5px;position: absolute;left: 0;top: -2px;border: 1px solid #FFFFFF;box-sizing: border-box;border-radius: 50%;background-color: #476392;} #sub .sub_visual .vis_text_info .line div:after{content: '';display: block;width: 5px;height: 5px;position: absolute;right: 0;top: -2px;border: 1px solid #FFFFFF;box-sizing: border-box;border-radius: 50%;background-color: #476392;} #sub .sub_visual .vis_text_base{padding: 0 80px;padding-top: 250px;text-align: center;;} #sub .sub_visual .vis_text_base .v_title strong{display: block;;font-size: 80px;color: #1F2124;font-weight: 700;} #sub .sub_visual .vis_text_base .v_title{margin-bottom: 40px;} #sub .sub_visual .vis_text_base .v_loc{display: flex;;justify-content: center;padding-top: 40px;gap: 16px;align-items: center;position: relative} #sub .sub_visual .vis_text_base .v_loc div{position: relative} #sub .sub_visual .vis_text_base .v_loc button{display: flex;;font-size: 16px;color: #1F2124;font-weight: 500;gap: 12px;;align-items: center;} #sub .sub_visual .vis_text_base .v_loc button *{display: block;} #sub .sub_visual .vis_text_base .v_loc > i{display: block;;width: 1px;height: 13px;background-color: #C9CED4;;} #sub .sub_visual .vis_text_base .line{display: flex;justify-content: center;} #sub .sub_visual .vis_text_base .line div{width: 100%;height: 1px;background-color: #1F2124;position: relative;} #sub .sub_visual .vis_text_base .line div:before{content: '';display: block;width: 5px;height: 5px;position: absolute;left: 0;top: -2px;border: 1px solid #1F2124;box-sizing: border-box;border-radius: 50%;background-color: #fff;} #sub .sub_visual .vis_text_base .line div:after{content: '';display: block;width: 5px;height: 5px;position: absolute;right: 0;top: -2px;border: 1px solid #1F2124;box-sizing: border-box;border-radius: 50%;background-color: #fff;} #sub .sub_visual .vis_text_base .v_loc{display: flex;justify-content: center} #sub .sub_visual .vis_text_base .v_loc ul{display: flex;justify-content: center;border: 1px solid #000000;border-radius: 70px;padding: 10px } #sub .sub_visual .vis_text_base .v_loc ul li a{display: flex;padding: 0 43px;height: 50px;align-items: center;font-size: 18px;color: #000000;font-weight: 500} #sub .sub_visual .vis_text_base .v_loc ul li.on a{background: #252D57;border-radius: 50px;color: #fff} /* motion */ #sub .sub_visual .vis_text_info{pointer-events: none;z-index: 3;} #sub .sub_visual .vis_text_info .line div{width: 30%;transition-duration: 1s;} #sub .sub_visual.on .vis_text_info .line div{width: 100%;} #sub .sub_visual .vis_text_info .v_txt01{transform: translateX(100px);transition-duration: 1s;} #sub .sub_visual .vis_text_info .v_txt02{transform: translateX(-100px);transition-duration: 1s;} #sub.at_solution .sub_con{background: #fff} #sub.at_solution.ko{padding-top: 0} #sub .sub_visual.on2 .vis_text_info .v_txt01{transform: translateX(0px);} #sub .sub_visual.on2 .vis_text_info .v_txt02{transform: translateX(0px);} #sub .sub_visual.on2 .sub_vis_image{border-radius: 0} #sub .sub_visual .vis_text_info .wr{transform: translateY(150px);opacity: 0;transition-duration: 1s;} #sub .sub_visual.on2 .vis_text_info .wr{transform: translateY(0);opacity: 1;} #sub .sub_visual .sub_vis_image{transform: scale(0.8) translateY(56%);transition: 1.2s;z-index: 2;} #sub .sub_visual .sub_vis_image{transform: scale(1) translateY(0%);} #sub .sub_visual .vis_text_base .v_title {overflow: hidden;} #sub .sub_visual .vis_text_base .v_title strong{transform: translateY(70px);opacity: 0;transition: 1.2s;} #sub .sub_visual.on .vis_text_base .v_title strong{transform: translateY(0px);opacity: 1} #sub .sub_visual .vis_text_base .line div{width: 30%;opacity: 0;} #sub .sub_visual.on .vis_text_base .line div{width: 100%;opacity: 1;transition: 1.5s;transition-delay: 0.3s;} #sub .sub_visual .vis_text_base .v_loc{transform: translateY(70px);opacity: 0;transition: 1.2s;transition-delay: 0.6s;} #sub .sub_visual.on .vis_text_base .v_loc{transform: translateY(0px);opacity: 1} #sub .sub_visual .sub_vis_image .vis_wrap div{transform: scale(1.1);opacity: 0;} #sub .sub_visual .sub_vis_image .vis_wrap div{transform: scale(1.0);opacity: 1;transition: 1.5s;} #sub .sub_visual02{position: relative;height: 100vh;background: #001F2B;overflow: hidden} #sub .sub_visual02 .sub_vis_image{position: absolute;inset: 0;width: 100%;height: 100%;transform: none;opacity: 0.5} #sub .sub_visual02 .sub_vis_image video{width: 100%;height: 100%;object-fit: cover;display: block} #sub .sub_visual02 .txt_wrap{position: absolute;top: 0;left: 0;padding: 0 60px;padding-top: 200px;width: 100%} #sub .sub_visual02 .txt_wrap .title{display: flex;justify-content: space-between;width: 100%} #sub .sub_visual02 .txt_wrap .title strong{font-size: 60px;color: #FFFFFF;font-weight: 700} #sub .sub_visual02 .txt_wrap .title span{font-size: 24px;color: #FFFFFF;font-weight: 700;display: block;margin-bottom: 15px} #sub .sub_visual02 .txt_wrap .title p{font-size: 18px;color: #FFFFFF} #sub .sub_visual02 .txt_wrap .text {display: flex;justify-content: flex-end} #sub .sub_visual02 .txt_wrap .text ul{width: 826px;display: flex;flex-direction: column;gap: 10px} #sub .sub_visual02 .txt_wrap .text ul li{background: rgba(50,130,222,0.5);backdrop-filter: blur(20px);border-radius: 12px;height: 74px;display: flex;align-items: center;padding: 0 40px;font-size: 22px;color: ;font-weight: 600;color: #fff} #sub .sub_visual02 .txt_wrap .line{display: flex;justify-content: center;margin-top: 60px;margin-bottom: 40px} #sub .sub_visual02 .txt_wrap .line div{width: 100%;height: 1px;background-color: #FFFFFF50;position: relative;} #sub .sub_visual02 .txt_wrap .line div:before{content: '';display: block;width: 5px;height: 5px;position: absolute;left: 0;top: -2px;border: 1px solid #fff;box-sizing: border-box;border-radius: 50%;} #sub .sub_visual02 .txt_wrap .line div:after{content: '';display: block;width: 5px;height: 5px;position: absolute;right: 0;top: -2px;border: 1px solid #fff;box-sizing: border-box;border-radius: 50%;} #header.on{height: 80px;} #header.sub .all_menu_b line{ stroke: #002F58} #sub .sub_con{padding-top: 160px;padding-bottom: 160px;position: relative} #sub.solution .s_logo{position: absolute;right: 0;bottom: 0} #sub.solution .wr{position: relative} #sub.solution .wr .pro{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);;z-index: 2;pointer-events: none} #sub.solution .wr .pro div{transform: scale(0.9);opacity: 0;transition: 0.5s} #sub.solution .wr .pro.on div{transform: scale(1);opacity: 1} #sub.solution .s_logo svg{display: block} #sub .his_wrap{display: flex;justify-content: space-between;align-items: flex-start;padding-bottom: 50vh} #sub .his_wrap .year{width: 506px;} #sub .his_wrap .year .year_w{background-color: #3282DE;height: 175px;border-radius: 12px;display: flex;align-items: center;padding: 0 60px;} #sub .his_wrap .year .year_w span{display: block;font-size: 18px;font-weight: 500;color: #BFDDFF;} #sub .his_wrap .year .year_w strong{display: block;font-size: 60px;font-weight: 500;color: #FFFFFF;line-height: 1;position: absolute;top: 0;transform: translateY(100%);transition: 0.5s} #sub .his_wrap .year .year_w strong:nth-child(1){top: 0;position: relative;transform: translateY(0);} #sub .his_wrap .year .year_w strong.active{transform: translateY(0)} #sub .his_wrap .year .year_w strong.prev{transform: translateY(-100%)} #sub .his_wrap .year .year_w .y{height: 60px;overflow: hidden;position: relative;;} #sub .his_wrap .his_content{width: calc(100% - 566px);display: flex;flex-direction: column;gap: 80px;justify-content: space-between;} #sub.history .sub_con{background: #fff;padding-top: 0} #sub .his_wrap .his_content .his_year{display: flex;flex-direction: column;gap: 20px} #sub .his_wrap .his_content .his{display: flex;flex-direction: column;gap: 16px} #sub .his_wrap .his_content .his .w {padding: 8px;border-radius: 12px;border: 1px solid #3282DE;} #sub .his_wrap .his_content .his .w div{background-color: #F6F7FB;border-radius: 8px;padding: 40px 50px;} #sub .his_wrap .his_content .his .w ul{display: flex;gap: 15px;flex-direction: column;} #sub .his_wrap .his_content .his .w ul li{position: relative;font-size: 18px;color: #333333;padding-left: 17px;} #sub .his_wrap .his_content .his .w ul li:before{content: '';width: 7px;height: 7px;box-sizing: border-box;border: 1px solid #7E89D5;border-radius: 50%;position: absolute;left: 0;top: 8px;} #sub .his_wrap .his_content .his .w strong{display: block;font-size: 24px;color: #000000;font-weight: 700;margin-bottom: 25px;} #sub.at_solution{padding-top: 100vh} /*#sub.at_solution .sub_con{padding-top: 0;padding-bottom: 0;;}*/ #sub.at_solution .con01{display: flex;padding: 0 80px;padding-top: 120px;;} #sub.at_solution .con01 .content{width: 1234px;height: calc(100vh - 120px);position: relative;;padding-top: 2px} #sub.at_solution .con01 .p_title{width: calc(100% - 1234px);} #sub.at_solution .con01 .p_title strong{font-size: 60px;line-height: 70px;color: #000000;font-weight: 700;} #sub.at_solution .con01 .title div {height: 100px;display: flex;;align-items: center;border-top: 1px solid #D9DBE2;gap: 22px} #sub.at_solution .con01 .title div span{display: flex;;width: 57px;height: 57px;background-color: #EAF2FC;border-radius: 8px;display: flex;;align-items: center;justify-content: center;font-size: 18px;font-weight: 700;color: #3282DE;} #sub.at_solution .con01 .title div strong{font-size: 26px;color: #333333;;} #sub.at_solution .con01 .title{position: relative} #sub.at_solution .con01 .box01 .title:before{content: '';display: block;width: 5px;height: 5px;position: absolute;left: 0;top: -2px;border: 1px solid #1F2124;box-sizing: border-box;border-radius: 50%;background-color: #fff;} #sub.at_solution .con01 .box01 .title:after{content: '';display: block;width: 5px;height: 5px;position: absolute;right: 0;top: -2px;border: 1px solid #1F2124;box-sizing: border-box;border-radius: 50%;background-color: #fff;} #sub.at_solution .con01 .box01 .title div{border-color: #222222} #sub.at_solution .con01 .box01 .title div{border-color: #222222} #sub.at_solution .con01 .txt_w {height: 560px;} #sub.at_solution .con01 .txt_w .img{border-radius: 12px;overflow: hidden;;} #sub.at_solution .con01 .txt_w .img picture{display: block} #sub.at_solution .con01 .txt_w .img img{display: block;} #sub.at_solution .con01 .txt_w .img div{position: relative;padding-top: 32.5%;background: #000} #sub.at_solution .con01 .txt_w .img div video{position: absolute;width: 65%;display: block;left: 50%;top: 50%;transform: translate(-50%,-50%)} #sub.at_solution .con01 .txt_w p{font-size: 18px;color: #333333;line-height: 30px;margin-top: 30px;word-break:keep-all;} #sub.at_solution .con01 .txt_w .txt ul li{font-size: 18px;color: #333333;line-height: 30px;;word-break:keep-all;} #sub.at_solution .con01 .txt_w p span{color: #747C85} #sub.at_solution .con01 .content{overflow: hidden;} #sub.at_solution .con01 .content .box{position: absolute;} #sub.at_solution .con01 .txt_w{overflow: hidden;height: 0;} #sub.at_solution .con01 .box01 .txt_w{overflow: hidden;height: 560px;} #sub.at_solution .con01 .box02{top: calc(560px + 110px);} #sub.at_solution .con01 .box03{top: calc(560px + 220px);} #sub.at_solution .con01 .box04{top: calc(560px + 330px);} #sub .ai_content{padding: 0 60px;background-color: #020713;background-image: url(/img/sub/ai_content.jpg);background-image: image-set(url(/img/sub/ai_content.webp) type("image/webp"), url(/img/sub/ai_content.jpg) type("image/jpeg"));background-position: center top;background-size: cover;background-repeat: no-repeat;padding-bottom: 200px} #sub .title_cont .content{padding-bottom: 150px} #sub .title_cont .content strong{display: block;font-size: 26px;color: #000000;margin-bottom: 30px;} #sub .title_cont .content p{font-size: 18px;color: #333333;line-height: 30px} #sub.ko .title_cont .content ul{display: flex;flex-direction: row;gap: 40px} #sub.ko .title_cont .content ul li:before{display: none} #sub.ko .title_cont .content ul li{padding-left: 0} #sub.ko .title_cont .content ul li img{display: block} #sub .title_cont .content .img{overflow: hidden;border-radius: 12px;border: 1px solid #D9DBE2} #sub .title_cont .content .img picture{display: block} #sub .title_cont .content img{display: block;max-width: 100%} #sub .title_cont .content ul li{font-size: 18px;color: #333333;line-height: 30px;position: relative;padding-left: 17px} #sub .title_cont .content ul li:before{content: '';display: block;width: 7px;height: 7px;border: 1px solid #7E89D5;border-radius: 50%;box-sizing: border-box;position: absolute;left: 0;top: 13px} #sub .title_cont .content ul{display: flex;flex-direction: column;gap: 7px;margin-top: 20px} #sub .ai_content{padding-top: 200px} #sub .ai_content .title{text-align: center;display: flex;flex-direction: column;align-items: center;gap: 30px;margin-bottom: 60px} #sub .ai_content .title strong{display: block;font-size: 18px;color: #FFFFFF;font-family: var(--atsens-font-sans);font-size: 80px} #sub.ko .ai_content .title strong{font-size: 60px} #sub .ai_content .title p{font-size: 24px;color: rgba(255,255,255,0.8);line-height: 38px;} #sub .ai_content .c01 .box_w{display: flex;justify-content: center;gap: 40px;max-width: 1560px;margin-left: auto;margin-right: auto} #sub .ai_content .c01 .box_w .box{position: relative} #sub .ai_content picture{display: block} #sub .ai_content picture img{display: block;max-width: 100%} #sub .ai_content .c01 .box_w img{max-width: 100%;position: relative;z-index: 5;pointer-events: none} #sub .ai_content .c01{margin-bottom: 205px;position: relative} #sub .ai_content .c01 .box_w{position: relative} #sub .ai_content .c01 .box_w:before{content: '';display: block;width: 1px;height: 100%;position: absolute;left: 50%;top: 0;background: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,0))} #sub .ai_content .c07{margin-top: 160px} #sub .ai_content .c08{margin-top: 160px} #sub .ai_content .c05 .img_box{background: rgba(255,255,255,0.1);backdrop-filter: blur(20px);border-radius: 8px;display: flex;align-items: center;justify-content: center;padding: 70px 0} #sub .ai_content .c08 .img{background: rgba(255,255,255,0.1);backdrop-filter: blur(20px);border-radius: 8px;display: flex;align-items: center;justify-content: center;padding: 70px 0} #sub .ai_content .c05 .img_box{padding-left: 20px;padding-right: 20px;} #sub .ai_content .c05 .img_box img{max-width: 100%} #sub .ai_content .c08 .img{padding-left: 20px;padding-right: 20px;} #sub .ai_content .c08 .img img{max-width: 100%} #sub .ai_content .c07 .img{padding-left: 20px;padding-right: 20px;} #sub .ai_content .c07 .img img{max-width: 100%} #sub.ko .ai_content .c06 {margin: 160px auto} #sub .ai_content .c06 ul{display: flex;gap: 40px} #sub .ai_content .c06 ul li{background: rgba(255,255,255,0.1);backdrop-filter: blur(20px);flex: 1;;border-radius: 8px;display: flex;align-items: center;justify-content: center;flex-direction: column;padding-bottom: 45px;padding-top: 25px} #sub .ai_content .c06 ul li .img{width: 170px;height: 256px;display: flex;align-items: center;justify-content: center} #sub .ai_content .c06 ul li .txt{text-align: center} #sub .ai_content .c06 ul li .txt strong{font-size: 22px;color: #FFFFFF;display: block;margin-bottom: 20px} #sub .ai_content .c06 ul li .txt p{font-size: 18px;color: #AFAFAF;line-height: 27px;text-align: center} #sub.ko .ai_content > div{width: 1560px;margin: 0 auto} #sub.ko .ai_content > div.c08{margin-top: 160px} #sub .ai_content .c01 .box_w .box .b1 { content: ''; display: block; position: absolute; top: 30%; left: 15.5%; background: linear-gradient(to top, #3282DE00, #3282DE50); height: 68%; width: 34.5%; } #sub .ai_content .c01 .box_w .box .b2 { content: ''; display: block; position: absolute; top: 30%; left: 49.5%; background: linear-gradient(to top, #3282DE00, #3282DE50); height: 68%; width: 34.5%; } #sub .ai_content .c01 .box_w .box .b1, #sub .ai_content .c01 .box_w .box .b2{transform: scaleY(0.7);opacity: 0;transition-duration: 0.5s;transform-origin: top} #sub .ai_content .c01 .box_w .box .b1:hover, #sub .ai_content .c01 .box_w .box .b2:hover{transform: scaleY(1);opacity: 1} #sub .ai_content .c02{margin-bottom: 200px} #sub .ai_content .c02 ul{display: flex;gap: 40px;max-width: 1560px;margin: 0 auto} #sub .ai_content .c02 ul li{flex: 1} #sub .ai_content .c02 ul li .w{background: rgba(246,247,251,0.1);backdrop-filter: blur(30px);padding-top: 16px;border-radius: 8px} #sub .ai_content .c02 ul li .w img{display: block;margin: 0 auto;max-width: 95%} #sub .ai_content .c02 .txt{padding: 40px;padding-top: 20px} #sub .ai_content .c02 .txt strong{font-size: 22px;color: #FFFFFF;font-weight: 600;display: block;border-bottom: 1px solid rgba(217,219,226,0.5);padding-bottom: 10px} #sub .ai_content .c02 .txt p{font-size: 18px;color: #FFFFFF;padding-top: 20px} #sub .ai_content .c03{margin-bottom: 200px} #sub .ai_content .c03 ul{display: flex;gap: 20px;max-width: 1560px;margin: 0 auto} #sub .ai_content .c03 ul li{flex: 1} #sub .ai_content .c03 ul li .w{background: rgba(246, 247, 251, 0.1);backdrop-filter: blur(30px);border-radius: 8px;position: relative;padding-top: 65px;height: 390px} #sub .ai_content .c03 ul li .w i{display: flex;height: 73px;align-items: center;justify-content: center} #sub .ai_content .c03 ul li .w span{position: absolute;width: 91px;height: 33px;background: #3282DE;border-radius: 30px;display: flex;align-items: center;justify-content: center;font-size: 18px;color: #FFFFFF;font-weight: 600;right: 14px;top: 14px} #sub .ai_content .c03 ul li .txt{padding-top: 65px;text-align: center} #sub .ai_content .c03 ul li .txt strong{display: block;font-size: 22px;color: #FFFFFF;font-weight: 600;margin-bottom: 20px} #sub .ai_content .c03 ul li .txt p{font-size: 18px;line-height: 27px;color: #AFAFAF} #sub .ai_content .c03 ul li .txt p b{font-weight: inherit;color: #fff} #sub .ai_content .c04 ul{display: flex;gap: 20px;max-width: 1560px;margin: 0 auto} #sub .ai_content .c04 ul li{flex: 1} #sub .ai_content .c04 ul li .w{background: rgba(246, 247, 251, 0.1);backdrop-filter: blur(30px);border-radius: 8px;padding-top: 50px;padding-bottom: 60px;text-align: center} #sub .ai_content .c04 ul li .w strong{display: block;font-size: 22px;color: #FFFFFF;font-weight: 600;margin-top: 20px} #sub .sol_table {padding: 120px 0} #sub .sol_table .wrap{width: 1235px;margin: 0 auto} #sub .sol_table .title{margin-bottom: 30px} #sub .sol_table .title strong{font-size: 26px;color: #000000;font-weight: 700} #sub .sol_table table{border-collapse: separate;width: 100%} #sub .sol_table table td{border-bottom: 1px solid #D9DBE2;border-left: 1px solid #D9DBE2;height: 80px;vertical-align: middle;text-align: center;font-size: 17px;color: #333333;line-height: 25px} #sub .sol_table table td:nth-child(1){background: #F6F7FB;text-align: left;padding-left: 40px} #sub .sol_table table td:last-child{border-right: 1px solid #D9DBE2;} #sub .sol_table table tr:last-child td:nth-child(1){border-radius: 0 0 0 20px} #sub .sol_table table tr:last-child td:last-child{border-radius: 0 0 20px 0 } #sub .sol_table table tr:nth-child(1) td{border-top: 1px solid #D9DBE2;} #sub .sol_table table tr:nth-child(1) td:last-child{border-radius: 0 20px 0 0 } #sub .sol_table table tr:nth-child(1) td:last-child{border-radius: 0 20px 0 0 } #sub .sol_table table tr:nth-child(1) td:nth-child(1){border-radius: 20px 0 0 0 } #sub .sol_table table th{background: #3282DE;height: 80px;color: #FFFFFF;font-size: 20px;vertical-align: middle} #sub .sol_table table th:nth-child(1){border-radius: 10px 0 0 10px} #sub .sol_table table th:last-child{border-radius: 0 10px 10px 0} #sub .sol_table .title + table{margin-bottom: 10px} #sub .sol_table .text {background: #252D57;height: 77px;display: flex;align-items: center;justify-content: center;border-radius: 50px;margin-top: 40px} #sub .sol_table .text p{font-size: 20px;color: #FFFFFF;font-weight: 600} #sub .sol_tabs{background: #F6F7FB;padding: 35px 0} #sub .sol_tabs ul{max-width: 1460px;margin: 0 auto;gap: 10px;display: flex} #sub .sol_tabs ul li{flex: 1} #sub .sol_tabs ul li a{display: flex;height: 248px;position: relative;align-items: center;background: #FFFFFF;border: 1px solid #D9DBE2;border-radius: 20px;padding-left: 40px} #sub .sol_tabs ul li *{transition: 0.5s} #sub .sol_tabs ul li a i{position: absolute;right: 0;top: 0} #sub .sol_tabs ul li a .txt span{display: block;font-size: 18px;color: #78889A;font-weight: 600; font-family: var(--atsens-font-sans);;line-height: 1} #sub .sol_tabs ul li a .txt strong{font-size: 40px;color: #1F2124;font-weight: 700; font-family: var(--atsens-font-sans);margin-top: 20px;line-height: 1;display: block} #sub .sol_tabs ul li.on a{background: #3282DE;border-color: #3282DE} #sub .sol_tabs ul li.on a .txt strong{color: #fff} #sub .sol_tabs ul li.on a .txt span{color: #fff} #sub .sol_tabs ul li:hover a{background: #3282DE;border-color: #3282DE} #sub .sol_tabs ul li:hover a .txt strong{color: #fff} #sub .sol_tabs ul li:hover a .txt span{color: #fff} #sub .sol_tabs2 ul{width: 970px;margin: 0 auto} #sub .sol_tabs2 ul li a{height: 144px} #sub .t_title{padding-top: 130px;padding-bottom: 60px} #sub .t_title strong{display: block;font-size: 50px;color: #000000;font-weight: 700;text-align: center} #sub.how .con01{padding-top: 120px} #sub.ko .sol_tabs ul li a .txt strong{margin-top: 0} #sub.ko .sol_tabs ul li a .txt p{font-size: 18px;line-height: 30px;color: #78889A;font-weight: 600;margin-top: 20px} #sub.ko .sol_tabs ul li.on a .txt p{color: #fff} #sub .row_box{padding: 0 60px;display: flex;} #sub .row_box .s_title{width: 565px;} #sub .row_box .s_title strong{font-size: 60px;font-weight: 700;font-size: 50px;line-height: 1.2;} #sub .row_box .content{width: calc(100% - 565px);} #sub.how .con01 .content ul{display: flex;;flex-direction: column;gap: 20px} #sub.how .con01 .content ul .wrap{display: flex;justify-content: space-between;} #sub.how .con01 .content ul .wrap .icon{width: 200px;} #sub.how .con01 .content ul .wrap .icon i{display: block;border: 1.5px solid #D9DBE2;border-radius: 12px;overflow: hidden;transition-duration: 0.5s} #sub.how .con01 .content ul li:hover .wrap .icon i{border-color: #3282DE} #sub.how .con01 .content ul .wrap .icon i img{display: block;} #sub.how .con01 .content ul .wrap .txt_w{width: calc(100% - 220px);background-color: #F6F7FB;border-radius: 12px;padding: 30px 40px;} #sub.how .con01 .content ul .wrap .txt_w .tit{display: flex;align-items: center;gap: 16px;padding-bottom: 11px;border-bottom: 1px solid #D9DBE2;margin-bottom: 20px;} #sub.how .con01 .content ul .wrap .txt_w .tit span{display: block;;font-size: 22px;color: #3282DE;font-weight: 600;;} #sub.how .con01 .content ul .wrap .txt_w .tit strong{font-size: 16px;color: #78889A;font-weight: 400;} #sub.how .con01 .content ul .wrap .txt_w p{font-size: 18px;color: #333333;line-height: 27px;;} #header.on .all_menu_b line{ stroke: #002F58;} #sub .sub_visual .vis_text_base .line{display: flex;justify-content: center;} #sub .sub_visual .vis_text_base .line div{width: 100%;height: 1px;background-color: #1F2124;position: relative;} #sub .sub_visual .vis_text_base .line div:before{content: '';display: block;width: 5px;height: 5px;position: absolute;left: 0;top: -2px;border: 1px solid #1F2124;box-sizing: border-box;border-radius: 50%;background-color: #fff;} #sub .sub_visual .vis_text_base .line div:after{content: '';display: block;width: 5px;height: 5px;position: absolute;right: 0;top: -2px;border: 1px solid #1F2124;box-sizing: border-box;border-radius: 50%;background-color: #fff;} #sub .line_t{display: flex;justify-content: center;} #sub .line_t div{width: 100%;height: 1px;background-color: #1F2124;position: relative;} #sub .line_t div:before{content: '';display: block;width: 5px;height: 5px;position: absolute;left: 0;top: -2px;border: 1px solid #1F2124;box-sizing: border-box;border-radius: 50%;background-color: #fff;} #sub .line_t div:after{content: '';display: block;width: 5px;height: 5px;position: absolute;right: 0;top: -2px;border: 1px solid #1F2124;box-sizing: border-box;border-radius: 50%;background-color: #fff;} #sub.how .row_box .s_title strong{font-size: 60px;line-height: 1.2;;} #sub.why .con{padding: 130px 0;} #sub.why .con .content .txt{margin-bottom: 70px;;} #sub.why .con .content .txt p{font-size: 19px;line-height: 1.7;color: #333333;;} #sub.why .con .content .img_w{margin-top: 93px;position: relative;} #sub.why .con .content .img_w .img_title{position: absolute;width: 100%;display: flex;align-items: center;justify-content: center;} #sub.why .con .content .img_w .img_title strong{padding: 0 30px;line-height: 47px;background-color: #3282DE;border-radius: 12px;font-size: 18px;font-weight: 400;color: #FFFFFF;min-width: 267px;text-align: center} #sub.why .con .content .img_w picture{display: block} #sub.why .con .content .img_w img{display: block;margin: 0 auto;max-width: 100%;} #sub.why .con .content .info {margin-top: 45px;} #sub.why .con .content .info p{font-size: 19px;line-height: 1.7;color: #333333;} #sub.why .con .content .img_w .img{overflow: hidden;min-width: 100%;border-radius: 12px;} #sub.why .con .content .img_w ul{display: flex;justify-content: space-between;} #sub.why .con .content .img_w ul li{position: relative;} #sub.why .con .content .img_w ul li .img_title{margin-top: -23.5px;} #sub.why .con .content .img_w ul li:nth-child(1){width: 33.06320907617504%;} #sub.why .con .content .img_w ul li:nth-child(2){width: 66.12641815235008%;} #sub.why .con01 .content .img_w .img_title strong{border-radius: 50px} #sub.why .con.con01 .content{position: relative;} #sub.why .con.con01 .content:before{content: '';display: block;;width: 100%;height: 507px;background-color: #F6F7FB;position: absolute;bottom: 0;left: 0;z-index: -1;border-radius: 12px;} #sub.why .con.con01 .content .info{padding: 50px;padding-top: 0;;} #sub.why .con.con01 .content .info p{border-top: 1px solid #D9DBE2;padding-top: 50px;color: #78889A;} #sub.why .con.con02{background-color: #090E2B;} #sub .con.con02 .s_title strong{color: #fff;} #sub.why .con.con02 .content .txt p, #sub.why .con.con02 .content .info p{color: #fff;} #sub.why .con.con02 .line_t div{background-color: #FFFFFF;} #sub.why .con.con02 .line_t div::before{background-color: #090E2B;border-color: #fff;} #sub.why .con.con02 .line_t div::after{background-color: #090E2B;border-color: #fff;} #sub.v_board{padding-top: 100vh} #sub.v_board .sub_con{background: #fff;} #sub.v_board .sub_visual {background: #fff;} #sub.v_board .sub_visual .vis_text_base{padding-top: 120px} #sub .sub_visual.sub_visual_board {height: auto;padding-bottom: 100px;overflow: visible;} #sub .sch_wrap{display: flex;justify-content: flex-end;gap: 10px} #sub .sch_wrap select{width: 160px;height: 70px;border: 1px solid #DFE4EB;border-radius: 70px;font-size: 17px;color: #252D57;padding: 0 30px;} #sub .sch_wrap input{width: 670px;height: 70px;border: 1px solid #DFE4EB;border-radius: 70px;font-size: 17px;color: #252D57;padding: 0 30px;background-color: #F4F5F9;} #sub .sch_wrap div{position: relative;} #sub .sch_wrap button{width: 70px;height: 100%;position: absolute;right: 0;} #sub.board .list {margin-top: 40px;} #sub.board .list .no-data{text-align: center;width: 100%} #sub.board .list ul{display: flex;gap: 10px;flex-direction: column;} #sub.board .list ul li a{display: flex;;padding: 0 60px;height: 176px;border-radius: 12px;border: 1px solid #D9DBE2;align-items: center;justify-content: space-between;transition-duration: 0.5s;} #sub.board .list ul li:hover a{border-color: #3282DE;} #sub.board .list ul li:hover a #사각형_995{fill: #3282DE;stroke: #fff} #sub.board .list ul li:hover a #사각형_996{fill: #3282DE;stroke: #fff} #sub.board .list ul li:hover a line{stroke: #fff} #sub.board .list ul li a #사각형_995{transition: 0.5s} #sub.board .list ul li a #사각형_996{transition: 0.5s} #sub.board .list ul li a line{transition: 0.5s} #sub.board .list ul li a .left_cont{width: calc(100% - 230px);display: flex;} #sub.board .list ul li a .left_cont i{display: flex;;width: 48px;height: 48px;border-radius: 8px;border: 1px solid #D9DBE2;align-items: center;justify-content: center;margin-right: 30px;transition-duration: 0.5s} #sub.board .list ul li a:hover .left_cont i{background: #3282DE;border-color: #3282DE} #sub.board .list ul li a .left_cont .txt{width: calc(100% - 78px);} #sub.board.notice .list ul li a .left_cont .txt{width: calc(100% - 120px);} #sub.board .list ul li a .left_cont .txt strong{display: block;;font-size: 24px;font-weight: 500;color: #000000;margin-bottom: 10px;} #sub.board .list ul li a .left_cont .cate em{margin-right: 20px;display: flex;width: 97px;height: 48px;border: 1px solid #D9DBE2;border-radius: 8px;align-items: center;justify-content: center;;font-size: 18px;color: #78889A;transition-duration: 0.5s;} #sub.board .list ul li:hover a .left_cont .cate em{background-color: #3282DE;background-color: #3282DE;color: #fff;} #sub.board .list ul li a .left_cont .txt p{display: block;;font-size: 16px;font-weight: 500;color: #8A939C} #sub.board .list ul li a .left_cont .txt .board-meta{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #sub.board .list ul li a .btn{position: relative;} #sub.board .list ul li a .btn:before{content: '';display: block;;width: 100%;height: 100%;border-radius: 70px;background-color: #3282DE;top: 0;left: 0;position: absolute;transform: scaleX(0.95) scaleY(0.8);transition: 0.5s;opacity: 0;} #sub.board .list ul li a:hover .btn:before{transform: scale(1);transition: 0.5s;opacity: 1;} #sub.board .list ul li a .btn .line{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid #DFE4EB;border-radius: 70px;transition-duration: 0.5s;} #sub.board .list ul li a .txt_w{width: 227px;height: 70px;display: flex;align-items: center;justify-content: space-between;padding: 0 30px;} #sub.board .list ul li a .txt_w path{transition-duration: 0.5s;} #sub.board .list ul li a:hover .txt_w path{stroke: #fff} #sub.board .list ul li a .txt_w div{position: relative;overflow: hidden;} #sub.board .list ul li a .txt_w span:nth-child(2){position: absolute;left: 0;top: 100%;} #sub.board .list ul li a:hover .btn .line{top: -5px;left: -5px;width: calc(100% + 10px);height: calc(100% + 10px);border-color: #3282DE;} #sub.board .list ul li a .txt_w {position: relative;z-index: 2;;} #sub.board .list ul li a .txt_w span{font-size: 17px;color: #252D57;transition: 0.5s;display: block;} #sub.board .list ul li a:hover .txt_w span{transform: translateY(-100%);color: #fff;} #sub.board .list2{margin-top: 40px} /* News / Event / Notice board: preserve the opening visual, then keep the reading area compact. */ #sub.board.notice.v_board{padding-top: clamp(420px, 58vh, 620px);} #sub.board.notice .sub_visual.sub_visual_board{padding: 28px 0 20px;border-radius: 28px 28px 0 0;} #sub.board.notice .sub_visual .vis_text_base{padding-top: 0;} #sub.board.notice .sub_visual .vis_text_base .v_title{margin-bottom: 14px;} #sub.board.notice .sub_visual .vis_text_base .v_title strong{font-size: 36px;line-height: 1.1;} #sub.board.notice .sub_visual .vis_text_base .v_loc{display: flex;} #sub.board.notice .sub_con{padding-top: 28px;} #sub.board.notice .list{margin-top: 24px;} #sub.board.notice .list ul{gap: 10px;} #sub.board.notice .list ul li a{height: 148px;padding: 0 48px;} #sub.board.notice .list ul li a .left_cont .txt strong{font-size: 22px;margin-bottom: 8px;} #sub.board .list2 ul{display: flex;flex-wrap: wrap;gap: 70px 20px} #sub.board .list2 ul li{width: calc(20% - 16px)} #sub.board .list2 ul li .img img{display: block;width: 100%;transition: 0.5s} #sub.board .list2 ul li:hover .img img{transform: scale(1.05)} #sub.board .list2 ul li .img{border-radius: 12px;overflow: hidden;border: 1px solid #DFE4EB;background: #F6FAFE;display: flex;align-items: center;justify-content: center} #sub.board .list2 ul li .txt {margin-top: 20px} #sub.board .list2 ul li .txt strong{font-size: 24px;color: #000000;font-weight: 600;display: block;text-align: center} #sub.view .con01 .title{display: flex;justify-content: space-between;;align-items: center;height: 130px;border: 1px solid #D9DBE2;background-color: #F9FAFC;border-radius: 12px;padding: 0 60px;} #sub.view .con01 .title span{font-size: 16px;color: #8A939C;font-weight: 600;} #sub.view .con01 .title div{width: calc(100% - 100px);display: flex;align-items: center;gap: 30px} #sub.view .con01 .title div em{display: flex;width: 97px;height: 48px;align-items: center;justify-content: center;background-color: #3282DE;border-radius: 8px;align-items: center;justify-content: center;font-size: 18px;font-weight: 500;color: #fff;} #sub.view .con01 .title div strong{font-size: 24px;font-weight: 500;color: #000000;} #sub.view .con01 .content{border: 1px solid #D9DBE2;border-radius: 12px;padding: 40px 60px;margin-top: 20px;} #sub.view .con01 .content img{max-width: 100%} #sub.view .con01 .content .txt{padding-top: 40px;min-height: 300px;} #sub.view .con01 .content .file{padding-bottom: 20px;border-bottom: 1px solid #DDDDDD;} #sub.view .con01 .content .file a{display: flex;align-items: center;gap: 18px;color: #3282DE;font-size: 18px;} #sub .paging{margin-top: 65px;} #sub .paging ul{display: flex;;justify-content: center;gap: 10px} #sub .paging ul li a{width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;;border-radius: 36px;} #sub .paging ul li.on a{background-color: #252D57;border-radius: 8px;color: #fff;} #sub .paging ul li.prev a{background: url(/img/sub/prev.png);} #sub .paging ul li.next a{background: url(/img/sub/next.png);} #sub .tab_w{display: flex;justify-content: space-between;;} #sub .tab_w ul{display: flex;padding: 10px;border: 1px solid #DFE4EB;border-radius: 36px;} #sub .tab_w ul li a{display: flex;;height: 50px;align-items: center;padding: 0 44px;font-size: 18px;color: #78889A;font-weight: 500;border-radius: 36px;} #sub .tab_w ul li.on a{background-color: #252D57;color: #fff;} #sub.inquiry .direction .map{height: 360px;border-radius: 12px;overflow: hidden;;} #sub.inquiry .direction .txt{display: flex;padding-top: 40px;padding-bottom: 50px;gap: 30px} #sub.inquiry .direction .txt span{display: block;font-size: 20px;font-weight: 600;color: #3282DE;} #sub.inquiry .direction .txt p{display: block;font-size: 20px;color: #333333;font-weight: 500;} #sub.inquiry .form_list{margin-top: 80px;} #sub.inquiry .form_list ul{display: flex;flex-direction: column;gap: 60px} #sub.inquiry .form_list ul .f_txt strong{font-size: 20px;font-weight: 500;color: #222222;} #sub.inquiry .form_list ul .f_txt strong i{color: #3282DE;} #sub.inquiry .form_list ul .f_txt{margin-bottom: 10px;} #sub.inquiry .form_list ul .f_w1{display: flex;gap: 10px} #sub.inquiry .form_list ul .f_w.f_w1 input{width: 50%;} #sub.inquiry .form_list ul .f_w input{border: 1px solid #DFE4EB;height: 70px;width: 100%;display: block;padding: 0 30px;border-radius: 12px;font-size: 17px;color: #66707B;} #sub.inquiry .form_list ul .f_w select{border: 1px solid #DFE4EB;height: 70px;width: 240px;display: block;padding: 0 30px;border-radius: 12px;font-size: 17px;color: #66707B;} #sub.inquiry .form_list ul .f_w textarea{border: 1px solid #DFE4EB;height: 220px;width: 100%;display: block;padding: 0 30px;border-radius: 12px;font-size: 17px;color: #66707B;padding: 30px;} #sub.inquiry .form_list ul .f_w3{display: flex;gap: 40px;position: relative;} #sub.inquiry .form_list ul .f_w3 i{position: absolute;left: 50%;transform: translateX(-50%) translateY(-50%);top: 50%;font-size: 18px;color: #252D57;} #sub.inquiry .form_list ul .pri_w{background-color: #F6FAFE;border-radius: 12px;padding: 30px;border: 1px solid #DFE4EB;height: 160px;} #sub.inquiry .form_list ul .pri_w p{font-size: 17px;color: #66707B;height: 100%;white-space: pre-wrap;overflow-y: scroll} #sub.inquiry .form_list ul .pri_t{display: flex;align-items: center;gap: 10px;margin-top: 20px;} #sub.inquiry .form_list ul .pri_t svg{display: block;;} #sub.inquiry .form_list ul .pri_t i{display: block;position: relative;} #sub.inquiry .form_list ul .pri_t i input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;} #sub.inquiry .form_list ul .pri_t i input:checked + svg circle{fill: #3282DE} #sub.inquiry .form_list ul .pri_t i input:checked + svg path{stroke: #fff} #sub.inquiry .form_list ul .pri_t p{font-size: 17px;color: #66707B;} #sub.board .sub_con{padding-top: 0} #sub.inquiry .btn{margin-top: 70px;} #sub.inquiry .btn button{position: relative;width: 227px;margin: 0 auto;display: block;} #sub.inquiry .btn button:before{content: '';display: block;;width: 100%;height: 100%;border-radius: 70px;background-color: #3282DE;top: 0;left: 0;position: absolute;transform: scaleX(0.95) scaleY(0.8);transition: 0.5s;opacity: 0;} #sub.inquiry .btn button:hover:before{transform: scale(1);transition: 0.5s;opacity: 1;} #sub.inquiry .btn button .line{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid #DFE4EB;border-radius: 70px;transition-duration: 0.5s;} #sub.inquiry .btn button:hover .line{border-color: #3282DE;opacity: 1;width: calc(100% + 10px);height: calc(100% + 10px);top: -5px;left: -5px} #sub.inquiry .btn button .txt_w{height: 70px;display: flex;align-items: center;justify-content: space-between;padding: 0 30px;} #sub.inquiry .btn button .txt_w path{transition-duration: 0.5s;} #sub.inquiry .btn button:hover .txt_w path{stroke: #fff} #sub.inquiry .btn button .txt_w div{position: relative;overflow: hidden;} #sub.inquiry .btn button .txt_w span:nth-child(2){position: absolute;left: 0;top: 100%;} #sub.inquiry .btn button:hover .btn .line{top: -5px;left: -5px;width: calc(100% + 10px);height: calc(100% + 10px);border-color: #3282DE;} #sub.inquiry .btn button .txt_w {position: relative;z-index: 2;;} #sub.inquiry .btn button .txt_w span{font-size: 17px;color: #252D57;transition: 0.5s;display: block;} #sub.inquiry .btn button:hover .txt_w span{transform: translateY(-100%);color: #fff;} .tabs{display: flex;justify-content: center;margin-bottom: 70px} .tabs ul{display: flex;justify-content: center;border-radius: 70px;padding: 10px;background: rgba(255,255,255,0.1);backdrop-filter: blur(30px)} .tabs ul li a{display: flex;padding: 0 43px;height: 50px;align-items: center;font-size: 18px;color: #fff;font-weight: 500} .tabs ul li.on a{background: #252D57;border-radius: 50px;color: #fff} .intro_visual{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #F6F7FB} .intro_visual .intro_vis_image picture{display: block} .intro_visual .intro_vis_image{width: 100%;height: 100vh;display: flex;align-items: center;justify-content: center;mix-blend-mode: darken} .intro_visual .intro_product{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)} .intro_visual .intro_product picture{display: block} .intro_visual .intro_title{position: absolute;} .intro_visual .intro_title strong{font-size: 120px;color: #000000;line-height: 130px} .intro_visual .intro_title01{top: 184px;left: 60px} .intro_visual .intro_title02{bottom: 50px;right: 60px} .intro_visual .intro_title02 strong{display: block;text-align: right} .intro_visual .mot_box{display: flex;justify-content: space-between;position: absolute;bottom: 80px;left: 60px;top: auto } .intro_visual .mot_box .sl_box{background: linear-gradient(174deg, #252D57, #3282DE);border-radius: 12px;padding: 8px 0;padding-left: 30px;width: 311px;backdrop-filter: blur(20px);height: 177px} .intro_visual .mot_box .sl_box .wr{display: flex;align-items: center;gap: 20px} .intro_visual .mot_box .sl_box .wr *{line-height: 32px} .intro_visual .mot_box .sl_box .wr strong{width: 109px;text-align: center;font-size: 16px;color: #ffffff;font-weight: 700} .intro_visual .mot_box .sl_box .wr p{font-size: 16px;color: #fff; font-family: var(--atsens-font-sans);} .intro_visual .mot_box .sl_box i{width: 109px;height: 32px;position: absolute;left: 30px;top: 50%;margin-top: -19px;background: #3282DE;border-radius: 30px} .intro_visual .swiper-backface-hidden .swiper-slide{opacity: 0.1;transition: 0.5s} .intro_visual .swiper-backface-hidden .swiper-slide-prev{opacity: 0.5} .intro_visual .swiper-backface-hidden .swiper-slide-next{opacity: 0.5} .intro_visual .swiper-backface-hidden .swiper-slide-active{opacity: 1} .intro_visual .swiper{height: 160px} #sub.intro {padding-top: 100vh} #sub.intro .sub_con{background: #fff;position: relative;z-index: 5} #sub.intro .con00{position: relative;overflow: hidden;padding-top: 170px;padding-bottom: 130px} #sub.intro .con00 .bg{position: absolute;z-index: -1;top: 50%;left: 50%;transform: translate(-50%,-50%)} #sub.intro .con00 .w{width: 1630px;margin: 0 auto;max-width: 100%;display: flex;align-items: center} #sub.intro .con00 .w .right{width: calc(100% - 710px);padding-left: 110px} #sub.intro .con00 .w .right .txt{display: flex;flex-direction: column;gap: 30px;padding-left: 40px} #sub.intro .con00 .w .right .txt h2{font-size: 42px;line-height: 1.18;color: #FFFFFF;font-weight: 700;margin-bottom: 4px;letter-spacing: 0} #sub.intro .con00 .w .right .txt p{font-size: 20px;line-height: 30px;color: #FFFFFF} #sub.intro .con00 .w .right .name{display: flex;margin-top: 60px} #sub.intro .con00 .w .right .name div{display: flex;height: 67px;align-items: center;background: linear-gradient(to right, rgba(50,130,222,1), rgba(50,130,222,0));backdrop-filter: blur(10px);border-radius: 8px;padding-left: 40px;width: 450px} #sub.intro .con00 .w .right .name div span{font-size: 18px;color: #DEF5FF;display: block;margin-right: 23px} #sub.intro .con00 .w .right .name div p{font-size: 18px;color: #FFFFFF;margin-right: 37px} #sub.intro .con00 .w .right .name div strong{font-size: 20px;color: #FFFFFF;} #sub.intro .con00 .w .img{border-radius: 12px;overflow: hidden} #sub.intro .con00 .w .img picture{display: block} #sub.intro .con00 .w .img img{display: block} #sub.intro .sub_con{padding-top: 0} #sub.intro .con01{display: flex;padding: 0 80px;height: 100vh;align-items: center;;} #sub.intro .con01 > div{flex: 1;} #sub.intro .con01 > div img{max-width: 100%;} #sub.intro .con01 .left{padding-right: 80px;} #sub.intro .con01 .left .title{margin-bottom: 30px;} #sub.intro .con01 .left .title strong{display: block;font-size: 60px;color: #000000;;padding-bottom: 30px;font-weight: 600;} #sub.intro .con01 .right .img_w{position: relative;overflow: hidden;border-radius: 12px;} #sub.intro .con01 .right .img_w picture{display: block} #sub.intro .con01 .right .img_w img{display: block;;} #sub.intro .con01 .right .img_w .img{position: absolute;top: 0;left: 0;;transform: translateY(100%);} #sub.intro .con01 .right .img_w .img01{position: relative;top: 0;left: 0;transform: translateY(0);} #sub.intro .con01 .left .box_wrap{width: 100%;height: 505px;position: relative;overflow: hidden;} #sub.intro .con01 .left .box_wrap:before{content:'';display: block;;width: 100%;height: 122px;position: absolute;bottom: 0;left: 0;background: linear-gradient(to bottom, #ffffff00, #ffffff) ;z-index: 5;} #sub.intro .con01 .left .box_wrap:after{content:'';display: block;;width: 122px;height: calc(100% - 187px);position: absolute;bottom: 0;right: 0;background: linear-gradient(to right, #ffffff00, #ffffff) ;z-index: 5;} #sub.intro .con01 .left .box_wrap .box{height: 187px;background-color: #F6F7FB;padding: 40px;border-radius: 10px;} #sub.intro .con01 .left .box_wrap .box strong{display: block;font-size: 22px;color: #3282DE;font-weight: 600;border-bottom: 1px solid #D9DBE2;padding-bottom: 11px;margin-bottom: 15px;} #sub.intro .con01 .left .box_wrap .box p{font-size: 18px;color: #333333;line-height: 27px;} #sub.intro .con01 .left .box_wrap .box{position: absolute;width: 100%;top: 0;} #sub.intro .con01 .left .box_wrap .box02{transform: translateY(calc(100% + 10px)) translateX(120px);} #sub.intro .con01 .left .box_wrap .box03{transform: translateY(calc(200% + 20px)) translateX(240px);} #sub.intro .con01 .left .box_wrap .box04{transform: translateY(calc(300% + 30px)) translateX(360px);} #sub.rnd .title_rnd{margin-bottom: 40px;padding: 0 60px} #sub.rnd .title_rnd strong{display: block;font-size: 24px;color: #252D57;font-weight: 500} #sub.rnd .con01{padding-bottom: 130px;} #sub.rnd .con01 .content{position: relative} #sub.rnd .con01 .content .plus{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)} #sub.rnd .con01 .content ul{display: flex;flex-wrap: wrap;gap: 40px} #sub.rnd .con01 .content ul li{width: calc(50% - 20px);background-color: #F6F7FB;height: 325px;padding: 40px 30px;border-radius: 12px;} #sub.rnd .con01 .content ul li .tit{padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #D9DBE2;} #sub.rnd .con01 .content ul li .tit strong{display: block;font-size: 22px;color: #3282DE;} #sub.rnd .con01 .content ul li .txt p{display: block;font-size: 18px;color: #333333;line-height: 27px;} #sub.rnd .con01 .content ul li .txt div{margin-top: 24px;} #sub.rnd .con01 .content ul li .txt div img{max-width: 100%;} #sub.rnd .con02{background-color: #090E2B;} #sub.rnd .con02 .row_box > div{padding-top: 130px;padding-bottom: 130px;;} #sub.rnd .con02 .row_box .s_title strong{color: #fff;} #sub.rnd .con02 .line_t div{background-color: #fff;} #sub.rnd .con02 .line_t div:after{background-color: #090E2B;border-color: #fff;} #sub.rnd .con02 .line_t div:before{background-color: #090E2B;border-color: #fff;} #sub.rnd .con02 .content .tit p{font-size: 19px;color: #B2B5C5;line-height: 32px;margin-bottom: 75px;} #sub.rnd .con02 .content ul{padding-top: 25px;display: flex;flex-direction: column;} #sub.rnd .con02 .content ul li{display: flex;align-items: center;gap: 43px;padding: 30px 0;border-bottom: 1px solid #252B4A;} #sub.rnd .con02 .content ul li .txt{width: calc(100% - 193px);} #sub.rnd .con02 .content ul li .img_w{background-color: #1C2247;border-radius: 12px;transition: 0.5s} #sub.rnd .con02 .content ul li .img_w img{display: block} #sub.rnd .con02 .content ul li:hover .img_w{background: #3282DE} #sub.rnd .con02 .content ul li span{display: block;font-size: 18px;color: #535978;font-weight: 600;margin-bottom: 10px;transition: 0.5s} #sub.rnd .con02 .content ul li:hover span{color: #3282DE} #sub.rnd .con02 .content ul li strong{font-size: 32px;color: #FFFFFF;font-weight: 400;} #sub.rnd .con03{padding-top: 160px;} #sub.rnd .con03 ul{display: flex;gap: 40px;padding-bottom: 130px;} #sub.rnd .con03 ul li{flex: 1;} #sub.rnd .con03 ul li img{max-width: 100%;display: block;} #sub.rnd .con03 ul li .img{border: 1px solid #D9DBE2;border-radius: 12px;position: relative;transition: 0.5s} #sub.rnd .con03 ul li .img .mot{position: absolute;top: 0;left: 0;transition: 0.5s;width: 100%} #sub.rnd .con03 ul li .img .mot1{z-index: 5;} #sub.rnd .con03 ul li .img .mot2{opacity: 0;} #sub.rnd .con03 ul li .img .mot4{opacity: 0;transform: translateX(-10%)} #sub.rnd .con03 ul li:hover .img .mot3{opacity: 0;transform: translateX(10%)} #sub.rnd .con03 ul li:hover .img .mot4{opacity: 1;transform: translateX(0%)} #sub.rnd .con03 ul li .img .mot5{opacity: 1;transform: translateX(-33%) translateY(21%)} #sub.rnd .con03 ul li:hover .img .mot5{opacity: 1;transform: translateX(0%) translateY(0%)} #sub.rnd .con03 ul li:hover .img .mot2{opacity: 1} #sub.rnd .con03 ul li:hover .img .mot1{transform: scale(0.43) translateX(-45%) translateY(80%)} #sub.rnd .con03 ul li .txt{margin-top: 25px;} #sub.rnd .con03 ul li .txt p{font-size: 20px;font-weight: 600;color: #333333;} #sub.rnd .con03 .content > .txt {margin-bottom: 50px} #sub.rnd .con03 .content > .txt p{font-size: 19px;font-weight: 400;color: #333333;line-height: 32px} #sub.rnd .con04{padding-top: 130px;padding-bottom: 130px;} #sub.rnd .con04 .txt{margin-bottom: 40px;} #sub.rnd .con04 .txt p{font-size: 19px;color: #333333;font-weight: 400;} #sub.rnd .con04 ul{display: flex;gap: 20px} #sub.rnd .con04 ul li{width: calc(33.33% - 13.33333333333333px);} #sub.rnd .con04 ul li .tit{padding: 6px;border-radius: 12px;border: 1px solid #3282DE;} #sub.rnd .con04 ul li .tit div{display: flex;width: 100%;height: 108px;background-color: #3282DE;border-radius: 8px;align-items: center;justify-content: center;font-size: 19px;color: #FFFFFF;position: relative} #sub.rnd .con04 ul li .tit div:after{content: '';display: block;width: 20px;height: 49px;background: url(/img/sub/arr.png);position: absolute;right: -20px;top: 50%;margin-top: -25px} #sub.rnd .con04 ul li:last-child .tit div:after{display: none} #sub.rnd .con04 ul li .text{margin-top: 40px;height: 203px;background-color: #F6F7FB;border-radius: 12px;padding: 30px;} #sub.rnd .con04 ul li .text strong{display: block;color: #3282DE;font-size: 22px;padding-bottom: 10px;border-bottom: 1px solid #D9DBE2;margin-bottom: 20px;} #sub.rnd .con04 ul li .text p{font-size: 16px;line-height: 2;color: #333333;;} #sub.rnd .con05{position: relative;background: #020713;overflow: hidden;} #sub.rnd .con05 .wrap{position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);margin: 0 auto;} #sub.rnd .con05 .wrap .tot_wrap{width: 273px;height: 286px;background-color: #3282DE;border-radius: 8px;padding: 8px;margin: 0 auto;margin-bottom: 65px;position: relative} #sub.rnd .con05 .wrap .tot_wrap:before{content: '';display: block;width: 7px;height: 7px;box-sizing: border-box;border-radius: 50%;border: 1px solid #3282DE;background: #fff;top: 50%;margin-top: -3.5px;left: -3.5px;position: absolute} #sub.rnd .con05 .wrap .tot_wrap:after{content: '';display: block;width: 7px;height: 7px;box-sizing: border-box;border-radius: 50%;border: 1px solid #3282DE;background: #fff;top: 50%;margin-top: -3.5px;right: -3.5px;position: absolute} #sub.rnd .con05 .wrap .tot_wrap div{width: 100%;height: 100%;border: 1px solid #78B7FF;border-radius: 4px;display: flex;align-items: center;justify-content: center;flex-direction: column;;} #sub.rnd .con05 .wrap .tot_wrap div span{display: block;font-size: 26px;font-weight: 600;color: #fff;} #sub.rnd .con05 .wrap .tot_wrap div strong{display: block;font-size: 98px;font-weight: 600;color: #fff;} #sub.rnd .con05 .wrap ul{display: flex;} #sub.rnd .con05 .wrap ul{position: relative;} #sub.rnd .con05 .wrap ul:before{content: '';display: block;width: 100%;height: 1px;background: #ffffff20;position: absolute;} #sub.rnd .con05 .wrap ul li{width: 300px;padding: 60px 0 ;text-align: center;position: relative} #sub.rnd .con05 .wrap ul li:before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(to top, #3282DE00,#3282DE50);transform-origin: top center;transform: scaleY(0);opacity: 0;transition-duration: 0.5s} #sub.rnd .con05 .wrap ul li:hover:before{transform: scaleY(1);opacity: 1} #sub.rnd .con05 .wrap ul li div{position: relative;z-index: 5} #sub.rnd .con05 .wrap ul li strong{ font-family: var(--atsens-font-sans);font-size: 80px;color: #fff;font-weight: 400;} #sub.rnd .con05 .wrap ul li p{font-size: 18px;color: #FFFFFF;line-height: 24px;display: block;text-align: center;margin-top: 24px;} #sub.rnd .con05 .title{margin-bottom: 65px;} #sub.rnd .con05 .title strong{display: block;font-size: 80px;color: #FFFFFF;;text-align: center;font-weight: 600;} #sub.rnd .con06{padding-top: 130px;padding-bottom: 160px;background: linear-gradient(to bottom, #F1F6FD00, #F1F6FD);} #sub.rnd .sub_con{padding-bottom: 0; padding-top: 0; } #sub.rnd .con06 .title {margin-bottom: 60px;} #sub.rnd .con06 .title strong{color: #333333;font-size: 80px;font-weight: 700;display: block;margin-bottom: 40px;;} #sub.rnd .con06 .list ul{display: flex;flex-direction: column;gap: 20px;margin-top: 40px;} #sub.rnd .con06 .list ul li a{display: block;border: 1px solid #D9DBE2;padding: 50px ;padding-bottom: 30px;border-radius: 12px;position: relative;background-color: #fff;transition-duration: 0.5s;width: 100%} #sub.rnd .con06 .list ul li a .hover_box{position: absolute;top: 10px;right: 10px;background-color:#3282DE ;border-radius: 12px;width: 6px;height: 6px;display: flex;align-items: center;justify-content: center;overflow: hidden;transition-duration: 0.5s} #sub.rnd .con06 .list ul li a:hover .hover_box{width: 100px;height: 100px;background: #fff} #sub.rnd .con06 .list ul li:hover a{width: calc(100% + 30px);background: #3282DE;transform: translateX(-30px)} #sub.rnd .con06 .list ul li a .date{display: flex;align-items: center;gap: 20px;margin-bottom: 20px;} #sub.rnd .con06 .list ul li a .date i{display: block;width: 5px;height: 5px;border: 1px solid #333333;box-sizing: border-box;border-radius: 50%;} #sub.rnd .con06 .list ul li a .date span{font-size: 16px;color: #54677D;transition: 0.5s;} #sub.rnd .con06 .list ul li a:hover .date span{color: #DFEEFF} #sub.rnd .con06 .list ul li a:hover .date i{border-color: #DFEEFF} #sub.rnd .con06 .list ul li a .tit{padding-bottom: 20px;border-bottom: 1px solid #D9DBE2;margin-bottom: 30px;transition-duration: 0.5s} #sub.rnd .con06 .list ul li a:hover .tit{border-color: #4B95EB} #sub.rnd .con06 .list ul li a .tit strong{font-size: 24px;line-height: 32px;height: 93px;overflow: hidden;color: #333333;display: block;transition-duration: 0.5s} #sub.rnd .con06 .list ul li a:hover .tit strong{color: #fff} #sub.rnd .con06 .list ul li a .txt p{font-size: 15px;color: #696E74;transition: 0.5s} #sub.rnd .con06 .list ul li a:hover .txt p{color: #87BEFF} #sub.rnd .intro_visual{position: relative} #sub.rnd .intro_visual .text_w{position: absolute;left: 60px;top: 120px} #sub.rnd .intro_visual .text_w p{font-size: 24px;color: #252D57;line-height: 1.1.5; padding: 15px; border-radius: 10px; backdrop-filter: blur(10px); } #sub.rnd .intro_visual .intro_vis_image > div{position: relative} #sub.rnd .intro_visual .intro_vis_image img{display: block} #sub.rnd .cert-map-points{position: absolute;inset: 0;z-index: 4;pointer-events: none} #sub.rnd .cert-map-point{position: absolute;left: var(--x);top: var(--y);width: 18px;height: 18px;transform: translate(-50%,-50%);border-radius: 50%;opacity: 0;transition: opacity .25s ease} #sub.rnd .cert-map-point:before, #sub.rnd .cert-map-point:after{content: "";position: absolute;inset: 0;border-radius: 50%;background: rgba(50,130,222,.28);box-shadow: 0 0 0 1px rgba(255,255,255,.9),0 0 28px rgba(50,130,222,.7);transform: scale(.75)} #sub.rnd .cert-map-point:after{background: rgba(255,255,255,.95);inset: 5px;box-shadow: 0 0 18px rgba(50,130,222,.9)} #sub.rnd .cert-map-point i{position: absolute;inset: -13px;border: 2px solid rgba(50,130,222,.5);border-radius: 50%;opacity: 0} #sub.rnd .cert-map-point.is-active{opacity: 1} #sub.rnd .cert-map-point.is-active:before{animation: certPulse 1.8s ease-out infinite} #sub.rnd .cert-map-point.is-active i{animation: certRing 1.8s ease-out infinite} @keyframes certPulse{ 0%{transform: scale(.8);opacity: .85} 70%{transform: scale(2.5);opacity: 0} 100%{transform: scale(2.5);opacity: 0} } @keyframes certRing{ 0%{transform: scale(.45);opacity: .85} 70%{transform: scale(1.45);opacity: 0} 100%{transform: scale(1.45);opacity: 0} } @media (prefers-reduced-motion: reduce){ #sub.rnd .cert-map-point.is-active:before, #sub.rnd .cert-map-point.is-active i{animation: none} } #sub.solution .con01{display: flex;gap: 20px;flex-wrap: wrap;} #sub.solution .con01 .wr{width: calc(50% - 10px);} #sub.solution .con01 .wr a{display: block;border: 1px solid #D9DBE2;border-radius: 12px;transition-duration: 0.5s} #sub.solution .con01 .wr a:hover{background: #3282DE} #sub.solution .con01 .wr .txt{padding: 40px;display: flex;flex-direction: column;height: 365px;justify-content: space-between;} #sub.solution .con01 .wr03 .txt{flex-direction: column-reverse;} #sub.solution .con01 .txt *{font-family: var(--atsens-font-sans);} #sub.solution .con01 .txt span{font-weight: 600;color: #78889A;text-transform: uppercase;font-size: 18px;transition-duration: 0.5s} #sub.solution .con01 .txt strong{font-weight: 600;color: #1F2124;text-transform: uppercase;font-size: 60px;transition-duration: 0.5s} #sub.solution .con01 a:hover .txt strong{color: #fff} #sub.solution .con01 a:hover .txt span{color: #fff} #sub.solution .con01 .wr.wr02 .txt{text-align: right;} #sub.solution .con01 .wr a{position: relative;} #sub.solution .con01 .wr a .hover_box{position: absolute;border-radius: 12px;width: 6px;height: 6px;display: flex;align-items: center;justify-content: center;overflow: hidden;background-color: #3282DE;transition: 0.5s} #sub.solution .con01 .wr a:hover .hover_box{width: 90px;height: 90px;background: #fff} #sub.solution .con01 .wr01 a .hover_box{right: 20px;top: 20px;} #sub.solution .con01 .wr02 a .hover_box{left: 20px;top: 20px;} #sub.solution .con01 .wr03 a .hover_box{right: 20px;bottom: 20px;} #sub .sub_visual02 .txt_wrap .title{transform: translateY(70px);opacity: 0;transition-duration: 1s;} #sub .sub_visual02.on .txt_wrap .title{transform: translateY(0px);opacity: 1;} #sub .row_box .s_title strong{transform: translateY(70px);opacity: 0;transition-duration: 1s;display: block;} #sub .on .row_box .s_title strong{transform: translateY(0px);opacity: 1;} #sub .title_cont .content{transform: translateY(70px);opacity: 0;transition-duration: 1s;display: block;} #sub .title_cont.on .content{transform: translateY(0px);opacity: 1;transition-delay: 0.3s} #sub .sub_visual02 .txt_wrap .line{transform: translateY(70px);opacity: 0;transition-duration: 1s;display: block;} #sub .sub_visual02.on .txt_wrap .line{transform: translateY(0px);opacity: 1;transition-delay: 0.3s} #sub .sub_visual02 .txt_wrap .text{transform: translateY(70px);opacity: 0;transition-duration: 1s;} #sub .sub_visual02.on .txt_wrap .text{transform: translateY(0px);opacity: 1;transition-delay: 0.6s} #sub.why .con .content .txt{transform: translateY(70px);opacity: 0;transition-duration: 1s;transition-delay: 0.3s;} #sub.why .con.on .content .txt{transform: translateY(0px);opacity: 1;} #sub.why .con .content .img_w, #sub.why .con .content .info{transform: translateY(70px);opacity: 0;transition-duration: 1s;transition-delay: 0.6s;} #sub.why .con.on .content .img_w, #sub.why .con.on .content .info{transform: translateY(0px);opacity: 1;} #sub.how .con01 .content ul li{transform: translateY(70px);opacity: 0;transition-duration: 1s;transition-delay: 0.3s;} #sub.how .con01.on .content ul li{transform: translateY(0px);opacity: 1;} #sub.how .con01.on .content ul li:nth-child(2){transition-delay: 0.5s;} #sub.how .con01.on .content ul li:nth-child(3){transition-delay: 0.7s;} #sub.how .con01.on .content ul li:nth-child(4){transition-delay: 0.9s;} #sub.how .con01.on .content ul li:nth-child(5){transition-delay: 1.1s;} #sub.how .con01.on .content ul li:nth-child(6){transition-delay: 1.3s;} #sub.rnd .con01 .content {transform: translateY(70px);opacity: 0;transition-duration: 1s;transition-delay: 0.3s;} #sub.rnd .con02.on .content {transform: translateY(0px);opacity: 1;} #sub.rnd .con01.on .content {transform: translateY(0px);opacity: 1;} #sub.rnd .con02 .row_box{align-items: flex-start;} #sub .line_t div{opacity: 0;width: 60%;transition: 1s;} #sub .on .line_t div{opacity: 1;width: 100%;} #sub.rnd .con03 ul li{transform: translateY(70px);opacity: 0;transition-duration: 1s;transition-delay: 0.3s;} #sub.rnd .con03.on ul li{transform: translateY(0px);opacity: 1;} #sub.rnd .con03.on ul li:nth-child(2){transition-delay: 0.5s;} #sub.rnd .con05 .wrap .tot_wrap{position: relative;z-index: 5} #sub.rnd .con05 .bg{height: 1170px;overflow: hidden;background: #020713} #sub.rnd .con05 .bg picture{display: block;width: 100%;height: 100%} #sub.rnd .con05 .bg img{display: block;width: 100%;height: 100%;max-width: none;object-fit: cover;object-position: center center} #sub.rnd .con10{background-color: #020713;background-image: url(/img/sub/bg.jpg);background-image: image-set(url(/img/sub/bg.webp) type("image/webp"), url(/img/sub/bg.jpg) type("image/jpeg"));background-position: center center;background-size: cover;background-repeat: no-repeat;padding-top: 107px;padding-bottom: 176px;position: relative} #sub.rnd .con10 .line_w{position: absolute;width: calc(100% - 120px);bottom: 60px;height: calc(100% - 120px);left: 60px} #sub.rnd .con10 .line_w .top{height: 100%;position: absolute;left: 0;width:1px;border-left: 2px dashed #08294E} #sub.rnd .con10 .line_w .top i{position: absolute;left: 0;transform: translateX(-50%);display: block;top: 0} #sub.rnd .con10 .line_w .left i{position: absolute;top: 0;transform: translateY(-50%);display: block;right: 0} #sub.rnd .con10 .line_w .top i svg{display: block} #sub.rnd .con10 .line_w .top .tag{position: absolute;left: 30px;top: 0} #sub.rnd .con10 .line_w .left .tag{position: absolute;bottom: 30px;right: 0} #sub.rnd .con10 .line_w .left i svg{display: block} #sub.rnd .con10 .line_w .left{width: 100%;position: absolute;left: 0;height:1px;border-bottom: 2px dashed #08294E;bottom: 0} #sub.rnd .con10 .info_box{display: flex;align-items: center;justify-content: center;gap: 193px;position: relative} #sub.rnd .con10 .info_box .arr{position: absolute;left: 50%;top: 50%;transform: translate(-55%,-50%)} #sub.rnd .con10 .box_w{} #sub.rnd .con10 .box_w{position: relative;z-index: 5} #sub.rnd .con10 .box_w02 #_1{transform: translate(235.486px, 50.328px);opacity: 0;transition: 1s} #sub.rnd .con10 .box_w02 #_2{transform: translate(420.486px, 246.328px);opacity: 0;transition: 1s;transition-delay: 0.2s} #sub.rnd .con10 .box_w02 #_3{transform: translate(325.486px, 389.328px);opacity: 0;transition: 1s;transition-delay: 0.4s} #sub.rnd .con10 .box_w02 #_4{transform: translate(140.486px, 389.328px);opacity: 0;transition: 1s;transition-delay: 0.6s} #sub.rnd .con10 .box_w02 #_5{transform: translate(50.486px, 226.328px);opacity: 0;transition: 1s;transition-delay: 0.8s} #sub.rnd .con10.on .box_w02 #_1{transform: translate(235.486px, 0.328px);opacity: 1} #sub.rnd .con10.on .box_w02 #_2{transform: translate(470.486px, 176.328px);opacity: 1} #sub.rnd .con10.on .box_w02 #_3{transform: translate(375.486px, 439.328px);opacity: 1} #sub.rnd .con10.on .box_w02 #_4{transform: translate(97.486px, 439.328px);opacity: 1} #sub.rnd .con10.on .box_w02 #_5{transform: translate(0.486px, 176.328px);opacity: 1} #sub.rnd .con10 .box_w01 #_1{transform: translate(0px, 50px);opacity: 0;transition: 1s} #sub.rnd .con10 .box_w01 #_2{transform: translate(-50px, 50px);opacity: 0;transition: 1s;transition-delay: 0.2s} #sub.rnd .con10 .box_w01 #_3{transform: translate(-50px, -50px);opacity: 0;transition: 1s;transition-delay: 0.4s} #sub.rnd .con10 .box_w01 #_4{transform: translate(50px, -50px);opacity: 0;transition: 1s;transition-delay: 0.6s} #sub.rnd .con10 .box_w01 #_5{transform: translate(50px, 50px);opacity: 0;transition: 1s;transition-delay: 0.8s} #sub.rnd .con10.on .box_w01 #_1{transform: translate(0px, 0px);opacity: 1} #sub.rnd .con10.on .box_w01 #_2{transform: translate(0px, 0px);opacity: 1} #sub.rnd .con10.on .box_w01 #_3{transform: translate(0px, 0px);opacity: 1} #sub.rnd .con10.on .box_w01 #_4{transform: translate(0px, 0px);opacity: 1} #sub.rnd .con10.on .box_w01 #_5{transform: translate(0px, 0px);opacity: 1} #sub.rnd .con10 .info_box .box_w {position: relative;width: 552px;height: 526px;} #sub.rnd .con10 .info_box .box_w.box_w02{width: 720px;height: 680px} #sub.rnd .con10 .info_box .box_w .pipe{position: absolute;z-index: 10} #sub.rnd .con10 .info_box .box_w .pipe.on{z-index: 30} #sub.rnd .con10 .info_box .box_w .pipe strong{position: absolute;font-size: 16px;color: #666666;line-height: 24px;font-weight: 400;width: 100%;top: 0;transform: translateY(calc(-100% - 10px));transform-origin: center bottom;left: 0;z-index: 50;transition: 0.5s;pointer-events: none} #sub.rnd .con10 .info_box .box_w .pipe04 strong{position: absolute;font-size: 16px;color: #666666;line-height: 24px;font-weight: 400;width: 100%;bottom: 0;top: auto;transform: translateY(calc(100% + 10px));transform-origin: center top;left: 0;text-align: center} #sub.rnd .con10 .info_box .box_w .pipe03 strong{position: absolute;font-size: 16px;color: #666666;line-height: 24px;font-weight: 400;width: 100%;bottom: 0;top: auto;transform: translateY(calc(100% + 10px));transform-origin: center top;left: 0;text-align: center} #sub.rnd .con10 .info_box .box_w .pipe01{text-align: center;} #sub.rnd .con10 .info_box .box_w .pipe02 strong{text-align: center;right: -20%;left: auto} #sub.rnd .con10 .info_box .box_w .pipe .img{transition: 0.5s;position: relative;z-index: 1} #sub.rnd .con10 .info_box .box_w .pipe.on .img{transform: scale(1.2)} #sub.rnd .con10 .info_box .box_w .pipe.on strong{transform: translateY(calc(-100% - 10px)) scale(1.2)} #sub.rnd .con10 .info_box .box_w .pipe03.on strong, #sub.rnd .con10 .info_box .box_w .pipe04.on strong{transform: translateY(calc(100% + 10px)) scale(1.2)} #sub.rnd .con10 .info_box .box_w .pipe .img{border-radius: 50%;box-shadow: 0 0 10px #072D5830} #sub.rnd .con10 .info_box .box_w .pipe .img img{display: block} #sub.rnd .con10 .info_box .box_w .pipe01{left: 50%;transform: translateX(-50%)} #sub.rnd .con10 .info_box .box_w .pipe02{top: 50%;transform: translateX(0%) translateY(-65%);right: 0%} #sub.rnd .con10 .info_box .box_w .pipe05{top: 50%;transform: translateX(0%) translateY(-65%);left: 0%} #sub.rnd .con10 .info_box .box_w .pipe03{bottom: 0;transform: translateX(-110%);left: 50%} #sub.rnd .con10 .info_box .box_w .pipe04{bottom: 0;transform: translateX(110%);right: 50%} #sub.rnd .con10 .info_box .box_w .eq_w{width: 295px;height: 295px;background: #96A2B1;border-radius: 50%;border: 10px solid #fff;z-index: 5;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: flex;align-items: center;justify-content: center;text-align: center} #sub.rnd .con10 .info_box .box_w .eq_w strong{display: block;font-size: 24px;color: #FFFFFF;font-weight: 700} #sub.rnd .con10 .info_box .box_w .eq_w p{display: block;font-size: 18px;color: #FFFFFF;margin-top: 20px;line-height: 26px} #sub.rnd .con10 .info_box .box_w02 .eq_w {background: linear-gradient(34deg, #252D57, #3282DE);width: 387px;height: 387px} #sub.rnd .con04 .txt{transform: translateY(70px);opacity: 0;transition-duration: 1s;transition-delay: 0.3s;} #sub.rnd .con04 ul{transform: translateY(70px);opacity: 0;transition-duration: 1s;transition-delay: 0.6s;} #sub.rnd .con04.on .txt{transform: translateY(0px);opacity: 1;} #sub.rnd .con04.on ul{transform: translateY(0px);opacity: 1;} #sub.rnd .con05 .total{position: relative} #sub.rnd .con05 .total:before{content: '';display: block;width: 75%;height: 1px;top: 50%;background: #FFFFFF20;left: 12.5%;position: absolute} #sub.rnd .con05 ul li{position: relative} #sub.rnd .con05 ul li:nth-child(1):after{content: '';display: block;height: 207px;width: 1px;left: 50%;background: #FFFFFF20;top: -207px;position: absolute} #sub.rnd .con05 ul li:nth-child(4):after{content: '';display: block;height: 207px;width: 1px;left: 50%;background: #FFFFFF20;top: -207px;position: absolute} #sub.rnd .con05 .title{transform: translateY(70px);opacity: 0;transition-duration: 1s;} #sub.rnd .con05.on .title{transform: translateY(0px);opacity: 1;} #sub.rnd .con05 .total{transform: translateY(70px);opacity: 0;transition-duration: 1s;transition-delay: 0.3s;} #sub.rnd .con05.on .total{transform: translateY(0px);opacity: 1;} #sub.rnd .con05 ul{transform: translateY(70px);opacity: 0;transition-duration: 1s;transition-delay: 0.3s;} #sub.rnd .con05.on ul{transform: translateY(0px);opacity: 1;} #sub.rnd .con06 .title strong{transform: translateY(70px);opacity: 0;transition-duration: 1s;} #sub.rnd .con06.on .title strong{transform: translateY(0px);opacity: 1;} #sub.hospital .con01 {margin-bottom: 40px} #sub.hospital .con01 span{display: block;font-size: 20px;color: #3282DE;font-weight: 500;margin-bottom: 30px} #sub.hospital .con01 strong{font-size: 50px;color: #000000;line-height: 60px;font-weight: 700;margin-bottom: 40px;display: block} #sub.hospital .con02{background: #F6F7FB;padding: 70px 0;position: relative} #sub.hospital .con02 .map{position: relative} #sub.hospital .con02 .map .map_base{mix-blend-mode: darken} #sub.hospital .con02 .map .map_base picture{display: block} #sub.hospital .con02 .map .map_pin{position: absolute;top: 0;left: 0} #sub.hospital .con02 .nation{position: absolute;right: 60px;width: 720px;height: 605px;top: 50%;margin-top: -302.5px;display: flex;align-items: center;justify-content: center} #sub.hospital .con02 .nation svg{display: block} #sub.hospital .con02 .nation .circle{width: 263px;height: 263px;background: #3282DE;border-radius: 50%;border: 10px solid #53A2FC;box-sizing: border-box;text-align: center;padding-top: 70px} #sub.hospital .con02 .nation .circle01{position: absolute;top: 0;left: 50%;margin-left: -131.5px} #sub.hospital .con02 .nation .circle03{position: absolute;bottom: 0;left: 50%;margin-left: -131.5px} #sub.hospital .con02 .nation .circle02{position: absolute;top: 50%;right: 0%;margin-top: -131.5px} #sub.hospital .con02 .nation .circle04{position: absolute;top: 50%;left: 0%;margin-top: -131.5px} #sub.hospital .con02 .nation .circle strong{display: block;text-transform: uppercase;font-size: 24px;color: #FFFFFF;margin-bottom: 15px} #sub.hospital .con02 .nation .circle p{font-size: 18px;color: #D2E5FF;line-height: 26px;letter-spacing: -0.5px} #sub.hospital .con03{background: #252D57;display: flex} #sub.hospital .con03 .box{width: 50%;padding: 60px} #sub.hospital .sub_con{padding-bottom: 0} #sub.hospital .con03 .box .w{display: flex;gap: 80px} #sub.hospital .con03 .box .w strong{font-size: 20px;color: #FFFFFF;display: block;margin-bottom: 17px} #sub.hospital .con03 .box .w ul{display: flex;gap: 8px;flex-direction: column} #sub.hospital .con03 .box .w ul li{font-size: 18px;color: #B4BBDF;line-height: 1.5} #sub.hospital .con03 .box > strong{display: flex;width: 205px;height: 48px;background: #3282DE;border-radius: 8px;align-items: center;justify-content: center;color: #fff;font-size: 18px;margin-bottom: 40px} #sub.hospital .con04 {padding-top: 120px;padding-bottom: 160px} #sub.hospital .con04 table{width: 100%;border-collapse: collapse; border-collapse: inherit; border-spacing: 0px 12px !important;} #sub.hospital .con04 .tabs2{margin-bottom: 50px} #sub.hospital .con04 .tabs2 ul{display: flex;border: 1px solid #D1D6DC;border-radius: 10px;padding: 15px} #sub.hospital .con04 .tabs2 ul li{flex: 1} #sub.hospital .con04 .tabs2 ul li a{display: flex;height: 70px;align-items: center;justify-content: center;color: #4A5C78;font-size: 20px;font-weight: 600;border-radius: 8px} #sub.hospital .con04 .tabs2 ul li.on a{background: #252D57;color: #fff} #sub.hospital .con04 table th{height: 80px;font-size: 18px;color: #000000;border-bottom: 1px solid #1F2124;border-top: 1px solid #1F2124;vertical-align: middle} #sub.hospital .con04 table td{height: 70px;background: #F6F7FB;font-size: 18px;color: #3B434D;text-align: center;vertical-align: middle; } #sub.hospital .con04 table td:nth-child(1){border-radius: 8px 0 0 8px} #sub.hospital .con04 table td:nth-child(3){border-radius: 0 8px 8px 0} #sub.hospital .con04 table td:nth-child(2){text-align: left;width: 60%} #sub.hospital .con04 table th:nth-child(2){width: 60%} #sub.hospital .con03 .box.box2{border-left: 1px solid #3F4875} #sub.hospital .con03 .box.box2 > strong{background: #0052B1} #sub.rnd .con09 .title{padding-top: 180px;padding-bottom: 80px} #sub.rnd .con09 .title strong{display: block;font-size: 80px;color: #1F2124;text-align: center;font-weight: 600} #sub.rnd .con07{background: #252D57;display: flex} #sub.rnd .con07 .box{flex: 1;padding: 60px;display: flex;flex-direction: column;gap: 30px;border-right: 1px solid #3F4875} #sub.rnd .con07 .box:last-child{border-right: none} #sub.rnd .con07 .box strong{font-size: 20px;color: #FFFFFF;margin-bottom: 15px;display: block} #sub.rnd .con07 .box ul li{font-size: 18px;color: #B4BBDF;} #sub.rnd .con07 .box ul{display: flex;flex-direction: column;gap: 10px} #sub.rnd .con08 {position: relative;z-index: 15;padding-top: 150px;padding-bottom: 100px;overflow: hidden;gap: 40px;background: #020713} #sub.rnd .con08 .bg{position: absolute;inset: 0;width: 100%;height: 100%;transform: none;background: #001F2B} #sub.rnd .con08 .bg video{width: 100%;height: 100%;min-width: 0;object-fit: cover;display: block;opacity: 0.5} #sub.rnd .con08 .inner{position: relative;z-index: 15} #sub.rnd .con08 .title{display: flex;gap: 170px;align-items: flex-end} #sub.rnd .con08 .title .tit span{display: block;font-size: 20px;color: #FFFFFF;font-weight: 500;margin-bottom: 10px} #sub.rnd .con08 .title .tit strong{font-size: 60px;color: #FFFFFF;} #sub.rnd .con08 .title .txt strong{font-size: 24px;color: #FFFFFF;font-weight: 600;display: block;margin-bottom: 15px} #sub.rnd .con08 .title .txt p{font-size: 18px;color: #FFFFFF} #sub.rnd .con08 .box{display: flex;gap: 40px} #sub.rnd .con08 .box .left{background: rgba(0,0,0,0);backdrop-filter: blur(20px) saturate(80%) ;border-radius: 12px} #sub.rnd .con08 .box .left img{display: block;max-width: 100%} #sub.rnd .con08 .box ul{width: 490px;gap: 10px;flex-direction: column;display: flex} #sub.rnd .con08 .box ul li{background: rgba(0,0,0,0);backdrop-filter: blur(20px) saturate(80%);border-radius: 12px;display: flex;align-items: center;height: 148px;gap: 50px;border-radius: 12px;padding-left: 40px;} #sub.rnd .con08 .box ul li i{display: block;border-radius: 10px;overflow: hidden} #sub.rnd .con08 .box ul li svg{display: block} #sub.rnd .con08 .box ul li span{display: block;font-size: 17px;color: #7FACDF;font-weight: 500;margin-bottom: 15px} #sub.rnd .con08 .box ul li strong{font-size: 22px;color: #FFFFFF;font-weight: 700;margin-bottom: 10px} #sub.rnd .con08 .box ul li p{font-size: 16px;color: rgba(255,255,255,0.8)} #sub.rnd .con08 .line{display: flex;justify-content: center;margin-top: 55px;margin-bottom: 65px} #sub.rnd .con08 .line div{width: 100%;height: 1px;background-color: #ffffff70;position: relative;} #sub.rnd .con08 .line div:before{content: '';display: block;width: 5px;height: 5px;position: absolute;left: 0;top: -2px;border: 1px solid #fff;box-sizing: border-box;border-radius: 50%;} #sub.rnd .con08 .line div:after{content: '';display: block;width: 5px;height: 5px;position: absolute;right: 0;top: -2px;border: 1px solid #fff;box-sizing: border-box;border-radius: 50%;} #sub.rnd .ai_content .c01{margin-bottom: 0} @media (min-width: 1920px){ #sub .sub_visual .sub_vis_image img{width: 100vw} } @media (max-width: 1760px){ #sub .ai_content{padding: 60px 30px} #sub.intro .con01{padding: 0 30px;} #sub.at_solution .con01{padding-left: 40px;padding-right: 40px;;} #sub.at_solution .con01 .content{width: 1000px;} #sub.at_solution .con01 .content img{width: 100%;} #sub.at_solution .con01 .p_title {width: calc(100% - 1000px);} .inner{padding: 0 40px;} #sub .row_box{padding: 0 40px;} #sub.rnd .con01 .content ul li .txt p br{display: none;} #sub .sch_wrap input{width: 380px} #sub .tab_w ul li a{padding: 0 25px} #sub.rnd .con08 .title{gap: 40px} #sub.hospital .con02 .map{position: relative} #sub.hospital .con02 .map img{max-width: 100%} #sub.hospital .con02 .nation{position: relative;margin: 0 auto} #sub.hospital .con03 .box .w{gap: 30px} #sub.rnd .con10 .info_box{gap: 90px} #sub.rnd .con10 .box_w01 svg{width: 400px;height: auto} #sub.rnd .con10 .box_w02 svg{width: 600px;height: auto} #sub.rnd .con10 .info_box .box_w{transform: scale(0.7)} #sub .sub_visual02 .txt_wrap{ padding-top: 120px; } #sub .sub_visual02 .txt_wrap .text ul li{ height: 60px; padding: 0 20px; font-size: 18px; } #sub .sub_visual02 .txt_wrap .line{ margin-top: 20px; margin-bottom: 20px; } } @media (max-width: 1600px){ #sub.ko .ai_content > div{width: 100%} } @media (max-width: 1450px){ #sub.hospital .con02{display: flex;justify-content: center;flex-direction: column;align-items: center} #sub.hospital .con02 .nation{right: 0} #sub.intro .con00 .w .img img{width: 500px} #sub.intro .con00 .w .right { width: calc(100% - 500px);} #sub.intro .con00 .w .right{padding-left: 50px} .intro_visual .intro_title strong{font-size: 100px;line-height: 1} .intro_visual .intro_vis_image img{max-width: 100%} #sub .row_box .s_title {width: 405px;} #sub .row_box .content {width: calc(100% - 405px);} #sub.why .con .content .txt p br{display: none;} #sub.at_solution .con01 .title div strong{font-size: 22px;} #sub.at_solution .con01 .txt_w p{font-size: 15px;line-height: 1.5;;} #sub.at_solution .con01 .title div span{width: 40px;height: 40px;font-size: 15px;} #sub.at_solution .con01 .title div{height: 70px;} #sub .sub_visual .vis_text_info .v_txt, #sub .sub_visual .vis_text_info .v_txt01{padding: 20px;} #sub.at_solution .con01 .p_title strong{font-size: 45px;line-height: 1.2;;} #sub .row_box .s_title strong{font-size: 40px;} #sub.why .con .content .txt p, #sub.why .con .content .info p{font-size: 17px;} } @media (max-width: 1300px){ #sub .his_wrap .his_content {width: calc(100% - 370px);} #sub .his_wrap .year{width: 350px;} #sub.intro .con01 .left .box_wrap .box{height: 170px;} #sub.intro .con01 .left .box_wrap .box{padding: 25px;} #sub.intro .con01 .left .box_wrap .box p{font-size: 16px;} #sub.intro .con01 .left .box_wrap .box p br{display: none;} #sub.at_solution .con01 .content{width: 800px;} #sub.at_solution .con01 .p_title {width: calc(100% - 800px);} #sub.rnd .con04 ul li .text{height: auto;} } @media (max-width: 1200px){ #sub .sol_tabs ul li p{display: none} #sub.ko .ai_content .title strong{font-size: 30px} #sub.at_solution .con01{width: 650px;margin: 0 auto;max-width: 100%} #sub.rnd .con05 .wrap ul li{width: 230px;} #sub.at_solution .con01{flex-direction: column;} #sub.at_solution .con01 .content{width: 100%;} #sub.at_solution .con01 .p_title {width: 100%;} #sub.at_solution .con01 .p_title strong br{display: none;} #sub.at_solution .con01 .p_title{margin-bottom: 40px;} #sub .ai_content br{display: none} #sub.rnd .con07 .box{padding: 20px} #sub .sol_table .wrap{max-width: 100%;padding: 0 20px} } @media (max-width: 1160px){ #sub .tab_w ul{justify-content: center} #sub .t_title{padding-top: 60px;padding-bottom: 30px} #sub .t_title strong{font-size: 28px} #sub.hospital .con04{padding-top: 60px;padding-bottom: 60px} #sub.hospital .con04 .tabs2{margin-bottom: 20px} #sub.hospital .con04 .tabs2 ul{padding: 5px} #sub.hospital .con04 .tabs2 ul li a{font-size: 13px;height: 40px} #sub.hospital .con04 table {border-spacing: 0px 6px !important;} #sub.hospital .con04 table th{height: 50px;font-size: 13px} #sub.hospital .con04 table td{height: 40px;font-size: 13px} #sub .ai_content .c07 .img{padding: 0} #sub .ai_content .c06 ul li .img {width: 130px;height: 180px} #sub .ai_content .c06 ul li .img img{display: block;transform: scale(0.6)} #sub .ai_content .c06 ul{gap: 10px} #sub .ai_content .c06 ul li{padding: 20px;} #sub .ai_content .c06 ul li .txt strong{font-size: 16px;margin-bottom: 10px} #sub .ai_content .c06 ul li .txt p{font-size: 13px;;line-height: 1.5;word-break: keep-all} #sub.ko .title_cont .content ul{gap: 10px} #sub .title_cont .content p{font-size: 13px;line-height: 1.5} #sub.ko .ai_content > div.c08{margin-top: 60px} #sub.ko .ai_content .c06{margin: 60px 0} .q_list{display: none} .rnd-q-list{display:flex;bottom:14px;padding:0 16px;box-sizing:border-box} .rnd-q-list ul{max-width:100%;overflow-x:auto;justify-content:flex-start;gap:0;padding:5px 10px;scrollbar-width:none} .rnd-q-list ul::-webkit-scrollbar{display:none} .rnd-q-list ul li{flex:0 0 auto} .rnd-q-list ul li a{height:40px;padding:0 18px;font-size:13px;white-space:nowrap} .business-q-list{display: flex;bottom: 14px;padding: 0 16px} .business-q-list ul{max-width: 100%;overflow-x: auto;justify-content: flex-start;padding: 5px;gap: 0;scrollbar-width: none} .business-q-list ul::-webkit-scrollbar{display: none} .business-q-list ul li a{height: 40px;padding: 0 20px;font-size: 13px} .business-q-list[data-scroll-nav="true"] ul:before{top:5px;height:40px} #sub.business-document-ready .business-section-heading{grid-template-columns:180px 1fr;gap:25px} #sub.business-document-ready .business-board-item a{grid-template-columns:90px minmax(0,1fr) 42px;padding:20px 24px} .privacy-policy-page .privacy-hero{padding: 120px 0 42px} .privacy-policy-page .privacy-hero h1{font-size: 34px} .privacy-policy-page .privacy-content{padding: 42px 0 80px} .privacy-policy-page .privacy-document h2{font-size: 22px;margin: 38px 0 14px;padding-top: 22px} .privacy-policy-page .privacy-document p{font-size: 14px;line-height: 1.75;word-break: normal} .privacy-policy-page .privacy-document .privacy-lead{font-size: 15px} .privacy-policy-page .privacy-table-scroll th,.privacy-policy-page .privacy-table-scroll td{font-size: 13px;padding: 12px} #sub.rnd .title_rnd strong{font-size: 14px;line-height: 1.5} #sub.rnd .title_rnd{padding: 0 20px} #sub.rnd .con10 .line_w .tag{display: none} #sub.rnd .con10 .box_w01 svg { width: 360px; height: auto; } #sub.rnd .con10 .info_box .arr svg{height: 50px;width: auto} #sub.rnd .con10 .box_w02 svg{width: 480px} #sub.intro .con00{padding: 60px 0} .tabs ul{padding: 3px} .tabs{margin-bottom: 20px} .tabs ul li a{height: 40px;padding: 0 20px;font-size: 13px} #sub.intro .con00 .w .right .name{margin-top: 20px} #sub.intro .con00 .w .right .name div{padding-left: 20px;height: 40px} #sub.intro .con00 .w .right .txt{padding-left: 0;gap: 10px} #sub.intro .con00 .w .right .txt h2{font-size: 28px;line-height: 1.2;margin-bottom: 4px} #sub.intro .con00 .w .right .txt p{font-size: 14px;line-height: 1.5} #sub.intro .con00 .w .right .name div p{font-size: 14px;margin-right: 10px} #sub.intro .con00 .w .right .name div span, #sub.intro .con00 .w .right .name div strong{font-size: 14px} #sub.hospital .con03 .box.box2 { border-left: none; border-top: 1px solid #3F4875; } #sub.hospital .con03 .box > strong{height: 36px;font-size: 14px;margin-bottom: 15px} #sub.hospital .con03 .box .w strong{margin-bottom: 10px} #sub.hospital .con03 .box .w ul{gap: 4px} #sub.hospital .con03 .box{padding: 20px} #sub.hospital .con03{flex-direction: column} #sub.hospital .con03 .box{width: 100%} #sub.hospital .con03 .box .w strong{font-size: 16px} #sub.hospital .con03 .box .w ul li{font-size: 13px} #sub.hospital .con02 .nation{align-items: baseline} #sub.hospital .con02 .nation .circle{padding: 20px 0;height: 130px} #sub.hospital .con02 .nation .circle strong{font-size: 15px} #sub.hospital .con02 .nation .circle p{font-size: 13px;line-height: 1.5} #sub.hospital .con01 strong{margin-bottom: 15px} #sub.hospital .con01 span{font-size: 14px;margin-bottom: 15px} #sub.hospital .con01 strong{font-size: 26px;line-height: 1.5} #sub.hospital .con02 .nation{width: 100%;gap: 10px;right: 0;padding: 0 20px;height: auto} #sub.hospital .con02 .nation .circle{position: static !important;margin: 0 !important} #sub.hospital .con02 .nation .circle{flex: 1;border-radius: 10px;border-width: 3px} #sub.hospital .con02 .nation i{display: none} .intro_visual .intro_title02{right: 20px;bottom: 20px} .intro_visual .intro_title01 { top: 124px; left: 20px; } .intro_visual .intro_product img{width: 200px} .intro_visual .intro_title strong{font-size: 50px} #sub.how .con01{padding-top: 60px} #sub .sol_tabs{padding: 20px 0} #sub .sol_tabs2 ul{width: 100%;padding: 0 20px} #sub .sol_tabs2 ul li a{height: 84px;border-radius: 10px} #sub .sol_tabs ul li a .txt span{font-size: 11px} #sub .sol_tabs ul li a .txt strong{font-size: 16px;margin-top: 5px} #sub .sol_table .text p{word-break: keep-all;text-align: center} #sub .sol_table{padding: 60px 0} #sub .sol_table .title{margin-bottom: 20px} #sub .sol_table .title strong{font-size: 15px;} #sub .sol_table .text{height: 40px;margin-top: 20px} #sub .sol_table .text p{font-size: 13px;} #sub .sol_table table td, #sub .sol_table table th{font-size: 12px;line-height: 1.5;height: 50px} #sub .ai_content .c03 ul li .w span{font-size: 11px;width: 51px; height: 20px;} #sub .ai_content .c04 ul li .w strong{font-size: 13px} #sub .ai_content .c04 ul li .w .img img{max-width: 80%} #sub .ai_content .c03 ul li .w{height: auto;padding-bottom: 20px;padding-top: 35px} #sub .ai_content .c03 ul li .txt{padding-top: 15px} #sub .ai_content .c03 ul li .txt strong{font-size: 16px;margin-bottom: 15px} #sub .ai_content .c03 ul li .w i{height: 43px} #sub .ai_content .c03 ul li .w i svg{height: 40px;width: auto} #sub .ai_content .c03 ul li .txt p{font-size: 14px;word-break: keep-all;line-height: 1.5} #sub .ai_content .c02 .txt strong{font-size: 16px} #sub .ai_content .c02 .txt p{font-size: 14px} #sub .ai_content .c02 .txt{padding: 30px 20px} #sub .ai_content .c02 ul{gap: 20px} #sub .ai_content .c01, #sub .ai_content .c02, #sub .ai_content .c03{margin-bottom: 60px} #sub.rnd .con08 .box{gap: 20px} #sub.rnd .con08{padding: 60px 0} #sub.rnd .con08 .title{flex-direction: column;justify-content: flex-start;align-items: flex-start} #sub.rnd .con08 .title .tit strong{font-size: 30px;} #sub.rnd .con08 .box ul li p{font-size: 12px;} #sub.rnd .con08 .box ul li{height: 80px;padding-left: 20px} #sub.rnd .con08 .box ul li{gap: 20px} #sub.rnd .con08 .box ul li svg{width: 46px;height: auto} #sub.rnd .con08 .box ul li strong{font-size: 15px;margin-bottom: 5px} #sub.rnd .con08 .box ul li span{font-size: 12px;margin-bottom: 6px} #sub.rnd .con08 .box ul{width: 100%} #sub.rnd .con08 .box .left img{width: 500px;margin: 0 auto} #sub.rnd .con08 .box{flex-direction: column} #sub.rnd .con08 .line{margin: 15px 0} #sub.rnd .con08 .title{gap: 20px} #sub.rnd .con08 .title .txt strong{font-size: 16px;margin-bottom: 5px} #sub.rnd .con08 .title .txt p{font-size: 12px} #sub.rnd .con08 .title .tit span{font-size: 13px} #sub .ai_content .title{margin-bottom: 15px;gap: 15px} #sub .ai_content .title strong{font-size: 40px} #sub .ai_content .title p{font-size: 14px;line-height: 1.5} #sub .ai_content{word-break: keep-all} #sub.why .con .content .img_w .img_title strong{min-width: 150px} #sub.view .con01 .content .txt{padding-top: 20px} #sub.view .con01 .content .file{padding-bottom: 10px} #sub.view .con01 .content .file a svg{width: 26px;height: auto;font-size: 13px} #sub.view .con01 .content .file a{font-size: 13px;gap: 10px} #sub.view .con01 .content{padding: 20px;border-radius: 10px} #sub.view .con01 .title span{font-size: 13px} #sub.view .con01 .title div strong{font-size: 16px} #sub.view .con01 .title{height: auto;padding: 20px;flex-direction: column;justify-content: flex-start;align-items: flex-start;gap: 10px;border-radius: 10px} #sub.rnd .con05 ul li:nth-child(1):after{height: 150px;top: -150px} #sub.rnd .con05 ul li:nth-child(4):after{height: 150px;top: -150px} #sub.solution .s_logo svg{width: 220px;height: auto} #sub.solution .wr .pro{display: none} #sub .his_wrap .his_content { width: calc(100% - 230px); } #sub.rnd .con01 .content .plus{display: none} #sub .his_wrap .his_content .his .w strong{margin-bottom: 15px;} #sub .his_wrap .his_content .his .w div{padding: 20px;} #sub .his_wrap .his_content .his .w ul li:before{width: 4px;height: 4px;top: 6px;} #sub .his_wrap .his_content .his .w ul{gap: 5px} #sub .his_wrap .his_content .his .w ul li{font-size: 13px;;} #sub .his_wrap .his_content .his .w strong{font-size: 16px;} #sub .his_wrap .year{width: 220px;padding: 0 15px;} #sub .his_wrap .year .year_w .y{height: 40px;} #sub .his_wrap .year .year_w strong{font-size: 38px;} #sub .his_wrap .year .year_w{height: 100px;padding: 0 15px;} #sub .his_wrap .year .year_w span{font-size: 12px;} #sub .tab_w ul{padding: 5px;} #sub .tab_w ul li a{height: 30px;font-size: 13px;padding: 0 15px;} #sub .tab_w{flex-direction: column;gap: 15px} #sub.board .list{margin-top: 20px;} #sub.board .list ul li a .left_cont .cate em { margin-right: 10px; width: 57px; height: 32px;font-size: 13px;} #sub.board .list ul li a .left_cont {width: calc(100%);align-items: center;} #sub.board .list ul li a .left_cont i svg{width: 10px;height: auto;} #sub.board .list ul li a .left_cont i {width: 30px;height: 30px;margin-right: 10px;border-radius: 5px;} #sub.board .list ul li a{padding: 20px;height: auto;} #sub.board .list ul li a .left_cont .txt strong{font-size: 15px;} #sub.board .list ul li a .left_cont .txt p{font-size: 12px;} #sub.board .list ul li a .btn{display: none;} #sub.inquiry .form_list{margin-top: 40px;} #sub.inquiry .direction .txt{gap: 10px;padding: 15px 0;} #sub.inquiry .direction .txt span{font-size: 13px;} #sub.inquiry .direction .txt p{font-size: 13px;} #sub.inquiry .direction .map{height: 200px;border-radius: 7px;} #sub.inquiry .form_list ul .pri_t svg{width: 20px;} #sub.inquiry .form_list ul .pri_t p{font-size: 13px;} #sub.inquiry .form_list ul .f_w textarea, #sub.inquiry .form_list ul .pri_w{padding: 10px;border-radius: 7px;font-size: 12px;height: 100px;} #sub.inquiry .form_list ul .pri_w p{font-size: 12px;line-height: 1.5;;} #sub.inquiry .form_list ul .f_w3{gap: 20px} #sub.inquiry .form_list ul .f_w3 i{font-size: 11px;} #sub.inquiry .form_list ul{gap: 20px} #sub.inquiry .form_list ul .f_txt strong{font-size: 14px;} #sub.inquiry .form_list ul .f_w input, #sub.inquiry .form_list ul .f_w select{height: 40px;border-radius: 7px;font-size: 12px;padding: 0 7px;} #sub.rnd .con06 .list ul{margin-top: 0;} #sub.rnd .con06 .s_title{margin-top:20px;} .inner{padding: 0 20px;} #sub.rnd .con05 .bg{height: 600px;} #sub.rnd .con05 .bg img{height: 100%;} #sub.rnd .con05 .title{margin-bottom: 25px;} #sub.rnd .con05 .title{margin-bottom: 25px;} #sub.rnd .con05 .title strong{font-size: 40px;} #sub.rnd .con05 .wrap .tot_wrap{padding: 5px;} #sub.rnd .con05 .wrap .tot_wrap{width: 170px;height: 170px;} #sub.rnd .con05 .wrap .tot_wrap div span{font-size: 16px;} #sub.rnd .con05 .wrap .tot_wrap div strong{font-size: 40px;} #sub.rnd .con05 .wrap ul li strong{font-size: 45px;} #sub.rnd .con05 .wrap ul li p{font-size: 13px;line-height: 1.5;margin-top: 10px;} #sub.rnd .con05 .wrap ul li{width: 160px;padding: 25px 0;} #sub.rnd .con04 ul li .tit{padding: 3px;border-radius: 8px;} #sub.rnd .con04 ul li .tit div{border-radius: 5px;} #sub.rnd .con04 ul li .tit div{font-size: 15px;height: 50px;} #sub.rnd .con04 ul li .text{padding: 15px;border-radius: 6px;margin-top: 15px;} #sub.rnd .con04 ul li .text strong{font-size: 16px;padding-bottom: 7px;margin-bottom: 7px;} #sub.rnd .con04 ul li .text p{font-size: 13px;line-height: 1.5;;} #sub.rnd .con02 .content ul li{padding: 7px 0;} #sub.rnd .con02 .content ul li span{font-size: 13px;margin-bottom: 7px;;} #sub.rnd .con02 .content ul li strong{font-size: 16px;} #sub.rnd .con02 .content ul li{gap: 15px} #sub.rnd .con02 .content ul li .img_w{border-radius: 6px;} #sub.rnd .con02 .content ul li .img_w img{width: 80px;} #sub.rnd .con02 .content .tit p{margin-bottom: 30px;} #sub.rnd .con02{padding: 60px 0;} #sub.rnd .con02 .content .tit p{font-size: 14px;line-height: 1.5;} #sub.rnd .con02 .row_box > div{padding-bottom: 0;} #sub.rnd .con02 .row_box > div{padding-top: 0;} #sub.rnd .con01{padding-bottom: 60px;} #sub.rnd .con01 .content ul{gap: 10px} #sub.rnd .con01 .content ul li .txt div{margin-top: 15px;} #sub.rnd .con01 .content ul li{padding: 20px;border-radius: 8px;height: auto;width: calc(50% - 5px);} #sub.rnd .con01 .content ul li .tit strong{font-size: 15px;} #sub.rnd .con01 .content ul li .txt p{font-size: 13px;line-height: 1.5;} #sub.how .con01 .content ul .wrap .txt_w{padding: 20px;border-radius: 7px;} #sub.how .con01 .content ul .wrap .txt_w p{font-size: 13px;line-height: 1.5;} #sub.how .con01 .content ul .wrap .txt_w .tit{margin-bottom: 10px;margin-bottom: 10px;;} #sub.how .con01 .content ul .wrap .txt_w .tit span, #sub.how .con01 .content ul .wrap .txt_w .tit strong{font-size: 14px;} #sub.how .con01 .content ul .wrap .txt_w {width: calc(100% - 130px);} #sub.how .con01 .content ul .wrap .icon i{border-radius: 7px;} #sub.how .con01 .content ul .wrap .icon{width: 120px;border-radius: 7px;} #sub.how .con01 .content ul .wrap .icon i img{width: 120px;} #sub.how .row_box .s_title strong{font-size: 32px;} #sub.intro .con01 > div{width: 100%;} #sub.intro .con01 > div.right{padding: 20px 0;} #sub.intro .con01 > div img{max-width: 1000px;} #sub.intro .con01 > div img{height: 50vh;} #sub.intro .con01 .left .box_wrap{height: calc(100% - 190px);} #sub.intro .con01 .right .img_w{height: 100%;} #sub.intro .con01 .left .title{padding-top: 100px;margin-bottom: 10px;} #sub.intro .con01 .left .box_wrap .box{height: 130px;} #sub.intro .con01 .left .box_wrap .box strong{font-size: 14px;} #sub.intro .con01 .left .box_wrap .box{padding: 15px;border-radius: 8px;} #sub.intro .con01 .left .box_wrap .box p{font-size: 13px;line-height: 1.5;} #sub.intro .con01 .left .title strong{font-size: 32px;} #sub.intro .con01 .left{width: 100%;padding-right: 0;} #sub.intro .con01 > div{flex: auto;} #sub.intro .con01{flex-direction: column;} #sub.intro .con01 > div{height: 50vh;} #sub .row_box{padding: 0 20px;} #sub.why .con.con01 .content .img_w img{max-width: 90%;} #sub.why .con.con01 .content .info p{padding-top: 20px;} #sub.why .con.con01 .content .info{padding: 20px;margin-top: 20px;;} #sub.why .con{padding: 65px 0;} #sub.why .con .content .img_w ul li .img_title{margin-top: -15px;} #sub.why .con .content .img_w .img_title strong{line-height: 30px;font-size: 13px;border-radius: 3px;} #sub.why .con .content .txt{margin-bottom: 20px;} #sub .row_box .s_title strong{font-size: 30px;} #sub.why .con .content .img_w{margin-top: 25px;} #sub.why .con .content .txt p, #sub.why .con .content .info p{font-size: 14px;} #sub .row_box .s_title {width: 100%;} #sub .row_box .content {width: 100%;} #sub .row_box{flex-direction: column;gap: 20px} #sub .sub_visual .vis_text_info {width: calc(100% - 40px);left: 20px;} #sub .sub_visual .vis_text_info .v_txt strong{font-size: 40px;} #sub .sub_visual .vis_text_info .v_txt p{font-size: 13px;line-height: 1.5;;} #sub .sub_visual .vis_text_info .v_txt p i{display: block;} #sub.solution .con01 .txt span{font-size: 14px;} #sub.solution .con01 .txt strong{font-size: 30px;} #sub.solution .con01 .wr a{border-radius: 6px;} #sub.solution .con01 .wr .txt{height: 250px;} #sub.solution .con01 .wr .txt{padding: 25px;;} #sub.at_solution .con01 .title div strong{font-size: 16px;} #sub.at_solution .con01 .title div span{width: 26px;height: 26px;font-size: 13px;border-radius: 5px;} #sub.at_solution .con01 .title div{gap: 10px} #sub.at_solution .con01 .title div{height: 50px;} #sub.at_solution .con01 .box01 .txt_w{height: 400px;} #sub.at_solution .con01 .p_title strong{font-size: 32px;} #sub.at_solution .con01{padding: 90px 20px;} #sub.at_solution .con01 .txt_w p{font-size: 13px;margin-top: 15px;} #sub .sub_con{padding: 65px 0;} #sub .sub_visual .vis_text_base .v_title strong{font-size: 40px;} #sub .sub_visual .vis_text_base{padding: 0 20px;padding-top: 120px;} #sub .sub_visual .vis_text_base .v_title{margin-bottom: 20px;} #sub .sub_visual .vis_text_base .v_loc{padding-top: 20px;gap: 6px} #sub .sub_visual .vis_text_base .v_loc button{font-size: 13px;} #sub .sub_visual .vis_text_base .v_loc .home svg{width: 13px;height: auto;display: block;} #sub .sub_visual .vis_text_base .v_loc > i{height: 6px;} #sub .sub_visual.sub_visual_board{padding-bottom: 40px;} #sub.why .con .content .img_w .img{border-radius: 8px;} #sub.rnd .con03{padding-top: 60px;} #sub.rnd .con03 ul{gap: 10px} #sub.rnd .con03 ul li .txt{margin-top: 15px;} #sub.rnd .con03 ul li .txt p{font-size: 14px;;height: 1.5;;} #sub.rnd .con03 ul li .img{border-radius: 6px;} #sub.rnd .con03 ul{padding-bottom: 60px;} #sub.rnd .con04{padding-top: 60px;padding-bottom: 60px;} #sub.rnd .con04 .txt p{font-size: 14px;} #sub.rnd .con04 .txt{margin-bottom: 15px;} #sub.rnd .con06{padding: 60px 0;} #sub.rnd .con06 .sch_wrap{padding-right: 20px;} #sub.rnd .con06 .title strong{font-size: 40px;margin-bottom: 15px;} #sub .sch_wrap input{height: 40px;font-size: 13px;width: 220px;padding-left: 20px;} #sub .sch_wrap select{padding: 0 10px;;font-size: 13px;height: 40px;width: 90px;} #sub .sch_wrap button{width: 40px;} #sub .sch_wrap button svg{width: 16px;} #sub.rnd .con06 .list ul li a{padding: 20px;} #sub.rnd .con06 .list ul li a .date{margin-bottom: 10px;} #sub.rnd .con06 .list ul li a .date span{font-size: 12px;} #sub.rnd .con06 .list ul li a .tit strong{font-size: 14px;line-height: 20px;height: 60px;} #sub.rnd .con06 .list ul li a .tit{padding-bottom: 10px;margin-bottom: 10px;;} #sub.rnd .con06 .list ul li a .txt p{font-size: 12px;} #sub.rnd .con06 .list ul li a{border-radius: 8px;} #sub.rnd .con06 .list ul{gap: 10px} #sub .paging{margin-top: 30px;} #sub .paging ul li a{height: 30px;width: 30px;border-radius: 7px;font-size: 13px;} #sub .paging ul li a{background-size: 100% 100% !important;} #sub.rnd .con06 .title{margin-bottom: 25px;} #sub.rnd .con04 ul li .tit div:after{width: 8px;background-size: 100% auto;height: 19px;right: -8px;margin-top: -10px} #sub .sub_visual .s_tab ul{gap: 0 20px} #sub .sub_visual .s_tab ul li a{height: 40px;font-size: 13px} #sub .sub_visual .s_tab ul{padding: 0 40px} #sub.rnd .con03 .content > .txt p{font-size: 13px;line-height: 1.5} #sub.rnd .con03 .content > .txt{margin-bottom: 15px} #sub.inquiry .btn button{width: 160px;} #sub.inquiry .btn button .txt_w span{font-size: 13px} #sub.inquiry .btn button .txt_w svg{width: 5px;height: auto} #sub.inquiry .btn button .txt_w{height: 50px;padding: 0 20px} #sub.rnd .intro_visual .text_w p{font-size: 15px;line-height: 1.5} #sub.rnd .intro_visual .text_w{left: 20px;top: 20px} #sub.rnd .con09 .title strong{font-size: 40px} #sub.rnd .con07 .box ul li{font-size: 11px;} #sub.rnd .con07 .box ul{gap: 5px} .intro_visual .mot_box{bottom: 20px;left: 20px} #sub.rnd .con07 .box strong{font-size: 15px;margin-bottom: 10px} #sub.rnd .con07 .box:nth-child(4){border-top: 1px solid #3F4875;} #sub.rnd .con07 .box:nth-child(5){border-top: 1px solid #3F4875;} #sub.rnd .con07 .box{gap: 10px} #sub.rnd .con09 .title{padding-top: 60px;padding-bottom: 20px} #sub .title_cont .content{padding-bottom: 60px} #sub .title_cont .content ul li{font-size: 14px;line-height: 1.5} #sub .sub_visual02 .txt_wrap .title strong{font-size: 32px} #sub .sub_visual02 .txt_wrap .title span{font-size: 16px;} #sub .sub_visual02 .txt_wrap .title p{font-size: 13px;line-height: 1.5} #sub .sub_visual02 .txt_wrap .text ul li{font-size: 14px;height: 40px;padding-left: 20px;border-radius: 10px} #sub .sub_visual02 .txt_wrap .title{flex-direction: column;justify-content: flex-start;gap: 15px} #sub .sub_visual02 .txt_wrap .line{margin-top: 20px;margin-bottom: 20px} #sub .ai_content .c04 ul li .w{padding: 20px 0} #sub .ai_content .c04 ul li .w strong{margin-top: 7px} .intro_visual .mot_box .sl_box{transform-origin: bottom left;transform: scale(0.7)} #sub .sub_visual .vis_text_base .v_loc ul li a{font-size: 13px;padding: 0 20px} #sub .sol_tabs2 ul li a{padding-left: 15px} #sub .sol_table .text p{padding: 0 20px} #sub .sol_table .text{height: auto;padding: 10px 0} #sub .title_cont .content strong{font-size: 20px;line-height: 1.5} #sub .sol_tabs ul li a i{display: none} #sub .sol_tabs ul li a{height: 80px;padding-left: 10px} #sub .sol_tabs ul{gap: 5px;padding: 0 10px} #sub .sol_tabs ul li a{border-radius: 5px} #sub .ai_content .c01 .box_w:before{display: none} #sub.rnd .intro_visual{height: auto} #sub.board .list2 ul li .txt{margin-top: 10px} #sub.board .list2 ul li .txt strong{font-size: 13px} #sub.rnd .con06 .list ul li a .hover_box{display: none} #sub.rnd .intro_visual, #sub.rnd .intro_visual .intro_vis_image { height: 500px; } #sub.rnd .con10 .info_box .box_w{transform: scale(0.6)} #sub.rnd .con10 .info_box .box_w02{margin-top: -100px} #sub.rnd .con10 .info_box{gap: 0} #sub.rnd .con10 .info_box .arr { transform: translate(-50%, -185%); } #sub.rnd .con10{padding-top: 0;padding-bottom: 0} } @media (max-width: 860px){ #sub.rnd .con10{padding: 40px} #sub.intro .con00 .w .right{width: 100%;margin-top: 20px;padding-left: 0} #sub.intro .con00 .w{flex-direction: column} #sub.intro .con00 .w .img img{max-width: 100%} #sub.rnd .con10 .info_box {flex-direction: column} #sub.rnd .con10 .info_box .arr {transform: translate(-50%,-45%)} #sub.rnd .con10 .info_box .arr svg{transform: rotate(90deg);display: block} #sub.rnd .con10 .line_w { position: absolute; width: calc(100% - 20px); bottom: 10px; height: calc(100% - 20px); left: 10px; } } @media (max-width: 660px){ .rnd-q-list,.business-q-list{padding-right:76px} #sub.business-document-ready .business-document-section{scroll-margin-top:72px} #sub.business-document-ready .business-section-shell{padding-top:76px;padding-bottom:90px} #sub.business-document-ready .business-section-heading{display:block;padding-bottom:28px;margin-bottom:32px} #sub.business-document-ready .business-section-heading > span{display:block;margin-bottom:15px;font-size:12px} #sub.business-document-ready .business-section-heading h2{font-size:38px;margin-bottom:13px} #sub.business-document-ready .business-section-heading p{font-size:14px;line-height:1.55} #sub.business-document-ready .business-history-section .his_wrap{display:block} #sub.business-document-ready .business-history-section .year{position:sticky;top:68px;width:100%;padding:0;margin-bottom:24px;z-index:3} #sub.business-document-ready .business-history-section .his_content{width:100%;gap:34px} #sub.business-document-ready .business-history-section .year_w{height:82px;padding:0 22px;box-shadow:0 10px 24px rgba(26,72,124,.16)} #sub.business-document-ready .business-history-section .year_w .y{height:36px} #sub.business-document-ready .business-history-section .year_w strong{font-size:34px} #sub.business-document-ready .business-empty{min-height:190px;display:block;padding:34px 0} #sub.business-document-ready .business-empty strong{font-size:48px} #sub.business-document-ready .business-empty p{font-size:14px;margin-top:25px} #sub.business-document-ready .business-news-controls{display:flex;max-width:100%;overflow-x:auto;margin-bottom:24px;scrollbar-width:none} #sub.business-document-ready .business-news-controls::-webkit-scrollbar{display:none} #sub.business-document-ready .business-news-controls button{height:38px;padding:0 18px;font-size:12px;white-space:nowrap} #sub.business-document-ready .business-board-list{gap:8px} #sub.business-document-ready .business-board-item a{min-height:112px;grid-template-columns:64px minmax(0,1fr) 32px;gap:13px;padding:17px 14px} #sub.business-document-ready .business-board-category{height:32px;font-size:11px} #sub.business-document-ready .business-board-copy strong{font-size:14px;line-height:1.45;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden} #sub.business-document-ready .business-board-copy time{font-size:11px;margin-top:6px} #sub.business-document-ready .business-board-arrow{width:30px;height:30px;font-size:17px} #sub.business-document-ready .business-load-more{min-width:140px;height:46px;margin-top:28px;font-size:13px} #sub.ko .ai_content .title strong{font-size: 20px;line-height: 1.5} #sub .ai_content .c05 .img_box{padding: 20px} .intro_visual .intro_product img { width: 130px; } #sub .ai_content .c06 ul{flex-direction: column} #sub.board .list2 ul{gap: 25px 10px} #sub.board .list2 ul li{width: calc(50% - 5px)} .intro_visual .mot_box{bottom: 80px} #sub .sub_visual02 .txt_wrap{padding: 0 20px;padding-top: 150px} #sub .ai_content .title strong{font-size: 36px;line-height: 1.2} #sub .ai_content .c04 ul, #sub .ai_content .c02 ul{gap: 10px;flex-direction: column} #sub .ai_content .c03 ul li .w{height: 100%} #sub .ai_content .c03 ul{flex-wrap: wrap;gap: 10px} #sub .ai_content .c03 ul li{width: calc(50% - 5px);flex: auto} #sub.rnd .con07{flex-wrap: wrap} #sub.rnd .con07 .box{flex: auto;width: 33.33%} #sub .ai_content .c01 .box_w{flex-direction: column;gap: 10px} #sub.rnd .con03 .content > .txt p br{display: none} #sub.rnd .con05 .total:before, #sub.rnd .con05 ul li:nth-child(1):after,#sub.rnd .con05 ul li:nth-child(4):after{display: none} #sub.rnd .con04 ul{flex-direction: column;;justify-content: center;align-items: center} #sub.rnd .con04 ul li{flex: auto;width: 100%;} #sub.intro .sub_visual{height: 830px;} #sub.intro .sub_visual .vis_text_info .v_txt02 div{width: 100%;} #sub.intro .sub_visual .vis_text_info .v_txt02 p br{display: none;} #sub.intro .sub_visual .vis_text_info .v_txt02 p i{display: block;height: 10ox;} #sub.intro .sub_visual .vis_text_info .v_txt01{padding-bottom: 20px;} #sub.intro .sub_visual .vis_text_info .v_txt02{padding-top: 20px;} #sub.intro .sub_visual .vis_text_info .v_txt strong{font-size: 30px;} #sub.why .con.con01 .content:before{height: 60%;} #sub.why .con .content .info{margin-top: 20px;} #sub.why .con .content .img_w ul{flex-direction: column;} #sub.why .con .content .img_w ul li{width: 100% !important;margin-top: 30px;} #sub.why .con .content .img_w ul li img{width: 100%;} #sub.why .con .content .txt p, #sub.why .con .content .info p{font-size: 13px;} #sub .row_box .s_title strong{font-size: 24px;} #sub .row_box .s_title strong br{display: none;} #sub.solution .con01 .txt span{font-size: 12px;} #sub.solution .con01 .txt strong{font-size: 26px;} #sub.solution .con01 .wr .txt{height: auto;gap: 40px} #sub.solution .con01{gap: 10px} #sub.solution .con01 .wr {width: 100%;} #sub.at_solution .con01 .title div strong{font-size: 14px;width: calc(100% - 40px);} #sub.at_solution .con01 .box01 .txt_w{height: 320px;} #sub.at_solution .con01 .box02{top: calc(320px + 50px);} #sub.at_solution .con01 .box03{top: calc(320px + 100px);} #sub.at_solution .con01 .box04{top: calc(320px + 150px);} #sub.intro .sub_visual .vis_text_info .v_txt .name{width: 100%;height: 35px;;border-radius: 7px;left: 0;margin-left: 0;transform: translateX(0);} #sub.intro .sub_visual .vis_text_info .v_txt .name span, #sub.intro .sub_visual .vis_text_info .v_txt .name strong{font-size: 14px;} #sub.intro .sub_visual .vis_text_info .v_txt .name{gap: 10px} #sub.how .con01 .content ul .wrap .txt_w {width: calc(100% - 80px);} #sub.how .con01 .content ul .wrap .icon i{border-radius: 7px;} #sub.how .con01 .content ul .wrap .icon{width: 70px;border-radius: 7px;} #sub.how .con01 .content ul .wrap .icon i img{width: 70px;} #sub.intro .con01 .right .img_w{border-radius: 7px;} #sub.intro .sub_visual .vis_text_info .v_txt strong br{display: none;} #sub.rnd .con02 .content .tit p br{display: none;} #sub.rnd .con05 .wrap ul{flex-wrap: wrap;} #sub.rnd .con05 .wrap ul li{width: 50%;} #sub.rnd .con05 .bg { height: 730px; } #sub .sol_table table td:nth-child(1){padding-left: 10px} #sub.rnd .con05 .wrap{width: 300px;} #sub .his_wrap .year{width: 140px;} #sub .his_wrap .his_content { width: calc(100% - 150px); } .intro_visual .intro_title strong{font-size: 33px} #sub.hospital .con02 .nation{flex-wrap: wrap} #sub.hospital .con02 .nation .circle{flex: auto;width: calc(50% - 5px)} #sub.hospital .con03 .box .w{gap: 25px 0;flex-wrap: wrap} #sub.hospital .con03 .box .w > div{width: 50%} #sub .sub_visual .vis_text_base .v_loc ul{padding: 3px} #sub .sub_visual .vis_text_base .v_loc ul li a{font-size: 12px;padding: 0 10px;height: 32px} #sub.hospital .con01 strong{font-size: 22px} #sub.hospital .con01 strong br{display: none} #sub .ai_content .c02 .txt p{margin-top: 15px} #sub.view .con01 .title div{width: 100%;flex-direction: column;justify-content: flex-start;align-items: flex-start;gap: 10px} #sub.view .con01 .title div em{height: 30px;font-size: 13px;width: 57px} #sub .sol_table table td, #sub .sol_table table th{font-size: 10px;height: auto;padding: 5px 0} #sub.why .con .content .img_w {padding-top: 10px} #sub.why .con .content .img_w .img_title{top: 0} #sub.hospital .con04 .tabs2 ul{flex-wrap: wrap} #sub.hospital .con04 .tabs2 ul li{flex: auto;width: 20%} } @media (max-width: 550px){ #sub .ai_content .c08 .img{padding: 20px} #sub .ai_content{padding-left: 20px;padding-right: 20px} #sub.rnd .con10 .info_box .box_w{transform: scale(0.5)} #sub .ai_content .c04 ul li .w .img img{width: 120px} #sub .ai_content .title strong{font-size: 28px} #sub.rnd .con03 ul{flex-direction: column;} #sub.rnd .con10 .box_w02 svg{width: 330px} #sub .sol_tabs ul li a{height: 60px} #sub.ko .title_cont .content ul{flex-direction: column} }