@charset "utf-8";


.insight-txt span { font-style: italic; letter-spacing: -0.08em;}
.inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
    padding: 0 0px;
    margin: 0 auto;
    box-sizing: border-box;
}

/* subtop navigation */
.sub-top {position:relative; width:100%; height:59px; border-bottom:1px solid #eeeeee; background:#f8f9fa; box-sizing:border-box;}
.sub-top .inner {display:block; max-width:1320px;}
.subnav {display:flex; align-items:stretch; justify-content:flex-start; position:relative;}
.subnav .home {display:block; width:59px; height:59px; border-left:1px solid #eeeeee; border-right:1px solid #eeeeee; border-bottom:1px solid #eeeeee; background:url('../img/common/ico_home.svg')center center no-repeat; background-size:14px 13px; background-color:#f8f9fa; transition:all 0.3s ease; box-sizing:border-box;}
.subnav .home:hover, .subnav .home:focus {background:url('../img/common/ico_home_on.svg')center center no-repeat; background-color:#ffffff; background-size:14px 13px;}
.subnav .sbmn_dp {position:relative; width:100%; max-width:240px; border-right:1px solid #eeeeee; box-sizing:border-box;}
.subnav .sbmn_dp .sbmn_a1 {display:flex; align-items:center; justify-content:space-between; position:relative; width:100%; height:59px; border-bottom:1px solid #eeeeee; padding:20px 40px 20px 22px; background:#f8f9fa; transition:all 0.3s ease; font-size:16px; font-weight:700; line-height:1.4; letter-spacing:-0.05em; color:#444444; box-sizing:border-box;}
.subnav .sbmn_dp .sbmn_a1:after {content:""; display:block; position:absolute; top:50%; right:22px; transform:translateY(-50%) rotate(0deg); width:13px; height:7px; background:url('../img/common/ico_sbdp_arrow.svg')center center no-repeat; background-size:13px 7px; transition:all 0.3s ease;}
.subnav .sbmn_dp.on .sbmn_a1 {background-color:#ffffff;}
.subnav .sbmn_dp.on .sbmn_a1:after {transform:translateY(-50%) rotate(180deg);}
.subnav .sbmn_dp .sbmn_a1 span {font-size:16px; font-weight:700; line-height:1.4; letter-spacing:-0.05em; color:#444444; transition:all 0.3s ease;}
.subnav .sbmn_dp.on .sbmn_a1 span {color:#ff6400;}
.subnav .sbmn_dp .sbmn_list {display:none; position:absolute; top:58px; left:0; width:100%; background:#f8f9fa; box-shadow:0px 17px 24px 0px rgb(0 0 0 / 0.06); z-index:100;}
.subnav .sbmn_dp .sbmn_item {position:relative;}
.subnav .sbmn_dp .sbmn_a2 {display:flex; align-items:center; width:100%; height:50px; padding:15px 20px; border:1px solid #eeeeee; border-width:1px 1px 0 1px; background:#f8f9fa; font-size:16px; font-weight:400; letter-spacing:-0.05em; color:#444444; transition:all 0.3s ease; box-sizing:border-box;}
.subnav .sbmn_dp .sbmn_a2:hover, .subnav .sbmn_dp .sbmn_a2:focus {color:#ff6400; background:#ffffff;}
.subnav .sbmn_dp .sbmn_list.sbdp_l1 .sbmn_item:last-child .sbmn_a2, .subnav .sbmn_dp .sbmn_list.sbdp_l2 .sbmn_item:last-child .sbmn_a2, .subnav .sbmn_dp .sbmn_list.sbdp_l3 .sbmn_item:last-child .sbmn_a2 {border-width:1px 1px 1px 1px;}
.subnav .sbmn_dp .sbmn_a2 span {font-size:15px; font-weight:400; line-height:1.4; letter-spacing:-0.05em; color:#444444; transition:all 0.3s ease;}
.subnav .sbmn_dp .sbmn_a2:hover span {color:#ff6400;}

/* subheader */
@keyframes subVisual{to{transform:scale(1.2);}}
.sub-visual{position:relative;z-index:10;height:350px;}
.sub-visual .sub_header {overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;}
.sub-visual .sub_header .visual-img{width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;animation:subVisual 1.5s reverse cubic-bezier(0.4, 0, 1, 1);background-color:grey;}
.sub-visual .sub_header .visual-img.company {background-image: url(../img/img_visual_company.jpg); }
.sub-visual .sub_header .visual-img.business {background-image: url(../img/img_visual_business.jpg);}
.sub-visual .sub_header .visual-img.business2 {background-image: url(../img/img_visual_business2.jpg);}
.sub-visual .sub_header .visual-img.business3 {background-image: url(../img/img_visual_business3.jpg);}
.sub-visual .sub_header .visual-img.business4 {background-image: url(../img/img_visual_business4.jpg);}
.sub-visual .sub_header .visual-img.services {background-image: url(../img/img_visual_services.jpg);}
.sub-visual .sub_header .visual-img.pr {background-image: url(../img/img_visual_pr.jpg); }
.sub-visual .sub_header .visual-img.recruit {background-image: url(../img/img_visual_recruit.jpg); }
.sub-visual .sub_header .visual-img.support {background-image: url(../img/img_visual_support.jpg);}
.sub-visual .sub_header .visual-img.solution {background-image: url(../img/img_visual_solution.jpg);}
.sub-visual .sub_header .visual-img.case {background-image: url(../img/img_visual_case.jpg);}

.sub_header .inner { max-width:1280px;align-content: center;height:350px; justify-content: center;}
.sub_header .header_title {display:block;font-size: 3.2rem; line-height:1.4; letter-spacing:-0.01em; color:#ffffff;font-weight:900;}
.sub_header .header_title .header_menu {display:block; font-size: 1.8rem;  font-weight: 700; line-height: 1.4;   color: #ff6400; text-align: center;}

/* subcontents */
#sub-content {position:relative; background:#ffffff; box-sizing:border-box;}
#stance {position:relative; width:100%; min-height:480px; padding-top:96px; background:#ffffff;}
#stance .inner {display:block; max-width:1320px;}

@media screen and (max-width:1280px){
	
	.sub-top .inner {padding:0;}
}

@media screen and (max-width:1024px){
	.sub-visual{height:300px;}
	.sub_header .inner {max-width:100%; height:300px;}
	.sub_header .header_title {font-size:34px;}
}

@media screen and (max-width:768px){
	.subnav .sbmn_dp {display:none;}
	.subnav .sbmn_dp:last-child {display:block; max-width:calc(100% - 59px);}
	.sub-visual{height:250px;}
	.sub_header .inner {height:250px;}
	.sub_header .header_title {font-size:28px;}
}
@media screen and (max-width:590px){
	.sub-visual{height:200px;}
	.sub_header .inner {height:200px;}
}


/* common  */

.sub-inner {display:block; position:relative; width:100%; max-width:1320px; padding:20px; margin:0 auto; box-sizing:border-box;}
.intro-item{border-bottom:3px solid #eeeeee;padding:40px 0 40px;}
.sub-cont-tit {font-size:36px; font-weight:800; line-height:1.4; letter-spacing:-0.02em; color:#000000; }
.sub-cont-tit2 {display:block; font-size: 18px;  font-weight: 700; line-height: 1.4;   color: #ff6400;margin-bottom:5px;}

.sub-cont-txt {margin-top:20px; font-size:20px; font-weight:700; line-height:1.6; letter-spacing:-0.04em; color:#333333;}
.sub-cont-txt2 {margin-top:20px; font-size:17px; line-height:1.6; letter-spacing:-0.04em; color:#333333;}


.sub-wrap{margin-top:50px; margin-bottom:50px;}
.cont-title {font-size:1.6rem; font-weight:800; line-height:1.5; letter-spacing:-0.02em;;}
.cont-txt {font-size:1.1rem; font-weight:400; line-height:1.5; ;margin-bottom:3rem;letter-spacing:-0.02em;;}
.cont-title + .cont-txt {margin-top:10px;}
.cont-title-b {font-size:1.8rem; font-weight:800; line-height:1.8; letter-spacing:-0.02em;border-bottom:1px solid #333;}



@media screen and (max-width:1024px){
  .sub-cont-txt {font-size:18px; }

	.sub-cont-tit {font-size:24px;}
  .sub-cont-txt2 {font-size:16px; }
}

@media screen and (max-width:599px){
	.intro-item{padding:30px 0 30px;}
  .cont-title {font-size:1.6rem;}
  .cont-txt {font-size:1.2rem;}
}

/* 회사개요 */
@keyframes summaryVisual{to{transform:scale(1.2);}}
.summary-visual{position:relative;z-index:10;height:800px;}
.summary-visual .summary_header {overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%; border-radius: 12px; overflow: hidden;}
.summary-visual .summary_header .visual-img{width:100%;height:100%;background-image: url(../img/summary-visual.jpg); background-repeat:no-repeat;background-position:center;background-size:cover;animation:summaryVisual 1.5s reverse cubic-bezier(0.4, 0, 1, 1);background-color:grey;}

.summary_header .summary-top{margin:0 auto; text-align: center;width:980px;}
.summary_header .summary-top h3 { font-size:3rem; font-weight: 800; letter-spacing: -0.050em; color: #fff; line-height: 1.3; margin-top:6.5rem}
.summary_header .summary-top p { font-size:1.2rem; font-weight: 600; margin-top:20px;line-height: 1.5;color:#fff;}
.summary_header .summary-top ul{display: flex; margin-top:60px; flex-wrap: wrap; gap:20px;}
.summary_header .summary-top ul li{width:30%;color:#fff;text-align: center; margin-bottom:60px;font-size:1.1rem;line-height: 1.5;}
.summary_header .summary-top ul li img{padding-bottom:10px; line-height:1.5;}

@media screen and (max-width:979px){
	.summary_header .summary-top{width:100%;}
}


@media screen and (max-width:680px){
  .summary-visual{height:950px;}
  .summary_header .summary-top{width:100%; padding:10px}
	.summary_header .summary-top h2 { font-size: 1.5rem;}
  .summary_header .summary-top h3 { font-size:2.2rem;margin-top:4.5rem}
  .summary_header .summary-top p { font-size:1rem;}
  .summary_header .summary-top ul{ gap:0px; justify-content: space-between;}
  .summary_header .summary-top ul li{width:48%;font-size:0.9rem;}
}

.summary-mission { position: relative; width: 100%; padding:80px 0;  background: url(../img/sv3.jpg) bottom center no-repeat;background-size: cover; box-sizing: border-box;  overflow: hidden; margin-top:50px;border-radius: 12px;;}
.summary-missionlist {display:flex;position:relative; justify-content: space-between;padding:0 20px;}
.summary-missionlist .summary-missionlist-item {position:relative; width:calc(100% / 3); border-right:1px solid #dddddd; text-align: center;color:#fff;line-height:1.5;}
.summary-missionlist .summary-missionlist-item:last-child { border-right:0px ;}
.summary-missionlist .summary-missionlist-item p{font-size:1.2rem; line-height:1.4; letter-spacing:-0.02em; color:#ff6400; font-weight:700;}
.summary-missionlist .summary-missionlist-item h3{margin-top:5px; font-size:2.5rem; line-height:1.4; letter-spacing:-0.02em; color:#fff; font-weight:700;}

.summary-missionlist .summary-missionlist-item .info-tit {margin-top:10px; font-size:1.2rem; line-height:1.4; letter-spacing:-0.02em; color:#ffffff; text-align: center;font-weight:700;}
.summary-missionlist .summary-missionlist-item .line{width:1px; border-right:1px solid #fff; height:100px; margin:0 auto; opacity: .3; }

@media screen and (max-width:680px){
  .summary-mission { padding:60px 0;}
  .summary-missionlist {display:block;}
  .summary-missionlist .summary-missionlist-item {width:100%;border-bottom:1px solid #dddddd;border-right:0; padding-bottom:20px;padding-top:20px;}
  .summary-missionlist .summary-missionlist-item .line{height:60px; }
  .summary-missionlist .summary-missionlist-item:last-child { border-bottom:0px ;}
  .summary-missionlist .summary-missionlist-item .info-tit {font-size:1.2rem; }

}

.summary_ceo{}
.summary_ceo h4{text-align: center;}
.summary_ceo ul{display: flex; flex-wrap: wrap; margin-top:60px;}
.summary_ceo ul li{width:60%;}
.summary_ceo ul li:last-child{width:40%;text-align: right;padding-left:20px;}
.summary_ceo ul li span{color:#ff6400;  font-weight:800;font-size:2.2rem; display: block;padding-bottom:25px; line-height:1.3;}
.summary_ceo ul li p{color:#000; font-size:1.1rem; margin-bottom:10px; line-height:1.5}
.summary_ceo ul li img{max-width: 100%; border-radius: 12px;;}

@media screen and (max-width:768px){
  .summary_ceo ul li span{font-size:2.0rem;}
  .summary_ceo ul li p{font-size:1.0rem;}
}

@media screen and (max-width:680px){
  .summary_ceo ul{display:block;}
  .summary_ceo ul li{width:100%;}
  .summary_ceo ul li img{display: none;}
  .summary_ceo ul li span{font-size:1.8rem;;}
}


.summary_history{position:relative;background-image: url(../img/summary-history.jpg); background-position: center;background-size: cover;padding:60px 0;box-sizing: border-box;}
.summary_history h4{color:#fff;text-align: center;}
.summary_history h5{color:#fff;text-align: center;}

.summary_history ul{display: flex; flex-wrap: wrap; margin-top:60px;}
.summary_history ul li{width:30%;margin-right:5%; justify-content: space-between;}
.summary_history ul li:last-child{margin-right:0;}

.history-bar {position:relative;padding-left:4.5rem;margin-top:1.2rem;}
.history-bar:before {content:"";position:absolute;top:1rem;left:0;bottom:1.4rem;display:block;width:1px;background:#ddd;}
.history-actbar {content:"";position:absolute;top:1rem;left:-0rem;display:block;width:1px;height:0;max-height:calc(100% - 3rem);background:#fff;}
.history-cont-wrap {position:relative;}

.history-cont{margin-top:2.5rem;margin-left:-50px;}
.history-cont-year {font-size:26px;margin-bottom:10px;position:relative ; color:#fff;font-weight:700;}
.history-cont-year:before {content:"";position:absolute;top:1rem;left:-1.8rem;display:block;width:13px;height:13px;border-radius:50%;background:#ff6400;}
.history-cont-txt {position:relative;}
.history-cont-txt .txt {font-size:1.0rem;line-height:1.3;color:#fff;}

.history-cont-wrap .history-cont .history-cont-year.act:before,.history-cont-wrap.first .history-cont .history-cont-year:before {background:#ff6400;}
.history-cont-wrap .history-cont .history-cont-year.act:after,.history-cont-wrap.first .history-cont .history-cont-year:after {content:"";position:absolute;top:0.1rem;left:-4.5rem;width:30px;height:30px;border-radius:50%;background:#ff6400;opacity:0.3;}
.history-cont-wrap .history-cont .history-cont-txt.act:before,.history-cont-wrap.first .history-cont .history-cont-txt:before {background:#ff6400}
.history-cont-wrap .history-cont .history-cont-year:before,.history-cont-wrap .history-cont .history-cont-txt:before {transition:all .3s;}
.history-cont-txt .txt p{padding-bottom:8px;}
.history-cont-txt .txt p.txtbold{font-weight:600;color:#f7ff7b;}

@media screen and (max-width:1024px){
	.summary_history{padding:40px 0;}
}

@media screen and (max-width:940px){
	.summary_history ul li{width:100%;margin-right:0%;display: block;margin-left:20%;}
}

@media screen and (max-width:768px){
	.summary_history ul li{margin-left:10%;}
}
@media screen and (max-width:499px){
  .summary_history ul li{margin-left:0%;}
  .history-cont-year:before {left:-1.5rem;}
  .history-cont-wrap .history-cont .history-cont-year.act:after,.history-cont-wrap.first .history-cont .history-cont-year:after {left:-4.1rem;}
}

.summary_prize{position:relative;padding:60px 0;box-sizing: border-box;}
.summary_prize h4{text-align: center;}
.summary_prize .certi{display: flex;flex-wrap: wrap; margin-top:60px; align-items: stretch;  justify-content:flex-start; gap: 46px; position: relative;}
.summary_prize .certi li{position: relative; width: calc(100% / 5 - 39.8px);}
.summary_prize .certi li .certbox { position: relative; padding: 30px; border-radius: 10px; background: #f8f9fa;  text-align: center; box-sizing: border-box; overflow: hidden;}
.summary_prize .certi li .certbox img {display: block; max-width: 100%; margin: 0 auto;box-shadow: 0.5rem 0.5rem 3.5rem rgba(51,51,51,0.1);}
.summary_prize .certi li .text { font-size: 1.1rem;line-height: 1.4;  letter-spacing: -0.04em;text-align: center; margin-top:8px;}

.summary_prize .prize{display: flex;flex-wrap: wrap; margin-top:60px; align-items: stretch;  justify-content: flex-start; gap: 46px; position: relative;}
.summary_prize .prize li{position: relative; width: calc(100% / 5 - 39.8px); padding: 20px; border-radius: 10px; background: #f8f9fa;  text-align: center; box-sizing: border-box; overflow: hidden;}
.summary_prize .prize li img {display: block; max-width: 100%; margin: 0 auto;}
.summary_prize .prize li p { font-size: 13px; line-height: 1.3;  letter-spacing: -0.04em;text-align: center; margin-top:15px;}

@media screen and (max-width:1024px){
	.summary_prize{padding:40px 0;}

}
@media screen and (max-width:820px){
  .summary_prize .certi li{width: calc(100% /4 - 36px);}
  .summary_prize .prize li{width: calc(100% / 4 - 36px);}
}

@media screen and (max-width:680px){
  .summary_prize .certi li{width: calc(100% /2 - 30px);}
  .summary_prize .prize li{width: calc(100% /2 - 30px);}
}


.summary_ci{position:relative;padding:50px 0;box-sizing: border-box;}
.summary_ci h4{text-align: center;}
.summary_ci .ci{border:1px solid #ddd; padding:100px 20px; box-sizing: border-box; margin-top:30px; text-align: center;}
.summary_ci .ci img{width:400px;}
.summary_ci .download-btnbox {width: 600px; margin:0 auto; display: flex;}
.summary_ci p{text-align: center; font-size:1.2rem; line-height:1.5;margin-top:30px; }

.download-btn {width:45%;margin-right:3%;display: flex;align-items: center; position: relative; min-height: 70px; padding: 25px 60px 25px 25px;border-radius: 8px;border: 1px solid #dddddd;background: #ffffff;
  font-size: 20px;  font-weight: 400;  line-height: 1.4;  letter-spacing: -0.04em;  color: #000000;  transition: all 0.3s ease;  box-sizing: border-box; box-shadow: 0 10px 17px rgba(0, 0, 0, 0.06);}

.download-btn:after { content: ""; display: block; position: absolute; top: 50%;transform: translateY(-50%);right: 32px;  width: 18px; height: 20px;background: url(../img/ico_downloadbox_down.svg) center center no-repeat; background-size: 18px 20px;}
.download-btn:hover {border-color:#0067db; color:#0067db; box-shadow:0 10px 17px rgba(0, 100, 220, 0.10);}


@media screen and (max-width:1024px){
  .summary_ci{padding:40px 0;}
}

@media screen and (max-width:580px){
  .summary_ci .ci{ padding:50px 20px;}
  .summary_ci .ci img{max-width:100%;}
  .summary_ci .download-btnbox {width:100%;display: block;}
  .download-btn {width:100%;margin-right:0%;margin-bottom:10px;;}
  
}
/* 그룹사 소개 */

.group-box{border-radius:10px;background:var(--bg-gray);padding:5rem 5rem; margin-bottom:50px;}
.group-box h3 img {width:200px; ;padding-left:15px; vertical-align: middle;}

.group-list{margin-top: 50px; background-color: #fff;}
.group-list h3{text-align: center; margin-bottom:10px;}
.group-list p{ line-height:1.5}

.group-list ul{display: flex;  flex-wrap: wrap;margin-top:50px; justify-content: space-between;border-top:1px solid #ddd;}
.group-list ul li{ width:33%;padding: 30px 0; box-sizing: border-box; display: flex;flex-wrap: nowrap;border-right:1px solid #ddd;}
.group-list ul li:last-child{margin-right:0; }
.group-list ul li:nth-of-type(3){margin-right:0; padding-right:20px;}
.group-list ul li:first-child{border-left:1px solid #ddd; }
.group-list ul li .number{width: 100px; padding-left:30px; padding-right: 30px;  font-size:1.1rem; font-weight: 800;  line-height: 1;  color: #0066e0;  vertical-align: middle;}
.group-list ul li .grouptit{width:80%}
.group-list ul li .grouptit p{font-size: 1.1rem;  font-weight: 700;  line-height: 1; color:#000; margin-bottom:30px;}
.group-list ul li .grouptit span{font-size:1.0rem; line-height:1.3; display: block;}
.group-list ul li .grouptit span strong{padding-top:10px;}
.group-list ul li.grouparea { width: 100%; text-align: left; margin-right:0; border:1px solid #ddd; padding-right:10px;}



@media screen and (max-width:768px){
  .group-list ul li{ width:100%; border-bottom:1px solid #ddd;border-left:1px solid #ddd;}

}
@media screen and (max-width:599px){
  .group-box{padding:2rem 1.5rem;}
  .group-box h3 img {width:120px;padding-left:5px;}
}

.group-list2{margin-top: 50px; background-color: #fff;}
.group-list2 h3{text-align: center; margin-bottom:10px;}
.group-list2 p{ line-height:1.5}
.group-list2 ul{display: flex;  flex-wrap: wrap;margin-top:50px; justify-content: space-between;border:1px solid #ddd;}
.group-list2 ul li{ width:100%;padding: 30px; box-sizing: border-box; display: flex;flex-wrap: nowrap;border-right:1px solid #ddd;}
.group-list2 ul li .number{width: 35%; padding-left:30px; padding-right: 30px;  font-size:1.8rem; font-weight: 800;  line-height: 1;  color: #0066e0;  vertical-align: middle;}
.group-list2 ul li img{width: 320px; padding-top:10px; display: block;}
.group-list2 ul li .grouptit{width:65%; padding-top:30px; line-height: 1.5;}

@media screen and (max-width:599px){
  .group-list2 ul li{ display: block;}

  .group-list2 ul li .number{width: 100%;}
  .group-list2 ul li img{width:100% }
  .group-list2 ul li .grouptit{width:100%;}
}


/*파트너십*/
.partners-wrap .title { margin-top: 40px; margin-bottom: 10px; font-size: 22px; font-weight: 800; line-height: 1.4; letter-spacing: -0.02em; color: #000000;}
.site-list { display: flex;flex-wrap: wrap;gap:11px; flex-direction: row;flex-basis: auto;}
.site-list .site-item{width:calc(13.3%);border:1px solid #ddd;text-align: center;padding:22px 10px; box-sizing: border-box;}
.site-list .site-item img{max-width:100%;}
.andmore{text-align: center; width:100%; padding:30px 0;font-size:22px; line-height: 1.5;}


@media all and (max-width:1024px)  {
  .site-list .site-item{width:calc(19%);}
}

@media all and (max-width:768px)  {
  .site-list .site-item{width:calc(23.5%);}
  .partners-wrap .title { font-size: 20px;}
}

@media all and (max-width:679px)  {
  .site-list .site-item{width:calc(30.5%);}
  .partners-wrap .title { font-size: 20px;}
  .andmore{font-size:1.8rem;}
}


.partners-list{ width:100%;padding:50px; box-sizing: border-box; background-color: #e3f1ff;margin-top:60px;}
.partners-list .title { margin-top: 40px; margin-bottom: 10px; font-size: 22px; font-weight: 800; line-height: 1.4; letter-spacing: -0.02em; color: #000000;}
.partners-list .site-list { display: flex; align-items: end; gap:11px; flex-wrap: wrap; position: relative;}
.partners-list .site-list .site-item{width: calc(13.5%);border:1px solid #ddd; background-color: #fff; text-align: center;padding:15px 5px; box-sizing: border-box;}
.partners-list .site-list .site-item img{max-width:100%;}

@media all and (max-width:1024px)  {
  .partners-list .site-list .site-item{width: calc(19%);}
}

@media all and (max-width:820px)  {
  .partners-list .site-list .site-item{width: calc(23.5%);}
}
@media all and (max-width:679px)  {
  .partners-list{padding:0px; margin-top:40px;}
  .partners-list .site-list .site-item{width: calc(48%);}
}

/* 오시는 길 */
.location-map {width:100%;height:30rem;background-color:#f8f9fa;}

.location-map iframe {width:100%; height:500px;}
.location-map-info {display:flex;align-items:center;flex-wrap:wrap;gap:2rem 12rem;}
.location-map-info .info__item {display:flex;align-items:flex-start;font-size:1.2rem;gap:0 2.5rem;}
.location-map-info .info__item .tit {color:var(--bg-blue);line-height:160%; font-weight:700}
.location-map-info .info__item .txt {font-size:1.2rem;line-height:160%;}

.location-wrap .titlebox .title {font-size:1.8rem;font-weight: 700;line-height: 1.4;letter-spacing: -0.02em;color: #000000;}

.location-map-info {border-bottom:1px solid #ddd;padding:5rem 0;margin-bottom:5rem;}

.location-traffic {border-top:2px solid #000;margin-top:1rem;}
.location-traffic > li {padding:5rem 0;display:flex;border-bottom:1px solid #ddd;}
.location-traffic .th {width:30%;min-width:12rem;padding:0 5rem 0 3rem;display:flex;align-items:center;justify-content:center;font-size:1.3rem;text-align:center;}
.location-traffic .td {flex:1;}
.location-traffic > li.subway .th span:before {content:"";display:block;width:3rem;height:3.6rem;background:url(../img/traffic_subway.svg) no-repeat center center /100% 100%;margin:0 auto 2rem;}
.location-traffic > li.bus .th span:before {content:"";display:block;width:3rem;height:3rem;background:url(../img/traffic_bus.svg) no-repeat center center /100% 100%;margin:0 auto 2rem;}
.location-traffic .traffic__item {display:flex;gap:1.0rem;}
.location-traffic .traffic__item .bat {flex:none;width:3.5rem;height:3.5rem;line-height:3.5rem;border-radius:10px;text-align:center;color:#fff;font-size:1.2rem;font-weight:700;}
.location-traffic .traffic__item .bat.num {background:#00aeff;border-radius:50%;}
.location-traffic .traffic__item .bat.bus {background:#0046ff}
.location-traffic .traffic__item .cont {padding-top:0.2rem;}
.location-traffic .traffic__item .tit {font-size:1.4rem;font-weight:700;line-height:160%;margin-bottom:1rem;}
.location-traffic .traffic__item .txt {font-size:1.2rem;line-height:160%;}

@media screen and (max-width:1280px){
	.location-map-info .info__item {width:100%;}
	.location-map-info .info__item .tit {width:3.5rem;flex:none;}
}

@media screen and (max-width:599px){
  .location-map-info {margin-top:2rem}

	.location-traffic > li {flex-wrap:wrap;gap:2rem 0;}
	.location-traffic .th {width:100%;justify-content:flex-start;padding:0 1rem;}
	.location-traffic .td {width:100%;padding:0 1rem;}
  .location-traffic .traffic__item .tit {font-size:1.3rem;}
  .location-traffic .traffic__item .txt {font-size:1.0rem;;}
  .location-traffic .traffic__item .bat {width:2rem;height:2rem;line-height:2rem;;}

}

/* 시험성적서 서비스 개요 */
.outline-visual { position: relative; width: 100%;  padding:50px 10px; margin-top: 70px; border-radius: 12px; background: url(../img/sv1.jpg) center center no-repeat;background-size: cover; box-sizing: border-box;  overflow: hidden;}
.outline-infolist {display:flex;position:relative; justify-content: space-between;}
.outline-infolist .infolist-item {position:relative; width:calc(100% / 5); border-right:1px solid #dddddd; }
.outline-infolist .infolist-item:last-child { border-right:0px ;}
.outline-infolist .infolist-item .ico {display:block; width:100px; height:100px; margin:0 auto;}
.outline-infolist .infolist-item .ico.ico01 {background:url('../img/summary-top-year.png')center center no-repeat;}
.outline-infolist .infolist-item .ico.ico02 {background:url('../img/summary-top-kolas.png')center center no-repeat;}
.outline-infolist .infolist-item .ico.ico03 {background:url('../img/summary-top-gov.png')center center no-repeat;}
.outline-infolist .infolist-item .ico.ico04 {background:url('../img/summary-top-1st.png')center center no-repeat;}
.outline-infolist .infolist-item .ico.ico05 {background:url('../img/summary-top-aiplus.png')center center no-repeat;}
.outline-infolist .infolist-item .info-tit {margin-top:10px; font-size:1.8rem; line-height:1.4; letter-spacing:-0.02em; color:#ffffff; text-align: center;font-weight:700;}
.outline-infolist .infolist-item .info-tit.lh {line-height:1;}

@media screen and (max-width:1033px){
  .outline-infolist .infolist-item .info-tit {font-size:1.8rem;font-weight:600;}

}
@media screen and (max-width:680px){
  .outline-visual { padding:30px 20px; margin-top: 40px;}
  .outline-infolist {display:block}
  .outline-infolist .infolist-item { width:100%; border-right:0;border-bottom:1px solid #fff;padding:20px 0;}
  .outline-infolist .infolist-item:last-child { border-bottom:0px ;}

}

.outline-introbox ul{display: flex;}
.outline-introbox ul li:first-child{width:18%; text-align: center; margin-right:2%;}
.outline-introbox ul li img{max-width:100%;}

.outline-introbox .tablesm{ border-collapse: collapse; margin-top:10px; }
.outline-introbox .tablesm th{background-color: #ddd;font-size:15px;font-weight:600;padding:10px; text-align: center;}
.outline-introbox .tablesm td{border-bottom:1px solid #e1e1e1;border-right:1px solid #ddd;font-size:12px;text-align:left;padding: 10px;word-break:keep-all; line-height:1.5; background-color: #fff;}
.outline-introbox .tablesm td:last-child {border-right:0px;}

.outline-introbox .tablesm2{ border-collapse: collapse; margin-top:10px; }
.outline-introbox .tablesm2 th{background-color: #fff;font-size:15px;font-weight:600;padding:10px; text-align: center;height:4rem;border:1px solid #ddd;}
.outline-introbox .tablesm2 td{border-bottom:1px solid #e1e1e1;border-right:1px solid #ddd;font-size:13px;text-align:left;padding: 7px;word-break:keep-all; line-height:1.5; background-color: #fff;height:4rem;}


@media screen and (max-width:680px){
  .outline-introbox ul{display: block;}
  .outline-introbox ul li:first-child{width:100%; margin-right:0;}
  .outline-introbox ul li img{padding-bottom:20px;}

}

.outline-introbox2{padding-top:30px;}
.outline-introbox2 ul{display: flex;}
.outline-introbox2 ul li {font-size:1.1rem; line-height:1.5 ;}
.outline-introbox2 ul li img{max-width:100%;}
.outline-introbox2 ul li:first-child {width:30%; text-align: center; margin-right:1%;}
.outline-introbox2 ul li:last-child {margin:50px 0px 50px 30px;}

@media screen and (max-width:768px){
  .outline-introbox2 ul li:last-child {margin:0;}
  .outline-introbox2 ul li:first-child {width:20%;}

}

@media screen and (max-width:680px){
  .outline-introbox2 ul{display:block;}
  .outline-introbox2 ul li {font-size:1.1rem;}
  .outline-introbox2 ul li:first-child {width:100%; margin-right:0;}
  .outline-introbox2 ul li img{width:50%; padding-bottom:20px;}

}


.outline_tab_list {display: flex;align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 4px; position: relative; margin-bottom:10px;}
.outline_tab_list li {width:calc(100% / 6 - 4px); display: flex;align-items: center; justify-content: center; height: 70px; padding: 0 5px;border: 1px solid #dddddd;
  font-size: 1.0rem;  font-weight:600; line-height:1.4; letter-spacing: -0.06em; color: #707070; text-align: center; transition: all 0.2s ease; box-sizing: border-box;cursor: pointer;}
.outline_tab_list li:hover, .outline_tab_list li.on {border-color:#0046ff; background:#0046ff; color:#ffffff;}

@media screen and (max-width:1024px){
	.outline_tab_list li {font-size: 1.2rem; }
}
@media screen and (max-width:768px){
	.outline_tab_list li {width:calc(100% / 4 - 3px);font-size: 1.1rem; }
}

@media screen and (max-width:480px){
	.outline_tab_list li {width:calc(100% / 2 - 3px);}
}

.conBox{background-color:#ebf2ff; padding: 60px 30px; display:none;}
.conBox.on{display:block;}
.conBox .title {font-size:2.0rem; font-weight:700; line-height:1.4; letter-spacing:-0.02em; color:#000000; text-align: center;}
.conBox p{font-size:1.1rem; padding-top:10px;padding-bottom:70px;line-height: 1.4;text-align: center;}

@media screen and (max-width:600px){
	.conBox .title {font-size:1.6rem;}
  .conBox p{font-size:1.1rem; }

}

.counselling {position:relative; margin-bottom:80px;}
.counsel-list {display:flex; align-items:center; gap:30px; position:relative;}
.counsel-list .list-item {position:relative; width:calc(100% / 5);}
.counsel-list .list-item .itembox {display:flex; align-items:center; justify-content:center; position:relative; height:94px; padding:10px; border-radius:10px; border:1px solid #dddddd; font-size:1.1rem; font-weight:700; line-height:1.4; letter-spacing:-0.02em; color:#000000; text-align:center; box-sizing:border-box; background-color: #fff;;}
.counsel-list .list-item.first .itembox, .consulting-info-wrap .counsel-list .list-item.last .itembox {border-color:#0046ff; background-color:#f8fbff; color:#0046ff;}
.counsel-list .list-item .itembox:after {content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); right:-20px; width:9px; height:8px; background:url('../img/ico_counsel_arrow.svg')center center no-repeat; background-size:9px 8px;}
.counsel-list .list-item:last-child .itembox:after {display:none;}

@media screen and (max-width:1280px){
  .counsel-list .list-item .itembox {font-size:18px;}
}
@media screen and (max-width:1024px){
  .counsel-list .list-item .itembox {height:80px; font-size:16px;}
}

@media screen and (max-width:768px){
  .counsel-list {flex-wrap:wrap;}
  .counsel-list .list-item {width:100%;}
  .counsel-list .list-item .itembox {height:60px; font-size:14px;}
  .counsel-list .list-item .itembox:after {top:unset; bottom:-20px; right:50%; transform:translateX(50%) translateY(0) rotate(90deg);}
}
.con-pkg {width:100%; text-align: center;}
.con-jodal {width:100%; text-align: center;}
.con-mkt {width:100%; text-align: center;}


.outline-merritdiv {display:flex; align-items:center; justify-content:center; position:relative; width:100%; height:600px; margin-bottom:30px; background:url('../img/img_datacenter01.png')center center no-repeat; background-size:cover;color:#fff;}
.outline-merrit2 { display: flex; flex-wrap: wrap; margin: 0 -1.7rem;}
.outline-merrit2 li { display: flex; flex-direction: column; align-items: center;  text-align: center; width: calc(25% - 3.4rem);  margin: 0 1.7rem;
    min-height: 24rem;border-radius: 1rem; background-color: rgba(255,255,255,0.1); backdrop-filter: blur(6.8px);  
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; vertical-align: top; overflow: hidden;}
.outline-merrit2 li img {max-width:100%;padding:0;}
.outline-merrit2 li .merritit {font-size: 1.6rem;		font-weight: 700;		color: #fff;		letter-spacing: -0.020em;padding-top: 30px;	}
.outline-merrit2 li .merritxt { font-size:16px;   color: #fff;  line-height: 1.5;  padding: 10px;}
.outline-merritdiv h4{color:#fff}

@media screen and (max-width:768px){
  .outline-merritdiv { height:auto;padding:50px 0;  }
  .outline-merrit2 li {width: calc(50% - 3.4rem); min-height: 20rem; margin-bottom:20px;}
}
@media screen and (max-width:650px){
  .outline-merrit2 li {width:100%;}
  .outline-merrit2 li .merritit {font-size: 1.6rem;}

}

.stats_graph_box{
  position:relative;
  padding-bottom:20px;
  .graph{
    position:relative;
    height:80px;
    background:#f0f0f0;
    border-radius:4px;
    font-size:0;
    white-space:nowrap;
    overflow:hidden;
    &:after{
      content:'';
      display:block;
      clear:both;
    }
    .barr{
      position:relative;
      display:inline-block;
      height:80px;
      background:#ddd;
      border-radius:4px;
      overflow:hidden;
      &+.barr{
        margin-left:-5px;
        padding-right:5px;
        box-sizing:content-box;
        border-radius:0 4px 4px 0;
      }
      &.b1{
        z-index:1;
        background: linear-gradient(45deg, #2321d6 0%, #4d9cff 80%);
      }
      &.b2{
        background: linear-gradient(45deg, #003260 0%, #4d9cff 80%);
      }
      &.b3{
        background: linear-gradient(45deg, #7000cf 0%, #4d9cff 80%);
      }
      &.b4{
        background: linear-gradient(45deg, #7000cf 0%, #79c7ff 80%);
      }
      &.b5{
        background: linear-gradient(45deg, #00a6b0 0%, #79c7ff 80%);
      }
      &.b6{
        background: #61cf8d;
      }
      &.b7{
        background: #00ba4a;
      }

    
      .desc{
        position:absolute;
        top:50%;
        left:50%;
        margin:0;
        text-align:center;
        font-size:16px;
        line-height:1.3;
        color:#fff;
        -webkit-transform:translate(-50%,-50%);
        -ms-transform:translate(-50%,-50%);
        -o-transform:translate(-50%,-50%);
        transform:translate(-50%,-50%);
        em{font-style:normal; font-size:17px; font-weight:700;}
        dd{margin:0;}
      }
    }
  }
}

.outline-partner{}
.outline-partner ul{font-size:0;text-align:left;letter-spacing:-4px;vertical-align:top;}
.outline-partner ul li{width:15%;margin-right:2%;margin-bottom:2%;display:inline-block;vertical-align:top;letter-spacing:-0.05em; }
.outline-partner ul li:nth-of-type(6n){margin-right:0;}
.outline-partner ul li .img{width:100%;position:relative;display:table; vertical-align: middle;background-color: #fff; height:85px; padding:10px; box-sizing: border-box;text-align: center; border:1px solid #ececec;background-color: #fff;}
.outline-partner ul li .img div{display:table-cell; text-align: center;vertical-align: middle; background-color: #ffffff;}
.outline-partner ul li .img div img{max-width:100%;}
.outline-partner p{text-align: center; margin-top:10px; font-weight:800; line-height:0.6;}


@media screen and (max-width:768px){
  .outline-partner ul li{width:15.5%;margin-right:1%; }
}
@media screen and (max-width:650px){
  .outline-partner ul li{width:49%;}

}



.guide-howdiv{width:100%; background-color: #0055ff; padding:40px; border-radius:10px;  box-sizing: border-box;}
.guide-howdiv p{text-align: center!important;font-size:20px; color:#fff; font-weight:400;}
.guide-howdiv .guide-how {display: flex; justify-content: center;margin-top:50px; }
.guide-howdiv .guide-how div{width:30%;}
.guide-howdiv .guide-how div:last-child{width:40%;}
.guide-howdiv .guide-how div ul {display: flex;}
.guide-howdiv .guide-how div ul li {color:#fff;}
.guide-howdiv .guide-how div ul li:first-child{width:65px; height:65px; border-radius: 99px; background-color:#fff; text-align: center; margin-right:10px;}
.guide-howdiv .guide-how div ul li img{padding-top:18px;}
.guide-howdiv .guide-how div ul li p{color:#fff; font-size:26px; font-weight: 600; letter-spacing: -0.06rem;line-height: 1.2}

.guide-howdiv h5{color:#fff; font-size:1.1rem; font-weight: 600; text-align: center;}


@media screen and (max-width:1033px){
  
  .guide-howdiv p{font-size:2.2rem; ;}
  .guide-howdiv .guide-how div ul li p{font-size:1.6rem; }
  .guide-howdiv .guide-how { justify-content:space-between }
 
}
@media screen and (max-width:768px){
  .guide-howdiv .guide-how div ul li:first-child{width:45px; height:45px; }
  .guide-howdiv .guide-how div ul li img{padding-top:8px;}

}
@media screen and (max-width:650px){
  .guide-howdiv{padding:20px;}
  .guide-howdiv .guide-how {display:block;margin-top:20px; }
  .guide-howdiv .guide-how div{width:100%;margin-bottom:20px;}
  .guide-howdiv .guide-how div:last-child{width:100%;}
  .guide-howdiv h5 button{margin-left:40px}


}

.biz-stepbox {position:relative; width:100%; padding:60px 30px;  border-radius:20px; background:#f8f9fa; box-sizing:border-box;}
.biz-stepbox .biz-steplist {display:flex; align-items:stretch; justify-content:center; gap:70px; flex-wrap:wrap; position:relative;}
.biz-stepbox .biz-steplist .biz-stepitem {position:relative; width:calc(100% / 6 - 70px);}
.biz-stepbox .biz-steplist .item-box {display:flex; align-items:flex-start; justify-content:center; position:relative; max-width:200px; height:100%; padding:80px 10px 30px; border-radius:10px; border:1px solid #eeeeee; background:#ffffff; text-align:center; box-sizing:border-box; box-shadow:0 10px 20px rgba(0, 0, 0, 0.16);}
.biz-stepbox .biz-steplist .item-box:after {content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); right:-40px; width:9px; height:8px; background:url('../img/ico_counsel_arrow.svg')center center no-repeat; background-size:9px 8px;}
.biz-stepbox .biz-steplist .biz-stepitem:last-child .item-box:after {display:none;}
.biz-stepbox .biz-steplist .item-box.step1 {border-color:#a4cdfd;}
.biz-stepbox .biz-steplist .item-box.step2 {border-color:#15d886;}
.biz-stepbox .biz-steplist .item-box.step3 {border-color:#0067db;}
.biz-stepbox .biz-steplist .item-box.step4 {border-color:#6b0099;}
.biz-stepbox .biz-steplist .item-box.step5 {border-color:#003399;}
.biz-stepbox .biz-steplist .item-box.step6 {border-color:#100048;}
.biz-stepbox .biz-steplist .item-box .num {display:block; position:absolute; top:25px; right:25px; width:34px; height:34px; border-radius:5px; font-size:16px; font-weight:600; line-height:34px; letter-spacing:-0.02em; color:#ffffff; }
.biz-stepbox .biz-steplist .item-box.step1 .num {background:#a4cdfd;}
.biz-stepbox .biz-steplist .item-box.step2 .num {background:#15d886;}
.biz-stepbox .biz-steplist .item-box.step3 .num {background:#0067db;}
.biz-stepbox .biz-steplist .item-box.step4 .num {background:#6b0099;}
.biz-stepbox .biz-steplist .item-box.step5 .num {background:#003399;}
.biz-stepbox .biz-steplist .item-box.step6 .num {background:#100048;}
.biz-stepbox .biz-steplist .item-box .text {font-size:20px; font-weight:700; line-height:1.4; letter-spacing:-0.02em; color:#222222;}
.biz-btn-box {display:flex; align-items:center; justify-content:center; gap:4px; text-align:center; margin-top:70px;}

@media screen and (max-width:1280px){
	
	.biz-stepbox .biz-steplist {gap:30px;}
	.biz-stepbox .biz-steplist .biz-stepitem {width:calc(100% / 4 - 60px);}
	.biz-stepbox .biz-steplist .item-box {max-width:100%;}
	.biz-stepbox .biz-steplist .item-box .text {font-size:18px;}
	.biz-stepbox .biz-steplist .item-box:after {right:-20px;}
	
}

@media screen and (max-width:1024px){
	.biz-stepbox {padding:50px 30px; margin-top:30px;}
	.biz-stepbox .biz-steplist .biz-stepitem {width:calc(100% / 4 - 30px);}
	.biz-stepbox .biz-steplist .item-box {padding:60px 10px 25px;}
	.biz-stepbox .biz-steplist .item-box .text {font-size:16px;}
	.biz-stepbox .biz-steplist .item-box .num {top:20px; right:20px; width:24px; height:24px; font-size:14px; line-height:24px;}
	.biz-btn-box {margin-top:50px;}

}

@media screen and (max-width:768px){

	.biz-stepbox {padding:30px;}
	.biz-stepbox .biz-steplist .biz-stepitem {width:100%;}
	.biz-stepbox .biz-steplist .item-box {padding:50px 10px 20px;}
	.biz-stepbox .biz-steplist .item-box:after {top:unset; right:50%; bottom:-20px; transform:translateX(50%) translateY(0) rotate(90deg);}
	.biz-stepbox .biz-steplist .item-box .num {right:50%; transform:translateX(50%);}
	.biz-stepbox .biz-steplist .item-box .text {font-size:15px;}

}

/* 알엔디 과제 결과 시험  */
.rnd-test-goal{display: flex; justify-content: space-between; margin-top: 1rem;}
.rnd-test-goal li{ width:49%; margin-bottom: 4rem;text-align: center; padding: 3rem 1rem;border-radius: 10px;color: #fff;font-size: 1.1rem; font-weight: 700;background: #003399; }
.rnd-test-goal li:last-child{ background: #0046ff; }

.rnd-test-jong{display: flex; justify-content: space-between; margin-top: 1rem;}
.rnd-test-jong li{ width:49%; margin-bottom: 4rem;text-align: center; padding: 4rem 1rem;border-radius: 10px;font-size: 1.1rem; line-height:1.4; background: #fff;box-shadow: 0.5rem 0.5rem 3.5rem rgba(51,51,51,0.1); }
.rnd-test-jong li p{ font-size: 1.4rem; font-weight: 800; color:#000; margin-bottom:10px;}
.rnd-test-jong li img{height:70px; padding-bottom:10px;}

@media screen and (max-width:680px){
  .rnd-test-jong{display:block;}
  .rnd-test-jong li{ width:100%;  }

}

.counsel-list2 {display:flex; align-items:center; gap:30px; position:relative;}
.counsel-list2 .list-item {position:relative; width:calc(100% / 4);}
.counsel-list2 .list-item .itembox {display:flex; align-items:center; justify-content:center; position:relative; height:94px; padding:10px; border-radius:10px; font-size:1.1rem; font-weight:700; line-height:1.4; letter-spacing:-0.02em; color:#fff; text-align:center; box-sizing:border-box; background-color: #ff6400;;}
.counsel-list2 .list-item .itembox:after {content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); right:-20px; width:9px; height:8px; background:url('../img/ico_counsel_arrow.svg')center center no-repeat; background-size:9px 8px;}
.counsel-list2 .list-item:last-child .itembox:after {display:none;}

.counsel-list2 .list-item .itembox2 {display:flex; align-items:center; justify-content:center; position:relative; height:94px; padding:10px; border-radius:10px; font-size:1.1rem; font-weight:700; line-height:1.4; letter-spacing:-0.02em; color:#fff; text-align:center; box-sizing:border-box; background-color: #ff6400;;}
.counsel-list2 .list-item .itembox2:after {content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); right:-20px; width:9px; height:8px; background:url('../img/ico_counsel_arrow.svg')center center no-repeat; background-size:9px 8px;}
.counsel-list2 .list-item:last-child .itembox2:after {display:none;}


.counsel-list2 .list-item .itembox.first{background-color:#00aeef;}
.counsel-list2 .list-item .itembox.second{background-color:#0046ff;}
.counsel-list2 .list-item .itembox.last{background-color:#100048;}
.counsel-list2 .list-item p { padding-top:10px;  font-size:0.9rem; text-align: center; }

.counsel-list2 .list-item .itembox2.first{background-color:#00aeef;}
.counsel-list2 .list-item .itembox2.second{background-color:#0046ff;}
.counsel-list2 .list-item .itembox2.last{background-color:#100048;}


@media screen and (max-width:1280px){
  .counsel-list2 .list-item .itembox {font-size:18px;}
  .counsel-list2 .list-item .itembox2 {font-size:18px;}

}
@media screen and (max-width:1024px){
  .counsel-list2 .list-item .itembox {height:80px; font-size:16px;}
  .counsel-list2 .list-item .itembox2 {height:80px; font-size:16px;}

}

@media screen and (max-width:768px){
  .counsel-list2 {flex-wrap:wrap;}
  .counsel-list2 .list-item {width:100%;}
  .counsel-list2 .list-item .itembox {height:60px; font-size:14px;}
  .counsel-list2 .list-item .itembox:after {top:unset; bottom:-20px; right:50%; transform:translateX(50%) translateY(0) rotate(90deg);}
  .counsel-list2 .list-item .itembox2 {height:60px; font-size:14px;}
  .counsel-list2 .list-item .itembox2:after {top:unset; bottom:-60px; right:50%; transform:translateX(50%) translateY(0) rotate(90deg);}

}

.rnd-test-dambox {border-radius:10px;background:var(--bg-gray);padding:5rem 3rem; margin-top:100px;}
.rnd-test-dambox h4{border-bottom:1px solid #ddd;padding-bottom:10px; text-align: center;margin-bottom:20px}
.rnd-test-dambox ul{display: flex;  justify-content: space-between; flex-wrap: wrap;}
.rnd-test-dambox ul li{width:60%; margin-top:2%; font-weight:600; font-size:1.1rem;line-height:1.5}
.rnd-test-dambox ul li:first-child{width:22%; margin-right:5%; margin-left:10%; }
.rnd-test-dambox ul li:last-child{padding-top:5px; vertical-align: middle;}
.rnd-test-dambox ul li span{padding:0 20px;opacity: .5;}
.rnd-test-dambox ul li strong{font-weight:600; color:#ff6400}

@media screen and (max-width:1024px){
  .rnd-test-dambox ul li:first-child{margin-right:2%; margin-left:3%; }
  .rnd-test-dambox ul li:last-child{padding-top:0px;  line-height:1.9;  }
}
@media screen and (max-width:820px){
  .rnd-test-dambox ul{display: block;}
  .rnd-test-dambox ul li{width:100%; text-align: center;}
  .rnd-test-dambox ul li:first-child{width:100%; margin-right:0; margin-left:0; }
  .rnd-test-dambox ul li:first-child img{width:300px;;  }
}

@media screen and (max-width:768px){
  .rnd-test-dambox {padding:2rem 1rem; margin-top:50px;}
  .rnd-test-dambox ul li{font-size:1.2rem;}
  .rnd-test-dambox ul li:first-child img{width:180px;}
  .rnd-test-dambox ul li span{display: none;}
}


.data-test-goal{display: flex; justify-content: space-between; margin-top: 1rem;}
.data-test-goal .goaldiv{ width:49%; margin-bottom: 4rem; padding: 3rem;border-radius: 10px;background: #003399; }
.data-test-goal .goaldiv:last-child{ background: #0046ff; }

.data-test-goal .goaldiv p{ color: #fff;font-size: 1.8rem; font-weight: 700;margin-bottom:20px; border-bottom:1px solid #fff; padding-bottom:10px;}
.data-test-goal .goaldiv ul li{color: #fff;font-size: 1.0rem; font-weight: 400;  }

@media screen and (max-width:680px){
  .data-test-goal{display: BLOCK;}
  .data-test-goal .goaldiv{ width:100%;margin-bottom: 1.5rem; padding: 1.5rem; }
  .data-test-goal .goaldiv p{ font-size: 1.6rem;}


}

.data-test-target{display: flex; justify-content: space-between; margin-top: 1rem; flex-wrap: wrap;}
.data-test-target li{ width:16%; margin-bottom: 2rem;text-align: center; font-weight:700; padding: 3rem 1rem;border-radius: 10px;font-size: 1.0rem; line-height:1.4; background: #fff;box-shadow: 0.5rem 0.5rem 3.5rem rgba(51,51,51,0.1); }

@media screen and (max-width:680px){
  .data-test-target{display: block;}
  .data-test-target li{ width:100%;  }
  
}

.ntmginfo-tbl {width:100%;}
.ntmginfo-tbl th,
.ntmginfo-tbl td {font-size:1.0rem;padding:0.5rem 1.2rem;text-align:center;height:4rem;}
.ntmginfo-tbl thead th {background:#003399;color:#fff;font-size:1.1rem}
.ntmginfo-tbl thead th + th {border-left:1px solid rgba(255, 255, 255, 0.2);}
.ntmginfo-tbl td {border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
.ntmginfo-tbl td:first-child {border-left:1px solid #ddd;}
.ntmginfo-tbl tr:nth-child(even) td {background:#fafafa;}
.ntmginfo-tbl td.pl4 {padding-left:4rem}
.ntmginfo-tbl td.bgsky {background-color: #ebf2ff!important;  }
.ntmginfo-tbl td.bgblue {background-color: #abf4ff!important;  }
.ntmginfo-tbl td.ip {background-color: #00aeef!important; color:#fff; font-weight: 700; }


.tbl-bl-btn {  min-height: 1rem;  min-width: 10rem; padding: 0.2rem;  border: 1px solid var(--bg-blue);  border-radius: 8px;  color: var(--bg-blue);  display: inline-flex; align-items: center;justify-content: center;  word-break: break-all;}
.tbl-bl-btn:hover,.tbl-bl-btn:focus {background:var(--bg-blue);}
.tbl-bl-btn:hover span,.tbl-bl-btn:focus span {color:#fff;}



.ntmginfo-tbl2 {width:100%;}
.ntmginfo-tbl2 th, .ntmginfo-tbl2 td {font-size:1.0rem;padding:1.5rem;text-align:center;}
.ntmginfo-tbl2 thead th {background:#003399;color:#fff;font-size:1.1rem}
.ntmginfo-tbl2 thead th + th {border-left:1px solid rgba(255, 255, 255, 0.2);}
.ntmginfo-tbl2 td {border-bottom:1px solid #ddd; border-right:1px solid #ddd; line-height: 1.5; }
.ntmginfo-tbl2 td:first-child {border-left:1px solid #ddd;}
.ntmginfo-tbl2 tr:nth-child(even) td {background:#fafafa;}
.ntmginfo-tbl2 td.bgsky {background-color: #ebf2ff!important;  }
.ntmginfo-tbl2 td.bgblue {background-color: #abf4ff!important;  }

.ntmginfo-tbl3 {width:70%; margin: 0 auto;}
.ntmginfo-tbl3 th, .ntmginfo-tbl3 td {font-size:0.8rem;padding:0.5rem;text-align:center;}
.ntmginfo-tbl3 thead th {background:#ddd;color:#000;font-size:0.9rem;border:1px solid #ddd;}
.ntmginfo-tbl3 thead th + th {border-left:1px solid rgba(255, 255, 255, 0.2);}
.ntmginfo-tbl3 td {border-bottom:1px solid #ddd; border-right:1px solid #ddd; line-height: 1.5; }
.ntmginfo-tbl3 td:first-child {border-left:1px solid #ddd;}




.secure-test-goal{display: flex; justify-content: space-between; margin-top:10px;}
.secure-test-goal li{ width:32%; margin-bottom: 4rem;text-align: center; padding: 4rem 1rem;border-radius: 10px;color: #fff;font-size: 1.1rem; font-weight: 700;background: #00aeef; line-height:1.5;}
.secure-test-goal li:last-child{ background: #0046ff; }
.secure-test-goal li:first-child{ background: #003399; }

@media screen and (max-width:680px){

  .secure-test-goal{display: block; }
  .secure-test-goal li{ width:100%;margin-bottom: 1.5rem; padding: 2rem 1rem;  }

}

.secure-test-target{display: flex; justify-content: space-between; margin-top: 1rem; flex-wrap: wrap;}
.secure-test-target li{ width:49%; margin-bottom: 2rem;text-align: center; font-weight:600; padding: 3rem 1rem;border-radius: 10px;font-size: 1.1rem; line-height:1.5; background: #fff;box-shadow: 0.5rem 0.5rem 3.5rem rgba(51,51,51,0.1); }
.secure-test-target li span{ font-weight:800; color:#0046ff; font-size:1.2rem;}

@media screen and (max-width:680px){
  .secure-test-target{display: block; }
  .secure-test-target li{ width:100%;  }

}

.biz-stepbox2 {position:relative; width:100%; padding:60px 30px;  border-radius:20px; background:#f8f9fa; box-sizing:border-box;}
.biz-stepbox2 .biz-steplist {display:flex; align-items:stretch; justify-content:center; gap:70px; flex-wrap:wrap; position:relative;}
.biz-stepbox2 .biz-steplist .biz-stepitem {position:relative; width:calc(100% / 4- 20px);}
.biz-stepbox2 .biz-steplist .item-box {display:flex; align-items:flex-start; justify-content:center; position:relative; max-width:250px; height:100%; padding:80px 20px 30px; border-radius:10px; border:1px solid #eeeeee; background:#ffffff; text-align:center; box-sizing:border-box; box-shadow:0 10px 20px rgba(0, 0, 0, 0.16);}
.biz-stepbox2 .biz-steplist .item-box:after {content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); right:-40px; width:9px; height:8px; background:url('../img/ico_counsel_arrow.svg')center center no-repeat; background-size:9px 8px;}
.biz-stepbox2 .biz-steplist .biz-stepitem:last-child .item-box:after {display:none;}
.biz-stepbox2 .biz-steplist .item-box.step1 {border-color:#a4cdfd;}
.biz-stepbox2 .biz-steplist .item-box.step2 {border-color:#0067db;}
.biz-stepbox2 .biz-steplist .item-box.step3 {border-color:#6b0099;}
.biz-stepbox2 .biz-steplist .item-box.step4 {border-color:#100048;}
.biz-stepbox2 .biz-steplist .item-box.step5 {border-color:#003399;}
.biz-stepbox2 .biz-steplist .item-box.step6 {border-color:#000;}
.biz-stepbox2 .biz-steplist .item-box.step7 {border-color:#6d3800;}
.biz-stepbox2 .biz-steplist .item-box .num {display:block; position:absolute; top:25px; right:25px; width:34px; height:34px; border-radius:5px; font-size:16px; font-weight:600; line-height:34px; letter-spacing:-0.02em; color:#ffffff;}
.biz-stepbox2 .biz-steplist .item-box.step1 .num {background:#a4cdfd;}
.biz-stepbox2 .biz-steplist .item-box.step2 .num {background:#0067db;}
.biz-stepbox2 .biz-steplist .item-box.step3 .num {background:#6b0099;}
.biz-stepbox2 .biz-steplist .item-box.step4 .num {background:#100048;}
.biz-stepbox2 .biz-steplist .item-box.step5 .num {background:#003399;}
.biz-stepbox2 .biz-steplist .item-box.step6 .num {background:#000;}
.biz-stepbox2 .biz-steplist .item-box.step7 .num {background:#6d3800;}

.biz-stepbox2 .biz-steplist .item-box .text {font-size:18px; font-weight:700; line-height:1.4; letter-spacing:-0.02em; color:#222222;}
.biz-stepbox2 .biz-steplist .item-box .text span{font-size:0.8rem; font-weight:400; line-height:1.3; letter-spacing:-0.03em; display: block;padding-top:10px;}

.biz-stepbox2 .smalltxt {font-size:0.9rem; padding-top:3rem; text-align: center;}

@media screen and (max-width:1280px){
	.biz-stepbox2 .biz-steplist {gap:30px;}
	.biz-stepbox2 .biz-steplist .biz-stepitem {width:calc(100% / 4 - 60px);}
	.biz-stepbox2 .biz-steplist .item-box {max-width:100%;}
	.biz-stepbox2 .biz-steplist .item-box .text {font-size:18px;}
	.biz-stepbox2 .biz-steplist .item-box:after {right:-20px;}
	
}

@media screen and (max-width:1024px){
	.biz-stepbox2 {padding:50px 30px; margin-top:30px;}
	.biz-stepbox2 .biz-steplist .biz-stepitem {width:calc(100% / 4 - 30px);}
	.biz-stepbox2 .biz-steplist .item-box {padding:60px 10px 25px;}
	.biz-stepbox2 .biz-steplist .item-box .text {font-size:16px;}
	.biz-stepbox2 .biz-steplist .item-box .num {top:20px; right:20px; width:24px; height:24px; font-size:14px; line-height:24px;}

}

@media screen and (max-width:768px){
	.biz-stepbox2 {padding:30px;}
	.biz-stepbox2 .biz-steplist .biz-stepitem {width:100%;}
	.biz-stepbox2 .biz-steplist .item-box {padding:50px 10px 20px;}
	.biz-stepbox2 .biz-steplist .item-box:after {top:unset; right:50%; bottom:-20px; transform:translateX(50%) translateY(0) rotate(90deg);}
	.biz-stepbox2 .biz-steplist .item-box .num {right:50%; transform:translateX(50%);}
	.biz-stepbox2 .biz-steplist .item-box .text {font-size:15px;}

}
.cyber-security-goal{display: flex; justify-content:row; margin-top:10px; flex-wrap: wrap;}
.cyber-security-goal li{ width:49%; margin-right:1%; margin-bottom:1%;text-align: center; padding: 4rem 3rem;border-radius: 10px;color: #fff;font-size: 1.1rem; background: #00aeef; line-height:1.5;}
.cyber-security-goal li:nth-child(2){margin-right:0; background-color: #0046ff;}
.cyber-security-goal li:nth-child(3){background-color: #362965; }
.cyber-security-goal li:nth-child(4){margin-right:0; background-color: #003399;}
.cyber-security-goal li p{font-weight:800; font-size: 2.5rem; padding-bottom:10px;;}

@media screen and (max-width:768px){
  .cyber-security-goal li{ font-size: 1.5rem;}
}
@media screen and (max-width:680px){
  .cyber-security-goal{ display: block;}
  .cyber-security-goal li{ width:100%; margin-right:0;margin-bottom:10px;}
}

.cyber-security-target{display: flex; justify-content:row; margin-top:10px; flex-wrap: wrap;}
.cyber-security-target li{ width:49%; margin-right:1%; margin-bottom:1%;text-align: center; padding: 4rem 1rem;border-radius: 10px;font-size: 1.1rem; line-height:1.5;background: #fff;box-shadow: 0.5rem 0.5rem 3.5rem rgba(51,51,51,0.1); color: #000; }
.cyber-security-target li:last-child{margin-right:0; }

@media screen and (max-width:680px){
  .cyber-security-target{ display: block;}
  .cyber-security-target li{ width:100%; margin-right:0; margin-bottom:10px;}
}



.cyber-security-need{margin-top: 1rem;}
.cyber-security-need div{ width:100%; margin-bottom: 1rem; padding: 3rem;border-radius: 10px;background: #003399; color:#fff; line-height: 1.6;}
.cyber-security-need div:first-child{ background: #0046ff; }
.cyber-security-need div p{ color: #fff;font-size: 1.6rem; font-weight: 700;margin-bottom:15px; border-bottom:1px solid #fff; padding-bottom:10px;}
.cyber-security-need div:last-child{ background: #00aeef; }

.cyber-security-target2{display: flex; justify-content:row;  flex-wrap: wrap; }
.cyber-security-target2 li{ width:13%; margin-right:1%; margin-bottom:1%;text-align: center; }
.cyber-security-target2 li div{ background-color: #ffe2c0; border-radius: 99%;height:100px;width:100px; margin:0 auto;; }
.cyber-security-target2 li div img{padding-top:25px;}
.cyber-security-target2 li p{text-align: center;font-size: 0.9rem; line-height:1.4; color: #000; margin-top:10px;}
.cyber-security-target2 li div.skybg{ background-color: #c9efff; }
.cyber-security-target2 li:last-child{margin-right:0; }

@media all and (max-width:650px){
  .cyber-security-need div{ padding: 1.5rem;}
  .cyber-security-need div p{font-size: 1.2rem; }
  .cyber-security-target2{display: block; }
  .cyber-security-target2 li{ width:48%; margin-right:1%;margin-bottom:10%; display: inline-block;}

}

.aiplus-intro{display: flex;justify-content: space-between; margin-top:10px;;}
.aiplus-intro li{ width:65%;font-size: 1.1rem; font-weight: 700; line-height:1.5;}
.aiplus-intro li:first-child{ width:30%; margin-right:5%;}
.aiplus-intro li:first-child img{ max-width: 100%;}
.aiplus-intro li:last-child img{ max-width: 100%; padding-top:10px;}

@media all and (max-width:650px){
	.aiplus-intro{display: block;;}
  .aiplus-intro li{ width:100%;}
  .aiplus-intro li:first-child{ width:100%; margin-right:0; margin-bottom:20px;}
}

.aiplus-target{display: flex;; margin-top:10px;justify-content: space-between; }
.aiplus-target div {width:18.5%; margin-bottom:10px;border-radius:12px; margin-right:1%;display: table; height:130px;}
.aiplus-target div p{text-align: center;color:#fff; font-weight: bold;font-size:1.3rem;display: table-cell; vertical-align: middle;}
.aiplus-target div.manu{background-image: url(../img/sub-aiplus-tar-manu.jpg); background-position: center; background-size: cover;}
.aiplus-target div.home{background-image: url(../img/sub-aiplus-tar-home.jpg); background-position: center; background-size: cover;}
.aiplus-target div.office{background-image: url(../img/sub-aiplus-tar-office.jpg); background-position: center; background-size: cover;}
.aiplus-target div.mul{background-image: url(../img/sub-aiplus-tar-mul.jpg); background-position: center; background-size: cover;}
.aiplus-target div.doso{background-image: url(../img/sub-aiplus-tar-doso.jpg); background-position: center; background-size: cover;}
.aiplus-target div.edu{background-image: url(../img/sub-aiplus-tar-edu.jpg); background-position: center; background-size: cover;}
.aiplus-target div.medi{background-image: url(../img/sub-aiplus-tar-medi.jpg); background-position: center; background-size: cover;}
.aiplus-target div.car{background-image: url(../img/sub-aiplus-tar-car.jpg); background-position: center; background-size: cover;}
.aiplus-target div.finance{background-image: url(../img/sub-aiplus-tar-finance.jpg); background-position: center; background-size: cover;}

@media all and (max-width:680px){
	.aiplus-target{display: block;}
	.aiplus-target div {width:100%; height:100px }

}

.aiplus-grade{display: flex; justify-content: space-between; margin-top: 1rem;}
.aiplus-grade .gradediv{ width:49%; margin-bottom: 4rem; padding: 4rem;border-radius: 10px;background: #003399;color:#fff;line-height:1.5; }
.aiplus-grade .gradediv:last-child{ background: #0046ff; }

.aiplus-grade .gradediv p{ color: #fff;font-size: 2.2rem; font-weight: 700;margin-bottom:20px; border-bottom:1px solid #fff; padding-bottom:10px;}
.aiplus-grade .gradediv span{font-weight:600; padding-top:15px; padding-bottom:5px;display: block;;}
.aiplus-grade .gradediv img{max-width:100%;}
.aiplus-grade .gradediv ul li{color: #fff;font-size: 1.1rem; }

@media all and (max-width:860px){
  .aiplus-grade .gradediv{ padding: 2rem;}

}
@media all and (max-width:680px){
  .aiplus-grade{display: block;}
  .aiplus-grade .gradediv{ width:100%;}
  .aiplus-grade .gradediv p{ font-size: 2.0rem; }
  .aiplus-grade .gradediv ul li{font-size: 1.4rem; }
}

.aiplus-grade2{ margin-top: 1rem;}
.aiplus-grade2 .gradediv2{ width:100%; margin-bottom: 1rem; padding: 4rem;border-radius: 4px; background: #53a85f;color:#fff;line-height:1.5; font-size: 1.1rem; position: relative;}
.aiplus-grade2 .gradediv2:first-child{ background: #003399; }
.aiplus-grade2 .gradediv2:last-child{ background: #0046ff; }
.aiplus-grade2 .gradediv2 h5{position: absolute; right:-5px; top:-32px; color:#fff; opacity: 0.15; font-size:1.8rem; font-weight:800; letter-spacing: -2px;;}



.aiplus-grade2 .gradediv2 p{ color: #fff;font-size: 1.8rem; font-weight: 700;margin-bottom:20px; border-bottom:1px solid #fff; padding-bottom:10px;}
.aiplus-grade2 .gradediv2 span{font-weight:600; padding-top:25px; padding-bottom:5px;display: block;;}
.aiplus-grade2 .gradediv2 img{max-width:100%;}
.aiplus-grade2 .gradediv2 ul li{color: #fff;font-size: 1.0rem; }


@media all and (max-width:680px){
  .aiplus-grade2 .gradediv2{ padding: 2rem;}
  .aiplus-grade2 .gradediv2 p{font-size: 1.4rem; }


}

.aiplus-expected { display: flex; flex-wrap:wrap; justify-content: space-between;  margin-top:20px;}
.aiplus-expected li { width: 32.5%; margin-bottom: 10px; border-radius: 2px;  padding: 50px 20px;  box-sizing: border-box; background-color: #e9f2ff; text-align: center;  color: #000; font-size:1.1rem;line-height:1.5}
.aiplus-expected li p { color: #0046ff; font-size: 1.2rem; font-weight: 800; letter-spacing: -0.04em; letter-spacing: -0.04em;  padding-top: 10px;padding-bottom: 10px;}

@media all and (max-width:650px){
  .aiplus-expected { display: block;}
  .aiplus-expected li { width: 100%; margin-right: 0;}
}

.aiplus-mark { border: 1px solid #ddd; margin-top: 30px;  padding: 30px;  box-sizing: border-box;  border-radius: 4px;  text-align: center;}
.aiplus-mark ul { display: flex; width: 55%; margin: 0 auto; border-top: 1px dotted #ddd;}
.aiplus-mark ul li {width: 50%; text-align: left; margin-top: 20px;line-height:1.5;font-size: 1.2rem;}
.aiplus-mark ul li img{max-width:100%;}
.aiplus-mark ul li h6 {font-weight: bold;}
.aiplus-mark ul li p {font-size: 1.0rem; margin-top: 5px;line-height:1.5}
.aiplus-mark ul li p span {display: inline-block; width: 18px; height: 18px; border-radius: 99px; background-color: #01366e; vertical-align: middle;}
.aiplus-mark ul li p span.blue { background-color: #398aff;}

@media all and (max-width:680px){
  .aiplus-mark {padding:20px; }
  .aiplus-mark ul {display: block;width: 100%;}
  .aiplus-mark ul li {width: 100%;}
  .aiplus-mark img{width:50%;}
}

.aiplus-sample { margin-top: 20px; display: flex; justify-content: space-between;}
.aiplus-sample li { width: 24.5%; margin-right: 1%; height: 270px; background-color: #ddd;  background-size: cover;}

@media all and (max-width:680px){
  .aiplus-sample { display: block;}
  .aiplus-sample li { width:100%; margin-right: 0; margin-bottom:1%;}

}

.aiplus-sang{display: flex;justify-content: space-between;margin-top:10px;}
.aiplus-sang div{width:49%; margin-bottom:10px;border:1px solid #ddd; padding:30px; box-sizing: border-box;line-height:1.5;}
.aiplus-sang div h5{font-size:1.4rem; font-weight:700; line-height: 1.5;border-bottom:1px solid #333;margin-bottom:20px;}
.aiplus-sang div p{font-size:1.0rem; margin-top:10px;display: inline-block; vertical-align: middle;}
.aiplus-sang div p img{max-width: 100%;padding-right:20px; padding-bottom:20px;}
.aiplus-sang div small{display:block; padding-top:20px; letter-spacing: -0.04em;}

@media all and (max-width:768px){
  .aiplus-sang{display: block;}
  .aiplus-sang div{width:100%;}
}


.aiplus-test-intro{display: flex;justify-content: space-between;margin-top:10px;background:var(--bg-gray);padding:4rem 6rem;}
.aiplus-test-intro li{width:75%; font-size:1.1rem; line-height:1.5; }
.aiplus-test-intro li img{max-width:100%; }
.aiplus-test-intro li:first-child{width:15%; margin-right:5%; text-align: center;}

@media all and (max-width:820px){
  .aiplus-test-intro{display: block;padding:2rem 3rem;}
  .aiplus-test-intro li{width:100%;}
  .aiplus-test-intro li:first-child{width:100%; margin-right:0;margin-bottom:20px; ;}

}

@media all and (max-width:680px){
  .aiplus-test-intro{display: block;padding:2rem 2rem;}
}
.counsel-list3 {display:flex; align-items:center; gap:30px; position:relative;}
.counsel-list3 .list-item {position:relative; width:calc(100% / 6);}
.counsel-list3 .list-item .itembox {display:flex; align-items:center; justify-content:center; position:relative; height:94px; padding:10px; border-radius:10px; font-size:1.1rem; font-weight:700; line-height:1.4; letter-spacing:-0.02em; color:#fff; text-align:center; box-sizing:border-box; background-color: #6400ff;;}
.counsel-list3 .list-item .itembox:after {content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); right:-20px; width:9px; height:8px; background:url('../img/ico_counsel_arrow.svg')center center no-repeat; background-size:9px 8px;}
.counsel-list3 .list-item:last-child .itembox:after {display:none;}

.counsel-list3 .list-item .itembox.first{background-color:#00aeef;}
.counsel-list3 .list-item .itembox.second{background-color:#0046ff;}
.counsel-list3 .list-item .itembox.third{background-color:#362965;}
.counsel-list3 .list-item .itembox.fourth{background-color:#100048;}
.counsel-list3 .list-item .itembox.last{background-color:#ff6400;}


@media screen and (max-width:1280px){
  .counsel-list3 .list-item .itembox {font-size:18px;}
}
@media screen and (max-width:1024px){
  .counsel-list3 .list-item .itembox {height:80px; font-size:16px;}
}

@media screen and (max-width:768px){
  .counsel-list3 {flex-wrap:wrap;}
  .counsel-list3 .list-item {width:100%;}
  .counsel-list3 .list-item .itembox {height:60px; font-size:14px;}
  .counsel-list3 .list-item .itembox:after {top:unset; bottom:-20px; right:50%; transform:translateX(50%) translateY(0) rotate(90deg);}
}

.counsel-list7 {display:flex;  gap:30px; position:relative;}
.counsel-list7 .list-item {position:relative; width:calc(100% / 6);}
.counsel-list7 .list-item.long {width:35%;}

.counsel-list7 .list-item .itembox {display:flex; align-items:center; justify-content:center; position:relative; height:94px; padding:10px; border-radius:10px; font-size:1.0rem; font-weight:700; line-height:1.4; letter-spacing:-0.02em; color:#fff; text-align:center; box-sizing:border-box; background-color: #6400ff;;}
.counsel-list7 .list-item .itembox:after {content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); right:-20px; width:9px; height:8px; background:url('../img/ico_counsel_arrow.svg')center center no-repeat; background-size:9px 8px;}
.counsel-list7 .list-item:last-child .itembox:after {display:none;}
.counsel-list7 .list-item p {font-size:0.9rem;  line-height:1.4; letter-spacing:-0.04em; margin-top:10px; text-align: center; }

.counsel-list7 .list-item .itembox.first{background-color:#00aeef;}
.counsel-list7 .list-item .itembox.second{background-color:#0046ff;}
.counsel-list7 .list-item .itembox.third{background-color:#362965;}
.counsel-list7 .list-item .itembox.fourth{background-color:#100048;}
.counsel-list7 .list-item .itembox.last{background-color:#ff6400;}


@media screen and (max-width:1280px){
  .counsel-list7 .list-item .itembox {font-size:18px;}
}
@media screen and (max-width:1024px){
  .counsel-list7 .list-item .itembox {height:80px; font-size:16px;}
}

@media screen and (max-width:1024px){
  .counsel-list7 {flex-wrap:wrap;}
  .counsel-list7 .list-item {width:100%;}
  .counsel-list7 .list-item.long {width:100%;}

  .counsel-list7 .list-item .itembox {height:60px; font-size:14px;}
  .counsel-list7 .list-item .itembox:after {top:unset; bottom:-30px; right:50%; transform:translateX(50%) translateY(0) rotate(90deg);}
  .counsel-list7 .list-item .itembox.fourth:after {top:unset; bottom:-60px; right:50%; transform:translateX(50%) translateY(0) rotate(90deg);}

}





.dqc-use { display: flex; justify-content: space-between;margin-top:20px;}
.dqc-use li { width: 33%; margin-right: 1%; margin-bottom: 10px; border-radius: 8px;  padding: 40px 30px;  box-sizing: border-box;  background: #0046ff; text-align: center;line-height: 1.5;;}
.dqc-use li p { color: #fff; font-size:1.1rem; font-weight: 800; letter-spacing: -0.04em;  padding-top: 10px;padding-bottom: 10px;}
.dqc-use li img { max-width: 100%;}
.dqc-use li:first-child { background: #00aeef; }
.dqc-use li:last-child { background: #362965; margin-right:0;}

.dqc-benefit{ display: flex; justify-content: space-between;margin-top:20px;}
.dqc-benefit li { width: 18.5%; margin-right: 1%; margin-bottom: 10px; border-radius: 8px;  padding: 50px 30px;  box-sizing: border-box;  background: #fff; text-align: center;line-height: 1.5;box-shadow: 0.5rem 0.5rem 3.5rem rgba(51,51,51,0.1);;}
.dqc-benefit li p{ font-size:1.1rem; font-weight:800; margin-top:20px;}

.dqc-benefit li img{max-width:100%; ;}

@media screen and (max-width:768px){
  .dqc-benefit{ display: block}
  .dqc-benefit li { width:100%; margin-right:0; }
}
@media screen and (max-width:680px){
  .dqc-benefit li { padding: 30px 20px;  }
  .dqc-use{ display: block}
  .dqc-use li { width:100%; margin-right:0; padding: 20px 20px;}
}


.dqc-txtbox{ border-radius:10px;background:var(--bg-gray);padding:5rem 3rem; }
.dqc-txtbox p{ font-size:1.3rem; line-height:1.5; font-weight:700;}
.dqc-txtbox span{ font-size:1.1rem; line-height:1.5; font-weight:600; display: block;}

@media screen and (max-width:680px){
  .dqc-txtbox{padding:2rem 1.5rem; }
}

.counsel-list4 {display:flex; align-items:center; gap:30px; position:relative;}
.counsel-list4 .list-item {position:relative; width:calc(100% / 5);}
.counsel-list4 .list-item .itembox {display:flex; align-items:center; justify-content:center; position:relative; height:94px; padding:10px; border-radius:10px; font-size:1.1rem; font-weight:700; line-height:1.4; letter-spacing:-0.02em; color:#fff; text-align:center; box-sizing:border-box; background-color: #6400ff;;}
.counsel-list4 .list-item .itembox:after {content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); right:-20px; width:9px; height:8px; background:url('../img/ico_counsel_arrow.svg')center center no-repeat; background-size:9px 8px;}
.counsel-list4 .list-item:last-child .itembox:after {display:none;}

.counsel-list4 .list-item .itembox.first{background-color:#00aeef;}
.counsel-list4 .list-item .itembox.second{background-color:#0046ff;}
.counsel-list4 .list-item .itembox.third{background-color:#362965;}
.counsel-list4 .list-item .itembox.fourth{background-color:#100048;}
.counsel-list4 .list-item .itembox.last{background-color:#ff6400;}

@media screen and (max-width:1280px){
  .counsel-list4 .list-item .itembox {font-size:18px;}
}
@media screen and (max-width:1024px){
  .counsel-list4 .list-item .itembox {height:80px; font-size:16px;}
}

@media screen and (max-width:768px){
  .counsel-list4 {flex-wrap:wrap;}
  .counsel-list4 .list-item {width:100%;}
  .counsel-list4 .list-item .itembox {height:60px; font-size:14px;}
  .counsel-list4 .list-item .itembox:after {top:unset; bottom:-20px; right:50%; transform:translateX(50%) translateY(0) rotate(90deg);}
}

.counsel-list5 {display:flex; align-items:center; gap:30px; position:relative;}
.counsel-list5 .list-item {position:relative; width:calc(100% / 7); }
.counsel-list5 .list-item .itembox {display:flex; align-items:center; justify-content:center; position:relative; height:94px; padding:10px; border-radius:10px; font-size:1.6rem; font-weight:700; line-height:1.4; letter-spacing:-0.02em; color:#fff; text-align:center; box-sizing:border-box;}
.counsel-list5 .list-item .itembox:after {content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); right:-20px; width:9px; height:8px; background:url('../img/ico_counsel_arrow.svg')center center no-repeat; background-size:9px 8px;}
.counsel-list5 .list-item:last-child .itembox:after {display:none;}
.counsel-list5 .list-item p {font-size:1.4rem; margin-top:10px; text-align: center;}

.counsel-list5 .list-item .itembox.first{background-color:#00aeef;}
.counsel-list5 .list-item .itembox.second{background-color:#00cb86;}
.counsel-list5 .list-item .itembox.third{background-color:#0046ff;}
.counsel-list5 .list-item .itembox.fourth{background-color:#6400ff;}
.counsel-list5 .list-item .itembox.fifth{background-color:#100048;}
.counsel-list5 .list-item .itembox.sixth{background-color:#ff6400;}
.counsel-list5 .list-item .itembox.last{background-color:#6d3800;}

@media screen and (max-width:1280px){
  .counsel-list5 .list-item .itembox {font-size:18px;}
}
@media screen and (max-width:1024px){
  .counsel-list5 .list-item .itembox {height:80px; font-size:16px;}
}

@media screen and (max-width:768px){
  .counsel-list5 {flex-wrap:wrap;}
  .counsel-list5 .list-item {width:100%;}
  .counsel-list5 .list-item .itembox {height:60px; font-size:14px;}
  .counsel-list5 .list-item .itembox:after {top:unset; bottom:-20px; right:50%; transform:translateX(50%) translateY(0) rotate(90deg);}
}






.dqc-btn {width:100%; text-align:center; margin-top:30px;}
.dqc-btn button{margin:0 auto;}

@media screen and (max-width:680px){
  .dqc-btn { margin-top:50px;}

}


.idq-expected { display: flex; justify-content: space-between;margin-top:20px;}
.idq-expected li { width: 33%; margin-right: 1%; margin-bottom: 10px; border-radius: 2px;  padding: 50px 30px;  box-sizing: border-box;  background: #fff;box-shadow: 0.5rem 0.5rem 3.5rem rgba(51,51,51,0.1); text-align: center;  color: #000; font-size:1.1rem;line-height:1.5}
.idq-expected li p { color: #0046ff; font-size: 1.3rem; font-weight: 800; letter-spacing: -0.04em; letter-spacing: -0.04em;  padding-top: 10px;padding-bottom: 10px;}


@media all and (max-width:650px){
  .idq-expected { display: block;}
  .idq-expected li { width: 100%; margin-right: 0;}
}

.idq-standard ul{display: flex;justify-content: space-between;margin-top:30px;}
.idq-standard ul li p{padding-top:30px;}
.idq-standard ul li img{max-width:100%;}



@media all and (max-width:768px){
	.idq-standard ul li p{padding-top:18px;}
}

@media all and (max-width:600px){
	.idq-standard ul{display: block;margin-top:30px;}
	.idq-standard ul li p{ padding-top:0px;text-align: center;}
}

.idq-benefit ul{display: flex;justify-content: space-between;}
.idq-benefit ul li{width:22%; text-align: center; margin-right:3%;vertical-align: top;  }
.idq-benefit ul li:last-child{margin-right:0; }
.idq-benefit ul li p{font-size:1.1rem; color:#000; font-weight:600; letter-spacing:-0.01em; margin-top:30px;}
.idq-benefit ul li img{max-width:100%;}

@media all and (max-width:680px){
	.idq-benefit ul{display: block}
  .idq-benefit ul li{width:100%; margin-bottom:20%; }

}


.idq-docu{display: flex; justify-content: space-between; margin-top: 1rem;}
.idq-docu li{ width:49%; margin-bottom: 4rem;text-align: center; padding: 4rem 1rem;border-radius: 10px;font-size: 1.1rem; line-height:1.4; background: #fff;box-shadow: 0.5rem 0.5rem 3.5rem rgba(51,51,51,0.1); }
.idq-docu li p{ font-size: 1.2rem; font-weight: 700; color:#000; margin-bottom:10px;}
.idq-docu li img{max-width:100%; padding-top:10px;}
.idq-docu li span{ font-size: 0.9rem;margin-top:10px;display: block;}

@media all and (max-width:680px){
  .idq-docu{display: block;}
  .idq-docu li{ width:100%; padding: 2rem 1rem;}

}


.idq-different {display: flex;justify-content: space-between;}
.idq-different li{width:23%; text-align: center; margin-right:2%;border-radius:10px;background:var(--bg-gray);padding:3rem 1.5rem;  }
.idq-different li:last-child{margin-right:0; }
.idq-different li p{font-size:1.4rem; color:#000; font-weight:800; letter-spacing:-0.01em; margin-top:30px; margin-bottom:10px;}
.idq-different li img{max-width:100%;}


@media all and (max-width:768px){
  .idq-different {display: block;}
  .idq-different li{width:100%; margin-right:0;margin-bottom:2%; }

}

.warning-system-intro{ width:100%; background-color: #ebf2ff; padding: 50px;  border-radius: 4px;}
.warning-system-intro p{margin-bottom:10px;}

.warning-system-facility { display: flex; justify-content: space-between;margin-top:20px;}
.warning-system-facility li { width: 45%; margin-right: 1%; margin-bottom: 10px; border-radius: 2px;  padding: 50px 30px;  box-sizing: border-box;  background: #fff;box-shadow: 0.5rem 0.5rem 3.5rem rgba(51,51,51,0.1); text-align: center;  color: #000; font-size:1.1rem;line-height:1.5}
.warning-system-facility li p { color: #0046ff; font-size: 1.3rem; font-weight: 800; letter-spacing: -0.04em; padding-top: 10px;padding-bottom: 10px; border-bottom:1px solid #0046ff; margin-bottom:15px}
.warning-system-facility li:first-child { width: 25%;}
.warning-system-facility li:last-child { width: 25%; margin-right:0;}

@media all and (max-width:680px){
  .warning-system-intro{ padding: 20px;}

  .warning-system-facility { display: block;}
  .warning-system-facility li { width: 100%; margin-right:0%;}
  .warning-system-facility li:first-child { width: 100%;}
  .warning-system-facility li:last-child { width: 100%; }
  
}

.warning-system-effect { display: flex; justify-content: space-between;margin-top:20px;}
.warning-system-effect li { width: 23%; margin-right: 1%; margin-bottom: 10px; border-radius: 8px;  background-color: #00aeef; padding: 50px 30px;  box-sizing: border-box; box-shadow: 0.5rem 0.5rem 3.5rem rgba(51,51,51,0.1); text-align: center;  color: #fff; font-size:1.1rem;line-height:1.5}
.warning-system-effect li p { color: #fff; font-size: 1.4rem; font-weight: 800; letter-spacing: -0.04em; padding-top: 10px;padding-bottom: 10px; border-bottom:1px solid #fff; margin-bottom:15px}
.warning-system-effect li:nth-child(2) {background-color: #0046ff;}
.warning-system-effect li:nth-child(3) {background-color: #362965;}
.warning-system-effect li:nth-child(4) {background-color: #003399;}



@media all and (max-width:680px){
  .warning-system-effect { display:block;}
  .warning-system-effect li { width: 100%;padding: 30px 20px;}
}

.warning-system-test { display: flex; justify-content: space-between;margin-top:50px;}
.warning-system-test li { width: 23%; margin-right: 1%; margin-bottom: 10px; text-align: center;}
.warning-system-test li p { color: #003399; font-size:1.1rem;line-height:1.5; font-weight: 800; letter-spacing: -0.04em; padding-top:20px;}

@media all and (max-width:680px){
  .warning-system-test { display: block;}
  .warning-system-test li { width:100%; margin-right: 0; margin-bottom:30px; }
}

.trsutai-goal { display: flex; justify-content: space-between;margin-top:20px;}
.trsutai-goal li { width: 23%; margin-right: 1%; margin-bottom: 10px; border-radius: 2px;  padding: 50px 20px;  box-sizing: border-box;  background: #fff;box-shadow: 0.5rem 0.5rem 3.5rem rgba(51,51,51,0.1); text-align: center;  color: #0046ff; font-size:1.8rem;line-height:1.5;font-weight:700;}

@media all and (max-width:680px){
  .trsutai-goal { display: block;}
  .trsutai-goal li { width: 100%; margin-right: 0;font-size:1.2rem; }

}
.trsutai-move { display: flex; justify-content: space-between;margin-top:10px;}
.trsutai-move li { width: 23%; margin-right: 1%; margin-bottom: 10px; border-radius: 8px;  background-color: #00aeef; padding: 50px 30px;  box-sizing: border-box; box-shadow: 0.5rem 0.5rem 3.5rem rgba(51,51,51,0.1); text-align: center;  color: #fff; font-size:1.8rem;line-height:1.5}
.trsutai-move li:nth-child(2) {background-color: #0046ff;}
.trsutai-move li:nth-child(3) {background-color: #362965;}
.trsutai-move li:nth-child(4) {background-color: #003399;}


@media all and (max-width:680px){
  .trsutai-move { display: block;}
  .trsutai-move li { width: 100%; margin-right: 0;font-size:1.2rem; }
}


.trustworthy-target {margin-top:20px;}
.trustworthy-target ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.trustworthy-target li{width:49%; background-color: #684fff; color:#fff; display: flex; justify-content: space-between;font-size:1.6rem;margin-bottom:20px;border-radius: 8px; overflow: hidden; }
.trustworthy-target li.lang{background-color: #0055ff;}
.trustworthy-target li.sound{background-color: #4fbfff;}
.trustworthy-target li.robot{background-color: #003678;}
.trustworthy-target li.vision{background-color: #0078e3;}

.trustworthy-target li .targetK{width:45%;background-image: url(../img/trustworthy-target01.jpg); background-size: cover; background-position:center}
.trustworthy-target li .targetN{width:45%;background-image: url(../img/trustworthy-target02.jpg); background-size: cover; background-position:center}
.trustworthy-target li .targetS{width:45%;background-image: url(../img/trustworthy-target03.jpg); background-size: cover; background-position:center}
.trustworthy-target li .targetR{width:45%;background-image: url(../img/trustworthy-target04.jpg); background-size: cover; background-position:center}
.trustworthy-target li .targetV{width:45%;background-image: url(../img/trustworthy-target05.jpg); background-size: cover; background-position:center}

.trustworthy-target li .targetK2{width:55%; padding:30px; box-sizing: border-box;}

.trustworthy-target li.andmore{display:block; width:49.5%; background-color: #fff; color:#0055ff; text-align: center;font-weight:600;}
.trustworthy-target li.andmore p{margin-top:50px;}

.trustworthy-target li p{font-weight:bold; font-size:1.8rem; margin-bottom:5px;}
.trustworthy-target li dl{margin-top:20px; }
.trustworthy-target li dl dd{font-size:1.4rem;line-height: 1.5; }


@media all and (max-width:768px){
	.trustworthy-target li{font-size:15px; }
	.trustworthy-target li dl dd{font-size:13px; }
	.trustworthy-target li.andmore{font-size:15px;}
}

@media all and (max-width:640px){
	.trustworthy-target ul{display: block;}
	.trustworthy-target li{width:100%;margin-bottom:10px; }
	.trustworthy-target li.andmore{ width:100%;;}
	.trustworthy-target li.andmore p{margin-top:30px;}
	}

.trsutai-effect { display: flex; justify-content: space-between;margin-top:20px;}
.trsutai-effect li { width: 23%; margin-right: 1%; margin-bottom: 10px; border-radius: 8px;  background-color: #362965; padding: 50px 30px;  box-sizing: border-box; box-shadow: 0.5rem 0.5rem 3.5rem rgba(51,51,51,0.1); text-align: center;  color: #fff; font-size:1.2rem;line-height:1.5}
.trsutai-effect li p{ font-size:1.9rem;margin-bottom:5px; font-weight:800;}

@media all and (max-width:680px){
  .trsutai-effect { display: block;}
  .trsutai-effect li { width: 100%; margin-right: 0;}
  .trsutai-effect li p{ font-size:1.4rem;}
}

.trustai-standard{margin-top:10px; display: flex; justify-content: space-between;background-color: #ebf2ff; padding: 40px 30px; text-align: center; border-radius: 4px;}
.trustai-standard li { width: 49%; margin-right: 1%; margin-bottom: 10px; font-size:1.8rem;line-height:1.5;}
.trustai-standard li:last-child {margin-right:0;}


.cered-intro{display: flex;justify-content: space-between; margin-top:20px; border-radius:10px;background:var(--bg-gray);padding:5rem 3rem; ;}
.cered-intro li{ width:83%;font-size: 1.1rem; line-height:1.5;}
.cered-intro li p{ margin-bottom:13px;}
.cered-intro li:first-child{ width:15%;text-align: center;}
.cered-intro li img{ width:100px;}

.cered-intro li:first-child img{ max-width: 100%;}
.cered-intro li span{ background-color: #fff; padding:10px 20px; margin-right:10px; font-size: 1.0rem;margin-top:20px; display: inline-block;}

@media all and (max-width:768px){
  .cered-intro li img{ width:80px;}
}

@media all and (max-width:650px){
	.cered-intro{display: block;padding:5rem 1.5rem;;}
  .cered-intro li{ width:100%;}
  .cered-intro li:first-child{ width:100%;}
  .cered-intro li img{ padding-bottom:20px;}
  .cered-intro li span{ margin-right:0px; ;margin-top:10px; display: block; text-align: center;}

}

.cered-expected { display: flex; justify-content: space-between;margin-top:20px;}
.cered-expected li { width: 32%; margin-right: 1%; margin-bottom: 10px; border-radius: 2px;  padding: 50px 20px;  box-sizing: border-box; background-color: #e9f2ff; text-align: center;  color: #000; font-size:1.1rem;line-height:1.5}
.cered-expected li p { color: #0046ff; font-size: 1.3rem; font-weight: 800; letter-spacing: -0.04em; letter-spacing: -0.04em;  padding-top: 25px;padding-bottom: 10px;}

@media all and (max-width:650px){
  .cered-expected { display: block;}
  .cered-expected li { width: 100%; margin-right: 0;}
}

.cered-cyber{margin-top:10px; border-radius:10px;background:var(--bg-gray);padding:3rem; line-height: 1.5 ;}
.cered-cyber p{ font-weight:700;margin-top:20px;}

.cered-cyber .dot-llist li{ list-style: disc; margin-left:20px;}

.cered-cyber-target{display: flex; justify-content:row;  flex-wrap: wrap; }
.cered-cyber-target li{ width:22%; margin-right:1%; margin-bottom:1%;text-align: center;}
.cered-cyber-target li div{ background-color: #c9efff; border-radius: 99%;height:100px;width:100px; margin:0 auto;; }
.cered-cyber-target li div img{padding-top:25px; max-width:100%;}
.cered-cyber-target li p{text-align: center;font-size: 0.9rem; line-height:1.4;  margin-top:10px;}
.cered-cyber-target li:last-child{margin-right:0; }

@media all and (max-width:650px){
  .cered-cyber{padding:3rem 1.5rem;}
  .cered-cyber-target{display: block; }
  .cered-cyber-target li{ width:100%; margin-right:0%;margin-bottom:15%; display: block;}

}

.cered-cyber span{ text-align: center; display: block; font-size: 1.4rem; margin-top:20px;;}

.cered-wise{ width:100%; background-color: #ebf2ff; padding: 50px 30px; text-align: center; border-radius: 4px; }
.cered-wise ul{ display: flex; justify-content: space-between;}
.cered-wise ul li:first-child{width:20%; text-align: center;}
.cered-wise ul li:last-child{width:78%;text-align:left; line-height: 1.6;}
.cered-wise ul li p{font-size: 1.3rem; margin-bottom:10px;}
.cered-wise ul li img{max-width:100%;}

@media all and (max-width:650px){
  .cered-wise ul{ display: block;}
  .cered-wise ul li:first-child{width:100%;}
  .cered-wise ul li:last-child{width:100%;}
  .cered-wise ul li img{width:30%; padding-bottom:10px;}

}


.cered-merritdiv{ width:100%; background:url('../img/cered-wise-bg.jpg')center center no-repeat; background-size:cover;; padding: 40px 30px;margin-top:50px; }
.cered-merritdiv h4{ color:#fff; text-align: center; margin-top:30px;}
.cered-merritdiv h5{ color:#fff; text-align: center;}

.cered-merrit { display: flex; flex-wrap: wrap; margin-top:30px;;}
.cered-merrit li { display: flex; flex-direction: column; align-items: center;  text-align: center; width: calc(25% - 3.4rem);  margin: 0 1.7rem;
    min-height: 25rem;border-radius: 1rem; background-color: rgba(255,255,255,0.1); backdrop-filter: blur(6.8px);  
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; vertical-align: top; overflow: hidden;}
.cered-merrit li img {max-width:100%;padding:0;}
.cered-merrit li .merritit {font-size: 1.3rem;		font-weight: 700;		color: #fff;		letter-spacing: -0.02rem;padding-top: 30px; 	}
.cered-merrit li span {width:70%; height:2px; background-color:#ff6400; display: block;margin-top:7px;	}

.cered-merrit li .merritxt { font-size:15px;  letter-spacing: -0.065em; color: #fff;  line-height: 1.5;  padding: 10px;}

@media screen and (max-width:768px){
  .cered-merritdiv { height:auto;padding:30px 0;  }
  .cered-merrit li {width: calc(50% - 3.4rem); min-height: 20rem; margin-bottom:20px;}
}
@media screen and (max-width:650px){
  
  .cered-merritdiv h4{ margin-top:10px;}
  .cered-merrit li {width:100%; margin:10px 0;}
  .cered-merrit li .merritit {font-size: 1.6rem;}

}

.cered-partner{ width:100%; }
.cered-partner li{ width:100%; background-color: #fff; padding: 20px 50px; border-radius: 4px; display: flex; align-items: center; margin-bottom:10px; }
.cered-partner li span{ width:25%; padding-left:10px; }
.cered-partner li span img{ max-width:100%; }

@media screen and (max-width:650px){
  .cered-partner li{display: block;padding:20px 30px; }
  .cered-partner li span{ width:100%; padding-left:0px; padding-bottom:20px; display: block; }
  .cered-partner li span img{ height:30%; }
}




.eggplant-visual { position: relative; width: 100%; height:280px; margin-top: 70px; border-radius: 12px; background: url(../img/solution-eggplant-top3.jpg) center center no-repeat;background-size: cover; box-sizing: border-box;  overflow: hidden;}

@media all and (max-width:680px){
  .eggplant-visual {height:200px; margin-top: 50px;}
}

.eggplant-merritdiv{display: flex; justify-content: space-between;margin-top:10px; flex-wrap: wrap;}
.eggplant-merritdiv .eggplant-merrit {width: 49%; margin-right: 1%; margin-bottom: 10px;display: flex; background-color: #60479a; padding:30px;box-sizing: border-box;  border-radius:10px;color:#fff;}
.eggplant-merritdiv .eggplant-merrit div{margin-left:20px; width:80%; }
.eggplant-merritdiv .eggplant-merrit span{ display: block;width:15%; vertical-align: top;}
.eggplant-merritdiv .eggplant-merrit span img{ max-width: 100%;}

.eggplant-merritdiv .eggplant-merrit div p{font-weight:800; font-size:1.3rem; margin-bottom:10px;;}
.eggplant-merritdiv .eggplant-merrit:nth-child(2){ margin-right:0;}
.eggplant-merritdiv .eggplant-merrit:nth-child(4){ margin-right:0;}

@media all and (max-width:680px){
  .eggplant-merritdiv{display:block;}
  .eggplant-merritdiv .eggplant-merrit {width: 100%; margin-right:0; }

}

.eggplant-func{width:100%; background-color: #ebf2ff; padding: 40px 30px;  border-radius: 4px;margin-top:15px;;}
.eggplant-func p{font-weight:800; font-size:1.3rem; margin-bottom:10px;;}
.eggplant-func div{display: flex;margin-top:15px;;}
.eggplant-func div img{max-width:100%; padding-right:10px;}

.eggplant-industry{display: flex;justify-content: space-between;margin-top:10px; flex-wrap: wrap}
.eggplant-industry .list-item { width: 32%; border-radius: 10px; overflow: hidden;margin-bottom: 20px;}
.eggplant-industry .list-item .imgdiv { width: 100%; height:200px; overflow: hidden;  border-radius: 10px;  margin-bottom: 20px;}
.eggplant-industry .list-item .imgdiv img { width:100%; max-width:100%;height:200px;}
.eggplant-industry .list-item p {font-weight:800; font-size:1.3rem; margin-bottom:10px;margin-left:10px;;}
.eggplant-industry .list-item ul {margin-left:10px;;}

@media all and (max-width:680px){
  .eggplant-industry{display: block}
  .eggplant-industry .list-item { width:100%;margin-bottom: 40px;}
  .eggplant-industry .list-item .imgdiv {height:150px; }
  .eggplant-industry .list-item .imgdiv img {height:150px;}


}
.owlits-visual { position: relative; width: 100%; height:450px; margin-top: 70px; border-radius: 12px; overflow: hidden;background-color: #16298b;text-align: center;padding-top:5%; vertical-align: bottom;}
.owlits-visual img { text-align: center; max-width: 100%;}


.owlits-func{display: flex;;margin-top:10px;flex-wrap: wrap;}
.owlits-func li{width:calc(100% / 3); text-align: center; line-height: 1.5; margin-bottom:40px;}
.owlits-func li p{font-weight:800; font-size:1.3rem; margin-bottom:10px;margin-top:10px;;}

.owlits-merrit{display: flex;;margin-top:50px;flex-wrap: nowrap;gap:15px;}
.owlits-merrit li{width:calc(100% / 5 ); text-align: center; line-height: 1.5; margin-bottom:40px; }
.owlits-merrit li p{font-weight:600; font-size:1.0rem; margin-bottom:10px;margin-top:20px;;}


.owlits-compare{width:100%; background-color: #ebf2ff; padding: 60px 30px; box-sizing: border-box; border-radius: 4px; display: flex; }
.owlits-compare li{width:25%;text-align: center; }
.owlits-compare li:first-child{width:50%}
.owlits-compare li img{max-width:100%}
.owlits-compare-img{width:15px;}


@media all and (max-width:768px){
  .owlits-visual { height:350px;}
  .owlits-func li{width:calc(100% / 2); ;}
  .owlits-merrit{flex-wrap: wrap; gap:10px}
  .owlits-merrit li{width:calc(100% / 2);}
}

@media all and (max-width:680px){
  .owlits-visual { height:250px;}
  .owlits-func{display: block;}
  .owlits-func li{width:100%;}
  .owlits-merrit{display: block; gap:0px}
  .owlits-merrit li{width:100%;}


}
.coderay-visual { position: relative; width: 100%; height:280px; margin-top: 70px; border-radius: 12px; background: url(../img/solution-coderay-top.jpg) center center no-repeat;background-size: cover; box-sizing: border-box;  overflow: hidden;}

@media all and (max-width:680px){
  .coderay-visual { height:150px; margin-top:50px; background-position: left;}

}
.coderay-top{display: flex; flex-wrap: wrap; }
.coderay-top li {position: relative; width:23%; margin-right:2%;padding: 3.3rem 1.5rem; box-sizing: border-box; text-align: center; background: #fff; border-radius: 0.5rem; 
	box-shadow: 0.5rem 0.5rem 3.5rem rgba(51,51,51,0.1);}
.coderay-top li:last-child{margin-right:0;} 

.coderay-top li img {max-width:100%;}
.coderay-top li p {font-weight:800; font-size:1.3rem; margin-bottom:10px;margin-top:20px;;}

@media all and (max-width:768px){
  .coderay-top li { width:48%; margin-bottom:2%; }
}

@media all and (max-width:680px){
  .coderay-top{display: block }
  .coderay-top li { width:100%;}
}
.coderay-func{display: flex;;margin-top:10px;flex-wrap: wrap; }
.coderay-func li{width:32%; margin-right:1%; background-color: #ebf2ff; padding: 40px 30px;  border-radius: 4px;margin-top:15px; text-align: center; line-height: 1.5;}
.coderay-func li p{font-weight:800; font-size:1.3rem; margin-bottom:10px;margin-top:10px;;}
.coderay-func li img{padding-top:20px;max-width: 100%;}
.coderay-func li:last-child{ margin-right:0; }
@media all and (max-width:680px){
  .coderay-func{display: block}
  .coderay-func li{width:100%; margin-right:0; }
}

.coderay-graybox{border-radius:10px;background:var(--bg-gray);padding:5rem 3rem; display: flex;}
.coderay-graybox ul{width:33%;}

@media all and (max-width:680px){
  .coderay-graybox{ display:block;padding:2rem 2rem;}
  .coderay-graybox ul{width:100%; margin-top:10px;}

}
.sparrow-visual { position: relative; width: 100%; height:280px; margin-top: 70px; border-radius: 12px; background: url(../img/solution-sparrow-top.jpg) center center no-repeat;background-size: cover; box-sizing: border-box;  overflow: hidden;}

@media all and (max-width:680px){
  .sparrow-visual {height:180px; margin-top: 50px;}

}
.sparrow-top{background-color: #ebf2ff; padding: 60px 30px;  border-radius: 4px;margin-top:15px; text-align: center; }
.sparrow-top img{max-width:100%; }

.sparrow-func{display: flex; flex-wrap: wrap;}
.sparrow-func div{width:31%; margin-right:2%;margin-bottom:2%; border-radius:10px;background:var(--bg-gray);padding:4rem 3rem; }
.sparrow-func div p{font-weight:800; font-size:1.3rem; margin-bottom:10px;margin-top:10px;;}

@media all and (max-width:680px){
  .sparrow-func{display:block;}
  .sparrow-func div{width:100%; margin-right:0;padding:2rem 2rem; }

}
.sparrow-func div:nth-child(3){margin-right:0;  }


.stonedq-func{display: flex; flex-wrap: wrap; margin-top:10px; }
.stonedq-func li {position: relative; width:31%; margin-right:2%; margin-bottom:2%;padding: 4.3rem 2rem; box-sizing: border-box; text-align: center; background: #fff; border-radius: 0.5rem; 
	box-shadow: 0.5rem 0.5rem 3.5rem rgba(51,51,51,0.1);}

.stonedq-func li:nth-child(3){margin-right:0;  }
.stonedq-func li img {max-width:100%;}
.stonedq-func li p {font-weight:800; font-size:1.3rem; margin-bottom:10px;margin-top:20px;;}

@media all and (max-width:768px){
  .stonedq-func li { width:48%; margin-bottom:2%; }
}

@media all and (max-width:680px){
  .stonedq-func{display: block }
  .stonedq-func li { width:100%;}
}

.stonedq-expected { display: flex; justify-content: space-between;margin-top:20px; flex-wrap:wrap}
.stonedq-expected li { width: 31%; margin-right: 1%; margin-bottom: 10px; border-radius: 2px;  padding: 50px 20px;  box-sizing: border-box; background-color: #e9f2ff; text-align: center;  color: #000; font-size:1.3rem;line-height:1.5}
.stonedq-expected li p { font-size: 1.3rem; letter-spacing: -0.04em; letter-spacing: -0.04em;  padding-top: 10px;padding-bottom: 10px;}
.stonedq-expected li strong {  font-weight: 800; }

@media all and (max-width:650px){
  .stonedq-expected { display: block;}
  .stonedq-expected li { width: 100%; margin-right: 0;}
}

.stonedq-visual { position: relative; width: 100%; height:280px; margin-top: 70px; border-radius: 12px; background: url(../img/solution-stonedq-top.jpg) center center no-repeat;background-size: cover; box-sizing: border-box;  overflow: hidden;}

@media all and (max-width:680px){
  .stonedq-visual {height:200px; margin-top: 50px;}
}

.stonedq-con02{margin-top:10px;}
.stonedq-con02-list { display: flex;  align-items: stretch;  justify-content: flex-start;  gap: 20px;  flex-wrap: wrap;  position: relative;}
.stonedq-con02-list li {  position: relative;  width: calc(24% - 20px / 4); margin-bottom:30px;}
.stonedq-con02-list .thumbnail { position: relative; padding-bottom: 58.0646%;  border-radius: 10px;  box-sizing: border-box;  overflow: hidden;}
.stonedq-con02-list .thumbnail > img {  display: block;  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  width: 100%;  height: 100%;  object-fit: cover;}
.stonedq-con02-list .desc {  margin-top: 20px;  text-align: center;}
.stonedq-con02-list .desc .title {  font-size: 2.4rem;  font-weight: 700;  line-height: 1.4;  letter-spacing: -0.04em;  color: #000000;}
.stonedq-con02-list .desc .text { margin-top: 10px;  font-size: 1.1rem;  font-weight: 400;  line-height: 1.4;  letter-spacing: -0.04em;  color: #222222;}

@media all and (max-width:820px){
  .stonedq-con02-list li { width: calc(50% - 40px / 3); }
}
@media all and (max-width:680px){
  .stonedq-con02-list li { width:100% }
}



.stonedq-demo {width:560px;}

@media all and (max-width:600px){
  .stonedq-demo {width:100%;}
}


.llmet-visual { position: relative; width: 100%; height:280px; margin-top: 50px; border-radius: 12px; background: url(../img/solution-llmet-top2.jpg) center center no-repeat;background-size: cover; box-sizing: border-box;  overflow: hidden;}

@media all and (max-width:680px){
  .llmet-visual {height:200px; margin-top: 50px;}
}

.llmet-func{display: flex; flex-wrap: wrap; margin-top:10px; }
.llmet-func li {position: relative; width:31%; margin-right:2%; margin-bottom:2%;padding: 4.3rem 2rem; box-sizing: border-box; text-align: center; background: #fff; border-radius: 0.5rem; 
	box-shadow: 0.5rem 0.5rem 3.5rem rgba(51,51,51,0.1);}

.llmet-func li:nth-child(3){margin-right:0;  }
.llmet-func li img {max-width:100%;}
.llmet-func li p {font-weight:800; font-size:1.3rem; margin-bottom:10px;margin-top:20px;;}

@media all and (max-width:768px){
  .llmet-func li { width:48%; margin-bottom:2%; }
}

@media all and (max-width:680px){
  .llmet-func{display: block }
  .llmet-func li { width:100%;}
}




.testservice-top { display: flex; justify-content: space-between;margin-top:20px;}
.testservice-top li { width: 24%; margin-right: 1%; margin-bottom: 10px; border-radius: 2px;  padding: 50px 20px;  box-sizing: border-box; background-color: #e9f2ff; text-align: center;  color: #000; font-size:1.1rem;line-height:1.5}
.testservice-top li span{ width: 90px; height:90px; border-radius: 99px;  padding:20px;  box-sizing: border-box; background-color: #0046ff; text-align: center; display: block; margin:0 auto;}
.testservice-top li span img{max-width: 100%;;}
.testservice-top li p { color: #0046ff; font-size: 1.3rem; font-weight: 800; letter-spacing: -0.04em; letter-spacing: -0.04em;  padding-top: 10px;padding-bottom: 10px;}

@media all and (max-width:767px){
  .testservice-top { display: block}
  .testservice-top li { width: 100%; margin-right:0;}
}

.testservice-boon {margin-top:10px; margin-bottom:20px;background-color: #e9f2ff; border-radius: 2px; padding:30px }
.testservice-boon h6{font-size: 1.6rem; font-weight: 800;margin-bottom:10px; }
.testservice-boon ul{display: flex;  justify-content: flex-start; margin-top:20px; flex-wrap: wrap;; }
.testservice-boon ul li{width: 19%; margin-right: 1%; margin-bottom: 1%;text-align: center; background-color: #fff;padding:20px;font-size:0.9rem;}
.testservice-boon ul li:nth-child(5){margin-right:0;  }
.testservice-boon ul li img{width:60%;padding-top:10px; }

@media all and (max-width:768px){
  .testservice-boon ul li{width: 32%;}
  .testservice-boon ul li:nth-child(3){margin-right:0;  }
  .testservice-boon ul li:nth-child(5){margin-right:1%;  }
}
@media all and (max-width:599px){
  .testservice-boon { padding:20px }
  .testservice-boon ul li{width: 48%;padding:10px;}
  .testservice-boon ul li:nth-child(2){margin-right:0;  }
  .testservice-boon ul li:nth-child(3){margin-right:1%;  }
}

.testservice-jong { display: flex; justify-content: space-between;;background-color: #e9f2ff; border-radius: 2px; }
.testservice-jong li { width: 48%; margin-right: 1%; padding: 50px 20px;  box-sizing: border-box; text-align: center;  color: #000; font-size:1.8rem;line-height:1.5}
.testservice-jong li img{ max-width:100%; }

.testservice-target{display: flex; justify-content: space-between;margin-top:10px;}
.testservice-target li{width:31%; margin-right: 1%; margin-bottom: 10px; border-radius: 2px; color:#fff;background-color: #00aeef;}
.testservice-target li:first-child { background-color: #0055ff;}
.testservice-target li:last-child { background-color: #362965; margin-right:0;}
.testservice-target li div { background-image: url(../img/testservice-tg02.jpg);  background-size: cover;  background-position: center;  height: 135px;}
.testservice-target li:first-child div { background-image: url(../img/testservice-tg01.jpg); background-size: cover; background-position: center; height: 135px;}
.testservice-target li:last-child div {background-image: url(../img/testservice-tg03.jpg); background-size: cover; background-position: center;  height: 135px;}
.testservice-target li p { width: 100%; height: 135px; display: table;  text-align: center;}
.testservice-target li p span { display: table-cell; vertical-align: middle; font-weight:700; font-size:1.8rem;}

@media all and (max-width:767px){
  .testservice-target{display:block}
  .testservice-target li{width:100%; margin-right: 0; }
}


.testservice-merrit { display: flex; justify-content: space-between;margin-top:20px; flex-wrap: wrap;}
.testservice-merrit li { width: 49%; margin-right: 1%; margin-bottom:1%; border-radius: 2px;  padding: 50px 20px;  box-sizing: border-box; background-color: #e9f2ff; text-align: center;  color: #000; font-size:1.8rem;line-height:1.5; font-weight: 700;;}

@media all and (max-width:767px){
  .testservice-merrit { display: block}
  .testservice-merrit li { width:100%; margin-right:0; }
}


.testservice-effect{display: flex; justify-content: space-between;margin-top:10px;}
.testservice-effect li{width: 24%; margin-right: 1%; margin-bottom: 10px; border-radius: 2px;  padding: 50px 20px;  box-sizing: border-box; background-color: #0046ff; color:#fff; text-align: center;line-height: 1.4;}
.testservice-effect li:first-child { background-color: #003678;}
.testservice-effect li:last-child { margin-right: 0;}
.testservice-effect li div { width: 70px; height: 70px; background-color: #fff; border-radius: 100px; text-align: center; margin: 0 auto;}
.testservice-effect li p { font-weight: 700; margin-top: 15px;  font-size:2.1rem; margin-bottom:10px;}
.testservice-effect li div img {  padding-top: 13px;}
.testservice-effect li:nth-child(3){background-color: #00aeef; }
.testservice-effect li:nth-child(4){background-color: #362965; }

@media all and (max-width:767px){
  .testservice-effect{display: block}
  .testservice-effect li{width: 100%; margin-right: 0;}

}


.testservice-need{display: flex; justify-content: space-between;margin-top:10px;}
.testservice-need li{width: 19.5%; margin-right: 1%; margin-bottom: 10px; border-radius: 2px;  padding: 50px 15px;  box-sizing: border-box; background-color: #0046ff; color:#fff; text-align: center;line-height: 1.4;}
.testservice-need li:first-child { background-color: #003678;}
.testservice-need li:last-child { margin-right: 0;}
.testservice-need li div { width: 70px; height: 70px; background-color: #fff; border-radius: 100px; text-align: center; margin: 0 auto;}
.testservice-need li p { font-weight: 700; margin-top: 15px;  font-size:1.3rem; margin-bottom:10px;}
.testservice-need li div img {  padding-top: 13px;}
.testservice-need li:nth-child(3){background-color: #00aeef; }
.testservice-need li:nth-child(4){background-color: #7c00d3; }
.testservice-need li:nth-child(5){background-color: #0e0d5e; }

@media all and (max-width:767px){
  .testservice-need{display: block}
  .testservice-need li{width: 100%; margin-right: 0;}

}

.testservice-type{display: flex;;margin-top:10px;flex-wrap: wrap; }
.testservice-type li{width:24%; margin-right:1%; background-color: #ebf2ff; padding: 40px 30px;  border-radius: 4px;margin-top:15px; text-align: center; line-height: 1.5;}
.testservice-type li p{font-weight:800; font-size:1.3rem; margin-bottom:10px;margin-top:10px;;}
.testservice-type li img{padding-top:20px;max-width: 100%;}
.testservice-type li:last-child{ margin-right:0; }

@media all and (max-width:680px){
  .testservice-type{display: block}
  .testservice-type li{width:100%; margin-right:0; }
}



.consulting-pro-top{display: flex; justify-content: space-between;margin-top:10px;}
.consulting-pro-top li{width: 19%; margin-right: 1%; margin-bottom: 10px; border-radius: 2px;  padding: 50px 20px;  box-sizing: border-box; background-color: #e9f2ff; border-radius: 2px; text-align: center; }
.consulting-pro-top li:last-child{margin-right: 0;}
.consulting-pro-top li p { font-weight: 700; margin-top: 15px;  font-size:1.3rem; margin-bottom:10px; color:#0046ff;}
.consulting-pro-top li span {width: 80px; height: 80px; background-color: #0046ff; border-radius: 100px; text-align: center; margin: 0 auto; display: block;}
.consulting-pro-top li span img {padding-top:25px;}

@media all and (max-width:1023px){
  .consulting-pro-top li span {width: 60px; height: 60px; }
  .consulting-pro-top li span img {padding-top:18px;}
}

@media all and (max-width:680px){
  .consulting-pro-top{display: block}
  .consulting-pro-top li{width: 100%; margin-right:0; padding:20px 20px;}

}

.consulting-pro-top2{display: flex; justify-content: space-between;margin-top:10px;}
.consulting-pro-top2 li{width: 19%; margin-right: 1%; margin-bottom: 10px;line-height: 1.5;}
.consulting-pro-top2 li:last-child{width: 80%; margin-right: 0; background-color: #ff6400; padding:35px; box-sizing: border-box;color:#fff;}
.consulting-pro-top2 li img{max-width: 100%; width:280px;}
.consulting-pro-top2 li:first-child{background: url(../img/quality_process2_01.jpg) center center no-repeat;background-size: cover; }


@media all and (max-width:680px){
  .consulting-pro-top2{display: block;}
  .consulting-pro-top2 li{width: 100%; margin-right: 0;}
  .consulting-pro-top2 li:last-child{width: 100%; }

}

.consulting-quality-top{display: flex; justify-content: space-between;margin-top:10px; flex-wrap: wrap;}
.consulting-quality-top li{width: 32.5%; margin-right: 1%; margin-bottom: 1%;line-height: 1.5;color:#fff; background-color: #0046ff; padding:40px; box-sizing: border-box;text-align: center;font-size:1.2rem; font-weight:800; }
.consulting-quality-top li:nth-child(2){background-color: #00aeef;}
.consulting-quality-top li:nth-child(3){margin-right:0; background-color: #00a6b0;}
.consulting-quality-top li:nth-child(4){background-color: #003678;}
.consulting-quality-top li:nth-child(5){background-color: #021846;}
.consulting-quality-top li:nth-child(6){margin-right:0; background-color: #362965;}

@media all and (max-width:680px){
  .consulting-quality-top{display:block;}
  .consulting-quality-top li{width:100%; margin-right: 0; }
}
.consulting-quality-jong{margin-top:10px; width:100%;}
.consulting-quality-jong ul{margin-top:20px;  line-height: 1.5; background-color: #e9f2ff; padding:40px; box-sizing: border-box;}

@media all and (max-width:680px){
  .consulting-quality-jong ul{ padding:25px;}

}



.recruit-visual { position: relative; width: 100%; height:300px; display: table; padding:50px 10px; margin-top: 70px; border-radius: 20px; background: url(../img/sv2.jpg) center center no-repeat;background-size: cover; box-sizing: border-box;  overflow: hidden;}
.recruit-visual p {font-size:24px; color:#fff; text-align: center;display: table-cell; vertical-align: middle; line-height: 1.5;}

.recruit-con01{margin-top:10px;}
.recruit-con01-list {display: flex; flex-wrap: wrap; margin: 0 -0.9rem;}
.recruit-con01-list li {position: relative; width: calc(20% - 1.8rem); margin: 0 0.9rem; padding: 3.3rem 1.5rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; text-align: center; background: #fff; border: 1px solid #cfcfcf; border-radius: 0.5rem; 
	box-shadow: 0.5rem 0.5rem 3.5rem rgba(51,51,51,0.1);}
.recruit-con01-list li:before {position: absolute; opacity: 0; width: calc(100% + 2px); height: calc(100% + 2px); content: ''; border-radius: 0.5rem; border: 3px solid #146ee2; top: -1px; left: -1px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.3s;}
.recruit-con01-list li span {display: inline-block; }
.recruit-con01-list li span img {max-height: 100%;}

.recruit-con01-list li dl {padding-top: 3rem;}
.recruit-con01-list li dl dt {font-size: 1.8rem; font-weight: 700; letter-spacing: -0.050em; color: #ff6400; line-height: 1.375;}
.recruit-con01-list li dl dd {font-size: 1.1rem; font-weight: 500; letter-spacing: -0.025em; color: rgba(0,0,0,0.3); line-height: 1.1; padding-top: 0.5rem;}
.recruit-con01-list li .txt {font-size: 1.0rem; font-weight: 500; letter-spacing: -0.050em; color: #000; line-height: 1.44; padding-top: 2rem;}


@media all and (max-width:1024px){
  .recruit-con01-list li { width: calc(50% - 1.8rem); margin-bottom:20px }
}
@media all and (max-width:680px){
  .recruit-con01-list li { width:100% }
}

.recruit-con02{margin-top:10px;}
.recruit-con02-list { display: flex;  align-items: stretch;  justify-content: flex-start;  gap: 20px;  flex-wrap: wrap;  position: relative;}
.recruit-con02-list li {  position: relative;  width: calc(33.3333% - 40px / 3); margin-bottom:30px;}
.recruit-con02-list .thumbnail { position: relative; padding-bottom: 58.0646%;  border-radius: 10px;  box-sizing: border-box;  overflow: hidden;}
.recruit-con02-list .thumbnail > img {  display: block;  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  width: 100%;  height: 100%;  object-fit: cover;}
.recruit-con02-list .desc {  margin-top: 20px;  text-align: left;}
.recruit-con02-list .desc .title {  font-size: 1.3rem;  font-weight: 700;  line-height: 1.4;  letter-spacing: -0.04em;  color: #000000;}
.recruit-con02-list .desc .text { margin-top: 10px;  font-size: 1.1rem;  font-weight: 400;  line-height: 1.4;  letter-spacing: -0.04em;  color: #222222;}

@media all and (max-width:820px){
  .recruit-con02-list li { width: calc(50% - 40px / 3); }
}
@media all and (max-width:680px){
  .recruit-con02-list li { width:100% }
}

.recruit-step{ margin-top: 40px;}
.recruit-step .tit { font-size: 1.8rem ;color: #000;  margin-bottom:10px; font-weight:800; }
.recruit-step-job {margin-top:10px;display: flex;justify-content: space-between; flex-wrap: wrap;}
.recruit-step-job .job_item { width: calc(100% / 3 - 15px); }
.recruit-step-job .job_itembox { display: flex; justify-content: space-between; border-radius: 8px; padding: 32px; border: 1px solid #dddddd; box-sizing: border-box; box-shadow: 0 10px 17px rgba(0, 0, 0, 0.06);}
.recruit-step-job .job_itembox .job_link { display: block; position: relative; width: 18px; height: 20px; background: url(../img/ico_linkbox_arrow.svg) center center no-repeat;background-size: 18px 20px; }
.recruit-step-job .job_itembox .job_down { display: block; position: relative; width: 20px; height: 20px; background: url(../img/ico_downloadbox_down.svg) center center no-repeat;background-size: 20px 20px}
.recruit-step-job .job_itembox span {font-size:22px;}
.recruit-step-job .job_itembox:hover {border-color:#0046ff; color:#0046ff; box-shadow:0 10px 17px rgba(0, 100, 220, 0.10);transition: all 0.3s ease;}
.recruit-step-job .job_itembox img {max-width:100%;;}

@media all and (max-width:820px){
  .recruit-step-job .job_item { width: calc(100% / 2 - 15px); }
  .recruit-step-job .job_itembox { margin-bottom:20px;}
}
@media all and (max-width:680px){
  .recruit-step-job .job_item { width: 100%; }

}

.benefit-visual { position: relative; width: 100%; height:300px; display: table; padding:50px 10px; margin-top: 70px; border-radius: 20px; background: url(../img/sv4.jpg) center center no-repeat;background-size: cover; box-sizing: border-box;  overflow: hidden;}
.benefit-visual p {font-size:24px; color:#fff; text-align: center;display: table-cell; vertical-align: middle;line-height: 1.5;}
@media screen and (max-width:680px){
  .benefit-visual p {font-size:1.8rem; }

}

.benefit-con01 {display: flex;flex-wrap: wrap; margin-top:30px; align-items: stretch;  justify-content:flex-start; gap: 46px; font-size: 1.0rem;line-height: 1.5;  letter-spacing: -0.04em;}
.benefit-con01 li{position: relative; width: calc(100% / 5 - 39.8px); padding: 25px; border-radius: 10px; background: #fff;  text-align: center; box-sizing: border-box; overflow: hidden;box-shadow: 0.5rem 0.5rem 3.5rem rgba(51,51,51,0.1); font-weight:700;}
.benefit-con01 li img {display: block; max-width: 100%; margin:0 auto; padding-bottom:20px;}

@media screen and (max-width:1024px){
  .benefit-con01 li{width: calc(100% / 3 - 39.8px);}
}
@media screen and (max-width:680px){
  .benefit-con01 {gap: 16px;}

  .benefit-con01 li{width: calc(100% / 2 - 10.8px);}
}

.benefit-education{width:100%; background: url(../img/benefit-educationbg.jpg) center center no-repeat;background-size: cover; padding:50px 0; }
.benefit-education h4{color:#fff;}
.benefit-education ul{color:#fff;}

.benefit-cate{ width:100%; background-color: #fff; border-radius: 4px; padding:50px; box-sizing: border-box; margin-top:30px; display: flex;;}
.benefit-cate div{ width:65%;vertical-align: middle; }
.benefit-cate div:first-child{ width:30%; margin-right:5%}
.benefit-cate div p{font-size:1.4rem; font-weight:800; margin-top:10%;margin-left:30px; }
.benefit-cate div ul{ color:#000;;}
@media screen and (max-width:820px){
  .benefit-cate div p{margin-top:18%;margin-left:10px; }

}
@media screen and (max-width:680px){
  .benefit-cate{ display: block; padding:30px}
  .benefit-cate div{ width:100%; }
  .benefit-cate div:first-child{ width:100%; margin-right:0}
  .benefit-cate div p{margin-top:0;margin-left:0; margin-bottom:20px; }

}
.benefit-office{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top:20px;}
.benefit-office li { width:18%; margin-bottom:30px;}
.benefit-office li img { max-width: 100%;}

@media screen and (max-width:680px){
  .benefit-office{display: block;}
  .benefit-office li { width:100%;}

}

.askdiv{display: flex; justify-content: space-between; margin-top:30px;}

.ask-top{ margin:30px 0; width:100%; background:var(--bg-gray); padding:3rem; border-radius: 12px; text-align: center;}
.ask-top h5{font-size:1.1rem;  }
.ask-top p{font-size:2.0rem; font-weight:800; line-height:1.4; letter-spacing:-0.05em; color:#000000; margin-top:10px;}
.ask-top p img{vertical-align: middle; padding-right:5px;}
.ask-top p span{font-weight:400; padding:0 20px;opacity: 0.5;}

@media screen and (max-width:680px){
  .ask-top p{font-size:1.7rem; line-height:1.5}
  .ask-top p span{display: none;}

}


.nxFaq { display: block; border-top: 1px solid #000;}
.nxFaq > li { position: relative; border-bottom: 1px solid #ddd;}
.nxFaq > li::after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden;  border: 3px solid #0046ff; box-sizing: border-box;  transition: opacity 0.5s;}

.nxFaq > li > a { position: relative; display: block; font-size: 1.1rem; font-weight:600;  padding: 28px 40px 28px 100px; z-index: 100;}
.nxFaq > li > a:hover {color: #000;}
.nxFaq > li > a:before {content: "Q";position: absolute; top: 50%; left: 30px; width: 40px; height: 40px; text-align: center; font-weight: 500;  color: #fff;
background: #0046ff;  border-radius: 50%;  line-height: 40px;  font-size: 23px;  font-family: "Pretendard", sans-serif;  font-weight: 600;  transform: translateY(-50%);}
.nxFaq > li > a::after { content: ""; position: absolute;  top: 50%; right: 50px; width: 0px; height: 0px; border-bottom: 6px solid #ddd;
border-left: 5px solid transparent;  border-right: 5px solid transparent;  transform: translateY(-50%);}
.nxFaq > li.open > a { font-weight: 500; color: #0046ff;}
.nxFaq > li.open > a::after {border-bottom: none;	border-top: 6px solid #0046ff;}

.nxFaq > li > .answer { display: none; position: relative; border-top: 1px solid #ddd; padding: 30px 40px 30px 100px; background: #f8f8f8;}
.nxFaq > li > .answer > p { position: relative; font-size: 1.1rem; line-height: 1.6;}
.nxFaq > li > .answer > p:before {content: "A";	position: absolute;	top: 0px;	left: -60px;font-size: 23px;	font-weight: 500;	color: #ff6400;	font-weight: 600;}
.nxFaq.open_type {background: #fff;}
.nxFaq.open_type > li > a {	cursor: text;}
.nxFaq.open_type > li > a:after,.nxFaq.open_type > li > .answer > p:before {	display: none;}
.nxFaq.open_type > li > .answer {display: block;	border-top: 0;	padding: 0 20px 30px;	background: #fff;}
.nxFaq > li.open::after {	opacity: 1;	visibility: visible;}
.nxFaq > li.open > a:before {	background: #0046ff;}
.nxFaq > li.open > a {	font-weight: 500;	color: #0046ff;}

.nxFaqTab {	padding-bottom: 10px;	margin-left: -14px;}
.nxFaqTab > li {	float: left;	position: relative;	padding: 6px 14px;}
.nxFaqTab > li:after {	content: "";	display: block;	position: absolute;	right: 0;	top: 50%;	margin-top: -6px;	width: 1px;	height: 12px;	background: #666;}
.nxFaqTab > li:last-child:after {	display: none;}
.nxFaqTab > li > a {	font-size: 17px;	font-weight: 500;	color: #333;}
.nxFaqTab > li > a:hover {	color: #0046ff;}
.nxFaqTab > li > a.act {	font-weight: 700;	color: #0046ff;}


@media (max-width: 640px) {
	.nxFaq > li > a {font-size: 15px;	padding: 13px 30px 13px 50px;	}
	.nxFaq > li > a:before {left: 9px;	}
	.nxFaq > li > .answer {padding: 20px 28px 20px 50px;	}
	.nxFaqTab {	margin-left: -12px;	}
	.nxFaqTab > li {		padding: 5px 12px;	}
	.nxFaqTab > li > a {		font-size: 15px;	}
	.nxFaq > li > a:before {	width: auto;	height: auto;	top: 12px;	left: 13px;	font-size: 24px;	color: #ccc;	line-height: 1;	background-color: transparent;	transform: none;	}
	.nxFaq > li > a::after {	right: 20px;	}
	.nxFaq > li.open > a:before {		color: #007dc6;	background-color: transparent;	}
	.nxFaq > li > a:after {		top: 22px;	}
	.nxFaq > li > .answer > p:before {		left: -35px;		font-size: 24px;	}
}

.feedback{margin-top:30px;}
.feedback p{font-size:1.2rem; font-weight:600; line-height:1.6; letter-spacing:-0.05em; color:#000000;text-align: center;}
.feedback p span{font-size:1.8rem; font-weight:500; }
.feedback .real{background:var(--bg-gray); padding:4rem; border-radius: 12px; text-align: center; margin-top:30px;}

.feedback .real h5{font-size:2.4rem; font-weight:800; line-height:1.5; letter-spacing:-0.05em; color:#000000;text-align: center;margin:30px 0 10px;}
.feedback .real h6{margin-bottom:30px;}
.feedback .real button{margin:0 auto;}

.feedback .real .mobileico{width:150px; height:150px; background-color: #fff;border:1px solid #ddd; border-radius: 99px; margin: 0 auto; background-image: url(../img/mobileico.png); background-position: center; background-repeat: no-repeat;}

@media (max-width: 768px) {
  .feedback .real h5{font-size:1.9rem; }
}
@media (max-width: 640px) {
  .feedback p{font-size:2.1rem;}

  .feedback .real h5{font-size:1.5rem; }
}


	/* 반응형 테이블  */
	.tbl01.board_type01.rspvn_table { clear: both;}
	.tbl01.board_type01.rspvn_table colgroup{display:none;}
	.tbl01.board_type01.rspvn_table thead{display:none;}
	.tbl01.board_type01.rspvn_table tbody{overflow:hidden;}
	.tbl01.board_type01.rspvn_table tbody tr{overflow:hidden;border-left:1px solid #ddd;border-right:1px solid #ddd;}
	.tbl01.board_type01.rspvn_table tbody tr:first-child { margin-top: 0; border-top: none;}
	.tbl01.board_type01.rspvn_table tbody tr + tr{border-top: 2px solid #444;  margin-top: 1rem; display: block;}
	.tbl01.board_type01.rspvn_table tbody td{position: relative; width: 100%;  min-height: 2.8rem; float: left;  text-align: left; padding: 1.5rem 1.5rem 1.5rem 12.5rem; border: 0;font-size:1.1rem !important;vertical-align:middle;}
	.tbl01.board_type01.rspvn_table td + td {border-top:1px solid #ddd;}
	.tbl01.board_type01.rspvn_table td[data-cell-header]:before {content: attr(data-cell-header);  float: left;  position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 2; width: 15rem; font-weight: 600;  padding: 0 1rem;}
	.tbl01.board_type01.rspvn_table td[data-cell-header]:after{ border: 0;  position: absolute;  left: 0;  top: 0;  width: 10rem;  height: 100%;  display: block;  content: "";  z-index: 1;}
	.tbl01.board_type01.rspvn_table td[data-cell-header]:before {font-size:1.5rem; content: attr(data-cell-header);  float: left;  position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 2; width: 11rem; font-weight: 600;  padding: 0 1rem;}
	.tbl01.board_type01.rspvn_table td[data-cell-header]:after{background:var(--bg-gray);border: 0;  position: absolute;  left: 0;  top: 0;  width: 11rem;  height: 100%;  display: block;  content: "";  z-index: 1;}

 

.fairness{border-radius:10px;background:var(--bg-gray);padding:30px; line-height: 1.5;}
.fairness .sign{text-align: center}
.fairness .sign img{width:100px;}



	
.img-box {
  position: relative;
}
.img-box img {
  width: 100%;
}

/* 반응형 br 처리 */
.br {display:block}
@media all and (max-width:1000px)  {
	.br {display:inline}
}

.c-list li {
  position: relative;
  font-size: 20px;
  color: #444;
  line-height: 1.5em;
  margin-bottom: 15px;
  padding-left: 12px;
}
.c-list li:before {
  position: absolute;
  display: block;
  content: "";
  top: 10px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #0067db;
}
.c-list li:last-child {
  margin-bottom: 0;
}

/* 컨텐츠 타이틀 */
.contTitle-01 {
  font: 3.6rem 'OnemobileT', sans-serif;
  color: #000;
  line-height: 5.2rem;
  letter-spacing: -0.15rem;
  margin-bottom: 6.7rem;
}
.contTitle-02 {
  font: 2.8rem 'OnemobileT', sans-serif;
  color: #000;
  line-height: 4rem;
  letter-spacing: -0.15rem;
  margin-bottom: 4.7rem;
}
.contTitle-03 {
  font: 2.4rem 'OnemobileT', sans-serif;
  color: #000;
  line-height: 3.2rem;
  letter-spacing: -0.15rem;
  margin-bottom: 3.7rem;
}


/* 탭메뉴 */
.c-tab01 {
  position: relative;
  width: fit-content;
  margin: 0 auto 60px;  
  box-sizing: border-box;
  line-height: 1;
  text-align:center;
  padding: 5px;
  border: 1px solid #ddd;
  border-radius: 40px;
}
.c-tab01 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  z-index:1;
}
.c-tab01 li {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing:border-box;
}
.c-tab01 li a {
  position:relative;
  display:block;
  box-sizing:border-box;
  height:100%;
  border-radius: 40px;
  padding:22px 60px;
  text-align:center;
  z-index:1;
  transition:all .3s ease;
}
.c-tab01 li a span {
  position:relative;
  display:inline-block;
  vertical-align:middle;
  box-sizing:border-box;
  width:100%;
  margin:-1px 0 0;
  font: 2.2rem 'OnemobileT', sans-serif;
  font-weight: bold;
  line-height:1.2;
  color: #222;
  overflow: hidden;
  text-overflow:ellipsis;
  z-index:1
}
.c-tab01 li a:hover,
.c-tab01 li a:active,
.c-tab01 li.active {
  background: #0067db;
  border-radius: 40px;
}
.c-tab01 li a:hover span,
.c-tab01 li a:active span,
.c-tab01 li.active a span {
  color: #fff;
}


/* 콘텐츠 버튼 기본 */
.contBtn-wr {
  position: relative;
  margin-top: 7rem;
  text-align: center;
}
.contBtn-wr a + a,
.contBtn-wr button + button {
  margin-left: 2rem;
}
.wh-btn, .gy-btn, .bu-btn, .bk-btn {
  position: relative;
  display: inline-block;
  align-items: center;
  line-height: 1.1;
  box-sizing: border-box;
  min-width: 150px;
  padding: 15px 20px;
  text-align: left;
  transition: all .3s ease;
  font-size: 1.0rem;
}
.big { line-height: 1.5;  padding: 30px 35px;}

.wh-btn span, .bu-btn span, .bk-btn span,
.wh-btn.disabled span, 
.bu-btn.disabled span, 
.bk-btn.disabled span {
  display: inline-block;
  align-items: center;
  max-width: 100%;
  line-height: 1.2;
  box-sizing: border-box;
  font-size: 1.0rem;
  font-weight: 700;
  margin-right: 2rem;
}
.wh-btn span {
  color: #707070;
}
.bu-btn span, .bk-btn span {
  color: #fff;
}

.wh-btn {
  background: #fff;
  border: 1px solid #707070;
}
.bu-btn {
  background: #0055ff; 
}
.bk-btn {
  background: #222;
}
.wh-btn.disabled, .bu-btn.disabled, .bk-btn.disabled {
  background: #fafafa;
  border: 1px solid #ddd;
}
.wh-btn.disabled span, 
.bu-btn.disabled span, 
.bk-btn.disabled span {
  color: #666;
}
.wh-btn span::after,
.bu-btn span::after,
.bk-btn span::after,
.wh-btn.disabled span::after, .bu-btn.disabled span::after,
.bk-btn.disabled span::after {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  right: 2.1rem;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  transition:all .3s ease;
  background-repeat: no-repeat;
}
.wh-btn .arr::after {
  background-image: url(../img/btn_wt_arrow.svg);
}
.wh-btn .new::after {
  background-image: url(../img/btn_wt_new.svg);
}
.wh-btn .down::after {
  background-image: url(../img/btn_wt_down.svg);
}
.bu-btn .arr::after, .bk-btn .arr::after {
  background-image: url(../img/btn_cr_arrow.svg);
}
.bu-btn .new::after, .bk-btn .new::after {
  background-image: url(../img/btn_cr_new.svg);
}
.bu-btn .down::after, .bk-btn .down::after {
  background-image: url(../img/btn_cr_down.svg);
}
.wh-btn.disabled .arr::after, 
.bu-btn.disabled .arr::after, 
.bk-btn.disabled .arr::after {
  background-image: url(../img/Contents/btn_dis_arrow.svg);
}
.wh-btn.disabled .new::after, 
.bu-btn.disabled .new::after, 
.bk-btn.disabled .new::after {
  background-image: url(../img/Contents/btn_dis_new.svg);
}
.wh-btn.disabled .down::after, 
.bu-btn.disabled .down::after, 
.bk-btn.disabled .down::after {
  background-image: url(../img/Contents/btn_dis_down.svg);
}
.wh-btn:hover, .wh-btn:focus,
.bu-btn:hover, .bu-btn:focus,
.bk-btn:hover, .bk-btn:focus {
  box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.2);
  transition: all .3s ease;
}

/* 콘텐츠 여백 */
.contGap-01 {clear:both;display:block;height:12rem;}
.contGap-02 {clear:both;display:block;height:10rem;}
.contGap-03 {clear:both;display:block;height:8rem;}
.contGap-03.line {
  border-bottom: 1px solid #ddd;
  margin-bottom: 8rem;
  }

/* 플로우 리스트 */
.flowlist-wr .flowlist {
  display: flex;
  align-items: center;
  gap: 30px;
  position: relative;
}
.flowlist-wr .flowlist .list-item {
  position: relative;
  width: calc(100% / 5);
}
.flowlist-wr .flowlist .list-item .itembox {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 94px;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #dddddd;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.02em;
  color: #000000;
  text-align: center;
  box-sizing: border-box;
}
.flowlist-wr .flowlist .list-item:first-child .itembox, 
.flowlist-wr .flowlist .list-item:last-child .itembox {
  border-color: #b9daff;
  background-color: #f8fbff;
  color: #0067db;
}
.flowlist-wr .flowlist .list-item .itembox:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -20px;
  width: 9px;
  height: 8px;
  background: url('../img/Contents/ico_counsel_arrow.svg')center center no-repeat;
  background-size: 9px 8px;
}
.flowlist-wr .flowlist .list-item:last-child .itembox:after {
  display: none;
}

.flowlist-ico-wr .flowlist-ico {
  position: relative;
  display: flex;
  gap: 0 7rem;
}
.flowlist-ico-wr .flowlist-ico .list-item {
  position: relative;
  width: calc(100% / 5);
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 2rem 2rem 4rem;
}
.flowlist-ico-wr .flowlist-ico .list-item::after {
  position: absolute;
  display: block;
  content: "";
  right: -4rem;
  top: 50%;
  margin-top: -4px;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-left: 8px solid #a4cdfd;
  border-bottom: 4px solid transparent;
}
.flowlist-ico-wr .flowlist-ico .list-item:nth-child(2)::after {
  border-left-color: #66a3ef;
}
.flowlist-ico-wr .flowlist-ico .list-item:nth-child(3)::after {
  border-left-color: #0067db;
}
.flowlist-ico-wr .flowlist-ico .list-item:nth-child(4)::after {
  border-left-color: #003399;
}
.flowlist-ico-wr .flowlist-ico .list-item:last-child::after {
  display: none;
}
.flowlist-ico-wr .flowlist-ico .list-item .ico {
  display:block;
  width:9rem;
  height:9rem;
  margin:0 auto 20px;
}
 .flowlist-ico-wr .flowlist-ico .list-item .ico img {
   display:block;
   width:100%;
   height:100%;
   object-fit: cover;
 }
.flowlist-ico-wr .flowlist-ico .list-item .txt {
  display: block;
  font-size: 2rem;
  color: #000;
  font-weight: 700;
  text-align: center;
}



@media screen and (max-width:1280px){
  

  .flowlist-wr .flowlist .list-item .itembox {
    font-size: 1.8rem;
  }

  .flowlist-ico-wr .flowlist-ico {
    gap: 0 5rem;
  }
  .flowlist-ico-wr .flowlist-ico .list-item::after {
    right: -3rem;
  }
}
@media screen and (max-width:1024px){
  .flowlist-wr .flowlist .list-item .itembox {
    height: 80px;
    font-size: 1.8rem;
  }  
}

@media screen and (max-width:999px){
  .c-list li {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .c-tab01 {
    margin: 0 auto 50px;
  }
  .c-tab01 li a {
    padding:18px 50px;
  }
  .c-tab01 li a span {
    font-size: 2rem;
  }
  .contTitle-01 br {
    display: none;
  }

  .flowlist-ico-wr .flowlist-ico {
    gap: 0 3rem;
  }
  .flowlist-ico-wr .flowlist-ico .list-item {
    padding: 2rem 2rem 3rem;
  }
  .flowlist-ico-wr .flowlist-ico .list-item::after {
    right: -2rem;
  }
  .flowlist-ico-wr .flowlist-ico .list-item .ico {
    width:64px;
    height:64px;
  }
  .flowlist-ico-wr .flowlist-ico .list-item .txt {
    font-size: 1.8rem;
  }
  
}

@media screen and (max-width:768px){
  .c-list li {
    font-size: 1.7rem;
  }
  .c-tab01 li a {
    padding:15px 30px;
  }
  .c-tab01 li a span {
    font-size: 1.8rem;
  }
  .contBtn-wr {
    margin-top: 6rem;
  }
  .contBtn-wr a + a {
    margin-left: 1rem;
  }
  .wh-btn, .gy-btn, .bu-btn, .bk-btn {
    min-width: auto;
    padding: 15px 20px;
  }
  .wh-btn span, .bu-btn span, .bk-btn span, .wh-btn.disabled span, .bu-btn.disabled span, .bk-btn.disabled span {
    font-size: 1.8rem;
    margin-right: 2.5rem;
  }
  .wh-btn span::after, .bu-btn span::after, .bk-btn span::after, .wh-btn.disabled span::after, .bu-btn.disabled span::after, .bk-btn.disabled span::after {
    right: 2rem;
  }
  .contTitle-01 {
    font-size: 2.4rem;
    line-height: 3.2rem;
    margin-bottom: 5.0rem;
  }
  .contTitle-02 {
    font-size: 2.6rem;
    line-height: 3.6rem;
    margin-bottom: 3.7rem;
  }
  .contTitle-03 {
    font-size: 2.2rem;
    line-height: 3.2rem;
    margin-bottom: 3.2rem;
  }
  .contGap-01 {height:10rem;}
  .contGap-02 {height:8rem;}
  .contGap-03 {height:6rem;}
  .contGap-03.line {
    margin-bottom: 6rem;
  }

  .flowlist-wr .flowlist {
    flex-wrap: wrap;
  }

  .flowlist-wr .flowlist .list-item {
      width: 100%;
  }

  .flowlist-wr .flowlist .list-item .itembox {
      height: 60px;
      font-size: 15px;
  }

  .flowlist-wr .flowlist .list-item .itembox:after {
      top: unset;
      bottom: -20px;
      right: 50%;
      transform: translateX(50%) translateY(0) rotate(90deg);
  }

  .flowlist-ico-wr .flowlist-ico {
    display: block;
  }
  .flowlist-ico-wr .flowlist-ico .list-item {
    width: auto;
    padding: 1rem 3rem 3rem;
  }
  .flowlist-ico-wr .flowlist-ico .list-item + .list-item {
    margin-top: 4rem;
  }
  .flowlist-ico-wr .flowlist-ico .list-item::after {
    right: auto;
    top: auto;
    bottom: -2.5rem;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
  }
  .flowlist-ico-wr .flowlist-ico .list-item .txt {
  	font-size:1.5rem;
  }
}
@media screen and (max-width:599px){
  .wh-btn, .gy-btn, .bu-btn, .bk-btn {
    display: block;
  }
  .contBtn-wr a + a {
    margin-left: 0;
    margin-top: 1rem;
  }
}
@media screen and (max-width:480px){
	.c-list li {
    font-size: 16px;
    margin-bottom: 8px;
  }
  .wh-btn span::after, .bu-btn span::after, .bk-btn span::after, .wh-btn.disabled span::after, .bu-btn.disabled span::after, .bk-btn.disabled span::after {
    width: 13px;
    height: 13px;
    background-size: cover;
    margin-top: -6px;
  }
  .contTitle-01 {
    font-size: 2.8rem;
    line-height: 4rem;
    margin-bottom: 4.2rem;
  }
  .contTitle-02 {
    font-size: 2.4rem;
    line-height: 3.2rem;
    margin-bottom: 3.2rem;
  }
  .contTitle-03 {
    font-size: 2rem;
    line-height: 2.8rem;
    margin-bottom: 2.2rem;
  }
  .contGap-01 {height:8rem;}
  .contGap-02 {height:6rem;}
  .contGap-03 {height:4rem;}
  .contGap-03.line {
    margin-bottom: 4rem;
  }
}
#check-btn { display: none; }
#check-btn:checked ~ .menubars { display: block; } 
.menubars { display: none; }

.aicert-box{margin-top:30px;}
.aicert-box ul{display: flex; flex-wrap: wrap;  justify-content: space-between;}
.aicert-box ul li { width: 23%; max-height: 170px; margin-bottom: 20px;  text-align: center; border: 1px solid #e8e8e8;}
.aicert-box ul li dt {background-color: #f5f5f5; height: 90px;box-sizing: border-box; padding: 36px 0; display: flex; align-items: center; justify-content: center;}
.aicert-box ul li dt img { image-rendering: -webkit-optimize-contrast; transform: translateZ(0); backface-visibility: hidden;}
.aicert-box ul li dd {height: 80px;  display: flex; align-items: center; justify-content: center;}
.aicert-box ul li strong { font-size: 16px; font-weight:500;}

@media only screen and (max-width: 640px) {
    .aicert-box ul li {
        width: 48%;
    }
}


.aitesting-goal{display: flex; flex-wrap: wrap;  margin-top:10px; justify-content: space-between; }
.aitesting-goal li {width:calc(25% - 20px); padding: 2rem 1.8rem; box-sizing: border-box; text-align: center; background: #fff; border-radius: 0.5rem; box-shadow: 0.5rem 0.5rem 3.5rem rgba(51,51,51,0.1);}
.aitesting-goal li p {font-weight:800; font-size:1.3rem; margin-bottom:10px;margin-top:20px;color:var(--blue);}
.aitesting-goal li img {width:70px;}

@media all and (max-width:768px){
  .aitesting-goal li { width:48%; margin-bottom:2%; }
}

@media all and (max-width:680px){
  .aitesting-goal{display: block }
  .aitesting-goal li { width:100%;padding: 2rem 1.5rem;}
  .aitesting-goal li img {width:54px;}
}

.aitest-target{display: flex;; margin-top:10px;justify-content: space-between;flex-wrap: wrap;  }
.aitest-target li {width:19%; margin-bottom:10px;border-radius:10px; overflow: hidden; box-shadow: 0.5rem 0.5rem 3.5rem rgba(51,51,51,0.1);}
.aitest-target li p{text-align: center;color:#000; font-weight: bold;font-size:1.1rem; padding:30px 0;}

.aitest-target li div { width: 100%; height:200px; overflow: hidden;overflow: hidden;  border-radius: 10px 10px 0px 0px;}
.aitest-target li div img { width:100%; height:100%;display: block; object-fit: cover;	object-position: center center;}

@media all and (max-width:1024px){
	.aitest-target li {width:49%; }
}

@media all and (max-width:680px){
	.aitest-target li {width:100%; }
}


.procedure{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}

@media(min-width: 768px){
  .procedure{--gutters-margin: -18px;margin-left:var(--gutters-margin);margin-right:var(--gutters-margin);row-gap:1.3333333333rem}
  .procedure:has(.procedure-card:nth-child(6)){padding-right:28px}
  .procedure:has(.procedure-card:nth-child(6)) .procedure-card:nth-child(3):before{
  content:"";
  position:absolute;
  right:-18px;
  top:1.6666666667rem;
  width:20px;
  height:20px;
  background:url(../img/bt_arr2.svg) no-repeat
  }
  .procedure:has(.procedure-card:nth-child(6)) .procedure-card:nth-child(4):after{display:none}
}
@media(max-width: 767.98px){
  .procedure{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:0px}
  }
  .procedure-card{position:relative;padding:0}
  .procedure-card:not([class*=col-md]){-webkit-box-flex:1;-ms-flex:1;flex:1
}
@media(min-width: 768px){
  .procedure-card{padding-left:calc(var(--gutters-margin)*-1);padding-right:calc(var(--gutters-margin)*-1)}
}
.procedure-card::after{content:"";position:absolute;left:-4px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:20px;height:20px;background:url(../img/bt_arr2.svg) no-repeat}
.procedure-card:first-child::after{display:none}
.procedure-card:has(.bg-ylw):after,.procedure-card:has(.bg-beige):after,.arr-top .procedure-card:after{top:1.6666666667rem;-webkit-transform:none;transform:none}

@media(max-width: 767.98px){
  .procedure-card::after{ position:static;  display:block;  margin:.8888888889rem auto;  -webkit-transform:rotate(90deg) !important;  transform:rotate(90deg) !important  }
  .procedure-card:first-child::after{display:block}
  .procedure-card:last-child::after{display:none}
}
.procedure-content{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.4444444444rem}
.procedure-title{
border-radius:12px;
background-color:#efefef;
padding:.8888888889rem 0;
text-align:center;
min-height:4.4444444444rem;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.procedure-desc{-webkit-box-flex:1;-ms-flex:1;flex:1;border-radius:12px;padding:1.7777777778rem 1.3333333333rem;border:1px solid #efefef;font-size:0.9rem!important}
.procedure-desc.bg{background:#efefef}



@media(max-width: 1199.98px){
  .procedure-desc{border-radius:16px;padding:16px}
}
.procedure-wrp2 .procedure-card .procedure-content{gap:0}
.procedure-wrp2 .procedure-card .procedure-content .procedure-title{background-color:#eee5df}
.procedure-wrp2 .procedure-card .procedure-content .procedure-desc{background-color:#f6f6f6;border:none;min-height:291px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;word-break:keep-all}

@media(max-width: 767.98px){
  .procedure-wrp2 .procedure-card .procedure-content .procedure-desc{min-height:auto}
}

.procedure-wrp3.v2 .procedure{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}
.procedure-wrp3.v2 .procedure-card{-webkit-box-flex:0;-ms-flex:0 1 calc((100% - 100px)/3);flex:0 1 calc((100% - 100px)/3)}
@media(max-width: 991.98px){
  .procedure-wrp3.v2 .procedure-card{-webkit-box-flex:0;-ms-flex:0 1 calc((100% - 64px)/2);flex:0 1 calc((100% - 64px)/2)}
}
@media(max-width: 767.98px){
  .procedure-wrp3.v2 .procedure-card{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}
}
.procedure-wrp3.v2 .procedure-card::after{top:2.4444444444rem}
@media(min-width: 768px){
  .procedure-wrp3.v2 .procedure-card::after{-webkit-transform:none;transform:none}
}
@media(min-width: 992px){
  .procedure-wrp3.v2 .procedure-card:nth-child(4){margin-left:auto}
}
@media(min-width: 992px){
  .procedure-wrp3.v2 .procedure-card:last-child{margin-right:auto}
}
.procedure-wrp3.v2 .procedure-card:last-of-type::after{display:none !important}
.procedure-wrp3.v2 .procedure-content{-webkit-box-flex:0;-ms-flex:0;flex:0}
.procedure-wrp3.v2 .procedure-desc.bg-light{border:none}

.edu-process-item{display: flex; flex-direction: column; border-radius: 24px; overflow: hidden; padding: 2.222rem; height: 100%; font-weight: 400; border: 1px solid #e5e5e5;}
.edu-process-item.bg-light{border:0}

@media(max-width: 991.98px){
  .edu-process-item{padding:1.3333333333rem}
}

.edu-process-item .inner{padding:1.3333333333rem 0 1.7777777778rem}

@media(max-width: 767.98px){
  .edu-process-item .inner{padding:1.7777777778rem 0 0}
}
.edu-process .inner-list{padding:1.3333333333rem 0 3.5555555556rem;font-weight:normal}

.faq-list {margin: 0;padding: 0;list-style: none;}
.faq-list > li {	border-bottom: 1px solid #e5e5e5;}
.faq-list .question {	position: relative;	display: block;	padding: 24px 60px 24px 20px;	text-decoration: none;}
.faq-list .question p {	margin-left:30px;	font-size: 18px;	font-weight: 600;	line-height: 1.5;	}
.faq-list .question p:hover {color: #0046ff;}
.faq-list .question::after {content: "";position: absolute;	top: 50%;	right: 20px;	width: 10px;height: 10px;	border-right: 2px solid #222;	border-bottom: 2px solid #222;transform: translateY(-70%) rotate(45deg);	transition: transform 0.3s ease;}
.faq-list > li.on .question::after {	transform: translateY(-30%) rotate(225deg);}
.faq-list .answer {	display: none;	padding: 30px 20px 30px; background-color: #f7f7f7;}
.faq-list .answer p {font-size: 16px;line-height: 1.5;}

.faq-list > li > a:before {content: "Q";position: absolute; top: 50%; left: 0px; width: 34px; height: 34px; text-align: center; font-weight: 500;  color: #fff;
background: #0046ff;  border-radius: 50%;  line-height: 34px;  font-size: 17px; transform: translateY(-50%);}

@media(max-width: 767.98px){
  .faq-list .question p {	margin-left:20px;	font-size: 16px;	}

}
.itinsight { display: -ms-flexbox;  display: flex;  -ms-flex-align: start;  align-items: flex-start;}
.linkbox{position:absolute;top:0;left:0;right:0;bottom:0}
.media-box{background:#f6f6f6;border-radius:12px;position:relative}
.media-box:hover{background:var(--secondary)}
.media-box:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.media-box-thumb{height:160px;aspect-ratio:1/1;overflow:hidden;border-radius:12px}
.media-box-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s, -webkit-transform .4s}
li:not(:last-child)>.media-box{margin-bottom:16px}
.media-box .media-body{margin-right:1rem;  padding:1.3333333333rem 1.3333333333rem 1.3333333333rem 1.7777777778rem;-ms-flex-item-align:center;align-self:center}
.media-box .text-primary{font-weight:500}
.media-box .fs-5{margin:8px 0 1.3333333333rem}


.media-box p {display:block; width:100%; max-width:100%; font-size:17px; line-height:1.4; letter-spacing:-0.04em; color:#555555; display: -webkit-box;
    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;   white-space: normal;   line-height: 1.4;  max-height: calc(1.4em * 2); /* 2줄 높이 */}


@media(max-width: 575.98px){

  .media-box{display:block}
  .media-box-thumb{aspect-ratio:initial}
  .media-box .media-body{padding:16px}
}


.related { display: grid; grid-template-columns: repeat(3, 1fr);gap: 12px;  padding: 0;  list-style: none; margin-top:20px;}
.related li { position: relative;border-radius: 4px;  background:#fff;   box-shadow:0 10px 20px rgba(0, 0, 0, 0.16);transition: .35s cubic-bezier(.22, 1, .36, 1);}
.related li a{display: block; width:100%; height:100%;padding: 30px 30px;  }
.related li::before {  content: ""; position: absolute; left: 0;  top: 0;  width: 6px;  height: 100%; background: #0046ff;border-radius: 4px 0 0 4px;  }
.related li h4{font-size: 1.3rem;font-weight:700; display: flex;}
.related li p{font-size:0.8rem; color:#ff6400;font-weight:400;}
.related li:hover {transform: translateY(-8px);box-shadow: 0 18px 35px rgba(0,0,0,.18);transition:all 0.3s ease;}
.related li span{position: absolute;right:20px; top:20px;}

@media(max-width: 820px){
  .related { grid-template-columns: repeat(2, 1fr);}
}

@media(max-width: 575.98px){
  .related { display: block;}
  .related li { margin-bottom:20px ;}
}




.tbl-panel2 {display:flex; align-items:stretch; justify-content:flex-start; flex-wrap:wrap; gap:70px 40px; position:relative; padding:10px 0;  box-sizing:border-box;}
.tbl-panel2 .panel-item {position:relative; width:calc(100% / 3 - 26.6666px);}
.tbl-panel2 .select_ex {display:none;}
.tbl-panel2 .itembox {display:block; position:relative; transition:all 0.3s ease; overflow:hidden;}
.tbl-panel2 .itembox .thumbnail {display:block; position:relative; padding-bottom:70%; margin-bottom:30px; border:1px solid #eeeeee; border-radius:20px; overflow:hidden;}
.tbl-panel2 .itembox .thumbnail > img {display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover; transition:all 0.3s ease;}
.tbl-panel2 .itembox:hover .thumbnail > img {transform:scale(1.09);}
.tbl-panel2 .itembox .desc {position:relative;}
.tbl-panel2 .itembox .desc .category {display:block; margin-bottom:20px; font-size:18px; font-weight:400; line-height:1.4; letter-spacing:-0.03em; color:#0067db;}
.tbl-panel2 .itembox .desc .title {display:block; display:-webkit-box;  font-size:1.4rem; font-weight:700; line-height:1.4; letter-spacing:-0.04em; color:#000000; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; word-break:break-all;height:60px}
.tbl-panel2 .itembox .desc .title + .text {margin-top:20px;}
.tbl-panel2 .itembox .desc .text {display:block; width:100%; max-width:100%; font-size:16px; font-weight:400; line-height:1.4; letter-spacing:-0.04em; color:#555555;  display: -webkit-box;
    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;   white-space: normal;   line-height: 1.4;  max-height: calc(1.4em * 2); /* 2줄 높이 */}
.tbl-panel2 .itembox .desc .text .image,
.tbl-panel2 .itembox .desc .text > img {display:none;}
.tbl-panel2 .itembox .desc .date {margin-top:20px; font-size:16px; font-weight:400; line-height:1.4; letter-spacing:-0.08em; color:#707070;}
.tbl-panel2 .panel-item.nodata {text-align:center;}

@media screen and (max-width:1024px){
 
	.tbl-panel2 .panel-item {width:calc(100% / 3 - 16px);}
	.tbl-panel2 .itembox .thumbnail {margin-bottom:20px;}
	.tbl-panel2 .itembox .desc .category {margin-bottom:10px; font-size:15px;}
	.tbl-panel2 .itembox .desc .title {font-size:16px;}
	.tbl-panel2 .itembox .desc .text {font-size:14px;}
	.tbl-panel2 .itembox .desc .date {margin-top:10px; font-size:14px;}
}

@media screen and (max-width:768px){
  
	.tbl-panel2 .panel-item {width:calc(100% / 2 - 10px);}
}

@media screen and (max-width:480px){
  .tbl-panel2 .panel-item {width:100%;}
	.tbl-panel2 .itembox .desc .title {min-height:auto;}
  .tbl-panel2 .itembox .desc .title + .text {margin-top:0;}
}



.tbl-panel3 {display:flex; align-items:stretch; justify-content:flex-start; flex-wrap:wrap; gap:70px 40px; position:relative; padding:10px 0;  box-sizing:border-box;}
.tbl-panel3 .panel-item {position:relative; width:calc(100% / 4 - 26.6666px);}
.tbl-panel3 .select_ex {display:none;}
.tbl-panel3 .itembox {display:block; position:relative; transition:all 0.3s ease; overflow:hidden;}
.tbl-panel3 .itembox .thumbnail {display:block; position:relative; padding-bottom:70%; margin-bottom:10px; border:1px solid #eeeeee; border-radius:20px; overflow:hidden;}
.tbl-panel3 .itembox .thumbnail > img {display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover; transition:all 0.3s ease;}
.tbl-panel3 .itembox:hover .thumbnail > img {transform:scale(1.09);}
.tbl-panel3 .itembox .desc {position:relative;}
.tbl-panel3 .itembox .desc .category {display:block; margin-bottom:20px; font-size:18px; font-weight:400; line-height:1.4; letter-spacing:-0.03em; color:#0067db;}
.tbl-panel3 .itembox .desc .title {display:block; display:-webkit-box;  font-size:1.4rem; font-weight:700; line-height:1.4; letter-spacing:-0.04em; color:#000000; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; word-break:break-all;height:60px}
.tbl-panel3 .itembox .desc .title + .text {margin-top:20px;}
.tbl-panel3 .itembox .desc .text {display:block; width:100%; max-width:100%; font-size:16px; font-weight:400; line-height:1.4; letter-spacing:-0.04em; color:#555555;  display: -webkit-box;
    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;   white-space: normal;   line-height: 1.4;  max-height: calc(1.4em * 2); /* 2줄 높이 */}
.tbl-panel3 .itembox .desc .text .image,
.tbl-panel3 .itembox .desc .text > img {display:none;}
.tbl-panel3 .itembox .desc .date {margin-top:20px; font-size:16px; font-weight:400; line-height:1.4; letter-spacing:-0.08em; color:#707070;}
.tbl-panel3 .panel-item.nodata {text-align:center;}

@media screen and (max-width:1024px){
 
	.tbl-panel3 .panel-item {width:calc(100% / 3 - 16px);}
	.tbl-panel3 .itembox .thumbnail {margin-bottom:20px;}
	.tbl-panel3 .itembox .desc .category {margin-bottom:10px; font-size:15px;}
	.tbl-panel3 .itembox .desc .title {font-size:16px;}
	.tbl-panel3 .itembox .desc .text {font-size:14px;}
	.tbl-panel3 .itembox .desc .date {margin-top:10px; font-size:14px;}
}

@media screen and (max-width:768px){
  
	.tbl-panel3 .panel-item {width:calc(100% / 2 - 10px);}
}

@media screen and (max-width:480px){
  .tbl-panel3 .panel-item {width:100%;}
	.tbl-panel3 .itembox .desc .title {min-height:auto;}
  .tbl-panel3 .itembox .desc .title + .text {margin-top:0;}
}




.banner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background-color:#f6f6f6;padding:2rem;border-radius:24px;gap:2.2222222222rem;margin:1.7777777778rem 0}

@media(min-width: 1200px){
  .banner{padding:3.5555555556rem 5.5555555556rem;gap:3.6111111111rem}
  .banner:has(.banner-icon.circle){gap:80px}

}
@media(max-width: 991.98px){
  .banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2rem}
  }
@media(max-width: 767.98px){
  .banner{margin:40px 0}
}
.banner-icon{-ms-flex-negative:0;flex-shrink:0;max-width:8.8888888889rem}
.banner-icon.circle{display:-webkit-box;display:-ms-flexbox;display:flex;min-width:6.7rem;min-height:6.7rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;
-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#fff;border-radius:100%}

.banner-icon.circle img{width:60px;}

@media(max-width: 991.98px){
  .banner-icon.circle{display:none !important}
}
@media(max-width: 991.98px){
  .banner-icon{width:100% !important;padding:40px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;
  -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:none;border-radius:24px}
}
@media(max-width: 575.98px){
  .banner-icon{aspect-ratio:1/1;overflow:hidden;height:auto !important}
  .banner-icon img{width:140px !important}
}
.banner-content {font-size:1.2rem; color:#000; font-weight: 600;}
@media(min-width: 992px){
  .banner-content{-ms-flex-item-align:center;align-self:center}
}