@charset "UTF-8";
:root {
  --primary-color-1: #ed6f1d;
  --font-color-1: #3e3a39;
  --font-color-2: #fff;
}
/* 메인*/
.mainSlide {
  width: 100%;
  /*margin-bottom: 90px;
  height:100vh;  */
}
.mainSlideImg { display:flex; position: relative; height: 100vh; }
/*
.mainSlideImg img {
  width: 100%;
}*/
.swiper-slide:nth-of-type(1) .mainSlideImg { 
  position: relative;
  background: url('../img/main/main_visual_01.jpg') no-repeat 50% 50%/cover;
}
.swiper-slide .bg {
  transform: scale(1); /* scale(1.12) */
  opacity:0;
  transition: opacity 0.3s;
}
.swiper-slide-active .bg {
	opacity:1;
	/*
	transform: scale(1);
	transition: opacity 0.3s, transform 4.5s;
	*/
}
.swiper-slide:nth-of-type(2) .mainSlideImg { 
  background: url('../img/main/main_visual_02.jpg') no-repeat 50% 50%/cover 
}
.swiper-slide:nth-of-type(3) .mainSlideImg { 
  background: url('../img/main/main_visual_03.jpg') no-repeat 50% 50%/cover 
}
.swiper-slide:nth-of-type(1) .mainSlideImg .visual-content { 
  position: absolute; 
  width: 100%; 
  height:672px; 
  top: 140px; 
  background: url('../img/main/tit_bg_01.png') no-repeat 50% 50%/cover; 
 }
 .swiper-slide:nth-of-type(2) .mainSlideImg .visual-content { 
  position: absolute; 
  width: 100%; 
  height:672px; 
  top: 140px; 
  background: url('../img/main/tit_bg_02.png') no-repeat 50% 50%/cover; 
 }
 .swiper-slide:nth-of-type(3) .mainSlideImg .visual-content { 
  position: absolute; 
  width: 100%; 
  height:672px; 
  top: 140px; 
  background: url('../img/main/tit_bg_03.png') no-repeat 50% 50%/cover; 
 }

.slide_animation {
  position: absolute;
  z-index: 9;
  left: 50%;
  transform: translateX(-50%);
  bottom: 125px;
}

.main_service .mainTitle {
  margin-bottom: 54px;
}
.main_about .mainTitle {
  margin-bottom: 54px;
}
.mainSlide .mainTitle {
  margin-bottom: 54px;
}
.mouseIcon {
  width: 34px;
  display: block;
  margin: 0 auto;
}
.mouseIcon img {
  width: 100%;
  display: block;
}
.slide_Linkbtn {
  width: 300px;
  margin: 0 auto 32px;
}
.slide_Linkbtn a {
  display: block;
  width: 100%;
  line-height: 52px;
  border: 1px solid #fff;
  text-align: center;
  color: #fff;
  font-size: 24px;
}
.mainTitle > p {
  text-transform: uppercase;
  text-align: center;
  color: #ed6f1d;
  font-weight: 900;
  font-size: 24px;
  letter-spacing: -0.72px;
  position: relative;
  margin-bottom: 34px;
}
.mainTitle > p::after {
  width: 45px;
  display: block;
  content: "";
  height: 7px;
  background: #5c5c5c;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  bottom: -20px;
}
.mainTitle span {
  color: #3e3a39;
  letter-spacing: -0.6px;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  display: block;
}
.main_service {
  padding-bottom: 125px;
  padding-top: 90px;
  overflow: hidden;
}
.main_serviceWrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  /*width: 80%;*/
  z-index: 2;
  flex-direction: column;
}
.main_serviceContWrap {
  display: flex;
  align-items: flex-start;
}
.main_serviceCont01 {
  margin-right: 16px;
  width: calc(100% * 0.625);
}
.main_serviceCont02 {
  width: calc((100% * 0.375) - 13px);
}
.main_serviceCont01 ul {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  row-gap: 22px;
}
.main_serviceCont01 ul li:nth-child(2) {
  margin-right: 18px;
  width: calc((100% - 19px) / 2);
}
.main_serviceCont01 ul li:last-child {
  width: calc((100% - 19px) / 2);
}
.main_serviceCont01 ul li {
  position: relative;
  width: fit-content;
}
.main_serviceImg {
  display: block;
  width: 100%;
}
.main_serviceImg img {
  width: 100%;
  display: block;
}
.main_serviceCont02 ul li {
  position: relative;
  width: fit-content;
}
.main_serviceIcon01 {
  background: url(../img/serviceIcon01.png) no-repeat center;
  width: 29px;
  height: 26px;
  margin-bottom: 15px;
}
.main_serviceIcon02 {
  background: url(../img/serviceIcon02.png) no-repeat center;
}
.main_serviceIcon03 {
  background: url(../img/serviceIcon03.png) no-repeat center;
}
.main_serviceIcon04 {
  background: url(../img/serviceIcon04.png) no-repeat center;
}
.main_serviceCont02 ul li:hover .main_serviceIcon02 {
  background: url(../img/serviceIcon02a.png) no-repeat center;
}

.main_serviceCont01 ul li:hover .main_serviceIcon01 {
  background: url(../img/serviceIcon01a.png) no-repeat center;
}

.main_serviceCont01 ul li:hover .main_serviceIcon03 {
  background: url(../img/serviceIcon03a.png) no-repeat center;
}

.main_serviceCont01 ul li:hover .main_serviceIcon04 {
  background: url(../img/serviceIcon04a.png) no-repeat center;
}
.main_serviceHover {
  background: #000;
  opacity: 0;
  width: 100%;
  height: 0;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: 0.2s;
}
.main_serviceCont01 ul li:hover .main_serviceHover {
  background: #000;
  opacity: 0.7;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}
.main_serviceCont02 ul li:hover .main_serviceHover {
  background: #000;
  opacity: 0.7;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}
.main_serviceIcon {
  width: 29px;
  height: 26px;
  margin-bottom: 15px;
}

.main_serviceBtn div {
  color: #ed6f1d;
  display: flex;
  align-items: center;
  font-size: 18px;
  opacity: 0;
  transition: 0.2s;
  height: fit-content;
}
.main_serviceCont01 ul li:hover .main_serviceBtn div {
  opacity: 1;
  height: fit-content;
}
.main_serviceCont02 ul li:hover .main_serviceBtn div {
  opacity: 1;
  height: fit-content;
}
.main_serviceBtn span {
  width: 16px;
  display: block;
  margin-left: 2px;
  height: 11px;
}
.main_serviceBtn span img {
  width: 100%;
  display: block;
}
.main_serviceWrapTitle {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -1px;
  margin-bottom: 7px;
  color: #fff;
}

