@charset "utf-8";


html,body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt,img,a,form,input,select,option,fieldset,textarea,button { font-weight:400; font-family:'Noto Sans KR','맑은 고딕',돋움,san-serif; margin:0; padding:0; border:0; line-height:1; color:#444; text-decoration:none;  font-size:15px; letter-spacing:-0.3px; box-sizing:border-box;}

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

/* 폼초기화 */
select,button,input[type=text],input[type=submit],textarea	{
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border-radius:0;
}

select	{	box-sizing:border-box;}
/*크롬사라피*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	select	{	padding-right:22px !important;	background:url(../images/bg_select.png) no-repeat right center; background-size:contain;}
}
/*파이어폭스*/
@-moz-document url-prefix(){
	select	{	padding-right:22px !important;	background:url(../images/bg_select.png) no-repeat right center; background-size:contain;}
}

/*========= input ===========*/
.ip_comm	{display:block; width:100%; height:30px;border:0; background-color:transparent;  box-sizing:border-box;}
.ip_comm.tel	{float:left; width:32%;}
.ip_comm.tel+.bar	{float:left; width:2%;text-align:center; }
.set_tel	{overflow:hidden;}
select.ip_comm	{padding-right:0;}
textarea.ip_comm	{height:150px; line-height:1.5;}
.btn_sm	{display:block; width:100%; height:46px; border:0; font-size:18px; font-weight:600; color:#fff;}

.cont_center	{overflow:hidden; width:1100px; margin:0 auto;}
.txt_hidden {overflow:hidden; width:0; height:0; font-size:0; text-indent:-9999%; line-height:0;}

/*========= header ===========*/
#wrapper{position:relative;}
#wrapper.on{height:100%; overflow:hidden;}
#header	{ position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:10000;}
.header_top{position:relative;}
#header h1{position:absolute; left:0; top:20px; }
#nav	{text-align:center; width:900px; position:absolute; top:0; left:55%; transform:translateX(-50%); }
#nav>li	{display:inline-block; padding:0 30px;}
#nav>li .dep1	{display:block; padding:30px 0; font-size:16px; font-weight:500; color:#fff;}
#nav>li:hover .dep1	{color:#149ed9}
#nav>li .dep2 {position:absolute; top:89px; width:140px; margin-left:-36px; z-index:300; display:none; transition:all 0.5s;}
#nav>li:hover .dep2 {display:block;}
#nav>li .dep2 li {border:1px solid #ddd; border-top:0;}
#nav>li .dep2 li a {display:block; padding:10px 0; background-color:rgba(255,255,255,0.85); text-align:center; color:#666; }
#nav>li .dep2 li a:hover {background-color:rgba(255,255,255,0.95); color:#444; }

#header .btn_nav {position:relative; float:right; display:block; width:25px; height:34px; padding-top:80px;z-index:11000}
#header .btn_nav span {position:absolute; left:0; top:50%; display:block; width:100%; height:1px; background-color:#fff; text-indent:-999%; font-size:0; line-height:0;transition:all 0.5s;}
#header .btn_nav span:before,
#header .btn_nav span:after {content:""; position:relative; display:block; width:100%; height:1px; background-color:#fff;}
#header .btn_nav span:before {top:-6px;transition:all 0.5s;}
#header .btn_nav span:after {top:5px;transition:all 0.5s;}

#header .btn_nav.on span {background-color:transparent;}
#header .btn_nav.on span:before {top:0; transform:rotate(45deg);}
#header .btn_nav.on span:after {top:-1px; transform:rotate(-45deg)}

.en_page{position:absolute; top:25px; right:40px; color:#fff; display:block; width:30px; height:30px; background:rgba(255,255,255,0.4); border-radius:100%; text-align:center; line-height:30px;}
.goMes{position:absolute; top:25px; right:40px; color:#fff; display:block; width:40px; height:30px; background: #D8541B; border-radius:100%; text-align:center; line-height:30px;}

#nav2{overflow:hidden; position:absolute; top:70px; left:0; width:100%; background:rgba(0,0,0,0.7); display:none;}
#nav2>li{float:left; width:20%; padding:20px; box-sizing:border-box;}
#nav2 .dep1{font-size:16px; font-weight:600; padding:10px 0; display:block; color:#e84c1d; border-bottom:1px solid #e84c1d; padding-left:10px;}
#nav2 .dep2 a{font-size:16px; font-weight:400; line-height:35px; display:block; padding-left:10px; color:#ddd;}
#nav2 .dep2 a:hover{background:rgba(0,0,0,0.8); color:#fff;}


/*========= main ===========*/

#visual{background:url(../images/visual.jpg) no-repeat center top; height:938px; text-align:center;}
#visual h2{color:#fff; font-size:45px; font-weight:700; line-height:65px; padding:200px 0 40px;}
#visual p{color:#fff; font-size:20px; font-weight:400;}

#cont01{background:url(../images/banner01.jpg) no-repeat center top; height:321px;}
#cont02{background:url(../images/banner02.jpg) no-repeat center top; height:321px;}
#cont03{background:url(../images/banner03.jpg) no-repeat center top; height:321px;}
#cont02 h5,#cont02 h3{text-align:right;}
#cont01 a,#cont02 a,#cont03 a{display:block; height: 230px;}
.main_banner h5{font-size:16px; color:#ff6900; font-weight:700; line-height:40px; padding-top:100px;}
.main_banner h3{font-size:32px; color:#222; font-weight:700; }

#icon_wrap{background:url(../images/cont01.jpg) no-repeat center top; height:435px;}
#icon_wrap .pc_cont01{overflow:hidden; width:92%;  margin:0 auto;}
#icon_wrap .pc_cont01 li{float:left; text-align:center; width:33%; padding-top:280px;}
#icon_wrap .pc_cont01 li:first-child{padding-left:30px;}
#icon_wrap .pc_cont01 li h4{color:#fff; font-size:20px; font-weight:600; padding-bottom:15px;}
#icon_wrap .pc_cont01 li p{color:#fff; font-size:15px; font-weight:400; line-height:24px;}
#icon_wrap .mobile_cont01{display:none;}

#slide{background:#a4e6ce;}
#slide .s01{background:url(../images/slide01.jpg) no-repeat center top; height:609px;}
#slide .s02{background:url(../images/slide02.jpg) no-repeat center top; height:609px;}
#slide .s03{background:url(../images/slide03.jpg) no-repeat center top; height:609px;}
#slide .slide_txt{float:left;}
#slide .slide_img{float:right; width:540px; overflow:hidden; position:relative;}
#slide .slide_txt p{font-size:16px; color:#ff6900; padding-bottom:20px; padding-top:90px;}
#slide .slide_txt h2{font-size:40px; color:#222; padding-bottom:50px; line-height:40px; font-weight:700;}
#slide .slide_txt h3{font-size:15px; color:#666; padding-bottom:80px; line-height:26px; font-weight:400;}
#slide .slide_txt a{display:block; text-align:center; padding:20px; font-size:14px; border:1px solid #555; width:200px; transition-duration: .3s}
#slide .slide_txt a:hover{display:block; text-align:center; padding:20px; font-size:14px; border:1px solid #555; width:200px; background:#555; color:#fff;}
.swiper-pagination-bullet{background:#fff !important;}
.swiper-pagination-bullet-active{background:#fff !important;}
.slick-dotted.slick-slider{margin-bottom:0 !important;}
.slick-dots{bottom:20px !important;}
.slick-dots li button:before {font-size:40px !important;}

#banner ul{overflow:hidden; padding:70px 0;}
#banner ul li{float:left;}
#banner ul li a{height:460px; width:520px; display:block;}
#banner ul .banner01 a{background:url(../images/m_img01.jpg) no-repeat center center;}
#banner ul .banner02 a{background:url(../images/m_img02.jpg) no-repeat center center; }
#banner ul li:last-child{margin:50px 0 0 50px;}

/*========= footer ===========*/

#footer{padding:40px 0; background:#eee;}
#footer img{float:left; margin-right:20px;}
#footer ul{float:left;}
#footer ul li{display:inline-block; margin: 0 10px; line-height:26px; font-size:14px; color:#888; }
#footer ul li span{font-size:13px; color:#f28d42}
#footer ul li a{font-size:14px; color:#888; }

/*========= sub ===========*/

.sub_visual {height:445px; text-align:center;}
.sub_visual h2{color:#fff; font-size:45px; font-weight:700; padding:200px 0 20px;}
.sub_visual p{color:#fff; font-size:20px; font-weight:400;}
h5.sub_tit{font-size:32px; font-weight:700; color:#333; padding-bottom:20px; line-height:30px; text-align:center; margin-top:30px;}
h5.sub_tit span{font-size:16px; font-weight:500; color:#ff6900;}

#snb{border-bottom:1px solid #ddd;}
#snb ul{text-align:center;}
#snb ul li{display:inline-block;}
#snb ul li a{color:#555; font-size:16px; margin:0 20px; padding:20px 0; display:block;}
#snb ul li a.on{color:#e66100; border-bottom:2px solid #e66100;}

.sub0101 .about {
    background: url(/images/sub0101_01.jpg) no-repeat center top;
    height: 683px;
    padding-top: 150px; /* 기존 340px → 150px (글씨 위로 올림) */
}

.sub0101 h5 {
    font-size: 32px;
    font-weight: 700;
    color: white;
    padding-bottom: 20px;
    line-height: 30px;
}

.sub0101 .about p {
    font-size: 20px;
    font-weight: 400;
    color: white;
    line-height: 35px;
    padding-bottom: 20px;
}

.sub0101 h5 span {
    font-size: 16px;
    font-weight: 500;
    color: #ff6900;
}

.sub0101 .mission {
    text-align: center;
    padding: 70px 0;
    border-bottom: 1px solid #ddd;
}

.sub0101 .mission p {
    font-size: 20px;
    color: #444;
}

.sub0101 .vision p {
    font-size: 20px;
    color: #444;
    line-height: 40px;
}

.sub0101 .vision {
    text-align: center;
    padding: 50px 0;
}


.wrap_map{z-index:1000;}
.sub0102 .outline{width:60%; margin:20px auto; border-top:2px solid #ff6900; }
.sub0102 .outline th{ text-align:left; color:#e66100; padding:15px 20px; font-size:15px; font-weight:400; border-bottom:1px solid #ddd}
.sub0102 .outline td{  color:#333; padding:15px 20px; font-size:15px; font-weight:400; border-bottom:1px solid #ddd}
/* OUTLINE 제목 오렌지 계열 */
.sub0102 .sub_tit span {
  color: #ff7f32; /* 따뜻한 오렌지 */
  font-weight: 700;
}

/* 조직도 전체 컨테이너 */
.sub0102 .orgchart {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: 'Noto Sans KR', '맑은 고딕', Arial, sans-serif;
  margin: 40px 0;
  width: 100%;
  color: #555; /* 기본 텍스트 컬러 */
}

/* 각 DEPTH 레벨 */
.sub0102 .orgchart-level {
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  gap: 40px;
  margin : 24px 0;
}


/* 1DEPTH, 2DEPTH 공통 노드 */
.sub0102 .orgchart-node {
  background: #fff;
  border: 2px solid #ff6900;
  border-radius: 12px;
  padding: 0 24px;
  box-sizing: border-box;
  min-width: 180px;
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  font-weight: 700;
  color: #555; /* 텍스트 진회색 */
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 12px;
  box-shadow: 1px 2px 6px rgba(255, 127, 50, 0.2);
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

.sub0102 .orgchart-ceo {
  background: #fff;
  border: 2px solid #ff6900;
  border-radius: 12px;
  padding: 0 24px;
  box-sizing: border-box;
  min-width: 180px;
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  font-weight: 700;
  color: #555; /* 텍스트 진회색 */
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 12px;
  box-shadow: 1px 2px 6px rgba(255, 127, 50, 0.2);
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

/* 1DEPTH 강조 */
.sub0102 .orgchart-level:first-child .orgchart-ceo {
  background: #ff7f32;
  border-color: #fff;
  font-size: 20px;
  min-width: 220px;
  height: 70px;
  line-height: 70px;
  color: #fff;
  box-shadow: 2px 3px 10px rgba(255, 127, 50, 0.25);
}

.sub0102 .orgchart-level:first-child .orgchart-node {
  font-size: 20px;
  min-width: 220px;
  height: 70px;
  line-height: 70px;
  color: #555;
  box-shadow: 2px 3px 10px rgba(255, 127, 50, 0.25);
}

/* 3DEPTH 팀 박스 */
.sub0102 .orgchart-team {
  background: #fff;
  position: relative;
  border: 1px solid #ffb366;
  border-radius: 10px;
  padding: 0;
  box-sizing: border-box;
  min-width: 140px;
  height: 50px;
  font-size: 16px;
  font-weight: 600;
  color: #555;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 6px 0;
  box-shadow: 0 1px 5px rgba(255, 153, 51, 0.2);
  transition: background-color 0.3s, border-color 0.3s;
}

.sub0102 .orgchart-team:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 120%;
  transform: translateY(-50%);
  width: 2px;
  height: 60px;
  background: #f28d42; /* 오렌지 색상 세로선 */
  z-index: -1;
}
/* 3DEPTH 활성화 스타일 */
.sub0102 .orgchart-team.st1 {
  background: #fff;
  border-color: #f28d42;
  color: #ff7f32;
  font-weight: 700;
  height: 45px;
  font-size: 15px;
}

/* 2DEPTH 컬럼 */
.sub0102 .orgchart-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  min-width: 160px;
  margin: 0 6px;
}

/* 좌우 분기 컬럼 */
.orgchart-subcolumn {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  min-width: 130px;
  margin: 0 8px;
}

/* 모바일 대응 */
@media (max-width: 830px) {
  .sub0102 .orgchart-level {
    grid-auto-flow: row;
    align-items: center;
    gap: 24px;
  }
  .sub0102 .orgchart-node {
    grid-auto-flow: row;
    align-items: center;
    gap: 24px;
  }
  .sub0102 .orgchart-team {
    grid-auto-flow: row;
    align-items: center;
    gap: 24px;
  }
  .sub0102 .orgchart-column,
  .orgchart-subcolumn {
    grid-auto-flow: row;
    align-items: center;
    gap: 24px;
  }
}







.sub0103 .history {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  padding: 50px 20px;
  font-family: 'Noto Sans KR', sans-serif;
  color: #3a3a3a;
}

.sub0103 .history::before {
  content: '';
  position: absolute;
  left: 20px;
  top: 0;
  width: 3px;
  height: 100%;
  background-color: #ef6c00;
  border-radius: 2px;
  z-index: 1;
}

.sub0103 .history ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sub0103 .history li {
  position: relative;
  margin-bottom: 50px;
  padding-left: 300px; /* 원+가로선 이후 텍스트 */
}

.sub0103 .history li:last-child {
  margin-bottom: 0;
}

/* 동그라미 */
.sub0103 .history li::before {
  content: '';
  position: absolute;
  left: 12px;
  top: 6px;
  width: 14px;
  height: 14px;
  background: #ef6c00;
  border-radius: 50%;
  border: 3px solid #fff;
  z-index: 2;
  box-shadow: 0 0 6px rgba(239, 108, 0, 0.5);
}

/* ㄱ자 모양의 가로 라인 */
.sub0103 .history li::after {
  content: '';
  position: absolute;
  left: 26px; /* 동그라미 중심 오른쪽에서 시작 */
  top: 12px;  /* 동그라미 중앙 높이 맞춤 */
  width: 260px; /* 가로 길이 (더 길게 가능) */
  height: 2px;
  background-color: #ccc;
}

/* 연도 */
.sub0103 .history li h5 {
  color: #ef6c00;
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 10px;
  position: relative;
}

/* 내용 */
.sub0103 .history li p {
  font-size: 15.5px;
  line-height: 1.6;
  font-weight: 400;
  margin: 3px 0;
}

.sub0103 .history li p span {
  display: inline-block;
  font-weight: 700;
  font-size: 14px;
  color: #ef6c00;
  margin-right: 6px;
}

@media (max-width: 768px) {
  .sub0103 .history {
    padding: 30px 15px;
  }
  .sub0103 .history li {
    padding-left: 80px;
    margin-bottom: 35px;
  }
  .sub0103 .history li::after {
    width: 40px; /* 모바일에서는 짧게 */
  }
  .sub0103 .history li h5 {
    font-size: 20px;
  }
  .sub0103 .history li p {
    font-size: 14px;
  }
}



.sub0104 img{float:left;}
.sub0104{padding-bottom:80px;}
.sub0104>div>div{float:left;}
.sub0104>div ul{ float:left; margin-top:15px; margin-left:10px; overflow:hidden; width:65%;}
.sub0104>div ul li{padding-bottom:25px; overflow:hidden; float:inherit;}
.sub0104>div ul li.w50{float:left; width:50%;}
.sub0104>div ul li.w100{width: 100%;}
.sub0104>div ul li img{width:35px; margin-right:10px; float:left}
.sub0104>div ul li p{float:left;font-size:23px; color:#026bda; font-weight:600; line-height:30px; }
.sub0104>div ul li h5{float:left;font-size:23px; color:#026bda; font-weight:600; line-height:35px; }

.sub04{background:url(../images/sub04_bg.jpg) no-repeat center top; height:537px; padding:100px; position:relative;}
.sub04 .cont_center2{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:800px;}
.sub04 .tit_wrap{float:left; width:440px;}
.sub04 .tit_wrap h5{text-align:left;}
.sub04 .tit_wrap p{text-align:left; font-size:18px; line-height:35px; color:#333;}
.sub04 .box_wrap{float:left; background:#ff9343; box-shadow:2px 2px 4px rgba(0,0,0,0.2); box-sizing:border-box; padding:50px;}
.sub04 .box_wrap h3{color:#fff; font-size:22px; font-weight:600; margin-bottom:20px;}
.sub04 .box_wrap ul li{color:#fff; font-size:18px; font-weight:400;}
.sub04 .box_wrap ul li:before{content:""; display:inline-block; width:2px; height:2px; background:#fff; border-radius:100%; margin-bottom:5px; margin-right:5px;}
.cont_center2:after	{content:""; display:inline-block; clear:both;}

.sub0402 .cont_center2{width:900px;}
.sub0402 .tit_wrap{width:400px;}
.sub0402 .tit_wrap h5.sub_tit{margin-top:10px;}

.sub04 .certifi ul{text-align:center;}
.sub0403 .sub04{padding:50px 0;}
.sub04 .certifi ul li{display:inline-block; margin:0 20px 10px;}
.sub04 .certifi ul li p{ font-size:20px; padding-bottom:10px;}
.sub0403 .certifi_modal{position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); left:0; top:0; display:none;}
.sub0403 .certifi_modal .img_wrap{position:fixed; left:50%; top:15%; transform:translateX(-50%); width:810px; height:600px;  overflow-x: scroll}


.wrap_controllers{display:none;}

.test_service{padding:70px 0; width:950px; margin:0 auto; overflow:hidden;}
.test_service .top{overflow:hidden;}
.test_service .top img{float:left;}
.test_service .top .txt{float:left; padding-left:30px; margin-top:60px;}
.test_service .top .txt h5{font-size:32px; font-weight:700; color:#333; padding-bottom:20px; line-height:30px;}
.test_service .top .txt p{font-size:18px; font-weight:400; color:#333; line-height:35px;}
.test_service .top .txt h5 span{font-size:16px; font-weight:500; color:#ff6900; }
.test_service .process h2.tit,.test_service .tester h2.tit{font-size:32px; font-weight:700; color:#333; padding-bottom:40px;  margin-top:70px; line-height:50px;}
.test_service .process h2.tit:before,.test_service .tester h2.tit:before{content:""; display:block; width:50px; height:2px; background:#ff6900; }
.test_service .process img{width:940px; margin:0 auto;display:block;}
.test_service .tester ul{overflow:hidden;width:100%;}
.test_service .tester ul li{float:left; width:19%; margin-right:1%;}
.test_service .tester ul li p{text-align:center; font-size:16px; color:#444; padding-top:10px; line-height:25px;}
.test_service .tester ul li img{width:100%;}
.test_service .top ul{margin-top:20px;}
.test_service .top ul li{font-size:18px; color:#666; line-height:35px;}
.test_service .top ul li:before{content:""; display:inline-block; width:3px; height:3px; border-radius:100%; background:#ff6900; margin:0 5px 5px 0;}
.test_service .top ul li span.blank{content:""; display:inline-block; width:10px;}
.test_service .solution_img ul{overflow:hidden; margin-top:30px;}
.test_service .solution_img ul li{float:left; width:49%;}
.test_service .solution_img ul li:first-child{margin-right:2%;}
.test_service .solution_img ul li img{width:100%;}
.test_service .solution_img2 ul{overflow:hidden; margin-top:30px;}
.test_service .solution_img2 ul li{float:left; width:42.5%;}
.test_service .solution_img2 ul li:first-child{margin-right:2%; width:55.5%}
.test_service .solution_img2 ul li img{width:100%;}
.test_service .solution_img2 ul li h5{font-size:22px; font-weight:700; color:#333; padding-bottom:20px;  margin-top:40px; line-height:50px;}
.test_service .solution_img2 ul li h5:before{content:""; display:block; width:50px; height:2px; background:#ff6900; }
.test_service .m_img{display:none;}

.sub0501{text-align:center;}
.sub0501 h2{font-size:25px; font-weight:400; line-height:45px; margin:70px 0 40px;}
.sub0501>img{margin:50px 0 20px;}
.sub0501 ul{overflow:hidden; width:630px; margin:0 auto 60px;}
.sub0501 ul li{float:left;}
.sub0501 .job h5{ font-size:25px; font-weight:600; color:#ff6d00; padding:20px 0; border-bottom:1px solid #ff6d00; width:700px; display:block; margin:0 auto 30px ;}
.sub0501 .job li p{font-size:18px; color:#444; line-height:25px; font-weight:600; }
.sub0501 .job li p span{font-size:16px;  font-weight:400}
.sub0501 h4{padding-bottom:70px; font-size:17px; color:#888;}
.sub0502{padding:50px 0 70px;}
.sub0502 .job h5{font-size:25px; font-weight:600; color:#ff6d00; padding:20px 0; border-bottom:1px solid #ff6d00; width:700px; display:block; margin:0 auto 30px ; text-align:center;}
.sub0502 ul{overflow:hidden; width:700px; margin:0 auto;}
.sub0502 ul li{float:left; width:30%; margin:2% 1%; border:1px solid #ddd; height:50px; text-align:center; line-height:50px; font-size:17px;}


.sub0503 ul{text-align:center; padding:50px 0; }
.sub0503 ul li{display:inline-block; margin:0 10px;}
.sub0503 ul li h3{font-size:18px; color:#ff6d00; font-weight:500; padding:15px 0 10px;}
.sub0503 ul li p{font-size:18px; color:#444; font-weight:500;}

/* 모달팝업 */
#modal-content {display:none;width:600px;max-width:90%;height:500px;box-shadow:0 5px 15px rgba(0, 0, 0, 0.5);background-color: #fff;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 0;outline: 0 none}
#modal-content .modal-header {height:20px;border-bottom:1px solid #e5e5e5;padding:15px}
#modal-content .modal-header h4 {margin:0;font:bold 18px 'Malgun Gothic';color:#5d5d5d}
#modal-content .modal-body {padding:15px}
#modal-content .modal-body .b-iframe {width:570px;max-width:100%;height:430px}
#modal-content .b-close{float:right;font:bold 21px Arial;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20);padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}
#modal-content .b-close:hover, #modal-content .b-close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}
p.modal-frame-content{width:550px;max-width:100%;height:400px;padding-right:5px;overflow-x:hidden;overflow-y:auto;font:normal 12px 'Malgun Gothic';color:#555;line-height:1.65em}
/*.popbtn {text-decoration:none;cursor:pointer;margin:0 5px}*/
.b-modal __b-popup1__ {max-width:100%}
#modal-content .modal-header,#modal-content .modal-body{box-sizing:content-box !important}

#modal-content2 {display:none; width:400px; height:560px; background:rgba(54,54,54,0.9); border-radius:4px; border:0px;}
#modal-content2 .modal-header {position:relative; height:28px;}
#modal-content2 .modal-body2 {padding:0;}
#modal-content2 .b-close{position:absolute;top:0;right:16px;font-size:40px;font-weight:900;font-family:Tahoma;color:#fff;opacity:.5;filter:alpha(opacity=50);padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}
#modal-content2 .b-close:hover, #modal-content .b-close:focus{cursor:pointer;opacity:1;filter:alpha(opacity=100)}
#modal-content2 .modal-body2 .b-iframe {width:400px;height:560px;}


/*========= 0828김준석 css추가 ===========*/
.sub011 {
    color: #999 !important;    
}


/*========= 0901김준석 css수정 ===========*/

.sub044 {
  background:url(../images/sub04-1_bg.jpg) no-repeat center;
  height:1600px;
  padding:50px;
  position:relative;
}
.sub044 .cont_center2 {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:800px;
}
.sub044 .tit_wrap{float:left; width:440px;}
.sub044 .tit_wrap h5{text-align:left;}
.sub044 .tit_wrap p{font-size:18px; line-height:35px; color:#333; text-align:left;}
.sub044 .box_wrap{
  float:left;
  background:#ff9343;
  box-shadow:2px 2px 4px rgba(0,0,0,0.2);
  box-sizing:border-box;
  padding:50px;
}
.sub044 .box_wrap h3{color:#fff; font-size:22px; font-weight:600; margin-bottom:20px;}
.sub044 .box_wrap ul li{color:#fff; font-size:18px; font-weight:400;}
.sub044 .box_wrap ul li:before{
  content:"";
  display:inline-block;
  width:2px; height:2px;
  background:#fff;
  border-radius:100%;
  margin:0 5px 5px 0;
}
.cont_center2:after{content:""; display:inline-block; clear:both;}

.sub044 .certifi ul {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  margin:0;
  padding:0;
  list-style:none;
  position:relative;
}

.sub044 .certifi ul::after {
  content:"";
  position:absolute;
  top:30%;
  left:50%;
  transform:translateX(-50%);
  width:60%;
  height:2px;
  background:#ddd;
}

.sub044 .certifi ul::before {
  content:"";
  position:absolute;
  top:63%;      
  left:50%;
  transform:translateX(-50%);
  width:60%;
  height:2px;
  background:#ddd;
}


.sub044 .certifi ul li {
  box-sizing:border-box;
  padding:0 16px 16px;
  text-align:center;
  margin-bottom:90px;
}

.sub044 .certifi ul li.row1 { flex:0 0 50%; max-width:50%; }      
.sub044 .certifi ul li.row2 { flex:0 0 100%; max-width:100%; }   
.sub044 .certifi ul li.row3 { flex:0 0 33.3333%; max-width:33.3333%; } 

.sub044 .certifi ul li p {
  font-size:20px;
  padding-bottom:10px;
  font-weight:bold;
  color:#ff6d00;
  margin:5px 0;
  text-align:center;
}

.sub0304_img_wrap{margin-top:15px;}
.sub0304_img_wrap img{width:45%; margin-right:5%;}
.sub0304_img_wrap img:last-child{margin-right:0;}

.sub0305_img_wrap{margin-top:15px;}
.sub0305_img_wrap img{width:45%; margin-right:5%;}
.sub0305_img_wrap img:last-child{margin-right:0;}


.test_service .txt h5.has-bar::before{
  content:"";
  display:block;
  width:50px;
  height:2px;
  background:#ff6900;
  margin:0 0 8px 0;
}