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


/***
**************************************** 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:145px; 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 { font-family:'SUITEB'; } 

/* 스크롤 후 = 밝은 헤더(검정 텍스트) */
header.headerWrap.is-scrolled { background: rgba(255, 255, 255, 0.65); box-shadow: 0 6px 20px rgba(0,0,0,0.10); } 
header.headerWrap.is-scrolled .logo a img { filter: brightness(0);}
header.headerWrap.is-scrolled .gnbWrap .gnbTitle 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{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{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) 0px 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 .imgArea{ width: 33px; }
.btnFloatingWrap .btnFloating.btnMoveTop .imgArea img{ width: 100%; display: block; }



/***
**************************************** 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 .trustPart {padding: 140px 0; background: url('/app/layout/web/images/main/main01_bg.png') no-repeat top / cover;}
.main .trustPart .contentsWrap { display: flex; align-items: center; justify-content: center; gap: 160px;}
.main .trustPart .textWrap .mainText {color: #fff; font-size: 50px; font-family: 'SUITEB'; line-height: 1.52; text-align: center; display: inline-block; background: linear-gradient(to right, #886531 0%, #f7f4de 47%, #886531 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;mix-blend-mode: normal;}

.main .trustPart .stateWrap {display: flex; align-items: center; gap: 32px;}
.main .trustPart .stateWrap .stateArea {width: 399px; text-align: center; background: url('/app/layout/web/images/main/main02_01.png') no-repeat top / 100% auto;}
.main .trustPart .stateWrap .stateArea .title {font-size: 40px; font-family: 'PretendardB'; margin-top: 15px; margin-bottom: 10px; display: inline-block; background: linear-gradient(to bottom, #e5be5d 0%, #cbaf66 50%, #f8e7a3 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;mix-blend-mode: normal;}
.main .trustPart .stateWrap .stateArea .text {color: #fff; font-size: 73px; font-family: 'PretendardEB'; }
.main .trustPart .stateWrap .stateArea .text .small{font-size: 37px; font-family: 'PretendardR'; }


.main .infoPart {padding: 120px 0;background: url('/app/layout/web/images/main/main03_bg.png') no-repeat 0 150px / 100% auto;}
.main .infoPart .textWrap {text-align: center; padding-bottom: 120px; box-sizing: border-box; }
.main .infoPart .textWrap .mainText{color: #000000; font-size: 50px; 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{color: #000000; font-size: 40px; font-family: 'SUITEB'; line-height: 1.375;}
.main .infoPart .infoWrap {min-height: 730px;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: 150px 0 20px 0; box-sizing: border-box;}
.main .infoPart .infoWrap .textArea .listArea .titleArea {display: flex; gap: 14px; margin-bottom: 30px;}
.main .infoPart .infoWrap .textArea .listArea .titleArea .title{color: #000000; font-size: 30px; font-family: 'SUITEB';}
.main .infoPart .infoWrap .textArea .listArea .titleArea .text{color: #000000; 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: 23px; font-family: 'NotoSansL'; text-indent: -24px; padding-left: 14px; 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: 14px; border-radius: 50%; background-color: #3a74a4;}
.main .infoPart .infoWrap .textArea .btnMove {position: absolute; bottom: 45px; right: 20%; color: #fff; font-family: 'SUITB'; font-size: 22px; display: inline-block; border-radius: 50px; padding: 16px 22px; box-sizing: border-box; background-color: #3a74a4;}
.main .infoPart .infoWrap .textArea .btnMove img {display: inline-block;}
.main .infoPart .brandWrap {max-width: 1143px; width: 100%; margin-left: auto; margin-right: 60px; margin-top: 25px;}
.main .infoPart .brandWrap img{display: block;width: 100%;}


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

.main .succeccPart .swiperWrap { width: 100%; position: relative; } 
.main .succeccPart .succeccSwiper { width: 100%; padding: 0 18px 24px; box-sizing: border-box; } 
.main .succeccPart .succeccSwiper .swiper-wrapper { overflow: visible; } 
.main .succeccPart .succeccSwiper .swiper-slide { overflow: visible; height: auto; } 

.main .succeccPart .succeccSwiper .swiper-slide img { display: block; width: 100%; height: auto; box-shadow: 0 12px 30px rgba(0,0,0,0.22); } 
.main .succeccPart .succeccSwiper .swiper-progress { max-width: 1067px; margin-inline: auto; margin-top: 100px; } 
.main .succeccPart .succeccSwiper .swiper-pagination { position: static; width: 100%; height: 2px; background-color: #626262; } 
.main .succeccPart .succeccSwiper .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; width: 100%; margin-bottom: 10px;}
.main .mapPart .mapWrap .mapArea .imgArea img{width: 100%; display: block;}
.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;}


.introduce .proofPart {padding: 140px 0 150px 0; background: url('/app/layout/web/images/sub/introduce_3_bg.png') no-repeat top / cover;}
.introduce .proofPart .titleWrap {text-align: center; margin-bottom: 30px;}
.introduce .proofPart .titleWrap .mainText{max-width: 889px; width: 100%; margin-inline: auto; margin-bottom: 50px;}
.introduce .proofPart .titleWrap .mainText img{width: 100%; display: block;}
.introduce .proofPart .titleWrap .subText {color: #fff; font-size: 22px;font-family: 'SUITL'; line-height: 1.59;}

.introduce .proofPart .imgWrap .imgArea {max-width: 1208px; width: 100%; margin-inline: auto;}
.introduce .proofPart .imgWrap .imgArea img{ width: 100%; display: block;}



/***
**************************************** 미국투자이민 (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: 10px;}
.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; }
.invest .conditionPart .cardBtm .checkList li {display: flex; align-items: center; justify-content: center; gap: 10px;}
.invest .conditionPart .cardBtm .checkList li:not(:last-of-type) {border-bottom: 1px solid #d7d7d7;}



.invest .fundsPart {padding:50px 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;}


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

.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'; padding-left:18px;  line-height:1.85; }
.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 .pointWrap{display: flex; align-items: start; gap: 60px;}
.job-visa .pointPart .pointWrap .textArea {display: flex; flex-direction: column; gap: 30px;}
.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;}
.job-visa .pointPart .pointWrap .imgArea{max-width: 540px; width: 100%;}



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

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



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



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




/***
**************************************** 유학생 영주권 ***********************************************
*/
.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-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;}



