@charset "utf-8";

/*공통*/
.doc-cnt {margin-bottom:130px;}
.doc-cnt:last-child {margin-bottom: 0;}

.sub-tab {margin-bottom: 80px; position: relative;}
.sub-tab:before {content:''; position: absolute; left:50%; bottom:0; width: 100vw; height: 1px; background:#ececec; transform:translateX(-50%);}
.sub-tab ul {display:flex; justify-content:center; gap:0 45px;}
.sub-tab ul li a {padding-bottom: 5px; border-bottom:4px solid transparent; display: block; font-size: 20px; font-weight: 600; letter-spacing:-0.01em;}
.sub-tab ul li.active a {font-weight: 700; color: #1c8b85; border-bottom-color:#1c8b85;}

.s-head {margin-bottom: 40px; position: relative; padding-left: 40px; font-size: 40px; font-weight: 700; letter-spacing:-0.01em; line-height: 1.2em; color: #000;}
.s-head:before {content:''; position: absolute; left:0; top:0; width:24px; height:24px; background: url('/images/sub/s-head.png') no-repeat 50% 50% /contain;}

/* greeting */
.greeting .wrap {display:flex; align-items:flex-end; margin-top:-157px;}
.greeting .wrap  .img {margin-bottom:80px;}
.greeting .wrap .txt-wrap {background:#fff; flex: 1 1 auto; min-width: 0; width: 1%; padding-top:50px; padding-left:70px;}
.greeting .wrap .txt-wrap .tit {font-size:34px; font-weight:700; line-height:1.4em; letter-spacing:-0.02em; color:#242424; margin-bottom:38px;}
.greeting .wrap .txt-wrap .txt {font-size:20px; font-weight:500; line-height:1.5em; letter-spacing:0; color:#242424; margin-bottom:25px;}
.greeting .wrap .txt-wrap .txt br {display:none;}
.greeting .wrap .txt-wrap .sign {font-size:20px; font-weight:700; line-height:1.2em; letter-spacing:-0.02em; color:#242424; margin-top:50px;;}
.greeting .wrap .txt-wrap .sign .empty {padding:0 15px;}

/* policy */
.policy {background:#fafafa; padding:100px 0;}
.policy .wrap {border:1px solid #ddd; border-radius:60px 0; background:#fff;}
.policy .wrap ul {display:flex;}
.policy .wrap ul li {flex:1; border-right:1px solid #ddd; text-align:center; padding:75px 0;}
.policy .wrap ul li:last-child {border-right:0;}
.policy .wrap ul li .icon {margin-bottom:30px;}
.policy .wrap ul li .tit {font-size:23px; font-weight:600; line-height:1.2em; letter-spacing:-0.02em; color:#e60013; margin-bottom:20px;}
.policy .wrap ul li .txt {font-size:18px; font-weight:400; line-height:1.2em; letter-spacing:-0.02em; color:#3a3a3a;}

/* history */
.history .part {border-top:1px solid #ddd;display:flex; padding:55px 0 50px 140px;}
.history .part:last-child {padding-bottom:0;}
.history .part .tit {min-width:450px;}
.history .part .tit .year {font-size:40px; font-weight:600; line-height:1.2em; letter-spacing:-0.02em; color:#242424; margin-bottom:15px; padding-bottom:18px; position:relative;}
.history .part .tit .year:before {content:""; position:absolute; width:40px; height:3px; background:#e60013; left:0; bottom:0;}
.history .part .tit p {font-size:22px; font-weight:700; line-height:1.2em; letter-spacing:-0.02em; color:#000;}
.history .part .cnt > ul {margin-bottom:30px;}
.history .part .cnt > ul:last-child {margin-bottom:0;}
.history .part .cnt > ul > li {display:flex; font-size:20px; font-weight:400; line-height:1.4em; letter-spacing:-0.02em; color:#454545; margin-bottom:5px;}
.history .part .cnt > ul > li:last-child {margin-bottom:0;}
.history .part .cnt > ul > li .date {font-weight:600; color:#242424; display:block; min-width:110px}

/* business */
.business {background:url("../images/sub/business_bg.jpg") no-repeat center bottom; background-size:cover; padding-bottom:150px;}
.business .tit {font-size:30px; font-weight:700; line-height:1.2em; letter-spacing:-0.02em; color:#000; padding-top:20px; position:relative; margin-bottom:28px;}
.business .tit:before {content:""; position:absolute; width:40px; height:3px; background:#e60013; left:0; top:0}
.business ul {display:flex; margin:0 -30px;}
.business ul li {width:33.333%; padding:0 30px; text-align:center;}
.business ul li:nth-child(odd) {margin-top:60px;}
.business ul li .cnt {padding:33px 10px 43px 10px; background:#fff;}
.business ul li .tt {font-size:34px; font-weight:700; line-height:1.2em; letter-spacing:-0.02em; color:#242424; margin-bottom:15px;}
.business ul li .tx {font-size:18px; font-weight:500; line-height: 1.2em; letter-spacing:0; color:#242424;}

/* location */
.local {margin-bottom:40px;}
.local .root_daum_roughmap {width:100% !important; height:500px !important;}
.local .root_daum_roughmap .wrap_map {height:500px !important;}
.local .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.local .roughmap_lebel_text:after {content:"TKG우당"; font-size:12px; line-height:15px;}

.local-info {display:flex; padding:0 35px 0 50px;}
.local-info img {vertical-align:middle; display:inline-block; margin-right:10px;}
.local-info .item.addre {flex: 1 1 auto; min-width: 0; width: 1%; font-size:22px; margin-left:0;}
.local-info .item {font-size:18px; font-weight:400; line-height:1.2em; letter-spacing:-0.02em; color:#242424; margin-left:70px;}

/* as */
.as {display:flex;}
.as .bg {position:relative; width:100%; max-width:880px; overflow:hidden;}
.as .bg img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; 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;}

.as .info {position:relative; padding:44px; margin-right:80px; flex: 1 1 auto; min-width: 0; width: 1%; border:10px solid #ddd;}
.as .info:before {content:""; position:absolute; width:10px; height:calc(100% - 88px); right:-10px; top:44px; background:#fff;}
.as .info .img {margin-bottom:40px;}
.as .info .tit {font-family:'S-CoreDream'; font-size:60px; font-weight:600; line-height:1em; letter-spacing:-0.06em; color:#242424; margin-bottom:30px;}
.as .info .tit span {font-size:30px; line-height:1em;}
.as .info .txt {font-family:'S-CoreDream'; font-size:23px; font-weight:500; line-height:1.5em; letter-spacing:-0.06em; color:#555; margin-bottom:55px;}
.as .info .txt strong {font-weight:600; color:#242424;}
.as .info .tel a {font-size:50px; font-weight:600; line-height:1em; letter-spacing:-0.06em; color:#e60013; font-style:italic;}

/* catalog */
.catalog {display:flex; justify-content:center;}
.catalog .box {padding:0 20px;}
.catalog .box .img {margin-bottom:22px;}
.catalog .box .tit {display:flex; align-items:center; padding-top:20px; border-top:1px solid #ddd;}
.catalog .box .tit h3 {font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.02em; color:#000; flex: 1 1 auto; min-width: 0; width: 1%;}
.catalog .box .tit a {display:inline-block; padding:11px 50px 11px 20px; border:1px solid #e60013; border-radius:5px; color:#e60013; font-size:16px; font-weight:500; line-height:1em; letter-spacing:-0.03em; position:relative;}
.catalog .box .tit a:before {content:""; position:absolute; width:14px; height:14px; right:20px; top:50%; margin-top:-7px; background:url("../images/sub/down.png") no-repeat 50% 50%; background-size:contain;}
.catalog .box .tit a:hover {background:#e60013; color:#fff;}
.catalog .box .tit a:hover:before {background-image:url("../images/sub/down2.png")}

/* rel-site */
.rel-site ul {display:flex; flex-wrap:wrap; margin:-10px;}
.rel-site ul li {width:20%; padding:10px;}

.philosophy .banner {margin-bottom: 40px; color: #fff; display: flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; height: 443px; background: url('/images/sub/philosophy-bg.jpg') no-repeat 50% 50% / cover;}
.philosophy .banner .ko {margin-bottom: 20px; font-size: 60px; font-weight: 600; letter-spacing:-.01em; line-height: 1.3em;}
.philosophy .banner .en {font-size: 28px; font-weight: 300; letter-spacing:-.06em; line-height: 1.2em;}
.philosophy .text-1 {font-size: 28px; font-weight: 700; letter-spacing:-.04em; line-height: 1.4em;}
.philosophy .text-1 span {color: #1c8b85;}
.philosophy .text-2 {margin-top: 8px; font-size: 18px; font-weight: 400; letter-spacing:-.04em;}

.vision {border-top:1px solid #222;}
.vision .item {display: flex; align-items:center; gap:0 90px; padding: 55px 45px; border-bottom:1px solid #a6a6a6;}
.vision .item .cnt .tit {margin-bottom: 25px; font-weight: 700; font-size: 24px; letter-spacing:0; line-height: 1.4em;}
.vision .item .cnt .txt ul li {margin-bottom: 10px; font-size: 18px; letter-spacing:0; color: #444; line-height: 1.4em;}
.vision .item .cnt .txt ul li:last-child {margin-bottom: 0;}
.vision .item .cnt .txt ul li strong {color: #000;}

.concept-group:not(:last-child) {margin-bottom: 130px;}
.concept-group .image {height: 294px; display:flex; flex-direction:column; justify-content:center; align-items:center; color: #fff;}
.concept-group .image h3 {font-size: 36px; font-weight: 700; letter-spacing:0;}
.concept-group .image p {margin-top: 15px; font-size: 18px; font-weight: 400; letter-spacing:0.075em;}
.concept-group .content {padding: 25px 0; border-bottom:1px solid #a6a6a6;}
.concept-group .content:last-child {padding-bottom: 0; border-bottom:0;}
.concept-group .content h4 {font-size: 22px; letter-spacing:0; line-height: 1.4em;}
.concept-group .content p {margin-top: 10px; font-size: 18px; letter-spacing:0; line-height: 1.4em; color: #444;}

.ci-title {padding: 190px 0 45px;}
.ci-title h1 {font-size: 72px; font-weight: 600; letter-spacing:-.01em; line-height: 1.3em;}

.brand .text {margin:40px 0; font-size: 28px; font-weight: 600; letter-spacing:0; line-height: 1.3em;}
.brand .text span {color: #1c8b85;}
.brand .items {display:flex; justify-content:space-between; text-align:center;}
.brand .items .item {padding:0 15px;}
.brand .items .tit {margin:22px 0; color: #1c8b85; font-size: 24px; font-weight: 700; letter-spacing:0;}
.brand .items .txt {font-size: 18px; font-weight: 400; letter-spacing:0; color: #444;}
.brand .items .txt strong {color: #000;}

.logo-type .items {display:flex; margin:-23px;}
.logo-type .items .item {width: 50%; padding: 23px;}
.logo-type .items .tit {margin-bottom: 20px; font-size: 24px; font-weight: 400; letter-spacing:-.04em; color: #646464; line-height: 1.3em;}
.logo-type .download-btns {margin-top: 110px; display:flex; justify-content:center; gap:0 25px;}
.logo-type .download-btns a {gap:0 10px; font-size: 18px; font-weight: 500; height: 60px; padding: 0 30px; background: #1c8b85; color: #fff; display:flex; align-items:center; justify-content:center;}
.logo-type .download-btns a:after {content:''; width:18px; height: 14px; background: url('/images/sub/download-icon.png') no-repeat 50% 50% /contain;}

.global-group {margin-bottom: 60px;}
.global-group:last-child {margin-bottom:0;}

.table01 table {width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid #000; color: #000; font-size:18px; font-weight: 400; line-height: 1.4em; }
.table01 tbody th {border-bottom:1px solid #e5e5e5; font-weight: 500; padding: 20px 35px; text-align:left; background: #f8f8f8;}
.table01 tbody td {border-bottom:1px solid #e5e5e5; padding: 20px 35px;}

.homepage-visit {padding: 10px 20px 10px 30px; border-top:2px solid #000; background: #f8f8f8; display:flex; align-items:center; flex-wrap:wrap; gap:10px 0; justify-content:space-between;}
.homepage-visit p {font-size: 18px; color: #000;}
.homepage-visit p img {vertical-align:middle; margin:-.2em 10px 0 0;}
.homepage-visit a {font-size:18px; font-weight: 500; color: #fff; display:flex; align-items:center; gap:0 15px; padding: 0 20px; height: 50px; background: #1c9b97;}