body,html { font-family: 'NotoSansR'; font-size: 16px; color: #000000; letter-spacing: -0.3px;}

/***
**************************************** 레이아웃 공통 ***********************************************
*/
.contentsWrap { width: 100%; max-width: 1400px; margin: 0 auto; box-sizing: border-box;}
.fullContentsWrap {width: 100%;}


.ffNotoT {font-family:'NotoSansT' !important;}
.ffNotoB {font-family:'NotoSansB' !important;}


/***
**************************************** header ***********************************************
*/
header.headerWrap { width: 100%; height: 104px; position: fixed; top: 0; z-index: 100; transition: background-color .25s ease, box-shadow .25s ease; } 
header.headerWrap .contentsWrap { max-width: 1920px; height: 100%; display: flex; align-items: center; justify-content: space-between; padding-inline: 60px; box-sizing: border-box;}
header.headerWrap .logo a { width: 164px; display:block; } 
header.headerWrap .logo a img { width:100%;display:block; } 
header.headerWrap .gnbWrap { height:100%; display:flex; align-items:center; justify-content:center; gap: 10px; } 
header.headerWrap .gnbWrap > li { width:120px; height:100%; position:relative; }
header.headerWrap .gnbWrap .gnbTitle {height: 100%;}
header.headerWrap .gnbWrap .gnbTitle a { color:#fff; font-size:16px; font-family:'SUITR'; text-align:center; height:100%; display:block; align-content:center; transition: color .25s ease; }
header.headerWrap .gnbWrap > li.on .gnbTitle a,
header.headerWrap .gnbWrap .gnbTitle a:hover,
header.headerWrap .gnbWrap .depthList .depth a:hover{ font-family:'SUITEB'; }


header.headerWrap .gnbWrap .depthList{display: none; width: 100%; position: absolute; top: 104px; box-sizing: border-box;}
header.headerWrap .gnbWrap .depthList .depth a {color: #fff; font-size: 14px; font-family: 'SUITR'; text-align: center; display: block; padding: 10px 5px; box-sizing: border-box;}
header.headerWrap .gnbMenuBtn {display: none;}



/* 스크롤 후 = 밝은 헤더(검정 텍스트) */
header.headerWrap.is-scrolled { background: rgba(255, 255, 255, 0.65);}
header.headerWrap.is-scrolled .logo a img { filter: brightness(0);}
header.headerWrap.is-scrolled .gnbWrap .depthList {background: rgba(255, 255, 255, 0.65);}
header.headerWrap.is-scrolled .gnbWrap .gnbTitle a,
header.headerWrap.is-scrolled .gnbWrap .depthList .depth a { color:#000; }

header.headerWrap .gnbMenuBtn {display: none;}


/* 헤더 특정 페이지 - 로고, 메뉴 컬러 변경 */
header.headerWrap.is-notice .logo img{filter: brightness(0) saturate(100%) invert(23%) sepia(79%) saturate(1414%) hue-rotate(190deg) brightness(90%) contrast(92%);}
header.headerWrap.is-notice .gnbWrap .gnbTitle a,
header.headerWrap.is-notice .gnbWrap .depthList .depth a {color:#000;}
header.headerWrap.is-notice .gnbMenuBtn img {filter: brightness(0) saturate(100%) invert(23%) sepia(79%) saturate(1414%) hue-rotate(190deg) brightness(90%) contrast(92%);}

header.headerWrap.is-notice.is-scrolled .logo img{filter: brightness(0) saturate(100%) invert(23%) sepia(79%) saturate(1414%) hue-rotate(190deg) brightness(90%) contrast(92%);}
header.headerWrap.is-notice.is-scrolled .gnbWrap .gnbTitle a,
header.headerWrap.is-notice.is-scrolled .gnbWrap .depthList .depth a{color:#000;}
header.headerWrap.is-notice.is-scrolled .gnbMenuBtn img {filter: brightness(0) saturate(100%) invert(23%) sepia(79%) saturate(1414%) hue-rotate(190deg) brightness(90%) contrast(92%);}

/* 모바일 메뉴 */
.gnbMenuWrapM {display: none;}



/***
**************************************** footer ***********************************************
*/
footer.footerWrap {padding: 65px 0 60px 0; box-sizing: border-box; background-color: #1a1a1a;}
footer.footerWrap .contentsWrap {max-width: 1625px;}
footer.footerWrap .fterLogo {width: 205px; display: block; margin-bottom: 20px;}
footer.footerWrap .fterLogo img{width: 100%;}
footer.footerWrap .subWrap {border-bottom: 2px solid #3c3c3c; margin-bottom: 10px; padding-bottom: 10px; box-sizing: border-box;}
footer.footerWrap .subWrap .subArea{color: #c5c5c5; font-size: 25px;font-family: 'PretendardR';}
footer.footerWrap .infoWrap .infoArea {display: flex;align-items: center; gap: 6px; margin-bottom: 10px;}
footer.footerWrap .infoWrap .infoArea span {color: #c5c5c5; font-size: 13px; font-family: 'NotoSansR'; line-height: 2.14;line-height: 1.1; display: inline-block;}
footer.footerWrap .infoWrap .infoArea span:not(:last-of-type)::after{content: ""; display: inline-block; width: 1px; height: 15px; vertical-align: middle; margin-left:6px; background-color: #c5c5c5;}
footer.footerWrap .infoWrap .copy{color: #929292; font-size: 13px; margin-top: 25px;}


/***
**************************************** 퀵버튼 ***********************************************
*/
.quickBtnWrap {width: 105px; position: fixed;right: 60px;bottom: 70px;z-index: 100;}
.quickBtnWrap ul {display: flex; flex-direction: column; gap: 10px;}
.quickBtnWrap ul li a { width: 87px; height: 87px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 10px 0; box-sizing: border-box; border-radius: 50%; cursor: pointer; background-color: #fff;box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;}
.quickBtnWrap ul li a .imgArea img{display: block;}
.quickBtnWrap ul li a .textArea .title{color: #292929; font-family: 'PretendardSB'; font-size: 13px; line-height: 1.23;}

.btnFloatingWrap { position: fixed; right: 102px; bottom: 35px; z-index: 100; display: flex; flex-direction: column; gap: 20px; }
.btnFloatingWrap .btnQuick { display: none !important;}
.btnFloatingWrap .btnFloating.btnMoveTop {cursor: pointer;}
.btnFloatingWrap .btnFloating.btnMoveTop .imgArea{ width: 33px; }
.btnFloatingWrap .btnFloating.btnMoveTop .imgArea img{ width: 100%; display: block; }

.kakaoQrBtn { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; z-index: 21; }


/***
**************************************** main ***********************************************
*/
.main .contentsWrap {max-width: 1625px;}


.main .mainVisual {width: 100%; height: 1000px; position: relative;}
.main .mainVisual .imgWrap{width: 100%;height: 100%;}
.main .mainVisual .imgWrap .videoArea{width: 100%; height: 100%;}
.main .mainVisual .imgWrap video { width: 100%; height: 100%; object-fit: cover; }
.main .mainVisual .imgWrap,
.main .mainVisual .imgArea{width: 100%;height: 100%;}
.main .mainVisual .imgWrap .imgArea img{width: 100%; height: 100%; object-fit: cover;}


.main .mainVisual .textWrap {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%;} 
.main .mainVisual .textWrap .mainTitle {color: #fff; font-size: 50px; font-family: 'SUITEB'; line-height: 1.6; margin-bottom: 20px;}
.main .mainVisual .textWrap .mainText {color: #fff; font-size: 35px; font-family: 'SUITR'; margin-bottom: 15px;}
.main .mainVisual .textWrap .subText {color: #fff; font-size: 35px; font-family: 'SUITR'; line-height: 1.4;}
.main .mainVisual .textWrap .subText .bold{font-size: 40px; font-family: 'SUITEB';}


.main .infoPart {padding: 80px 0;background: url('/app/layout/web/images/main/main03_bg.png') no-repeat 0 110px / 100% auto;}
.main .infoPart .textWrap {text-align: center; padding-bottom: 140px; box-sizing: border-box; }
.main .infoPart .textWrap .mainText{font-size: 45px; font-family: 'SUITL'; line-height: 1.4; margin-bottom: 30px;}
.main .infoPart .textWrap .mainText .bold{font-family: 'SUITEB';}
.main .infoPart .textWrap .mainText .cPoint{color: #3a74a4;}
.main .infoPart .textWrap .subText{font-size: 36px; font-family: 'SUITEB'; line-height: 1.375;}
.main .infoPart .infoWrap {min-height: 550px;display: flex; margin-top: -100px; background: url('/app/layout/web/images/main/main03_02bg.png') no-repeat top / cover;}
.main .infoPart .infoWrap .textArea{ position: relative; width: 48%;margin-left: auto;padding: 120px 0 30px 0; box-sizing: border-box;}
.main .infoPart .infoWrap .textArea .listArea .titleArea {display: flex; gap: 14px; margin-bottom: 25px;}
.main .infoPart .infoWrap .textArea .listArea .titleArea .title{font-size: 27px; font-family: 'SUITEB';}
.main .infoPart .infoWrap .textArea .listArea .titleArea .text{font-size: 26px; font-family: 'NotoSansR';}
.main .infoPart .infoWrap .textArea .listArea .textList {display: flex; flex-direction: column; gap: 15px;}
.main .infoPart .infoWrap .textArea .listArea .textList li{color: #000000; font-size: 20px; font-family: 'NotoSansL'; text-indent: -20px; padding-left: 5px; box-sizing: border-box;}
.main .infoPart .infoWrap .textArea .listArea .textList li::before {content: ""; display: inline-block; vertical-align: middle; width: 4px; min-width: 4px; height: 4px; margin-right: 10px; border-radius: 50%; background-color: #3a74a4;}
.main .infoPart .infoWrap .textArea .btnMove {position: absolute; bottom: 45px; right: 20%; color: #fff; font-family: 'SUITB'; font-size: 20px; display: inline-block; border-radius: 50px; padding: 16px 29px; box-sizing: border-box; background-color: #3a74a4;}
.main .infoPart .infoWrap .textArea .btnMove img {vertical-align: middle; display: inline-block; margin-left: 14px;}
.main .infoPart .brandWrap {max-width: 1041px; width: 100%; margin-left: auto; margin-right: 25px; margin-top: 20px;}
.main .infoPart .brandWrap img{display: block;width: 100%;}


.main .successPart {padding: 115px 0; background: url('/app/layout/web/images/main/main04_bg.png') no-repeat top / cover;}
.main .successPart .titleWrap {text-align: center; margin-bottom: 40px;}
.main .successPart .titleWrap .mainTitle{color: #fff; font-size: 15px; font-family: 'SUITEB'; letter-spacing: 8px; margin-bottom: 25px;}
.main .successPart .titleWrap .mainText{color: #fff; font-size: 50px; font-family: 'SUITEB';}

.main .successPart .swiperWrap { width: 100%; position: relative; }
.main .successPart .successSwiper { width: 100%; padding: 0 18px 24px; box-sizing: border-box; }
.main .successPart .successSwiper .swiper-wrapper { overflow: visible; }
.main .successPart .successSwiper .swiper-slide { overflow: visible; height: auto; background-color: #fff;}
.main .successPart .successSwiper .swiper-slide .imgArea {width: 100%; }
.main .successPart .successSwiper .swiper-slide .imgArea img {width: 100%; display: block; object-fit: cover;}
.main .successPart .successSwiper .swiper-slide .textArea { font-size: 25px; font-family:'SUITEB'; padding: 20px 15px; box-sizing: border-box;}

.main .successPart .successSwiper .swiper-slide img { display: block; width: 100%; }
.main .successPart .successSwiper .swiper-progress { max-width: 1067px; margin-inline: auto; margin-top: 100px; }
.main .successPart .successSwiper .swiper-pagination { position: static; width: 100%; height: 2px; background-color: #626262; }
.main .successPart .successSwiper .swiper-pagination-progressbar-fill { background-color: #fff; }


.main .categoryPart .listWrap{display: flex;}
.main .categoryPart .listWrap li{width: calc(100% / 6); height: 913px; display: flex; align-items: center; justify-content: center; background-repeat: no-repeat; background-size: cover;}
.main .categoryPart .listWrap li a{width: 100%; height: 100%; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 25px; cursor: pointer;}
.main .categoryPart .listWrap li a .title{color: #fff; font-size: 35px; font-family: 'SUITB';}
.main .categoryPart .listWrap li a .text{color: #fff; font-size: 22px; font-family: 'SUITR';}
.main .categoryPart .listWrap .listItem01{background-image: url('/app/layout/web/images/main/main05_01.png');}
.main .categoryPart .listWrap .listItem02{background-image: url('/app/layout/web/images/main/main05_02.png');}
.main .categoryPart .listWrap .listItem03{background-image: url('/app/layout/web/images/main/main05_03.png');}
.main .categoryPart .listWrap .listItem04{background-image: url('/app/layout/web/images/main/main05_04.png');}
.main .categoryPart .listWrap .listItem05{background-image: url('/app/layout/web/images/main/main05_05.png');}
.main .categoryPart .listWrap .listItem06{background-image: url('/app/layout/web/images/main/main05_06.png');}


.main .whatPart {padding: 175px 0 115px 0; background: url('/app/layout/web/images/main/main07_bg.png') no-repeat top / cover;}
.main .whatPart .contentsWrap {max-width: 1400px;}
.main .whatPart .titleWrap {text-align: center; margin-bottom: 70px;}
.main .whatPart .titleWrap .titleBox {max-width: 310px; width: 100%; margin-inline: auto; text-align: left;}
.main .whatPart .titleWrap .mainTitle{color: #fff; font-size: 15px; font-family: 'SUITEB'; letter-spacing: 8px; margin-bottom: 25px;}
.main .whatPart .titleWrap .mainText{color: #fff; font-size: 50px; font-family: 'SUITR'; line-height: 1.4;}
.main .whatPart .titleWrap .mainText .bold{font-family: 'SUITEB';}

.main .whatPart .listWrap {display: flex; flex-direction: column; gap: 15px;}
.main .whatPart .listWrap li {position: relative;}
.main .whatPart .listWrap li .num{position: absolute; top: 50%; left: -51px; transform: translateY(-50%); width: 102px; height: 72px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 30px; font-family: 'SUITEB'; background-color: #1c4261;}
.main .whatPart .listWrap li .textArea{min-height: 258px; display: flex; align-items: center; padding: 50px; box-sizing: border-box; background-color: #fff;}
.main .whatPart .listWrap li .textArea .title{color: #000000; font-size: 35px; font-family: 'SUITEB'; line-height: 1.42; text-align: center; min-width: 430px;}
.main .whatPart .listWrap li .textArea .text{color: #777777; font-size: 20px; font-family: 'SUITB'; line-height: 1.5;}


.main .youtubePart {padding: 175px 0 115px 0; background: url('/app/layout/web/images/main/main08_bg.png') no-repeat top / cover;}
.main .youtubePart .contentsWrap {max-width: 1400px;}
.main .youtubePart .titleWrap {text-align: center; margin-bottom: 70px;}
.main .youtubePart .titleWrap .mainTitle{color: #fff; font-size: 15px; font-family: 'SUITEB'; letter-spacing: 8px; margin-bottom: 25px;}
.main .youtubePart .titleWrap .mainText{color: #fff; font-size: 50px; font-family: 'SUITR'; line-height: 1.4;}
.main .youtubePart .titleWrap .mainText .bold{font-family: 'SUITEB';}
.main .youtubePart .swiperWrap {display: flex; gap: 15px; margin-bottom: 100px;}
.main .youtubePart .swiperWrap .youtubeSwiper .swiper-slide .imgArea {margin-bottom: 15px;}
.main .youtubePart .swiperWrap .youtubeSwiper .swiper-slide .imgArea img{width: 100%; display: block;}
.main .youtubePart .swiperWrap .youtubeSwiper .swiper-slide .textArea{color: #fff; font-size: 15px; font-family: 'SUITEB'; text-align: right;}

.main .youtubePart .snsWrap {display: flex; align-items: center; justify-content: center; gap: 18px;}
.main .youtubePart .snsWrap .btnSns{width: 187px; height: 50px; display: flex; align-items: center; justify-content: center; gap: 6px; color: #000; font-size: 22px; font-family: 'SUITEB'; border-radius: 50px; background-color: #fff;}
.main .youtubePart .snsWrap .btnSns.column {border: 1px solid #1954ff;}
.main .youtubePart .snsWrap .btnSns.blog {border: 1px solid #31b15b;}
.main .youtubePart .snsWrap .btnSns.insta {border: 1px solid transparent; background: linear-gradient(#fff, #fff) padding-box,linear-gradient(90deg, #ed773e, #f67438, #e43964, #8b3ac8) border-box;}
.main .youtubePart .snsWrap .btnSns.youtube {border: 1px solid transparent; background: linear-gradient(#fff, #fff) padding-box,linear-gradient(90deg, #ed773e, #f67438, #e43964, #8b3ac8) border-box;}


.main .qnaPart .fullContentsWrap {min-height: 860px; display: flex;align-items: stretch;}
.main .qnaPart .titleWrap {width: 45%; display: flex; flex-direction: column; align-items: center; justify-content: center; background: url('/app/layout/web/images/main/main09_01bg.png') no-repeat top / cover;}
.main .qnaPart .titleWrap .logoArea {max-width: 205px; width: 100%; margin-bottom: 10px;}
.main .qnaPart .titleWrap .logoArea img{width: 100%; display: block;}
.main .qnaPart .titleWrap .mainText{color: #fff; font-size: 50px; font-family: 'SUITEB'; line-height: 1.4; margin-bottom: 30px;}
.main .qnaPart .titleWrap .subText{color: #fff; font-size: 18px; font-family: 'SUITR'; line-height: 1.6;}
.main .qnaPart .listWrap {width: 60%; height:auto; padding: 120px 150px; box-sizing: border-box; background-color: #e8e8e8;}

.main .qnaPart .listWrap .title {color: #000000; font-size: 35px; font-family: 'SUITEB'; margin-bottom: 15px;}
.main .qnaPart .listWrap .qnaItem:not(:last-of-type) { margin-bottom:12px; } 
.main .qnaPart .listWrap .qnaQ { width:100%; display:flex; align-items:center; gap:16px; padding: 18px 22px; background:#fff; border:0; cursor:pointer; text-align:left; box-sizing:border-box; } 
.main .qnaPart .listWrap .badgeQ { display:inline-flex; align-items:center; justify-content:center; width:60px; height:30px; border-radius:50px; background:#1c4261; color:#fff; font-family:'SUITEB'; font-size:18px; flex: 0 0 auto; }
.main .qnaPart .listWrap .qText { flex: 1 1 auto; color:#444444; font-size:20px; font-family:'SUITB'; line-height:1.3; }
.main .qnaPart .listWrap .qIcon { flex:0 0 auto; color:#333; font-size:26px; line-height:1; } 
.main .qnaPart .listWrap .qnaA { display:none; background:#e6f3fd; } 
.main .qnaPart .listWrap .qnaA::before{ content: ""; display: block; width: calc(100% - 50px); height: 1px; margin-inline: auto; background-color: #b8b6b9;}
.main .qnaPart .listWrap .qnaA .aInner { display:flex; gap:16px; padding: 18px 22px; box-sizing:border-box; } 
.main .qnaPart .listWrap .badgeA { display:inline-flex; align-items:center; justify-content:center; width:60px; height:30px; border-radius:999px; background:#000; color:#fff; font-family:'SUITEB'; font-size:18px; flex: 0 0 auto; }
.main .qnaPart .listWrap .aText { color:#444444; font-size:18px; font-family:'SUITR'; line-height:1.5; } 
.main .qnaPart .listWrap .qnaItem.is-open .qnaQ { background:#e6f3fd; } 


.main .counselPart {padding: 120px 0 140px 0; background: url('/app/layout/web/images/main/main10_bg.png') no-repeat top / cover;}
.main .counselPart .contentsWrap {max-width: 1400px;}
.main .counselPart .titleWrap {text-align: center; margin-bottom: 40px;}
.main .counselPart .titleWrap .mainTitle{color: #fff; font-size: 15px; font-family: 'SUITEB'; letter-spacing: 8px; margin-bottom: 35px;}
.main .counselPart .titleWrap .mainText{color: #fff; font-size: 50px; font-family: 'SUITR'; line-height: 1.4;}
.main .counselPart .titleWrap .mainText .bold{font-family: 'SUITEB';}
.main .counselPart .btnWrap {display: flex; align-items: center; justify-content: center; gap: 44px;}
.main .counselPart .btnWrap .btnMove{color: #000000; font-size: 28px; font-family: 'SUITEB'; display: flex; align-items: center; justify-content: center; gap: 20px; max-width: 446px; width: 100%; height: 89px;}
.main .counselPart .btnWrap .btnMove.counsel{background-color: #fff;}
.main .counselPart .btnWrap .btnMove.katalk{background-color: #fae100;}

.main .counselPart .btnWrap .btnMove.counsel img{width: 49px;}
.main .counselPart .btnWrap .btnMove.katalk img{width: 66px;}


.main .mapPart {padding: 175px 0 115px 0; background: url('/app/layout/web/images/main/main11_bg.png') no-repeat top / cover;}
.main .mapPart .contentsWrap {max-width: 1400px;}
.main .mapPart .titleWrap {text-align: center; margin-bottom: 30px;}
.main .mapPart .titleWrap .mainTitle{color: #fff; font-size: 15px; font-family: 'SUITEB'; letter-spacing: 8px; margin-bottom: 20px;}
.main .mapPart .titleWrap .mainText{color: #fff; font-size: 50px; font-family: 'SUITR'; line-height: 1.4;}
.main .mapPart .titleWrap .mainText .bold{font-family: 'SUITEB';}
.main .mapPart .mapWrap {display: flex; justify-content: center; gap: 48px;}
.main .mapPart .mapWrap .mapArea {max-width: 601px; width: 100%;}
.main .mapPart .mapWrap .mapArea .imgArea {max-width: 602px; aspect-ratio: 1.6; width: 100%; margin-bottom: 10px;}
.main .mapPart .mapWrap .mapArea .imgArea img,
.main .mapPart .mapWrap .mapArea .imgArea iframe{width: 100%; height: 100%; display: block; object-fit: cover;}
.main .mapPart .mapWrap .mapArea .textArea span {color: #fff; font-size: 18px; font-family: 'SUITM'; line-height: 1.47;}
.main .mapPart .mapWrap .mapArea .textArea .title {font-size: 22px; font-family: 'SUITEB';}
.main .mapPart .mapWrap .mapArea .textArea .mr20_pc {margin-right: 20px;}


.main .partnerWrap {padding: 25px 0;}
.main .partnerWrap .contentsWrap {max-width: 1500px;}
.main .partnerWrap .listWrap {display: flex; align-items: center; justify-content: space-between;}
.main .partnerWrap .listWrap li img{display: block;}



/***
**************************************** 변호사소개 ***********************************************
*/
.introduce .cl_subMainVisual {background-image: url("/app/layout/web/images/sub/introduce_subVisual.png");}
.introduce .introPart {padding: 160px 0; background-color: #f5f5f5;}
.introduce .introPart .contentsWrap{max-width: 1625px; display: flex; align-items: center; gap:50px; padding-left: 55px;}
.introduce .introPart .imgWrap{max-width: 698px;}
.introduce .introPart .imgWrap img{width: 100%; display: block;}

.introduce .introPart .textWrap .mainText{color: #000000; font-size: 45px;font-family: 'SUITEB';line-height: 1.44; margin-bottom: 45px;}
.introduce .introPart .textWrap .subText{color: #000000; font-size: 25px;font-family: 'SUITR'; line-height: 1.6;}


.introduce .lawyerPart {padding: 125px 0;}
.introduce .lawyerPart .titleWrap {text-align: center; margin-bottom: 110px;}
.introduce .lawyerPart .titleWrap .mainText{font-size: 45px;font-family: 'SUITL';}
.introduce .lawyerPart .titleWrap .mainText .bold{font-family: 'SUITEB';}
.introduce .lawyerPart .titleWrap .mainText .cPoint{color: #3a74a4;}
.introduce .lawyerPart .listWrap{max-width: 1400px; width: 100%; margin-inline: auto; padding-left: 70px; box-sizing: border-box;}
.introduce .lawyerPart .listItem {display: flex; align-items: start; justify-content: space-between; gap: 120px;}
.introduce .lawyerPart .listItem .imgWrap {min-width: 500px; width: 500px;}
.introduce .lawyerPart .listItem .imgWrap img{width: 100%; display: block;}

.introduce .lawyerPart .listItem .textWrap .titleArea {margin-bottom: 30px;}
.introduce .lawyerPart .listItem .textWrap .titleArea .mainText{font-size: 45px;font-family: 'SUITEB'; margin-bottom: 30px;}
.introduce .lawyerPart .listItem .textWrap .titleArea .mainText .small{font-size: 28px;font-family: 'SUITR';}

.introduce .lawyerPart .listItem .textWrap .textArea + .textArea{margin-top: 40px;}
.introduce .lawyerPart .listItem .textWrap .textArea .title{font-size: 25px;font-family: 'SUITEB'; margin-bottom: 20px;}
.introduce .lawyerPart .listItem .textWrap .textArea .textList li{font-size: 20px;font-family: 'SUITM'; line-height: 1.39; text-indent: -22px; padding-left: 28px; box-sizing: border-box; }
.introduce .lawyerPart .listItem .textWrap .textArea .textList li:not(:last-of-type) {margin-bottom: 10px;}
.introduce .lawyerPart .listItem .textWrap .textArea .textList li::before {content: ""; display: inline-block; vertical-align: middle; width: 6px; min-width: 6px; height: 6px; margin-right: 12px; border-radius: 50%; background-color: #000000;}



/***
**************************************** 미국투자이민 (EB5) ***********************************************
*/
.invest .cl_subMainVisual {background-image: url("/app/layout/web/images/sub/invest_subVisual.png");}


.invest .bannerPart { padding:120px 0 95px 0; background: url('/app/layout/web/images/sub/invest_2_bg.png') no-repeat top / cover;}
.invest .bannerPart .titleWrap { color:#fff; font-size:23px; line-height: 1.52; font-family:'SUITR'; text-align:center; margin-bottom: 25px;}
.invest .bannerPart .textWrap { color:#fff; font-size:25px; line-height:1.6; font-family:'SUITR'; text-align:center; max-width:1220px; margin:0 auto; padding:22px 26px; border:1px solid #b2b2b2; border-radius:14px; }
.invest .bannerPart .textWrap .bold {font-family:'SUITEB';}


.invest .conditionPart { padding:110px 0;}
.invest .conditionPart .cardList { display: flex; justify-content: center; gap:40px; }
.invest .conditionPart .cardItem { max-width: 328px; width: 100%; border:1px solid #b9b9b9; border-radius:14px; background:#fff; }
.invest .conditionPart .cardTop { padding:32px 16px 32px 16px; border-radius:14px 14px 0 0; box-sizing: border-box;  background:#15456d; text-align:center; }
.invest .conditionPart .cardTop .tag {  color:#fff; font-size:15px; font-family:'SUITM'; display: inline-block; border-radius: 50px; border: 1px solid #829cb1; padding: 5px 10px; box-sizing: border-box; margin-bottom:12px; }
.invest .conditionPart .cardTop .title { color:#fff; font-size:22px; font-family:'SUITEB'; }
.invest .conditionPart .cardBtm { text-align:center; padding:20px 0; box-sizing: border-box;}
.invest .conditionPart .cardBtm .price { color:#15456d; font-size:27px; font-family:'PretendardEB'; margin-bottom: 6px;}
.invest .conditionPart .cardBtm .small { color:#585858; font-size:18px; font-family:'PretendardR'; margin-bottom:16px; }
.invest .conditionPart .cardBtm .checkList { max-width: 242px; width: 100%; margin-inline: auto;}
.invest .conditionPart .cardBtm .checkList li { color: #585858; font-size:16px; font-family:'PretendardR'; padding: 8px 0; box-sizing: border-box; display: flex; align-items: center; justify-content: center; gap: 10px;}
.invest .conditionPart .cardBtm .checkList li .bold{font-family:'PretendardB';}
.invest .conditionPart .cardBtm .checkList li:not(:last-of-type) {border-bottom: 1px solid #d7d7d7;}


.invest .fundsPart {padding:50px 0 150px 0;}
.invest .fundsPart .textWrap {font-size: 25px; font-family:'SUITR'; line-height: 1.4; text-align: center; margin-bottom: 20px;}
.invest .fundsPart .textWrap .bold{font-family:'SUITB';}
.invest .fundsPart .boxWrap{max-width: 1014px; width: 100%; margin-inline: auto; display: flex; border:1px solid #585858; border-radius:14px; padding:26px 70px; box-sizing:border-box; }
.invest .fundsPart .boxWrap .boxArea {width: 50%;}
.invest .fundsPart .boxWrap .boxArea .boxItem:not(:last-of-type) {margin-bottom: 20px;}
.invest .fundsPart .boxWrap .boxArea .boxItem { font-size:24px; font-family:'SUITR';}
.invest .fundsPart .boxWrap .boxArea .boxItem .bold{ font-family:'SUITEB';}
.invest .fundsPart .boxWrap .boxArea .boxItem .icon {margin-right: 15px;}


.invest .cl_processPart .processList .imgArea {max-width: 1145px;}


/***
**************************************** 미국취업비자 (E1/E2) ***********************************************
*/
.job-visa .cl_subMainVisual {background-image: url("/app/layout/web/images/sub/job-visa_subVisual.png");}

.job-visa .tabPage.e2 .cl_introPart .textWrap .mainText {font-size: 38px; line-height: 1.2;}

.job-visa .cl_introPart {padding-top: 40px;}
.job-visa .cl_introPart .fitWrap { max-width: 1400px; margin-inline: auto; margin-top: 100px;}
.job-visa .cl_introPart .fitWrap .fitTitle { position: relative; bottom: -24px; z-index: 2; color:#fff; font-size:26px; font-family:'SUITB'; text-align:center; width:fit-content; margin-inline: auto; padding:8px 30px; box-sizing: border-box; border-radius:50px;background:#15456d;  }
.job-visa .cl_introPart .fitWrap .fitBox {border-radius:28px; padding:70px 20px 45px 20px; box-sizing: border-box; background:#f3f3f3;}
.job-visa .cl_introPart .fitWrap .fitBox .fitList {max-width: 727px; width: 100%; margin-inline: auto; }
.job-visa .cl_introPart .fitWrap .fitBox .fitList li { font-size:22px; font-family:'SUITR'; line-height:1.85; text-indent: -16px; padding-left:18px; box-sizing: border-box;}
.job-visa .cl_introPart .fitWrap .fitBox .fitList li .bold{ font-family:'SUITEB'; }
.job-visa .cl_introPart .fitWrap .fitBox .fitList li + li { margin-top:6px; }


.job-visa .pointPart { padding: 180px 0 160px; }
.job-visa .pointPart .pointWrap { display: flex; flex-direction: column; gap: 30px; }
.job-visa .pointPart .pointWrap .topArea { display: flex; gap: 60px; align-items: start; }
.job-visa .pointPart .pointWrap .textArea { display: flex; flex-direction: column; gap: 30px;}
.job-visa .pointPart .pointWrap .topTextArea { min-width: 0; }
.job-visa .pointPart .pointWrap .bottomTextArea { width: 100%; }
.job-visa .pointPart .pointWrap .textArea li .title { font-size: 20px; font-family:'SUITB'; line-height: 1.55; }
.job-visa .pointPart .pointWrap .textArea li .text { font-size: 20px; font-family:'SUITR'; line-height: 1.55; padding-left: 18px; box-sizing: border-box; }
.job-visa .pointPart .pointWrap .imgArea { width: 100%; max-width: 540px; justify-self: end; }
.job-visa .pointPart .pointWrap .imgArea img { display: block; width: 100%; }


.job-visa .cl_appPart .appWrap .textArea .listArea {margin-top: 25px;}
.job-visa .cl_appPart .appWrap .textArea .listArea .list li::before{content: ""; display: inline-block; vertical-align: middle; width: 5px; height: 5px; min-width: 5px; margin-right:15px; border-radius: 50%; background-color: #000000;}


.job-visa .cl_benefitPart {padding-bottom: 150px;}


.job-visa .cl_vsPart .tableWrap table thead th:nth-of-type(1) {width: 25%;}
.job-visa .cl_vsPart .tableWrap table thead th:nth-of-type(2) {width: 25%;}
.job-visa .cl_vsPart .tableWrap table thead th:nth-of-type(3) {width: 25%;}
.job-visa .cl_vsPart .tableWrap table thead th:nth-of-type(4) {width: 25%;}

.job-visa .tabPage.e1 .cl_vsPart .tableWrap table thead th:nth-of-type(2),
.job-visa .tabPage.e1 .cl_vsPart .tableWrap table tbody td:nth-of-type(2){border-left: 2px solid #15456d;border-right: 2px solid #15456d;}
.job-visa .tabPage.e1 .cl_vsPart .tableWrap table tbody tr:last-of-type td:nth-of-type(2) {border-bottom: 2px solid #15456d;}

.job-visa .tabPage.e2 .cl_vsPart .tableWrap table thead th:nth-of-type(3),
.job-visa .tabPage.e2 .cl_vsPart .tableWrap table tbody td:nth-of-type(3){border-left: 2px solid #15456d;border-right: 2px solid #15456d;}
.job-visa .tabPage.e2 .cl_vsPart .tableWrap table tbody tr:last-of-type td:nth-of-type(3) {border-bottom: 2px solid #15456d;}


.job-visa .popularPart {padding: 50px 0 160px 0;}
.job-visa .popularPart .listWrap {display: flex; justify-content: center; gap: 70px;}
.job-visa .popularPart .listWrap > li { max-width: 344px; width: 100%; min-height: 357px; text-align: center; padding: 50px 10px 0 10px; box-sizing: border-box; background-repeat: no-repeat; background-size: cover;}
.job-visa .popularPart .listWrap > li:nth-of-type(1){background-image: url("/app/layout/web/images/sub/job-visa_e2_3_1.png");}
.job-visa .popularPart .listWrap > li:nth-of-type(2){background-image: url("/app/layout/web/images/sub/job-visa_e2_3_2.png");}
.job-visa .popularPart .listWrap > li:nth-of-type(3){background-image: url("/app/layout/web/images/sub/job-visa_e2_3_3.png");}


.job-visa .popularPart .listWrap > li .num{ color: #fff; font-size: 40px; font-family:'SUITEB'; margin-bottom: 10px;}
.job-visa .popularPart .listWrap > li .title{ color: #fff; font-size: 27px; font-family:'PretendardEB'; margin-bottom: 10px;}
.job-visa .popularPart .listWrap > li .subList {max-width: 220px; width: 100%; min-height: 80px; margin-inline: auto;}
.job-visa .popularPart .listWrap > li:nth-of-type(1) .subList {max-width: 142px;}
.job-visa .popularPart .listWrap > li:nth-of-type(2) .subList {max-width: 255px;}
.job-visa .popularPart .listWrap > li:nth-of-type(3) .subList {max-width: 245px; display: flex; flex-wrap: wrap; align-content: flex-start; gap: 3px;}
.job-visa .popularPart .listWrap > li:nth-of-type(3) .subList li:nth-of-type(odd){width: 30%;}
.job-visa .popularPart .listWrap > li .subList li{ color: #fff; font-size: 16px; font-family:'PretendardR'; text-align: left;}
.job-visa .popularPart .listWrap > li .keywordArea {display: flex; flex-direction: column; align-items: center; gap: 5px;}
.job-visa .popularPart .listWrap > li .keywordArea .keyword{ color: #fff; font-size: 16px; font-family:'PretendardR'; min-width: 205px; display: inline-block; border: 1px solid #fff; border-radius: 50px; padding: 6px 6px; box-sizing: border-box;}
.job-visa .popularPart .listWrap > li .keywordArea .keyword .bold{ font-family:'PretendardB'; }


.job-visa .fitPart {padding-bottom: 180px;}
.job-visa .fitPart .fitWrap { margin-top: 100px;}
.job-visa .fitPart .fitWrap .fitTitle { position: relative; bottom: -24px; z-index: 2; color:#fff; font-size:26px; font-family:'SUITB'; text-align:center; width:fit-content; margin-inline: auto; padding:8px 30px; box-sizing: border-box; border-radius:50px;background:#15456d;  }
.job-visa .fitPart .fitWrap .fitBox {border-radius:28px; padding:70px 20px 45px 20px; box-sizing: border-box; background:#f3f3f3;}
.job-visa .fitPart .fitWrap .fitBox .fitList {max-width: 1060px; width: 100%; margin-inline: auto; }
.job-visa .fitPart .fitWrap .fitBox .fitList li { font-size:22px; font-family:'SUITR'; line-height:1.85; text-indent: -16px; padding-left:18px; box-sizing: border-box; }
.job-visa .fitPart .fitWrap .fitBox .fitList li .bold{ font-family:'SUITEB'; }
.job-visa .fitPart .fitWrap .fitBox .fitList li + li { margin-top:6px; }


.job-visa .graphPart {padding-bottom: 180px;}
.job-visa .graphPart .graphWrap .imgArea { max-width: 1182px; width: 100%; margin-inline: auto; }
.job-visa .graphPart .graphWrap .imgArea img{ width: 100%; display: block; }


.job-visa .tabPage.e1 .cl_processPart .processList .imgArea {max-width: 1146px;}
.job-visa .tabPage.e2 .cl_processPart .processList .imgArea {max-width: 1124px;}


/***
**************************************** 미국취업이민 ***********************************************
*/
.job-immigrant .cl_subMainVisual {background-image: url("/app/layout/web/images/sub/job-immigrant_subVisual.png");}


.job-immigrant .subIntroPart {padding-bottom: 150px;}
.job-immigrant .subIntroPart .introWrap{display: flex; align-items: center; gap: 80px;}
.job-immigrant .subIntroPart .introWrap .imgArea{max-width: 540px; width: 100%;}
.job-immigrant .subIntroPart .introWrap .imgArea img{width: 100%; display: block;}
.job-immigrant .subIntroPart .introWrap .textArea .text {font-size: 22px;font-family:'SUITR'; line-height: 1.59; margin-bottom: 35px;}
.job-immigrant .subIntroPart .introWrap .textArea .text .bold{font-family:'SUITEB';}
.job-immigrant .subIntroPart .introWrap .textArea .tip {font-size: 20px;font-family:'SUITR'; text-indent: -22px; padding-left: 22px; box-sizing: border-box;}


.job-immigrant.eb2 .cl_tabWrap {padding-bottom: 0;}


.job-immigrant .checkPart {padding-bottom: 140px;}
.job-immigrant .checkPart .titleArea{font-size: 22px;font-family:'SUITR'; line-height: 1.59; text-align: center; margin-bottom: 35px;}
.job-immigrant .checkPart .titleArea .cPoint{color: #15456d; font-family:'SUITEB';}
.job-immigrant .checkPart .titleArea .bold{font-family:'SUITB';}

.job-immigrant .checkPart .checkList{ width: 100%; margin-inline: auto; display:flex; justify-content:space-between; gap: 45px;}
.job-immigrant .checkPart .checkList .checkArea .topArea {min-height: 221px;}
.job-immigrant .checkPart .checkList .checkArea { width:calc(100% / 3 - 12px); display:flex; flex-direction:column; gap:20px; }
.job-immigrant .checkPart .checkList .checkArea .checkItem { font-size:24px; font-family:'SUITB'; border-radius:50px; padding:15px 10px 15px 55px; box-sizing:border-box; background-color:#f5f5f5; line-height:1.4; display: flex; align-items: center;}
.job-immigrant .checkPart .checkList .checkArea .checkItem .icon { width:24px; margin-right:10px; vertical-align:middle; }
.job-immigrant .checkPart .checkList .checkArea .checkItem .icon img { width:100%; display:block; }


.job-immigrant .checkPart .checkList .checkArea .listWrap {margin: 20px 0 0 20px;}
.job-immigrant .checkPart .checkList .checkArea .listWrap .title{font-size: 18px;font-family:'SUITR'; margin-bottom: 10px;}
.job-immigrant .checkPart .checkList .checkArea .listWrap .text{font-size: 18px;font-family:'SUITR'; margin: 10px 0;}
.job-immigrant .checkPart .checkList .checkArea .listWrap .list li{font-size: 22px;font-family:'SUITSB'; line-height: 1.59;}
.job-immigrant .checkPart .checkList .checkArea .listWrap .list li::before {content: ""; display: inline-block; vertical-align: middle; width: 6px; min-width: 6px; height: 6px; margin-right: 16px; border-radius: 50%; background-color: #000000;}
.job-immigrant .checkPart .checkList .checkArea .keywordWrap {margin-left: 20px;}
.job-immigrant .checkPart .checkList .checkArea .keywordWrap .title{font-size: 18px;font-family:'SUITR'; margin-bottom: 10px;}
.job-immigrant .checkPart .checkList .checkArea .keywordWrap .list li{font-size: 22px;font-family:'SUITSB'; line-height: 1.59;}
.job-immigrant .checkPart .checkList .checkArea .keywordWrap .list li .icon{margin-right: 10px;}

.job-immigrant.eb1 .checkPart .checkList {max-width: 1060px;}
.job-immigrant.eb2 .checkPart .checkList {justify-content: center;}
.job-immigrant.eb3 .checkPart {padding-top: 120px;}
.job-immigrant.eb3 .checkPart .checkList {max-width: 1220px;}

.job-immigrant .tabPage.eb1a .checkPart .checkList {max-width: 1060px;}
.job-immigrant .tabPage.eb1a .checkPart .checkList .checkArea:nth-of-type(2) .checkItem { padding:15px 10px 15px 35px; }

.job-immigrant .tabPage.eb1b .checkPart .checkList {max-width: 1360px;}
.job-immigrant .tabPage.eb1b .checkPart .checkList .checkArea:nth-of-type(1) { width:25%; }
.job-immigrant .tabPage.eb1b .checkPart .checkList .checkArea:nth-of-type(2) { width:40%; }
.job-immigrant .tabPage.eb1b .checkPart .checkList .checkArea:nth-of-type(3) { width:35%; }

.job-immigrant .tabPage.eb1c .checkPart .checkList {max-width: 1160px;}


.job-immigrant .cl_processPart .processItem .title {display: flex;align-items: center;justify-content: center;flex-direction: column;}

.job-immigrant .tabPage.eb1a .cl_processPart .processItem {width: 22%;}
.job-immigrant .tabPage.eb1b .cl_processPart .processList {padding: 32px 10px;}
.job-immigrant .tabPage.eb1b .cl_processPart .processItem {width: 13%;}
.job-immigrant .tabPage.eb1c .cl_processPart .processItem {width: 15%;}

.job-immigrant .tabPage.eb1a .cl_processPart .processList .imgArea {max-width: 1049px;}
.job-immigrant .tabPage.eb1b .cl_processPart .processList .imgArea {max-width: 1341px;}
.job-immigrant .tabPage.eb1c .cl_processPart .processList .imgArea {max-width: 1230px;}

.job-immigrant.eb3 .cl_processPart .processList .imgArea {max-width: 1082px;}
.job-immigrant.eb2 .tabPage.eb2 .cl_processPart .processList .imgArea{max-width: 1104px;}
.job-immigrant.eb2 .tabPage.eb2-niw .cl_processPart .processList .imgArea{max-width: 1041px;}


.job-immigrant .cl_vsPart .tableWrap table thead th:nth-of-type(1) {width: 25%;}
.job-immigrant .cl_vsPart .tableWrap table thead th:nth-of-type(2) {width: 25%;}
.job-immigrant .cl_vsPart .tableWrap table thead th:nth-of-type(3) {width: 25%;}
.job-immigrant .cl_vsPart .tableWrap table thead th:nth-of-type(4) {width: 25%;}


.job-immigrant .processPart {padding-bottom: 200px;}
.job-immigrant .processPart .imgWrap {display: flex; align-items: start; justify-content: center; gap: 20px; margin-bottom: 40px;}
.job-immigrant .processPart .imgWrap .imgArea {width: 100%;}
.job-immigrant .processPart .imgWrap .imgArea img {width: 100%; display: block;}
.job-immigrant .processPart .imgWrap .imgArea.img01{max-width: 337px;}
.job-immigrant .processPart .imgWrap .imgArea.arrow{max-width: 115px; margin-top: 90px;}
.job-immigrant .processPart .imgWrap .imgArea.img02{max-width: 590px;}
.job-immigrant .processPart .imgWrap .imgArea.img02 img{max-width: 564px; margin-inline: auto; box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;}
.job-immigrant .processPart .imgWrap .imgArea .text{font-size: 19px; font-family:'SUITB'; line-height: 1.5; margin-top: 35px; text-align: center;}

.job-immigrant .processPart .fitWrap {font-size: 22px; font-family:'SUITR'; line-height: 1.59; max-width: 1198px; width: 100%; margin-inline: auto; text-align: center; padding: 44px 0 33px 0; box-sizing: border-box; background-color: #eef7ff;}
.job-immigrant .processPart .fitWrap .bold{font-family:'SUITEB';}


.job-immigrant.eb2 .processPart .imgWrap {align-items: center;}
.job-immigrant.eb2 .processPart .imgWrap .imgArea.arrow {margin-top: 0;}


.job-immigrant .featPart {padding-bottom: 120px;}
.job-immigrant .featPart .listWrap {max-width: 980px; width: 100%; margin-inline: auto; display: flex; justify-content: center; flex-wrap: wrap; gap: 20px;}
.job-immigrant .featPart .listWrap li{width: calc(100% / 3 - 14px); min-height: 185px; text-align: center; border-radius: 14px; padding: 25px 10px 10px 10px; box-sizing: border-box; background-color: #15456d;}
.job-immigrant .featPart .listWrap li .icon {margin-bottom: 10px;}
.job-immigrant .featPart .listWrap li .text{color: #fff;font-size: 25px; font-family:'PretendardEB'; line-height: 1.28; min-height: 64px; display: flex; align-items: center; justify-content: center;}




.job-immigrant.eb3 .cl_benefitPart {padding-bottom: 120px;}

.job-immigrant.eb2 .tabPage.eb2-niw .cl_benefitPart .benefitItem {width: calc(100% / 5 - 18px);}
.job-immigrant.eb2 .tabPage.eb2-niw .cl_benefitPart .benefitItem .imgArea {width: 75px; height: 75px;}
.job-immigrant.eb2 .tabPage.eb2-niw .cl_benefitPart .benefitItem .title {font-size: 21px;}


/***
**************************************** 유학생 영주권 ***********************************************
*/
.student .cl_subMainVisual {background-image: url("/app/layout/web/images/sub/student_subVisual.png");}


.student .stepPart {padding-bottom: 150px;}
.student .stepPart .stepWrap{max-width: 1200px; width: 100%; margin-inline: auto;}
.student .stepPart .stepWrap .stepArea{display: flex; align-items: center; gap: 90px; margin-bottom: 100px;}
.student .stepPart .stepWrap .stepArea .imgArea{max-width: 540px; width: 100%;}
.student .stepPart .stepWrap .stepArea .imgArea img{width: 100%;display: block;}
.student .stepPart .stepWrap .stepArea .textArea .title {font-size:20px; font-family:'SUITB';line-height:1.55;margin-bottom:20px; }
.student .stepPart .stepWrap .stepArea .textArea .text {font-size:18px; font-family:'SUITR'; line-height:1.55; }

.student .stepPart .stepWrap .tableArea .textArea {margin-bottom: 30px;}
.student .stepPart .stepWrap .tableArea .textArea .title {font-size:20px; font-family:'SUITB';line-height:1.55;margin-bottom:20px; }
.student .stepPart .stepWrap .tableArea .textArea .text {font-size:18px; font-family:'SUITR'; line-height:1.55; }
.student .stepPart .stepWrap .tableArea .textArea .text .bold{font-family:'SUITB'; }

.student .stepPart .stepWrap .tableArea table {width: 100%; border-spacing: 1px; border-collapse: separate;background-color: #9a9a9a;}
.student .stepPart .stepWrap .tableArea table thead th{color: #fff; font-size: 20px;font-family:'SUITEB'; text-align: center; padding: 18px 10px; box-sizing: border-box; background-color: #15456d;}
.student .stepPart .stepWrap .tableArea table thead th:nth-of-type(1) {width: 10%;}
.student .stepPart .stepWrap .tableArea table thead th:nth-of-type(2) {width: 15%;}
.student .stepPart .stepWrap .tableArea table thead th:nth-of-type(3) {width: 10%;}
.student .stepPart .stepWrap .tableArea table thead th:nth-of-type(4) {width: 20%;}
.student .stepPart .stepWrap .tableArea table thead th:nth-of-type(5) {width: 20%;}

.student .stepPart .stepWrap .tableArea table tbody td{font-size: 20px; font-family:'SUITR'; text-align: center;padding: 18px 10px; box-sizing: border-box; background-color: #f9f9f9;}
.student .stepPart .stepWrap .tableArea table tbody td:nth-of-type(1){font-family:'SUITEB'; background-color: #eaf5ff;}


.student .cl_processPart .processList .imgArea {max-width: 1265px;}


/***
**************************************** 가족 초청 이민 ***********************************************
*/
.family .cl_subMainVisual {background-image: url("/app/layout/web/images/sub/family_subVisual.png");}


.family .cl_introPart .tableWrap {max-width: 1030px; width: 100%; margin-inline: auto; margin-top: 90px;}
.family .cl_introPart .tableWrap table{width: 100%;border-collapse: separate; border-spacing: 1px; background-color: #656565;}
.family .cl_introPart .tableWrap table caption {caption-side: bottom; font-size: 16px; font-family:'SUITR'; text-align: left; margin-top: 15px;}
.family .cl_introPart .tableWrap table thead th{font-size: 26px;font-family:'SUITEB'; text-align: center; padding: 18px 10px; box-sizing: border-box; background-color: #d4ebff;}

.family .cl_introPart .tableWrap table tbody td{font-size: 22px; font-family:'SUITR'; text-align: center;padding: 16px 10px; box-sizing: border-box; background-color: #fff;}
.family .cl_introPart .tableWrap table tbody td:nth-of-type(1){font-family:'SUITB'; background-color: #f5f5f5;}


.family .vsPart {padding: 80px 0 180px 0;}
.family .vsPart .vsWrap{display: flex; align-items: center; justify-content: center; gap: 48px;}
.family .vsPart .vsWrap .imgWrap .imgArea{max-width: 516px; width: 100%;}
.family .vsPart .vsWrap .imgWrap .imgArea img{width: 100%;display: block;}
.family .vsPart .vsWrap .tableWrap {max-width: 624px; width: 100%;}
.family .vsPart .vsWrap .tableWrap table{width: 100%; border-spacing: 1px; border-collapse: separate;background-color: #a0a0a0;}
.family .vsPart .vsWrap .tableWrap table thead th{color: #fff; font-size: 21px;font-family:'SUITEB'; line-height: 1.1; text-align: center; padding: 6px 10px; box-sizing: border-box; background-color: #15456d;}
.family .vsPart .vsWrap .tableWrap table thead th .small {font-size: 15px;font-family: 'NotoSansR'; }
.family .vsPart .vsWrap .tableWrap table tbody td{font-size: 21px; font-family:'SUITR'; text-align: center;padding: 14px 10px; box-sizing: border-box; background-color: #f9f9f9;}


.family .cl_processPart .processList .imgArea {max-width: 1149px;}


/***
**************************************** 비이민 비자 ***********************************************
*/
.visa .cl_subMainVisual {background-image: url("/app/layout/web/images/sub/visa_subVisual.png");}


.visa .cl_introPart .contentsWrap {max-width: 1600px; justify-content: center;}


.visa .conditionPart {padding-bottom: 120px;}
.visa .conditionPart .conditionWrap {display: flex; align-items: center; justify-content: space-between; padding-left: 60px; box-sizing: border-box;}
.visa .conditionPart .conditionWrap .textWrap .title{font-size: 24px;font-family:'SUITR'; margin-bottom: 10px;}
.visa .conditionPart .conditionWrap .textWrap .list {display: flex; flex-direction: column; gap: 6px;}
.visa .conditionPart .conditionWrap .textWrap .list li{font-size: 22px;font-family:'SUITB';}
.visa .conditionPart .conditionWrap .textWrap .list li .icon {margin-right: 6px;}
.visa .conditionPart .conditionWrap .imgWrap .imgArea {max-width: 810px; width: 100%;}
.visa .conditionPart .conditionWrap .imgWrap .imgArea img{width: 100%; display: block;}


.visa .subIntroPart {padding-bottom: 150px;}
.visa .subIntroPart .introWrap{display: flex; align-items: center; gap: 80px;}
.visa .subIntroPart .introWrap .imgArea{max-width: 540px; width: 100%;}
.visa .subIntroPart .introWrap .imgArea img{width: 100%; display: block;}
.visa .subIntroPart .introWrap .textArea .text {font-size: 22px;font-family:'SUITR'; line-height: 1.59; margin-bottom: 35px;}
.visa .subIntroPart .introWrap .textArea .text .bold{font-family:'SUITEB';}
.visa .subIntroPart .introWrap .textArea .tip {font-size: 20px;font-family:'SUITR'; text-indent: -22px; padding-left: 22px; box-sizing: border-box;}

.visa .subIntroPart .checkWrap{display: flex; justify-content: space-between; gap: 10px; margin-top: 35px; padding-left: 45px; box-sizing: border-box;}
.visa .subIntroPart .checkWrap .checkArea {display: flex; flex-direction: column; gap: 20px;}
.visa .subIntroPart .checkWrap .checkArea .title{font-size: 24px;font-family:'SUITEB'; min-width: 323px; width: 100%; padding: 12px 30px; box-sizing: border-box; border-radius: 50px; background-color: #f5f5f5;}
.visa .subIntroPart .checkWrap .checkArea .title .icon {margin-right: 6px;}
.visa .subIntroPart .checkWrap .checkArea .list {display: flex; flex-direction: column; gap: 6px; padding-left: 20px; box-sizing: border-box;}
.visa .subIntroPart .checkWrap .checkArea .list li {font-size: 22px;font-family:'SUITR';}
.visa .subIntroPart .checkWrap .checkArea .list li .bold{font-family:'SUITB';}

.visa .subIntroPart .textWrap {font-size: 22px;font-family:'SUITR'; text-align: center; margin-top: 40px;}
.visa .subIntroPart .textWrap .bold{font-family:'SUITB';}


.visa .tabPage.h1b .subIntroPart .checkWrap .checkArea .title{min-width: auto; max-width: 323px;}
.visa .tabPage.l1 .subIntroPart .checkWrap {max-width: 1000px; margin-inline: auto; padding-left: 0; justify-content: center;}
.visa .tabPage.p0 .subIntroPart .checkWrap {max-width: 1060px; margin-inline: auto; padding-left: 0; justify-content: center;}


.visa .tablePart {padding-bottom: 180px;}
.visa .tablePart .imgWrap {margin-bottom: 40px;}
.visa .tablePart .imgWrap .imgArea {max-width: 854px; width: 100%; margin-inline: auto; margin-bottom: 20px;}
.visa .tablePart .imgWrap .imgArea img{width: 100%; display: block;}
.visa .tablePart .imgWrap .textArea {font-size: 20px;font-family:'SUITSB'; text-align: center;}
.visa .tablePart .tableWrap {max-width: 1040px; width: 100%; margin-inline: auto; margin-top: 90px;}
.visa .tablePart .tableWrap table{width: 100%;border-collapse: separate; border-spacing: 1px; background-color: #656565;}
.visa .tablePart .tableWrap table caption {caption-side: bottom; font-size: 16px; font-family:'SUITR'; text-align: left; margin-top: 15px;}
.visa .tablePart .tableWrap table thead th{font-size: 24px;font-family:'SUITEB'; text-align: center; padding: 6px 10px; box-sizing: border-box; background-color: #d4ebff;}

.visa .tablePart .tableWrap table tbody td{font-size: 22px; font-family:'SUITR'; text-align: center;padding: 6px 10px; box-sizing: border-box; background-color: #fff;}
.visa .tablePart .tableWrap table tbody td:nth-of-type(1){font-family:'SUITB'; background-color: #f5f5f5;}

.visa .tablePart .textWrap {max-width: 1040px; width: 100%; margin-inline: auto; margin-top: 20px;}
.visa .tablePart .textWrap .title{color: #15456d; font-size: 22px;font-family:'SUITEB'; margin-bottom: 10px;}
.visa .tablePart .textWrap .text{font-size: 18px;font-family:'SUITR'; line-height: 1.6;}
.visa .tablePart .textWrap .text .bold{font-family:'SUITB'; }


.visa .tabPage.p0 .tablePart .tableWrap {max-width: 1200px;}
.visa .tabPage.r1 .tablePart .tableWrap {max-width: 1200px; margin-top: 0;}


.visa .cl_appPart .textArea .stepList {display: flex; flex-direction: column; gap: 55px;}
.visa .cl_appPart .textArea .stepList li.mbL {margin-bottom: 25px;}
.visa .cl_appPart .textArea .stepList li .title{font-size: 22px;font-family:'SUITEB'; display: flex; align-items: center; gap: 8px; margin-bottom: 20px;}
.visa .cl_appPart .textArea .stepList li .title .num{color: #15456d; font-size: 18px; border: 2px solid #15456d; width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.visa .cl_appPart .textArea .stepList li .text{font-size: 18px;font-family:'SUITM';line-height: 1.55; margin-bottom: 15px;}
.visa .cl_appPart .textArea .stepList li .text .small{color: #606060; font-size: 16px;font-family:'SUITR';}
.visa .cl_appPart .textArea .stepList li .subList li{font-size: 18px;font-family:'SUITM';line-height: 1.55; text-indent: -16px; padding-left: 16px; box-sizing: border-box;}
.visa .cl_appPart .textArea .stepList li .subList li .bold{font-family:'SUITB';}

.visa .cl_appPart .textArea .checkList {max-width: 540px; width: 100%; margin-top: 30px; display: flex; flex-direction: column; gap: 8px;}
.visa .cl_appPart .textArea .checkList li{font-size: 22px; font-family:'SUITEB'; padding: 10px 20px; box-sizing: border-box; border-radius: 50px; background-color: #f5f5f5;}
.visa .cl_appPart .textArea .checkList .thin {font-family:'SUITR';}
.visa .cl_appPart .textArea .textEB {font-family:'SUITEB';}

.visa .tabPage.r1 .cl_appPart .appWrap {justify-content: start;}
.visa .tabPage.r1 .cl_appPart .appWrap .textArea .text{font-size: 22px; font-family:'SUITR'; line-height: 1.59;}

.visa .tabPage.o1 .cl_appPart .appWrap .textArea .checkList {max-width:440px;}


.visa .pointPart .pointWrap{display: flex; justify-content: center; gap: 50px;}
.visa .pointPart .pointWrap .imgArea{max-width: 516px; width: 100%;}
.visa .pointPart .pointWrap .imgArea img{width: 100%; display: block;}
.visa .pointPart .pointWrap .textArea .text{font-size: 18px;font-family:'SUITM';line-height: 1.55;}
.visa .pointPart .pointWrap .textArea .text .bold{font-family:'SUITB';}
.visa .pointPart .pointWrap .textArea .title{font-size: 22px;font-family:'SUITEB'; margin-top: 35px;}
.visa .pointPart .pointWrap .textArea .list {margin: 30px 0;}
.visa .pointPart .pointWrap .textArea .list li{font-size: 18px;font-family:'SUITB';line-height: 1.55; text-indent: -16px; padding-left: 16px; box-sizing: border-box;}


.visa .checkPart {padding-bottom: 180px;}
.visa .checkPart .checkWrap {max-width: 1040px; width: 100%; margin-inline: auto; display: flex; flex-direction: column; gap: 10px;}
.visa .checkPart .checkWrap li{display: flex; gap: 6px; padding: 15px 30px; box-sizing: border-box; border-radius: 50px; background-color: #f5f5f5;}
.visa .checkPart .checkWrap li .title{font-size: 24px; font-family:'SUITEB';}
.visa .checkPart .checkWrap li .title .icon{margin-right: 10px;}
.visa .checkPart .checkWrap li .text{font-size: 22px; font-family:'SUITM';}

.visa .tabPage.o1 .checkPart .checkWrap {max-width:1110px;}


.visa .mixPart {padding-bottom: 180px;}
.visa .mixPart .contentsWrap {display: flex; gap: 60px;}
.visa .mixPart .pointWrap.point01{width: 55%;}
.visa .mixPart .pointWrap.point02{width: 45%;}
.visa .mixPart .pointWrap .listWrap{display: flex; gap: 40px;}
.visa .mixPart .pointWrap .listWrap .imgArea{max-width: 316px; width: 100%; margin-bottom: 30px;}
.visa .mixPart .pointWrap .listWrap .imgArea img{width: 100%; display: block;}
.visa .mixPart .pointWrap .listWrap .textArea .title {color: #15456d; font-size: 20px; font-family:'SUITEB'; margin-bottom: 15px;}
.visa .mixPart .pointWrap .listWrap .textArea .subList li {font-size: 18px; font-family:'SUITM';line-height: 1.55;}
.visa .mixPart .pointWrap .listWrap .textArea .subList li .bold{font-family:'SUITEB';}


.visa .guidePart {padding-bottom: 180px;}
.visa .guidePart .tableWrap {max-width: 1040px; width: 100%; margin-inline: auto; margin-top: 90px;}
.visa .guidePart .tableWrap table{width: 100%;border-collapse: separate; border-spacing: 1px; background-color: #656565;}
.visa .guidePart .tableWrap table caption {font-size: 20px; font-family:'SUITSB'; margin-bottom: 35px;}
.visa .guidePart .tableWrap table thead th{font-size: 24px;font-family:'SUITEB'; text-align: center; padding: 6px 10px; box-sizing: border-box; background-color: #d4ebff;}
.visa .guidePart .tableWrap table thead th:nth-of-type(1) {width: 55%;}
.visa .guidePart .tableWrap table thead th:nth-of-type(2) {width: 45%;}

.visa .guidePart .tableWrap table tbody td{font-size: 22px; font-family:'SUITEB'; text-align: center;padding: 6px 10px; box-sizing: border-box; background-color: #fff;}
.visa .guidePart .tableWrap table tbody td:nth-of-type(1){position: relative; font-family:'SUITSB'; background-color: #f5f5f5;}
.visa .guidePart .tableWrap table tbody td:nth-of-type(1)::before {content: ""; position: absolute; top: 50%; right: -10px; transform: translateY(-50%); width: 32px; height: 25px;background: url("/app/layout/web/images/sub/visa_guide_arrow.png") no-repeat top / 100% auto;}
.visa .guidePart .textWrap {max-width: 1040px; width: 100%; margin-inline: auto; margin-top: 20px;}
.visa .guidePart .textWrap .title{color: #15456d; font-size: 22px;font-family:'SUITEB'; margin-bottom: 10px;}
.visa .guidePart .textWrap .text{font-size: 18px;font-family:'SUITR'; line-height: 1.6;}
.visa .guidePart .textWrap .text .bold{font-family:'SUITB'; }


.visa .tabPage.h1b .cl_processPart .processList .imgArea {max-width: 1231px;}
.visa .tabPage.l1 .cl_processPart .processList .imgArea {max-width: 1179px;}
.visa .tabPage.p0 .cl_processPart .processList .imgArea {max-width: 1284px;}
.visa .tabPage.r1 .cl_processPart .processList .imgArea {max-width: 1296px;}
.visa .tabPage.o1 .cl_processPart .processList .imgArea img.imgPc {max-width: 1292px; margin:0 auto;}


.visa .tabPage.o1 .visaType {padding-bottom:180px;}
.visa .tabPage.o1 .visaType .typeWrap {display:flex; align-items: flex-start; justify-content: center; gap:110px;}
.visa .tabPage.o1 .visaType .typeWrap .typeBox .imgCell {margin-bottom:18px;}
.visa .tabPage.o1 .visaType .typeWrap .typeBox .imgCell img {display:block;}
.visa .tabPage.o1 .visaType .typeWrap .typeBox .typeName {display:flex; justify-content: center; align-items: center; width:130px; height:45px; font-size:24px; color:#ffffff; font-family:SUITEB; border-radius:30px; margin:0 auto; margin-bottom:20px; background-color:#15456d;}
.visa .tabPage.o1 .visaType .typeWrap .typeBox .desc {font-size:22px; font-family:SUITR; line-height:1.8;}




/***
**************************************** 미국세법 ***********************************************
*/
.taxlaw .cl_subMainVisual {background-image: url("/app/layout/web/images/sub/taxlaw_subVisual.png");}

.taxlaw .textPart {text-align: center; padding: 90px 0; box-sizing: border-box; background: url("/app/layout/web/images/sub/taxlaw_1_bg.png") no-repeat top / cover;}
.taxlaw .textPart .icon {width: 30px; margin: 25px auto;}
.taxlaw .textPart .icon img{width: 100%; display: block;}
.taxlaw .textPart .textArea{font-size: 32px; font-family:'SUITR'; line-height: 1.4;}
.taxlaw .textPart .textArea .bold{font-family:'SUITEB';}
.taxlaw .textPart .textArea .cPoint{color: #15456d;}


.taxlaw .mixPart {padding-bottom: 180px;}
.taxlaw .mixPart .appWrap .icon {width: 18px; margin-right: 10px;}
.taxlaw .mixPart .appWrap {display: flex; align-items: start; justify-content: center; gap: 40px; border-bottom: 1px solid #6b6b6b; padding-bottom: 50px; box-sizing: border-box;}
.taxlaw .mixPart .appWrap .imgArea{max-width: 516px; width: 100%;}
.taxlaw .mixPart .appWrap .imgArea img{width: 100%; display: block;}

.taxlaw .mixPart .appWrap .textArea .mainText {font-size:18px; font-family:'SUITR';line-height:1.66;margin-bottom:30px;}
.taxlaw .mixPart .appWrap .textArea .mainText .bold{font-family:'SUITEB';}
.taxlaw .mixPart .appWrap .textArea .subText {font-size:18px; font-family:'SUITR';line-height:1.66; margin-bottom: 5px;}
.taxlaw .mixPart .appWrap .textArea .subText .cPoint{color: #15456d; font-family:'SUITEB';}
.taxlaw .mixPart .appWrap .textArea .subText .bold{font-family:'SUITEB';}
.taxlaw .mixPart .appWrap .textArea .listArea {display: flex; gap: 25px; margin-bottom: 35px;}
.taxlaw .mixPart .appWrap .textArea .listArea .title{color: #fff; font-size:24px; font-family:'SUITEB'; display: inline-block; padding: 2px 14px; box-sizing: border-box; background-color: #15456d;}
.taxlaw .mixPart .appWrap .textArea .listArea .list {display: flex; flex-direction: column; gap: 10px;}
.taxlaw .mixPart .appWrap .textArea .listArea .list li{font-size:18px; font-family:'SUITSB'; }

.taxlaw .mixPart .appWrap .textArea .tipText {font-size:18px; font-family:'SUITR'; line-height:1.66; }
.taxlaw .mixPart .appWrap .textArea .tipText .bold{font-family:'SUITEB';}


.taxlaw .mixPart .tableWrap .textArea{color: #454545; font-size:20px; font-family:'SUITR'; line-height:1.5;text-align: center; margin-bottom: 35px; padding-top: 30px; box-sizing: border-box;}
.taxlaw .mixPart .tableWrap .textArea .bold{font-family:'SUITEB';}
.taxlaw .mixPart .tableWrap .tableArea {max-width: 624px; width: 100%; margin-inline: auto;}
.taxlaw .mixPart .tableWrap .tableArea table{width: 100%; border-spacing: 1px; border-collapse: separate;background-color: #a0a0a0;}
.taxlaw .mixPart .tableWrap .tableArea thead th{color: #fff; font-size: 21px;font-family:'SUITEB'; line-height: 1.1; text-align: center; padding: 6px 10px; box-sizing: border-box; background-color: #15456d;}
.taxlaw .mixPart .tableWrap .tableArea tbody td{font-size: 20px; font-family:'SUITR'; text-align: center;padding: 14px 10px; box-sizing: border-box; background-color: #f9f9f9;}

.taxlaw .mixPart .tableWrap .tableArea thead th:nth-of-type(1) {width: 58%;}
.taxlaw .mixPart .tableWrap .tableArea thead th:nth-of-type(2) {width: 42%;}


.taxlaw .listPart {padding-bottom: 180px;}
.taxlaw .listPart .appWrap .icon {width: 18px; margin-right: 10px;}
.taxlaw .listPart .appWrap {display: flex; align-items: start; justify-content: center; gap: 40px;}
.taxlaw .listPart .appWrap .imgArea{max-width: 516px; width: 100%;}
.taxlaw .listPart .appWrap .imgArea img{width: 100%; display: block;}

.taxlaw .listPart .appWrap .textArea .mainText {font-size:18px; font-family:'SUITR';line-height:1.66;margin-bottom:30px;}
.taxlaw .listPart .appWrap .textArea .mainText .bold{font-family:'SUITEB';}
.taxlaw .listPart .appWrap .textArea .listArea {display: flex; flex-direction: column; gap: 25px;}
.taxlaw .listPart .appWrap .textArea .listArea li > .title{font-size:18px; font-family:'SUITB'; margin-bottom: 10px;}
.taxlaw .listPart .appWrap .textArea .listArea li > .text{font-size:16px; font-family:'SUITR'; line-height: 1.56; padding-left: 34px; box-sizing: border-box;}
.taxlaw .listPart .appWrap .textArea .listArea li > .text .bold{font-family:'SUITB';}
.taxlaw .listPart .appWrap .textArea .listArea li > .subList {padding-left: 34px; box-sizing: border-box;}
.taxlaw .listPart .appWrap .textArea .listArea li > .subList li{font-size:16px; font-family:'SUITR'; line-height: 1.56;}
.taxlaw .listPart .appWrap .textArea .listArea li > .subList li .bold{ font-family:'SUITB'; }
.taxlaw .listPart .appWrap .textArea .listArea li > .subList li::before {content: ""; display: inline-block; vertical-align: middle; width: 5px; min-width: 5px; height: 5px; margin-right: 16px; border-radius: 50%; background-color: #000000;}

.taxlaw .listPart .appWrap .textArea .listArea li > .subList li.nonDot::before {background-color: transparent;}


.taxlaw .fundsPart {padding:50px 0 150px 0;}
.taxlaw .fundsPart .textWrap {font-size: 25px; font-family:'SUITR'; line-height: 1.4; text-align: center; margin-bottom: 20px;}
.taxlaw .fundsPart .textWrap .bold{font-family:'SUITB';}
.taxlaw .fundsPart .boxWrap{max-width: 1014px; width: 100%; margin-inline: auto; display: flex; border:1px solid #585858; border-radius:14px; padding:26px 70px; box-sizing:border-box; }
.taxlaw .fundsPart .boxWrap .boxArea {width: 30%;}
.taxlaw .fundsPart .boxWrap .boxArea:nth-of-type(2){width: 40%;}
.taxlaw .fundsPart .boxWrap .boxArea .boxItem:not(:last-of-type) {margin-bottom: 20px;}
.taxlaw .fundsPart .boxWrap .boxArea .boxItem { font-size:24px; font-family:'SUITEB';}
.taxlaw .fundsPart .boxWrap .boxArea .boxItem .icon {margin-right: 15px;}


.taxlaw .fundsPart .tipWrap {max-width: 1014px; margin-inline: auto; margin-top: 20px; display: flex; flex-direction: column; gap: 10px;}
.taxlaw .fundsPart .tipWrap li { font-size:18px; font-family:'SUITR'; line-height: 1.5; text-indent: -22px; padding-left: 22px; box-sizing: border-box;}
.taxlaw .fundsPart .tipWrap li::before {content: ""; display: inline-block; vertical-align: middle; width: 4px; min-width: 4px; height: 4px; margin-right: 16px; border-radius: 50%; background-color: #000000;}


.taxlaw .bnrPart {text-align: center; padding: 80px 0; box-sizing: border-box; background: url("/app/layout/web/images/sub/taxlaw_6_bg.png") no-repeat top / cover;}
.taxlaw .bnrPart .textArea .mainText{color: #fff; font-size: 22px; font-family:'SUITR'; line-height: 1.59; margin-bottom: 20px;}

.taxlaw .bnrPart .textArea .pointText{font-size: 25px; font-family:'SUITEB';display: inline-block;background: linear-gradient(to right, #b98f3d 0%, #fef5ba 47%, #c09644 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;mix-blend-mode: normal;}


/***
**************************************** 이민 뉴스 ***********************************************
*/
.notice .cl_subMainVisual {background-image: url("/app/layout/web/images/notice/notice_subVisual.png");}

.notice .boardListPart {padding: 50px 0 200px 0;}
.notice .boardListPart .contentsWrap {max-width: 1324px;}
.notice .boardListPart .boardListWrap {display: flex; flex-wrap: wrap; gap: 70px 60px; margin-bottom:30px;}
.notice .boardListPart .boardListWrap li { width: calc(100% / 3 - 40px); background-color: #f7f7f7;}
.notice .boardListPart .boardListWrap li a{display: block; width: 100%; height: 100%;}
.notice .boardListPart .boardListWrap li .imgArea {width: 100%; height: 205px;}
.notice .boardListPart .boardListWrap li .imgArea img{width: 100%; height: 100%; display: block; object-fit: cover;}
.notice .boardListPart .boardListWrap li .textArea {min-height: 280px; padding: 32px 38px 25px 38px; box-sizing: border-box;}
.notice .boardListPart .boardListWrap li .textArea .date {font-size: 14px;font-family: 'NotoSansL'; margin-bottom: 20px;}
.notice .boardListPart .boardListWrap li .textArea .title {font-size: 25px;font-family: 'NotoSansB'; line-height: 1.52;margin-bottom: 15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; }
.notice .boardListPart .boardListWrap li .textArea .text {font-size: 15px;font-family: 'NotoSansL'; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; }
.notice .boardListPart .boardListWrap li .moreArea {padding: 0 38px 32px 38px; box-sizing: border-box;}
.notice .boardListPart .boardListWrap li .moreArea .more{color: #15456d;font-size: 14px;font-family: 'NotoSansL'; display: inline-block; padding-bottom: 5px; border-bottom: 1px solid #15456d;}


.notice .boardViewPart {padding: 170px 0;}
.notice .boardViewPart .contentsWrap {max-width: 1210px;}
.notice .boardViewPart .imgArea{max-width: 910px; width: 100%; margin-inline: auto; margin-bottom: 80px;}
.notice .boardViewPart .imgArea img{width: 100%; display: block;}
.notice .boardViewPart .textArea .date {font-size: 22px;font-family: 'NotoSansL'; margin-bottom: 20px;}
.notice .boardViewPart .textArea .title {font-size: 50px;font-family: 'NotoSansB'; line-height: 1.52;margin-bottom: 70px;}
.notice .boardViewPart .textArea .text {font-size: 23px;font-family: 'NotoSansL'; line-height: 1.5;}


@media (max-width: 1500px){
    /***
    **************************************** 레이아웃 공통 ***********************************************
    */
    .contentsWrap {padding-inline: 38px;}


    /***
    **************************************** header ***********************************************
    */
    header.headerWrap .contentsWrap {padding-inline: 28px;}
    header.headerWrap .logo a{width: 140px;}
    header.headerWrap .gnbWrap{gap: 5px;}
    header.headerWrap .gnbWrap > li{width: 100px;}
    header.headerWrap .gnbWrap .gnbTitle a {font-size: 15px;}
    header.headerWrap .gnbWrap .depthList .depth a {font-size: 14px; padding: 12px 5px;}

    /***
    **************************************** footer ***********************************************
    */
    footer.footerWrap .fterLogo {width: 150px;}
    footer.footerWrap .termsWrap .termsArea {font-size: 14px;}


    /***
    **************************************** main ***********************************************
    */
    .main .infoPart .textWrap .mainText {font-size: 40px;}
    .main .infoPart .textWrap .subText {font-size: 30px;}
    .main .infoPart .infoWrap {min-height: 610px;}
    .main .infoPart .infoWrap .textArea .listArea .titleArea .title {font-size: 26px;}
    .main .infoPart .infoWrap .textArea .listArea .titleArea .text {font-size: 22px;}
    .main .infoPart .infoWrap .textArea .listArea .textList li {font-size: 18px;}
    .main .infoPart .infoWrap .textArea .btnMove {right: 5%;}


    .main .whatPart .listWrap li .textArea .title {min-width: 330px; font-size: 25px;}
    .main .whatPart .listWrap li .textArea .text {font-size: 16px;}


    .main .qnaPart .fullContentsWrap {min-height: 780px;}
    .main .qnaPart .listWrap {padding: 80px 110px;}


    /***
    **************************************** 변호사소개 ***********************************************
    */
    .introduce .introPart .imgWrap {max-width: 550px;}
    .introduce .introPart .textWrap .mainText {font-size: 35px;}
    .introduce .introPart .textWrap .subText {font-size: 18px;}


    .introduce .lawyerPart .listWrap {padding-left: 0;}
    .introduce .lawyerPart .listItem {gap: 60px;}


    /***
    **************************************** 미국취업비자 (E1/E2) ***********************************************
    */
    .job-visa .cl_introPart .fitWrap {padding-inline: 38px; box-sizing: border-box;}

}


@media (max-width: 1330px){
    /***
    **************************************** header ***********************************************
    */
    header.headerWrap .contentsWrap {justify-content: space-between;}
    header.headerWrap .gnbWrap {display: none;}
    header.headerWrap .logo a {width: 138px;}
    header.headerWrap .gnbMenuBtn {width: 34px; height: 26px; cursor: pointer;}
    header.headerWrap .gnbMenuBtn img{width: 100%;}
    header.headerWrap .gnbMenuBtn {display: block;}

    /* 스크롤 후엔 검정 */
    header.headerWrap.is-scrolled .gnbMenuBtn img { filter: brightness(0); } 


    /* 모바일 메뉴 */
    .gnbMenuWrapM {position: fixed; display: none; right: 0; z-index: 400; width: 100%; height: 100vh;}
    .gnbMenuWrapM.on {display: block;}
    .gnbMenuWrapM .gnbMenuMAreaM {position: absolute; right: 0; width: calc(100% - 140px); height: 100%; padding: 50px 28px; box-sizing: border-box;background-color: #fff;}
    .gnbMenuWrapM .gnbHeader {margin-bottom: 50px;}
    .gnbMenuWrapM .gnbHeader .topArea {display: flex; align-items: center; justify-content: end; }
    .gnbMenuWrapM .gnbHeader .topArea .closeBtn { width: 29px; cursor: pointer;}
    .gnbMenuWrapM .gnbHeader .topArea .closeBtn img{ width: 100%;}


    .gnbMenuWrapM .gnbBody { text-align: left; height: 100%; overflow-y: auto;}
    .gnbMenuWrapM .gnbBody .gnbTitle { position: relative; border-bottom: 1px solid #d5d5d5; cursor: pointer;}
    .gnbMenuWrapM .gnbBody .gnbTitle a {color: #000000; font-size: 23px; font-family: 'SUITR'; display: block; width: 100%; height: 100%;padding: 12px 22px 12px 2px; box-sizing: border-box;}

    .gnbMenuWrapM .gnbBody .gnbTitle:has(+ .depthListM)::after {content: "";position: absolute;top: 50%;right: 25px;transform: translateY(-50%);width: 21px;height: 11px;background: url('/app/layout/web/images/common/gnbM_arrow.png') no-repeat top / 100% auto; transition: .3s;}
    .gnbMenuWrapM .gnbBody .gnbTitle.on a{color:#00000;}
    .gnbMenuWrapM .gnbBody .gnbTitle.on:has(+.depthListM)::after {transform: translateY(-50%) rotate(180deg);filter:invert(0%) sepia(100%) saturate(21%) hue-rotate(318deg) brightness(99%) contrast(100%);}
    .gnbMenuWrapM .gnbBody .depthListM { display: none; padding: 20px 10px; box-sizing: border-box; }
    .gnbMenuWrapM .gnbBody .depthListM .depth > a {color: #292929; font-size: 18px; font-family: 'SUITM'; width: 100%; display: block;padding: 25px 0; box-sizing: border-box;}

    .gnbMenuWrapM .gnbBody li.on .gnbTitle a { font-family:'SUITEB'; }


    /***
    **************************************** footer ***********************************************
    */
    footer.footerWrap {padding: 60px 0 60px 0}
    footer.footerWrap .contentsWrap {flex-direction: column-reverse;}
    footer.footerWrap .fterLogo {width: 205px;}
    footer.footerWrap .infoWrap {font-size: 16px; display: flex; flex-direction: column;}
    footer.footerWrap .infoWrap .infoArea {display: block; margin-bottom: 10px;}
    footer.footerWrap .infoWrap .infoArea:nth-of-type(1){order: 1;display: flex; align-items: start; flex-direction: column; gap: 0;}
    footer.footerWrap .infoWrap .infoArea:nth-of-type(2){order: 2;display: flex; align-items: start; flex-direction: column; gap: 0;}
    footer.footerWrap .infoWrap .infoArea:nth-of-type(3){order: 3;}
    footer.footerWrap .infoWrap .infoArea span {display: block; margin-top: 15px;}
    footer.footerWrap .infoWrap .infoArea span:not(:last-of-type)::after {content: none;}
    footer.footerWrap .infoWrap .copy{font-size: 14px; margin-top: 170px; order: 3; padding-left: 30px; box-sizing: border-box;}
    footer.footerWrap .termsWrap {gap: 40px; margin-bottom: 15px;}


    /***
    **************************************** 퀵버튼 ***********************************************
    */
    .quickBtnWrap {width: 94px;display: none;}
    .quickBtnWrap.open{display: block; right: 40px; bottom: 264px;}

    .quickBtnWrap ul {background-color: rgba(255, 255, 255, 0.5);}
    .quickBtnWrap ul li a {padding: 20px 0;}
    .quickBtnWrap ul li a .textArea .title {font-size: 15px;}
    .quickBtnWrap ul li a .textArea .text {font-size: 23px;}

    .btnFloatingWrap {right: 40px; bottom: 75px; gap: 10px;}


    /***
    **************************************** main ***********************************************
    */
    .main .mainVisual {height: 1326px;}


    .main .infoPart {padding: 150px 0 50px 0; background: url('/app/layout/web/images/main/main03_bgM.png') no-repeat 0 360px / 100% auto;}
    .main .infoPart .infoWrap {min-height: auto; background: none; flex-direction: column;}
    .main .infoPart .infoWrap .imgArea {width: calc(100% - 12%);}
    .main .infoPart .infoWrap .imgArea img {width: 100%; display: block;}
    .main .infoPart .infoWrap .textArea {padding: 150px 0 130px 0;}
    .main .infoPart .infoWrap .textArea {width: 100%; background-color: #f1f1f1; top: -100px; z-index: -1; padding-inline: 32px; box-sizing: border-box;}
    .main .infoPart .infoWrap .textArea .listArea .titleArea {flex-direction: column; gap: 10px;}
    .main .infoPart .infoWrap .textArea .listArea .textList {padding-left: 12px; box-sizing: border-box;}
    .main .infoPart .brandWrap {max-width: 624px; margin-top: -50px;margin-right: 50px;}


    .main .successPart .successSwiper .swiper-progress {margin-top: 80px;}
    

    .main .categoryPart .listWrap {flex-direction: column;}
    .main .categoryPart .listWrap li {width: 100%; height: 400px;}
    .main .categoryPart .listWrap .listItem01{background-image: url('/app/layout/web/images/main/main05_01M.png');}
    .main .categoryPart .listWrap .listItem02{background-image: url('/app/layout/web/images/main/main05_02M.png');}
    .main .categoryPart .listWrap .listItem03{background-image: url('/app/layout/web/images/main/main05_03M.png');}
    .main .categoryPart .listWrap .listItem04{background-image: url('/app/layout/web/images/main/main05_04M.png');}
    .main .categoryPart .listWrap .listItem05{background-image: url('/app/layout/web/images/main/main05_05M.png');}
    .main .categoryPart .listWrap .listItem06{background-image: url('/app/layout/web/images/main/main05_06M.png');}


    .main .whatPart {background-image: url('/app/layout/web/images/main/main07_bgM.png');}
    .main .whatPart .listWrap li .num {top: -10px; left: -10px; transform: translateX(0);}
    .main .whatPart .listWrap li .textArea {flex-direction: column; align-items: center; gap: 25px; text-align: center; }


    .main .youtubePart {padding: 120px 0 110px 0;}
    .main .youtubePart .swiperWrap {margin-bottom: 60px;}
    .main .youtubePart .swiperWrap .youtubeSwiper .swiper-slide .more {color: #fff; font-size: 25px; font-family:'SUITEB'; text-align: right; margin-bottom: 15px;}
    .main .youtubePart .snsWrap {max-width: 594px; margin-inline: auto; flex-wrap: wrap;}

    
    .main .qnaPart {padding: 110px 0 80px 0;background: url('/app/layout/web/images/main/main09_01bgM.png') no-repeat top / cover;}
    .main .qnaPart .fullContentsWrap {flex-direction: column; align-items: center; gap: 45px; min-height: auto; }
    .main .qnaPart .titleWrap {width: 100%; background: none; text-align: center;}
    .main .qnaPart .titleWrap .logoArea {margin-inline: auto;}
    .main .qnaPart .listWrap {width: 80%; padding: 0 40px; background-color: transparent;}


    .main .counselPart {min-height: 663px; background-image: url('/app/layout/web/images/main/main10_bgM.png');}
    .main .counselPart .titleWrap {margin-bottom: 70px;}
    .main .counselPart .btnWrap {flex-direction: column; gap: 30px;}


    .main .mapPart .mapWrap {flex-direction: column; align-items: center;}
    .main .mapPart .mapWrap .mapArea .textArea .mr20_pc {margin-right: 0;}


    .main .partnerWrap {padding: 45px 0;}
    .main .partnerWrap .listWrap {flex-wrap: wrap; gap: 40px 0;}
    .main .partnerWrap .listWrap li {width: calc(100% / 3); display: flex; align-items: center; justify-content: center;}


    /***
    **************************************** 변호사소개 ***********************************************
    */
    .introduce .cl_subMainVisual {background-image: url("/app/layout/web/images/sub/introduce_subVisualM.png");}
    .introduce .introPart {padding: 100px 0;}
    .introduce .introPart .contentsWrap {flex-direction: column; padding-inline: 38px;}
    .introduce .introPart .textWrap {text-align: center;}


    .introduce .lawyerPart .titleWrap {margin-bottom: 60px;}
    .introduce .lawyerPart .listItem {flex-direction: column; align-items: center;}


    /***
    **************************************** 미국투자이민 (EB5) ***********************************************
    */
    .invest .cl_subMainVisual {background-image: url("/app/layout/web/images/sub/invest_subVisualM.png");}


    .invest .bannerPart {background-image: url("/app/layout/web/images/sub/invest_2_bgM.png");}


    .invest .conditionPart .cardList{flex-direction: column; align-items: center; justify-content: center; gap:18px;}


    .invest .fundsPart .boxWrap {max-width: 720px; flex-direction: column; gap: 20px; padding: 50px 80px;}
    .invest .fundsPart .boxWrap .boxArea {width: 100%;}


    .invest .cl_appPart .appWrap .textArea .listArea {text-align: center;}
    .invest .cl_appPart .appWrap .textArea .listArea .list {max-width: 400px;}


    .invest .cl_processPart .processList .imgArea {max-width: 558px;}


    /***
    **************************************** 미국취업비자 (E1/E2) ***********************************************
    */
    .job-visa .cl_subMainVisual {background-image: url("/app/layout/web/images/sub/job-visa_subVisualM.png");}

    .job-visa .cl_introPart .fitWrap .fitBox .fitList {max-width: 620px;}

    .job-visa .pointPart .pointWrap {max-width: 540px; width: 100%; margin-inline: auto; align-items: center;}
    .job-visa .pointPart .pointWrap .topArea {flex-direction: column-reverse; align-items: center;}
    .job-visa .pointPart .pointWrap .bottomTextArea {width: auto;}


    .job-visa .popularPart .listWrap {flex-direction: column; gap: 22px; padding-inline: 30px; box-sizing: border-box;}
    .job-visa .popularPart .listWrap > li {max-width: 100%; min-height: 258px; padding: 22px;}
    .job-visa .popularPart .listWrap > li .subList {min-height: auto; margin-bottom: 20px;}
    .job-visa .popularPart .listWrap > li:nth-of-type(1) {background-image: url("/app/layout/web/images/sub/job-visa_e2_3_1M.png");}
    .job-visa .popularPart .listWrap > li:nth-of-type(2) {background-image: url("/app/layout/web/images/sub/job-visa_e2_3_2M.png");}
    .job-visa .popularPart .listWrap > li:nth-of-type(3) {background-image: url("/app/layout/web/images/sub/job-visa_e2_3_3M.png");}


    .job-visa .fitPart .fitWrap {margin-top: 70px;}
    .job-visa .fitPart .fitWrap .fitBox .fitList {max-width: 620px;}


    .job-visa .tabPage.e1 .cl_processPart .processList .imgArea {max-width: 556px;}
    .job-visa .tabPage.e2 .cl_processPart .processList .imgArea {max-width: 538px;}


    /***
    **************************************** 미국취업이민 ***********************************************
    */
    .job-immigrant .cl_subMainVisual {background-image: url("/app/layout/web/images/sub/job-immigrant_subVisual.png");}

    .job-immigrant .cl_tabWrap {padding: 80px 0 80px 0;}


    .job-immigrant .subIntroPart .introWrap {flex-direction: column; align-items: center; gap: 40px;}

    .job-immigrant .tabPage.eb1a .cl_processPart .processList .imgArea {max-width: 479px;}
    .job-immigrant .tabPage.eb1b .cl_processPart .processList .imgArea {max-width: 552px;}
    .job-immigrant .tabPage.eb1c .cl_processPart .processList .imgArea {max-width: 600px;}


    .job-immigrant .checkPart .checkList { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px 10px; }
    .job-immigrant .checkPart .checkList .checkArea { width:auto !important; display:contents; }
    .job-immigrant .checkPart .checkList .checkArea .topArea {min-height: auto;}
    .job-immigrant .checkPart .checkList .checkArea .checkItem { min-width:0; font-size:16px; }
    .job-immigrant .checkPart .checkList .checkArea .checkItem .icon { width:16px; margin-right:6px; }


    .job-immigrant .tabPage.eb1a .checkPart .checkList,
    .job-immigrant .tabPage.eb1b .checkPart .checkList,
    .job-immigrant .tabPage.eb1c .checkPart .checkList {max-width: 720px;}

    .job-immigrant .tabPage.eb1a .checkPart .checkList .checkArea:nth-of-type(1) .checkItem:nth-of-type(1) { order:1; }
    .job-immigrant .tabPage.eb1a .checkPart .checkList .checkArea:nth-of-type(2) .checkItem:nth-of-type(1) { order:2; }
    .job-immigrant .tabPage.eb1a .checkPart .checkList .checkArea:nth-of-type(1) .checkItem:nth-of-type(2) { order:3; }
    .job-immigrant .tabPage.eb1a .checkPart .checkList .checkArea:nth-of-type(2) .checkItem:nth-of-type(2) { order:4; }
    .job-immigrant .tabPage.eb1a .checkPart .checkList .checkArea:nth-of-type(1) .checkItem:nth-of-type(3) { order:5; }
    .job-immigrant .tabPage.eb1a .checkPart .checkList .checkArea:nth-of-type(2) .checkItem:nth-of-type(3) { order:6; }
    .job-immigrant .tabPage.eb1a .checkPart .checkList .checkArea:nth-of-type(3) .checkItem:nth-of-type(1) { order:7; }
    .job-immigrant .tabPage.eb1a .checkPart .checkList .checkArea:nth-of-type(3) .checkItem:nth-of-type(2) { order:9; }
    .job-immigrant .tabPage.eb1a .checkPart .checkList .checkArea:nth-of-type(3) .checkItem:nth-of-type(3) { order:8; }
    .job-immigrant .tabPage.eb1a .checkPart .checkList .checkArea:nth-of-type(3) .checkItem:nth-of-type(4) { order:10; }

    .job-immigrant .tabPage.eb1b .checkPart .checkList .checkArea:nth-of-type(1) .checkItem:nth-of-type(1) { order:1; }
    .job-immigrant .tabPage.eb1b .checkPart .checkList .checkArea:nth-of-type(2) .checkItem:nth-of-type(2) { order:2; }
    .job-immigrant .tabPage.eb1b .checkPart .checkList .checkArea:nth-of-type(1) .checkItem:nth-of-type(2) { order:3; }
    .job-immigrant .tabPage.eb1b .checkPart .checkList .checkArea:nth-of-type(3) .checkItem:nth-of-type(1) { order:4; }
    .job-immigrant .tabPage.eb1b .checkPart .checkList .checkArea:nth-of-type(2) .checkItem:nth-of-type(1) { order:5; }

    .job-immigrant .tabPage.eb1c .checkPart .checkList .checkArea:nth-of-type(1) .checkItem:nth-of-type(1) { order:1; }
    .job-immigrant .tabPage.eb1c .checkPart .checkList .checkArea:nth-of-type(2) .checkItem:nth-of-type(2) { order:2; }
    .job-immigrant .tabPage.eb1c .checkPart .checkList .checkArea:nth-of-type(1) .checkItem:nth-of-type(2) { order:3; }
    .job-immigrant .tabPage.eb1c .checkPart .checkList .checkArea:nth-of-type(3) .checkItem:nth-of-type(1) { order:4; }
    .job-immigrant .tabPage.eb1c .checkPart .checkList .checkArea:nth-of-type(2) .checkItem:nth-of-type(1) { order:5; }


    .job-immigrant.eb2 .checkPart .checkList {max-width: 720px; display: flex; flex-direction: column; gap: 50px; padding-inline: 34px; box-sizing: border-box;}
    .job-immigrant.eb2 .checkPart .checkList .checkArea .checkItem {display: inline-block; padding: 10px 20px;}
    .job-immigrant.eb3 .checkPart .checkList {display: flex; flex-direction: column; max-width: 800px; margin-inline: auto; gap: 50px;}
    .job-immigrant.eb3 .checkPart .checkList .checkArea {display: flex; flex-direction: row; }
    .job-immigrant.eb3 .checkPart .checkList .checkArea .topArea {width: 60%;}
    .job-immigrant.eb3 .checkPart .checkList .checkArea .keywordWrap {width: 40%; margin-left: 0;}
    .job-immigrant.eb3 .checkPart .checkList .checkArea .checkItem {display: inline-block; padding: 15px 10px 15px 25px;}


    .job-immigrant .processPart .imgWrap {flex-direction: column; align-items: center; text-align: center;}
    .job-immigrant .processPart .imgWrap .imgArea{max-width: 607px; margin-inline: auto;}
    .job-immigrant .processPart .imgWrap .imgArea .text {margin-top: 0;}


    .job-immigrant .featPart .listWrap li {min-height: 160px; width: calc(100% / 2 - 14px);}
    .job-immigrant .featPart .listWrap li .text {font-size: 20px; min-height: 52px;}



    .job-immigrant.eb2 .tabPage.eb2 .cl_processPart .processList .imgArea {max-width: 543px;}
    .job-immigrant.eb2 .tabPage.eb2-niw .cl_processPart .processList .imgArea {max-width: 587px;}
    .job-immigrant.eb3 .cl_processPart .processList .imgArea {max-width: 513px;}


    .job-immigrant.eb2 .cl_benefitPart .benefitList{justify-content: center;}
    .job-immigrant.eb2 .tabPage.eb2-niw .cl_benefitPart .benefitItem {width: calc(100% / 2 - 14px);}



    /***
    **************************************** 유학생 영주권 ***********************************************
    */
    .student .cl_subMainVisual {background-image: url("/app/layout/web/images/sub/student_subVisualM.png");}


    .student .stepPart .stepWrap .stepArea{flex-direction: column; gap: 40px;}
    .student .stepPart .stepWrap .stepArea .textArea .title {margin-bottom:10px; text-indent: -22px;}

    .student .stepPart .stepWrap .tableArea .textArea {max-width: 540px; margin-inline: auto; padding-inline: 40px; box-sizing: border-box;}
    .student .stepPart .stepWrap .tableArea .textArea .title {margin-bottom:10px; text-indent: -22px;}

    .student .stepPart .stepWrap .tableArea table {max-width: 760px; margin-inline: auto;}
    .student .stepPart .stepWrap .tableArea table thead th{ padding: 7px 2px;}
    .student .stepPart .stepWrap .tableArea table tbody td {padding: 7px 2px;}
    .student .stepPart .stepWrap .tableArea table thead th:nth-of-type(1) {width: 10%;}
    .student .stepPart .stepWrap .tableArea table thead th:nth-of-type(2) {width: 15%;}
    .student .stepPart .stepWrap .tableArea table thead th:nth-of-type(3) {width: 10%;}
    .student .stepPart .stepWrap .tableArea table thead th:nth-of-type(4) {width: 20%;}
    .student .stepPart .stepWrap .tableArea table thead th:nth-of-type(5) {width: 20%;}


    .student .cl_appPart .appWrap .textArea .listArea .list {max-width: 340px;}


    .student .cl_processPart .processList .imgArea {max-width: 588px;}


    /***
    **************************************** 가족 초청 이민 ***********************************************
    */
    .family .cl_subMainVisual {background-image: url("/app/layout/web/images/sub/family_subVisualM.png");}


    .family .cl_introPart .tableWrap {max-width: 720px;}


    .family .vsPart .vsWrap{flex-direction: column; align-items: center;}


    .family .cl_processPart .processList .imgArea {max-width: 592px;}


    /***
    **************************************** 비이민 비자 ***********************************************
    */
    .visa .cl_subMainVisual {background-image: url("/app/layout/web/images/sub/visa_subVisual.png");}

    .visa .cl_tabWrap  {padding-bottom: 100px;}
    .visa .cl_tabWrap .contentsWrap { max-width: 800px;flex-wrap: wrap;}


    .visa .conditionPart .conditionWrap {flex-direction: column-reverse; align-items: center; justify-content: center; gap: 50px; padding-left: 0;}


    .visa .cl_appPart .appWrap .textArea .listArea {justify-content: start;}
    .visa .tabPage.r1 .cl_appPart .appWrap .textArea .text{text-align: center;}

    .visa .subIntroPart .introWrap {flex-direction: column; gap: 50px;}
    .visa .subIntroPart .checkWrap { max-width: 720px;display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px 10px; }
    .visa .subIntroPart .checkWrap .checkArea { width:auto !important; display:contents; }
    .visa .subIntroPart .checkWrap .checkArea .title { min-width:0; display: flex; align-items: center;}
    .visa .subIntroPart .checkWrap .checkArea .title .icon { width:16px; margin-right:6px; }


    .visa .tabPage.h1b .subIntroPart .checkWrap {display: flex; max-width: 460px; width: 100%; margin-inline: auto; flex-direction: column; justify-content: center; align-items: start; gap: 50px; padding-left: 0;}
    .visa .tabPage.h1b .subIntroPart .checkWrap .checkArea {display: flex;}

    .visa .tabPage.l1 .subIntroPart .checkWrap {max-width: 720px;}
    .visa .tabPage.l1 .subIntroPart .checkWrap .checkArea:nth-of-type(1) .title:nth-of-type(1) { order:1; }
    .visa .tabPage.l1 .subIntroPart .checkWrap .checkArea:nth-of-type(1) .title:nth-of-type(2) { order:4; }
    .visa .tabPage.l1 .subIntroPart .checkWrap .checkArea:nth-of-type(2) .title:nth-of-type(1) { order:2; }
    .visa .tabPage.l1 .subIntroPart .checkWrap .checkArea:nth-of-type(2) .title:nth-of-type(2) { order:5; }
    .visa .tabPage.l1 .subIntroPart .checkWrap .checkArea:nth-of-type(3) .title:nth-of-type(1) { order:3; }

    .visa .tabPage.p0 .subIntroPart .checkWrap {display: flex; flex-direction: column;}


    .visa .tablePart .tableWrap {margin-top: 0;}


    .visa .pointPart .pointWrap {flex-direction: column; align-items: center;}


    .visa .mixPart {padding-bottom: 60px;}
    .visa .mixPart .contentsWrap {flex-direction: column; align-items: center; gap: 160px;}
    .visa .mixPart .pointWrap.point01,
    .visa .mixPart .pointWrap.point02 {width: 100%;}
    .visa .mixPart .pointWrap .listWrap{flex-direction: column;}


    .visa .tabPage.h1b .cl_processPart .processList .imgArea {max-width: 576px;}
    .visa .tabPage.l1 .cl_processPart .processList .imgArea {max-width: 570px;}
    .visa .tabPage.p0 .cl_processPart .processList .imgArea {max-width: 539px;}
    .visa .tabPage.r1 .cl_processPart .processList .imgArea {max-width: 572px;}



    /***
    **************************************** 미국세법 ***********************************************
    */
    .taxlaw .cl_subMainVisual {background-image: url("/app/layout/web/images/sub/taxlaw_subVisualM.png");}


    .taxlaw .textPart {background-image: url("/app/layout/web/images/sub/taxlaw_1_bgM.png");}


    .taxlaw .fundsPart .boxWrap {flex-direction: column; gap: 20px;}
    .taxlaw .fundsPart .boxWrap .boxArea{max-width: 360px; width: 100%; margin-inline: auto;}
    .taxlaw .fundsPart .boxWrap .boxArea:nth-of-type(2) {width: 100%;}
    .taxlaw .fundsPart .tipWrap {padding-inline: 20px; box-sizing: border-box;}


    .taxlaw .mixPart .appWrap {flex-direction: column; align-items: center;}
    .taxlaw .mixPart .appWrap .textArea {text-align: center;}
    .taxlaw .mixPart .appWrap .textArea .listArea {justify-content: center;}


    .taxlaw .listPart .appWrap {flex-direction: column; align-items: center;}
    .taxlaw .listPart .appWrap .textArea {text-align: center;}

    .taxlaw .listPart .appWrap .textArea .listArea {max-width: 370px; width: 100%; margin-inline: auto; text-align: left;}


    .taxlaw .bnrPart {background-image: url("/app/layout/web/images/sub/taxlaw_6_bgM.png");}


    /***
    **************************************** 이민 뉴스 ***********************************************
    */
    .notice .boardListPart .boardListWrap {flex-direction: column;}
    .notice .boardListPart .boardListWrap li {width: 100%;}


    .notice .boardViewPart { padding: 80px 0 120px 0;}
    .notice .boardViewPart .imgArea {margin-bottom: 40px;}
    .notice .boardViewPart .textArea .title {margin-bottom: 40px;}

    /***
    **************************************** bottomQuick ***********************************************
    */
    .quickCounselBtn {position: fixed; bottom: 0; width: 100%; display: flex !important; align-items: center; justify-content: space-between; gap: 0; border-radius: 0; height: 50px; padding: 0; background: none; z-index: 20; }
    .quickCounselBtn .showKaKaoQr { display: flex; align-items: center; justify-content: center; gap: 5px; background: #fae100; width: 50%; height: 100%; color: #363636; }
    .quickCounselBtn .showKaKaoQr img { width: 30px; }
    .quickCounselBtn .submit { display: flex; align-items: center; justify-content: center; background: #161616; width: 50%; height: 100%; color: #fff; }

}


@media (max-width: 768px){
    /***
    **************************************** 레이아웃 공통 ***********************************************
    */
    .contentsWrap {padding-inline:18px;}


    /***
    **************************************** header ***********************************************
    */

    header.headerWrap {height: 50px;}
    header.headerWrap .contentsWrap {padding-inline: 14px;}
    header.headerWrap .logo a {width: 69px;}
    header.headerWrap .gnbMenuBtn {width: 17px;}


    /* 모바일 메뉴 */
    .gnbMenuWrapM .gnbMenuMAreaM {width: calc(100% - 20%);padding: 25px 14px;}
    .gnbMenuWrapM .gnbHeader {margin-bottom: 25px;}
    .gnbMenuWrapM .gnbHeader .topArea .closeBtn { width: 14px;}


    .gnbMenuWrapM .gnbBody .gnbTitle a{ font-size: 12px; padding: 12px 22px 12px 2px;}
    .gnbMenuWrapM .gnbBody .gnbTitle:has(+ .depthListM)::after {width: 11px;height: 5px;right: 12px;}
    .gnbMenuWrapM .gnbBody .depthListM { padding: 10px 5px; }
    .gnbMenuWrapM .gnbBody .depthListM .depth > a { font-size: 9px; padding: 8px 0;}


    /***
    **************************************** footer ***********************************************
    */
    footer.footerWrap {padding: 30px 0 22px 0}
    footer.footerWrap .fterLogo {width: 172px;}
    footer.footerWrap .infoWrap {margin-bottom: 20px;}
    footer.footerWrap .infoWrap .infoArea span {font-size: 12px; margin-top: 7px;}
    footer.footerWrap .infoWrap .copy{font-size: 10px; margin-top: 85px; padding-left: 0;}
    footer.footerWrap .termsWrap {gap: 20px; margin-bottom: 7px;}
    footer.footerWrap .termsWrap .termsArea {font-size: 8px;}

    footer.footerWrap .subWrap .subArea {font-size: 17px;}


    /***
    **************************************** 퀵버튼 ***********************************************
    */
    .quickBtnWrap.open{right: 20px; bottom: 134px;}

    .quickBtnWrap {width: 47px;}
    .quickBtnWrap ul {padding: 10px 4px;}
    .quickBtnWrap ul li:first-of-type a {padding-top: 15px;}
    .quickBtnWrap ul li a {padding: 10px 0;}
    .quickBtnWrap ul li a .imgArea img {width: 50%; margin-inline: auto;}
    .quickBtnWrap ul li a .textArea .title {font-size: 8px;}
    .quickBtnWrap ul li a .textArea .text {font-size: 11px;}


    .btnFloatingWrap {right: 20px; bottom: 80px; gap: 5px;}
    .btnFloatingWrap .btnFloating.btnMoveTop .imgArea {width: 16px;}



    /***
    **************************************** main ***********************************************
    */
    .main .mainVisual {height: 663px;}
    .main .mainVisual .textWrap .mainTitle {font-size: 25px; margin-bottom: 20px;}
    .main .mainVisual .textWrap .mainText {font-size: 17px; margin-bottom: 10px;}
    .main .mainVisual .textWrap .subText {font-size: 17px;}
    .main .mainVisual .textWrap .subText .bold{font-size: 20px;}


    .main .infoPart {padding: 75px 0 25px 0; background-position: 0 180px;}
    .main .infoPart .textWrap .mainText {font-size: 25px;}
    .main .infoPart .textWrap .subText {font-size: 20px;}
    .main .infoPart .infoWrap .textArea {top: -50px; padding: 75px 0 65px 0; padding-inline: 16px;}
    .main .infoPart .infoWrap .textArea .listArea .titleArea {gap: 5px; margin-bottom: 15px;}
    .main .infoPart .infoWrap .textArea .listArea .titleArea .title {font-size: 18px;}
    .main .infoPart .infoWrap .textArea .listArea .titleArea .text {font-size: 15px;}
    .main .infoPart .infoWrap .textArea .listArea .textList {gap: 10px;}
    .main .infoPart .infoWrap .textArea .listArea .textList li {font-size: 11px;text-indent: -9px; padding-left: 0;}
    .main .infoPart .infoWrap .textArea .listArea .textList li::before {width: 2px; min-width: 2px; height: 2px; margin-right: 4px;}
    .main .infoPart .infoWrap .textArea .btnMove {bottom: 20px; right: 3%;font-size: 13px; padding: 9px 17px;}
    .main .infoPart .infoWrap .textArea .btnMove img {width: 14px;}
    .main .infoPart .brandWrap {max-width: 312px;margin-top: -25px;margin-right: 25px;}


    .main .successPart {padding: 60px 0 70px 0;}
    .main .successPart .titleWrap {margin-bottom: 25px;}
    .main .successPart .titleWrap .mainTitle {font-size: 8px; letter-spacing: 5px;}
    .main .successPart .titleWrap .mainText {font-size: 25px;}
    .main .successPart .successSwiper {padding: 0 0 24px;}
    .main .successPart .successSwiper .swiper-slide .textArea { font-size: 16px; padding: 15px 8px; box-sizing: border-box;}
    .main .successPart .successSwiper .swiper-progress {margin-top: 40px;}


    .main .categoryPart .listWrap li {height: 200px;}
    .main .categoryPart .listWrap li a {gap: 10px;}
    .main .categoryPart .listWrap li a .title {font-size: 20px;}
    .main .categoryPart .listWrap li a .text {font-size: 12px;}


    .main .whatPart {padding: 75px 0 65px 0;}
    .main .whatPart .titleWrap .mainTitle {font-size: 8px; letter-spacing: 5px;}
    .main .whatPart .titleWrap .mainText {font-size: 25px;}


    .main .whatPart .titleWrap {margin-bottom: 30px;}
    .main .whatPart .listWrap li .num {top: -5px;left: -5px; width: 51px;height: 35px; font-size: 15px;}
    .main .whatPart .listWrap li .textArea {padding: 25px; gap: 12px;}
    .main .whatPart .listWrap li .textArea .title {font-size: 18px;}
    .main .whatPart .listWrap li .textArea .text {font-size: 12px;}


    .main .youtubePart {padding: 60px 0 50px 0;}
    .main .youtubePart .titleWrap {margin-bottom: 30px;}
    .main .youtubePart .titleWrap .mainText {font-size: 25px;}
    .main .youtubePart .titleWrap .mainTitle {font-size: 8px; letter-spacing: 5px;}
    .main .youtubePart .titleWrap .mainText {font-size: 25px;}

    .main .youtubePart .swiperWrap {margin-bottom: 30px;}
    .main .youtubePart .swiperWrap .youtubeSwiper .swiper-slide .more {font-size: 12px; margin-bottom: 7px;}
    .main .youtubePart .swiperWrap .youtubeSwiper .swiper-slide .textArea {font-size: 11px;}

    .main .youtubePart .snsWrap {gap: 15px;}
    .main .youtubePart .snsWrap .btnSns {width: 138px; height: 37px; font-size: 16px;}
    .main .youtubePart .snsWrap .btnSns img{width: 15%;}


    .main .qnaPart {padding: 50px 0 30px 0;}
    .main .qnaPart .fullContentsWrap {gap: 22px;}
    .main .qnaPart .titleWrap .logoArea {max-width: 162px;}
    .main .qnaPart .titleWrap .mainText {font-size: 35px; margin-bottom: 15px;}
    .main .qnaPart .titleWrap .subText {font-size: 14px;}
    .main .qnaPart .listWrap {width: 100%; padding-inline: 20px;}
    .main .qnaPart .listWrap .qnaA::before { width: calc(100% - 24px);}
    .main .qnaPart .listWrap .badgeQ {width: 30px; height: 15px;font-size: 12px;}
    .main .qnaPart .listWrap .badgeA {width: 30px; height: 15px;font-size: 12px;}
    .main .qnaPart .listWrap .qText {font-size: 12px;}
    .main .qnaPart .listWrap .aText {font-size: 12px;}
    .main .qnaPart .listWrap .qnaQ {gap: 8px;padding: 9px 11px;}
    .main .qnaPart .listWrap .qnaA .aInner {gap: 8px;padding: 9px 11px;}


    .main .counselPart {min-height: 332px; padding: 65px 0;}
    .main .counselPart .titleWrap {margin-bottom: 30px;}
    .main .counselPart .titleWrap .mainTitle {font-size: 8px; letter-spacing: 5px; margin-bottom: 12px;}
    .main .counselPart .titleWrap .mainText {font-size: 25px;}

    .main .counselPart .btnWrap {gap: 15px;}
    .main .counselPart .btnWrap .btnMove {max-width: 226px; height: 44px; font-size: 14px; gap: 10px;}
    .main .counselPart .btnWrap .btnMove.counsel img{width: 24px;}
    .main .counselPart .btnWrap .btnMove.katalk img{width: 33px;}


    .main .partnerWrap {padding: 22px 0 12px 0;}
    .main .partnerWrap .listWrap li img {width: 80%;}
    

    .main .mapPart {padding: 60px 0;}
    .main .mapPart .titleWrap .mainTitle {font-size: 8px; letter-spacing: 5px;}
    .main .mapPart .titleWrap .mainText {font-size: 25px;}

    .main .mapPart .mapWrap .mapArea .textArea .title {font-size: 14px;}
    .main .mapPart .mapWrap .mapArea .textArea span {font-size: 12px;}


    .main .partnerWrap .listWrap {gap: 20px 0;}


    /***
    **************************************** 변호사소개 ***********************************************
    */
    .introduce .introPart {padding: 50px 0;}
    .introduce .introPart .contentsWrap{padding-inline: 16px; gap: 25px;}
    .introduce .introPart .textWrap .mainText {font-size: 25px; margin-bottom: 25px;}
    .introduce .introPart .textWrap .subText {font-size: 13px;}


    .introduce .lawyerPart {padding: 60px 0;}
    .introduce .lawyerPart .titleWrap {margin-bottom: 30px;}
    .introduce .lawyerPart .titleWrap .mainText {font-size: 22px;}
    .introduce .lawyerPart .listItem {gap: 30px;}
    .introduce .lawyerPart .listItem .imgWrap {min-width: auto; max-width: 500px; width: 100%; padding-inline: 35px; box-sizing: border-box;}
    .introduce .lawyerPart .listItem .textWrap .titleArea .mainText{font-size: 25px; margin-bottom: 20px;}
    .introduce .lawyerPart .listItem .textWrap .titleArea .mainText .small{font-size: 15px;}
    .introduce .lawyerPart .listItem .textWrap .textArea + .textArea {margin-top: 30px;}
    .introduce .lawyerPart .listItem .textWrap .textArea .title {font-size: 14px; margin-bottom: 10px;}
    .introduce .lawyerPart .listItem .textWrap .textArea .textList li {font-size: 11px; text-indent: -10px;padding-left: 12px;}
    .introduce .lawyerPart .listItem .textWrap .textArea .textList li::before {min-width: 3px; width: 3px; height: 3px; margin-right: 7px;}
    .introduce .lawyerPart .listItem .textWrap .textArea .textList li:not(:last-of-type) {margin-bottom: 5px;}


    /***
    **************************************** 미국투자이민 (EB5) ***********************************************
    */
    .invest .bannerPart{padding:90px 0 75px 0;}
    .invest .bannerPart .titleWrap {font-size: 13px;}
    .invest .bannerPart .textWrap{font-size:15px; padding: 30px 10px;}


    .invest .conditionPart{padding:70px 0 55px 0;}
    .invest .conditionPart .titleWrap{margin-bottom:30px;}
    .invest .conditionPart .cardItem {max-width: 225px; border-radius: 7px;}
    .invest .conditionPart .cardTop {padding: 22px 10px 22px 10px; border-radius: 7px 7px 0 0;}
    .invest .conditionPart .cardTop .tag {font-size: 10px; margin-bottom: 5px; border-radius: 7px; padding: 4px 7px;}
    .invest .conditionPart .cardTop .title {font-size: 15px;}
    .invest .conditionPart .cardBtm {padding: 13px 0;}
    .invest .conditionPart .cardBtm .price {font-size: 18px; margin-bottom: 5px;}
    .invest .conditionPart .cardBtm .small {font-size: 12px; margin-bottom: 8px;}
    .invest .conditionPart .cardBtm .checkList {max-width: 160px;}
    .invest .conditionPart .cardBtm .checkList li {font-size: 11px; padding: 6px 0; gap: 5px;}
    .invest .conditionPart .cardBtm .checkList li img {width: 7%;}


    .invest .fundsPart{padding:40px 0;}
    .invest .fundsPart .titleWrap{margin-bottom:20px;}
    .invest .fundsPart .textWrap {font-size: 14px;}
    .invest .fundsPart .boxWrap {gap: 10px;padding: 25px 40px; border-radius: 7px;}
    .invest .fundsPart .boxWrap .boxArea .boxItem {font-size: 13px;}
    .invest .fundsPart .boxWrap .boxArea .boxItem:not(:last-of-type) {margin-bottom: 10px;}
    .invest .fundsPart .boxWrap .boxArea .boxItem .icon {width:10px; margin-right: 10px;}


    /***
    **************************************** 미국취업비자 (E1/E2) ***********************************************
    */

    .job-visa .cl_introPart .fitWrap {padding-inline: 18px;margin-top: 50px;}
    .job-visa .cl_introPart .fitWrap .fitTitle {font-size: 16px; padding: 2px 10px; bottom: -14px;}
    .job-visa .cl_introPart .fitWrap .fitBox { border-radius: 14px;padding: 45px 8px 30px 8px;}
    .job-visa .cl_introPart .fitWrap .fitBox .fitList {max-width: 360px;}
    .job-visa .cl_introPart .fitWrap .fitBox .fitList li {font-size: 12px; text-indent: -8px;}

    .job-visa .tabPage.e2 .cl_introPart .textWrap .mainText {font-size: 25px;}


    .job-visa .pointPart {padding: 100px 0 45px;}
    .job-visa .pointPart .pointWrap .topArea {gap: 20px;}
    .job-visa .pointPart .pointWrap .textArea {gap: 18px; width: 100%;}
    .job-visa .pointPart .pointWrap .textArea li .title {font-size: 12px;}
    .job-visa .pointPart .pointWrap .textArea li .text {font-size: 12px; padding-left: 8px;}


    .job-visa .cl_benefitPart {padding-bottom: 80px;}


    .job-visa .popularPart { padding: 50px 0 100px 0;}
    .job-visa .popularPart .listWrap {gap: 11px; padding-inline: 15px;}
    .job-visa .popularPart .listWrap > li {min-height: 130px; padding: 11px;}
    .job-visa .popularPart .listWrap > li .num {font-size: 20px; margin-bottom: 8px;}
    .job-visa .popularPart .listWrap > li .title {font-size: 13px;}
    .job-visa .popularPart .listWrap > li .subList {margin-bottom: 10px;}
    .job-visa .popularPart .listWrap > li:nth-of-type(1) .subList{max-width: 66px;}
    .job-visa .popularPart .listWrap > li:nth-of-type(2) .subList {max-width: 126px;}
    .job-visa .popularPart .listWrap > li:nth-of-type(3) .subList {max-width: 115px;}

    .job-visa .popularPart .listWrap > li .subList li{font-size: 8px;}

    .job-visa .popularPart .listWrap > li .keywordArea .keyword {font-size: 8px; min-width: 102px; padding: 2px 6px;}
    .job-visa .popularPart .listWrap > li .keywordArea .keyword img {width: 9px;}


    .job-visa .graphPart {padding-bottom: 100px;}


    .job-visa .tabPage.e1 .cl_vsPart .tableWrap table thead th:nth-of-type(2),
    .job-visa .tabPage.e1 .cl_vsPart .tableWrap table tbody td:nth-of-type(2) {border-left: 1px solid #15456d;border-right: 1px solid #15456d;}
    .job-visa .tabPage.e2 .cl_vsPart .tableWrap table thead th:nth-of-type(3),
    .job-visa .tabPage.e2 .cl_vsPart .tableWrap table tbody td:nth-of-type(3){border-left: 1px solid #15456d;border-right: 1px solid #15456d;}


    .job-visa .fitPart {padding-bottom: 80px;}
    .job-visa .fitPart .fitWrap {margin-top: 35px;}
    .job-visa .fitPart .fitWrap .fitTitle {font-size: 16px; padding: 2px 10px; bottom: -14px;}
    .job-visa .fitPart .fitWrap .fitBox { border-radius: 14px;padding: 45px 8px 30px 8px;}
    .job-visa .fitPart .fitWrap .fitBox .fitList {max-width: 360px;}
    .job-visa .fitPart .fitWrap .fitBox .fitList li {font-size: 12px;text-indent: -8px;}


    /***
    **************************************** 미국취업이민 ***********************************************
    */
    .job-immigrant .cl_tabWrap {padding: 50px 0 40px 0;}

    .job-immigrant .subIntroPart {padding-bottom: 90px; }
    .job-immigrant .subIntroPart .introWrap {align-items: start; gap: 20px;}
    .job-immigrant .subIntroPart .introWrap .textArea .text {font-size: 12px; margin-bottom: 12px;}
    .job-immigrant .subIntroPart .introWrap .textArea .tip {font-size: 11px; text-indent: -11px; padding-left: 11px;}


    .job-immigrant .checkPart {padding-bottom: 80px;}
    .job-immigrant .checkPart .cl_titleLineWrap {margin-bottom: 10px;}
    .job-immigrant .checkPart .titleArea {font-size: 12px; margin-bottom: 10px;}
    .job-immigrant .checkPart .checkList .checkArea .checkItem {font-size: 11px; padding: 7px 5px 7px 27px;}
    .job-immigrant .checkPart .checkList .checkArea .listWrap {margin: 10px 0 0 10px;}
    .job-immigrant .checkPart .checkList .checkArea .listWrap .title {font-size: 10px;}
    .job-immigrant .checkPart .checkList .checkArea .listWrap .text {font-size: 12px; margin: 5px 0;}
    .job-immigrant .checkPart .checkList .checkArea .listWrap .list li {font-size: 13px;}
    .job-immigrant .checkPart .checkList .checkArea .listWrap .list li::before {min-width: 4px; width: 4px; height: 4px; margin-right: 8px;}
    .job-immigrant .checkPart .checkList .checkArea .keywordWrap .title {font-size: 10px;}
    .job-immigrant .checkPart .checkList .checkArea .keywordWrap .list li {font-size: 13px;}
    .job-immigrant .checkPart .checkList .checkArea .keywordWrap .list li .icon {width: 12px; margin-right: 5px;}


    .job-immigrant.eb3 .checkPart {padding-top: 60px;}
    .job-immigrant.eb3 .checkPart .checkList {max-width: 400px; gap: 25px;}
    .job-immigrant.eb3 .checkPart .checkList .checkArea .checkItem {padding: 5px 10px 5px 15px;}

    .job-immigrant .tabPage.eb1a .cl_processPart .processList .imgArea {max-width: 240px;}
    .job-immigrant .tabPage.eb1b .cl_processPart .processList .imgArea {max-width: 275px;}
    .job-immigrant .tabPage.eb1c .cl_processPart .processList .imgArea {max-width: 260px;}

    .job-immigrant.eb2 .checkPart .checkList {padding-inline: 17px; gap: 25px;}


    .job-immigrant .cl_vsPart .tableWrap table thead th:nth-of-type(1) {width: 20%;}


    .job-immigrant .processPart {padding-bottom: 80px;}
    .job-immigrant .processPart .imgWrap {margin-bottom: 30px;}
    .job-immigrant .processPart .imgWrap .imgArea .text {font-size: 12px;}
    .job-immigrant .processPart .fitWrap {font-size: 13px;  padding: 17px 0;}


    .job-immigrant .featPart {padding-bottom: 60px;}
    .job-immigrant .featPart .listWrap {gap: 10px;}
    .job-immigrant .featPart .listWrap li { width: calc(100% / 2 - 5px);min-height: 94px; border-radius: 7px; padding: 12px 5px 5px 5px;}
    .job-immigrant .featPart .listWrap li .text {font-size: 12px; min-height: 32px;}
    .job-immigrant .featPart .listWrap li .icon {width: 17px; margin-bottom: 5px;}


    .job-immigrant.eb2 .tabPage.eb2-niw .cl_benefitPart .benefitItem .imgArea {width: 46px;height: 46px;}
    .job-immigrant.eb2 .tabPage.eb2-niw .cl_benefitPart .benefitItem .title {font-size: 10px;}
    .job-immigrant.eb3 .cl_benefitPart {padding-bottom: 60px;}



    /***
    **************************************** 유학생 영주권 ***********************************************
    */
    .student .stepPart {padding-bottom: 70px;}
    .student .stepPart .cl_titleLineWrap {margin-bottom: 20px;}
    .student .stepPart .stepWrap .stepArea {align-items: start; gap: 20px; margin-bottom: 50px;}
    .student .stepPart .stepWrap .stepArea .textArea {padding-left: 13px; padding-right: 0; box-sizing: border-box;}
    .student .stepPart .stepWrap .stepArea .textArea .title {font-size: 12px;text-indent: -13px;margin-bottom: 5px;}
    .student .stepPart .stepWrap .stepArea .textArea .text {font-size: 12px; }

    .student .stepPart .stepWrap .tableArea .textArea {max-width: 100%; padding-left: 13px; padding-right: 0; box-sizing: border-box;}
    .student .stepPart .stepWrap .tableArea .textArea .title{font-size: 12px;text-indent: -13px;margin-bottom: 5px;}
    .student .stepPart .stepWrap .tableArea .textArea .text {font-size: 12px; }

    .student .stepPart .stepWrap .tableArea table thead th {font-size: 9px;}
    .student .stepPart .stepWrap .tableArea table tbody td {font-size: 9px; padding: 3px 2px;}

    .student .cl_appPart .appWrap .textArea .listArea .list {max-width: 240px;}


    /***
    **************************************** 가족 초청 이민 ***********************************************
    */
    .family .cl_subMainVisual {background-image: url("/app/layout/web/images/sub/family_subVisualM.png");}


    .family .cl_introPart {padding-bottom: 130px;}
    .family .cl_introPart .tableWrap {padding-inline: 18px; box-sizing: border-box; margin-top: 45px;}
    .family .cl_introPart .tableWrap table thead th {font-size: 11px; padding: 8px 5px;}
    .family .cl_introPart .tableWrap table tbody td {font-size: 9px; padding: 8px 5px;}
    .family .cl_introPart .tableWrap table tbody td:nth-of-type(1) {font-size: 11px;}
    .family .cl_introPart .tableWrap table caption {font-size: 9px; margin-top: 5px;}


    .family .vsPart {padding: 70px 0 90px 0; }
    .family .vsPart .cl_titleLineWrap {margin-bottom: 30px;}
    .family .vsPart .vsWrap {gap: 30px;}
    .family .vsPart .vsWrap .tableWrap table thead th {font-size: 10px; padding: 4px 5px;}
    .family .vsPart .vsWrap .tableWrap table thead th .small {font-size: 8px;}
    .family .vsPart .vsWrap .tableWrap table tbody td {font-size: 10px; padding: 8px 5px;}


    /***
    **************************************** 비이민 비자 ***********************************************
    */
    .visa .cl_tabWrap { padding: 50px 0 50px 0; }
    .visa .cl_tabWrap .contentsWrap {max-width: 352px; justify-content: flex-start;}


    .visa .conditionPart {padding-bottom: 0;}
    .visa .conditionPart .conditionWrap {gap: 25px;}
    .visa .conditionPart .conditionWrap .imgWrap .imgArea {max-width: 303px;}
    .visa .conditionPart .conditionWrap .textWrap .title {font-size: 14px;}
    .visa .conditionPart .conditionWrap .textWrap .list li {font-size: 13px;}
    .visa .conditionPart .conditionWrap .textWrap .list li .icon {width: 13px;}


    .visa .subIntroPart {padding-bottom: 70px;}
    .visa .subIntroPart .introWrap {gap: 25px;}
    .visa .subIntroPart .introWrap .textArea .text {font-size: 13px; margin-bottom: 0;}
    .visa .subIntroPart .checkWrap .checkArea .title{font-size: 13px; padding: 7px 5px 7px 15px; min-width: auto;}
    .visa .subIntroPart .checkWrap .checkArea .title .icon{width: 13px; margin-right: 3px;}
    .visa .subIntroPart .checkWrap .checkArea .list li {font-size: 12px;}
    .visa .subIntroPart .textWrap {font-size: 12px; margin-top: 25px;}

    .visa .tabPage.h1b .subIntroPart .checkWrap {max-width: 240px; gap: 20px;}
    .visa .tabPage.h1b .subIntroPart .checkWrap .checkArea {gap: 10px;}
    .visa .tabPage.h1b .subIntroPart .checkWrap .checkArea .title {max-width: 182px; }
    .visa .tabPage.l1 .subIntroPart .checkWrap {gap: 10px;}
    .visa .tabPage.p0 .subIntroPart .checkWrap {max-width: 200px;}


    .visa .tablePart {padding-bottom: 60px;}
    .visa .tablePart .imgWrap .textArea {font-size: 13px;}
    .visa .tablePart .tableWrap table thead th {font-size: 8px; padding: 3px 5px;}
    .visa .tablePart .tableWrap table tbody td {font-size: 7px;padding: 3px 5px;}

    .visa .tablePart .textWrap .title {font-size: 11px; margin-bottom: 5px;}
    .visa .tablePart .textWrap .text {font-size: 9px;}

    .visa .checkPart {padding-bottom: 60px;}
    .visa .checkPart .checkWrap li {padding: 8px 10px;}
    .visa .checkPart .checkWrap li .title {font-size: 12px;}
    .visa .checkPart .checkWrap li .title .icon{width: 13px; margin-right: 6px;}
    .visa .checkPart .checkWrap li .text {font-size: 11px;}

    .visa .tabPage.o1 .checkWrap li .title {white-space: nowrap;}


    .visa .cl_appPart .textArea .stepList {gap: 22px;}
    .visa .cl_appPart .textArea .stepList li.mbL {margin-bottom: 17px;}
    .visa .cl_appPart .textArea .stepList li .title {font-size: 13px; margin-bottom: 10px; gap: 4px;}
    .visa .cl_appPart .textArea .stepList li .title .num {font-size: 10px; width: 24px; height: 24px; border-width: 1px;}
    .visa .cl_appPart .textArea .stepList li .text {font-size: 10px;}
    .visa .cl_appPart .textArea .stepList li .text .small {font-size: 9px;}
    .visa .cl_appPart .textArea .stepList li .subList li {font-size: 10px;}
    .visa .cl_appPart .appWrap .textArea .listArea .list {max-width: 240px;}


    .visa .pointPart .pointWrap .textArea {width: 100%;}
    .visa .pointPart .pointWrap .textArea .text {font-size: 10px;}
    .visa .pointPart .pointWrap .textArea .title {font-size: 13px; margin-top: 20px;}
    .visa .pointPart .pointWrap .textArea .title .icon{width: 13px; margin-right: 6px;}
    .visa .pointPart .pointWrap .textArea .list {margin: 15px 0;}
    .visa .pointPart .pointWrap .textArea .list li {font-size: 10px; text-indent: -8px; padding-left: 8px;}


    .visa .mixPart .contentsWrap {gap: 80px;}
    .visa .mixPart .pointWrap .listWrap {max-width: 260px; width: 100%; margin-inline: auto;}
    .visa .mixPart .pointWrap .listWrap .imgArea {margin-bottom: 15px;}
    .visa .mixPart .pointWrap .listWrap .textArea .title {font-size: 15px; margin-bottom: 10px;}
    .visa .mixPart .pointWrap .listWrap .textArea .subList li {font-size: 13px;}
    .visa .mixPart .pointWrap .listWrap .textArea .subList li .icon{width: 13px;}


    .visa .guidePart {padding-bottom: 80px;}
    .visa .guidePart .tableWrap {margin-top: 0;}
    .visa .guidePart .tableWrap table caption {font-size: 13px; margin-bottom: 15px;}
    .visa .guidePart .tableWrap table thead th {font-size: 11px;}
    .visa .guidePart .tableWrap table tbody td {font-size: 10px;}
    .visa .guidePart .tableWrap table tbody td:nth-of-type(1)::before {width: 15px; height: 12px; right: -5px;}


    .visa .tabPage.r1 .cl_appPart .appWrap .textArea .text {font-size: 13px;}
    .visa .cl_appPart .textArea .checkList li {font-size: 14px;}

    .visa .tabPage.o1 .cl_appPart .appWrap .textArea .text {font-size: 14px; text-align:center;}



    /***
    **************************************** 미국세법 ***********************************************
    */
    .taxlaw .textPart { padding: 60px 0;}
    .taxlaw .textPart .icon {width: 15px; margin: 12px 0;}
    .taxlaw .textPart .textArea {font-size: 15px;}


    .taxlaw .fundsPart {padding: 20px 0 75px 0;}
    .taxlaw .fundsPart .textWrap {font-size: 14px;}
    .taxlaw .fundsPart .boxWrap {gap: 10px; padding: 12px 20px; border-radius: 7px;}
    .taxlaw .fundsPart .boxWrap .boxArea {max-width: 174px;}
    .taxlaw .fundsPart .boxWrap .boxArea .boxItem {font-size: 13px;}
    .taxlaw .fundsPart .boxWrap .boxArea .boxItem:not(:last-of-type) {margin-bottom: 10px;}
    .taxlaw .fundsPart .boxWrap .boxArea .boxItem .icon {width: 10px; margin-right: 7px;}

    .taxlaw .fundsPart .tipWrap {padding-inline: 10px; margin-top: 10px; gap: 5px;}
    .taxlaw .fundsPart .tipWrap li {font-size: 11px;}


    .taxlaw .mixPart {padding-bottom: 110px;}
    .taxlaw .mixPart .appWrap {gap: 30px; padding-bottom: 30px;}
    .taxlaw .mixPart .appWrap .icon {width: 11px; margin-right: 5px;}
    .taxlaw .mixPart .appWrap .textArea .mainText {font-size: 13px; margin-bottom: 20px;}
    .taxlaw .mixPart .appWrap .textArea .subText {font-size: 13px;}
    .taxlaw .mixPart .appWrap .textArea .listArea {margin-bottom: 20px;}
    .taxlaw .mixPart .appWrap .textArea .listArea .list li {font-size: 13px;}
    .taxlaw .mixPart .appWrap .textArea .tipText {font-size: 13px;}


    .taxlaw .mixPart .tableWrap .textArea {font-size: 12px; padding-top: 12px; margin-bottom: 27px;}
    .taxlaw .mixPart .tableWrap .tableArea thead th {font-size: 12px; padding: 4px 2px;}
    .taxlaw .mixPart .tableWrap .tableArea tbody td {font-size: 12px; padding: 4px 2px;}


    .taxlaw .listPart {padding-bottom: 70px;}
    .taxlaw .listPart .appWrap {gap: 30px;}
    .taxlaw .listPart .appWrap .textArea .mainText {font-size: 11px;}
    .taxlaw .listPart .appWrap .textArea .listArea li > .title {font-size: 14px;}
    .taxlaw .listPart .appWrap .textArea .listArea li > .text {font-size: 12px;}
    .taxlaw .listPart .appWrap .textArea .listArea li > .subList li {font-size: 12px;}
    .taxlaw .listPart .appWrap .textArea .listArea li > .subList li::before {min-width: 3px; width: 3px; height: 3px; margin-right: 8px;}


    .taxlaw .bnrPart {padding: 55px 0;}
    .taxlaw .bnrPart .textArea .mainText {font-size: 13px; margin-bottom: 10px;}
    .taxlaw .bnrPart .textArea .pointText {font-size: 17px;}


    /***
    **************************************** 이민 뉴스 ***********************************************
    */
    .notice .boardListPart {padding: 38px 0 100px 0; }
    .notice .boardListPart .boardListWrap {gap: 28px;}
    .notice .boardListPart .boardListWrap li .imgArea {height: 165px;}
    .notice .boardListPart .boardListWrap li .textArea {min-height: auto; padding: 28px 30px 16px 30px;}
    .notice .boardListPart .boardListWrap li .textArea .date {font-size: 11px; margin-bottom: 15px;}
    .notice .boardListPart .boardListWrap li .textArea .title {font-size: 20px;margin-bottom: 10px;}
    .notice .boardListPart .boardListWrap li .textArea .text {font-size: 12px;}
    .notice .boardListPart .boardListWrap li .moreArea {padding: 0 28px 30px 28px;}
    .notice .boardListPart .boardListWrap li .moreArea .more {font-size: 11px;}


    .notice .boardViewPart { padding: 40px 0 60px 0;}
    .notice .boardViewPart .imgArea{margin-bottom: 20px;}
    .notice .boardViewPart .textArea .date {font-size: 13px; margin-bottom: 10px;}
    .notice .boardViewPart .textArea .title {font-size: 25px; margin-bottom: 20px;}
    .notice .boardViewPart .textArea .text {font-size: 14px;}

    .kakaoQrBtn img { width: 100% }

}