@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@700&display=swap');
	@font-face {
    font-family: 'KCC-eunyoung';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/KCC-eunyoung-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.jcc{justify-content:center}
.kcc{font-family: 'KCC-eunyoung';}
		/*sub_vi*/
.sub_vi {width:100%; display:inline-block; text-align:center; box-sizing:border-box; height:520px; position:relative; overflow:hidden; }
.sub_vi1{background:url('/common/img/sub_vi1.png') no-repeat right; width:100%; height:520px; background-size:cover;}
.sub_vi2{background:url('/common/img/sub_vi2.png') no-repeat right; width:100%; height:520px; background-size:cover;}
.sub_vi3{background:url('/common/img/sub_vi3.png') no-repeat right; width:100%; height:520px; background-size:cover;}
.sub_vi4{background:url('/common/img/sub_vi4.png') no-repeat right; width:100%; height:520px; background-size:cover;}
.sub_vi5{background:url('/common/img/sub_vi5.png') no-repeat right; width:100%; height:520px; background-size:cover;}

.sub_vi_text{line-height:2.5em; font-weight:600; color:#fff; position:absolute; top:40%; left:50%; transform: translate(-50%, -40%); letter-spacing:-1px; width:100%; height:100%; padding:0 5%; box-sizing:border-box;}
.sub_vi_text p{font-size:1.3rem; font-weight:700; line-height:1.2; letter-spacing:-1.1px; display:flex; justify-content:center; align-items:center; height:100%;}
.sub_vi_text p span{font-size:4rem; font-weight:600;}



.sub_vi .sub_vi_p{
will-change: transform;
animation-duration:2s;
animation-name: background-image-animation;
animation-iteration-count: 1;
animation-direction: alternate;
animation-timing-function: linear;
transform: translateX(0) scale(1);
}


@keyframes background-image-animation {
0% {transform: scale(1.3);}
100% {transform: scale(1);}
}


/* 서브 메뉴 탭 */
#sub_wrap { position:relative; width:100%; background:#fff; margin-top:16px;}
.sub_menu{width:100%; height:52px; border-bottom:1px solid #ddd}
.sub_menu .in{  margin:0 auto;
    width: 62.5%;
} 
/* .sub_menu .in .home{width:30%; float:left; padding:10px 0px 0px 0px; text-align:Center; height:60px; background:#ddd; box-sizing:border-box;  border-bottom:1px solid #ddd; } */
.sub_menu .in .box0 {width:75px; border-right:1px solid #ddd; border-left:1px solid #ddd; height:42px; background:#fff; float:left; cursor: pointer;}
.sub_menu .in .box0 p{width:100%; height:100%; display:flex; justify-content:center; align-items:center; font-size:1.5rem;}
.sub_menu .in .box0:hover p i{color:#e5f3fa}
.sub_menu .in .box1 {width:250px; border-right:1px solid #ddd; height:42px; float:left; background:#fff; box-sizing:border-box;}
.sub_menu .in .box2 {width:250px; border-right:1px solid #ddd; float:left; height:42px; box-sizing:border-box; }
.sub_in .sub_in_menubtn {position:relative; width:100%; float:left; background:#f7f7f7; border-top:2px solid #ddd; border-bottom:1px solid #ddd; padding:12px 0;  border-right:none; border-left:none;}
.sub_in .sub_in_menu {width:100%; float:left; border:1px solid #ddd; }
.sub_in .sub_in_menu li {width:100%; float:left; border-bottom:1px solid #ddd; text-align:center;}
.sub_in .sub_in_menu li:last-child{border-bottom:none;}
.sub_in .sub_in_menu li a {display:block;padding:10px 0;}
.sub_in .guide i { color:#ddd; font-size:1.5em; margin:0 15px;}
.dropdown1 [data-toggle="dropdown"] {}
.dropdown .dropdown-menu li:hover a{background:#e5f3fa !important; color:#008ecf !important}
.dropdown-menu .on > a{}


@media all and (max-width:980px){
#sub_wrap{margin-top:13px;}
.sub_menu .in{  margin:0 auto;
    width: 100%;
} 
.sub_vi{height:25%}
.sub_vi{height:230px !important}
.sub_vi1{height:230px !important}
.sub_vi2{height:230px !important}
.sub_vi3{height:230px !important}
.sub_vi div span{font-size:1rem; margin-top:7px;}
.sub_vi div span:last-child{font-size:2rem;}
.sub_vi_text{transform:translate(-50%,-50%)}
.sub_menu .in .box0{width:60px;}
.sub_menu .in .box1{width:calc((100% - 60px) / 2);}
.sub_menu .in .box2{width:calc((100% - 60px) / 2);}
.sub_vi_text{top:50%;}

}
/* 서브메뉴바뀜 */
.lnb_wrap {
  height: 60px;
}
.lnb_wrap .lnb_scroll {
  position: relative;
  background-color: #fff;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  z-index: 8;
}
.lnb_wrap .lnb_scroll[data-fixed=fixed] {
  position: fixed;
  width: 100%;
  top: 90px;
  border-top: 0;
}
.lnb_wrap .lnb_scroll .lnb_inner {
  width: 62.5%;
  margin: 0 auto;
  font-size: 0;
}
.lnb_wrap .lnb_scroll .lnb_inner::after {
  content: "";
  display: block;
  clear: both;
}
.lnb_wrap .lnb_scroll .lnb_inner .lnb_depth, .lnb_wrap .lnb_scroll .lnb_inner .lnb_home {
  display: inline-block;
  vertical-align: top;
}
.lnb_wrap .lnb_scroll .lnb_inner .lnb_home {
  float: left;
  width: 60px;
  height: 60px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  background: url("/common/img/home.png") 50% 50% no-repeat;
}
.lnb_wrap .lnb_scroll .lnb_inner .lnb_home a {
  display: block;
  width: 100%;
  height: 100%;
}
.lnb_wrap .lnb_scroll .lnb_inner .lnb_depth {
  position: relative;
  float: left;
  width: 220px;
  z-index: 9;
}
.lnb_wrap .lnb_scroll .lnb_inner .lnb_depth .lnb_btn {
  position: relative;
  width: 100%;
  height: 60px;
  padding: 0 20px;
  text-align: left;
  border-right: 1px solid #ddd;
}
.lnb_wrap .lnb_scroll .lnb_inner .lnb_depth .lnb_btn .arrow {
  position: absolute;
  right: 20px;
  top: 45%;
  display: inline-block;
  width: 12px;
  height: 7px;
  background: url("/common/img/blackarrow.png") 50% 50% no-repeat;
}
.lnb_wrap .lnb_scroll .lnb_inner .lnb_depth .lnb_btn:hover, .lnb_wrap .lnb_scroll .lnb_inner .lnb_depth .lnb_btn.active {
  color: #008ecf;
}
.lnb_wrap .lnb_scroll .lnb_inner .lnb_depth .lnb_btn:hover .arrow, .lnb_wrap .lnb_scroll .lnb_inner .lnb_depth .lnb_btn.active .arrow {
  background: url("/common/img/bluearrow.png") 50% 50% no-repeat;
}
.lnb_wrap .lnb_scroll .lnb_inner .lnb_depth .lnb_btn.active .arrow {
  transform: rotate(180deg);
}
.lnb_wrap .lnb_scroll .lnb_inner .lnb_depth .lnb_list {
  display: none;
  position: absolute;
  left: 0;
  top: 60px;
  width: 100%;
  padding: 10px 0;
  background-color: #fff;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.lnb_wrap .lnb_scroll .lnb_inner .lnb_depth .lnb_list::before {
  content: "";
  display: block;
  position: absolute;
  left: -1px;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #ddd;
}
.lnb_wrap .lnb_scroll .lnb_inner .lnb_depth .lnb_list li {
  display: none;
}
.lnb_wrap .lnb_scroll .lnb_inner .lnb_depth .lnb_list li a {
  display: block;
  padding: 10px 20px;
  font-size: 16px;
}
.lnb_wrap .lnb_scroll .lnb_inner .lnb_depth .lnb_list li a:hover {
  color: #008ecf;
  background-color: #e5f4fb;
}
.lnb_wrap .lnb_scroll .lnb_inner .lnb_depth .lnb_list.open {
  display: block;
}
.lnb_wrap .lnb_scroll .lnb_inner .lnb_depth .lnb_list.open li {
  display: block;
}
.lnb_wrap .lnb_scroll .lnb_inner .lnb_depth.lnb_depth2, .lnb_wrap .lnb_scroll .lnb_inner .lnb_depth.lnb_depth3 {
  display: none;
}
.lnb_wrap .lnb_scroll .lnb_inner .lnb_depth.lnb_depth2.active, .lnb_wrap .lnb_scroll .lnb_inner .lnb_depth.lnb_depth3.active {
  display: block;
}
.lnb_wrap .lnb_scroll .lnb_inner .lnb_depth.last .lnb_btn {
  color: #008ecf;
}
/*.lnb_wrap .lnb_scroll .lnb_inner .lnb_depth.last .lnb_btn .arrow {
  background: url("https://www.hanwha-pm.com/ko/resource/images//common/ico_lnb_arrow_on.png") 50% 50% no-repeat;
}
.lnb_wrap .lnb_scroll .lnb_inner .lnb_depth.last .lnb_btn.active .arrow {
  background: url("https://www.hanwha-pm.com/ko/resource/images//common/ico_lnb_arrow_on.png") 50% 50% no-repeat;
}*/

.trouble_shooting .lnb_scroll .lnb_inner .lnb_depth2 {
  width: 280px;
}
.lnb_btn{font-size:15px;padding-top:5px;background:#fff;color:#000}

	@media (max-width:1300px){
.lnb_wrap .lnb_scroll .lnb_inner {width:90%}
}
	@media (max-width:980px){
.lnb_wrap{display:none}
.lnb_wrap .lnb_scroll .lnb_inner{width:100%}
.lnb_wrap .lnb_scroll .lnb_inner .lnb_depth{width: calc((100% - 60px) / 2)}
}










/* 서브시작 */
.pt65{font-size:4.06em !important}
.pt60{font-size:3.75em !important}
.pt56{font-size:3.5em !important}
.pt50{font-size:3.13em !important}
.pt42{font-size:2.63em !important}
.pt32{font-size:2em !important}
.pt24{font-size:1.5em !important}
.pt22{font-size:1.406em !important}
.pt20{font-size:1.25em !important}
.pt18{font-size:1.13em !important}
.ptem{font-size:2.5em !important}
@media (max-width: 980px){
.pt65{font-size:2em !important}
.pt60{font-size:1.95em !important}
.pt56{font-size:1.9em !important}
.pt50{font-size:1.86em !important}
.pt42{font-size:1.8em !important}
.pt32{font-size:1.6em !important}
.pt24{font-size:1.3em !important}
.pt22{font-size:1.2em !important}
.pt20{font-size:1.15em !important}
.pt18{font-size:1.1em !important}
.ptem{font-size:1.7em !important}
.ptem1{font-size:1.1em !important}
}


.weight1{font-weight:100 !important}
.weight2{font-weight:200 !important}
.weight3{font-weight:300 !important}
.weight4{font-weight:400 !important}
.weight5{font-weight:500 !important}
.weight6{font-weight:600 !important}
.weight7{font-weight:700 !important}
.weight8{font-weight:800 !important}
.weight9{font-weight:900 !important}
.lh{line-height:1.5 !important}


.bottom150{padding-bottom:7.81% }
.updown200140{padding:10.42% 0 7.3% 0 }
.up200{padding-top:10.42% }
.down140{padding-bottom:7.3% }
.down100{padding-bottom:5.21% }
.up100{padding-top:5.21% }
.updown150100{padding:7.81% 0 5.21% 0 }

.bottom{padding-bottom:13.02% !important}
@media screen and (max-width:980px) {
.bottom{padding-bottom:120px !important}
}


.sub_in{width:62.50% ;margin:0 auto}

.sub_title{display:flex; align-items: center;padding:10.42% 0 5.21% 0}
.sub_title img{margin-right:15px;	padding-top:3px}


.m_aboutimg{display:none}
article{overflow:hidden;}
article .flex{display:flex;padding-top:5.21%}
article h4{font-size:2.63em;font-weight:500;width:50%;margin-right:5%;line-height:1.3}
article p{font-size:1.25em;font-weight:400;width:45%;line-height:1.5}
article span{padding-bottom:20px;display:block}
 article h2{;font-size:12vw;font-weight:700;color:#f5f7f8;float:right;line-height:0.7;padding-top:70px}
 article img{width:100%}

.area{background: url('/common/img/graybg.png') no-repeat  ;padding:5% 0;overflow:hidden;}
.area .circle{background:none}
.subtit h4{font-size:3.5em;font-weight:700}
.subtit p{font-size:1.25em;font-weight:400;line-height:1.5;margin-top:2%}

.area .sub_scroll{width:100%;text-align:left;position:relative}
.area dl:first-child {width:30%}
.area dl:nth-child(2) {width:35%}
.area dl:last-child {width:25%}
.area dl:nth-child(2) dt{text-align:center;}
.area dl:last-child dt{text-align:right;}
.blue1{width:75%;padding-top:25%}
.blue2{width:75%}
.blue3{width:80%;padding-top:50%}
.bluepd{position:absolute;width:100%;z-index:999}
.blue1-1{top:30%;left:100px;width:75%}
.blue2-1{top:20%;left:0}
.blue3-1{top:55%;left:0}
.scroll_txt{font-size:1.5em;font-weight:600;padding-top:20%;color:#1a2141}

.organ{padding-top:10%}
.organ img{padding-top:3%}
@media (max-width: 1300px){
.sub_menu .in{width:90%}
.sub_in{width:90%}

}
@media (max-width: 980px){
.aboutimg{display:none}
.m_aboutimg{display:block}
.about h3{font-size:2em;}
	article h4{font-size:1.8em}
	article p{font-size:1.2em;margin-top:10%}
.sub01 .sub_in{width:90%}
article .flex{display:block;}
article h4{width:100%}
article p{width:100%}
article h2{;font-size:25vw}

.subtit h4{font-size:1.9em;margin-bottom:5%}
.subtit p{font-size:1.3em;}
.area{padding:15% 0}
.area .circle br{display:block}
.area dl:first-child {width:100%}
.area dl:nth-child(2) {width:100%}
.area dl:last-child {width:100%}
.blue1-1{width:70%;left:80px}
.organ{padding-top:20%}
.blue3{padding-top:0}
.blue2-1{top:30%}
.scroll_txt{padding-top:0}
.blue1{padding-top:0}
.vision .mbox1200{width:62.5%;margin:0 auto}
.organ h4{margin-bottom:40px}
}


.vision .circle{background:none}














/* 조직도 */
.platform_wrap .p_box {width:305px; text-align:center; z-index:999; display:flex; justify-content:center; align-items:center; flex-direction:column; margin:0 auto; height:305px; border-radius:50%; background:#fff; color:#333; position: relative; border:50px solid #1a2141;box-shadow:5px 34px 27px rgb(0 0 0 / 16%);font-size:1.38em;margin-top:5%}
.platform_wrap .p_box:after{content:''; display:block; width:7px; height: 7px; background:#66c0be; position:absolute; bottom:-26%; transform:translateY(28%); border-radius:50%; border:1px solid #fff;}
/* .platform_wrap .p_box1{background:#712d85; width:300px; line-height:55px; display:flex; justify-content:center; align-items:center; font-size:1.2rem; font-weight:600; color:#fff; margin:0 auto;} */
.platform_wrap .p_box2{width:19%; height:58px; margin-right:calc(5% / 4); display:flex; justify-content:center; align-items:center; color:#fff; text-align:center;font-size:1.25em;border-radius:29px;background: linear-gradient(90deg, #008ecf 0%, #66c0be 100%);font-weight:400}
.platform_wrap .p_box2:last-child{margin-right:0; }





.y_span_line{width:1px; height:349px; display:inline-block; position:absolute; background-color:#babcc6; left:50%; top:51%; transform:translate(-50%,-50%); ;}
/* .y_span_line1{width:1px; height:100px; display:inline-block; position:absolute; background-color:#333; right:9.5%; top:79%; transform:translate(-9.5%,-79%); z-index: -1;} */
.y_span_line2{width:1px; height:58px; display:inline-block; position:absolute; background-color:#babcc6; left:9%; top:86%; transform:translate(-10%,-80%); }
.y_span_line3{width:1px; height:58px; display:inline-block; position:absolute; background-color:#babcc6; left:30%; top:86%; transform:translate(-30%,-80%) ;}
.y_span_line4{width:1px; height:58px; display:inline-block; position:absolute; background-color:#babcc6; right:29.8%; top:86%; transform:translate(-29.8%,-80%); }
.y_span_line5{width:1px; height:58px; display:inline-block; position:absolute; background-color:#babcc6; right:9%; top:86%; transform:translate(-29.8%,-80%);}
.y_span_line:after{content:''; display:block; width:7px; height: 7px; background:#008ecf; position:absolute; bottom:0; left:-4px;border-radius:50%; border:1px solid #fff;}
.y_span_line2:after{content:''; display:block;width:7px; height: 7px; background:#008ecf; position:absolute; bottom:0; left:-4px;border-radius:50%; border:1px solid #fff;}
.y_span_line3:after{content:''; display:block; width:7px; height: 7px; background:#008ecf; position:absolute; bottom:0; left:-4px;border-radius:50%; border:1px solid #fff;}
.y_span_line4:after{content:''; display:block; width:7px; height: 7px; background:#008ecf; position:absolute; bottom:0; left:-4px;border-radius:50%; border:1px solid #fff;}
.y_span_line5:after{content:''; display:block; width:7px; height: 7px;  background:#008ecf; position:absolute; bottom:0;left:-4px; border-radius:50%; border:1px solid #fff;}



/* .x_span_line{width:33%; height:1px; display:inline-block; position:absolute; background-color:#333; top:59%; right:7.2%; transform:translate(-7.2%,-59%); z-index: -1;} */
.x_span_line1{width:82%; height:1px; display:inline-block; position:absolute; background-color:#babcc6; top:76%; left:9%; z-index: -1;}



@media (max-width:750px){

.platform_wrap .p_box{width:170px;height:170px;border:20px solid #1a2141;margin-top:0}
.platform_wrap .p_box2{font-size:1rem;position:relative}
.platform_wrap .p_box2:first-child::after{content:''; display:block; width:7px; height: 7px; background:#008ecf; position:absolute; top:2px; transform:translateY(28%); border-radius:50%; transform:translate(-29.8%,-80%); border:1px solid #fff;left:48%}
.platform_wrap .p_box2:nth-child(2)::after{content:''; display:block; width:7px; height: 7px; background:#008ecf; position:absolute; top:2px; transform:translateY(28%); border-radius:50%; transform:translate(-28.8%,-80%); border:1px solid #fff;}
.organization .flex.tm50{display:block;}
.organization .flex.tm50:after{content:''; display:block; clear:both;}
.platform_wrap .p_box2{width:48%; float: left; margin:1%}
.platform_wrap .p_box2:nth-child(odd){margin-right:1%;}
.platform_wrap .p_box:after {bottom:-18%}
.y_span_line{height:176px; left:50%; top:28%; }
.y_span_line1{display:none}
.x_span_line{display:none}
.x_span_line1{width:50%; top:47%; left:39%; transform:translate(-28.8%,-80%);}
.y_span_line2{height:86px;left:24%; top:61.8%;z-index:-1;transform:translate(92%,-81%);}
.y_span_line3{display:none}
.y_span_line4{height:86px;right:25%; top:61.8%;z-index:-1;transform:translate(-200%,-81%);}
.y_span_line5{display:none}

.y_span_line:after {display:none}
.y_span_line2:after {display:none}
.y_span_line4:after {display:none}
}


/* 인사말 */

.company02{padding-bottom:13.02%;background:url('/common/img/hi_bg.png') no-repeat right bottom; }
.company02 h4{font-weight:400;}
.company02 p{font-weight:400;margin-top:8.08%;line-height:1.5}
.company02 p b {font-weight:600;font-size:1.35em}
.company02 span {font-size:2.01em;line-height:20px}
.company02 br.no{display:block}
.inbox{ width:77%}
@media (max-width:980px){
.company02{;background-size:100%;padding-bottom:120px}
.company02 br.no{display:none}
.inbox{ width:100%}
}
/*인증서  */
.cert{overflow:hidden;width:100%}
.cert ul{width:100%;overflow:hidden}
.cert li{width:22%;margin-right:3%;float:left}

.cert .imgbox{width:100%; text-align:center;  box-shadow:5px 8px 16px rgb(0 0 0 / 7%);}
.cert .imgbox img{width:100%;padding:5%}
.cert li p{color:#777;padding:20px 0 12px 0}
.cert br{display:none}
.tm60{margin-top:60px}
@media (max-width:980px){
.cert li{width:47%;margin-right:3%}
.cert li:nth-child(3){margin-top:60px}
.cert li:nth-child(4){margin-top:60px}
.cert br{display:block}
}


.ci{width:100%;overflow:hidden}

.ci video{width: 100%;
    height: 400px;
    object-fit: fill; background:#ddd}
.ci3{overflow:hidden;width:100%;}
.ci3 h3{width:20%;margin-right:5%;float:left;font-weight:bold;margin-top:-10px}
.ci3 .ci3-1{width:75%;float:left;}
.ci3 p{padding-bottom:4.17%}

.ci3 .gray{overflow:hidden;padding:2.60% 4.69%;background:#f3f4f5}
.ci3 .gray li{width:47%;margin-right:6%;float:left;text-align:center}
.ci3 .gray li:last-child{margin-right:0;}
.ci3 .gray img{text-align:center}
.ci3 .gray p{width:100%;color:#000;text-align:center;padding-top:20px}

.ci3 .color{padding:55px 0 20px  20px}
.ci3 .navy{background:#1a2141;margin-bottom:4%}
.ci3 .blue{background:#008ecf;width:48%;margin-right:4%;float:left;}
.ci3 .green{background:#66c1bf;width:48%;float:left; }

.ci3 .color li{width:100%;color:#fff;display:flex}
.ci3 .color span{display:block;width:15%;}
.ci3 .blue span{display:block;width:30%;}
.ci3 .green span{display:block;width:30%;}

@media (max-width: 1600px){
.ci3 h3{margin-right:10%;}
.ci3 .ci3-1{width:70%}
}
@media (max-width: 980px){
.ci video{    height: 200px;}

.ci3 .ci3-1{width:100%;float:left;}
.ci3 h3{width:100%;padding-bottom:3%;margin-top:10%}
.ci3 h3 br{display:none}

.ci3 .color li{margin-bottom:5%;display:block}
}

/* 제품소개 */
.subpd1{width:100%;}
.subpd1 .con{padding-left:0;width:100%}
.subpd1 .text{padding:15% 0}
.subpd1  h4{padding:6% 0 4% 0;font-weight:500}
.subpd1  span{line-height:1.4}
.subpd1 .pd1{width:70%}
.subpd1 .pd2{width:100%;top:30px;left:-70px;}
.subpd2{width:100%;background:#f3f4f5;overflow:hidden; padding:7.81% 0 13.02% 0 ;}
.subpd2 h4{padding-bottom:5.21%}
.subpd2 ul{display:flex;}
.subpd2 li{width:22%;margin-right:4%;background:#66c1bf;text-align:center;padding:45px 2%;box-shadow:5px 20px 27px rgb(0 0 0 / 16%)}
.subpd2 li:last-child{margin-right:0}
.subpd2 .linebox{border-bottom:1px solid #fff;padding-bottom:30px}
.subpd2 .imgbox{width:60%;margin:0 auto}
.subpd2 img{width:100%}
.subpd2 p{color:#fff;font-size:1.25em;font-weight:300;line-height:1.5;padding-top:30px}

.subpd1 .mec{width:70%}
.subpd1 .elec{width:100%;top:20%;left:-70px;}
@media (max-width: 980px){
.subpd1 .pd1{margin-bottom:70px}
.subpd2 {padding:70px 0 120px 0 ;}
.subpd2 h4{padding-bottom:40px}
.subpd2 ul{display:block}
.subpd2 li{width:48%;margin-right:4%;margin-bottom:5%;float:left;padding:30px 2%;}
.subpd2 li:nth-child(2n){margin-right:0}
.subpd2 .mr0{margin-right:0 }
.subpd2 .mr4{margin-right:4% !important}
.subpd2 img{width:auto}
.subpd2 p{font-size:1em}
.subpd1 .pd1{width:100%}
.subpd1 .pd2{top:-1%}
.subpd1 .sep{top:20%}
.subpd1 .pet{top:20%}
.subpd1 .mec{width:100%;top:20%}
.subpd1 .elec{top:20%;left:-15px}
.subpd1 .subpd4{width:90%}
.subpd4 .pd1{width:60%}
}



.ir1 span{font-size:65px; vertical-align:baseline}
.ir3 span{font-size:58px; line-height:1}

.ir1{width:100%;overflow:hidden;}
.ir1 p{line-height:1.5;}
/* .ir1 img{margin-top:-5px} */

.ir2{width:100%;overflow:hidden}
.ir2 li{width:32%;margin-right:2%;margin-bottom:2%;float:left;background:#f3f4f5;text-align:center;padding:3%}
.ir2 li:nth-child(3n){margin-right:0}


.ir3 table{width:100%;border-top:2px solid #ddd;border-bottom:2px solid #ddd;}
.ir3 th{padding:1.77% 0;color:#777;font-size:1.25em;font-weight:400}
.ir3 td{text-align:center;border-top:1px solid #ddd;padding:1.77% 0;font-size:1.3em;font-weight:600}


@media (max-width: 980px){
.ir1 span{font-size:33px;}
.ir3 span{ font-size:33px;vertical-align:baseline}
/* .ir2 h5{padding-bottom:70px} */
.ir2 h5{padding-top:70px}
.ir3 h5{padding-top:70px}
.ir2 li{width:49%;margin-right:2%;}
.ir2 li:nth-child(3n){margin-right:2%}
.ir2 li:nth-child(2n){margin-right:0}
.ir2 li:last-child{margin-right:0}
.ir3 th{padding:15px 0;font-size:.9em}
.ir3 td{padding:15px 0;font-size:1em}
}







.number{width:10%}
.n3 .level{display:flex;align-items:center;border-top:1px solid #969696;border-bottom:1px solid #969696;padding:3% 2%;}
.n3 .level1{width:10%;text-align:center}
.n3 .level2{width:100%;}
.n3 .level h5{font-size:1.2em;color:#777;font-weight:500}
.n3 .level h6{font-size:1.2em;margin-bottom:2%}
.n3 .level2 p{display:inline;color:#777;font-weight:600}
.n3 .level2 span{font-weight:400}


.n3  .view1{margin-right:5%}
.n3 .view2{}
.n3 .view3{float:right}
@media screen and (max-width:980px){
.n3 .level{display:block}
.n3 .level3{width:100%;}
.n3 .view3{float:none}
.n3  .view2{margin-right:5%}
.n3 .level h5{display:none}
}

/*페이지*/

/* 
.page{text-align:center; width:100%; padding-top:20px; font-size:0; overflow:hidden}
.page ul{ width:100%; text-align:center; }
.page li{ display:inline-block; font-size:15px; font-weight:500; }
.page a {
	display:inline-block;
 	text-decoration:none; vertical-align:middle;
 	border:1px solid #d1d1d1; width:33px; line-height:33px; height:33px; margin-left:-1px; color:#999; text-align:center;
   }
.page img{width:32px; height:32px; vertical-align:top; }
.page a.ov{border:1px solid #111; background-color:#111; color:#fff !important;}
 */
.pagebox{overflow:hidden}
.page     {text-align:center;   width:100%; padding-top:8.2%; float:left; }
.page   ul { width:100%; text-align:center; }
.page   li { display:inline-block;}

 

.page a {
	display:inline-block;
 	text-decoration:none; vertical-align:middle;
 box-sizing:border-box;  width:44px; line-height:32px; height:44px;  color:#b0b0b0; text-align:Center }

.page   img {vertical-align:middle;margin-top:-3px}

 .page a.ov  {color:#000; font-weight:700;}
 .page a.ov::after{width:25px;height:2px;content:'';background:#000;display:block;margin-left:10px}

.page li:first-child{margin-right:-10px}
.page li:last-child{margin-left:-10px}
@media (max-width:980px) {

.page{padding-top:30px }
.page   li {font-size:14px; font-weight:500;}
 

.page a {
 width:33px; line-height:30px; height:33px; font-size:17px;
   }
 .page a.ov::after{width:23px;height:2px;content:'';background:#000;display:block;margin-left:6px}

}


/* 뷰페이지 */
.view{overflow:hidden;width:100%;padding:15px 2%}
a.list_btn  {display:inline-block;line-height:40px; font-weight:400;   font-size:15px; float:right;box-shadow:1px 1px 3px #ddd; width:100px;height:40px}
a.list_btn2  {display:inline-block;line-height:43px; font-weight:500;   font-size:15px; float:right;box-shadow:1px 1px 3px #ddd; width:180px;height:46px; background:#1a2141;color:#fff}
.btn1{overflow:hidden;margin-bottom:30px}
.btn1 a{padding:0 15px;width:auto}
.btn2{overflow:hidden;text-align:center;padding:100px 0 40px 0; }
.btn2 a{float:none}
.right{text-align:right}
.c{text-align:center}
.l{text-align:left;font-size:20px;line-height:20px;padding-left:5%;color:#181919;font-weight:600;}

.count{overflow:hidden;width:100%;margin-bottom:2%}
.count span{font-weight:600;line-height:1}
.report li {width:100%; display:flex; align-items:Center; border-top:1px solid #ddd;padding:2.25% 0 }
.report a:first-child li{border-top:2px solid #ddd}
.report a:last-child li{border-bottom:2px solid #ddd}
.report div.img {width:30%; line-height:0; height:200px; overflow:hidden;  position:relative; }
.report div.img img  {min-height:100%; min-width:100%;max-width:150%; position:absolute; top:50%; left:50%;  transform: translate(-50%, -50%);}


.report div.img + div {width:65%; margin-left:auto; font-size:1rem;  line-height:1.3}
.report div.img + div h3 { transition: all 0.3s ease-out; font-size:1.4rem; font-weight:600; display:block; }
/* .report li:hover div.img + div h3 {text-decoration:underline} */

.report div.img + div p {font-size:1em;
width: 100%;
margin:3.85% 0 8.97% 0;
    line-height: 1.3;
/*     max-height: 40px; */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.report div.img + div span {font-size:.9em; display:block; margin-top:8px; font-weight:400;color:#777  }

 @media all and (max-width:980px) {
	.report li {flex-wrap:wrap; margin-top:0}
	.report li:nth-child(n+2) {margin-top:20px}
/* 
	.report div.img {width:100%; height:auto; max-height:200px }
	.report div.img img {width:100%; position:static; transform: translate(0, 0);} */
	.report div.img {   width:100%}
	.report li div.img::after {display:none;}

	.report div.img + div {width:100%; padding:5%; font-size:.90rem; }
	.report div.img + div h3 {font-size:1.2rem; margin-bottom:10px}
	.report div.img + div span { margin-top:3px; }
a.list_btn2  {width:120px;height:50px;line-height:47px}


}




/* 표 */
.news03 .content03 { padding:10.42% 0;}

.news03 .col-2 {width:48%; float:left; vertical-align:middle}
.news03 .col-2:last-child {float:right}

.news03 .table { width: 100%; display: table;margin-top:10px;border-top:2px solid #b0b0b0; border-bottom:2px solid #b0b0b0}

.news03 .row {display: table-row;background: #fff; }

.news03 .cell { padding: 20px 0; display: table-cell; vertical-align:middle;  text-align:Center;  border-bottom:1px solid #b0b0b0; color:#7d7d7d;font-size:16px}
.news03 .row:last-child .cell{border-bottom:none}
.news03 .cell a {color:#333 !important;}


.news03 .tit  {width:65%; text-align:left; font-weight:600; line-height:1.3em}
.center_label {background-color:#000; color:#fff;  padding:6px  16px; display:inline-block}
.m_notice{display:none}

.news03 .table1{border-top:2px solid #181919;}
.news03 .table1 .cell{border-bottom:2px solid #181919;}
.news03 .table1 .cell a{font-weight:700; font-size:20px}
.news03 .table1 .no{;width:5%}
.news03 .table1 .tit{width:70%;padding-left:2%}
.news03 .table1 .name{width:10%;text-align:right;}
.news03 .table1 .date1{width:15%;padding-right:2%;text-align:right}

.news03 .table2{border-top:1px solid #b0b0b0; border-bottom:1px solid #b0b0b0}
.news03 .table2 .no1{;width:8%;padding-left:1%;text-align:left}
.news03 .table2 .no{;width:5%;text-align:left}
.news03 .table2 .tit{width:64%;padding-left:3%}
.news03 .table2 .name{width:8%;text-align:right;}
.news03 .table2 .date1{width:15%;text-align:right;padding-right:2%}

.news03 .table3 .cell{font-size:14px;font-weight:normal}
.news03 .table3 .no{;width:7%}
.news03 .table3 .tit{width:68%;}
.news03 .table3 .name{width:5%;text-align:center;}
.news03 .table3 .date1{width:15%}

.news03 .table3 h3{padding-bottom:1.04%}
.news03 .m_re{display:none}


@media screen and (min-width:901px) {
.news03 .pc_br {display:block}
}



@media screen and (max-width:980px) {
.center_label {padding:3px 10px}
.news03 .content03{padding:18% 0 20% 0}

.news03 .table { display: block; }

.news03 .row {padding:13px 2%; display: block;  border-bottom:1px solid #ddd}
.news03 .row.header {padding: 0; height: 2px; }
.news03 .row.header .cell { display: none; }

.news03 .cell { padding:0; padding-right:5px; display: block; border-bottom:none;  }
.news03 .cell a {width:100%;  display:inline-block;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;margin-bottom:15px}
.news03 .cell_col {display:inline-block; width:auto; font-size:.9em !important}

.news03 .tit  {width:100%; font-size:1.05rem; }
.news03 .row .tit:before { display:none }

.news03 .no {display:none}

.news03 .col-2 {width:100%;  }

.news03 .table1 .cell{border-bottom:none}
.news03 .table1 .tit{width:100%;padding-left:0}
.news03 .table1 .name{text-align:left;width:auto}
.news03 .table1 .date1{text-align:left;width:auto}
.m_notice{display:inline-block;margin-right:10px;font-size:14px}
.row .cell:before { margin-bottom: 3px; content: attr(data-title); text-transform: uppercase;color:#555;}
.news03 .m_re{display:block}
.news03 .table3 .name{display:none}
.news03 .table3 .date1{display:none}

}


.news03 .list_next{display:none}

@media screen and (max-width:980px) {
.news03 .table2{display:none}

.news03 .list_next  {width:100%;display:inline-block; box-sizing:border-box; border-bottom:1px solid #181919; } 
.news03 .list_next p {width:100%; display:inline-block; font-size:1rem; line-height:1.3em; color:#999;overflow: hidden;   text-overflow: ellipsis;   white-space: nowrap; border-top:1px solid #181919 ;padding:20px 0}
.news03 .list_next p:last-child {text-align:left; }
.news03 .list_next b {font-weight:600; color:#333; width:80px; display:inline-block}
.news03 .table2 .name{display:block;}
.news03 .table2 .date1{display:block;}
}












.high .high1 .history {

font-size: 0;
overflow: hidden;
}
.high .high1 .history .box {
position: relative;
padding-left: 294px;
}
.high .high1 .history .box .historyLine {
position: absolute;
left: 234px;
top: 21px;
z-index: 1;
width: 2px;
height: 0;
max-height: 100%;
background-color: #2678D6;
transition: height 0.3s;
}
.high .high1 .history .box .dep1 {
position: relative;
}
.high .high1 .history .box .dep1::before {
content: "";
position: absolute;
left: -60px;
top: 21px;
bottom: 0;
width: 2px;
background-color: #ddd;
max-height: 100%;
}
/*  */
.high .high1 .history .box .dep1 > dt {
position: absolute;
left: -294px;
width: 316px;
color: #008ecf;
transition: color 0.3s;
font-weight:800;
font-size:70px;
}
/*  */
.high .high1 .history .box .dep1 > dt::after {
content: "";
position: absolute;
right: 75px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #008ecf;
transition: background-color 0.3s;
}
.high .high1 .history .box .dep1 > dt.on {
color: #008ecf;
}
.high .high1 .history .box .dep1 > dt.on::after {
background-color: #008ecf;
}
.high .high1 .history .box .dep1 > dt:nth-child(1) {
top: -15px;
}
/* .high .high1 .history .box .dep1 > dt:nth-child(1)::after {
top: 30px;
} */

.high .high1 .history .box .dep1 > dt:nth-of-type(2) {top: 37.5%;}
.high .high1 .history .box .dep1 > dt:nth-of-type(3) {top:72.5%;}
.high .high1 .history .box .dep1 > dt:nth-of-type(4){top:91.5%;}
.high .high1 .history .box .dep1 > dd {
position: relative;
}
.high .high1 .history .box .dep1 > dd:first-of-type .dep2 {
padding-top: 15px;
}
.high .high1 .history .box .dep1 > dd:first-of-type .dep2 dt {
top: 0;
}
.high .high1 .history .box .dep1 > dd:last-of-type .dep2 {
border-bottom: 0;
}
.high .high1 .history .box .dep1 > dd .dep2 {
position: relative;
padding-top: 120px;
}
.high .high1 .history .box .dep1 > dd .dep2 dt {
position: absolute;
left: 0;
top: 28px;
font-size: 20px;
}
.high .high1 .history .box .dep1 > dd .dep2 dd ~ dd {
margin-top: 25px;

}
.high .high1 .history .box .dep1 > dd .dep2 dd em {
display: inline-block;
width: 50px;
margin-right: 3%;
font-size: 20px;
font-style: normal;
vertical-align: top;
text-align:center;
font-weight:700;
font-family:'Mulish', sans-serif;

}
.high .high1 .history .box .dep1 > dd .dep2 dd span {
display: inline-block;
width: 100%;
font-size: 20px;

}
.high .high1 .history .box .dep1 > dd:last-of-type::after {
content: "";
position: absolute;
left: -5px;
bottom: 0;
z-index: 1;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #ddd;
transition: background-color 0.3s;
}
.high .high1 .history .box .dep1 > dd:last-of-type.on::after {
background-color: #2678D6;
}


.dep2 dd{  display:flex}



@media (max-width: 980px) {

.high .high1 .history {
padding: 17.0667vw 5.3333vw 0 6% ;
}
.high .high1 .history .box {
padding-left: 0;
}
.high .high1 .history .box .historyLine {
left: 0;
top:0;
max-height:100%
}
.high .high1 .history .box .dep1 > dt {
position: relative;
left: 0;
width: auto;
padding-left: 9.8667vw;
margin-top: 7.4667vw;
font-size: 8.5333vw;
line-height: 1.2;
}
.high .high1 .history .box .dep1 > dt::after {
left: -5px;
}
.high .high1 .history .box .dep1 > dt.on::after {
background-color: #008ecf;
}
.high .high1 .history .box .dep1 > dt:nth-child(1) {
top: -5.6vw;
margin-top: 0;
}
.high .high1 .history .box .dep1 > dt:nth-child(1)::after {
top: 57%;
}
.high .high1 .history .box .dep1 > dd {
padding-left: 5vw;
}
.high .high1 .history .box .dep1 > dd .dep2 {
padding: 5vw 0;
}
.high .high1 .history .box .dep1 > dd .dep2 dt {
position: relative;
left: 0;
top: 0;
font-size: 5.3333vw;
line-height: 1.2;
}
.high .high1 .history .box .dep1 > dd .dep2 dd {
margin-top: 0;
}
.high .high1 .history .box .dep1 > dd .dep2 dd ~ dd {
margin-top: 4vw;
}
.high .high1 .history .box .dep1 > dd .dep2 dd em {
width: 12vw;
padding-top: 2px;
font-size: 4.2667vw;
line-height:1
}
.high .high1 .history .box .dep1 > dd .dep2 dd span {
width: 60.2667vw;
font-size: 4vw;
word-wrap:break-word;  overflow:hidden;word-break:keep-all
}
.high .high1 .history .box .dep1 > dd:last-of-type::after {
left: -5px;
}
}





.high .high1 dt::before{   
content:'';
position: absolute;
width:13%;
left: 67.5%;
border: 1px solid #008ecf;
border-radius: 50%;
padding-bottom:13%;
top: 20px;
}

.high .high1 dt.on::before{   
content:'';
position: absolute;
width:13%;
left: 67.5%;
border: 1px solid #008ecf;
border-radius: 50%;
padding-bottom:13%;
top: 20px;
}

/* .high .high1 .history .box .dep1 > dt:nth-child(1)::before{top:5px} */
@media (max-width: 980px){
.high .high1 dt::before{ left: -6.7%; top: 0;}
.high .high1 dt.on::before{ left: -6.7%; top: 0;}
.high .high1 .history .box .dep1::before {left:0;top:0;	max-height:100%;}
.high .high1 .history .box .dep1 > dt:nth-child(1)::before {top:3px}
}

.high .high1 .history .box .dep1 > dd:last-of-type::after{display: none;}









/* hr */
/* hr */
.hr0{width:100%;overflow:hidden}

.hr1{width:100%;overflow:hidden}
.hr1 ul {width:100%; display:flex; justify-content:space-between;  flex-wrap:wrap}
.hr1 li{width:32%; margin-bottom:2%; background:#f3f4f5;padding:30px 1.56%;display:flex; align-items:center}
.hr1 li:nth-child(3n){margin-right:0}
.hr1 li p  {width:50%; box-sizing:border-box; padding-left:10%}
.hr1 .imgbox{width:50%;  text-align:center;border-right:1px solid #fff;}
.micon{display:none}
@media (max-width: 980px){
		.hr1 li{width:48%;margin-right:4%;display:block;padding:5% 0;margin-bottom:4%}
		.hr1 li:nth-child(3n){margin-right:4%}
		.hr1 li:nth-child(2n){margin-right:0}
		.hr1 li p{font-size:3vw !important;width:100%;text-align:center;padding:7% 0 0 0}
		.hr1 .imgbox{border-right:none;width:100%}
		.hr1 br{display:none}
		.pcicon{display:none}
		.micon{display:inline}
}

@media (max-width: 600px){
.hr1 li p{font-size:4vw !important;}
/* .hr1 img{width:50%} */
}
.hr2{/* background: url('/common/img/bg_three.png') no-repeat 0 30vh;background-size:100%; */overflow:hidden;width:100%;position:relative}
.imgbg1{background: url('/common/img/imgbg1.png') no-repeat 0 0;background-size:100%;width:25%;padding-bottom:50%;z-index:-1;position:absolute;top:25% ;left:0}
.imgbg2{background: url('/common/img/imgbg2.png') no-repeat 0 0;background-size:100%; width:25%;padding-bottom:45%;z-index:-1;position:absolute;top:18% ;right:0}
.imgbg3{background: url('/common/img/imgbg3.png') no-repeat 0 0;background-size:100%; width:25%;padding-bottom:50%;z-index:-1;position:absolute;bottom:-20% ;right:15%}
.hr2 section{width:45%;text-align:center}
.hr2 h5{padding:9.3% 0 3.8% 0}
.hr2-1{float:left}
.hr2-2{float:right;margin-top:27%}
.hr2-3{float:left;margin-top:23%}

@media (max-width: 980px){
.hr2 section{width:100%}
.hr2-2{float:none;margin-top:7%}
.hr2-3{float:left;margin-top:7%}
.imgbg1{top:13% ;left:0}
.imgbg2{top:35% ;right:0}
.imgbg3{bottom:-5% ;right:3%}
.hr2-2 img{margin-top:8%}
.hr2-3 img{margin-top:8%}
}





   .mind_box{display:flex; align-items:center; justify-content:center; width:100%; background:url('/common/img/hr_bg.png') no-repeat; box-sizing:border-box;background-size:100% 100%; margin:0 auto; padding:3%;}
	 .mind_box ul{display:flex;width:100%}
	 .mind_box ul li{width:30%; padding-bottom:22%; border-radius:50%; border:1px solid #008ecf; text-align:center; margin-right:3.5%;position:relative; }
	 .mind_box ul li:last-child{margin-right:0;}
	 .mind_box ul li:last-child::before{display:none}
	 .mind_box ul li:before{    position: absolute;
	    left: 103%; 
	    top: 48%; 
	    content: '';
	    width: 15px; 
	    height: 15px; 
	    border-top: 3px solid #b0b0b0; 
	    border-right: 3px solid #b0b0b0;  
	    transform: rotate(45deg); }
/* 		 .mind_box ul li h5{margin-top:40px} */

	 .mind_box ul li div{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); white-space:nowrap; text-align:center;display:flex;flex-direction:column;align-items:center}
	 .mind_box ul li p{font-weight:bold;color:#008ecf}
	 .mind_box ul li span{display:block; font-weight:bold; letter-spacing:-1px; padding:22px 0;line-height:1.2;}
	 .mind_box ul li.b1 span{padding:10px 0 20px 0; }
	 .mind_box ul li .imgbox{width:50%}
	 .mind_box ul li.b2 .imgbox{width:80%}
	 .mind_box ul li img{}

	 .mind_box ul li.b4{background:#008ecf;border:none}
	 .mind_box ul li.b4 p{color:#97d0eb;}
	 .mind_box ul li.b4 span{color:#fff}

	@media screen and (max-width:980px){
	 .mind_box{background:none;padding:0}
	.mind_box ul {display:block;}
	.mind_box ul li {
    width: 43%;
	float:left;
    padding-bottom: 43%;
    border-radius: 50%;
    margin-right: 7%;
  }
  .mind_box ul li:first-child{margin-bottom:7%}
  .mind_box ul li:nth-child(2){margin-bottom:7%}
	.mind_box ul li span{font-size:3.5vw !important }

  	 .mind_box ul li:before{ left:100%;    width: 10%;
    height: 10%;}
	 .mind_box ul li.b3{float:right}
	 	 .mind_box ul li.b2::before{display:none}
	 	 .mind_box ul li.b3::before{left:43%;top:-18%;transform: rotate(135deg)}
	 	 .mind_box ul li:last-child::before{display:block;transform: rotate(225deg);left:104%}
}
@media screen and (max-width:450px){
		  .mind_box img{width:50%;}
		 .mind_box ul li span{font-size:4vw !important;padding:10px 0 }
		  .mind_box ul li.b1 span{padding:10px  0; }
}


.hr3-2{}
.hr3-2 .level{display:flex;align-items:center;border-top:1px solid #969696;padding:4.58% 0;}
.hr3-2 .level:last-child{border-bottom:1px solid #969696;}
.hr3-2 .level1{width:5%;text-align:center}
.hr3-2 .level2{width:15%;}
.hr3-2 .level3{width:80%;font-size:1.2em}

.hr3-2 h4{font-size:1.2em;padding:16.67% 0 5.33% 0}
.hr3-2 h5{font-size:1.2em;}
.hr3-2 h6{font-size:1.2em}
@media screen and (max-width:980px){
.hr3-2 .level{display:block;overflow:hidden}
.hr3-2 .level1{text-align:left;float:left;width:auto;margin-right:5px}
.hr3-2 .level2{float:left;}
.hr3-2 .level3{width:100%;float:left;margin-top:20px}
}

.hr3{overflow:hidden;width:100%}
.hr3-3{background:url('/common/img/hr3-3.png')no-repeat;background-size:cover;width:85.94%;float:right;padding:4.17%}
@media (max-width: 1300px){
.hr3-3{width:95%;}
}
/* .hr3-3{position: relative;text-align:right} */
.hr3-3 img{}
.hr3-3 .txt{color:#fff;}
.hr3-3 .txt p{padding:2% 0 5% 0}
.hr3-3 .txt  a{font-size:1em;display:block;position:relative;display:inline-block;float:left;color:#fff}
.hr3-3 .txt  a img{vertical-align:middle;margin-left: 20px}
.hr3-3 .txt  a::after {position: absolute; content:""; display: block; border-top: 2px solid #fff; transition: width 250ms ease-out; left: auto; right: 0;  width: 0; top:0;margin-top:-5px}
.hr3-3 .txt  a:hover::after {width: 100%; left: 0; right: auto;}



@media (max-width: 980px){
.hr3-3{background:url('/common/img/hr3-3.png')no-repeat center;background-size:cover;width:100%;padding:8% 5%}
.hr3-3 .txt  a img{margin-left: 10px}
}




.contact_tab{width:100%;overflow:hidden;}
.contact_tab ul{padding:50px 0 100px 0;}
.contact_tab li{float:left;font-size:2.63em;margin-right:5.21% ;position:relative;font-weight:700}
.contact_tab li:last-child{margin-right:0}
.contact_tab a{color:#777;}
.contact_tab .on a{color:#1a2141}
.contact_tab .on a::before{  
content:url("/common/img/tab.png");
    top: -90%;
    left: 50%;
    position: absolute;
transform:translate(-50%, 0)
  }
.contact_text li{text-align:center}
.contact_text section{overflow:hidden;text-align:left;}
.contact_text div{width:48%;float:left;margin-right:4%}
.contact_text div:last-child{margin-right:0}
.contact_text p{margin-top:4.1%;font-size:18px}


@media screen and (max-width:980px){
.contact_tab ul{padding:15px 0 60px 0}
.contact_tab li{font-size:1.8em;margin-right:8%}
.contact_text div{width:100%;margin-top:3%}
.contact_text div:last-child{margin-top:25px;}
.contact_text p{margin-top:0}


}