/* Pretendard 폰트 */
@font-face {
	font-family: 'Pretendard-ExtraBold';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard Bold'), url(/public/font/Pretendard-ExtraBold.woff2) format('woff2');
}

@font-face {
	font-family: 'Pretendard-Bold';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url(/public/font/Pretendard-Bold.woff2) format('woff2');
}

@font-face {
	font-family: 'Pretendard-SemiBold';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url(/public/font/Pretendard-SemiBold.subset.woff2) format('woff2');
}

@font-face {
	font-family: 'Pretendard-Medium';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url(/public/font/Pretendard-Medium.subset.woff2) format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url(/public/font/Pretendard-Regular.subset.woff2) format('woff2');
}

@font-face {
	font-family: 'Pretendard-Light';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url(/public/font/Pretendard-Light.subset.woff2) format('woff2');
}

/* @font-face { */
    /* font-family: 'SpoqaHanSansNeo400'; */
    /* font-weight: 400; */
    /* src: url(/public/font/Spoqa Han Sans Regular.woff2) format('woff2'); */
/* } */
/* @font-face { */
    /* font-family: 'SpoqaHanSansNeo700'; */
    /* font-weight: 700; */
    /* src: url(/public/font/Spoqa Han Sans Bold.woff2) format('woff2'); */
/* } */

