@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR&display=swap');

/**** common ****/
* {word-break: keep-all;}
h1, h2, h3, h4, h5, p {letter-spacing: -1px; margin: 0;}
.en_font {font-family: 'Poppins', sans-serif;}
.container {padding: 0 15px;}
.container_box {max-width: 1200px; margin: 0 auto; padding: 0 15px;}
.container_1500 {max-width: 1500px; margin: 0 auto; padding: 0 15px;}

.text_left {text-align: left;}
.text_right {text-align: right;}
.text_center {text-align: center;}
.hide {display: none;}
.show {display: block !important;}
.float_l {float:left;}
.float_r {float:right;}
.po_fixed {position:fixed;}
.po_abs {position:absolute;}
.po_rel {position:relative;}
.po_static {position:static;}
.clear {clear:both;}
.over_h {overflow:hidden;}

.mar_t_0 {margin-top:0 !important;}
.mar_l_0 {margin-left:0 !important;}
.mar_r_0 {margin-right:0 !important;}
.mar_b_0 {margin-bottom:0 !important;}
.pad_t_0 {padding-top:0 !important;}
.pad_l_0 {padding-left:0 !important;}
.pad_r_0 {padding-right:0 !important;}
.pad_b_0 {padding-bottom:0 !important;}

.bor_t_0 {border-top:0 !important;}
.bor_l_0 {border-left:0 !important;}
.bor_r_0 {border-right:0 !important;}
.bor_b_0 {border-bottom:0 !important;}
.bor_0 {border:none !important;}

.mar_b_30 {margin-bottom: 30px;}
.mar_b_50 {margin-bottom: 50px;}
.mar_b_80 {margin-bottom: 80px;}
.mar_b_100 {margin-bottom: 100px;}
.mar_b_120 {margin-bottom: 120px;}
.mar_b_150 {margin-bottom: 150px;}

.mar_t_30 {margin-top: 30px;}
.mar_t_50 {margin-top: 50px;}
.mar_t_60 {margin-top: 60px;}
.mar_t_70 {margin-top: 70px;}
.mar_t_80 {margin-top: 80px;}
.mar_t_100 {margin-top: 100px;}
.mar_t_150 {margin-top: 150px;}

.pad_t_50 {padding-top: 50px;}
.pad_t_100 {padding-top: 100px;}
.pad_t_120 {padding-top: 120px;}
.pad_t_150 {padding-top: 150px;}

.pad_b_50 {padding-bottom: 50px;}
.pad_b_100 {padding-bottom: 100px;}
.pad_b_120 {padding-bottom: 120px;}
.pad_b_150 {padding-bottom: 150px;}

.pad_lr_80 {padding: 0 80px;}

.after:after {content: ''; clear: both; display: block;}
.vh_center {position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.text_hide {text-indent: 100%; white-space: nowrap; overflow: hidden;}
.video {position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 56.26%;}
.video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}



/**** common ****/
.main_subject {text-align: center; margin: 10% auto;}
.board_subject {text-align: left; margin: 10% auto; max-width: 1200px;}
.design_symbol {text-align: center; margin: 3% auto 10%;}
.design_symbol img {display: inline-block; width: 22px;}

.scroll_down { position: absolute; left: 50%; transform: translateX(-50%); bottom: 40px;}


/**** footer ****/
.web_footer {position: relative; background: url(../images/world-map.png) center no-repeat #293547;  padding: 50px 5%;}
/*
.web_footer:before {content: ""; width: 0; height: 0; border-style: solid; border-width: 20px 120vw 20px 0; border-color: transparent #7ee6f8 transparent transparent; position: absolute; left: -20vw; top: -20px; z-index: 0;}
*/
.web_footer .foot_logo {    width: 240px;}
.web_footer .info_wrap {padding-left: 50px;}
.web_footer ul {}
.web_footer ul li .name {display: inline-block; width: 90px;}
.web_footer ul li p {display: inline-block; margin-bottom: 10px;}
.web_footer ul li p .line {width: 1px; margin: 0 15px;}

/**** index ****/
a:hover {text-decoration: none;}

.ltd_part {width: 100%; max-width: 1200px; margin: 6% auto 0;}
.ltd_part li {float: left; width: 25%; text-align: center; border-right: 1px solid #eee; padding: 50px 0;}
.ltd_part li:last-child {border-right: 0;}
.ltd_part li img {width: 40px; margin-bottom: 15px;}
.ltd_part li p {font-size: 18px; line-height: 18px;}
.ltd_part li h2 {font-family: 'Roboto', sans-serif; font-weight: 700; letter-spacing: -1px; margin-top: 25px; font-size: 60px;}
.ltd_part li h2 span {font-family: 'Noto Sans KR'; font-weight: 400; font-size: 18px;}

.ltd_part li .stock {display: inline-block; font-size: 14px;}
.ltd_part li .stock_1 {margin-right: 20px;}
.ltd_part li .stock .up {content: ''; display: inline-block; width: 0px; height: 0px; border-top:6px solid transparent; border-bottom:6px solid #DC3F3F; border-right: 6px solid transparent;  border-left: 6px solid transparent;}
.ltd_part li .stock .down {content: ''; display: inline-block; width: 0px; height: 0px; border-top:6px solid blue; border-bottom:6px solid transparent; border-right: 6px solid transparent;  border-left: 6px solid transparent; position: relative; top:6px;}
.ltd_part li .stock span {font-family: 'Roboto', sans-serif; font-weight: 700;}


.rnd_wrap {position: relative; margin-top: 10%;}
.rnd_wrap:before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 70%; background: #0E4194;}
.rnd_wrap .main_title {color: white;}
.rnd_wrap .business_list_wrap {margin-top: 6%;}



.container-center-horizontal {width: 100% !important;}
.jeiseuteg-main {width: 100%; padding-bottom: 10%;}
.jeiseuteg-main .overlap-group19, .jeiseuteg-main .overlap-group21, .jeiseuteg-main .overlap-group18 {width: 100%;}
.jeiseuteg-main .link_btn {position: relative; border: 1px solid white; height: 60px; width: 180px; background: url('/img/file---210@1x.png') no-repeat 90% center; background-size: 7px; border-radius: 30px; overflow: hidden;}
.jeiseuteg-main .link_btn a {display: block; padding-left: 20px; }
.jeiseuteg-main .link_btn .link_btn_title {line-height: 60px;}
.jeiseuteg-main .link_box_1 .text_wrap {position: absolute; left: 20%; top: 50%; transform: translateY(-50%);}
.jeiseuteg-main .link_box_2 .text_wrap {position: absolute; right: 20%; top: 50%; transform: translateY(-50%);}
.jeiseuteg-main .link_box_2 .text_wrap .link_btn {float: right;}
.jeiseuteg-main .link_box_3 .text_wrap {position: absolute; left: 20%; top: 50%; transform: translateY(-50%);}

.jeiseuteg-main .x4 {left: auto; position: relative; top: auto;}
.jeiseuteg-main .x44, .jeiseuteg-main .x40, .jeiseuteg-main .x30 {width: 100%; height: 100% !important;}

.business_list_wrap {width: 100%; padding: 0 5%; }
.business_list_wrap li {float: left; width: 25%; position: relative;}
.business_list_wrap li img {width: 100%;}
.business_list_wrap li a {display: block; }
.business_list_wrap li .name {position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); text-align: center; font-size: 30px; font-family: "Poppins", Helvetica; font-weight: 700; color: white; z-index: 1; transition: all 0.3s;}
.business_list_wrap li a:after {content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.4);}
.business_list_wrap li:hover .name {transform: translateX(-50%) translateY(-50%) scale(1.2);}

.jeiseuteg-main .flex-col-5 {width: 100%; margin-top: 10%;}
.jeiseuteg-main .overlap-group14 {width: 100%; min-height: auto; padding: 10% 0; display: block;}
.jeiseuteg-main .rd {min-height: auto; line-height: 60px; margin-bottom: 10%;}

.jeiseuteg-main .x18 {height: auto; min-width: 100%; margin-top: 10%;}
.jeiseuteg-main .flex-col-6 {margin-top: 0; min-height: auto; width: 40%;}
.jeiseuteg-main .overlap-group9 {width: 100%; height: auto; margin-top: 15%;}
.jeiseuteg-main .x56 {width: 85%; height: 0; padding-bottom: 100%; position: relative;}
.jeiseuteg-main .jastech_center_title {margin-left: 8%;}
.jeiseuteg-main .jastech_center_title .text-18 {margin-left: 0; min-height: auto;}
.jeiseuteg-main .jcenter_img_wrap {position: absolute; width: 85%; top: 8%; left: 8%;}
.jeiseuteg-main .jcenter_img_wrap:before {content: ''; display: block; background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) -0.28%, rgba(84, 84, 84, 0) 50%); height: 100%; width: 100%; left: 0; position: absolute; top: 0;}
.jeiseuteg-main .jcenter_img_wrap p {color: var(--white); font-family: var(--font-family-noto_sans_cjk_kr); font-size: 30px; font-weight: 700; letter-spacing: -1.20px; line-height: 40px; position: absolute; left: 8%; bottom: 5%;
}
.jeiseuteg-main .event_list {width: 60%; padding-left: 10%;}
.jeiseuteg-main .event_list li {float: left; width: 50%; padding: 0 2.5%;}
.jeiseuteg-main .event_list li:nth-child(even) {margin-top: 5%;}
.jeiseuteg-main .event_list li .name {margin-top: 30px; letter-spacing: -1px;}

.jeiseuteg-main .overlap-group20 {width: 100%; height: auto; margin-top: 10%;}


