/* main color */
/* base color */
/* gray type */
/* xirn accent */
.l_sub_qna .section_01 {
  padding-top: 80px;
}
.l_sub_qna .section_01 .bg_wrap ul li:first-child p {
  font-size: 32px;
  font-weight: 700;
  line-height: 44px;
}
.l_sub_qna .section_01 .bg_wrap ul li:first-child p span {
  font-weight: 700;
  color: #006b8e;
}
.l_sub_qna .section_02 {
  padding-top: 75px;
}
.l_sub_qna .section_02 .box_list .box_top {
  margin-bottom: 46px;
}
.l_sub_qna .section_02 .box_list .box_top .btn_consult {
  width: 225px;
}
.l_sub_qna .section_02 .box_list .box_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.l_sub_qna .section_02 .box_list .box_wrap > div {
  width: 780px;
}
.l_sub_qna .section_02 .box_list .box_wrap > div:first-of-type ul li:nth-of-type(even) {
  margin-left: 20px;
}
.l_sub_qna .section_02 .box_list .box_wrap > div:last-of-type {
  width: 400px;
}
.l_sub_qna .section_02 .box_list .box_wrap > div:last-of-type ul li {
  width: 400px;
  height: 420px;
}
.l_sub_qna .section_02 .box_list .box_wrap > div:last-of-type ul li .btn_wrap {
  justify-content: space-between;
  height: 258px;
}
.l_sub_qna .section_02 .box_list .box_wrap > div ul li {
  width: 380px;
  height: 200px;
  padding: 28px 40px 40px;
  margin-right: 0;
  margin-bottom: 20px;
}
.l_sub_qna .section_02 .box_list .box_wrap > div ul li:nth-last-of-type(2), .l_sub_qna .section_02 .box_list .box_wrap > div ul li:nth-last-of-type(1) {
  margin-bottom: 0;
}
.l_sub_qna .section_02 .box_list .box_wrap > div ul li .tit_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}
.l_sub_qna .section_02 .box_list .box_wrap > div ul li .tit_wrap .tit {
  font-size: 25px;
  font-weight: 500;
}
.l_sub_qna .section_02 .box_list .box_wrap > div ul li .tit_wrap .icon {
  width: 43px;
  height: 43px;
}
.l_sub_qna .section_02 .box_list .box_wrap > div ul li .tit_wrap .icon_cs {
  background-image: url(/Content/static/images/sub/my/customer/icon_cs.png);
}
.l_sub_qna .section_02 .box_list .box_wrap > div ul li .tit_wrap .icon_construction {
  background-image: url(/Content/static/images/sub/my/customer/icon_construction.png);
}
.l_sub_qna .section_02 .box_list .box_wrap > div ul li .tit_wrap .icon_design {
  background-image: url(/Content/static/images/sub/my/customer/icon_design.png);
}
.l_sub_qna .section_02 .box_list .box_wrap > div ul li .tit_wrap .icon_parcel_out {
  background-image: url(/Content/static/images/sub/my/customer/icon_parcel_out.png);
}
.l_sub_qna .section_02 .box_list .box_wrap > div ul li .tit_wrap .icon_coun {
  background-image: url(/Content/static/images/sub/my/customer/icon_coun.png);
}
.l_sub_qna .section_02 .box_list .box_wrap > div ul li .btn_wrap {
  flex-direction: column;
}
.l_sub_qna .section_02 .box_list .box_wrap > div ul li .btn_wrap a {
  width: 100%;
  margin-right: 0;
  justify-content: space-between;
  padding: 0 30px;
}
.l_sub_qna .section_02 .box_list .box_wrap > div ul li .btn_wrap a + a {
  margin-top: 20px;
}
.l_sub_qna .section_02 .box_list .box_wrap > div ul li:hover .tit_wrap .tit {
  color: #ffffff;
}
.l_sub_qna .section_02 .box_list .box_wrap > div ul li:hover .tit_wrap .icon {
  filter: brightness(0) invert(1);
  -moz-filter: brightness(0) invert(1);
  -o-filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
  -ms-filter: brightness(0) invert(1);
}
.l_sub_qna .section_02 .box_list .box_wrap > div ul li:hover .tit_wrap .icon_cs {
  background-image: url(/Content/static/images/sub/my/customer/icon_cs_w.png);
}
.l_sub_qna .section_02 .box_list .box_wrap > div ul li:hover .tit_wrap .icon_construction {
  background-image: url(/Content/static/images/sub/my/customer/icon_construction_w.png);
}
.l_sub_qna .section_02 .box_list .box_wrap > div ul li:hover .tit_wrap .icon_design {
  background-image: url(/Content/static/images/sub/my/customer/icon_design_w.png);
}
.l_sub_qna .section_02 .box_list .box_wrap > div ul li:hover .tit_wrap .icon_parcel_out {
  background-image: url(/Content/static/images/sub/my/customer/icon_parcel_out_w.png);
}