.main_serviceCont01 ul li:hover .main_serviceWrap p.main_serviceWrapTitle { color:#ed6f1d; }
.main_serviceCont02 ul li:hover .main_serviceWrap p.main_serviceWrapTitle { color:#ed6f1d; }

.main_about {
  background: url(../img/mainbg2.jpg) no-repeat center;
  width: 100%;
  height: auto;/*818px;*/
  padding: 92px 0 125px;
  overflow: hidden;
}
.main_aboutList ul {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
}
.main_aboutText {
  position: absolute;
  bottom: 26px;
  left: 33px;
  color: #fff;
  z-index: 8 !important;
}
.main_aboutText p {
  color: #fff;
  line-height: 0.7;
  letter-spacing: -1px;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 12px;
}
.main_aboutText span {
  line-height: 1.22;
  letter-spacing: -0.9px;
  text-align: left;
  color: #fff;
  font-size: 18px;
}
.main_aboutList li {
  position: relative;
  width: calc((100% - 40px) / 3);
  margin-right: 20px;
}
.main_aboutImg {
  width: 100%;
}
.main_aboutImg img {
  width: 100%;
  display: block;
}
.main_aboutList li:nth-child(5),
.main_aboutList li:nth-child(3) {
  margin-right: 0;
}
.main_aboutList li:nth-child(4) {
  width: calc((100% - 10px) / 3 * 2);
  margin-right: 20px;
}
.main_formPopBox {
  z-index: 50;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.main_formPopT {
/*
  position: absolute;
  top: -90px;
  left: 0;*/
  display: flex;
  align-items: center;
  margin-bottom:22px;

}
.main_formIcon {
  width: 65px;
  height: 65px;
  margin-right: 18px;
}
.main_formIcon img {
  width: 100%;
}
.main_formClose {
  position: absolute;
  right: -68px;
  top: -10px;
  cursor: pointer;
  width: 43px;
}
.main_formicon3 {
  width: 347px;
  position: absolute;
  bottom: 213px;
  right: -60px;
}
.main_formicon3 img {
  width: 427px;
}
.main_formPopT p {
  font-size: 44px;
  line-height: 65px;
  color: #3e3a39;
  letter-spacing: -3.3px;
}
.main_formPopT p span {
  color: #ed6f1d;
  font-weight: 700;
}
.main_formPopB {
  width: 100%;
  height: 260px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #3e3a39;

}
.main_formPopBox {
  display: none;
}
.main_formPopBox.on {
  display: block;
}
.main_formPopBox .main_formBox {
  position: absolute;
  left: 50%;
  top: calc(50% + 10px);
  transform: translate(-50%, -50%);
  z-index: 10;
  width: 1000px;
  height: 970px;
  border: 10px solid #3e3a39;
  border-bottom-width: 10px;
  padding: 24px 0 0 40px;
  box-sizing: border-box;
  background: #fff;
  margin-top: 22px;
}
.main_formList > li {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.main_formList .checkList {
  display: flex;
  align-items: center;
}
.main_formList > li.checkListWrap {
  margin-bottom: 20px;
  margin-top: 12px;
}
.main_formList > li.time {
  margin-bottom: 20px;
}
.main_formList > li > input {
  border: solid 1px #cdcdcd;
  background-color: #fff;
  width: 366px;
  height: 41px;
  padding: 0 10px;
}
.main_formList > li textarea {
  border: solid 1px #cdcdcd;
  resize: none;
  width: 366px;
  height: 64px;
  padding: 10px;
}
.main_formList > li > label {
  display: block;
  font-size: 18px;
  width: 70px;
  margin-right: 20px;
  color: #333;
  letter-spacing: -0.36px;
}
.main_formList input[type="radio"] {
  background-color: #ffff;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: solid 2px #ed6f1d;
  width: 17px;
  height: 17px;
  border-radius: 100%;
}
.main_formList input[type="radio"]:checked {
  background-color: #e65d04;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  width: 17px;
  height: 17px;
  border-radius: 100%;
}
.checkList li {
  display: flex;
  align-items: center;
  margin-right: 8px;
}
.checkList li label {
  margin-left: 4px;
  line-height: 17px;
  font-size: 16px;
  color: #333;
}
.main_agreeList input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: solid 1px #e65d04;
  width: 15px;
  height: 15px;
  cursor: pointer;
  margin-top: 5px;
  margin-right: 8px;
}
.main_agreeList input[type="checkbox"]:checked {
  background: #e65d04;
  position: relative;
}
.main_agreeList input {
  margin-right: 4px;
}
.main_agreeList li {
  display: flex;
  align-items: center;
}
.main_agreeList li label {
  font-size: 16px;
  color: #333;
}
.main_agreeList {
  margin-top: 14px;
  margin-bottom: 14px;
}
.main_formBtn {
  width: 368px;
  height: 75px;
}
.main_formBtn button {
  line-height: 75px;
  color: #fcfcfc;
  display: block;
  width: 100%;
  border-radius: 10px;
  background-color: #e65d04;
  border: solid 1px #ed6f1d;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: -0.7px;
}
.main_formBtn button span {
  font-weight: normal;
}
/* 서브01 */
.subBanner {
  width: 100%;
  position: relative;
  z-index: -1;
}

.subBanner img {
  width: 100%;
  display: block;
}
.subTitle {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.subTitle p {
  color: #fff;
  font-size: 50px;
  font-weight: 700;
  margin-bottom: 27px;
  text-align: center;
  letter-spacing:1px; 
}
.subTitle span {
  color: #c1c1c1;
  line-height: 1.15;
  letter-spacing: 8px;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  display: block;
}
.subTabMenu {
  background-color: #f18c4a;
  margin-bottom: 120px;
}
.subTabMenu ul {
  display: flex;
  align-items: center;
  padding: 0;
}
.subTabMenu ul li {
  width: calc(100% / 5);
  position: relative;
}
.subTabMenu ul li.on a {
  color: #fff;
  font-weight: 500;
}
.subTabMenu ul li a {
  line-height: 67px;
  display: block;
  text-align: center;
  color: #3e3a39;
  font-size: 18px;
}
.subTabMenu ul li::after {
  content: "";
  display: block;
  width: 3px;
  height: 40px;
  background: #3e3a39;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.subTabMenu ul li:last-child::after {
  display: none;
}
.subContTitle {
  margin-bottom: 120px;
}
.subContTitle p {
  font-size: 24px;
  font-weight: bold;
  color: #3d3d3d;
  position: relative;
  width: fit-content;
  margin: 0 auto;
  display: block;
}
.subContTitle p::after {
  content: "";
  background: #ed6f1d;
  width: 45px;
  height: 8px;
  display: block;
  left: 50%;
  bottom: -20px;
  position: absolute;
  transform: translateX(-50%);
}
.sub01ListCont {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
}
.sub01List li:last-child .sub01ListCont {
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
}
.sub01List li:last-child .sub01ListTitle {
  color: #414141;
}
.sub01ListTitle {
  text-align: center;
  color: #fff;
  font-size: 50px;
  font-weight: bold;
  margin-bottom: 29px;
}
.sub01List li:last-child .sub01ListText {
  color: #414141;
}
.sub01ListText {
  text-align: center;
  font-size: 32px;
  color: #fff;
  line-height: 1.56;
  letter-spacing:-1px;
}
.sub01ListText span {
  color: var(--primary-color-1);
}
.sub01List li {
  position: relative;
  overflow: hidden;
}
.sub01ListImg {
  width: 100%;
  display: block;
}
.sub01ListImg img {
  display: block;
  width: 100%;
}
/* 서브01 */
/* 서브02 */
.sub02logo {
  width: 440px;
  display: block;
  margin: 0 auto 32px;
}
.sub02logo img {
  display: block;
  width: 100%;
}
.sub02contT {
  background: url(../img/sub02bg.jpg) no-repeat center;
  width: 100%;
  height: 430px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.sub02contTtitle {
  font-size: 50px;
  font-weight: bold;
  color: #ed6f1d;
  text-align: center;
  margin-bottom: 38px;
}
.sub02contTtitle span {
  color: #3f3a39;
}
.sub02contTText {
  font-size: 30px;
  line-height: 1.5;
  letter-spacing: -0.75px;
  text-align: center;
  color: #3d3d3d;
}
.sub02contTText span {
  font-weight: bold;
  color: #ed6f1d;
}
.sub02cont2Img {
  width: 481px;
  display: block;
  margin-right: 20px;
}
.sub02cont2Img img {
  width: 100%;
  display: block;
}
.sub02cont2TextWrap .sub02contText {
  color: #3d3d3d;
  line-height: 1.67;
  font-size: 24px;
  margin-bottom: 55px;
  letter-spacing: -1px;
}
.sub02cont2TextWrap .sub02contText2 {
  font-size: 30px;
  font-weight: bold;
  color: #3d3d3d;
  line-height: 1.55;
  letter-spacing: -0.75px;
}
.sub02cont2TextWrap .sub02contText2 span {
  font-size: 36px;
}
.sub02cont2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 150px;
  margin-top: 150px;
}
.brand_storyImg {
  position: relative;
  width: 100%;
  overflow:hidden;
}
.brand_storyImg .line {
  display: block;
  position: absolute;
  top: 0;
  left: 57%;
  width: 1px;
  height: 100%;
  background: #d8d8d8;
  z-index: 2;
}
.brand_storyImg .v-list01 {
  position: absolute;
  top: 44%;
  left: -37px;
  z-index:10;
}
.brand_storyImg .v-list01 {
    opacity: 1;
    filter: Alpha(opacity=0);
    -webkit-transition: all 0.3s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.visual-content .v-list01 {
    opacity: 1;
    filter: Alpha(opacity=100);
}

.brand_storyImg img {
  width: 100%;
  display: block;
}
.brand_storyList li {
  position: relative;
}
.brand_storyCont {
  position: absolute;
  top: 67px;
  left: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: calc(100% - 116px);
}
.brand_storyTitle {
  color: #fff;
  text-shadow: 2px 3.5px 17.3px rgba(4, 0, 0, 0.2);
  font-size: 60px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: -1.5px;
  position: relative;
}
.brand_storyTitle::after {
  position: absolute;
  content: "";
  display: block;
  background: #fff;
  width: 2px;
  height: 120px;
  left: 0;
  bottom: -150px;
}
.brand_storyText p {
  color: #fff;
  line-height: 1.38;
  font-size: 20px;
  font-weight: 400;
  letter-spacing:-1px;
}
.brand_storyList li {
  margin-bottom: 100px;
}
.brand_storyText span {
  color: #fdfa9c;
}

.sub02cont3 { 
  display:flex; 
  position: relative; 
  width:100%; 
  height:534px; 
  margin-bottom:150px; 
}
.sub02cont3 > .conLeft { 
  width:55%; 
  padding-top: 190px; 
  background:url('../img/brand_story04_bg.png') repeat top right; 
}
.sub02cont3 > .conRight { 
  width:45%; 
  background:url('../img/brand_story04_img.png') no-repeat center center; 
  background-size: cover;
}
.sub02cont3 > .conLeft > p { 
  float: right; 
  width:calc(1240px / 2); 
  padding-left: 40px; 
}
.sub02cont3 .sub02cont3Title { 
  margin-bottom:30px; 
  line-height:50px; 
  font-size:40px; 
  font-weight:500; 
  color:#002222; 
}
.sub02cont3 .sub02cont3Title strong { 
  font-weight:700; 
}
.sub02cont3 .sub02cont3Title strong span { 
  color:#ed6f1d; 
}
.sub02cont3 p { 
  line-height:32px; 
  font-size:20px; 
  font-weight:400; 
  color:#002222;
  letter-spacing: -1px; 
}
.sub02cont3 .wrap {
  position: absolute;
  max-width: 1240px;
  width: 100%;
  top: 190px;
  left: 50%;
  transform: translate(-50%);

}
.sub02cont4 .wrap { 
  display:flex; 
  margin-top:48px; 
  margin-bottom:150px; 
}
.sub02cont4 .wrap img:nth-of-type(1) { 
  width:66.9%;
  margin-right:10px; 
}
.sub02cont4 .wrap img:nth-of-type(2) { 
  width:29%;
  margin-left:10px;  
}
/* 서브02 */
/* 서브03 */
.sub03bg {
  width: 100%;
  height: 853px;
  /*
  padding-top: 112px;
  padding-bottom: 133px;
  */
}

.sub03bg .dark_bg{
	background: rgba(0,0,0,0.5);
	height: 100%;
}

.sub03bg_01 {
  background: url('../img/sub03bg_01.jpg') no-repeat center;
}
.sub03bg_02 {
  background: url('../img/sub03bg_02.jpg') no-repeat center;
}
.sub03bg_03 {
  background: url('../img/sub03bg_03.jpg') no-repeat center;
}
.sub03bg_04 {
  background: url('../img/sub03bg_04.jpg') no-repeat center;
}
.sub03bg_05 {
  background: url('../img/sub03bg_05.jpg') no-repeat center;
}
.sub03bg_06 {
  background: url('../img/sub03bg_06.jpg') no-repeat center;
}
.sub03bg_07 {
  background: url('../img/sub03bg_07.jpg') no-repeat center;
}
.sub03bg_08 {
  background: url('../img/sub03bg_08.jpg') no-repeat center;
}
.sub03bg_09 {
  background: url('../img/sub03bg_09.jpg') no-repeat center;
}
.sub03bg_10 {
  background: url('../img/sub03bg_10.jpg') no-repeat center;
}
.sub03bg .wrap {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;

}
.sub03TabMenu ul {
  display: flex;
  max-width: 750px;
  width: 100%;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 55px;
}
.sub03TabMenu ul li {
  width: calc(100% / 5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.sub03TabIcon {
  width: 102px;
  height: 102px;
  transition: 0.2s;
  background: url(../img/sub03icon01.png) no-repeat center;
}
.sub03TabIcon01 {
  background: url(../img/sub03icon01.png) no-repeat center;
}
.sub03TabText { 
  height:90px; 
}
.sub03TabIcon02 {
  background: url(../img/sub03icon02.png) no-repeat center;
}

.sub03TabIcon03 {
  background: url(../img/sub03icon03.png) no-repeat center;
}
.sub03TabIcon04 {
  background: url(../img/sub03icon04.png) no-repeat center;
}
.sub03TabIcon05 {
  background: url(../img/sub03icon05.png) no-repeat center;
}

.sub03TabIcon06 {
  background: url(../img/sub03icon06.png) no-repeat center;
}

.sub03TabIcon07 {
  background: url(../img/sub03icon07.png) no-repeat center;
}
.sub03TabIcon08 {
  background: url(../img/sub03icon08.png) no-repeat center;
}
.sub03TabIcon09 {
  background: url(../img/sub03icon009.png) no-repeat center;
}
.sub03TabIcon10 {
  background: url(../img/sub03icon10.png) no-repeat center;
}
.sub03TabMenu li.active .sub03TabIcon01,
.sub03TabMenu li:hover .sub03TabIcon01 {
  background: url(../img/sub03icon01a.png) no-repeat center;
}
.sub03TabMenu li.active .sub03TabIcon02,
.sub03TabMenu li:hover .sub03TabIcon02 {
  background: url(../img/sub03icon02a.png) no-repeat center;
}
.sub03TabMenu li.active .sub03TabIcon03,
.sub03TabMenu li:hover .sub03TabIcon03 {
  background: url(../img/sub03icon03a.png) no-repeat center;
}
.sub03TabMenu li.active .sub03TabIcon04,
.sub03TabMenu li:hover .sub03TabIcon04 {
  background: url(../img/sub03icon04a.png) no-repeat center;
}
.sub03TabMenu li.active .sub03TabIcon05,
.sub03TabMenu li:hover .sub03TabIcon05 {
  background: url(../img/sub03icon05a.png) no-repeat center;
}
.sub03TabMenu li.active .sub03TabIcon06,
.sub03TabMenu li:hover .sub03TabIcon06 {
  background: url(../img/sub03icon06a.png) no-repeat center;
}
.sub03TabMenu li.active .sub03TabIcon07,
.sub03TabMenu li:hover .sub03TabIcon07 {
  background: url(../img/sub03icon07a.png) no-repeat center;
}
.sub03TabMenu li.active .sub03TabIcon08,
.sub03TabMenu li:hover .sub03TabIcon08 {
  background: url(../img/sub03icon08a.png) no-repeat center;
}
.sub03TabMenu li.active .sub03TabIcon09,
.sub03TabMenu li:hover .sub03TabIcon09 {
  background: url(../img/sub03icon009a.png) no-repeat center;
}
.sub03TabMenu li.active .sub03TabIcon10,
.sub03TabMenu li:hover .sub03TabIcon10 {
  background: url(../img/sub03icon10a.png) no-repeat center;
}
.sub03TabText01 .sub03TabSub .sub03Btn,
.sub03TabText02 .sub03TabSub .sub03Btn,
.sub03TabText03 .sub03TabSub .sub03Btn,
.sub03TabText04 .sub03TabSub .sub03Btn,
.sub03TabText05 .sub03TabSub .sub03Btn,
.sub03TabText06 .sub03TabSub .sub03Btn,
.sub03TabText07 .sub03TabSub .sub03Btn,
.sub03TabText08 .sub03TabSub .sub03Btn,
.sub03TabText09 .sub03TabSub .sub03Btn,
.sub03TabText10 .sub03TabSub .sub03Btn {
  display:none;
}

.sub03TabMenu li.active .sub03TabText01 .sub03TabSub .sub03Btn,
.sub03TabMenu li:hover  .sub03TabText01 .sub03TabSub .sub03Btn 
{
  display:block;
}
.sub03TabMenu li.active .sub03TabText02 .sub03TabSub .sub03Btn,
.sub03TabMenu li:hover  .sub03TabText02 .sub03TabSub .sub03Btn 
{
  display:block;
}
.sub03TabMenu li.active .sub03TabText03 .sub03TabSub .sub03Btn,
.sub03TabMenu li:hover  .sub03TabText03 .sub03TabSub .sub03Btn 
{
  display:block;
}
.sub03TabMenu li.active .sub03TabText04 .sub03TabSub .sub03Btn,
.sub03TabMenu li:hover  .sub03TabText04 .sub03TabSub .sub03Btn 
{
  display:block;
}
.sub03TabMenu li.active .sub03TabText05 .sub03TabSub .sub03Btn,
.sub03TabMenu li:hover  .sub03TabText05 .sub03TabSub .sub03Btn 
{
  display:block;
}
.sub03TabMenu li.active .sub03TabText06 .sub03TabSub .sub03Btn,
.sub03TabMenu li:hover  .sub03TabText06 .sub03TabSub .sub03Btn 
{
  display:block;
}
.sub03TabMenu li.active .sub03TabText07 .sub03TabSub .sub03Btn,
.sub03TabMenu li:hover  .sub03TabText07 .sub03TabSub .sub03Btn 
{
  display:block;
}
.sub03TabMenu li.active .sub03TabText08 .sub03TabSub .sub03Btn,
.sub03TabMenu li:hover  .sub03TabText08 .sub03TabSub .sub03Btn 
{
  display:block;
}
.sub03TabMenu li.active .sub03TabText09 .sub03TabSub .sub03Btn,
.sub03TabMenu li:hover  .sub03TabText09 .sub03TabSub .sub03Btn 
{
  display:block;
}
.sub03TabMenu li.active .sub03TabText10 .sub03TabSub .sub03Btn,
.sub03TabMenu li:hover  .sub03TabText10 .sub03TabSub .sub03Btn 
{
  display:block;
}

.sub03Btn a {
  text-transform: uppercase;
  width: 100px;
  display: block;
  color: #ed6f1d;
  font-size: 18px;
  text-align: center;
}
.sub03TabSub p {
  font-size: 19px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 10px;
  margin-top: 10px;
}

.sub03TabMenu ul li:hover .sub03TabText .sub03TabSub p { color:#ed6f1d; }

.sub03TabCont .sub03TabSub {
  display: none;
}
.sub03TabCont .sub03TabSub:first-child {
  display: block;
}
.sub03Btn {
  margin: 0 auto;
  width: fit-content;
}


/* 서브03 */
/* 서브04 */
.sub04Banner {
  width: 100%;
  display: block;
  margin-bottom: 67px;
}
.sub04Banner img {
  width: 100%;
  display: block;
}
/* 서브04 */
.sub04Banner { position: relative; margin-bottom:0px; padding:30px 0; }
.sub04Banner .bg { 
  position: absolute;
  top: 25%;
  left: 15%; 
  width: 70%;
  height: 50%;
  margin: 0 auto;
  background-color: #f18c4a;
  z-index: -1;
  opacity: 0;
  animation: crescendo .8s forwards;
  animation-delay: .2s;
}
@keyframes crescendo {
  0%   {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(2);
	opacity: 1;
  }
}
.sub04Banner img {position: relative;z-index: 1;}
.sub04Cont {
  background: #efefef;
  padding-top: 78px;
  padding-bottom: 168px;
}
.sub04ContLeft p.sub04ContCase {
  font-family: "SEBANG_Gothic_Bold";
  color: #b7b7b7;
  font-size: 95px;
  font-weight: bold;
  line-height: 1.05;
  text-transform: uppercase;
  margin-bottom: 28px;
}
.sub04ContLeft p {
  color: #000;
  font-size: 45px;
  font-weight: bold;
  line-height: 1.1;
}
.sub04ContLeft span {
  color: #ed6f1d;
  font-size: 33px;
  font-weight: 700;
  display: block;
  width: 100%;
  text-align: right;
  padding-right: 139px;
  line-height: 1.5;
}
.sub04Cont .flex_sb {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.sub04Info {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 130px;

  padding-top: 20px;
  padding-bottom: 36px;
}
.sub04Info p {
  margin-left: 14px;
  line-height: 1.2;
  letter-spacing: -0.38px;
  font-size: 15px;
  color: #000;
}
.sub04Info span {
  color: #ff7318;
  letter-spacing: -4px;
  font-size: 40px;
  font-weight: bold;
}
.sub04ContRightList {
  overflow: hidden;
  border-radius: 20px;
}
.sub04ContRightList ul {
  display: flex;
  align-items: center;
}
.sub04ContRightList ul li {
  margin-right: 15px;
  border-radius: 20px;
  overflow: hidden;
  min-width: 130px;
}
.sub04ContRight2 {
  margin-top: 14px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.sub04ContImg {
  width: 100%;
  display: block;
}
.sub04ContImg img {
  width: 100%;
  display: block;
}
/* 서브05 */
.sub05Bg {
  width: 100%;

  background: url('../img/sub05Bg.png') no-repeat center;
  background-size: cover;
  padding: 100px 0;
}
/* 서브05 */
.sub05Icon {
  width: 145px;
  height: 145px;
  background: url('../img/sub05_01.png') no-repeat center;
  background-size: contain;
  border-radius: 170px;
  overflow: hidden;
  z-index: 9;
  opacity: 0;

}
.sub05Icon01 {
  background: url('../img/sub05_01.png') no-repeat center;
  background-size: contain;
}
.sub05Icon02 {
  background: url('../img/sub05_02.png') no-repeat center;
  background-size: contain;
  background-size: contain;
}
.sub05Icon03 {
  background: url('../img/sub05_03.png') no-repeat center;
  background-size: contain;
}
.sub05Icon04 {
  background: url('../img/sub05_04.png') no-repeat center;
  background-size: contain;
}
.sub05Icon05 {
  background: url('../img/sub05_05.png') no-repeat center;
  background-size: contain;
}
.sub05Icon06 {
  background: url('../img/sub05_06.png') no-repeat center;
  background-size: contain;
}
.sub05Icon07 {
  background: url('../img/sub05_07.png') no-repeat center;
  background-size: contain;
}
.sub05Icon08 {
  background: url('../img/sub05_08.png') no-repeat center;
  background-size: contain;
}
.sub05Icon09 {
  background: url('../img/sub05_09.png') no-repeat center;
  background-size: contain;
}
.sub05Icon10 {
  background: url('../img/sub05_10.png') no-repeat center;
  background-size: contain;
}
.sub05Icon11 {
  background: url('../img/sub05_11.png') no-repeat center;
  background-size: contain;
}

.sub05List ul li.active .sub05Icon01 {
  background: url('../img/sub05_01a.png') no-repeat center;
  background-size: contain;
}
.sub05List ul li.active .sub05Icon02 {
  background: url('../img/sub05_02a.png') no-repeat center;
  background-size: contain;
  background-size: contain;
}
.sub05List ul li.active .sub05Icon03 {
  background: url('../img/sub05_03a.png') no-repeat center;
  background-size: contain;
}
.sub05List ul li.active .sub05Icon04 {
  background: url('../img/sub05_04a.png') no-repeat center;
  background-size: contain;
}
.sub05List ul li.active .sub05Icon05 {
  background: url('../img/sub05_05a.png') no-repeat center;
  background-size: contain;
}
.sub05List ul li.active .sub05Icon06 {
  background: url('../img/sub05_06a.png') no-repeat center;
  background-size: contain;
}
.sub05List ul li.active .sub05Icon07 {
  background: url('../img/sub05_07a.png') no-repeat center;
  background-size: contain;
}
.sub05List ul li.active .sub05Icon08 {
  background: url('../img/sub05_08a.png') no-repeat center;
  background-size: contain;
}
.sub05List ul li.active .sub05Icon09 {
  background: url('../img/sub05_09a.png') no-repeat center;
  background-size: contain;
}
.sub05List ul li.active .sub05Icon10 {
  background: url('../img/sub05_10a.png') no-repeat center;
  background-size: contain;
}
.sub05List ul li.active .sub05Icon11 {
  background: url('../img/sub05_11a.png') no-repeat center;
  background-size: contain;
}
.sub05List ul {
  display: flex;
  flex-direction: column;
}
.sub05List ul li {
  width: 100%;
  position: relative;
}
.sub05Wrap {
  display: flex;
  align-items: center;
  width: 50%;
  justify-content: space-between;
  position: relative;
}

.sub05Icon {
  /*opacity: 0; */
}

.sub05List ul li p {
  color: #fff;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 45px;
  opacity: 0;
}
.sub05List ul li span {
  color: #ff7318;
  line-height: 0.6;
  letter-spacing: -2.5px;
  font-size: 50px;
  font-weight: 500;
  margin-bottom: 48px;
  padding: 0 12px 15px;
  right: -10px;
  opacity: 0; 
}
.sub05List ul li:nth-child(2n) {
}
.sub05List ul li:nth-child(2n) .sub05Wrap {
  flex-direction: row-reverse;
  justify-content: space-between;
  margin-left: 50%;
}
.sub05Wrap:after {
  display: block;
  content: "";
  position: absolute;
  height: 2px;
  width: 0%;  
  background: #fff;
  right: 0;
  top: 50%;
  z-index: 1;
}

.sub05List ul li:nth-of-type(1) .sub05Wrap.active:after,
.sub05List ul li:nth-of-type(2) .sub05Wrap.active:after,
.sub05List ul li:nth-of-type(5) .sub05Wrap.active:after,
.sub05List ul li:nth-of-type(6) .sub05Wrap.active:after,
.sub05List ul li:nth-of-type(9) .sub05Wrap.active:after,
.sub05List ul li:nth-of-type(10) .sub05Wrap.active:after {
  width: 46%;
  transition: all 0.2s linear; 

}
.sub05List ul li:nth-of-type(3) .sub05Wrap.active:after,
.sub05List ul li:nth-of-type(4) .sub05Wrap.active:after,
.sub05List ul li:nth-of-type(7) .sub05Wrap.active:after,
.sub05List ul li:nth-of-type(8) .sub05Wrap.active:after,
.sub05List ul li:nth-of-type(11) .sub05Wrap.active:after {
  width: 68%;
  transition: all 0.2s linear; 

}
/*
.sub05Wrap.active:after {
  width: 46%;
  transition: all 0.2s linear; 

}
*/
.sub05Wrap.active p { 
  opacity: 1; 
  transition: all 0.4s linear; 
  transition-delay: 0.4s;
}
.sub05Wrap.active span {
  opacity: 1; 
  right: 0px;
  transition: all 0.2s linear; 
  transition-delay: 0.2s;
}
.sub05Wrap.active .sub05Icon {
  opacity: 1; 
  transition: all 0.6s linear; 
  transition-delay: 0.6s;
}



.sub05List ul li:nth-child(2n) .sub05Wrap:after {
  right: inherit;
  left: 0;
}

.sub05List {
  position: relative;
}
.sub05List:after {
  display: block;
  content: "";
  position: absolute;
  height: 100%;
  width: 2px;
  background: #fff;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.sub05List ul li:nth-child(4) p {
  margin-bottom: 70px;
  text-align: center;
  word-break: keep-all;
}

.sub05List ul li:nth-child(1) .sub05Wrap {
  padding-left: 180px;
}
.sub05List ul li:nth-child(2) .sub05Wrap {
  padding-right: 180px;
}
.sub05List ul li:nth-child(3) .sub05Wrap {
  padding-left: 70px;
}
.sub05List ul li:nth-child(4) .sub05Wrap {
  padding-right: 70px;
}
.sub05List ul li:nth-child(5) .sub05Wrap {
  padding-left: 180px;
}
.sub05List ul li:nth-child(6) .sub05Wrap {
  padding-right: 180px;
}
.sub05List ul li:nth-child(7) .sub05Wrap {
  padding-left: 70px;
}
.sub05List ul li:nth-child(8) .sub05Wrap {
  padding-right: 70px;
}
.sub05List ul li:nth-child(9) .sub05Wrap {
  padding-left: 180px;
}
.sub05List ul li:nth-child(10) .sub05Wrap {
  padding-right: 180px;
}
.sub05List ul li:nth-child(11) .sub05Wrap {
  padding-left: 70px;
}
/* 서브05 */
/* 서브06 */
.sub06Map {}
.sub06Map img { width:100%; height: auto; }
.sub06Info { 
  padding: 38px; 
  font-size:24px;
  color:#333;
  font-weight: 700;
}
.sub06Info ul { 
  display: flex;
}
.sub06Info li {
  flex:1;
  padding:0 5px;
}
.sub06Info li a { 
  display:block;
  position: relative;
  width:100%;  
  height: 100px; 
  line-height: 100px;
  border: 1px solid #ddd; 
  text-align:left;
  padding-left: 132px;
  font-size: 20px;
}
.sub06Info li a:after,
.sub06Info p:after {
  content: "";
  position: absolute;
  top: 20px;
  left: 35px;
  width: 67px;
  height:67px;
}
.sub06Info li:nth-of-type(1) a:after {
  background: url("../img/sub06_ico_tel.png") no-repeat left top;
  background-size:cover;
}
.sub06Info li:nth-of-type(2) a:after {
  background: url("../img/sub06_ico_fax.png") no-repeat left top;
  background-size:cover;
}
.sub06Info li:nth-of-type(3) a:after {
  background: url("../img/sub06_ico_email.png") no-repeat left top;
  background-size:cover;
}
.sub06Info p {
  position: relative;
  margin:20px 5px; 
  height: 100px; 
  line-height: 100px; 
  border: 1px solid #ddd;
  text-align:left;
  padding-left: 132px;
  font-size: 20px;
}
.sub06Info p:after {
  top: 15px;
  background: url("../img/sub06_ico_addr.png") no-repeat left top; 
  background-size:cover;
}
/* 서브06 */
/* 서브07 */
.sub07Wrap .subTabMenu ul li {
  width: calc(100% / 4);
}
.sub07Info {
  display: flex;

  justify-content: space-between;
}
.sub07Title {
  flex:1;
  color: #ed6f1d;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: -0.8px;
  margin-top: -7px;
  line-height: 1.2;
}

.computer_br {
	display: block;
}

.sub07Text {
  flex:1;
}

.sub07Text p {
  position: relative;
  font-size: 14px;
  line-height: 1.21;
  color: #222;
  padding-left: 10px;
  word-break: keep-all;
}
.sub07Text p span { 
  font-size: 13px;
  color: gray;
}
.sub07Text p::after {
  display: block;
  content: "";
  background: var(--primary-color-1);
  width: 3px;
  height: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -6px;
}
.sub07List ul {
  display: flex;
  flex-wrap: wrap;
  row-gap: 70px;
}
.sub07List ul li {
  width: calc((100% - 20px) / 2);
  margin-right: 20px;
}
.sub07List ul li .sub07img {
  display: block;
  width: 100%;
  margin-bottom: 14px;
}
.sub07List ul li .sub07img img {
  width: 100%;
  display: block;
}
.sub07List ul li:nth-child(2n) {
  margin-right: 0;
}
.sub07whyImg {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sub07whyImg img {
  width: 80%;
  display: block;
}
.sub08Title {
  font-size: 30px;
  color: #ed6f1d;
  font-weight: bold;
}
.sub07banner {
  margin-top: 120px;
  width: 100%;
}
.sub07banner img {
  width: 100%;
  display: block;
}
.sub08banner {
  position: relative;
  margin-top: 120px;
  width: 100%;
  padding-bottom: 22%;
  background: url('../img/sub08banner.jpg') no-repeat center center; 
  background-size:cover;
}

.sub08banner.best_practices_sub08 {
	background: url('../img/sub08banner_2.jpg') no-repeat center center;
	background-size:cover;
}

.sub08banner.best_practices_sub09 {
	background: url('../img/sub09banner.jpg') no-repeat center center; 
	background-size:cover;
}

.sub08banner.best_practices_sub10 {
	background: url('../img/sub10banner.jpg') no-repeat center center; 
	background-size:cover;
}

.sub08banner img {
  width: 100%;
  display: block;
}
.sub08banner .wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 1240px;
  width: 100%;
  transform: translate(-50%, -50%); 
  letter-spacing:0; 
  z-index:2;
}
.sub08bannerT {
  font-weight:700; 
  color:#3d3d3d; 
  line-height:30px;
}
.sub08bannerT p.Title {
  display:inline-block; 
  font-size:30px;
  font-weight:700;
  letter-spacing:-0.8px;
  border-bottom: 1px dashed #3d3d3d; 
  padding:5px 2px 10px;; 
  margin-bottom:10px;
}
.sub08bannerT p.Text {
  font-size:18px;
  letter-spacing: -1px;
  font-weight: 500;
  line-height: 1.5;
}
.sub08bannerT p.Text2 {
  font-size:15px;
  font-weight:normal;
}
.sub11Wrap .subTabMenu li {
  width: 20%;
}
.sub11Wrap .subTabMenu ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sub11ListInfo p {
  color: #fff;
  line-height: 0.7;
  letter-spacing: -1px;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 44px;
  position: relative;
}
.sub11ListInfo p::after {
  height: 6px;
  width: 36px;
  background: #fff;
  display: block;
  content: "";
  position: absolute;
  left: 0;
  bottom: -19px;
}
.sub11ListInfo span {
  color: #fff;
  line-height: 1.22;
  letter-spacing: -0.9px;
  font-size: 18px;
}
.sub11ListInfo {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding: 20px;
  opacity: 0;
  transition: 0.2s;
}
.sub11List li:hover .sub11ListInfo {
  opacity: 1;
}
.sub11List li {
  position: relative;
  width: calc((100% - 30px) / 3);
  border-radius: 15px;
  overflow: hidden;
  margin-right: 15px;
  cursor: pointer;
}
.sub11List li:nth-child(3n) {
  margin-right: 0;
}
.sub11ListImg {
  width: 100%;
  display: block;
}
.sub11ListImg img {
  width: 100%;
  display: block;
}
.sub11List ul {
  display: flex;
  flex-wrap: wrap;
  row-gap: 15px;
}
/*
.sub11More a {
  font-size: 20px;
  font-weight: 500;
  width: 80px;
  height: 80px;
  border-radius: 80px;
  background-color: #2b2b2b;
  border: solid 2px #fff;
  color: #fff;
  text-align: center;
  line-height: 76px;
  display: block;
}
.sub11More {
  width: 100px;
  height: 100px;
  background-color: #2b2b2b;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  margin: 0 auto 130px;
}
*/
.sub11More {
  display: block;
  width: 300px;
  text-transform: uppercase;
  background-color: #ed6f1d;
  margin: 0 auto 130px;
}
.sub11More a {
  display: none;
  color: #fff;
  font-size: 24px;
  text-align: center;
  padding: 10px 30px;
  cursor: pointer;
}


.sub11List {
  margin-bottom: 50px;
}
.sub012Wrap .subTabMenu li {
  width: calc(100% / 2);
}
.searchBox button {
  width: 58px;
  height: 58px;
  border: solid 2px #3e3a39;
  background-color: #ed6f1d;
  border-radius: 58px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.searchBox input {
  width: 100%;
  line-height: 48px;
  height: 48px;
  border-radius: 24px;
  padding-left: 30px;
}

.searchBox input::placeholder {
  color: #3d3d3d;
  font-size: 15px;
}
.searchBox {
  width: 390px;
  position: relative;
  margin-left: 10px;
}
.sub012_Top select {
  width: 167px;
  height: 48px;
  border: solid 2px #3e3a39;
  background-color: #fff;
  border-radius: 24px;
  padding-left: 19px;
  font-size: 16px;
  color: #3d3d3d;
}
.sub012_Top {
  margin-bottom: 15px;
}
.sub012InputWrap {
  display: flex;
  align-items: center;
}
.sub012Title p {
  text-align: left;
  color: #3d3d3d;
  font-size: 24px;
  font-weight: 900;
}
table {
  width: 100%;
}
thead tr {
  border-top: 6px solid #3e3a39;
  border-bottom: 1px solid #3e3a39;
  height: 60px;
}
thead tr th {
  line-height: 60px;
}

tbody tr td {
  text-align: center;
  line-height: 70px;
  height: 18px;
  color: #3d3d3d;
}
tbody tr {
  border-bottom: 1px solid #3e3a39;
}
.sub12tabletitle {
  text-align: left;
}
.sub12Tag {
  width: 50px;
  line-height: 29px;
  border-radius: 15px;
  color: #fff;
  display: inline-block;
  background-color: #ed6f1d;
}
.pageingWrap {
  padding: 60px 0;
}
.pageingWrap ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pageingWrap ul li a {
  width: 40px;
  line-height: 40px;
  border-radius: 40px;
  background-color: #eee;
  color: #000;
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}

.pageingWrap ul li a.current_page {
  background: #ed6f1d;
  color: #fff;
}

.pageingWrap ul li a.pagebtn {
  background: none;
  width: 20px;
  height: 20px;
}
.pageingWrap ul li {
  margin-right: 20px;
}
.pageingWrap ul li:last-child {
  margin-right: 0;
}
.pageingWrap ul li a.pagebtn img {
  display: block;
  width: 100%;
}
.subbanner03 {
  background: #e9e9e9;
  /*background-image: url(../img/banner3.png);*/
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 350px;
  margin-top: 140px;
  margin-bottom: 0px;
  position: relative;
}
.subbanner03 .subbanner03_banner3 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	padding-left: 40%;
}

.banner3_first_wrap {
	display: flex;
	width: 40%;
	position: relative;
	z-index: 1;
}

.banner3_first_wrap .subbanner03_banner3_first {
	position: absolute;
    top: 0;
    left: 0;
    /*transform: translate(-50%, 0);*/
}

.subbanner03 .subbanner03_banner3_first {
	z-index: -1;
}

.subbanner03_banner3_first_wrap_bg {
	position: absolute;
	right: 0;
	top: 0;
}

.subbanner03 .subbanner03_banner3_last {
	z-index: 1;
	position: absolute;
	bottom: 0;
	right: 13%;
	z-index: 1;
	width: 279px;
}

.subbanner_Text_Link_wrap {
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 350px;
	z-index: 2;
	padding-left: 200px;
}

.subbanner03 .subbannerText {
  font-size: 26px;
  font-weight: 500;
  letter-spacing : -0.8px;
  color: #3d3d3d;
  font-family: "Noto Sans KR", sans-serif;
}

.subbanner03 .subbannerText p {
  padding-bottom: 18px;
}

.subbanner03 .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 20px;
}
.subbanner03 .subbannerText span {
  color: #ed6f1d;
  font-weight: 600;
}
.subbannerLink {
  font-size: 36px;
  font-weight: 700;
  color: #3d3d3d;
  font-family: "Noto Sans KR", sans-serif;
  display: flex;
  padding-top: 28px;
}
.subbannerLink span, .subbannerLink_mobile span {
  color: #ed6f1d;
}
.subbannerLink a,.subbannerLink_mobile a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.subbannerLink a.subbannerLink_first, .subbannerLink_mobile a.subbannerLink_first {
	padding-left: 0;
}

.subbannerLink a.subbannerLink_click, .subbannerLink_mobile a.subbannerLink_click {
	padding-left: 18px;
}

.subbannerLink {
	display: flex;
}

.subbannerLink_mobile {
	display: none;
}

.bannerarrow {
  width: 54px;
  display: block;
  margin-left: 20px;
}
.bannerarrow img {
  width: 100%;
  display: block;
}

/* 서브14 { */
.sub14List ul {
  display: flex;
  flex-wrap: wrap;
  row-gap: 70px;
  margin-bottom:28px;
}
.sub14List ul li {
  width: calc((100% - 20px) / 2);
  margin-right: 20px;
}
.sub14List ul li .sub14img {
  display: block;
  width: 100%;
  margin-bottom: 14px;
}
.sub14List ul li .sub14img img {
  width: 100%;
  display: block;
}
.sub14List ul li:nth-child(2n) {
  margin-right: 0;
}

.sub14List .sub14logo {
  display: flex;
  align-items: center;
  justify-content: right;
  padding:30px 0 25px;
}
.sub14List .sub14logo img {
    width:auto;
    display: block; 
	max-width:489px;
	width: 70%;
}
.sub14List p { 
  font-size:20px; 
  line-height:30px; 
  text-align: right; 
}
.sub14List p span { 
  color:#ed6f1a; 
}

/* } 서브14 */

/* 공통 추가 { */
.justify-content-center {justify-content: center;}
/* } 공통 추가 */

/* 애니메이션 */
/* 애니메이션 영역구분 */
.circle-animation { 
  height:80px; 
  width:80px; 
  margin:0px auto; 
}
.circle-animation:after {
  position:absolute; left:50%; bottom:50%;
  -moz-transition:height 0.5s, opacity 1.0s;
  -ms-transition:height 0.5s, opacity 1.0s;
  -webkit-transition:height 0.5s, opacity 1.0s;
  -o-transition:height 0.5s, opacity 1.0s;
  transition:height 0.5s, opacity 1.0s;
}
.circle-animation > .list-box{ 
  display:block; 
  position:relative; 
  width:100%; 
  height:100%;
  opacity:0;filter:Alpha(opacity=0);
  -moz-transition:all 0.5s, opacity 1.0s;
  -ms-transition:all 0.5s, opacity 1.0s;
  -webkit-transition:all 0.5s, opacity 1.0s;
  -o-transition:all 0.5s, opacity 1.0s;
  transition:all 0.5s, opacity 1.0s;
  line-height: 80px; text-align:center;
}

/* circle 애니메이션 css */
.ball-scale-multiple {
  position: relative; 
  opacity:0;filter:Alpha(opacity=0);
  -moz-transition:all 0.7s, opacity 1.0s;
  -ms-transition:all 0.7s, opacity 1.0s;
  -webkit-transition:all 0.7s, opacity 1.0s;
  -o-transition:all 0.7s, opacity 1.0s;
  transition:all 0.7s, opacity 1.0s;
}
.ball-scale-multiple > div:nth-child(2) {
   -webkit-animation-delay: -2s;
   animation-delay: -2s; 
}
.ball-scale-multiple > div {
  border-radius: 100%;
  position: absolute;
  top: -3px;
  left:-3px;
  opacity: 0;
  margin: 0;
  width: 74px;
  height: 74px;
  border:3px solid #ed6f1d;
  background-color: #ed6f1d;
  -webkit-animation: ball-scale-multiple 3s 0s linear infinite;
  animation: ball-scale-multiple 3s 0s linear infinite;
  z-index:2;
}

@keyframes ball-scale-multiple {
	0% {
		-webkit-transform: scale(0.33);
        transform: scale(0.33);
		opacity: 0.3; 
	}
	5% {
		opacity: 0.8; 
	}
	100% {
		-webkit-transform: scale(1);
        transform: scale(1);
		opacity: 0; 
	}  
}

@-webkit-keyframes ball-scale-multiple {
	0% {
		-webkit-transform: scale(0.33);
        transform: scale(0.33);
		opacity: 0.3; 
	}
	5% {
		opacity: 0.8; 
	}
	100% {
		-webkit-transform: scale(1);
        transform: scale(1);
		opacity: 0; 
	}  
}

/* 고정 circle css */
.circle-animation {
  width:80px; 
  height:80px;
}
.ball-scale-multiple > div {
  width:80px; 
  height:80px;
}

/* dot및 이미지 opacity */
.ball-scale-multiple,
.circle-animation > .list-box
{
  opacity:1.0;
  filter:Alpha(opacity=100);
}

.banner3_text_azet { display:none; }


/* 230108 윤은식 추가 */
/* main */

.main_service_wrap {
	display: grid;
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 20px;
	grid-template-columns: 33% 33% 34%;
    grid-template-rows: 50% 50%;
    grid-template-areas:
      "item1 item1 item4"
      "item2 item3 item4";
}

.expert_group_1 {grid-area: item1;height: 362px;overflow: hidden;position: relative;width: calc(100% - 8px);display: flex;flex-direction: column;justify-content: center;align-items: center; cursor: pointer; }
.expert_group_1_img { position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width: 784px; z-index: -1;}
.expert_group_1_icon { width: 29px; height: 26px; margin-bottom: 15px; background: url(../img/serviceIcon01.png) no-repeat center; z-index:1; }
.expert_group_1_text { font-size: 20px; font-weight: 500; letter-spacing: -1px; color: #fff; margin-bottom: 4px; z-index:1; }
.expert_group_1_more { display: flex; flex-direction: row; color: #ed6f1d; font-size: 18px; opacity: 0; z-index:1; }
.expert_group_1_more img { width: 18px; height: 17px; margin-top: 5px; padding-left: 4px; }

.expert_group_1:hover .expert_group_1_text{ color: #ed6f1d; }
.expert_group_1:hover .expert_group_1_icon{ background: url(../img/serviceIcon01a.png) no-repeat center; }
.expert_group_1:hover .expert_group_1_more{ opacity: 1; }

.expert_group_2 {grid-area: item2;height: 362px;margin-top: 8px;overflow: hidden;position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;width: calc(100% - 8px); cursor: pointer; }
.expert_group_2_img { position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); z-index: -1; width: 396px; }
.expert_group_2_icon { width: 29px; height: 26px; margin-bottom: 15px; background: url(../img/serviceIcon03.png) no-repeat center; z-index:4; }
.expert_group_2_text { font-size: 20px; font-weight: 500; letter-spacing: -1px; color: #fff; margin-bottom: 4px; z-index:4; }
.expert_group_2_more { display: flex; flex-direction: row; color: #ed6f1d; font-size: 18px; opacity: 0; z-index:4; }
.expert_group_2_more img { width: 18px; height: 17px; margin-top: 5px; padding-left: 4px; }

.expert_group_2:hover .expert_group_2_text{ color: #ed6f1d; }
.expert_group_2:hover .expert_group_2_icon{ background: url(../img/serviceIcon03a.png) no-repeat center; }
.expert_group_2:hover .expert_group_2_more{ opacity: 1; }

.expert_group_3 { grid-area: item3; height: 362px; margin-top: 8px; overflow: hidden; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: calc(100% - 16px); margin-left: 8px; cursor: pointer; }
.expert_group_3_img { position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);  z-index: -1; width: 396px; }
.expert_group_3_icon { width: 29px; height: 26px; margin-bottom: 15px; background: url(../img/serviceIcon04.png) no-repeat center; z-index:1; }
.expert_group_3_text { font-size: 20px; font-weight: 500; letter-spacing: -1px; color: #fff; margin-bottom: 4px; z-index:1; }
.expert_group_3_more { display: flex; flex-direction: row; color: #ed6f1d; font-size: 18px; opacity: 0; z-index:1; }
.expert_group_3_more img { width: 18px; height: 17px; margin-top: 5px; padding-left: 4px; }

.expert_group_3:hover .expert_group_3_text{ color: #ed6f1d; }
.expert_group_3:hover .expert_group_3_icon{ background: url(../img/serviceIcon04a.png) no-repeat center; }
.expert_group_3:hover .expert_group_3_more{ opacity: 1; }

.expert_group_4 { grid-area: item4; height: 740px; overflow: hidden; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-left: 8px; cursor: pointer; }
.expert_group_4_img { position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);  z-index: -1; width: 408px; }
.expert_group_4_icon { width: 29px; height: 26px; margin-bottom: 15px; background: url(../img/serviceIcon02.png) no-repeat center; z-index:1; }
.expert_group_4_text { font-size: 20px; font-weight: 500; letter-spacing: -1px; color: #fff; margin-bottom: 4px; z-index:1; }
.expert_group_4_more { display: flex; flex-direction: row; color: #ed6f1d; font-size: 18px; opacity: 0; z-index:1; }
.expert_group_4_more img { width: 18px; height: 17px; margin-top: 5px; padding-left: 4px; }

.expert_group_4:hover .expert_group_4_text{ color: #ed6f1d; }
.expert_group_4:hover .expert_group_4_icon{ background: url(../img/serviceIcon02a.png) no-repeat center; }
.expert_group_4:hover .expert_group_4_more{ opacity: 1; }

.expert_group_black_bg { position: absolute; bottom:0; width: 100%; height: 0%; background: rgba(0,0,0,0.7); -webkit-transition:height 0.3s; transition: height 0.3s; }
.expert_group_1:hover .expert_group_black_bg { position: absolute; bottom:0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); }
.expert_group_2:hover .expert_group_black_bg { position: absolute; bottom:0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); }
.expert_group_3:hover .expert_group_black_bg { position: absolute; bottom:0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); }
.expert_group_4:hover .expert_group_black_bg { position: absolute; bottom:0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); }


@media screen and (max-width:1750px) {
	/* 푸터 무료견적 상담 바로가기 */
	.subbanner03 .subbanner03_banner3_last {
		right: 6%;
	}
}

@media screen and (max-width:1500px) {
	/* 푸터 무료견적 상담 바로가기 */
	.banner3_first_wrap { width: 30%; }
	.subbanner03 .subbanner03_banner3 { padding-left: 30%; }
	.subbanner_Text_Link_wrap { padding-left:0; }
}

@media screen and (max-width:1250px) {
	/* 푸터 무료견적 상담 바로가기 */
	.subbanner03 .subbanner03_banner3_last { right: 15px; }
	.subbanner03 .subbannerText { font-size: 22px; }
	.subbannerLink { font-size: 29px; }
}


@media screen and (max-width:1023px) {
	.subbanner03 .subbanner03_banner3_last { right: 20px; }
	.subbanner03 .subbannerText p { font-size: 17px; }
	.subbannerLink { font-size: 20px; }
}

@media screen and (max-width: 767px) {
	.main_serviceCont01 { margin-right: 6px; }
	.main_serviceCont01 ul li:nth-child(2) { width: calc(50% - 3px); margin-right: 6px; }
	.main_serviceCont01 ul li:last-child { width: calc(50% - 3px); }
	
	.main_aboutList ul {
		row-gap: 10px;
	}
	
	.main_aboutList li:first-child {
		margin-right: 10px;
	}
	
	.subbanner03 .subbanner03_banner3_last { width: 130px; right: -26px; z-index:2; }
	
	.subbanner_Text_Link_wrap {  height: 178px; overflow: hidden; }
	
	.banner3_text_azet { display:block; position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 550px; } 
	
	.subbanner03 .subbanner03_banner3 { display: none; }
	
	.banner3_first_wrap { width: 100%; height: 140px; overflow: hidden; align-self: end; }
	
	.banner3_last_wrap { postion: absolute; widht: 100%; top:0; }
	
	.banner3_first_wrap .subbanner03_banner3_first { 
		width: 767px;
		position: absolute;
    	top: 50%;
    	left: 50%;
   		transform: translate(-50%, -50%);
	}
	
	.subbanner03 { display: flex; }
	
	.subbanner03_banner3_first_wrap_bg { width: 100%; top: 150px; height: 70px; display:none; }
	
	.subbannerLink a { justify-content: flex-start; padding-left: 0; font-size: 20px; }
	
	.subbannerLink_mobile a { justify-content: flex-start; padding-left: 0px; font-size: 19px; }
	
	.subbannerLink_mobile a.subbannerLink_click { padding-left: 10px; }
	
	.subBanner { overflow: hidden; }
	
	.subBannerImg { height: 190px; }
	
	.subBannerImg img { width: 720px; position: absolute;
    	top: 50%;
    	left: 50%;
   		transform: translate(-50%, -50%); }
	
	.bannerarrow {
		margin-left: 8px;
	}
	
	.bannerarrow img {
		width: 28px;
	}
	
	.subbannerLink { display: none !important; }
	.subbannerLink_mobile { display: block; display: flex; justify-content: flex-start; width:100%; padding-left: 15px; font-weight: 600; z-index:1;}
	
	.sub01ListImg { height: 60vh; overflow: hidden; }
	.sub01ListImg img { width: 910px; top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%); }
	.sub01List ul li:last-child .sub01ListImg img{ width: 100%; top: 350px; }
	
	.main_serviceBtn div { font-size: 14px; }
	
	
}

@media screen and (max-width: 600px) {
	.banner3_first_wrap .subbanner03_banner3_first { 
		width: 620px;
	}
}

@media screen and (max-width: 500px) {
	.banner3_first_wrap .subbanner03_banner3_first { 
		width: 520px;
	}
	
	.expert_group_1 { height: 160px; width: calc(100% - 3px); }
	.expert_group_1_img { width: 412px; }
	.expert_group_1_text { font-size: 16px; }
	.expert_group_1_more { font-size: 16px; }
	
	.expert_group_2 { height: 160px; margin-top: 3px; width: calc(100% - 3px); }
	.expert_group_2_img { width: 168px; }
	.expert_group_2_text { font-size: 16px; }
	.expert_group_2_more { font-size: 16px; }
	
	.expert_group_3 { height: 160px; margin-top: 3px; width: calc(100% - 6px); margin-left: 3px; }
	.expert_group_3_img { width: 168px; }
	.expert_group_3_text { font-size: 16px; }
	.expert_group_3_more { font-size: 16px; }
	
	.expert_group_4 { height: 326px; margin-left: 3px; }
	.expert_group_4_img { width: 210px; }
	.expert_group_4_text { font-size: 16px; }
	.expert_group_4_more { font-size: 16px; }
}

@media screen and (max-width: 480px) {
	.banner3_first_wrap .subbanner03_banner3_first { 
		width: 500px;
	}
}

@media screen and (max-width: 380px) {
	.banner3_first_wrap .subbanner03_banner3_first { 
		width: 400px;
	}
}