@charset "UTF-8";
html,
body {
  overflow-x: hidden;
}

.mTit {
  display: none;
}

.tit_s2 {
  font-weight: 700;
  font-size: 2.0625rem;
  color: #333;
  margin-bottom: 50px;
}

.tit_s2 a {
  display: inline-block;
  color: #fff;
  text-align: center;
  background: #284b93;
  font-size: 1rem;
  width: 170px;
  height: 45px;
  line-height: 45px;
  vertical-align: middle;
  border-radius: 3px;
  margin-left: 26px;
}

.tit_s2.type2 a {
  margin-left: 0;
}

.tit_s4 {
  font-size: 1.875rem;
  letter-spacing: -1px;
  color: #333;
}

.tit_s5 {
  font-size: 1.375rem;
  font-weight: 700;
  color: #333;
}

.tit_s5:before {
  content: "";
  width: 10px;
  height: 10px;
  border: 3px solid #1b3a7c;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  vertical-align: middle;
  margin-top: -5px;
  margin-right: 10px;
}

.tit_s6 {
  font-size: 2.8125rem;
  font-family: "Exo", sans-serif;
  font-weight: 900;
  color: #1b3a7c;
  text-transform: uppercase;
  line-height: 1.2em;
}

.tit_s6 span {
  opacity: 0.2;
}

.tit_s8 p {
  position: relative;
  padding-left: 37px;
  font-size: 1.0625rem;
}

.tit_s8 p strong {
  font-size: 1.125rem;
  color: #333;
  font-weight: 500;
}

.tit_s8 p:before {
  content: "";
  width: 27px;
  height: 24px;
  background: url("/img/sub/txt_chk_icon.gif") no-repeat;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.tit_s9 p {
  position: relative;
  padding-left: 37px;
  font-size: 1.375rem;
  color: #333;
  font-weight: 500;
}

.tit_s9 p:before {
  content: "";
  width: 27px;
  height: 24px;
  background: url("/img/sub/txt_chk_icon.gif") no-repeat;
  display: block;
  position: absolute;
  left: 0;
  top: 8px;
}

.tit_s7 dl {
  position: relative;
  padding-left: 37px;
}

.tit_s7 dl:before {
  content: "";
  width: 27px;
  height: 24px;
  background: url("/img/sub/txt_chk_icon.gif") no-repeat;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.tit_s7 dl dt {
  font-size: 1.125rem;
  color: #333;
  font-weight: 500;
}

.tit_s7 dl dd {
  font-size: 1.0625rem;
}

.chkTxt h4,
.chkTxt p {
  position: relative;
  padding-left: 37px;
}

.chkTxt h4::before,
.chkTxt p::before {
  content: "";
  width: 27px;
  height: 24px;
  background: url("/img/sub/txt_chk_icon.gif") no-repeat;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.chkTxt h4 {
  font-size: 1.25rem;
  color: #284b93;
}

.chkTxt h4:before {
  top: 4px;
}

/* 서브 비주얼 */
#sv {
  height: 288px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

#sv .tit {
  text-align: right;
  color: #fff;
  font-size: 3.125rem;
  font-family: "Exo", sans-serif;
  font-weight: 900;
  padding-bottom: 14px;
}

#sv.sv02 {
  background-image: url("/img/sub/service_sv.jpg");
}

#sv.sv03 {
  background-image: url("/img/sub/eSkill_sv.jpg");
}

/* #sv.sv03 {
  background-image: url("/img/sub/network_sv.jpg");
} */

#sv.sv04 {
  background-image: url("/img/sub/eSkill_sv.jpg");
}

#sv.sv05 {
  background-image: url("/img/sub/tii_sv02.jpg");
}

#sv.sv01 {
  background-image: url("/img/sub/company_sv.jpg");
}
#sv.sv06,
#sv.sv07 {
  background-image: url("/img/sub/company_sv.jpg");
}

#lnb {
  background: #1b3a7c;
}

#lnb .depth3 {
  display: none;
}

#lnb ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#lnb ul li {
  margin: 0 32px;
}

#lnb ul li a {
  color: #fff;
}

#lnb ul li.on a {
  color: #f8b81f;
  position: relative;
}

#lnb ul a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 55px;
  color: #323232;
  font-weight: 500;
}

#subContents {
  padding: 63px 0 230px;
  line-height: 1.6;
}

/* pageTit */
.pageTit {
  text-transform: uppercase;
  font-size: 3rem;
  font-weight: 700;
  color: #333;
}

.pageTit.cap {
  text-transform: capitalize;
}

.pageTit .flexBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pageTit .flexBox .tit_s2 {
  margin-bottom: 0;
  margin-left: 24px;
}

.page_depth3 {
  margin-top: 14px;
  border-bottom: 7px solid #e1e1e1;
  margin-bottom: 96px;
}

.page_depth3 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.page_depth3 ul li {
  margin-right: 45px;
}

.page_depth3 ul li:last-child {
  margin: 0;
}

.page_depth3 ul li a {
  font-weight: 500;
  display: block;
  padding: 13px 0;
  position: relative;
}

.page_depth3 ul li.on > a {
  color: #1b3a7c;
}

.page_depth3 ul li.on > a:after {
  content: "";
  width: 100%;
  height: 7px;
  background: #1b3a7c;
  display: block;
  position: absolute;
  left: 0;
  bottom: -7px;
}

.page_depth3 ul li.on .depth4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page_depth3 .depth4 {
  position: absolute;
  display: none;
  right: 0;
  width: 100%;
  padding-top: 10px;
}

.page_depth3 .depth4 > li {
  margin-right: 10px;
}

.color_blue {
  color: #1b3a7c;
}

/* 회사소개 */
#company_intro .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#company_intro .info .img {
  width: 290px;
}

#company_intro .info .txtBox {
  margin-left: 7.69230769231%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}

#company_intro .info .txtBox dt {
  font-size: 1.875rem;
  line-height: 1.6em;
  color: #333;
}

#company_intro .info .txtBox dd {
  font-size: 1.25rem;
  margin-top: 30px;
  font-weight: 300;
  line-height: 1.6em;
  color: #323232;
}
#company_intro .info .txtBox dd span{font-weight:bold;}
#company_intro .info .txtBox dd span.c{color: #1b3a7c;}
#company_intro .downloadBtns {
  margin-top: 54px;
  margin-bottom:130px;
}

.downloadBtns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.downloadBtns a {
  margin-right: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 64px;
  width: 100%;
  max-width: 347px;
  text-align: center;
  border: 5px solid #e1e1e1;
  color: #333;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.downloadBtns a:last-child {
  margin: 0;
}

.downloadBtns a img {
  margin-left: 40px;
}

.downloadBtns a.on {
  background: #1b3a7c;
  color: #fff;
}

/* 인사말 */
#greeting .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

#greeting .info .txtBox {
  width: 63.33333333333%;
  padding-right: 40px;
}

#greeting .info .txtBox dl dt {
  font-size: 1.875rem;
  color: #333;
}

#greeting .info .txtBox dl dd {
  margin-top: 38px;
  font-weight: 300;
}

#greeting .info .txtBox dl dd p {
  margin-bottom: 32px;
}

#greeting .info .txtBox dl dd p:last-child {
  margin-bottom: 0;
}

#greeting .info .txtBox dl dd b {
  color: #333;
  font-weight: 400;
}

#greeting .info .img {
  position: absolute;
  right: -360px;
  top: 0;
}

#greeting .info .img .ceo {
  font-size: 15px;
  color: #333;
  margin-top: 23px;
}

#greeting .info .img .ceo span {
  display: inline-block;
  margin-left: 20px;
  font-size: 1.25rem;
  letter-spacing: 2px;
  font-weight: 500;
}

/* VISION */
#vision .info {
  margin: 90px 0;
  padding: 90px 0 185px;
  position: relative;
  background: url("/img/sub/vision_bg.jpg") no-repeat center bottom;
  background-size: cover;
}

#vision .info .core {
  position: absolute;
  right: 0;
  top: -186px;
}

#vision .info .list {
  margin-top: 171px;
  position: relative;
}

#vision .info .list > p {
  position: absolute;
  left: 0;
  top: 210px;
  background: #1b3a7c;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  color: #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;
  font-size: 1.5625rem;
  font-weight: 700;
  text-align: center;
}

#vision .info .list ul li {
  margin-bottom: 156px;
}

#vision .info .list ul li:last-child {
  margin: 0;
}

#vision .info .list ul li:nth-child(1) {
  padding-left: 100px;
}

#vision .info .list ul li:nth-child(2) {
  padding-left: 212px;
}

#vision .info .list ul li:nth-child(3) {
  padding-left: 284px;
}

#vision .info .list dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#vision .info .list dt {
  font-size: 1.375rem;
  color: #1b3a7c;
  font-weight: 500;
  text-align: center;
  line-height: 1.4;
}

#vision .info .list dd {
  font-size: 1.125rem;
  position: relative;
  padding-left: 136px;
  margin-left: 26px;
}

#vision .info .list dd:after, #vision .info .list dd:before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#vision .info .list dd:before {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #1b3a7c;
  left: 0;
  z-index: 1;
}

#vision .info .list dd:after {
  width: 120px;
  height: 1px;
  background: #ccc;
  left: 0;
}

#vision .purpose ul li {
  margin-bottom: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#vision .purpose ul li:last-child {
  margin: 0;
}

#vision .purpose ul li > div {
  width: 50%;
}

#vision .purpose ul li:nth-child(odd) .txtBox {
  padding-right: 5.83333333333%;
}

#vision .purpose ul li:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

#vision .purpose ul li:nth-child(even) .txtBox {
  padding-left: 5.83333333333%;
}

#vision .purpose ul li dl dt .tit_s6 {
  font-size: 1.6rem;
  margin-top: 20px;
}

#vision .purpose ul li dl dd {
  font-size: 1.0625rem;
  text-transform: uppercase;
}

#vision .purpose ul li dl dd b {
  color: #1b3a7c;
  font-size: 1.25rem;
}

#vision .purpose ul li dl dd p {
  position: relative;
  padding-left: 32px;
}

#vision .purpose ul li dl dd p:before {
  content: "";
  width: 16px;
  height: 12px;
  border: 2px solid #666;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  border-right: none;
  border-top: none;
  position: absolute;
  left: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 50%;
  margin-top: -8px;
}

/* history*/
#history .list section {
  margin-bottom: 90px;
}

#history .list section:last-child {
  margin: 0;
}

#history .list section .bg {
  background-repeat: no-repeat;
  background-size: cover;
  height: 250px;
  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;
  text-align: center;
  color: #fff;
  font-size: 1.5625rem;
}

#history .list section .bg b {
  display: block;
  font-size: 2.1875rem;
}

#history .list section:nth-child(1) .bg {
  background: url("/img/sub/history_img01.jpg");
}

#history .list section:nth-child(2) .bg {
  background: url("/img/sub/history_img02.jpg");
}

#history .list section:nth-child(3) .bg {
  background: url("/img/sub/history_img03.jpg");
}

#history .list section:nth-child(4) .bg {
  background: url("/img/sub/history_img04.jpg");
}

#history .list section .since {
  margin-top: -50px;
  background: #1b3a7c;
  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;
  width: 250px;
  height: 100px;
  color: #fff;
  text-align: center;
  font-size: 1.875rem;
  font-weight: 700;
}

#history .list section ul {
  max-width: 860px;
  margin-top: 35px;
  margin: 38px auto 0;
  position: relative;
}

#history .list section ul:before {
  content: "";
  width: 1px;
  height: calc(100% - 30px);
  background: #ddd;
  display: block;
  position: absolute;
  left: 0;
  top: 15px;
}

#history .list section ul li {
  position: relative;
  margin-bottom: 35px;
}

#history .list section ul li:last-child {
  margin: 0;
}

#history .list section ul li:before {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 5px solid #1b3a7c;
  display: block;
  position: absolute;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  left: -9px;
  top: 15px;
}

#history .list section ul li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#history .list section ul li dt {
  font-size: 1.875rem;
  color: #333;
  font-weight: 700;
  padding-left: 30px;
}

#history .list section ul li dd {
  margin-left: 100px;
  margin-top: 10px;
  font-size: 1.0625rem;
}

#history .list section ul li dd p {
  padding-left: 15px;
  position: relative;
}

#history .list section ul li dd p:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background: #aaa;
  position: absolute;
  left: 0;
  top: 12px;
}

#history .list section ul li dd span {
  color: #333;
}

/* 인증서 */
#certification .list {
  margin-top: 62px;
}

#certification .list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 798px;
  margin: 0 auto;
}

#certification .list ul li {
  margin-bottom: 55px;
  text-align: center;
  margin-right: 9.3984962406%;
  width: 27.06766917293%;
}

#certification .list ul li .img {
  position: relative;
  padding-top: 152.77777777778%;
}

#certification .list ul li .img img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-height: 100%;
}

#certification .list ul li:nth-child(3n) {
  margin-right: 0;
}

#certification .list ul li p {
  margin-top: 23px;
}

/* 주요고객 */
#customers > div > section {
  margin-bottom: 68px;
}

#customers > div > section:last-child {
  margin: 0;
}

#customers .list {
  margin-top: 48px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 40px;
}

#customers .list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#customers .list ul li {
  border: 1px solid #ddd;
  width: 17.83333333333%;
  background: #f5f5f5;
  margin-right: 2.70833333333%;
  margin-bottom: 40px;
}

#customers .list ul li:nth-child(5n) {
  margin-right: 0;
}

#customers .list ul li .txt {
  font-size: 15px;
  text-align: center;
  letter-spacing: -1px;
  line-height: 1.2;
  padding: 0 10px;
  word-break: keep-all;
  border-top: 1px solid #ddd;
  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;
  height: 48px;
}

#customers .list ul li .img{position:relative; padding-bottom:55%; overflow: hidden;}
#customers .list ul li .img img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; max-height:calc(100% - 20px); }

