button, a , img{outline: none;border:none;} /*상단 배너*/ #mBanner{position:relative;width:100%;height:940px;background:url('/img_new/main_bg.jpg') no-repeat center center;background-size:100% auto;overflow:hidden;} #mBanner .mBannerText{width:100%;max-width:1200px;position:absolute;top:260px;left:50%;width:100%;text-align:left;color:white;letter-spacing:-0.5em;transform:translateX(-50%);} .mBannerText .mBannerTitle{margin-bottom:55px;font-size:55px;line-height:75px;font-family:'Noto Sans KR';color:white;font-weight:300;} .mBannerText .mBannerTitle > div.strong{font-weight:700;} .mBannerText .mBannerTitle > div.strong .normal{font-weight:300;} .mBannerText .mBannerSTitle{font-size:21px;line-height:55px;color:#dcdcdc;opacity:0;} .mBannerText .mBannerTitle span{display:inline-block;opacity:0;} .mBannerText .mBannerTitle span {/* translate effect */position: relative;/* fade effect */opacity: 0;} .mBannerText .mBannerSTitle span {/* translate effect */position: relative;/* fade effect */opacity: 0;} /*배너 롤링 리스트*/ #mBanner{color:white;} #mBanner a{color:white;text-decoration:none;} #mBanner .mWork{position:absolute;display:flex;width:100%;max-width:1200px;bottom:0px;left:50%;transform:translateX(-50%);} #mBanner .mWork > div{position:relative;width:240px;} #mBanner .mWork > div > div{position:absolute;bottom:0px;left:0px;} #mBanner .mWork > div .title{margin-bottom:35px;font-size:19px;font-weight:500; line-height:30px;} #mBanner .mWork > div .down{margin-bottom:40px;} #mBanner .mWork > div .down a{display:flex;align-items:center;justify-content:center;width:205px;height:50px;background-color:transparent;border:1px solid #ffffff7a;font-size:20px;font-weight:500; transition: all 0.2s;} #mBanner .mWork > div .down a:hover{background: #736658; transition: all 0.5s;border:1px solid #0000007a; } /* #mBanner .mWork > div .down a span{margin-right:15px;} */ #mBanner .mWork > div .down a span{margin-right:15px;font-size:14px;} #mBanner .mWork > ul {width:calc(100% - 240px);display:flex;align-items:center;margin:0px auto;} #mBanner .mWork > ul li{position:relative;width:25%;height:255px;overflow:hidden;} #mBanner .mWork > ul li a{position:absolute;top:0px;left:0px;display:block;width:100%;height:100%;} #mBanner .mWork > ul li .mw_title{position:absolute;left:0px;bottom:0px;width:calc(100% - 40px);margin:0px 20px;padding:15px 0px 50px 0px;text-align:center;border-top:1px solid white;font-size:20px;} #mBanner .mWork > ul li a .mw_box{position:absolute;width:100%;height:100%;left:0px;bottom:-110%;background:no-repeat center center;background-size:cover;transition:all 0.5s;} #mBanner .mWork > ul li:nth-child(1) a .mw_box{background-image:url('/img_new/mbanner01.png');} #mBanner .mWork > ul li:nth-child(2) a .mw_box{background-image:url('/img_new/mbanner02.png');} #mBanner .mWork > ul li:nth-child(3) a .mw_box{background-image:url('/img_new/mbanner03.png');} #mBanner .mWork > ul li:nth-child(4) a .mw_box{background-image:url('/img_new/mbanner04.png');} #mBanner .mWork .mw_box{position:absolute;width:100%;height:100%;padding:25px 30px;left:0px;bottom:-110%;} #mBanner .mWork > ul li a.on .mw_box{bottom:0px;} #mBanner .mWork .mw_box .mwb_title{display:flex;align-items:center;justify-content:space-between;font-size:20px;color:white;} #mBanner .mWork .mw_box .mwb_text{position:absolute;bottom:20px;left:25px;width:calc(100% - 50px);font-size:15px;line-height:23px;letter-spacing:-0.05em; word-break:keep-all;} @media (max-width: 1200px){ } @media (max-width: 1080px){ } @media (max-width: 980px){ } @media (max-width: 890px){ } /******************************* END 메인 롤링 *******************************/ /******************************* case *******************************/ #caseBox{width:100%;max-width:1440px;padding:125px 20px 80px 20px;margin:0px auto;} #caseBox .titleCon{margin-bottom:15px;display:flex;align-items:center;} #caseBox .titleBox{} #caseBox .titleBox .mTitle{ font-weight: 500;margin-bottom:10px;font-size:31px;letter-spacing:-0.07em;color:#1e2f3b;} #caseBox .titleBox .mTitle span{font-weight:700;} #caseBox .titleCon .titleMore {margin-left:auto;display:flex;padding:0px 20px;align-items:center;justify-content:center; height:55px;background-color:#bdb2a4;color:white;border-radius:27px;font-size:18px;text-decoration:none;} .indexCase{margin-bottom:90px;width:100%;border-top:1px solid black;border-bottom:1px solid black;display:flex;justify-content:space-between;} .indexCase .swiper-slide{position:relative;width:33.33%;height:410px;padding:0px 25px;} .indexCase .swiper-slide:hover {background: #f4f4f4; transition: all 0.5s;} .indexCase .swiper-slide > div{padding: 35px 5px;} .indexCase .swiper-slide > div{box-sizing: border-box;} .indexCase .swiper-slide > div > a{display:block;text-decoration:none;} .indexCase .swiper-slide > div .subject{letter-spacing:-0.05em;display:inline-block;margin-bottom:10px;line-height:28px;font-size:21px;font-weight:500;color:#0042b0;} .indexCase .swiper-slide > div .cate2{position:relative;line-height:28px;font-size:25px;color:#1b1b1b;letter-spacing:-0.05em;font-weight: 500;overflow:hidden;white-space: nowrap; text-overflow: ellipsis;padding-bottom:30px;margin-bottom:30px;} .indexCase .swiper-slide > div .cate2:after{content:"";display:block;position:absolute;left:0px;bottom:0px;width:40px;height:2px;background-color:#1b1b1b;} .indexCase .swiper-slide > div > a .text{margin-bottom:40px;color:#1b1b1b;font-size:17px;line-height:30px; height:116px;letter-spacing: -0.05em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .indexCase .swiper-slide > div .lawyer{display:flex;align-items:center;color:#232323} .indexCase .swiper-slide > div .lawyer_info{margin-left:8px;font-size:15px;letter-spacing: -0.05em;} .indexCase .swiper-slide > div .lawyer_info span{font-size:17px;font-weight:600} .indexCase .swiper-slide > div .lawyer a{display:block;width:60px;height:60px;border-radius:30px;background:no-repeat center center;background-size:100% 100%;border:1px solid #ccc;} #indexFaq{padding:90px 0px 80px 0px;background-color:#f4f4f4} #index_faq{width:100%;max-width:1030px;padding:0px 15px;margin:0px auto;} #index_faq .faq_title{margin-bottom:50px;text-align:center;} #index_faq .faq_title .mtitle{margin-bottom:20px;line-height:50px;font-size:43px;letter-spacing:-0.05em;font-weight:500;} #index_faq .faq_title .stitle{font-size:22px;letter-spacing:-0.04em;} .accordion>.card>.card-header{padding:0px;margin:10px 0px;background-color:transparent;border:0px;} .accordion>.card>.card-header button{display:inline-block;position:relative;padding:0px 100px;font-size:21px;width:100%;height:76px;color:white; background-color:#04347c;border:0px;text-align:left;border-radius:20px;border-color:#04347c;outline:none;} .accordion>.card>.card-header button.collapsed{ background-color:white;color:black; box-shadow: 3px 3px 5px rgb(0, 0, 0, 0.05);outline:none;} .accordion>.card>.card-header button:after{margin-top:-4px;content:"\2212";display:inline-block;position:absolute;right:100px;top:50%;transform:translateY(-50%);font-size:25px; font-weight:bold;color:white;line-height:20px;transition:all 0.3s;} .accordion>.card>.card-header button.collapsed:after{margin-top:0px;content:"\002B";display:inline-block;position:absolute;right:100px;top:50%;transform:translateY(-50%) rotate(180deg);font-size:30px; font-weight:bold;color:#04347c;transition:all 0.3s;} .accordion>.card{border:0px;background-color:transparent;} .card-body{padding:25px 100px 50px 100px;font-size:18px;line-height:36px;} /******************************* case *******************************/ /******************************* lawyer *******************************/ #indexLawyer{width:100%;max-width:1240px;padding:65px 20px 75px 20px;margin:0px auto;display:flex;justify-content:space-between;} #indexLawyer .id_lawyer_list{position:relative;width:380px;color: #3a3a3a;} #indexLawyer .id_lawyer_view{position:relative;width:calc(100% - 410px);height:600px;display:flex;} .id_lawyer_list .mtitle{margin-bottom:10px;font-size:24px;line-height:36px;letter-spacing: -0.06em; font-weight:600;} .id_lawyer_list .stitle{margin-bottom:20px;font-size:17px;letter-spacing: -0.06em;font-weight: 500;} .id_lawyer_list ul{margin-bottom:20px; border-top: 2px solid black; border-bottom: 1px solid black;} .id_lawyer_list ul li{padding: 15px 8px; border-bottom:1px solid #eee;} .id_lawyer_list ul li a{width:100%;display:flex;align-items:center;} .id_lawyer_list ul li a .ll_img{width:70px;height:70px;background:no-repeat center center;background-size:cover;transition:all 0.3s;} .id_lawyer_list ul li a .ll_subject{position:relative;padding-left:18px;padding-right:30px;width:calc(100% - 70px);font-size:18px;line-height:25px;letter-spacing:-0.06em;font-weight:300;font-weight: 400;} .id_lawyer_list ul li a.on .ll_img{border:2px solid #04347c} .id_lawyer_list ul li a.on .ll_subject:after{content:"";display:block;position:absolute;top:50%;right:15px;transform:translateY(-50%);width:10px;height:17px;background:url('/img_new/main_lawyer_current.png') no-repeat center center;transition:all 0.2s;} .id_lawyer_list ul li a .ll_subject .ll_cate{font-weight:500;margin-right:5px;} .id_lawyer_list ul li:last-child{border-bottom:0px;} a:hover{color:#282936;} a.index_lawyer_more{letter-spacing: -0.06em; position:relative;display:flex;align-items:center;justify-content:center;border:1px solid #111;width:100%;height:55px;font-size:19px;font-weight:500;text-decoration:none;} a.index_lawyer_more:after{margin-top:-2px;display:block;content:"+";position:absolute;top:50%;right:30px;font-size:30px;transform:translateY(-50%);} /******************************* button *******************************/ button { position: relative; display: inline-block; cursor: pointer; outline: none; border: 0; vertical-align: middle; text-decoration: none; background: transparent; padding: 0; font-size: inherit; font-family: inherit; } button.learn-more { width: 23rem; height: auto; padding: 0px 8px; } button.learn-more .circle { transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); position: relative; display: block; margin: 0; width: 3rem; height: 3rem; background: #282936; border-radius: 1.625rem; } button.learn-more .circle .icon { transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); position: absolute; top: 0; bottom: 0; margin: auto; background: #fff; } button.learn-more .circle .icon.arrow { transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); left: 0.625rem; width: 1.125rem; height: 0.125rem; background: none; } button.learn-more .circle .icon.arrow::before { position: absolute; content: ""; top: -0.25rem; right: 0.0625rem; width: 0.625rem; height: 0.625rem; border-top: 0.125rem solid #fff; border-right: 0.125rem solid #fff; transform: rotate(45deg); } button.learn-more .button-text { transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 9px 0 10px 0; margin: 0 0 0 1.85rem; color: #282936; font-weight: 500; line-height: 1.6; text-align: center; text-transform: uppercase; font-size: 19px; letter-spacing: -0.04em; } button:hover .circle { width: 100%; } button:hover .circle .icon.arrow { background: #fff; transform: translate(1rem, 0); } button:hover .button-text { color: #fff; } /*******************************/ .id_lawyer_view{width:100%;} .id_lawyer_view .swiper-container{margin-bottom:0px;width:100%;background-color:#ffffff;} .id_lawyer_view .swiper-slide{letter-spacing:-0.05em;height:600px;overflow:hidden;} .id_lawyer_view .swiper-slide a{display:flex;justify-content:space-between;text-decoration:none;} .id_lawyer_view .swiper-slide a .image{width:380px;height:600px;background:no-repeat left top;background-size:cover;} .id_lawyer_view .swiper-slide a .info{position:relative;width:calc(100% - 410px);} .id_lawyer_view .swiper-slide > a:hover{color:#1e2328} .id_lawyer_view .swiper-slide .cate{margin-bottom:5px;font-size:16px;font-weight:500; color:#0042b0;letter-spacing:-0.05em;} .id_lawyer_view .swiper-slide .name{margin-bottom:10px;font-size:28px;line-height:35px;;font-weight:700;} .id_lawyer_view .swiper-slide .position{font-size:28px;line-height:35px;;font-weight:400; margin-left:0px;letter-spacing: -0.05em;} .id_lawyer_view .swiper-slide .title{margin-bottom:10px;font-size:18px;line-height:45px;font-weight:400;letter-spacing:-0.05em;color: #141414;} .id_lawyer_view .swiper-slide .title span.position{font-weight:400;} .id_lawyer_view .swiper-slide .career{margin-left:0px;} .id_lawyer_view .swiper-slide .career li{padding:8px 0px 8px 10px;list-style-type:'·';line-height:24px;font-size:17px;font-weight:400;letter-spacing:-0.05em;color:#1e2328} .id_lawyer_view .swiper-slide .career li .dl{display:flex;} .id_lawyer_view .swiper-slide .career li .dl .head{margin-right:3px;} .id_lawyer_view .swiper-slide .career li .dl .text{} .id_lawyer_btn{position:absolute;bottom:10px;left:420px;z-index:10;} .id_lawyer_btn a{display:inline-block;margin-right:5px;background: rgb(255 255 255 / 50%);} /************************* map & qna *************************/ #map_qna{position:relative;width:100%;height:880px;/*height:780px;*/background:url('/img_new/map_bg.jpg') no-repeat center center ;background-size:cover;} #map_qna > div{width:100%;max-width:1440px;margin:0px auto;padding:0px 20px;display:flex;justify-content:space-between;} #map_qna > div > div{height:745px;} #map_qna #index_map{position:relative;width:890px;} /* #map_qna #index_qna{width:calc(100% - 890px);background-color:rgba(184, 183, 179, 0.2);} */ #map_qna #index_qna{width:calc(100% - 1010px);} /*map*/ #mainPartner{margin:0px;overflow:hidden;} #mmapAreaCon{width:calc(100% - 380px);padding-top:90px;} #mmapArea{display:flex;width:100%;position:relative;top:auto;right:auto;padding:15px 0px 0px 0px;border-top:4px solid #c0a88f;} body.loc12 #mmapArea{top:0px;} #mmapArea .indexAddrBg{position:absolute;top:0px;right:0px;width:calc(100% - 90px);height:100%;background-color:#141517cf;z-index:-1} #mp_map{position:absolute;top:144px;right:-60px;width:410px; height:100%;} #mp_map img{max-width:initial;} .mmapAreaHead .title01{margin-bottom:30px;font-size:40px;line-height:55px;letter-spacing:-0.07em;color:white;font-family:'NanumSquare';} .mmapAreaHead .title01 span{font-weight:900;} #mmapArea ul{width:110px;margin-right:10px;} #mmapArea li{width:100%;margin:0px;} #mmapArea li a{padding-left:10px;display:inline-block;position:relative;width:100%;line-height:30px;color:#959595 ;text-decoration:none;font-size:17px;border:0px;text-align:left;transition:all 0.3s;} #mmapArea li a.on{background-color:#c0a88f;font-weight:bold;color:white;border:0px;height:33px;} #mmapArea li a.on:after{display:inline-block;content:">";position:absolute;top:50%;right:10px;font-family:'chosun_myungjo';font-size:13px;transform:translateY(-50%);} #index_addr{position:relative;width:calc(100% - 135px);} .indexMap{width:100%;height:190px;overflow:hidden;} #index_addr .kakaomap{position:absolute;top:0px;left:-1000%;width:100%;z-index:-1;} #index_addr .kakaomap.on{left:0px;z-index:10;} #index_addr .indexMap{margin-bottom:20px;width:100%;height:190px;} #index_addr .addr_info{display:block;color:white;width:100%;height:225px;} #index_addr .addr_cont{width:100%;} #index_addr .addr_addr{margin-top: 20px; margin-bottom:15px;font-size:18px;line-height:28px;word-break: keep-all;} #index_addr .addr_hpCon{margin-bottom:14px;display:flex;align-items:center;} #index_addr .addr_hp{margin-bottom:0px;display:flex;} #index_addr .addr_hp .head{margin-right:10px;font-size:16px;font-weight:500;} #index_addr .addr_hp .text{font-size:16px;font-weight:350;padding-right: 10px;} #index_addr .addr_tel{font-size:26px;font-weight:600;} body.loc12 #mmapArea li{margin-bottom:0px;} .lwaCon{height:0px;} /*qna*/ #mContact2{padding:90px 15px 0px 30px;width:100%;} #mContact2 img{max-width:100%;} #mContact2 .subject{width:100%;margin-bottom:5px;position:relative;font-size:33px;color:white;letter-spacing:-0.08em;font-family:'Nanum Square'} #mContact2 .subject2{width:100%;margin-bottom:34px;position:relative;font-size:15px;color:white;letter-spacing:-0.08em;font-family:'Nanum Square'} #mContact2 .step{margin-bottom:60px;} #mContactForm{padding:0px;} .input-contact {height: 40px; width: 100%; position: relative; margin-top: 20px;} .input-contact .select-input{ background-color: transparent; height: 40px; border: none; border-bottom: 1px solid #a290788c; width: 100%; color: white; padding-left: 5px;font-size:14px;} .input-contact .select-input option{background-color: #272731;} .input-contact .select-input:focus{outline:none;} .input-contact input[type="text"] { height: 100%; width: 100%; border: 0; padding: 0 20px; float: left; position: relative; background-color: transparent !important; z-index: 2; font-size: 14px; color: white; border-bottom: 1px solid #a290788c;} .input-contact > span { position: absolute; top: 50%; left: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 14px; text-transform: uppercase; color: white; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; z-index: 1;} .textarea-contact { height: 150px; width: 100%; background:transparent; position: relative; margin-top: 20px; border-bottom: 1px solid #a290788c;} .textarea-contact textarea { height: 100%; width: 100%; border: 0; padding: 20px; background-color: transparent; float: left; z-index: 2; font-size: 12px; color: #cdcdcd; resize: none;} .textarea-contact > span { position: absolute; top: 20px; left: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 12px; text-transform: uppercase; color: #cdcdcd; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; z-index: 1;} .input-contact > span.active, .textarea-contact > span.active { color: #ffbf00; font-size: 10px; top: 0px; left: 5px; padding: 5px } input:focus, textarea:focus { outline: none;} .checkbox-container {position: relative; margin-top: 20px;} .checkbox-container input[type="checkbox"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0} .checkbox-container input[type="checkbox"] + label {display: inline-block;position: relative;cusor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .checkbox-container input[type="checkbox"] + label:before { content: ' ';display: inline-block;width: 10px;height: 10px;line-height: 12px;margin: -2px 8px 0 0;text-align: center;vertical-align: middle;background: transparent;border: 2px solid #7f7f7f; } .checkbox-container input[type="checkbox"]:checked + label:before {content: '\2713';color: #ffffff;font-size: 13px;line-height: 0px;} .checkbox-container label{font-size:14px;margin:0px 0px 0px 5px;color:white} .online_btn{margin-top:15px;background-color: #c0a88f; display: block; width: 100%; height: 50px; line-height: 45px; font-size: 16px; color: #ffffff; text-align: center; margin-top: 25px;border:0px;} .online_btn:hover{text-decoration:none;color: #ffffff;} body #sQuick{right:40px;} body #top_btn2{right:40px;} body #mSuccess{background-color:#f2f2f1;} body #mSuccess .ms_count{margin:0px auto;padding:0px 20px;width:100%;max-width:1240px;align-items:flex-start;justify-content:center;} body #mSuccess .ms_count li{margin:0px;padding:0px;} body #mSuccess .ms_count li:nth-child(1){width:31%;} body #mSuccess .ms_count li:nth-child(2){width:38%;} body #mSuccess .ms_count li:nth-child(3){width:31%;} #mSuccess .count_img{display:flex;align-items:center;justify-content:center;height:50px;margin-bottom:30px;} body #mSuccess .ms_count .countCon .count22{color:#9f8e7d;font-weight:700;font-size:84px;} #mSuccess .ms_count .countCon .unit {font-size:21px;color:#c0a88f;} body #mSuccess .ms_count .titleCon{display:flex;align-items:center;justify-content:center;line-height:26px;} body #mSuccess .ms_count .title{font-size:19px;color:#7a7a7a;font-weight: 500;} body #mSuccess .ms_count .title2{font-size:16px;color:#a4a29f; letter-spacing: -0.07em;} /******************************* index lawyer *******************************/ .lawyerCon{position:relative;width:100%;max-width:1430px;min-width:780px;margin:0px auto;padding:60px 15px;z-index:10;} .lawyerBox{} .lawyerInfo{width:100%;} .lawyerInfo{color:#1e2f3b;letter-spacing:-0.06em;text-align:center} .lawyerInfo .mTitle{margin-bottom:20px;font-size:40px;line-height:55px;font-weight:500;letter-spacing: -0.06em;} .lawyerInfo .mTitle span{font-weight:700;} .lawyerInfo .sTitle{margin-bottom:30px;font-size:19px;line-height:30px;letter-spacing: -0.07em;font-weight:400;} .lawyerInfo .sTitle span{font-weight:500;} .indexLawyer2{position:relative;width:100%;} .indexLawyer2 .swiper-container{height:460px;margin-bottom:0px;} .indexLawyer2 .swiper-slide{padding:5px;height:460px;letter-spacing:-0.05em;} .indexLawyer2 .swiper-slide > a{display:block;position:relative;width:100%;max-width:400px;height:450px;overflow:hidden;box-shadow:4px 5px 10px 1px rgb(0,0,0,0.13);} .indexLawyer2 .swiper-slide > a div.image {position:absolute;top:0px;left:0px;width:100%;height:100%;background:no-repeat center top;background-size:cover} .indexLawyer2 .swiper-slide > a.index_laywer172 div.image{background-position:center -30px;} .indexLawyer2 .swiper-slide > a div.certi_icon{position:absolute;bottom:0px;right:0px;width:60px;height:240px;padding-top:20px;background-color:rgba(6,14,17,0.9); color:white;writing-mode: tb-rl;transition:right 0.5s;display:flex;flex-direction:row;align-items:center;font-size:19px;color:#dad7c8;} .indexLawyer2 .swiper-slide > a div.certi_icon img{margin-bottom:10px;} .indexLawyer2 .swiper-slide:hover > a div.certi_icon{right:-60px} .indexLawyer2 .swiper-slide .info{position:absolute;bottom:0px;left:0px;width:100%;height:220px;color:white;background-color:rgba(0,0,0,0.55);color:#ffffff;opacity:1;transition:all 0.5s;} .indexLawyer2 .swiper-slide > a:hover .info{bottom:0px;opacity:1;} .indexLawyer2 .swiper-slide .info > div{position:absolute;left:0px;bottom:0px;padding:24px 10px 20px 10px;width:100%;height:100%;display:flex;align-items:flex-start;overflow:hidden;} .indexLawyer2 .info > div .info_certi{width:75px;text-align:center;display:none;} .indexLawyer2 .info > div .info_certi img{width:95%;} .indexLawyer2 .info > div .info_type{width:calc(100% - 75px);} .indexLawyer2 .info > div .info_type .ll_type{line-height:24px;font-size:14px;} .indexLawyer2 .info > div .info_type .name{margin-bottom:15px;line-height:24px;font-size:20px;} .indexLawyer2 .info > div .info_type .career{border-left:3px solid white;} .indexLawyer2 .info > div .info_type .career li{margin-bottom:5px;line-height:20px;height:20px;font-size:14px;overflow:hidden;white-space: nowrap; text-overflow: ellipsis;padding-bottom:} .indexLawyer2 .swiper-slide .title{display:flex;align-items:center;padding-bottom:10px;margin-bottom:10px;font-size:16px;line-height:25px;font-weight:400;letter-spacing: -0.07em; border-bottom:1px solid #c8c6c0;word-break:keep-all;color: #ffad00;} .indexLawyer2 .swiper-slide .title img{margin-right:5px;} .indexLawyer2 .swiper-slide .title span.position{font-weight:400;} .indexLawyer2 .swiper-slide .career{margin-left:0px;} .indexLawyer2 .swiper-slide .career li{padding:0px 0px 4px 10px;line-height:27px;font-size:14px;font-weight:300;letter-spacing:-0.07em;word-break:keep-all;color:#e4e4e4;} .indexLawyer2 .swiper-slide .career li:last-child{padding-bottom:0px;} .indexLawyer2 .swiper-slide .career li:nth-child(n+9){display:none;} .indexLawyer2 .swiper-slide .career li .dl{display:flex;} .indexLawyer2 .swiper-slide .career li .dl .head{margin-right:3px;min-width:40px;} .indexLawyer2 .swiper-slide .career li .dl .text{} .indexLawyer2 .swiper-slide .info .indexLawyer2{position:relative;} .lawyerMore{position:absolute;bottom:-27px;left:50%;transform: translateX(-50%);} .lawyerMore a{display:flex;align-items:center;justify-content:center;height:54px;padding:0px 30px;border-radius:27px;background-color:#bdb2a4;color:white;font-size:21px;letter-spacing: -0.07em;} .indexLawyer2 .lawyer_arrow{position:absolute;top:50%;transform:translateY(-50%);} .indexLawyer2 .lawyer_arrow.lawyer_arrow_left{left:-50px;} .indexLawyer2 .lawyer_arrow.lawyer_arrow_right{right:-50px;} /******************************* END index lawyer *******************************/ /******************************* notice Con *******************************/ body.index .lawyerMore{position:relative;padding:30px 0px 0px 0px;top:0px;bottom:0px;text-align:center;} body.index .lawyerMore a{display:inline-flex;} #serviceCon .svCon .sv_info{padding-top:120px;} #serviceCon .svCon .sv_swiper{margin-top:100px;} .index_notice{position:relative;width:100%;height:555px;background:url('/img_new/index_notice_bg.jpg') no-repeat center center;background-size:cover;font-family:'S-CoreDream';color:white;} .index_notice span.bold{font-weight:bold;} .index_notice span.red{color:#ffa430} .index_notice .ban{display:flex;align-items:center;justify-content:flex-end;position:absolute;top:50%;left:0px;width:calc(50% + 200px);height:420px;background-color:rgba(0,0,0,0.6);transform:translateY(-50%);border-radius:0 50px 50px 0px;font-weight:300;} .index_notice .ban > div{width:900px;padding-left:10px;padding-right:70px;display:flex;align-items:center;justify-content:space-between;letter-spacing:-0.06em;} .index_notice .ban .cate{font-size:28px;line-height:56px;font-weight:300;} .index_notice .ban .subject{font-size:38px;line-height:56px;font-weight:300;letter-spacing:-0.07em;} .index_notice .ban .icon{font-size:16px;line-height:24px;text-align:center;font-weight:500;} .index_notice .vline{position:absolute;top:50%;right:0px;width:calc(50% - 200px);height:10px;background-color:#ffa430;transform:translateY(-50%);} /******************************* serviceCon *******************************/ #serviceCon{display:flex;justify-content:flex-end;width:100%;height:630px;padding:0px 0px 0px 20px;;background-color:#f2f2f1;} #serviceCon .svCon{width:calc(50% + 700px);display:flex;letter-spacing:-0.05em;} #serviceCon .svCon .sv_info{position:relative;width:475px;padding-top:140px;} #serviceCon .svCon .sv_swiper{margin-top:120px;width:calc(100% - 475px);} #serviceCon .svCon .sv_info .sv_title_e{font-size:31px;color:#1e2f3b;line-height:55px;} #serviceCon .svCon .sv_info .sv_title{margin-bottom:30px;font-size:45px;color:#1e2f3b;line-height:55px;font-weight:700;} #serviceCon .svCon .sv_info .sv_stitle{letter-spacing: -0.07em;padding-right:100px;font-size:18px;line-height:30px;color:#4c565d;word-break:keep-all;font-weight: 500;} .sv_title_nav{position:absolute;bottom:40px;left:0px;display:flex;align-items:center;} .sv_title_nav .sv_nav{margin:0px 20px;display:flex;align-items:flex-end;;} .sv_title_nav .sv_nav .current{font-size:34px;line-height:28px;color:#4c565d;font-weight: 700;} .sv_title_nav .sv_nav .line{width:20px;text-align:center;font-size:16px;line-height:16px;} .sv_title_nav .sv_nav .total{font-size:16px;line-height:16px;color:#4c565d} #serviceCon .sv_swiper{height:630px;} #serviceCon .swiper-container{width:100%;} #serviceCon .swiper-slide{width:450px;} #serviceCon .swiper-slide a{display:block;width:100%;text-decoration:none;} #serviceCon .swiper-slide .num{margin-bottom:55px;font-size:90px;font-weight:700;color:#d9d2c9;transition:all 0.4s;} #serviceCon .swiper-slide-active a .num, #serviceCon .swiper-slide-duplicate-active a .num{color:#2d3f5e;} #serviceCon .swiper-slide a.over .num{color:#d9d2c9;} #serviceCon .swiper-slide a.over:hover .num{color:#2d3f5e;} #serviceCon .swiper-slide .subject{margin-bottom:20px;font-size:26px;color:#bdb2a4;font-weight:500;transition:all 0.4s;} #serviceCon .swiper-slide-active > a .subject, #serviceCon .swiper-slide-duplicate-active > a .subject {color:#1e2f3b; font-weight: 600;} #serviceCon .swiper-slide a.over .subject{color:#bdb2a4; font-weight: 400;} #serviceCon .swiper-slide a.over:hover .subject{color:#1e2f3b; font-weight: 600;} #serviceCon .swiper-slide .basic{margin-bottom:15px;line-height:34px;font-size:18px;color:#bdb2a4;transition:all 0.4s;font-size: 18px; word-break: keep-all; font-weight: 400;} #serviceCon .swiper-slide-duplicate-active > a .basic, #serviceCon .swiper-slide-active > a .basic {color:#1e2f3b;font-weight: 500;} #serviceCon .swiper-slide > a.over .basic{color:#bdb2a4;font-weight: 400;} #serviceCon .swiper-slide > a.over:hover .basic{color:#1e2f3b;font-weight: 500;} #serviceCon .swiper-slide .link{margin-bottom:20px;} #serviceCon .swiper-slide .link > div{position:relative;display:block;height:34px;} #serviceCon .swiper-slide .link .circle{position:absolute;top:0px;left:0px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;background-color:#bdb2a4;color:white;font-size:18px;border-radius:17px;transition:all 0.2s;z-index:-1;} #serviceCon .swiper-slide-duplicate-active a .link .circle, #serviceCon .swiper-slide-active a .link .circle{justify-content:flex-start;width:170px;background-color:#1e2f3b;color:#1e2f3b;border-radius:17px;padding-left:20px;} #serviceCon .swiper-slide a.over .link .circle{justify-content:center;width:34px;background-color:#bdb2a4;color:white;padding-left:0px;} #serviceCon .swiper-slide a.over:hover .link .circle{justify-content:flex-start;width:170px;background-color:#1e2f3b;color:#1e2f3b;border-radius:17px;padding-left:20px;} #serviceCon .swiper-slide a .link .text{position:absolute;top:0px;left:0px;padding-left:45px;height:100%;display:none; align-items:center;color:#aca091;font-size:18px;font-weight:500; } #serviceCon .swiper-slide-active a .link .text, #serviceCon .swiper-slide-duplicate-active a .link .text {color:#aca091;padding-left:20px;display:flex;color:white;} #serviceCon .swiper-slide a.over .link .text{color:#aca091;padding-left:20px;display:none;} #serviceCon .swiper-slide a.over:hover .link .text{color:#aca091;padding-left:20px;display:flex;color:white;} #serviceCon .swiper-slide a .link .text img{margin-right:15px;display:none;} #serviceCon .swiper-slide-active a .link .text img , #serviceCon .swiper-slide-duplicate-active a .link .text img {display:inline-block;} #serviceCon .swiper-slide a.over .link .text img{ display:none; } #serviceCon .swiper-slide a.over:hover .link .text img{ display:inline-block;} #serviceCon .swiper-slide .image{position:relative;width:100%;height:145px;border:1px solid #eee;background:no-repeat center center;background-size:cover;} #serviceCon .swiper-slide .image .text{position:absolute;bottom:10px;right:10px;font-size:23px;color:#f2f2f1;font-weight:500;transition:all 0.4s} #serviceCon .swiper-slide-active a .image .text, #serviceCon .swiper-slide-duplicate-active a .image .text {color:#1e2f3b} #serviceCon .swiper-slide > a.over .image .text{color:#f2f2f1} #serviceCon .swiper-slide > a.over:hover .image .text{color:#1e2f3b} /**************************** index case *****************************/ .caseSwiper{padding-bottom:30px;position:relative;width:100%;} .caseSwiper .swiper-container{position:relative;width:100%;margin:0px -5px;padding:10px 10px 10px 10px;} .caseSwiper .swiper-slide{height:420px;border:1px solid #eee;letter-spacing:-0.05em;box-shadow:4px 5px 10px 1px rgb(0,0,0,0.13);transition:all 0.3s;} .caseSwiper .swiper-slide:hover{border:5px solid #373737} .caseSwiper .swiper-slide > div{box-sizing:border-box;width:100%;height:400px;overflow:hidden;position:relative;background-color:white;} .caseSwiper .swiper-slide > div{box-sizing: border-box;} .caseSwiper .swiper-slide > div > a{display:block;padding:40px 40px 0px 40px;text-decoration:none;} .caseSwiper .swiper-slide > div .head{padding:0px 0px 10px 0px;display:flex;align-items:center;justify-content:space-between;} .caseSwiper .swiper-slide > div .head .subject{padding:0px 10px;height:30px;line-height:30px;font-size:18px; color: white;background-color:#4b5962;} .caseSwiper .swiper-slide > div .cate2{margin-bottom:15px;height:70px;line-height:35px;font-size:26px;color: #373737;letter-spacing:-0.05em;font-weight: 500; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .caseSwiper .swiper-slide > div .text{margin-bottom:26px;padding:0px 0px;color:#656565;font-size:16px;line-height:28px; height:78px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-weight: 500; } .caseSwiper .swiper-slide > div .lawyer{padding:0px 40px 0px 40px;display:flex;align-items:flex-end;} .caseSwiper .swiper-slide > div .lawyer_info{margin-right:8px;text-align:left;font-size:14px;color:#373737;font-weight: 500;font-family:'Noto Sans KR';} .caseSwiper .swiper-slide > div .lawyer_info .name{font-size:18px;font-weight:500;} .caseSwiper .swiper-slide > div .lawyer_result{margin-left:auto;} .caseSwiper .swiper-slide > div .lawyer a{margin-right:10px;display:block;width:60px;height:60px;border-radius:30px;background:no-repeat center center;background-size:100% 100%;} .caseSwiper .swiper-slide > div .more{padding:0px 20px 0px 0px;position:absolute;bottom:25px;left:-20px;display:flex;align-items:center;justify-content:flex-end;width:200px;height:55px;background-color:#294152;color:white:;font-size:16px;transition: all .3s;opacity:0} .caseSwiper .swiper-slide > div:hover .more{opacity:1;} .caseSwiper .swiper-slide > div .more .more_text{display:inline-block;color:white;font-size:21px;margin-right:5px;} .caseSwiper .swiper-slide > div .more .icon{color:white;font-size:20px;} .caseSwiper .case_arrow{position:absolute;top:50%;transform:translateY(-50%);} .caseSwiper .case_arrow.case_arrow_left{left:-50px;} .caseSwiper .case_arrow.case_arrow_right{right:-50px;} @media (max-width: 1400px){ #map_qna #index_map > div{margin:0px auto;width:100%;max-width:1020px;height:765px;} #map_qna #index_qna{display:none;} #mp_map > img{max-width:initial;} #serviceCon .svCon{width:100%}; } @media (max-width: 1130px){ } @media (max-width: 1050px){ #mmapAreaCon{width:calc(100% - 370px);} #mp_map{overflow:hidden;} #mp_map{right:0px;width:370px} } @media (max-width: 980px){ body #mSuccess .ms_count .countCon .count22{font-size:70px;} #serviceCon .svCon .sv_info{width:calc(100% - 600px);} #serviceCon .svCon .sv_swiper{width:600px;} } @media (max-width: 890px){ #index_addr .addr_hpCon{display:block;} #index_addr .addr_addr{font-size:16px;line-height:23px;} #serviceCon .svCon .sv_info{width:calc(100% - 400px);} #serviceCon .svCon .sv_swiper{width:400px;} #serviceCon .swiper-slide{width:350px;} } @media (max-width: 1080px){ body #mp_map {display: block;} }