@charset "UTF-8";
@import url(reset.css);
@import url(layout.css);
@import url(js.css);
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable-dynamic-subset.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&display=swap");
/* @import url(member.css); */
/* ST. HEADER */
h1.logo {
  height: 50px;
  margin: 15px 0;
  aspect-ratio: 150/43;
  background: url(../images/cjournal-logo-bk.png) center center no-repeat;
  background-size: contain;
  cursor: pointer;
  order: 1;
  display: inline-block;
}

.util {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 10px;
  margin-right: 10px;
  order: 3;
}
.util > li {
  cursor: pointer;
}
.util > li > button {
  background: transparent;
}

.nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 40px;
  padding: 19px 11px;
  order: 2;
  overflow-x: auto;
}
.nav > li {
  font-size: 17px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}
.nav > li.selected > a,
.nav > li > a:hover {
  color: #007EB7;
}

/* ED. HEADER */
/* ST. CONTENT */
.topNewsWrap {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.topNewsWrap .card-md-h-list {
  flex-direction: unset;
  column-gap: 20px;
  padding: 0 15px;
}
.topNewsWrap .card-md-h-list > .__listProfile,
.topNewsWrap .card-md-h-list > .__listArtcle,
.topNewsWrap .card-md-h-list > .__listVod {
  flex: 1;
}
.topNewsWrap .card-md-h-list > .__listProfile dl dd.subTitle,
.topNewsWrap .card-md-h-list > .__listArtcle dl dd.subTitle,
.topNewsWrap .card-md-h-list > .__listVod dl dd.subTitle {
  -webkit-line-clamp: 1 !important;
}

.topNews {
  position: relative;
  /* height: 100%; */
  padding: 25px 15px;
  position: relative;
  display: flex;
  column-gap: 40px;
}

.__mainNews {
  display: flex;
  flex: 0 0 712px;
}
.__mainNews > a {
  display: flex;
  column-gap: 15px;
}
.__mainNews .__article {
  flex: 0 0 284px;
}
.__mainNews .__article.__listProfile dt > .newsTitle {
  -webkit-line-clamp: 2;
}
.__mainNews .__article.__listProfile .sub-title {
  font-size: 22px;
  color: #808080;
  font-weight: 500;
  line-height: 26px;
  margin-top: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.__mainNews .__article.__listProfile .lg-contents {
  margin-top: 15px;
}
.__mainNews .__article dt > .posi {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  display: inline-block;
}
.__mainNews .__article dt > .name,
.__mainNews .__article dt > .newsTitle {
  font-size: 30px;
  line-height: 34px;
  font-weight: bold;
}
.__mainNews .__article dt > .newsTitle {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.__mainNews .__article dd.lg-contents {
  font-size: 18px;
  line-height: 28px;
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.__mainNews .__pic {
  flex: 0 0 413px;
  height: 280px;
  overflow: hidden;
  position: relative;
  border-radius: 60px 0px 0px 60px;
}
.__mainNews .__pic img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

.__subNews > ul {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
.__subNews .__listItem {
  display: flex;
  row-gap: 20px;
  flex: 1;
}
.__subNews .__listItem.__listProfile dt {
  margin-bottom: 8px;
}
.__subNews .__listItem.__listProfile .sub-title {
  margin-bottom: 9px;
  font-size: 15px;
  color: #7b7b7b;
  font-weight: 500;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #808080;
}
.__subNews .__listItem.__listProfile dd {
  -webkit-line-clamp: 2;
}
.__subNews .__listItem a {
  display: flex;
  column-gap: 15px;
}
.__subNews .__listItem .__Pic {
  width: 160px;
  height: 120px;
  overflow: hidden;
  position: relative;
  border-radius: 5px;
}
.__subNews .__listItem .__Pic > img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.__subNews .__listItem dl {
  flex: 1;
}
.__subNews .__listItem dl > dt {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.__subNews .__listItem a > dl > dd {
  font-size: 14px;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.Latest {
  display: flex;
  column-gap: 41px;
  flex-wrap: wrap;
  padding: 0 15px;
}
.Latest .__articleA {
  flex: 0 0 312px;
}
.Latest .__articleB {
  /* flex: 0 0 468px; */
  flex: 1;
  row-gap: 30px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  position: relative;
}
.Latest .__articleC {
  position: relative;
}
.Latest .__articleB::before,
.Latest .__articleC::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #dedede;
  position: absolute;
  left: -20px;
}

.Latest .__articleC {
  flex: 1;
}

/* .Latest .__articleC {flex:0 0 334px} */
.card-lg-v-list {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}
.card-lg-v-list > .__listVod dd,
.card-lg-v-list > .__listArticle dd {
  -webkit-line-clamp: 3;
}
.card-lg-v-list > .__listProfile .subTitle {
  font-size: 16px;
  line-height: 20px;
  color: #999;
  font-weight: normal;
  margin-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.card-lg-v-list > .__listProfile dd {
  -webkit-line-clamp: 2;
}
.card-lg-v-list > .__listItem > a {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}
.card-lg-v-list > .__listItem > a dl {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.card-lg-v-list > .__listItem > a dl dt {
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
}
.card-lg-v-list > .__listItem > a dl dd {
  font-size: 14px;
  color: #6d6d6d;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.card-md-h-list,
.card-sm-h-list {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.card-md-h-list .__listItem,
.card-sm-h-list .__listItem {
  flex: 1;
}

.card-md-h-list > .__listItem > a,
.card-sm-h-list > .__listItem > a {
  display: flex;
  column-gap: 15px;
}

.card-md-h-list > .__listItem > a dl,
.card-sm-h-list > .__listItem > a dl {
  display: flex;
  flex: 1;
  flex-direction: column;
  row-gap: 5px;
}

.card-md-h-list > .__listItem > a dl > dt {
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  max-height: 50px;
  margin: 5px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.card-md-h-list > .__listItem > a dl > dd {
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.card-md-h-list > .__listProfile,
.card-md-h-list > .__listArtcle,
.card-md-h-list > .__listVod {
  flex: 1;
}
.card-md-h-list > .__listProfile dl,
.card-md-h-list > .__listArtcle dl,
.card-md-h-list > .__listVod dl {
  row-gap: unset !important;
}

.card-md-h-list > .__listProfile dl {
  row-gap: unset !important;
}
.card-md-h-list > .__listProfile dl dt {
  margin: 5px 0 0 !important;
}
.card-md-h-list > .__listProfile dl dd {
  -webkit-line-clamp: 2 !important;
}
.card-md-h-list > .__listProfile .posi {
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
}
.card-md-h-list > .__listProfile .subTitle {
  font-size: 14px;
  line-height: 20px;
  color: #7b7b7b;
  font-weight: 500;
  margin: 2px 0 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.card-md-h-list.column2 > .__listItem > a dl > dt {
  -webkit-line-clamp: 1;
}

.card-md-h-list.column2 > .__listItem > a dl > dd {
  -webkit-line-clamp: 4;
}

.card-sm-h-list > .__listItem > a dl > dt {
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  row-gap: 6px;
}
.card-sm-h-list > .__listItem > a dl > dt .name {
  font-size: 16px;
}

.card-sm-h-list > .__listItem > a dl > dd {
  font-size: 12px;
  color: #171717;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.card-sm-h-list.__listProfile .posi {
  font-size: 12px;
  line-height: 14px;
  font-weight: normal;
  display: inline-block;
}

.__listVod .__Pic-4-3::before {
  content: "";
  background: rgba(0, 0, 0, 0.43);
  width: 100%;
  display: inline-block;
  height: 100%;
  position: absolute;
  top: 0;
}

.__listVod.__pic::after,
.__listVod .size-312-234::after {
  content: "";
  background: url(../images/play-circle.svg) no-repeat;
  width: 20%;
  height: 20%;
  margin-top: -7%;
  margin-left: -7%;
  background-size: contain;
}

.text-md-h-list {
  display: flex;
  flex-direction: column;
  row-gap: 25px;
}
.text-md-h-list > .__listItem > a > dl > dt {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}
.text-md-h-list > .__listItem > a > dl > dt.ft-22 {
  font-size: 22px;
}
.text-md-h-list > .__listItem > a > dl > dt .posi {
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
}
.text-md-h-list > .__listItem > a > dl > dt .subTitle {
  font-size: 14px;
  line-height: 20px;
  color: #6d6d6d;
  font-weight: normal;
  margin-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.text-md-h-list > .__listItem > a > dl > dd {
  font-size: 16px;
  color: #666666;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.text-md-h-list > .__listItem.__listProfile > a > dl > dd {
  -webkit-line-clamp: 2;
}

/* /////sectionCeocard */
.sectionCeocard {
  padding: 0 15px;
}

.__ceoCard {
  display: flex;
  column-gap: 30px;
}
.__ceoCard > .__list {
  flex: 1;
}
.__ceoCard > .__list h3 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #007EB7;
}
.__ceoCard > .__list .__listItem {
  background: #F0F0F0;
  padding-bottom: 25px;
  border-radius: 10px;
}
.__ceoCard > .__list .__listItem .main-link {
  height: 385px;
  display: block;
}
.__ceoCard > .__list .__listItem > a .__article {
  padding: 32px 20px 25px 20px;
}
.__ceoCard > .__list .__listItem > a .__article > dt {
  font-size: 22px;
  line-height: 26px;
  font-weight: bold;
}
.__ceoCard > .__list .__listItem > a .__article > dd {
  font-size: 16px;
  line-height: 22px;
  color: #000;
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* ///etcArticle */
.etcArticle {
  padding: 0 15px;
}
.etcArticle > ul {
  display: flex;
  column-gap: 2%;
  justify-content: space-between;
}
.etcArticle > ul.__main {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 2%;
  row-gap: 40px;
}
.etcArticle > ul.__main .__listItem {
  flex: 0 0 15%;
}
.etcArticle .__listItem {
  flex: 0 0 48%;
}
.etcArticle .posi {
  font-size: 12px;
  font-weight: bold;
}
.etcArticle .name,
.etcArticle .newsTitle {
  font-size: 16px;
  line-height: 24px;
  max-height: 46px;
  font-weight: bold;
  margin-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.etcArticle dl {
  margin-top: 15px;
}
.etcArticle dd {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #6d6d6d;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.etcArticle .__listProfile,
.etcArticle .__listVod,
.etcArticle .__listArticle {
  flex: 1;
}
.etcArticle .__listProfile > ul,
.etcArticle .__listVod > ul,
.etcArticle .__listArticle > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 1%;
  row-gap: 40px;
}
.etcArticle .__listVod dd,
.etcArticle .__listArticle dd {
  -webkit-line-clamp: 3;
  margin-top: 6px;
}

/* ////// ceoArchive*/
.ceoArchive {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex: auto;
  align-items: center;
  justify-content: center;
  flex: 0 0 100%;
  background-color: #000;
  margin: 0 auto;
  max-width: 1200px;
  height: 230px;
}
.ceoArchive.banner {
  height: 180px;
  border-radius: 10px;
}
.ceoArchive .search-ico {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: Center;
  -ms-flex-pack: Center;
  -webkit-justify-content: Center;
  -moz-justify-content: Center;
  justify-content: Center;
  width: 70px;
  height: 70px;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  font-size: 24px;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 50%;
}
.ceoArchive .wh-logo {
  margin: 0 20px;
  height: 54px;
  aspect-ratio: 150/43;
  background: url(../images/cjournal-logo-wh.png) center center no-repeat;
  background-size: contain;
  cursor: pointer;
  display: inline-block;
}
.ceoArchive .text-lg {
  /* font-size: 150px; */
  font-size: clamp(60px, 12vw, 150px);
  font-weight: 900;
  color: rgba(255, 255, 255, 0.7);
  line-height: 180px;
}

.search-container {
  display: flex;
  position: relative;
  width: 58.2%;
  height: 70px;
}
.search-container button {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  padding: 0 45px;
  height: 50px;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
  background-color: #007EB7;
  border-radius: 40px;
}
.search-container input[type=text] {
  padding: 20px 40px;
  font-size: 24px;
  background: #fff;
  border-radius: 40px;
  margin: 0;
}
.search-container input[type=text]::placeholder {
  color: #999;
}

/* /////ceoNetwork */
.ceoNetwork {
  flex: 1;
}
.ceoNetwork h3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  color: #007EB7;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}
.ceoNetwork h3 i {
  padding-right: 6px;
  color: #AFD6E6;
  opacity: 0.6;
}

/* CEO 업다운*/
.ceoUpdown {
  flex: 0 0 31%;
}
.ceoUpdown ul {
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
}
.ceoUpdown h3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #007EB7;
}
.ceoUpdown h3 i {
  padding-right: 6px;
  color: #AFD6E6;
  opacity: 0.6;
}
.ceoUpdown .rank-02,
.ceoUpdown .rank-03,
.ceoUpdown .rank-etc {
  display: flex;
  column-gap: 7px;
  flex-wrap: wrap;
}
.ceoUpdown .rank-02 dl,
.ceoUpdown .rank-03 dl,
.ceoUpdown .rank-etc dl {
  margin-left: 6px;
}
.ceoUpdown .rank-02 dd,
.ceoUpdown .rank-03 dd,
.ceoUpdown .rank-etc dd {
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ceoUpdown .rank-etc {
  flex: 1;
  align-items: center;
  flex: 0 0 100%;
}
.ceoUpdown .rank-etc dt {
  font-size: 14px;
  font-weight: 600;
}
.ceoUpdown .rank-02::after,
.ceoUpdown .rank-03::after,
.ceoUpdown .rank-etc::after {
  content: "";
  display: flex;
  border-bottom: 1px solid #dedede;
  padding-bottom: 12px;
  width: 100%;
}
.ceoUpdown .rank-etc:last-child::after {
  content: none;
}
.ceoUpdown .rank-01 {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  flex: 0 0 100%;
  column-gap: 18px;
  border-radius: 10px;
  background: #F0F0F0;
  padding: 0 30px 0 24px;
  height: 146px;
  position: relative;
  align-items: center;
}
.ceoUpdown .rank-01 .conTxt {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  flex: 1;
  column-gap: 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 19px;
  /* margin-top: 9px; */
}
.ceoUpdown .rank-01 .conTxt-wrap {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 10px;
}
.ceoUpdown .rank-01 .conTxt .info {
  width: calc(100% - 60px);
}
.ceoUpdown .rank-01 .conTxt .info .posi {
  display: inline;
  margin-left: 5px;
  color: #007EB7;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
}
.ceoUpdown .rank-01 .conTxt .info .name {
  display: inline;
  margin-top: 0;
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 0;
  white-space: nowrap;
}
.ceoUpdown .rank-01 span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #000;
  font-size: 14px;
  line-height: 20px;
}
.ceoUpdown .posi {
  font-size: 12px;
  font-weight: bold;
}
.ceoUpdown .name,
.ceoUpdown .newsTitle {
  font-size: 16px;
  line-height: 19px;
  font-weight: bold;
  margin-top: 2px;
  /* padding-right: 40px; */
}

/* 기사 상세 페이지 */
#content-detail .__body {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  width: 100%;
}
#content-detail .__body.__searchResult .__contentsArea section .__listArticle li a {
  column-gap: 20px;
}

.__body .__topListArea {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}
.__body .__topListArea > a {
  display: flex;
  column-gap: 35px;
}
.__body .__topListArea .hederTitle {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  flex: 1;
}
.__body .__topListArea .hederTitle .__title {
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.__body .__topListArea .hederTitle .__subTitle {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  row-gap: 5px;
  color: #7b7b7b;
}
.__body .__topListArea .hederTitle .__con {
  padding-top: 10px;
  font-size: 18px;
  line-height: 28px;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
}
.__body .__topListArea.__listArticle .__con {
  -webkit-line-clamp: 5;
}
.__body .__topArea {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}
.__body .__topArea h2 {
  font-size: 20px;
  font-weight: bold;
  color: #007EB7;
  margin-bottom: 10px;
}
.__body .__topArea .pofileTitle .posi {
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 5px;
}
.__body .__topArea .pofileTitle .name {
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 18px;
}
.__body .__topArea .pofileTitle.rank {
  position: relative;
}
.__body .__topArea .pofileTitle.rank .rankBadge {
  position: absolute;
  top: -50px;
  right: 0;
  justify-content: center;
  width: 70px;
  height: 70px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}
.__body .__topArea .pofileTitle.rank .rankBadge.__up {
  background-color: #F0F7FA;
}
.__body .__topArea .pofileTitle.rank .rankBadge.__down {
  background-color: #F0F0F0;
}
.__body .__topArea .pofileTitle.rank .badge01, .__body .__topArea .pofileTitle.rank .badge02, .__body .__topArea .pofileTitle.rank .badge03 {
  width: 60px;
  height: 60px;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0;
}
.__body .__topArea .pofileTitle.rank .badgeEtc {
  width: 40px;
  height: 40px;
  font-size: 20px;
}
.__body .__topArea .hederTitle {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}
.__body .__topArea .hederTitle .__title {
  font-size: 30px;
  line-height: 36px;
  font-weight: 600;
}
.__body .__topArea .hederTitle .__writer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 16px;
  row-gap: 5px;
}
.__body .__topArea .hederTitle .__writer .__name,
.__body .__topArea .hederTitle .__writer .__time {
  color: #8e8e8e;
}
.__body .__topArea .extraArea {
  display: flex;
  justify-content: space-between;
}
.__body .__topArea .__zoomArea,
.__body .__topArea .__shareArea {
  display: flex;
}
.__body .__topArea .__zoomArea > a,
.__body .__topArea .__shareArea > a {
  margin-left: -1px;
}
.__body .__topArea .talktalk {
  border: 1px solid #dedede;
  padding: 5px;
}
.__body .__topArea .talktalk > div {
  font-family: "Noto Serif KR", serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: bold;
  padding: 30px;
  background: #f5f5f5;
}
.__body .__topArea .prologue {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  display: flex;
  column-gap: 2%;
}
.__body .__topArea .prologue div {
  padding: 10px 0;
}
.__body .__topArea .prologue .quotes-left,
.__body .__topArea .prologue .quotes-right {
  display: flex;
  flex: 0 0 7.3%;
  overflow: hidden;
}
.__body .__topArea .prologue .quotes-left img,
.__body .__topArea .prologue .quotes-right img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.__body .__topArea .prologue .quotes-left > img {
  object-position: top;
}
.__body .__topArea .prologue .quotes-right > img {
  object-position: bottom;
}
.__body .__contentsArea {
  font-size: 18px;
  line-height: 22px;
  display: flex;
  flex-wrap: wrap;
  row-gap: 30px;
  flex-direction: column;
  /* margin-bottom: 40px; */
}
.__body .__contentsArea .__conTalk > img {
  max-width: 100%;
  height: auto;
}
.__body .__contentsArea .__listProfile,
.__body .__contentsArea .__listArticle {
  display: flex;
  flex-wrap: wrap;
  column-gap: 4%;
  row-gap: 30px;
}
.__body .__contentsArea .__listProfile > li,
.__body .__contentsArea .__listArticle > li {
  flex: 0 0 48%;
}
.__body .__contentsArea .__listProfile > li > a,
.__body .__contentsArea .__listArticle > li > a {
  display: flex;
  column-gap: 15px;
}
.__body .__contentsArea .__listProfile > li > a .hederTitle,
.__body .__contentsArea .__listArticle > li > a .hederTitle {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  flex: 1;
}
.__body .__contentsArea .__listProfile > li > a .hederTitle .__title,
.__body .__contentsArea .__listArticle > li > a .hederTitle .__title {
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  /* min-height: 54px; */
}
.__body .__contentsArea .__listProfile > li > a .hederTitle .__subTitle,
.__body .__contentsArea .__listArticle > li > a .hederTitle .__subTitle {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 16px;
  line-height: 20px;
  color: #7b7b7b;
  font-weight: 500;
  row-gap: 5px;
}
.__body .__contentsArea .__listArticle > li {
  flex: 0 0 48%;
}
.__body .__contentsArea .__listArticle > li > a .hederTitle {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  flex: 1;
}
.__body .__contentsArea .__listArticle > li > a .hederTitle .__title {
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  /* min-height: 54px; */
}
.__body .__contentsArea .__listArticle > li > a .hederTitle .__con {
  font-size: 16px;
  line-height: 22px;
  color: #6d6d6d;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.__body .__contentsArea .__listArticle.__txtList {
  flex-direction: column;
  margin-top: 10px;
}
.__body .__contentsArea .__listArticle.__txtList > li {
  flex: 1;
}
.__body .__contentsArea .__listArticle.__txtList > li .__con {
  -webkit-line-clamp: 2 !important;
}
.__body .__vote {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 30px;
  border-top: 1px solid #171717;
  border-bottom: 1px solid #dedede;
  padding: 20px 0 30px;
  font-size: 16px;
  font-weight: bold;
}
.__body .__vote > dd {
  display: flex;
  column-gap: 40px;
  position: relative;
}
.__body .__vote > dd::before {
  content: "";
  display: block;
  width: 1px;
  height: 57px;
  background: #DEDEDE;
  position: absolute;
  left: 41%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
.__body .__vote button {
  font-size: 16px;
  font-weight: bold;
  display: flex;
  align-items: center;
  column-gap: 10px;
  background: transparent;
}
.__body .__vote button i, .__body .__vote button + button i {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  font-size: 27px;
  line-height: 70px;
}
.__body .__vote button i {
  background-color: #F0F7FA;
  color: #007EB7;
}
.__body .__vote button + button i {
  background-color: #F0F0F0;
  color: #B3B3B3;
}
.__body .__reTitle {
  font-size: 18px;
  margin-bottom: 15px;
}
.__body .__reTitle em {
  font-weight: bold;
  font-style: normal;
}
.__body .__reply {
  border-radius: 10px;
  border: 1px solid #dedede;
  margin-bottom: 30px;
}
.__body .__reply input {
  border-radius: 4px;
  border: 1px solid #dedede;
  background: transparent;
}
.__body .__reply textarea {
  border-radius: 4px;
  border: 1px solid #dedede;
  background: #f8f8f8;
}
.__body .__reply .formTop {
  margin: 10px;
}
.__body .__reply .formBottom {
  border-top: 1px solid #dedede;
}
.__body .__reply .formBottom > ul {
  margin: 10px;
  display: flex;
  column-gap: 10px;
}
.__body .__reply .formBottom > ul .left,
.__body .__reply .formBottom > ul .center,
.__body .__reply .formBottom > ul .right {
  display: flex;
  column-gap: 10px;
}
.__body .__reply .formBottom > ul .right > button {
  background: #ad9a80;
  border-radius: 4px;
  font-size: 14px;
  color: #fff;
  padding: 5px 16px;
}
.__body .__reply .formBottom > ul .catpcha {
  display: flex;
  column-gap: 10px;
  align-items: center;
}
.__body .__reply .formBottom > ul .reload {
  width: 30px;
  height: 30px;
  background: url(../images/refresh.svg) no-repeat center center;
}
.__body .__reList {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}
.__body .__reList dt {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  padding-left: 10px;
}
.__body .__reList .userName {
  font-size: 14px;
  font-weight: bold;
  padding-right: 10px;
}
.__body .__reList .writeDate {
  font-size: 12px;
  border-left: 1px solid #dedede;
  padding-left: 10px;
}
.__body .__reList > li dd {
  padding: 25px;
  background: #f8f2eb;
  border-radius: 10px 30px 30px 30px;
}
.__body .__reList > li:nth-child(even) dt {
  padding-right: 10px;
  justify-content: flex-end;
}
.__body .__reList > li:nth-child(even) dd {
  border-radius: 30px 10px 30px 30px;
}
.__body .__reList .reText {
  font-size: 14px;
  line-height: 16px;
}
.__body .__reList .btnArea {
  display: flex;
  column-gap: 5px;
  justify-content: flex-end;
  margin-top: 5px;
}
.__body .__reList .btnArea button {
  border-radius: 24px;
  padding: 5px 15px;
  background: #fff;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  color: #171717;
}
.__body.__searchResult .reseltText {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  line-height: 36px;
}
.__body.__searchResult .reseltText span {
  color: #ae9a81;
}
.__body.__searchResult .reseltText span.__keyword::before, .__body.__searchResult .reseltText span.__keyword::after {
  content: '"';
}
.__body.__searchResult .__contentsArea .__listArticle {
  flex-direction: column;
}
.__body.__searchResult .__contentsArea .__listArticle > li {
  flex: 1;
}
.__body.__searchResult .__contentsArea .__listArticle > li > a .hederTitle .__con {
  -webkit-line-clamp: 5;
}
.__body.__searchResult .__contentsArea section h3 {
  font-size: 18px;
  font-weight: bold;
  padding: 15px 0;
  border-top: 2px solid #007EB7;
  border-bottom: 1px solid #dedede;
  margin-bottom: 30px;
  color: #007EB7;
}
.__body.__about .info-content {
  margin-top: 30px;
  font-size: 16px;
  color: #171717;
  text-align: left;
  line-height: 24px;
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}
.__body.__about .info-content .sec01 {
  display: flex;
  flex-wrap: wrap;
}
.__body.__about .info-content .sec01 h2 {
  flex: 1;
}
.__body.__about .info-content .sec01 ul {
  display: flex;
  column-gap: 20px;
  row-gap: 9.9px;
  align-items: center;
}
.__body.__about .info-content .sec01 ul > li {
  flex: 1;
  padding: 0;
  flex-direction: column;
  display: flex;
  row-gap: 9.9px;
}
.__body.__about .info-content .sec01 ul > li .about-logo {
  display: inline-block;
  text-align: center;
  aspect-ratio: 150/43;
}
.__body.__about .info-content .sec01 ul > li.con1 {
  order: 1;
}
.__body.__about .info-content .sec01 ul > li.con2 {
  order: 2;
}
.__body.__about .info-content .sec01 ul > li.con3 {
  order: 3;
}
.__body.__about .info-content .sec01 ul > li::before {
  content: none;
}
.__body.__about .info-content .sec02 > ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: 100px;
}
.__body.__about .info-content .sec02 > ul > li {
  padding: 0;
  flex: 1;
}
.__body.__about .info-content .sec02 .con1 .__obj {
  background: #96a3c1;
}
.__body.__about .info-content .sec02 .con1 dl {
  background: #dee4f5;
}
.__body.__about .info-content .sec02 .con2 .__obj {
  background: #007EB7;
}
.__body.__about .info-content .sec02 .con2 dl {
  background: rgba(0, 126, 183, 0.1882352941);
}
.__body.__about .info-content .sec02 .con1,
.__body.__about .info-content .sec02 .con2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 30px;
}
.__body.__about .info-content .sec02 .con1 .__obj,
.__body.__about .info-content .sec02 .con2 .__obj {
  border-radius: 50%;
  width: 250px;
  height: 250px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 15px;
}
.__body.__about .info-content .sec02 .con1 .__obj img,
.__body.__about .info-content .sec02 .con2 .__obj img {
  width: 103px;
  height: 103px;
}
.__body.__about .info-content .sec02 .con1 .__obj h3,
.__body.__about .info-content .sec02 .con2 .__obj h3 {
  color: #fff;
  font-size: 36px;
  margin-bottom: 0;
  font-family: "Noto Serif KR", serif;
}
.__body.__about .info-content .sec02 .con1 .__objTitle,
.__body.__about .info-content .sec02 .con2 .__objTitle {
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  text-align: center;
}
.__body.__about .info-content .sec02 .con1 dl,
.__body.__about .info-content .sec02 .con2 dl {
  padding: 35px 45px;
  border-radius: 20px;
}
.__body.__about .info-content .sec03 > ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: 30px;
}
.__body.__about .info-content .sec03 > ul > li {
  padding: 30px;
  flex: 1;
  background: #f5f5f5;
  border-radius: 30px;
}
.__body.__about .info-content .sec03 > ul > li::before {
  content: none;
}
.__body.__about .info-content .sec03 > ul > li > h3 {
  font-size: 22px;
  font-weight: bold;
  color: #171717;
}
.__body.__about .info-content .sec04 ol {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
  column-gap: 4%;
}
.__body.__about .info-content .sec04 ol li {
  flex: 0 0 48%;
  display: flex;
  column-gap: 20px;
  align-items: center;
}
.__body.__about .info-content .sec04 ol li .__obj {
  border-radius: 50%;
  width: 200px;
  height: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 10px;
  background: #007EB7;
}
.__body.__about .info-content .sec04 ol li .__obj > span {
  font-family: "Noto Serif KR", serif;
  font-size: 80px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.4);
  line-height: 80px;
}
.__body.__about .info-content .sec04 ol li .__obj._odd {
  background: #96a3c1;
}
.__body.__about .info-content .sec04 dl {
  flex: 1;
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.__body.__about .info-content .sec04 dl dt h3 {
  color: #fff;
  text-align: center;
  font-size: 18px;
  line-height: 1.5;
}
.__body.__about .info-content .sec04 dl dd::before {
  content: none;
}
.__body.__about .info-content h2 {
  font-weight: bold;
  color: #171717;
  font-size: 35px;
  margin-bottom: 25px;
}
.__body.__about .info-content h2 em {
  font-weight: 300;
  font-style: normal;
  color: #6d6d6d;
  font-size: 25px;
}
.__body.__about .info-content h3 {
  font-weight: bold;
  color: #007EB7;
  font-size: 24px;
  margin-bottom: 15px;
}
.__body.__about .info-content > ul {
  margin-top: 5px;
  margin-bottom: 30px;
}
.__body.__about .info-content dl dt {
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 10px;
}
.__body.__about .info-content ul li,
.__body.__about .info-content dl dd {
  font-size: 16px;
  color: #171717;
  text-align: left;
  line-height: 24px;
  position: relative;
  text-indent: 0px;
  padding-left: 10px;
}
.__body.__about .info-content ul li::before,
.__body.__about .info-content dl dd::before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 2px;
  background: #7e6c60;
  position: absolute;
  left: 0;
  top: 9px;
}
.__body.__etc .etc-content {
  max-width: 900px;
  margin: 30px auto 0;
  display: flex;
  flex-direction: column;
  row-gap: 50px;
}
.__body.__etc .etc-content h2 {
  font-weight: bold;
  color: #171717;
  font-size: 32px;
  margin-bottom: 30px;
  line-height: 1;
}
.__body.__etc .etc-content .__title {
  display: flex;
  align-items: center;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 40px;
  line-height: 1;
}
.__body.__etc .etc-content .__title .icon-box {
  margin-right: 14px;
  width: 32px;
  height: 32px;
  background-color: #EAF4F8;
  border-radius: 3px;
  text-align: center;
}
.__body.__etc .etc-content .__title .icon-box img {
  width: 20px;
  height: auto;
}
.__body.__etc .etc-content .__dscription {
  background-color: #F0F7FA;
  padding: 20px;
  margin-bottom: 40px;
  border-left: 5px solid #007EB7;
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  color: #000;
}
.__body.__etc .etc-content .__listWrap {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  padding-left: 9.5px;
}
.__body.__etc .etc-content .__listWrap ol li p {
  margin-left: 15px;
  margin-bottom: 10px;
}
.__body.__etc .etc-content .__listWrap li {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  font-size: 18px;
  line-height: 28px;
  color: #171717;
  font-weight: 500;
}
.__body.__etc .etc-content .__listWrap li h3 {
  font-size: 24px;
  line-height: 30px;
  color: #007EB7;
  font-weight: 600;
}
.__body.__etc .etc-content .__listWrap li p {
  font-size: 18px;
  line-height: 30px;
  color: #000;
  font-weight: 500;
}
.__body.__etc .etc-content .__listWrap li .tit {
  font-weight: 700;
  font-size: 20px;
}

/* CEO 프로필 상세 페이지 */
.profileDetail .__body {
  position: relative;
}
.profileDetail .__body::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #dedede;
  position: absolute;
  left: -20px;
}
.profileDetail .__body::after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #dedede;
  position: absolute;
  right: -20px;
}
.profileDetail .__body section {
  display: flex;
  row-gap: 30px;
  flex-direction: column;
}
.profileDetail .__body section h3 {
  display: flex;
  align-items: center;
  padding: 10px 14px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 18px;
  color: #000;
  font-weight: 700;
  background-color: #F0F7FA;
  border-left: 5px solid #007EB7;
}

.menuBurger,
.closebtn {
  display: none;
}

.__lnb {
  width: 260px;
}
.__lnb .__title {
  margin-bottom: 20px;
  width: 100%;
  height: 100px;
  background: rgb(0, 0, 0);
  border-left: 6px solid #007EB7;
  padding: 15px 24px;
}
.__lnb .__title .name {
  display: block;
  font-size: 32px;
  font-weight: 700;
  color: #fff;
  line-height: 36px;
}
.__lnb .__title .posi {
  display: inline-block;
  margin-top: 4px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: rgb(240, 247, 250);
}

.__side {
  width: 100%; 
}
.__side section {
  display: flex;
  row-gap: 20px;
  flex-direction: column;
}
.__side section > h3 {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  color: #007EB7;
  font-size: 18px;
  font-weight: bold;
  padding: 15px 0;
  border-top: 2px solid #007EB7;
  border-bottom: 1px solid #dedede;
}
.__side section > h3 i {
  padding-right: 6px;
  color: #007EB7;
  opacity: 0.6;
}

.__sideP {
  position: sticky;
  height: 100%;
  top: 80px;
  width: 20rem;
  display: flex;
  flex-direction: column;
}
.__sideP_inner .__top, .__sideP_inner .__bottom {
  position: relative;
  z-index: 1;
}
.__sideP_inner .__top {
  padding: 3px 3px 0;
  background-color: #000;
}
.__sideP_inner .__top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 50px;
  background-color: #B72428;
  z-index: -1;
}
.__sideP_inner .__bottom {
  padding: 0 3px 3px 3px;
  background-color: #000;
}
.__sideP_inner .__bottom::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 30px;
  height: 50px;
  background-color: #B72428;
  z-index: -1;
}
.__sideP_inner .__top .pofileTitle {
  background: #F0F0F0;
  padding: 17px 17px 0;
}
.__sideP_inner .__top .pofileTitle .logo {
  margin-bottom: 10px;
}
.__sideP_inner .__top .pofileTitle .logo img {
  width: 110px;
  height: auto;
}
.__sideP_inner .__top .pofileTitle .name {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
}
.__sideP_inner .__top .pofileTitle .posi {
  font-size: 14px;
  font-weight: 500;
  color: #B72428;
  line-height: 18px;
}
.__sideP_inner .__top .pofileTitle .__title {
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  margin-top: 20px;
  padding-bottom: 20px;
}
.__sideP_inner .__bottom div {
  /* margin-top:1.5rem; */
  color: #666;
  font-size: 12px;
  line-height: 18px;
  position: relative;
  background: #F0F0F0;
  padding: 0 17px 26px 17px;
}
.__sideP_inner .__bottom div::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 10rem;
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}

.top-wrapper {
  /* height:380px; */
  background: #fff;
}

.hot-profile-wrap {
  /* display: flex; */
  /* column-gap: 78px; */
}
.hot-profile-wrap .news-wrap {
  margin-right: 20px;
}
.hot-profile-wrap .news-wrap h5 {
  line-height: 20px;
}
.hot-profile-wrap .news-wrap a {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: unset;
  text-indent: -10px;
  display: inline-block;
  padding-left: 10px;
}

.hotprofile__etc {
  width: 400px;
  position: relative;
}
.hotprofile__etc::after {
  content: "";
  width: 250px;
  height: 380px;
  position: absolute;
  background: #eee;
  right: 0;
  top: 0;
}
.hotprofile__etc::before {
  content: "";
  width: 385px;
  height: 365px;
  position: absolute;
  background: #fff;
  left: 0;
  top: 15px;
  z-index: 1;
}
.hotprofile__etc > h3.title {
  font-family: "Perpetua", sans-serif;
  font-style: italic;
  font-size: 30px;
  margin-bottom: 10px;
  background: #fff;
  padding-top: 30px;
  position: absolute;
  height: 70px;
  top: 15px;
  left: 0;
  right: 15px;
  z-index: 10;
}
.hotprofile__etc > ul {
  background: #fff;
  position: relative;
  z-index: 1;
  margin: 85px 15px 0 0;
  padding: 0 25px 0 0;
  top: 0;
  overflow: auto;
  height: 200px;
}
.hotprofile__etc > ul > li > a {
  font-size: 14px;
  line-height: 30px;
}
.hotprofile__etc .etc-menu-btn {
  position: absolute;
  z-index: 1;
  bottom: 10px;
}

.hotprofile__info {
  /* display: flex; */
  column-gap: 42px;
  flex: 1;
}

.con__wrap {
  display: flex;
}

.con__wrap::after {
  content: "";
  background: #171717;
}

.info__img {
  display: flex;
}

.info__img > .thum-md__profilebox {
  order: 1;
}

.info__txt {
  font-size: 14px;
  line-height: 20px;
  background: #007EB7;
  color: #fff;
  padding: 15px;
  height: 190px;
}

.info__txt > p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
}

.info__con .posi {
  font-size: 14px;
  font-weight: bold;
  margin-top: 7px;
  display: inline-block;
}
.info__con .user-name {
  font-size: 28px;
  font-weight: bold;
  line-height: 40px;
}
.info__con .user-name span {
  display: block;
}
.info__con dl {
  margin-bottom: 15px;
}
.info__con dl > dd {
  font-size: 14px;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.info__con .keyword {
  display: flex;
  flex-wrap: wrap;
  column-gap: 5px;
  row-gap: 5px;
}
.info__con .list-txt-type-sm {
  margin-top: 20px;
}
.info__con .list-txt-type-sm > ul {
  height: unset;
  overflow: unset;
}
.info__con .list-txt-type-sm > ul > li {
  padding: 0;
  border-bottom: 0;
  margin-bottom: 10px;
}
.info__con .list-txt-type-sm > ul > li a {
  height: unset;
}
.info__con .con__wrap {
  display: flex;
}
.info__con .con__wrap::after {
  content: "";
  background: #171717;
  width: 30%;
  height: 170px;
}

.profile-wrap {
  flex: 1;
  padding: 25px 10px;
}

.side-wrap {
  /* width:225px; */
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}

.side-wrap h4 {
  color: #171717;
  font-size: 20px;
  font-weight: bold;
  line-height: 27px;
}

.profile__list {
  /* display: flex; */
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 30px;
}
.profile__list > li {
  /* flex: 0 0 49%; */
  /* width: 500px; */
  padding: 10px;
  position: relative;
  clear: both;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  /* height: 210px; */
}
.profile__list > li::before, .profile__list > li::after {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  z-index: -1;
}
.profile__list > li::before {
  background: #007EB7;
  left: 0;
  top: 0;
}
.profile__list > li::after {
  background: #eee;
  right: 0;
  bottom: 0;
}

ul.list__item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  column-gap: 15px;
  /* height:100% */
  flex: 1;
}

.item__profileimg {
  float: left;
}
.item__profileimg .thum-sm__profilebox {
  width: 100px;
  height: 143px;
}

.item__profilecon {
  flex: 1;
  background: #fff;
  padding: 0 10px 10px 0;
  margin-left: 0;
  min-height: 143px;
}
.item__profilecon .posi {
  font-size: 14px;
  margin-bottom: 5px;
  font-weight: bold;
  display: inline-block;
}

.thum-sm__profileinfo .posi {
  font-size: 14px;
  margin-bottom: 5px;
  font-weight: bold;
  display: inline-block;
}

.item__profilecon .user-name {
  font-size: 24px;
  height: 32px;
  font-weight: bold;
}
.item__profilecon dl {
  margin-bottom: 15px;
}
.item__profilecon dl > dt {
  font-weight: bold;
}
.item__profilecon dl > dd {
  font-size: 14px;
  line-height: 18px;
  padding-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.profile-wrap .news-wrap li {
  margin-top: 5px;
}
.profile-wrap .news-wrap li > a {
  font-size: 13px;
  line-height: 16px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-indent: -9px;
  padding-left: 10px;
}

.news-wrap {
  background: #fff;
  border-top: 1px solid rgba(112, 112, 112, 0.1);
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.news-wrap h5 {
  color: #007EB7;
  font-size: 16px;
  font-weight: 900;
}

.list-txt-type-sm {
  padding: 20px;
}
.list-txt-type-sm > .profile-list li .news-wrap li {
  line-height: 20px;
  padding: 0;
  min-width: 227px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.list-txt-type-sm > .profile-list li .news-wrap li > a {
  font-size: 14px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333;
}

.list-thum-type-sm {
  padding: 20px;
}

.list-txt-type-sm > .profile-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row;
  /* position:absolute;
  left:0;
  right:0; */
  overflow: auto;
  /*flex-wrap:wrap;*/
  column-gap: 20px;
  margin-left: -20px;
  margin-right: -20px;
}
.list-txt-type-sm > .profile-list li {
  padding: 30px 15px 10px;
  color: white;
  font-size: 22px;
  background-color: #f4f4f4;
  flex: 1;
  -webkit-flex: 1;
  /* text-align:center; */
  min-width: 250px;
  border-bottom: 0;
}
.list-txt-type-sm > .profile-list li.list-item__thum > a {
  flex-direction: column;
  text-align: center;
}
.list-txt-type-sm > ul > li.list-item__thum > a {
  display: flex;
  column-gap: 15px;
  align-items: center;
}

li.list-item__thum > a > .thum-sm__box {
  width: 140px;
  height: 100px;
  margin-bottom: 0;
}
li.list-item__thum > a > .thum-sm__profilebox {
  width: 120px;
  height: 160px;
  margin-bottom: 0;
}
li.list-item__thum > a > .thum-xsm__profilebox {
  width: 100px;
  height: 143px;
  margin-bottom: 0;
}

.thum-sm__profileinfo {
  flex: 1;
  margin: 0;
}
.thum-sm__profileinfo > dd {
  margin-top: 10px;
  font-size: 12px;
  line-height: 16px;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.thum-sm__profileinfo.thum-list > dd {
  -webkit-line-clamp: 5;
}
.thum-sm__profileinfo .posi {
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
}
.thum-sm__profileinfo .user-name {
  font-size: 18px;
  height: 22px;
  font-weight: bold;
}

li.list-item__thum > a > dl {
  flex: 1;
  margin: 0;
}

.list-txt-type-sm > ul > li {
  padding: 15px 0;
  border-bottom: 1px solid rgba(112, 112, 112, 0.28);
}
.list-txt-type-sm > ul > li a {
  color: #171717;
  font-size: 14px;
  line-height: 20px;
  /* height: 42px; */
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.list-txt-type-sm > ul > li .date {
  color: #b2b2b2;
  font-size: 12px;
}

.list-thum-type-sm > ul {
  margin-top: 10px;
}
.list-thum-type-sm > ul > li {
  margin-bottom: 20px;
  flex: 1;
}
.list-thum-type-sm > ul > li > a {
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.news {
  /* order:2; */
}
.news h4 {
  color: #171717;
  font-size: 20px;
  font-weight: bold;
  line-height: 27px;
}

.channel {
  /* order:1; */
  background: #000;
  padding: 20px;
  margin-bottom: 20px;
}
.channel h4 {
  color: #fff;
}

.profile-wrap h3 {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  font-size: 40px;
  margin-bottom: 28px;
  text-align: center;
  position: relative;
}
.profile-wrap h3::after {
  /* content:'';
  display: block;
  border-bottom: 1px solid #000;
  width:100%;
  position: absolute;
  bottom: 10px; */
}

/* ED. CONTENT */
/* SUB CON */
#content-detail .con-detail__top {
  display: flex;
  column-gap: 15px;
  flex-wrap: wrap;
  background: #f9f9f9;
  margin: 30px 20px 20px 30px;
  padding: 10px;
}
#content-detail .con-detail__top::before {
  content: "";
  width: 120px;
  height: 195px;
  border-style: solid;
  border-width: 10px;
  border-top-color: #007EB7;
  border-left-color: #007EB7;
  border-right-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 20px;
  left: 20px;
}
#content-detail .con__news > .con-detail__top::before {
  content: none;
}
#content-detail .con__news .con-detail__top {
  background: #fff;
  margin: unset;
}

.con__news .con-detail__top .info__con {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.con__news .info__con h2 {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.con-detail__top .info__con {
  position: relative;
  flex: 1;
  display: flex;
  /* padding: 40px; */
}
.con-detail__top .info__con > dl {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-bottom: 0;
}
.con-detail__top .info__con .posi {
  font-size: 12px;
  margin-top: 15px;
  letter-spacing: 0;
}
.con-detail__top .info__con h3 {
  font-family: "Noto Serif", serif;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  font-style: italic;
  margin-bottom: 10px;
}
.con-detail__top .info__con .user-name {
  font-size: 20px;
  justify-content: flex-start;
  /* height: 50px; */
  margin-bottom: 5px;
}
.con-detail__top .info__con .user-name > span {
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  margin: 0 0 4px 0;
}
.con-detail__top .info__con .user-name .name__lang {
  font-size: 14px;
  color: #3a3a3a;
}
.con-detail__top .info__con .user-name .name__lang > span {
  display: inline-block;
}
.con-detail__top .info__con .date-info p {
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  color: #171717;
  /* margin-bottom: -.5rem; */
}
.con-detail__top .info__con .date-info p + p {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 5px;
  font-weight: normal;
  color: #707070;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 0;
}
.con-detail__top .info__con .date-info p:not(:has(+ p)) {
  font-weight: normal;
  color: #707070;
}
.con-detail__top .keyword {
  margin-bottom: 10px;
}
.con-detail__top .keyword ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
}
.con-detail__top .keyword li {
  font-size: 11px;
  line-height: 14px;
  color: #707070;
}

#content-detail .con__header {
  margin: 25px 0 0;
  padding: 0 20px;
}
#content-detail .con__header h2 {
  font-size: 18px;
  font-weight: bold;
  color: #007EB7;
  /* margin-top: 28px; */
  margin-bottom: 7px;
}
#content-detail .con__header h3 {
  font-size: 16px;
  font-family: "Playfair Display", serif;
  font-style: italic;
  /* margin-bottom: 40px; */
}
#content-detail.search-list h4 {
  border-bottom: 1px solid #000;
  padding: 10px 0;
  color: #171717;
  font-size: 20px;
  font-weight: bold;
  line-height: 27px;
}
#content-detail.search-list .list-thum-type-sm > ul > li > a {
  color: #171717;
}