/* 인재상 */
#talent .img {
  text-align: center;
}

#talent .info {
  margin-top: 70px;
  background: #f5f5f5;
  padding: 70px 20px;
}

#talent .txtBox {
  text-align: center;
}

#talent .txtBox .people {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
}

#talent .txtBox .people p {
  font-size: 1.375rem;
  color: #1b3a7c;
  font-family: "Exo", sans-serif;
  line-height: 1.2em;
  margin-top: 26px;
}

#talent .txtBox .list ul li {
  margin-bottom: 40px;
}

#talent .txtBox .list ul li > div {
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.2;
  text-transform: capitalize;
  padding: 20px;
  margin-bottom: 20px;
}

#talent .txtBox .list ul li:nth-child(1) > div {
  background: #1b3a7c;
}

#talent .txtBox .list ul li:nth-child(2) > div {
  background: #5b8be3;
}

#talent .txtBox .list ul li:nth-child(3) > div {
  background: #899fcf;
}

#talent .txtBox .list ul li dt {
  font-size: 1.375rem;
  color: #333;
  font-weight: 500;
}

/* 복리후생 */
#benefits .list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
}

#benefits .list ul li {
  margin-bottom: 38px;
  background: #f5f5f5;
  width: 22.5%;
  margin-right: 3.33333333333%;
  padding: 38px 2%;
}

#benefits .list ul li:nth-child(4n) {
  margin-right: 0;
}

#benefits .list ul li .icon {
  width: 55.55555555556%;
  padding-top: 55.55555555556%;
  margin: 0 auto;
  background: #fff;
  border-radius: 50%;
  position: relative;
}

#benefits .list ul li .icon img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#benefits .list ul li dl {
  line-height: 1.2;
  margin-top: 32px;
}

#benefits .list ul li dl dt {
  letter-spacing: -1.5px;
  font-size: 1.25rem;
  color: #333;
  font-weight: 500;
}

#benefits .list ul li dl dt em {
  font-size: 1.125rem;
}

#benefits .list ul li dl dt span {
  font-size: 1.5625rem;
  color: #1b3a7c;
  display: block;
  margin-bottom: 12px;
  font-weight: 700;
}

#benefits .list ul li dl dd {
  border-top: 1px solid #ccc;
  padding-top: 10px;
  margin-top: 18px;
  line-height: 1.75em;
  letter-spacing: -1px;
}

/* 오시는 길*/
#location .mapWrap > div {
  width: 100% !important;
}

#location .wrap_map {
  width: 100% !important;
  height: 600px !important;
}

#location .addr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #1d459b;
}

#location .addr .img {
  width: 300px;
  height: 220px;
  background: #1b3a7c;
  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;
}

#location .addr .txtBox {
  color: #fff;
  padding: 0 6.66666666667%;
}

#location .addr .txtBox dt {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 7px;
}

#location .addr .txtBox dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#location .addr .txtBox dd span {
  margin-right: 4px;
}

#location .addr .txtBox dd p {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}

#location .addr .txtBox ul {
  margin-top: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#location .addr .txtBox ul li {
  position: relative;
  padding-right: 12px;
  margin-right: 12px;
}

#location .addr .txtBox ul li:after {
  content: "";
  width: 1px;
  height: 15px;
  background: rgba(255, 255, 255, 0.3);
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#location .addr .txtBox ul li:last-child {
  margin: 0;
  padding: 0;
}

#location .addr .txtBox ul li:last-child:after {
  display: none;
}

#location .addr .txtBox ul li img {
  margin-right: 10px;
}

#location .info {
  margin-top: -69px;
  position: relative;
  z-index: 10;
}

#location .trasnfer {
  margin-top: 70px;
}

#location .trasnfer > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#location .trasnfer .icon {
  width: 160px;
  height: 160px;
  background: #f5f5f5;
  border-radius: 50%;
  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;
  margin-right: 5.83333333333%;
}

#location .trasnfer .txt {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}

#location .trasnfer .txt dt {
  font-size: 1.25rem;
  color: #333;
  font-weight: 500;
}

#location .trasnfer .txt dd {
  margin-top: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#location .trasnfer .txt dd em {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  color: #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;
  margin-right: 8px;
}

#location .trasnfer .txt dd em.line2 {
  background: #1ead57;
}

#location .trasnfer .txt dd em.line5 {
  background: #9041aa;
}

#location .trasnfer .txt dd p {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}

/* 조직도 */
#org section {
  margin-bottom: 90px;
}

#org section:last-child {
  margin: 0;
}

#org .img {
  text-align: center;
}

.table_s1 {
  margin-top: 50px;
  border-top: 1px solid #666;
}

.table_s1 th {
  background: #f5f5f5;
  color: #333;
  font-weight: 500;
  border-bottom: 1px solid #ccc;
  padding: 20px;
}

.table_s1 td {
  padding: 30px 20px;
  vertical-align: top;
  border-bottom: 1px solid #ccc;
  font-size: 15px;
}

.table_s1 th,
.table_s1 td {
  text-align: left;
}

.table_s1 img {
  margin-bottom: 26px;
}

.table_s1 .name {
  font-weight: 500;
  color: #333;
  font-size: 1.0625rem;
}

.table_s1 .email {
  color: #1b3a7c;
  font-size: 15px;
  margin-top: 6px;
}

.table_s1 ul li {
  position: relative;
  padding-left: 13px;
  margin-bottom: 10px;
}

.table_s1 ul li:last-child {
  margin-bottom: 0;
}

.table_s1 ul li:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #aaa;
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
}

#ipoffice .list {
  margin-top: 72px;
}

#ipoffice .list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#ipoffice .list ul li {
  width: 30.83333333333%;
  margin-right: 3.75%;
  color: #fff;
  height: 600px;
  padding: 38px;
  position: relative;
}

#ipoffice .list ul li dt {
  margin-bottom: 22px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4em;
  text-shadow: 2px 4px 8px rgba(0, 0, 0, 0.3);
}

#ipoffice .list ul li dd {
  font-size: 15px;
}

#ipoffice .list ul li:last-child {
  margin: 0;
}

#ipoffice .list ul li:after {
  content: "";
  width: 100%;
  padding-top: 90.81081081081%;
  position: absolute;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: 100%;
}

#ipoffice .list ul li:nth-child(1) {
  background: -webkit-gradient(linear, left top, left bottom, from(#5f7cbc), to(#d9e4f8));
  background: linear-gradient(to bottom, #5f7cbc, #d9e4f8);
}

#ipoffice .list ul li:nth-child(1):after {
  background-image: url("/img/sub/ipoffice_img01.png");
}

#ipoffice .list ul li:nth-child(2) {
  background: -webkit-gradient(linear, left top, left bottom, from(#7eacff), to(#d5e2f9));
  background: linear-gradient(to bottom, #7eacff, #d5e2f9);
}

#ipoffice .list ul li:nth-child(2):after {
  background-image: url("/img/sub/ipoffice_img02.png");
}

#ipoffice .list ul li:nth-child(3) {
  background: -webkit-gradient(linear, left top, left bottom, from(#96aad5), to(#d5e2f9));
  background: linear-gradient(to bottom, #96aad5, #d5e2f9);
}

#ipoffice .list ul li:nth-child(3):after {
  background-image: url("/img/sub/ipoffice_img03.png");
}

/* 델비즈 네트워크*/
#network .info .img {
  margin: 0 auto;
  border: 1px solid #f0f0f0;
  width: 345px;
  height: 345px;
  border-radius: 50%;
  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;
  position: relative;
}

#network .info .img p img {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#network .info .img:after {
  left: 58px;
}

#network .info .img:before {
  right: 58px;
}

#network .info .img:after, #network .info .img:before {
  content: "";
  width: 8px;
  height: 8px;
  background: #1b3a7c;
  border-radius: 50%;
  display: block;
  position: absolute;
  bottom: 34px;
}

#network .info .img p {
  background: #f5f5f5;
  width: 224px;
  height: 224px;
  border-radius: 50%;
}

#network .info ul {
  margin-top: -140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#network .info ul li {
  width: 42.5%;
}

#network .info ul li:last-child {
  margin: 0;
}

#network .info ul li dt {
  color: #1b3a7c;
  font-weight: 700;
  font-size: 1.875rem;
}

#network .info ul li dt img {
  display: block;
  margin: 0 auto 19px;
}

#network .info ul li dd {
  font-size: 1.125rem;
  margin-top: 38px;
}

#network .info ul li dd span {
  color: #333;
  font-weight: 500;
}

#network .list {
  margin-top: 82px;
  background: #f5f5f5;
  padding: 66px 0;
}

#network .list > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#network .list > div section {
  width: 45.83333333333%;
  margin-right: 8.33333333333%;
}

#network .list > div section:last-child {
  margin: 0;
}

#network .list .tit {
  font-size: 1.875rem;
  color: #284b93;
  font-weight: 700;
}

#network .list .tit img {
  margin-right: 13px;
}

#network .list ul {
  margin-top: 48px;
  border-top: 1px solid #e1e1e1;
}

#network .list ul li {
  border-bottom: 1px solid #e1e1e1;
}

#network .list ul li button {
  height: 80px;
  color: #333;
  font-size: 1.375rem;
  font-weight: 700;
  width: 100%;
  background: none;
  border: none;
  text-align: left;
  padding-left: 36px;
  position: relative;
}

#network .list ul li button:after {
  content: "";
  width: 16px;
  height: 16px;
  border: 4px solid #666;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  border-right: none;
  border-top: none;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  position: absolute;
  right: 36px;
  top: 50%;
  margin-top: -8px;
}

#network .list ul li .txtBox {
  background: #284b93;
  color: #fff;
  padding: 0 36px 36px 36px;
  display: none;
}

#network .list ul li .txtBox dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 16px;
}

#network .list ul li .txtBox dl:first-child {
  border-top: 2px solid #fff;
}

#network .list ul li .txtBox dl dt {
  width: 128px;
}

#network .list ul li .txtBox dl dt:before {
  margin-right: 14px;
  display: inline-block;
  vertical-align: middle;
}

#network .list ul li .txtBox dl dd {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}

#network .list ul li .txtBox .addr dt:before {
  content: url("/img/sub/network_addr_icon.png");
}

#network .list ul li .txtBox .person dt:before {
  content: url("/img/sub/network_person_icon.png");
}

#network .list ul li .txtBox .tel dt:before {
  content: url("/img/sub/network_tel_icon.png");
}

#network .list ul li.on button {
  background: #284b93;
  color: #fff;
}

#network .list ul li.on button:after {
  border: 4px solid #fff;
  border-top: none;
  border-right: none;
}

/* 출판 */
#public .list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#public .list ul li {
  width: 20%;
  margin-right: 6.66666666667%;
  margin-bottom: 60px;
}

#public .list ul li:hover .img:after {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

#public .list ul li:hover .img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

#public .list ul li .img {
  border: 1px solid #ddd;
  position: relative;
  padding-top: 140%;
  overflow: hidden;
}

#public .list ul li .img:after {
  content: "";
  width: 40px;
  height: 40px;
  background: url("/img/sub/plus_icon_white.png") no-repeat center #284b93;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  opacity: 0;
}

#public .list ul li .img img {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

#public .list ul li:nth-child(4n) {
  margin-right: 0;
}

#public .list ul li .txt {
  color: #333;
  text-align: center;
  margin-top: 26px;
}

/* 공지사항 */
#notice .list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#notice .list ul li {
  width: 22.5%;
  margin-right: 3.33333333333%;
  margin-bottom: 58px;
}

#notice .list ul li:hover .img:after {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

#notice .list ul li:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

#notice .list ul li:nth-child(4n) {
  margin-right: 0;
}

#notice .list ul li .txt {
  margin-top: 24px;
}

#notice .list ul li .img {
  border: 1px solid #ddd;
  position: relative;
  padding-top: 73.5%;
  overflow: hidden;
}

#notice .list ul li .img:after {
  content: "";
  width: 40px;
  height: 40px;
  background: url("/img/sub/plus_icon_white.png") no-repeat center #284b93;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  opacity: 0;
}

#notice .list ul li .img img {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

#notice .list ul li dt {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #333;
  font-size: 1.0625rem;
  font-weight: 500;
}

#notice .list ul li dd {
  font-size: 14px;
  margin-top: 10px;
}

.paging {
  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;
  margin-top: 20px;
}

.paging a {
  display: block;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 30px;
}

.paging a img {
  vertical-align: middle;
}

.paging ul {
  margin: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.paging ul li {
  margin-right: 10px;
}

.paging ul li:last-child {
  margin: 0;
}

.paging ul li.on a {
  background: #284b93;
  color: #fff;
}

/* 기술제품 */
#pdList .list {
  border-top: 1px solid #aaa;
  padding-top: 40px;
}

#pdList .list ul li {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #ddd;
}

#pdList .list ul li .img {
  padding-top: 18.33333333333%;
  position: relative;
  width: 23.75%;
  border: 1px solid #ddd;
}

#pdList .list ul li .img img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-height: 100%;
}

#pdList .list ul li .txt {
  width: calc(100% - 23.75% - 138px);
  padding: 0 3.83333333333%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}

#pdList .list ul li .ui{text-align: right;}
#pdList .list ul li .ui div{margin-bottom:20px;}
#pdList .list ul li .ui div:last-of-type{margin-bottom:0;}

#pdList .list ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#pdList .list ul li a dt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.25rem;
  font-weight: 700;
  color: #333;
  margin-bottom: 18px;
}

#pdList .list ul li a dd {
  line-height: 1.6em;
}

#pdList .list ul li .date {
  width: 138px;
}

.schForm {
  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;
  margin-bottom: 50px;
  margin-top: 80px;
}

