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

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

/* color */
body{
	--c_iden:#6EAF12;
}
.c_iden {color:#6EAF12 !important;}
br.tb_vw {display:none;}

/* 게시판 목록 */
.board_list {border-top:#222 1px solid;}
.board_list th,
.board_list td {height:70px; text-align:center; border-bottom:#ddd 1px solid; font-size:16px; color:#111;}
.board_list th {color:#333;}
.board_list td {color:#666;}
.board_list td.tal a {display:inline-block; vertical-align:top; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 18px;line-height: 28px;font-weight: 400;}
.board_list .num {width:150px;}
.board_list .num span {display:block; color:#fff; font-weight:700; line-height:30px; height:30px; width:80px; max-width:100%; text-align:center; background:var(--c_iden); border-radius:15px; text-align:center; margin:0 auto;}
.board_list .tal {width:auto;}
.board_list .file {width:90px;}
.board_list .file i {display:block; width:24px; height:24px; background:url('/pub/images/icon_file.svg') no-repeat 50% 50% / contain; margin:0 auto;}
.board_list .name {width:90px;}
.board_list .date {width:150px;}
.board_list .hit {width:90px;}

.board_top {position:relative;}
.board_top .search_wrap {position:absolute; top:-60px; right:0;display:flex; justify-content:center; align-items:center; gap:10px;}
.board_top .nice-select {width:120px; height:40px; line-height:38px; border-radius:0;}
.board_top .search_area {width:300px; height:40px; border:#ebebeb 1px solid; display:flex; overflow:hidden;}
.board_top .search_area .text {width:calc(100% - 48px); height:38px; border:0; border:0; padding:0 16px; outline:0;}
.board_top .search_area .btn {width:48px; height:38px; background:url('/pub/images/icon_search.svg') no-repeat 50% 50%; border:0; outline:0; font-size:0;}

.board_bottom .paging {display:flex; justify-content:center; gap:10px; margin-top:45px;}
.board_bottom .paging a {width:36px; height:36px; line-height:36px; text-align:center; border-radius:50%; border:0;}
.board_bottom .paging a.on {background:var(--c_iden); color:#fff; font-weight:600;}
.board_bottom .paging .arrow {font-size:0; background:no-repeat 50% 50% !important;}
.board_bottom .paging .two {background-image:url('/pub/images/page_two.svg') !important;}
.board_bottom .paging .one {background-image:url('/pub/images/page_one.svg') !important;}
.board_bottom .paging .prev {margin-right:10px;}
.board_bottom .paging .next {margin-left:10px;}
.board_bottom .paging .next,
.board_bottom .paging .last {transform:scaleX(-1);}

/* 게시판 상세 */
.board_view {border-top:#222 1px solid;}
.board_view .tit {padding:25px 60px; border-bottom:#ebebeb 1px solid;}
.board_view .tit .tt {display:flex; gap:0 16px; font-size:26px; color:#111; font-weight:700; line-height:30px; margin-bottom:22px;}
.board_view .tit .tt .notice {display:block; font-size:16px; color:#fff; font-weight:700; line-height:30px; height:30px; width:80px; max-width:100%; text-align:center; background:var(--c_iden); border-radius:15px; text-align:center;}
.board_view .tit .info {display:flex; gap:38px; flex-wrap:wrap; align-items:center; overflow:hidden;}
.board_view .tit .info dl {position:relative; display:flex; gap:16px; line-height:20px; font-size:16px; color:#111;}
.board_view .tit .info dl:before {content:""; position:absolute; top:50%; left:-20px; width:2px; height:2px; background:#222; border-radius:50%; margin-top:-1px;}
.board_view .tit .info dt {font-weight:500;}
.board_view .file {display:flex; background:#F8F8F8; font-size:16px; color:#111; line-height:20px; padding:20px 0;}
.board_view .file dt {width:140px; padding-left:60px; font-weight:500;}
.board_view .file dd {width:calc(100% - 140px);}
.board_view .file dd a {display:block;}
.board_view .con {padding:80px 60px; border-bottom:#ebebeb 1px solid;}
.board_view .con img {height:auto !important;}
.board_view .prevnext a {position:relative; display:block; border-bottom:#ebebeb 1px solid; padding-left:180px; color:#111; /* line-height:80px; */}
.board_view .prevnext span {position:absolute; top:0; left:0; font-weight:500; padding-left:86px;}
.board_view .prevnext span:before {content:""; position:absolute; top:0; left:60px; width:12px; height:100%; background:url('/pub/images/arrow_page.svg') no-repeat 50% 50% / contain;}
.board_view .prevnext .next span:before {transform:rotate(180deg);}
.btn_list {display:block; font-size:16px; color:#666; font-weight:600; line-height:46px; height:48px; width:180px; text-align:center; border:#ebebeb 1px solid; border-radius:24px; margin:80px auto 0;}

/* 게시판 쓰기 */
.board_write {border-top:#ddd 2px solid;}
.board_write th,
.board_write td {text-align:left; padding:10px; border-bottom:#ddd 1px solid;}
.board_write th {color:#333; width:200px;}
.board_write td {color:#666;}

/* 갤러리 목록 */
.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;}

/* bg_animation */
.bg_gra10 {animation:bg_gra10 4s infinite;}
@keyframes bg_gra10 {
	0% {opacity:0.1;}
	50% {opacity:0.15;}
	100% {opacity:0.1;}
}
.bg_gra15 {animation:bg_gra15 8s infinite;}
@keyframes bg_gra15 {
	0% {opacity:0.15;}
	50% {opacity:0.3;}
	100% {opacity:0.15;}
}
.bg_gra20 {animation:bg_gra20 6s infinite;}
@keyframes bg_gra20 {
	0% {opacity:0.2;}
	50% {opacity:0.3;}
	100% {opacity:0.2;}
}

/* header */
.header {position:fixed; top:0; left:0; width:100%; background:#fff; z-index:100; transition:.2s linear;}
.header:before {content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#ebebeb;}
.header .bg {position:absolute; top:100%; left:0; width:100%; height:62px; z-index:-1; background:#fff; transition:.2s linear; /* background-color: rgba(255,255,255,0.1); backdrop-filter: blur(15px); */}
.header.main .bg {height:0;}
.header .inner {position:relative; height:60px;}
.header .logo {position:absolute; top:0; left:20px; line-height:60px; font-size:0; z-index:10; transition:0s;}
.header .logo h1 {font-size:0; opacity:0; width:0; height:0;}

.header .langs {position:absolute; top:0; right:95px; width:24px; height:100%; z-index:10;}
.header .langs .btn {position:relative; display:block; height:inherit; padding-right:17px; font-size:0;}
.header .langs .btn:before {content:""; display:block; width:18px; height:inherit; background:#000; mask:url('/pub/images/icon_langs.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_langs.svg') no-repeat 50% 50% / contain;}
.header .langs .btn:after {content:""; position:absolute; top:0; right:0; width:10px; height:100%; background:#000; mask:url('/pub/images/arrow_langs.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/arrow_langs.svg') no-repeat 50% 50% / contain; transition:.4s linear;}
.header .langs.on .btn:after {transform:rotate(180deg);}
.header .langs .list {position:absolute; top:80px; left:50%; width:60px; padding:5px 0; background:#fff; box-shadow:rgba(0,0,0,.1) 0 0 10px; border-radius:5px; transform:translateX(-50%); display:none;}
.header .langs .list a {display:block; font-size:13px; color:#666; line-height:30px; text-align:center;}
.header .langs .list a.on {color:#6EAF12; font-weight:600;}
.header.on .langs {right:120px; margin:0;}
.header.on .langs .btn {display:none;}
.header.on .langs .list {position:relative; top:0; left:0; width:auto; height:100%; padding:0; display:flex !important; gap:15px; background:none; box-shadow:none; border-radius:0; transform:translateX(0);}
.header.on .langs .list a {font-size:14px; color:#fff; opacity:.5; line-height:64px;}
.header.on .langs .list a.on {opacity:1; font-weight:700;}

.header .btn_menu {position:absolute; top:0; right:20px; width:24px; height:100%; z-index:10;}
.header .btn_menu p {position:absolute; top:50%; left:50%; width:24px; height:2px; background:#222; margin-left:-12px; transition:.2s linear;}
.header .btn_menu .t {margin-top:-8px;}
.header .btn_menu .m {margin-top:-1px; width:16px; margin-left:-4px;}
.header .btn_menu .b {margin-top:6px;}
.header.on .btn_menu .t {margin-top:-1px; transform:rotate(135deg);}
.header.on .btn_menu .m {width:0; margin-left:0;}
.header.on .btn_menu .b {margin-top:-1px; transform:rotate(-135deg);}
.header .gnb {display:flex; justify-content:center; gap:20px;}
.header .gnb .menu {position:relative;}
.header .gnb .menu > a {position:relative; display:block; font-size:16px; color:#222; font-weight:600; line-height:60px; padding:0 20px;}
.header .gnb .menu > a:after {content:""; position:absolute; bottom:0; left:50%; width:0; height:4px; background:#73B12D; transition:.2s linear;}
.header .gnb .menu.on > a:after {left:0; width:100%;}
.header .gnb .snb {position:absolute; top:100%; left:0; gap:30px; display:none;}
.header .gnb .menu.on .snb {display:flex;}
.header .gnb .gnb1 .snb {width:330px;}
.header .gnb .gnb2 .snb {width:390px;}
.header .gnb .gnb3 .snb {width:316px;}
.header .gnb .gnb4 .snb {width:250px;}
.header .gnb .gnb5 .snb {width:220px;}
.header .gnb .snb a {display:block; font-size:15px; color:#222; line-height:18px; padding:22px 0; text-align:center;}
.header .gnb .snb a.on {color:#6EAF12; font-weight:700;}
.header .sitemap {position:fixed; top:0; left:0; width:100%; height:100%; background:#101C1D; opacity:0; pointer-events:none; user-select:none; transition:.2s linear;}
.header.on .sitemap {opacity:1; pointer-events:auto; user-select:auto;}
.header .sitemap:before,
.header .sitemap:after {content:""; position:absolute; border-radius:50%; top:50%; transform:translateY(-50%);}
.header .sitemap:before {right:-41px; margin-top:-104px; width:628px; height:628px; opacity:0.15; background:radial-gradient(50% 50% at 50% 50%, #4206C0 0%, rgba(79, 9, 228, 0.00) 100%); animation:bg_gra15 8s infinite;}
.header .sitemap:after {right:169px; margin-top:298px; width:434px; height:434px; opacity:0.1; background:radial-gradient(50% 50% at 50% 50%, #6CC006 0%, rgba(108, 192, 6, 0.00) 100%); animation:bg_gra10 4s infinite;}
.header .sitemap .menus {display:flex; flex-direction:column; justify-content:center; gap:45px; height:100%; z-index:1;}
.header .sitemap .menu {position:relative; padding-left:290px;}
.header .sitemap .menu > a {position:absolute; top:0; left:0; font-size:30px; color:#fff; font-weight:700; line-height:56px;}
.header .sitemap .snb {display:flex; gap:80px;}
.header .sitemap .snb a {position:relative; display:block; font-size:24px; color:rgba(255,255,255,.6); font-weight:600; line-height:56px;}
.header .sitemap .snb a:before {content:""; position:absolute; top:50%; left:-40px; width:1px; height:16px; margin-top:-8px; background:#fff; opacity:.2;}
.header .sitemap .snb a:first-child:before {display:none;}
.header .sitemap .snb a.on {color:#fff; text-decoration:underline;}

.header.main {background:none;}
.header.main:before {width:0;}
.header.main .logo {background:url('/pub/images/logo_w.svg') no-repeat 0 50%;}
.header.main .logo img {opacity:0;}
.header.main .btn_menu p {background:#fff;}
.header.main .gnb .menu > a {color:#fff;}
.header.main .langs .btn:before,
.header.main .langs .btn:after {background: #fff;}

.header.fixed {background:#fff;}
.header.fixed .logo {background:none;}
.header.fixed .logo img {opacity:1;}
.header.fixed .langs .btn:before {background: #000;}
.header.fixed .langs .btn:after {background: #000;}
.header.fixed .btn_menu p {background:#222;}
.header.fixed .gnb .menu > a {color:#222;}
.header.main:before {width:0;}

.header.on .logo {background:url('/pub/images/logo_w.svg') no-repeat 0 50%;}
.header.on .logo img {opacity:0;}
.header.on .btn_menu p {background:#fff;}
.header.hover .langs .btn:before,
.header.hover .langs .btn:after {background: #000;}

.ad-popup {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  display: block;
}

.ad-popup-inner {
  position: relative;
  width: 956px;
  background: #fff;
  border: 2px solid #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 5px 20px rgba(0,0,0,0.3);
}

.popup-close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: transparent;
  border: none;
  font-size: 20px;
  cursor: pointer;
}

.popup-options {
  padding: 10px;
  font-size: 14px;
  text-align: center;
  background: #f5f5f5;
  border-top: 1px solid #ddd;
}
#adPopup {
  display: none;
}

/* footer */
#myModal {
    display: none; /* 초기값 */
}
#myModal.show {
    display: block; /* 표시 */
}
.footer {position:relative; background:#000; padding:90px 0;}
.footer #quick_btm {top:-100vh;}
.footer .inner {position:relative;}
.footer .menus {display:flex; gap:75px; margin-bottom:90px;}
.footer .menu {width:calc((100% - 300px)/5);}
.footer .menu > a {display:block; font-size:24px; color:#fff; font-weight:600; line-height:36px; padding-bottom:5px; border-bottom:rgba(255,255,255,.2) 1px solid;}
.footer .menu .snb a {display:block; font-size:18px; color:#6EAF12; font-weight:800; line-height:24px; padding:10px 0;}
.footer .links {position:relative; display:flex; gap:48px; padding-left:230px; margin-bottom:50px;}
.footer .links:before {content:""; position:absolute; top:0; left:0; width:154px; height:23px; background:url('/pub/images/logo_w.svg') no-repeat 0 50% / contain;}
.footer .links a {position:relative; display:block; font-size:16px; color:rgba(255,255,255,.6); line-height:23px;}
.footer .links a:before {content:""; position:absolute; top:50%; left:-24px; width:1px; height:16px; margin-top:-8px; background:#fff; opacity:.2;}
.footer .links a:first-child:before {display:none;}
.footer .links a strong {color:#fff; text-decoration:underline; font-weight:600;}
.footer .address {display:flex; gap:0 30px; flex-wrap:wrap; opacity:.5;}
.footer .address dl {display:flex; gap:12px; font-size:16px; color:#fff;}
.footer .address dt {font-weight:600;}
.footer .address dd {opacity:.8;}
.footer .copy {font-size:14px; color:#fff; font-weight:500; line-height:1.2; opacity:.4; margin-top:24px; width:100%;}

.quick {position:fixed; bottom:50px; right:48px; z-index:10;}
.unfixed .quick {position:absolute; bottom:calc(100% + 50px);}
.quick .contact {position:relative; display:block; width:68px; height:68px; background:var(--c_iden) url('/pub/images/icon_quick_contact.svg') no-repeat 50% 50%; border-radius:50%;}
.quick .contact:before {content:""; position:absolute; top:50%; left:50%; width:96px; height:96px; margin:-48px 0 0 -48px; background:url('/pub/images/bg_quick_contact.png') no-repeat 50% 50%; animation:rotate_one 10s linear infinite; transition:.2s linear;}
@keyframes rotate_one {
	0% {transform:rotate(0deg);}
	100% {transform:rotate(360deg);}
}
.quick .contact p {position:absolute; top:-49px; left:50%; width:74px; height:24px; line-height:24px; background:#222; border-radius:12px; text-align:center; font-size:14px; color:#fff; font-weight:600; transform:translateX(-50%);}
.quick .contact p:before {content:""; position:absolute; bottom:-5px; left:0; width:100%; height:7px; background:url('/pub/images/arrow_quick_contact.svg') no-repeat 50% 50% / contain;}
.quick .gotop {display:block; width:60px; height:60px; background:#fff url('/pub/images/arrow_gotop.svg') no-repeat 50% 50%; border:#ddd 1px solid; border-radius:50%; margin:24px auto 0; font-size:0;}

.quick .contact_spark p:before {content:""; position:absolute; bottom:-5px; left:0; width:100%; height:7px; background:url('/pub/images/arrow_quick_contact.svg') no-repeat 50% 50% / contain;}
.quick .contact_spark p {position:absolute; top:-39px; left:50%; width:74px; height:24px; line-height:24px; background:#222; border-radius:12px; text-align:center; font-size:14px; color:#fff; font-weight:600; transform:translateX(-50%);}
.quick .contact_spark{position: relative;display: block;width: 68px;height: 107px;background: url(/pub/images/nvidia_spark_parts.gif) no-repeat 47% 50%; background-size: 300%;bottom: 65px;}
/* main */
.mvisual_wrap {position:relative; height:100vh;}
.mvisual {background:#000;}
.mvisual .slick-slide > div {font-size:0;}
.mvisual .slick-slide .mv {position:relative;}
.mvisual .slick-slide .imgfit {width:100%; height:100vh;}
.mvisual .slick-slide .txt {position:absolute; top:0; left:50%; height:100%; padding:0 20px; transform:translateX(-50%); z-index:1; display:flex; flex-direction:column; justify-content:center; align-items:flex-start;}
.mvisual .slick-slide .txt img {display:block; margin-bottom:55px; width:330px;}
.mvisual .slick-slide .txt p {font-size:24px; color:#fff; line-height:40px;}
.mvisual .slick-slide .txt i {display:inline-block; background:no-repeat 50% 50% / contain;}
.mvisual .slick-slide .txt p i {width:11px; height:20px; background-image:url('/pub/images/arrow_mv_s.svg'); margin-left:15px;}
.mvisual .slick-slide .txt strong {display:block; margin-top:48px; font-size:60px; color:#fff; font-weight:800; line-height:1; font-family:"Albert Sans";}
.mvisual .slick-slide .txt strong i {width:23px; height:30px; background-image:url('/pub/images/arrow_mv_b.svg'); margin-left:30px;}
.mvisual_navi_area {position:absolute; bottom:130px; left:50%; transform:translateX(-50%); z-index:1;}
.mvisual_navi {margin:0 -20px; padding-right:20px;}
.mvisual_navi .slick-track {transform:none !important;}
.mvisual_navi .slick-slide {position:relative; width:50%; padding:0 20px;}
.mvisual_navi .slick-slide > div {position:relative; border-top:#fff 1px solid;}
.mvisual_navi .slick-slide > div:before {content:""; position:absolute; top:-1px; left:0; width:0; height:1px; background:#C5FD81;}
.mvisual_navi .slick-current > div:before {animation:mv_navi 5s forwards;}
@keyframes mv_navi {
	0% {width:0;}
	100% {width:100%;}
}
.mvisual_navi .slick-pause > div:before {animation:none;}
.mvisual_navi .slick-slide button {display:block; font-size:20px; color:#fff; font-weight:800; line-height:56px; text-align:left;}
.mvisual_navi .slick-current button {color:var(--c_iden);}
.mvisual_navi_area .papl {position:absolute; top:0; right:20px; width:8px; height:10px; top:-5px;}
.mvisual_navi_area .papl button {display:none; font-size:0; width:100%; height:100%;}
.mvisual_navi_area .papl button.on {display:block;}
.mvisual_navi_area .papl .pause {background-image:url('/pub/images/btn_pause.svg');}
.mvisual_navi_area .papl .play {background-image:url('/pub/images/btn_play.svg');}

.mcon {position:relative; overflow:hidden;}
.mcon .bg_gra {position:absolute; pointer-events:none; user-select:none;}
.more {display:block; font-size:18px; color:#222; font-weight:600; line-height:35px; height:35px; width:120px; background:var(--c_iden); text-align:center; font-family:'Albert Sans';}
.mtit {position:relative; font-size:44px; color:#fff; font-weight:600; line-height:48px; display:flex; align-items:center; gap:20px;}
.mctit {position:relative; font-size:30px; color:#fff; font-weight:600; line-height:24px; margin-bottom:50px;}
.mctit .more {position:absolute; top:0; right:0;}

.mc01 {padding:245px 0 640px; background:#101C1D; text-align:center; color:#fff;}
.mc01 .bg_gra1 {top:80px; left:50%; margin-left:32px; width:518px; height:518px; opacity:0.2; background:radial-gradient(50% 50% at 50% 50%, #6CC006 0%, rgba(108, 192, 6, 0.00) 100%);}
.mc01 .bg_gra2 {top:154px; left:50%; margin-left:-32px; width:406px; height:406px; opacity:0.2; background:radial-gradient(50% 50% at 50% 50%, #4206C0 0%, rgba(79, 9, 228, 0.00) 100%);}
.mc01 .bg_gra3 {top:330px; left:50%; margin-left:-515px; width:463px; height:463px; opacity:0.1; background:radial-gradient(50% 50% at 50% 50%, #6CC006 0%, rgba(108, 192, 6, 0.00) 100%);}
.mc01 .mtit {justify-content:center;}
.mc11 .tit {font-size:33px; font-weight:500; line-height:52px; margin:60px 0 24px;}
.mc11 p {font-size:18px; line-height:30px; opacity:.6;}
.mc11 .links {display:flex; justify-content:center; margin-top:90px;}
.mc11 .links a {padding:0 60px; text-align:center; font-size:20px; color:#6CC006; font-weight:700; line-height:1;}
.mc11 .links a:before {content:""; display:block; height:75px; background:no-repeat 50% 50% / contain; margin:0 auto 30px;}
.mc11 .links a.i1:before {background-image:url('/pub/images/icon_mc11_01.svg'); width:66px;}
.mc11 .links a.i2:before {background-image:url('/pub/images/icon_mc11_02.svg'); width:75px;}
.mc11 .links a.i3:before {background-image:url('/pub/images/icon_mc11_03.svg'); width:61px;}
.mc11 .links a.i4:before {background-image:url('/pub/images/icon_mc11_04.svg'); width:60px;}
.scroll_down_forsafari{display:none;}

.mc02 {position:relative; margin-top:-245px; padding-bottom:285px; z-index:1;}
.mc02 .bg_gra1 {top:900px; left:50%; margin-left:-800px; width:628px; height:628px; opacity:0.15; background:radial-gradient(50% 50% at 50% 50%, #4206C0 0%, rgba(79, 9, 228, 0.00) 100%);}
.mc02 .bg_gra2 {top:1265px; left:50%; margin-left:-670px; width:434px; height:434px; opacity:0.2; background:radial-gradient(50% 50% at 50% 50%, #6CC006 0%, rgba(108, 192, 6, 0.00) 100%);}
.mc21 {position:relative; display:table; margin-top:55px; width:100%; margin-bottom:300px; z-index:1;}
.mc21 .blank {width:32px; display:table-cell;}
.mc21 .box {position:relative; display:table-cell; vertical-align:top; width:285px; height:600px; border-radius:0 0 100px 0; overflow:hidden; background:#000 no-repeat 100% 0 / cover; padding:0 35px; transition:.2s ease;}
.mc21 .box.i1 {background-image:url('/pub/images/bg_mc21_01.jpg');}
.mc21 .box.i2 {background-image:url('/pub/images/bg_mc21_02.jpg');}
.mc21 .box.i3 {background-image:url('/pub/images/bg_mc21_03.jpg');}
.mc21 span {display:block;}
.mc21 .tt {font-size:36px; color:#fff; font-weight:700; line-height:40px; padding-top:74px; transition:.2s linear;}
.mc21 .over {display:none; padding-top:21px; width:600px; max-width:100%;}
.mc21 p {font-size:18px; color:#fff; line-height:32px;}
.mc21 .more {margin-top:26px;}
.mc21 .box.on {width:766px; padding:0 60px;}
.mc21 .box.on .tt {padding-top:270px;}
.mc21 .box.on .tt br {display:none;}
.mc21 .box.on .over {display:block; transition-delay:.4s;}
.mc22 {position:relative; display:flex; z-index:1;}
.mc22 .mtabs {width:57%;}
.mc22 .mtit {color:#222; font-weight:700; margin-bottom:130px;}
.mc22 li {margin-bottom:10px;}
.mc22 li:last-child {margin-bottom:0;}
.mc22 li > a {position:relative; display:block; font-size:32px; color:#666; font-weight:800; line-height:50px;}
.mc22 li > a:before {content:""; position:absolute; top:50%; left:0; width:6px; height:0; background:var(--c_iden); transform:translateY(-50%); transition:.2s linear;}
.mc22 li.on > a {color:var(--c_iden); padding-left:26px;}
.mc22 li.on > a:before {height:6px;}
.mc22 li .btns {display:flex; gap:10px; height:0; overflow:hidden; transition:.2s linear;}
.mc22 li .btns .btn {display:block; font-size:16px; color:#666; font-weight:600; line-height:48px; height:48px; width:180px; text-align:center; background:#fff; border-radius:24px;}
.mc22 li .btns .btn.on {color:#fff; background:var(--c_iden);}
.mc22 li.on .btns {height:48px; margin:20px 0 60px;}
.mc22 li.on:last-child .btns {margin-bottom:0;}
.mc22 .main_product_list {width:43%; height:800px; overflow:auto; padding-right:32px;}
.mc22 .main_product_list a {position:relative; display:block; width:100%; height:248px; padding:48px 54px; background:#F1F1F1; border-radius:0 0 60px 0; margin-bottom:28px;}
.mc22 .main_product_list a:last-child {margin-bottom:0;}
.mc22 .main_product_list strong,
.mc22 .main_product_list .more {position:relative; display:block; color:#222; z-index:1;}
.mc22 .main_product_list strong {font-size:36px; font-weight:800; line-height:66px; margin-bottom:10px;}
.mc22 .main_product_list .more {font-size:13px; font-weight:500; font-family:'Outfit'; background:#6EAF1266; margin-top:26px;}
.mc22 .main_product_list span {position:absolute; bottom:0; right:0; width:100%; height:100%; font-size:0; mix-blend-mode:multiply; text-align:right;}
.mc22 .main_product_list span img {width:100%; height:100%; object-fit:contain; object-position:bottom;}

.mc22 .main_product_list2 {width:43%; height:800px; overflow:auto; padding-right:32px;}
.mc22 .main_product_list2 a {position:relative; display:block; width:100%; height:248px; padding:48px 54px; background:#F1F1F1; border-radius:0 0 60px 0; margin-bottom:28px;}
.mc22 .main_product_list2 a:last-child {margin-bottom:0;}
.mc22 .main_product_list2 strong,
.mc22 .main_product_list2 .more {position:relative; display:block; color:#222; z-index:1;}
.mc22 .main_product_list2 strong {font-size:36px; font-weight:800; line-height:66px; margin-bottom:10px;}
.mc22 .main_product_list2 .more {font-size:13px; font-weight:500; font-family:'Outfit'; background:#6EAF1266; margin-top:26px;}
.mc22 .main_product_list2 span {position:absolute; bottom:0; right:0; width:100%; height:100%; font-size:0; mix-blend-mode:multiply; text-align:right;}
.mc22 .main_product_list2 span img {width:100%; height:100%; object-fit:contain; object-position:bottom;}

.mc03 {background:#101C1D url('/pub/images/bg_mc03.png') no-repeat bottom -300px center; padding:254px 0 200px;}
.mc03 .mtit_wrap {display:flex;justify-content: space-between;}
.mc03 .mtit_wrap .mtit {margin-bottom:55px;}
.mc03 .mtit_wrap p {padding-top: 14px; color:#fff;}
.mc31_slide_wrap {position:relative; margin-bottom:340px;}
.mc31_slide .slick-slide > div {font-size:0;}
.mc31_slide .slick-slide > div img {width:100%; height:100%; object-fit:cover;}
.mc31_navi {position:absolute; top:-108px; right:0; display:flex; align-items:center; height:48px; line-height:48px;}
.mc31_navi .paging {margin-right:35px;}
.mc31_navi .slick-dots li {display:none; font-size:16px; color:rgba(255,255,255,.6); font-weight:500; font-family:'Saira';}
.mc31_navi .slick-dots li.slick-active {display:flex;}
.mc31_navi .slick-dots li strong {color:#fff; font-weight:700;}
.mc31_navi .slick-dots li span {font-size:14px; padding:0 17px;}
.mc31_navi .arrow {display:block; width:12px; height:20px; background:url('/pub/images/arrow_slide.svg') no-repeat 50% 50%; font-size:0;}
.mc31_navi .next {transform:rotate(180deg);}
.mc31_navi .papl {width:11px; height:20px; margin:0 10px; font-size:0; background:no-repeat 50% 50% / contain; display:none;}
.mc31_navi .papl.on {display:block;}
.mc31_navi .pause {background-image:url('/pub/images/btn_pause2.svg');}
.mc31_navi .play {background-image:url('/pub/images/btn_play.svg');}

.mc32 {display:none; margin-bottom:320px;}
.mc32 .txt {width:530px;}
.mc32 .txt p {font-size:24px; color:#fff; font-weight:500; line-height:40px; margin-bottom:48px; opacity:0.5;}
.mc32 .list {width:calc(100% - 530px);}
.mc32 .list .scroll {width:calc(100% + ((100vw - 1400px)/2)); display:flex; gap:30px; overflow:auto; -webkit-overflow-scrolling:touch; padding-bottom:40px;}
.mc32 .list .scroll a {position:relative; display:block; border-radius:0 0 60px 0; overflow:hidden; flex:0 0 auto;}
.mc32 .list .scroll p {position:absolute; bottom:40px; left:60px;  font-size:28px; color:#fff; font-weight:600; line-height:26px; text-shadow:0px 4px 20px rgba(0, 0, 0, 0.55);}

.mc32 .list .scroll_2 {display:flex; gap:30px; padding-bottom:40px;}
.mc32 .list .scroll_2 a {position:relative; display:block; border-radius:0 0 60px 0; overflow:hidden; flex:0 0 auto;}
.mc32 .list .scroll_2 p {position:absolute; bottom:40px; left:60px;font-size:28px; color:#fff; font-weight:600; line-height:26px; text-shadow:0px 4px 20px rgba(0, 0, 0, 0.55);}

.mc32_pc {display:flex; flex-direction: column; margin-bottom:320px;}
.mc32_pc .txt {width:100%;}
.mc32_pc .txt p {font-size:24px; color:#fff; font-weight:500; line-height:40px; /* margin-bottom:48px; */ opacity:0.5;}
.mc32_pc .list {width:100%;}
.mc32_pc .list .scroll {width:calc(100% + ((100vw - 1400px)/2)); display:flex; gap:30px; overflow:auto; -webkit-overflow-scrolling:touch; padding-bottom:40px;}
.mc32_pc .list .scroll a {position:relative; display:block; border-radius:0 0 60px 0; overflow:hidden; flex:0 0 auto; width:420px;}
.mc32_pc .list .scroll p {position:absolute; bottom:40px; left:60px;  font-size:28px; color:#fff; font-weight:600; line-height:26px; text-shadow:0px 4px 20px rgba(0, 0, 0, 0.55);}

.mc32_pc .list .scroll_2 {display:flex; gap:30px; padding-bottom:40px;}
.mc32_pc .list .scroll_2 a {position:relative; display:block; border-radius:0 0 60px 0; overflow:hidden; flex:0 0 auto;}
.mc32_pc .list .scroll_2 p {position:absolute; bottom:40px; left:60px;font-size:28px; color:#fff; font-weight:600; line-height:26px; text-shadow:0px 4px 20px rgba(0, 0, 0, 0.55);}

.mc33 {padding-top:20px; margin-bottom:110px;}
.mc33 ul {display:flex; border-radius:0px 0px 60px 0px; background:rgba(255,255,255,.1); backdrop-filter:blur(30px); padding:50px 10px;}
.mc33 li {width:calc(100%/3); padding:15px 80px; border-left:rgba(255,255,255,.2) 1px solid;}
.mc33 li:first-child {border:0;}
.mc33 .tt {font-size:18px; color:#fff; font-weight:700; line-height:20px; margin-bottom:80px;}
.mc33 dl {display:flex; color:#fff; line-height:22px; margin-bottom:30px;}
.mc33 dl:last-child {margin-bottom:0;}
.mc33 dt {font-size:18px; font-weight:500; width:66px;}
.mc33 dd {font-size:21px; font-weight:600; width:calc(100% - 66px); cursor: pointer;}
.mc34 {position:relative;}
.mc34 .jq_tab {display:flex; gap:40px; margin-bottom:30px;}
.mc34 .jq_tab li {margin:0;}
.mc34 .jq_tab button {font-size:30px; color:rgba(255,255,255,.4); font-weight:600; line-height:35px;}
.mc34 .jq_tab .on button {color:#fff; font-weight:700; text-decoration:underline;}
.mc34 .more {position:absolute; top:-65px; right:0;}
.mc34 .cont {position:relative;}
.mc34_slide {overflow:hidden; padding-bottom:1px;}
.mc34_slide .swiper-slide {width:310px; margin-right:53px; background:#fff; border-radius:0 0 50px 0; padding:46px 30px; color:#222;}
.mc34_slide .swiper-slide:last-child {margin-right:0;}
.mc34_slide span {display:block;}
.mc34_slide .type {display:flex; gap:8px;}
.mc34_slide .type li {display:block; font-size:13px; color:#fff; font-weight:700; line-height:25px; height:25px; width:65px; text-align:center; border-radius:12px;}
.mc34_slide .type .c1 {background:#6EAF12;}
.mc34_slide .type .c2 {background:rgba(0,0,0,.3);}
.mc34_slide .tt,
.mc34_slide p {overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.mc34_slide .tt {font-size:23px; font-weight:700; line-height:30px; height:60px; margin:13px 0 23px;}
.mc34_slide p {font-size:17px; line-height:28px; height:56px;}
.mc34_slide .date {font-size:16px; font-weight:500; line-height:1; margin-top:20px;}
.mc34 .mc34_slide .scrollbar {position:relative; margin-top:75px; height:1px; background:#ddd;}
.mc34 .mc34_slide .swiper-scrollbar-drag {background:var(--c_iden); height:3px; top:-1px;}

/* sub */
.container {font-size:18px; color:#222; line-height:30px; padding:151px 0 160px; max-width:100%; min-height:calc(100vh - 626px); overflow:hidden;}
.container .title {display:flex; align-items:center; gap:20px; flex-wrap:wrap; font-size:30px; font-weight:700; line-height:40px; margin-bottom:20px;}
.container .title i {width:40px; height:3px; background:#73B12D;}
.container .title span {font-size:20px; font-weight:400;}
.container .stit {font-size:34px; font-weight:700; line-height:1.5; margin:120px 0 24px;}
.container .stit:first-child {margin-top:0;}

.container.g01:before {content:""; position:absolute; top:130px; left:50%; width:614px; height:559px; margin-left:88px; background:url('/pub/images/bg_container_top.svg') no-repeat 50% 50% / contain; pointer-events:none; user-select:none;}

/* CEO 인사말 */
.g01.s01 {background:url('/pub/images/bg_greeting.jpg') no-repeat bottom -324px right;}
.greetings {display:flex; align-items:flex-start; gap:92px;}
.greetings .imgfit {border-radius:0 100px 0 0; width:382px;}
.greetings .txt {width:calc(100% - 474px); padding-top:23px;}
.greetings .tt {font-size:24px; font-weight:600; line-height:40px; margin-bottom:24px;}
.greetings p {margin-bottom:24px;font-size: 18px;line-height: 28px;font-weight: 400;}
.greetings p:last-child {margin-bottom:0;}

/* CI */
.ci_area {position:relative; display:flex; gap:45px; margin-bottom:40px;}
.ci_area:after {content:""; position:absolute; pointer-events:none; z-index:-1; width:614px; height:559px; bottom:-234px; left:-234px; background:url('/pub/images/bg_ci_btm.svg') no-repeat 50% 50% / contain;}
.ci_area .imgfit {width:560px; height:333px; background:#080403; border-radius:0 60px 0 0; display:flex; justify-content:center; align-items:center;}
.ci_area .imgfit img {height:60px; max-width:calc(100% - 40px); object-fit:contain;}
.ci_area .txt {width:calc(100% - 605px);}
.ci_area .tt {font-size:22px; font-weight:700; line-height:35px; margin-bottom:25px;}
.ci_area p {font-size: 18px;line-height: 28px;font-weight: 400;}
.ci_slice {display:flex;}
.ci_slice li {position:relative; border:#ebebeb 1px solid; width:256px; height:230px; display:flex; justify-content:center; align-items:center;}
.ci_slice li i {position:absolute; top:50%; width:48px; height:48px; margin-top:-24px; background:var(--c_iden) no-repeat 50% 50%; border-radius:50%; z-index:2;}
.ci_slice li:nth-child(2) {z-index:2;}
.ci_slice li:nth-child(3) {z-index:1;}
.ci_slice li.plus {width:calc(100% - (256px * 3) - 69px); margin-right:45px; gap:76px; z-index:3;}
.ci_slice li.plus .pls {position:relative; top:0; margin:0; background-image:url('/pub/images/icon_plus.svg');}
.ci_slice li.plus .eqr {left:100%; background-image:url('/pub/images/icon_eqr.svg');}
.ci_slice li.plus .eqr:before {content:""; position:absolute; top:50%; left:50%; width:66px; height:66px; margin:-33px 0 0 -33px; border:var(--c_iden) 1px dashed; border-radius:50%; animation:rotate_one 30s linear infinite;}
.ci_slice li.after {margin-right:12px;}
.ci_slice li.after i {left:calc(100% - 18px); background-image:url('/pub/images/arrow_after.svg');}
.ci_slice li span {position:absolute; top:-12px; left:50%; width:24px; height:24px; line-height:24px; background:#999; border-radius:50%; font-size:10px; color:#fff; font-weight:700; text-align:center;}
.ci_slice li.end {border:var(--c_iden) 3px solid; box-shadow:0px 4px 30px 0px rgba(110,175,18,.2);}
.ci_slice li.end span {background:var(--c_iden);}

/* 연혁 */
.history .box {display:flex; margin-bottom:120px;}
.history .box:last-child {margin-bottom:0;}
.history .box > * {width:50%;}
.history .box .imgfit {height:480px; border-radius:0 0 160px 0;}
.history .box .txt {padding-left:120px;}
.history .box .year {font-size:48px; font-weight:600; line-height:1; margin:63px 0 36px;}
.history .box .year:first-child {margin-top:0;}
.history .box li {position:relative; padding-left:14px;font-size: 18px;line-height: 28px;font-weight: 400;margin-bottom:20px; display:flex; flex-wrap:wrap;}
.history .box li:last-child {margin-bottom:0;}
.history .box li:before {content:""; position:absolute; top:12px; left:0; width:4px; height:4px; background:var(--c_iden);}
.history .box li strong {font-weight:600; width:43px;}
.history .box:nth-child(2n) {flex-direction:row-reverse;}
.history .box:nth-child(2n) .imgfit {border-radius:0 0 0 160px;}
.history .box:nth-child(2n) .txt {padding:0 120px 0 0;}

/* 찾아오시는 길 */
.map_wrap {position:relative;}
.map_wrap .mapbox {overflow:hidden;}
.map_wrap .root_daum_roughmap {max-width:calc(100% + 370px);}
.map_wrap .roughmap_maker_label {border:0; top:10px !important;}
.map_wrap .roughmap_maker_label:after {display:none;}
.map_wrap .roughmap_maker_label .roughmap_lebel_text {font-size:0; display:flex; justify-content:center; align-items:center; background:none; padding:0; background:none;}
.map_wrap .roughmap_maker_label .roughmap_lebel_text:before {content:""; display:block; width:184px; height:73px; background:url('/pub/images/map_logo_2.svg') no-repeat 50% 50% / contain;}
.map_wrap .map_thum img {opacity:0;}
.map_txt {position:relative; width:440px; height:240px; margin:-180px 0 0 60px; z-index:10; background:var(--c_iden); border-radius:0 60px 0 0; padding:40px;}
.map_txt .tit {font-size:30px; color:#fff; font-weight:700; line-height:1; margin-bottom:30px;}
.map_txt dl {display:flex; align-items:flex-start; color:#fff; font-weight:600;}
.map_txt dt {width:107px; padding-left:24px; opacity:.6; background:no-repeat 0 50%;}
.map_txt dd {width:calc(100% - 107px);}
.map_txt .i1 dt {background-image:url('/pub/images/icon_map01.svg');}
.map_txt .i2 dt {background-image:url('/pub/images/icon_map02.svg');}

/* 사업분야 */
.container.g02 {padding-top:140px;}
.business_head {height:325px; padding:66px 0; color:#fff; background:#020B08 no-repeat 100% 50% / cover; margin-bottom:70px;}
.business_head .inner {display:flex; flex-direction:column; justify-content:center;}
.business_head strong {position:relative; display:block; font-size:36px; font-weight:700; line-height:1.5; padding-bottom:24px; margin-bottom:24px;}
.business_head strong:after {content:""; position:absolute; bottom:0; left:0; width:80px; height:1px; background:#fff;}
.business_head p {font-size:18px; font-weight:500;}
.g02.s01 .business_head {background-image:url('/pub/images/bg_business_head01.jpg');}
.g02.s02 .business_head {background-image:url('/pub/images/bg_business_head02.jpg');}
.g02.s03 .business_head {background-image:url('/pub/images/bg_business_head03.jpg');}

/* NVIDIA Business */
.p_text_set{font-size: 18px;line-height: 28px;font-weight: 400;}
.business_nvidia {display:flex; gap:60px 30px; flex-wrap:wrap;}
.business_nvidia li {width:calc((100% - 60px)/3); min-height:420px; padding:40px; border:#ebebeb 1px solid; border-radius:0 0 60px 0;}
.business_nvidia li:before {content:""; display:block; width:100%; height:65px; background:no-repeat 0 0;}
.business_nvidia li .tt {font-size:24px; font-weight:600; line-height:1.5; margin:50px 0 16px;}
.business_nvidia li.i1:before {background-image:url('/pub/images/icon_business_nvidia_01.svg');}
.business_nvidia li.i2:before {background-image:url('/pub/images/icon_business_nvidia_02.svg');}
.business_nvidia li.i3:before {background-image:url('/pub/images/icon_business_nvidia_03.svg');}
.business_nvidia li.i4:before {background-image:url('/pub/images/icon_business_nvidia_04.svg');}
.business_nvidia li.i5:before {background-image:url('/pub/images/icon_business_nvidia_05.svg');}
.business_nvidia li.i6:before {background-image:url('/pub/images/icon_business_nvidia_06.svg');}
.business_nvidia p {font-size: 18px;line-height: 28px;font-weight: 400;}

/* AI Business */
.business_tbl {border-top:#222 1px solid;}
.business_tbl dl {display:flex; align-items:center; padding:40px 0; border-bottom:#ebebeb 1px solid;}
.business_tbl dt {position:relative; width:430px; padding-left:80px; font-size:30px; font-weight:600; line-height:42px; background:no-repeat 20px 50%;}
.business_tbl dd {width:calc(100% - 430px);font-size: 18px;line-height: 28px;font-weight: 400;}
.business_ai .i1 dt {background-image:url('/pub/images/icon_business_ai_01.svg');}
.business_ai .i2 dt {background-image:url('/pub/images/icon_business_ai_02.svg');}
.business_ai .i3 dt {background-image:url('/pub/images/icon_business_ai_03.svg');}
/* Cloud Business */
.business_cloud {margin-top:60px;}
.business_cloud .i1 dt {background-image:url('/pub/images/icon_business_cloud_01.svg');}
.business_cloud .i2 dt {background-image:url('/pub/images/icon_business_cloud_02.svg');}
.business_cloud .i3 dt {background-image:url('/pub/images/icon_business_cloud_03.svg');}
.business_cloud .i4 dt {background-image:url('/pub/images/icon_business_cloud_04.svg');}

/* 제품소개 */
.container.g03 {padding-bottom:160px;}
.tabs {display:flex; border:#ebebeb 1px solid; margin-bottom:40px; background:#fff;}
.tabs a {display:block; color:#111; line-height:58px; height:58px; border-left:#ebebeb 1px solid; width:50%; text-align:center;}
.tabs a.on {color:#fff; font-weight:600; background:var(--c_iden);}
.tabs a:first-child {border-left:0;}
.intabs {display:flex; justify-content:center; align-items:center; gap:52px; margin-bottom:60px;}
.intabs a {position:relative; font-size:20px; color:#666; font-weight:500; line-height:30px;}
.intabs a:before {content:""; position:absolute; top:50%; left:-28px; width:4px; height:4px; margin-top:-2px; background:#ccc; border-radius:50%;}
.intabs a:first-child:before {display:none;}
.intabs a.on {color:var(--c_iden); font-weight:700;}
.product_items .box {display:flex; align-items:center; gap:80px; margin-bottom:120px;}
.product_items .box:last-child {margin-bottom:0;}
.product_items .box > * {width:calc(50% - 40px);}
.product_items .box .imgfit {border-radius:0 0 160px 0;}
.product_items .box .tit {font-size:36px; font-weight:700; line-height:1.5;}
.product_items .box p {margin:24px 0 40px; font-size: 18px;line-height: 28px;font-weight: 400;}
.product_items .box:nth-child(2n) {flex-direction:row-reverse;}
.product_items .box:nth-child(2n) .imgfit {border-radius:0 0 0 160px;}
.product_items.big .imgfit {border-radius:0 0 160px 0 ;}
.nvidia_text {font-size: 18px !important;line-height: 28px !important;font-weight: 400 !important;}

.product_btm {position:relative; background:#222;}
.product_btm:before {content:""; position:absolute; bottom:0; left:0; width:calc(50vw + 110px); height:272px; background:url('/pub/images/bg_product_btm.png') no-repeat 100% 50% / cover;}
.product_btm .inner {position:relative; height:235px; display:flex; align-items:center; color:#fff;}
.product_btm .inner > * {width:50%;}
.product_btm .tit {font-size:30px; line-height:1.5;}
.product_btm .contact {padding-left:70px;}
.product_btm .contact dt {font-size:24px; font-weight:700; line-height:1; margin-bottom:20px;}
.product_btm .contact ul {display:flex; gap:38px;}
.product_btm .contact li {position:relative; font-size:20px; line-height:20px; display:flex; gap:8px;}
.product_btm .contact li:before {content:""; position:absolute; top:50%; left:-16px; width:1px; height:16px; margin-top:-8px; background:#fff; opacity:.2;}
.product_btm .contact li:first-child:before {display:none;}
.product_btm .contact li strong {font-size:18px; font-weight:600;}

/* 인재상 */
.talent_area {background:url('/pub/images/bg_talent_area.jpg') no-repeat 50% 50% / cover; padding:70px 0 90px;}
.talent_area .inner {display:flex; gap:20px; flex-wrap:wrap;}
.talent_area .box {height:300px; padding:40px; color:#fff; background:rgba(248, 248, 248, 0.10); backdrop-filter:blur(30px);}
.talent_area .box .tit {font-size:30px; font-weight:500; line-height:1.5;}
.talent_area .box .tit strong {font-size:37px; font-weight:900;}
.talent_area .box p {font-size: 18px;line-height: 28px;font-weight: 400;}
.talent_area .box i {display:block; margin-top:50px; width:100%; height:58px; background:no-repeat 0 50%;}
.talent_area .box:hover {background:var(--c_iden);}
.talent_area .w2 {width:calc(50% - 10px);}
.talent_area .w1 {width:calc((100% - 60px)/4);}
.talent_area .i1 {border-radius:60px 0 0 0; /* background:var(--c_iden); */}
.talent_area .i1 i {background-image:url('/pub/images/icon_talent_area01.svg');}
.talent_area .i2 {border-radius:0 60px 0 0;}
.talent_area .i2 i {background-image:url('/pub/images/icon_talent_area02.svg');}
.talent_area .i3 {border-radius:0 0 0 60px;}
.talent_area .i3 i {background-image:url('/pub/images/icon_talent_area03.svg');}
.talent_area .i4 i {background-image:url('/pub/images/icon_talent_area04.svg');}
.talent_area .i5 i {background-image:url('/pub/images/icon_talent_area05.svg');}
.talent_area .i6 {border-radius:0 0 60px 0;}
.talent_area .i6 i {background-image:url('/pub/images/icon_talent_area06.svg');}



/* dataiku */
.bar_tit {position: relative;font-size: 30px;color: #222;font-weight: 700;line-height: 63px;margin: 0px 0 20px; text-align:center;}
.bar_txt{font-size: 18px;color: #222;font-weight: 400;line-height: 28px; margin:0px 0 0px 0px; text-align:center;}
.img_box {background:no-repeat right center / cover; padding:68px 72px; border-radius:20px; border:#ebebeb 0px solid; font-family:'Noto Sans Korean', 'Noto Sans KR';}
.img_box i {display:block; width:340px; height:96px; line-height:94px; text-align:center; border:#ebebeb 0px solid; border-radius:10px; /* background:#fff;  */font-size:0; overflow:hidden;}
.img_box b.b {display:block; font-size:22px; color:#fff; margin-bottom:10px;}
.img_box p {color:#fff; font-weight:300; margin-top:30px; font-size:18px;}
.ai11 {background-image:url('/pub/images/bg_s0405a_03.jpg');}
.ai11 i {width:174px; height:90px; line-height:88px;}
.ai12 {padding:120px 0 100px;}
.service_consulting {display:flex; flex-wrap:wrap;}
.service_consulting li {flex:1 1 20%; margin-left:20px; border:#ddd 1px solid; border-radius:10px; text-align:center; font-size:0; line-height:158px;}
.service_consulting li:first-child {margin-left:0;}
.ai_box {display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:100px;padding-top:50px;}
.ai_box img {width:100%;}
.ai_box li {width:calc((100% - 80px)/3);}
.ai_box li i {display:block; font-size:0; border-radius: 0 0 60px 0; overflow:hidden;}
.ai_box li p {font-size:19px; color:#333; line-height:29px; margin-top:21px; text-align:center;}
.ai_box4 {display:flex; flex-wrap:wrap; justify-content:space-between;}
.ai_box4 li {width:calc((100% - 120px)/4); margin-left:40px; border:#ddd 1px solid; border-radius:10px; padding:35px 0; text-align:center;}
.ai_box4 li:first-child {margin-left:0;}
.ai_box4 li .tt {font-size:28px; color:#6EAF12; font-weight:700; line-height:30px; margin-bottom:15px;}
.ai_box4 li p {font-size:18px; color:#333; line-height:26px;}
.g03 .gbox {padding:90px 0 100px; background:#f8f8f8;}
.ai_sabang {position:relative; padding:0 400px 0 300px; margin-bottom:100px;}
.ai_sabang dt {display:block; padding:65px 0 61px; font-size:0; text-align:center;}
.ai_sabang dd {position:absolute; display:table; width:300px; height:204px; background:#f4faff; border-radius:10px;}
.ai_sabang dd .inbox {display:table-cell; vertical-align:middle;}
.ai_sabang dd strong {display:block; font-size:50px; color:#6EAF12; font-weight:700; line-height:50px; font-family:'Roboto'; margin-bottom:15px;}
.ai_sabang dd p {font-size:18px; color:#666; font-weight:300; line-height:28px;}
.ai_sabang dd p.b {font-size:18px; font-weight:400;}
.ai_sabang dd i {display:block; margin-bottom:20px;}
.ai_sabang dd:before,
.ai_sabang dd:after {content:""; position:absolute; top:50%; transform:translate(0,-50%); border-radius:50%;}
.ai_sabang dd:before {width:14px; height:14px; background:#e4f3ff;}
.ai_sabang dd:after {width:6px; height:6px; background:#6EAF12;}
.ai_sabang dd.pl {left:0; width:300px; text-align:center;}
.ai_sabang dd.pl:before {right:-7px;}
.ai_sabang dd.pl:after {right:-3px;}
.ai_sabang dd.pr {right:0; width:400px; padding:0 30px 0 35px;}
.ai_sabang dd.pr:before {left:-7px;}
.ai_sabang dd.pr:after {left:-3px;}
.ai_sabang dd.pt {top:0;}
.ai_sabang dd.pb {bottom:0;}
.ai_half_box {display:flex; flex-wrap:wrap; font-family:'Noto Sans Korean', 'Noto Sans KR';}
.ai_half_box li {width:calc((100% - 50px)/2); margin-left:50px; border:#ddd 1px solid; border-radius:10px; padding:40px; background:#fff;}
.ai_half_box li:first-child {margin-left:0;}
.ai_half_box li .logo {display:block; margin-bottom:25px;}
.ai_half_box li .tac .logo {margin:0 auto 25px;}
.ai_half_box .star {text-align:center; font-size:0;}
.ai_half_box .star i {display:inline-block; vertical-align:middle; font-size:28px; color:#bbb; margin:0 5px;}
.ai_half_box .star i.on {color:#efb818;}
.ai_half_box .star span {display:inline-block; vertical-align:middle; font-size:24px; color:#999; font-weight:700; line-height:30px; font-family:'Roboto'; margin-left:20px;}
.ai_half_box .star span strong {font-size:46px; color:#6EAF12; line-height:40px;}
.ai_half_box .star p {font-size:18px; color:#333; font-weight:400; line-height:28px; margin-top:15px;}
.ai_half_box p.tac {font-size:18px; color:#333; font-weight:400; line-height:28px; padding-top:35px; border-top:#ddd 1px solid; margin-top:40px;}
.ai_half_box .tt {font-size:20px; color:#333; font-weight:500; line-height:22px; margin-bottom:20px;}
.ai_half_box p.tal {font-size:18px; line-height:28px;}
.ai_half_box .icobox {display:flex; flex-wrap:wrap; padding-top:19px; border-top:#ddd 1px solid; margin-top:10px;}
.ai_half_box .icobox li {width:140px; border:0; padding:0; text-align:center; margin-left:calc((100% - 440px)/3);}
.ai_half_box .icobox li:first-child,
.ai_half_box .icobox li:last-child {width:80px;}
.ai_half_box .icobox li:first-child {margin-left:0;}
.ai_half_box .icobox i {display:block; width:80px; height:80px; line-height:80px; text-align:center; font-size:0; margin:0 auto; background:#f4faff; border-radius:50%;}
.ai_half_box .icobox strong {display:block; font-size:18px; color:#6EAF12; font-weight:700; margin:10px 0 5px;}
.ai_half_box .icobox p {font-size:16px; line-height:28px;}
.ai14 {padding:100px 0;}
.ai14:first-child {text-align:center;}
.ai14 .img_step {margin-top:80px;width: 79%;margin-left: 217px;}
.ai14 .img_step .tit {position:relative; padding-bottom:55px;}
.ai14 .img_step .tit i {position:absolute; bottom:0; left:40px; width:955px; max-width:calc(100% - 90px); border-bottom:#6EAF12 1px dashed;}
.ai14 .img_step .tit i:before,
.ai14 .img_step .tit i:after {content:""; position:absolute; width:25px;}
.ai14 .img_step .tit i:before {bottom:-1px; right:-25px; height:150px; border-right:#6EAF12 1px dashed; border-bottom:#6EAF12 1px dashed; border-radius:0 0 25px 0;}
.ai14 .img_step .tit i:after {top:0; left:-25px; height:60px; border-left:#6EAF12 1px dashed; border-top:#6EAF12 1px dashed; border-radius:25px 0 0 0;}
.ai14 .img_step ul {position:relative;}
.ai14 .img_step ul:before,
.ai14 .img_step ul:after {content:""; position:absolute;}
.ai14 .img_step ul:before {top:0; left:15px; height:100%; border-right:#6EAF12 1px dashed;}
.ai14 .img_step ul:after {bottom:0; left:12px; width:7px; height:7px; background:#6EAF12; border-radius:50%;}
.ai14 .img_step li {position:relative; margin-top:60px; padding-left:60px;}
.ai14 .img_step li .tt {position:relative; font-size:24px; color:#333; font-weight:700; line-height:30px; margin-bottom:20px;}
.ai14 .img_step li .tt i {position:absolute; top:0; left:-60px; width:30px; height:30px; line-height:30px; font-size:16px; color:#fff; background:#6EAF12; border-radius:50%; text-align:center;}
.ai14 .img_step dl {display:table; width:100%; table-layout:fixed;}
.ai14 .img_step dt,
.ai14 .img_step dd {display:table-cell; vertical-align:top;}
.ai14 .img_step dt {border:#ddd 1px solid; border-radius:10px; font-size:0; width:460px; overflow:hidden;}
.ai14 .img_step dd {padding-left:60px;}
.ai14 .img_step dd p {color:#333; font-size:17px;}
.ai15 dl {display:table; width:100%; table-layout:fixed;}
.ai15 dt,
.ai15 dd {display:table-cell; vertical-align:middle;}
.ai15 dt {font-size:0; width:570px; height:540px; border:#ddd 1px solid; border-radius:10px; background:#fff; text-align:center;}
.ai15 dd {padding-left:80px;}
.ai15 dd .tt {font-size:36px; color:#333; font-weight:700; line-height:40px; margin-bottom:30px;}
.ai15 dd p {font-size:18px; color:#333; font-weight:300; line-height:32px;}
.ai_box li p {font-size: 18px;color: #333;line-height: 28px;margin-top: 21px;text-align: center;}
.tit_mo {display:none;}
.ai_ibm_align{text-align:center; line-height: 28px;}
.ai13 {padding:100px 0 25px;}
.ai_last_box {display:flex; flex-wrap:wrap; justify-content:space-between;padding-top: 20px;}
.ai_last_box .mid_box{display:flex;justify-content: space-between;padding-bottom:20px;}
.ai_last_box .mid_box .tt_icon{padding: 0 20px 0 0;}
.ai_last_box .mid_box p{font-size:22px; padding-top:13px;}
.ai_last_box img{width:50px;}
.ai_last_box li {width:calc((100% - 100px)/3); margin-left:40px; border:#ddd 1px solid; border-radius:10px; padding:15px 0; text-align:center; background:#F5F5F5;}
.ai_last_box li:first-child {margin-left:0;}
.ai_last_box li .tt {font-size:28px; color:#6EAF12; font-weight:700; line-height:30px; margin-bottom:15px;}
.ai_last_box li p {font-size:18px; color:#333; line-height:26px;padding-left:28px;text-align:left;padding-bottom:10px;}
.ai_pro_tit {display:flex; justify-content: center; font-size: 30px;color: #222;font-weight: 700;line-height: 80px;margin: 0px 0 20px;}
.ai_pro_txt {display:flex; justify-content: center;margin: 0px 0 20px;}
.ai_pro_txt p {font-size: 18px;color: #222;font-weight: 500;line-height: 38px;margin: 0px 0 20px;}
.ai_pro_img {display:flex; justify-content: center;padding:20px 0 40px 0;}
.ai_pro_img_mo {display:none;}
.ai_last_box .mid_box p{}

/* ibm */
.bar_tit2 {position: relative;font-size: 30px;color: #222;font-weight: 700;line-height: 38px;margin: 30px 0 38px;padding-top:30px;text-align:center;}
.bar_txt2{font-size: 18px;color: #222;font-weight: 400;line-height: 28px; margin:0px 0 50px 0px; text-align:center;}
.ibm1 {background-image:url('/pub/images/bg_s0405a_01.jpg');}
.ibm1 i {width:174px; height:90px; line-height:88px;}
.ibm_box4 .mid_box{display:flex;justify-content: center;padding-bottom:20px;}
.ibm_box4 .mid_box .tt_icon{padding: 0 20px 0 0;}
.ibm_box4 .mid_box p{font-size:22px; padding-top:13px;}
.ibm_box4 {display:flex; flex-wrap:wrap; justify-content:space-between;}
.ibm_box4 img{width:60px;}
.ibm_box4 li {width:calc((100% - 100px)/3); margin-left:40px; border:#ddd 1px solid; border-radius:10px; padding:35px 0; text-align:center;}
.ibm_box4 li:first-child {margin-left:0;}
.ibm_box4 li .tt {font-size:28px; color:#6EAF12; font-weight:700; line-height:30px; margin-bottom:15px;}
.ibm_box4 li p {font-size:18px; color:#333; line-height:28px;}
.go_to_ibm {display:flex; justify-content: center;}
.ibm_box3 {display:flex; flex-wrap:wrap; justify-content:space-between;}
.ibm_box3 li {width:calc((100% - 100px)/3); margin-left:40px;border-radius:10px; padding:35px 0; text-align:center;}
.ibm_box3 li:first-child {margin-left:0;}
.ibm_box3 li .tt {font-size:22px; color:#0F62FE; font-weight:700; line-height:30px; margin-bottom:15px;}
.ibm_box3 li p {font-size:19px; color:#333; line-height:32px;}

.ibm_container {display: flex;width: 100%;padding-top:30px;flex-direction: column;}
.ibm_button-container {flex: 1;display: flex;flex-direction: row;justify-content: center;align-items: flex-start;background-color: #f9f9f9;padding: 20px 20px 49px 20px;column-gap: 25px;}
.ibm_hover-button {margin: 10px 0;padding: 10px 20px;font-size: 18px;cursor: pointer;text-align:left;transition: background-color 0.3s, color 0.3s;color:#666;font-weight: 600;border-radius: 33px;border: solid #007BFF 2px;text-align: center;}
.ibm_hover-button:hover {background-color: #007BFF;color: #fff;border-radius: 33px;}
.ibm_image-container {flex: 2;height: 445px;position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;    background-color: #e9ecef;overflow: hidden;padding: 243px 0px;}
.ibm_content {text-align: center;margin-bottom: 20px;}
#ibm_title {font-size: 24px;color: #333;margin-bottom: 10px;}
#ibm_description {font-size: 16px;color: #555;}
.ibm_preview-image {position: absolute;max-width: 100%;max-height: 100%;opacity: 0;transition: opacity 0.3s ease-in-out;}
.ibm_preview-image_mo {display:none;}
.ibm_hover-button.active {background-color: #007BFF;color: #fff; font-weight: 600;font-size:18px;border-radius: 33px;}

.ibm_description {
    max-height: 100%;
    overflow: hidden;
    padding: 0 10px;
    background-color: #f9f9f9;
    border-left: 3px solid #007BFF;
    transition: max-height 0.3s ease, padding 0.3s ease;
    font-size: 14px;
    color: #555;
    line-height: 1.5;
}

.ibm_button-wrapper.active .ibm_description {
    max-height: 60px; /* 최대 3줄 정도 */
    /* padding: 10px 10px; */
}

.ibm_hover-button[data-image="image1"]:hover ~ .image-container #image1,
.ibm_hover-button[data-image="image2"]:hover ~ .image-container #image2,
.ibm_hover-button[data-image="image3"]:hover ~ .image-container #image3,
.ibm_hover-button[data-image="image4"]:hover ~ .image-container #image4 {
    opacity: 1;
}

/* 복지제도 */
.welfare_area {display:flex; flex-wrap:wrap; gap:25px; margin-top:110px;}
.welfare_area .box {position: relative; width:calc((100% - 50px)/3); background:#F8F8F8; border-radius:0 0 60px 0; padding:40px 30px 40px 180px;}
.welfare_area .box i {position: absolute; top:40px; left:30px; display:block; width:100%; height:50px; background:no-repeat 0 50%;}
.welfare_area .tit {font-size:24px; font-weight:600; line-height:1.5; margin:0 0 16px;}
.welfare_area .box p {font-size: 18px;line-height: 28px;font-weight: 400;}
.welfare_area .i1 i {background-image:url('/pub/images/icon_welfare_area01.svg');}
.welfare_area .i2 i {background-image:url('/pub/images/icon_welfare_area02.svg');}
.welfare_area .i3 i {background-image:url('/pub/images/icon_welfare_area03.svg');}
.welfare_area .i4 i {background-image:url('/pub/images/icon_welfare_area04.svg');}
.welfare_area .i5 i {background-image:url('/pub/images/icon_welfare_area05.svg');}
.welfare_area .i6 i {background-image:url('/pub/images/icon_welfare_area06.svg');}
/* .welfare_area dl > :nth-child(2) {padding-left:180px;} */

/* 채용안내 */
.recruitment_information {border-top:#ebebeb 1px solid;}
.recruitment_information dl {position:relative; display:flex; align-items:center; height:130px; border-bottom:#ebebeb 1px solid;}
.recruitment_information dl:after {content:""; position:absolute; bottom:-12px; left:52px; width:24px; height:24px; background:url('/pub/images/arrow_step.svg') no-repeat 50% 50% / contain;}
.recruitment_information dl:last-child:after {display:none;}
.recruitment_information dt {position:relative; width:390px; padding-left:180px;}
.recruitment_information dt i {position:absolute; top:50%; left:20px; width:90px; height:90px; background:#F8F8F8 no-repeat 50% 50%; border-radius:50%; transform:translateY(-50%);}
.recruitment_information dt span {display:block; font-size:15px; color:var(--c_iden); font-weight:500; line-height:1;}
.recruitment_information dt strong {display:block; font-size:24px; font-weight:600; line-height:1.5; margin-top:4px;}
.recruitment_information dt strong em {font-size:14px; font-weight:500; font-style:normal; margin-left:4px;}
.recruitment_information dd {width:calc(100% - 390px);font-size: 18px;line-height: 28px;font-weight: 400;}
.recruitment_information .i1 dt i {background-image:url('/pub/images/icon_recruitment_information01.svg');}
.recruitment_information .i2 dt i {background-image:url('/pub/images/icon_recruitment_information02.svg');}
.recruitment_information .i3 dt i {background-image:url('/pub/images/icon_recruitment_information03.svg');}
.recruitment_information .i4 dt i {background-image:url('/pub/images/icon_recruitment_information04.svg');}
.recruitment_information .i5 dt i {background-image:url('/pub/images/icon_recruitment_information05.svg'); background-color:var(--c_iden);}

/* 고객지원 */
.support_contact {display:flex; gap:40px; padding: 70px 0 73px 0;}
.support_contact li {width:calc((100% - 80px)/3); padding:60px; border:#ebebeb 1px solid; border-radius:0 0 60px 0;}
.support_contact .tit {position:relative; font-size:24px; font-weight:700; line-height:1; margin:30px 0 40px; padding-top:40px;}
.support_contact .tit:before {content:""; position:absolute; top:0; left:0; width:40px; height:1px; background:#ddd;}
.support_contact dl {display:flex; gap:32px; color:#111;}
.support_contact dt {position:relative; font-weight:600;}
.support_contact dt:after {content:""; position:absolute; top:50%; right:-16px; width:1px; height:12px; background:#ebebeb; margin-top:-6px;}
.support_contact dd {font-size:20px;}
.support_contact dd a {text-decoration:underline; font-weight:400;}

/* 문의하기 */
.popup,
.popup .dm {position:fixed; top:0; left:0; width:100%; height:100%;}
.popup {z-index:101; display:none; font-size:18px; color:#222; line-height:30px;}
.popup .dm {background:rgba(0,0,0,.6);}
.popup .inbox {position:absolute; top:50%; left:50%; width:1300px; max-width:calc(100% - 40px); max-height:calc(100vh - 40px); background:#fff; transform:translate(-50%, -50%); border-radius: 40px; overflow-y: auto;}
.pop_contact_ai .inbox {/* display:flex; */}
.pop_contact_ai .txt ul {padding:0 55px; display:flex; gap:15px;}
.pop_contact_ai .tit {padding:30px 30px 20px; text-align:center; font-size:30px; font-weight:600; line-height:1.4;}
.popup.pop_contact_ai .tit2 {background: #fff; padding: 10px; margin-bottom:35px;}
.pop_contact_ai .txt li {position:relative; color:#111; line-height:20px; background:#F8F8F8 no-repeat bottom right; border-radius:0 0 40px 0; padding:30px; margin-bottom:24px;}
.pop_contact_ai .txt li .tt {margin-bottom:16px; font-weight:600;}
.pop_contact_ai .txt li.i1 {width:calc(50% - 10px); background-image:url('/pub/images/icon_contact_ai_01.svg');}
.pop_contact_ai .txt li.i2 {width:calc(50% - 10px); background-image:url('/pub/images/icon_contact_ai_02.svg');}
.pop_contact_ai .inputs {padding:0px 30px 30px; display:flex; flex-wrap:wrap; gap:12px;}
.pop_contact_ai .inputs dl {display:flex; align-items: center; width:100%; font-size: 16px color: #111; line-height: 1.4}
.pop_contact_ai .inputs dl:first-child {margin-top:0;}
.pop_contact_ai .inputs dt {width:150px; font-weight:600;}
.pop_contact_ai .inputs dd {width:calc(100% - 110px);}

.pop_contact_ai .inputs > :nth-child(5), 
.pop_contact_ai .inputs > :nth-child(6),
.pop_contact_ai .inputs > :nth-child(7) {width:calc(100% - 10px);}

/* .flexable{display:flex;align-items: center;margin-left: 10px;} */
/* 닫기 버튼 스타일 */
 .close-btn {position: absolute;top: 46px; right: 65px; font-size: 35px; cursor: pointer; color: #aaa;}
 .close-btn:hover {color: var(--c_iden);}

.captcha {display:flex; margin-bottom:10px;}
.captcha .img_area {border:#ddd 1px solid; border-radius:5px; padding:6px 10px 6px 2px; display:flex; justify-content:center; align-items:center; gap:2px;}
.captcha .imgfit {width:185px; height:50px; border:#EBEBEB 1px solid; border-right:0; background:#fff;}
.captcha .imgfit img {object-fit:contain;}
.captcha .btns {width:25px;}
.captcha .btn {display:block; width:100%; height:25px; background:#222 no-repeat 50% 50%; border-top:rgba(255,255,255,.1) 1px solid;}
.captcha .btn_re {background-image:url('/pub/images/btn_re.svg'); border-top:0;}
.captcha .btn_speaker {background-image:url('/pub/images/btn_speaker.svg');}
.captcha .text {margin-left:10px; width:calc(100% - 210px);}
.captcha .input_area {display:flex; align-items:center; font-size:16px; height:60px; line-height:58px; border:#ddd 1px solid; border-radius:5px; padding:0 24px; width:640px;}
.captcha .input_area .tt {font-weight:600; color:#000; width:130px;}
.captcha .input_area .text {width:calc(100% - 130px); padding:0; line-height:inherit; height:58px;}
.rich-wrapper {
	position: relative;
}
.rich-placeholder {
	position: absolute;
	top: 10px;
	left: 10px;
	color: #aaa;
	pointer-events: none;
}
#richContent {
	min-height: 150px;
	border: 1px solid #ccc;
	padding: 10px;
}
label.check {position:relative; display:block; padding-left:36px;}
label.check input {display:none;}
label.check i {position:absolute; top:50%; left:0; width:20px; height:20px; transition:.2s linear; transform:translateY(-50%); border:#ccc 1px solid;}
label.check i:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#ccc; mask:url('/pub/images/icon_chk.svg') no-repeat 50% 50%; -webkit-mask:url('/pub/images/icon_chk.svg') no-repeat 50% 50%; opacity:1; transition:.2s linear;}
label.check input:checked + i {border-color:var(--c_iden); background:var(--c_iden);}
label.check input:checked + i:before {opacity:1; background:#fff;}

.btn_submit {display:block; font-size:16px; color:#fff; font-weight:800; line-height:48px; height:48px; width:180px; text-align:center; background:var(--c_iden); border-radius:24px;}

/* 약관 */
.terms {line-height:27px;}
.terms .gbox {padding:40px; background:#F8F8F8; line-height:30px;}
.terms .gbox p {margin-top:10px;}
.terms .gbox strong {font-weight:600;}
.terms .dtit {position:relative; font-size:24px; color:#111; font-weight:600; line-height:26px; margin:60px 0 24px; padding-left:14px;}
.terms .dtit:before {content:""; position:absolute; top:11px; left:0; width:4px; height:4px; background:var(--c_iden); border-radius:50%;}
.terms .pltit {padding-left:14px; font-size:20px; font-weight:600; line-height:1.1; margin:20px 0 6px;}
.terms p.pl,
.terms ul,
.terms ol {padding-left:14px;}
.terms ul li {padding-left:12px; text-indent:-12px;}
.terms .mt {margin-top:20px;}
.terms ol {margin-top:10px;}
.terms ol li {padding-left:30px; text-indent:-30px; line-height:30px;}
.terms li strong {font-weight:600;}