@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo&display=swap');

.display-b {
  display: block;
}

.display-i {
  display: inline;
}

.display-i-b {
  display: inline-block;
}

.display-f {
  display: flex;
}

.display-g {
  display: grid;
}

.justify-c {
  justify-content: center;
}

.justify-sb {
  justify-content: space-between;
}

.justify-fs {
  justify-content: flex-start;
}

.justify-fe {
  justify-content: flex-end;
}

.align-items-c {
  align-items: center;
}

.align-items-fs {
  align-items: flex-start;
}

.align-items-fe {
  align-items: flex-end;
}

.align-content-c {
  align-content: center;
}

.align-content-fs {
  align-content: flex-start;
}

.align-content-fe {
  align-content: flex-end;
}

.align-content-sb {
  align-content: space-between;
}

.flex-wrap {
  flex-wrap: wrap;
}

.text-align-c {
  text-align: center;
}

.text-align-l {
  text-align: left;
}

.text-align-r {
  text-align: right;
}

.text-align-j {
  text-align: justify;
}

.margin-c {
  margin: 0 auto;
}

.margin-l {
  margin-left: auto;
}

.margin-r {
  margin-right: auto;
}

.width94 {
  width: 90.7407%;
}

.padding16-0 {
  padding: 16rem 0;
}

html,
body {
  overflow-x: hidden;
}

/*----------  header start  ----------*/
.index_header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  background: transparent;
}
.index_header > .container {
  padding: 4.2rem 0 4.5rem;
}
.index_header > .container .logo_wrap {
  width: 50%;
}
.index_header > .container .logo_wrap img {
  min-width: 150px;
  width: 67%;
}
.index_header > .container .gnb {
  display: none;
}
.index_header > .container > p {
  font-weight: 500;
  font-size: 3rem;
  line-height: 1.4;
  color: #fff;
  word-break: keep-all;
}
.index_header > .container > p span {
  color: #fff84a;
}
.index_header > .container > a {
  display: none;
}
.index_header > .container > .phone_area {
	padding-left:4.5rem;
	position:relative;
	gap:2px;
	width:155px;
    /*
	width:370px;
	gap:5px 8px;
	*/
}
.index_header > .container > .phone_area::after {
	position:absolute;
	width:3.2rem;
	height:3.2rem;
	content:"";
	top:50%;
	transform:translateY(-50%);
	left:0;
	border-radius : 100%;
	background-repeat:no-repeat;
	background-position : left center;
	background-size : 3.2rem 3.2rem;
	background-image:url(../img/call_ico.png);
}
.index_header > .container > .phone_area .txt1 {
	font-size: 17px;
	font-weight: 700;
	color:#fff;
}
.index_header > .container > .phone_area .txt2 {
	color: #fff;
	font-size: 13px;
	letter-spacing:-1px; 
	font-weight: 400;
	display:none;
}
.index_header > .container > .phone_area .txt2 br {
	display:none;
}
.index_header > .container > .phone_area .txt3 {
	width:100%;
	color: #C1A9FF;
	/*font-size: 18px;*/
	font-size:21px;
	font-weight: 700;
	gap:16px;
}
.index_header > .container > .phone_area .txt3 a:first-child {
	position:relative;
}
.index_header > .container > .phone_area .txt3 a:first-child::after {
	position: absolute;
    width: 2px;
    height: 70%;
    content: none;
    margin: 0 7px;
    display: inline-block;
    background: #ddd;
    top: 50%;
    transform: translateY(-50%);
}


.index_header.active {
  background: #fff;
  transition: 0.5s;
}
.index_header.active .container .gnb ul li a {
  color: #222;
}
.index_header.active .container p {
  color: #222;
}
.index_header.active .container p span {
  color: #4f429d;
}
.index_header.active > .container > .phone_area .txt1,
.index_header.active > .container > .phone_area .txt2 {
	color:#222;
}


