/*main search*/ /* Firefox 4-18 */ :-moz-placeholder { color: #b6b6b6;} /* Firefox 19-50 */ ::-moz-placeholder {color: #b6b6b6;} /* - Internet Explorer 10–11 - Internet Explorer Mobile 10-11 */ :-ms-input-placeholder {color: #b6b6b6;} /* Edge (also supports ::-webkit-input-placeholder) */ ::-ms-input-placeholder {color: #b6b6b6;} .wrap{letter-spacing:-0.05em;} /*main banner */ #idBanner{width:100%;height:935px;position:relative;} #idBanner .swiper-slide{position:relative;width:100%;height:935px;} #idBanner .bannerCon{position:absolute;width:100%;height:100%;background:no-repeat center center;background-size:cover;overflow:hidden;} #idBanner .bannerCon.bannerCon01{background-image:url('/img/index/index_banner01.jpg'); animation: zoominout 20s linear infinite;} #idBanner .bannerCon.bannerCon02{background-image:url('/img/index/index_banner02.jpg'); animation: zoominout 20s linear infinite;} .bannerRow{position:relative;width:100%;height:935px;max-width:1340px;margin:0px auto;z-index:4;} .bannerRow > div{position:absolute;left:0px;color:white;} .bannerCon.bannerCon01 .bannerRow > div{bottom:100px;letter-spacing:-0.05em} .bannerRow .title01{font-size:24px;font-family:'Nanum Myeongjo';letter-spacing: -0.05em;} .bannerRow .title01 span{font-weight:700} .bannerRow .title02{font-size:54px;font-family:'Nanum Myeongjo';letter-spacing: -0.05em;} .bannerRow .hline{width:60px;height:30px;margin-top:10px;border-top:2px solid white;} .bannerRow .title03{margin-bottom:40px;font-size:19px;font-weight: 300; line-height: 32px;letter-spacing: -0.05em;} .banner_lawyer{position:absolute;bottom:0px;left:50%; transform:translateX(-50%);z-index:1;} .bannerCon.bannerCon02 .bannerRow > div{bottom:auto;top:50%;transform:translateY(-50%);} #mb_scroll{position:absolute;bottom:30px;left:24px; animation:bounce 7s cubic-bezier(0.39, 0.58, 0.57, 1) infinite;z-index:100;} #idBanner .swiper-pagination{z-index:100;color:white;bottom:auto;top:50%;transform:translateY(-50%);width:150px;} #idBanner .swiper-pagination .swiper-pagination-bullet{display:flex;align-items:center;width:100%;height:40px;line-height:40px;text-align:left;background:transparent;font-size:13px;padding-left:30px;opacity:0.5;} #idBanner .swiper-pagination .swiper-pagination-bullet-active{opacity:1;} #idBanner .swiper-pagination .swiper-pagination-bullet .circle{position:relative;display:inline-block;width:18px;height:18px;margin-right:10px;border-radius:50%;border:0px;} #idBanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .circle{border:3px solid rgba(255, 255, 255, 0.5);} #idBanner .swiper-pagination .swiper-pagination-bullet .circle:after{display:inline-block;content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:50%; background-color:white;transform:translate(-50% , -50%);} @keyframes zoominout { 0% { background-size: 120% 120%; } 50% { background-size: 110% 110%; } 100% { background-size: 100% 100%; } } /*index Case */ #mainCase{width:100%;background-color:#f2f2f1;letter-spacing:-0.05em;font-family:'Noto Sans KR';} #mainCase > div{width:100%;max-width:1400px;display:flex;justify-content:space-between;margin:0px auto;padding:20px 0px 60px} #mainCase .mcLastest{width:500px;height:570px;} #mainCase .indexCase{width:calc(100% - 520px);height:520px;} #mainCase .mcTitle{letter-spacing: -0.05em;height:80px;display:flex;align-items:center;font-size:31px;color:#5b5b5b;margin-bottom: 5px;} #mainCase .mcTitle span{display:inline-block;} #mainCase .mcTitle .bold{font-weight:500;} #mainCase .mcTitle h3{font-size:31px;} #mainCase .mcTitle a{display:inline-block;margin-left:15px;} #mainCase .mcTitle a.mc_prev_btn{margin-left:auto;} #mainCase .mcTitle button{display:inline-block;background-color:transparent;border:0px;outline:none;margin-left:15px;} #mainCase .mcTitle button.mc_prev_btn{margin-left:auto;} #mainCase .mcLastest .swiper-container{width:100%;height:490px;} #mainCase .mcLastest .swiper-container .swiper-slide{background-color:#1e2f3b;color:white;height:490px;padding:40px;} #mainCase .mcLastest .itemCard > a{margin-bottom:20px;color:white;display:block;width:100%;text-decoration:none;} #mainCase .mcLastest .itemCard .head{margin-bottom:20px;} #mainCase .mcLastest .itemCard .head span{display:inline-block;padding:2px 12px;line-height:26px;background-color:#4b5962;color:white;font-size:18px;} #mainCase .mcLastest .itemCard .subject{margin-bottom:10px;font-size:26px;width:100%;height:42px;line-height:42px;color:#e0e0e0;font-weight:500;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; } #mainCase .itemCard .cont{width:100%;font-size:18px;color:#e0e0e0;overflow:hidden;text-align:justify; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; /* ellipsis line */ -webkit-box-orient: vertical; /* height = line-height * line = 1.2em * 3 = 3.6em */ line-height: 30px; height: 87px; letter-spacing: -0.05em;font-weight: 300; } #mainCase .mcLastest .itemCard .lawyer{display:flex;align-items:flex-end;justify-content:space-between;} #mainCase .itemCard .lawyer_info{font-size:15px;line-height:22px;color:#f3f3f3;} #mainCase .itemCard .lawyer_info .position{} #mainCase .itemCard .lawyer_info .position .bold{font-size:18px;font-weight:500;margin-right:3px;} #mainCase .itemCard .lawyer_info a{display:block;margin-bottom:10px;width:70px;height:70px;border-radius:33px;background:no-repeat center center;background-size:100% 100%;} /*index right case*/ #mainCase .mcTitle .small{margin-left:24px;font-size:18px;color:#9b9b9b;} #mainCase .mcTitle .more{display:inline-block;margin-left:auto;width:100px;height:53px;line-height:50px;background-color:white;color:#757575;border-radius:25px;font-size:18px;text-align:center;border: 1px solid #ccc;} .indexCase .swiper-container{width:100%;height:490px;padding-top:60px; box-shadow: 0px 2px 7px rgb(0 0 0 / 6%);} #indexCase .swiper-slide{height:430px;} #indexCase > ul{margin:0px;width:100%;} #indexCase .itemCard{display:flex;justify-content:space-between;width:100%;height:143px;padding:25px 35px; overflow:hidden;position:relative;transition: all .3s;} #indexCase .itemCard:nth-child(2){background-color:#ffffff;border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;} #indexCase .itemCard:nth-child(3){background-color:white;} #indexCase .itemCard.on{background-color:white;} #indexCase .itemCard > .case_text{display:block;width:calc(100% - 0px);text-decoration:none;} #indexCase .itemCard > .case_lawyer{width:210px;} #mainCase #indexCase .itemCard .head{width:100%;height:33px;line-height:30px;margin-bottom:10px;display:block;font-size:21px;font-weight:500;color:black; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;letter-spacing: -0.05em;} #mainCase #indexCase .itemCard .head .subject2{display: inline-block; padding: 2px 12px; line-height: 26px; background-color: #1e2f3b; color: white; font-size: 16px;} #indexCase .itemCard .text{padding:0px;height:60px;line-height:28px;font-size:17px;color:#5b5b5b;letter-spacing:-0.05em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #indexCase .case_lawyer{display:flex;align-items:center;} #indexCase .case_lawyer .lawyer{display:flex;align-items:center;} #indexCase .case_lawyer .lawyer a{margin-right:10px;display:block;width:60px;height:60px;border-radius:30px;background:no-repeat center center;background-size:100% 100%;border:1px solid #ccc;cursor:default;} #indexCase .case_lawyer .lawyer_info{text-align:left;font-size:15px;color:black;letter-spacing: -0.07em; font-weight: 400;} #indexCase .case_lawyer .lawyer_info .position{font-size:14px;color:black;} #indexCase .case_lawyer .lawyer_info .position .name{margin-right:3px;font-size:18px;font-weight:500;} #indexCase .swiper-pagination{padding-left:0px;bottom:auto;top:0px;width:100%;height:60px;display:flex;align-items:center;background-color:#1e2f3b} #indexCase .swiper-pagination-bullets .swiper-pagination-bullet{margin:0px;padding:0px 21px;border-radius:0px;width:auto;height:60px;line-height:60px;color:white;font-size:16px;opacity:1;} #indexCase .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#7b7b7b;color:#ffffff;font-weight:500;} /*news linke*/ .mc_link{text-align:center;} .mc_link a{margin:0px auto;display:flex;align-items:center;justify-content:center;;width:420px;height:60px;max-width:90%; font-size:21px;color:white;background-color:#1e2f3b;border-radius:30px;text-decoration:none;} .mc_link a img{margin-left:10px;} /*map*/ /* Dropdown Button */ #mMap .dropbtn { display:inline-block; background-color: white; color: #777; padding:0px 20px; font-size: 16px; height:50px; width:100%; border: none; cursor: pointer; text-align:left; outline:none;box-shadow: 0px 2px 7px rgb(0 0 0 / 15%); } /* Dropdown button on hover & focus */ #mMap .dropbtn:hover { background-color: #1e2f3b;color:white; } /* The container
- needed to position the dropdown content */ #mMap .dropdown { border-top:1px solid #ccc; width:100%; position: relative; display: inline-block; } /* Dropdown Content (Hidden by Default) */ #mMap .dropdown-content { width:100%; display: none; position: absolute; background-color: white; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } /* Links inside the dropdown */ #mMap .dropdown-content a, #mMap .dropdown-content button{ width:100%; color: black; padding: 7px 20px; text-decoration: none; display: block; font-size: 16px; background-color:transparent; border:0px;outline:0px; text-align:left; } /* Change color of dropdown links on hover */ #mMap .dropdown-content a:hover , #mMap .dropdown-content button:hover {background-color: #1e2f3b;color:white;} /* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */ #mMap .show {display:block;} #mMap{width:100%;height:660px;position:relative;} .mm_tab{position:absolute;bottom:30px;right: 14%;;width:390px; height:calc(100% - 60px);z-index:900;border-bottom-left-radius:20px; box-shadow: 3px 0px 10px rgb(0 0 0 / 20%);} .mm_tab .mm_head{padding:0px 20px 0px 30px;height:80px;line-height:85px;background-color:#1e2f3b;color:white;border-radius:20px 20px 0px 0px;font-size:19px;font-weight:500; letter-spacing: -0.04em;} .mm_tab .mm_search{position:relative;width:100%;height:50px;z-index:10;background-color:white;box-shadow: 3px 0px 10px rgb(0 0 0 / 20%);} .mm_tab .mm_list{position:absolute;bottom:0px;left:0px;width:100%;height:calc(100% - 150px);padding:15px 20px;overflow:auto;background-color:#f7f7f7;z-index:9;} .mm_tab .mm_list ul{margin-bottom:20px;display:block;padding:0px 0px 20px 0px;line-height:20px;} .mm_tab .mm_list ul li{padding:15px;margin-bottom:15px;width:100%;border:2px solid rgba(200,200,200,0.2);background-color:white;border-radius:15px; box-shadow: 0px 2px 5px rgb(0 0 0 / 10%);} .mm_list ul li{display:flex;align-items:center;justify-content:space-between;border:3px solid white;transition:all 0.7s;} .mm_list ul li.on{border-color:#1e2f3b;} .mm_list ul li .map_info{width:calc(100% - 95px);} .mm_list ul li .map_image{width:80px;} .mm_list ul li .map_name{margin-bottom:5px;color:#504f4f;font-size:16px; font-weight:500;} .mm_list ul li .map_name img{margin-right:5px;} .mm_list ul li .map_address{margin-bottom:15px;font-size:14px;line-height:20px;color:#878787;} .mm_list ul li .map_link{color:#878787;} .mm_list ul li .map_link a{display:inline-block;text-decoration:none;} .mm_list ul li .map_link span{padding-bottom:5px;display:inline-block;border-bottom:1px solid #ccc;} .mm_list ul li .mlink{cursor:pointer;} /*main map*/ #mMapCon{width:100%;height:660px;overflow:hidden;position:relative;} #mMapCon .con{width:100%;height:auto;min-height:660px;position:absolute;top:0px;left:0px;visibility:hidden;} #mMapCon .con.on{position:relative;visibility:visible;height:auto;} /*kakao map text change*/ .os_mac .roughmap_maker_label .roughmap_lebel_text, .roughmap_maker_label .roughmap_lebel_text{ padding: 6px 8px 5px !important; font-size: 12px !important; color: #000 !important; font-family: 'Malgun Gothic' !important; } #mMapCon .root_daum_roughmap{width:100%;height:660px;} body{min-width:780px;} @media (max-width: 1690px) { /*.banner_lawyer{left:auto;right:-150px;transform:none;}*/ .banner_lawyer{left:auto;right:-120px;transform:none;} .bannerRow{max-width:none;margin-left:170px;} } @media (max-width: 1400px) { .bannerRow > div{left:30px;} } @media (max-width: 1280px) { #mainCase > div{display:block;} #mainCase .mcLastest{margin-bottom:20px;width:100%;padding-left:15px;padding-right:15px;} #mainCase .indexCase{width:100%;padding-left:15px;padding-right:15px;} } @media (max-width: 1100px) { .banner_lawyer {right:-12vw;} .banner_lawyer img{width:170vw;} } @media (max-width: 980px) { .bannerRow .title01{font-size:20px;} .bannerRow .title02{font-size:35px;} .bannerRow .title03{font-size:16px;} .certi01{width:130px;} .certi01 img{max-width:100%;} #idBanner{height:680px;position:relative;} #idBanner .swiper-slide{height:680px;} .bannerRow{height:680px;} }