@charset "utf-8";

/* size */
@media screen and (max-width: 1250px) { } /* tablet */
@media screen and (max-width: 650px) { } /* mobile */

/* default */
*{
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    color : inherit;
    box-sizing: border-box;
    letter-spacing: inherit;
    line-height: inherit;
}

body{ padding-bottom:80px ; font-family: 'Pretendard', sans-serif; font-weight:300; font-size: 16px; letter-spacing: -0.02em; }
@media screen and (max-width: 1200px) { 
    body{ padding-bottom: 85px; }
}
@media screen and (max-width: 650px) { 
    body{ padding-bottom: 78px; }
}

section{ display:block; }
a{ color:inherit; }

.inner{ width:1500px; margin:0 auto; }

/* .mCSB_inside > .mCSB_container{ text-align: justify; } */
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{  background-color: #CECDCC !important; width: 2px !important; }
@media screen and (max-width: 650px) { 
    .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ margin: 0 !important; }
    .mCSB_inside > .mCSB_container{ padding-right: 10px; margin-right: 2px !important; }
    .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ position: absolute;
        right: -2px; }
    .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ margin-right: 0 !important; } 
}

.paging_box{ padding:30px 0; display:flex; align-items: center; justify-content: center; }
.paging_box .pg_page{background-color: #fff; border: 1px solid #efefef; font-weight: 300 !important; }
.paging_box .pg_current{ background-color: #182A23; border:1px solid #182A23; font-weight: 400 !important; }


.modifyBtn{ font-size: 14px; display: inline-block; margin: 5px 0; background: #fff; padding: 5px 10px; border-radius: 2px; border: 1px solid #dfdfdf; color: #7f7f7f;  }

select{
    -webkit-appearance: none; -moz-appearance: none;  appearance: none;
    background: url('../img/common/select-icon.png') no-repeat 98% 50% #fff; 
}
select::-ms-expand{ display:none; }

@media screen and (max-width: 1520px) { 
    .inner{ width:100%; padding:0 40px; }
} /* tablet */
@media screen and (max-width: 900px) {
    .inner{ padding:0 5vw; }
}
@media screen and (max-width: 650px) { 
    .paging_box{ font-size: 13px; }
} /* mobile */

/* header */
header{ z-index: 999; width: 100%; position: fixed; left: 0; top: 0; padding: 30px 0; background-color: #fff; box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.10); }
header .inner{ display: flex; justify-content: space-between; }
header .menuList{ font-size: 18px; display: flex; align-items: center; gap: 83px; }
header .menuList a{ transition: color .5s; position: relative; }
header .menuList a::before{ content:''; display: block; position: absolute; left: 0; bottom: -6px; width: 0%; height: 3px; background-color: #182A23; transition: width .5s; }
header .menuList a:hover{ color: #182A23; font-weight: 700; }
header .menuList a:hover::before{ width: 100%; }
header .menuBtn{ display: none; }

@media screen and (max-width: 1520px) { 
    header{ padding: 20px 0; }
    header .logo{ width: 140px; }
}
@media screen and (max-width: 1250px) { 
    /* header .inner{ justify-content: flex-start; } */
}
@media screen and (max-width: 1220px) { 
    header{ padding: 15px 0; font-size: 15px;  }
    header .inner{ gap: unset; justify-content: space-between; }
    header .logo{ width: 120px; }
    header .menuList{ display: none; }
    header .menuBtn{ display: block; border: none; background: transparent;  }
    header .menuBtn .icon{ width: 30px; }
}


/* .pcSubMenuSec */
.pcSubMenuSec{ 
    position: fixed; left: 0; top: 92px; width: 100%; background: rgba(255,255,255,0.97);     
    box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.10); opacity: 0; visibility: hidden; z-index: 99; display: none;
    transition: opacity .5s, visibility .5s, display .1s; 
}
.pcSubMenuSec.show{ opacity: 1; visibility: visible; display: block; }
.pcSubMenuSec .inner{ 
    padding: 17px 0; display: flex; align-items: flex-end; background-image: url('../img/header/people.png');
    background-repeat: no-repeat; background-position: right bottom; position: relative;
}
.pcSubMenuSec .callBox .tel_item{ display: flex; align-items: center; gap: 16px; }
.pcSubMenuSec .callBox .tel_item .textBox .t1{ font-size: 20px; }
.pcSubMenuSec .callBox .tel_item .textBox .t2{ margin-top: 5px; font-size: 25px; font-weight: 900;  }
.pcSubMenuSec .subMenuList{ margin-left: 437px; display: flex; }

.pcSubMenuSec .subMenuList .menuList{ opacity: 0; visibility: hidden; transition: opacity .5s, visibility .5s; }
.pcSubMenuSec .subMenuList .menuList.show{ opacity: 1; visibility: visible; }
.pcSubMenuSec .subMenuList .menuList > li + li{ margin-top: 20px; }
.pcSubMenuSec .subMenuList .menuList > li a:hover{ font-weight: 700; color: #182A23; }

.pcSubMenuSec .subMenuList .menuList:nth-child(2){ margin-left: 98px; }
.pcSubMenuSec .subMenuList .menuList:nth-child(3){ margin-left: 131px; }

/* pcMenuCloseSec */
.pcMenuCloseSec{ opacity: 0; visibility: hidden; z-index: 99; position: fixed; left: 0; top: 0; width: 100%; height: 100%;  }
.pcMenuCloseSec.show{ opacity: 1; visibility: visible; }
@media screen and (max-width: 1520px) { 
    .pcSubMenuSec{ top: 62px; }
    .pcSubMenuSec .inner{ justify-content: space-between; }
    .pcSubMenuSec .subMenuList{ margin-left: 0; }
    .pcSubMenuSec .subMenuList .menuList:nth-child(3){ margin-right: 381px; }
    .pcSubMenuSec .callBox .tel_item{ padding-left: 40px; }
}
@media screen and (max-width: 1250px) { 
    .pcSubMenuSec .callBox .tel_item{ padding-left: 10px; }
}
@media screen and (max-width: 1220px) { 
    .pcSubMenuSec{ display: none; }
    .pcMenuCloseSec{ display: none; }
    .pcSubMenuSec.show{ display: none; }
    .pcSubMenuSec .subMenuList .menuList:nth-child(2){ margin-left: 82px; }
}


/* .mobileMenuCloseSec , .mobileRightMenu */
.mobileMenuCloseSec{ display: none; }
.mobileRightMenu{ display: none; }

@media screen and (max-width: 1220px) { 
    .mobileMenuCloseSec{ transition: opacity .5s, visibility .5s; opacity: 0; visibility: hidden; cursor: pointer; display: block; position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; background-color: rgba(68,68,68,.75); }
    .mobileMenuCloseSec.show{ opacity: 1; visibility: visible; } 
    .mobileRightMenu{ padding: 20px; display: block; position: fixed; right: -400px; transition: right .5s; top: 0; max-width: 90%; height: 100%; overflow-y: scroll; width: 400px; background-color: #fff; z-index: 999;  -ms-overflow-style: none; }
    .mobileRightMenu.show{ right: 0; }
    .mobileRightMenu::-webkit-scrollbar { display: none; }

    .mobileRightMenu .closeBtnWrap{ display: flex; justify-content: flex-end; }
    .mobileRightMenu .closeBtnWrap .closeBtn{ background: transparent; border: none; }
    .mobileRightMenu .closeBtnWrap .closeBtn .icon{ width: 20px; }

    .mobileRightMenu .menuList{ border-top: 1px solid #e0e0e0; margin-top: 20px; }
    .mobileRightMenu .menuList > li{ border-bottom: 1px solid #e0e0e0; }
    .mobileRightMenu .menuList > li .item{ font-weight: 500; cursor: pointer; display: flex; justify-content: space-between; padding: 20px 0; align-items: center; font-size: 20px; }
    .mobileRightMenu .menuList > li .item .arrow{ border: none; background: transparent; }
    .mobileRightMenu .menuList > li .item .arrow .icon{ width: 10px; display: block; transition: transform .5s; }
    .mobileRightMenu .menuList > li .item.active .arrow .icon{ transform: rotate(180deg); }
    .mobileRightMenu .menuList .subMenuList{ font-size: 20px; padding: 10px 0; border-top: 1px solid #e0e0e0; display: none; }
    .mobileRightMenu .menuList .subMenuList .subItem{ font-weight: 300; padding: 10px 0; display: block; }

    .mobileRightMenu .callBtn{ padding: 20px 0; display: flex; align-items: center; gap: 10px; }
    .mobileRightMenu .callBtn .icon{ width: 30px; }
    .mobileRightMenu .callBtn .t1{ font-size: 14px; color: #7f7f7f; }
    .mobileRightMenu .callBtn .t2{ font-weight: 700; color: #182A23; margin-top: 2px; }
}

/* .sec_top */
.sec_top{ padding-top: 92px; }
@media screen and (max-width: 1520px) {
    .sec_top{ padding-top: 68.9px; }
}
@media screen and (max-width: 1250px) {
    .sec_top{ padding-top: 68.89px; }
}
@media screen and (max-width: 1220px) {
    .sec_top{ padding-top: 54.77px; }
}


/* footer */
footer{ font-weight: 200; color: #fff; background-color: #182A23; border-top: 2px solid #E8E2D2; padding: 45px 0 39px 0; }
footer .halfWrap{ display: flex; align-items: flex-start; justify-content: space-between; }
footer .halfWrap .infoList{ margin-top: 21px; display: flex; flex-wrap: wrap; gap: 17px; font-size: 14px; }
footer .halfWrap .infoList + .infoList{ margin-top: 17px; }
footer .halfWrap .copy_right{ margin-top: 21px; font-size: 12px; }
footer .privacyBtn{ flex-shrink: 0; font-size: 14px; }
footer .scroll_top{ background: transparent; border: none; }
footer .scroll_top .icon{ width: 40px; }
footer .rightBox{ display: flex; gap: 84px; align-items: flex-start; }
footer .privacyBtn{ line-height: 2em; }
footer .mobileBox .mobileMenu{ display: none; }
footer .copyrightBox{ font-size: 14px; margin: 20px 0; flex-wrap: wrap; display: flex; align-items: center; gap: 10px; }
footer .copyrightBox .content.type2{ width:100%; }
footer .copy_right{ font-size: 14px; }

@media screen and (max-width: 1520px) { 
    footer .logo{ width: 140px; }
}

@media screen and (max-width: 1250px) {
    footer .halfWrap{ flex-direction: column; gap: 20px; }
    footer .rightBox{ align-items: flex-start; gap: unset; justify-content: space-between; width: 100%; }
    footer .rightBox .icon{ width: 30px; }
    footer .leftBox{ order: 1; }
}
@media screen and (max-width: 1220px) { 
    footer .logo{ width: 120px; }
}
@media screen and (max-width: 900px) { 
    footer .mobileBox{ display: flex; align-items: center; gap: 5px; }
    footer .mobileBox .mobileMenu{ display: flex; gap: 5px; }
    footer .mobileBox .mobileMenu img{ width: 30px; }
}
@media screen and (max-width: 650px) {
    footer .privacyBtn{ font-size: 12px; }
    footer .halfWrap .infoList{ font-size: 12px; flex-direction: column; gap: 10px; }
    footer .halfWrap .infoList > li{ width: 100%; }
    footer .halfWrap .infoList > li.moBig{ font-size: 12px; }
    footer .halfWrap .infoList + .infoList{ margin-top: 10px; }
    footer .halfWrap .copy_right{ margin-top: 20px; }
    footer .copyrightBox{ font-size: 12px; }
    footer .copyrightBox .icon{ width: 90px; }
}

/* .bottomApplySec */
.bottomApplySec{ position: fixed; left: 0; bottom: 0; width: 100%; z-index: 995; background-color: #313131; padding: 16px 0; }
.bottomApplySec .inner{ display: flex; align-items: center; gap: 20px; max-width: 1500px; }
.bottomApplySec .textBox{ flex-shrink: 0; color: #fff; }
.bottomApplySec .textBox .t1{ font-size: 18px; font-weight: 500; }
.bottomApplySec .textBox .t2{ font-weight: 600; font-size: 25px; }
.bottomApplySec .iptList{ margin-left: 6px; display: flex; gap: 15px; flex-grow: 1; }
.bottomApplySec .iptList > li{ width: calc(100% / 3); }
.bottomApplySec .iptList .ipt{ border-radius: 4px; font-weight: 400; color: #222; }
.bottomApplySec .iptList .ipt::placeholder{ color: #222; }
.bottomApplySec .agreeBox{ margin-left: 4px;  }
.bottomApplySec .agreeBox input[type="checkbox"]{ display: none; }
.bottomApplySec .agreeBox input[type="checkbox"] + .text{ display: flex; align-items: center; color: #fff; font-size: 14px; font-weight: 600; padding-left: 25px; position: relative; }
.bottomApplySec .agreeBox input[type="checkbox"] + .text::before{ content:''; display: block; width: 20px; height: 20px; border: 1px solid #182A23; border-radius: 50%; position: absolute; left: 0; background: #fff; }
.bottomApplySec .agreeBox input[type="checkbox"]:checked + .text::before{ background-color: #182A23; background-image: url('../img/common/white_check_icon.svg'); background-size: 120% 120%; background-repeat: no-repeat; background-position: center; }
.bottomApplySec .submitBtn{ border: none; width: 100%; background-color: #fff; flex-shrink: 0; width: 240px; border-radius: 4px; padding: 18px 0; font-weight: 700; }

.bottomApplySec .toggleBtn{ display: none;} 
@media screen and (max-width: 1250px) {
    .bottomApplySec .submitBtn{ width: 180px; }
}
@media screen and (max-width: 1200px) {
    .bottomApplySec{ padding: 20px 0; bottom: -178px; transition: bottom .5s; }
    .bottomApplySec.show{ bottom: 0; }
    .bottomApplySec .inner{ flex-direction: column; }
    .bottomApplySec .titleBox{ width: 100%; display:flex; align-items: center; justify-content: space-between; }
    .bottomApplySec .toggleBtn{ color: #fff; display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; border: none; background: transparent; } 
    .bottomApplySec .toggleBtn .icon{ width: 40px; }
    .bottomApplySec.show .toggleBtn .icon{ transform: rotate(180deg); }
    .bottomApplySec .iptList{ margin-left: 0; width: 100%; }
    .bottomApplySec .agreeBox{ width: 100%; }
    .bottomApplySec .submitBtn{ width: 100%; }
}
@media screen and (max-width: 650px) {
    .bottomApplySec{ bottom: -276px; }
    .bottomApplySec .iptList{ flex-direction: column; font-size: 14px;  } 
    .bottomApplySec .iptList > li{ width: 100%; }
    .bottomApplySec .submitBtn{ padding: 15px 0; font-size: 14px; }

    .bottomApplySec .textBox .t1{ font-size: 16px; }
    .bottomApplySec .textBox .t2{ font-size: 22px; }
}

/* .popupSection */
/* .peopleSection  */
.peopleSection .inner{ display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; }
.peopleSection .ko_title{ margin-top: 37px; }
.peopleSection .slideWrap{ display: flex; flex-direction: column; flex-grow: 1; position: relative; overflow: hidden; width: 100%; }
.peopleSection .slideWrap .swiper{ flex-grow: 1; }
.peopleSection .slideWrap .swiper-slide{ height: auto !important; }
.peopleSection .slideWrap .swiper-slide .item{ height: 100%; position: relative; display: flex; align-items: center; justify-content: center; min-height: 828px; background-size: 1800px auto; background-position: bottom 70% center; background-repeat: no-repeat; display: flex; align-items: center; height: calc(100vh - 200px); }
.peopleSection .slideWrap .swiper-slide .item .bg{ position: absolute; width: 1800px; right: -186px; }
.peopleSection .slideWrap .swiper-slide .item.type1{ background-color: #182A23; }
.peopleSection .slideWrap .swiper-slide .item.type2{ position: relative; background-color: #362616; }
.peopleSection .slideWrap .swiper-slide .item.type3{ background-color: #101C24; }
.peopleSection .slideWrap .swiper-slide .item.type2 .bg{ margin-left: 14.5%; right: -290px; }

.peopleSection .slideWrap .en_title{ color: #fff; }
.peopleSection .slideWrap .ko_title{ color: #fff; }
.peopleSection .slideWrap .content{ margin-top: 37px; color: #fff; line-height: 2em; font-size: 21px; }
.peopleSection .slideWrap .viewBtn{ transition: background .2s, color .2s; display: inline-block; font-family: "GranvilleWeb-Light"; font-size: 17px; color: #E8E2D2; padding: 8px 15px 4px 15px; margin-top: 37px; border: 1px solid #E8E2D2; border-radius: 4px; }
.peopleSection .slideWrap .viewBtn:hover{ background-color: #E8E2D2; color: #222; }
.peopleSection .slideWrap .halfBoxDiv{ width: 100%; display: flex; justify-content: space-between; align-items: flex-start; }


.peopleSection .slideWrap .contentBox{ width: 324px; position: absolute; z-index: 1; right: -91px;  }
.peopleSection .slideWrap .contentBox .circleList{ display: flex; gap: 12px; }
.peopleSection .slideWrap .contentBox .circleList .circle{ font-size: 30px; font-weight: 500; color: #362616; display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; border-radius: 50%; background-color: #fff; }
.peopleSection .slideWrap .contentBox .circleList .circle.active{ background-color: #FFEAA0;  }

.peopleSection .slideWrap .contentBox .textList { margin-top: 51px; }
.peopleSection .slideWrap .contentBox .textList .text{ color: #fff; line-height: 2em; font-size: 21px;  }

.peopleSection .slideWrap .contentBox .contentSlide{ overflow: hidden; }
.peopleSection .slideWrap .mobileList{ display: none; }


.peopleSection .slideTabList{ display: flex; }
.peopleSection .slideTabList button{ background-color: #222; border: 1px solid #fff; color: #fff; border-left: none; border-right: none;  width: calc(100% / 3 ); padding: 13px 0; font-weight: 500; }
.peopleSection .slideTabList button + button{ border-left: 1px solid #fff; }
.peopleSection .slideTabList button:nth-child(1).active{ background-color: #182A23; }
.peopleSection .slideTabList button:nth-child(2).active{ background-color: #362616; }
.peopleSection .slideTabList button:nth-child(3).active{ background-color: #101C24; }

.peopleSection .slideWrap .mobileSlideBox{ display:none; }
.peopleSection .slideWrap .mobileImgBox{ flex-grow: 1; position: relative; display: none; }
.peopleSection .slideWrap .moImg{ display: none; }

@media screen and (max-width: 1633px) {
    .peopleSection .slideWrap .content{ font-size: 18px; }
    .peopleSection .slideWrap .swiper-slide .item .bg{ width: 100vw; left: 0; }
    .peopleSection .slideWrap .swiper-slide .item.type2 .bg{ margin-left: 0; left: 6vw; }  

    .peopleSection .slideWrap .contentBox{ left: unset; right: 4vw; width: 17vw; }
    .peopleSection .slideWrap .contentBox .circleList{ gap: 1vw; }  
    .peopleSection .slideWrap .contentBox .circleList .circle{ width: 5vw; height: 5vw; font-size: 1.5vw; }
    .peopleSection .slideWrap .contentBox .textList .text{ font-size: 18px; font-size: 1.3vw; }
}
@media screen and (max-width: 1345px) {
    .peopleSection .slideWrap .swiper-slide .item .bg{ width: 120vw; left: -16vw; }
    .peopleSection .slideWrap .swiper-slide .item.type2 .bg{ left: -9vw; }
    .peopleSection .slideWrap .viewBtn{ margin-bottom:21vh; }
    .peopleSection .slideWrap .contentBox{ margin-top: 12vh; }
    .peopleSection .slideWrap .contentBox .circleList{ margin-top: 5vh; }
}
@media screen and (max-width: 1189px) {
    .peopleSection .slideWrap .swiper-slide .item{ display: flex; flex-direction: column; justify-content: flex-start; padding: 100px 0; text-align: center; height: 100%; min-height: 100vh; }
    .peopleSection .slideWrap .swiper-slide .item .bg{ display: none; }
    .peopleSection .slideWrap .halfBoxDiv{ flex-direction: column;} 
    .peopleSection .slideWrap .halfBoxDiv .textBox{ position: relative; z-index: 2; width: 100%; }
    .peopleSection .slideWrap .viewBtn{ margin-bottom: 0; }

    .peopleSection .slideWrap .contentBox{ margin-top: 0; width: 100%; }
    .peopleSection .slideWrap .contentBox .contentSlide{ width: 100%; }
    .peopleSection .slideWrap .contentBox .circleList{ justify-content: center; }
    .peopleSection .slideWrap .contentBox .textList{ display: none; }
    .peopleSection .slideWrap .contentBox .circleList .circle{ width: 70px; height: 70px; font-size: 20px; }

    .peopleSection .slideWrap .mobileList{ display: none; }
    .peopleSection .slideWrap .mobileSlideBox{ line-height: 1.5; width: 100%; padding: 72px 0; position: relative; display: block; overflow: hidden; margin: 37px 0 0 0; }
    .peopleSection .slideWrap .type2 .mobileSlideBox{ padding: 36px 0; margin-top: 100px; }
    .peopleSection .slideWrap .mobileSlide{ color: #fff; position: relative; }
    .peopleSection .slideWrap .mobileSlide .swiper-wrapper{ height: 72px !important; }
    .peopleSection .slideWrap .type2 .mobileSlide .swiper-wrapper{ height: 36px !important; }
    .peopleSection .slideWrap .mobileSlide .swiper-slide{ opacity : .4; display: flex; align-items: center; justify-content: center; text-align: center; height: 72px !important; }
    .peopleSection .slideWrap .type2 .mobileSlide .swiper-slide{ height: 36px !important; }
    .peopleSection .slideWrap .mobileSlide .swiper-slide-active{ font-size: 1.5em; font-weight: 500; opacity: 1; }

    .peopleSection .slideWrap .mobileImgBox{ margin: 0 auto; max-width: 865px; position: relative; display: flex; align-items: center; justify-content: center; width: 100%; }
    .peopleSection .slideWrap .mobileImgBox .moImg{ max-width: 100%; }
    .peopleSection .slideWrap .type2 .mobileImgBox .moImg{ position: relative; left: -2%; margin-top: 8%; width: 80%; max-width: 700px; }
    .peopleSection .slideWrap .mobileImgBox .text{ transition: opacity .5s; opacity: .5; position: absolute; color: #fff; font-size: 136%; }
    .peopleSection .slideWrap .mobileImgBox .text.on{ opacity: 1; }
    .peopleSection .slideWrap .mobileImgBox .text.text1{ text-align: right; right: 64%; bottom: 84%; }
    .peopleSection .slideWrap .mobileImgBox .text.text2{ text-align: left; bottom: 84%; right: 27%; }
    .peopleSection .slideWrap .mobileImgBox .text.text3{ left: 88%; text-align: left; }
    .peopleSection .slideWrap .mobileImgBox .text.text4{ bottom: 13%; right: 21%; }
    .peopleSection .slideWrap .mobileImgBox .text.text5{ bottom: 13%; left: 21%; }
    .peopleSection .slideWrap .mobileImgBox .text.text6{ text-align: right; left: -1%; }

    .peopleSection .slideWrap .type3 .mobileImgBox .text.text1{ right: 63%; }
    .peopleSection .slideWrap .type3 .mobileImgBox .text.text2{ right: 25%; }
    .peopleSection .slideWrap .type3 .mobileImgBox .text.text5{ bottom: 10%; }

    .peopleSection .slideWrap .moImg{ display: block; }
    /* .peopleSection .slideWrap .type2 .moImg{ position: relative; width: 194vw; margin-left: -58vw; transform: translateY(-2%); } */

    .peopleSection .slideWrap .contentBox{ position: static; }

}

@media screen and (max-width: 900px) {
    .peopleSection .slideWrap .mobileImgBox .text{ font-size: 2.3vw; }
    /* .peopleSection .slideWrap .type2 .moImg{ width: 199vw; margin-left: -62vw; transform: translateY(-3vw); } */
}
@media screen and (max-width: 650px) {
    /* .peopleSection .slideWrap .mobileImgBox{ margin: 14vw 0; } */

    .peopleSection.on .ko_title{ font-size: 4vw; }
    .peopleSection .slideWrap .content{ font-size: 14px; }  

    /* .peopleSection .slideWrap .type2 .moImg{ width: 208vw; margin-left: -65vw; transform: translateY(-2%); } */
    .peopleSection .slideWrap .mobileSlideBox{ padding: 13vw 0; font-size: 3vw; }
    .peopleSection .slideWrap .mobileSlide .swiper-wrapper{ height: 12vw !important; }
    .peopleSection .slideWrap .mobileSlide .swiper-slide{ height: 12vw !important; }


    .peopleSection .slideWrap .mobileSlideBox{ padding: 13vw 0; font-size: 3.2vw; }
    .peopleSection .slideWrap .mobileSlide .swiper-slide-active{ font-size: 1.3em; }
    .peopleSection .slideWrap .mobileSlide .swiper-wrapper{ height: 8vw !important; }
    .peopleSection .slideWrap .mobileSlide .swiper-slide{ height: 8vw !important; }

    .peopleSection .slideWrap .type2 .mobileSlideBox{ padding: 7.5vw 0; margin-top: 5vh; }
    .peopleSection .slideWrap .type2 .mobileSlide .swiper-wrapper{ height: 6vw !important; }
    .peopleSection .slideWrap .type2 .mobileSlide .swiper-slide{ height: 6vw !important; }
    .peopleSection .slideWrap .type2 .mobileImgBox .moImg{ margin-top: 7%; }

    .peopleSection .slideWrap .swiper-slide .item{ padding: 50px 0; }
    .peopleSection .slideWrap .viewBtn{ font-size: 14px; }
    .peopleSection .slideWrap .contentBox .circleList .circle{ width: 50px; height: 50px; font-size: 15px; }
    .peopleSection .slideTabList button{ font-size: 2.6vw; }
}
@media screen and (max-width: 500px) {
    .peopleSection .slideWrap .mobileImgBox .text{ font-size: 3vw; }
    .peopleSection .slideWrap .mobileImgBox .text.text1{ right: 63%; }
    .peopleSection .slideWrap .mobileImgBox .text.text2{ right: 18%; }
    .peopleSection .slideWrap .mobileImgBox .text.text3{ left: 89%; width: 15vw;}
    .peopleSection .slideWrap .mobileImgBox .text.text4{ bottom: 10%; } 
    .peopleSection .slideWrap .mobileImgBox .text.text5{ left: 17%; bottom: 10%; }
    .peopleSection .slideWrap .mobileImgBox .text.text6{ left: -0.5vw; }
    .peopleSection .slideWrap .mobileImgBox .text.text5{ left: 19%; }

    .peopleSection .slideWrap .type3 .mobileImgBox .text.text5{ bottom: 6%; }
}
@media screen and (max-width: 450px) {
    .peopleSection .ko_title{ font-size: 4.5vw; }
}

/* .popupSection */
.popupSection{ opacity: 0; visibility: hidden; transition: opacity .5s, visibility .5s; padding: 10px; display: flex; align-items: center; justify-content: center; position:fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99999; background-color: rgba(0,0,0,0.4); }
.popupSection.show{ opacity: 1; visibility: visible; }
.popupSection .contentArti{ width: 100%; max-width: 1000px; border-radius: 20px; overflow-y: hidden; }
.popupSection .contentArti .titleBox{ background-color: #182A23; color: #fff; padding: 23px 40px; display: flex; align-items: center; justify-content: space-between; }
.popupSection .contentArti .titleBox .title{ flex-grow: 1; font-size: 24px; }
.popupSection .contentArti .titleBox .closeBtn{ flex-shrink: 0; background: transparent; border: none; }
.popupSection .contentArti .contentBox{ line-height: 1.5em; background-color: #fff; padding: 30px 40px; overflow-y: scroll; max-height: 70vh; -ms-overflow-style: none; }
.popupSection .contentArti .contentBox::-webkit-scrollbar{ display: none; }
.popupSection .contentArti .contentBox img{ max-width: 100%; display: block; margin: 0 auto; }
.popupSection .contentArti .contentBox b{ font-weight: 700; }

@media screen and (max-width: 900px) {
    .popupSection .contentArti .titleBox{ padding: 15px 20px; }
    .popupSection .contentArti .titleBox .title{ font-size: 20px; }
    .popupSection .contentArti .contentBox{ padding: 30px 20px; }
}
@media screen and (max-width: 650px) {
    .popupSection .contentArti{ border-radius: 10px; }
    .popupSection .contentArti .contentBox{ font-size: 14px; }
    .popupSection .contentArti .titleBox .title{ font-size: 16px; }
    .popupSection .contentArti .titleBox .closeBtn .icon{ width: 14px; }
}


/* .fixedMenu */
.fixedMenu{ display: flex; flex-direction: column; gap: 11px; position: fixed; right: 40px; bottom: 163px; z-index: 100; }
.fixedMenu .item{ transition: transform .5s, background .5s; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; background-color: #313131; border-radius: 50%; }
.fixedMenu .item.call{ background-color: #CC0D2E; }
.fixedMenu .item:hover{ background-color: #464646; transform: scale(1.1); }
@media screen and (max-width: 1520px) { 
    .fixedMenu{ right: 10px; }
}
@media screen and (max-width: 1200px) { 
    .fixedMenu{ bottom: 100px;} 
    .fixedMenu .item{ width: 40px; height: 40px; }
    .fixedMenu .item .icon{ width: 50%; }
}
@media screen and (max-width: 900px) { 
    .fixedMenu{ display: none; }
}
@media screen and (max-width: 650px) { 
    .fixedMenu{ gap: 5px; right: 5px; bottom: 90px; }
}

.main .mainBanner{ display: flex; align-items: center; justify-content: center; flex-direction: column; min-height: calc(100vh - 92px - 90px); position: relative; overflow: hidden; padding: 37px 0 22px 0; }
.main .mainBanner .inner{ display: flex; gap: 26px; }
.main .mainBanner .leftSlideBox{ width: 1031px; flex-shrink: 0;  }
.main .mainBanner .leftSlideBox .leftSlide .swiper-wrapper{ height: 645px; }
.main .mainBanner .leftSlideBox .leftSlide{ position: relative; overflow: hidden; } 
.main .mainBanner .leftSlideBox .leftSlide .item{ padding: 110px 85px; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; height: 100%; border-radius: 19.4px; }
.main .mainBanner .leftSlideBox .leftSlide .item .t1{ font-weight: 100; font-family: "GranvilleWeb-Light"; font-size: 55px; color: #E8E2D2; }
.main .mainBanner .leftSlideBox .leftSlide .item .t2{ margin-top: 130px; font-weight: 400; color: #fff; font-size: 28px; }
.main .mainBanner .leftSlideBox .leftSlide .item .t3{ line-height: 2em; margin-top: 50px; font-size: 25px; color: #fff; font-family: 'MaruBuriOTF'; font-weight: 100; }
.main .mainBanner .leftSlideBox .leftSlide .swiper-pagination{ align-items: flex-end; justify-content: center; width: auto; position: absolute; right: 24px; height: 100%; display: flex; flex-direction: column; gap: 12px; }
.main .mainBanner .leftSlideBox .leftSlide .swiper-pagination-bullet{ border-radius: 50%; width: 13px; height: 13px; background: #d9d9d9; opacity: 1; }
.main .mainBanner .leftSlideBox .leftSlide .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #fff; }
.main .mainBanner .leftSlideBox .leftSlide .icon{ display: none; }

.main .mainBanner .rightSlideBox{ position: relative; overflow: hidden; flex-grow: 1; }
.main .mainBanner .rightSlideBox .rightSlide{ height: 100%; }
.main .mainBanner .rightSlideBox .pnBtnDiv{ padding: 0 12px; position: absolute; left: 0; top: 0; height: 100%; width: 100%; display: flex; align-items: center; justify-content: space-between; }
.main .mainBanner .rightSlideBox .pnBtnDiv .pnBtn{ position: relative; z-index: 2; background: transparent; border: none; }
.main .mainBanner .rightSlideBox .pnBtnDiv .pnBtn .icon{ width: 30px; }
.main .mainBanner .rightSlideBox .slideWrap{ border-radius: 19.4px; padding: 40px 20px; background-color: #EFEFEF; display: flex; align-items: center; justify-content: center; position: relative; height: 100%; }
.crapeSlide{ display: flex; flex-direction: column; align-items: center; justify-content: center;  overflow: hidden; height: 100%; }
.crapeSlide .swiper-wrapper{ position: relative; height: 100% !important; align-items: unset !important; }
.crapeSlide .swiper-slide{ display: flex; flex-direction: column;  position: relative; overflow: hidden; }
.crapeSlide .label{ word-break: keep-all; width: 100%; max-width: 231px; margin:0 auto; min-width: auto; padding: 8px; background-color: #182A23; text-align: center; color: #EAE4D4; font-size: 17.5px; font-weight: 500; border-radius: 97px; }
.crapeSlide .label.brownBg{ background-color: #362616; }
.crapeSlide .label.threeBg{ background-color: #101C24; }
.crapeSlide .crapeItem{ margin: 46px auto 0 auto; width: 257px; height: 364px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.crapeSlide .textDiv{ text-align: center; margin-top: 54px; color: #7F7F7F; font-size: 17px; }
.crapeSlide .textDiv b{ font-weight: 600; }
/* .crapeSlide .textDiv br{ display: none; } */

.main .mainBanner .rightSlideBox .pnBtnDiv .pnBtn.swiper-button-disabled{ opacity: 0; }


@media screen and (max-width: 1520px) { 
    .main .mainBanner .rightSlideBox .slideWrap{ padding: 20px 0; }
    .main .mainBanner .leftSlideBox{ width: 70%; }
    .main .mainBanner .leftSlideBox .leftSlide .item{ height: 34vw; padding: 4vw 5vw; }
    .main .mainBanner .leftSlideBox .leftSlide .item .t1{ font-size: 24px; }
    .main .mainBanner .leftSlideBox .leftSlide .item .t2{ margin-top: 40px; font-size:32px; }
    .main .mainBanner .leftSlideBox .leftSlide .item .t3{ margin-top: 20px; font-size: 24px; }

    .main .mainBanner .leftSlideBox .leftSlide .swiper-wrapper{ height: 34vw; }
    .crapeSlide .swiper-slide{display: flex; flex-direction: column; justify-content: center; }
    .crapeSlide .label{ width: 100%; }
    .crapeSlide .crapeItem{ width: 53%; height: 20vw; margin-top: 20px; }
    .crapeSlide .textDiv{ margin-top: 20px; }
}
@media screen and (max-width: 1200px) { 
    .main .mainBanner{ padding-top: 0; }
    .main .mainBanner .inner{ flex-direction: column; padding: 0; gap: 0; }
    .main .mainBanner .leftSlideBox .leftSlide{ min-height: calc(100vh - 54px - 85px); }
    .main .mainBanner .leftSlideBox .leftSlide .swiper-wrapper{ min-height: calc(100vh - 54px - 85px); }
    .main .mainBanner .leftSlideBox .leftSlide .item{  display: flex; align-items: center; justify-content: flex-start; flex-direction: column; padding: 50px 40px; text-align: center; }
    .main .mainBanner .leftSlideBox .leftSlide .item .t1 br{ display: none; }
    .main .mainBanner .leftSlideBox .leftSlide .item.bg1 .icon{ max-width: 500px;  width: 90%; margin-top: 10vh;  } 


    .main .mainBanner .leftSlideBox{ width: 100%; }
    .main .mainBanner .leftSlideBox .leftSlide .item{ min-height: calc(100vh - 54px - 85px); border-radius: 0; }
    .main .mainBanner .leftSlideBox .leftSlide .item.bg1{ background-color: #182A23; background-image: unset !important;  }
    .main .mainBanner .leftSlideBox .leftSlide .item.bg2{ background-color: #362616; background-image: unset !important;  }
    .main .mainBanner .leftSlideBox .leftSlide .item.bg3{ background-color: #101C24; background-image: unset !important;   }
    .main .mainBanner .leftSlideBox .leftSlide .icon{ max-width: 100%; width: 40%; display: block; margin: 0 auto; height: auto; margin-top: 3vh; }

    .main .mainBanner .rightSlideBox .slideWrap{ border-radius: 0; padding: 100px 80px;  }

    .crapeSlide{ padding: 0; }
    .crapeSlide .label{ max-width: 200px; font-size: 15px; }
    .crapeSlide .crapeItem{ width: 100%; height: 119vw; border-radius: 0; }  
    .crapeSlide .textDiv br{ display: inline-block; }

    .main .mainBanner .leftSlideBox .leftSlide .swiper-pagination{ flex-direction: row; align-items: flex-end; gap: 5px; padding-bottom: 2vw; }
    .main .mainBanner .leftSlideBox .leftSlide .swiper-pagination-bullet{ opacity: .5; width: 10px; height: 10px; }
    .main .mainBanner .leftSlideBox .leftSlide .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity: 1; width: 30px; border-radius: 20px; } 


}
@media screen and (max-width: 1136px) { 
    .main .mainBanner .rightSlideBox .slideWrap{ padding: 40px 80px; }
    .crapeSlide .crapeItem{ height: 114vw; }
}
@media screen and (max-width: 900px) { 
    .main .mainBanner{ min-height: unset; }
    .main .mainBanner .leftSlideBox .leftSlide .item .t1{ font-size: 18px; }
    .main .mainBanner .leftSlideBox .leftSlide .item .t2{ margin-top: 6vw; font-size: 5.5vw; }
    .main .mainBanner .leftSlideBox .leftSlide .item .t3{ margin-top: 6vw; font-size: 3.5vw; }
    .main .mainBanner .leftSlideBox .leftSlide .icon{ width: 69%; }

    .main .mainBanner .leftSlideBox .leftSlide{ min-height: calc(100vh - 54px - 75px); }
    .main .mainBanner .leftSlideBox .leftSlide .swiper-wrapper{ min-height: calc(100vh - 54px - 75px); }
    .main .mainBanner .leftSlideBox .leftSlide .item{ min-height: calc(100vh - 54px - 75px); }


}
@media screen and (max-width: 856px) { 
    .crapeSlide .textDiv{ font-size: 15px; margin-top: 15px; }

    .main .mainBanner .leftSlideBox .leftSlide .swiper-pagination{ gap: 0; right: 3vw; }
    /* .main .mainBanner .leftSlideBox .leftSlide .swiper-pagination-bullet{ width: 2vw; height: 2vw; margin: 1vw 0; } */
    .main .mainBanner .leftSlideBox .leftSlide .icon{ width: 56%; }
}
@media screen and (max-width: 600px) { 
    .crapeSlide .crapeItem{ margin-top: 4vw; height: 80vw; max-width: 283px; background-size: contain; background-repeat: no-repeat; background-position: center; }
    .crapeSlide .label{ font-size: 14px; }
    .crapeSlide .textDiv{ margin-top: 3vw; font-size: 14px; }
    .main .mainBanner .leftSlideBox .leftSlide .item{ padding: 12vh 5vw; min-height: 141vw; height: calc(100vh - 54px - 75px); }
    .main .mainBanner .leftSlideBox .leftSlide .icon{ width: 90%; }
    .main .mainBanner .leftSlideBox .leftSlide .bg1 .icon{ width: 125%; max-width: unset;; }
}

.en_title{ font-family: "GranvilleWeb-Light"; font-size: 17px; }
.ko_title{ color: #313131; margin-top: 32px; font-family: 'MaruBuriOTF'; font-size: 30px; }
.ko_title.pretendard{ font-family: 'Pretendard'; font-weight: 600; } 
@media screen and (max-width: 1250px) { 
    .en_title{ font-size: 16px; }
    .ko_title{ margin-top: 20px; font-size: 28px; }
    
}
@media screen and (max-width: 650px) { 
    .en_title{ font-size: 14px; }
    .ko_title{ margin-top: 15px; font-size: 24px; }
}
@media screen and (max-width: 450px) { 
    .main .mainBanner .leftSlideBox .leftSlide .item .t2{ font-size: 5.5vw; margin-top: 8vw; }
    .main .mainBanner .leftSlideBox .leftSlide .item .t3{ margin-top: 2vw; font-size: 3.5vw; }
}

/* .categorySlideArti */
.sub .categorySlideSec{ padding: 50px 0; }
.categorySlideSec{ position: relative; width: 100%; }
.categorySlideArti{ position: relative; overflow: hidden; width: 100%; margin-top: 22px; position: relative; }
.categorySlideArti .pnBtnDiv{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display:flex; align-items: center; justify-content: space-between; }
.categorySlideArti .pnBtnDiv .pnBtn{ position: relative; z-index: 2; background: transparent; border: none; }
.categorySlideArti .pnBtnDiv .pnBtn img{ width: 30px; }
.categorySlideArti .slideWrap{ padding: 20px; margin: 0 34px; overflow: hidden; }
.categorySlideArti .slideWrap .swiper-slide{ height: auto !important; }
.categorySlideArti .slideWrap .item{ font-size: 16px; display: flex; align-items: center; justify-content: center; height: 100%; cursor: pointer; transition: background .5s, color .5s; padding: 12px 10px; text-align: center; background-color: #fff; color: #222; font-weight: 600; border-radius: 10px; border: 1px solid #CECDCC; }
.categorySlideArti .slideWrap .item:hover{ background: #182A23; color: #EAE4D4; }

@media screen and (max-width: 1200px) { 
    .categorySlideArti .slideWrap{ padding: 10px; }
}
@media screen and (max-width: 856px) { 
    .categorySlideArti .slideWrap .item{ font-size: 15px; }
}
@media screen and (max-width: 650px) { 
    .main .mainBanner .inner + .inner{ padding: 0; }
    .categorySlideArti .pnBtnDiv{ display: none; }
    .categorySlideArti .slideWrap{ padding: 0 10px; margin: 0; }
    .categorySlideArti .slideWrap .item{ font-size: 14px; border-radius: 5px; padding: 5px 10px; }
}





/* .main .halfCategorySec */
.main .halfCategorySec{ display: flex; min-height: calc(100vh - 92px - 90px); }
.main .halfCategorySec .leftBox{ width: 50%; display: flex; align-items: center; justify-content: center;  }
.main .halfCategorySec .leftBox .contentWrap{ text-align: center; }
.main .halfCategorySec .en_title{ color: #757575; }
.main .halfCategorySec .leftBox .img1{ margin-top: 96px; max-width: 100%; }
.main .halfCategorySec .leftBox .content{ word-break: keep-all; margin-top: 114px; font-family: "MaruBuriOTF"; font-size: 20px; line-height: 2em; color: #757575; }

.main .halfCategorySec .rightArti{ display: flex; flex-direction: column; flex-grow: 1; }
.main .halfCategorySec .rightArti .contentDiv{ gap: 10px; flex-grow: 1; overflow: hidden; display: flex; justify-content: space-between; align-items: center; background-color:#EFEFEF; padding: 62px 120px; }
.main .halfCategorySec .rightArti .contentDiv:nth-child(2n){ background: #F9F9F9; }
.main .halfCategorySec .rightArti .contentDiv .textDiv{ flex-grow: 1; transition: transform .8s ease-in; transform: translateY(26%); display: flex; flex-direction: column; align-items: flex-start; }
.main .halfCategorySec .rightArti .contentDiv:hover .textDiv{ transform: translateY(0); }
.main .halfCategorySec .rightArti .contentDiv .t1{ color: #757575; font-size: 22px; font-weight: 300; font-family: "GranvilleWeb-Light"; }
.main .halfCategorySec .rightArti .contentDiv .t1 span{ position: relative; }  
.main .halfCategorySec .rightArti .contentDiv .t2{ display: flex; justify-content: flex-start; line-height: 1.5em; position: relative; margin-top: 4px; font-size: 23px; font-weight: 500; color: #313131; }
.main .halfCategorySec .rightArti .contentDiv .t2 span{ position: relative; }
.main .halfCategorySec .rightArti .contentDiv .t2 span::before{ content:''; position: absolute; left: 0; bottom: 0; display: inline-block; width: 0%; height: 1px; background-color: #313131; transition: width .5s ease-in-out; }
.main .halfCategorySec .rightArti .contentDiv:hover .t2 span::before{ width: 100%; }
.main .halfCategorySec .rightArti .contentDiv .t3{ transform: translateY(10%); transition: max-height .8s ease-in, opacity .8s ease-in, transform .8s ease-in; margin-top: 17px; font-family: "MaruBuriOTF"; color: #757575; font-weight: 600; line-height: 2em; opacity: 0;  }
.main .halfCategorySec .rightArti .contentDiv:hover .t3{ opacity: 1; transform: translateY(0); }
.main .halfCategorySec .rightArti .contentDiv .plusBtn{ position: relative; width: 40px; height: 40px; display: flex; align-items: center; justify-content: space-between; }
.main .halfCategorySec .rightArti .contentDiv .plusBtn .bar{ display: block; width: 100%; height: 2px; background-color: #313131; }
.main .halfCategorySec .rightArti .contentDiv .plusBtn .bar:nth-child(2){ position: absolute; transform: rotate(90deg); transition: transform .5s; }
.main .halfCategorySec .rightArti .contentDiv:hover .plusBtn .bar:nth-child(2){ transform: rotate(0); }



@media screen and (max-width: 1520px) {
    .main .halfCategorySec .rightArti .contentDiv{ padding: 40px 50px; }
    .main .halfCategorySec .leftBox .content{ font-size: 16px; }
}
@media screen and (max-width: 1250px) {
    .main .halfCategorySec .rightArti .contentDiv .t1{ font-size: 18px; }
    .main .halfCategorySec .rightArti .contentDiv .t2{ font-size: 20px; }
    .main .halfCategorySec .rightArti .contentDiv .plusBtn{ width: 30px; height: 30px; }
}
@media screen and (max-width: 960px) {
    .main .halfCategorySec{ flex-direction: column; }
    .main .halfCategorySec .leftBox{ width: 100%; padding: 80px 0; }
    .main .halfCategorySec .leftBox .content{ padding: 0 10px; }
    .main .halfCategorySec .rightArti .contentDiv{ min-height: unset; }
    /* .main .halfCategorySec .rightArti .contentDiv .t3{ display: none; } */
    .main .halfCategorySec .rightArti .contentDiv .textDiv{ transform: translateY(0); }
}
@media screen and (max-width: 900px) {
    .main .halfCategorySec .rightArti .contentDiv{ padding: 40px 5vw; }
}
@media screen and (max-width: 650px) {
    .main .halfCategorySec .leftBox .content{ font-size: 14px; }
    .main .halfCategorySec .rightArti .contentDiv .t3{ font-size: 14px; }
}
@media screen and (max-width: 340px) {
    .main .halfCategorySec .leftBox .content br{ display: none; }
}

/* .main .aboutOnjoSec */
.main .aboutOnjoSec{ overflow: hidden; display: flex; flex-wrap: wrap; min-height: calc(100vh - 180px); }
.main .aboutOnjoSec .leftArti{ padding: 98px 0; text-align: center; display: flex; align-items: center; justify-content: center; width: calc(50%); background-image: url('../img/main/aboutOnjoSec/background.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .aboutOnjoSec .leftArti .en_title{ color: #757575; }
.main .aboutOnjoSec .leftArti .logo{ margin: 0 auto; margin-top: 52px; display: block; max-width: 80%; }
.main .aboutOnjoSec .leftArti .content{ margin-top: 70px; color: #757575; font-size: 20px; line-height: 2em; font-family: 'MaruBuriOTF'; }
.main .aboutOnjoSec .rightArti{ display: flex; align-items: center; background-color: #182A23; width: 50%; padding:50px 45px 50px 120px; padding-right: calc(((100% - 1520px) / 2) ); }
.main .aboutOnjoSec .rightArti .contentBox{ height: 65vh; max-height: 100%; text-align : justify; font-weight: 100; color: #fff; font-family: 'MaruBuriOTF'; font-size: 18px; line-height: 2em; }

@media screen and (max-width: 1520px) {
    .main .aboutOnjoSec{ height: auto; }
    .main .aboutOnjoSec .leftArti .content{ font-size: 16px; }
    .main .aboutOnjoSec .rightArti{ padding: 0 50px; }
    .main .aboutOnjoSec .rightArti .contentBox{ font-size: 16px; }
}
@media screen and (max-width: 1385px) {
    .main .aboutOnjoSec .rightArti .contentBox{ border-right: none; }
    /* .main .aboutOnjoSec .rightArti .contentBox br{ display: none; } */
    .main .aboutOnjoSec .rightArti .contentBox br.moBr{ display: inline-block; }
}
@media screen and (max-width: 950px) {
    .main .aboutOnjoSec{ flex-direction: column; }
    .main .aboutOnjoSec .leftArti{ width: 100%; }
    .main .aboutOnjoSec .rightArti{ width: 100%; padding: 50px; }
    .main .aboutOnjoSec .rightArti .contentBox{ height: auto; padding-right: 0; }

}
@media screen and (max-width: 900px) {
    .main .aboutOnjoSec .leftArti{ padding: 50px 5vw; }
    .main .aboutOnjoSec .rightArti{ padding: 50px 5vw; }

}
@media screen and (max-width: 650px) {
    .main .aboutOnjoSec .leftArti .content{ font-size: 14px; }
    .main .aboutOnjoSec .rightArti .contentBox{ font-size: 14px; }
}


/* .main .caseSection */
.main .caseSection{ display: flex; align-items: center; justify-content: center; min-height: calc(100vh - 92px - 90px); padding: 69px 0 48px 0; position: relative; overflow: hidden; }
/* .main .caseSection .inner{ overflow: hidden; } */
.main .caseSection .titleWrap{ text-align: center; }
.main .caseSection .titleWrap .ko_title{ margin-top: 0; line-height: 1.5em; }
.main .caseSection .searchDiv{ overflow: hidden; border-radius: 4px; border: 1px solid #313131; position: relative; margin: 40px auto 0 auto; max-width: 800px; }
.main .caseSection .searchDiv .searchBox{ align-items: center; display: flex; }
.main .caseSection .searchDiv .ipt{ flex-grow: 1; border: none; padding: 18px 26px; font-size: 18px;  }
.main .caseSection .searchDiv .ipt::placeholder{ color: #7f7f7f; }
.main .caseSection .searchDiv .bar{ height: 34px; width: 1px; background-color: #313131; }
.main .caseSection .searchDiv .searchBtn{ background: transparent; border: none; padding: 17px 26px; }
.main .caseSection .searchDiv .searchBtn .icon{ width: 25px; }
.main .caseSection .categoryList{ display: flex; gap: 22px; margin:60px auto 0 auto; max-width: 1000px; }
.main .caseSection .categoryList >li{ flex-grow: 1; }
.main .caseSection .categoryList .item{ display: inline-block; width: 100%; text-align: center; background-color: #f8f8f8; padding: 5px 42px; border-radius: 100px; border: none; color: #313131; line-height: 2em; font-weight: 500; }
.main .caseSection .categoryList .item.active{ background-color: #182A23; color: #EAE3D1;  }
.main .caseSection .contentList{  margin-top: 60px; }
.main .caseSection .contentList > li{ display: none; }
.main .caseSection .contentList > li.active{ display: block; }

.main .caseSection .slideBox{ overflow: hidden; position: relative; width: 100%; margin-right: 20px; }
.main .caseSection .slideBox .centerBox{ position: relative; /* left: 57px; */ }
.main .caseSection .slideBox .centerBox .swiper{ position: relative; }
.main .caseSection .slideBox .swiper-wrapper{ align-items: center; }
.main .caseSection .slideBox .item{ border-radius: 20px; padding: 37px 17px 37px 17px; background-color: #EFEFEF; transition: background .3s, color .3s, transform .5s;overflow: hidden; position: relative; }
.main .caseSection .slideBox .item:hover{ position: relative; z-index: 1; /* transform: scale(1.01);*/ background-color: #182A23; color: #fff; }
.main .caseSection .slideBox .item .logo{ position: absolute; top: 20px; right: 17px; }
.main .caseSection .slideBox .item .imgBox{ margin: 0 auto; width: 200px; height: 281px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .caseSection .slideBox .item .titleBox{ color: #182A23; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; font-weight: 600; margin-top: 30px; margin-bottom: 4px; }
.main .caseSection .slideBox .item:hover .titleBox{ color: #fff; }
.main .caseSection .slideBox .item .contentBox{ display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.main .caseSection .slideBox .item .contentBox .plusBtn{ display: flex; align-items: center; justify-content: center; position: relative; flex-shrink: 0; background: transparent; border: none; }
.main .caseSection .slideBox .item .contentBox .plusBtn .icon{ width: 30px; }
.main .caseSection .slideBox .item .contentBox .plusBtn .icon.active{ position: absolute; z-index: 1; opacity: 0; transition: opacity .3s; position: absolute; }
.main .caseSection .slideBox .item:hover .contentBox .plusBtn .icon.active{  opacity: 1; }
.main .caseSection .slideBox .item .contentBox .content{ color: #313131; font-size: 16px; word-break: keep-all; }
.main .caseSection .slideBox .item:hover .contentBox .content{ color: #fff; }

.main .caseSection .slideBox .swiper-slide{ padding: 10px;  }
.main .caseSection .slideBox .swiper-slide-active .item{ background-color: #182A23; color: #fff; }
.main .caseSection .slideBox .swiper-slide-active .item .titleBox{ color: #fff; }
.main .caseSection .slideBox .swiper-slide-active .item .contentBox .content{ color: #fff; }
.main .caseSection .slideBox .swiper-slide-active .item .contentBox .plusBtn .icon.active{ opacity: 1; }

.main .caseSection .progressDiv{ margin-right: 20px; position: relative; margin-top: 50px; display: flex; align-items: center; }
.main .caseSection .progressDiv .pnBtnDiv{ display: flex; align-items: center; gap: 5px; }
.main .caseSection .progressDiv .pnBtnDiv .pnBtn{ background: #efefef; border: none; width: 44px; height: 44px; display:flex; align-items: center; justify-content: center; }
.main .caseSection .progressDiv .pnBtnDiv .pnBtn.nextBtn{ background-color: #182A23; }
.main .caseSection .progressDiv .pnBtnDiv .pnBtn .icon{ width: 10px; }
.main .caseSection .progressDiv .progressBar{ width: calc(100% - 93px); position: relative;  height: 1px; background-color: #dbdbdb; }
.main .caseSection .progressDiv .progressBar .progressBarInner{ transition: width .5s; position: relative; justify-content: flex-end; display: flex; align-items: center; position: absolute; width: 20px; height: 1px; background-color: #182A23; }
.main .caseSection .progressDiv .progressBar .progressBarInner .circle{ right: -20px; position: absolute; width: 40px; height: 40px; border: 1px solid #182A23; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.main .caseSection .progressDiv .progressBar .progressBarInner .circle .center{ width: 5px; height: 5px; background-color: #182A23; }

.main .caseSection .allViewList{ display: flex; align-items: center; justify-content: flex-end; color: #7f7f7f; }
.main .caseSection .allViewList .allViewBtn{ display: flex; align-items: center; gap: 5px; font-size: 14px; }


@media screen and (min-width: 1520px) {
    .main .caseSection .inner{ padding: 0 40px; }
}
@media screen and (max-width: 1520px) {
    .main .caseSection .inner{ overflow: unset; }
    .main .caseSection .searchDiv{ max-width: 600px; } 
    .main .caseSection .searchDiv .ipt{ font-size: 16px; padding: 10px 20px; }
    .main .caseSection .searchDiv .searchBtn{ padding: 15px; }
    .main .caseSection .searchDiv .searchBtn .icon{ width: 20px; }
    .main .caseSection .categoryList{ flex-wrap: wrap; }
    .main .caseSection .categoryList .item{ padding: 5px 20px; font-size: 16px; }
    .main .caseSection .contentList{ overflow: unset; }
    .main .caseSection .slideBox{  margin: 0 auto; }
    .main .caseSection .slideBox .centerBox{ left: 0; }
    .main .caseSection .slideBox .item .logo{ width: 33px; right: 24px; top: 28px; }
    .main .caseSection .slideBox .item .imgBox{ width: 157px; height: 220px; }
    .main .caseSection .slideBox .item .titleBox{ font-size: 20px; }
    .main .caseSection .slideBox .item .contentBox .content{ font-size: 16px; }
    .main .caseSection .progressDiv{ margin-top: 30px; padding: 0 10px; }
}
@media screen and (max-width: 1100px) {
    .main .caseSection .slideBox{ overflow: unset; }
}
@media screen and (max-width: 950px) {
    .main .caseSection .categoryList{ gap: 0; max-width: 300px; margin-top:40px; }
    .main .caseSection .categoryList >li{ padding: 5px; flex-grow: unset; width: calc(100% / 2); }
    .main .caseSection .categoryList >li:nth-child(1){ width: 100%; } 
    .main .caseSection .categoryList .item{ font-size: 14px; padding: 2.5px 30px; }
    .main .caseSection .contentList{ margin-top: 40px; }
    .main .caseSection .progressDiv{ margin-right: 0; }
}
@media screen and (max-width: 900px) {
    .main .caseSection{ min-height: unset; }
}
@media screen and (max-width: 650px) {
    .main .caseSection .searchDiv{ max-width: 80%; }
    .main .caseSection .searchDiv .ipt{ font-size: 14px; }
    .main .caseSection .searchDiv .searchBtn{ padding: 10px; }
    .main .caseSection .progressDiv .progressBar{ margin-right: 0; width: calc(100% - 30px); }
    .main .caseSection .progressDiv .progressBar .progressBarInner .circle{ width: 20px; height: 20px; right: -10px; }
    .main .caseSection .progressDiv .pnBtnDiv .pnBtn{ width: 30px; height: 30px; }
}
@media screen and (max-width: 500px) {
    .main .caseSection .searchDiv{ max-width: 80%; }
    .main .caseSection .slideBox .item{ padding: 12vw 5vw 6vw 5vw; }
    .main .caseSection .slideBox .item .titleBox{ font-size: 4vw; }
    .main .caseSection .slideBox .item .contentBox{ gap: 2vw; }
    .main .caseSection .slideBox .item .contentBox .content{ font-size: 3.1vw; }
    .main .caseSection .slideBox .item .logo{ width: 10vw; right: 5vw; top: 5vw; }
    .main .caseSection .slideBox .item .imgBox{ width: 42vw; height: 59vw; }
}

.logoSlide{ margin-top: 36px; border-radius: 10px; border: 1px solid #CECDCC; padding: 35px 15px; position: relative; overflow: hidden; }
.logoSlide .swiper-slide{ width: auto !important; }
.logoSlide .swiper-slide img{ width: auto; max-height: 32px; }   
.logoSlide .swiper-wrapper{ transition-timing-function: linear; }
@media screen and (max-width: 950px) {
    .logoSlide{ padding: 20px 10px; }
}
@media screen and (max-width: 650px) {
    .logoSlide{ padding: 15px 10px; }
}

/* .professionalSec */
.professionalSec{ display: flex; align-items: center; justify-content: center; min-height: calc(100vh - 92px - 90px); position: relative; overflow: hidden; background-color: #EFEFEF; }
.professionalSec .inner{ padding: 100px 0; overflow: hidden; }
.professionalSec .titleBox{ text-align: center; }
.professionalSec .titleBox .ko_title{ margin-top: 0; line-height: 1.5em; }
.professionalSec .slideBox{ margin-top: 60px; position: relative; }
.professionalSec .slideBox .swiper-slide{ position: relative; }
.professionalSec .slideBox .item{ background-color: #fff; border-radius: 20px; border: 1px solid #CECDCC; padding: 32px 30px; padding-bottom: 0; }
.professionalSec .slideBox .nameBox{ font-weight: 300; }
.professionalSec .slideBox .nameBox b{ font-size: 24px; font-weight: 700; }
.professionalSec .slideBox .item .peopleImgDiv{ margin-top: 10px; height: 426px; background-size: contain; background-repeat: no-repeat; background-position: bottom center; }
.professionalSec .slideBox .item .plusBtn{ display: block; z-index: 2; position: absolute; right: 42px; bottom: 37px; background: transparent; border: none; }
.professionalSec .slideBox .item .plusBtn .icon{ transition: transform .25s; transform:rotate(0deg); }
.professionalSec .slideBox .item .plusBtn.close .icon{ transform: rotate(45deg); }
.professionalSec .slideBox .slideBtn{ margin-top: 27px; display: flex; align-items: center; justify-content: center; gap: 16px; }
.professionalSec .slideBox .slideBtn .pnBtn{ background: transparent; border: none; }


.professionalSec .slideBox .infoDiv{ transition: transform .5s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; border: 1px solid #CECDCC; border-radius: 20px; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-color: #fff; }
.professionalSec .slideBox .infoDiv.show{ opacity: 1; visibility: visible; } 
.professionalSec .slideBox .infoDiv .contentWrap{ word-break: keep-all; height: 100%; padding: 153px 20px 40px 20px; position: relative; display: flex; flex-direction: column; align-items: center; }
.professionalSec .slideBox .infoDiv .contentWrap .circle{ background-size: cover; background-repeat: no-repeat; background-position: center; width: 244px; height: 244px; border-radius: 50%; position: absolute; top: -122px; border: 1px solid rgba(206, 205, 204, 1); }
.professionalSec .slideBox .scroll_box{ max-height: 200px; margin-top: 32px; flex-grow: 1;  width: 100%; }
.professionalSec .slideBox .scroll_box.type2{ max-height: 150px; }
.professionalSec .slideBox .infoBox{ padding: 26px 0; border-top: 2px solid #D9D9D9; display: flex; gap: 10px; }
.professionalSec .slideBox .infoBox .label{ flex-shrink: 0; width: 143px; font-size: 20px; font-weight: 500; }
.professionalSec .slideBox .infoBox .content{ font-size: 14px; line-height: 2em; }
.professionalSec .slideBox .infoBox .content > li + li{ margin-top: 5px; }
.professionalSec .slideBox .moreBtn{ text-align: center; color: #EAE4D4; display: block; margin: 0 auto; margin-top: 50px; background-color: #182A23; border-radius: 4px; padding: 9.5px 10px; width: 100%; max-width: 170px; }

@media screen and (max-width: 1520px) {
    .professionalSec .slideBox .infoDiv .contentWrap .circle{ width: 180px; height: 180px; top: -90px; }
    .professionalSec .slideBox .infoDiv .contentWrap{ padding: 109px 20px 28px 20px; }
    .professionalSec .slideBox .item .plusBtn{ right: 20px; bottom: 32px; }
    .professionalSec .slideBox .moreBtn{ margin-top: 20px; }
    .professionalSec .slideBox .infoBox{ padding: 20px 0; }
    .professionalSec .slideBox .infoBox .label{ width: 50px; }
    .professionalSec .slideBox .item .peopleImgDiv{ height: 28vw; margin-top: 30px; }
}
@media screen and (max-width: 1150px) {
    .professionalSec .slideBox .item .peopleImgDiv{ height: 36vw; }
}
@media screen and (max-width: 650px) {
    .professionalSec .slideBox{ margin-top: 40px; }
}
@media screen and (max-width: 900px) {
    .professionalSec{ min-height: unset; }
    .professionalSec .slideBox .item .peopleImgDiv{ height: 47vw; }
}
@media screen and (max-width: 650px) {
    .professionalSec .slideBox .nameBox{ font-size: 14px; }
    .professionalSec .slideBox .nameBox b{ font-size: 18px; }
    .professionalSec .slideBox .item{ padding: 22px 20px; padding-bottom: 0; border-radius: 10px; }
    .professionalSec .slideBox .item .peopleImgDiv{ height: 73vw; margin-top: 3vw; }
    .professionalSec .slideBox .infoBox{ font-size: 13px; }
    .professionalSec .slideBox .infoBox .label{ padding-top: 5px; font-size: 14px; width: 30px; } 
    .professionalSec .slideBox .slideBtn{ gap: 10px; }
    .professionalSec .slideBox .slideBtn .pnBtn .icon{ width: 30px; }
    .professionalSec .slideBox .item .plusBtn{ right: 20px; bottom: 20px;  }
    .professionalSec .slideBox .item .plusBtn .icon{ width: 20px; }

    .professionalSec .slideBox .infoDiv{ border-radius: 10px; }
    .professionalSec .slideBox .infoDiv .contentWrap{ padding: 21vw 30px 45px 30px; border-radius: 10px; }
    .professionalSec .slideBox .infoDiv .contentWrap .infoBox{ flex-direction: column; padding: 10px 0; }
    .professionalSec .slideBox .infoDiv .contentWrap .circle{ width: 30vw; height: 30vw; top: -15vw; }

    .professionalSec .slideBox .scroll_box{ margin-top: 20px; max-height: 40vw; }
    .professionalSec .slideBox .scroll_box.type2{ max-height: 35vw; }
    .professionalSec .slideBox .moreBtn{ font-size: 14px; margin-top: 10px; }

}

/* .reviewSec */
.reviewSec{ position: relative; overflow: hidden; }
.reviewSec .halfBox{ display: flex; justify-content: center; min-height: calc(100vh - 92px - 90px);  }
.reviewSec .halfBox .leftArti{ flex-direction: column; flex-shrink: 0; overflow: hidden; display: flex; align-items: center; justify-content: center; width: 50%; background-image: url('../img/main/reviewSec/background.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.reviewSec .halfBox .leftArti .titleBox{ text-align: center; }
.reviewSec .halfBox .leftArti .slideBox{ overflow: hidden; position: relative; margin: 0 auto; margin-top: 65px; width: 100%; max-width: 610px; }
.reviewSec .halfBox .leftArti .slideBox .swiper-wrapper{ align-items: center; }
.reviewSec .halfBox .leftArti .slideBox .img{ max-width: 100%; margin: 0 auto; display: block; }
.reviewSec .halfBox .leftArti .slideBox .imgBox{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 0 50px; }
.reviewSec .halfBox .leftArti .slideBox .imgBox img{ max-width: 100%; }
.reviewSec .halfBox .leftArti .btnList{ display: flex; align-items: center; justify-content: space-between; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.reviewSec .halfBox .leftArti .btnList .pnBtn{ position: relative; z-index: 2; background: transparent; border: none; }
.reviewSec .halfBox .leftArti .btnList .pnBtn .icon{ width: 30px; }
.reviewSec .halfBox .leftArti .btnList .pnBtn.swiper-button-disabled{ opacity: 0; visibility: hidden; }

.reviewSec .halfBox .rightArti{ display: flex; align-items: center; background-color: #F9F9F9; width: 50%; padding: 78px 10px 50px 120px; }
.reviewSec .halfBox .rightArti .contentWrap{  width: 100%; max-width: 670px; }
.reviewSec .halfBox .rightArti .title{ display: inline-block; border-radius: 100px; background-color: #182A23; color: #E8E2D2; font-size: 22px; font-weight: 500; padding: 5px 37px; }
.reviewSec .halfBox .rightArti .formList{ margin-top: 50px; gap: 5px; }
.reviewSec .halfBox .rightArti .formList > li{ overflow: hidden; padding: 0; background-color: #fff; border-radius: 4px; }
.reviewSec .halfBox .rightArti .formList > li.half{ width: calc(50% - 2.5px); }
.reviewSec .halfBox .rightArti .formList > li .inputDiv{ /*border-radius: 4px; border: 1px solid #CECDCC;*/ overflow: hidden; display: flex; align-items: flex-start; flex-shrink: 0; }
.reviewSec .halfBox .rightArti .formList > li .inputDiv .label{ padding: 13px 19px; flex-shrink: 0; width: 115px; }
.reviewSec .halfBox .rightArti .formList .textBox{ flex-grow: 1; }
.reviewSec .halfBox .rightArti .formList .ipt{ padding: 13px 19px; border: none; }
.reviewSec .halfBox .rightArti .formList .selectList{ padding: 13px 40px 13px 19px; display: flex; gap: 20px; flex-wrap: wrap; }
.reviewSec .halfBox .rightArti .formList .selectList > li{ padding-right: 10px; }
.reviewSec .halfBox .rightArti .formList .selectList input{ display: none; }
.reviewSec .halfBox .rightArti .formList .selectList input + .text{ cursor: pointer; padding-left: 23px; position: relative;  }
.reviewSec .halfBox .rightArti .formList .selectList input + .text::before{ content: ''; display: block; width: 16px; height: 16px; border-radius: 4px; border: 1px solid #CECDCC; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.reviewSec .halfBox .rightArti .formList .selectList input:checked + .text::before{ background-image: url('../img/main/reviewSec/check_icon.png'); border: 1px solid #182A23; background-size: 100% 100%; background-repeat: no-repeat; background-position: center; }
.reviewSec .halfBox .rightArti .bottomBox{ margin-top: 50px; display: flex; justify-content: flex-end; gap: 17px; align-items: center; }
.reviewSec .halfBox .rightArti .bottomBox .agreeLabel input[type="checkbox"]{ display: none; }
.reviewSec .halfBox .rightArti .bottomBox .agreeLabel input[type="checkbox"] + .text{ font-size: 14px; cursor: pointer; padding-left: 25px; position: relative;  }
.reviewSec .halfBox .rightArti .bottomBox .agreeLabel input[type="checkbox"] + .text::before{ content: ''; display: block; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #CECDCC; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.reviewSec .halfBox .rightArti .bottomBox .agreeLabel input[type="checkbox"]:checked + .text::before{ background-image: url('../img/main/reviewSec/agree_check_icon.svg'); background-color: #182A23; background-size: 100% 100%; background-repeat: no-repeat; background-position: center; }
.reviewSec .halfBox .rightArti .bottomBox .submitBtn{ background-color: #182A23; border: 1px solid #182A23; border-radius: 100px; padding: 8px 40px; color: #EAE3D1; font-size: 14px; font-weight: 500; gap: 9px; }

@media screen and (max-width: 1520px) {
    .reviewSec .halfBox .leftArti{ padding: 50px 0; }
    .reviewSec .halfBox .rightArti{ padding: 50px 40px; }

    .reviewSec .ko_title{ font-size: 1.5em; margin-top: 0; }
}
@media screen and (max-width: 1200px) {
    .reviewSec .halfBox{ flex-direction: column; }
    .reviewSec .halfBox .leftArti{ width: 100%; }
    .reviewSec .halfBox .rightArti{ width: 100%; padding: 50px 50px; }
    .reviewSec .halfBox .rightArti .contentWrap{ max-width: unset; }
}
@media screen and (max-width: 950px) {
    .reviewSec .halfBox .rightArti .title{ font-size: 14px; }
}
@media screen and (max-width: 900px) {
    .reviewSec .halfBox .rightArti{ padding: 50px 5vw; }
    .reviewSec .halfBox .leftArti{ padding: 100px 5vw; }
    .reviewSec .halfBox .rightArti .formList{ width: 100%; margin-left: 0; }
}
@media screen and (max-width: 650px) {
    .reviewSec .halfBox .rightArti{ padding: 50px 5vw; }
    .reviewSec .halfBox .rightArti .title{ padding: 10px 20px; }
    .reviewSec .halfBox .rightArti .formList{ margin-top: 40px; }
    .reviewSec .halfBox .rightArti .formList > li .inputDiv .label{ padding: 13px 10px; width: 77px; }
    /* .reviewSec .halfBox .rightArti .formList{ font-size: 14px; } */
    .reviewSec .halfBox .rightArti .formList .selectList{ padding: 13px 20px; }
    .reviewSec .halfBox .rightArti .formList > li.half{ width: 100%; }
    .reviewSec .halfBox .rightArti .bottomBox{ flex-wrap: wrap; gap: 20px; margin-top: 40px; }

    .reviewSec .halfBox .leftArti .slideBox{ margin-top: 40px;}
ㄲ}

/* .main .mapSec */
.main .mapSec{ background-color: #182A23; padding: 160px 0; }
.main .mapSec .inner{ display: flex; flex-wrap: wrap; }
.main .mapSec .mapBox{ width: 50%; display: flex; align-items: center; justify-content: center; }
.main .mapSec .mapBox .mapWrap{ width: 540px; height: 510px; border-radius: 10px; overflow: hidden; }
.main .mapSec .contentDiv{ width: 50%; color: #E8E2D2; }
.main .mapSec .contentDiv .infoList > li + li{ margin-top: 75px; }
.main .mapSec .contentDiv .infoList .titleBox{ font-weight: 500; padding-bottom: 10px; border-bottom: 2px solid #E8E2D2; color: #E8E2D2; font-size: 24px; }
.main .mapSec .contentDiv .infoList .contentBox{ margin-top: 42px; display: flex; flex-wrap: wrap; }
.main .mapSec .contentDiv .infoList .contentBox .infoDiv{ width: 50%; display: flex; font-size: 20px; gap: 30px; align-items: center; }
.main .mapSec .contentDiv .infoList .contentBox .infoDiv.full{ width: 100%; }

@media screen and (max-width: 1520px) {
    .main .mapSec .mapBox .mapWrap{ width: 100%; height: 40vw;}
    .main .mapSec .contentDiv{ display: flex; align-items: center; justify-content: center; padding: 40px; }
    .main .mapSec .contentDiv .infoList{ width: 100%; }
    .main .mapSec .contentDiv .infoList .titleBox{ font-size: 22px; }
    .main .mapSec .contentDiv .infoList .contentBox{ margin-top: 20px; font-size: 16px; }
    .main .mapSec .contentDiv .infoList .contentBox .infoDiv{ gap: 10px; }
}
@media screen and (max-width: 1250px) {
    .main .mapSec .contentDiv .infoList .titleBox{ font-size: 20px; }
    .main .mapSec .contentDiv .infoList > li + li{ margin-top: 30px; }
    .main .mapSec .contentDiv .infoList .contentBox .icon{ width: 20px; }
    .main .mapSec .contentDiv .infoList .contentBox .infoDiv{ font-size: 16px; }
}
@media screen and (max-width: 950px) {
    .main .mapSec{ padding: 50px 0; }
    .main .mapSec .mapBox{ width: 100%; }
    .main .mapSec .contentDiv{ width: 100%; padding: 40px 0; }
    .main .mapSec .contentDiv .infoList .contentBox .infoDiv{ width: 100%; }
    .main .mapSec .contentDiv .infoList .contentBox .infoDiv + .infoDiv{ margin-top: 20px; }
    .main .mapSec .mapBox .mapWrap{ height: 80vw; }
    .main .mapSec .contentDiv{ padding: 0; padding-top: 40px; }
}
@media screen and (max-width: 650px) {
    .main .mapSec .contentDiv .infoList .titleBox{ font-size: 16px; }
    .main .mapSec .contentDiv .infoList .contentBox .infoDiv{ font-size:18px; }
    .main .mapSec .contentDiv .infoList .contentBox .infoDiv + .infoDiv{ margin-top: 10px; }
    .main .mapSec .contentDiv .infoList .contentBox .icon{ width: 15px; }
    /* .main .mapSec .contentDiv .infoList .contentBox .infoDiv{ font-size: 14px; } */
}

/* .sub .subBanner */
.sub .subBanner{ position: relative; overflow: hidden; }
.sub .subBanner .inner{ height: 100%; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.sub .subBanner .swiper-wrapper{ align-items: unset !important; }
.sub .subBanner .swiper-slide{ height: unset !important; }
.sub .subBanner .item{ height: 100%; position: relative; padding: 123px 0 131px 0; background-color: #182A23; color: #fff; }
.sub .subBanner .item .titleBox{ text-align: center; }
.sub .subBanner .item .titleBox .ko_title{ flex-grow: 1; color: #fff; line-height: 2em; }
.sub .subBanner .item .titleBox .ko_title .moBr{ display: none; }
.sub .subBanner .item .content{ text-align: center; margin-top: 68px; font-weight: 300; }
.sub .subBanner .item .progressBar{ width: 100%; margin: 0 auto; margin-top: 63px; max-width: 215px; display: flex; align-items: center; gap: 10px; }
.sub .subBanner .item .progressBar .number{ flex-shrink: 0; color: #999; }
.sub .subBanner .item .progressBar .number.active{ color: #fff; }
.sub .subBanner .item .progressBar .barBox{ flex-grow: 1; height: 3px; border-radius: 100px; overflow: hidden; background-color: #999; }
.sub .subBanner .item .progressBar .barBox .bar{ width: 0%; height: 100%; background: #fff; transition: width .5s; }
.sub .subBanner .swiper-slide-active .item .progressBar .barBox .bar{ animation: progressBar 4.5s linear; animation-fill-mode: forwards; }

@media screen and (min-width: 950px) { 
    .sub .subBanner .item .titleBox .ko_title{ font-size: 25px; /* 원하는 크기로 조정 */}
}

@keyframes progressBar {
    0% { width: 0%; } 
    100% { width: 100%; }
}

.sub .subBanner .itemList{ text-align: center; display: flex; gap: 4.2px; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 2; }
.sub .subBanner .itemList > li{  width: calc(100% / 5 - 4.2px); }
.sub .subBanner .itemList .menu{ background: #EFEFEF; display: block; padding: 29px 10px; font-weight: 600; color: #222;  }
.sub .subBanner .itemList .menu.active{ background-color: #FFF; }

.sub .subBanner .item.bg2{ background-color: #362616; }
.sub .subBanner .item.bg3{ background-color: #101C24; }

@media screen and (max-width: 1520px) {
    .sub .subBanner .itemList{ padding: 0 10px; }
    .sub .subBanner .itemList .menu{ padding: 20px 10px; font-size: 14px; }
    .sub .subBanner .ko_title{ font-size: 20px; }
}
@media screen and (max-width: 650px) {
    .sub .subBanner > .inner{ display: flex; justify-content: center; }
    .sub .subBanner .en_title{ font-size: 3vw; }
    .sub .subBanner .ko_title{ font-size: 3.5vw; }
    .sub .subBanner .item{ padding: 100px 0 100px 0; }
    .sub .subBanner .item .content{ margin-top: 20vw; font-size: 3vw; }
    .sub .subBanner .item .progressBar{ margin-top: 15vw; max-width: 40vw; }
    .sub .subBanner .item .titleBox .ko_title .moBr{ display: inline-block; }
    .sub .subBanner .item .progressBar .number{ font-size: 3vw; }
    .sub .subBanner .itemList{ display: none;  bottom: 30px; left: unset; max-width: 300px; padding: 0; flex-wrap: wrap; gap: 0; font-size: 13px; justify-content: center; }
    .sub .subBanner .itemList > li{ width: calc(100% / 3); padding: 2.5px; }
    .sub .subBanner .itemList .menu{ padding: 10px 5px; }
}


/* .sub .subContent */
.sub .subContent{ padding: 80px 0 0 0; }
.sub.menu1_5 .subContent, 
.sub.menu1_3 .subContent{ padding: 80px 0; }
@media screen and (max-width: 650px) {
    .sub .subContent{ padding: 100px 0 0 0; }
    .sub.menu1_5 .subContent,
    .sub.menu1_3 .subContent{ padding: 100px 0 50px 0; }
}
/* .sub .lawyerArti */
.sub .lawyerArti .inner{ display: flex; gap:10px; }
.sub .lawyerArti .item{ display: flex; flex-direction: column;  padding: 40px; width: 30%; border-radius: 20px; border: 1px solid #CECDCC; background-color: #fff; }
.sub .lawyerArti .item1{ padding-bottom: 0; }
.sub .subContent .item2{ width: 40%; }
.sub .lawyerArti .item .imgBoxWrap{ display: flex; flex-grow: 1; align-items: center; justify-content: center; }
.sub .lawyerArti .item .nameBox{ color: #222; font-size: 20px; font-weight: 500; }
.sub .lawyerArti .item .enName{  word-break: keep-all; color: #222; font-size: 16px; font-weight: 300; margin-top: 20px; }
.sub .lawyerArti .item .imgBox{ margin-top: 40px; width: 100%; height:440px; flex-grow: 1; background-size: contain; background-repeat: no-repeat; background-position: bottom center; }
.sub .lawyerArti .item .contentBox{ height: 320px; font-size: 18px; flex-grow: 1; margin-top: 40px; font-weight: 300; color: #222; line-height: 1.5em; }
.sub .lawyerArti .item .contentBox::-webkit-scrollbar { display: none; }
.sub .lawyerArti .item .contentBox li + li{ margin-top: 10px; }
.sub .lawyerArti .slideWrap{ flex-grow: 1; position: relative; }
.sub .lawyerArti .slideWrap .pnBtnDiv{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; }
.sub .lawyerArti .slideWrap .pnBtnDiv .pnBtn{ position: relative; z-index: 2; background: transparent; border: none; }
.sub .lawyerArti .slideWrap .pnBtnDiv .pnBtn .icon{ width: 30px; }

@media screen and (max-width: 1520px) {
    .sub .lawyerArti .crapeSlide .crapeItem{ height: 23vw; width: 78%; }

}
@media screen and (max-width: 1200px) {
    .sub .lawyerArti .inner{ flex-wrap: wrap; }
    .sub .subContent .item1{ width: calc(50% - 5px); }
    .sub .subContent .item2{ width: calc(50% - 5px); }
    .sub .subContent .item3{ width: 100%; }
    .sub .lawyerArti .item .contentBox{ font-size: 16px; height: 46vw; }
    .sub .lawyerArti .crapeSlide .crapeItem{ height: 107vw; }
}
@media screen and (max-width: 1136px) {
    .sub .lawyerArti .crapeSlide .crapeItem{ height: 80vw; }
}
@media screen and (max-width: 900px) {
    .sub .lawyerArti .item{ padding: 20px; border-radius: 10px; }
    .sub .subContent .item1{ width: calc(40% - 5px); padding-bottom: 0; }
    .sub .subContent .item2{ width: calc(60% - 5px); }
    .sub .lawyerArti .item .enName{ margin-top: 10px; }
    .sub .lawyerArti .item .imgBox{ height: 46vw; }
    .sub .lawyerArti .slideWrap{ padding: 0 40px; }
}
@media screen and (max-width: 700px) {
    .sub .lawyerArti .slideWrap{ padding: 0 30px; }
    .sub .subContent .item1{ width: 100%; }
    .sub .subContent .item2{ width: 100%; }
    .sub .lawyerArti .item .imgBox{ height: 73vw; margin-top: 5vw; }
}
@media screen and (max-width: 650px) {
    .sub .lawyerArti .item .nameBox{ font-size: 18px; }
    .sub .lawyerArti .item .enName{ font-size: 14px; }
    .sub .lawyerArti .item .contentBox{ height: auto; max-height: 500px; font-size: 14px; margin-top: 20px; }
    .sub .lawyerArti .slideWrap{ padding: 0; }
    /* .sub .lawyerArti .slideWrap .pnBtnDiv{ display: none; } */
    .sub .lawyerArti .crapeSlide .crapeItem{ height: 82vw; }
}
@media screen and (max-width: 400px) {
    .sub .lawyerArti .item .imgBox{ height: 106vw; }
}

/* .sub .informationArti */
.sub .informationArti{ padding: 30px 0; }
.sub .informationArti .item{ font-family: 'MaruBuriOTF'; padding: 45px 80px 45px 40px; border-radius: 20px; border: 1px solid #CECDCC; background: #FFF; }
.sub .informationArti .item .t1{  margin-bottom: 4px; font-size: 22px; font-weight: 700; line-height: 2em; }
.sub .informationArti .item .t2{ max-height: 300px;  font-size: 16px; font-weight: 300; line-height: 2em; margin-top: 20px; }
.sub .informationArti .item .t2 p + p{ margin-top: 17px; }
.sub .informationArti .item .t2 p{ text-align : justify; }

@media screen and (max-width: 1520px) {
    .sub .informationArti .item{ padding: 45px 40px; }
    /* .sub .informationArti .item br{ display: none; } */
}
@media screen and (max-width: 1250px) {
    .sub .informationArti .item .t1{ font-size: 24px; }
    .sub .informationArti .item .t2{ font-size: 16px; }
}
@media screen and (max-width: 900px) {
    .sub .informationArti .item{ padding: 30px 20px; }
}
@media screen and (max-width: 650px) {
    .sub .informationArti .item{ border-radius: 10px; }
    /* .sub .informationArti .item p{ word-break: keep-all; } */
    .sub .informationArti .item .t1{ font-size: 18px; }
    .sub .informationArti .item .t2{ font-size: 14px; }
}

/* .sub .professionalSec */
/* .sub .professionalSec{ background-color: #fff; } */

@media screen and (max-width: 650px) {
    .sub .professionalSec .inner{ padding: 50px 10px 50px 10px; }
}


.sub .sub_title{ font-size: 30px; font-weight: 700; color: #313131; }
.sub .sub_title.center{ text-align: center; }
.sub .sub_borderContent{ margin-top: 71px; border-radius: 10px; padding: 50px 70px; border: 1px solid #CECDCC; background: #FFF; }
.sub .sub_content{ font-weight: 300; font-size: 18px; font-family: 'MaruBuriOTF'; line-height: 2em;  }
.sub .sub_content p + p{ margin-top: 22px; }
.sub .sub_content p b{ font-weight: 600; }
.sub .sub_content .center{ text-align: center; }
.sub .sub_content.center{ text-align: center !important; }
.sub .sub_borderContent .sub_content{ text-align: justify; max-height: 180px; }
.sub .sub_content p{ text-align: justify; }

.sub .grayBgBox{ padding: 45px 0; font-weight: 300; font-family: 'MaruBuriOTF'; line-height: 2em; background-color: #EFEFEF; border-radius: 20px; margin-top: 50px; }
.sub .grayBgBox + .sub_content{ margin-top: 50px; }
@media screen and (max-width: 1520px) {
    /* .sub .sub_content br{ display: none; } */
    .sub .grayBgBox{ padding: 45px 20px;}
}
@media screen and (max-width: 1250px) {
    .sub .sub_title{ font-size: 24px; }
    .sub .sub_borderContent{ padding: 20px; margin-top: 40px; }
    .sub .sub_content{ font-size: 16px; }
}
@media screen and (max-width: 650px) {
    .sub .sub_title{ font-size: 18px; }
    .sub .sub_borderContent{ padding: 20px 10px; margin-top: 30px; border-radius: 5px; }
    .sub .sub_content{ font-size: 14px; }
    .sub .sub_content.notScroll{ padding-right: 0; }
    .sub .grayBgBox{ padding: 30px 20px;}
}

/* .sub.menu1_2 .categorySlide */
.sub.menu1_2 .categorySlide{ padding: 200px 0; position: relative; overflow: hidden; }
.sub.menu1_2 .categorySlide .slideBox{ margin: 0 auto; position: relative;  max-width: 1015px; }
.sub.menu1_2 .categorySlide .slideBox .btnWrap{ padding: 0 10px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; }
.sub.menu1_2 .categorySlide .slideBox .btnWrap .pnBtn{ display: flex; align-items: center; justify-content: center; position: relative; z-index: 3; border: none; border-radius: 50%; width: 100px; height: 100px; background-color: #222;  }
.sub.menu1_2 .categorySlide .slideBox .btnWrap .pnBtn .circle{ width: 90%; }
.sub.menu1_2 .categorySlide .slideBox .btnWrap .pnBtn .icon{ position: absolute; width: 30%; z-index: 2; }
.sub.menu1_2 .categorySlide .slideBox .slideWrap .swiper-slide{ text-align: center; display: flex; align-items: center; justify-content: center; }
.sub.menu1_2 .categorySlide .slideBox .slideWrap .item{ color: #7F7F7F; border: 12px solid #EFEFEF; border-radius: 50%; background-color: #EFEFEF; width: 340px; height: 340px; display: flex; align-items: center; justify-content: center; }
.sub.menu1_2 .categorySlide .slideBox .slideWrap .item .t1{ font-size: 32px;  }
.sub.menu1_2 .categorySlide .slideBox .slideWrap .item .t2{ display: none; font-size: 20px; }
.sub.menu1_2 .categorySlide .slideBox .slideWrap .swiper-slide-active .item{ background-color: #182A23; color: #fff; }
.sub.menu1_2 .categorySlide.brown .slideBox .slideWrap .swiper-slide-active .item{ background-color: #362616; }
.sub.menu1_2 .categorySlide.green .slideBox .slideWrap .swiper-slide-active .item{ background-color: #101C24; }

@media screen and (max-width: 1520px) {

    .sub.menu1_2 .categorySlide .slideBox{ width: 80%; }
    .sub.menu1_2 .categorySlide .slideBox .btnWrap .pnBtn{ width: 100px; height: 100px; }
    .sub.menu1_2 .categorySlide .slideBox .slideWrap .item{ width: 30vw; height: 30vw; }
    .sub.menu1_2 .categorySlide .slideBox .slideWrap .swiper-slide-prev{ padding-right: 50px; justify-content: flex-end; }
    .sub.menu1_2 .categorySlide .slideBox .slideWrap .swiper-slide-next{ padding-left: 50px; justify-content: flex-start; }
}
@media screen and (max-width: 950px) {
    .sub.menu1_2 .categorySlide .slideBox{ width: 100%; }
    .sub.menu1_2 .categorySlide .slideBox .btnWrap{ max-width: 80%; left: 10%; }    
    .sub.menu1_2 .categorySlide .slideBox .btnWrap .pnBtn{ width: 11vw; height: 11vw; }
    .sub.menu1_2 .categorySlide .slideBox .btnWrap .pnBtn.prevBtn{ left: 4%; }
    .sub.menu1_2 .categorySlide .slideBox .btnWrap .pnBtn.nextBtn{ right: 4%; }
    .sub.menu1_2 .categorySlide .slideBox .slideWrap{ max-width: 80%; margin: 0 auto; }
    .sub.menu1_2 .categorySlide .slideBox .slideWrap .item{ border-width:1vw; width: 35vw; height: 35vw; }
    .sub.menu1_2 .categorySlide .slideBox .slideWrap .item .t1{ font-size: 4vw; }
    .sub.menu1_2 .categorySlide .slideBox .slideWrap .item .t2{ font-size: 2.4vw; }
    .sub.menu1_2 .categorySlide .slideBox .slideWrap .swiper-slide-next{ padding-left: 0; }
    .sub.menu1_2 .categorySlide .slideBox .slideWrap .swiper-slide-prev{ padding-right: 0; }
}

@media screen and (max-width: 650px) {
    .sub.menu1_2 .categorySlide{ padding: 100px 0; }
}

/* .sub.menu1_2 .categoryContentArti */
.sub.menu1_2 .categoryContentArti .sub_content{ text-align: justify; border: 1px solid #CECDCC; max-height: 400px;  padding: 50px 70px; border-radius: 10px; }
.sub.menu1_2 .categoryContentArti .contnetList > li{ display: none; }
.sub.menu1_2 .categoryContentArti .contnetList > li.active{ display: block; }

.sub.menu1_2 .categoryContentArti .grayBgBox .sub_content{ height: auto; }
.sub.menu1_2 .categoryContentArti .imgBox{ margin-top: 100px; }
.sub.menu1_2 .categoryContentArti .imgBox img{ max-width: 100%; }
@media screen and (max-width: 1520px) {
    .sub.menu1_2 .categoryContentArti .contnetList > li{ padding: 0; }
    .sub.menu1_2 .categoryContentArti .sub_content{ padding: 20px; }
    .sub.menu1_2 .categoryContentArti .imgBox{ margin-top: 50px; }
}
@media screen and (max-width: 650px) {
    .sub.menu1_2 .categoryContentArti .contnetList > li{ padding: 0 10px; padding-right: 0; }
}

/* .sub.menu1_3 .article02 */
.sub.menu1_3 .article02 { position: relative; overflow: hidden; padding: 30px 0; }
.sub.menu1_3 .article02 .contentWrap{ display:flex; gap: 46px; }
.sub.menu1_3 .article02 .leftSlide{ width: calc(70% - 46px); flex-shrink: 0; position: relative; overflow: hidden; }
.sub.menu1_3 .article02 .leftSlide .slideBtn{ max-width: 80%; position: absolute; left: 10%; top:0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; }
.sub.menu1_3 .article02 .leftSlide .slideBtn .pnBtn{  background: transparent; border: none; position: relative; z-index: 2; }
.sub.menu1_3 .article02 .leftSlide .swiper-slide{ height: auto !important; }
.sub.menu1_3 .article02 .leftSlide .swiper{ height: 100%; }
.sub.menu1_3 .article02 .leftSlide .item{ min-height: 668px; display: flex; flex-direction: column; justify-content: center; height: 100%; text-align: center; padding: 80px 20px; background-color: #182A23; border-radius: 40px; color: #fff; }
.sub.menu1_3 .article02 .leftSlide.brown .item{ background-color: #362616; }
.sub.menu1_3 .article02 .leftSlide.greenBg .item{ background-color: #101C24; }
.sub.menu1_3 .article02 .leftSlide .item .ko_title{ color: #fff; margin-top: 9px; }
.sub.menu1_3 .article02 .leftSlide .item .iconBox{ background-size: contain; background-repeat: no-repeat; background-position: center; border-radius: 50%; overflow: hidden; width: 150px; height: 150px; margin: 62px auto; }
.sub.menu1_3 .article02 .leftSlide .item .content{ word-break: break-all; margin: 0 auto; width: 100%; max-width: 700px; max-height: 80px; color: #E8E2D2; line-height: 2em; font-size: 20px; text-align: justify; }
.sub.menu1_3 .article02 .rightSlide{ width: 30%; }
.sub.menu1_3 .article02 .rightSlide .slideBox{ height: 100%; position: relative; overflow: hidden; }
.sub.menu1_3 .article02 .rightSlide .slideBox .mySwiper{ height: 100%; }
.sub.menu1_3 .article02 .rightSlide .slideBox .swiper-slide{ height: auto !important; }
.sub.menu1_3 .article02 .rightSlide .slideBox .itemList { display: flex; flex-direction: column;  height: 100%; }
.sub.menu1_3 .article02 .rightSlide .slideBox .itemList > li{ padding: 16px 0; }
.sub.menu1_3 .article02 .rightSlide .slideBox .itemList > li + li{ border-top: 1px solid #CECDCC; }
.sub.menu1_3 .article02 .rightSlide .slideBox .itemList .item{ display: flex; align-items: center; gap: 29px; height: 100%; }
.sub.menu1_3 .article02 .rightSlide .slideBox .itemList .item .imgBox{ width: 190px; height: 190px; border-radius: 10px; background-color: #EFEFEF; background-repeat: no-repeat; background-position: center; overflow: hidden; }
.sub.menu1_3 .article02 .rightSlide .slideBox .itemList .item .textBox{ font-size: 20px; line-height: 1.5em; }

@media screen and (max-width: 1520px) {
    .sub.menu1_3 .article02 .contentWrap{ gap: 30px; }
    .sub.menu1_3 .article02 .leftSlide .item{ min-height: 460px; }
    .sub.menu1_3 .article02 .leftSlide .item .content{ font-size: 16px; max-height: 70px; }
    /* .sub.menu1_3 .article02 .leftSlide .item .content br{ display: none; } */
    .sub.menu1_3 .article02 .leftSlide .item .iconBox{ width: 120px; height: 120px; }
    .sub.menu1_3 .article02 .rightSlide .slideBox .itemList{ justify-content: flex-start; }
    .sub.menu1_3 .article02 .rightSlide .slideBox .itemList .item .imgBox{ width: 120px; height: 120px; }
    .sub.menu1_3 .article02 .rightSlide .slideBox .itemList .item .textBox{ font-size: 16px; }
    .sub.menu1_3 .article02 .leftSlide .item{ padding: 20px; border-radius: 15px; }
}
@media screen and (max-width: 950px) {
    .sub.menu1_3 .article02 .contentWrap{flex-direction: column; gap: 10px; }
    .sub.menu1_3 .article02 .leftSlide .item{ padding: 40px 20px; min-height: unset; }
    .sub.menu1_3 .article02 .leftSlide{ width: 100%; }
    .sub.menu1_3 .article02 .rightSlide{ width: 100%; }
    .sub.menu1_3 .article02 .rightSlide .slideBox{ width: 100%; }
    .sub.menu1_3 .article02 .rightSlide .slideBox .itemList{ width: 100%; flex-direction: row; }
    .sub.menu1_3 .article02 .rightSlide .slideBox .itemList > li + li{ border-top: unset; }
    .sub.menu1_3 .article02 .leftSlide .slideBtn .pnBtn .icon{ width: 30px; }
    .sub.menu1_3 .article02 .rightSlide .slideBox .itemList .item{ gap: 15px; }
    .sub.menu1_3 .article02 .rightSlide .slideBox .itemList .item .imgBox{ width: 80px; height: 80px; background-size: 50%; }
}
@media screen and (max-width: 650px) {
    .sub.menu1_3 .article02 .contentWrap{ gap: 0; }
    .sub.menu1_3 .article02 .leftSlide .item .ko_title{ font-size: 18px }
    .sub.menu1_3 .article02 .leftSlide .item .iconBox{ margin: 40px auto; width: 100px; height: 100px; }
    .sub.menu1_3 .article02 .leftSlide .item .content{ font-size: 14px; max-height: 60px; }
    .sub.menu1_3 .article02 .rightSlide .slideBox .itemList > li{ flex-grow: unset; width: calc(100% / 3); }
    .sub.menu1_3 .article02 .rightSlide .slideBox .itemList .item{  padding: 5px; text-align: center; flex-direction: column; }
    .sub.menu1_3 .article02 .rightSlide .slideBox .itemList .item .imgBox{ background-size: 50%; width: 100%; height: 27vw; }
    .sub.menu1_3 .article02 .rightSlide .slideBox .itemList .item .textBox{ font-size: 3.5vw; }
    .sub.menu1_3 .article02 .rightSlide .slideBox .itemList .item .imgBox{ background-size: auto 30%; }
}
@media screen and (max-width: 650px) {
    .sub.menu1_3 .article03 .logoSlide{ margin-top: 0; }
}


/* .sub.menu1_4 .article02 */
.sub.menu1_4 .article02{ padding: 27px 0 70px 0; }
.sub .qnaList{ /* border: 1px solid #CECDCC; box-shadow: 4px 9px 10px 0px rgba(0, 0, 0, 0.10); */ border-radius: 10px; padding: 50px 0; }
.sub .qnaList > li + li{ margin-top: 30px; }
.sub .qnaList .qnaBox{ gap: 10px; display: flex; justify-content: space-between; align-items: center; line-height: 2em; font-size: 24px; font-weight: 500; }
.sub .qnaList .qnaBox.qBox{ position: relative; padding: 10px; padding-left: 40px; cursor: pointer; font-weight: 500; border-bottom: 1px solid #D9D9D9; }
.sub .qnaList .qnaBox.qBox .text::before{ content:'Q.'; letter-spacing: 0.2rem; color: #182A23; position: absolute; left: 0; top: 0.4em; font-size: 1.3em; font-family: 'Akzidenz-Grotesk BQ'; font-weight: 900; }
.sub .qnaList .qnaBox .arrowBtn{ flex-shrink: 0; background: transparent; border: none; }
.sub .qnaList .qnaBox .arrowBtn .icon{ transition: transform 0.5s ease-in-out; }
.sub .qnaList .qnaBox.active .arrowBtn .icon{ transform: rotate(180deg); }
.sub .qnaList .qnaBox.aBox{ display: none; }
.sub .qnaList .qnaBox.aBox .sub_content{ font-family: "Pretendard"; padding: 20px 0; font-weight: 300; }

@media screen and (max-width: 1520px) {
    .sub .qnaList{ padding: 30px 20px; }
    .sub .qnaList .qnaBox{ font-size: 20px; }
    .sub .qnaList .qnaBox.aBox .sub_content br{ display: inline-block; }
}
@media screen and (max-width: 950px) {
    .sub .qnaList{ padding: 50px 0; }
    .sub .qnaList .qnaBox{ font-size: 18px; }
}
@media screen and (max-width: 650px) {
    .sub .qnaList{ border-radius: 10px; }
    .sub .qnaList > li + li{ margin-top: 10px; }
    .sub .qnaList .qnaBox{ line-height: 1.5em; padding-bottom: 10px; }
    .sub .qnaList .qnaBox.qBox{ border-bottom: 1px solid #CECDCC; }
    .sub .qnaList .qnaBox .arrowBtn .icon{ width: 15px; }

}

/* .sub.menu1_5 .article02 */
.sub.menu1_5 .article02{ padding-top: 50px; position: relative; overflow: hidden; }
.sub.menu1_5 .article02 .personalServiceList{ margin: 0 auto; width: calc(100% + 40px); margin-left: -20px; display: flex; flex-wrap: wrap; }
.sub.menu1_5 .article02 .personalServiceList > li{ padding: 20px; width: calc(100% / 3); }
.sub.menu1_5 .article02 .personalServiceList .item{ line-height: 1.5em; transition: background .4s, color .4s; height: 100%; color: #222; background-color: #fff; border: 1px solid #CECDCC; border-radius: 20px; padding: 40px 26px; }
.sub.menu1_5 .article02 .personalServiceList .item:hover{ background-color: #182A23; color: #fff; }
.sub.menu1_5 .article02 .personalServiceList.brown .item:hover{ background-color: #362616; }
.sub.menu1_5 .article02 .personalServiceList.green .item:hover{ background-color: #101C24; }
.sub.menu1_5 .article02 .personalServiceList .item .title{ font-size: 24px; font-weight: 500; font-weight: 500;  }
.sub.menu1_5 .article02 .personalServiceList .item .underline{ transition: background .4s; padding-right: 4px; background: linear-gradient(to top, rgba(232, 226, 210, .4) 50%, transparent 50%); }
.sub.menu1_5 .article02 .personalServiceList .item:hover .underline{ background:unset; }
.sub.menu1_5 .article02 .personalServiceList .item .content1{ text-align: justify; margin-top: 45px; font-weight: 300; line-height: 1.5em; }
.sub.menu1_5 .article02 .personalServiceList .item:hover .checkList{ color: #E8E2D2 !important; }
.sub.menu1_5 .article02 .personalServiceList .item .checkList{ transition: color .4s; font-size: 18px; color: #222; font-weight: 500; margin-top: 45px; }
.sub.menu1_5 .article02 .personalServiceList .item:hover .checkList{ color: #fff; }
.sub.menu1_5 .article02 .personalServiceList .item .checkList > li { padding: 20px 0; }
.sub.menu1_5 .article02 .personalServiceList .item .checkList > li + li{ border-top: 1px solid #D9D9D9; }
.sub.menu1_5 .article02 .personalServiceList .item .checkList .contentDiv{ display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.sub.menu1_5 .article02 .personalServiceList .item .checkList .contentDiv .content{ font-size: .85em; }
.sub.menu1_5 .article02 .personalServiceList .item .checkList .label{ flex-shrink: 0; display: flex; align-items: center; gap: 5px; }
.sub.menu1_5 .article02 .personalServiceList .item .checkList .label .checkBox{ position: relative; display: flex; align-items: center;  justify-content: center; width: 20px; height: 20px; }
.sub.menu1_5 .article02 .personalServiceList .item .checkList .label .checkBox .check{ max-width: 100%; }
.sub.menu1_5 .article02 .personalServiceList .item .checkList .label .checkBox .check.active{ opacity: 0; transition: opacity .5s; position: absolute;  }
.sub.menu1_5 .article02 .personalServiceList .item:hover .checkList .label .checkBox .check.active{ opacity: 1; }
.sub.menu1_5 .article02 .personalServiceList .item .checkList .gray{ color: #7F7F7F; font-size: .9em; }
.sub.menu1_5 .article02 .personalServiceList .item .applyBtnWrap{ margin-top: 63px; display: flex; align-items: center; justify-content: flex-end; }
.sub.menu1_5 .article02 .personalServiceList .item .applyBtnWrap .applyBtn{ border-radius: 100px; line-height: 2em; background: #182A23; color: #fff; transition: background .5s, color .5s; padding: 2px 27px; }
.sub.menu1_5 .article02 .personalServiceList.brown .item .applyBtnWrap .applyBtn{ background-color: #362616; }
.sub.menu1_5 .article02 .personalServiceList.green .item .applyBtnWrap .applyBtn{ background-color: #101C24; }
.sub.menu1_5 .article02 .personalServiceList .item:hover .applyBtnWrap .applyBtn{ background-color: #fff; color: #182A23; }


@media screen and (max-width: 1520px) {
    .sub.menu1_5 .article02 .personalServiceList{ width: calc(100% + 20px); margin-left: -10px; }
    .sub.menu1_5 .article02 .personalServiceList > li{ padding: 10px; }
}
@media screen and (max-width: 1250px) {
    .sub.menu1_5 .article02 .personalServiceList .item{ padding:30px 20px; }
    .sub.menu1_5 .article02 .personalServiceList .item .title{ font-size: 20px; }
    .sub.menu1_5 .article02 .personalServiceList .item .content1{ margin-top: 20px; }
    .sub.menu1_5 .article02 .personalServiceList .item .checkList{ margin-top: 20px; font-size: 16px; }
    .sub.menu1_5 .article02 .personalServiceList .item .checkList > li{ padding: 10px 0; }
    .sub.menu1_5 .article02 .personalServiceList .item .applyBtnWrap{ margin-top:20px; }
}
@media screen and (max-width: 950px) {
    .sub.menu1_5 .article02 .personalServiceList{ width: calc(100% + 10px); margin-left: -5px; }
    .sub.menu1_5 .article02 .personalServiceList > li{ padding: 5px; width: calc(100% / 2); }
    .sub.menu1_5 .article02 .personalServiceList .item{ border-radius: 10px; padding: 30px 10px; }
    .sub.menu1_5 .article02 .personalServiceList .item .checkList{ font-size: 14px; }
    .sub.menu1_5 .article02 .personalServiceList .item .applyBtnWrap .applyBtn{ font-size: 14px; }
    .sub.menu1_5 .article02 .personalServiceList .item .checkList .label .checkBox{ gap: 2px; }
    .sub.menu1_5 .article02 .personalServiceList .item .checkList .label .checkBox .check{ width: 15px; }

    .sub.menu1_5 .article02 .personalServiceList .item .checkList .contentDiv{ flex-direction: column; gap: 0; }
    .sub.menu1_5 .article02 .personalServiceList .item .checkList .content{ padding-left: 25px; }
    .sub.menu1_5 .article02 .personalServiceList .item .content1{ font-size: 14px; }
}
@media screen and (max-width: 650px) {
    .sub.menu1_5 .article02 .personalServiceList .item{ border-radius: 5px; }
}
@media screen and (max-width: 480px) {
    .sub.menu1_5 .article02 .personalServiceList > li{ width:100%; }
    .sub.menu1_5 .article02 .personalServiceList .item .title{ font-size: 18px; }
    /* .sub.menu1_5 .article02 .personalServiceList .item .checkList .contentDiv{ flex-direction: row; } */
    /* .sub.menu1_5 .article02 .personalServiceList .item .checkList .content{ padding-left: 20px; } */
    .sub.menu1_5 .article02 .personalServiceList .item .checkList .contentDiv .content{ font-size: 1em; }
}





/* 성공사례 */
.sub.menu4 .successContent{ padding: 50px 0 170px 0; }
.sub .list_title{ font-size: 24px; font-weight: 600; line-height: 1.5em; }
.sub.menu4 .successContent .allCheckBox{ margin: 20px 0 0 0; }
.sub.menu4 .successContent .contentList{ margin-top: 10px; }
.sub.menu4 .successContent .contentList > li + li{ margin-top: 10px; }
.sub.menu4 .successContent .contentList .item{ color: #222; overflow: hidden; display: flex; background-color: #fff; border-radius: 20px; border: 1px solid #182A23; }
.sub.menu4 .successContent .contentList .item .leftBox{ min-height: 190px; flex-shrink: 0; padding: 40px 20px; background-color: #182A23; color: #fff; flex-shrink: 0; width: 230px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 26px; }
.sub.menu4 .successContent .contentList .item .leftBox .imgBox{ width: 60px; height: 60px; background-image: url('../img/menu4/logo.png'); background-size: contain; background-repeat: no-repeat; background-position: center; background-size: contain; background-position: center; }
.sub.menu4 .successContent .contentList .item .leftBox .cate{ line-height: 1.5em; font-weight: 500; }
.sub.menu4 .successContent .contentList .item .rightBox{ flex-grow: 1; display: flex; align-items: center;}
.sub.menu4 .successContent .contentList .item .content{ flex-grow: 1; padding: 30px 40px; }
.sub.menu4 .successContent .contentList .item .content .title{ 
    line-height: 1.5em; font-size: 22px; font-weight: 700; word-break: keep-all;
    text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;
}
.sub.menu4 .successContent .contentList .item .content .result{ 
    margin-top: 10px;
    font-size: 22px; line-height: 1.5em; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;
}
.sub.menu4 .successContent .contentList .item .content .content_text{ 
    margin-top: 10px;
    font-weight: 300; line-height: 2em; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;
}
.sub.menu4 .successContent .contentList .item .tagList{ flex-shrink: 0; padding: 40px 30px; display: flex; flex-direction: column; gap: 10px; justify-content: center; }
.sub.menu4 .successContent .contentList .item .tagList .tag{ text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; background-color: #182A23; color: #fff; padding: 5px 10px; border-radius: 100px; font-weight: 600; width: 200px; text-align: center; line-height:1.8em; }
.sub.menu4 .successContent .paging_box{ margin-top: 90px; }

@media screen and (max-width: 1520px) {
    .sub.menu4 .successContent .contentList .item .leftBox{ justify-content: center; gap: 10px; }
    .sub.menu4 .successContent .contentList .item .content{ padding: 30px 20px; }
    .sub.menu4 .successContent .contentList .item .tagList{ padding: 30px 20px; }
    .sub.menu4 .successContent .contentList .item .content .title{ font-size: 18px; }
    .sub.menu4 .successContent .contentList .item .content .result{ font-size: 18px; }
    .sub.menu4 .successContent .contentList .item .tagList .tag{ font-size: 15px; }
}
@media screen and (max-width: 950px) {
    .sub.menu4 .successContent .contentList .item .leftBox{ min-height: 148px; width: 150px; }
    .sub.menu4 .successContent .contentList .item .leftBox .imgBox{ width: 40px; height: 40px; }
    .sub.menu4 .successContent .contentList .item .content .content_text{ -webkit-line-clamp: 1; line-height: 1.5em; }
    .sub.menu4 .successContent .contentList .item .tagList{ gap: 5px; }
    .sub.menu4 .successContent .contentList .item .tagList .tag{ font-weight: 500; }
    .sub.menu4 .successContent .contentList .item .leftBox .cate{ text-align: center; }

    .sub.menu4 .successContent .contentList .item .content{ padding: 20px; }
    .sub.menu4 .successContent .contentList .item .tagList{ padding: 20px; }
    .sub.menu4 .successContent .contentList .item .tagList .tag{ font-size: 14px; width: 180px; }
}
@media screen and (max-width: 650px) {
    .sub.menu4 .successContent{ padding: 50px 0 100px 0; }
    .sub.menu4 .successContent .contentList .item{ border-radius: 10px; }
    .sub.menu4 .successContent .contentList .item .tagList{ padding: 20px 20px 20px 0; }
    .sub.menu4 .successContent .contentList .item .leftBox{  justify-content: center; gap: 10px; flex-shrink: 0; padding: 10px 20px; }
    .sub.menu4 .successContent .contentList .item .leftBox .cate{ font-size: 13px; }
    .sub.menu4 .successContent .contentList .item .rightBox{ flex-direction: column; flex-grow: 1; align-items: flex-start; padding: 20px; }
    .sub.menu4 .successContent .contentList .item .content{ padding: 0; }
    .sub.menu4 .successContent .contentList .item .tagList{ gap: .2vw; padding: 0; flex-direction: row;  flex-wrap: wrap; align-items: flex-start; margin-top: 10px; justify-content: flex-start; }
    .sub.menu4 .successContent .contentList .item .tagList .tag{ font-size: 2.1vw; width: unset; padding: 0 1.5vw; }
    .sub.menu4 .successContent .paging_box{ margin-top: 30px; }

    .sub.menu4 .successContent .contentList .item .content .title{ font-size: 16px; }
    .sub.menu4 .successContent .contentList .item .content .result{ font-size: 16px; }
    .sub.menu4 .successContent .contentList .item .content .content_text{ font-size: 14px; }

}
@media screen and (max-width: 480px) {
    .sub.menu4 .successContent .contentList .item{ border-radius: 5px; }
    .sub.menu4 .successContent .contentList .item .rightBox{ padding: 15px; }
    .sub.menu4 .successContent .contentList .item .leftBox{ width: 28vw; padding: 2vw; }
    .sub.menu4 .successContent .contentList .item .leftBox .cate{ font-size: 2.5vw; }
    .sub.menu4 .successContent .contentList .item .tagList{ gap: .5vw; }
    .sub.menu4 .successContent .contentList .item .tagList .tag{ font-size: 2.5vw; }
}


/* 성공사례 */
.sub.menu5 .clientSection{ padding: 58px 0 130px 0; position: relative; overflow: hidden; }
.sub.menu5 .clientSection .menuBox{ margin-top: 20px; }
.sub.menu5 .clientSection .allCheckBox{ margin-top: 20px; }
.sub.menu5 .clientSection .clientList{ display: flex; flex-wrap: wrap; width: calc(100% + 35px); margin-top: 2px; margin-left: -17.5px; }
.sub.menu5 .clientSection .clientList > li{ width: calc(100% / 3); padding: 17.5px; }
.sub.menu5 .clientSection .clientList .imgBox{ width: 348px; height: 348px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub.menu5 .clientSection .paging_box{ margin-top: 30px; }
@media screen and (max-width: 1520px) {
    .sub.menu5 .clientSection .clientList{ width: calc(100% + 20px); margin-left: -10px; }
    .sub.menu5 .clientSection .clientList > li{ padding: 10px; }
    .sub.menu5 .clientSection .clientList .imgBox{ width: 22vw; height: 22vw; }
}
@media screen and (max-width: 1250px) {
    .sub.menu5 .clientSection .clientList > li{ width: calc(100% / 3); }
    .sub.menu5 .clientSection .clientList .imgBox{ width: 30vw; height: 30vw; }
}
@media screen and (max-width: 950px) {
    .sub.menu5 .clientSection .clientList{ width: calc(100% + 5px); margin-left: -2.5px; }
    .sub.menu5 .clientSection .clientList > li{ padding: 5px; }
}
@media screen and (max-width: 650px) {
    .sub.menu5 .clientSection{ padding: 50px 0 100px 0; }
    .sub.menu5 .clientSection .clientList > li{ width: calc(100%);  }
    .sub.menu5 .clientSection .clientList .imgBox{ width: 86vw; height: 86vw; }
    .sub.menu5 .clientSection .paging_box{ margin-top: 20px; }
}

/* .sub .bookSec */
.sub .bookSec{ padding: 119px 0; background-color: #182A23; }
.sub .bookSec.greenBg{ background-color: #101C24; }
.sub .bookSec.browBg{ background-color: #362616; }
.sub .bookSec .slideWrap{ padding: 0 100px; position: relative; display: flex; align-items: center; justify-content: center; position: relative; margin: 0 auto; width: 100%; max-width: 1296px;}
.sub .bookSec .slideWrap .pnBtnDiv{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; }
.sub .bookSec .slideWrap .pnBtnDiv .pnBtn{ background-color: transparent; border: none; position: relative; z-index: 2; }
/* .sub .bookSec .slideWrap .pnBtnDiv .pnBtn.swiper-button-disabled{ visibility: hidden; } */
.sub .bookSec .slideWrap .bookSlideDiv{ position: relative; overflow: hidden; color: #3B3737; display: flex; width: 100%; max-width: 1097px; height: 740px; background-image: url('../img/bookSec/all_book_bg.png'); background-size: 100% auto; background-repeat: no-repeat; background-position: center; }
.sub .bookSec .slideWrap .bookSlideDiv .swiper{ width: 100%; height: 100%; }
.sub .bookSec .slideWrap .bookSlideDiv .leftItem{ height: 100%; padding: 114px 3px 113px 115px; }
.sub .bookSec .slideWrap .bookSlideDiv .leftItem .title{ font-size: 24px; font-weight: 700; padding-bottom: 10px; border-bottom: 1px solid #222; }
.sub .bookSec .slideWrap .contentList{ margin-top: 30px; }
.sub .bookSec .slideWrap .contentList > li + li{ margin-top: 30px; }
.sub .bookSec .slideWrap .contentList .label{ color: #7f7f7f; line-height: 2em; }
.sub .bookSec .slideWrap .contentList .content{ text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-size: 22px; font-weight: 500; line-height: 1.5em; }
.sub .bookSec .slideWrap .moreBtn{ background-color: #182A23; color: #E8E2D2; line-height: 3em; border-radius: 100px; margin-top: 47px; width: 100%; max-width: 251px; display: flex; align-items: center; gap: 12px; justify-content: center; }
.sub .bookSec.browBg .slideWrap .moreBtn{ background-color: #362616; }
.sub .bookSec .slideWrap .rightItem{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }  
.sub .bookSec .slideWrap .rightItem .imgBox{ width: 383px; height: 542px; border: 1px solid #CECDCC; border-radius: 10px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub .bookSec .mySwiper .swiper-slide { transition: opacity 0.4s ease; }

@media screen and (max-width: 1520px) {
    .sub .bookSec .slideWrap{ padding: 0 40px; }
    .sub .bookSec .slideWrap .pnBtnDiv .pnBtn .icon{ width: 30px; }
}
@media screen and (max-width: 1250px) {
    .sub .bookSec .slideWrap .rightItem .imgBox{ width: 70%; height: 44vw; }
    .sub .bookSec .slideWrap .contentList .label{ font-size: 15px; }
    .sub .bookSec .slideWrap .contentList .content{ font-size: 18px; }
    .sub .bookSec .slideWrap .swiper-slide{ height: auto !important; display: flex; align-items: center;  }
    .sub .bookSec .slideWrap .bookSlideDiv .leftItem{ width: 100%; padding: 9vw 0 10vw 7vw; height: 60vw; }
    .sub .bookSec .slideWrap .bookSlideDiv .leftItem .title{ font-size: 20px; }
    .sub .bookSec .slideWrap .contentList > li + li{ margin-top: 1vw; }
}
@media screen and (max-width: 900px) {
    .sub .bookSec .slideWrap { margin: 0 auto; max-width: 500px; }
    .sub .bookSec .slideWrap .bookSlideDiv{ margin: 0 30px; padding:0 30px; height: auto; background-image: url('../img/sub/bookSec/right_bar.png'); background-repeat: no-repeat; background-size: auto 100%; background-position: right center;  }
    .sub .bookSec .slideWrap .bookSlideDiv .swiper{ background-color: #fff; overflow: hidden; }
    .sub .bookSec .slideWrap .bookSlideDiv .leftItem{ height: auto; padding: 40px 30px 40px 50px; }
    .sub .bookSec .mySwiper .swiper-slide { opacity: 1 !important; }
    .sub .bookSec .slideWrap .moreBtn{ line-height: 2.5em; }
}
@media screen and (max-width: 650px) {
    .sub .bookSec .slideWrap{ margin: 0; padding: 0 30px; max-width: unset; flex-direction: column; gap: 10px; }
    .sub .bookSec .slideWrap .rightItem .imgBox{ height: 72vw; }
    .sub .bookSec .slideWrap .bookSlideDiv{ padding: 0 20px;  padding-left: 0; background-size: 20px 100%; }
    .sub .bookSec .slideWrap .bookSlideDiv .leftItem{ padding: 15vw 20px 15vw 30px; }
    .sub .bookSec .slideWrap .pnBtnDiv{ position: static; }
    .sub .bookSec .slideWrap .pnBtnDiv .pnBtn.swiper-button-disabled{ visibility: visible; opacity: .2; }
    .sub .bookSec .slideWrap .pnBtnDiv .pnBtn .icon{ width: 25px; }
    .sub .bookSec .slideWrap .moreBtn{ margin: 0 auto; margin-top: 60px; }
}

/* .sub.menu1_2.menu3_2 .categoryContentArti .sub_content */
.sub.menu1_2 .categoryContentArti .grayBgBox .sub_content{ border: none; padding: 0 40px; max-height: unset; }
@media screen and (max-width: 1520px) {
    .sub.menu1_2 .categoryContentArti .grayBgBox .sub_content{ padding: 0 10px; }
}

/* menu3_3 */
.sub.menu1_3 .article02 .slideTab{ display: flex; align-items: center; gap: 0; }
.sub.menu1_3 .article02 .slideTab li{ width: 100%;  max-width: 260px;  }
.sub.menu1_3 .article02 .slideTab .item{ line-height: 2em; border: none; background-color: #EFEFEF; color: #7F7F7F; width: 100%;display: block; padding: 12px 10px; color: #7F7F7F;  }
.sub.menu1_3 .article02 .slideTab .item.active{ background-color: #182A23; color: #fff; }
.sub.menu1_3 .article02 .slideTab.greenBg .item.active{ background-color: #101C24; }

.sub.menu1_3 .article02 .slideTab + .contntTab .leftSlide .item{ border-top-left-radius: 0;} 
.sub.menu1_3 .article02 .contntTab > li{ display: none; }
.sub.menu1_3 .article02 .contntTab > li.active{ display: block; }

@media screen and (max-width: 650px) {
    .sub.menu1_3 .article02 .slideTab li{ max-width: unset; }
    .sub.menu1_3 .article02 .slideTab .item{ font-size: 14px; padding: 10px; }
    .sub.menu1_3 .article02 .slideTab + .contntTab .leftSlide .item{ border-top-right-radius: 0; }
}



/* 책 반응형 수정 : 모바일에서 1페이지 사용할 경우 아래를 주석해주세요 */

@media screen and (max-width: 900px) {
    .sub .bookSec .slideWrap { margin: 0 auto; max-width: unset; }
    .sub .bookSec .slideWrap .bookSlideDiv{ margin: 0 2vw; padding:0 2vw; height: auto; background-image: url('../img/bookSec/all_book_bg.png'); background-repeat: no-repeat; background-size: 100% 100%; background-position: right center;  }
    .sub .bookSec .slideWrap .bookSlideDiv .swiper{ background-color: transparent; overflow: hidden; }
    .sub .bookSec .slideWrap .bookSlideDiv .leftItem{ padding: 5vw 0 5vw 5vw; }
    .sub .bookSec .slideWrap .rightItem{ margin-right: 2vw; }
    .sub .bookSec .slideWrap .rightItem .imgBox{ height: 38vw; }
    .sub .bookSec .mySwiper .swiper-slide { opacity: 1 !important; }
    .sub .bookSec .slideWrap .moreBtn{ width: 80%; }

    .sub .bookSec .slideWrap .bookSlideDiv .leftItem .title{ padding-bottom: .5vw; font-size: 20px; }
    .sub .bookSec .slideWrap .contentList{ margin-top: 2vw; }
    .sub .bookSec .slideWrap .contentList .label{ font-size: 18px; }
    .sub .bookSec .slideWrap .contentList .content{ font-size: 16px; }

}
@media screen and (max-width: 650px) {
    .sub .bookSec .slideWrap{ margin: 0; padding: 0; max-width: unset; flex-direction: column-reverse; gap: 10px; }
    .sub .bookSec .slideWrap .rightItem .imgBox{ width: 80%; height: 45vw; }
    .sub .bookSec .slideWrap .bookSlideDiv{  height: 59vw; padding-left: 0; background-size: 100% 100%; }
    .sub .bookSec .slideWrap .pnBtnDiv{ margin-top: 27px; justify-content: center; gap: 10px; }
    .sub .bookSec .slideWrap .pnBtnDiv .pnBtn.swiper-button-disabled{ visibility: visible; opacity: .2; }
    .sub .bookSec .slideWrap .pnBtnDiv .pnBtn .icon{ width: 30px; }
    .sub .bookSec .slideWrap .contentList .label{ font-size: 2.5vw; }
    .sub .bookSec .slideWrap .contentList .content{ font-size: 2.5vw; }
    .sub .bookSec .slideWrap .bookSlideDiv .leftItem{ height: 67vw; padding: 8vw 0 7vw 6vw; }
    .sub .bookSec .slideWrap .bookSlideDiv .leftItem .title{ font-size: 2.5vw; }
    .sub .bookSec .slideWrap .moreBtn{ margin: 0; line-height: 2em; width: 16vw; gap: 1vw; margin-top: 2vw; font-size: 2vw; }
    .sub .bookSec .slideWrap .moreBtn .icon{ width: 1vw; }
    .sub .bookSec .slideWrap .rightItem{ margin-left: 2vw; margin-right: unset; }
    .sub .bookSec .slideWrap .rightItem .imgBox{ border-radius: 1vw;} 
}

/* 2025년 4월 8일 추가 */

/* mobileMenuSec */
.mobileMenuSec{ display: none; height: 0; padding: 0 5vw; border-top: 1px solid #fff; position: relative; z-index: 9; align-items: center; justify-content: center; color: #fff;  }
.mobileMenuSec .selectWrap{ position: relative; background-color:  rgba(49, 49, 49, .98) ;  width: calc(100%); }
.mobileMenuSec .nowDiv{ font-weight: 500; font-size: 18px; width: 100%; display: flex; padding: 15px 40px; align-items: center; justify-content: space-between; gap: 10px; background: transparent; border: none; }
.mobileMenuSec .nowDiv .text::before{ content:''; display: inline-block; width: 5px; height: 5px; background-color: #fff; border-radius: 50%; margin-right: 10px; margin-bottom: 4px; }
.mobileMenuSec .nowDiv .icon{ transition: transform .5s; width: 15px; transform: rotate(-180deg); }
.mobileMenuSec.show .nowDiv .icon{ transform: rotate(0deg); }
.mobileMenuSec .menuList{ opacity: 0; visibility: hidden; padding: 15px 0; position: absolute; left: 0; top: 100%; z-index: 9; width: 100%; background-color: rgba(49, 49, 49, .98); border-top: 1px solid #fff; }
.mobileMenuSec.show .menuList{ opacity: 1; visibility: visible; }
.mobileMenuSec .menuList .menu{ display: block; padding: 15px 40px; }

@media screen and (max-width: 650px) {
    .mobileMenuSec{ display: flex; }
}
@media screen and (max-width: 500px) {
    .mobileMenuSec{ font-size: 14px; }
    .mobileMenuSec .nowDiv{ font-size: 16px; }
}

.sub{ overflow: hidden; }

.youtubeList{ display: flex; flex-wrap: wrap; width: calc(100% + 40px); margin-left: -20px; }
.youtubeList > li{ width: calc(100% / 3); padding: 20px; }
.youtubeList .imgBox{ background-size:cover; background-repeat: no-repeat; background-position: center; height: 266px; background-color: #efefef; background-repeat: no-repeat; background-position: center; }
.youtubeList .titleBox{ text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 20px; line-height: 1.5em; font-size: 18px; }

@media screen and (max-width: 1520px) {
    .youtubeList{ width: calc(100% + 30px); margin-left: -15px; }
    .youtubeList > li{ padding: 15px; }
    .youtubeList .imgBox{ height: 16.5vw; }
}
@media screen and (max-width: 1250px) {
    .youtubeList .imgBox{ height: 16vw; }
    .youtubeList .titleBox{ font-size: 16px; }
}
@media screen and (max-width: 1000px) {
    .youtubeList{ width: calc(100% + 20px); margin-left: -10px; }
    .youtubeList > li{ padding: 10px; width: calc(100% / 2); }
    .youtubeList .imgBox{ height: 24.5vw; }
}
@media screen and (max-width:900px) {
    .youtubeList .imgBox{ height: 24vw; }
    .youtubeList{ width: calc(100% + 10px); margin-left: -5px; }
    .youtubeList > li{ padding:20px 5px; }
    .youtubeList .titleBox{ font-size: 16px; margin-top: 15px; font-weight: 500; }
}
@media screen and (max-width:650px) {
    .youtubeList > li{ width: 100%; }
    .youtubeList .imgBox{ height: 49vw; }
}

.boardArti .viewContent iframe { border: unset !important; display: block; width: 100%; height: 850px; margin-bottom: 40px; max-width: 800px; max-height: 450px; margin: 0 auto; }
.boardArti .viewContent b{ font-weight: 700; }
@media screen and (max-width: 1520px) {
    .boardArti .viewContent iframe{ height: 50vw; }
}


.successView{ border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; display: flex; min-height: 100vh; }
.successView .leftBox{ padding: 100px;  padding-left: calc((100vw - 1500px) / 2); width: 40%; background-color: #EFEFEF; }
.successView .borderTitle{ font-family: 'MaruBuriOTF'; font-size: 20px; font-weight: 600; padding-bottom: 10px; border-bottom: 2px solid #222222; }
/* .successView .leftBox .borderTitle{ border-bottom: 2px solid #fff; }  */
.successView .leftBox .imgWrap{ margin-top: 40px; }
.successView .leftBox .imgWrap .imgEx{ width: 100%; }
.successView .leftBox .imgWrap .imgEx + .imgEx{ margin-top: 40px;  }
.successView .box{ margin-top: 40px; }
.successView .leftBox .peopleList{ margin-top: 20px; display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; }
.successView .leftBox .peopleList > li{ width: calc(100% / 3); padding: 10px; }
.successView .leftBox .peopleList .peopleImg{ background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; width: 100%; background: fff; }
.successView .leftBox .peopleList .peopleImg img{ display: block; width: 100%; }
.successView .leftBox .telBox{ display: flex; align-items: center; margin-top: 20px; gap: 5px;}
.successView .leftBox .telBox .icon{ width: 20px; }
.successView .leftBox .telBox .number{ font-size: 20px;  }

.successView .rightBox{ width: 60%; padding: 100px; padding-right: calc((100vw - 1500px) / 2); }
.successView .rightBox .box + .box{ margin-top: 80px; }
.successView .rightBox .contentTitle{ font-family: 'MaruBuriOTF'; font-size: 30px; font-weight: 800; line-height: 2; }
.successView .green{ color: #182A23; }
.successView .contentBox{ text-align: justify; margin-top: 20px; line-height: 2; font-weight: 400; font-size: 18px; }
.successView .listImg{ max-width: 100%; }

@media screen and (max-width: 1520px) {
    .successView .leftBox{ padding: 100px 40px; }
    .successView .rightBox{ padding: 100px 40px; }
}
@media screen and (max-width: 1250px) {
    .successView .rightBox .contentTitle{ font-size: 25px; }
}
@media screen and (max-width: 900px) {
    .successView{ flex-direction: column; }
    .successView .leftBox{ width: 100%; padding: 100px 5vw; }
    .successView .rightBox{ width: 100%; padding: 100px 5vw; }

    .successView .contentBox{ font-size: 16px; }
}
@media screen and (max-width: 650px) {
    .successView .leftBox{ padding: 50px 5vw; }
    .successView .rightBox{ padding: 50px 5vw; }

    .successView .rightBox .contentTitle{ font-size: 23px; line-height: 1.5; } 
    .successView .borderTitle{ font-size: 18px; }
    .successView .contentBox{ font-size: 16px; }
}


.formList > li.modifyList{ display: none; color: #222;  }
.formList > li.modifyList textarea{ min-height: 100%; }
.formList > li.modifyList .ipt{ color: #222; }
.formList .adminSaveBtn{ margin-top: 5px; padding: 5px 14px; background: #fff; border-radius: 4px; border: 1px solid #efefef ; color:#7f7f7f; font-size: 14px; }