.schForm select,
.schForm input {
  border: 1px solid #ccc;
  height: 35px;
  line-height: 33px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.schForm select {
  width: 54px;
}

.schForm input[type="text"] {
  margin: 0 4px;
  padding: 0 10px;
  width: 156px;
}

.schForm input[type="submit"] {
  background: #e5e5e5;
  width: 42px;
  cursor: pointer;
}

/* 기술제품 상세페이지 */
#pdView .tit {
	position:relative; 
  text-align: center;
  font-size: 2.1875rem;
  font-weight: 700;
  color: #333;
  margin-bottom: 60px;
}

#pdView .tit .pop_btn{position:absolute; top: 50%; right: 0; font-size:20px; padding: 6px 40px; background: #1b3a7c; border-radius:8px; color: #fff; transform:translateY(-50%); cursor: pointer;}

#pdView .popup{display:none; position:fixed; top: 0; left: 0; width: 100%;height: 100%; background-color: rgba(0,0,0,0.3); z-index: 9999;}
#pdView .popup .pop_box{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); background: #fff; padding: 40px 50px 30px; max-width: 600px; width: 100%;}
#pdView .popup .pop_box::after{content:""; position:absolute; top: 0; left: 0; width: 100%; height: 9px; background: #1b3a7c;}
#pdView .popup .pop_tit{margin-bottom:14px;} 
#pdView .popup .pop_tit h4{font-weight:bold; font-size:32px; letter-spacing:-0.025em; color: #2d2d2d;}
#pdView .popup dl{margin-bottom:12px;}
#pdView .popup dl:last-of-type{margin-bottom:0;}
#pdView .popup dl dt{font-weight:500; font-size:16px; letter-spacing:-0.025em; color: #1b3a7c;}
#pdView .popup dl dd{margin-top: 6px; height: auto;}
#pdView .popup dl dd textarea,
#pdView .popup dl dd input{width: 100%; height: 45px; border:1px solid rgb(27 58 124 / 30%); font-size:16px; font-weight:400; color: #333; border-radius:5px; letter-spacing:-0.025em; padding: 0 13px;}
#pdView .popup dl dd.textarea{height: 100px;}
#pdView .popup .cap input::placeholder,
#pdView .popup dl dd textarea::placeholder,
#pdView .popup dl dd input::placeholder{font-weight:300; color: #9b9b9b; letter-spacing:-0.025em;}
#pdView .popup dl dd textarea{height: 100px; resize:none; padding: 13px;}
#pdView .popup .cap{display:flex; border:1px solid rgb(27 58 124 / 30%); max-width: 364px; border-radius:5px; overflow: hidden; margin: 15px 0;}
#pdView .popup .cap img{width: 130px; height: 45px; background: #bfbfbf;}
#pdView .popup .cap input{width: calc(100% - 130px); height: 45px; border:none;  font-size:16px; color: #333; padding: 0 13px; outline:none}
#pdView .popup .cap button{background: transparent; width: 45px; height: 45px; font-size:20px; border:none}
#pdView .popup .btn{display:flex; justify-content:flex-end;}
#pdView .popup .btn *{width: 120px; height: 45px; font-size:16px; color: #fff; letter-spacing:-0.025em; background: #1b3a7c; text-align: center; border:none; border-radius:5px; cursor: pointer;}
#pdView .popup .btn .close{border:1px solid #9b9b9b; color: #9b9b9b; background: transparent; line-height: 43px; margin-right: 15px;}


#pdView .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#pdView .info .img {
  width: 45.83333333333%;
  margin-right: 4.16666666667%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #ddd;
}

#pdView .info .txtBox {
  border-top: 2px solid #aaa;
  width: 50%;
}

#pdView .info .txtBox table th {
  background: #eff1f4;
  font-size: 1.0625rem;
  color: #284b93;
  padding: 18px 0;
}

#pdView .info .txtBox table th span {
  position: relative;
  padding-left: 14px;
}

#pdView .info .txtBox table th span:before {
  content: "";
  width: 5px;
  height: 5px;
  background: #284b93;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
}

#pdView .info .txtBox table th,
#pdView .info .txtBox table td {
  border-bottom: 1px solid #ddd;
  text-align: left;
  padding-left: 48px;
}

#pdView .pdIntro {
  margin-top: 54px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 78px;
}

#pdView .pdIntro dl dt {
  font-size: 1.375rem;
  color: #333;
  font-weight: 700;
}

#pdView .pdIntro dl dt:before {
  content: "";
  display: block;
  background: url("/img/sub/txt_chk_icon.gif") no-repeat;
  width: 27px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

#pdView .pdIntro dl dd {
  line-height: 1.6em;
  margin-top: 38px;
}

#pdView .listBtn {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#pdView .listBtn a {
  width: 120px;
  text-align: center;
  height: 45px;
  line-height: 45px;
  border: 1px solid #1b3a7c;
  display: block;
  text-transform: uppercase;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

#pdView .listBtn a:hover {
  background: #284b93;
  color: #fff;
}

/* tii */
#tii .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#tii .info .img {
  width: 28.75%;
}

#tii .info .txt {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  margin-left: 8.66666666667%;
}

#tii .info .txt p {
  font-size: 1.0625rem;
  margin-bottom: 30px;
  line-height: 1.7em;
}

#tii .info .txt p:last-child {
  margin: 0;
}

#tii > div > div {
  margin-bottom: 96px;
}

#tii > div > div:last-child {
  margin: 0;
}

#tii .service .list {
  margin-top: 24px;
}

#tii .service .list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#tii .service .list ul li {
  width: 31.66666666667%;
  border: 1px solid #e1e1e1;
  margin-bottom: 22px;
  margin-right: 2.5%;
  text-align: center;
  height: 200px;
  padding-top: 46px;
}

#tii .service .list ul li dt {
  font-size: 1.375rem;
  font-weight: 700;
  color: #333;
}

#tii .service .list ul li dd {
  line-height: 1.7em;
  margin-top: 24px;
}

#tii .service .list ul li:nth-child(3n) {
  margin-right: 0;
}

#tii .mainService .tit {
  font-size: 1.875rem;
  color: #333;
  line-height: 1.3em;
  text-align: center;
  margin-bottom: 48px;
  font-weight: 500;
}

#tii .mainService .list {
  margin-top: 24px;
}

#tii .mainService .list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#tii .mainService .list ul li {
  background: #f5f5f5;
  margin-right: 4.66666666667%;
  width: 100%;
  padding: 60px 4%;
}

#tii .mainService .list ul li dt {
  text-align: center;
  font-size: 1.375rem;
  color: #333;
  font-weight: 700;
  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;
}

#tii .mainService .list ul li dt img {
  margin-bottom: 10px;
}

#tii .mainService .list ul li dd {
  margin-top: 36px;
}

#tii .mainService .list ul li dd p {
  margin-bottom: 22px;
}

#tii .mainService .list ul li dd p:last-child {
  margin: 0;
}

.link_more {
  margin-top: 40px;
  border: 5px solid #e1e1e1;
  width: 264px;
  height: 64px;
  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;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.link_more:hover {
  background: #e1e1e1;
}

.link_more img {
  margin-left: 35px;
}

/* 기술무역 */
.skillWrap .txtBox {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 42px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.skillWrap .txtBox.bor_n{border-bottom: none;}

.skillWrap .txtBox .icon {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: #f5f5f5;
  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;
  margin-left: 6.66666666667%;
}

.skillWrap .txtBox dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}

.skillWrap .txtBox dl dd {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}

.skillWrap .txtBox dl dd p:not(.not) {
  margin-bottom: 12px;
  position: relative;
  padding-left: 14px;
}

.skillWrap .txtBox dl dd p:not(.not):before {
  content: "";
  width: 4px;
  height: 4px;
  background: #aaa;
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
}

.skillWrap .txtBox dl dd p:last-child {
  margin: 0;
}

.skillWrap .txtBox dl dt {
  width: 17.14285714286%;
}

.chk_tit {
  font-size: 1.375rem;
  color: #333;
  font-weight: 500;
  position: relative;
}

.chk_tit:before {
  content: "";
  width: 27px;
  height: 24px;
  background: url(/img/sub/txt_chk_icon.gif) no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

/* 공동 R&D기획*/
#rdr .develop {
  margin-top: 60px;
}

#rdr .develop .info {
  border-top: 1px solid #999;
  margin-top: 48px;
}

#rdr .develop section {
  border-bottom: 1px solid #ddd;
  padding: 30px 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#rdr .develop section .tit {
  width: 200px;
  height: 200px;
  color: #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;
  font-size: 1.25rem;
  font-weight: 500;
  border-radius: 50%;
}

#rdr .develop section:nth-child(1) .tit {
  background: #254da4;
}

#rdr .develop section:nth-child(1):after {
  content: "";
  width: 30px;
  height: 30px;
  background: url("/img/sub/rdr_plus.png") no-repeat center;
  display: block;
  position: absolute;
  left: 85px;
  bottom: -15px;
}

#rdr .develop section:nth-child(2) .tit {
  background: #5b8be3;
}

#rdr .develop section:nth-child(2) .txt > p span {
  color: #5b8be3;
}

#rdr .develop section .txt {
  margin-left: 4%;
  -ms-flex: 1 1 auto;
  -webkit-box-flex: 1;
          flex: 1 1 0;
}

#rdr .develop section .txt > p {
  margin-bottom: 40px;
  font-size: 1.0625rem;
  position: relative;
  padding-left: 14px;
}

#rdr .develop section .txt > p:before {
  content: "";
  width: 4px;
  height: 4px;
  background: #aaa;
  display: block;
  position: absolute;
  left: 0;
  top: 12px;
}

#rdr .develop section .txt > p span {
  color: #254da4;
}

#rdr .develop section .txt ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#rdr .develop section .txt ul li {
  margin-right: 30px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#rdr .develop section .txt ul li:last-child {
  margin: 0;
}

#rdr .develop section .txt ul li .icon {
  width: 70px;
  height: 70px;
  background: #f5f5f5;
  border-radius: 50%;
  margin-right: 22px;
  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;
}

#rdr .develop section .txt dl {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}

#rdr .develop section .txt dt {
  font-size: 1.0625rem;
  color: #333;
  font-weight: 700;
  margin-bottom: 14px;
}

#rdr .develop section .txt dd {
  font-size: 15px;
}

/* vts */
#vts .list {
  background: #f5f5f5;
  padding: 88px 0;
  margin-top: 100px;
}

#vts .list ul {
  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;
}

#vts .list ul li {
  width: 22.5%;
  margin-right: 3.33333333333%;
}

#vts .list ul li:nth-child(1) dd:after {
  content: url("/img/sub/vts_icon01.gif");
}

#vts .list ul li:nth-child(2) dd:after {
  content: url("/img/sub/vts_icon02.gif");
}

#vts .list ul li:nth-child(3) dd:after {
  content: url("/img/sub/vts_icon03.gif");
}

#vts .list ul li:nth-child(4) dd:after {
  content: url("/img/sub/vts_icon04.gif");
}

#vts .list ul li:last-child {
  margin-right: 0;
}

#vts .list ul li dt {
  font-size: 1.375rem;
  color: #333;
  font-weight: 500;
}

#vts .list ul li dd {
  margin-top: 20px;
  background: #fff;
  border: 1px solid #ddd;
  padding: 30px 10%;
  height: 330px;
  position: relative;
}

#vts .list ul li dd:after {
  position: absolute;
  right: 22px;
  bottom: 25px;
}

#vts .list ul li dd p {
  position: relative;
  padding-left: 14px;
  margin-bottom: 5px;
}

#vts .list ul li dd p:last-child {
  margin: 0;
}

#vts .list ul li dd p:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #aaa;
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
}

/* 기술수출 gpi */
#gpi .list {
  margin: 70px 0;
  background: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 70px 5.83333333333%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#gpi .list .tit {
  width: 190px;
  height: 190px;
  border-radius: 50%;
  color: #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;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.4em;
  margin: 0 auto 36px;
  position: relative;
}

#gpi .list .tit:after {
  content: url("/img/sub/gpi_dots.png");
  position: absolute;
  right: -75%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#gpi .list section {
  width: 300px;
  position: relative;
}

#gpi .list section:after {
  position: absolute;
  top: calc(50% + 100px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -80px;
}

#gpi .list section:nth-child(1) .tit {
  border: 10px solid #c5d4ef;
  background: #96b4ea;
}

#gpi .list section:nth-child(1) article {
  border-bottom: 2px solid #96b4ea;
}

#gpi .list section:nth-child(1):after {
  content: url("/img/sub/gpi_line01.gif");
}

#gpi .list section:nth-child(2) .tit {
  border: 10px solid #a8c0ec;
  background: #5b8be3;
}

#gpi .list section:nth-child(2) article {
  border-bottom: 2px solid #5b8be3;
}

#gpi .list section:nth-child(2):after {
  content: url("/img/sub/gpi_line02.gif");
}

#gpi .list section:nth-child(3) .tit {
  border: 10px solid #8da1cc;
  background: #254da4;
}

#gpi .list section:nth-child(3) .tit:after {
  display: none;
}

#gpi .list section:nth-child(3) article {
  border-bottom: 2px solid #254da4;
}

#gpi .list section article {
  background: #fff;
  height: px;
  border: 1px solid #ddd;
  margin-bottom: 30px;
  padding: 28px;
}

#gpi .list section article:nth-child(2) {
  height: 280px;
}

#gpi .list section article:nth-child(3) {
  height: 250px;
}

#gpi .list section article:nth-child(4) {
  height: 300px;
}

#gpi .list section article:last-child {
  margin: 0;
}

#gpi .list section article dt {
  text-align: center;
  font-size: 1.125rem;
  color: #333;
  border-bottom: 1px solid #ddd;
  padding-bottom: 16px;
  margin-bottom: 22px;
  margin-top: 6px;
}

#gpi .list section article dd p {
  position: relative;
  padding-left: 14px;
  margin-bottom: 2px;
}

