@charset "UTF8";

/* 개인정보처리방침 */
.privacy{padding-top:4rem; border-top:1px solid #000}
.privacybox{margin-top:5rem;}
.privacy-t{font-size:2rem; line-height:3.2rem; color:#222; font-weight: 300;}
.privacy-t02{font-size:1.8rem; line-height:3.2rem; color:#222; font-weight: 300;}
.privacy-c{font-size:3.2rem; margin-bottom:3rem; color:#000; font-weight: 700; display: block;}
.privacy-s-c{font-size:2.4rem; margin-bottom:2rem; color:#000; font-weight: 700;}
.privacy-s-c-c{font-size:2rem; margin-bottom:1rem; color:#000; font-weight: 700;}
.mb0{margin-bottom:0.5rem;}
.mb1{margin-bottom:1rem;}
.mb3{margin-bottom:3rem;}
.mb4{margin-bottom:4rem;}
.privacy-tbl01{width:100%; border-top:1px solid #000;}
.privacy-tbl01 thead tr{background:#f1f2f9; border-bottom:1px solid #ddd;}
.privacy-tbl01 thead tr th{font-size:1.6rem; padding:2.2rem 0; color:#000; font-weight: 500;}
.privacy-tbl01.line-style tbody tr th, .privacy-tbl01.line-style tbody tr td{border-right:1px solid #ddd;}
.privacy-tbl01.line-style tbody tr td.none-line{border-right:0;}
.privacy-tbl01 tbody tr{border-bottom:1px solid #ddd;}
.privacy-tbl01 tbody tr th{font-size:1.8rem; padding:2rem 1rem 2rem 3rem; color:#222; font-weight: 500; text-align: left;}
.privacy-tbl01 tbody tr th.th-back{background:#f1f2f9}
.privacy-tbl01 tbody tr td{font-size:1.6rem; padding:2rem 1rem; color:#222; font-weight: 300;}
.privacy-tbl01 tbody tr td.bb{color:#0a90b0; font-weight:700; text-align: center;}
.privacy-tbl01 tbody tr td.cc{text-align: center;}
.privacy-list{display: flex; flex-direction: column; gap:1.5rem;}
.privacy-list.sub-list{margin-left:2rem; gap:1rem;}
.privacy-list li{font-size:1.6rem; padding-left:1rem; color:#444; font-weight: 300; position: relative;}
.privacy-list li::after{width:3px; height:3px; background:#222; content:''; position: absolute; top:8px; left:0;}
.privacy-card{display: grid; grid-template-columns: repeat(3, 1fr); gap:2rem;}
.privacy-card > li{background:#fff; border:1px solid #ddd; border-radius: 20px; overflow: hidden; box-sizing: border-box;} 
.privacy-card > li .p-card-t{padding:1.7rem 0.5rem; display: flex; align-items: center; justify-content: center; background:#f9f9f9;}
.privacy-card > li .p-card-t p{font-size:2rem; color:#000; font-weight: 600;}
.privacy-card > li .p-card-b{padding:2rem;}
.privacy-card > li .p-card-b ul{display: flex; flex-direction: column; gap:1rem;}
.privacy-card > li .p-card-b ul li{display: flex;}
.privacy-card > li .p-card-b ul li .card-t-t{width:65px; font-size:1.6rem; color:#000; font-weight: 500;}
.privacy-card > li .p-card-b ul li .card-t-c{width: calc(100% - 65px); font-size: 1.6rem; color:#444; font-weight: 300;}

/* 이용약관 */
.use-tbl{border-top:1px solid #000}
.use-tbl > li{display: flex; border-bottom:1px solid #ddd;}
.use-tbl > li .tit-tbl{width:240px; font-size:2.8rem; line-height:4.8rem; padding:2rem 1rem 1rem; font-weight: 600; color:#222; background:#eef0f8; box-sizing: border-box; text-align: center;}
.use-tbl > li .contents-tbl{width: calc(100% - 240px); padding:3rem 1rem 3rem 4rem; box-sizing: border-box;}
.subtitle{font-size:2.2rem; margin-bottom:1rem; color:#222; font-weight: 600; display: block;}
.use-t{font-size:1.8rem; line-height:2.8rem; color:#444; font-weight: 300;}
.mb-4{margin-bottom:4rem;}
.use-num-list{display: flex; flex-direction: column; gap:2rem; margin-top:2rem;}
.use-num-list .use-num{display: flex;}
.use-num-list .use-num .back-num{width:50px;}
.use-num-list .use-num .back-num span{font-size:1.6rem; width:32px; height:32px; background:#eef0f8; display: flex; align-items: center; justify-content: center; color:#08315d; font-weight: 500; border-radius: 50%;}
.use-num-list .use-num .back-contents{width: calc(100% - 50px);}
.sublist{display: flex; flex-direction: column; gap:2rem; margin-top:2rem;}
.sublist li{font-size:1.8rem; padding-left:1rem; color:#08315d; font-weight: 300; position: relative;}
.sublist li:after{width:3px; height:3px; background:#222; content:''; position: absolute; top:8px; left:0;}
.addenda{font-size:1.8rem; margin-top:2rem; color:#222; font-weight: 600;}

/* 언론보도 */
.etic-bg{width:100%; height:380px; content:''; padding:8rem 12rem 0 6rem; margin-bottom:6rem; background:url('/ux/common/images/bg/bg_ethic.png')no-repeat center; background-size:cover; box-sizing: border-box; border-radius: 30px;}
.etic-bg strong{font-size:4.6rem; margin-bottom:2rem; line-height:6.4rem; font-weight: 500; display: block; color:#000;}
.etic-bg p{font-size:2rem; line-height:3.2rem; color:#444; font-weight: 400;}
.table-type06{width:100%; border-top:1px solid #000;}
.table-type06 tbody tr th{font-size:1.6rem; padding: 1.8rem 2.5rem; color:#000; background: #f1f2f9; box-sizing: border-box; font-weight: 500; text-align: left; border-bottom:1px solid #e9e9e9}
.table-type06 tbody tr td{padding: 1.2rem 2.5rem; border-bottom:1px solid #e9e9e9; height: 70px; box-sizing: border-box;}

.etic-popupbox{padding:3rem 0; border-bottom:1px solid #ddd; display: flex;}
.etic-popupbox:first-child{padding-top:0;}
.etic-popupbox:last-child{border-bottom:0;}
.etic-popupbox .etic-popup-l{width:160px; font-size:2.2rem; color:#000; font-weight: 700;}
.etic-popupbox .etic-popup-r{width:calc(100% - 160px);}
.etic-popup-list01{display:flex; flex-direction: column; gap:1.5rem;}
.etic-popup-list01 li{display: flex; padding-left:1.5rem; position: relative;}
.etic-popup-list01 li:after{width:3px; height:3px; content:''; background:#000; position: absolute; top:8px; left:0; border-radius: 50%;}
.etic-popup-list01 li p:first-child{width:130px; font-size:1.8rem; color:#222; font-weight: 600;}
.etic-popup-list01 li p:last-child{width: calc(100% - 130px); font-size:1.8rem; color:#444;}
.ex-eticbox{padding:4.5rem 4rem 6rem; background:#f1f2f9; border:1px solid #ccc; box-sizing: border-box; border-radius: 5px;}
.layer-type01 .ex-etictop{margin-bottom:4.5rem; display: flex; gap:2rem; align-items: baseline;}
.layer-type01 .ex-etictop label{font-size:1.6rem; width:56px; height:40px; font-weight: 600; background:#2525ff; display: flex; align-items: center; justify-content: center; color:#fff; border-radius: 5px;}
.layer-type01 .ex-etictop strong{width:calc(100% - 56px); font-size:2.4rem; color:#000; font-weight: 600; display: block; margin-bottom:0;}
.etic-popup-list02{display:flex; flex-direction: column; gap:2rem;}
.etic-popup-list02 li{display: flex; align-items: baseline;}
.etic-popup-list02 li p:first-child{width:150px; font-size:1.8rem; color:#222; font-weight: 600;}
.etic-popup-list02 li p:first-child span{font-size:1.5rem;}
.etic-popup-list02 li p:last-child{width:calc(100% - 150px); font-size:1.6rem; color:#444; font-weight: 300; line-height:2.4rem;}


/* 윤리상담센터 */
.ethic-info{margin-bottom:7rem;}
.ethic-info > span{font-size:2.4rem; margin-bottom:1rem; color:#2551ff; font-family: 'Poppins'; font-weight: 600; display: block;}
.ethic-info strong{font-size:4.6rem; margin-bottom:2rem; line-height:6.4rem; color:#000; font-weight: 500; display: block;}
.ethic-info p{font-size:2rem; line-height:3.2rem; color:#444;}

/* new */
.ethic-info02{width:100%; height:360px; padding:9rem 7rem 0 6rem; background:url('/ux/common/images/bg/bg_report.png')no-repeat center; background-size: cover; box-sizing: border-box; border-radius: 30px;}
.ethic-info02 strong{font-size:4.6rem; color:#000; font-weight:500; display: block;}
.ethic-info02 p{font-size:2rem; margin-top:3rem; line-height:3.2rem; color:#444;}
.product-info03{margin-top:6rem;}
.product-info03{display:flex;}
.product-info03 .product-info03-l{width:310px;}
.product-info03 .product-info03-l strong{font-size:3.2rem; color:#000; font-weight: 600; display: block; line-height: 1;}
.product-info03 .product-info03-r{width:calc(100% - 310px); display: flex; flex-direction: column; gap:4rem;}
.product-info03 .product-info03-r > li{display: flex; flex-direction: column;}
.product-info03 .product-info03-r > li > p{font-size:2.2rem; color:#000; font-weight: 600;}
.product-info03 .product-info03-r > li > ul{display: flex; flex-direction: column; gap:1.5rem; margin-top:2rem;}
.product-info03 .product-info03-r > li > ul li{font-size:1.8rem; padding-left:1rem; line-height:2.4rem; color:#444; font-weight: 300; position: relative;}
.product-info03 .product-info03-r > li > ul li:after{width:3px; height:3px; content:''; background:#333; position: absolute; top:10px; left:0; border-radius: 50%;}
.reporting{margin-top:6rem; display: grid; grid-template-columns: 300px 1fr; border-radius: 30px; overflow: hidden;}
.reporting > div{padding:4.5rem 0 12rem 4rem; background:#f1f2f9; position: relative;}
.reporting > div:after{width:138px; height:129px; content:''; background:url('/ux/common/images/ico/ico_report.png')no-repeat center; background-size:100%; position: absolute; bottom:0; right:25px;}
.reporting > div strong{font-size:3.2rem; color:#000; font-weight: 700; display: block;}
.reporting ul{padding-left:5rem; display:flex; justify-content: center; flex-direction:column; gap:1.5rem; background:#f9f9f9;}
.reporting ul li{display: flex; align-items: center;}
.reporting ul li .t-n{width:95px; font-size:2rem; color:#222; font-weight: 500;}
.reporting ul li .t-t{width:calc(100% - 95px); font-size:1.8rem; color:#444; font-weight: 300;}


/* 뉴스레터 */
.dbdeep{display: flex; align-items: flex-end; margin-bottom:6.5rem;}
.dbdeep .dbdeep-l{width: calc(100% - 200px);}
.dbdeep .dbdeep-l span{font-size:2.2rem; margin-bottom:2rem; color:#2551ff; font-weight: 600; display: block;}
.dbdeep .dbdeep-l strong{font-size:5.4rem; margin-bottom:1.5rem; color:#000; font-weight: 500; display: block; line-height: 1; letter-spacing: -1.5px;}
.dbdeep .dbdeep-l p{font-size:2rem; line-height:3.2rem; color:#444;}
.dbdeep .dbdeep-r{width:180px; margin-left:2rem;}
.dbdeep .dbdeep-r a{font-weight:400;}
.newsletter-list{display: grid; grid-template-columns: repeat(3, 1fr); gap:2.4rem;}
.newsletter-list li a{display: flex; flex-direction: column; justify-content: space-between; border:1px solid #ddd; border-radius: 20px; background:#f9f9f9; overflow: hidden; height:100%; transition: all 0.3s;}
.newsletter-list li a .newsletter-top{padding:4rem 2rem 4rem 3rem;}
.newsletter-list li a .newsletter-top span{font-size:2rem; margin-bottom:2rem; color:#3259ff; font-weight: 600; display: block;}
.newsletter-list li a .newsletter-top strong{font-size:2.4rem; line-height:3rem; color:#000; font-weight: 600; display: block;}
.newsletter-list li a .newsletter-bottom{padding:1.5rem 2rem 1.5rem 3rem; background:#fff; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box;}
.newsletter-list li a .newsletter-bottom span{font-size:1.6rem; color:#787878; font-weight: 500;}
.newsletter-list li a .newsletter-bottom i{width:36px; height:36px; background: url('/ux/common/images/ico/ico_more03.png')no-repeat center; background-size:100%; display: block; transition: all 0.3s;}
.newsletter-list li a:hover{ border:1px solid #9399cb; background:#edeffd; transition: all 0.3s;}
.newsletter-list li a:hover .newsletter-bottom i{background: url('/ux/common/images/ico/ico_more03_hover.png')no-repeat center; background-size:100%; transition: all 0.3s;}

/* 도입 사례 */
.introduction-list.other-introduction-box{padding-top:6rem;}
.introduction-list.other-introduction-box > ul{display: grid; grid-template-columns: repeat(4, 1fr); gap:8rem 4rem;}
.introduction-list.other-introduction-box > ul > li{width:auto; margin-right:0;}
.introduction-view-info{padding:2rem 0; display: flex;  align-items: center; border-top:1px solid #000;}
.introduction-view-l{width:440px; min-height: 260px; margin-right:6rem; background:#f9f9f9; border-radius: 10px; position: relative;}
.introduction-view-l img{max-width: 100%; max-height: 100%; object-fit: cover; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.introduction-view-r{width: calc(100% - 500px);}
.introduction-view-r > span{font-size:1.8rem; margin-bottom:1rem; color:#2b53ff; font-weight: 500; display: block;}
.introduction-view-r > strong{font-size:2.4rem; margin-bottom:5rem; color:#222; font-weight: 600; display: block;}
.introduction-view-r > ul li{display: flex; align-items: center;}
.introduction-view-r > ul li p{font-size:1.8rem; width:46px; padding-right:1.5rem; margin-right:1.5rem; color:#444; font-weight: 500; box-sizing: border-box; border-right:1px solid #d4d4d4;}
.introduction-view-r > ul li ul{width:calc(100% - 61px); display: flex; align-items: center; flex-wrap: wrap; gap:0.5rem;}
.introduction-view-r > ul li ul li img{width:33px;}

/* 통합검색 */
/* .searchbox{margin-bottom:4rem;} */
.integratedbox{max-width: 640px; margin:0 auto}
.integrated{border-bottom:4px solid #000; position: relative;}
.integrated div{display: flex; align-items: center; gap:1.5rem; position: absolute; top:50%; right:20px; transform: translateY(-50%);}
.integrated input{font-size:2.2rem; color:#222; width:100%; padding:1.5rem 12rem 1.5rem 2.5rem; border:0; box-sizing: border-box;}
.hashtag{margin-top:1.5rem; display: flex; align-items: center; flex-wrap: wrap; gap:0.8rem;}
.hashtag li a{font-size:1.6rem; padding:0.7rem 2rem; display: block; background:#f1f2f9; color:#08315d; border-radius:10px;}
.search-cases{font-size:2.4rem; margin-top:4rem; color:#222; display: block; text-align: center; font-weight: 500; }
.cases-tab{margin-top:5rem; border-top:1px solid #000; border-bottom:1px solid #ddd;}
.cases-tab ul{display: grid; grid-template-columns: repeat(4, 1fr);}
.cases-tab ul li{width: auto;}
.cases-tab ul li:first-child{border-left:1px solid #ddd;}
.cases-tab ul li a{font-size:2rem; padding:2rem 0; color:#000; display: block; text-align: center; border-right:1px solid #ddd;}
.cases-tab ul li a.on{background:#f1f2f9; position: relative;}
.cases-tab ul li a.on:after{width:40px; height:8px; background:#2551ff; content:''; position: absolute; bottom:0; left:50%; transform: translateX(-50%);}

.cases-list .cases-type01 > li{display: flex; padding:3rem 0 4rem; border-bottom:1px solid #ddd;}
.cases-list .cases-type01 > li .cases-l{width:285px;}
.cases-list .cases-type01 > li .cases-l strong{font-size:2.8rem; font-weight: 600; color:#000; display: block; text-align: center;}
.cases-list .cases-type01 > li .cases-l strong span{font-size:2.2rem; font-weight:400;}
.cases-list .cases-type01 > li .cases-r{width:calc(100% - 285px);}
.cases-list .cases-type01 > li .cases-r ul li a{padding:3rem 0; border-bottom:1px solid #e9e9e9; display: block;}
.cases-list .cases-type01 > li .cases-r ul li:first-child a{padding-top:0;}
.cases-list .cases-type01 > li .cases-r ul li:last-child a{border-bottom:0; padding-bottom:0;}
.cases-list .cases-type01 > li .cases-r ul li a > span{font-size:1.6rem; margin-bottom:1rem; color:#444; font-weight: 300; display: block;}
.cases-list .cases-type01 > li .cases-r ul li a > strong{font-size:2.4rem; margin-bottom:1rem; color:#222; font-weight: 600; display: block;}
.cases-list .cases-type01 > li .cases-r ul li a > strong.cases-link img{display: inline-block; margin-left:1rem;}
.cases-list .cases-type01 > li .cases-r ul li a:hover > strong{text-decoration: underline; text-underline-offset: 3px;}
.cases-list .cases-type01 > li .cases-r ul li a > p{font-size:1.8rem; color:#444; font-weight: 300; line-height:2.8rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.cases-download{margin-top:2rem; display: flex; align-items: center; gap:1rem;}
.cases-download li{font-size:1.6rem; padding-left:2.7rem; color:#444; font-weight: 300; position: relative;}
.cases-download li:after{width:15px; height:18px; background:url('/ux/common/images/ico/ico_file.png')no-repeat center; content:''; position: absolute; top:50%; left:0; transform: translateY(-50%);}
.viewallbox{margin-top:3rem; display: flex; justify-content: flex-end;}
.viewallbox a{font-size: 1.6rem; padding: 1.3rem 3rem; color: #000; font-weight: 500; display: flex; align-items: center; border: 1px solid #000; border-radius: 30px;}
.viewallbox a img{display: block; margin-left:1rem;}

/* 교육센터 소개 */
.education-center-info{margin-bottom:5rem; text-align: center;}
.education-center-info > span{font-size:2.4rem; margin-bottom:2.5rem; color:#2551ff; font-family: 'Poppins'; font-weight: 600; display: block;}
.education-center-info strong{font-size:4.2rem; margin-bottom:2rem; line-height:1.3; color:#000; font-weight: 600; display: block;}
.education-center-info p{font-size:2.2rem; font-weight:500; color:#000;}
.education-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap:6rem; margin-bottom:18rem;}
.education-grid li .img-box{display: flex; align-items: flex-end; justify-content: center; }
.education-grid li .txt-box{padding: 12rem 5rem 7rem 5rem; background: #f9f9f9; border-radius: 4rem; margin-top: -7rem;}
.education-grid li p{font-size:2.8rem; margin-bottom:2.5rem; color:#000; font-weight: 700; text-align: center; line-height:1.5}
.education-grid li span{font-size:2rem; line-height:1.5; color:#444; font-weight: 300; letter-spacing: -0.5px;}
.education-grid li:nth-child(even) {transform: translateY(90px);}
.edu-swiperbox{margin-bottom:2rem;}
.swiper.edu-swiper{border-radius: 25px;  overflow: hidden;}
.swiper.edu-swiper .swiper-slide{width:100%;overflow: hidden;}
.swiper.edu-swiper .swiper-slide img{width:100%;}
.swiper.edu-swiper .swiper-slide img.m-img{display: none;}
.edu-swiperbtn{margin-top:2.5rem; display: flex; align-items: center; justify-content: center; gap:0.7rem;}
.edu-swiperbtn .swiper-btn.prev{width:48px; height:48px; background:url('/ux/common/images/btn/btn_main_news_prev.png')no-repeat center; background-size:100%; transition: all 0.3s; cursor:pointer}
.edu-swiperbtn .swiper-btn.prev:hover{width:48px; height:48px; background:url('/ux/common/images/btn/btn_main_news_prev_on.png')no-repeat center; background-size:100%; transition: all 0.3s;}
.edu-swiperbtn .swiper-btn.next{width:48px; height:48px; background:url('/ux/common/images/btn/btn_main_news_next.png')no-repeat center; background-size:100%; transition: all 0.3s; cursor:pointer}
.edu-swiperbtn .swiper-btn.next:hover{width:48px; height:48px; background:url('/ux/common/images/btn/btn_main_news_next_on.png')no-repeat center; background-size:100%; transition: all 0.3s;}
.swiper-btn.swiper-button-disabled{opacity: 0.3; pointer-events: none;}
.education-center-map{background: #f1f2f9; width: 100%; padding: 6rem 0;}
.education-center-map .edu-map{max-width: 1320px; margin:0 auto; display: flex;}
.education-center-map .edu-map .edu-map-img{width:720px;}
.education-center-map .edu-map .edu-map-img img{width:100%}
.education-center-map .edu-map .edu-map-txt{width: calc(100% - 720px); padding: 30px 10px 0 90px; box-sizing: border-box;}
.education-center-map .edu-map .edu-map-txt p{color:#000; font-size: 3.2rem; font-weight: 700; margin-bottom: 3.5rem;}
.education-center-map .edu-map .edu-map-txt p img{display: inline-block; vertical-align: middle; padding-right: 1rem;}
.education-center-map .edu-map .edu-map-txt ul li {margin-bottom: 1.5rem; line-height: 1.5; color:#444; font-weight: 300; font-size: 1.8rem;}
.education-center-map .edu-map .edu-map-txt ul li strong{color:#000; font-size: 2rem; font-weight: 600; display: block; margin-bottom: 0.2rem;}
.edu-product-info-list{margin: 4rem 0 6rem 0;;}
.edu-product-info-list > li{display: flex; border-bottom: 1px solid #ddd; padding:4.5rem 0}
.edu-product-info-list > li:last-child{padding-bottom: 0; border-bottom: 0;}
.edu-product-info-list li .l-section{width:350px}
.edu-product-info-list li .l-section > p{color:#000; font-size: 3.2rem; font-weight: 600;}
.edu-product-info-list li .r-section{width: calc(100% - 350px)}
.edu-product-info-list li .r-section ul li{display: flex; margin-bottom: 1rem; align-items: center}
.edu-product-info-list li .r-section ul li:last-child{margin-bottom: 0;}
.edu-product-info-list li .r-section ul li strong{width:110px; color:#000; font-size: 2rem; font-weight: 600;}
.edu-product-info-list li .r-section ul li p{width: calc(100% - 110px); color: #444; font-weight: 300; font-size: 1.8rem; line-height: 1.5;}
.edu-product-info-list li .r-section ul li a{color:#2525ff}

/* 자주 묻는 질문 */
.qnabox > ul{display: flex; flex-direction: column; gap:1.2rem;}
.qnabox > ul > li button{width:100%; display: block; padding:2.3rem 3rem; background:#f9f9f9; border:1px solid #ddd; box-sizing: border-box; border-radius: 15px; font-family: 'Pretendard';}
.qnabox > ul > li button .qna-titbox{display: flex; align-items: center;}
.qnabox > ul > li button .qna-titbox .qna-l{width:calc(100% - 52px); display: flex; align-items: center;}
.qnabox > ul > li button .qna-titbox .qna-l i{width:40px; height:40px; background:url('/ux/common/images/ico/ico_question_n.png')no-repeat center; margin-right:1.5rem; display: block; background-size:100%}
.qnabox > ul > li button .qna-titbox .qna-l strong{width:calc(100% - 55px); font-size:2rem; color:#444; font-weight: 500; display: block; text-align: left;}
.qnabox > ul > li button .qna-titbox .qna-r{width:32px; margin-left:20px;}
.qnabox > ul > li button .qna-titbox .qna-r i{width:32px; height:32px; background:url('/ux/common/images/ico/ico_arrow03.png')no-repeat center; display: block; background-size:100%}
.qnabox > ul > li button .answerbox{margin-top:2.4rem; border-top:1px solid #ddd; padding:2rem 2rem 4rem;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background:#fff; display: none;
display: none;
  opacity: 0;
  transition: opacity 0.2s ease;}

.qnabox > ul > li button .answerbox .answerimg{width:40px; margin-right:20px;}
.qnabox > ul > li button .answerbox .answertxt{width:calc(100% - 60px)}
.qnabox > ul > li button .answerbox .answertxt .answer-tit{font-size:2.2rem; margin-top:0.5rem; margin-bottom:2rem; color:#444; font-weight:600; display: block; text-align: left;}
.qnabox > ul > li button .answerbox .answertxt .answer-list{display: flex; flex-direction: column; align-items: flex-start; gap:1rem;}
.qnabox > ul > li button .answerbox .answertxt .answer-list li{font-size:1.8rem; color:#444; text-align: left;}
.qnabox > ul > li button .answerbox .answertxt p{font-size:1.8rem; color:#444; text-align: left; line-height: 1.5;}
.qnabox > ul > li button.active{background:#f1f2f9; border:1px solid #9399cb;}

.qnabox > ul > li button.active .answerbox{display: flex;
  opacity: 1;}

.qnabox > ul > li button.active .qna-titbox .qna-l i{background:url('/ux/common/images/ico/ico_question.png')no-repeat center; background-size:100%}
.qnabox > ul > li button.active .qna-titbox .qna-l strong{font-size:2.2rem; color:#1c246f; font-weight: 600;}
.qnabox > ul > li button.active .qna-titbox .qna-r i{background:url('/ux/common/images/ico/ico_arrow02.png')no-repeat center; background-size:100%}

/* 제품 교육 */
.product-txtbox{margin-bottom:5rem;}
.product-txtbox strong{font-size:4.2rem; margin-bottom:2rem; color:#000; font-weight: 700; display: block;}
.product-txtbox p{font-size:2rem; line-height:3.2rem; color:#222; font-weight:300;}
.product-txtbox p span{font-weight: 600;}
.btn-container{margin-bottom:3rem; display: flex; align-items: center; justify-content: flex-end; gap:0.8rem;}
.btn-container a{font-size:1.6rem; padding:1.3rem 3rem; color:#000; font-weight: 500; display:flex; align-items: center; border:1px solid #000; border-radius: 30px;}
.btn-container a img{display: block; margin-left:1rem;}
.table-type01{border-top:1px solid #000;}
.table-type01.table-grid{display: grid; grid-template-columns: repeat(2, 1fr);}
.table-type01 > li{display: flex; border-bottom:1px solid #e9e9e9;}
.table-type01 > li .t-th{width:180px; padding:2.8rem 0 2.8rem 2.4rem; background:#f1f2f9; box-sizing: border-box; position: relative;}
.table-type01 > li .t-th.t-th-c{text-align: center; padding:2.8rem 0 2.8rem 0}
.table-type01 > li .t-th p{font-size:1.6rem; color:#000; font-weight: 500; position: relative; display: inline-block;}
.table-type01 > li .t-th p span{font-size:1.6rem; margin-left:0.5rem; color:#666; font-weight: 300;}
.table-type01 > li .t-td{width:calc(100% - 180px); padding:1.2rem 2.4rem; box-sizing: border-box; display: flex; align-items: center;}
.table-type01 > li .t-td p{font-size:1.6rem; color:#222; font-weight: 300;}
.table-type01 > li .t-td p.bold-t{font-size:1.8rem; font-weight: 500;}

.info-i-i{vertical-align: middle;}
.info-i-i img{width:17px;}
.th-infobox{width:640px; position: absolute; top:0; left:190px; background:#fff; border:1px solid #2525ff; border-radius: 30px; overflow: hidden; z-index: 10;}
.th-infobox .th-infobox-inner .th-infobox-t{padding:2rem 3rem; display:flex; align-items:center; justify-content: space-between; background:#f1f2f9;}
.th-infobox .th-infobox-inner .th-infobox-t strong{font-size:2.2rem; color:#222; font-weight: 600; display: block;}
.th-infobox .th-infobox-inner .th-infobox-b{padding:3rem;}
.th-infobox .th-infobox-inner .th-infobox-b p{font-size:1.8rem; line-height:2.4rem; color:#222;}
.th-infobox .th-infobox-inner .th-infobox-b p span{font-size:1.8rem; color:#5656d2; font-weight:400}

.table-type02{border-top:1px solid #000; width:100%;}
.table-type02 thead{background:#f1f2f9;}
.table-type02 thead tr{border-bottom:1px solid #ddd;}
.table-type02 thead tr th{font-size:1.6rem; padding:2rem 0; color:#000; font-weight:500; text-align: center;}
.table-type02 tbody tr{border-bottom:1px solid #ddd;}
.table-type02 tbody tr td{font-size:1.6rem; padding:1.5rem 0; color:#222; font-weight:300; text-align: center;}
.table-type02 tbody tr td.gray{color:#666;}
.table-type02 tbody tr td.t-left{text-align: left;}
.table-type02 tbody tr td.t-bold{font-size:1.8rem; font-weight: 500;}
.table-type02 tbody tr td.t-size{font-size:1.8rem; font-weight:400;}
.t-link .viewer{width:20px; height:20px; margin-left:1rem; display: inline-block; background:url(/ux/common/images/ico/ico_view_more02.png)no-repeat center; background-size:100%; vertical-align: middle; transition: all .3s;}
.t-link{display: block; transition: all .3s;}
.t-link:hover{color:#2525ff; transition: all .3s;}
.t-link:hover .viewer{background:url(/ux/common/images/ico/ico_view_more02_hover.png)no-repeat center; transition: all .3s;}
.t-label01{font-size:1.5rem;}
.center-btnbox{margin-top:4rem; display: flex; align-items: center; justify-content: center; gap:1rem; position: relative;}
.left-btnbox{margin-top:4rem; display: flex; align-items: center; justify-content: left; gap:1rem; position: relative;}
.multi-table{margin-top:6rem;}
.multi-table.none-margin{margin-top:0;}
.multi-table .mobile-table{display: none;}
.multi-table .mobile-table02{display: none;}
.product-info{margin-top:9rem; }
.product-info strong{font-size:3.2rem; margin-bottom:2rem; font-weight: 700; color:#000; display: block;}
.product-info-list{display: flex; flex-direction: column; gap:1.5rem;}
.product-info-list > li{display: table; border:1px solid #ddd; border-radius: 30px; overflow: hidden;}
.product-info-list > li div:nth-child(1){display:table-cell; width:260px; background:#f9f9f9; vertical-align: middle;}
.product-info-list > li div:nth-child(1) p{font-size:2.2rem; color:#000; font-weight:600; text-align: center;}
.product-info-list > li div:nth-child(2){display:table-cell; width:calc(100% - 260px); padding:3rem; box-sizing: border-box;}
.product-info-list > li div:nth-child(2) ul li{font-size:1.6rem; margin-bottom:2rem; padding-left:1rem; color:#444; font-weight:300; position: relative;}
.product-info-list > li div:nth-child(2) ul li:after{width:3px; height:3px; background:#333; content:''; position: absolute; top:8px; left:0; border-radius: 50%;}
.product-info-list > li div:nth-child(2) ul li:last-child{margin-bottom:0;}

.product-info02{margin-top:8rem; background:#f9f9f9;}
.product-info02 .product-info02-inner{display:flex; max-width: 1320px; margin:0 auto; padding:8rem 2rem;}
.product-info02 .product-info02-inner .product-info02-l{width:310px;}
.product-info02 .product-info02-inner .product-info02-l strong{font-size:3.2rem; color:#000; font-weight: 600; display: block; line-height: 1;}
.product-info02 .product-info02-inner .product-info02-r{width:calc(100% - 310px);}
.product-info02 .product-info02-inner .product-info02-r .product-info-list02{display: flex; flex-direction: column; gap:4rem;}
.product-info02 .product-info02-inner .product-info02-r .product-info-list02 > li > p{font-size:2.2rem; padding-bottom:2rem; border-bottom:1px solid #222; color:#000; font-weight: 600;}
.product-info02 .product-info02-inner .product-info02-r .product-info-list02 > li > ul{display: flex; flex-direction: column; gap:1.5rem; margin-top:2rem;}
.product-info02 .product-info02-inner .product-info02-r .product-info-list02 > li > ul li{font-size:1.8rem; padding-left:1rem; line-height:2.4rem; color:#444; font-weight: 300; position: relative;}
.product-info02 .product-info02-inner .product-info02-r .product-info-list02 > li > ul li:after{width:3px; height:3px; content:''; background:#333; position: absolute; top:10px; left:0; border-radius: 50%;}
.product-info02 .product-info02-inner .product-info02-r .center-btnbox{margin-top:5rem; margin-left:13rem; justify-content: flex-start;}

.layerPopup{position: fixed; inset: 0; background:rgba(0, 0, 0, 0.6); display: flex; justify-content: center; align-items: center; z-index: 10;}
.layerPopup .layerPopup-inner{ padding:0 2rem; max-height: 90vh; box-sizing: border-box;}
.layerPopup .layerPopup-inner.l-type1320{width: 100%; max-width:1320px;}
.layerPopup .layerPopup-inner .layerPopup-content{padding:4rem; background:#fff; max-height: 90vh; overflow-y: auto; box-sizing: border-box; border-radius:20px;}
.layerPopup .layerPopup-inner .layerPopup-content .layerClose{margin-bottom:2rem; display: flex; justify-content: flex-end;}
.layer-type01 strong{font-size:4.2rem; margin-bottom:5rem; color:#000; font-weight: 700; display: block;}
.table-type03{display: grid;  grid-template-columns: 10% 30% 25% 25% 10%; border-top:1px solid #000;}
.table-type03 li{border-bottom:1px solid #ddd;}
.table-type03 li .t-type03-left{padding:2.2rem 0; background:#f1f2f9; border-bottom:1px solid #ddd;}
.table-type03 li .t-type03-left p{font-size:1.6rem; color:#000; font-weight: 500; text-align: center;}
.table-type03 li .t-type03-right{padding:1.7rem 0; text-align: center; display:flex; align-items:center; justify-content:center; text-align:center; min-height:66px; box-sizing: border-box;}
.table-type03 li .t-type03-right p{font-size:1.6rem; color:#222; font-weight: 300; text-align: center;}
.layer-type01-box{margin-top:6rem;}
.layer-type01-box .table-type01 .t-td p{font-size:1.6rem; color:#666; font-weight: 300; line-height: 1.5;}
.layer-type01-box .table-type01 .t-td p.other-name-type{font-size:2rem; color:#000; font-weight: 500;}
/* 교육 상세 팝업의 개요는 textarea 입력 원문(줄바꿈 포함)을 유지해 표시한다. */
.layer-type01-box .table-type01 .t-td p.edu-summary-preline{white-space: pre-line;}

.page-type01 .tablebox{margin-bottom:6rem;}
.page-type01 .tablebox:last-child{margin-bottom:0;}
.tablebox-tit-c{display: flex; align-items: flex-end; gap:2.5rem; margin-bottom:3rem; position: relative; flex-wrap: wrap;}
.tablebox-tit-c.justify{justify-content: space-between; align-items: anchor-center;}
.tablebox-tit-c strong{font-size:3.2rem; color:#000; font-weight: 700; display: block;}
.tablebox-tit-c a{display: flex; align-items: center; justify-content: center; padding:1.5rem 3.2rem; border-radius: 30px;}
.tablebox-tit-c a img{margin-left:1.2rem;}
.essential-info{font-size:1.6rem; padding-left:1.5rem; color:#787878; position: relative;}
.essential-info:after{width:8px; height:8px; background:#24c9dc; content:''; position: absolute; top:50%; left:0; transform: translateY(-50%); border-radius: 50%;}
.input-flex{display: flex; gap:1.5rem; align-items: center; width: 100%;}
.input-flex > span{font-size:1.6rem; color:#666;}
.input-flex02{display: flex; gap:1.5rem; align-items: center; width: 100%;}
.essential-value{width:8px; height:8px; background:#24c9dc; content:''; display: inline-block; border-radius: 50%; position: absolute; top:0; right:-15px}
.input-flex.sync-password input{border:1px solid #b00aae;}
.input-flex.sync-password span{color:#b00aae}
.agree{background:#f9f9f9; border:1px solid #e9e9e9; border-radius: 10px; overflow: hidden; padding:4rem; box-sizing: border-box;}
.agree-all{padding-bottom:2rem; margin-bottom:3rem; border-bottom:1px solid #d8d8d8;}
.agree-list{display: flex; flex-direction: column; gap:2rem;}
.robot{margin-top:40px; display: flex; align-items: center; justify-content: center;}

.layerPopup .layerPopup-inner.l-type1000{width: 100%; max-width:1040px;}
.layerPopup .layerPopup-inner.l-type1200{width: 100%; max-width:1240px;}
.layer-type02-tit{font-size:2.2rem; margin-bottom:1rem; color:#000; font-weight: 700; display: block;}
.layer-type02-txt{font-size:1.8rem; margin-bottom:3rem; color:#222;}
.table-type04{display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #000;}
.table-type04.fix-px{grid-template-columns: 260px 1fr 175px;}
.table-type04.fix-px li .t-type04-right.fix-column{padding:0;}
.table-type04.fix-px li .t-type04-right.fix-column > div{width:100%}
.table-type04.fix-px li .t-type04-right.fix-column > div p{border-bottom:1px solid #ddd; padding:1.7rem 1rem;}
.table-type04.fix-px li .t-type04-right.fix-column > div p:last-child{border-bottom:0;}
.fix-column p{border-bottom:1px solid #ddd;}
.table-type04 li { border-bottom: 1px solid #ddd; display: flex; flex-direction: column;}
.table-type04 li .t-type04-left{padding:2.2rem 1rem; background:#f1f2f9; border-bottom:1px solid #ddd;}
.table-type04 li .t-type04-left p{font-size:1.8rem; color:#222; text-align: center; font-weight: 500;}
.table-type04 li .t-type04-right{padding:1.7rem 1rem; text-align: center; display:flex; align-items:center; justify-content:center; text-align:center; min-height:66px; box-sizing: border-box; height:100%;}
.table-type04 li:not(:last-child) .t-type04-right{border-right:1px solid #ddd;}
.table-type04 li .t-type04-right p{font-size:1.8rem; line-height:2.6rem; color:#222; text-align: center;}
.layerPopup-list{margin-top:3rem; display: flex; flex-direction: column; gap:2rem;}
.layerPopup-list > li{display: flex;}
.layerPopup-list > li .layerPopup-list-l{width:135px; font-size:1.9rem; color:#222; font-weight: 700;}
.layerPopup-list > li .layerPopup-list-r{width:calc(100% - 135px);}
.layerPopup-list > li .layerPopup-list-r p{font-size:1.8rem; color:#222; font-weight: 300;}
.layerPopup-list > li .layerPopup-list-r ul{margin-top:1rem; background:#f9f9f9; padding:2.5rem; box-sizing: border-box; display: flex; flex-direction: column; gap:1.5rem; letter-spacing: -0.5px;}
.layerPopup-list > li .layerPopup-list-r ul li{font-size:1.6rem; line-height:2.4rem; color:#444; }
.popup-txt{font-size:1.8rem; margin-top:2rem; line-height:2.8rem; color:#222; font-weight: 300; }

.table-type05-m{display: none;}
.table-type05{border-top: 1px solid #000; width:100%;}
.table-type05 thead tr th{font-size: 1.8rem; color: #222; padding: 2.2rem 1rem; background: #f1f2f9; border-bottom: 1px solid #ddd;}
.table-type05 tbody tr th{font-size:1.6rem; padding:1.8rem 0; color:#222; font-weight: 700; background:#f9f9f9; border-bottom:1px solid #ddd; border-right:1px solid #ddd}
.table-type05 tbody tr td{font-size:1.8rem; padding:1.4rem 0; color:#222; text-align: center; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.table-type05 tbody tr:first-child td:last-child{border-right:0;}

.page-title{font-size: 4.2rem; margin-bottom: 2rem; color: #000; font-weight: 700; display: block;}
.applicationbox strong{font-size:4.2rem; margin-bottom:2rem; color:#000; font-weight:700; display:block; text-align: center;}
.applicationbox{background:#f8f8fc; padding:7.5rem 2rem 9.5rem; box-sizing: border-box; border-radius: 30px; overflow: hidden;}
.applicationbox .ibox{margin-bottom:3.5rem; display: flex; align-items: center; justify-content: center;}
.applicationbox .ibox .i{font-size:1.8rem; padding-left:3.8rem; color:#222; font-weight: 300; position: relative; letter-spacing: -0.5px;}
.applicationbox .ibox .i:after{width:24px; height:24px; content:''; display:block; background:url('/ux/common/images/ico/ico_i.png')no-repeat center; background-size: 100%; position: absolute; top:-2px; left:0;}
.applicationbox ul{max-width:440px; margin:0 auto; display: flex; flex-direction: column; gap:2rem;}
.applicationbox ul li{display: flex; align-items: center;}
.applicationbox ul li > p{width:115px; font-size:2rem; color:#000; font-weight: 500;}
.applicationbox ul li > div{width: calc(100% - 115px);}
.applicationbox ul li > div input{width:100%;}

.applicationbox.other-type ul{max-width:590px;}
.applicationbox.other-type .ibox{max-width: 590px; margin:0 auto 4rem; justify-content: flex-start;}
.applicationbox ul li > p{width:145px;}
.applicationbox ul li > div{width:calc(100% - 145px)}
.applicationbox ul li > div > div{display: flex; align-items: center; gap:1rem;}
.applicationbox ul li > div > div > div:first-child{width:calc(100% - 118px);}
.applicationbox ul li > div > div > div:last-child{width:118px;}
.applicationbox ul li > div > div > div:last-child a{font-size:1.6rem; width:100%; height:46px; color:#000; font-weight:500; border:1px solid #000; border-radius: 5px; background:#fff; text-align: center; display:flex; align-items: center; justify-content:center; box-sizing: border-box;}

.applicationbox.other-type02 .max530{max-width: 530px; margin:0 auto}
.applicationbox.other-type02 .ibox{justify-content: flex-start;}
.applicationbox.other-type02 ul{max-width: none;}
.applicationbox.other-type02 ul li > p{width:100px;}
.applicationbox.other-type02 ul li > div{width: calc(100% - 100px);}
.applicationbox.other-type02 ul li > div > div > div:first-child{width: auto;}
.applicationbox.other-type02 ul li > div > div > div:last-child{width:auto;}
.local-numbox{display: flex; gap:1.5rem; align-items: center;}
.local-numbox .local-n{width:95px !important;}
.local-numbox .local-n select{width:100%;}
.local-numbox .local-n02{width:calc(100% - 95px) !important; display:flex; align-items: center; justify-content: center;}
.local-numbox .local-n02 span{margin:0 0.5rem;}

.applicationbox.other-type02 .max460{max-width: 460px; margin:0 auto}
.applicationbox.other-type02 .max460 ul li > p{width:140px;}
.applicationbox.other-type02 .max460 ul li > div{width:calc(100% - 140px)}

.applicationbox.add-bottom-box{padding:7.5rem 2rem 5.5rem; border-bottom-left-radius: 0; border-bottom-left-radius: 0;}
.applicationbox.add-bottom-box ul{padding-right:110px;}
.user-btnbox{background:#e4e6f3; padding:2rem 0; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px;}
.input-btnbox{position: relative;}
.input-btnbox .eyesbtn{position: absolute; top:50%; right:20px; transform: translateY(-50%);}
.user-btnbox ul{display: flex; align-items: center; gap:2rem; justify-content: center;}
.user-btnbox ul li a{font-size:1.6rem; gap:1rem; font-weight:300; color:#222; display: flex; align-items: center;}

.findid{padding:3rem 4rem 3.5rem; border:1px solid #98aeec; background:#fff; border-radius: 15px;}
.applicationbox.other-type02 .findid ul li div{color:#222;}

.applicationbox.other-type02 ul.checkbox-ul{display: flex; gap: 3rem; flex-wrap: wrap; flex-direction: row;}
.applicationbox.other-type02 ul.checkbox-ul li > div{width:auto;}
.checked-radiobox input{margin-top:2rem;}

.sendbox{background: #f8f8fc; padding: 6rem 2rem; box-sizing: border-box; border-radius: 30px; overflow: hidden; display: flex; flex-direction: column; align-items: center;}
.sendbox img{display: block; margin-bottom:3rem;}
.sendbox strong{font-size:4.2rem; margin-bottom:2rem; color:#000; display: block; font-weight: 700; text-align: center;}
.sendbox strong span{color:#2525ff}
.sendbox p{font-size:1.8rem; line-height:3.2rem; color:#222; font-weight:300; text-align: center;}

/* 회원가입 */
.grid-type01{display: grid; grid-template-columns: repeat(auto-fit, 240px); gap:1rem; width:100%;}
.dubble-layout{display: flex; flex-direction: column; gap:1rem; width: 100%;}
.dubble-layout .dubble-t{display: flex; gap:2rem; align-items: center;}
.dubble-layout .dubble-t select{width:135px;}
.dubble-layout .dubble-t  .dubble-t-r .dubble-t-r-inner{display: flex; align-items: center; gap:0.5rem;}
.dubble-layout .dubble-t input{width:135px;}
.dubble-layout .dubble-t .dubble-t-r{display: flex; align-items: center; gap:0.5rem;}
.dubble-layout .dubble-b{display:flex; gap:1rem; align-items: center;}
.btn-type04.dubble-btn{padding:0.4rem 1.8rem;}
.sub-checkbox{margin:2rem 0 0 3rem; display: grid; grid-template-columns: repeat(2, max-content); gap:2rem 6rem;}

.t-t{font-size:1.8rem; color:#444; font-weight: 300;}
.t-t02{font-size:1.8rem; color:#222; font-weight: 300;}
.input-flex02{display: flex; align-items: center; gap:2rem;}
.input-flex02 .btn-type04{padding:0.4rem 1.8rem;}

/* popup02 */
.layerPopup-inner02{width:100%; padding:0 2rem; box-sizing: border-box;}
.layerPopup-inner02.max570px{max-width: 610px; margin:0 auto;}
.layerPopup-inner02.max540px{max-width: 580px; margin:0 auto;}
.layerPopup-inner02.max610px{max-width: 650px; margin:0 auto;}
.layerPopup-inner02.max640px{max-width: 680px; margin:0 auto;}
.layerPopup-content02{padding:4rem; background:#f1f2f9; position: relative; box-sizing: border-box;}
.layerPopup-content02:before{width:123px; height:114px; content:''; background:url('/ux/common/images/bg/bg_top_line.png')no-repeat center; background-size:100%; position: absolute; top:0; left:0; z-index: 10;}
.layerPopup-content02:after{width:163px; height:86px; content:''; background:url('/ux/common/images/bg/bg_bottom_line.png')no-repeat center; background-size:100%; position: absolute; bottom:0; right:0; z-index: 10;}
.layerPopup-content02 .layerClose{position: absolute; top:20px; right:20px;}
.layer-type03-tit{font-size:3.2rem; margin-bottom:2rem; color:#000; font-weight: 700; display: block;}
.layer-type03-tit02{font-size:2.4rem; margin:3.5rem 0 2.5rem 0; color:#000; font-weight: 700; display: block;}
.layer-type03-txt{font-size:1.8rem; line-height:2.8rem; color:#444; letter-spacing: -0.3px;}
.layer-type03box{padding:4rem; border:1px solid #ccc; background:#f9f9f9; border-radius: 10px;}
.layer-type03box.other{padding:3rem;}
.layer-type03-flex{display: flex; flex-direction: column; gap:1.5rem;}
.layer-type03-flex-l{display: flex; align-items: center; gap:1rem;}
.layer-type03-flex-l button{width:120px; height:46px;  font-size:1.6rem; color:#000; border:1px solid #000; border-radius: 5px; background:#fff;}
.layer-type03-flex-l div{width: calc(100% - 120px);}
.layer-type03btn{margin-top:2rem; display: flex; align-items: center; justify-content: center;}
.layer-type03btn .btn-type01{padding:1.1rem 3.3rem;}
.layer-type03btn .btn-type02{padding:1.1rem 3.3rem;}
.popup-check-list{display: flex; flex-direction: column; gap:2rem;}
.directly{margin:1rem 0 0 2rem;}

.layer-type03 .table-type02.tsi-tbl thead tr{background:#f9f9f9;} 
.layer-type03 .table-type02.tsi-tbl tbody tr{background:#fff;} 
.popup-tsi{margin-bottom:3rem; display:flex; align-items:center; padding:3rem 3.5rem; background:#f9f9f9; border:1px solid #ccc; box-sizing: border-box; border-radius: 20px;}
.popup-tsi strong{width:90px; font-size:2rem; color:#444; font-weight:400;}
.popup-tsi div{width:calc(100% - 90px); display:flex; align-items:center;}
.popup-tsi div input{width: calc(100% - 80px);}
.popup-tsi div a{width:70px; height:44px; margin-left:1rem; font-size:1.6rem; color:#000; font-weight: 500; border:1px solid #000; background:#fff; display:flex; align-items: center; justify-content: center; box-sizing: border-box; border-radius: 5px;}

/* 아래공지 */
.notice-point{margin-top:4rem; padding:2rem 3rem; box-sizing: border-box; background:#f8f8fc; border-radius: 20px; display: flex; align-items: flex-start;}
.notice-point img{width:24px; margin-right:2rem; }
.notice-point ul{width:calc(100% - 44px); display: flex; flex-direction: column; gap:1rem;}
.notice-point ul li{font-size:1.6rem; padding-left:1rem; color:#222; font-weight:300; position: relative;}
.notice-point ul li:after{width:3px; height:3px; content:''; background:#222; position:absolute; top:8px; left:0; border-radius: 50%;}

 
/* 기술지원 */
.bg-ss{width:100%; height:320px; padding:9.5rem 0 6rem 5rem; background:url('/ux/common/images/bg/bg_system.png')no-repeat center; background-size:cover; box-sizing: border-box; border-radius: 30px; overflow: hidden;}
.bg-ss strong{font-size:4.6rem; margin-bottom:1rem; line-height:6.4rem; color:#fff; font-weight:600; display: block;}
.bg-ss p{font-size:2.2rem; color:#fff; font-weight: 500;}
.ss-list{margin-top:6rem; display: grid; grid-template-columns: repeat(3, 1fr); gap:6rem;}
.ss-list li div{height:80px; margin-bottom:3rem;}
.ss-list li div img{display: block;}
.ss-list li p{font-size:2.4rem; margin-bottom:2.5rem; color:#000; font-weight:700;}
.ss-list li span{font-size:2rem; line-height:3rem; color:#444; font-weight: 300; display: block; letter-spacing: -0.5px;}
.ss-range{margin-top:8rem;}
.ss-tit{font-size:3.2rem; margin-bottom:1rem; color:#000; display: block; font-weight: 600;}
.ss-txt{font-size:1.8rem; margin-bottom:4rem; color:#222; font-weight: 500;}
.ss-list02{margin-top:4rem; display: grid; grid-template-columns: repeat(5, 1fr); gap:2rem;}
.ss-list02 li{border:1px solid #f1f2f9; border-radius: 20px; overflow: hidden; box-sizing: border-box;}
.ss-list02 li .list02-top{padding:7rem 0 4rem;background:#f1f2f9; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.ss-list02 li .list02-top p{font-size:2.4rem; line-height:3.2rem; color:#000; text-align: center; font-weight: 600;}
.ss-list02 li .list02-top div{margin-top:4rem; height:36px; display: flex; align-items: flex-start; justify-content: center;}
.ss-list02 li .list02-bottom{padding:4rem 2.5rem 5rem;}
.ss-list02 li .list02-bottom p{font-size:1.8rem; color:#444; font-weight: 300; line-height:3rem; letter-spacing: -0.3px;}
.ss-channel{margin-top:8rem;}
.ss-list03{display: grid; grid-template-columns: repeat(2, 1fr); gap:2rem;}
.ss-list03 li{border:1px solid #f1f2f9; border-radius: 20px; overflow: hidden;}
.ss-list03 li .list03-top{padding:5rem 0 3rem; background:#f1f2f9; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.ss-list03 li .list03-top strong{font-size:2.6rem; margin-bottom:1rem; color:#000; font-weight: 600; display: block; text-align: center;}
.ss-list03 li .list03-top .list03-bold{font-size:6.4rem; font-weight: 600; text-align: center;}
.ss-list03 li .list03-top .list03-sub-txt{font-size:1.8rem; margin-bottom:1rem; font-weight: 500; text-align: center;}
.ss-list03 li .list03-top .list03-txt{font-size:2rem; margin-bottom:2.5rem; color:#000; font-weight: 600; text-align: center;}
.ss-list03 li .list03-top img{display: block;}
.ss-list03 li .list03-bottom{padding:3.5rem 5rem;}
.ss-list03 li .list03-bottom p{font-size:1.8rem; line-height:3rem; color:#444; font-weight: 300;}
.ss-process{background:#ecf2f8; margin-top:8rem;}
.ss-process .ss-process{padding:5rem 0 14rem;}
.process-list{display: flex; align-items: center; justify-content: center; margin:8rem 8rem 0 5.5rem; position: relative; z-index: 1;}
.process-list:after{width:890px; height:138px; content:''; display: block; background:url('/ux/common/images/bg/bg_line.png')no-repeat center; background-size:100%; position: absolute; top:28%; left:50%; transform: translate(-50%, -50%); z-index: -1;}
.process-list .step{width:249px; position: relative;}
.process-list .step:nth-child(even){margin-top:9rem;}
.process-list .step:nth-child(1){padding-right:6.7%; margin-top:-9rem;}
.process-list .step:nth-child(2){padding-right:3.9%;}
.process-list .step:nth-child(3){padding-right:5%;}
.process-list .step .num{font-size: 4.8rem; position: absolute; top:-30px; left: 15px; font-weight: 700; color: #2525ff; transform: rotateX(35deg) rotateY(-40deg);}
.process-list .step .diamond{width:249px; height:159px; display: block; content:''; background:url('/ux/common/images/bg/bg_process.png')no-repeat center; background-size:100%;}
.process-list .step .diamond p{font-size:2.2rem; padding-top:3.5rem; color:#222; font-weight: 700; text-align: center;}
.process-list .step .desc{font-size:1.8rem; line-height:2.8rem; padding:3rem 2rem 0 4rem; color:#222; position: relative;}
.process-list .step .desc:after{width:40px; height:3px; background:#2525ff; content:''; position: absolute; top:0; left:50%; transform: translateX(-50%);}
.ss-archive{width:100%; height:auto; padding:11rem 0 14rem; background:url('/ux/common/images/bg/bg_system02.png')no-repeat center; background-size:cover; box-sizing: border-box;}
.ss-archive .archive-tit{font-size:5.2rem; margin-bottom:3rem; line-height:6rem; color:#fff; font-weight: 700; display: block;}
.ss-archive .archive-txt{font-size:2.4rem; line-height:3.6rem; color:#fff;}
.archive-more{margin-top:3rem; display: flex; align-items: center; justify-content: flex-end; gap:1rem;}
.archive-more a{padding:3rem 3rem; display: block; background:rgba(255, 255, 255, 0.2); min-width: 320px; border-radius: 10px; box-sizing: border-box; transition: all 0.3s;}
.archive-more a:hover{background: rgba(0, 0, 0, 0.2); transition: all 0.3s; transform: translateY(-5px); }
.archive-more a p:nth-child(1){font-size:2.4rem; margin-bottom:0.5rem; color:#fff; font-weight: 600; position: relative;}
.archive-more a p:nth-child(1):after{width:20px; height:20px; background:url('/ux/common/images/ico/support/system/more02.png')no-repeat center; background-size:100%; content:''; position: absolute; top:50%; right:0; transform: translateY(-50%);   }
.archive-more a span{font-size:1.6rem; color:#fff; font-weight: 300;}
.archive-more a p:nth-child(3){font-size:4.2rem; margin-top:1rem; font-weight: 800; color:#fff}

/* list */
.filter{display: flex; align-items: flex-end; justify-content: space-between; margin-bottom:3.5rem;}
.total{font-size:1.8rem; color:#222;}
.total span{color:#2551ff}
.list-type01{border-top:1px solid #000;}
.list-type01 li a{display: flex; align-items: center; padding:1.5rem 5rem; border-bottom:1px solid #ddd;}
.list-type01 li a:hover .list-info h3{text-decoration: underline; text-underline-offset: 5px;}
.list-type01 li a .list-label{width:200px; margin-right:2.5rem; display: flex; align-items: center; justify-content: space-between;}
.list-type01 li a .list-label p{font-size:1.6rem; color:#222; font-weight: 600;}
.list-type01 li a .list-label span{width:65px; font-size:1.5rem; padding:0.6rem 0; display: flex; align-items: center; justify-content: center; color:#2525ff; border:1px solid #2525ff; border-radius: 20px; box-sizing: border-box; background: #fff;}
.list-type01 li a .list-info{width: calc(100% - 225px); display: flex; align-items: center; justify-content: space-between;}
.list-type01 li a .list-info h3{font-size:1.9rem; color:#444; font-weight: 300; width: calc(100% - 95px);}
.list-type01 li a .list-info span{font-size:1.5rem; color:#666; font-weight: 300; width:85px; margin-left:1rem;}
.list-type01 li a.importance{background:#f1f2f9;}
.list-type01 li a.importance .list-label p{color:#2525ff}
.list-type01 li a.importance .list-info strong{color:#222;}

.list-type02{display: grid; grid-template-columns: repeat(4, 1fr); gap:4.8rem 2.4rem;}
.list-type02 li{border-radius: 20px; overflow: hidden;}
.list-type02 li a{display: block;}
.list-type02 li a .card-type01-img{position: relative; overflow: hidden; padding:33%;}
.list-type02 li a:hover .card-type01-img:after{width:100%; height:100%; position: absolute; top:0; left:0; content:''; background:rgba(37, 81, 255, 0.8); z-index: 1;}
.list-type02 li a .card-type01-img img{width:100%; height:100%; object-fit: cover; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.list-type02 li a .card-type01-txt{background:#edeffd; padding:4rem 3rem; display: flex; flex-direction: column; justify-content: space-between; max-height: 250px; min-height: 250px; box-sizing: border-box;}
.list-type02 li a:hover .card-type01-txt{background:#2551ff}
.list-type02 li a .card-type01-txt h3{font-size:2rem; line-height:3rem; font-weight: 600; color:#000; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}
.list-type02 li a:hover .card-type01-txt h3{color:#fff;}
.list-type02 li a .card-type01-txt span{font-size:1.6rem; font-weight: 500; color:#787878;}
.list-type02 li a:hover .card-type01-txt span{color:#fff;}

/* view */
.view-titbox{display: flex; flex-direction: column; align-items: center; margin-bottom:3rem; padding-top:3rem; border-top:1px solid #000;}
.view-titbox span{font-size:1.6rem; margin-bottom:1.5rem; color:#2525ff; font-weight: 600;}
.view-titbox h3{font-size:2.4rem; padding:0 2rem; margin-bottom:1rem; font-weight: 500; color:#222; text-align: center;}
.view-titbox p{font-size:1.5rem; color:#666; font-weight: 300;}
.view-info{display: flex; align-items: center}
.view-info li{font-size:1.5rem; padding:0 1.3rem; color:#666; font-weight: 300; position: relative;}
.view-info li:after{width:1px; height:13px; background:#ddd; content:''; position: absolute; right:0; top:50%; transform: translateY(-50%);}
.view-info li:last-child:after{display: none;}
.view-info li:first-child{padding-left:0}
.view-info li:last-child{padding-right:0}
.view-filebox{background:#f1f2f9; padding:2rem 6rem; width: 100%; display: flex; align-items: flex-start; box-sizing: border-box;}
.view-filebox p{width:80px; font-size:1.6rem; padding-left:2.4rem; margin-right:3.5rem; color:#222; font-weight: 700; position: relative; box-sizing: border-box;}
.view-filebox p::after{width:15px; height:18px; content:''; background:url('/ux/common/images/ico/ico_file.png')no-repeat center; background-size:100%; position: absolute; top:50%; left:0; transform: translateY(-50%);}
.view-filebox ul{width: calc(100% - 115px); display: flex; flex-direction: column; gap:2rem;}
.view-filebox ul li a{font-size:1.6rem; padding-right:5.4rem; color:#444; font-weight: 300; position: relative;}
.view-filebox ul li a:after{width:32px; height:32px; content:''; background:url('/ux/common/images/ico/ico_file_download.png')no-repeat center; background-size:100%; position: absolute; top:50%; right:0; transform: translateY(-50%);}
.view-filebox ul li a:hover{text-decoration: underline; text-underline-offset: 3px;}
.view-filebox ul li a img{margin-left:2rem; display: block;}
.view-board-type01{padding:4rem 6rem; border-top:1px solid #ddd; width: 100%; box-sizing: border-box;}
.view-tag{background:#f9f9f9; padding:2rem 6rem; display: flex; align-items: center;}
.view-tag img{margin-right:1.5rem;}
.view-tag ul{display: flex; align-items: center; gap:1.5rem; flex-wrap: wrap;}
.view-tag ul li{font-size:1.6rem; color:#222; font-weight: 300;}
.view-tag ul li span{color:#2d3ee9}
.view-btn{padding-top:3rem; display: flex; align-items: center; justify-content: space-between; border-top:1px solid #ccc;}
.board-more{font-size:2rem; padding:1.5rem 3.7rem; color:#000; font-weight: 500; border:1px solid #222; border-radius: 30px; display: flex; align-items: center;}
.board-more i{width:14px; height:13px; display:block; background:url('/ux/common/images/ico/ico_menu02.png')no-repeat center; background-size:100%; margin-right:1.5rem;}
.view-btn .board-bottom-box{width:400px;}
.view-btn .board-bottom-box a{display: flex; align-items: flex-start; gap:1.5rem;}
.view-btn .board-bottom-box a.board-prev i{width:48px; height:48px; display: block; background:url('/ux/common/images/ico/ico_prev.png')no-repeat center; background-size:100%;}
.view-btn .board-bottom-box a.board-prev:hover i{display: block; background:url('/ux/common/images/ico/ico_prev_hover.png')no-repeat center; transition: all 0.3s;}
.view-btn .board-bottom-box a.board-next{text-align: right;}
.view-btn .board-bottom-box a.board-next i{width:48px; height:48px; display: block; background:url('/ux/common/images/ico/ico_next.png')no-repeat center; background-size:100%;}
.view-btn .board-bottom-box a.board-next:hover i{display: block; background:url('/ux/common/images/ico/ico_next_hover.png')no-repeat center; transition: all 0.3s;}
.view-btn .board-bottom-box a div{margin-top:1.3rem; width: calc(100% - 63px);}
.view-btn .board-bottom-box a div span{font-size:2rem; margin-bottom:2rem; font-weight:500; color:#222; display: block;}  
.view-btn .board-bottom-box a:hover div span{color:#2525ff; transition: all 0.3s;}
.view-btn .board-bottom-box a div p{font-size:1.6rem; font-weight:300; color:#444;}
.view-btn .board-bottom-box a:hover div p{color:#08315d; transition: all 0.3s;}

.commentbox .boxlist{padding:4rem 6rem 5rem; box-sizing: border-box; display: flex;}
.commentbox .boxlist.answerbox{background:#f9f9f9; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.commentbox .boxlist > p{width:110px;}
.commentbox .boxlist > div{width: calc(100% - 110px); font-size:1.8rem; line-height:3.8rem; color:#222;}

/* list02 */
.filter02{margin-bottom:3rem; display: flex; align-items: center; justify-content: flex-end; gap:1.5rem;}
.text-wrap{display: flex; align-items:center; gap:1rem;}
.text-wrap div{display: flex; align-items: center; gap:0.5rem;}
.t-link02{display: flex; gap:1rem; align-items: center;}
.t-link02:hover{text-decoration: underline; text-underline-offset: 3px;}
.position-btn{position: absolute; bottom:0; right:20px;}

/* list03 */
.filter03{display: flex; align-items: flex-end; justify-content:space-between; margin:5rem 0 2.5rem;}
.filter03 select{width:140px;}
.tbl02-m{display:none;}
.ma-t1{margin-top:0.5rem;}





/* view02 */
.text-wrap02{display: inline-block;}
.text-wrap02 img{display: inline-block; vertical-align: bottom; margin-left:0.5rem;}
.write-info{display: flex;}
.write-info li{padding:0 15px; position: relative;}
.write-info li:last-child:after{display: none;}
.write-info li:after{width:1px; height:14px; background:#d4d4d4; content:''; position: absolute; top:50%; right:0; transform: translateY(-50%);}
.total-comment{padding:9rem 6rem 2rem; box-sizing: border-box; display:flex; align-items: center; justify-content: space-between; border-bottom:1px solid #e9e9e9;}
.total-comment div{display: flex; align-items: center; gap:0.8rem;}
.total-comment div span{font-size:1.6rem; color:#222; font-weight: 600;}
.btn-type04.comment{padding:0.4rem 1.8rem}
.individual{padding-top:2.5rem; box-sizing: border-box; border-bottom:1px solid #e9e9e9;}
.individual-p{padding:0 6rem; }
.write-user{margin-bottom:1.5rem; display: flex; align-items: center; justify-content: space-between;}
.write-user .write-user-l{display: flex; align-items: center; gap:1rem;}
.write-user .write-user-l li{display: flex; gap:1rem;; align-items: center;}
.write-user .write-user-l li strong{font-size:1.6rem; color:#222; font-weight:500}
.write-user .write-user-l li p{font-size:1.4rem; padding-left:1rem; color:#787878; position: relative;}
.write-user .write-user-l li p:after{width:3px; height:3px; content:''; border-radius: 50%; background:#aaa; position: absolute; top:50%; left:0; transform: translateY(-50%);}
.write-user .write-user-l li span{font-size:1.2rem; padding:0.2rem 0.5rem; border-radius: 3px; border:1px solid #2525ff; color:#2525ff; }
.write-user .write-user-r{display: flex; align-items: center;}
.write-user .write-user-r li{padding:0 1rem; position: relative;}
.write-user .write-user-r li a{font-size:1.4rem; color:#787878; display: block;}
.write-user .write-user-r li:after{width:1px; height:12px; background:#d4d4d4; content:''; position: absolute; top:50%; right:0; transform: translateY(-50%);}
.write-user .write-user-r li:first-child{padding-left:0;}
.write-user .write-user-r li:last-child{padding-right:0;}
.write-user .write-user-r li:last-child:after{display: none;}
.individual-txt{font-size:1.6rem; line-height:2.8rem; color:#666;}
.individual-btn{margin:2rem 0;}
.deep-comment{padding:2.5rem 9rem; background:#f9f9f9; box-sizing: border-box; border-top:1px solid #e9e9e9;}
.deep-commentbox{padding:2rem; background:#fff; border:1px solid #ccc; border-radius: 10px; box-sizing: border-box;}
.deep-commentbox strong{font-size:1.6rem; margin-bottom:1.5rem; color:#222; font-weight: 500; display: block;}
.deep-commentbox textarea{font-size: 1.6rem; width:100%; height:75px; resize: none; border:0; font-family: 'Pretendard'; color:#888;}
.comment-file-list{margin-bottom:1rem; display: flex; align-items: center; flex-wrap: wrap; gap:1rem;}
.comment-file-list li{display: flex; align-items: center; gap:0.8rem;}
.comment-file-list li p{font-size:1.5rem; color:#444; font-weight: 300;}
.comment-file-btnbox{display: flex; align-items: center; justify-content: space-between;}
.comment-registration{display: flex; align-items: center; gap:1.5rem;}
.comment-registration .checkbox label span{color:#444;}
.comment-registration .btn-type04.comment{padding:0.6rem 1.8rem;}
.second-comment{background:#f9f9f9; border-top:1px solid #e9e9e9}
.second-comment > li{padding:2.5rem 9rem;}
.write-userbox{padding:2.5rem 6rem; box-sizing: border-box;}
.upload-file{margin-top:3rem; display: flex; align-items: center; gap:1rem;}
.upload-file li a{font-size:1.5rem; color:#787878; display:flex; align-items: center; gap:1rem;}
.upload-file li a:hover{text-decoration: underline;}

/* error */
.error{min-height:100vh; display: flex; align-items: center; justify-content: center;}
.error .error-inner{width:100%; max-width: 1320px; padding:0 2rem;}
.error .error-inner > a{display: block; margin-bottom:4rem;}
.error .error-inner > a img{display: block;}
.error .error-inner .error-contents{background:#f1f2f9; padding:8rem 0; border-radius: 15px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.error .error-inner .error-contents > img{display: block; margin-bottom:1rem;}
.error .error-inner .error-contents strong{font-size:4.2rem; margin-bottom:2rem; color:#000; font-weight: 700; display: block;}
.error .error-inner .error-contents p{font-size:1.8rem; line-height:2.7rem; color:#333; font-weight:300;}
.error .error-inner .error-contents div a{display: inline-flex; align-items: center; padding:1.5rem 3.6rem;} 
.error .error-inner .error-contents div a > img{margin-right:1rem;}

@media all and (min-width: 992px) and (max-width:1250px) {

    /* 도입 사례 */
    .introduction-list.other-introduction-box > ul{grid-template-columns: repeat(3, 1fr); gap:6rem 3rem}

    /* 통합검색 */
    .cases-tab ul li a{font-size:1.8rem;}
    .cases-list .cases-type01 > li .cases-l{width:220px;}
    .cases-list .cases-type01 > li .cases-r{width:calc(100% - 220px)}

    /* 기술지원 */
    .process-list:after{width:800px; height:124px; top:30%;}
    .process-list .step{width:200px;}
    .process-list .step .diamond{width:200px; height:128px;}
    .process-list .step .diamond p{font-size:1.8rem; padding-top:3rem;}
    .process-list .step .num{font-size:4rem;}
    .process-list .step:nth-child(1){padding-right:3%; margin-top:-9rem;}
    .process-list .step:nth-child(2){padding-right:3%;}
    .process-list .step:nth-child(3){padding-right:3%;}
    .process-list .step .desc{padding: 2rem 2rem 0 1rem; font-size: 1.6rem; line-height: 2.4rem;}
}

@media all and (min-width: 992px) and (max-width:1100px) {

    /* 제품 교육 */
    .table-type01.table-grid{display: block;}
}

@media all and (max-width: 1280px) {
.education-center-map .edu-map .edu-map-img{width:600px}
.education-center-map .edu-map .edu-map-txt{width: calc(100% - 600px); padding-left: 60px;}
.education-grid{gap:3rem}
.education-grid li p{font-size: 2.4rem;}
.education-grid li span{font-size:1.8rem;}
.education-grid li .txt-box{padding: 12rem 3rem 5rem 3rem;}
.education-center-map .edu-map .edu-map-txt p{font-size: 2.8rem;}
.edu-product-info-list li .l-section{width:260px;}
.edu-product-info-list li .r-section{width: calc(100% - 260px)}


}
@media all and (max-width: 1200px) {

    /* list */
    .list-type02{display: grid; grid-template-columns: repeat(3, 1fr); gap:4rem 2rem;}

    .product-info02 .product-info02-inner .product-info02-l{width:250px;}
    .product-info02 .product-info02-inner .product-info02-r{width:calc(100% - 250px);}

    /* 윤리상담센터 */
    /* new */
    .ethic-info02{padding:7rem 4rem 0 3rem;}
    .product-info03 .product-info03-l{width:250px;}
    .product-info03 .product-info03-r{width:calc(100% - 250px);}


}


@media all and (max-width: 991px) {

    /* 개인정보처리방침 */
    .privacy-card{grid-template-columns:repeat(1, 1fr)}

    /* 이용약관 */
    .use-tbl > li{flex-direction: column;}
    .use-tbl > li .tit-tbl{width:100%; padding:2rem 1rem;}
    .use-tbl > li .contents-tbl{width: 100%; padding:2.5rem 2rem 4rem;}

    /* 언론보도 */
    .etic-bg{height:auto; padding:8rem 6rem; background:url('/ux/common/images/bg/bg_ethic_m.png')no-repeat center; background-size: cover;}
    .table-type06 tbody tr th{padding:1.5rem;}
    .table-type06 tbody tr td{padding:1.5rem;}
    .etic-popupbox{flex-direction: column;}
    .etic-popupbox .etic-popup-l{width:100%; margin-bottom:5rem;}
    .etic-popupbox .etic-popup-r{width:100%;}
    .etic-popup-list02 li{flex-direction: column;}
    .etic-popup-list02 li p:first-child{width: 100%; margin-bottom:1rem;}
    .etic-popup-list02 li p:last-child{width:100%;}

    /* 윤리상담센터 */
    .tab-type01.tab-type01-c ul{justify-content: center;}
    /* new */
    .ethic-info02{padding:10rem 5rem 11rem; width:100%; height:auto; background:url('/ux/common/images/bg/bg_report_m.png')no-repeat center; background-size:cover;}
    .product-info03{flex-direction: column;}
    .product-info03 .product-info03-l{width:100%; margin-bottom:7rem;}
    .product-info03 .product-info03-r{width:100%;}
    .reporting{display: block;}
    .reporting ul{padding:5rem 4rem 6rem 4rem;}

    /* 뉴스레터 */
    .dbdeep{flex-direction: column;}
    .dbdeep .dbdeep-l{width:100%; margin-bottom:5rem;}
    .dbdeep .dbdeep-r{width:100%; margin-left:0; display: flex; justify-content: center;}
    .dbdeep .dbdeep-r a{width:200px; box-sizing: border-box;}
    .newsletter-list{grid-template-columns: repeat(1, 1fr);}

    /* 도입 사례 */
    .introduction-list.other-introduction-box > ul{grid-template-columns: repeat(1, 1fr); gap:3rem}
    .introduction-view-info{flex-direction: column;}
    .introduction-view-l{width:100%; margin-right:0; margin-bottom:4rem;}
    .introduction-view-r{width:100%;}

    /* 통합검색 */
    .cases-tab ul li{width:200px;}
    .cases-type01{margin-top:7rem; border-top:2px solid #000;}
    .cases-list .cases-type01 > li{padding:3rem 0 2rem;}
    .cases-list .cases-type01 > li{flex-direction: column;}
    .cases-list .cases-type01 > li .cases-l{width:100%; padding:3rem 0 6rem;}
    .cases-list .cases-type01 > li .cases-r{width:100%;}
    .cases-list .cases-type01 > li .cases-r ul li a{padding:3rem 1.5rem;}
    .cases-list .cases-type01 > li .cases-r ul li a > p{-webkit-line-clamp:4}
    .viewallbox{justify-content: center;}

    /* 교육센터 소개 */
    .swiper.edu-swiper{width:auto;}
    .edu-swiperbtn{justify-content: center;}
    .swiper.edu-swiper .swiper-slide{width:100%;}
    .education-grid{grid-template-columns: repeat(1, 1fr); gap:4rem; margin-top: 6rem;}
    .education-grid li:nth-child(even){transform: none;}
    .education-center-map .edu-map{display: block;}
    .education-center-map .edu-map .edu-map-img{width: 100%;}
    .education-center-map .edu-map .edu-map-txt{width:100%; padding:4rem 2.5rem 0 2.5rem}
    .edu-product-info-list > li{display: block;}
    .edu-product-info-list li .l-section{width:100%; margin-bottom: 2rem;}
    .edu-product-info-list li .r-section{width:100%}
    .edu-product-info-list li .r-section ul li{display: block; margin-bottom: 1.5rem;}
    .edu-product-info-list li .r-section ul li strong{width:100%;}
    .edu-product-info-list li .r-section ul li p{width:100%; margin-top:1rem;}
    .education-center-info strong{font-size: 3.8rem;}
    .education-center-info p{font-size:2rem}
    .swiper.edu-swiper .swiper-slide img.pc-img{display: none;}
    .swiper.edu-swiper .swiper-slide img.m-img{display: block;}


    /* 자주 묻는 질문 */
    .qnabox > ul > li button .qna-titbox{align-items: flex-start;}
    .qnabox > ul > li button .qna-titbox .qna-l{flex-direction: column; align-items: flex-start;}
    .qnabox > ul > li button .qna-titbox .qna-l i{margin-right:0; margin-bottom:1rem;}
    .qnabox > ul > li button .qna-titbox .qna-l strong{width:100%;}
    .qnabox > ul > li button .answerbox{flex-direction: column;}
    .qnabox > ul > li button .answerbox .answerimg{margin-right:0;}
    .qnabox > ul > li button .answerbox .answertxt{width:100%;}

    /* 제품 교육 */
    .table-type01.table-grid{display: block;}
    .table-type01 > li{flex-direction: column;}
    .table-type01 > li .t-th{width:100%; padding:1.5rem;}
    .table-type01 > li .t-th.t-th-c{padding:1.5rem;}
    .table-type01 > li .t-td{width:100%; padding:1.5rem;}
    .multi-table .pc-table{display: none;}
    .multi-table .mobile-table{display: block; border-top:1px solid #000;}
    .multi-table .mobile-table02{display: table; width:100%; border-top:1px solid #000;}
    .multi-table .mobile-table li{padding:3rem 1.5rem 2.5rem; border-bottom:1px solid #e9e9e9;}
    .multi-table .mobile-table li .situation{font-size:2rem; margin-bottom:1rem; color:#000; font-weight: 500; display: block;}
    .multi-table .mobile-table li .situation-tit{font-size:2.6rem; margin-bottom:2rem; color:#222; font-weight: 500; display: block; transition: all .3s;}
    .multi-table .mobile-table li .situation-tit .viewer{width:20px; height:20px; margin-left:0.5rem; display: inline-block; background:url(/ux/common/images/ico/ico_view_more02.png)no-repeat center; background-size:100%; vertical-align: middle; transition: all .3s; }
    .multi-table .mobile-table li .situation-tit:hover{color:#2525ff; transition: all .3s;}
    .multi-table .mobile-table li .situation-tit:hover .viewer{background:url(/ux/common/images/ico/ico_view_more02_hover.png)no-repeat center; transition: all .3s;}
    .multi-table .mobile-table li .mobile-data{display: flex; gap:3rem; margin-bottom:1rem;}
    .multi-table .mobile-table li .mobile-data:last-child{margin-bottom:0;}
    .multi-table .mobile-table li .mobile-data div{display: flex; align-items: center;}
    .multi-table .mobile-table li .mobile-data .data-tit{font-size:1.8rem; margin-right:1.5rem; color:#000; font-weight: 500;}
    .multi-table .mobile-table li .mobile-data .data-tit.bold-data{font-size:2rem; font-weight:700;}
    .multi-table .mobile-table li .mobile-data .data-info{font-size:1.8rem; color:#222; font-weight:300;}
    .multi-table .mobile-table li .mobile-data .data-info a{font-size:1.8rem; padding:1.3rem 4.5rem; color:#2525ff; display: inline-flex; border:1px solid #2525ff; border-radius: 30px;;}
    .multi-table .mobile-table li .mobile-data .data-info a.gray{color:#222; border:1px solid #222;}
    .multi-table .mobile-table li .mobile-data .data-info span{font-size:1.8rem; color:#0a90b0; font-weight: 700;}
    .product-info-list > li{display: block;}
    .product-info-list > li div:nth-child(1){display: block; width:100%; padding:2rem 0;}
    .product-info-list > li div:nth-child(2){display: block; width:100%;}

    .product-info02 .product-info02-inner{flex-direction: column;}
    .product-info02 .product-info02-inner .product-info02-l{width:100%; margin-bottom:6rem;}
    .product-info02 .product-info02-inner .product-info02-r{width:100%;}
    .product-info02 .product-info02-inner .product-info02-r .center-btnbox{margin-left:0; justify-content: center;}

    .table-type03{display: block;}
    .table-type03 li{display: flex;}
    .table-type03 li .t-type03-left{width:150px; padding:2rem; box-sizing: border-box; align-items: center; display: flex; justify-content: flex-start; border-bottom:0;}
    .table-type03 li .t-type03-left p{text-align: left;}
    .table-type03 li .t-type03-right{width:calc(100% - 150px); min-height:auto; justify-content: flex-start; padding:1.7rem 2rem;}
    .table-type01.none-type01 li{flex-direction: row}
    .table-type01.none-type01 li .t-th{width:150px;}
    .table-type01.none-type01 li .t-td{width: calc(100% - 150px);}
    .layer-type01-box{margin-top:2.8rem;}
    .layer-type01-box .table-type01 .t-td p.other-name-type{font-size:1.6rem;}
    .input-flex{flex-direction: column; align-items: flex-start;}
    .input-flex.date-input input{width:100%;}
    .input-flex.date-input .calendar-input{width:100%;}
    #categoryDetailWrap{width:100%;}
    .table-type04{grid-template-columns: repeat(1,1fr);}
    .table-type04 li:not(:last-child) .t-type04-right{border-right:0;}
    .table-type04.fix-px{grid-template-columns: repeat(1,1fr);}
    .layerPopup-list > li{flex-direction: column;}
    .layerPopup-list > li .layerPopup-list-l{width:100%; margin-bottom:2rem;}
    .layerPopup-list > li .layerPopup-list-r{width:100%;}

    .table-type05{display: none;}
    .table-type05-m{display: table; width:100%; border-top:1px solid #000}
    .table-type05-m tr{border-bottom:1px solid #e9e9e9}
    .table-type05-m tr th{font-size:2rem; padding:2rem 0; background:#f1f2f9; color:#000; font-weight:500}
    .table-type05-m tr td{font-size:2rem; padding:2rem 0; color:#222; font-weight: 300; text-align: center;}
    .table-type05-m tr.bg td:first-child{border-right:1px solid #e9e9e9;}
    .table-type05-m tr.bg td{background:#f9f9f9; font-weight:700; color:#222}

    .applicationbox.other-type ul li{align-items: flex-start;}
    .applicationbox ul li > div > div{flex-direction: column;}
    .applicationbox ul li > div > div > div:first-child{width:100%;}
    .applicationbox ul li > div > div > div:last-child{width:100%;}

    .applicationbox.other-type02 ul li > div > div{flex-direction: row;}

    .th-infobox{width:550px; top:50px; left:0;}

    /* 회원가입 */
    .grid-type01{grid-template-columns: repeat(1, 1fr); gap:1.5rem;}
    .dubble-layout .dubble-t{flex-direction: column; gap:1.5rem;}
    .dubble-layout .dubble-t .dubble-t-l{width:100%} 
    .dubble-layout .dubble-t select{width:100%;}
    .dubble-layout .dubble-t input{width:100%;}
    .dubble-layout .dubble-t .dubble-t-r{flex-direction: column; gap:1.5rem; width:100%}
    .dubble-layout .dubble-t .dubble-t-r-inner{width:100%;}
    .dubble-layout .dubble-b{gap:1rem;}
    .dubble-layout .dubble-b .btn-type04.dubble-btn{width:70px;}
    .btn-type04.dubble-btn{width:100%; padding:0.4rem 1.8rem;}
    .sub-checkbox{grid-template-columns: repeat(1, max-content);}

    /* 기술지원 */
    .bg-ss{padding:13rem 6rem 8rem; width:100%; height:auto; background:url('/ux/common/images/bg/bg_system_m.png')no-repeat center bottom; background-size:cover}
    .ss-list{grid-template-columns: repeat(1, 1fr); gap: 3rem;}
    .ss-list02{grid-template-columns: repeat(1, 1fr);}
    .ss-list02 li{display: flex; align-items: center; justify-content: center;}
    .ss-list02 li .list02-top{width:270px; padding:5rem 0 4rem;}
    .ss-list02 li .list02-top div{margin-top:2rem;}
    .ss-list02 li .list02-bottom{width:calc(100% - 270px)}
    .ss-list03{grid-template-columns: repeat(1, 1fr);}
    .process-list{margin:8rem 0 0 0; flex-direction: column; align-items: flex-start; gap:2rem;}
    .process-list:after{width:19px; height:calc(100% - 60px); background:#fff; content:''; display:block; position: absolute; top:0; left:112px; transform: none;}
    .process-list .step{width: 100%; display: flex; align-items: flex-start;}
    .process-list .step:nth-child(even){margin-top:0;}
    .process-list .step:nth-child(1){padding-right:0; margin-top:0;}
    .process-list .step:nth-child(2){padding-right:0;}
    .process-list .step:nth-child(3){padding-right:0;}
    .process-list .step > div{width:249px;}
    .process-list .step > p{width: calc(100% - 249px);}
    .process-list .step .desc{padding:3rem 0rem 0 4rem}
    .process-list .step .desc:after{left:4rem; transform:none;}
    .ss-archive{background:url('/ux/common/images/bg/bg_system02_m.png')no-repeat center bottom; background-size:cover}
    .archive-more{flex-direction: column;}
    .archive-more a{width:100%;}

    /* list */
    .filter{flex-direction: column; align-items: flex-start; margin-bottom:2rem;}
    .total{order:2}
    .list-type01 li a{flex-direction: column; align-items: flex-start; padding:2rem 2rem 3rem;}
    .list-type01 li a .list-label{width: auto; margin-right:0; margin-bottom:1rem;}
    .list-type01 li a .list-label p{margin-right:4rem;}
    .list-type01 li a .list-info{width:100%; flex-direction: column; align-items: flex-start;}
    .list-type01 li a .list-info h3{width:100%; margin-bottom:2rem;}
    .list-type01 li a .list-info span{width:100%; margin-left:0;}
    .list-type02{display: grid; grid-template-columns: repeat(2, 1fr); gap:4rem 2rem;}

    /* view */
    .view-filebox{flex-direction: column; padding:2rem;}
    .view-filebox p{margin-right:0; width: auto; margin-bottom:2rem;}
    .view-filebox ul{width:100%; }
    .view-board-type01{padding:5rem 2rem;}
    .view-tag{padding:2rem;}
    .view-btn{flex-direction: column;}
    .view-btn .board-bottom-box{width:100%;}
    .view-btn .board-bottom-box.prev{order:1; margin-bottom:4rem;}
    .view-btn .board-bottom-box.next{order:2; padding-bottom:3rem; border-bottom:1px solid #e9e9e9;}
    .board-more{order:3; margin-top:4rem;}

    .commentbox .boxlist{padding:3rem 2rem 2.5rem; flex-direction: column;}
    .commentbox .boxlist > p{width:100%; margin-bottom:3rem;}
    .commentbox .boxlist > div{width:100%; }

    /* list02 */
    .filter02{flex-direction: column; align-items: flex-start;}
    .table-type02.multi-type01{display:block;}
    .table-type02.multi-type01 thead{display: none;}
    .table-type02.multi-type01 tbody tr{display:block; padding:2rem 1.5rem;}
    .table-type02.multi-type01 tbody, .table-type02.multi-type01 tbody tr td{display:block; text-align: left; padding:0}
    .table-type02.multi-type01 tbody tr td.tbl-none{display:none}
    .table-type02.multi-type01 tbody tr td.tbl-name{margin-bottom:1.5rem;}
    .table-type02.multi-type01 tbody tr td.tbl-tit{margin-bottom:1.5rem;} 
    .table-type02.multi-type01 tbody tr td.tbl-inline{display:inline-block; padding:0 0.7rem;}
    .table-type02.multi-type01 tbody tr td.tbl-inline:nth-last-child(3){padding-left:0;}
    .table-type02.multi-type01 tbody tr td.tbl-inline:nth-last-child(2){position: relative;}
    .table-type02.multi-type01 tbody tr td.tbl-inline:nth-last-child(2):after{width:3px; height:3px; background:#aaa; content:''; position: absolute; top:50%; left:-2px; border-radius:50%}
    .table-type02.multi-type01 tbody tr td.tbl-inline:nth-last-child(2)::before{width:3px; height:3px; background:#aaa; content:''; position: absolute; top:50%; right:-2px; border-radius:50%}
    .table-type02.multi-type01 tbody tr td.tbl-inline:last-child{padding-right:0;} 
    .position-btn{position: relative; bottom:auto; right:auto; margin:5rem auto 0 auto;}

    /* list03 */
    .filter03{margin:5rem 1.6rem 2.5rem 0}
    .filter03 .total{order:1}
    .filter03 select{order:2}
    .tbl02-m{display:block;}
    .table-type02.multi-type02{display:block;}
    .table-type02.multi-type02 tbody tr td.tbl-none{display:none}
    .table-type02.multi-type02 thead{display: none;}
    .table-type02.multi-type02 tbody tr{display:block; padding-bottom:1.5rem;}
    .table-type02.multi-type02 tbody, .table-type02.multi-type02 tbody tr td{display:block; text-align: left; padding:0}
    .table-type02.multi-type02 tbody tr td.tbl-other-bg{background:#f1f2f9; padding:1rem 1.5rem; min-height: 36px; box-sizing: border-box;}
    .tbl-flex{padding:1rem 1.5rem; display:flex; align-items:baseline}  
    .tbl-flex .tbl-flex-l{width:35%; font-weight: 500; color:#000;}
    .tbl-flex .tbl-flex-r{width:65%;}
    .left-btnbox{justify-content: center;}

    /* view02 */
    .total-comment{padding:7rem 2rem 2rem;}
    .individual-p{padding:0 2rem;}
    .deep-comment{padding:2.5rem 5rem;}
    .second-comment > li{padding:2.5rem 5rem;}
    .write-userbox{padding:2.5rem 2rem;}

}

@media all and (max-width: 767px) {

    /* 개인정보처리방침 */
    .privacy-t{font-size:1.6rem; line-height:2.3rem;}
    .privacy-c{font-size:2.2rem; margin-bottom:2rem;}
    .privacy-s-c{font-size:1.8rem;}
    .privacy-s-c-c{font-size:1.6rem;}
    .privacy-t02{font-size:1.5rem; line-height:2.3rem;}

    .tbl-over{overflow: auto;}
    .privacy-tbl01{width:800px;}
    .privacy-tbl01 thead tr th{font-size:1.4rem; padding:2rem 0;}
    .privacy-tbl01 tbody tr th{font-size:1.5rem; padding:1.8rem 1rem 1.8rem 3rem}
    .privacy-tbl01 tbody tr td{font-size:1.4rem; padding:1.8rem 1rem}

    .privacy-list{gap:1rem;}
    .privacy-list li{font-size:1.4rem; line-height:2.1rem;}
    .privacy-list li::after{width:2px; height:2px; top:10px;}
    .privacy-list.sub-list{margin-left:1.5rem; gap:0.5rem;}

    .privacy-card > li .p-card-t{padding:1.5rem 0.5rem}
    .privacy-card > li .p-card-t p{font-size:1.6rem;}
    .privacy-card > li .p-card-b{padding:1.5rem 2rem;}
    .privacy-card > li .p-card-b ul li .card-t-t{width:55px; font-size:1.4rem;}
    .privacy-card > li .p-card-b ul li .card-t-c{width: calc(100% - 55px); font-size:1.4rem;}

    /* 이용약관 */
    .use-tbl > li .tit-tbl{font-size:2rem; line-height:2.4rem;}
    .subtitle{font-size:1.7rem;}
    .use-t{font-size:1.5rem; line-height:2.3rem;}
    .mb-4{margin-bottom:3rem;}
    .use-num-list .use-num .back-num{width:35px;}
    .use-num-list .use-num .back-contents{width:calc(100% - 35px)}
    .use-num-list{margin-top:1rem;}
    .use-num-list .use-num .back-num span{font-size:1.3rem; width:27px; height:27px;}
    .sublist{gap:1rem; margin-top:1rem;}
    .sublist li{font-size:1.5rem; line-height:2.1rem;}
    .addenda{font-size:1.6rem; margin-top:2rem;}

    /* 언론보도 */
    .etic-bg{padding:4rem 3rem; margin-bottom:4rem; border-radius: 20px;}
    .etic-bg strong{font-size:2.8rem; line-height:3.2rem;}
    .etic-bg p{font-size:1.6rem; line-height:2.4rem;}
    .table-type06 tbody tr th{font-size:1.4rem; line-height:2rem; padding:1.6rem;}
    .table-type06 tbody tr td{padding:1.6rem;}
    .etic-popupbox{padding:2.5rem 0;}
    .etic-popupbox:first-child{margin-top:3rem;}
    .etic-popupbox .etic-popup-l{font-size:1.7rem; margin-bottom:2.5rem;}
    .etic-popup-list01 li p:first-child{width:95px; font-size:1.5rem;}
    .etic-popup-list01 li p:last-child{width:calc(100% - 95px); font-size:1.5rem;}
    .ex-eticbox{padding:2rem 1.5rem 3rem;}
    .layer-type01 .ex-etictop{gap:1.5rem; margin-bottom:2rem;}
    .layer-type01 .ex-etictop label{width:43px; height:30px; font-size:1.2rem;}
    .layer-type01 .ex-etictop strong{width:calc(100% - 43px); font-size:1.8rem; line-height:normal}
    .etic-popup-list02{gap:1.5rem;}
    .etic-popup-list02 li p:first-child{font-size:1.5rem; margin-bottom:0.5rem;}
    .etic-popup-list02 li p:last-child{font-size:1.4rem;}

    /* 윤리상담센터 */
    .ethic-info{margin-bottom:4.5rem;}
    .ethic-info > span{font-size:1.8rem;}
    .ethic-info strong{font-size:2.8rem; line-height:3.6rem; margin-bottom:1.5rem;}
    .ethic-info p{font-size:1.6rem; line-height:2.4rem;}

    /* new */
    .ethic-info02{padding:5rem 2.5rem 5.5rem;}
    .ethic-info02 strong{font-size:2.8rem; line-height:3.2rem;}
    .ethic-info02 p{font-size:1.6rem; line-height:2.4rem;}
    .product-info03{margin-top:4rem;}
    .product-info03 .product-info03-l{margin-bottom:3.5rem;}
    .product-info03 .product-info03-l strong{font-size:2.2rem;}
    .product-info03 .product-info03-r{gap:3rem;}
    .product-info03 .product-info03-r > li > p{font-size:1.7rem;}
    .product-info03 .product-info03-r > li > ul{margin-top:1.5rem;}
    .product-info03 .product-info03-r > li > ul li{font-size:1.4rem; line-height:2.1rem;}
    .reporting{margin-top:4rem;}
    .reporting > div{padding:4rem 2.5rem 3rem;}
    .reporting > div:after{width:90px; height:85px; right:3rem;}
    .reporting > div strong{font-size:2.2rem;}
    .reporting ul{padding:2.5rem 2.5rem 3rem;}
    .reporting ul li{align-items: baseline;}
    .reporting ul li .t-n{width:67px; font-size:1.5rem;}
    .reporting ul li .t-t{width:calc(100% - 67px); font-size:1.5rem;}

    /* 뉴스레터 */
    .dbdeep{margin-bottom:5rem;}
    .dbdeep .dbdeep-l{width:100%; margin-bottom:2.5rem;}
    .dbdeep .dbdeep-l span{font-size:1.7rem; line-height:2.2rem; margin-bottom:1.5rem;}
    .dbdeep .dbdeep-l strong{font-size:3.2rem;}
    .dbdeep .dbdeep-l p{font-size:1.6rem; line-height:2.3rem;}
    .dbdeep .dbdeep-r a{width:150px; padding:1.5rem 3rem;}
    .newsletter-list{gap:2rem;}
    .newsletter-list li a .newsletter-top{padding:2.5rem 2rem 3rem 2rem;}
    .newsletter-list li a .newsletter-top span{font-size:1.5rem; margin-bottom:1rem;}
    .newsletter-list li a .newsletter-top strong{font-size:1.8rem; line-height:2.7rem;}
    .newsletter-list li a .newsletter-bottom{padding:1.2rem 2rem}
    .newsletter-list li a .newsletter-bottom span{font-size:1.4rem;}
    .newsletter-list li a .newsletter-bottom i{width:28px; height:28px;}
    .newsletter-list li a:hover .newsletter-bottom i{width:28px; height:28px;}


    /* 도입 사례 */
    .introduction-view-info{padding:1.5rem 0 2rem;}
    .introduction-view-l{min-height:185px; margin-bottom:2rem;}
    .introduction-view-l img{max-width: 70%; max-height:70%;}
    .introduction-view-r > span{font-size:1.5rem;}
    .introduction-view-r > strong{font-size:1.8rem; margin-bottom:3rem;}
    .introduction-view-r > ul li p{width:35px; font-size:1.5rem; padding-right:0.8rem; margin-right:0.8rem;}
    .introduction-view-r > ul li ul{width:calc(100% - 43px);}
    .introduction-view-r > ul li ul li img{width:24px;}

    /* 통합검색 */
    .integratedbox{max-width: none; width:100%;}
    .integrated input{font-size:1.7rem; padding:1rem 6.5rem 1rem 1rem; font-size:1.5rem;}
    .integrated div{gap:1rem; right:1rem;}
    .integrated div .reset-search img{width:18px;}
    .integrated div .total-search img{width:28px;}
    .hashtag{margin-top:2.5rem; justify-content: center;}
    .hashtag li a{font-size:1.4rem;}
    .search-cases{font-size:1.8rem; margin-top:5rem;}
    .cases-tab ul li{width:100px;}
    .cases-tab ul li a{font-size:1.5rem;}
    .cases-tab ul li a.on:after{width:35px; height:7px;}
    .cases-list .cases-type01 > li .cases-l{padding:1.5rem 0 3rem;}
    .cases-list .cases-type01 > li .cases-l strong{font-size:2.2rem;}
    .cases-list .cases-type01 > li .cases-l strong span{font-size:1.7rem;}
    .cases-list .cases-type01 > li .cases-r ul li a{padding:2.5rem 1.5rem;}
    .cases-list .cases-type01 > li .cases-r ul li a > span{font-size:1.4rem;}
    .cases-list .cases-type01 > li .cases-r ul li a > strong{font-size:1.8rem;}
    .cases-list .cases-type01 > li .cases-r ul li a > p{font-size:1.5rem; line-height:2.3rem;}
    .cases-download{margin-top:1.5rem;} 
    .cases-download li{font-size:1.4rem; padding-left:2.2rem;}
    .cases-download li:after{width:13px; height:14px; background-size:100%;}
    .cases-list .cases-type01 > li .cases-r ul li a > strong.cases-link img{width:16px;}
    .viewallbox a{font-size: 1.4rem; padding: 1.5rem 3.5rem; box-sizing: border-box; justify-content: center;}


    /* 교육센터 소개 */
    .education-center-info{margin-bottom:4.5rem;}
    .education-center-info > span{font-size:1.8rem;}
    .education-center-info strong{font-size:2.8rem; margin-bottom:1.5rem;}
    .education-center-info p{font-size:1.8rem;}
    .edu-swiperbox{margin-bottom:5rem;}
    .education-grid li p{font-size:2rem; margin-bottom:2rem;}
    .education-grid li span{font-size:1.6rem; }
    .swiper.edu-swiper{border-radius: 2rem;}
    .education-grid li .img-box img{width:130px}
    .education-grid li .txt-box{padding: 10rem 3rem 5rem 3rem; margin-top: -6rem;}
    .education-grid li:last-child .txt-box{margin-top: -5rem;}
    .education-grid{margin-bottom: 5rem;}
    .education-center-map .edu-map .edu-map-txt p{font-size: 2.2rem; margin-bottom:3rem}
    .education-center-map .edu-map .edu-map-txt p img{width:40px; margin-right: 0.5rem;}
    .education-center-map .edu-map .edu-map-txt ul li strong{font-size: 1.6rem;}
    .education-center-map .edu-map .edu-map-txt ul li{font-size: 1.5rem;}
    .education-center-map{padding:2.5rem 0 4rem 0}
    .edu-product-info-list{margin:2rem 0 3rem 0}
    .edu-product-info-list li .l-section > p{font-size: 2.2rem;}
    .edu-product-info-list > li{padding:3rem 0}
    .edu-product-info-list li .r-section ul li strong{font-size: 1.6rem;}
    .edu-product-info-list li .r-section ul li p{font-size: 1.5rem;}




    /* 자주 묻는 질문 */
    .qnabox > ul > li button{padding:1.5rem 1.5rem 2rem;}
    .qnabox > ul > li button .qna-titbox .qna-l i{width:30px; height:30px; background-size:100%;}
    .qnabox > ul > li button .qna-titbox .qna-l strong{font-size:1.8rem; line-height:2.4rem;}
    .qnabox > ul > li button .qna-titbox .qna-r i{width:28px; height:28px; background-size:100%;}
    .qnabox > ul > li button .answerbox .answerimg img{width:30px;}
    .qnabox > ul > li button .answerbox .answertxt .answer-tit{font-size:1.6rem; line-height:2.4rem; margin-top:1rem;}
    .qnabox > ul > li button .answerbox{margin-top:3rem; padding:1.2rem 1.2rem 4rem;}
    .qnabox > ul > li button .answerbox .answertxt .answer-list li{font-size:1.5rem; line-height:2.1rem;}
    .qnabox > ul > li button .answerbox .answertxt p{font-size:1.5rem; line-height:2.1rem;}

    /* 제품 교육 */
    .product-txtbox{margin-bottom:2.5rem; padding:0 1rem;}
    .product-txtbox strong{font-size:2.8rem; margin-bottom:1.5rem;}
    .product-txtbox p{font-size:1.6rem; line-height:2.1rem;}
    .btn-container{flex-direction: column; padding:0 1rem; margin-bottom:4rem;}
    .btn-container a{font-size:1.4rem; padding:1rem; width:100%; box-sizing: border-box; justify-content: center;}
    .btn-container a img{width:15px;}
    .table-type01 > li .t-th{padding:1.4rem;}
    .table-type01 > li .t-th p{font-size:1.4rem;}
    .table-type01 > li .t-th p span{font-size:1.4rem;}
    .table-type01 > li .t-td{padding:1.6rem;}
    .center-btnbox{margin-top:3rem;}
    .multi-table .mobile-table li{padding:2.7rem 0.8rem 1.9rem;}
    .multi-table .mobile-table li .situation{font-size:1.8rem; margin-bottom:1rem;}
    .multi-table .mobile-table li .situation-tit{font-size:1.9rem; margin-bottom:1.5rem;}
    .multi-table .mobile-table li .mobile-data{gap:2.5rem; margin-bottom:1rem;}
    .multi-table .mobile-table li .mobile-data .data-tit{font-size:1.3rem; margin-right:1rem;}
    .multi-table .mobile-table li .mobile-data .data-tit.bold-data{font-size:1.4rem;}
    .multi-table .mobile-table li .mobile-data .data-info{font-size:1.3rem;}
    .multi-table .mobile-table li .mobile-data .data-info a{font-size:1.3rem; padding:0.6rem 2.2rem;}
    .multi-table .mobile-table li .mobile-data .data-info span{font-size:1.3rem;}
    .product-info{margin-top:6rem;}
    .product-info strong{font-size:2.2rem; margin-bottom:1.5rem;}
    .product-info-list > li div:nth-child(1){padding:1.5rem 0;}
    .product-info-list > li div:nth-child(1) p{font-size:1.7rem;}
    .product-info-list > li div:nth-child(2){padding:3rem 1.5rem;}
    .product-info-list > li div:nth-child(2) ul li{font-size:1.4rem; line-height:2.1rem; margin-bottom:1.2rem;}

    .product-info02{margin-top:6rem;}
    .product-info02 .product-info02-inner{padding:4rem 2rem 7.5rem;}
    .product-info02 .product-info02-inner .product-info02-l{margin-bottom:3rem;}
    .product-info02 .product-info02-inner .product-info02-l strong{font-size:2.2rem;}
    .product-info02 .product-info02-inner .product-info02-r .product-info-list02{gap:3rem;}
    .product-info02 .product-info02-inner .product-info02-r .product-info-list02 > li > p{font-size:1.7rem;}
    .product-info02 .product-info02-inner .product-info02-r .product-info-list02 > li > ul{gap:1rem;}
    .product-info02 .product-info02-inner .product-info02-r .product-info-list02 > li > ul li{font-size:1.4rem; line-height:2.1rem;}
    .product-info02 .product-info02-inner .product-info02-r .product-info-list02 > li > ul li:after{top:8px;}
    .product-info02 .product-info02-inner .product-info02-r .center-btnbox{margin-top:3rem;}

    .layerPopup .layerPopup-inner .layerPopup-content{padding:1.5rem;}
    .layer-type01 strong{font-size:2.7rem; line-height:3rem; margin-bottom:2rem;}
    .table-type03 li .t-type03-left{width:80px; padding:1.4rem 0 1.4rem 1.4rem;}
    .table-type03 li .t-type03-left p{font-size:1.4rem;}
    .table-type03 li .t-type03-right{width:calc(100% - 80px); padding:1.4rem;}
    .table-type01.none-type01 li .t-th{width:80px;}
    .table-type01.none-type01 li .t-td{width:calc(100% - 80px)}

    .tablebox-tit-c{margin-bottom:2rem; gap:1rem;}
    .input-flex > span{font-size:1.4rem;}
    .essential-value{width:5px; height:5px; right:-10px;}
    .essential-info:after{width:5px; height:5px;}
    .essential-info{padding-left:0.9rem;}
    .tablebox-tit-c strong{font-size:2.2rem;}
    .page-type01 .tablebox{margin-bottom:3rem;}
    .table-type01 > li .t-td p.bold-t{font-size:1.6rem;}
    .table-type01 > li .t-td p{font-size:1.4rem;}
    .agree{padding:2.5rem 2rem;}
    .agree-all{padding-bottom:1.5rem; margin-bottom:1.8rem;}

    .layer-type02-tit{font-size:1.7rem;}
    .layer-type02-txt{font-size:1.5rem; line-height:2.1rem; margin-bottom:2.5rem;}
    .table-type04 li .t-type04-left p{font-size:1.4rem;}
    .table-type04 li .t-type04-left{padding:1.5rem 1rem;}
    .table-type04 li .t-type04-right{padding:1.5rem 1rem;}
    .table-type04 li .t-type04-right p{font-size:1.4rem; line-height:2rem;}
    .table-type04.fix-px li .t-type04-right.fix-column > div p{padding:1.5rem 1rem;}
    .layerPopup-list{margin-top:2.5rem;}
    .layerPopup-list > li .layerPopup-list-l{font-size:1.6rem; margin-bottom:1rem;}
    .layerPopup-list > li .layerPopup-list-r p{font-size:1.5rem;}
    .layerPopup-list > li .layerPopup-list-r ul{padding:2rem 1.3rem;}
    .layerPopup-list > li .layerPopup-list-r ul li{font-size:1.4rem; line-height:2.1rem;}
    .popup-txt{font-size:1.5rem;}

    .table-type05-m tr th{font-size:1.4rem; padding:1.5rem 1rem;}
    .table-type05-m tr td{font-size:1.4rem; padding:1.5rem 1rem;}
 
    .page-title{font-size: 2.8rem; margin-bottom: 1.5rem;}
    .applicationbox{padding:5rem 2rem 6rem;}
    .applicationbox strong{font-size:2.8rem;}
    .applicationbox .ibox .i{font-size:1.5rem; line-height:2.1rem;}
    .applicationbox .ibox{margin-bottom:3rem;}
    .applicationbox ul li > p{width:80px; font-size:1.6rem;}
    .applicationbox ul li > div{width: calc(100% - 80px);}

    .applicationbox.other-type02 ul li{align-items: baseline;}
    .applicationbox.other-type02 ul li > p{width:69px}
    .applicationbox.other-type02 ul li > div{width: calc(100% - 67px);}
    .applicationbox.other-type02 ul li > div > div{flex-direction: column;}
    .local-numbox .local-n{width:100% !important; }
    .local-numbox .local-n02{width:100% !important;}
    .local-numbox .local-n02 span{font-size:1.2rem;}

    .applicationbox.other-type02 .max460 ul li{flex-direction: column;}
    .applicationbox.other-type02 .max460 ul li > p{width:100%; margin-bottom:1rem;}
    .applicationbox.other-type02 .max460 ul li > div{width:100%}

    .applicationbox.add-bottom-box{padding:5rem 2rem 4rem}
    .applicationbox.add-bottom-box ul{padding-right:0;}
    .user-btnbox{padding:3rem 0;}
    .user-btnbox ul{gap:0; justify-content: space-evenly;}
    .user-btnbox ul li a{font-size:1.4rem; gap:2rem; flex-direction: column;}
    .user-btnbox ul li a img{width:35px;}

    .findid{padding:2rem 1.5rem 2.5rem; border-radius: 10px;}
    .applicationbox.other-type02 .findid ul li div{font-size:1.5rem;}

    .applicationbox.other-type02 ul.checkbox-ul{gap: 2.5rem;}
    .checked-radiobox input{margin-top:1.5rem;}

    .sendbox{padding: 5rem 2rem; border-radius:15px;}
    .sendbox img{width:75px; margin-bottom:2.5rem;}
    .sendbox strong{font-size:2.8rem; margin-bottom:2.5rem; }
    .sendbox p{font-size:1.5rem; line-height:2.4rem;}

    .th-infobox{width:250px; border-radius: 15px;}
    .th-infobox .th-infobox-inner .th-infobox-t{padding:1rem 2rem;}
    .th-infobox .th-infobox-inner .th-infobox-t strong{font-size:1.6rem;}
    .th-infobox .th-infobox-inner .th-infobox-t button img{width:20px;}
    .th-infobox .th-infobox-inner .th-infobox-b{padding:1rem 2rem;}
    .th-infobox .th-infobox-inner .th-infobox-b p{font-size:1.4rem; line-height:2rem;}
    .th-infobox .th-infobox-inner .th-infobox-b p span{font-size:1.4rem;}

    /* 회원가입 */
    .dubble-layout .dubble-b .btn-type04.dubble-btn{width:70px;}
    .btn-type04.dubble-btn{width:100%; padding:0.4rem 1.8rem;}
    .sub-checkbox{margin:2rem 0 0 1rem; gap:1.5rem;}

    /* popup02 */
    .layerPopup-content02{padding:3rem 2rem;}
    .layerPopup-content02:before{width:93px; height:86px;}
    .layerPopup-content02:after{width:133px; height:70px;}
    .layer-type03-tit{font-size:2.4rem;}
    .layer-type03-tit02{font-size:2rem; margin:2rem 0 1rem 0}
    .layer-type03-txt{font-size:1.6rem; line-height:2rem;}
    .layer-type03box{padding:2rem;}
    .layer-type03box.other{padding:2rem;}
    .layer-type03-flex-l{flex-direction: column;}
    .layer-type03-flex-l button{width:100%; height:44px; font-size:1.4rem;}
    .layer-type03-flex-l div{width:100%;}

    .popup-tsi{flex-direction:column; margin-bottom:2rem; padding:1.5rem 2rem; border-radius: 10px;}
    .popup-tsi strong{width:100%; font-size:1.6rem; margin-bottom:1rem;}
    .popup-tsi div{width:100%;}
    .popup-tsi div input{width: calc(100% - 80px);}
    .popup-tsi div a{width:70px; height:44px; margin-left:1rem; font-size:1.6rem; color:#000; font-weight: 500; border:1px solid #000; background:#fff; display:flex; align-items: center; justify-content: center; box-sizing: border-box; border-radius: 5px;}

    .layer-type03 .table-type02.tsi-tbl thead tr th{font-size:1.4rem;}
    .layer-type03 .table-type02.tsi-tbl tbody tr td{font-size:1.3rem;}

    /* 아래공지 */
    .notice-point{padding:2.5rem 2rem;}
    .notice-point img{margin-right:1.5rem;}
    .notice-point ul{width:calc(100% - 39px);}
    .notice-point ul li{font-size:1.4rem; line-height:2.1rem;}

    /* 기술지원 */
    .bg-ss{padding:6.5rem 3rem 4rem; min-height:200px;}
    .bg-ss strong{font-size:2.8rem; line-height:3.4rem; margin-bottom:3rem;}
    .bg-ss p{font-size:1.7rem; line-height:3rem;}
    .ss-list{margin-top:3rem; gap:3.5rem;}
    .ss-list li div{height:65px; margin-bottom:2.5rem;}
    .ss-list li:nth-child(1) div img{width:67px;}
    .ss-list li:nth-child(2) div img{width:67px;}
    .ss-list li:nth-child(3) div img{width:55px;}
    .ss-list li p{font-size:1.9rem; margin-bottom:1.5rem;}
    .ss-list li span{font-size:1.6rem; line-height:2.5rem;}
    .ss-range{margin-top:5.5rem;}
    .ss-tit{font-size:2.2rem; margin-bottom:1.5rem;}
    .ss-txt{font-size:1.5rem; line-height:2.3rem; margin-bottom:2.5rem;}
    .ss-list02{margin-top:0; gap:1.5rem;}
    .ss-list02 li .list02-top{width:135px; padding:2.5rem 0;}
    .ss-list02 li .list02-top p{font-size:1.5rem; line-height:2rem;}
    .ss-list02 li .list02-top div{margin-top:1.5rem; height:24px;}
    .ss-list02 li:nth-child(1) .list02-top div img{width:21px;}
    .ss-list02 li:nth-child(2) .list02-top div img{width:21px;}
    .ss-list02 li:nth-child(3) .list02-top div img{width:21px;}
    .ss-list02 li:nth-child(4) .list02-top div img{width:24px;}
    .ss-list02 li:nth-child(5) .list02-top div img{width:21px;}
    .ss-list02 li .list02-bottom{width: calc(100% - 135px); padding:3rem 1.5rem;}
    .ss-list02 li .list02-bottom p{font-size:1.5rem; line-height:2.3rem;}
    .ss-list03{gap:1.5rem}
    .ss-list03 li .list03-top{padding:4rem 0 3.5rem;}
    .ss-list03 li .list03-top strong{font-size:1.8rem;}
    .ss-list03 li .list03-top .list03-bold{font-size:4.8rem;}
    .ss-list03 li .list03-top .list03-sub-txt{font-size:1.4rem;}
    .ss-list03 li .list03-top .list03-txt{font-size:1.6rem;}
    .ss-list03 li .list03-top img{width:23px;}
    .ss-list03 li .list03-bottom{padding:3rem 1.5rem;}
    .ss-list03 li .list03-bottom p{font-size:1.5rem; line-height:2.3rem;}
    .ss-process{margin-top:6rem;}
    .ss-process .ss-process{padding:6.4rem 0 7rem;}
    .process-list:after{width:8px; left:72px;}
    .process-list .step > div{width:150px;}
    .process-list .step .num{font-size:2.9rem; top:-20px}
    .process-list .step .desc{padding:1.7rem 0 0 2rem; font-size:1.4rem; line-height:2.1rem;}
    .process-list .step .desc:after{width:25px; height:3px; left:2rem;}
    .process-list .step .diamond{width:150px; height:96px;}
    .process-list .step .diamond p{font-size:1.5rem; line-height:1.6rem; padding-top:2rem;}
    .process-list .step > p{width:calc(100% - 150px)}
    .ss-archive{padding:6rem 0 8rem;}
    .ss-archive .archive-tit{font-size:2.8rem; line-height:4.2rem; margin-bottom:2rem;}
    .ss-archive .archive-txt{font-size:1.8rem; line-height:2.5rem;}
    .archive-more{margin-top:4rem; gap:0.5rem;}
    .archive-more a{padding:1.8rem;}
    .archive-more a p:nth-child(1){font-size:1.8rem;}
    .archive-more a span{font-size:1.4rem;}
    .archive-more a p:nth-child(3){font-size:2.8rem;}

    /* list */
    .filter{margin-bottom:1rem;}
    .total{font-size:1.5rem;}
    .list-type01 li a{padding:1.5rem 1.5rem 2rem;}
    .list-type01 li a .list-label p{font-size:1.4rem; margin-right:2rem;}
    .list-type01 li a .list-label span{font-size:1.2rem; width:48px; padding:0.4rem 0;}
    .list-type01 li a .list-info h3{font-size:1.5rem; line-height:2.1rem; margin-bottom:1.5rem;}
    .list-type01 li a .list-info span{font-size:1.3rem;}
    .list-type02{display: grid; grid-template-columns: repeat(1, 1fr); gap:4rem;}
    .list-type02 li a .card-type01-txt{padding:3rem 2.5rem; max-height: 185px; min-height: 185px;}
    .list-type02 li a .card-type01-txt h3{font-size:1.7rem; line-height:2.7rem; -webkit-line-clamp:3;}
    .list-type02 li a .card-type01-txt span{font-size:1.4rem;}

    /* view */
    .view-titbox{padding-top:2rem; margin-bottom:1.5rem;}
    .view-titbox span{font-size:1.4rem; margin-bottom:1rem;}
    .view-titbox h3{font-size:1.8rem; line-height:2.6rem; margin-bottom:1rem; padding:0 1.5rem;}
    .view-titbox p{font-size:1.3rem;}
    .view-info li{font-size:1.3rem; padding:0 1rem;}
    .view-filebox{padding:2rem 1.5rem;}
    .view-filebox p{font-size:1.5rem;  margin-bottom:1.5rem; padding-left:2.2rem;}
    .view-filebox p::after{width:15px; height:18px;}
    .view-filebox ul{gap:1rem;}
    .view-filebox ul li a{font-size:1.4rem; padding-right:3.5rem;}
    .view-filebox ul li a:after{width:24px; height:24px;}
    .view-board-type01{padding:3rem 1.5rem;}
    .view-tag{padding:2rem 1.5rem;}
    .view-tag ul li{font-size:1.4rem;}
    .view-btn{padding-top:2rem;}
    .view-btn .board-bottom-box.prev{margin-bottom:2.5rem;}
    .view-btn .board-bottom-box.next{padding-bottom:2rem;}
    .view-btn .board-bottom-box a.board-prev i{width:36px; height:36px;}
    .view-btn .board-bottom-box a.board-prev:hover i{width:36px; height:36px; background-size:100%;}
    .view-btn .board-bottom-box a.board-next i{width:36px; height:36px;}
    .view-btn .board-bottom-box a.board-next:hover i{width:36px; height:36px; background-size: 100%;}
    .view-btn .board-bottom-box.next{padding-bottom:3rem;}
    .view-btn .board-bottom-box a{gap:1.2rem;}
    .view-btn .board-bottom-box a div{margin-top:1rem; width: calc(100% - 48px);}
    .view-btn .board-bottom-box a div span{font-size:1.6rem; margin-bottom:1.5rem;}
    .view-btn .board-bottom-box a div p{font-size:1.5rem;}
    .board-more{font-size:1.5rem; padding:1.3rem 2.4rem; margin-top:2.5rem;}
    .board-more i{margin-right:1rem;}
    .commentbox .boxlist > p{margin-bottom:1.5rem;}
    .commentbox .boxlist > p img{width:30px;}
    .commentbox .boxlist > div{font-size:1.5rem; line-height:2.4rem;}

    /* list02 */
    .filter02{margin-bottom:2rem;}
    
    .table-type02.multi-type01 tbody tr td.tbl-name{font-size:1.4rem; margin-bottom:1rem;}
    .table-type02.multi-type01 tbody tr td.tbl-tit{font-size:1.5rem; margin-bottom:1rem;}
    .table-type02.multi-type01 tbody tr td.tbl-inline{font-size:1.4rem;}
    .t-link02{gap:0.5rem;}
    .text-wrap{gap:0.5rem;}
    .text-wrap a img{width:12px;}
    .text-wrap div img:first-child{width:13px;}
    .text-wrap div img:last-child{width:14px;}

    /* list03 */
    .filter03{margin:5rem 1.6rem 1.5rem 0;}
    .left-btnbox{margin-top:3rem;}
    .tbl-flex .tbl-flex-l{font-size:1.4rem;}
    .tbl-flex .tbl-flex-r p{font-size:1.4rem;}

    /* view02 */
    h3.text-wrap02{gap:0.5rem;}
    h3.text-wrap02 img{width:18px; vertical-align: middle;}
    .write-info li{padding:0 1rem;}
    .total-comment{padding:3.5rem 1rem 1rem;}
    .total-comment div img{width:14px;}
    .total-comment div span{font-size:1.4rem;}
    .individual-p{padding:0 1rem;}
    .individual-btn{margin:1.5rem 0;}
    .write-user{margin-bottom:1rem; align-items: flex-start;}
    .write-user .write-user-l{flex-direction: column; align-items: flex-start; gap:0.5rem;}
    .write-user .write-user-l li{gap:0.5rem;}
    .write-user .write-user-l li strong{font-size:1.4rem;}
    .write-user .write-user-l li p{font-size:1.3rem;}
    .write-user .write-user-l li img{width:12px;}
    .write-user .write-user-r li a{font-size:1.3rem;}
    .individual-txt{font-size:1.4rem; line-height:2.1rem;}
    .deep-comment{padding:2rem 2.5rem;}
    .deep-commentbox{padding:1rem;}
    .deep-commentbox textarea{font-size:1.4rem; line-height:2rem; height:110px;}
    .deep-commentbox strong{font-size:1.4rem;}
    .comment-file-list li{gap:0.5rem;}
    .comment-file-list li p{font-size:1.3rem;}
    .comment-file-list li button img{width:13px;}
    .second-comment > li{padding:2rem 2.5rem;}
    .write-userbox{padding:2rem 1rem;}
    .upload-file{margin-top:2rem;}
    .upload-file li a{font-size:1.3rem; gap:0.5rem;}
    .upload-file li a img{width:10px;}

    /* error */
    .error .error-inner > a{display: block; margin-bottom:2rem;}
    .error .error-inner > a img{width:145px;}
    .error .error-inner .error-contents{padding:8rem 0; border-radius: 15px;}
    .error .error-inner .error-contents > img{width:61px; margin-bottom:1.5rem;}
    .error .error-inner .error-contents strong{font-size:2.8rem; line-height:3.6rem; margin-bottom:2rem;}
    .error .error-inner .error-contents p{font-size:1.5rem; line-height:2.1rem;}
    .error .error-inner .error-contents div a{display: inline-flex; align-items: center; padding:1.5rem 2.9rem;} 
    .error .error-inner .error-contents div a > img{margin-right:1rem;}
    .error .error-inner .error-contents div a:first-child > img{width:12px;}
    .error .error-inner .error-contents div a:last-child > img{width:14px;}
    
}

@media all and (max-width: 400px) {
    .center-btnbox{gap:0.5rem;}
}