@font-face {
    font-family: 'SpoqaHanSansNeo-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* *{box-sizing: border-box;} */
html {font-size: 16px;}

/* body{background:#fff;} */
div {
	box-sizing:border-box; 
}
.mo_only, .mo_br {display:none!important;}
.tBr{display: none;}
.mBr{display: none;}
/* @media (max-width:1400px) and (min-width:992px) {html {font-size:55%;}} */
@media (max-width:991px) {
	.pc_only, .pc_br {display:none!important;}
	.mo_only, .mo_br {display:block!important;}
}

.inr {
    width: 100%;
    max-width: 140rem;
    height: 100%;
	padding:0rem 2rem;
    position: relative;
    margin: 0 auto;
}

/* display */
.display-b {
  display: block;
}

.display-i {
  display: inline;
}

.display-i-b {
  display: inline-block;
}

.display-f {
  display: flex;
}
 .gap-4{gap:4px}
.display-g {
  display: grid;
}

/* display align */
.justify-c {
  justify-content: center;
}

.justify-sb {
  justify-content: space-between;
}

.justify-sa {
  justify-content: space-around;
}

.justify-fs {
  justify-content: flex-start;
}

.justify-fe {
  justify-content: flex-end;
}

.align-items-c {
  align-items: center;
}

.align-items-fs {
  align-items: flex-start;
}

.align-items-fe {
  align-items: flex-end;
}

.align-content-c {
  align-content: center;
}

.align-content-fs {
  align-content: flex-start;
}

.align-content-fe {
  align-content: flex-end;
}

.align-content-sb {
  align-content: space-between;
}

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

/* text- align */
.text-align-c {
  text-align: center;
}

.text-align-l {
  text-align: left;
}

.text-align-r {
  text-align: right;
}

.text-align-j {
  text-align: justify;
}

/* margin */
.margin-c {
  margin: 0 auto;
}

.margin-l-0 {
  margin-right: auto;
  margin-left: 0;
}

.margin-r-0 {
  margin-left: auto;
  margin-right: 0;
}
.margin-t20{margin-top: 20px}

.margin-r20{
  margin-right: 20px;
}

/* 모바일 */
.mo_br {
  display: none;
}

.mo_img {
  display: none !important;
}

/* 기타 */
.bold {
  font-weight: bold;
}

.underline {
  text-decoration: underline;
}

.line-h2{
  line-height: 2;
}

/* 팝업띄웠을 때 html,body 스크롤 방지용 */
.scroll_lock {
  overflow: hidden;
}

/* font family */
.font_pretendard {
  font-family: "Pretendard", sans-serif;
}

/* width */
.max_1200 {
  max-width: 1200px;
  width: 92%;
}
.max_1400 {
  max-width: 1400px;
  width: 92%;
}

/* height */
.height-40{
  height: 40px;
}

/* animation */
.ani_load {
  transition: transform 0.7s ease, opacity 0.7s ease, filter 0.7s ease;
  opacity: 0;
}
.ani_load.ani_view {
  transform: translate(0, 0);
  opacity: 1;
}

.point_color {
  color: #c4ae41;
}
.gray_color {
  color: #ddd;
}

/* pc padding */
.padding-t10 {
  padding-top: clamp(5px, 0.52vw, 10px);
}
.padding-t20 {
  padding-top: clamp(10px, 1.04vw, 20px);
}
.padding-t30 {
  padding-top: clamp(15px, 1.56vw, 30px);
}
.padding-t35 {
  padding-top: clamp(18px, 1.82vw, 35px);
}
.padding-t40 {
  padding-top: clamp(20px, 2.08vw, 40px);
}
.padding-t50 {
  padding-top: clamp(35px, 2.6vw, 50px);
}
.padding-t60 {
  padding-top: clamp(30px, 3.13vw, 60px);
}
.padding-t70 {
  padding-top: clamp(35px, 3.65vw, 70px);
}
.padding-t80 {
  padding-top: clamp(40px, 4.17vw, 80px);
}
.padding-t90 {
  padding-top: clamp(45px, 4.69vw, 90px);
}
.padding-t100 {
  padding-top: clamp(70px, 5.21vw, 100px);
}
.padding-t110 {
  padding-top: clamp(75px, 5.73vw, 110px);
}
.padding-t120 {
  padding-top: clamp(60px, 6.25vw, 120px);
}
.padding-t130 {
  padding-top: clamp(65px, 6.77vw, 130px);
}
.padding-t150 {
  padding-top: clamp(100px, 7.81vw, 150px);
}
.padding-t160 {
  padding-top: clamp(80px, 8.33vw, 160px);
}
.padding-t170 {
  padding-top: clamp(85px, 8.85vw, 170px);
}
.padding-t200 {
  padding-top: clamp(150px, 10.42vw, 200px);
}

.padding-b10 {
  padding-bottom: clamp(5px, 0.52vw, 10px);
}
.padding-b20 {
  padding-bottom: clamp(10px, 1.04vw, 20px);
}
.padding-b30 {
  padding-bottom: clamp(15px, 1.56vw, 30px);
}
.padding-b40 {
  padding-bottom: clamp(20px, 2.08vw, 40px);
}
.padding-b50 {
  padding-bottom: clamp(35px, 2.6vw, 50px);
}
.padding-b60 {
  padding-bottom: clamp(30px, 3.13vw, 60px);
}
.padding-b70 {
  padding-bottom: clamp(35px, 3.65vw, 70px);
}
.padding-b80 {
  padding-bottom: clamp(40px, 4.17vw, 80px);
}
.padding-b90 {
  padding-bottom: clamp(45px, 4.69vw, 90px);
}
.padding-b100 {
  padding-bottom: clamp(70px, 5.21vw, 100px);
}
.padding-b110 {
  padding-bottom: clamp(75px, 5.73vw, 110px);
}
.padding-b120 {
  padding-bottom: clamp(90px, 6.25vw, 120px);
}
.padding-b130 {
  padding-bottom: clamp(65px, 6.77vw, 130px);
}
.padding-b150 {
  padding-bottom: clamp(100px, 7.81vw, 150px);
}
.padding-b160 {
  padding-bottom: clamp(80px, 8.33vw, 160px);
}
.padding-b170 {
  padding-bottom: clamp(120px, 8.85vw, 170px);
}
.padding-b200 {
  padding-bottom: clamp(150px, 10.42vw, 200px);
}
.padding-b5 {
  padding-bottom: 5px;
}

.padding-r20 {
  padding-right: clamp(15px, 10.42vw, 20px);
}

/*폰트사이즈*/
.font-w700{    font-weight: 700;}
.font-s20{font-size:20px}

/*테두리*/
.border-n{
  border: none;
}

/*커서 모양*/
.cursor-pointer{
  cursor: pointer;
}

.border-left-2{
  border-left: 2px solid;
}

@media (max-width: 750px) {
  .pc_br {
    display: none;
  }
  .mo_br {
    display: block;
  }

  /* mo width */
  .mo-display-b{
    display: block;
  }

  /* mo margin */
  .mo-margin-b20 {
    margin-bottom: 20px;
  }

  /* mo padding */
  .mo-padding-t20 {
    padding-top: clamp(10px, 2.67vw, 20px);
  }
  .mo-padding-t30 {
    padding-top: clamp(15px, 4vw, 30px);
  }
  .mo-padding-t40 {
    padding-top: clamp(20px, 5.33vw, 40px);
  }
  .mo-padding-t50 {
    padding-top: clamp(25px, 6.67vw, 50px);
  }
  .mo-padding-t60 {
    padding-top: clamp(30px, 8vw, 60px);
  }
  .mo-padding-t70 {
    padding-top: clamp(35px, 9.33vw, 70px);
  }
  .mo-padding-t80 {
    padding-top: clamp(40px, 10.67vw, 80px);
  }
  .mo-padding-t90 {
    padding-top: clamp(95px, 12vw, 90px);
  }
  .mo-padding-t100 {
    padding-top: clamp(50px, 13.33vw, 100px);
  }
  .mo-padding-t110 {
    padding-top: clamp(55px, 14.67vw, 110px);
  }
  .mo-padding-t120 {
    padding-top: clamp(60px, 16vw, 120px);
  }
  .mo-padding-t130 {
    padding-top: clamp(65px, 17.33vw, 130px);
  }
  .mo-padding-t140 {
    padding-top: clamp(70px, 18.67vw, 140px);
  }
  .mo-padding-t150 {
    padding-top: clamp(125px, 20vw, 150px);
  }
  .mo-padding-t160 {
    padding-top: clamp(80px, 21.33vw, 160px);
  }
  .mo-padding-t200 {
    padding-top: clamp(100px, 26.67vw, 200px);
  }

  .mo-padding-b10 {
    padding-bottom: 10px;
  }
  .mo-padding-b20 {
    padding-bottom: clamp(10px, 2.67vw, 20px);
  }
  .mo-padding-b30 {
    padding-bottom: clamp(15px, 4vw, 30px);
  }
  .mo-padding-b40 {
    padding-bottom: clamp(20px, 5.33vw, 40px);
  }
  .mo-padding-b50 {
    padding-bottom: clamp(25px, 6.67vw, 50px);
  }
  .mo-padding-b60 {
    padding-bottom: clamp(30px, 8vw, 60px);
  }
  .mo-padding-b70 {
    padding-bottom: clamp(35px, 9.33vw, 70px);
  }
  .mo-padding-b80 {
    padding-bottom: clamp(40px, 10.67vw, 80px);
  }
  .mo-padding-b90 {
    padding-bottom: clamp(45px, 12vw, 90px);
  }
  .mo-padding-b100 {
    padding-bottom: clamp(50px, 13.33vw, 100px);
  }
  .mo-padding-b110 {
    padding-bottom: clamp(55px, 14.67vw, 110px);
  }
  .mo-padding-b120 {
    padding-bottom: clamp(60px, 16vw, 120px);
  }
  .mo-padding-b130 {
    padding-bottom: clamp(65px, 17.33vw, 130px);
  }
  .mo-padding-b140 {
    padding-bottom: clamp(70px, 18.67vw, 140px);
  }
  .mo-padding-b150 {
    padding-bottom: clamp(125px, 20vw, 150px);
  }
  .mo-padding-b160 {
    padding-bottom: clamp(80px, 21.33vw, 160px);
  }
  .mo-padding-b200 {
    padding-bottom: clamp(100px, 26.67vw, 200px);
  }

  .family-box .mo-font-s15, .sec_2 .wrapper .family-ul .family-li.mo-font-s15 em{
    font-size: clamp(15px, 4vw, 30px);
  }

}


/* 원본용 */
@keyframes slide01 {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-100%);
  }
  50.01% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