#gpi .list section article dd p:last-child {
  margin: 0;
}

#gpi .list section article dd p:before {
  content: "";
  width: 5px;
  height: 5px;
  background: #aaa;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
}

/* 시장개발 */
#marketAcc .info {
  margin: 70px 0;
  background: #f5f5f5;
  padding: 70px 4.66666666667%;
}

#marketAcc .info .country ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
}

#marketAcc .info .country ul li {
  width: 80px;
  height: 80px;
  border: 1px solid #839cd1;
  border-radius: 50%;
  color: #284b93;
  font-weight: 700;
  position: relative;
  margin-right: 40px;
}

#marketAcc .info .country ul li:first-child {
  position: absolute;
  left: 0;
  top: 0;
}

#marketAcc .info .country ul li:last-child {
  margin: 0;
}

#marketAcc .info .country ul li p {
  border-radius: 50%;
  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;
  background: #f5f5f5;
  width: 100%;
  height: 100%;
  z-index: 10;
  position: relative;
}

#marketAcc .info .country ul li:after {
  content: "";
  position: absolute;
  right: -30%;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #254da4;
  display: block;
  opacity: 0.1;
  top: 0;
}

#marketAcc .info .list {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#marketAcc .info .list .sme {
  margin-top: -100px;
}

#marketAcc .info .list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#marketAcc .info .list li {
  margin-right: 2.5%;
  width: 260px;
}

#marketAcc .info .list li:last-child {
  margin: 0;
}

#marketAcc .info .list li:nth-child(1) .tit {
  background: #96b4ea;
  border: 10px solid #cad9f4;
}

#marketAcc .info .list li:nth-child(1) dl {
  border-bottom: 2px solid #96b4ea;
}

#marketAcc .info .list li:nth-child(2) .tit {
  background: #5b8be3;
  border: 10px solid #a8c0ec;
}

#marketAcc .info .list li:nth-child(2) dl {
  border-bottom: 2px solid #5b8be3;
}

#marketAcc .info .list li:nth-child(3) .tit {
  background: #254da4;
  border: 10px solid #92a6d1;
}

#marketAcc .info .list li:nth-child(3) dl {
  border-bottom: 2px solid #254da4;
}

#marketAcc .info .list li dl {
  background: #fff;
  border: 1px solid #ddd;
  padding: 70px 26px 20px;
  margin-top: -50px;
  height: 420px;
}

#marketAcc .info .list li dl dt {
  font-size: 1.375rem;
  color: #333;
  font-weight: 500;
  text-align: center;
  border-bottom: 1px solid #ddd;
  padding-bottom: 14px;
  margin-bottom: 24px;
}

#marketAcc .info .list li dl dd p {
  position: relative;
  padding-left: 14px;
  margin-bottom: 2px;
}

#marketAcc .info .list li dl dd p:last-child {
  margin: 0;
}

#marketAcc .info .list li dl dd p:before {
  content: "";
  width: 5px;
  height: 5px;
  background: #aaa;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
}

#marketAcc .info .list .tit {
  color: #fff;
  text-transform: uppercase;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}

#marketAcc .info .list .tit p {
  margin-top: 14px;
}

#marketAcc .info .list .tit b {
  font-size: 1.125rem;
}

#marketAcc .info .list .svList {
  position: relative;
  border-bottom: 1px solid #ddd;
}

#marketAcc .info .list .svList:before {
  content: "";
  width: 1px;
  height: 50px;
  background: #ddd;
  display: block;
  margin: 0 auto;
}

#marketAcc .info .list .svList > div {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 44px;
  border: 1px solid #ddd;
  border-bottom: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 30px;
  font-size: 15px;
}

#marketAcc .info .list .svList > div.on {
  background: #f2f7ff;
}

#marketAcc .info .list .svList > div span {
  color: #284b93;
}

#marketAcc .info .list .svList > div span:after {
  content: "";
  width: 5px;
  height: 5px;
  background: #aaa;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
}

/* 가치평가 */
#eval .process {
  margin: 70px 0;
}

#eval .process .list {
  margin-top: 50px;
  background: #f5f5f5;
  padding: 68px 7.08333333333%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#eval .process .list .tit {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  color: #fff;
  margin: 0 auto;
  font-size: 1.25rem;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -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;
  position: relative;
}

#eval .process .list .tit:after {
  content: url(/img/sub/gpi_dots.png);
  position: absolute;
  right: -46%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#eval .process .list .tit img {
  margin-bottom: 14px;
}

#eval .process .list section {
  width: 200px;
}

#eval .process .list section:nth-child(1) .tit {
  border: 10px solid #c5d4ef;
  background: #96b4ea;
}

#eval .process .list section:nth-child(1) .dotTxt {
  border-bottom: 2px solid #96b4ea;
}

#eval .process .list section:nth-child(2) .tit {
  border: 10px solid #aec5f0;
  background: #6796ec;
}

#eval .process .list section:nth-child(2) .dotTxt {
  border-bottom: 2px solid #6796ec;
}

#eval .process .list section:nth-child(3) .tit {
  border: 10px solid #9bb2e4;
  background: #416fd3;
}

#eval .process .list section:nth-child(3) .dotTxt {
  border-bottom: 2px solid #416fd3;
}

#eval .process .list section:nth-child(4) .tit {
  border: 10px solid #8da1cc;
  background: #254da4;
}

#eval .process .list section:nth-child(4) .tit:after {
  display: none;
}

#eval .process .list section:nth-child(4) .dotTxt {
  border-bottom: 2px solid #254da4;
  height: 60px;
  padding: 0;
  background: #f2f7ff;
  color: #284b93;
  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;
}

#eval .process .list section:nth-child(4) .dotTxt p {
  padding: 0;
}

#eval .process .list section:nth-child(4) .dotTxt p:before {
  display: none;
}

#eval .process .list section ul {
  margin-top: 40px;
}

#eval .process .list section ul li {
  margin-bottom: 10px;
  border: 1px solid #ddd;
  background: #fff;
  text-align: center;
  color: #333;
  font-size: 1.0625rem;
  height: 60px;
  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;
}

#eval .process .list section ul li:last-child {
  margin: 0;
}

#eval .process .list section .dotTxt {
  background: #fff;
  border: 1px solid #ddd;
  padding: 20px 28px;
  height: 190px;
  margin-top: 70px;
  position: relative;
}

#eval .process .list section .dotTxt:before {
  content: url("/img/sub/eval_arr.png");
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -50px;
}

#eval .process .list section .dotTxt p {
  position: relative;
  padding-left: 14px;
  margin-bottom: 5px;
}

#eval .process .list section .dotTxt p:last-child {
  margin: 0;
}

#eval .process .list section .dotTxt p:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #aaa;
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
}

/* ppi */
#ppi .info {
  position: relative;
  margin-top: 70px;
}

#ppi .info img {
  margin-bottom: 20px;
}

#ppi .info .tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 270px;
  height: 270px;
  border-radius: 50%;
  background: #254da4;
  border: 10px solid #92a6d1;
  color: #fff;
  font-size: 1.25rem;
  text-align: center;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

#ppi .info .tit span {
  display: block;
  font-size: 1.125rem;
}

#ppi .info .tit:after {
  content: url("/img/sub/ppi_arr_right.png");
  right: -140px;
}

#ppi .info .tit:before {
  content: url("/img/sub/ppi_arr_left.png");
  left: -140px;
}

#ppi .info .tit:after, #ppi .info .tit:before {
  display: block;
  position: absolute;
}

#ppi .info .list {
  padding-top: 35px;
  margin-bottom: 68px;
}

#ppi .info .list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#ppi .info .list ul li {
  width: 425px;
}

#ppi .info .list ul li .shape {
  background: #b4cbf5;
  width: 200px;
  height: 200px;
  margin: 0 auto;
  border-radius: 50%;
  font-size: 1.125rem;
  color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#ppi .info .list ul li .txt {
  margin-top: 66px;
  border-top: 1px solid #2d2d2d;
}

#ppi .info .list ul li .txt > div {
  border-bottom: 1px solid #ddd;
  padding: 30px;
}

#ppi .info .list ul li .txt > div p {
  position: relative;
  padding-left: 14px;
  margin-bottom: 5px;
}

#ppi .info .list ul li .txt > div p:last-child {
  margin: 0;
}

#ppi .info .list ul li .txt > div p:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #aaa;
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
}

#ppi .errorList {
  margin-top: 94px;
  background: #f5f5f5;
  padding: 86px 0 36px;
}

#ppi .errorList .list {
  margin-top: 50px;
}

#ppi .errorList ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#ppi .errorList ul li {
  width: 18%;
  border: 1px solid #ddd;
  background: #fff;
  position: relative;
  padding: 20px;
  min-height: 200px;
  margin-right: 2.5%;
  margin-bottom: 50px;
}

#ppi .errorList ul li:nth-child(5n) {
  margin-right: 0;
}

#ppi .errorList ul li .num {
  font-size: 1.5625rem;
  color: #ccc;
  font-weight: 500;
}

#ppi .errorList ul li p {
  line-height: 1.6em;
  margin-top: 10px;
}

#ppi .errorList ul li img {
  position: absolute;
  right: 20px;
  bottom: 20px;
}

/* b2 */
#b2b .info {
  margin: 45px 0 60px;
  padding: 118px 0;
  height: 672px;
  background: #f5f5f5;
  position: relative;
}

#b2b .info section:nth-child(1) .tit {
  background: #96b4ea;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

#b2b .info section:nth-child(1) .tit:after {
  background: rgba(150, 180, 234, 0.3);
}

#b2b .info section:nth-child(1) dl {
  right: 233px;
  top: 80px;
}

#b2b .info section:nth-child(1) dl dt {
  border-bottom: 2px solid #96b4ea;
}

#b2b .info section:nth-child(1) dl:after {
  content: url("/img/sub/b2b_line01.png");
  position: absolute;
  right: 0;
  top: 47px;
}

#b2b .info section:nth-child(2) .tit {
  background: #5b8be3;
  left: 50%;
  -webkit-transform: translateX(-108%);
          transform: translateX(-108%);
  bottom: 118px;
}

#b2b .info section:nth-child(2) .tit:after {
  background: rgba(91, 139, 227, 0.3);
}

#b2b .info section:nth-child(2) dl {
  left: 120px;
  top: 256px;
}

#b2b .info section:nth-child(2) dl dt {
  border-bottom: 2px solid #5b8be3;
}

#b2b .info section:nth-child(2) dl:after {
  content: url("/img/sub/b2b_line02.png");
  position: absolute;
  left: 0;
  top: 47px;
}

#b2b .info section:nth-child(3) .tit {
  background: #254da4;
  right: 50%;
  -webkit-transform: translateX(106%);
          transform: translateX(106%);
  bottom: 118px;
}

#b2b .info section:nth-child(3) .tit:after {
  background: rgba(37, 77, 164, 0.3);
}

#b2b .info section:nth-child(3) dl {
  right: 120px;
  bottom: 56px;
}

#b2b .info section:nth-child(3) dl dt {
  border-bottom: 2px solid #254da4;
}

#b2b .info section:nth-child(3) dl:after {
  content: url("/img/sub/b2b_line03.png");
  position: absolute;
  right: 0;
  bottom: calc(100% - 54px);
}

#b2b .info .tit {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #fff;
  position: relative;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  position: absolute;
  z-index: 10;
  font-size: 1.375rem;
}

#b2b .info .tit img,
#b2b .info .tit p {
  position: relative;
  z-index: 10;
}

#b2b .info .tit p {
  margin-top: 12px;
}

#b2b .info .tit:after {
  content: "";
  width: 280px;
  height: 280px;
  display: block;
  position: absolute;
  left: 50%;
  border-radius: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#b2b .info dl {
  position: absolute;
  display: inline-block;
}

#b2b .info dl dt {
  padding-right: 40px;
  font-size: 1.25rem;
  font-weight: 500;
  color: #333;
  padding-bottom: 14px;
  position: relative;
  margin-bottom: 14px;
}

#b2b .info dl dt p {
  position: relative;
  z-index: 10;
}

#b2b .info dl dt span {
  font-size: 3.125rem;
  color: #ddd;
  position: absolute;
  right: 0;
  bottom: 0;
  font-weight: 700;
}

#b2b .info dl dd p {
  position: relative;
  padding-left: 14px;
  margin-bottom: 5px;
}

#b2b .info dl dd p:last-child {
  margin: 0;
}

#b2b .info dl dd p:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #aaa;
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
}

#b2b .list {
  background: #f5f5f5;
  margin-top: 46px;
  padding: 94px 0;
}

#b2b .list .tit {
  font-size: 1.25rem;
  font-weight: 500;
  color: #333;
  margin-bottom: 28px;
}

#b2b .list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#b2b .list ul li {
  width: 30.83333333333%;
  margin-right: 3.75%;
}

#b2b .list ul li:last-child {
  margin: 0;
}

#b2b .list ul li .txt {
  border: 1px solid #ddd;
  background: #fff;
  padding: 26px;
  height: 197px;
  position: relative;
}

#b2b .list ul li .txt .img {
  position: absolute;
  right: 26px;
  bottom: 26px;
}

#b2b .list ul li .txt p {
  position: relative;
  padding-left: 14px;
  margin-bottom: 5px;
}

#b2b .list ul li .txt p:last-child {
  margin: 0;
}

#b2b .list ul li .txt p:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #aaa;
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
}

/* 기술 창업 */
#founded .list {
  background: #f5f5f5;
  padding: 70px 52px;
  margin-top: 46px;
}

#founded .list > section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 33px;
}

#founded .list > section:last-child {
  margin: 0;
}

#founded .list > section:nth-child(odd) .tit {
  background: #96b4ea;
}

#founded .list > section:nth-child(odd) .tit:after {
  background: #96b4ea;
}

#founded .list > section:nth-child(odd) ul:before {
  background: #5b8be3;
}

