@charset "utf-8";


/* -------------------------------------- */
/* SUB */
/* -------------------------------------- */

/* 서브내용 단락 */
.sub-sec-wrap {width:100%; margin:0 auto;  display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; word-break:keep-all;  position:relative; overflow:visible;}
.sub-sec-wrap::before {content:''; position:absolute; left:0; top:0; width:100%; height:1px; background:#dfdfdf; display:block;  transition:all 0.3s ease-in-out; z-index:1}
.sub-sec-wrap .sec-tit-wrap {width:23%; box-sizing:border-box; position:relative; padding:45px 0;}
.sub-sec-wrap .sec-tit-wrap::before {content:''; position:absolute; left:0; top:0; width:100%; height:1px; background:#000; display:block;  transition:all 0.5s ease-in-out; z-index:1}
.sub-sec-wrap .sec-tit-wrap::after {content:''; position:absolute; left:0; top:0; width:0; height:3px; background:#003386; display:block;  transition:all 0.5s ease-in-out; z-index:2}
.sub-sec-wrap.on .sec-tit-wrap::after {width:100%;}
.sub-sec-wrap .sec-tit-wrap .tit-wrap { background:#fff; color:#000; box-sizing:border-box;}
.sub-sec-wrap.on .sec-tit-wrap .tit-wrap { color:#003386;}
.sub-sec-wrap .sec-tit-wrap .tit-wrap .tit {font-family: 'Pretendard-Bold'; font-size:3.2rem; line-height:3.6rem; }
.sub-sec-wrap .sec-tit-wrap .tit-wrap .tit span{font-family: 'Pretendard-Bold'; font-size:2.2rem; line-height:2.7rem; }
.sub-sec-wrap .sec-tit-wrap .tit-wrap .stit {font-family: 'KIMM_Bold'; font-size:2.2rem; line-height:2.8rem;}
.sub-sec-wrap .sec-tit-wrap .tit-wrap .stit2 {font-family: 'Pretendard-Bold'; font-size:2.2rem; line-height:2.8rem;}
.sub-sec-wrap .sec-con-wrap {width:75%; padding:45px 0;}

/*-- 회사소개 --*/
/* 인사말 */
.intro-01-wrap {width:100%; margin:0 auto;}
.intro-01-wrap .thm-wrap {line-height:0;}
.intro-01-wrap .thm-wrap img {max-width:100%;}
.intro-01-wrap .con-wrap {width:92%; margin:0 auto; position:relative; margin-top:-140px; padding:80px; box-sizing:border-box; background:#fff;}
.intro-01-wrap .con-wrap .btit {font-family: 'Pretendard-Bold'; font-size:4.0rem; line-height:4.6rem; color:#003386;}
.intro-01-wrap .con-wrap .tit  {font-family: 'Pretendard-Bold'; font-size:2.8rem; line-height:3.6rem; margin-top:30px; } 
.intro-01-wrap .con-wrap .con {font-size: 2.1rem; line-height: 3.2rem; margin-top:30px;}
.intro-01-wrap .con-wrap .name {text-align:right; margin-top:50px; color:#666; font-size: 2.1rem; line-height: 3.2rem;}
.intro-01-wrap .con-wrap .name span {display:block; font-family: 'Pretendard-Bold'; font-size:3.2rem; line-height:3.6rem; margin-top:5px; color:#111}

/* 연혁 */
.s-history-wrap {width:100%;}
.s-history-wrap .s-history { display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; position:relative; padding:10px 0; position:relative;}
.s-history-wrap .s-history::before {content:''; position:absolute; left:217px; width:1px; top:8px; display:block; height:100%; background:#dfdfdf; z-index:1}
.s-history-wrap .s-history .year {font-family: 'Play'; font-size:3.2rem; width:260px; position:relative; color:#003386; padding-top:10px; font-weight:700}
.s-history-wrap .s-history .history {width:calc(100% - 260px);}
.s-history-wrap .s-history .history dl { display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; width:100%; padding:8px 0; box-sizing:border-box; overflow:visible; position:relative;}
.s-history-wrap .s-history .history dl::before {content:''; position:absolute; left:-45px; width:30px; top:24px; display:block; height:1px; background:#dfdfdf; z-index:1}
.s-history-wrap .s-history .history dl::after {content:''; position:absolute; left:-50px; width:15px; box-sizing:border-box; border:3px solid #003386; top:17px; display:block; height:15px; background:#fff; z-index:2; border-radius:50%;}

.s-history-wrap .s-history .history dl dt {width:100%; font-size:1.8rem } 

/* 조직도 */
.s-org-wrap {position:relative; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; flex-direction:column; gap:60px; text-align:center;}
.s-org-wrap::before {content:''; position:absolute; left:50%; top:0; width:1px; height:386px; background:#d2d2d2; display:block; z-index:-1}
.s-org-depth1 {position:relative; width:100%; display:flex; justify-content:center; align-items:center; flex-wrap:wrap;}
.s-org-depth1 .org-box-wrap { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; width:234px; height:64px; background:#386d99;}
.s-org-depth1 .org-box-wrap.ceo {width:295px; height:78px; background:#003386}
.s-org-depth1 .org-box-wrap .org-box { color:#fff; font-family: 'Pretendard-Bold'; font-size:2.6rem; position:relative; z-index:2}
.s-org-depth1 .org-box-wrap.audit {margin-right:30vw; position:relative;}
.s-org-depth1 .org-box-wrap.audit::before {content:''; position:absolute; left:50%; top:50%; width:15vw; height:1px; background:#d2d2d2; display:block; z-index:-1}
.s-org-depth2 {width:100%; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:10px; padding-top:60px; position:relative;}
.s-org-depth2::before {content:''; position:absolute; left:50%; transform:translateX(-50%); top:0; width:calc(100% - ((100% - 80px) / 9)); height:1px; background:#d2d2d2; display:block; }
.s-org-depth2 .org-part {flex:1; position:relative; overflow:visible;}
.s-org-depth2 .org-part::before {content:''; position:absolute; left:50%; top:-60px; width:1px; height:60px; background:#d2d2d2; display:block; z-index:-1}
.s-org-depth2 .org-part .org-box {width:100%; height:56px; background:#00866e; border-radius:8px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; color:#fff;font-size:0.8em;line-height:1.2em;}
.s-org-depth2 .org-part .org-box span {width:95%;}
.s-org-depth2 .org-part .org-list {}
.s-org-depth2 .org-part .org-list li {width:100%; height:48px; line-height:1em; margin-top:10px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap;background:#ededed;font-size:0.7em;line-height:1.2em;}

/* 경영철학과 비전 */
.s-philo-wrap {width:100%; display:flex; justify-content:center; align-items:stretch; flex-wrap:wrap; gap:20px;}
.s-philo-wrap .s-philo {width:calc((100% - 40px) / 3); display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; flex-direction:column; }
.s-philo-wrap .s-philo > .tit-wrap {width:180px; height:180px; border-radius:90px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap;  background:#83bdd6; order:1;  z-index:2}
.s-philo-wrap .s-philo:nth-child(2) > .tit-wrap {background:#487fa8;}
.s-philo-wrap .s-philo:nth-child(3) > .tit-wrap {background:#095289;}
.s-philo-wrap .s-philo > .tit-wrap p {width:85%; font-family: 'Pretendard-Bold'; font-size:2.7rem; line-height:3.6rem; letter-spacing:-0.5px; text-align:center;  color:#fff;}
.s-philo-wrap .s-philo .con-wrap {width:100%; box-sizing:border-box; padding:60px 25px 30px 25px; height:234px; border:5px solid #83bdd6;  order:3; overflow:visible; position:relative; margin-top:-45px; z-index:1}
.s-philo-wrap .s-philo:nth-child(2) .con-wrap {border:5px solid #487fa8;}
.s-philo-wrap .s-philo:nth-child(3) .con-wrap {border:5px solid #095289;}

.s-task-wrap {width:100%; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:20px;}
.s-task-wrap .s-task {width:100%; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; }
.s-task-wrap .s-task::before {content:''; display:block; width:10%; height:1px; background:#dadada; order:2}
.s-task-wrap .s-task > .tit-wrap {width:25%; height:100px; border-radius:50px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap;  background:#8392d6; order:1}
.s-task-wrap .s-task:nth-child(2) > .tit-wrap {background:#484da8;}
.s-task-wrap .s-task:nth-child(3) > .tit-wrap {background:#090f89;}
.s-task-wrap .s-task > .tit-wrap p {width:85%;  font-family: 'Pretendard-Bold'; font-size:2.6rem; line-height:3.2rem;  text-align:center;  color:#fff;}
.s-task-wrap .s-task .con-wrap {width:65%; box-sizing:border-box; padding:40px; border-radius:10px; border:1px solid #dadada;  order:3; overflow:visible; position:relative;}
.s-task-wrap .s-task .con-wrap::before {content:''; position:absolute; left:-5px; top:50%; margin-top:-5px; display:block; border-radius:50%; width:10px; height:10px; background:#8392d6; }
.s-task-wrap .s-task:nth-child(2) .con-wrap::before {background:#484da8;}
.s-task-wrap .s-task:nth-child(3) .con-wrap::before {background:#090f89;}

/* 조직도 */
.org-thm-wrap {width:100%; overflow:hidden; position:relative; text-align:center;}
.org-thm-wrap a {display:none;}
.org-thm-wrap img {max-width:100%; height:auto; position:relative; z-index:1}
.org-thm-wrap {}

/* 오시는길 */
.s-map-wrap {}
.s-map-wrap .root_daum_roughmap {width:100%; z-index:2; height:500px; overflow:hidden; }
.s-map-wrap .root_daum_roughmap .wrap_map {height:500px; }
.s-map-detail {width:100%; position:relative; margin:0 auto; margin-top:30px; z-index:3; box-sizing:border-box;  display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap; text-align:center; border-right:1px solid #dadada; border-top:1px solid #dadada;}
.detail-in {flex:1; padding:40px; box-sizing:border-box;  display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; flex-direction:column;  text-align:center; border-left:1px solid #dadada; border-bottom:1px solid #dadada; }
.detail-in .icon {background:rgba(16, 170, 209, 0.25); border-radius:50%; height:70px; width:70px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; flex-direction:column; }
.detail-in .icon img {max-width:60%}
.detail-in .tit {font-family: 'Pretendard-Bold'; font-size:2.4rem; margin:20px auto; text-decoration: underline; text-decoration-color:rgba(16, 170, 209, 0.25);text-decoration-thickness:15px; text-underline-offset:-8px; text-decoration-skip-ink : none; }
.detail-in .tit::before {content:'\00a0'; display:inline-block; text-decoration: underline; text-decoration-color:rgba(16, 170, 209, 0.25);text-decoration-thickness:15px; text-underline-offset:-8px; text-decoration-skip-ink : none;}
.detail-in .tit::after {content:'\00a0'; display:inline-block; text-decoration: underline; text-decoration-color:rgba(16, 170, 209, 0.25);text-decoration-thickness:15px; text-underline-offset:-8px; text-decoration-skip-ink : none;} 
.detail-in .con {}
.detail-in .con .add {font-size: 1.8rem;}
.detail-in .con .num {  font-family: 'Pretendard-Bold';  font-size:2.4rem; color:#010e1e)}

/*-- 제품소개 --*/
/* 제품소개 */
.s-spec-wrap {width:100%; display: flex; justify-content:center;  align-items: center; flex-wrap:wrap;  gap:20px;}
.s-spec {width:100%; box-sizing:border-box;  display: flex; justify-content:center;  align-items: stretch; flex-wrap:wrap; margin:0 auto; border:1px solid #dadada;}
.s-spec .thm-wrap {width:40%; overflow:hidden; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.s-spec .thm-wrap img {width:100%; height:100%; min-height:340px;}
.s-spec .con-wrap {width:60%; box-sizing:border-box; padding:35px 40px;}
.s-spec .con-wrap .spec-tit {font-family: 'Pretendard-Bold'; font-size:2.6rem; line-height:3.0rem; margin-bottom:20px; color:#003386;}

.spec-list  {width:100%;  overflow:hidden; }
.spec-list li { display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; color: #2f2f2f; margin-top:5px; font-size:1.6rem; line-height:1.9rem}
.spec-list li:first-child {margin-top:0; }
.spec-list li span {width:calc(100% - 205px); display:inline-block; padding:4px 0 }
.spec-list li span:first-child {width:190px; box-sizing:border-box; position:relative; color:#111; border:1px solid #111; text-align:center; background:#dadada; font-family: 'Pretendard-Semibold'; } 
.spec-list li.client span:first-child {background:#003386; color:#fff; border:1px solid #003386;}

/*-- 인재채용 --*/
/* 인재상 */
.s-ideal-wrap {width:100%; margin:0 auto;  display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap; gap:20px;}
.s-ideal {flex:1; display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; flex-direction:column; box-sizing:border-box; padding:60px 40px; color:#fff; text-align:center;}
.s-ideal:nth-child(1) {background:#5981c3;}
.s-ideal:nth-child(2) {background:#003386;}
.s-ideal:nth-child(3) {background:#2c4b7c;}
.s-ideal .icon-wrap {width:90px; height:90px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; flex-direction:column; }
.s-ideal .icon-wrap img {max-width:100%; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(60deg) brightness(107%) contrast(101%);}
.s-ideal .tit-wrap {margin-top:40px;}
.s-ideal .tit-wrap .stit {font-size:2.2rem; line-height:2.8rem;}
.s-ideal .tit-wrap .tit {font-family: 'Pretendard-Bold'; font-size:3.2rem; line-height:3.2rem; margin:25px 0}
.s-ideal .tit-wrap .con {font-family: 'Pretendard-Light'; font-size:1.7rem}

/* 회사복지 */
.s-welfare-wrap {width:100%; margin:0 auto;  display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap; gap:10px;}
.s-welfare-wrap li {width:calc((100% - 30px) / 4); box-sizing:border-box; padding:50px 30px; border:1px solid #dadada; border-top:3px solid #003386; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; flex-direction:column; border-radius:8px; text-align:center;}
.s-welfare-wrap li .tit {font-family: 'Pretendard-Bold'; font-size:2.2rem; line-height:2.6rem; margin-top:20px; }
.s-welfare-wrap li .icon {width:80px; height:80px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; flex-direction:column;}
.s-welfare-wrap li .icon img {max-width:100%; filter: invert(18%) sepia(39%) saturate(3311%) hue-rotate(200deg) brightness(95%) contrast(117%);}

/*-- 품질보증 --*/
/* 인증서 */
.s-cert-wrap {width:100%; margin:0 auto;  display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap; gap:20px;}
.s-cert-wrap li {width:calc((100% - 40px) / 3); display:flex; flex-direction:column justify-content:center; flex-wrap:wrap; align-items:center; align-content:space-between;}
.s-cert-wrap li .thm-wrap {display:block; overflow:hidden; border:1px solid #e4e4e4; text-align:center; box-sizing:border-box; padding:5px; line-height:0; position:relative; cursor:pointer; height:calc(100% - 48px); display:flex; justify-content:center; flex-wrap:wrap; align-items:center; }
.s-cert-wrap li .thm-wrap:hover {border:1px solid #003386; }
.s-cert-wrap li .thm-wrap img { display:block; overflow:hidden; width:100%;max-width:100%; height:auto;}
.s-cert-wrap li .tit-wrap {display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; height:53px; width:100%}
.s-cert-wrap li .tit-wrap p.tit {width:calc(100% - 53px); background:#f0f0f0;  height:53px; display:flex; justify-content:center; align-items:center; word-break:keep-all; text-align:center; }
.s-cert-wrap li .tit-wrap p.tit span { }
.s-cert-wrap li .tit-wrap a {width:53px; height:53px; text-align:center; background:#444; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; flex-direction:column; }
.s-cert-wrap li .tit-wrap a img {height:20px; filter: invert(100%) sepia(0%) saturate(7480%) hue-rotate(22deg) brightness(111%) contrast(104%);}
.s-cert-wrap li .tit-wrap a:hover {background:#003386;}

#bpopupPhoto {
background: #fff;
box-shadow: 0 0 25px 5px #222;
color: #111;
width:600px !important;
height:770px !important;
overflow:visible;
display:flex; justify-content:center; align-items:center;
display:none;
}
#bpopupPhoto .content-photo { position:relative; padding:10px; line-height:0; font-size:0;  width:560px; height:730px; text-align:center; overflow:visible; }
#bpopupPhoto .content-photo img { height:730px;}
#bpopupPhoto .close-btn { position:absolute; width:50px; height:50px; right:-20px; top:-20px; z-index:9999999}
#bpopupPhoto .close-btn span {display:inline-block; width:50px; height:50px; border-radius:50%; background:#003386; color:#fff; text-align:center; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; flex-direction:column; cursor:pointer}
#bpopupPhoto .close-btn:hover span {background:#c02028; color:#fff}
#bpopupPhoto .close-btn img {height:30px; filter: invert(100%) sepia(0%) saturate(7480%) hue-rotate(22deg) brightness(111%) contrast(104%); transform:rotate(45deg)}

/*-- 실적 --*/
.highcharts-figure > #container, .highcharts-figure > #container2 {
    height: 800px;
	
}
.highcharts-figure > #container text, .highcharts-figure > #container2 text {font-size:2em !important; line-height:2.4em; font-weight:normal !important; }
.highcharts-figure,
.highcharts-data-table table {
    min-width: 310px;
    max-width: 800px;
    margin: 1em auto;
}

.highcharts-data-table table {
	font-family: 'Pretendard-ExtraLight';
	 font-weight:normal !important;
	 color:#fff !important;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 800px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.4rem;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;

}

.highcharts-description {
    margin: 0.3rem 10px;
}



/*------------------------------------------------------------------------------------------------------------*/


/* 작은 PC용 CSS */
@media all and (max-width:1499px){

/* -------------------------------------- */
/* SUB */
/* -------------------------------------- */
/* 서브내용 단락 */
.sub-sec-wrap { }
.sub-sec-wrap .sec-tit-wrap {width:24%; padding:30px 0;}
.sub-sec-wrap .sec-tit-wrap .tit-wrap {}
.sub-sec-wrap .sec-tit-wrap .tit-wrap .tit {font-size:2.8rem; line-height:3.2rem; }
.sub-sec-wrap .sec-tit-wrap .tit-wrap .stit {font-size:2.0rem; line-height:2.4rem;}
.sub-sec-wrap .sec-tit-wrap .tit-wrap .stit2 { font-size:2.0rem; line-height:2.4rem;}
.sub-sec-wrap .sec-con-wrap {width:73%; padding:35px 0;}

/*-- 회사소개 --*/
/* 인사말 */
.intro-01-wrap .con-wrap {margin-top:-100px; padding:60px;}
.intro-01-wrap .con-wrap .btit {font-size:3.2rem; line-height:3.6rem;}
.intro-01-wrap .con-wrap .tit  {font-size:2.4rem; line-height:3.0rem; margin-top:25px; } 
.intro-01-wrap .con-wrap .con {font-size:1.8rem; line-height:2.4rem; margin-top:25px;}
.intro-01-wrap .con-wrap .name { margin-top:40px; font-size:1.8rem; line-height:2.4rem;}
.intro-01-wrap .con-wrap .name span { font-size:2.8rem; line-height:3.2rem; margin-top:5px;}

/* 연혁 */
.s-history-wrap .s-history { padding:3px 0; }
.s-history-wrap .s-history::before {left:197px;}
.s-history-wrap .s-history .year {font-size:2.8rem; width:240px;padding-top:5px}
.s-history-wrap .s-history .history {width:calc(100% - 240px);}
.s-history-wrap .s-history .history dl {  padding:4px 0;}
.s-history-wrap .s-history .history dl::before { left:-45px; width:25px; top:15px; }
.s-history-wrap .s-history .history dl::after {left:-48px; width:12px; top:10px;  height:12px;}
.s-history-wrap .s-history .history dl dt {font-size:1.6rem } 

/* 경영철학과 비전 */
.s-philo-wrap {gap:15px;}
.s-philo-wrap .s-philo {width:calc((100% - 30px) / 3); }
.s-philo-wrap .s-philo > .tit-wrap {width:120px; height:120px; border-radius:60px;}
.s-philo-wrap .s-philo > .tit-wrap p { font-size:1.8rem; line-height:2.4rem; }
.s-philo-wrap .s-philo .con-wrap { padding:40px 20px 20px 20px; height:auto; margin-top:-35px; }

.s-task-wrap {flex-wrap:wrap; gap:20px;}
.s-task-wrap .s-task > .tit-wrap {}
.s-task-wrap .s-task > .tit-wrap p {font-size:2.2rem; }
.s-task-wrap .s-task .con-wrap {padding:25px;}


/* 조직도 */
.s-org-wrap {gap:40px;}
.s-org-wrap::before { height:296px;}
.s-org-depth1 .org-box-wrap { width:200px; height:56px; }
.s-org-depth1 .org-box-wrap.ceo {width:250px; height:64px;}
.s-org-depth1 .org-box-wrap .org-box { font-size:1.0em;}
.s-org-depth1 .org-box-wrap.audit {margin-right:40vw; }
.s-org-depth1 .org-box-wrap.audit::before { width:20vw; }
.s-org-depth2 { gap:8px; padding-top:40px; }
.s-org-depth2::before {width:calc(100% - ((100% - 64px) / 9)); }

.s-org-depth2 .org-part {flex:1}
.s-org-depth2 .org-part::before { top:-40px;  height:40px;}
.s-org-depth2 .org-part .org-box {height:48px; border-radius:7px; font-size:0.7em;line-height:1.1em;}
.s-org-depth2 .org-part .org-box span {word-break:keep-all;}
.s-org-depth2 .org-part .org-list {}
.s-org-depth2 .org-part .org-list li {height:40px;margin-top:8px; font-size:0.5em;line-height:1.1em;}

/* 오시는길 */
.s-map-wrap .root_daum_roughmap { height:400px;  }
.s-map-wrap .root_daum_roughmap .wrap_map {height:400px; }
.s-map-detail {margin-top:25px;}
.detail-in {padding:30px;}
.detail-in .icon {height:60px; width:60px; }
.detail-in .tit { font-size:2.0rem; margin:18px auto; text-decoration-thickness:12px; text-underline-offset:-6px; }
.detail-in .tit::before {text-decoration-thickness:12px; text-underline-offset:-6px; }
.detail-in .tit::after {text-decoration-thickness:12px; text-underline-offset:-6px; } 
.detail-in .con {}
.detail-in .con .add {font-size: 1.6rem; line-height:2.4rem}
.detail-in .con .num { font-size:2.3rem; }

/*-- 제품소개 --*/
/* 제품소개 */
.s-spec-wrap {  gap:15px;}
.s-spec .thm-wrap { }
.s-spec .thm-wrap img { min-height:250px; max-height:300px;}
.s-spec .con-wrap {padding:25px 30px;}
.s-spec .con-wrap .spec-tit {font-size:2.4rem; line-height:2.6rem; margin-bottom:15px;}

.spec-list li {font-size:1.5rem; line-height:1.8rem}
.spec-list li span {width:calc(100% - 195px); padding:3px 0 }
.spec-list li span:first-child {width:180px; } 

/*-- 인재채용 --*/
/* 인재상 */
.s-ideal-wrap { gap:15px;}
.s-ideal {padding:40px 30px; }
.s-ideal .icon-wrap {width:70px; height:70px; }
.s-ideal .tit-wrap {margin-top:25px;}
.s-ideal .tit-wrap .stit {font-size:2rem; line-height:2.4rem;}
.s-ideal .tit-wrap .tit { font-size:2.8rem; line-height:2.8rem; margin:20px 0}
.s-ideal .tit-wrap .con { font-size:1.6rem}

/* 회사복지 */
.s-welfare-wrap {gap:8px;}
.s-welfare-wrap li {width:calc((100% - 24px) / 4); padding:40px 20px;}
.s-welfare-wrap li .tit {font-size:2rem; line-height:2.2rem; margin-top:15px; }
.s-welfare-wrap li .icon {width:60px; height:60px;}

/*-- 품질보증 --*/
/* 인증서 */
.s-cert-wrap {gap:10px;}
.s-cert-wrap li {width:calc((100% - 20px) / 3);}
.s-cert-wrap li .thm-wrap {padding:0; height:calc(100% - 45px); }
.s-cert-wrap li .tit-wrap {height:45px; }
.s-cert-wrap li .tit-wrap p.tit {width:calc(100% - 45px); height:45px; }
.s-cert-wrap li .tit-wrap a {width:45px; height:45px;  }
.s-cert-wrap li .tit-wrap a img {height:17px; }

/*-- 실적 --*/
.highcharts-figure > #container, .highcharts-figure > #container2 {
    height: 600px;
	
}
.highcharts-figure > #container text, .highcharts-figure > #container2 text {font-size:1.8em !important; line-height:2.2em; }
}


/*------------------------------------------------------------------------------------------------------------*/


/* 태블릿 CSS */
@media all and (max-width:1023px){

/* -------------------------------------- */
/* SUB */
/* -------------------------------------- */

/* 서브내용 단락 */
.sub-sec-wrap { padding:0 0 30px 0; }
.sub-sec-wrap .sec-tit-wrap {width:100%; height:auto; padding-bottom:0}
.sub-sec-wrap .sec-tit-wrap .tit-wrap {}
.sub-sec-wrap .sec-tit-wrap .tit-wrap .tit {font-size:2.6rem; line-height:2.8rem; text-align:center;}
.sub-sec-wrap .sec-tit-wrap .tit-wrap .stit {font-size:1.7rem; line-height:2.2rem;}
.sub-sec-wrap .sec-tit-wrap .tit-wrap .stit2  {font-size:1.7rem; line-height:2.2rem;}
.sub-sec-wrap .sec-con-wrap {width:100%; }

/*-- 회사소개 --*/
/* 인사말 */
.intro-01-wrap .con-wrap {margin-top:-70px; padding:40px;}
.intro-01-wrap .con-wrap .btit {font-size:2.6rem; line-height:2.8rem;}
.intro-01-wrap .con-wrap .tit  {font-size:2.0rem; line-height:2.4rem; margin-top:20px; } 
.intro-01-wrap .con-wrap .con {font-size:1.6rem; line-height:2.2rem; margin-top:20px;}
.intro-01-wrap .con-wrap .name { margin-top:30px; font-size:1.6rem; line-height:2.2rem; }
.intro-01-wrap .con-wrap .name span { font-size:2.4rem; line-height:2.8rem; }

/* 연혁 */
.s-history-wrap .s-history::before {left:157px;}
.s-history-wrap .s-history .year {font-size:2.0rem; width:200px;}
.s-history-wrap .s-history .history {width:calc(100% - 200px);}
.s-history-wrap .s-history .history dl::before {  top:14px; }
.s-history-wrap .s-history .history dl::after { top:9px; }
.s-history-wrap .s-history .history dl dt {font-size:1.5rem } 

/* 경영철학과 비전 */
.s-philo-wrap {gap:10px;}
.s-philo-wrap .s-philo {width:calc((100% - 20px) / 3); }
.s-philo-wrap .s-philo > .tit-wrap {width:100px; height:100px; border-radius:50px;}
.s-philo-wrap .s-philo > .tit-wrap p { font-size:1.7rem; line-height:2.4rem; }
.s-philo-wrap .s-philo .con-wrap { padding:30px 15px 15px 15px; height:auto; margin-top:-25px; }

.s-task-wrap {flex-wrap:wrap; gap:20px;}
.s-task-wrap .s-task > .tit-wrap {height:80px; border-radius:40px; }
.s-task-wrap .s-task > .tit-wrap p {font-size:2rem; }
.s-task-wrap .s-task .con-wrap {padding:25px;}

/* 조직도 */
.s-org-wrap {gap:35px;}
.s-org-wrap::before { height:256px;}
.s-org-depth1 .org-box-wrap { width:150px; height:48px; }
.s-org-depth1 .org-box-wrap.ceo {width:200px; height:56px;}
.s-org-depth1 .org-box-wrap .org-box {}
.s-org-depth1 .org-box-wrap.audit {margin-right:50vw; }
.s-org-depth1 .org-box-wrap.audit::before { width:25vw; }
.s-org-depth2 { gap:5px; padding-top:35px; }
.s-org-depth2::before {width:calc(100% - ((100% - 40px) / 9)); }

.s-org-depth2 .org-part::before { top:-35px;  height:35px;}
.s-org-depth2 .org-part .org-box {height:40px; border-radius:6px;}
.s-org-depth2 .org-part .org-list li {height:40px;margin-top:8px; }


/* 오시는길 */
.s-map-wrap .root_daum_roughmap { height:300px;  }
.s-map-wrap .root_daum_roughmap .wrap_map {height:300px; }
.s-map-detail {margin-top:23px;}
.detail-in {padding:25px;}
.detail-in .icon {height:55px; width:55px; }
.detail-in .tit { font-size:1.9rem; margin:15px auto; text-decoration-thickness:10px; text-underline-offset:-5px; }
.detail-in .tit::before {text-decoration-thickness:10px; text-underline-offset:-5px; }
.detail-in .tit::after {text-decoration-thickness:10px; text-underline-offset:-5px; } 
.detail-in .con .add {font-size: 1.5rem; line-height:2.2rem}
.detail-in .con .num { font-size:2.1rem; }


/*-- 제품소개 --*/
/* 제품소개 */
.s-spec-wrap {  gap:15px;}
.s-spec .thm-wrap { }
.s-spec .thm-wrap img { min-height:250px; max-height:300px;}
.s-spec .con-wrap {padding:25px 30px;}
.s-spec .con-wrap .spec-tit {font-size:2.4rem; line-height:2.6rem; margin-bottom:15px;}

.spec-list li {font-size:1.5rem; line-height:1.8rem}
.spec-list li span {width:calc(100% - 195px); padding:3px 0 }
.spec-list li span:first-child {width:180px; } 

/*-- 인재채용 --*/
/* 인재상 */
.s-ideal-wrap { gap:15px;}
.s-ideal {padding:40px 30px; }
.s-ideal .icon-wrap {width:70px; height:70px; }
.s-ideal .tit-wrap {margin-top:25px;}
.s-ideal .tit-wrap .stit {font-size:2rem; line-height:2.4rem;}
.s-ideal .tit-wrap .tit { font-size:2.8rem; line-height:2.8rem; margin:20px 0}
.s-ideal .tit-wrap .con { font-size:1.6rem}

/* 회사복지 */
.s-welfare-wrap {gap:8px;}
.s-welfare-wrap li {width:calc((100% - 24px) / 4); padding:40px 20px;}
.s-welfare-wrap li .tit {font-size:2rem; line-height:2.2rem; margin-top:15px; }
.s-welfare-wrap li .icon {width:60px; height:60px;}
/*-- 실적 --*/
.highcharts-figure > #container, .highcharts-figure > #container2 {
    height: 500px;
	
}
.highcharts-figure > #container text, .highcharts-figure > #container2 text {font-size:1.6em !important; line-height:2.0em; }
}


/*------------------------------------------------------------------------------------------------------------*/


/* 모바일 CSS */
@media all and (max-width:767px){

/* -------------------------------------- */
/* SUB */
/* -------------------------------------- */
/* 서브내용 단락 */
.sub-sec-wrap { padding:0 0 10px 0; }
.sub-sec-wrap .sec-tit-wrap {padding-top:20px}
.sub-sec-wrap .sec-tit-wrap .tit-wrap .tit {font-size:2.2rem; line-height:2.2rem;}
.sub-sec-wrap .sec-tit-wrap .tit-wrap .stit {font-size:1.6rem; line-height:2rem;}
.sub-sec-wrap .sec-tit-wrap .tit-wrap .stit2  {font-size:1.6rem; line-height:2.4rem;}
.sub-sec-wrap .sec-con-wrap {padding-top:25px }

/*-- 회사소개 --*/
/* 인사말 */
.intro-01-wrap .con-wrap {width:96%; margin-top:-20px; padding:20px;}
.intro-01-wrap .con-wrap .btit {font-size:2.2rem; line-height:2.4rem;}
.intro-01-wrap .con-wrap .tit  {font-size:1.6rem; line-height:1.8rem; margin-top:15px; } 
.intro-01-wrap .con-wrap .con {font-size:1.3rem; line-height:1.6rem; margin-top:15px;}
.intro-01-wrap .con-wrap .name { margin-top:25px; font-size:1.5rem; line-height:2.0rem; }
.intro-01-wrap .con-wrap .name span { font-size:2.0rem; line-height:2.4rem; }

/* 연혁 */
.s-history-wrap {}
.s-history-wrap .s-history {padding-left:20px; box-sizing:border-box;}
.s-history-wrap .s-history::before {left:0;}
.s-history-wrap .s-history .year {font-size:1.7rem; width:100%;}
.s-history-wrap .s-history .history {width:100%}
.s-history-wrap .s-history .history dl::before {content:none; }
.s-history-wrap .s-history .history dl::after { top:9px; left:-25px; top:-18px}
.s-history-wrap .s-history .history dl dt {font-size:1.5rem } 

/* 경영철학과 비전 */
.s-philo-wrap {gap:15px; max-width:200px; margin:0 auto;}
.s-philo-wrap .s-philo {width:100%; }
.s-philo-wrap .s-philo > .tit-wrap {width:90px; height:90px; border-radius:45px;}
.s-philo-wrap .s-philo > .tit-wrap p { font-size:1.4rem; line-height:2rem; }
.s-philo-wrap .s-philo .con-wrap { padding:30px 15px 15px 15px; height:auto; margin-top:-25px; }

.s-task-wrap {flex-wrap:wrap; gap:15px;}
.s-task-wrap .s-task > .tit-wrap {height:80px; border-radius:40px; }
.s-task-wrap .s-task > .tit-wrap p {font-size:1.6rem; line-height:1.8rem}
.s-task-wrap .s-task .con-wrap {padding:25px;}

/* 조직도 */
.org-thm-wrap {overflow:visible;}
.org-thm-wrap a {display:block; position:absolute; z-index:2; left:50%; bottom:-40px; background:#08105e; color:#fff; padding:5px 10px; width:150px; margin-left:-75px; box-sizing:border-box;}

/* 조직도 */
.s-org-wrap {gap:20px;}
.s-org-wrap::before { height:256px; left:10px}
.s-org-wrap::after { content:''; height:1px; width:20px; display:block; position:absolute; top:256px; left:10px; background:#d2d2d2}
.s-org-depth1 {justify-content:flex-start}
.s-org-depth1 .org-box-wrap { width:150px; height:36px; }
.s-org-depth1 .org-box-wrap.ceo {width:150px; height:42px;}
.s-org-depth1 .org-box-wrap .org-box { }
.s-org-depth1 .org-box-wrap.audit {margin-right:0; margin-left:10vw }
.s-org-depth1 .org-box-wrap.audit::before { left:calc((10vw - 10px) * -1) ; width:10vw; }
.s-org-depth2 { max-width:150px; gap:5px; padding-top:0; padding-left:50px }
.s-org-depth2::before {height:calc(100% - 50px); width:1px; left:30px; top:16px}
.s-org-depth2 .org-part {flex:initial; width:100%; margin-bottom:20px}
.s-org-depth2 .org-part::before { top:16px;  height:1px; width:20px; left:-20px;}
.s-org-depth2 .org-part .org-box {height:32px; border-radius:6px;}
.s-org-depth2 .org-part .org-list li {height:30px;margin-top:5px; }

/* 오시는길 */
.s-map-wrap {max-width:320px; margin:0 auto;}
.s-map-wrap .root_daum_roughmap { height:200px;  }
.s-map-wrap .root_daum_roughmap .wrap_map {height:200px; }
.s-map-detail {margin-top:20px; display:block;}
.detail-in {}
.detail-in {padding:15px; width:100%}
.detail-in .icon {height:45px; width:45px; margin:0 auto; }
.detail-in .tit { font-size:1.7rem; margin:13px auto;}
.detail-in .con .add {font-size: 1.4rem; line-height:2.0rem}
.detail-in .con .num { font-size:1.8rem; }

/*-- 제품소개 --*/
/* 제품소개 */
.s-spec-wrap {  gap:15px; max-width:480px; margin:0 auto}
.s-spec .thm-wrap { width:100%;}
.s-spec .thm-wrap img { min-height:initial; max-height:initial; width:100%;}
.s-spec .con-wrap {width:100%; padding:15px;}
.s-spec .con-wrap .spec-tit {font-size:2.2rem; line-height:2.4rem; margin-bottom:10px;}

.spec-list li {font-size:1.4rem; line-height:1.7rem}
.spec-list li span {width:100%; padding:5px 0 }
.spec-list li span:first-child {width:100%; padding:2px 0 } 

/*-- 인재채용 --*/
/* 인재상 */
.s-ideal-wrap { gap:10px;}
.s-ideal {flex:initial; width:100%; padding:30px 20px; }
.s-ideal .icon-wrap {width:50px; height:50px; }
.s-ideal .tit-wrap {margin-top:15px;}
.s-ideal .tit-wrap .stit {font-size:1.6rem; line-height:1.8rem;}
.s-ideal .tit-wrap .tit { font-size:2.0rem; line-height:2.0rem; margin:15px 0}
.s-ideal .tit-wrap .con { font-size:1.4rem; line-height:1.6rem}

/* 회사복지 */
.s-welfare-wrap {gap:5px; max-width:480px; margin:0 auto; margin-top:20px}
.s-welfare-wrap li {width:calc((100% - 5px) / 2); padding:20px 15px;}
.s-welfare-wrap li .tit {font-size:1.8rem; line-height:2.0rem; margin-top:12px; }
.s-welfare-wrap li .icon {width:50px; height:50px;}

/*-- 품질보증 --*/
/* 인증서 */
.s-cert-wrap {gap:10px;max-width:480px; margin:0 auto;}
.s-cert-wrap li {width:calc((100% - 10px) / 2);}
.s-cert-wrap li .thm-wrap {padding:0; height:calc(100% - 35px); }
.s-cert-wrap li .tit-wrap {height:35px; }
.s-cert-wrap li .tit-wrap p.tit {width:calc(100% - 35px); height:35px; }
.s-cert-wrap li .tit-wrap a {width:35px; height:35px;  }
.s-cert-wrap li .tit-wrap a img {height:14px; }
/*-- 실적 --*/
.highcharts-figure > #container, .highcharts-figure > #container2 {
    height: 400px;
	
}
.highcharts-figure > #container text, .highcharts-figure > #container2 text {font-size:1.5em !important; line-height:1.9em; }
}