@charset "UTF-8";

/* Category */
.func-cate {max-width:1500px;margin:0 auto 50px auto;}
.func-cate .cate-now{display:flex;justify-content:flex-start; flex-wrap:wrap;width: 100%;;padding: 22px 45px 2px;border:1px solid #1265d3;border-radius: 5px;}
.func-cate .cate-now > li{margin-right: 55px;margin-bottom: 20px;}
.func-cate .cate-now > li > a{position: relative;color:#707070;font-family:'HG Medium';font-size:17px;line-height:1.2;padding: 10px 5px;position:relative;transition: .3s;}
.func-cate .cate-now > li > a::before {content: '';position: absolute;left: 0;bottom: 5px;width: 0;height: 1px;background: #1174ff;transition: .3s;}
.func-cate .cate-now > li > a::after {content: '';display: none;position: absolute;top: 2px;left: 50%;width: 10px;height: 6px;margin-left: -5px;background: url('../images/ic-tab.png') no-repeat center;}
.func-cate .cate-now > li > a[target="_blank"]::after {content:''; width:24px; height:24px; display:inline-block; background:url('../../images/common/target_blank.svg') no-repeat center; margin-left:6px;}
.func-cate .cate-now > li > a[target="_blank"]:hover::after {background:url('../../images/common/target_blank_on.svg') no-repeat center;}
.func-cate .cate-now > li:hover > a,
.func-cate .cate-now > li.active > a {color: #1174ff;}
.func-cate .cate-now > li.active > a::after {display: block;}
.func-cate .cate-now > li:hover > a::before {width: 100%;}
.func-cate .mobile-tab {display: none;}

@media(max-width: 768px) {
    .func-cate .cate-now {padding: 22px 30px 2px;}
    .func-cate .cate-now > li {width: 100%; margin-right: 0;text-align: center; margin-bottom: 10px;}
    .func-cate .cate-now > li > a::after{top: 0;}
    .func-cate .cate-now > li > a{font-size: 14px; padding: 5px 3px;}
}

/* Search */
.profl-search-wrap{margin-bottom: 50px; }

.profl-search-wrap .profl-search-form {
  border: 5px solid #eeeeee;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 22px 0;
}

.profl-search-wrap .profl-search-inner {
  display: flex;
  align-items: center;
}

.profl-search-wrap .profl-search-box {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.profl-search-wrap .profl-search-inner label {
  padding: 5px 0 1px 62px;
  background: url(../images/phone_search_icon.png) no-repeat left center;
  font-size: 22px;
  color: #042e6f;
  font-family: "SBA Medium";
  display: block;
  margin-right: 62px;
  cursor: text;
}

.profl-search-wrap .profl-search-inner select {
  width: 220px;
  position: relative;
  -o-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  background: url(../images/phone_search_arrow.png) no-repeat right 14px center;
  font-family: "HG Regular";
  font-size: 16px;
  color: #777777;
  border-bottom: 2px solid #4f4f4f;
  padding: 0 14px;
  height: 46px;
}

.profl-search-wrap .profl-search-inner input[type="text"] {
  width: 432px;
  border-bottom: 2px solid #4f4f4f;
  font-size: 16px;
  font-family: "HG Regular";
  color: #777777;
  padding: 11px 8px;
  height: 46px;
}

.profl-search-wrap .profl-search-inner input[type="submit"] {
  border: none;
  text-indent: -9999px;
  width: 50px;
  height: 50px;
  background: url('../images/phone_search_button.png') no-repeat center;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

.profl-search-table .info-text1 {
  display: inline-block;
}

@media screen and (max-width: 1200px) {
  .profl-search-wrap .profl-search-form {
	padding: 15px 0;
  }

  .profl-search-wrap .profl-search-inner {
	flex-direction: column;
  }

  .profl-search-wrap .profl-search-inner label {
	font-size: 20px;
	margin-right: 0;
	padding: 8px 0 3px 62px;
  }
}

@media screen and (max-width: 768px) {
  .profl-search-wrap .profl-search-form {
	padding: 15px 10px;
	width: 100%;
  }

  .profl-search-wrap .profl-search-inner select{width: 118px;}

  .profl-search-wrap .profl-search {
	width: calc(100% - 118px);
  }

  .profl-search-wrap .profl-search-box {
	width: 100%;
  }

  .profl-search-wrap .profl-search-inner input[type="text"] {
	width: 100%;
  }
}


.prof-intro-wrap .prof-list{line-height: 1.5;}
.prof-intro-wrap .prof-list > ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.prof-intro-wrap .prof-list .flex-wrap {display: flex;align-items: flex-start;padding: 30px}
.prof-intro-wrap .prof-list > ul > li {width: 100%;;margin-bottom: 40px;border: 1px solid #ccc;background: url('../images/list_bg.png') no-repeat right -50px top -10px;}
.prof-intro-wrap .prof-list .img-box {margin-right: 40px;border: 1px solid #ccc;border-radius: 5px;overflow: hidden; width:180px; height:225px; flex-shrink: 0;}
.prof-intro-wrap .prof-list .img-box img {width: 100%;height: 100%;object-fit: cover;}
.prof-intro-wrap .prof-list .text-box {padding-top: 22px;}
.prof-intro-wrap .prof-list .name-wrap {display: flex;align-items: flex-end;margin-bottom: 16px;}
.prof-intro-wrap .prof-list .name {margin-right: 8px;font-size: 24px;color: #111;font-family: 'SBA Medium';line-height: 1;}
.prof-intro-wrap .prof-list .eng {font-size: 12px;color: #9a9a9a; text-transform: uppercase; font-family: "SBA Medium";}
.prof-intro-wrap .prof-list .detail > dl {display: flex;margin-bottom: 8px;}
.prof-intro-wrap .prof-list .detail > dl:last-child {margin-bottom: 0;}
.prof-intro-wrap .prof-list .detail dt  {position: relative;display: block;min-width: 150px;padding-left: 14px;font-size: 14px;font-family: 'HG Regular';color: #0066b3;}
.prof-intro-wrap .prof-list .detail dt::before {content: '';position: absolute;left: 0;top: 9px;width: 4px;height: 4px;background: #696a6d;border-radius: 50%;}
.prof-intro-wrap .prof-list .detail dd {font-size: 14px;font-family: 'HG Regular';color: #555;word-break: break-all;}

.prof-intro-wrap .prof-list .util {display: flex;justify-content: center;align-items: center;width: 100%;padding: 20px;background: #f5f6f8;}
.prof-intro-wrap .prof-list .util > ul {display: flex;align-items: center;}
.prof-intro-wrap .prof-list .util a {display: block;margin-right: 10px;transition: .25s;}
.prof-intro-wrap .prof-list .util li:last-child a{margin-right: 0;}
.prof-intro-wrap .prof-list .detail-btn {width: 100px;text-align: center;padding: 6px;border-radius: 5px;font-size: 14px;color: #404040;font-family: 'HG Regular';background: #fff;border: 1px solid #ccc;}
.prof-intro-wrap .prof-list .mail-btn {background: #1174ff url("../images/ic-mail.png") no-repeat center;width: 35px;height: 35px;border-radius: 5px;text-indent: -9999px;}
.prof-intro-wrap .prof-list .home-btn {background: #00b5ad url("../images/ic-home.png") no-repeat center;width: 35px;height: 35px;border-radius: 5px;text-indent: -9999px;}
.prof-intro-wrap .prof-list .google-btn {background: #042E6F url("../images/ic-scholar.png") no-repeat center;width: 35px;height: 35px;border-radius: 5px;text-indent: -9999px;}
.prof-intro-wrap .prof-list .detail-btn:hover {background: #ccc;color: #fff}
.prof-intro-wrap .prof-list .mail-btn:hover {background-color: #388bff;}
.prof-intro-wrap .prof-list .home-btn:hover {background-color: #0ec4bb;}
.prof-intro-wrap .prof-list .google-btn:hover {background-color: #2b5596;}

@media(max-width: 1250px) {
    .prof-intro-wrap .prof-list {flex-direction: column;}
    .prof-intro-wrap .prof-list .detail > dl {width: 100%;}
}
@media(max-width: 650px) {
    .prof-intro-wrap .prof-list > ul > li{width: 100%; margin-bottom: 10px;}
    .prof-intro-wrap .prof-list .flex-wrap,
    .prof-intro-wrap .prof-list .name-wrap{flex-direction: column;}
    .prof-intro-wrap .prof-list .name-wrap{align-items: start;}
    .prof-intro-wrap .prof-list .eng{margin-top: 5px;}
    .prof-intro-wrap .prof-list .img-box {margin: 0 auto;}
    .prof-intro-wrap .prof-list .text-box {margin: 0; padding-top: 43px;}
    .prof-intro-wrap .prof-list .detail > dl{flex-direction: column;}
    .prof-intro-wrap .prof-list .detail dd{margin-top: 5px;} 
}



/* view */
._profLayerPopup{position: fixed;z-index: 1111;top: 0;left: 0; padding-top:100px; height: 100vh; width: 100%; background: rgba(0,0,0,.3); display: none;}
._profLayerPopup ._inner{background-color: #fff; max-width:980px; margin:0 auto; position: relative; border-radius: 0 0 50px 0;}
._profLayerPopup ._inner ._inbox{}
._prfTitle {background:#273ca5; display: table; width:100%; padding: 0 40px;}
._prfTitle p{font-size: 26px; line-height: 1.4; font-family: 'Noto Regular'; letter-spacing: -.05em; color:#fff; padding:25px 0;}


.prof-intro-wrap .detail{min-height: 157px;}
.prof-intro-wrap .detail > .tit {display: block;position: relative;margin-bottom: 20px;font-size: 26px;font-family: 'SBA Medium';color: #0067b3;}
.prof-intro-wrap .detail > .tit::before {content: '';position: absolute;left: 0;top: -20px;width: 19px;height: 12px;background: url('../images/ic-tit.png') no-repeat center;}
.prof-intro-wrap .detail .box1 {display: flex;align-items: flex-start;width: 100%;padding: 30px 60px 40px 30px;border-top: 2px solid #0066b3;border-bottom: 1px solid #666;background: url('../img/detail_bg.png') no-repeat right -70px bottom;}
.prof-intro-wrap .detail .box1 .img-box {margin-right: 40px;border: 1px solid #ccc;border-radius: 5px;overflow: hidden; width:180px; height:255px;}
.prof-intro-wrap .detail .box1 .img-box img {width:100%; height:100%; object-fit: cover;}
.prof-intro-wrap .detail .box1 .txt-box {padding-top: 14px;flex: 1;}
.prof-intro-wrap .detail .box1 .name-wrap {position: relative;display: flex;justify-content: space-between;align-items: flex-end;padding-left: 30px;margin-bottom: 30px; flex-direction: row;}
.prof-intro-wrap .detail .box1 .name-wrap::before {content: '';position: absolute;left: 0;bottom: -15px;;width: 100%;height: 1px;background: #e2e9ec;}
.prof-intro-wrap .detail .box1 .name-wrap > div {display: flex;align-items: flex-end; padding: 0; padding-right: 20px; width: auto; background-color: transparent;}
.prof-intro-wrap .detail .box1 .name {margin-right: 8px;font-size: 24px;color: #111;font-family: 'SBA Medium';line-height: 1;}
.prof-intro-wrap .detail .box1 .eng {font-size: 12px;color: #9a9a9a; text-transform: uppercase; font-family: "SBA Medium";}
.prof-intro-wrap .detail .box1 .name-wrap > div a{margin-right: 10px;}
.prof-intro-wrap .detail .box1 .name-wrap > div a:last-child{margin-right: 0;}
.prof-intro-wrap .detail .box1 .mail-btn {background: #1174ff url("../images/ic-mail.png") no-repeat center;width: 35px;height: 35px;border-radius: 5px;text-indent: -9999px;}
.prof-intro-wrap .detail .box1 .home-btn {background: #00b5ad url("../images/ic-home.png") no-repeat center;width: 35px;height: 35px;border-radius: 5px;text-indent: -9999px;}
.prof-intro-wrap .detail .box1 .google-btn {background: #042E6F url("../images/ic-scholar.png") no-repeat center;width: 35px;height: 35px;border-radius: 5px;text-indent: -9999px;}
.prof-intro-wrap .detail .box1 .mail-btn:hover {background-color: #388bff;}
.prof-intro-wrap .detail .box1 .home-btn:hover {background-color: #0ec4bb;}
.prof-intro-wrap .detail .box1 .google-btn:hover {background-color: #2b5596;}
.prof-intro-wrap .detail .box1 .list {padding-left: 30px;}
.prof-intro-wrap .detail .box1 .list > dl {display: flex;margin-bottom: 8px;}
.prof-intro-wrap .detail .box1 .list > dl:last-child {margin-bottom: 0;}
.prof-intro-wrap .detail .box1 .list dt  {position: relative;display: block;min-width: 150px;max-width: 150px;padding-left: 14px;font-size: 14px;font-family: 'HG Regular';color: #0066b3;}
.prof-intro-wrap .detail .box1 .list dt::before {content: '';position: absolute;left: 0;top: 8px;width: 4px;height: 4px;background: #696a6d;border-radius: 50%;}
.prof-intro-wrap .detail .box1 .list dd {font-size: 14px;font-family: 'HG Regular';color: #555;;}

.prof-intro-wrap .detail .box2 {padding: 50px 30px 30px;}
.prof-intro-wrap .detail .box2 .scroll{max-height: 180px; overflow: auto;}
.prof-intro-wrap .detail .box2 .tit {position: relative;display: flex;align-items: flex-end;margin-bottom: 30px;padding-left: 20px;}
.prof-intro-wrap .detail .box2 .tit::before {content: '';position: absolute;left: 0;top: 0;width: 6px;height: 16px;background: #042e6f;border-radius: 3px;}
.prof-intro-wrap .detail .box2 .tit strong {margin-right: 10px;font-size: 22px;color: #042e6f;font-family: 'SBA Medium';line-height: 1;}
.prof-intro-wrap .detail .box2 .tit span {font-size: 12px;color: #042e6f;font-family: "SBA Medium";}
.prof-intro-wrap .detail .box2 .list > li {display: flex;align-items: flex-start;margin-bottom: 35px;}
.prof-intro-wrap .detail .box2 .list span {display: block;flex-shrink: 0;margin-right: 30px;font-size: 17px;color: #333;font-family: 'HG Medium';}
.prof-intro-wrap .detail .box2 .list em {margin-bottom: 7px;display: block;font-size: 17px;color: #4281be;font-family: 'HG Medium';}
.prof-intro-wrap .detail .box2 .list i {position: relative;padding-left: 27px;font-family: 'HG Regular';font-size: 17px;color: #555;}
.prof-intro-wrap .detail .box2 .list i::before {content: '';position: absolute;left: 10px;top: 3px;width: 8px;height: 8px;background: url('../images/list-dot.png') no-repeat center;}

@media(max-width: 768px) {
    .prof-intro-wrap .detail .box1 {padding: 30px 30px 40px 30px;}
    .prof-intro-wrap .detail .box1 .img-box {margin-right: 30px;}
}

@media(max-width: 650px) {
    .prof-intro-wrap .detail > .tit {font-size: 23px;}
    .prof-intro-wrap .detail > .tit::before {top: -17px}
    .prof-intro-wrap .detail > .tit {margin-bottom: 15px;}
    .prof-intro-wrap .detail .box1 {flex-direction: column;align-items: center;}
    .prof-intro-wrap .detail .box1 .img-box {margin: 0 auto; width: 100px; height: 150px;}
    .prof-intro-wrap .detail .box1 .txt-box  {padding-top: 20px; width: 100%;}
    .prof-intro-wrap .detail .box1 .name-wrap {padding-left: 20px;}
    .prof-intro-wrap .detail .box1 .list {padding-left: 20px;}
    .prof-intro-wrap .detail .box2 {padding-top: 35px;}
    .prof-intro-wrap .detail .box2 .tit {padding-left: 18px;}
    .prof-intro-wrap .detail .box2 .tit::before {top: 1px;height: 14px;}
    .prof-intro-wrap .detail .box2 .tit strong {margin-right: 8px;font-size: 21px;}
    .prof-intro-wrap .detail .box2 .list > li {flex-direction: column;}
    .prof-intro-wrap .detail .box2 .list span {margin-bottom: 14px;}
}


/*close btn*/
._profLayerPopup ._blockClose{top:-45px;right: -45px;width: 90px;height: 90px;border-radius: 50%;position: absolute;box-shadow: 7px 7px 11px rgba(0, 0, 0, 0.5);background: #000 url(./../images/closeX.gif) center no-repeat; text-indent: -9999px;}

@media all and (max-width:1200px) {
	._profLayerPopup{padding:50px;}
	._profLayerPopup ._inner{border-radius: 0;}
	._profLayerPopup ._inner ._inbox{height: 90vh; overflow: auto;}
	._profLayerPopup ._inner ._inbox::-webkit-scrollbar {width: 6px;}
	._profLayerPopup ._inner ._inbox::-webkit-scrollbar-thumb {background-color: #7a7a7a; border-radius:5px;}
	._profLayerPopup ._inner ._inbox::-webkit-scrollbar-track {background-color: #f4f4f4;}
}

@media all and (max-width:1024px) {
	._profLayerPopup{padding:20px;}
	._profLayerPopup ._blockClose{transform: scale(.7);}
	._prFlView{display: block;}
	._prFlView .artclInfo{padding:20px 10px 0 10px;}
	._profLayerPopup ._blockClose{right:-30px; top:-30px;}
}