@charset "utf-8";

.sub_contents {width:100%; position:relative; font-size:17px;color:#666; line-height:1.45;}
.ht100 {margin-top: 10rem;}

.wid_1400 {width:100%; position:relative; max-width:1400px; margin:auto}
.wid_1200 {width:100%; position:relative; max-width:1200px; margin:auto}

.wps_100 {width:100%;}
.point2 {color:#1d2088 !important;}


.grey_bg {background:#f8f8f8;}


@media( max-width:1600px) {
	.side_pd {padding-left:15px !important; padding-right:15px !important;}

}

@media( max-width:1024px) {

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

}


.mg_t0 {margin-top:0px!important;}
.mg_t10{margin-top:10px;}
.mg_t20{margin-top:20px;}
.mg_t30{margin-top:30px;}
.mg_t40{margin-top:40px;}
.mg_t50{margin-top:50px;}
.mg_t80{margin-top:80px;}
.mg_t100{margin-top:100px;}
.mg_t120{margin-top:120px;}


.mg_b10{margin-bottom:10px;}
.mg_b20{margin-bottom:20px;}
.mg_b30{margin-bottom:30px;}
.mg_b40{margin-bottom:40px;}
.mg_b50{margin-bottom:50px;}
.mg_b80{margin-bottom:80px;}


.pd_b100 {padding-bottom:10.0rem;}



/******서브공통 ******/

.sub_title_wrap {width:100%; position:relative; text-align:center; margin-bottom:6.0rem;}
.sub_title_wrap > .title_eng {font-size:2.0rem; font-weight:600; text-transform:capitalize;}
.sub_title_wrap > .sub_title {font-size:4.8rem; font-weight:700; color:#000; margin-top:0.5rem;}



/*회사개요*/
.company_top {width:100%; position:relative; background: url("../../pages/images/company_bg.jpg") no-repeat center center; text-align:center; padding:17.0rem 2.0rem 14.0rem 2.0rem;}

.company_top > img {max-width:100%;}
.company_top > p {font-size:2.4rem; font-weight:500; color:#fff; margin-top:3.0rem; line-height:1.45;}

.company_ico_wrap {width:100%; position:relative; }

.company_ico_wrap ul {display:flex; flex-wrap:wrap;  margin-top:6.0rem; }
.company_ico_wrap ul li {position:relative; background:#f8f8f8; width:calc(33.3% - 26px); margin:13px; padding:4.0rem; height:287px;  display:flex; flex-wrap:wrap; align-content: flex-end;}
.company_ico_wrap ul li .company_ico {position:absolute; top:5.0rem; right:4.0rem;}
.company_ico_wrap ul li .company_txt > h3 {color:#0068b7; font-size:2.2rem; }
.company_ico_wrap ul li .company_txt  p {color:#727272; font-size:1.8rem; margin-top:0.5rem; line-height:1.35;}

@media( max-width:1200px) {

.company_ico_wrap ul li { width:calc(50% - 26px);}
}


@media( max-width:768px) {
.company_top {padding:10.0rem 2.0rem 6.0rem 2.0rem;}
.company_top > p {font-size:2.0rem;}
.company_top > p br {display:none;}
.company_top > img {max-width:40%;}
.company_ico_wrap ul {margin-top:4.0rem;}
.company_ico_wrap ul li { width:100%; height:160px;margin:13px 0;}

}





/*CEO 인사말*/
.message_wrap {width:100%; position:relative; display:flex; flex-wrap:wrap;  justify-content: space-between; align-items: flex-end; padding:6.0rem 50px 12.0rem 80px; overflow:hidden;}

.message_wrap .message_txt {width:60%; }
.message_wrap .message_txt .message_big {font-size:3.6rem; color:#0068b7; font-weight:600;margin:8.0rem 0 3.0rem 0; }
.message_wrap .message_txt p {margin-bottom:3.0rem; font-size:1.8rem; line-height:1.65;}

.message_wrap .message_img {width:40%; text-align:center; padding-top:5.0rem;  }

.message_wrap .message_img img {max-width:65%; padding-left:2.0rem;}

.message_wrap .ceo_name {font-size:2.8rem; color:#000; font-weight:bold; margin-top:6.0rem;position:relative; }
.message_wrap .ceo_name span {font-size:2.0rem; display:inline-block; margin-right:0px; font-weight:400; letter-spacing:1.0rem;}
.message_wrap .ceo_name:after {position: absolute; content: ''; background: url("../../pages/images/ceo_sign2.png") no-repeat center center; width:226px; height:53px; 
																	left:200px;  top:-10px; /*bottom:-10px;*/}


@media( max-width:1400px) {

.message_wrap {padding:6.0rem 0px 6.0rem 0px;}
.message_wrap .message_txt {width:55%; }
.message_wrap .message_txt .message_big {font-size:3.2rem;}
.message_wrap .message_txt .message_big br {display:none;}
.message_wrap .message_img {width:45%;}
.message_wrap .message_img {text-align:center;}

}


@media( max-width:1200px) {

.message_wrap .message_txt {width:100%;  order:2; text-align:left;}
.message_wrap .message_img {width:100%;  order:1; text-align:center;}
.message_wrap .message_img  img {max-width:45%;}

.message_wrap .ceo_name {padding-bottom:8.0rem;}
}

@media( max-width:768px) {
.message_wrap .ceo_name:after {height:47px; width:200px; left:20.0rem;  top:-10px; background-size:contain}
.message_wrap .message_img  img {max-width:60%;}
}

/*조직도*/
.organization {text-align:center; padding:8.0rem;}
.organization img {max-width:100%;}




/*경영이념*/
.philosophy_wrap {width:100%;  position:relative;  display:flex; flex-wrap:wrap; justify-content: center; padding-bottom:5.0rem;}

.phil_circle {width:495px; height:495px; position:relative; text-align:center;  }
.phil_circle01 {background: url("../../pages/images/philosophy01.png") no-repeat center center; background-size:contain; margin-right:-24px; color:#fff;}
.phil_circle02 {background: url("../../pages/images/philosophy02.png") no-repeat center center; background-size:contain; margin-left:-24px;}

.phil_circle dl {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:100%; }
.phil_circle dl dt {font-size:3.8rem; font-weight:bold;}
.phil_circle dl dd {font-size:2.0rem; margin-top:1.0rem;}




@media screen and (max-width:1024px){
.phil_circle01 {margin-right:0px;}
.phil_circle02 {margin-left:0px;}
}

@media screen and (max-width:768px){
.philosophy_wrap {padding:0;}
.phil_circle02 {margin-top:5.0rem;}
.phil_circle {width:80%; height:400px;  }

}

@media screen and (max-width:500px){
.phil_circle {width:95%; height:350px;  }

}



/*연혁*/
.history_top {height:520px; width:100%; position:relative; background: url("../../pages/images/history_top.jpg") no-repeat center center; background-size:cover;}



.history_wrap {display:flex; flex-wrap:wrap;  justify-content: space-between; margin-top:8.0rem;}
.histroy_title {width:40%; font-size:3.2rem; color:#000; font-weight:600;}

.histroy_title .history_img{margin-top:50px;}

.histroy_content {width:55%;}

.histroy_content .his_txt dl {display:flex; flex-wrap:wrap; border-bottom:1px solid #ddd; padding:5.0rem 0; }
.histroy_content .his_txt dl:first-child {padding-top:0;}
.histroy_content .his_txt dt.his_year {color:#1880cf; font-weight:600; font-size:3.6rem; width:200px;}
.histroy_content .his_txt dd {font-size:2.0rem; margin-top:1.0rem;}
.histroy_content .his_txt dd ul li {margin-bottom:0.7rem;}
.histroy_content .his_txt dd span.his_month {color:#000; display:inline-block; width:50px;font-weight:500 }


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

.history_top {height:320px; background: url("../../pages/images/history_top.jpg") no-repeat center center;}

.histroy_title {width:100%;}
.histroy_content {width:100%; margin-top:8.0rem;}

.histroy_title .history_img img{width:100%}

}

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

.histroy_content .his_txt dl {padding:3.0rem 0;}
.histroy_content .his_txt dt.his_year {width:100%;}
.histroy_content .his_txt dd span.his_month {width:30px;}

}



/*오시는길*/

.location_txt {width:100%; text-align:center; font-size:2.0rem;}
.location_txt p {display:flex; align-content: center; justify-content: center; margin-bottom:1.0rem;}
.location_txt span.material-icons {color:#0068b7; margin-right:7px;}
.location_txt span.space_50 {width:20px; display:inline-block;}

.location_map {width:100%; margin-top:5.0rem;}
.location_map .map_height {height:500px; width:100%;}
.location_map .root_daum_roughmap .wrap_map {height: 100% !important;}





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



.location_map {width:100%; margin-top:5.0rem;}
.location_txt {width:100%; padding-top:0;}

.location_txt .loc_btn  {top:-10px; padding:15px 80px 15px 30px;}


.location_map .map_height {height:320px; width:100%;}

.location_wrap {margin-bottom:5.0rem;}

}

/*사업안내*/

.biz_title {position:relative; width:100%; text-align:center; margin-bottom:10.0rem;}

.biz_title > h3 {color:#1880cf; font-size:3.6rem; font-weight:600; line-height:1.35;}
.biz_title > p {color:#555; margin-top:1.5rem;font-size:2.2rem; }






/*GENERAL*/

.biz_inner {position:relative; width:100%; text-align:center; padding:18.0rem 0 15.0rem 0;}
.biz_inner > h4 {position:relative; font-size:4.0rem; font-weight:600; color:#000;}
.biz_inner > h4:before {content:''; position:absolute; width:4px; height:42px;background:#1880cf; top:-40px; left:50%; transform: translate(0, -50%);}

.biz_inner .general_txt {font-size:2.0rem; color:#555; margin-top:2.5rem;}
.biz_inner .general_img {display:flex;  flex-wrap: wrap; justify-content: center; margin-top:10.0rem;}
.biz_inner .general_img dl.general_img_inner {text-align:left; max-width:578px; width:40%; margin:0 4.5rem; }

dl.general_img_inner dt {position:relative; font-size:2.4rem; color:#000; font-weight:bold; padding-left:15px;}
dl.general_img_inner dt:before {content:''; position:absolute; width:6px; height:6px;background:#1880cf;  top:50%; left:0; transform: translate(0, -50%);}
dl.general_img_inner dd {font-size:1.7rem; color:#555;  padding-left:15px;}

.biz_inner .general_img .general_img02 {margin-top:3.0rem;}
.biz_inner .general_img .general_img02 img {max-width:100%; border-radius:30px;}


.btn_contact {margin-top:8.0rem; text-align:center;  }
.btn_contact a {display:inline-block; padding:15px 70px; background:#1880cf; font-size:2.0rem; color:#fff; }



@media screen and (max-width: 1024px){
.biz_title {margin-bottom:6.0rem;}
.biz_title > h3 {color:#1880cf; font-size:2.8rem; font-weight:600; line-height:1.35;}
.biz_title > h3 > br {display:none;}
.biz_title > p {color:#555; margin-top:1.5rem;font-size:1.8rem; }
.biz_title > p > br {display:none;}

.biz_inner .general_img dl.general_img_inner {max-width:850px; width:85%; margin:0 0 5.0rem 0; }

}




/*AFTER SERVICE*/

.as_box {position:relative; width:100%;  margin-bottom:18.0rem;}
.as_box .as_img img {width:100%;}
.as_box .as_txt {display:flex;  flex-wrap: wrap; margin-top:5.0rem;}

.as_box .as_txt dt {width:40%; padding-left:5%;  font-size:3.2rem; font-weight:600; color:#000; line-height:1.25;}
.as_box .as_txt dd {width:60%; font-size:1.8rem;}


.service_wrap {padding-top:15.0rem;}


.small_as_title {font-size:4.0rem; text-align:center; color:#000; font-weight:600;}

.small_as_box_wrap {display:flex;  flex-wrap: wrap; margin:5.0rem -4.0rem 0 0;}

.small_as_box {width:calc(25% - 3.0rem); margin: 0 3.0rem 3.0rem 0; border-bottom:1px solid #ddd; }
.small_as_box img {max-width:100%;}
.small_as_box .service_txt {display:flex; justify-content: space-between; align-items: center; padding:2.0rem 1.0rem}
.small_as_box  span.service_txt1 {color:#000; font-size:2.2rem; display:inline-block;  font-weight:500;}
.small_as_box  span.material-icons {color:#1880cf}

/*
.small_as_box p {display:none; margin-top:2.0rem; font-size:2.6rem; line-height:1.15; font-weight:500;}
.small_as_box p  > span {display:none; color:#1880cf; display:block;  font-size:2.0rem; margin-bottom:1.0rem;}*/


.as_small_sub_title {font-size:2.8rem; color:#000; margin-bottom:3.5rem; border-bottom:1px solid #ddd; padding-bottom:1.0rem; }

.as_small_sub {display:flex;  flex-wrap: wrap;  /*flex-direction:row-reverse; */justify-content: space-between;}
.as_small_sub .as_small_txt {width:65%; display:flex; /*align-items: center; */ }
.as_small_sub .as_small_txt span { color:#1880cf; font-size:2.0rem; font-weight:600; display:block; margin-bottom:1.0rem;}


.as_small_sub .as_small_txt strong {color:#000; font-size:1.8rem; }
.as_small_sub .as_small_txt p { color:#777; font-size:1.8rem;  line-height:1.45; margin-top:1.0rem;}

.as_small_sub .as_small_img {width:30%;}
.as_small_sub .as_small_img img {max-width:100%;}

.sub_list_btn {text-align:center; margin-top:8.0rem; }
.sub_list_btn .list_btn {border:1px solid #5b5b5b; font-size:1.8rem; padding:1.0rem 5.0rem;display:inline-block; transition: all 0.6s;}
.sub_list_btn .list_btn:hover {background:#000; color:#fff; border:1px solid #000; transition: all 0.6s;
}


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

.as_box {margin-bottom:10.0rem;}
.as_box .as_txt dt {width:100%; padding-left:0%;}
.as_box .as_txt dt br {display:none;}
.as_box .as_txt dd {width:100%; margin-top:2.0rem;}


.small_as_box {width:calc(50% - 4.0rem);}

}

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

.small_as_box_wrap { margin:5.0rem -2.0rem 0 0;}
.small_as_box {width:calc(33% - 2.0rem); margin: 0 2.0rem 4.0rem 0;}
.service_wrap {padding-top:10.0rem;}
}

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

.as_box .as_txt dd br {display:none;}

.small_as_box_wrap { margin:5.0rem -2.0rem 0 0;}
.small_as_box {width:calc(50% - 2.0rem); margin: 0 2.0rem 4.0rem 0;}
.small_as_box p { font-size:2.2rem; line-height:1.15;}
.small_as_box p span {font-size:1.8rem;}

.as_small_sub .as_small_txt {width:100%; order:2; margin-top:3.0rem;}
.as_small_sub .as_small_txt h3 {font-size:2.8rem;}
.as_small_sub .as_small_img {width:100%; order:1; }
.as_small_sub .as_small_txt strong {color:#000; font-size:2.0rem; }
.as_small_sub .as_small_txt p { color:#777; font-size:2.0rem;  line-height:1.45; margin-top:1.0rem;}

}





/*Unite 제작품*/

.unite_box {display:flex;  flex-wrap: wrap;  margin-bottom: 5.0rem;}
.unite_box:nth-child(2n) > .unite_img  {order:2;}
.unite_box:nth-child(2n) > .unite_txt  {order:1;}

.unite_box .unite_img {width:52%;}
.unite_box .unite_img img {max-width:100%;}

.unite_box .unite_txt {width:48%;  background:#f8f8f8;  padding:0rem 8.0rem 0 8.0rem; display:flex; align-items: center;}
.unite_box .unite_txt .unite_txt_inner {}
.unite_box .unite_txt h3 { width:100%; font-size:3.2rem; color:#000; line-height:1.15; }
.unite_box .unite_txt h3 span {color:#898989; font-size:2.0rem; display:inline-block; font-weight:500;}
.unite_box .unite_txt p {width:100%; margin-top:2.0rem;}


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

.unite_box {max-width:837px; margin:0 auto 5.0rem;; }
.unite_box .unite_img {width:100%;}
.unite_box .unite_txt {width:100%; padding:4.0rem;}

.unite_box:nth-child(2n) > .unite_img  {order:1;}
.unite_box:nth-child(2n) > .unite_txt  {order:2;}
}




/*LNG패키지*/

.lng_txt {background:#f8f8f8; width:100%; position:relative; padding:5.0rem; font-size:2.0rem; line-height:1.45; text-align:center;}

.lng_img {display:flex;  flex-wrap: wrap;  justify-content: space-between; margin-top:5.0rem;}
.lng_img img {width:32.5%; margin-bottom:2.5rem;}

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

.lng_img img {width:48.5%;}
}


/*인증현황*/

.cert_wrap {position:relative; width:100%; display:flex;  flex-wrap: wrap; padding:8.0rem 2.0rem; justify-content: center;}
.cert_list {padding:2.0rem; width:20%;}
.cert_list img {border:1px solid #ddd; width:100%;}
.cert_list .cert_txt {text-align:center; font-size:1.8rem; padding:1.0rem; background:#d5dde7; margin-top:1.0rem;}


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

.cert_list {padding:1.5rem; width:30%;}
}


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

.cert_list {padding:1.5rem; width:45%;}
}




/*글로벌 네트워크*/
.global_map {position:relative; width:100%; text-align:center; padding:5.0rem 0; }


.global_map_list {position:relative; width:100%; height:100%; max-width:1498px; margin:auto; }
.global_map_city {position:absolute; text-align:center; cursor:pointer}
.global_map_city .icon_pin {display:inline-block; background: url('../../pages/images/gloabl_pin.png')no-repeat center center; width:21px; height:33px; }
.global_map_city .icon_txt {font-size:16px; color:#3b4c5d; font-weight:500; display:block; margin-top:-5px;}

.global_map_list .city01 {top:44.5%; left:20.5%;}
.global_map_list .city02 {top:72.0%; left:32.5%;}
.global_map_list .city03 {top:34.0%; left:48.5%;}
.global_map_list .city04 {top:49.2%; left:60.5%;}
.global_map_list .city05 {top:60.0%; left:72.5%;}
.global_map_list .city06 {top:46%; left:78%;}
.global_map_list .city07 {top:42.5%; left:80.5%;}
.global_map_list .city08 {top:42.5%; left:83.5%;}
.global_map_list .city09 {top:53.5%; left:78.0%;}



.global_map_bg {}
.global_map_bg img {max-width:100%;}

.global_txt_wrap { position:relative; width:100%; margin-top:10.0rem; }
.global_txt_wrap .global_txt {position:relative; width:100%; display:flex; flex-wrap: wrap;  padding:10.0rem 0; border-bottom:1px solid #ddd;}
.global_txt_wrap .global_txt:last-child {border-bottom:0px solid #ddd;}
.global_txt_wrap .global_txt .global_txt_left {width:45%; margin-right:3%;}
.global_txt_wrap .global_txt .global_txt_right {width:52%;}

.global_txt_left img {max-width:100%;}


.global_txt_right h3 { font-size:3.2rem; color:#000; font-weight:600; margin-bottom:3.0rem;}
.global_txt_right ul li {border:1px solid #ddd; margin-bottom:2.0rem; padding:4.0rem 5.0rem 3.0rem 9.5rem;}

.global_txt_right ul li > h4 {position:relative; font-size:2.0rem; color:#000; font-weight:700; margin-bottom:0.5rem; text-transform:uppercase;}
.global_txt_right ul li > p {margin-bottom:0.5rem;}
.global_txt_right ul li > p .wid_space {display:inline-block; width:20px;}


.global_ico01:before {content:''; position:absolute; width:19px; height:29px; background: url('../../pages/images/global_ico01.png')no-repeat center center; top:0; left:-35px;}
.global_ico02:before {content:''; position:absolute; width:19px; height:29px; background: url('../../pages/images/global_ico02.png')no-repeat center center; top:0; left:-35px;}
.global_ico03:before {content:''; position:absolute; width:19px; height:29px; background: url('../../pages/images/global_ico03.png')no-repeat center center; top:0; left:-35px;}


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

.global_txt_wrap {margin-top:5.0rem;}
.global_txt_wrap .global_txt {padding:5.0rem 0;}

.global_txt_wrap .global_txt .global_txt_left {width:100%; margin-right:0%;}
.global_txt_wrap .global_txt .global_txt_right {width:100%; margin-top:5.0rem;}
.global_txt_right h3  {margin-bottom:1.5rem;}

}

@media screen and (max-width: 1024px){
.global_map_city .icon_pin {background-size:contain; width:15px; height:24px; }
.global_map_city .icon_txt {display:none;}
.global_txt_right ul li {padding:3.0rem 4.0rem 2.0rem 7.5rem;}



}


@media screen and (max-width: 768px){
.global_map_city {margin-top:-2.5%;}
.global_txt_right ul li > p .wid_space {display:block; width:0px;}

}