@charset "utf-8";

/*구조변경*/
body.main{padding-top:0 !important;}
.wrap_header{background:rgba(36,49,76,0.8);}
.wrap_header .head_logo a span{color:#FFF;}
.wrap_header .head_util button{background:url(../../images/common/openM.png) no-repeat center;}
@media all and (min-width:1025px) {
	.wrap_header .head_navi nav .a_1{color:#FFF;}
}
.banner_1_2 {background: url(/sites/rnd/images/main/ban_2_bg.jpg) no-repeat center;}

/*서브비주얼****************************************/
.eQ01.wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_25.jpg) no-repeat center top;}
.eQ02.wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_30.jpg) no-repeat center top;}
.eQ03.wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_45.jpg) no-repeat center top;}
.eQ04.wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_33.jpg) no-repeat center top;}
.eQ05.wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_28.jpg) no-repeat center top;}
.none.wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_48.jpg) no-repeat center top;}
.eQ07.wrap_sub_visual:before{background:url(/sites/style_guide/images/sub/sub_visual_20.jpg) no-repeat center top;}

/*탭메뉴************************************************************/
@media only screen and (min-width:1025px){
	.tab .tab_div > ul > li {max-width: none;}
}

/*250318*/
.family{
  display:flex;
  gap:40px;
  padding:10px;
}

.family li{
  display:flex;
  align-items:center;
  justify-content:center;
}

.family li img{
  margin-right:10px;
}

.family li p{
  margin:0 !important;
}

@media only screen and (max-width:768px){
	.family{
	display:block;
  }
  
  .family li{
	text-align:left;
	justify-content:left;
	margin-bottom:20px;
  }
  
  ._obj{
	padding-bottom:0 !important;
  }
}