.con__detail {
  font-size: 16px;
  color: #3a3a3a;
  line-height: 20px;
  margin-top: 20px;
  margin-bottom: 40px;
  padding: 0 20px;
}
.con__detail > p {
  margin-bottom: 15px;
}
.con__detail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.ai-keyword {
  border-radius: 5px;
  margin: 40px 20px;
  padding: 25px;
  background: #f8f8f8;
}
.ai-keyword ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: 15px;
  row-gap: 5px;
}
.ai-keyword li {
  font-size: 14px;
  color: #3a3a3a;
}

.info-content h2 {
  font-weight: bold;
  color: #000;
  font-size: 35px;
  margin-bottom: 25px;
}
.info-content h2 em {
  font-weight: normal;
  color: #6d6d6d;
  font-size: 25px;
}
.info-content h3 {
  font-weight: bold;
  color: #007EB7;
  font-size: 24px;
  margin-bottom: 15px;
}
.info-content > ul {
  margin-top: 5px;
  margin-bottom: 30px;
}
.info-content dl dt {
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 10px;
}
.info-content ul li,
.info-content dl dd {
  font-size: 16px;
  color: #171717;
  text-align: left;
  line-height: 24px;
  position: relative;
  text-indent: 0px;
  padding-left: 10px;
}
.info-content ul li::before,
.info-content dl dd::before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 2px;
  background: #7e6c60;
  position: absolute;
  left: 0;
  top: 9px;
}