/*----------  header end  ----------*/
/*----------  main start  ----------*/
.solution_main > .container .sec1 .tit_box .tit,
.solution_main > .container .sec2 .tit_box .tit,
.solution_main > .container .sec3 .tit_box .tit {
  font-weight: 700;
  font-size: 5rem;
  line-height: 1.48;
  color: #4f429d;
  margin-bottom: 3rem;
}
.solution_main > .container .sec1 .tit_box .tit span,
.solution_main > .container .sec2 .tit_box .tit span,
.solution_main > .container .sec3 .tit_box .tit span {
  color: #eee;
  font-weight: 700;
  font-size: 10rem;
  line-height: 1.8;
  margin-right: 2rem;
}
.solution_main > .container .sec1 .tit_box .tit em,
.solution_main > .container .sec2 .tit_box .tit em,
.solution_main > .container .sec3 .tit_box .tit em {
  font-weight: 400;
  font-size: 3.9rem;
  line-height: 1.47;
  margin-left: 1rem;
  font-style: normal;
}
.tit_box {
	position:relative; box-sizing:border-box;
}
.tit_box .go_mt_wrap {
	display:flex; align-items: center; flex-direction: row-reverse; margin-bottom:3rem;  margin-top:-5rem;
}
.tit_box .go_mt_wrap .go_mt { 
	display:flex; 
	align-items: center;
	font-size: 3.5rem;
	color:#f6e6b1;
	padding:2rem 3rem; 
	width:auto;
	border-radius:1rem; 
	background:#342b68;
	overflow:hidden; 
}
.tit_box .go_mt_wrap .go_mt span { display:block; margin-left:10px; }
.tit_box .go_mt_wrap .go_mt svg { fill:#f6e6b1; width:15px; height:15px; }

.tit_box .tit_sub { font-weight: 400; font-size: 3.3rem; line-height: 4.4rem; background:#fff; padding:2rem; border-radius:0rem; margin-bottom:10px;  }

/* sec banner*/
.sec_banner {
  background-repeat: no-repeat;
  background-position: 50% top;
  background-size: 100% auto;
  background-image: url(../img/main_bg.jpg);
  background-attachment: fixed;
}
.sec_banner .container {
  padding: 28.7rem 0 39.5rem;
}
.sec_banner .container .tit_box .tit {
  color: #fff;
  font-weight: 700;
  font-size: 6.8rem;
  line-height: 1.32;
  margin-bottom: 2rem;
}
.sec_banner .container .tit_box .txt {
  color: #fff;
  font-weight: 400;
  font-size: 3.9rem;
  line-height: 1.38;
}

/* sec link */
.sec_link {
  margin-top: -16.2rem;
}
.sec_link .container .solution_list {
  background: #fff;
  overflow: hidden;
  border-radius: 10rem 10rem 0 0;
  margin-bottom: 7.6rem;
}
.sec_link .container .solution_list li {
  width: 50%;
}
.sec_link .container .solution_list li a {
  font-weight: 400;
  font-size: 4.2rem;
  line-height: 1.19;
  padding: 5.5rem 0 5.7rem;
  background: #eee;
  border-bottom: 3px solid #eee;
}
.sec_link .container .solution_list li a.active {
  color: #4f429d;
  font-weight: 500;
  background: #fff;
  border-bottom: 3px solid #4f429d;
}
.sec_link .container .example_list {
  padding-left: 5%;
  gap: 2.3rem;
  cursor: grab;
  margin-bottom: 10rem;
  overflow: auto;
}
.sec_link .container .example_list::-webkit-scrollbar {
  display: none;
}
.sec_link .container .example_list li a {
  font-size: 4.2rem;
  line-height: 1.38;
  padding: 2.6rem 5rem;
  white-space: nowrap;
  border-radius: 1rem;
  font-weight: 400;
  background: #eee;
}
.sec_link .container .example_list li a.active {
  font-weight: 700;
  color: #fff;
  background: #4f429d;
}

/* sec1 */
.sec1 {
  background: #fff;
}
.sec1 .container {
  padding-bottom: 16rem;
}
.sec1 .container .cont_box .point_list li {
  border-radius: 1rem;
  overflow: hidden;
}
.sec1 .container .cont_box .point_list li:not(:last-child) {
  margin-bottom: 3rem;
}
.sec1 .container .cont_box .point_list li:last-child {
  margin-bottom: 6rem;
}
.sec1 .container .cont_box .point_list li .num {
  font-weight: 400;
  font-size: 3.9rem;
  line-height: 1.2;
  width: 13%;
  padding: 4.7rem 0 4.6rem;
  background: #4f429d;
  color: #fff;
}
.sec1 .container .cont_box .point_list li .txt {
  background: #f8f8f8;
  width: 87%;
  padding: 4.7rem 0 4.6rem;
  padding-left: 4rem;
  font-size: 3.9rem;
  line-height: 1.2;
}
.sec1 .container .cont_box .notify {
  background: #341f6e;
  color: #fff;
  padding: 5rem 0;
  font-size: 4.2rem;
  line-height: 1.47;
  border-radius: 1rem;
  font-weight: 400;
}
.sec1 .container .cont_box .notify span {
  color: #f6e6b1;
  font-weight: 500;
}
.sec1 .container .cont_box .notify strong {
  color: #d91d1d;
  font-weight: 600;
}

.sec1 .container .cont_box .add_list {
  padding-bottom: 0rem;
  position: relative;
  margin-bottom: 0rem;
}
.sec1 .container .cont_box .add_list li {
  background: #f8f8f8;
  border-radius: 1rem;
  font-weight: 400;
  font-size: 3.9rem;
  line-height: 1.2;
  background-repeat: no-repeat;
  background-position: 6rem 50%;
  background-size: 3rem 2.2rem;
  background-image: url(../img/ico_check_2.svg);
  padding: 4.7rem 6rem 4.6rem 13rem;
}
.sec1 .container .cont_box .add_list li.point {
	background-color:#341f6e; color:#f6e6b1;
}
.sec1 .container .cont_box .add_list li span {
	color:#d91d1d; 
}
.sec1 .container .cont_box .add_list li:not(:last-child) {
  margin-bottom: 3rem;
}

/* sec2*/
.sec2 .container {
  padding-bottom: 16rem;
}
.sec2 .container .cont_box .guilt_list li {
  overflow: hidden;
}
.sec2 .container .cont_box .guilt_list li:not(:last-child) {
  border-bottom: 4px solid #fff;
}
.sec2 .container .cont_box .guilt_list li:first-child {
  border-radius: 1rem 1rem 0 0;
}
.sec2 .container .cont_box .guilt_list li:last-child {
  border-radius: 0 0 1rem 1rem;
}
.sec2 .container .cont_box .guilt_list li .tit {
  background: #4f429d;
  color: #fff;
  font-weight: 700;
}
.sec2 .container .cont_box .guilt_list li h5 {
  width: 34.8%;
  border-right: 4px solid #fff;
  font-size: 3.7rem;
  line-height: 4.7rem;
  padding: 4.7rem 0 4.6rem;
  letter-spacing:-1px; 
}
.sec2 .container .cont_box .guilt_list li p {
  width: 65.2%;
  font-size: 3.7rem;
  line-height: 1.27;
  padding: 4.7rem 0 4.6rem;
  letter-spacing:-1px; 
}
.sec2 .container .cont_box .guilt_list li .category {
  background: #f3f0f8;
  font-weight: 500;
  white-space: nowrap;
}
.sec2 .container .cont_box .guilt_list li .txt {
  background: #f8f8f8;
  padding-left: 4rem;
  font-weight: 400;
}

/* sec3 */
.sec3 .container .cont_box .add_list {
  padding-bottom: 16rem;
  position: relative;
  margin-bottom: 38.6rem;
}
.sec3 .container .cont_box .add_list::after {
  position: absolute;
  content: "";
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 8.7rem;
  height: 22.6rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(../img/solution_arrow.svg);
}
.sec3 .container .cont_box .add_list li {
  background: #f8f8f8;
  border-radius: 1rem;
  font-weight: 400;
  font-size: 3.9rem;
  line-height: 4.2;
  background-repeat: no-repeat;
  background-position: 6rem 50%;
  background-size: 3rem 2.2rem;
  background-image: url(../img/ico_check_2.svg);
  padding: 4.7rem 6rem 4.6rem 13rem;
}
.sec3 .container .cont_box .add_list li:not(:last-child) {
  margin-bottom: 3rem;
}

/* sec solution */
.sec_solution {
  background: #f3f3f3;
}
.sec_solution .container {
  padding: 16rem 0;
}
.sec_solution .container > .tit {
  font-size: 5rem;
  line-height: 1.5;
  color: #4f429d;
  font-weight: 700;
  position: relative;
  margin-bottom: 8.2rem;
}
.sec_solution .container > .tit::after {
  position: absolute;
  content: "";
  width: 100%;
  bottom: -2rem;
  left: 0;
  height: 2px;
  background: #4f429d;
}
.sec_solution .container .cont_box .solution_list {
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem;
  margin-bottom: 16rem;
}
.sec_solution .container .cont_box .solution_list li a {
  background: #fff;
  font-weight: 700;
  color: #555;
  font-size: 3.5rem;
  line-height: 1.42;
  padding: 3.7rem 0;
  width:100%; height:100%; 
  vertical-align:middle; 
}
.sec_solution .container .cont_box .solution_list li a.active {
  color: #fff;
  background: #4f429d;
}
.sec_solution .container .cont_box .solution_cont:not(.solution_cont1) {
  display: none;
}
.sec_solution .container .cont_box .solution_cont .tit {
  color: #4f429d;
  font-weight: 700;
  font-size: 5rem;
  line-height: 1.5;
  padding-left: 3.6rem;
  position: relative;
  margin-bottom: 3rem;
}
.sec_solution .container .cont_box .solution_cont .tit::after {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.6rem;
  height: 84%;
  background: #4f429d;
}
.sec_solution .container .cont_box .solution_cont .tit_sub {
  font-weight: 700;
  font-size: 3.5rem;
  line-height: 1.14;
  color: #333;
  margin-bottom: 6rem;
  background:#ddd; padding:3rem 3rem; 
}
.sec_solution .container .cont_box .solution_cont .point {
  font-weight: 700;
  font-size: 4.2rem;
  line-height: 1.5;
  color: #4f429d;
  margin-bottom: 6rem;
}
.sec_solution .container .cont_box .solution_cont .txt {
  font-size: 3.5rem;
  line-height: 1.65;
  font-weight: 400;
  margin-bottom: 4rem;
}
.sec_solution .container .cont_box .solution_cont .txt strong {
  font-weight: 700;
  margin-bottom: 1rem;
}

.sec_solution .s_letter {
	position: relative;
	border-radius: 3px;
	font-family: 'Nanum Myeongjo', serif;
	font-weight:500;
		letter-spacing:1px; 
	  font-size: 3.5rem;
	  line-height: 1.7; 
	  background-image: url(../img/bg_paper.jpg); 
	  background-repeat: repeat;
	  padding:4.8rem; 
	  margin-bottom:8rem;
	  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
	  /* box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px; */
  }
	.sec_solution .s_letter::before,
	.sec_solution .s_letter::after {
	  content: '';
	  position: absolute;
	  bottom: 0px;
	  width: 40%;
	  height: 40px;
	  box-shadow: 0 5px 14px rgba(0,0,0,.9);
	  z-index: -1;
	  transition: all .3s ease-in-out;
	}
	.sec_solution .s_letter::before {
	  left: 15px;
	  transform: skew(-5deg) rotate(-5deg);
	}
	.sec_solution .s_letter::after {
	  right: 15px;
	  transform: skew(5deg) rotate(5deg);
	}
	.sec_solution .s_letter:hover::before,
	.sec_solution .s_letter:hover::after {
	  box-shadow: 0 2px 14px rgba(0,0,0,.8);
	}
	.sec_solution .s_letter:hover::before {
	  left: 5px;
	}
	.sec_solution .s_letter:hover::after {
	  right: 5px;
	}
	.sec_solution .s_letter .underline {
		text-decoration:underline; 
		font-weight:600;
	}
	
	.sec_solution .impo {
		font-size: 3.5rem;
		line-height: 1.7; 
		background:#341f6e; padding:3rem; margin-bottom:6rem; color:#f6e6b1; font-weight:600; 
	}
	.sec_solution .impo span {
		color:#d91d1d;
	}

.solution_cont2 .img_title { display:block; text-align:center; margin-bottom:10px; font-size:3.3rem;  }
.solution_cont2 .img_wrap { text-align:center; }
.solution_cont2 .cont_img { max-width:445px; margin:auto;  }

.solution_cont4 .img_title { display:block; text-align:center; margin-bottom:10px; font-size:3.3rem;  }
.solution_cont4 .img_wrap { text-align:center; }
.solution_cont4 .cont_img { max-width:445px; margin:auto;  }

.dc_step {
	margin-top:30px; 
}
.dc_step li {
	display:flex; 
	margin-bottom:8px; 
	background:#fff; 
	font-size:3.5rem; line-height:1.42; color:#d91d1d; font-weight:600; 
	padding:2rem; border-radius:2rem; 
}
.dc_step li span {
	display:block; height:100%; 
	margin-right:10px; 
	color: #888; font-weight: 600;
}

/* bottom nav*/
.bottom_nav ul li {
  padding: 4rem 0;
  width: 33.3333333333%;
}
.bottom_nav ul li:not(:last-child) {
  background: #4f429d;
}
.bottom_nav ul li:first-child {
  border-right: 1px solid #71699c;
}
.bottom_nav ul li:last-child {
  background: #000;
}
.bottom_nav ul li:nth-child(1) .ico_box {
  background-image: url(../img/nav_ico_1.png);
}
.bottom_nav ul li:nth-child(2) .ico_box {
  background-image: url(../img/nav_ico_2.png);
}
.bottom_nav ul li:nth-child(3) .ico_box {
  background-image: url(../img/nav_ico_3.png);
}
.bottom_nav ul li .ico_box {
  width: 4.5rem;
  height: 4.5rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
  margin-bottom: 1.9rem;
}
.bottom_nav ul li p {
  width: 100%;
  color: #fff;
  font-size: 3.7rem;
  font-weight: 500;
  line-height: 1.2;
}
.bottom_nav ul li p span {
  font-weight: 400;
  font-size: 3.3rem;
  line-height: 1.36;
}
.bottom_nav.active {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 200;
  box-shadow: rgba(0, 0, 0, 0.24) 0px -3px 8px;
}

/*----------  main end  ----------*/
/*----------  foot start  ----------*/
.index_footer {
  background: #333;
  color: #fff;
}
.index_footer .container {
  padding: 10rem 0;
}
.index_footer .container .top {
  padding-bottom: 6rem;
  border-bottom: 3px solid #444;
}
.index_footer .container .top .call_list {
  margin-bottom: 12rem;
}
.index_footer .container .top .call_list li:first-child p {
  background-image: url(../img/foot_ico_1.png);
}
.index_footer .container .top .call_list li:last-child p {
  background-image: url(../img/foot_ico_2.png);
}
.index_footer .container .top .call_list li p {
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 3rem;
  width: 40%;
  padding-left: 6.8rem;
  font-size: 3.7rem;
  line-height: 1.18;
  font-weight: 400;
  white-space: nowrap;
}
.index_footer .container .top .call_list li strong {
  color: #fff84a;
  font-size: 6.4rem;
  line-height: 1.4375;
  font-weight: 700;
  white-space: nowrap;
}
.index_footer .container .top .link_list {
  gap: 5rem;
}
.index_footer .container .top .link_list li:not(:last-child) {
  position: relative;
}
.index_footer .container .top .link_list li:not(:last-child)::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -2.5rem;
  width: 2px;
  height: 70%;
  background: #444;
  content: "";
}
.index_footer .container .top .link_list li a {
  font-size: 3.7rem;
  font-weight: 400;
  line-height: 1.1892;
  color: #999;
}
.index_footer .container .bottom {
  padding-top: 6rem;
}
.index_footer .container .bottom .logo {
  margin-bottom: 6rem;
}
.index_footer .container .bottom .logo img {
  width: 33.5%;
  min-width: 110px;
}
.index_footer .container .bottom .info_list {
  column-gap: 5rem;
  margin-bottom: 5.8rem;
}
.index_footer .container .bottom .info_list li {
  color: #999;
  font-size: 3.7rem;
  line-height: 1.5676;
  font-weight: 400;
}
.index_footer .container .bottom .info_list li:nth-child(even) {
  position: relative;
}
.index_footer .container .bottom .info_list li:nth-child(even)::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -2.5rem;
  content: "";
  width: 2px;
  height: 50%;
  background: #444;
}
.index_footer .container .bottom .info_list .bold {
  color: #ddd;
}
.index_footer .container .bottom .copyright {
  color: #999;
  font-weight: 400;
  font-size: 3.7rem;
  line-height: 1.5676;
}

