@charset "utf-8";
.f_right{float:right;}
.f_left{float:left;}
.partner p, .about_biz .title_face, .sqisoft_intro p{color:#666; margin:0 auto; padding:30px 0 0 0; font-size: 1.06rem; text-align:center; line-height:26px; letter-spacing: -1px;}

/* 얼굴인식 */
.biz_face{height:155px; padding-top:115px; background:url(../images/bg_sub_face.jpg) repeat-x center top; background-size: cover;}
.about_biz {text-align: center; margin: 0 auto;}
/*.about_biz .title_face {margin:0 auto; margin-top:25px;font-size:1.06rem;color:#666;line-height:25px; letter-spacing:0;}*/

/* 얼굴인식_icon */
.face_info {position:relative; display:block; margin:0 auto; overflow:hidden; display:inline-block; margin: 50px 0 80px;}
.face_info>ul li {float:left; text-align:right; margin-left:50px;}
.face_info>ul li:first-child {float:left; text-align:right; margin-left:0px;}
.face_info>ul li span {display: inline-block;text-align: center;vertical-align: top;font-weight: bold;line-height:20px;}
.face_info>ul li:after {content: '';display: inline-block;width: 1px;height: 140px;background: #eaeaea;margin-left: 50px;}
.face_info>ul li:last-child:after {display:none;}
.face_info>ul li span:before {content: '';display: block;width: 96px;height: 96px; margin: 0 auto 10px;background: url(../images/sp_face.png) no-repeat -7px 0;}
.face_info>ul li:nth-child(2) span:before {background-position-x:-107px;}
.face_info>ul li:nth-child(3) span:before {background-position-x:-204px;}
.face_info>ul li:nth-child(4) {text-align: center;}
.face_info>ul li:nth-child(4) span:before {background-position-x:-302px;}
.face_info>li>a {display:block;padding:50px;}
.face_info>li>a:hover {display:block; background-color:#3b4e91; color:#FFFFFF;padding:50px;}
.bg2nd_face{background-color:#f7f7f7; padding-top: 80px; border-top: 1px solid #e9e9e9;padding-bottom: 80px;}

/* 얼굴인식_구축실적 */
@media screen and (max-width: 767px){.result_area{ width:100%}}
.result_area {margin-top:60px;}
.result_area li {width:100%; min-height:260px; display:block; background-color:#FFFFFF; text-align:left; margin-bottom:10px;}
.result_area>li>a {display:block;}
.group {width:80%; padding:50px; padding-left:0; margin:0 auto;}
.logo_zone {min-width: 258px; min-height:160px; float:left; margin-right:40px; background-color:#f8f8f8; border:1px solid #eee}
.logo_title {height:162px;}
.result_area dt span {font-size:22px; font-size:1.4rem; font-weight:700; text-align:left; white-space:pre-wrap;
    word-break:keep-all; max-height:110px; display:block; overflow:hidden;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;}
.result_area dt span:after {content:''; display:block; width:30px; height:1px; background:#222; margin:auto 0; border-radius:2px; margin-top:15px; margin-bottom:15px;}
.result_area dd em, .result_area dd span {display:block; letter-spacing:-1px;font-size:14px;font-size:0.93rem;line-height:21px; font-weight:700; overflow:hidden; text-overflow:ellipsis;
    word-break:keep-all; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.result_area dd em {color:#666; word-break:keep-all;}
.result_area dd span {color:#999; white-space:pre-wrap;}
.performance_area .logo_area img {margin-top:0; }

/* 타임라인 */
.sub_sqisoftis {height:155px; padding-top:115px; background:url(../images/summaryandhistory_logo.png) repeat-x center top; background-size: cover; }
.sqisoftis { background-color: #F2F4FA }
.sqisoftis hr {width:100%; height:1px; background-color:#e2e2e2; border:0; margin:80px 0; display:inline-block;}
.sqisoftis p, .sqisoftis span {text-align:center; }
.sqisoftis h3 {letter-spacing:-3px;}
.sqisoft_intro {margin:0 auto; margin-top:64px; max-width:1000px; }
.sqisoft_intro img, .vision img {margin:0 auto;  display:block;}
.vision img{padding-left:22px;}
.sqisoft_intro span {display:block; color:#263b85; font-size:14px; font-weight:bold; margin:22px 0 50px; }
.sqisoft_intro p, .vision p {margin:0 auto; color:#666; line-height:26px;}
.sqisoft_intro p {width:71.5%; }

.sqisoft_intro ul {text-align:center; width:190px; margin:40px auto 0;}
.sqisoft_intro li {border-bottom:1px solid #e2e2e2; line-height:38px; color:#222;font-size:18px; font-weight:600;}
.sqisoft_intro li em {color:#263b85; padding-right:10px;font-weight:600;}
.sqisoft_intro .li_none{border-bottom:0;}


.sub_summaryandhistory {height:155px; padding-top:115px; background:url(../images/summaryandhistory_logo.png) repeat-x center top; background-size: cover; }
.summaryandhistory { background-color: #F2F4FA }
.summaryandhistory hr {width:100%; height:1px; background-color:#e2e2e2; border:0; margin:80px 0; display:inline-block;}
.summaryandhistory p, .summaryandhistory span {}
.summaryandhistory h3 {letter-spacing:-3px;}
.summaryandhistory_intro {margin:0 auto; margin-top:64px; max-width:1000px; }
.summaryandhistory_intro img, .vision img {margin:0 auto;  display:block;}
.vision img{padding-left:22px;}
.summaryandhistory_intro span {display:block; color:#263b85; font-size:14px; font-weight:bold; margin:22px 0 50px; }
.summaryandhistory_intro p, .vision p {margin:0 auto; color:#666; line-height:26px;}
.summaryandhistory_intro p {width:71.5%; }

.summaryandhistory_intro ul {text-align:center; width:190px; margin:40px auto 0;}
.summaryandhistory_intro li {border-bottom:1px solid #e2e2e2; line-height:38px; color:#222;font-size:18px; font-weight:600;}
.summaryandhistory_intro li em {color:#263b85; padding-right:10px;font-weight:600;}
.summaryandhistory_intro .li_none{border-bottom:0;}


.vision {padding:80px 0; margin-top:80px;}
.vision p {margin:50px 0 30px;}
.vision h3 {margin-bottom:60px;}
.diamond {width:0; height:0; border:248px solid transparent; border-bottom-color:red; position:relative; top:-50px;}
.diamond:after {content: ''; position:absolute; left:-248px; top:248px; width:0; height: 0; border:248px solid transparent; border-top-color:red;}
.timeline {background:url(../images/bg_timeline.png); width:100%;  }
.timeline h3 {padding:65px 0 50px}
.timelinebox {display:block; overflow:hidden; background:url(../images/historyline.png) repeat-y center 3.2%}
.historybox {position:relative; min-height:1000px; display:block; padding:4% 0; margin:0 auto;}
.historybox img {padding:10px; background-color:#fff;}
.year_left {position:absolute; left:0; text-align:right; width:50.50%; max-width:500px;}
.year_right {position:absolute; right:0; text-align:left; width:50.50%; max-width:500px;}
.diamond_s {display:inline-block; width:0; height:0; border:7px solid transparent; border-bottom-color:black; position:relative; top:-5px; margin-right:3px;}
.diamond_s:before {display:inline-block; content: ''; position:absolute; left:-7px; top:7px; width:0; height: 0; border:7px solid transparent; border-top-color:black;}
.year_right li {margin-bottom:20px; }
.diamond_big_01 {display:inline-block; background:url(../images/year_175_01.png)  no-repeat left 10px;}
.items {max-width:1000px; margin:0 auto;}
.items .pic {padding:10px; background-color:#fff;}
.timeline_left, .timeline_center, .timeline_right {display:inline-block;  margin:0 auto;  width:33.3%}
.timeline_left {float:left; }
.timeline_center {float:none; left:20px;}
.timeline_right {float:right; }
.timeline .mainimg {margin:0 auto;}
.timeline .inner {background: url(../images/bg_careerline_old.png) repeat-y center 3.2%;}
.history{text-align: center;   margin-bottom: 80px;   line-height: 40px;   font-weight: 600;   font-size: 33px;}

/* Contact us */
.sub_contactus{height:155px; padding-top:115px; background:url(../images/bg_sub_contactus.jpg) repeat-x center top; background-size: cover;}
.background_grey {background-color:#f2f2f2; margin-top:40px; width:100%; height:auto; }
@media screen and (max-width: 767px){
    .background_grey{width:100%; }
}
.emailinquiry{height:530px; margin:0 auto; margin-top:60px; }
.emailinquiry h4, .department h4{padding-top:60px; font-size:22px; font-weight:700; margin-bottom:20px; color: black;}
.onetoone_left select, .onetoone_left input{width:100%; display:block; margin-bottom:20px; padding-left:20px; height:54px; border:1px solid #ddd; -ms-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;
    -webkit-box-sizing:content-box; }
.onetoone_left select{padding-left:20px; color:#b1b0b0; line-height:1.5; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; appearance: none; background: #fff url("../images/input_arrow_trans.png") no-repeat scroll 97% 18px;}
.onetoone_left input, .onetoone_left select{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.onetoone_left select::-ms-expand {display: none;}
.onetoone_left{float:left; width:47%; margin-right:10px;}
.onetoone_right{float:right;  width:50%;}
.onetoone_right textarea{width:93%; height:240px; border:1px solid #ccc; font-size:16px; padding:20px; line-height:23px;}
.btn_email{margin-top:30px; background-color: #566493; color: #ffffff; border: 1px solid #263b85; padding:20px 80px;}
.department{max-width:1100px; margin:0 auto; margin-bottom:80px;}
.department h5{font-size:18px; font-weight:700; color:#666; position:absolute; top:-10px; left:10px; display:block; background-color:#fff; padding:0 13px; }
.contactus hr{width:100%; height:1px; background-color:#e2e2e2; border:0; margin:50px 0 70px; display:inline-block;}
.contact_info{width:48%; margin-bottom:30px; border:1px solid #eee;  position:relative; margin-top:20px;}
.contact_info_list{margin:15px 0 30px 30px; font-size:14px; color:#666; }
.contact_info_list li{padding-top:5px; }
.contact_info_list>ul>li::before {content:''; display:inline-block; width:35px; height:35px; position:relative; bottom:-12px; padding-right:15px; }
.contact_info_list>ul>.kind::before {background: url(../images/icon_kind.png) no-repeat left top;}
.contact_info_list>ul>.tel::before {background: url(../images/icon_tel.png) no-repeat left top;}
.contact_info_list>ul>.email::before {background: url(../images/icon_email.png) no-repeat left top;}
.contact_info_list>ul>li>.mobile::before{height:50px; width:100px; background-color:#de4949;}
.tel_line{height:10px; width:1px; background-color:#ddd; display:inline-block; margin:0 10px;}
.map {max-width:1100px; margin:0 auto; padding-top:80px;}
.map p{text-align:center; }
.headquarter{margin:30px 0 60px; }
.headquarter .address{color:#666; font-weight:700; text-align:center;}
.headquarter .telephone{color:#222; text-align:center;}
.telfax{margin:0 auto;  margin-top:15px;}

.sqimap{margin-bottom:80px; overflow:hidden;}
.sqimap h4{font-size:16px; font-size:700; margin-bottom:10px; padding-top:2px; margin-top:60px; margin-left:8%; color: black;}
.sqimap h5{font-size:16px; font-size:700; margin-bottom:10px; padding-top:2px;}
.googleStyle {float:left; width:61%; height:540px; border:1px solid #ccc; border-right:0;}
.howtogo{float:left; width:37%; height:540px; background-color:#f7f7f7; /*background:url(../images/bg_timeline.png);*/ border:1px solid #ccc; border-left:0}
.howtogo hr{width:80%; height:1px; margin-left:8%;background-color:#e2e2e2; border:0; margin:0 0 40px 8%; display:inline-block;}
.howtogo ul{margin-left:8%;}
.howtogo li{margin-bottom:40px;}
.howtogo li img{display:block; float:left; margin-right:15px;}
.howtogo li span{float:left;}
.howtogo p {font-size:14px; font-size:700; color:#666666; line-height:20px;}

/* 협력사 */
.underclient {
    margin: 0 auto;
    width: 1100px;
    height: auto;
    display: table;
    /* background: #ededed; */
}
.partner p{margin-bottom:50px;}
.sub_partnership{height:155px; padding-top:115px; background:url(../images/bg_sub_partnership.jpg) repeat-x center top; background-size: cover;}
.underclient h3{clear:both; padding-top:80px;}
.underclient h4 {clear:both; font-size:18px; font-weight:700; text-align:center; color:#666; margin-bottom:30px; margin-top: 50px; }
.main-container{float:left; position:relative; left:10%; margin-bottom:50px;}
.fixer-container{float:left; position:relatie; left:-10%;}
.partner_logo{display:inline-block; margin-bottom:50px;}
.partner_logo_agency li{text-align:center; float:left; margin-left:18px; margin-bottom:18px; }
.partner_logo li{text-align:center; float:left; margin-left:18px; margin-bottom:18px;background-color:#FFFFFF; }
.partner_logo_agency>li>a, .partner_logo>li>a{border:1px solid #dddddd;box-sizing:border-box;display: block; /* opacity:0.3;  */width:260px; height:100px; display:table-cell; vertical-align:middle; cursor: default;  border-radius: 20px; overflow: hidden; background: #fff;}
.partner_logo_agency>li>a:hover, .partner_logo>li>a:hover{opacity:1;border:5px solid #dddddd;box-sizing:border-box;}
.partner_logo_agency li>a img, .partner_logo li>a img{vertical-align:middle;}
.partner_logo li {text-align:center; float:left; margin-left:18px; margin-bottom:18px;background-color:#FFFFFF; }
.partner_logo>li>a { border:1px solid #dddddd;box-sizing:border-box;display: block; /* opacity:0.3; */ width:260px; height:100px; display:table-cell; vertical-align:middle;    cursor: default; }
.partner_logo>li>a:hover {opacity:1;border:5px solid #dddddd;box-sizing:border-box;}
.partner_logo li>a img{ vertical-align:middle;}
.partner_logo li {text-align:center; float:left; margin-left: 15px; margin-bottom:18px; /* background-color: #ededed; */ }
.partner_logo>li>a { border:1px solid #dddddd;box-sizing:border-box;display: block; /* opacity:0.3; */ width:260px; height:100px; display:table-cell; vertical-align:middle;    cursor: default; }
.partner_logo>li>a:hover {opacity:1;border:5px solid #dddddd;box-sizing:border-box;}
.partner_logo li>a img{ vertical-align:middle;}


/* CI (추가) */

.about_ci{text-align: center;  margin: 0 auto; padding-top:80px;}
.ci_bg{
    position: relative;
    display: block;
    margin: 50px auto;
    overflow: hidden;
    display: inline-block;
    padding-bottom:50px;
}
.ci_bg a.btn {
    display:block;
    width:101px;
    height:101px;
    overflow:hidden;
    position:relative;
}
.ci_bg a:hover.btn img {
    position:absolute;
    top:-101px;
    left:0px;
}
.ci_bg .down{
    position:absolute;
    top:230px;
    left:270px;
}

.about_ci .bold{font-weight:500; font-size:24px; line-height:40px;  margin-bottom:60px;}
.about_ci .normal{line-height:26px; margin-bottom:80px;}

/* 사업소개 메뉴 CSS */
.sub_sqisoftis {
    height:155px;
    padding-top:115px;
    background:url(../images/bg_bizIntro.png) repeat-x center top;
    background-size: cover;
}
.bizIntro-business {
    width: 100%;
    max-width: 1200px;
    height: 560px;
    padding: 0;
    margin: 62px auto 20px;
}
.bizIntro-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    height: 100%;
}
.bizIntro-business .bizIntro-slide {
    position: relative;
    display: flex;
    justify-content: center;
    text-align: center;
    overflow: hidden;
}
.bizIntro-business .bizIntro-slide {
    display: flex;
    flex-direction: column;
    border-radius: 15px 15px 15px 6px;
    background-repeat: no-repeat;
    background-size: cover;
}
.bizIntro-business .silde-img {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 20px;
    background-size: cover;
    background-repeat: no-repeat;
}
.bizIntro-business .slide1 .silde-img {
    background-image: url('/resources/images/mobile/img_business-04.png');
}
.bizIntro-business .slide2 .silde-img {
    background-image: url('/resources/images/mobile/img_business-05.png');
}
.bizIntro-business .slide3 .silde-img {
    background-image: url('/resources/images/mobile/img_business-06.png');
}
.bizIntro-business .slide4 .silde-img {
    background-image: url('/resources/images/mobile/img_business-07.png');
}
.bizIntro-business .slide5 .silde-img {
    background-image: url('/resources/images/mobile/img_business-08.png');
}
.bizIntro-business .slide6 .silde-img {
    background-image: url('/resources/images/mobile/img_business-09.png');
}

.bizIntro-business .silde-img .tags {
    position: absolute;
    left: 14px;
    bottom: 28px;
}
.bizIntro-business .tags {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    flex-wrap: wrap;
}
.bizIntro-business .tag {
    display: inline-block;
    flex: 0 0 auto;
    padding: 5px;
    text-align: left;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 5px;
    backdrop-filter: blur(80px);
}
.bizIntro-business .silde-title {
    padding: 12px 18px;
    width: 100%;
    background-color: white;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 45px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
}
.silde-title-move {
    background-color: #DFE5F2;
    color: #778BA6;
    margin-right: 7%;
    padding: 12px 24px;
    border-radius: 24px;
    cursor: pointer;
    font-size: 0.9rem;
}