.comWrap{width:91.5%; max-width: 1080px; margin: 0 auto;}
.comSec{padding: 80px 0; height: auto; min-height: 80vh;}
.comSec--bg{position: relative;}
.comSec--bg:after {
  background-image: url(/assets/_img/sub/pyramidalWaveBG.png);
  background-size: 75px; background-repeat: repeat; 
  top: 0; left: 0; position: absolute; z-index: -2;
  content: ""; width: 100%; height: 100%; opacity: 0.55;
}  
/* --------------------------- */

/* ----- 페이지 타이틀 공통 ----- */
.comTitHead__tit{font-weight: 700; margin-bottom: 10px;}
.comTitHead__desc{color:var(--clr_black_ex);}
.comTitHead:has(.comTitHead__desc) .comTitHead__tit{margin-bottom: 10px;}
/* --------------------------- */

/* ----- 섹션 공통 타이틀 type01 ----- */
.secTitBox--type01{word-break: keep-all; text-align: center; margin-bottom: 50px;}
.secTitBox--type01 .secTitBox__smTxt{font-weight: 500; margin-bottom: 5px;}
.secTitBox--type01 .secTitBox__bgTxt{font-weight: 700;}
/* --------------------------- */

/* ----- comTab01 ----- */
.comTab01Wrap{
	width: 100%; overflow: auto; margin-bottom: 30px; 	
	-ms-overflow-style: none;  /* IE, Edge */
	scrollbar-width: none;     /* Firefox */
}
.comTab01Wrap::-webkit-scrollbar {display: none; /* Chrome, Safari */}
.comTab01{width: fit-content; min-width: 100%; display: flex; background-color: var(--clr_smWhite); border-radius: 9px; height: 100%;
}
.comTab01 li{
	display: table-cell; vertical-align: middle; position: relative; text-align: center; cursor: pointer; white-space: nowrap; flex: 1;
}
.comTab01 li a,
.comTab01 li button{
	padding: 10px 20px; display: block; font-weight: 700; word-break: keep-all; color: var(--clr_black_mn);
	width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
}
.comTab01 li.on{position: relative;}
.comTab01 li.on:after{
	content: "";
	position: absolute; bottom: 0; left: 0; width: 100%;
	border-bottom: 1px solid var(--clr_black_mn);
}
/* --------------------------- */

/* ----- comTab02 ----- */
.comTab02Wrap{border-bottom: var(--mix_brdr_btrDkr); margin-bottom: 20px; position: relative;}
.comTab02Scroll{
  white-space: nowrap;
  overflow-x: auto;
  -ms-overflow-style: none;  /* IE, Edge */
  scrollbar-width: none;  /* Firefox */
}
.comTab02Scroll::-webkit-scrollbar {display: none; /* Chrome, Safari */}
.comTab02{
	display: flex; align-content: center; justify-content: flex-start; gap: 20px;
  padding-right: 25px;
  width: fit-content;
}
.comTab02__lst{
	padding-bottom: 12px; box-sizing: border-box;
	font-size: 16px; font-weight: 400; line-height: 19px; color: var(--clr_black_ex);
	white-space: nowrap; cursor: pointer;
}
.comTab02__lst.on{border-bottom: 2px solid var(--clr_black_mn); font-weight: 700; color:var(--clr_black_mn);}
.comTab02__lst:not(:has(a)):hover{font-weight: 700; color:var(--clr_black_mn);}
.scrollArrow{display: none;}

.comTab02Cont{display: none;}
.comTab02Cont.active{display: block;}
/* --------------------------- */

/* ----- 모달 타이틀 공통 ----- */
.comPop__mnTit{
  font-size:20px; font-weight:700; color:var(--clr_black_mn);
  margin-bottom:12px; text-align:center;
}
.comPop__mnTxt{
  font-size:16px; font-weight:400; color:var(--clr_black_ex);
  text-align:center; word-break: keep-all;
}
.comPop form{margin-top:40px;}
/* --------------------------- */

/* ----- 페이지 하단 띠배너 ----- */
.pay_sale {
  width: 100%; max-width: 1080px;
  background-color: #3f2b99;
  margin: 100px auto;
  display: flex; align-items: center; justify-content: center;
}
.pay_sale > img{width: 100%; max-width: 600px;}
/* --------------------------- */