#founded .list > section:nth-child(odd) ul li {
  background: rgba(91, 139, 227, 0.3);
}

#founded .list > section:nth-child(even) .tit {
  background: #254da4;
}

#founded .list > section:nth-child(even) .tit:after {
  background: #254da4;
}

#founded .list > section:nth-child(even) ul:before {
  background: #254da4;
}

#founded .list > section:nth-child(even) ul li {
  border: 1px solid #94a7cf;
}

#founded .list > section .tit {
  border-radius: 50%;
  padding: 10px;
  width: 180px;
  height: 180px;
  position: relative;
}

#founded .list > section .tit:after {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  left: 50%;
  margin-left: -10px;
  margin-top: -2px;
}

#founded .list > section .tit p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
  color: #333;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 500;
  height: 100%;
  border-radius: 50%;
}

#founded .list > section ul {
  margin: 0 70px 0 50px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#founded .list > section ul:before, #founded .list > section ul:after {
  content: "";
  position: absolute;
  top: 50%;
  height: 1px;
  display: block;
}

#founded .list > section ul:before {
  width: 50px;
  left: -50px;
}

#founded .list > section ul:after {
  width: 30px;
  background: #ccc;
  right: -50px;
}

#founded .list > section ul li {
  text-align: center;
  width: 120px;
  height: 120px;
  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;
  color: #333;
  letter-spacing: -1.2px;
  font-size: 15px;
  margin-left: -10px;
  border-radius: 50%;
}

#founded .list > section ul li:first-child {
  margin-left: 0;
}

#founded .list > section .txt {
  background: #fff;
  border: 1px solid #ddd;
  padding: 30px 10px 30px 30px;
  width: 200px;
}

#founded .list > section .txt p {
  position: relative;
  padding-left: 14px;
  margin-bottom: 5px;
}

#founded .list > section .txt p:last-child {
  margin: 0;
}

#founded .list > section .txt p:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #aaa;
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
}

#bmp .list {
  background: #f5f5f5;
  padding: 76px;
  margin-top: 48px;
}

#bmp .list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#bmp .list ul li {
  max-width: 170px;
}

#bmp .list ul li:last-child .circle {
  background: #284b93;
}

#bmp .list ul li:last-child .circle p {
  color: #fff;
}

#bmp .list ul li:last-child .circle:after {
  display: none;
}

#bmp .list ul li:nth-child(1) .circle:before {
  left: 53px;
  top: -1px;
}

#bmp .list ul li:nth-child(2) .circle:before {
  right: 10px;
  top: 32px;
}

#bmp .list ul li:nth-child(3) .circle:before {
  right: 9px;
  bottom: 32px;
}

#bmp .list ul li:nth-child(4) .circle:before {
  left: 54px;
  bottom: -2px;
}

#bmp .list ul li .circle {
  border: 2px solid #ddd;
  border-radius: 50%;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 170px;
  height: 170px;
  position: relative;
}

#bmp .list ul li .circle:before {
  content: "";
  width: 10px;
  height: 10px;
  border: 2px solid #284b93;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  display: block;
  position: absolute;
}

#bmp .list ul li .circle:after {
  content: "";
  width: 27px;
  height: 5px;
  background: url("/img/sub/gpi_dots.png") no-repeat;
  background-size: contain;
  position: absolute;
  right: -40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0.5;
}

#bmp .list ul li .circle p {
  color: #284b93;
  font-weight: 500;
  margin-top: 10px;
}

#bmp .list ul li .circle p span {
  font-weight: 700;
  font-size: 1.125rem;
}

#bmp .list ul li dl {
  margin-top: 28px;
}

#bmp .list ul li dl dt {
  text-align: center;
  font-size: 1.125rem;
  color: #333;
  font-weight: 500;
}

#bmp .list ul li dl dd {
  margin-top: 22px;
  height: 177px;
  padding: 30px 0 0 20px;
  border: 1px solid #ddd;
  background: #fff;
  font-size: 15px;
}

#bmp .list ul li dl dd p {
  position: relative;
  padding-left: 14px;
  margin-bottom: 5px;
}

#bmp .list ul li dl dd p:last-child {
  margin: 0;
}

#bmp .list ul li dl dd p:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #aaa;
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
}

#bmp .list .subTit {
  margin-top: 30px;
  text-align: center;
  font-size: 1.125rem;
  color: #284b93;
  font-weight: 500;
}

#bmp .list .subTit p {
  margin-top: 48px;
}

/* cnd */
#cnd .list {
  background: #f5f5f5;
  padding: 170px 20px;
  margin-top: 50px;
  position: relative;
}

#cnd .list .tit {
  margin: 0 auto;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  border: 1px solid #ddd;
  font-size: 1.5625rem;
  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;
  text-align: center;
  background: #fff;
  font-weight: 700;
  color: #333;
}

#cnd .list ul li {
  position: absolute;
}

#cnd .list ul li:after {
  position: absolute;
}

#cnd .list ul li:nth-child(2), #cnd .list ul li:nth-child(1) {
  top: 75px;
}

#cnd .list ul li:nth-child(3), #cnd .list ul li:nth-child(4) {
  bottom: 75px;
}

#cnd .list ul li:nth-child(3):after, #cnd .list ul li:nth-child(4):after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transform-origin: top;
          transform-origin: top;
  top: 54px;
}

#cnd .list ul li:nth-child(1) .icon, #cnd .list ul li:nth-child(4) .icon {
  background: #254da4;
}

#cnd .list ul li:nth-child(1):after, #cnd .list ul li:nth-child(4):after {
  content: url("/img/sub/cnd_list_line01.png");
}

#cnd .list ul li:nth-child(2):after, #cnd .list ul li:nth-child(3):after {
  content: url("/img/sub/cnd_list_line02.png");
}

#cnd .list ul li:nth-child(2) .icon, #cnd .list ul li:nth-child(3) .icon {
  background: #5b8be3;
}

#cnd .list ul li:nth-child(2):after, #cnd .list ul li:nth-child(1):after {
  top: 54px;
}

#cnd .list ul li:nth-child(3):after, #cnd .list ul li:nth-child(1):after {
  left: 45px;
}

#cnd .list ul li:nth-child(4):after, #cnd .list ul li:nth-child(2):after {
  right: 45px;
}

#cnd .list ul li:nth-child(odd) {
  left: 50%;
  margin-left: -316px;
}

#cnd .list ul li:nth-child(even) {
  left: 50%;
  margin-left: 206px;
}

#cnd .list ul li .icon {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  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;
  position: relative;
  z-index: 10;
}

#cnd .list ul li p {
  text-align: center;
  font-weight: 500;
  color: #333;
  font-size: 1.125rem;
  margin-top: 16px;
}

#cnd .list ul li .txt {
  background: #fff;
  border: 1px solid #ddd;
  padding: 20px;
  position: absolute;
  right: -210px;
  top: 0;
  width: 170px;
  height: 110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#cnd .list ul li .txt::before {
  content: "";
  width: 40px;
  height: 1px;
  background: #ddd;
  display: block;
  position: absolute;
  left: -40px;
  top: 50%;
}

#cnd .list ul li .txt p {
  font-size: 1rem;
  color: #666;
  margin-top: 0;
  position: relative;
  padding-left: 14px;
  margin-bottom: 5px;
  font-weight: 400;
  text-align: left;
}

#cnd .list ul li .txt p:last-child {
  margin: 0;
}

#cnd .list ul li .txt p:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #aaa;
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
}

#cnd .mentoring {
  margin-top: 86px;
  margin-bottom: 70px;
}

#cnd .mentoring .tit {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 270px;
  height: 270px;
  border-radius: 50%;
  background: #284b93;
  border: 10px solid #92a6d1;
  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;
  text-align: center;
}

#cnd .mentoring .tit:before, #cnd .mentoring .tit:after {
  display: block;
  position: absolute;
}

#cnd .mentoring .tit:after {
  content: url(/img/sub/ppi_arr_right.png);
  right: -140px;
}

#cnd .mentoring .tit:before {
  content: url(/img/sub/ppi_arr_left.png);
  left: -140px;
}

#cnd .mentoring .tit dl {
  color: #fff;
}

#cnd .mentoring .tit dl dt {
  font-weight: 500;
  font-size: 1.25rem;
}

#cnd .mentoring .tit dl dd {
  margin-top: 16px;
  opacity: 0.5;
}

#cnd .mentoring .tit dl dd span {
  display: block;
}

#cnd .mentoring .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#cnd .mentoring .info > section {
  width: 300px;
}

#cnd .mentoring .info > section:nth-child(2) ul li:nth-child(2), #cnd .mentoring .info > section:nth-child(2) ul li:nth-child(3) {
  border: none;
  background: #d1e0fc;
}

#cnd .mentoring .info > section:nth-child(1) ul li:nth-child(1), #cnd .mentoring .info > section:nth-child(1) ul li:nth-child(4) {
  border: none;
  background: #d1e0fc;
}

#cnd .mentoring .info > section ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#cnd .mentoring .info > section ul li {
  margin-bottom: 20px;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  border: 1px solid #6693e5;
  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;
  text-align: center;
}

#cnd .mentoring .info > section .txt {
  margin-top: 20px;
  border-top: 1px solid #2d2d2d;
}

#cnd .mentoring .info > section .txt > div {
  border-bottom: 1px solid #ddd;
  padding: 20px;
}

#cnd .mentoring .info > section .txt > div p {
  position: relative;
  padding-left: 14px;
  margin-bottom: 5px;
}

#cnd .mentoring .info > section .txt > div p:last-child {
  margin: 0;
}

#cnd .mentoring .info > section .txt > div p:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #aaa;
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
}

#cnd .step {
  margin-top: 46px;
  background: #f5f5f5;
  padding: 72px;
}

#cnd .step .tit {
  color: #fff;
  height: 60px;
  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;
  width: calc(100% - 30px);
  position: relative;
}

#cnd .step .tit:after {
  content: "";
  width: 42px;
  height: 42px;
  background: #333;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  display: block;
  position: absolute;
  right: -20px;
  -webkit-transform-origin: center;
          transform-origin: center;
  z-index: 10;
}

#cnd .step .tit:before {
  content: "";
  width: 42px;
  height: 42px;
  background: #f5f5f5;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  display: block;
  position: absolute;
  left: -20px;
  -webkit-transform-origin: center;
          transform-origin: center;
}

#cnd .step ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#cnd .step ul li {
  width: 100%;
  margin-right: 18px;
}

#cnd .step ul li:last-child {
  margin: 0;
}

#cnd .step ul li:nth-child(1) .tit {
  background: #a4c2f9;
}

#cnd .step ul li:nth-child(1) .tit:after {
  background: #a4c2f9;
}

#cnd .step ul li:nth-child(1) .txt {
  border-top: 2px solid #a4c2f9;
}

#cnd .step ul li:nth-child(1) .txt:before {
  border-top: 2px solid #a4c2f9;
}

#cnd .step ul li:nth-child(2) .tit {
  background: #6796ec;
}

#cnd .step ul li:nth-child(2) .tit:after {
  background: #6796ec;
}

#cnd .step ul li:nth-child(2) .txt {
  border-top: 2px solid #6796ec;
}

#cnd .step ul li:nth-child(2) .txt:before {
  border-top: 2px solid #6796ec;
}

#cnd .step ul li:nth-child(3) .tit {
  background: #416fd3;
}

#cnd .step ul li:nth-child(3) .tit:after {
  background: #416fd3;
}

#cnd .step ul li:nth-child(3) .txt {
  border-top: 2px solid #416fd3;
}

#cnd .step ul li:nth-child(3) .txt:before {
  border-top: 2px solid #416fd3;
}

#cnd .step ul li:nth-child(4) .tit {
  background: #254da4;
}

#cnd .step ul li:nth-child(4) .tit:after {
  background: #254da4;
}

#cnd .step ul li:nth-child(4) .txt {
  border-top: 2px solid #254da4;
}

#cnd .step ul li:nth-child(4) .txt:before {
  border-top: 2px solid #254da4;
}

#cnd .step ul .txt {
  border: 1px solid #ddd;
  padding: 30px 30px;
  margin-top: 16px;
  min-height: 270px;
  position: relative;
}

#cnd .step ul .txt:after {
  content: "";
  width: 22px;
  height: 22px;
  background: #f5f5f5;
  display: block;
  position: absolute;
  right: -1px;
  top: -2px;
}

#cnd .step ul .txt:before {
  content: "";
  width: 26px;
  height: 26px;
  display: block;
  position: absolute;
  right: -19px;
  top: -19px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  z-index: 10;
}

#cnd .step ul .txt p {
  position: relative;
  padding-left: 14px;
  margin-bottom: 5px;
}

#cnd .step ul .txt p:last-child {
  margin: 0;
}

#cnd .step ul .txt p:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #aaa;
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
}