/***
**************************************** 가족 초청 이민 ***********************************************
*/
.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;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-bottom: 180px;}
.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-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;}



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




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


/***
**************************************** 이민 뉴스 ***********************************************
*/
.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;}
.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: 120px;}
    header.headerWrap .gnbWrap .depthList .depth a {font-size: 14px; padding: 12px 5px 12px 16px;}

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



    /***
    **************************************** main ***********************************************
    */
    .main .trustPart .contentsWrap { gap: 80px;}
    .main .trustPart .textWrap .mainText {font-size: 40px;}

    .main .trustPart .stateWrap .stateArea {width: 300px;}
    .main .trustPart .stateWrap .stateArea .title {font-size: 34px;margin-top: 5px; margin-bottom: 5px;}
    .main .trustPart .stateWrap .stateArea .text {font-size: 53px; }
    .main .trustPart .stateWrap .stateArea .text .small{font-size: 30px; }


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


}


@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 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: 0;}
    footer.footerWrap .infoWrap .infoArea:nth-of-type(1){order: 2;display: flex; align-items: start; flex-direction: column; gap: 0;}
    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: 54px; bottom: 35px; gap: 10px;}
    .btnFloatingWrap .btnFloating {font-size: 23px; width: 63px; height: 63px;}
    .btnFloatingWrap .btnQuick{display: flex !important; align-items: center; justify-content: center;}
    .btnFloatingWrap .btnQuick.on .open{display: none;}
    .btnFloatingWrap .btnQuick.on .close{display: block;}
    .btnFloatingWrap .btnQuick .close{display: none;}

    .btnFloatingWrap .btnLangM {display: flex; justify-content: center; align-items: center; }
    .btnFloatingWrap .btnLangM .languageListM {display: none; position: absolute; top: -20px; right: 100%; z-index: 10; min-width: 150px; padding: 20px 0; border-radius: 15px; background-color: rgb(0,0,0,0.6);}
    .btnFloatingWrap .btnLangM .languageListM li a {display: flex; align-items: center; gap: 10px; padding: 10px 10px 10px 20px; box-sizing: border-box;}
    .btnFloatingWrap .btnLangM .languageListM li a .txt{color: #fff; font-size: 18px;font-family: "SUITR"}

    .btnFloatingWrap .btnLangM.on .languageListM {display: block;}
    .btnFloatingWrap .btnLangM.on .title{background: url("/app/layout/web/images/common/btnQuick_close.png") no-repeat center/ 30px 31px #c69c6d;}
    .btnFloatingWrap .btnLangM.on .title img {display: none;}




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


    .main .trustPart {padding: 100px 0 110px 0;}
    .main .trustPart {background-image: url('/app/layout/web/images/main/main01_bgM.png');}
    .main .trustPart .contentsWrap{flex-direction: column;}
    .main .trustPart .stateWrap {flex-direction: column;}


    .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: 40px; 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 .succeccPart .succeccSwiper .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;}

    .introduce .proofPart .titleWrap .mainText {max-width: 591px;}
    .introduce .proofPart .imgWrap .imgArea {max-width: 694px;}



    /***
    **************************************** 미국투자이민 (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%;}



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



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




    /***
    **************************************** 유학생 영주권 ***********************************************
    */
    .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%;}



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


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


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



    /***
    **************************************** 미국세법 ***********************************************
    */
    .taxlaw .cl_subMainVisual {background-image: url("/app/layout/web/images/sub/taxlaw_subVisualM.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;}

}


@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: 12px 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: 28px; bottom: 17px; gap: 5px;}
    .btnFloatingWrap .btnFloating {font-size: 11px; width: 31px; height: 31px; gap: 0;}
    .btnFloatingWrap .btnFloating img{width: 50%;}
    .btnFloatingWrap .btnFloating.btnMoveTop .imgArea {width: 12px; height: auto;}


    .btnFloatingWrap .btnLangM .languageListM {top: -70px;}
    .btnFloatingWrap .btnLangM.on .title {background-size: 50%;}



    /***
    **************************************** 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 .trustPart {padding: 50px 0 55px 0;}
    .main .trustPart .contentsWrap {gap: 30px;}
    .main .trustPart .textWrap .mainText {font-size: 30px;}
    .main .trustPart .stateWrap .stateArea {width: 230px;}
    .main .trustPart .stateWrap .stateArea .title {font-size: 20px; margin-bottom: 24px;}
    .main .trustPart .stateWrap .stateArea .text .small {font-size: 16px;}
    .main .trustPart .stateWrap .stateArea .text {font-size: 30px;}


    .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: 20px;}
    .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 .succeccPart {padding: 60px 0 70px 0;}
    .main .succeccPart .titleWrap {margin-bottom: 25px;}
    .main .succeccPart .titleWrap .mainTitle {font-size: 8px; letter-spacing: 5px;}
    .main .succeccPart .titleWrap .mainText {font-size: 25px;}
    .main .succeccPart .succeccSwiper .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 .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 .youtubePart .titleWrap .mainText {font-size: 25px;}


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


    .introduce .proofPart {padding: 75px 0 55px 0;}
    .introduce .proofPart .titleWrap .mainText {margin-bottom: 15px;}
    .introduce .proofPart .titleWrap .subText {font-size: 13px;}


    /***
    **************************************** 미국투자이민 (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;}
    .invest .conditionPart .cardBtm .checkList {max-width: 160px;}
    .invest .conditionPart .cardBtm .checkList li {font-size: 11px; padding: 6px 0;}
    .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;}


    /***
    **************************************** 유학생 영주권 ***********************************************
    */
    .student .stepPart .cl_titleLineWrap {margin-bottom: 20px;}
    .student .stepPart {padding-bottom: 100px;}
    .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 {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;}



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


    .family .vsPart {padding-bottom: 90px; }
    .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;}


    /***
    **************************************** 이민 뉴스 ***********************************************
    */
    .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;}

}