@charset "UTF-8";
/*-------------------------------------------------
title       : 초기화
Author      : 플랜아이 광주
Amender     : 플랜아이 SM사업부
Create date : 2021-01-05
-------------------------------------------------*/
*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 10px;
}

body {
  color: #333;
  font-family: "Spoqa Han Sans Neo", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.35;
  margin: 0;
  padding: 0;
  word-break: keep-all;
}

header,
footer,
main,
section,
article,
nav,
aside {
  display: block;
}

ul,
ol,
li,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
form,
figure,
figcaption {
  margin: 0;
  padding: 0;
}

fieldset,
hr {
  display: block;
  margin: 0;
  padding: 0;
  border: 0 none;
}

fieldset{
  min-inline-size:unset;
}

input,
select {
  max-width: 100%;
  vertical-align: middle;
}

input,
select,
button,
textarea,
optgroup {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select::-ms-expand {
  display: none;
}

address,
em,
i {
  font-style: normal;
}

strong {
  font-weight: 600;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  padding: 0;
  border: 0 none;
  background: none;
  cursor: pointer;
}

input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

img {
  max-width: 100%;
  border: 0 none;
  font-size: 0;
  vertical-align: middle;
}

table {
  width: 100%;
  border-collapse: collapse;
}

th {
  font-weight: 600;
}

caption,
legend,
.sr-only,
.hidden,
.blind,
.IR {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0 none;
  clip: rect(0, 0, 0, 0);
}

iframe {
  filter: blur(0);
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #9b9b9b;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #9b9b9b;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #9b9b9b;
}

input::placeholder,
textarea::placeholder {
  color: #9b9b9b;
}

.bx-wrapper .bx-loading {
  display: none;
}

.bx-wrapper .bx-viewport {
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
}

#skip_nav {
  position: absolute;
  left: 0;
  top: -1000px;
  width: 100%;
  height: 0px;
  z-index: 1000;
  line-height: 0px;
  font-size: 0px;
}

#skip_nav a {
  display: block;
  text-align: center;
  width: 100%;
  line-height: 0px;
  font-size: 0px;
}

#skip_nav a:focus,
#skip_nav a:hover,
#skip_nav a:active {
  position: absolute;
  left: 0px;
  top: 1000px;
  padding: 0.8rem 0;
  display: block;
  height: 4.5rem;
  background: #20262c;
  font-size: 2rem;
  font-weight: bold;
  line-height: 3rem;
  color: #fff;
}

.txt_left {
  text-align: left !important;
}

.txt_center {
  text-align: center !important;
}

.txt_right {
  text-align: right !important;
}

