@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{ font-family: 'Pretendard', sans-serif; font-weight:400; font-size: 16px; letter-spacing: -0.04em; }
/* body.no-scroll{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden !important;  -ms-overflow-style: none; } */
/* body.no-scroll::-webkit-scrollbar { display: none; } */
section{ display:block; }
a{ color:inherit; }

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

.paging_box{ margin-top: 30px; padding:10px 0; display:flex; align-items: center; justify-content: center; }

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; }

.paging_box .pg_current { background: #917962; border-color:#917962; }

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



/* header */
/* header{ transition:background .2s; background: #fff; border-bottom: 1px solid rgba(255,255,255,0.4); padding: 20px 0; width: 100%; position: fixed; left: 0; top: 0; z-index: 999; } */
header{ transition:background .2s; background: #222; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.4); padding: 20px 0; width: 100%; position: fixed; left: 0; top: 0; z-index: 999; }
header .logo{ width: 205px; }
/* header .logo.white{ display: none; } */
header .logo.default{ display: none; }
header .inner{ display: flex; align-items: center; justify-content: space-between; }
header .menu_list{ display: flex; align-items: center; gap: 36px; }
header .applyBtn{ font-weight: 500; background-color: #222; color: #fff; padding: 10px; width: 100%; max-width: 121px; text-align: center; border: 2px solid #917962; border-radius: 4px; }
header .menuBtn{ display: none; }

header.transparent{ background-color: rgba(255, 255, 255, 0.2); color: #fff; }
header.transparent .logo.white{ display: block; }
header.transparent .logo.default{ display: none; }

@media screen and (max-width: 1250px) { 
    header .menu_list{ gap: 20px; }
}
@media screen and (max-width: 900px) { 
    header .menu_list{ display: none; }
    header .menuBtn{ position: absolute; right: 10px; display: block; border: none; background-color: transparent; }
    header .menuBtn .icon{ width: 30px; }
    header .menuBtn .icon.white{ display: none; }
    header .applyBtn{ margin-right: 40px; }

    header.transparent .menuBtn .icon.white{ display: block; }
    header.transparent .menuBtn .icon.default{ display: none; }
}
@media screen and (max-width: 650px) { 
    header .logo{ max-width: 160px; }
    header .applyBtn{ font-size: 14px; padding: 8px; max-width: 100px; }
}
@media screen and (max-width: 340px) { 
    header .logo{ max-width: 130px; }
}

/* sideCloseBg */
.sideCloseBg{ opacity: 0; visibility: hidden; cursor: pointer; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 999; }
.sideCloseBg.show{ opacity: 1; visibility: visible; }

/* sideMenuSec */
.sideMenuSec{ position: fixed; overflow-y: scroll;  -ms-overflow-style: none; color: #fff; position: fixed; right: -350px; transition: right 0.5s; width: 80%; max-width: 350px; background-color: #917962; z-index: 999; height: 100%; padding: 30px; }
.sideMenuSec.show{ right: 0; }
.sideMenuSec::-webkit-scrollbar { display: none; }
.sideMenuSec .btnWrap{ display: flex; align-items: center; justify-content: flex-end;  }
.sideMenuSec .btnWrap .closeBtn{ background-color: transparent; border: none;  }
.sideMenuSec .btnWrap .closeBtn .icon{ width: 20px; }
.sideMenuSec .bigTitle{ font-size: 26px; margin-top: 30px; }
.sideMenuSec .menu_list{ margin-top: 20px; font-weight: 300; }
.sideMenuSec .menu_list > li + li{ margin-top: 10px; }
.sideMenuSec .bar{ width: 100%; height: 1px; background-color: #fff; opacity: 0.5; margin: 25px 0; }
.sideMenuSec .sns_list{ margin-top: 20px; font-weight: 300; }
.sideMenuSec .sns_list > li + li{ margin-top: 15px; }
.sideMenuSec .sns_list .snsBtn{ display: flex; align-items: center; gap: 10px; }


@media screen and (max-width: 650px) { 
    .sideMenuSec{ padding: 20px; }
    .sideMenuSec .btnWrap .closeBtn .icon{ width: 15px; }
    .sideMenuSec .bigTitle{ margin-top: 25px; font-size: 20px; }
    .sideMenuSec .menu_list{ margin-top: 10px; font-size: 14px; }
    .sideMenuSec .sns_list{ font-size: 14px; }

}

/* footer */
footer{ background-color: #222; border-top:10px solid #917962; padding: 80px 0 70px 0; color: #fff; padding-bottom: 100px; }
footer .copy_right{ opacity: 0.2; font-size: 15px; }
footer .copy_right.mo{ display: none; }
footer .inner{ display:flex; gap: 80px; }
footer .logoBox{ display: flex; flex-direction: column; justify-content: space-between; }
footer .contentDiv{ flex-grow: 1; }
footer .contentDiv .info_list{ display: flex; gap: 10px; line-height: 1.5em; width: 100%; }
footer .contentDiv .info_list > li{ width: 50%; }
footer .contentDiv .info_list > li:nth-child(2){ width: 25%; }
footer .contentDiv .info_list > li:nth-child(3){ width: 25%; }
footer .contentDiv .info_list .label{ font-weight: 500; font-size: 18px; }
footer .contentDiv .info_list .content{ margin-top: 10px; font-size: 15px;  }
footer .contentDiv .info_list + .info_list{ margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.4); }

@media screen and (max-width: 1250px) { 
    footer{ padding: 50px 0 40px 0; padding-bottom: 100px; }
    footer .logo{ width: 205px; }
    footer .inner{ flex-direction: column; gap: 30px; }
}
@media screen and (max-width: 800px) { 
    footer .contentDiv .info_list{ flex-wrap: wrap; }
    footer .contentDiv .info_list > li{ width: 100% !important; }
    footer .contentDiv .info_list .content{ margin-top: 5px; }

    footer .copy_right.mo{ display: block; margin-top: 30px; }
    footer .copy_right.pc{ display: none; }
}
@media screen and (max-width: 650px) { 
    footer{ padding: 40px 0 30px 0; padding-bottom: 100px; border-top: 5px solid #917962; }
    footer .logo{ width: 160px; }
    footer .contentDiv .info_list .label{ font-size: 16px; }
    footer .contentDiv .info_list .content{ font-size: 14px;  }
}


/* .main .bannerArti */
.bannerArti{ position: relative; overflow: hidden; padding: 50px 0; min-height: 100vh; background-color: rgba(34, 34, 34, 1); display: flex; align-items: center; justify-content: center; }
.bannerArti .bgfilter{ position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); left: 0; top: 0; transition: opacity .5s; }
.bannerArti .bgfilter.hide{ opacity: 0.5; }
.bannerArti .inner{ position: relative; z-index: 2; }
.bannerArti .bar{ position: absolute; }
.bannerArti .bar.bar1{ position: absolute; left:0; top: 0; z-index: 3; }
.bannerArti .bar.bar2{ position: absolute; right:0; bottom: 0; z-index: 3; }
.bannerArti .inner{ display: flex; align-items: center; justify-content: center; }
.main .bannerArti{ background-image: url('../img/main/bannerArti/background.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .bannerArti .logo{ opacity: 0.2; }
.main .bannerArti .text_logo{ position: absolute; }

@media screen and (max-width: 1250px) {
    .main .bannerArti .text_logo{ width: 450px; }
}
@media screen and (max-width: 650px) {
    .bannerArti{ padding: 100px 0; }
    .bannerArti .bar{ width: 50vw; }
    .main .bannerArti .text_logo{ width: 70vw; }
    .bannerArti .logo{ width: 70vw; }
}

/* .bannerArti.intro */
.bannerArti.intro{ position: fixed; left: 0; top: 0; z-index: 999999; width: 100%; opacity: 0; visibility: hidden; transition: opacity 0.5s, visibility 0.5s; }
.bannerArti.intro.show{ opacity: 1; visibility: visible; }
.bannerArti.intro .text_list{ position: absolute; color: #fff; text-align: center; font-family: "Noto Serif KR"; font-size: 50px; font-weight: 300; z-index: 4; }
.bannerArti.intro .text_list > li{ position: absolute; width: 100%; left: 0; top: 0; opacity: 0; visibility: hidden; transition: opacity 0.5s, visibility 0.5s; }
.bannerArti.intro .text_list > li:nth-child(1){ position: relative; }
.bannerArti.intro .text_list > li.active{ display: block; opacity: 1; visibility: visible; }
.bannerArti.intro .text_list > li .line1{ position: relative; top: 72px; transition: top 1s; }
.bannerArti.intro .text_list > li .line1.active{ top: 0; }
.bannerArti.intro .text_list > li .line2{ opacity: 0; visibility: hidden; transition: opacity 0.5s, visibility 0.5s;  }
.bannerArti.intro .text_list > li .line2.active{ opacity: 1; visibility: visible; }
.bannerArti.intro .text_list b{ font-weight: 500; }
.bannerArti.intro .logo{ position: relative; z-index: 3; }
.bannerArti.intro .bgDiv{ opacity: 0; visibility: hidden; transition: opacity 1s, visibility 1s; position: fixed; left: 0; top: 0; width: 100%; height: 100%;  background-image: url('../img/main/intro/background.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.bannerArti.intro.bg.show .bgDiv{  opacity: 1; visibility: visible; }

@media screen and (max-width: 1250px) {
    .bannerArti.intro .text_list{ font-size: 30px; }
    .bannerArti.intro .text_list > li .line1{ top: 43px; }
}
@media screen and (max-width: 650px) {
    .bannerArti.intro .text_list{ font-size: 5vw; }
    .bannerArti.intro .text_list > li .line1{ top: 7vw; }
}

/* .quickMenuSec */
.quickMenuSec{ transition: right 0.5s; position: fixed; z-index: 9999; right: -55px; top: 84px; height: calc(100vh - 84px); background-color: #222; color: #fff; width: 90px; }
.quickMenuSec.show{ right: 0; }
.quickMenuSec .blackBg{ padding: 22px 10px; }
.quickMenuSec .blackBg .snsList .item{ font-size: 12px; color: rgba(122, 122, 122, 1); display: flex; align-items: center; gap: 8px; }
.quickMenuSec .blackBg .snsList .item .logo{ width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; }
.quickMenuSec .blackBg .snsList .item .logo.blog{ background-image: url('../img/common/blog_icon.png'); }
.quickMenuSec .blackBg .snsList .item .logo.insta{ background-image: url('../img/common/insta_icon.png'); }
.quickMenuSec .blackBg .snsList .item .logo.youtube{ background-image: url('../img/common/youtube_icon.png'); }
.quickMenuSec .blackBg .snsList .item .logo.apply{ background-image: url('../img/common/white_apply_icon.png'); }
.quickMenuSec .blackBg .snsList .item .logo.kakao{ background-image: url('../img/common/apply_kakao_icon.png'); }
.quickMenuSec .blackBg .snsList li + li{ margin-top: 20px; }
.quickMenuSec .topBox{ position: relative; background-color: #917962; padding: 24px 10px; display: flex; align-items: flex-end; gap: 10px;  }
.quickMenuSec .topBox .quickBtn{ margin-top: 35vh; display: flex; flex-direction: column; gap: 8px; align-items: center; justify-content: flex-end;  background: transparent; border: none; }
.quickMenuSec .topBox .quickBtn .span{ font-size: 18px; }
.quickMenuSec.show .topBox .quickBtn .icon{ display: block; transform: rotate(180deg); }
.quickMenuSec .topBox .munu_list{ font-size: 11px; text-align: center; }
.quickMenuSec .topBox .munu_list .icon_title{ margin: 0 auto; width: 40px; height: 40px; background-color: #fff; border: 1px solid #2b2b2b; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.quickMenuSec .topBox .munu_list .icon_title .icon{ width: 20px; height: auto; }
.quickMenuSec .topBox .munu_list > li + li{ margin-top: 10px; }
.quickMenuSec .topBox .munu_list .txt{ margin-top: 5px; }

@media screen and (max-width: 1250px) {
    .quickMenuSec .topBox .quickBtn{ margin-top: 25vh; }
}

@media screen and (max-width: 900px) { 
    .quickMenuSec{ display: none; }
}



/* .main .inner */
@media screen and (max-width: 1300px) { 
    .main .inner{ padding-right: 50px; }
    .sub .inner{ padding-right: 50px; }
}
@media screen and (max-width: 900px) { 
    .main .inner{ padding-right: 10px; }
    .sub .inner{ padding-right: 10px; }
    .sec_top{padding-top:78px;}
}
/* .main .memeberArti */
.main .memeberArti{ overflow-y: hidden; padding:240px 0 120px 0; background-image: url('../img/main/memeberArti/background.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .memeberArti .memberList{ display: flex; flex-wrap: wrap; background-color: #4C4C4C; }
.main .memeberArti .memberList > li{ width: calc(100% / 6); position: relative; }
.main .memeberArti .memberList .item{  background-size: cover; background-repeat:no-repeat; background-position: center; height: 199px; display: flex; align-items: flex-end; justify-content: center; text-align: center; padding: 16px; }
.main .memeberArti .memberList .item .name{ color: #fff; font-weight: 700; font-size: 20px; } 

.main .memeberArti .memberList .titleItem{ z-index: 3; display: flex; flex-direction: column; justify-content: space-between; padding: 40px; border-top: 10px solid #917962; position:absolute; left: 0; bottom: 0; width: 300%; background-color: #2A2A2A; height: 336px; }
.main .memeberArti .memberList .titleItem .title{ color: #fff; font-size: 55px; font-family: 'Times New Roman', sans-serif; }
.main .memeberArti .memberList .titleItem .title .underline{  border-bottom: 2px solid #917962; }
.main .memeberArti .memberList .titleItem .halfBox{ display: flex; align-items: flex-end; justify-content: space-between; }
.main .memeberArti .memberList .titleItem .halfBox .arrowBox{ display: flex; align-items: center; gap: 15px; font-size: 20px; font-weight: 700; color: #fff; }
.main .memeberArti .memberList .titleItem .halfBox .iconBox{ position: relative; background-color: rgba(145, 121, 98, 0.1); padding: 18px; border-radius: 10px; }
.main .memeberArti .memberList .titleItem .halfBox .iconBox::before{ background-color: rgba(145, 121, 98, 0.1); position: absolute; content:''; display: block; width: 20px; height: 20px; border-radius: 4px; top: -22px; left: -25px;   }


.main .memeberArti .memberList .item.img1{ background-image: url('../img/main/memeberArti/img1.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .memeberArti .memberList .item.img2{ background-image: url('../img/main/memeberArti/img2.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .memeberArti .memberList .item.img3{ background-image: url('../img/main/memeberArti/img3.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .memeberArti .memberList .item.img4{ background-image: url('../img/main/memeberArti/img4.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .memeberArti .memberList .item.img5{ background-image: url('../img/main/memeberArti/img5.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .memeberArti .memberList .item.img6{ background-image: url('../img/main/memeberArti/img6.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .memeberArti .memberList .item.img7{ background-image: url('../img/main/memeberArti/img7.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .memeberArti .memberList .item.img8{ background-image: url('../img/main/memeberArti/img8.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .memeberArti .memberList .item.img9{ background-image: url('../img/main/memeberArti/img9.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .memeberArti .memberList .item.img10 { background-image: url('../img/main/memeberArti/img10.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .memeberArti .memberList .item.logo1{ background-color: #917962; background-image: url('../img/main/memeberArti/logo1.png'); }
.main .memeberArti .memberList .item.logo2{ background-color: #917962; background-image: url('../img/main/memeberArti/logo2.png'); }
.main .memeberArti .memberList .item.logo3{ background-image: url('../img/main/memeberArti/logo3.png'); }
.main .memeberArti .memberList .item.logo4{ background-image: url('../img/main/memeberArti/logo4.png'); }
.main .memeberArti .memberList .item.logo5{ background-image: url('../img/main/memeberArti/logo5.png'); }
.main .memeberArti .memberList .item.logo6{ background-image: url('../img/main/memeberArti/logo6.png'); }
.main .memeberArti .memberList .item.logo7{ background-image: url('../img/main/memeberArti/logo7.png'); }
.main .memeberArti .memberList .item.logo9{ background-image: url('../img/main/memeberArti/logo9.png'); }

@media screen and (max-width: 1250px) { 
    .main .memeberArti .memberList .item{ height: 14vw; }
    .main .memeberArti .memberList .item .name{ font-size: 16px; }

    .main .memeberArti .memberList .titleItem{ height: 250px; }
    .main .memeberArti .memberList .titleItem .title{ font-size: 40px; }
    .main .memeberArti .memberList .titleItem .halfBox .arrowBox{ font-size: 16px; }
}
@media screen and (max-width: 950px) { 
    .main .memeberArti { padding: 100px 0; }
    .main .memeberArti .memberList > li{ width: calc(100% / 3);  }
    .main .memeberArti .memberList .titleItem{ height: 100%; }
    .main .memeberArti .memberList > li:nth-child(1){ height: 250px; }
    .main .memeberArti .memberList .item{ height: 30vw; padding: 2vw; }
}
@media screen and (max-width: 650px) { 
    .main .memeberArti{ padding: 70px 0; }
    .main .memeberArti .memberList > li:nth-child(1){ height: 40vw; }
    .main .memeberArti .memberList .titleItem{ padding: 4vw; border-top: 5px solid #917962; }
    .main .memeberArti .memberList .titleItem .title{ font-size: 8vw; }
    .main .memeberArti .memberList .item .name{ font-size: 3vw; }

    .main .memeberArti .memberList .titleItem .halfBox .iconBox::before{ width: 3vw; height: 3vw; left: -4vw; top: -4vw; border-radius: .5vw; }
    .main .memeberArti .memberList .titleItem .halfBox .iconBox{ padding: 2vw; border-radius: 1vw; }
    .main .memeberArti .memberList .titleItem .halfBox .iconBox .icon{ width: 12vw; }

    .main .memeberArti .memberList .titleItem .halfBox .arrowBox{ font-size: 3vw; }
    .main .memeberArti .memberList .titleItem .halfBox .arrowBox .icon{ width: 3vw; }
}


/* .main .perfomanceArti */
.main .perfomanceArti{ overflow: hidden; padding: 120px 0; background-color: #2B2B2B; background-image: url('../img/main/perfomanceArti/background.png'); background-size: cover; background-repeat: no-repeat; background-position: right bottom; }
.main .perfomanceArti .title{ position: relative; display: flex; align-items: center; justify-content: center; }
.main .perfomanceArti .title .underline{ position: relative; z-index: 2; font-family: 'Times New Roman', sans-serif; color: #fff; font-size: 55px; border-bottom: 2px solid #917962; }
.main .perfomanceArti .title::before{ color: rgba(255, 255, 255, 0.1); content:'Performance Area'; font-size: 120px; position: absolute; bottom: -12px; font-family: 'Times New Roman', sans-serif; }

.main .perfomanceArti .banner{ flex-direction: column; margin-top: 38px; background: linear-gradient(0deg, rgba(150, 150, 142, 0.00) 0%, #96968E 100%), #B5BAB6; height: 360px;  position: relative; border-radius: 10px 100px; overflow: hidden; display: flex; justify-content: flex-end; padding: 70px 120px; }
.main .perfomanceArti .banner .people{ position: absolute; right: -51px; bottom: -129px; }
.main .perfomanceArti .banner .b_title{ position: relative; z-index: 3; font-size: 40px; font-weight: 700; text-shadow: 2px 4px 12.1px rgba(0, 0, 0, 0.20); color: #fff; }
.main .perfomanceArti .banner .content{ font-weight: 200; position: relative; z-index: 3; font-size: 24px; line-height: 1.5em; margin-top: 15px; color: #fff; text-shadow: 2px 4px 12.1px rgba(0, 0, 0, 0.20); }
.main .perfomanceArti .category_li{ margin-top: 30px; display: flex; flex-wrap: wrap; width: calc(100% + 10px); margin-left: -5px;  }
.main .perfomanceArti .category_li > li{ padding: 5px; width: calc(100% / 6); }
.main .perfomanceArti .category_li > li.full{ width: calc((100% / 6) * 2); }
.main .perfomanceArti .category_li .item{ word-break: keep-all; color: #fff;  font-weight: 700; background-color: #917962; height: 100%; padding: 22px 10px; border-radius: 4px; display: flex; align-items: center; gap: 7px; }
.main .perfomanceArti .category_li .item.gray{ background-color: #4C4C4C; }
.main .perfomanceArti .category_li .item .imgbox{ flex-shrink: 0; width: 60px; height: 60px; border-radius: 4px; background-color: #222; background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .perfomanceArti .category_li .item .imgbox.img1{ background-image: url('../img/main/perfomanceArti/img1.png'); }
.main .perfomanceArti .category_li .item .imgbox.img2{ background-image: url('../img/main/perfomanceArti/img2.png'); }
.main .perfomanceArti .category_li .item .imgbox.img3{ background-image: url('../img/main/perfomanceArti/img3.png'); }
.main .perfomanceArti .category_li .item .imgbox.img4{ background-image: url('../img/main/perfomanceArti/img4.png'); }
.main .perfomanceArti .category_li .item .imgbox.img5{ background-image: url('../img/main/perfomanceArti/img5.png'); }
.main .perfomanceArti .category_li .item .imgbox.img6{ background-image: url('../img/main/perfomanceArti/img6.png'); }
.main .perfomanceArti .category_li .item .imgbox.img7{ background-image: url('../img/main/perfomanceArti/img7.png'); }
.main .perfomanceArti .category_li .item .imgbox.img8{ background-image: url('../img/main/perfomanceArti/img8.png'); }
.main .perfomanceArti .category_li .item .imgbox.img9{ background-image: url('../img/main/perfomanceArti/img9.png'); }
.main .perfomanceArti .category_li .item .imgbox.img10{ background-image: url('../img/main/perfomanceArti/img10.png'); }
.main .perfomanceArti .category_li .item .imgbox.img11{ background-image: url('../img/main/perfomanceArti/img11.png'); }
.main .perfomanceArti .category_li .item .imgbox.img12{ background-image: url('../img/main/perfomanceArti/img12.png'); }
.main .perfomanceArti .category_li .item .imgbox.img13{ background-image: url('../img/main/perfomanceArti/img13.png'); }
.main .perfomanceArti .category_li .item .imgbox.img14{ background-image: url('../img/main/perfomanceArti/img14.png'); }
.main .perfomanceArti .category_li .item .imgbox.img15{ background-image: url('../img/main/perfomanceArti/img15.png'); }
.main .perfomanceArti .category_li .item .imgbox.img16{ background-image: url('../img/main/perfomanceArti/img16.png'); }
.main .perfomanceArti .category_li .item.moreView{ align-items: center; justify-content: center; gap: 15px;  }

@media screen and (max-width: 1300px) { 
    .main .perfomanceArti .title::before{ font-size: 79px; bottom: -6px; }
    .main .perfomanceArti .title .underline{ font-size: 47px; }
    .main .perfomanceArti .banner{ height: 32vw; padding: 6vw; }
    .main .perfomanceArti .banner .b_title{ font-size: 3vw; }
    .main .perfomanceArti .banner .content{ font-size: 18px; }
    .main .perfomanceArti .banner .people{ width: 60%; right: -4%; bottom: -7%; }

    .main .perfomanceArti .category_li{ width: calc(100% + 10px); margin-left: -5px; }
    .main .perfomanceArti .category_li > li{ padding: 5px; }
    .main .perfomanceArti .category_li .item{ padding: 1vw; }
    .main .perfomanceArti .category_li .item .imgbox{ width: 5vw; height: 5vw; }
    .main .perfomanceArti .category_li .item .text{ font-size: 1.5vw; }
}
@media screen and (max-width: 950px) { 
    .main .perfomanceArti .category_li > li{ width: calc(100% / 3); }
    .main .perfomanceArti .category_li > li.full{ width: calc((100% / 3) * 2); }
    .main .perfomanceArti .category_li .item{ padding: 12px; }
    .main .perfomanceArti .category_li .item .imgbox{ width: 60px; height: 60px; }
    .main .perfomanceArti .category_li .item .text{ font-size: 16px; }
    .main .perfomanceArti .banner .people{ bottom: -14%; }
}
@media screen and (max-width: 650px) { 
    .main .perfomanceArti{ padding: 70px 0; }
    .main .perfomanceArti .title .underline{ font-size: 30px; }
    .main .perfomanceArti .title::before { font-size: 13vw; bottom: -1vw; }
    .main .perfomanceArti .banner{ border-radius: 2vw 10vw; height: calc(69vw + 10px); justify-content: flex-start; }
    .main .perfomanceArti .banner .content{ font-size: 14px; margin-top: 1vw; }
    .main .perfomanceArti .banner .people{ width: 100%; right: 0; bottom: 0; }

    .main .perfomanceArti .category_li{ margin-top: 5px; }
    .main .perfomanceArti .category_li > li{ width: calc(100% / 2); }
    .main .perfomanceArti .category_li > li.full{ width: 100%; }
    .main .perfomanceArti .category_li .item{ gap: 2vw; }
    .main .perfomanceArti .category_li .item .imgbox{ width: 12vw; height: 12vw; border-radius: .5vw; }
    .main .perfomanceArti .category_li .item .text{ font-size: 14px; }

    .main .perfomanceArti .banner .b_title{ font-size: 4vw; }
}

/* .main .main_title */
.main .main_title{ text-align: center; font-family: Wanjunuriche; font-weight: 400; color: #A79788; font-size: 55px; }
.main .main_title .underline{ border-bottom: 2px solid #917962; }
@media screen and (max-width: 1300px) { 
    .main .main_title{ font-size: 40px; }
}
@media screen and (max-width: 900px) { 
    .main .main_title{ font-size: 30px; }
}
@media screen and (max-width: 650px) { 
    .main .main_title{ font-size: 25px; }
}

/* .main .successArti */
.main .successArti{ overflow: hidden; padding: 150px 0; position: relative; background-color: #2B2B2B; }
.main .successArti .main_title{ position: relative; display: flex; align-items: center; justify-content: center; font-family: 'Times New Roman', sans-serif; color: #fff; font-weight: 400; }
.main .successArti .main_title:before{ content:'Achievement'; color: rgba(255,255,255,0.1); position: absolute; font-size: 120px; bottom: 0.9em; bottom: -22%; }
.main .successArti .text{ position: absolute; }
.main .successArti .text1{ left: 0; bottom: 0; max-height: 100%; }
.main .successArti .text2{ right: 0; top: 200px; }
.main .successArti .inner{ position: relative; }
.main .successArti .slideBox{ margin-top: 60px; position: relative; }
/* .main .successArti .slideBox .item .imgBox{ background-color: #efefef; background-size: cover; background-repeat: no-repeat; background-position: center; height: 330px; border-radius: 10px;  }
.main .successArti .slideBox .item .imgBox.exImg{ background-image: url('../img/main/successArti/thumbnail.png'); }
.main .successArti .slideBox .item .contentBox{ margin-top: 20px; }
.main .successArti .slideBox .item .contentBox .label{ display: inline-block; padding: 4px 13px; background-color: #917962; color: #fff; border-radius: 4px; }
.main .successArti .slideBox .item .contentBox .title{ color: #fff; margin-top: 10px; font-size: 24px; font-weight: 700; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.main .successArti .slideBox .item .contentBox .content{ line-height: 1.5em; margin-top: 14px; color: #7f7f7f; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } */

@media screen and (max-width: 1300px) { 
    .main .successArti{ padding: 100px 0; }
    .main .successArti .main_title{ font-size: 47px; }
    .main .successArti .main_title:before{ font-size: 79px; bottom: -13%; }
    .main .successArti .slideBox .item .imgBox{ height: 21vw; }
    .main .successArti .slideBox .item .contentBox .label{ font-size: 14px; }
    .main .successArti .slideBox .item .contentBox .title{ font-size: 20px; }

    .main .successArti .text1{ width: 5vw; }
    .main .successArti .text2{  width: 40vw; top: 150px; }
}
@media screen and (max-width: 1000px) {
    .main .successArti .slideBox .item .imgBox{ height: 29vw; }
    .main .successArti .text1{ width: 10vw; }
    .main .successArti .text2{  width: 60vw; top: 140px; }
}
@media screen and (max-width: 700px) { 
    .main .successArti .slideBox .item .imgBox{ height: 46vw; }
}
@media screen and (max-width: 650px) { 
    .main .successArti{ padding: 80px 0; }
    .main .successArti .main_title{ font-size: 30px; }
    .main .successArti .main_title:before{ font-size: 13vw; }
    .main .successArti .slideBox{ margin-top: 40px; }
    .main .successArti .slideBox .item .imgBox{ height: 61vw; }
    .main .successArti .slideBox .item .contentBox .label{ font-size: 12px; }
    .main .successArti .slideBox .item .contentBox .title{ font-size: 16px; }
    .main .successArti .slideBox .item .contentBox .content{ margin-top: 5px; font-size: 14px; }

    .main .successArti .text1{ display: none; }
    .main .successArti .text2{ width: 300px; top: 110px; }

}

/* .mainApplyArti */
.mainApplyArti{ background-color: #222; overflow: hidden; padding: 170px 0;  background-image: url('../img/main/applyArti/background.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.mainApplyArti .inner{ position: relative; }
.mainApplyArti .text{ position: absolute; }
.mainApplyArti .text1{ right: -324px; }
.mainApplyArti .text2{ bottom: 0;  left: -314px;}
.mainApplyArti .formList .text{ position: static; }
.mainApplyArti .halfBox{ margin-top: 30px; display: flex; gap: 32px; align-items: center; }
.mainApplyArti .halfBox .textBox{ flex-shrink: 0; }
.mainApplyArti .halfBox .t1{ text-align: center; color: #fff; font-size: 32px; font-family: 'Wanjunuriche'; }
.mainApplyArti .tel_list{ margin-top: 32px; position: relative; z-index: 1; }
.mainApplyArti .tel_list.mo{ display: none; }
.mainApplyArti .tel_list > li + li{ margin-top: 35px; }
.mainApplyArti .tel_list .name{ font-size: 24px; text-align: center; color: #fff; font-family: 'Wanjunuriche'; }
.mainApplyArti .tel_list .telBox{
    margin-top: 5px; display: flex; align-items: center; justify-content: center; gap: 6px; border-radius: 79.162px;
    border: 3.166px solid #917962; background-color: #2B2B2B; padding: 15px; font-size: 30px; font-weight: 700; color: #fff;
}

.mainApplyArti .blackDiv{ position: relative; z-index: 1; background-color: #222; border-top: 10px solid #917962; border-bottom: 10px solid #917962; padding: 30px; color: #fff; }
.mainApplyArti .blackDiv .ipt{ background-color: transparent;  }
.mainApplyArti .blackDiv .formList > li.half2{ width: calc(100% / 3); }
.mainApplyArti .blackDiv .formList > li.half3{ width: calc((100% / 3) * 2) ; }
.mainApplyArti .blackDiv .submitBtn{ display: block; margin: 16px auto 0 auto; width: 100%; max-width: 270px; border-radius: 25px; padding: 13px; background-color: #917962; color: #fff; border: none; font-weight: 500;  }


@media screen and (max-width: 1250px) {
    .mainApplyArti .halfBox .t1{ font-size: 25px; }
    .mainApplyArti .tel_list .telBox{ padding: 10px; }
    .mainApplyArti .tel_list .icon{ width: 20px; }
    .mainApplyArti .tel_list .name{ font-size: 20px; }
    .mainApplyArti .tel_list .telBox{ font-size: 20px; }
}
@media screen and (max-width: 900px) {
    .mainApplyArti{ padding: 80px 0; }
    .mainApplyArti .text{ display: none; }
    .mainApplyArti .halfBox{ flex-direction: column; }
    .mainApplyArti .blackDiv .formList > li.half2{ width: 100%; }
    .mainApplyArti .blackDiv .formList > li.half3{ width: 100%; }
    .mainApplyArti .tel_list{ display: flex; gap: 20px; justify-content: center; align-items: center; }
    .mainApplyArti .tel_list > li + li{ margin-top: 0; }
    /* .mainApplyArti .tel_list.pc{ display: none; } */
    /* .mainApplyArti .tel_list.mo{ display: flex;  } */
}
@media screen and (max-width: 650px) {
    .mainApplyArti .blackDiv{ padding: 20px; }
    .mainApplyArti .halfBox .t1{ font-size: 18px; }
    .mainApplyArti .tel_list .telBox{ font-size: 4vw; padding: 2vw; border-radius: 6vw; }
    .mainApplyArti .tel_list .name{ font-size: 4vw; }
    .mainApplyArti .tel_list .icon{ width: 6vw; }
}


/* 개인정보처리방침 , 이용약관 팝업 */
.privacyPopup{ 
	position: fixed; background-color: rgba(0, 0, 0, 0.60); width: 100%; height: 100%; z-index: 99999; left: 0; top: 0; 
	display: flex; align-items: center; justify-content: center; 
	opacity: 0; visibility: hidden; transition: opacity 0.5s, visibility 0.5s;
}
.privacyPopup.active{ opacity : 1; visibility: visible; }
.privacyPopup .inner{ max-width: 600px; }
.privacyPopup .contentWrap{ background-color: #fff; padding: 40px 30px; }
.privacyPopup .contentWrap .titleBox{ display: flex; justify-content: space-between; align-items: center; }
.privacyPopup .contentWrap .titleBox span{ font-weight: 500; font-size: 24px;  }
.privacyPopup .contentWrap .titleBox .closeBtn{ cursor: pointer;  }

.privacyPopup .contentWrap .contentBox{ margin-top: 30px; background-color: #F7F7F7; padding: 30px; max-height: 60vh; overflow-y: scroll; }

@media screen and (max-width: 650px) {
	.privacyPopup .contentWrap{ padding: 30px 20px; }
	.privacyPopup .contentWrap .titleBox span{ font-size: 18px; }
	.privacyPopup .contentWrap .contentBox{ padding: 15px; margin-top: 20px; font-size: 14px; }
}


/* sub common */
.sub{ position: relative; overflow: hidden;  }
.sub .subBannerArti{ background-color: rgba(140, 112, 85, 1); background-image: url('../img/sub/banner/banner_img.png'); background-size: cover; background-repeat: no-repeat; background-position: center; height: 476px; display: flex; align-items: center; justify-content: center; }
.sub .subBannerArti .inner{ position: relative; z-index: 2; margin-top: 100px; font-family: Wanjunuriche; }
.sub .subBannerArti .title{ display: flex; text-align: center; align-items: center; justify-content:center; position: relative; color: #fff; font-size: 32px; }
.sub .subBannerArti .title::before{ content:'About Hanseol'; font-family: "Times New Roman"; position: absolute; font-size: 120px; width: 100%; opacity: 0.1; bottom: 0; line-height: 0.9em; }
.sub .subBannerArti .title .text{ border-bottom: 2px solid #fff; }
.sub .subBannerArti .ko{ text-align: center; font-size: 32px; margin-top: 16px; color: #fff; }
.sub.menu3 .subBannerArti .title{ letter-spacing:0.05rem; }
@media screen and (max-width: 1250px) {
    .sub .subBannerArti .title{ font-size: 20px; }
    .sub .subBannerArti .title::before{ font-size: 60px; }
    .sub .subBannerArti .ko{ font-size: 25px; }
}
@media screen and (max-width: 650px) {
    .sub .subBannerArti .title{ font-size: 18px; }
    .sub .subBannerArti .title::before{ font-size: 13vw; }
    .sub .subBannerArti .ko{ font-size: 20px; }
    .sub .subBannerArti{ height: 300px; }
}



/* menu1.html */
/* .menu1 .aobutArti*/
.menu1 .aobutArti{ padding: 200px 0; background-image: url('../img/sub/menu1/background.png'); background-size: cover; background-repeat: no-repeat; background-position: top center; }
.menu1 .aobutArti .blackBox{ padding: 130px 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0.80) 21.41%, rgba(0, 0, 0, 0.40) 57.83%, rgba(0, 0, 0, 0.80) 99.73%); border-radius: 10px; }
.menu1 .aobutArti .blackBox .halfBox{ width: 100%; max-width: 1000px; margin: 0 auto; color: #fff; display: flex; align-items: center; gap: 133px; }
.menu1 .aobutArti .blackBox .textBox .category{ font-size: 42px; font-weight: 400; font-family: "Times New Roman"; }
.menu1 .aobutArti .blackBox .textBox .category .underline{ border-bottom: 2px solid #917962; }
.menu1 .aobutArti .blackBox .textBox .title{ max-width: 100%; margin-top: 30px; } 
.menu1 .aobutArti .blackBox .contentBox{ font-size: 18px; line-height: 1.5em; }
.menu1 .aobutArti .blackBox .contentBox p + p{ margin-top: 20px; }

@media screen and (max-width: 1250px) {
    .menu1 .aobutArti{ padding: 0 0 100px 0; }
    .menu1 .aobutArti .blackBox{ padding: 100px 50px; }
    .menu1 .aobutArti .blackBox .halfBox{ gap: 7%; }
}
@media screen and (max-width: 900px) {
    .menu1 .aobutArti .blackBox{ margin: 0 auto; max-width: 700px; }
    .menu1 .aobutArti .blackBox .textBox{ display: flex; flex-direction: column; align-items: center; }
    .menu1 .aobutArti .blackBox .textBox .category{ font-size: 30px; }
    .menu1 .aobutArti .blackBox .halfBox{ flex-direction: column; gap: 40px; }
    .menu1 .aobutArti .blackBox .contentBox{ text-align: center; font-size: 16px; }
}
@media screen and (max-width: 650px) {
    .menu1 .aobutArti .blackBox{ padding: 50px 20px; }
    .menu1 .aobutArti .blackBox .contentBox p{ word-break: keep-all; }
    .menu1 .aobutArti .blackBox .textBox .category{ font-size: 20px; }
    .menu1 .aobutArti .blackBox .textBox .title{ width: 180px; }
    .menu1 .aobutArti .blackBox .contentBox{ font-size: 14px; }
}
@media screen and (max-width: 400px) {
    .menu1 .aobutArti .blackBox .contentBox p br{ display: none; }
}

/* .menu1 .pointArti*/
.menu1 .pointArti .titleDiv{ background-color: #2B2B2B; padding: 50px 0; color: #fff; font-size: 42px; font-family: 'Wanjunuriche'; }
.menu1 .pointArti .titleDiv .underline{ border-bottom: 2px solid #917962; }
.menu1 .pointArti .pointDiv{ background-color: #222; height: 320px; display:flex; align-items: center; justify-content: center; padding: 80px 0;  background-size: cover; background-repeat: no-repeat; background-position: center; }
.menu1 .pointArti .pointDiv.bg1{ background-image: url('../img/sub/menu1/background1.png'); background-position: left center; }
.menu1 .pointArti .pointDiv.bg2{ background-image: url('../img/sub/menu1/background2.png'); background-position: right center; }
.menu1 .pointArti .pointDiv.right{ text-align: right; }
.menu1 .pointArti .pointDiv .textBox .title{ color: #917962; font-family: 'Wanjunuriche'; font-size: 32px; }
.menu1 .pointArti .pointDiv .textBox .content{ margin-top: 13px; font-size: 18px; line-height: 1.5em; color: #fff; }

@media screen and (max-width: 1250px) {
    .menu1 .pointArti .titleDiv{ font-size: 30px; }
    .menu1 .pointArti .pointDiv .textBox .title{ font-size: 25px; }
    .menu1 .pointArti .pointDiv .textBox .content{ font-size: 16px; }
}
@media screen and (max-width: 650px) {
    .menu1 .pointArti .titleDiv{ padding: 5vw 0; }
    .menu1 .pointArti .pointDiv{ padding: 15vw 0; height: auto; } 
    .menu1 .pointArti .titleDiv{ font-size: 18px;  }
    .menu1 .pointArti .pointDiv .textBox .title{ font-size: 16px; }
    .menu1 .pointArti .pointDiv .textBox .content{ font-size: 14px; }
    .menu1 .pointArti .pointDiv.bg1{ background-position: center; }
    .menu1 .pointArti .pointDiv.bg2{ background-position: center; }
}

/* .sub .bottomApplyArti */
.sub .bottomApplyArti{ overflow:hidden; border-top: 10px solid #917962; padding: 70px 0; background-image: url('../img/sub/bottomApplyArti/background.png'); background-color: #222; background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub .bottomApplyArti .t1{ font-size: 32px; font-weight: 500; color: #fff; }
.sub .bottomApplyArti .t2{ padding-left: 30%; display: flex; align-items: center; margin-top: 10px; gap: 12px; }
.sub .bottomApplyArti .t2 .text{ color: #917962; font-size: 42px; font-weight: 500; }
.sub .bottomApplyArti .t2 .bar{ flex-grow: 1; height: 2px; background-color: #917962; }
.sub .bottomApplyArti .telBox{ margin-top: 42px; display: flex; align-items: center; justify-content: center; gap: 16px; }
.sub .bottomApplyArti .telBox .telBtn{ color: #fff; border-radius: 4px; display: flex; width: 240px; max-width: 100%; align-items: center; justify-content: center; gap: 8px; padding: 17px; border: 2px solid #917962; background: #222; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10); }

@media screen and (max-width: 1250px) {
    .sub .bottomApplyArti .t1{ font-size: 24px; }
    .sub .bottomApplyArti .t2 .text{ font-size: 30px; }
    .sub .bottomApplyArti .telBox{ gap: 10px; }
    .sub .bottomApplyArti .telBox > li{ flex-grow: 1; }
    .sub .bottomApplyArti .telBox .telBtn{ width: 100%; max-width: 100%; padding: 10px; }
}
@media screen and (max-width: 800px) {
    .sub .bottomApplyArti .telBox{ padding: 4px; flex-direction: column; width: 100%; margin: 40px auto 0 auto; max-width: 200px; }
    .sub .bottomApplyArti .telBox > li{ width: 100%; }
    .sub .bottomApplyArti .telBox .telBtn{ font-size: 14px; }
}
@media screen and (max-width: 650px) {
    .sub .bottomApplyArti{ border-top: 5px solid #917962; }
    .sub .bottomApplyArti .t1{ font-size: 20px; }
    .sub .bottomApplyArti .t2{ gap: 5px; } 
    .sub .bottomApplyArti .t2 .text{ font-size: 24px; }
}

/* .menu2 .subBannerArti */
.sub.menu2 .subBannerArti .title::before{ content:'Professionals'; }

/* .menu2 .listArti */
.menu2 .listArti{ padding-bottom: 100px; overflow: hidden; background-image: url('../img/sub/menu2/background.png'); background-size: cover; background-repeat: no-repeat; background-position: top center; background-color:rgba(140, 112, 85, 1); }
.menu2 .listArti .tabBtnList{ display: flex; }
.menu2 .listArti .tabBtnList .item { position: relative; flex-grow: 1; display: block; text-align: center; border-bottom: 2px solid #D9D9D9; padding: 13px; font-size: 20px; color: #B2ACAC; }
.menu2 .listArti .tabBtnList .item.active{ color: #fff; font-weight: 700; }
.menu2 .listArti .tabBtnList .item.active::after{ content:''; display: block; width: 100%; background: #fff; height: 4px; position: absolute; left: 0;  bottom: -3px; }

.menu2 .listArti .contentList{ margin-top: 60px; }
.menu2 .listArti .contentList.peopleList{ display: flex; flex-wrap: wrap; width: calc(100% + 10px); margin-left: -5px; }
.menu2 .listArti .contentList.peopleList > li{ width: calc(100% / 3); padding:20px 5px; }
.menu2 .listArti .contentList.peopleList .imgBox{ background-color: #222; height: 600px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.menu2 .listArti .contentList.peopleList .item.empty .imgBox{ background-image: url('../img/sub/menu2/example.png'); }
.menu2 .listArti .contentList.peopleList .nameBox{ color: #fff; margin-top: 10px; font-size: 24px; font-weight: 500; }
.menu2 .listArti .contentList.peopleList .nameBox .small{ padding-left: 10px; font-size: 0.6em; }

@media screen and (max-width: 1250px) { 
    .menu2 .listArti .tabBtnList .item { font-size: 18px; }
    .menu2 .listArti .contentList{ margin-top: 30px; }
    .menu2 .listArti .contentList.peopleList > li{ padding: 10px 5px; }
    .menu2 .listArti .contentList.peopleList .imgBox{ height: 45vw; }  
    .menu2 .listArti .contentList.peopleList .nameBox{ font-size: 24px; }
}
@media screen and (max-width: 900px) { 
    .menu2 .listArti .contentList.peopleList .nameBox{ font-size: 20px; }
}
@media screen and (max-width: 650px) { 
    .menu2 .listArti .tabBtnList .item{ font-size: 16px; }
    .menu2 .listArti .contentList.peopleList > li{ width: calc(100% / 2); }
    .menu2 .listArti .contentList.peopleList .imgBox{ height: 71vw; }
    .menu2 .listArti .contentList.peopleList .nameBox{ font-size: 16px; }
    .menu2 .listArti .contentList.peopleList .nameBox .small{ font-size: 0.8em; padding-left: 5px; }
}

/* .viewpageSection */
.viewpageSection{ opacity: 0; visibility:hidden; transition: opacity .5s, visibility .5s; cursor: pointer; background-color: rgba(0,0,0,0.4); padding: 10px; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; display: flex; align-items: center; justify-content: center; }
.viewpageSection.show{ opacity: 1; visibility: visible; }
.viewpageSection .popupContentWrap{ cursor: auto; width: 100%; max-width: 1200px; }
.viewpageSection .popupContentWrap .closeBtnWrap{ position: relative; display: flex; align-items: center; justify-content: flex-end; }
.viewpageSection .popupContentWrap .closeBtnWrap .closeBtn{ background-color: transparent; border: none; }
.viewpageSection .popupContentWrap .titleBox{ background-image: url('../img/sub/menu2/viewpageSection/title_background.png'); background-size: contain; background-repeat: no-repeat; background-position: right -60% center; margin-top: 10px; padding: 20px 60px; background-color: #917962; border-radius: 20px 20px 0 0; color: #fff; font-size: 28px; font-weight: 700; }
.viewpageSection.lawyer .popupContentWrap .titleBox{background-image: url('../img/sub/menu2/viewpageSection/title_background2.png');  }
.viewpageSection .popupContentWrap .titleBox .small{ font-size: 0.7em; margin-left: 10px; }
.viewpageSection .popupContentWrap .popupContentDiv{ color: #fff; padding: 60px; border-radius: 0 0 20px 20px; overflow: hidden; background-color: #222; height: 80vh; overflow-y: scroll; -ms-overflow-style: none; }
.viewpageSection .popupContentWrap .popupContentDiv::-webkit-scrollbar { display: none; }
.viewpageSection .popupContentWrap .halfBox{ display: flex; gap: 40px;  }
.viewpageSection .popupContentWrap .halfBox .profileImgBox{ background-size: cover; background-repeat: no-repeat; background-position: center; width: 400px; height: 600px; flex-shrink: 0; }
.viewpageSection .popupContentWrap .halfBox .profileImgBox.mo{ display: none; }
.viewpageSection .popupContentWrap .halfBox .contentBox{ margin-top: 28px; flex-grow: 1; }
.viewpageSection .popupContentWrap .halfBox .nameBox{ border-top: 4px solid #917962; margin-top: 40px; padding-top: 20px; font-size: 42px; font-weight: 500; }
.viewpageSection .popupContentWrap .halfBox .nameBox .smallGray{ font-size: 0.6em; padding-left: 10px; color: #7f7f7f; }
.viewpageSection .popupContentWrap .contentDiv{ margin-top: 30px; }
.viewpageSection .popupContentWrap .brownTitle{ font-weight: 500; color: #917962; font-size: 24px; }
.viewpageSection .popupContentWrap .dot_list{ margin-top: 10px; font-size: 20px; }
.viewpageSection .popupContentWrap .dot_list > li{ padding-left: 20px; line-height: 1.5em; position: relative; }
.viewpageSection .popupContentWrap .dot_list > li + li{ margin-top: 5px; }
.viewpageSection .popupContentWrap .dot_list > li:before{ content:'•'; position: absolute; left: 0; top: 0; transform: scale(0.5); }
.viewpageSection .popupContentWrap .dotHalfWrap{ display: flex; gap: 40px; }
.viewpageSection .popupContentWrap .bronBgTitle{ margin-top: 20px; background-color: #917962;  border-radius: 10px 10px 0 0; padding: 15px; font-size: 24px; font-weight: 500; }

@media screen and (max-width: 1250px) { 
    .viewpageSection .popupContentWrap{ max-width: 90%; }
    .viewpageSection .popupContentWrap .titleBox{ padding: 20px; font-size: 20px; }
    .viewpageSection .popupContentWrap .popupContentDiv{ padding:40px 20px; }
    .viewpageSection .popupContentWrap .halfBox .profileImgBox{ width: 31vw; height: 39vw; }
    .viewpageSection .popupContentWrap .halfBox .nameBox{ margin-top:20px; font-size: 30px;  }
    .viewpageSection .popupContentWrap .contentDiv{ margin-top: 20px; }
    .viewpageSection .popupContentWrap .brownTitle{ font-size: 18px; }
    .viewpageSection .popupContentWrap .dot_list{ font-size: 16px; }
    .viewpageSection .popupContentWrap .bronBgTitle{ font-size: 20px; }
    .viewpageSection .popupContentWrap .dotHalfWrap{ flex-direction: column; gap: 0; }
    .viewpageSection .popupContentWrap .dotHalfWrap .dot_list + .dot_list{ margin-top: 5px; }
}
@media screen and (max-width: 900px) { 
    .viewpageSection .popupContentWrap .halfBox{ gap: 20px; flex-direction: column; } 
    .viewpageSection .popupContentWrap .halfBox .profileImgBox.pc{ display: none; }
    .viewpageSection .popupContentWrap .halfBox .profileImgBox.mo{ display: block; }
    .viewpageSection .popupContentWrap .halfBox .nameBox{ margin-top: 0; }
    .viewpageSection .popupContentWrap .halfBox .profileImgBox{ width: 57vw; height: 72vw; }
}
@media screen and (max-width: 650px) { 
    .viewpageSection .popupContentWrap .titleBox{ padding:10px 15px; border-radius: 5px 5px 0 0; }
    .viewpageSection .popupContentWrap .popupContentDiv{ padding-top: 0; border-radius: 0 0 5px 5px; }
    .viewpageSection .popupContentWrap .halfBox .nameBox{ font-size: 20px; }
    .viewpageSection .popupContentWrap .brownTitle{ font-size: 16px; }
    .viewpageSection .popupContentWrap .dot_list{ font-size: 14px; }
    .viewpageSection .popupContentWrap .bronBgTitle{ font-size: 16px; border-radius: 5px 5px 0 0; padding: 10px 15px; }
}

/* .menu2 .listArti .galleryList*/
.menu2 .listArti .galleryList{ display: flex; flex-wrap: wrap; width: calc(100% + 5px); margin-left: -2.5px; }
.menu2 .listArti .galleryList > li{ width: calc(100% / 3); padding: 2.5px; }
.menu2 .listArti .galleryList a{display: block; height: 100%;}
.menu2 .listArti .galleryList .item{ display: flex; flex-direction: column; align-items: center; justify-content: flex-start; height: 100%; background-color: #222; border: 2px solid #917962; color: #fff; padding: 30px 30px; }
.menu2 .listArti .galleryList .item .imgBox{ width: 100%; height: 108px; background-size: contain; background-repeat: no-repeat; background-position: center; }
.menu2 .listArti .galleryList .item .imgTitle{ margin-top: 12px; text-align: center; font-size: 26px; font-weight: 500; }
.menu2 .listArti .galleryList .item .imgSmallTitle{ margin-top: 5px; font-size: 16px; text-align: center; }
.menu2 .listArti .galleryList .item .imgCenterLabel{ text-align: center; margin-top: 30px; font-weight: 500; }
.menu2 .listArti .galleryList .item .label{ color: #8C7055; margin-top: 34px; }
.menu2 .listArti .galleryList .item .nameBox{ font-size: 32px; font-weight: 500; width: 100%; }
.menu2 .listArti .galleryList .item .nameBox .small{ font-size: 0.6em; }
.menu2 .listArti .galleryList .item .company{ margin-top: 5px; padding-bottom: 18px; border-bottom: 2px solid #917962; width: 100%; margin-bottom: 20px; }
.menu2 .listArti .galleryList .item .labelBox{ width: 100%; display: flex; gap: 4px; align-items: flex-start; }
.menu2 .listArti .galleryList .item .labelBox + .labelBox{ margin-top: 8px; }
.menu2 .listArti .galleryList .item .labelBox .label{ flex-shrink: 0; margin-top: 0; }

@media screen and (max-width: 1250px) { 
    .menu2 .listArti .galleryList .item .imgBox{ height: 6vw; }
    .menu2 .listArti .galleryList .item .imgTitle{ font-size: 20px; }
    .menu2 .listArti .galleryList .item .nameBox{ font-size: 24px; }
}
@media screen and (max-width: 900px) { 
    .menu2 .listArti .galleryList .item .imgBox{ height: 10vw; }
    .menu2 .listArti .galleryList > li{ width: calc(100% / 2); }
}
@media screen and (max-width: 600px) { 
    .menu2 .listArti .galleryList > li{ width: 100%; padding: 5px; }
    .menu2 .listArti .galleryList .item .imgBox{ height: 16vw; }
    .menu2 .listArti .galleryList .item{ font-size: 14px; padding: 15px; }
    .menu2 .listArti .galleryList .item .imgTitle{ font-size: 18px; }
    .menu2 .listArti .galleryList .item .nameBox{ font-size: 20px; }
    .menu2 .listArti .galleryList .item .company{ padding-bottom: 10px; margin-bottom: 10px; }
}

/* .menu3 .subBannerArti */
.sub.menu3 .subBannerArti .title::before{ content:'Capabilities'; }

/* .menu3 .categoryListArti */
.menu3 .categoryListArti{ padding-bottom: 100px; overflow: hidden; background-image: url('../img/sub/menu2/background.png'); background-size: cover; background-repeat: no-repeat; background-position: top center; background-color: rgba(140, 112, 85, 1); }
.menu3 .categoryListArti .categoryList{ display: flex; flex-wrap: wrap; }
.menu3 .categoryListArti .categoryList > li{ width: calc(100% / 4); }
.menu3 .categoryListArti .categoryList .item{ position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; gap: 16px; height: 300px; background-color: #222; background-size: cover; background-repeat: no-repeat; background-position: center; }
.menu3 .categoryListArti .categoryList .item.bg1{ background-image: url('../img/sub/menu3/bg1.png'); }
.menu3 .categoryListArti .categoryList .item.bg2{ background-image: url('../img/sub/menu3/bg2.png'); }
.menu3 .categoryListArti .categoryList .item.bg3{ background-image: url('../img/sub/menu3/bg3.png'); }
.menu3 .categoryListArti .categoryList .item.bg4{ background-image: url('../img/sub/menu3/bg4.png'); }
.menu3 .categoryListArti .categoryList .item.bg5{ background-image: url('../img/sub/menu3/bg5.png'); }
.menu3 .categoryListArti .categoryList .item.bg6{ background-image: url('../img/sub/menu3/bg6.png'); }
.menu3 .categoryListArti .categoryList .item.bg7{ background-image: url('../img/sub/menu3/bg7.png'); }
.menu3 .categoryListArti .categoryList .item.bg8{ background-image: url('../img/sub/menu3/bg8.png'); }
.menu3 .categoryListArti .categoryList .item.bg9{ background-image: url('../img/sub/menu3/bg9.png'); }
.menu3 .categoryListArti .categoryList .item.bg10{ background-image: url('../img/sub/menu3/bg10.png'); }
.menu3 .categoryListArti .categoryList .item.bg11{ background-image: url('../img/sub/menu3/bg11.png'); }
.menu3 .categoryListArti .categoryList .item.bg12{ background-image: url('../img/sub/menu3/bg12.png'); }
.menu3 .categoryListArti .categoryList .item.bg13{ background-image: url('../img/sub/menu3/bg13.png'); }
.menu3 .categoryListArti .categoryList .item.bg14{ background-image: url('../img/sub/menu3/bg14.png'); }
.menu3 .categoryListArti .categoryList .item.bg15{ background-image: url('../img/sub/menu3/bg15.png'); }
.menu3 .categoryListArti .categoryList .item.bg16{ background-image: url('../img/sub/menu3/bg16.png'); }
.menu3 .categoryListArti .categoryList .item .text{ position: relative; z-index: 1; color: #fff; font-size: 24px; }
.menu3 .categoryListArti .categoryList .item .logoBox{ position: relative; display: flex; align-items: center; justify-content: center; }
.menu3 .categoryListArti .categoryList .item .logoBox .icon.active{ position: absolute; opacity: 0;  }
.menu3 .categoryListArti .categoryList .item::before{ transition: opacity .5s; opacity: 0; width: 100%; height: 100%; display: block; position: absolute; content:''; background-color: #222; }
.menu3 .categoryListArti .categoryList .item .arrowBtn{ opacity: 0; transition: opacity .5s; position: relative; z-index: 1; margin-top: 5px; display: flex; align-items: center; justify-content: center; gap: 5px; background-color: #4C4C4C; border-radius:100px; color: #fff; padding: 10px; width: 143px;  }

.menu3 .categoryListArti .categoryList .item:hover::before{ opacity: 1; }
.menu3 .categoryListArti .categoryList .item:hover .logoBox .icon.active{ opacity: 1; }
.menu3 .categoryListArti .categoryList .item:hover .text{ color: #917962; }
.menu3 .categoryListArti .categoryList .item:hover .arrowBtn{ opacity: 1; }


@media screen and (max-width: 1250px) { 
    .menu3 .categoryListArti .categoryList .item{ height: 25vw; }
    .menu3 .categoryListArti .categoryList .item .text{ font-size: 20px; }
    .menu3 .categoryListArti .categoryList .item .logoBox .icon{ width: 40px; }
    .menu3 .categoryListArti .categoryList .item .arrowBtn{ font-size: 15px; padding: 8px; }
}
@media screen and (max-width: 900px) { 
    .menu3 .categoryListArti .categoryList > li{ width: calc(100% / 3); }
    .menu3 .categoryListArti .categoryList .item{ height: 32vw; }
}
@media screen and (max-width: 650px) { 
    .menu3 .categoryListArti .categoryList > li{ width: calc(100% / 2); }
    .menu3 .categoryListArti .categoryList .item{ padding: 2vw; height: 47vw; gap:1vw;  }
    .menu3 .categoryListArti .categoryList .item .logoBox .icon{ width: 70%; }
    .menu3 .categoryListArti .categoryList .item .text{ font-size: 4vw; }
    .menu3 .categoryListArti .categoryList .item .arrowBtn{ margin-top: 1vw; padding: 1.5vw; gap: 1vw; font-size: 3.5vw; }
    .menu3 .categoryListArti .categoryList .item .arrowBtn .icon{ width: 3vw; }
}



/* .viewpageSection  */
.viewpageSection .cateBanner{ border-top: 6px solid #917962; border-bottom: 6px solid #917962; height: 200px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.viewpageSection .cateBanner.bg1{ background-image: url('../img/sub/menu3/viewpageSection/bg1.png'); }
.viewpageSection .cateBanner.bg2{ background-image: url('../img/sub/menu3/viewpageSection/bg2.png'); }
.viewpageSection .cateBanner.bg3{ background-image: url('../img/sub/menu3/viewpageSection/bg3.png'); }
.viewpageSection .cateBanner.bg4{ background-image: url('../img/sub/menu3/viewpageSection/bg4.png'); }
.viewpageSection .cateBanner.bg5{ background-image: url('../img/sub/menu3/viewpageSection/bg5.png'); background-position: right center; }
.viewpageSection .cateBanner.bg6{ background-image: url('../img/sub/menu3/viewpageSection/bg6.png');  }
.viewpageSection .cateBanner.bg7{ background-image: url('../img/sub/menu3/viewpageSection/bg7.png'); background-position: right 20% center; }
.viewpageSection .cateBanner.bg8{ background-image: url('../img/sub/menu3/viewpageSection/bg8.png');  }
.viewpageSection .cateBanner.bg9{ background-image: url('../img/sub/menu3/viewpageSection/bg9.png'); background-position:right center; }
.viewpageSection .cateBanner.bg10{ background-image: url('../img/sub/menu3/viewpageSection/bg10.png'); }
.viewpageSection .cateBanner.bg11{ background-image: url('../img/sub/menu3/viewpageSection/bg11.png'); }
.viewpageSection .cateBanner.bg12{ background-image: url('../img/sub/menu3/viewpageSection/bg12.png'); }
.viewpageSection .cateBanner.bg13{ background-image: url('../img/sub/menu3/viewpageSection/bg13.png'); }
.viewpageSection .cateBanner.bg14{ background-image: url('../img/sub/menu3/viewpageSection/bg14.png'); }
.viewpageSection .cateBanner.bg15{ background-image: url('../img/sub/menu3/viewpageSection/bg15.png'); }
.viewpageSection .cateBanner.bg16{ background-image: url('../img/sub/menu3/viewpageSection/bg16.png'); }

.viewpageSection .logo_3{ display: block; margin: 50px auto; max-width: 50%; }
.viewpageSection .textBox_3{ line-height: 1.6em; word-break: keep-all; }
.viewpageSection .textBox_3.center{ text-align: center; }
.viewpageSection .textBox_3 .small{ font-size: 0.8em; }
.viewpageSection .textBox_3 .big{ font-size: 1.125em; }
.viewpageSection .gold{ color: #917962; font-size: 1.125em; }
.viewpageSection .textBox_3 + .textBox_3{ margin-top: 50px; }
.viewpageSection .cate1Box{ justify-content: center; margin: 40px 0; display: flex; gap: 16px; }
.viewpageSection .cate1Box > li{ flex-grow: 1; display: flex; justify-content: center; }
.viewpageSection .cate1Box > li.three{ width: calc(100% / 3); }
.viewpageSection .cate1Box .item{ width: 100%; }
.viewpageSection .cate1Box .icon{ margin: 0 auto; display: block; }
.viewpageSection .bottomApplyArti{ margin-top: 40px; background-image: unset; }

.menu3 .viewpageSection.cate7 .cate1Box { flex-wrap: wrap; }
.menu3 .viewpageSection.cate7 .cate1Box li{ width: calc((100% / 3 ) - 15px); }
.menu3 .viewpageSection.cate8 .cate1Box { flex-wrap: wrap; }
.menu3 .viewpageSection.cate8 .cate1Box > li{ width: calc((100% / 3) - 15px); flex-grow: unset; }

.viewpageSection .cate1Box > li.full{ width: 100%; }
.viewpageSection .cate1Box > li.full .goldBox{ width: 100%; }
.viewpageSection .cate1Box .goldBox{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: 20px; border-radius: 0px 0px 4px 4px; border: 2px solid #917962; border-top: 10px solid #917962; }
.viewpageSection .cate1Box .goldBox.flexStart{ justify-content: flex-start; }
.viewpageSection .cate1Box .goldBox.column{ flex-direction: row; display: flex; gap: 20px; justify-content: flex-start; align-items: center; line-height: 1.5em; color: #CCB197; }
.viewpageSection .cate1Box .goldBox.column .icon{ margin: unset; }
.viewpageSection .cate1Box .goldBox .icon{ margin-bottom: 10px; }
.viewpageSection .cate1Box .goldBox.column .icon{ margin-bottom: 0; }

.viewpageSection .cate1Box .goldBox.center{ word-break: keep-all; align-items: center; text-align: center; display: flex; justify-content: center; flex-direction: column; }
.viewpageSection .cate1Box .text{ line-height: 1.5em; color: #CCB197; word-break: keep-all; }
.viewpageSection .cate1Box .text.center{ text-align: center; }
@media screen and (max-width: 1250px) { 
    .menu3 .viewpageSection.cate3 .cate1Box{ flex-wrap: wrap; }
    .viewpageSection .cate1Box > li{ max-width: calc((100% / 2) - 10px ); }
    .viewpageSection .cate1Box{ font-size: 14px; gap: 5px; flex-wrap: wrap; }   
    .viewpageSection .cate1Box > li.three{ width: auto; }
    .menu3 .viewpageSection.cate7 .cate1Box li{ width: calc((100% / 2) - 10px); }
    .menu3 .viewpageSection.cate8 .cate1Box > li{ width: calc((100% / 2) - 10px); }
    .viewpageSection .cate1Box br{ display: none; }
    .viewpageSection .cate1Box .goldBox.column{ flex-direction: column; text-align: center; }
}
@media screen and (max-width:650px) { 
    .viewpageSection .cateBanner{ margin-top: 30px; height: 25vw; }
    .viewpageSection .logo_3{ width: 20vw; }
    .viewpageSection .cate1Box > li{ max-width: unset; }
    .menu3 .viewpageSection.cate7 .cate1Box li{ width: 100%; }
    .menu3 .viewpageSection.cate1 .cate1Box .item{ max-width: 300px; }   
    .menu3 .viewpageSection.cate5 .cate1Box .item{ max-width: 300px; }   
    .menu3 .viewpageSection.cate7 .cate1Box .item{ max-width: 300px; }   
    .menu3 .viewpageSection.cate8 .cate1Box .item{ max-width: 300px; }  
    .menu3 .viewpageSection.cate8 .cate1Box > li{ width: 100%; } 
    .viewpageSection .textBox_3{ font-size: 14px; }
    .viewpageSection .bottomApplyArti .t1{ font-size: 4vw; }
    .viewpageSection .bottomApplyArti .t2{ padding-left: 25%; font-size: 4.5vw; }
    .viewpageSection .cate1Box .goldBox.column{ flex-direction: column; gap: 10px; }
}

/* .menu4 .subBannerArti */
.sub.menu4 .subBannerArti .title::before{ content:'Achievement'; }

/* .menu4 .achiveListArti */
.menu4 .achiveListArti{ padding-bottom: 100px; background-image: url('../img/sub/menu2/background.png'); background-size: cover; background-repeat: no-repeat; background-position: top center; }
.menu4 .achiveListArti .category_list{ display: flex; flex-wrap: wrap; text-align: center; }
.menu4 .achiveListArti .category_list > li{ flex-grow: 1; }
.menu4 .achiveListArti .category_list .item{ border: .5px solid rgba(0,0,0,0.2); display: block; padding: 20px; color: #fff; font-weight: 500; background-color: #B4977B; width: 100%; }
.menu4 .achiveListArti .category_list .item.active{ background-color: #222; }
.menu4 .achiveListArti .listWrapDiv{ margin-top: 20px; }
.menu4 .achiveListArti .aciveList{ display: flex; flex-wrap: wrap; width: calc(100% + 30px); margin-left: -15px; }
.menu4 .achiveListArti .aciveList > li{ width: calc(100% / 4); padding: 7.5px 15px; }
.menu4 .achiveListArti .aciveList .item{ transition: transform 0.5s; background-size: cover; background-repeat: no-repeat; background-position: center; display: flex; align-items: flex-start; justify-content: flex-end; flex-direction: column; padding: 20px; height: 440px; border-radius: 20px; overflow: hidden; filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.25)); }
.menu4 .achiveListArti .aciveList .item:hover{ transform: translateY(-10px); }
.menu4 .achiveListArti .aciveList .item.bg1{ background-image: url('../img/sub/menu4/item1.png'); }
.menu4 .achiveListArti .aciveList .item.bg2{ background-image: url('../img/sub/menu4/item2.png'); }
.menu4 .achiveListArti .aciveList .item .title{ font-size: 40px; font-weight: 700; color: #fff; text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.40); }
.menu4 .achiveListArti .aciveList .item .content{ margin-top: 23px; display: flex; align-items: flex-end; gap: 4px; color: #fff; font-size: 18px;  }
.menu4 .achiveListArti .aciveList .item .content .text{ text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.menu4 .achiveListArti .aciveList .item .content .icon{ flex-shrink: 0; }


@media screen and (max-width: 1250px) { 
    .menu4 .achiveListArti .category_list .item{ padding: 15px 10px; }
    .menu4 .achiveListArti .aciveList{ width: calc(100% + 10px); margin-left: -5px; }
    .menu4 .achiveListArti .aciveList > li{ padding: 7px 5px; }
    .menu4 .achiveListArti .aciveList .item{ height: 33vw; }
    .menu4 .achiveListArti .aciveList .item .title{ font-size: 28px; }
    .menu4 .achiveListArti .aciveList .item .content{ font-size: 16px; margin-top: 15px; }
}
@media screen and (max-width: 900px) { 
    .menu4 .achiveListArti .category_list{ font-size: 14px; }
    .menu4 .achiveListArti .aciveList > li{ width: calc(100% / 3); }
    .menu4 .achiveListArti .aciveList .item{ height: 46vw; }
}
@media screen and (max-width: 650px) { 
    .menu4 .achiveListArti .category_list > li{ width: calc(100% / 3); }
    .menu4 .achiveListArti .category_list .item{ font-size: 14px; }
    .menu4 .achiveListArti .aciveList > li{ width: calc(100% / 2); }
    .menu4 .achiveListArti .aciveList .item{ height: 69vw; border-radius: 2vw; padding: 4vw; }
    .menu4 .achiveListArti .aciveList .item .title{ font-size: 5vw; }
    .menu4 .achiveListArti .aciveList .item .content .text{ font-size: 14px; }
    .menu4 .achiveListArti .aciveList .item .content .icon{ width: 40px; }
    .menu4 .achiveListArti .aciveList .item .content{ margin-top: 2vw; }
}
@media screen and (max-width: 400px) { 
    .menu4 .achiveListArti .category_list .item{ padding:3vw 2vw; font-size: 3vw; }
}

/* .menu5 .subBannerArti */
.sub.menu5 .subBannerArti .title::before{ content:'Location'; }

/* .menu5 .mapArti */
.menu5 .mapArti{ padding-bottom: 100px;  background-image: url('../img/sub/menu2/background.png'); background-size: cover; background-repeat: no-repeat; background-position: top center; }
.menu5 .mapArti .mapDiv{ border-radius: 20px; overflow: hidden; }
.menu5 .mapArti .mapDiv + .mapDiv{ margin-top: 60px; }
.menu5 .mapArti .mapDiv .titleBox{ display: flex; align-items: center; justify-content: space-between; background-color: #222; padding:9px 20px; border-top: 10px solid #4C4C4C; font-size: 24px; color: #fff; font-weight: 500;  }
.menu5 .mapArti .mapDiv.title2{ border-radius: 0; }
.menu5 .mapArti .mapDiv.title2 .titleBox{ border-radius: 0; border-top: 0; background-color: #8C7055; }
.menu5 .mapArti .mapDiv .halfBox{ display: flex; flex-wrap: wrap; }
.menu5 .mapArti .mapDiv .imgBox{ height: 440px; width: calc(100% / 2); background-size: cover; background-repeat: no-repeat; background-position: center; }
.menu5 .mapArti .mapDiv .imgBox.img1{ background-image: url('../img/sub/menu5/img1.png'); }
.menu5 .mapArti .mapDiv .imgBox.img2{ background-image: url('../img/sub/menu5/img2.png'); }
.menu5 .mapArti .mapDiv .mapBox{ width: calc(100% / 2); }
.menu5 .mapArti .mapDiv .mapList{ display: flex; flex-wrap: wrap; margin-top: 40px; justify-content: space-between; }

.menu5 .mapArti .mapDiv .mapList .label{ font-size: 24px; font-weight: 500; color: #fff; }
.menu5 .mapArti .mapDiv .mapList .dotContent{ margin-top: 10px; padding-bottom: 10px; padding-right: 10px; border-bottom: 1px solid #8C7055; color: #fff; font-size: 20px; position: relative; padding-left: 20px; }
.menu5 .mapArti .mapDiv .mapList .dotContent::before{ content:'•'; position: absolute; left:0; top: 0; }

@media screen and (max-width: 1250px) { 
    .menu5 .mapArti .mapDiv .titleBox{ font-size: 18px; }
    .menu5 .mapArti .mapDiv .titleBox .icon{ width: 30px; }
    .menu5 .mapArti .mapDiv .mapList > li{ width: calc(100% / 2); padding: 10px; }
    .menu5 .mapArti .mapDiv .mapList .label{ font-size: 18px; }
    .menu5 .mapArti .mapDiv .mapList .dotContent{ font-size: 16px; }
    .menu5 .mapArti .mapDiv .imgBox{ height: 34vw; }
}
@media screen and (max-width: 650px) { 
    .menu5 .mapArti .mapDiv .mapList > li{ width: 100%; }
    .menu5 .mapArti .mapDiv .imgBox{ width: 100%; height: 50vw; }
    .menu5 .mapArti .mapDiv .mapBox{ width: 100%; height: 50vw; }

    .menu5 .mapArti .mapDiv .mapList .label{ font-size: 16px; }
    .menu5 .mapArti .mapDiv .mapList .dotContent{ font-size: 14px; }
}

/* .subHeaderSec */
.subHeaderSec{ background-color: #917962; height: 84px; }
@media screen and (max-width: 650px) {
    .subHeaderSec{ height: 78px; }
}

/* .baordBoxArti */
.baordBoxArti{ padding: 50px 0; }
@media screen and (max-width: 650px) {
    .baordBoxArti{ padding: 0; }
    .boardArti{ padding: 50px 0 !important; }
}



/* .main .memberSlideArti */
.main .memberSlideArti{ border-top:6px solid rgba(145, 121, 98, 1); overflow: hidden; position: relative; padding: 100px 0; overflow: hidden; background-image: url('../img/main/memberSlideArti/background.png'); background-color: #222; background-size: cover; background-repeat:no-repeat; background-position: center; }
.main .memberSlideArti .bottomDiv{ width: 100%; height: 30%; background: linear-gradient(180deg, #917962 0%, #2B2B2B 100%); position: absolute; left: 0; bottom: 0; }
.main .memberSlideArti .titleWrap{ position: relative; display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.main .memberSlideArti .titleWrap .titleDiv{ font-family: "Times New Roman"; font-size: 55px; color: #fff; font-weight: 300; }
.main .memberSlideArti .titleWrap .titleDiv::before{ content:'Professionals'; color: rgba(255,255,255,0.1); font-size: 120px; position: absolute; left: 0; bottom: -1rem; }
.main .memberSlideArti .titleWrap .underline{ border-bottom: 2px solid #917962; }
.main .memberSlideArti .titleWrap .moreBtn{ color: #fff; font-size: 20px; display: flex; align-items: center; gap: 5px; }
.main .memberSlideArti .slideDiv{ margin-top: 38px; overflow: hidden; }
.main .memberSlideArti .slideDiv .item .imgBox{ border:10px solid transparent; transition: border .5s; height: 499px; background-color: #222; background-size: cover; background-repeat: no-repeat; background-position: center bottom -10px; }
.main .memberSlideArti .slideDiv .item:hover .imgBox{ border-color: #8C7055; }
.main .memberSlideArti .slideDiv .item .imgBox.img1{ background-image: url('../img/sub/menu2/people.png'); }
.main .memberSlideArti .slideDiv .item .nameBox{ font-weight: 500; margin-top: 10px; color: #fff; display: flex; align-items: flex-end; gap: 5px; }
.main .memberSlideArti .slideDiv .item .nameBox .big{ font-size: 2em; }
.main .memberSlideArti .slideDiv .swiper-slide.even-slide{  margin-top: 5%; }

@media screen and (max-width: 1250px) { 
    .main .memberSlideArti .titleWrap .titleDiv{ font-size: 40px; }
    .main .memberSlideArti .titleWrap .titleDiv::before{ font-size: 80px; bottom: -.5rem; }
    .main .memberSlideArti .titleWrap .moreBtn{ font-size: 16px; }
    .main .memberSlideArti .titleWrap .moreBtn .arrow{ width: 15px; }
    .main .memberSlideArti .slideDiv .item .imgBox{ height: 34vw; }
    .main .memberSlideArti .slideDiv .item .nameBox .big{ font-size: 1.5rem; }
}
@media screen and (max-width: 900px) { 
    .main .memberSlideArti{ padding: 100px 0 50px 0; }
    .main .memberSlideArti .slideDiv .item .imgBox{ height: 43vw; }
}
@media screen and (max-width: 650px) { 
    .main .memberSlideArti .slideDiv .item .imgBox{ height: 65vw; }
    .main .memberSlideArti .slideDiv .item .nameBox{ font-size: 14px; }
}
@media screen and (max-width: 500px) { 
    .main .memberSlideArti .titleWrap .titleDiv{ font-size: 30px; }
    .main .memberSlideArti .titleWrap .titleDiv::before{ font-size: 50px; }
    .main .memberSlideArti .slideDiv .item .imgBox{ border-width: 5px; }
    .main .memberSlideArti .slideDiv .item .nameBox .big{ font-size: 18px; }
}



/* 2025-02-03 성공사례 퍼블리싱 */
.sub.menu4 .achivementList{ display:flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; }
.sub.menu4 .achivementList > li{ width: calc(100% / 4); padding: 10px; }
.sub.menu4 .achivementList .item{ padding: 20px; height: 100%; border-radius: 20px; background: linear-gradient(0deg, rgba(246, 218, 191, 0.00) 0%, #F6DABF 100%), #C1A78E; }
.sub.menu4 .achivementList .item .icon{ margin: 20px 0; height: 140px; background-size: contain; background-repeat: no-repeat; background-position: center; }
.sub.menu4 .achivementList .item .icon.icon1{ background-image: url('../img/achievement/white_icon1.png'); }
.sub.menu4 .achivementList .item .icon.icon2{ background-image: url('../img/achievement/white_icon2.png'); }
.sub.menu4 .achivementList .item .icon.icon3{ background-image: url('../img/achievement/white_icon3.png'); }
.sub.menu4 .achivementList .item .icon.icon4{ background-image: url('../img/achievement/white_icon4.png'); }
.sub.menu4 .achivementList .item .icon.icon5{ background-image: url('../img/achievement/white_icon5.png'); }
.sub.menu4 .achivementList .item .icon.icon6{ background-image: url('../img/achievement/white_icon6.png'); }
.sub.menu4 .achivementList .item .title{ font-size: 24px; font-weight: 700; color: #473A2E; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.sub.menu4 .achivementList .item .content{ margin-top: 4px; color: #473A2E; font-size: 20px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.sub.menu4 .achivementList .item .btnWrapDiv{ gap: 10px; margin-top: 24px; display: flex; align-items: flex-end; justify-content: space-between; }
.sub.menu4 .achivementList .item .btnWrapDiv .iconBox{ display: flex; align-items: center; gap: 5px; padding: 7px 20px; border-radius: 10px; color: #fff; background-color: #917962; font-size: 20px; }
.sub.menu4 .achivementList .item .btnWrapDiv .arrow{ flex-shrink: 0; }
.sub.menu4 .achivementList .item .btnWrapDiv .text{ text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }

@media screen and (max-width: 1250px) { 
    .sub.menu4 .achivementList .item .icon{ height: 11vw; }
    .sub.menu4 .achivementList .item .title{ font-size: 18px; }
    .sub.menu4 .achivementList .item .content{ font-size: 16px; }

    .sub.menu4 .achivementList .item .btnWrapDiv .iconBox{ font-size: 16px; padding: 5px 10px; border-radius: 5px; }
    .sub.menu4 .achivementList .item .btnWrapDiv .arrow{ width:30px; }
}
@media screen and (max-width: 900px) { 
    .sub.menu4 .achivementList{ width: calc(100% + 5px); margin-left: -5px; }
    .sub.menu4 .achivementList > li{ width: calc(100% / 3); padding: 5px; }
    .sub.menu4 .achivementList .item{ border-radius: 10px; } 
}
@media screen and (max-width: 650px) { 
    .sub.menu4 .achivementList > li{ width: calc(100% / 2); }
    .sub.menu4 .achivementList .item{ padding: 10px; }
    .sub.menu4 .achivementList .item .icon{ height: 20vw; margin: 10px 0; }
    .sub.menu4 .achivementList .item .logo{ width: 7vw; }

    .sub.menu4 .achivementList .item .title{ font-size: 16px; }
    .sub.menu4 .achivementList .item .content{ font-size: 14px; }
    .sub.menu4 .achivementList .item .btnWrapDiv .text{ font-size: 13px; }
}

.sub.menu4_view .contentArti{ padding: 100px 0; }
.sub.menu4_view .contentArti .backBtnDiv{ display: flex; align-items: center; gap: 10px; justify-content: space-between; }
.sub.menu4_view .contentArti .backBtnDiv .leftDiv{ display: flex; flex-direction: column; gap:5px; }
.sub.menu4_view .contentArti .backBtnDiv .leftDiv .backBtn{ display: flex; align-items: center; gap: 2px; color: #7F7F7F; }
.sub.menu4_view .contentArti .backBtnDiv .categoryDiv{ align-items: center; flex-shrink: 0; background-color: #000; padding:10px; border-radius: 10px; color: #917962; display: flex; gap:5px; }
.sub.menu4_view .contentArti .backBtnDiv .categoryDiv .icon{ flex-shrink: 0; }
.sub.menu4_view .contentArti .backBtnDiv .categoryDiv .text{ flex-shrink: 0; }
.sub.menu4_view .contentArti .backBtnDiv .title{ color: #222; font-size: 32px; font-weight: 700; line-height: 1.25em; }

.sub.menu4_view .contentArti .bannerImg{ margin-top: 16px; height: 210px; background-color: #222; border-top: 6px solid #917962; border-bottom: 6px solid #917962; background-position: center; background-size: cover; background-repeat: no-repeat;  }
.sub.menu4_view .contentArti .bannerImg.img1{ background-image: url('../img/achievement/view_banner1.png'); }
.sub.menu4_view .contentArti .bannerImg.img2{ background-image: url('../img/achievement/view_banner2.png'); }
.sub.menu4_view .contentArti .bannerImg.img3{ background-image: url('../img/achievement/view_banner3.png'); }
.sub.menu4_view .contentArti .bannerImg.img4{ background-image: url('../img/achievement/view_banner4.png'); }
.sub.menu4_view .contentArti .bannerImg.img5{ background-image: url('../img/achievement/view_banner5.png'); }
.sub.menu4_view .contentArti .bannerImg.img6{ background-image: url('../img/achievement/view_banner6.png'); }

.sub.menu4_view .contentArti .centerTitle{ text-align: center; margin-top: 40px; font-size: 20px; font-weight: 700; }

.sub.menu4_view .contentArti .itemBoxDiv{ margin-top: 40px; }
.sub.menu4_view .contentArti .itemBoxDiv .titleDiv{ border-bottom: 1px solid #7F7F7F; padding-bottom: 5px; display: flex; align-items: flex-start; gap: 5px; font-size: 18px; font-weight: 700; }
.sub.menu4_view .contentArti .itemBoxDiv .titleDiv .icon{ flex-shrink: 0; margin-top: 2px; } 
.sub.menu4_view .contentArti .itemBoxDiv .content{ margin-top: 20px; line-height: 1.5em; font-size: 18px; }

.sub.menu4_view .contentArti .exampleDiv{ margin-top: 100px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 10px; }
.sub.menu4_view .contentArti .exampleDiv img{ border: 1px solid #e6e6e6; max-width: 100%; }

.sub.menu4_view .contentArti .listBtnDiv{ margin-top: 40px; display: flex; align-items: center; justify-content: center; }
.sub.menu4_view .contentArti .listBtnDiv .backBtn{ display: block; width: 100%; max-width: 240px; text-align: center; padding: 20px; border-radius: 4px; color: #fff; background-color:#917962; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10); }


@media screen and (max-width: 1250px) { 
    .sub.menu4_view .contentArti .backBtnDiv .leftDiv { font-size: 14px; }
    .sub.menu4_view .contentArti .backBtnDiv .title{ font-size: 24px; }
    .sub.menu4_view .contentArti .backBtnDiv .categoryDiv{ font-size:14px; gap: 4px; }
    .sub.menu4_view .contentArti .backBtnDiv .categoryDiv .icon{ width: 15px; }

    .sub.menu4_view .contentArti .itemBoxDiv .content{ font-size: 16px; }

    .sub.menu4_view .contentArti .exampleDiv{ margin-top: 50px; }

    .sub.menu4_view .contentArti .listBtnDiv .backBtn{ padding: 15px; }

}
@media screen and (max-width: 900px) { 
    .sub.menu4_view .contentArti .bannerImg{ height:30vw; }
    .sub.menu4_view .contentArti .bannerImg.img1{ background-position: left 20% center; }
    .sub.menu4_view .contentArti .bannerImg.img5{ background-position: right 10% center; }

    .sub.menu4_view .contentArti .bannerImg{ border-top: 4px solid #917962; border-bottom: 4px solid #917962; }
}
@media screen and (max-width: 650px) { 
    .sub.menu4_view .contentArti .backBtnDiv .leftDiv { font-size: 13px; }
    .sub.menu4_view .contentArti .backBtnDiv .title{ font-size: 20px; }
    .sub.menu4_view .contentArti .backBtnDiv .categoryDiv{ font-size: 13px; }
    .sub.menu4_view .contentArti .backBtnDiv .categoryDiv .icon{ width: 10px; }

    .sub.menu4_view .contentArti .centerTitle{ font-size: 18px; }
    .sub.menu4_view .contentArti .itemBoxDiv .content{ font-size: 14px; }

    .sub.menu4_view .contentArti .listBtnDiv .backBtn{ padding: 10px; font-size: 14px; max-width: 180px; }
    
}

/* 2025년 2월 17일 메인 성공사례 퍼블 수정 */
.main .sub.menu4 .achivementList{ width: 100%; position: relative; }
.main .sub.menu4 .achivementList .mySwiper{ width: 100%; }
.main .sub.menu4 .achivementList .text{ position: static; flex-grow: 1; }
.main .sub.menu4 .achivementList .item{ display: flex; flex-direction: column; align-items: flex-start; }
.main .sub.menu4 .achivementList .item .content{ flex-grow: 1; }
.main .sub.menu4 .achivementList .item .icon{ width: 100%; }
.main .sub.menu4 .achivementList .item .btnWrapDiv{ width: 100%; }


/* 2025년 2월 19일 메인 성공사례 검색창 추가 */
.sub.menu4 .searchArti{ padding: 50px 0; background-color: rgba(140, 112, 85, 1); }
.sub.menu4 .searchArti .inner{ display: flex; align-items: center; justify-content: center; }
.sub.menu4 .searchArti .searchBox{ display: flex; align-items: center; justify-content: center; position: relative; width: 100%; max-width: 850px; }
.sub.menu4 .searchArti .searchBox .searchIpt{ width: 100%; padding: 20px 30px; padding-left: 170px; padding-right: 70px; border-radius: 100px; color: #fff; border: 1px solid #917962; box-shadow: 6px 7px 9px 0px rgba(0, 0, 0, 0.15); background: #B4977B; }
.sub.menu4 .searchArti .searchBox .searchIpt::placeholder{  color: rgba(255,255,255,0.4); }
.sub.menu4 .searchArti .searchBox .searchIpt:focus{ border: none !important; }
.sub.menu4 .searchArti .searchBox .searchBtn{ position: absolute; right: 18px; width: 46px; height: 46px; border-radius: 50%; background-color: #917962; border: none;  }  
.sub.menu4 .searchArti .selectBox{ 
    background-image: url('../img/common/white-select-icon.png'); flex-shrink: 0; padding: 0 30px; color: #fff; width: 150px;
    background-color: transparent; border: none; position: absolute; left: 0; height: calc(100% - 30px); border-right: 1px solid #FFF; background-repeat: no-repeat; background-position: right 20px center;
    text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;
}
.sub.menu4 .searchArti .selectBox:focus,.sub.menu4 .searchArti .selectBox:focus-visible{ border: none !important; box-shadow:none !important; outline: unset !important; }
.sub.menu4 .searchArti .selectBox option{ color: #222; }
@media screen and (max-width: 650px) { 
    .sub.menu4 .searchArti { padding: 20px 0; }
    .sub.menu4 .searchArti .searchBox .searchIpt{ padding: 15px 30px; padding-right: 50px; padding-left: 100px; }
    .sub.menu4 .searchArti .searchBox .searchBtn{ width: 30px; height: 30px;  }
    .sub.menu4 .searchArti .searchBox .searchBtn .icon{ width: 50%; }
    .sub.menu4 .searchArti .searchBox .searchIpt::placeholder{ font-size: 14px; }
    .sub.menu4 .searchArti .selectBox{ font-size: 14px; width: 90px; padding: 0 10px; padding-left: 20px; padding-right: 30px; background-position: right 4px center; }
}

.sub.menu4 .totalTextDiv{ margin-top: 40px; font-size: 24px; color: #fff; font-family: 'Wanjunuriche'; display: flex; align-items: flex-start; gap: 10px; }
.sub.menu4 .totalTextDiv .icon{ margin-top: 2px; display:inline-block; }

@media screen and (max-width: 650px) { 
    .sub.menu4 .totalTextDiv{ font-size: 18px; }
    .sub.menu4 .totalTextDiv .icon{ width: 15px; margin-top: 0; }
}

.sub.menu4 .achiveListArti{ background-position: bottom center; }
.sub.menu4 .achivementList.popular{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px solid #917962; }

/* .bottomApplySec */
.bottomApplySec{ position: fixed; left: 0; bottom: 0; width: 100%; z-index: 9999; 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: #917962; 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 #917962; border-radius: 50%; position: absolute; left: 0; background: #fff; }
.bottomApplySec .agreeBox input[type="checkbox"]:checked + .text::before{ background-color: #917962; 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: center; 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; }
}


#hd_pop{ width: 100%; }
@media screen and (max-width: 700px) {
    .hd_pops_con{ max-width: 100%; height:auto !important; min-height: 200px; }
    .hd_pops{ max-width: 95%; left: 2.5% !important; height: auto !important; min-height: 200px;  }
}