@charset "utf-8";

sub {position:relative; top:-.3em; font-size:.6em; line-height:1.2em;}

.sub-tab {text-align:center; margin-bottom:50px;}
.sub-tab ul {display:flex; flex-wrap:wrap;}
.sub-tab ul li {flex:1; border:1px solid #dfdfdf; border-left:0;}
.sub-tab ul li:first-child {border-left:1px solid #dfdfdf;}
.sub-tab ul li a {display:flex; align-items:center; justify-content:center; height:100%; padding:12px 15px; color:#797979; font-size:18px; font-weight:400; line-height:1.3em; letter-spacing:-.05em;}
.sub-tab ul li.active {background:#006f45; border-color:#006f45;}
.sub-tab ul li.active a {color:#fff;}

.sub-tab2 {text-align:center; margin-bottom:50px;}
.sub-tab2 ul {display:flex; flex-wrap:wrap;}
.sub-tab2 ul li {flex:1; border:1px solid #dfdfdf; border-left:0; border-bottom:2px solid #006f45;}
.sub-tab2 ul li:first-child {border-left:1px solid #dfdfdf;}
.sub-tab2 ul li a {display:flex; align-items:center; justify-content:center; height:100%; padding:12px 15px; color:#797979; font-size:18px; font-weight:400; line-height:1.3em; letter-spacing:-.05em;}
.sub-tab2 ul li.active {background:#fff; border:2px solid #006f45; border-bottom-color:#fff;}
.sub-tab2 ul li.active a {color:#006f45;}

.doc-tit {position:relative; padding-left:35px; margin-bottom:17px; font-size:24px; line-height:1.3em; letter-spacing:-.04em;}
.doc-tit:before {content:""; position:absolute; top:3px; left:0; width:26px; height:26px; background:url("../images/sub/bullet.png") 50% 50% no-repeat;}

.doc-cnt {margin-bottom:50px;}
.doc-cnt:last-child {margin-bottom:0;}

.lg-txt {font-size:18px; line-height:1.778em; letter-spacing:-.04em;}

.hypen-list > li {padding-left:.6em; text-indent:-.6em;}

.greetings {color:#505050; font-size:20px; font-weight:300; line-height:1.75em; letter-spacing:-.05em;}
.greetings .img {box-shadow:5px 5px 30px rgba(0,0,0,.15); margin-bottom:46px;}
.greetings p {margin-bottom:20px; max-width:1150px;}
.greetings .comp {font-size:24px; color:#468745;}
.greetings .sign {margin:45px 0 0 0;}
.greetings .sign img {margin:-.5em 0 0 10px; vertical-align:middle;}

.history-top {position:relative; margin-bottom:53px; box-shadow:5px 5px 30px rgba(0,0,0,.15);}
.history-top .txt {position:absolute; top:50%; left:50px; color:#fff; transform:translateY(-50%);}
.history-top .t1 {font-size:20px; line-height:1.3em; margin-bottom:4px;}
.history-top .t2 {font-size:44px; line-height:1.3em;}

.history .group {position:relative; padding-bottom:60px;}
.history .group:before {content:""; position:absolute; top:0; left:50%; bottom:0; width:1px; background:#dfdfdf;}
.history .group .inner {position:relative;}
.history .group .bullet {position:absolute; top:-2px; width:45px; height:45px; background:#fff; border:1px solid #468745; border-radius:100%;}
.history .group .bullet:after {content:""; position:absolute; top:50%; left:50%; margin:-8px 0 0 -8px; width:15px; height:15px; background:#468745; border-radius:100%;}
.history .group h3 {color:#468745; font-size:36px; line-height:1.1em; letter-spacing:-.03em; margin-bottom:20px;}
.history .group ul li {position:relative; color:#505050; font-size:18px; font-weight:300; line-height:1.778em; letter-spacing:-.04em;}
.history .group ul li .month {position:absolute; top:0; color:#2c2c2c; font-weight:700;}
.history .group:last-child {padding-bottom:0;}
.history .group:last-child::before {display:none;}
.history .group:nth-child(even) .inner {margin-left:50%; padding-left:42px;}
.history .group:nth-child(even) .bullet {left:-23px;}
.history .group:nth-child(even) ul li {padding-left:30px;}
.history .group:nth-child(even) ul li .month {left:0;}
.history .group:nth-child(odd) {text-align:right;}
.history .group:nth-child(odd) .inner {margin-right:50%; padding-right:42px;}
.history .group:nth-child(odd) .bullet {right:-23px;}
.history .group:nth-child(odd) ul li {padding-right:30px;}
.history .group:nth-child(odd) ul li .month {right:0;}

.profile-wrap {position:relative; margin-bottom:50px; padding-bottom:44px;}
.profile-wrap:before {content:""; position:absolute; top:134px; left:0; right:0; bottom:0; background:#fafafa;}
.profile-wrap:after {content:"HWANKYUNG"; position:absolute; bottom:-8px; left:0; color:#f5f5f5; font-size:120px; font-weight:700; line-height:1em; letter-spacing:-.05em;}
.profile-wrap .contain {display:flex; position:relative; z-index:2;}
.profile-wrap .img {width:260px; margin-right:40px;}
.profile-wrap .img img {box-shadow:5px 5px 30px rgba(0,0,0,.18);}
.profile-wrap .cnt {flex:1 1 auto; min-width:0; width:1%;}
.profile-wrap .title {padding:35px 0 70px;}
.profile-wrap .title p {color:#797979; font-size:18px; line-height:1.5em; letter-spacing:-.04em; margin-bottom:8px;}
.profile-wrap .title h3 {font-size:28px; line-height:1.3em; letter-spacing:-.04em;}
.profile-wrap .title h3 span {color:#797979; font-size:20px; line-height:1.3em; margin-left:5px;}
.profile-wrap .group h4 {position:relative; padding-left:30px; color:#000; font-size:20px; font-weight:500; line-height:1.3em; letter-spacing:-.05em;}
.profile-wrap .group h4:before {content:""; position:absolute; top:3px; left:0; width:20px; height:20px; background:url("../images/sub/bullet2.png") 50% 50% no-repeat;}
.profile-wrap .group ul {display:flex; flex-wrap:wrap; margin-left:-30px;}
.profile-wrap .group ul li {position:relative; padding-left:10px; margin:11px 0 0 30px; color:#797979; line-height:1.5em; letter-spacing:-.04em;}
.profile-wrap .group ul li:before {content:""; position:absolute; top:10px; left:0; width:4px; height:4px; background:#74ab43;}
.profile-wrap .group ul li .year {color:#127952;}
.profile-wrap .line {margin:27px 0 35px; border-bottom:1px solid #dfdfdf;}

.profile-table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #000;}
.profile-table table th {padding:10px 20px; border:1px solid #dfdfdf; background:#fafafa; font-size:18px; font-weight:500; color:#2c2c2c;}
.profile-table table td {padding:10px 20px; border:1px solid #dfdfdf; color:#505050; text-align:center;}
.profile-table table td.left {text-align:left;}
.profile-table tr th:first-child,
.profile-table tr td:first-child {border-left:0;}
.profile-table tr th:last-child,
.profile-table tr td:last-child {border-right:0;}

.org-top {margin-bottom:50px; box-shadow:5px 5px 30px rgba(0,0,0,.15);}

.root_daum_roughmap {width:100% !important;}

.location-info {margin-top:20px; display:flex; align-items:center; font-size:18px; line-height:1.6em; letter-spacing:-.03em;}
.location-info .ico {width:56px; margin-right:10px;}
.location-info dl {flex:1 1 auto; min-width:0; width:1%; display:flex;}
.location-info dt {font-weight:500; margin-right:5px;}
.location-info dd {color:#797979;}

.biz-top {display:flex; min-height:400px; margin-bottom:50px;}
.biz-top:after{content:''; min-height:inherit; font-size:0;}
.biz-top .img {width:50%; position:relative; overflow:hidden;}
.biz-top .img img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.biz-top .cnt {width:50%; position:relative; display:flex; align-items:center; background:#fafafa; border:1px solid #dfdfdf; padding:55px 55px 55px 60px; overflow:hidden;}
.biz-top .cnt:before {content:"HWANKYUNG"; position:absolute; bottom:-8px; right:0; color:#f4f4f4; font-size:60px; font-weight:700; line-height:1em; letter-spacing:-.05em;}
.biz-top .cnt .inner {width:100%; position:relative;}
.biz-top .cnt h3 {font-size:28px; line-height:1.35em; letter-spacing:-.05em; margin-bottom:15px;}
.biz-top .cnt p {color:#505050; font-size:18px; line-height:1.778em; letter-spacing:-.05em;}

.evaluation-stage {position:relative; text-align:center; color:#505050; letter-spacing:-.05em;}
.evaluation-stage:before {content:""; position:absolute; top:125px; left:50px; right:50px; border-bottom:1px solid #dfdfdf;}
.evaluation-stage ol {position:relative; display:flex; justify-content:space-between; margin:0 -15px;}
.evaluation-stage ol li {padding:0 15px;}
.evaluation-stage .ico {position:relative; margin-bottom:19px;}
.evaluation-stage .ico:after {content:""; position:absolute; bottom:-11px; left:50%; margin-left:-7px; display:block; border-left:7px solid transparent; border-right:7px solid transparent; border-top:12px solid #86bf3f;}
.evaluation-stage .dot {width:14px; height:14px; background:#fff; border:4px solid #519144; border-radius:100%; margin:0 auto 14px;}

.biz-box {text-align:center; border:1px solid #dfdfdf;}
.biz-box.between {display:flex; justify-content:space-between; align-items:center; padding:49px 5%;}
.biz-box.between div {padding:0 25px;}
.biz-box.center {padding:49px;}

.biz-box2 {position:relative; display:flex; align-items:center; padding:39px 5%; border:1px solid #dfdfdf;}
.biz-box2 .img {width:44%; max-width:440px; text-align:right;}
.biz-box2 .bar {width:100px; height:1px; background:#2c2c2c; margin:0 25px 60px 20px;}
.biz-box2 .cnt {flex:1 1 auto; min-width:0; width:1%; max-width:460px; font-size:18px; margin-bottom:60px;}
.biz-box2 .cnt .lg-txt {color:#2c2c2c;}
.biz-box2 .info {position:absolute; right:8%; bottom:8%; text-align:right;}

.biz-box3 {text-align:center; padding:14px; display:flex; justify-content:space-between; align-items:center; border:1px solid #dfdfdf;}
.biz-box3 div {padding:0 6px;}

.biz-box4 {position:relative; display:flex; align-items:center; padding:39px 80px; border:1px solid #dfdfdf;}
.biz-box4 .bar {width:150px; height:1px; background:#2c2c2c; margin:0 10px 0 -20px;}
.biz-box4 .cnt {flex:1 1 auto; min-width:0; width:1%;}

.biz-imgs {display:flex; margin:0 -7px; text-align:center;}
.biz-imgs .col {width:33.33333333%; padding:0 7px;}
.biz-imgs .img {position:relative; border:1px solid #dfdfdf;}
.biz-imgs .img img {width:100%;}
.biz-imgs .txt {position:absolute; bottom:0; left:0; width:100%; padding:13px; color:#fff; line-height:1.4em; background:rgba(0,0,0,.8);}

.biz-imgs2 {margin:-10px; display:flex; flex-wrap:wrap;}
.biz-imgs2 > div {width:50%; padding:10px;}

.biz-imgs3 {padding:30px; text-align:center; border:1px solid #dfdfdf; color:#505050; line-height:1.5em;}
.biz-imgs3 ul {display:flex; flex-wrap:wrap; justify-content:center; max-width:800px; margin:0 auto;}
.biz-imgs3 ul li {padding:10px 6px;}
.biz-imgs3 ul li img {display:block; margin:0 auto 6px;}
.biz-imgs3.type2 {padding:43px;}
.biz-imgs3.type2 ul li {padding:6px;}
.biz-imgs3.type2 ul li img {margin:0;}

.biz-imgs4 {display:flex; justify-content: space-evenly; padding:46px 20px; text-align:center; border:1px solid #dfdfdf; color:#505050; line-height:1.5em;}
.biz-imgs4 .col {padding:0 20px;}
.biz-imgs4 .col img {display:block; margin:0 auto 6px;}
.biz-imgs4.type2 .col img {margin-bottom:30px;}

.biz-table table {width:100%; border-collapse:collapse; border-spacing:0px;}
.biz-table table th {padding:10px; border:1px solid #dfdfdf; background:#519044; font-size:18px; font-weight:400; color:#fff;}
.biz-table table td {padding:10px; border:1px solid #dfdfdf; color:#505050; text-align:center;}
.biz-table table td.bg {background:#fafafa;}
.biz-table table td.left {padding-left:30px; text-align:left;}
.biz-table table td.left2 {padding-left:14px; text-align:left;}
.biz-table table thead td {background:#519044; color:#fff;}
.biz-table tr th:first-child,
.biz-table tr td:first-child {border-left:0;}
.biz-table tr th:last-child,
.biz-table tr td:last-child {border-right:0;}
.biz-table .num {padding:1px 0;}
.biz-table .num > li {padding-left:1em; text-indent:-1em;}
.biz-table .num > li > ol > li {padding-left:1.2em; text-indent:-1.2em;}

.biz-table-between {display:flex;}
.biz-table-between .img {width:50%;}
.biz-table-between .table {width:50%; padding-left:20px;}

.before-after {display:flex; align-items:center; text-align:center; font-size:18px; line-height:1.5em; letter-spacing:-.04em;}
.before-after .col img {display:block; margin:0 auto 15px;}
.before-after .arrow {width:78px; padding:0 10px; margin-bottom:37px;}

.biz-consult .group {display:flex; color:#505050;}
.biz-consult .group .cnt {width:35%; max-width:320px; display:flex; align-items:center; margin-right:10px; padding:20px 25px; border:4px solid #7bb640;}
.biz-consult .group .cnt .inner {width:100%;}
.biz-consult .group .cnt .tt {max-width:200px; font-size:18px; line-height:1.3em; letter-spacing:-.05em; margin-bottom:6px;}
.biz-consult .arrow {text-align:center; padding:8px 0;}

.biz-measure {display:flex; align-items:center; border:1px solid #dfdfdf; padding:20px 29px;}
.biz-measure .cnt {color:#505050; margin-left:6%;}

.biz-measure2 {border:1px solid #dfdfdf; padding:50px; color:#505050;}
.biz-measure2 .wrap {display:flex; align-items:flex-end; margin-top:50px;}
.biz-measure2 .wrap .cnt {color:#2c2c2c; margin-left:6%; font-weight:300;}
.biz-measure2 .wrap .cnt strong {font-weight:500;}

.btn-bottom-qna {display:inline-block; min-width:220px; padding:18px 25px; background:#579643; color:#fff; text-align:center; font-size:18px; line-height:1.3em;}

.pf {font-size:20px; color:#2c2c2c; letter-spacing:-.05em; text-align:center;}
.pf img {margin:0 10px; vertical-align:middle;}