@media (max-width: 767px) {
  .comSec {padding: 40px 0 60px 0;}
  /* --------------------------- */

  /* ----- 페이지 타이틀 공통 ----- */
  .comTitHead{margin-bottom: 20px;}
  .comTitHead__tit{font-size: 18px;}
  .comTitHead__desc{font-size: 14px; line-height: 21px;}
  .comTitHead:has(.comTitHead__desc){margin-bottom: 15px;}
  .comWrap:has(.comTitHead):has(.comTab02Wrap) .comTitHead{margin-bottom: 40px;}
  /* --------------------------- */

  /* ----- comTab01 ----- */
  .comTab01Wrap{margin-bottom: 20px; height: 39px;}
  .comTab01 li a,
  .comTab01 li button{font-size: 14px}
  /* --------------------------- */

  /* ----- comTab02 ----- */
  .comTab02Wrap {position: relative; margin-bottom: 40px;}
  .comTab02Wrap:has(.scrollArrow.visible){width: calc(100% - 10px);}
  .comTab02__lst{font-size: 14px; line-height: 16px; padding-bottom: 10px;}
  .scrollArrow.visible{display: flex;}
  .scrollArrow{
    position: absolute;
    top: 12px;
    right: -6px;
    z-index: 10;
    transform: translateY(-50%);
    padding: 5px 8px 14px 8px;
    background-color: #fff;
  }
  /* --------------------------- */

  /* ----- 섹션 공통 타이틀 type01 ----- */
  .secTitBox--type01{margin-bottom:40px;}
  .secTitBox--type01 .secTitBox__bgTxt {font-size: 24px; line-height: 36px;}
  .secTitBox--type01 .secTitBox__smTxt{font-size:16px; line-height:20px;}
  /* --------------------------- */


  /* ----- 모달 타이틀 공통 ----- */
  .comPop__mnTxt{font-size:14px;}
  .comPop__mnTit{font-size:18px; margin-bottom:10px;}
  .comPop__mnTxt{font-size:14px;}
}


@media (min-width: 768px) and (max-width: 1023px) {
  /* ----- 페이지 타이틀 공통 ----- */
  .comTitHead{margin-bottom: 25px;}
  .comTitHead__tit{font-size: 22px;}
  .comTitHead__desc{font-size: 15px; line-height: 22px;}
  .comTitHead:has(.comTitHead__desc){margin-bottom: 20px;}
  .comWrap:has(.comTitHead):has(.comTab02Wrap) .comTitHead{margin-bottom: 45px;}

  /* ----- 섹션 공통 타이틀 type01 ----- */
  .secTitBox--type01 .secTitBox__bgTxt {font-size: 28px; line-height: 38px;}
  .secTitBox--type01 .secTitBox__smTxt{font-size:18px; line-height:22px;}

  /* ----- comTab01 ----- */
  .comTab01Wrap{height: 49px;}
  .comTab01 li a,
  .comTab01 li button{font-size: 16px}
  /* --------------------------- */

  /* ----- comTab02 ----- */
  .comTab02Wrap {margin-bottom: 60px;}
}


@media all and (min-width:1024px){
  /* ----- 페이지 타이틀 공통 ----- */
  .comTitHead{margin-bottom: 30px;}
  .comTitHead__tit{font-size: 28px;}
  .comTitHead__desc{font-size: 16px; line-height: 24px;}
  .comTitHead:has(.comTitHead__desc){margin-bottom: 25px;}
  .comWrap:has(.comTitHead):has(.comTab02Wrap) .comTitHead{margin-bottom: 50px;}
  /* --------------------------- */

  /* ----- 섹션 공통 타이틀 type01 ----- */
  .secTitBox--type01 .secTitBox__bgTxt {font-size: 30px; line-height: 40px;}
  .secTitBox--type01 .secTitBox__smTxt {font-size:20px; line-height:24px;}

  /* ----- comTab01 ----- */
  .comTab01Wrap{height: 60px; overflow: unset;}
  .comTab01 li a,
  .comTab01 li button{padding: 20px; font-size: 18px}

  /* ----- comTab02 ----- */
  .comTab02Wrap {margin-bottom: 80px;}
  .comTab02{gap: 30px;}
}

@media (min-width: 1200px) {
  /* ----- 섹션 공통 타이틀 type01 ----- */
  .secTitBox--type01 .secTitBox__bgTxt {font-size: 34px; line-height: 46px;}
}