/* 조직도 */
#org .org_list .item{margin-bottom:30px;}
#org .org_list .item dt{position:relative; font-weight:bold; font-size:22px; letter-spacing:-0.01em; color: #2d2d2d; padding-left: 22px; margin-bottom:10px;}
#org .org_list .item dt::before{content:""; position:absolute; top: 13px; left: 0; width: 10px; height: 10px; border:3px solid #1b3a7c; transform:rotate(45deg); box-sizing:border-box;}
#org .org_list .item dd{display:flex; align-items:flex-start; flex-wrap:wrap; padding-left: 22px;}
#org .org_list .item dd .box{width: calc((100% - 95px) / 6); margin-right: 19px; text-align: center; cursor: pointer; border:1px solid #cfd6e8; margin-bottom:10px; box-sizing:border-box;}
#org .org_list .item dd .box:nth-of-type(6n){margin-right: 0;}
#org .org_list .item dd .box:last-of-type{margin-bottom:0;}
#org .org_list .item dd .box h3{font-weight:500; font-size:16px; color: #fff; background: #6891db; line-height: 40px;}
#org .org_list .item dd .box p{font-weight:500; font-size:16px; color: #2d2d2d; letter-spacing:-0.025em; line-height: 1.5em; border-bottom: 1px solid #cfd6e8; box-sizing:border-box; padding: 7px 0;}
#org .org_list .item dd .box p:last-of-type{border-bottom: none;}
#org .org_list .item dd .box.w100{width: 100%; margin-right: 0;}
#org .org_list .item dd .box.w100 .flex{display:flex;border-top: 1px solid #cfd6e8;}
#org .org_list .item dd .box.w100 .flex p{border-bottom: none; width: calc(100% / 6); border-right: 1px solid #cfd6e8;	}
#org .org_list .item dd .box.w100 .flex p:last-of-type{border-right: none;	}
#org .popup{display:none; position:fixed; top: 0; left: 0; width: 100%;height: 100%; background-color: rgba(0,0,0,0.3); z-index: 9999;}
#org .popup .pop_box{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); background: #fff; min-width: 410px;}
#org .popup .pop_box .close{position:absolute; top: 0; right: -45px; cursor: pointer;}
#org .popup .pop_box .close img{}
#org .popup .pop_box .pv{text-align: center; padding: 30px 0 20px;}
#org .popup .pop_box .pv figure{}
#org .popup .pop_box .pv p{font-weight:500; font-size:17px; letter-spacing:-0.025em; color: #2d2d2d; margin-top: 18px;}
#org .popup .pop_box .list{border-top: 1px solid #e0e0e0; overflow-y: scroll; max-height: 500px;}
#org .popup .pop_box .list .item{padding: 15px 30px; border-bottom: 1px solid #e0e0e0;}
#org .popup .pop_box .list .item.bg{background: #fafafa;}
#org .popup .pop_box .list .item ul{}
#org .popup .pop_box .list .item ul li{font-size:15px; letter-spacing:-0.025em; color: #666; position:relative; padding-left: 12px; margin-bottom:10px;}
#org .popup .pop_box .list .item ul li:last-of-type{margin-bottom:0;}
#org .popup .pop_box .list .item ul li::before{content:""; position:absolute; top: 9px; left: 0; width: 5px; height: 5px; background: #aaaaaa; border-radius:50%;}


@media (max-width: 1000px){
	#org .org_list .item dd .box{width: calc((100% - 57px) / 4); margin-right: 19px; }
	#org .org_list .item dd .box:nth-of-type(6n){margin-right: 19px;}
	#org .org_list .item dd .box:nth-of-type(4n){margin-right: 0;}
}


@media (max-width: 800px){
	#org .org_list .item dd .box{width: calc((100% - 20px) / 2); margin-right: 20px;}
	#org .org_list .item dd .box.w100{width: calc((100% - 20px) / 2); margin-right: 20px;}
	#org .org_list .item dd .box:nth-of-type(4n),
	#org .org_list .item dd .box:nth-of-type(6n){margin-right: 20px;}
	#org .org_list .item dd .box:nth-of-type(2n){margin-right: 0;}
	#org .org_list .item dd .box.w100 .flex{display:block	}
	#org .org_list .item dd .box.w100 .flex p{width: 100%; border-right: none; border-bottom:1px solid #cfd6e8}
	#org .org_list .item dd .box.w100 .flex p:last-of-type{border-bottom: none;}

	#org .popup .pop_box{width: calc(100% - 120px); }
	#org .popup .pop_box .close{right: 0; top: -45px;}
	#org .popup .pop_box .list{max-height: 350px;}
}

/* 성장코칭 */
#gap{}
#gap .cont{}
#gap .cont h4{text-align: center; font-weight:bold; font-size:25px; color: #333; letter-spacing:-0.025em; margin: 60px 0 50px;}
#gap .cont .list{display:flex}
#gap .cont .list .item{width: calc((100% - 60px) / 3); margin-right: 30px; text-align: center; border:1px solid #ddd; padding: 30px 0;}
#gap .cont .list .item:last-of-type{margin-right: 0;}
#gap .cont .list .item .num{}
#gap .cont .list .item .num p{font-weight:300; font-size:14px; letter-spacing:-0.025em; color: #666;}
#gap .cont .list .item h5{font-weight:500; font-size:20px; letter-spacing:-0.025em; color: #333;}
#gap .cont .list .item figure{margin: 26px 0 30px;}
#gap .cont .list .item ul li{margin-bottom:5px;}
#gap .cont .list .item ul li:last-of-type{margin-bottom:0;}
/* #gap .cont .list .item .num{}
#gap .cont .list .item .num p{font-weight:300; font-size:14px; letter-spacing:-0.025em; color: #666666; margin-bottom:10px;}
#gap .cont .list .item .num span{display:inline-block; vertical-align: top; width: 52px; height: 52px; border-radius:50%; line-height: 50px; font-weight:bold; font-size:25px; letter-spacing:-0.025em; color: #fff; background: rgb(28,59,125); background: linear-gradient(0deg, rgba(28,59,125,1) 0%, rgba(84,115,182,1) 100%);}
#gap .cont .list .item .txt{position:relative; margin-top: 20px; background: rgb(28,59,125); background: linear-gradient(0deg, rgba(28,59,125,1) 0%, rgba(84,115,182,1) 100%); padding: 50px 0 40px;}
#gap .cont .list .item .txt::after{content:""; position:absolute; top: 0; left: 50%; transform:translateX(-50%); background:url(/img/sub/icon_gap.png) 50% 50% no-repeat; width: 70px; height: 20px;	}
#gap .cont .list .item .txt h5{font-weight:500; font-size:25px; color: #fff; margin-bottom:14px;}
#gap .cont .list .item .txt ul{}
#gap .cont .list .item .txt ul li{font-weight:300; font-size:16px; color: #fff; margin-bottom:4px;}
#gap .cont .list .item .txt ul li:last-of-type{margin-bottom:0;}
#gap .cont .list .item figure{}
#gap .cont .list .item figure img{} */

@media (max-width: 1000px){
	#gap .cont h4{font-size:20px; margin: 30px 0;}
	#gap .cont .list{flex-wrap:wrap;}
	#gap .cont .list .item{width: 100%; margin-bottom:20px; margin-right: 0;}
	#gap .cont .list .item:last-of-type{margin-bottom:0;}
	#gap .cont .list .item ul li{font-size:17px;}
}

