@charset "utf-8";

/* 색 설정 */
:root {
    --main-color: #262649;
    --black-color : #222222;
    --white-color : #fff
}

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

/* 스크롤 커스텀 */
html::-webkit-scrollbar {width: 8px;}
html::-webkit-scrollbar-thumb {background-color: var(--main-color); border-radius: 10px;}

/* 드래그 블록 커스텀 */
::selection { background-color:var(--main-color); color:#fff; }
/* #779DE1 */

/* 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.06em; }
section{ display:block; }
a{ color:inherit; }

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

.paging_box{ padding:10px 0; display:flex; align-items: center; justify-content: center; }
.paging_box .pg_current{ background-color: #779DE1; border-color: #779DE1; }
.paging_box .pg_page{ background-color: #fff; }
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; }
p{ word-break: keep-all; }

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



/* header */
header{ border-bottom: 1px solid rgba(204, 204, 204, .4); position: fixed; left: 0; top: 0; width: 100%; background-color: #fff; padding: 20px 0; z-index: 9; }
header.transparent{ color: #fff; background: rgba(0,0,0,.4); border-bottom: none; }  
header .logo{ transition: width .5s; }
header .logo.white{ display: none; }
header.transparent .logo.white{ display: block; }
header.transparent .logo.default{ display: none; }
header .inner{ display:flex; align-items:center; justify-content: space-between; }
header .menu-box{display: flex; align-items: center; gap: 80px; }
header .menu-list{ display: flex; align-items: center; gap: 80px; }
header .menu-btn{ display: none; }
header .apply-btn{ padding: 3px;  border-radius: 100px; background:linear-gradient(0.25turn, #779EE2 , rgba(11, 51, 122, 1)); }
header .apply-btn .btn-content{ background-color: #222; color: #fff; font-weight: 600; padding: 6px 40px; border-radius: 100px; }

@media screen and (max-width: 1250px) {
    header .apply-btn .btn-content{ padding: 6px 16px; }
}
@media screen and (max-width: 1000px) { 
    header .menu-list{ gap: 40px; }
    header .menu-box{ gap: 40px; }
}
@media screen and (max-width: 820px) { 
    header .menu-box{ gap: 20px; }
    header .menu-list{ display: none; }
    header .menu-btn{ display: block; border: none; background: transparent; }
    header .menu-btn .icon{ width: 30px; }
}
@media screen and (max-width: 650px) { 
    header{ padding: 10px 0; }
    header .menu-box{ gap: 10px; }
    header .logo{ width: 140px; }
    header .apply-btn .btn-content{ font-size: 14px; }
}

/* slide-menu , menu-close-bg */
.slide-menu{ display: none; }
.menu-close-bg{ display: none; }
@media screen and (max-width: 820px) { 
    .menu-close-bg{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.4); z-index: 999; cursor: pointer; backdrop-filter: blur(2px); }
    .menu-close-bg.show{ display: block; }
    .slide-menu{ transition: right .5s; display: block; position: fixed; right: -380px; top: 0; background-color: #20304F; color: #fff; max-width: 90%; width: 380px; height: 100%; z-index: 9999; }
    .slide-menu.show{ right: 0; }
    .slide-menu .btn-wrap{ display: flex; align-items: center; justify-content: flex-end; padding: 30px 20px; }
    .slide-menu .btn-wrap .close-btn{ background: transparent; border: none; }
    .slide-menu .btn-wrap .close-btn .icon{ width: 20px; }
    .slide-menu .menu-list{ margin: 7vw; border-top: 1px solid rgba(255,255,255,0.3); }
    .slide-menu .menu-list .item{ background: transparent; border: none; display: flex; align-items: center; justify-content: space-between; width: 100%; position: relative; padding: 20px 20px; font-size: 18px; font-weight:600; border-bottom: 1px solid rgba(255,255,255,0.3); }
    .slide-menu .menu-list .item .icon{ width: 15px; transition: transform .5s; }
    .slide-menu .menu-list .item.on .icon{ transform: rotate(-180deg); }

    .slide-menu .sub-menu-list { display: none; opacity: .8; padding: 10px 0; }
    .slide-menu .sub-menu-list > li .sub{ display: block; padding: 15px 20px; border-bottom: 1px dashed rgba(255,255,255,0.3); } 

    /* .slide-menu .menu-list .item::after{ content:''; transition: width .2s; display: block; background-color: rgba(255,255,255,0.3); width: 10%; height: 1px; position: absolute; bottom:-1px; left: 0; } */
    /* .slide-menu .menu-list .item:hover::after{ width: 100%; } */
}


/* footer */
footer{ color: #fff; background-color: #181818; padding: 56px 0; }
footer .box-wrap{ display: flex; align-items: flex-start; gap: 179px; }
footer .box-wrap .info-list{ line-height: 1.5em; display: flex; flex-wrap: wrap; gap: 56px; }
footer .box-wrap .info-list .label{ font-size: 1.15em; color: #A3A3A3; }
footer .box-wrap .info-list .content{ word-break: keep-all; font-size: .95em; margin-top: 13px; font-weight: 600; }
footer .copy-right{ opacity: .2; font-size: .8em; }

@media screen and (max-width: 1250px) { 
    footer .box-wrap .info-list{ gap:10px; flex-direction: column; }
    footer .copy-right{ margin-top: 30px; }
}
@media screen and (max-width: 950px) { 
    footer { font-size: 14px; }
    footer .box-wrap{ flex-direction: column; gap: 20px; }
    footer .box-wrap .info-list > li{ display: flex; align-items: flex-start; gap: 10px; }
    footer .box-wrap .info-list .label{ font-size: 1em; flex-shrink: 0; }
    footer .box-wrap .info-list .content{ font-size: 1em; margin-top: 0; }
}
@media screen and (max-width: 650px) { 
    footer{ padding-top: 30px; }
    footer .logo{ width: 140px; }
}

..main{ overflow: hidden; position: relative; }
/* .main .visual-section */
.main .visual-section{ overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; color: #fff; min-height: 100vh; padding: 100px 0; background-image: url('../img/main/visual-section/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .visual-section .bg-box{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url('../img/main/visual-section/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .visual-section .inner{ position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.main .visual-section .title-wrap{ padding-top: 205px; display: flex; flex-direction:column; align-items: center; justify-content: center; position: relative; }
.main .visual-section .title-wrap .circle{ bottom: 10%; position: absolute; } 
.main .visual-section .title-wrap .text-wrap{ overflow: hidden; position: relative; z-index: 1; font-size: 52px; }
.main .visual-section .title-wrap .text-wrap.t2{ font-weight: 600; }
.main .visual-section .bar{ width: 80px; height: 2px; background-color: #fff; margin: 24px 0; }
.main .visual-section .start-end-box{ text-align: center; display: flex; align-items: center; font-size: 20px; line-height:1.5em }
.main .visual-section .scroll{ position: absolute; bottom: 25px; width: 72px; height: 72px; background-color: #393E63; border-radius: 50%; display: flex; flex-direction: column; gap: 5px; align-items: center; justify-content: center; font-size: 14px; }

@media screen and (max-width: 1250px) { 
    .main .visual-section .title-wrap{ padding-top: 130px; }
    .main .visual-section .title-wrap .text-wrap{ font-size: 40px;}
    .main .visual-section .title-wrap .circle{ width: 200px; }

    .main .visual-section .start-end-box{font-size: 16px;}
}
@media screen and (max-width: 650px) { 
    .main .visual-section{ padding: 65px 0; }
    .main .visual-section .title-wrap .text-wrap{ font-size: 30px; }
    /* .main .visual-section .start-end-box{ font-size: 14px; } */
    .main .visual-section .start-end-box .icon{ display: none; }

    .main .visual-section .scroll{ font-size: 12px; width: 60px; height: 60px; }
}

/* .main .about-section */
.main .about-section{ overflow: hidden; position: relative;  background-color: #181818; color: #fff; position: relative; padding: 120px 0; overflow: hidden; }
.main .about-section .bg-wrap{ position: absolute; left: 0; top: 0; width:100%;  height: 100%; background-image: url('../img/main/about-section/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: right 20% center; }
.main .about-section .inner{ position: relative; z-index: 1; }
.main .about-section .main-content-div{ color: #d1d1d1; }
@media screen and (max-width: 1250px) { 
    .main .main-content-div{ font-size: 18px; }
}
@media screen and (max-width: 950px) { 

}
@media screen and (max-width: 650px) { 
    .main .about-section{ padding: 80px 0; }
    /* .main .main-content-div{ font-size: 16px; } */
}

/* .main-title-div */
/* .main .main-content-div */
.main-title-div{ text-align: center; } 
.main-title-div .en{ overflow: hidden; font-size: 20px; font-weight: 400; color: #779DE1; }
.main-title-div .bar{ margin: 10px auto; width: 40px; height: 2px; background-color: #779DE1; }
.main-title-div h2{ overflow: hidden; font-size: 36px; font-weight: 600; word-break: keep-all; }

.main .main-content-div{ line-height: 1.8em; text-align: center; margin-top: 20px; font-size: 20px;  }
.main .main-content-div .moBr{ display: none; }
@media screen and (max-width: 1250px) { 
    .main-title-div .en{ font-size: 18px; }
    .main-title-div h2{ font-size: 30px; }
}
@media screen and (max-width: 950px) { 
    .main-title-div .en{ font-size: 16px; }
}
@media screen and (max-width: 650px) { 
    .main-title-div .en{ font-size: 14px; }
    .main-title-div h2{ font-size: 26px; }

    .main .main-content-div{ font-size: 16px; }
    .main .main-content-div br{ display: none; }
    .main .main-content-div .moBr{ display: inline-block; }
}

/* .main .lawfirm-section */
.main .lawfirm-section{ overflow: hidden; position: relative;  padding-top:50px; display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: #20304F; background-image: url('../img/main/lawfirm-section/background.jpeg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .lawfirm-section .inner{ display: flex; align-items: center; justify-content: center; flex-direction: column; }
.main .lawfirm-section .lawyer-list{ margin-top: 20px; gap: 120px; display: flex; align-items: flex-end; }
.main .lawfirm-section .lawyer-list > li{ padding: 0 40px; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.main .lawfirm-section .lawyer-list > li .item{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.main .lawfirm-section .lawyer-list > li .item .lawyer{ max-width: 100%; width: 370px; }
.main .lawfirm-section .lawyer-list .item-box{ width: 515px; border-radius: 10px; overflow: hidden; border: 3px solid #262649; position: absolute; bottom: 40px; }
.main .lawfirm-section .lawyer-list .item-box .title{ background-image: url('../img/main/lawfirm-section/title-background.png'); background-size: cover; background-repeat: no-repeat;  background-color: #262649; padding: 15px 10px; text-align: center; color: #fff; font-size: 1.2em; }
.main .lawfirm-section .lawyer-list .item-box .title .big{ font-size: 1.5em; font-weight: 600; }
.main .lawfirm-section .lawyer-list .item-box .content{ font-size: 22px; text-align: center; background-color: #FFF; padding: 20px 10px; }
.main .lawfirm-section .lawyer-list .item-box .content .moBr{ display: none; }
.main .lawfirm-section .lawyer-list .item-box .more-btn{ display: block; margin: 0 auto; margin-top: 26px; padding: 10px; background-color: #262649; color: #fff; max-width: 245px; border-radius: 10px; font-size: 18px; }
.main .lawfirm-section .lawyer-list .item-box .more-btn .plus{ display: inline-block; line-height: 1.6em; transition: transform .5s; }
.main .lawfirm-section .lawyer-list .item-box .more-btn:hover .plus{ transform: rotate(-180deg); }

@media screen and (max-width: 1250px) { 
    .main .lawfirm-section .logo{ width: 250px; }
    .main .lawfirm-section .lawyer-list{ gap: 20px; }
    .main .lawfirm-section .lawyer-list .item-box{ width: 415px; }
    .main .lawfirm-section .lawyer-list .item-box .content{ font-size: 18px; }
    .main .lawfirm-section .lawyer-list .item-box .more-btn{ font-size: 16px; }
}
@media screen and (max-width: 950px) { 
    .main .lawfirm-section .lawyer-list{ gap: 5vw; }
    .main .lawfirm-section .lawyer-list .item-box{ width: 40vw; }
    .main .lawfirm-section .lawyer-list .item-box .content{ padding: 2vw 1vw; font-size: 2vw; } 
    .main .lawfirm-section .lawyer-list .item-box .content .moBr{ display:inline-block; }
    .main .lawfirm-section .lawyer-list .item-box .title{ font-size: 1.8vw; padding: 1vw; }
    .main .lawfirm-section .lawyer-list .item-box{ bottom: 10px; }
    .main .lawfirm-section .lawyer-list .item-box .more-btn{ margin-top: 2vw; padding: 1vw; font-size: 2vw; }
}
@media screen and (max-width: 650px) { 
    .main .lawfirm-section{ padding: 50px 0; }
    .main .lawfirm-section .logo{ width: 140px; }
    .main .lawfirm-section .lawyer-list{ flex-direction: column; margin-top: 40px; }
    .main .lawfirm-section .lawyer-list .item-box{ width: 100%; bottom: 0; }
    .main .lawfirm-section .lawyer-list .item-box .title{ font-size: 16px; }
    .main .lawfirm-section .lawyer-list .item-box .content{ line-height: 1.5em; padding: 20px 10px; font-size: 16px; }
    .main .lawfirm-section .lawyer-list .item-box .more-btn{ padding: 10px; font-size: 14px; margin-top: 20px; }
    .main .lawfirm-section .lawyer-list > li .item .lawyer{ padding-bottom: 120px; }
    /* 
        두분이 동시에 나오고 싶다면 주석을 해제해주세요.
        기존 코드는 주석해주세요.
    */
    /* .main .lawfirm-section .lawyer-list{ gap: 0; }
    .main .lawfirm-section .logo{ width: 30vw; }
    .main .lawfirm-section .lawyer-list > li{ padding: 0 2vw; }
    .main .lawfirm-section .lawyer-list .item-box{ width: 43vw; }
    .main .lawfirm-section .lawyer-list .item-box .title{ font-size: 2.5vw; }
    .main .lawfirm-section .lawyer-list .item-box .content{ font-size: 2.5vw; }
    .main .lawfirm-section .lawyer-list .item-box .more-btn{ font-size: 2.5vw; border-radius: 1vw; } */
}
@media screen and (max-width: 500px) { 
    /* .main .lawfirm-section .lawyer-list .item-box .title{ font-size: 3vw; }
    .main .lawfirm-section .lawyer-list .item-box .content{ font-size: 3vw; }
    .main .lawfirm-section .lawyer-list .item-box .more-btn{ font-size: 3vw;} */
}

/* .main .service-section */
.main .service-section{ overflow: hidden; position: relative;  padding: 180px 0 50px 0; color: #fff; background-image: url('../img/main/service-section/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .service-section .item-list{ text-align: center; margin-top: 48px; display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; }
.main .service-section .item-list > li{ transition: none; width: calc(100% / 4); padding: 10px; }
.main .service-section .item-list .item{ background-size: cover; background-repeat: no-repeat; background-position: center; display: flex; align-items: flex-end; justify-content: center; background-color: #222; padding: 20px; border-radius: 10px; height: 430px; }
.main .service-section .item-list .item.background1{ background-image: url('../img/main/service-section/bg1.jpg');} 
.main .service-section .item-list .item.background2{ background-image: url('../img/main/service-section/bg2.jpg');} 
.main .service-section .item-list .item.background3{ background-image: url('../img/main/service-section/bg3.jpg');} 
.main .service-section .item-list .item.background4{ background-image: url('../img/main/service-section/bg4.jpg');} 
.main .service-section .item-list .item .text{ padding: 10px; width: 100%; background-color: #262649; border-radius: 10px; font-weight: 600; font-size: 24px; }

.main .service-section .item-list.on > li { width: 20%; }
.main .service-section .item-list > li.on { width: 40%; }
.main .service-section .item-list.transition > li { transition: width 0.4s ease; }

.main .service-section .moBr{ display: none; }

@media screen and (max-width: 1250px) { 
    .main .service-section .item-list{ width: calc(100% + 10px); margin-left: -5px; }
    .main .service-section .item-list > li{ padding: 5px; }
    .main .service-section .item-list .item{ height: 35vw; }
    .main .service-section .item-list .item .text{ font-size: 18px; }
}
@media screen and (max-width: 950px) { 
    .main .service-section{ padding-top: 50px; }
    .main .service-section .item-list > li{ width: 50%; }
    .main .service-section .item-list:hover > li { width: 50%; }
    .main .service-section .item-list > li:hover{ width: 50%; }
    .main .service-section .item-list .item { border-radius: 5px; height: 45vw; padding: 3vw; }
    .main .service-section .item-list .item .text{ font-size: 16px; }
}
@media screen and (max-width: 650px) { 
    .main .service-section .item-list .item .text{ padding: 8px; }
    .main .service-section .moBr{ display: inline-block; }
    .main .service-section .moNone{ display: none; }
}


/* .skill-section */
.main .skill-section{ overflow: hidden; position: relative;  padding: 150px 0; color: #fff; background-color:#222; background-image: url('../img/main/skill-section/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.skill-section .slide-div{ position: relative; color: #222; margin-top: 30px; }
.skill-section .slide-div .item{ overflow: hidden; background-color: #fff; border-radius: 20px 0; }
.skill-section .slide-div .item .title{  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin: 16px 20px; text-align: center; font-size: 20px; }
.skill-section .slide-div .item .img-box{ background-size: cover; background-repeat: no-repeat; background-position: center; height: 350px; border: 1px solid #dfdfdf; border-left: none; border-right: none; }
.skill-section .slide-div .item .profile-div{ font-weight: 700; padding: 7px 0; display: flex; align-items: center; justify-content: center; gap: 10px; }
.skill-section .slide-div .item .profile-div .img{ flex-shrink: 0; background-color: rgba(217, 217, 217, 1); width: 52px; height: 52px; border-radius: 50%; background-size: cover; background-repeat: no-repeat; background-position: center; }
.skill-section .slide-div .item .profile-div b{ font-size: 1.25em; padding-right: 5px; }
.main .search-icon{ display: flex; visibility:hidden; pointer-events: none; position: absolute; font-size: 14px; width: 100px; height:100px; background-color: rgba(0,0,0,.5); border-radius: 50%; left: 0; top: 0; z-index: 2; align-items: center; justify-content: center; flex-direction: column; gap: 5px; color: #fff; }
.main .search-icon .icon{ width: 30px; }
.main-btn-div { display: flex; align-items: center; justify-content: center; margin-top: 38px; }
.main-btn-div .more-btn{ line-height: 1.5em; text-align: center; background-color: #262649; border-radius: 10px; font-size: 18px; padding: 8px 10px; width: 100%; max-width: 245px; }

@media screen and (max-width: 1250px) { 
    .skill-section .slide-div .item .img-box{ height: 27vw; }
    .skill-section .slide-div .item .title{ font-size: 16px; }
    .skill-section .slide-div .item .profile-div .img{ width: 40px; height: 40px; }
}
@media screen and (max-width: 950px) { 
    .skill-section .slide-div .item .img-box{ height: 40vw; }
}
@media screen and (max-width: 650px) { 
    .main .skill-section{ padding: 50px 0; }
    .skill-section .slide-div .item .img-box{ height: 54vw; }
    .skill-section .slide-div .item .title{ font-weight: 600; margin: 15px; }
    .skill-section .slide-div .item .profile-div{ gap: 5px; font-size: 14px; }
    .skill-section .slide-div .item .profile-div .img{ width: 30px; height: 30px; }
    .main-btn-div .more-btn{ max-width: 180px; font-size: 16px; }
    .main .search-icon{ display: none; }
}

/* .review-section */
.main .review-section{ overflow: hidden; position: relative;  padding: 100px 0; background-color: #262649; background-image: url('../img/main/review-section/background.jpeg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.review-section .main-title-div{ color: #fff; }
.review-section .review-wrap{ margin-top: 38px; }
.review-section .review-wrap .item{ background-size: cover; background-repeat: no-repeat; background-position: center; height: 445px; border-radius: 10px; overflow: hidden; }
.review-section .slide-div{ position: relative; }
.review-section .more-btn{ background-color: #fff; color: #262649; }
@media screen and (max-width: 1250px) { 
    .review-section .review-wrap .item{ height: 36vw; }
}
@media screen and (max-width: 950px) { 
    .review-section .review-wrap .item{ height: 59vw; }
}
@media screen and (max-width: 650px) { 
    .main .review-section{ padding: 50px 0; }
    .review-section .review-wrap .item{ height: 55vw; }
}

/* .location-section */
.location-section{ overflow: hidden; position: relative;  padding: 100px 0; background-image: url('../img/main/location-section/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.location-section .main-title-div{ color: #fff; }
.location-section .half-box{ margin-top: 30px; display: flex; gap: 24px; }
.location-section .half-box .map{ position: relative; flex-grow: 1; border-radius: 20px; overflow: hidden; }
.location-section .half-box .map .logo-div{ position: absolute; left: 0; top: 0; padding: 20px 25px; border-radius: 20px 0; background-color: #262649; }
.location-section .half-box .info_div{ overflow: hidden; width: 432px; flex-shrink: 0; background-color: #fff; border-radius: 20px; }
.location-section .half-box .info_div .img-box{ height: 270px; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url('../img/main/location-section/img1.jpg'); }
.location-section .half-box .info_div .info-list{ padding: 20px; padding-bottom: 0; }
.location-section .half-box .info_div .info-list > li{ padding: 10px 0; }
.location-section .half-box .info_div .info-list .label{ border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 5px; display: flex; align-items: flex-end; gap: 10px; }
.location-section .half-box .info_div .info-list .label .icon{ flex-shrink: 0; }
.location-section .half-box .info_div .info-list .content{ word-break: keep-all; line-height: 1.5em; font-size: 18px; }
.location-section .half-box .main-btn-div{ margin: 20px 0; }
.location-section .half-box .main-btn-div .more-btn{ border: none; color: #fff; }

@media screen and (max-width: 950px) {
    .location-section .half-box{ flex-direction: column; }
    .location-section .half-box .info_div{ width: 100%; }
    .location-section .half-box .map{ height: 50vw; }
    .location-section .half-box .info_div .img-box{ display: none; }
}
@media screen and (max-width: 650px) {
    .location-section{ padding: 50px 0; }
    .location-section .half-box{ gap: 20px;} 
    .location-section .half-box .map{ border-radius: 10px; }
    .location-section .half-box .map .logo-div{ padding: 2vw; border-radius: 1vw; }
    .location-section .half-box .map .logo-div img{ width: 15vw; }
    .location-section .half-box .info_div{ border-radius: 10px; }
}

/* .main .result-section */
.main .result-section{ overflow: hidden; position: relative;  overflow: hidden; padding: 100px 0; color: #fff; position: relative;}
.main .result-section .background{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url('../img/main/result-section/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .result-section .inner{ position: relative; z-index: 1; }
.main .result-section .moBr{ display: none; }
@media screen and (max-width: 650px) {
    .main .result-section .moBr{ display: inline-block; }
}

/* .sec_top */
.sec_top{ padding-top: 77px; }
@media screen and (max-width: 650px) {
    .sec_top{ padding-top: 55px; }
}

/* .sub .sub-banner */
.sub .sub-banner{ padding: 140px 0; position: relative; overflow: hidden; }
.sub .sub-banner::after{ content:''; display: block; width: 100%; height: 20px; background: linear-gradient(90deg, rgba(57, 62, 99, 0.00) 0%, #393E63 100%), #262649; position: absolute; left: 0; bottom: 0; } 
.sub .sub-banner .background{ background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } 
.sub .sub-banner .inner{ position: relative; z-index: 2; }
.sub .sub-banner h2{ word-break: keep-all; overflow: hidden; position: relative; text-align: center; font-size: 32px; font-weight: 400; color: #fff; }

@media screen and (max-width: 1250px) {
    .sub .sub-banner h2{ font-size: 28px; }
}
@media screen and (max-width: 650px) {
    .sub .sub-banner{ padding: 100px 0; }
    .sub .sub-banner h2{ font-size: 24px; }
    .sub .sub-banner::after{ height: 10px; }
}


.sub1 .section1{ color:#fff; padding: 80px 0; background-image: url('../img/sub/sub1_1/background1.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub .sub-title-div .logo{ display: block; margin-bottom: 10px; }
.sub .sub-title-div .title{ line-height: 1.3em; word-break: keep-all; position: relative; overflow: hidden; font-weight: 600; font-size: 36px; }
.sub .sub-content-div{ word-break: keep-all; position: relative; overflow: hidden; margin-top: 24px; line-height: 1.5em; font-size: 18px; }
.sub .sub-content-div b{ font-weight: 600; font-size: 1.25em; }

@media screen and (max-width: 1250px) { 
    .sub .sub-title-div .logo{ width: 50px; }
    .sub .sub-title-div .title{ font-size: 30px; }
}
@media screen and (max-width: 650px) { 
    .sub1 .section1{ padding: 50px 0; background-position: right 25% center;} 
    .sub .sub-title-div .logo{ width: 30px; }
    .sub .sub-title-div .title{ font-size: 24px; }
    .sub .sub-content-div{ font-size: 16px; }
}

/* .sub1 .section2 */
.sub1 .section2{ color:#fff; padding: 80px 0; background-image: url('../img/sub/sub1_1/background2.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub1 .right .inner{ display: flex; flex-direction: column; align-items: flex-end; text-align: right; }
@media screen and (max-width: 650px) { 
    .sub1 .section2{ color:#fff; padding: 50px 0; }
}

/* .sub1 .section3 */
.sub1 .section3{ color:#fff; padding: 80px 0; background-image: url('../img/sub/sub1_1/background3.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
@media screen and (max-width: 650px) { 
    .sub1 .section2{ color:#fff; padding: 50px 0; }
}

/* .sub1 .section4 */
.sub1 .section4{ color:#fff; padding: 80px 0; background-image: url('../img/sub/sub1_1/background4.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
@media screen and (max-width: 650px) { 
    .sub1 .section4{ color:#fff; padding: 50px 0; }
}

.sub1 .laywer-section{ padding: 75px 0; }
.sub1 .laywer-section .sub-title-div .title{ color: #222; }
.sub1 .laywer-section .item-list{ margin-top: 17px; display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 8px; }
.sub1 .laywer-section .item-list .img-div{ position: relative; background-image: url('../img/sub/sub1_1/lawyer-background.png'); background-color: #262649; height: 415px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub1 .laywer-section .item-list .img-div .real{ background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; left: 0; bottom: 0; width: 100%; height: 90%; }
.sub1 .laywer-section .item-list .name-div{ padding: 12px 0 27px 0; font-weight: 700; color: #7f7f7f; }
.sub1 .laywer-section .item-list .name-div b{ color: #222; font-size: 1.25em; margin-right: 5px; }
.sub1 .laywer-section .item-list .laywer_btn{ word-break: keep-all; text-align: left; border: none; width: 100%; background-color: #262649; padding: 10px 15px; color: #fff; display: flex; align-items: center; justify-content: space-between; }

@media screen and (max-width: 1250px) { 
  .sub1 .laywer-section .item-list .img-div{ height: 30vw; }
}
@media screen and (max-width: 950px) { 
  .sub1 .laywer-section .item-list{ grid-template-columns: repeat(2,1fr); }
  .sub1 .laywer-section .item-list .img-div{ height: 70vw; }
}
@media screen and (max-width: 380px) { 
  .sub1 .laywer-section .item-list{ grid-template-columns: repeat(1,1fr); grid-gap: 50px; }
  .sub1 .laywer-section .item-list .img-div{ height: 132vw; }
}


/* .sub1 .profile-section */
.sub1 .profile-section{ display: flex; }
.sub1 .profile-section .content-wrap{ width: 50%; }

.sub1 .profile-section .img-div{ display: flex; justify-content: flex-end; background-color: #393E63; }
.sub1 .profile-section .inner-wrap{ width: 600px; max-width: 100%; }
.sub1 .profile-section .img-div .inner-wrap{ display: flex; align-items: flex-end; justify-content: center; }
.sub1 .profile-section .img-div .inner-wrap img{ width: 100%; margin-left: -200px; }

.sub1 .profile-section .content-div{ padding: 60px 55px; display: flex; justify-content: flex-start; }
.sub1 .profile-section .content-div .name-div{ padding-bottom: 10px; margin-bottom:10px; border-bottom: 1px solid #262649; display: flex; align-items: flex-end; justify-content: space-between; }
.sub1 .profile-section .content-div .name-div .name{ font-weight: 600; }
.sub1 .profile-section .content-div .name-div .name b{ font-size: 1.5em; }

.sub1 .profile-section .content-div .info-div{ margin-top: 20px; padding-top: 20px;  }
.sub1 .profile-section .content-div .info-div + .info-div{ border-top: 1px solid #E4E4E4; }
.sub1 .profile-section .content-div .info-div .title{ font-size: 18px; }
.sub1 .profile-section .content-div .info-div .dot-list{ line-height: 1.5em; margin-top: 10px;  }
.sub1 .profile-section .content-div .info-div .dot-list > li{ word-break: keep-all; position: relative; padding-left: 20px; }
.sub1 .profile-section .content-div .info-div .dot-list > li::before{ content:'•'; position: absolute; left: 0; top: 0; }

.sub1 .profile-section .more-btn{ display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 30px; padding: 10px 24px; background-color: #262649; border: none; color: #fff; font-size: 18px; }

.sub1 .profile-section.type2 .img-div{ order: 1; }
.sub1 .profile-section.type2 .content-div{ justify-content: flex-end; }
.sub1 .profile-section.type2 .img-div{ justify-content: flex-start; }
.sub1 .profile-section.type2 .img-div .inner-wrap img{ margin-left: unset; margin-right: -180px; }

@media screen and (max-width: 1250px) { 
    .sub1 .profile-section{ flex-direction: column; } 
    .sub1 .profile-section .inner-wrap{ width: 100%; }
    .sub1 .profile-section .content-wrap{ width: 100%; }
    .sub1 .profile-section .content-wrap{ justify-content: center; align-items: center; }
    .sub1 .profile-section .content-div{ padding: 50px 3vw; }
    .sub1 .profile-section .content-div .name-div{ flex-wrap: wrap; gap: 10px; }
    .sub1 .profile-section .img-div .inner-wrap img{ padding-top:50px; margin-left: 0; width: 100%; max-width: 500px; }

    .sub1 .profile-section.type2 .content-div{ order: 2; }
    .sub1 .profile-section.type2 .img-div .inner-wrap{ justify-content: center; }
    .sub1 .profile-section.type2 .img-div .inner-wrap img{ margin-right: unset; }
}


/* .popup-section */

.popup-section{ opacity: 0; visibility: hidden; transition: opacity .5s, visibility .5s; padding: 40px 3vw; display: flex; align-items: center; justify-content: center; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); z-index: 99999; cursor: pointer; }
.popup-section.show{ opacity: 1; visibility: visible; }
.popup-section .popup-content{ word-break: keep-all; display: flex; flex-direction: column; cursor: auto; background-color: #fff; border-radius: 10px; overflow: hidden; width: 100%; max-width: 800px; }
.popup-section .popup-content .title-div{ font-size: 20px; background-color: #262649; color: #fff;  padding: 20px 30px; display: flex; align-items: center; justify-content: space-between;  }
.popup-section .popup-content .title-div .close-btn{ background: transparent; border: none; }
.popup-section .popup-content .content-div{ max-height: 60vh; overflow-y: scroll; display: flex; align-items: flex-start; justify-content: center; padding: 50px 20px; }
.popup-section .popup-content .content-div .content{ line-height: 1.5em; width: 100%; max-width: 545px; }
.popup-section .popup-content .content-div .content-wrap{ padding: 20px 0; }
.popup-section .popup-content .content-div .content-wrap + .content-wrap{ border-top: 1px solid #E4E4E4; }
.popup-section .popup-content .content-div .content-wrap .title{ line-height: 1.5em; font-size: 18px; }
.popup-section .popup-content .content-div .content-wrap .dot-list{ margin-top: 10px; line-height: 1.5em;  }
.popup-section .popup-content .content-div .content-wrap .dot-list > li{ position: relative; padding-left: 20px; }
.popup-section .popup-content .content-div .content-wrap .dot-list > li::before{ content:'•'; position: absolute; left: 0; top: 0; }

@media screen and (max-width: 950px) { 
    .popup-section .popup-content .title-div{ font-size: 18px; padding: 20px; }
    .popup-section .popup-content .content-div{ padding: 0 20px; }
}

/* .sub .sub-menu-section */
.sub .sub-menu-section{ padding: 25px 0; }
.sub .sub-menu-section .menu-list{ margin: 0 auto; width: 100%; max-width: 650px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.sub .sub-menu-section .menu-list > li{ width: calc((100% / 4) - 8px); }
.sub .sub-menu-section .menu-list .item{ font-weight: 600; padding: 10px; border-radius: 4px; border: 1px solid #262626; padding: 10px; text-align: center; display: block; } 
.sub .sub-menu-section .menu-list .item.on{ color: #fff; background: #20304F; } 

@media screen and (max-width: 950px) { 
    .sub .sub-menu-section .menu-list{ font-size: 14px;  gap: 5px; flex-wrap: wrap; }
    .sub .sub-menu-section .menu-list > li{ width: auto; flex-grow: 1; } 
}

/* .sub2 .section1 */
.sub2 .section1{ padding: 30px 0 60px 0; }
.sub2 .section1 .img-box{ margin-top: 25px; height: 430px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub2 .section1 .item-list{ margin-top: 10px; }
.sub2 .section1 .item-list > li{ padding: 20px 0;  }
.sub2 .section1 .item-list > li + li{ border-top: 1px solid #CCC; }
.sub2 .section1 .item-list .item{ display: flex; align-items: center; gap: 76px; }
.sub2 .section1 .item-list .item .icon{ background-position: center; background-repeat: no-repeat; flex-shrink: 0; width: 140px; height: 140px; background-color: #262649; border-radius: 50%; }
.sub2 .section1 .item-list .item .icon.icon1{ background-image: url('../img/sub/sub2_1/icon1.svg'); }
.sub2 .section1 .item-list .item .icon.icon2{ background-image: url('../img/sub/sub2_1/icon2.svg'); }
.sub2 .section1 .item-list .item .icon.icon3{ background-image: url('../img/sub/sub2_1/icon3.svg'); }
.sub2 .section1 .item-list .item .icon.icon4{ background-image: url('../img/sub/sub2_1/icon4.svg'); }
.sub2 .section1 .item-list .item .number{ font-size: 32px; font-weight: 700; flex-shrink: 0; }
.sub2 .section1 .item-list .item .title{ flex-shrink: 0; font-size:32px; font-weight: 700; width: 250px; }
.sub2 .section1 .item-list .item .text{ word-break: keep-all; line-height: 1.5em; font-size: 18px; }

@media screen and (max-width: 1250px) { 
    .sub2 .section1 .img-box{ height: 32vw; }
    .sub2 .section1 .item-list .item{ gap: 36px; }  
    .sub2 .section1 .item-list .item .icon{ width: 80px; height: 80px; background-size: 40px; }
    .sub2 .section1 .item-list .item .number{ font-size: 20px; }
    .sub2 .section1 .item-list .item .title{ font-size: 20px; }
    .sub2 .section1 .item-list .item .title{ width: 140px; } 
}
@media screen and (max-width: 950px) { 
    .sub2 .section1 .item-list .item{ padding: 20px 0; flex-direction: column; gap: 10px; text-align: center; }
    .sub2 .section1 .item-list .item .text{ font-size: 16px; }
}
@media screen and (max-width: 650px) { 
    .sub2 .section1 .item-list .item .text br{ display: none; }
    /* .sub2 .section1 .item-list .item .text br.moShow{ display: inline-block; } */
}

/* .sub2 .section2 */
.sub2 .section2{ background-image: url('../img/sub/sub2_1/background1.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 150px 0 100px 0; }
.sub2 .section2 .sub-title-div{ text-align: center; color: #fff; }
.sub2 .section2 .sub-content-div{ text-align: center; color: #fff; }
.sub2 .section2 .item-list{ margin-top: 40px; display: grid; grid-template-columns: repeat(2, 1fr); text-align: center; grid-gap: 15px; }
.sub2 .section2 .item-list .item{ height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: #fff; padding: 20px; border-radius: 4px; overflow: hidden; }
.sub2 .section2 .item-list .item .icon{ width: 58px; height: 58px; background-size: contain; background-repeat: no-repeat; background-position: center; }
.sub2 .section2 .item-list .item .icon.icon1{ background-image: url('../img/sub/sub2_1/section2-icon1.png'); }
.sub2 .section2 .item-list .item .icon.icon2{ background-image: url('../img/sub/sub2_1/section2-icon2.png'); }
.sub2 .section2 .item-list .item .icon.icon3{ background-image: url('../img/sub/sub2_1/section2-icon3.png'); }
.sub2 .section2 .item-list .item .icon.icon4{ background-image: url('../img/sub/sub2_1/section2-icon4.png'); }
.sub2 .section2 .item-list .item .t1{ line-height: 1.5em; margin-top: 15px; font-size: 24px; font-weight:700; }
.sub2 .section2 .item-list .item .t2{ word-break: keep-all; font-size: 18px; line-height: 1.5em; }
.sub2 .section2 .br2{ display: none; }
@media screen and (max-width: 1250px) { 
    .sub2 .section2 .br2{ display: inline-block; }
    .sub2 .section2 .item-list{ grid-gap: 10px;} 
    .sub2 .section2 .item-list .item .t1{ font-size: 18px; }
    .sub2 .section2 .item-list .item .t2 br{ display: none; }
    .sub2 .section2 .item-list .item .t2{ margin-top: 10px; font-size: 16px; }
}
@media screen and (max-width: 650px) { 
    .sub2 .section2{ padding: 80px 0 50px 0; }
    .sub2 .section2 .sub-content-div br{ display: none; }
    .sub2 .section1 .img-box{ height: 51vw; }
    .sub2 .section2 .item-list{ margin-top: 30px; }
    .sub2 .section2 .item-list .item{ padding: 20px 10px; }
}

/* .sub3 .section1 */
.sub3 .section1{ padding: 100px 0; }  
.sub3 .section1 .title{ margin-top: 35px; }
.sub3 .section1 .item-list{ grid-gap: 4px; display: grid; grid-template-columns: repeat(3,1fr); margin-top: 35px; }
.sub3 .section1 .item-list .item{ height: 100%; text-align: center; padding: 50px 20px; text-align: center; color: #fff; border-radius: 4px; overflow: hidden; background-image: url('../img/sub/sub3_1/item-background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub3 .section1 .item-list .item .t1{ font-size: 24px; font-weight: 700; }
.sub3 .section1 .item-list .item .t2{ word-break: keep-all; line-height: 1.5em; font-size: 18px; margin-top: 10px; }

@media screen and (max-width: 1250px) { 
    .sub3 .section1 .item-list .item .t1{ font-size: 20px; }
    .sub3 .section1 .item-list .item .t2{ font-size: 16px; }
    .sub3 .section1 .item-list .item .t2 br{ display: none; }
}
@media screen and (max-width: 950px) { 
    .sub3 .section1 .item-list{ grid-template-columns: repeat(1,1fr); }
}
@media screen and (max-width: 650px) { 
    .sub3 .section1{ padding: 50px 0; }
    .sub3 .section1 .item-list .item{ padding: 40px 20px; }
    .sub3 .section1 .item-list .item .t1{ font-size: 18px; }
    .sub3 .section1 .item-list .item .t2{ font-size: 16px; }
}

/* .sub3 .section2 */
.sub3 .section2{ padding: 100px 0; background-color: #222; background-image: url('../img/sub/sub3_1/section2-background.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub3 .section2 .sub-title-div{ text-align: center; color: #fff; }
.sub3 .section2 .item-list{ display: grid; grid-template-columns:repeat(3,1fr); grid-gap: 10px; }
.sub3 .section2 .item-list > li{ padding: 5px 0; }
.sub3 .section2 .paging_box{ margin-top: 20px; }
.sub3 .section2 .menuBox .menuList .item{ background-color: #efefef; }
.sub3 .section2 .menuBox .menuList .subMenu .item{ background-color: #fff; }
@media screen and (max-width: 950px) { 
    .sub3 .section2 .item-list{ grid-template-columns:repeat(2,1fr); }
}
@media screen and (max-width: 650px) { 
    .sub3 .section2.skill-section{ padding: 50px 0; }
    .sub3 .section2.skill-section .slide-div .item .img-box{ height: 40vw; }
}

/* .sub3_1_view .section1 */
.sub3_1_view .section1{ padding: 100px 0; }
.sub3_1_view .section1 .sub-title-div.title .text{ margin-top:35px; font-size: 24px; border-bottom: 2px solid #7F7F7F; margin-bottom: 20px; }
.sub3_1_view .section1 .btn-wrap{ margin-top: 40px; display: flex; align-items: center; justify-content: center; }
.sub3_1_view .section1 .btn-wrap a{ padding:15px; border-radius: 10px; background-color: #20304F; color: #fff; text-align: center; width: 100%; max-width: 245px; }

@media screen and (max-width: 650px) { 
    .sub3_1_view .section1{ padding: 50px 0; }
    .sub3_1_view .section1 .sub-title-div.title .text{ margin-top: 20px; font-size: 20px; }
    .sub3_1_view .section1 .btn-wrap a{ max-width: unset; border-radius: 5px;}
}

/* .sub4 .section2 */
.sub4 .section2{ background-image: url('../img/sub/sub4_1/section2-background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: top center; }    
.sub4 .section2 .review-wrap{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 40px; }
@media screen and (max-width: 950px) { 
    .sub4 .section2 .review-wrap{ grid-template-columns:repeat(2,1fr); grid-gap: 10px; }
}
@media screen and (max-width: 650px) { 
    .sub3 .section2.skill-section{ padding: 50px 0; }
    .sub3 .review-section.section2 .review-wrap .item{ height: 55vw; }
}

/* .apply .section1 */
.apply .section1{ padding: 100px 0 ; }
.apply .section1 .title-box{ margin-top: 35px; }
.apply .section1 .item-list{ margin-top: 24px; display: grid; grid-gap: 24px; grid-template-columns: repeat(3,1fr); }
.apply .section1 .item-list .item{ height: 100%; box-shadow: 4px 9px 19px 0 rgba(0, 0, 0, 0.15); text-align: center; background-color: #fff; border-radius:10px; overflow: hidden; }
.apply .section1 .item-list .item .top{ background-color: #222; padding: 10px; color: #fff; font-size: 18px; font-weight: 700; }
.apply .section1 .item-list .item .bottom{ padding: 20px 10px;  }
.apply .section1 .item-list .item .t1{ word-break: keep-all; font-size: 24px; font-weight: 700; }
.apply .section1 .item-list .item .t2{ word-break: keep-all; margin-top: 10px; font-size: 18px; line-height: 1.5em; }

@media screen and (max-width: 1250px) { 
    .apply .section1 .item-list{ grid-gap: 10px; }
    .apply .section1 .item-list .item .t1{ font-size: 20px; }
    .apply .section1 .item-list .item .t2{ font-size: 16px; }
}
@media screen and (max-width: 950px) { 
    .apply .section1 .item-list{ grid-template-columns: repeat(1,1fr); }
    .apply .section1 .item-list .item .t2 br{ display:none; }
}
@media screen and (max-width: 650px) { 
    .apply .section1 { padding: 50px 0; } 
}


/* 팝업 레이어 반응형 코드 */ 
#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;  }
}


.sub.apply .location-section .half-box .info_div .img-box{ height: 137px; }
.sub.apply .location-section .half-box .info_div .formList{ padding:10px 40px 0 40px ; }
.sub.apply .location-section .half-box .info_div .formList textarea.ipt{ height: 100px; }
.sub.apply .location-section .half-box .info_div .agreeCheckDiv{ padding: 0 40px; }

@media screen and (max-width: 650px) { 
  .sub.apply .location-section .half-box .info_div .formList{ padding: 20px 20px 0 20px; }
  .sub.apply .location-section .half-box .info_div .agreeCheckDiv{ padding: 0 20px; }
}


.sub.apply .sub-title-div.bottom-bar{ padding-bottom: 15px; border-bottom: 1px solid #222222; }
.sub.apply .tel-box{ padding: 20px 0; display: flex; align-items: flex-end; justify-content: space-between; }
.sub.apply .tel-box .tel-btn{ font-size: 46px; font-weight: 700; display: flex; align-items: center; gap: 20px; }
.sub.apply .tel-box .info-list{ display: flex; align-items: center; gap:34px; font-size: 18px; font-weight: 700; }
.sub.apply .map-box{ position: relative; border-radius: 20px; overflow: hidden; height: 300px; }
.sub.apply .map-box .logo-div{ position: absolute; left: 0; padding: 16px 20px; border-radius: 20px 0; background-color: #262649; padding: 16px; }

@media screen and (max-width: 1250px) { 
  .sub.apply .tel-box .tel-btn{ font-size: 30px; }
  .sub.apply .tel-box .icon{ width: 30px; }

  .sub.apply .tel-box .info-list{ gap:10px; font-size: 16px; }
  .sub.apply .tel-box .info-list .icon{ width: 20px; }
}
@media screen and (max-width: 950px) { 
  .sub.apply .tel-box{ align-items: flex-start; flex-direction: column; gap: 30px; }
  .sub.apply .tel-box .info-list{ flex-direction: column; }
}
@media screen and (max-width: 650px) { 
  .sub.apply .map-box{ border-radius: 10px; }
  .sub.apply .map-box .logo-div { padding: 10px; border-radius: 10px 0; }
  .sub.apply .map-box .logo-div .logo{ width: 60px; }
}

.sub.apply .location-section .sub-content-div{ text-align: center; color: #fff; }
.sub.apply .location-section .sub-content-div .moBr{ display: none; }
.sub.apply .location-section .white-box{ max-width: 1000px; margin: 0 auto; padding: 40px; margin-top: 20px; background-color: #FFF; border-radius: 10px; box-shadow: 8px 10px 4px 0 rgba(0, 0, 0, 0.25); border-radius: 10px; }
.sub.apply .location-section .white-box .formList > li.half{ width: calc(100% / 3); }
.sub.apply .location-section .white-box .more-btn{ border: none; color: #fff; }

@media screen and (max-width: 950px) { 
  .sub.apply .location-section .sub-content-div .moBr{ display: inline-block; }
  .sub.apply .location-section .white-box .formList > li.half{ width: 100%; }
}
@media screen and (max-width: 650px) { 
  .sub.apply .location-section .white-box { padding: 20px; }
}