/*----------  foot end  ----------*/
/*----------  lnb start  ----------*/
.lnb {
  display: none;
}

/*----------  lnb end  ----------*/
@media screen and (min-width: 1580px) {
  html,
  body {
    font-size: 62.5%;
  }
}
@media screen and (min-width: 1440px) {
  .index_header .container .gnb {
    display: block;
  }
  .index_header .container .gnb ul {
    gap: 6rem;
  }
  .index_header .container .gnb ul li a {
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.1933;
    font-weight: 500;
    white-space: nowrap;
  }
}
@media screen and (min-width: 1200px) {
  .outer {
    width: 100%;
  }
}
@media screen and (min-width: 1081px) {
  html,
  body {
    font-size: 62.5%;
  }
  .index_header .container {
    /*width: 100%;*/
    padding: 1.28rem 0;
  }
  .index_header .container .logo_wrap {
    width: 10%;
  }
  .index_header .container .logo_wrap img {
    width: 100%;
  }
  .index_header .container > p {
    font-size: 1.5rem;
    line-height: 1.3333;
    text-align: left;
    white-space: nowrap;
    padding: 2rem 0;
  }
  .index_header .container > a {
    display: block;
    color: #fff;
    line-height: 2.3rem;
    padding: 1.7rem 2.5rem 1.7rem 6.1rem;
    white-space: nowrap;
    background: #4f429d;
    position: relative;
  }
  .index_header .container > a::after {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    left: 2.5rem;
    width: 1.6rem;
    height: 1.8rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../img/nav_ico_1.png);
  }
  .index_header .container > a strong {
    font-weight: 700;
    font-size: 1.8rem;
  }
  .index_header .container > a span {
    font-size: 1.6rem;
    font-weight: 400;
  }
  .outer {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    max-width: 1200px;
    width: 95%;
    padding: 7.9rem 0;
  }
  .outer .lnb {
    width: 23% !important;
    display: block;
  }
  .outer .inner {
    width: 75%;
    max-width: 900px;
  }
  .sec_banner {
    background-image: url(../img/main_bg_pc.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 100% 53.3333%;
  }
  .sec_banner .container {
    padding: 13.5rem 0 11.8rem;
  }
  .sec_banner .container .tit_box .tit {
    font-size: 4rem;
    line-height: 1.4750 ;
    margin-bottom: 1rem;
  }
  .sec_banner .container .tit_box .txt {
    font-size: 2rem;
    line-height: 1.4500 ;
  }
  .sec_link {
    margin-top: 0;
  }
  .sec_link .container .solution_list {
    justify-content: center;
    border-bottom: 1px solid #ddd;
  }
  .sec_link .container .solution_list li {
    max-width: 260px;
  }
  .sec_link .container .solution_list li a {
    padding: 2.1rem 0 2.2rem;
    font-size: 1.8rem;
    line-height: 1.3684 ;
    background: #fff;
    color: #757575;
    border-color: transparent;
  }
  .sec_link .container .example_list {
    display: none;
  }
  .solution_main > .container .sec1 .tit_box .tit,
  .solution_main > .container .sec2 .tit_box .tit,
  .solution_main > .container .sec3 .tit_box .tit {
    font-size: 2.6rem;
    line-height: 1.4615;
    margin-bottom: 2rem;
  }
  .solution_main > .container .sec1 .tit_box .tit span,
  .solution_main > .container .sec2 .tit_box .tit span,
  .solution_main > .container .sec3 .tit_box .tit span {
    font-size: 5.6rem;
    line-height: 1.4821 ;
    margin-right: 1rem;
  }
  .solution_main > .container .sec1 .tit_box .tit em,
  .solution_main > .container .sec2 .tit_box .tit em,
  .solution_main > .container .sec3 .tit_box .tit em {
    font-size: 1.6rem;
    line-height: 1.5000 ;
  }
  .lnb .container {
    padding-top: 2.4rem;
  }
  .lnb .container h4 {
    font-weight: 700;
    font-size: 2.6rem;
    line-height: 1.4615 ;
  }
  .lnb .container ul {
    padding: 2rem 0;
  }
  .lnb .container ul li:not(:last-child) {
    margin-bottom: 2rem;
  }
  .lnb .container ul li a {
    font-size: 1.6rem;
    line-height: 1.5625 ;
    font-weight: 500;
    color: #7b7b7b;
    position: relative;
  }
  .lnb .container ul li a::after {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    right: -1rem;
    width: 0.4rem;
    height: 0.8rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../img/solution_arrow_2.svg);
  }
  .lnb .container ul li a.active {
    font-size: 2rem;
    font-weight: 700;
    color: #4f429d;
  }
  .lnb .container ul li a.active::after {
    background-image: url(../img/solution_arrow_2_active.svg);
  }
  .sec1 .container {
    padding-bottom: 10rem;
    width: 100%;
  }
  .sec1 .container .cont_box .point_list li {
    border-radius: 0.4rem;
    margin-bottom: 2rem !important;
  }
  .sec1 .container .cont_box .point_list li .num {
    font-size: 2rem;
    line-height: 1.5000 ;
    width: 7.78%;
    padding: 2.2rem 0 2.1rem;
  }
  .sec1 .container .cont_box .point_list li .txt {
    width: 92.22%;
    padding: 2.2rem 0 2.1rem;
    padding-left: 3rem;
    font-size: 1.8rem;
    line-height: 1.5000 ;
  }
  .sec1 .container .cont_box .point_list li .txt br {
    display: none;
  }
  .sec1 .container .cont_box .notify {
    padding: 2.2rem 0 2.1rem;
    font-size: 1.8rem;
    line-height:1.5000 ;
  }
  .sec1 .container .cont_box .notify br {
    display: none;
  }
  .sec1 .container .cont_box .add_list {
    padding-bottom: 0rem;
    margin-bottom: 0rem;
  }
  .sec1 .container .cont_box .add_list::after {
    width: 4.4rem;
    height: 11.7rem;
  }
  .sec1 .container .cont_box .add_list li {
    padding: 2.2rem 0 2.1rem;
    padding-left: 6.4rem;
    font-size: 1.8rem;
    line-height: 1.5000 ;
    background-repeat: no-repeat;
    background-position: 3rem 50%;
    background-size: 1.4rem 1rem;
  }
  .sec2 .container {
    width: 100%;
    padding-bottom: 10rem;
  }
  .sec2 .container .cont_box .guilt_list li:not(:last-child) {
    border-width: 1px;
  }
  .sec2 .container .cont_box .guilt_list li h5 {
    width: 42.2%;
    padding: 1.9rem 0;
    font-size: 1.8rem;
    line-height: 1.5000 ;
    border-width: 1px;
  }
  .sec2 .container .cont_box .guilt_list li p {
    width: 57.8%;
    font-size: 1.8rem;
    line-height: 1.5000 ;
    padding: 1.9rem 0;
  }
  .sec2 .container .cont_box .guilt_list li .txt {
    padding-left: 3rem;
  }
  .sec3 .container {
    width: 100%;
  }
  .sec3 .container .cont_box .add_list {
    padding-bottom: 3rem;
    margin-bottom: 15rem;
  }
  .sec3 .container .cont_box .add_list::after {
    width: 4.4rem;
    height: 11.7rem;
  }
  .sec3 .container .cont_box .add_list li {
    padding: 2.2rem 0 2.1rem;
    padding-left: 6.4rem;
    font-size: 1.8rem;
    line-height: 1.5000 ;
    background-repeat: no-repeat;
    background-position: 3rem 50%;
    background-size: 1.4rem 1rem;
  }
  .sec_solution {
    border-radius: 1rem;
  }
  .sec_solution .container {
    width: 100%;
    padding: 4rem 5rem 10rem;
  }
  .sec_solution .container > .tit {
    font-size: 2.6rem;
    line-height: 1.4615 ;
    margin-bottom: 4.1rem;
  }
  .sec_solution .container > .tit::after {
    bottom: -1rem;
    height: 1px;
  }
  .sec_solution .container .cont_box .solution_list {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin-bottom: 8rem;
  }
  .sec_solution .container .cont_box .solution_list li a {
    padding: 1.7rem 0 1.6rem;
    font-size: 1.5rem;
    line-height: 1.8000 ;
  }
  .sec_solution .container .cont_box .solution_cont .tit {
    font-size: 2.4rem;
    line-height: 1.5000 ;
    padding-left: 1.9rem;
    margin-bottom: 1.6rem;
  }
  .sec_solution .container .cont_box .solution_cont .tit::after {
    width: 0.3rem;
    height: 72.2%;
  }
  .sec_solution .container .cont_box .solution_cont .tit_sub {
    margin-bottom: 2rem;
    font-size: 1.6rem;
    line-height: 1.8750 ;
	padding:1rem 2rem; 
  }
  .sec_solution .container .cont_box .solution_cont .point {
    margin-bottom: 4rem;
    font-size: 2rem;
    line-height: 1.5000 ;
  }
  .sec_solution .container .cont_box .solution_cont .txt {
    margin-bottom: 3rem;
    font-size: 1.7rem;
    line-height: 1.4706 ;
  }
  .sec_solution .s_letter {
	position: relative;
	border-radius: 3px;
	  font-size: 1.7rem;
	  line-height: 1.6; 
	  padding:4.8rem; 
	  margin-bottom:4rem;
  }
  
  .sec_solution .impo {
		padding: 2.2rem  2.1rem;
		font-size: 1.8rem;
		line-height: 1.5000 ;
		background:#341f6e; margin-bottom:3rem; color:#f6e6b1; font-weight:600; 
	}
	.sec_solution .impo span {
		color:#d91d1d;
	}
  
	.tit_box .go_mt_wrap {
		display:flex; align-items: center; flex-direction: row-reverse; margin-bottom:3rem; margin-top:0rem;
		position:absolute; float:right; right:0; top:10px; 
	}
	.tit_box .go_mt_wrap .go_mt { 
		display:flex; 
		align-items: center;
		font-size: 1.5rem;
		color:#f6e6b1;
		padding:1.5rem 3rem; 
		width:auto;
		border-radius:1rem; 
		background:#342b68;
		overflow:hidden; 
	}
	.tit_box .go_mt_wrap .go_mt span { display:block; margin-left:10px; }
	.tit_box .go_mt_wrap .go_mt svg { fill:#f6e6b1; width:18px; height:18px; }
	
	.tit_box .tit_sub { font-weight: 400; font-size: 1.5rem; line-height: 1rem; background:#fff; padding:2rem; border-radius:0rem; margin-bottom:10px;  }
	
	.solution_cont2 .img_title { display:block; text-align:center; margin-bottom:10px; font-size:1.3rem;  }
	.solution_cont2 .img_wrap { text-align:center; }
	.solution_cont2 .cont_img { max-width:445px; margin:auto;  }
	
	.solution_cont4 .img_title { display:block; text-align:center; margin-bottom:10px; font-size:1.3rem;  }
	.solution_cont4 .img_wrap { text-align:center; }
	.solution_cont4 .cont_img { max-width:445px; margin:auto;  }

	.dc_step li {
		margin-bottom:12px; 
		background:#fff; 
		font-size:1.5rem; line-height:3.3333 ; color:#d91d1d; font-weight:600; 
		padding:1rem 2rem; border-radius:1rem; 
	}
	.dc_step li span {
		display:block; height:100%; 
		margin-right:10px; 
		color: #888; font-weight: 600;
	}
	
	
  .bottom_nav {
    display: none;
  }
  .index_footer {
    display: none;
  }
}
@media screen and (max-width: 1080px) {
  html,
  body {
    font-size: 33%;
  }
  .width94 {
    max-width: 700px;
  }
    /*header*/
	.index_header > .container {
		max-width:unset !important;
	}
	.index_header > .container > .phone_area{
		padding-left:13.1481vw;
		width:36vw;
	}
    .index_header > .container > .phone_area::after {
		content:none;
    }
	.index_header.active > .container > .phone_area .txt1 {
		color:#222;
	}
	.index_header > .container > .phone_area .txt1 {
		font-size:2.3148vw;
		color: #FFF;
		display:none;
	}
	.index_header > .container > .phone_area .txt2 {
		display:block;
		color: #FFF;
		font-size:2.7778vw;
		line-height:2.9630vw;
		background: #4F429D;
		padding:0.8333vw 1.2037vw;
		position: absolute;
		letter-spacing:0; 
		top: 50%;
		left: 0;
		transform: translateY(-50%);
	}
	.index_header > .container > .phone_area .txt2 br {
		display:block;
	}
	.index_header > .container > .phone_area .txt2 span {
		display:none;
	}
	.index_header > .container > .phone_area .txt3 {
		font-size:4.1667vw;
		color: #C1A9FF;
		gap:0;
	}
	.index_header > .container > .phone_area .txt3 a:first-child::after{
		content:none;
	}
	.index_header.active > .container > .phone_area .txt2 {
		color:#fff;
	}
	.index_header.active > .container > .phone_area .txt3 {
		color:#4F429D;
	}
  
  
}
@media screen and (max-width: 850px) {
  html,
  body {
    font-size: 30%;
  }
}
@media screen and (max-width: 650px) {
  html,
  body {
    font-size: 27%;
  }
}
@media screen and (max-width: 530px) {
  html,
  body {
    font-size: 25%;
  }
}
@media screen and (max-width: 410px) {
  html,
  body {
    font-size: 23%;
  }
}
@media screen and (max-width: 370px) {
	.index_header .phone_area div {
		font-size: 3.3vw !important;
	}
}
@media screen and (max-width: 350px) {
  html,
  body {
    font-size: 20%;
    min-width: 285px;
    overflow-x: auto;
  }
}