.mobile_br {display: none;}

.sr_only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}

.flex_box {display: flex;}
.flex_box.h_center {align-items: center;}
.flex_box.v_center {justify-content: center;}

.gap_1 {column-gap: 1px;}
.gap_2 {column-gap: 2px;}
.gap_3 {column-gap: 3px;}
.gap_4 {column-gap: 4px;}
.gap_5 {column-gap: 5px;}
.gap_6 {column-gap: 6px;}
.gap_7 {column-gap: 7px;}
.gap_8 {column-gap: 8px;}
.gap_9 {column-gap: 9px;}
.gap_10 {column-gap: 10px;}
.gap_11 {column-gap: 11px;}
.gap_12 {column-gap: 12px;}
.gap_13 {column-gap: 13px;}
.gap_14 {column-gap: 14px;}
.gap_15 {column-gap: 15px;}
.gap_16 {column-gap: 16px;}
.gap_17 {column-gap: 17px;}
.gap_18 {column-gap: 18px;}
.gap_19 {column-gap: 19px;}
.gap_20 {column-gap: 20px;}
.gap_25 {column-gap: 20px;}

.color_01 {color: #ffffff !important;}
.color_02 {color: #43E05E !important;}
.color_03 {color: #53668F !important;}
.color_04 {color: #7C68AA !important;}
.color_05 {color: #96684D !important;}
.color_06 {color: #1342F0 !important;}

.txt_light {font-weight: 100 !important;}
.txt_regular {font-weight: 400 !important;}
.txt_bold {font-weight: 700 !important;}
.txt_extra_bold {font-weight: 800 !important;}
.txt_heavy {font-weight: 900 !important;}

.txt_left {text-align: left !important;}
.txt_center {text-align: center !important;}
.txt_right {text-align: right !important;}

/* skip navigation */
.skip_navigation {}
.skip_navigation ul {position: absolute;width: 100%;}
.skip_navigation ul li a {position: absolute;top: -30px;width: 100%;height: 30px;line-height: 30px;text-align: center;font-weight: 700; font-size: 18px;color: #000000;background: #ffffff;border: 1px solid #777777;}
.skip_navigation ul li a:focus {top: 0px;z-index: 9999;}

/* button */
.btn {display: inline-flex;align-items: center;justify-content: center;min-width: 140px;padding: 0px 26px;border: 1px solid #000;}
.btn.m {min-width: 138px;height: 42px;line-height: 40px;font-weight: 700;font-size: 15px;}
.btn.l {height: 50px;line-height: 48px;font-weight: 700;font-size: 17px;}
.btn.round {border-radius: 99px;}

.btn.white {color: #ffffff;border-color: #ffffff;}
.btn.white.fill {background: #ffffff;color: #000000;}
.btn.blue {color: #1342F0;border-color: #1342F0;}
.btn.blue.fill {color: #ffffff;background: #0C3DF2;border-color: #0C3DF2;}

/* icon */
.icon.arrow {background-image: url(../img/icon_arrow_up.png);background-repeat: no-repeat;background-size: 100% auto;}
.icon.arrow.left {transform: rotate(-90deg);}
.icon.arrow.right {transform: rotate(90deg);}
.icon.download {background-image: url(../img/icon_download.png);background-repeat: no-repeat;background-size: 100% auto;}
.icon.tech {background-image: url(../img/icon_tech.png);background-repeat: no-repeat;background-size: 100% auto;}
.icon.mouse {background-image: url(../img/icon_mouse.png);background-repeat: no-repeat;background-size: 100% auto;}
.icon.data_migration {background-image: url(../img/icon_data_migration.png);background-repeat: no-repeat;background-size: 100% auto;}
.icon.about_ntels_data_architect {background-image: url(../img/icon_data_architect.png);background-repeat: no-repeat;background-size: 100% auto;}
.icon.about_ntels_dbms {background-image: url(../img/icon_dbms.png);background-repeat: no-repeat;background-size: 100% auto;}
.icon.about_ntels_cloud {background-image: url(../img/icon_cloud.png);background-repeat: no-repeat;background-size: 100% auto;}
.icon.about_ntels_cep {background-image: url(../img/icon_cep.png);background-repeat: no-repeat;background-size: 100% auto;}
.icon.about_ntels_bigdata {background-image: url(../img/icon_big_data.png);background-repeat: no-repeat;background-size: 100% auto;}
.icon.about_ntels_data_science {background-image: url(../img/icon_data_science.png);background-repeat: no-repeat;background-size: 100% auto;}
.icon.about_ntels_open_source {background-image: url(../img/icon_open_source.png);background-repeat: no-repeat;background-size: 100% auto;}

/* inp */
.inp {height: 50px;padding: 0px 20px;line-height: 48px;font-size: 18px;background: #fff;border: 1px solid #bbbbbb;border-radius: 8px;}
.inp_label {line-height: 1.7;font-size: 18px;font-weight: 700;}
.inp_label.required::after {content: '*';padding-left: 4px;color: #13BF36;}
select.inp {padding-right: 54px;background: url(../img/ico_select_bg.png) no-repeat;background-position: center right;}
.inp.error {border-color: #E50000;}
.error_lst {position: relative;}
.error_txt {line-height: 1.7;font-size: 16px;color: #E50000;}
/* checkbox */
.checkbox_wrap {display: inline-block;}
.checkbox_wrap label {display: inline-flex;align-items: center;justify-content: center;column-gap: 15px;vertical-align: top;line-height: 20px;font-weight: 800;font-size: 18px;cursor: pointer;}
.checkbox_wrap label::before {content: '';display: inline-block;width: 28px;height: 28px;border: 1px solid #b3b3b3;border-radius: 4px;background-color: #ffffff;}
.checkbox_wrap input[type=checkbox]:checked + label::before {background: url(../img/ico_checkbox.png) no-repeat #ffffff;background-position: center center;}
.checkbox_wrap input[type=checkbox]:focus + label {outline: 2px solid #000000;outline-offset: 2px;}
/* form wrap */
.form_wrap .form_info_box {padding-bottom: 4px;}
.form_wrap .form_info_box .form_info_txt {line-height: 1.7;font-size: 14px;color: #555555;}
.form_wrap .form_info_box .form_info_txt::before {content: '*';padding-right: 4px;font-size: 18px;color: #13BF36;vertical-align: -webkit-baseline-middle;}
.form_wrap .form_box .form_list {display: flex;flex-wrap: wrap;}
.form_wrap .form_box .form_list {padding: 6.3vh 1.04vw 4.2vh;gap: 25px 50px;border-top: 2px solid #000;border-bottom: 1px solid #666666;}
.form_wrap .form_box .form_list li {flex: 0 0 calc(50% - 25px);width: calc(50% - 25px);}
.form_wrap .form_box .form_list li.w_100 {flex: 0 0 100%;width: 100%;}
.form_wrap .form_box .form_list li .inp_label,
.form_wrap .form_box .form_list li .inp {display: block;width: 100%;}
.form_wrap .form_box .form_list li textarea.inp {height: 260px;line-height: 1.7;}
.form_wrap .form_box .form_list li .inp_label {padding-bottom: 10px;}
.form_wrap .form_box .error_txt {display: none;}
.form_wrap .form_box .inp.error + .error_txt {display: block;padding-top: 8px;}

/* agree box */
.agree_box {padding: 3.3vh 1.04vw 0;}
.agree_box .agree_txt_box {overflow-y: auto;padding: 30px;background: #f7f7f7;border: 1px solid #dbdbdb;border-radius: 8px;}
.agree_box .agree_check_box +.agree_txt_box {margin-top: 20px;}
.agree_box .agree_txt_box h4, 
.agree_box .agree_txt_box ul li,
.agree_box .agree_txt_box p,
.agree_box .privacy_notice_box p {line-height: 1.7}
.agree_box .agree_txt_box h4,
.agree_box .privacy_notice_box p {font-weight: 700;font-size: 16px;}
.agree_box .agree_txt_box .contents_box {padding-bottom: 40px;}
.agree_box .agree_txt_box .contents_box h3 {padding-bottom: 20px;font-weight: 700;font-size: 20px;}
.agree_box .agree_txt_box ul {padding-left: 16px;}
.agree_box .agree_txt_box ul li {position: relative;padding-left: 12px;font-size: 16px;}
.agree_box .agree_txt_box ul li::before {content: '-';position: absolute;top: 0px;left: 0px;}
.agree_box .agree_txt_box ul li ul li::before {content: '·';}
.agree_box .agree_txt_box ol > li {padding-top: 20px;}
.agree_box .agree_txt_box ol dl > dt + dd,
.agree_box .agree_txt_box .contents_box ul li {padding-top: 10px;}

.agree_box .agree_txt_box ul.lists {padding: 40px 0px;font-weight: 700;}
.agree_box .agree_txt_box ul.lists li::before {display: none;}

.agree_box .agree_txt_box .agree_txt + .agree_txt {padding-top: 15px;}
.agree_box .privacy_notice_box {padding-top: 15px;}
.agree_box .privacy_notice_box p {display: flex;column-gap: 6px;}
.agree_box .privacy_notice_box p::before {content: '※';}
.agree_box .agree_btn_wrap {padding-top: 50px;text-align: center;}
.agree_box .agree_btn_wrap button.btn {width: 260px;}
.agree_box .agree_select_wrap {display: flex;align-items: center;justify-content: flex-end;column-gap: 15px;padding-bottom: 20px;border-bottom: 2px solid #000;}
.agree_box .agree_select_wrap label {line-height: 1.7;color: #444444;}
.agree_box .agree_select_wrap + .agree_txt_box {margin-top: 30px;}

.agree_box .agree_txt_box  table {width: 100%;max-width: 800px;margin-bottom: 20px;}
.agree_box .agree_txt_box  table th,
.agree_box .agree_txt_box  table td {padding: 4px 8px;border: 1px solid #000;}
.agree_box .agree_txt_box  table thead th {border-bottom: 0px;}

/* banner */
.banner_wrraper {max-width: 1920px;margin: 0 auto;padding: 0px 60px 80px;}
.banner_wrraper .banner_box {display: flex;overflow: hidden;padding: 60px 20px;justify-content: space-around;align-items: center;background: url(../img/tech_services_banner.png) no-repeat;background-size: cover;border-radius: 20px;}
.banner_wrraper .banner_box h2,
.banner_wrraper .banner_box p {color: #ffffff;}
.banner_wrraper .banner_box h2 {line-height: 1.5;font-weight: 800;font-size: 46px;letter-spacing: -2px;}
.banner_wrraper .banner_box p {padding-top: 4px;line-height: 1.7;font-size: 21px;letter-spacing: -1px;}
.banner_wrraper .banner_box .btn_wrap a {display: block;flex: 0 0 260px;width: 260px;height: 60px;line-height: 60px;text-align: center;font-weight: 800;font-size: 26px;color: #0C3DF2; background: #ffffff;border-radius: 99px;}

/* hexagon */
/* .hexagon {position: relative;width: 191px;height: 175px;background: url(../img/icon_hexagon.png) no-repeat;background-size: auto;background-position: center;} */
.hexagon {position: relative;width: 96px;height: 160px;margin: 0px 48px;background: #ffffff;}
.hexagon {filter: drop-shadow(0 10px 6px rgba(0, 0, 0, 0.07));}
.hexagon::before,
.hexagon::after {content: '';position: absolute;height: 160px;border-top: 80px solid transparent;border-bottom: 80px solid transparent}
.hexagon::before {top: 0px;left: -48px;border-right: 48px solid #ffffff;}
.hexagon::after {top: 0px;right: -48px;border-left: 48px solid #ffffff;}

/* slide button */
.slide_btn {display: inline-flex;flex: 0 0 48px;width: 48px;height: 48px;align-items: center;justify-content: center;border: 1px solid #ffffff;border-radius: 50%;outline-offset: 2px;}
.slide_btn i {width: 17px;height: 17px;filter: invert(1) brightness(2);}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0;}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {display: flex;align-items: center;width: auto;height: auto;bottom: auto;top: auto;left: auto;}
.swiper-pagination-bullet {display: flex;align-items: center;justify-content: center;flex: 0 0 30px;width: 30px;height: 30px;margin: 0;background: none;opacity: 1;}
.swiper-pagination-bullet::before {content: '';flex: 0 0 12px;width: 12px;height: 12px;border: 2px solid rgba(255,255,255,0.8); border-radius: 50%;}
.swiper-pagination-bullet.swiper-pagination-bullet-active::before {background: #ffffff;border-color: #ffffff;}
.slide_play_toggle_btn {flex: 0 0 30px;width: 30px;height: 30px;background: url(../img/icon_play.png) no-repeat;background-size: 100% auto;}
.slide_play_toggle_btn.play {background-image: url(../img/icon_stop.png);}

/* popup */
.popup {padding: 20px;}
.popup .popup_header {position: relative;padding-right: 44px;}
.popup .popup_header.no_header {padding-bottom: 44px;}
.popup .popup_header .popup_close_btn {position: absolute;top: 0px;right: 0px;width: 44px;height: 44px;}
.popup .popup_header .popup_close_btn::before,
.popup .popup_header .popup_close_btn::after {content: '';position: absolute;top: 50%;left: 50%;display: block;border-radius: 999px;background: #A9ADB8;transform: rotate(45deg);}
.popup .popup_header .popup_close_btn::before {width: 24px;height: 3px;margin-top: -1.5px;margin-left: -12px;}
.popup .popup_header .popup_close_btn::after {width: 3px;height: 24px;margin-top: -12px;margin-left: -1.5px;}
.popup .popup_footer {display: flex;align-items: center;}
.popup .popup_footer .popup_btn {flex: 1 1 0;height: 50px;line-height: 50px;font-weight: 800;font-size: 12px;color: #ffffff;border-radius: 12px;}
.popup .popup_footer .popup_btn.bg_01 {background: #0c3df2;}
.popup .popup_footer .popup_btn.bg_02 {background: #ED3737;}
.alert {min-width: 400px;}
.alert .popup_body {padding-bottom: 40px;}
.alert .popup_footer {padding-top: 10px;}
.alert .title_wrap .title_box .tit {line-height: 1;font-weight: 800;font-size: 20px;}
.alert .title_wrap .title_box .tit.sucess,
.alert .title_wrap .title_box .tit.fail {display: flex;flex-direction: column;align-items: center;row-gap: 20px;}
.alert .title_wrap .title_box .tit.sucess::before {content: '';display: inline-block;width: 46px;height: 33px;background: url(../img/icon_comfirm_sucess.png) no-repeat;background-size: 100% auto;}
.alert .title_wrap .title_box .tit.fail::before {content: '';display: inline-block;width: 30px;height: 31px;background: url(../img/icon_comfirm_fail.png) no-repeat;background-size: 100% auto;}
.alert .title_wrap .title_box .tit + .txt {padding-top: 20px;line-height: 1.5;font-size: 15px;color: #666666;}
/* icon */
.btn_wrap button {display: inline-flex;align-items: center;column-gap: 16px;}
button .icon {display: inline-block;width: 24px;height: 24px;}