@charset "utf-8";
/* 법인설립등기 */
.es-sec1 { padding: 45px 0;}
.es-fx { display: flex; align-items: center; justify-content: center; gap: 70px;}
.es-text p { font-size: 18px; font-weight: 600; letter-spacing: -.03em; line-height: 1.6em; color: #454545; position: relative; padding-left: 30px; margin-bottom: 8px;}
.es-text p:last-child { margin-bottom: 0;}
.es-text p::before { content: ""; position: absolute; left: 0; top: 5px; width: 17px; height: 17px; background: url(../images/sub/chk.png) center no-repeat; background-size: contain;}
.es-box { margin-top: 110px; width: 100%; display: flex; justify-content: center; align-items: center; border-radius: 30px; border: 1px solid #ddd; padding: 70px 0 50px; text-align: center;}
.es-inp { display: flex; gap: 15px; align-items: center;}
.es-inp-tit { font-size: 18px; font-weight: 300; letter-spacing: -.03em; color: #454545; line-height: 1em;}
.es-inp .input { border-radius: 10px;}
.es-inp p { color: #454545; padding-top: 5px;}
.es-box .check { margin-top: 20px; font-size: 16px; font-weight: 300; letter-spacing: -.03em; color: #454545; margin-left: 30px; margin-bottom: 30px;}
.es-box .check a { text-decoration: underline; color: #2537a0; text-underline-position: under; font-weight: 400;}
.es-box .buttons { margin: 0;}
.es-sec2 { padding-top: 70px;}
.es-tbl-wrap { width: 100%; border-top: 2px solid #2537a0;}
.es-tbl { width: 100%; border-collapse: collapse; text-align: center;}
.es-tbl tr th { background: #f5faff; font-size: 18px; font-weight: 700; color: #333; line-height: 1.2em; padding: 20px 10px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.es-tbl tr th:last-child { border-right: none;}
.es-tbl tr td { font-size: 16px; font-weight: 400; color: #454545; line-height: 1.2em; padding: 20px 10px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.es-tbl tr td:last-child { border-right: none;}
.es-tbl-bold { font-size: 18px !important; font-weight: 700 !important;}
.es-tbl-clr { color: #328eea !important;}
.es-tbl-text { margin-top: 20px; padding-left: 10px; margin-bottom: 30px;}
.es-tbl-text p { font-size: 16px; font-weight: 400; color: #454545; line-height: 1.556em; padding-left: 15px; position: relative;}
.es-tbl-text p::before { content: ""; width: 4px; height: 4px; border-radius: 100%; position: absolute; left: 0; top: 9px; background: #328eea;}

/* 무료법인설립 */
.free-box .contain{ display: flex; max-width: 1260px; align-items: flex-start;}
.free-right { padding-left: 100px;}
.free-tit { font-size: 28px; font-weight: 700; color: #222; line-height: 1em; letter-spacing: -.03em; display: flex; gap: 10px; align-items: flex-start;}
.free-tit p{ line-height: 1.4em;}
.free-tit span { font-size: 50px; font-weight: 700; line-height: 1.4em; color: #328eea; font-family: 'GmarketSans'; display: inline-block; }
.free-subtit { display: block; font-size: 20px; font-weight: 700; letter-spacing: -.03em; color: #328eea; line-height: 1.2em;}
.free-right>p { font-size: 16px; font-weight: 300; letter-spacing: -.03em; line-height: 1.666em; color: #454545; padding-left: 15px; position: relative; margin-top: 20px;}
.free-right>p::before { content: ""; width: 4px; height: 4px; border-radius: 100%; position: absolute; left: 3px; top: 9px; background: #328eea; }
.free-af::before { display: none;}
.free .buttons { margin: 80px 0 0;}

/* 외국인투자법인설립 */
.fc-sec1 { display: flex; }
.fc-left { width: 30%; text-align: center; padding-top: 20px;}
.fc-right { width: 70%; padding-left: 10px;}
.fc-right b { margin-top: 30px; margin-bottom: 30px;}
.fc-tit { font-size: 18px; font-weight: 700; letter-spacing: -.03em; line-height: 1.5em; color: #222;}
.fc-subtit { font-size: 18px; font-weight: 700; letter-spacing: -.03em; line-height: 1.5em; color: #328eea; display: block; margin-bottom: 10px;}
.fc-txt { font-size: 16px; font-weight: 300; letter-spacing: -.03em; line-height: 1.666em; color: #454545; margin-bottom: 30px;}
.fc-txt:last-child { margin-bottom: 0;}
.fc-box { margin-top: 80px; }
.fc-box2 { margin-top: 110px;}
.fc-inbox { margin-top: 30px;}
.fc-inbox:first-child {margin-top: 0;}
.fc-dia { text-align: center; margin-top: 80px;} 
.fc-textbox { background: #fafafa; padding: 40px;}
.fc-textbox p { font-size: 16px; font-weight: 300; letter-spacing: -.03em; color: #454545; line-height: 1.8em;}
.fc-textbox p span { padding-left: 10px;}
.fc .buttons { margin: 40px 0 0;}

/* sub2 공통 */
.pps .buttons { margin: 60px 0 0;}
.jj-box { margin-top: 20px;}
.jj-box .fc-txt { position: relative; margin-top: 5px; padding-left: 15px;}
.jj-box .fc-txt::before { content: ""; width: 4px; height: 4px; border-radius: 100%; position: absolute; left: 3px; top: 9px; background: #328eea; }
.jj .buttons { margin: 50px 0 0;}
.basic-box { margin-top: 60px;}
.basic-box:first-child { margin-top: 0;}

/* 위드포유 소개 */
.about .contain { max-width: 1260px;}
.about-titbox { display: flex; gap: 15px; align-items: flex-start;}
.about-titbox p{ line-height: 1.4em; font-size: 40px; font-weight: 600; letter-spacing: -.03em; line-height: 1.3em; color: #2537a0;}
.about-titbox p span { font-weight: 900;}
.about-titbox b { font-size: 60px; font-weight: 700; line-height: 1.4em; color: #328eea; font-family: 'GmarketSans'; display: inline-block; }
.about-titbox b:last-child { padding-top: 52px;}
.about .txt { font-size: 21px; font-weight: 500; letter-spacing: -.03em; line-height: 1.6em; color: #454545; margin-bottom: 30px;}
.about .txt:last-child { margin-bottom: 0;}

/* 구성원 소개 */
.hm-box { border-top: 2px solid #7b84bc; margin-top: 120px; padding: 25px 0 0;}
.hm-box:first-child { margin-top: 0;}
.hm-left { width: 30%; text-align: center;}
.hm-left img { margin-bottom: -2px;}
.hm-intro { display: flex; border-bottom: 2px solid #dddddd; padding: 0 60px;  position: relative; }
.hm-right {padding-left: 40px; position: relative;  width: 70%;}
.hm-textbox { padding-left: 105px; padding-top: 22%;}
.hm-right .tit{ font-size: 46px; font-weight: 300; letter-spacing: -.03em; line-height: 1.2em;color: #222; margin-bottom: 15px; font-family: 'SCoreDream';}
.hm-right .tit span { font-weight: 600;}
.hm-right .txt { font-size: 30px; font-weight: 500; letter-spacing: -.03em; line-height: 1.3em; color: #328eea;}
.intro-txt { font-size: 18px; font-weight: 500; letter-spacing: -.03em; color: #454545; line-height: 1.2em; float: left; position: absolute; left: 40px; bottom: 20px;}
.intro-txt span {  font-weight: 700;}
.hm-list { padding: 0 60px; position: relative; margin-top: 20px;}
.hm-list .tit { display: flex; position: relative; align-items: center; cursor: pointer;} 
.hm-list .imgbox { background: #999; width: 80px; height: 80px; border-radius: 100%; display: flex; align-items: center; justify-content: center; }
.hm-list .tit h4 { font-size: 24px; font-weight: 600; letter-spacing: -.03em; line-height: 1.2em; color: #222; padding-left: 60px;}
.hm-list .tit::after {content:""; position:absolute; right:40px; top:25px; display:inline-block; width:10px; height:10px; border-right:2px solid #505050; border-bottom:2px solid #505050; transform:rotate(45deg);}
.hm-list .txtbox { font-size: 16px; font-weight: 300; letter-spacing: -.03em; line-height: 1.8em; color: #454545; padding: 10px 0 30px 142px;}
.hm-list .txtbox span { padding-left: 26px;}
.hm-box .listbox { margin-top: 80px;}
.hm-list .txtbox2 { padding-bottom: 0;}
.hm-list .imgbox.clr1.active { background: #328eea;}
.hm-list .imgbox.clr2.active { background: #2537a0;}
.hm-list .tit.active::after { transform:rotate(-135deg); }
.hm-dn { display: block;}
[data-tab-content] { display: none;}
[data-tab-content].active {display: block;}

/* 찾아오시는 길 */
.mapbox { border-bottom: 1px solid #ddd;}
.root_daum_roughmap .wrap_controllers { display: none;}
.lct {padding-top: 70px; padding-left: 40px; display: flex;}
.lct-icon { width: 80px; height: 80px; border-radius: 100%; border: 1px solid #328eea; display: flex; align-items: center; justify-content: center;}
.lct-text { padding-left: 30px; }
.lct-text .tit { font-size: 18px; font-weight: 700; letter-spacing: -.03em; line-height: 1.2em; margin-bottom: 12px;}
.lct-text p { font-weight: 300; letter-spacing: -.03em; line-height: 1.666em; color: #454545; position: relative; padding-left: 15px;}
.lct-text p::before { content: ""; width: 4px; height: 4px; border-radius: 100%; position: absolute; left: 3px; top: 9px; background: #328eea; }
.lct-text a { color: #328eea; text-decoration: underline; text-underline-position: under;}