body{background: ;}
.bodyFixed{overflow: hidden}
.main{}


.wrap{overflow: hidden;}

#mainHeader.headFixed{ background: #fff;  box-shadow: 0 5px 5px rgba(0,0,0,0.03); }

.header{padding:0 40px; height: 80px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; z-index: 1000; background: #fff; position: fixed; top: 0; left: 0; right: 0; }
.header h1{margin-right: auto;}
.header #gnb{}
.header #gnb ul{ }
.header #gnb ul li{float: left;  position: relative;  overflow: hidden;  height: fit-content;}
.header #gnb ul li a{font-size: 1.8rem; display: block; font-weight: 700;  transition: all 0.35s ease; padding: 0 40px;   height: 100%; }
.header #gnb ul li > a:hover {transform: translateY(-100%);}
.header #gnb ul li > a:before {content: attr(data-hover); width:100%; position: absolute; top: 100%; left: 50%; font-weight: 800; color: #0e4194; text-align: center;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); letter-spacing: -1.5px;}
.header #gnb ul li.on > a,
.header #gnb ul li > a:hover { color: #0e4194; }
.header #gnb ul li.on > a {transform: translateY(-100%);}
.header #gnb ul li.on > a:before {content: attr(data-hover); position: absolute; top: 100%; left: 50%; font-weight: 800; color: #0e4194; text-align: center;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%);}

.header .gnbBtn{display: flex; flex-direction: column; align-items: end; justify-content: space-between; gap: 7px; display: none;  width: 40px; height: 40px;}
.header .gnbBtn span{height: 3px; background: #000; display: inline-block; transition: all 0.35s ease;}
.header .gnbBtn span:nth-child(2){width: 15px; margin-top: 12px;}
.header .gnbBtn span:nth-child(3){width: 30px; margin-bottom: 12px;}


.subTitle_wrap{text-align: center; padding-top: 80px;}
.subTitle_wrap .stitle{font-size: 4rem; font-weight: 300; position: relative; display: flex; flex-direction: column; margin: 20px 0;}
.subTitle_wrap .stitle::before{content: url(../../img/icon_titleBullet.png);}
.subTitle_wrap .title{font-size: 8.5rem; font-weight: 800; color: #20211f; font-family: "Pretendard";}




.allMenu_wrap{ position: fixed; background: #000; left: 0; right: 0; top: 0; bottom: 0; z-index: 999; height: 0; display: none; transition: all 0.35s ease;}
.header.open > .allMenu_wrap{height: 100%; display: block; overflow-y: auto;}

.moMenu_top{}
.moMenu_top ul{margin: 110px 0 40px;}
.moMenu_top ul li{}
.moMenu_top ul li + li{margin-top: 15px;}
.moMenu_top ul li a{font-size: 3rem; color: #fff; display: block; text-align: right; padding: 0 20px; font-weight: 300;}

.moMenu_bottom{ border-top: 1px solid #3f3f3f; padding: 20px;}
.moMenu_bottom p{color: #757575; font-size: 1.8rem; }
.moMenu_bottom p strong{color: #bdbdbd; font-weight: 600;}
.moMenu_bottom p + p{margin-top: 10px;}
.moMenu_bottom a{display: flex; gap: 5px; justify-content: center; align-items: center; height: 50px; width: 160px; font-size: 1.8rem; background:#0e4194; color: #fff; margin-top: 20px;}

.header.open .gnbBtn{position: fixed; right: 15px; top: 30px; z-index: 1000;}
.header.open .gnbBtn::before{content: "";display: block;position: fixed;background: #000;width: 100%;height: 70px; right: 0; top: 0;border-bottom: 1px solid #3f3f3f;}

.header.open .gnbBtn span{height: 3px; background: #fff; display: inline-block; position: absolute;}
.header.open .gnbBtn span:nth-child(2){width: 30px; top: -6px; transform: rotate(45deg); margin-right: 5px;}
.header.open .gnbBtn span:nth-child(3){width: 30px; top: 6px; transform: rotate(-45deg); margin-right: 5px;}





.footer{background: #1c1c1c; padding: 40px;}
.footer_inner{}
.footer_top{display: flex; justify-content: space-between;}
.footer_top .foot_text{font-size: 1.6rem; color: #f4f4f4;}
.footer_top .foot_sns{display: flex; gap: 20;}
.footer_top .foot_sns a{display: inline-block;}
.footer_bottom{margin-top: 30px; display: flex; flex-direction: row; gap: 50px;}
.footer_bottom .foot_info{display: flex; flex-direction: column; gap: 10px;}
.footer_bottom .foot_info > div{}
.footer_bottom .foot_info > div > p{display: flex; gap: 20px;}
.footer_bottom .foot_info > div > p > span{ color: #999;}
.footer_bottom .foot_info > div > p > span.biz{ color: #fff; font-weight: 600;}
.footer_bottom .foot_info .foot_copy{color: #999; font-family: "Pretendard"; margin-top: 15px;}


.sideQuick{position: fixed; right: 30px; bottom: 100px; z-index: 100; display: flex; align-items: center; flex-direction: column; gap: 20px;}
.qcontactBtn{background: #0e4194; color: #fff;  border-radius: 500px; box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.25); width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; font-size: 1.6rem;  transform: rotate(45deg); transition: all 0.5s ease;}
.qcontactBtn:hover{transform: rotate(0deg);}
.qtopBtn{background: #000;  border-radius: 500px; box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.25); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; }









.layerPopup{ position: fixed; width: 800px; z-index: 9999; background-color: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 30px; box-shadow: 0 0 8px rgba(0,0,0,0.1);}
.layerPopup_header{ height: 100px; padding: 0 60px; display: flex; align-items: center; justify-content: space-between; } 
.layerPopup_header .title{font-size: 28px; font-weight: 700; text-align: left;}
.layerPopup_header .popClose{width: 30px; height: 30px;}
.layerPopup_header .popClose img{width: 30px; height: 30px;}
.layerPopup_content{padding: 20px 60px; max-height: calc( 90vh - 120px); overflow-x: hidden; overflow-y: auto; text-align: left;}

.customSwal{width: 100%;}
.customSwal .swal2-title{display: none !important;}
.customSwal .swal2-popup{width: 100%; margin: 0; padding: 0; }
.customSwal .swal2-html-container{width: 100%; margin: 0;  }