@charset "utf-8";
/* 당근고양이 'ㅅ' */

/* for styles */
@import url("default.css");

/* layout */
html, body {width:100%; overflow-x:hidden; word-break:keep-all; -webkit-text-size-adjust:100%;}
input[type="text"],
input[type="password"],
select,
textarea {border:#ddd 1px solid; max-width:100%;}
input[type="text"],
input[type="password"],
select {height:30px; padding:0 10px;}
select {-webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff url('/pub/images/arrow_select.svg') no-repeat right 10px center / 10px;}
textarea {padding:10px;}
button,a {transition:.2s linear; -webkit-tap-highlight-color:transparent;}
a.smoth_link {scroll-behavior:smooth;}
a:focus {ourline:1;}
.imgfit img {width:100%; height:100%; object-fit:cover;}

.inner {width:100%; max-width:1440px; margin:0 auto; padding:0 20px;}
span.br {display:block;}
.mo_vw {display:none !important;}

.btn {display:block; width:200px; height:50px; line-height:50px; font-size:18px; color:#fff; background:#000; border-radius:25px; text-align:center;}
.btn.ib {display:inline-block; vertical-align:top;}
.btn.mt {margin-top:10px;}
.btn.mt2 {margin-top:20px;}
.btns .btn {margin:0 10px;}

::-webkit-scrollbar {width:10px; height:10px;}
::-webkit-scrollbar-thumb {background-color:#ccc; border-radius:10px; background-clip:padding-box; border:2px solid #fff;}
::-webkit-scrollbar-track {background-color:#f5f5f5; border-radius:10px; box-shadow:inset 0px 0px 5px white;}

/* overflow:hidden; ios 스크롤 막기 설정 */
html.over_h,body.over_h,
html.fancybox-lock, html.fancybox-lock body {touch-action:none; overflow-scrolling:none; -webkit-overflow-scrolling:none; overscroll-behavior:none;}

/* 높이값 설정 */
.height_vh {height:100vh; max-height:calc(var(--vh, 1vh) * 100);}

/* 색상 */
.green {color:#009C47 !important;}

/* 익스 브라우저 사용시 */
.ie_wrap {display:none; font-family:'Noto Sans Korean', sans-serif;}
.ie_wrap .outbox {position:fixed; top:0; left:0; width:100%; height:100%; background:#f286af; display:table; table-layout:fixed; z-index:1000;}
.ie_wrap .inbox {display:table-cell; vertical-align:middle;}
.ie_wrap p {font-size:19px; color:#fff; font-weight:500; line-height:30px; text-align:center; margin-bottom:20px; text-shadow:rgba(0,0,0,.2) 0 0 10px;}
.ie_wrap .link {text-align:center; font-size:0;}
.ie_wrap .link a {display:inline-block; vertical-align:top; font-size:60px; color:#fff; margin:0 40px; text-shadow:rgba(0,0,0,.1) 0 0 10px;}
body.ie {overflow:hidden;}
body.ie .ie_wrap {display:block;}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	body {overflow:hidden;}
	body .ie_wrap {display:block;}
}

.blind_link a {position:fixed; top:0; left:0; width:100%;font-size:0; text-align:center; z-index:1001;}
.blind_link a:active,
.blind_link a:focus {font-size:20px; color:#fff; background:#000; padding:20px;}

/* 게시판 목록 */
.board_list {border-top:#000 2px solid;}
.board_list col.w1 {width:120px;}
.board_list col.w2 {width:200px;}
.board_list col.w3 {width:180px;}
.board_list th,
.board_list td {text-align:center; border-bottom:#707070 1px solid; height:100px;}
.board_list th {font-size:20px; color:#333;}
.board_list td {color:#000;}
.board_list td.tal a {display:block; width:100%; line-height:100px;}
.board_list td.tal a span {position:relative; padding-right:32px; display:inline-block; vertical-align:top; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list td.tal a span .new {position:absolute; top:calc(50% - 12px); right:0; width:24px; height:24px; line-height:24px; text-align:center; font-size:12px; color:#fff; font-weight:700; background:#8BC63F; border-radius:50%;}
.board_list td.date {color:#999;}
.icodown {display:block; width:26px; height:26px; background:#999 url('/pub/images/icon_down.svg') no-repeat 50% 50%; border-radius:4px; margin:0 auto;}
.icodown.on {background-color:#00A651;}

.search_wrap {background:#f8f8f8; padding:56px; text-align:center; margin:120px 0 80px; display:flex; gap:10px; justify-content:center;}
.search_wrap .text,
.search_wrap .btn {display:inline-block; vertical-align:top; height:48px;}
.search_wrap select.text {width:240px;}
.search_wrap .inputbox {position:relative; width:600px; padding-right:60px; background:#fff; border:#ddd 1px solid;}
.search_wrap input.text {width:100%; height:46px; background:none; border:0;}
.search_wrap input.text::placeholder {color:#ccc;}
.search_wrap .btn {position:absolute; top:0; right:0; width:60px; height:100%; border:0; background:url('/pub/images/icon_search.svg') no-repeat 50% 50%; font-size:0;}
.board_bottom .btns {overflow:hidden; margin-top:20px;}
.board_bottom .btns .btn {display:inline-block; width:80px; height:30px; line-height:30px; background:#0e5ba2; color:#fff; font-weight:bold; text-align:center; border:0; vertical-align:top;}

.board_bottom .paging {display:flex; justify-content:center; margin-top:40px;}
.board_bottom .paging a {display:block; width:32px; height:32px; line-height:32px; text-align:center; font-size:17px; color:#999; font-weight:300; border-radius:50%;}
.board_bottom .paging a.on {background-color:#009C47; color:#fff;}
.board_bottom .paging .nums {display: flex;}
.board_bottom .paging .arrow {background:no-repeat 50% 50%; background-color:#fff !important;}
.board_bottom .paging .one {background-image:url('/pub/images/page_one.svg');}
.board_bottom .paging .two {background-image:url('/pub/images/page_two.svg');}
.board_bottom .paging .prev {margin-right:20px;}
.board_bottom .paging .next {margin-left:20px;}
.board_bottom .paging .next,
.board_bottom .paging .last {transform:rotate(180deg);}
.btn_list {display:flex; justify-content:center; align-items:center; font-size:17px; color:#fff; font-weight:700; line-height:60px; height:60px; width:185px; background:linear-gradient(-115deg, #008A43, #2AD47D); border-radius:30px; margin:40px auto 0;}
.btn_list:before {content:""; display:block; width:18px; height:inherit; background:url('/pub/images/icon_list.svg') no-repeat 50% 50% / contain; margin-right:10px;}

/* 게시판 상세 */
.board_view {border-top:#000 2px solid; margin-top:120px;}
.board_view th,
.board_view td {text-align:left; padding:10px; border-bottom:#ddd 1px solid;}
.board_view thead th {position:relative; font-size:32px; font-weight:600; line-height:38px; padding:40px 160px 40px 40px;}
.board_view thead th .date {position:absolute; top:40px; right:40px; font-size:18px; color:#999; font-weight:300;}
.board_view thead .file {padding:40px;}
.board_view thead .file a {display:inline-block; vertical-align:top; font-size:17px;}
.board_view thead .file a .icodown {display:inline-block; vertical-align:top; margin:0; background-color:#00A651; margin-left:10px;}
.board_view tbody td {padding:80px 40px;}
.board_view .prevnext {padding:0;}
.board_view .press_link {color:#999;}
.board_view .press_link a {color:inherit;}

.prevnext dl {display:flex; border-top:#ddd 1px solid;}
.prevnext dl:first-child {border-top:0;}
.prevnext dt,
.prevnext dd {padding:20px 0; color:#999;}
.prevnext dt {width:200px; text-align:center; font-weight:500; background:#F8F8F8;}
.prevnext dd {width:calc(100% - 200px); padding-left:50px;}
.prevnext dd a {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* 갤러리 목록 */
.gall_list {overflow:hidden; margin-top:-10px;}
.gall_list li {float:left; width:calc((100% - 30px)/4); margin:10px 0 0 10px;}
.gall_list li:nth-child(4n-3) {margin-left:0; clear:both;}
.gall_list li a {display:block;}
.gall_list li .img {width:100%; height:200px; overflow:hidden;}
.gall_list li p {display:block; height:30px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* header */
.header {position:fixed; top:0; left:0; width:100%; z-index:100; background:#fff; transition:.2s linear;}
.header .inner {position:relative; height:100px;}
.header .logo {position:absolute; top:0; left:20px; font-size:0; width:115px; height:100px; background:url('/pub/images/logo.svg') no-repeat 50% 50% / contain; transition:none;}
.header .logo h1 {font-size:0; opacity:0; width:0; height:0;}
.header .btn_menu {position:absolute; top:33px; right:20px; width:34px; height:34px; border-radius:50%; background:#7FD1A6; transition:.2s linear; z-index:20;}
.header .btn_menu p {position:absolute; top:50%; left:50%; width:14px; height:2px; background:#fff; border-radius:2px; margin-left:-7px; transition:.2s linear;}
.header .btn_menu .t {margin-top:-6px;}
.header .btn_menu .m {margin-top:-1px;}
.header .btn_menu .b {margin-top:4px;}
.header.on .btn_menu .t {margin-top:-1px; transform:rotate(135deg);}
.header.on .btn_menu .m {width:0;}
.header.on .btn_menu .b {margin-top:-1px; transform:rotate(-135deg);}
.header .gnb ul {display:flex; justify-content:center;}
.header .gnb li {position:relative;}
.header .gnb li > a {display:block; font-size:18px; color:#000; font-weight:500; line-height:100px; padding:0 50px;}
.header .gnb li:hover > a,
.header .gnb li.on > a {color:#000;}
.header .gnb .snb {position:absolute; top:100px; left:50%; width:100%; height:0; overflow:hidden; background:#50B779; transform:translate(-50%,0); border-radius:0 30px 30px 30px; transition:.2s linear;}
.header .gnb .g2 .snb {width:240px;}
.header .gnb .g5 .snb {width:200px;}
.header .gnb .snb a {position:relative; display:block; font-size:16px; color:#fff; font-weight:600; line-height:20px; text-align:center; padding:10px 30px;}
.header .gnb .snb a span {position:relative; display:inline-block; vertical-align:top;}
.header .gnb .snb a span:after {content:""; position:absolute; top:calc(50% + 10px); right:0; width:0; height:2px; background:#fff; transition:.2s linear; display:none;}
.header .gnb .snb a:hover,
.header .gnb .snb a.on {color:#fff;}
.header .gnb .snb a:hover span:after,
.header .gnb .snb a.on span:after {left:0; width:100%;}
.header .gnb li > a:focus + .snb,
.header .gnb li:hover .snb {padding:20px 0;}
.header .gnb li.g1 > a:focus + .snb,
.header .gnb li.g1:hover .snb {height:240px;}
.header .gnb li.g2 > a:focus + .snb,
.header .gnb li.g2:hover .snb {height:200px;}
.header .gnb li.g3 > a:focus + .snb,
.header .gnb li.g3:hover .snb {height:320px;}
.header .gnb li.g4 > a:focus + .snb,
.header .gnb li.g4:hover .snb {height:120px;}
.header .gnb li.g5 > a:focus + .snb,
.header .gnb li.g5:hover .snb {height:220px;}
.header .langs {position:absolute; top:33px; right:74px; z-index:20;}
.header .langs dt {position:relative; font-size:18px; color:#000; font-weight:500; line-height:32px; height:34px; padding:0 16px; display:flex; gap:7px; border:#F7F7F7 1px solid; background:#F7F7F7; cursor:pointer; border-radius:17px; transition:.2s linear;}
.header .langs dt:after {content:""; display:block; width:7px; height:32px; background:#000; mask:url('/pub/images/arrow_down.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/arrow_down.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
.header .langs dd {position:absolute; top:34px; left:0; width:100%; background:#F7F7F7; border-radius:0 0 17px 17px; display:none;}
.header .langs dd a {display:block; font-size:16px; color:#666; line-height:40px; padding:0 16px;}
.header.main {background:none;}
.header.main .logo {background:#fff; mask:url('/pub/images/logo.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/logo.svg') no-repeat 50% 50% / contain;}
.header.main .btn_menu {background:none; border:#fff 1px solid;}
.header.main .langs dt {color:#fff; border-color:#fff; background:none;}
.header.main .langs dt:after {background:#fff;}
.header.main .langs dt button {color:inherit;}
.header.main .gnb li > a {color:#fff;}
.header.fixed {background:#fff; box-shadow:rgba(0,0,0,.1) 0 0 10px;}
.header.on .logo,
.header.fixed .logo {background:url('/pub/images/logo.svg') no-repeat 50% 50% / contain; mask:none; -webkit-mask:none;}
.header.on .btn_menu,
.header.fixed .btn_menu {background:#7FD1A6; border:none;}
.header.on .langs dt,
.header.fixed .langs dt {color:#000; border-color:#F7F7F7; background:#F7F7F7;}
.header.on .langs dt:after,
.header.fixed .langs dt:after {background:#000;}
.header.fixed .gnb li > a {color:#000;}
.header .langs.on dt {color:#000; background:#F7F7F7; border-color:#F7F7F7; border-radius:17px 17px 0 0;}
.header .langs.on dt:after {transform:rotate(180deg); background:#000;}
.header .sitemap {position:fixed; top:0; right:-100%; width:100%; height:100%; background:linear-gradient(-30deg, #78BC28 0, #009095 50%, #0070BD 100%); z-index:10; opacity:0; transition:.4s linear;}
.header.on .sitemap {right:0; opacity:1;}
.header .sitemap:before {content:""; position:absolute; top:calc(50% - 268px); left:0; width:100%; height:0; background:#fff; mask:url(/pub/images/logo.svg) no-repeat 50% 50% / auto 52px; -webkit-mask:url(/pub/images/logo.svg) no-repeat 50% 50% / auto 52px; opacity:0; transition:.4s linear; transition-delay:.5s;}
.header.on .sitemap:before {top:calc(50% - 320px); height:52px; opacity:1;}
.header .sitemap ul {position:absolute; top:calc(50% + 50px); left:50%; width:1400px; max-width:100%; transform:translate(-50%,-50%); display:flex;}
.header .sitemap li {position:relative; flex:1 1 auto; padding:0 60px;}
.header .sitemap li:before {content:""; position:absolute; top:0; left:0; width:1px; height:0; background:#ddd; opacity:.3; transition:.4s linear; transition-delay:.8s;}
.header.on .sitemap li:before {height:100%;}
.header .sitemap li:first-child {padding-left:0;}
.header .sitemap li:first-child:before {display:none;}
.header .sitemap li:last-child {padding-right:0;}
.header .sitemap li > a {display:block; font-size:36px; color:#fff; font-weight:600; line-height:80px; height:40px; overflow:hidden; opacity:0; transition:.4s linear; transition-delay:.7s;}
.header.on .sitemap li > a {line-height:40px; opacity:1;}
.header .sitemap .snb {padding-top:65px; display:flex; flex-direction:column; gap:40px; opacity:0; transition:.4s linear; transition-delay:.8s;}
.header.on .sitemap .snb {opacity:1;}
.header .sitemap .snb a {position:relative; display:block; font-size:20px; color:rgba(255,255,255,.8); line-height:26px;}
.header .sitemap .snb a.on {color:#fff;}

/* footer */
.footer {background:#222; padding-bottom:100px;}
.footer .inner {position:relative;}
.footer .links {display:flex; gap:32px; border-bottom:rgba(255,255,255,.3) 1px solid; margin-bottom:32px;}
.footer .links a {display:block; font-size:17px; color:#fff; line-height:84px;}
.footer .links a strong {color:#8BC63F; font-weight:500;}
.footer .address {position:relative; padding-left:150px; font-size:0;}
.footer .address:before {content:""; position:absolute; top:0; left:0;  width:90px; height:46px; background:#fff; mask:url('/pub/images/logo.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/logo.svg') no-repeat 50% 50% / contain;}
.footer .address span {position:relative; display:inline-block; vertical-align:top; font-size:16px; color:rgba(255,255,255,.7); font-weight:300; line-height:20px; margin:0 33px 12px 0;}
.footer .address span:after {content:""; position:absolute; top:50%; right:-16px; width:1px; height:14px; margin-top:-7px; background:rgba(255,255,255,.3);}
.footer .address .copy {display:block; font-size:15px; color:rgba(255,255,255,.5); padding-top:20px; width:100%; margin-bottom:0;}
.footer .address .non:after,
.footer .address .copy:after {display:none;}
.footer .right {position:absolute; top:0; right:0; display:flex; gap:20px;}
.footer .btn,
.footer .family dt {position:relative; width:180px; height:40px; line-height:40px; border-radius:5px; font-size:16px; padding:0 20px; text-align:left;}
.footer .btn {color:#222; background:#fff;}
.footer .family {position:relative;}
.footer .family dt {color:#fff; cursor:pointer; border:rgba(255,255,255,.5) 1px solid; border-radius:5px; transition:.2s linear;}
.footer .family dt button {color:inherit;}
.footer .family dd {position:absolute; bottom:40px; left:0; width:100%; background:#222; border:rgba(255,255,255,.5) 1px solid; border-bottom:0; border-radius:5px 5px 0 0; display:none;}
.footer .btn:after,
.footer .family dt:after {content:""; position:absolute; top:0; right:20px; width:7px; height:100%; mask:url('/pub/images/arrow_link.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/arrow_link.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
.footer .btn:after {background:#222;}
.footer .family dt:after {background:rgba(255,255,255,.7); transform:rotate(90deg);}
.footer .family dd a {display:block; font-size:15px; color:#fff; line-height:40px; padding:0 20px;}
.footer .family.on dt {border-radius:0 0 5px 5px;}
.footer .family.on dt:after {transform:rotate(270deg);}
.gotop {position:fixed; bottom:50px; right:50px; width:70px; height:70px; background:url('/pub/images/arrow_top.svg') #76CA9E no-repeat 50% 50%; border-radius:50%; font-size:0; z-index:10;}

/* main */
.mvisual_wrap {position:relative; height:980px; max-height:100vh; overflow:hidden;}
.mvisual {background:linear-gradient(to right, #71AEE8, #77E9CE);}
.mvisual .slick-slide {overflow:hidden; font-size:0;}
.mvisual .mv {position:relative; height:980px; max-height:100vh;}
.mvisual .mv > img {position:relative; left:50%; min-width:1920px; transform:translate(-50%,0);}
.mvisual .youtube iframe {position:absolute; top:50%; left:50%; width:130%; height:125%; transform:translate(-50%,-50%);}
.mvisual .mv_ani {background:linear-gradient(to right, #71AEE8, #77E9CE);}
.mvisual .mv .inner {position:relative; display:flex; align-items:center; height:100%;}
.mvisual .mv .txt {position:relative; z-index:1;}
.mvisual .mv .txt > * {position:relative; top:-40px; opacity:0;}
.mvisual .mv .txt span {display:block; font-size:22px; color:rgba(255,255,255,.7); font-weight:700; line-height:26px;}
.mvisual .mv .txt .tt {font-size:64px; color:#fff; font-weight:500; line-height:96px; margin:24px 0 60px;}
.mvisual .mv .txt .tt strong {font-weight:800; display:block;}
.mvisual .mv .txt p {font-size:28px; color:#fff; font-weight:300; line-height:33px;}
.mvisual .mv .img {position:absolute; top:0; right:0; width:30%; height:100%; display:flex; align-items:center;}
.mvisual .mv .img img {position:absolute; top:50%;}
.mvisual .mv .img .i1 {min-width:750px; right:-200px; margin-top:-330px; z-index:2;}
.mvisual .mv .img .i2 {right:480px; margin-top:-210px; z-index:6;}
.mvisual .mv .img .i3 {right:180px; margin-top:-330px;}
.mvisual .mv .img .i4 {right:150px; margin-top:-350px; opacity:.7;}
.mvisual .mv .img .i5 {right:110px; margin-top:70px;}
.mvisual .slick-current .mv .txt > * {animation:mv_txt 1s linear forwards;}
@keyframes mv_txt {
	0% {top:-40px; opacity:0;}
	100% {top:0; opacity:1;}
}
.mvisual .slick-current .mv .txt span {animation-delay:.6s;}
.mvisual .slick-current .mv .txt .tt {animation-delay:.8s;}
.mvisual .slick-current .mv .txt p {animation-delay:1s;}
.mvisual .slick-current .mv .img .ani {animation:mv_img 3s infinite;}
.mvisual .slick-current .mv .img .i3 {animation-delay:.2s;}
.mvisual .slick-current .mv .img .i4 {animation-delay:.4s;}
.mvisual .slick-current .mv .img .i5 {animation-delay:.6s;}
@keyframes mv_img {
	0% {transform:scale(1);}
	30% {transform:scale(1);}
	50% {transform:scale(.95);}
	70% {transform:scale(1);}
	100% {transform:scale(1);}
}

.mvisual_wrap .navi_area {position:absolute; bottom:100px; left:calc(50% - 720px);}
.mvisual_wrap .navi_area .inner {position:relative; display:flex; align-items:center;}
.mvisual_wrap .navi_area .slick-dots {position:relative; width:220px; height:20px; margin-right:20px;}
.mvisual_wrap .navi_area li {position:absolute; top:0; left:0; justify-content:space-between; font-size:16px; color:#fff; font-weight:600; line-height:20px; width:100%; display:none;}
.mvisual_wrap .navi_area li.slick-active {display:flex;}
.mvisual_wrap .pro_wrap {position:absolute; top:50%; left:50px; width:160px; height:4px; margin-top:-2px; background:rgba(255,255,255,.1); border-radius:2px;}
.mvisual_wrap .pro-bar {position:absolute; bottom:0; left:0; width:0; height:4px; background:#fff; border-radius:2px;}
.mvisual_wrap .pro-ani {animation:proBar 4s linear; width:100%;}
@keyframes proBar{
	0%{width:0;}
	100%{width:100%;}
}
.mvisual_wrap .mv_arrow {width:7px; height:12px; background:#fff; mask:url('/pub/images/arrow_link.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/arrow_link.svg') no-repeat 50% 50% / contain; cursor:pointer;}
.mvisual_wrap .mv_prev {transform:rotate(180deg);}
.mvisual_wrap .plpa {width:7px; height:20px; background:#fff; mask:no-repeat 50% 50% / contain; -webkit-mask:no-repeat 50% 50% / contain; margin:0 15px; display:none;}
.mvisual_wrap .plpa.on {display:block;}
.mvisual_wrap .pause {mask-image:url('/pub/images/icon_pause.svg'); -webkit-mask-image:url('/pub/images/icon_pause.svg');}
.mvisual_wrap .play {mask-image:url('/pub/images/icon_play.svg'); -webkit-mask-image:url('/pub/images/icon_play.svg');}
.mvisual_wrap .scroll {position:absolute; bottom:0; left:50%; width:80px; margin-left:-40px; padding-bottom:90px;}
.mvisual_wrap .scroll p {font-size:15px; color:#fff; line-height:20px;}
.mvisual_wrap .scroll i {position:absolute; bottom:0; left:50%; width:3px; height:80px; background:rgba(255,255,255,.3); border-radius:2px 2px 0 0;}
.mvisual_wrap .scroll i:after {content:""; position:absolute; top:0; left:-6px; width:15px; height:30px; animation:mv_scroll 3s infinite; background:url('/pub/images/arrow_scroll.svg') no-repeat 50% 50% / contain;}
@keyframes mv_scroll {
	0% {top:0;}
	50% {top:50px;}
	100% {top:0;}
}

.mcon {position:relative; padding:160px 0;}
.mcon .title {position:relative; font-size:44px; color:#000; font-weight:700; line-height:50px; margin-bottom:40px;}

.mc01 .inner {display:flex; flex-direction:column; flex-wrap:wrap; gap:80px 120px; height:1300px;}
.mc01 .tit,
.mc01 .con {width:calc(50% - 60px);}
.mc01 .tit {padding-bottom:110px;}
.mc01 .tit p {font-size:20px; color:#222; line-height:30px;}
.mc01 .con .box {display:block; border:#ddd 1px solid; border-radius:40px; padding:60px 40px 0; height:610px; background:linear-gradient(#f8f8f8ff, #f8f8f800);}
.mc01 .con .box span {display:block;}
.mc01 .con .box .img {text-align:center; font-size:0; height:283px;}
.mc01 .con .box .txt {padding-top:44px;}
.mc01 .con .box .tt {font-size:32px; color:#00A651; font-weight:700; line-height:38px;}
.mc01 .con .box b {display:block; font-size:20px; color:#8BC63F; line-height:24px; margin:10px 0 20px;}
.mc01 .con .box p {font-size:18px; color:#666; line-height:28px;}
.mc01 .more {display:flex; justify-content:center; font-size:18px; color:#fff; font-weight:700; line-height:60px; height:60px; width:200px; border-radius:30px; background:linear-gradient(-30deg, #2AD47D, #008A43); box-shadow:rgba(0,0,0,.06) 0 3px 26px; margin-top:100px;}
.mc01 .more:after {content:""; display:block; width:17px; height:inherit; background:url('/pub/images/icon_plus.svg') no-repeat 50% 50% / contain; margin-left:10px;}

.mc02 {background:#F8F8F8;}
.mc02 .area {display:flex; gap:80px;}
.mc02 .info {display:flex; justify-content:space-between; width:calc(100% - 400px); border-radius:40px; padding:80px 100px 60px; background:url('/pub/images/bg_mc02_01.jpg') no-repeat 50% 50% / cover;}
.mc02 .info .tit {font-size:32px; color:#fff; font-weight:700; line-height:70px; margin-bottom:50px;}
.mc02 .info p {font-size:16px; color:#fff; line-height:40px;}
.mc02 .info .right {display:flex; flex-direction:column; align-items:flex-end;}
.mc02 .info .num {font-size:20px; color:#fff; line-height:70px; margin-bottom:50px; display:flex;}
.mc02 .info .num strong {font-size:60px; font-weight:700; margin-right:40px;}
.mc02 .info .num .icon_ud {width:20px; height:inherit; mask:url('/pub/images/icon_ud.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_ud.svg') no-repeat 50% 50% / contain; margin-right:10px;}
.mc02 .info .num .ico_up {background:#E20C0C;}
.mc02 .info .num .ico_down {background:#0C0CE2; transform:rotate(180deg);}
.mc02 .info .more {position:relative; display:block; font-size:18px; color:#fff; font-weight:500; line-height:38px; height:40px; width:130px; border:#fff 1px solid; border-radius:20px; text-align:left; padding:0 20px;}
.mc02 .info .more:after {content:""; position:absolute; top:0; right:20px; width:20px; height:100%;  background:url('/pub/images/arrow_more.svg') no-repeat 50% 50% / contain;}
.mc02 .link {position:relative; width:320px; padding:40px; border-radius:40px; background:linear-gradient(45deg, #008A43, #64DE9F); font-size:28px; color:#fff; font-weight:700; line-height:34px;}
.mc02 .link:before {content:""; position:absolute; bottom:40px; right:40px; width:110px; height:120px; background:url('/pub/images/bg_mc02_02.png') no-repeat 50% 50% / contain;}
.mc02 .link:after {content:""; display:block; width:40px; height:20px; margin-top:30px; background:url('/pub/images/arrow_more.svg') no-repeat 50% 50% / contain;}
.mc02 .mboards {display:flex; gap:80px; margin-top:105px;}
.mc02 .mboards .title .more {position:absolute; top:0; right:0; width:50px; height:50px; background:#fff url('/pub/images/arrow_more2.svg') no-repeat 50% 50%; border-radius:50%; box-shadow:rgba(0,0,0,.08) 0 3px 16px; padding:0; border:0;}
/* .mc02 .mboards > * {width:calc(50% - 40px);} */
.mc02 .mboards .news {width: 100%;}
.mc02 .mboards .news ul {display:flex; flex-wrap:wrap; gap:30px;}
.mc02 .mboards .news li {width:calc((100% - 90px)/4);}
.mc02 .mboards .news li a {display:block; border:#ddd 1px solid; border-radius:20px; padding:32px; background:#fff;}
.mc02 .mboards .news .tt {display:block; font-size:20px; color:#222; font-weight:600; line-height:32px; height:64px; overflow:hidden; margin-bottom:20px; transition:.2s linear;}
.mc02 .mboards .news p {font-size:16px; color:#999; font-weight:300; line-height:20px;}
.mc02 .mboards .notice ul {border:#ddd 1px solid; border-radius:20px; padding:16px 32px; background:#fff;}
.mc02 .mboards .notice li {border-bottom:#ddd 1px solid;}
.mc02 .mboards .notice li:last-child {border-bottom:0;}
.mc02 .mboards .notice li a {position:relative; display:block; font-size:18px; color:#222; line-height:55px; padding-right:80px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mc02 .mboards .notice p {position:absolute; top:0; right:0; font-size:16px; color:#999; font-weight:300;}

.mc03 {padding-bottom:180px;}
.mc03 .info {display:flex;}
.mc03 .info > * {width:50%;}
.mc03 .txt {padding-bottom:150px;}
.mc03 .txt .en {display:block; font-size:17px; color:#8BC63F; font-weight:700; line-height:20px; margin-bottom:80px;}
.mc03 .txt .title {padding-bottom:42px;}
.mc03 .txt .title:after {content:""; position:absolute; bottom:0; left:0; width:48px; height:2px; background:#ddd;}
.mc03 .txt p {font-size:18px; color:#333; line-height:28px;}
.mc03 .txt .more {display:flex; justify-content:center; align-items:center; font-size:18px; color:#fff; font-weight:700; line-height:60px; height:60px; width:200px; border-radius:30px; background:linear-gradient(45deg, #008A43, #2AD47D); margin-top:80px;}
.mc03 .txt .more:after {content:""; display:block; width:17px; height:inherit; background:url('/pub/images/icon_plus.svg') no-repeat 50% 50% / contain; margin-left:10px;}
.mc03 .img {position:relative; display:flex; align-items:flex-end; justify-content:flex-end;}
.mc03 .img .ani {position:absolute;}
.mc03 .img .ani1 {animation:mc3_img1 10s infinite linear;}
@keyframes mc3_img1 {
	0% {transform:translate(0,0) rotate(0deg) scale(1);}
	50% {transform:translate(-50px,0) rotate(10deg) scale(.95);}
	100% {transform:translate(0,0) rotate(0deg) scale(1);}
}
.mc03 .img .ani2 {animation:mc3_img2 5s infinite;}
@keyframes mc3_img2 {
	0% {transform:translate(0,0);}
	50% {transform:translate(100px,0);}
	100% {transform:translate(0,0);}
}
.mc03 .img .i1 {position:relative; z-index:5; width:910px; min-width:auto; margin:0 -30px 0 -167px;}
.mc03 .img .i2 {bottom:110px; right:20px; z-index:1;}
.mc03 .img .i3 {bottom:270px; right:540px; z-index:2;}
.mc03 .img .i4 {bottom:360px; right:425px; z-index:3; animation-delay:.3s;}
.mc03 .img .i5 {bottom:160px; right:220px; z-index:4; animation-delay:.6s;}
.mc03 .partner {margin-top:20px;}
.mc03 .partner .title {font-size:48px; font-family:'Russo One'; margin-bottom:60px;}
.mc03 .partner ul {display:flex; flex-wrap:wrap; gap:50px;}
.mc03 .partner li {width:calc((100% - 200px)/5); border:#ddd 1px solid; border-radius:10px; overflow:hidden;}
.mc03 .partner li img {max-width:100%; max-height:100%; object-fit:cover;}

/* sub */
.container {padding:180px 0 160px; font-size:18px; color:#000; line-height:28px;}
.container .title {position:relative; font-size:40px; color:#000; font-weight:700; line-height:48px; padding-bottom:65px; z-index:1;  text-shadow:#fff 0 0 2px,#fff 0 0 2px,#fff 0 0 2px;}
.container .title p {font-size:22px; font-weight:500; line-height:22px; margin:20px 0 40px;}
.container .title .location {display:flex; font-size:15px; color:#138C70; font-weight:500; line-height:20px;}
.container .title .location em {width:20px; height:20px; background:url('/pub/images/icon_locat_slide.svg') no-repeat 50% 50%;}
.container .stit {position:relative; font-size:40px; color:#000; font-weight:800; line-height:40px; margin:120px 0 80px; padding-left:10px; z-index:1;}
.container .stit:before {content:""; position:absolute; top:0; left:0; width:28px; height:28px; background:#8EC21F; border-radius:50%; z-index:-1;}
.container .stit strong {color:#009C47;}
.container .stit .tar {position:absolute; top:0; right:0; font-size:15px; color:#999; font-weight:400;}
.container .ctit {font-size:30px; color:#000; font-weight:600; line-height:35px; text-align:center; margin:80px 0;}
.container .ctit.mt {margin-top:120px;}
.container .btit {font-size:32px; color:#000; font-weight:700; margin-bottom:30px;}

.aside {position:relative; height:400px; background:no-repeat 50% 0 / auto 100%;}
.aside .inner {position:relative; padding-top:200px;}
.aside dl {position:relative; z-index:1;}
.aside dt {display:none;}
.aside dd {display:flex; gap:73px;}
.aside dd a {position:relative; font-size:22px; color:#fff; font-weight:600; line-height:70px;}
.aside dd a:after {content:""; position:absolute; top:50%; right:-39px; width:5px; height:5px; background:#fff; margin-top:-2px; border-radius:50%; outline:0;}
.aside dd a:last-child:after {display:none;}
.aside dd a.on {color:#2DBAB4; background:#fff; border-radius:35px 35px 35px 0; padding:0 60px;}
.aside.g01 {background-image:url('/pub/images/bg_aside01.svg'); background-size:auto 580px;}
.aside.g02 {background-image:url('/pub/images/bg_aside02.svg');}
.aside.g03 {background-image:url('/pub/images/bg_aside03.png'); background-size:auto 580px;}
.aside.g04 {background-image:url('/pub/images/bg_aside04.png');}
.aside.g05 {background-image:url('/pub/images/bg_aside05.svg'); background-size:auto 580px;}
.aside.g01.s01,
.aside.g01.s05,
.aside.g05.s01,
.aside.g05.s04 {height:580px;}

.aside .img_set {position:absolute; right:0; width:50%;}
.aside .ani_rotate {animation:ani_rotate 4s infinite;}
@keyframes ani_rotate {
	0% {transform:rotate(0deg);}
	50% {transform:rotate(30deg);}
	100% {transform:rotate(0deg);}
}
.aside .ani_rotate2 {animation:ani_rotate 4s infinite;}
@keyframes ani_rotate2 {
	0% {transform:rotate(0deg);}
	50% {transform:rotate(10deg);}
	100% {transform:rotate(0deg);}
}
.aside .ani_lr {animation:ani_lr 10s infinite;}
@keyframes ani_lr {
	0% {transform:translate(0,0);}
	50% {transform:translate(-50px,0);}
	100% {transform:translate(0,0);}
}
.aside .ani_updown {animation:ani_updown 10s infinite;}
@keyframes ani_updown {
	0% {transform:translate(0,0) scale(1);}
	50% {transform:translate(0,30px) scale(.85);}
	100% {transform:translate(0,0) scale(1);}
}
.aside .delay1 {animation-delay:1s;}
.aside .delay2 {animation-delay:2s;}
.aside + .inner {position:relative; z-index:1;}
.aside .abso {position:absolute;}
/* 기업 소개 */
.aside.g01 .img_set {top:-250px;}
.aside.g01 .i01 {bottom:105px; left:105px;}
.aside.g01 .i02 {bottom:80px; left:340px;}
.aside.g01 .i03 {bottom:120px; left:430px;}
.aside.g01 .i04 {top:34px; left:110px;}
.aside.g01 .i05 {top:265px; left:645px;}
/* 제품 및 서비스 */
.aside.g02 .img_set {top:-275px; right:-70px;}
.aside.g02 .basic {position:relative; right:-33px;}
.aside.g02 .i01 {top:85px; left:220px; z-index:-1;}
.aside.g02 .i02 {top:0; right:180px;}
/* 투자정보 */
.aside.g03 .img_set {top:-180px;}
.aside.g03 .i01 {top:42px; left:175px; z-index:-1;}
.aside.g03 .i02 {top:20px; left:330px;}
.aside.g03 .i03 {bottom:0; right:20px;}
.aside.g03 .i04 {top:-30px; right:50px;}
/* 미디어센터 */
.aside.g04 .img_set {top:-220px;}
.aside.g04 .i01 {top:236px; left:10px;}
.aside.g04 .i02 {top:80px; left:280px;}
.aside.g04 .i03 {top:50px; right:100px;}
.aside.g04 .i04 {top:150px; right:50px;}
.aside.g04 .i05 {bottom:0; right:150px;}
/* 채용정보 */
.aside.g05 .img_set {top:-270px; right:-70px;}
.aside.g05 .i01 {top:50px; right:200px;}
.aside.g05 .i02 {top:160px; right:210px;}
.aside.g05 .i03 {bottom:60px; right:50px;}

.jq_tabonoff {padding-top:120px;}
.jq_tab {display:flex; gap:10px; margin-bottom:120px;}
.jq_tab li {width:calc((100% - 20px)/3);border-bottom:#ccc 4px solid; transition:.2s linear; color:#ccc;}
.jq_tab li a,
.jq_tab li button {display:block; font-size:22px; color:inherit; font-weight:500; line-height:66px; height:66px; width:100%; text-align:center;}
.jq_tab li.on {color:#009C47; border-color:#009C47;}
.jq_tab.set2 li {width:calc(50% - 5px);}

label.check {position:relative; font-size:14px; color:#333; font-weight:300; line-height:20px; padding-left:24px;}
label.check input {display:none;}
label.check i {position:absolute; top:3px; left:0; width:14px; height:14px; border:rgba(112,112,112,.4) 1px solid; border-radius:3px; transition:.2s linear;}
label.check i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:#8EC21F; border-radius:3px; transition:.2s linear; transform:translate(-50%,-50%);}
label.check input:checked + i {border-color:#707070;}
label.check input:checked + i:before {width:10px; height:10px;}
label.check a {color:inherit; font-weight:500;}

.minus_mt1 {margin-top:-230px;}
.minus_mt2 {margin-top:-240px;}

/* 인사말 */
.greeting {display:flex; gap:100px;}
.greeting .img {width:300px; overflow:hidden;}
.greeting .img img {border-radius:40px;}
.greeting .top_txt {height:230px; margin-bottom:40px;}
.greeting .txt {width:calc(100% - 400px); padding-top:20px;}
.greeting .tit {font-size:40px; color:#fff; font-weight:700; line-height:60px; margin-bottom:30px;}
.greeting .top_txt strong {display:block; font-size:22px; color:#fff; font-weight:700; line-height:26px;}
.greeting p {line-height:40px;}
.greeting .name {display:flex; align-items:center; margin-top:65px; font-size:20px; font-weight:700;}
.greeting .name strong {font-size:28px; margin:0 16px 0 5px;}

/* 주요 경영진 */
.ceo_box {position:relative; z-index:1; margin-top:80px; padding:50px 20px; margin-bottom:120px; background:#F8F8F8; border-radius:40px; overflow:hidden;}
.ceo_box:before,
.ceo_box:after {content:""; position:absolute; opacity:.2;}
.ceo_box:before {top:0; left:0; width:120px; height:130px; background:url('/pub/images/img_ceobox_left.svg') no-repeat right bottom;}
.ceo_box:after {bottom:0; right:0; width:260px; height:100%; background:url('/pub/images/img_ceobox_right.svg') no-repeat 0 40px;}
.ceo_box .name {position:relative; font-size:40px; line-height:48px; display:flex; align-items:center; justify-content:center; margin-bottom:60px; padding-bottom:42px; margin-bottom:40px;}
.ceo_box .name span {font-size:18px; color:#fff; font-weight:400; line-height:30px; height:30px; width:70px; background:#009C47; border-radius:15px; text-align:center; margin-left:10px;}
.ceo_box .name:after {content:""; position:absolute; bottom:0; left:50%; width:30px; height:2px; margin-left:-15px; background:#8EC21F;}
.company_head .his {position:relative; display:flex; justify-content:center; gap:35px; z-index:1;}
.company_head .his li {position:relative; padding-left:30px; font-size:22px; color:#666; font-weight:500; line-height:32px;}
.company_head .his li span {position:absolute; top:4px; left:0; width:24px; height:24px; line-height:24px; text-align:center; font-size:14px; color:#fff; font-weight:500; border-radius:50%;}
.company_head .his li .noto {font-weight:700;}
.company_head .his li .this {background:#8EC21F;}
.company_head .his li .before {background:#999;}
.manage_box {position:relative; z-index:1; padding-bottom:160px;}
.manage_box:before {content:""; position:absolute; top:160px; left:50%; width:100vw; height:calc(100% - 160px); background:#eee; transform:translate(-50%,0); z-index:-1;}
.manage_box > ul {display:flex; gap:60px 40px; justify-content: center;}
.manage_box > ul > li {position:relative; width:calc((100% - 60px)/4); height:360px; background:#fff; border-radius:20px; padding:60px 40px; box-shadow:rgba(0,0,0,.1) 0 0 6px; overflow:hidden;}
.manage_box > ul > li:before {content:""; position:absolute; bottom:0; right:0; width:130px; height:125px; background:url('/pub/images/bg_manage.svg') no-repeat 0 0;}
.manage_box .txt {position:relative; padding-top:22px;}
.manage_box .txt:before {content:""; position:absolute; top:0; left:20px; width:30px; height:2px; margin-left:-15px; background:#8EC21F;}
.manage_box .name {position:relative; font-size:32px; color:#000; font-weight:700; line-height:38px; display:flex; align-items:center; margin-bottom:40px;}
.manage_box .name span {font-size:16px; color:#fff; line-height:28px; height:28px; width:60px; text-align:center; background:#2DBAB4; border-radius:14px; margin-left:10px;}
.manage_box .his {gap:10px; flex-direction:column;}
.manage_box .his li {font-size:18px; line-height:24px; padding-left:24px;}
.manage_box .his li span {top:2px; width:20px; height:20px; line-height:20px; font-size:12px;}

/* 미션과 비전 */
.mission_vision_wrap .logo {width:203px; height:93px; margin:0 auto; background:url('/pub/images/logo.svg') no-repeat 50% 50% / contain; margin-bottom:80px;}
.mission_vision_wrap .t {font-size:80px; color:#ddd; line-height:60px; margin-bottom:20px; text-align:center;}
.mission_vision_wrap .bar_area {position:relative; width:860px; max-width:100%; text-align:center; margin:0 auto; font-size:40px; font-weight:300; line-height:50px; margin-bottom:120px;}
.mission_vision_wrap .bar_area:before,
.mission_vision_wrap .bar_area:after {content:""; position:absolute; top:0; width:30px; height:100%; border:#eee 5px solid;}
.mission_vision_wrap .bar_area:before {left:0; border-right:0;}
.mission_vision_wrap .bar_area:after {right:0; border-left:0;}

.mission {position:relative; padding-bottom:120px; z-index:1;}
.mission:before {content:""; position:absolute; bottom:0; left:50%; width:100vw; height:440px; transform:translate(-50%,0); background:#F8F8F8; z-index:-1;}
.mission .sununmun {position:relative; max-width:1200px; height:640px; margin:0 auto; border-radius:20px; box-shadow:rgba(0,0,0,.1) 0 0 8px; padding-left:250px; display:flex; flex-direction:column; justify-content:center; overflow:hidden; background:#fff;}
.mission .sununmun:before,
.mission .sununmun:after {content:""; position:absolute; top:0; width:50%; height:100%; z-index:0; transition:.2s linear;}
.mission .sununmun:before {left:0; background:url('/pub/images/bg_sununmun_left.svg') no-repeat 0 50% / cover;}
.mission .sununmun:after {right:0; background:url('/pub/images/bg_sununmun_right.svg') no-repeat 100% 50% / cover;}
.mission .sununmun > * {position:relative; z-index:1;}
.mission .sununmun .tt {font-size:40px; color:#009C47; font-weight:600; line-height:58px; margin-bottom:50px; padding-left:20px;}
.mission .sununmun ul {max-width:840px;}
.mission .sununmun li {padding:30px 20px; font-size:22px; color:#666; line-height:30px; border-bottom:#ddd 1px solid;}
.mission .sununmun li:last-child {border-bottom:0; padding-bottom:0;}
.mission .sununmun li strong {color:#000;}
.mission .sununmun li strong.c {color:#2DBAB4;}
.sloganbox {display:flex; background:linear-gradient(to right, #F8F8F8, #F1FCFC); border-radius:20px;}
.sloganbox dt,
.sloganbox dd {width:50%; height:270px;}
.sloganbox dt {background:url('/pub/images/img_slogan.svg') no-repeat 50% 50%;}
.sloganbox dd {display:flex; flex-direction:column; justify-content:center; font-size:32px; color:#000; font-weight:600; line-height:42px; padding-left:110px;}
.identity {display:flex; gap:25px; margin-bottom:80px;}
.identity li {width:calc((100% - 50px)/3); border-radius:40px; padding:50px 40px; height:660px; text-align:center; background:linear-gradient(#F8F8F8ff,#F8F8F800); border:#ddd 1px solid;}
.identity li .han {font-size:32px; color:#009C47; font-weight:700; line-height:1.2; margin:25px 0 10px;}
.identity li .eng {font-size:60px; color:#EBEBEB; font-weight:700; line-height:1.2; margin-bottom:40px;}
.identity li p {color:#666;}
.identity li p .c {color:#2DBAB4;}
.dream_box {position:relative; display:flex; align-items:center; font-size:22px; line-height:40px; padding:110px 0;}
.dream_box p {position:relative; z-index:1;}
.dream_box:before,
.dream_box:after {content:""; position:absolute; bottom:0; height:100%;}
.dream_box:before {left:50%; width:100vw; margin-left:-50vw; background:#F8F8F8;}
.dream_box:after {right:0; width:360px; background:url('/pub/images/bg_dreambox.svg') no-repeat bottom right;}
.core_value {position:relative; display:flex; justify-content:center; width:100%; max-width:1240px; margin:0 auto; border:#999 1px dashed; padding:44px; border-radius:180px; text-align:center;}
.core_value:before,
.core_value:after {content:""; position:absolute; top:calc(50% - 6px); width:12px; height:12px; background:#999; border-radius:50%;}
.core_value:before {left:-6px;}
.core_value:after {right:-6px;}
.core_value li {width:33%;}
.core_value .icon img {border-radius:50%; box-shadow:rgba(0,0,0,.1) 4px 4px 6px;}
.core_value p {font-size:22px; color:#666; margin-top:40px;}
.core_competency {position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; gap:50px; padding:0 30px;}
.core_competency:before,
.core_competency:after {content:""; position:absolute; }
.core_competency:before {bottom:150px; left:50px; width:calc(100% - 100px); border-bottom:#666 1px dashed;}
.core_competency:after {bottom:146px; left:calc(50% - 2px); width:5px; height:9px; background:url('/pub/images/icon_arrow.svg') no-repeat 50% 50% / contain;}
.core_competency li {position:relative; width:400px; height:400px; border-radius:20px; padding:40px 10px; text-align:center; box-shadow:rgba(0,0,0,.16) 0 6px 20px; z-index:1; display:flex; flex-direction:column;}
.core_competency li:before,
.core_competency li:after {content:""; position:absolute; z-index:-1;}
.core_competency li:before {border-bottom:#666 1px dashed;}
.core_competency li:after {width:5px; height:9px; background:url('/pub/images/icon_arrow.svg') no-repeat 50% 50% / contain;}
.core_competency .center {position:absolute; top:calc(50% + 130px); left:50%; width:auto; height:auto; padding:0; font-size:40px; color:#eee; font-weight:600; line-height:47px; transform:translate(-50%,-50%); box-shadow:none;}
.core_competency .center:before,
.core_competency .center:after {display:none;}
.core_competency .num {font-size:16px; font-weight:800; line-height:20px;}
.core_competency .ico {width:96px; height:96px; background:#fff no-repeat 50% 50%; border-radius:50%; margin:16px auto 40px;}
.core_competency strong {display:block; font-size:18px; line-height:22px; margin-bottom:24px;}
.core_competency p {font-size:15px; line-height:26px;}
.core_competency .c1 {order:1; background:#EFF8F0; margin:0 calc(50% - 200px);}
.core_competency .c1:before,
.core_competency .c1:after {display:none;}
.core_competency .c1 .ico {background-image:url('/pub/images/icon_core_competency01.svg');}
.core_competency .c1 strong {color:#009C47;}
.core_competency .c2 {order:3; background:#EFF8F6;}
.core_competency .c2:before {top:-7px; right:calc(100% - 16px); width:120px; transform:rotate(45deg);}
.core_competency .c2:after {bottom:calc(100% + 7px); right:calc(100% + 45px); transform:rotate(-135deg);}
.core_competency .c2 .ico {background-image:url('/pub/images/icon_core_competency02.svg');}
.core_competency .c2 strong {color:#2DBAB4;}
.core_competency .c3 {order:2; background:#F6F8EF;}
.core_competency .c3:before {top:-7px; left:calc(100% - 16px); width:120px; transform:rotate(-45deg);}
.core_competency .c3:after {bottom:calc(100% + 7px); left:calc(100% + 45px); transform:rotate(135deg);}
.core_competency .c3 .ico {background-image:url('/pub/images/icon_core_competency03.svg');}
.core_competency .c3 strong {color:#8EC21F;}

.about_curture {position:relative; margin-top:-40px; display:flex; align-items:center;}
.about_curture > * {width:50%;}
.about_curture .txt {border:#ddd 1px solid; border-radius:20px; padding:40px;}
.about_curture .img {text-align:right; font-size:0;}
.definition {display:flex; flex-direction:column; gap:60px;}
.definition dl {display:flex; gap:40px; align-items:center;}
.definition dt {width:345px;}
.definition dd {width:calc(100% - 385px);}
.definition dd .tit {position:relative; font-size:30px; color:#009C47; font-weight:800; line-height:35px; margin-bottom:27px;}
.definition dd .tit span {position:relative; display:inline-block; vertical-align:top; padding:10px 0 0 15px; background:url('/pub/images/icon_definition.svg') no-repeat;}
.definition dd .tit span:before {content:""; position:absolute; top:-30px; left:10px; width:12px; height:9px; background:url('/pub/images/arrow_btm.svg') no-repeat 50% 50% / contain;}
.definition dd .tbox {position:relative; background:#F4FBFB; border-radius:20px; padding:60px;}
.definition dd .tbox:before {content:""; position:absolute; top:-20px; left:62px; width:24px; height:20px; background:url('/pub/images/arrow_tbox.svg') no-repeat 50% 50% / contain;}
.definition dl:first-child dd .tit span:before {display:none;}
.definition dl:nth-child(2n) {flex-direction:row-reverse;}
.definition dl:nth-child(2n) .tit {text-align:right;}
.definition dl:nth-child(2n) .tbox:before {left:auto; right:62px;}

.ci_area {display:flex; gap:60px; flex-wrap:wrap;}
.ci_area dl {width:calc(50% - 30px);}
.ci_area dt {color:#fff; font-weight:600; line-height:30px; padding:20px; text-align:center; background:#ccc;}
.ci_area dd {border:#ddd 1px solid; border-top:0; height:298px; display:flex; justify-content:center; align-items:center;}
.ci_area .grid dd {background-color:#fff; background-image:linear-gradient(90deg, #ddd 10%, transparent 10%), linear-gradient(#ddd 10%, transparent 10%); background-size:10px 10px;}
.color_pallete {display:flex; gap:25px;}
.color_pallete dl {width:calc((100% - 50px)/3); display:flex; box-shadow:rgba(0,0,0,.1) 0 0 6px;}
.color_pallete dt,
.color_pallete dd {display:flex; align-items:center; height:150px;}
.color_pallete dt {width:150px; font-size:17px; color:#fff; font-weight:700; justify-content:center;}
.color_pallete dd {width:calc(100% - 150px); padding-left:40px; color:#666; line-height:26px;}
.color_pallete .c1 dt {background:#00A651;}
.color_pallete .c2 dt {background:#8EC21F;}
.color_pallete .c3 dt {background:#8EC21F;}

/* 연혁 */
.history {position:relative; padding:120px 0 160px 50%;}
.history .hispoint {position:absolute;}
.history .hispoint#start {top:-100px;}
.history .hispoint#end {bottom:100vh;}
.history .yearsbox {position:absolute; top:0; right:calc(50% + 80px); width:calc(50% - 85px + ((100vw - 1400px)/2)); height:calc(100vh - 100px); display:flex; flex-direction:column; justify-content:center; align-items:center; background:url('/pub/images/bg_history.svg') no-repeat 50% 50% / cover;}
.history .yearsbox.on {position:fixed; top:100px; left:0; right:auto; width:calc(50% - 80px);}
.history .yearsbox.end {position:absolute; top:auto; bottom:0; left:auto; right:calc(50% + 80px); width:calc(50% - 85px + ((100vw - 1400px)/2));}
.history .yearsbox .stit {color:#fff; margin:0 0 120px; padding-top:5px;}
.history .yearsbox a {position:relative; margin-bottom:40px; font-size:40px; color:#bbb; font-weight:700; line-height:50px;}
.history .yearsbox a:last-child {margin-bottom:0;}
.history .yearsbox a:after {content:""; position:absolute; bottom:0; right:0; width:0; height:4px; background:#8EC21F; transition:.2s linear;}
.history .yearsbox a.on {color:#8EC21F;}
.history .yearsbox a.on:after {left:0; width:100%;}
.history .years_list .area {position:relative; display:flex; flex-direction:column; gap:40px; margin-top:60px;}
.history .years_list .area:first-child {margin-top:0;}
.history .years_list .area .link {position:absolute; top:-120px;}
.history .years_list .area .point {position:absolute; top:-160px;}
.history .years_list .year {font-size:44px; font-weight:700; line-height:50px; margin:80px 0 40px;}
.history .years_list .point + .year {margin-top:0;}
.history .years_list dl {display:flex;}
.history .years_list dt {font-size:22px; color:#009C47; font-weight:600; line-height:26px; width:70px;}
.history .years_list dd {position:relative; width:calc(100% - 70px); display:flex; flex-direction:column; gap:20px;}
.history .years_list dd:before {content:""; position:absolute; top:10px; left:3px; width:1px; height:calc(100% - 20px); border-left:#ddd 1px dashed;}
.history .years_list dd p {position:relative; padding-left:27px; }
.history .years_list dd p:before {content:""; position:absolute; top:10px; left:0; width:7px; height:7px; background:#ddd; border-radius:50%;}

/* 오시는 길 */
.root_daum_roughmap_landing {max-width:100%;}
.map_wrap {margin-bottom:40px; border-radius:20px; overflow:hidden; box-shadow:rgba(0,0,0,.1) 0 3px 15px; max-width:100%;}
.map_text {display:flex; background:#F8F8F8; border-radius:20px; padding:60px 0;}
.map_text dt,
.map_text dd {height:64px;}
.map_text dt {width:330px; border-right:#ddd 1px solid; font-size:22px; font-weight:500; display:flex; justify-content:center; align-items:center;}
.map_text dt:before {content:""; display:block; width:60px; height:inherit; background:url('/pub/images/icon_map01.svg') no-repeat 50% 50% / contain; margin-right:6px;}
.map_text dd {width:calc(100% - 330px); padding-left:80px;}
.map_text dd ul {display:flex; flex-direction:column; flex-wrap:wrap; align-items:flex-start; justify-content:center; gap:0 80px; align-content:flex-start; height:inherit;}
.map_text dd li {position:relative; padding-left:140px; color:#999; line-height:32px; text-align:left; display:flex; align-items:center;}
.map_text dd li .tt {position:absolute; top:0; left:0; color:#000; padding-left:30px;}
.map_text dd li .tt:before {content:""; position:absolute; top:0; left:0; width:15px; height:100%; background:no-repeat left center / contain;}
.map_text dd li span {display:inline-block; vertical-align:middle; width:20px; height:20px; line-height:20px; text-align:center; font-size:15px; color:#fff; font-weight:600; background:#8c4fa5; border-radius:50%; margin-right:5px;}
.map_text dd li.i1 .tt:before {background-image:url('/pub/images/icon_map02.svg');}
.map_text dd li.i2 .tt:before {background-image:url('/pub/images/icon_map03.svg');}
.map_text dd li.i3 .tt:before {background-image:url('/pub/images/icon_map04.svg');}
.map_text dd li.i4 .tt:before {background-image:url('/pub/images/icon_map05.svg');}

/* 검체검사 서비스 */
.icon_links {display:flex; gap:40px; margin:90px 0 120px;}
.icon_links a {width:calc((100% - 120px)/4); height:130px; background:#F8F8F8; border:#ddd 1px solid; border-radius:20px; display:flex; justify-content:center; align-items:center; font-size:22px; font-weight:700;}
.icon_links a img {margin-right:10px;}
.bluebox {position:relative; font-size:26px; font-weight:700; line-height:30px; text-align:center; z-index:1; padding:40px 0;}
.bluebox:before {content:""; position:absolute; top:0; left:50%; width:100vw; height:100%; margin-left:-50vw; background:#F1FCFC; z-index:-1;}
.bluebox img {display:block; margin:0 auto 20px;}
.bluebox strong {display:block; font-size:40px; color:#2DBAB4; margin-bottom:20px;}
.img_sample_test {text-align:center; padding:0 0 60px;}
.skybox {position:relative; padding:120px 41.6% 120px 0; z-index:1;}
.skybox:before,
.skybox:after {content:""; position:absolute; top:0;}
.skybox:before {left:50%; width:100vw; height:100%; margin-left:-50vw; background:linear-gradient(to right, #F8F8F8, #F1FCFC); z-index:-1;}
.skybox:after {right:0; width:40%; height:100%;}
.skybox .tt {font-size:22px; font-weight:600; margin-bottom:40px;}
.skybox .tt strong {font-weight:600;}
.skybox p {color:#666;}
.skybox p strong {font-weight:600;}
.sample_test .skybox:after {background:url('/pub/images/img_sample_test02.svg') no-repeat right center;}
.gray_half {margin:120px 0; background:#F8F8F8; padding:80px; display:flex; justify-content:space-around;  border-radius:20px;}
.gray_half dl {width:480px; border-radius:20px; box-shadow:rgba(0,0,0,.1) 0 0 6px; background:#fff; overflow:hidden;}
.gray_half dt {font-size:22px; font-weight:600; line-height:32px; background:#EBF1DF; height:170px; display:flex; justify-content:center; align-items:center; text-align:center;}
.gray_half dd {height:490px; display:flex; justify-content:center; align-items:center;}
.gray_half ul {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:50px; width:100%; text-align:center;}
.gray_half ul .icon {margin-bottom:20px;}
.gray_half ul p {color:#333;}
.gray_half .bgc {position:relative; background:rgba(0,156,71,.3);}
.gray_half ol {display:flex; flex-direction:column; gap:28px;}
.gray_half ol li {position:relative; padding-left:37px;}
.gray_half ol i {position:absolute; top:2px; left:0; font-size:14px; color:#009C47; font-weight:700; line-height:25px; height:25px; width:25px; background:#DFEBC5; text-align:center; border-radius:50%;}
.tbl table {border-top:#000 2px solid;}
.tbl th,
.tbl td {border-bottom:#ddd 1px solid; color:#333; line-height:80px; text-align:center;}
.tbl thead th {font-size:20px; font-weight:600;}
.tbl col.wy {width:14.2%;}
.tbl .gray {background:#F8F8F8;}
.tbl .white {background:#fff;}
.tbl tbody .bdb td {border-bottom-color:#999;}
.tbl .bold {font-weight:600;}
.tbl.bdl th,
.tbl.bdl td {border-left:#ddd 1px solid; word-break:break-word;}
.tbl.bdl th:first-child,
.tbl.bdl td:first-child {border-left:0;}
.tbl.bdb table {border-bottom:#000 2px solid;}
.sample_test .tbl thead th img {height:28px;}
.sample_test .tbl .ico_ox {margin:0 auto;}
.ico_ox {display:block; width:20px; height:20px; mask:no-repeat 50% 50% / contain; -webkit-mask:no-repeat 50% 50% / contain;}
.ico_o {mask-image:url('/pub/images/icon_o.svg'); -webkit-mask-image:url('/pub/images/icon_o.svg');}
.ico_x {mask-image:url('/pub/images/icon_x.svg'); -webkit-mask-image:url('/pub/images/icon_x.svg');}
.ico_g {background:#999;}
.ico_c {background:#009C47;}

/* Digital Healthcare Platform */
.healthcare_step {padding:120px 0;}
.healthcare_step ul {display:flex; flex-wrap:wrap; gap:120px 40px;}
.healthcare_step li {position:relative; width:calc(50% - 20px); background:#f8f8f8; border:#ddd 1px solid; border-radius:20px; height:320px; box-shadow:rgba(0,0,0,.1) 0 6px 20px; z-index:1;}
.healthcare_step li span {content:""; position:absolute; top:calc(50% - 20px); left:calc(100% + 1px); width:400px; height:80px; background:url('/pub/images/img_healthcare_line.svg') no-repeat right top; z-index:-1; overflow:hidden;}
.healthcare_step li span i {position:absolute; top:14px; left:13px; width:9px; height:12px; animation:moveto 6s linear infinite; background:url('/pub/images/img_healthcare_arrow.svg') no-repeat 50% 50% / contain;
	offset:path('M-20 6, h 356, C 356 6, 366 16, 366 16, v 80') auto;
}
.healthcare_step li span i:nth-child(2) {animation-delay:2s;}
.healthcare_step li span i:nth-child(3) {animation-delay:4s;}
@keyframes moveto{
    0% {offset-distance:0%}
    100% {offset-distance:100%;}
}
.healthcare_step li .ico {margin-top:40px; background:#fff; border-radius:0 10px 10px 0; text-align:center; line-height:60px; height:60px; font-size:0; display:inline-block; padding:0 40px; box-shadow:rgba(0,0,0,.1) 4px 0 6px;}
.healthcare_step li .ico img {max-height:24px;}
.healthcare_step li .tt {padding:40px 40px 20px; font-size:22px; color:#009C47; font-weight:600; line-height:26px;}
.healthcare_step li p {line-height:21px; padding-left:40px;}
.healthcare_step li .img {position:absolute; top:0; right:0; width:50%; height:100%; display:flex; justify-content:center; align-items:center;}
.healthcare_step li:nth-child(2n) {margin-top:0;}
.healthcare_step li:nth-child(2n) span {left:auto; right:calc(100% + 1px); transform:scale(-1,1);}
.healthcare_step li:nth-child(2n-1) {margin-top:-220px;}
.healthcare_step li.box1 {margin-top:0;}
.healthcare_step li.box2 {margin-top:220px;}
.healthcare_step li.box7 span {top:calc(100% + 1px); left:calc(50% - 20px); width:40px; height:120px; background:url('/pub/images/img_healthcare_line7.svg') no-repeat 50% 50% / cover;}
.healthcare_step li.box7 span i {offset:path('M8 -20 v 140') auto; animation-duration:2s;}
.healthcare_step li.box8 {margin-top:0; width:100%; display:flex; gap:20px; border:#999 1px dashed; background:#fff; padding:20px; height:auto;}
.healthcare_step li.box8 .abso {position:absolute; top:-200px; right:0; width:50%; height:auto; font-size:50px; color:#eee; font-weight:600; line-height:60px; text-align:right; padding-right:40px;}
.healthcare_step li.box8 > * {width:calc((100% - 60px)/4); height:320px;}
.healthcare_step li.box8 .img {position:relative;}
.healthcare_step li.box8 .box {background:#f8f8f8; border:#ddd 1px solid; border-radius:20px;}
.healthcare .skybox:after {background:url('/pub/images/img_healthcare09.svg') no-repeat right center;}

/* Biotechnology Platform Service */
.bio_image {position:relative; margin:80px 0 120px;}
.bio_image .other {position:absolute; top:50%; left:0; width:70px; height:0;}
.bio_image .other span {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) rotate(-90deg); font-size:60px; color:#eee; font-weight:600; line-height:70px; width:700px; text-align:center;}
.bio_image .inbox {position:relative; padding:200px; max-width:850px; margin:0 auto;}
.bio_image .center {position:relative; width:450px; height:450px; background:url('/pub/images/bg_bio.svg') no-repeat 50% 50% / contain; margin:0 auto; padding-top:5px;}
.bio_image .center .cen {position:absolute; top:calc(50% - 5px); left:50%; transform:translate(-50%,-50%); width:154px; height:154px; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#999; line-height:24px; text-align:center; border-radius:15px; box-shadow:rgba(0,0,0,.1) 0 5px 8px;}
.bio_image .center .cen img {display:block; height:44px; margin-bottom:15px;}
.bio_image .center ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
.bio_image .center li {width:100%; text-align:right; height:126px; display:flex; justify-content:center; align-items:center; text-align:center;}
.bio_image .center li:nth-child(2),
.bio_image .center li:nth-child(3) {width:calc((100% - 154px)/2); height:174px;}
.bio_image .side {position:absolute; border:#ddd 1px dashed; border-radius:20px; padding:10px; display:flex; gap:10px;}
.bio_image .side:after {content:""; position:absolute;}
.bio_image .side dt {display:none;}
.bio_image .side dd {display:flex; justify-content:center; align-items:center; width:150px; height:150px; border-radius:20px; font-size:12px; color:#666; font-weight:600; line-height:17px; cursor:pointer; transition:.2s linear;text-align:center}
.bio_image .side dd strong {font-size:13px; font-weight:600;}
.bio_image .top,
.bio_image .bottom {left:50%; transform:translate(-50%,0);}
.bio_image .left,
.bio_image .right {top:50%; transform:translate(0,-50%); flex-direction:column;}
.bio_image .top {top:0;}
.bio_image .top:after {top:100%; left:50%; height:35px; border-left:#ddd 1px dashed;}
.bio_image .top dd {background:#F3F5D9;}
.bio_image .left {left:0;}
.bio_image .left:after {top:50%; left:100%; width:40px; border-top:#ddd 1px dashed;}
.bio_image .left dd {background:#DCEEEA;}
.bio_image .right {right:0;}
.bio_image .right:after {top:50%; right:100%; width:40px; border-top:#ddd 1px dashed;}
.bio_image .right dd {background:#EAF2D9;}
.bio_image .bottom {bottom:0;}
.bio_image .bottom:after {bottom:100%; left:50%; height:45px; border-left:#ddd 1px dashed;}
.bio_image .bottom dd {background:#E0F1E2;}
.bio_wrap .skybox:after {background:url('/pub/images/img_bio01.svg') no-repeat right bottom 100px;}

/* 재무정보 */
.gbox {background:#F8F8F8; padding:120px 0;}
.gbox.mt {margin-top:120px;}
.financial_top {display:flex; gap:20px; margin-bottom:120px;}
.financial_top > * {border-radius:40px; box-shadow:rgba(0,0,0,.1) 0 0 15px; height:200px;}
.financial_top .stock {width:calc(42% - 40px); display:flex; justify-content:space-between; padding:40px; background:#F8F8F8 url('/pub/images/icon_stock.png') no-repeat 50px 100%;}
.financial_top .stock dt p {font-size:22px; font-weight:700; line-height:30px;}
.financial_top .stock dt strong {display:block; font-size:32px; color:#009C47; line-height:42px;}
.financial_top .stock dd {text-align:right;}
.financial_top .stock dd p {font-size:15px; color:#999; line-height:20px; margin-bottom:30px;}
.financial_top .stock dd strong {position:relative; display:block; font-size:48px; font-weight:600; line-height:56px; padding-right:40px;}
.financial_top .stock dd strong:after {content:""; position:absolute; top:0; right:0; width:30px; height:100%; mask:url('/pub/images/arrow_updown.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/arrow_updown.svg') no-repeat 50% 50% / contain;}
.financial_top .stock dd strong.up:after {background:#D50000;}
.financial_top .stock dd strong.down:after {background:#0000D5; transform:rotate(180deg);}
.financial_top .tblbox {width:29%; padding:30px 25px;}
.financial_top .tblbox table {height:140px;}
.financial_top .tblbox th,
.financial_top .tblbox td {width:33%; text-align:center;}
.financial_top .tblbox th {color:#999; font-weight:400; border-bottom:#ddd 1px solid;}
.financial_top .tblbox td {color:#000; font-weight:600;}
.financial_top .tblbox td i {display:inline-block; vertical-align:middle; width:15px; height:12px; margin-right:6px; mask:url('/pub/images/arrow_updown.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/arrow_updown.svg') no-repeat 50% 50% / contain;}
.financial_top .tblbox td i.up {background:#D50000;}
.financial_top .tblbox td i.down {background:#0000D5; transform:rotate(180deg);}

.financial_chart {position:relative; display:flex; gap:5.7%;}
.financial_chart .point_chart {position:absolute; top:50vh;}
.financial_chart .chart_wrap {position:relative; width:calc((82.9%)/4); padding-bottom:30px;}
.financial_chart .chart_wrap .tit {position:relative; font-size:22px; font-weight:700; line-height:26px; margin-bottom:20px;}
.financial_chart .chart_wrap .tit p {position:absolute; bottom:0; right:0; font-size:18px; color:#999; font-weight:400; line-height:24px;}
.financial_chart .chart_wrap .line {border-top:#ddd 1px solid;}
.financial_chart .chart_wrap .line li {position:relative; height:60px; border-bottom:#ddd 1px solid;}
.financial_chart .chart_wrap .chart {position:absolute; top:46px; left:0; width:100%; height:calc(100% - 46px); display:flex; gap:20px; padding:0 20px;}
.financial_chart .chart_wrap .chart li {position:relative; width:calc((100% - 40px)/3);}
.financial_chart .chart_wrap .chart p {position:absolute; bottom:0; left:0; width:100%; font-size:17px; color:#666; font-weight:600; line-height:20px; padding-top:10px; text-align:center;}
.financial_chart .chart_wrap .chart .bar_box {position:absolute; bottom:30px; left:0; width:100%; height:calc(100% - 30px);}
.financial_chart .chart_wrap .chart .bar {position:absolute; bottom:0; left:0; width:100%; height:0; background:#8EC21F; overflow:hidden; transition:1s linear;}
.financial_chart .chart_wrap .chart strong {position:absolute; top:10px; left:0; width:100%; font-size:16px; color:#fff; font-weight:500; line-height:20px; text-align:center;}
.financial_chart .chart_wrap.year19 .chart li:nth-child(1) .bar,
.financial_chart .chart_wrap.year20 .chart li:nth-child(2) .bar,
.financial_chart .chart_wrap.year21 .chart li:nth-child(3) .bar {background:#009844;}

.financial_tbl th,
.financial_tbl td {color:#333;}
.financial_tbl th {border-right:#000 1px solid;}
.financial_tbl td {border-right:#ddd 1px solid;}
.financial_tbl td:last-child {border-right:0;}
.financial_tbl thead th,
.financial_tbl thead td {font-size:20px; font-weight:600;}
.financial_tbl tbody th,
.financial_tbl tbody td {font-weight:400;}
.financial_tbl .total th,
.financial_tbl .total td {background:#F8F8F8; border-bottom:#999 1px solid; color:#000; font-weight:600;}
.financial_tbl .ttb th,
.financial_tbl .ttb td {border-bottom:#999 1px solid;}
.financial_tbl tbody tr:last-child th,
.financial_tbl tbody tr:last-child td {border-bottom:#000 2px solid;}

/* 투자문의 */
.white_top {position:relative; background:#fff; border-radius:20px; display:flex; padding-right:50%;}
.white_top > * {height:420px; padding:0 80px; display:flex; flex-direction:column; justify-content:center;}
.white_top .txt {padding-right:0;}
.white_top .txt .tit {font-size:40px; color:#000; font-weight:600; line-height:60px; margin-bottom:20px;}
.white_top .txt p {font-size:17px; color:#000; font-weight:600; line-height:27px;}
.white_top .txt p span {font-size:16px; color:#999; font-weight:400;}
.white_top .img {position:absolute; top:0; right:0; width:50%; height:100%;}

.inquiry_top {padding-right:50%; background:#F8F8F8; margin-top:120px;}
.inquiry_top .img {background:url('/pub/images/img_inquiry01.svg') no-repeat center bottom;}
.inquiry_top i.mail {display:inline-block; vertical-align:top; width:18px; height:27px; background:url('/pub/images/icon_mail.svg') no-repeat 50% 50% / contain; margin:0 5px;}

.inquiry_write {background:#F8F8F8; border:#ddd 1px solid; border-radius:40px; padding:60px 40px; box-shadow:rgba(0,0,0,.08) 0 0 15px; display:flex; flex-direction:column; gap:20px;}
.inquiry_write .textbox {position:relative; width:100%; border-radius:10px; border:#ddd 1px solid; background:#fff; padding:0 20px 0 55px;}
.inquiry_write input,
.inquiry_write textarea {display:block; width:100%; border:0; background:none; color:#333;}
.inquiry_write input {height:60px;}
.inquiry_write textarea {height:200px; padding:20px 0;}
.inquiry_write .textbox i {position:absolute; top:0; left:30px; width:15px; height:60px; background:#999; mask:no-repeat 50% 50% / contain; -webkit-mask:no-repeat 50% 50% / contain; transition:.2s linear;}
.inquiry_write .textbox *::placeholder {color:#999;}
.inquiry_write .textbox.i1 i {mask-image:url('/pub/images/icon_inq_name.svg'); -webkit-mask-image:url('/pub/images/icon_inq_name.svg');}
.inquiry_write .textbox.i2 i {mask-image:url('/pub/images/icon_inq_tel.svg'); -webkit-mask-image:url('/pub/images/icon_inq_tel.svg');}
.inquiry_write .textbox.i3 i {mask-image:url('/pub/images/icon_inq_mail.svg'); -webkit-mask-image:url('/pub/images/icon_inq_mail.svg');}
.inquiry_write .textbox.i4 i {mask-image:url('/pub/images/icon_inq_title.svg'); -webkit-mask-image:url('/pub/images/icon_inq_title.svg');}
.inquiry_write .textbox.i5 i {mask-image:url('/pub/images/icon_inq_cont.svg'); -webkit-mask-image:url('/pub/images/icon_inq_cont.svg');}
.inquiry_write .textbox > *:focus::placeholder {color:#333;}
.inquiry_write .textbox > *:focus + i {background:#000;}
.inquiry_write .tar {display:flex; justify-content:flex-end;}
.inquiry_write .tar .btn_contact {display:flex; justify-content:center; align-items:center; color:#fff; font-weight:700; line-height:60px; height:60px; width:210px; border-radius:30px; text-align:center; background:linear-gradient(-115deg, #008A43, #2AD47D);}
.inquiry_write .tar .btn_contact:after {content:""; display:block; width:8px; height:14px; background:url('/pub/images/arrow_btn.svg') no-repeat 50% 50% / contain; margin-left:10px;}

/* U2Bio 조직 */
.organization_top {padding-right:40%;}
.organization_top .img {background:url('/pub/images/img_organization01.svg') no-repeat center bottom;}
.organization {margin-top:120px; text-align:center;}
.organization .point {display:block; width:200px; height:80px; line-height:80px; font-size:22px; color:#fff; font-weight:600; border-radius:20px; text-align:center; margin:0 auto; box-shadow:rgba(0,0,0,.15) 0 6px 20px;}
.organization .point.c1 {background:#2DBAB4;}
.organization .point.c2 {background:#8EC21F;}
.organization .point.c3 {background:#009C47;}
.organization .tal .point {margin:0;}
.organization i {display:block; width:34px; height:34px; margin:30px auto; background:url('/pub/images/arrow_organization.svg') no-repeat 50% 50% / contain;}
.organization .gbox {position:relative; padding:40px;}
.organization .gbox img {filter:grayscale(1); margin-top:20px; cursor:pointer;}
.organization .gbox .ab {position:absolute; top:calc(50% - 24px); font-size:40px; color:#eee; font-weight:600; line-height:48px; text-align:center; width:calc(50% - 100px);}
.organization .gbox .left {left:0;}
.organization .gbox .right {right:0;}
.organization .company {position:relative; display:flex; flex-direction:column; gap:56px; padding:40px 0 0 260px;}
.organization .company:before {content:""; position:absolute; bottom:51px; left:100px; height:calc(100% - 51px); border-left:#ddd 1px dashed;}
.organization .company > * {position:relative; border:#ddd 1px dashed; width:100%; padding:20px; border-radius:20px; display:flex; gap:20px;}
.organization .company > *:before {content:""; position:absolute; top:50%; right:100%; width:160px; border-top:#ddd 1px dashed;}
.organization .company .left {background:#F8F8F8;}
.organization .company .right {position:relative; background:#F1FCFC; width:580px; max-width:100%;}
.organization .company .right:after {content:""; position:absolute; top:-56px; left:calc(50% - 8px); width:16px; height:56px; background:url('/pub/images/arrow_updown2.svg') no-repeat 50% 50%;}
.organization .company li {color:#666; font-weight:600; line-height:22px; width:120px; height:60px; box-shadow:rgba(0,0,0,.1) 0 0 6px; border-radius:20px; background:#fff; display:flex; justify-content:center; align-items:center;}

.mapbox svg {transition:.2s linear;}
.mapbox svg g .ctbox {cursor:pointer; transition:.2s linear;}
.mapbox svg g .ctbox.on {mix-blend-mode:unset !important; isolation:auto !important; filter:grayscale(0) !important; opacity:1;}

.pop_organization,
.pop_organization .black {position:fixed; top:0; left:0; width:100%; height:100%;}
.pop_organization {z-index:101; display:none;}
.pop_organization .black {background:rgba(0,0,0,.5);}
.pop_organization .inbox {position:absolute; top:50%; left:60%; width:36%; max-width:620px; background:#fff; border-radius:20px; padding:40px; transform:translate(0,-50%);}
.pop_organization .btn_close {position:absolute; top:30px; right:30px; width:34px; height:34px; background:#7FD1A6; border-radius:50%;}
.pop_organization .btn_close:before,
.pop_organization .btn_close:after {content:""; position:absolute; top:50%; left:50%; width:14px; height:2px; background:#fff; border-radius:2px; margin:-1px 0 0 -7px;}
.pop_organization .btn_close:before {transform:rotate(135deg);}
.pop_organization .btn_close:after {transform:rotate(-135deg);}
.pop_organization .tit {font-size:22px; color:#333; font-weight:700; line-height:26px; margin-bottom:30px;}
.pop_organization ul {overflow:auto; max-height:calc(100vh - 176px); display:flex; flex-direction:column; gap:30px;}
.pop_organization li {border:#ddd 1px solid; border-radius:20px; padding:25px 30px;}
.pop_organization li .name {font-size:18px; color:#8EC21F; font-weight:700; line-height:21px; margin-bottom:15px;}
.pop_organization th,
.pop_organization td {font-size:16px; line-height:20px; padding:5px 0; text-align:left; vertical-align:top;}
.pop_organization th {color:#666; font-weight:600; width:85px;}
.pop_organization td {color:#999;}

/* U2인재상 */
.talent_pppc {display:flex; gap:20px;}
.talent_pppc li {width:calc((100% - 60px)/4); border:#ddd 1px solid; border-radius:20px; padding:40px 30px 30px; min-height:370px; text-align:center;}
.talent_pppc li i {display:block; width:120px; height:120px; border-radius:50%; background:no-repeat 50% 50%; margin:0 auto;}
.talent_pppc li strong {display:block; font-size:26px; line-height:30px; margin:30px 0 20px;}
.talent_pppc li p {color:#666; font-weight:500; line-height:24px;}
.talent_pppc li.i1 i {background-color:#009C47; background-image:url('/pub/images/icon_talent_pppc01.svg');}
.talent_pppc li.i1 strong {color:#009C47;}
.talent_pppc li.i2 i {background-color:#2DBAB4; background-image:url('/pub/images/icon_talent_pppc02.svg');}
.talent_pppc li.i2 strong {color:#2DBAB4;}
.talent_pppc li.i3 i {background-color:#8EC21F; background-image:url('/pub/images/icon_talent_pppc03.svg');}
.talent_pppc li.i3 strong {color:#8EC21F;}
.talent_pppc li.i4 i {background-color:#E9AB4E; background-image:url('/pub/images/icon_talent_pppc04.svg');}
.talent_pppc li.i4 strong {color:#E9AB4E;}
.talent_leader {display:flex; flex-wrap:wrap; gap:60px;}
.talent_leader li {position:relative; width:calc(50% - 30px); background:#FCF3E5; padding:60px;}
.talent_leader li:nth-child(2n-1) {text-align:right;}
.talent_leader li:after {content:""; position:absolute; bottom:0; background:no-repeat 50% 50% / contain; right:20px;}
.talent_leader li:nth-child(2n-1):after {left:20px; right:auto;}
.talent_leader li .tt {font-size:26px; font-weight:700; line-height:30px; margin-bottom:20px;}
.talent_leader li p {position:relative; color:#666; font-weight:500; z-index:1; text-shadow:#fcf3e5 0 0 1px,#fcf3e5 0 0 1px,#fcf3e5 0 0 1px,#fcf3e5 0 0 1px,#fcf3e5 0 0 1px;}
.talent_leader li.i1 {border-radius:40px 0 0 0;}
.talent_leader li.i1:after {background-image:url('/pub/images/icon_talent_leader01.svg'); width:186px; height:122px; bottom:20px;}
.talent_leader li.i2 {border-radius:0 40px 0 0;}
.talent_leader li.i2:after {background-image:url('/pub/images/icon_talent_leader02.svg'); width:186px; height:118px; bottom:20px;}
.talent_leader li.i3 {border-radius:0 0 40px 0;}
.talent_leader li.i3:after {background-image:url('/pub/images/icon_talent_leader03.svg'); width:180px; height:123px; bottom:50px;}
.talent_leader li.i4 {border-radius:0 0 0 40px;}
.talent_leader li.i4:after {background-image:url('/pub/images/icon_talent_leader04.svg'); width:184px; height:118px; bottom:50px;}

/* U2 HR (Human Reliances) */
.reliance_cbox {position:relative; z-index:1; display:flex;}
.reliance_cbox:before {content:""; position:absolute; top:0; left:50%; width:100vw; height:100%; margin-left:-50vw; background:#FCF3E5; z-index:-1;}
.reliance_cbox .txt {width:60%; padding:60px 0;}
.reliance_cbox .txt strong {color:#E9AB4E; font-weight:500;}
.reliance_cbox .img {width:40%;}
.reliance_cbox i.mail {display:inline-block; vertical-align:top; width:18px; height:27px; background:url('/pub/images/icon_mail.svg') no-repeat 50% 50% / contain; margin:0 5px;}
.reliance_cbox.i1 .img {background:url('/pub/images/icon_reliance01.svg') no-repeat bottom right;}
.reliance_cbox.i2 {margin-top:120px;}
.reliance_cbox.i2 .img {background:url('/pub/images/icon_reliance02.svg') no-repeat center left;}
.reliance_btn {margin-bottom:120px; display:flex; justify-content:center;}
.reliance_btn .btn_go {display:flex; justify-content:center; align-items:center; font-size:18px; color:#fff; font-weight:700; line-height:60px; height:60px; width:240px; background:linear-gradient(-120deg, #2AD47D, #008A43); border-radius:30px; text-align:center;}
.reliance_btn .btn_go:after {content:""; display:block; width:8px; height:14px; background:url('/pub/images/arrow_btn.svg') no-repeat 50% 50% / contain; margin-left:10px;}
.gbox_slim {background:#F8F8F8; border-radius:20px; padding:60px; text-align:center;}
.gbox_slim strong {color:#E9AB4E; font-weight:600;}
.directional {position:relative; max-width:1060px; margin:80px auto 0; padding:20px 0;}
.directional .center {position:relative; width:560px; height:560px; background:url('/pub/images/img_evaluation02.svg') no-repeat 50% 50% / contain; margin:0 auto; transition:.2s linear;}
.directional .center .cen {position:absolute; top:50%; left:50%; width:175px; height:175px; background:url('/pub/images/logo_hr.svg') no-repeat 50% 50% / contain; transform:translate(-50%,-58%); transition:.2s linear;}
.directional .center ul {position:absolute; top:0; left:0; width:100%; height:100%;}
.directional .center li {position:absolute; color:#fff; transition:.2s linear;}
.directional .center li.t1 {top:110px; left:120px;}
.directional .center li.t2 {top:140px; right:90px;}
.directional .center li.t3 {bottom:160px; left:80px;}
.directional .center li.t4 {bottom:130px; right:110px;}
.directional .center .arrow {position:absolute; top:50%; left:50%; width:500px; height:500px; transform:translate(-50%,calc(-50% - 6px));}
.directional .center .arrow i {position:absolute; width:53px; height:53px; mask:url('/pub/images/img_evaluation02_arw.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/img_evaluation02_arw.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
.directional .center .arrow i.i1 {background:#8EC21F; top:30px; left:30px;}
.directional .center .arrow i.i2 {background:#009C47; top:30px; right:30px; transform:rotate(90deg);}
.directional .center .arrow i.i3 {background:#E9AB4E; bottom:30px; left:30px; transform:rotate(270deg);}
.directional .center .arrow i.i4 {background:#2DBAB4; bottom:30px; right:30px; transform:rotate(180deg);}
.directional .side {position:absolute; top:0; left:0; width:100%; height:100%;}
.directional .side li {position:absolute; color:#707070; font-weight:500; border:#ddd 1px solid; border-radius:20px; background:#fff; width:280px; height:100px; display:flex; align-items:center; padding:0 34px;}
.directional .side li span {width:100%;}
.directional .side .c1 {top:0; left:0; text-align:right;}
.directional .side .c1 b {color:#8EC21F;}
.directional .side .c2 {top:0; right:0;}
.directional .side .c2 b {color:#009C47;}
.directional .side .c3 {bottom:0; left:0; text-align:right;}
.directional .side .c3 b {color:#E9AB4E;}
.directional .side .c4 {bottom:0; right:0;}
.directional .side .c4 b {color:#2DBAB4;}

/* 채용문의 */
.recruitment_top .img {background:url('/pub/images/img_recruitment01.svg') no-repeat right 40px bottom;}
.round_zig {margin:120px 0;}
.online_contact:before {background:#F8F8F8;}
.online_contact > * {height:420px;}
.online_contact .txt {display:flex; flex-direction:column; justify-content:center;}
.online_contact .tit {font-size:40px; color:#000; font-weight:600; line-height:60px;}
.online_contact .tit strong {font-weight:inherit;}
.online_contact p {font-weight:600; margin:15px 0 40px;}
.online_contact .btn_down {display:flex; justify-content:center; color:#fff; font-weight:700; line-height:60px; height:60px; width:260px; border-radius:30px; background:#8EC21F;}
.online_contact .btn_down:after {content:""; display:block; width:17px; height:inherit; background:url('/pub/images/btn_down.svg') no-repeat 50% 50% / contain; margin-left:5px;}
.online_contact .img {background:url('/pub/images/img_recruitment03.svg') no-repeat right bottom;}

/* E카달로그 */
.catalog_list {display:flex; flex-wrap:wrap; gap:60px 40px;}
.catalog_list li {width:calc((100% - 120px)/4);}
.catalog_list li a {display:block;}
.catalog_list li .img {position:relative; display:block; border:#ddd 1px solid; border-radius:20px; overflow:hidden; height:240px;}
.catalog_list li img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:auto; height:auto; max-width:100%; max-height:100%;}
.catalog_list li p {font-size:20px; color:#333; font-weight:600; line-height:24px; text-align:center; margin-top:20px;}
.catalog_list li .hover {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:20px; z-index:1; opacity:0; transition:.2s linear;}
.catalog_list li .hover:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; background:linear-gradient(#009844,#8EC21F); opacity:.7;}
.catalog_list li .hover i {width:40px; height:40px; background:url('/pub/images/icon_cata_plus.svg') no-repeat 50% 50% / contain;}
.catalog_list li .hover b {display:block; font-size:20px; color:#fff;}
.catalog_list li:hover .hover {opacity:1;}

/* 약관 팝업 */
.yaks {font-size:18px; color:#000; line-height:28px; max-width:1360px;}
.yaks .tit {position:relative; font-size:24px; color:#333; font-weight:700; line-height:1.4; text-align:center; padding-bottom:20px; margin-bottom:20px;}
.yaks .tit:after {content:""; position:absolute; bottom:0; left:50%; width:30px; height:2px; background:#ddd; transform:translate(-50%,0);}
.yaks ul {margin:10px 0 20px;}
.yaks ul li {padding:5px 0 5px 20px; text-indent:-20px;}
.yaks ul ul {margin:5px 0 0;}
.yaks ul:last-child {margin-bottom:0;}

/* 지배구조 */
.chartbox {background:#F8F8F8; padding:60px 50px; display:flex; justify-content:space-between; align-items:center; gap:20px;}
.chartbox .dnt_chart {width:40.4%;}
.chartbox .txt {width:45.5%;}
.chartbox .tt {position:relative; border-bottom:#333 1px solid; padding:0 20px 30px; margin-bottom:40px;}
.chartbox .tt p {font-size:20px; color:#000; line-height:24px; margin-bottom:14px;}
.chartbox .tt .counter {font-size:48px; color:#079C47; font-weight:700; line-height:58px;}
.chartbox .tt .tar {position:absolute; bottom:30px; right:20px; font-size:15px; color:#999; margin:0;}
.chartbox .dls dl {display:flex; justify-content:space-between; align-items:center; padding:0 20px; line-height:24px; margin-bottom:30px;}
.chartbox .dls dl:last-child {margin-bottom:0;}
.chartbox .dls dt {position:relative; font-size:20px; color:#000; font-weight:500; padding-left:40px;}
.chartbox .dls dt:before {content:""; position:absolute; top:2px; left:0; width:20px; height:20px; border-radius:50%;}
.chartbox .dls dd {font-size:18px; color:#5d5d5d; text-align:right;}
/* .chartbox .dls .c1 dt:before {background:#8EC21F;}
.chartbox .dls .c2 dt:before {background:#999;}
.chartbox .dls .c3 dt:before {background:#ddd;}
.chartbox .dls .c4 dt:before {background:#009C47;} */

.chartbox .dls .c1 dt:before {background:rgba(255, 99, 132, 1);}
.chartbox .dls .c2 dt:before {background:rgba(54, 162, 235, 1);}
.chartbox .dls .c3 dt:before {background:rgba(255, 206, 86, 1);}
.chartbox .dls .c4 dt:before {background:rgba(75, 192, 192, 1);}
.chartbox .dls .c5 dt:before {background:rgba(153, 102, 255, 1);}
.chartbox .dls .c6 dt:before {background:rgba(255, 159, 64, 1);}
.chartbox .dls .c7 dt:before {background:rgba(199, 199, 199, 1);}
.chartbox .dls .c8 dt:before {background:rgba(83, 102, 255, 1);}
.chartbox .dls .c9 dt:before {background:rgba(255, 162, 235, 1);}
.chartbox .dls .c10 dt:before {background:rgba(255, 99, 64, 1);}
.chartbox .dls .c11 dt:before {background:rgba(132, 99, 255, 1);}
.chartbox .dls .c12 dt:before {background:rgba(54, 235, 86, 1);}
.chartbox .dls .c13 dt:before {background:rgba(206, 162, 86, 1);}
.chartbox .dls .c14 dt:before {background:rgba(75, 99, 192, 1);}
.chartbox .dls .c15 dt:before {background:rgba(99, 192, 255, 1);}
.chartbox .dls .c16 dt:before {background:rgba(153, 159, 64, 1);}
.chartbox .dls .c17 dt:before {background:rgba(255, 206, 132, 1);}
.chartbox .dls .c18 dt:before {background:rgba(102, 102, 255, 1);}
.chartbox .dls .c19 dt:before {background:rgba(255, 83, 235, 1);}
.chartbox .dls .c20 dt:before {background:rgba(235, 159, 64, 1);}

.dlbox {position:relative; padding:60px 0 60px 330px; border-top:#000 2px solid; border-bottom:#ddd 2px solid; margin-bottom:80px;}
.dlbox:last-child {margin-bottom:0;}
.dlbox .tit {position:absolute; top:60px; left:0; font-size:30px; color:#000; font-weight:700; line-height:36px;}
.dlbox .con {display:flex; flex-wrap:wrap; gap:120px 100px;}
.dlbox dl {width:calc((100% - 200px)/3); color:#000;}
.dlbox dt {position:relative; font-size:22px; font-weight:700; line-height:26px; padding-bottom:20px; border-bottom:#ddd 1px solid;}
.dlbox dt:after {content:""; position:absolute; bottom:-5px; left:0; width:10px; height:10px; background:#8EC21F; border-radius:50%; z-index:1;}
.dlbox .tt {font-size:18px; font-weight:700; line-height:22px; margin:30px 0 20px;}
.dlbox p {font-size:18px; color:#333; line-height:22px; margin-bottom:10px;}
.dlbox li {margin-bottom:10px;}
.dlbox li:last-child {margin-bottom:0;}
.dlbox .s li {font-size:16px; color:#999; line-height:24px; padding-left:8px; text-indent:-8px;}
.dlbox .b li {font-size:18px; color:#333; line-height:30px; padding-left:10px; text-indent:-10px;}

/* 주가정보 */
.stork_box {display:flex; gap:20px; margin-bottom:120px;}
.stork_box > * {border-radius:40px; box-shadow:rgba(0,0,0,.1) 0 0 15px; padding:40px;}
.stork_box .today {position:relative; width:490px; display:flex; background:#F8F8F8}
.stork_box .today:before {content:""; position:absolute; bottom:0; left:24px; width:205px; height:100%;  background:#fff; mask:url('/pub/images/bg_today.svg') no-repeat 50% 100% / contain; -webkit-mask:url('/pub/images/bg_today.svg') no-repeat 50% 100% / contain;}
.stork_box .today > * {position:relative; z-index:1;}
.stork_box .today .left {width:200px;}
.stork_box .today .tit {font-size:22px; color:#000; font-weight:700; line-height:26px; display:flex;}
.stork_box .today .tit p {font-size:15px; font-weight:400; margin-left:6px;}
.stork_box .today .name {font-size:32px; color:#009C47; font-weight:700; line-height:42px; margin-top:30px;}
.stork_box .today .right {width:calc(100% - 200px);}
.stork_box .today .right p {font-size:15px; color:#999; line-height:18px;}
.stork_box .today .count {font-size:48px; color:#000; font-weight:600; line-height:58px; margin-top:30px; display:flex; gap:10px; align-items:center;}
.stork_box .today .count:after {content:""; width:30px; height:24px; mask:url('/pub/images/icon_stork.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_stork.svg') no-repeat 50% 50% / contain;}
.stork_box .today .count.up:after {background:#D50000;}
.stork_box .today .count.down:after {background:#00AAFF; transform:scaleY(-1);}
.stork_box .updown.ud01 {width:280px;}
.stork_box .updown.ud02 {width:590px;}
.stork_box .updown table {font-size:18px; line-height:60px; text-align:center;}
.stork_box .updown th {color:#999; border-bottom:#ddd 1px solid;}
.stork_box .updown td {color:#000; font-weight:600;}
.tbl.updown td i {margin-right:5px;}
.updown i {display:inline-block; width:15px; height:12px; mask:url('/pub/images/icon_stork.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_stork.svg') no-repeat 50% 50% / contain;}
.updown i.up {background:#D50000;}
.updown i.down {background:#00AAFF; transform:scaleY(-1);}