.float_clear::after {
  display: block;
  clear: both;
  content: "";
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-Light.otf') format('opentype'),
         url('/fonts/Poppins-Light.woff') format('woff'),
         url('/fonts/Poppins-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-Regular.otf') format('opentype'),
         url('/fonts/Poppins-Regular.woff') format('woff'),
         url('/fonts/Poppins-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-Medium.otf') format('opentype'),
         url('/fonts/Poppins-Medium.woff') format('woff'),
         url('/fonts/Poppins-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-SemiBold.otf') format('opentype'),
         url('/fonts/Poppins-SemiBold.woff') format('woff'),
         url('/fonts/Poppins-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-Bold.otf') format('opentype'),
         url('/fonts/Poppins-Bold.woff') format('woff'),
         url('/fonts/Poppins-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

*, *:before, *:after,figure,figcaption {box-sizing:border-box; margin:0; padding:0; border:0;word-break:keep-all; word-wrap: break-word; }


html, body {-ms-font-smoothing:antialiased;  -webkit-font-smoothing:antialiased; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;  -moz-text-size-adjust:100%; /* IE 및 iOS의 글꼴 크기 조정 방지 */}

html {font-family:'Noto Sans KR', "Apple SD Gothic Neo", Helvetica, arial, "맑은 고딕", "Malgun Gothic", "돋움", Dotum, Tahoma, Geneva, sans-serif;}
html:lang(en) {font-family:'Noto Sans', "Apple SD Gothic Neo", Helvetica, arial, "맑은 고딕", "Malgun Gothic", "돋움", Dotum, Tahoma, Geneva, sans-serif;}
body {font-size:1.6rem;}

html, body {width:100%; overflow-x: hidden;}

address, article, aside, canvas, details, figure, figcaption, footer, header, menu, nav, section {display:block;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
img {vertical-align:top;}
ol, ul, li, dl, dt, dd {list-style:none;}
table {width:100%; border-spacing:0px; border-collapse:collapse;}
a {text-decoration:none;}

/* ----------------- HTML5 display ----------------- */
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {display:block;} /* 에지, IE9 이상, 파이어 폭스에서 올바른 표시 추가 */
audio, canvas, progress, video {display:inline-block;}
audio:not([controls]) {display:none; height:0;} /* 아이폰 OS 4-7에서 올바른 표시 추가 */
progress {vertical-align:baseline;} /* 크롬, 파이어 폭스, 오페라 올바른 수직 정렬을 추가 */
template, [hidden] {display:none;} /* IE10 이상 에서 올바른 표시 추가 */


/* ----------------- a link ----------------- */
a {background-color:transparent;} /* IE 10에서 활성 링크에 회색 배경을 제거 */
a:active, a:hover {outline-width:0;} /* a링크 윤각선 제거 */


/* ----------------- font ----------------- */
abbr[title] {border-bottom:none; text-decoration:underline; text-decoration:underline dotted;} /* 크롬, 에지, IE, 오페라, 사파리에서 올바른 텍스트 장식 추가 */
b, strong {font-weight:bolder;} /* 크롬, 에지, 및 Safari에서 올바른 글꼴 두께 */
dfn {font-style:italic;} /* 안드로이드 4.3에서 올바른 글꼴 스타일을 추가 */
small {font-size:80%;}
sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sub {bottom:-0.25em;}
sup {top:-0.5em;}


/* ----------------- Em bedded content ----------------- */
img {border-style:none;} /* 이미지 테두리 제거 */
svg:not(:root) {overflow:hidden;}


/* ----------------- Grouping content ----------------- */
code, kbd, pre, samp {font-family:monospace, monospace; font-size:1em;}
figure {margin:1em 40px;}
hr {box-sizing:content-box; height:0; overflow:visible;}


/* ----------------- Forms 초기화 ----------------- */
fieldset {border:0;}
button, input, select, textarea {font:inherit;}
optgroup {font-weight:bold;}
button, input, select {overflow:visible;}
button, input, select, textarea {margin:0;}
button, select {text-transform:none;} /* 파이어 폭스에서 변환 텍스트의 상속을 제거 */
button, [type="button"], [type="reset"], [type="submit"] {cursor:pointer;} [disabled] {cursor:default;}
button, html [type="button"], [type="reset"], [type="submit"] {-webkit-appearance:button;}  /* 아이폰 input 디자인 변경가능 */
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;} /* 파이어 폭스의 내부 테두리와 패딩을 제거 */
button:-moz-focusring, input:-moz-focusring {outline:1px dotted ButtonText;}
input:focus {outline:none;}

textarea {overflow:auto;}
[type="checkbox"], [type="radio"] {box-sizing:border-box; padding:0;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height:auto;}
[type="search"] {-webkit-appearance:textfield;}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {-webkit-appearance:none;}

/*
input::-webkit-input-placeholder {color:#aaa;}
input::-moz-placeholder {color:#aaa;}
input:-ms-input-placeholder {color:#aaa !important;}
input:not([type='checkbox,radio']):focus::-webkit-input-placeholder {color:transparent;}
*/


.mar_t0{margin-top:0rem !important;}
.mar_t5 {margin-top:0.5rem !important;}
.mar_t10 {margin-top:1rem !important;}
.mar_t20 {margin-top:2rem !important;}
.mar_t30 {margin-top:3rem !important;}
.mar_t40 {margin-top:4rem !important;}
.mar_t50 {margin-top:5rem !important;}
.mar_t60 {margin-top:6rem !important;}
.mar_t70 {margin-top:7rem !important;}
.mar_t80 {margin-top:8rem !important;}
.mar_t90 {margin-top:9rem !important;}
.mar_t100 {margin-top:10rem !important;}

.mar_r5 {margin-right:0.5rem !important;}
.mar_r10 {margin-right:1rem !important;}
.mar_r20 {margin-right:2rem !important;}
.mar_r30 {margin-right:3rem !important;}
.mar_r40 {margin-right:4rem !important;}
.mar_r50 {margin-right:5rem !important;}
.mar_r60 {margin-right:6rem !important;}
.mar_r70 {margin-right:7rem !important;}
.mar_r80 {margin-right:8rem !important;}
.mar_r90 {margin-right:9rem !important;}
.mar_r100 {margin-right:10rem !important;}

.mar_b5 {margin-bottom:0rem !important;}
.mar_b10 {margin-bottom:1rem !important;}
.mar_b20 {margin-bottom:2rem !important;}
.mar_b30 {margin-bottom:3rem !important;}
.mar_b40 {margin-bottom:4rem !important;}
.mar_b50 {margin-bottom:5rem !important;}
.mar_b60 {margin-bottom:6rem !important;}
.mar_b70 {margin-bottom:7rem !important;}
.mar_b80 {margin-bottom:8rem !important;}
.mar_b90 {margin-bottom:9rem !important;}
.mar_b100 {margin-bottom:10rem !important;}
.mar_b150 {margin-bottom:15rem !important;}

.mar_l5 {margin-left:0.5rem !important;}
.mar_l10 {margin-left:1rem !important;}
.mar_l20 {margin-left:2rem !important;}
.mar_l30 {margin-left:3rem !important;}
.mar_l40 {margin-left:4rem !important;}
.mar_l50 {margin-left:5rem !important;}
.mar_l60 {margin-left:6rem !important;}
.mar_l70 {margin-left:7rem !important;}
.mar_l80 {margin-left:8rem !important;}
.mar_l90 {margin-left:9rem !important;}
.mar_l100 {margin-left:10rem !important;}
.mar_l20p {margin-left:20% !important;}

.pd_t5 {padding-top:0.5rem !important;}
.pd_t10 {padding-top:1rem !important;}
.pd_t20 {padding-top:2rem !important;}
.pd_t30 {padding-top:3rem !important;}
.pd_t40 {padding-top:4rem !important;}
.pd_t50 {padding-top:5rem !important;}
.pd_t60 {padding-top:6rem !important;}
.pd_t70 {padding-top:7rem !important;}
.pd_t80 {padding-top:8rem !important;}
.pd_t90 {padding-top:9rem !important;}
.pd_t100 {padding-top:10rem !important;}

.pd_r5 {padding-right:0.5rem !important;}
.pd_r10 {padding-right:1rem !important;}
.pd_r20 {padding-right:2rem !important;}
.pd_r30 {padding-right:3rem !important;}
.pd_r40 {padding-right:4rem !important;}
.pd_r50 {padding-right:5rem !important;}
.pd_r60 {padding-right:6rem !important;}
.pd_r70 {padding-right:7rem !important;}
.pd_r80 {padding-right:8rem !important;}
.pd_r90 {padding-right:9rem !important;}
.pd_r100 {padding-right:10rem !important;}

.pd_b5 {padding-bottom:0.5rem !important;}
.pd_b10 {padding-bottom:1rem !important;}
.pd_b20 {padding-bottom:2rem !important;}
.pd_b30 {padding-bottom:3rem !important;}
.pd_b40 {padding-bottom:4rem !important;}
.pd_b50 {padding-bottom:5rem !important;}
.pd_b60 {padding-bottom:6rem !important;}
.pd_b70 {padding-bottom:7rem !important;}
.pd_b80 {padding-bottom:8rem !important;}
.pd_b90 {padding-bottom:9rem !important;}
.pd_b100 {padding-bottom:10rem !important;}

.pd_l5 {padding-left:0.5rem !important;}
.pd_l10 {padding-left:1rem !important;}
.pd_l20 {padding-left:2rem !important;}
.pd_l30 {padding-left:3rem !important;}
.pd_l40 {padding-left:4rem !important;}
.pd_l50 {padding-left:5rem !important;}
.pd_l60 {padding-left:6rem !important;}
.pd_l70 {padding-left:7rem !important;}
.pd_l80 {padding-left:8rem !important;}
.pd_l90 {padding-left:9rem !important;}
.pd_l100 {padding-left:10rem !important;}

.width_10p {width:10%;}
.width_20p {width:20%;}
.width_30p {width:30%;}
.width_40p {width:40%;}
.width_50p {width:50%;}
.width_60p {width:60%;}
.width_70p {width:70%;}
.width_80p {width:80%;}
.width_90p {width:90%;}
.width_100p {width:100%;}
.width_5p {width:5%;}
.width_15p {width:15%;}
.width_25p {width:25%;}
.width_35p {width:35%;}
.width_45p {width:45%;}
.width_55p {width:55%;}
.width_65p {width:65%;}
.width_75p {width:75%;}
.width_85p {width:85%;}
.width_95p {width:95%;}


 /*-------------------------------------------------------------------------------------------------------------
  File : base.css
  CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그
  CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc
  CSS 속성 선언순서 : display, position, float/clear, overflow, width/height, margin/padding, border, background, font/color, align, etc
 -------------------------------------------------------------------------------------------------------------*/



#skip_menu {display:none;}

#wrap {width:100%;}
.content_full {width:100%;}
.content_max {width:1090px; margin: 0 auto;}
.flex_layout {display:flex; justify-content: center; align-items: center;}


@media all and (max-width:1140px){
    .content_max {width:100%; padding: 0 25px;}
}


/* HEADER */

#header {display:flex; width:100%; height:90px; }
#header {position:fixed; left:0; top:0; width:100%; height:90px; border-bottom: 1px solid #BEBEBE; background-color:#fff; transition:all 0.3s; z-index:100;} 
#header .wrap_gnb {display:flex; justify-content:space-between; align-content: center; align-items: center;}

#header .wrap_gnb .gnb_deco {position: absolute; top:-10px; left:50%; margin-left: 480px; width:124px; height:133px; transform: skew(-34deg); background-color: #FF6900;}
@media all and (max-width:1310px){
    #header .wrap_gnb .gnb_deco {content:""; position: absolute; top:-10px; left:inherit; right:45px; margin-left: inherit;}
}



#header .gnb{text-align:center;} 
#header .gnb > ul {display: flex; width: 100%;}
#header .gnb > ul > li {display:inline-block; z-index: 0; transition:all 0.3s;} 

#header .gnb > ul > li:before {content:""; display: none; position:absolute; left:0; width:100%; top:90px; height:55px; background-color:#ffffff; opacity:0; box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.3); z-index:-1; transition:all 0.3s;} 

/*
#header .gnb > ul > li:before {content:""; position:absolute; left:0; width:100%; top:90px; height:55px; background-color:#ffffff; z-index:-1; box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05);} 
*/

#header .gnb > ul > li:hover:before {display:block; opacity:1; transition:all 0.3s;} 
#header .gnb > ul > li > a {position:relative; display:block; padding:0 30px; font-family: 'Poppins'; font-size:1.6rem; font-weight: 600; color:#212529; line-height:90px; text-transform: uppercase;} 

#header .gnb > ul > li > a:after {content:""; display: none; position: absolute; top:85px; left:30px; height: 5px; transform: skew(-34deg); background-color: #FF6900;}
#header .gnb > ul > li:nth-child(1) > a:after {width:82px;}
#header .gnb > ul > li:nth-child(2) > a:after {width:50px; margin-left: -8px;}
#header .gnb > ul > li:nth-child(3) > a:after {width:64px;}
#header .gnb > ul > li:nth-child(4) > a:after {width:84px;}
#header .gnb > ul > li:nth-child(5) > a:after {width:70px;}
#header .gnb > ul > li:nth-child(6) > a:after {width:61px;}
#header .gnb > ul > li:nth-child(1):hover > a:after {display:block;}
#header .gnb > ul > li:nth-child(2):hover > a:after {display:block;}
#header .gnb > ul > li:nth-child(3):hover > a:after {display:block;}
#header .gnb > ul > li:nth-child(4):hover > a:after {display:block;}
#header .gnb > ul > li:nth-child(5):hover > a:after {display:block;}
#header .gnb > ul > li:nth-child(6):hover > a:after {display:block;}

#header .gnb > ul > li.mm_active > a:after {display:block;}

#header:hover .gnb > ul > li > a {color:#212529;} 

#header .gnb > ul > li .sub_menu {display:none; position:absolute; }
#header .gnb > ul > li:nth-child(1) .sub_menu{margin-left:5px;}
#header .gnb > ul > li:nth-child(2) .sub_menu{margin-left:5px;}
#header .gnb > ul > li:nth-child(3) .sub_menu{margin-left:5px;}
#header .gnb > ul > li:nth-child(4) .sub_menu{margin-left:-355px;}
#header .gnb > ul > li:nth-child(4) .sub_menu:lang(en){margin-left:-405px;}
#header .gnb > ul > li:nth-child(5) .sub_menu{margin-left:-185px;}
#header .gnb > ul > li:nth-child(5) .sub_menu:lang(en){margin-left:-235px;}
#header .gnb > ul > li:nth-child(6) .sub_menu{margin-left:-95px;}
#header .gnb > ul > li:nth-child(6) .sub_menu:lang(en){margin-left:-330px;}
#header .gnb > ul > li:hover .sub_menu {display:flex;} 

#header .gnb > ul > li .sub_menu > li {display:flex; justify-content: center;} 

#header .gnb > ul > li .sub_menu > li > a {padding:0 24px; font-size:1.4rem; color:#666666; line-height:55px; white-space:nowrap;}
#header .gnb > ul > li .sub_menu > li > a:hover {color:#FF6900;}

#header .gnb .gnb_mobile_top {display: none;}

#header .lang_change_pc {display: flex; align-items: center; margin-right: 140px;}

#header .lang_change_pc .bar {width: 1px; height:11px; background-color:#A8A8A8;}
#header .lang_change_pc > a > div {padding:10px; font-family: 'Poppins'; font-size: 1.4rem; font-weight: 300; color: #A8A8A8;}
#header .lang_change_pc > a.active > div {color: #666666;} 


#header .wrap_gnb .gnb_mobile_menu_btn {display: none;}

/*------ GNB 메인인 경우 ------*/
#header.header_main {border-bottom:inherit; background-color:inherit; color:#ffffff;}
#header.header_main:hover {border-bottom: 1px solid #BEBEBE; background-color:#fff;}
#header.header_main .gnb > ul > li > a {color:#ffffff;}

#header.header_main #logo_text01 {fill:#ffffff;}
#header.header_main #logo_text02 {fill:#ffffff;}
#header.header_main #ham_menu_line1 {stroke:#ffffff;}
#header.header_main #ham_menu_line2 {stroke:#ffffff;}
#header.header_main #ham_menu_line3 {stroke:#ffffff;}

#header.header_main .lang_change_pc .bar {background-color:#A8A8A8;}
#header.header_main .lang_change_pc > a > div {color: #A8A8A8;}
#header.header_main .lang_change_pc > a.active > div {color: #ffffff;}


/* 20240527수정 */
#header .wrap_gnb a .logo{display: flex; width: 123px;height: 50px;align-items: center; justify-content: center; }
#header .wrap_gnb a .logo img{width: 100%;object-fit: cover;}
#header.content_full.header_main .wrap_gnb a .logo img:first-child{display:inline;}
#header.content_full.header_main .wrap_gnb a .logo img:last-child{display:none;}

#header.content_full .wrap_gnb a .logo img:first-child{display:none;}
#header.content_full .wrap_gnb a .logo img:last-child{display:inline;}

#header.content_full.on .wrap_gnb a .logo img:first-child{display:none;}
#header.content_full.on .wrap_gnb a .logo img:last-child{display:block;}

@media all and (max-width:1024px){
  #header .wrap_gnb a .logo{width: 93px;}
}

/* CONTENT */

#contents {width:100%;}



/* [S] 메인 페이지 */

#contents .main_visual_area {position:relative; display: flex; justify-content: flex-start; align-items: center; height: 768px; background-image: url('/common/images/main_visual03.jpg'); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; transition:all 0.3s;}
#contents .main_visual_area .main_visual_title_area {margin-top: 350px;}
#contents .main_visual_area .main_visual_title_area:lang(en) {margin-top: 310px;}
#contents .main_visual_area .main_visual_title_area .main_visual_title_main {font-size: 6rem; font-weight: 100; color:#ffffff; line-height: 7.5rem; transition:all 0.3s;}
#contents .main_visual_area .main_visual_title_area .main_visual_title_main:lang(en) {display: none;}
#contents .main_visual_area .main_visual_title_area .main_visual_title_sub {margin-top: 20px; font-size: 1.6rem; font-weight: 400; color:#ffffff; line-height: 2.6rem; transition:all 0.3s;}
#contents .main_visual_area .main_visual_title_area .main_visual_title_sub:lang(en) {margin-top: 0px; font-size: 4.6rem; font-weight: 500; line-height: 6rem;}

@media all and (max-width:768px){
    #contents .main_visual_area .main_visual_title_area .main_visual_title_sub:lang(en) {margin-top: 0px; font-size: 2.8rem; font-weight: 500; line-height: 3.8rem;}
}

#contents .main_section01_area {margin-top: 75px; transition:all 0.3s;}
#contents .main_section01_area .main_section01_wrap .main_section01_set {padding-bottom: 45px;}
#contents .main_section01_area .main_section01_wrap .main_section01_title {font-size: 2.4rem; font-weight: 700; color:#101010;}
#contents .main_section01_area .main_section01_wrap .main_section01_content_area {display: flex; justify-content: space-between; align-items: flex-start; margin-top: 27px;}

#contents .main_section01_content_left {width:50%; padding-right: 37px; border-right: 1px dashed #C8C8C8;}
#contents .main_section01_content_left .main_section01_content_left_title {margin-top: 20px; font-size: 3rem; font-weight: 500; color: #FF6900; line-height: 3.2rem;}
#contents .main_section01_content_left .main_section01_content_left_subtitle {margin-top: 5px; font-size: 2rem; font-weight: 500; color:#101010;}
#contents .main_section01_content_left .main_section01_content_left_content {margin-top: 30px; font-size: 1.6rem; font-weight: 300; color:#666666;}
#contents .main_section01_content_left .main_section01_content_left_more {margin-top: 20px;}
#contents .main_section01_content_left .main_section01_content_left_more a {display:flex; justify-content: flex-start; align-items: center; font-size: 1.2rem; font-weight: 500; color:#999999;}
#contents .main_section01_content_left .main_section01_content_left_more a span {margin-right: 10px;}
#contents .main_section01_content_left .main_section01_content_left_more a div {margin-top: -3px;}
#contents .main_section01_content_left .main_section01_content_left_more a:hover span svg g line {stroke: #FF6600;}
#contents .main_section01_content_left .main_section01_content_left_more a:hover div {color:#FF6600}

#contents .main_section01_content_right {width:50%; padding-left: 37px;}
#contents .main_section01_content_right .main_section01_content_right_title {margin-top: 20px; font-size: 3rem; font-weight: 500; color: #00AAD2; line-height: 3.2rem;}
#contents .main_section01_content_right .main_section01_content_right_subtitle {margin-top: 5px; font-size: 2rem; font-weight: 500; color:#101010;}
#contents .main_section01_content_right .main_section01_content_right_content {margin-top: 30px; font-size: 1.6rem; font-weight: 300; color:#666666;}
#contents .main_section01_content_right .main_section01_content_right_more {margin-top: 20px;}
#contents .main_section01_content_right .main_section01_content_right_more a {display:flex; justify-content: flex-start; align-items: center; width: fit-content; font-size: 1.2rem; font-weight: 500; color:#999999;}
#contents .main_section01_content_right .main_section01_content_right_more a span {margin-right: 10px;}
#contents .main_section01_content_right .main_section01_content_right_more a div {margin-top: -3px;} 
#contents .main_section01_content_right .main_section01_content_right_more a:hover span svg g line {stroke: #FF6600;}
#contents .main_section01_content_right .main_section01_content_right_more a:hover div {color: #FF6600;}

.main_section01_content_right_img {display: flex; justify-content: space-between; align-items: flex-start; }
.main_nce_imgset {display: flex; justify-content: space-between; align-items: flex-start; width: 320px; margin-top: 10px; margin-left: 30px;}
.main_nce_imgitem {display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.main_nce_imgtext {margin-top: 10px; font-size: 1.5rem; font-weight: 400; line-height: 1.5rem; color: #666666; text-align: center;}


#contents .main_section02_area {margin-top: 50px; padding-bottom: 60px; border-bottom: 1px solid #BEBEBE; transition:all 0.3s;}
#contents .main_section02_area .main_section02_title {font-size: 2.4rem; font-weight: 700; color:#101010;}
#contents .main_section02_area .main_section02_content_area {position: relative; display: flex; justify-content: space-between; align-items: center; margin-top: 30px;}
#contents .main_section02_area .main_section02_content_area .main_section02_content_left {position: relative; width: 35%;}
#contents .main_section02_area .main_section02_content_area .main_section02_content_left .main_section02_content_left_text_set .main_section02_content_left_title {margin-top: 30px; font-size: 3rem; font-weight: 500; color:#101010;}
#contents .main_section02_area .main_section02_content_area .main_section02_content_left .main_section02_content_left_text_set .main_section02_content_left_text {margin-top: 10px; font-size: 1.6rem; font-weight: 300; color:#666666;}

#contents .main_section02_area .main_section02_content_area .main_section02_content_right {position: relative; width: 65%;}
#contents .main_section02_area .main_section02_content_area .main_section02_content_right .main_section02_content_right_text_set .main_section02_content_right_title {margin-top: 30px; font-size: 3rem; font-weight: 500; color:#101010;}
#contents .main_section02_area .main_section02_content_area .main_section02_content_right .main_section02_content_right_text_set .main_section02_content_right_text {margin-top: 10px; font-size: 1.6rem; font-weight: 300; color:#666666;}

#contents .main_section02_content_right_absolute {position: absolute; display: flex; justify-content: space-between; align-items: center; top:23px; right: 0; width: 45%;}
#contents .pipeline_icon_set {display: flex; flex-direction: column; justify-content: center; align-items: center;}
#contents .pipeline_icon_set .pipeline_icon_text {margin-top: 10px; font-size: 1.5rem; font-weight: 400; color:#C8C8C8;}


#contents .main_media_area {margin-top: 60px; font-size: 2.4rem; font-weight: 700; color:#101010;}

.thumb_box_area_main {margin-top: 30px !important;}
.thumb_box_item_main {margin-bottom: 0 !important;}



@media all and (max-width:1024px){
    #contents .main_section02_area .main_section02_content_area {display: block;}
    #contents .main_section02_area .main_section02_content_area .main_section02_content_left {display: flex; justify-content: flex-start; align-items: center;width: 100%; padding-bottom: 30px; border-bottom: 1px dashed #C8C8C8;}
    #contents .main_section02_area .main_section02_content_area .main_section02_content_left .main_section02_content_left_img img {width:75px;}
    #contents .main_section02_area .main_section02_content_area .main_section02_content_left .main_section02_content_left_text_set {margin-left: 30px;}
    #contents .main_section02_area .main_section02_content_area .main_section02_content_left .main_section02_content_left_text_set .main_section02_content_left_title {margin-top: 0;}


    #contents .main_section02_area .main_section02_content_area .main_section02_content_right {display: flex; justify-content: flex-start; align-items: center; width:100%; margin-top: 30px;}
    #contents .main_section02_area .main_section02_content_area .main_section02_content_right .main_section02_content_right_img img {width:75px;}
    #contents .main_section02_area .main_section02_content_area .main_section02_content_right .main_section02_content_right_text_set {margin-left: 30px;}
    #contents .main_section02_area .main_section02_content_area .main_section02_content_right .main_section02_content_right_text_set .main_section02_content_right_title {margin-top: 0;}

    #contents .main_section02_content_right_absolute {position: inherit; width: 100%; margin-top: 10px;}
    #contents .main_section02_content_right_absolute .pipeline_icon_set .pipeline_icon_img img {width: 65px;}
    
}

@media all and (max-width:815px){
    .break_point_815 {display:none;}

}

@media all and (max-width:768px){
    #contents .main_visual_area {height:696px; background-position:85% 80%}
    #contents .main_visual_area .main_visual_title_area {margin-top: 350px;}
    #contents .main_visual_area .main_visual_title_area .main_visual_title_main {font-size: 2.8rem; line-height: 3.6rem; font-weight: 400;}
    #contents .main_visual_area .main_visual_title_area .main_visual_title_sub {font-weight: 300;}


    #contents .main_section01_area {margin-top: 30px;}

    #contents .main_section01_area .main_section01_wrap .main_section01_set {padding-bottom: 30px;}
    #contents .main_section01_area .main_section01_wrap .main_section01_content_area {display: block;}
    #contents .main_section01_content_left {width:100%; padding-right: 0; padding-bottom: 20px; border-bottom: 1px dashed #C8C8C8; border-right: none;}
    #contents .main_section01_content_right {width:100%; padding-left: 0; margin-top: 20px; border-left: none;}
    #contents .main_section01_content_left .main_section01_content_left_content {margin-top:20px;}
    #contents .main_section01_content_right .main_section01_content_right_content {margin-top: 20px;}

    #contents .main_section02_area .main_section02_content_area .main_section02_content_left .main_section02_content_left_text_set .main_section02_content_left_title {font-size: 2.8rem;}
    #contents .main_section02_area .main_section02_content_area .main_section02_content_right .main_section02_content_right_text_set .main_section02_content_right_title {font-size: 2.8rem;}

    #contents .main_section02_content_right_absolute .pipeline_icon_set .pipeline_icon_img img {width: 48px;}
    #contents .pipeline_icon_set .pipeline_icon_text {font-size: 1.2rem;}

    #contents .thumb_box_area_main .thumb_box .thumb_box_wrap .thumb_box_item {width:100% !important;}
    .thumb_box_item_main {margin-bottom: 30px !important;}


    .main_section01_content_right_img {display: block;}
    .main_nce_imgset {width: 100%; margin-top: 10px; margin-left: 0;}
    .main_nce_imgitem {display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
    .main_nce_imgtext {margin-top: 10px; font-size: 1.5rem; font-weight: 400; line-height: 1.5rem; color: #666666; text-align: center;}
}


/* [E] 메인 페이지 */


/* [S]메인 레이어 팝업 */
.pop_bg {position: fixed; display: flex; justify-content: center; align-items: center; top:0; left:0; width:100%; height:100%; padding: 30px 20px; overflow-y: auto; background-color: rgba(33, 37, 41, 0.5); z-index: 100;}
.pop_bg .pop_area {position: relative; width:500px; background-color: #FFFFFF;}
.pop_bottom {position: absolute; display:flex; justify-content: space-between; align-items: center; bottom: 0; width: 100%; height: 60px; border-top: 1px solid #E5E5E5;}
.pop_bottom .pop_btn {display: flex; justify-content: center; align-items: center; width: 50%; height: 60px; border-right: 1px solid #e5e5e5;}
.pop_bottom div:last-child {border-right: none;}
.pop_top {position:absolute; display:flex; justify-content: space-between; align-items: center; width: 100%; height: 65px;}
.pop_logo {margin-left: 30px;}
.pop_deco {width:65px; height:65px; margin-right: 32px; transform: skew(-34deg); background-color: #FF6900;}
.pop_content { margin-top: 65px; margin-bottom: 60px; padding: 30px;}
.pop_editor_area {width: 100%; height: 100%; max-height: 447px; overflow-y: auto;}
.pop_image_area {position: relative; width:100%; margin:0 auto; padding-bottom:100%; background-color:#eee; background-repeat: no-repeat; background-size: cover;}
.pop_bottom .pop_btn a {display: flex; justify-content: center; align-items: center; width: 100%; height: 60px; font-size: 1.6rem; font-weight: 400; text-align: center; color: #212529;}
.pop_bottom .pop_btn a:hover {color: #FF6900;}

@media all and (max-width:768px){
    .pop_logo {margin-left: 15px;}
    .pop_content {padding: 15px;}
}
/* [E]메인 레이어 팝업 */


#contents .sub_visual_area {display:flex; align-items: center; width: 100%; height: 247px; margin-top: 112px; transition:all 0.3s;}

#contents .sub_visual_company {background-image: url('/common/images/sub_visual_company.jpg'); background-repeat: no-repeat; background-size:cover; background-position: 50% 50%;}
/* #contents .sub_visual_rnd {background-image: url('/common/images/sub_visual_rnd.jpg'); background-repeat: no-repeat; background-size:cover; background-position: 50% 50%;} */
#contents .sub_visual_rnd {background-image: url('/common/images/sub_visual_policy.jpg'); background-repeat: no-repeat; background-size:cover; background-position: 50% 50%;}
#contents .sub_visual_pipeline {background-image: url('/common/images/sub_visual_pipeline.jpg'); background-repeat: no-repeat; background-size:cover; background-position: 50% 50%;}
#contents .sub_visual_invest {background-image: url('/common/images/sub_visual_media.jpg'); background-repeat: no-repeat; background-size:cover; background-position: 50% 50%;}
#contents .sub_visual_media {background-image: url('/common/images/sub_visual_media.jpg'); background-repeat: no-repeat; background-size:cover; background-position: 50% 50%;}
#contents .sub_visual_career {background-image: url('/common/images/sub_visual_career.jpg'); background-repeat: no-repeat; background-size:cover; background-position: 50% 50%;}
#contents .sub_visual_product {background-image: url('/common/images/sub_visual_rnd.jpg'); background-repeat: no-repeat; background-size:cover; background-position: 50% 50%;}
#contents .sub_visual_inquiry {background-image: url('/common/images/sub_visual_inquiry.jpg'); background-repeat: no-repeat; background-size:cover; background-position: 50% 50%;}
#contents .sub_visual_location {background-image: url('/common/images/sub_visual_location.jpg'); background-repeat: no-repeat; background-size:cover; background-position: 50% 50%;}
#contents .sub_visual_policy {background-image: url('/common/images/sub_visual_product.jpg'); background-repeat: no-repeat; background-size:cover; background-position: 50% 50%;}
#contents .sub_visual_esg {background-image: url('/common/images/sub_visual_esg.jpg'); background-repeat: no-repeat; background-size:cover; background-position: 50% 50%;}

#contents .sub_visual_title_area .sub_visual_title {font-family: "Poppins"; font-weight: 700; font-size: 3.6rem; color:#ffffff; text-transform: capitalize;}
#contents .sub_visual_title_area .sub_visual_subtitle {margin-top:8px; font-size: 1.8rem; font-weight: 400; line-height: 3rem; color: #ffffff; opacity: 1;}

#contents .breadcrumb_area {display: flex; align-items: center; height: 48px; background-color: #ffffff; border-bottom: 1px solid #D8D8D8;}
#contents .breadcrumb_area .breadcrumb ul {display: flex; align-items: center;}
#contents .breadcrumb_area .breadcrumb ul li {font-size: 1.2rem; font-weight: 300; color:#C8C8C8;}
#contents .breadcrumb_area .breadcrumb ul li a {color:#C8C8C8;}
#contents .breadcrumb_area .breadcrumb ul li:last-child a {color:#FF6900;}
#contents .breadcrumb_area .breadcrumb ul li span {padding: 0 5px;}

#contents .page_title_area {margin-top: 78px; transition:all 0.3s;}
#contents .page_title_area .page_title h1 {font-size:4rem; font-weight: 500; letter-spacing:-0.3rem; line-height: 4.6rem; color:#212529;}
#contents .page_title_area .page_title h1 span {letter-spacing:0rem;}
#contents .page_title_area .page_title h1:lang(en){letter-spacing:-0.15rem;}

#contents .page_description_area {margin-top: 23px; transition:all 0.3s;}
#contents .page_description_area .page_description {font-size:2.4rem; font-weight: 400; letter-spacing:-0.15rem; color:#212529;}
#contents .page_description_area .page_description span {letter-spacing:0rem;}
#contents .page_description_area .page_description:lang(en) {letter-spacing:-0.15px;}

#contents .page_description_sub_area {margin-top: 23px; transition:all 0.3s;}
#contents .page_description_sub_area .page_description_sub {font-size:1.6rem; font-weight: 400; color:#666666;}

/* [S] 게시판 리스트 검색 영역 */
#contents .search_board_area {margin-top:50px; transition:all 0.3s;}
#contents .search_board_area .search_board {display:flex;}
#contents .search_board_area .search_board .search_wrap {display:flex; align-items: center; width: 100%; height:74px; border-top: 1px dashed #BEBEBE; border-bottom: 1px dashed #BEBEBE;}
#contents .search_board_area .search_board .search_icon {display: flex; justify-content: center; align-items: center; width: 80px; height:74px; border-right: 1px dashed #BEBEBE;}
#contents .search_board_area .search_board .search_icon img {width: 34px; height:34px;}
#contents .search_board_area .search_board .search_input {width:100%; padding:0 20px;}
#contents .search_board_area .search_board .search_input input {width:100%; height: 40px; font-size:2rem; font-weight: 300;}
#contents .search_board_area .search_board .search_input input::placeholder {font-size:2rem; font-weight:300; color:#cccccc;}
/* [E] 게시판 리스트 검색 영역 */

/* [S] 일반 박스 형태 게시판 리스트 */
#contents .list_box_area {margin-top:50px; transition:all 0.3s;}
#contents .list_box_area .list_box {display:flex;}
#contents .list_box_area .list_box .list_box_wrap {display:flex; flex-flow:wrap; justify-content: space-between; width:100%; }
#contents .list_box_area .list_box .list_box_wrap .list_box_item {position: relative; display:block; width: 32.5%; min-height: 230px; height: fit-content; overflow: hidden; margin-bottom: 15px; padding:0 43px 60px 43px; border: 1px solid #cccccc; background-color: #ffffff; box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.07);}

#contents .list_box_area .list_box .list_box_wrap .list_box_item .new_icon {position: absolute; top:0; right:10px;}
#contents .list_box_area .list_box .list_box_wrap .list_box_item .item_date {margin-top:41px; font-size: 1.4rem; font-weight: 400; color:#666666;}
#contents .list_box_area .list_box .list_box_wrap .list_box_item .item_stock {margin-top:5px; margin-bottom:5px;}
#contents .list_box_area .list_box .list_box_wrap .list_box_item .item_title {margin-top:5px; font-size: 3rem; font-weight: 300; line-height: 3.5rem; color:#212529; word-break: normal;}
#contents .list_box_area .list_box .list_box_wrap .list_box_item .file_icon {position: absolute; bottom:21px; right: 18px;}
#contents .list_box_area .list_box .list_box_wrap .list_box_item .item_link {position: absolute; display:flex; justify-content: center; align-items: center; bottom:21px; right: 18px; width: 35px; height: 35px; border-radius: 18px; border: 1px dashed #707070;}
/* [E] 일반 박스 형태 게시판 리스트 */

#contents .list_box_area .list_box .list_box_wrap .list_box_noresult {position: relative; display:flex; justify-content: center; align-items: center; width: 100%; min-height: 230px; height: fit-content; margin-bottom: 15px; border: 1px solid #cccccc; background-color: #ffffff; box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.07);}

#contents .list_box_area .list_box .list_box_wrap .list_box_noresult .noresult_text {display: flex; justify-content: center; align-items: center; font-size: 2.5rem; font-weight: 300; }

/* [S] 게시판 더보기 영역 */
#contents .list_more_area {margin-top: 35px;}

#contents .list_more_area .list_more {display: flex; height:60px;}
#contents .list_more_area .list_more a {display: flex; width:100%; justify-content: center; align-items: center;  border: 1px dashed #BEBEBE;}
#contents .list_more_area .list_more .more_text {font-size: 1.4rem; font-weight: 400; color:#666666;}
#contents .list_more_area .list_more .more_icon {display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; margin-left: 13px; border-radius: 18px; border: 1px dashed #707070;}
#contents .list_more_area.career_app {margin-top: 50px;}
/* [E] 게시판 더보기 영역 */

/* [S] 공시정보 인포메이션 */
#contents .disclosure_info_area {margin-top:16px; margin-bottom:-40px;}
#contents .disclosure_info_area .disclosure_info {display:flex; justify-content:flex-end; align-items: center;}
#contents .disclosure_info_area .disclosure_info .disclosure_info_link a {display:flex; justify-content: center; align-items: center;}
#contents .disclosure_info_area .disclosure_info .disclosure_info_chart {font-size:1.6rem; font-weight: 500; color:#FF6900;}
#contents .disclosure_info_area .disclosure_info .disclosure_info_icon {display: flex; justify-content: center; align-items: center; width:21px; height:21px; margin-left:9px; border-radius: 11px; border: 1px dashed #707070;}
#contents .disclosure_info_area .disclosure_info .disclosure_info_bar {width:1px; height:15px; margin:0 10px; background-color: #A8A8A8;}
#contents .disclosure_info_area .disclosure_info .disclosure_info_date {font-size:1.6rem; font-weight: 400; color:#666666;}
#contents .disclosure_info_area .disclosure_info .disclosure_info_source {font-size:1.6rem; font-weight: 400; color:#666666;}
/* [E] 공시정보 인포메이션 */


/* [S] 썸네일 박스 형태 (3단) 게시판 리스트 */
#contents .thumb_box_area {margin-top:50px; transition:all 0.3s;}
#contents .thumb_box_area .thumb_box {display:flex;}
#contents .thumb_box_area .thumb_box .thumb_box_wrap {display:flex; flex-flow:wrap; justify-content: space-between; width:100%; }
#contents .thumb_box_area .thumb_box .thumb_box_wrap .thumb_box_item {position: relative; display:block; width: calc((100% - 80px)/3); min-height: 230px; height: fit-content; margin-bottom: 100px;}
#contents .thumb_box_area .thumb_box .thumb_box_wrap .thumb_box_item .thumb_box_item_img {position: relative; width:100%; margin:0 auto; margin-bottom:22px; padding-bottom:68%; background-color:#eee; background-repeat: no-repeat; background-size: cover;}
#contents .thumb_box_area .thumb_box .thumb_box_wrap .thumb_box_item .thumb_box_item_img .thumb_box_item_movie_icon {position: absolute; top:50%; left:50%; margin-left:-17px; margin-top:-17px;}
#contents .thumb_box_area .thumb_box .thumb_box_wrap .thumb_box_item .thumb_box_item_title{margin-top:0px; font-size: 2rem; font-weight: 500; color:#101010;}
#contents .thumb_box_area .thumb_box .thumb_box_wrap .thumb_box_item .thumb_box_item_date {margin-top:10px; font-size: 1.4rem; font-weight: 500; color:#666666;}
#contents .thumb_box_area .thumb_box .thumb_box_wrap .thumb_box_item .thumb_box_item_summary {margin-top:20px; font-size:1.6rem; font-weight: 300; line-height: 2.6rem; color:#666666;} 
#contents .thumb_box_area .thumb_box .thumb_box_wrap .thumb_box_item .thumb_box_item_more {display:flex; align-items: center; margin-top:17px;}
#contents .thumb_box_area .thumb_box .thumb_box_wrap .thumb_box_item .thumb_box_item_more .thumb_box_item_moretext {margin-left:10px; font-size: 1.2rem; font-weight: 500; color:#999999;}

.background_alt {display: block; overflow: hidden; font-size: 0; line-height: 0; text-indent: -9999px;}
/* [S] 썸네일 박스 형태 (3단) 게시판 리스트 */


/* [S] 썸네일 박스 형태 (4단) 게시판 리스트 */
#contents .thumb_box4_area {margin-top:50px; transition:all 0.3s;}
#contents .thumb_box4_area .thumb_box4 {display:flex;}
#contents .thumb_box4_area .thumb_box4 .thumb_box4_wrap {display:flex; flex-flow:wrap; justify-content: space-between; width:100%; }
#contents .thumb_box4_area .thumb_box4 .thumb_box4_wrap .thumb_box4_item {position: relative; display:block; width: calc((100% - 60px)/4); min-height: 230px; height: fit-content; margin-bottom: 45px;}
#contents .thumb_box4_area .thumb_box4 .thumb_box4_wrap .thumb_box4_item .thumb_box4_item_img {position: relative; width:100%; margin:0 auto; margin-bottom:12px; padding-bottom:100%; background-color:#eee; background-repeat: no-repeat; background-size: cover;}
#contents .thumb_box4_area .thumb_box4 .thumb_box4_wrap .thumb_box4_item .thumb_box4_item_title{margin-top:0px; font-size: 1.6rem; font-weight: 300; color:#101010;}
/* [S] 썸네일 박스 형태 (4단) 게시판 리스트 */

/* [S] 공지사항 리스트 */
#contents .list_row_area {margin-top:50px; transition:all 0.3s;}
#contents .list_row_area .list_row {display: flex;}
#contents .list_row_area .list_row .list_row_wrap {width: 100%; border-top: 1px solid #212529; border-bottom: 1px solid #212529;}
#contents .list_row_area .list_row .list_row_wrap .list_row_item { border-bottom: 1px dashed #BEBEBE;}
#contents .list_row_area .list_row .list_row_wrap .list_row_item:last-child {border-bottom: none;}
#contents .list_row_area .list_row .list_row_wrap .list_row_item a,
#contents .list_row_area .list_row .list_row_wrap .list_row_item > div {display: flex; justify-content: space-between; align-items: center;}
#contents .list_row_area .list_row .list_row_wrap .list_row_item .list_row_item_content {width:80%; padding: 20px 0;}
#contents .list_row_area .list_row .list_row_wrap .list_row_item .list_row_item_title {display:block; font-size:2rem; font-weight: 500; color:#212529; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#contents .list_row_area .list_row .list_row_wrap .list_row_item .list_row_item_summary {display:block; margin-top:5px; font-size:1.6rem; font-weight: 300; color:#666666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} 
#contents .list_row_area .list_row .list_row_wrap .list_row_item .list_row_item_date {font-size:1.4rem; font-weight: 400; color:#666666;}
#contents .list_row_area .list_row .list_row_wrap .list_row_item .list_row_item_icon {display:flex; justify-content: center; align-items: center; width:35px; height:35px; border-radius: 18px; border:1px dashed #707070;}
/* [E] 공지사항 리스트 */


/* [S] 채용공고 리스트 */
#contents .list_row2_area {margin-top:50px; transition:all 0.3s;}
#contents .list_row2_area .list_row2 {display: flex;}
#contents .list_row2_area .list_row2 .list_row2_wrap {width: 100%; border-top: 1px solid #212529; border-bottom: 1px solid #212529;}
#contents .list_row2_area .list_row2 .list_row2_wrap .list_row2_item { border-bottom: 1px dashed #BEBEBE;}
#contents .list_row2_area .list_row2 .list_row2_wrap .list_row2_item:last-child {border-bottom: none;}
#contents .list_row2_area .list_row2 .list_row2_wrap .list_row2_item a{display: flex; justify-content: space-between; align-items: center;}
#contents .list_row2_area .list_row2 .list_row2_wrap .list_row2_item .list_row2_item_dday {width:60px; text-align: center;}
#contents .list_row2_area .list_row2 .list_row2_wrap .list_row2_item .list_row2_item_dday .list_row2_item_dday_text {font-size:1.6rem; font-weight: 400; color:#212529;}
#contents .list_row2_area .list_row2 .list_row2_wrap .list_row2_item .list_row2_item_dday .list_row2_item_dday_count {font-size:3rem; font-weight: 300; color:#212529;}
#contents .list_row2_area .list_row2 .list_row2_wrap .list_row2_item .list_row2_item_dday .list_row2_item_dday_close {font-size:1.8rem; font-weight: 500; color:#666666;}
#contents .list_row2_area .list_row2 .list_row2_wrap .list_row2_item .list_row2_item_content {width:82%; padding: 20px 0;}
#contents .list_row2_area .list_row2 .list_row2_wrap .list_row2_item .list_row2_item_content .list_row2_item_title {font-size: 2rem; font-weight: 500; color:#212529;}
#contents .list_row2_area .list_row2 .list_row2_wrap .list_row2_item .list_row2_item_content .list_row2_item_field {margin-top:7px; font-size: 1.6rem; font-weight: 300; color:#666666;}
#contents .list_row2_area .list_row2 .list_row2_wrap .list_row2_item .list_row2_item_content .list_row2_item_date_area {margin-top:2px; display: flex; justify-content: flex-start; align-items: center;}
#contents .list_row2_area .list_row2 .list_row2_wrap .list_row2_item .list_row2_item_content .list_row2_item_date_area .list_row2_item_date_type {font-size:1.6rem; font-weight: 400; color:#707070;}
#contents .list_row2_area .list_row2 .list_row2_wrap .list_row2_item .list_row2_item_content .list_row2_item_date_area .list_row2_item_date_bar {width:1px; height:15px; margin:0 10px; background-color: #A8A8A8;}
#contents .list_row2_area .list_row2 .list_row2_wrap .list_row2_item .list_row2_item_content .list_row2_item_date_area .list_row2_item_date {font-size:1.6rem; font-weight: 400; color:#707070;}
#contents .list_row2_area .list_row2 .list_row2_wrap .list_row2_item .list_row2_item_icon_area {display: flex; flex-direction: column; justify-content: center; align-content: space-between; align-items: center; width: 60px;}
#contents .list_row2_area .list_row2 .list_row2_wrap .list_row2_item .list_row2_item_icon_area .list_row2_item_icon_text {font-size: 1.6rem; font-weight: 400; color: #666666;}


#contents .list_row2_area .list_row2 .list_row2_wrap .list_row2_item .list_row2_item_icon_area .list_row2_item_icon_text.hiring {color: #FF6900;}
#contents .list_row2_area .list_row2 .list_row2_wrap .list_row2_item .list_row2_item_icon_area .list_row2_item_icon_text.today_deadline {color: #FF6900;}
#contents .list_row2_area .list_row2 .list_row2_wrap .list_row2_item .list_row2_item_icon_area .list_row2_item_icon_text.job_deadline {color: #666666;}

#contents .list_row2_area .list_row2 .list_row2_wrap .list_row2_item .list_row2_item_icon_area .list_row2_item_icon {display:flex; justify-content: center; align-items: center; width:35px; height:35px; margin-top: 15px; border-radius: 18px; border:1px dashed #707070;}
/* [E] 채용공고 리스트 */

/* [S] 게시판 상세*/
#contents .page_title .board_detial_title {font-size:3.2rem !important; font-weight: 400 !important; letter-spacing:-0.15rem !important; line-height: 4.2rem !important; color:#212529;}
#contents .board_detail_date_area .board_detail_date .board_detail_date_wrap{padding: 26px 0 19px 0; border-bottom: 1px dashed #BEBEBE;}
#contents .board_detail_content_area {margin-top:50px;}
#contents .board_detail_content_youtube {position: relative; width: 100%; height: 0; padding-bottom: 56.25%; margin-bottom: 50px;}
#contents .board_detail_content_youtube iframe {position: absolute; top:0; left:0; width:100%; height: 100%;}
#contents .board_detail_file_area {margin-top:50px;}

#contents .board_detail_file .board_detail_file_wrap {padding: 40px 0 0 0; border-top: 1px dashed #BEBEBE;}
#contents .board_detail_file .board_detail_file_item {display: flex; justify-content: flex-start; align-items: center; padding:10px 0;}
#contents .board_detail_file .board_detail_file_item .board_detail_file_title{margin-left:10px; font-size: 1.4rem; font-weight: 500; color:#212529;}

#contents .board_detail_nav_area {display: flex; align-items: center; height:80px; margin-top: 40px; margin-bottom: 140px; border-top: 1px solid #DEDEDE;}
#contents .board_detail_nav_area .board_detail_nav {display: flex; justify-content: space-between; align-items: center;}
#contents .board_detail_nav_area .board_detail_nav .board_detail_nav_prev {display: flex; align-items: center;}
#contents .board_detail_nav_area .board_detail_nav .board_detail_nav_next {display: flex; align-items: center;}
#contents .board_detail_nav_area .board_detail_nav .board_detail_nav_prev .board_detail_nav_prev_icon {display:flex; justify-content: center; align-items: center; width:35px; height:35px; border-radius: 18px; border:1px dashed #707070;}
#contents .board_detail_nav_area .board_detail_nav .board_detail_nav_next .board_detail_nav_next_icon {display:flex; justify-content: center; align-items: center; width:35px; height:35px; border-radius: 18px; border:1px dashed #707070;}
#contents .board_detail_nav_area .board_detail_nav .board_detail_nav_prev .board_detail_nav_prev_text {margin-left: 10px; font-size:1.4rem; font-weight: 400; color:#212529}
#contents .board_detail_nav_area .board_detail_nav .board_detail_nav_next .board_detail_nav_next_text {margin-right: 10px; font-size:1.4rem; font-weight: 400; color:#212529}
#contents .board_detail_nav_area .board_detail_nav .board_detail_nav_list {font-size:1.4rem; font-weight: 400; color:#212529}
#contents .board_detail_nav_area .board_detail_nav .board_detail_nav_list:hover {color:#FF6600}
/* [E] 게시판 상세*/

/* [S] 채용공고 상세*/
#contents .career_info_area .career_info_set {transition:all 0.3s;}
#contents .career_info_area .career_info_set .career_info_wrap{padding: 26px 0 19px 0; border-bottom: 1px dashed #BEBEBE;}
#contents .career_info_area .career_info_set .career_info_wrap .career_field {font-size:1.6rem; font-weight: 400; color:#212529;}
#contents .career_info_area .career_info_set .career_info_wrap .career_date_area {display: flex; justify-content: flex-start; align-items: center; margin-top: 8px;}
#contents .career_info_area .career_info_set .career_info_wrap .career_detail_bar {width:1px; height: 15px; margin: 0 10px; background-color: #A8A8A8;}
#contents .career_info_area .career_info_set .career_info_wrap .career_date_area .career_type {font-size: 1.6rem; font-weight: 400; color: #212529;}

#contents .career_info_area .career_info_set .career_info_wrap .career_date_area .career_date {font-size: 1.6rem; font-weight: 400; color: #212529;}
#contents .career_info_area .career_info_set .career_info_wrap .career_dday_area {display: flex; justify-content: flex-start; align-items: center; margin-top: 8px;}

#contents .career_info_area .career_info_set .career_info_wrap .career_dday_area .career_dday_count {font-size: 1.6rem; font-weight: 400; color: #212529;}
#contents .career_info_area .career_info_set .career_info_wrap .career_dday_area .career_dday_info {font-size: 1.6rem; font-weight: 400; color: #212529;}

#contents .career_info_area .career_info_set .career_info_wrap .career_dday_area .career_dday_info.hiring {font-size: 1.6rem; font-weight: 400; color: #FF6900;}
#contents .career_info_area .career_info_set .career_info_wrap .career_dday_area .career_dday_info.today_deadline {font-size: 1.6rem; font-weight: 400; color: #FF6900;}
#contents .career_info_area .career_info_set .career_info_wrap .career_dday_area .career_dday_info.job_deadline {font-size: 1.6rem; font-weight: 400; color: #666666;}

#contents .career_step_area {margin-top: 60px; border-top: 1px solid #BEBEBE; border-bottom: 1px solid #BEBEBE;}
#contents .career_step_area .career_step_set h2 {margin-top: 60px; font-size: 3rem; font-weight: 500; color: #212529;}
#contents .career_step_area .career_step_set .career_step_wrap {display: flex; justify-content: space-around; align-items: center; margin: 30px 0 60px;}
#contents .career_step_area .career_step_set .career_step_wrap .step_area {display: flex; flex-direction: column; justify-content: center; align-items: center; width:215px;}
#contents .career_step_area .career_step_set .career_step_wrap .mo_arrow {display: none;}
#contents .career_step_area .career_step_set .career_step_wrap .step_area .step_area_step {font-family: "Poppins"; font-size: 1.6rem; font-weight: 600; color:#FF6900;}
#contents .career_step_area .career_step_set .career_step_wrap .step_area .step_area_img {display: flex; justify-content: center; align-items: center; width:170px; height:170px; margin: 10px 0 15px; border-radius: 85px; border: 1px dashed #D9D9D9;  transition:all 0.3s;}
#contents .career_step_area .career_step_set .career_step_wrap .step_area .step_area_img img {transition:all 0.3s;}
#contents .career_step_area .career_step_set .career_step_wrap .step_area .step_area_info {display: flex; flex-direction: column; justify-content: center; align-items: center;}
#contents .career_step_area .career_step_set .career_step_wrap .step_area .step_area_info .step_area_step_mo {display: none;}
#contents .career_step_area .career_step_set .career_step_wrap .step_area .step_area_info .step_area_title {font-size: 2rem; font-weight: 500; color:#212529; text-align: center;}
#contents .career_step_area .career_step_set .career_step_wrap .step_area .step_area_info .step_area_info_text {margin-top:10px; font-size: 1.6rem; font-weight: 300; color:#666666; text-align: center;}


#contents .career_contact_area {margin-top:60px;}
#contents .career_contact_area .career_contact_set h2 {font-size: 3rem; font-weight: 500; color: #212529;}
#contents .career_contact_area .career_contact_set .career_contact_wrap {display: flex; justify-content: flex-start; align-items: center; margin-top: 30px;}
#contents .career_contact_area .career_contact_set .career_contact_wrap .contact_area {display: flex; justify-content: center; align-items: center;}
#contents .career_contact_area .career_contact_set .career_contact_wrap .contact_area:last-child {margin-left: 75px;}
#contents .career_contact_area .career_contact_set .career_contact_wrap .contact_area .contact_area_info {margin-left: 20px; font-size: 1.6rem; font-weight: 300; color:#666666;}
#contents .career_contact_area .career_contact_set .career_contact_wrap .contact_area .contact_area_img img {transition:all 0.3s;}

/* [E] 채용공고 상세*/

/* [S] 입사지원 */
#contents .page_title .apply_title {font-size:4rem; font-weight: 500; letter-spacing:-4px; line-height: 4.6rem; color:#212529;}
#contents .apply_policy {margin-top:60px;}
#contents .apply_policy .apply_policy_set h2 {font-size: 3rem; font-weight: 500; color: #212529;}
#contents .apply_policy .apply_policy_set .applay_policy_text {margin-top: 18px; font-size: 1.4rem; font-weight: 300; line-height: 2.2rem; color:#212529;}
#contents .apply_policy .apply_policy_set .applay_policy_box {width: 100%; height: 155px ; overflow-y: scroll; margin-top: 18px; padding: 10px 18px; font-size: 1.4rem; font-weight: 300; line-height: 2.2rem; border: 1px solid #E3E3E3; color:#212529;}
/* [E] 입사지원 */

/* [S] 개인정보 동의 버튼 */
#contents .policy_agree_area {margin-top: 50px;}
#contents .policy_agree_area_thumbtype {margin-top:-35px;}
#contents .policy_agree_area .policy_agree {display: flex; height:60px;}
#contents .policy_agree_area .policy_agree a {display: flex; width:100%; justify-content: center; align-items: center;  border: 1px dashed #BEBEBE;}
#contents .policy_agree_area .policy_agree .agree_text {margin-left: 12px; font-size: 1.4rem; font-weight: 400; color:#666666;}
#contents .policy_agree_area .policy_agree .agree_icon {display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 18px; border: 1px dashed #707070;}
/* [E] 개인정보 동의 버튼 */

/* [S] 사용자 입력 폼 */
#contents .form_set_area {margin-top: 50px;}
#contents .form_set_area .form_set .form_set_table {border-top:1px solid #212529; border-bottom: 1px solid #212529;}
#contents .form_set_area .form_set .form_set_table .form_set_item {display:flex; justify-content: flex-start; align-items: center; width:100%; min-height: 64px; padding: 20px 0; border-bottom: 1px dashed #BEBEBE;}

#contents .form_set_area .form_set .form_set_table .form_set_item:last-child {border-bottom: none;}
#contents .form_set_area .form_set .form_set_table .form_set_item.bline_none {border-bottom: none;}
#contents .form_set_area .form_set .form_set_table .form_set_item .form_set_title_area {width:23%;}
#contents .form_set_area .form_set .form_set_table .form_set_item .form_set_title_area .form_set_title {display:flex; justify-content: flex-start; align-items: center; font-size: 1.6rem; font-weight:400; color:#212529;}
#contents .form_set_area .form_set .form_set_table .form_set_item .form_set_title_area .form_set_title span {margin-left:7px; margin-right: 15px; margin-top: -4px;}
#contents .form_set_area .form_set .form_set_table .form_set_item .form_set_title_area .form_set_title_des {font-size:1.2rem; font-weight: 400; color:#FF6900;}
#contents .form_set_area .form_set .form_set_table .form_set_item .form_set_content {display:flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width:77%; font-size:1.6rem; font-weight: 300; color:#212529; word-break: break-all;}
#contents .form_set_area .form_set .form_set_table .form_set_item .phone_set {display: block;}
#contents .form_set_area .form_set .form_set_table .form_set_item .mail_set {display: block;}
#contents .form_set_area .form_set .form_set_table .form_set_item .form_set_content .form_set_content_des {margin-top:12px; font-size: 1.2rem; font-weight: 400; color:#999999;}
#contents .form_set_area .form_set .form_set_table .form_set_item .form_set_content .form_file_set {display:flex; justify-content: space-between; align-items: center; width: 100%;}

input[type="password"].form_control { height:40px; padding:10px; border: 1px solid #E1E1E1; border-radius: 4px;}
input[type="password"].form_control:focus {border: 1px solid #FF6900;}
input[type="text"].form_control { height:40px; padding:10px; border: 1px solid #E1E1E1; border-radius: 4px;}
input[type="text"].form_control:focus {border: 1px solid #FF6900;}
input[type="text"].form_datepicker {background-image: url("/common/images/icon_calendar.svg"); background-repeat: no-repeat; background-position: 10px 50%; padding-left: 45px;}
input[type="file"].form_control {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
textarea.form_control {width:100%; height: 250px; padding:10px; border: 1px solid #E1E1E1; border-radius: 4px;}
textarea.form_control:focus {outline: none; border: 1px solid #FF6900;}

.form_set_content label {display:flex; justify-content: center; align-items: center; width:35px; height:35px; border-radius: 18px; border: 1px dashed #707070; cursor: pointer;}

.form_set_content .form_radio_wrap {display:flex; justify-content: flex-start; align-items: center; border: none;}
.form_set_content .form_radio_wrap label {width: auto; height: auto; border: none; margin-right: 20px;}
.form_set_content .form_radio_wrap label span {margin-left: 5px;}

.form_set_content .ethical_step_wrap {display: flex; justify-content: start; flex-wrap: wrap;}

.form_set_content .ethical_step_wrap .ethical_step {display: flex; justify-content: center; align-items: center; margin: 5px 10px 5px 0; padding: 10px 35px; border: 1px solid #E1E1E1;}
.form_set_content .ethical_step_wrap .ethical_step.active {font-weight: 600; border: 1px solid #FF6900;}


.form_set_content .upload_name {position: relative; width: calc(100% - 50px); height:40px; padding:10px; border: 1px solid #E1E1E1; border-bottom-color: #e2e2e2; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

.form_set_content select.form_control { height:40px; padding:0 10px; border: 1px solid #E1E1E1; border-radius: 4px;}
.form_set_content select.form_control:focus {border: 1px solid #FF6900;}

.ethical_info_text li {padding-bottom: 2px; font-size: 1.4rem;}

/* [E] 사용자 입력 폼 */

/* [S] 에디터 출력 영역 */
#editor_content {width:100%; font-size: 1.6rem; font-weight: 300; line-height: 3rem; color:#212529;}
/* [E] 에디터 출력 영역 */

/* [S] 제품 상세 */
#contents .product_detail_area {margin-top: 50px;}
#contents .product_detail_area .product_detail_set .product_detail_wrap {display: flex; justify-content: space-between; align-items: flex-start;  width:100%; }
#contents .product_detail_area .product_detail_set .product_detail_wrap .product_left_section{width: 322px;}
#contents .product_detail_area .product_detail_set .product_detail_wrap .product_right_section{width:calc(100% - 322px); border-left: 1px dashed #BEBEBE;}

.product_left_content {width:calc(100% - 34px);}
.product_right_content {width:calc(100% - 34px); margin-left:34px;}

.product_left_content .product_img{position: relative; width:100%; margin:0 auto; margin-bottom:12px; padding-bottom:100%; background-color:#eee; background-repeat: no-repeat; background-size: cover;}
.product_left_content .product_title {margin-top:10px; font-size:2rem; font-weight: 500; color:#212529;}
.product_left_content .product_class {margin-top:8px; font-size: 1.6rem; font-weight: 300; color:#666666;}
.product_left_content .product_file_wrap .product_file_item {margin-top:20px;}
.product_left_content .product_file_wrap .product_file_item {display:flex; justify-content: flex-start; align-items: center;}
.product_left_content .product_file_wrap .product_file_item .product_file_title {margin-left: 10px; font-size: 1.4rem; font-weight: 300; color:#666666;}

.product_left_content .product_insurance_wrap {display: flex; justify-content: flex-start; align-items: center; margin-top:20px;}
.product_left_content .product_insurance_wrap:lang(en) {display: block;}
.product_left_content .product_insurance_wrap .product_insurance_title {width:80px; font-size: 1.6rem; font-weight: 300; color:#212529;}
.product_left_content .product_insurance_wrap .product_insurance_title:lang(en) {width:100%}
.product_left_content .product_insurance_wrap .product_insurance_content {width:calc(100% - 80px); font-size: 1.6rem; font-weight: 600; color:#212529;}
.product_left_content .product_insurance_wrap .product_insurance_content:lang(en) {width:100%;}


.product_left_content .product_price_wrap {display: flex; justify-content: flex-start; align-items: center; margin-top:5px;}
.product_left_content .product_price_wrap:lang(en) {display:block;}
.product_left_content .product_price_wrap .product_price_title {width:80px; font-size: 1.6rem; font-weight: 300; color:#212529;}
.product_left_content .product_price_wrap .product_price_title:lang(en) {width: 100%;}
.product_left_content .product_price_wrap .product_price_content {width:calc(100% - 80px); font-size: 1.6rem; font-weight: 600; color:#212529;}
.product_left_content .product_price_wrap .product_price_content:lang(en) {width:100%;}



.product_right_content .product_element {padding-bottom: 20px; border-bottom: 1px dashed #BEBEBE;}
.product_right_content .product_element_item {margin-bottom: 10px; display:flex; justify-content: flex-start; align-items: center;}
.product_right_content .product_element_item:lang(en) {display:block;}
.product_right_content .product_element_item .product_element_title {width:80px; font-size:1.6rem; font-weight: 400; color:#212529;}
.product_right_content .product_element_item .product_element_title:lang(en) {width: 100%;}
.product_right_content .product_element_item .product_element_content {width:calc(100% - 120px); font-size:1.6rem; font-weight: 300; color:#666666;}
.product_right_content .product_element_item .product_element_content:lang(en) {width:100%; margin-top: 5px;}

.product_right_content .product_effect {margin-top: 30px; padding-bottom: 30px; border-bottom: 1px dashed #BEBEBE;}
.product_right_content .product_effect .product_effect_title {margin-top: 10px; margin-bottom: 10px; font-size:2rem; font-weight: 400; color:#212529;}

.product_right_content .product_usage {margin-top: 30px;}
.product_right_content .product_usage .product_usage_title {margin-top: 10px; margin-bottom: 10px; font-size:2rem; font-weight: 400; color:#212529;}

/* [E] 제품 상세 */


/* [S] 주가정보 */
#contents .stock_info_area {margin-top:50px;}
#contents .stock_info_area .stock_info_wrap {display: flex; justify-content: space-between; align-items: flex-start;}
#contents .stock_info_area .stock_left {width:calc((100% - 30px) / 2); border-top: 1px solid #212529; border-bottom: 1px dashed #BEBEBE; transition:all 0.3s;}
#contents .stock_info_area .stock_right {position: relative; width:calc((100% - 30px) / 2); border-top: 1px solid #212529; border-bottom: 1px dashed #BEBEBE; transition:all 0.3s;}
#contents .stock_info_area .stock_bar {width:1px; height: 15px; margin:0 10px; background-color: #A8A8A8;}

#contents .stock_info_area .stock_left .stock_info {display: flex; justify-content: flex-start; align-items: center; height:64px; border-bottom: 1px dashed #BEBEBE; font-size: 1.6rem; font-weight: 400; color:#212529;}

#contents .stock_info_area .stock_left .stock_current {display: flex; justify-content: flex-start; align-items: center; height:64px;}
#contents .stock_info_area .stock_left .stock_current .stock_current_title {margin-right: 20px; font-size: 2.4rem; font-weight: 400; color:#212529;}
#contents .stock_info_area .stock_left .stock_current .stock_current_price {font-size:3.6rem; font-weight: 500; color:#212529;}

#contents .stock_info_area .stock_left .stock_current_data_wrap {display: flex; justify-content: space-between; align-items: center; height:64px;}

#contents .stock_info_area .stock_left .stock_current_data {display: flex; justify-content: flex-start; align-items: center; transition:all 0.3s;}

#contents .stock_info_area .stock_left .stock_transaction {display: flex; justify-content: flex-start; align-items: center;}

#contents .stock_info_area .stock_left .stock_volume {display: flex; justify-content: flex-start; align-items: center;}
#contents .stock_info_area .stock_left .stock_item_title {font-size:1.6rem; font-weight: 400; color:#212529;}
#contents .stock_info_area .stock_left .stock_item_content {font-size:1.6rem; font-weight: 400; color:#666666;}

#contents .stock_up {display: flex; justify-content: center; align-items: center; font-size: 1.6rem; font-weight: 400; color:#ED1C24;}
#contents .stock_up span {display:block; width:19px; height:16px;  height:16px; margin-right: 5px; background-image: url("/common/images/stock_icon_up.svg"); background-repeat: no-repeat;}

#contents .stock_down {display: flex; justify-content: center; align-items: center; font-size: 1.6rem; font-weight: 400; color:#1E37E2;}
#contents .stock_down span {display:block; width:19px; height:16px; margin-right: 5px; background-image: url("/common/images/stock_icon_down.svg"); background-repeat: no-repeat;}

#contents .stock_info_area .stock_right .stock_table tr {height:64px; border-bottom: 1px dashed #BEBEBE;}
#contents .stock_info_area .stock_right .stock_table tr:last-child {border-bottom:none;}
#contents .stock_info_area .stock_right .stock_table th {width:20%; background-color:#F1F1F1; font-size: 1.6rem; font-weight: 400; color:#212529;} 
#contents .stock_info_area .stock_right .stock_table td {padding:0 20px; text-align: right; font-size:1.6rem; font-weight: 400; color:#666666;}
#contents .stock_info_area .stock_right .stock_table_date {position: absolute; top:-30px; right:0; font-size: 1.6rem; font-weight: 400; color:#666666;}

#contents .stock_datedata_area {margin-top:50px;}
#contents .stock_datedata_area .stock_datedata_table {border-top: 1px solid #212529; border-bottom: 1px solid #212529;}
#contents .stock_datedata_area .stock_datedata_table tr {border-bottom: 1px dashed #BEBEBE;}
#contents .stock_datedata_area .stock_datedata_table tr:first-child {border-bottom: 1px solid #D8D8D8;}
#contents .stock_datedata_area .stock_datedata_table tr:last-child {border-bottom: none;}
#contents .stock_datedata_area .stock_datedata_table th {height: 56px; font-size: 1.6rem; font-weight: 400; color:#212529; text-align: center;}
#contents .stock_datedata_area .stock_datedata_table td {height: 56px; font-size: 1.6rem; font-weight: 400; color:#666666; text-align: center;}
/* [E] 주가정보 */


/* [S] 파트너스 */
#contents .partners_area {margin-top: 50px; font-size: 3rem; font-weight: 500; color:#212529;}
#contents .slide_partners .slide_item {position: relative; display: flex; justify-content: center; align-items: center; margin-left: -1px; width:342px; height:342px; border:1px solid #CCCCCC; transition:all 0.3s;}


#contents .partners_slide_area {position: relative; margin-top: 30px;}
#contents .slide_partners .slide_item img {transition:all 0.3s;}
#contents .slide_partners .slide_item a {position: absolute; display: flex; justify-content: center; align-items: center; top:0; left:0; width: 100%; height: 100%; z-index: 2; outline: none;}
#contents .slide_partners .slide_item:focus {outline: none;}
#contents .slide_partners .slide_item:hover:after {content: ''; position: absolute; top:-1px; left:-1px; width: 342px; height: 342px;  border:1px solid #FF6900; z-index: 1; position: absolute; top:-1px; left:-1px;}
#contents .slide_partners .slide_item .slide_item_link_area {position: absolute; display: none; justify-content: center; align-items: center; width:100%; top:250px; left:0; text-align: center;}
#contents .slide_partners .slide_item .slide_item_link_text {font-size: 1.6rem; font-weight: 400; color:#9B9B9B;}
#contents .slide_partners .slide_item .slide_item_link_icon {display: flex; justify-content: center; align-items: center; width:35px; height:35px; margin-left: 10px; border-radius: 18px; border:1px dashed #616161;}
#contents .arrowSlider {position:absolute; top:calc(50% - 18px); display: flex; justify-content: space-between; width: 100%; padding: 0 25px; align-items: center; z-index: 3;}
#contents .arrowSlider .slide_prev {display: flex; justify-content: center; align-items: center; width:35px; height: 35px; border-radius: 18px; border: 1px dashed #707070;}
#contents .arrowSlider .slide_next {display: flex; justify-content: center; align-items: center; width:35px; height: 35px; border-radius: 18px; border: 1px dashed #707070;}


#contents .partners_item_area {margin-top: 20px;}
.partners_item_set {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
.partners_item_set .item {display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 25%; margin-bottom: 60px; }
.partners_item_set .item img {width: 200px; height: 80px;}
.partners_item_set .item .item_link_area {display: flex; justify-content: center; align-items: center; width:100%; top:250px; left:0; margin-top: 20px; text-align: center;}
.partners_item_set .item .item_link_area .text {font-size: 1.6rem; font-weight: 400; color:#9B9B9B;}
.partners_item_set .item .item_link_area .icon {display: flex; justify-content: center; align-items: center; width:35px; height:35px; margin-left: 10px; border-radius: 18px; border:1px dashed #616161;}
.partners_item_set .item a:hover .item_link_area .text {color: #FF6600;}
.partners_item_set .item a:hover .item_link_area .icon {border: 1px solid #FF6600;}
.partners_item_set .item a:hover .item_link_area .icon svg path {stroke: #FF6600;}
.partners_item_wrap h3 {margin-top: 20px; margin-bottom: 20px; font-size: 2rem; font-weight: 500; color: #212529;}
.partners_item_wrap h3.adc {color: #FF6600;}
.partners_item_wrap h3.nce {margin-top: 50px; color: #00AAD2;}

.partners_item_wrap .partners_item_set.adc_set {border-bottom: 1px dashed #C8C8C8;}

@media all and (max-width:1024px){
    .partners_item_set .item {width: 50%;}
}
@media all and (max-width:550px){
    .partners_item_set .item {width: 100%;}
}

#contents .ethical_item_area {margin-top: 20px;}
.ethical_item_set .item {display: flex; flex-direction: column; justify-content: space-between; align-items: center; width: 32%; margin-bottom: 60px; border: 1px dashed #bebebe; margin-bottom:0; padding: 15px;}
.ethical_item_set .item.active {border: 1px solid #FF6600;}
.ethical_item_set {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.ethical_item_set .item .item_link_area {display: flex; justify-content: center; align-items: center; width:100%; top:250px; left:0; text-align: center;}
.ethical_item_set .item .item_link_area .text {font-size: 1.6rem; font-weight: 400; color:#9B9B9B;}
.ethical_item_set .item .item_link_area .icon {display: flex; justify-content: center; align-items: center; width:35px; height:35px; margin-left: 10px; border-radius: 18px; border:1px dashed #616161;}
.ethical_item_set .item a:hover .item_link_area .text {color: #FF6600;}
.ethical_item_set .item a:hover .item_link_area .icon {border: 1px solid #FF6600;}
.ethical_item_set .item a:hover .item_link_area .icon svg path {stroke: #FF6600;}

.inner_button .item_link_area {display: flex; justify-content: center; align-items: center; width:100%; top:250px; left:0; text-align: center;}
.inner_button .item_link_area .text {font-size: 1.6rem; font-weight: 400; color:#9B9B9B;}
.inner_button .item_link_area .icon {display: flex; justify-content: center; align-items: center; width:35px; height:35px; margin-left: 10px; border-radius: 18px; border:1px dashed #616161;}
.inner_button:hover .item_link_area .text {color: #FF6600;}
.inner_button:hover .item_link_area .icon {border: 1px solid #FF6600;}
.inner_button:hover .item_link_area .icon svg path {stroke: #FF6600;}

@media all and (max-width:1024px){
    .ethical_item_set .item {width: 32%;}
}
@media all and (max-width:550px){
    .ethical_item_set .item {width: 100%; margin-bottom: 5px;}
}

/* [S] 3 뎁스 메뉴 네비게이션 */
#contents .depth03_nav_area {margin-top: 50px; border-top: 1px solid #BEBEBE; border-bottom: 1px solid #BEBEBE;}
#contents .depth03_nav_area .depth03_nav_set {display: flex; justify-content: flex-start; align-items: center;}
#contents .depth03_nav_area .depth03_nav_set .depth03_nav_text {display: flex; justify-content: flex-start; align-items: center;  height: 73px; font-size: 1.6rem; font-weight: 600; color:#212529; flex-shrink: 0; padding-right: 4.1rem; ;}
#contents .depth03_nav_area .depth03_nav_set .depth03_nav_item_set {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: calc(100% - 145px);  border-left: 1px dashed #C8C8C8;}
#contents .depth03_nav_area .depth03_nav_set .depth03_nav_item_set a {padding: 10px 40px;}
#contents .depth03_nav_area .depth03_nav_set .depth03_nav_item_set a:nth-child(odd):hover .depth03_nav_item{color:#FF6900;}
#contents .depth03_nav_area .depth03_nav_set .depth03_nav_item_set a:nth-child(even):hover .depth03_nav_item{color:#00AAD2;}
#contents .depth03_nav_area .depth03_nav_set .depth03_nav_item_set.pipeline_depth03 a:nth-child(odd):hover .depth03_nav_item{color: #FF6900;}
#contents .depth03_nav_area .depth03_nav_set .depth03_nav_item_set.pipeline_depth03 a:nth-child(even):hover .depth03_nav_item{color: #00AAD2;}
#contents .depth03_nav_area .depth03_nav_set .depth03_nav_item_set a:nth-child(odd):hover span {background-color: #FF6900;}
#contents .depth03_nav_area .depth03_nav_set .depth03_nav_item_set a:nth-child(even):hover span {background-color: #00AAD2;}
#contents .depth03_nav_area .depth03_nav_set .depth03_nav_item_set.pipeline_depth03 a:nth-child(odd):hover span {background-color: #FF6900;}
#contents .depth03_nav_area .depth03_nav_set .depth03_nav_item_set.pipeline_depth03 a:nth-child(even):hover span {background-color: #00AAD2;}
#contents .depth03_nav_area .depth03_nav_set .depth03_nav_item_set .depth03_nav_item {display: flex; justify-content: center; align-items: center; font-size: 1.6rem; font-weight: 400; color:#212529;}
#contents .depth03_nav_area .depth03_nav_set .depth03_nav_item_set .depth03_nav_item span {width:7px; height:7px; margin-right: 10px; border-radius: 4px; background-color: #CECECE;}
#contents .depth03_nav_area .depth03_nav_set .depth03_nav_item_set a:nth-child(odd) .depth03_nav_item.mm_active {color:#FF6900;}
#contents .depth03_nav_area .depth03_nav_set .depth03_nav_item_set a:nth-child(even) .depth03_nav_item.mm_active {color:#00AAD2;}

#contents .depth03_nav_area .depth03_nav_set .depth03_nav_item_set.pipeline_depth03 a .depth03_nav_item.mm_active {
  color:#FF6900;
}
#contents .depth03_nav_area .depth03_nav_set .depth03_nav_item_set.pipeline_depth03 a:nth-child(odd) .depth03_nav_item.mm_active {color:#FF6900;}
#contents .depth03_nav_area .depth03_nav_set .depth03_nav_item_set.pipeline_depth03 a:nth-child(even) .depth03_nav_item.mm_active {color:#00AAD2;}
#contents .depth03_nav_area .depth03_nav_set .depth03_nav_item_set a:nth-child(odd) .depth03_nav_item.mm_active span {background-color: #FF6900;}
#contents .depth03_nav_area .depth03_nav_set .depth03_nav_item_set a:nth-child(even) .depth03_nav_item.mm_active span {background-color: #00AAD2;}
#contents .depth03_nav_area .depth03_nav_set .depth03_nav_item_set.pipeline_depth03 a:nth-child(odd) .depth03_nav_item.mm_active span {background-color: #FF6900;}
#contents .depth03_nav_area .depth03_nav_set .depth03_nav_item_set.pipeline_depth03 a:nth-child(even) .depth03_nav_item.mm_active span {background-color: #00AAD2;}


/* ESG경영추가 */
#contents .depth03_nav_area .depth03_nav_set .depth03_nav_item_set.esg_depth03 a:nth-child(n+1):hover .depth03_nav_item{
  color: #FF6900;
}
#contents .depth03_nav_area .depth03_nav_set .depth03_nav_item_set.esg_depth03 a:nth-child(n+1):hover span{
  background-color: #FF6900;
}
/* [E] 3 뎁스 메뉴 네비게이션 */


/* [S] 파이프라인 */

.program_antibody_title {display: none; font-size:1.4rem; font-weight: 400; color:#888888;}
.license_partner_text {display: none; font-size:1.4rem; font-weight: 400; color:#888888;}

#contents .pipeline_area {margin-top:60px;}
#contents .pipeline_area .pipeline_class_title {font-size:3rem; font-weight: 500; color:#212529;font-family: 'Noto Sans KR';}
#contents .pipeline_area .pipeline_class_contents {margin-top: 20px; font-size:1.8rem; line-height: 1.5; font-weight: 400; color:#333333;font-family: 'Noto Sans KR';}

#contents .class_L_area {margin-top: 50px;}
#contents .class_L_area .class_L_th {display:flex; justify-content: center; align-items: center; border-bottom: 1px solid #666666;}
#contents .class_L_area .L_th {display:flex; justify-content: center; align-items: center; height: 70px; font-size: 1.3rem; font-weight: 400; text-align: center; color:#212529; border-right: 1px dashed #C8C8C8;}
#contents .class_L_area .L_th:last-child {border-right:none;}

/* #contents .class_L_area .L_th_pro {width:13%;}
#contents .class_L_area .L_th_indi {width:13%;}
#contents .class_L_area .L_th_anti {width:13%;}
#contents .class_L_area .L_th_licen {width:13%;}
#contents .class_L_area .L_th_Stage {display: none; width:42%;}
#contents .class_L_area .L_th_pipe {width:7%;}
#contents .class_L_area .L_th_prec {width:7%;}
#contents .class_L_area .L_th_phase1 {width:7%;}
#contents .class_L_area .L_th_phase2 {width:7%;}
#contents .class_L_area .L_th_phase3 {width:7%;}
#contents .class_L_area .L_th_approval {width:7%;}
#contents .class_L_area .L_th_etc {width:19%;} */


#contents .class_L_area .L_th_pro {width:11%;}
#contents .class_L_area .L_th_indi {width:11%;}
#contents .class_L_area .L_th_anti {width:16%;}
#contents .class_L_area .L_th_licen {width:16%;}
#contents .class_L_area .L_th_Stage {display: none; width:30%;}
#contents .class_L_area .L_th_pipe {width:10%;}
#contents .class_L_area .L_th_prec {width:10%;}
#contents .class_L_area .L_th_phaseset {width:10%;}
#contents .class_L_area .L_th_etc {width:16%;}

#contents .class_L_area .class_L_class_title {padding-bottom: 10px; font-size: 1.8rem; font-weight: 700; color: #212529; border-bottom: 2px solid #212529;}


#contents .class_L_area .program_set {display:flex; justify-content: center; align-items: center; padding: 25px 0; border-bottom: 1px dashed #C8C8C8;}
#contents .class_L_area .program_set .program_title_area {width:11%;}
#contents .class_L_area .program_set .program_title_area .program_title_title {font-size:1.6rem; font-weight:600; color:#212529;}
#contents .class_L_area .program_set .program_title_area .program_title_sub {font-size:1.3rem; font-weight:300; color:#212529;}
#contents .class_L_area .program_set .program_indication_area {width:11%; padding-left: 10px; font-size: 1.2rem; font-weight: 400; color:#666666;}
#contents .class_L_area .program_set .program_antibody_area {display:flex; justify-content: center; align-items: center; width:16%;}
#contents .class_L_area .program_set .program_antibody_area img {height:40px;}
#contents .class_L_area .program_set .stage_multi_wrap {width:62%;}
#contents .class_L_area .program_set .stage_multi_wrap .stage_multi_set {display: flex; justify-content: center; align-items: center; width: 100%; padding: 5px 0;}
#contents .class_L_area .program_set .stage_multi_wrap .stage_multi_set .license_partner_area {display:flex; justify-content: center; align-items: center; width:25.8%;}
#contents .class_L_area .program_set .stage_multi_wrap .stage_multi_set .license_partner_area img {height:40px;}
#contents .class_L_area .program_set .stage_multi_wrap .stage_multi_set .graph_area {position: relative; display:flex; align-items: center; width:48.4%; height: 34px; margin: 3px 0; border-radius: 17px; background-color:#F1F1F1;}
#contents .class_L_area .program_set .stage_multi_wrap .stage_multi_set .graph_area .graph_mi_line {position: absolute; top:0; left: 0; display: flex; justify-content: space-between; align-items: center; width: 100%; height: 100%;}
#contents .class_L_area .program_set .stage_multi_wrap .stage_multi_set .graph_area .graph_mi_line div {width: 33.3333%; height: 100%; border-right: 1px dashed #C8C8C8;}
#contents .class_L_area .program_set .stage_multi_wrap .stage_multi_set .graph_area .graph_mi_line div:last-child {border-right: none;}
#contents .class_L_area .program_set .stage_multi_wrap .stage_multi_set .graph_area .stage_text {position: absolute; display: none; top:7px; left: 0; width: 100%; text-align: center; font-size: 1.4rem; font-weight: 400; color: #ffffff; text-shadow: 1px 1px 5px #000000; }
#contents .class_L_area .program_set .stage_multi_wrap .stage_multi_set .graph_area .graph {height: 34px; border-radius: 17px;}
#contents .class_L_area .program_set .stage_multi_wrap .stage_multi_set .notes_area {padding-left: 10px; width:25.8%; font-size: 1.2rem; font-weight: 400; color:#666666;}




#contents .class_L_area .program_set .stage_single_wrap {width:62%;}
#contents .class_L_area .program_set .stage_single_wrap .stage_single_set {display: flex; justify-content: center; align-items: center; width: 100%; padding: 5px 0;}
#contents .class_L_area .program_set .stage_single_wrap .stage_single_set .license_partner_set {display:flex; flex-direction: column; justify-content: center; align-items: center; width:25.8%;}
#contents .class_L_area .program_set .stage_single_wrap .stage_single_set .license_partner_set .license_item {text-align: center;}
#contents .class_L_area .program_set .stage_single_wrap .stage_single_set .license_partner_set .license_item .license_partner_area {padding: 5px 0;}
#contents .class_L_area .program_set .stage_single_wrap .stage_single_set .license_partner_set .license_item .license_partner_area img {height: 40px;}
#contents .class_L_area .program_set .stage_single_wrap .stage_single_set .graph_notes_set {display:flex; justify-content: center; align-items: center; width:74.2%;}
#contents .class_L_area .program_set .stage_single_wrap .stage_single_set .graph_notes_set .graph_area {position: relative; display:flex; align-items: center; width:65.23%; height: 34px; margin: 3px 0; border-radius: 17px; background-color:#F1F1F1;}

#contents .class_L_area .program_set .stage_single_wrap .stage_single_set .graph_area .graph_si_line {position: absolute; top:0; left: 0; display: flex; justify-content: space-between; align-items: center; width: 100%; height: 100%;}
#contents .class_L_area .program_set .stage_single_wrap .stage_single_set .graph_area .graph_si_line div {width: 33.3333%; height: 100%; border-right: 1px dashed #C8C8C8;}
#contents .class_L_area .program_set .stage_single_wrap .stage_single_set .graph_area .graph_si_line div:last-child {border-right: none;}

#contents .class_L_area .program_set .stage_single_wrap .stage_single_set .graph_notes_set .graph_area .stage_text {position: absolute; display: none; top:7px; left: 0; width: 100%; text-align: center; font-size: 1.4rem; font-weight: 400; color: #ffffff; text-shadow: 1px 1px 5px #000000; }
#contents .class_L_area .program_set .stage_single_wrap .stage_single_set .graph_notes_set .graph_area .graph {height: 34px; border-radius: 17px;}
#contents .class_L_area .program_set .stage_single_wrap .stage_single_set .graph_notes_set .notes_area {width:34.77%; padding-left: 10px; font-size: 1.2rem; font-weight: 400; color:#666666;} 



#contents .class_P_area {margin-top: 50px;}
#contents .class_P_area .class_P_th {display:flex; justify-content: center; align-items: center; border-bottom: 1px solid #666666;}
#contents .class_P_area .P_th {display:flex; justify-content: center; align-items: center; height: 70px; font-size: 1.3rem; font-weight: 400; text-align: center; color:#212529; border-right: 1px dashed #C8C8C8;}
#contents .class_P_area .P_th:last-child {border-right:none;}




/* #contents .class_P_area .P_th_pro {width:20%;}
#contents .class_P_area .P_th_indi {width:11%;}
#contents .class_P_area .P_th_partner {width:14%;}
#contents .class_P_area .P_th_Stage {display: none; width:42%;}
#contents .class_P_area .P_th_pipe {width:7%;}
#contents .class_P_area .P_th_prec {width:7%;}
#contents .class_P_area .P_th_phase1 {width:7%;}
#contents .class_P_area .P_th_phase2 {width:7%;}
#contents .class_P_area .P_th_phase3 {width:7%;}
#contents .class_P_area .P_th_approval {width:7%;}
#contents .class_P_area .P_th_etc {width:24%;} */

#contents .class_P_area .P_th_pro {width:11%;}
#contents .class_P_area .P_th_indi {width:11%;}
#contents .class_P_area .P_th_partner {width:16%;}
#contents .class_P_area .P_th_Stage {display: none; width:46%;}
#contents .class_P_area .P_th_pipe {width:9.2%;}
#contents .class_P_area .P_th_prec {width:9.2%;}
#contents .class_P_area .P_th_phase1 {width:9.2%;}
#contents .class_P_area .P_th_phase2 {width:9.2%;}
#contents .class_P_area .P_th_phase3 {width:9.2%;}
#contents .class_P_area .P_th_etc {width:16%;}

#contents .class_P_area .class_P_class_title {padding-bottom: 10px; border-bottom: 2px solid #212529;}
#contents .class_P_area .class_P_class_title a {display: flex; justify-content: flex-start; align-items: center; font-size: 1.8rem; font-weight: 700; color: #212529;}
#contents .class_P_area .class_P_class_title a:hover .btn_icon_plus {border: 1px solid #FF6600;}
#contents .class_P_area .class_P_class_title a:hover .btn_icon_plus svg path {stroke:#FF6600;}

#contents .class_P_area .class_P_class_title a .btn_icon {display: flex; justify-content: center; align-items: center; width: 21px; height: 21px; margin-top: 2px; margin-left: 10px; border-radius: 11px;}
#contents .class_P_area .class_P_class_title a .btn_icon_plus {border: 1px dashed #707070;}
#contents .class_P_area .class_P_class_title a .btn_icon_minus {border: 1px solid #FF6600;}
#contents .class_P_area .class_P_class_title a .icon_hidden {display: none;}

#contents .class_P_area .class_P_class_title .class_P_contents {display: none; padding-top: 20px; padding-bottom: 35px; font-size: 1.6rem; font-weight: 300; color: #666666;}




#contents .class_P_area .program_set {display:flex; justify-content: center; align-items: center; padding: 25px 0; border-bottom: 1px solid #C8C8C8;}
#contents .class_P_area .program_set:first-child {border-top: 2px solid #212529; }
#contents .class_P_area .program_set:last-child {border-bottom: 1px solid #212529; }
#contents .class_P_area .program_set .program_title_area {width:11%;}
#contents .class_P_area .program_set .program_title_area .program_title_title {font-size:1.6rem; font-weight:600; color:#212529;}
#contents .class_P_area .program_set .program_title_area .program_title_sub {font-size:1.3rem; font-weight:300; color:#212529;}
#contents .class_P_area .program_set .program_indication_area {width: 11%; padding-left: 10px;  font-size: 1.2rem; font-weight: 400; color:#666666;}
#contents .class_P_area .program_set .stage_multi_wrap {width:78%;}
#contents .class_P_area .program_set .stage_multi_wrap .stage_multi_set {display: flex; justify-content: center; align-items: center; width: 100%; padding: 5px 0;}
#contents .class_P_area .program_set .stage_multi_wrap .stage_multi_set .license_partner_area {display:flex; justify-content: center; align-items: center; width:20.5%;}
#contents .class_P_area .program_set .stage_multi_wrap .stage_multi_set .license_partner_area img {height:40px;}
#contents .class_P_area .program_set .stage_multi_wrap .stage_multi_set .graph_area {position: relative; display:flex; align-items: center; width:59%; height: 34px; margin: 3px 0; border-radius: 17px; background-color:#F1F1F1;}

#contents .class_P_area .program_set .stage_multi_wrap .stage_multi_set .graph_area .graph_mi_line {position: absolute; top:0; left: 0; display: flex; justify-content: space-between; align-items: center; width: 100%; height: 100%;}
#contents .class_P_area .program_set .stage_multi_wrap .stage_multi_set .graph_area .graph_mi_line div {width: 20%; height: 100%; border-right: 1px dashed #C8C8C8;}
#contents .class_P_area .program_set .stage_multi_wrap .stage_multi_set .graph_area .graph_mi_line div:last-child {border-right: none;}

#contents .class_P_area .program_set .stage_multi_wrap .stage_multi_set .graph_area .stage_text {position: absolute; display: none; top:7px; left: 0; width: 100%; text-align: center; font-size: 1.4rem; font-weight: 400; color: #ffffff; text-shadow: 1px 1px 5px #000000; }
#contents .class_P_area .program_set .stage_multi_wrap .stage_multi_set .graph_area .graph {height: 34px; border-radius: 17px;}
#contents .class_P_area .program_set .stage_multi_wrap .stage_multi_set .notes_area {padding-left: 10px; width:20.5%; font-size: 1.2rem; font-weight: 400; color:#666666;}


#contents .class_P_area .program_set .stage_single_wrap {width:78%;}
#contents .class_P_area .program_set .stage_single_wrap .stage_single_set {display: flex; justify-content: center; align-items: center; width: 100%; padding: 5px 0;}
#contents .class_P_area .program_set .stage_single_wrap .stage_single_set .license_partner_set {display:flex; flex-direction: column; justify-content: center; align-items: center; width:20.5%;}
#contents .class_P_area .program_set .stage_single_wrap .stage_single_set .license_partner_set .license_item {text-align: center;}
#contents .class_P_area .program_set .stage_single_wrap .stage_single_set .license_partner_set .license_item .license_partner_area {padding: 5px 0;}
#contents .class_P_area .program_set .stage_single_wrap .stage_single_set .license_partner_set .license_item .license_partner_area img {height:40px;}
#contents .class_P_area .program_set .stage_single_wrap .stage_single_set .graph_notes_set {display:flex; justify-content: center; align-items: center; width:79.5%;}
#contents .class_P_area .program_set .stage_single_wrap .stage_single_set .graph_notes_set .graph_area {position: relative; display:flex; align-items: center; width:74.2%; height: 34px; margin: 3px 0; border-radius: 17px; background-color:#F1F1F1;}
#contents .class_P_area .program_set .stage_single_wrap .stage_single_set .graph_notes_set .graph_area .stage_text {position: absolute; display: none; top:7px; left: 0; width: 100%; text-align: center; font-size: 1.4rem; font-weight: 400; color: #ffffff; text-shadow: 1px 1px 5px #000000; }
#contents .class_P_area .program_set .stage_single_wrap .stage_single_set .graph_notes_set .graph_area .graph {height: 34px; border-radius: 17px;}

#contents .class_P_area .program_set .stage_single_wrap .stage_single_set .graph_area .graph_si_line {position: absolute; top:0; left: 0; display: flex; justify-content: space-between; align-items: center; width: 100%; height: 100%;}
#contents .class_P_area .program_set .stage_single_wrap .stage_single_set .graph_area .graph_si_line div {width: 20%; height: 100%; border-right: 1px dashed #C8C8C8;}
#contents .class_P_area .program_set .stage_single_wrap .stage_single_set .graph_area .graph_si_line div:last-child {border-right: none;}


#contents .class_P_area .program_set .stage_single_wrap .stage_single_set .graph_notes_set .notes_area {width:25.8%; padding-left: 10px; font-size: 1.2rem; font-weight: 400; color:#666666;} 

/* [E] 파이프라인 */
@media all and (max-width:1024px){

    .break_point_1024 {display:none;}

    #contents .class_L_area .L_th_Stage {display: flex;}
    #contents .class_L_area .L_th_pipe {display: none;}
    #contents .class_L_area .L_th_prec {display: none;}
    #contents .class_L_area .L_th_phase1 {display: none;}
    #contents .class_L_area .L_th_phase2 {display: none;}
    #contents .class_L_area .L_th_phase3 {display: none;}
    #contents .class_L_area .L_th_phaseset {display: none;}
    #contents .class_L_area .L_th_approval {display: none;}
    #contents .class_L_area .program_set .stage_multi_wrap .stage_multi_set .graph_area .stage_text {display: block;}
    #contents .class_L_area .program_set .stage_single_wrap .stage_single_set .graph_notes_set .graph_area .stage_text {display: block;}

    #contents .class_P_area .P_th_Stage {display: flex;}
    #contents .class_P_area .P_th_pipe {display: none;}
    #contents .class_P_area .P_th_prec {display: none;}
    #contents .class_P_area .P_th_phase1 {display: none;}
    #contents .class_P_area .P_th_phase2 {display: none;}
    #contents .class_P_area .P_th_phase3 {display: none;}
    #contents .class_P_area .P_th_approval {display: none;}
    #contents .class_P_area .program_set .stage_multi_wrap .stage_multi_set .graph_area .stage_text {display: block;}
    #contents .class_P_area .program_set .stage_single_wrap .stage_single_set .graph_notes_set .graph_area .stage_text {display: block;}

    #contents .class_L_area .program_set .program_antibody_area img {height:30px;}
    #contents .class_L_area .program_set .stage_multi_wrap .stage_multi_set .license_partner_area img {height:30px;}
    #contents .class_L_area .program_set .stage_single_wrap .stage_single_set .license_partner_set .license_item .license_partner_area img {height: 30px;}

    #contents .class_P_area .program_set .stage_multi_wrap .stage_multi_set .license_partner_area img {height:30px;}
    #contents .class_P_area .program_set .stage_single_wrap .stage_single_set .license_partner_set .license_item .license_partner_area img {height: 30px;}

    
}

@media all and (max-width:768px){
    #contents .class_full_wrap {padding-bottom: 40px;}
    .program_antibody_title {display: block;}
    .license_partner_text {display: block;}

    #contents .pipeline_area {margin-top:40px;}
    #contents .pipeline_area .pipeline_wrap .pipeline_set {padding-bottom: 30px;}
    #contents .pipeline_area .pipeline_class_title {font-size:2.8rem;}
    #contents .pipeline_area .pipeline_class_contents {margin-top: 10px;}


    #contents .class_L_area {margin-top: 0;}
    #contents .class_L_area.L_program {margin-bottom: 50px;}
    #contents .class_L_area .class_L_set {display:none;}
    #contents .class_L_area .program_set {display:block; padding: 25px 0; border-bottom: 1px dashed #C8C8C8;}
    #contents .class_L_area .program_set .program_title_area {display: block; justify-content: flex-start; align-items: center; width:100%;}
    #contents .class_L_area .program_set .program_title_area .program_title_title {font-size: 2rem;}
    #contents .class_L_area .program_set .program_title_area .program_title_sub {margin-left: 0;}
    #contents .class_L_area .program_set .program_antibody_area {display: flex; justify-content: space-between; align-items: center; width:100%; margin-top: 20px;}


    #contents .class_L_area .program_set .stage_multi_wrap {width:100%;}
    #contents .class_L_area .program_set .stage_multi_wrap .stage_multi_set {display: block; width: 100%; padding: 5px 0; margin-top: 20px;}
    #contents .class_L_area .program_set .stage_multi_wrap .stage_multi_set .license_partner_area {display:flex; justify-content: space-between; align-items: center; width:100%;}
    #contents .class_L_area .program_set .stage_multi_wrap .stage_multi_set .graph_area {position: relative; display:flex; align-items: center; width:100%; height: 34px; margin: 10px 0; border-radius: 17px; background-color:#F1F1F1;}
    #contents .class_L_area .program_set .stage_multi_wrap .stage_multi_set .graph_area .graph {height: 34px; border-radius: 17px;}
    #contents .class_L_area .program_set .stage_multi_wrap .stage_multi_set .notes_area {padding-left: 0; width:100%; font-size: 1.2rem; font-weight: 400; color:#666666;}


    #contents .class_L_area .program_set .stage_single_wrap {width:100%;}
    #contents .class_L_area .program_set .stage_single_wrap .stage_single_set {display: block; width: 100%; padding: 5px 0; margin-top: 20px;}
    #contents .class_L_area .program_set .stage_single_wrap .stage_single_set .license_partner_set {display:block; width:100%;}
    #contents .class_L_area .program_set .stage_single_wrap .stage_single_set .license_partner_area {display:flex; justify-content: space-between; align-items: center; width:100%;}
    #contents .class_L_area .program_set .stage_single_wrap .stage_single_set .graph_notes_set {display:block; width:100%;}
    #contents .class_L_area .program_set .stage_single_wrap .stage_single_set .graph_notes_set .graph_area {position: relative; display:flex; align-items: center; width:100%; height: 34px; margin: 10px 0; border-radius: 17px; background-color:#F1F1F1;}
    #contents .class_L_area .program_set .stage_single_wrap .stage_single_set .graph_notes_set .notes_area {padding-left: 0; width:100%; font-size: 1.2rem; font-weight: 400; color:#666666;}


    #contents .class_P_area {margin-top: 0;}
    #contents .class_P_area .class_P_set {display:none;}
    #contents .class_P_area .program_set {display:block; padding: 25px 0; border-bottom: 1px dashed #C8C8C8;}
    #contents .class_P_area .program_set .program_title_area {display: block; justify-content: flex-start; align-items: center; width:100%;}
    #contents .class_P_area .program_set .program_title_area .program_title_title {font-size: 2rem;}
    #contents .class_P_area .program_set .program_title_area .program_title_sub {margin-left: 0;}
    #contents .class_P_area .program_set .program_antibody_area {display: flex; justify-content: space-between; align-items: center; width:100%; margin-top: 20px;}
    

    #contents .class_P_area .program_set .stage_multi_wrap {width:100%;}
    #contents .class_P_area .program_set .stage_multi_wrap .stage_multi_set {display: block; width: 100%; padding: 5px 0; margin-top: 20px;}
    #contents .class_P_area .program_set .stage_multi_wrap .stage_multi_set .license_partner_area {display:flex; justify-content: space-between; align-items: center; width:100%;}
    #contents .class_P_area .program_set .stage_multi_wrap .stage_multi_set .graph_area {position: relative; display:flex; align-items: center; width:100%; height: 34px; margin: 10px 0; border-radius: 17px; background-color:#F1F1F1;}
    #contents .class_P_area .program_set .stage_multi_wrap .stage_multi_set .graph_area .graph {height: 34px; border-radius: 17px;}
    #contents .class_P_area .program_set .stage_multi_wrap .stage_multi_set .notes_area {padding-left: 0; width:100%; font-size: 1.2rem; font-weight: 400; color:#666666;}


    #contents .class_P_area .program_set .stage_single_wrap {width:100%;}
    #contents .class_P_area .program_set .stage_single_wrap .stage_single_set {display: block; width: 100%; padding: 5px 0; margin-top: 20px;}
    #contents .class_P_area .program_set .stage_single_wrap .stage_single_set .license_partner_set {display:block; width:100%;}
    #contents .class_P_area .program_set .stage_single_wrap .stage_single_set .license_partner_area {display:flex; justify-content: space-between; align-items: center; width:100%;}
    #contents .class_P_area .program_set .stage_single_wrap .stage_single_set .graph_notes_set {display:block; width:100%;}
    #contents .class_P_area .program_set .stage_single_wrap .stage_single_set .graph_notes_set .graph_area {position: relative; display:flex; align-items: center; width:100%; height: 34px; margin: 10px 0; border-radius: 17px; background-color:#F1F1F1;}
    #contents .class_P_area .program_set .stage_single_wrap .stage_single_set .graph_notes_set .notes_area {padding-left: 0; width:100%; font-size: 1.2rem; font-weight: 400; color:#666666;}

    #contents .class_L_area .program_set .program_antibody_area img {height:20px;}
    #contents .class_L_area .program_set .stage_multi_wrap .stage_multi_set .license_partner_area img {height:20px;}
    #contents .class_L_area .program_set .stage_single_wrap .stage_single_set .license_partner_set .license_item .license_partner_area img {height: 20px;}

    #contents .class_P_area .program_set .stage_multi_wrap .stage_multi_set .license_partner_area img {height:20px;}
    #contents .class_P_area .program_set .stage_single_wrap .stage_single_set .license_partner_set .license_item .license_partner_area img {height: 20px;}

    #contents .class_L_area .program_set .program_indication_area {width:100%;}
    #contents .class_P_area .program_set .program_indication_area {width: 100%;}
    
}



/* [S] 레고켐바이오 */

#contents .about_text_area {margin-top: 30px;}
#contents .about_text_area .about_text {font-size: 1.8rem; font-weight: 300; color: #666666;}
#contents .about_main_image_area {margin-top: 50px;}
#contents .about_main_image_set {position: relative; width:100%; margin:0 auto; padding-bottom:41%; background-image: url('/public/images/contents/about_img_01_01.jpg'); background-color:#eee; background-repeat: no-repeat; background-size: cover;}

#contents .ethical_main_image_set {position: relative; width:100%; margin:0 auto; padding-bottom:41%; background-image: url('/common/images/ethical_img_01.jpg'); background-color:#eee; background-repeat: no-repeat; background-size: cover;}

#contents .about_main_image_set .deco_text {position: absolute; top:106px; left: 75px; font-family: "Poppins"; font-size: 5.6rem; font-weight: 700; color: #fff;  line-height: 1.2;  transition: all 0.3s;text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);}
#contents .about_main_image_set .deco_text em{color: #FF9A30;}
#contents .about_main_image_set .deco_bg {position: absolute; right: 22%; bottom: 0; width:21%;  padding-bottom: 43%; transform: skew(-34deg);  transition: all 0.3s;}

#contents .about_main_image_set .deco_logo {display: none; position: absolute; top: 50%; right: 24.5%; margin-top: -33px; width: 17%;  padding-bottom: 6%; background-image: url("/common/images/about_main_img.png"); background-repeat: no-repeat; background-size: contain; transition: all 0.3s;}
.about_br01 {display: none;}


#contents .ethical_main_image_set {position: relative; width:100%; margin:0 auto; padding-bottom:41%; background-image: url('/common/images/ethical_img_01.jpg'); background-color:#eee; background-repeat: no-repeat; background-size: cover;}
#contents .ethical_main_image_set{background-image:url('/public/images/contents/ethical_img_01.jpg');}

#contents .about_b_con_area {margin-top: 60px;}
#contents .about_b_con_set {display: flex; justify-content: space-between; align-items: flex-start;}
#contents .about_b_con_title {font-size: 2rem; font-weight: 500; color:#212529;}
#contents .about_b_con_contents {margin-top: 10px;}
#contents .about_b_con {display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; width: 50%;}
#contents .about_b_con_left .about_b_con_title{padding-right: 25px;}
#contents .about_b_con_left .about_b_con_contents{width: 100%; padding-right: 25px;padding-left: 10px;}
#contents .about_b_con_right .about_b_con_title{padding-left: 15px;}
#contents .about_b_con_right .about_b_con_contents{width: 100%; padding-left: 25px;}
#contents .about_b_con_contents ul li {margin-bottom: 6px; font-size: 1.8rem; font-weight: 300; color:#666666;}
#contents .about_b_con_contents ul li::before {content: "·"; position: absolute; margin-left: -10px;}
#contents .about_b_con_left .about_b_con_image{position: relative; width:120%; margin:0 auto; margin-left: -25px; padding-bottom:82%; background-image: url('/public/images/contents/about_b_image01_01.jpg'); background-color:#eee; background-repeat: no-repeat; background-size: cover;}
/* #contents .about_b_con_right .about_b_con_image{position: relative; width:120%; margin:0 auto; margin-left: -25px; padding-bottom:82%; background-image: url('/common/images/about_b_image02.jpg'); background-color:#eee; background-repeat: no-repeat; background-size: cover;} */
#contents .about_b_con_image{display: none; margin-top: 30px !important;}
#contents .about_b_con_image_text {position: absolute; top:20px; left: 20px; font-family: "Poppins"; font-size: 2.4rem; font-weight: 400; line-height: 3.4rem; color:#fff; transition: all 0.3s;}

#contents .about_b_pc_area {margin-top: 50px;}
#contents .about_b_pc_wrap {position: relative;}
#contents .about_b_pc_set {display: flex; justify-content: space-between; align-items: center; width: 100%;}
#contents .about_b_pc_image_left {position: relative; width:100%; margin:0 auto; padding-bottom:41%; background-image: url('/public/images/contents/about_b_image01_01.jpg');  background-repeat: no-repeat; background-size: cover;}
/* #contents .about_b_pc_image_right {position: relative; width:50%; margin:0 auto; padding-bottom:41%; background-image: url('/common/images/about_b_image02.jpg'); background-color:#eee; background-repeat: no-repeat; background-size: cover;} */
#contents .about_b_pc_deco_text {position: absolute; top:8rem;  margin-left: 10%; font-family: "Poppins"; font-size: 4.5rem; font-weight: 400; line-height: 4.9rem; color:#fff; transition: all 0.3s;}
#contents .about_b_pc_deco {position: absolute; left: 44%; top: 0; width:21%;  padding-bottom: 42%; transform: skew(34deg); opacity: 0.7; transition: all 0.3s;}

@media all and (max-width:1024px){
    #contents .about_main_image_set .deco_text {top:30px; left: 30px; font-size: 3.5rem;  line-height: 3.9rem;}
    #contents .about_main_image_set .deco_bg {right: 22%; width:24%;}
    #contents .about_b_pc_deco_text {top:50%; margin-top: -60px; margin-left: 5%; font-size: 3.5rem; line-height: 3.9rem;}
}

@media all and (max-width:768px){
    #contents .about_main_image_set {height: 328px; background-position: 50% 50%;width: 100vw;left:50%;transform: translateX(-50%);}
    #contents .ethical_main_image_set {height: 328px; background-position: 50% 50%;width: 100vw;transform: translateX(-50%);left: 50%;}
    #contents .about_main_image_wrap {padding: 0;}
    #contents .about_main_image_set .deco_text {top:30px; left: 30px; font-size: 2.4rem;  line-height: 2.9rem;}
    #contents .about_main_image_set .deco_bg {right: 100px; width:170px; height: 335px;}
    #contents .about_main_image_set .deco_logo {width: 112px; right:130px; padding-bottom: 30%; }
    #contents .about_b_pc_area {display: none;}
    #contents .about_b_con_set{display: block;}
    #contents .about_b_con {width: 100%;}
    #contents .about_b_con_left .about_b_con_title{padding-right: 0;}
    #contents .about_b_con_left .about_b_con_contents{padding-right: 0;}
    #contents .about_b_con_right .about_b_con_title{padding-left: 0;}
    #contents .about_b_con_right .about_b_con_contents{padding-left: 10px;}
    #contents .about_b_con_right {margin-top: 30px;}
}
@media all and (max-width:480px){
    #contents .about_main_image_set .deco_bg {right: 0; }
    #contents .about_main_image_set .deco_logo {right:30px;}
}
/* [E] 레고켐바이오 */


/* [S] 연혁 */
#contents .history_area {margin-top: 50px;}

#contents .history_set {display: flex; justify-content: flex-start; align-items: flex-start; width: 100%; padding-bottom: 50px; border-bottom: 1px dashed #C8C8C8;}
#contents .history_year {font-size: 2.4rem; font-weight: 500; color:#000000;}
#contents .history_contents_wrap {width: calc(100% - 95px); margin-left: 40px;}
#contents .history_contents {margin-top: 3px;}
#contents .history_contents ul li {display: flex; justify-content: flex-start; align-items: flex-start; margin-bottom: 6px; font-size: 1.6rem; font-weight: 300; color:#666666;}
#contents .history_contents ul li > div:last-child {margin-left: 10px;}


.history_con {display: flex; justify-content: flex-start; align-items: center;}
.history_con > div:first-child {margin-right: 20px;}

.rel_btn_icon {display: flex; justify-content: center; align-items: center; width: 18px; height: 18px; margin-left: 5px; border-radius: 9px; border: 1px dashed #707070;}
.rel_btn_icon .icon_rel_minus {display: none;}

.rel_btn_set {display: flex; justify-content: flex-start; align-items: center; font-size: 1.4rem; font-weight: 700; color: #212529; cursor: pointer;}
.rel_btn_set:hover div:first-child {color: #FF6600;}
.rel_btn_set:hover .rel_btn_icon path {stroke: #FF6600;}
.rel_btn_set:hover .rel_btn_icon {border: 1px solid #FF6600;}

.rel_btn_set.active div:first-child {color: #FF6600;}
.rel_btn_set.active .rel_btn_icon {border: 1px solid #FF6600;}
.rel_btn_set.active .icon_rel_plus {display: none;}
.rel_btn_set.active .icon_rel_minus {display: block !important;}




#contents .history_contents ul li.rel_news_area {display: none; margin-bottom: 30px !important;}
.rel_news_area ul {padding: 30px; border-top: 1px solid #FF6900; border-bottom: 1px dashed #C8C8C8; background-color: #FBFBFB;}

.rel_news_area ul li {margin-bottom: 15px !important;}
.rel_news_area ul li:last-child {margin-bottom: 0px !important;}
.rel_news_area ul li a {font-size: 1.6rem; font-weight: 400; color: #212529;}
.rel_news_area ul li a::before {content: "·"; position: absolute; margin-left: -10px;}

#contents .history_slider_area {margin-top: 30px;}
#contents .history_slider_item {position:relative;  width: 220px; height: 220px; margin-right: 20px; border: 1px solid #CCCCCC; text-align: center; outline: none; cursor: pointer;}
#contents .history_slider_item:hover {border: 1px solid #FF6600;}
#contents .history_slider_item:last-child::after {content: ""; position: absolute; top:-1px; right: 20px; width: 31px; height: 30px; transform: skew(-34deg); background-color: #FF6900;}
#contents .history_thumb_title {margin-top: 50px; font-size: 1.4rem; font-weight: 300; color:#212529; text-align: center;}
#contents .history_thumb_image {display: flex; justify-content: center; align-items: center;}

@media all and (max-width:1024px){
    .history_con {display: block;}
    .rel_btn_set {margin-top: 10px; margin-bottom: 20px;}
}

@media all and (max-width:768px){
    #contents .history_set {display: block;}
    #contents .history_contents_wrap {width: 100%; margin-left: 0;}
    #contents .history_contents {margin-top: 20px;}
    #contents .history_contents ul li {margin-bottom: 12px;}
}
/* [E] 연혁 */


/* [S] 비전 */
#contents .vision_01_area {margin-top: 50px;}
#contents .vision_01_set {display: flex; justify-content: space-between; align-items: center; width: 100%; height: 354px; background-image: url("/common/images/vision_bg01.jpg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
#contents .vision_01_sec {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 50%; height: 240px; border-right: 1px dashed #C8C8C8;}
#contents .vision_01_sec:last-child {border-right: none;}
#contents .vision_01_subtitle {font-size: 2rem; font-weight: 500; color:#FFFFFF; transition: all 0.3s;}
#contents .vision_01_title {font-family: "Poppins"; font-size: 5rem; font-weight: 500; color: #FFFFFF; transition: all 0.3s;}


#contents .vision_02_area {margin-top: 50px;}
#contents .vision_02_set {border-bottom: 1px dashed #C8C8C8;}
#contents .vision_02_set h2 {font-size: 3rem; font-weight: 500; color:#212529;}
#contents .vision_02_con_area {display: flex; justify-content: space-between; align-items: flex-start; margin-top: 30px;}
#contents .vision_02_con_item {width: 33.3333%; padding: 10px 50px 15px 50px; border-left: 1px dashed #C8C8C8; border-right: 1px dashed #C8C8C8;}
#contents .vision_02_con_item:first-child {border-left: none; border-right: none;}
#contents .vision_02_con_item:last-child {border-left: none; border-right: none;}
#contents .vision_02_con_title {margin-top: 30px; font-size: 2rem; font-weight: 500; color: #212529;}
#contents .vision_02_con_content {margin-top: 10px;}
#contents .vision_02_con_content ul li {margin-left: 10px; margin-bottom: 7px; font-size: 1.6rem; font-weight: 300; color: #212529;}
#contents .vision_02_con_content ul li::before {content: "·"; position: absolute; margin-left: -10px;}
#contents .vision_03_area {margin-top: 50px;}
#contents .vision_03_set h2 {font-size: 3rem; font-weight: 500; color:#212529;}
#contents .vision_03_image {width: 100%; height: 354px; margin-top: 30px; background-image: url("/common/images/vision_bg02.jpg"); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%;}

@media all and (max-width:1024px){
    #contents .vision_01_subtitle {font-size: 1.8rem;}
    #contents .vision_01_title {font-size: 4rem;}
}

@media all and (max-width:768px){
    #contents .vision_01_set {flex-direction: column; justify-content: center; padding: 0 20px;}
    #contents .vision_01_sec {width:100%; height: inherit; border-right: none; border-bottom: 1px dashed #C8C8C8;}
    #contents .vision_01_subtitle {font-size: 1.6rem;}
    #contents .vision_01_title {font-size: 3.4rem;}
    #contents .vision_02_con_area {display: block;}
    #contents .vision_02_con_item {width: 100%; padding: 30px 0 30px 0; border-left: none; border-right: none; border-bottom: 1px dashed #C8C8C8;}
    #contents .vision_02_con_title {margin-top: 10px;}
    #contents .vision_03_image {background-position: 50% 60%;}
    
}

.vision_n01_area {margin-top: 50px;}
.vision_n01_set .sub_title {font-family: "Poppins"; font-size: 4rem; font-weight: 500; color: #212529; text-align: center;}
.vision_n01_set .title {font-family: "Poppins"; font-size: 5rem; font-weight: 700; line-height: 5.5rem; color: #212529; text-align: center;}

.vision_n02_area {margin-top: 76px;}
.vision_n02_set {display: flex; justify-content: space-around; align-items: center; background-image: url("/common/images/vision_line.svg"); background-repeat: repeat-x; background-position: 0 50%;}
.vision_n02_set .item {display: flex; justify-content: center; align-items: center;}
.vision_n02_set .item span {padding: 0 15px; font-size: 2rem; font-weight: 500; color: #212529; background-color: #FFFFFF;}
.vision_n02_set .item:nth-child(1) span {font-size: 2rem;}
.vision_n02_set .item:nth-child(2) span {font-size: 3rem;}
.vision_n02_set .item:nth-child(3) span {font-size: 4rem;}

.vision_n03_set {margin-top: 42px; display: flex; justify-content: space-between; align-items: flex-start;}
.vision_n03_set .item_set {width: 33.333%;}
.vision_n03_set .item_set:nth-child(2) {border-left: 1px dashed #C1C1C1; border-right: 1px dashed #C1C1C1;}
.vision_n03_set .item_set .year {display: none;}
.vision_n03_set .item_set .item {width: 100%; padding-right: 20px;}
.vision_n03_set .item_set .item .con {width: 100%; display: flex; justify-content: flex-start; align-items: flex-start;}
.vision_n03_set .item_set .item .con .title {width: 118px; font-size: 1.6rem; font-weight: 500; color: #212529;}
.vision_n03_set .item_set .item .con ul {width: calc(100% - 118px);}
.vision_n03_set .item_set:nth-child(2) .item .con ul {width: 100%;}
.vision_n03_set .item_set:nth-child(3) .item .con ul {width: 100%;}
.vision_n03_set .item_set:nth-child(2) .item .con .title {display: none;}
.vision_n03_set .item_set:nth-child(3) .item .con .title {display: none;}
.vision_n03_set .item_set .item .con ul li {margin-left: 10px; margin-bottom: 6px; font-size: 1.6rem; font-weight: 300; color:#212529;}
.vision_n03_set .item_set .item .con ul li::before {content: "·"; position: absolute; margin-left: -10px;}
.vision_n03_set .item_set .item:nth-child(2) {height: 114px;}
.vision_n03_set .item_set .item:nth-child(3) {height: 141px;}
.vision_n03_set .item_set:nth-child(2) .item {padding-left: 30px;}
.vision_n03_set .item_set:nth-child(3) .item {padding-left: 30px;}


.vision_n04_area {margin-top: 90px; padding: 100px 0; background-color: #F8F8F8;}
.vision_n04_set .item_set {display: flex; justify-content: space-between; align-items: center;}
.vision_n04_set .item_set .year {width: 15%; padding-top: 45px; font-size: 3rem; font-weight: 500; color: #212529;}
.vision_n04_set .item_set .con_set {width: 85%;}
.vision_n04_set .item_set .con_set .item {display: flex; justify-content: space-between; align-items: flex-end;}
.vision_n04_set .item_set .con_set .item .title {width: 88px; padding-bottom: 4px; font-size: 1.4rem; font-weight: 400; color: #212529;}
.vision_n04_set .item_set .con_set .item .stage_set {width: calc(100% - 88px);}
.vision_n04_set .item_set .con_set .item .stage_set .thead {display: flex; justify-content: space-between; align-items: center;}
.vision_n04_set .item_set .con_set .item .stage_set .thead span {font-size: 1.4rem; font-weight: 400; color: #212529;}
.vision_n04_set .item_set .con_set .item .stage_set .count {display: flex; justify-content: space-between; align-items: center;}
.vision_n04_set .item_set .con_set .item .stage_set .count span {font-size: 2rem; font-weight: 500; color: #212529;}

.vision_n04_set .item_set .con_set .item .stage_set .thead span:nth-child(1) {width: 24px; text-align: center;}
.vision_n04_set .item_set .con_set .item .stage_set .thead span:nth-child(2) {width: 52px; text-align: center;}
.vision_n04_set .item_set .con_set .item .stage_set .thead span:nth-child(3) {width: 52px; text-align: center;}
.vision_n04_set .item_set .con_set .item .stage_set .thead span:nth-child(4) {width: 52px; text-align: center;}
.vision_n04_set .item_set .con_set .item .stage_set .thead span:nth-child(5) {width: 49px; text-align: center;}
.vision_n04_set .item_set .con_set .item .stage_set .thead span:nth-child(6) {width: 33px; text-align: center;}

.vision_n04_set .item_set .con_set .item .stage_set .count span:nth-child(1) {width: 24px; text-align: center;}
.vision_n04_set .item_set .con_set .item .stage_set .count span:nth-child(2) {width: 52px; text-align: center;}
.vision_n04_set .item_set .con_set .item .stage_set .count span:nth-child(3) {width: 52px; text-align: center;}
.vision_n04_set .item_set .con_set .item .stage_set .count span:nth-child(4) {width: 52px; text-align: center;}
.vision_n04_set .item_set .con_set .item .stage_set .count span:nth-child(5) {width: 49px; text-align: center;}
.vision_n04_set .item_set .con_set .item .stage_set .count span:nth-child(6) {width: 33px; text-align: center;}

.vision_n04_set .item_set .con_set .item .stage_set .stage {width: 100%; height: 8px; border-radius: 4px; }

.vision_n04_set .item_set:nth-child(1) .con_set .item .stage_set .stage {background: linear-gradient(to right, #59D9F3, #4F7FEF);}
.vision_n04_set .item_set:nth-child(2) .con_set .item .stage_set .stage {background: linear-gradient(to right, #4DB3F6, #DC53FC);}
.vision_n04_set .item_set:nth-child(3) .con_set .item .stage_set .stage {background: linear-gradient(to right, #F850C0, #FF952C);}

.vision_n04_set .item_set {margin-bottom: 100px;}
.vision_n04_set .item_set .con_set .item:nth-child(1) .stage_set .thead {margin-bottom: 28px;}
.vision_n04_set .item_set .con_set .item:nth-child(1) .stage_set .stage {display: none;}
.vision_n04_set .item_set .con_set .item:nth-child(2) .stage_set .thead {display: none;}
.vision_n04_set .item_set .con_set .item:nth-child(2) .stage_set .stage {margin-top: 10px; margin-bottom: 10px;}


.vision_n05_set {display: flex; justify-content: space-between; align-items: flex-start;}
.vision_n05_set .item {display: flex; flex-direction: column; justify-content: center;  align-items: center; width: 50%; height: 254px; background-color: #FFFFFF;}
.vision_n05_set .item:nth-child(1) {margin-right: 5px;}
.vision_n05_set .item:nth-child(2) {margin-left: 5px;}
.vision_n05_set .item .title {font-family: "Poppins"; font-size: 4rem; font-weight: 500; color: #212529;}
.vision_n05_set .item .count {font-family: "Poppins"; font-size: 5rem; font-weight: 700; color: #000000;}

.vision_n06_area {margin-top: 80px;}
.vision_n06_set {display: flex; justify-content: space-between; align-items: center;}
.vision_n06_set .item_main {display: flex; justify-content: center; align-items: center; width: 250px; height: 250px; border-radius: 125px; background-color: #FF8834; font-size: 2rem; font-weight: 400; color: #FFFFFF; mix-blend-mode: multiply; text-align: center;}
.vision_n06_set .item_sub {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 200px; height: 200px; border-radius: 100px; mix-blend-mode: multiply; text-align: center;}
.vision_n06_set .item_sub .num {font-family: "Poppins"; font-size: 2rem; font-weight: 600; color: #FFFFFF;}
.vision_n06_set .item_sub .text {font-size: 1.6rem; font-weight: 400; line-height: 2.6rem; color: #FFFFFF;}
.vision_n06_set .item_line {width: calc(100% - 810px); height: 1px; background-image: url("/common/images/vision_line.svg"); background-repeat: repeat-x; background-position: 0 50%;}
.vision_n06_set .item_line2 {width: calc(100% - 1018px); height: 1px; background-image: url("/common/images/vision_line.svg"); background-repeat: repeat-x; background-position: 0 50%;}
.vision_n06_set .item_sub:nth-child(3) {background-color: #38C1E1;}
.vision_n06_set .item_sub:nth-child(4) {margin-left: -20px; background-color: #7D57FF;}
.vision_n06_set .item_sub:nth-child(5) {margin-left: -20px; background-color: #FF5757;}




.vision_n07_area {margin-top: 80px;}
.vision_n07_set .item {display: flex; justify-content: flex-start; align-items: flex-start; margin-bottom: 30px; padding-bottom: 32px;}
.vision_n07_set .item {border-bottom: 1px dashed #C1C1C1;}
.vision_n07_set .item:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom:none;}

.vision_n07_set .item .title_set {width: 290px;}
.vision_n07_set .item .con_set {width: calc(100% - 290px);}

.vision_n07_set .item .title_set .title {font-size: 2.4rem; font-weight: 400; line-height: 3.4rem; color: #212529;}
.vision_n07_set .item .title_set img {margin-top: 20px;}

.vision_n07_set .item .con_set .sub_title {margin-bottom: 10px; font-size: 1.6rem; font-weight: 500; list-style: 3.4rem; color: #212529;}
.vision_n07_set .item .con_set .sub_title svg {margin: 0 12px;}

.vision_n07_set .item .con_set strong {padding-bottom: 10px; font-size: 1.6rem; font-weight: 700; color:#212529;}

.vision_n07_set .item .con_set ul li {margin-left: 10px; margin-bottom: 6px; font-size: 1.6rem; font-weight: 300; color:#212529;}
.vision_n07_set .item .con_set ul li::before {content: "·"; position: absolute; margin-left: -10px;}


@media all and (max-width:1024px){
    .vision_n03_set {display: block;}
    .vision_n02_area {display: none;}
    
    .vision_n03_set .item_set {width: 100%; margin-bottom: 40px;}
    .vision_n03_set .item_set:nth-child(2) {border-left: none; border-right: none;}
    .vision_n03_set .item_set .year {display: flex; justify-content: center; align-items: center; margin-bottom: 30px; background-image: url("/common/images/vision_line.svg"); background-repeat: repeat-x; background-position: 0 50%;}
    .vision_n03_set .item_set .year span {padding: 0 15px; font-size: 2rem; font-weight: 500; color: #212529; background-color: #FFFFFF;}

    .vision_n03_set .item_set:nth-child(1) .year span {font-size: 2rem;}
    .vision_n03_set .item_set:nth-child(2) .year span {font-size: 3rem;}
    .vision_n03_set .item_set:nth-child(3) .year span {font-size: 4rem;}
    

    .vision_n03_set .item_set:nth-child(2) .item .con .title {display: block;}
    .vision_n03_set .item_set:nth-child(3) .item .con .title {display: block;}
    .vision_n03_set .item_set .item {margin-bottom: 30px;}
    .vision_n03_set .item_set .item:last-child {margin-bottom: 0;}
    .vision_n03_set .item_set .item:nth-child(2) {height: inherit;}
    .vision_n03_set .item_set .item:nth-child(3) {height: inherit;}
    .vision_n03_set .item_set:nth-child(2) .item {padding-left: 0px;}
    .vision_n03_set .item_set:nth-child(3) .item {padding-left: 0px;}
    .vision_n03_set .item_set:nth-child(2) .item .con ul {width: calc(100% - 118px);}
    .vision_n03_set .item_set:nth-child(3) .item .con ul {width: calc(100% - 118px);}

    .vision_n06_area {margin-top: 40px;}
    .vision_n06_set {display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 46px;}
    .vision_n06_set .item_line {width: 1px; height: 83px; background-image: url("/common/images/vision_line.svg"); background-repeat: repeat-y; background-position: 50% 0;}
    .vision_n06_set .item_line2 {width: 1px; height: 45px; background-image: url("/common/images/vision_line.svg"); background-repeat: repeat-y; background-position: 50% 0;}
    .vision_n06_set .item_sub:nth-child(4) {margin-top: -20px; margin-left: 0px;}
    .vision_n06_set .item_sub:nth-child(5) {margin-top: -20px; margin-left: 0px;}
}

@media all and (max-width:768px){
    .vision_n04_area {padding: 40px 0;}
    .vision_n04_set .item_set {display: block;}
    .vision_n04_set .item_set .year {width: 100%; padding-top: 0;}
    .vision_n04_set .item_set .con_set {width: 100%; margin-top: 10px;}
    .vision_n04_set .item_set .con_set .item {display: block; margin-bottom: 20px;}
    .vision_n04_set .item_set .con_set .item .title {width: 100%;}
    .vision_n04_set .item_set .con_set .item .stage_set {width: 100%; margin-top: 10px;}
    
    .vision_n04_set .item_set {margin-bottom: 40px;}
    .vision_n04_set .item_set .con_set .item:nth-child(1) .stage_set .thead {margin-bottom: 0;}
    .vision_n04_set .item_set .con_set .item:nth-child(1) .stage_set .stage {display: block; margin: 10px 0;}
    .vision_n04_set .item_set .con_set .item:nth-child(2) .stage_set .thead {display: flex;}
    .vision_n04_set .item_set .con_set .item:nth-child(2) .stage_set .stage {margin-top: 10px; margin-bottom: 10px;}

    .vision_n05_set {display: block;}
    .vision_n05_set .item {width: 100%;}
    .vision_n05_set .item:nth-child(1) {margin-right: 0px; margin-bottom: 20px;}
    .vision_n05_set .item:nth-child(2) {margin-left: 0px;}

    .vision_n07_set .item {display: block; padding-bottom: 30px;}
    .vision_n07_set .item .title_set {width: 100%;}
    .vision_n07_set .item .con_set {width: 100%; margin-top: 30px;}
    .vision_n07_set .item .title_set .title {font-size: 2.4rem; line-height: 3.4rem;}
    .vision_n07_set .item .title_set .title .mo_none {display: none;}
}



/* [E] 비전 */

/* [S] CEO */
#contents .ceo_01_area {margin-top: 50px;} 
#contents .ceo_01_set {position: relative; width: 100%; height:374px; background-image: url("/common/images/ceo_bg02.jpg"); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%;}

#contents .ceo_01_set .deco_bg {position: absolute; right: 12.5%; bottom: 0; width:380px; height: 400px;  transform: skew(-34deg); background-color: #FF6900; mix-blend-mode:multiply; transition: all 0.3s;}
#contents .ceo_01_set .deco_ceo_title {position: absolute; top: 50%; right: 19%; margin-top: -33px;  padding-bottom: 6%; transition: all 0.3s;}
#contents .deco_ceo_title01 {font-size: 2.4rem; font-weight: 300; color: #FFFFFF;}
#contents .deco_ceo_title02 {font-size: 2.4rem; font-weight: 300; color: #FFFFFF;}
#contents .deco_ceo_title03 {font-size: 3rem; font-weight: 500; color: #FFFFFF;}
#contents .ceo_br {display: none;}

#contents .ceo_02_area {margin-top: 50px;}
#contents .ceo_02_set p {margin-bottom: 35px; font-size: 1.6rem; font-weight: 300; color:#666666; line-height: 3rem;}
#contents .ceo_02_set p strong {font-weight: 500; color: #212529;}
#contents .ceo_02_set .ceo_02_impact {color: #FF6600;}

#contents .ceo_03_area {margin-top: 30px;}
#contents .ceo_03_set {display: flex; justify-content: flex-end; align-items: center;}
#contents .ceo_03_set .ceo_03_title {padding-right: 10px; font-size: 1.6rem; font-weight: 400; color: #212529; text-align: right;}

@media all and (max-width:1024px){
    #contents .ceo_01_set .deco_bg {width: 300px;}
    #contents .ceo_01_set .deco_ceo_title { right: 16%;}
    #contents .ceo_01_set {background-position: 20% 50%;}
}
@media all and (max-width:768px){
    .ceo_01_wrap.content_max {width: 100%; padding: 0;}
    #contents .ceo_01_set .deco_bg {width: 195px; right: 8%; background-color: inherit;}
    #contents .ceo_01_set .deco_ceo_title { right: 16%;}
    #contents .ceo_br {display: none;}
    #contents .ceo_01_set{width: 100vw;transform: translateX(-50%);left: 50%;}
}
/* [E] CEO */


/* [S] 핵심인력 */
#contents .mem_01_area {margin-top: 60px; }

#contents .mem_01_set h2 {font-size: 3rem; font-weight: 500; color:#212529;font-family:'Noto Sans KR';}
#contents .mem_01_itemset {position: relative; height: 1080px; background-image: url("/common/images/mem_line.svg"); background-repeat: no-repeat; background-position: 50% 50%;}

#contents .mem_01_itemset .mem_item {position: absolute; display: flex; justify-content: center; align-items: center; margin-top: 30px;}

#contents .mem_01_itemset .mem_item:nth-child(1) {top:50%; left: 50%; margin-top: -125px; margin-left: -115px;}
#contents .mem_01_itemset .mem_item:nth-child(2) {top:38%; left:21%; margin-top: -125px; margin-left: -115px;}
#contents .mem_01_itemset .mem_item:nth-child(3) {top:20%; left:50%; margin-top: -125px; margin-left: -115px;}
#contents .mem_01_itemset .mem_item:nth-child(4) {top:38%; right:10%; margin-top: -125px; margin-left: -115px;}
#contents .mem_01_itemset .mem_item:nth-child(5) {top:75%; left:31%; margin-top: -125px; margin-left: -115px;}
#contents .mem_01_itemset .mem_item:nth-child(6) {top:75%; right:20%; margin-top: -125px; margin-left: -115px;}



#contents .mem_01_itemset .mem_item .mem_name_set {display: flex; justify-content: center; align-items: center;}
#contents .mem_01_itemset .mem_item .mem_name_set:lang(en) {flex-direction: column;}
#contents .mem_01_itemset .mem_item a .mem_image {position: relative; width: 230px; height: 230px; border-radius: 90px; }
#contents .mem_01_itemset .mem_item a .mem_image img {border-radius: 200px; border: 15px solid #EBEBEB;}
#contents .mem_01_itemset .mem_item a .mem_image .mem_image_round {position: absolute; top:0px; left: 0px;}
#contents .mem_01_itemset .mem_item a:hover .mem_image_round {width: 230px; height: 230px; border-radius: 200px; border: 1px solid #FF6600;} 
#contents .mem_01_itemset .mem_item a .mem_image {width: 230px; height: 230px;}




#contents .mem_new_01_itemset {position: relative; height: 1080px; background-image: url("/common/images/mem_new_line.svg"); background-repeat: no-repeat; background-position: 50% 50%;}
#contents .mem_new_01_itemset .mem_item {position: absolute; display: flex; justify-content: center; align-items: center; margin-top: 30px;}
#contents .mem_new_01_itemset .mem_item:nth-child(1) {top:50%; left: 50%; margin-top: -125px; margin-left: -115px;}
#contents .mem_new_01_itemset .mem_item:nth-child(2) {top:29%; left:26%; margin-top: -125px; margin-left: -115px;}
#contents .mem_new_01_itemset .mem_item:nth-child(3) {top:29%; left:74%; margin-top: -125px; margin-left: -115px;}
#contents .mem_new_01_itemset .mem_item:nth-child(4) {top:73%; left:26%; margin-top: -125px; margin-left: -115px;}
#contents .mem_new_01_itemset .mem_item:nth-child(5) {top:73%; left:74%; margin-top: -125px; margin-left: -115px;}

#contents .mem_new_01_itemset .mem_item .mem_name_set {display: flex; justify-content: center; align-items: center; background-color: #ffffff;}
#contents .mem_new_01_itemset .mem_item .mem_name_set:lang(en) {flex-direction: column;}
#contents .mem_new_01_itemset .mem_item a .mem_image {position: relative; width: 230px; height: 230px; border-radius: 90px; }
#contents .mem_new_01_itemset .mem_item a .mem_image img {border-radius: 200px; border: 15px solid #EBEBEB;}
#contents .mem_new_01_itemset .mem_item a .mem_image .mem_image_round {position: absolute; top:0px; left: 0px;}
#contents .mem_new_01_itemset .mem_item a:hover .mem_image_round {width: 230px; height: 230px; border-radius: 200px; border: 1px solid #FF6600;} 
#contents .mem_new_01_itemset .mem_item a .mem_image {width: 230px; height: 230px;}


@media all and (max-width:1024px){
    #contents .mem_01_itemset {position: inherit; height: inherit; background-image: none;}
    #contents .mem_01_itemset .mem_item {position: inherit; display: flex; justify-content: center; align-items: center; margin-bottom: 30px !important;}

    #contents .mem_01_itemset .mem_item:nth-child(1) {top:50%; left: 50%; margin-top: 0; margin-left: 0px;}
    #contents .mem_01_itemset .mem_item:nth-child(2) {top:38%; right:10%; margin-top: 0; margin-left: 0px;}
    #contents .mem_01_itemset .mem_item:nth-child(3) {top:75%; right:20%; margin-top: 0; margin-left: 0px;}
    #contents .mem_01_itemset .mem_item:nth-child(4) {top:38%; left:21%; margin-top: 0; margin-left: 0px;}
    #contents .mem_01_itemset .mem_item:nth-child(5) {top:20%; left:50%; margin-top: 0; margin-left: 0px;}
    #contents .mem_01_itemset .mem_item:nth-child(6) {top:75%; left:31%; margin-top: 0; margin-left: 0px;}

    #contents .mem_new_01_itemset {position: inherit; height: inherit; background-image: none;}
    #contents .mem_new_01_itemset .mem_item {position: inherit; display: flex; justify-content: center; align-items: center; margin-bottom: 30px !important;}

    #contents .mem_new_01_itemset .mem_item:nth-child(1) {top:50%; left: 50%; margin-top: 0; margin-left: 0px;}
    #contents .mem_new_01_itemset .mem_item:nth-child(2) {top:38%; right:10%; margin-top: 0; margin-left: 0px;}
    #contents .mem_new_01_itemset .mem_item:nth-child(3) {top:75%; right:20%; margin-top: 0; margin-left: 0px;}
    #contents .mem_new_01_itemset .mem_item:nth-child(4) {top:38%; left:21%; margin-top: 0; margin-left: 0px;}
    #contents .mem_new_01_itemset .mem_item:nth-child(5) {top:20%; left:50%; margin-top: 0; margin-left: 0px;}
    #contents .mem_new_01_itemset .mem_item:nth-child(6) {top:75%; left:31%; margin-top: 0; margin-left: 0px;}
}
#contents .mem_name_set {display: flex; justify-content: flex-start; align-items: flex-end; margin-top: 20px;}
#contents .mem_name_set:lang(en) {margin-top: 5px;}
#contents .mem_name_set .mem_title {margin-right: 5px; font-size: 2rem; font-weight: 600; color: #FF6600;}
#contents .mem_name_set .mem_title:lang(en) {font-size: 1.6rem;}
#contents .mem_name_set .mem_title.rnd {color: #00AAD2;}
#contents .mem_name_set .mem_title.ope {color: #C700F6;}
#contents .mem_name_set .mem_name {font-size: 2rem; font-weight: 500; color: #101010;}
#contents .mem_name_set .mem_name:lang(en) {font-size: 1.8rem; background-color: #ffffff;}
#contents .mem_name_set .mem_sub_title {margin-left: 4px; font-size: 1.6rem; font-weight: 300; color: #666666;}
#contents .mem_name_set .mem_sub_title:lang(en) {font-size: 1.4rem; background-color: #ffffff;}



#contents .mem_02_area {padding-top: 50px; background-color: #FBFBFB;}
#contents .mem_02_area h3 {font-size: 3rem; font-weight: 500; color:#212529;}
#contents .mem_02_area .mem_item_rap {margin-top: 30px; display: flex; justify-content: space-between; align-items: center;}

#contents .mem_02_set {display: flex; justify-content: space-between; align-items: flex-start; padding-bottom: 50px; border-bottom: 1px dashed #C8C8C8;}

#contents .mem_02_set .mem_02_left {width: 60%; padding-right: 21px;}
#contents .mem_02_set .mem_02_right {width: 40%; padding-left: 21px;}


#contents .mem_02_set .mem_item a {display: flex; flex-direction: column; justify-content: center; align-items: center;}
#contents .mem_02_set .mem_item a .mem_image {position: relative; width: 180px; height: 180px; border-radius: 90px; }
#contents .mem_02_set .mem_item a .mem_name_set {text-align: center;}
#contents .mem_02_set .mem_item a .mem_name_set .mem_sub_title {margin-top: 10px; font-size: 1.6rem; font-weight: 300; color: #666666; }
#contents .mem_02_set .mem_item a .mem_image .mem_image_round {position: absolute; top: -1px; left: -1px;}
#contents .mem_02_set .mem_item a:hover .mem_image_round {width: 180px; height: 180px; border-radius: 90px; border: 2px solid #FF6600;} 


#contents .mem_03_area {padding-top: 50px; padding-bottom: 50px;position: relative;}
#contents .mem_03_area::before{display: block;position: absolute;top: 0;left: 50%;width: 100vw;height: 100%;background: #FBFBFB;border-top: 1px solid #D8D8D8;border-bottom: 1px solid #D8D8D8; transform: translateX(-50%);content: '';z-index: -1;}
#contents .mem_03_set h2 {font-size: 3rem; font-weight: 500; color:#212529;font-family: 'Noto Sans KR';}
#contents .mem_03_set .mem_item_set {display: flex; justify-content: space-between; align-items: center;}
#contents .mem_03_set .mem_item_set_2line {display: flex; justify-content: space-between; align-items: center; width: 50%;}

#contents .mem_03_set .mem_item_set_2line:first-child {padding-right: 7%;}
#contents .mem_03_set .mem_item_set_2line:last-child {padding-left: 2%;}

#contents .mem_03_set .mem_item {display: flex; justify-content: center; align-items: center; margin-top: 30px;}
#contents .mem_03_set .mem_item .mem_name_set {display: flex; flex-direction: column; justify-content: center; align-items: center;}
#contents .mem_03_set .mem_item a {display: flex; flex-direction: column; justify-content: center; align-items: center;}
#contents .mem_03_set .mem_item a .mem_image {position: relative; width: 180px; height: 180px; border-radius: 90px; }
#contents .mem_03_set .mem_item a .mem_image .mem_image_round {position: absolute; top: -1px; left: -1px;}
#contents .mem_03_set .mem_item a:hover .mem_image_round {width: 180px; height: 180px; border-radius: 90px; border: 2px solid #FF6600;} 
#contents .mem_03_set .mem_item a .mem_image {width: 180px; height: 180px;}
#contents .mem_03_set .mem_item a .mem_name_set .mem_sub_title {margin-top: 10px; font-size: 1.6rem; font-weight: 300; color: #666666; }




@media all and (max-width:1024px){
    #contents .mem_02_set {display: block;}
    #contents .mem_02_area .mem_item_rap {justify-content: space-around;}
    #contents .mem_02_set .mem_02_left {width: 100%; padding-right: 0;}
    #contents .mem_02_set .mem_02_right {width: 100%; padding-left: 0;}
    #contents .mem_02_set .mem_02_right {margin-top: 30px;}

    #contents .mem_03_set .mem_item_set {display: block;}
    #contents .mem_03_set .mem_item_set_2line {justify-content: space-around; width: 100%;}
    
    #contents .mem_03_set .mem_item_set_2line:first-child {padding-right:0;}
    #contents .mem_03_set .mem_item_set_2line:last-child {padding-left:0;}
}


@media all and (max-width:650px){
    #contents .mem_02_area .mem_item_rap {display: block;}
    #contents .mem_03_set .mem_item_set_2line {display: block;}
    #contents .mem_02_set .mem_item {margin-top: 30px;}
}




.pop_mem_area {position: fixed; display: flex; justify-content: center; align-items: center; top:0; left:0; width:100%; height:100%; padding: 30px 20px; overflow-y: auto; background-color: rgba(33, 37, 41, 0.5); z-index: 100;}
.pop_mem_area .pop_mem_wrap {position: relative; display: flex; justify-content: space-between; align-items: flex-start; width:930px; height: 560px; background-color: #FFFFFF;}
.pop_mem_wrap .pop_mem_left {width: 370px; height: 560px; background-repeat: no-repeat; background-size: cover; background-position: 50% 10%;}
.pop_mem_wrap .pop_mem_right {position: relative; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; width: calc(100% - 370px); height: 100%; padding: 10px 50px 30px 50px;}
.pop_mem_wrap .pop_mem_right .pop_mem_right_info {width:100%;}



.pop_mem_title {font-size: 6rem; font-weight: 600; color:#FF6600;}
.pop_mem_title.rnd {color:#00AAD2;}
.pop_mem_title.ope {color:#C700F6;}
.pop_mem_name_set {display: flex; justify-content: flex-start; align-items: flex-end;}
.pop_mem_name_set:lang(en) {display: block;}
.pop_mem_name {font-size: 6rem; font-weight: 500; color: #101010;}
.pop_mem_name:lang(en) {font-size: 4.5rem;}
.pop_mem_job {margin-left: 10px; padding-bottom: 9px; font-size: 2rem; font-weight: 500; color: #666666;}
.pop_mem_job:lang(en) {margin-left: 0; font-size: 1.8rem;}
.pop_mem_career {margin-top: 20px;}
.pop_mem_career:lang(en) {margin-top: 10px;}
.pop_mem_career ul li {margin-left: 10px; margin-bottom: 6px; font-size: 1.6rem; font-weight: 300; color:#666666;}
.pop_mem_career ul li::before {content: "·"; position: absolute; margin-left: -10px;}
.pop_mem_career .normal_con {font-size: 1.6rem; font-weight: 300; color:#666666;}
.pop_mem_career .normal_con:lang(en) {font-size: 1.4rem; height: 270px; overflow-y: auto;}
.pop_mem_career .normal_con.over:lang(en) {height: 200px; overflow-y: auto;}
.pop_mem_career .normal_con.formember {font-size: 1.4rem; line-height: 2.4rem; height: inherit;}

.pop_mem_right_btn {width: 100%;}
.pop_mem_right_btn:lang(en) {margin-top: 10px;}
.pop_mem_right_btn a {display: flex; justify-content: center; align-items: center; width: 100%; height: 60px; border: 1px dashed #BEBEBE;}
.pop_mem_right_btn a .pop_mem_close_text {font-size: 1.4rem; font-weight: 400; color: #666666;}
.pop_mem_right_btn a .pop_mem_close_icon {display: flex; justify-content: center; align-items: center; width:35px; height: 35px; margin-left: 10px; border-radius: 18px; border: 1px dashed #BEBEBE; }

.pop_mem_right_btn a:hover {border: 1px solid #BEBEBE;}
.pop_mem_right_btn a:hover .pop_mem_close_text {color: #FF6600;}
.pop_mem_right_btn a:hover .pop_mem_close_icon {border:  1px solid #FF6600;}
.pop_mem_right_btn a:hover .close_btn_path01 {stroke: #FF6600;}
.pop_mem_right_btn a:hover .close_btn_path02 {stroke: #FF6600;}

.pop_mem_deco {position: absolute; width: 100px; height: 96px; top:0; right: 50px; transform: skew(-34deg); background-color: #FF6900;}

.mem_img01 {background-image: url("/common/images/mem_pop_img01.jpg");}
.mem_img02 {background-image: url("/common/images/mem_pop_img02.jpg");}
.mem_img03 {background-image: url("/common/images/mem_pop_img03.jpg");}
.mem_img04 {background-image: url("/common/images/mem_pop_img04.jpg");}
.mem_img05 {background-image: url("/common/images/mem_pop_img05.jpg");}
.mem_img06 {background-image: url("/common/images/mem_pop_img06.jpg");}


.scientific .pop_mem_right {width: 100%;}
.scientific .pop_mem_name_set {display: flex; justify-content: flex-start; align-items: flex-end;}
.scientific .pop_mem_img {margin-top: 20px;}
.scientific .pop_mem_img img {width: 123px;}
.scientific .pop_mem_title {margin-top: 20px; font-size: 2rem; font-weight: 500; color:#212529;}
.scientific .pop_mem_name {margin-top: 10px; font-size: 3rem; font-weight: 500; color: #101010;}
.scientific .pop_mem_job {margin-left: 10px; padding-bottom: 2px; font-size: 1.6rem; font-weight: 300; color: #666666;}

@media all and (max-width:980px){
    .pop_mem_wrap {width: 100%;}
}
@media all and (max-width:768px){
    .pop_mem_area {background-color: rgba(255, 255, 255, 1); padding: 0; align-items: flex-start; }

    .pop_mem_area .pop_mem_wrap {display: block; top:0; width: 100%; height: fit-content; padding: 30px 25px;}
    .pop_mem_wrap .pop_mem_left {margin: 0 auto; height: 400px;}
    .pop_mem_wrap .pop_mem_right {position: relative; display: block; flex-direction: column; justify-content: space-between; align-items: flex-start; width: 370px; height: inherit; margin: 0 auto; padding: 10px 0 30px 0;}
    .pop_mem_deco {display: none;}

    .pop_mem_title {font-size: 4rem;}
    .pop_mem_name_set {display: flex; justify-content: flex-start; align-items: flex-end;}
    .pop_mem_name {font-size: 4rem; font-weight: 500; color: #101010;}
    .pop_mem_name:lang(en) {font-size: 3.5rem;}
    .pop_mem_job {margin-left: 10px; padding-bottom: 9px; font-size: 2rem; font-weight: 500; color: #666666;}
    .pop_mem_right_btn {margin-top: 50px;}

    .scientific .pop_mem_name_set {display: block;}
    .scientific .pop_mem_job {margin-left: 0;}
    .pop_mem_career .normal_con:lang(en) {height: inherit; overflow-y: inherit;}
    .pop_mem_career .normal_con.over:lang(en) {height: inherit; overflow-y: inherit;}
}
@media all and (max-width:420px){
    .pop_mem_wrap .pop_mem_left {width:100%;}
    .pop_mem_wrap .pop_mem_right {width:100%;}
}
 
/* [E] 핵심인력 */


/* [S] 연구분야 */
#contents .rnddata_text_area {margin-top: 30px; padding-bottom: 60px; border-bottom: 1px solid #D8D8D8;}
#contents .rnddata_text_area .rnddata_text {font-size: 1.6rem; font-weight: 300; line-height: 3rem; color: #666666;}

#contents .rnddata_con_area {margin-top: 60px;}
#contents .rnddata_con_set {display: flex; justify-content: space-between; align-items: flex-start; width: 100%;}
#contents .rnddata_content {width: 50%;}
#contents .rnddata_content:first-child {padding-right: 53px;}
#contents .rnddata_content:last-child {padding-left: 53px;}
#contents .rnddata_title {font-size: 3rem; font-weight: 500;}
#contents .rnddata_left .rnddata_title {color: #FF6900;}
#contents .rnddata_right .rnddata_title {color: #00AAD2;}
#contents .rnddata_sub_title {margin-top: 20px; font-size: 2rem; font-family: 500; color: #212529;}
#contents .rnddata_sub_text {min-height: 134px; margin-top: 10px; font-size: 1.6rem; font-weight: 300; line-height: 3rem; color: #666666;}
#contents .rnddata_icon_wrap {display: flex; justify-content: flex-start; align-items: flex-start; margin-top: 20px;}
#contents .rnddata_icon_set {display: flex; justify-content: flex-start; align-items: flex-start;}
#contents .rnddata_icon_item {display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 100px; margin-right: 30px;}
#contents .rnddata_icon_img_text {margin-top: 10px; font-size: 1.6rem; font-weight: 300; text-align: center;}
#contents .rnddata_left .rnddata_icon_img_text {color: #212529;}
#contents .rnddata_right .rnddata_icon_img_text {color: #212529;}

@media all and (max-width:1125px){
    #contents .rnddata_icon_item {margin-right: 15px;}   
}
@media all and (max-width:1024px){
    
    #contents .rnddata_con_set {display: block;}
    #contents .rnddata_content {width: 100%;}
    #contents .rnddata_content:first-child {padding-right: 0;}
    #contents .rnddata_content:last-child {padding-left: 0;}
    #contents .rnddata_sub_text {min-height: inherit;}
    #contents .rnddata_icon_wrap {margin-top: 50px;}
    #contents .rnddata_right {margin-top: 40px ;}
    #contents .rnddata_icon_item {margin-right: 30px;}
}

@media all and (max-width:550px){
    #contents .rnddata_right .rnddata_icon_wrap {display: block;}
    #contents .rnddata_icon_set:last-child {margin-top: 30px;}
}

/* [E] 연구분야 */

/* [S] 핵심기술 */
#contents .tech_01_area {margin-top: 60px;}
#contents .tech_01_area h2 {font-size: 3rem; font-weight: 500; color: #212529;}
#contents .tech_01_text {margin-top: 20px; font-size: 1.6rem; font-weight: 300; line-height: 3rem; color: #666666;}

#contents .tech_02_area {margin-top: 50px;}
#contents .tech_02_set {display: flex; justify-content: flex-start; align-items: center;}
#contents .tech_02_left {width: 223px; padding: 0 15px;}
#contents .tech_02_right { width: calc(100% - 223px); padding-left: 20px;}
#contents .tech_02_con_set {display: flex; justify-content: space-between; align-items: center; height: 150px;}
#contents .tech_02_pcnone {display: none;}
#contents .tech_02_text {width: 236px; font-size: 2rem; font-weight: 500; line-height: 3rem; text-align: center;}
#contents .tech_02_con_set_left .tech_02_text {color:#000000;}
#contents .tech_02_con_set_right .tech_02_text {color:#FF6600;}
#contents .tech_03_area {margin-top: 50px;}
#contents .tech_03_item {display: flex; justify-content: space-between; align-items: center; width: 100%; border-top: 1px dashed #C8C8C8; padding: 30px 0;}
#contents .tech_03_img_set {display: flex; justify-content: flex-start; align-items: center; width: 200px;}
#contents .tech_03_img_text {margin-left: 20px; font-size: 2rem; font-weight: 500; color: #212529;}
#contents .tech_03_nees_set {width: 300px;}
#contents .tech_03_sol_set {width: 300px;}
#contents .tech_03_title {font-size: 1.4rem; font-weight: 600; color: #666666;}
#contents .tech_03_text_title {font-size: 1.6rem; font-weight: 500; color: #212529;}
#contents .tech_03_text_set {margin-top: 15px;}
#contents .tech_03_text_content {margin-top: 7px;}
#contents .tech_03_text_content ul li {margin-left: 10px; margin-bottom: 3px; font-size: 1.6rem; font-weight: 300; color:#666666;}
#contents .tech_03_sol_set .tech_03_text_title {color: #FF6600;}
#contents .tech_03_text_content ul li::before {content: "·"; position: absolute; margin-left: -10px;}
#contents .tech_04_area {margin-top: 30px; padding: 60px 0 30px 0; background-color: #F8F8F8;}
#contents .tech_04_area h2 {font-size: 3rem; font-weight: 500; color: #212529;}
#contents .tech_04_con_wrap {display: flex; justify-content: space-between; align-items: flex-start;}
#contents .tech_04_con_item {width: 50%; margin-top: 30px;}
#contents .tech_04_con_item:first-child {padding-right: 30px;}
#contents .tech_04_con_item:last-child {padding-left: 30px; border-left: 1px dashed #C8C8C8; }
#contents .tech_04_con_item h3 {font-size: 2rem; font-weight: 2rem; color:#212529;}
#contents .tech_04_con_item ul {margin-top: 10px;}
#contents .tech_04_con_item ul li {margin-left: 10px; margin-bottom: 7px; font-size: 1.6rem; font-weight: 300; color:#666666;}
#contents .tech_04_con_item ul li::before {content: "·"; position: absolute; margin-left: -10px;}


#contents .tech_n04_con_wrap {display: flex; justify-content: space-between; align-items: flex-start; margin-top: 30px;}
#contents .tech_n04_con_item {display: flex; justify-content: center; align-items: center; width: 32.47%; height: 90px; padding: 13px; background-color: #FFFFFF; font-size: 1.6rem; font-weight: 400; line-height: 2.6rem; text-align: center;}

#contents .tech_05_image_area {position: relative; width:100%; margin:0 auto; margin-bottom:40px; padding-bottom:33%; background-image: url("/common/images/tech_05_img01_new.svg"); background-repeat: no-repeat; background-size: contain;}

#contents .tech_05_area {padding: 60px 0;background-color: #F8F8F8;}

#contents .toggle_btn span {font-size: 1.4rem; font-weight: 400; color: #666666;}
#contents .tech_05_btn_set {position: absolute;}
#contents .tech_05_btn_01 {top: 50%; left:13%;}
#contents .tech_05_btn_02 {top: 50%; left:34.2%;}
#contents .tech_05_btn_03 {top: 50%; left:61%;}

#contents .tech_05_btn_set a {display: flex; justify-content:center; align-items: center;}
#contents .tech_05_btn_set a .tech_05_btn_text {font-size: 1.6rem; font-weight: 500; color: #212529;}
#contents .tech_05_btn_set a .tech_05_btn_icon {display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; margin-left: 6px; border-radius: 12px; border: 1px dashed #707070;}
#contents .tech_05_btn_set a:hover .tech_05_btn_text {color: #FF6600;}
#contents .tech_05_btn_set a:hover .tech_05_btn_icon {border: 1px solid #FF6600;}
#contents .tech_05_btn_set a:hover .tech_05_btn_icon path {stroke: #FF6600;}

#contents .tech_05_btn_icon_m {display: none;}

#contents .tech_05_des_wrap {display: flex; justify-content: space-between; align-items: flex-start;}
#contents .tech_05_des_wrap .tech_05_des_area {display: flex; justify-content: flex-start; align-items: flex-start; width: 32.47%;}

#contents .tech_05_des_wrap .tech_05_des_area .tech_05_des_con {margin-left: 25px;}

#contents .tech_05_des_title {font-size: 2rem; font-weight: 500; color: #212529;}
#contents .tech_05_des_text {margin-top: 10px; font-size: 1.6rem; font-weight: 300; color: #707070;
}



#contents .tech_05_pop {position: absolute;}
#contents .tech_05_pop_01 {top:-20%; left:15%; width: 40.36%;}
#contents .tech_05_pop_01 img {width: 100%;}
#contents .tech_05_pop_02 {top:-20%; left:54%; width: 40.36%;}
#contents .tech_05_pop_02 img {width: 100%;}
#contents .tech_05_pop_03 {top:45%; left:2%; width: 34.49%;}
#contents .tech_05_pop_03 img {width: 100%;}
#contents .tech_05_pop_04 {top:45%; left:35%; width: 40.36%;}
#contents .tech_05_pop_04 img {width: 100%;}
#contents .tech_05_pop_pcnone {display: none;}

#contents .tech_06_area {margin-top: 80px;}
#contents .tech_06_area h2 {font-size: 3rem; font-weight: 500; color: #212529;}

#contents .tech_06_area .tech_n06_con_wrap {display: flex; justify-content: space-between; align-items: center; margin-top: 30px;}
#contents .tech_06_area .tech_n06_con_wrap .tech_n06_con_item {display: flex; justify-content: center; align-items: center; width:30.27%; height: 90px; background-color: #F1F1F1; text-align: center;}

#contents .tech_06_image_area {position: relative; width:100%; margin:0 auto; margin-top: 60px; margin-bottom:22px; padding-bottom:80%; background-image: url("/common/images/tech_06_img01_new.svg"); background-repeat: no-repeat; background-size: contain;}
#contents .tech_06_image_area:lang(en) {background-image: url("/common/images/tech_06_img01_en_new.svg");}

#contents .tech_06_pop {position: absolute;}
#contents .tech_06_pop_01 {top:16%; left:48%; width: 37.98%;}
#contents .tech_06_pop_01 img {width: 100%;}
#contents .tech_06_pop_02 {top:60%; left:29%; width: 37.98%;}
#contents .tech_06_pop_02 img {width: 100%;}
#contents .tech_06_pop_pcnone {display: none;}

@media all and (max-width:1024px){
    #contents .tech_02_text {font-size: 1.6rem; line-height: 2.2rem;}
    #contents .tech_02_left {width:180px;}
    #contents .tech_02_left img {width: 150px;}
    #contents .tech_02_right { width: calc(100% - 180px);}
    #contents .tech_02_img img{width: 80px;}
    #contents .tech_02_con_set {height: 120px;}

    #contents .tech_03_item {display: block;}
    #contents .tech_03_img_set {width: 100%;}
    #contents .tech_03_nees_set {width: 100%;}
    #contents .tech_03_sol_set {width: 100%;}
    #contents .tech_03_arrow_set {display: none;}
    #contents .tech_03_nees_set {margin-top: 20px;}
    #contents .tech_03_sol_set {margin-top: 30px;}

    #contents .tech_05_btn_set a .tech_05_btn_text {font-size: 1.4rem;}
}
@media all and (max-width:940px){
    #contents .tech_05_btn_01 {left:12%;}
}

@media all and (max-width:768px){
    
    #contents .tech_02_img img{width: inherit;}
    #contents .tech_02_set {display: block;}
    #contents .tech_02_left {width: 100%;}
    #contents .tech_02_left img {display: block; width: 193px; margin: 0 auto;}
    #contents .tech_02_right {display: flex; justify-content: space-around; align-items: flex-start; width: 100%;}
    #contents .tech_02_con_set {flex-direction: column; height: inherit;}
    #contents .tech_02_pcnone {display: block;}
    #contents .tech_02_monone {display: none;}
    #contents .tech_02_con_set div {margin: 15px 0;}

    #contents .tech_04_con_wrap {display: block;}
    #contents .tech_04_con_item {width: 100%;}
    #contents .tech_04_con_item:first-child {padding-right: 0;}
    #contents .tech_04_con_item:last-child {padding-top: 30px; padding-left: 0; border-top: 1px dashed #C8C8C8; border-left: none; }

    #contents .tech_05_image_area {position: relative; width:310px; height: 813px; margin:0 auto; margin-top: 30px; margin-bottom:0; padding-bottom:0; background-image: url("/common/images/tech_05_img02_new.svg"); background-repeat: no-repeat; background-size: cover;}
    
    #contents .tech_05_btn_01 {display: none;}
    #contents .tech_05_btn_02 {display: none;}
    #contents .tech_05_btn_03 {display: none;}

    #contents .tech_05_pop_pcnone {display: block;}
    #contents .tech_05_pop_monone {display: none;}


    #contents .tech_05_pop_01 {top:-20px; left:-15px; width: 340px; max-width: 340px;}
    #contents .tech_05_pop_01 img {width: 100%;}
    #contents .tech_05_pop_02 {top:170px; left:-15px; width: 340px; max-width: 340px;}
    #contents .tech_05_pop_02 img {width: 100%;}
    #contents .tech_05_pop_03 {top:408px; left:-15px; width: 340px; max-width: 340px;}
    #contents .tech_05_pop_03 img {width: 100%;}
    #contents .tech_05_pop_04 {top:545px; left:-15px; width: 340px; max-width: 340px;}
    #contents .tech_05_pop_04 img {width: 100%;}

    #contents .tech_05_des_wrap {display: block;}
    #contents .tech_05_des_wrap .tech_05_des_area {display: flex; justify-content: flex-start; align-items: flex-start; width: 100%;}

    #contents .tech_05_des_wrap .tech_05_des_area .tech_05_des_con {margin-left: 0px; margin-top: 10px;}
    
    #contents .tech_05_des_area {display: block !important; padding-top: 30px;}
    #contents .tech_05_des_area {border-top: none; margin-top: 0;}
    #contents .tech_05_des_01 { margin-top: 50px; border-top: 1px dashed #C8C8C8 !important;}

    #contents .tech_06_area .tech_n06_con_wrap {display: block;}
    #contents .tech_06_area .tech_n06_con_wrap .tech_n06_con_item {display: flex; justify-content: center; align-items: center; width:100%; height: 90px; background-color: #F1F1F1; text-align: center;}

    
    #contents .tech_06_area .tech_n06_con_wrap .tech_n06_con_item {margin-bottom: 20px;}
    #contents .tech_06_area .tech_n06_con_wrap div:nth-child(3) {display: flex; justify-content: center; align-items: center;}
    #contents .tech_06_area .tech_n06_con_wrap div:nth-child(4) {margin-top: 20px;}
    #contents .tech_06_area .tech_n06_con_wrap svg {transform: rotate( 90deg ); margin: 0 auto;}

    #contents .tech_06_image_area {position: relative; width:340px; height: 865px; margin:0 auto; margin-top: 30px; margin-bottom:0; padding-bottom:0; background-image: url("/common/images/tech_06_img02_new.svg"); background-repeat: no-repeat; background-size: contain;}

    #contents .tech_06_pop_01 {top:-7px; left:-15px; width: 340px; max-width: 340px;}
    #contents .tech_06_pop_01 img {width: 100%;}
    #contents .tech_06_pop_02 {top:128px; left:-15px; width: 340px; max-width: 340px;}
    #contents .tech_06_pop_02 img {width: 100%;}

    #contents .tech_06_pop_pcnone {display: block;}
    #contents .tech_06_pop_monone {display: none;}


    #contents .tech_n04_con_wrap {display: block;}
    #contents .tech_n04_con_item {width: 100%; margin-bottom: 10px;}
    #contents .tech_n04_con_item br {display: none;}
    

}

@media all and (max-width:500px){
    #contents .tech_02_text {width: 100%; height: 70px;}
}

/* [E] 핵심기술 */


/* [S] 핵심기술2 */
#contents .tech_l_01_area {margin-top: 60px;}
#contents .tech_l_01_set {display: flex; justify-content: space-between; align-items: flex-start;  padding-bottom: 50px; border-bottom: 1px dashed #C8C8C8;}

#contents .tech_l_01_item {display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 33.33%; padding: 0 20px;}

#contents .tech_l_01_title {margin-top: 10px; font-size: 2rem; font-weight: 500; color: #212529; text-align: center;}


#contents .tech_l_01_text {margin-top: 10px;}
#contents .tech_l_01_text ul li {margin-left: 10px; margin-bottom: 7px; font-size: 1.6rem; font-weight: 300; color:#666666;}
#contents .tech_l_01_text ul li::before {content: "·"; position: absolute; margin-left: -10px;}

#contents .tech_l_02_img {margin-top: 30px;}
#contents .tech_l_02_img img {width: 100%;}
#contents .tech_l_02_img_pcnone {display: none;}

@media all and (max-width:768px){
    #contents .tech_l_01_area {margin-top: 0;}
    #contents .tech_l_01_set {display: flex; flex-direction: column; justify-content: flex-start; align-items: center;  padding-bottom: 50px; border-bottom: 1px dashed #C8C8C8;}
    #contents .tech_l_01_item {width: 100%; margin-top: 30px;}

    #contents .tech_l_02_img_monone {display: none;}
    #contents .tech_l_02_img_pcnone {display: block;}

}
/* [E] 핵심기술2 */




/* [S] 채용절차 */
#contents .process_00_area {margin-top: 50px;}
#contents .process_00_wrap {display: flex; justify-content: flex-start; align-items: flex-start;}
#contents .process_00_wrap .process_00_img {width: 50%;}
#contents .process_00_wrap .process_00_img img {width: 100%;}
#contents .process_00_wrap .process_00_text {padding-left: 60px;}

#contents .process_00_wrap .process_00_text  > ul > li {display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}
#contents .process_00_wrap .process_00_text  > ul > li > .num {display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 20px; font-family: "Poppins"; font-size: 1.8rem; font-weight: 400; color: #212529; background-color: #EFEFEF;}
#contents .process_00_wrap .process_00_text  > ul > li > .text {margin-left: 10px; font-size: 2rem; font-weight: 400; color: #212529;}


@media all and (max-width:768px){
    #contents .process_00_wrap {display: block;}
    #contents .process_00_wrap .process_00_img {width: 100%;}
    #contents .process_00_wrap .process_00_text {margin-top: 30px; padding-left: 0;}
}


#contents .process_01_area {margin-top: 50px;}
#contents .process_01_set h2 {font-size: 3rem; font-weight: 500; color: #212529;}
#contents .process_01_item_set {display: flex; justify-content: space-between; align-items: flex-start; margin-top: 30px;}
#contents .process_01_item {display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 33.333%; padding: 0 30px; border-right: 1px dashed #C8C8C8;}
#contents .process_01_item:last-child {border-right: none;}
#contents .process_01_title {margin-top: 10px; font-size: 2rem; font-weight: 500; color: #212529;}
#contents .process_01_text {margin-top: 10px; font-size: 1.6rem; font-weight: 300; color: #666666; text-align: center;}


#contents .process_02_area {margin-top: 60px; padding-bottom: 50px; padding-top: 60px; position: relative;}
#contents .process_02_area::before{display: block;position: absolute;top: 0;left: 50%;width: 100vw;height: 100%;border-top: 1px solid #BEBEBE; border-bottom: 1px solid #BEBEBE;content: '';transform: translateX(-50%);background: #FBFBFB;z-index: -1;}
#contents .process_02_set h2 {font-size: 3rem; font-weight: 500; color: #212529;}
#contents .process_02_item_wrap {margin-top: 30px;}
#contents .process_02_item_set {display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 1px dashed #C8C8C8;}
#contents .process_02_item_set:last-child {border-bottom: none;}
#contents .process_02_item {display: flex; justify-content: flex-start; align-items: flex-start; width: 50%;}
#contents .process_02_item_set .process_02_item {padding: 30px 30px 30px 0; border-left: 1px dashed #C8C8C8;}
#contents .process_02_item_set .process_02_item:first-child {border-left: none;}
#contents .process_02_img_set {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 200px;}
#contents .process_02_title {font-size: 2rem; font-weight: 500; color: #212529; text-align: center;}
#contents .process_02_text {width: calc(100% - 200px);}
#contents .process_02_text ul li {margin-left: 10px; margin-bottom: 7px; font-size: 1.6rem; font-weight: 400; color:#212529;}
#contents .process_02_text>ul>li::before {content: "·"; position: absolute; margin-left: -10px;}


#contents .process_03_area {margin-top: 60px; padding-bottom: 50px;}
#contents .process_03_set h2 {margin-top: 60px; font-size: 3rem; font-weight: 500; color: #212529;}
#contents .process_03_item_wrap {display: flex; justify-content: space-around; align-items: flex-start; margin-top: 30px;}

#contents .process_03_item {display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 225px;}
#contents .process_03_step {font-size: 1.6rem; font-weight: 700; color: #FF6600; text-align: center;}
#contents .process_03_img {display: flex; justify-content: center; align-items: center; width: 170px; height: 170px; margin-top: 10px; border-radius: 85px; border: 1px dashed #C8C8C8;}
#contents .process_03_title {margin-top: 15px; font-size: 2rem; font-weight: 500; color: #212529; text-align: center;}
#contents .process_03_text {margin-top: 10px; font-size: 1.6rem; font-weight: 300; color: #666666; text-align: center;}
#contents .process_03_text2 {margin-top: 10px; font-size: 1.4rem; font-weight: 400; color: #666666; text-align: center;}
#contents .process_03_arrow {margin-top: 105px;}


#contents .process_04_area {margin-top: 60px; padding-bottom: 50px;position: relative;}
#contents .process_04_area::before{display: block;position: absolute;top: -60px;left: 50%;width: 100vw;height: calc(100% + 60px);border-top: 1px solid #BEBEBE; border-bottom: 1px solid #BEBEBE; content: '';transform: translateX(-50%);}
#contents .process_04_set h2 {margin-top: 60px; font-size: 3rem; font-weight: 500; color: #212529;}
#contents .process_04_item_wrap {margin-top: 30px;}
#contents .process_04_item_wrap ul li {margin-left: 10px; margin-bottom: 7px; font-size: 1.6rem; font-weight: 300; color:#666666;}
#contents .process_04_item_wrap ul li::before {content: "·"; position: absolute; margin-left: -10px;}

#contents .process_04_down_wrap {display: flex; justify-content: flex-start; align-items: center; margin-top: 50px;}

#contents .process_04_down_item {display: flex; justify-content: flex-start; align-items: center; background: none; margin-right: 40px;}
#contents .process_04_down_item span {margin-left: 10px; font-size: 1.4rem; font-weight: 400; color: #212529; text-align: left;}
#contents .process_04_down_item:hover span {color: #FF6600;}

@media all and (max-width:940px){
    #contents .process_02_item_set {display: block;}
    #contents .process_02_item_set:first-child {border-bottom: 1px dashed #c8c8c8;}
    #contents .process_02_item {width: 100%; border-bottom: 1px dashed #c8c8c8;}
    #contents .process_02_item:last-child {border-bottom: none;}
    #contents .process_02_item_set {border-bottom: none;}
    #contents .process_02_item_set .process_02_item {border-left: none;}
    #contents .process_02_area {padding-bottom: 0;}
}

@media all and (max-width:768px){
    #contents .process_01_item_set {display: block;}
    #contents .process_01_item {width: 100%; margin-top: 30px; padding-bottom: 30px; border-left: none; border-bottom: 1px dashed #C8C8C8;}
    #contents .process_01_item:last-child {border-bottom: none;}
    #contents .process_02_item_set .process_02_item {padding-right: 0;}


    #contents .process_03_item_wrap {display: block;}
    #contents .process_03_arrow {display: none;}
    #contents .process_03_img {width: inherit; height: inherit; margin-top: 10px; border: none;}
    #contents .process_03_item {display: flex; flex-direction:row; justify-content: flex-start; align-items: center; width: 100%; margin-top: 30px;}

    #contents .process_03_item_left {display: flex; flex-direction: column-reverse; justify-content: center; align-items: center;}

    #contents .process_03_item_right {width: calc(100% - 100px); padding-left: 30px;}
    #contents .process_03_title {text-align: left;}
    #contents .process_03_text {text-align: left;}
    #contents .process_03_text2 {text-align: left;}
    
    #contents .process_04_down_wrap {display: block;}
    #contents .process_04_down_item {margin-top: 20px; margin-right: inherit;}
    
}

@media all and (max-width:480px){
    #contents .process_02_item {display: block;}
    #contents .process_02_img_set {align-items: flex-start; width: 100%;}
    #contents .process_02_text {width: 100%; margin-top: 10px;}

}

/* [E] 채용절차 */

/* [S] 오시는 길 */
#contents .location_area {margin-top: 50px;}
#contents .location_set {display: flex; justify-content: space-between; align-items: flex-start;}
#contents .location_item {width: 50%;}
#contents .location_item:first-child {padding-right: 23px;}
#contents .location_item:last-child {padding-left: 23px;}
#contents .location_item h2 {font-size: 3rem; font-weight: 500; color: #212529;}
#contents .location_info {display: flex; justify-content: flex-start; align-items: center; margin-top: 22px;}
#contents .location_icon {display: flex; justify-content: center; align-items: center; width: 26px; height: 26px;}
#contents .location_text {margin-left: 15px; font-size: 1.6rem; font-weight: 300; color: #212529; text-align: left;}
#contents .location_map {position: relative; width: 100%; height: 0; padding-bottom: 56.25%; margin-bottom: 50px; margin-top: 28px;}
#contents .location_map iframe {position: absolute; top:0; left:0; width:100%; height: 100%;}

@media all and (max-width:768px){
    #contents .location_set {display: block;}
    #contents .location_item {width: 100%;}
    #contents .location_item:first-child {padding-right: 0;}
    #contents .location_item:last-child {padding-left: 0;}
}

/*
#contents .board_detail_content_youtube {position: relative; width: 100%; height: 0; padding-bottom: 56.25%; margin-bottom: 50px;}
#contents .board_detail_content_youtube iframe {position: absolute; top:0; left:0; width:100%; height: 100%;}
*/


/* [E] 오시는 길 */


/* [S] 개인정보취급방침 */
#contents .policy_area {margin-top: 50px;margin-bottom: 12rem;}
#contents .policy_list {border-top: 1px solid #212529; border-bottom: 1px solid #212529;}
#contents .policy_list li {position: relative; display: block; align-items: center; background-image: url('/common/images/arrow_down.svg'); background-repeat: no-repeat; background-position: right 25px;}
#contents .policy_list li ul li {background-image: none; padding: 20px; background-color: #FBFBFB;}
#contents .policy_list li a {display: block; padding: 15px 0; font-size: 2rem; font-weight: 400; color: #212529; border-bottom: 1px dashed #c8c8c8; background-repeat: no-repeat; padding-right: 40px;}
#contents .policy_sub {font-size: 1.6rem; font-weight: 300; color: #212529;}
#contents .policy_sub li ul li {padding: 3px 20px;}
#contents .policy_list li:last-child a {border-bottom: none;}
#contents .policy_sub .policy_subtitle {padding-left: 20px; margin-top: 20px; margin-bottom: 10px;}
#contents .policy_subcontent {border-bottom: 1px solid #c8c8c8;}
#contents .policy_list li ul li ul {padding-top: 12px;}
/* [E] 개인정보취급방침 */

/* [S] 에러페이지 */
.error_header {position: relative; display: flex; justify-content: flex-start; align-items: center; width: 100%; height: 90px;}
.error_header .error_header_deco {position: absolute; top:0; right: 0; width: 124px; height: 133px;  transform: skew(-34deg); background-color: #ff6600;}
.error_con_area {margin-top: 86px;}
.error_con_set {padding-top: 50px;}
.error_con_set .error_top {display: flex; justify-content: space-between; align-items: center;}
.error_con_set .error_top .error_title {font-family: "Poppins"; font-size: 6rem; font-weight: 500; color: #212529; line-height: 7rem;}
.error_con_set .error_bottom {margin-top: 20px;}
.error_con_set .error_bottom .error_info {font-size: 1.6rem; font-weight: 300; color: #666666;}
.error_con_set .error_bottom .error_btn_set {margin-top: 100px;}
.error_con_set .error_bottom .error_btn_set a {display: flex; justify-content: center; align-items: center; width: 100%; height: 60px; border: 1px dashed #BEBEBE;}
.error_con_set .error_bottom .error_btn_set a:hover {border: 1px solid #BEBEBE;}
.error_con_set .error_bottom .error_btn_set a .error_btn_text {font-size: 1.4rem; font-weight: 400; color: #666666;}
.error_con_set .error_bottom .error_btn_set a:hover .error_btn_text {color:#FF6600;}
.error_con_set .error_bottom .error_btn_set a .error_btn_icon {display: flex; justify-content: center; align-items: center; width: 35px; height: 35px; margin-left: 10px; border-radius: 18px; border: 1px dashed #707070;}
.error_con_set .error_bottom .error_btn_set a:hover .error_btn_icon {border: 1px solid #FF6600;}
.error_con_set .error_bottom .error_btn_set a:hover .error_btn_icon path {stroke:#FF6600;}

@media all and (max-width:768px){
    .error_con_set .error_top {display: block;}
    .error_con_set .error_top .error_title {font-size: 5rem; line-height: 5.5rem;}
    .error_img img {width: 150px;}
}

@media all and (max-width:430px){
    .error_con_set .error_top {display: block;}
    .error_con_set .error_top .error_title {font-size: 4rem; line-height: 4.5rem;}
    .error_img img {width: 120px;}
}



/* [E] 에러페이지 */





/* [S] 토글 스위치 */
.switch {position: relative; display: inline-block; width: 50px; height: 26px; vertical-align:middle;}
.switch input {display:none;}

.slider_toggle {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #D6D6D6; -webkit-transition: .4s; transition: .4s;}
.slider_toggle:before {position: absolute; content: ""; height: 24px; width: 24px; left: 1px; bottom: 1px; background-color: white; -webkit-transition: .4s; transition: .4s;}
input:checked + .slider_toggle {background: linear-gradient(to right, #FF952C, #F850C0);}
input:focus + .slider_toggle {box-shadow: 0 0 1px #2196F3;}

input:checked + .slider_toggle:before {-webkit-transform: translateX(24px); -ms-transform: translateX(24px); transform: translateX(24px);}

.slider_toggle.round {border-radius: 34px;}
.slider_toggle.round:before {border-radius: 50%;}

/* [E] 토글 스위치 */



@media all and (max-width:1200px){
    #contents .stock_info_area .stock_left .stock_current_data {display: block;}
    #contents .stock_info_area .stock_left .stock_current_data .stock_bar {display:none;}
    #contents .stock_info_area .stock_left .stock_transaction {display: block;}
    #contents .stock_info_area .stock_left .stock_transaction .stock_bar {display:none;}
    #contents .stock_info_area .stock_left .stock_volume {display: block;}
    #contents .stock_info_area .stock_left .stock_volume .stock_bar {display:none;}
}

@media all and (max-width:1180px){
    #header .lang_change_pc {margin-right: 180px;}
    #header .gnb > ul > li > a { padding:0 15px;}
    
    #header .gnb > ul > li:nth-child(1) > a:after {margin-left: -6px;}
    #header .gnb > ul > li:nth-child(2) > a:after {margin-left: -14px;}
    #header .gnb > ul > li:nth-child(3) > a:after {margin-left: -6px;}
    #header .gnb > ul > li:nth-child(4) > a:after {margin-left: -6px;}
    #header .gnb > ul > li:nth-child(5) > a:after {margin-left: -6px;}
    #header .gnb > ul > li:nth-child(6) > a:after {margin-left: -6px;}

    #header .gnb > ul > li:nth-child(1) .sub_menu{margin-left:-10px;}
    #header .gnb > ul > li:nth-child(2) .sub_menu{margin-left:-10px;}
    #header .gnb > ul > li:nth-child(3) .sub_menu{margin-left:-10px;}
    #header .gnb > ul > li:nth-child(4) .sub_menu{margin-left:-285px;}
    #header .gnb > ul > li:nth-child(4) .sub_menu:lang(en){margin-left:-280px;}
    #header .gnb > ul > li:nth-child(5) .sub_menu{margin-left:-50px;}
    #header .gnb > ul > li:nth-child(5) .sub_menu:lang(en){margin-left:-145px;}
    #header .gnb > ul > li:nth-child(6) .sub_menu{margin-left:-95px;}
    #header .gnb > ul > li:nth-child(6) .sub_menu:lang(en){margin-left:-330px;}

    #footer .capyright_area .foot_deco {left: 25px;}
}



@media all and (max-width:1024px){
    #header {height: 70px;}
    #header .wrap_gnb .gnb_deco {display:none;}
    #header .gnb > ul > li > a:after {display: none;}
    #header .gnb > ul > li.mm_active > a:after {display: none;}
    #header .gnb > ul > li:hover > a:after {display: none;}
    #header .logo svg {width:93px;}

    #header .gnb {position: absolute; top:0; right:-370px; width: 360px; height: 100vh; background-color: #ffffff; text-align: left; z-index: 10; box-shadow: -4px 0px 6px -2px rgba(0, 0, 0, 0.3);}
    #header .gnb > ul {display: block;}
    #header .gnb > ul > li {position: relative; display: block; align-items: center; border-bottom: 1px solid #E2E2E2; background-image: url('/common/images/arrow_down.svg'); background-repeat: no-repeat; background-position: 316px 25px;}
    #header .gnb > ul > li:nth-child(1) {border-top: 1px solid #E2E2E2;}
    #header .gnb > ul > li:before {display: none;}
    #header .gnb > ul > li:hover:before {display: none;}
    /*
    #header .gnb > ul > li:after {content:""; display: block; position: absolute; top:25px; right: 25px; width:19px; height: 9px; background-image: url('/common/images/arrow_down.svg'); background-size: cover;}
    */
    #header .gnb > ul > li .sub_menu {position: inherit; display: block;}
    #header .gnb > ul > li:hover .sub_menu {display: block; margin-left: 0; text-align: left;}
    #header .gnb > ul > li .sub_menu > li {display: block;}

    #header .gnb > ul > li > a {line-height: 6rem; padding: 0 25px;}
    

    #header .gnb > ul > li:nth-child(1):hover > a:after {display:none;}
    #header .gnb > ul > li:nth-child(2):hover > a:after {display:none;}
    #header .gnb > ul > li:nth-child(3):hover > a:after {display:none;}
    #header .gnb > ul > li:nth-child(4):hover > a:after {display:none;}
    #header .gnb > ul > li:nth-child(5):hover > a:after {display:none;}
    #header .gnb > ul > li:nth-child(6):hover > a:after {display:none;}

    #header .gnb > ul > li:nth-child(1) .sub_menu{margin-left:0px;}
    #header .gnb > ul > li:nth-child(2) .sub_menu{margin-left:0px;}
    #header .gnb > ul > li:nth-child(3) .sub_menu{margin-left:0px;}
    #header .gnb > ul > li:nth-child(4) .sub_menu{margin-left:0px;}
    #header .gnb > ul > li:nth-child(5) .sub_menu{margin-left:0px;}
    #header .gnb > ul > li:nth-child(6) .sub_menu{margin-left:0px;}

    #header .gnb > ul > li:nth-child(4) .sub_menu:lang(en){margin-left:0px;}
    #header .gnb > ul > li:nth-child(5) .sub_menu:lang(en){margin-left:0px;}
    #header .gnb > ul > li:nth-child(6) .sub_menu:lang(en){margin-left:0px;}
    
    #header .gnb > ul > li .sub_menu {padding:0 25px; padding-bottom: 15px;}
    #header .gnb > ul > li .sub_menu > li:nth-child(1) {padding-top:12px; border-top: 1px dashed #E2E2E2;}
    #header .gnb > ul > li .sub_menu > li {width: 100%;}
    #header .gnb > ul > li .sub_menu > li > a {display: block; padding:0; font-size:1.6rem; line-height: 30px;}
    
    #header .lang_change_pc {display: none;}
    #header .gnb .gnb_mobile_top {display: flex; justify-content: space-between; align-items: center; height: 69px; padding: 0 25px;}
    #header .gnb .gnb_mobile_top .lang_change_mobile {display: flex; align-items: center;}

    #header .gnb .gnb_mobile_top .lang_change_mobile .bar {width: 1px; height:11px; margin: 0 10px; background-color:#A8A8A8;}
    #header .gnb .gnb_mobile_top .lang_change_mobile > a > div {font-family: 'Poppins'; font-size: 1.4rem; font-weight: 300; color: #A8A8A8;}
    #header .gnb .gnb_mobile_top .lang_change_mobile > a.active > div {color: #666666;} 

    #header .gnb .gnb_mobile_top .gnb_close {width:17px; height:17px; background-image: url('/common/images/mobile_close_btn.svg'); background-repeat: no-repeat; background-size: cover; cursor: pointer;}

    #header .wrap_gnb .gnb_mobile_menu_btn {display: block; cursor: pointer;}

    #header.header_main:hover {border-bottom:inherit; background-color:inherit;}
    #header.header_main .gnb > ul > li > a {color:#212529;}
    
    #footer .sitemap {display: none;}
    #footer .capyright_area {margin-top: 0px; padding-top:30px;}
    #footer .capyright_area .copyright {padding-bottom: 35px;}

    #contents .sub_visual_area {margin-top: 9rem;}


    /* [S] 공시정보 인포메이션 */
    #contents .disclosure_info_area {margin-top:16px; margin-bottom:-40px;}
    #contents .disclosure_info_area .disclosure_info {display:block; line-height: 2.7rem;}
    #contents .disclosure_info_area .disclosure_info .disclosure_info_link a {display:flex; justify-content: flex-end; align-items: center;}
    #contents .disclosure_info_area .disclosure_info .disclosure_info_chart {font-size:1.6rem; font-weight: 500; color:#FF6900;}
    #contents .disclosure_info_area .disclosure_info .disclosure_info_icon {display: flex; justify-content: center; align-items: center; width:21px; height:21px; margin-left:9px; border-radius: 11px; border: 1px dashed #707070;}
    #contents .disclosure_info_area .disclosure_info .disclosure_info_bar {display:none;}
    #contents .disclosure_info_area .disclosure_info .disclosure_info_date {text-align: right;}
    #contents .disclosure_info_area .disclosure_info .disclosure_info_source {text-align: right;}
    /* [E] 공시정보 인포메이션 */


    #contents .form_set_area .form_set .form_set_table .form_set_item {display: block;}
    #contents .form_set_area .form_set .form_set_table .form_set_item .form_set_title_area {width: 100%;}
    #contents .form_set_area .form_set .form_set_table .form_set_item .form_set_content {width: 100%; margin-top: 15px;}
    /* #contents .form_set_area .form_set .form_set_table .form_set_item .form_set_content input {} */
    .form_set_content .upload_name {width: calc(100% - 50px) !important;}

    #contents .form_set_area .form_set .form_set_table .form_set_item .phone_set {display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
    #contents .form_set_area .form_set .form_set_table .form_set_item .phone_set input {width: 30% !important;}
    #contents .form_set_area .form_set .form_set_table .form_set_item .mail_set {display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
    #contents .form_set_area .form_set .form_set_table .form_set_item .mail_set input {width: 45% !important;}

    /* [S]파트너스 */
    #contents .slide_partners .slide_item {width:270px; height:270px;}
    #contents .slide_partners .slide_item:hover:after {width:270px; height:270px;}
    #contents .slide_partners .slide_item .slide_item_link_area {top:190px;}
    #contents .slide_partners .slide_item .slide_item_link_icon {width: 30px; height: 30px;}
    #contents .slide_partners .slide_item img {width:65%;}
    /* [E]파트너스 */

    
}
@media all and (max-width:1000px){
    #contents .list_box_area .list_box .list_box_wrap .list_box_item {width:32%;}
}

@media all and (max-width:768px){
    #footer .capyright_area .common_link {display: block; margin-bottom: 20px;}
    #footer .capyright_area .common_link > a {display: block; padding: 3px 0;}
    #footer .capyright_area .common_link > a:hover {color: #ff6900;;}
    #footer .capyright_area .common_link > span {display:none;}

    #contents .sub_visual_area {height: 150px;}
    #contents .sub_visual_title_area .sub_visual_subtitle {display:none;}
    #contents .page_title_area {margin-top: 32px;}
    #contents .page_title_area .page_title h1 {font-size:3.4rem; line-height: 4rem; letter-spacing:-3px;}
    #contents .page_description_area {margin-top: 20px;}
    #contents .page_description_area .page_description {font-size:2rem;}

    #contents .search_board_area {margin-top:50px;}
    #contents .search_board_area .search_board .search_wrap {height:53px;}
    #contents .search_board_area .search_board .search_icon {width: 56px; height:53px;}
    #contents .search_board_area .search_board .search_icon img {width: 26px;}
    #contents .search_board_area .search_board .search_input {padding:0 15px;}
    #contents .search_board_area .search_board .search_input input {width:100%; height: 35px;}
    #contents .search_board_area .search_board .search_input input {font-size:1.8rem;}
    #contents .search_board_area .search_board .search_input input::placeholder {font-size:1.8rem;}
    #contents .list_box_area .list_box .list_box_wrap .list_box_item {width:48%; min-height: 210px;}
    #contents .list_box_area .list_box .list_box_wrap .list_box_item .item_title {font-size: 2.8rem;}


    /* [S] 썸네일 박스 형태 (3단) 게시판 리스트 */
    #contents .thumb_box_area .thumb_box .thumb_box_wrap .thumb_box_item {width: calc((100% - 40px)/2);}
    /* [S] 썸네일 박스 형태 (3단) 게시판 리스트 */

    /* [S] 썸네일 박스 형태 (4단) 게시판 리스트 */
    #contents .thumb_box4_area .thumb_box4 .thumb_box4_wrap .thumb_box4_item {width: calc((100% - 20px)/2);}
    /* [S] 썸네일 박스 형태 (4단) 게시판 리스트 */
    #contents .page_description_sub_area {margin-top: 15px;}
    #contents .page_description_sub_area .page_description_sub {font-weight: 300; color:#666666;}

    /* [S] 공지사항 리스트 */ 
    #contents .list_row_area {margin-top:30px;}
    #contents .list_row_area .list_row .list_row_wrap .list_row_item a{display: block;}
    #contents .list_row_area .list_row .list_row_wrap .list_row_item .list_row_item_content {width:100%; padding: 20px 0 10px 0;}
    #contents .list_row_area .list_row .list_row_wrap .list_row_item .list_row_item_title {display:block; text-overflow: inherit; white-space: inherit; overflow: inherit;}
    #contents .list_row_area .list_row .list_row_wrap .list_row_item .list_row_item_summary {display:block; text-overflow: inherit; white-space: inherit; overflow: inherit;} 
    #contents .list_row_area .list_row .list_row_wrap .list_row_item .list_row_item_icon {margin:20px 0;}
    /* [E] 공지사항 리스트 */

    /* [S] 채용공고 리스트 */
    #contents .list_row2_area {margin-top:30px;}
    #contents .list_row2_area .list_row2 .list_row2_wrap .list_row2_item a{display: block; padding-bottom: 20px;}
    #contents .list_row2_area .list_row2 .list_row2_wrap .list_row2_item .list_row2_item_dday {display:none;}
    #contents .list_row2_area .list_row2 .list_row2_wrap .list_row2_item .list_row2_item_content {width:100%; padding: 20px 0 10px 0;}
    #contents .list_row2_area .list_row2 .list_row2_wrap .list_row2_item .list_row2_item_content .list_row2_item_date_area {margin-top:3px;}
    #contents .list_row2_area .list_row2 .list_row2_wrap .list_row2_item .list_row2_item_icon_area {display: flex; flex-direction: column; justify-content: flex-start; align-content: space-between; align-items: flex-start; width: 60px;}
    #contents .list_row2_area .list_row2 .list_row2_wrap .list_row2_item .list_row2_item_icon_area .list_row2_item_icon_text {font-size: 1.6rem; font-weight: 400; color: #666666;}
    #contents .list_row2_area .list_row2 .list_row2_wrap .list_row2_item .list_row2_item_icon_area .list_row2_item_icon {margin-top: 15px;}
    /* [E] 채용공고 리스트 */

    /* [S] 게시판 상세*/
    #contents .page_title .board_detial_title {font-size:2.6rem !important; font-weight: 300 !important; letter-spacing:-2px !important; line-height: 3.4rem !important;}
    
    #contents .board_detail_date_area .board_detail_date .board_detail_date_wrap{padding: 26px 0 19px 0; border-bottom: 1px dashed #BEBEBE;}
    #contents .board_detail_content_area {margin-top:30px;}
    #contents .board_detail_content_youtube {margin-bottom: 30px;}
    #contents .board_detail_file_area {margin-top:30px;}

    #contents .board_detail_file .board_detail_file_wrap {padding: 20px 0 0 0;}

    #contents .board_detail_nav_area {display: flex; align-items: center; height:80px; margin-top: 140px; border-top: 1px solid #DEDEDE;}
    
    
    #contents .board_detail_nav_area .board_detail_nav .board_detail_nav_prev .board_detail_nav_prev_icon {width:24px; height:24px; border-radius: 12px;}
    #contents .board_detail_nav_area .board_detail_nav .board_detail_nav_next .board_detail_nav_next_icon {width:24px; height:24px; border-radius: 12px;}
    #contents .board_detail_nav_area .board_detail_nav .board_detail_nav_prev .board_detail_nav_prev_text {margin-left: 6px;}
    #contents .board_detail_nav_area .board_detail_nav .board_detail_nav_next .board_detail_nav_next_text {margin-right: 6px;}
    
    /* [E] 게시판 상세*/

    #contents .career_step_area {margin-top: 40px;}
    #contents .career_step_area .career_step_set h2 {margin-top: 40px; font-size: 2.8rem; font-weight: 400;}
    #contents .career_step_area .career_step_set .career_step_wrap {display: block; justify-content: space-around; align-items: center; margin: 20px 0 40px;}
    #contents .career_step_area .career_step_set .career_step_wrap .pc_arrow {display:none;}
    #contents .career_step_area .career_step_set .career_step_wrap .step_area {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width:100%;}
    #contents .career_step_area .career_step_set .career_step_wrap .step_area .step_area_step {display:none;}
    #contents .career_step_area .career_step_set .career_step_wrap .step_area .step_area_img {display: flex; justify-content: center; align-items: center; width:107px; height:107px; border-radius: 85px; border: 1px dashed #D9D9D9;}
    #contents .career_step_area .career_step_set .career_step_wrap .step_area .step_area_img img {width: 70px; height: 70px;}
    #contents .career_step_area .career_step_set .career_step_wrap .step_area .step_area_info {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: calc(100% - 132px); padding-left: 12px;}
    #contents .career_step_area .career_step_set .career_step_wrap .step_area .step_area_info .step_area_step_mo {display: block; font-family: "Poppins"; font-size: 1.4rem; font-weight: 600; color:#FF6900;}
    #contents .career_step_area .career_step_set .career_step_wrap .step_area .step_area_info .step_area_title {margin-top:10px; font-size: 2rem; font-weight: 500; color:#212529; text-align: left;}
    #contents .career_step_area .career_step_set .career_step_wrap .step_area .step_area_info .step_area_info_text {margin-top: 3px; padding-left:0; text-align: left; }
    #contents .career_step_area .career_step_set .career_step_wrap .mo_arrow {display: block; text-align: center;}


    #contents .career_contact_area {margin-top:40px;}
    #contents .career_contact_area .career_contact_set h2 {font-size: 2.8rem; font-weight: 400; color: #212529;}
    #contents .career_contact_area .career_contact_set .career_contact_wrap {display: block; margin-top: 20px;}
    #contents .career_contact_area .career_contact_set .career_contact_wrap .contact_area {display: block; justify-content: center; align-items: center;}
    #contents .career_contact_area .career_contact_set .career_contact_wrap .contact_area:last-child {margin-top:30px; margin-left: 0;}
    #contents .career_contact_area .career_contact_set .career_contact_wrap .contact_area .contact_area_img img {width:60px; height:60px;}
    #contents .career_contact_area .career_contact_set .career_contact_wrap .contact_area .contact_area_info {margin-top: 10px; margin-left: 0; font-size: 1.6rem; font-weight: 300; color:#666666;}

    #contents .apply_policy .apply_policy_set h2 {font-size: 2.5rem; line-height: 3.2rem;}

    /* [S] 제품상세 */
    #contents .product_detail_area {margin-top: 50px;}
    #contents .product_detail_area .product_detail_set .product_detail_wrap {display: block; width:100%; }
    #contents .product_detail_area .product_detail_set .product_detail_wrap .product_left_section{width: 100%; padding-bottom: 30px; border-bottom: 1px dashed #BEBEBE;}
    #contents .product_detail_area .product_detail_set .product_detail_wrap .product_right_section{width: 100%; margin-top: 30px; border-left: none;}

    .product_left_content {width:100%;}
    .product_right_content {width:100%; margin-left:0;}

    .product_left_content .product_insurance_wrap .product_insurance_title {font-weight: 400;}
    .product_left_content .product_price_wrap .product_price_title {font-weight: 400;}
    /* [E] 제품상세 */

    /* [S] 주가정보 */
    #contents .stock_info_area .stock_info_wrap {display: block;}
    #contents .stock_info_area .stock_left .stock_current {display: block;}
    #contents .stock_info_area .stock_left .stock_current .stock_current_title {margin-top: 20px; margin-right: 0; font-size: 2rem; font-weight: 400; color:#212529;}
    #contents .stock_info_area .stock_left .stock_current .stock_current_price {margin-top: -5px; font-size:3.6rem; font-weight: 500; color:#212529;}
    #contents .stock_info_area .stock_left {width:100%;}
    #contents .stock_info_area .stock_right {width:100%; margin-top: 30px;}
    #contents .stock_info_area .stock_left .stock_current_data_wrap {display: block; height: auto; margin-top: 20px; padding-bottom: 30px;}
    #contents .stock_info_area .stock_left .stock_current_data {display: flex; margin-top: 10px;}
    #contents .stock_info_area .stock_left .stock_current_data .stock_bar {display:block;}
    #contents .stock_info_area .stock_left .stock_transaction {display: flex; margin-top: 10px;}
    #contents .stock_info_area .stock_left .stock_transaction .stock_bar {display:block;}
    #contents .stock_info_area .stock_left .stock_volume {display: flex; margin-top: 10px;}
    #contents .stock_info_area .stock_left .stock_volume .stock_bar {display:block;}
    #contents .stock_info_area .stock_right .stock_table_date {position: absolute; top:inherit; bottom:-30px; left:0; right:inherit; font-size: 1.2rem; font-weight: 400; color:#666666;}
    #contents .stock_datedata_area {display:none;}
    /* [E] 주가정보 */

    /* [S]파트너스 */
    #contents .slide_partners .slide_item {width:222px; height:222px;}
    #contents .slide_partners .slide_item:hover:after {width:222px; height:222px;}
    #contents .slide_partners .slide_item .slide_item_link_area {top:160px;}
    #contents .slide_partners .slide_item .slide_item_link_icon {width: 25px; height: 25px;}
    #contents .slide_partners .slide_item img {width:65%;}
    /* [E]파트너스 */

    /* [S]3뎁스 NAV */
    #contents .depth03_nav_area .depth03_nav_set .depth03_nav_text {display: flex; justify-content: flex-start; align-items: center; width: inherit; height: 64px; border-right:none; border-bottom: 1px dashed #C8C8C8;}
    #contents .depth03_nav_area .depth03_nav_set {display:block;}
    #contents .depth03_nav_area .depth03_nav_set .depth03_nav_item_set {width:100%; min-height: 64px; border-left: none;}
    #contents .depth03_nav_area .depth03_nav_set .depth03_nav_item_set a {padding:10px 0; margin-right: 54px;}
    /* [E]3뎁스 NAV */
    
}

@media all and (max-width:480px){
    #contents .list_box_area .list_box .list_box_wrap .list_box_item {width:100%;}

    /* [S] 썸네일 박스 형태 (3단) 게시판 리스트 */
    #contents .thumb_box_area .thumb_box .thumb_box_wrap .thumb_box_item {width: 100%;}
    /* [S] 썸네일 박스 형태 (3단) 게시판 리스트 */

    /* [S] 썸네일 박스 형태 (4단) 게시판 리스트 */
    #contents .thumb_box4_area .thumb_box4 .thumb_box4_wrap .thumb_box4_item {width: 100%;}
    /* [S] 썸네일 박스 형태 (4단) 게시판 리스트 */
}