@charset 'UTF-8';
.under-line {border-bottom:1px solid #000; display:inline-block;}
.t-blue {color:#317ee6;}


@-webkit-keyframes resize {
  0% {
    transform:scale(0,0)
  }
  100% {
    transform:scale(1,1)
  }
}
@keyframes resize {
  0% {
    transform:scale(0,0)
  }
  100% {
    transform:scale(1,1)
  }
}
@-webkit-keyframes fadeIn {
  0% {
   opacity:0;
  }
  100% {
   opacity:1;
  }
}
@keyframes fadeIn {
  0% {
   opacity:0;
  }
  100% {
   opacity:1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
   opacity:1;
  }
  100% {
   opacity:0;
  }
}
@keyframes fadeOut {
  0% {
   opacity:1;
  }
  100% {
   opacity:0;
  }
}

@-webkit-keyframes sec03Line {
  0% {
   width:15px; height:0px;
  }
  7% {
   width:15px; height:30px;
  }
  30% {
   width:215px; height:30px;
  }
  38% {
   width:215px; height:53px;
  }
  61% {
   width:416px; height:53px;
  }
  69% {
   width:416px; height:75px;
  }
  92% {
   width:615px; height:75px;
  }
  100% {
   width:615px; height:89px;
  }
}
@keyframes sec03Line {
  0% {
   width:15px; height:0px;
  }
  7% {
   width:15px; height:30px;
  }
  30% {
   width:215px; height:30px;
  }
  38% {
   width:215px; height:53px;
  }
  61% {
   width:416px; height:53px;
  }
  69% {
   width:416px; height:75px;
  }
  92% {
   width:615px; height:75px;
  }
  100% {
   width:615px; height:89px;
  }
}

@-webkit-keyframes graghUp {
  0% {
    height:1px;
  }
  100% {
    height:533px;
  }
}
@keyframes graghUp {
  0% {
    height:1px;
  }
  100% {
    height:533px;
  }
}


.section01 .head-tt {height:100px; background:#317ee6; line-height:100px; text-align:center; font-size:32px; letter-spacing:-0.035em; color:#fff;}
.section01 .head-tt span {position:relative;}
.section01 .head-tt span:after {content:""; display:block; position:absolute; width:5px; height:5px; background:#fff; border-radius:3px; top:-7px; left:50%; margin-left:-2px;}
.section01 .sec-box {height:calc(50vh - 50px); display:flex; align-items:center; justify-content:center;}
.section01 .sec-box .box-img {position:relative;}
.section01 .sec-box .box-img > img {width:600px;}
.section01 .sec-box .box-img > p {position:absolute; transform:scale(0,0);}
.section01 .sec-box .box-info dt {font-size:23px; line-height:33px; font-weight:300; letter-spacing:-0.035em; color:#000000;}
.section01 .sec-box .box-info dd {font-size:32px; font-weight:500; letter-spacing:-0.035em; color:#000; margin-top:15px;}
.section01 .sec-box.type2 {background:#f6faff;}
.section01 .sec-box.type1 .box-info {margin-left:80px;}
.section01 .sec-box.type2 .box-info {margin-right:80px; text-align:right;}
.section01 .sec-box.type1 .img-txt1 {left: 112px;top: 22px;width:135px;}
.section01 .sec-box.type1 .img-txt2 {left: 344px;top: 85px;width:200px;}
.section01 .sec-box.type1 .img-txt3 {left: 30px;top: 163px;width:185px;}
.section01 .sec-box.type1 .img-txt4 {left: 385px;top: 155px;width:155px;}
.section01 .sec-box.type2 .img-txt1 {left: 4px;top: 102px;width:217px;}
.section01 .sec-box.type2 .img-txt2 {left: 354px;top:0;width:185px;}
.section01 .sec-box.type2 .img-txt3 {left: 30px;top: 210px;width:152px;}
.section01 .sec-box.type2 .img-txt4 {left: 460px;top: 140px;width:144px;}

.section01.active .sec-box .box-img > p {
	animation-name: resize;
	animation-duration:600ms;
	animation-timing-function: leaner;
	animation-iteration-count:1;
	animation-fill-mode: both;

}
.section01.active .sec-box.type1 .img-txt1 {animation-delay:0}
.section01.active .sec-box.type1 .img-txt2 {animation-delay:200ms}
.section01.active .sec-box.type1 .img-txt3 {animation-delay:400ms}
.section01.active .sec-box.type1 .img-txt4 {animation-delay:600ms}
.section01.active .sec-box.type2 .img-txt1 {animation-delay:800ms}
.section01.active .sec-box.type2 .img-txt2 {animation-delay:1s}
.section01.active .sec-box.type2 .img-txt3 {animation-delay:1.2s}
.section01.active .sec-box.type2 .img-txt4 {animation-delay:1.4s}


.section02 .sec02-tt dt {width:285px; margin:0 auto;}
.section02 .sec02-tt dd {font-size:26px; text-align:center; font-weight:300; margin-top:20px; line-height:40px;}
.section02 .sec02-img {width:542px;margin: 120px auto 0;position:relative;}
.section02 .sec02-img > img {opacity:1;}
.section02 .sec02-img .img-txt {width: 990px;position:absolute;left: -236px;top: -84px; opacity:0;}
.section02.active .sec02-img > img {
	animation-name: fadeOut;
	animation-duration:800ms;
	animation-timing-function: leaner;
	animation-iteration-count:1;
	animation-fill-mode: both;
	animation-delay:1s;
}
.section02.active .sec02-img .img-txt {
	animation-name: fadeIn;
	animation-duration:800ms;
	animation-timing-function: leaner;
	animation-iteration-count:1;
	animation-fill-mode: both;
	animation-delay:1s;
}



.section03 {background:#f6faff;}
.section03 .sec03-tt {text-align:center; margin-bottom:35px;}
.section03 .sec03-tt dt {font-size:36px; line-height:50px;}
.section03 .sec03-tt dd {margin-top:30px; font-size:26px; color:#000000;}
.section03 .sec03-img {position:relative; width:1350px; margin:0 auto 0;}
.section03 .sec03-img .img-over {position:absolute; top: 337px;left: 167px; width:15px; height:0px; background:url(https://castingn-images.s3.ap-northeast-2.amazonaws.com/static/images/partner/ai_matching/sec03-over.png) top left no-repeat; background-size:615px;}
.section03.active .sec03-img .img-over {
	animation-name: sec03Line;
	animation-duration:3s;
	animation-timing-function: leaner;
	animation-iteration-count:1;
	animation-fill-mode: both;
	animation-delay:1s;
}




.section04 {background:#d2e4fc;}
.section04 .sec04-tt {font-size:26px; color:#000000; text-align:center; margin-bottom:50px;}
.section04 .sec04-gragh-area {padding:30px 50px 20px 50px;background: #fff url(https://castingn-images.s3.ap-northeast-2.amazonaws.com/static/images/partner/ai_matching/gragh-bg.png) 50px calc(100% - 20px) no-repeat;background-size: 1200px;width:1300px;margin:0 auto;box-sizing:border-box;height: 590px;position: relative;}
.section04 .sec04-gragh-area .gragh-label {text-align:center; font-size:26px; color:#317ee6; letter-spacing:-0.035em; line-height:30px;}
.section04 .sec04-gragh-area .gragh-img {position: absolute; left: 86px; width: 1165px; height:1px; bottom: 47px; transform-origin:bottom; background:url(https://castingn-images.s3.ap-northeast-2.amazonaws.com/static/images/partner/ai_matching/sec04-img.png) left bottom no-repeat; background-size:1165px;}

.section04.active .sec04-gragh-area .gragh-img{
	animation-name: graghUp;
	animation-duration:2s;
	animation-timing-function: leaner;
	animation-iteration-count:1;
	animation-fill-mode: both;
	animation-delay:1s;
}


.section05 .sec05-box {padding:70px 0;}
.section05 .sec05-tt {text-align:center; margin-bottom:35px;}
.section05 .sec05-tt dt {font-size:36px; line-height:50px;}
.section05 .sec05-tt dd {margin-top:30px; font-size:26px; color:#000000;}
.section05 .sec05-process {width:1146px; margin:0 auto;}
.section05 .sec05-box.type2 {background:#e1eefe; text-align:center; display:flex; align-items:center; justify-content:center; }
.section05 .sec05-box.type2 img {width:1198px; }

.section06 .sec06-tt {text-align:center; margin-bottom:35px;}
.section06 .sec06-tt dt {font-size:36px; line-height:50px;}
.section06 .sec06-tt dd {margin-top:30px; font-size:26px; color:#000000;}
.section06 .sec06-img img {width:1440px; }
.section06 .sec06-img {text-align:center;}

.section07 {padding:70px 0;}
.section07 .sec07-tt {font-size:26px; line-height:40px; color:#000000; text-align:center; margin-bottom:50px;}
.section07 .search-box {display:flex; align-items:center; width:1150px; margin:0 auto 45px;}
.section07 .search-box .label {font-size:26px; color:#000; letter-spacing:-0.035em;}
.section07 .search-box .search-area {width:900px; box-sizing:border-box; height:75px; margin-left:auto; border:5px solid #317ee6; position:relative;}
.section07 .search-box .search-area input {text-align:center; box-sizing:border-box; padding-right:70px; border:0; height:65px; width:100%; line-height:65px; font-size:26px; letter-spacing:-0.035em;}
.section07 .search-box .search-area .btn-search {width:65px; height:65px; display:block; position:absolute; right:0; top:0; font-size:0; line-height:0; background:url(https://castingn-images.s3.ap-northeast-2.amazonaws.com/static/images/partner/ai_matching/ico-sh.png) center no-repeat; background-size:48px;}
.section07 .search-result {width:1150px; margin:0 auto;}
.section07 .search-result .search-result-txt {display:flex; align-items:center;}
.section07 .ico-chk {display:block; width:50px; height:50px; background:url(https://castingn-images.s3.ap-northeast-2.amazonaws.com/static/images/partner/ai_matching/ico-chk.png) top left no-repeat; margin-right:20px; background-size:100%;}
.section07 .search-result .search-result-txt p {font-size:26px; color:#000; letter-spacing:-0.035em;}
.section07 .result-list {display:flex; margin:30px 0 35px; flex-wrap:wrap;}
.section07 .result-list .result-item {width:calc(50% - 5px); display:flex;}
.section07 .result-list .result-item:nth-child(even) {margin-left:auto;}
.section07 .result-list .result-item:nth-child(n+3) {margin-top:10px;}
.section07 .result-list .result-item .company-main {background:#e1eefe; width:140px; display:flex; flex-wrap:wrap; align-content:center;}
.section07 .result-list .result-item .company-main .company-logo {width:100px; height:100px; border-radius:50px; overflow:hidden; margin:0 auto; display:flex; align-items:center; justify-content:center; background:#fff;}
.section07 .result-list .result-item .company-main .company-name {width:100%; margin-top:20px; text-align:center; font-size:20px; color:#000000; letter-spacing:-0.035em;}
.section07 .result-list .result-item .company-info {width:calc(100% - 140px); padding:25px 20px; box-sizing:border-box; border:1px solid #c9cacb; border-left:0; display:flex; flex-wrap:wrap;}
.section07 .result-list .result-item .company-info .info-item {width:33.33%; box-sizing:border-box; padding-left:30px; }
.section07 .result-list .result-item .company-info .info-item:nth-child(n+4) {margin-top:30px;}
.section07 .result-list .result-item .company-info .info-item dt i {position:absolute; width:25px; height:25px; background-repeat:no-repeat; background-size:25px; left:-30px; top:0;}
.section07 .result-list .result-item .company-info .info-item dt {font-size:18px; color:#000000; line-height:25px; font-weight:500; position:relative;}
.section07 .result-list .result-item .company-info .info-item dd {font-size:18px; color:#000000; line-height:25px; font-weight:300;}
.section07 .result-list .result-item .company-info .info-item dt i.ico-c01 {background-image:url(https://castingn-images.s3.ap-northeast-2.amazonaws.com/static/images/partner/ai_matching/ico-c01.png);}
.section07 .result-list .result-item .company-info .info-item dt i.ico-c02 {background-image:url(https://castingn-images.s3.ap-northeast-2.amazonaws.com/static/images/partner/ai_matching/ico-c02.png);}
.section07 .result-list .result-item .company-info .info-item dt i.ico-c03 {background-image:url(https://castingn-images.s3.ap-northeast-2.amazonaws.com/static/images/partner/ai_matching/ico-c03.png);}
.section07 .result-list .result-item .company-info .info-item dt i.ico-c04 {background-image:url(https://castingn-images.s3.ap-northeast-2.amazonaws.com/static/images/partner/ai_matching/ico-c04.png);}
.section07 .result-list .result-item .company-info .info-item dt i.ico-c05 {background-image:url(https://castingn-images.s3.ap-northeast-2.amazonaws.com/static/images/partner/ai_matching/ico-c05.png);}
.section07 .result-list .result-item .company-info .info-item dt i.ico-c06 {background-image:url(https://castingn-images.s3.ap-northeast-2.amazonaws.com/static/images/partner/ai_matching/ico-c06.png);}
.section07 .result-btn-area {display:flex; justify-content:center;}
.section07 .result-btn-area .btn-more {width:500px; height:75px; border-radius:40px; background:#ff931e; text-align:center; line-height:75px; color:#fff; font-size:32px; letter-spacing:-0.035em; font-weight:600;}


.section08 .sec08-tt {font-size:26px; line-height:40px; color:#000000; text-align:center; margin-bottom:10px;}
.section08 .sec08-box1 .sec08-img {width:1233px; margin:0 auto;}
.section08 .sec08-box2 .sec08-img {width:1350px; margin:0 auto;}
.section08 .sec08-box1 {padding:70px 0; background:#e1eefe;}
.section08 .sec08-box2 {padding:70px 0;}


.section09 .sec09-tt {font-size:26px; line-height:40px; color:#000000; text-align:center; margin-bottom:10px;}
.section09 .sec09-box1 {padding:70px 0; background:#fff3e7;}
.section09 .sec09-box1 .sec09-table {width:1150px; margin:0 auto; background:#fff; box-sizing:border-box; padding:20px;}
.section09 .sec09-box2 {padding:50px 0;}
.section09 .sec09-box2 .sec09-img {width:1115px; margin:0 auto;}
.section09 .sec09-box1 .sr-tbl-wrap .sr-th-header{border-bottom:4px solid #2c2e38;display:flex;justify-content:flex-start;align-items:center;width:100%;height:56px;overflow:hidden;}
.section09 .sec09-box1 .sr-tbl-wrap .sr-th-header .th{font-size:16px;color:#00050a;font-weight:500;display:flex;justify-content:center;align-items:center;width:140px;height:56px;overflow:hidden;}
.section09 .sec09-box1 .sr-tbl-wrap .sr-th-header .th.tit{width:100%;flex:1;}

.section09 .sec09-box1 .sr-tbl-wrap dl{width:100%;height:auto;overflow:hidden;}
.section09 .sec09-box1 .sr-tbl-wrap dl dt{cursor:pointer;border-bottom:1px solid #e9eaef;width:100%;height:80px;overflow:hidden;display:flex;justify-content:flex-start;align-items:center;}
.section09 .sec09-box1 .sr-tbl-wrap dl dt.on{background:rgba(42, 127, 231, 0.1);}
.section09 .sec09-box1 .sr-tbl-wrap dl dt .th{font-size:16px;color:#00050a;font-weight:500;display:flex;justify-content:center;align-items:center;text-align: center;width:140px;height:80px;overflow:hidden;}
.section09 .sec09-box1 .sr-tbl-wrap dl dt .th.tit{width:100%;flex:1;justify-content:flex-start;padding-left:20px;}
.section09 .sec09-box1 .sr-tbl-wrap dl dt .th .txt{display:flex;font-size:16px;color:#00050a;font-weight:500;}
.section09 .sec09-box1 .sr-tbl-wrap dl dt .th .star-wrap{display:flex;justify-content:flex-start;align-items:center;margin-left:5px;}
.section09 .sec09-box1 .sr-tbl-wrap dl dt .th .star-wrap img{display:flex;width:16px;height:16px;}
.section09 .sec09-box1 .sr-tbl-wrap dl dd{display:none;width:calc( 100% - 120px );padding:40px 60px;background:rgba(243, 245, 248, 0.4);;height:auto;overflow:hidden;}
.section09 .sec09-box1 .sr-tbl-wrap dl dd.on{display:block;}
.section09 .sec09-box1 .sr-tbl-wrap dl dd .tot-grade{display:flex;justify-content:flex-start;align-items:center;width:100%;height:auto;overflow:hidden;}
.section09 .sec09-box1 .sr-tbl-wrap dl dd .tot-grade .txt{font-size:16px;color:#00050a;font-weight:500;display:flex;}
.section09 .sec09-box1 .sr-tbl-wrap dl dd .tot-grade .star-wrap{display:flex;justify-content:flex-start;align-items:center;margin-left:5px;}
.section09 .sec09-box1 .sr-tbl-wrap dl dd .tot-grade .star-wrap img{display:flex;width:16px;height:16px;}
.section09 .sec09-box1 .sr-tbl-wrap dl dd ul{margin-top:16px;width:640px;height:auto;overflow:hidden;}
.section09 .sec09-box1 .sr-tbl-wrap dl dd ul li{display:flex;justify-content:flex-start;align-items:center;width:180px;height:auto;overflow:hidden;float:left;}
.section09 .sec09-box1 .sr-tbl-wrap dl dd ul li span{display:flex;width:75px;font-size:13px;color:#62666e;}
.section09 .sec09-box1 .sr-tbl-wrap dl dd ul li .star-wrap{display:flex;justify-content:flex-start;align-items:center;}
.section09 .sec09-box1 .sr-tbl-wrap dl dd ul li .star-wrap img{display:flex;width:10px;height:10px;}
.section09 .sec09-box1 .sr-tbl-wrap dl dd ul li strong{display:flex;font-size:10px;color:#00050a;margin-left:5px;}
.section09 .sec09-box1 .sr-tbl-wrap dl dd .desc{margin-top:40px;width:100%;height:auto;overflow:hidden;line-height:1.5em;font-size:16px;color:#62666e;}
 
.section09 .sec09-box1 .paging-wrap{margin-top:47px;width:100%;height:auto;overflow:hidden;display:flex;justify-content:center;align-items:center;}
.section09 .sec09-box1 .paging-wrap a{position:relative;margin-left:-1px;font-size:14px;color:#909298;font-weight:500;border:1px solid #e9eaef;width:44px;height:44px;overflow:hidden;display:flex;justify-content:center;align-items:center;}
.section09 .sec09-box1 .paging-wrap a.on{color:#4398ed;}
.section09 .sec09-box1 .paging-wrap a img{width:16px;height:16px;}



.section10 .sec10-tt {font-size:26px; line-height:40px; color:#fff; text-align:center; margin-bottom:10px;}
.section10 .sec10-box1 {padding:70px 0; background:#317ee6;}
.section10 .sec10-box1 .sec10-img1 {width:1140px; margin:0 auto;}
.section10 .sec10-box2 {padding:70px 0; background:url(https://castingn-images.s3.ap-northeast-2.amazonaws.com/statichttps://castingn-images.s3.ap-northeast-2.amazonaws.com/static/images/partner/ai_matching/sec10-bg.png) center no-repeat; background-size:cover;}
.section10 .sec10-box2 .sec10-img2 {width:862px; margin:0 auto 140px;}
.section10 .sec10-box2 .btn-join {margin:0 auto; display:flex; align-items:center; justify-content:center; width:500px; height:75px; border-radius:40px; background:#fff;}
.section10 .sec10-box2 .btn-join span {font-size:32px; color:#317ee6; letter-spacing:-0.035em; font-weight:500;}

.section11 {padding:80px 0; text-align:center;}
.section11 .sec11-txt {font-size:26px; line-height:40px; color:#000000; margin-bottom:40px; }
.section11 .sec11-logo {width:393px; margin:0 auto;}