/*빠른 상담 */ /*성공사례 정의*/ #mpMapCon{padding:50px 0px;background-color:#132332;} #mpMapCon > div > .subject{position:relative;padding-top:0px;margin-bottom:45px;font-size:32px;text-align:center;font-weight:bold;color:white;} #mpMapCon > div > .subject:after{display:block;content:"";position:absolute;bottom:-25px;left:50%;width:50px;margin-left:-25px;border-bottom:5px solid white;} #mpMapCon > div > .subject2{width:100%;font-size:23px;text-align:center;margin-bottom:40px;letter-spacing:-0.05em;font-weight:300;color:white} #mpMapCon > div{padding:0px 0px 0px 0px;overflow:hidden;} #mpMap{display:flex;justify-content:space-between;width:100%;max-width:980px;margin:0px auto;} #mpMap > div{} #mpMap .mpmCont{width:calc(100% - 510px);} #mpMap .mpmMap{width:510px;min-width:510px;} #mainPartner {display:flex;justify-content:space-between;margin:0px;position:relative;margin:15px 0px 0px 0px;padding:0px 0px 0px 0px;background-size:contain; } #mp_map a{position:absolute;display:block;} #mp_map a > span > span {display:none;} #mp_map a > span > i {display:none;} #mp_map a.on {display:block;} #mp_map a.on > span > span {display:inline-block;} #mp_map a.on > span > i {display:block;} #mp_map a.area0{top:96px;left:97px;}/*서울*/ #mp_map a.area13{top:96px;left:97px;}/*서울분사*/ #mp_map a.area1{top:350px;left:330px;}/*부산*/ #mp_map a.area2{top:297px;left:236px;}/*대구*/ #mp_map a.area3{top:264px;left:127px;}/*대전*/ #mp_map a.area4{top:143px;left:163px;}/*성남*/ #mp_map a.area5{top:144px;left:64px;}/*인천*/ #mp_map a.area6{top:198px;left:96px;}/*수원*/ #mp_map a.area7{top:420px;left:106px;}/*광주*/ #mp_map a.area8{top:56px;left:142px;}/*의정부*/ #mp_map a.area9{top:308px;left:341px;}/*울산*/ #mp_map a.area10{top:58px;left:89px;}/*고양*/ #mp_map a.area11{top:180px;left:67px;}/*안산*/ #mp_map a.area12{top:388px;left:289px;}/*창원*/ #mp_map a.area14{top:140px;left:97px;}/*부천*/ #mp_map a.area15{top:226px;left:142px;}/*청주*/ #mp_map a.area16{top: 540px;left: 127px;}/*제주*/ #mp_map a.area17{top: 198px;left: 96px;}/*평택*/ #mp_map a.area18{top:373px;left:98px;}/*전주*/ #mp_map a.area19{top:89px;left:183px;}/*남양주*/ /*지도 정의*/ #mmapArea{position:absolute;top:-15px;right:7px;padding:15px 10px;z-index:10;} #mmapArea.loc16 #index_addr{width:calc(100% - 175px);margin-right:10px;} #mmapArea.loc16 .addrBtnCon{width:165px;display:flex;justify-content:space-between;} #mmapArea.loc16 li a{line-height:36.5px;} #mmapArea.loc16 #index_addr .addr_loc{width:150px;} #mmapArea.loc16 #index_addr .addr_cont{width:calc(100% - 150px);} #mmapArea ul{width:80px;} #mmapArea li{width:100%;margin-bottom:6px;} #mmapArea li a{display:block;width:100%;line-height:30px;border:1px solid rgba(255,255,255,0.2);color:white;text-align:center;text-decoration:none;} /* #mmapArea li a.on{border:1px solid #e16a24;color:#e16a24;font-weight:bold;} */ #mmapArea li a.on{border:1px solid #02edff;color:#02edff;font-weight:bold;} /************************ 온라인문의 *************************/ #mContact{padding:56px 10px 15px 10px;font-family:'Noto Sans Kr';} #mContact .subject{position:relative;padding-left:32px;color:white;font-size:26px;letter-spacing:-0.05em;font-weight:300;} #mContact .subject:after{content:"";display:block;position:absolute;top:10px;left:17px;border-left:5px solid #ffffff;height:48px;} #mContact .subject2{padding-left:32px;color:white;font-size:15px;letter-spacing:0em;font-weight:300;margin-bottom:30px} #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:13px;color:white;letter-spacing:-0.05em;} #mContact ul.process li:before{display:block;content:"";position:absolute;top:0px;left:0px;width:100%; border-top:1px solid #ffffff38;} #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;color:#ffffff} #mContactForm{padding:20px 0px 20px 15px;} #mContactForm ul{display:flex;flex-wrap:wrap;padding:15px 15px 0px 25px;color:white;} #mContactForm ul li{width:55%;display:flex;align-items:center;font-size:18px;margin-bottom:15px;letter-spacing:-0.05em;} #mContactForm ul li label{margin:0px 0px 0px 5px;font-weight:300} #mContactForm ul li:nth-child(2n){width:45%;} #mContactForm .phoneDiv{width:90%;margin-left:4%;margin-bottom:30px;} #mContactForm .phoneDiv input[type='text']{display:inline-block;margin-right:1%;height:35px;width:31%;border:1px solid #ccc;} #mContactForm .form_btn{text-align:center;} #mContactForm .form_btn button{display:inline-block;margin-left:-20px;width:380px;height:50px;background-color:#142332;color:white;border:none;font-size:18px;background-color:#455c73;} #mContactForm .form_agree{padding:5px 0px;} #mContactForm .form_agree label{display:flex;align-items:center;justify-content:flex-end;padding:12px 39px;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;} /*circle define*/ @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:2px solid #e16a24 ; 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:#e16a24; -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;} } .nation-circle > span{border-color:#02edff;} .nation-circle i{color:#02edff;background-color:#02edff;} @media (max-width: 1080px){ #mpMap{display:block;} #mpMap .mpmCont{width:100%;max-width:600px;margin:0px auto 20px auto;} #mpMap .mpmMap{margin:0px auto;} } @media (max-width: 1200px){ /*main search*/ #mmapArea{position:static;width:780px;margin:0px;} }