/* 정보서비스 - 간접비계산 */
.calWrap { display:flex; flex-flow:row wrap; justify-content:space-between; }
.calWrap .item { border:0px solid red;}
.calWrap .item:nth-child(1) { flex:1 1 47%; }
.calWrap .item:nth-child(2) { flex:1 1 6%; display:flex; justify-content:center; align-items:center; background-color:#e8e8e8; border:2px solid #fff; border-top:2px solid #000; border-bottom:1px solid #000; font-weight:bold; }
.calWrap .item:nth-child(3) { flex:1 1 47%; }
.calWrap .item table { height:240px; }
.calWrap .item input[type="radio"] { top: 0.5px !important; margin-right:5px; }
@media only screen and (max-width:1100px) {
  .calWrap .item { flex:1 1 100% !important; }
  .calWrap .item:nth-child(2) { border-top:0px; border-bottom:0px; margin:3px 0;}
}
/*기관소개-조직도*/
.plan{}
.plan > dl{display:flex;margin-bottom:30px;}
.plan > dl > dt{width:150px;margin-right:50px;font-size:24px;font-weight:400;border-right:1px solid #DDD;}
.plan > dl > dt:before{content:"";display:block;width:20px;height:20px;background:url(/sites/style_guide/images/common/bul_h2.png) no-repeat center;}
.plan > dl > dd{width:calc(100% - 200px);}
.plan .con_1{text-align:center;color:#FFF;font-size:24px;font-weight:400;padding:20px;border-radius:10px;background:url(/sites/style_guide/images/common/pattern_7.png) center;}
.plan .con_2{text-align:center;color:#1c63dc;font-size:24px;font-weight:400;padding:20px;border-radius:10px;border:1px solid #DDD;}
.plan .con_3{display:flex;justify-content:space-between;}
.plan .con_3 span{width:32%;background:#ecf1f7;text-align:center;font-size:24px;font-weight:400;padding:20px;border-radius:10px;}
.plan .con_4{display:flex;justify-content:space-between;}
.plan .con_4 > div{}
.plan .con_4 > div h3{color:#FFF;text-align:center;height:284px;padding:75px 50px;}
.plan .con_4 > div h3 i{font-size:16px;}
.plan .con_4 > div h3 span{font-size:18px;width:120px;display:block;margin:5px auto;}
.plan .con_4 > div h4{text-align:center;margin:20px 0;}
.plan .con_4 > div h4:before{content:"";display:block;width:100%;height:50px;margin-bottom:10px;}
.plan .con_4 > div ul{background:#ecf1f7;padding:20px;margin:0 10px;height:43%;}
.plan .con_4 > div ul li{font-size:16px;position:relative;padding:8px 0 8px 15px;}
.plan .con_4 > div ul li:before{content:"";display:block;width:10px;height:10px;background:url(/sites/style_guide/images/common/arrow_14_b.png) no-repeat center;position:absolute;left:0;top:14px;}
.plan .con_4 > .item_1 h3{width:247px;background:url(/sites/hansung/images/sub/plan_bg_1.png) no-repeat center;}
.plan .con_4 > .item_2 h3{width:239px;background:url(/sites/hansung/images/sub/plan_bg_2.png) no-repeat center;}
.plan .con_4 > .item_3 h3{width:238px;background:url(/sites/hansung/images/sub/plan_bg_3.png) no-repeat center;}
.plan .con_4 > .item_4 h3{width:239px;background:url(/sites/hansung/images/sub/plan_bg_4.png) no-repeat center;}
.plan .con_4 > .item_5 h3{width:238px;background:url(/sites/hansung/images/sub/plan_bg_5.png) no-repeat center;}
.plan .con_4 > .item_1 h4:before{background:url(/sites/hansung/images/sub/plan_icon_1.png) no-repeat center;}
.plan .con_4 > .item_2 h4:before{background:url(/sites/hansung/images/sub/plan_icon_2.png) no-repeat center;}
.plan .con_4 > .item_3 h4:before{background:url(/sites/hansung/images/sub/plan_icon_3.png) no-repeat center;}
.plan .con_4 > .item_4 h4:before{background:url(/sites/hansung/images/sub/plan_icon_4.png) no-repeat center;}
.plan .con_4 > .item_5 h4:before{background:url(/sites/hansung/images/sub/plan_icon_5.png) no-repeat center;}
@media only screen and (max-width:1400px){
  .plan .con_4 > div{width:20%;}
  .plan .con_4 > div h3{width:100% !important;background-size:100% !important;}
}
@media only screen and (max-width:1280px){
  .plan > dl{display:block;}
  .plan > dl > dt{width:100%;margin-right:0;margin-bottom:20px;border:0;}
  .plan > dl > dd{width:100%;}
}
@media only screen and (max-width:1024px){
  .plan .con_1,
  .plan .con_2,
  .plan .con_3 span,
  .plan .con_4{display:block;}
  .plan .con_4 > div{width:100%;display:flex;justify-content:space-between;margin-bottom:10px;}
  .plan .con_4 > div h3{width:250px !important;text-align:left;height:auto;padding:10px;background:none;}
  .plan .con_4 > div h3 span{width:100%;}
  .plan .con_4 > div h4{margin:0;width:100px;}
  .plan .con_4 > div ul{height:auto;width:calc(100% - 350px);margin:0;}
  .plan .con_4 > .item_1 h3{background:#41a9df;}
  .plan .con_4 > .item_2 h3{background:#3379ca;}
  .plan .con_4 > .item_3 h3{background:#1755ad;}
  .plan .con_4 > .item_4 h3{background:#1d4d9d;}
  .plan .con_4 > .item_5 h3{background:#585d65;}
}
@media only screen and (max-width:768px){
  .plan .con_4 > div h3{width:30% !important;}
  .plan .con_4 > div h4{width:20%;}
  .plan .con_4 > div ul{width:50%;}
}
@media only screen and (max-width:420px){
  .plan .con_3{flex-wrap:wrap;}
  .plan .con_3 span{width:100%;margin:5px 0;}
  .plan .con_4 > div{flex-wrap:wrap;}
  .plan .con_4 > div h3,
  .plan .con_4 > div h4,
  .plan .con_4 > div ul{width:100% !important;}
  .plan .con_4 > div h4{margin:10px 0;}
}

/* 역대단장 - 220901 */
.leader-wrap {position: relative; display: flex; flex-wrap: wrap; align-content: space-between; margin: 0 -1%; border-top: 1px solid #ddd;}
.leader-wrap::after {content: ""; position: absolute; width: 100%; height: 1px; background: #ddd; left: 0; bottom: 0;}
.leader-inner {display: flex; align-items: center;width: 33.33%; padding: 15px 1%; box-sizing: border-box; border-bottom: 1px solid #ddd;}
.leader-img {width: 120px; height: 160px;}
.leader-img span {display: block; width: 100%; height: 100%;}
.leader-info {margin-left: 20px; width: calc(100% - 140px);}
.leader-info dl:first-child {margin-bottom: 25px;}
.leader-info dl dt {font-size: 16px; color: #3d85c6; font-weight: 600;}
.leader-info dl dd {font-size: 16px; color: #333; font-weight: 600; margin-top: 15px;}


@media all and (max-width: 800px){
  .leader-inner {width: 50%;}
}

@media all and (max-width: 500px){
  .leader-inner {width: 100%;}
}