/*그누보드*/
.container.gnu {
  margin-top: 200px;
  font-size: 0.75rem;
}

p {
  line-height: 1.5;
  color: #333;
  word-break: keep-all;
}
h5 {
  line-height: 1.5;
  color: #191919;
  font-weight: 700;
}

h3 {
  font-weight: 700;
  line-height: 1.4;
}

.w {
  color: #fff;
}

section.s_visual {
  margin-bottom: 0;
}

/*_pc*/
@media all and (min-width: 1201px) {
  section {
    margin-bottom: 200px;
  }

  /*그투보드*/
  #container_title {
    text-align: center;
    font-size: 40px;
    margin: 200px 0 50px;
  }

  #header {
    position: absolute;
  }

  /*비주얼영역*/
  .s_visual {
    position: relative;
    z-indx: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 625px;
  }
  .s_visual .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .s_visual .bg:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(1.05);
    transition: 8s;
  }
  .s_visual.on .bg:before {
    transform: scale(1);
  }
  .s_visual .stit {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin-top: 50px;
  }
  .s_visual .htit {
    font-size: 64px;
    color: #fff;
    font-weight: 700;
    margin: 20px 0;
  }
  .s_visual.s0101 .bg:before {
    background: url("/dblack/images/sub/s0101_visual.jpg") no-repeat center /
      cover;
  }
  .s_visual.s0102 .bg:before {
    background: url("/dblack/images/sub/s0101_visual.jpg") no-repeat center /
      cover;
  }
  .s_visual.s0103 .bg:before {
    background: url("/dblack/images/sub/s0101_visual.jpg") no-repeat center /
      cover;
  }

  .s_visual.s0201 .bg:before {
    background: url("/dblack/images/sub/s0201_visual.jpg") no-repeat center /
      cover;
  }
  .s_visual.s0202 .bg:before {
    background: url("/dblack/images/sub/s0201_visual.jpg") no-repeat center /
      cover;
  }
  .s_visual.s0203 .bg:before {
    background: url("/dblack/images/sub/s0201_visual.jpg") no-repeat center /
      cover;
  }

  .s_visual.s0301 .bg:before {
    background: url("/dblack/images/sub/s0301_visual.jpg") no-repeat center /
      cover;
  }
  .s_visual.s0302 .bg:before {
    background: url("/dblack/images/sub/s0301_visual.jpg") no-repeat center /
      cover;
  }
  .s_visual.s0303 .bg:before {
    background: url("/dblack/images/sub/s0301_visual.jpg") no-repeat center /
      cover;
  }
	
  .s_visual.s0401 .bg:before {
    background: url("/dblack/images/sub/s0401_visual.jpg") no-repeat center /
      cover;
  }

  /*상단 카테고리*/
  .s_cate {
    margin: 50px 0 0;
  }
  .s_cate .current {
    display: none;
  }
  .s_cate .sub {
    position: relative;
    border-radius: 60px;
    padding: 5px;
  }
  .s_cate .sub:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(5px);
    filter: brightness(1.5);
    border-radius: 60px;
  }
  .s_cate .sub dl {
    display: flex;
    gap: 10px;
    position: relative;
  }
  .s_cate .sub dd {
  }
  .s_cate .sub dd a {
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #fff;
    padding: 0 30px;
    border-radius: 50px;
    font-weight: 700;
    transition: 0.3s;
  }
  .s_cate .sub dd.on a,
  .s_cate .sub dd:hover a {
    font-weight: 700;
    background: #fff;
    color: #191919;
  }

  /*본문 메뉴*/
  .s_menu {
    position: sticky;
    z-index: 10;
    top: 0;
    border-bottom: 1px solid #d9d9d9;
    background: #fff;
    margin-bottom: 200px;
  }
  .s_menu .container {
  }
  .s_menu .swiper-slide {
    width: auto;
    padding: 0 30px;
  }
  .s_menu .swiper-slide a {
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 77px;
    transition: 0.3s;
  }
  .s_menu .swiper-slide a:hover {
    color: var(--main-color);
  }
  .s_menu .swiper-slide a.on {
    border-bottom: 1px solid var(--main-color);
    color: var(--main-color);
  }

  /*작은본문영역*/
  .container.min {
    max-width: 1340px;
  }

  /*h타이틀*/
  .htit {
    margin-bottom: 70px;
  }
  h3 {
    margin-bottom: 40px;
    font-size: 40px;
  }

  /*라운드*/
  .bd-radius {
    border-radius: 15px;
    overflow: hidden;
  }

  /*개별페이지*/
  /*s0101*/
  .s0101_sec1 {
    background: url("/dblack/images/sub/s0101_bg1.jpg") no-repeat right bottom;
  }
  .s0101_sec1 .container {
    display: flex;
    gap: 150px;
    align-items: center;
  }
  .s0101_sec1 .thumbG {
    flex: 1;
  }
  .s0101_sec1 .infoG {
    flex: 1;
  }

  .s0101_sec2 {
    background: url("/dblack/images/sub/s0101_bg2.jpg") no-repeat center / cover
      #000;
    padding: 150px 0;
  }
  .s0101_sec2 .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0px;
    height: 100%;
  }
  .s0101_sec2 .logoG {
    display: flex;
    justify-content: space-around;
    width: 100%;
  }

  .s0101_sec3 {
    margin: 200px 0;
  }
  .s0101_sec3 .infoG .list {
    display: flex;
    gap: 50px;
  }
  .s0101_sec3 .infoG .list li {
    flex: 1;
    display: flex;
    gap: 30px;
    align-items: center;
    background: #f9f9f9;
    padding: 40px;
  }
  .s0101_sec3 .infoG .list li .ico {
    min-width: 100px;
    height: 100px;
  }
  .s0101_sec3 .infoG .list li .inner {
    flex: 1;
    font-size: 20px;
    font-weight: 600;
  }
  .s0101_sec3 .infoG .list li:nth-child(1) {
    flex: 2;
  }
  .s0101_sec3 .infoG .list li:nth-child(1) .ico {
    background: url("/dblack/images/sub/s0101_ico1.png") no-repeat center /
      cover;
  }
  .s0101_sec3 .infoG .list li:nth-child(2) .ico {
    background: url("/dblack/images/sub/s0101_ico2.png") no-repeat center /
      cover;
  }
  .s0101_sec3 .infoG .list li:nth-child(3) .ico {
    background: url("/dblack/images/sub/s0101_ico3.png") no-repeat center /
      cover;
  }
  .s0101_sec3 .infoG .list li .tit {
    color: #999;
  }
  .s0101_sec3 .infoG .list li .desc {
    margin-top: 10px;
  }

  .s0101_sec3 .mapG {
    margin: 40px 0;
    background: #f9f9f9;
    height: 600px;
  }

  /*s0102*/
  .s0102_sec {
    text-align: center;
  }

  .s0102_sec .subtit {
    text-align: center;
  }

  .s0102_sec .step_wrap {
    display: flex;
    justify-content: center;
    /* align-items: center; */
  }
  .s0102_sec .step {
    position: relative;
    width: 250px;
    height: 346px;

    align-items: center;
  }
  .s0102_sec .num {
    width: 67px;
    height: 100%;
  }

  .s0102_sec .right {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, 0);

    width: 70%;

    display: flex;
    flex-flow: column;
    align-items: center;
  }
  .s0102_sec .ico {
    width: 100px;
    height: 100px;
    margin: 40px 0;
  }
  .s0102_sec .subtit {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 30px;
  }
  .s0102_sec .con {
    font-size: 18px;
  }

  .s0102_sec .step01 .num {
    background: url("/dblack/images/sub/s0102/num01.png") no-repeat top left;
  }
  .s0102_sec .step02 .num {
    background: url("/dblack/images/sub/s0102/num02.png") no-repeat top left;
  }
  .s0102_sec .step03 .num {
    background: url("/dblack/images/sub/s0102/num03.png") no-repeat top left;
  }
  .s0102_sec .step04 .num {
    background: url("/dblack/images/sub/s0102/num04.png") no-repeat top left;
  }
  .s0102_sec .step05 .num {
    background: url("/dblack/images/sub/s0102/num05.png") no-repeat top left;
  }

  .s0102_sec1 .step01 .ico {
    background: url("/dblack/images/sub/s0102/ico1-1.png") no-repeat center
      center;
  }
  .s0102_sec1 .step02 .ico {
    background: url("/dblack/images/sub/s0102/ico1-2.png") no-repeat center
      center;
  }
  .s0102_sec1 .step03 .ico {
    background: url("/dblack/images/sub/s0102/ico1-3.png") no-repeat center
      center;
  }
  .s0102_sec1 .step04 .ico {
    background: url("/dblack/images/sub/s0102/ico1-4.png") no-repeat center
      center;
  }
  .s0102_sec1 .step05 .ico {
    background: url("/dblack/images/sub/s0102/ico1-5.png") no-repeat center
      center;
  }

  .s0102_sec2 .step01 .ico {
    background: url("/dblack/images/sub/s0102/ico2-1.png") no-repeat center
      center;
  }
  .s0102_sec2 .step02 .ico {
    background: url("/dblack/images/sub/s0102/ico2-2.png") no-repeat center
      center;
  }
  .s0102_sec2 .step03 .ico {
    background: url("/dblack/images/sub/s0102/ico2-3.png") no-repeat center
      center;
  }
  .s0102_sec2 .step04 .ico {
    background: url("/dblack/images/sub/s0102/ico2-4.png") no-repeat center
      center;
  }
  .s0102_sec2 .step05 .ico {
    background: url("/dblack/images/sub/s0102/ico2-5.png") no-repeat center
      center;
  }

  	.s0103_sec1 .table_wrap {display: flex; flex-direction: column; gap:20px;width: 100%;max-width: 750px;margin: 50px auto;}
	.s0103_sec1 .table_wrap .table_cnt {display: flex; gap: 20px;}

  .s0103_sec1 .table_wrap .left {
    /* width: 200px;
    height: 238px; */
	  display: flex; flex-direction: column; align-items: center;
	width: 20%;
    border-radius: 15px;
	  text-align: center;
  }
	.s0103_sec1 .table_wrap .table01 {align-items: flex-end}
	.s0103_sec1 .table_wrap .table01 > .left {
		background-color: #ffcb4f; 
	}

	.s0103_sec1 .table_wrap .table01 tr p {font-weight: 400;}
	
	.s0103_sec1 .table_wrap .table02 .left {
		background-color: #ff9054
		
	}
		.s0103_sec1 .table_wrap .fast .left{
			background-color: #65c0ff
		
	}
	
	.s0103_sec1 .table_wrap .table01 .left {height:61px;}
	
	
	.s0103_sec1 .table_wrap .left .ico {width:76px; height:76px; margin:0 auto 10px;}
	.s0103_sec1 .table_wrap .left .tit {line-height: 61px; font-size: 20px;}
	.s0103_sec1 .table_wrap .table02 .left .tit {line-height:185px;}	
	.s0103_sec1 .table_wrap .left .ico01 {background: url("../images/sub/s0103/ico01.png") center center no-repeat}
	.s0103_sec1 .table_wrap .left .ico02 {background: url("../images/sub/s0103/ico02.png") right center no-repeat}
	.s0103_sec1 .table_wrap .left .ico03 {background: url("../images/sub/s0103/ico03.png") right center no-repeat}
	
	
   .s0103_sec1 .table_wrap .right {width: 80%;border-radius: 15px;}
   .s0103_sec1 .table_wrap .right table { width: 100%; border-radius: 15px; border-style: hidden;box-shadow: 0 0 0 1px #d9d9d9;}
	
    .s0103_sec1 .table_wrap .right th{font-weight: 700;background: #f9f9f9;}
	
    .s0103_sec1 .table_wrap .right tr td {border: 1px solid #d9d9d9}
	
	
    .s0103_sec1 .table_wrap .right th, .s0103_sec1 .table_wrap .right td { width: 33%; padding: 20px 0;/*border: 1px solid #d9d9d9;*/text-align: center;}
	.s0103_sec1 .table_wrap .right th {border : 1px solid #d9d9d9}
	.s0103_sec1 .table_wrap .right th:nth-child(1) {border-radius: 15px 0 0 0}
	.s0103_sec1 .table_wrap .right th:nth-child(3) {border-radius: 0 15px 0 0}
	
	.s0103_sec1 .table_wrap .right tbody {font-weight: 700;}
	
	
	.s0103_sec1 .table_wrap .txt_wrap span::before { content: "";
    display:inline-block;
    transform: translate(0, -50%);

    width: 5px;
    height: 5px;
    margin-right: 12px;
    border-radius: 100%;
    background-color: #d9d9d9;}
	
	.s0103_sec1 .table_wrap .txt_wrap span {display: block; width:100%;color:#666}
	.s0103_sec1 .table_wrap .txt_wrap span:first-child {margin: 10px 0 5px}
	
	
  .s0103_sec2 table {width:1000px; margin: 0 auto}
  .s0103_sec2 th,
  .s0103_sec2 td {
    border: 1px solid #d9d9d9;
    padding: 13px;
    text-align: center;
  }
  .s0103_sec2 th {
	  
    background-color: #8ad864;
  }
	
	.s0103_sec2 th:first-child, .s0103_sec2 td:first-child {border-left: none}
	.s0103_sec2 th:last-child, .s0103_sec2 td:last-child {border-right: none}

	.s0103_sec2 tr:nth-child(2) th {background-color: #d0efc1}
	
		.s0103_sec2 tbody tr .grey {background-color: #f9f9f9}

	

  /* .s0201 */
  h4 {
    font-size: 26px;
    font-weight: 700;
	  line-height: 1.5;
  }

  .s_menu.nomargin {
    margin-bottom: 0px;
  }

  .s02_sec1 {
    height: 820px;
    padding-top: 150px;
    border-radius: 0 0 150px 150px;
    overflow: hidden;
    background: url("../images/sub/s0201/s0201_prod_vis.jpg") center center
      no-repeat;
	  background-size: cover;
  }

  .s02_sec1 .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .s02_sec1 .con {
    width: 33%;
    padding-left: 50px;
  }
  .s02_sec1 .name {
    width: 33%;
  }
  .s02_sec1 .name h2 {
    margin-bottom: 5px;
    font-size: 2.8rem;
    font-weight: 700;
  }

  .s02_sec1 .name p {
    color: #999;
    font-size: 24px;
  }

  .prod_spec .container_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .prod_spec .right {
    width: calc(100% - 380px);
  }

  .prod_spec span {
    display: block;
  }

  .prod_spec span::before {
    content: "";
    display: inline-block;
    transform: translate(0, -50%);

    width: 5px;
    height: 5px;
    margin-right: 12px;
    border-radius: 100%;
    background-color: #d9d9d9;
  }

  .s02_sec2 .right {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .s02_sec2 .right li {
    width: calc(50% - 0.5vw);
    margin-bottom: 1vw;
    padding: 70px 60px;
    border: #d9d9d9 1px solid;
    border-radius: 15px;
  }

  .s02_sec2 .right li .ico {
    width: 65px;
    height: 65px;
    margin-bottom: 60px;
  }
  .s0201_sec2 .right li:nth-child(1) .ico {
    background: url("../images/sub/s0201/s0201_ico01.png") center center
      no-repeat;
  }
  .s0201_sec2 .right li:nth-child(2) .ico {
    background: url("../images/sub/s0201/s0201_ico02.png") center center
      no-repeat;
  }
  .s0201_sec2 .right li:nth-child(3) .ico {
    background: url("../images/sub/s0201/s0201_ico03.png") center center
      no-repeat;
  }
  .s0201_sec2 .right li:nth-child(4) .ico {
    background: url("../images/sub/s0201/s0201_ico04.png") center center
      no-repeat;
  }

  .s02_sec2 .right li .con h4 {
    margin-bottom: 30px;
  }

  .s02_sec2 .right li .con span::before {
  }

  .s02_sec2 .right li:last-child .con span:first-child {
    margin-top: 15px;
  }
  .s02_sec2 .right li:last-child .con span {
    font-size: 16px;
  }
  .s02_sec2 .right li:last-child .con span::before {
    content: "";
    display: inline-block;
    transform: translate(0, -50%);

    width: 4px;
    height: 4px;
    margin-right: 10px;
    background-color: #d9d9d9;
    border-radius: 100%;
  }

  .s02_sec3 ul {
    width: 1200px;
    border-top: #191919 3px solid;
    border-bottom: #191919 3px solid;
  }
  .s02_sec3 ul li {
    width: 100%;
    border-bottom: #d9d9d9 1px solid;
  }

  .s02_sec3 ul li .tit {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;

    height: 100px;
    padding: 0 60px;
    cursor: pointer;
    transition: 0.3s ease-out;
  }
  .s02_sec3 ul li .tit::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0px;
    z-index: -1;
    background-color: #5db433;
    transition: 0.3s ease-out;
  }

  .s02_sec3 ul li:hover .tit {
    color: #fff;
  }
  .s02_sec3 ul li:hover .tit::after {
    height: 100%;
  }

  .s02_sec3 ul li .tit .arr {
    width: 20px;
    height: 20px;
    background: url(/dblack/images/ico_arrow-next.png) no-repeat 55% center;
    transform: rotate(90deg);
    transition: 0.3s ease-out;
  }
  .s02_sec3 ul li:hover .tit .arr {
    background: url(/dblack/images/ico_arrow-next-w.png) no-repeat 55% center;
  }

  .s02_sec3 ul li .con {
    width: 100%;
/*    height: 0px;*/

    padding: 0 60px;
    line-height: 2;
    overflow: hidden;
/*    transition: 0.3s ease-out;*/
  }

  .s02_sec3 ul li.on .tit {
    color: white;
    background-color: #5db433;
  }
  .s02_sec3 ul li.on .tit .arr {
    transform: rotate(270deg);
    background: url(/dblack/images/ico_arrow-next-w.png) no-repeat 55% center;
  }
/*
  .s02_sec3 ul li.on .con {
    height: auto;
  }
*/

  .s02_sec3 ul li .con span:first-child {
    margin-top: 35px;
  }

  .s02_sec3 ul li .con span:last-child {
    margin-bottom: 35px;
  }
  .s02_sec3 ul li div.con {
    width: 100%;
    line-height: 1.5;
    padding: 0 0;
/*    height: 0;*/
    /* background-color: #999; */
    /* border: none; */
  }
  .s02_sec3 ul li table {
    width: 100%;
  }
  .s02_sec3 ul li table tr {
    border-bottom: #d9d9d9 1px solid;
  }
  .s02_sec3 ul li table tr td {
    padding: 20px 0;
  }
  .s02_sec3 ul li table tr td:first-child {
    width: 216px;
    font-weight: 700;
    text-align: center;
    background-color: #f9f9f9;
  }
  .s02_sec3 ul li table tr td:last-child {
    text-align: left;
    padding-left: 50px;
  }

  .s02_sec3 ul li table tr td.br br {
    display: none;
  }

  .s02_sec3 ul li .con table span:first-child {
    margin-top: 0;
  }

  .s02_sec3 ul li .con table span:last-child {
    margin-bottom: 0;
  }

  .s02_sec4 .last {
    width: 100%;
    height: 92vh;
    margin-top: 92px;
    border-radius: 15px;
    background: url("../images/sub/s0201/s0201_last.jpg") no-repeat -90px center / cover;
  }

  .s02_sec5 .container_inner {
    width: 100%;
   	height: 414px;
    padding: 100px;
    text-align: center;
    border-radius: 15px;

    background: url("../images/sub/s0201/s0201_down_bg.jpg") no-repeat center
      center;
  }

	
  .s02_sec5 .right {
	  padding: 1px;
    	border-radius: 15px;
background: linear-gradient(3deg,rgba(51, 51, 51, 1) 0%, rgba(153, 153, 153, 1) 46%, rgba(0, 0, 0, 1) 100%);
    
    
  }

	.s02_sec5 .right a {width:100%; height:100%
		;display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    padding: 40px 60px;border-radius: 15px;background-color: #2c2c2c; }
	
  .s02_sec5 .right div:last-child {
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .s02_sec5 .right p {
    color: #999;
  }
  .s02_sec5 .right span {
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url("../images/sub/s0201/s0201_down_ico.png") no-repeat center
      center;
  }

	.s0201_sec1 .img img {scale:102%}
	
	
  .s0202_sec2 .right li:nth-child(1) .ico {
    background: url("../images/sub/s0202/s0202_ico01.png") center center
      no-repeat;
  }
  .s0202_sec2 .right li:nth-child(2) .ico {
    background: url("../images/sub/s0202/s0202_ico02.png") center center
      no-repeat;
  }
  .s0202_sec2 .right li:nth-child(3) .ico {
    background: url("../images/sub/s0202/s0202_ico03.png") center center
      no-repeat;
  }
  .s0202_sec2 .right li:nth-child(4) .ico {
    background: url("../images/sub/s0202/s0202_ico04.png") center center
      no-repeat;
  }

  .s0202_sec4 .right .box_wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
  }
  .s0202_sec4 .right .box_wrap > div {
    width: 32%;
    height: 470px;
    border: 1px solid #d9d9d9;
    border-radius: 15px;
  }

  .s0202_sec4 .right .box_wrap .img {
    height: 302px;
    border-radius: 15px 15px 0 0;
  }
  .s0202_sec4 .right .box_wrap .con {
    padding: 25px 30px;
  }
  .s0202_sec4 .right .box_wrap .con .num {
    margin-bottom: 5px;
    font-size: 18px;
    color: #999;
  }
  .s0202_sec4 .right .box_wrap .con .tit {
    font-size: 26px;
    font-weight: 700;
  }

  .s0202_sec4 .right .box_wrap .box01 {
    background: url("../images/sub/s0202/appli_ico01_1.png") 90% 384px no-repeat;
  }
  .s0202_sec4 .right .box_wrap .box02 {
    background: url("../images/sub/s0202/appli_ico02_1.png") 90% 384px no-repeat;
  }
  .s0202_sec4 .right .box_wrap .box03 {
    background: url("../images/sub/s0202/appli_ico03_1.png") 90% 384px no-repeat;
  }

  .s0202_sec4 .right .box_wrap .box01 .img {
    background: url("../images/sub/s0202/appli_01_1.jpg") center center no-repeat;
    background-size: cover;
  }
  .s0202_sec4 .right .box_wrap .box02 .img {
    background: url("../images/sub/s0202/appli_02_1.jpg") 95% 50% no-repeat;
    background-size: 230%;
  }
  .s0202_sec4 .right .box_wrap .box03 .img {
    background: url("../images/sub/s0202/appli_03_1.jpg") 70% 35% no-repeat;
    background-size: 230%;
  }

	
  .s0202_sec1 .name h2 {letter-spacing: -0.8px}
  .s0203_sec1 .name h2 {letter-spacing: -0.8px}
	
	
  .s0203_sec2 .right li:nth-child(1) .ico {
    background: url("../images/sub/s0203/s0203_ico01.png") center center
      no-repeat;
  }
  .s0203_sec2 .right li:nth-child(2) .ico {
    background: url("../images/sub/s0203/s0203_ico02.png") center center
      no-repeat;
  }
  .s0203_sec2 .right li:nth-child(3) .ico {
    background: url("../images/sub/s0203/s0203_ico03.png") left center no-repeat;
  }
  .s0203_sec2 .right li:nth-child(4) .ico {
    background: url("../images/sub/s0203/s0203_ico04.png") center center
      no-repeat;
  }

	
	
	
  .s0203_sec4 .spec_wrap {
   width:100%; 
	  text-align : center;
  }
	
	
	
	.s0203_sec4 .spec_wrap_pc > div {
	width: 100%;
    margin-top: 40px; 
	
	border-radius: 15px;
    border: 1px solid #d9d9d9;
	}
	
	.s0203_sec4 .spec_wrap_m {display:none}
	
	.s0203_sec4 .spec1{
		padding: 80px 50px 40px;
	}
	.s0203_sec4 .spec2{
   padding: 80px 50px;
	}
	
	.s0203_sec4 .spec_wrap .spec1 {background: url("../images/sub/s0203/spec1_bg.png") bottom center no-repeat}
	.s0203_sec4 .spec_wrap .spec2 {background: url("../images/sub/s0203/spec2_bg_m.png") center center no-repeat}
  
}

@media all and (max-width: 1640px) {
  .s0202_sec4 .right .box_wrap .box01 .img {
    background: url("../images/sub/s0202/appli_01_1.jpg") center center no-repeat;
    background-size: cover;
  }
}

@media all and (max-width: 1450px) {
  .prod_spec .right {
    width: 100%;
  }

  .s0202_sec4 .right .box_wrap .box01 .img {
    background: url("../images/sub/s0202/appli_01_1.jpg") center center no-repeat;
    background-size: cover;
  }
}

@media all and (max-width: 1250px) {
  .s0202_sec4 .right .box_wrap .box01 .img {
    background: url("../images/sub/s0202/appli_01_1.jpg") center center no-repeat;
    background-size: cover;
  }
}

.nav_back {width:100%; height:100px; background-color: #191919}
.s05 {margin-top: 100px;}
/*.s05 .intro {margin-bottom: 70px}*/
.s05 h4 {margin-bottom: 40px;}
.s05 h5 {margin-bottom: 40px;}
.s05 .hr {width:100%; height:1px; background: #d9d9d9;margin-bottom: 80px;}
.s05 .wrap {margin-bottom: 70px}
.s05 span {text-indent: 30px; display: block;margin: 8px;position: relative}
.s05 span:before {content: ''; display: block; width:3px; height:3px; background-color: #333; border-radius: 50px; position: absolute;top:12px; left:10px; }
.s05 span.exeptional:before {display: none}


/*_mobile*/
@media all and (max-width: 1200px) {
  section {
    margin-bottom: 140px;
  }

  /*그투보드*/
  #container_title {
    text-align: center;
    font-size: 24px;
    margin: 100px 0 30px;
  }

  #header {
    position: absolute;
  }

  /*비주얼영역*/
  .s_visual {
    display: flex;
    position: relative;
    z-index: 20;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 360px;
    text-align: center;
    padding: 0 15px;
  }
  .s_visual .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .s_visual .bg:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("/dblack/images/sub/s0101_visual_mo.jpg") no-repeat center /
      cover;
    transform: scale(1.05);
    transition: 5s;
  }
  .s_visual.on .bg:before {
    transform: scale(1);
  }
  .s_visual .stit {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin-top: 50px;
  }
  .s_visual .htit {
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    margin: 20px 0;
    margin-bottom: 100px;
  }
  .s_visual.s0101 .bg:before {
    background: url("/dblack/images/sub/s0101_visual_mo.jpg") no-repeat center /
      cover;
  }
  .s_visual.s0102 .bg:before {
    background: url("/dblack/images/sub/s0101_visual_mo.jpg") no-repeat center /
      cover;
  }
  .s_visual.s0103 .bg:before {
    background: url("/dblack/images/sub/s0101_visual_mo.jpg") no-repeat center /
      cover;
  }
	
  .s_visual.s0201 .bg:before {
    background: url("/dblack/images/sub/s0201_visual_mo.jpg") no-repeat center /
      cover;
  }
  .s_visual.s0202 .bg:before {
    background: url("/dblack/images/sub/s0201_visual_mo.jpg") no-repeat center /
      cover;
  }
  .s_visual.s0203 .bg:before {
    background: url("/dblack/images/sub/s0201_visual_mo.jpg") no-repeat center /
      cover;
  }

	
  .s_visual.s0301 .bg:before {
    background: url("/dblack/images/sub/s0301_visual_mo.jpg") no-repeat center /
      cover;
  }
  .s_visual.s0302 .bg:before {
    background: url("/dblack/images/sub/s0301_visual_mo.jpg") no-repeat center /
      cover;
  }
  .s_visual.s0303 .bg:before {
    background: url("/dblack/images/sub/s0301_visual_mo.jpg") no-repeat center /
      cover;
  }
	
  .s_visual.s0401 .bg:before {
    background: url("/dblack/images/sub/s0401_visual_mo.jpg") no-repeat center /
      cover;
  }


  /*상단 카테고리*/
  .s_cate {
    position: absolute;
    left: 15px;
    width: calc(100% - 30px);
    border-radius: 30px;
    padding: 5px;
    top: 260px;
    backdrop-filter: blur(5px);
    filter: brightness(1.5);
    text-align: left;
    overflow: hidden;
  }
  .s_cate.on {
    background: #fff;
    filter: brightness(1);
    border: 1px solid #ddd;
  }
  .s_cate.on .current {
    background-color: var(--main-color);
  }
  .s_cate.on .sub {
    position: relative;
    visibility: visible;
    opacity: 1;
  }
  .s_cate .current {
    position: relative;
    font-size: 16px;
    color: #fff;
    line-height: 46px;
    border-radius: 25px;
    padding: 0 30px;
    font-weight: 700;
    cursor: pointer;
  }
  .s_cate .current:after {
    content: "";
    position: absolute;
    right: 5px;
    width: 46px;
    height: 46px;
    top: 0;
    background: url("/dblack/images/ico_arrow-bottom-w.png") no-repeat center /
      18px;
    transition: 0.3s;
  }
  .s_cate.on .current:after {
    transform: rotate(180deg);
  }

  .s_cate .sub {
    visibility: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    border-radius: 56px;
    padding: 5px;
    opacity: 0;
    transition: 0.3s;
  }
  .s_cate .sub dl {
  }
  .s_cate .sub dd {
    margin: 10px 0;
  }
  .s_cate .sub dd a {
    display: block;
    line-height: 40px;
    font-size: 16px;
    padding: 0 25px;
    font-weight: 600;
  }

  /*본문 메뉴*/
  .s_menu {
    position: sticky;
    z-index: 10;
    top: 0;
    border-bottom: 1px solid #d9d9d9;
    background: #fff;
    margin-bottom: 140px;
  }
  .s_menu .container {
  }
  .s_menu .swiper-slide {
    width: auto;
    padding: 0 15px;
  }
  .s_menu .swiper-slide a {
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 50px;
    transition: 0.3s;
  }
  .s_menu .swiper-slide a:hover {
    color: var(--main-color);
  }
  .s_menu .swiper-slide a.on {
    border-bottom: 1px solid var(--main-color);
    color: var(--main-color);
  }

  /*작은본문영역*/
  .container.min {
    max-width: 1340px;
  }

  /*h타이틀*/
  .htit {
    margin-bottom: 40px;
  }
  h3 {
    margin-bottom: 20px;
    font-size: 24px;
  }

  /*라운드*/
  .bd-radius {
    border-radius: 10px;
    overflow: hidden;
  }

  /*개별페이지*/
  .s0101_sec1 {
    background: url("/dblack/images/sub/s0101_bg1.jpg") no-repeat right 55% /50%;
  }
  .s0101_sec1 .container {
  }
  .s0101_sec1 .thumbG {
  }
  .s0101_sec1 .infoG {
    margin: 50px 0 0;
  }

  .s0101_sec2 {
    background: url("/dblack/images/sub/s0101_bg2.jpg") no-repeat center / cover
      #000;
    padding: 120px 0;
  }
  .s0101_sec2 .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
  }
  .s0101_sec2 .logoG {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    gap: 20px 50px;
  }
  .s0101_sec2 .logoG a {
    flex: 1;
    min-width: 120px;
    max-width: 120px;
    text-align: center;
  }

  .s0101_sec3 .infoG .list {
  }
  .s0101_sec3 .infoG .list li {
    flex: 1;
    display: flex;
    gap: 20px;
    align-items: center;
    background: #f9f9f9;
    padding: 20px;
    margin-bottom: 20px;
  }
  .s0101_sec3 .infoG .list li .ico {
    min-width: 60px;
    height: 60px;
  }
  .s0101_sec3 .infoG .list li .inner {
    flex: 1;
    font-size: 14px;
    font-weight: 600;
  }
  .s0101_sec3 .infoG .list li:nth-child(1) .ico {
    background: url("/dblack/images/sub/s0101_ico1.png") no-repeat center /
      cover;
  }
  .s0101_sec3 .infoG .list li:nth-child(2) .ico {
    background: url("/dblack/images/sub/s0101_ico2.png") no-repeat center /
      cover;
  }
  .s0101_sec3 .infoG .list li:nth-child(3) .ico {
    background: url("/dblack/images/sub/s0101_ico3.png") no-repeat center /
      cover;
  }
  .s0101_sec3 .infoG .list li .tit {
    color: #999;
  }
  .s0101_sec3 .infoG .list li .desc {
    margin-top: 10px;
    line-height: 1.4;
  }

  .s0101_sec3 .mapG {
    margin: 40px 0;
    background: #f9f9f9;
    height: 300px;
  }

  /*s0102*/
  .s0102_sec {
    text-align: center;
  }

  .s0102_sec .subtit {
    text-align: center;
  }

  .s0102_sec .step_wrap {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    /* align-items: center; */
  }
  .s0102_sec .step {
    position: relative;
    width: 171px;
    height: 290px;

    align-items: center;
  }
  .s0102_sec .num {
    width: 67px;
    height: 100%;
  }

  .s0102_sec .right {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, 0);

    width: 70%;

    display: flex;
    flex-flow: column;
    align-items: center;
  }
  .s0102_sec .ico {
    width: 100px;
    height: 100px;
    margin: 30px 0;
  }
  .s0102_sec .subtit {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
  }
  .s0102_sec .con {
  }

  .s0102_sec .step01 .num {
    background: url("/dblack/images/sub/s0102/num01.png") no-repeat top left;
  }
  .s0102_sec .step02 .num {
    background: url("/dblack/images/sub/s0102/num02.png") no-repeat top left;
  }
  .s0102_sec .step03 .num {
    background: url("/dblack/images/sub/s0102/num03.png") no-repeat top left;
  }
  .s0102_sec .step04 .num {
    background: url("/dblack/images/sub/s0102/num04.png") no-repeat top left;
  }
  .s0102_sec .step05 .num {
    background: url("/dblack/images/sub/s0102/num05.png") no-repeat top left;
  }

  .s0102_sec1 .step01 .ico {
    background: url("/dblack/images/sub/s0102/ico1-1.png") no-repeat center
      center;
  }
  .s0102_sec1 .step02 .ico {
    background: url("/dblack/images/sub/s0102/ico1-2.png") no-repeat center
      center;
  }
  .s0102_sec1 .step03 .ico {
    background: url("/dblack/images/sub/s0102/ico1-3.png") no-repeat center
      center;
  }
  .s0102_sec1 .step04 .ico {
    background: url("/dblack/images/sub/s0102/ico1-4.png") no-repeat center
      center;
  }
  .s0102_sec1 .step05 .ico {
    background: url("/dblack/images/sub/s0102/ico1-5.png") no-repeat center
      center;
  }

  .s0102_sec2 .step01 .ico {
    background: url("/dblack/images/sub/s0102/ico2-1.png") no-repeat center
      center;
  }
  .s0102_sec2 .step02 .ico {
    background: url("/dblack/images/sub/s0102/ico2-2.png") no-repeat center
      center;
  }
  .s0102_sec2 .step03 .ico {
    background: url("/dblack/images/sub/s0102/ico2-3.png") no-repeat center
      center;
  }
  .s0102_sec2 .step04 .ico {
    background: url("/dblack/images/sub/s0102/ico2-4.png") no-repeat center
      center;
  }
  .s0102_sec2 .step05 .ico {
    background: url("/dblack/images/sub/s0102/ico2-5.png") no-repeat center
      center;
  }
	
	
		.s0103_sec1 .table_wrap {display: flex; flex-direction: column; gap:20px;width: 100%;max-width: 750px;margin: 50px auto;}
	.s0103_sec1 .table_wrap .table_cnt {display: flex; gap: 20px;}

  .s0103_sec1 .table_wrap .left {
    /* width: 200px;
    height: 238px; */
	  display: flex; flex-direction: column; align-items: center;
	width: 20%;
    border-radius: 15px;
	  text-align: center;
  }
	.s0103_sec1 .table_wrap .table01 {align-items: flex-end}
	.s0103_sec1 .table_wrap .table01 > .left {
		background-color: #ffcb4f; 
	}

	.s0103_sec1 .table_wrap .table01 tr p {font-weight: 400;}
	
	.s0103_sec1 .table_wrap .table02 .left {
		background-color: #ff9054
		
	}
		.s0103_sec1 .table_wrap .fast .left{
			background-color: #65c0ff
		
	}
	
	.s0103_sec1 .table_wrap .table01 .left {height:56px;}
	
	
	.s0103_sec1 .table_wrap .left .ico {width:76px; height:76px; margin:0 auto 10px;}
	.s0103_sec1 .table_wrap .left .tit {line-height: 61px; font-size: 17px;}
	.s0103_sec1 .table_wrap .table02 .left .tit {line-height:170px;}	
	.s0103_sec1 .table_wrap .left .ico01 {background: url("../images/sub/s0103/ico01.png") center center no-repeat}
	.s0103_sec1 .table_wrap .left .ico02 {background: url("../images/sub/s0103/ico02.png") right center no-repeat}
	.s0103_sec1 .table_wrap .left .ico03 {background: url("../images/sub/s0103/ico03.png") right center no-repeat}
	
	
   .s0103_sec1 .table_wrap .right {width: 80%;border-radius: 15px;}
   .s0103_sec1 .table_wrap .right table { width: 100%; border-radius: 15px; border-style: hidden;box-shadow: 0 0 0 1px #d9d9d9;}
	
    .s0103_sec1 .table_wrap .right th{font-weight: 700;background: #f9f9f9;}
	
    .s0103_sec1 .table_wrap .right tr td {border: 1px solid #d9d9d9}
	
	
    .s0103_sec1 .table_wrap .right th, .s0103_sec1 .table_wrap .right td { width: 33%; padding: 20px 0;/*border: 1px solid #d9d9d9;*/text-align: center;}
	.s0103_sec1 .table_wrap .right th {border : 1px solid #d9d9d9}
	.s0103_sec1 .table_wrap .right th:nth-child(1) {border-radius: 15px 0 0 0}
	.s0103_sec1 .table_wrap .right th:nth-child(3) {border-radius: 0 15px 0 0}
	
	.s0103_sec1 .table_wrap .right tbody {font-weight: 700;}
	
	
	.s0103_sec1 .table_wrap .txt_wrap span::before { content: "";
    display:inline-block;
    transform: translate(0, -50%);

    width: 5px;
    height: 5px;
    margin-right: 12px;
    border-radius: 100%;
    background-color: #d9d9d9;}
	
	.s0103_sec1 .table_wrap .txt_wrap span {display: block; width:100%;color:#666}
	.s0103_sec1 .table_wrap .txt_wrap span:first-child {margin: 10px 0 5px}
	
	
	
  .s0103_sec2 table {width:80%; min-width: 500px; margin: 0 auto}
  .s0103_sec2 th,
  .s0103_sec2 td {
    border: 1px solid #d9d9d9;
    padding: 8px;
    text-align: center;
  }
  .s0103_sec2 th {
    background-color: #8ad864;
  }
	
	.s0103_sec2 th:first-child, .s0103_sec2 td:first-child {border-left: none}
	.s0103_sec2 th:last-child, .s0103_sec2 td:last-child {border-right: none}

	.s0103_sec2 tr:nth-child(2) th {background-color: #d0efc1}
	
	.s0103_sec2 tbody tr .grey {background-color: #f9f9f9}

  /* .s0201 */
  h4 {
    font-size: 20px;
    font-weight: 700;
    align-items: center;
	  line-height: 1.5
  }

  .s_menu.nomargin {
    margin-bottom: 0px;
  }

  .s02_sec1 {
    height: 820px;
    padding-top: 100px;
    border-radius: 0 0 100px 100px;
    overflow: hidden;
    background: url("../images/sub/s0201/s0201_prod_vis.jpg") center center
      no-repeat;
    text-align: center;
  }

  .s02_sec1 .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    /*	justify-content: space-between;*/
    gap: 30px;
  }

  .s02_sec1 .name {
    /*	  width:33%;*/
  }
  .s02_sec1 .name h2 {
    margin-bottom: 5px;
    font-size: 2.3rem;
    font-weight: 700;
  }

  .s02_sec1 .name p {
    color: #999;
  }

  .s02_sec1 .con {
    width: 70%;
  }

  .s02_sec1 .img {
    order: 3;
    width: 25vw;
  }

  .prod_spec .container_inner {
    display: flex;
    flex-wrap: wrap;
    /*    justify-content: space-between;*/
  }

  .prod_spec .right {
    width: 1200px;
  }

  .prod_spec span {
    display: block;
  }

  .prod_spec span::before {
    content: "";
    display: inline-block;
    transform: translate(0, -50%);

    width: 5px;
    height: 5px;
    margin-right: 12px;
    border-radius: 100%;
    background-color: #d9d9d9;
  }

  .s02_sec2 .right {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .s02_sec2 .right li {
    width: calc(50% - 0.5vw);
    margin-bottom: 1vw;
    padding: 50px 40px;
    border: #d9d9d9 1px solid;
    border-radius: 15px;
  }

  .s02_sec2 .right li .ico {
    width: 65px;
    height: 65px;
    margin-bottom: 30px;
  }
  .s0201_sec2 .right li:nth-child(1) .ico {
    background: url("../images/sub/s0201/s0201_ico01.png") center center
      no-repeat;
  }
  .s0201_sec2 .right li:nth-child(2) .ico {
    background: url("../images/sub/s0201/s0201_ico02.png") center center
      no-repeat;
  }
  .s0201_sec2 .right li:nth-child(3) .ico {
    background: url("../images/sub/s0201/s0201_ico03.png") center center
      no-repeat;
  }
  .s0201_sec2 .right li:nth-child(4) .ico {
    background: url("../images/sub/s0201/s0201_ico04.png") center center
      no-repeat;
  }

  .s02_sec2 .right li .con h4 {
    margin-bottom: 30px;
  }

  .s02_sec2 .right li .con span::before {
  }

  .s02_sec2 .right li:last-child .con span:first-child {
    margin-top: 5px;
  }
  .s02_sec2 .right li:last-child .con span {
    font-size: 12px;
  }
  .s02_sec2 .right li:last-child .con span::before {
    content: "";
    display: inline-block;
    transform: translate(0, -50%);

    width: 4px;
    height: 4px;
    margin-right: 10px;
    background-color: #d9d9d9;
    border-radius: 100%;
  }

  .s02_sec3 ul {
    width: 1200px;
    border-top: #191919 3px solid;
    border-bottom: #191919 3px solid;
  }
  .s02_sec3 ul li {
    width: 100%;
    border-bottom: #d9d9d9 1px solid;
  }

  .s02_sec3 ul li .tit {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;

    height: 100px;
    padding: 0 40px;
    cursor: pointer;
    transition: 0.3s ease-out;
  }
	
  .s02_sec3 ul li .tit::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0px;
    z-index: -1;
    background-color: #5db433;
    transition: 0.3s ease-out;
  }

  .s02_sec3 ul li:hover .tit {
    color: #fff;
  }
  .s02_sec3 ul li:hover .tit::after {
    height: 100%;
  }

  .s02_sec3 ul li .tit .arr {
    width: 20px;
    height: 20px;
    background: url(/dblack/images/ico_arrow-next.png) no-repeat 55% center;
    transform: rotate(90deg);
    transition: 0.3s ease-out;
  }
  .s02_sec3 ul li:hover .tit .arr {
    background: url(/dblack/images/ico_arrow-next-w.png) no-repeat 55% center;
  }

  .s02_sec3 ul li .con {
    width: 100%;
/*    height: 0px;*/

    padding: 0 40px;
    line-height: 2;
    overflow: hidden;
/*    transition: 0.3s ease-out;*/
  }

  .s02_sec3 ul li.on .tit {
    color: white;

    background-color: #5db433;
  }
  .s02_sec3 ul li.on .tit .arr {
    transform: rotate(270deg);
    background: url(/dblack/images/ico_arrow-next-w.png) no-repeat 55% center;
  }
  .s02_sec3 ul li.on .con {
/*    height: auto;*/
  }

  .s02_sec3 ul li .con span:first-child {
    margin-top: 15px;
  }

  .s02_sec3 ul li .con span:last-child {
    margin-bottom: 15px;
  }
  .s02_sec3 ul li div.con {
    width: 100%;
    line-height: 1.5;
    padding: 0 0;
/*    height: 0;*/
    /* background-color: #999; */
    /* border: none; */
  }
	.s02_sec3 ul li table {width:100%}
  .s02_sec3 ul li table tr {
    border-bottom: #d9d9d9 1px solid;
  }
  .s02_sec3 ul li table tr td {
    height: 65px;
  }
  .s02_sec3 ul li table tr td:first-child {
    width: 100px;
    font-weight: 700;
    text-align: center;
    background-color: #f9f9f9;
  }
  .s02_sec3 ul li table tr td:last-child {
    width: calc(100% - 216px);
    text-align: left;
    padding-left: 20px;
  }

  .s02_sec3 ul li table tr td.br br {
    display: block;
  }

  .s02_sec4 .last {
    width: 100%;
    height: 50vh;
    margin-top: 40px;
    border-radius: 15px;
    background: url("../images/sub/s0201/s0201_last.jpg") no-repeat 35% center;
    background-size: cover;
  }

  .s02_sec5 .container_inner {
    width: 100%;
    padding: 50px;
    text-align: center;
    border-radius: 15px;

    background: url("../images/sub/s0201/s0201_down_bg.jpg") no-repeat center
      center;
  }

	
	.s02_sec5 .right {
	  padding: 1px;
    	border-radius: 15px;
background: linear-gradient(7deg,rgba(51, 51, 51, 1) 0%, rgba(153, 153, 153, 1) 46%, rgba(0, 0, 0, 1) 100%);
    
    
  }
	
	.s02_sec5 .right a{
		width:100%; height:100%; 
		display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    padding: 20px 30px;border-radius: 15px;
		background-color: #2c2c2c
	}

  .s02_sec5 .right div:last-child {
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .s02_sec5 .right p {
    color: #999;
  }
  .s02_sec5 .right span {
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url("../images/sub/s0201/s0201_down_ico.png") no-repeat center
      center;
  }

  .s0202_sec2 .right li:nth-child(1) .ico {
    background: url("../images/sub/s0202/s0202_ico01.png") center center
      no-repeat;
  }
  .s0202_sec2 .right li:nth-child(2) .ico {
    background: url("../images/sub/s0202/s0202_ico02.png") center center
      no-repeat;
  }
  .s0202_sec2 .right li:nth-child(3) .ico {
    background: url("../images/sub/s0202/s0202_ico03.png") center center
      no-repeat;
  }
  .s0202_sec2 .right li:nth-child(4) .ico {
    background: url("../images/sub/s0202/s0202_ico04.png") center center
      no-repeat;
  }

  .s0202_sec4 .right .box_wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
  }
  .s0202_sec4 .right .box_wrap > div {
    width: 32%;
    height: 470px;
    border: 1px solid #d9d9d9;
    border-radius: 15px;
  }

  .s0202_sec4 .right .box_wrap .img {
    height: 302px;
    border-radius: 15px 15px 0 0;
  }
  .s0202_sec4 .right .box_wrap .con {
    padding: 25px 30px;
  }
  .s0202_sec4 .right .box_wrap .con .num {
    margin-bottom: 5px;
    font-size: 18px;
    color: #999;
  }
  .s0202_sec4 .right .box_wrap .con .tit {
    font-size: 26px;
    font-weight: 700;
  }

  .s0202_sec4 .right .box_wrap .box01 {
    background: url("../images/sub/s0202/appli_ico01_1.png") 90% 384px no-repeat;
  }
  .s0202_sec4 .right .box_wrap .box02 {
    background: url("../images/sub/s0202/appli_ico02_1.png") 90% 384px no-repeat;
  }
  .s0202_sec4 .right .box_wrap .box03 {
    background: url("../images/sub/s0202/appli_ico03_1.png") 90% 384px no-repeat;
  }

  .s0202_sec4 .right .box_wrap .box01 .img {
    background: url("../images/sub/s0202/appli_01_1.jpg") center center no-repeat;
    background-size: cover;
  }
  .s0202_sec4 .right .box_wrap .box02 .img {
    background: url("../images/sub/s0202/appli_02_1.jpg") center center no-repeat;
    background-size: cover;
  }
  .s0202_sec4 .right .box_wrap .box03 .img {
    background: url("../images/sub/s0202/appli_03_1.jpg") center center no-repeat;
    background-size: cover;
  }

  .s0202_sec4 .right .box_wrap .box01 .img {
    background: url("../images/sub/s0202/appli_01_1.jpg") center center no-repeat;
    background-size: cover;
  }
  .s0202_sec4 .right .box_wrap .box02 .img {
    background: url("../images/sub/s0202/appli_02_1.jpg") 100% 37% no-repeat;
    background-size: 190%;
  }
  .s0202_sec4 .right .box_wrap .box03 .img {
    background: url("../images/sub/s0202/appli_03_1.jpg") 67% 0% no-repeat;
    background-size: 200%;
  }
	
	
	.s0203_sec2 .right li:nth-child(1) .ico {
    background: url("../images/sub/s0203/s0203_ico01.png") center center
      no-repeat;
  }
  .s0203_sec2 .right li:nth-child(2) .ico {
    background: url("../images/sub/s0203/s0203_ico02.png") center center
      no-repeat;
  }
  .s0203_sec2 .right li:nth-child(3) .ico {
    background: url("../images/sub/s0203/s0203_ico03.png") center center
      no-repeat;
  }
  .s0203_sec2 .right li:nth-child(4) .ico {
    background: url("../images/sub/s0203/s0203_ico04.png") center center
      no-repeat;
  }
	
	
	.s0203_sec4 .spec_wrap {
   width:100%; 
	  text-align : center;
  }
	
	
	

	.s0203_sec4 .spec_wrap_m > div {
	width: 100%;
    margin-top: 40px; 
	
	border-radius: 15px;
    border: 1px solid #d9d9d9;
	}
	
	.s0203_sec4 .spec_wrap .spec1 {background: url("../images/sub/s0203/spec1_bg.png") bottom center no-repeat}
	.s0203_sec4 .spec_wrap .spec2 {background: url("../images/sub/s0203/spec2_bg_m.png") center center no-repeat}
		
	.s0203_sec4 .spec_wrap_pc {display:none}
	
	.s0203_sec4 .spec1{
		        padding: 60px 25px 20px;
	}
	.s0203_sec4 .spec2{
   padding: 60px 25px;
	}
	
	.s05 span{text-indent: 20px}
	.s05 span:before {content: ''; display: block; width:3px; height:3px; background-color: #333; border-radius: 50px; position: absolute;top:9px; left:7px; }
}

@media all and (max-width: 1100px) {
  .s0202_sec1 .img {
    width: 30vw;
  }
	  .s0203_sec1 .img {
    width: 10vw;
  }
}

@media all and (max-width: 1080px) {
  .s0202_sec4 .right .box_wrap .box01 .img {
    background: url("../images/sub/s0202/appli_01_1.jpg") center center no-repeat;
    background-size: cover;
  }
  .s0202_sec4 .right .box_wrap .box02 .img {
    background: url("../images/sub/s0202/appli_02_1.jpg") 100% 35% no-repeat;
    background-size: 220%;
  }
  .s0202_sec4 .right .box_wrap .box03 .img {
    background: url("../images/sub/s0202/appli_03_1.jpg") 68% 0% no-repeat;
    background-size: 200%;
  }
}

@media all and (max-width: 910px) {
  .s0201_sec1 .img {
    width:38vw;
  }
	.s0202_sec1 .img {
    width:40vw;
  }
	  .s0203_sec1 .img {
    width:13vw;
  }
}
@media all and (max-width: 880px) {
  .s0202_sec4 .right .box_wrap {
    flex-direction: column;
  }
  .s0202_sec4 .right .box_wrap > div {
    width: 100%;
    margin-bottom: 15px;
  }

  .s0202_sec4 .right .box_wrap .box01 .img {
    background: url("../images/sub/s0202/appli_01_1.jpg") center center no-repeat;
    background-size: cover;
  }
  .s0202_sec4 .right .box_wrap .box02 .img {
    background: url("../images/sub/s0202/appli_02_1.jpg") 100% 50% no-repeat;
    background-size: 150%;
  }
  .s0202_sec4 .right .box_wrap .box03 .img {
    background: url("../images/sub/s0202/appli_03_1.jpg") 63% 37% no-repeat;
    background-size: 150%;
  }
}
@media all and (max-width: 850px) {
}

@media all and (max-width: 660px) {
  .s0201_sec1 .img {
    width: 48vw;
  }
	 .s0203_sec1 .img {
    width: 16vw;
  }

  .s02_sec1 .con {
    width: 100%;
  }
  @media all and (max-width: 530px) {
    .s02_sec1 {
      border-radius: 0 0 70px 70px;
    }

    .s0201_sec1 .img {
      width: 52vw;
    }
/*	  .s0103_sec1 .table_wrap {min-width: 400px; overflow-x: scroll; }*/
	  .s0103_sec1 .table_wrap .right th, .s0103_sec1 .table_wrap .right td {
		  padding: 15px 0;
		  
	  }
	  .s0103_sec1 .table_wrap .table_cnt{gap:10px}
	  .s0103_sec1 .table_wrap {gap:10px}
	  .s0103_sec1 .table_wrap .left .tit{font-size: 14px;}
	  .s0103_sec2 .table_wrap { overflow-x: scroll; }
	  .s0103_sec1 .table_wrap .table01 .left {height:46px;}
	  .s0103_sec1 .table_wrap .table01 .left .tit {line-height: 46px;}
	  .s0103_sec1 .table_wrap .table02 .left .tit {line-height: 140px }
  }
  @media all and (max-width: 500px) {
    .s02_sec1 .img {
      width: 62vw;
    }
	.s0203_sec1 .img {
      width: 19vw;
    }
  }
  @media all and (max-width: 410px) {
    .s02_sec1 .img {
      width: 70vw;
    }
	  
	  .s0203_sec1 .img {
      width: 22vw;
    }
  }

  @media all and (max-width: 860px) {
    .s02_sec2 .right li {
      width: 100%;
      margin-bottom: 15px;
      padding: 45px 50px;
    }
    .s02_sec5 .right p {
      display: none;
    }
    .s02_sec3 ul li .tit {
      height: 80px;
      padding: 0 20px;
    }
	  
	  .s02_sec3 ul li .con{

    padding: 0 20px;
   
	  }
  }

  @media all and (max-width: 760px) {
    .s02_sec4 br {
      display: none;
    }
    .s02_sec5 .container_inner {
      padding: 30px;
    }
    h4 em {
      display: none;
    }
  }

  @media all and (max-width: 580px) {
    .s02_sec2 .right li {
      padding: 45px 40px;
    }
	  
	  .s02_sec4 .last {height:27vh}
  }

  @media all and (max-width: 477px) {
    .s02_sec2 .right li {
      padding: 30px 30px;
    }
  }
}






