@charset "utf-8";


/* -------------------------------------- */
/* Layout */
/* -------------------------------------- */

.page_con{width: 100%; max-width: 1500px; margin-top: 100px; margin: 0 auto;}

.img_con{width: 100%; margin: 0 auto;  text-align: center;}
.img_con img{width: 100%; margin: 0 auto;}

/* table */
.tb-scroll { position: relative; width: 100%; overflow-x: auto; }

.tb-style1 { position: relative; width: 100%; border-top: 2px solid #000; text-align: left; font-size: 1.8rem; line-height: 1.4em;}
.tb-style1 th{ padding: 10px 20px; border-bottom: 1px solid #e5ebe5; vertical-align: top;  }
.tb-style1 td { padding: 10px 0 10px 20px; border-bottom: 1px solid #e5ebe5; vertical-align: middle;  }
.tb-style1 th {background: #f9f9f9; }

.tb-style1.bd th + th, .tb-style1.bd td + td {border-left: 1px solid #e5ebe5}


.tb-style { position: relative; width: 100%; border-top: 2px solid #000;  font-size: 1.8rem;}
.tb-style th, .tb-style td { padding: 10px 10px; border-bottom: 1px solid #e9e7e7;  }
.tb-style thead th { background: #f9f9f9; font-weight: 600; line-height: 1.5em; border-left: 1px solid #dfeeef; border-bottom: 1px solid #2e8f97;}
.tb-style th {background: #f9f9f9; color:#222; line-height: 1.5em;  text-align: center;  border-right: 1px solid #e9e7e7; vertical-align: middle;}
.tb-style td { border-right: 1px solid #e9e7e7; padding: 10px 10px; line-height: 1.5em; text-align:center; vertical-align: middle; font-weight: normal;}
.tb-style th:last-child {border-right:0;  }
.tb-style td:last-child {border-right:0;  }
.tb-style td.t_left{text-align: left; padding-left: 20px;}
.tb-style td.r_line{border-right: 1px solid #e9e7e7;}
.tb-style td.bg1{background: #eaf3fa;}
.tb-style td.bg2{background: #fef9ec;}

.tb-width1 { min-width:600px; }


/* hmList */
.hmList li {position:relative;  padding-left: 20px; line-height: 1.6em; text-align: left;}
.hmList li:before {content:'-'; position:absolute; left:0; top:0px;}


/* 서브 탭 */
.sub-tab-wrap {width:100%; overflow:visible; position:relative; z-index:2; padding-top: 100px;}
.sub-tab-wrap .tab-title {font-size: 19px; width:100%; max-width: 1600px; margin: 0 auto; margin-top: 30px; overflow:hidden; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin: 0 auto;}  
.sub-tab-wrap .tab-title li {margin-left:0.5%; margin-bottom:0.5%; flex:fit-content; border:none; background:#f0f0f0; text-align: center; box-sizing: border-box;}
.sub-tab-wrap .tab-title p {margin-left:0.5%; margin-bottom:0.5%; flex:fit-content; border:none; background:#f0f0f0; text-align: center; box-sizing: border-box}
.sub-tab-wrap .tab-title li:first-child {margin-left:0;}
.sub-tab-wrap .tab-title li:hover { border: 2px solid #014da1; background: #fff; box-sizing:border-box;}
.sub-tab-wrap .tab-title p:hover { border: 2px solid #014da1; background: #fff; box-sizing:border-box;}
.sub-tab-wrap .tab-title li.ui-state-active {background:#014da1; color:#fff; border: 0; box-sizing:border-box;}
.sub-tab-wrap .tab-title li a {color:#222; display:block; width:100%; height:60px; line-height:60px; font-family: 'GmarketSansMedium';}
.sub-tab-wrap .tab-title p a {color:#222; display:block; width:100%; height:60px; line-height:60px; font-family: 'GmarketSansMedium';}
.sub-tab-wrap .tab-title li.ui-state-active a {color:#fff;}
.sub-tab-wrap .tab-title li:hover a {color:#014da1; }
.sub-tab-wrap .tab-title p:hover a {color:#014da1; }
.sub-tab-wrap .tab-title li.ui-state-active:hover a  { border: 2px solid #014da1; background: #fff; color:#014da1; box-sizing:border-box;}
.sub-tab-wrap .tab-title p:hover a { border: 2px solid #014da1; background: #fff; color:#014da1; box-sizing:border-box;}
.sub-tab-wrap .sub-tabs-con {width:100%; overflow:visible; margin-top:50px;}


/* -------------------------------------- */
/* 회사소개 */
/* -------------------------------------- */

/* CEO경영이념 */

.intro1_wrap{}
.intro1_wrap .bg{width: 100%; height: 450px; background: url(../images/intro1_bg.jpg) no-repeat center top;}
.intro1_wrap .sss-inner{padding: 70px 40px 0; margin-top: -80px; background: #fff; width: 95%; max-width: 1400px; position: relative; margin-left: auto; margin-right: auto; box-sizing:border-box;}
.intro1_wrap .sss-inner .text{text-align: center;}
.intro1_wrap .sss-inner .text p.tit{font-size: 2.0em; font-weight: 300; color: #212121; margin-bottom: 50px; word-break: keep-all; font-family: 'Montserrat'; font-weight: 500; color: #014da1;  line-height: 1.6em;}
.intro1_wrap .sss-inner .text p.tit span{color: #0d3f9e;} 
.intro1_wrap .sss-inner .text p.tex{color: #555555; line-height: 1.9em; word-break: keep-all;  font-family: 'Pretendard-Regular';}
.intro1_wrap .sss-inner .text p.tex span{font-family: 'Pretendard-Bold'; color: #000;}
.intro1_wrap .sss-inner .text p.tex .point1{color: #014da1; font-size: 1.2em;}
.intro1_wrap .sss-inner .text p.tex em{display:block; }
.intro1_wrap .sss-inner .text p.name{position: relative; padding-right: 200px; width: 90%; max-width: 1000px; text-align: right; color: #555555; line-height: 1.9em; word-break: keep-all;  font-family: 'Pretendard-Regular'; margin: 0 auto; margin-top: 20px; height: 46px;}
.intro1_wrap .sss-inner .text p.name span{ font-size: 1.6em; font-family: 'kdg_Medium'; color: #000;}
.intro1_wrap .sss-inner .text p.name:before{position: absolute; content: ''; background: url('../images/name.jpg'); height: 46px; width: 175px; right:0%;  bottom: 0px;}


.intro1_con{margin-top: 100px; text-align: center;}
.intro1_con .t1{font-family: 'Montserrat'; font-weight: 600;  line-height: 1.6em;}
.intro1_con .t2 {width: 80%; max-width: 550px;margin: 0 auto; background: #014da1; color: #fff; padding: 20px; border: 15px solid #e8f2fa; border-radius:999px; font-size: 1.8em; line-height: 1.4em; font-family: 'Pretendard-Bold';}
.intro1_con .t2 span{font-family: 'Montserrat'; font-weight: 600;}


.intro_figure_wrap{position: relative; padding-bottom: 120px; display:block; overflow:hidden; position:relative; margin: 40px 0 0px 0; text-align:center;  }
.intro_figure_wrap:before{position: absolute; content: ''; background: url('../images/intro1_arrow_bg.png'); height: 107px; width: 187px; left:50%; margin-left: -95px; bottom: 0px;}
			.intro_figure_view{ display:inline-block; overflow:hidden; vertical-align:middle; border-radius:999px; width:300px; height:300px;  box-sizing:border-box; position:relative; }
			.intro_figure1{ background:rgba(0,202,212,0.1); border:1px solid rgba(0,202,212,1); color:rgba(0,202,212,1); margin:0; }
			.intro_figure2{ background:rgba(0,163,212,0.1); border:1px solid rgba(0,163,212,1); color:rgba(0,163,212,1); margin:0 0 0 -40px; }
			.intro_figure3{ background:rgba(0,110,197,0.1); border:1px solid rgba(0,110,197,1); color:rgba(0,110,197,1); margin:0 0 0 -40px; }
				.intro_figure_text_wrap{ display:block; width: 70%; margin: 0 auto;overflow:hidden; text-align:center; position:relative; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);font-family: 'Montserrat'; line-height: 1.2em; font-weight: 500;}
				.intro_figure_text_wrap em{display:block;}


/* 연혁 */

#history_top { position: relative; width: 100%; overflow: hidden; background: #0a0a0a url("../images/history_top.jpg") no-repeat center; }
#history_top .txt { width: 55%; float: right; padding: 5% 0 0 2%; box-sizing:border-box;}
#history_top .txt .s_stit{ font-size: 1.4em;  color: #fff; line-height: 1.1em; font-family: 'Montserrat'; font-weight: 500;}
#history_top .txt .s_stxt { padding-right: 5%; font-size: 2.0em; color: #fff; line-height: 1.5em; margin-top: 1em;  box-sizing:border-box;  font-family: 'Pretendard-Regular';}
#history_top .txt .s_stxt span{ font-family: 'Pretendard-Bold';}
#history_top .txt .en { font-size: 8.8vw; float: right; color:rgba(255,255,255,0.2); line-height: 1.0em; font-family: 'Montserrat'; font-weight: 900; margin-top: 0.4em; margin-bottom: -0.15em; }

#history { overflow: hidden; position: relative; }
#history::before { content: ''; width:1px; height: 100%; background: #e0ede6; position: absolute; left:50%; top:0; margin-left: -0.5px;}
#history li { overflow: hidden; position: relative;}
#history li .txt { float: right; width: 50%; padding: 2% 0 2% 60px;  box-sizing:border-box;}
#history li:nth-child(even) .txt { float: left; text-align: right; padding: 2% 60px 2% 0; }

#history li .txt p.tit { color: #0d3f9e; font-size: 2.2em; font-family: 'Montserrat'; font-weight: 700; position: relative;line-height: 1.1em; margin-bottom: 20px;}
#history li .txt p.tit::before { content:''; width: 14px; height: 14px; display: block; position: absolute; left:-60px; top:50%; margin: -7px 0 0 -7px;border-radius: 100%; background: #5d83ca; border: 5px solid #dae3f3; z-index:2;  }
#history li .txt p.tit::after { content:''; width: 50px; height: 1px; display: block; background: #5d83ca; z-index:1;position: absolute; left:-65px; top:50%; margin-top: 3px;}
#history li:nth-child(even) .txt p.tit::before,
#history li:nth-child(even) .txt p.tit::after { left: inherit; right: -60px; }
#history li:nth-child(even) .txt p.tit::before {margin: -7px -7px 0 0; }
#history li .txt dl { margin-top: 10px;}
#history li .txt dl dt { width:40px; display:inline-block; vertical-align:top; color:#212121; font-weight: 600; line-height: 1.5em; }
#history li .txt dl dd {width:calc(100% - 40px); display:inline-block; vertical-align:top; line-height: 1.5em; }

#history li:nth-child(even) dt { float: right; }


/* 주요고객 */

.Client_list{width: 100%; overflow: hidden;}
.Client_list ul{display: flex; flex-wrap: wrap; gap:40px;}
.Client_list li{width: calc((100% - 160px) / 5); text-align: center; }
.Client_list li .img_con{border: 1px solid rgba(0,0,0,0.1); padding: 10px 0; box-sizing:border-box;}
.Client_list li .img_con img{display:block;  width: 100%; max-width: 224px; margin: 0 auto;}
.Client_list li .tex_con{ margin-top: 10px;}

/* 사업장소개 */

#imgHalf {}
#imgHalf .box {display: flex; flex-wrap: wrap; gap:40px;}
#imgHalf .box > div {width: calc((100% - 40px) / 2); text-align: center;}
#imgHalf .box .imgWrap {}
#imgHalf .box .imgWrap img{width: 100%;}
#imgHalf .box .contWrap {}


/* 오시는 길 */

#sLocation { position: relative; }
#sLocation .root_daum_roughmap .wrap_map  { height: 600px !important; }
.wrap_controllers  { display: none; }
.map_border {  display: none; }

.loca-info { position: relative; width: 90%; margin: -5% auto 0; background: #fff; display: table; table-layout: fixed; z-index: 10; }
.loca-info > div { display: table-cell; vertical-align: middle; padding: 4%;   box-sizing:border-box;}
.loca-info .tit { width: 35%; text-align: center; background: linear-gradient(160deg, #e70012, #014da1); color:#fff; font-size: 1.8rem; }
.loca-info .tit img { max-width: 100%; max-width: 200px;}
.loca-info .tit p { margin-top: 1em; }
.loca-info .cont { font-size: 1.8rem; border: 1px solid #e5e5e5; border-top:0;  }
.loca-info .cont dl dt, .loca-info .cont dl dd { display: inline-block; vertical-align: top; margin: 0.5em 0; }
.loca-info .cont dl dt { width: 120px; color:#0d3f9e; font-weight: 700; }
.loca-info .cont dl dt i { margin-right: 0.3em; vertical-align: middle; padding: 8px; background: #0d3f9e; color:#fff; border-radius: 100%; font-size: 0.9em; width: 35px; height: 35px;}
.loca-info .cont dl dd { width: calc(100% - 120px);  }

.loca-info .cont .txt {  border-left: 1px solid rgba(255,255,255,0.2);  padding-left: 5%; padding-top: 0.2em;  box-sizing:border-box;}
.loca-info .cont .txt li {margin-bottom:10px; display:flex; align-items: center;}
.loca-info .cont .txt i {font-size:1.6rem; text-align:center; margin-right:1em; background:#0d3f9e; border-radius:50px; width:30px; line-height:30px; color: #fff;}
.loca-info .cont .txt .fax i, .loca-info .cont .txt .mail i  {font-size:1.4rem} 
.loca-info .cont .txt span.point {font-weight:500; padding-right:0.5em; color: #fff;}


/* -------------------------------------- */
/* ESG경영철학 */
/* -------------------------------------- */

/* CEO의 ESG경영철학 */

.esg_1_wrap{width: 100%; background: url(../images/esg1_bg.jpg) no-repeat center center; background-size:cover; padding: 120px 0;}
.esg_1_con{width:92%; margin:0 auto; position:relative; max-width:1500px; text-align: center; color: #fff;}
.esg_1_con .tex_en{ font-size: 1.2em; font-family: 'Montserrat'; font-weight: 700;}
.esg_1_con .tit{margin: 70px 0 150px 0; font-family: 'Pretendard-Bold'; font-size: 2.4em; line-height: 1.4em;}
.esg_1_con .tit2{margin: 70px 0 50px 0; font-family: 'Pretendard-Bold'; font-size: 2.4em; line-height: 1.4em;}
.esg_1_con .tex{margin: 0px 0 150px 0; font-family: 'Pretendard-Regular'; line-height: 1.7em;}
.esg_1_con .tex2{margin: 70px 0 0px 0; font-family: 'Pretendard-Regular'; line-height: 1.7em;}

.esg_1_box{display: flex; flex-wrap: wrap; gap:0px;}
.esg_1_box dl{width: calc((100% - 0px) / 3); text-align: center; border-right: 1px dashed rgba(255,255,255,0.2);  box-sizing:border-box; padding: 0 75px;}
.esg_1_box dl:last-child {border-right: 0;}
.esg_1_box dl dt .ico img{width: 100px; margin: 0 auto;}
.esg_1_box dl dt .t1{margin: 30px 0; font-family: 'Pretendard-Bold'; font-size: 1.4em; }
.esg_1_box dl dd{}



.esg_ethics_w{}
.esg_ethics_bg{width: 100%; background: url(../images/esg_04_bg.png) no-repeat center center; height: 50px;}
.esg_ethics_w .box_1{width: 90%; max-width: 600px; margin: 0 auto; padding: 30px 0; box-sizing:border-box; text-align: center; background: linear-gradient(160deg, #48af9c, #3fa2cd); color:#fff; font-size: 2.4rem; border-radius:999px;  font-family: 'Pretendard-Bold';}
.esg_ethics_w .box_2{width: 90%; max-width: 600px; margin: 0 auto; padding: 30px 0; box-sizing:border-box; text-align: center; background: #add157; color:#fff; font-size: 2.4rem; border-radius:999px;  font-family: 'Pretendard-Regular';}
.esg_ethics_w .box_2 span{ display: block; font-size: 3.0rem;  font-family: 'Pretendard-Bold';}


.esg_tit{display:block; overflow:hidden; font-size:36px; line-height:150%; font-family: 'Pretendard-Bold';}
.esg_tit span{margin-left: 20px;  font-size:18px; line-height:150%; font-family: 'Pretendard-Regular'; color: rgba(0, 0 ,0,0.7);}


.down-list {}
.down-list .t1 {text-align:left; font-size:24px; font-weight:800; line-height:36px;}
.down-list ul {margin-top:20px; border-top:2px solid #2E2E2E;}
.down-list ul li {overflow:hidden;padding:36px 15px 36px 0; border-bottom:1px solid #DDDDDD; }
.down-list ul li .name {float: left; width: 65%; font-size:24px; color:#555; text-align:left; font-family: 'Pretendard-Regular';}
.down-list ul li .down-txt {float: right; width: 30%;font-size:16px;color:#bbb; text-align:right;  font-family: 'Montserrat'; font-weight: 600;}
.down-list ul li:hover .name, .down-list ul li:hover .down-txt {color:#3580C2;}
.down-list ul li .down-txt i { margin-right: 0.5em; vertical-align: middle; padding: 8px; background: #333; color:#fff; border-radius: 100%; font-size: 0.9em; width: 35px; height: 35px;}
.down-list ul li:hover .down-txt i{background: #3580C2;}


.esg_3_wrap{width: 100%; background: url(../images/esg3_bg.jpg) no-repeat center center; background-size:cover; padding: 120px 0;}


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


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

/* -------------------------------------- */
/* Layout */
/* -------------------------------------- */


/* -------------------------------------- */
/* ESG경영철학 */
/* -------------------------------------- */

/* CEO의 ESG경영철학 */

.esg_1_box dl{padding: 0 50px;}


}

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


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

/* -------------------------------------- */
/* Layout */
/* -------------------------------------- */



/* -------------------------------------- */
/* 회사소개 */
/* -------------------------------------- */



/* 연혁 */

#history_top { background-position: 30% center;}


/* 주요고객 */

.Client_list ul{gap:30px;}
.Client_list li{width: calc((100% - 120px) / 5);}


/* -------------------------------------- */
/* ESG경영철학 */
/* -------------------------------------- */

/* CEO의 ESG경영철학 */

.esg_1_box dl{padding: 0 40px;}




}


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


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

/* -------------------------------------- */
/* Layout */
/* -------------------------------------- */

/* -------------------------------------- */
/* 회사소개 */
/* -------------------------------------- */


/* CEO경영이념 */

.intro1_wrap .sss-inner .text p.tex em{display: inline-block; }

.intro_figure_view{width:250px; height:250px;}


/* 연혁 */

#history_top { background-size: auto 100%; }
#history_top .txt { padding-left:0; }
#history_top .txt .en { font-size: 10vw;}


#history li .txt { padding: 2% 0 2% 50px; }
#history li:nth-child(even) .txt { padding: 2% 50px 2% 0; }

#history li .txt p.tit::after { width: 40px; }
#history li .txt p.tit::before,
#history li .txt p.tit::after { left: -50px; }
#history li:nth-child(even) .txt p.tit::before,
#history li:nth-child(even) .txt p.tit::after { right: -50px; }


/* 주요고객 */

.Client_list ul{gap:30px;}
.Client_list li{width: calc((100% - 90px) / 4);}


/* 사업장소개 */


#imgHalf .box {gap:0px;}
#imgHalf .box > div {width: calc((100% - 0px) / 1);}

#imgHalf .box .contWrap {margin-top: 2em;}

/* 오시는 길 */

#sLocation .root_daum_roughmap .wrap_map  { height: 60vw !important; }

.loca-info,
	.loca-info > div { display: block; }
	.loca-info .tit { width: 100%; }
	.loca-info .tit img, .loca-info .tit p { display: inline-block; vertical-align: middle;}
	.loca-info .tit img { max-width: 22%;  }
	.loca-info .tit p { margin-top: 0; margin-left: 1em; }
	.loca-info .cont  { padding: 1.7em; }



/* -------------------------------------- */
/* ESG경영철학 */
/* -------------------------------------- */

/* CEO의 ESG경영철학 */

.esg_1_wrap{padding: 90px 0;}

.esg_1_box dl{padding: 0 30px;}
.esg_1_box dl dt .ico img{width: 75px;}



}


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


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

/* -------------------------------------- */
/* Layout */
/* -------------------------------------- */

/* table */
.tb-style1 {font-size: 1.0em;}

.tb-style {font-size: 1.0em;}


/* -------------------------------------- */
/* 회사소개 */
/* -------------------------------------- */


/* CEO경영이념 */

.intro_figure_view{width:170px; height:170px;}



/* 연혁 */

#history_top { padding-bottom: 35vw; background-color: #fff; background-position: 30% bottom; background-size: auto 35vw; }
#history_top .txt  { width: 100%; padding: 0 0% 5% 0; }
#history_top .txt .en { font-size: 12vw;  position: absolute; right:0; bottom:-1px; }
#history_top .txt .s_stxt {font-size: 1.8em; color: #212121; }

#history::before { left: 8px; margin-left:0;}
#history li .txt p.tit { font-size: 4rem; }
#history li .txt { width: 100%; padding: 2% 0 2% 50px; }
#history li:nth-child(even) .txt { text-align: left; padding: 2% 0 2% 50px; }
#history li .txt p.tit::before { width: 10px; height: 10px; margin: -5px 0 0 0; border-width: 3px; }
#history li:nth-child(even) .txt p.tit::before { margin: -5px 0 0 0; }
#history li:nth-child(even) .txt p.tit::before,
#history li:nth-child(even) .txt p.tit::after { right: inherit; left: -50px; }

#history li:nth-child(even) dt { float: left; }



/* 주요고객 */

.Client_list ul{gap:30px;}
.Client_list li{width: calc((100% - 60px) / 3);}



/* -------------------------------------- */
/* ESG경영철학 */
/* -------------------------------------- */

/* CEO의 ESG경영철학 */

.esg_1_wrap{padding: 60px 0 20px 0;}
.esg_1_con .tit{margin: 40px 0;}

.esg_1_box dl{width: 100%; text-align: center; border-right: 0;  border-bottom: 1px dashed rgba(255,255,255,0.2); padding: 40px 0;}
.esg_1_box dl:last-child {border-bottom: 0;}
.esg_1_box dl dd{width: 90%; max-width: 380px; margin: 0 auto;}



}


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

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

/* -------------------------------------- */
/* Layout */
/* -------------------------------------- */


/* CEO경영이념 */

.intro_figure_view{ display:block; width:250px; height:250px; margin: 0 auto;}
.intro_figure1{ margin:0 auto; }
.intro_figure2{margin:-30px auto 0 auto ; }
.intro_figure3{margin:-30px auto 0 auto ; }

/* 연혁 */
#history_top .txt .s_stxt {font-size: 1.5em; letter-spacing: -1px;}



/* 주요고객 */

.Client_list ul{gap:10px;}
.Client_list li{width: calc((100% - 10px) / 2);}


}