#pom{}
#pom *{word-break:keep-all}
#pom .icon_list{padding-bottom:50px; margin-bottom:50px; border-bottom: 1px solid #dddddd;}
#pom .icon_list .item{display:flex; align-items:center; margin-bottom:6px;}
#pom .icon_list .item:last-of-type{margin-bottom:0;}
#pom .icon_list .item figure{width: 104px; }
#pom .icon_list .item figure img{}
#pom .icon_list .item span{display:inline-block; width: calc(100% - 104px); font-size:17px; letter-spacing:-0.025em; color: #666; padding-left: 30px;}
#pom .mod_list{display:flex;}
#pom .mod_list .item{width: calc((100% - 110px) / 3);margin-right: 55px;}
#pom .mod_list .item:last-of-type{margin-right: 0;}
#pom .mod_list .item .border_box{position:relative;  border:1px solid #ddd; border-bottom: 2px solid #96b4ea; padding: 38px 32px; height: 320px;}
#pom .mod_list .item .border_box::after{content:""; position:absolute; top: 50%; right: -51px; transform:translateY(-50%); background:url(/img/sub/pom_arrow.jpg) 50% 50% no-repeat; width: 50px; height: 10px;}
#pom .mod_list .item:last-of-type .border_box::after{display:none; }
#pom .mod_list .item .border_box h3{font-weight:500; font-size:18px; letter-spacing:-0.025em; color: #2d2d2d; padding-bottom:18px; border-bottom: 1px solid #ddd; text-align: center; margin-bottom:28px;}
#pom .mod_list .item p{display:flex; align-items:center; justify-content:center; background: #f7f9fd; text-align: center; font-weight:300; font-size:16px; letter-spacing:-0.025em; color: #323232; line-height: 1.6; padding: 16px 0; margin-top: 6px; max-height: 83px; min-height: 83px;	}
.dots{}
.dots li{position:relative; font-weight:300; font-size:16px; letter-spacing:-0.025em; color: #666; padding-left: 12px; margin-bottom:4px;}
.dots li:last-of-type{margin-bottom:0;}
.dots li::before{content:""; position:absolute; top: 9px; left: 0; width: 5px; height: 5px; border-radius:50%; background: #aaaaaa;}

@media (max-width: 1240px){
	#pom .mod_list .item .border_box{padding: 30px 16px;}
	#pom .mod_list .item .border_box h3{font-size:16px;}
}


@media (max-width: 1000px){
	#pom .mod_list{flex-wrap:wrap;}
	#pom .mod_list .item{width: 100%; margin-right: 0; margin-bottom:30px;}
	#pom .mod_list .item .border_box{height: auto;}
	#pom .mod_list .item .border_box::after{display:none; }
}

@media (max-width: 800px){
	#pom .icon_list .item{flex-wrap:wrap; margin-bottom:20px;}
	#pom .icon_list .item:last-of-type{margin-bottom:0;}
	#pom .icon_list .item span{width: 100%; margin-top: 10px; padding-left: 0;}
}

#fus{}
#fus *{word-break:keep-all}
#fus .tit_s8{}
#fus .tit_s8 p{margin-bottom:22px;}
#fus .tit_s8 p:last-of-type{margin-bottom: 0;}
#fus .tit_s8 p span{font-weight:500; color: #2d2d2d;}
#fus .icon_list{display:flex; background: #f5f5f5; padding: 80px 72px; margin: 40px 0;}
#fus .icon_list .item{width: calc((100% - 270px) / 4);text-align: center; margin-right: 90px;}
#fus .icon_list .item:last-of-type{margin-right: 0;}
#fus .icon_list .item figure{position:relative; margin-bottom:30px;}
#fus .icon_list .item figure::after{content:"" ;position:absolute; top: 50%; right: -66px; background:url(/img/sub/icon_fus05.png) 50% 50% no-repeat; width: 42px; height: 7px; transform:translateY(-50%);}
#fus .icon_list .item:last-of-type figure::after{display:none; }
#fus .icon_list .item .dots{text-align: left; background: #fff; border:1px solid #dddddd; padding: 30px 25px;}
#fus .box_list{background: #f5f5f5; padding: 60px 98px; margin-top: 40px; text-align: center;}
#fus .box_list h2{font-weight:500; font-size:22px; letter-spacing:-0.025em; color: #2d2d2d; text-align: center; margin-bottom:30px;}
#fus .box_list .flex_box{display:flex; flex-wrap:wrap; text-align: left;}
#fus .box_list .item{position:relative; width: calc((100% - 198px) / 4); margin-right: 66px; margin-bottom:66px;background: #fff; border:1px solid #dddddd; padding: 0 24px 18px; border-bottom: 2px solid #96b4ea;}
#fus .box_list .item.bbg{border-bottom: 2px solid #5cc570;}
#fus .box_list .item.right::after{content:""; position:absolute; top: 50%; right: -49px; background:url(/img/sub/icon_fus06.png) 50% 50% no-repeat;	width: 30px; height: 11px; transform:translateY(-50%);}
#fus .box_list .item.top::before{content:""; position:absolute; top: -49px; left: 50%; background:url(/img/sub/icon_fus08.png) 50% 50% no-repeat;	width: 11px; height: 30px; transform:translateX(-50%);}
#fus .box_list .item.top.down::before{background:url(/img/sub/icon_fus07.png) 50% 50% no-repeat;}
#fus .box_list .item.top_right::after{content:""; position:absolute; top: -49px; right: -49px; background:url(/img/sub/icon_fus09.png) 50% 50% no-repeat;	width: 23px; height: 25px; }
#fus .box_list .item:nth-of-type(4n){margin-right: 0;}
#fus .box_list .item h3{font-weight:300; font-size:16px; letter-spacing:-0.025em; color: #666; padding: 19px 0 10px; border-bottom: 1px solid #ddd; text-align: center; margin-bottom:8px;}
#fus .box_list .dots.blue{position:relative; display:inline-block; text-align: left; padding-top: 50px;}
#fus .box_list .dots.blue::before{content:""; position:absolute; top: -18px; left: 50%; transform:translateX(-50%); background:url(/img/sub/icon_fus10.png) 50% 50% /cover no-repeat; width: 29px; height: 40px;}
#fus .box_list .dots.blue li{font-weight:500; font-size:18px; color: #254da4; letter-spacing:-0.025em; margin-bottom:10px;}
#fus .box_list .dots.blue li:last-of-type{margin-bottom:0;}
#fus .box_list .dots.blue li::before{background: #254da4; top: 12px;}

@media (max-width: 1200px){
	#fus .box_list,
	#fus .icon_list{padding: 40px 20px;}
	#fus .icon_list .item{width: calc((100% - 120px) / 4); margin-right: 40px;}
	#fus .icon_list .item:last-of-type{margin-right: 0;}
	#fus .icon_list .item figure::after{right: -42px;}
}

@media (max-width: 1000px){
	#fus .box_list .item::before,
	#fus .box_list .item::after,
	#fus .icon_list .item figure::after{display:none; }
	#fus .icon_list .item .dots{padding: 20px 14px;}
	#fus .box_list .item{width: calc((100% - 40px) / 3); margin-right: 20px;}
	#fus .box_list .item:nth-of-type(4n){margin-right: 20px;}
	#fus .box_list .item:nth-of-type(3n){margin-right: 0;}
	#fus .box_list .item:nth-of-type(2){margin-right: 0;}
	#fus .box_list .item:nth-of-type(3){margin-right: 20px;}
	#fus .box_list .item:nth-of-type(5){order:-1}
}

@media (max-width: 860px){
	#fus .icon_list{flex-wrap:wrap;}
	#fus .icon_list .item{width: calc((100% - 40px) / 2); margin-right: 40px; margin-bottom:40px;}
	#fus .icon_list .item:nth-of-type(2n){margin-right: 0;}
	#fus .box_list .item{width: calc((100% - 20px) / 2); margin-right: 20px;}
	#fus .box_list .item:nth-of-type(2n),
	#fus .box_list .item:nth-of-type(4n){margin-right: 20px;}
	#fus .box_list .item:nth-of-type(2n){margin-right: 0;}
	#fus .box_list .item:nth-of-type(1){margin-right: 0;}
	#fus .box_list .item:nth-of-type(2){margin-right: 20px;}
	#fus .box_list .item:nth-of-type(3){margin-right: 0;}
	#fus .box_list .item:nth-of-type(4){margin-right: 20px;}
	#fus .box_list .item:nth-of-type(6){margin-right: 0;}
	#fus .box_list .item:nth-of-type(5){order:-1}
}

#scouting{}
#scouting *{word-break:keep-all}
#scouting .flex_box{display:flex; align-items:center; margin-bottom:92px;}
#scouting .flex_box.bgg{background: #f5f5f5; padding: 100px 40px;}
#scouting .flex_box:last-of-type{margin-bottom:0;}
#scouting .flex_box figure{width: 50%;}
#scouting .flex_box .txt{display:flex; width: 100%;}
#scouting .flex_box .txt h3{width: 300px;font-weight:bold; font-size:30px; color: #333; margin-bottom:15px;}
#scouting .flex_box .txt p{width: calc(100% - 300px);font-size:19px; letter-spacing:-0.05em; color: #666; line-height: 1.4; margin-top: 8px;}
#scouting .flex_box .item{width: calc((100% - 148px) / 5);text-align: center; margin-right: 37px; }
#scouting .flex_box .item:nth-of-type(5n){margin-right: 0}
#scouting .flex_box .item figure{width: 100%;}
#scouting .flex_box .item h4{font-size:20px; color: #222222; letter-spacing:-0.025em; margin: 23px 0;}
#scouting .flex_box .item ul{min-height: 286px; background: #fff; border:1px solid #dddddd; text-align: left; padding: 30px 20px;}
#scouting .flex_box .item ul li{}
/* #scouting .flex_box .item h4{font-weight:500; font-size:20px; color: #fff; background: #1b3a7c; padding: 38px 0; margin-bottom:10px;}
#scouting .flex_box .item .dots.cb{ text-align: left; background: #f1f1f1; padding: 20px; min-height: 238px;}
#scouting .flex_box .item .dots.cb li{color: #333333; font-size:15px; }
#scouting .flex_box .item .dots.cb li::before{background: #333333; width: 3px; height: 3px;}
 */
@media (max-width: 1200px){
	#scouting .flex_box{flex-wrap:wrap;}
	#scouting .flex_box figure{width: 100%;}
	#scouting .flex_box .txt{width: 100%; padding-left: 0; margin-top: 30px;}
	#scouting .flex_box .txt h3{width: 200px; font-size:24px;}
	#scouting .flex_box .txt p{width: calc(100% - 200px);}
	#scouting .flex_box .item{width: calc((100% - 60px) / 5); margin-right: 15px; }
	#scouting .flex_box .item ul{min-height: 316px;}
}

@media (max-width: 1000px){
	#scouting .flex_box{margin-bottom:40px;}
	#scouting .flex_box.bgg{padding: 50px 20px;}
	#scouting .flex_box .item{width: calc((100% - 30px) / 2); margin-bottom:50px; margin-right: 30px;}
	#scouting .flex_box .item:nth-of-type(2n){margin-right: 0;}
	#scouting .flex_box .item:last-of-type{margin-bottom:0;}
	#scouting .flex_box .txt{flex-wrap:wrap;}
	#scouting .flex_box .txt p{width: 100%;font-size:17px;}
	#scouting .flex_box .item ul{min-height: 235px;}
}
@media (max-width: 800px){
	#scouting .flex_box .item ul{min-height: 233px;}
	#scouting .flex_box .item:nth-child(2) ul{min-height: 313px;}

}
#tektite{}
#tektite .cont{}
#tektite .cont .flex_box{display:flex}
#tektite .cont01{padding-bottom:120px;}
#tektite .cont01 .txt{display:flex; padding-left: 0;}
#tektite .cont01 .txt h3{width: 300px; font-weight:bold; font-size:30px; color: #333;}
#tektite .cont01 .txt h3::before{position:relative; top: -3px;}
#tektite .cont01 .txt p{width: calc(100% - 300px);font-size:20px; letter-spacing:-0.05em; color: #666; line-height: 1.4; margin-top: 8px;}
#tektite .cont02{background: #f9f9f9; padding: 100px 0;}
#tektite .cont02 .circle_ctn{}
#tektite .cont02 .circle_ctn .icon{position:relative; width: 320px; height: 320px; border:1px solid #d4d4d4; border-radius:50%; margin: 0 auto 50px; background: #f9f9f9; z-index: 10;}
#tektite .cont02 .circle_ctn .icon::before{content:""; position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 300px; height: 300px; background: #1b3a7c; border-radius:50%}
#tektite .cont02 .circle_ctn .icon .p50{position:absolute; width: 100%; top: 50%; left: 50%; transform:translate(-50%,-50%); text-align: center;}
#tektite .cont02 .circle_ctn .icon .circle_icon::before{content:""; position:absolute; top: 50%; left: -8px; width: 16px; height: 16px; background: #1b3a7c; border:5px solid #f9f9f9; box-sizing:border-box; border-radius:50%}
#tektite .cont02 .circle_ctn .icon .circle_icon::after{content:""; position:absolute; top: 50%; right: -8px; width: 16px; height: 16px; background: #1b3a7c; border:5px solid #f9f9f9; box-sizing:border-box; border-radius:50%}
#tektite .cont02 .circle_ctn .icon figure{text-align: center;}
#tektite .cont02 .circle_ctn .icon figure img{}
#tektite .cont02 .circle_ctn .icon p{font-weight:500; font-size:16px; color: #fff; text-transform: uppercase; margin-top: 20px;}
#tektite .cont02 .flex_box.line{position:relative; }
#tektite .cont02 .flex_box.line::before{content:""; position:absolute; top: -204px; left: 50%; width: calc(100% - ((100% - 81px) / 4)); height: 1px; border-bottom: 1px dashed #d4d4d4; transform:translateX(-50%);}
#tektite .cont02 .item{position:relative; border:1px solid #b6bfd3; margin-right: 27px; width: calc((100% - 81px) / 4); margin-right: 27px;}
#tektite .cont02 .item.line::before{content:""; position:absolute; top: -204px; left: 50%; width: 1px; transform:translateX(-50%); border-right: 1px dashed #d4d4d4; height: 64%;}
#tektite .cont02 .item:last-of-type{margin-right: 0;}
#tektite .cont02 .item figure{}
#tektite .cont02 .item .txt{padding: 22px 19px;}
#tektite .cont02 .item .txt h4{font-weight:500; font-size:15px; color: #1b3a7c; margin-bottom:13px;}
#tektite .cont02 .item .txt ul{display:flex; flex-wrap:wrap;}
#tektite .cont02 .item .txt ul li{width: 50%; font-size:15px; padding-left: 8px;}
#tektite .cont02 .item .txt ul li::before{width: 2px; height: 2px; top: 12px;}
#tektite .cont03{padding-top: 100px;}
#tektite .cont03 .img_txt{display:flex; flex-wrap:wrap; width: 20%; border:1px solid #d3d3d3}
#tektite .cont03 .img_txt figure{width: 100%;}
#tektite .cont03 .img_txt .txt{padding:30px 20px; width: 100%; min-height: 238px;}
#tektite .cont03 .img_txt .txt h4{font-weight:500; font-size:18px; color: #1b3a7c; margin-bottom:14px;}
#tektite .cont03 .img_txt .txt p{font-weight:300; font-size:16px; color: #666;}
#tektite .cont03 .img_txt:nth-of-type(2n) .txt{order:-1}

@media (max-width: 1240px){
	#tektite .cont .flex_box{flex-wrap:wrap}
	#tektite .cont01{padding-bottom:60px;}
	#tektite .cont01 figure{width: 100%;}
	#tektite .cont01 .txt{width: 100%; padding-left: 0; margin-top: 30px;}
	
	#tektite .cont01 .txt h3{font-size:18px; width: 200px;}
	#tektite .cont01 .txt p{font-size:18px; margin-top: 5px; width: calc(100% - 200px);}
	#tektite .cont01 .txt h3{width: 300px; font-weight:bold; font-size:30px; color: #333;}
	#tektite .cont02{padding: 60px 0;}
	#tektite .cont02 .flex_box.line::before,
	#tektite .cont02 .item.line::before{display:none; }
	#tektite .cont02 .item{width: calc((100% - 40px) / 2); margin-right: 40px; margin-bottom:40px;}
	#tektite .cont02 .item:nth-of-type(2n){margin-right: 0;}
	#tektite .cont02 .item:nth-of-type(n + 3){margin-bottom:0;}
	#tektite .cont02 .item figure img{width: 100%;}

	#tektite .cont03{padding-top: 60px;}

	#tektite .cont03 .img_txt{width: 33.33%;}
	#tektite .cont03 .img_txt figure img{width: 100%;}

		
}

@media (max-width: 800px){
	#tektite{margin-top: 20px !important;}
	#tektite .cont01 .txt{flex-wrap:wrap; margin-top: 0;}
	#tektite .cont01 .txt h3{width: 100%; margin-bottom:20px;}
	#tektite .cont01 .txt p{width: 100%; font-size:16px;}

	#tektite .cont02 .item .txt ul{flex-wrap:wrap;}
	#tektite .cont02 .item .txt ul li{width: 100%;}

	#tektite .cont03 .img_txt{width: 100%;}
	#tektite .cont03 .img_txt figure{width: 218px;}
	#tektite .cont03 .img_txt .txt{width: calc(100% - 218px); min-height: auto; padding: 10px;}
	#tektite .cont03 .img_txt .txt h4{margin-bottom:6px;}
}

#poc{}
#poc *{word-break:keep-all}
#poc.skillWrap .txtBox{position:relative; flex-wrap:wrap;}
#poc.skillWrap .txtBox::after{content:""; position:absolute; bottom: 0; right: 0; width: calc(100% - 13%); height: 1px; background: #ddd;}
#poc.skillWrap .txtBox:last-of-type::after{display:none;}
#poc.skillWrap .txtBox dl dd p:not(.not){margin-bottom:6px;}
#poc.skillWrap .txtBox dl dd .not{margin-bottom:20px;}
#poc.skillWrap .txtBox.bort_n{border-top: none;}
#poc.skillWrap .txtBox .w100{width: 100%; margin-top: 70px;}
#poc.skillWrap .txtBox .right{width: calc(100% - 13%); margin-left: auto; text-align: right;}
#poc.skillWrap .txtBox .list_ctn{text-align: right;}
#poc.skillWrap .txtBox .list_ctn .mobile{text-align: left; display:none;  width: calc(100% - 13%);}
#poc.skillWrap .txtBox .list_ctn .mobile .flex_box{display:flex; flex-wrap:wrap;}
#poc.skillWrap .txtBox .list_ctn .mobile .item{width: calc((100% - 40px) / 3); margin-right: 20px; border:1px solid #dddddd; border-bottom: 2px solid #254da4; padding: 30px; margin-bottom:20px;}
#poc.skillWrap .txtBox .list_ctn .mobile .item.bbg{border-bottom: 2px solid #96b4ea;}
#poc.skillWrap .txtBox .list_ctn .mobile .item:nth-of-type(3n){margin-right: 0;}
#poc.skillWrap .txtBox .list_ctn .mobile .item h3{font-weight:500; font-size:18px; letter-spacing:-0.025em; color: #2d2d2d; text-align: center;border-bottom: 1px solid #dddddd; padding-bottom:14px; margin-bottom:26px;}
#poc.skillWrap .txtBox .list_ctn .mobile .item .dots li::before{top: 10px;}
#poc.skillWrap .txtBox .list_ctn .mobile .item.w100{width: 100%; border-bottom: 1px solid #ddd; margin-top: 0; margin-right: 0; padding: 30px 0 0;}
#poc.skillWrap .txtBox .list_ctn .mobile .item.w100 h3{padding-bottom:26px; margin-bottom:0px;}
#poc.skillWrap .txtBox .list_ctn .mobile .item.w100 .tit{display:flex;}
#poc.skillWrap .txtBox .list_ctn .mobile .item.w100 .tit p,
#poc.skillWrap .txtBox .list_ctn .mobile .item.w100 .tit h4{font-weight:300; font-size:16px; letter-spacing:-0.025em; color: #666;border-bottom: 1px solid #ddd;}
#poc.skillWrap .txtBox .list_ctn .mobile .item.w100 .tit:last-of-type p,
#poc.skillWrap .txtBox .list_ctn .mobile .item.w100 .tit:last-of-type h4{border-bottom: none;}
#poc.skillWrap .txtBox .list_ctn .mobile .item.w100 .tit h4{width: 40%; padding:10px 30px}
#poc.skillWrap .txtBox .list_ctn .mobile .item.w100 .tit p{border-left: 1px solid #ddd; width: 60%; padding:10px 30px}
#poc.skillWrap .txtBox .logo_list{display:flex; flex-wrap:wrap; width: calc(100% - 14.98%); margin-left: auto; margin-top: 45px;}
#poc.skillWrap .txtBox .logo_list figure{width: calc((100% - 60px) / 6);border:1px solid #dddddd; margin-right: 12px; margin-bottom:12px;}
#poc.skillWrap .txtBox .logo_list figure:nth-of-type(6n){margin-right: 0;}

@media (max-width: 1200px){
	#poc.skillWrap .txtBox .logo_list{width: calc(100% - 13%);}
	#poc.skillWrap .txtBox .list_ctn .mobile{display:inline-block; }
}

@media (max-width: 1000px){
	#poc.skillWrap .txtBox .list_ctn .mobile .item{width: calc((100% - 20px) / 2);}
	#poc.skillWrap .txtBox .list_ctn .mobile .item:nth-of-type(3n){margin-right: 20px;}
	#poc.skillWrap .txtBox .list_ctn .mobile .item:nth-of-type(2n){margin-right: 0;}
}

@media (max-width: 767px){
	#poc.skillWrap .txtBox .logo_list,
	#poc.skillWrap .txtBox .list_ctn .mobile,
	#poc.skillWrap .txtBox .right,
	#poc.skillWrap .txtBox::after{width: 100%;}
	#poc.skillWrap .txtBox .list_ctn .mobile .item{padding: 14px;}
	#poc.skillWrap .txtBox .list_ctn .mobile .item h3{margin-bottom:14px; font-size:16px;}
	#poc.skillWrap .txtBox .list_ctn .mobile .item ul li{font-size:15px;}
	#poc.skillWrap .txtBox .list_ctn .mobile .item.w100{padding-top: 14px;}
	#poc.skillWrap .txtBox .list_ctn .mobile .item.w100 h3{padding-bottom:14px;}
	#poc.skillWrap .txtBox .logo_list{margin-top: 24px;}
	#poc.skillWrap .txtBox .logo_list figure{width: calc((100% - 30px) / 3); margin-right: 15px; margin-bottom:15px; text-align: center;}
	#poc.skillWrap .txtBox .logo_list figure:nth-of-type(6n){margin-right: 15px;}
	#poc.skillWrap .txtBox .logo_list figure:nth-of-type(3n){margin-right: 0;}
}	



/* 250324 */
#webinar .dimmed{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 10000; display:none; }
#webinar .ctn-box{ display:flex; flex-wrap:wrap; gap:20px; margin-bottom: 30px;}
#webinar .ctn-box .item-box{ width: calc((100% - 60px) / 4); height: 380px; cursor:pointer; }
#webinar .ctn-box .item-box *{ box-sizing:border-box; line-height: 1.3; }
#webinar .ctn-box .item-box .box{ height: 100%; }
#webinar .ctn-box .item-box .img-box{ position: relative; width: 100%; height: 220px; overflow: hidden;}
#webinar .ctn-box .item-box .img-box .img{ position: absolute; transform:translate(-50%,-50%); top: 50%; left: 50%; min-width:100%; min-height:100%; object-fit:cover; z-index: 1; 
transition:all 0.7s; }
#webinar .ctn-box .item-box .img-box .btn{ position: absolute; transform:translate(-50%,-50%); top: 50%; left: 50%; z-index: 2;}
#webinar .ctn-box .item-box .txt-box{ border:1px solid #ddd; padding: 20px; height: calc(100% - 220px);  display: flex; flex-direction: column;  justify-content: space-between;}
#webinar .ctn-box .item-box .txt-box .title{ font-size:19px; color:#222; text-overflow: ellipsis;  overflow: hidden; display:-webkit-inline-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; 
width: 100%; }
#webinar .ctn-box .item-box .txt-box .txt{ color: #666; font-size: 15px; font-weight: 300; margin: -20px 0 0; text-overflow: ellipsis;  overflow: hidden; display:-webkit-inline-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#webinar .ctn-box .item-box .txt-box .date{ color:#666; font-weight: 300; font-size:14px; }
#webinar .ctn-box .item-box:hover .img-box .img{ transform:translate(-50%,-50%) scale(1.2); }
#webinar .ctn-box .item-box .popup-box{ position: relative; position: fixed; transform:translate(-50%,-50%); top: 50%; left: 50%; z-index: 10001; max-width: 1300px; height: calc(100% - 150px); width: 100%; display:none; }
#webinar .ctn-box .item-box .popup-box iframe{ width: 100%; height: 100%; }
#webinar .ctn-box .item-box .popup-box button{ background: none; outline:none; border:none; position: absolute; top: 0; right: -100px;}


