@charset "utf-8";

.c-w {color:#fff !important;}
.c1 {color:var(--color-primary) !important;}
.c2 {color:var(--color-secondary) !important;}
.c242424 {color:#242424 !important;}

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

.sub-padding {padding:150px 0;}

.pt0 {padding-top:0 !important;}
.pb0 {padding-bottom:0 !important;}

.doc-tit {margin-bottom:40px;font-size:var(--font-size-60); font-weight:700; letter-spacing:-.03em; line-height:1.2em; color:#242424;}
.doc-tit2 {margin-bottom:25px;font-size:var(--font-size-40); font-weight:600; letter-spacing:-.03em; line-height:1.2em; color:#242424;}

.doc-txt {font-size:var(--font-size-20); font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:#686868;}
.doc-txt2 {margin-bottom:18px;font-size:var(--font-size-30); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#242424;}
.doc-txt3 {font-size:var(--font-size-18); font-weight:400; letter-spacing:-.03em; line-height:1.33em; color:#242424;}

.sub-head {margin-bottom:55px;text-align:center;}
.sub-head .doc-tit {margin-bottom:22px;}

.sub-bnr {position:relative;margin-bottom:53px;}
.sub-bnr figure {height:500px; overflow:hidden;position:relative;}
.sub-bnr figure 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;}

.sub-bnr figcaption {font-size:var(--font-size-60); font-weight:700; letter-spacing:-.03em; line-height:1.08em; position:absolute; left:40px; bottom:35px; color:#fff;}

.sub-top-desc dt {margin-bottom:22px;font-size:var(--font-size-32); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#242424;}
.sub-top-desc dd {font-size:var(--font-size-20); font-weight:400; letter-spacing:-.03em; line-height:1.6em; color:#454545;}

.gradient-txt {color:transparent; background:linear-gradient(to right, var(--color-primary), var(--color-secondary));-webkit-background-clip:text;}

.introduce-wrap {max-width:1980px; margin:0 auto;}
.introduce-group {margin-bottom:100px;display:flex; align-items:center;}
.introduce-group:last-child {margin-bottom:0;}
.introduce-group .img {width:800px;}
.introduce-group .cnt {flex:1 1 auto; min-width:0; width:1%;}
.introduce-group dl dt {margin-bottom:22px;font-size:var(--font-size-29); font-weight:600; letter-spacing:-.03em; line-height:1.55em; color:#242424;}
.introduce-group dl dd {margin-bottom:30px;font-size:var(--font-size-20); font-weight:400; letter-spacing:-.03em; line-height:1.5em;}
.introduce-group dl dd:last-child {margin-bottom:0;}
.introduce-group:nth-child(even) {flex-direction:row-reverse;}
.introduce-group:nth-child(even) .cnt {display:flex; flex-direction:column; align-items:flex-end;}
.introduce-group:nth-child(odd) .img {margin-right:70px;}
.introduce-group:nth-child(even) .img {margin-left:115px;}

.history-wrap {display:flex;}
.history-wrap .head {flex:1 1 auto; min-width:0; width:1%;}
.history-wrap .head .doc-tit {margin-bottom:20px;}
.history-wrap .head .doc-txt {margin-bottom:60px;}
.history-img img {border-radius:20px;}
.history {margin-left:70px;width:440px;position:relative;}
.history:before {content:''; position:absolute; left:100px; top:6px; height:97%; width:1px; border-right:1px dashed #adcfe5;}
.history .group {display:flex; padding-bottom:42px;}
.history .group:last-child {padding-bottom:0;}
.history .year {position:relative;width:100px;font-size:var(--font-size-26); font-weight:600; letter-spacing:-.03em; line-height:1.2em; color:#242424;}
.history .year:after {content:''; margin-right:-9px;position:absolute; top:6px;right:0; width:16px; height:16px; border-radius:100%; background:#fff; border:4px solid var(--color-primary);}
.history ul {padding-left:48px;}
.history ul li {margin-bottom:5px;font-size:var(--font-size-20); font-weight:400; line-height:1.4em;}
.history ul li:last-child {margin-bottom:0;}

.certi .list ul {display:flex; margin:-10px;} 
.certi .list ul li {padding:10px;text-align:center; width:20%;}
.certi .list .tit {margin-top:24px;font-size:var(--font-size-20); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}

.root_daum_roughmap {width:100% !important;}
.directions {margin-top:40px;}
.directions .address-info {margin-bottom:30px;}
.directions .address-info .comp {color:var(--color-primary); font-weight:600; margin-bottom:2px;}
.directions .address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.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 {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:#006935;}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

.marquee {overflow:hidden;}
.marquee ul {display: flex; gap:30px;}
.marquee ul li {flex-shrink:0;}
.marquee figure {position:relative;border-radius:20px; overflow:hidden;}
.marquee figure img {border-radius:20px; width:100%;}
.marquee figcaption {padding:11px 28px;position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.8);}
.marquee figcaption .tit {font-size:20px; font-weight:600; line-height:1.2em; color:#fff;}

.color-tab {margin-bottom: 100px;}
.color-tab ul {display: flex; margin: -15px;}
.color-tab ul li {width: 16.666%; padding: 15px;}
.color-tab ul li a {border-radius:16px; overflow:hidden; position: relative;background-size:cover; background-repeat:no-repeat; background-position:center center;display: flex; align-items:center; justify-content:center; min-height: 300px; text-align:center; padding: 10px; color: #fff;}
.color-tab ul li a:after {transition:.3s; opacity: 0;content:''; position: absolute; left: 0;top: 0; width: 100%; height: 100%;}
.color-tab .bg1 {background-image: url('../images/sub/color-tab1.jpg');}
.color-tab .bg2 {background-image: url('../images/sub/color-tab2.jpg');}
.color-tab .bg3 {background-image: url('../images/sub/color-tab3.jpg');}
.color-tab .bg4 {background-image: url('../images/sub/color-tab4.jpg');}
.color-tab .bg5 {background-image: url('../images/sub/color-tab5.jpg');}
.color-tab .bg6 {background-image: url('../images/sub/color-tab6.jpg');}
.color-tab .inner {position: relative; z-index: 1;}
.color-tab .tit {font-size: var(--font-size-22); font-weight: 700; letter-spacing: -.03em; line-height: 1.4em;}
.color-tab .hover {height: 0; opacity: 0; transition:.3s;}
.color-tab .hover .bar {width: 1px; height: 40px; background: #fff; opacity: .4; margin:12px auto;}
.color-tab .hover .txt {line-height: 1.6em;}
.color-tab .bg1:after {background:#ff0000;}
.color-tab .bg2:after {background:#ffc000;}
.color-tab .bg3:after {background:#009900;}
.color-tab .bg4:after {background:#2e75b6;}
.color-tab .bg5:after {background:#843c0c;}
.color-tab .bg6:after {background:#000;}
.color-tab ul li a:hover:after ,
.color-tab ul li.active a:after {opacity: .6;}
.color-tab ul li a:hover .hover,
.color-tab ul li.active a .hover{height: auto; opacity: 1;}

.color-group {display:flex; align-items:center; padding:8px 0; border-bottom:1px solid #ddd;}
.color-group:first-child {border-top:1px solid #ddd;}
.color-group .img {width:335px; margin-right:60px;}
.color-group .cnt {flex:1 1 auto; min-width:0; width:1%;}
.color-group .cnt .tit {margin-bottom:28px;font-size:var(--font-size-26); font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#242424;}
.color-group .cnt dl {margin-bottom:20px;padding-left:26px; position:relative;}
.color-group .cnt dl:last-child {margin-bottom:0;}
.color-group .cnt dl:before {content:''; position:absolute; left:0; top:5px; width:15px; height:15px; border-radius:100%; border:3px solid #ff0000;}
.color-group .cnt dl dt {margin-bottom:10px;font-size:var(--font-size-18); font-weight:600; line-height:1.4em; color:#242424;}
.color-group .cnt dl dd {font-size: var(--font-size-15);line-height:1.5em;}

.color-group.st2 dl:before {border-color:#ffcd04;}
.color-group.st3 dl:before {border-color:#009900;}
.color-group.st4 dl:before {border-color:#2e75b6;}
.color-group.st5 dl:before {border-color:#843c0c;}
.color-group.st6 dl:before {border-color:#000;}

.concentrate {display:flex; justify-content:space-between;}
.concentrate .img {width:calc(50% - 15px);}
.concentrate img {border-radius:20px;}