@charset "utf-8";
@font-face {
    font-family: 'Pretendard-Bold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
}

@font-face {
    font-family: 'Pretendard-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
}
@font-face {
    font-family: 'Pretendard-Light';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight:300;
}

@font-face {
    font-family: 'Pretendard-ExtraLight';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
}

/* RESET */
html {color:#000;font-size:16px;background:#fff}
html,
body {overflow-x:hidden;width:100%;-webkit-text-size-adjust:none;font-family:'Pretendard-Regular';}
html,
body {min-height:100%}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
button {margin:0;padding:0;}
table {border-spacing:0;border-collapse:collapse;font-size:inherit;line-height:100%}
fieldset,
img {border:0}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {font-weight:normal;font-style:normal}
strong,
b {font-family:'Pretendard-Bold'}
ol,
ul,
li {list-style:none}
caption,
th {text-align:left}
h1,
h2,
h3,
h4,
h5,
h6 {font-size:100%;font-weight:normal}
q:before,
q:after {content:""}
del,
ins {text-decoration:none}
abbr,
acronym {border:0;font-variant:normal}
sup {vertical-align:text-top}
sub {vertical-align:text-bottom}
legend {color:#000}
a {color:#444;text-decoration:none}
header,
footer,
section,
nav,
article {display:block}
input,
button,
textarea,
select,
optgroup,
option {font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit}
input,
button,
textarea,
select {line-height:normal}
button {border:0;background:transparent;cursor:pointer}
.blind {overflow:hidden;clip:rect(1px,1px,1px,1px);position:absolute;width:1px;height:1px}
.contents_box {overflow-x:hidden}
.section.video {height:100vh; position: relative;}
.section.video video {width:100%;height:100%;object-fit:cover}
.section.video:after {position:absolute;left:50%;bottom:0;width:50px;height:137px;background:url('/image/m_ico_scroll.png') center / 50px 137px no-repeat;transform:translate(-50%, 0);content:''}
.section.video .inner {position:absolute;top:110px;left:15px}
.section .inner .tit {color:#fff;font-size:34px;line-height:34px;font-family: Pretendard-ExtraLight;letter-spacing: 0px;}
.section .inner .tit strong {color:#397cff;font-family:'Pretendard-Bold'}
.btn_more {margin:30px auto 0;display:flex;align-items:center;justify-content:center;width:145px;height:45px;color:#999;font-size:14px;border-radius:8px;font-family:'Pretendard-Light';background:#f2f2f2 url('/image/m_co_more.png') center right 20px / 8px 5px no-repeat}
#section1 .inner .tit {line-height: 1.3;}


body {overflow-x:hidden}
header {position:fixed;top:0;left:0;width:100%;border-bottom:1px solid #e7e7e7;background:#fff;transition: 0.2s all;z-index:1100}
header:hover {background:#fff}
header .nav li {width:158px;}
header .inner {display:flex;align-items:center;padding:0 10px;height:50px;justify-content:space-between;transition: 0.2s all}
header .logo  {width:204px;height:24px;background:url('/image/m_logo_active_svg.svg') center / 100% 100% no-repeat;}
header .nav {display:flex;align-items:center;height:100%}
header .nav li .link span {position:relative}
header .nav li .link {font-size:17px;background-position:-29px 10px}
header.main {position:fixed;border:none;background:none}
header.main .logo  {background:url('/image/m_logo_active_white_svg.svg') center / 100% 100%  no-repeat}
header.main .top_btn .icon {background-position:1px 3px}
header.main.active {background:#fff}
header.main.active .logo {background:url('/image/m_logo_active_svg.svg') center / 100% 100% no-repeat;}
header.main.active .top_btn .icon {background-position:-25px 3px}
header.main .top_btn .menu {background:url('/image/m_ico_menu_white.png') center / 20px 14px no-repeat}
header.main.active .top_btn .menu {background:url('/image/m_ico_menu.png') center / 20px 14px no-repeat}
header .nav li:last-child {width:40px}
header .nav li:last-child .link {width:30px;background:url('/image/m_ico_logo_svg.svg') 0 40px no-repeat}
header .nav li:last-child .link:after {content:none}
header .nav li .link {position:relative;display:flex;align-items:center;justify-content:center;height:100%;font-size:17px;font-family:'Pretendard-Bold'}
header .nav li.active .link span {position:relative;color:#2369eb}
header .nav li:hover .link span {position:relative;color:#2369eb}
header .nav li.active .link span:after,
header .nav li:hover .link span:after {position:absolute;left:0;bottom:-20px;width:100%;height:2px;background:#2369eb;content:''}
header:hover .nav_all {display:block;transition: 0.2s all}
header .nav_all {position:absolute;width:100%;display:none;background:#082245}
header .nav_all .inner {align-items:flex-start;justify-content:end;width:1200px;height:100%;background:#082245}
header .nav_all .list {padding-top:30px;height:330px}
header .nav_all .list+.list {border-left:1px solid #465974}
header .nav_all .list li {width:155px;box-sizing:border-box}
header .nav_all .list .link {display:block;padding:0 20px 0 30px;color:#fff;line-height:35px}
header .nav_all .list:hover {background:#132f55}
header .nav_all .list li:hover .link {text-decoration:underline}
header .nav_all .list .link.link_sub {margin:10px 0;line-height:20px}


/* Nav */
.navigation {border-bottom:1px solid #e7e7e7}
.navigation .inner {display:flex;align-items:center;padding-left:15px;height:45px}
.navigation .link {display:flex;align-items:center;color:#222;font-size:15px;letter-spacing: -0.5px;font-family: 'Pretendard-Light';}
.navigation .link+.link:before {display:inline-block;margin:0 8px;color:#999;;content:'>'; font-family: 'Pretendard-Regular';}
.navigation .link:last-child {color:#222;font-family:'Pretendard-Bold'}

/* Nav Detail */
.top_btn {display:flex}
.top_btn .icon {width:30px;height:30px;background:url('/image/m_ico_logo_svg.svg') -25px 3px / 52px 26px no-repeat}
.top_btn .menu {margin-left:8px;width:30px;height:30px;background:url('/image/m_ico_menu.png') center / 20px 14px no-repeat}
.nav_detail {width:100%;height:100%;visibility:hidden}
.nav_detail.active {display:block;transition: 0.2s all;visibility:visible}
.nav_detail .nav_box {position:absolute;top:0;right:0;width:280px;height:100vh;background:#fff;transition: 0.2s all;z-index:1400}
.nav_detail .btn_close {position:absolute;top:70px;right:10px;width:30px;height:30px;background:url('/image/m_bg_nav_close.png') center / 16px no-repeat}
.nav_detail .menu {margin-top:50%;border-top:1px solid #222;border-bottom:1px solid #222}
.nav_detail .menu li+li {border-top:1px solid #ddd}
.nav_detail .menu li p {padding:23px;color:#222;font-size:17px;font-family:'Pretendard-Bold';line-height:20px; cursor: pointer;}
.nav_detail .menu li p.active {padding-bottom:0;background:#397cff}
.nav_detail .menu li a {display:block}
.nav_detail .menu li a+a {margin-top:15px}
.nav_detail .menu li p.active {color:#fff;background:#397cff}
.nav_detail .menu li p.active+.active_none a {display:block;color:#fff}
.nav_detail .menu li .active_none {display:none}
.nav_detail .menu li .menu_open.active+.active_none {display:block;padding:23px;background:#397cff}
.nav_detail .nav_box {animation-name:fadeRight;animation-duration:0.5s;animation-play-state:running;animation-fill-mode:both}
.nav_detail.active .nav_box {animation-name:fadeLeft;animation-duration:0.5s;animation-play-state:running;animation-fill-mode:both;z-index:1400}

/* 텍스트 */
.main_tit {flex-shrink:0}
.main_tit .tit {color:#222;font-size:50px;font-family:'Pretendard-Bold';line-height:65px}
.main_tit .txt {margin-top:20px;color:#333;font-size:25px;line-height:35px}
.main_tit .txt strong {color:#397cff}
.section .main_tit {flex-shrink:0}
.section .main_tit .tit {color:#397cff;font-size:32px;line-height:32px;font-family:'Pretendard-Bold'}
.section .main_tit .txt {margin-top:10px;color:#333;font-size:16px;line-height:20px;letter-spacing: -0.5px;font-family: 'Pretendard-ExtraLight';}
.section .main_tit .txt em {font-family:'Pretendard-SemiBold'}

/* 텍스트 */
.top_txt {position:absolute;left:12px;bottom:42px}
.top_box {position:relative;display:flex;flex-wrap:wrap;height:315px;margin-top:50px}.top_box {position:relative;display:flex;flex-wrap:wrap;height:300px}
.top_box.contact {background:url('/image/m_bg_top_contact.png') center / cover no-repeat}
.top_box.career {background:url('/image/m_bg_top_career.png') center / cover  no-repeat}
.top_box.career01 {background:url('/image/m_bg_top_career01.jpg') center / cover  no-repeat}
.top_box.career02 {background:url('/image/m_bg_top_career02.jpg') center / cover  no-repeat}
.top_box.recruit {background:url('/image/m_bg_recruit.jpg') center / cover  no-repeat}
.top_box.product {background:url('/image/m_bg_top_product.png')  center / cover no-repeat}
.top_box.reference {background:url('/image/m_bg_top_reference.jpg')  center / cover no-repeat}
.top_box.detail {background:url('/image/m_bg_top_detail.png')  center / cover no-repeat}
.top_box.business01 {background:url('/image/m_bg_business.png') center / cover no-repeat}
.top_box.business02 {background:url('/image/m_bg_business_02.png') center / cover  no-repeat}
.top_box.business03 {background:url('/image/m_bg_business_03.png') center / cover  no-repeat}
.top_box.business04 {background:url('/image/m_bg_business_04.png') center / cover  no-repeat}
.top_box.global {background:url('/image/m_bg_global.png') center / cover  no-repeat}
.top_box .tit {color:#fff;font-size:34px;font-family:'Pretendard-Bold';text-align:left}
.top_box .txt {margin-top:10px;color:#fff;font-size:16px;line-height:20px;text-align:left;font-family:'Pretendard-Light'}
.top_box.company {position:relative;height:calc(100vh - 54px);background:url('/image/m_bg_company.png') center / cover  no-repeat;margin-top: 0;}
.top_box.company:after {position:absolute;left:50%;bottom:0;display:block;width:50px;height:137px;background:url('/image/m_ico_company.png') center / 50px 137px no-repeat;transform:translate(-50%, 0);content:''}
.top_box.company .top_txt {top:120px;bottom:auto}

/* 플로팅 버튼 */
.contact_floating {position:fixed;right:230px;bottom:135px;display:flex;opacity:0;transition: 1s all}
.contact_floating button {display:flex;align-items:center;justify-content:center;height:65px;border-radius:35px;background:#fff;box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.5)}
.contact_floating .btn_contact {width:160px;color:#999;font-size:17px;line-height:35px}
.contact_floating .btn_contact:before {display:inline-block;margin-left:-10px;width:50px;height:50px;background:url('/image/m_ico_contact.png') no-repeat;content:''}
.contact_floating .btn_top {margin-left:10px;width:60px;height:60px;background:#fff url('/image/m_ico_top.png') center no-repeat}
body:not(.section1) .contact_floating {opacity:1}

/* main 2 */
#section2 {padding:30px 0px 15px 10px;background:#fff}
.wrap_business .main_tit .txt strong {color:#222}
.wrap_business .business_slide {position:relative;margin-top:20px;padding-bottom:50px}
.wrap_business .business_slide .item {width:280px;height:450px;border-radius:20px;box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.2)}
.wrap_business .business_slide .item img {width:100%;vertical-align:top}
.wrap_business .business_slide .item .txt {padding:18px 20px;vertical-align:top}
.wrap_business .business_slide .item .txt strong {color:#397cff;font-size:22px;font-family:'Pretendard-Bold';line-height:22px;vertical-align:top}
.wrap_business .business_slide .item .txt p {margin-top:15px;padding-top:15px;color:#222;font-size:16px;line-height:20px;border-top:1px solid #e7e7e7;letter-spacing: -0.5px;font-family: 'Pretendard-ExtraLight';}
.wrap_business .business_slide .swiper-pagination {bottom:20px;text-align:left; left:0;}
.wrap_business .swiper-pagination-bullet+.swiper-pagination-bullet,
.wrap_business .swiper-pagination-bullet+.swiper-pagination-bullet-active {margin-left:4px}
.wrap_business .swiper-pagination-bullet-active {width:20px;border-radius:8px}
.swiper-button-next:after,
.swiper-button-prev:after {content:none !important}

/* main 3 */
#section3 {background:url('/image/m_bg_section02.png') center / 100% 100% no-repeat}
.wrap_product {padding:30px 20px 0;overflow:hidden}
.wrap_product .main_tit .tit,
.wrap_product .main_tit .txt {color:#fff}
.wrap_product .slide_circle {text-align:center}
.wrap_product .slide_circle .swiper-pagination-bullet {width:8px;height:8px;background:#334146;opacity:1}
.wrap_product .slide_circle .swiper-pagination-bullet+.swiper-pagination-bullet {margin-left:10px}
.wrap_product .slide_circle .swiper-pagination-bullet-active {width:20px;border-radius:4px;background:#3984ff}
.wrap_product .slide_tab {display:flex;justify-content:center}
.wrap_product .slide_tab .swiper-wrapper {width:auto;margin-top:25px}
.wrap_product .slide_tab .swiper-slide {display:flex;align-items:center;width:auto;color:#999;font-size:23px;line-height:22px;cursor:pointer; font-family: 'Pretendard-Light';}
.wrap_product .slide_tab .swiper-slide+.swiper-slide:before {display:block;margin:0 8px;width:1px;height:11px;background:#475258;content:''}
.wrap_product .slide_tab .swiper-slide-thumb-active {color:#397cff;font-family:'Pretendard-Bold'}
.wrap_product .slide_con {position:relative;margin-top:20px;width:100%;overflow:hidden;z-index:100}
.wrap_product .slide_con .item {margin:20px 0 30px 0;text-align:center}
.wrap_product .slide_con .item p {margin:20px 50px 0;color:#fff;font-size:16px;line-height:20px;text-align:left; font-family: 'Pretendard-ExtraLight'; display:none;}
.wrap_product .slide_con .item img {width:250px}
.wrap_product .swiper-button-next,
.wrap_product .swiper-button-prev {width:25px;height:42px;background:url('/image/m_ico_main_arrow.png') center / 25px 42px no-repeat;z-index:10; top: 30%;}
.wrap_product .swiper-button-prev {transform:scaleX(-1)}
.wrap_product .all_more {display:flex;align-items:center;justify-content:center;margin:30px auto 0;padding: 0 40px; height:50px;color:#fff;font-size:15px;line-height:20px;border-radius:8px;background:#397cff}

/* main 4 */
#section4 {padding:70px 10px 0;background:#00131b url('/image/m_bg_section03.png') center / 100% 100% no-repeat}
.wrap_company .main_tit .tit,
.wrap_company .main_tit .txt {color:#fff}
.wrap_company .box {margin:0px 30px 0; padding-bottom:10px;}
.wrap_company .list {width:100%;padding-bottom:30px;animation-name:none; padding:0}
.wrap_company .list li {display:flex;align-items:center;justify-content:space-between;padding:30px 0}
.wrap_company .list li+li {border-top:1px solid #334148}
.wrap_company .list h3 {width:100px;color:#397cff;font-size:11px;font-family:'Pretendard-Bold';text-align:left}
.wrap_company .list h3 strong {font-size:48px;line-height:48px}
.wrap_company .list p {flex-shrink:0;color:#fff;font-size:16px;line-height:22px;font-family: 'Pretendard-ExtraLight';}

/* main 5 */
.wrap_news {padding:30px 10px;height:100%;background:#f1f3f4}
.wrap_news .inner .tit {color:#397cff;font-family:'Pretendard-Bold'}
.wrap_news .inner .txt {color:#222;font-size:16px;line-height:1.3;font-family:'Pretendard-Light'; margin-top:10px;}
.wrap_news .inner .txt em {font-family:'Pretendard-Bold'}
.wrap_news .list {margin-top:20px;border-top:1px solid #222;background:#fff; display: block; padding:0;}
.wrap_news .list li {padding:16px 20px;color:#222;font-size:20px;line-height:27px;border-bottom:1px solid #ddd}
.wrap_news .list li strong {display:block;color:#397cff;font-size:17px;font-family:'Pretendard-Bold'; line-height: 17px; margin-bottom: 5px;}
.wrap_news .list li p {color:#222;font-size:16px;font-family:'Pretendard-Light';line-height:20px}
.wrap_news .list li span {display:block;margin-top:7px;color:#999;font-size:13px;line-height:13px}
.wrap_news .list li:hover {background:#f5f7f7}
.wrap_news .list li:hover .link {font-family:'Pretendard-Bold';text-decoration:underline}
.wrap_news .all_more {display:flex;align-items:center;justify-content:center;margin:15px auto 0;width:160px;height:50px;color:#fff;font-size:14px;line-height:20px;border-radius:8px;background:#397cff;letter-spacing: -0.5px;}
.wrap_news .all_more a {color:#fff;}

/* main 6 */
#section6 {position:relative}
#section6 .main_tit {padding:0 10px}
.wrap_career {padding-top:30px}
.career_box {margin-top:20px}
.career_box .career_hover {position:relative;display:flex;align-items:flex-end;width:100%;height:220px;background:#000}
.career_box .career_hover .txt {position:relative;padding:10px 25px 30px 10px}
.career_box .career_hover:after {position:absolute;right:20px;bottom:35px;display:block;width:65px;height:65px;background:url('/image/m_ico_business_arrow.png') center / 65px 65px no-repeat;content:''}
.career_box .career_hover .txt h5 {display:flex;align-items:center;color:#fff;font-size:24px;line-height:17px;font-family:'Pretendard-Bold'}
.career_box .career_talent .txt h5:before {display:block;margin-right:5px;width:38px;height:38px;background:url('/image/m_ico_career_main.png') center / 38px 38px no-repeat;content:''}
.career_box .career_job .txt h5:before {display:block;margin-right:5px;width:35px;height:40px;background:url('/image/m_ico_career_main2.png') center / 35px 40px no-repeat;content:''}
.career_box .career_hover .txt p {margin-top:5px;color:#fff;font-size:16px;line-height:20px;letter-spacing: -0.5px;font-family: 'Pretendard-ExtraLight';}
.career_box .career_talent {background:url('/image/m_bg_career_main01.png') center / 100% no-repeat}
.career_box .career_job {background:url('/image/m_bg_career_main02.png') center / 100% no-repeat}
.career_box .career_job:after {background:url('/image/m_ico_business_arrow2.png') center / 65px 65px no-repeat}

/* main 7 */
#section7 {background:#0a1524 url('/image/m_bg_section06.png') left bottom / 100% 100% no-repeat}
.wrap_contact {padding:30px 15px 60px;background:#0a1524}
.wrap_contact .main_tit .tit,
.wrap_contact .main_tit .txt {color:#fff}
.wrap_contact .contact_box {margin-top:20px}
.wrap_contact .contact_box .input_box {display:flex;padding:15px;width:100%; border:1px solid #444d58;box-sizing:border-box;font-size: 15px; align-items: center;}
.wrap_contact .contact_box .input_box+.input_box {margin-top:10px}
.wrap_contact .contact_box .input_box p {flex-shrink:0;color:#fff;width:60px;}
.wrap_contact .contact_box .input_box p span {color:#397cff}
.wrap_contact .contact_box .input_box input {margin-left:5px;color:#fff;font-size:16px;line-height:23px;border:none;background:none; width:270px;overflow: hidden;}
.wrap_contact .contact_box .input_box input::placeholder {color:#54585f;font-family: 'Pretendard-ExtraLight';}
.wrap_contact .contact_box .input_box input:focus {outline:none}
.wrap_contact .contact_box .input_box.text_box {display:block;width:100%;height:200px;background:#1c2634}
.wrap_contact .contact_box .input_box.text_box textarea {width:100%;border:none;background:#1c2634;resize:none;box-sizing:border-box;color: #fff; height:90%; padding: 10px 0;}
.wrap_contact .contact_box .input_box.text_box textarea:focus {outline:none}
.wrap_contact .check_box {margin-top:10px}
.wrap_contact .check_box label {color:#fff;font-size:12px;line-height:13px}
.wrap_contact .check_box label {color:#fff;font-size:17px;line-height:27px}
.wrap_contact .check_box>input {position:absolute;top:0;width:1px;height:1px;outline:none;opacity:0;pointer-events:none}
.wrap_contact .check_box>.lbl {display:flex;align-items:center;color:#fff;font-size:13px;letter-spacing:-0.5px;line-height:20px;vertical-align:top}
.wrap_contact .check_box>.lbl:before {float:left;margin:0 8px 0 0;width:17px;height:18px;background:url('/image/m_ico_check.png') no-repeat;content: ""}
.wrap_contact .check_box input:checked+.lbl:before {background-position-x:-17px}
.wrap_contact .all_more {display:flex;align-items:center;justify-content:center;margin:20px auto 0;width:160px;height:50px;color:#fff;font-size:15px;line-height:20px;border-radius:8px;background:#397cff;letter-spacing: -0.5px;}

/* MAIN- CONTACT */
#section7 {background:#0a1524 url('/image/m_bg_section06.png') no-repeat}

/* 비지니스 */
.business_con {padding:30px 15px}
.business_con .tit {color:#222;font-size:16px;line-height:1.5;word-break: keep-all;font-family: 'Pretendard-Light';}
.business_con .tit em {font-family:'Pretendard-SemiBold'}
.business_con .sub_txt {color:#222;font-size:16px;line-height:19px; font-family: 'Pretendard-Light';}
.business_con .sub_txt strong {color:#3c73f9}
.business_con img {display:block;margin:25px auto 0;width:311px;height:506px}
.business_con .academy_box li {display:flex;padding:20px 20px 20px 13px;border-radius:10px;background:#f1f3f4}
.business_con .academy_box li+li {margin-top:20px}
.business_con .academy_box li .count {margin-right:15px;color:#ddd;font-size:40px;font-family:'Pretendard-Bold';line-height:35px}
.business_con .academy_box li .txt {color:#222;font-size:16px;line-height:20px;text-align:left;font-family:'Pretendard-Light'}
.business_con .academy_box li .txt em {font-family:'Pretendard-Bold'}
.business_con .academy_box li span {display:block;margin-top:8px;font-size:16px;line-height:20px;font-family:'Pretendard-Light'}
.business_con .academy_box li h5 {margin:0 auto;padding:20px 0;width:100%; border-radius: 10px; color:#fff;font-size:16px;line-height:20px;text-align:center;z-index:1;/*background:url('/image/m_bg_business_last.png') center / 100% 100px no-repeat;*/ background: linear-gradient(0deg, #5432d1, #3c73f8); font-family:'Pretendard-Light'}
.business_con .academy_box li h5:after {position:absolute;left:50%;bottom:70px;width:190px;height:142px;background:url('/image/m_bg_step04.png')  center / 190px 142px no-repeat;transform:translate(-50%, -50%);content:''}
.business_con .academy_box li h5 em {font-family:'Pretendard-Bold'}
.business_con .academy_box li:nth-child(4) {padding-bottom:44px}
.business_con .academy_box li:last-child {position:relative;margin-top:100px;padding:0;border:none;background:none}
.business03+.contents_box .business_con {padding:30px 10px}
.business03+.contents_box .business_con.active {background:url('/image/m_bg_business_change.png') center / cover no-repeat}
.business03+.contents_box .business_con.active .academy_box li {background:#27303e}
.business03+.contents_box .business_con.active .academy_box li h5:after {opacity:0.5;background:url('/image/m_bg_step04_change.png')  center / 190px 142px no-repeat}
.business03+.contents_box .business_con.active .academy_box li .txt {color:#fff}
.business03+.contents_box .business_con.active .academy_box li .count {color:#dddddd29}
.business2 .business_con {padding:30px 0 0 0;}

.solution_process {background: url('/image/m_bg_business01.png') center top no-repeat; height: 650px; background-size: 90%; margin: 0 auto; width: 100%;margin-top: 20px;}


.sub_tit {margin-top:10px;color:#222;font-size:16px;line-height:20px;font-family:'Pretendard-Bold'}
.more_box {margin-bottom:10px;padding-bottom:30px;border-bottom:1px solid #222}
.btn_more {margin:30px auto 0;display:flex;align-items:center;justify-content:center;width:145px;height:45px;color:#999;font-size:15px;border-radius:8px;font-family:'Pretendard-Light';background:#f2f2f2 url('/image/m_ico_more.png') center right 20px / 8px 5px no-repeat}
.btn_list {margin:30px auto 0;display:flex;align-items:center;justify-content:center;width:145px;height:45px;color:#fff;font-size:15px;border-radius:8px;font-family:'Pretendard-Light';background:#222}

/* business2 설비제조 */
.step_box {margin-bottom:30px;overflow:hidden}
.step_box.device640 {display:block;}
.device1280 {display:none;}
.step_box .box+.box {margin-top:30px}
.step_box .box .img {height:180px;overflow:hidden}
.step_box .box .img img {position:relative;width:100%;z-index:2}
.step_box .box .box_txt {position:relative;margin-top:15px;margin-left:40px;width:100%;text-align:left}
.step_box .box .box_txt:before {position:absolute;top:-15px;left:-20px;width:1px;height:160px;background:#ccc;content:''}
.step_box .box .box_txt h3 {position:relative;margin-bottom:13px;color:#222;font-size:19px;line-height:17px;font-family:'Pretendard-Bold'}
.step_box .box .box_txt h3:before {position:absolute;left:-30px;display:inline-block;width:20px;height:20px;background:url('/image/m_ico_cell.png') center / 20px 20px no-repeat;content:''}
.step_box .box .box_txt ul li {display:inline-flex;align-items:center;justify-content:center;margin:0 6px 6px 0;padding:0 15px;height:32px;color:#222;font-size:14px;border-radius:25px;background:#edeeee;font-family:'Pretendard-Light'}
.step_box .box:last-child .box_txt:before {height:20px}
.step_box+.btm {margin:0 20px 30px;}
.step_box+.btm .more {margin:0 auto;padding:10px 0;width:100%;height:50px;color:#fff;font-size:15px;line-height:20px;text-align:center;z-index:1;background:url('/image/m_bg_business_last.png') center / 100% 46px no-repeat; border-radius: 10px;}
.step_box+.btm .more a {color:#fff;}

/* business4 셀개발 */
.cell_box {border-top:1px solid #0a111e}
.cell_box li+li {border-top:1px solid #ddd}
.cell_box .box .box_con {position:relative;padding:30px 50px 30px 10px}
.cell_box .box .box_con strong {color:#ccc;font-size:14px;line-height:17px;font-family:'Pretendard-Bold'}
.cell_box .box .box_con .box_desc {margin-top:4px;color:#222;text-align:left}
.cell_box .box .box_con .box_desc h5 {font-size:20px;line-height:1.3;font-family:'Pretendard-Bold'; word-break: keep-all;}
.cell_box .box .box_con .box_desc p {display:none;margin-top:20px;font-size:16px;line-height:20px;font-family:'Pretendard-Light';}
.cell_box .box .box_con .box_more {position:absolute;top:55px;right:10px;display:block;width:20px;height:20px;background:url('/image/m_ico_business.png') 0 0 no-repeat; background-size: cover;}
.cell_box .box .box_con.active {background:#f1f3f4}
.cell_box .box .box_con.active strong {color:#3c73f9}
.cell_box .box .box_con.active .box_desc p {display:block}
.cell_box .box .box_con.active .box_more {background-position:-20px 0}

/* 제품소개 */
.product_con {margin-bottom:0px;overflow-x:hidden}
.product_con .tit {margin-top:16px;color:#222;font-size:40px;line-height:20px;text-align:center}
.product_con .tit em {font-family:'Pretendard-Bold'}
.product_con .tit strong {color:#397cff;font-family:'Pretendard-Bold'}
.product_con .tit h3 .badge {display:flex;align-items:center;justify-content:center;margin-right:5px;width:40px;height:20px;color:#fff;font-size:12px;line-height:23px;border-radius:2px;font-family: 'Pretendard-Light';background:#3984ff;box-sizing:border-box}
.product_con .product_search {padding:20px 80px 28px; background:#397cff; transition: 0.2s all;}
.product_con .product_search div {display: flex; border-bottom: 1px solid #fff;}
.product_con .product_search .search_input {padding:8px 10px 8px 0;width:100%; color:#fff; font-size:16px;border:none; background: transparent;}
.product_con .product_search .search_input:focus, .product_con .product_search .search_input {outline:none;}
/*.product_con .product_search.active {margin:0;padding:20px 80px 28px;background:#397cff;}
.product_con .product_search.active .search_input {color:#fff; border-bottom:1px solid #fff;background:url('/image/m_ico_search3.png') right / 14px 13px no-repeat}*/
.product_con .product_search .search_input::placeholder {color:#fff;outline:none}
.product_con .product_search .search-btn { margin: 0px; border: 0; width: 18px; height: 35px;background: url('/image/m_ico_search3.png') center center no-repeat;cursor: pointer; background-size: 100%;}
.product_con .product_tab {display:flex;justify-content:center;margin-top: 14px;}
.product_con .product_tab li+li {margin-left:10px}
.product_con .product_tab li .tab {text-align:center}
.product_con .product_tab li .tab .tit {color:#222;font-size:17px;font-family:'Pretendard-Bold';line-height:20px}
.product_con .product_tab li.on .tab .tit {color:#397cff}
.product_con .product_tab li .tab .tit:after {display:block;margin-top:10px;width:85px;height:85px;border-radius:50%;content:''}
.product_con .product_tab li:nth-child(1) .tit:after {background:url('/image/m_img_product_tab01.png') center / 100% no-repeat}
.product_con .product_tab li:nth-child(2) .tit:after {background:url('/image/m_img_product_tab02.png') center / 100% no-repeat}
.product_con .product_tab li:nth-child(3) .tit:after {background:url('/image/m_img_product_tab03.png') center / 100% no-repeat}
.product_con .product_tab li:nth-child(4) .tit:after {background:url('/image/m_img_product_tab04.png') center / 100% no-repeat}
.product_con .product_tab li.on:nth-child(1) .tit:after {background:url('/image/m_img_product_tab01_on.png') center / 100% no-repeat}
.product_con .product_tab li.on:nth-child(2) .tit:after {background:url('/image/m_img_product_tab02_on.png') center / 100% no-repeat}
.product_con .product_tab li.on:nth-child(3) .tit:after {background:url('/image/m_img_product_tab03_on.png') center / 100% no-repeat}
.product_con .product_tab li.on:nth-child(4) .tit:after {background:url('/image/m_img_product_tab04_on.png') center / 100% no-repeat}
.product_con .product_list {margin:30px 10px}
.product_con .product_list .search_result {padding-bottom:10px;border-bottom:1px solid #222;font-family:'Pretendard-Light'; font-size:14px;}
.product_con .product_list .search_result strong {color:#397cff;font-family:'Pretendard-Bold'}
.product_con .product_list .search_result em {font-family:'Pretendard-Bold'}
.product_con .product_list .list {display:block;}
.product_con .product_list .list .tit {display:flex;align-items:center;justify-content:space-between; margin-bottom: 5px;text-align: left;}
.product_con .product_list .list .tit h3 {display:flex;align-items:normal;color:#222;font-size:17px;font-family:'Pretendard-Bold'}
.product_con .product_list .list .tit h3 .ellipsis {overflow: hidden; text-overflow: ellipsis; width: 285px; /*-webkit-line-clamp: 1;*/ -webkit-box-orient: vertical; display: -webkit-box;vertical-align: middle;}
.product_con .product_list .list .tit button {display:inline-block;width:30px;height:30px;background:url('/image/m_ico_product_plus.png') center / 13px 13px no-repeat}
.product_con .product_list .list .con {position:relative;display:block}
.product_con .product_list .list .con img {width:100%}
.product_con .product_none {padding:60px 0;text-align:center;border-bottom:1px solid #222}
.product_con .product_none p {color:#999;font-size:16px;line-height:18px}
.product_con .product_none p:before {display:block;margin:0 auto 10px;width:71px;height:55px;background:url('/image/m_bg_product_none.png') center / 71px 55px no-repeat;content:''}
.product_detail {padding:30px 10px 10px}
.product_detail .product_img {margin-right:10px;width:100%}
.product_detail .product_img img {width:100%;height:100%}
.product_detail .product_info .tit {display:flex;align-items:normal;margin-bottom:10px;color:#333;font-size:22px;font-family:'Pretendard-Bold';line-height:30px}
.product_detail .product_info .tit .badge {display:flex;align-items:center;justify-content:center;margin-right:5px;width:65px;height:25px;color:#fff;font-size:14px;font-weight:normal;line-height:18px;border-radius:2px;font-family: 'Pretendard-Light';background:#3984ff;box-sizing:border-box; margin-top: 5px;}
.product_detail .product_info .txt {margin-top:20px;color:#0a1524;font-size:16px;line-height:20px;font-family:'Pretendard-Light'; padding-bottom:10px;}
.product_detail .product_info ul {margin-top:10px;}
.product_detail .product_info ul li {color:#222;font-size:16px;line-height:1.4;font-family:'Pretendard-Light'}
.product_detail .product_sepc {margin-top:20px}
.product_detail .product_sepc table {margin-top:10px;width:100%;color:#222;font-size:16px;border-top:1px solid #222;border-bottom:1px solid #222}
.product_detail .product_sepc table tr {}
.product_detail .product_sepc table tr+tr {border-top:1px solid #eee}
.product_detail .product_sepc table tr th {padding:20px 10px;width:105px;font-family:'Pretendard-Bold';vertical-align:top;background:#f5f7f7; line-height:1.4;}
.product_detail .product_sepc table tr td {padding:20px 10px;font-family:'Pretendard-Light';line-height: 1.4;}
.product_detail .product_sepc+.btn_list {margin-top:10px}
.product_banner {margin-top:30px;background:#00141c url('/image/m_bg_product_inquiry.png') center / 100% 100% no-repeat}
.product_banner .inner {padding:30px 0;text-align:center}
.product_banner .tit {color:#fff;font-size:24px;font-family:'Pretendard-Bold';line-height:1.3;}
.product_banner .tit strong {color:#397cff}
.product_banner .product_inquiry {display:flex;align-items:center;justify-content:center;margin:15px auto 0;width:145px;height:45px;color:#fff;font-size:14px;line-height:20px;border-radius:8px;background:#397cff}

/* 직무소개 */
.career_con {padding:20px 10px 40px;}
.career .career_con {padding:20px 0px 40px 10px;}
.career_con .tit {padding:60px 0;color:#222;font-size:40px;line-height:55px;letter-spacing:-2.5px;text-align:center;}
.career_con .tit em {font-family:'Pretendard-Bold'}
.career_con .tit strong {color:#397cff;font-family:'Pretendard-Bold'}
.career_con .link {position:relative;display:flex;align-items:flex-end;width:100%;height:100%;overflow:hidden}
.career_con .career_list {position:relative;display:flex;flex-wrap:wrap;gap:35px}
.career_con .career_list li:hover .link:after {position:absolute;top:0;left:0;width:100%;height:100%;background:url('/image/m_bg_career.png') no-repeat;opacity:0.5;content:''}
.career_con .career_list li:hover .link span {border-color:#397cff;background:#081223}
.career_con .career_list li {display:flex;align-items:flex-end;width:403px;height:403px}
.career_con .career_list li span {display:flex;align-items:center;margin:20px;width:100%;height:98px;color:#fff;font-size:20px;border:1px solid #397cff;background:#397cff;z-index:1}
.career_con .career_list li span:before {display:inline-block;margin-left:15px;width:65px;height:65px;content:''}
.career_con .career_list li span:after {display:inline-block;margin-left:auto;margin-right:10px;width:65px;height:65px;background:url('/image/m_ico_career07.png') no-repeat;content:''}
.career_slide {position:relative;overflow:hidden}
.career_slide h3 {margin:0 auto;display:flex;align-items:center;justify-content:center;width:100%;height:150px;color:#fff;font-size:21px;border-radius:16px;font-family:'Pretendard-Bold';text-align: center;}
.career_slide ul {margin-top:20px}
.career_slide ul li {padding:30px 12px;box-sizing:border-box}
.career_slide .item:nth-child {height:auto;}
.career_slide .item:nth-child(1) h3 {background:url('/image/m_bg_career01.png') center/ 100% no-repeat}
.career_slide .item:nth-child(2) h3 {background:url('/image/m_bg_career02.png') center/ 100% no-repeat}
.career_slide .item:nth-child(3) h3 {background:url('/image/m_bg_career03.png') center/ 100% no-repeat}
.career_slide .item:nth-child(4) h3 {background:url('/image/m_bg_career04.png') center/ 100% no-repeat}
.career_slide .item:nth-child(5) h3 {background:url('/image/m_bg_career05.png') center/ 100% no-repeat}
.career_slide .item:nth-child(6) h3 {background:url('/image/m_bg_career06.png') center/ 100% no-repeat}
.career_slide ul li+li {border-top:1px solid #cccccc}
.career_slide ul li h4 {color:#3984ff;font-size:18px;font-family:'Pretendard-Bold';line-height:14px;}
.career_slide ul li:first-child h4 {margin-top: 23px;}
.career_slide ul li p {margin:20px 0;color:#222;font-size:16px;line-height:1.4; font-family: 'Pretendard-Light';}
.career_slide ul li .tag {display:flex;flex-wrap:wrap;/*gap:5px*/}
.career_slide ul li .tag span {display:flex;align-items:center;justify-content:center;padding:5px 15px;color:#fff;font-size:14px;line-height:17px;border-radius:25px;background:#c5c5c5; margin-right: 5px; margin-bottom: 5px}
.career_slide .swiper-pagination {position:absolute;top:170px !important;left:50% !important;transform:translate(-50%, 0)}
.career_slide .swiper-pagination-bullet+.swiper-pagination-bullet {margin-left:6px;width:8px;height:8px}
.career_slide .swiper-pagination-bullet+.swiper-pagination-bullet-active,
.career_slide .swiper-pagination-bullet-active {width:20px;border-radius:4px;background:#007aff}
.career_slide .swiper-button-next,
.career_slide .swiper-button-prev {top:85px;width:12px;height:21px;background:url('/image/m_ico_patent.png') center / 6px 12px no-repeat}
.career_slide .swiper-button-prev {transform:scaleX(-1)}

/*인재상*/
.career .career_con {padding-bottom: 0;}
.career_bottom {height: 210px; background: url('/image/bg_bottom_career.png') right bottom no-repeat; background-size: cover; position: relative;margin: 50px -15px 0 -15px; padding:0 !important;}
.career_con.career_bottom .inner {display: flex; justify-content: center; align-items: center; height: 210px;}
.career .career_con .tit {padding: 0px 0; color: #222; font-size: 19px; line-height: 1.4; letter-spacing: -0.5px; text-align: center;padding-right: 15px;}
.business_slide .item {width: 290px; border-radius: 14px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);margin-left: 3px;}
.business_slide .item:last-child {width:280px;}
.business_slide .item .txt {padding: 0 20px 30px 20px; vertical-align: top;}
.business_slide .item .txt strong {color: #397cff; font-size: 22px; font-family: 'Pretendard-Bold'; line-height: 22px; vertical-align: top;}
.business_slide .item .txt em {font-family: 'Pretendard-Bold';}
.career_talent_member {display: flex; margin: 20px; position: relative; justify-content: center;}
.career_talent_member img {width:169px; margin-top: 20px; z-index: 10; height:169px;}
.business_slide .item .txt p {margin-top: 10px; color: #222; font-size: 16px; line-height: 1.5;letter-spacing: -0.3px; font-family: 'Pretendard-Light';}
.business_slide .item .member {color: #e9e9e9;font-size: 68px; font-family: 'Pretendard-Bold'; position: absolute; left: -4px;letter-spacing: -5px;}
.career_con .business_slide {position: relative;padding-top:10px; height:400px;}
.career_con .business_slide .swiper-pagination {bottom: 0px; left: 0%;}
.career_con .business_slide .swiper-pagination-bullet-active {width: 20px;border-radius: 8px;}
.career_con .business_slide .swiper-pagination-bullet {margin-left: 4px;}

/*CAREER_복리후생*/
.walfare_bx {margin-bottom: 10px;}
.walfare_bx li {width:45%; display: inline-flex; height: auto; align-items: flex-end; justify-content: center; margin: 0 1% 50px 1%; position: relative; min-width: 150px;}
.walfare_bx li img {width:100%; max-width:150px;}
.walfare_bx li p{font-size:16px; color:#397cff; display: flex; align-items: flex-end; justify-content: center; letter-spacing: -1px;position: absolute; bottom: -30px; font-family:'Pretendard-SemiBold'}
/*.walfare_bx li:nth-child(1) {background:url('/image/walfare_bx_bg01.png') top center no-repeat; background-size: 90%;}
.walfare_bx li:nth-child(2) {background:url('/image/walfare_bx_bg02.png') top center no-repeat; background-size: 90%;}
.walfare_bx li:nth-child(3) {background:url('/image/walfare_bx_bg03.png') top center no-repeat; background-size: 90%;}
.walfare_bx li:nth-child(4) {background:url('/image/walfare_bx_bg04.png') top center no-repeat; background-size: 90%;}
.walfare_bx li:nth-child(5) {background:url('/image/walfare_bx_bg05.png') top center no-repeat; background-size: 90%;}
.walfare_bx li:nth-child(6) {background:url('/image/walfare_bx_bg06.png') top center no-repeat; background-size: 90%;}*/

/* 회사소개 */
.company_con {padding:30px 12px 12px;overflow:hidden}
.company_con .company_value {margin-top:30px;padding-top:30px;border-top:1px solid #e7e7e7}
.company_con .company_value .tit {color:#3984ff;font-size:32px;font-family:'Pretendard-Bold';line-height:32px;}
.company_con .company_value .txt {margin-top:20px;color:#222;font-size:16px;line-height:21px; font-family: 'Pretendard-Light';}
.company_con .company_value .txt em {font-family:'Pretendard-Bold'}
.company_list {display:block}
.company_list li {position:relative;padding:15px 20px;height:80px;background:url('/image/m_bg_company_list.png') center center no-repeat;box-sizing:border-box; background-size: cover; border-radius: 10px;}
.company_list li+li {margin-top:10px}
.company_list li .tit {color:#397cff;font-size:16px;font-family:'Pretendard-Bold';line-height:16px}
.company_list li .txt {margin-top:8px;padding-right:40px;color:#333;font-size:16px;line-height:16px}
.company_list li .tit:before {position:absolute;display:block;content:''}
.company_list li:nth-child(1) .tit:before {top:17px;right:20px;width:33px;height:44px;background:url('/image/m_ico_company01.png') center / 33px 44px no-repeat}
.company_list li:nth-child(2) .tit:before {top:18px;right:20px;width:42px;height:40px;background:url('/image/m_ico_company02.png') center / 42px 40px no-repeat}
.company_list li:nth-child(3) .tit:before {top:18px;right:20px;width:40px;height:40px;background:url('/image/m_ico_company03.png') center / 40px 40px no-repeat}
.company_list li:nth-child(4) .tit:before {top:12px;right:20px;width:70px;height:60px;background:url('/image/m_ico_company04.png') center / 70px 60px no-repeat}
.company_slide {position:relative;margin:20px 0 20px; padding-bottom: 50px !important;margin-right: -12px !important;}
.company_slide .item {width:280px !important;border:1px solid #e7e7e7;border-radius:20px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);margin-right: 20px !important;}
.company_slide .item img {width:100%;height:205px;vertical-align:top; border-top-left-radius: 20px; border-top-right-radius: 20px}
.company_slide .item .txt {margin:0;padding:18px 20px;height:190px}
.company_slide .item .txt .top {color:#397cff;font-size:22px;font-family:'Pretendard-Bold';line-height:22px}
.company_slide .item .txt .btm {margin-top:10px;padding-top:10px;color:#333;font-size:16px;line-height:20px;border-top:1px solid #e7e7e7;word-break: keep-all;}
.company_slide .swiper-pagination {bottom:	20px !important; left: -40% !important;}
.company_slide .swiper-pagination-bullet {width:8px;height:8px}
.company_slide .swiper-pagination-bullet-active {width:18px;border-radius:12px}
.company_slide .swiper-pagination-bullet+.swiper-pagination-bullet {margin-left:4px}
.video_box {position:relative;margin-top:42px;overflow:hidden}
.video_box video {width:100%}
/*.video_box:before {position:absolute;top:0;left:0;width:100%;height:100%;background:#eee;opacity:0.2;z-index:1;content:''}
.video_box:after {position:absolute;top:50%;left:50%;width:45px;height:45px;transform:translate(-50%, -50%);background:url('/image/m_ico_video_play.png') center / 45px 45px no-repeat;z-index:10;content:''}
.video_box.active:before,
.video_box.active:after {content:none}*/
.total_box {color:#222;font-size:16px;line-height:21px; font-family: 'Pretendard-Light';}
.total_box em {font-family:'Pretendard-Bold';}
.wrap_company .inner .txt {margin-top:17px;color:#fff;font-size:16px;line-height:22px;font-family:'Pretendard-ExtraLight'}

/*CEO 인사말*/
.top_box.company02 {background: url('/image/m_bg_company02.jpg') center / cover no-repeat;}
.company .msg-bx-company {color: #397eff; margin: 20px 0 5px;font-family: Pretendard-Bold;}
.company .msg-bx-ceo {color: #222; font-size: 20px !important; font-family: Pretendard-Bold !important;}
.company .imgarea {margin-bottom: 25px;}
.company .imgarea img {width:100%; height:auto;}

/*뉴스룸*/
.top_box.newsroom {background: url('/image/m_bg_newsroom.jpg') center / cover no-repeat;}
.headline {display: flex; padding: 60px 0 0;}
.headline .imgarea {width: 645px; height: 350px; border:1px solid #e5e5e5;display: flex; align-items: center;justify-content: center;}
.headline .textarea {margin-left: 60px; text-align: left; width: 660px;}
.headline .textarea .category {position: relative; font-size: 17px; color: #397cff; font-weight:600; padding-bottom: 15px; margin-bottom: 40px; display: inline-flex;}
.headline .textarea .category::after {content: ''; width: 100%; height: 3px; background: #397cff; position: absolute; bottom: 3px; left: 0;}
.headline .textarea .date {font-size: 17px; color: #999; margin-bottom:40px;}
.headline .textarea .subject {font-size: 28px; font-weight: 500; color: #222; line-height: 1.4; margin-bottom: 10px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.headline .textarea .text {font-size: 18px; line-height: 1.5; color: #222; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.newsroom-tit {display: flex; justify-content: flex-start; align-items: center; margin: 0; text-align: left; clear: both; padding: 0px 0 0px 0;}
.news-search-inner {border: 0; border-bottom: 1px solid #e6e6e6; width:100%; display: inline-flex; margin-left: 20px;margin-bottom: 15px;}
.news-search-btn { margin: 0px; border: 0; width: 50px; height: 40px;background: url('/image/ico_search.png') center center no-repeat;cursor: pointer; background-size: 40%;}
.news-search-inner .search-word {width: calc(380px - 170px); border: 0; font-size:15px; color:#333; width:100%;    background: none;}
.news-search-inner input:focus{outline:none; background: none;}

.search_none {padding: 45px 0 70px; text-align: center; border-top: 1px solid #397cff;}
.search_none p {color: #999; font-size: 16px; line-height: 27px; letter-spacing: -1.5px; font-family: 'Pretendard-Light';}
.search_none p:before {display: block; margin: 0 auto 30px; width: 140px; height: 107px; background: url('/image/m_bg_product_none.png') no-repeat; content: '';}

input::-ms-clear,input::-ms-reveal{display:none;}
input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration{display:none;}

.news-list {margin:0 -15px;}
.news-list ul{}
.news-list .news-top {background:#f1f3f4;}
.news-list li:first-child {border-top: 1px solid #397cff;}
.news-list li {border-bottom: 1px solid #bfc0c0;}
.news-list a {display: flex; align-items: center; padding: 15px 0; margin: 0 15px;}
.news-list li:hover {background:#f1f3f4; padding: 0; margin: 0;}
.news-list a:hover .arrow {background: #397cff url('/image/ico_arrow.png') center center no-repeat; background-size: 30%;}
.news-list a .category {display: block; text-align: left; font-size: 13px; color: #397cff; font-family: 'Pretendard-Bold'; margin-bottom: 3px;}
.news-list .tit-area {display: block;box-sizing: border-box; text-align: left; width:65%;}
.news-list .tit {padding: 0; color: #222; font-size: 16px; line-height: 1.3; text-align: left;letter-spacing: -0.3px;font-weight: 500;-webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; width: 100%; white-space: normal;}
.text-ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news-list a .right-box {width: 35%; display: flex; align-items: center;justify-content: right;}
.news-list a .date {display: block; font-size: 14px; color: #999; margin-top: 10px; line-height:14px;}
.news-list a .arrow {display: block; width: 45px; height:45px; text-align: center; font-size: 16px; border-radius: 50%; background: #c5c5c5 url('/image/ico_arrow.png') center center no-repeat; background-size: 30%;}
.news-list a .arrow-end{display: flex; width: 45px; height:45px; text-align: center; font-size: 12px; border-radius: 50%; color:#fff; background: #c5c5c5;justify-content: center; align-items: center;}
.news-list a .file-add {display: none; width: 45px; height:45px; text-align: center; background: url('/image/m_ico_fileadd.png') center center no-repeat; margin-right: 10px;background-size: 90%;}
.company .more_box {margin-bottom: 0px; padding-bottom: 0px; border-bottom: none;}

.bbsview_nav {border-top: 1px solid #e7e7e7; display: grid; grid-template-columns: 100px auto 100px; align-items: normal; /*column-gap: 7px;*/}
.bbsview_prev, .bbsview_next {flex: 1; display: inline-flex; position: relative; overflow: hidden;line-height:1;}
.bbsview_prev {padding: 10px 20px 0 15px;}
.bbsview_next {flex-direction: row-reverse; padding: 10px 15px 0 20px;}
.bbsview_prev::before, .bbsview_next::before {content: ''; display: block; width: 9px; height: 14px; background-repeat: no-repeat; position: absolute; top: 32%; transform: translateY(-50%);}
.bbsview_prev::before {background:url('/image/ico_arr_prev_svg.svg'); left: 0;}
.bbsview_next::before {background:url('/image/ico_arr_next_svg.svg') center right no-repeat; right: 0;}
.bbsview_nav .txt {font-size: 14px; color: #222; font-family:'Pretendard-Bold'; white-space: nowrap;}
.company_newsroom .bbsview_nav .btn_list{margin-top:10px;}

/*CAREER_채용안내*/
.top_box.career_recruit {background: url('/image/m_top_career_recruit.jpg') no-repeat;}
.recruit_process {background: url('/image/m_recruit01.png') center center no-repeat; background-size: contain; margin:0px 0 30px 0; padding-top: 86.64%;}
.recruit-list {}
.recruit-list ul{}
.recruit-list li:first-child {border-top: 1px solid #397cff;}
.recruit-list li {border-bottom: 1px solid #bfc0c0;}
.recruit-list a {display: flex; align-items: center; padding: 30px 0;}
.recruit-list a:hover {background:#f9f9f9;}
.recruit-list a:hover .arrow {background: #397cff url('/image/ico_arrow.png') center center no-repeat;}
.recruit-list a .category {display: block; width: 145px; text-align: center; font-size: 18px; text-align:center; color: #397cff; font-weight: 600;}
.recruit-list .tit-area {display: block; width: calc(100% - 160px); box-sizing: border-box;}
.recruit-list .tit {padding: 0; color: #222; font-size: 24px; line-height: 24px; text-align: left;letter-spacing: 0;font-weight: 500;}
.text-ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.recruit-list a .right-box {width: 160px; display: flex; align-items: center;justify-content: center;}
.recruit-list a .date {display: block; font-size: 14px; color: #999; margin-top: 20px; line-height:14px;}
.recruit-list a .arrow {display: block; width: 80px; height:80px; text-align: center; font-size: 17px; border-radius: 50%; background: #c5c5c5 url(/image/m_o_arrow.png) center center no-repeat;}
.recruit-list a .arrow-end {display: flex; width: 80px; height:80px; text-align: center; font-size: 17px; border-radius: 50%; color:#fff; background: #c5c5c5;justify-content: center; align-items: center;}
.recruit .btn_list {margin-top:10px;}
.career_con .btn_more {margin-top:20px;}
.career_con .more_box {border-bottom: none; padding-bottom:0;}
.recruit-select {width: 180px; padding-bottom: 15px; position: relative; border-top: 1px solid #e7e7e7;}
.recruit-select a {margin: 0; color: #222;cursor: pointer; display: flex; align-items: center; padding: 10px; background: #FFF; cursor: pointer; border: 1px solid #e7e7e7; font-size:15px;border-top: none}
.recruit-select::after {position: absolute; content: ""; top: 30%; right: 15px; width: 10px; height: 6px; background: url('/image/ico_more.png') center center no-repeat;}
.recruit-select li a:hover {background: #eaebeb; color: #222;}
.recruit-select > ul {display: none; width: 100%; background: #fff; border-bottom: none; position: absolute; box-sizing: border-box;}
.recruit .career_con img {width: 100%; margin-bottom:20px;}

/*게시판 글상세*/
.bbsview {padding-top:0px; margin:0 auto;}
.bbsview .headline {border-bottom: 1px solid #cccccc; display: block; padding: 0 0 25px 0;overflow: hidden;}
.bbsview .category {font-size:13px; color:#397cff;font-family:'Pretendard-Bold';}
.bbsview .subject {font-size:25px; line-height:1.4; margin:5px 0 15px 0;}
.bbsview .inputdate {font-size:13px; color:#999;}
.bbsview .view-article {padding:25px 0; font-size:16px;font-family: 'Pretendard-Light';word-break: break-all;}
.bbsview .view-article h2 {font-size:20px; margin-bottom:18px; font-weight:600;}
.bbsview .view-article p {margin-bottom:18px;line-height: 1.6; word-break: keep-all;font-family: 'Pretendard-Light';}
.bbsview .view-article img {width: 100% !important; height: 100% !important;margin-bottom: 20px;overflow: hidden;}
.bbsview .view-article .bbs-view-image {margin: 0 -15px; margin-bottom: 20px;overflow: hidden;}
.bbsview .view-article .bbs-view-image img {width:100%;height: auto; margin:0;}
.bbsview .view-article .bbs-view-image dt{text-align:center;}
.bbsview .view-article .bbs-view-image dd {background:#f2f2f2; text-align:center; font-size:14px; color:#aaa; padding:12px 0;line-height: 14px;}
.bbsview .bbsview_upload {display: inline-block;}
.bbsview .bbsview_upload .bbs_addfile {position: relative; margin-top:5px;}
.bbsview .bbsview_upload .bbs_addfile p {position: relative; font-size: 14px; color: #999; margin-bottom:5px;}
.bbsview .bbsview_upload .bbs_addfile p a {color: #999;text-decoration: underline; padding-right: 20px; background: url('/image/ico_download_svg.svg') center right no-repeat; background-size: 13px 11px;}
/*.bbsview .bbsview_upload .bbs_addfile p a::after {content: ''; width: 92%; height: 1px; background: #999; position: absolute; bottom: 1px; left: 0;}*/

/* 레퍼런스 */
.reference_box {overflow:hidden}
.reference_box .list {display:block;}
.reference_box .list:nth-child(3) .box .desc li {flex-wrap:wrap}
.reference_box .list:nth-child(3) .box .desc strong {margin-bottom:10px;font-family:'Pretendard-Bold';width:100%}
.reference_box .list .tit.active {color:#fff;border-bottom:none;background:#3984ff url('/image/m_ico_reference_on.png') center right 20px / 10px no-repeat}
.reference_box .list .tit.active+.box {display:block}
.reference_box .list .tit {padding:20px 10px;color:#333;font-size:18px;line-height:22px;border-bottom:1px solid #ccc;background:url('/image/m_ico_reference.png') center right 20px / 10px no-repeat}
.reference_box .list:last-child .tit {border-bottom:none}
.reference_box .list .box {display:none}
.reference_box .list .box img {width:100%}
.reference_box .list .box .desc {padding:30px 10px;border-bottom:1px solid #222}
.reference_box .list .box .desc li {display:flex}
.reference_box .list .box .desc li .memo {margin-top:22px;padding:17px;color:#999;font-size:12px;line-height:17px;border-radius:6px;background:#f1f3f4}
.reference_box .list .box .desc li+li {margin-top:30px}
.reference_box .list .box .desc strong {flex-shrink:0;width:50px;color:#397cff;font-size:16px;font-family:'Pretendard-Bold';line-height:20px;vertical-align:top}
.reference_box .list .box .desc .desc_txt p {display:flex;color:#222;font-size:16px;line-height:20px;font-family: 'Pretendard-Light';position: relative; margin-left: 10px;}
.reference_box .list .box .desc .desc_txt p+p {margin-top:20px}
.reference_box .list .box .desc .desc_txt p:before {display:block;margin:8px 6px 0 0;width:4px;height:4px;border-radius:50%;background:#3984ff;content:'';position: absolute; left: -10px;}
.reference_box .swiper-pagination {position:absolute;top:25px;left:100px;height:20px;color:#999;font-size:14px;line-height:13px}
.reference_box .swiper-pagination-current {color:#222;font-family:'Pretendard-Bold'}
.reference_box .swiper-button-next,
.reference_box .swiper-button-prev {width:12px;height:21px;background:url('/image/m_ico_patent.png') center / 12px 21px no-repeat}
.reference_box .swiper-button-prev {transform:scaleX(-1)}
.reference_box .patent_list {position:relative}
.reference_box .patent_list .item {padding:50px 0;text-align:center}
.reference_box .patent_list .item img {width:229px}
.reference_box .patent_list .item strong {display:block;margin:5px auto 0;width:229px;color:#397cff;font-size:14px;font-family: 'Pretendard-Light';line-height:13px;text-align:left}
.reference_box .patent_list .item p {margin:5px auto 0;width:229px;color:#222;font-size:16px;line-height:1.3;text-align:left;font-family:'Pretendard-Regular'}

/* 글로벌 */
.data_box {display:none;padding:30px 10px}
.tabset {padding-top:23px;background:#eceded}
.tab_box {overflow-x:auto}
.tags {display:flex;gap:10px;padding:0 10px;flex-wrap:wrap;overflow-x:auto;height:80px;width:830px}
.tags span {flex-shrink:0;display:flex;align-items:center;justify-content:center;width:130px;height:35px;color:#999;font-size:16px;font-family:'Pretendard-Bold';line-height:18px;border-radius:35px;background:#ddd}
.tags span.active {color:#fff;background:#3984ff}
.tabset label.tab2:before,
.tabset label.tab2:after {flex-shrink:0;display:inline-block;margin:0 10px;width:1px;height:10px;background:#ababac;content:''}
.tabset .item {padding:20px 15px;border-radius:8px;background:#fff}
.tabset ul+ul {display:none;margin-top:20px}
.tabset .item+.item {margin-top:20px}
.tabset .item .tit {color:#222;font-size:16px;font-family:'Pretendard-Bold';line-height:16px}
.tabset .item .desc {color:#999;font-size:14px;line-height:15px}
.tabset .item .txt {margin-top:8px;padding-top:8px;color:#222;font-size:16px;line-height:1.3;border-top:1px solid #eee;font-family:'Pretendard-Light'}
#global_more {background-color:#ddd;}
.tab_box::-webkit-scrollbar{width: 16px;}
.tab_box::-webkit-scrollbar-track{background-color: #eceded;}
.tab_box::-webkit-scrollbar-thumb{background-color: #dddddd; border-radius: 10px;}
.tab_box::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {width: 10px;}

/*오시는길*/
.top_box.contact02 {background: url('/image/m_bg_top_contact02.jpg') center / cover no-repeat;}
.contact_tab .tab_address {display: flex; background: #397cff;}
.contact_tab .tab_address li {width: 100%;}
.contact_tab .tab_address .tab1 {display: flex; align-items: center; padding: 13px 0; justify-content: center; color: #fff; font-size: 16px;font-weight: 600;}
.contact_tab .tab_address li+li {border-left: 1px solid #fff;}
.tab_address.tab li {width: 25%; float: left; border: 1px solid #e6e6e6; border-top: none; border-right: none; box-sizing: border-box;}
.tab_address.tab li a {display: block; padding: 13px 0; text-align: center; font-size: 16px; color: #222;}
.tab_address.tab li a.active {color: #397cff; position: relative; border: 1px solid #397cff; border-top: none; width: 99.5%;}
.list#listOne {display: block;}
.contact .list {display: none; padding: 20px 0 0px; clear: both;}
.contact_con {margin-bottom: 0px; margin-top: 0px;}
.list .contact_desc {margin-top: 20px; padding: 20px 15px; background: #081223;}
.contact_desc li {color: #fff; padding: 20px 0; display: flex; border-bottom:1px solid #212a39; }
.contact_desc li a {color: #fff;}
.contact_desc li:last-child {border-bottom:none;}
.contact_desc li strong {display: flex; color: #397cff; font-family: 'Pretendard-Bold',sans-serif; margin-bottom: 5px;letter-spacing: 0.5px;}
.contact_desc li:nth-child(1) div {width:55px; height: 55px; background:url('/image/m_img_contact01.png') center left no-repeat; background-size: 70%;}
.contact_desc li:nth-child(2) div {width:55px; height: 55px; background:url('/image/m_img_contact03.png') center left no-repeat; background-size: 70%;}
.contact_desc li:nth-child(3) div {width:55px; height: 55px; background:url('/image/m_img_contact02.png') center left no-repeat; background-size: 70%;}
.contact_desc li:nth-child(4) div {width:55px; height: 55px; background:url('/image/m_img_contact04.png') center left no-repeat; background-size: 70%;}
#listOne .contact_desc li:nth-child(2) div, #listTwo .contact_desc li:nth-child(2) div {width:55px; height: 55px; background:url('/image/m_img_contact05.png') center left no-repeat;background-size: 60%;}
.contact_desc li strong:before {display: block; ; content: '';}
.contact_desc li p {font-size: 16px; font-family: 'Pretendard-Light';}

/*문의하기*/
.contact.contact_con {margin-bottom: 40px;}
.contents_box .list.contact {padding-top:0;}
.contact_info {padding-top: 10px; clear: both;}
.contact_info li {position: relative; margin: 10px 10px 20px; border-bottom: 1px solid #dfdddc;align-items: center;}
.contact_info li:nth-child(7){border-bottom: none;align-items: normal;display: block;}
.contact_info li:last-child{margin-bottom:0;border-bottom: none;display: block;}
.contact_info .inp {border: none; border-top: none; border-right: none; border-left: none; padding-left: 0; padding-right: 0; height: 34px; line-height: 34px; width:70%;outline: none; font-size: 16px;margin-left: 15px;}
.inp::placeholder {color: #999; font-size: 16px;}
.contact_info .tit {font-size:16px; width: 100px; position: relative;}
.contact_info .tit .required {color: #397cff; position: absolute; font-size: 16px; vertical-align: middle; margin-right: 10px; width: 8px; display: inline-block; top: 0px;}
.contents_box .tab.tab_contact li a {display: block; padding: 13px 0; text-align: center; font-size: 16px; color: #999; font-family: 'Pretendard-Bold';}
.contents_box .tab.tab_contact li {width: 50%; float: left; border-top: none; border-right: none; box-sizing: border-box;border-bottom: 2px solid #397cff; background:#ddd;}
.contents_box .tab.tab_contact li a.active {color: #fff; position: relative; width: 100%;border-left: none; border-right: none;background: #397cff;}
.contact textarea {width:100%; height: 160px; box-sizing:border-box; border: none; border-bottom: 1px solid #eaeaea; outline: none;margin-top: 10px;}
.privacy {overflow: auto; height: 150px; padding: 20px; margin: 0 auto; margin-top: 10px; border:1px solid #eaeaea; background: #f5f7f7; font-size:14px; color:#999999;font-family: 'Pretendard-Light';}
.privacy h2 {margin: 12px 0; font-family: 'Pretendard-Bold',sans-serif;}
.privacy p {margin-bottom:12px;}
.privacy span {display:block;}
.btn_inquiry {display: flex; align-items: center; justify-content: center; margin: 30px auto 0; width: 150px; height: 50px; color: #fff; font-size: 16px; line-height: 20px; border-radius: 8px;   background: #397cff;}
.privacy .text-indent-30 {text-indent: 5px; margin-left: 5px;}
.sign_checkbox {/font-size: 16px; color: #222; margin-top: 20px; line-height: 17px; display: flex;*/}
.box--hidden {/*width: 18px; height: 18px; padding: 0; margin: 0; line-height: 17px; margin-right: 5px;*/}
.sign_checkbox {display:inline-block;position:relative;vertical-align:top}
.sign_checkbox label {font-size:17px;line-height:27px}
.sign_checkbox>input {position:absolute;top:0;width:1px;height:1px;outline:none;opacity:0;pointer-events:none}
.sign_checkbox>.identity-labelClasses {display:flex;align-items:center;font-size:14px;line-height:20px;vertical-align:top}
.sign_checkbox>.identity-labelClasses:before {float:left;margin:0 5px 0 0;width:17px;height:18px;background:url('/image/ico_check_black.png') no-repeat;content: ""}
.sign_checkbox input:checked+.identity-labelClasses:before {background-position-x: -17px;}

/*privacy*/
.privacy_box {background:#f1f3f4; padding:20px; font-size:15px; border-radius: 10px; font-family: 'Pretendard-Light';line-height: 1.4;margin-bottom: 20px;margin-top: 10px}
.Privacy h2 {color:#2369eb; font-family: 'Pretendard-Bold',sans-serif; line-height:1.4; font-size:16px;margin-bottom: 12px;}
.Privacy p {margin-bottom:10px; line-height:1.5;}
.Privacy em {font-family: 'Pretendard-Bold';text-decoration: underline;}

/*popup*/
.popup {position: fixed;top: 0; left: 0; width: 100%; height: 100%; z-index: 5001; display: none; align-items: center; justify-content: center;background: rgba(0,0,0,0.5)}
.popup.show {display: flex;}
.popup__container {width: 70%; height: 150px; padding: 50px 30px 0;background: #FFF; border: 1px solid #397cff; position: relative;}
.message{text-align: center; font-size: 16px; word-break: keep-all;font-family: 'Pretendard-Light',sans-serif;}
.popup__btns {margin-top: 20px; display: flex; justify-content: center;}
.popup__btns button {font-size:0; text-indent: -9999px;}
.popup__btn::before {display: block; content: ""; width: 65px; height: 65px; background: url('/image/ico-popup-ok.png') center center no-repeat; background-size: cover;}

/* 애니메이션 */
.scroll_box {/*visibility:hidden;*/-webkit-animation-play-state:paused;animation-play-state:paused}
.animate {display:block;visibility:visible;animation-name:fadeInUp;animation-duration:0.5s;animation-play-state:running;animation-fill-mode:both}
.animate:nth-child(1) {-webkit-animation-delay:0.2s;animation-delay:0.2s}
.animate:nth-child(2) {-webkit-animation-delay:0.4s;animation-delay:0.4s}
.animate:nth-child(3) {-webkit-animation-delay:0.7s;animation-delay:0.7s}
.animate:nth-child(4) {-webkit-animation-delay:0.8s;animation-delay:0.8s}
.animate:nth-child(5) {-webkit-animation-delay:0.9s;animation-delay:0.9s}

.business_con .animate:nth-child(1) {animation-delay: 0.2s}
.business_con .animate:nth-child(2) {animation-delay: 0.4s}
.business_con .animate:nth-child(3) {animation-delay: 0.7s}
.business_con .animate:nth-child(4) {animation-delay: 1.0s}

.dimmed {position:fixed;top:0;left:0;display:none;width:100%;height:100%;background:#000;opacity:0.7;z-index:1200;content:''}
.dimmed.active {display:block}

footer {width:100%;padding:25px 0;border-top:1px solid #ccc;background:#f1f3f4;animation-name:fadeOut;animation-duration:1s;animation-play-state:running;animation-fill-mode:both}
footer .company_nav {display:flex;justify-content:center;margin-right:90px;width:100%}
footer .company_nav .list {display:flex !important;}
footer .company_nav .list li {display:flex;align-items:center}
footer .company_nav .list li+li:before {display:inline-block;margin:0 10px;width:1px;height:15px;background:#999;content:''}
footer .company_nav .list li strong {color:#999;font-size:12px;font-family:'Pretendard-Bold'}
footer .company_nav .list li .link {color:#999;font-family:'Pretendard-Bold'; font-size:14px;}
footer .copyright {margin-top:12px;color:#bfc0c0;font-size:12px;text-align:center}



@keyframes fadeInUp {
    0% {
        transform: translateY(40px);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}


@keyframes fadeIn {
    0% {
        bottom: -100px;

    }
    100% {
        bottom: 0
    }
}


@keyframes fadeLeft {
    0% {
        margin-right:-225px

    }
    100% {
        margin-right:0
    }
}

@keyframes fadeRight {
    0% {
        margin-right:0

    }
    100% {
        margin-right:-225px
    }
}


@keyframes fadeOut {
    0% {
        bottom: 0;

    }
    100% {
        bottom: -100px
    }
}



@media only screen and (min-width: 768px) {

/*main*/
.section.video .inner {top: 220px; left: 100px;}
.section .inner .tit {font-size:50px;}
.section.video:after {width: 100px; height: 274px; background: url(/image/m_ico_scroll.png) center / 100px 274px no-repeat;}
#section2 {padding: 50px 0px 15px 100px;}
.wrap_business .business_slide {margin-bottom: 20px;}
.wrap_product, .wrap_contact {padding: 50px 100px;}
#section4, .wrap_news {padding: 50px 100px;}
.wrap_career { padding-top: 50px;}
#section6 .main_tit {padding: 0 100px;}
.career_box .career_hover .txt {padding: 10px 0px 0px 100px;}
.career_box .career_hover {align-items: center;}
.career_box .career_hover:after {top: 50%; transform: translate(-50%, -50%);}
.wrap_company .box {margin: 0; padding-bottom:0;}

/*sub*/
.top_txt {left: 100px;}
/*.contents_box, .business2 .contents_box .navigation {margin: 0 100px;}*/
.business_con, .product_detail, .company_con, .career_con {margin: 0 100px;}
.company_con {padding: 30px 0;}
.career_con {padding: 20px 0px 40px;}
.product_con, .contents_box .contents_con .inner {margin:30px 100px;}
.contact01 .contents_box .contents_con {margin:30px 100px;}
.contact01 .contents_box .contents_con .inner {margin:0;}
.career .career_con.career_table {margin: 0px;}
.career .career_con .business_slide {margin: 0 85px;}
.career .career_con .career_bottom {margin: 50px 0px 0;}
.contact_info li {clear: both;}
.step_box .box .box_txt {margin-left: 100px;}
.business2 .contents_box {margin: 0;}
.business1 .business_con {padding-bottom: 0 !important;}
.step_box+.btm {margin: 0 20px 30px; text-align: center;}
.step_box+.btm .more {border-radius: 8px; width: 30%;}
.business_con .academy_box li {padding: 20px 20px 20px 20px;}
.business03+.contents_box .business_con.active {background: #fff;}
.business03+.contents_box .business_con.active .academy_box li {background: #f1f3f4;}
.business03+.contents_box .business_con.active .academy_box li .txt {color: #222;}
.business03+.contents_box .business_con.active .academy_box li .count {color: #ddd;}

.cell_box .box .box_con {padding: 30px 50px 30px 30px;}
.business_con {padding: 30px 0 !important;}
.navigation .inner {padding-left:100px;}
.contents_box .contents_con .inner .list .contact_desc {margin-left: -100px; margin-right: -100px; padding: 20px 100px;}
.product_con, .contents_box .contents_con .inner {margin-bottom:0;}
.recruit_process {background: url('/image/career_recruit_process_tablet.jpg') no-repeat; height:0; background-size: contain;width: 100%;padding-top: 26.64%; margin: 20px 0 30px 0;}
.solution_process {background: url('/image/bg_business01.png') center bottom no-repeat; background-size: contain; width: 100%; height: auto; padding-top: 56.64%;}

.product_con .product_tab li .tab .tit:after {width:120px; height:120px;}
.product_con .product_list {margin: 30px 0;}
.product_detail {padding: 30px 0}
.product_con .product_list .list .tit h3 .ellipsis {width: auto;}
.tabset {padding: 30px 100px;}
.tags {width: auto; height: auto; gap: 0; padding: 0px;}
.tags span {margin-right: 10px; margin-bottom: 10px;}
.data_box {padding: 20px 0px;}
.news-list a {padding:20px;}
.news-list .tit-area {width: 100%;}
.news-list a .right-box {width: auto;}
.contents_box .cell_box {margin: 0 100px;}
.cell_box .box .box_con .box_more {right:30px;}

.reference_box .list .tit{padding: 20px 100px; background: url(/image/m_ico_reference.png) center right 100px / 10px no-repeat;}
.reference_box .list .tit.active {padding: 20px 100px;background: #3984ff url(/image/m_ico_reference_on.png) center right 100px / 10px no-repeat;}
.reference_box .list .box .desc {padding: 30px 100px;}

.walfare_bx li {width: 30%;}

.business2 .business_con {display:none;}
.step_box.device640 {display:none;}
.step_box.device1280 {display:block;}
.step_box.device1280 {position:relative;margin:30px 0px;padding-top: 40px;}
.step_box.device1280 .inner:before {position:absolute;top:-38px;left:50%;width:1px;height:1265px;background:#dcdddd;transform:translate(-50%, 0);content:''}
.step_box.device1280 .box {display:inline-flex;justify-content:space-between; width:100%;}
.step_box.device1280 .box:before {position:absolute;top:-75px;left:calc(50% - 4px);display:block;width:10px;height:15px;background:url('/image/ico_business_arrow.png') no-repeat;content:''}
.step_box.device1280 .box+.box {margin-top:100px}
.step_box.device1280 .box:nth-child(2) {flex-direction:row-reverse}
.step_box.device1280 .box .img {font-size:0;height: auto; overflow: visible; width: 50%;}
.step_box.device1280 .box .img:before {position:absolute;top:-40px;display:block;width:60%;height:50px;background:url('/image/bg_step.png') no-repeat;content:''; background-size: contain;}
.step_box.device1280 .box .img img {width: 90%;}
.step_box.device1280 .box .box_txt {flex-shrink:0;margin-left:0px;width:50%;text-align:left;padding-left: 0;}
.step_box.device1280 .box .box_txt:before {width:0;}
.step_box.device1280 .box .box_txt h3 {position:relative;display:inline-flex;margin-left: 30px;margin-bottom:20px;color:#222;font-size:22px;font-family: 'Pretendard-Bold',sans-serif;line-height:1.3;}
.step_box.device1280 .box .box_txt h3:before {position:absolute;top:5px;left:-40%;display:inline-block;width:25px;height:25px;background:url('/image/ico_step.png') no-repeat;content:''; background-size: cover;}
.step_box.device1280 .box .box_txt ul {margin-left: 20px;}
.step_box.device1280 .box .box_txt ul li {display:inline-flex;align-items:center;justify-content:center;margin:0 10px 10px 0;padding:8px 15px;height:auto;color:#222;font-size:16px;border-radius:20px;background:#edeeee;}
.step_box.device1280 .box:nth-child(2) .box_txt {margin-left:0;margin-right:0px;text-align:right}
.step_box.device1280 .box:nth-child(2) .box_txt h3, .step_box.device1280 .box:nth-child(2) .box_txt ul {justify-content:end;margin-right: 30px;}
.step_box.device1280 .box:nth-child(2) .box_txt h3:before {top:5px;left:auto;right:-42%;}
.step_box.device1280 .box:nth-child(2) .img:before,
.step_box.device1280 .box:nth-child(2) .img:after {float:right;transform:scaleX(-1);right: 0;}
.step_box.device1280 .box:nth-child(2) .img {text-align: right;}
.step_box.device1280 .box:nth-child(3) .box_txt h3:before {top:5px;left:-16%;}



}