@charset "utf-8";

/*공통*/
.fz18 {font-size:18px;}
.list01 > li {position:relative; padding-left:14px;}
.list01 > li:before {content:""; position:absolute; width:6px; height:2px; background:#454545; left:0; top:14px;}
.doc-tit {font-family: 'Noto Serif KR', serif; font-size:48px; font-weight:600; line-height:1.2em; letter-spacing:-0.02em; color:#242424; padding-bottom:28px; border-bottom:1px solid #ddd; margin-bottom:60px;} 
.doc-tit span {position:relative; padding-right:24px;}
.doc-tit span:before {content:""; position:absolute; width:9px; height:9px; background:#c49f70; border-radius:0; right:0; bottom:7px; border-radius:100%;}

/* greeting */
.greeting h3 {font-family: 'Noto Serif KR', serif; text-align:center; font-size:48px; font-weight:500; line-height:1.2em; letter-spacing:-0.02em; color:#242424;}
.greeting h3 strong {color:#242424;}
.greeting .bg {background:#fcfaf8; padding:60px 0; text-align:center; margin-top:60px;}
.greeting .bg .txt-wrap {margin-bottom:30px;}
.greeting .bg .txt-wrap:last-child {margin-bottom:0; margin-top:60px;}
.greeting .bg p {margin-bottom:30px;}
.greeting .bg p:last-child {margin-bottom:0;}
.greeting .bg .t1 {font-weight:400; line-height:1.6em; letter-spacing:-0.02em; color:#454545;}
.greeting .bg .t2 {font-size:24px; font-weight:400; line-height:1.4em; letter-spacing:-0.02em; color:#454545;}
.greeting .bg ul {display:flex; margin:-16px; flex-wrap:wrap; justify-content:center;}
.greeting .bg ul li {padding:16px;}
.greeting .bg ul li .wrap {width:300px; height:300px; background:#fff; border-radius:100%; padding:60px 40px 10px 40px;}
.greeting .bg ul li .num {font-family: 'Noto Serif KR', serif; font-weight:900; line-height:1em; letter-spacing:-0.02em; color:#c49f70; padding-bottom:38px; margin-bottom:35px; border-bottom:1px solid #ddd;}
.greeting .bg ul li .txt {font-size:22px; font-weight:500; line-height:1.5em; letter-spacing:-0.02em; color:#454545;}

/* location */
.location .local {margin-bottom:40px;}
.location .root_daum_roughmap {width:100% !important; height:600px !important;}
.location .root_daum_roughmap .wrap_map {height:600px !important;}
.location .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.location .roughmap_lebel_text:after {content:"노무법인 HRS"; font-size:12px; line-height:15px;}

.location .local-info {display:flex; margin-bottom:40px;}
.location .local-info .item {display:flex; align-items:Center; font-weight:500; line-height:1.2em; letter-spacing:-0.02em; color:#454545; margin-right:40px;}
.location .local-info .item:last-child {margin-right:0;}
.location .local-info .item img {display:block; margin-right:20px;}
.location .local-info .addre {flex: 1 1 auto; min-width: 0; width: 1%; font-size:28px; font-weight:600; color:#242424}
.location .local-way {padding:40px 0 50px 40px; border-top:2px solid #222; display:flex; border-bottom:1px solid #ddd;}
.location .local-way h3 {flex: 1 1 auto; min-width: 0; width: 1%; font-size:28px; font-weight:700; line-height:1.4em; letter-spacing:-0.02em; color:#242424;}
.location .local-way .box {width:33.333%; max-width:357px;}
.location .local-way .box .icon {margin-bottom:20px;}
.location .local-way .box dt {font-weight:700; line-height:1.2em; letter-spacing:-0.02em; color:#242424; margin-bottom:15px;}
.location .local-way .box dd {font-weight:400; letter-spacing:-0.02em; color:#454545;}

/* crew */
.crew .group {padding:60px; display:flex; margin-bottom:40px; border:1px solid #ddd; background:url("../images/sub/crew_bg.png") no-repeat 60px 85%;}
.crew .group:last-child {margin-bottom:0;}
.crew .group .name {font-family: 'Noto Serif KR', serif; font-size:48px; font-weight:400; line-height:1.2em; letter-spacing:-0.02em; color:#242424; max-width:370px; width:50%;}
.crew .group .name span {display:block; line-height:1.2em; letter-spacing:-0.02em; font-size:40px; font-weight:500;}
.crew .group .wrap {flex: 1 1 auto; min-width: 0; width: 1%; display:flex; flex-wrap:wrap; margin:-28px;} 
.crew .group .wrap .col {width:50%; padding:28px;}
.crew .group .wrap .col.wide {width:100%;}
.crew .group .wrap .col-tit {font-size:24px; font-weight:600; line-height:1.2em; letter-spacing:-0.02em; color:#242424; padding-top:22px; border-top:2px solid #333; margin-bottom:22px;}
.crew .group .wrap .col .cnt {font-size:18px; font-weight:400; line-height:1.75em; letter-spacing:-0.02em; color:#454545;}

/* business */
#sub .main-business {background:0; padding:0;}
.business {position:relative;}
.business .top-tit-wrap .txt {font-size:20px; font-weight:400; line-height:1.7em; letter-spacing:-0.02em; color:#454545; margin-bottom:80px;}
.business .group-tit {font-size:36px; font-weight:600; line-height:1.2em; letter-spacing:-0.02em; color:#242424; margin-bottom:45px;}
.business .imgBox {display:flex; justify-content:space-between;}
.business.biz1 .imgBox {margin-bottom:80px;}
.business.biz3 .imgBox {margin-bottom:80px;}

.listBox {display:flex; margin:0 -12px;}
.listBox .box {width:20%; padding:0 12px;}
.listBox .box ul {border-top:1px solid #c49f70;}
.listBox .box ul li {border-bottom:1px solid #ddd; display:flex; align-items:center; justify-content:center; text-align:center; height:90px; font-size:18px; font-weight:400; line-height:1.4em; letter-spacing:-0.02em; color:#242424; padding:5px;}

.biz1 {padding-bottom:120px;}
.biz1:before {content:""; position:absolute; width:200vw; height:50%; background:#fcfaf8; left:-100vw; bottom:0; z-index:-1;}
.biz2 {padding-bottom:120px;}
.biz2:before {content:""; position:absolute; width:200vw; height:230px; background:#fcfaf8; left:-100vw; bottom:0; z-index:-1;}

.biz7 {padding-bottom:120px;}
.biz7:before {content:""; position:absolute; width:200vw; height:230px; background:#fcfaf8; left:-100vw; bottom:0; z-index:-1;}

.biz2 .txt-wrap {display:flex; margin-bottom:80px;}
.biz2 .txt-wrap .tit {font-size:36px; font-weight:600; line-height:1.3em; letter-spacing:-0.02em; color:#454545; width:50%;}
.biz2 .txt-wrap .wrap {width:50%; padding-left:120px;}
.biz2 .txt-wrap .txt {font-size:20px; font-weight:400; line-height:1.7em; letter-spacing:-0.02em; color:#454545; margin-bottom:38px;}
.biz2 .txt-wrap .txt:last-child {margin-bottom:0;}
.biz2 .txt-wrap .txt span {font-weight:600;}

.biz3 .group {margin-bottom:80px;}
.biz3 .group:last-child {margin-bottom:0;}
.biz3 .col-tit {margin-bottom:0.94em; font-size:clamp(20px, calc( 36 / var(--inner) * 100vw ), 36px); font-weight:600; line-height:1.2; letter-spacing:-0.02em; color:#242424;}
.list-dot>li {position:relative; padding-left:1.33em; font-size:clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight:400; line-height:1.7; letter-spacing:-0.02em; color:#454545;}
.list-dot>li:before {content:''; position:absolute; left:0; top:0.33em; width:0.83em; height:0.83em; background:url('/images/sub/bullet01.gif') no-repeat 50% 50%/contain;}
.list-dot.ver2>li:before {background-image:url('/images/sub/bullet02.gif');}

.biz4 .group:first-child {padding-top:0;}
.biz4 .group {padding:80px 0;}
.biz4 .group:nth-child(even) {background:#f8f8f8;}
.biz4 .group:nth-child(even) .contain {flex-direction:row-reverse;}
.biz4 .group:nth-child(even) .img {text-align:right;}
.biz4 .group:nth-child(even) .cnt {padding-left:0;}
.biz4 .group .contain {display:flex; align-items:center;}
.biz4 .group .contain > div {width:50%;}
.biz4 .group .cnt {padding-left:40px;}
.biz4 .group .num {font-family: 'Noto Serif KR', serif; font-size:18px; font-weight:900; line-height:1em; letter-spacing:-0.02em; color:#c49f70; margin-bottom:20px;}
.biz4 .group .tit {font-size:30px; font-weight:600; line-height:1.2em; letter-spacing:-0.02em; color:#242424; margin-bottom:50px;}
.biz4 .group .txt {font-weight:400; line-height:1.7em; letter-spacing:-0.02em; color:#454545;}
.biz4 .group .txt span {font-weight:600;}

.biz7 .infoBox {margin-bottom:80px;}
.biz7 .infoBox .txt {font-size:20px; font-weight:400; line-height:1.7em; letter-spacing:-0.02em; color:#454545;}
.biz7 .infoBox .bg-gray {position:relative; margin:15px 0 50px 0; display:flex; justify-content:center; align-items:center; padding:50px 10px; background:#f8f8f8;}
.biz7 .infoBox .item {width:50%; text-align:center;}
.biz7 .infoBox .img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.biz7 .infoBox .num {font-family: 'Noto Serif KR', serif; font-size:18px; font-weight:900; line-height:1em; letter-spacing:-0.02em; color:#c49f70; margin-bottom:20px;}

/* 언론보도 */
.press .doc-tit {font-size:60px;}