@charset "UTF-8";
/**
* --------------------------------
* Renewal CSS
* --------------------------------
*/
/* common */
.mb-12{ margin-bottom: 12px; }

.mt-40{ margin-top: 40px;}

.mt-50{ margin-top: 50px;}

.special.hxgn-leader .mo-show, .special.mnd-craft .mo-show {display: block;}

.special.hxgn-leader .pc-show, .special.mnd-craft .pc-show {display: none;}

#contents.special.hxgn-leader { padding-top: 0; background: #fff; color: #000; }

#contents.special.mnd-craft {padding-top: 0;}

.subtop-area .title { padding-top: 30px; }

.subtop-area .title h2 {line-height: 82px; font-size: 30px; font-family: "montserrat"; }

.subtop-area .visual { position: relative; display: flex; height: 373px; overflow: hidden; align-items: center; justify-content: center; text-align: center; }

.subtop-area .visual .inner { margin: 0; }

.subtop-area .visual h3 { font-family: "KMA"; color: #ffffff; font-size: 34px; }

.subtop-area .visual p { margin-top: 20px; line-height: 21px; color: #ffffff; font-size: 15px; }

.subtop-area .visual p span { display: block; }

.subtop-area .visual .btns .btn { flex-shrink: 0; width: 101px; color: #ffffff; font-size: 14px; border-color: rgba(255, 255, 255, 0.5); border-radius: 32px; background-color: transparent; }

.subtop-area.active .visual .bg { opacity: 1; animation: zoom-out-effect1 .6s both; }

.subtop-area.active .visual h3 { animation: fadein-effect1 .6s .4s ease-in-out both; }

.subtop-area.active .visual p { animation: fadein-effect1 .6s .6s ease-in-out both; }

.subtop-area.active .visual .btn { animation: fadein-effect1 .6s .8s ease-in-out both; }

@keyframes fadein-effect1 { 
	0% { transform: translate(0, 100px); opacity: 0; }
  	100% { transform: translate(0, 0); opacity: 1; } 
}

/* Common Footer Inquiry Banner */
.special .common-footer-banner{ padding: 80px 70px; background: url("../../images/hub/special/spcDx_pro_banner_bg_mo.png") no-repeat center center / cover; }

.special .common-footer-banner > .inner{ display: flex; justify-content: space-between; align-items: center; flex-direction: column; }

.special .common-footer-banner .banner-txt{ margin-bottom: 50px; color: #fff; font-family: SUIT; font-size: 28px; font-weight: 700; line-height: 34px; text-align: center; }

.special .common-footer-banner .btn-wrap{ display: flex; align-items: center; justify-content: center; gap: 12px; flex-direction: column; }

.special .common-footer-banner .btn-wrap a{ border: 1px solid #fff; width: 160px; height: 48px; line-height: 48px; color: #fff; font-family: SUIT; font-size: 16px; font-weight: 700; letter-spacing: -0.36px; background: transparent; text-align: center; }

.special .common-footer-banner .btn-wrap button{ border: 1px solid #fff; width: 160px; height: 48px; line-height: 48px; color: #000; font-family: SUIT; font-size: 16px; font-weight: 700; letter-spacing: -0.36px; background: #fff; }

/* Common Footer Inquiry */
#contents.special.inquiry { background-color: #2f302f;}

.special .inquiry-area { background-image: url("../../images/hub/common/sub_inquiry_bg.jpg"); display: inline-block; background-position: 0% 100%; background-repeat: no-repeat; background-size: 960px; padding-bottom: 80px; background-color: #2f302f; }

.special .inquiry-area .title-area h3 { color: #ffffff; font-size: 30px; line-height: 48px; font-weight: 700; }

.special .inquiry-area .title-area .lk { margin-top: 40px; }

.special .inquiry-area .title-area .lk a { color: #ffffff; font-size: 16px; line-height: 30px; font-weight: 500; }

.special .inquiry-area .select .dropdown { border: 1px solid rgba(255, 255, 255, 0.5); padding: 0 35px 0 10px; background-color: transparent; }

.special .inquiry-area .select .dropdown .current { color: #a9a9a9; }

.special .inquiry-area .inquiry-list { margin-top: 60px; }

.special .inquiry-area .inquiry-list .form-entry { margin-top: 20px; }

.special .inquiry-area .inquiry-list .form-entry:first-of-type { margin-top: 0; }

.special .inquiry-area .inquiry-list .form-entry strong { margin-bottom: 15px; color: #ffffff; font-size: 14px; line-height: 20px; font-weight: 400; }

.special .inquiry-area .inquiry-list .form-entry strong em { margin-left: 2px; }

.special .inquiry-area .inquiry-list .form-entry textarea { min-height: 118px; border: 1px solid rgba(255, 255, 255, 0.5); color: #ffffff; }

.special .inquiry-area .inquiry-list .form-entry textarea:focus { border-color: #ffffff; }

.special .inquiry-area .inquiry-list .form-entry input { border: 1px solid rgba(255, 255, 255, 0.5); background-color: transparent; color: #a9a9a9; }

.special .inquiry-area .inquiry-list .form-entry .form-write { display: flex; align-items: center; align-items: center; justify-content: space-between; }

.special .inquiry-area .inquiry-list .form-entry .form-write.phone input, .special .inquiry-area .inquiry-list .form-entry .form-write.phone .select { width: calc(33% - 10px); }

.special .inquiry-area .inquiry-list .form-entry .form-write.phone .tilde { color: #ffffff; width: 20px; flex-shrink: 0; text-align: center; font-size: 16px; line-height: 20px; font-weight: 500; }

.special .inquiry-area .inquiry-list .form-entry .form-write.email input { width: calc(33% - 5px); }

.special .inquiry-area .inquiry-list .form-entry .form-write.email .select { width: calc(33% - 5px); margin-left: 5px; }

.special .inquiry-area .inquiry-list .form-entry .form-write.email .tilde { color: #ffffff; width: 27px; flex-shrink: 0; text-align: center; font-size: 16px; line-height: 20px; font-weight: 500; }

.special .inquiry-area .inquiry-list .form-entry .form-write.email + .form-entry label span { color: #a9a9a9; }

.special .inquiry-area .inquiry-list .form-entry .form-write.email + .form-entry label input:checked + span { color: #ffffff; }

.special .inquiry-area .inquiry-list .form-entry.fileupload .upfilename { width: calc(100% - 110px); }

.special .inquiry-area .inquiry-list .form-entry.fileupload .upfilename:read-only { -webkit-text-fill-color: #ffffff; }

.special .inquiry-area .inquiry-list .form-entry.fileupload .btn { width: 100px; color: #ffffff; border: 1px solid rgba(255, 255, 255, 0.5); }

.special .inquiry-area .inquiry-list .form-entry.form-agree input[type="checkbox"] + span { color: #a9a9a9; }

.special .inquiry-area .inquiry-list .form-entry.form-agree input[type="checkbox"] + span::before { background-position: -60px -30px; }

.special .inquiry-area .inquiry-list .form-entry.form-agree input[type="checkbox"]:checked + span { color: #ffffff; }

.special .inquiry-area .inquiry-list .form-entry.form-agree input[type="checkbox"]:checked + span::before { background-position: -0px -30px; }

.special .inquiry-area .inquiry-list .form-entry.form-agree .agree-list { margin-top: 20px; padding-left: 34px; padding-right: 9px; }

.special .inquiry-area .inquiry-list .form-entry.form-agree .agree-list li { margin-bottom: 15px; }

.special .inquiry-area .inquiry-list .form-entry.form-agree .agree-list li:after { clear: both; content: ''; display: table; }

.special .inquiry-area .inquiry-list .form-entry.form-agree .agree-list li:last-of-type { margin-bottom: 0; }

.special .inquiry-area .inquiry-list .form-entry.form-agree .agree-list li .agree-detail { float: right; color: #a9a9a9; font-size: 13px; line-height: 20px; font-weight: 500; border-bottom: 1px solid #a9a9a9; }

.special .inquiry-area .inquiry-list .input-info { margin-top: 14px; padding-left: 19px; line-height: 16px; }

.special .inquiry-area .inquiry-list .input-info::before { width: 3px; height: 3px; left: 8px; }

.special .inquiry-area .inquiry-list .btns { margin-top: 20px; }

.special.hxgn-leader .visual-area .visual .bg { background-image: url("../../images/hub/renewal/hxgn_leader_visual_bg_mo.jpg"); display: inline-block; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; height: 100vh; z-index: 0; }

.special.hxgn-leader .visual-area .visual { position: relative; height: 100vh; }

.special.hxgn-leader .visual-area .visual .inner { z-index: 2; }

.special.hxgn-leader .visual-area .visual .inner strong { display: block; font-family: "SUIT"; font-size: 15px; line-height: 38px; color: #ffffff; animation: fadein-effect1 0.6s 0.4s ease-in-out both; }

.special.hxgn-leader .visual-area .visual .inner h3 { margin-top: 30px; font-family: "KMA"; font-size: 40px; line-height: 60px; }

.special.hxgn-leader .visual-area .visual .inner p { font-weight: 400; margin-top: 30px; }

.special.hxgn-leader .visual-area .visual::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.23); z-index: 1; }

.special.hxgn-leader section { overflow: hidden; }

.special.hxgn-leader section .ti-dot { font-family: "montserrat"; font-size: 36px; font-weight: 500; line-height: 44px; }

.special.hxgn-leader section .ti-dot::before { bottom: 9px; }

.special.hxgn-leader section p { font-size: 20px; line-height: 26px; font-weight: 500; }

.special.hxgn-leader .tit-area > h3 { padding-top: 0; margin-right: 0; }

.special.hxgn-leader .tit-area > h3.txt-center { padding: 80px 0; margin-right: 0; }

.special.hxgn-leader .history-area{ padding: 45px 0 35px; background-image: linear-gradient(135deg,  #000000 0%,  #000 10%,  #354c6a 43%,  #000000 100%);}

.special.hxgn-leader .history-area .tit-area{ font-size: 24px; font-weight: 800; line-height: 1.4; letter-spacing: -0.48px; text-align: center; color: #fff;}

.special.hxgn-leader .history-area .desc-area{ display: flex; margin-top: 48.4px; align-items: center; justify-content: center; gap: 35.4px; flex-direction: column;}

.special.hxgn-leader .history-area .desc-area .desc-heading{ margin-top: 11.5px; display: flex; justify-content: center; align-items: center; width: 225px; height: 260px; font-size: 24px; font-weight: bold; letter-spacing: normal; text-align: center; color: #fff; background: url("../../images/hub/renewal/hxgn_desc_heading_img.png") no-repeat center center / cover;}

/* START: Animated border glow */
.special.hxgn-leader .history-area .desc-area .polygon-box{ position: relative; margin-top: 98px;}

.special.hxgn-leader .history-area .desc-area .polygon-box::after{ opacity: 0.15; content: ""; position: absolute; z-index: 0; top: -71.6px; right: -58.6px; width: 187px; height: 216px; background: #ECF0FE; clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);}

.special.hxgn-leader .history-area .desc-area .polygon-heading{ position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; width: 187px; height: 216px; font-size: 24px; font-weight: bold; letter-spacing: normal; text-align: center; color: #fff; background: #3d6ef7; clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);}

.special.hxgn-leader .history-area .desc-area .animated-border-box-glow{ z-index: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 200px; height: 229px; filter: blur(20px); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25% );}

.special.hxgn-leader .history-area .desc-area .animated-border-box-glow::before{ content: ""; z-index: -1; position: absolute; top: 50%; left: 50%; width: 9999px; height: 9999px; transform: translate(-50%, -50%) rotate(0deg); background-repeat: no-repeat; background-position: 0 0; background-image: conic-gradient(rgba(0,0,0,0), #3868f4, rgba(0,0,0,0) 25%); animation: hxgnRotate 4s linear infinite;}

@keyframes hxgnRotate {
	100% {
    	transform: translate(-50%, -50%) rotate(1turn);
  	}
}
/* END: Animated border glow */

.special.hxgn-leader .history-area .desc-area .desc-text{ font-size: 16px; font-weight: normal; line-height: 1.75; letter-spacing: -0.32px; text-align: left; color: #fff;}

.special.hxgn-leader .role-area{ padding: 45px 0 35px; background-color: #f5f7ff;}

.special.hxgn-leader .role-area .tit-area h3{ font-size: 24px; font-weight: 800; line-height: 1.4; letter-spacing: normal; text-align: center; color: #000;}

.special.hxgn-leader .role-area .tit-area p{ margin: 40px auto 35px; font-size: 16px; font-weight: normal; line-height: 1.75; letter-spacing: -0.32px; text-align: center; color: #333;}

.special.hxgn-leader .role-chng-bot-area{ display: flex; gap: 50px; align-items: center; flex-direction: column;}

.special.hxgn-leader .role-chng-bot-area .bot-wrapper{ display: flex; justify-content: center; align-items: center; gap: 15px; flex-direction: column;}

.special.hxgn-leader .role-chng-bot-area .chng-inner-area{ width: 100%; border-radius: 20px; overflow: hidden; box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.08); border: solid 1px #d4d4d4;}

.special.hxgn-leader .role-chng-bot-area .chng-inner-area > h4{ padding: 18px 10px; font-size: 16px; font-weight: bold; line-height: 1.4; letter-spacing: normal; text-align: center; color: #fff; background-color: #3868f4;}

.special.hxgn-leader .role-chng-bot-area .chng-inner-area > strong{ color: #fff; text-align: center; font-weight: bold; }

.special.hxgn-leader .role-chng-bot-area .chng-inner-area .box{ display: flex; flex-direction: column; width: 100%; justify-content: space-between; padding: 16px 22px; border-radius: 33px; background-color: #fff;}

.special.hxgn-leader .role-chng-bot-area .chng-inner-area .box .desc-box{ margin-bottom: 30px; min-height: auto;}

.special.hxgn-leader .role-chng-bot-area .chng-inner-area .box .desc-box strong{ display: block; margin-bottom: 3px; font-size: 16px; font-weight: bold; line-height: 1.6; letter-spacing: -0.32px; text-align: left; color: #000;}

.special.hxgn-leader .role-chng-bot-area .chng-inner-area .box .desc-box ul li{ text-indent: -15px; padding-left: 20px; font-size: 14px; font-weight: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #333;}

.special.hxgn-leader .role-chng-bot-area .progress-box{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 9px; padding-right: 20px; background-color: #f9f9f9; border-radius: 8000px; overflow: hidden;}

.special.hxgn-leader .role-chng-bot-area .progress-box:last-child{ margin-bottom: 0; }

.special.hxgn-leader .role-chng-bot-area .progress-box .progress-bar{ padding: 0 12px; line-height: 31px; height: 32px; width: 0; transition: width 1.2s ease; background-color: #0000a3; border-radius: 0 500px 500px 0; }

.special.hxgn-leader .role-chng-bot-area .progress-box:nth-child(2) .progress-bar{ background-color: #2e47c0; }

.special.hxgn-leader .role-chng-bot-area .progress-box:nth-child(3) .progress-bar{ background-color: #3868f4; }

.special.hxgn-leader .role-chng-bot-area .progress-box:nth-child(4) .progress-bar{ background-color: #4f95ff; }

.special.hxgn-leader .role-chng-bot-area .progress-box:nth-child(5) .progress-bar{ background-color: #8f9ccd; }

.special.hxgn-leader .role-chng-bot-area .last-area .progress-box:nth-child(1) .progress-bar{ background-color: #333; }

.special.hxgn-leader .role-chng-bot-area .last-area .progress-box:nth-child(2) .progress-bar{ background-color: #555; }

.special.hxgn-leader .role-chng-bot-area .last-area .progress-box:nth-child(3) .progress-bar{ background-color: #777; }

.special.hxgn-leader .role-chng-bot-area .last-area .progress-box:nth-child(4) .progress-bar{ background-color: #999; }

.special.hxgn-leader .role-chng-bot-area .last-area .progress-box:nth-child(5) .progress-bar{ background-color: #bbb; }

.special.hxgn-leader .role-chng-bot-area .progress-box .label{ opacity: 0; transition: opacity 0.25s ease; transition-delay: 1.2s; color: #fff; font-size: 10px; line-height: 1; letter-spacing: -0.3px; text-align: left;}

.special.hxgn-leader .role-chng-bot-area .progress-box .progress-bar.filled .label{ opacity: 1; }

.special.hxgn-leader .role-chng-bot-area .progress-box .percent{ font-size: 10px; font-weight: normal; line-height: 1; letter-spacing: -0.36px; color: #000;}

.special.hxgn-leader .role-chng-bot-area .progress-box .percent .num{ font-size: 12px; font-weight: bold; letter-spacing: -0.54px;}

.special.hxgn-leader .role-chng-bot-area .chng-inner-area .box .top-box-inner{ margin-bottom: 10px; }

.special.hxgn-leader .role-chng-bot-area .chng-inner-area .box .bot-box{ margin-top: 30px; padding: 15px 20px; font-size: 14px; font-weight: normal; line-height: 1.5; letter-spacing: -0.28px; text-align: center; color: #333; border-radius: 10px; background-color: #f7f7f7; }

.special.hxgn-leader .role-chng-bot-area .chng-inner-area.last-area h5{ margin-bottom: 7px; color: #000; font-size: 13px; font-weight: bold; line-height: normal; letter-spacing: normal; text-align: left; }

.special.hxgn-leader .role-chng-bot-area .summary-txt{ margin-top: -10px; font-size: 16px; font-weight: normal; line-height: 1.75; letter-spacing: -0.32px; text-align: center; color: #000;}

.special.hxgn-leader .role-chng-bot-area .chng-inner-area.last-area .box .bot-box > h6{ margin-bottom: 4px; color: #3868f4; font-size: 16px; font-weight: 800; letter-spacing: normal; text-align: left; }

.special.hxgn-leader .role-chng-bot-area .chng-inner-area.last-area .box .bot-box > p{ text-align: left; }

.special.hxgn-leader .program-banner{ display: flex; justify-content: center; align-items: center; gap: 74px; min-height: 362px; color: #fff; background: url("../../images/hub/renewal/hxgn_banner_img_mo.jpg") no-repeat center center / cover; }

.special.hxgn-leader .program-banner .tit-area{ display: flex; align-items: center; gap: 30px; flex-direction: column; }

.special.hxgn-leader .program-banner .tit-area > p{ margin-left: 0; text-align: center; font-size: 12px; }

.special.hxgn-leader .model-area{ padding: 45px 0; }

.special.hxgn-leader .model-area .top-box{ display: flex; align-items: center; flex-direction: column; justify-content: center; gap: 50px; padding-bottom: 0; margin-bottom: 60px; border-bottom: none;}

.special.hxgn-leader .model-area .top-box .box > h3{ margin-bottom: 20px; font-size: 20px; font-weight: bold; line-height: 1.4; letter-spacing: -0.6px; text-align: center; color: #000;}

.special.hxgn-leader .model-area .top-box .box.first > h3 > strong{ color: #3868f4;}

.special.hxgn-leader .model-area .top-box .box.last > h3 > strong{ color: #767676;}

.special.hxgn-leader .model-area .box.first ul{ z-index: 2;}

.special.hxgn-leader .model-area .box ul{ z-index: 1; position: relative; display: flex; align-items: center; justify-content: center; gap: 20px; margin-bottom: 20px; padding: 15px 20px;}

.special.hxgn-leader .model-area .box ul::after{ content: ""; z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 500px; border: 1px dashed #3868f4; background: rgba(245, 247, 255, 0.8);}

.special.hxgn-leader .model-area .box.last ul::after{ left: unset; right: 0; background-color: rgba(242, 242, 242, 0.8); border-color: #767676;}

.special.hxgn-leader .model-area .box .hexagon{ margin: 0 auto; width: 90px; height: 100px; line-height: 100px; position: relative; color: #fff; font-size: 16px; font-weight: bold; text-align: center; clip-path: polygon( 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25% ); box-sizing: border-box; background: linear-gradient(to bottom, #2046c9, #3868f4, #6f8ffb);}

.special.hxgn-leader .model-area .box.last .hexagon{ background: linear-gradient(to bottom, #3c3c3c, #626262, #9a9a9a);}

.special.hxgn-leader .model-area .top-box .box > p{ margin-bottom: 10px; padding: 15px 40px; font-size: 13px; font-weight: bold; border-radius: 100px; border: 1px dashed #3868f4; background-color: #f5f7ff; word-break: keep-all; text-align: center;}

.special.hxgn-leader .model-area .top-box .box.last > p{ background-color: #f2f2f2; border-color: #767676;}

.special.hxgn-leader .model-area .top-box .box > p:last-child{ margin-bottom: 0;}

.special.hxgn-leader .model-area .inner .bot-box{ text-align: center; }

.special.hxgn-leader .model-area .bot-box .tit-area{ margin-bottom: 35px;}

.special.hxgn-leader .model-area .inner .bot-box .tit-area h3{ font-size: 20px; font-weight: bold;  line-height: 1.4; letter-spacing: normal; text-align: center; color: #000;}

.special.hxgn-leader .model-area .inner .bot-box > img{ margin: 0 auto; }

/* Hexagon - Common */
.hexagon-wrap{ position: relative; transform: scale(0.33);}

.hexagon-wrap .desc-box{ position: absolute; z-index: 2; top: 270px; left: -80px; padding: 18px 50px 20px; border-radius: 10px; border: 4px solid #333; background-color: #fff;}

.hexagon-wrap .desc-box h4{ margin-bottom: 8px; font-size: 20px; font-weight: bold; line-height: 1.4; letter-spacing: normal; text-align: center; color: #000;}

.hexagon-wrap .desc-box p{ font-size: 18px !important; font-weight: 500; line-height: 1.4; letter-spacing: normal; text-align: center; color: #333;}

.hexagon-wrap .desc-box.right-box{ left: unset; right: 50px; top: -78.7px; border-color: #3868f4;}

.hexagon-wrap .desc-box.right-box > h4, .hexagon-wrap .desc-box.right-box > p{ color: #3868f4;} 

.hexagon-wrap .center-wrap{ position: relative; width: 392px; height: 418.6px; margin: 0 auto;}

.hexagon-wrap .center-wrap .hexagon-tit{ z-index: 11; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 209px; height: 209px; display: flex; justify-content: center; align-items: center; font-family: "SUIT"; font-size: 25px; font-weight: 800; line-height: 1.2; letter-spacing: normal; text-align: center; color: #000; border-radius: 50%; background: #fff;}

.hexagon-variant, .hexagon-child-variant{ position: absolute; width:145px; height:125.57px; background:#fff; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:bold; text-align:center; box-sizing:border-box; clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);}

/* Hexagon - Color */
.hexagon-variant.blue{ --stroke: 4px; --stroke-color: #003698; background-image: linear-gradient(to bottom, #2046c9, #3868f4, #6f8ffb);}

.hexagon-variant.blue, .hexagon-variant.blue::after{ background-image: linear-gradient(to bottom, #2046c9, #3868f4, #6f8ffb);}

.hexagon-variant.gray{ --stroke: 4px; --stroke-color: #444; background-image: linear-gradient(to bottom, #3c3c3c, #626262, #9d9d9d);}

.hexagon-variant.gray, .hexagon-variant.gray::after{ background-image: linear-gradient(to bottom, #3c3c3c, #626262, #9d9d9d);}

.hexagon-variant.blue::before, .hexagon-variant.gray::before{ content:""; position:absolute; inset: calc(-1 * var(--stroke)); background: var(--stroke-color); clip-path: inherit; z-index: -1; pointer-events: none;}

.hexagon-variant.blue::after, .hexagon-variant.gray::after{ content:""; z-index: -1; position:absolute; inset: var(--stroke); clip-path: inherit;}

.hexagon-child-variant.dot{ position: relative; background: #fff;}

.hexagon-child-variant.dot::before{ content:""; position:absolute; inset: 0;
  background: url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 86.602">\
<polygon points="25,0 75,0 100,43.301 75,86.602 25,86.602 0,43.301" \
fill="none" stroke="%23a9a9a9" stroke-width="2" stroke-linejoin="round" \
stroke-linecap="butt" stroke-dasharray="4 6"/>\
</svg>') no-repeat center / 100% 100%;
  z-index:2; pointer-events:none;}

.hexagon-child-variant.dark-gray{ background-color: #acacac;}

.hexagon-child-variant.mid-gray{ background-color: #cecece;}

.hexagon-child-variant.light-gray{ background-color: #e8e8e8;}

.hexagon-child-variant.light-blue{ background-color: #d3e1fd;}

.hexagon-child-variant.mid-blue{ background-color: #a7c3fc;}

.hexagon-child-variant.deep-blue{ background-color: #7aa5fa;}

/* Hexagon - Location */
.hexagon-variant.top{ top: 0; left: 50%; transform: translateX(-50%); animation-delay: 0s;}

.hexagon-variant.top-right{ top: 73px; right: 0; animation-delay: 0.3s;}

.hexagon-variant.bot-right{ bottom: 73px; right: 0; animation-delay: 0.6s;}

.hexagon-variant.bot{ bottom: 0; left: 50%; transform: translateX(-50%); animation-delay: 0.9s;}

.hexagon-variant.bot-left{ bottom: 73px; left: 0; animation-delay: 1.2s;}

.hexagon-variant.top-left{ top: 73px; left: 0; animation-delay: 1.5s;}

.hexagon-child-wrap{ opacity: 0.3; visibility: visible; transition: all 0.25s ease-in-out;}

.hexagon-child-wrap.bot-left-wrap{ position: absolute; top: calc(100% - 50.3px); left: 0; width: 391px; height: 269.6px;}

.hexagon-child-wrap.bot-left-wrap .bot{ right: 122px; top: 50%; transform: translateY(-50%);}

.hexagon-child-wrap.bot-left-wrap .bot-left-bot{ bottom: 0; left: 0;}

.hexagon-child-wrap.bot-left-wrap .bot-left-top{ top: 0; left: 0;}

.hexagon-child-wrap.bot-left-wrap .dot{ left: calc(100% - 145px); top: 142.4px;}

.hexagon-child-wrap.left-wrap{ position: absolute; top: 218px; left: -242px; width: 265px; height: 344.6px;}

.hexagon-child-wrap.left-wrap .bot{ bottom: 0; right: 0;}

.hexagon-child-wrap.left-wrap .mid{ top: 75px; right: 0;}

.hexagon-child-wrap.left-wrap .top{ left: 0; top: 0;}

.hexagon-child-wrap.left-wrap .etc{ top: 146px; left: 0;}

.hexagon-child-wrap.top-left-wrap{ position: absolute; top: -68px; left: -242px; width: 388px; height: 341px;}

.hexagon-child-wrap.top-left-wrap .bot{ bottom: 0; right: 123px;}

.hexagon-child-wrap.top-left-wrap .mid{ top: 140px; left: 0;}

.hexagon-child-wrap.top-left-wrap .top{ top: 68px; right: 123px;}

.hexagon-child-wrap.top-left-wrap .etc{ left: calc(100% - 145px); top: 0;}

.hexagon-child-wrap.top-right-wrap{ position: absolute; top: -143px; left: calc(50% - 72.5px); width: 389px; height: 198.6px;}

.hexagon-child-wrap.top-right-wrap .left{ top: 0; left: 0;}

.hexagon-child-wrap.top-right-wrap .mid{ bottom: 0; left: 50%; transform: translateX(-50%);}

.hexagon-child-wrap.top-right-wrap .right{ top: 0; right: 0;}

.hexagon-child-wrap.right-wrap{ position: absolute; top: 0; right: -245px; width: 268px; height: 272.6px;}

.hexagon-child-wrap.right-wrap .top{ top: 0; left: 0;}

.hexagon-child-wrap.right-wrap .mid{ top: 50%; transform: translateY(-50%); right: 0;}

.hexagon-child-wrap.right-wrap .bot{ left: 0; bottom: 0;}

.hexagon-child-wrap.right-wrap .etc{ top: 220px; right: -124px;}

.hexagon-child-wrap.right-bot-wrap{ position: absolute; bottom: -73px; left: 247px; width: 390px; height: 198.6px;}

.hexagon-child-wrap.right-bot-wrap .left{ left: 0; top: 73px;}

.hexagon-child-wrap.right-bot-wrap .mid{ left: 122px; top: 0;}

.hexagon-child-wrap.right-bot-wrap .right{ right: 0; top: 73px;}

.hexagon-child-wrap.right-bot-wrap .etc{ left: 122px; top: 146px;}

/* Hexagon - Animation */
.hexagon-variant{ z-index: 1; opacity: 0; visibility: hidden; touch-action: manipulation; -webkit-tap-highlight-color: transparent;}

.hexagon-variant.animate{ z-index: 10; animation: hexagonFadeIn 0.6s ease forwards;}

.hexagon-child-variant{ color: #000; line-height: 1.2; transition: opacity 0.3s ease;}

.hexagon-child-wrap.show, .hexagon-child-variant.show{ z-index: 1; opacity: 1; color: #000;}

@keyframes hexagonFadeIn {
  from {
    opacity: 0;
    visibility: hidden;
  }
  to {
    opacity: 1;
    visibility: visible;
  }
}

/* END: hexagon-wwrap */

.special.hxgn-leader .model-area .inner .bot-box .mo-show.desc-cont{ margin-top: 0;}

.special.hxgn-leader .model-area .inner .bot-box .mo-show.desc-cont li > div{ display: flex; align-items: flex-start; justify-content: flex-start;}

.special.hxgn-leader .model-area .inner .bot-box .mo-show.desc-cont li:not(:last-child){ margin-bottom: 15px;}

.special.hxgn-leader .model-area .inner .bot-box .mo-show.desc-cont li > p{ margin-top: 4px; color: #333; font-size: 15px; font-weight: 500; line-height: 1.4; letter-spacing: normal; text-align: left;}

.special.hxgn-leader .model-area .inner .bot-box .mo-show.desc-cont li .dot-circle{ margin-right: 10px; display: inline-block; width: 20px; height: 20px; border: 1px dashed #767676; border-radius: 100%; background-color: #fafafa; vertical-align: middle;}

.special.hxgn-leader .model-area .inner .bot-box .mo-show.desc-cont li:last-child .dot-circle{border-color: #3868f4; background-color: #f5f7ff;}

.special.hxgn-leader .program-area{ padding: 45px 0; background-color: #fafafa; text-align: center;}

.special.hxgn-leader .program-area .tit-area h3{ font-size: 24px; font-weight: 800; line-height: 1.4; letter-spacing: -0.48px; text-align: center; color: #000;}

.special.hxgn-leader .program-area .tit-area p{ margin: 25px auto 40px; font-size: 16px; font-weight: normal; line-height: 1.75; letter-spacing: -0.32px; text-align: center; color: #333;}

.special.hxgn-leader .program-area .conts-area{ display: flex; flex-direction: column; align-items: flex-start; gap: 36px; justify-content: center;}

.special.hxgn-leader .program-area .conts-area .list-wrap{ position: relative; width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 20px;}

.special.hxgn-leader .program-area .conts-area .list-wrap::after{ z-index: 1; content: ""; position: absolute; top: 40px; left: 50%; width: 1px; height: calc(100% - 112px); transform: translateX(-50%); border: 1px dashed #3868f4;}

.special.hxgn-leader .program-area .conts-area .list-wrap li{ z-index: 2;}

.special.hxgn-leader .program-area .conts-area .list-wrap li.first{ display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 10px; width: 100%; font-size: 18px; font-weight: bold; line-height: 1; letter-spacing: -0.36px; color: #3868f4; text-align: center;}

.special.hxgn-leader .program-area .conts-area .list-wrap li.first > span{ flex-shrink: 0;}

.special.hxgn-leader .program-area .conts-area .list-wrap li.first .arrow{ width: 50px;}

.special.hxgn-leader .program-area .conts-area .list-wrap li.box{ margin-bottom: 16px; width: 100%; border: 1px solid #d4d4d4; border-radius: 8px; background-color: #fff; overflow: hidden;}

.special.hxgn-leader .program-area .conts-area .list-wrap li.box > h4{ padding: 17px; background-color: #3868f4; font-size: 16px; font-weight: bold; line-height: 1; letter-spacing: -0.32px; text-align: center; color: #fff;}

.special.hxgn-leader .program-area .conts-area .list-wrap li.box > ul { height: auto; padding: 15px 10px 15px 20px;}

.special.hxgn-leader .program-area .conts-area .list-wrap li.box > ul > li{ text-indent: -10px; padding-left: 10px; font-size: 15px; font-weight: normal; line-height: 1.5; letter-spacing: -0.3px; text-align: left; color: #333;}

.special.hxgn-leader .program-area .conts-area .list-wrap li.box > ul > li .dot{ margin-right: 8px; display: inline-block; width: 3px; height: 3px; border-radius: 100%; background-color: #333; vertical-align: middle;}

.special.hxgn-leader .program-area .conts-area .list-wrap li.box > ul > li > ul > li{ padding-left: 13px;}

.special.hxgn-leader .program-area .conts-area .list-wrap li.last{ width: 100%; padding: 15px 20px 20px; border-radius: 8000px; border: 1px dashed #3868f4; background-color: #fff;}

.special.hxgn-leader .program-area .conts-area .list-wrap li.last > span{ display: block; font-size: 14px; font-weight: normal; line-height: 1.5; letter-spacing: -0.28px; text-align: left; color: #333; text-align: center;}

.special.hxgn-leader .program-area .conts-area .list-wrap li.last > strong{ display: block; font-size: 16px; font-weight: bold; line-height: 1.6; letter-spacing: -0.32px; text-align: left; color: #3868f4; text-align: center;}

.special.hxgn-leader .program-area .conts-area .list-wrap:nth-child(even) li.first, .special.hxgn-leader .program-area .conts-area .list-wrap:nth-child(even) li.last > strong{ color: #0000a3;}

.special.hxgn-leader .program-area .conts-area .list-wrap:nth-child(even) li.box > h4{ background-color: #0000a3;}

.special.hxgn-leader .program-area .conts-area .list-wrap:nth-child(even) li.last, .special.hxgn-leader .program-area .conts-area .list-wrap:nth-child(even)::after{ border-color: #0000a3;}

.special.hxgn-leader .difference-area{ padding: 40px 0;}

.special.hxgn-leader .difference-area .tit-area h3{ margin-bottom: 40px; font-size: 24px; font-weight: bold; line-height: 1.4; letter-spacing: -0.72px; text-align: center; color: #000;}

.special.hxgn-leader .difference-area .conts-area{ display: flex; align-items: flex-start; justify-content: center; gap: 0; flex-direction: column;}

.special.hxgn-leader .difference-area .conts-area > ul{ width: 100%;}

.special.hxgn-leader .difference-area .conts-area > ul > li{ display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 15px; margin-bottom: 20px; padding: 20px 24px; border-radius: 10px; box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.08); background-color: #fff;}

.special.hxgn-leader .difference-area .conts-area > ul > li > p{ display: flex; align-items: center; gap: 15px;}

.special.hxgn-leader .difference-area .conts-area > ul > li > p .tit{ font-size: 18px; font-weight: bold;  line-height: 1.4; letter-spacing: -0.36px; text-align: left; color: #000;}

.special.hxgn-leader .difference-area .conts-area > ul > li .sprites-img{ display: inline-block; position: relative; width: 60px; height: 60px; border-radius: 100%; flex-shrink: 0; background-color: #f5f7ff;}

.special.hxgn-leader .difference-area .conts-area > ul > li .sprites-img::before{ content: ""; position: absolute; width: 40px; height: 40px; top: 50%; left: 50%; transform: translate(-50%, -50%); background-size: 200px 50px; background-image: url("../../images/hub/renewal/hxgn_difference_sprites.png"); background-repeat: no-repeat; background-position: center center;}

.special.hxgn-leader .difference-area .conts-area > ul > li:nth-child(1) .sprites-img::before{ background-position: -155px -5px;}

.special.hxgn-leader .difference-area .conts-area > ul > li:nth-child(2) .sprites-img::before{ background-position: -105px -5px;}

.special.hxgn-leader .difference-area .conts-area > ul > li:nth-child(3) .sprites-img::before{ background-position: -55px -5px;}

.special.hxgn-leader .difference-area .conts-area > ul > li:nth-child(4) .sprites-img::before{ background-position: -5px -5px;}

.special.hxgn-leader .difference-area .conts-area > ul > li .desc > li{ text-indent: -15px; padding-left: 15px; font-size: 16px; font-weight: 500; line-height: 1.5; letter-spacing: -0.32px; text-align: left; color: #767676;}

.special.hxgn-leader .difference-area .conts-area > ul > li .desc > li.tit{ margin-bottom: 12px; font-size: 18px; font-weight: bold; line-height: 1.4; letter-spacing: -0.36px; text-align: left; color: #000;}

.special.hxgn-leader .difference-area .conts-area > ul:last-child > li:last-child{ border-bottom: none;}

.special.mnd-craft .visual-area .visual .bg { background-image: url("../../images/hub/renewal/mnd_visual_bg_mo.jpg"); display: inline-block; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; height: 100vh; z-index: 0; }

.special.mnd-craft .visual-area .visual { position: relative; height: 100vh; }

.special.mnd-craft .visual-area .visual .inner { z-index: 2; }

.special.mnd-craft .visual-area .visual .inner strong { display: block; font-family: "SUIT"; font-size: 15px; line-height: 38px; color: #ffffff; animation: fadein-effect1 0.6s 0.4s ease-in-out both; }

.special.mnd-craft .visual-area .visual .inner h3 { margin-top: 30px; font-family: "KMA"; font-size: 40px; line-height: 60px; }

.special.mnd-craft .visual-area .visual .inner p { font-weight: 400; margin-top: 30px; }

.special.mnd-craft .visual-area .visual::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.23); z-index: 1; }

.special.mnd-craft section { overflow: hidden; }

.special.mnd-craft section .ti-dot { font-family: "montserrat"; font-size: 36px; font-weight: 500; line-height: 44px; }

.special.mnd-craft section .ti-dot::before { bottom: 9px; }

.special.mnd-craft section p { font-size: 20px; line-height: 26px; font-weight: 500; margin-top: 60px; text-align: center;}

.special.mnd-craft .impt-area{ padding: 50px 0; }

.special.mnd-craft .impt-area .tit-area{ display: flex; align-items: center; justify-content: space-between; flex-direction: column; }

.special.mnd-craft .impt-area .tit-area p{ color: #7b7b7b; text-align: center; font-size: 12px; line-height: 1.4; letter-spacing: -0.24px; }

.special.mnd-craft .impt-area .tit-area > h2{ margin-bottom: 15px; color: #000; font-family: SUIT; font-size: 24px; font-weight: 800; line-height: 1.4; letter-spacing: normal; text-align: center; }

.special.mnd-craft .impt-area h3 {font-size: 18px; font-weight: 300; line-height: 1.4; }

.special.mnd-craft .impt-area h3 .impt-blue{ display: inline-block; padding: 0 4px; color: #fff; background-color: #3868f4;}

.special.mnd-craft .tit-area > h3 { padding-top: 0; margin-right: 0; }

.special.mnd-craft .tit-area > h3.txt-center { margin-right: 0; padding: unset; text-align: center; font-size: 20px; line-height: 1.5; font-weight: 400;}

.special.mnd-craft .tit-area > p { padding-top: 25px; color: #a9a9a9; }

.special.mnd-craft .feature-area{ padding-bottom: 60px; }

.special.mnd-craft .feature-area .swiper-pagination { top: 50%; left: auto; right: 20px; bottom: auto; transform: translateY(-50%); width: auto; }

.special.mnd-craft .feature-area .swiper-pagination-bullet { display: block; margin: 20px 0; width: 8px; height: 8px; background-color: #fff; opacity: 0.5; }

.special.mnd-craft .feature-area .swiper-pagination-bullet-active { opacity: 1; }

.special.mnd-craft .feature-area .feature-swiper { overflow: hidden; height: 600px; }

.special.mnd-craft .feature-area > .innerfull.feature-swiper .swiper-container { width: 100%; }

.special.mnd-craft .feature-area > .innerfull.feature-swiper .swiper-container .swiper-slide{ background-size: auto 100%; }

.special.mnd-craft .feature-area > .innerfull.feature-swiper .swiper-container .swiper-slide.third{ background-image: url("../../images/hub/renewal/mnd_swipe_bg_03.jpg"); background-size: cover;}

.special.mnd-craft .feature-area > .innerfull.feature-swiper .swiper-container .swiper-slide.first{ background-image: url("../../images/hub/renewal/mnd_swipe_bg_01.jpg"); background-size: cover;}

.special.mnd-craft .feature-area > .innerfull.feature-swiper .swiper-container .swiper-slide.second{ background-image: url("../../images/hub/renewal/mnd_swipe_bg_02.jpg"); background-size: cover;}

.special.mnd-craft .feature-area .swiper-wrapper { height: 600px; }

.special.mnd-craft .feature-area .swiper-slide .txt-area { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; padding: 0 50px; }

.special.mnd-craft .feature-area .swiper-slide .txt-area .desc { color: #fff; font-size: 24px; line-height: 35px; font-weight: 300; word-break: keep-all; }

.special.mnd-craft .feature-area .mid-txt{ margin: 0 auto; padding: 50px 20px; width: calc(100% - 40px); font-size: 24px; font-weight: 500; color: #000; line-height: 1.4; letter-spacing: normal; text-align: center; border-bottom: 1px solid #d4d4d4;}

.special.mnd-craft .feature-area .mid-txt strong{ font-weight: bold; }

.special.mnd-craft .puzzle-area{ padding: 40px 0; background: #f4f4f4;}

.special.mnd-craft .puzzle-area .inner{ padding: 25px 15px; border-radius: 10px; box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.08); background-color: #fff; }

.special.mnd-craft .puzzle-area .round-txt{ margin: 0 auto; width: 100%; height: 44px; line-height: 44px; color: #fff; font-size: 16px; font-weight: bold; letter-spacing: normal; text-align: center; background-color: #3868f4; border-radius: 2000px; }

.special.mnd-craft .puzzle-area .line-txt{ position: relative; margin: 0 auto; padding: 40px 0 35px; color: #000; font-size: 20px; font-weight: bold; line-height: 1.4; letter-spacing: normal; text-align: center; }

.special.mnd-craft .puzzle-area .puzzle-list-wrap{ padding: 0 71.5px; display: flex; flex-direction: column; gap: 38px; }

.special.mnd-craft .puzzle-area .puzzle-list-wrap li{ display: flex; flex-direction: row; align-items: center; justify-content: space-between; }

.special.mnd-craft .puzzle-area .puzzle-list-wrap li > img{ width: 24%; }

.special.mnd-craft .puzzle-area .puzzle-list-wrap li:nth-child(1) img{ width: 7.9%; }

.special.mnd-craft .puzzle-area .puzzle-list-wrap li:nth-child(3) img{ width: 16%; }

.special.mnd-craft .puzzle-area .puzzle-list-wrap li > span{ display: inline-block; margin-top: 0; color: #000; font-size: 14px; font-weight: bold; line-height: 1.4; letter-spacing: normal; text-align: center; }

.special.mnd-craft .puzzle-area .puzzle-box-wrap{ margin-top: 60px; display: flex; align-items: center; justify-content: flex-start; flex-direction: column; gap: 0; }

.special.mnd-craft .puzzle-area .puzzle-box-wrap .box{ position:relative; width: 100%; text-align: center; }

.special.mnd-craft .puzzle-area .puzzle-box-wrap .box .round-txt{ z-index: 1; position: absolute; width: calc(100% - 40px); height: 42px; top: -21px; left: 50%; transform: translateX(-50%); line-height: 42px; color: #767676; font-size: 16px; font-weight: bold; letter-spacing: normal; text-align: center; border-radius: 2000px; border: solid 2px #767676; background-color: #fff; }

.special.mnd-craft .puzzle-area .puzzle-box-wrap .box .top-wrap{ position: relative; margin: 0 auto; width: 100%; height: 460px; border: 1px solid #767676; border-radius: 10px; overflow: hidden; background-color: #fff; }

.special.mnd-craft .puzzle-area .puzzle-box-wrap .box .top-wrap::after{ content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 474px; background: url("../../images/hub/renewal/mnd_puzzle_img_02.png") no-repeat center bottom / contain; border-radius: 0 0 10px 10px;}

.special.mnd-craft .puzzle-area .puzzle-box-wrap .box.check .top-wrap::after{ content: ""; width: calc(100% + 2px); height: 474px; background: url("../../images/hub/renewal/mnd_puzzle_img_01.png") no-repeat center bottom / contain;}

.special.mnd-craft .puzzle-area .puzzle-box-wrap .box.check .top-wrap{ border-color: #0000a3; }

.special.mnd-craft .puzzle-area .puzzle-box-wrap .box.check .round-txt{ color: #0000a3; border: solid 2px #0000a3; }

.special.mnd-craft .puzzle-area .puzzle-box-wrap .box.check .round-txt .chk-circle{ position: absolute; top: -20px; right: 33px; width: 40px; height: 40px; background: url("../../images/hub/renewal/mnd_icon_chk.png") no-repeat center center / cover;}

.special.mnd-craft .puzzle-area .puzzle-box-wrap .box .mid-wrap .txt{ display: block; margin: 50px 0 30px; color: #000; font-size: 16px; font-weight: bold; line-height: 1.4; letter-spacing: normal; text-align: center;}

.special.mnd-craft .puzzle-area .puzzle-box-wrap .box .img-wrap{ display: flex; height: 112px; align-items: center; justify-content: center; gap: 32px; }

.special.mnd-craft .puzzle-area .puzzle-box-wrap .box .img-wrap > img{ width: 14.5%; }

.special.mnd-craft .puzzle-area .puzzle-box-wrap .box .img-wrap > img:nth-child(1){ width: 11.7%; }

.special.mnd-craft .puzzle-area .puzzle-box-wrap .box.check .img-wrap > img:nth-child(1){ width: 4.7%; }

.special.mnd-craft .puzzle-area .puzzle-box-wrap .box.check .img-wrap > img:nth-child(3){ width: 9.7%; }

.special.mnd-craft .puzzle-area .puzzle-box-wrap .box .mid-tit{ margin: 40px auto 30px; color: #000; font-size: 32px; font-weight: bold; line-height: 1; letter-spacing: normal; text-align: center; }

.special.mnd-craft .puzzle-area .puzzle-box-wrap .box .impt-blue{ display: inline-block; padding: 0 4px 4px 4px; color: #fff; background-color: #3868f4; }

.special.mnd-craft .puzzle-area .puzzle-box-wrap .box .impt-red{ display: inline-block; padding: 0 4px 4px 4px; color: #fff; background-color: #e0344b; }

.special.mnd-craft .puzzle-area .puzzle-box-wrap .box .arrow.down{ width: 41px; }

.special.mnd-craft .puzzle-area .puzzle-box-wrap .box .mid-desc{ margin: 40px auto 60px; color: #767676; font-size: 24px; font-weight: bold; line-height: 1.4; letter-spacing: normal; text-align: center; }

.special.mnd-craft .puzzle-area .puzzle-box-wrap .box:last-child .mid-desc{ margin-bottom: 30px; }

.special.mnd-craft .puzzle-area .puzzle-box-wrap .box.check .mid-desc{ color: #000; }

.special.mnd-craft .puzzle-area .puzzle-box-wrap .box .mid-desc .sm-txt{ display: block; width: 100%; margin-bottom: 10px; color: #767676; font-size: 18px; font-weight: bold; line-height: 1; letter-spacing: 0.36px; text-align: center; }

.special.mnd-craft .puzzle-area .puzzle-box-wrap .mid-wrap .line{ width: 8px; margin: 0 auto; }

.special.mnd-craft .puzzle-area .df-wrap{ display: flex; align-items: center; justify-content: center; gap: 77px; }

.special.mnd-craft .puzzle-area .df-wrap .line{ height: 60px; }

.special.mnd-craft .puzzle-area .bot-txt{ margin: 30px auto 15px; color: #000; font-size: 24px; font-weight: bold; line-height: 1.4; letter-spacing: normal; text-align: center; }

.special.mnd-craft .puzzle-area .bot-desc{ color: #767676; font-size: 15px; font-weight: normal; line-height: 1.6; letter-spacing: normal; text-align: center; word-break: keep-all; }

.special.mnd-craft .puzzle-area .bot-desc strong{ color: #000; font-weight: bold; }

.special.mnd-craft .purpose-area{ padding: 40px 0 50px; }

.special.mnd-craft .purpose-area .tit-area{ margin-bottom: 40px; text-align: center; }

.special.mnd-craft .purpose-area .tit-area .ti-dot{ font-size: 20px; line-height: 1.4; letter-spacing: -0.4px; }

.special.mnd-craft .purpose-area .card-box-wrap{ width: 100%; display: flex; flex-direction: column; flex-wrap: wrap; gap: 25px; justify-content: center; align-items: flex-start; }

.special.mnd-craft .purpose-area .card-box-wrap li{ padding: 30px; width: 100%; height: auto; min-height: 296px; border-radius: 12px; box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.08); border: solid 1px #d4d4d4; background-color: #fff; }

.special.mnd-craft .purpose-area .card-box-wrap li:nth-child(1){ background: url("../../images/hub/renewal/mnd_card_icon01.png") no-repeat right 35px bottom 35px / 82px 82px;}

.special.mnd-craft .purpose-area .card-box-wrap li:nth-child(2){ background: url("../../images/hub/renewal/mnd_card_icon02.png") no-repeat right 35px bottom 35px / 82px 82px;}

.special.mnd-craft .purpose-area .card-box-wrap li:nth-child(3){ background: url("../../images/hub/renewal/mnd_card_icon03.png") no-repeat right 35px bottom 35px / 82px 82px;}

.special.mnd-craft .purpose-area .card-box-wrap li:nth-child(4){ background: url("../../images/hub/renewal/mnd_card_icon04.png") no-repeat right 35px bottom 35px / 82px 82px;}

.special.mnd-craft .purpose-area .card-box-wrap li:nth-child(5){ background: url("../../images/hub/renewal/mnd_card_icon05.png") no-repeat right 35px bottom 35px / 82px 82px;}

.special.mnd-craft .purpose-area .card-box-wrap li strong{ color: #0000a3; font-size: 20px; font-weight: bold; line-height: normal; letter-spacing: -0.4px; }

.special.mnd-craft .purpose-area .card-box-wrap li h4{ margin: 10px 0 15px; color: #000; font-size: 20px; font-weight: bold; line-height: 1.8; letter-spacing: normal; }

.special.mnd-craft .purpose-area .card-box-wrap li p{ color: #767676; font-size: 15px; font-weight: normal; line-height: 1.6; letter-spacing: normal; text-align: left; }

.special.mnd-craft .identity-area{ padding: 50px 0; background-color: #f5f7ff; }

.special.mnd-craft .identity-area .tit-area{ text-align: center; }

.special.mnd-craft .identity-area .bubble-txt{ position: relative; display: inline-block; padding: 11px 40px; color: #fff; font-size: 16px; font-weight: bold; letter-spacing: 0.32px; text-align: center; border-radius: 1000px; background-color: #3868f4; }

.special.mnd-craft .identity-area .bubble-txt::after{ content: ""; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #2f66f5; }

.special.mnd-craft .identity-area .tit-area h3{ margin: 24px auto 30px; padding: unset !important; font-size: 20px; line-height: 1.4; font-weight: 300; letter-spacing: -0.6px; }

.special.mnd-craft .identity-area .tit-area h3 strong{ font-weight: 900; }

.special.mnd-craft .identity-area .identity-wrap{ position: relative; width: 100%; margin-bottom: 40px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 10px; padding: 25px 20px; background: #fff; border: 1px solid #3868f4; box-sizing: border-box;  border-radius: 63px; }

.special.mnd-craft .identity-area .identity-wrap::after{ display: none; }

.special.mnd-craft .identity-area .identity-wrap li{ z-index: 2; padding: 18px; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: auto; border-radius: 1000px; border: dashed 1px #3868f4; background-color: #f5f7ff; }

.special.mnd-craft .identity-area .identity-wrap li strong{ color: #3868f4; font-size: 14px; font-weight: bold; line-height: 1.4; letter-spacing: 0.28px; }

.special.mnd-craft .identity-area .identity-wrap li span{ display: block; margin: 4px auto 10px; color: #3868f4; font-weight: normal; }

.special.mnd-craft .identity-area .identity-wrap li .num{ color: #000; font-size: 20px; font-weight: bold;}

.special.mnd-craft .identity-area .identity-wrap li p{ color: #767676; line-height: 14px; font-size: 14px; letter-spacing: 0.28px; text-align: center; margin-top: 0;}

.special.mnd-craft .identity-area .polygon-shape{ margin: 40px auto 30px; width: 100%; height: 54px; background: linear-gradient(to bottom, #f5f7ff 0%, #c9d4ff 45%, #8ba7ed 100%); clip-path: polygon(0 0, 100% 0, 50% 100%); }

.special.mnd-craft .identity-area .txt-wrap{ color: #000; font-size: 20px; font-weight: 300; font-stretch: normal; line-height: 1.4; letter-spacing: -0.6px; text-align: center; word-break: keep-all; }

.special.mnd-craft .identity-area .txt-wrap .impt-blue{ display: inline-block; padding: 0 4px; color: #fff; font-weight: bold; background-color: #3868f4; }

.special.mnd-craft .program-area{ padding: 50px 0 60px; }

.special.mnd-craft .program-area .tit-area{ text-align: center; }

.special.mnd-craft .program-area .tit-area .ti-dot{ font-size: 24px; font-weight: bold; }

.special.mnd-craft .program-area .tit-area p{ padding-top: 0; margin: 10px auto 40px; color: #000; font-size: 20px; font-weight: 500; line-height: 1.4; letter-spacing: -0.6px; text-align: center; }

.special.mnd-craft .program-area .list-wrap{ width: 100%; margin: 0 auto; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; gap: 20px; }

.special.mnd-craft .program-area .list-wrap ul{ position: relative; display: flex; flex-direction: column; gap: 30px; width: 100%; }

.special.mnd-craft .program-area .list-wrap ul::before{ content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1px; height: 80%; background-image: linear-gradient(to bottom, #c1d2fe -18%, #d0dff9 99%); }

.special.mnd-craft .program-area .list-wrap ul li{ position: relative; width: 100%; height: 44px; line-height: 44px; color: #000; font-size: 16px; font-weight: 500; letter-spacing: normal; border-radius: 2000px; border: solid 1px rgba(56, 104, 244, 0.4); background-color: #F5F7FE; text-align: center; }

.special.mnd-craft .program-area .list-wrap ul li.first-box{ color: #3868f4; font-weight: bold; border-radius: 10px; border: solid 1px #3868f4; background-color: #fff; }

.special.mnd-craft .program-area .list-wrap ul li.dot{ border: none; background: transparent url("../../images/hub/renewal/mnd_dot_icon.png") no-repeat center center / 50px 50px; }

.special.mnd-craft .program-area .bot-txt{ margin-top: 30px; font-size: 20px; font-weight: normal; line-height: 1.4; letter-spacing: -0.6px; text-align: center; word-break: keep-all; }

.special.mnd-craft .program-area .bot-txt strong{ font-weight: bold; }

.special.mnd-craft .level-area{ padding: 50px 0; background-color: #f5f7ff; }

.special.mnd-craft .level-area .tit-area, .special.mnd-craft .group-area .tit-area{ text-align: center; }

.special.mnd-craft .level-area .tit-area .ti-dot, .special.mnd-craft .group-area .tit-area .ti-dot{ font-size: 24px; font-weight: bold; }

.special.mnd-craft .level-area .tit-area p, .special.mnd-craft .group-area .tit-area p{ padding-top: 0; margin: 10px auto 40px; color: #000; font-size: 20px; font-weight: 500; line-height: 1.4; letter-spacing: -0.6px; text-align: center; }

.special.mnd-craft .level-area .tab-menu-scroll-wrap{ width: 100vw; min-width: 240px; overflow-x: scroll; }

.special.mnd-craft .level-area .tab-menu-wrap{ display: flex; justify-content: center; align-items: center; gap: 45px; width: 100%; min-width: 450px; }

.special.mnd-craft .level-area .tab-menu-wrap button{ padding: 0 5px 16px; color: #767676; font-size: 14px; font-weight: normal; line-height: 1.57; letter-spacing: normal; text-align: center; }

.special.mnd-craft .level-area .tab-menu-wrap button.active{ color: #3868f4; font-weight: bold; border-bottom: 2px solid #3868f4; }

.special.mnd-craft .level-area .tab-wrap{ padding: 0 20px; }

.special.mnd-craft .level-area .tab-cont-wrap{ position: relative; width: 100%; min-height: 285px; margin: 25px auto 40px; border-radius: 15px; box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.08); border: solid 1px #eee; background-color: #fff; }

.special.mnd-craft .level-area .tab-cont-wrap .tab-panel{ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 28px 30px; }

.special.mnd-craft .level-area .tab-cont-wrap .tab-panel.active{ display: block; }

.special.mnd-craft .level-area .tab-cont-wrap .tab-section:not(:last-child){ margin-bottom: 20px; }

.special.mnd-craft .level-area .tab-cont-wrap .tab-section .section-title{ flex-shrink: 0; margin-bottom: 6px; color: #3868f4; font-size: 16px; font-weight: bold; line-height: 1.4; letter-spacing: normal; text-align: left; }

.special.mnd-craft .level-area .tab-cont-wrap .tab-section p{ width: 100%; color: #000; font-size: 14px; font-weight: normal; line-height: 1.5; letter-spacing: normal; margin-top: 0; text-align: left;}

.special.mnd-craft .level-area .bot-txt, .special.mnd-craft .group-area .bot-txt{ margin-top: 40px; font-size: 20px; font-weight: normal; line-height: 1.4; letter-spacing: -0.6px; text-align: center; word-break: keep-all; }

.special.mnd-craft .level-area .bot-txt strong, .special.mnd-craft .group-area .bot-txt strong{ font-weight: bold; }

.special.mnd-craft .group-area{ padding: 50px 0 40px; margin: 0 auto; text-align: center; }

.special.mnd-craft .group-area .card-wrap{ width: 100%; display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: center; gap: 20px; }

.special.mnd-craft .group-area .card-wrap li{ width: 100%; padding: 64px 20px 22px; background: #f8f8f9 url("../../images/hub/renewal/mnd_topbar.png") no-repeat center top / contain; border-radius: 8px; overflow: hidden; }

.special.mnd-craft .group-area .card-wrap li .cont{ display: flex; align-items: flex-start; justify-content: flex-start; gap: 30px; }

.special.mnd-craft .group-area .card-wrap li .cont:not(:last-child){ margin-bottom: 20px; }

.special.mnd-craft .group-area .card-wrap li .title{ flex-shrink: 0; width: 74px; padding: 2px 10px 0; color: #3868f4; font-size: 14px; font-weight: bold; line-height: 1.4; letter-spacing: normal; text-align: left; }

.special.mnd-craft .group-area .card-wrap li p{ color: #000; font-size: 16px; font-weight: normal; line-height: 1.5; letter-spacing: normal; text-align: left; margin-top: 0; text-align: left;}

.special.mnd-craft .group-area .card-wrap li p .dot{ margin: 0 10px 0 10px; display: inline-block; width: 4px; height: 4px; background-color: #000; border-radius: 100%; vertical-align: middle; }


/* 가치관 리부트 솔루션 */
#contents.special.rbt-solution {padding-top: 0;}

.special.rbt-solution .mo-show {display: block;}

.special.rbt-solution .pc-show {display: none;}

.special.rbt-solution .visual-area .visual .bg { background-image: url("../../images/hub/renewal/rbt_visual_bg_mo.jpg"); display: inline-block; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; height: 100vh; z-index: 0; }

.special.rbt-solution .visual-area .visual { position: relative; height: 100vh; }

.special.rbt-solution .visual-area .visual .inner { z-index: 2; }

.special.rbt-solution .visual-area .visual .inner strong { display: block; font-family: "SUIT"; font-size: 15px; line-height: 38px; color: #ffffff; animation: fadein-effect1 0.6s 0.4s ease-in-out both; }

.special.rbt-solution .visual-area .visual .inner h3 { margin-top: 30px; font-family: "KMA"; font-size: 40px; line-height: 60px; }

.special.rbt-solution .visual-area .visual .inner p { font-weight: 400; margin-top: 30px; }

.special.rbt-solution .visual-area .visual::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.23); z-index: 1; }

.special.rbt-solution section { overflow: hidden; }

.special.rbt-solution section .ti-dot { font-family: "SUIT"; font-size: 24px; font-weight: 500; line-height: 1.4; }

.special.rbt-solution section .ti-dot::before { bottom: 9px; }

.special.rbt-solution section p { font-size: 20px; line-height: 26px; font-weight: 500; }

.special.rbt-solution .issue-area{ padding: 50px 0; }

.special.rbt-solution .issue-area .tit-area h3{ margin-bottom: 40px; color: #000; font-size: 24px; font-weight: bold; line-height: 1.4; letter-spacing: normal; text-align: center; }

.special.rbt-solution .issue-area .card-wrap{ display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 20px; text-align: center;}

.special.rbt-solution .issue-area .card-wrap .card-box{ display: flex; flex-direction: column; justify-content: space-between; width: 100%; height: auto; padding: 25px 15px 40px; flex-shrink: 0; box-sizing: border-box; border-radius: 20px; box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.08); border: solid 1px #d4d4d4; background-color: #fff; background: url("../../images/hub/renewal/rbt_rect_bg.png") no-repeat center bottom -48px / cover; overflow: hidden;}

.special.rbt-solution .issue-area .card-wrap .card-box .round-txt{ padding: 0 10px; height: 44px; line-height: 44px; color: #fff; font-size: 16px; font-weight: bold; letter-spacing: normal; text-align: center; background-color: #3868f4; border-radius: 5000px;}

.special.rbt-solution .issue-area .card-wrap .card-box .card-desc{ margin: 35px auto 0; }

.special.rbt-solution .issue-area .card-wrap .card-box .card-desc .quotes{ display: inline-block; width: 14px; height: 10px; background: url("../../images/hub/renewal/rbt_quote.png") no-repeat center center / cover; }

.special.rbt-solution .issue-area .card-wrap .card-box .card-desc .quotes.right{ transform: rotate(180deg);}

.special.rbt-solution .issue-area .card-wrap .card-box .card-desc > p{ margin: 25px auto 15px; color: #000; font-size: 20px; font-weight: 300; line-height: 1.5; letter-spacing: -0.6px; text-align: center;}

.special.rbt-solution .issue-area .card-wrap .card-box .card-desc > p > strong{ font-weight: bold;}

.special.rbt-solution .issue-area .card-wrap .card-box .card-desc .bot-txt{ display: block; margin: 15px auto 32px; color: #a9a9a9; font-size: 14px; font-weight: normal; line-height: 1.4; letter-spacing: normal; text-align: center;}

.special.rbt-solution .issue-area .card-wrap .card-box .card-paragh{ margin-top: 77.9px; color: #000; font-size: 20px; font-weight: 500; line-height: 1.5; letter-spacing: normal; text-align: center; }

.special.rbt-solution .issue-area .card-wrap .card-box .card-paragh p:not(:last-child){ margin-bottom: 8px;}

.special.rbt-solution .issue-area .card-wrap .card-box .card-paragh .impt-blue{ padding: 4px 8px; display: inline-block; color: #fff; font-size: 24px; font-weight: bold; line-height: 1.5; letter-spacing: normal; text-align: center; background-color: #3868f4; }

.special.rbt-solution .issue-area .card-wrap .card-box .inner-wrap{ display: flex; width: 284px; flex-direction: row; gap: 50px; justify-content: center; align-items: center; margin: 0 auto; }

.special.rbt-solution .issue-area .card-wrap .card-box .inner-wrap:not(:last-child){ margin-bottom: 8px;}

.special.rbt-solution .issue-area .card-wrap .card-box .inner-wrap img{ width: 70px; height: auto;}

.special.rbt-solution .issue-area .card-wrap .card-box .inner-wrap p span{ display: block; color: #000; font-size: 16px; font-weight: bold; line-height: 1.4; letter-spacing: -0.32px; text-align: center;}

.special.rbt-solution .issue-area .card-wrap .card-box .inner-wrap p strong{ color: #3868f4; font-size: 34px; font-weight: bold; line-height: 1.4; letter-spacing: normal; text-align: center;}

.special.rbt-solution .issue-area .polygon-shape{ margin: 40px auto 35px; width: 100%; height: 56.3px; background: linear-gradient(to bottom, #f5f7ff 0%, #c9d4ff 45%, #8ba7ed 100%); clip-path: polygon(0 0, 100% 0, 50% 100%); }

.special.rbt-solution .issue-area .bot-txt{ margin: 0 auto; font-size: 24px; font-weight: normal; line-height: 1.4; letter-spacing: normal; text-align: center; }

.special.rbt-solution .banner-area.first{ padding: 73.5px 20px; text-align: center; background: url("../../images/hub/renewal/rbt_banner_bg_mo.png") no-repeat center center / cover; }

.special.rbt-solution .banner-area span{ color: #fff; font-weight: 500; font-size: 16px; line-height: 1.4; letter-spacing: normal; }

.special.rbt-solution .banner-area h3{ margin-top: 10px; color: #fff; font-size: 28px; font-weight: bold; line-height: 1.4; letter-spacing: normal; }

.special.rbt-solution .reboot-area{ padding: 50.3px 0 50px; text-align: center;}

.special.rbt-solution .reboot-area .tit-area p{ margin: 30px auto 40px; color: #000; font-size: 15px; font-weight: normal; line-height: 1.8; letter-spacing: normal; text-align: center;}

.special.rbt-solution .reboot-area .tit-area p .txt-blue{ color: #3868f4; font-weight: bold; }

.special.rbt-solution .reboot-area .tit-area p .impt-blue{ display: inline-block; padding: 0 4px; font-weight: bold; line-height: 1.4; color: #fff; background-color: #3868f4;}

.special.rbt-solution .reboot-area .card-wrap{ position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 55px;}

.special.rbt-solution .reboot-area .card-wrap::after{ position: absolute; content: ""; width: 1px; height: 90%; top: 50%; left: 50%; transform: translate(-50%, -50%); border-top: none; border-left: 1px dashed #0148ec;}

.special.rbt-solution .reboot-area .card-wrap .card-box{ z-index: 1; padding: 30px 35px; width: 100%; border-radius: 10px; box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.08); border: solid 1px #d4d4d4; background-color: #fff; text-align: center;}

.special.rbt-solution .reboot-area .card-wrap .card-box .reboot-sprite{ position: relative; display: inline-block; width: 90px; height: 90px; border-radius: 100%; overflow: hidden; background-image: linear-gradient(to left, #c1d2fe 118%, #d0dff9 1%) ;}

.special.rbt-solution .reboot-area .card-wrap .card-box .reboot-sprite::before{ content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);  background-image: url("../../images/hub/renewal/rbt_card_sprite.png"); background-repeat: no-repeat; background-size: 179px 62px;}

.special.rbt-solution .reboot-area .card-wrap .card-box .reboot-sprite.first::before{ width: 51px; height: 41px; background-position: -123px -5px;}

.special.rbt-solution .reboot-area .card-wrap .card-box .reboot-sprite.mid::before{ width: 49px; height: 52px; background-position: -5px -5px;}

.special.rbt-solution .reboot-area .card-wrap .card-box .reboot-sprite.last::before{ width: 49px; height: 39px; background-position: -64px -5px;}

.special.rbt-solution .reboot-area .card-wrap .card-box .top-sm-txt{ display: block; margin: 20px auto 4px; font-size: 16px; font-weight: bold; line-height: 1.4; letter-spacing: -0.32px; text-align: center; color: #0000a3; }

.special.rbt-solution .reboot-area .card-wrap .card-box .top-txt{ display: block; font-size: 20px; font-weight: bold; line-height: 1.4; letter-spacing: -0.4px; text-align: center; color: #0000a3;}

.special.rbt-solution .reboot-area .card-wrap .card-box .tit{ margin: 10px auto 2px; font-size: 20px; font-weight: bold; line-height: 1.8; letter-spacing: normal; text-align: center; }

.special.rbt-solution .reboot-area .card-wrap .card-box .desc{ font-size: 16px; font-weight: normal; line-height: 1.4; letter-spacing: normal; text-align: center; color: #767676; }

.special.rbt-solution .getting-area{ padding: 50px 0; background-color: #f6f6f6; text-align: center;}

.special.rbt-solution .getting-area .card-wrap{ margin: 40px auto 35px; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 20px;}

.special.rbt-solution .getting-area .card-wrap .card-box-wrap{ display: flex; gap: 20px; position: relative; width: 100vw; min-width: 240px; height: auto; box-sizing: border-box; overflow-x: scroll; overflow-y: hidden; -ms-overflow-style: none; }

.special.rbt-solution .getting-area .card-wrap .card-box{ position: relative; width: 100%; min-width: 265px; padding: 30px 25px; border-radius: 12px; box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.08); border: solid 1px #d4d4d4; background-color: #fff; cursor: pointer; transition: all ease 0.25s;}

.special.rbt-solution .getting-area .card-wrap .card-box .card-sprite{ position: absolute; position: absolute; top: 42px; right: 28px; width: 54px; height: 54px; border-radius: 100%; background-color: #f5f7ff; }

.special.rbt-solution .getting-area .card-wrap .card-box .card-sprite::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("../../images/hub/renewal/rbt_getting_icon_sprite.png"); background-repeat: no-repeat; background-size: 44px 310px; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.special.rbt-solution .getting-area .card-wrap .card-box .card-sprite.first::before{ content: ""; width: 34px; height: 25px; background-position: -5px -5px;}

.special.rbt-solution .getting-area .card-wrap .card-box .card-sprite.second::before{ content: ""; width: 34px; height: 27px; background-position: -5px -75px;}

.special.rbt-solution .getting-area .card-wrap .card-box .card-sprite.third::before{ content: ""; width: 24px; height: 32px; background-position: -5px -231px;}

.special.rbt-solution .getting-area .card-wrap .card-box .card-sprite.fourth::before{ content: ""; width: 34px; height: 31px; background-position: -5px -149px;}

.special.rbt-solution .getting-area .card-wrap .card-box.active .card-sprite.first::before{ content: ""; width: 34px; height: 25px; background-position: -5px -40px;}

.special.rbt-solution .getting-area .card-wrap .card-box.active .card-sprite.second::before{ content: ""; width: 34px; height: 27px; background-position: -5px -112px;}

.special.rbt-solution .getting-area .card-wrap .card-box.active .card-sprite.third::before{ content: ""; width: 24px; height: 32px; background-position: -5px -273px;}

.special.rbt-solution .getting-area .card-wrap .card-box.active .card-sprite.fourth::before{ content: ""; width: 34px; height: 31px; background-position: -5px -190px;}

.special.rbt-solution .getting-area .card-wrap .card-box > strong{ display: block; font-size: 16px; font-weight: bold; line-height: 1.4; letter-spacing: -0.32px; color: #3868f4; text-align: left;}

.special.rbt-solution .getting-area .card-wrap .card-box .tit{ margin: 12px 0 20px; font-size: 24px; font-weight: bold; line-height: 1.4; letter-spacing: -0.48px; color: #000; text-align: left;}

.special.rbt-solution .getting-area .card-wrap .card-box .desc{ margin-bottom: 36px; font-size: 16px; font-weight: normal; line-height: 1.4; letter-spacing: normal; color: #333; text-align: left;}

.special.rbt-solution .getting-area .card-wrap .card-box .bot-balloon{ position: relative; height: 60px; line-height: 1.25; color: #333;  font-size: 14px; font-weight: bold; letter-spacing: 0.28px; border-radius: 8px; background-color: #f5f7ff; text-align: center; display: flex; flex-direction: row; justify-content: center; align-items: center;}

.special.rbt-solution .getting-area .card-wrap .card-box .bot-balloon::before{ content: ""; position: absolute; top: -12px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #f5f7ff; }

.special.rbt-solution .getting-area .card-wrap .card-box.active{ background-color: #3868f4; }

.special.rbt-solution .getting-area .card-wrap .card-box.active > strong, .special.rbt-solution .getting-area .card-wrap .card-box.active .tit, .special.rbt-solution .getting-area .card-wrap .card-box.active .desc{ color: #fff; }

.special.rbt-solution .getting-area .card-wrap .card-box.active .card-sprite{ background-color: rgba(255, 255, 255, 0.1); }

.special.rbt-solution .getting-area .card-wrap .card-box.active .bot-balloon{ background-color: #fff; }

.special.rbt-solution .getting-area .card-wrap .card-box.active .bot-balloon::before{ border-bottom: 12px solid #fff; }

.special.rbt-solution .getting-area .bot-cont{ padding: 36px 40px; width: 100%; border-radius: 10px; box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.08); border: solid 1px #eee; background-color: #fff; }

.special.rbt-solution .getting-area .bot-cont .bot-cont-box .top-area{ margin-bottom: 22.5px; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}

.special.rbt-solution .getting-area .bot-cont .bot-cont-box .top-area h4{ font-size: 18px; font-weight: bold; line-height: 1.4; letter-spacing: normal; text-align: left; color: #000; }

.special.rbt-solution .getting-area .bot-cont .bot-cont-box .top-area span{ display: inline-block; padding: 0 10px; height: 30px; line-height: 30px; flex-shrink: 0; font-size: 11px; font-weight: bold; letter-spacing: normal; text-align: center; color: #3868f4; border-radius: 5000px; border: 1px solid #d4d4d4;}

.special.rbt-solution .getting-area .bot-cont .bot-cont-box .dot-txt{ position: relative; margin-bottom: 15px; padding-left: 17px; display: block; font-size: 14px; font-weight: 500; line-height: 1.4; letter-spacing: normal; text-align: left; color: #000; text-align: left;}

.special.rbt-solution .getting-area .bot-cont .bot-cont-box .dot-txt::before{ content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; border-radius: 100%; background-color: #3868f4;  }

.special.rbt-solution .getting-area .bot-cont .bot-cont-box .bot-area .box-wrap{ display: flex; flex-direction: column; justify-content: center; gap: 10px;}

.special.rbt-solution .getting-area .bot-cont .bot-cont-box .bot-area .box-wrap:not(:last-child){ margin-bottom: 25px;}

.special.rbt-solution .getting-area .bot-cont .bot-cont-box .bot-area .box-wrap > img{ width: 100%; }

.special.rbt-solution .banner-area.second{ padding: 73.2px 20px; text-align: center; background: url("../../images/hub/renewal/rbt_banner_bg02_mo.png") no-repeat center center / cover; }

.special.rbt-solution .banner-area.second h3{ margin-top: 10px; font-size: 28px; }

.special.rbt-solution .banner-area.third{ padding: 69.7px 44px; text-align: center; background: url("../../images/hub/renewal/rbt_banner_bg03_mo.png") no-repeat center center / cover; }

.special.rbt-solution .banner-area.third h3{ font-size: 28px; font-weight: 300; }

.special.rbt-solution .banner-area.third h3 strong{ display: block; font-weight: bold;}

.special.rbt-solution .step-area{ padding: 50px 0; text-align: center;}

.special.rbt-solution .step-area .tit-area h3{ margin-bottom: 40px; color: #000; font-size: 24px; font-weight: bold; line-height: 1.4; letter-spacing: normal; text-align: center;}

.special.rbt-solution .step-area .step-wrap{ display: flex; justify-content: center; align-items: flex-start; flex-direction: column; gap: 20px;}    

.special.rbt-solution .step-area .step-wrap .step-inner{ width: 100%;}

.special.rbt-solution .step-area .step-wrap .top-box{ padding: 22px 35px; width: 100%; border-radius: 8000px; box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.08); border: solid 1px #d4d4d4; background-color: #fff; text-align: center; }

.special.rbt-solution .step-area .step-wrap .top-box strong{ display: block; min-width: 72px padding-bottom: 9px; margin: 0 auto 20px; width: fit-content; font-size: 20px; font-weight: bold; line-height: 1.4; letter-spacing: -0.4px; text-align: center; color: #3868f4; border-bottom: 1px solid #d4d4d4; }

.special.rbt-solution .step-area .step-wrap .top-box span{ font-size: 15px; font-weight: bold; line-height: 2.4; letter-spacing: normal; text-align: center; color: #000; }

.special.rbt-solution .step-area .step-wrap .dot-line{ width: 8px; margin: 20px auto; }

.special.rbt-solution .step-area .step-wrap .step-inner > p{ font-size: 16px; font-weight: 300; line-height: 1.5; letter-spacing: normal; text-align: center; color: #000; }

.special.rbt-solution .step-area .step-wrap .step-inner > p .txt-blue{ font-weight: bold; color: #3868f4; }

.special.rbt-solution .proceed-area{ padding: 50px 0; text-align: center; background-color: #f5f7ff;}

.special.rbt-solution .proceed-area .tit-area h3{ margin-bottom: 40px; color: #000; font-size: 24px; font-weight: bold; line-height: 1.4; letter-spacing: normal; text-align: center;}

.special.rbt-solution .proceed-area .proceed-wrap .proceed-inner{ padding-bottom: 10px;}

.special.rbt-solution .proceed-area .proceed-wrap .dot-line{ width: 8px; margin: 0 auto 30px;}

.special.rbt-solution .proceed-area .proceed-wrap .dot-line:last-child{ margin-bottom: 0;}

.special.rbt-solution .proceed-area .proceed-wrap .dashed-line{ width: 2px; margin: 0 auto 10px;}

.special.rbt-solution .proceed-area .proceed-wrap .proceed-inner > strong{ display: inline-block; font-size: 14px; font-weight: bold; line-height: 1.4; letter-spacing: normal; text-align: center; color: #3868f4; }

.special.rbt-solution .proceed-area .proceed-wrap .proceed-inner > h4{ margin: 4px auto 10px; font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: normal; text-align: center; color: #000;}

.special.rbt-solution .proceed-area .proceed-wrap .proceed-inner > h4 > span{ display: block; font-size: 16px; font-weight: normal; line-height: 1.5; letter-spacing: normal; text-align: center; color: #333;}

.special.rbt-solution .proceed-area .proceed-wrap .diff-wrap{ position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 15px; background: none;}

.special.rbt-solution .proceed-area .proceed-wrap .diff-wrap .left-inner{ width: 100%;}

.special.rbt-solution .proceed-area .proceed-wrap .diff-wrap .tit{ display: block; margin-bottom: 12px; font-size: 16px; font-weight: bold; line-height: 1.4; letter-spacing: normal; text-align: center; color: #000;}

.special.rbt-solution .proceed-area .proceed-wrap .diff-wrap .btn-wrap{ width: 100%; display: flex; flex-direction: column; gap: 12px;}

.special.rbt-solution .proceed-area .proceed-wrap .diff-wrap .btn-wrap > button{ width: 100%; height: 48px; padding: 0 10px; font-size: 14px; font-weight: 500; letter-spacing: normal; text-align: center; color: #000; border-radius: 8000px; border: 1px solid #c1d2fe; background-color: #fff; transition: all ease 0.25s;}

.special.rbt-solution .proceed-area .proceed-wrap .diff-wrap .btn-wrap > button.active{ background-color: #3868f4; color: #fff; }

.special.rbt-solution .proceed-area .proceed-wrap .diff-wrap .cont-wrap{ position: relative; width: 100%; min-height: auto; padding: 15px 25px 25px; border-radius: 10px; background-color: #fff; box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.08); }

.special.rbt-solution .proceed-area .proceed-wrap .diff-wrap .cont-wrap .tit-wrap{ margin-bottom: 10px; text-align: left; display: flex; justify-content: space-between; align-items: center;}

.special.rbt-solution .proceed-area .proceed-wrap .diff-wrap .cont-wrap .tit-wrap strong{ font-size: 16px; font-weight: bold; line-height: 2.25; letter-spacing: normal; text-align: left; color: #000;}

.special.rbt-solution .proceed-area .proceed-wrap .diff-wrap .cont-wrap .tit-wrap .badge{ display: inline-block; padding: 0 8px; height: 28px; line-height: 28px; color: #fff; font-family: Inter; font-size: 12px; font-weight: 500; letter-spacing: -0.84px; border-radius: 4px; background-color: #ffd0ce;}

.special.rbt-solution .proceed-area .proceed-wrap .diff-wrap .cont-wrap ul{ margin-bottom: 25px; }

.special.rbt-solution .proceed-area .proceed-wrap .diff-wrap .cont-wrap ul li{ margin-bottom: 2px; font-size: 14px; font-weight: normal;  line-height: 1.5; letter-spacing: normal; text-align: left; color: #767676; text-indent: -18px; padding-left: 18px; word-break: keep-all;}

.special.rbt-solution .proceed-area .proceed-wrap .diff-wrap .cont-wrap ul li::last-child{ margin-bottom: 0;}

.special.rbt-solution .proceed-area .proceed-wrap .diff-wrap .cont-wrap ul li > p{ margin-top: 4px; font-size: 12px; font-weight: normal; line-height: 1.4; letter-spacing: normal; text-align: left; color: #767676; text-indent: 0; word-break: keep-all;}

.special.rbt-solution .proceed-area .proceed-wrap .diff-wrap .cont-wrap > img{ width: 100%;}

.special.rbt-solution .diff-area{ padding: 50px 0; text-align: center;}

.special.rbt-solution .diff-area .tit-area h3{ margin-bottom: 40px; color: #000; font-size: 24px; font-weight: bold; line-height: 1.4; letter-spacing: normal; text-align: center;}

.special.rbt-solution .diff-area .diff-wrap{ width: 100%;}

.special.rbt-solution .diff-area .diff-wrap .cont-wrap{ margin-top: 40px;}

.special.rbt-solution .diff-area .diff-wrap .cont-wrap li:not(:last-child){ margin-bottom: 20px;}

.special.rbt-solution .diff-area .diff-wrap .cont-wrap li strong{ display: block; margin-bottom: 6px; font-size: 16px; font-weight: 500; line-height: 1.4; letter-spacing: -0.32px; text-align: left; color: #000; word-break: keep-all;}

.special.rbt-solution .diff-area .diff-wrap .cont-wrap li p{ font-size: 14px; font-weight: normal; line-height: 1.4; letter-spacing: -0.28px; text-align: left; color: #767676; word-break: keep-all;}

.special.rbt-solution .customer-area{ padding: 40px 0 60px; background-color: #f9f9f9;}

.special.rbt-solution .customer-area .tit-area h3{ margin-bottom: 40px; color: #000; font-size: 24px; font-weight: bold; line-height: 1.4; letter-spacing: normal; text-align: center;}

.special.rbt-solution .customer-area .logo-slide-area .loop-banner{ display: flex; flex-wrap: nowrap; white-space: nowrap; animation: slideLoopRight 20s linear infinite;}

.special.rbt-solution .customer-area .logo-slide-area .loop-banner .img-wrap{ overflow: hidden; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; margin-right: 12px; padding: 10px; width: 132px; height: 60px; line-height: 60px; border-radius: 6px; box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.06); background-color: #fff;}

.special.rbt-solution .customer-area .logo-slide-area .loop-banner .img-wrap > img{ height: 18px; width: auto;}

.special.rbt-solution .customer-area .logo-slide-area .loop-banner .img-wrap.h28 > img{ height: 16px;}

.special.rbt-solution .customer-area .logo-slide-area .loop-banner .img-wrap.h40 > img{ height: 30px;}

.special.rbt-solution .customer-area .logo-slide-area .loop-banner .img-wrap.h70 > img{ height: 40px;}

.special.rbt-solution .customer-area .logo-slide-area .loop-banner .img-wrap.h110 > img{ height: 60px;}

.special.rbt-solution .customer-area .logo-slide-area .loop-banner:hover{ animation-play-state: paused; }

/* Logo Slide Animation */
@keyframes slideLoopRight {
  from { transform: translate3d(calc(-1 * var(--loop-distance)), 0, 0); }
  to   { transform: translate3d(0, 0, 0); }
}

@media (min-width: 769px) and (max-width: 1290px) {
	.special.hxgn-leader .works-area .polygon-shape, .special.hxgn-leader .works-area .bot-area .img-wrap{ width: 100% !important; }
	.special.mnd-craft .purpose-area .card-box-wrap, .special.mnd-craft .identity-area .identity-wrap, .special.mnd-craft .program-area .list-wrap, .special.mnd-craft .level-area .tab-cont-wrap, .special.mnd-craft .group-area .card-wrap{ width: 100% !important; }
	.special.mnd-craft .program-area .list-wrap ul li{ font-size: 16px !important;}
	.special.rbt-solution .getting-area .card-wrap, .special.rbt-solution .getting-area .bot-cont, .special.rbt-solution .diff-area .diff-wrap{ width: 100% !important;}
	.special.rbt-solution .getting-area .card-wrap .card-box .card-sprite{ top: 20px; right: 14px;}
	.special.rbt-solution .step-area .step-wrap{ flex-direction: column !important;}
	.special.rbt-solution .step-area .step-wrap .step-inner{ margin: 0 auto !important;;}
	.special.rbt-solution .proceed-area .proceed-wrap .diff-wrap{ gap: 30px !important; background: none !important;}
	.special.rbt-solution .proceed-area .proceed-wrap .diff-wrap .left-inner{ width: calc(100% - 470px) !important;}
	.special.rbt-solution .proceed-area .proceed-wrap .diff-wrap .btn-wrap{ width: 100% !important;}
}
@media (min-width: 769px) and (max-width: 1279px){
	.special.hxgn-leader .hexagon-wrap{ transform: scale(0.5);}
}

@media (min-width: 1280px) {
	.special.hxgn-leader .mo-show {display: none;}
	.special.hxgn-leader .pc-show {display: block;}
	.special.hxgn-leader .visual-area .visual .bg { background-image: url("../../images/hub/renewal/hxgn_leader_visual_bg.jpg"); background-position: center; background-size: cover;}
	.special.hxgn-leader p { line-height: 2rem; }
	.special.hxgn-leader section .tit-area:after { clear: both; content: ''; display: table; }
	.special.hxgn-leader section .tit-area .ti-dot { margin-right: 0; width: auto; }
	.special.hxgn-leader section .ti-dot { padding: 0; font-size: 3.5rem; line-height: 4.25rem; }
	.special.hxgn-leader section .ti-dot::before { right: -15px; }
	.special.hxgn-leader section p { font-weight: 400; }
	.special.hxgn-leader .history-area{ padding: 100px 0; }
	.special.hxgn-leader .history-area .tit-area, .special.hxgn-leader .role-area .tit-area h3{ font-size: 48px; line-height: 1.13; letter-spacing: normal;}
	.special.hxgn-leader .history-area .desc-area{ margin-top: 100px; gap: 232.3px; align-items: flex-start; flex-direction: row;}
	.special.hxgn-leader .history-area .desc-area .desc-heading{ margin-top: 11.5px; width: 300px; height: 347px; font-size: 28px;}
	/* START: Animated border glow */
	.special.hxgn-leader .history-area .desc-area .polygon-box::after{ top: -89px; right: -86px; width: 300px; height: 347px;}
	.special.hxgn-leader .history-area .desc-area .polygon-heading{ width: 300px; height: 347px; font-size: 28px;}
	.special.hxgn-leader .history-area .desc-area .animated-border-box-glow{ width: 316px; height: 366px; clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);}
	/* END: Animated border glow */
	.special.hxgn-leader .history-area .desc-area .desc-text{ font-size: 20px; letter-spacing: -0.4px;}
	.special.hxgn-leader .role-area{ padding: 100px 0 80px; }
	.special.hxgn-leader .role-area .tit-area h3{ font-size: 48px; line-height: 1.13; letter-spacing: normal;}
	.special.hxgn-leader .role-area .tit-area p{ margin: 60px auto 80px; font-size: 20px; line-height: 1.75; letter-spacing: -0.4px;}
	.special.hxgn-leader .role-chng-bot-area .chng-inner-area{ width: 580px; }
	.special.hxgn-leader .role-chng-bot-area .bot-wrapper{ gap: 40px; flex-direction: row;}
	.special.hxgn-leader .role-chng-bot-area .chng-inner-area > h4{ padding: 24px; font-size: 24px; line-height: 1.4; letter-spacing: normal;}
	.special.hxgn-leader .role-chng-bot-area .chng-inner-area .box{ padding: 30px 28px; border-radius: 33px;}
	.special.hxgn-leader .role-chng-bot-area .chng-inner-area .box .desc-box{ margin-bottom: 35px; min-height: 107px;}
	.special.hxgn-leader .role-chng-bot-area .chng-inner-area .box .desc-box strong{ font-size: 20px; letter-spacing: -0.4px;}
	.special.hxgn-leader .role-chng-bot-area .chng-inner-area .box .desc-box ul li{ text-indent: -15px; padding-left: 20px; font-size: 16px; font-weight: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #333;}
	.special.hxgn-leader .role-chng-bot-area .progress-box .progress-bar{ padding: 0 20px; height: 44px; line-height: 44px;}
	.special.hxgn-leader .role-chng-bot-area .progress-box .label{ font-size: 14px; letter-spacing: -0.42px;}
	.special.hxgn-leader .role-chng-bot-area .progress-box .percent{ font-size: 12px;}
	.special.hxgn-leader .role-chng-bot-area .progress-box .percent .num{ font-size: 18px;}
	.special.hxgn-leader .role-chng-bot-area .chng-inner-area .box .bot-box{ margin-top: 40px; padding: 18px 10px 20px; font-size: 16px; letter-spacing: -0.32px; border-radius: 10px;}
	.special.hxgn-leader .role-chng-bot-area .summary-txt{ margin-top: 80px; font-size: 24px; font-weight: normal; line-height: 1.75; letter-spacing: -0.48px;}
	.special.hxgn-leader .program-banner{ background: url("../../images/hub/renewal/hxgn_banner_img.jpg") no-repeat center center / cover; }
	.special.hxgn-leader .program-banner .tit-area{ gap: 20px;}
	.special.hxgn-leader .program-banner .tit-area > p{ margin-left: 155px; font-size: 20px; text-align: left;}
	.special.hxgn-leader .model-area{ padding: 324px 0; }
	.special.hxgn-leader .model-area .tit-area{ flex-direction: row; align-items: flex-start; }
	.special.hxgn-leader .model-area .tit-area p{ text-align: left; font-size: 20px; line-height: 1.8; letter-spacing: normal; }
	.special.hxgn-leader .model-area .top-box{ align-items: flex-start; gap: 20px; padding-bottom: 129px; margin-bottom: 130px; flex-direction: row; border-bottom: 1px solid #d4d4d4;}
	.special.hxgn-leader .model-area .top-box .box > h3{ margin-bottom: 50px; font-size: 30px; letter-spacing: -0.9px;}
	.special.hxgn-leader .model-area .box.mid{ z-index: 3; margin-top: 179px; position: relative; width: 30px; height: 30px; width: 40px; height: 40px; background: url("../../images/hub/renewal/hxgn_icon_plus.png") no-repeat center center / cover;}
	.special.hxgn-leader .model-area .box ul{ margin-bottom: 35px; padding: 28px 50px;}
	.special.hxgn-leader .model-area .box ul::after{ content: ""; z-index: -1; position: absolute; top: 0; left: 0; width: calc(100% + 100px); height: 100%; border-radius: 500px; border: 1px dashed #3868f4; background: rgba(245, 247, 255, 0.8);}
	.special.hxgn-leader .model-area .box.last ul::after{ left: unset; right: 0; background-color: rgba(242, 242, 242, 0.8); border-color: #767676;}
	.special.hxgn-leader .model-area .box .hexagon{ width: 140px; height: 160px; line-height: 160px; font-size: 18px; clip-path: polygon( 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25% );}
	.special.hxgn-leader .model-area .top-box .box > p{ padding: 20px 40px; font-size: 18px;}
	.special.hxgn-leader .model-area .bot-box .tit-area{ margin-bottom: 264.7px;}
	.special.hxgn-leader .model-area .inner .bot-box .tit-area h3{ font-size: 34px;} 
	.special.hxgn-leader .hexagon-wrap{ transform: scale(1);}
	.special.hxgn-leader .program-area{ padding: 100px 0 90px;}
  	.special.hxgn-leader .program-banner .tit-area{ flex-direction: row; }
	.special.hxgn-leader .program-area .tit-area h3{ font-size: 48px; line-height: 1.13; letter-spacing: normal;}
	.special.hxgn-leader .program-area .tit-area p{ margin: 60px auto 80px; font-size: 20px; letter-spacing: -0.4px;}
	.special.hxgn-leader .program-area .conts-area{ flex-direction: row; gap: 40px;}
	.special.hxgn-leader .program-area .conts-area .list-wrap{ width: 218px;}
	.special.hxgn-leader .program-area .conts-area .list-wrap li.box > ul { height: 129px;}
	.special.hxgn-leader .difference-area{ padding: 70px 0 100px;}
	.special.hxgn-leader .difference-area .tit-area h3{ margin-bottom: 70px; font-size: 48px; line-height: 1.13; letter-spacing: normal;}
	.special.hxgn-leader .difference-area .conts-area{ flex-direction: row; gap: 40px;}
	.special.hxgn-leader .difference-area .conts-area > ul{ width: calc(50% - 20px);}
	.special.hxgn-leader .difference-area .conts-area > ul > li{ gap: 60px; align-items: center; flex-direction: row; min-height: 213px; margin-bottom: 30px; padding: 35px; border-radius: 15px;}
	.special.hxgn-leader .difference-area .conts-area > ul > li .sprites-img{ width: 84px; height: 84px;}
	.special.hxgn-leader .difference-area .conts-area > ul > li .desc > li{ font-size: 18px; font-weight: 500; line-height: 1.5; letter-spacing: -0.36px; text-align: left; color: #767676;}
	.special.hxgn-leader .difference-area .conts-area > ul > li .desc > li.tit{ margin-bottom: 12px; font-size: 20px; font-weight: bold; line-height: 1.4; letter-spacing: -0.4px; text-align: left; color: #000;}
	.special.hxgn-leader .difference-area .conts-area > ul:last-child > li:last-child{ border-bottom: 1px solid #d4d4d4;}
}

@media (min-width: 1025px) {
	.special.hxgn-leader .visual-area .inner{max-width: 1512px;} 
	.special.hxgn-leader .program-area .tit-wrap .ti-tit {font-size: 56px; line-height: 68.16px; color: #fff;}
	.special.hxgn-leader .program-area .tit-wrap .ti-tit .ti-dot {font-size: 56px;}
	.special.hxgn-leader .program-area .tit-wrap .ti-tit .ti-dot::before {width: 10px; height: 10px; left: 320px;}
	.special.hxgn-leader .visual-area .visual .inner strong { font-size: 1.25rem; line-height: 2.375rem; }
	.special.hxgn-leader .visual-area .visual .inner h3 { font-size: 5rem; line-height: 5rem; }
	
	.special.mnd-craft .visual-area .inner{max-width: 1512px;} 
	.special.mnd-craft .feature-area .ti-dot::before  {left: 310px;}
	.special.mnd-craft .feature-area .card-area .cont li span {font-size: 18px;}
	.special.mnd-craft .visual-area .visual .inner strong { font-size: 1.25rem; line-height: 2.375rem; }
	.special.mnd-craft .visual-area .visual .inner h3 { font-size: 5rem; line-height: 5rem; }
	.special.mnd-craft .puzzle-area .puzzle-box-wrap .box .top-wrap{ width: 352px; height: 580px; }
	.special.mnd-craft .purpose-area .card-box-wrap{ width: 100%; }
	
	.special.rbt-solution .visual-area .inner{max-width: 1512px;} 
	.special.rbt-solution .visual-area .visual .inner strong { font-size: 1.25rem; line-height: 2.375rem; }
	.special.rbt-solution .visual-area .visual .inner h3 { font-size: 5rem; line-height: 5rem; }
}

@media (min-width: 768px) { 
	/* Common Footer Inquiry Banner */
	.special .common-footer-banner{ padding: 130px 70px; background: url("../../images/hub/special/spcDx_pro_banner_bg.png") no-repeat center center / 100% 108%; }
	.special .common-footer-banner > .inner{ flex-direction: row;}
	.special .common-footer-banner .banner-txt{ margin-bottom: unset; color: #fff; font-family: SUIT; font-size: 40px; font-weight: 700; line-height: 48px; letter-spacing: -2px; text-align: left; margin-top: 0;}
	.special .common-footer-banner .btn-wrap{ display: flex; align-items: center; justify-content: center; gap: 15px; flex-direction: row; }
	.special .common-footer-banner .btn-wrap a{ border: 1px solid #fff; width: auto; height: 64px; line-height: 64px; padding: 0 50px; color: #fff; font-family: SUIT; font-size: 18px; font-weight: 700; letter-spacing: -0.36px; background: transparent; text-align: center; }
	.special .common-footer-banner .btn-wrap button{ border: 1px solid #fff; width: auto; height: 64px; line-height: 64px; padding: 0 50px; color: #000; font-family: SUIT; font-size: 18px; font-weight: 700; letter-spacing: -0.36px; background: #fff; }
	 
	/* Common Footer Inquiry */
	.special .inquiry-area { padding-top: 6.5625rem; padding-bottom: 7.5rem; background-size: 100%; }
	.special .inquiry-area .inner { padding-left: 27.5rem; }
	.special .inquiry-area .select .dropdown { padding: 0 2.1875rem 0 1.375rem; }
	.special .inquiry-area .title-area { position: absolute; top: 0; left: 0; }
	.special .inquiry-area .title-area h3 { font-size: 2.25rem; line-height: 3rem; }
	.special .inquiry-area .title-area .lk { margin-top: 1.875rem; }
	.special .inquiry-area .title-area .lk a { font-size: 1.25rem; line-height: 1.875rem; }
	.special .inquiry-area .inquiry-list { margin-top: 0.625rem; max-width: 840px; }
	.special .inquiry-area .inquiry-list .form-entry { margin-top: 1.875rem; }
	.special .inquiry-area .inquiry-list .form-entry strong { font-size: 1rem; }
	.special .inquiry-area .inquiry-list .form-entry strong em { margin-left: 0.1875rem; }
	.special .inquiry-area .inquiry-list .form-entry textarea { min-height: 118px; }
	.special .inquiry-area .inquiry-list .form-entry .form-write.phone input, .special .inquiry-area .inquiry-list .form-entry .form-write.phone .select { width: calc(33% - 20px); }
	.special .inquiry-area .inquiry-list .form-entry .form-write.phone .tilde { width: 40px; font-size: 1rem; line-height: 1.25rem; }
	.special .inquiry-area .inquiry-list .form-entry .form-write.email input { width: calc(33% - 23px); }
	.special .inquiry-area .inquiry-list .form-entry .form-write.email .select { width: calc(33% - 7px); margin-left: 15px; }
	.special .inquiry-area .inquiry-list .form-entry .form-write.email .tilde { width: 47px; font-size: 1rem; line-height: 1.25rem; }
	.special .inquiry-area .inquiry-list .form-entry.fileupload .upfilename { width: calc(100% - 157px); }
	.special .inquiry-area .inquiry-list .form-entry.fileupload .btn { width: 145px; }
	.special .inquiry-area .inquiry-list .form-entry.form-agree .agree-list { margin-top: 1.875rem; padding-left: 2.125rem; }
	.special .inquiry-area .inquiry-list .form-entry.form-agree .agree-list input[type="checkbox"] + span { color: #a9a9a9; font-size: 1.125rem; line-height: 1.5rem; }
	.special .inquiry-area .inquiry-list .form-entry.form-agree .agree-list input[type="checkbox"]:checked + span { color: #ffffff; }
	.special .inquiry-area .inquiry-list .form-entry.form-agree .agree-list li { margin-bottom: 1.5rem; max-width: 335px; }
	.special .inquiry-area .inquiry-list .form-entry.form-agree .agree-list li:last-of-type { margin-bottom: 0; }
	.special .inquiry-area .inquiry-list .form-entry.form-agree .agree-list li .agree-detail { font-size: 0.875rem; line-height: 1.25rem; }
	.special .inquiry-area .inquiry-list .input-info { margin-top: 0.375rem; padding-left: 0.625rem; font-size: 1rem; line-height: 1.625rem; }
	.special .inquiry-area .inquiry-list .input-info::before { margin-top: 8px; left: 0px; }
	.special .inquiry-area .inquiry-list .btns { margin-top: 50px; justify-content: flex-start; }
	.special .inquiry-area .inquiry-list .btns .btn { width: 15rem; height: 4rem; font-size: 1.125rem; line-height: 3.875rem; }

  	.special.mnd-craft .mo-show {display: none;}
	.special.mnd-craft .pc-show {display: block;}
	.special.mnd-craft .tit-area > h3 { margin-right: 10px; }
	.special.mnd-craft .tit-area > h3.txt-center {font-size: 36px;}
	.special.mnd-craft .visual-area .visual .bg { background-image: url("../../images/hub/renewal/mnd_visual_bg.jpg"); background-position: center; background-size: cover;}
	.special.mnd-craft p { line-height: 2rem; }
	.special.mnd-craft section .tit-area:after { clear: both; content: ''; display: table; }
	.special.mnd-craft section .tit-area .ti-dot, .special.mnd-craft section .tit-area h3 { margin-right: 0; width: auto; font-size: 44px; line-height: 1.23; letter-spacing: -1.76px;}
	.special.mnd-craft section .tit-area p { font-size: 1.25rem; padding-top: 0; }
	.special.mnd-craft section .ti-dot { padding: 0; font-size: 40px; line-height: 1.4; }
	.special.mnd-craft section .ti-dot::before { right: -15px; }
	.special.mnd-craft section p { font-weight: 400; }
	.special.mnd-craft .impt-area { padding: 100px 0px 80px; }
	.special.mnd-craft .impt-area .tit-area > h2{ margin-bottom: 50px; font-size: 56px; line-height: 0.96; letter-spacing: normal; }
	.special.mnd-craft .impt-area .ti-dot {font-size: 40px; line-height: 1.4; }
	.special.mnd-craft .feature-area{ padding-bottom: 90px; }
	.special.mnd-craft .feature-area > .innerfull.feature-swiper { max-width: 1320px; height: 558px; padding: 0 20px; margin: 0 auto; }
	.special.mnd-craft .feature-area > .innerfull.feature-swiper .swiper-container { width: 100%; }
	.special.mnd-craft .feature-area > .innerfull.feature-swiper .swiper-wrapper { height: 558px; }
	.special.mnd-craft .feature-area .swiper-pagination { right: 42px; }
	.special.mnd-craft .feature-area .swiper-pagination-bullet { margin: 1.25rem 0; width: 0.5rem; height: 0.5rem; }
	.special.mnd-craft .feature-area .swiper-slide { height: 558px; }
	.special.mnd-craft .feature-area .swiper-slide picture { position: relative; text-align: center; }
	.special.mnd-craft .feature-area .swiper-slide img { max-width: none; min-height: none; }
	.special.mnd-craft .feature-area .swiper-slide .txt-area .mo-show { display: none; }
	.special.mnd-craft .feature-area .swiper-slide .txt-area .desc { font-size: 36px; line-height: 1.28; }
	.special.mnd-craft .puzzle-area{ padding: 100px 0 110px 0; }
	.special.mnd-craft .puzzle-area .inner{ padding: 55px 144px 65px; }
	.special.mnd-craft .puzzle-area .round-txt{ width: fit-content; height: 58px; line-height: 58px; font-size: 20px; letter-spacing: normal; }
	.special.mnd-craft .puzzle-area .round-txt.top{ padding: 0 89px;}
	.special.mnd-craft .puzzle-area .sentence{ margin-top: 65px; font-size: 36px; text-align: center; line-height: 1.5;}
	.special.mnd-craft .puzzle-area .line-txt{ padding: 70px 0 60px; font-size: 34px; }
	.special.mnd-craft .puzzle-area .line-txt::before{ content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: calc(50% - 115px); height: 1px; background-color: #d4d4d4; }
	.special.mnd-craft .puzzle-area .line-txt::after{ content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: calc(50% - 115px); height: 1px; background-color: #d4d4d4; }
	.special.mnd-craft .puzzle-area .puzzle-list-wrap{ gap: unset; padding: 0; align-items: flex-end; justify-content: space-between; flex-direction: row; }
	.special.mnd-craft .puzzle-area .puzzle-list-wrap li{ flex-direction: column; align-items: center; justify-content: space-between; }
	.special.mnd-craft .puzzle-area .puzzle-list-wrap li > img, .special.mnd-craft .puzzle-area .puzzle-list-wrap li:nth-child(3) img{ width: 46.5%; }
	.special.mnd-craft .puzzle-area .puzzle-list-wrap li:nth-child(1) img{ width: 39%; }
	.special.mnd-craft .puzzle-area .puzzle-list-wrap li > span{ margin-top: 40px; font-size: 20px; line-height: 1.4; }
	.special.mnd-craft .puzzle-area .puzzle-box-wrap{ margin-top: 90px; align-items: flex-start; justify-content: center; gap: 30px; flex-direction: row; }
	.special.mnd-craft .puzzle-area .puzzle-box-wrap .box{ width: 50%; }
	.special.mnd-craft .puzzle-area .puzzle-box-wrap .box .top-wrap::after, .special.mnd-craft .puzzle-area .puzzle-box-wrap .box.check .top-wrap::after{ background-size: cover;}
	.special.mnd-craft .puzzle-area .puzzle-box-wrap .box .mid-wrap .txt{ margin: 60px 0 50px; font-size: 20px; }
	.special.mnd-craft .puzzle-area .puzzle-box-wrap .box .img-wrap > img{ width: 19%; }
	.special.mnd-craft .puzzle-area .puzzle-box-wrap .box.check .img-wrap > img:nth-child(1){ width: 6%; }
	.special.mnd-craft .puzzle-area .puzzle-box-wrap .box.check .img-wrap > img:nth-child(3){ width: 11.7%; }
	.special.mnd-craft .puzzle-area .puzzle-box-wrap .box .mid-tit{ margin: 64px auto 40px; font-size: 40px; line-height: 1; }
	.special.mnd-craft .puzzle-area .puzzle-box-wrap .box .arrow.down{ width: 44.2px; }
	.special.mnd-craft .puzzle-area .puzzle-box-wrap .box .mid-desc{ margin: 50px auto 40px; font-size: 30px; min-height: 74px; }
	.special.mnd-craft .puzzle-area .puzzle-box-wrap .box .round-txt{ width: calc(100% - 52px); height: 54px; top: -27px; line-height: 54px; font-size: 20px; }
	.special.mnd-craft .puzzle-area .bot-txt{ margin: 50px auto 22px; font-size: 36px; }
	.special.mnd-craft .puzzle-area .bot-desc{font-size: 24px; }
	.special.mnd-craft .purpose-area{ padding: 80px 0 100px; }
	.special.mnd-craft .purpose-area .tit-area{ margin-bottom: 80px; }
	.special.mnd-craft .purpose-area .tit-area .ti-dot, .special.mnd-craft .purpose-area .tit-area h3{ font-size: 40px; line-height: 1.23; letter-spacing: -1.76px; }
	.special.mnd-craft .purpose-area .card-box-wrap{ width: 1200px; flex-wrap: wrap; gap: 30px; justify-content: center; align-items: flex-start; flex-direction: row; }
	.special.mnd-craft .purpose-area .card-box-wrap li{ padding: 32px 35px; width: 380px; height: 326px; }
	.special.mnd-craft .purpose-area .card-box-wrap li h4{ margin: 10px 0 28px; font-size: 24px; font-weight: bold; line-height: 1.5; }
	.special.mnd-craft .purpose-area .card-box-wrap li p{ font-size: 18px; }
	.special.mnd-craft .identity-area{ padding: 90px 0 120px; }	
	.special.mnd-craft .identity-area .identity-wrap{ position: relative; width: 1026px; margin: 0 auto 50px; display: flex; justify-content: space-between; align-items: center; flex-direction: row; gap: 45px; padding: 40px; background: #fff; border: 1px solid #3868f4; box-sizing: border-box;  border-radius: 500px; }
	.special.mnd-craft .identity-area .identity-wrap::after{ display: block; z-index: 1; content: ""; position: absolute; width: calc(100% - 100px); height: 50%; top: 0; left: 50%; transform: translateX(-50%); border-bottom: 1px dashed #3868f4; }
	.special.mnd-craft .identity-area .bubble-txt{ padding: 15px 60px; font-size: 20px; letter-spacing: 0.4px; }
	.special.mnd-craft .identity-area .tit-area h3{ margin: 32px auto 60px; padding: unset !important; font-size: 40px; line-height: 1.35; }
	.special.mnd-craft .identity-area .identity-wrap{ flex-direction: row; border-radius: 63px; }
	.special.mnd-craft .identity-area .identity-wrap li{ height: 200px; padding: unset; }
	.special.mnd-craft .identity-area .identity-wrap li .num{ font-size: 24px;}
	.special.mnd-craft .identity-area .identity-wrap li strong{ color: #3868f4; font-size: 24px; line-height: 24px; letter-spacing: 0.48px; }
	.special.mnd-craft .identity-area .identity-wrap li p{ color: #767676; line-height: 18px; font-size: 18px; letter-spacing: 0.36px; margin-top: 0;}
	.special.mnd-craft .identity-area .polygon-shape{ margin: 50px auto 60px; width: 568px; height: 96px; }
	.special.mnd-craft .identity-area .txt-wrap{ font-size: 36px;line-height: 1.6; letter-spacing: -1.44px; }
	.special.mnd-craft .program-area{ padding: 100px 0; }
	.special.mnd-craft .program-area .tit-area .ti-dot{ font-size: 40px; }
	.special.mnd-craft .program-area .tit-area p{ margin: 20px auto 80px; font-size: 28px; line-height: 1.6; letter-spacing: -1.12px; }
	.special.mnd-craft .program-area .list-wrap{ width: 1100px; margin: 0 auto; align-items: flex-start; gap: 40px; flex-direction: row; }
	.special.mnd-craft .program-area .list-wrap ul{ gap: 20px; width: 40%; }
	.special.mnd-craft .program-area .list-wrap ul li{ height: 54px; line-height: 54px; font-size: 20px; }
	.special.mnd-craft .program-area .list-wrap ul:nth-child(1){ width: 20%; }
	.special.mnd-craft .program-area .bot-txt{ margin-top: 60px; font-size: 24px; line-height: 1.6; letter-spacing: normal; }
	.special.mnd-craft .level-area{ padding: 100px 0; }
	.special.mnd-craft .level-area .tit-area .ti-dot, .special.mnd-craft .group-area .tit-area .ti-dot{ font-size: 40px; }
	.special.mnd-craft .level-area .tit-area p, .special.mnd-craft .group-area .tit-area p{ margin: 20px auto 80px; font-size: 28px; line-height: 1.6; letter-spacing: -1.12px; }
	.special.mnd-craft .level-area .tab-menu-scroll-wrap{ overflow-x: hidden; -ms-overflow-style: none; }
	.special.mnd-craft .level-area .tab-menu-wrap{ gap: 90px; }
	.special.mnd-craft .level-area .tab-cont-wrap{ width: 830px; min-height: 338px; margin: 35px auto 60px; }
	.special.mnd-craft .level-area .tab-cont-wrap .tab-panel{ padding: 40px; }
	.special.mnd-craft .level-area .tab-cont-wrap .tab-section:not(:last-child){ margin-bottom: 40px; }
	.special.mnd-craft .level-area .tab-cont-wrap .tab-section .section-title{ margin-bottom: 10px; font-size: 18px; }
	.special.mnd-craft .level-area .tab-cont-wrap .tab-section p{ font-size: 16px; }
	.special.mnd-craft .level-area .tab-menu-wrap button{ padding: 0 6px 22px; font-size: 18px; line-height: 1.22; }
	.special.mnd-craft .level-area .bot-txt, .special.mnd-craft .group-area .bot-txt{ margin-top: 60px; font-size: 24px; font-weight: normal; line-height: 1.6; letter-spacing: normal; }
	.special.mnd-craft .group-area{ padding: 100px 0; }
	.special.mnd-craft .group-area .card-wrap{ width: 1278px; gap: 30px; }
	.special.mnd-craft .group-area .card-wrap li{ width: 406px; padding: 64px 20px 24px; }
	.special.mnd-craft .group-area .card-wrap li .cont:nth-child(2){ min-height: 78px;}
	.special.mnd-craft .group-area .card-wrap li p{ min-height: 48px;}
	
	.special.rbt-solution .mo-show {display: none;}
	.special.rbt-solution .pc-show {display: block;}
	.special.rbt-solution .visual-area .visual .bg { background-image: url("../../images/hub/renewal/rbt_visual_bg.jpg"); background-position: center; background-size: cover;}
	.special.rbt-solution p { line-height: 2rem; }
	.special.rbt-solution section .tit-area:after { clear: both; content: ''; display: table; }
	.special.rbt-solution section .tit-area .ti-dot { margin-right: 0; width: auto; }
	.special.rbt-solution section .tit-area p { font-size: 1.25rem; padding-top: 0; }
	.special.rbt-solution section .ti-dot { padding: 0; font-size: 40px; line-height: 1.23; }
	.special.rbt-solution section .ti-dot::before { right: -15px; }
	.special.rbt-solution section p { font-weight: 400; }
	.special.rbt-solution .impt-area { padding: 100px 0px 80px; }
	.special.rbt-solution .impt-area .tit-area > h2{ margin-bottom: 50px; font-size: 56px; line-height: 0.96; letter-spacing: normal; }
	.special.rbt-solution .impt-area .ti-dot {font-size: 40px; line-height: 1.4; }
	.special.rbt-solution .issue-area{ padding: 100px 0 80px; }
	.special.rbt-solution .issue-area .tit-area h3{ margin-bottom: 80px; font-size: 48px; line-height: 1.13; }
	.special.rbt-solution .issue-area .card-wrap{ flex-direction: row; gap: 40px;}
	.special.rbt-solution .issue-area .card-wrap .card-box{ display: flex; flex-direction: column; justify-content: space-between; width: 50%; height: 722px; padding: 35px 85px 50.6px;}
	.special.rbt-solution .issue-area .card-wrap .card-box .round-txt{ height: 58px; line-height: 58px; font-size: 20px; letter-spacing: normal;}
	.special.rbt-solution .issue-area .card-wrap .card-box .card-desc{ margin: 0 auto; }
	.special.rbt-solution .issue-area .card-wrap .card-box .card-desc .quotes{ width: 30.7px; height: 21.6px;}
	.special.rbt-solution .issue-area .card-wrap .card-box .card-desc > p{ margin: 32px auto 15px; font-size: 28px; line-height: 1.5; letter-spacing: -0.84px;}
	.special.rbt-solution .issue-area .card-wrap .card-box .card-desc .bot-txt{ margin: 15px auto 38px; font-size: 18px;}
	.special.rbt-solution .issue-area .card-wrap .card-box .card-paragh{ margin-top: 0; font-size: 24px;}
	.special.rbt-solution .issue-area .card-wrap .card-box .card-paragh .impt-blue{ font-size: 30px;}
	.special.rbt-solution .issue-area .card-wrap .card-box .inner-wrap img{ width: 130px;}
	.special.rbt-solution .issue-area .card-wrap .card-box .inner-wrap p span{ display: inline-block;}
	.special.rbt-solution .issue-area .card-wrap .card-box .inner-wrap p strong{ font-size: 45px;}
	.special.rbt-solution .issue-area .polygon-shape{ margin: 90px auto 50px; width: 568px; height: 100px;}
	.special.rbt-solution .issue-area .bot-txt{ font-size: 40px;}
	.special.rbt-solution .banner-area.first{ padding: 115.5px 320px 120px; background: url("../../images/hub/renewal/rbt_banner_bg.png") no-repeat center center / cover;}
	.special.rbt-solution .banner-area span{ font-size: 30px;}
	.special.rbt-solution .banner-area h3{ margin-top: 19px; font-size: 60px; line-height: 1.4; letter-spacing: normal; }
	.special.rbt-solution .reboot-area{ padding: 100px 0 110px;}
	.special.rbt-solution .reboot-area .tit-area p{ margin: 40px auto 80px; font-size: 24px;}
	.special.rbt-solution .reboot-area .card-wrap{ flex-direction: row; justify-content: center; gap: 55px;}
	.special.rbt-solution .reboot-area .card-wrap::after{ width: 80%; height: 1px; top: 50%; left: 50%; transform: translate(-50%, -50%); border-top: 1px dashed #0148ec; border-left: none;}
	.special.rbt-solution .reboot-area .card-wrap .card-box{ padding: 46.5px 30px 43.5px; width: 33%; border-radius: 20px;}
	.special.rbt-solution .reboot-area .card-wrap .card-box .top-sm-txt{ margin: 25px auto 4px; font-size: 18px; letter-spacing: -0.36px;}
	.special.rbt-solution .reboot-area .card-wrap .card-box .top-txt{ font-size: 24px; letter-spacing: -0.48px;}
	.special.rbt-solution .reboot-area .card-wrap .card-box .tit{ margin: 20px auto 10px; font-size: 24px; line-height: 1.5;}
	.special.rbt-solution .reboot-area .card-wrap .card-box .desc{ font-size: 20px;}
	.special.rbt-solution .getting-area{ padding: 100px 0 120px;}
	.special.rbt-solution .getting-area .card-wrap{ margin: 80px auto 35px; width: 1280px; gap: 25px;}
	.special.rbt-solution .getting-area .card-wrap .card-box-wrap{ overflow-x: initial;}
	.special.rbt-solution .getting-area .card-wrap .card-box{ padding: 35px 28px 30px 32px; width: 24%; min-width: unset;}
	.special.rbt-solution .getting-area .bot-cont{ padding: 36px 40px; width: 1280px; margin: 0 auto; border-radius: 15px; }
	.special.rbt-solution .getting-area .bot-cont .bot-cont-box .top-area{ margin-bottom: 32px;}
	.special.rbt-solution .getting-area .bot-cont .bot-cont-box .top-area h4{ font-size: 24px; line-height: 1.5; }
	.special.rbt-solution .getting-area .bot-cont .bot-cont-box .top-area span{ padding: 0 16.5px; height: 36px; line-height: 36px; font-size: 14px;}
	.special.rbt-solution .getting-area .bot-cont .bot-cont-box .dot-txt{margin-bottom: 20px; padding-left: 15px; font-size: 20px; font-weight: 500; line-height: 1.4; letter-spacing: normal;}
	.special.rbt-solution .getting-area .bot-cont .bot-cont-box .dot-txt::before{left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 4px;}
	.special.rbt-solution .getting-area .bot-cont .bot-cont-box .bot-area .box-wrap:not(:last-child){ margin-bottom: 40px;}
	.special.rbt-solution .getting-area .bot-cont .bot-cont-box .bot-area .box-wrap{ flex-direction: row; justify-content: center; gap: 30px;}
	.special.rbt-solution .getting-area .bot-cont .bot-cont-box .bot-area .box-wrap > img{ width: 50%;}
	.special.rbt-solution .banner-area.second h3{ font-size: 56px; }
	.special.rbt-solution .banner-area.second{ padding: 90px; background: url("../../images/hub/renewal/rbt_banner_bg02.png") no-repeat center center / cover; }
	.special.rbt-solution .step-area{ padding: 90px 0 110px;}
	.special.rbt-solution .step-area .tit-area h3{ margin-bottom: 80px; font-size: 40px;}
	.special.rbt-solution .step-area .step-wrap{ flex-direction: row; gap: 36px;}
	.special.rbt-solution .step-area .step-wrap .step-inner{ width: unset;}
	.special.rbt-solution .step-area .step-wrap .top-box{ padding: 35px; width: 372px;}
	.special.rbt-solution .step-area .step-wrap .top-box strong{ padding-bottom: 21px; margin: 0 auto 22px; font-size: 32px; font-weight: bold; letter-spacing: -0.64px; min-width: 112px;}
	.special.rbt-solution .step-area .step-wrap .top-box span{ font-size: 20px; line-height: 1.8;}
	.special.rbt-solution .step-area .step-wrap .dot-line{ width: 8px; height: auto; margin: 30px auto; }
	.special.rbt-solution .step-area .step-wrap .step-inner > p{ font-size: 20px;}
	.special.rbt-solution .proceed-area{ padding: 80px 0 110px;}
	.special.rbt-solution .proceed-area .tit-area h3{ margin-bottom: 80px; font-size: 40px;}
	.special.rbt-solution .proceed-area .proceed-wrap .proceed-inner{ padding-bottom: 30px;}
	.special.rbt-solution .proceed-area .proceed-wrap .proceed-inner > strong{ display: inline-block; font-size: 20px; font-weight: bold; line-height: 1.4; letter-spacing: normal; text-align: center; color: #3868f4; }
	.special.rbt-solution .proceed-area .proceed-wrap .proceed-inner > h4{ margin: 8px auto 30px; font-size: 24px; line-height: 1.5}
	.special.rbt-solution .proceed-area .proceed-wrap .proceed-inner > h4 > span{ display: block; font-size: 18px; line-height: 1.5;}
	.special.rbt-solution .proceed-area .proceed-wrap .diff-wrap{ flex-direction: row; align-items: flex-start; gap: 182px; background: url("../../images/hub/renewal/rbt_prcd_line_bg.png") no-repeat center center / contain;}
	.special.rbt-solution .proceed-area .proceed-wrap .diff-wrap .left-inner{ width: unset;}
	.special.rbt-solution .proceed-area .proceed-wrap .diff-wrap .tit{ margin-bottom: 18px; font-size: 20px;}
	.special.rbt-solution .proceed-area .proceed-wrap .diff-wrap .btn-wrap{ width: 470px; gap: 12px;}
	.special.rbt-solution .proceed-area .proceed-wrap .diff-wrap .btn-wrap > button{ width: 100%; height: 62px; padding: 0 10px; font-size: 18px;}
	.special.rbt-solution .proceed-area .proceed-wrap .diff-wrap .cont-wrap::after{ content: ""; position: absolute; top: 23px; left: -23px; width: 32px; height: 90px; background: url("../../images/hub/renewal/rbt_prcd_polygon.png") no-repeat center center / cover;}
	.special.rbt-solution .proceed-area .proceed-wrap .diff-wrap .cont-wrap.first::after{ top: 23px;}
	.special.rbt-solution .proceed-area .proceed-wrap .diff-wrap .cont-wrap.second::after{ top: 111px;}
	.special.rbt-solution .proceed-area .proceed-wrap .diff-wrap .cont-wrap.third::after{ top: 185px;}
	.special.rbt-solution .proceed-area .proceed-wrap .diff-wrap .cont-wrap.fourth::after{ top: 259px;}
	.special.rbt-solution .proceed-area .proceed-wrap .diff-wrap .cont-wrap{ width: 440px; min-height: 386px; padding: 20px 30px 25px;}
	.special.rbt-solution .proceed-area .proceed-wrap .diff-wrap .cont-wrap .tit-wrap strong{ font-size: 20px; line-height: 1.8;}
	.special.rbt-solution .proceed-area .proceed-wrap .diff-wrap .cont-wrap .tit-wrap .badge{ display: inline-block; height: 30px; line-height: 30px; font-size: 14px; letter-spacing: -0.84px;}
	.special.rbt-solution .proceed-area .proceed-wrap .diff-wrap .cont-wrap ul{ margin-bottom: 35px; }
	.special.rbt-solution .proceed-area .proceed-wrap .diff-wrap .cont-wrap ul li{ margin-bottom: 4px; font-size: 16px; text-indent: -19px; padding-left: 19px;}
	.special.rbt-solution .banner-area.third{ padding: 84.5px 80px 89.5px; background: url("../../images/hub/renewal/rbt_banner_bg03.png") no-repeat center center / cover; }
	.special.rbt-solution .banner-area.third h3{ font-size: 30px; font-weight: 500;}
	.special.rbt-solution .banner-area.third h3 strong {font-size: 56px; margin-top: 10px;}
	.special.rbt-solution .diff-area{ padding: 90px 0 120px;}
	.special.rbt-solution .diff-area .tit-area h3{ margin-bottom: 100px; font-size: 40px;}
	.special.rbt-solution .diff-area .diff-wrap{ width: 1231px;}
	.special.rbt-solution .customer-area{ padding: 60px 0 100px;}
	.special.rbt-solution .customer-area .tit-area h3{ margin-bottom: 80px; font-size: 40px;}
	.special.rbt-solution .customer-area .logo-slide-area .loop-banner .img-wrap{ margin-right: 30px; padding: 10px; width: 220px; height: 100px; line-height: 100px; border-radius: 10px;}
	.special.rbt-solution .customer-area .logo-slide-area .loop-banner .img-wrap > img{ height: 30px; width: auto;}
	.special.rbt-solution .customer-area .logo-slide-area .loop-banner .img-wrap.h28 > img{ height: 28px;}
	.special.rbt-solution .customer-area .logo-slide-area .loop-banner .img-wrap.h40 > img{ height: 40px;}
	.special.rbt-solution .customer-area .logo-slide-area .loop-banner .img-wrap.h70 > img{ height: 70px;}
	.special.rbt-solution .customer-area .logo-slide-area .loop-banner .img-wrap.h110 > img{ height: 110px;}
}