@charset "utf-8";

.sub-tab {margin-bottom:60px; text-align:center; overflow:hidden;}
.sub-tab ul {display:flex; justify-content:center; margin:0 -20px;}
.sub-tab ul li {padding:0 20px;}
.sub-tab ul li a {min-width:165px; display:block; padding:9px 0; color:#686868; font-family:'NanumSquare',sans-serif; font-size:18px; font-weight:700; line-height:1.3em; letter-spacing:-.03em; white-space:nowrap; border-top:2px solid #686868;}
.sub-tab ul li.active a {color:#900020; border-top-color:#900020;}

.doc-tit {position:relative; padding:0 0 16px 28px; margin-bottom:18px; color:#242424; font-family:'NanumSquare',sans-serif; font-size:20px; font-weight:800; line-height:1.3em; letter-spacing:-.03em; border-bottom:1px solid #ddd;}
.doc-tit:before {content:""; position:absolute; top:4px; left:0; width:18px; height:18px; background:#900020 url("../images/sub/bullet.png") 55% 50% no-repeat; border-radius:100%;}
.doc-tit.mg {margin-bottom:40px;}
.doc-tit.none-line {margin-bottom:0; border-bottom:0;}

.doc-cnt {margin-bottom:70px;}
.doc-cnt:last-child {margin-bottom:0;}
.doc-cnt.indent {margin-left:30px; margin-bottom:60px; color:#454545;}
.doc-cnt.indent:last-child {margin-bottom:0;}

.p-bul {position:relative; padding-left:18px;}
.p-bul:before {content:""; position:absolute; top:10px; left:0; width:0; height:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:6px solid #900020;}

.p-indent {margin-left:18px;}

.dot-list > li {position:relative; padding-left:12px;}
.dot-list > li:before {content:""; position:absolute; top:12px; left:0; width:4px; height:4px; background:#900020; border-radius:100%;}

.bul-list > li {position:relative; padding-left:18px; margin-bottom:5px;}
.bul-list > li:last-child {margin-bottom:0;}
.bul-list > li:before {content:""; position:absolute; top:10px; left:0; width:0; height:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:6px solid #900020;}

.table-style table {width:100%; border-collapse:collapse; border-spacing:0px;}
.table-style table thead th {padding:10px 19px; color:#242424; font-weight:500; background:#fafafa; border:1px solid #ddd;}
.table-style table tbody th {padding:17px 19px; color:#242424; font-weight:500; border:1px solid #ddd;}
.table-style table tbody td {padding:17px 19px; color:#454545; border:1px solid #ddd;}
.table-style tr th:first-child,
.table-style tr td:first-child {border-left:0;}
.table-style tr th:last-child,
.table-style tr td:last-child {border-right:0;}
.table-style .col {display:inline-block; margin-right:30px;}

.greetings {position:relative; overflow:hidden;}
.greetings .contain {position:relative; display:flex; align-items:flex-start; z-index:2;}
.greetings .contain:before {content:"TAEWON"; position:absolute; bottom:133px; left:30px; color:#f0f0f0; font-family:'Montserrat',sans-serif; font-size:90px; font-weight:800; line-height:1em;}
.greetings .img {width:45%; max-width:515px; margin-right:70px; position:relative; z-index:2;}
.greetings .img:before {content:""; position:absolute; top:50px; right:50px; width:200vw; height:100%; background:#f9f2f4; z-index:-1;}
.greetings .cnt {flex:1 1 auto; min-width:0; width:1%; margin-top:82px; position:relative;}
.greetings .tit {position:relative; margin-bottom:22px; font-family:'NanumSquare',sans-serif; font-size:23px; font-weight:700; line-height:1.55em; letter-spacing:-.03em;}
.greetings .tit strong {font-size:1.304em; font-weight:800; line-height:1.35em;}
.greetings .tit:before {content:""; position:absolute; top:-11px; left:-31px; width:38px; height:38px; background:url("../images/sub/quotes.png") 0 0 no-repeat; z-index:-1;}
.greetings .bar {width:2px; height:50px; position:relative; margin-bottom:-25px; background:#686868; z-index:2;}
.greetings .txt {position:relative; padding:44px 0 100px 0;}
.greetings .txt:before {content:""; position:absolute; top:0; left:0; width:200vw; height:100%; background:#fafafa; margin-left:-100vw; z-index:-1;}
.greetings .txt p {color:#454545; margin-bottom:20px;}
.greetings .txt p:last-child {margin-bottom:0;}
.greetings .txt .lg-txt {font-size:18px; color:#242424; font-weight:500;}
.greetings .txt .sign {font-size:18px; color:#242424; font-weight:500; margin-top:26px;}
.greetings .txt .sign strong {font-size:1.278em; margin-left:12px;}

.vision {display:flex; align-items:center; margin:20px 0 80px; padding:50px; color:#fff; text-shadow:3px 3px 8px rgba(0,0,0,.3); text-align:center; height:560px; border-radius:10px; background:url("../images/sub/vision_bg.jpg") 50% 50% no-repeat;}
.vision .inner {width:100%;}
.vision h3 {font-family:'Montserrat', sans-serif; font-size:65px; font-weight:600; line-height:1.3em; letter-spacing:-.02em; margin-bottom:65px;}
.vision h3 strong {font-size:1.077em;}
.vision ul li {margin-bottom:10px; font-family:'NanumSquare',sans-serif; font-size:28px; font-weight:700; line-height:1.5em; letter-spacing:-.03em;}
.vision ul li:last-child {margin-bottom:0;}
.vision ul li strong {font-size:1.179em; font-weight:800; line-height:1.5em;}
.vision ul li:before {content:""; display:inline-block; margin-right:10px; width:20px; height:20px; background:url("../images/sub/icon_check.png") 50% 50% no-repeat;}

.core-value {max-width:1000px; margin:0 auto; text-align:center;}
.core-value .box {position:relative; padding-bottom:21%; margin-bottom:44px; background:url("../images/sub/value_bg.png") 50% 50% no-repeat; background-size:100% 100%;}
.core-value .box ul {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center;}
.core-value .box ul li {flex:1; font-size:25px; font-weight:700; line-height:1.3em;}
.core-value .txt {font-family:'NanumSquare',sans-serif; font-size:20px; font-weight:700; line-height:1.8em; letter-spacing:-.03em;}
.core-value .txt strong {font-size:1.150em; font-weight:800; line-height:1.5em;}

.color-system {max-width:1100px; margin:0 auto;}
.color-system .wrap {display:flex; margin:0 -9px;}
.color-system .box {flex:1; margin:0 9px; height:180px; display:flex; align-items:center; padding:0 47px; color:#fff; font-family:'Montserrat', sans-serif; font-size:20px; font-weight:600; line-height:1.550em; letter-spacing:0; clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 50px), calc(100% - 50px) 100%, 0% 100%);}
.color-system .box.type1 {background:#006db4;}
.color-system .box.type2 {background:#20acde;}
.color-system .box.type3 {background:#6bbd45;}

.logo-type {max-width:1100px; margin:0 auto;}
.logo-type .wrap {display:flex; margin:0 -13px;}
.logo-type .col {width:50%; padding:0 13px;}
.logo-type p {font-weight:700; line-height:1.5em; font-size:16px; margin-bottom:10px;}
.logo-type .box {text-align:center; padding:80px 20px; border:2px solid #ddd; background:url("../images/sub/grid.png");}

.history-top {position:relative; margin-bottom:70px;}
.history-top:before {content:""; position:absolute; top:-18px; left:255px; width:150px; height:150px; background:url("../images/sub/history_bg.png") 50% 50% no-repeat; z-index:-1;}
.history-top p {margin-top:18px; font-family:'NanumSquare',sans-serif; font-size:20px; font-weight:700; line-height:1.55em; letter-spacing:-.03em;}

.history .group {position:relative; padding-left:328px; margin-bottom:58px;}
.history .group:last-child {margin-bottom:0;}
.history .group h4 {position:absolute; top:-10px; left:0; font-family:'Montserrat', sans-serif; font-size:60px; line-height:1.2em;}
.history .group .cnt {border-left:2px solid #ddd; padding:35px 0 35px 77px;}
.history .group .year {margin-top:44px; margin-bottom:17px; padding-bottom:17px; font-family:'NanumSquare', sans-serif; font-size:28px; font-weight:800; line-height:1.2em; border-bottom:1px solid #eee;}
.history .group .year:first-child {margin-top:0;}
.history .group ul li {position:relative; padding-left:51px; margin-bottom:10px; color:#454545; line-height:1.65em;}
.history .group ul li:last-child {margin-bottom:0;}
.history .group ul li:before {content:""; position:absolute; top:11px; left:40px; width:4px; height:4px; background:#900020; border-radius:100%;}
.history .group ul li .month {position:absolute; top:0; left:0; font-size:1.125em; font-weight:700; color:#900020;}

.brand-intro {display:flex; align-items:center; margin:0 0 -10px; padding:50px; color:#fff; text-align:center; height:600px; border-radius:10px; background:url("../images/sub/brand_bg.jpg") 50% 50% no-repeat;}
.brand-intro .inner {width:100%;}
.brand-intro .txt1 {font-family:'Montserrat', sans-serif; font-size:23px; font-weight:600; line-height:1.4em; opacity:.6; margin-bottom:12px;}
.brand-intro .txt2 {font-family:'NanumSquare',sans-serif; font-size:28px; font-weight:700; line-height:1.786em; letter-spacing:-.03em; text-shadow:3px 3px 8px rgba(0,0,0,.3);}
.brand-intro .txt2 strong {font-size:1.179em; font-weight:800;}

.brand-section {padding:70px 0;}
.brand-section.bg {background:#fafafa}
.brand-section:last-child {padding-bottom:100px;}

.brand-title {padding-top:37px; margin-bottom:40px; text-align:center; background:url("../images/sub/bullet2.png") 50% 0 no-repeat;}
.brand-title h3 {font-family:'Montserrat', sans-serif; font-size:26px; font-weight:600; line-height:1.3em; margin-bottom:8px;}
.brand-title p {font-family:'NanumSquare',sans-serif; font-size:20px; font-weight:700; line-height:1.3em; letter-spacing:-.03em;}
.brand-title.type2 {padding-bottom:24px; border-bottom:1px solid #ddd;}
.brand-title.type2 h3 {margin-bottom:0;}

.brand-logo-type .wrap {display:flex; margin:0 -10px;}
.brand-logo-type .col {width:25%; padding:0 10px;}
.brand-logo-type p {font-weight:700; line-height:1.5em; font-size:16px; margin-bottom:14px;}

.brand-color-type {text-align:center; font-family:'Montserrat', sans-serif; font-size:18px; line-height:1.722em;}
.brand-color-type .wrap {display:flex; margin:0 -13px;}
.brand-color-type .col {width:25%; padding:0 13px;}
.brand-color-type .img {margin-bottom:14px;}
.brand-color-type strong {font-weight:600;}

.root_daum_roughmap {width:100% !important;}

.map-iframe {position:relative; height:450px;}
.map-iframe iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.location-info {margin-top:35px;}
.location-info .comp {font-weight:700; line-height:1.5em; margin-bottom:7px;}
.location-info .addr {color:#454545; font-family:'NanumSquare',sans-serif; font-size:23px; font-weight:700; line-height:1.3em; letter-spacing:-.03em; margin-bottom:3px;}
.location-info .addr2 { line-height:1.5em;}
.location-info .traffic {border-top:1px solid #ddd; margin-top:25px;}
.location-info .traffic dl {display:flex; align-items:center; padding:26px 0; border-bottom:1px solid #ddd;}
.location-info .traffic dt {width:180px; display:flex; align-items:center; padding-left:25px; font-size:18px; font-weight:500;}
.location-info .traffic dt img {margin-right:18px;}
.location-info .traffic dd {flex:1 1 auto; min-width:0; width:1%; color:#454545; font-weight:300;}

.process {border-radius:6px; background:#fcf7f8; text-align:center; padding:42px 20px 40px; margin-bottom:60px;}
.process ol {display:flex; justify-content:center;}
.process ol li {flex:1; max-width:209px;}
.process ol li .ico {position:relative; padding:0 15px; margin-bottom:10px;}
.process ol li .ico:after {content:""; position:absolute; top:50%; right:-11px; margin-top:-11px; width:22px; height:22px; background:url("../images/sub/step_arrow.png") 50% 50% no-repeat;}
.process ol li .txt {padding:0 10px; font-family:'NanumSquare',sans-serif; font-size:18px; font-weight:800; line-height:1.556em;}
.process ol li:last-child .ico:after {display:none;}

.cs-tit {font-family:'NanumSquare',sans-serif; font-size:30px; font-weight:800; line-height:1.3em;}

.cs-sec1 {display:flex; height:225px; margin-bottom:70px;}
.cs-sec1 .tit {width:250px; display:flex; align-items:center; justify-content:center; margin-right:10px; border:3px solid #e9ccd2; border-radius:10px;}
.cs-sec1 .cnt {flex:1 1 auto; min-width:0; width:1%; display:flex; align-items:center; padding:0 75px 0 60px; background:#900020; border-radius:10px; color:#fff;}
.cs-sec1 .cnt .left {flex:1 1 auto; min-width:0; width:1%; margin-right:75px; text-align:center;}
.cs-sec1 .cnt .right {width:127px;}
.cs-sec1 .cnt .tel {font-family:'Montserrat', sans-serif; font-size:36px; font-weight:700; line-height:1.3em;}
.cs-sec1 .cnt .line {border-bottom:1px solid #d096a3; margin:20px 0 23px;}
.cs-sec1 .cnt .hour {display:inline-flex; align-items:center; flex-wrap:wrap; font-family:'NanumSquare',sans-serif;}
.cs-sec1 .cnt .hour dt {font-size:18px; font-weight:700; line-height:1.3em; margin:5px 20px 0 0;}
.cs-sec1 .cnt .hour dt img {vertical-align:middle; margin:-.2em 7px 0 0;}
.cs-sec1 .cnt .hour dd {font-size:26px; font-weight:800; line-height:1.3em;}

.cs-sec2 {text-align:center; padding:57px 57px 75px; border:3px solid #e9ccd2; border-radius:10px; margin-bottom:70px;}
.cs-sec2 .cs-tit {border-bottom:1px solid #e9ccd2; padding-bottom:23px; margin-bottom:50px;}

.cs-sec3 .cs-tit {padding-bottom:23px; margin-bottom:40px; border-bottom:3px solid #e9ccd2;}
.cs-sec3 .wrap {display:flex; align-items:center; margin:0 60px; font-family:'NanumSquare',sans-serif;}
.cs-sec3 .wrap .cnt {flex:1 1 auto; min-width:0; width:1%; display:flex; align-items:center; margin-right:60px;}
.cs-sec3 .wrap .cnt .ico {width:127px; margin-right:60px;}
.cs-sec3 .wrap .cnt .txt {flex:1 1 auto; min-width:0; width:1%; font-size:18px; font-weight:700; line-height:1.722em;}
.cs-sec3 .wrap .cnt .txt strong {font-size:1.111em; font-weight:800;}
.cs-sec3 .wrap .btn {width:250px;}
.cs-sec3 .wrap .btn a {display:flex; align-items:center; justify-content:center; width:100%; height:60px; color:#fff; font-size:18px; font-weight:700; background:#9b1936; clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 18px), calc(100% - 15px) 100%, 0% 100%);}
.cs-sec3 .wrap .btn a img {margin:-2px 0 0 30px;}