.jeiseuteg-main .ceo {height: 0; padding-bottom: 50%; left: auto; position: relative; top: 0; padding-left: 5%; width: 100%;}
.jeiseuteg-main .logo_kr_white-1 {height: auto; left: auto; right: -43%; object-fit: cover; position: absolute; top: auto; bottom: 0; width: 90%;}
.jeiseuteg-main .ceo .x27 {height: 0; padding-bottom: 25%; position: absolute; left: auto; top: auto; bottom: 0; right: 0; width: 70%;}
.jeiseuteg-main .ceo .x33-1 {width: 40%; height: 0; padding-bottom: 45%;}
.jeiseuteg-main .ceo .ceo_img {max-width: 65%; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
.jeiseuteg-main .ceo .text-26 {left: auto; right: 5%; top: auto; bottom: 5%;}
.jeiseuteg-main .jastech_people {position: absolute; top: 15%; left: 47%;}
.jeiseuteg-main .jastech_people span {color: var(--congress-blue); font-family: var(--font-family-poppins); font-size: var(--font-size-s); font-weight: 700; letter-spacing: 0.64px; line-height: 60px;}
.jeiseuteg-main .jastech_people p {}
.jeiseuteg-main .go_carrer {border: 2px solid; border-color: var(--white); border-radius: 30px; height: 60px; width: 170px; background: url('/img/file---7@1x.png') no-repeat 90% center; background-size: 7px; position: absolute; top: 10%; left: 24%; padding-left: 20px;}
.jeiseuteg-main .go_carrer p {line-height: 56px; margin: 0;}
.jeiseuteg-main .quick_banner {width: 100%; padding: 50px 5%; background-color: var(--hint-of-red); margin-bottom: 0px;}
.jeiseuteg-main .quick_banner li {float: left; width: 25%; padding: 0 15px; border-right: 1px solid #ddd;}
.jeiseuteg-main .quick_banner li:last-child {border-right: 0;}
.jeiseuteg-main .quick_banner li .text-1 {margin-bottom: 15px; line-height: 30px;}
.jeiseuteg-main .quick_banner li .text-1-1 {margin-bottom: 0;}
.jeiseuteg-main .quick_banner li .quick_banner_text {float: left;}
.jeiseuteg-main .quick_banner li .overlap-group5 {float: right; margin-left: 0; margin-top: 25px;width: 45px; height: 45px;}
.jeiseuteg-main .quick_banner li .x8-3 {left: 13px; top: 22px;}
.jeiseuteg-main .quick_banner li .x8-4 {top: 17px; left: 23px;}

.jeiseuteg-main .footer {width: 100%;}


/**** sub_page ****/
ul.top-menu {width: 100%; top: 100px; left: 50%; transform: translateX(-50%); text-align: center;}
ul.top-menu li {float: none; display: inline-block;}
#page_title_bg {width: 100%; height: 0; padding-bottom: 50%; position: relative;}
#page_title_bg .shadow {height: 100%;}
#page_title_bg .x1 {top: auto; bottom: 38px; left: 50%; transform: translateX(-50%); }
#page_title_bg .x2 {top: auto; bottom: 15px; left: 50%; transform: translateX(-50%);}
#page_title_bg .scroll-down {top: auto; bottom: 60px; left: 50%; transform: translateX(-50%);}
#page_title {position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); font-family: 'Noto Sans KR'; font-weight: 700;}


/**** 회사개요 ****/
.jeiseuteg-1-1saeobgaeyo .text-45 {color: var(--white); font-size: var(--font-size-xxxl); line-height: 60px; margin: 0;}
.jeiseuteg-1-1saeobgaeyo .text-45 span {font-weight: 700;}
.jeiseuteg-1-1saeobgaeyo .text_wrap_2 {max-width: 1200px; width: 100%; margin: 10% auto;}
.jeiseuteg-1-1saeobgaeyo .text_wrap_2 .h2_wrap {float: left; width: 25%; }
.jeiseuteg-1-1saeobgaeyo .text_wrap_2 h2 {display: inline-block; border-top: 2px solid #0e4194; padding-top: 15px;}
.jeiseuteg-1-1saeobgaeyo .text_wrap_2 p {float: left; width: 75%; word-break: keep-all;}
.jeiseuteg-1-1saeobgaeyo .text_wrap_2 p span {font-family: 'Noto Sans KR'; display: block; letter-spacing: -2px;}
.jeiseuteg-1-1saeobgaeyo .text_wrap_3 {width: 100%; padding: 0 5%;}
.jeiseuteg-1-1saeobgaeyo .text_wrap_3 .info_box {margin-bottom: 5%;}
.jeiseuteg-1-1saeobgaeyo .text_wrap_3 .content_img_box {width: 50%; padding-bottom: 35%;}
.jeiseuteg-1-1saeobgaeyo .text_wrap_3 p {width: 50%; word-break: keep-all; position: absolute; top: 50%; transform: translateY(-50%); padding: 0 5%; margin: 0;}
.jeiseuteg-1-1saeobgaeyo .mission_wrap {width: 90%; max-width: 1200px;}
.jeiseuteg-1-1saeobgaeyo .mission_wrap h2 {display: inline-block; padding-top: 15px; border-top: 2px solid white; margin-bottom: 30px;}
.jeiseuteg-1-1saeobgaeyo .mission_wrap p { word-break: keep-all;}
.jeiseuteg-1-1saeobgaeyo .jpms_list  {max-width: 1400px; margin: 5% auto 10%;}
.jeiseuteg-1-1saeobgaeyo .jpms_list li {float: left; width: 30%; margin: 0 1.5%; text-align: center;}
.jeiseuteg-1-1saeobgaeyo .jpms_list li img {border: 1px solid #eee;}
.jeiseuteg-1-1saeobgaeyo .jpms_list li p {margin-top: 30px;}

.jeiseuteg-1-1saeobgaeyo .infography {background: #F9F9F9; padding: 10% 5%; text-align: center;}

/**** ceo 메시지 ****/
.ceo_wrap .img {float: left; width: 40%; position: relative; text-align: center;}
.ceo_wrap .img:before  {content: ''; display: block; background: var(--congress-blue); height: 50%; position: absolute; left: 0; bottom: 0; width: 100%;}
.ceo_wrap .img img {position: relative; max-width: 80%;}
.ceo_wrap .text {float: left; width: 60%; padding: 5%;}
.ceo_wrap .text h2 {margin-bottom: 5%; color: var(--log-cabin);  font-size: var(--font-size-xxxl); font-family: var(--font-family-notosans_cjk_kr-light); line-height: 60px;}
.ceo_wrap .text h2 span {font-family: var(--font-family-notosans_cjk_kr-bold); font-weight: 700;}
.ceo_wrap .sign_wrap {margin-top: 5%;}
.ceo_wrap .sign_wrap h4 {font-size: 24px; line-height: 24px; text-align: left; margin-bottom: 20px;}
.ceo_wrap .sign_wrap h4 span {font-size: 16px; color: #666; display: inline-block; margin-bottom: 15px;}
.ceo_wrap .sign_wrap img {width: 100px;}

/**** 연혁 ****/
.history_page {padding: 10% 0;}

.history_menu {width: 600px; margin: 0 auto 8%;}
.history_menu li {float: left; width: 25%; border: 1px solid #ddd; border-left: none; display: block; height: 100%; line-height: 60px; text-align: center; color: #888; font-size: 18px; font-family: "NotoSans CJK KR-Regular", Helvetica; background-color: #fff; text-decoration: none; cursor: pointer;}
.history_menu li:first-child {border-left: 1px solid #ddd;}
.history_menu li:hover, .history_menu li.active {color: #fff; font-weight: bold; background-color: #0e4194;}

.history_info {padding: 0 5%;}
.history_info .title_part {float: left; width: 40%; border-top: 2px solid #333; padding-top: 30px;}
.history_info .title_part h2 {margin-bottom: 20px;}
.history_info .title_part p {margin-bottom: 30px;}
.history_info .title_part ul {margin-bottom: 50px;}
.history_info .title_part ul li {position: relative; padding-left: 15px; margin-bottom: 5px;}
.history_info .title_part ul li:before {content: ''; display: inline-block; background-color: var(--congress-blue); width: 5px; height: 5px; position: absolute; top: 10px; left: 0; transform: rotate(45.00deg); }

.history_info .year_part {float: left; width: 60%; padding-left: 10%;}
.history_info .year_part table {width: 100%; border-top: 1px solid #333; border-bottom: 1px solid #333;}
.history_info .year_part table tr {border-bottom: 1px solid #eee;}
.history_info .year_part table tr:last-child {border-bottom: 0;}
.history_info .year_part table tr th {vertical-align: middle; width: 120px;}
.history_info .year_part table tr td {padding: 30px 0;}
.history_info .year_part table tr td p {margin-bottom: 10px; color: var(--log-cabin); font-family: var(--font-family-notosans_cjk_kr-regular); font-size: var(--font-size-m);}
.history_info .year_part table tr td p:last-child {margin-bottom: 0;}
.history_info .year_part table tr td p span {display: inline-block; width: 50px;}

/**** 로고 ****/
.ci_page {width: 100%;}

.main_logo_wrap {padding: 0 10%; position: absolute; top: 50%; transform: translateY(-50%); width: 100%;}
.main_logo_wrap .logo_wrap { width: 100%; height: 20vw; background: url('/images/line_pattern.jpg') repeat center; border: 1px solid #ccc;}
.main_logo_wrap .logo_wrap img {height: 10vw;}
.main_logo_wrap .btn_wrap  {margin-top: 30px; text-align: center;}
.main_logo_wrap .btn_wrap li {display: inline-block; line-height: 70px; width: 320px; margin-right: 10px;}
.main_logo_wrap .btn_wrap li.ai {background-color: var(--congress-blue); }
.main_logo_wrap .btn_wrap li.jpg {background-color: var(--log-cabin);}
.main_logo_wrap .btn_wrap li a {display: block;}
.main_logo_wrap h2 {font-family: 'Noto Sans KR'; font-weight: 700; color: #fff; font-size: var(--font-size-xxxxl);
 font-style: normal; line-height: 60px; margin-top: 40px; text-align: center;}

.ci_page .ci_content { font-size: 24px; line-height: 44px; letter-spacing: -1px;}
.ci_page .ci_content span {color: #0e4194;}

.ci_page .meaning_box {background: #F8F8FA;}
.ci_page .meaning_box h2 {text-align: center; margin-bottom: 7%;}
.ci_page .meaning_box ul li {margin-bottom: 55px; overflow: hidden;}
.ci_page .meaning_box ul li .color_chip {float: left; width: 100px; height: 100px; border-radius: 20px; display: block;}
.ci_page .meaning_box ul li .color_chip.orange {background: #E84E0E;}
.ci_page .meaning_box ul li .color_chip.green {background: #22A538;}
.ci_page .meaning_box ul li .color_chip.blue {background: #0E4194;}
.ci_page .meaning_box ul li .rgb {float: left; width: 120px; padding-left: 50px; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 20px; line-height: 30px; color: #444;}
.ci_page .meaning_box ul li .rgb span {display: inline-block; width: 30px;}
.ci_page .meaning_box ul li p {float: left; width: calc(100% - 230px); padding-left: 50px; font-size: 20px; line-height: 34px;}


/**** 경영철학 ****/
.philosophy_page {width: 100%;}
.philosophy_page .slogan h2 {line-height: 60px; margin-bottom: 0; width: 100%;}
.philosophy_page .text_box_1 {padding: 10% 0 0;}
.philosophy_page .text_box_1:last-child {padding-bottom: 10%;}
.philosophy_page .text_box_1 .img_wrap {float: left; width: 50%; position: relative;}
.philosophy_page .text_box_1 .img_wrap .box {background-color: var(--congress-blue); width: 400px; height: 400px;   position: absolute; bottom: -5%; right: 9%;}
.philosophy_page .text_box_1 .img_wrap img {position: relative;}
.philosophy_page .text_box_1 .text_wrap {float: left; width: 50%; padding: 5% 5% 0;}
.philosophy_page .text_box_1 .text_wrap h2 {margin-bottom: 30px; line-height: 50px; letter-spacing: -2px;}
.philosophy_page .text_box_1 .text_wrap p {color: var(--log-cabin); font-family: var(--font-family-notosans_cjk_kr-regular); font-size: var(--font-size-m); font-style: normal; font-weight: 400; position: relative; padding-left: 10px;}
.philosophy_page .text_box_1 .text_wrap p:before {content: ''; display: block; background-color: var(--congress-blue); height: 5px; transform: rotate(45.00deg); width: 5px; position: absolute; left: 0; top: 10px;}
.philosophy_page .text_box_1 .text_wrap img {margin-top: 5%;}
.philosophy_page .subject {display: inline-block; border-top: 2px solid #0e4194; padding-top: 10px; margin-bottom: 20px;}
.philosophy_page .subject_title {margin-bottom: 50px;} 


.philosophy_page .text_box_3 {margin-top: 10%;}
.philosophy_page .text_box_3 .part {margin-top: 5%;}
.philosophy_page .text_box_3 .img_wrap {width: 50%;}
.philosophy_page .text_box_3 .text_wrap {width: 50%; padding: 5%;}

.philosophy_page .infography {padding: 10% 5%; text-align: center; background: #F8F8FA;}




/**** 윤리경영 ****/
.ethics_page {width: 100%; margin-bottom: 10%;}
.ethics-tab-menu {text-align: center; width: 100%;}
.ethics-tab-menu ul {display: inline-block;}
.ethics_page .content_wrap .img_wrap {float: left; width: 50%; padding-bottom: 5%;}
.ethics_page .content_wrap .img_wrap img {position: relative;}
.ethics_page .content_wrap .img_wrap .box {background-color: var(--congress-blue); width: 50%; height: 0; padding-bottom: 50%; position: absolute; bottom: 5%; right: -5%;}
.ethics_page .content_wrap .text_wrap {float: left; width: 50%; padding: 10% 5%;}
.ethics_page .content_wrap .text_wrap .btn {background-color: var(--congress-blue); border-radius: 30px; display: inline-block; line-height: 60px; margin-top: 5%; width: 220px; padding: 0 5%; text-align: left; color: white; background: url('/images/icon_link_arrow.png') no-repeat 85% center #0e4194; background-size: 6px; margin-right: 30px;}
.ethics_page .content_wrap .text_wrap h2 {margin-bottom: 30px; line-height: 60px; letter-spacing: -2px;}

.ethics_page .ethics_content {padding: 5% 10%;}
.ethics_page .ethics_content .title {display: inline-block; border-top: 2px solid #0e4194; padding-top: 15px;}
.ethics_page .ethics_content h2 {font-size: 34px; line-height: 50px; margin-top: 50px; font-weight: 700;}
.ethics_page .ethics_content ul {margin-top: 5%;}
.ethics_page .ethics_content ul li {float: left; width: 32%; padding: 3%; background: #FAFAFA; height: 310px;}
.ethics_page .ethics_content ul li .img {width: 70px; height: 70px; margin-bottom: 20px;}
.ethics_page .ethics_content ul li h3 {font-size: 28px; line-height: 28px; margin-bottom: 20px; font-weight: 700;}
.ethics_page .ethics_content ul li p {font-size: 18px; line-height: 30px; margin-bottom: 0;}
.ethics_page .ethics_content ul li:nth-child(1) .img {background: url('/images/company-ethics-management_2.png') no-repeat center; background-size: 60px;}
.ethics_page .ethics_content ul li:nth-child(2) {margin: 0 2%;}
.ethics_page .ethics_content ul li:nth-child(2) .img {background: url('/images/company-ethics-management_3.png') no-repeat center; background-size: 60px;}
.ethics_page .ethics_content ul li:nth-child(3) .img {background: url('/images/company-ethics-management_4.png') no-repeat center; background-size: 60px;}















/**** 신고센터 ****/
.jeiseuteg-1-4yunrigyeongyeong-3singosenteo .info_wrap {text-align: center;}
.jeiseuteg-1-4yunrigyeongyeong-3singosenteo .info_wrap .overlap-group11 {vertical-align: middle; margin-right: 10px;}
.jeiseuteg-1-4yunrigyeongyeong-3singosenteo .info_wrap .text_wrap {display: inline-block;}
.jeiseuteg-1-4yunrigyeongyeong-3singosenteo .info_wrap .text_wrap p {display: inline-block; vertical-align: middle; margin-bottom: 0; margin-bottom: 0; margin-right: 10px; text-align: left;}

.ethic_center_page {max-width: 1200px; width: 100%; margin-bottom: 10%; padding: 0 5%;}
.ethic_center_page .part {margin-top: 5%;}
.ethic_center_page .part h2 {border-bottom: 1px solid #333; padding-bottom: 15px; margin-bottom: 0;}
.ethic_center_page .part table {width: 100%;}
.ethic_center_page .part table tr {border-bottom: 1px solid #eee;}
.ethic_center_page .part table tr th {width: 150px; vertical-align: middle;}
.ethic_center_page .part table tr th span {position: relative;}
.ethic_center_page .part table tr th span:after {content: ''; display: block; position: absolute; top: 0px; right: -6px; width: 6px; height: 6px; border-radius: 50%; background-color: var(--bittersweet);}
.ethic_center_page .part table tr td {padding: 15px 0;}
.ethic_center_page .part table tr td input {width: 100%; background-color: var(--white); border: 1px solid; border-color: var(--gallery-2); border-radius: 5px; height: 50px;  padding: 0 10px;}
.ethic_center_page .part table tr td textarea {width: 100%; height: 240px; background-color: var(--white); border: 1px solid; border-color: var(--gallery-2); border-radius: 5px; padding: 10px;}
.ethic_center_page .part table tr td p {color: var(--blueberry); font-family: var(--font-family-notosans_cjk_kr-regular); font-size: 14px; font-weight: 400; letter-spacing: -0.28px; line-height: 30px; margin-top: 5px;}
.ethic_center_page button {background-color: var(--congress-blue); border-radius: 30px; display: block; line-height: 60px; margin: 5% auto 0; width: 220px; padding: 0; border: 0;}

.ethic_center_page .title {margin-bottom: 40px;}
.ethic_center_page .title h2 {font-size: 20px; font-weight: 700; line-height: 30px; margin-bottom: 15px; position: relative; color: #0E4194; display: inline-block;}
.ethic_center_page .title.one h2:before {content: '01'; display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; color: white; font-family: "Poppins", Helvetica; font-weight: 700; font-size: 20px; background: #0E4194; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); left: -60px;}
.ethic_center_page .title.two {margin-top: 10%;}
.ethic_center_page .title.two h2:before {content: '02'; display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; color: white; font-family: "Poppins", Helvetica; font-weight: 700; font-size: 20px; background: #0E4194; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); left: -60px;}
.ethic_center_page .title p {font-size: 18px; line-height: 40px;}
.ethic_center_page .content_box {padding: 5%; background: #F9F9F9; margin-bottom: 5%;}
.ethic_center_page .content_box h3 {font-size: 18px; font-weight: 700; margin-bottom: 30px;}
.ethic_center_page .content_box.type_1 ul li {padding-left: 15px; font-size: 18px; line-height: 28px; margin-bottom: 10px; position: relative;}
.ethic_center_page .content_box.type_1 ul li:before {content: ''; display: block; background-color: var(--congress-blue); height: 5px; transform: rotate(45.00deg); width: 5px; position: absolute; left: 0; top: 13px;}

.ethic_center_page .content_box.type_2 h3 {width: 300px; float: left;}
.ethic_center_page .content_box.type_2 h3 .symbol {background-color: var(--white); border-radius: 20px; display: inline-block; width: 60px; height: 60px; background-image: url(../img/file---130@1x.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: 30px; vertical-align: middle; margin-right: 20px;}
.ethic_center_page .content_box.type_2 ul {float: left; width: calc(100% - 300px);}
.ethic_center_page .content_box.type_2 ul li {font-size: 16px; margin-bottom: 15px; line-height: 26px;}
.ethic_center_page .content_box.type_2 ul li span {color: #888; display: inline-block; width: 150px;}
.ethic_center_page .ethics_form_btn {display: block; margin: 10% auto 0; background-color: var(--congress-blue);  width: 220px; line-height: 60px; border-radius: 30px; text-align: center; font-size: 18px; color: white;}


.modal {width: 100%; max-width: 900px; padding: 50px; overflow-y: auto;}
.modal a.close-modal {background-image: url('/images/icon_close.png'); background-size: 29px; top: 50px; right: 50px;}
.modal h2 {font-size: 30px; line-height: 30px; font-weight: 700; text-align: center; margin-bottom: 40px;}
.modal h3 {padding-bottom: 20px; border-bottom: 1px solid #333;}
.modal .part {position: relative;}
.modal .part .info {position: absolute; top: 5px; right: 0;}
.modal .part .info span {display: inline-block; width: 6px; height: 6px; background: #FF7A7A; border-radius: 50%; position: relative; top: -3px; margin-right: 5px;}
.modal table {width: 100%;}
.modal table tr {border-bottom: 1px solid #eee;}
.modal table th {width: 140px;}
.modal table th span {position: relative;}
.modal table th span:after {content: ''; display: inline-block; width: 6px; height: 6px; background: #FF7A7A; border-radius: 50%; position: absolute; top: 0; right: -10px;}
.modal table td { padding: 20px 0;}
.modal table td input {border: 1px solid #EDEDED; border-radius: 5px; height: 50px; line-height: 50px; padding: 0 15px;}
.modal table td input[placeholder="성명"] {width: 250px;}
.modal table td input[placeholder="휴대폰"] {width: 250px;}
.modal table td input[placeholder="이메일"] {width: 250px;}
.modal table td input[placeholder="제목"] {width: 100%;}
.modal table td textarea {width: 100%; height: 120px; border-radius: 5px; border: 1px solid #eee;}
.modal button {background-color: #0E4194; width: 200px; line-height: 50px; border-radius: 25px; text-align: center; margin: 30px auto 0; border: none; display: block;}
.filebox .upload-name { display: inline-block; width: 400px; padding: 0 10px; /* label의 패딩값과 일치 */ background: white; border: 1px solid #eee; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; } /* 업로드 한 파일명 추출 부분 */ 
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } /* 업로드 파일 버튼 숨김 */ 
.filebox label { display: inline-block; width: 120px; line-height: 50px; text-align: center; color: white; vertical-align: middle; background-color: #0E4194; cursor: pointer; border-radius: 5px;} /* 파일 버튼 모양 변경 부분 */ 












/**** 오시는길 ****/
.jeiseuteg-1-6saeobjang-annae .overlap-group2 {background-image: url(/images/company-directions_img_1.jpg);}
.direction_page {width: 100%;padding: 0 5%; margin-bottom: 10%;}
.direction_page .list {float: left; width: 48%; margin: 0 1% 2.5%; overflow: hidden; background: #f9f9f9; }
.direction_page .list .img_wrap {float: left; width: 50%;}
.direction_page .list .info_wrap {float: left; width: 50%; position: relative; padding: 30px;}
.direction_page .list .info_wrap h2 {margin-bottom: 20px; font-size: 24px; font-weight: 700;}
.direction_page .list .info_wrap table th {width: 90px; font-weight: 700;}
.direction_page .list .info_wrap table th img {width: 16px; margin-right: 5px;}
.direction_page .list .info_wrap table td {padding: 5px 0; letter-spacing: -1px;}
.direction_page .list .btn_wrap {position: absolute; bottom: 30px; right: 30px;}
.direction_page .list .btn_wrap a {display: inline-block; padding-left: 10px;}
.direction_page .list .btn_wrap a img {width: 45px; }


/**** 비즈니스 ****/

.business_top_tab_menu {position: absolute; bottom: 33%; left: 50%; transform: translateX(-50%); max-width: 1200px; width: 90%; overflow: hidden; border: 1px solid #fff; position: }
.business_top_tab_menu li {float: left; width: 20%; border-right: 1px solid #fff;}
.business_top_tab_menu.child_4 li {width: 25%;}
.business_top_tab_menu li:last-child {border-right: 0;}
.business_top_tab_menu li a {display: block; line-height: 58px; text-align: center; color: #A3A4B0; font-size: 18px; font-family: "NotoSans CJK KR-Regular", Helvetica; text-decoration: none;}
.business_top_tab_menu li:hover a, .business_top_tab_menu li.active a { color: #0E4194; font-weight: bold; background-color: #fff;}


.business_page {width: 100%;}

.business_page h2 {text-align: center; margin: 100px auto 60px;}
.business_page h2 span {font-size: 20px; line-height: 30px; display: block; margin-top: 20px; font-family: "NotoSans CJK KR-Regular", Helvetica; font-weight: 400;}
.business_page h3 { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 34px; line-height: 34px; margin-bottom: 20px;}
.business_page h3 span {font-size: 20px; display: inline-block; margin-left: 20px; font-weight: 400;}
.business_page h4 {font-weight: 700; font-size: 40px; line-height: 40px; margin-bottom: 20px;}

.business_page .slide_wrap {margin-bottom: 5%;}
.business_page .slide_wrap .img_part {float: left; width: 60%;}
.business_page .slide_wrap .img_part #business-slider1 {margin-bottom: 20px;}
.business_page .slide_wrap .text_part {float: left; width: 40%; padding-left: 5%;}
.business_page .slide_wrap .control {position: absolute; right: 0; bottom: 0; z-index: 10;}
.business_page .slide_wrap .control .number { text-align: right; padding-right: 15px;}
.business_page .slide_wrap .control .btn img {width: 20px;}
.business_page .slide_wrap .control .btn #business-slider1-prev, .business_page .slide_wrap .control .btn #business-slider1-next {background: white; display: inline-block; padding: 15px;}


.business_tab_menu {overflow: hidden; border: 1px solid #ddd; width: 90%; max-width: 800px; margin: 100px auto 0;}
.business_tab_menu li {float: left; width: 33.333%; text-align: center; border-right: 1px solid #ddd;}
.business_tab_menu.child_4 li {width: 25%;}
.business_tab_menu li:last-child {border-right: none;}
.business_tab_menu li a {font-size: 18px; color: #888; font-family: "NotoSans CJK KR-Regular", Helvetica; display: block; line-height: 68px;}
.business_tab_menu li:hover a, .business_tab_menu li.active a {color: #fff; font-weight: bold; background-color: #0e4194;}

.business_page .plc_img {padding: 60px; border: 15px solid #EEF1F3; border-radius: 50px;}

.business_page .merit ul {border-top: 1px solid #707070;}
.business_page .merit ul li {overflow: hidden; border-bottom: 1px solid #eee; padding: 30px 0;}
.business_page .merit ul li span {float: left; width: 120px; text-align: center; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 20px; line-height: 32px; color: #0E4194;}
.business_page .merit ul li p {float: left; width: calc(100% - 120px); font-size: 20px; line-height: 32px; margin-bottom: 0;}

.business_page .program_img {overflow: hidden; background: #FAFAFA;}
.business_page .program_img li {float: left; width: 50%; padding: 50px; text-align: center;}
.business_page .program_img li:nth-child(odd) {}
.business_page .program_img li.w_100 {width: 100%; margin: 0;}

.business_page .inspec_text p {font-size: 18px; line-height: 32px;}
.business_page .gray_bg {background: #F8F8FA;}

.business_page .process_text_1 .title {float: left; font-size: 34px; line-height: 50px; font-weight: 700; width: 470px;}
.business_page .process_text_1 p {float: right; width: calc(100% - 470px); padding-left: 15%; font-size: 18px; line-height: 32px;}


.business_page .process_text_2 .title {font-size: 50px; line-height: 60px; text-align: center; font-weight: 700; margin-bottom: 80px;}
.business_page .process_text_2 ul li {overflow: hidden; margin-bottom: 20px;}
.business_page .process_text_2 ul li span {width: 40px; height: 40px; float: left; display: block; text-align: center; border-radius: 20px; color: white; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 20px; line-height: 40px; background: #0E4194;}
.business_page .process_text_2 ul li p {float: left; width: calc(100% - 40px); padding-left: 15px; font-size: 18px; line-height: 40px;}

.business_page .rnd_title {font-size: 20px; line-height: 20px; font-weight: 700; color: #0E4194; padding-top: 15px; border-top: 2px solid #0E4194; margin-bottom: 30px; display: inline-block;}
.business_page .rnd_img {border: 2px solid #EEF1F3; padding: 25px; overflow: hidden;}
.business_page .rnd_img li {float: left; width: 25%; padding: 15px; text-align: center;}
.business_page .rnd_img li p {font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 24px; line-height: 24px; margin-top: 20px;}
.business_page .rnd_power li {float: left; background: #F8F8FA; padding: 40px; position: relative; width: 31%; }
.business_page .rnd_power li:nth-child(2) {margin: 0 3.5%;}
.business_page .rnd_power li img {width: 30%;}
.business_page .rnd_power li .text {position: absolute; right: 40px; top: 50%; transform: translateY(-50%); width: 50%;}
.business_page .rnd_power li .text .title {font-size: 24px; line-height: 24px; font-weight: 700; margin-bottom: 10px;}
.business_page .rnd_power li .text p {font-size: 18px; line-height: 32px;}

.business_page .cell_step {overflow: hidden;}
.business_page .cell_step li {float:left; width: 28%; text-align: center; font-size: 28px; color: white; padding: 30px 10px; border-radius: 50px; letter-spacing: -1px;}
.business_page .cell_step li.arrow {float: left; width: 8%;}
.business_page .cell_step li.one {background: #3D87FF;}
.business_page .cell_step li.two {background: #2765C9;}
.business_page .cell_step li.three {background: #0E4194;}

.business_page .big_img {position: relative; width: 100%; height: 800px; }
.business_page .big_img p {position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); text-align: center; font-size: 40px; line-height: 60px; color: white; font-weight: 700; width:90%;}
.business_page .big_img p span {display: block; margin-top: 30px; font-size: 18px; line-height: 32px;}

.business_page .cooper_page .content_wrap {padding: 0 5%;}
.business_page .cooper_page .content_wrap .cooper_div {display: flex;}
.business_page .cooper_page .content_wrap .img {float: left; width: 50%;}
.business_page .cooper_page .content_wrap .text {float: left; width: 50%; padding: 50px; display: flex; align-items: center;}
.business_page .cooper_page .content_wrap .text p {font-size: 18px; line-height: 32px; width: 100%;}
.business_page .cooper_page .content_wrap .sub_title {font-size: 34px; line-height: 55px; letter-spacing: -1px;}

.business_page .business_main_text {text-align: center; font-size: 24px; line-height: 40px; letter-spacing: -1px;}
.business_page .business_main_rnd {font-size: 40px; line-height: 40px; font-weight: 700; padding: 0 5%;}
.business_page .business_main_list .list {overflow: hidden; display: flex;}
.business_page .business_main_list .list .img {float: left; width: 50%;}
.business_page .business_main_list .list .text {float: left; width: 50%; padding: 5%; display: flex; align-items: center;}
.business_page .business_main_list .list .text .title {font-size: 40px; line-height: 50px; font-weight: 700;}
.business_page .business_main_list .list .text p {font-size: 18px; line-height: 32px; width: 100%;}
.business_page .business_main_list .list:last-child .text {padding-bottom: 0;}

.sec_battery .text {float: left; width: 50%; padding-right: 5%;}
.sec_battery .text p { color: #0E4194; font-size: 20px; line-height: 30px; margin-bottom: 10px;}
.sec_battery .text .title {font-size: 34px; line-height: 50px; font-weight: 700; margin-bottom: 30px; letter-spacing: -1px;}
.sec_battery .text ul li {font-size: 18px; line-height: 28px; position: relative; padding-left: 15px; margin-bottom: 10px;}
.sec_battery .text ul li:before {content: ''; display: inline-block; background-color: #222; width: 5px; height: 5px; position: absolute; top: 13px; left: 0; transform: rotate(45.00deg); }
.sec_battery .text ul li span {color: #3D87FF;}

.sec_battery .img {float: left; width: 50%; background: #F8F8FA; padding: 30px;}
.sec_battery .img ul li {float: left; width: 33.333%; padding: 0 10px; text-align: center;}
.sec_battery .img ul li h5 {font-size: 24px; line-height: 24px; font-family: 'Poppins', sans-serif; font-weight: 700; margin-top: 20px;}
.sec_battery .img ul li p {margin-top: 10px; font-size: 16px; line-height: 26px; }
.sec_battery .img ul.equipment li .box {max-width: 250px; margin: 0 auto;}


/**** 재무정보 ****/
.ir_page { width: 100%;}
.ir_page .chart_1_wrap {padding: 0 10% 10%;}
.ir_page .chart_title {margin-bottom: 5%;}
.ir_page .chart_table_1 {width: 100%; border-top: 2px solid #333; margin-top: 5%; background: white;}
.ir_page .chart_table_1 th {background: #EEF1F6; color: var(--tundora); font-family: var(--font-family-notosans_cjk_kr-regular); font-size: var(--font-size-s); font-style: normal; font-weight: 400; text-align: center; vertical-align: middle; height: 50px; border-right: 1px solid white;}
.ir_page .chart_table_1 th:last-child {border-right: 0;}
.ir_page .chart_table_1 tr td {color: var(--tundora); font-family: var(--font-family-notosans_cjk_kr-regular); font-size: var(--font-size-s); font-style: normal; font-weight: 400; text-align: right; vertical-align: middle; height: 50px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; padding: 0 20px;}
.ir_page .chart_table_1 tr td:nth-child(1) {text-align: center; }
.ir_page .chart_table_1 tr td:last-child {border-right: 0;}

.ir_page .chart_2_wrap {padding:10%; background: #f9f9f9;}

.ir_page .table_wrap {overflow-x: auto;}
.ir_page .table_wrap table {min-width: 800px;}


/**** 주식정보 ****/
.stock_page {width: 100%; margin-bottom: 10%;}

.stock_up {display: inline-block; width: 0px; height: 0px; border-top:8px solid transparent; border-bottom:8px solid #DC3F3F; border-right: 8px solid transparent;  border-left: 8px solid transparent; vertical-align: super; position: relative; top: 4px; margin: 0 5px;}
.stock_down {display: inline-block; width: 0px; height: 0px; border-top:8px solid blue; border-bottom:8px solid transparent; border-right: 8px solid transparent;  border-left: 8px solid transparent; vertical-align: super; position: relative; top: 4px; margin: 0 5px; }

.stock_wrap {max-width: 1200px; margin: 0 auto; padding: 0 15px;}
.stock_wrap h2 {font-size: 34px; line-height: 34px; font-weight: 700; margin-bottom: 20px;}
.stock_wrap h2 span {font-size: 24px; color: #999999;}
.stock_wrap .current_price {border-top: 2px solid #222; border-bottom: 2px solid #222; padding: 30px 0; margin-bottom: 25px;}
.stock_wrap .current_price .part_1 {float: left; width: 25%; line-height: 70px; border-right: 1px solid #eee; font-size: 50px; font-weight: 700;}
.stock_wrap .current_price .part_2 {float: left; width: 25%; padding-left: 5%;}
.stock_wrap .current_price .part_2 div:first-child {margin-bottom: 10px;}
.stock_wrap .current_price .part_2 .title {font-size: 18px; line-height: 18px; font-weight: 700; width: 90px; display: inline-block;}
.stock_wrap .current_price .part_2 p {display: inline-block; font-size: 18px; line-height: 18px; color: #666666;}
.stock_wrap .current_price .part_3 {float: left; width: 50%;}
.stock_wrap .current_price .part_3 .info {float: left; width: 25%; text-align: right;}
.stock_wrap .current_price .part_3 .info .title {font-size: 18px; line-height: 28px; font-weight: 700; margin-bottom: 10px;}
.stock_wrap .current_price .part_3 p {font-size: 18px; line-height: 28px; color: #666666;}

.stock_wrap .information_box h3 {font-size: 18px; line-height: 18px; font-weight: 700; margin-bottom: 25px;}
.stock_wrap .information_box table {border-top: 1px solid #222; width: 100%;}
.stock_wrap .information_box table tr {border-bottom: 1px solid #ddd;}
.stock_wrap .information_box table tr th {height: 60px; vertical-align: middle; font-size: 18px; line-height: 18px; color: #888; text-align: left; padding: 0 15px;}
.stock_wrap .information_box table tr td {height: 60px; vertical-align: middle; font-size: 18px; line-height: 18px; color: #666; text-align: right; padding: 0 15px;}
.stock_wrap .information_box table tr td.separate {border-right: 1px solid #ddd;}
.stock_wrap .information_box table.type_2 tr th, .stock_wrap .information_box table.type_2 tr td {color: #222; font-weight: 700;}
.stock_wrap .information_box table tr td.sell {color: #3D87FF;}
.stock_wrap .information_box table tr td.buy {color: #FF3333;}
.stock_wrap .information_box .information_1 {float: left; width: 50%; padding-right: 25px;}
.stock_wrap .information_box .information_2 {float: left; width: 50%; padding-left: 25px;}


/**** 공시정보 ****/
.announ_page {width: 100%; padding: 0 5%;}
.announ_page .design_symbol {margin-bottom: 5%;}

/**** 인사제도 ****/
.careers_page {width: 100%;}
.careers_page .content_img_title_box {height: 0; padding-bottom: 40%;}
.careers_page .content_img_title_box_2 {height: 0; padding-bottom: 30%; width: 90%; margin: 10% auto 0;}
.careers_page .content_img_title_box:after, .careers_page .content_img_title_box_2:after { content: ''; display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.careers_page .content_img_title_box .text {z-index: 10;}
.careers_page .content_img_title_box_2 .text {z-index: 10; position: absolute; left: 5%; bottom: 10%; width: 90%;}
.careers_page .content_img_title_box_2 .text h3 {margin-bottom: 20px;}
.careers_page .part {padding: 10% 5%; text-align: center;}
.careers_page .part h3 {margin-bottom: 20px;}
.careers_page .part img {margin-top: 5%;}
.careers_page .reward_list {margin: 5% 5% 10%;}
.careers_page .reward_list li {float: left; width: 31.3%; margin-right: 3%; padding: 50px; background: #f4f4f4;}
.careers_page .reward_list li:last-child {margin-right: 0;}
.careers_page .reward_list li img {width: 50px; margin-bottom: 30px;}


/**** 복리후생 ****/
.welfare_page {width: 100%; margin: 10% 0;}
.welfare_page .part {margin-bottom: 10%;}
.welfare_page .part.three {margin-bottom: 0;}
.welfare_page .part.one .img_part {background: url(/images/welfare_1.jpg) no-repeat center; background-size: cover;}
.welfare_page .part.two .img_part {background: url(/images/welfare_2.jpg) no-repeat center; background-size: cover;}
.welfare_page .part.three .img_part {background: url(/images/welfare_3.jpg) no-repeat center; background-size: cover;}
.welfare_page .part .img_part {float: left; width: 50%; height: 575px; position: relative;}
.welfare_page .part .img_part .title {position: absolute; right: 0; top: 0; padding: 50px; text-align: right;}
.welfare_page .part .img_part .title span {display: block; margin-bottom: 10px;}
.welfare_page .part .text_part {float: left; width: 40%; margin: 0 5%; border-top: 1px solid #333;}
.welfare_page .part .text_part li {border-bottom: 1px solid #eee; padding: 20px 0px; overflow: hidden;}
.welfare_page .part .text_part li .img {float: left; width: 100px; height: 100px; text-align: center;}
.welfare_page .part .text_part li .info {float: left; width: calc(100% - 100px); margin-top: 15px;}
.welfare_page .part .text_part li .info h3 {letter-spacing: -1px;}
.welfare_page .part .text_part li .info p {margin-bottom: 0; letter-spacing: -1px;}

/**** 채용절차 ****/
.hire_page {width: 100%; padding: 10% 5%;}
.hire_page ul {border-top: 1px solid #333; margin-top: 5%;}
.hire_page ul li {border-bottom: 1px solid #eee; padding: 30px 5%; overflow: hidden;}
.hire_page ul li span {float: left; display:block; width: 40px;line-height: 30px;}
.hire_page ul li h3 {float: left; width: 200px;line-height: 30px; margin-bottom: 0;}
.hire_page ul li p {float: left;line-height: 30px; margin-bottom: 0;}
.hire_page .guide {padding: 50px; background: #f9f9f9; margin-top: 5%;}
.hire_page .guide h3 {margin-bottom: 20px;}
.hire_page .guide p {position: relative; padding-left: 15px; color: var(--log-cabin); font-family: var(--font-family-notosans_cjk_kr-light); font-size: var(--font-size-m); margin-bottom: 10px;}
.hire_page .guide p:before {content: ''; display: block; background-color: var(--congress-blue); height: 5px; transform: rotate(45.00deg); width: 5px; position: absolute; left: 0; top: 10px;}


@media screen and (max-width: 1200px) {
    :root { 
      --font-size-l: 20px;
      --font-size-m: 18px;
      --font-size-s: 16px;
      --font-size-xl: 22px;
      --font-size-xxl: 30px;
      --font-size-xxxl: 34px;
      --font-size-xxxxl: 40px;
    }
    
    .hide_1200 {display: none;}
    
    /**** header ****/
    .site-menu ul {display: none;}
    .site-menu .hamburger-menu {display: flex;}
    .site-navigation.active .inner {transform: none;}
    .site-navigation .inner ul {text-align: left;}
    .site-navigation .inner ul li {display: block; padding: 5px 0;}
    .site-navigation .inner ul li ul {position: static; display: none; opacity: 1; padding-left: 20px; margin-bottom: 20px;}
    .site-navigation .inner ul li:hover ul {display: none;}
    .site-navigation .inner ul li a {font-size: 26px;}
    .site-navigation .inner ul li i {margin-top: 13px;}
    .site-navigation.active .bottom {display: none;}
    
    
    
    
    
    
    /**** footer ****/
    .web_footer  {text-align: center;}
    .web_footer .foot_logo {float: none; margin-bottom: 30px;}
    .web_footer .info_wrap {float: none; padding-left: 0;}
    
    
    
    
    
    /**** index ****/
    .jeiseuteg-main .we-make-answers, .jeiseuteg-main .business {width: 100%; min-width: auto; padding: 0 5%; margin-top: 10%; text-align: center;  min-height: auto;}
    .jeiseuteg-main .text-1-2 {width: 100%; min-width: auto; min-height: auto; padding: 0 5%; margin-top: 5%; margin-bottom: 0;}
    .jeiseuteg-main .x3-1 {margin-left: 0; margin-top: 5%; width: 48px;}
    .jeiseuteg-main .x2-2 {display: inline-block; object-fit: contain;}
    .jeiseuteg-main .overlap-group19 {margin-top: 10%;}
    .jeiseuteg-main .link_box_1 .text_wrap, .jeiseuteg-main .link_box_3 .text_wrap {left: 5%;}
    .jeiseuteg-main .link_box_2 .text_wrap {right: 5%;}
    
    .jeiseuteg-main .overlap-group-container {margin-top: 10%;}
    .business_list_wrap {margin-top: 10%;}
    .business_list_wrap li {width: 50%;}
    .business_list_wrap li .name {font-size: 24px;}
    
    .jeiseuteg-main .jcenter_img_wrap p, .jeiseuteg-main .jcenter_img_wrap p .notosanscjkkr-bold-white-30px {font-size: 24px; line-height: 34px;}
    .jeiseuteg-main .event_list li .name {margin-top: 20px; font-size: 20px;}
    
    .jeiseuteg-main .quick_banner {padding: 0;}
    .jeiseuteg-main .quick_banner li {width: 50%; padding: 30px 15px;}
    .jeiseuteg-main .quick_banner li:nth-child(1) { border-bottom: 1px solid #ddd;}
    .jeiseuteg-main .quick_banner li:nth-child(2) {border-right: 0; border-bottom: 1px solid #ddd;}
    
    /**** sub_page ****/
    ul.top-menu {display: none;}
    
    /**** 회사개요 ****/
    .jeiseuteg-1-1saeobgaeyo .text_wrap_2 {padding: 0 5%;}
    .jeiseuteg-1-1saeobgaeyo .text_wrap_2 .h2_wrap {float: none; width: 100%; margin-bottom: 5%;}
    .jeiseuteg-1-1saeobgaeyo .text_wrap_2 p {float: none; width: 100%;}
    .jeiseuteg-1-1saeobgaeyo .text_wrap_2 p span {line-height: 32px;}
    .jeiseuteg-1-1saeobgaeyo .text_wrap_3 .content_img_box {padding-bottom: 60%;}
    .jeiseuteg-1-1saeobgaeyo .overlap-group5 {padding-bottom: 50%;}
    
    .jeiseuteg-1-1saeobgaeyo .text-45 {line-height: 40px;}
    
    
    /**** ceo 메시지 ****/
    .ceo_wrap .text h2 {line-height: 40px; font-size: 28px; letter-spacing: -1px;}
    
    
    
    /**** 로고 ****/
    .jeiseuteg-1-8-ci #page_title_bg {padding-bottom: 80%;}
    .main_logo_wrap .btn_wrap li {line-height: 60px; width: 45%;}
    
    .ci_page .main_logo_wrap .btn_wrap li {width: 250px; line-height: 60px;}
    
    /**** 경영철학 ****/
    .jeiseuteg-1-3gyeongyeongceolhag .overlap-group2 {padding-bottom: 50%;}
    .philosophy_page .slogan h2 {line-height: 50px; }
    .philosophy_page .text_box_1 .text_wrap h2 {line-height: 40px;}
    
    /**** 재무정보 ****/
    .ir_page .chart_1_wrap {padding: 0 5% 10%;}
    .ir_page .chart_2_wrap {padding: 10% 5%;}
    
    
    /**** 비지니스 ****/
    .business_top_tab_menu {bottom: 27%;}
    .business_top_tab_menu li a {font-size: 16px;}
    .business_page .cooper_page .content_wrap .sub_title {font-size: 30px; line-height: 50px;}
    .business_page .cooper_page .content_wrap .text {padding: 30px;}
    
    .business_page .business_list_wrap {margin-top: 0;}
    .business_list_wrap.rnd li {width: 33.333%;}
    .business_list_wrap.rnd li:nth-child(4), .business_list_wrap.rnd li:nth-child(5) {width: 50%;}
    .business_list_wrap.rnd li img {width: 100%;}
    
}

@media screen and (max-width: 1024px) {
    :root { 
      --font-size-l: 18px;
      --font-size-m: 16px;
      --font-size-s: 14px;
      --font-size-xl: 20px;
      --font-size-xxl: 22px;
      --font-size-xxxl: 26px;
      --font-size-xxxxl: 32px;
    }
    .hide_1024 {display: none;}
    .show_1024 {display: block;}
    .mar_b_50 {margin-bottom: 40px;}
    .mar_t_100 {margin-top: 80px;}
    .mar_b_100 {margin-bottom: 80px;}
    .mar_t_150 {margin-top: 100px;}
    .mar_b_150 {margin-bottom: 100px;}
    .pad_b_150 {padding-bottom: 100px;}
    .pad_t_150 {padding-top: 100px;}
    .design_symbol img {width: 16px;}
    
    
    
    
    
    
    /**** footer ****/
    .web_footer ul li .name {display: block; width: 100%; margin: 10px auto 5px;}
    
    
    /**** index ****/
    .jeiseuteg-main .we-make-answers {white-space: inherit; line-height: 45px;}
    .jeiseuteg-main .x3-1 {width: 40px;}
    .jeiseuteg-main .x2-2 {width: 18px;}
    .jeiseuteg-main .overlap-group19, .jeiseuteg-main .overlap-group21, .jeiseuteg-main .overlap-group18 {height: 400px;}
    .jeiseuteg-main .link_btn {width: 150px; height: 50px;}
    .jeiseuteg-main .link_btn .link_btn_title {line-height: 50px;}
    
    .jeiseuteg-main .flex-col-6 {width: 50%;}
    .jeiseuteg-main .jcenter_img_wrap {width: 92%;}
    .jeiseuteg-main .jcenter_img_wrap p, .jeiseuteg-main .jcenter_img_wrap p .notosanscjkkr-bold-white-30px {font-size: 18px; line-height: 30px;}
    .jeiseuteg-main .event_list {padding-left: 5%;}
    .jeiseuteg-main .event_list li .name {margin-top: 10px; font-size: 16px;}
    
    .jeiseuteg-main .overlap-group20 {margin-top: 15%;}

    
    .jeiseuteg-main .jastech_people {top: 0; }
    .jeiseuteg-main .go_carrer {width: 150px; height: 50px;}
    .jeiseuteg-main .go_carrer p {line-height: 46px;}
    
    .ltd_part {width: 90%;}
    .ltd_part li {width: 50%;}
    .ltd_part li:nth-child(1), .ltd_part li:nth-child(2) {border-bottom: 1px solid #eee;}
    .ltd_part li:nth-child(2) {border-right: 0;}
    .ltd_part li h2 {font-size: 45px;}
    
    
    
    
    
    
    
    
    
    
    
    /**** sub_page ****/
    #page_title_bg {    padding-bottom: 60%;}
    
    
    /**** 회사개요 ****/
    .jeiseuteg-1-1saeobgaeyo .text_wrap_3 .content_img_box {width: 40%;}
    .jeiseuteg-1-1saeobgaeyo .text_wrap_3 p {width: 60%}
    
    .jeiseuteg-1-1saeobgaeyo .text-50 {line-height: 40px;}
    .jeiseuteg-1-1saeobgaeyo .jastech-purchase-management-system {margin-top: 0px; font-size: 14px;}
    
    /**** ceo 메시지 ****/
    .ceo_wrap .img {width: 100%; }
    .ceo_wrap .text {width: 100%; padding: 10% 5%;} 
    .ceo_wrap .text h2 {line-height: 36px;}
    
    /**** 연혁 ****/
    .history_menu {width: 90%;}
    .history_menu li {line-height: 50px; font-size: 16px;}
    .history_info .year_part table tr th {display: block; font-size: 24px; width: 100%; margin-top: 30px;}
    .history_info .year_part table tr td {display: block; padding: 15px 0 30px;}
    
    /**** 로고 ****/
    .ci_page .main_logo_wrap {padding: 0 5%;}
    .ci_page .main_logo_wrap h2 {margin-bottom: 30px;}
    .ci_page .main_logo_wrap .btn_wrap li {width: 220px; line-height: 50px;}
    .application_wrap {padding: 10% 5%;}
    .application_wrap .logo_wrap_2 .list .img {height: 200px;}
    
    .jeiseuteg-1-8-ci #page_title_bg {padding-bottom: 100%;}
    .main_logo_wrap .btn_wrap li {line-height: 50px; }
    .ci_page .ci_content {font-size: 20px; line-height: 40px;}
    .ci_page .meaning_box ul li .rgb {padding-left: 30px;}
    .ci_page .meaning_box ul li p {font-size: 18px; padding-left: 30px;}
    
    
    /**** 경영철학 ****/
    .philosophy_page .text_box_1 {padding: 10% 5% 0;}
    .philosophy_page .text_box_1 .img_wrap {width: 100%;}
    .philosophy_page .text_box_1 .text_wrap {width: 100%; padding: 5% 0 !important;}
    .philosophy_page .text_box_3 .part:nth-child(2) .text_wrap {padding-right: 5%; padding-left: 0;}
    .philosophy_page .text_box_2, .philosophy_page .text_box_3 {padding: 0 5%;}
    
    /**** 윤리경영 ****/
    .ethics-tab-menu ul li {height: 50px;}
    .ethics-tab-menu ul li a {line-height: 50px; font-size: 16px;}
    .ethics_page .content_wrap .img_wrap {width: 100%; padding: 0 5% 5%;}
    .ethics_page .content_wrap .text_wrap {width: 100%; padding: 5%;}
    .ethics_page .content_wrap .text_wrap h2 {line-height: 45px;}
    .ethics_page .content_wrap .text_wrap p {font-size: 18px; line-height: 28px;}
    .ethics_page .content_wrap .text_wrap .btn {line-height: 50px; width: 200px;}
    .ethics_page .ethics_content {padding: 10% 5%;}
    .ethics_page .ethics_content h2 {font-size: 26px; line-height: 40px; margin-top: 30px;}
    .ethics_page .ethics_content ul li h3 {font-size: 20px; line-height: 20px;}
    .ethics_page .ethics_content ul li p {font-size: 16px;}
    
    .ethic_center_page .title h2 {position: relative; left: 50px;}
    .ethic_center_page .title.one h2:before, .ethic_center_page .title.two h2:before {width: 40px; height: 40px; line-height: 40px; font-size: 18px; left: -50px;}
    .ethic_center_page .title p {font-size: 16px; line-height: 30px;}
    .ethic_center_page .content_box h3 {margin-bottom: 20px;}
    .ethic_center_page .content_box.type_1 ul li {font-size: 16px; line-height: 26px;}
    .ethic_center_page .content_box.type_2 h3 {width: 100%;}
    .ethic_center_page .content_box.type_2 h3 .symbol {width: 50px; height: 50px; background-size: 25px; border-radius: 15px;}
    .ethic_center_page .content_box.type_2 ul {width: 100%;}
    
    
    /**** 신고센터 ****/
    .ethic_center_page {padding: 0 5%;    margin-top: 5%;}
    .ethic_center_page .part table tr th {width: 100px;}
    .ethic_center_page .part table tr td p {line-height: 24px;}
    
    .modal {padding: 30px;}
    .modal h2 {font-size: 24px; line-height: 24px;}
    .modal table th {width: 100px;}
    .modal table td {padding: 10px 0;}
    .modal table td input {font-size: 14px;}
    .modal table td p {font-size: 12px;}
    .modal a.close-modal {top: 30px; right: 30px;}
    .filebox label {font-size: 14px;}
    
    /**** 게시판 ****/
    .board-container {padding: 0 5%;}
    
    
    
    /**** 오시는 길 ****/
    
    .direction_page .list {padding: 0; width: 100%; margin-bottom: 3%;}
    .direction_page .list .info_wrap {padding: 25px;}
    .direction_page .list .info_wrap h2 {margin-bottom: 20px;}
    .direction_page .list .info_wrap table th {width: 80px;}
    .direction_page .list .info_wrap table td {padding: 5px 0;}
    .direction_page .list .btn_wrap a img {width: 40px;}
    
    
    /**** 비즈니스 ****/
    .business-tab-menu {width: 600px; }
    .business-tab-menu ul li {width: 150px; height: 60px;}
    .business-tab-menu ul li a {line-height: 60px; font-size: 16px;}
    .business_page .slide_wrap {margin-bottom: 10%;}
    .business_page .slide_wrap .img_part {width: 100%;}
    .business_page .slide_wrap .text_part {width: 100%; padding-left: 0;}
    #business-slider1-thumbnail {margin-bottom: 0;}
    .business_page .notosanscjkkr-regular-normal-log-cabin-30px {font-size: 20px;}
    
    .business_top_tab_menu {}
    .business_top_tab_menu li a {font-size: 14px;}
    .business_page .big_img {height: 600px;}
    .business_page .big_img p {font-size: 30px; line-height: 50px;}
    .business_page .cooper_page .content_wrap .cooper_div {display: block;}
    .business_page .cooper_page .content_wrap .cooper_div.hide_1080 {display: none;}
    .business_page .cooper_page .content_wrap .img {width: 100%;}
    .business_page .cooper_page .content_wrap .text {display: block; width: 100%; padding: 30px 0;}
    .business_page .cooper_page .content_wrap .text p {font-size: 16px; line-height: 30px;}
    .business_page .cooper_page .content_wrap .sub_title {font-size: 24px; line-height: 40px;}
    .business_page h2 span {font-size: 16px; line-height: 26px;}
    .business_page .cell_step li {font-size: 2.5vw; padding: 20px 10px; }
    
    .business_page h2 {margin: 80px auto 40px;}
    
    .business_page .process_text_2 .title {font-size: 5vw; margin-bottom: 60px; letter-spacing: -1px;}
    
    .business_page .process_text_1 .title {width: 100%; margin-bottom: 30px; font-size: 28px; line-height: 40px;}
    .business_page .process_text_1 p {width: 100%; padding-left: 0; font-size: 16px; line-height: 30px;}
    .business_page .rnd_img {padding: 20px;}
    .business_page .rnd_img li {padding: 10px;}
    .business_page .rnd_img li p {font-size: 20px;line-height: 20px; margin-top: 15px;}
    .business_page .rnd_power li {padding: 20px; width: 100%;overflow: hidden; margin-bottom: 15px;}
    .business_page .rnd_power li img {max-width: 100px; float: left;}
    .business_page .rnd_power li .text {    margin: 20px 0 0 20px; position: relative; right: auto; top: auto; transform: none; width: auto; float: left;}
    .business_page .rnd_power li .text .title {font-size: 20px;}
    .business_page .rnd_power li .text p {font-size: 16px; line-height: 26px;}
    .business_page .rnd_power li:nth-child(2) {margin: 0 0 15px;}
    
    .business_page .process_text_2 ul {margin-bottom: 50px;}
    .business_page .process_text_2 ul li span {width: 35px; height: 35px; font-size: 16px; line-height: 35px;}
    .business_page .process_text_2 ul li p {width: calc(100% - 35px); padding-left: 10px; font-size: 16px; line-height: 35px;}
    
    .business_page h4 {font-size: 30px; line-height: 30px;}
    .business_page h3 {font-size: 28px; line-height: 28px;}
    .business_page h3 span {font-size: 16px; margin-left: 15px;}
    .business_page .inspec_text p {font-size: 16px; line-height: 30px;}
    
    .business_page .merit ul li {padding: 25px 0;}
    .business_page .merit ul li span {width: 60px; font-size: 18px; line-height: 30px;}
    .business_page .merit ul li p {width: calc(100% - 60px); font-size: 18px; line-height: 30px;}
    
    .business_page .program_img li {width: 100%; padding: 0 0 5%;;}
    
    .mobile_business_tab_menu {border-bottom: 1px solid #eee;}
    .mobile_business_tab_menu ul li {font-size: 14px; text-align: center; line-height: 50px; }
    .mobile_business_tab_menu .button-prev, .mobile_business_tab_menu .button-next {width: 30px; height: 30px; margin-top: -13px; position: absolute; top: 50%; z-index: 10; cursor: pointer;}
    .mobile_business_tab_menu .button-prev {background: url('/images/slide_left.png') no-repeat center;  background-size: 24px; left: 0;}
    .mobile_business_tab_menu .button-next {background: url('/images/slide_right.png') no-repeat center;  background-size: 24px; right: 0;}
    .mobile_business_tab_menu .button-prev.swiper-button-disabled, .mobile_business_tab_menu .button-next.swiper-button-disabled {opacity: 0.3;}
    
    .business_tab_menu {margin-top: 80px;}
    .business_tab_menu li a {font-size: 16px; line-height: 58px;}
    
    .business_page .plc_img {padding: 30px; border-width: 10px; border-radius: 30px;}
    
    .business_page .business_main_rnd {font-size: 30px; line-height: 30px;}
    .business_page .business_main_text {font-size: 22px; line-height: 38px;}
    
    .business_main_list {padding: 0 5%;}
    .business_page .business_main_list .list {display: block;}
    .business_page .business_main_list .list .img {width: 100%;}
    .business_page .business_main_list .list .text {display: block; width: 100%; padding: 50px 0;}
    .business_page .business_main_list .list .text .title {font-size: 30px; line-height: 40px;}
    .business_page .business_main_list .list .text p {font-size: 16px; line-height: 32px;}
    
    .sec_battery .text {width: 100%; padding: 0;}
    .sec_battery .text p {font-size: 18px; line-height: 28px;}
    .sec_battery .text .title {font-size: 30px; line-height: 40px;}
    .sec_battery .text ul li {font-size: 16px; line-height: 26px;}
    .sec_battery .img {width: 100%; margin-top: 80px;}
    .sec_battery .img ul li h5 {font-size: 20px; line-height: 20px; margin-top: 15px;}
    
    
    
    /**** 인사제도 ****/
    .careers_page .content_img_title_box_2 {padding-bottom: 40%;}
    .careers_page .notosanscjkkr-bold-log-cabin-50px {font-size: 35px; width: 100%; margin-bottom: 3%;}
    .careers_page .reward_list li {padding: 25px;}
    .careers_page .reward_list li h4 {font-size: 22px;}
    .careers_page .reward_list li p {font-size: 16px;}
    
    /**** 복리후생 ****/
    .welfare_page {padding: 0 5%;}
    .welfare_page .part .img_part {width: 100%; height: 500px;}
    .welfare_page .part .img_part .title {padding: 20px 30px; background: rgba(255,255,255,0.6);}
    .welfare_page .part .text_part {width: 100%; margin: 5% 0 0;}
    .welfare_page .part .text_part li {padding: 15px 0;}
    
    /**** 채용절차 ****/
    .hire_page .guide {padding: 25px 15px;}
    
    /**** 주식정보 ****/
    .stock_wrap h2 {font-size: 28px; line-height: 28px;}
    .stock_wrap h2 span {font-size: 20px;}
    .stock_wrap .current_price {padding: 20px 0;}
    .stock_wrap .current_price .part_1 {width: 50%; font-size: 40px; line-height: 60px; text-align: center;}
    .stock_wrap .current_price .part_2 {width: 50%; padding: 0;}
    .stock_wrap .current_price .part_2 div {width: 150px; margin: 0 auto;}
    .stock_wrap .current_price .part_2 div:first-child {margin-bottom: 5px;}
    .stock_wrap .current_price .part_2 .title {font-size: 14px; line-height: 14px; width: 60px;}
    .stock_wrap .current_price .part_2 p {font-size: 14px; line-height: 14px;}
    .stock_wrap .current_price .part_3 {width: 100%; margin-top: 20px;}
    .stock_wrap .current_price .part_3 .info {text-align: center;}
    .stock_wrap .current_price .part_3 .info .title {font-size: 14px; line-height: 14px;}
    .stock_wrap .information_box .information_1 {width: 100%; padding: 0; margin-bottom: 25px;}
    .stock_wrap .information_box .information_2 {width: 100%; padding: 0; }
    .stock_wrap .information_box h3 {font-size: 16px; line-height: 16px; margin-bottom: 15px;}
    .stock_wrap .information_box table tr th, .stock_wrap .information_box table tr td {font-size: 14px; line-height: 14px; padding: 0 10px; height: 50px;}
    
}


@media screen and (max-width: 600px) {
    .hide_600 {display: none;}
    .show_600 {display: block;}
    .mar_b_50 {margin-bottom: 30px;}
    .mar_t_100 {margin-top: 40px;}
    .mar_b_100 {margin-bottom: 40px;}
    .mar_t_150 {margin-top: 60px;}
    .mar_b_150 {margin-bottom: 60px;}
    .pad_b_150 {padding-bottom: 60px;}
    .pad_t_150 {padding-top: 60px;}
    .scroll_down {width: 60px; display: none;}
    .main_logo_wrap h2 {font-size: 28px;}
    .ci_page .meaning_box h2 {font-size: 24px;}
    
    /**** header ****/
    .navbar {padding: 16px 0;}
    .navbar .logo {margin-left: 0; top: 30px;}
    .navbar .logo a img {height: 35px;}
    .jeiseuteg-1-1saeobgaeyo .logo_kr_white {width: auto; height: 35px; left: 15px; top: 15px;}
    
    .hamburger-menu {right: 15px;}
    .hamburger-menu .hamburger span {box-shadow: none;}
    .hamburger-menu .lang-select {margin-right: 25px;}
    .hamburger-menu .lang-select li {font-size: 13px;}
    .hamburger-menu .lang-select li a {padding-bottom: 5px;}
    .hamburger-menu .lang-select li.active a, .hamburger-menu .lang-select li.hover a {border-bottom: 1px solid #fff;}
    .hamburger-menu .lang-select li:first-child {margin-right: 10px;}
    
    .site-navigation {background: none;}
    .site-navigation .layers span {background: rgba(0,0,0,0.9);}
    .site-navigation .inner ul {width: 100%; height: auto;}
    .site-navigation .inner ul li {margin: 0 15px !important; padding: 10px 0;}
    .site-navigation .inner ul li a {font-size: 22px;}
    .site-navigation .inner ul li ul {padding-left: 0; margin-top: 10px; margin-bottom: 0;}
    .site-navigation .inner ul li ul li {padding: 5px 0;}
    .site-navigation .inner ul li ul li a {font-size: 15px;}
    .site-navigation.active .inner {padding: 100px 0 50px; max-height: 100%;}
    
    
    /**** footer ****/
    .content-footer.smartphone {padding: 50px 15px;}
    .content-footer.smartphone ul li {margin-bottom: 15px;}
    .content-footer.smartphone ul .name {font-weight: 700; color: white; margin-bottom: 5px;}
    .content-footer.smartphone ul .detail {font-size: 14px; line-height: 24px; letter-spacing: -1px;}
    .content-footer.smartphone .copyright {font-size: 12px; opacity: 0.5; letter-spacing: 0;}
    
    
    /**** index ****/
    .mouse-animation { position: absolute; left: 50%; bottom: 25px; z-index: 1; height: 28px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
    .mouse-animation__icon { display: block; position: relative; margin: auto; width: 16px; -webkit-animation: mouse 0s ease-out infinite; animation: mouse 0s ease-out infinite; }
    .mouse-animation__icon:before { display: block; width: 100%; height: 28px; border: 1px solid #fff; border-radius: 8px; background-color: rgba(34, 42, 48, 0.1); content: ''; }
    .mouse-animation__icon:after { display: block; position: absolute; top: 50%; left: 50%; width: 4px; height: 4px; margin: -2px 0 0 -2px; border-radius: 100%; background-color: #fff; content: ''; animation: wheel 1.3s ease-in-out infinite reverse; }

    @-webkit-keyframes mouse { 0% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
      40% { opacity: .8;
        -webkit-transform: translateY(10px);
        transform: translateY(10px); }
      100% { opacity: .3;
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px); } }

    @keyframes mouse { 0% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
      40% { opacity: .8;
        -webkit-transform: translateY(10px);
        transform: translateY(10px); }
      100% { opacity: .3;
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px); } }

    @-webkit-keyframes wheel { 0% { opacity: 0; }
      10% { opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0); }
      100% { opacity: 0;
        -webkit-transform: translateY(15px);
        transform: translateY(15px); } }

    @keyframes wheel { 0% { opacity: 0; }
      10% { opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0); }
      100% { opacity: 0;
        -webkit-transform: translateY(15px);
          transform: translateY(15px); } }
    
    
    .content-main.smartphone {margin: 0;}
    .content-main.smartphone img {margin-bottom: 0;}
    .content-main.smartphone h2 {font-size: 24px; line-height: 34px; margin-bottom: 20px !important;}
    .content-main.smartphone .main_text {font-size: 16px; text-align: center; line-height: 26px; margin-bottom: 50px;}
    .content-main.smartphone .main_banner { width: 100%; height: 220px;}
    .content-main.smartphone .main_banner h3 {color: white; margin: 0; position: absolute; top: 50%; transform: translateY(-50%); left: 15px; font-size: 20px; line-height: 30px; font-weight: 700;}
    .content-main.smartphone .main_banner .link_btn img {width: 40px; position: absolute; top: 50%; transform: translateY(-50%); right: 15px; }
    .content-main.smartphone .main_banner .subpage-btn {display: inline-block; width: auto; height: auto; line-height: 16px; border: none; position: relative; top: auto; left: auto; right: auto; text-align: left;}
    .content-main.smartphone .main_banner .subpage-btn img {display: inline-block; margin-left: 10px; margin-bottom: 0; position: relative; top: -1px; right: auto; width: 6px;}
    
    .content-main.smartphone .business_banner_wrap:before {content: ''; display: block; position: absolute; right: 0;
    top: 15%; width: 85%; height: 100%; background: #f4f4f4;}
    .content-main.smartphone .business_banner_wrap .swiper-container {overflow: visible;}
    .content-main.smartphone .business_banner_wrap .swiper-pagination-fraction{font-family: 'Poppins', sans-serif; bottom: -10%; left: auto; right: 20px; width: auto; font-size: 14px;}
    .content-main.smartphone .business_banner {width: 90%; height: 0; padding-bottom: 100%;}
    .content-main.smartphone .business_banner:after {content: ''; display: block; position: absolute; top: 0;
    left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,0.2);}
    .content-main.smartphone .business_banner .section-name {font-family: 'Poppins', sans-serif; font-size: 26px; margin: 0; z-index: 2;}
    
    .content-main.smartphone .quick {padding: 15px 15px; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
    .content-main.smartphone .quick .list {border-bottom: 1px solid #eee; padding: 25px 0; background: url('/img/home_section_btn.jpg') no-repeat 100% 25px; background-size: 40px;}
    .content-main.smartphone .quick .list:last-child {border-bottom: 0;}
    .content-main.smartphone .quick .list h3 {margin: 0 0 15px; font-weight: 700;}
    .content-main.smartphone .quick .list p {font-size: 14px; line-height: 24px; color: #666; margin: 0;}
    
    
    
    .jeiseuteg-main .main_title {font-size: 26px; line-height: 34px; width: 90%; margin: 10% auto;}
    .jeiseuteg-main .overlap-group18 {background-position: 70% 50%; height: 320px; margin-bottom: 10%;}
    .jeiseuteg-main .overlap-group19 {margin-top: 0; height: 320px;}
    .jeiseuteg-main .overlap-group19 p, .jeiseuteg-main .overlap-group18 p {font-size: 20px; line-height: 30px; margin-bottom: 10%;}
    .jeiseuteg-main .link_btn {height: 45px;}
    .jeiseuteg-main .link_btn .link_btn_title {line-height: 45px;}
    .ltd_part {margin-top: 0; margin-bottom: 10%;}
    .ltd_part li {padding: 30px 0;}
    .ltd_part li p {font-size: 16px; line-height: 16px;}
    .ltd_part li h2 {font-size: 30px;margin-top: 20px;}
    .ltd_part li h2 span {font-size: 16px;}
    .ltd_part li .stock {font-size: 12px; margin-right: 5px;}
    
    .business_list_wrap {margin-bottom: 10%;}
    .business_list_wrap li .name {font-size: 20px;}
    
    .jeiseuteg-main .text-1-2 {line-height: 28px; margin-top: -3%;}
    
    
    /**** sub_page ****/
    #sub_page .slogan {font-size: 20px; line-height: 30px; margin: 50px auto 20px; font-family: 'Noto Sans KR'; font-weight: 700;}
    #sub_page .slogan:after {content: ''; display: block; width: 1px; height: 50px; background: #eee; margin: 15px auto 0;}
    #page_title_bg, #page_title_bg .shadow {/*height: 100vh;*/}
    #page_title {position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); font-size: 32px;}
    .main_subject {font-size: 26px;     max-width: 90% !important;}

    #sub_page .content_wrap .subject {font-size: 14px; color: #0e4194; font-weight: 700; margin-bottom: 15px;}
    #sub_page .content_wrap h3 {font-size: 20px; line-height: 30px; font-weight: 700; margin-top: 30px; margin-bottom: 15px;}
    #sub_page .content_wrap h4 {font-size: 16px; line-height: 26px; font-weight: 700; margin-top: 20px; margin-bottom: 15px;}
    #sub_page .content_wrap p {font-size: 14px; line-height: 24px; color: #666; margin-bottom: 20px;}
    
    #sub_page .content_img_box {width: 100%; height: 50vh;}
    
    #sub_page .content_img_title_box {width: 100%; height: 70vh;}
    #sub_page .content_img_title_box:after {content: ''; display: block; position: absolute; top: 0;
    left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
    #sub_page .content_img_title_box .text {width: 100%; padding: 0 15px; z-index: 2;}
    #sub_page .content_img_title_box h3, #sub_page .content_img_title_box h4, #sub_page .content_img_title_box p {color: white;}
    #sub_page .content_img_title_box h3 {font-size: 24px !important; line-height: 40px !important; font-weight: 700; letter-spacing: 2px; text-align: center !important;}
    #sub_page .content_img_title_box h4 {font-size: 18px !important; line-height: 28px !important; font-weight: 700; text-align: left !important;}
    #sub_page .content_img_title_box .subject {font-size: 14px; color: #fff; font-weight: 700;}
    #sub_page .content_img_title_box p {font-size: 14px; line-height: 24px; text-align: center !important;}
    
    #sub_page .bg_light_gray {background: #f9f9f9;}
    
    /**** 회사소개 ****/
    #sub_page .company_overview_system h3 {margin: 0; font-size: 24px !important; font-weight: 700;}
    #sub_page .company_overview_system h4 {font-size: 14px; color: #666; text-align: left; margin-top: 20px;}
    #sub_page .company_overview_system .img_wrap {background: white; padding: 15px 5%; border: 1px solid #eee;}
    #sub_page .company_overview_system p {font-size: 15px; font-weight: 700; margin-top: 15px; text-align: center;     margin-bottom: 0;}
    
    .company_overview .infography {background: #F9F9F9; padding: 10% 5%; text-align: center;}
    #sub_page.company_overview .content_img_title_box {height: 60vh;}
    #sub_page.company_overview .content_img_title_box .text {text-align: center;}
    #sub_page.company_overview .content_img_title_box h4 {text-align: center !important; font-size: 20px !important; line-height: 30px !important;}
    
    
    /**** ceo 메시지 ****/
    #sub_page .ceo_message .ceo_wrap {width: calc(100% + 30px); left: -15px;}
    #sub_page .ceo_message .ceo_wrap:before  {content: ''; display: block; background: var(--congress-blue); height: 50%; position: absolute; left: 0; bottom: 0; width: 100%;}
    #sub_page .ceo_message .ceo_img {max-width: 80%; display: block; margin: 30px auto 0; position: relative;}
    #sub_page .ceo_message .sign_wrap h4 {font-family: 'Noto Serif KR', serif; font-size: 20px; line-height: 20px; text-align: left; margin-bottom: 10px;}
    #sub_page .ceo_message .sign_wrap h4 span {font-size: 12px; color: #666; display: inline-block; margin-right: 5px; }
    #sub_page .ceo_message .sign_wrap img {width: 100px;}
    
    /**** 연혁 ****/
    .jeiseuteg-1-7yeonhyeog {}
    .history_menu li {line-height: 40px; font-size: 14px;}
    .history_info .title_part {width: 100%;}
    .history_info .title_part ul {margin-bottom: 30px;}
    .history_info .year_part {width: 100%; padding-left: 0;}
    .history_info .year_part table tr th {font-size: 20px; margin-top: 20px;}
    .history_info .year_part table tr td {padding: 10px 0 20px;}
    #sub_page .history .content_wrap h3 {margin-top: 0;}
    #sub_page .history .content_wrap p {margin-bottom: 15px;}
    #sub_page .history ul li {font-size: 14px;}
    #sub_page .history .content_img_box {}
    .history_info .year_part table tr td p span {width: 30px;}
    
    /**** CI ****/
    #sub_page .ci .logo_wrap {background: url('/images/pattern_1.png') repeat; width: 100%; height: 150px; border: 1px solid #eee; margin-top: 20px;}
    #sub_page .ci .logo_wrap img {max-width: 70%; max-height: 60%;}
    
    .jeiseuteg-1-8-ci #page_title_bg {padding-bottom: 60%;}
    
    .main_logo_wrap .btn_wrap {margin-top: 15px;}
    .main_logo_wrap .btn_wrap li {line-height: 45px; font-size: 14px;}
    
    .ci_page .container_box {padding: 0;}
    .ci_page .ci_content {font-size: 16px; line-height: 32px;}
    .ci_page .meaning_box {padding-left: 15px; padding-right: 15px;}
    .ci_page .meaning_box ul li {margin-bottom: 30px;}
    .ci_page .meaning_box ul li .color_chip {width: 60px; height: 60px; border-radius: 10px;}
    .ci_page .meaning_box ul li .rgb {padding-left: 15px; font-size: 16px; width: 90px;}
    .ci_page .meaning_box ul li p {width: calc(100% - 150px); padding-left: 0; font-size: 14px; line-height: 26px;}
    
    
    
    /**** 경영철학 ****/
    .jeiseuteg-1-3gyeongyeongceolhag .overlap-group2 {padding-bottom: 70%;}
    .philosophy_page .slogan h2 {line-height: 40px; font-size: 22px;}
    .philosophy_page .text_box_1 .text_wrap h2 {margin-bottom: 20px;}
    .philosophy_page .text_box_1 .text_wrap p {margin-bottom: 10px;}

    
    
    /**** 윤리경영 ****/
    .ethics-tab-menu ul {width: 90%; display: block; margin: 0 auto;}
    .ethics-tab-menu ul li {height: 40px; width: 33.333%;}
    .ethics-tab-menu ul li a {line-height: 40px; font-size: 14px;    }
    .ethics_page .content_wrap .text_wrap h2 {font-size: 22px; line-height: 35px; margin-bottom: 20px;}
    .ethics_page .content_wrap .text_wrap p {font-size: 16px; line-height: 26px;}
    .ethics_page .content_wrap .text_wrap .btn {margin-top: 15px;}
    .ethics_page .ethics_content h2 {font-size: 18px; line-height: 30px;margin-top: 20px;}
    
    .ethics_page .ethics_content ul li {width: 100%; height: auto; padding: 5%;}
    .ethics_page .ethics_content ul li h3 {margin-bottom: 10px;}
    .ethics_page .ethics_content ul li:nth-child(2) {margin: 3% 0;}
    .ethics_page .ethics_content ul li:nth-child(1) .img {background-size: 50px;}
    .ethics_page .ethics_content ul li:nth-child(2) .img {background-size: 50px;}
    .ethics_page .ethics_content ul li:nth-child(3) .img {background-size: 50px;}
    
    
    .ethic_center_page .content_box.type_1 ul li {font-size: 14px; margin-bottom: 5px;}
    .ethic_center_page .content_box.type_1 ul li:before {top: 11px;}
    .ethic_center_page .content_box.type_2 ul li {font-size: 14px; margin-bottom: 10px;}
    .ethic_center_page .content_box.type_2 ul li span {display: block;}
    .ethic_center_page .ethics_form_btn {width: 180px; line-height: 50px; font-size: 16px;}
    
    
    
    /**** 윤리 신고 ****/
    .modal {padding: 30px 15px;}
    .modal a.close-modal {background-size: 20px; right: 15px;}
    .modal h3 {font-size: 18px; padding-bottom: 10px;}
    .modal table th {display: block; width: 100%; padding-top: 10px;}
    .modal table td {display: block;}
    .modal table td input {height: 45px; line-height: 45px;}
    .modal .part .info {display: none;}
    .modal table td p {margin-top: 5px;}
    .filebox label {line-height: 45px;}
    .filebox .upload-name {width: 100%;}
    
    /**** 사업장소개 ****/
    #sub_page .direction .map_info {margin-top: 20px; padding: 15px; border: 1px solid #eee; }
    #sub_page .direction .map_info .link_wrap a {display: block; float: left;  width: 48%; font-size: 14px; text-align: center; line-height: 40px; border: 1px solid #eee; background: white;}
    #sub_page .direction .map_info .link_wrap a:first-child {margin-right: 4%;}
    #sub_page .direction .map_info table {width: 100%; margin-top: 10px;}
    #sub_page .direction .map_info table th {width: 60px; height: 40px; vertical-align: middle; font-size: 14px; line-height: 24px; font-weight: 700;}
    #sub_page .direction .map_info table td {height: 40px; vertical-align: middle; font-size: 14px; line-height: 24px; }
    
    .direction_page .list .btn_wrap {bottom: 15px; right: 15px;}
    .direction_page .list .img_wrap {width: 100%;}
    .direction_page .list .info_wrap {width: 100%;}
    .direction_page .list .info_wrap h2 {font-size: 18px; margin-bottom: 15px;}
    .direction_page .list .info_wrap table th, .direction_page .list .info_wrap table td {font-size: 14px;}
    
    /**** 비즈니스&RND ****/
    #sub_page .business .content_wrap p {margin-bottom: 15px;}
    #sub_page .business .item_list li {display: inline-block; font-size: 12px; padding: 2px 10px; border: 1px solid #eee; border-radius: 15px; margin-right: 3px; margin-bottom: 3px; font-family: 'Poppins', sans-serif; font-weight: 400;}
    #sub_page .business .display_slide_wrap {padding: 30px 15px 50px;}
    #sub_page .business .flex-direction-nav {display: none;}
    #sub_page .business .business-slider-thumbnail li, #sub_page .business .rnd-slider-thumbnail li {padding: 0;}
    
    .business_page .cooper_page .content_wrap .sub_title {font-size: 20px; line-height: 40px;}
    .business_page .big_img {height: 450px;}
    .business_page .big_img p {font-size: 24px; line-height: 40px;}
    .business_page .big_img p span {font-size: 14px; line-height: 30px; margin-top: 20px;}
    
    .business_page h2 {margin: 50px auto;}
    
    .business_page .process_text_2 .title {margin-bottom: 40px;}
    .business_page .process_text_1 .title {font-size: 24px; line-height: 40px; letter-spacing: -1px; margin-bottom: 20px;}
    
    .business_page .rnd_img {padding: 10px;}
    .business_page .rnd_img li {width: 50%;}
    .business_page .rnd_img li p {font-size: 16px; margin-top: 10px;}
    
    .business_page .merit ul li {padding: 20px 0;}
    .business_page .merit ul li span {width: 50px; font-size: 16px; line-height: 28px;}
    .business_page .merit ul li p {width: calc(100% - 50px); font-size: 16px; line-height: 28px;}
    
    .business_page h3 {font-size: 24px; line-height: 24px;}
    .business_page h3 span {font-size: 14px; margin-left: 0px; margin-top: 10px; color: #666; display: block;}
    .business_page h4 {font-size: 24px; line-height: 24px;}
    
    .business_tab_menu {margin-top: 60px;}
    .business_tab_menu li a {font-size: 14px; line-height: 48px;}
    
    .business_page .plc_img { padding: 30px; border-width: 6px; border-radius: 20px;}
    
    .business_page .business_main_text {font-size: 18px; line-height: 34px;}
    .business_page .business_main_list .list .text .title {font-size: 22px; line-height: 32px;}
    
    .business_page .business_main_rnd {padding: 0; font-size: 24px; line-height: 24px;}
    
    .sec_battery .text p {font-size: 16px; line-height: 26px;}
    .sec_battery .text .title {font-size: 20px; line-height: 30px; margin-bottom: 20px;}
    .sec_battery .text ul li {font-size: 14px; line-height: 24px; padding-left: 8px;}
    .sec_battery .text ul li:before {width: 3px; height: 3px; top: 11px;}
    .sec_battery .img {margin-top: 40px; padding: 30px 15px;}
    .sec_battery .img ul li {padding: 0 5px;}
    .sec_battery .img ul li h5 {font-size: 18px; line-height: 18px;}
    .sec_battery .img ul li p { margin-top: 5px; font-size: 14px; line-height: 24px;}
    .sec_battery .img ul.equipment li {width: 100%; margin-bottom: 15px; text-align: left;}
    .sec_battery .img ul.equipment li img {float: left; width: 40%;}
    .sec_battery .img ul.equipment li .box {max-width: 100%;}
    .sec_battery .img ul.equipment li .content {float: left; width: 60%; padding-left: 15px;}
    
    .business_page .business-slider1-content p {margin-top: 10px; margin-bottom: 40px; font-size: 16px;}
    .jeiseuteg-4business1 .text-425 {font-size: 24px; line-height: 40px; min-height: auto;}
    .business_page .notosanscjkkr-regular-normal-log-cabin-30px {font-size: 16px;}
    .business_page .notosanscjkkr-regular-normal-regent-gray-20px  {font-size: 16px;}
    
    .business_page .slide_wrap .overlap-group11 {padding: 0;}
    .business_page .slide_wrap .control .number {padding-right: 0; line-height: 16px;}
    .business_page .slide_wrap .control .btn #business-slider1-prev, .business_page .slide_wrap .control .btn #business-slider1-next {padding: 6px; width: 40px; height: 40px;}
    .business_page .slide_wrap .control .btn img {width: 12px;}
    
    .flex-direction-nav {display: none;}
    
    /**** 재무정보 ****/
    .ir_page .chart_table_1 th, .ir_page .chart_table_1 tr td {height: 40px;}
    
    
    
    /**** 주식정보 ****/
    #sub_page .ir .stock-container {height: 680px;}
    #sub_page .ir .stock-container iframe {top: -180px; height: 100%;}
    .stock_wrap h2 {font-size: 24px; line-height: 24px;}
    .stock_wrap h2 span {font-size: 16px;}
    .stock_wrap .current_price .part_1 {font-size: 30px;}
    
    
    
    
    
    /**** 커리어 ****/
    #sub_page .career table {border: 1px solid #eee; width: 100%; margin-top: 20px;}
    #sub_page .career table tr {border-bottom: 1px solid #eee;}
    #sub_page .career table tr th {font-weight: 700; font-size: 14px; line-height: 20px; vertical-align: middle; width: 100px; padding-left: 10px; letter-spacing: -1px;}
    #sub_page .career table tr td {font-size: 14px; line-height: 20px; vertical-align: middle; padding: 10px 5px; letter-spacing: -1px;}
    
    #sub_page .career_hiring {text-align: center;}
    #sub_page .career_hiring img {margin-bottom: 10px; max-width: 70%;}
    
    .jeiseuteg-3-4-saugaelreori {height: 100vh;}
    
    
    /**** 복리후생 ****/
    .welfare_page .part .img_part {height: 350px;}
    .welfare_page .part .text_part li .img {background-size: 40px !important; width: 60px; height: 60px;}
    .welfare_page .part .text_part li .img.last {background-size: 22px !important;}
    .welfare_page .part .text_part li .info {margin-top: 5px; margin-left: 10px;}
    .welfare_page .part .text_part li .info h3 {font-size: 18px;}
    .welfare_page .part .text_part li .info p {font-size: 14px;}
    
    
    /**** 채용안내 ****/
    .hire_page ul li {padding: 20px 0;}
    .hire_page ul li p {font-size: 14px; line-height: 24px; width: 100%;}
    .hire_page ul li span {width: 30px;}
    .hire_page .guide p {font-size: 14px; padding-left: 10px;}
    .hire_page .guide p:before {top: 9px;}
    
    
    
}