@media (max-width: 1300px){
	#webinar .ctn-box .item-box{ width: calc((100% - 20px) / 2);}
	#webinar .ctn-box .item-box .popup-box{ width: 90%; height: 500px;}
}
@media (max-width: 768px){
	#webinar .ctn-box .item-box{ width: 100%;}
	#webinar .ctn-box .item-box .popup-box{ width: 90%; height: 250px;}
	#webinar .ctn-box .item-box .popup-box button{ top: -50px; right: 0; width: 50px;}
	#webinar .ctn-box .item-box .txt-box .txt{ margin: 10px 0 30px;}
}

.marketing-img { display:flex; flex-wrap:wrap; gap:85px; align-items:center; justify-content:center; }
.marketing-img .txt-list { width:100%; max-width:300px; }
.marketing-img .txt-list .txt { width:100%; height:50px; display:flex; align-items:center; justify-content:center; text-align:center; border:1px solid #eee; background:#fff; }
.marketing-img .txt-list .txt.txt-1 { color:#fff; font-size:20px; font-weight:600; line-height:1.3; }
.marketing-img .txt-list .txt.txt-2 { color:#333; font-size:17px; font-weight:400; line-height:1.3; border-top:none }
.marketing-img .txt-list .box { position:relative; }
.marketing-img .txt-list .box:before { content:''; display:block; height:50px; width:5px; position:absolute; left:50%; top:-50px; transform:translateX(-50%); background:url(/img/sub/marketing_p.png) center center no-repeat; }
.marketing-img .txt-list .box:nth-child(1):before { display:none; }
.marketing-img .txt-list .box:not(:last-child) { margin-bottom:50px; }
.marketing-img .txt-list .box:nth-child(1) .txt-1 { background:#8ba8e4; }
.marketing-img .txt-list .box:nth-child(2) .txt-1 { background:#6086D4; }
.marketing-img .txt-list .box:nth-child(3) .txt-1 { background:#476CB9; }
.marketing-img .txt-list .box:nth-child(4) .txt-1 { background:#284B93; }
@media (max-width: 1024px){
	.marketing-img { gap:40px; }
}

.brokerage-box { margin-top:48px; display:flex; flex-wrap:wrap; gap:20px; }
.brokerage-box .box { position:relative; width:68%; background:#f5f5f5; padding:20px; height:840px; display:flex; align-items:center; flex-direction:column; }
.brokerage-box .box:nth-child(1) { padding-top:168px; }
.brokerage-box .box:nth-child(2) { width:calc(100% - 68% - 20px); justify-content:center; }
.brokerage-box .box .sbox { padding:20px 10px 20px 30px; border:1px solid #2b97bd; background:#fff; width:286px; }
.brokerage-box .box .sbox.p1 { left:392px; top:65px; }
.brokerage-box .box .sbox.p2 { left:528px; top:483px; border:1px solid #037BBE;}
.brokerage-box .box .sbox.p3 { left:65px; top:627px; border:1px solid #32577C;}
@media (max-width: 1300px){
	.brokerage-box .box .sbox.p2 { left:460px; }
}
@media (max-width: 1200px){
	.brokerage-box .box .sbox.p2 { left:460px; }
	.brokerage-box .box,
	.brokerage-box .box:nth-child(2) { width:100%; height:auto; } 
	.brokerage-box .box:nth-child(1) { padding-top:20px; }
	.brokerage-box .box .sbox { position:relative; padding:20px 10px 20px 20px;  }
	.brokerage-box .box .sbox.p1,
	.brokerage-box .box .sbox.p2,
	.brokerage-box .box .sbox.p3 { left:unset; top:unset; }
	.brokerage-box .box .txtbox { margin-top:30px; display:flex; flex-wrap:wrap; justify-content:center; gap:20px; }
}

.point-box .sbox { position:absolute; }
.point-box .sbox ul li:not(:last-child) { margin-bottom:10px; }
.point-box .sbox ul li { position:relative; color:#333; font-size:17px; font-weight:300; line-height:1.3; letter-spacing:-0.035em; display:flex; gap:10px; }
.point-box .sbox ul li strong { font-weight:4 00; }
.point-box .sbox ul li:before { content:''; display:block; height:3px; width:3px; position:relative; left:0; top:10px; background:#999; border-radius:5px; flex-shrink:0; }




.distribution-box { margin-top:48px; display:flex; flex-wrap:wrap; gap:20px; justify-content:center; }
.distribution-box .imgbox img { border:1px solid #ddd; }
.distribution-box .box:nth-child(1) { width:62%; text-align:center; }
.distribution-box .box:nth-child(2) { width:calc(100% - 62% - 20px); background:#f5f5f5; }
.distribution-box .box dt { width:100%; height:50px; color:#fff; font-size:20px; font-weight:600; line-height:1.3; display:flex; align-items:center; justify-content:center; text-align:center; background:#284B93; }
.distribution-box .box dd { padding:30px 20px; }
.distribution-box .box dd li:not(:last-child) { margin-bottom:15px; }
.distribution-box .box dd li { position:relative; color:#333; font-size:18px; font-weight:300; line-height:1.3; letter-spacing:-0.04em; display:flex; gap:10px; }
.distribution-box .box dd li:before { content:''; display:block; height:3px; width:3px; position:relative; left:0; top:10px; background:#333; border-radius:5px; flex-shrink:0; }
@media (max-width: 1200px){
	.distribution-box .box:nth-child(1),
	.distribution-box .box:nth-child(2) { width:100%; }
	.distribution-box .box dd { padding:20px; }
}

.vision-new { margin:0 !important; }
.vision-new .listbox { padding:150px 20px; background:#F5F5F5; }
.vision-new .listbox .list { max-width:1080px; width:100%; margin:0 auto; text-align:center; display:flex; flex-wrap:wrap; gap:90px; justify-content:center; }
.vision-new .listbox .box { position:relative; width:calc((100% - 180px) / 3); }
.vision-new .listbox .box:before { content:''; display:block; height:100%; width:90px; position:absolute; left:-90px; bottom:35px; }
.vision-new .listbox .box:nth-child(2):before { background:url(/img/sub/vision_line1.png) center bottom no-repeat; }
.vision-new .listbox .box:nth-child(3):before { background:url(/img/sub/vision_line2.png) center bottom no-repeat; }
.vision-new .listbox .box dt { width:100%; height:60px; color:#fff; font-size:24px; font-weight:500; line-height:1.3; display:flex; align-items:center; justify-content:center; text-align:center; background:#284B93; }
.vision-new .listbox .box dd { margin-top:40px; }
.vision-new .listbox .box dd li:not(:last-child) { margin-bottom:30px; }
.vision-new .listbox .box dd li { color:#333; font-size:20px; font-weight:400; line-height:1.3; border:1px solid #32577C; background:#FFF; height:70px; display:flex; align-items:center; justify-content:center; }

.vision-new .problem-box { padding:150px 0 460px; margin-bottom:-230px; background:url(/img/sub/vision_bg.png) center bottom no-repeat; }
.vision-new .problem-box .info { position:relative;  margin-top:48px; }
.vision-new .problem-box .imgbox { text-align:center; }
.vision-new .problem-box .sbox { padding:30px; border:1px solid #eee; background:#fff; min-width:260px; }
.vision-new .problem-box .sbox .tit { color:#999; font-size:16px; font-weight:500; line-height:1.3; margin-bottom:15px; }
.vision-new .problem-box .sbox .tit h4 { color:#111; font-size:22px; font-weight:500; line-height:1.3; margin-bottom:5px; }
.vision-new .problem-box .sbox.p1 { left:0; top:15px; }
.vision-new .problem-box .sbox.p2 { right:0; top:15px; }
.vision-new .problem-box .sbox.p3 { right:0; top:350px; }
.vision-new .problem-box .sbox.p4 { left:50%; top:627px; transform:translateX(-50%); }
.vision-new .problem-box .sbox.p5 { left:0; top:310px; }
.vision-new .problem-box .sbox.p2 .tit h4 { color:#89c54b; }
.vision-new .problem-box .sbox.p5 .tit h4 { color:#0c486c; }

@media (max-width: 1240px){
	.vision-new .problem-box { padding:80px 0 230px; margin-bottom:-115px; }
}
@media (max-width: 1200px){
	.vision-new .listbox .list { gap:50px; }
	.vision-new .listbox .box { width:calc((100% - 100px) / 3); }
	.vision-new .listbox .box:before { display:none }
	.vision-new .problem-box .sbox { position:relative; padding:20px; }
	.vision-new .problem-box .sbox.p1,
	.vision-new .problem-box .sbox.p2,
	.vision-new .problem-box .sbox.p3,
	.vision-new .problem-box .sbox.p4,
	.vision-new .problem-box .sbox.p5 { left:unset; top:unset; right:unset; transform:translateX(0); }
	.vision-new .problem-box .txtbox { margin-top:30px; display:flex; flex-wrap:wrap; justify-content:center; gap:20px; }
}
@media (max-width: 860px){
	.vision-new .listbox .list { gap:20px; }
	.vision-new .listbox .box { width:100%; }
	.vision-new .listbox .box dd { margin-top:10px; }
	.vision-new .listbox .box dd li:not(:last-child) { margin-bottom:5px; }
	.vision-new .listbox .box dt { height:45px; font-size:21px; }
	.vision-new .listbox .box dd li { font-size:18px; height:50px; }
	.vision-new .problem-box .sbox { width:calc((100% - 20px) / 2); }
}
@media (max-width: 760px){
	.vision-new { margin-top:60px !important; }
	.vision-new .listbox { padding:80px 20px; }
}
@media (max-width: 640px){
	.vision-new .problem-box { background-size:250% auto; }
	.vision-new .problem-box .txtbox { gap:10px; }
	.vision-new .problem-box .sbox { width:100%; }
}