@charset "utf-8";

@charset "utf-8";

.sub_contents {width:100%;  line-height:1.35;  font-size:1.8rem; overflow-x: hidden; overflow-y: hidden; }
.sub_contents2 {width:100%;  line-height:1.35;  font-size:1.8rem;  }

.wid_1600 {width:100%; position:relative; max-width:1600px; margin:auto}
.wps_100 {width:100%;}
.point {color:#c79f61 !important;}
.grey_bg {background:#f8f8f8;}
.txt_l {text-align:left !important;}
.txt_c {text-align:center !important;}
.txt_r {text-align:right !important;}

.clear_fix {width:100%; position:relative;}
.clear_fix:after {display:block;clear:both;content:''}

.div_scroll, .div_scroll2 {overflow: auto;position: relative}

.only_pc {display:block;}
.only_mob {display:none;}

@media( max-width:1600px) {
	.side_pd {padding-left:20px !important; padding-right:20px !important;}
	.sub_contents {overflow-x:hidden; }
}

@media( max-width:1024px) {
.only_pc {display:none;}
.only_mob {display:block;}

}

@media( max-width:768px) {
.div_scroll2 table {width:760px; font-size:15px;}
.div_scroll2 img {max-width:1024px !important;}
.sub_contents {margin-top:0rem;}
}



@media( max-width:600px) {
.div_scroll table {width:600px; font-size:15px;}
.div_scroll img {max-width:768px !important;}
.sub_contents {margin-top:0rem;}
}


.mg_t0 {margin-top:0px!important;}
.mg_t10{margin-top:1.0rem!important;}
.mg_t20{margin-top:2.0rem!important;}
.mg_t30{margin-top:3.0rem!important;}
.mg_t40{margin-top:4.0rem!important;}
.mg_t50{margin-top:5.0rem!important;}
.mg_t80{margin-top:8.0rem!important;}
.mg_t100{margin-top:10.0rem!important;}
.mg_t120{margin-top:12.0rem!important;}
.mg_t150{margin-top:15.0rem!important;}


.mg_b10{margin-bottom:1.0rem!important;}
.mg_b20{margin-bottom:2.0rem!important;}
.mg_b30{margin-bottom:3.0rem!important;}
.mg_b40{margin-bottom:4.0rem!important;}
.mg_b50{margin-bottom:5.0rem!important;}
.mg_b80{margin-bottom:8.0rem!important;}


.pd_b100 {padding-bottom:10.0rem!important;}
.pd_b130 {padding-bottom:13.0rem!important;}
.flex_box {display:flex; flex-wrap:wrap;}

/*동영상*/
.video-section{
  width:100%;
  max-width:100%;
  margin:0 auto;
}

.video-container{
 margin-bottom:1.0rem;
  background:#dfdfdf;
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 56.25%;
}

.video-container iframe{
  z-index: 1;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}



/*테이블*/
.table {width:100%;  text-align:center;   position:relative; font-size: 15px; background:transparent; line-height: 1.45;}
.table thead {border-top: 3px solid #2a303a; background:#f8f8f8;  height:170px;}
.table thead th{ border-bottom: 1px solid #2a303a;   border-left: 1px solid #2a303a; color: #000; font-weight: bold;  padding: 20px 12px; }
.table thead th:first-child {border-left: 0;}
.table .le_line { border-left: 1px solid #2a303a !important;}
.table .le_line2 { border-left: 1px solid #bebebe !important;}

.table tbody th {border-bottom: 1px solid #bebebe; padding: 12px; color: #000;  vertical-align: middle;  font-weight: bold;}
.table tbody td {border-bottom: 1px solid #bebebe; border-left: 1px solid #bebebe; padding: 12px; color: #555;  vertical-align: middle;  }
.table tbody td:first-child {border-left: 0;}
.table tbody td strong {color:#000;}



.table2 {width:100%;  text-align:center;   position:relative; font-size: 15px; background:transparent; line-height: 1.45;}
.table2 thead { background:#11336f; }
.table2 thead th{ border-bottom: 1px solid #ddd;   border-left: 1px solid #ddd; color: #fff; font-weight: bold;  padding: 20px 12px; }
.table2 thead th:first-child {border-left: 0;}
.table2 .le_line { border-left: 1px solid #ddd !important;}
.table2 .le_line2 { border-left: 1px solid #bebebe !important;}

.table2 tbody th {border-bottom: 1px solid #bebebe; background:#f8f8f8; padding: 12px; color: #000;  vertical-align: middle;  font-weight: bold;}
.table2 tbody td {border-bottom: 1px solid #bebebe; border-left: 1px solid #bebebe; padding: 12px; color: #555;  vertical-align: middle;  }
.table2 tbody td:first-child {border-left: 0;}
.table2 tbody td strong {color:#000;}




@media screen and (max-width: 1600px){

}
@media screen and (max-width: 1400px){

}
@media screen and (max-width: 1024px){

}
@media screen and (max-width: 768px){

}



/*공통*/
.engsmall_title {font-size:2.2rem; color:#c79f61; font-weight:bold; font-family: 'Poppins'; text-transform:uppercase;}
.subtitle_txt {font-size:3.8rem; font-weight:600; }


@media screen and (max-width: 1024px){

.engsmall_title {font-size:2.0rem; }
.subtitle_txt {font-size:3.0rem;}
}


@media screen and (max-width: 768px){
.sub_top  {text-align:left !important;}
.engsmall_title {font-size:1.8rem; }
.subtitle_txt {margin-top:1.0rem!important;  font-size:2.4rem;}
}




/*회사개요*/
.overview_wrap {position:relative;}
/*.overview_wrap:after {content:''; position:absolute; width:100%; height:20vh; background:#f8f8f8;}*/
.overview_subtop { text-align:center; padding:12.0rem 3.0rem; margin-top:4.0rem;}
.overview_ico_wrap {margin-top:8.0rem; padding:0 10.0rem; justify-content:space-between;}
.overview_ico_wrap .overview_box {width:23.5%; border:1px solid #ddd; aspect-ratio: calc(320/320) / 1; margin-bottom:3.0rem; border-radius:2.0rem; padding:4.0rem;}
.overview_ico_wrap .overview_box dt {font-size:2.4rem; font-weight:600;}
.overview_ico_wrap .overview_box dd {font-size:1.8rem; color:#666; margin-top:2.0rem;}
.overview_ico_wrap .compay_name {display:flex;  justify-content: center; align-items: center; background:#c79f61; color:#fff; text-align:center;  font-size:3.2rem; font-weight:700; border-radius:100%;}
.overview_ico_wrap .overview_box:nth-child(2) {background: url("../../pages/images/overview_ico01.png") no-repeat right 3.0rem bottom 3.0rem;}
.overview_ico_wrap .overview_box:nth-child(3) {background: url("../../pages/images/overview_ico02.png") no-repeat right 3.0rem bottom 3.0rem;}
.overview_ico_wrap .overview_box:nth-child(4) {background: url("../../pages/images/overview_ico03.png") no-repeat right 3.0rem bottom 3.0rem;}
.overview_ico_wrap .overview_box:nth-child(5) {background: url("../../pages/images/overview_ico04.png") no-repeat right 3.0rem bottom 3.0rem;}
.overview_ico_wrap .overview_box:nth-child(6) {background: url("../../pages/images/overview_ico05.png") no-repeat right 3.0rem bottom 3.0rem;}
.overview_ico_wrap .overview_box:nth-child(7) {background: url("../../pages/images/overview_ico06.png") no-repeat right 3.0rem bottom 3.0rem;}
.overview_ico_wrap .overview_box:nth-child(8) {background: url("../../pages/images/overview_ico07.png") no-repeat right 3.0rem bottom 3.0rem;}



@media screen and (max-width: 1200px){

.overview_ico_wrap {padding:0;}
.overview_ico_wrap .overview_box {background-size:40px 40px !important; padding:3.0rem;}
}

@media screen and (max-width: 1024px){
.overview_ico_wrap .overview_box {width:48%; aspect-ratio: calc(320/200) / 1;}
.overview_ico_wrap .compay_name {border-radius:2.0rem; font-size:2.6rem;}
}


@media screen and (max-width: 600px){
.overview_ico_wrap .overview_box {width:100%; aspect-ratio: calc(320/120) / 1;}
.overview_subtop img {width:15%;}
}



/*CEO 메세지*/
.message_wrap {justify-content:space-between;}
.message_img {width:48%; order:2}
.message_img img {max-width:100%; border-radius:0 30.0rem 0 0; order:1}
.message_txt {width:48%; padding-top:13.0rem;}
.message_txt .txt1 {font-size:3.0rem; font-weight:600; padding:3.0rem 0;}
.message_txt p {font-size:2.0rem; color:#666; margin-bottom:3.0rem; line-height:1.65; }

.message_txt .ceo_name {font-weight:500; text-align:right; position:relative; font-size:2.0rem; color:#222; padding-right:17.0rem; padding-bottom:5.0rem;}
.message_txt .ceo_name:after {position:absolute; content:''; right:0; top:-3.0rem; background: url("../../pages/images/sign_img.png") no-repeat; width:27.5rem; height:12.1rem; background-size:contain;}
.message_txt .ceo_name strong {font-size:2.8rem; font-weight:600; color:#000; display:inline-block; margin-left:2.0rem; letter-spacing:1.0rem;}


@media screen and (max-width: 1024px){

.message_img {width:100%; order:1;}
.message_txt {width:100%; padding-top:8.0rem; order:2;}

.message_txt .ceo_name {text-align:left; padding-bottom:5.0rem; }
.message_txt .ceo_name:after {left:25.0rem; right:auto;}
}

@media screen and (max-width: 500px){
.message_txt .txt1 {font-size:2.4rem;}
.message_txt .ceo_name {margin-top:5.0rem; }
.message_txt .ceo_name strong {display:block; margin-left:0;}
.message_txt .ceo_name:after {left:15.0rem;}
}

/*조직도*/
.organization {text-align:center; margin-top:5.0rem;}



/*연혁*/
.history_wrap {height:100%;}

.history_left {position: -webkit-sticky;  position: sticky; height:100%; width:45%; left:0; top:5.0rem; padding-right:5%; }
.history_img {margin-top:3.0rem;}

.history_right {width:50%; margin-top:25.0rem;}
.history_right dl {display:flex; padding:2.5rem 2.0rem; border-bottom:1px solid #ddd; }
.history_right dl dt {width:11.5rem; font-size:2.2rem; color:#c79f61; font-weight:600;}
.history_right dl dd {width:calc(100% - 11.5rem); color:#666;}

@media screen and (max-width: 1600px){

.history_left .subtitle_txt {font-size:2.0vw;}

}

@media screen and (max-width: 1200px){

.history_left .subtitle_txt {font-size:2.8rem;}
.history_left {width:100%; position:relative; padding-right:0;}
.history_right {width:100%; margin-top:10.0rem;}


}


@media screen and (max-width: 768px){
.history_left .subtitle_txt {font-size:2.4rem;}
.history_right dl {flex-direction: column;}
.history_right dl dt {width:100%;}
.history_right dl dd {margin-top:1.0rem; width:100%;}

}

/*인증현황*/

.cert_title {font-size:2.6rem; font-weight:600; margin-bottom:2.0rem;}

.certification_wrap {display:flex;  flex-wrap: wrap;  margin:5.0rem -30px 0 0;}
.certification_wrap .cert_box {width:calc(33% - 30px); margin-right:30px; text-align:center; /*border-bottom:1px solid #ddd;*/ margin-bottom:35px;}
.certification_wrap .cert_box .cert_img {background:#f8f8f8;  padding:5.0rem 2.0rem; }
.certification_wrap .cert_box .cert_img img { max-height:30.0rem;  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);}
.certification_wrap .cert_box .cert_txt {color:#666; padding:2.0rem 0 3.0rem 0; font-size:16px; font-weight:600; }


@media screen and (max-width: 1200px){

.certification_wrap {display:flex;  flex-wrap: wrap;  margin:5.0rem -25px 0 0;}
.certification_wrap .cert_box {width:calc(33% - 25px); margin-right:25px; }
.certification_wrap .cert_box .cert_img img {width:85%}
}



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

.certification_wrap {display:flex;  flex-wrap: wrap;  margin:5.0rem -25px 0 0;}
.certification_wrap .cert_box {width:calc(50% - 25px); margin-right:25px; }
.certification_wrap .cert_box .cert_img img {width:85%}
}


@media screen and (max-width: 768px){
.certification_wrap {margin:5.0rem 0px 0 0;}
.certification_wrap .cert_box {width:100%; margin-right:0px; }
.certification_wrap .cert_box .cert_img img {width:auto; max-height:30.0rem;}
}



/*비전*/
.vision_wrap {background:#f8f8f8; padding:5.0rem 3.0rem; margin-top:8.0rem; text-align:center;}
.vision_txt {font-size:2.4rem; text-align:center;  color:#666; margin-top:5.0rem; line-height:1.6;}
.vision_txt strong {color:#000;}
.vision_img {margin-top:5.0rem;}

@media screen and (max-width: 768px){
.vision_wrap {margin-top:5.0rem; padding:3.0rem;}
.vision_txt {text-align:left; margin-top:2.0rem; font-size:16px;}
.vision_txt br {display:none;}
}






/*오시는길*/
.location_wrap {margin-top:5.0rem;}
.loc_txt { border-top:1px solid #222; padding:5.0rem; border-bottom:1px solid #ddd;}
.loc_txt .loc_left {width:25%;}
.loc_txt .loc_left img {max-width:100%;}
.loc_txt .loc_right {margin:4.0rem 0 0 5.0rem; text-align:left; }
.loc_txt .loc_right dt {font-size:2.6rem; font-weight:600; margin-bottom:2.0rem;}
.loc_txt .loc_right dd {font-size:1.8rem; color:#888; }
.loc_txt .loc_right dd ul li { margin-right:3.0rem; margin-bottom:0.5rem;}
.loc_txt .loc_right dd ul li span {color:#202020; margin-right:15px;}

.loc_map {width:100%; margin-top:3.0rem; padding:2.0rem 0;}
.loc_map .map_height {height:40.0rem; width:100%;}
.loc_map .root_daum_roughmap .wrap_map {height: 100% !important;}
.loc_map iframe {width:100%; height:40.0rem;}

@media screen and (max-width: 1200px){
.loc_txt .loc_left  {width:100%;}
.loc_txt .loc_right {margin:5.0rem 0 0 }
}


@media screen and (max-width: 1024px){

.location_wrap {margin-top:5.0rem;}
.loc_txt {padding:3.0rem 0;}
.loc_txt .loc_right dd ul li {width:100%;}

.loc_map .map_height {height:320px}
}




/*사업소개*/
.biz_toptxt {text-align:center; font-size:2.4rem; color:#666; margin-top:3.0rem;}
.biz_topimg {padding:5.0rem 0 10.0rem 0; }
.biz_topimg img {border-radius:3.0rem;}


.biz_conts {margin-bottom:8.0rem;}
.biz_conts .biz_left {width:44.0rem;}
.biz_conts .biz_left h3 {font-size:3.2rem; font-weight:600;}
.biz_conts .biz_left span {font-size:1.8rem; color:#c2c2c2; margin-top:1.0rem; }

.biz_conts .biz_right {width:calc(100% - 44.0rem); }
.biz_conts .biz_right .biz_txt {font-size:1.8rem; line-height:1.6; padding:5.0rem; background:#f8f8f8; color:#666; margin-bottom:2.0rem;}
.biz_conts .biz_right .biz_img {justify-content:space-between;}
.biz_conts .biz_right .biz_img > div {width:49.5%; margin-bottom:1.5rem;}

@media screen and (max-width: 1600px){
.biz_topimg img {border-radius:0rem;}

}


@media screen and (max-width: 1200px){
.biz_toptxt {font-size:2.0rem;}
.biz_conts .biz_left {width:100%;}

.biz_conts .biz_right {width:100%; margin-top:2.0rem; }
.biz_conts .biz_right .biz_txt {padding:3.0rem;}
}

@media screen and (max-width: 768px){
.biz_toptxt {font-size:2.0rem; text-align:left;}
.biz_toptxt br {display:none;}
.biz_conts .biz_right .biz_img > div {width:49%;}

.biz_conts .biz_left h3 {font-size:2.6rem;}
}