@charset "utf-8";

.sub-tab {margin-bottom:60px;}
.sub-tab ul {display:flex; justify-content:center;}
.sub-tab ul li a {border:1px solid var(--color-primary); display:flex; align-items:center; justify-content:center; text-align:center; height:60px; min-width:157px; padding:0 13px; color:var(--color-primary); font-weight:500; font-size:var(--font-size-17);}
.sub-tab ul li.active a {background:var(--color-primary); color:#fff;}

.gray-bg {position:relative;}
.gray-bg:before {content:''; position:absolute;left:50%; top:0; width:100vw; transform:translateX(-50%); height:100%; z-index:-1;background:#f9f9f9;}

.doc-cnt {padding:100px 0 120px !important;}

.doc-tit {margin-bottom:12px;text-align:center; font-family:var(--font-wavve); font-size:var(--font-size-38); font-weight:400; letter-spacing:-.02em; line-height:1.4em; color:#222;}

.doc-txt {display:inline-block;position:relative; font-size:var(--font-size-26); font-weight:500; letter-spacing:-.02em; line-height:1.4em; color:var(--color-primary);}
.doc-txt:before {content:''; position:absolute; left:0; bottom:6px; width:100%; height:10px; background:#efe8ea; z-index:-1;}

.greetings {display:flex; align-items:center;}
.greetings .img {width:570px; margin-right:170px;}
.greetings .cnt {flex:1 1 auto; min-width:0; width:1%;}
.greetings .top-text {margin-bottom:57px;padding:73px 0;position:relative;}
.greetings .top-text:before {content:''; position:absolute;left:-999em; top:0; right:-999em; height:100%; background:#efe8ea; z-index:-1;}
.greetings .top-text h2 {color:var(--color-primary);font-size:var(--font-size-46); font-weight:400; letter-spacing:-.02em; line-height:1.3em;}
.greetings .list ul li {display:flex;margin-bottom:11px;font-size:var(--font-size-20); font-weight:400; letter-spacing:-.02em; line-height:1.4em; color:#505050;}
.greetings .list ul li:last-child {margin-bottom:0;}
.greetings .list strong {display:inline-block;font-weight:900;min-width:37px;color:var(--color-primary);}

.root_daum_roughmap {width:100% !important;}
.directions {display:flex;margin-top:40px;}
.directions .address-info {margin-right:110px;}
.directions .address-info .comp {margin-bottom:45px;}
.directions .address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:10px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {flex:1 1 auto; min-width:0; width:1%; border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:28px 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:180px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:#d6bf9b;}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

.table01 {max-width:980px; margin:0 auto;}
.table01 table {width:100%; border-collapse:collapse; border-spacing:0; text-align:center;letter-spacing:-.02em; line-height:1.4em; color:#222;}
.table01 thead th {border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:16px 20px;font-weight:700; background:#f9f9f9;}
.table01 tbody td {border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:15px 20px;}
.table01 thead th:last-child,
.table01 tbody td:last-child {border-right:0;}
.table01 .bg {background:#efe8ea;}
.table01 .pos {position:relative;}
.table01 .pos:after {content:''; position:absolute; left:0; top:0; width:201%; height:642px; border:3px solid var(--color-primary);}
.table01 .pos.ty2:after {height:536px;}
.table01 .pos.ty3:after {height:803px;}
.table01 .table-tt {margin-top:10px;margin-left:22%;font-size:var(--font-size-26); font-weight:700; letter-spacing:-.02em; line-height:1.4em; color:var(--color-primary);}
.table01 .table-tt em {font-style:normal; color:#bc0c0c;}

.dot-list li {margin-bottom:8px;position:relative;padding-left:14px;letter-spacing:-.02em; line-height:1.4em;}
.dot-list li:before {content:'·'; position:absolute;left:0; top:-2px; font-size:var(--font-size-22); font-weight:900; color:var(--color-primary);}
.dot-list:last-child {margin-bottom:0;}

.biz-bnr {padding:0 30px;margin-bottom:55px;background-size:cover; background-repeat:no-repeat; background-position:50% 50%;position:relative; height:400px; text-align:center; display:flex; align-items:center; justify-content:center;}
.biz-bnr .tit {font-family:var(--font-wavve);font-size:var(--font-size-58); font-weight:400; letter-spacing:-.02em; line-height:1.33em; color:#fff;}
.biz-bnr.bg1 {background-image:url('../images/sub/biz-bg1.jpg');}
.biz-bnr.bg2 {background-image:url('../images/sub/biz-bg2.jpg');}
.biz-bnr.bg3 {background-image:url('../images/sub/biz-bg3.jpg');}
.biz-bnr.bg4 {background-image:url('../images/sub/biz-bg4.jpg');}
.biz-bnr.bg5 {background-image:url('../images/sub/biz-bg5.jpg');}
.biz-bnr.bg6 {background-image:url('../images/sub/biz-bg6.jpg');}
.biz-bnr.bg7 {background-image:url('../images/sub/biz-bg7.jpg');}

.biz-top {position:relative; padding-bottom:70px;}
.biz-top:before {content:''; position:absolute;left:0; bottom:0; z-index:-1;width:100vw; left:50%; transform:translateX(-50%); height:300px; background:#efe8ea;}
.biz-top .txt {text-align:center; font-size:var(--font-size-26); font-weight:400; letter-spacing:-.02em; line-height:1.38em; color:var(--color-primary);}

.biz-flex {margin-bottom:60px;display:flex; align-items:center;}
.biz-flex:last-child {margin-bottom:0;}
.biz-flex .cnt {width:50%; padding:0 85px;}
.biz-flex .cnt .doc-tit {margin-bottom:22px;text-align:left;}
.biz-flex .cnt .tt {margin-bottom:8px;font-size:var(--font-size-18); font-weight:500; line-height:1.4em; letter-spacing:-.02em; color:#888;}
.biz-flex .cnt .txt {margin-bottom:15px;font-size:var(--font-size-22); font-weight:600; letter-spacing:-.02em; line-height:1.4em; color:var(--color-primary);}
.biz-flex .img {width:50%;}
.biz-flex .img img {width:100%;}
.biz-flex .dot-list li {line-height:1.7em; margin-bottom:2px;}
.biz-flex:nth-child(even) {flex-direction:row-reverse;}