@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"],
input[type="date"],
select,
textarea {border:#ddd 1px solid; max-width:100%; border-radius:4px;}
input[type="text"],
input[type="password"],
input[type="date"],
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;}
.imgfit img {width:auto; height:auto; max-width:100%; max-height:100%; object-fit:cover;}

span.br {display:block;}
.mo_vw {display:none !important;}

.inner {width:100%; max-width:1460px; margin:0 auto; padding:0 20px;}

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

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {transition-duration:1.2s;}

/* 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);}

/* 익스 브라우저 사용시 */
.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; font-size:0;}
.ie_wrap .link a i {font-size:60px;}
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:101;}
.blind_link a:active,
.blind_link a:focus {font-size:20px; color:#fff; background:#000; padding:20px;}

/* 게시판 목록 */
.board_top {display:flex; justify-content:space-between; margin-bottom:40px;}
.board_top .total {line-height:50px;}
.board_top .total strong {color:#0156A7; font-weight:400;}
.board_top .search_area {position:relative; border:#EBEBEB 1px solid; border-radius:5px; padding-right:100px; width:500px;}
.board_top .search_area .text {width:100%; height:48px; border:0; background:none; padding:0 20px;}
.board_top .search_area .text::placeholder {font-size:16px; color:#999;}
.board_top .search_area .btn {position:absolute; top:-1px; right:-1px; width:100px; height:50px; line-height:50px; text-align:center; color:#fff; background:#0156A7; border-radius:5px;}

.board_list {border-top:#222 1px solid;}
.board_list ul {display:flex; height:80px; text-align:center; border-bottom:#EBEBEB 1px solid; color:#222;}
.board_list .th {background:#F6F6F6; font-weight:600;}
.board_list li {display:flex; justify-content:center; align-items:center;}
.board_list li.tal {justify-content:flex-start;}
.board_list li.tal a {display:inline-block; vertical-align:top; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.state {font-size:16px; font-weight:600; line-height:34px; height:36px; width:100px; border-radius:18px; text-align:center; margin:0 auto; border:#EBEBEB 1px solid;}
.state.ing {color:#fff; background:#0156A7;}
.state.end {color:#666; background:#ddd;}
.board_list .notice {display:block; font-size:16px; color:#0156A7; font-weight:600; line-height:34px; height:36px; width:80px; text-align:center; border:#0156A7 1px solid; border-radius:17px; margin:0 auto;}
.board_list .file {display:block; width:20px; height:20px; background:url('/pub/images/icon_file.svg') no-repeat 50% 50% / contain;}
.board_list li:nth-child(1) {width:190px;}
.board_list li:nth-child(6) {width:120px;}
.board_list.set1 li:nth-child(2) {width:calc(100% - 890px);}
.board_list.set1 li:nth-child(3) {width:250px;}
.board_list.set1 li:nth-child(4) {width:160px;}
.board_list.set1 li:nth-child(5) {width:170px;}
.board_list.set2 li:nth-child(2) {width:calc(100% - 800px);}
.board_list.set2 li:nth-child(3) {width:170px;}
.board_list.set2 li:nth-child(4) {width:170px;}
.board_list.set2 li:nth-child(5) {width:150px;}
.board_list.set2_m1 li:nth-child(2) {width:calc(100% - 650px);}
.board_list.set2_m1 li:nth-child(3) {width:170px;}
.board_list.set2_m1 li:nth-child(4) {width:170px;}
.board_list.set2_m1 li:nth-child(5) {width:120px;}

.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; border-radius:4px; vertical-align:top;}
.board_bottom .paging {text-align:center; margin-top:60px;}
.board_bottom .paging a {display:inline-block; width:45px; height:45px; line-height:45px; text-align:center; border-radius:50%; font-size:14px; vertical-align:top; margin:0 2px;}
.board_bottom .paging a.on {color:#0156A7; font-weight:600;}
.board_bottom .paging .nums {margin:0 10px;}
.board_bottom .paging .arrow {border:#EBEBEB 1px solid; font-size:0;}
.board_bottom .paging .arrow:before {content:""; display:block; width:100%; height:100%; background:url('/pub/images/arrow_page.svg') no-repeat 50% 50%;}
.board_bottom .paging .arrow.prev {margin-right:10px;}
.board_bottom .paging .arrow.next {margin-left:10px;}
.board_bottom .paging .arrow.next:before {transform:scale(-1);}

/* 게시판 상세 */
.board_view {border-top:#000 1px solid;}
.board_view .tit {padding:40px; border-bottom:#EBEBEB 1px solid;}
.board_view .tit strong {display:block; font-size:34px; color:#000; font-weight:600; line-height:40px; word-break:break-word;}
.board_view .info {display:flex; gap:40px; align-items:center; margin-top:30px;}
.board_view .info dl {position:relative; display:flex; gap:20px; align-items:center;}
.board_view .info dl:after {content:""; position:absolute; top:50%; right:-20px; width:1px; height:20px; background:#ddd; transform:translateY(-50%);}
.board_view .info dl:last-child:after {display:none;}
.board_view .info dt {font-weight:600;}
.board_view .info dd {color:#666;}
.board_view .info dd .state {margin:0;}
.board_view .file_box {border-bottom:#EBEBEB 1px solid; padding-left:80px; line-height:100px; background:url('/pub/images/icon_down.svg') no-repeat 40px 40px;}
.board_view .file_box a {display:block;}
.board_view .con {padding:55px 40px; border-bottom:#ddd 1px solid; word-break:break-word;}
.board_view .prev_next > * {position:relative; padding-left:260px; height:80px; line-height:80px;}
.board_view .prev_next span {position:absolute; top:0; left:0; font-size:16px; color:#231815; font-weight:600; padding-left:135px;}
.board_view .prev_next span:before {content:""; position:absolute; top:0; left:60px; width:16px; height:100%; background:url('/pub/images/arrow_prev_next.svg') no-repeat 50% 50% / contain;}
.board_view .prev_next a {display:block; font-size:16px; color:#666;}
.board_view .prev {border-bottom:#eee 1px solid;}
.board_view .next {border-bottom:#ddd 1px solid;}
.board_view .next span:before {transform:scaleY(-1);}
.btn_list,
.btn_submit {display:block; font-size:16px; color:#666; line-height:52px; height:54px; width:200px; text-align:center; border:#ddd 1px solid; border-radius:5px; margin:80px auto 0;}

/* 갤러리 목록 */
.gall_list {display:flex; flex-wrap:wrap; gap:100px 40px;}
.gall_list li {width:calc((100% - 80px)/3);}
.gall_list li a {display:block;}
.gall_list li .imgfit {display:block; width:100%; height:305px; overflow:hidden;}
.gall_list li .txt {display:block; margin-top:30px;}
.gall_list li strong {display:block; font-size:20px; color:#222; font-weight:600; line-height:32px; margin-bottom:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gall_list li p {display:block; height:22px; line-height:22px;}

/* header */
.header {position:fixed; top:0; left:0; width:100%; height:100px; z-index:100; background:#fff; transition:.2s linear;}
.header.fixed {box-shadow:rgba(0,0,0,.1) 0 0 20px;}
.header .logo {position:absolute; top:0; left:75px; line-height:100px; font-size:0; z-index:21; background:no-repeat 50% 50% / contain;}
.header .logo h1 {font-size:0; opacity:0; width:0; height:0;}
.header .logo img {transition:.2s linear;}
.header.on .logo {background-image:url('/pub/images/logo_w.svg');}
.header.on .logo img {opacity:0;}
.header .gnb {position:relative; display:flex; justify-content:center;}
.header .gnb .inbox {display:flex; justify-content:center;}
.header .gnb .bg {position:fixed; top:100px; left:0; width:100%; height:0; background:#0156A7; transition:.2s linear;}
.header .gnb .bg:before {content:""; position:absolute; top:0; left:0; width:300px; height:100%; background:#222;}
.header .gnb .menu {position:relative;}
.header .gnb .menu > a {display:block; font-size:18px; color:#222; font-weight:700; line-height:100px; padding:0 50px;}
.header .gnb .menu.on > a {color:#000;}
.header .gnb .snb {position:fixed; top:100px; left:0; width:100%; display:flex; justify-content:center; gap:70px; height:0; overflow:hidden; transition:.2s linear;}
.header .gnb .snb a {position:relative; display:block; font-size:18px; color:#fff; font-weight:400; line-height:80px; text-align:center;}
.header .gnb .snb a:after {content:""; position:absolute; top:calc(50% + 15px); left:50%; width:0; height:1px; background:#fff; transition:.2s linear;}
.header .gnb .snb a.on:after {left:0; width:100%;}
.header .gnb .gnb1 .snb {padding-right:15%;}
.header .gnb .gnb4 .snb {padding-left:10%;}
.header .gnb .gnb5 .snb {padding-left:20%;}
.header .gnb .gnb6 .snb {padding-left:30%;}
.header .btn_menu {position:absolute; top:0; right:50px; width:40px; height:100%; font-size:0; z-index:21; transition:0s;}
.header .btn_menu:before,
.header .btn_menu:after {content:""; position:absolute; top:50%; left:50%; width:40px; height:2px; background:#222; margin-left:-20px;}
.header .btn_menu:before {margin-top:-6px;}
.header .btn_menu:after {margin-top:4px;}
.header.on .btn_menu {right:0; width:95px; height:100vh;}
.header.on .btn_menu:before,
.header.on .btn_menu:after {width:20px; margin:-1px 0 0 -10px; background:#fff;}
.header.on .btn_menu:before {transform:rotate(135deg);}
.header.on .btn_menu:after {transform:rotate(-135deg);}
.header .langs {position:absolute; top:0; right:140px; width:30px; height:100%; z-index:1;}
.header .langs dt {width:100%; height:inherit; background:url('/pub/images/icon_langs.svg') no-repeat 50% 50%; cursor:pointer; font-size:0;}
.header .langs dd {position:absolute; top:70px; left:50%; width:80px; background:#fff; border:#ddd 1px solid; padding:5px 0; transform:translateX(-50%); display:none;}
.header .langs dd a {display:block; font-size:13px; color:#222; font-weight:700; line-height:30px; text-align:center; font-family:'Plus Jakarta Sans';}
.header .langs dd a.on {color:#003994;}
.header .sitemap {position:fixed; top:0; left:0; width:100vw; height:0; padding-top:0; background:#181E23; z-index:20; opacity:0; overflow:hidden; transition:.2s linear;}
.header.on .sitemap {height:100vh; opacity:1; padding-top:100px;}
.header .sitemap:before {content:""; position:absolute; top:100px; width:0; height:1px; background:#EBEBEB; opacity:.13; transition:.4s linear;}
.header.on .sitemap:before {width:100%; transition-delay:.2s;}
.header .sitemap .flex {display:flex; width:100%; height:100%;}
.header .sitemap .flex:before,
.header .sitemap .flex:after {content:""; position:absolute; top:0; width:1px; height:0; background:#EBEBEB; opacity:.13; z-index:1; transition:.4s linear;}
.header .sitemap .flex:before {left:420px;}
.header .sitemap .flex:after {right:95px;}
.header.on .sitemap .flex:before,
.header.on .sitemap .flex:after {height:100vh;}
.header.on .sitemap .flex:before {transition-delay:.6s;}
.header.on .sitemap .flex:after {transition-delay:.7s;}
.header .sitemap .address {display:flex; flex-direction:column; justify-content:flex-end;padding:0 0 105px 75px; width:420px;}
.header .sitemap .address strong {display:block; font-size:18px; color:#fff; line-height:22px; margin-bottom:25px;}
.header .sitemap .address dl {display:flex; gap:10px; font-size:16px; color:#fff; line-height:24px; margin-bottom:20px;}
.header .sitemap .address dl:last-child {margin-bottom:0;}
.header .sitemap .address dt {font-weight:700;}
.header .sitemap .address dd {font-weight:500; opacity:.5;}
.header .sitemap .menus {position:relative; width:calc(100% - 515px); max-height:100vh; padding-bottom:50px; overflow:auto;}
.header .sitemap .menu {position:relative; padding:30px 75px 0; transition:.2s linear;}
.header .sitemap .menu:after {content:""; position:absolute; top:30px; right:150px; width:300px; height:200px; background:no-repeat 50% 50% / cover; z-index:1; opacity:0; pointer-events:none; transition:.4s linear;}
.header .sitemap .menu.gnb1:after {background-image:url('/pub/images/img_sitemap01.jpg'); top:30px;}
.header .sitemap .menu.gnb2:after {background-image:url('/pub/images/img_sitemap02.jpg'); top:10px;}
.header .sitemap .menu.gnb3:after {background-image:url('/pub/images/img_sitemap03.jpg'); top:-10px;}
.header .sitemap .menu.gnb4:after {background-image:url('/pub/images/img_sitemap04.jpg'); top:-30px;}
.header .sitemap .menu.gnb5:after {background-image:url('/pub/images/img_sitemap05.jpg'); top:-50px;}
.header .sitemap .menu.gnb6:after {background-image:url('/pub/images/img_sitemap06.jpg'); top:-70px;}
.header .sitemap .menu > a {display:inline-block; vertical-align:top; font-size:26px; color:#fff; font-weight:600; line-height:32px; margin-bottom:10px;}
.header .sitemap .menu.on {background:#0156A7;}
.header .sitemap .snb {display:flex; gap:10px 40px; flex-wrap:wrap; border-bottom:rgba(235,235,235,.13) 1px solid; padding-bottom:25px;}
.header .sitemap .snb a {position:relative; display:block; font-size:18px; color:rgba(255,255,255,.8); line-height:30px;}
.header .sitemap .snb a:after {content:""; position:absolute; bottom:0; right:0; width:0; height:1px; background:#fff; transition:.2s linear;}
.header .sitemap .snb a.on:after {width:100%; left:0;}
.header .btn_close {position:fixed; font-size:0; width:0; height:0;}

/* footer */
.footer {position:relative; background:#181E23; padding:80px 0 85px; z-index:1;}
.footer .inner {position:relative; background:url('/pub/images/logo_w.svg') no-repeat 20px 0 / 139px; padding-top:90px;}
.footer .links {position:absolute; top:-15px; right:20px; display:flex; gap:20px;}
.footer .links a {position:relative; display:block; width:200px; height:45px; line-height:45px; font-size:16px; color:rgba(255,255,255,.8); font-weight:500; padding:0 30px; border-radius:23px; background:#31363E;}
.footer .links a:after {content:""; position:absolute; top:0; right:30px; height:100%; background:no-repeat 50% 50% / contain;}
.footer .links a.link:after {width:7px; background-image:url('/pub/images/arrow_link.svg');}
.footer .links a.down:after {width:15px; background-image:url('/pub/images/arrow_down.svg');}
.footer .address {display:flex; flex-wrap:wrap; gap:20px 30px;}
.footer strong {display:block; font-size:18px; color:#fff; line-height:22px; width:100%;}
.footer dl {display:flex; gap:10px; font-size:16px; color:#fff; line-height:20px;}
.footer dt {font-weight:600;}
.footer dd {font-weight:500; opacity:.5;}
.footer .copy {font-size:12px; color:#F2F2F2; line-height:14px; opacity:.5; margin-top:40px;}
.gotop {position:fixed; bottom:0; right:0; width:70px; height:70px; background:#fff url('/pub/images/arrow_gotop.svg') no-repeat 50% 50%;}

/* main */
.mc01_wrap {position:relative; margin-top:100px; padding-top:420px; height:calc(100vh + 200px);}
.mc01_width {position:fixed; top:-100vh; left:-100vw; width:1770px; height:780px; z-index:-1; pointer-events:none;}
.mc01_height {position:fixed; top:-100vh; left:-100vw; width:0; height:calc(10vh + 140px); z-index:-1; pointer-events:none;}
.mc01_height2 {position:fixed; top:-100vh; left:-100vw; width:0; height:400px; z-index:-1; pointer-events:none;}
.mv_txt {position:absolute; top:-232px; left:0; width:100%; font-size:50px; color:#222; font-weight:800; line-height:70px; text-align:center;}
.mv_txt strong {font-size:inherit; color:#0045B2; font-weight:inherit;}
.mc01_box {position:absolute; bottom:0; left:50%; transform:translateX(-50%); max-width:100vw; max-height:100vh;}
.mc01 {display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; margin:0 auto; animation:mc01 5s linear forwards; overflow:hidden;}
.mc01_stop {position:absolute; bottom:calc(100vh + 140px);}
.mc01 .mv_txt {color:#fff;}
.mc01 .mv_txt strong {color:#fff;}
.mc01 .txt {position:absolute; width:100%; padding:20px;}
.mc01 .txt strong {display:block; font-size:70px; color:#fff; line-height:1;}
.mc01 .txt p {font-size:18px; color:#fff; font-weight:600; line-height:28px; margin-top:50px;}
.mc01_slide {position:relative; width:100%; max-width:100vw; z-index:-1;}
.mc01_slide .slick-slide {max-width:100%;}
.mc01_slide img {height:780px; width:1770px; min-height:780px; max-height:100vh; min-width:1770px; max-width:100vw; object-fit:cover;}
.mc01_wrap.end .mv_txt {top:calc(50% - 260px) !important;}
.mc01_wrap.end .txt {top:160px !important;}

.mcon {position:relative; top:100px; opacity:0; transition:.8s linear;}
.mcon.on {top:0; opacity:1;}
.mcon .title {position:relative; margin-bottom:60px; text-align:center;}
.mcon .title span {display:block; font-size:16px; color:#2C73B6; font-weight:700; line-height:22px; margin-bottom:24px; font-family:'Plus Jakarta Sans', sans-serif;}
.mcon .title strong {font-size:32px; color:#fff; line-height:40px;}
.mcon .title strong.s {font-size:30px;}
.mcon .tb {font-size:18px; color:#fff; line-height:28px; text-align:center; opacity:.6; margin:40px 0 50px;}
.mcon .start {position:absolute; top:-70vh;}

.mc02 {position:relative; background:#181E23 url('/pub/images/bg_mc02.jpg') no-repeat 0 100% / 100%; padding:300px 0 600px;}
.mc02 .bg {position:absolute; background:no-repeat 50% 50% / contain;}
.mc02 .bg1 {top:-128px; left:320px; width:453px; height:587px; background-image:url('/pub/images/bg_mc02_01.svg');}
.mc02 .bg2 {top:0; right:0; width:287px; height:270px; background-image:url('/pub/images/bg_mc02_02.png');}
.mc02 .bg3 {top:65px; left:-130px; width:162px; height:174px; background-image:url('/pub/images/bg_mc02_03.png');}
.mc02 .mc02_slide_wrap {position:relative;}
.mc02 .mc02_slide_wrap.mb {margin-bottom:380px;}
.mc02 .bg_txt {bottom:-125px; left:50%; /* font-size:210px; color:rgba(255,255,255,0); line-height:1; -webkit-text-stroke:1px rgba(255,255,255,.2); */ margin-left:-990px; width:1276px; height:153px; background:url('/pub/images/txt_condenser.svg') no-repeat 50% 50% / contain; font-size:0;}

.mc02_slide {position:relative; left:50%; height:550px; width:1650px; transform:translateX(-50%);}
.mc02_slide .slick-arrow {position:absolute; top:50%; width:31px; height:61px; margin-top:-30px; background:url('/pub/images/arrow_slide.svg') no-repeat 50% 50% / contain; font-size:0; z-index:1;}
.mc02_slide .slick-prev {left:84px;}
.mc02_slide .slick-next {right:84px; transform:scaleX(-1);}
.mc02_slide .slick-slide {position:relative; font-size:0;}
.mc02_slide .slick-slide i {position:relative; display:flex; justify-content:center; align-items:center; width:550px; height:550px;}
.mc02_slide .slick-slide img {position:absolute; top:50%; left:calc(100% - 210px); width:330px; transform:translate(-50%,-50%); transition:.2s linear;}
.mc02_slide .slick-active i img {left:calc(100% - 210px);}
.mc02_slide .slick-current i img {left:50%; width:550px;}
.mc02_slide .slick-active + .slick-current ~ .slick-slide i img {left:210px;}
.mc02_slide_wrap button:first-child:focus,
.mc02_slide_wrap button:last-child:focus {outline:none;}
.mc02_slide_wrap a p {position:absolute; bottom:40px; left:40px; /* padding-right:80px; */ font-size:40px; color:#fff; font-weight:600; line-height:60px; opacity:0; text-shadow:rgba(0,0,0,.6) 0 0 20px;}
.mc02_slide_wrap a p:after {content:""; position:relative; display: inline-block; vertical-align: top; margin-left:20px; width:60px; height:60px; border:#ebebeb 1px solid; background:url('/pub/images/arrow_more.svg') no-repeat 50% 50%; border-radius:50%; transition:.2s linear;}
.mc02_slide_wrap .slick-current p {opacity:1; transition:.2s linear; transition-delay:.3s;}
/* .mc02_slide_wrap .slick-current p:after {opacity:0;} */
.mc02_slide_mo {display:none;}

.mc03 {padding:160px 0;}
.mc03 .inner {display:flex; gap:120px;}
.mc03 .title {position:relative; text-align:left; margin-bottom:40px;}
.mc03 .title span {margin-bottom:18px;}
.mc03 .title strong {color:#222; font-weight:600;}
.mc03 .title .more {position:absolute; bottom:0; right:0; font-size:14px; color:#222; font-family:'Poppins', sans-serif; width:135px; height:36px; border-radius:18px; border:#EBEBEB 1px solid; display:flex; justify-content:center; align-items:center; gap:10px;}
.mc03 .title .more:after {content:""; width:9px; height:34px; background:#222; mask:url('/pub/images/icon_more.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_more.svg') no-repeat 50% 50% / contain;}
.mc03 .news {width:780px;}
.mc03 .news ul {border-top:#222 1px solid;}
.mc03 .news li {border-bottom:#EBEBEB 1px solid;}
.mc03 .news li a {position:relative; padding:45px 70px 45px 160px; display:block;}
.mc03 .news .date {position:absolute; top:0; left:0; width:70px; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; font-family:'Plus Jakarta Sans', sans-serif;}
.mc03 .news .date span {font-size:10px; color:#999; font-weight:500; line-height:14px; margin-bottom:10px;}
.mc03 .news .date strong {font-size:36px; color:#222; font-weight:700; line-height:1;}
.mc03 .news p {font-size:18px; color:#222; font-weight:500; line-height:31px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mc03 .news i {position:absolute; top:50%; right:10px; width:45px; height:45px; border:#EBEBEB 1px solid; border-radius:50%; transform:translateY(-50%); transition:.2s linear;}
.mc03 .news i:before {content:""; display:block; width:100%; height:100%; background:#222; mask:url('/pub/images/arrow_more_mboard.svg') no-repeat 50% 50%; -webkit-mask:url('/pub/images/arrow_more_mboard.svg') no-repeat 50% 50%; transition:.2s linear;}
.mc03 .ir {width:520px;}
.mc03 .ir .links {display:flex; flex-wrap:wrap; gap:40px;}
.mc03 .ir .links a {display:block; width:calc(50% - 20px); height:225px; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.mc03 .ir .links a:before {content:""; display:block; width:100%; height:37px; background:no-repeat 50% 50%;}
.mc03 .ir .links a p {font-size:18px; color:#fff; font-weight:600; line-height:21px; margin-top:24px;}
.mc03 .ir .links a.i1 {background:#0156A7;}
.mc03 .ir .links a.i1:before {background-image:url('/pub/images/icon_mc03_01.svg');}
.mc03 .ir .links a.i2 {background:#4E89C1;}
.mc03 .ir .links a.i2:before {background-image:url('/pub/images/icon_mc03_02.svg');}
.mc03 .ir .links a.i3 {background:#273E55;}
.mc03 .ir .links a.i3:before {background-image:url('/pub/images/icon_mc03_03.svg');}
.mc03 .ir .links a.i4 {background:#0156A7;}
.mc03 .ir .links a.i4:before {background-image:url('/pub/images/icon_mc03_04.svg');}

.mc04 {padding-bottom:200px;}
.mc04 .inner {display:flex; gap:40px;}
.mc04 .stock {width:360px; font-family:'Plus Jakarta Sans', sans-serif; color:#222; border:#EBEBEB 1px solid; padding:50px 50px 40px;}
.mc04 .stock strong {display:block; font-size:30px; font-weight:800; line-height:40px;}
.mc04 .stock .count {font-size:70px; font-weight:800; line-height:72px; margin:30px 0;}
.mc04 .stock .pct {font-size:16px; color:#0156A7; font-weight:600; line-height:22px;}
.mc04 .stock .kosdaq {display:flex; margin-top:90px; gap:80px; font-size:16px;}
.mc04 .link {/* width:calc((100% - 440px)/2); */ width: calc(50% - 20px); height: 400px; text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; background:no-repeat 50% 50% / cover;}
.mc04 .link .tit {position:relative; font-size:22px; color:#fff; font-weight:600; line-height:26px; padding-bottom:23px; margin-bottom:32px;}
.mc04 .link .tit:after {content:""; position:absolute; bottom:0; left:50%; width:24px; height:1px; background:#fff; transform:translateX(-50%);}
.mc04 .link p {font-size:26px; color:#fff; font-weight:600; line-height:42px; margin-bottom:55px;}
.mc04 .link .btn_link {font-size:16px; color:#fff; line-height:52px; height:54px; width:200px; border:#EBEBEB 1px solid; border-radius:5px; display:flex; justify-content:center; align-items:center; gap:18px;}
.mc04 .link .btn_link:after {content:""; display:block; width:6px; height:52px; background:url('/pub/images/icon_more2.svg') no-repeat 50% 50% / contain;}
.mc04 .link.i1 {background-image:url('/pub/images/bg_mc04_01.jpg');}
.mc04 .link.i2 {background-image:url('/pub/images/bg_mc04_02.jpg');}

/* sub */
.svisual {position:relative; height:750px; display:flex; flex-direction:column; justify-content:center; align-items:center; margin-top:100px; overflow:hidden; z-index: 1;}
.svisual:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:no-repeat 50% 50% / cover; animation:svisual 4s linear forwards; z-index:-1;}
@keyframes svisual {
	0% {transform:scale(1.1);}
	100% {transform:scale(1);}
}
.svisual .name {font-size:50px; color:#fff; font-weight:800; line-height:60px;}
.svisual .location {display:flex; justify-content:center; align-items:center; font-size:16px; color:#fff; line-height:20px; margin-top:25px;}
.svisual .location i {width:16px; height:20px; background:url('/pub/images/icon_home.svg') no-repeat 50% 50% / contain;}
.svisual .location em {width:37px; height:20px; background:url('/pub/images/arrow_location.svg') no-repeat 50% 50%;}
.svisual .location span {opacity:.7; font-weight:600;}
.svisual .location strong {font-weight:600;}
.svisual.g01:before {background-image:url('/pub/images/svisua01.jpg');}
.svisual.g02:before {background-image:url('/pub/images/svisua02.jpg');}
.svisual.g03:before {background-image:url('/pub/images/svisua03.jpg');}
.svisual.g04:before {background-image:url('/pub/images/svisua04.jpg');}
.svisual.g05:before {background-image:url('/pub/images/svisua05.jpg');}
.svisual.g06:before {background-image:url('/pub/images/svisua06.jpg');}
.svisual.g09:before {background-image:url('/pub/images/svisua09.jpg');}

.aside {position: relative; border-bottom:#ddd 1px solid; z-index: 1;}
.aside dt {display:none;}
.aside dd {display:flex;}
.aside dd a {position:relative; flex:1 1 20%; font-size:18px; color:#666; line-height:86px; text-align:center; z-index:1;}
.aside dd a:after {content:""; position:absolute; bottom:-1px; left:50%; width:0; height:1px; background:#0156A7; transition:.2s linear;}
.aside dd a.on {color:#0156A7; font-weight:600;}
.aside dd a.on:after {left:0; width:100%;}

.container {padding:160px 0; font-size:18px; color:#222; line-height:28px;}
.container .title {font-size:34px; color:#222; font-weight:600; line-height:55px; text-align:center; margin-bottom:100px;}
.container .title.s {font-weight:400;}
.container .title strong {color:#0156A7; font-weight:600;}
.container .tb.mt {margin-top:40px;}
.container .tb.mb {margin-bottom:160px;}
.ntit {color:#000; font-weight:600; line-height:22px; margin:40px 0 20px;}
.jtit {font-size:20px; color:#000; font-weight:700; font-family:'Plus Jakarta Sans', sans-serif; margin-bottom:20px;}
.btit {position:relative; font-size:30px; color:#222; font-weight:600; line-height:36px; margin:160px 0 60px;}
.btit.mb3 {margin-bottom:30px;}
.btit span {position:absolute; top:0; right:0; font-size:18px; font-weight:400;}

.jq_tab {display:flex; justify-content:center; gap:16px; margin-bottom:40px;}
.jq_tab.mb {margin-bottom:160px;}
.jq_tab li {width:calc((100% - 42px)/4);}
.jq_tab li a,
.jq_tab li button {display:block; width:100%; font-size:20px; color:#666; line-height:68px; height:70px; border:#ddd 1px solid; border-radius:5px; text-align:center; background:#fff;}
.jq_tab li.on a,
.jq_tab li.on button {color:#fff; font-weight:600; background:#0156A7; border-color:#0156A7;}

.jq_cont .jq_tab {gap:0; margin:-20px auto 0;}
.jq_cont .jq_tab li {width:130px; border-bottom:#ddd 1px solid;}
.jq_cont .jq_tab li button {position:relative; font-size:18px; line-height:60px; height:60px; text-align:center; border-radius:0; border:0;}
.jq_cont .jq_tab li button:after {content:""; position:absolute; bottom:-1px; left:50%; width:0; height:2px; background:#0156A7; transition:.2s linear;}
.jq_cont .jq_tab li.on button {color:#0156A7; background:none;}
.jq_cont .jq_tab li.on button:after {left:0; width:100%;}

/* 기업소개 */
.aboutus {position:relative; padding-top:35px; text-align:center;}
.aboutus:before {content:""; position:absolute; top:0; left:50%; width:24px; height:2px; background:#0156A7; transform:translateX(-50%);}
.aboutus p {line-height:30px; margin:0 0 50px;}
.company_info {padding:200px 0; background:url('/pub/images/bg_company_info.jpg') no-repeat 50% 50% / cover; margin-top:160px;}
.company_info .tit {font-size:40px; color:#fff; font-weight:700; line-height:1; margin-bottom:100px; text-align:center;}
.company_info .dls {display:flex; flex-wrap:wrap; border-top:rgba(255,255,255,.2) 1px solid;}
.company_info .dls dl {width:50%; border-bottom:rgba(255,255,255,.2) 1px solid; font-size:18px; color:#fff; display:flex;}
.company_info .dls dt,
.company_info .dls dd {display:flex; align-items:center; height:100px;}
.company_info .dls dt {opacity:.7; font-weight:600; width:180px; justify-content:center;}
.company_info .dls dd {width:calc(100% - 180px);}
.company_info .dls dl:nth-child(2n) {padding-left:120px;}

/* 인사말 */
.greeting {position:relative; padding:80px 0 0 calc(50% - 20px); min-height:592px;}
.greeting:before {content:""; position:absolute; top:40px; left:calc(50% - 20px); width:25px; height:2px; background:#0156A7;}
.greeting i {position:absolute; top:0; left:0; width:546px; height:554px; background:url('/pub/images/img_greeting.jpg') no-repeat 50% 50% / cover; border-radius:0 100px 0 0;}
.greeting i:before {content:""; position:absolute; bottom:-38px; right:-38px; width:320px; height:460px; background:linear-gradient(#2B8AE5,#0156A7); opacity:.08;}
.greeting p {margin-top:30px;}
.greeting p.mt {margin-top:60px; font-size:20px;}

/* 연혁 */
.container.g01.s03 {background:url('/pub/images/bg_history.jpg') no-repeat 50% 100% / contain;}
.history_wrap {position:relative; padding-left:405px;}
.history_wrap .his_start {position:absolute; top:-150px;}
.history_wrap .his_end {position:absolute; bottom:438px;}
.history_wrap .his_head {position:absolute; top:0; left:0;}
.history_wrap .his_head .tit {font-size:56px; color:#000; font-weight:800; line-height:74px; font-family:'Plus Jakarta Sans', sans-serif; margin-bottom:70px;}
.history_wrap .his_head ul {border-left:#ddd 1px solid;}
.history_wrap .his_head li {position:relative; font-size:20px; color:#999; font-weight:700; line-height:26px; margin-bottom:28px; padding-left:26px;}
.history_wrap .his_head li:last-child {margin-bottom:0;}
.history_wrap .his_head li:before {content:""; position:absolute; top:0; left:-1px; width:3px; height:100%; background:#0045B2; opacity:0; transition:.2s linear;}
.history_wrap .his_head li.on {color:#222;}
.history_wrap .his_head li.on:before {opacity:1;}
.history_wrap.start .his_head {position:fixed; top:150px; left:50%; margin-left:-710px;}
.history_wrap.end .his_head {position:absolute; top:auto; bottom:0; left:0; margin-left:0;}

.history {position:relative; padding-left:80px;}
.history .line {position:absolute; top:20px; left:0; width:1px; background:#EBEBEB; overflow:hidden;}
.history .line .bar {position:absolute; top:0; left:0; width:1px; background:#0156A7; font-size:0;}
.height_plus,
.height_hisvh,
.height_padding {position:fixed; top:50%; left:0; font-size:0;}
.height_plus {height:260px;}
.height_hisvh {height:40vh;}
.height_padding {height:0;}
.history dl {position:relative; margin-bottom:150px; padding-left:140px;}
.history dl:last-child {margin-bottom:0;}
.history dt {position:absolute; top:0; left:0; font-size:36px; color:#999; font-weight:800; line-height:1; font-family:'Plus Jakarta Sans', sans-serif;}
.history .point {position:absolute; top:-40vh;}
.history .link {position:absolute; top:-150px;}
.history dt:before,
.history dt:after {content:""; position:absolute; top:50%; border-radius:50%; transform:translateY(-50%); transition:.2s linear;}
.history dt:before {left:-93px; width:26px; height:26px; background:#fff; border:#EBEBEB 1px solid;}
.history dt:after {left:-88px; width:16px; height:16px; background:#EBEBEB;}
.history dl.on dt {color:#0156A7;}
.history dl.on dt:before {border-color:#0156A7;}
.history dl.on dt:after {background:#0156A7;}
.history dd ul {padding-top:5px;}
.history dd li {position:relative; padding-left:64px; color:#999; margin-bottom:35px;}
.history dd li:last-child {margin-bottom:0;}
.history dd span {position:absolute; top:0; left:0; font-size:20px;}
.history dl.on dd li {color:#222;}

/* CI소개 */
.cibox {border:#EBEBEB 1px solid; width:100%; height:320px; display:flex; justify-content:center; align-items:center;}
.ci_info {display:flex; gap:30px; margin-top:80px;}
.ci_info li {width:calc((100% - 60px)/3); padding:80px 20px; text-align:center;}
.ci_info li:before {content:""; display:block; width:100%; height:50px; background:no-repeat 50% 50%;}
.ci_info li strong {display:block; font-size:26px; color:#fff; font-weight:600; line-height:32px; margin:28px 0 45px;}
.ci_info li p {color:#fff;}
.ci_info li.i1 {background:#0156A7;}
.ci_info li.i1:before {background-image:url('/pub/images/icon_ci_info01.svg');}
.ci_info li.i2 {background:#4E89C1;}
.ci_info li.i2:before {background-image:url('/pub/images/icon_ci_info02.svg');}
.ci_info li.i3 {background:#273E55;}
.ci_info li.i3:before {background-image:url('/pub/images/icon_ci_info03.svg');}

/* 오시는길 */
.map_area {position:relative; height:686px;}
.map_area .hover_txt {position:absolute; top:0; left:0; width:100%; height:100%; font-size:20px; color:#fff; background:rgba(0,0,0,.5); z-index:9; opacity:0;}
.map_area .hover_txt p {position:relative; display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-align:center; padding:0 20px;}
.map_text {position:relative; padding:200px 0 0 480px; margin-top:-115px; z-index:20;}
.map_text .info {position:absolute; top:0; left:0; width:370px; height:340px; padding:60px 50px; display:flex; flex-direction:column; justify-content:space-between; color:#fff; background:#273E55;}
.map_text .info .name {font-size:24px; font-weight:700; line-height:38px;}
.map_text li {position:relative; color:#000; line-height:24px; margin-bottom:30px; padding-left:120px;}
.map_text li strong {position:absolute; top:0; left:0; font-size:20px; color:#0156A7; padding-left:40px; background:no-repeat 0 50%;}
.map_text li.add strong {background-image:url('/pub/images/icon_add.svg');}
.map_text li.tel {margin-bottom:0;}
.map_text li.tel strong {background-image:url('/pub/images/icon_tel.svg');}

/* 제품소개 */
.side_titbox {position:relative; padding-left:260px; margin-bottom:160px;}
.side_titbox:last-child {margin-bottom:0;}
.side_titbox .tit {position:absolute; top:0; left:0; width:190px; font-size:30px; color:#222; font-weight:600; line-height:36px;}
.side_titbox .tit span {display:block; font-size:20px;}
.side_titbox .first_img {margin-bottom:40px;}
.side_titbox .letter5 {letter-spacing:.5px;}
/* 콘덴서소개 */
.side_titbox .ibox p {color:#666;}
.side_titbox .ibox li:before {content:""; background:no-repeat 50% 50%;}
.side_titbox .ibox strong {display:block; font-size:22px; font-weight:600; line-height:26px;}
.side_titbox .iset1 {display:flex; gap:25px; margin-top:40px;}
.side_titbox .iset1 li {width:calc((100% - 75px)/4); padding:35px 25px 50px; text-align:center; border:#EBEBEB 1px solid;}
.side_titbox .iset1 li:before {display:block; width:100%; height:52px;}
.side_titbox .iset1 strong {color:#0156A7; text-align:center; margin:24px 0 44px;}
.side_titbox .icons_condenser1 li.i1:before {background-image:url('/pub/images/icon_condenser_a01.svg');}
.side_titbox .icons_condenser1 li.i2:before {background-image:url('/pub/images/icon_condenser_a02.svg');}
.side_titbox .icons_condenser1 li.i3:before {background-image:url('/pub/images/icon_condenser_a03.svg');}
.side_titbox .icons_condenser1 li.i4:before {background-image:url('/pub/images/icon_condenser_a04.svg');}
.side_titbox .iset2 {margin-top:40px; border-top:#EBEBEB 1px solid;}
.side_titbox .iset2 li {position:relative; border-bottom:#EBEBEB 1px solid; padding:75px 0 75px 145px;}
.side_titbox .iset2 li:before {position:absolute; top:50%; left:0; width:100px; height:100px; border-radius:50%; transform:translateY(-50%);}
.side_titbox .iset2 strong {margin-bottom:20px;}
.side_titbox .icons_condenser2 li.i1:before {background-image:url('/pub/images/icon_condenser_b01.svg'); background-color:#0156A7;}
.side_titbox .icons_condenser2 li.i1 strong {color:#0156A7;}
.side_titbox .icons_condenser2 li.i2:before {background-image:url('/pub/images/icon_condenser_b02.svg'); background-color:#4E89C1;}
.side_titbox .icons_condenser2 li.i2 strong {color:#4E89C1;}
.side_titbox .icons_condenser2 li.i3:before {background-image:url('/pub/images/icon_condenser_b03.svg'); background-color:#273E55;}
.side_titbox .icons_condenser2 li.i3 strong {color:#273E55;}
.side_titbox .certification {display:flex; gap:40px; flex-wrap:wrap;}
.side_titbox .certification li {width:calc((100% - 120px)/4);}
.side_titbox .certification i {display:block; border:#EBEBEB 1px solid; padding:6px 4px;}
.side_titbox .certification p {color:#000; line-height:22px; text-align:center; margin-top:20px;}
/* 전해 콘덴서 */
.side_titbox .btns {display:flex; gap:20px;}
.side_titbox .btns.mt {margin-top:40px;}
.side_titbox .btn_down {display:block; font-size:16px; color:#2B8AE5; font-weight:600; line-height:52px; height:54px; width:200px; border:#2B8AE5 1px solid; border-radius:5px; text-align:center;}
.type_area {border-top:#EBEBEB 1px solid;}
.type_area dl {border-bottom:#EBEBEB 1px solid; padding:60px 0; display:flex; gap:25px;}
.type_area dt {width:calc(27.879% - 75px);}
.type_area dt strong {display:block; font-size:28px; color:#000; line-height:36px; margin-bottom:30px;}
.type_area dd {width:23.707%; height:152px; border:#ddd 1px solid; display:flex; flex-direction:column; justify-content:center; gap:20px; padding:0 20px; background:#fff;}
.type_area dd strong {display:block; color:#0156A7;}
.type_area dd .count {font-size:24px; color:#000; font-weight:600;}
.gbox {background:#F7F8F9; padding:60px 0;}
.gbox.mtb {margin:160px 0;}
.gbox .type_area dl:last-child {border-bottom:0;}
.tbl {border-top:#222 1px solid;}
.tbl.mt {margin-top:60px;}
.tbl th,
.tbl td {color:#000; height:80px; text-align:center; border-bottom:#EBEBEB 1px solid;}
.tbl th {font-weight:600; background:#F6F6F6;}
.tbl tbody td {font-size:16px;}
.tbl .bdr {border-right:#EBEBEB 1px solid;}
.tbl .w11p {width:11%;}
.tbl .w17p {width:17%;}
.tbl .w17_7p {width:17.7%;}
.tbl .w21p {width:21%;}
.tbl .w37p {width:37%;}
.tbl.bdr th,
.tbl.bdr td {border-right:#EBEBEB 1px solid;}
.tbl.bdr th:last-child,
.tbl.bdr td:last-child {border-right:0;}
.tbl.pd2 td {padding:0 20px;}
.tbl.bdd th,
.tbl.bdd td {border-color:#ddd;}
.half_area {display:flex; gap:70px;}
.half_area .box {width:calc(50% - 35px);}
.side_titbox .img {border:#EBEBEB 1px solid; height:360px; margin-bottom:20px; display:flex; justify-content:center; align-items:center;}
.side_titbox .tar {font-size:16px;}
.side_titbox .img + .tar {margin:40px 0 20px;}
.glbox {border:#EBEBEB 1px solid; height:350px; display:flex; justify-content:center; align-items:center;}
.glbox.mt {margin-top:30px;}

/* 금융IT산업 환경 */
.side_titbox .icons_environment1 {gap:40px;}
.side_titbox .icons_environment1 li {width:calc(50% - 20px);}
.side_titbox .icons_environment1 li.i1:before {background-image:url('/pub/images/icon_environment01.svg');}
.side_titbox .icons_environment1 li.i2:before {background-image:url('/pub/images/icon_environment02.svg');}
.side_titbox .icons_environment2 li.i1:before {background-image:url('/pub/images/icon_condenser_b01.svg'); background-color:#0156A7;}
.side_titbox .icons_environment2 li.i1 strong {color:#0156A7;}
.side_titbox .bg_set {display:flex; gap:30px; flex-wrap:wrap; margin-top:40px;}
.side_titbox .bg_set li {width:calc(50% - 15px); padding:45px 30px; min-height:248px; background:no-repeat 50% 50% / cover; color:#fff;}
.side_titbox .bg_set li strong {display:block; font-size:22px; font-weight:600; margin-bottom:38px;}
.side_titbox .bg_set li p {font-size:16px; opacity:.8;}
.side_titbox .bg_set li.i1 {background-image:url('/pub/images/bg_environment01.jpg');}
.side_titbox .bg_set li.i2 {background-image:url('/pub/images/bg_environment02.jpg');}
.side_titbox .bg_set li.i3 {background-image:url('/pub/images/bg_environment03.jpg');}
.side_titbox .bg_set li.i4 {background-image:url('/pub/images/bg_environment04.jpg');}

/* 제품 소개 */
.jq_tab_wrap {position:relative; height:70px; margin-bottom:160px;}
.jq_tab_wrap.on .jq_tab {position:fixed; top:100px; left:50%; width:1420px; max-width:calc(100vw - 40px); transform:translateX(-50%); z-index:20; background:#fff;}
.jq_tab_wrap #start {position:absolute; top:-100px;}
.half_box {position:relative; display:flex; gap:90px; margin-bottom:160px;}
.half_box:nth-child(2n-1) {flex-direction:row-reverse;}
.half_box .point {position:absolute; top:-220px;}
.half_box .link {position:absolute; top:-200px;}
.half_box .img {width:calc(50% - 90px);}
.half_box .txt {width:50%; padding-top:20px;}
.half_box .tit {font-size:40px; color:#222; font-weight:700; line-height:48px; margin-bottom:35px;}
.half_box p {position:relative; color:#000; padding-left:10px; margin-bottom:20px; letter-spacing:-.5px;}
.half_box p:before {content:""; position:absolute; top:13px; left:0; width:2px; height:2px; background:#000; border-radius:50%;}
.half_box dl {border-top:#EBEBEB 1px solid; padding-top:20px;}
.half_box dt {color:#0156A7; font-weight:600; line-height:22px; margin-bottom:20px;}
.half_box dd {display:flex; flex-wrap:wrap; gap:20px;}
.half_box dd span {font-size:16px; color:#000; line-height:20px;}

/* 고객사 */
.customer_list {display:flex; flex-wrap:wrap; gap:60px 30px;}
.customer_list li {width:calc((100% - 90px)/4);}
.customer_list i {width:100%; height:196px; border:#ddd 1px solid; display:flex; justify-content:center; align-items:center;}
.customer_list i img {width:auto; height:auto; max-width:100%; max-height:100%; object-fit:cover;}
.customer_list p {color:#000; line-height:22px; margin-top:30px; text-align:center;}
.customer_list .a09 img {max-height:40px;}
.customer_list .a14 img {max-height:60px;}

/* 채용정보 */
.recruitment_step {display:flex; gap:38px; margin-bottom:125px;}
.recruitment_step li {position:relative; width:calc((100% - 152px)/5);}
.recruitment_step li:before {content:""; position:absolute; top:0; left:-38px; width:38px; height:100%; background:url('/pub/images/arrow_step.svg') no-repeat 50% 50%;}
.recruitment_step li:first-child:before {display:none;}
.recruitment_step .outbox {position:relative; padding-top:100%;}
.recruitment_step .box {position:absolute; top:0; left:0; width:100%; height:100%; border:#EBEBEB 1px solid; border-radius:50%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.recruitment_step .box span {display:block; font-size:20px; color:#0156A7; font-weight:600; line-height:24px;}
.recruitment_step .box i {display:block; width:100%; height:65px; background:no-repeat 50% 50%; margin:25px 0 16px;}
.recruitment_step .box strong {display:block; font-size:22px; color:#000; font-weight:600; line-height:26px;}
.recruitment_step .i1 i {background-image:url('/pub/images/icon_recruitment_step01.svg');}
.recruitment_step .i2 i {background-image:url('/pub/images/icon_recruitment_step02.svg');}
.recruitment_step .i3 i {background-image:url('/pub/images/icon_recruitment_step03.svg');}
.recruitment_step .i4 i {background-image:url('/pub/images/icon_recruitment_step04.svg');}
.recruitment_step .i5 .box {background:#0156A7;}
.recruitment_step .i5 span,
.recruitment_step .i5 strong {color:#fff;}
.recruitment_step .i5 i {background-image:url('/pub/images/icon_recruitment_step05.svg');}
.step_list li {padding:50px 0 50px 110px; display:flex; line-height:26px; border-bottom:#EBEBEB 1px solid;}
.step_list li:first-child {padding-top:0;}
.step_list li:last-child {padding-bottom:0; border-bottom:0;}
.step_list span {width:220px; color:#0156A7; display:flex; gap:10px; justify-content:center;}
.step_list strong {font-weight:600;}
.step_list .tit {font-size:22px; color:#000; font-weight:600; width:200px; text-align:center;}
.step_list p {padding-left:60px; color:#000;}
.ideal_talent ul {display:flex; gap:31px;}
.ideal_talent li {width:calc((100% - 93px)/4); height:350px; padding:35px 40px; display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start; background:no-repeat 50% 50% / cover; color:#fff;}
.ideal_talent li.i1 {background-image:url('/pub/images/bg_ideal_talent01.jpg');}
.ideal_talent li.i2 {background-image:url('/pub/images/bg_ideal_talent02.jpg');}
.ideal_talent li.i3 {background-image:url('/pub/images/bg_ideal_talent03.jpg');}
.ideal_talent li.i4 {background-image:url('/pub/images/bg_ideal_talent04.jpg');}
.ideal_talent li strong {display:block; margin-bottom:25px; font-size:22px; font-weight:600;}
.ideal_talent .arrow {width:100%; height:49px; background:url('/pub/images/arrow_ideal_talent.svg') no-repeat 50% 50% / contain; margin:55px 0;}
.ideal_talent .bbox {text-align:center;}
.ideal_talent .bbox span {display:inline-block; vertical-align:top; font-size:22px; color:#000; font-weight:500; line-height:26px; padding:22px 20px; background:#F6F9FB; border-top:#E5E5E5 1px solid; border-bottom:#E5E5E5 1px solid;}
.ideal_talent .bbox span:before,
.ideal_talent .bbox span:after {content:""; display:inline-block; vertical-align:top; width:12px; height:9px; background:url('/pub/images/icon_dda.svg') no-repeat 50% 50% / contain;}
.ideal_talent .bbox span:before {margin-right:5px;}
.ideal_talent .bbox span:after {margin-left:5px; transform:rotate(180deg);}
.ideal_talent .bbox strong {color:#0156A7; font-weight:600;}
.welfare {display:flex; flex-wrap:wrap; gap:30px;}
.welfare li {position:relative; width:calc(50% - 15px); height:180px; border:#EBEBEB 1px solid;padding:40px;}
.welfare li:before {content:""; position:absolute; top:40px; right:40px; width:35px; height:42px; background:no-repeat right top;}
.welfare strong {display:block; font-size:22px; color:#0156A7; font-weight:600; line-height:26px; margin-bottom:20px;}
.welfare p {color:#222;}
.welfare p.pl {padding-left:10px; text-indent:-10px;}
.welfare li.i1:before {background-image:url('/pub/images/icon_welfare01.svg');}
.welfare li.i2:before {background-image:url('/pub/images/icon_welfare02.svg');}
.welfare li.i3:before {background-image:url('/pub/images/icon_welfare03.svg');}
.welfare li.i4:before {background-image:url('/pub/images/icon_welfare04.svg');}
.welfare li.i5:before {background-image:url('/pub/images/icon_welfare05.svg');}
.welfare li.i6:before {background-image:url('/pub/images/icon_welfare06.svg');}

/* 공시자료 */
.dart_wrap {position:relative; left:50%; width:1420px; margin:-190px 0 -450px -710px;}
.dart_wrap .blank {position:absolute; background:#fff; z-index:1;}
.dart_wrap .blank.top {top:0; left:0; width:100%; height:190px; z-index: 2; display: flex; align-items: flex-end;}
.dart_wrap .blank.top .inbox {display: flex; justify-content: space-between; align-items: flex-end; width:980px; max-width: 100%; margin: 0 auto;}
.dart_wrap .blank.top .logo {width: 136px; height: 69px; background: url('/pub/images/logo_kind.gif') no-repeat 50% 50% / contain;}
.dart_wrap .blank.left {top:0; right:50%; width:100px; height:100%; margin-right:500px;}
.dart_wrap .blank.bottom {bottom:0; right:0; width:100%; height:450px;}
.dart_wrap .blank.right {bottom:0; left:50%; width:220px; height:100%; margin-left:510px;}
.dart_wrap iframe {margin:0 auto; width:1200px; max-width:100%;}

/* 1:1문의 */
.inquiry_wrap {display:flex; gap:50px 60px; flex-wrap:wrap;}
.inquiry_wrap dl {width:calc(50% - 30px);}
.inquiry_wrap dt {color:#000; font-weight:700; line-height:22px; margin-bottom:20px;}
.inquiry_wrap dt span {font-size:16px; color:#848484; font-weight:300; margin-left:10px;}
.inquiry_wrap dd input.text {height:60px; padding:0 20px;}
.inquiry_wrap dd textarea.text {height:300px; padding:25px 20px;}

.capcha {display:flex;}
.capcha .imgfit {width:230px; height:60px; border-radius:5px 0 0 5px; border:#ddd 1px solid; overflow:hidden;}
.capcha .re {width:70px; background:url('/pub/images/btn_re.svg') no-repeat #ddd 50% 50%; border-radius:0 5px 5px 0;}
.capcha .text {width:300px; margin-left:30px;}

label.check {position:relative; padding-left:40px; color:#000; line-height:25px;}
label.check input {display:none;}
label.check i {position:absolute; top:0; left:0; width:25px; height:25px; border:#ddd 1px solid; border-radius:2px; transition:.2s linear;}
label.check i:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/pub/images/icon_check.svg') #222 no-repeat 55% 50%; opacity:0; transition:.2s linear;}
label.check input:checked + i {border-color:#222;}
label.check input:checked + i:before {opacity:1;}
label.check a {font-size:16px; text-decoration:underline; margin-left:15px;}

.contact_wrap {margin-top:160px; padding:160px 0 200px; background:url('/pub/images/bg_contact.jpg') no-repeat 50% 50% / cover;}
.contact_wrap .title {position:relative; font-size:40px; color:#fff; font-weight:700; padding-bottom:40px; margin-bottom:60px;}
.contact_wrap .title:after {content:""; position:absolute; bottom:0; left:50%; width:24px; height:2px; background:#fff; opacity:.52; transform:translateX(-50%);}
.contact_wrap ul {display:flex; gap:30px;}
.contact_wrap li {width:calc((100% - 120px)/4); height:260px; border:rgba(255,255,255,.5) 1px solid; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#fff; text-align:center;}
.contact_wrap li:before {content:""; display:block; width:100%; height:50px; background:no-repeat 50% 50%;}
.contact_wrap li strong {display:block; font-size:22px; font-weight:600; line-height:26px; margin:20px 0;}
.contact_wrap li p {font-weight:600; line-height:24px; font-family:'Plus Jakarta Sans';}
.contact_wrap li.i1:before {background-image:url('/pub/images/icon_contact01.svg');}
.contact_wrap li.i2:before {background-image:url('/pub/images/icon_contact02.svg');}
.contact_wrap li.i3:before {background-image:url('/pub/images/icon_contact03.svg');}
.contact_wrap li.i4:before {background-image:url('/pub/images/icon_contact04.svg');}

/* 개인정보처리방침 */
.terms_wrap {color:#000; line-height:30px;}
.terms_wrap .gbox {text-align:center; padding:50px 20px; margin-bottom:160px;}
.terms_wrap .tit {font-size:20px; color:#000; font-weight:800; line-height:24px; margin:80px 0 40px;}
.terms_wrap ul {padding-left:25px;}
.terms_wrap li {padding-left:20px; text-indent:-20px;}
.terms_wrap .tbl {border-top:0; margin-top:40px;}
.terms_wrap .tbl th,
.terms_wrap .tbl td {border:#707070 1px solid;}
.terms_wrap .tbl td {padding:60px 20px; line-height:25px;}
.terms_wrap .tbl tr > * {width:auto;}
.terms_wrap .tbl tr > *:nth-child(1) {width:27.5%;}

/* 팝업 */
.popup,
.popup .dm {position:fixed; top:0; left:0; width:100%; height:100%;}
.popup {z-index:101; display:none;}
.popup .dm {background:rgba(0,0,0,.5);}
.popup .inbox {position:absolute; top:50%; left:50%; width:1200px; max-width:calc(100vw - 40px); transform:translate(-50%,-50%); background:#fff; padding:50px;}
.popup .btn_close {position:absolute; top:0; right:0; width:80px; height:80px; font-size:0;}
.popup .btn_close:before,
.popup .btn_close:after {content:""; position:absolute; top:50%; left:50%; width:30px; height:2px; background:#222; margin:-1px 0 0 -15px;}
.popup .btn_close:before {transform:rotate(45deg);}
.popup .btn_close:after {transform:rotate(-45deg);}
.popup .scroll {height:calc(100vh - 270px); overflow:auto;}