* { box-sizing:border-box; }
.container { max-width:1320px; margin:0 auto; }

.fx { max-width:100%; }
.row{*zoom:1;}
.row:after{clear:both; display:block; content:"";}

.mBr {display: none;}

.positionAb { position:absolute; }
.positionRe { position:relative; }

.divFlex { display:flex; }
.divWrap { flex-wrap:wrap; }
.jcCenter { justify-content:center; }
.flexColumn { flex-direction:column; }
.jcSpaceBetween { justify-content:space-between; }
.jcCenter { justify-content: center; }
.jcAlignItems { align-items:center; }
.jcDirectColumn { flex-direction: column; }

.disNone { display:none; }
.divBlock { display:block; }
.divInBlock { display:inline-block; }

.colorTp { color:#BB2649; }

.bgColorTp { background-color:#BB2649; }

.textRight { text-align:right; }
.textLeft { text-align:left; }
.textCenter { text-align:center; }
.fntWei700 { font-weight:700; }

.cursor { cursor:pointer; }

.keyColor{color:#bb2649}

.v2Container{width: 100%;max-width: 1400px;}

@media (max-width: 767px) {
  .container { max-width:inherit; width:100%; padding:0 2%; }

  .mBr{display: block !important;}
}

@media (max-width: 767px) {
  .v2Container {
    max-width: inherit !important;
    width: 100% !important;
    padding: 0 16px !important;
  }
}

/*글자 폰트*/
.tonseHead1{ font-size: 48px; font-weight: bold; line-height: 65px;}
.tonseHead2{ font-size: 44px; font-weight: bold; line-height: 58px;}
.tonseHead3{ font-size: 42px; font-weight: bold; line-height: 58px;}
.tonseHead4{ font-size: 32px; font-weight: bold; line-height: 45px;}
.tonseHead5{ font-size: 28px; font-weight: bold; line-height: 38px;}
.tonseHead6{ font-size: 24px; font-weight: bold; line-height: 34px;}
.tonseHead7{ font-size: 20px; font-weight: bold; line-height: 28px;}

.tonseBody1{ font-size: 28px; font-weight: bold; line-height: 40px;}
.tonseBody2{ font-size: 24px; font-weight: bold; line-height: 36px;}
.tonseBody3{ font-size: 20px; font-weight: bold; line-height: 32px;}
.tonseBody4{ font-size: 18px; font-weight: bold; line-height: 26px;}
.tonseBody5{ font-size: 16px; font-weight: bold; line-height: 24px;}
.tonseBody6{ font-size: 15px; font-weight: bold; line-height: 22px; color: #F43260;}
.tonseBody7{ font-size: 14px; font-weight: bold; line-height: 20px;}
.tonseBody8{ font-size: 13px; font-weight: bold; line-height: 20px;}
.tonseBody9{ font-size: 12px; font-weight: bold; line-height: 18px;}

.tonseBody1_b{ font-size: 28px; font-weight: bold; line-height: 40px;}
.tonseBody2_b{ font-size: 24px; font-weight: bold; line-height: 37px;}
.tonseBody3_b{ font-size: 20px; font-weight: bold; line-height: 30px;}
.tonseBody4_b{ font-size: 18px; font-weight: bold; line-height: 26px;}
.tonseBody5_b{ font-size: 16px; font-weight: bold; line-height: 24px;}
.tonseBody6_b{ font-size: 15px; font-weight: bold; line-height: 22px;}
.tonseBody7_b{ font-size: 14px; font-weight: bold; line-height: 22px;}
.tonseBody8_b{ font-size: 13px; font-weight: bold; line-height: 20px;}
.tonseBody9_b{ font-size: 12px; font-weight: bold; line-height: 18px;}

.tonseBody3_light{font-size: 20px;  font-weight: normal; line-height: 34px; }
.tonseBody2_light{font-size: 24px;  font-weight: normal;line-height: 37px; }
.tonseBody7_light{font-size: 14px;  font-weight: normal;line-height: 14px; }
.tonseBody10_light{font-size: 20px; font-weight: bold; line-height: 34px; letter-spacing: -0.6px;}
.normalFont{font-weight: normal;}
.boldFont{font-weight: normal;}

/* 페이지별 h1,history 영역 */
#pageTopHeader { margin-top:115px; border-top:1px solid #E9ECEF;  }
#pageTopHeader.aboutBg { /* background:url("/main/img/about/about1_1.jpg"); */ }
#pageTopHeader .top { margin-top:20px; height:140px; }
#pageTopHeader .top .container{height:100%;}
#pageTopHeader .top .topInner{ }
#pageTopHeader .top .title{margin:0;font-size:40px;font-weight:700;line-height:1.2;}
#pageTopHeader .top .branchBox{position:relative;gap:8px;padding:12px 18px;border:1px solid #DEE2E6;border-radius:999px;background-color:#fff;}
#pageTopHeader .top .branchBox .branchSelect{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:0;outline:0;width:100%;background:transparent;font-size:15px;color:#212529;cursor:pointer;padding-right:4px;}
#pageTopHeader .top .branchBox .ph-caret-down{font-size:16px;color:#868E96;pointer-events:none;}
@media (max-width:767px){
    #pageTopHeader .top{ height:100px;}
    #pageTopHeader .top .branchBox { padding:10px 16px;}
    #pageTopHeader .top .branchBox .branchSelect{font-size:14px;}
}
#pageTopHeader .history { border-top:2px solid #bb2649; border-bottom:1px solid #E9ECEF; padding:12px 0px; background-color:#fff; }
#pageTopHeader .history .divFlex.jcSpaceBetween{justify-content:flex-end;}
#pageTopHeader .history .history-list{gap:8px;flex-wrap:wrap;align-items:center;}
#pageTopHeader .history .history-list li{display:flex;align-items:center;gap:8px;font-size:14px;line-height:1;color:#868E96;}
#pageTopHeader .history .history-list li a,
#pageTopHeader .history .history-list li span{color:inherit;display:inline-block;}
#pageTopHeader .history .history-list li a:hover{color:#212529;text-decoration:underline;text-underline-offset:3px;}
#pageTopHeader .history .history-list li::after{content:'';width:6px;height:6px;border-top:1.5px solid #CED4DA;border-right:1.5px solid #CED4DA;transform:rotate(45deg);}
#pageTopHeader .history .history-list li:last-child{color:#212529;font-weight:600;}
#pageTopHeader .history .history-list li:last-child::after{display:none;}
@media (max-width:767px){
    #pageTopHeader{padding-top:24px;}
    #pageTopHeader .top .title{font-size:22px;line-height:30px;}
    #pageTopHeader .society{flex-direction:column;align-items:flex-start;gap:14px;padding-top:20px;}
    #pageTopHeader .society .society-list li{font-size:13px;padding:6px 12px 6px 24px;}
}