@charset "utf-8";

/*공통*/
.blue-txt {color:#21409a !important;}

/*about*/
.about .group {display:flex; align-items: center; border-radius:10px; overflow:hidden; box-shadow:5px 5px 24px rgba(0,0,0,0.15); margin-bottom:80px;}
.about .group:last-child {margin-bottom:0;}
.about .group:nth-child(even) {flex-direction: row-reverse;}
.about .group > div {width:50%;}
.about .group .cnt {padding:10px 30px 10px 50px;}
.about .group .tit {font-size:28px; font-weight:400; line-height:1.4em; letter-spacing:-0.03em; color:#333; margin-bottom:50px;}
.about .group .tit strong {display:block; font-size:36px; font-weight:700; margin-bottom:20px;}
.about .group .txt {font-size:19px; font-weight:400; line-height:1.8em; letter-spacing:-0.03em; color:#333;}
.about .group .txt .blue-txt {font-weight:700;}

/*location*/
.location .local {margin-bottom:60px;}
.local .root_daum_roughmap {width:100% !important; height:400px !important;}
.local .root_daum_roughmap .wrap_map {height:400px !important;}

.local .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.local .roughmap_lebel_text:after {content:"법무법인 모두"; font-size:12px; line-height:15px;}

.location .group {display:flex; border-bottom:1px solid #ddd; padding:50px 0;}
.location .cnt1 {align-items: flex-end; padding:0 0 40px 0;}
.location .cnt1 .tit {position:relative; padding-left:70px; font-size:24px; font-weight:700; letter-spacing:-0.03em; line-height:1.5em; margin-right:55px;}
.location .cnt1 .tit:before {content:""; position:absolute; width:47px; height:69px; background:url("../images/sub/local_icon.png") no-repeat 50% 50%; background-size:contain; left:0; top:0;}
.location .cnt1 ul {display:flex;}
.location .cnt1 ul li {font-size:18px; font-weight:400; color:#808080; letter-spacing:-0.03em; line-height:1.4em;}
.location .cnt1 ul li:first-child {position:relative; padding-right:20px; margin-right:20px;}
.location .cnt1 ul li:first-child::before {content:""; position:absolute; width:1px; height:14px; background:#ddd; right:0; top:4px;}
.location .cnt1 ul li strong {font-size:20px; font-weight:700; color:#333; margin-right:20px;}

.location .cnt-tit {min-width:245px; font-size:24px; font-weight:700; line-height:1.3em; letter-spacing:-0.03em; color:#333;}
.location .box {margin-bottom:38px;}
.location .box:last-child {margin-bottom:0;}
.location .way {font-size:19px; font-weight:400; letter-spacing:-0.03em; color:#333; line-height:1.4em; margin-bottom:15px;}
.location .way span {display:inline-block; text-align:center; font-size:15px; min-width:57px; font-weight:400; line-height:1em; letter-spacing:-0.03em; color:#fff; padding:5px 10px; margin-right:15px;}
.location .way:last-child {margin-bottom:0;}
.location .way-tit {font-size:19px; font-weight:700; line-height:1.3em; letter-spacing:-0.03em; color:#333; margin-bottom:17px;}
.location .way .subway {background:#a71e31;}
.location .way .bus {background:#21409a;}
.location .way .bus2 {background:#1a1a1a;}

.location .cnt4 .txt {font-size:20px; font-weight:400; letter-spacing:-0.03em; line-height:1.8em;}
.location .cnt4 .txt strong {color:#333;}

/*hire*/
.hire .txt-wrap {text-align:center; margin-bottom:70px;}
.hire .txt-wrap p {font-size:28px; font-weight:400; line-height:1.5em; letter-spacing:-0.03em; color:#454545;}
.hire .txt-wrap .blue-txt {font-weight:700;}

.hire .group {background:#fff; box-shadow:5px 5px 24px rgba(0,0,0,0.15); border-radius:10px; padding:55px 10px; text-align:center;}
.hire h3 {text-align:center;font-size:36px; font-weight:700; line-height:1em; letter-spacing:-0.03em; margin-bottom:35px;}

.hire .welfare {margin-bottom:80px;}
.hire .welfare .cnt {display:flex; justify-content: center;}
.hire .welfare .cnt > div {padding:0 65px;}
.hire .welfare .cnt .img {margin-bottom:50px;}
.hire .welfare .cnt .tit {font-size:22px;font-weight:700; letter-spacing:-0.03em; line-height:1.3em; margin-bottom:20px; color:#454545;}
.hire .welfare .cnt .txt {position:relative; padding-left:15px; font-size:19px; font-weight:400; letter-spacing:-0.03em; line-height:1.5em;}
.hire .welfare .cnt .txt:before {content:""; position:absolute; width:8px; height:1px; background:#454545; margin-left:-15px; top:12px;}

.hire .hire-cate {background:url("../images/sub/hire_bg.jpg") no-repeat 50% 50%; background-size:cover; padding:60px 0; margin-bottom:80px;}
.hire .hire-cate h3 {color:#fff;}
.hire .hire-cate ul {display:flex;justify-content: center; flex-wrap:wrap; margin:0 -30px -30px -30px;}
.hire .hire-cate ul li {display:flex; align-items: center; justify-content: center; width:150px; height:150px; border-radius:100%; border:2px solid #fff; margin:0 30px 30px 30px; font-size:19px; font-weight:400; letter-spacing:-0.03em; color:#fff; line-height:1em;}


.hire .hire-step {padding-left:150px; padding-right:150px;}
.hire .hire-step ul {position:relative; display:flex;justify-content: center; padding-bottom:30px; margin-bottom:60px;}
.hire .hire-step ul:before {content:""; position:absolute; width:100%; height:3px; background:#ddd; bottom:0;}
.hire .hire-step li {position:relative; width:33.333%; font-size:22px; font-weight:700; line-height:1.3em; letter-spacing:-0.03em; color:#242424;}
.hire .hire-step li:before {content:""; position:absolute; width:10px; height:10px; border-radius:100%; background:#21409a; bottom:-34px; left:50%; margin-left:-5px;}
.hire .hire-step li span {display:block; font-size:19px; color:#808080; margin-bottom:10px;}
.hire .hire-step .email .btn {display:inline-block; font-size:16px; font-weight:400; line-height:1.4em; letter-spacing:-0.03em; padding:10px 28px; background:#1a1a1a; color:#fff; margin-bottom:18px;}
.hire .hire-step .sub-txt {font-size:16px; font-weight:400; line-height:1.3em; letter-spacing:-0.03em; color:#454545;}


/*instance*/
.instance-tab {margin-bottom:50px;}
.instance-tab ul {display:flex; flex-wrap:wrap; margin:0 auto -10px auto;max-width:855px;}
.instance-tab ul li {width:20%; padding:0 5px; margin-bottom:10px;}
.instance-tab ul li.active a {background:#21409a; border:1px solid #21409a; color:#fff;}
.instance-tab ul li a {display:flex; align-items: center; justify-content: center; text-align:center; background:#fff; border:1px solid #ddd; min-width:160px; border-radius:30px; font-size:16px; font-weight:400; line-height:1.4em; letter-spacing:-0.03em; color:#686868; padding:14px 0;}

/*customer*/
.customer {display:flex;} 
.customer > div:first-child {padding-right:70px;}
.customer > div:last-child {flex: 1 1 auto; min-width: 0; width: 1%;}

.customer  .txt-wrap {margin-bottom:60px;}
.customer  .txt-wrap p {font-size:28px; font-weight:400; line-height:1.7em; letter-spacing:-0.03em; color:#333;}
.customer  .txt-wrap .blue-txt {font-weight:700;}
.customer .group {border-radius:10px; padding:40px; box-shadow:5px 5px 24px rgba(0,0,0,0.15); margin-bottom:30px;}
.customer .group:last-chid {margin-bottom:0;}
.customer .group .tit {font-size:22px; font-weight:700; line-height:1.3em; letter-spacing:-0.03em; color:#454545; margin-bottom:15px;}
.customer .group .txt {font-size:19px; font-weight:400; line-height:1.3em; letter-spacing:-0.03em; color:#454545;}

.customer .sns-link > div {text-align:center; border-radius:25px; margin-bottom:30px; padding:35px 10px;}
.customer .sns-link > div:last-child {margin-bottom:0;}
.customer .sns-link a {display:block;}
.customer .sns-link .tel-direct {background:#f4f4f4;}
.customer .sns-link .tel-direct .tel-num {position:relative; padding-left:45px; font-size:40px; font-weight:700; line-height:1.3em; letter-spacing:-0.08em; color:#21409a;}
.customer .sns-link .tel-direct .tel-num:before {content:""; position:absolute; width:26px; height:26px; background:url("../images/sub/sns_icon1.png") no-repeat 50% 50%; margin-left:-45px; top:50%; margin-top:-13px;}
.customer .sns-link .kakao-direct {background:#f9e100;}
.customer .sns-link .tit {font-size:28px; font-weight:700; line-height:1.4em; letter-spacing:-0.03em; color:#333; margin-bottom:30px;}
.customer .sns-link .txt {font-size:20px; font-weight:400; line-height:1.4em; letter-spacing:-0.03em; color:#454545; margin-top:30px;}