/* 복제용 */
@keyframes slide02 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-200%);
  }
}
/* 버튼 hover용 */
@keyframes pulse_kakao {
  0% {
    box-shadow: 0 0 0 0 #ffba33;
  }
}
@keyframes pulse_white {
  0% {
    box-shadow: 0 0 0 0 #fff;
  }
}
@keyframes pulse_gray {
  0% {
    box-shadow: 0 0 0 0 gray;
  }
}
@keyframes pulse_black {
  0% {
    box-shadow: 0 0 0 0 #111;
  }
}
@keyframes pulse_green {
  0% {
    box-shadow: 0 0 0 0 #659978;
  }
}
@keyframes pulse_red {
  0% {
    box-shadow: 0 0 0 0 #d65047;
  }
}
@keyframes pulse_yellow {
  0% {
    box-shadow: 0 0 0 0 #c4ae41;
  }
}
/* 스크롤 애니 */
@keyframes scrollAni {
  0% {
    top: 15%;
  }
  50% {
    top: 55%;
    opacity: 1;
  }
  100% {
    top: 80%;
    opacity: 0;
  }
}
/*text 애니*/
@keyframes textAni {
  0%, 100% {
    transform: translateY(0);
    filter: blur(0);
    opacity: 1;
  }
  50% {
    transform: translateY(5px);
    filter: blur(5px);
    opacity: 0.2;
  }
}
:root {
  --color-point: #c4ae41;
}