.flex-box {
  display: flex;
  /*align-items: center;*/
  justify-content: space-between;
  column-gap: 40px;
}

/* ICON */
.ico {
  width: 40px;
  height: 40px;
}

.icon-profile {
  background: url(../images/Icon/feather-users.png) no-repeat center center;
}

.icon-news {
  background: url(../images/Icon/ionic-md-paper.png) no-repeat center center;
}

.icon-back {
  background: url(../images/Iconly-Light-Outline-Arrow---Left-2.png) no-repeat center center;
}

.ol-contents li {
  list-style: decimal;
  text-align: left;
  font-size: 14px;
  line-height: 22px;
  margin-left: 15px;
}
.ol-contents li a {
  text-decoration: underline;
  color: #171717;
}

.ul-contents li {
  text-align: left;
  margin-bottom: 40px;
}
.ul-contents p {
  font-size: 14px;
  line-height: 20px;
  color: #333;
  margin-bottom: 15px;
}
.ul-contents h3 {
  font-size: 16px;
  margin-bottom: 20px;
}
.ul-contents h3 a {
  font-size: 11px;
  color: #aaa;
  font-weight: normal;
}

/* Style the horizontal ruler */
hr {
  border: 1px solid #f1f1f1;
  margin-bottom: 25px;
  border: 1px solid #f1f1f1;
  margin-bottom: 25px;
}

/* Style the horizontal ruler */
/* The Modal Close Button (x) */
.close {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 40px !important;
  color: #fff !important;
}

/* Clear floats */
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.__iconVod {
  background: url(https://c-journal.co.kr/assets/images/iconVod.svg) no-repeat;
  display: inline-block;
  width: 20px;
  height: 14px;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  margin-right: 12px;
  margin-top: -3px;
  vertical-align: middle;
}

/*# sourceMappingURL=styles.css.map */