/*상단 배너*/ #mban{margin-bottom:10px;position:relative;width:100%;height:150vw; max-height:780px;background:#333;;overflow:hidden;} body::after{ position:absolute; width:0; height:0; overflow:hidden; z-index:-1; content:url('/img/202107/main_m001.jpg') url('/img/202107/main_m002.jpg') url('/img/202107/main_m003.jpg') } #mban .bg{position:absolute;top:0px;left:0px;width:100%;height:100%;background: no-repeat center center;background-size:cover;transition:background-image 0.8s;} #mban.level0 .bg{background-image:url('/img/202107/main_m001.jpg');} #mban.level1 .bg{background-image:url('/img/202107/main_m002.jpg');} #mban.level2 .bg{background-image:url('/img/202107/main_m003.jpg');} #mb_copy > div {display:none;transition:all 0.8s;} #mb_copy > div.on{display:block;} #mban .mBannerText{position:absolute;top:105px;left:0px;width:100%;text-align:center;color:white;letter-spacing:-0.08em;} .mBannerText .mBannerTitle{margin-bottom:10px;font-size:25px; line-height:32px; font-family:'Nanum Myeongjo';color:#dcdcdc;letter-spacing:-0.18em;} .mBannerText .mBannerSTitle{font-size:3.5vw;line-height:6vw;color:#dcdcdc;letter-spacing:-0.05em;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;} /*mb_smenus */ #mb_smenus{display:none;position:absolute;top:50%;left:0px;transform: translateY(-50%);z-index:1004;} #mb_smenus > div{margin-left:20px;} #mb_smenus a{display:block;line-height:20px;margin:5px 0px;padding:5px 0px 5px 10px;border-left:2px solid #ccc;color:#ccc;font-weight:300;font-size:14px;text-decoration:none;transition:all 0.3s;letter-spacing: -0.04em;} #mb_smenus .mb_sm.on a{border-left:5px solid white;color:white;padding-left:7px;font-weight:400;} #mb_dots{position:absolute;bottom:14px;left:50%;transform: translateX(-50%);} #mb_dots > div{margin:0px 20px;display:flex;align-items:center;justify-content:center;} #mb_dots a{display:block;width:10px;height:10px;border-radius:50%;margin:5px ;background-color:#ccc;transition:all 0.3s;} #mb_dots a.on{background-color:white;} #mb_scroll{position:absolute;bottom:30px;right:24px;animation: bounce 7s cubic-bezier(0.39, 0.58, 0.57, 1) infinite;} /* #mb_copy{position:absolute;top:40%;left:50%;transform: translate(-50% , -50%);}*/ @media all and ( min-width: 780px ){ } @media (min-width: 600px) { .mBannerText .mBannerTitle{font-size:30px;line-height:40px;} .mBannerText .mBannerSTitle{font-size:18px;line-height:40px;} } @media (min-width: 780px) { } @media all and ( min-width: 400px ){ .mw_text{line-height:24px;height:78px;font-size:14px;} } @media all and ( min-width: 450px ){ } @media all and ( min-width: 500px ){ } /******************************* END 메인 롤링 *******************************/ /******************************* main case *******************************/ .indexTitle{position:relative;padding-bottom:8px;margin-bottom:0px;display:flex;align-items:center;font-size:24px;font-weight:500;border-bottom:1px solid #ccc;} #mpSucc .indexTitle .notice{font-size:28px;font-weight:700;} .indexTitle:after{display:block;content:"";position:absolute;bottom:0px;left:0px;width:70px;height:2px;background-color:#262626;} .indexMore{padding:20px 0px;} .indexMore a{margin:0px auto;display:flex;align-items:center;justify-content:center;;width:125px;height:45px;border-radius:5px; color:white;font-size:16px;background-color:#313e47;} .indexMore a span{margin-left:10px;font-family:'Nanum Myeongjo';font-size:25px;} /******************************* media *******************************/ .greyBg{background-color:#f2f2f2;} .indexScourt{padding:20px 0px;} .indexScourt .indexTitle{justify-content:space-between;margin:0px auto ;padding-bottom:10px;width:calc(100% - 30px);max-width:780px;} .scourtSwiper {margin:0px auto;padding:30px 0px 30px 20px;position:relative;width:100%;max-width:780px;height:290px;} .scourtSwiper .scourtbg{position:absolute;top:0px;left:100px;width:calc(100% - 100px);height:290px;background-color:#313e47;} .scourtSwiper .swiper-slide{width:70vw;max-width:280px;padding-bottom:30px;padding:15px;background-color:white;} .scourtSwiper .swiper-slide > a{display:block;width:100%;height:180px;text-decoration:none;} .scourtSwiper .swiper-slide .cate{position:relative;display:inline-block;padding-bottom:5px;margin-bottom:10px;font-size:14px;color:#ff6c00;font-weight: 500;} .scourtSwiper .swiper-slide .cate:after{display:inline-block;content:"";position:absolute;bottom:0px;left:0px;width:100%;height:1px;background-color:#ff6c00;} .scourtSwiper .swiper-slide .subject{margin-bottom:14px;font-size:21px;font-weight:500;color:#525252;line-height:30px;height:56px;overflow:hidden;letter-spacing: -0.05em;} .text01 {display:block;font-size:15px;font-weight:400;color:#8f8f8f;line-height:22px;height:66px;overflow:hidden;letter-spacing: -0.05em;} .swiper_btns{position:absolute;bottom:0px;left:0px;display:flex;align-items:center;justify-content:space-between;width:102px;height:45px;font-family:'Nanum Myeongjo'} .swiper_btns > a{display:inline-block;width:50%;height:50px;text-align:center;line-height:50px;font-size:20px;color:black;font-weight:bold;text-decoration:none;} /******************************* end media *******************************/ /*변호사를 정의한다*/ #mainLawyer{padding:20px 10px;} #mainLawyer .mainSubTitle{font-size:15px;letter-spacing: -0.04em; margin-top: 5px;margin-bottom:15px;text-align:center;font-weight: 500;} #mainLawyer .subject{position:relative;margin-bottom:20px;font-size:20px;text-align:center;color:black;font-weight:bold;letter-spacing: -0.05em;} #mainLawyer .subject:after{display:block;content:"";position:absolute;bottom:-10px;left:50%;width:30px;margin-left:-15px;border-bottom:5px solid #367e9a;} #mainLawyer .subject .notice3{font-size:28px;color:#367e9a} #mainLawyer .subject2{width:100%;font-size:15px;text-align:center;margin-bottom:15px;letter-spacing:-0.05em;} #mainLawyer .subject2 .notice4{color:#000000;} #mainLawyer ul{margin:0px auto 20px auto;width:100%;max-width:500px;display:flex;justify-content:space-between;} #mainLawyer ul li{position:relative;width:24.3%;max-width:105px;} #mainLawyer ul li a{display:block;position:relative;width:100%;overflow:hidden;} #mainLawyer ul li a.lawyer_main_top{background:no-repeat;background-position:center 45px;background-size:128px;} #mainLawyer ul li a > div{height:58vw;max-height:240px !important;border:1px solid #142332;overflow:hidden;font-family:'Noto Sans KR';} #mainLawyer ul li a > div > div{width:100%;text-align:center;letter-spacing:-0.1em;font-family:'Noto Sans Kr';} #mainLawyer ul li a .info01{position:relative;margin:10px 0px 0px 0px;font-size:12px;height:15px;line-height:18px;z-index:4;overflow:hidden;color:#142332} #mainLawyer ul li a .info02{position:relative;font-size:12px;font-weight:bolder;height:20px;line-height:20px;z-index:3;overflow:hidden;color:#142332} #mainLawyer ul li a .info03{position:absolute;bottom:5px;left:0px;font-size:12px;z-index:2;color:white;letter-spacing:-0.05em;line-height:17px;font-weight: 500;text-shadow: 0px 0px 5px #000000; margin: 5px 0px;} #mainLawyer ul li.lawyer259 a.lawyer_main_top{background-size:100%;} @media ( max-width: 350px ){ #mainLawyer ul li a .info01{} #mainLawyer ul li a .info02{font-size:11px;} #mainLawyer ul li a .info03{font-size:13px;} } #mainLawyer ul li a .info04 {position:absolute;width:100%;bottom:0px;left:0px;text-align:center;z-index:-1;} #mainLawyer ul li.lawyer30 a .info04 {} #mainLawyer ul li a .info04 img{width:100%;} @media (max-width: 350px){ #mainLawyer ul li a .info03{font-size:13px;} } /*lawyer*/ #lawyerCon{width:100%;padding:0px;background-color:#ffffff;} #lawyer_list{margin:0px auto;width:100%;max-width:780px;height:80px;} #lawyerCon .swiper-container {width:100%; height:80px;} #lawyerCon .swiper-container .swiper-slide{position:relative;width:80px; height:80px;} #lawyerCon .swiper-container .swiper-slide a{display:block;width:100%; height:80px;background:no-repeat center center;background-size:100%;} #lawyerCon .swiper-container .swiper-slide a.mlawyer_image{ filter:none; background-color: #f5f5f5; background-position-y:10px; } #lawyerCon .swiper-container .swiper-slide a div.lawyer_name{position:absolute;bottom:3px;left:3px;color:black;font-weight:bold;font-size:12px;text-shadow:-1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;};font-family:'Noto Sans KR';} #lawyerCon .swiper-button-prev{left:0px;} #lawyerCon .swiper-button-next{right:0px;} #lawyerCon .swiper-button-next, #lawyerCon .swiper-button-prev {top:0px; width:25px; height:100%; margin-top:0px; background-size:100% 100%; outline: none;} #lawyerCon.main .swiper-button-prev {background-image: url('/img_new/mobile/mlawyer_left_arrow.jpg');left:0px;} #lawyerCon.main .swiper-button-next {background-image: url('/img_new/mobile/mlawyer_right_arrow.jpg');} #lawyerCon.main .swiper-button-prev:after, #lawyerCon.main .swiper-container-rtl .swiper-button-next:after{content:"";} #lawyerCon.main .swiper-button-next:after, #lawyerCon.main .swiper-container-rtl .swiper-button-prev:after{content:"";} /*partner define */ #mainPartner{color:white;} #mainPartner .subject{position:relative;margin-bottom:20px;font-size:20px;text-align:center;font-weight:bold;letter-spacing:-0.08em;} #mainPartner .subject:after{display:block;content:"";position:absolute;bottom:-10px;left:50%;width:30px;margin-left:-15px;border-bottom:5px solid white;} #mainPartner .subject2{width:100%;font-size:14px;text-align:center;margin-bottom:15px;letter-spacing:-0.05em;} #mainPartner .subject2 .notice4{font-weight:700;} #mmapArea{padding:0px 10px;} #mmapArea ul{margin:0px auto;display:flex;width:100%;max-width:780px;flex-wrap:wrap;} #mmapArea li{width:16.66%;} #mmapArea li div{padding:2px 2px;} #mmapArea li:nth-child(1){width:25%;} #mmapArea li:nth-child(2){width:25%;} #mmapArea li:nth-child(3){width:25%;} #mmapArea li:nth-child(4){width:25%;} #mmapArea li a{display:block;border:1px solid rgba(255,255,255,0.2);color:white;text-align:center;line-height:40px;font-size:12px;} #mmapArea li a.on{border:1px solid #02edff;color:#02edff;font-weight:bold;} #mmapArea li a.logo{background:url('http://llcri.com/m/img/new/map_logo.png') no-repeat center center; background-size:25px 25px;} #mainPartner{width:100%;max-width:780px;margin:0px auto;padding:30px 0px 0px 0px;background:url('/img_new/mobile/mmap_bg.jpg') no-repeat center center;} #mp_map{position:relative;width:300px;margin:0px auto;} #mp_map a{position:absolute;display:none;} #mp_map a.on{display:block;} #mp_map a.area0{top:54px;left:82px;}/*서울*/ #mp_map a.area1{top:197px;left:213px;}/*부산*/ #mp_map a.area2{top:165px;left:160px;}/*대구*/ #mp_map a.area3{top:148px;left:98px;}/*대전*/ #mp_map a.area5{top:78px;left:62px;}/*인천*/ #mp_map a.area6{top:111px;left:82px;}/*수원*/ #mp_map a.area4{top:79px;left:117px;}/*성남*/ #mp_map a.area7{top:240px;left:89px;}/*광주*/ #mp_map a.area8{top:32px;left:107px;}/*의정부*/ #mp_map a.area9{top:156px;left:212px;}/*울산*/ #mp_map a.area10{top:34px;left:78px;}/*고양*/ #mp_map a.area11{top:98px;left:67px;}/*안산*/ #mp_map a.area12{top:225px;left:177px;}/*창원*/ #mp_map a.area13{top:54px;left:82px;}/*서울 분사*/ #mp_map a.area14{top:71px;left:79px;}/*부천*/ #mp_map a.area15{top:124px;left:104px;}/*청주*/ #mp_map a.area16{top:310px;left:97px;}/*제주*/ #mp_map a.area17{top:111px;left:82px;}/*평택*/ #mp_map a.area18{top:209px;left:82px;}/*전주*/ #mmapSubject{margin-top:20px;} #mmapSubject a{display:flex;align-items:center;justify-content:center;position:relative;width:100%;padding:15px 0px 15px 0px;letter-spacing:-0.1em;color:white;background-color:rgba(62,134,199,0.5);} #mmapSubject a .text{font-size:12px;line-height:20px;margin-right:5px;} #mmapSubject a .linker{font-size:15px;line-height:20px;font-weight:bold;margin-right:4px;} #mmapSubject a img{height:18px;} #mContact{width:100%;max-width:780px;margin:0px auto;padding:30px 10px 15px 10px;background-color:#e1e3e5;font-family:'Noto Sans Kr';} #mContact > div{margin:0px auto;width:100%;max-width:500px;} #mContact .subject{color:#23394f;font-size:22px;letter-spacing:-0.05em;text-align:center;} #mContact .subject2{color:#23394f;font-size:12px;letter-spacing:-0.1em;text-align:center; font-weight:300;margin-bottom:20px} #mContact ul.process{width:100%;display:flex;} #mContact ul.process li{padding-top:15px;position:relative;width:25%;text-align:center;line-height:20px;font-size:14px;color:#23394f;letter-spacing:-0.05em;} #mContact ul.process li:before{display:block;content:"";position:absolute;top:0px;left:0px;width:100%; border-top:1px solid #23394f;} #mContact ul.process li:first-child:before{width:50%;left:50%;} #mContact ul.process li:last-child:before{width:50%;} #mContact ul.process li:after{display:block;content:"\25CF";position:absolute;top:0px;left:50%;font-size:10px;margin-left:-5px; margin-top:-10px;} #mContactForm{padding:20px 5px;} #mContactForm > div{background-color:#23394f;} #mContactForm ul{display:flex;flex-wrap:wrap;padding:15px 15px 5px 25px;background-color:#23394f;color:white;} #mContactForm ul li{width:55%;display:flex;align-items:center;font-size:13px;margin-bottom:10px;letter-spacing:-0.05em;} #mContactForm ul li label{margin:3px;font-weight:300} #mContactForm ul li:nth-child(2n){width:45%;} #mContactForm .form_tel{position:relative;width:85%;margin:10px auto;display:flex;align-items:center;justify-content:space-between;} #mContactForm .form_tel input{display:inline-block;width:31%;height:30px;padding:0px 0px;border:1px solid #aaa;font-size:15px;} #mContactForm .form_btn{padding:10px 15px 5px 15px;text-align:center;} #mContactForm .form_btn button{display:inline-block;width:100%;background-color:#142332;color:white;padding:10px;border:none;font-size:14px;} #mContactForm .form_agree{padding:5px 0px;} #mContactForm .form_agree label{display:flex;align-items:center;justify-content:flex-end;padding:10px 20px;color:white;line-height:20px;} #mContactForm .form_agree label input{width:15px;height:15px;} #mContactForm .form_agree label span{display:inline-block;margin-left:5px;font-size:12px;} #indexMove{margin-top:-10px;width:100%;max-width:620px;height:58vw;max-height:360px;margin:0px auto 10px auto} .rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder video{height:58vw;max-height:360px;} @keyframes nation-circle { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0.5; } 50% { opacity: 1.0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } .nation-circle{position:absolute; left:-25px; top:-25px; display:inline-block; width:50px; height:50px;} .nation-circle > span:nth-child(2) { -webkit-animation-delay: 1s; animation-delay: 1s; } .nation-circle > span:nth-child(3) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } .nation-circle > span:nth-child(4) { -webkit-animation-delay: 2s; animation-delay:2s; } .nation-circle > span:nth-child(5) { -webkit-animation-delay: 2.5s; animation-delay:2.5s; } .nation-circle > span:nth-child(6) { -webkit-animation-delay: 4s; animation-delay:4s; } .nation-circle > span { border:1px solid #02edff ; border-radius: 50%; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; left: 0; top: 0px; opacity: 0; margin: 0; width: 100%; height: 100%; -webkit-animation: nation-circle 4s cubic-bezier(0.22, 0.61, 0.36, 0.5) infinite; animation: nation-circle 4s cubic-bezier(1, 2, 0.66, 3) infinite; } .nation-circle i{ display:block; position:absolute; top:50%;left:50%; margin:-6px 0 0 -6px; width:13px; height:13px; background-color:#02edff; -webkit-border-radius:12px;-moz-border-radius:12px;-o-border-radius:12px;border-radius:12px; } @media all and ( max-width: 1610px ){ .major-exporter-map-con > img.major-exporter-map-pc{display:none;} .major-exporter-map-con > img.major-exporter-map-m{display:block;} }