/* ====================================== POPUP CSS======================================*/
.modalTrigger{  border: none; background: none;
    outline: none;
    cursor: pointer;
    width: 100%; height: 100%;
    position: relative; z-index: 5;
}
.modal { display: none; 
    position: fixed;   z-index: 8888;  left: 0; top: 0;
    width: 100%;  height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0);   background-color: rgba(0,0,0,0.4); 
}

.profile-popup {position: fixed;left: 0;top: 0;
	height: 100%;width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 0;visibility: hidden;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.popup-container {width: 100%;height: 100%;
	position: relative;margin: 0 auto;
	background: inherit;text-align: center;
}

.popup-close {width: 19px; height: 19px;
	text-align: center;
    z-index: 800; position: absolute; top: 11px;right: 11px;
    padding-top: 7px;
	background-image:url(../img/icon/icon_close.png); background-position: center center; background-size:100%; background-repeat:no-repeat;
    text-indent: -9999px;
    cursor: pointer;

}   
.profileBox{position:relative;
	margin: 0 auto;
    background-color: #fff;
    text-align: center;
    max-width: 1082px;
    overflow: hidden;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
}
.pop_left{max-width: 480px; height: 588px;
    background: url(../img/main/popBg.png) no-repeat center;
    background-size: cover;
    padding: 56px 58px 0 58px;
    display: flex; justify-content: center; align-items: flex-end;
    background-color: #14335a;
 }

.pop_left figure img{max-width: 364px; max-height: 533px}
.pop_right{padding: 80px;
    width: 100%; 
    text-align: left;
}
.pop_Name{width: 100%;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
.pop_Name dt{font-size: 36px; letter-spacing: -1px; font-weight: 500; color: var(--txt-D); color: #222; line-height: 53px;
    display: inline-block;
}
.pop_Name dd{font-size: 18px; letter-spacing: -1px; font-weight: 500; color: var(--txt-L); color: #888; line-height: 53px;
    margin-left: 15px;
    display: inline-block;
}
.pop_exp{padding-top: 35px;}
.pop_exp li{display: flex;}
.pop_exp strong{ width: 28px; margin-right: 42px;
    font-size: 15px; letter-spacing: -1px; font-weight: 400; color: var(--txt-L); color: #888; line-height: 24px;
}
.pop_exp ul li{
    font-size: 15px; letter-spacing: -1px; font-weight: 400; color: var(--txt-D); color: #222; line-height: 24px;
}
.pop_exp>li:not(:last-child){margin-bottom: 30px;}

@media (max-width: 1200px){
    .profileBox{max-width: 95%;}
	.pop_right{padding:4%}
    .pop_left {padding: 5% 5% 0 5%;
        height: auto
    }
    .pop_left figure img {max-height: 450px; }
    
}

@media (max-width: 991px){
    .pop_Name{padding: 0;}
    .pop_Name dt { font-size: 28px;}
    .pop_Name dd {font-size: 15px;}
    .pop_exp {padding-top: 20px; }
    .pop_exp strong { margin-right: 20px;
        font-size: 14px
    }
    .pop_exp ul li{font-size: 14px}
    .pop_left { padding: 3% 3% 0px 3%;}
    .pop_left figure img {max-height: 420px; }
}
@media (max-width: 767px){
    .profileBox{display: block;}
    .pop_left { max-width: 100%;
        background-position: top right;
    }
    .profileBox {max-width: 80%;max-height: 90%;
        top: 53%;
    }
    .pop_left figure img { max-height: 300px;}
    .closeC_change{background-image: url(../img/icon/icon_closeWh.png);}
    .popup-close{ width: 15px;height: 15px}
 
}
@media (max-width: 500px){
 
    .pop_left figure img {max-height: 250px;  }
    .pop_Name dt {font-size: 25px;}
    .pop_Name dd {font-size: 14px;}
    .pop_exp strong { margin-right: 10px;
        font-size: 13px
    }
    .pop_exp ul li{font-size: 13px}
    .pop_right { padding: 5%;}
    .pop_left {background: url(../img/main/popBg.png) no-repeat top; 
        background-size: 125%;
        background-position: top;
    }
} 
/* ======================================// POPUP CSS======================================*/
/* ====================================== 2022csba main ======================================*/
.csbaBox{
	position:fixed;
	top:120px;
	left:40px;
	z-index:10;
}
.csbaBox img{
	height:224px;
}

.mo_csbaBox{
	display:none;
}
@media (max-width: 1700px){
	.csbaBox {
		left: 20px;
	}
	.csbaBox img{
		height:184px;
	}
}
@media (max-width: 1430px){
	.csbaBox {
		top: 120px;
		left: 20px;
	}
	.csbaBox img{
		height:184px;
	}
}
@media (max-width: 991px){
	.csbaBox {
		top: 80px;
		left: 20px;
	}
}
@media (max-width: 767px){
	.csbaBox{
		display:none;
	}
	

	.mo_csbaBox.nqUp{
		position: fixed;
		top: 60px;
		left: 6px;
		z-index: 10;
	}
	.mo_csbaBox.nqUp img {
		height: 74px;
	}
	.mo_csbaBox{
		display:inline-block;
	}
	.mo_csbaBox {
		position:fixed;
		top: 70px;
		left: 10px;
		z-index:10;
	}
	.mo_csbaBox img {
		height: 124px;
	}
}
/* ====================================== //2022csba main ======================================*/


/* ====================================== 2022csba sub ======================================*/
.sub_csbaBox{
	position:fixed;
	top:12rem;
	left:4rem;
	z-index:10;
}
.sub_csbaBox img{
	height:22.4rem;
}

.mo_sub_csbaBox{
	display:none;
}
@media (max-width: 1750px){
	.sub_csbaBox {
		position: absolute;
		top: 4rem;
		right: 2rem;
		left: inherit;
	}
}
@media (max-width: 991px){
	.sub_csbaBox {
		top: 5rem;
	}
	.sub_csbaBox img {
		height: 16.4rem;
	}
}
@media (max-width: 767px){
	/* .sub_csbaBox{ */
		/* display:none; */
	/* } */
	.sub_csbaBox {
		top: 50%;
		right: 1rem;
		transform: translateY(-50%);
	}
	.sub_csbaBox img {
		height: 12.4rem;
	}
	

	.mo_sub_csbaBox.nqUp{
		position: fixed;
		top: 6rem;
		left: 0.6rem;
		z-index: 1000;
	}
	.mo_sub_csbaBox.nqUp img {
		height: 7.4rem;
	}
	.mo_sub_csbaBox{
		display:inline-block;
	}
	.mo_sub_csbaBox {
		position:fixed;
		top: 7rem;
		left: 1rem;
		z-index:1000;
	}
	.mo_sub_csbaBox img {
		height: 12.4rem;
	}
}
/* ====================================== //2022csba sub ======================================*/




/* ==================================================================== 
	seo 상세페이지 목차, html코드, 자주묻는질문, 참고자료
====================================================================  */
/* 목차 */
.seo_grid .tableofcontents li {padding: 0 0 0 14px;position: relative;list-style: none;margin: 0 0 20px 0;}
.seo_grid .tableofcontents li:last-child{margin: 0 0 0 0;}
.seo_grid .tableofcontents li:before {position: absolute;left: 0px;top: 10px;content: '';width: 4px;height: 4px;background: #336cd5;border-radius: 50%;}
.seo_grid .tableofcontents li a:hover u{text-decoration:underline;font-family: 'Pretendard-Bold';}
.seo_grid .tableofcontents li a u{text-decoration:none;color: #336cd5;font-family: 'Pretendard-medium';}


/* html코드 */
.seo_grid pre.wp-block-code{font-size: 1.8em;}


/* 자주묻는질문 */
.seo_grid .faq{position:relative;margin:20px 0 0 0;display:block;padding:0 0 20px 0;border-bottom:1px solid #eee;}
.seo_grid .faq h3 {font-family: 'Pretendard-Bold';position:relative;padding: 0 0 0 28px;display: block;margin: 0 0 10px 0;}
.seo_grid .faq h3:before {font-size: 22px;content: 'Q.';position: absolute;left: 0px;top: -2px;font-family: 'Pretendard-Bold';color: #2C8842;}
.seo_grid .faq h3 span{text-decoration: none !important;}
.seo_grid .faq h3 u{
	text-decoration:none;
}
.seo_grid .faq p {padding: 0 0 0 28px;position: relative;line-height: 30px;font-size: 18px;margin: 0;}
.seo_grid .faq p:before {font-size: 22px;content: 'A.';position: absolute;left: 0px;top: -1px;font-family: 'Pretendard-Bold';color: #222;}


/* 참고자료 */
.seo_grid .references li {margin: 16px 0 0 0;position: relative;list-style: none;padding: 0 0 0 24px;}
.seo_grid .references li:before {content: '';width: 16px;height: 16px;position: absolute;left: 0px;top: 6px;background-image: url(/seo/wp-content/themes/nxt/public/img/linkicon.png);background-size: cover;background-repeat: no-repeat;background-position: center;}
.seo_grid .references li a:hover small{color: #8bb0ea;text-decoration:underline;}
.seo_grid .references li a small{font-family: 'Pretendard';font-size: 16px;line-height:20px;}

@media (max-width: 767px){
	/* 목차 */
	.seo_grid .tableofcontents li {line-height: 22px;font-size: 16px;padding: 0 0 0 10px;margin: 0 0 14px 0;}
	.seo_grid .tableofcontents li:before {top: 8px;width: 4px;height: 4px;}
	
	/* html코드 */
	.seo_grid pre.wp-block-code {font-size: 1.2em;}


	/* 자주묻는질문 */
	.seo_grid .faq h3 {font-size: 15px !important;padding: 0 0 0 22px;margin: 0 0 10px 0;}
	.seo_grid .faq h3:before {font-size: 18px;top: -2px;}
	.seo_grid .faq p {padding: 0 0 0 22px;position: relative;line-height: 22px;font-size: 14px;margin: 0;}
	.seo_grid .faq p:before {font-size: 18px;top: 0px;}


	/* 참고자료 */
	.seo_grid .references li {margin: 12px 0 0 0;padding: 0 0 0 20px;}
	.seo_grid .references li a small {font-size: 14px;line-height: 20px;}
	.seo_grid .references li:before {width: 14px;height: 14px;left: 0px;top: 4px;}
}



/* ====================================== 용어사전 ======================================*/
.WrapTitle {
    display: flex;
    position: relative;
    font-family: 'Pretendard-Bold';
    font-size: 40px;
    font-weight: 700;
    line-height: 54px;
    color: #222;
    justify-content: flex-start;
    align-items: center;
}
.wratiBtn {
    margin-left: 20px;
    position: relative;
    top: -8px;
    /* right: 0; */
    /* top: 0; */
}
.wratiBtn a {
    display: inline-block;
    text-align: center;
    padding: 2px 16px;
    border-radius: 99px;
    background: #8bb0ea;
    color: #fff;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.wikiContWrap {
	background: #f8f8f8;
    /* background: #2b83b5; */
}
.wikiContWrap .nxt_wiki_list_Sidebox {
    /* max-width: 140rem; */
    max-width: 1480px;
    padding: 120px 20px 120px 20px;
    margin: 0 auto;
}
/* .wikiContWrap .WrapTitle{color:#fff;} */

.wikitagList {padding-top:40px;width: 100%;height: calc(100% - 30px);position: relative;text-align:left;}
.wikitagList h2 {margin: 0 8px 11px 0;display: inline-block;text-align: center;}
.wikitagList h2 a {
    position: relative;
    border: 1px solid #111;
    width: 100%;
    display: inline-block;
    padding: 0 15px;
    height: 48px;
    text-align: center;
    border-radius: 5px;
    background: #fff;
    color: #000;
    text-overflow: ellipsis;
    font-family: Pretendard;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: 46px;
    letter-spacing: -0.32px;
}
.wikitagList h2 a:before {content: none;position: absolute;left: 5px;top: -4px;width: 18px;height: 15px;background-image: url(/public/img/sub/glossary_label.png);background-size: cover;background-repeat: no-repeat;background-position: center;}
.wikitagList h2 a:hover:before{content: '';}
.wikitagList h2 a:hover{border: 1px solid #000;background: #FFF;font-weight: 600;}
@media (max-width: 1400px){
	.wikiContWrap .nxt_wiki_list_Sidebox {
		padding: 100px 20px 100px 20px;
	}
}
@media (max-width: 991px){
	.wikiContWrap .nxt_wiki_list_Sidebox {
		padding: 80px 20px 80px 20px;
	}
	.WrapTitle {
		font-size: 36px;
		line-height: 50px;
	}
}
@media (max-width: 767px){
	.wikiContWrap .nxt_wiki_list_Sidebox {
		padding: 60px 20px 60px 20px;
	}
	.WrapTitle {
		font-size: 26px;
		line-height: 40px;
	}
	.wratiBtn {
		margin-left:12px;
		top: -4px;
	}
	.wratiBtn a {
		padding: 2px 14px;
		font-size: 14px;
		line-height: 28px;
	}
	.wikitagList {padding-top: 30px;}
	.wikitagList h2 {margin: 0 3px 6px 0;display: inline-block;text-align: center;}
	.wikitagList h2 a {letter-spacing: -0.28px;padding: 0 15px;height: 36px;border-radius: 4px;font-size: 14px;line-height: 34px;}
}
/* ======================================// 용어사전 ======================================*/

/* ====================================== 블로그 용어사전 ======================================*/
.bl_wikitagList {padding-top:0rem;width: 100%;height: calc(100% - 3rem);position: relative;text-align:left;}
.bl_wikitagList h4 {margin: 0 0.4rem 0.7rem 0;display: inline-block;text-align: center;}
.bl_wikitagList h4 a {position:relative;border:1px solid #f4f4f4;width:100%;display: inline-block;padding: 0 1.5rem;height: 3.6rem;text-align: center;border-radius: 5px;background: #F4F4F4;color: #000;text-overflow: ellipsis;font-family: Pretendard;font-size: 1.5rem;font-style: normal;font-weight: 500;line-height: 3.4rem;letter-spacing: -0.32px;}
.bl_wikitagList h4 a:before {content: none;position: absolute;left: 0.4rem;top: -0.4rem;width: 1.8rem;height: 1.5rem;background-image: url(/public/img/sub/glossary_label.png);background-size: cover;background-repeat: no-repeat;background-position: center;}
.bl_wikitagList h4 a:hover:before{content: '';}
.bl_wikitagList h4 a:hover{border: 1px solid #000;background: #FFF;font-weight: 600;}
@media (max-width: 1400px){
}
@media (max-width: 991px){
}
@media (max-width: 767px){
	.bl_wikitagList {padding-top: 0rem;}
	.bl_wikitagList h2 {margin: 0 0.3rem 0.6rem 0;display: inline-block;text-align: center;}
	.bl_wikitagList h2 a {letter-spacing: -0.28px;padding: 0 1.5rem;height: 3.6rem;border-radius: 4px;font-size: 1.4rem;line-height: 3.4rem;}
}
/* ======================================// 블로그 용어사전 ======================================*/