@charset "utf-8";
/* CSS Document */
/* ==================================================
	sub 공통
================================================== */
:root {
  --pop-margin: 585px;
  --pop-margin2: 385px;
  --pop-margin3: 385px;
  --pop-margin4: 230px;
  --pop-margin5: 200px;
}

#sub .responsive_img_mo{
  display:none;
}
#sub .responsive_img_tablet{
  display:none;
}
#sub .responsive_img_laptop{
  display:none;
}
#sub .responsive_img_pc{
  display:block;
}
#sub .br_mo{
  display:none;
}
#sub .br_tablet{
  display:none;
}
#sub .br_laptop{
  display:none;
}
#sub .br_pc{
  display:block;
}
.mx720{
  max-width: 720px;
  width: 100%;
  margin: 0 auto;
}
.mx840{
  max-width: 840px;
  width: 100%;
  margin: 0 auto;
}

/* COMMON */
.bl {
  color: #1761fe;
}
.gr {
  color: #00e08d;
}
.nv {
  color: #161827;
}
.mx1536{
  max-width: 1536px;
  width: 100%;
  margin: 0 auto;
}

/*로딩 페이지*/
.loding_area {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	text-align: center;
	display: none;
	z-index: 1050;
	background: rgba(0, 0, 0, 0.5);
}

#sub .btn_wrap {
  font-size: 0;
  text-align: center;
}
#sub .btn_wrap .btn {
  display: inline-block;
  height: 56px;
  line-height: 56px;
  font-size: 1.5rem;
  font-weight: 500;
  color: #fff;
  border-radius: 28px;
}
#sub .btn_wrap .btn.bk {
  background-color: rgb(53, 55, 57);
  background: linear-gradient(
    180deg,
    rgba(53, 55, 57, 1) 0%,
    rgba(8, 10, 13, 1) 100%
  );
}
#sub .c_btn2 {
  display: inline-block;
  width: 100%;
  max-width: 200px;
  height: 60px;
  line-height: 60px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.5px;
  border-radius: 10px;
  background-color: #1761fe;
  box-shadow: 5px 5px 10px 0 rgba(140, 140, 140, 0.22);
  text-align: center;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  cursor: pointer;
}
#sub .c_btn2.lined {
  line-height: 58px;
  color: #1761fe;
  border: 1px solid #1761fe;
  box-sizing: border-box;
  box-shadow: 0 0 10px 0 rgba(22, 97, 253, 0.22);
  background-color: #fff;
}
#sub .c_btn2.lined:hover {
  color: #fff;
  background-color: #1761fe;
}
#sub .bs1 {
  box-shadow: 7px 7px 16px 0 rgba(109, 148, 178, 0.11);
}

#sub .drp_wrap.menu_mo {
  text-align: center;
  border: 1px solid #1761fe;
  box-shadow: 0 0 10px 0 rgba(22, 97, 253, 0.22);
}
#sub .drp_wrap.menu_mo > a {
  padding: 0 20px;
  height: 58px;
  line-height: 58px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #3660fb;
}
#sub .drp_wrap.menu_mo > a::before {
  right: 20px;
}
#sub .drp_wrap.menu_mo > ul {
  top: 58px;
  box-shadow: 0 11px 15px -8px rgba(22, 97, 253, 0.22);
}
#sub .drp_wrap.menu_mo > ul > li > a {
  height: 58px;
  line-height: 58px;
  font-size: 1.6rem;
}

.e_upper {
  text-transform: uppercase;
}
#sub .size {
  max-width: 1360px;
  padding: 0 40px;
  box-sizing: border-box;
}
#sub .sub_visual {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover; /*background-image:none !important;*/
}
#sub .sub_visual .visual_txt {
  padding-top: 43px;
  box-sizing: border-box;
  height: 550px;
  position: relative;
}
#sub .sub_visual .visual_txt h2 {
  font-size: 5rem;
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.5px;
  line-height: 1;
}
#sub .sub_visual .visual_txt p {
  margin-top: 13px;
  font-size: 2.4rem;
  font-weight: 300;
  color: #fff;
  letter-spacing: -0.5px;
  line-height: 1.35;
}
#sub .sub_visual .visual_txt p span {
  font-size: 2.6rem;
  font-weight: 600;
}
#sub .sub_visual .visual_txt p b {
  font-weight: 500;
}
#sub .sub_visual .visual_txt2 {
  padding-top: 90px;
}
#sub .sub_visual .visual_txt2 p b {
  display: block;
  margin-top: 8px;
}
#sub .sub_visual .sub_lnb {
  position: absolute;
  left: 0;
  bottom: 50px;
  width: 100%;
}
#sub .sub_visual .sub_lnb .inner {
  position: relative;
  padding-left: 60px;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 8px;
  box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.15);
  transition: all 0.4s ease;
}
#sub .sub_visual .sub_lnb .home_btn {
  display: block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("/resource/home/img/home_ico_bl.svg");
  background-repeat: no-repeat;
  background-size: 22px 19px;
  background-position: 50% 50%;
}
#sub .sub_visual .sub_lnb .menu {
  float: left;
  width: 50%;
  position: relative;
}
#sub .sub_visual .sub_lnb .menu > a {
  display: block;
  padding: 0 20px;
  box-sizing: border-box;
  height: 60px;
  line-height: 60px;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: -0.5px;
  position: relative;
  background-image: url("/resource/home/img/arr_ico_down1.svg");
  background-repeat: no-repeat;
  background-position: right 20px top 50%;
  background-size: 9px 7px;
}
#sub .sub_visual .sub_lnb .menu > a.on {
  background-image: url("/resource/home/img/arr_ico_up1.svg");
}
#sub .sub_visual .sub_lnb .menu > a::before {
  content: "";
  display: block;
  clear: both;
  width: 1px;
  height: 32px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -16px;
  background-color: #a6a6a6;
}
#sub .sub_visual .sub_lnb .menu > ul {
  display: none;
  width: 100%;
  position: absolute;
  padding-bottom: 5px;
  box-sizing: border-box;
  left: 0;
  top: 60px;
  z-index: 30;
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 0 0 8px 8px;
  box-shadow: 0 9px 22px -6px rgba(0, 0, 0, 0.15);
}
#sub .sub_visual .sub_lnb .menu > ul > li > a {
  display: block;
  padding: 0 20px;
  height: 45px;
  line-height: 45px;
  font-size: 1.4rem;
  font-weight: 500;
}
#sub .sub_visual .sub_lnb.rd1 .inner {
  border-radius: 8px 8px 0 8px;
}
#sub .sub_visual .sub_lnb.rd2 .inner {
  border-radius: 8px;
}
#sub .sub_visual .sub_lnb.rd3 .inner {
  border-radius: 8px 8px 0 8px;
}
/*sub_lnb st*/
#sub .sub_visual .sub_lnb.st1 {
  max-width: 641px;
}
#sub .sub_visual .sub_lnb.st2 {
  max-width: 351px;
}
#sub .sub_visual .sub_lnb.st2 .menu {
  width: 100%;
}

#sub .experience_area {
  height: 500px;
  background-image: url("/resource/home/img/main_bg_3.jpg");
}
#sub .experience_area strong {
  position: relative;
  display: block;
  font-size: 3.4rem;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.15rem;
}
#sub .experience_area strong i {
  color: #00e08d;
  font-style: normal;
}
#sub .experience_area strong span {
  font-size: 3.8rem;
}
#sub .experience_area img {
  position: relative;
  display: inline-block;
  margin-top: 10px;
}
#sub .experience_area .free_btn_box {
  position: relative;
  margin-top: 45px;
}
#sub .experience_area .free_btn_box a {
  display: block;
  margin: 0 auto;
  padding: 25px;
  width: 100%;
  max-width: 400px;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
  color: #fff;
  letter-spacing: -0.1rem;
  text-align: center;
  border-radius: 70px;
  background-color: #0060ff;
  box-sizing: border-box;
  box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.34);
}
#sub .experience_area .free_btn_box a i {
  display: block;
  margin-top: 5px;
  font-size: 1.6rem;
  font-style: normal;
}

/**/
#sub .faq_area .tit_area h3 {
  font-size: 3.6rem;
  font-weight: 300;
  letter-spacing: -0.5px;
  line-height: 1;
  text-align: center;
}
#sub .faq_area .tit_area h3 b {
  font-weight: 600;
}
#sub .faq_area .faq_list ul li > div {
  position: relative;
}
#sub .faq_area .faq_list ul li .cir {
  display: block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 1.8rem;
  font-weight: 600;
  font-family: "Poppins", "Noto Sans KR", sans-serif;
  color: #fff;
  text-align: center;
  border-radius: 35px;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -17.5px;
}
#sub .faq_area .faq_list {
  margin-top: 50px;
  border-top: 1px solid #111;
  box-sizing: border-box;
}
#sub .faq_area .faq_list ul li .q_area .cir {
  line-height: 34px;
  background-color: #78878f;
}
#sub .faq_area .faq_list ul li .q_area a {
  display: block;
  padding: 25.15px 65px;
  font-size: 1.8rem;
  font-weight: 600;
  color: #4e565b;
  letter-spacing: -0.5px;
  position: relative;
  border-bottom: 1px solid #dbdbdb;
  box-sizing: border-box;
  background-image: url("/resource/home/img/ico_arr2_down.svg");
  background-repeat: no-repeat;
  background-position: right 20px top 50%;
  background-size: 18px 11px;
  line-height: 1.4;
}
#sub .faq_area .faq_list ul li .q_area.on .cir {
  background-color: #3a60f9;
}
#sub .faq_area .faq_list ul li .q_area.on a {
  color: #3a60f9;
  background-image: url("/resource/home/img/ico_arr2_up.svg");
}
#sub .faq_area .faq_list ul li .a_area {
  display: none;
  padding: 30px 20px;
  box-sizing: border-box;
  background-color: #fff;
  border-bottom: 1px solid #dbdbdb;
}
#sub .faq_area .faq_list ul li .a_area > div {
  position: relative;
  padding-left: 45px;
  box-sizing: border-box;
}
#sub .faq_area .faq_list ul li .a_area .cir {
  padding-left: 1px;
  box-sizing: border-box;
  background-color: #1f202d;
  top: 4px;
  left: 0;
  margin-top: 0;
}
#sub .faq_area .faq_list ul li .a_area p {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.5px;
  line-height: 1.5;
}
#sub .faq_area .faq_list ul li .a_area span {
  display: block;
  margin-top: 6px;
  font-size: 1.4rem;
  font-weight: 400;
  color: #666;
  letter-spacing: -0.5px;
  line-height: 1.3;
}

#sub p.total_cnt {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.5px;
  line-height: 1;
}
#sub p.total_cnt strong {
  display: inline-block;
  margin-left: 10px;
}

#sub .srch_area {
  width: 100%;
  max-width: 700px;
  margin: 40px auto 0;
  position: relative;
}
#sub .srch_area input[type="text"] {
  padding: 0 20px;
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.5px;
  border: 1px solid #1761fe;
  box-shadow: 0 0 10px 0 rgba(22, 97, 253, 0.22);
  border-radius: 10px;
}
#sub .srch_area input[type="text"]::placeholder {
  font-size: 1.4rem;
  font-weight: 400;
  color: #929ca1;
  letter-spacing: -0.5px;
}
#sub .srch_area input[type="button"] {
  display: block;
  width: 60px;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  background-color: transparent;
  font-size: 0;
  background-image: url("/resource/home/img/ico_search2.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 20px 20px;
}
#sub .srch_area2 {
  width: 100%;
  position: relative;
}
#sub .srch_area2 input[type="text"] {
  padding: 0 40px 0 10px;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  line-height: 48px;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.5px;
  border: 1px solid #e2e7ea;
  border-radius: 10px;
}
#sub .srch_area2 input[type="text"]::placeholder {
  font-size: 1.4rem;
  font-weight: 400;
  color: #929ca1;
  letter-spacing: -0.5px;
}
#sub .srch_area2 input[type="button"] {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  background-color: transparent;
  font-size: 0;
  background-image: url("/resource/home/img/ico_search2.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 19px 20px;
}
#sub .srch_wrap {
  width: 100%;
  max-width: 400px;
}
#sub .srch_wrap > div {
  float: left;
}
#sub .srch_wrap .drp_wrap {
  width: 28.8%;
}
#sub .srch_wrap .srch_area2 {
  margin-left: 1.5%;
  width: 69.7%;
}

#sub em.noti,
#sub em.event {
  display: inline-block;
  padding: 0 15px;
  box-sizing: border-box;
  min-width: 56px;
  height: 24px;
  line-height: 24px;
  font-size: 13px;
  color: #fff;
  font-weight: 600;
  letter-spacing: -0.5px;
  border-radius: 12px;
  text-align: center;
}
#sub em.noti {
  background-color: #1761fe;
}
#sub em.event {
  background-color: #00e08b;
}
#sub span.date {
  padding-left: 18px;
}
#sub span.hit {
  padding-left: 20px;
}
#sub span.date i,
#sub span.hit i {
  display: block;
  font-size: 0;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  font-size: 0;
  text-indent: -9999px;
}
#sub span.date i {
  display: block;
  width: 12px;
  height: 12px;
  top: 1px;
  background-image: url("/resource/home/img/ico_date.svg");
  background-size: 12px 12px;
}
#sub span.hit i {
  display: block;
  width: 16px;
  height: 10px;
  top: 3px;
  background-image: url("/resource/home/img/ico_hit.svg");
  background-size: 16px 10px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  font-size: 0;
  text-indent: -9999px;
}

#sub .ip_wrap .ip_box em {
  display: inline-block;
  margin-bottom: 5px;
  padding-right: 9px;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.5px;
  line-height: 1;
  position: relative;
}
#sub .ip_wrap .ip_box span {
  display: block;
  font-size: 0;
  text-indent: -9999px;
  width: 5px;
  height: 5px;
  background-color: #1761fe;
  position: absolute;
  right: 0;
  top: 1px;
  border-radius: 5px;
}
#sub .ip_wrap .ip_box input[type="text"],
#sub .ip_wrap .ip_box textarea {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.5px;
  border-radius: 10px;
  border: 1px solid #e2e7ea;
  outline: none;
  transition: all 0.4s ease;
}
#sub .ip_wrap .ip_box input[type="text"] {
  padding: 0 15px;
  box-sizing: border-box;
  height: 50px;
  line-height: 48px;
}
#sub .ip_wrap .ip_box textarea {
  display: block;
  width: 100%;
  height: 180px;
  padding: 15px;
  box-sizing: border-box;
  resize: none;
}
#sub .ip_wrap .ip_box input[type="text"]::placeholder,
#sub .ip_wrap .ip_box textarea::placeholder {
  font-size: 1.4rem;
  font-weight: 400;
  color: #949b9f;
  letter-spacing: -0.5px;
}
#sub .ip_wrap .ip_box input[type="text"]:focus,
#sub .ip_wrap .ip_box input[type="text"]:active {
  border: 1px solid #1661fd;
  box-shadow: 0 0 10px 0 rgba(22, 97, 253, 0.22);
}
#sub .ip_wrap .ip_box textarea:focus,
#sub .ip_wrap .ip_box textarea:active {
  border: 1px solid #1661fd;
  box-shadow: 0 0 10px 0 rgba(22, 97, 253, 0.22);
}

#sub.service_idx .menu_wrap {
  margin-top: 25px;
  position: relative;
  z-index: 10;
}
#sub.service_idx .menu_pc ul {
  /* width:101%; margin-left:-1%; */
  width: 100%;
}
.section3 .menu_pc ul li {
  margin-left: 12px !important;
}
#sub.service_idx .menu_pc ul li {
  float: left;
  margin-left: 1%;
  text-align: center;
}
#sub.service_idx .menu_pc ul li a {
  display: block;
  padding: 0 10px;
  box-sizing: border-box;
  height: 60px;
  line-height: 58px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #68747d;
  letter-spacing: -0.5px;
  border: 1px solid #edf0f2;
  background-color: #edf0f2;
  border-radius: 10px;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}
#sub.service_idx .menu_pc ul li a.on {
  color: #3660fb;
  border-color: #1761fe;
  box-shadow: 2px 2px 10px 0 rgba(22, 97, 253, 0.22);
  background-color: #fff;
}
#sub.service_idx .menu_mo {
  display: none;
}
#sub.service_idx .menu_pc ul li a.on:hover {
  color: #fff;
  background-color: #1761fe;
}

#sub.service_idx .item_area {
  padding-top: 90px;
  box-sizing: border-box;
}
/*#sub.service_idx .item_area .item{display:none;}
#sub.service_idx .item_area .item:first-child{display:block;}*/
#sub.service_idx .item_area .item .img_area {
  float: left;
  width: 50%;
  font-size: 0;
}
#sub.service_idx .item_area .item .txt_area {
  float: right;
  width: 50%;
  font-size: 0;
}
#sub.service_idx .item_area .txt_area .swiper-slide {
  opacity: 0;
  z-index: 3;
}
#sub.service_idx .item_area .txt_area .swiper-slide .txt_box {
  display: none;
}
#sub.service_idx .item_area .txt_area .swiper-slide-active {
  opacity: 1;
  z-index: 10;
}
#sub.service_idx .item_area .txt_area .swiper-slide-active .txt_box {
  display: block;
}
#sub.service_idx .item_area .txt_area .txt_box strong {
  display: block;
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 1;
}
#sub.service_idx .item_area .txt_area .txt_box p {
  margin-top: 28px;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.5px;
  line-height: 1.5;
}
#sub.service_idx .item_area .txt_area .txt_box a {
  display: inline-block;
  margin-top: 55px;
  height: 45px;
  line-height: 45px;
  padding: 0 15px;
  box-sizing: border-box;
  margin-left: -15px;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.5px;
  position: relative;
}
#sub.service_idx .item_area .txt_area .txt_box a::before {
  content: "";
  display: block;
  clear: both;
  width: 6px;
  height: 6px;
  position: absolute;
  right: 5px;
  top: 10px;
  background-color: #05ea93;
  border-radius: 6px;
}

/* ==================================================
	서비스 소개
================================================== */
/*서비스 소개 - 유싸인 장점*/
#sub.service_idx .tit_area {
  text-align: center;
}
#sub.service_idx .tit_area h3 {
  font-size: 3.6rem;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 1;
}
#sub.service_idx .tit_area h3.ft_pins {
  font-size: 4.2rem;
}
#sub.service_idx .tit_area p {
  margin-top: 17px;
  font-size: 1.8rem;
  font-weight: 300;
  color: #444;
  letter-spacing: -0.8px;
  line-height: 1.5;
}
#sub.service_idx .tit_area.wt h3 {
  color: #fff;
}
#sub.service_idx .tit_area.wt p {
  color: #fff;
}
#sub.service_idx .section .swiper-wrapper {
  height: auto;
}
#sub.service_idx .section .swiper-slide {
  height: auto;
}
#sub.service_idx .section1 .tit_area {
  text-align: left;
}
#sub.service_idx .section1 .inner {
  padding-top: 115px;
  box-sizing: border-box;
}
#sub.service_idx .section1 .left {
  float: left;
  width: 50%;
  min-height: 615px;
  font-size: 0;
  position: relative;
}
#sub.service_idx .section1 .left .img_area {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
#sub.service_idx .section1 .left .img_area span {
  display: none;
}
#sub.service_idx .section1 .left .img_area span img {
  max-width: 100%;
}
#sub.service_idx .section1 .left .img_area span:first-child {
  padding-left: 75px;
  box-sizing: border-box;
}
#sub.service_idx .section1 .left .img_area span.active {
  display: inline-block;
}
#sub.service_idx .section1 .right {
  float: left;
  width: 50%;
  padding-left: 8.6%;
  box-sizing: border-box;
}
#sub.service_idx .section1 .right .list_area {
  background-color: #fff;
}
#sub.service_idx .section1 .right .list_area ul li a {
  display: block;
  border-radius: 10px;
  overflow: hidden;
}
#sub.service_idx .section1 .right .list_area ul li a .box {
  padding: 25.5px 20px;
  box-sizing: border-box;
  border-top: 1px solid #dfdfdf; /*background-color:#fff;*/
}
#sub.service_idx .section1 .right .list_area ul li.li7 a .box {
  border-bottom: 1px solid #dfdfdf;
  padding: 25px 20px;
}
#sub.service_idx .section1 .right .list_area a .box em {
  display: block;
  padding-left: 32px;
  box-sizing: border-box;
  font-size: 1.8rem;
  font-weight: 400;
  color: #111;
  letter-spacing: -0.5px;
  line-height: 1;
  position: relative;
}
#sub.service_idx .section1 .right .list_area a .box em::before {
  content: "";
  display: block;
  clear: both;
  width: 20px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 2px;
  background-image: url("/resource/home/img/ico_chk1_c.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
/*#sub.service_idx .section1 .right .list_area ul li:hover a{box-shadow:0#sub.service_idx .section1 .right .list_area a .box em::before
0 16px 0 rgba(23, 97, 254, 0.56);}
#sub.service_idx .section1 .right .list_area ul li:hover a .box{background-color:#1761fe; border-color:transparent; transition:all .4s ease; -webkit-transition:all .4s ease; -ms-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease;}
#sub.service_idx .section1 .right .list_area ul li:hover a .box em{color:#fff;}
#sub.service_idx .section1 .right .list_area ul li:hover a .box em::before{background-image:url('/resource/home/img/ico_chk1_w.svg');}
#sub.service_idx .section1 .right .list_area ul li:hover + li a .box{border-color:transparent;}
#sub.service_idx .section1 .right .list_area ul li.li6:hover + li a .box{border-bottom-color:#dfdfdf;}
#sub.service_idx .section1 .right .list_area ul li.li7:hover a .box{border-color:transparent;}*/
#sub.service_idx .section1 .right .list_area ul li.on a {
  box-shadow: 0 0 16px 0 rgba(23, 97, 254, 0.56);
}
#sub.service_idx .section1 .right .list_area ul li.on a .box {
  background-color: #1761fe;
  border-color: transparent;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}
#sub.service_idx .section1 .right .list_area ul li.on a .box em {
  color: #fff;
}
#sub.service_idx .section1 .right .list_area ul li.on a .box em::before {
  background-image: url("/resource/home/img/ico_chk1_w.svg");
}
#sub.service_idx .section1 .right .list_area ul li.on + li a .box {
  border-color: transparent;
}
#sub.service_idx .section1 .right .list_area ul li.li6.on + li a .box {
  border-bottom-color: #dfdfdf;
}
#sub.service_idx .section1 .right .list_area ul li.li7.on a .box {
  border-color: transparent;
}
#sub.service_idx .section2 {
  background-image: url("/resource/home/img/bg_sidx_1.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
#sub.service_idx .section2 .inner {
  padding: 115px 0;
  box-sizing: border-box;
}
#sub.service_idx .section2 .list_area {
  margin-top: 50px; /*padding-top:194px; box-sizing:border-box;*/
}
#sub.service_idx .section2 .list_area > ul {
  width: 107.7%;
  margin-left: -7.7%;
}
#sub.service_idx .section2 .list_area > ul > li {
  float: left;
  width: 17.3%;
  margin-left: 7.7%;
}
#sub.service_idx .section2 .list_area > ul > li:nth-child(even) {
  padding-top: 192px;
  box-sizing: border-box;
}
#sub.service_idx .section2 .list_area > ul > li a {
  display: block;
  padding: 14px;
  box-sizing: border-box;
  height: 238px;
  border-radius: 238px;
  box-shadow: 9px 9px 21px 0 rgba(0, 0, 0, 0.08);
  background-color: rgba(255, 255, 255, 0.2);
  position: relative; /*transition:all .4s ease; -webkit-transition:all .4s ease; -ms-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease;*/
}
#sub.service_idx .section2 .list_area > ul > li .cir {
  height: 100%;
  background-color: #fff;
  border-radius: 210px;
  text-align: center;
  font-size: 0;
  position: relative;
  z-index: 5; /*transition:all .4s ease; -webkit-transition:all .4s ease; -ms-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease;*/
}
#sub.service_idx .section2 .list_area > ul > li .cir span {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
#sub.service_idx .section2 .list_area > ul > li.li1 .cir span {
  width: 29px;
  height: 29px;
  background-image: url("/resource/home/img/ico_pen_g.svg");
}
#sub.service_idx .section2 .list_area > ul > li.li2 .cir span {
  width: 31px;
  height: 31px;
  background-image: url("/resource/home/img/ico_estar_g.svg");
}
#sub.service_idx .section2 .list_area > ul > li.li3 .cir span {
  width: 31px;
  height: 35px;
  background-image: url("/resource/home/img/ico_doc_g.svg");
}
#sub.service_idx .section2 .list_area > ul > li.li4 .cir span {
  width: 31px;
  height: 31px;
  background-image: url("/resource/home/img/ico_mem_g.svg");
}
#sub.service_idx .section2 .list_area > ul > li .cir em {
  display: block;
  margin-top: 11px;
  font-size: 2rem;
  font-weight: 600;
  color: #111;
  letter-spacing: -0.5px;
  line-height: 1;
}
#sub.service_idx .section2 .list_area > ul > li .cir b {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #111;
  letter-spacing: -0.25px;
  line-height: 1;
}
#sub.service_idx .section2 .list_area > ul > li .list {
  min-width: 267px;
  padding-left: 35px;
  margin-top: -65.5px;
  box-sizing: border-box;
  position: absolute;
  right: -40px;
  top: 50%;
  z-index: 1;
  transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.4s ease;
  opacity: 0;
}
/*#sub.service_idx .section2 .list_area > ul > li.li1 .list{margin-top:-65.5px;}
#sub.service_idx .section2 .list_area > ul > li.li2 .list{margin-top:-65.5px;}
#sub.service_idx .section2 .list_area > ul > li.li3 .list{margin-top:-65.5px;}*/
#sub.service_idx .section2 .list_area > ul > li.li4 .list {
  margin-top: -51px;
}
#sub.service_idx .section2 .list_area > ul > li .list ul {
  padding-left: 10px;
  box-sizing: border-box;
  position: relative;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
#sub.service_idx .section2 .list_area > ul > li .list ul::before {
  content: "";
  display: block;
  clear: both;
  width: 35px;
  height: 1px;
  position: absolute;
  left: -36px;
  top: 50%;
  margin-top: -0.5px;
  background-color: rgba(255, 255, 255, 0.5);
}
#sub.service_idx .section2 .list_area > ul > li .list ul li {
  margin-top: 14px;
  font-size: 1.5rem;
  font-weight: 400;
  color: #fff;
  letter-spacing: -0.5px;
  line-height: 1;
  box-sizing: border-box;
  position: relative;
  padding-left: 15px;
  box-sizing: border-box;
}
#sub.service_idx .section2 .list_area > ul > li .list ul li:first-child {
  margin-top: 0;
}
#sub.service_idx .section2 .list_area > ul > li .list ul li::before {
  content: "";
  display: block;
  clear: both;
  width: 11px;
  height: 9px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -3px;
  background-image: url("/resource/home/img/ico_chk2.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

/*hover*/
/*#sub.service_idx .section2 .list_area > ul > li a:hover{background-color:#0bf6a8; transition:all .4s ease; -webkit-transition:all .4s ease; -ms-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease;}

#sub.service_idx .section2 .list_area > ul > li a:hover .cir{box-shadow:0 0 29px 0 rgba(23, 97, 254, 0.28);}
#sub.service_idx .section2 .list_area > ul > li.li1 a:hover .cir span{background-image:url('/resource/home/img/ico_pen_b.svg');}
#sub.service_idx .section2 .list_area > ul > li.li2 a:hover .cir span{background-image:url('/resource/home/img/ico_estar_b.svg');}
#sub.service_idx .section2 .list_area > ul > li.li3 a:hover .cir span{background-image:url('/resource/home/img/ico_doc_b.svg');}
#sub.service_idx .section2 .list_area > ul > li.li4 a:hover .cir span{background-image:url('/resource/home/img/ico_mem_b.svg');}
#sub.service_idx .section2 .list_area > ul > li a:hover .list{right:-253px; opacity:1;}*/

/*click*/
#sub.service_idx .section2 .list_area > ul > li a.on {
  background-color: #0bf6a8;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}
#sub.service_idx .section2 .list_area > ul > li a.on .cir {
  box-shadow: 0 0 29px 0 rgba(23, 97, 254, 0.28);
}
#sub.service_idx .section2 .list_area > ul > li.li1 a.on .cir span {
  background-image: url("/resource/home/img/ico_pen_b.svg");
}
#sub.service_idx .section2 .list_area > ul > li.li2 a.on .cir span {
  background-image: url("/resource/home/img/ico_estar_b.svg");
}
#sub.service_idx .section2 .list_area > ul > li.li3 a.on .cir span {
  background-image: url("/resource/home/img/ico_doc_b.svg");
}
#sub.service_idx .section2 .list_area > ul > li.li4 a.on .cir span {
  background-image: url("/resource/home/img/ico_mem_b.svg");
}
#sub.service_idx .section2 .list_area > ul > li a.on .list {
  right: -253px;
  opacity: 1;
}
#sub.service_idx .section3 .inner {
  padding: 115px 0 120px;
  box-sizing: border-box;
}
/* #sub.service_idx .section3 .menu_pc ul li{width:24%;} */
#sub.service_idx .section3 .menu_pc ul li {
  width: calc((100% - 36px) / 4);
}
#sub.service_idx .section3 .item_area {
  padding-top: 100px;
}
#sub.service_idx .section3 .item_area .item {
  background-color: #fff;
}
#sub.service_idx .section3 .item_area .img_area {
  min-height: 305px;
  padding-left: 9%;
  padding-right: 40px;
  box-sizing: border-box;
}
#sub.service_idx .section3 .item_area .item .img_area .img_box {
  width: 100%;
}
#sub.service_idx .section3 .item_area .item1 .img_area .img_box {
  max-width: 352px;
}
#sub.service_idx .section3 .item_area .item2 .img_area .img_box {
  max-width: 387px;
}
#sub.service_idx .section3 .item_area .item3 .img_area .img_box {
  max-width: 375px;
}
#sub.service_idx .section3 .item_area .item4 .img_area .img_box {
  max-width: 376px;
}
#sub.service_idx .section3 .item_area .swiper-slide .img_box {
  display: none;
}
#sub.service_idx .section3 .item_area .swiper-slide .txt_box {
  display: none;
}
#sub.service_idx .section3 .item_area .swiper-slide-active {
  opacity: 1;
  z-index: 10;
}
#sub.service_idx .section3 .item_area .swiper-slide-active .img_box {
  display: inline-block;
}
#sub.service_idx .section3 .item_area .swiper-slide-active .txt_box {
  display: block;
}
#sub.service_idx .section3 .item_area .txt_area {
  padding-top: 50px;
  box-sizing: border-box;
}
#sub.service_idx .section4 .inner {
  padding: 115px 0 0;
  box-sizing: border-box;
  border-top: 1px solid #040f26;
  border-bottom: 1px solid #040f26;
}

#sub.service_idx .section4 .menu_pc ul li {
  /* width:15.66666666666667%; */
  width: calc((100% - 77px) / 6);
}
#sub.service_idx .section4 .item_area {
  height: 581px;
  overflow: hidden;
}
#sub.service_idx .section4 .img_area {
  height: 491px; /*padding-left:8.2%; */
  padding-right: 6%;
  box-sizing: border-box;
  position: relative;
  z-index: 5;
  text-align: center;
}
#sub.service_idx .section4 .img_area::before {
  content: "";
  display: block;
  clear: both;
  width: 100%;
  max-width: 532px;
  height: 529px;
  position: absolute;
  left: 50%;
  top: 105px;
  margin-left: -305px;
  background-image: url("/resource/home/img/img_sidx_4_1.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
#sub.service_idx .section4 .mobile_frame {
  display: inline-block;
  width: 100%;
  max-width: 339px;
  padding: 23px;
  box-sizing: border-box; /*position:absolute; left:20.5%; top:0;*/
  background-image: url("/resource/home/img/phone_frame2_none.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 56px;
  position: relative;
}
#sub.service_idx .section4 .mobile_frame::before {
  content: "";
  display: block;
  clear: both;
  width: 98%;
  height: 100%;
  position: absolute;
  left: 5px;
  top: 2px;
  z-index: -1;
  box-shadow: -24px 24px 38px 0 rgba(0, 0, 0, 0.15);
  border-radius: 53px;
}
#sub.service_idx .section4 .mobile_frame .frame_img .cont_img {
  display: none;
  position: relative;
}
#sub.service_idx .section4 .mobile_frame .frame_img .cont_img.active {
  display: block;
}
#sub.service_idx .section4 .mobile_frame .cont_img img:not(.enlar) {
  display: block;
  width: 100%;
}
#sub.service_idx .section4 .mobile_frame .cont_img .enlar {
  display: block;
  position: absolute;
  left: 50%;
  border-radius: 10px;
}
#sub.service_idx .section4 .mobile_frame .cont_img1 .enlar {
  margin-left: -193.5px;
  bottom: 36%;
  box-shadow: 2px 4px 24px 0 rgba(5, 15, 37, 0.51);
}
#sub.service_idx .section4 .mobile_frame .cont_img2 .enlar {
  margin-left: -195.5px;
  bottom: 182px;
  box-shadow: 2px 4px 13px 0 rgba(0, 0, 0, 0.23);
}
#sub.service_idx .section4 .mobile_frame .cont_img3 .enlar {
  margin-left: -191px;
  bottom: 193px;
  border: 1px solid #1761fe;
  box-sizing: border-box;
  box-shadow: 2px 4px 24px 0 rgba(5, 15, 37, 0.51);
}
#sub.service_idx .section4 .mobile_frame .cont_img4 .enlar1 {
  margin-left: -135px;
  bottom: 229px;
  border-radius: 3px;
}
#sub.service_idx .section4 .mobile_frame .cont_img4 .enlar2 {
  margin-left: -120px;
  top: -78px;
  bottom: auto;
  border-radius: 0;
}
#sub.service_idx .section4 .mobile_frame .cont_img5 .enlar {
  margin-left: 0;
  left: -55px;
  bottom: 183px;
  border: 1px solid #1761fe;
  box-sizing: border-box;
  box-shadow: -10px 10px 25px -2px rgba(22, 24, 39, 0.43);
}
#sub.service_idx .section4 .mobile_frame .cont_img6 .enlar {
  margin-left: -195.5px;
  top: 100px;
  bottom: auto;
  box-shadow: -10px 10px 25px -2px rgba(22, 24, 39, 0.43);
}
#sub.service_idx .section4 .txt_area {
  height: 491px;
  padding-bottom: 85px;
  box-sizing: border-box;
}
#sub.service_idx .section4 .txt_area .swiper-wrapper {
  height: 100%;
}
#sub.service_idx .section4 .txt_area .txt_box {
  background-color: #fff;
}
#sub.service_idx .section5 .size {
  padding: 0;
}
#sub.service_idx .section5 .inner {
  padding-top: 115px;
  box-sizing: border-box;
}
#sub.service_idx .section5 .menu_wrap {
  padding: 0 40px;
  box-sizing: border-box;
}
#sub.service_idx .section5 .menu_pc ul li {
  width: 19%;
}
#sub.service_idx .section5 .tit_area {
  padding: 0 40px;
  box-sizing: border-box;
}
#sub.service_idx .section5 .item_area {
  padding: 90px 40px 0;
  height: 590px;
  box-sizing: border-box;
  overflow: hidden;
}
#sub.service_idx .section5 .img_area {
  /*padding-left:50px;*/
  box-sizing: border-box;
  position: relative;
  z-index: 5;
  text-align: center;
}
#sub.service_idx .section5 .img_area::before {
  content: "";
  display: block;
  clear: both;
  width: 694px;
  height: 732px;
  position: absolute;
  left: -40px;
  top: 95px;
  z-index: -1;
  margin-left: 0;
  background-image: url("/resource/home/img/img_sidx_5_1.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
#sub.service_idx .section5 .pc_frame {
  width: 100%;
  display: inline-block;
  max-width: 545px;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  border-radius: 30px;
  box-shadow: -14px 24px 38px 0 rgba(0, 0, 0, 0.13);
  background-color: #fff;
}
#sub.service_idx .section5 .pc_frame .cont_img {
  display: none;
}
#sub.service_idx .section5 .pc_frame .cont_img.active {
  display: block;
}
#sub.service_idx .section5 .pc_frame .cont_img img:not(.enlar) {
  display: block;
  width: 100%;
}
#sub.service_idx .section5 .pc_frame .cont_img img:not(.enlar) {
  border-radius: 5px;
}
#sub.service_idx .section5 .pc_frame .cont_img .enlar {
  display: block;
  position: absolute;
  right: -44px;
}
#sub.service_idx .section5 .pc_frame .cont_img .enlar.pic2 {
  border: 1px solid #1560fd;
  border-radius: 10px;
  box-shadow: 2px 2px 13px -1px rgba(55, 93, 249, 0.23);
}
#sub.service_idx .section5 .pc_frame .cont_img1 .enlar {
  right: -63px;
  bottom: 267px;
}
#sub.service_idx .section5 .pc_frame .cont_img2 .enlar {
  bottom: 280px;
}
#sub.service_idx .section5 .pc_frame .cont_img3 .enlar {
  bottom: 290px;
}
#sub.service_idx .section5 .pc_frame .cont_img4 .enlar {
  right: 50%;
  margin-right: -309px;
  bottom: auto;
  top: 50%;
  margin-top: -148px;
}
#sub.service_idx .section5 .pc_frame .cont_img5 .enlar {
  bottom: auto;
  top: 40px;
}
#sub.service_idx .section5 .item_area .txt_area {
  height: 500px;
  padding-left: 60px;
  padding-bottom: 85px;
  box-sizing: border-box;
}
#sub.service_idx .section5 .item_area .txt_area .swiper-wrapper {
  height: 100%;
}
#sub.service_idx .section5 .item_area .txt_area .txt_box {
  background-color: #fff;
}
#sub.service_idx .section5 .item_area .txt_area .txt_box a::before {
  background-color: #1761fe;
}
#sub.service_idx .section6 {
  background-color: #ecf2f6;
}
#sub.service_idx .section6 .inner {
  padding: 115px 0 120px;
  box-sizing: border-box;
}
#sub.service_idx .section6 .cont_area {
  margin-top: 52px;
}
#sub.service_idx .section6 .cont_area > div {
  float: left;
}
#sub.service_idx .section6 .list_area {
  width: 48.2%;
  padding-right: 20px;
  box-sizing: border-box;
}
#sub.service_idx .section6 .list_area .mo {
  display: none;
}
#sub.service_idx .section6 .list_area .box::before {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
#sub.service_idx .section6 .list_area .box1::before {
  width: 24px;
  height: 23px;
  top: -5px;
  background-image: url("/resource/home/img/ico_sidx6_1.svg");
}
#sub.service_idx .section6 .list_area .box2::before {
  width: 26px;
  height: 24px;
  top: -3px;
  background-image: url("/resource/home/img/ico_sidx6_2.svg");
  background-size: 24px;
}
#sub.service_idx .section6 .list_area .box3::before {
  width: 28px;
  height: 32px;
  top: -8px;
  background-image: url("/resource/home/img/ico_sidx6_3.svg");
}
#sub.service_idx .section6 .list_area .box4::before {
  width: 25px;
  height: 25px;
  top: -4px;
  background-image: url("/resource/home/img/ico_sidx6_4.svg");
}
#sub.service_idx .section6 .list_area .l_list.pc ul li {
  margin-top: 20px;
}
#sub.service_idx .section6 .list_area .l_list.pc ul li:first-child {
  margin-top: 0;
}
#sub.service_idx .section6 .list_area .l_list.pc ul li a {
  display: block;
  padding: 52px 50px;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 7px 7px 16px 0 rgba(109, 148, 178, 0.11);
  background-image: url("/resource/home/img/ico_arr1_down.svg");
  background-repeat: no-repeat;
  background-position: right 52px top 58px;
  background-size: 16px 9px;
}
#sub.service_idx .section6 .list_area .l_list.pc ul li .box {
  position: relative;
  padding-left: 46px;
}
#sub.service_idx .section6 .list_area .l_list.pc ul li .box strong {
  display: block;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 1;
}
#sub.service_idx .section6 .list_area .l_list.pc ul li .box p {
  display: none;
  padding-top: 13px;
  box-sizing: border-box;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.5px;
  line-height: 1.5;
}
#sub.service_idx .section6 .list_area .l_list.pc ul li:first-child .box p {
  display: block;
}
#sub.service_idx .section6 .list_area .l_list.pc ul li a.active {
  background-image: url("/resource/home/img/ico_arr1_up.svg");
}
#sub.service_idx .section6 .list_area .l_list.pc ul li a.active .box strong {
  color: #00cc80;
}
#sub.service_idx .section6 .list_area .l_list.mo {
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 7px 7px 16px 0 rgba(109, 148, 178, 0.11);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 30;
}
#sub.service_idx .section6 .list_area .l_list.mo a {
  display: block;
  padding: 26px 0;
  box-sizing: border-box;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: -0.5px;
}
#sub.service_idx .section6 .list_area .l_list.mo a .box {
  position: relative;
  padding-left: 45px;
  box-sizing: border-box;
}
#sub.service_idx .section6 .list_area .l_list.mo a .box::before {
  top: 3px !important;
}
#sub.service_idx .section6 .list_area .l_list.mo > a {
  color: #00cc80;
  padding: 26px 30px;
  background-image: url("/resource/home/img/ico_arr1_down.svg");
  background-repeat: no-repeat;
  background-position: right 30px top 50%;
  background-size: 16px 9px;
}
#sub.service_idx .section6 .list_area .l_list.mo > a.active {
  background-image: url("/resource/home/img/ico_arr1_up.svg");
}
/*#sub.service_idx .section6 .list_area .mo > a .box::before{content:''; display:block; clear:both; width:25px; height:24px; position:absolute; left:0; top:0; background-image:url('/resource/home/img/ico_sidx6_1.svg'); background-repeat:no-repeat; background-position:50% 50%;}*/
#sub.service_idx .section6 .list_area .l_list.mo > ul {
  display: none;
}
#sub.service_idx .section6 .list_area .l_list.mo > ul > li {
  padding: 0 30px;
  box-sizing: border-box;
}
#sub.service_idx .section6 .list_area .l_list.mo > ul > li > a {
  border-top: 1px solid #d9d9d9;
  box-sizing: border-box;
}
#sub.service_idx .section6 .list_area .l_list.mo > ul > li > a.off {
  display: none;
}
#sub.service_idx .section6 .list_area .l_list.mo a .box3::before {
  top: -2px !important;
}
#sub.service_idx .section6 .list_area .txt {
  margin-top: 35px;
}
#sub.service_idx .section6 .list_area .txt p {
  display: none;
  font-weight: 400;
  text-align: center;
  line-height: 1.5;
}
#sub.service_idx .section6 .list_area .txt p.on {
  display: block;
}

/*#sub.service_idx .section6 .list_area .mo ul li .box::before{top:50%;}
#sub.service_idx .section6 .list_area .mo ul li.li1 .box::before{margin-top:-12px;}
#sub.service_idx .section6 .list_area .mo ul li.li2 .box::before{margin-top:-12px;}
#sub.service_idx .section6 .list_area .mo ul li.li3 .box::before{margin-top:-16px;}
#sub.service_idx .section6 .list_area .mo ul li.li4 .box::before{margin-top:-12.5px;}*/

#sub.service_idx .section6 .img_area {
  width: 51.8%;
  font-size: 0;
  position: relative;
  border-radius: 20px;
}
#sub.service_idx .section6 .img_area .cont_img {
  height: 617px;
  position: relative;
  display: none;
  padding: 0 20px;
  box-sizing: border-box;
}
#sub.service_idx .section6 .img_area .cont_img .i_mo {
  display: none;
}
#sub.service_idx .section6 .img_area .cont_img.active {
  display: block;
}
#sub.service_idx .section6 .img_area .cont_img .rect {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  box-shadow: 7px 7px 16px 0 rgba(56, 76, 92, 0.27);
  border-radius: 20px;
  background-color: #07193d;
}
#sub.service_idx .section6 .img_area .cont_img .img_wrap {
  width: 100%;
  height: 100%;
}
#sub.service_idx .section6 .img_area .tablet {
  overflow: hidden;
}
#sub.service_idx .section6 .img_area .tablet .rect {
  box-shadow: 7px 7px 16px 0 rgba(56, 76, 92, 0.27);
}
#sub.service_idx .section6 .img_area .tablet .img1 {
  box-shadow: 24px 24px 38px 0 rgba(0, 0, 0, 0.13);
  border-radius: 20px;
}
#sub.service_idx .section6 .img_area .cont_img .img {
  display: inline-block;
  position: absolute;
  z-index: 5;
}
#sub.service_idx .section6 .img_area .cont_img1 .img {
  border-radius: 10px;
  box-shadow: 2px 2px 32px 1px rgba(0, 0, 0, 0.19);
  overflow: hidden;
}
#sub.service_idx .section6 .img_area .cont_img1 .img1 {
  left: 74px;
  bottom: -1px;
}
#sub.service_idx .section6 .img_area .cont_img1 .img2 {
  left: 82px;
  top: 110px;
}
#sub.service_idx .section6 .img_area .cont_img1 .img3 {
  right: 50px;
  top: 237px;
}
#sub.service_idx .section6 .img_area .cont_img1 .img4 {
  left: 50px;
  bottom: 88px;
}
#sub.service_idx .section6 .img_area .cont_img1 .img5 {
  left: 50%;
  bottom: 13px;
  margin-left: -113px;
  box-shadow: 4px 3px 5px 0 rgba(140, 140, 140, 0.22);
}
#sub.service_idx .section6 .img_area .cont_img2 .pic1 {
  right: 30px;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #4468f9;
  box-sizing: border-box;
  box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, 0.14);
}
#sub.service_idx .section6 .img_area .cont_img2 .pic1 img {
  height: 68px;
}
#sub.service_idx .section6 .img_area .cont_img2 .img1 {
  left: 50%;
  top: 62px;
  margin-left: -271.5px;
}
#sub.service_idx .section6 .img_area .cont_img2 .img2 {
  left: 30px;
  bottom: 15px;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 2px 2px 13px 1px rgba(0, 0, 0, 0.09);
}
#sub.service_idx .section6 .img_area .cont_img2 .img3 {
  top: 84px;
  background-color: #4468f9;
}
#sub.service_idx .section6 .img_area .cont_img2 .img4 {
  top: 158px;
}
#sub.service_idx .section6 .img_area .cont_img2 .img5 {
  top: 232px;
}
#sub.service_idx .section6 .img_area .cont_img3 .pic2 {
  border-radius: 10px;
  box-shadow: 2px 2px 32px 1px rgba(0, 0, 0, 0.2);
}
#sub.service_idx .section6 .img_area .cont_img3 .img1 {
  left: 50%;
  bottom: -1px;
  margin-left: -225px;
}
#sub.service_idx .section6 .img_area .cont_img3 .img2 {
  right: 40px;
  top: 207px;
}
#sub.service_idx .section6 .img_area .cont_img3 .img3 {
  left: 50%;
  bottom: 96px;
  margin-left: -250.5px;
}
#sub.service_idx .section6 .img_area .cont_img4 .pic3 {
  border-radius: 10px;
  box-shadow: 2px 2px 32px 1px rgba(0, 0, 0, 0.27);
  overflow: hidden;
}
#sub.service_idx .section6 .img_area .cont_img4 .img1 {
  left: 50%;
  top: 62px;
  margin-left: -271.5px;
}
#sub.service_idx .section6 .img_area .cont_img4 .img2 {
  left: 135px;
  top: 238px;
}
#sub.service_idx .section6 .img_area .cont_img4 .img3 {
  right: 38px;
  top: 236px;
}
#sub.service_idx .section6 .img_area .cont_img4 .img4 {
  left: 50%;
  bottom: 75px;
  margin-left: -290.5px;
}
#sub.service_idx .section7 .item_area {
  padding-top: 125px;
  box-sizing: border-box;
}
#sub.service_idx .section7 .img_area {
  padding-right: 42px;
  box-sizing: border-box;
}
#sub.service_idx .section7 .tablet_frame {
  width: 100%;
  max-width: 598px;
  padding: 20px 20px 0;
  box-sizing: border-box;
  position: relative;
  z-index: 5;
  background-color: #fff;
  background-image: url("/resource/home/img/tablet_frame_none.png");
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}
#sub.service_idx .section7 .tablet_frame::before {
  content: "";
  display: block;
  clear: both;
  width: 98.8%;
  height: 100%;
  position: absolute;
  right: 5px;
  top: 4px;
  box-shadow: -24px 5px 38px 0 rgba(0, 0, 0, 0.13);
  z-index: -1;
  border-radius: 33px 33px 0 0;
}
#sub.service_idx .section7 .tablet_frame .frame_img {
  border-radius: 10px;
  overflow: hidden;
}
#sub.service_idx .section7 .img_area .cont_img {
  display: none;
  position: relative;
  border-radius: 10px;
}
#sub.service_idx .section7 .img_area .cont_img img:first-child {
  max-width: 100%;
}
#sub.service_idx .section7 .img_area .cont_img.active {
  display: block;
}
#sub.service_idx .section7 .img_area .cont_img .enlar {
  position: absolute;
  z-index: 5;
}
#sub.service_idx .section7 .img_area .cont_img1 .enlar1 {
  left: 50%;
  top: 165px;
  margin-left: -6px;
}
#sub.service_idx .section7 .img_area .cont_img1 .enlar2 {
  bottom: 83px;
  left: 80px;
}
#sub.service_idx .section7 .img_area .cont_img1 .enlar3 {
  left: 118px;
  bottom: 61px;
}
#sub.service_idx .section7 .img_area .cont_img2 .enlar1 {
  right: 29px;
  top: 205px;
}
#sub.service_idx .section7 .img_area .cont_img2 .enlar2 {
  right: 145px;
  top: 145px;
}
#sub.service_idx .section7 .img_area .cont_img3 .enlar1 {
  left: 118px;
  bottom: 48px;
}
#sub.service_idx .section7 .img_area .cont_img3 .enlar2 {
  left: 100px;
  bottom: 125px;
}
#sub.service_idx .section7 .img_area .cont_img4 .enlar1 {
  left: 50%;
  margin-left: -184px;
  bottom: 125px;
}
#sub.service_idx .section7 .img_area .cont_img4 .enlar2 {
  left: 50%;
  margin-left: -147px;
  bottom: 170px;
}
#sub.service_idx .section7 .img_area .cont_img5 .enlar1 {
  right: 0;
  top: 115px;
}
#sub.service_idx .section7 .img_area .cont_img5 .enlar2 {
  right: 0;
  top: 228px;
}
#sub.service_idx .section7 .img_area .cont_img5 .enlar3 {
  right: 67px;
  top: 96px;
}
#sub.service_idx .section7 .img_area .cont_img6 .enlar1 {
  left: 8px;
  bottom: 143px;
}
#sub.service_idx .section7 .img_area .cont_img6 .enlar2 {
  left: 192px;
  bottom: 179px;
}
#sub.service_idx .section7 .img_area .cont_img7 .img_bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 99%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 10px 10px 0 0;
}
#sub.service_idx .section7 .img_area .cont_img7 .enlar1 {
  left: 50%;
  top: 33px;
  margin-left: -184.5px;
  border-radius: 20px;
  box-shadow: 2px 2px 13px 2px rgba(0, 0, 0, 0.23);
}
#sub.service_idx .section7 .txt_area {
  padding-top: 80px;
  padding-left: 65px;
  box-sizing: border-box;
}
#sub.service_idx .section7 .txt_area .slide_area {
  position: relative;
  z-index: 50;
}
#sub.service_idx .section7 .txt_area .mo_tab {
  display: none;
  margin-top: 50px;
}
#sub.service_idx .section7 .txt_area .control_box {
  margin-top: 88px;
  width: 100%;
  height: 28px;
  max-width: 395px;
  padding-right: 70px;
  box-sizing: border-box;
  position: relative;
}
#sub.service_idx .section7 .txt_area .control_box .func_scrollbar {
  width: 100%;
  height: 3.2px;
  top: 13px;
  border-radius: 1.61px;
  position: relative;
  background-color: #f5f5f5;
}
#sub.service_idx .section7 .txt_area .control_box .scroll_thumb {
  display: block;
  height: 3.2px;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0;
  text-indent: -999999px;
  background-color: #262626;
  border-radius: 1.61px;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}
#sub.service_idx .section7 .txt_area .control_box .arr_box {
  position: absolute;
  right: 0;
  top: 0;
}
#sub.service_idx .section7 .txt_area .control_box .arr_box .func_arr {
  float: left;
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 10px 15px;
  cursor: pointer;
}
#sub.service_idx .section7 .txt_area .control_box .arr_box .func_prev {
  background-image: url("/resource/home/img/sidx_7_prev.svg");
}
#sub.service_idx .section7 .txt_area .control_box .arr_box .func_next {
  background-image: url("/resource/home/img/sidx_7_next.svg");
}
#sub.service_idx .section7 .txt_area .slide_wrap {
  width: 291.9%;
  margin-left: -334px;
}
#sub.service_idx .section7 .txt_area .func_slide {
  /*margin-top:100px; overflow:initial; z-index:5;*/
  padding: 104px 0 57px 170px;
  box-sizing: border-box;
}
#sub.service_idx .section7 .txt_area .func_slide .swiper-wrapper {
  /*left:-165px;*/
}
#sub.service_idx .section7 .txt_area .func_slide .swiper-slide a {
  display: block;
}
#sub.service_idx .section7 .txt_area .func_slide .box {
  height: 150px;
  padding-top: 5px;
  box-sizing: border-box;
  font-size: 0;
  text-align: center;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.09);
  transition: all 0.4s ease;
  transform: scale(1);
}
#sub.service_idx .section7 .txt_area .func_slide .box .ico {
  display: block;
}
#sub.service_idx .section7 .txt_area .func_slide .box .ico img {
  display: inline-block;
}
#sub.service_idx .section7 .txt_area .func_slide .box .ico img.i_on {
  display: none;
}
#sub.service_idx .section7 .txt_area .func_slide .box1 .ico img {
  width: 24px;
  height: 23px;
}
#sub.service_idx .section7 .txt_area .func_slide .box2 .ico img {
  width: 24px;
  height: 24px;
}
#sub.service_idx .section7 .txt_area .func_slide .box3 .ico img {
  width: 74px;
  height: 23px;
}
#sub.service_idx .section7 .txt_area .func_slide .box4 .ico img {
  width: 35px;
  height: 24px;
}
#sub.service_idx .section7 .txt_area .func_slide .box5 .ico img {
  width: 25px;
  height: 25px;
}
#sub.service_idx .section7 .txt_area .func_slide .box6 .ico img {
  width: 29px;
  height: 23px;
}
#sub.service_idx .section7 .txt_area .func_slide .box7 .ico img {
  width: 26px;
  height: 23px;
}
#sub.service_idx .section7 .txt_area .func_slide .box .tit {
  display: block;
  margin-top: 20px;
  font-size: 1.6rem;
  font-size: 1.8rem;
  font-weight: 500;
  color: #1761fe;
  letter-spacing: -0.5px;
  line-height: 1;
}
#sub.service_idx .section7 .txt_area .func_slide .box .txt {
  display: none;
  margin-top: 18px;
  font-size: 11px;
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  letter-spacing: -0.5px;
  line-height: 1;
}
#sub.service_idx .section7 .txt_area .func_slide .swiper-slide-active {
  left: -20px;
}
#sub.service_idx .section7 .txt_area .func_slide .swiper-slide-active .box {
  padding-top: 0;
  background-color: #1761fe;
  transform: scale(1.268);
}
#sub.service_idx
  .section7
  .txt_area
  .func_slide
  .swiper-slide-active
  .box
  .ico
  img.i_off {
  display: none;
}
#sub.service_idx
  .section7
  .txt_area
  .func_slide
  .swiper-slide-active
  .box
  .ico
  img.i_on {
  display: inline-block;
}
#sub.service_idx
  .section7
  .txt_area
  .func_slide
  .swiper-slide-active
  .box
  .tit {
  margin-top: 15px;
  color: #fff;
}
#sub.service_idx
  .section7
  .txt_area
  .func_slide
  .swiper-slide-active
  .box
  .txt {
  display: block;
}
#sub.service_idx .section7 .txt_area .tab_w {
  width: 100%;
  max-width: 661px;
  margin: 0 auto;
}
#sub.service_idx .section7 .txt_area .tab_w ul {
  font-size: 0;
  text-align: center;
  width: 102.5%;
  margin-left: -2%;
  margin-top: -2%;
}
#sub.service_idx .section7 .txt_area .tab_w ul li {
  display: inline-block;
  width: 22.5%;
  margin-left: 2.5%;
  margin-top: 2.5%;
}
#sub.service_idx .section7 .txt_area .tab_w ul li a {
  display: block;
}

#sub.service_idx .section7 .txt_area .tab_w .box {
  height: 150px;
  padding-top: 5px;
  box-sizing: border-box;
  font-size: 0;
  text-align: center;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.09);
  transition: all 0.4s ease;
}
#sub.service_idx .section7 .txt_area .tab_w .box .tb {
  height: 100%;
}
#sub.service_idx .section7 .txt_area .tab_w .box .ico {
  display: block;
}
#sub.service_idx .section7 .txt_area .tab_w .box .ico img {
  display: inline-block;
}
#sub.service_idx .section7 .txt_area .tab_w .box .ico img.i_on {
  display: none;
}
#sub.service_idx .section7 .txt_area .tab_w .box1 .ico img {
  width: 24px;
  height: 23px;
}
#sub.service_idx .section7 .txt_area .tab_w .box2 .ico img {
  width: 24px;
  height: 24px;
}
#sub.service_idx .section7 .txt_area .tab_w .box3 .ico img {
  width: 74px;
  height: 23px;
}
#sub.service_idx .section7 .txt_area .tab_w .box4 .ico img {
  width: 35px;
  height: 24px;
}
#sub.service_idx .section7 .txt_area .tab_w .box5 .ico img {
  width: 25px;
  height: 25px;
}
#sub.service_idx .section7 .txt_area .tab_w .box6 .ico img {
  width: 29px;
  height: 23px;
}
#sub.service_idx .section7 .txt_area .tab_w .box7 .ico img {
  width: 26px;
  height: 23px;
}
#sub.service_idx .section7 .txt_area .tab_w .box .tit {
  display: block;
  margin-top: 20px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #1761fe;
  letter-spacing: -0.5px;
  line-height: 1;
}
#sub.service_idx .section7 .txt_area .tab_w .box .txt {
  margin-top: 18px;
  font-size: 13px;
  font-weight: 400;
  color: #1761fe;
  letter-spacing: -0.5px;
  line-height: 1;
}
#sub.service_idx .section7 .txt_area .tab_w ul li a.on .box {
  background-color: #1761fe;
}
#sub.service_idx .section7 .txt_area .tab_w ul li a.on .box .ico img {
  transform: scale(1.1);
}
#sub.service_idx .section7 .txt_area .tab_w ul li a.on .box .ico img.i_off {
  display: none;
}
#sub.service_idx .section7 .txt_area .tab_w ul li a.on .box .ico img.i_on {
  display: inline-block;
}
#sub.service_idx .section7 .txt_area .tab_w ul li a.on .box .tit {
  color: #fff;
  font-size: 1.6rem !important;
}
#sub.service_idx .section7 .txt_area .tab_w ul li a.on .box .txt {
  color: #fff;
}

/*#sub.service_idx .section7 .pc_frame .cont_img{display:none;}
#sub.service_idx .section7 .pc_frame .cont_img.active{display:block;}
#sub.service_idx .section7 .pc_frame .cont_img img:not(.enlar){display:block; width:100%;}
#sub.service_idx .section7 .pc_frame .cont_img img:not(.enlar){border-radius:5px;}
#sub.service_idx .section7 .pc_frame .cont_img .enlar{display:block; position:absolute;}
#sub.service_idx .section7 .pc_frame .cont_img .enlar.pic2{border:1px solid #1560fd; border-radius:10px;}*/
/*서비스 소개 - 유싸인 기능*/

/*서비스 소개 - 활용안내*/
#sub.uses .test {
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.6));
  -ms-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.6));
}
#sub.uses .section1 .inner {
  padding: 130px 0;
}
#sub.uses .section1 .item_area .item {
  margin-top: 30px;
}
#sub.uses .section1 .item_area .item:first-child {
  margin-top: 0;
}
#sub.uses .section1 .item_area .item .item_box {
  height: 405px;
  padding: 0 8.4%;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 30px;
  border: 1px solid #f1f1f1;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.06);
}
#sub.uses .section1 .item_area .item .left {
  float: left;
}
#sub.uses .section1 .item_area .item .right {
  float: right;
}
#sub.uses .section1 .item_area .item .img_area {
  width: 50%;
  font-size: 0;
  box-sizing: border-box;
}
#sub.uses .section1 .item_area .item .img_area .img_box {
  display: inline-block;
  width: 100%;
  position: relative;
}
#sub.uses .section1 .item_area .item .img_area .img_box img {
  display: block;
  position: absolute;
}
#sub.uses .section1 .item_area .item .img_area .img_box .img2 {
  filter: drop-shadow(-6px 6px 8px rgba(2, 19, 40, 0.4));
  -ms-filter: drop-shadow(-6px 6px 8px rgba(2, 19, 40, 0.4));
}
#sub.uses .section1 .item_area .item .txt_area {
  width: 50%;
}
#sub.uses .section1 .item_area .item .txt_area .txt_box strong {
  display: block;
  font-size: 2.6rem;
  font-weight: 600;
  letter-spacing: -1.5px;
  line-height: 1.35;
}
#sub.uses .section1 .item_area .item .txt_area .txt_box strong span {
  position: relative;
  z-index: 1;
}
#sub.uses .section1 .item_area .item .txt_area .txt_box strong span::before {
  content: "";
  display: block;
  clear: both;
  width: 100%;
  height: 12px;
  position: absolute;
  left: 1px;
  bottom: 1px;
  z-index: -1;
  background-color: #00e08d;
}
#sub.uses .section1 .item_area .item .txt_area .txt_box p {
  margin-top: 30px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #555;
  letter-spacing: -0.5px;
  line-height: 1.5;
}
/*item1 ~ 7*/
#sub.uses .section1 .item_area .item:nth-child(odd) .right {
  text-align: right;
}
#sub.uses .section1 .item_area .item:nth-child(even) .right {
  text-align: left;
}
#sub.uses .section1 .item_area .item1 .img_area {
  padding-right: 52px;
}
#sub.uses .section1 .item_area .item1 .img_area .img_box {
  max-width: 276px;
  height: 264px;
}
#sub.uses .section1 .item_area .item1 .img_area .img_box .img1 {
  width: 350px;
  top: 0;
  right: 0;
}
#sub.uses .section1 .item_area .item1 .img_area .img_box .img2 {
  width: 173px;
  bottom: -11px;
  left: -18px;
  filter: drop-shadow(-14px 14px 13px rgba(3, 12, 48, 0.33));
  -ms-filter: drop-shadow(-14px 14px 13px rgba(3, 12, 48, 0.33));
}

#sub.uses .section1 .item_area .item2 .img_area {
  padding-left: 23px;
}
#sub.uses .section1 .item_area .item2 .img_area .img_box {
  max-width: 340px;
  height: 265px;
}
#sub.uses .section1 .item_area .item2 .img_area .img_box .img1 {
  width: 288px;
  top: 0;
  left: 0;
}
#sub.uses .section1 .item_area .item2 .img_area .img_box .img2 {
  width: 187px;
  top: 53px;
  right: 0;
}
#sub.uses .section1 .item_area .item2 .img_area .img_box .img3 {
  width: 68px;
  top: 80px;
  right: 157px;
}

#sub.uses .section1 .item_area .item3 .img_area {
  padding-right: 35px;
}
#sub.uses .section1 .item_area .item3 .img_area .img_box {
  max-width: 274px;
  height: 261px;
}
#sub.uses .section1 .item_area .item3 .img_area .img_box .img1 {
  width: 259px;
  top: 0;
  right: 0;
}
#sub.uses .section1 .item_area .item3 .img_area .img_box .img2 {
  width: 96px;
  bottom: 8px;
  left: 0;
}

#sub.uses .section1 .item_area .item4 .img_area {
  padding-left: 35px;
}
#sub.uses .section1 .item_area .item4 .img_area .img_box {
  max-width: 274px;
  height: 273px;
}
#sub.uses .section1 .item_area .item4 .img_area .img_box .img1 {
  width: 261px;
  top: 0;
  left: 0;
}
#sub.uses .section1 .item_area .item4 .img_area .img_box .img2 {
  width: 158px;
  bottom: 0;
  right: 0;
}

#sub.uses .section1 .item_area .item5 .img_area {
  padding-right: 30px;
}
#sub.uses .section1 .item_area .item5 .img_area .img_box {
  max-width: 333px;
  height: 272px;
}
#sub.uses .section1 .item_area .item5 .img_area .img_box .img1 {
  width: 265px;
  top: 0;
  right: 0;
}
#sub.uses .section1 .item_area .item5 .img_area .img_box .img2 {
  width: 195px;
  bottom: 0;
  left: 0;
  filter: drop-shadow(-4px 4px 19px rgba(2, 19, 40, 0.25));
  -ms-filter: drop-shadow(-4px 4px 19px rgba(2, 19, 40, 0.25));
}

#sub.uses .section1 .item_area .item6 .img_area {
  padding-left: 35px;
}
#sub.uses .section1 .item_area .item6 .img_area .img_box {
  max-width: 331px;
  height: 263px;
}
#sub.uses .section1 .item_area .item6 .img_area .img_box .img1 {
  width: 264px;
  top: 0;
  left: 0;
}
#sub.uses .section1 .item_area .item6 .img_area .img_box .img2 {
  width: 151px;
  top: 49px;
  right: 0;
  filter: drop-shadow(-4px 4px 19px rgba(2, 19, 40, 0.25));
  -ms-filter: drop-shadow(-4px 4px 19px rgba(2, 19, 40, 0.25));
}

#sub.uses .section1 .item_area .item7 .img_area {
  padding-right: 22px;
}
#sub.uses .section1 .item_area .item7 .img_area .img_box {
  max-width: 354px;
  height: 275px;
}
#sub.uses .section1 .item_area .item7 .img_area .img_box .img1 {
  width: 275px;
  top: 0;
  right: 0;
}
#sub.uses .section1 .item_area .item7 .img_area .img_box .img2 {
  width: 180px;
  top: 13px;
  left: 0;
  filter: drop-shadow(-4px 4px 6px rgba(2, 19, 40, 0.23));
  -ms-filter: drop-shadow(-4px 4px 6px rgba(2, 19, 40, 0.23));
}

#sub.uses .section2 {
  background-color: #f5f8fa;
}
#sub.uses .section2 .inner {
  padding: 130px 0 120px;
}
/*#sub.uses .section2 .faq_area .tit_area h3{font-size:3.6rem; font-weight:300; letter-spacing:-0.5px; line-height:1; text-align:center;}
#sub.uses .section2 .faq_area .tit_area h3 b{font-weight:600;}
#sub.uses .section2 .faq_list ul li > div{position:relative;}
#sub.uses .section2 .faq_list ul li .cir{display:block; width:35px; height:35px; line-height:35px; font-size:1.8rem; font-weight:600; font-family: 'Poppins', 'Noto Sans KR', sans-serif; color:#fff; text-align:center; border-radius:35px; position:absolute; left:20px; top:50%; margin-top:-17.5px;}
#sub.uses .section2 .faq_list{margin-top:50px; border-top:1px solid #111; box-sizing:border-box;}
#sub.uses .section2 .faq_list ul li .q_area .cir{line-height:34px; background-color:#78878f;}
#sub.uses .section2 .faq_list ul li .q_area a{display:block; padding:0 65px; height:80px; line-height:80px; font-size:1.8rem; font-weight:600; color:#4e565b; letter-spacing:-0.5px; position:relative; border-bottom:1px solid #dbdbdb; box-sizing:border-box; background-image:url('/resource/home/img/ico_arr2_down.svg'); background-repeat:no-repeat; background-position:right 20px top 50%; background-size:18px 11px;}
#sub.uses .section2 .faq_list ul li .q_area.on .cir{background-color:#3a60f9; }
#sub.uses .section2 .faq_list ul li .q_area.on a{color:#3a60f9; background-image:url('/resource/home/img/ico_arr2_up.svg');}
#sub.uses .section2 .faq_list ul li .a_area{display:none; padding:30px 20px; box-sizing:border-box; background-color:#fff; border-bottom:1px solid #dbdbdb;}
#sub.uses .section2 .faq_list ul li .a_area > div{position:relative; padding-left:45px; box-sizing:border-box;}
#sub.uses .section2 .faq_list ul li .a_area .cir{padding-left:1px; box-sizing:border-box; background-color:#1f202d; top:5px; left:0; margin-top:0;}
#sub.uses .section2 .faq_list ul li .a_area p{font-size:1.6rem; font-weight:400; letter-spacing:-0.5px; line-height:1.6;}
#sub.uses .section2 .faq_list ul li .a_area span{display:block; margin-top:12px; font-size:1.4rem; font-weight:400; color:#666; letter-spacing:-0.5px; line-height:1;}*/
#sub.uses .section2 .faq_area .btn_wrap {
  margin-top: 53px;
}
#sub.uses .section2 .faq_area .btn_wrap a {
  width: 185px;
}

/*서비스 소개 - 도입안내*/
#sub.introduction .section1 .inner {
  padding: 118px 0 160px;
  box-sizing: border-box;
}
#sub.introduction .section1 .intro {
  height: 630px;
  border-top: 1px solid #e1e1e1;
}
#sub.introduction .section1 .intro2 {
  border-bottom: 1px solid #e1e1e1;
}
#sub.introduction .section1 .intro > div {
  display: -moz-flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  height: 100%;
}
#sub.introduction .section1 .intro .left {
  float: left;
  width: 50%;
}
#sub.introduction .section1 .intro .right {
  float: right;
  width: 50%;
}
#sub.introduction .section1 .intro .img_area {
  position: relative;
  font-size: 0;
  box-sizing: border-box;
  text-align: right;
}
#sub.introduction .section1 .intro .img_box {
  display: inline-block;
  width: 100%;
}
#sub.introduction .section1 .intro .img_box.ani-4 {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  z-index: 1;
  box-sizing: border-box;
}
#sub.introduction .section1 .intro .txt_area .top b {
  display: block;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.5px;
  line-height: 1;
}
#sub.introduction .section1 .intro .txt_area .top strong {
  display: block;
  margin-top: 4px;
  font-size: 3.8rem;
  font-weight: 700;
  letter-spacing: -0.5px;
  line-height: 1;
}
#sub.introduction .section1 .intro .txt_area .top p {
  margin-top: 15px;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.5px;
}
#sub.introduction .section1 .intro .txt_area .btm {
  margin-top: 48px;
  font-size: 0;
}
#sub.introduction .section1 .intro .txt_area .btm p {
  font-size: 1.6rem;
  font-weight: 400;
  color: #444;
  letter-spacing: -0.5px;
  line-height: 1.5;
}
#sub.introduction .section1 .intro .txt_area .btm a {
  display: inline-block;
  margin-top: 25px;
  padding: 0 20px;
  box-sizing: border-box;
  width: 234px;
  height: 50px;
  line-height: 48px;
  font-size: 1.4rem;
  font-weight: 500;
  color: #1761fe;
  letter-spacing: -0.5px;
  border: 1px solid #1761fe;
  border-radius: 10px;
  background-image: url("/resource/home/img/ico_go1.svg");
  background-repeat: no-repeat;
  background-position: right 20px top 50%;
  background-size: 14px 11px;
  box-shadow: 0 0 10px 0 rgba(22, 97, 253, 0.22);
}
#sub.introduction .section1 .intro1 .img_area {
  padding-left: 5.8%;
  padding-right: 3.9%;
}
#sub.introduction .section1 .intro1 .img_box.ani-4 {
  margin-top: -38%;
  padding-left: 23%;
  padding-right: 20%;
}
#sub.introduction .section1 .intro2 .img_area {
  padding-left: 9.4%;
  padding-right: 2.7%;
}
#sub.introduction .section1 .intro2 .img_box.ani-4 {
  margin-top: -31%;
  padding-left: 29%;
  padding-right: 18.3%;
}

/*도입 사례*/
#sub.case .c_btn {
  display: inline-block;
  width: 100%;
  max-width: 240px;
  height: 60px;
  line-height: 60px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.5px;
  text-align: center;
  background-color: #1761fe;
  border-radius: 10px;
  box-shadow: 0 0 10px 0 rgba(22, 97, 253, 0.22);
}
#sub.case .section1 .inner {
  padding: 160px 0 120px;
  box-sizing: border-box;
}
#sub.case .section1 .c_btn {
  margin-top: 41px;
}
#sub.case .section1 .c_cont {
  padding: 80px 0;
  box-sizing: border-box;
  border-top: 1px solid #040f26;
}
#sub.case .section1 .c_cont .c_wrap {
  position: relative;
}
#sub.case .section1 .c_cont .c_box {
  position: absolute;
  left: 0;
  top: 0;
}
#sub.case .section1 .c_cont .c_box .box {
  width: 380px;
  height: 280px;
  border: 1px solid #e9e9e9;
  border-radius: 20px;
  box-shadow: 7px 7px 16px 0 rgba(109, 148, 178, 0.11);
}
#sub.case .section1 .c_cont .c_box .ico {
  display: block;
}
#sub.case .section1 .c_cont .c_box strong {
  display: block;
  margin-top: 15px;
  font-size: 3.2rem;
  font-weight: 700;
  letter-spacing: -1.5px;
  line-height: 1;
}
#sub.case .section1 .c_cont .c_box .top {
  padding: 30px 13.2% 25px;
  box-sizing: border-box;
}
#sub.case .section1 .c_cont .c_box .btm {
  padding: 20px 10.2% 20px 13.2%;
  height: 132px;
  box-sizing: border-box;
  border-top: 1px solid #eee;
}
#sub.case .section1 .c_cont .c_box .btm p {
  font-size: 1.4rem;
  font-weight: 400;
  color: #888;
  letter-spacing: -0.5px;
  line-height: 1.55;
}
#sub.case .section1 .c_cont .txt_box {
  padding-left: 430px;
  box-sizing: border-box;
  height: 300px;
  font-size: 0;
}
.koreaCaseHeight {
  height: 345px !important;
}
#sub.case .section1 .c_cont .txt_box p {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.5px;
  line-height: 1.5;
}

/* 24.02.19 */
#sub.sub.case .case_mo_br{
  display:none;
}
#sub.sub.case .case_tablet_br{
  display:none;
}
#sub.sub.case .case_pc_br{
  display:none;
}
#sub.sub.case .case_laptop_br{
  display:none;
}
/* 
#sub.sub.case .caseList .br{
  display:block;
}
#sub.sub.case .caseList .pcBr{
  display: block;
}
#sub.sub.case .caseItem{
  display: none;
}
#sub.sub.case .caseItem.active{
  display: block;
}
#sub.sub.case .caseList{
  display:grid;
  gap: 4.8rem;
}
#sub.sub.case .caseList > li{
  display: grid;
  grid-template-columns: 493px 1fr;
  box-shadow: 12px 12px 16px 0px #6d94b21c;
  border: 1px solid #e9e9e9;
  border-radius: 2rem;
}
#sub.sub.case .caseList > li .caseList__right{
  display: flex;
  align-items: center;
  padding: 3.5rem 7.2rem;
  border-left: 1px solid #E9E9E9;
}
#sub.sub.case .caseList > li .caseListContent{
  display: grid;
  gap: 3.2rem;
  grid-auto-rows: max-content;
}
#sub.sub.case .caseLogo{
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 300px;
  height: 91px;
  margin: 0 auto;
}
#sub.sub.case .caseList .samsungLogo{
  background-size: 275px 85px;
  background-image: url(../img/logoSamsung.svg);
}
#sub.sub.case .caseList .smLogo{
  background-size: 300px 91px;
  background-image: url(../img/logoSm.svg);
}
#sub.sub.case .caseList .kyoboLogo{
  background-size: 273px 77px;
  background-image: url(../img/kyoboLogo.svg);
}
#sub.sub.case .caseList .oceanLogo{
  background-size: 244px 72px;
  background-image: url(../img/oceanLogo.svg);
}
#sub.sub.case .caseList .seoulPlus50Logo{
  background-size: 294px 66px;
  background-image: url(../img/seoulPlus50Logo.svg)
}
#sub.sub.case .caseList .onegeneLogo{
  background-size: 270px 73px;
  background-image: url(../img/onegeneLogo.svg);
}
#sub.sub.case .caseList .quantecLogo{
  background-size:  310px 70px;
  background-image: url(../img/quantecLogo.svg);
}
#sub.sub.case .caseList .komsaLogo{
  background-size: 193px 78px;
  background-image: url(../img/komsaLogo.svg);
}
#sub.sub.case .caseList .sejongLogo{
  background-size: 276px 53px;
  background-image: url(../img/sejongLogo.svg) ;
}
#sub.sub.case .caseList .krLogo{
  background-size: 167px 88px;
  background-image: url(../img/KR_logo.png);
}
#sub.sub.case .caseList .caseLogoBox{
  padding: 8.5rem 9.5rem;
}
#sub.sub.case .caseList .caseBadgesBox{
  display:flex;
  flex-wrap: wrap;
  justify-content: center;
  border-top: 1px solid #e9e9e9;
}
#sub.sub.case .caseList .caseBadges{
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  gap: .8rem;
  max-width: 38rem;
  padding: 3rem 0;
}
#sub.sub.case .caseList .badges__mx{
  width: 35rem;
}
#sub.sub.case .caseList .caseBadges > div{
  border-radius: 2rem;
  padding: .8rem 1.6rem;
  font-size: 1.6rem;
  background-color: #DDE8FF;
}
#sub.sub.case .caseList .introText{
  font-weight: 700;
  font-size: 1.6rem;
  color: #888;
}
#sub.sub.case .caseList h3{
  font-weight: 700;
  font-size: 2.4rem;
  margin-top: .8rem;
  line-height: 3.475rem;
}
#sub.sub.case .caseList .pointerText{
  color: #1761fe;
  font-weight: 600;
}
#sub.sub.case .caseList .caseDesc{
  display: grid;
  gap: .8rem;
  color: #555;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.317rem;
}
#sub.sub.case .caseList .caseDesc > li::before{
  content:"";
  position: absolute;
  left:7px;
  top:10px;
  width:4px;
  height:4px;
  background-color: #555;
  border-radius: 50%;
}
#sub.sub.case .caseList .caseDesc > li{
  position: relative;
  padding-left:1.9rem;
}
#sub.sub.case .caseList .kr .caseListContent{
  position: relative;
  padding-bottom: 7rem;
}
#sub.sub.case .caseList .caseKrBtn{
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-flex;
  align-items: center;
  height: 6rem;
  border: 1px solid #1761fe;
  border-radius: 1rem;
  font-weight: 700;
  font-size: 1.6rem;
  color: #1761fe;
}
#sub.sub.case .caseList .caseKrBtn a{
  display: inline-flex;
  align-items: center;
  gap: .8rem;
  height: 100%;
  padding: 0 2rem;
}
#sub.sub.case .caseList .caseKrBtn a::after{
  content:"";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(../img/nextBtnBlue.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
} */
/* 25.10.27 도입사례 페이지 리뉴얼 */
#sub.sub.case .caseItem{
  display: none;
}
#sub.sub.case .caseItem.active{
  display: block;
}
#sub.sub.case .caseList{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px; 
}
#sub.sub.case .caseList > li{
  border: 1px solid #E9E9E9;
  background-color: white;
  border-radius: 20px;
  padding: 48px 48px 20px;
  box-sizing: border-box;
  height: 432px;
  display:grid;
  align-content: space-between;
  box-shadow: 12px 12px 16px 0 rgba(109, 148, 178, 0.08);
}
#sub.sub.case .caseList .caseSubTitle{
  color: #888;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2rem;
}
#sub.sub.case .caseList .caseTitle{
  margin-top: 12px;
  color: #000;
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 3.2rem;
  letter-spacing: -0.01em;
}
#sub.sub.case .caseList .caseDesc{
  color: #555;
  line-height: 2.1rem;
  display: grid;
  gap: 8px;
  margin-top: 20px;
  letter-spacing: -0.01em;
}
#sub.sub.case .caseList .caseDesc > li::before{
  content:"";
  position: absolute;
  top: 8px;
  left:0;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #555;
}
#sub.sub.case .caseList .caseDesc > li{
  position: relative;
  padding-left: 11px;
}
#sub.sub.case .caseList .caseLogoBox{
  width: 240px;
  height: 109px;
  display:flex;
  align-items: center;
}

#sub.sub.case .paging {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5.2rem;
  padding-top: 8rem;
}
#sub.sub.case .pagingNum{
  display: flex;
  gap: .8rem;
  align-items: center;
  justify-content: center;
}
#sub.sub.case .pagingNum a{
  width: 3.2rem;
  height: 3.2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  font-weight: 500;
  font-size: 1.6rem;
}
#sub.sub.case .pagingNum .active{
  font-weight: 700;
  font-size: 1.6rem;
  color: white;
  background-color: #1761fe;
  border-radius: 50%;
}
#sub.sub.case .pagingBtn{
  display: block;
  width: 2.8rem;
  height: 2.8rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#sub.sub.case .pagingBtn.prevBtn{
  background-image: url(../img/pagingPrev.svg);
  background-size: 8px 16px;
}
#sub.sub.case .pagingBtn.nextBtn{
  background-image: url(../img/pagingNext.svg);
  background-size: 8px 16px;
}

/* 
  24.02.20 
  law-security
*/
#sub.sub.law3 .m_br{
  display: inline-block;
}
#sub.sub.law3 .pointerText{
  color: #1761fe;
}
#sub.sub.law3 .certificationListContentBox{
  padding: 8rem 0;
  display: grid;
  gap: 7.2rem;
}
#sub.sub.law3 .certificationList{
  display: flex;
  align-items: center;
  gap: 3.2rem;
}
#sub.sub.law3 .certificationList__Logo {
  width: 230px;
  height: 230px;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 12px 12px 16px 0px #6D94B21C;
  border: 1px solid #e9e9e9;
  border-radius: 2rem;
}
#sub.sub.law3 .isoLogo{
  background-image: url(../img/floatingLogo5.png);
  background-size: 102px 102px;
}
#sub.sub.law3 .patentLogo{
  background-image: url(../img/patentIcon.svg);
  background-size: 70px 94px;
}
#sub.sub.law3 .certificationList__text{
  display: grid;
  gap: 2.8rem;
  width: calc(100% - 230px);
}
#sub.sub.law3 .certificationList__title{
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 5.213rem;
}
#sub.sub.law3 .certificationList__content{
  font-weight: 400;
  font-size: 1.6rem;
  color: #555;
  line-height: 2.317rem;
}
#sub.sub.law3 .certificationList__content .certificationList__subTitle{
  font-weight: 500;
  font-size: 2.2rem;
  line-height: 3.186rem;
  margin-bottom: .8rem;
}
#sub.sub.law3 .systemSecurityBox{
  background-color: #f4f7f9;
}
#sub.sub.law3 .systemSecurityContentBox{
  display: grid;
  gap: 5.8rem;
  padding: 16rem 0;
}
#sub.sub.law3 .systemSecurityBox h3{
  text-align: center;
  font-size: 3.6rem;
  font-weight: 700;
}
#sub.sub.law3 .systemSecurityBox h3 .pointerText{
  font-weight: 600;
}
#sub.sub.law3 .systemSecurityListBox > ul{
  display: grid;
  gap: 3.2rem;
  grid-template-columns: 1fr 1fr;
}
#sub.sub.law3 .systemSecurityList{
  border: 1px solid #e9e9e9;
  border-radius: 2rem; 
  box-shadow: 12px 12px 16px 0px #6D94B21C;
  background-color: white;
}
#sub.sub.law3 .systemSecurityList__thumb{
  width: 100%;
  height: 92px;
  background-repeat: no-repeat;
  background-position: center;
  padding: 6.5rem 0;
  display: inline-flex;
  justify-content: center;
}
#sub.sub.law3 .systemSecurityList__text{
  padding: 3.2rem 4.4rem;
  border-top: 1px solid #e9e9e9;
}
#sub.sub.law3 .systemSecurityList__title{
  font-weight: 500;
  font-size: 2.2rem;
}
#sub.sub.law3 .systemSecurityList__content{
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.317rem;
  color: #555;
  margin-top: 1.2rem;
}
#sub.sub.law3 .systemSecurityList__thumb.systemImg1{
  background-image: url(../img/systemIcon1.svg);
  background-size: 273px 77px;
}
#sub.sub.law3 .systemSecurityList__thumb.systemImg2{
  background-image: url(../img/systemIcon2.svg);
  background-size: 239px 69px;
}
#sub.sub.law3 .systemSecurityList__thumb.systemImg3{
  background-image: url(../img/systemIcon3.svg);
  background-size: 231px 92px;
}
#sub.sub.law3 .systemSecurityList__thumb.systemImg4{
  background-image: url(../img/systemIcon4.svg);
  background-size: 273px 70px;
}

/*c_cont1 ~ c_cont5*/
#sub.case .section1 .c_cont1 {
  padding-top: 0 !important;
  border-top: 0;
}
#sub.case .section1 .c_cont5 {
  padding-bottom: 0 !important;
}
#sub.case .section1 .c_cont1 .c_box .ico img {
  width: 89px;
  height: 46px;
}
#sub.case .section1 .c_cont2 .c_box .ico img {
  width: 38px;
  height: 40px;
}
#sub.case .section1 .c_cont3 .c_box .ico img {
  width: 40px;
  height: 40px;
}
#sub.case .section1 .c_cont4 .c_box .ico img {
  width: 164px;
  height: 32px;
}
#sub.case .section1 .c_cont5 .c_box .ico img {
  width: 146px;
  height: 32px;
}
#sub.case .section2 {
  background-color: #f4f7f9;
}
#sub.case .section2 .inner {
  padding: 140px 0 120px;
}
#sub.case .section2 .inner > div {
  float: left;
  width: 50%;
}
#sub.case .section2 .img_area {
  padding: 0 40px;
  box-sizing: border-box;
  font-size: 0;
  text-align: center;
}
#sub.case .section2 .img_box {
  display: inline-block;
  width: 100%;
  max-width: 381px;
}
#sub.case .section2 .txt_area {
  padding-left: 35px;
  box-sizing: border-box;
  font-size: 0;
}
#sub.case .section2 .txt_area .tit p {
  display: inline-block;
  padding: 0 11px;
  box-sizing: border-box;
  font-size: 5rem;
  font-weight: 300;
  letter-spacing: -2px;
  line-height: 1;
  position: relative;
  z-index: 1;
}
#sub.case .section2 .txt_area .tit p::before {
  content: "";
  display: block;
  clear: both;
  width: 100%;
  height: 16px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-color: #00e08a;
}
#sub.case .section2 .txt_area .tit span {
  display: block;
  margin-top: 9px;
}
#sub.case .section2 .txt_area .tit strong {
  font-size: 600;
}
#sub.case .section2 .txt_area .txt {
  margin-top: 38px;
  padding-left: 15px;
  box-sizing: border-box;
}
#sub.case .section2 .txt_area .txt ul li {
  margin-top: 10px;
  padding-left: 30px;
  box-sizing: border-box;
  font-size: 1.8rem;
  font-weight: 400;
  letter-spacing: -0.5px;
  line-height: 1.4;
  position: relative;
}
#sub.case .section2 .txt_area .txt ul li:first-child {
  margin-top: 0;
}
#sub.case .section2 .txt_area .txt ul li::before {
  content: "";
  display: block;
  clear: both;
  width: 20px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 6px;
  background-image: url("/resource/home/img/ico_chk1_c.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
#sub.case .section2 .txt_area .txt .c_btn {
  margin-top: 52px;
}
.introCaseBold {
  font-weight: bold;
}

/*HSM 소개*/
#sub.hsm_idx .section1 .inner {
  padding-top: 115px;
  box-sizing: border-box;
}
#sub.hsm_idx .section1 .video_wrap {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}
#sub.hsm_idx .section1 .txt_area .txt1 {
  font-size: 3.6rem;
  font-weight: 600;
}
#sub.hsm_idx .section1 .txt_area .txt1 strong {
  display: block;
  line-height: 1;
  letter-spacing: -1px;
}
#sub.hsm_idx .section1 .txt_area .txt1 b {
  display: block;
  margin-top: 15px;
  letter-spacing: 0;
  line-height: 1;
}
#sub.hsm_idx .section1 .txt_area .txt2 {
  margin-top: 20px;
  font-size: 1.8rem;
  font-weight: 300;
  letter-spacing: -0.8px;
  line-height: 1.5;
}
#sub.hsm_idx .section1 .video_area {
  margin-top: 50px;
}
#sub.hsm_idx .section1 .video_area .video_box {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
  position: relative;
}
#sub.hsm_idx .section1 .video_area .poster {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
}
#sub.hsm_idx .section1 .video_area .poster .mo {
  display: none;
}
#sub.hsm_idx .section1 .video_area .poster .ico_play {
  display: block;
  width: 88px;
  height: 88px;
  line-height: 88px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -44px;
  margin-left: -44px;
  background-color: #ff0000;
  border-radius: 88px;
  background-image: url("/resource/home/img/ico_play.svg");
  background-repeat: no-repeat;
  background-position: 57% 50%;
  background-size: 25px 28px;
}
#sub.hsm_idx .section1 .video_area .txt {
  margin-top: 15px;
  font-size: 1.4rem;
  font-weight: 300;
  color: #888;
  letter-spacing: -0.5px;
  line-height: 1;
  text-align: center;
}
#sub.hsm_idx .section1 .video_area .txt span {
  letter-spacing: 0;
  text-transform: uppercase;
}
#sub.hsm_idx .section2 {
  background-color: #f4f7f9;
}
#sub.hsm_idx .section2 .inner {
  padding: 240px 0 120px;
  box-sizing: border-box;
  margin-top: -150px;
}
#sub.hsm_idx .section2 .box_area > ul {
  width: 101.58%;
  margin-left: -1.58%;
  margin-top: -1.58%;
}
#sub.hsm_idx .section2 .box_area > ul > li {
  float: left;
  width: 48.42%;
  margin-left: 1.58%;
  margin-top: 1.58%;
}
#sub.hsm_idx .section2 .box_area > ul > li .box {
  height: 340px;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 20px;
  border: 1px solid #e9e9e9;
  box-shadow: 7px 7px 16px 0 rgba(109, 148, 178, 0.11);
  position: relative;
}
#sub.hsm_idx .section2 .box_area > ul > li .ico_box {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -64.5px;
  text-align: center;
}
#sub.hsm_idx .section2 .box_area > ul > li .ico_box span {
  display: block;
  padding: 28.5px 0;
  box-sizing: border-box;
  width: 92px;
  font-size: 0;
  background-color: #1761fe;
  border-radius: 92px;
}
#sub.hsm_idx .section2 .box_area > ul > li .ico_box span img {
  display: inline-block;
}
#sub.hsm_idx .section2 .box_area > ul > li .ico_box strong {
  display: block;
  margin-top: 12px;
  font-size: 2.2rem;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 1;
}
#sub.hsm_idx .section2 .box_area > ul > li.li1 .box .ico_box .ico img {
  width: 29px;
  height: 35px;
}
#sub.hsm_idx .section2 .box_area > ul > li.li2 .box .ico_box .ico img {
  width: 41px;
  height: 35px;
}
#sub.hsm_idx .section2 .box_area > ul > li.li3 .box .ico_box .ico img {
  width: 35px;
  height: 35px;
}
#sub.hsm_idx .section2 .box_area > ul > li.li4 .box .ico_box .ico img {
  width: 35px;
  height: 35px;
}
#sub.hsm_idx .section2 .box_area .txt_box .tbc > ul li {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.5px;
  line-height: 1.5;
}
#sub.hsm_idx .section2 .box_area .txt_box .tbc > ul > li {
  margin-top: 5px;
  padding-left: 15px;
  box-sizing: border-box;
  position: relative;
}
#sub.hsm_idx .section2 .box_area .txt_box .tbc > ul > li:first-child {
  margin-top: 0;
}
#sub.hsm_idx .section2 .box_area .txt_box .tbc > ul > li::before {
  content: "";
  display: block;
  clear: both;
  width: 4px;
  height: 4px;
  position: absolute;
  left: 0;
  top: 11px;
  background-color: #1761fe;
  border-radius: 4px;
}
/*box - odd/even*/
#sub.hsm_idx .section2 .box_area > ul > li:nth-child(odd) .box {
  padding: 0 60px 0 70px;
  box-sizing: border-box;
}
#sub.hsm_idx .section2 .box_area > ul > li:nth-child(even) .box {
  padding: 0 53px;
  box-sizing: border-box;
}
#sub.hsm_idx .section2 .box_area > ul > li:nth-child(odd) .ico_box {
  left: 70px;
}
#sub.hsm_idx .section2 .box_area > ul > li:nth-child(even) .ico_box {
  left: 53px;
}
#sub.hsm_idx .section2 .box_area > ul > li:nth-child(odd) .txt_box {
  padding-left: 180px;
  box-sizing: border-box;
}
#sub.hsm_idx .section2 .box_area > ul > li:nth-child(even) .txt_box {
  padding-left: 150px;
  box-sizing: border-box;
}

/*법적 효력 - 공통*/
#sub.law .sub_visual .visual_txt2 p b {
  margin-top: 0;
  margin-bottom: 8px;
}
#sub.law .tit_area {
  text-align: center;
}
#sub.law .tit_area h3 {
  font-size: 3.6rem;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 1;
}
#sub.law .tit_area h3.ft_pins {
  letter-spacing: 0;
}
#sub.law .tit_area h3 b {
  font-weight: 600;
}
#sub.law .tit_area span {
  display: block;
  margin-top: 17px;
  font-size: 1.8rem;
  font-weight: 300;
  letter-spacing: -0.5px;
  line-height: 1;
}
#sub.law .box {
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 20px;
  border: 1px solid #e9e9e9;
  box-shadow: 7px 7px 16px 0 rgba(109, 148, 178, 0.11);
}

/*법적 효력 - 국내 법적효력*/
#sub.law1 .section1 .inner {
  padding: 115px 0 160px;
}
/*cont1, cont2 공통*/
#sub.law1 .section1 .cont_area {
  margin-top: 58px;
}
#sub.law1 .section1 .list_area h4 {
  font-size: 2.2rem;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 1;
}
#sub.law1 .section1 .list_area > ul {
  margin-top: 20px;
}
#sub.law1 .section1 .list_area .box_con {
  position: relative;
  padding-left: 45px;
  padding-top: 2px;
  box-sizing: border-box;
}
#sub.law1 .section1 .list_area .box_con .cir {
  display: block;
  width: 28px;
  height: 28px;
  line-height: 29px;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  background-color: #1761fe;
  border-radius: 28px;
  text-align: center;
}
#sub.law1 .section1 .list_area .txt_box em {
  display: block;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 1;
}
#sub.law1 .section1 .list_area .txt_box p {
  margin-top: 13px;
  font-weight: 400;
  letter-spacing: -0.5px;
  line-height: 1.5;
}

/*cont1*/
#sub.law1 .section1 .cont1 {
  padding-bottom: 100px;
  box-sizing: border-box;
}
#sub.law1 .section1 .cont1 .list_area ul {
  width: 101.55%;
  margin-left: -1.55%;
}
#sub.law1 .section1 .cont1 .list_area ul li {
  float: left;
  width: 48.45%;
  margin-left: 1.55%;
}
#sub.law1 .section1 .cont1 .list_area ul li .box {
  min-height: 200px;
  padding: 40px 40px 20px;
  box-sizing: border-box;
}
/*cont2*/
#sub.law1 .section1 .cont2 {
  padding-top: 95px;
  box-sizing: border-box;
  border-top: 1px solid #040f26;
}
#sub.law1 .section1 .cont2 .list_area {
  float: left;
  width: 50%;
  padding-right: 10px;
  box-sizing: border-box;
}
#sub.law1 .section1 .cont2 .list_area ul li.li1 .box {
  padding: 40px 40px 45px;
}
#sub.law1 .section1 .cont2 .list_area ul li.li2 {
  margin-top: 20px;
}
#sub.law1 .section1 .cont2 .list_area ul li.li2 .box .box_con1 {
  padding: 40px 40px 33px;
  box-sizing: border-box;
}
#sub.law1 .section1 .cont2 .list_area ul li.li2 .box .box_con1 > div {
  position: relative;
  padding-left: 45px;
  padding-top: 2px;
  box-sizing: border-box;
}
#sub.law1 .section1 .cont2 .list_area ul li.li2 .box .box_con2 {
  padding: 24px 85px 50px;
  box-sizing: border-box;
  border-top: 1px solid #eee;
}
#sub.law1 .section1 .cont2 .list_area ul li.li2 .box .box_con2 ul li {
  position: relative;
  padding-left: 32px;
  box-sizing: border-box;
}
#sub.law1 .section1 .cont2 .list_area ul li.li2 .box .box_con2 ul li b {
  display: block;
  height: 24px;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: -0.5px;
  position: absolute;
  left: 0;
  top: 0;
}
#sub.law1 .section1 .cont2 .list_area ul li.li2 .box .box_con2 ul li p {
  font-weight: 400;
  letter-spacing: -0.5px;
  line-height: 1.5;
}
#sub.law1 .section1 .cont2 .img_area {
  float: left;
  width: 50%;
  padding-top: 105px;
  box-sizing: border-box;
  text-align: right;
  font-size: 0;
}
#sub.law1 .section1 .cont2 .img_area .img_box {
  display: inline-block;
  width: 100%;
  max-width: 540px;
  height: 401px;
  position: relative;
}
#sub.law1 .section1 .cont2 .img_area .img_box img {
  position: absolute;
  width: 100%;
}
#sub.law1 .section1 .cont2 .img_area .img_box .img1 {
  left: 14px;
  bottom: 2px;
  max-width: 414px;
  z-index: 5;
}
#sub.law1 .section1 .cont2 .img_area .img_box .img2 {
  right: 0;
  top: 0;
}

/*법적 효력 - 국제 법적효력*/
#sub.law2 .section1 {
  background-color: #f4f7f9;
}
#sub.law2 .section1 .inner {
  padding: 115px 0 100px;
}
#sub.law2 .section1 .box_area {
  margin-top: 45px;
}
#sub.law2 .section1 .box_area > ul {
  width: 100.8%;
  margin-left: -0.8%;
  margin-top: -0.8%;
}
#sub.law2 .section1 .box_area > ul > li {
  float: left;
  width: 32.5333%;
  margin-left: 0.8%;
  margin-top: 0.8%;
}
#sub.law2 .section1 .box_area > ul > li .box {
  height: 304px;
}
#sub.law2 .section1 .box_area > ul > li.pic1 {
  width: 49.2%;
}
#sub.law2 .section1 .box_area > ul > li.pic1 .box {
  height: 334px;
}
#sub.law2 .section1 .box_area .box .top {
  padding: 36px 42px 24px;
}
#sub.law2 .section1 .box_area .box .top .n_name {
  height: 80px;
  position: relative;
  padding-left: 104px;
  box-sizing: border-box;
}
#sub.law2 .section1 .box_area .box .top .n_name.name_pic {
  padding-top: 3px;
}
#sub.law2 .section1 .box_area .box .top .n_name .ico {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #e9e9e9;
  box-shadow: 7px 7px 16px 0 rgba(109, 148, 178, 0.11);
}
#sub.law2 .section1 .box_area .box .top .n_name .ico img {
  width: 78px;
}
#sub.law2 .section1 .box_area .box .top .n_name p strong {
  display: block;
  font-size: 2.2rem;
  font-weight: 600;
  letter-spacing: -0.7px;
  line-height: 1;
}
#sub.law2 .section1 .box_area .box .ft_pins {
  letter-spacing: 0;
}
#sub.law2 .section1 .box_area .box .top .n_name p span {
  display: block;
  margin-top: 3px;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.2;
}
#sub.law2 .section1 .box_area .box .btm {
  padding: 25px 42px 25px;
  box-sizing: border-box;
  border-top: 1px solid #eee;
}
#sub.law2 .section1 .box_area .box .btm .tb {
  height: auto;
}
#sub.law2 .section1 .box_area .box .btm p {
  font-weight: 300;
  letter-spacing: -0.8px;
  line-height: 1.5;
}
#sub.law2 .section1 .box_area .box .btm p span.ft_pins {
  display: block;
  letter-spacing: 0;
}
#sub.law2 .section1 .box_area .box .btm ul li {
  padding-left: 15px;
  box-sizing: border-box;
  font-weight: 300;
  letter-spacing: -0.8px;
  line-height: 1.5;
  position: relative;
}
#sub.law2 .section1 .box_area .box .btm ul li.ft_pins {
  letter-spacing: 0;
}
#sub.law2 .section1 .box_area .box .btm ul li::before {
  content: "";
  display: block;
  clear: both;
  width: 4px;
  height: 4px;
  position: absolute;
  left: 0;
  top: 10px;
  background-color: #1761fe;
  border-radius: 4px;
}
#sub.law2 .section1 .box_area .box .btm ul.pic1_1 {
  margin-top: 12px;
}
#sub.law2 .section1 .box_area .box .btm ul.pic2_1 li {
  margin-top: 2px;
}
#sub.law2 .section1 .box_area .box .btm ul.pic2_1 li:first-child {
  margin-top: 0;
}
#sub.law2 .section2 .inner {
  padding: 98px 0 140px;
}
#sub.law2 .section2 .map_area {
  margin-top: 35px;
  position: relative;
}
#sub.law2 .section2 .map_area .mo {
  display: none;
  z-index: 10;
}
#sub.law2 .section2 .map_area .menu_mo > ul {
  max-height: 236px;
  overflow: auto;
}
#sub.law2 .section2 .map_area .map {
  text-align: center;
}
#sub.law2 .section2 .map_area .map img {
  max-width: 100%;
}
#sub.law2 .section2 .map_area .nation_list1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#sub.law2 .section2 .map_area .nation_list1 li {
  position: absolute;
  z-index: 5;
}
/*li1~8*/
#sub.law2 .section2 .map_area .nation_list1 li.li1 {
  left: 190px;
  top: 208px;
}
#sub.law2 .section2 .map_area .nation_list1 li.li2 {
  right: 50%;
  top: 168px;
  margin-right: -150px;
}
#sub.law2 .section2 .map_area .nation_list1 li.li3 {
  right: 265px;
  top: 166px;
}
#sub.law2 .section2 .map_area .nation_list1 li.li4 {
  right: 417px;
  top: 250px;
}
#sub.law2 .section2 .map_area .nation_list1 li.li5 {
  right: 308px;
  top: 273px;
}
#sub.law2 .section2 .map_area .nation_list1 li.li6 {
  left: 340px;
  bottom: 85px;
}
#sub.law2 .section2 .map_area .nation_list1 li.li7 {
  left: 50%;
  bottom: 145px;
}
#sub.law2 .section2 .map_area .nation_list1 li.li8 {
  right: 193px;
  bottom: 60px;
}
#sub.law2 .section2 .map_area .nation_list1 li a {
  display: block;
  padding: 19px 0;
  box-sizing: border-box;
  width: 80px;
  border: 1px solid #e9e9e9;
  background-color: #fff;
  border-radius: 80px;
  border: 1px solid #e9e9e9;
  box-shadow: 7px 7px 16px 0 rgba(109, 148, 178, 0.11);
  text-align: center;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
}
#sub.law2 .section2 .map_area .nation_list1 li a span {
  display: block;
  height: 20px;
  font-size: 0;
  text-indent: -9999px;
  background-image: url("/resource/home/img/ico_pointer_b.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 10px 20px;
}
#sub.law2 .section2 .map_area .nation_list1 li a em {
  display: block;
  margin-top: 7px;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.5px;
  line-height: 1;
}
/*hover*/
#sub.law2 .section2 .map_area .nation_list1 li a:hover {
  background-color: #1761fe;
  border-color: #1761fe;
}
#sub.law2 .section2 .map_area .nation_list1 li a:hover span {
  background-image: url("/resource/home/img/ico_pointer_w.svg");
}
#sub.law2 .section2 .map_area .nation_list1 li a:hover em {
  font-weight: 600;
  color: #fff;
}
#sub.law2 .section2 .map_area .nation_list1 li a.on {
  background-color: #1761fe;
  border-color: #1761fe;
}
#sub.law2 .section2 .map_area .nation_list1 li a.on span {
  background-image: url("/resource/home/img/ico_pointer_w.svg");
}
#sub.law2 .section2 .map_area .nation_list1 li a.on em {
  font-weight: 600;
  color: #fff;
}
#sub.law2 .section2 .list_area {
  margin-top: 50px;
}
#sub.law2 .section2 .list_area ul {
  width: 101.2%;
  margin-left: -1.2%;
  margin-top: -1.2%;
}
#sub.law2 .section2 .list_area ul li {
  float: left;
  width: 15.46666%;
  margin-left: 1.2%;
  margin-top: 1.2%;
}
#sub.law2 .section2 .list_area ul li a {
  display: block;
  padding: 0 10px;
  box-sizing: border-box;
  height: 60px;
  line-height: 58px;
  background-color: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 10px;
  box-shadow: 7px 7px 16px 0 rgba(109, 148, 178, 0.11);
  text-align: center;
  font-size: 0;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
}
#sub.law2 .section2 .list_area ul li a:hover {
  border-color: #1761fe;
  box-shadow: 0 0 10px 0 rgba(22, 97, 253, 0.22);
}
#sub.law2 .section2 .list_area ul li a span {
  display: inline-block;
  padding-left: 40px;
  box-sizing: border-box;
  font-size: 1.6rem;
  font-weight: 300;
  letter-spacing: -0.5px;
  background-repeat: no-repeat;
  background-size: 30px 20px;
  background-position: 0 50%;
}

#sub.law2 .section2 .list_area > div {
  display: none;
}
#sub.law2 .section2 .list_area > div.active {
  display: block;
}

/*아시아 - list3*/
#sub.law2 .section2 .list_area .list1 ul li.li1 a span {
  background-image: url("/resource/home/img/ico_na1_1.jpg");
}
#sub.law2 .section2 .list_area .list1 ul li.li2 a span {
  background-image: url("/resource/home/img/ico_na1_2.jpg");
}
#sub.law2 .section2 .list_area .list1 ul li.li3 a span {
  background-image: url("/resource/home/img/ico_na1_3.jpg");
}
#sub.law2 .section2 .list_area .list1 ul li.li4 a span {
  background-image: url("/resource/home/img/ico_na1_4.jpg");
}

#sub.law2 .section2 .list_area .list2 ul li.li1 a span {
  background-image: url("/resource/home/img/ico_na2_1.jpg");
}
#sub.law2 .section2 .list_area .list2 ul li.li2 a span {
  background-image: url("/resource/home/img/ico_na2_2.jpg");
}
#sub.law2 .section2 .list_area .list2 ul li.li3 a span {
  background-image: url("/resource/home/img/ico_na2_3.jpg");
}
#sub.law2 .section2 .list_area .list2 ul li.li4 a span {
  background-image: url("/resource/home/img/ico_na2_4.jpg");
}
#sub.law2 .section2 .list_area .list2 ul li.li5 a span {
  background-image: url("/resource/home/img/ico_na2_5.jpg");
}
#sub.law2 .section2 .list_area .list2 ul li.li6 a span {
  background-image: url("/resource/home/img/ico_na2_6.jpg");
}
#sub.law2 .section2 .list_area .list2 ul li.li7 a span {
  background-image: url("/resource/home/img/ico_na2_7.jpg");
}
#sub.law2 .section2 .list_area .list2 ul li.li8 a span {
  background-image: url("/resource/home/img/ico_na2_8.jpg");
}
#sub.law2 .section2 .list_area .list2 ul li.li9 a span {
  background-image: url("/resource/home/img/ico_na2_9.jpg");
}
#sub.law2 .section2 .list_area .list2 ul li.li10 a span {
  background-image: url("/resource/home/img/ico_na2_10.jpg");
}
#sub.law2 .section2 .list_area .list2 ul li.li11 a span {
  background-image: url("/resource/home/img/ico_na2_11.jpg");
}
#sub.law2 .section2 .list_area .list2 ul li.li12 a span {
  background-image: url("/resource/home/img/ico_na2_12.jpg");
}
#sub.law2 .section2 .list_area .list2 ul li.li13 a span {
  background-image: url("/resource/home/img/ico_na2_13.jpg");
}
#sub.law2 .section2 .list_area .list2 ul li.li14 a span {
  background-image: url("/resource/home/img/ico_na2_14.jpg");
}
#sub.law2 .section2 .list_area .list2 ul li.li15 a span {
  background-image: url("/resource/home/img/ico_na2_15.jpg");
}
#sub.law2 .section2 .list_area .list2 ul li.li16 a span {
  background-image: url("/resource/home/img/ico_na2_16.jpg");
}
#sub.law2 .section2 .list_area .list2 ul li.li17 a span {
  background-image: url("/resource/home/img/ico_na2_17.jpg");
}
#sub.law2 .section2 .list_area .list2 ul li.li18 a span {
  background-image: url("/resource/home/img/ico_na2_18.jpg");
}
#sub.law2 .section2 .list_area .list2 ul li.li19 a span {
  background-image: url("/resource/home/img/ico_na2_19.jpg");
}
#sub.law2 .section2 .list_area .list2 ul li.li20 a span {
  background-image: url("/resource/home/img/ico_na2_20.jpg");
}
#sub.law2 .section2 .list_area .list2 ul li.li21 a span {
  background-image: url("/resource/home/img/ico_na2_21.jpg");
}
#sub.law2 .section2 .list_area .list2 ul li.li22 a span {
  background-image: url("/resource/home/img/ico_na2_22.jpg");
}
#sub.law2 .section2 .list_area .list2 ul li.li23 a span {
  background-image: url("/resource/home/img/ico_na2_23.jpg");
}
#sub.law2 .section2 .list_area .list2 ul li.li24 a span {
  background-image: url("/resource/home/img/ico_na2_24.jpg");
}
#sub.law2 .section2 .list_area .list2 ul li.li25 a span {
  background-image: url("/resource/home/img/ico_na2_25.jpg");
}
#sub.law2 .section2 .list_area .list2 ul li.li26 a span {
  background-image: url("/resource/home/img/ico_na2_26.jpg");
}
#sub.law2 .section2 .list_area .list2 ul li.li27 a span {
  background-image: url("/resource/home/img/ico_na2_27.jpg");
}
#sub.law2 .section2 .list_area .list2 ul li.li28 a span {
  background-image: url("/resource/home/img/ico_na2_28.jpg");
}
#sub.law2 .section2 .list_area .list2 ul li.li29 a span {
  background-image: url("/resource/home/img/ico_na2_29.jpg");
}

#sub.law2 .section2 .list_area .list3 ul li.li1 a span {
  background-image: url("/resource/home/img/ico_na3_1.svg");
}
#sub.law2 .section2 .list_area .list3 ul li.li2 a span {
  background-image: url("/resource/home/img/ico_na3_2.svg");
}
#sub.law2 .section2 .list_area .list3 ul li.li3 a span {
  background-image: url("/resource/home/img/ico_na3_3.svg");
}
#sub.law2 .section2 .list_area .list3 ul li.li4 a span {
  background-image: url("/resource/home/img/ico_na3_4.svg");
}
#sub.law2 .section2 .list_area .list3 ul li.li5 a span {
  background-image: url("/resource/home/img/ico_na3_5.svg");
}
#sub.law2 .section2 .list_area .list3 ul li.li6 a span {
  background-image: url("/resource/home/img/ico_na3_6.svg");
}

#sub.law2 .section2 .list_area .list4 ul li.li1 a span {
  background-image: url("/resource/home/img/ico_na4_1.jpg");
}
#sub.law2 .section2 .list_area .list4 ul li.li2 a span {
  background-image: url("/resource/home/img/ico_na4_2.jpg");
}
#sub.law2 .section2 .list_area .list4 ul li.li3 a span {
  background-image: url("/resource/home/img/ico_na4_3.jpg");
}

#sub.law2 .section2 .list_area .list5 ul li.li1 a span {
  background-image: url("/resource/home/img/ico_na5_1.jpg");
}
#sub.law2 .section2 .list_area .list5 ul li.li2 a span {
  background-image: url("/resource/home/img/ico_na5_2.jpg");
}
#sub.law2 .section2 .list_area .list5 ul li.li3 a span {
  background-image: url("/resource/home/img/ico_na5_3.jpg");
}
#sub.law2 .section2 .list_area .list5 ul li.li4 a span {
  background-image: url("/resource/home/img/ico_na5_4.jpg");
}
#sub.law2 .section2 .list_area .list5 ul li.li5 a span {
  background-image: url("/resource/home/img/ico_na5_5.jpg");
}
#sub.law2 .section2 .list_area .list5 ul li.li6 a span {
  background-image: url("/resource/home/img/ico_na5_6.jpg");
}
#sub.law2 .section2 .list_area .list5 ul li.li7 a span {
  background-image: url("/resource/home/img/ico_na5_7.jpg");
}
#sub.law2 .section2 .list_area .list5 ul li.li8 a span {
  background-image: url("/resource/home/img/ico_na5_8.jpg");
}
#sub.law2 .section2 .list_area .list5 ul li.li9 a span {
  background-image: url("/resource/home/img/ico_na5_9.jpg");
}

#sub.law2 .section2 .list_area .list6 ul li.li1 a span {
  background-image: url("/resource/home/img/ico_na6_1.jpg");
}
#sub.law2 .section2 .list_area .list6 ul li.li2 a span {
  background-image: url("/resource/home/img/ico_na6_2.jpg");
}
#sub.law2 .section2 .list_area .list6 ul li.li3 a span {
  background-image: url("/resource/home/img/ico_na6_3.jpg");
}
#sub.law2 .section2 .list_area .list6 ul li.li4 a span {
  background-image: url("/resource/home/img/ico_na6_4.jpg");
}
#sub.law2 .section2 .list_area .list6 ul li.li5 a span {
  background-image: url("/resource/home/img/ico_na6_5.jpg");
}
#sub.law2 .section2 .list_area .list6 ul li.li6 a span {
  background-image: url("/resource/home/img/ico_na6_6.jpg");
}
#sub.law2 .section2 .list_area .list6 ul li.li7 a span {
  background-image: url("/resource/home/img/ico_na6_7.jpg");
}

#sub.law2 .section2 .list_area .list7 ul li.li1 a span {
  background-image: url("/resource/home/img/ico_na7_1.jpg");
}
#sub.law2 .section2 .list_area .list7 ul li.li2 a span {
  background-image: url("/resource/home/img/ico_na7_2.jpg");
}
#sub.law2 .section2 .list_area .list7 ul li.li3 a span {
  background-image: url("/resource/home/img/ico_na7_3.jpg");
}
#sub.law2 .section2 .list_area .list7 ul li.li4 a span {
  background-image: url("/resource/home/img/ico_na7_4.jpg");
}
#sub.law2 .section2 .list_area .list7 ul li.li5 a span {
  background-image: url("/resource/home/img/ico_na7_5.jpg");
}

#sub.law2 .section2 .list_area .list8 ul li.li1 a span {
  background-image: url("/resource/home/img/ico_na8_1.jpg");
}
#sub.law2 .section2 .list_area .list8 ul li.li2 a span {
  background-image: url("/resource/home/img/ico_na8_2.jpg");
}

/*요금제 안내*/
#sub.price {
}
#sub.price .sub_visual .visual_txt2 p b {
  margin-top: 0;
  margin-bottom: 8px;
}
#sub.price .section .tit_area {
  text-align: center;
}
#sub.price .section .tit_area b {
  display: block;
  font-size: 2.8rem;
  font-weight: 600;
  letter-spacing: -1.5px;
  line-height: 1;
}
#sub.price .section .tit_area h3 {
  font-size: 3.6rem;
  color: #242940;
  font-weight: 600;
  letter-spacing: -1.5px;
  line-height: 1;
}
#sub.price .section .tit_area h3 p {
  font-size: 1.8rem;
  font-weight: 300;
  letter-spacing: -0.5px;
  line-height: 1;
}
#sub.price .section1 {
  background-color: #f4f7f9;
}
#sub.price .section1 .inner {
  padding: 100px 0 120px;
}
#sub.price .section1 .tit_area h3 {
  margin-top: 10px;
  color: #111;
}
#sub.price .section1 .box_wrap {
  width: 100%;
  max-width: 950px;
  margin: 50px auto 0;
}
#sub.price .section1 .box_cont {
  width: 103%;
  margin-left: -3%;
}
#sub.price .section1 .box_wr {
  width: 47%;
  float: left;
  margin-left: 3%;
  position: relative;
  padding-top: 50px;
  box-sizing: border-box;
}
#sub.price .section1 .box_wr > .ico {
  display: block;
  width: 100px;
  height: 100px;
  position: absolute;
  right: 48px;
  top: 0;
  z-index: 5;
  font-size: 0;
  text-indent: -9999px;
  border-radius: 100px;
  background-repeat: no-repeat;
  box-sizing: border-box;
  box-shadow: 5px 5px 9px 0 rgba(0, 0, 0, 0.31);
  background-color: #fff;
}
#sub.price .section1 .box {
  border-radius: 20px;
  overflow: hidden;
}
#sub.price .section1 .box .top {
  min-height: 240px;
  font-size: 0;
  padding: 40px 40px 40px 47px;
  box-sizing: border-box;
}
#sub.price .section1 .box .top b {
  display: block;
  width: 121px;
  height: 31px;
  line-height: 31px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  border-radius: 5px;
  text-align: center;
}
#sub.price .section1 .box .top em {
  display: block;
  margin-top: 18px;
  font-size: 2.4rem;
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.5px;
  line-height: 1;
}
#sub.price .section1 .box .top p {
  margin-top: 13px;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: -0.5px;
  line-height: 1.5;
}
#sub.price .section1 .box .btm {
  padding: 30px 40px 40px;
  box-sizing: border-box;
}
#sub.price .section1 .box .btm ul {
  padding-left: 7px;
  box-sizing: border-box;
}
#sub.price .section1 .box .btm ul li {
  border-top: 1px solid #ddd;
  box-sizing: border-box;
  position: relative;
  font-size: 0;
}
#sub.price .section1 .box .btm ul li:first-child {
  border-top: 0;
}
#sub.price .section1 .box .btm ul li b {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.5px;
}
#sub.price .section1 .box .btm ul li.li_q b {
  padding-right: 25px;
  box-sizing: border-box;
  position: relative;
}
#sub.price .section1 .box .btm ul li.li_q b a {
  width: 20px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -9px;
  font-size: 1.4rem;
  font-weight: 600;
  font-style: normal;
  color: #fff;
  text-align: center;
  border-radius: 10px;
  background-color: #1761fe;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.33);
  letter-spacing: 0;
  border: 0;
}
#sub.price .section1 .box .btm ul li span {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
}
#sub.price .section1 .box .btm ul li span.txt {
  margin-top: -8px;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 1;
}
#sub.price .section1 .box .btm ul li span.cir {
  width: 24px;
  height: 24px;
  margin-top: -10px;
  border-radius: 24px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
#sub.price .section1 .box .btm a {
  margin-top: 22px;
  display: block;
  width: 100%;
  height: 60px;
  line-height: 58px;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.5px;
  text-align: center;
  border-radius: 10px;
  box-sizing: border-box;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}
#sub.price .section1 .box .btm a:hover {
  background-color: #1761fe !important;
  color: #fff !important;
  border-color: #1761fe !important;
}
/*box1 ~ 2*/
#sub.price .section1 .box_wr1 > .ico {
  border: 4px solid #1761fe;
  background-image: url("/resource/home/img/ico_price1_1.svg");
  background-position: 43% 50%;
  background-size: 48px 48px;
}
#sub.price .section1 .box_wr1 .box {
  box-shadow: 0 0 10px 0 rgba(22, 97, 253, 0.22);
}
#sub.price .section1 .box_wr1 .box .top {
  background-color: #1761fe;
}
#sub.price .section1 .box_wr1 .box .top b {
  color: #1761fe;
  background-color: #fff;
}
#sub.price .section1 .box_wr1 .box .top em {
  color: #fff;
}
#sub.price .section1 .box_wr1 .box .top p {
  color: #fff;
}
#sub.price .section1 .box_wr1 .box .btm ul li span.txt {
  color: #00d383;
}
#sub.price .section1 .box_wr1 .box .btm ul li span.cir {
  background-color: #00d383;
  background-image: url("/resource/home/img/ico_check2.svg");
  background-size: 13px 11px;
  background-position: 55% 50%;
}
#sub.price .section1 .box_wr1 .box .btm a {
  color: #1761fe;
  border: 1px solid #1761fe;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(22, 97, 253, 0.22);
}

#sub.price .section1 .box_wr2 > .ico {
  border: 4px solid #dbdee6;
  background-image: url("/resource/home/img/ico_price1_2.svg");
  background-position: 61% 50%;
  background-size: 46px 48px;
}
#sub.price .section1 .box_wr2 .box {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.22);
}
#sub.price .section1 .box_wr2 .box .top {
  background-color: #e3e6ed;
}
#sub.price .section1 .box_wr2 .box .top b {
  color: #fff;
  background-color: #9ea6af;
}
#sub.price .section1 .box_wr2 .box .top em {
  color: #111;
}
#sub.price .section1 .box_wr2 .box .top p {
  color: #676767;
}
#sub.price .section1 .box_wr2 .box .btm ul li span.txt {
  color: #fe1717;
}
#sub.price .section1 .box_wr2 .box .btm ul li span.cir {
  background-color: #fe1717;
  background-image: url("/resource/home/img/ico_x.svg");
  background-size: 10px 10px;
  background-position: 50% 50%;
}
#sub.price .section1 .box_wr2 .box .btm > a {
  color: #797b84;
  border: 1px solid #d1d1d1;
  background-color: #f7f7f7;
}

#sub.price .section2 .inner {
  padding: 127px 0 125px;
}
#sub.price .section2 .radio_tab {
  text-align: center;
}
#sub.price .section2 .item_area {
  margin-top: 45px;
}
#sub.price .section2 .item_area > div {
  display: none;
}
#sub.price .section2 .item_area > div.active {
  display: block;
}
#sub.price .section2 .item_area .tit_area span {
  display: block;
  margin-top: 15px;
  font-size: 1.8rem;
  font-weight: 300;
  letter-spacing: -0.5px;
  line-height: 1.5;
  color: #555;
}
#sub.price .section2 .item_area .top_img {
  margin-top: 24px;
  font-size: 0;
  text-align: center;
}
#sub.price .section2 .item_area .top_img p {
  display: inline-block;
}
#sub.price .section2 .item_area .top_img p img {
  width: auto;
  max-width: 100%;
}
#sub.price .section2 .item_area .top_img .i_mo {
  display: none;
}
#sub.price .section2 .item_area .btm_fee {
  margin-top: 55px;
}
#sub.price .section2 .item_area .btm_fee .tbl_tit {
  text-align: center;
}
#sub.price .section2 .item_area .btm_fee .tbl_tit em {
  font-size: 2rem;
  font-weight: 400;
  color: #111;
  letter-spacing: -0.5px;
}
#sub.price .section2 .item_area .btm_fee .tbl_tit em span {
  font-weight: 800;
  position: relative;
}
#sub.price .section2 .item_area .btm_fee .tbl_tit em span::before {
  content: "";
  display: block;
  clear: both;
  width: 4px;
  height: 4px;
  position: absolute;
  left: 50%;
  top: -2px;
  margin-left: -2px;
  background-color: #2fc673;
  border-radius: 4px;
}
#sub.price .section2 .item_area .btm_fee .tbl_tit p {
  margin-top: 3px;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.5px;
}
#sub.price .section2 .item_area .btm_fee .fee_tbl {
  margin-top: 30px;
  text-align: center;
}
#sub.price .section2 .item_area .fee_tbl .tbl_wrap > ul {
  border-top: 2px solid #7d99a9;
  box-sizing: border-box;
  position: relative;
}
#sub.price .section2 .item_area .fee_tbl .tbl_wrap > ul > li > div {
  float: left;
}
#sub.price .section2 .item_area .fee_tbl .tbl_wrap > ul > li > div.t_cell1 {
  width: 18%;
}
#sub.price .section2 .item_area .fee_tbl .tbl_wrap > ul > li > div.t_cell2 {
  width: 16.25%;
}
#sub.price .section2 .item_area .fee_tbl .tbl_wrap > ul > li > div.t_cell3 {
  width: 16.25%;
}
#sub.price .section2 .item_area .fee_tbl .tbl_wrap > ul > li > div.t_cell4 {
  width: 16.25%;
}
#sub.price .section2 .item_area .fee_tbl .tbl_wrap > ul > li > div.t_cell5 {
  width: 16.25%;
}
#sub.price .section2 .item_area .fee_tbl .tbl_wrap > ul > li > div.t_cell6 {
  width: 17%;
}
#sub.price .section2 .item_area .fee_tbl .tbl_wrap > ul > li > div.pic {
  width: 17%;
}
#sub.price .section2 .item_area .fee_tbl .tbl_wrap > ul > li > div.fir {
  font-size: 1.6rem !important;
  font-weight: 600 !important;
}
#sub.price .section2 .item_area .fee_tbl .tbl_wrap > ul > li.head > div {
  height: 64px;
  font-size: 1.6rem;
  font-weight: 300;
  color: #1761fe;
  background-color: #f4f7f9;
  letter-spacing: -0.5px;
}
#sub.price .section2 .item_area .fee_tbl .tbl_wrap > ul > li.head > div.fir {
  color: #111;
}
#sub.price .section2 .item_area .fee_tbl .tbl_wrap > ul > li.head > div b {
  font-weight: 600;
}
#sub.price
  .section2
  .item_area
  .fee_tbl
  .tbl_wrap
  > ul
  > li.head
  > div
  b.ft_pins {
  font-size: 1.8rem;
}
#sub.price .section2 .item_area .fee_tbl .tbl_wrap > ul > li:not(.head) > div {
  height: auto;
  border-top: 1px solid #c3c3c3;
  padding: 15px 10px;
  box-sizing: border-box;
  font-size: 0;
}
#sub.price
  .section2
  .item_area
  .fee_tbl
  .tbl_wrap
  > ul
  > li:not(.head)
  > div.pic {
  font-size: 1.8rem;
  font-weight: 600;
}
#sub.price
  .section2
  .item_area
  .fee_tbl
  .tbl_wrap
  > ul
  > li:not(.head)
  > div
  a {
  display: block;
  border-radius: 10px;
  position: relative;
  transition: none;
}
#sub.price
  .section2
  .item_area
  .fee_tbl
  .tbl_wrap
  > ul
  > li:not(.head)
  > div
  a.on {
  box-shadow: 5px 5px 10px 0 rgba(140, 140, 140, 0.22);
  background: linear-gradient(180deg, #375ef8 0%, #0b3af6 100%);
}
#sub.price
  .section2
  .item_area
  .fee_tbl
  .tbl_wrap
  > ul
  > li:not(.head)
  > div
  a.on::before {
  opacity: 1;
}
#sub.price
  .section2
  .item_area
  .fee_tbl
  .tbl_wrap
  > ul
  > li:not(.head)
  > div.b_none {
  border: none;
}
#sub.price .section2 .item_area .fee_tbl .tbl_wrap > ul > li.month_fee > div {
  min-height: 85px;
}
#sub.price
  .section2
  .item_area
  .fee_tbl
  .tbl_wrap
  > ul
  > li.month_fee
  > div.pic {
  min-height: 197px;
  position: absolute;
  right: 0;
  bottom: 0;
}
#sub.price .section2 .item_area .fee_tbl .tbl_wrap > ul > li.month_fee > div a {
  padding: 18px 0;
  box-sizing: border-box;
}
#sub.price
  .section2
  .item_area
  .fee_tbl
  .tbl_wrap
  > ul
  > li.month_fee
  > div
  em {
  display: inline-block;
  padding-left: 25px;
  box-sizing: border-box;
  font-size: 1.8rem;
  font-weight: 500;
  color: #0e101f;
  letter-spacing: -0.5px;
  position: relative;
  line-height: 1;
}
#sub.price
  .section2
  .item_area
  .fee_tbl
  .tbl_wrap
  > ul
  > li.month_fee
  > div
  em::before {
  content: "";
  display: block;
  clear: both;
  width: 21px;
  height: 22px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
  background-image: url("/resource/home/img/ico_won3_1_b.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
#sub.price
  .section2
  .item_area
  .fee_tbl
  .tbl_wrap
  > ul
  > li.month_fee
  > div
  a.on
  em {
  color: #fff;
}
#sub.price
  .section2
  .item_area
  .fee_tbl
  .tbl_wrap
  > ul
  > li.month_fee
  > div
  a.on
  em::before {
  background-image: url("/resource/home/img/ico_won3_1_w.svg");
}
#sub.price .section2 .promotion-event-img-banner {
  width: 100%;
  margin: 6.8rem 0;

  display: block;
}

#sub.price .section2 .promotion-event-img-banner img{
  max-width: 100%;
}

#sub.price .section2 .item_area .fee_tbl .tbl_wrap > ul > li.year_fee > div {
  min-height: 112px;
}
#sub.price .section2 .item_area .fee_tbl .tbl_wrap > ul > li.year_fee > div a {
  padding: 20px 0;
  box-sizing: border-box;
}
#sub.price
  .section2
  .item_area
  .fee_tbl
  .tbl_wrap
  > ul
  > li.year_fee
  > div
  a
  p {
  display: inline-block;
  padding-left: 18px;
  font-size: 12px;
  font-weight: 500;
  color: rgba(14, 16, 31, 0.7);
  line-height: 1;
  position: relative;
  letter-spacing: -0.5px;
}
#sub.price
  .section2
  .item_area
  .fee_tbl
  .tbl_wrap
  > ul
  > li.year_fee
  > div
  a
  p::before {
  content: "";
  display: block;
  clear: both;
  width: 15px;
  height: 9px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -4px;
  background-image: url("/resource/home/img/ico_won3_2_g2.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  opacity: 0.7;
}
#sub.price
  .section2
  .item_area
  .fee_tbl
  .tbl_wrap
  > ul
  > li.year_fee
  > div
  a
  p
  span {
  font-size: 1.4rem;
}
#sub.price
  .section2
  .item_area
  .fee_tbl
  .tbl_wrap
  > ul
  > li.year_fee
  > div
  a
  strong {
  display: inline-block;
  margin-top: 5px;
  padding-left: 25px;
  font-size: 2.2rem;
  color: #111;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.9px;
  position: relative;
}
#sub.price
  .section2
  .item_area
  .fee_tbl
  .tbl_wrap
  > ul
  > li.year_fee
  > div
  a
  strong::before {
  content: "";
  display: block;
  clear: both;
  width: 21px;
  height: 13px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
  background-image: url("/resource/home/img/ico_won3_3_b.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
#sub.price
  .section2
  .item_area
  .fee_tbl
  .tbl_wrap
  > ul
  > li.year_fee
  > div
  a.on
  p {
  color: rgba(255, 255, 255, 0.77);
}
#sub.price
  .section2
  .item_area
  .fee_tbl
  .tbl_wrap
  > ul
  > li.year_fee
  > div
  a.on
  p::before {
  background-image: url("/resource/home/img/ico_won3_2_g.svg");
}
#sub.price
  .section2
  .item_area
  .fee_tbl
  .tbl_wrap
  > ul
  > li.year_fee
  > div
  a.on
  strong {
  color: #fff;
}
#sub.price
  .section2
  .item_area
  .fee_tbl
  .tbl_wrap
  > ul
  > li.year_fee
  > div
  a.on
  strong::before {
  background-image: url("/resource/home/img/ico_won3_3_w.svg");
}
#sub.price
  .section2
  .item_area
  .fee_tbl
  .tbl_wrap
  > ul
  > li:not(.head)
  > div
  a::after {
  display: block;
  clear: both;
  width: 38px;
  height: 37px;
  line-height: 37px;
  position: absolute;
  right: -25px;
  top: -23px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.3px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  box-shadow: 5px 5px 10px 0px rgba(140, 140, 140, 0.22);
}
#sub.price
  .section2
  .item_area
  .fee_tbl
  .tbl_wrap
  > ul
  > li:not(.head)
  > div
  .rmd {
  display: block;
  width: 38px;
  height: 37px;
  line-height: 36.5px;
  position: absolute;
  right: -1px;
  top: -3px;
  z-index: 5;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.3px;
}
#sub.price
  .section2
  .item_area
  .fee_tbl
  .tbl_wrap
  > ul
  > li:not(.head)
  > div
  .rmd
  img {
  position: absolute;
  left: 0;
  top: 0;
  width: 38px;
  height: 37px;
  z-index: -1;
  filter: drop-shadow(5px 5px 10px rgba(140, 140, 140, 0.22));
  -ms-filter: drop-shadow(5px 5px 10px rgba(140, 140, 140, 0.22));
}
#sub.price .section2 .item_area .fee_tbl .tbl_wrap .tbl_foot {
  padding: 20px 40px;
  box-sizing: border-box;
  border-top: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
  box-sizing: border-box;
  background-color: #f4f7f9;
}
#sub.price .section2 .item_area .fee_tbl .tbl_wrap .tbl_foot .left {
  float: left;
}
#sub.price .section2 .item_area .fee_tbl .tbl_wrap .tbl_foot .left p {
  height: 50px;
  line-height: 50px;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.5px;
}
#sub.price .section2 .item_area .fee_tbl .tbl_wrap .tbl_foot .left p span {
  font-weight: 500;
  color: #1560fd;
}
#sub.price .section2 .item_area .fee_tbl .tbl_wrap .tbl_foot .right {
  float: right;
  font-size: 0;
}
#sub.price .section2 .item_area .fee_tbl .tbl_wrap .tbl_foot .right > span {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.6rem;
  font-weight: 500;
  color: #797b84;
  letter-spacing: -0.5px;
  line-height: 1;
}
#sub.price .section2 .item_area .fee_tbl .tbl_wrap .tbl_foot .right .drp_wrap {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  width: 265px;
  text-align: left;
}

#sub.price .section2 .item_area .fee_tbl .tbl_wrap .tbl_foot .left > a {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  width: 160px;
  height: 50px;
  line-height: 50px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #fff;
  letter-spacing: -0.5px;
  background-color: #1560fd;
  border-radius: 10px;
}
#sub.price .section2 .item_area .fee_tbl .tbl_wrap .tbl_foot .right > a {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  width: 160px;
  height: 50px;
  line-height: 50px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #fff;
  letter-spacing: -0.5px;
  background-color: #1560fd;
  border-radius: 10px;
}
#sub.price .section3 {
  background-image: url("/resource/home/img/bg_price3.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
#sub.price .section3 .inner {
  padding: 85px 0 115px;
  position: relative;
}
#sub.price .section3 .tit_area h3 {
  color: #fff;
}
#sub.price .section3 .list_area {
  margin-top: 50px;
}
#sub.price .section3 .list_area ul {
  width: 100.8%;
  margin-left: -0.8%;
  margin-top: -0.8%;
}
#sub.price .section3 .list_area ul li {
  float: left;
  width: 15.8666%;
  margin-left: 0.8%;
  margin-top: 0.8%;
}
#sub.price .section3 .list_area ul li .box {
  height: 120px;
  padding: 0 3%;
  box-sizing: border-box;
  border: 1px solid #e9e9e9;
  background-color: #fff;
  text-align: center;
  box-shadow: 7px 7px 16px 0 rgba(109, 148, 178, 0.11);
  border-radius: 10px;
}
#sub.price .section3 .list_area ul li .box span {
  display: block;
}
#sub.price .section3 .list_area ul li .box em {
  display: block;
  margin-top: 13px;
  font-weight: 400;
  letter-spacing: -0.5;
  line-height: 1;
}
#sub.price .section3 .list_area ul li.wid18 .box span img {
  width: 18px;
}
#sub.price .section3 .list_area ul li.wid20 .box span img {
  width: 20px;
}
#sub.price .section3 .list_area ul li.wid21 .box span img {
  width: 21px;
}
#sub.price .section3 .list_area ul li.wid23 .box span img {
  width: 23px;
}
#sub.price .section3 .list_area ul li.wid25 .box span img {
  width: 25px;
}
#sub.price .section3 .list_area ul li.wid26 .box span img {
  width: 26px;
}
#sub.price .section3 .list_area ul li.wid29 .box span img {
  width: 29px;
}
#sub.price .section3 .list_area ul li.wid33 .box span img {
  width: 33px;
}
#sub.price .section3 .list_area ul li.wid35 .box span img {
  width: 35px;
}
#sub.price .section3 .list_area ul li.wid72 .box span img {
  width: 72px;
}
#sub.price .section3 .go_simul {
  width: 100%;
  max-width: 640px;
  padding-left: 78px;
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  bottom: -50px;
  margin-left: -320px;
  z-index: 15;
  border: 1px solid #1761fe;
  border-radius: 40px;
  background-color: #f4f7f9;
}
#sub.price .section3 .go_simul em {
  display: block;
  height: 78px;
  line-height: 78px;
  font-size: 2rem;
  font-weight: 600;
  color: #242940;
  letter-spacing: -0.5px;
}
#sub.price .section3 .go_simul a {
  display: block;
  position: absolute;
  right: 17px;
  top: 50%;
  margin-top: -27px;
  width: 54px;
  height: 54px;
  border-radius: 54px;
  font-size: 0;
  text-indent: -9999px;
  background-color: #1560fd;
  background-image: url("/resource/home/img/ico_arr_r2.svg");
  background-position: 58% 50%;
  background-repeat: no-repeat;
  background-size: 14px 18px;
  box-shadow: 0 0 10px 0 rgba(22, 97, 253, 0.22);
}
#sub.price .section4 .inner {
  padding: 125px 0 75px;
}
#sub.price .section4 .tit_area span {
  display: block;
  margin-top: 15px;
  font-weight: 300;
  letter-spacing: -0.5px;
  line-height: 1;
}
#sub.price .section4 .list_area {
  margin-top: 70px;
}
#sub.price .section4 .spt_list {
  width: 100%;
  max-width: 832px;
  margin: 0 auto;
}
#sub.price .section4 .spt_list ul {
  width: 100%;
  display:flex;
  gap: 26px;
}
#sub.price .section4 .spt_list ul::after{
  display: none;
}
#sub.price .section4 .spt_list ul li {
  flex: 1;
}
#sub.price .section4 .spt_list ul li.li1 img{
  margin-left: 8px;
}
#sub.price .section4 .spt_list ul li.li3 img{
  margin-left: -6px;
}
#sub.price .section4 .spt_list ul li > a {
  display: block;
}
#sub.price .section4 .spt_list ul li .box {
  height: 220px;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.09);
  position: relative;
  text-align: center;
  font-size: 0;
}
#sub.price .section4 .spt_list ul li .box b {
  display: block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
  position: absolute;
  left: -10px;
  top: -10px;
  border-radius: 54px;
  background-color: #1560fd;
  text-align: center;
  letter-spacing: -0.5px;
}
#sub.price .section4 .spt_list ul li .box {
  display: block;
  padding-block: 24px;
  box-sizing: border-box;
}
#sub.price .section4 .spt_list ul li .box img {
  display: inline-block;
}
/*spt_list li1~3*/

#sub.price .section4 .spt_list ul li .img_box{
  width: 100%;
  height: 120px;
  display: flex;
  align-items:center;
  justify-content: center;
}
#sub.price .section4 .spt_list ul li.li1 .box img {
  width: 83px;
}
#sub.price .section4 .spt_list ul li.li2 .box img {
  width: 94px;
}
#sub.price .section4 .spt_list ul li.li3 .box img {
  width: 86px;
}
#sub.price .section4 .spt_list ul li .box em {
  display: block;
  margin-top: 8px;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1;
}

/*고객지원 - 고객지원*/
#sub.cs_idx {
}
#sub.cs_idx .box {
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 20px;
  border: 1px solid #e9e9e9;
  box-shadow: 7px 7px 16px 0 rgba(109, 148, 178, 0.11);
}
#sub.cs_idx .sub_visual .visual_txt2 b {
  line-height: 1;
}
#sub.cs_idx .tit_area {
  text-align: center;
}
#sub.cs_idx .tit_area h3 {
  font-size: 3.6rem;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 1;
}
#sub.cs_idx .section1 {
  background-image: url("/resource/home/img/bg_cs_idx_sec1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
#sub.cs_idx .section1 .inner {
  padding: 90px 0 108px;
}
#sub.cs_idx .section1 .tit_area {
  font-size: 0;
}
#sub.cs_idx .section1 .tit_area h3 {
  display: inline-block;
  padding: 32px 20px 0 25px;
  color: #fff;
  position: relative;
  background-image: url("/resource/home/img/ico_chk1_c2.svg");
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: 32px 25px;
}
#sub.cs_idx .section1 .tit_area h3::before,
#sub.cs_idx .section1 .tit_area h3::after {
  content: "";
  display: block;
  clear: both;
  width: 14px;
  height: 14px;
  position: absolute;
  z-index: 2;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 14px 14px;
}
#sub.cs_idx .section1 .tit_area h3::before {
  background-image: url("/resource/home/img/ico_ku1.svg");
  left: 0;
  bottom: 0;
}
#sub.cs_idx .section1 .tit_area h3::after {
  background-image: url("/resource/home/img/ico_ku2.svg");
  right: 0;
  top: 26px;
}
#sub.cs_idx .section1 .srch_area {
  max-width: 640px;
}
#sub.cs_idx .section1 .srch_area .hash_list {
  margin-top: 18px;
  font-size: 0;
  text-align: center;
}
#sub.cs_idx .section1 .srch_area .hash_list ul {
  margin-top: -10px;
}
#sub.cs_idx .section1 .srch_area .hash_list ul li {
  display: inline-block;
  margin-left: 10px;
  margin-top: 10px;
}
#sub.cs_idx .section1 .srch_area .hash_list ul li:first-child {
  margin-left: 0;
}
#sub.cs_idx .section1 .srch_area .hash_list ul li a {
  display: inline-block;
  padding: 0 18.5px;
  box-sizing: border-box;
  height: 33px;
  line-height: 33px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #fff;
  letter-spacing: -0.5px;
  background-color: #1456e3;
  border-radius: 16.5px;
}
#sub.cs_idx .section1 .srch_area .sb_ipt {
  display: block;
  margin-top: 60px;
  text-align: center;
}
#sub.cs_idx .section1 .srch_area .sb_ipt .c_btn2 {
  color: #1761fe;
  background-color: #fff;
}

#sub.cs_idx .section2 .inner {
  padding: 105px 0 100px;
}
#sub.cs_idx .section2 .box_area {
  margin-top: 50px;
}
#sub.cs_idx .section2 .box_area > ul {
  width: 101.55%;
  margin-left: -1.55%;
  margin-top: -1.55%;
}
#sub.cs_idx .section2 .box_area > ul > li {
  float: left;
  margin-left: 1.55%;
  margin-top: 1.55%;
  text-align: center;
  font-size: 0;
}
#sub.cs_idx .section2 .box_area ul li.li_st1 {
  width: 23.45%;
}
#sub.cs_idx .section2 .box_area ul li.li_st1 .box {
  height: 305px;
  padding: 0 40px;
  box-sizing: border-box;
}
#sub.cs_idx .section2 .box_area ul li.li_st1 .ico img {
  display: inline-block;
}
/*ico1~4*/
#sub.cs_idx .section2 .box_area ul li.li_st1 .ico1 img {
  width: 43px;
  height: 39px;
}
#sub.cs_idx .section2 .box_area ul li.li_st1 .ico2 img {
  width: 44px;
  height: 39px;
}
#sub.cs_idx .section2 .box_area ul li.li_st1 .ico3 img {
  width: 43px;
  height: 39px;
}
#sub.cs_idx .section2 .box_area ul li.li_st1 .ico4 img {
  width: 44px;
  height: 31px;
}
#sub.cs_idx .section2 .box_area ul li.li_st1 em {
  display: block;
  margin-top: 12px;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 1;
}
#sub.cs_idx .section2 .box_area ul li.li_st1 p {
  margin-top: 10px;
  font-size: 1.4rem;
  font-weight: 400;
  color: #888;
  letter-spacing: -0.5px;
  line-height: 1.5;
}
#sub.cs_idx .section2 .box_area ul li.li_st1 .c_btn2 {
  margin-top: 22px;
  max-width: 335px;
}
#sub.cs_idx .section2 .box_area ul li.li_st2 {
  width: 48.45%;
  position: relative;
}

#sub.cs_idx .section2 .box_area ul li.li_st2_1 .box {
  padding: 50px 50px 50px 40px;
}
#sub.cs_idx .section2 .box_area ul li.li_st2_1 .box_cont {
  position: relative;
}
#sub.cs_idx .section2 .box_area ul li.li_st2_1 .txt_area {
  text-align: left;
}
#sub.cs_idx .section2 .box_area ul li.li_st2_1 .txt_area em {
  display: block;
  font-size: 2.2rem;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 1;
}
#sub.cs_idx .section2 .box_area ul li.li_st2_1 .txt_area .cs_time {
  margin-top: 45px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #0d0d0d;
  letter-spacing: -0.5px;
  line-height: 1.5;
}
#sub.cs_idx .section2 .box_area ul li.li_st2_1 .txt_area span {
  display: block;
  margin-top: 25px;
  font-size: 4.6rem;
  font-weight: 200;
  letter-spacing: 0;
  line-height: 1.1;
}
#sub.cs_idx .section2 .box_area ul li.li_st2_1 .txt_area span i {
  font-size: 3.6rem;
  font-style: normal;
}
#sub.cs_idx .section2 .box_area ul li.li_st2_1 .txt_area span b {
  display: block;
  font-size: 5.6rem;
  font-weight: 700;
}
#sub.cs_idx .section2 .box_area ul li.li_st2_1 .img_area {
  position: absolute;
  right: -7px;
  top: 10px;
  padding-left: 247px;
  box-sizing: border-box;
  width: 100%;
}
#sub.cs_idx .section2 .box_area ul li.li_st2_1 .img_area img {
  max-width: 260px;
}

#sub.cs_idx .section2 .box_area ul li.li_st2_2 .box {
  padding: 45px 60px 50px 48px;
}
#sub.cs_idx .section2 .box_area ul li.li_st2_2 .box_tit {
  text-align: left;
  position: relative;
}
#sub.cs_idx .section2 .box_area ul li.li_st2_2 .box_tit em {
  display: block;
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: -0.5px;
  line-height: 1;
}
#sub.cs_idx .section2 .box_area ul li.li_st2_2 .box_tit p {
  font-size: 1.4rem;
  color: #888;
  margin-top: 13px;
  line-height: 1;
  letter-spacing: -0.5px;
  font-weight: lighter;
}
#sub.cs_idx .section2 .box_area ul li.li_st2_2 .box_tit .right {
  position: absolute;
  right: 0;
  bottom: 0;
}
#sub.cs_idx .section2 .box_area ul li.li_st2_2 .box_tit .right .more_btn {
  display: inline-block;
  padding: 0 14px;
  width: 96px;
  height: 36px;
  line-height: 36px;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  box-sizing: border-box;
  border-radius: 5px;
  text-align: left;
  overflow: hidden;
  z-index: 1;
  box-shadow: 0px 5px 10px 0px rgba(140, 140, 140, 0.22);
  background: linear-gradient(
    to bottom,
    rgb(159, 171, 180) 20%,
    rgb(139, 154, 165) 100%
  );
  position: relative;
}
#sub.cs_idx
  .section2
  .box_area
  ul
  li.li_st2_2
  .box_tit
  .right
  .more_btn::before {
  content: "";
  display: block;
  position: absolute;
  right: 14px;
  top: 50%;
  margin-top: -4.5px;
  width: 11px;
  height: 9px;
  background-image: url(/resource/home/img/ico_more.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
#sub.cs_idx .section2 .box_area ul li.li_st2_2 .box_cont {
  margin-top: 32px;
}
#sub.cs_idx .section2 .box_area ul li.li_st2_2 .box_cont ul li {
  position: relative;
  margin-top: 10px;
}
#sub.cs_idx .section2 .box_area ul li.li_st2_2 .box_cont ul li:first-of-type {
  margin-top: 0;
}
#sub.cs_idx .section2 .box_area ul li.li_st2_2 .box_cont ul li a {
  display: block;
  height: 50px;
  line-height: 48px;
  font-size: 1.6rem;
  font-weight: 700;
  border: 1px solid #eee;
  box-shadow: 0px 2px 11.83px 1.17px rgba(0, 0, 0, 0.09);
  border-radius: 10px;
  text-align: center;
  box-sizing: border-box;
  transition: all 0.2s;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}
#sub.cs_idx .section2 .box_area ul li.li_st2_2 .box_cont ul li a:hover {
  border: 1px solid #3a60f9;
  box-shadow: 0px 2px 14.56px 1.44px rgba(167, 170, 180, 0.23);
}
#sub.cs_idx .section2 .box_area ul li.li_st2_2 .box_cont ul li i {
  position: absolute;
  left: 0;
  top: 0;
  width: 88px;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
  font-style: normal;
  background-image: linear-gradient(
    to bottom,
    rgb(66, 102, 249) 20%,
    rgb(33, 76, 248) 100%
  );
  text-align: center;
  border-radius: 10px 0 0 10px;
}
#sub.cs_idx .section2 .box_area ul li.li_st2_2 .box_cont ul li .txt {
  padding-left: 106px;
  padding-right: 20px;
  font-size: 1.4rem;
  font-weight: 400;
  color: #555;
}
#sub.cs_idx .section2 .box_area ul li.li_st2_2 .box_cont ul li .txt p {
  padding-right: 70px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
#sub.cs_idx .section2 .box_area ul li.li_st2_2 .box_cont ul li .txt span {
  position: absolute;
  right: 20px;
  top: 0;
}

/*고객지원 - 공지사항/이벤트 - 리스트*/
#sub.board_idx .sub_visual .visual_txt2 p {
  line-height: 1.75;
}
#sub.board_idx .sub_visual .visual_txt2 b {
  display: inline-block;
  margin-top: 0;
}
#sub.board_idx .section1 {
  padding: 120px 0 160px;
  box-sizing: border-box;
}
#sub.board_idx .bbs_area .top {
  position: relative;
  margin-bottom: 10px;
}
#sub.board_idx .bbs_area .top p {
  height: 40px;
  line-height: 40px;
}
#sub.board_idx .bbs_area .top .srch_wrap {
  position: absolute;
  right: 0;
  top: 0;
}
#sub.board_idx .bbs_area .bbs {
  border-top: 1px solid #000;
}
#sub.board_idx .bbs_area .bbs table tbody tr {
  border-bottom: 1px solid #dfdfdf;
  box-sizing: border-box;
  font-size: 0;
}
#sub.board_idx .bbs_area .bbs table tbody td {
  font-size: 0;
  padding: 26.5px 7.5px;
  box-sizing: border-box;
}
#sub.board_idx .bbs_area .bbs table tbody td.case {
  text-align: center;
}
#sub.board_idx .bbs_area .bbs table tbody td.title {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.5px;
  transition: all 0.4s ease;
}
#sub.board_idx .bbs_area .bbs table tbody td.title .new {
  display: none;
  display: inline-block;
  margin-top: 4px;
  vertical-align: top;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 0;
  background-color: #00e08b;
  border-radius: 18px;
  text-align: center;
}
#sub.board_idx .bbs_area .bbs table tbody td.title .new:before {
  content: "N";
  display: inline-block;
  clear: both;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  text-indent: -2px;
}
#sub.board_idx .bbs_area .bbs table tbody td.title.new_one .new {
  display: block;
}
#sub.board_idx .bbs_area .bbs table tbody td p {
  padding-right: 25px;
  box-sizing: border-box;
  display: inline-block;
  line-height: 1.5;
  position: relative;
}
#sub.board_idx .bbs_area .bbs table tbody td span {
  display: inline-block;
  box-sizing: border-box;
  font-size: 1.4rem;
  font-weight: 400;
  color: #929ca1;
  letter-spacing: -0.5px;
  line-height: 1;
  position: relative;
}
#sub.board_idx .bbs_area .bbs table tbody td span i {
  display: block;
  font-size: 0;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: absolute;
  left: 0;
}
#sub.board_idx .bbs_area .bbs table tbody td.pic {
  padding: 26.5px 10px;
}
#sub.board_idx .bbs_area .bbs table tbody td.pic2 {
  padding: 26.5px 10px;
}
#sub.board_idx .bbs_area .bbs table tbody tr:hover td.title {
  color: #1761fe;
  font-weight: 600;
}

/*고객지원 - 공지사항/이벤트 - 뷰페이지*/
#sub.board_view .sub_visual .visual_txt2 p {
  line-height: 1.75;
}
#sub.board_view .sub_visual .visual_txt2 b {
  display: inline-block;
  margin-top: 0;
}
#sub.board_view .section1 .inner {
  padding: 120px 0;
  box-sizing: border-box;
}
#sub.board_view .bbs_area .bbs .title {
  padding: 24px 20px 29px;
  box-sizing: border-box;
  border-top: 1px solid #111;
}
#sub.board_view .bbs_area .bbs .title dl {
  font-size: 0;
}
#sub.board_view .bbs_area .bbs .title dl dt {
  display: block;
  margin-bottom: 10px;
}
#sub.board_view .bbs_area .bbs .title dl dt .tit_txt {
  margin-top: 8px;
}
#sub.board_view .bbs_area .bbs .title dl dt .tit_txt strong {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 600;
  color: #222;
  letter-spacing: -0.5px;
  line-height: 1.4;
  position: relative;
}
#sub.board_view .bbs_area .bbs .title dl dt .tit_txt strong .new {
  /*position:absolute; right:0; top:2px;*/
  display: inline-block;
  vertical-align: top;
  margin-left: 8px;
  margin-top: 5px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 0;
  background-color: #00e08b;
  border-radius: 18px;
  text-align: center;
}
#sub.board_view .bbs_area .bbs .title dl dt .tit_txt strong .new:before {
  content: "N";
  display: inline-block;
  clear: both;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
}
#sub.board_view .bbs_area .bbs .title dl dd {
  font-size: 0;
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
}
#sub.board_view .bbs_area .bbs .title dl dd.pic1 {
  margin-left: 0;
}
#sub.board_view .bbs_area .bbs .title dl dd span {
  display: inline-block;
  box-sizing: border-box;
  font-size: 1.4rem;
  font-weight: 400;
  color: #929ca1;
  letter-spacing: -0.5px;
  line-height: 1;
  position: relative;
}
#sub.board_view .bbs_area .bbs .cont {
  padding: 40px 20px 70px;
  box-sizing: border-box;
  border-top: 1px solid #dfdfdf;
  box-sizing: border-box;
  text-align: center;
}
#sub.board_view .bbs_area .bbs .cont img {
  max-width: 100%;
}
#sub.board_view .bbs_area .bbs .cont > div {
  margin-top: 25px;
}
#sub.board_view .bbs_area .bbs .cont p {
  margin-top: 30px;
  font-weight: 300;
  letter-spacing: -0.5px;
  line-height: 1.5;
}
#sub.board_view .bbs_area .bbs .cont p:first-child {
  margin-top: 0;
}
#sub.board_view .bbs_area .bbs .view_navi {
  border-bottom: 1px solid #929ca1;
}
#sub.board_view .bbs_area .bbs .view_navi > li {
  padding-left: 115px;
  box-sizing: border-box;
  position: relative;
  font-size: 0;
  border-top: 1px solid #929ca1;
}
#sub.board_view .bbs_area .bbs .view_navi > li span {
  display: block;
  padding-left: 45px;
  box-sizing: border-box;
  width: 115px;
  height: 24px;
  line-height: 24px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -12px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #929ca1;
  letter-spacing: -0.5px;
}
#sub.board_view .bbs_area .bbs .view_navi > li span::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #111;
}
#sub.board_view .bbs_area .bbs .view_navi > li span.prev::before {
  transform: rotate(180deg);
}
#sub.board_view .bbs_area .bbs .view_navi > li a {
  display: block;
  padding: 25px 20px 25px 0;
  box-sizing: border-box;
  position: relative;
}
#sub.board_view .bbs_area .bbs .view_navi > li a em {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -12px;
}
#sub.board_view .bbs_area .bbs .view_navi > li a p {
  padding-left: 70px;
  height: 24px;
  line-height: 24px;
  box-sizing: border-box;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.5px;
  position: relative;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#sub.board_view .bbs_area .bbs .btn_set {
  margin-top: 40px;
  text-align: center;
  font-size: 0;
}

/*고객지원 - FAQ*/
#sub.faq_idx .section1 .inner {
  padding: 115px 0 125px;
  box-sizing: border-box;
}
#sub.faq_idx .section1 .faq_tab_pc {
  margin-top: 30px;
}
#sub.faq_idx .section1 .faq_tab_pc ul {
  text-align: center;
}
#sub.faq_idx .section1 .faq_tab_pc ul {
  width: 101%;
  margin-left: -1%;
}
#sub.faq_idx .section1 .faq_tab_pc ul li {
  float: left;
  width: 15.6666%;
  margin-left: 1%;
}
#sub.faq_idx .section1 .faq_tab_pc ul li a {
  display: block;
  height: 60px;
  line-height: 60px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #68747d;
  background-color: #edf0f2;
  border-radius: 10px;
  transition: none;
}
#sub.faq_idx .section1 .faq_tab_pc ul li a.on {
  background: rgb(65, 102, 249);
  background: linear-gradient(
    180deg,
    rgba(65, 102, 249, 1) 0%,
    rgba(21, 66, 248, 1) 100%
  );
  box-shadow: 5px 5px 10px 0px rgba(140, 140, 140, 0.22);
  color: #fff;
}
#sub.faq_idx .section1 .faq_tab_mo {
  margin-top: 30px;
  display: none;
}
#sub.faq_idx .section1 .faq_area .faq_list {
  font-size: 0;
  margin-top: 45px;
}
#sub.faq_idx .section1 .faq_area .faq_list {
  border-top: 0;
}
#sub.faq_idx .section1 .faq_area .faq_list ul {
  margin-top: 18px;
  border-top: 1px solid #111;
  box-sizing: border-box;
}
#sub.faq_idx .section1 .faq_area .faq_list ul li .a_area {
  background-color: #f5f8fa;
}

/*입력 폼 (고객지원 - 1:1 문의하기), (고객지원 - QNA 글쓰기, 글수정)*/
#sub.contact .sub_visual .visual_txt2 p {
  line-height: 1.75;
}
#sub.wte_form .section1 {
  background-color: white;
}
#sub.wte_form .section1 .inner {
  padding: 120px 0;
  box-sizing: border-box;
}
#sub.wte_form .form_wrap {
  border-top: 1px solid #1f202d;
}
#sub.wte_form .section1 .form_area .msg {
  padding: 0 32px 12px;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 400;
  color: #949b9f;
  letter-spacing: -0.5px;
  line-height: 1;
  position: relative;
}
#sub.wte_form .section1 .form_area .msg .require {
  font-size: 0;
  text-indent: -9999px;
  display: block;
  width: 5px;
  height: 5px;
  position: absolute;
  left: 20px;
  top: 5px;
  background-color: #00e08a;
  border-radius: 5px;
}
#sub.wte_form .section1 .form_area .ip_wrap {
  padding: 40px 20px 50px;
  box-sizing: border-box;
}
#sub.wte_form .section1 .form_area .ip_wrap .ip_box em {
  margin-bottom: 10px;
  font-size: 1.4rem;
}
#sub.wte_form .section1 .form_area .ip_wrap .ip_box .require {
  background-color: #00e08a;
}
#sub.wte_form .section1 .form_area .ip_wrap .ip_wr {
  width: 100%;
  max-width: 970px;
}
#sub.wte_form .section1 .form_area .ip_wrap .ip_wr .ip_con {
  width: 101.5%;
  margin-left: -1.05%;
  margin-top: -20px;
}
#sub.wte_form .section1 .form_area .ip_wrap .ip_wr .ip_box {
  float: left;
  width: 48.95%;
  margin-left: 1.05%;
  margin-top: 20px;
}
#sub.wte_form .section1 .form_area .ip_wrap .txt_area {
  margin-top: 20px;
}
#sub.wte_form .section1 .form_area .ip_wrap .txt_area textarea {
  height: 280px;
}
#sub.wte_form .section1 .form_area .chk_wrap {
  font-size: 0;
  margin-top: 20px;
}
#sub.wte_form .section1 .form_area .chk_wrap label {
  vertical-align: middle;
}
#sub.wte_form .section1 .form_area .chk_wrap a {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  width: 121px;
  height: 29px;
  line-height: 29px;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.5px;
  text-align: center;
  background-color: #1f202d;
  border-radius: 14.5px;
}
#sub.wte_form .section1 .form_area .sb_wrap {
  padding-top: 60px;
  box-sizing: border-box;
  text-align: center;
  border-top: 1px solid #dfdfdf;
}

#sub.wte_form .section1 .form_area .ip_wrap .ip_wr.venture-table-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px 10px; /* 행과 열 간격 조정 */
}

#sub.wte_form .section1 .form_area .ip_wrap .ip_wr .ip_box.venture-table-grid-obj {
  flex: 1;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-left: 0;
}

/*고객지원 - Q&A(리스트)*/
#sub.qna .bbs_area .bbs table tbody td.title {
  padding: 26.5px 20px;
}
#sub.qna .bbs_area .bbs table tbody td p b.locked {
  display: inline-block;
  vertical-align: middle;
  margin-left: 3px;
  margin-top: -4px;
  font-size: 0;
  text-indent: -9999px;
  width: 9px;
  height: 12px;
  background-image: url("/resource/home/img/ico_lock.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
#sub.qna .bbs_area .bbs table tbody td.pic {
  padding: 26.5px 17px;
}
#sub.qna .bbs_area .bbs table tbody td.pic2 {
  padding: 26.5px 20px 26.5px 0;
  text-align: right;
}
#sub.qna .bbs_area .bbs table tbody td.pic3 {
  padding: 26.5px 0;
  text-align: center;
}
#sub.qna .bbs_area .bbs table tbody tr.reply {
  background-color: #f9fcfd;
}
#sub.qna .bbs_area .bbs table tbody tr.reply td.title {
  padding-left: 40px;
}
#sub.qna .bbs_area .bbs table tbody tr.reply td.title p {
  padding-left: 35px;
}
#sub.qna .bbs_area .bbs table tbody tr.reply td.title p::before {
  content: "";
  display: block;
  clear: both;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 0;
  bottom: 6px;
  background-image: url("/resource/home/img/ico_reply.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
#sub.qna .bbs_area .btn_wrap {
  margin-top: 20px;
  font-size: 0;
  text-align: right;
}
#sub.qna .pagenate {
  margin-top: 25px;
}

/*고객지원 - Q&A(상세페이지)*/
#sub.qna_view .bbs_area .bbs .title dl dt .tit_txt {
  margin-top: 0;
}
#sub.qna_view .bbs_area .bbs .title dl dd.pic1 {
  margin-left: 15px;
}
#sub.qna_view .bbs_area .bbs .title dl dd.pic3 {
  margin-left: 0;
}
#sub.qna_view .bbs_area .bbs .cont {
  padding-bottom: 60px;
}
#sub.qna_view .bbs_area .bbs .cont > div {
  margin-top: 15px;
}
#sub.qna_view .bbs_area .bbs .rep_area {
  padding: 27px 20px 45px;
  box-sizing: border-box;
  background-color: #f4f7f9;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #dfdfdf;
}
#sub.qna_view .bbs_area .bbs .rep_area .ico_rep {
  display: inline-block;
  padding: 0 15px;
  box-sizing: border-box;
  min-width: 56px;
  height: 24px;
  line-height: 24px;
  font-size: 13px;
  color: #fff;
  font-weight: 600;
  letter-spacing: -0.5px;
  border-radius: 12px;
  background-color: #1761fe;
  text-align: center;
}
#sub.qna_view .bbs_area .bbs .rep_area p {
  margin-top: 10px;
  font-size: 1.6rem;
  font-weight: 300;
  letter-spacing: -0.5px;
  line-height: 1.5;
}
#sub.qna_view .bbs_area .bbs .btn_set {
  margin-top: 15px;
}
#sub.qna_view .bbs_area .bbs .btn_set > div {
  text-align: right;
  font-size: 0;
  margin-bottom: 20px;
}
#sub.qna_view .bbs_area .bbs .btn_set > div input[type="button"] {
  display: inline-block;
  margin-left: 6px;
  width: 80px;
  height: 40px;
  line-height: 38px;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: -0.5px;
  background-color: #fff;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
}
#sub.qna_view .bbs_area .bbs .btn_set > div input[type="button"]:first-child {
  margin-left: 0;
}
#sub.qna_view .bbs_area .bbs .btn_set > div input[type="button"][disabled] {
  background-color: #edf0f2;
  color: #68747d;
}

/*고객지원 - Q&A(등록, 수정)*/
#sub.qna_w .chk_wrap2 {
  padding-bottom: 12px;
  box-sizing: border-box;
}

/*정부지원사업 공통*/
#sub.support .section {
  position: relative;
}
#sub.support .size {
  width: 100%;
  max-width: 1540px;
}
#sub.support .img_box {
  font-size: 0;
}
#sub.support .btn_area {
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 10;
  font-size: 0;
  text-align: center;
}
#sub.support .btn_area a {
  display: inline-block;
  width: 100%;
  height: 120px;
  line-height: 120px;
  font-size: 3.2rem;
  font-weight: 600;
  color: #f3f3f3;
  letter-spacing: -0.5px;
  border-radius: 60px;
  background-color: #222;
  box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.45);
}
#sub.support .btn_area a span {
  display: block;
  font-weight: 300;
  font-size: 2.4rem;
}
#sub.support .btn_area.btn_left {
  text-align: left;
}
#sub.support .btn_area.btn_left a {
  text-align: center;
}
#sub.support .btn_area.go_regist {
  top: 49.5%;
}
#sub.support .btn_area.go_regist a {
  max-width: 320px;
  height: 320px;
  line-height: initial;
  border-radius: 320px;
}
#sub.support .btn_area.go_regist a em {
  display: block;
  font-size: 3.6rem;
  font-weight: 600;
  line-height: 1.4;
}
#sub.support .btn_area.go_regist a b {
  display: inline-block;
  margin-top: 32px;
  padding-bottom: 6px;
  box-sizing: border-box;
  font-size: 2.4rem;
  color: #00e08d;
  letter-spacing: 0;
  line-height: 1;
  border-bottom: 2px solid #00e08d;
}

/*정부지원사업 - ICT 중소기업 지원사업*/
#sub.support1 .section1 .btn_area {
  bottom: 31.5%;
}
#sub.support1 .section1 .btn_area a {
  max-width: 540px;
}
#sub.support1 .section6 .btn_area {
  bottom: 14.1%;
}
#sub.support1 .section6 .btn_area a {
  max-width: 860px;
  height: auto;
  padding: 28px 0;
  box-sizing: border-box;
  line-height: 1.5;
  border-radius: 70px;
}

/*정부지원사업 - 비대면 바우처
#sub.support2 .section1 .btn_area{bottom:13.3%;}
#sub.support2 .section1 .btn_area a{max-width:340px; height:100px; line-height:100px; border-radius:50px;}*/
#sub.support2 .section3 .btn_area {
  bottom: 13.55%;
}
#sub.support2 .section4 .btn_area {
  bottom: 13.2%;
}
#sub.support2 .section4 .btn_area ul {
  width: 103.65%;
  margin-left: -3.65%;
}
#sub.support2 .section4 .btn_area ul li {
  float: left;
  width: 29.6833%;
  margin-left: 3.65%;
}
#sub.support2 .section4 .btn_area ul li a {
  height: 100px;
  line-height: 100px;
}

/*정부지원사업 - 클라우드 바우처*/
#sub.support3 .section1 .btn_area {
  bottom: 27.1%;
}
#sub.support3 .section1 .btn_area a {
  max-width: 340px;
  height: 100px;
  line-height: 100px;
  border-radius: 50px;
}
#sub.support3 .section5 .btn_area {
  bottom: 7.65%;
}
#sub.support3 .section5 .btn_area a {
  max-width: 640px;
}

/*파트너 - 파트너*/
#sub.partner_idx .sub_visual .visual_txt2 b {
  display: inline-block;
}
#sub.partner_idx .section1 .dot_list li {
  margin-top: 10px;
  padding-left: 15px;
  box-sizing: border-box;
  font-size: 1.6rem;
  font-weight: 300;
  letter-spacing: -0.5px;
  line-height: 1.5;
  position: relative;
}
#sub.partner_idx .section1 .dot_list li:first-child {
  margin-top: 0;
}
#sub.partner_idx .section1 .dot_list li::before {
  content: "";
  display: block;
  clear: both;
  width: 4px;
  height: 4px;
  position: absolute;
  left: 0;
  top: 11px;
  border-radius: 4px;
  background-color: #1761fe;
}
#sub.partner_idx .section1 .dot_list li span {
  display: block;
}
#sub.partner_idx .section1 {
  position: relative;
}
#sub.partner_idx .section1::before {
  content: "";
  display: block;
  clear: both;
  width: 100%;
  height: 623px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #f4f7f9;
}
#sub.partner_idx .section1 .tit_txt {
  display: block;
  font-size: 3.6rem;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 1.25;
}
#sub.partner_idx .section1 .inner {
  padding: 120px 0 140px;
  box-sizing: border-box;
}
#sub.partner_idx .section1 .cont1 {
  padding-bottom: 100px;
  box-sizing: border-box;
}
#sub.partner_idx .section1 .cont1 .top {
  height: 360px;
  position: relative;
}
#sub.partner_idx .section1 .cont1 .top .txt_area {
  float: left;
  width: 47.6%;
  padding-right: 40px;
  box-sizing: border-box;
}
#sub.partner_idx .section1 .cont1 .top .txt_area p {
  margin-top: 15px;
  font-weight: 300;
  letter-spacing: -0.5px;
  line-height: 1.5;
}
#sub.partner_idx .section1 .cont1 .top .txt_area p span {
  text-transform: uppercase;
}
#sub.partner_idx .section1 .cont1 .top .img_area {
  width: 100%;
  max-width: 650px;
  position: absolute;
  right: 20px;
  top: 0;
}
#sub.partner_idx .section1 .cont1 .top .img_area .img_box img {
}
#sub.partner_idx .section1 .cont1 .btm {
  margin-top: -70px;
}
#sub.partner_idx .section1 .cont1 .btm > ul {
  width: 102%;
  margin-left: -2%;
}
#sub.partner_idx .section1 .cont1 .btm > ul > li {
  float: left;
  width: 31.3333%;
  margin-left: 2%;
}
#sub.partner_idx .section1 .cont1 .btm .b_wrap {
  position: relative;
  padding-top: 40px;
}
#sub.partner_idx .section1 .cont1 .btm .b_wrap .ico {
  display: block;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  background-color: #1761fe;
  border-radius: 10px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -40px;
}
#sub.partner_idx .section1 .cont1 .btm .b_wrap .ico img {
  display: inline-block;
  opacity: 0;
  visibility: hidden;
}
#sub.partner_idx .section1 .cont1 .btm .b_wrap .box {
  min-height: 334px;
  border: 1px solid #e9e9e9;
  box-sizing: border-box;
  border-radius: 20px;
  background-color: #fff;
}
#sub.partner_idx .section1 .cont1 .btm .b_wrap .b_top {
  padding: 70px 9% 30px;
}
#sub.partner_idx .section1 .cont1 .btm .b_wrap .b_top strong {
  display: block;
  font-size: 2.2rem;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 1;
  text-align: center;
}
#sub.partner_idx .section1 .cont1 .btm .b_wrap .b_btm {
  padding: 20px 9% 30px;
  box-sizing: border-box;
  border-top: 1px solid #eee;
}
#sub.partner_idx .section1 .cont2 {
  padding-top: 100px;
  box-sizing: border-box;
  border-top: 1px solid #040f26;
}
#sub.partner_idx .section1 .cont2 .top {
  position: relative;
}
#sub.partner_idx .section1 .cont2 .top .tit_txt {
  height: 60px;
  line-height: 60px;
}
#sub.partner_idx .section1 .cont2 .top a {
  display: block;
  box-sizing: border-box;
  width: 240px;
  height: 60px;
  line-height: 58px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #1761fe;
  border: 1px solid #1761fe;
  box-shadow: 0 0 10px 0 rgba(22, 97, 253, 0.22);
  background-color: #fff;
  text-align: center;
  border-radius: 10px;
  position: absolute;
  right: 0;
  top: 0;
}
#sub.service_idx .item_area {
  padding-top: 90px;
  box-sizing: border-box;
}
#sub.partner_idx .section1 .cont2 .btm {
  margin-top: 40px;
}
#sub.partner_idx .section1 .cont2 .btm .box_wrap {
  width: 100.8%;
  margin-left: -0.8%;
}
#sub.partner_idx .section1 .cont2 .btm .box_wrap > div {
  float: left;
  width: 49.2%;
  margin-left: 0.8%;
  min-height: 420px;
  background-color: #fff;
  border: 1px solid #e9e9e9;
  box-sizing: border-box;
  border-radius: 20px;
  overflow: hidden;
}
#sub.partner_idx .section1 .cont2 .btm .box .b_top {
  padding: 40px 6.2% 30px;
  box-sizing: border-box;
}
#sub.partner_idx .section1 .cont2 .btm .box .b_top em {
  display: block;
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}
#sub.partner_idx .section1 .cont2 .btm .box .b_top p {
  margin-top: 12px;
  font-size: 1.6rem;
  font-weight: 300;
  letter-spacing: -0.5px;
  line-height: 1.5;
}
#sub.partner_idx .section1 .cont2 .btm .box .b_btm {
  padding: 25px 6.2% 35px;
  box-sizing: border-box;
  min-height: 265px;
  background-color: #f4f7f9;
}
/*.btm .b_wrap1 ~ 3*/
#sub.partner_idx .section1 .btm .b_wrap1 .ico {
  background-image: url("/resource/home/img/ico_partner1.svg");
  background-size: 36px 36px;
}
#sub.partner_idx .section1 .btm .b_wrap2 .ico {
  background-image: url("/resource/home/img/ico_partner2.svg");
  background-size: 37px 46px;
}
#sub.partner_idx .section1 .btm .b_wrap3 .ico {
  background-image: url("/resource/home/img/ico_partner3.svg");
  background-size: 27px 37px;
}

/*파트너 - 파트너 신청하기, 자료요청*/
#sub.form_idx .section1 {
  background-color: #f4f7f9;
}
#sub.form_idx .section1 .inner {
  padding: 150px 0 140px;
  box-sizing: border-box;
}
#sub.form_idx .section1 .form_area {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: 50px 50px 70px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 2px 2px 13px 2px rgba(121, 150, 183, 0.11);
  border-radius: 20px;
}
#sub.form_idx .section1 .form_area .form_box {
  margin-top: 47px;
}
#sub.form_idx .section1 .tit_area {
  text-align: center;
}
#sub.form_idx .section1 .tit_area h2 {
  font-size: 3.6rem;
  font-weight: 600;
  letter-spacing: -1.5px;
  line-height: 1;
}
#sub.form_idx .section1 .tit_area span {
  font-size: 4rem;
  color: #00cc80;
}
#sub.form_idx .section1 .ip_wrap .ip_box {
  font-size: 0;
  margin-top: 28px;
}
#sub.form_idx .section1 .ip_wrap .ip_box:first-child {
  margin-top: 0;
}
#sub.form_idx .section1 .ip_wrap .ip_box.cate_pic em {
  margin-bottom: 10px;
}
#sub.form_idx .section1 .ip_wrap .ip_box .ch_wrap {
  width: 102%;
  margin-left: -2%;
  text-align: center;
}
#sub.form_idx .section1 .ip_wrap .ip_box .ch_radio {
  float: left;
  width: 48%;
  margin-left: 2%;
}
#sub.form_idx .section1 .ip_wrap .ip_box .ch_radio label {
  display: block;
  height: 50px;
  line-height: 48px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #68747d;
  letter-spacing: 0;
  text-transform: uppercase;
  border-radius: 10px;
  border: 1px solid #e2e7ea;
  box-sizing: border-box;
  background-color: #edf0f2;
  cursor: pointer;
}
#sub.form_idx
  .section1
  .ip_wrap
  .ip_box
  .ch_radio
  input[type="radio"]:checked
  + label {
  color: #3660fb;
  border-color: #1761fe;
  box-shadow: 0 0 10px 0 rgba(22, 97, 253, 0.22);
  background-color: #fff;
}
#sub.form_idx .section1 .agr_area {
  margin-top: 12px;
}
#sub.form_idx .section1 .agr_area .agr_info {
  margin-top: 25px;
  padding: 25px 14px;
  box-sizing: border-box;
  background-color: #f4f7f9;
  border-radius: 10px;
  border: 1px solid #e2e7ea;
}
#sub.form_idx .section1 .agr_area .agr_info ul li {
  margin-top: 4px;
  padding-left: 12px;
  font-size: 13px;
  font-weight: 300;
  color: #444;
  letter-spacing: -0.5px;
  line-height: 1.5;
  position: relative;
}
#sub.form_idx .section1 .agr_area .agr_info ul li::before {
  content: "";
  display: block;
  clear: both;
  width: 3px;
  height: 3px;
  position: absolute;
  left: 0;
  top: 9px;
  background-color: #3660fb;
  border-radius: 3px;
}
#sub.form_idx .section1 .agr_area .agr_info ul li:first-child {
  margin-top: 0;
}
#sub.form_idx .section1 .agr_area .agr_info ul li.li_pic {
  margin-top: 25px;
}
#sub.form_idx .section1 .agr_area .agr_info ul li span {
  font-weight: 400;
}
#sub.form_idx .section1 .sb_wrap {
  margin-top: 50px;
  text-align: center;
  font-size: 0;
}
#sub.form_idx .section1 .sb_wrap input[type="submit"] {
  display: inline-block;
  width: 100%;
  max-width: 200px;
  height: 60px;
  line-height: 60px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0;
  background-color: #1761fe;
  border-radius: 10px;
  cursor: pointer;
}

/*서비스 소개 - 유싸인 기능*/
#sub.fnc_idx {
  letter-spacing: -0.05em;
}
#sub.fnc_idx .section1 .inner {
  padding: 110px 0 200px;
}
#sub.fnc_idx .section1 .b_txt {
  text-align: center;
}
#sub.fnc_idx .section1 .b_txt h3 {
  font-size: 3.6rem;
  line-height: 48px;
  font-weight: 700;
  color: #111;
}
#sub.fnc_idx .section1 .b_txt h3 p {
  display: block;
  font-weight: 300;
}
#sub.fnc_idx .section1 .ul_wrap {
  margin-top: 50px;
}
#sub.fnc_idx .section1 .ul_wrap ul {
}
#sub.fnc_idx .section1 .ul_wrap ul li {
  display: table;
  width: 100%;
  height: 600px;
  background: #fff;
}
#sub.fnc_idx .section1 .ul_wrap ul li .tbc {
  box-sizing: border-box;
}
#sub.fnc_idx .section1 .ul_wrap ul li .tbc:after {
  clear: both;
  content: "";
  display: block;
}
#sub.fnc_idx .section1 .ul_wrap ul li .img {
  float: left;
  width: 50%;
  text-align: center;
  padding-left: 105px;
  box-sizing: border-box;
}
#sub.fnc_idx .section1 .ul_wrap ul li .img_box {
  display: inline-block;
  width: 100%;
}
#sub.fnc_idx .section1 .ul_wrap ul li .txt {
  float: left;
  width: 50%;
  padding-left: 105px;
  box-sizing: border-box;
}
#sub.fnc_idx .section1 .ul_wrap ul li .txt .ico {
  width: 44px;
  height: 44px;
  border-radius: 22px;
  background: rgb(23, 50, 254);
  background: linear-gradient(
    -122deg,
    rgba(23, 50, 254, 1) 0%,
    rgba(23, 97, 254, 1) 69%
  );
}
#sub.fnc_idx .section1 .ul_wrap ul li .txt .ico .pic {
  width: 100%;
  height: 100%;
}
#sub.fnc_idx .section1 .ul_wrap ul li .txt .tp_b {
  font-size: 2.6rem;
  font-weight: 700;
  color: #111;
  display: block;
  line-height: 35px;
}
#sub.fnc_idx .section1 .ul_wrap ul li .txt .t_txt {
  margin-top: 40px;
}
#sub.fnc_idx .section1 .ul_wrap ul li .txt .t_txt .txt_wr {
  margin-top: 25px;
}
#sub.fnc_idx .section1 .ul_wrap ul li .txt .t_txt .txt_wr > p {
  margin-top: 5px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 30px;
}
#sub.fnc_idx .section1 .ul_wrap ul li .txt .t_txt .txt_wr > p:first-child {
  margin-top: 0;
}
#sub.fnc_idx .section1 .ul_wrap ul li .txt .t_txt .txt_wr > p b {
  position: relative;
  z-index: 1;
  font-weight: 700;
}
#sub.fnc_idx .section1 .ul_wrap ul li .txt .t_txt .txt_wr > p b:before {
  content: "";
  display: block;
  clear: both;
  width: 100%;
  height: 14px;
  position: absolute;
  left: 1px;
  bottom: 1px;
  z-index: -1;
  background-color: #fff;
}
#sub.fnc_idx .section1 .ul_wrap ul li .txt .btm_btn {
  margin-top: 30px;
  display: inline-block;
  position: relative;
  max-width: 224px;
  width: 100%;
}
#sub.fnc_idx .section1 .ul_wrap ul li .txt .btm_btn:before {
  width: 14px;
  height: 11px;
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -5.5px;
  background-image: url("/resource/home/img/ico_go2.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 14px;
}
#sub.fnc_idx .section1 .ul_wrap ul li .txt .btm_btn a {
  display: block;
  padding: 0 20px;
  border-radius: 10px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  box-sizing: border-box;
  font-size: 1.4rem;
  font-weight: 500;
  background: #1560fd;
  background: linear-gradient(
    360deg,
    rgba(23, 50, 254, 1) 0%,
    rgba(23, 97, 254, 1) 100%
  );
}
#sub.fnc_idx .section1 .ul_wrap ul li:nth-child(odd) {
  background: #f4f9fc;
  border-radius: 20px;
}
#sub.fnc_idx .section1 .ul_wrap ul li:nth-child(odd) .txt {
  padding-left: 70px;
  box-sizing: border-box;
  float: right;
  padding-right: 40px;
}
#sub.fnc_idx .section1 .ul_wrap ul li:nth-child(even) .img {
  padding-left: 0;
  float: right;
}
#sub.fnc_idx .section1 .ul_wrap ul li:nth-child(even) .txt .t_txt > p b:before {
  background: #f4f9fc;
}

#sub.fnc_idx .section1 .ul_wrap ul li .txt .mt5 {
  margin-top: 5px;
  display: block;
}
#sub.fnc_idx .section1 .ul_wrap ul li.li01 .img_box {
  max-width: 390px;
}
#sub.fnc_idx .section1 .ul_wrap ul li.li01 .txt .ico .pic {
  background-size: 24px;
}
#sub.fnc_idx .section1 .ul_wrap ul li.li02 .img_box {
  max-width: 464px;
}
#sub.fnc_idx .section1 .ul_wrap ul li.li02 .txt .ico .pic {
  background-size: 16px;
  background-position: 50% 52%;
}
#sub.fnc_idx .section1 .ul_wrap ul li.li03 .img_box {
  max-width: 298px;
}
#sub.fnc_idx .section1 .ul_wrap ul li.li03 .txt .ico .pic {
  background-size: 21px;
  background-position: 53% 52%;
}
#sub.fnc_idx .section1 .ul_wrap ul li.li04 .img_box {
  max-width: 556px;
}
#sub.fnc_idx .section1 .ul_wrap ul li.li04 .txt .ico .pic {
  background-size: 21px;
}
#sub.fnc_idx .section1 .ul_wrap ul li.li05 .img_box {
  max-width: 412px;
}
#sub.fnc_idx .section1 .ul_wrap ul li.li05 .txt .ico .pic {
  background-size: 16px;
}
#sub.fnc_idx .section1 .ul_wrap ul li.li06 .img_box {
  max-width: 440px;
}
#sub.fnc_idx .section1 .ul_wrap ul li.li06 .txt .ico .pic {
  background-size: 25px;
}
#sub.fnc_idx .section1 .ul_wrap ul li.li07 .img_box {
  max-width: 390px;
}
#sub.fnc_idx .section1 .ul_wrap ul li.li07 .txt .ico .pic {
  background-size: 24px;
  background-position: 53% 42%;
}
#sub.fnc_idx .section1 .ul_wrap ul li.li08 .img_box {
  max-width: 470px;
}
#sub.fnc_idx .section1 .ul_wrap ul li.li08 .txt .ico .pic {
  background-size: 25px;
}
#sub.fnc_idx .section1 .ul_wrap ul li.li09 .img_box {
  max-width: 328px;
}
#sub.fnc_idx .section1 .ul_wrap ul li.li09 .txt .ico .pic {
  background-size: 23px;
}

/*정부지원사업 - ICT 중소기업 지원사업*/
#sub.spt_idx {
}
#sub.spt_idx .ab_img {
  position: absolute;
}
#sub.spt_idx .section {
  text-align: center;
}
#sub.spt_idx .btn_area {
  z-index: 10;
  font-size: 0;
  text-align: center;
}
#sub.spt_idx .btn_area a {
  display: inline-block;
  width: 100%;
  height: 120px;
  line-height: 120px;
  font-size: 3.2rem;
  font-weight: 600;
  color: #f3f3f3;
  letter-spacing: -0.5px;
  border-radius: 60px;
  background-color: #222;
  box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.45);
}
#sub.spt_idx .btn_area a span {
  display: block;
  font-weight: 300;
  font-size: 2.4rem;
}
#sub.spt_idx .btn_area.btn_left {
  text-align: left;
}
#sub.spt_idx .btn_area.btn_left a {
  text-align: center;
}
#sub.spt_idx .btn_area.go_regist a {
  max-width: 320px;
  height: 320px;
  line-height: initial;
  border-radius: 320px;
}
#sub.spt_idx .btn_area.go_regist a em {
  display: block;
  font-size: 3.6rem;
  font-weight: 600;
  line-height: 1.4;
}
#sub.spt_idx .btn_area.go_regist a b {
  display: inline-block;
  margin-top: 32px;
  padding-bottom: 6px;
  box-sizing: border-box;
  font-size: 2.4rem;
  color: #00e08d;
  letter-spacing: 0;
  line-height: 1;
  border-bottom: 2px solid #00e08d;
}

#sub.spt_idx1 {
}
#sub.spt_idx1 .section {
  text-align: center;
  padding: 140px 0;
}
#sub.spt_idx1 .section1 .size {
  max-width: 1920px;
  padding: 0;
}
#sub.spt_idx1 .section1 {
  padding: 100px 0 60px;
  position: relative;
  background: #1761fe;
  text-align: left;
}
#sub.spt_idx1 .section1 .left {
  float: left;
  width: 60%;
  padding-left: 12%;
  padding-right: 8%;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: white;
}
#sub.spt_idx1 .section1 .sec1_title_box {
  /* border: 1px solid red; */
  display: inline-block;
}
#sub.spt_idx1 .section1 .sec1_title_box p {
  font-size: 2.5rem;
}
#sub.spt_idx1 .section1 .sec1_title_h1_box {
  font-size: 2.8rem;
  line-height: 1.3;
  margin: 15px 0;
}
#sub.spt_idx1 .section1 .sec1_title_h1_box h1:nth-child(2) {
  color: #00e08b;
}
#sub.spt_idx1 .section1 .right {
  float: right;
  width: 50%;
}
#sub.spt_idx1 .section1 .right .mo {
  display: none;
}
#sub.spt_idx1 .section1 > .img {
  position: relative;
}
#sub.spt_idx1 .section1 .btn_area {
  margin-top: 11.7%;
  max-width: 540px;
  width: 100%;
}
#sub.spt_idx1 .btm_wrap {
  background: #fff;
  padding: 30px 20px;
  box-sizing: Border-box;
  text-align: center;
}
#sub.spt_idx1 .btm_wrap .img {
}
#sub.spt_idx1 .section2 {
  background: #f4f7f9;
}
#sub.spt_idx1 .section2 .sec2_title_box h1 {
  margin-bottom: 15px;
  font-size: 6rem;
  font-weight: normal;
}
#sub.spt_idx1 .section2 .sec2_title_box h1 span {
  color: #1761fe;
  font-weight: bold;
}
#sub.spt_idx1 .section2 .sec2_title_box p {
  font-size: 2.5rem;
  color: #5e5e5e;
}
#sub.spt_idx1 .section2 .sec2_content_box {
  margin-top: 10px;
}
#sub.spt_idx1 .section2 .sec2_con_title {
  display: inline-block;
  background-color: #1761fe;
  color: white;
  padding: 15px 40px;
  border-radius: 80px;
  transform: translateY(50%);
  font-size: 3.2rem;
}
/* #sub.spt_idx1 .section2 .sec2_con_title .dpb,
#sub.spt_idx1 .section3 .digital_sign_title_box .dpb{
  display: none;
} */
#sub.spt_idx1 .section2 .sec2_con_title span {
  font-weight: bold;
}
#sub.spt_idx1 .section2 .sec2_con_title span:nth-child(1) {
  color: #00e18b;
}
#sub.spt_idx1 .section2 .sec2_con_item {
  padding: 110px 120px 80px;
  border: 1px solid #e1dbdb;
  border-radius: 50px;
  box-shadow: 7px 7px 16px 0 rgba(109, 148, 178, 0.11);
  box-sizing: border-box;
  background-color: white;
  overflow: hidden;
}
#sub.spt_idx1 .section2 .sec2_con_L {
  width: 48%;
  float: left;
}
#sub.spt_idx1 .section2 .sec2_con_R {
  width: 48%;
  float: right;
}
#sub.spt_idx1 .section2 .sec2_con_top {
  border: 1px solid #e9e9e9;
  box-shadow: 7px 7px 16px 0 rgba(109, 148, 178, 0.11);
  border-radius: 8px;
  overflow: hidden;
}
#sub.spt_idx1 .section2 .sec2_con_desc {
  padding: 40px 10px;
}
#sub.spt_idx1 .section2 .sec2_con_R .sec2_con_desc {
  padding-bottom: 14px;
}
#sub.spt_idx1 .section2 .sec2_con_R .sec2_con_desc p:nth-child(3) {
  color: #b7b7b7;
}
#sub.spt_idx1 .section2 .sec2_con_desc p:nth-child(1) {
  font-size: 2rem;
}
#sub.spt_idx1 .section2 .sec2_con_desc p:nth-child(2) {
  font-size: 3rem;
  color: #1761fe;
  font-weight: bold;
}
#sub.spt_idx1 .section2 .sec2_con_price {
  background-color: #1761fe;
  color: white;
  padding: 30px 40px;
}
#sub.spt_idx1 .section2 .sec2_con_price p:nth-child(1) {
  font-weight: bold;
  font-size: 3.2rem;
}
#sub.spt_idx1 .section2 .sec2_con_bot {
  padding: 25px 40px;
  font-size: 1.8rem;
}
#sub.spt_idx1 .section2 .sec2_con_bot_item_box {
  color: #5e5e5e;
}
#sub.spt_idx1 .section2 .sec2_con_bot_item {
  display: flex;
}
#sub.spt_idx1 .section2 .sec2_con_bot svg {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-top: 8px;
  vertical-align: middle;
}
#sub.spt_idx1 .section2 .sec2_con_bot svg .sec2_chk {
  fill: #1761fe !important;
}
#sub.spt_idx1 .section2 .sec2_con_bot p {
  text-align: left;
  margin-left: 15px;
}
#sub.spt_idx1 .section2 .sec2_note {
  margin-top: 50px;
  font-size: 2rem;
  color: #999a9a;
}
#sub.spt_idx1 .section3 {
  background: #00e08b;
  padding-bottom: 0;
}
#sub.spt_idx1 .section3 .digital_sign_title_box h1 {
  font-weight: normal;
  font-size: 7rem;
}
#sub.spt_idx1 .section3 .digital_sign_title_box span {
  font-weight: bold;
}
#sub.spt_idx1 .section3 .digital_sign_title_box p {
  margin: 30px 0;
  font-size: 2.8rem;
}
#sub.spt_idx1 .section3 .digital_sign_title_box p span {
  font-weight: bold;
}
#sub.spt_idx1 .section3 .digital_sign_ul {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  margin: 0 auto;
  /* border: 1px solid blue; */
}
#sub.spt_idx1 .section3 .digital_sign_ul li {
  display: flex;
  align-items: center;
  width: calc((100% - 80px) / 3);
  margin-right: 40px;
  margin-bottom: 20px;
  padding: 30px 45px;
  border: 1px solid #b7b7b7;
  border-radius: 50px;
  background-color: white;
  font-size: 2rem;
  box-shadow: 7px 7px 16px 0 rgb(109 148 178 / 22%);
  box-sizing: border-box;
}
/* #sub.spt_idx1 .section3 .digital_sign_ul div{
	width: 20px;
	height: 20px;
	margin-right: 35px;
	border: 1px solid;
} */
#sub.spt_idx1 .section3 .digital_sign_ul li:nth-child(3n) {
  margin-right: 0 !important;
}
#sub.spt_idx1 .section3 .digital_sign_ul li img {
  width: 25px;
  height: 25px;
  margin-right: 30px;
}
#sub.spt_idx1 .section3 .digital_sign_ul li p {
  display: inline-block;
}
#sub.spt_idx1 .section3 .mtd {
  margin-top: 5.5%;
  height: 638px;
  overflow: hidden;
}
#sub.spt_idx1 .section3 .mtd img {
  margin-right: -314px;
}
#sub.spt_idx1 .section4 {
  background: #fff;
}
#sub.spt_idx1 .section4 .differend_title_box h1 {
  font-size: 5rem;
  font-weight: normal;
}
#sub.spt_idx1 .section4 .differend_title_box h1 span {
  font-weight: bold;
  color: #1761fe;
}
#sub.spt_idx1 .section4 .differend_title_box p {
  margin: 25px 0 50px;
  font-size: 2.5rem;
}
#sub.spt_idx1 .section4 .differend_title_box p span {
  font-weight: bold;
}
#sub.spt_idx1 .section4 table.differend_table {
}
#sub.spt_idx1 .section4 table.differend_table th {
  border-bottom: 1px solid #ddd;
  padding: 20px 10px;
  color: #1761fe;
}
#sub.spt_idx1 .section4 table.differend_table tr th:nth-child(2) {
  width: 47%;
  font-weight: normal;
  color: #5e5e5e;
  text-align: left;
  letter-spacing: -0.5px;
  font-size: 1.8rem;
}
#sub.spt_idx1 .section4 table.differend_table tr th:nth-child(4) {
  color: black;
}
#sub.spt_idx1 .section4 table.differend_table tr:nth-child(1) th:nth-child(2),
#sub.spt_idx1 .section4 table.differend_table tr:nth-child(1) th:nth-child(4) {
  color: #1761fe;
}
#sub.spt_idx1 .section4 table.differend_table tr:nth-child(1) th:nth-child(2) {
  text-align: center;
}
#sub.spt_idx1 .section4 table.differend_table tr:nth-child(1) th:nth-child(2) {
  font-weight: bold;
}
#sub.spt_idx1 .section4 table.differend_table tr:nth-child(1) {
  border-top: 2px solid #7d99a9;
  background-color: #f4f7f9;
}
#sub.spt_idx1 .section5 {
  background: #f4f7f9;
}
#sub.spt_idx1 .section6 {
  background: #1761fe;
}
#sub.spt_idx1 .section6 .btn_area {
  margin-top: 2%;
}
#sub.spt_idx1 .section6 .btn_area a {
  max-width: 860px;
  height: auto;
  padding: 28px 0;
  box-sizing: border-box;
  line-height: 1.5;
  border-radius: 70px;
}

#sub.spt_idx2 {
}
#sub.spt_idx2 .size {
  max-width: 100%;
  padding: 0 30px;
}
#sub.spt_idx2 .section1 {
  padding: 100px 0 140px;
  background-image: url("/resource/home/img/ctl1_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
#sub.spt_idx2 .section1 .btn_area {
  margin-top: 50px;
}
#sub.spt_idx2 .section1 .btn_area a {
  max-width: 340px;
  height: 100px;
  line-height: 100px;
  border-radius: 50px;
}
#sub.spt_idx2 .section2 {
  padding: 130px 0 140px;
}
#sub.spt_idx2 .section3 {
  padding: 140px 0;
  background: #f4f7f9;
}
#sub.spt_idx2 .section3 .btn_area {
  margin-top: 50px;
}
#sub.spt_idx2 .section3 .btn_area a {
  max-width: 540px;
}
#sub.spt_idx2 .section4:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 24%;
  background-size: auto;
  background-repeat: repeat;
  background-position: center top;
  background-image: url("/resource/home/img/ctl4_bg.png");
}
#sub.spt_idx2 .section4 {
  background-color: #00e08b;
  padding: 140px 0;
  position: relative;
}
#sub.spt_idx2 .section4 .size {
  position: relative;
  z-index: 1;
}
#sub.spt_idx2 .section4 ul {
  margin-top: 60px;
  font-size: 0;
}
#sub.spt_idx2 .section4 ul li {
  /* max-width: 515px;
  width: 33.333%;
  display: inline-block;
  vertical-align: top; */
}
#sub.spt_idx2 .section4 ul li a {
  margin-left: 10%;
  width: 90%;
}
#sub.spt_idx2 .section4 .btn_area ul {
  width: 103.65%;
  margin-left: -3.65%;
}
#sub.spt_idx2 .section4 .btn_area ul li {
  float: left;
  width: 29.6833%;
  margin-left: 3.65%;
}
#sub.spt_idx2 .section4 .btn_area ul li a {
  height: 100px;
  line-height: 100px;
}
#sub.spt_idx2 .section5 {
  position: relative;
}
#sub.spt_idx2 .section5 .btn_area.go_regist {
  top: 49.5%;
  z-index: 10;
  font-size: 0;
  text-align: center;
  position: absolute;
  width: 100%;
}

#sub.spt_idx3 .size {
  width: 100%;
  max-width: 1540px;
  padding: 0 40px;
  box-sizing: border-box;
}
#sub.spt_idx3 .section {
  text-align: center;
  padding: 140px 0;
}
#sub.spt_idx3 .section .img_box img {
  width: auto;
}
#sub.spt_idx3 .section1 {
  padding: 170px 0 0;
  background-color: #00e08b;
  text-align: left;
  position: relative;
}
#sub.spt_idx3 .section1::before {
  content: "";
  display: block;
  clear: both;
  width: 717px;
  height: 973px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  background-image: url("/resource/home/img/cloud_img1_2.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
#sub.spt_idx3 .section1 .img_box {
  position: relative;
  z-index: 1;
}
#sub.spt_idx3 .section1 .img_box .mo {
  display: none;
}
#sub.spt_idx3 .section1 .btn_area {
  position: relative;
  margin-top: 75px;
  z-index: 1;
}
#sub.spt_idx3 .section1 .btn_area a {
  max-width: 340px;
  height: 100px;
  line-height: 100px;
  border-radius: 50px;
}
#sub.spt_idx3 .section1 .btm_logo {
  padding: 0 20px;
  margin-top: 190px;
  text-align: center;
  font-size: 0;
  background-color: #00c77b;
  box-sizing: border-box;
}
#sub.spt_idx3 .section1 .btm_logo p {
  display: inline-block;
  padding: 32px 0 30px;
  box-sizing: border-box;
}
#sub.spt_idx3 .section1 .btm_logo p img {
  display: inline-block;
  max-width: 100%;
}
#sub.spt_idx3 .section2 {
  padding-bottom: 130px;
}
#sub.spt_idx3 .section2 .img_box {
  padding: 0 30px;
  box-sizing: border-box;
}
#sub.spt_idx3 .section3 {
  background: #00e08b;
  padding-bottom: 0;
}
#sub.spt_idx3 .section3 .mtd {
  margin-top: 5.5%;
  height: 638px;
  overflow: hidden;
}
#sub.spt_idx3 .section3 .mtd img {
  margin-right: -314px;
}
#sub.spt_idx3 .section4 {
  background: #fff;
}

#sub.spt_idx1 .section5 {
  background: #f4f7f9;
}
#sub.spt_idx1 .section6 {
  background: #1761fe;
}
#sub.spt_idx1 .section6 .btn_area {
  margin-top: 2%;
}
#sub.spt_idx1 .section6 .btn_area a {
  max-width: 860px;
  height: auto;
  padding: 28px 0;
  box-sizing: border-box;
  line-height: 1.5;
  border-radius: 70px;
}

#sub.spt_idx2 {
}
#sub.spt_idx2 .size {
  max-width: 100%;
  padding: 0 30px;
}
#sub.spt_idx2 .section1 {
  padding: 100px 0 140px;
  background-image: url("/resource/home/img/ctl1_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
#sub.spt_idx2 .section1 .btn_area {
  margin-top: 50px;
}
#sub.spt_idx2 .section1 .btn_area a {
  max-width: 340px;
  height: 100px;
  line-height: 100px;
  border-radius: 50px;
}
#sub.spt_idx2 .section2 {
  padding: 130px 0 140px;
}
#sub.spt_idx2 .section3 {
  padding: 140px 0;
  background: #f4f7f9;
}
#sub.spt_idx2 .section3 .btn_area {
  margin-top: 50px;
}
#sub.spt_idx2 .section3 .btn_area a {
  max-width: 540px;
}
#sub.spt_idx2 .section4:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 24%;
  background-size: auto;
  background-repeat: repeat;
  background-position: center top;
  background-image: url("/resource/home/img/ctl4_bg.png");
}
#sub.spt_idx2 .section4 {
  background-color: #00e08b;
  padding: 140px 0;
  position: relative;
}
#sub.spt_idx2 .section4 .size {
  position: relative;
  z-index: 1;
}
#sub.spt_idx2 .section4 ul {
  /* margin-top: 60px; */
  font-size: 0;
  display: flex;
  width: 75%;
  margin: 100px auto 0px;
}
#sub.spt_idx2 .section4 ul li {
  /* max-width: 515px;
  width: 33.333%;
  display: inline-block;
  vertical-align: top; */
}
#sub.spt_idx2 .section4 ul li a {
  /* margin-left: 10%; */
  width: 100%;
  margin: 0 auto;
}
#sub.spt_idx2 .section4 .btn_area ul {
  width: 103.65%;
  margin-left: -3.65%;
}
#sub.spt_idx2 .section4 .btn_area ul li {
  float: left;
  width: 29.6833%;
  margin-left: 3.65%;
}
#sub.spt_idx2 .section4 .btn_area ul li a {
  height: 100px;
  line-height: 100px;
}
#sub.spt_idx2 .section5 {
  position: relative;
}
#sub.spt_idx2 .section5 .btn_area.go_regist {
  top: 49.5%;
  z-index: 10;
  font-size: 0;
  text-align: center;
  position: absolute;
  width: 100%;
}

#sub.spt_idx3 .size {
  width: 100%;
  max-width: 1540px;
  padding: 0 40px;
  box-sizing: border-box;
}
#sub.spt_idx3 .section {
  text-align: center;
  padding: 140px 0;
}
#sub.spt_idx3 .section .img_box img {
  width: auto;
}
#sub.spt_idx3 .section1 {
  padding: 170px 0 0;
  background-color: #00e08b;
  text-align: left;
  position: relative;
}
#sub.spt_idx3 .section1::before {
  content: "";
  display: block;
  clear: both;
  width: 717px;
  height: 973px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  background-image: url("/resource/home/img/cloud_img1_2.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
#sub.spt_idx3 .section1 .img_box {
  position: relative;
  z-index: 1;
}
#sub.spt_idx3 .section1 .img_box .mo {
  display: none;
}
#sub.spt_idx3 .section1 .btn_area {
  position: relative;
  margin-top: 75px;
  z-index: 1;
}
#sub.spt_idx3 .section1 .btn_area a {
  max-width: 340px;
  height: 100px;
  line-height: 100px;
  border-radius: 50px;
}
#sub.spt_idx3 .section1 .btm_logo {
  padding: 0 20px;
  margin-top: 190px;
  text-align: center;
  font-size: 0;
  background-color: #00c77b;
  box-sizing: border-box;
}
#sub.spt_idx3 .section1 .btm_logo p {
  display: inline-block;
  padding: 32px 0 30px;
  box-sizing: border-box;
}
#sub.spt_idx3 .section1 .btm_logo p img {
  display: inline-block;
  max-width: 100%;
}
#sub.spt_idx3 .section2 {
  padding-bottom: 130px;
}
#sub.spt_idx3 .section2 .img_box {
  padding: 0 30px;
  box-sizing: border-box;
}
#sub.spt_idx3 .section3 {
  background: #00e08b;
  padding-bottom: 0;
}
#sub.spt_idx3 .section3 .mtd {
  margin-top: 5.5%;
  height: 638px;
  overflow: hidden;
}
#sub.spt_idx3 .section3 .mtd img {
  margin-right: -314px;
}
#sub.spt_idx3 .section4 {
  background: #fff;
}
#sub.spt_idx3 .section5 {
  background-color: #f4f7f9;
}
#sub.spt_idx3 .section5 .btn_area {
  margin-top: 72px;
}
#sub.spt_idx3 .section5 .btn_area a {
  max-width: 640px;
}
#sub.spt_idx3 .section5 .img_box {
  padding: 0 30px;
  box-sizing: border-box;
}
#sub.spt_idx3 .section6 {
  padding: 0;
  position: relative;
}
#sub.spt_idx3 .section6 .img_box img {
  width: 100%;
  max-width: 100%;
}
#sub.spt_idx3 .section6 .go_regist {
  width: 100%;
  position: absolute;
  left: 0;
  top: 49.5%;
  z-index: 10;
  font-size: 0;
  text-align: center;
}

/*개인정보 취급방침, 이용약관*/
#sub.terms .section1 {
  background-color: #f4f7f9;
  min-height: 100%;
}
#sub.terms .section1 .inner {
  padding: 150px 0 120px 0;
}
#sub.terms .tit_area h3 {
  font-size: 3.6rem;
  font-weight: 700;
  letter-spacing: -0.5px;
  line-height: 1;
}
#sub.terms .tit_area h3 .ft_pins {
  font-size: 4rem;
}
#sub.terms .tit_area p {
  margin-top: 20px;
  font-size: 1.8rem;
  font-weight: 300;
  letter-spacing: -0.8px;
  line-height: 1.5;
}
/*#sub.terms .top {border-top: 1px solid #4d2015;}
#sub.terms .top > p {padding: 30px 0 25px; font-size: 1.8rem; font-weight: 300; color: #42403f; }
#sub.terms .top > div {padding: 25px; background: #f1eeee; box-sizing: border-box;}
#sub.terms .top > div em {font-size: 1.8rem; font-weight: 700; color: #4c01e0;}
#sub.terms .top > div p {margin-top: 8px; font-size: 1.6rem; font-weight: 300; color: #666; }*/
#sub.terms .term_list {
  margin-top: 40px;
}
#sub.terms .term_list > ul {
  border-top: 2px solid #333;
  border-bottom: 2px solid #333;
  box-sizing: border-box;
}
#sub.terms .term_list > ul {
  counter-reset: item;
}
#sub.terms .term_list > ul > li {
  border-top: 1px solid #d5d5d5;
  box-sizing: border-box;
}
#sub.terms .term_list > ul > li:first-child {
  border-top: 0;
}
#sub.terms .term_list > ul > li .tit {
  position: relative;
  padding: 30px 75px 30px 25px;
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
}
#sub.terms .term_list > ul > li .tit:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  display: block;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #f4f4f4;
  background-image: url("/img/terms_off.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 11px 11px;
}
#sub.terms .term_list > ul > li .tit.on:after {
  background-color: #1761fe;
  background-image: url("/img/terms_on.svg");
  background-size: 11px 1px;
}
#sub.terms .term_list > ul > li.pic .tit em {
  padding-left: 30px;
}
#sub.terms .term_list > ul > li .tit em {
  position: relative;
  display: block;
  padding-left: 20px;
  line-height: 1.3;
  font-size: 1.7rem;
  color: #333;
  box-sizing: border-box;
}
#sub.terms .term_list > ul > li .tit em:before {
  content: counter(item) ".";
  counter-increment: item;
  position: absolute;
  top: 0;
  left: 0;
}
#sub.terms .term_list > ul > li .txt {
  display: none;
  padding: 30px 25px;
  font-size: 1.6rem;
  font-weight: 300;
  color: #666666;
  background: #f4f7f9;
  box-sizing: border-box;
}
#sub.terms .terms_table{
  border:1px solid #ddd;
  margin-top:4px;
  width: 100%;
}
#sub.terms .terms_table th, 
#sub.terms .terms_table td{
  padding-block:8px;
  font-size:14px;
}
#sub.terms .terms_table th{
  border-bottom:1px solid #ddd;
  border-right: 1px solid #ddd;
  background-color: #f3f3f3;
  font-weight: 600;
}
#sub.terms .terms_table td{
  border-bottom:1px solid #ddd;
  border-right: 1px solid #ddd;
  padding-inline:8px;
  text-align: center;
  background-color:white;
}
#sub.terms .terms_table td:last-child, 
#sub.terms .terms_table th:last-child{
  border-right: none;
}
.agree_txt p,
.agree_txt ul,
.agree_txt ol {
  margin-bottom: 10px;
}
.agree_txt p.pic {
  margin-bottom: 0;
}
.agree_txt h4 {
  margin-top: 20px;
  color: #333;
  font-size: 1.6rem;
  font-weight: 500;
}
.agree_txt dt {
  font-weight: 500;
  margin-top: 10px;
}
.agree_txt dd:last-child {
  margin-bottom: 10px;
}
.agree_txt .num_list {
  counter-reset: item;
}
.agree_txt .num_list > li,
.agree_txt .num_list > dt,
.agree_txt .num_list > dd {
  position: relative;
  padding-left: 15px;
}
.agree_txt .num_list > li:before,
.agree_txt .num_list > dt:before {
  content: counter(item) ".";
  counter-increment: item;
  position: absolute;
  top: 1px;
  left: 0;
}
.agree_txt .subnum_list {
  counter-reset: item;
}
.agree_txt .subnum_list > li,
.agree_txt .subnum_list > dt,
.agree_txt .subnum_list > dd {
  padding-left: 20px;
  position: relative;
}
.agree_txt .subnum_list > li:before,
.agree_txt .subnum_list > dt:before {
  content: counter(item);
  counter-increment: item;
  position: absolute;
  top: 5px;
  left: 0;
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 10px;
  vertical-align: middle;
  border: 1px solid #707070;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
}
.agree_txt .dotline_list > li {
  position: relative;
  padding-left: 10px;
}
.agree_txt .dotline_list > li:before {
  content: "";
  width: 4px;
  height: 2px;
  background: #707070;
  left: 0;
  top: 11px;
  position: absolute;
}

/*팝업*/
.popup {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.5);
}
.popup .price_pop {
  width: 100%;
  height: 100%;
}
.popup .pop_inner {
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
}
.popup .pop {
  padding: 55px 50px;
  box-sizing: border-box;
  text-align: center;
  background-color: #fff;
  box-shadow: 2px 2px 13px 2.5px rgba(0, 0, 0, 0.23);
  border-radius: 20px;
  position: relative;
}
.popup .pop .pop_cls {
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 5;
  width: 40px;
  height: 40px;
  font-size: 0;
  border-radius: 40px;
  background-color: #1761fe;
  background-image: url("/resource/home/img/ico_cls.svg");
  background-repeat: no-repeat;
  background-position: 52% 52%;
  background-size: 11px;
}
.popup .pop .b_box {
  background-color: #f9fcfd;
  border: 1px solid #e2e7ea;
  box-sizing: border-box;
  border-radius: 20px;
}
.popup .pop_title strong {
  display: block;
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 1;
}
.popup .pop_title span {
  display: block;
  margin-top: 4px;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.5px;
  line-height: 1.5;
}
.popup .btn_wrap {
  margin-top: 30px;
  font-size: 0;
  width: 102.4%;
  margin-left: -2.4%;
}
.popup .btn_wrap a {
  display: inline-block;
  width: 47.6%;
  margin-left: 2.4%;
  height: 50px;
  line-height: 50px;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.5px;
  border-radius: 10px;
  background-color: #1761fe;
  box-shadow: 5px 5px 10px 0 rgba(140, 140, 140, 0.22);
}
.popup .btn_wrap a.gr {
  background-color: #959ea3;
}

.popup .price_pop1 .img_box {
  margin-top: 30px;
  padding: 33px 15px 31px;
  box-sizing: border-box;
  text-align: center;
}
.popup .price_pop1 .img_box img {
  width: auto;
}
.popup .price_pop2 .pop {
  padding: 50px 50px 47px;
}
.popup .price_pop2 .pop_inner {
  max-width: 540px;
}
.popup .price_pop2 .form_wrap {
  margin-top: 30px;
}
.popup .price_pop2 .ip_wrap .ip_box {
  margin-top: 10px;
}
.popup .price_pop2 .ip_wrap .ip_box:first-child {
  margin-top: 0;
}
.popup .price_pop2 .ip_wrap .ip_box input[type="text"]:focus {
  box-shadow: none;
}
.popup .price_pop2 .chk_wrap {
  margin-top: 12px;
  text-align: left;
}
.popup .price_pop2 .chk_wrap label {
  font-size: 1.4rem;
}
.popup .price_pop2 .cash_bill {
  margin-top: 30px;
  padding: 20px 10px;
  box-sizing: border-box;
  background-color: #f4f7f9;
  border-radius: 10px;
}
.popup .price_pop2 .cash_bill .ip_box {
  position: relative;
}
.popup .price_pop2 .cash_bill .ip_box .customRadio {
  position: absolute;
  left: 13px;
  top: 50%;
  margin-top: -10px;
}
.popup .price_pop2 .cash_bill .ip_box .customRadio label {
  padding-left: 31px;
  font-weight: 400;
  color: #73797c;
}
.popup .price_pop2 .cash_bill .ip_box input[type="text"] {
  padding-left: 85px;
}
/*고객지원 - 프로모션(리스트)*/
.subEventTitleBox {
  margin: 0 auto;
  box-sizing: border-box;
}
.subEventMainTitle {
  text-align: center;
  font-size: 36px;
  color: #484747;
  font-weight: bold;
  margin-bottom: 50px;
}
.subEventTitle {
  display: inline-block;
  width: 50%;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border: 1px solid #ded8dc;
}
.subEventTitleActive {
  background-image: linear-gradient(
    to bottom,
    rgb(66, 102, 249) 20%,
    rgb(33, 76, 248) 100%
  );
  color: white !important;
  font-weight: bold;
  border: 1px solid transparent;
}
.closeEvent {
  font-weight: bold;
  color: #9fa1a7;
}
.subEventPanBox {
  margin: 40px auto 0;
  width: 100%;
  text-align: center;
}
/* .subEventPan {display: none;} */ /* 마감된 이벤트 내용 보이는 상태 */
.subEventPanUl {
  overflow: hidden;
}
.subEventPanUl2 {
  display: none;
}
.subEventPanActive {
  display: block;
}
.subEventPanA {
  display: inline-block;
  width: 100%; /* height: 100%; */
}
.subEventPanIng li {
  width: calc((100% - 60px) / 3);
  margin-right: 30px;
  margin-bottom: 20px;
  overflow: hidden;
  font-size: 0;
  float: left;
  border-radius: 20px;
}
.subEventPanIng a:hover img {
  transform: scale(1.1);
}
.subEventPanIng li:nth-child(3n) {
  margin-right: 0 !important;
}
.subEventPanIng img {
  width: 100%;
  transition: all 0.5s;
}
#plusBtn {
  display: inline-block;
  width: 200px;
  height: 65px;
  line-height: 67px;
  background: #1761fe;
  box-shadow: 5px 5px 10px 0 rgb(140 140 140 / 22%);
  color: white;
  font-weight: bold;
  border-radius: 10px;
  text-align: center;
  margin: 25px 0;
}
.subEventPanClose {
  position: relative;
  padding: 5px 10px;
}
.eventCloseActive {
  display: block;
}
.eventPanCloseTable {
  border-collapse: collapse;
  width: 100%;
}
.eventPanCloseTable tr {
  border-top: 1px solid #ded8dc;
}
.eventPanCloseTable tr:nth-child(1) {
  border-top: 1px solid #1e1e1e;
}
.eventPanCloseTable tr:nth-child(2) {
  border-top: none;
}
.eventPanCloseTable tr:hover td:nth-child(2) {
  color: #1761fe;
}
.eventPanCloseTable th {
  padding: 15px 0;
}
.eventPanCloseTable td {
  padding: 15px 0;
  font-size: 14px;
  color: #555555;
  text-align: center;
}
.eventPanCloseNumBox {
  position: absolute;
  bottom: -75px;
  left: 50%;
  transform: translateX(-50%);
}
.eventPanCloseNumBox span {
  font-size: 20px;
  margin: 0 8px;
  color: #424242;
  cursor: pointer;
}
.subEventItemBox {
  display: flex;
}

.subEventBox {
  margin: 0 auto;
  max-width: 1000px;
}

@media (max-width: 1010px) {
  .subEventTitleBox {
    padding: 0 10px;
    box-sizing: border-box;
  }
  .subEventPanBox {
    padding: 0 10px;
    box-sizing: border-box;
  }
  .subEventPanIng li {
    width: calc((100% - 40px) / 3);
    margin-right: 20px;
  }
}

@media (max-width: 800px) {
  .proViewTableCon img {
    width: 80%;
  }
}

@media (max-width: 768px) {
  /* .subEventBox {padding: 100px 0;} */
}

@media (max-width: 650px) {
  .subEventPanIng li {
    width: calc((100% - 20px) / 2);
    margin-right: 20px;
  }
  .subEventPanIng li:nth-child(2n) {
    margin-right: 0 !important;
  }
  .subEventPanIng li:nth-child(3) {
    margin-right: 20px !important;
  }
  .subEventItemBox {
    display: block !important;
  }
  .subEventTitle {
    width: 100%;
    margin-bottom: 10px;
  }
  .subEventPanBox {
    margin: 50px auto 0;
  }
  .eventPanCloseTable tr {
    display: flex;
    justify-content: space-between;
  }
  .eventPanCloseTable tr:nth-child(1) th:nth-child(2) {
    width: 60%;
  }
  .eventPanCloseTable tr:nth-child(1) th:nth-child(3) {
    width: 35%;
  }
  .eventPanCloseTable th:nth-child(1),
  .eventPanCloseTable td:nth-child(1) {
    display: none;
  }
  .eventPanCloseTable td:nth-child(2) {
    width: 60%;
    text-align: left;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
  }
}

@media (max-width: 550px) {
  /* .subEventBox {padding: 75px 0;} */
  .subEventTitleBox {
    width: 85%;
  }
  .subEventMainTitle {
    margin-bottom: 35px;
  }
  .plusBtn {
    width: 175px;
    height: 60px;
    line-height: 60px;
  }
  .eventPanCloseNumBox {
    bottom: -50px;
  }
}

@media (max-width: 500px) {
  .subEventPanIng li {
    width: calc((100% - 10px) / 2);
    margin-right: 10px;
  }
  .subEventPanIng li:nth-child(3) {
    margin-right: 10px !important;
  }
  .subEventMainTitle {
    font-size: 30px;
  }
  .eventPanCloseTable tr:nth-child(1) th:nth-child(2) {
    width: 50%;
  }
  .eventPanCloseTable td {
    font-size: 13px;
  }
}

@media (max-width: 450px) {
  .plusBtn {
    width: 155px;
    height: 55px;
    line-height: 55px;
  }
  .eventPanCloseTable {
    table-layout: fixed;
  }
}

@media (max-width: 430px) {
  .subEventMainTitle {
    font-size: 24px;
  }
}

/*고객지원 - 프로모션(뷰페이지)*/
.eventProViewBox {
  max-width: 1000px;
  margin: 0 auto; /* padding: 100px 0; */
}
.eventProViewTitle {
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 30px;
  color: #282828;
}
.eventProViewTitle img {
  width: 25px;
  height: 25px;
}
.eventProViewTableBox {
  width: 100%;
  margin: 0px auto;
  border: 1px solid #e9e9e9;
}
.eventProViewBox table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.proViewTableCon {
  text-align: center;
  padding: 100px 0 50px 0 !important;
  border-bottom: none !important;
}
/* .proViewTableCon img {width: 80%;} */
.eventProViewBox th {
  width: 20%;
  border-bottom: 1px solid #ded8dc;
  border-right: 1px solid #ded8dc;
  padding: 20px 0;
  color: #282828;
}
.eventProViewBox td {
  border-bottom: 1px solid #ded8dc;
  padding: 25px 15px;
  box-sizing: border-box;
  color: #555555;
}
.listBtnBox {
  text-align: center;
  padding-top: 60px;
}

@media (max-width: 1010px) {
  /* .eventProViewBox {padding: 100px 10px;} */
}

@media (max-width: 550px) {
  .proViewTableCon {
    padding: 50px 0 !important;
  }
}

/*정부지원사업 공통*/
#sub.support .section {
  position: relative;
}
#sub.support .size {
  width: 100%;
  max-width: 1540px;
}
#sub.support .img_box {
  font-size: 0;
}
#sub.support .btn_area {
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 10;
  font-size: 0;
  text-align: center;
}
#sub.support .btn_area a {
  display: inline-block;
  width: 100%;
  height: 120px;
  line-height: 120px;
  font-size: 3.2rem;
  font-weight: 600;
  color: #f3f3f3;
  letter-spacing: -0.5px;
  border-radius: 60px;
  background-color: #222;
  box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.45);
}
#sub.support .btn_area a span {
  display: block;
  font-weight: 300;
  font-size: 2.4rem;
}
#sub.support .btn_area.btn_left {
  text-align: left;
}
#sub.support .btn_area.btn_left a {
  text-align: center;
}
#sub.support .btn_area.go_regist {
  top: 49.5%;
}
#sub.support .btn_area.go_regist a {
  max-width: 320px;
  height: 320px;
  line-height: initial;
  border-radius: 320px;
}
#sub.support .btn_area.go_regist a em {
  display: block;
  font-size: 3.6rem;
  font-weight: 600;
  line-height: 1.4;
}
#sub.support .btn_area.go_regist a b {
  display: inline-block;
  margin-top: 32px;
  padding-bottom: 6px;
  box-sizing: border-box;
  font-size: 2.4rem;
  color: #00e08d;
  letter-spacing: 0;
  line-height: 1;
  border-bottom: 2px solid #00e08d;
}
.popup .price_pop3 .pop {
  padding: 40px 45px;
}
.popup .price_pop3 .pop_inner {
  max-width: 900px;
}
.popup .price_pop3 .pop_title strong .ft_pins {
  letter-spacing: 0;
}
.popup .price_pop3 .item_wrap {
  width: 102.6%;
  margin-left: -2.6%;
}
.popup .price_pop3 .item_wrap .item {
  width: 47.4%;
  margin-left: 2.6%;
  float: left;
  border-radius: 20px;
  box-sizing: border-box;
  overflow: hidden;
  box-shadow: 7px 7px 16px 0 rgba(109, 148, 178, 0.11);
}
.popup .price_pop3 .item .top {
  height: 120px;
}
.popup .price_pop3 .item .top em {
  display: block;
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 1;
}
.popup .price_pop3 .item .top p {
  margin-top: 9px;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.5px;
  line-height: 1.4;
}
.popup .price_pop3 .item .mid .mo {
  display: none;
}
.popup .price_pop3 .item .mid .mid_t {
  padding: 30px 30px 20px;
  box-sizing: border-box;
  font-size: 0;
}
.popup .price_pop3 .item .mid .mid_t > strong {
  display: inline-block;
  padding-left: 43px;
  box-sizing: border-box;
  font-size: 3.2rem;
  font-weight: 800;
  color: #0e101f;
  letter-spacing: -1px;
  line-height: 1;
  position: relative;
}
.popup .price_pop3 .item .mid .mid_t > strong::before {
  content: "";
  display: block;
  clear: both;
  width: 33px;
  height: 19px;
  position: absolute;
  left: 0;
  bottom: 7px;
  background-image: url("/resource/home/img/ico_big_won.svg");
  background-repeat: no-repeat;
  background-position: 50% 16%;
  background-size: 28px;
}
.popup .price_pop3 .item .mid .mid_t .drp_wrap {
  margin-top: 10px;
  text-align: left;
}
.popup .price_pop3 .item .mid .mid_t .drp_wrap ul li {
  position: relative;
}
.popup .price_pop3 .item .mid .mid_t .drp_wrap ul li a {
  font-weight: 500;
}
.popup .price_pop3 .item .mid .mid_t .drp_wrap ul li span {
  font-weight: 600;
}
.popup .price_pop3 .item .mid .mid_t .drp_wrap ul li .sale_per {
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -12px;
}
.popup .price_pop3 .item .mid .mid_t .drp_wrap ul li .sale_per em {
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 1;
}
.popup .price_pop3 .item .mid .mid_t .drp_wrap ul li .sale_per b {
  display: inline-block;
  vertical-align: middle;
  width: 65px;
  height: 24px;
  line-height: 24px;
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  letter-spacing: -0.5px;
  text-align: center;
  border-radius: 5px;
}
.popup .price_pop3 .item .mid .mid_t .drp_wrap ul li .sale_per b span {
  font-weight: 600;
}
.popup .price_pop3 .item .mid .mid_t .drp_wrap ul li .sale_per.gr {
  color: #bbbdc1;
}
.popup .price_pop3 .item .mid .mid_t .drp_wrap ul li .sale_per.gr b {
  background-color: #bbbdc1;
}

.popup .price_pop3 .item .mid .mid_t .drp_wrap ul li .sale_per.grn {
  color: #01e08d;
}
.popup .price_pop3 .item .mid .mid_t .drp_wrap ul li .sale_per.grn b {
  background-color: #01e08d;
}

.popup .price_pop3 .item .mid .mid_t .drp_wrap ul li .sale_per.rd {
  color: #fe172d;
}
.popup .price_pop3 .item .mid .mid_t .drp_wrap ul li .sale_per.rd b {
  background-color: #fe172d;
}

.popup .price_pop3 .item .mid .mid_t > em {
  display: block;
  margin-top: 10px;
  height: 48px;
  line-height: 48px;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.5px;
  border-radius: 8px;
  background-color: #e3e6ed;
}
.popup .price_pop3 .item .mid .mid_t > em span {
  font-size: 2rem;
}
.popup .price_pop3 .item .mid .mid_t > em span i {
  font-size: 1.8rem;
  font-style: normal;
}
.popup .price_pop3 .item .mid .mid_b {
  padding: 20px 18px 20px 40px;
  border-top: 1px solid #eee;
  box-sizing: border-box;
}
.popup .price_pop3 .item .mid .mid_b > ul {
  margin-top: -15px;
}
.popup .price_pop3 .item .mid .mid_b > ul > li {
  float: left;
  padding-left: 15px;
  margin-top: 15px;
  box-sizing: border-box;
  width: 50%;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.5px;
  line-height: 1;
  text-align: left;
  position: relative;
}
.popup .price_pop3 .item .mid .mid_b > ul > li::before {
  content: "";
  display: block;
  clear: both;
  width: 4px;
  height: 4px;
  position: absolute;
  left: 0;
  top: 6px;
  background-color: #1761fe;
  border-radius: 4px;
}
.popup .price_pop3 .item .btm {
  padding: 25px 30px 35px;
  box-sizing: border-box;
  border-top: 1px solid #eee;
  background-color: #f4f7f9;
  font-size: 0;
}
.popup .price_pop3 .item .btm > em {
  display: block;
  margin-bottom: 10px;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.5px;
  line-height: 1;
  text-align: left;
}
.popup .price_pop3 .item .btm .drp_wrap {
  text-align: left;
}
.popup .price_pop3 .item .btm .btn_w input[type="submit"] {
  display: block;
  margin-top: 10px;
  width: 100%;
  height: 60px;
  line-height: 60px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #fff;
  letter-spacing: -0.5px;
  background-color: #0e101f;
  border-radius: 10px;
  cursor: pointer;
}
.popup .price_pop3 .item .btm .btn_w a {
  display: inline-block;
  margin-top: 22px;
  padding-bottom: 3px;
  box-sizing: border-box;
  font-size: 1.4rem;
  font-weight: 500;
  color: #797b84;
  letter-spacing: -0.5px;
  line-height: 1;
  border-bottom: 1px solid #797b84;
}
.popup .price_pop3 .item_wrap .item1 {
  border: 1px solid #1761fe;
  box-shadow: 0px 0px 10px 0 rgba(22, 97, 253, 0.22);
}
.popup .price_pop3 .item1 .top {
  background-color: #1761fe;
}
.popup .price_pop3 .item1 .top em {
  color: #fff;
}
.popup .price_pop3 .item1 .top p {
  color: rgba(255, 255, 255, 0.6);
}
.popup .price_pop3 .item_wrap .item2 {
  border: 1px solid #e9e9e9;
}
.popup .price_pop3 .item2 .top {
  background-color: #e3e6ed;
}
.popup .price_pop3 .item2 .top p {
  color: #666;
}

.popup .price_pop3 .scroll {
  height: calc(100vh - var(--pop-margin));
  margin-top: 40px;
  overflow: auto;
}
.popup .price_pop3 .scroll::-webkit-scrollbar-track {
  background: transparent;
}

.popup .price_pop3 .item_tab {
  display: none;
  background-color: #e3e6ed;
}
.popup .price_pop3 .item_tab a {
  float: left;
  display: block;
  width: 50%;
  height: 50px;
  line-height: 50px;
  font-size: 1.6rem;
  font-weight: 700;
  color: #999;
}
.popup .price_pop3 .item_tab a.on {
  color: #fff;
  background-color: #1761fe;
}

.popup .price_pop4 .pop {
  padding: 45px 50px 50px;
}
.popup .price_pop4 .pop_inner {
  max-width: 540px;
}
.popup .price_pop4 .pop_title {
  text-align: left;
}
.popup .price_pop4 .b_box {
  margin-top: 25px;
  border-radius: 5px;
}
.popup .price_pop4 .b_box b {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.5px;
  line-height: 1;
}
.popup .price_pop4 .b_box p {
  margin-top: 7px;
  font-size: 1.7rem;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 1.4;
}
.popup .price_pop4 .b_box span {
  display: block;
  font-size: 1.6rem;
  font-weight: 400;
}
.popup .price_pop4 .ch_wrap {
  margin-top: 13px;
}
.popup .price_pop4 .ch_wrap ul {
  margin-top: -8px;
}
.popup .price_pop4 .ch_wrap ul li {
  margin-top: 8px;
  text-align: left;
}
.popup .price_pop4 .ch_wrap ul.fll li {
  float: left;
}

.popup .price_pop4_1 .b_box {
  height: 155px;
}
.popup .price_pop4_1 .ch_wrap ul li {
  padding-left: 10px;
  box-sizing: border-box;
}
.popup .price_pop4_1 .ch_wrap ul li.li1,
.popup .price_pop4_1 .ch_wrap ul li.li4 {
  width: 37%;
}
.popup .price_pop4_1 .ch_wrap ul li.li2,
.popup .price_pop4_1 .ch_wrap ul li.li5 {
  width: 36%;
}
.popup .price_pop4_1 .ch_wrap ul li.li3,
.popup .price_pop4_1 .ch_wrap ul li.li6 {
  width: 27%;
}

.popup .price_pop4_2 .b_box {
  height: 178px;
}
.popup .price_pop4_2 .ch_wrap ul {
  margin-top: 0;
}
.popup .price_pop4_2 .ch_wrap ul li:first-child {
  margin-top: 0;
}

.popup .price_pop4_3 .b_box {
  height: 155px;
}
.popup .price_pop4_3 .ch_wrap ul li {
  width: 50%;
}

.popup .price_pop4_4 .pop {
  padding-bottom: 0;
}
.popup .price_pop4_4 .txt_box {
  margin-top: 10px;
  text-align: center;
}
.popup .price_pop4_4 .result_box .ico {
  display: inline-block;
  width: 104px;
  height: 104px;
  line-height: 104px;
  font-size: 0;
  background-color: #c8dbe9;
  border-radius: 104px;
  box-shadow: 2px 2px 13px 9px rgb(0, 0, 0, 0.09);
}
.popup .price_pop4_4 .result_box .ico img {
  display: inline-block;
  width: 69px;
  height: 50px;
}
.popup .price_pop4_4 .result_box p {
  margin-top: 20px;
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.5px;
}
.popup .price_pop4_4 .result_box p strong {
  display: block;
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: -1.5px;
}
.popup .price_pop4_4 .pop .btn_wrap {
  margin-top: 27px;
}
.popup .price_pop4_4 .b_box {
  margin-top: 35px;
  height: 230px;
  padding: 0 20px;
  box-sizing: border-box;
}
.popup .price_pop4_4 .b_box p {
  margin-top: 0;
  font-weight: 500;
}
.popup .price_pop4_4 .b_box .btn_wrap {
  width: 100%;
  margin-left: 0;
}
.popup .price_pop4_4 .b_box .btn_wrap a {
  margin-left: 0;
  width: 100% !important;
  max-width: 290px;
}

.popup .pwd_pop .pop {
  padding: 50px;
}
.popup .pwd_pop .pop_inner {
  max-width: 390px;
}
.popup .pwd_pop .pop_title strong {
  font-size: 2rem;
  color: #242940;
}
.popup .pwd_pop .ip_wrap {
  margin-top: 20px;
}
.popup .pwd_pop .btn_wrap {
  margin-top: 10px;
  width: 102.7%;
}
.popup .pwd_pop .btn_wrap a {
  width: 47.3%;
  margin-left: 2.7%;
  font-size: 1.6rem;
  background: rgb(65, 102, 249);
  background: linear-gradient(
    180deg,
    rgba(65, 102, 249, 1) 0%,
    rgba(21, 66, 248, 1) 100%
  );
}
.popup .pwd_pop .btn_wrap a.gr {
  background: rgb(153, 161, 166);
  background: linear-gradient(
    180deg,
    rgba(153, 161, 166, 1) 0%,
    rgba(124, 136, 142, 1) 100%
  );
}

.pathnerBelt {
  height: 75px;
  background-size: cover;
  background-position-x: 30%;
  background-position-y: 50%;
}

/* payment */
.redSpan {
  color: red;
}
.paymentBox {
  margin: 75px auto;
}
.paymentTitleBox p {
  padding: 35px 0;
  border-bottom: 1px solid #7c7c7c;
  box-sizing: border-box;

  font-size: 3.6rem;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 1;
  color: #111111;
}
.paymentDescBox {
  padding: 35px 0 50px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.5px;
}
.paymentTable td {
  letter-spacing: 0.2px;
}
.paymentTable tr:nth-child(1) td {
  border-top: 1px solid #2e2e2e;
}
.paymentTable tr td:nth-child(1) {
  width: 25%;
  border-bottom: 1px solid #2e2e2e;
  border-right: 1px solid #2e2e2e;
  border-left: 1px solid #2e2e2e;
  padding: 10px 25px;
  box-sizing: border-box;
  background-color: #0060ff;
  color: white;
  font-weight: bold;
}
.paymentTable tr td:nth-child(2) {
  width: calc(100% - 25%);
  border-bottom: 1px solid #2e2e2e;
  border-right: 1px solid #2e2e2e;
}
.payBtnBox {
  padding-top: 50px;
  text-align: center;
}
.payBtn {
  display: inline-block;
  padding: 15px 55px;
  border-radius: 70px;
  background-color: #0060ff;
  box-shadow: 0px 1px 13px 0px rgb(0 0 0 / 34%);
  font-size: 1.75rem;
  font-weight: 500;
  color: #fff !important;
  letter-spacing: -0.1rem;
}

/* 23.04.06 정부지원사업 */
/* support */
/* section4 */
#sub.spt_idx1 .section4 table.differend_table .differ_table_circle {
  border: 2px solid;
  border-radius: 50%;
  margin: 0 auto;
}
#sub.spt_idx1 .section4 table.differend_table .differ_table_circle,
#sub.spt_idx1 .section4 table.differend_table .differ_table_X img {
  width: 20px;
  height: 20px;
}
#sub.spt_idx1 .section4 table.differend_table tr th:nth-child(1),
#sub.spt_idx3 .section4 table.differend_table tr th:nth-child(1) {
  width: 25% !important;
}
#sub.spt_idx1 .section4 table.differend_table tr th:nth-child(2),
#sub.spt_idx3 .section4 table.differend_table tr th:nth-child(2) {
  width: 51% !important;
}
#sub.spt_idx1 .section4 table.differend_table tr th:nth-child(3),
#sub.spt_idx3 .section4 table.differend_table tr th:nth-child(3) {
  width: 12% !important;
}
#sub.spt_idx1 .section4 table.differend_table tr th:nth-child(4),
#sub.spt_idx3 .section4 table.differend_table tr th:nth-child(4) {
  width: 12% !important;
}
/* section5 */
#sub.spt_idx1 .section5 .support_title_box {
  margin-bottom: 50px;
}
#sub.spt_idx1 .section5 .support_title_box h1 {
  font-weight: normal;
  font-size: 7rem;
}
#sub.spt_idx1 .section5 .support_title_box h1 span {
  font-weight: bold;
  color: #1761fe;
}
#sub.spt_idx1 .section5 .support_con_box {
}
#sub.spt_idx1 .section5 .support_item {
  overflow: hidden;
  padding: 35px 0;
  border: 1px solid;
  box-sizing: border-box;
  border: 1px solid #b7b7b7;
  border-radius: 25px;
  box-shadow: 7px 7px 16px 0 rgb(109 148 178 / 22%);
  margin-bottom: 20px;
  background-color: white;
}
#sub.spt_idx1 .section5 .support_item .support_item_L {
  width: 30%;
  color: white;
  float: left;
}
#sub.spt_idx1 .section5 .support_item .support_item_L p {
  width: 190px;
  height: 55px;
  line-height: 55px;
  border-radius: 30px;
  margin: 0 auto;
  font-size: 1.8rem;
  font-weight: bold;
  background-color: #1761fe;
}
#sub.spt_idx1 .section5 .support_item .support_item_R {
  width: 70%;
  float: right;
  text-align: left;
}
#sub.spt_idx1 .section5 .support_item .support_item_R h2 {
  font-size: 3rem;
}
#sub.spt_idx1 .section5 .support_item .support_item_R ul {
  margin-left: 5px;
  margin-top: 10px;
}
#sub.spt_idx1 .section5 .support_item .support_item_R li {
  position: relative;
}
#sub.spt_idx1 .section5 .support_item .support_item_R li::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  background-color: #125efe;
  border-radius: 50%;
}
#sub.spt_idx1 .section5 .support_item .support_item_R li span {
  margin-left: 15px;
  font-size: 1.8rem;
}
#sub.spt_idx1
  .section5
  .support_item:nth-child(2)
  .support_item_R
  li:nth-child(1)::before {
  top: 25%;
}
#sub.spt_idx1
  .section5
  .support_item:nth-child(2)
  .support_item_R
  li:nth-child(1)
  span:nth-child(2) {
  display: block;
}
/* section6 */
#sub.spt_idx1 .section6 .counsel_title_box h1 {
  font-size: 7rem;
  font-weight: normal;
  color: white;
}
#sub.spt_idx1 .section6 .counsel_title_box h1 span {
  font-weight: bold;
}
#sub.spt_idx1 .section6 .counsel_con_box {
  border-radius: 30px;
  overflow: hidden;
  width: 50%;
  margin: 50px auto;
}
#sub.spt_idx1 .section6 .counsel_name {
  background-color: white;
  padding: 40px 0;
}
#sub.spt_idx1 .section6 .counsel_name p {
  display: inline-block;
  padding: 10px 45px;
  border-radius: 30px;
  font-size: 2.5rem;
  background-color: #01df8c;
}
#sub.spt_idx1 .section6 .counsel_name h2 {
  font-size: 5rem;
  margin-top: 30px;
}
#sub.spt_idx1 .section6 .counsel_phone {
  background-color: #f4f7f9;
  padding: 40px 0;
  font-size: 2.8rem;
}

/* contactless */
/* section1 */
#sub.spt_idx2 .section1 .sale_price_title_box p:nth-child(1) {
  font-weight: bold;
  font-size: 2.9rem;
  color: #00e08d;
}
#sub.spt_idx2 .section1 .sale_price_title_box p:last-child {
  font-size: 2.8rem;
  color: #99bdff;
}
#sub.spt_idx2 .section1 .sale_price_title_box .sale_price_title {
  color: white;
  font-size: 3rem;
  line-height: 70px;
  margin: 30px 0 20px;
}
#sub.spt_idx2 .section1 .sale_price_title_box .sale_price_title span {
  color: #00e08d;
}
#sub.spt_idx2 .section1 .sale_price_bn {
  max-width: 550px;
  width: 100%;
  margin: 50px auto 0px;
  height: 300px;
  background-image: url(../img/coupon_background.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: relative;
}
#sub.spt_idx2 .section1 .sale_price_bn img {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
}
/* section2 */
#sub.spt_idx2 .section2 .online_service_title_box {
  margin-bottom: 50px;
  padding: 0 15px;
  box-sizing: border-box;
}
#sub.spt_idx2 .section2 .online_service_title_box h1 {
  font-size: 7rem;
  font-weight: normal;
}
#sub.spt_idx2 .section2 .online_service_title_box h1 span {
  color: #115dfd;
  font-weight: bold;
}
#sub.spt_idx2 .section2 .online_service_sub_title {
  font-size: 2.6rem;
}
#sub.spt_idx2 .section2 .online_service_sub_title span {
  font-weight: bold;
}
#sub.spt_idx2 .section2 .online_service_con_box {
  border: 1px solid #c7c7c7;
  border-radius: 20px;
  width: 55%;
  margin: 0 auto;
  box-shadow: 7px 7px 16px 0 rgba(109, 148, 178, 0.11);
}
#sub.spt_idx2 .section2 .online_service_con_top {
  padding: 30px 10px;
  background-color: #1761fe;
  color: white;
  font-weight: bold;
  font-size: 3.6rem;
  border-radius: 20px 20px 0 0;
}
#sub.spt_idx2 .section2 .online_service_con_top p span {
  font-weight: normal;
  color: #a3c1ff;
}
#sub.spt_idx2 .section2 .online_service_con_bot {
  position: relative;
  padding: 65px 100px 25px;
  box-sizing: border-box;
  background-color: white;
}
#sub.spt_idx2 .section2 .online_service_con_bot .online_service_bot_img_box {
  display: flex;
  justify-content: space-between;
}
#sub.spt_idx2 .section2 .online_service_bot_item {
  width: 48%;
  background-color: #f5f5f5;
  border-radius: 8px;
  padding: 50px 0;
}
#sub.spt_idx2 .section2 .online_service_bot_item p {
  margin-top: 25px;
  font-size: 2.5rem;
}
#sub.spt_idx2 .section2 .online_service_bot_item span {
  font-weight: bold;
  color: #1761fe;
}
#sub.spt_idx2 .section2 .online_service_plus {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#sub.spt_idx2 .section2 .use_period {
  display: inline-block;
  border: 3px solid #1761fe;
  border-radius: 50px;
  padding: 20px 100px;
  transform: translateY(50%);
  box-shadow: 7px 7px 16px 0 rgba(109, 148, 178, 0.11);
  color: #1761fe;
  font-weight: bold;
  font-size: 2.5rem;
  background-color: white;
}
#sub.spt_idx2 .section2 .online_service_desc {
  margin-top: 60px;
  color: #939393;
  font-size: 2.2rem;
}
/* section3 */
#sub.spt_idx2 .section3 .online_buy_title_box h1 {
  font-size: 7rem;
}
#sub.spt_idx2 .section3 .online_buy_title_box h1 span {
  color: #1761fe;
}
#sub.spt_idx2 .section3 .online_buy_con_box {
  display: flex;
  width: 75%;
  margin: 135px auto 100px;
}
#sub.spt_idx2 .section3 .online_buy_con_box .online_buy_item {
  width: calc((100% - 90px) / 4);
  margin-right: 30px;
  border: 1px solid #e9e9e9;
  position: relative;
  padding: 75px 10px;
  background-color: white;
  border-radius: 25px;
  box-shadow: 7px 7px 16px 0 rgba(109, 148, 178, 0.11);
}
#sub.spt_idx2 .section3 .online_buy_con_box .online_buy_item:nth-child(4) {
  margin-right: 0 !important;
}
#sub.spt_idx2 .section3 .online_buy_con_box .online_buy_img {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  border-radius: 20px;
  background-color: #1761fe;
  padding: 20px;
  box-sizing: border-box;
  position: absolute;
  top: -40%;
  left: 50%;
  transform: translate(-50%, 50%);
}
#sub.spt_idx2 .section3 .online_buy_con_box .online_buy_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#sub.spt_idx2 .section3 .online_buy_con_box .online_buy_step {
  font-size: 4rem;
  color: #1761fe;
  font-weight: bold;
}
#sub.spt_idx2 .section3 .online_buy_con_box .online_buy_desc {
  font-size: 2.5rem;
}
/* section4 */
#sub.spt_idx2 .section4 .usign_list_title_box {
  font-size: 5rem;
}
#sub.spt_idx2 .section4 .usign_list_title_box h1 {
  font-weight: normal;
}
#sub.spt_idx2 .section4 .usign_list_title_box span {
  font-weight: bold;
}
#sub.spt_idx2 .section4 li {
  width: calc((100% - 120px) / 3);
  margin-right: 60px;
}
#sub.spt_idx2 .section4 li:nth-child(3) {
  margin-right: 0 !important;
}
#sub.spt_idx2 .section4 .usign_list_best1 {
  position: relative;
  margin-bottom: 40px;
  box-shadow: 7px 7px 16px 0 rgba(109, 148, 178, 0.11);
}
#sub.spt_idx2 .section4 .usign_list_best_top {
  background-color: white;
  border-radius: 25px 25px 0 0;
  padding: 40px 20px;
  box-sizing: border-box;
}
#sub.spt_idx2 .section4 .best1_img {
  font-size: 2.6rem;
  background-color: #1761fe;
  color: white;
  font-weight: bold;
  line-height: 30px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  position: absolute;
  top: -15%;
  left: -20px;
  box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.34);
}
#sub.spt_idx2 .section4 .usign_img {
  text-align: right;
}
#sub.spt_idx2 .section4 .best1_img .best1_img_txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#sub.spt_idx2 .section4 .best_top_txt {
  margin-top: 25px;
}
#sub.spt_idx2 .section4 .best_top_txt p:nth-child(1) {
  font-size: 2.8rem;
}
#sub.spt_idx2 .section4 .best_top_txt h1 {
  font-weight: bold;
  font-size: 4.8rem;
  margin: 10px 0;
}
#sub.spt_idx2 .section4 .best_top_txt p:nth-child(3) {
  display: inline-block;
  background-color: #f4f7f9;
  font-size: 2.3rem;
  border-radius: 30px;
  padding: 10px 25px;
}
#sub.spt_idx2 .section4 .usign_list_best_bot {
  color: white;
  font-size: 2.5rem;
  background-color: #1761fe;
  padding: 50px 0;
  box-sizing: border-box;
  border-radius: 0 0 25px 25px;
}
/* section5 */
#sub.spt_idx2 .section5 .apply_title_box {
  width: 100%;
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translate(-50%);
  color: white;
}
#sub.spt_idx2 .section5 .apply_title_box h1 {
  font-weight: normal;
  font-size: 6.5rem;
}
#sub.spt_idx2 .section5 .apply_title_box h1 span {
  font-weight: bold;
  color: #01e08f;
}
/* cloud */
/* section1 */
.spt_idx3 .section1 .cloud_sub_title {
  font-weight: bold;
  font-size: 2.8rem;
  color: #115dfd;
}

.spt_idx3 .section1 .cloud_title {
  font-size: 2.8rem;
  line-height: 70px;
  margin: 20px 0;
}
.spt_idx3 .section1 .cloud_title h1:nth-child(1) {
  font-weight: normal;
}
.spt_idx3 .section1 .cloud_title h1:nth-child(2) span {
  position: relative;
}
.spt_idx3 .section1 .cloud_title h1:nth-child(2) span::before {
  content: "";
  position: absolute;
  left: -10px;
  bottom: 0;
  z-index: -9;
  width: 104%;
  height: 30px;
  background-color: white;
}
.spt_idx3 .section1 .cloud_desc {
  font-size: 2.5rem;
  color: #444444;
}
.spt_idx3 .section1 .usign_80_icon {
  width: 120px;
  height: 120px;
  background-color: white;
  border-radius: 20px;
  padding: 10px;
  box-sizing: border-box;
  transform: rotate(-18deg);
  position: absolute;
  left: 32%;
  top: 73%;
}
.spt_idx3 .section1 .usign_80_icon_con {
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.spt_idx3 .section1 .usign_80_icon_con img {
  width: 80% !important;
  transform: translate(13%, 12px);
}
.spt_idx3 .section1 .usign_80_icon_con p {
  font-size: 4.4rem;
  font-weight: bold;
  color: #1761fe;
}
/* section2 */
#sub.spt_idx3 .section2 .online_service_title_box {
  margin-bottom: 50px;
}
#sub.spt_idx3 .section2 .online_service_title_box h1 {
  font-size: 7rem;
  font-weight: normal;
}
#sub.spt_idx3 .section2 .online_service_title_box h1 span {
  color: #115dfd;
  font-weight: bold;
}
#sub.spt_idx3 .section2 .online_service_sub_title {
  font-size: 2.6rem;
}
#sub.spt_idx3 .section2 .online_service_sub_title span {
  font-weight: bold;
}
#sub.spt_idx3 .section2 .online_service_con_box {
  border: 1px solid #c7c7c7;
  border-radius: 20px;
  width: 55%;
  margin: 0 auto 60px;
  box-shadow: 7px 7px 16px 0 rgba(109, 148, 178, 0.11);
}
#sub.spt_idx3 .section2 .online_service_con_top {
  padding: 30px 0;
  background-color: #1761fe;
  color: white;
  font-weight: bold;
  font-size: 3.6rem;
  border-radius: 20px 20px 0 0;
}
#sub.spt_idx3 .section2 .online_service_con_top p span {
  font-weight: normal;
  color: #a3c1ff;
}
#sub.spt_idx3 .section2 .online_service_con_bot {
  position: relative;
  padding: 65px 100px 25px;
  box-sizing: border-box;
  background-color: white;
}
#sub.spt_idx3 .section2 .online_service_con_bot .online_service_bot_img_box {
  display: flex;
  justify-content: space-between;
}
#sub.spt_idx3 .section2 .online_service_bot_item {
  width: 48%;
  background-color: #f5f5f5;
  border-radius: 8px;
  padding: 50px 0;
}
#sub.spt_idx3 .section2 .online_service_bot_item p {
  margin-top: 25px;
  font-size: 2.5rem;
}
#sub.spt_idx3 .section2 .online_service_bot_item span {
  font-weight: bold;
  color: #1761fe;
}
#sub.spt_idx3 .section2 .online_service_plus {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#sub.spt_idx3 .section2 .use_period {
  display: inline-block;
  border: 3px solid #1761fe;
  border-radius: 50px;
  padding: 20px 100px;
  transform: translateY(50%);
  box-shadow: 7px 7px 16px 0 rgba(109, 148, 178, 0.11);
  color: #1761fe;
  font-weight: bold;
  font-size: 2.5rem;
  background-color: white;
}
#sub.spt_idx3 .section2 .online_service_desc {
  margin-top: 60px;
  color: #939393;
  font-size: 2.2rem;
}
/* section3 */
#sub.spt_idx3 .section3 {
  background: #00e08b;
  padding-bottom: 0;
}
#sub.spt_idx3 .section3 .digital_sign_title_box h1 {
  font-weight: normal;
  font-size: 7rem;
}
#sub.spt_idx3 .section3 .digital_sign_title_box span {
  font-weight: bold;
}
#sub.spt_idx3 .section3 .digital_sign_title_box p {
  margin: 30px 0;
  font-size: 2.8rem;
}
#sub.spt_idx3 .section3 .digital_sign_title_box p span {
  font-weight: bold;
}
#sub.spt_idx3 .section3 .digital_sign_ul {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  margin: 0 auto;
  /* border: 1px solid blue; */
}
#sub.spt_idx3 .section3 .digital_sign_ul li {
  display: flex;
  align-items: center;
  width: calc((100% - 80px) / 3);
  margin-right: 40px;
  margin-bottom: 20px;
  padding: 30px 46px;
  border: 1px solid #b7b7b7;
  border-radius: 50px;
  background-color: white;
  font-size: 2rem;
  box-shadow: 7px 7px 16px 0 rgb(109 148 178 / 22%);
  box-sizing: border-box;
}
/* #sub.spt_idx1 .section3 .digital_sign_ul div{
	width: 20px;
	height: 20px;
	margin-right: 35px;
	border: 1px solid;
} */
#sub.spt_idx3 .section3 .digital_sign_ul li:nth-child(3n) {
  margin-right: 0 !important;
}
#sub.spt_idx3 .section3 .digital_sign_ul li img {
  width: 25px;
  height: 25px;
  margin-right: 30px;
}
#sub.spt_idx3 .section3 .digital_sign_ul li p {
  display: inline-block;
}
#sub.spt_idx3 .section3 .mtd {
  margin-top: 5.5%;
  height: 638px;
  overflow: hidden;
}
#sub.spt_idx3 .section3 .mtd img {
  margin-right: -314px;
}
/* section4 */
#sub.spt_idx3 .section4 .differend_title_box h1 {
  font-size: 5rem;
  font-weight: normal;
}
#sub.spt_idx3 .section4 .differend_title_box h1 span {
  font-weight: bold;
  color: #1761fe;
}
#sub.spt_idx3 .section4 .differend_title_box p {
  margin: 25px 0 50px;
  font-size: 2.5rem;
}
#sub.spt_idx3 .section4 .differend_title_box p span {
  font-weight: bold;
}
#sub.spt_idx3 .section4 table.differend_table {
}
#sub.spt_idx3 .section4 table.differend_table th {
  border-bottom: 1px solid #ddd;
  padding: 20px 10px;
  color: #1761fe;
}
#sub.spt_idx3 .section4 table.differend_table tr th:nth-child(2) {
  width: 47%;
  font-weight: normal;
  color: #5e5e5e;
  text-align: left;
  letter-spacing: -0.5px;
  font-size: 1.8rem;
}
#sub.spt_idx3 .section4 table.differend_table tr th:nth-child(4) {
  color: black;
}
#sub.spt_idx3 .section4 table.differend_table tr:nth-child(1) th:nth-child(2),
#sub.spt_idx3 .section4 table.differend_table tr:nth-child(1) th:nth-child(4) {
  color: #1761fe;
}
#sub.spt_idx3 .section4 table.differend_table tr:nth-child(1) th:nth-child(2) {
  text-align: center;
}
#sub.spt_idx3 .section4 table.differend_table tr:nth-child(1) th:nth-child(2) {
  font-weight: bold;
}
#sub.spt_idx3 .section4 table.differend_table tr:nth-child(1) {
  border-top: 2px solid #7d99a9;
  background-color: #f4f7f9;
}
#sub.spt_idx3 .section4 table.differend_table .differ_table_circle {
  border: 2px solid;
  border-radius: 50%;
  margin: 0 auto;
}
#sub.spt_idx3 .section4 table.differend_table .differ_table_circle,
#sub.spt_idx3 .section4 table.differend_table .differ_table_X img {
  width: 20px;
  height: 20px;
}
/* section5 */
#sub.spt_idx3 .section5 .support_title_box {
  margin-bottom: 50px;
}
#sub.spt_idx3 .section5 .support_title_box h1 {
  font-weight: normal;
  font-size: 7rem;
}
#sub.spt_idx3 .section5 .support_title_box h1 span {
  font-weight: bold;
  color: #1761fe;
}
#sub.spt_idx3 .section5 .support_con_box {
}
#sub.spt_idx3 .section5 .support_item {
  overflow: hidden;
  padding: 35px 0;
  border: 1px solid;
  box-sizing: border-box;
  border: 1px solid #b7b7b7;
  border-radius: 25px;
  box-shadow: 7px 7px 16px 0 rgb(109 148 178 / 22%);
  margin-bottom: 20px;
  background-color: white;
}
#sub.spt_idx3 .section5 .support_item .support_item_L {
  width: 30%;
  color: white;
  float: left;
}
#sub.spt_idx3 .section5 .support_item .support_item_L p {
  width: 190px;
  height: 55px;
  line-height: 55px;
  border-radius: 30px;
  margin: 0 auto;
  font-size: 1.8rem;
  font-weight: bold;
  background-color: #1761fe;
}
#sub.spt_idx3 .section5 .support_item .support_item_R {
  width: 70%;
  float: right;
  text-align: left;
}
#sub.spt_idx3 .section5 .support_item .support_item_R h2 {
  font-size: 3rem;
}
#sub.spt_idx3 .section5 .benefits_item .support_item_R p {
  font-size: 2.5rem;
}
#sub.spt_idx3 .section5 .support_item .support_item_R ul {
  margin-left: 5px;
  margin-top: 10px;
}
#sub.spt_idx3 .section5 .support_item .support_item_R li {
  position: relative;
}
#sub.spt_idx3 .section5 .support_item .support_item_R li::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  background-color: #125efe;
  border-radius: 50%;
}
#sub.spt_idx3 .section5 .support_item .support_item_R li span {
  margin-left: 15px;
  font-size: 1.8rem;
}
#sub.spt_idx3 .section5 .support_item .cloud_supprot_span_color {
  color: #1761fe;
}
/* section6 */
#sub.spt_idx3 .section6 .apply_title_box {
  width: 100%;
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translate(-50%);
  color: white;
}
#sub.spt_idx3 .section6 .apply_title_box h1 {
  font-weight: normal;
  font-size: 6.5rem;
}
#sub.spt_idx3 .section6 .apply_title_box h1 span {
  font-weight: bold;
  color: #01e08f;
}

/* 2023.04.10 */
/* 정부지원사업*/
/* ICT 중소기업 정보보호 지원 사업 */
#sub.spt_idx1 .section5 .support_item .support_item_R li span.block_span_680 {
  margin-left: 0;
}
#sub.spt_idx1 .section6 .counsel_box .counsel_title_box .dpb {
  display: inline-block;
}
#sub.spt_idx1 .section6 .counsel_box .counsel_phone .dpb {
  display: inline-block;
}
/* 2023.04.12 */
#sub.spt_idx1 .section2 .sec2_con_title .dpb{
  display: inline-block;
}
/* 23.12.11 조달청 페이지 publicProcurement */
/* 공통 */
.mt_20{
  margin-top: 2rem;
}
.mt_24{
  margin-top: 2.4rem;
}
.mt_32{
  margin-top: 3.2rem;
}
.mt_40{
  margin-top: 4rem;
}
.mt_80{
  margin-top: 8rem;
}
.w_1280{
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 0 40px;
  box-sizing: border-box;
}
#sub.spt_idx4 {
  padding-top: 100px;
}
#sub.spt_idx4 .txt_blue{
  color: #1761fe;
}
#sub.spt_idx4 .txt_bgBlue{
  background-color: #1761fe;
  color: white;
}
#sub.spt_idx4 .txt_bgGreen{
  background-color: #69f9c3;
  color: #1761fe;
}
#sub.spt_idx4 .txt_green{
  color: #69f6c3;
}
/* section1 */
#sub.spt_idx4 .section1{
  position: relative;
  width: 100%;
  padding: 15rem 0 20rem 0;
  background-image: url(../img/procurement_bg1.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
}
#sub.spt_idx4 .section1 .title_box .sub_title{
  font-weight: 500;
  font-size: 3.5rem;
  line-height: 42.36px;
}
#sub.spt_idx4 .section1 .title_box .sub_title span{
  display:inline-flex;
  align-items: center;
  line-height: 1;
  height: 4.5rem;
  padding: 0 .5rem .3rem .5rem;
  font-weight: 500;
  background-color: #1761FE;
  color:white;
}
#sub.spt_idx4 .section1 .title_box h2{
  font-size: 7rem;
  font-weight: 700;
  color: #1761fe;
}
#sub.spt_idx4 .section1 .title_box .description_box{
  font-size: 3.5rem;
  font-weight: 400;
  color: #393939;
  line-height: 4.5rem;
}
#sub.spt_idx4 .section1 .title_box .description_box span{
  font-weight: 800;
  color: #01e08f;
}
#sub.spt_idx4 .section1 .btn_area{
  margin: 0 auto;
  padding-top: 8rem;
}
#sub.spt_idx4 .section1 .btn_area a{
  display:inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 340px;
  height: 100px;
  position: relative;
  z-index: 110;
}
#sub.spt_idx4 .section1 .img_bigPhone{
  position: absolute;
  right: 0;
  bottom: -185px;
  z-index: 100;
  text-align: right;
  width:64rem;
}

/* section2 */
#sub.spt_idx4 .section2{
  position: relative;
  width: 100%;
  padding:18rem 0;
  box-sizing: border-box;
  background-image: url(../img/Procurement_bg2.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
}
#sub.spt_idx4 .section2 .size{
  display: grid;
  gap: 6rem;
  max-width: 1280px;
  width: 100%;
}
#sub.spt_idx4 .section2 .title_box h2{
  font-size: 6rem;
  font-weight: 500;
}
#sub.spt_idx4 .section2 .title_box h2 span{
  color: #69F6C3;
  font-weight: 700;
}
#sub.spt_idx4 .section2 .title_box .description_box span.txt_bgGreen{
  color:#1761fe;
  background-color: #69F6C3;
  padding: 0 .6rem;
}
#sub.spt_idx4 .section2 .title_box .description_box{
  font-size: 3rem;
  color: white;
}
#sub.spt_idx4 .section2 .title_box .description_box span {
  font-weight: 700;
  color: white;
}

#sub.spt_idx4 .content_box{
  border-radius: 3rem;  
  box-shadow: 10px 10px 10px 0px #0000001a;
  overflow: hidden;
}
#sub.spt_idx4 .section2 .top{
  background-color: white;
  display: flex;
  justify-content: center;
  gap: 26rem;
  padding: 7rem 0;
  position: relative;
}
#sub.spt_idx4 .section2 .top .img_box{
  position: relative;
  width: 220px;
  height: 220px;
  padding: 4rem;
  border: 8px solid rgba(23, 97, 254, 0.3);
  border-radius: 100%;
  box-sizing: border-box;

}
#sub.spt_idx4 .section2 .top .img_box img{
  width: 100%;
  height: 100%;
}
#sub.spt_idx4 .section2 .top .img_box .icon_dollar_box{
  background-color: #01E08F;
  padding: 1.8rem;
  width: 8rem;
  height: 8rem;
  border-radius: 100%;
  box-sizing: border-box;
  position: absolute;
  top: 12.7rem;
  left: 15.8rem;
}
#sub.spt_idx4 .section2 .top .img_box .icon_dollar{
  width: 100%;
  height: 100%;
  border: 4px solid white;
  border-radius: 100%;
  box-sizing: border-box;
  padding: .5rem;
}
#sub.spt_idx4 .section2 .top .img_box .icon_dollar img{
  width: 100%;
  height: 100%;
}

#sub.spt_idx4 .section2 .top > div {
  display: grid;
  gap: 1.5rem;
}
#sub.spt_idx4 .section2 .top > div p{
  padding: 0 2.6rem;
  height: 5rem;
  background-color: rgba(23, 97, 254, 0.3);
  font-size: 2.5rem;
  border-radius: 5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#sub.spt_idx4 .section2 .top .icon_arrow{
  width: 171px;
  height: 85px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-40%,-50%);
  background-image: url(../img/procurement_icon6.svg);
  background-repeat: no-repeat;
  background-position: center;
  display: inline-flex;
  align-items: center;
  gap: 0;
  padding-left: 4.5rem;
  color: white;
  font-weight: 700;
  font-size: 2.5rem;
}
#sub.spt_idx4 .section2 .bot{
  background-color: #F4F7F9;
  display: grid;
  gap: 3.5rem;
  justify-content: center;
  padding: 7rem 0rem 6.5rem;
}
#sub.spt_idx4 .section2 .br-455{
  display: inline-block;
}
#sub.spt_idx4 .section2 .bot > .apply_txt_box{
  display: flex;
  gap: 3.5rem;
}
#sub.spt_idx4 .section2 .bot .apply_title{
  display: flex;
  justify-content: center;
  width: 18rem;
  height: 4.8rem;
  border-radius: 3rem;
  background-color: #1761fe;
  color: white;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 4.5rem;
}
#sub.spt_idx4 .section2 .bot .apply_txt_box .apply_description{
  font-size: 2.7rem;
  text-align: left;
}
#sub.spt_idx4 .section2 .bot > .apply_txt_box:nth-child(1) .apply_description span{
  font-weight: 700;
  position:relative;
}
#sub.spt_idx4 .section2 .bot > .apply_txt_box:nth-child(1) .apply_description span::before{
  content:"";
  position: absolute;
  right: -8rem;
  bottom: 3rem;
  background-image: url(../img/ico_star.svg);
  background-repeat: no-repeat;
  width:6.8rem;
  height:7rem;
}
#sub.spt_idx4 .section2 .bot > .apply_txt_box:nth-child(1) .apply_description span::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-5px;
  background-image: url(../img/border_yellow.svg);
  background-repeat: no-repeat;
  width:100%;
  height:1rem;
}
#sub.spt_idx4 .section2 .bot .apply_txt_box:nth-child(3) .apply_description > div > div{
  margin-left:-8px;
}
#sub.spt_idx4 .section2 .bot .apply_description p:nth-child(2){
  font-size:2rem;
  color:#555;
}
#sub.spt_idx4 .section2 .bot .apply_description ul li{
  position:relative;
  padding-left:1.6rem;
}
#sub.spt_idx4 .section2 .bot .apply_description ul li::before{
  content:"";
  position:absolute;
  top:2rem;
  left:0;
  width:.6rem;
  height:.6rem;
  border-radius:100%;
  background-color: #000;
}
#sub.spt_idx4 .section2 .bot .apply_description .apply_num{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: poppins;
  font-weight: 700;
  font-size: 14.4px;
  background-color: #bad0ff;
  border-radius: 100%;
  width: 24px;
  height: 24px;
  line-height: 26px;
}
#sub.spt_idx4 .section2 .bot .apply_description > div{
  display:flex; 
  align-items: center;
  gap: 1.8rem;
}
#sub.spt_idx4 .section2 .bot .apply_description div > div{
  display:flex;
  align-items: center;
  gap: .4rem;
  justify-content: center;
}
#sub.spt_idx4 .section2 .bot .apply_description .apply_contact{
  font-size:2.1rem;
}
#sub.spt_idx4 .section2 .bot .apply_description .apply_contact .img_box{
  width: 19px;
  height: 19px;
  background-color: #1761fe;
  border-radius: 100%;
}
#sub.spt_idx4 .section2 .bot .apply_description .apply_contact .img_box .phone{
  background-image: url(../img/ico_phone.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 8px;
  height: 9px;
}
#sub.spt_idx4 .section2 .bot .apply_description .apply_contact .img_box .email{
  background-image: url(../img/ico_email.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 9px;
  height: 7px;
}
#sub.spt_idx4  .section3{
  padding:8rem 0;
  background-color: #F4F7F9;
  display: flex;
  justify-content: center;
  align-items: center;
  gap:  7.5rem;
}
#sub.spt_idx4  .section3 .img_box{
  width: 27.4rem;
  height: 34rem;
  background-image: url(../img/img_phone.svg);
  background-repeat: no-repeat;
  background-size:contain;
  background-position:center;
}
#sub.spt_idx4 .section3 .service_txt_box{
  font-size: 5rem;
  text-align: left;
}
#sub.spt_idx4 .section3 .service_txt_box span{
  font-weight:700;
}
#sub.spt_idx4 .section3 .service_txt_box .description{
  font-size:2.5rem;
  color:#7f8085;
}
#sub.spt_idx4 .section3 .service_txt_box .txt_bgBlueBox{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
#sub.spt_idx4 .section3 .service_txt_box .txt_bgBlue{
  height: 6rem;
  padding: 0 .5rem .5rem .5rem;
  display:inline-flex;
  align-items: center;
}
#sub.spt_idx4 .section4{
  background-image: url(../img/Procurement_bg3.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  padding: 18rem 0 8.5rem 0;
}
#sub.spt_idx4 .section4 .title_box{
  font-size:6rem;
  color:white;
}
#sub.spt_idx4 .section4 .title_box .txt_green{
  font-weight:700;
}

#sub.spt_idx4 .section4 .public_list{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.4rem;

}
#sub.spt_idx4 .section4 .public_list > li{
  border-radius: 2rem;
  box-shadow: 10px 10px 10px 5px #0000001a;
  overflow: hidden;
}
#sub.spt_idx4 .section4 .public_list__title{
  background-color:#f4f7f9;
  padding:3.5rem 5rem;
  text-align:left;
  display:flex;
  justify-content: space-between;
  align-items:center;
}
#sub.spt_idx4 .section4 .public_list__title .title .txt_blue{
  font-size:3.5rem;
  font-weight:700;
}
#sub.spt_idx4 .section4 .public_list__title .sub_title{
  font-size:2.5rem;
  font-weight:500;
  color:#7f8085;
}
#sub.spt_idx4 .section4 .public_list__title .img{
  background-repeat : no-repeat;
  background-size:contain;
  background-position:center;
}
#sub.spt_idx4 .section4 .public_list__title .img1{
  width:70px;
  height:75px;
  background-image: url(../img/img_public1.svg);
}
#sub.spt_idx4 .section4 .public_list__title .img2{
  width:80px;
  height:75px;
  background-image: url(../img/img_public2.svg);
}
#sub.spt_idx4 .section4 .public_list__title .img3{
  width:50px;
  height:95px;
  background-image: url(../img/img_public3.svg);
}
#sub.spt_idx4 .section4 .public_list__title .img4{
  width:95px;
  height:95px;
  background-image:url(../img/img_public4.svg);
}
#sub.spt_idx4 .section4 .public_list__content{
  background-color:white;
}
#sub.spt_idx4 .section4 .public_list__content ul{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 2.3rem;
  text-align:left;
  padding:3.5rem 5rem 6rem;
}
#sub.spt_idx4 .section4 .public_list__content ul li{
  position:relative;
  padding-left:1.6rem;
  font-size:2.5rem;
}
#sub.spt_idx4 .section4 .public_list__content ul li::before{
  content:"";
  position:absolute;
  top:50%;
  left:0;
  width:0.6rem;
  height:0.6rem;
  background-color:#000;
  border-radius:100%;
  transform:translateY(-50%);
}
#sub.spt_idx4 .section4 .public_list__content ul li.none::before{
  background-color:transparent;
}
#sub.spt_idx4 .section4 .content{
  display:grid;
  gap:9.6rem 0;
}
#sub.spt_idx4 .section4 .content .mark_box{
  display:flex;
  gap:0 2.8rem;
  max-width:986px;
  width:100%;
  margin:0 auto;
}
#sub.spt_idx4 .section4 .content .mark_box li{
  flex:1;
  border-radius: 2.6rem;
  overflow: hidden;
  box-shadow: 10px 10px 10px 0px #0000001A;
}
#sub.spt_idx4 .section4 .content .mark_log{
  height:16.5rem;
  display:flex;
  align-items: center;
  justify-content: center;
  background-color: white;
}
#sub.spt_idx4 .section4 .content .mark_box li .title{
  display:flex;
  align-items: center;
  justify-content: center;
  height: 9.6rem;
  font-size:2.5rem;
  background-color:#d3ddff;
}
#sub.spt_idx4 .section5 {
  position:relative;
  width: 100%;
  height:62vw;
  padding-top:11.3rem;
  background-image:url(../img/background_blue_mobile.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#sub.spt_idx4 .section5 .title_box{
  font-size:6rem;
  color: white;
}
#sub.spt_idx4 .section5 .title_box .txt_green{
  font-weight:700;
}
#sub.spt_idx4 .section5 .btn_area{
  position:absolute;
  top:50%;
  left:50%;
  transform:translateX(-50%);
  width:100%;
}

/* 24.05.07 전자서명만들기  */
#sub.madeSign{
  position: relative;
  

  padding-top: 200px;
  padding-bottom: 100px;
  padding-inline: 1rem;
  box-sizing: border-box;

  background-color: #F4F7F9;
  background-image: url(../img/make_sign_bg_pc.png);
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
}

#sub.madeSign .br{
  display: block;
}
#sub.madeSign .br550{
 display: inline-block; 
}
#sub.madeSign .madeSignTitle{
  text-align: center;
}
#sub.madeSign .madeSignTitle h2{
  font-size: 4rem;
  font-weight: 700;
  color: #111;
}
#sub.madeSign .madeSignTitle .subDesc{
  font-weight: 400;
  font-size: 2rem;
  color: #444;
  margin-top: 2rem;
  line-height: 28.96px;
}

#sub.madeSign .madeSignTool__head .ico{
  background-repeat: no-repeat;
  background-position: center;
}
#sub.madeSign .madeSignTool{
  position: relative;
  z-index: 9;
  max-width: 792px;
  width: 100%;
  border-radius: 20px;
  box-shadow: 0.9px 1.8px 10.8px 1.05px #7996B71C;
  background-color: white;
  box-sizing: border-box;

  margin: 56px auto 0;
}
#sub.madeSign .madeSignTool__head{
  height: 8.2rem;
  padding: 3.6rem 2.8rem 0;
  border-bottom: 1px solid #E9E9E9;
  box-sizing: border-box;
}
#sub.madeSign .madeSignTool__head ul{
  width: 100%;
  height: 100%;
  display: flex;
}
#sub.madeSign .madeSignTool__head li{
  flex: 1;
  color: #808087;
  font-size: 1.8rem;
}

#sub.madeSign .madeSignTool__head li a{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3.6px;
}
/* tab버튼 클릭시 이벤트  */
#sub.madeSign .madeSignTool__head li.on{
  color: #1761FE;
  font-weight: 700;
  border-bottom: 3.6px solid #1761FE;
}

#sub.madeSign .madeSignTool__head .ico1{
  background-image: url(../img/icon_madeSign1.svg);
  width: 20px;
  height: 20px;
}

#sub.madeSign .madeSignTool__head .ico2{
  background-image: url(../img/icon_madeSign2.svg);
  width: 28px;
  height: 21px;
}

#sub.madeSign .madeSignTool__head .ico3{
  background-image: url(../img/icon_madeSign3.svg);
  width: 21px;
  height: 20px;
}

#sub.madeSign .madeSignTool__head .ico4{
  background-image: url(../img/icon_madeSign4.svg);
  width: 20px;
  height: 20px;
  margin-top: 3px;
}

#sub.madeSign .madeSignTool__head li.on .ico1{
  background-image: url(../img/icon_madeSign1On.svg);
}

#sub.madeSign .madeSignTool__head li.on .ico2{
  background-image: url(../img/icon_madeSign2On.svg);
}

#sub.madeSign .madeSignTool__head li.on .ico3{
  background-image: url(../img/icon_madeSign3On.svg);
}

#sub.madeSign .madeSignTool__head li.on .ico4{
  background-image: url(../img/icon_madeSign4On.svg);
}

#sub.madeSign .madeSignTool__body{
  padding: 4rem 3.2rem;
}
#sub.madeSign .madeSignTool__body .content{
  display: none;
}
#sub.madeSign .madeSignTool__body .content.on{
  display: block;
}
#sub.madeSign .icoNotice{
  width: 18px;
  height: 18px;
  background-image: url(../img/iconNotice.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#sub.madeSign .notice__descBox{
  display: flex;
  gap: 4px;
  align-items: center;
  font-size: 1.4rem;
  color: #555;
  margin-bottom: 1.6rem;
}
#sub.madeSign .notice__desc{
  width: calc(100% - 22px);
}
#sub.madeSign .madeContent{

}
#sub.madeSign .madeContent .desc{
  font-size: 1.6rem;
  color: #808087;
}

#sub.madeSign .inputBox{
  display: flex;
  align-items: center;
  height: 68px;
  padding-right: 1.6rem;
  background-color: #F7F8F9;
  border: 1px solid #DCE1E4;
  border-radius: 12px;
  margin-bottom: 1.8rem;
}
#sub.madeSign .inputBox:focus-within{
  border-color: #111;
}
#sub.madeSign .inputBox input{
  width: calc(100% - 80px);
  height: 100%;
  padding: 0 2.2rem;
  background-color: transparent;
  border: none;
  box-sizing: border-box;
  color: #111;
  font-size: 1.6rem;
  outline: none;
}
#sub.madeSign .inputBox input::placeholder{
  font-size: 1.6rem;
  color: #A8B0B4;
}
#sub.madeSign .btnMade{
  width: 80px;
  height: 36px;
  background: linear-gradient(180deg, #3B3D3F 0%, #080A0D 100%);
  box-shadow: 4px 3px 10px 0px #8C8C8C38;
  color: white;
  border-radius: 7px;
  font-size: 1.4rem;
  font-weight: 600;
}
#sub.madeSign .madeContent{
  height: 36rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  box-sizing: border-box;

} 
#sub.madeSign .drawSign{
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 18px;
  border: 1px solid #DCE1E4;
  background-color: #F7F8F9;
  box-sizing: border-box;
}
#sub.madeSign .imgUploadContent{
  background-color: #F7F8F9;
  border-radius: 18px;
  border: 1px solid #DCE1E4;
}
#sub.madeSign .imgUploadContent > label{
  position: absolute;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  cursor: pointer;

  z-index: 999;
}
#sub.madeSign .imgUploadContent #fileUpload{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border-width: 0;
}
#sub.madeSign .madeContent .img{
  width: 120px;
  height: 120px;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
}
#sub.madeSign .drawSign .img{
  width: 120px;
  height: 120px;
  background-image:url(../../../resource/image/mysign_ico01.svg);
  background-size: 113px 78px;
}

#sub.madeSign .madeSignContent .img{
  width: 120px;
  height: 120px;
  background-image:url(../img/img_madeSign2.svg);
  background-size: 113px 78px;
}
#sub.madeSign .madeStampContent .img{
  width: 120px;
  height: 120px;
  background-image: url(../img/img_madeSign3.svg);
  background-size: 83px 89px;
}
#sub.madeSign .imgUploadContent .img{
  width: 120px;
  height: 120px;
  background-image: url(../img/img_madeSign4.svg);
  background-size: 114px 70px;
}

#sub.madeSign .madeContent .desc{
  text-align: center;
}
#sub.madeSign .imgUploadContent .desc{
  line-height: 23.17px;
}
#sub.madeSign .madeStampContent .desc, 
#sub.madeSign .drawSign .desc,
#sub.madeSign .madeSignContent .desc{
  margin-top: .8rem;
}
#sub.madeSign .madeList ul{
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
#sub.madeSign .madeList ul li{
  width: calc((100% - 2rem) / 3);
  border: 1px solid #E2E7EA;
  border-radius: 12px;
  box-shadow: 1px 2px 12px 1.17px #7996B71C;
  box-sizing: border-box;
  overflow: hidden;
}

#sub.madeSign .madeList.madeSignType ul li{
  height: 106px;
}
#sub.madeSign .madeList.madeStampType ul li{
  height: 120px;
}
#sub.madeSign .madeList li:hover{
  border-color: #1761fe;
}
/* 서명했을때의 이벤트 */
#sub.madeSign .madeList li.on{
  border-color:#1761FE;
}

#sub.madeSign .madeList li a{
  display: inline-block;
  width: 100%;
  height: 100%;
}
#sub.madeSign .madeList .item{
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20pt;
}
#sub.madeSign .bakRemoveRotateBox{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 2.4rem;
}

#sub.madeSign .bakRemoveRotateBox button{
  margin: 0 5px;
}

#sub.madeSign .bakRemoveBar{
  display: flex;
  align-items: center;
  gap: 2rem;
}
#sub.madeSign .bakRemoveBar .title{
  font-weight: 600;
  font-size: 1.8rem;
  color: #111;
}
#sub.madeSign .bar{
  position: relative;
  width: 46.5rem;
  height: .8rem;
}
#sub.madeSign .draggableHandle{
  position: relative;
  width: 20px;
  height: 20px;
  background-color: #1761FE;
  border-radius: 50%;
  transform: translateY(-70%);
  cursor: pointer;
}
#sub.madeSign .bar::before{
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  border-radius: 54px;
  background-color: #EEEEEE;
}
#sub.madeSign #btnRotate, #sub.madeSign #btnRemove {
  width: 10.4rem;
  height: 36px;
  padding: 0 1.6rem;
  border-radius: 7px;
  font-size: 1.4rem;
  font-weight: 600;
  color: #F4F7F9;
  box-shadow: 4px 3px 10px 0px #8C8C8C38;
  background: linear-gradient(180deg, #99A1A6 0%, #7C888E 100%);
}

#sub.madeSign .madeSignTool__fot{
  padding: 0 7rem 4rem;
}
#sub.madeSign .btnWrap{
  height: 6rem;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
#sub.madeSign .btnWrap button{
  color: white;
}
#sub.madeSign .btnWrap .btn{
  flex: 1;
  border-radius: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 1.6rem;
  box-shadow: 4px 3px 10px 0px #8C8C8C38;
}
#sub.madeSign .btnWrap .btn.black{
  background: linear-gradient(180deg, #3B3D3F 0%, #080A0D 100%);
}
#sub.madeSign .btnWrap .btn.blue{
  background: linear-gradient(180deg, #4166F9 0%, #1542F8 100%);
}

#sub.madeSign .stampMakeCanvas {
  width: 100%;
  height: 100%;
}
#sub.madeSign .madeContent.drawSign {
  position: relative;
}
#sub.madeSign #canvas1 {
  position: absolute;

  width: 100%;
  height: 100%;
}

#sub.madeSign .content.content4 .imgUploadContent {
  position: relative;
}

#sub.madeSign .bot {
  width: 100%;
  height: 100%;
}

#sub.madeSign .bot .img_wrap {
  width: 100%;
  height: 100%;

  position: relative;
  
  box-shadow: none;
  background: #f9f9f9;
}
#sub.madeSign .img_wrap .show_image{
  height: calc(100% + 2rem);
  width: calc(100% + 2rem);

  text-align: center;
  position: absolute;

  left: -1rem;
  top: -1rem;
}

#sub.madeSign .img_wrap .show_image img{
  display: block;
  max-width: 100%;
}
#sub.madeSign .img_wrap .cropper-container.cropper-bg {
  width: 100%;
  height: 100%;
  z-index: 20;

  border-radius: 18px;
}

#sub.madeSign .img_wrap .cropper-container.cropper-bg .cropper-drag-box.cropper-crop.cropper-modal {
  border-radius: 18px;
}

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown):has(#sub.madeSign) {
  overflow: visible;
}

/* 24.06.28 전자서명검증 페이지 */
#sub.signVerification{
  position: relative;
  background-color: #F4F7F9;
  box-sizing: border-box;
  padding: 20rem 0rem;
}
#sub .signVerificationHead{
  text-align: center;
}
#sub .signVerificationHead .title h2{
  font-size: 4rem;
  font-weight: 700;
  line-height: 1;
}
#sub .signVerificationHead .subDesc {
  font-size: 2rem;
  color: #444;
  margin-top: 2rem;
}
#sub .signVerificationBody{
  max-width: 1000px;
  width: 100%;
  margin: 4.8rem auto 0;
}
#sub .signVerificationBody .uploadBox{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  height: 436px;
  border: 1px solid #DCE1E4;
  border-radius: 18px;
  background-color: white;
  cursor: pointer;
}
#sub .signVerificationBody .uploadBox > div{
  display: grid;
  gap: 2.8rem;
  justify-content: center;
}
#sub .signVerificationBody .upload{
  display: inline-block;
  width: 152px;
  height: 152px;
  background-image: url(../img/bgUpload.svg);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  margin: 0 auto;
}
#sub .signVerificationBody .uploadBox #signVerificationFile{
  display: none;
}
#sub .signVerificationBody .uploadBox__desc p{
  line-height: 23.17px;
}
#sub .signVerificationBody .uploadBox__subDesc{
  display: flex;
  justify-content: center;
  font-size: 1.4rem;
  margin-top: .8rem;
  color: #808087;
}
#sub .signVerificationBody .uploadBox__subDesc::before{
  content:"";
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(../img/iconInfo.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#sub .signVerificationBody .uploadList{
  margin-top: 4.7rem;
}
#sub .signVerificationBody .uploadList__title{
  font-weight: 700;
  font-size: 1.6rem;
  color: #000;
}
#sub .signVerificationBody .uploadList__item{
  display: grid;
  gap: .8rem;
  margin-top: 1.2rem;
}
#sub .signVerificationBody .uploadList__item > li{
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  border: 1px solid #DCE1E4;
  border-radius: 10px;
  background-color: white;
  height: 68px;
  padding: 0 2rem;
}
#sub .signVerificationBody .uploadList__item .title{
  font-size: 1.4rem;
  width: 775px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#sub.signVerification .docVerificationBtn{
  border: 1px solid #1761FE;
  color: #1761FE;
  border-radius: 5px;
  font-size: 1.4rem;
  height: 3.6rem;
  padding: 0 1.4rem;
  box-sizing: border-box;
  transition: all 0.5s;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
#sub.signVerification .docVerificationBtn:hover{
  background-color: #1761FE;
  color: white;
}
#sub.signVerification .docVerificationBtn:hover + .bubbleSpeech{
  display: flex;
}
#sub.signVerification .bubbleSpeech{
  display: flex;
  background-color: #181a29;
  color: white;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 14.4px;
  padding: 10px 14px 10px 10px;
  border-radius: 9px;
  position: absolute;
  top: -45px;
  right: -72px;
  display: none;
}
#sub.signVerification .bubbleSpeech .icon{
  width: 24px;
  height:24px;
  background-image: url(../img/iconChkBubble.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transform: translateY(-5px);
}
#sub.signVerification .bubbleSpeech::after{
  content:"";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%,50%) rotate(135deg);
  width: 11px;
  height: 11px;
  background-color: #181a29;
}
#sub.signVerification .br1024,
#sub.signVerification .br768{
  display: inline-block;
}

/* 24.07.01 전자서명검증확인 페이지 */
/* .signVerificationChk{
  padding: 3.2rem 4rem 0rem;
} */
#sub.signVerificationChk .signVerificationChkHead{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding:3.2rem 4rem 2.2rem 4rem;
  box-sizing: border-box;
}
#sub.signVerificationChk .signVerificationChkHead .titleBox{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 85px;
  border-radius: 15px;
  background-color: #E9F0FF;
  padding: 0 2.6rem 0 2.4rem;
  box-sizing: border-box;
}
#sub.signVerificationChk .signVerificationChkHead .left{
  display: flex;
  align-items: center;
  gap: .45rem;
}
#sub.signVerificationChk .signVerificationChkHead .left .noticeTxt{
  font-size:2rem;
  font-weight: 500;
  color: #111;
}
#sub.signVerificationChk .signVerificationChkHead .icon{
  width: 38px;
  height: 38px;
  background-image: url(../img/iconSignDraw.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#sub.signVerificationChk .signVerificationChkHead .signDetailInfoBtn{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 45px;
  font-weight: 700;
  font-size: 2rem;
  color: #111;
  border: 2px solid #181A29;
  border-radius: 40px;
  padding: 0 1.6rem;
}
#sub.signVerificationChk .pdfSignDocBox{
  max-width: 1120px;
  width: 100%;
  margin: 0 auto;
  padding: 0px 70px 70px 70px;
  border: 1px solid #DCE1E4;
  border-radius: 15px;
  box-sizing: border-box;
}
#sub.signVerificationChk .signVerificationChkBody{
  padding-top: 139px;
}
#sub.signVerificationChk .signVerificationChkBody.on{
  display: flex;
  gap: 30px;
  padding: 139px 40px 0;
}
#sub.signVerificationChk .signVerificationChkBody.on .signDetailInfoBox{
  display: block;

}
#sub.signVerificationChk .signVerificationChkBody.on .pdfSignDocBox{
  margin: 0;
}
#sub.signVerificationChk .signVerificationChkBody .pdfDoc{
  margin-top: 4rem;
  height: 1000px;
  
  border: 1px solid red;
}
#sub.signVerificationChk .signVerificationChkBody .signDocBox{
  text-align: center;
  padding-top: 56px;
}
#sub.signVerificationChk .signVerificationChkBody .count{
  height: 38px;
  padding: 0 2.4rem;
  background-color: #e9eff3;
  border-radius: 50px;
  font-size: 1.4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#sub.signVerificationChk .signVerificationChkBody .count span{
  font-weight: 800;
}
#sub.signVerificationChk .signDetailInfoBox{
  display: none;
  width: calc(100% - 1150px);
  padding: 0 2.8rem;
  box-sizing: border-box;
  height: 738px;
  background-color: #F8F8F8;
  border: 1px solid #DCE1E4;
  border-radius: 15px;
}
#sub.signVerificationChk .signDetailInfo{
  padding: 2.8rem 0;
  display: flex;
  gap: .8rem;
  border-top: 1px solid #DCE1E4;
}
#sub.signVerificationChk .signDetailInfo:first-child{
  border-top: none;
}
#sub.signVerificationChk .signDetailInfo__item1::before{
  content:"";
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(../img/iconClickDown.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#sub.signVerificationChk .signDetailInfo__item2{
  font-size: 1.6rem;
  font-weight: 700;
  position: relative;
}
#sub.signVerificationChk .signDetailInfo__item2::before{
  content:"";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #111;

}
#sub.signVerificationChk .signDetailInfo__title{
  display: flex;
  font-weight: 700;
  font-size: 1.6rem;
  color:#111;
}
#sub.signVerificationChk .signDetailInfo__title::before{
  content:"";
  display: inline-block;
  width: 2.8rem;
  height: 2.8rem;
  padding-right: .4rem;
  background-image: url(../img/iconSignDraw.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
#sub.signVerificationChk .signDetailInfo__desc{
  font-size: 1.4rem;
}
#sub.signVerificationChk .descList{
  padding-left: .5rem;
}
#sub.signVerificationChk .descList li{
  color: #808087;
  font-size: 1.2rem;
  position: relative;
}
#sub.signVerificationChk .descList li::before{
  content:"";
  display: inline-block;
  width: 2px;
  height: 2px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #808087;
  border-radius: 50%;
  margin-right: 1rem;
}
#sub.signVerificationChk .descList__desc{
  padding-left: .5rem;
}
#sub.signVerificationChk .signerActive{
  background-color: #FFD0D9;
}
#sub.signVerificationChk .signVerificationChkFooter{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  font-size: 1.2rem;
  background-color: #10111B;
  color: white;
  margin-top: 100px;
}

/* 24.08.19 유싸인 플러스 서비스 페이지 */
.pc_br{
  display:block;
}
.br1024{
  display:inline-block;
}
.br768{
  display:inline-block;
}
.br365{
  display:inline-block;
}
#sub.service_plus .section .inner{
  padding: 12rem 0 13rem 0;
}
#sub.service_plus .certtified_edoc_archive .section1 .inner{
  padding-top:0;
}
#sub.service_plus .tab{
  margin-top:120px;
}
#sub.service_plus .tab > ul{
  display:flex;
  justify-content: center;
}
#sub.service_plus .tab button{
  width:42.6rem;
  height:6rem;
  text-align: center;
  font-size: 1.6rem;
  font-weight:600;
  border: 1px solid #D2D8DC;
}
#sub.service_plus .tab button.active{
  background: linear-gradient(180deg, #4166F9 0%, #1542F8 100%);
  color:white;
  border: 1px solid transparent;
}
#sub.service_plus .title_box{
  text-align: center;
}
#sub.service_plus .title_box h3{
  font-size:3.6rem;
  font-weight:600;
  line-height:50.4px;
  letter-spacing: -0.02em;
}
#sub.service_plus .desc{
  font-size:2rem;
  line-height:28px;
  letter-spacing: -0.02em;
  color:#555;
}
#sub.service_plus .section1 .desc{
  margin-top:2rem;
}
#sub.service_plus .section4 .desc{
  color:#000;
}
#sub.service_plus .process_img_box{
  padding:10rem 14.7rem;
  border:1px solid #f1f1f1;
  box-shadow: 7px 7px 16px 0px #6D94B21C;
  border-radius:3rem;
  box-sizing: border-box;
  position: relative;
}
#sub.service_plus .list_type3{
  display:flex;
  justify-content: space-between;
}
#sub.service_plus .list_type3 > li{
  position: relative;
  flex: 1;
  border-radius:1.6rem;
  border: 1px solid #d9d9d9;
  /* overflow: hidden; */
}
#sub.service_plus li.bg_twowayBox{
  border: 1px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
#sub.service_plus li .bg_twoway{  
  width:7.7rem;
  height:2.6rem;
  background-image: url(../img/bg_twoWay.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#sub.service_plus .list_type3_head{
  display:flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height:7rem;
  border-radius:1.6rem 1.6rem 0 0;
  background-color:#1761FE;
  color:white;
  font-weight:700;
  font-size:1.8rem;
  line-height:22.68px;
  text-align: center;
}
#sub.service_plus .list_type3_head span{
  font-weight: 400;
}
#sub.service_plus .list_type3_bg{
  width:18rem;
  height:8rem;
  background-repeat: no-repeat;
  background-position: center;
  margin:0 auto;
}
#sub.service_plus .list_type3_bg.user{
  background-image: url(../img/bg_user.svg);
  background-size: 5.5rem 5.5rem;
}
#sub.service_plus .list_type3_bg.logo{
  background-image: url(../img/logo_c.svg);
  background-size: 12rem 3.6rem;
}
#sub.service_plus .list_type3_bg.datarium_logo{
  background-image: url(../img/logo_datarium.svg );
  background-size: 16.4rem 3.4rem;
}
#sub.service_plus .list_type3_content{
  padding:1.6rem;
  box-sizing: border-box;
}
#sub.service_plus .list_type3_title{
  display:flex;
  justify-content: center;
  align-items: center;
  height:3.9rem;
  margin-top:1.2rem;
  background-color:#DDE8FF;
  border-radius: 1.9rem;
  font-weight: 700;
  font-size:1.6rem;
  line-height:23.17px;
  letter-spacing: -0.02em;
}
#sub.service_plus .list_type3_desc{
  text-align: center;
}
#sub.service_plus .list_type3_desc.text_type2{
  color:#111;
  letter-spacing: -0.06em;
}
#sub.service_plus .section2,
#sub.service_plus .section4{
  background-color: #ecf2f6;
}
#sub.service_plus .content_box{
  margin-top:6.8rem;
}
#sub.service_plus .list_type1{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:2rem;
}
#sub.service_plus .list_type1_thumb{
  box-shadow: 7px 7px 16px 0px #6D94B21C;
  border-radius: 2rem;
  overflow: hidden;
}
#sub.service_plus .list_type1_thumb img{
  width:100%;
  transition: all 0.3s;
}
#sub.service_plus .list_type1_thumb img:hover{
  transform: scale(1.2);
}
#sub.service_plus .list_type1_content{
  padding:1.6rem 0;
}
#sub.service_plus .text_type1{
  font-weight:600;
  font-size:2.4rem;
  line-height:33.6px;
  letter-spacing: -0.02em;
}
#sub.service_plus .text_type2{
  font-size:1.6rem;
  line-height:24px;
  letter-spacing: -0.02em;
  color: #555;
}
#sub.service_plus .text_type2{
  margin-top:.8rem;
}
#sub.service_plus .list_type2{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap:2rem;
}
#sub.service_plus .list_type2 li{
  display:flex;
  align-items: center;
  gap:2.8rem;
  padding:4.4rem;
  border:1px solid #f1f1f1;
  border-radius:2rem;
  box-sizing: border-box;
  box-shadow: 7px 7px 16px 0px #6D94B21C;
}
#sub.service_plus .list_type2_icon{
  position: relative;
  width:12rem;
  height:12rem;
  border:4px solid #1761fe;
  border-radius:50%;
  box-sizing: border-box;
  } 
#sub.service_plus .list_type2_icon > div{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
} 
#sub.service_plus .list_type2_icon .doc{
  left: 31px;
  width:6rem;
  height:6.2rem;
  background-image: url(../img/ico_doc.svg);
}
#sub.service_plus .list_type2_icon .stability{
  left: 33px;
  width:5.3rem;
  height:6.2rem;
  background-image: url(../img/ico_stability.svg);
}
#sub.service_plus .list_type2_icon .convenience{
  left:27px;
  width:5.9rem;
  height:6.2rem;
  background-image: url(../img/ico_convenience.svg);
}
#sub.service_plus .list_type2_icon .paperless{
  top:28px;
  left:29px;
  transform: translateY(0);
  width:6rem;
  height:6rem;
  background-image: url(../img/ico_paperless.svg);
}
#sub.service_plus .list_type2_content{
  width:calc((100% - 2.8rem) - 12rem);
}
#sub.service_plus .section4 .inner{
  display: grid;
  grid-template-columns: 1fr 390px;
  align-items: center;
  gap: 12.6rem;
}
#sub.service_plus .section4 .title_box{
  text-align: left;
}
#sub.service_plus .section4 .desc{
  margin-top:2rem;
}
#sub.service_plus .btn_consulting{
  display:flex;
  justify-content: space-between;
  align-items: center;
  width:24rem;
  height:5.4rem;
  background: linear-gradient(180deg, #4166F9 0%, #1542F8 100%);
  color:white;
  font-weight:600;
  font-size:1.5rem;
  line-height:21px;
  letter-spacing: -0.02em;
  border-radius: 1rem;
  padding: 0 1.6rem;
  text-align: left;
  box-sizing: border-box;
}
#sub.service_plus .btn_consulting::after{
  content:"";
  display:inline-block;
  width:1.4rem;
  height:1.1rem;
  background-image: url(../img/ico_next3.svg);
  background-repeat: no-repeat;
}
#sub.service_plus .bg_consulting{
  width:39rem;
  height:44.5rem;
  background-image: url(../img/bg_consulting.svg);
  background-repeat: no-repeat;
  background-position: center;
}

/* 25.08.29 유싸인 플러스 > fda서명 */
#sub.service_plus .fda_mo_br{
  display:none;
}
#sub.service_plus .fda_tablet_br{
  display:none;
}
#sub.service_plus .fda_laptop_br{
  display:none;
}
#sub.service_plus .fda_pc_br{
  display:block;
}

#sub.service_plus .fda_img_mo{
  display:none;
}
#sub.service_plus .fda_img_tablet{
  display:none;
}
#sub.service_plus .fda_img_laptop{
  display:none;
}
#sub.service_plus .fda_img_pc{
  display:block;
}

#sub.service_plus .fda .section .title_box {
  text-align: center;
}
#sub.service_plus .fda .title {
  font-weight: 600;
  font-size: 3.6rem;
  line-height: 5rem;
  letter-spacing: -0.02em;
}
#sub.service_plus .fda .section1 .title b {
  color: #1761fe;
  font-weight: 600;
}
#sub.service_plus .fda .section1 .desc {
  color: #555;
  font-size: 2rem;
  line-height: 30px;
  letter-spacing: -0.02em;
  margin-top: 20px;
}
#sub.service_plus .fda .section1 .inner {
  padding-top: 100px;
}

#sub.service_plus .fda .section2 {
  background-color: #1761fe;
}
#sub.service_plus .fda .section2 .title {
  color: white;
}
#sub.service_plus .fda .section2 .fda_sign_advantage_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
#sub.service_plus .fda .section2 .fda_sign_advantage_list > li {
  background-color: white;
  box-shadow: 7px 7px 16px 0 rgba(109, 148, 178, 0.11);
  border: 1px solid #f1f1f1;
  border-radius: 20px;
  padding: 44px;
  box-sizing: border-box;
  display:flex;
  gap:32px;
  align-items: center;
}
#sub.service_plus .fda .section2 .fda_sign_advantage_list .title{
  font-size:2.4rem;
  color:#111;
  font-weight:600;
  letter-spacing: -0.02em;
  line-height:3.5rem;
}
#sub.service_plus .fda .section2 .fda_sign_advantage_list .desc{
  margin-top:4px;
  color:#555;
  line-height:2.4rem;
  letter-spacing:-0.02em;
  font-size:1.6rem;
}
#sub.service_plus .fda .section2 .sec2_icon {
  width: 12rem;
  height: 12rem;
  border: 4px solid #1761fe;
  border-radius: 9999px;
  display:flex;
  align-items: center;
  justify-content: center;
  background-position: center;
  background-repeat: no-repeat;
  box-sizing: border-box;
}
#sub.service_plus .fda .section2 .sec2_icon.icon1{
  background-image: url("/resource/home/img/fda_sec2_icon1.svg");
  background-size: 55.5px 55.8px;
  background-position-x: 34px;
}
#sub.service_plus .fda .section2 .sec2_icon.icon2{
  background-image: url("/resource/home/img/fda_sec2_icon2.svg");
  background-size: 67.2px 58.8px;
}
#sub.service_plus .fda .section2 .sec2_icon.icon3{
  background-image: url("/resource/home/img/fda_sec2_icon3.svg");
  background-size: 43.4px 55.8px;
}
#sub.service_plus .fda .section2 .sec2_icon.icon4{
  background-image: url("/resource/home/img/fda_sec2_icon4.svg");
  background-size: 45.8px 55px;
}
#sub.service_plus .fda .content{
  margin-top:68px;
}
#sub.service_plus .fda .section3{
  background-color:#ECF2F6;
}
#sub.service_plus .fda .tab_complance{
  display:grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 12px;
}
#sub.service_plus .fda .tab_complance > li button{
  border-radius: 12px;
  background-color: #FFFFFF99;
  padding: 16px;
  width: 100%;
  height: 12.8rem;
  color: #68747D;
  letter-spacing: -0.04em;
  display:flex;
  flex-direction: column;
  text-align: left;
}
#sub.service_plus .fda .tab_complance > li button .tab_complance__title{
  font-size: 2rem;
  font-weight: bold; 
  line-height: 2.7rem;
  margin-top: 4px;
  letter-spacing: -0.04em;
}
#sub.service_plus .fda .tab_complance > li button .tab_complance__step{
  font-size:1.8rem;
  font-weight:500;
  line-height: 2.5rem;
  letter-spacing: -0.04em;
}
#sub.service_plus .fda .tab_complance > li button.active{
  box-shadow: 2px 2px 10px 0 rgba(22, 97, 253, 0.22);
  background-color: #1761FE;
  color: white;

}
#sub.service_plus .fda .tab_content_complance > div{
  margin-top:28px;
  background-color: white;
  padding: 40px;
  border-radius: 28px;
  box-sizing: border-box;
}
#sub.service_plus .fda .section3 .tab_content_complance .tab_content_complance__content{
  display:grid;
  grid-template-columns: 476px 1fr;
  gap: 32px;
  margin-top:20px;
}
#sub.service_plus .fda .section3 .tab_content_complance .tab_content_complance__image{
  border-radius: 12px;
  overflow: hidden;
}
#sub.service_plus .fda .section3 .tab_content_complance .tab_content_complance__title{
  font-weight: bold;
  font-size:2.8rem;
  line-height: 4.1rem;
  letter-spacing: -0.02em;
}
#sub.service_plus .fda .section3 .tab_content_complance .tab_content_complance__content_title{
  font-weight:700;
  font-size:2rem;
  line-height:2.8rem;
  letter-spacing:-0.04em;
}
#sub.service_plus .fda .section3 .tab_content_complance .tab_content_complance__content_desc{
  margin-top:8px;
  font-size:1.6rem;
  line-height:2.4rem;
  letter-spacing: -0.03em;
}
#sub.service_plus .fda .section3 .tab_content_complance .tab_content_complance__content_desc li.mark{
  position:relative;
  padding-left:22px;
  margin-top:4px;
}
#sub.service_plus .fda .section3 .tab_content_complance .tab_content_complance__content_desc li.mark:first-child{
  margin-top:0;
}

#sub.service_plus .fda .section3 .tab_content_complance .tab_content_complance__content_desc li.mark::before{
  content:"";
  position:absolute;
  top: 10px;
  left: 10px;
  background-color: black;
  width: 4px;
  height: 4px;
  border-radius: 9999px;
}
#sub.service_plus .fda .section3 .tab_content_complance .tab_content_complance__content_desc li.mark_en{
  display: flex;
  gap: 3px;
  margin-top:4px;
}
#sub.service_plus .fda .section3 .tab_content_complance .tab_content_complance__desc_box{
  background-color: #1761FE1A;
  padding: 20px;
  border-radius: 12px;
  color:#1761FE;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04em; 
}
#sub.service_plus .fda .section3 .tab_content_complance .tab_content_complance__image img{
  aspect-ratio: 41/33;
}
#sub.service_plus .fda .section3 .sec3_tab_content{
  display:none;
}
#sub.service_plus .fda .section3 .sec3_tab_content.active{
  display:block;
}
#sub.service_plus .service_plus_tab_content{
  display:none;
}
#sub.service_plus .service_plus_tab_content.active{
  display:block;
}
#sub.service_plus .fda .tab_content_complance .tab_content_complance__desc_content{
  display:grid;  
  gap:28px;
  height:fit-content;
}

#sub.service_plus .fda .section4 .left .title_box{
  text-align: left;
}

#sub.service_plus .fda .section6{
  background-color:white;
}
/* #sub.service_plus .fda .section6{
  margin-top:68px;
} */
#sub.service_plus .fda .section6 .fda_target_list{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  align-items: center;
}
#sub.service_plus .fda .section6 .fda_target_list li{
  display:grid;
  grid-template-columns: 120px 1fr;
  gap: 28px;
  align-items: center;
  height: 260px;
  border: 1px solid #f1f1f1;
  border-radius: 20px;
  box-shadow: 7px 7px 16px 0 rgba(109, 148, 178, 0.11);
  padding: 30px 30px 30px 44px;
  box-sizing: border-box;
}
#sub.service_plus .fda .section6 .fda_target_list li.fda_target_list__4th{
  padding-block: 25px;
}
#sub.service_plus .fda .section6 .fda_target_list .sec6_icon{
  width: 120px;
  height: 120px;
  border-radius: 9999px;
  border: 4px solid #1761fe;
  box-sizing: border-box;
  background-position: center;
  background-repeat: no-repeat;
}
#sub.service_plus .fda .section6 .fda_target_list .sec6_icon.icon1{
  background-image: url("/resource/home/img/fda_sec6_icon1.svg");
  background-size: 49px 56.4px;
  background-position-x: 37px;
}
#sub.service_plus .fda .section6 .fda_target_list .sec6_icon.icon2{
  background-image: url("/resource/home/img/fda_sec6_icon2.svg");
  background-size: 66px 59px;
  background-position-x: 26px;
}
#sub.service_plus .fda .section6 .fda_target_list .sec6_icon.icon3{
  background-image: url("/resource/home/img/fda_sec6_icon3.svg");
  background-size: 61px 56px;
  background-position-x: 27px;
}
#sub.service_plus .fda .section6 .fda_target_list .sec6_icon.icon4{
  background-image: url("/resource/home/img/fda_sec6_icon4.svg");
  background-size: 44px 62px;
}
#sub.service_plus .fda .section6 .fda_target_list .sec6_icon.icon5{
  background-image: url("/resource/home/img/fda_sec6_icon5.svg");
  background-size: 55px 57px;
  background-position-x: 35px;
}
#sub.service_plus .fda .section6 .fda_target_list .sec6_icon.icon6{
  background-image: url("/resource/home/img/fda_sec6_icon6.svg");
  background-size: 53px 61px;
  background-position-x: 31px;
}
#sub.service_plus .fda .section6 .fda_target_list .sec6_icon.icon7{
  background-image: url("/resource/home/img/fda_sec6_icon7.svg");
  background-size: 60px 59px;
  background-position-x: 31px;
}
#sub.service_plus .fda .section6 .fda_target_list__title{
  color:#111;
  font-size:2.4rem;
  font-weight:600;
  line-height:3.5rem;
  letter-spacing: -0.02em;
}
#sub.service_plus .fda .section6 .fda_target_list__desc{
  margin-top:8px;
  color:#555;
  line-height:2.4rem;
  font-size:1.6rem;
  letter-spacing: -0.02em;
}
#sub.service_plus .fda .section6 .fda_target_list__list{
  margin-top:8px;
  color:#555;
  font-size:1.6rem;
  line-height:2.4rem;
  letter-spacing: -0.02em;
}
#sub.service_plus .fda .section6 .fda_target_list__list .fda_target_list__text{
  display:flex;
  gap:2px;
  margin-top:2px;
}
#sub.service_plus .fda .section6 .fda_target_list__list .fda_target_list__text:first-child{
  margin-top:0;
}
#sub.service_plus .fda .section6 .fda_target_list__list .fda_target_list__text::before{
  content:"";
  display:inline-block;
  background-image: url("/resource/home/img/fda_list_icon.svg");
  background-repeat: no-repeat;
  width:20px;
  height:20px;
  margin-top:2px;
}

/* 수출 바우저용 홈페이지 영문 이미지 설정 취합 이미지 */

.en #sub .sub_visual .sub_lnb .home_btn {
  background-image: url("/resource/home/img/en/img/home_ico_bl.svg");
}

.en #sub .sub_visual .sub_lnb .menu > a {
  background-image: url("/resource/home/img/en/img/arr_ico_down1.svg");
}

.en #sub .sub_visual .sub_lnb .menu > a.on {
  background-image: url("/resource/home/img/en/img/arr_ico_up1.svg");
}

.en #sub .experience_area {
  background-image: url("/resource/home/img/en/img/main_bg_3.jpg");
}

.en #sub .faq_area .faq_list ul li .q_area a {
  background-image: url("/resource/home/img/en/img/ico_arr2_down.svg");
}

.en #sub .faq_area .faq_list ul li .q_area.on a {
  background-image: url("/resource/home/img/en/img/ico_arr2_up.svg");
}

.en #sub .srch_area input[type="button"] {
  background-image: url("/resource/home/img/en/img/ico_search2.svg");
}

.en #sub .srch_area2 input[type="button"] {
  background-image: url("/resource/home/img/en/img/ico_search2.svg");
}

.en #sub span.date i {
  background-image: url("/resource/home/img/en/img/ico_date.svg");
}

.en #sub span.hit i {
  background-image: url("/resource/home/img/en/img/ico_hit.svg");
}

.en #sub.service_idx .section1 .right .list_area a .box em::before {
  background-image: url("/resource/home/img/en/img/ico_chk1_c.svg");
}

.en #sub.service_idx .section1 .right .list_area ul li.on a .box em::before {
  background-image: url("/resource/home/img/en/img/ico_chk1_w.svg");
}

.en #sub.service_idx .section2 {
  background-image: url("/resource/home/img/en/img/bg_sidx_1.jpg");
}

.en #sub.service_idx .section2 .list_area > ul > li.li1 .cir span {
  background-image: url("/resource/home/img/en/img/ico_pen_g.svg");
}

.en #sub.service_idx .section2 .list_area > ul > li.li2 .cir span {
  background-image: url("/resource/home/img/en/img/ico_estar_g.svg");
}

.en #sub.service_idx .section2 .list_area > ul > li.li3 .cir span {
  background-image: url("/resource/home/img/en/img/ico_doc_g.svg");
}

.en #sub.service_idx .section2 .list_area > ul > li.li4 .cir span {
  background-image: url("/resource/home/img/en/img/ico_mem_g.svg");
}

.en #sub.service_idx .section2 .list_area > ul > li .list ul li::before {
  background-image: url("/resource/home/img/en/img/ico_chk2.svg");
}

.en #sub.service_idx .section2 .list_area > ul > li.li1 a.on .cir span {
  background-image: url("/resource/home/img/en/img/ico_pen_b.svg");
}

.en #sub.service_idx .section2 .list_area > ul > li.li2 a.on .cir span {
  background-image: url("/resource/home/img/en/img/ico_estar_b.svg");
}

.en #sub.service_idx .section2 .list_area > ul > li.li3 a.on .cir span {
  background-image: url("/resource/home/img/en/img/ico_doc_b.svg");
}

.en #sub.service_idx .section2 .list_area > ul > li.li4 a.on .cir span {
  background-image: url("/resource/home/img/en/img/ico_mem_b.svg");
}

.en #sub.service_idx .section4 .img_area::before {
  background-image: url("/resource/home/img/en/img/img_sidx_4_1.svg");
}

.en #sub.service_idx .section4 .mobile_frame {
  background-image: url("/resource/home/img/en/img/phone_frame2_none.png");
}

.en #sub.service_idx .section5 .img_area::before {
  background-image: url("/resource/home/img/en/img/img_sidx_5_1.svg");
}

.en #sub.service_idx .section6 .list_area .box1::before {
  background-image: url("/resource/home/img/en/img/ico_sidx6_1.svg");
}

.en #sub.service_idx .section6 .list_area .box2::before {
  background-image: url("/resource/home/img/en/img/ico_sidx6_2.svg");
}

.en #sub.service_idx .section6 .list_area .box3::before {
  background-image: url("/resource/home/img/en/img/ico_sidx6_3.svg");
}

.en #sub.service_idx .section6 .list_area .box4::before {
  background-image: url("/resource/home/img/en/img/ico_sidx6_4.svg");
}

.en #sub.service_idx .section6 .list_area .l_list.pc ul li a {
  background-image: url("/resource/home/img/en/img/ico_arr1_down.svg");
}

.en #sub.service_idx .section6 .list_area .l_list.pc ul li a.active {
  background-image: url("/resource/home/img/en/img/ico_arr1_up.svg");
}

.en #sub.service_idx .section6 .list_area .l_list.mo > a {
  background-image: url("/resource/home/img/en/img/ico_arr1_down.svg");
}

.en #sub.service_idx .section6 .list_area .l_list.mo > a.active {
  background-image: url("/resource/home/img/en/img/ico_arr1_up.svg");
}

.en #sub.service_idx .section7 .tablet_frame {
  background-image: url("/resource/home/img/en/img/tablet_frame_none.png");
}

.en #sub.service_idx .section7 .txt_area .control_box .arr_box .func_prev {
  background-image: url("/resource/home/img/en/img/sidx_7_prev.svg");
}

.en #sub.service_idx .section7 .txt_area .control_box .arr_box .func_next {
  background-image: url("/resource/home/img/en/img/sidx_7_next.svg");
}

.en #sub.introduction .section1 .intro .txt_area .btm a {
  background-image: url("/resource/home/img/en/img/ico_go1.svg");
}

.en #sub.case .section2 .txt_area .txt ul li::before {
  background-image: url("/resource/home/img/en/img/ico_chk1_c.svg");
}

.en #sub.hsm_idx .section1 .video_area .poster .ico_play {
  background-image: url("/resource/home/img/en/img/ico_play.svg");
}

.en #sub.law2 .section2 .map_area .nation_list1 li a span {
  background-image: url("/resource/home/img/en/img/ico_pointer_b.svg");
}

.en #sub.law2 .section2 .map_area .nation_list1 li a:hover span {
  background-image: url("/resource/home/img/en/img/ico_pointer_w.svg");
}

.en #sub.law2 .section2 .map_area .nation_list1 li a.on span {
  background-image: url("/resource/home/img/en/img/ico_pointer_w.svg");
}

.en #sub.law2 .section2 .list_area .list1 ul li.li1 a span {
  background-image: url("/resource/home/img/en/img/ico_na1_1.jpg");
}

.en #sub.law2 .section2 .list_area .list1 ul li.li2 a span {
  background-image: url("/resource/home/img/en/img/ico_na1_2.jpg");
}

.en #sub.law2 .section2 .list_area .list1 ul li.li3 a span {
  background-image: url("/resource/home/img/en/img/ico_na1_3.jpg");
}

.en #sub.law2 .section2 .list_area .list1 ul li.li4 a span {
  background-image: url("/resource/home/img/en/img/ico_na1_4.jpg");
}

.en #sub.law2 .section2 .list_area .list2 ul li.li1 a span {
  background-image: url("/resource/home/img/en/img/ico_na2_1.jpg");
}

.en #sub.law2 .section2 .list_area .list2 ul li.li2 a span {
  background-image: url("/resource/home/img/en/img/ico_na2_2.jpg");
}

.en #sub.law2 .section2 .list_area .list2 ul li.li3 a span {
  background-image: url("/resource/home/img/en/img/ico_na2_3.jpg");
}

.en #sub.law2 .section2 .list_area .list2 ul li.li4 a span {
  background-image: url("/resource/home/img/en/img/ico_na2_4.jpg");
}

.en #sub.law2 .section2 .list_area .list2 ul li.li5 a span {
  background-image: url("/resource/home/img/en/img/ico_na2_5.jpg");
}

.en #sub.law2 .section2 .list_area .list2 ul li.li6 a span {
  background-image: url("/resource/home/img/en/img/ico_na2_6.jpg");
}

.en #sub.law2 .section2 .list_area .list2 ul li.li7 a span {
  background-image: url("/resource/home/img/en/img/ico_na2_7.jpg");
}

.en #sub.law2 .section2 .list_area .list2 ul li.li8 a span {
  background-image: url("/resource/home/img/en/img/ico_na2_8.jpg");
}

.en #sub.law2 .section2 .list_area .list2 ul li.li9 a span {
  background-image: url("/resource/home/img/en/img/ico_na2_9.jpg");
}

.en #sub.law2 .section2 .list_area .list2 ul li.li10 a span {
  background-image: url("/resource/home/img/en/img/ico_na2_10.jpg");
}

.en #sub.law2 .section2 .list_area .list2 ul li.li11 a span {
  background-image: url("/resource/home/img/en/img/ico_na2_11.jpg");
}

.en #sub.law2 .section2 .list_area .list2 ul li.li12 a span {
  background-image: url("/resource/home/img/en/img/ico_na2_12.jpg");
}

.en #sub.law2 .section2 .list_area .list2 ul li.li13 a span {
  background-image: url("/resource/home/img/en/img/ico_na2_13.jpg");
}

.en #sub.law2 .section2 .list_area .list2 ul li.li14 a span {
  background-image: url("/resource/home/img/en/img/ico_na2_14.jpg");
}

.en #sub.law2 .section2 .list_area .list2 ul li.li15 a span {
  background-image: url("/resource/home/img/en/img/ico_na2_15.jpg");
}

.en #sub.law2 .section2 .list_area .list2 ul li.li16 a span {
  background-image: url("/resource/home/img/en/img/ico_na2_16.jpg");
}

.en #sub.law2 .section2 .list_area .list2 ul li.li17 a span {
  background-image: url("/resource/home/img/en/img/ico_na2_17.jpg");
}

.en #sub.law2 .section2 .list_area .list2 ul li.li18 a span {
  background-image: url("/resource/home/img/en/img/ico_na2_18.jpg");
}

.en #sub.law2 .section2 .list_area .list2 ul li.li19 a span {
  background-image: url("/resource/home/img/en/img/ico_na2_19.jpg");
}

.en #sub.law2 .section2 .list_area .list2 ul li.li20 a span {
  background-image: url("/resource/home/img/en/img/ico_na2_20.jpg");
}

.en #sub.law2 .section2 .list_area .list2 ul li.li21 a span {
  background-image: url("/resource/home/img/en/img/ico_na2_21.jpg");
}

.en #sub.law2 .section2 .list_area .list2 ul li.li22 a span {
  background-image: url("/resource/home/img/en/img/ico_na2_22.jpg");
}

.en #sub.law2 .section2 .list_area .list2 ul li.li23 a span {
  background-image: url("/resource/home/img/en/img/ico_na2_23.jpg");
}

.en #sub.law2 .section2 .list_area .list2 ul li.li24 a span {
  background-image: url("/resource/home/img/en/img/ico_na2_24.jpg");
}

.en #sub.law2 .section2 .list_area .list2 ul li.li25 a span {
  background-image: url("/resource/home/img/en/img/ico_na2_25.jpg");
}

.en #sub.law2 .section2 .list_area .list2 ul li.li26 a span {
  background-image: url("/resource/home/img/en/img/ico_na2_26.jpg");
}

.en #sub.law2 .section2 .list_area .list2 ul li.li27 a span {
  background-image: url("/resource/home/img/en/img/ico_na2_27.jpg");
}

.en #sub.law2 .section2 .list_area .list2 ul li.li28 a span {
  background-image: url("/resource/home/img/en/img/ico_na2_28.jpg");
}

.en #sub.law2 .section2 .list_area .list2 ul li.li29 a span {
  background-image: url("/resource/home/img/en/img/ico_na2_29.jpg");
}

.en #sub.law2 .section2 .list_area .list3 ul li.li1 a span {
  background-image: url("/resource/home/img/en/img/ico_na3_1.svg");
}

.en #sub.law2 .section2 .list_area .list3 ul li.li2 a span {
  background-image: url("/resource/home/img/en/img/ico_na3_2.svg");
}

.en #sub.law2 .section2 .list_area .list3 ul li.li3 a span {
  background-image: url("/resource/home/img/en/img/ico_na3_3.svg");
}

.en #sub.law2 .section2 .list_area .list3 ul li.li4 a span {
  background-image: url("/resource/home/img/en/img/ico_na3_4.svg");
}

.en #sub.law2 .section2 .list_area .list3 ul li.li5 a span {
  background-image: url("/resource/home/img/en/img/ico_na3_5.svg");
}

.en #sub.law2 .section2 .list_area .list3 ul li.li6 a span {
  background-image: url("/resource/home/img/en/img/ico_na3_6.svg");
}

.en #sub.law2 .section2 .list_area .list4 ul li.li1 a span {
  background-image: url("/resource/home/img/en/img/ico_na4_1.jpg");
}

.en #sub.law2 .section2 .list_area .list4 ul li.li2 a span {
  background-image: url("/resource/home/img/en/img/ico_na4_2.jpg");
}

.en #sub.law2 .section2 .list_area .list4 ul li.li3 a span {
  background-image: url("/resource/home/img/en/img/ico_na4_3.jpg");
}

.en #sub.law2 .section2 .list_area .list5 ul li.li1 a span {
  background-image: url("/resource/home/img/en/img/ico_na5_1.jpg");
}

.en #sub.law2 .section2 .list_area .list5 ul li.li2 a span {
  background-image: url("/resource/home/img/en/img/ico_na5_2.jpg");
}

.en #sub.law2 .section2 .list_area .list5 ul li.li3 a span {
  background-image: url("/resource/home/img/en/img/ico_na5_3.jpg");
}

.en #sub.law2 .section2 .list_area .list5 ul li.li4 a span {
  background-image: url("/resource/home/img/en/img/ico_na5_4.jpg");
}

.en #sub.law2 .section2 .list_area .list5 ul li.li5 a span {
  background-image: url("/resource/home/img/en/img/ico_na5_5.jpg");
}

.en #sub.law2 .section2 .list_area .list5 ul li.li6 a span {
  background-image: url("/resource/home/img/en/img/ico_na5_6.jpg");
}

.en #sub.law2 .section2 .list_area .list5 ul li.li7 a span {
  background-image: url("/resource/home/img/en/img/ico_na5_7.jpg");
}

.en #sub.law2 .section2 .list_area .list5 ul li.li8 a span {
  background-image: url("/resource/home/img/en/img/ico_na5_8.jpg");
}

.en #sub.law2 .section2 .list_area .list5 ul li.li9 a span {
  background-image: url("/resource/home/img/en/img/ico_na5_9.jpg");
}

.en #sub.law2 .section2 .list_area .list6 ul li.li1 a span {
  background-image: url("/resource/home/img/en/img/ico_na6_1.jpg");
}

.en #sub.law2 .section2 .list_area .list6 ul li.li2 a span {
  background-image: url("/resource/home/img/en/img/ico_na6_2.jpg");
}

.en #sub.law2 .section2 .list_area .list6 ul li.li3 a span {
  background-image: url("/resource/home/img/en/img/ico_na6_3.jpg");
}

.en #sub.law2 .section2 .list_area .list6 ul li.li4 a span {
  background-image: url("/resource/home/img/en/img/ico_na6_4.jpg");
}

.en #sub.law2 .section2 .list_area .list6 ul li.li5 a span {
  background-image: url("/resource/home/img/en/img/ico_na6_5.jpg");
}

.en #sub.law2 .section2 .list_area .list6 ul li.li6 a span {
  background-image: url("/resource/home/img/en/img/ico_na6_6.jpg");
}

.en #sub.law2 .section2 .list_area .list6 ul li.li7 a span {
  background-image: url("/resource/home/img/en/img/ico_na6_7.jpg");
}

.en #sub.law2 .section2 .list_area .list7 ul li.li1 a span {
  background-image: url("/resource/home/img/en/img/ico_na7_1.jpg");
}

.en #sub.law2 .section2 .list_area .list7 ul li.li2 a span {
  background-image: url("/resource/home/img/en/img/ico_na7_2.jpg");
}

.en #sub.law2 .section2 .list_area .list7 ul li.li3 a span {
  background-image: url("/resource/home/img/en/img/ico_na7_3.jpg");
}

.en #sub.law2 .section2 .list_area .list7 ul li.li4 a span {
  background-image: url("/resource/home/img/en/img/ico_na7_4.jpg");
}

.en #sub.law2 .section2 .list_area .list7 ul li.li5 a span {
  background-image: url("/resource/home/img/en/img/ico_na7_5.jpg");
}

.en #sub.law2 .section2 .list_area .list8 ul li.li1 a span {
  background-image: url("/resource/home/img/en/img/ico_na8_1.jpg");
}

.en #sub.law2 .section2 .list_area .list8 ul li.li2 a span {
  background-image: url("/resource/home/img/en/img/ico_na8_2.jpg");
}

.en #sub.price .section1 .box_wr1 > .ico {
  background-image: url("/resource/home/img/en/img/ico_price1_1.svg");
}

.en #sub.price .section1 .box_wr1 .box .btm ul li span.cir {
  background-image: url("/resource/home/img/en/img/ico_check2.svg");
}

.en #sub.price .section1 .box_wr2 > .ico {
  background-image: url("/resource/home/img/en/img/ico_price1_2.svg");
}

.en #sub.price .section1 .box_wr2 .box .btm ul li span.cir {
  background-image: url("/resource/home/img/en/img/ico_x.svg");
}

.en #sub.price .section2 .item_area .fee_tbl .tbl_wrap > ul > li.month_fee > div em::before {
  background-image: url("/resource/home/img/en/img/ico_won3_1_b.svg");
}

.en #sub.price .section2 .item_area .fee_tbl .tbl_wrap > ul > li.month_fee > div a.on em::before {
  background-image: url("/resource/home/img/en/img/ico_won3_1_w.svg");
}

.en #sub.price .section2 .item_area .fee_tbl .tbl_wrap > ul > li.year_fee > div a p::before {
  background-image: url("/resource/home/img/en/img/ico_won3_2_g2.svg");
}

.en #sub.price .section2 .item_area .fee_tbl .tbl_wrap > ul > li.year_fee > div a strong::before {
  background-image: url("/resource/home/img/en/img/ico_won3_3_b.svg");
}

.en #sub.price .section2 .item_area .fee_tbl .tbl_wrap > ul > li.year_fee > div a.on p::before {
  background-image: url("/resource/home/img/en/img/ico_won3_2_g.svg");
}

.en #sub.price .section2 .item_area .fee_tbl .tbl_wrap > ul > li.year_fee > div a.on strong::before {
  background-image: url("/resource/home/img/en/img/ico_won3_3_w.svg");
}

.en #sub.price .section3 {
  background-image: url("/resource/home/img/en/img/bg_price3.jpg");
}

.en #sub.price .section3 .go_simul a {
  background-image: url("/resource/home/img/en/img/ico_arr_r2.svg");
}

.en #sub.cs_idx .section1 {
  background-image: url("/resource/home/img/en/img/bg_cs_idx_sec1.jpg");
}

.en #sub.cs_idx .section1 .tit_area h3 {
  background-image: url("/resource/home/img/en/img/ico_chk1_c2.svg");
}

.en #sub.cs_idx .section1 .tit_area h3::before {
  background-image: url("/resource/home/img/en/img/ico_ku1.svg");
}

.en #sub.cs_idx .section1 .tit_area h3::after {
  background-image: url("/resource/home/img/en/img/ico_ku2.svg");
}

.en #sub.cs_idx .section2 .box_area ul li.li_st2_2 .box_tit .right .more_btn::before {
  background-image: url("/resource/home/img/en/img/ico_more.svg");
}

.en #sub.qna .bbs_area .bbs table tbody td p b.locked {
  background-image: url("/resource/home/img/en/img/ico_lock.svg");
}

.en #sub.qna .bbs_area .bbs table tbody tr.reply td.title p::before {
  background-image: url("/resource/home/img/en/img/ico_reply.svg");
}

.en #sub.partner_idx .section1 .btm .b_wrap1 .ico {
  background-image: url("/resource/home/img/en/img/ico_partner1.svg");
}

.en #sub.partner_idx .section1 .btm .b_wrap2 .ico {
  background-image: url("/resource/home/img/en/img/ico_partner2.svg");
}

.en #sub.partner_idx .section1 .btm .b_wrap3 .ico {
  background-image: url("/resource/home/img/en/img/ico_partner3.svg");
}

.en #sub.fnc_idx .section1 .ul_wrap ul li .txt .btm_btn:before {
  background-image: url("/resource/home/img/en/img/ico_go2.svg");
}

.en #sub.spt_idx2 .section1 {
  background-image: url("/resource/home/img/en/img/ctl1_bg.png");
}

.en #sub.spt_idx2 .section4:before {
  background-image: url("/resource/home/img/en/img/ctl4_bg.png");
}

.en #sub.spt_idx3 .section1::before {
  background-image: url("/resource/home/img/en/img/cloud_img1_2.png");
}

.en #sub.spt_idx2 .section1 {
  background-image: url("/resource/home/img/en/img/ctl1_bg.png");
}

.en #sub.spt_idx2 .section4:before {
  background-image: url("/resource/home/img/en/img/ctl4_bg.png");
}

.en #sub.spt_idx3 .section1::before {
  background-image: url("/resource/home/img/en/img/cloud_img1_2.png");
}

.en .popup .pop .pop_cls {
  background-image: url("/resource/home/img/en/img/ico_cls.svg");
}

.en .popup .price_pop3 .item .mid .mid_t > strong::before {
  background-image: url("/resource/home/img/en/img/ico_big_won.svg");
}

/* 다국어 레이아웃 수정 : 2025-01-10*/
.wrapper.en #sub.service_idx .section2 .list_area > ul > li.li3 .list ul li{
  font-size: 1.2rem;
}

.wrapper.en #sub.service_idx .section2 .list_area > ul > li.li4 .list ul li{
  font-size: 1.2rem;
}

.wrapper.en #sub.service_idx .menu_pc ul li:nth-child(1) a {
  font-size: 1.4rem;
}

.wrapper.en #sub.introduction .section1 .intro .txt_area .btm a {
  width: 260px;
}

.wrapper.en #sub.service_plus .list_type3 > li:nth-child(3) > .list_type3_head
{
  font-size: 1.4rem;
}

.wrapper.en #sub.service_plus .list_type3 > li:nth-child(3) .list_type3_title
{
  font-size: 1.2rem;
}

.wrapper.en #sub.service_plus .list_type3 > li:nth-child(5) .list_type3_title
{
  font-size: 1.2rem;
}

/* 25.1.22 home > 요금제 페이지 */
#sub.price.home_payment .section2 .item_area .tit_area span{
  font-size: 20px;
}
#sub.price.home_payment .section2 .item_area .tit_area span.point_color{
  font-weight: 600;
  color: #1761fe;
  display: inline-block;
  margin-top: 0;
}
.home_payment_table_type1{
  display:grid;
  grid-template-columns: repeat(6, 1fr);
  text-align: center;
  border-top:1px solid #DFDFDF;
  border-bottom: 1px solid #DFDFDF;
  margin-top:24px;
}
.home_payment_table_type1 .table_item{
  border-right:1px solid #dfdfdf;
}
.home_payment_table_type1 .table_item:last-child{
  border-right:none;
}
.home_payment_table_type1 .table_title{
  display:flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  background-color: #F4F7F9;
  font-size: 14px;
  font-weight: 600;
  line-height: 20.27px;
  letter-spacing: -0.02em;
}
.home_payment_table_type1 .table_content{
  display:flex;
  align-items: center;
  justify-content: center;
  height: 72px;
  font-size: 16px;
  font-weight: 500;
  line-height: 19.2px;
  letter-spacing: -0.02em;
}
.home_payment_table_type1 .table_content img{
  display:inline-block;
  width: 24px;
  height: 24px;
}
.home_payment_table_type2{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-top:60px;
}
.home_payment_table_type2 .count_text_style{
  font-weight: 500;
  font-size: 16px;
  line-height: 19.2px;
  letter-spacing: -0.02em;
}
.home_payment_table_type2 .count_text_style .ft_pins{
  font-weight: 600;
  font-size: 17px;
  line-height: 25.5px;
  letter-spacing: -0.02em;
}
.home_payment_table_type2 .month_text_style{
  font-weight: 500;
  font-size: 16px;
  line-height: 25.5px;
  letter-spacing: -0.02em;
  text-align: center;
}
.home_payment_table_type2 .month_text_style .ft_pins{
  font-size:17px;
  font-weight: 500;
}
.home_payment_table_type2 .month_text_style .ft_pins.fw600{
  font-weight: 600;
}
.price_gray_text{
  display: flex;
  align-items: center;
  gap: 4px;
  color: #808080;
  font-size: 12px;
  letter-spacing: -0.02em;
}
.price_gray_text span{
  font-size: 16px;
  font-weight: 400;
}
.home_payment_table_type2 .year_text_style{
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.02em;
  color: #808080;
}
.home_payment_table_type2 .year_price_text_style{
  font-weight: 500;
  font-size:17px;
  line-height: 25.5px;
  letter-spacing: -0.02em;
}
.home_payment_table_type2 .year_text_style .ft_pins{
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.02em;
}
.home_payment_table_type2 > div{
  width: 100%;
}
.home_payment_table_type2_title{
  display:flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  background-color: #1761FE;
  color: white;
}
.sales_width_price{
  display:flex;
  align-items: center;
  gap: 4px;
}
.payment_info_sales_price{
  color: #E31A1F;
  font-size:14px;
  font-weight: 700;
}
.home_payment_table_type2_title.yellow{
  color: #FFFF00;
}
.home_payment_table_type2_content{
  display:grid;
  grid-template-columns: repeat(1, 1fr);
}
.home_payment_table_type2 .table_content > div{
  border-top: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  box-sizing: border-box;
}
.home_payment_table_type2 .table_item {
  display:grid;
  grid-template-columns: repeat(3, 1fr);
}
.home_payment_table_type2 .table_item:last-child > .table_content > div{
  border-right: none;
}
.home_payment_table_type2 .table_title{
  border-top: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  box-sizing: border-box;
}
.home_payment_table_type2 .table_content_wrapper{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
}
.home_payment_table_type2 .table_content_wrapper .table_content:last-child > div{
  border-right: none;
}
.home_payment_table_type2 .table_item:last-child > .table_title{
  border-right: none;
}
.home_payment_table_type2 .table_title{
  flex: 1;
  display:flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  background-color: #F4F7F9;  
  color: #111;
  font-size: 16px;
  line-height: 19.2px;
  letter-spacing: -0.02em;
  text-align: center;
}
.home_payment_table_type2 .table_content{
  height: 75px;
  font-weight: 500;
  font-size: 16px;
  line-height: 19.2px;
  letter-spacing: -0.02em;
}
.home_payment_table_type2 .table_content > div{
  display:flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
}
.home_payment_table_type2 .payment_year_month,
.home_payment_table_type2 .payment_count{
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
}
.home_payment_table_type2 .payment_year_month .table_content > div{
  height:75px;
}
.home_payment_table_type2 .payment_count .table_content > div{
  height: 85px;
  /* padding-block: 11.75px; */
}
.home_payment_table_type2 .payment_count .table_content {
  height: 85.5px;
}

.home_payment_table_type2 .payment_count .home_payment_table_type2_content > .table_item{
  grid-template-columns: repeat(2, 1fr);
}

.home_payment_table_type2 .payment_count .table_content_wrapper {
  grid-template-columns: repeat(2, 1fr);
}

.home_payment_table_type2 .home_payment_table_type2_content > .table_item > .table_title:first-child {
  border-right: 1px solid #dfdfdf;
}

.home_payment_table_type2 .home_payment_table_type2_content > .table_item > .table_title:last-child {
  border-right: none;
}
.price_gray_text.pc_show{
  display: flex;
}
.btn_payment{
  width: 400px;
  height: 75px;
  background: linear-gradient(180deg, #4166F9 0%, #1542F8 100%);
  color: white;
  font-size: 18px;
  font-weight: 700;
  line-height: 25.2px;
  letter-spacing: -0.02em;
  border-radius: 10px;
  margin-top: 60px;
}
.payment_table_notice{
  color: #555;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: -0.02em;
  text-align: right;
  margin-top: 12px;
}
#sub.price.home_payment .section2 .item_area .top_img{
  margin-top:  100px;
}

.won{
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: center;
}
.won::before{
  content:"";
  display: inline-block;
  width: 17px;
  height: 10px;
  background-image: url(../img/ico_won.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.won.gray::before{
  width: 14px;
  height: 8px;
  background-image: url(../img/ico_won_gray.svg);
}

.wrapper.en #sub.madeSign #btnRotate {
  width: 18rem;
}

.wrapper.en #sub.madeSign #btnRemove {
  width: 18rem;
}

.payment_info_badge{
  height: 35px;
  padding-inline: 12px;
  border-radius: 29px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #111;
}
.payment_info_badge.blue{
  background-color: #D7E4FF;
}
.payment_info_badge.green{
  background-color: #C6F2E2;
}

/* 25.03.25 기술개발제품 시범구매 페이지 */
#sub.spt_idx4.public_technology .section2 .bot > .apply_txt_box:nth-child(1) .apply_description span::before{
  display: none;
}
#sub.spt_idx4.public_technology .section2 .bot > .apply_txt_box:nth-child(1) .apply_description span::after{
  display: none;
}
#sub.spt_idx4.public_technology .section2 .top{
  gap: 33.6rem;
}
#sub.spt_idx4.public_technology .section2 .top .icon_arrow{
  background-image: url(../img/procurement_icon7.svg);
  width: 258px;
  transform: translate(-48%,-50%);
  font-size: 2.4rem;
}
#sub.spt_idx4.public_technology .title_box h2 span.text_white{
  color: white;
}
#sub.spt_idx4.public_technology .mt8{
  margin-top: 8px;
}

/* 25.09.15 프로모션 페이지 */
.mx1280{
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}
#sub.sub.promotion_page .pro_laptop_br{
  display:none;
}
#sub.sub.promotion_page .pro_tablet_br{
  display:none;
}
#sub.sub.promotion_page .pro_mobile_br{
  display:none;
}
#sub.sub.promotion_page .pro_pc_br{
  display:block;
}
#sub.sub.promotion_page .pro_img_laptop{
  display:none;
}
#sub.sub.promotion_page .pro_img_tablet{
  display:none;
}
#sub.sub.promotion_page .pro_img_mo{
  display:none;
}
#sub.sub.promotion_page .pro_img_pc{
  display:block;
}
#sub.sub.promotion_page .promotion_floating{
  position: fixed;
  left: 50%;
  bottom: 44px;
  z-index: 999;
  transform: translateX(-50%);
  max-width: 520px;
  width: 100%;
  height: 64px;
  border-radius: 12px;
  background-color: #010305;
  padding-inline: 20px;
  box-sizing: border-box;
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: 'SUIT', 'Noto Sans KR', sans-serif;
}
#sub.sub.promotion_page .pro_floating__text{
  font-weight: 600;
  letter-spacing: -0.02em;
  font-size: 1.6rem;
  line-height: 2rem;
}
#sub.sub.promotion_page .promotion_floating .green{
  color: #00FFA2;
}
#sub.sub.promotion_page .pro_floating__btn{
  background-color: #1761FE;
  width: 148px;
  height: 40px;
  border-radius: 50px;
  font-size: 1.6rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  display: flex;
  align-items: center;
  justify-content: center;
}
#sub.sub.promotion_page section{
  padding-block: 160px;
}

#sub.sub.promotion_page .promotion_sec1{
  text-align: center;
  width: 100%;
  /* height: 702px; */
  /* background-repeat: no-repeat; */
  /* background-size: cover; */
  padding-top: 136px;
  padding-bottom: 0;
  box-sizing: border-box;
}

#sub.sub.promotion_page .pro_sec1__bg_1_phone{
  width: 100%;
  height: 253px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/promotion/promotion_sec1_bg_phone_mo.png);
}
#sub.sub.promotion_page .pro_sec1__desc{
  margin-top: 20px;
  color: #555;
  line-height: 1.9rem;
}
#sub.sub.promotion_page .pro_sec1__badge{
  display:flex;
  align-items: center;
  justify-content: center;
  width: 282px;
  height: 58px;
  padding: 8px 23px;
  border-radius: 80px;
  gap: 10px;
  background-color: #FFCE0F;
  color: #2A2A2A;
  margin: 0 auto;
  box-sizing: border-box;
  font-family: "Noto Sans KR", serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.56px;
}
#sub.sub.promotion_page .pro_sec1__title{
  margin-top:20px;
  font-weight: 700;
  color:#111;
  font-size:6rem;
  line-height: 8.7rem;
  text-align: center;
}
#sub.sub.promotion_page .pro_sec1__desc{
  color:#555;
  line-height: 4.1rem;
  font-size:2.8rem; 
} 
#sub.sub.promotion_page .pro_sec1__period{
  margin-top: 52px;
  display:flex;
  gap: 12px;
  align-items: center;
  justify-content: center;
}
#sub.sub.promotion_page .pro_sec1__period_badge{
background-color: #D1E3FF;
color: #111;
width: 112px;
height: 31px;
font-size:1.6rem;
font-weight: 700;
border-radius: 300px;
display: inline-flex;
align-items: center;
justify-content: center;
}
#sub.sub.promotion_page .pro_sec1__period_date{
  color: #111;
  line-height: 2.9rem;
  font-size: 2rem;
}

#sub.sub.promotion_page .promotion_sec2{
  text-align: center;
  background-image: url(../img/promotion/promotion_bg2_pc.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
#sub.sub.promotion_page .pro_sec2__title{
  color: white;
  font-weight: 700;
  font-size:4.4rem;
  line-height: 6.4rem;
}
#sub.sub.promotion_page .pro_sec2__desc{
  color:white;
  margin-top:24px;
  line-height: 3.5rem;
  font-size:2.4rem;
}
#sub.sub.promotion_page .text_green{
  color: #00FFA2;
}
#sub.sub.promotion_page .text_blue{
  color: #1761FE;
}
#sub.sub.promotion_page .pro_sec2__slide{
	display: flex;
	flex-wrap: nowrap;
	animation: slide-left 30s linear infinite;
	width:max-content;
  margin-top:74px;
}

@keyframes slide-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%); /* 2장 = 200vw + gap(10vw 정도 감안) */
  }
}

#sub.sub.promotion_page .btn_center{
  display: flex;
  justify-content: center;
}
#sub.sub.promotion_page .pro_btn_black{
  background-color: #111;
  color: white;
  letter-spacing: -0.02em;
  width: 54rem;
  height: 12rem;
  font-size: 2.4rem;
  border-radius: 100px;
}

#sub.sub.promotion_page .pro_btn_black .ico_next{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
#sub.sub.promotion_page .pro_btn_black.pos{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 160px;
}

#sub.sub.promotion_page .promotion_sec3{
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/promotion/promotion_bg3_pc.png);
}
#sub.sub.promotion_page .promotion_sec3 .pro_btn_black{
  margin-top: 80px;
}
#sub.sub.promotion_page .pro_sec3__title{
  color:#111;
  font-weight:700;
  font-size:4.4rem;
  text-align: center;
  line-height: 6.4rem;
}
#sub.sub.promotion_page .pro_sec3__desc{
  color:#555;
  margin-top: 24px;
  line-height: 3.5rem;
  text-align: center;
  letter-spacing: -0.01em;
  font-size: 2.4rem;
}
#sub.sub.promotion_page .pro_sec3__list{
   margin-top:80px;
   display: grid;
   gap: 40px;
}
#sub.sub.promotion_page .pro_sec3__list li a{
  border-radius: 30px;
  padding: 52px 60px;
  border: 1px solid #FFF;
  background: rgba(255, 255, 255, 0.10);
  box-shadow: 10px 10px 50px 0 rgba(147, 189, 210, 0.20), 0 4px 10.5px 0 #FFF inset;
  width: 100%;
  height: 404px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#sub.sub.promotion_page .pro_sec3__list li:nth-child(odd) .pro_sec3__listImg{
  order: 2;
}
#sub.sub.promotion_page .pro_sec3__listImg{
  background-color: transparent;
}
#sub.sub.promotion_page .pro_sec3__listImg img{
  width: 100%;
}
#sub.sub.promotion_page .pro_sec3__listBadge{
  background-color: #1761FE;
  border-radius: 30px;
  color: white;
  font-weight: 700;
  letter-spacing: -0.02em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14.7rem;
  height: 4rem;
  font-size: 1.6rem;
}
#sub.sub.promotion_page .pro_sec3__listTitle{
  margin-top:8px;
  color: #111;
  font-weight: 700;
  font-size: 2.8rem;
  line-height: 4.1rem;
}
#sub.sub.promotion_page .pro_sec3__listSubTitle{
  margin-top: 40px;
  color: #555;
  font-size: 2rem;
  line-height: 2.9rem;
  letter-spacing: -0.02em;
}

#sub.sub.promotion_page .pro_sec3__listLink{
  display: inline-flex;
  gap: 2px;
  align-items: center;
  color: #1761FE;
  font-weight: 600;
  margin-top: 40px;
  font-size: 1.6rem;
  line-height: 2.3rem;
  border-bottom: 1px solid #1761fe;
  padding-bottom: 4px;
}

#sub.sub.promotion_page .pro_sec4__title{
  text-align: center;
  color: #111;
  font-weight: bold;
  font-size: 4.4rem;
  line-height: 6.4rem;
}
#sub.sub.promotion_page .pro_sec4__list {
  display: grid;
  gap: 24px;
  margin-top: 80px;
  grid-template-columns: 1fr 1fr 1fr;
}
#sub.sub.promotion_page .pro_sec4__list li{
  border-radius: 30px;
  border: 1px solid #C0E4FF80;
  background: linear-gradient(175deg, #EFF8FF -32.18%, #FFF 29.12%, #C0E4FF 129.24%);
  padding: 44px 36px;
  letter-spacing: -0.03em;
  display: flex;
  gap: 24px;
  flex-direction: column;
}
#sub.sub.promotion_page .pro_sec4__listTitle{
  font-weight: 700;
  color: #111;
  font-size: 2.4rem;
  line-height: 3.5rem;
}
#sub.sub.promotion_page .pro_sec4__listImg{
  display: grid;
  justify-content: center;
  align-items: center;
  width: 320px;
  height: 220px;
}
#sub.sub.promotion_page .pro_sec4__listDesc{
  margin-top: 16px;
  display: grid;
  gap: 6px;
}
#sub.sub.promotion_page .pro_sec4__listDesc > div{
  display: flex;
  gap: 7px;
}
#sub.sub.promotion_page .pro_sec4__listText{
  color: #111;
  line-height: 2.3rem;
}
#sub.sub.promotion_page .pro_sec4__listImg img{
  margin: 0 auto;
}
#sub.sub.promotion_page .promotion_sec5{
  background-color:#E2F4FF;
}
#sub.sub.promotion_page .pro_sec5__title{
  text-align: center;
  font-weight: 700;
  color:#111;
  line-height: 6.4rem;
  font-size: 4.4rem;
}
#sub.sub.promotion_page .pro_sec5__logoList{
  display: grid;
  margin-top: 80px;
}
#sub.sub.promotion_page .pro_sec5__listItem{
  background-color: white;
  border-radius: 14px;
  height: 96px;
  display: grid;
  justify-content: center;
  align-items: center;
}
#sub.sub.promotion_page .pro_sec5__logoList.mo{
  display: none;
}
#sub.sub.promotion_page .pro_sec5__listRow{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-content: center;
  gap: 24px;
  padding-inline: 156px;
}
#sub.sub.promotion_page .pro_sec5__listRow.row2{
  grid-template-columns: repeat(5, 1fr);
  margin-block: 28.8px;
  padding-inline: 0;
}
#sub.sub.promotion_page .promotion_sec6{
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img//promotion/promotion_bg4_pc.png);
}
#sub.sub.promotion_page .pro_sec6__text{
  font-weight: 700;
  letter-spacing: -0.02em;
  font-size: 4rem;
  line-height: 5.6rem;
  color: white;
  text-align: center;
}
#sub.sub.promotion_page .promotion_sec6 .pro_btn_black{
  margin-top: 80px;
}
#sub.sub.promotion_page .promotion_sec7{
  background-color: #1E1E24;
  color: #ACACAC;
  padding-block: 60px;
}
#sub.sub.promotion_page .promotion_sec7 > div{
  display: grid;
  justify-content: center;
}
#sub.sub.promotion_page .pro_sec7__badge{
  font-weight: 700;
  font-size: 2rem;
  border-radius: 300px;
  border: 1px solid #ACACAC;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18.9rem;
  height: 4.5rem;
}
#sub.sub.promotion_page .pro_sec7__list{
  margin-top: 16px;
  display: grid;
  gap: 8px;
  letter-spacing: -0.01em;
}
#sub.sub.promotion_page .pro_sec7__list li{
  line-height: 2.3rem;
  display: flex;
  gap: 8px;
  line-height: 2.3rem;
}

/* 퀴즈 인트로 */
#sub.sub.survey_page .survey_check_box{
  display: grid;
  gap: 16px;
}
#sub.sub.survey_page .chk_wrap label{
  font-size: 1.8rem;
  line-height: 2.6rem;
}
#sub.sub.survey_page .survey_content{
  padding-block: 120px;
}
#sub.sub.survey_page .survey_intro{
  text-align: center;
}
#sub.sub.survey_page .survey_intro__text{
  display: grid;
  gap: 24px;
}
#sub.sub.survey_page .survey_intro__img img{
  width: 100%;
}
#sub.sub.survey_page .survey_intro__title{
  font-weight: bold;
  color: #111;
  line-height: 7.5rem;
  font-size: 5.2rem;
  margin-top: 3.2rem;
}
 #sub.sub.survey_page .survey_intro__subTitle{
  border-top: 1px solid #D2D8DC;
  border-bottom:1px solid #D2D8DC;
  color: #111;
  padding-block: 20px;
  font-size: 2rem;
  line-height: 2.4rem;
}
#sub.sub.survey_page .survey_intro__desc{
  color: #555;
  line-height: 3.3rem;
  font-size: 2.4rem;
}
#sub.sub.survey_page .btn_survey_intro{
  background-color: #1761FE;
  color: white;
  border-radius: 100px;
  letter-spacing: -0.02em;
  height: 8rem;
  width: 52rem;
  font-size: 2.2rem;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  gap:10px;
  margin: 56px auto 0;
}
#sub.sub.survey_page .survey_content.survey{
  text-align: center;
}
#sub.sub.survey_page .survey_content_box{
  display: grid;
  gap: 60px;
}
#sub.sub.survey_page .survey_progress{
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 3.5rem;
}
#sub.sub.survey_page .survey_question{
  margin-top: 12px;
  font-size: 2.8rem;
  line-height: 4rem;
  letter-spacing: -0.02em;
  color: #111;
}
#sub.sub.survey_page .survey_answer_option {
  display: grid;
  gap: 16px;
}
#sub.sub.survey_page .survey_answer_option .survey_answer_optionItem > button{
  background-color: #F1F3F7;
  color: #111;
  border-radius: 46px;
  height: 8rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  font-size: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
#sub.sub.survey_page .survey_answer_option .survey_answer_optionItem > button.active{
  background-color: #DAF1FF;
  color: #1761FE;
}
#sub.sub.survey_page .survey .btn_survey_group{
  display: flex;
  gap: 8px;
  justify-content: center;
}
#sub.sub.survey_page .survey .btn_survey{
  width: 32rem;
  height: 8rem;
  border-radius: 100px;
  letter-spacing: -0.02em;
  font-weight: 600;
  font-size: 2.2rem;
}
#sub.sub.survey_page .survey .btn_survey.blue{
  background-color: #1761FE;
  color: white;
}
#sub.sub.survey_page .survey .btn_survey.white{
  background-color: transparent;
  border: 1px solid #1761FE;
  color: #1761FE;
}
#sub.sub.survey_page .survey_form_box{
  display: grid;
  gap: 20px;
}
#sub.sub.survey_page .survey_input{
  height: 6rem;
  border: 1px solid #E2E7EA;
  background-color: white;
  border-radius: 10px;
  padding-inline: 20px ;
}
#sub.sub.survey_page .survey_form_item{
  display: flex;
  gap: 21px;
  align-items: center;
}
#sub.sub.survey_page .survey_label{
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: #111;
  line-height: 2rem;
  min-width: 100px;
  text-align: left;
}
#sub.sub.survey_page .survey_check_box{
  padding-block: 28px;
  border-top: 1px solid #D2D8DC;
  margin-top: 40px;
  text-align: left;
}
#sub.sub.survey_page .survey_terms_desc{
  display: grid;
  gap: 8px;
  background-color: #F1F3F7;
  color: #555;
  padding: 28px;
  box-sizing: border-box;
  letter-spacing: -0.02em;
  line-height: 1.9rem;
  font-size: 1.6rem;
  border-radius: 16px;
  text-align: left;
}
#sub.sub.survey_page .survey_terms_desc li{
  position: relative;
  padding-left: 30px;
}
#sub.sub.survey_page .survey_terms_desc li::before{
  position: absolute;
  content: "";
  left: 15px;
  top: 6px;
  width: 4px;
  height: 4px;
  background-color: #555;
  border-radius: 9999px;
}
/* 설문지 결과 페이지 */
#sub.sub.survey_result_page .sec_wrap{
  padding-block: 100px 160px;
}
#sub.sub.survey_result_page .survey_result__content{
  display: grid;
  gap: 80px;
}
#sub.sub.survey_result_page .survey_result__banner_box{
  display: grid;
  gap: 28px;
}
#sub.sub.survey_result_page .survey_result__img{
  margin:0 auto;
  width: 84rem;
  height: 48.8rem;
}
#sub.sub.survey_result_page .survey_result__img img{
  width: 100%;
}
#sub.sub.survey_result_page .survey_result__text{
  text-align: center;
}
#sub.sub.survey_result_page .survey_result__sub_title{
  color: #555;
  font-size: 2.8rem;
  line-height: 4.1rem;
}
#sub.sub.survey_result_page .survey_result__title{
  color: #111;
  font-size: 4rem;
  line-height: 5.8rem;
  font-weight: bold;
  margin-top: 2.4rem;
}
#sub.sub.survey_result_page .survey_result__badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #00FFA2;
  color: #111;
  font-size: 2rem;
  font-weight: 600;
  padding-inline: 24px;
  width: max-content;
  height: 5.3rem;
  border-radius: 30px;
  margin-top: 16px;
}
#sub.sub.survey_result_page .survey_result__desc{
  color: #111;
  letter-spacing: -0.03em;
  font-size: 2rem;
  line-height: 3rem;
  margin-top: 16px;
}
#sub.sub.survey_result_page .survey_result__banner{
  border-radius: 30px;
  position: relative;
  overflow: hidden;
}
#sub.sub.survey_result_page .survey_result__banner.blue{
  background-color: #DAF1FF;
}
#sub.sub.survey_result_page .survey_result__banner.yellow{
  background-color: #FFEBBE;
}
#sub.sub.survey_result_page .survey_result__banner.purple{
  background-color: #D0D0FF;
}
#sub.sub.survey_result_page .survey_result__banner_content{
  position: relative;
  z-index: 9;
}
#sub.sub.survey_result_page .survey_result__banner_desc{
  letter-spacing: -0.03em;
  color: #434242;
  line-height: 2.8rem;
  mix-blend-mode: multiply;
  font-size: 1.8rem;
}
 #sub.sub.survey_result_page .survey_result__text{
  margin-top: 20px;
}
#sub.sub.survey_result_page .survey_result__banner_title{
  font-weight: 700;
  font-size: 2.8rem;
  line-height: 4rem;
  margin-top: 4px;
  letter-spacing: -0.02em;
}
#sub.sub.survey_result_page .survey_result__banner.blue .survey_result__banner_title{
  color: #242051;
}

#sub.sub.survey_result_page .survey_result__banner.yellow .survey_result__banner_title{
  color: #392A09;
}
#sub.sub.survey_result_page .survey_result__banner.purple .survey_result__banner_title{
  color: #3E3E66;
  mix-blend-mode: multiply;
}
#sub.sub.survey_result_page .survey_result__banner .survey_result__banner_btn{
  color: white;
  border-radius: 30px;
  width: max-content;
  height: 4.7rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-weight: 600;
  font-size: 1.6rem;
  margin-top: 3.2rem;
  padding-inline: 24px 20px;
}

#sub.sub.survey_result_page .survey_result__banner.blue .survey_result__banner_btn{
  background-color: #1153E0;
}
#sub.sub.survey_result_page .survey_result__banner.yellow .survey_result__banner_btn{
  background-color: #F3A701;
}
#sub.sub.survey_result_page .survey_result__banner.purple .survey_result__banner_btn{
  background-color: #6767FF;
}
#sub.sub.survey_result_page .survey_result__banner_badge{
  width: 8rem;
  height: 17.2rem;
  position: absolute;
  bottom: auto;
  top: 27px;
  right: 21px;
}
#sub.sub.survey_result_page .survey_result__banner_badge img{
  width: 100%;
}
#sub.sub.survey_result_page .survey_result__banner{
  padding:52px;
}
#sub.sub.survey_result_page .survey_result__banner.blue.dx{
  padding: 55px 52px;
}
#sub.sub.survey_result_page .survey_result__banner_img{
  text-align: center;
  position: absolute;
}
#sub.sub.survey_result_page .survey_result__banner.blue.dx .survey_result__banner_img{
  bottom: 0;
  right: 72px;
}
#sub.sub.survey_result_page .survey_result__banner.yellow.no_dx .survey_result__banner_img{
  bottom: 20px;
  right: -9px;
}
#sub.sub.survey_result_page .survey_result__banner.purple .survey_result__banner_img{
  bottom: auto;
  right: 16px;
  top: 36px;
}
#sub.sub.survey_result_page .survey_result__banner.blue .survey_result__banner_img{
  right: 19px;
  bottom: 0;
}
#sub.sub.survey_result_page .survey_result__banner.blue.no_dx{
  padding: 50px 52px;
}
#sub.sub.survey_result_page .survey_result__banner.yellow.dx{
  padding: 57px 52px 58px;
}
#sub.sub.survey_result_page .survey_result__banner.yellow .survey_result__banner_img{
  bottom: 0px;
  right: 0px;
}
#sub.sub.survey_result_page .survey_result__btn_group{
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  align-items: center;
  justify-content: center;
  margin-top: 5.2rem;
}
#sub.sub.survey_result_page .survey_result__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 2.2rem;
  font-weight: bold;
  letter-spacing: -0.02em;
  border-radius: 100px;
  height: 92px;
}
#sub.sub.survey_result_page .survey_result__btn.contact{
  background-color: #1761FE;
  color: white;
}
#sub.sub.survey_result_page .survey_result__btn.download{
  border: 1px solid #1761FE;
  color: #1761FE;
}

#sub.sub.promotion_page .promotion_sec1 .bg{
    background-image: url(../img/promotion/promotion_sec1_bg_pc.png);
    height: 478px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }

/* 공지사항 / FAQ / 블로그 검색창 공용 */
.cs_search_box{
  display: flex;
  justify-content: center;
}
.cs_search{
  display:flex;
  align-items: center;
  justify-content: space-between;
  max-width: 520px;
  width: 100%;
  height: 4.8rem;
  border-bottom: 2px solid #555;
}
.cs_search input{
  border: none;
  font-size: 2rem;
  letter-spacing: -0.025em;
  line-height: 2rem;
  outline: none;
}
.cs_search input::placeholder{
  color: #888;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: -0.025em;
}

/* FAQ / 블로그 탭버튼 공용 */
#sub .cs_tab{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  overflow: auto;
  scrollbar-width: none;
}
#sub .cs_tab li > button{
  height: 60px;
  font-size: 1.6rem;
  font-weight: 600;
  color: #111;
  border: 1px solid #D2D8DC;
  border-right: none;
  width: 100%;
}
#sub .cs_tab li:last-child > button{
  border-right: 1px solid #D2D8DC;
}
#sub .cs_tab li > button.active{
  background: linear-gradient(180deg, #4166F9 0%, #1542F8 100%);
  color: white;
  border-color: transparent;
}

/* 블로그 탭버튼 */
#sub .cs_tab.cs_tab_blog{
  grid-template-columns: repeat(5, 1fr);
}

/* 공지사항 / FAQ / 블로그 말줄임표 css 공용 */
.textline2{
  display: -webkit-box;
  -webkit-line-clamp: 2;   /* 표시할 줄 수 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.textline3{
  display: -webkit-box;
  -webkit-line-clamp: 3;   /* 표시할 줄 수 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}

#sub .cs_no_data{
  font-size: 2rem;
  color: #555;
  line-height: 2.6rem;
  padding-block: 160px 200px;
  text-align: center;
}

/* 블로그 리스트 페이지*/
#sub.blog_idx .cs_search{
  margin-block:106px;
}
#sub.blog_idx .cs_tab_box{
  margin-top:100px;
  display:block; 
  width:100%;
}
#sub.blog_idx .cs_tab.cs_tab_blog{
  width:100%; 
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

#sub.blog_idx .blog_list{
  max-width: 960px;
  margin: 0 auto;
}
#sub.blog_idx .blog_list > ul {
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}
#sub.blog_idx .blog_list li{
  max-width: 466px;
}
#sub.blog_idx .blog_list__img{
  height: 264px;
  border-radius: 30px;
  background-color: #F4F4F4;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
#sub.blog_idx .blog_list__text{
  margin-top: 20px;
}
#sub.blog_idx .blog_list__title{
  margin-block: 8px;
  font-weight: 700;
  font-size: 2rem;
  letter-spacing: -0.04em;
  line-height: 2.8rem;
}
#sub.blog_idx .blog_list__date{
  color: #555;
  font-size: 1.4rem;
  letter-spacing: -0.04em;
  line-height: 2rem;
}
#sub.blog_idx .blogNumBox {
  border: 1px solid red;
}
#sub .blog__badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  letter-spacing: -0.04em;
  font-weight: 600;
  border-radius: 30px;
  color: white;
  padding-inline: 10px;
  height: 28px;
}
#sub .blog__badge.sm{
  height: 25px;
  font-size: 1.2rem;
}
#sub .blog__badge.blue{
  background-color: #587AFB;
}
#sub .blog__badge.green{
  background-color: #00E08D;
}
#sub .blog__badge.gray{
  background-color: #8E9AA3;
}
#sub .blog__badge.yellow{
  background-color: #FFB700;
}

/* 블로그 페이지네이션 */
.blogPaginationArea {
  margin-top: 52px !important;
  margin-bottom: 100px;
}

/* 블로그 상세페이지 */
#sub.blog_view .view{
  padding-block: 100px;
}
#sub.blog_view .blog_view__title{
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.6rem;
  color:#111;
}
#sub.blog_view .blog_view__date{
  font-size: 1.4rem;
  line-height: 1.7rem;
  color: #555;
}
#sub.blog_view .blog_view_head{
  display:flex;
  justify-content: space-between;
  align-items: center;
  padding-block: 15px;
}
#sub.blog_view .blog_view_head__left{
  display: flex;
  gap: 12px;
}
#sub.blog_view .blog_view_body{
  padding-block: 28px;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
  font-size: 1.6rem;
  color: #111;
  letter-spacing: -0.02em;
  line-height: 2.8rem;
}
#sub.blog_view .btn_set{
  margin-top: 28px;
  display: flex;
  justify-content: center;
}

/* 25.12.09 FDA 데모 페이지 */
.mx1340{
  max-width: 1340px;
  width: 100%;
  margin: 0 auto;
}

.mx1280{
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}

.mx760{
  max-width: 760px;
  width: 100%;
  margin: 0 auto;
}

#sub.sub.fdaDemo_page {
  background: #ECF2F6;
}

#sub.sub.fdaDemo_page .pro_laptop_br{
  display:none;
}
#sub.sub.fdaDemo_page .pro_tablet_br{
  display:none;
}
#sub.sub.fdaDemo_page .pro_mobile_br{
  display:none;
}
#sub.sub.fdaDemo_page .pro_pc_br{
  display:block;
}
#sub.sub.fdaDemo_page .pro_img_laptop{
  display:none;
}
#sub.sub.fdaDemo_page .pro_img_tablet{
  display:none;
}
#sub.sub.fdaDemo_page .pro_img_mo{
  display:none;
}
#sub.sub.fdaDemo_page .pro_img_pc{
  display:block;
}
#sub.sub.fdaDemo_page section.promotion_sec1{
  background: #ECF2F6;
  height: 83rem;

  position: relative;
}

#sub.sub.fdaDemo_page section.promotion_sec1 .pro_sec1_title_wrapper {
  height: 100%;
  display: flex;

  position: relative;
  z-index: 99;
}

#sub.sub.fdaDemo_page section.promotion_sec1 .pro_sec1_copy_area{
  display: flex;
  gap: 4.8rem;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

#sub.sub.fdaDemo_page section.promotion_sec1 .pro_sec1_copy_area .pro_sec1_copy_text{
  display: flex;
  gap: 2.8rem;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

#sub.sub.fdaDemo_page section.promotion_sec1 .pro_sec1_copy_area .pro_sec1_title{
  color: #111;
  font-family: "Noto Sans KR";
  font-size: 6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 7.8rem;
}

#sub.sub.fdaDemo_page section.promotion_sec1 .pro_sec1_copy_area .pro_sec1_title span{
  color: #1761FE;
}

#sub.sub.fdaDemo_page section.promotion_sec1 .pro_sec1_copy_area .pro_sec1_desc {
  width: 100%;
  color: #555;
  text-align: left;
  font-family: "Noto Sans KR";
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 3rem; /* 125% */
  letter-spacing: -0.048rem;
}

#sub.sub.fdaDemo_page section.promotion_sec1 .pro_sec1_copy_area .pro_sec1_btn_area{
  width: 100%;
  text-align: left;
}

#sub.sub.fdaDemo_page section.promotion_sec1 .pro_sec1_copy_area .pro_sec1_btn_area button{
  width: 35.6rem;
  height: 7.6rem;
  padding: 1.2rem 1.6rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 5rem;
  background: #00E08D;
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.10);

  color: #FFF;

  text-shadow: 0 0 8px #01A86A;
  font-family: "Noto Sans KR";
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.04rem;

  position: relative;
  z-index: 10000000;
}

#sub.sub.fdaDemo_page section.promotion_sec1 .pro_sec1_tablet_wrapper{
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

#sub.sub.fdaDemo_page section.promotion_sec1 .pro_sec1_tablet_wrapper .pro_sec1_tablet_free{
  width: 13.8rem;
  height: 13.8rem;

  position: absolute;
  z-index: 98;
  top: 18%;
  right: -9%;
}

#sub.sub.fdaDemo_page section.promotion_sec1 .pro_sec1_tablet_area{
  width: 58.5rem;
  height: 38.7rem;
  border-radius: 2.4rem;
  border: 10px solid #111;
  position: absolute;
  right: 0;
  filter: drop-shadow(7px 12px 35px #A7B2B9);

  overflow: hidden;
  transform: translateZ(0);
  backface-visibility: hidden;
}

#sub.sub.fdaDemo_page section.promotion_sec1 .pro_sec1_tablet_area .pro_sec1_tablet_header {
  width: 100%;
  background: #1761FE;
  position: absolute;
  z-index: 1000;
  padding: 1.3rem 49.1rem 1.18rem 1rem;
  transform: translateZ(0);
}

#sub.sub.fdaDemo_page section.promotion_sec1 .pro_sec1_tablet_area .pro_sec1_tablet_body {
  width: 100%;
  height: 100%;
  background: #fff;
}

#sub.sub.fdaDemo_page section.promotion_sec1 .pro_sec1_tablet_area .pro_sec1_tablet_body img.document
{
  position: absolute;
  top: 0;
  left: -7.5%;
  width: 115%;

}

#sub.sub.fdaDemo_page section.promotion_sec1 .pro_sec1_tablet_area .pro_sec1_tablet_body img.document.animation {
  animation: slideUp 1s ease-out forwards;
  top: 0;
}

#sub.sub.fdaDemo_page section.promotion_sec1 .pro_sec1_tablet_area .pro_sec1_tablet_body img.stamp
{
  position: absolute;
  z-index: 1001;
  top: 55%;
  left: 47%;
  opacity: 0;

  animation: none;
}

#sub.sub.fdaDemo_page section.promotion_sec1 .pro_sec1_tablet_area .pro_sec1_tablet_body img.stamp.animation {
  animation: stampDown 2s ease-out forwards;
  opacity: 0;
}

#sub.sub.fdaDemo_page section.promotion_sec1 .pro_sec1_tablet_area .pro_sec1_tablet_bottom {
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 1.7rem 36.3rem 1.7rem 2.5rem;
}

@keyframes slideUp {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-170px);
  }
}

@keyframes stampDown {
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

#sub.sub.fdaDemo_page section.promotion_sec1 .pro_sec1_background_line_area {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 97;
}

#sub.sub.fdaDemo_page section.promotion_sec1 .pro_sec1_background_line_wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

#sub.sub.fdaDemo_page section.promotion_sec1 .pro_sec1_background_line_wrapper img:nth-child(1){
  position: absolute;
  top: -5rem;
  left: -10rem;

  width: 45rem;
}

#sub.sub.fdaDemo_page section.promotion_sec1 .pro_sec1_background_line_wrapper img:nth-child(2){
  position: absolute;
  top: 0;
  right: -10rem;

  width: 60rem;
}

#sub.sub.fdaDemo_page section.promotion_sec1 .pro_sec1_background_line_wrapper img:nth-child(3){
  position: absolute;
  bottom: 0;
  left: 0;

  width: 37rem;
}

#sub.sub.fdaDemo_page section.promotion_sec1 .pro_sec1_background_line_wrapper img:nth-child(4){
  position: absolute;
  bottom: 0;
  right: 0;

  width: 40rem;
}

#sub.sub.fdaDemo_page section.promotion_sec1 .pro_sec1_background_line_wrapper img:nth-child(4){
  position: absolute;
  bottom: 0;
  right: 0;
}

#sub.sub.fdaDemo_page section.promotion_sec1 .pro_sec1_background_line_wrapper img:nth-child(5){
  position: absolute;
  display: none;
}

#sub.sub.fdaDemo_page section.promotion_sec2{
  width: 100%;
  background: #1761FE;
  display: flex;
}
#sub.sub.fdaDemo_page section.promotion_sec2 .pro_sec2_title_wrapper {
  margin: 0 auto;
  margin-top: 14rem;
  margin-bottom: 6rem;
  height: 310px;
  text-align: center;

  border-radius: 1.25rem;
  opacity: 0.92;
  background: #FFF;
  box-shadow: 12px 12px 16px 0 rgba(36, 73, 101, 0.35);
}

#sub.sub.fdaDemo_page section.promotion_sec2 .pro_sec2_area_wrapper{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  align-self: stretch;

  padding-top: 7.5rem;
  padding-bottom: 7.5rem;

  position: relative;
}

#sub.sub.fdaDemo_page section.promotion_sec2 .pro_sec2_title_wrapper .pro_sec2_title {
  font-family: "Noto Sans KR";
  font-size: 3.6rem;
  color: #111;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.072rem;
}

#sub.sub.fdaDemo_page section.promotion_sec2 .pro_sec2_title_wrapper .pro_sec2_title span{
  color: #1761FE;
}

#sub.sub.fdaDemo_page section.promotion_sec2 .pro_sec2_title_wrapper .pro_sec2_desc {
  color: #111;
  text-align: center;
  font-family: "Noto Sans KR";
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height:3rem; /* 150% */
  letter-spacing: -0.04rem;
}

#sub.sub.fdaDemo_page section.promotion_sec2 .pro_sec2_title_wrapper .pro_sec2_stamp_logo {
  position: absolute;
  z-index: -10;
  right: 0.7rem;
  top: 1.6rem;
}

#sub.sub.fdaDemo_page section.promotion_sec2 .pro_sec2_title_wrapper .pro_sec2_stamp_logo img {
  width: 27rem;
}

#sub.sub.fdaDemo_page section.promotion_sec3 {
  width: 100%;
  background: #1761FE;
  display: flex;
  position: relative;
  padding-top: 6rem;
  padding-bottom: 14rem;
}

#sub.sub.fdaDemo_page section.promotion_sec3 .pro_sec3_wrapper {
  color: #333;

  display: flex;
  flex-direction: column;
  row-gap: 4.8rem;

  z-index: 100;

  justify-content: center;
}

#sub.sub.fdaDemo_page section.promotion_sec3 .pro_sec3_wrapper .pro_sec3_title {
  color: #FFF;
  text-align: center;
  font-family: "Noto Sans KR";
  font-size: 3.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 50.4px */
  letter-spacing: -0.072rem;
  gap: 4.25rem;
}

#sub.sub.fdaDemo_page section.promotion_sec3 .pro_sec3_wrapper .pro_sec3_title span {
  color: #22FFAD;
}

#sub.sub.fdaDemo_page section.promotion_sec3 .pro_sec3_wrapper .pro_sec3_grid_wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 2rem;
}

#sub.sub.fdaDemo_page section.promotion_sec3 .pro_sec3_wrapper .pro_sec3_grid_wrapper .pro_sec3_grid_contents {
  padding: 3rem;
  border-radius: 2rem;
  border: 1px solid #F1F1F1;
  display: flex;
  row-gap: 0.8rem;
  align-items : center;

  background-color: #FFF;
  box-shadow: 12px 12px 16px 0 rgba(36, 73, 101, 0.35);
}

#sub.sub.fdaDemo_page section.promotion_sec3 .pro_sec3_wrapper .pro_sec3_grid_contents .pro_sec3_grid_image_frame {
  width: 12rem;
  height: 12rem;
  text-align: center;
  border-radius: 100px;
  border: 4px solid #1761FE;

  display: flex;
  align-items: center;
  justify-content: center;
}

#sub.sub.fdaDemo_page section.promotion_sec3 .pro_sec3_wrapper .pro_sec3_grid_contents:nth-child(1) .pro_sec3_grid_image_frame img{
  width: 5.55rem;
  height: 5.58rem;
}

#sub.sub.fdaDemo_page section.promotion_sec3 .pro_sec3_wrapper .pro_sec3_grid_contents:nth-child(2) .pro_sec3_grid_image_frame img{
  width: 6.72rem;
  height: 5.88rem;
}

#sub.sub.fdaDemo_page section.promotion_sec3 .pro_sec3_wrapper .pro_sec3_grid_contents:nth-child(3) .pro_sec3_grid_image_frame img{
  width: 4.34rem;
  height: 5.58rem;
}

#sub.sub.fdaDemo_page section.promotion_sec3 .pro_sec3_wrapper .pro_sec3_grid_contents:nth-child(4) .pro_sec3_grid_image_frame img{
  width: 4.58rem;
  height: 5.5rem;
}

#sub.sub.fdaDemo_page section.promotion_sec3 .pro_sec3_wrapper .pro_sec3_grid_contents .pro_sec3_grid_content_wrap {
  padding: 2rem;
  display: flex;
  flex-direction: column;
  text-align: left;
  gap: 0.4rem;
}

#sub.sub.fdaDemo_page section.promotion_sec3 .pro_sec3_wrapper .pro_sec3_grid_content_wrap .pro_sec3_grid_content_title {
  color: #111;
  font-family: "Noto Sans KR";
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.048rem;
}

#sub.sub.fdaDemo_page section.promotion_sec3 .pro_sec3_wrapper .pro_sec3_grid_content_wrap .pro_sec3_grid_content_desc {
  color: #555;

  font-family: "Noto Sans KR";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem; /* 150% */
  letter-spacing: -0.032rem;
}

#sub.sub.fdaDemo_page section.promotion_sec4{
  width: 100%;
  background: #ECF2F6;

  display: flex;
  justify-content: center;

  position: relative;
  z-index: 1000;
}

#sub.sub.fdaDemo_page section.promotion_sec4 .pro_sec4_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 14rem 0;
  gap: 4.8rem;
}

#sub.sub.fdaDemo_page section.promotion_sec4 .pro_sec4_wrapper .pro_sec4_title{
  text-align: center;
  font-family: "Noto Sans KR";
  font-size: 3.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.072rem;
  color: #111;
}

#sub.sub.fdaDemo_page section.promotion_sec4 .pro_sec4_wrapper .pro_sec4_title span{
  color: #1761FE;
}

#sub.sub.fdaDemo_page section.promotion_sec4 .pro_sec4_wrapper .pro_sec4_contents_wrapper {
  display: flex;
  gap: 24px;
  width: 100%;
}

#sub.sub.fdaDemo_page section.promotion_sec4 .pro_sec4_wrapper .pro_sec4_contents_wrapper .pro_sec4_content {
  display: flex;
  gap: 3.2rem;
  height: 42rem;
  padding: 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 2rem;
  background: #FFF;
  box-shadow: 7px 7px 16px 0 rgba(109, 148, 178, 0.11);

  flex: 1 0 0;
}

#sub.sub.fdaDemo_page section.promotion_sec4 .pro_sec4_wrapper .pro_sec4_content .pro_sec4_content_image{
  width: 20rem;
  height: 20rem;
  max-width: 20rem;
  max-width: 20rem;
  padding: 0.64rem;

  border-radius: 24rem;
  background: #ECF2F6;

  display: flex;
  align-items: center;
  justify-content: center;
}

#sub.sub.fdaDemo_page section.promotion_sec4 .pro_sec4_wrapper .pro_sec4_content_text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.2rem;
  align-self: stretch;
}

#sub.sub.fdaDemo_page section.promotion_sec4 .pro_sec4_wrapper .pro_sec4_content_title {
  color: #111;
  text-align: center;
  font-family: "Noto Sans KR";
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.048rem;
}

#sub.sub.fdaDemo_page section.promotion_sec4 .pro_sec4_wrapper .pro_sec4_content_desc {
  color: #555;
  font-family: "Noto Sans KR";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.032rem;
}

#sub.sub.fdaDemo_page section.promotion_sec4 .pro_sec4_background_line_area {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index:-100;
}

#sub.sub.fdaDemo_page section.promotion_sec4 .pro_sec4_background_line_wrapper img{
  position: relative;
  z-index: -10;
}

#sub.sub.fdaDemo_page section.promotion_sec4 .pro_sec4_background_line_wrapper img:nth-child(1){
  position: absolute;
  top: 0;
  left: 0;
}

#sub.sub.fdaDemo_page section.promotion_sec4 .pro_sec4_background_line_wrapper img:nth-child(2){
  position: absolute;
  top: calc(100% - 372px);
  left: 0;
}

#sub.sub.fdaDemo_page section.promotion_sec4 .pro_sec4_background_line_wrapper img:nth-child(3){
  position: absolute;
  top: calc(100% - 372px);
  right: 0;
}

#sub.sub.fdaDemo_page section.promotion_sec4 .pro_sec4_background_line_wrapper img:nth-child(4){
  display: none;
}

#sub.sub.fdaDemo_page section.promotion_sec5 .pro_sec5_application_form #turnstile-box {
  width: 100%;
}

#sub.sub.fdaDemo_page section.promotion_sec5{
  width: 100%;
  background: #FFF;
  position: relative;

  padding : 12rem 0;
}

#sub.sub.fdaDemo_page section.promotion_sec5 .pro_sec5_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4.8rem;
}

#sub.sub.fdaDemo_page section.promotion_sec5 .pro_sec5_title {
  color: #000;
  font-family: "Noto Sans KR";
  font-size: 3.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.045rem;
}

#sub.sub.fdaDemo_page section.promotion_sec5 .pro_sec5_title span {
  color: #1761FE;
}

#sub.sub.fdaDemo_page section.promotion_sec5 .pro_sec5_application_form {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.2rem;
  align-self: stretch;
}

#sub.sub.fdaDemo_page section.promotion_sec5 .pro_sec5_application_form .pro_sec5_application_input_area
{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.8rem;
  align-self: stretch;
}

#sub.sub.fdaDemo_page section.promotion_sec5 .pro_sec5_application_input_area .pro_sec5_application_form_block {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.9rem;
  align-self: stretch;
}

#sub.sub.fdaDemo_page section.promotion_sec5 .pro_sec5_application_input_area .pro_sec5_application_form_block p{
  color: #111;
  font-family: "Noto Sans KR";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.0175rem;
  position: relative;
}

#sub.sub.fdaDemo_page section.promotion_sec5 .pro_sec5_application_input_area .pro_sec5_application_form_block p.dot:after{
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border: 1px solid #1761FE;
  border-radius: 5px;
  background-color: #1761FE;
  position: absolute;
  margin: 4px;
}

#sub.sub.fdaDemo_page section.promotion_sec5 .pro_sec5_application_form_block input.pro_sec5_application_form_input {
  width: 100%;
  height: 5rem;
  padding: 1.2rem 1.5rem;
  align-items: center;
  border-radius: 1rem;
  border: 1px solid #E2E7EA;
  transition: all 0.4s ease;
  outline: none;

  font-family: "Noto Sans KR";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.028rem;
}

#sub.sub.fdaDemo_page section.promotion_sec5 .pro_sec5_application_form_block textarea.pro_sec5_application_form_input {
  width: 100%;
  height: 18rem;
  padding: 1.2rem 1.5rem;
  border-radius: 1rem;
  border: 1px solid #E2E7EA;
  transition: all 0.4s ease;
  outline: none;
  resize: none;

  font-family: "Noto Sans KR";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.028rem;
}

#sub.sub.fdaDemo_page section.promotion_sec5 .pro_sec5_application_form_block input.pro_sec5_application_form_input::placeholder,
#sub.sub.fdaDemo_page section.promotion_sec5 .pro_sec5_application_form_block textarea.pro_sec5_application_form_input::placeholder{
  color: #969DA1;
}

#sub.sub.fdaDemo_page section.promotion_sec5 .pro_sec5_application_form_block input.pro_sec5_application_form_input:focus,
#sub.sub.fdaDemo_page section.promotion_sec5 .pro_sec5_application_form_block input.pro_sec5_application_form_input:active,
#sub.sub.fdaDemo_page section.promotion_sec5 .pro_sec5_application_form_block textarea.pro_sec5_application_form_input:focus,
#sub.sub.fdaDemo_page section.promotion_sec5 .pro_sec5_application_form_block textarea.pro_sec5_application_form_input:active {
  border: 1px solid #1661fd;
  box-shadow: 0 0 10px 0 rgba(22, 97, 253, 0.22);
}

#sub.sub.fdaDemo_page section.promotion_sec5 .pro_sec5_application_checkbox_area {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.8rem;
}

#sub.sub.fdaDemo_page section.promotion_sec5 .pro_sec5_application_checkbox_area .pro_sec5_application_checkbox_block {
  display: flex;
  width: 100%;
  gap: 0.5rem;
}

#sub.sub.fdaDemo_page section.promotion_sec5 .pro_sec5_application_checkbox_area .pro_sec5_application_checkbox_block label{
  color: #111;

  font-family: "Noto Sans KR";
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.026rem;
}

#sub.sub.fdaDemo_page section.promotion_sec5 .pro_sec5_application_checkbox_area .pro_sec5_application_checkbox_block a {
  color: #6B6B6B;

  font-family: "Noto Sans KR";
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.026rem;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

#sub.sub.fdaDemo_page section.promotion_sec5 .pro_sec5_wrapper .pro_sec5_btn_area {
  width: 100%;
  text-align: center;
}

#sub.sub.fdaDemo_page section.promotion_sec5 .pro_sec5_wrapper .pro_sec5_btn_area button{
  width: 35.6rem;
  height: 7.6rem;
  padding: 1.2rem 1.6rem;

  border-radius: 5rem;
  background: #00E08D;
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.10);

  color: #FFF;
  text-shadow: 0 0 8px #01A86A;
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.04rem;
}

#sub.sub.fdaDemo_page .promotion_sec6{
  background-color: #1E1E24;
  color: #ACACAC;
  padding-block: 60px;
}
#sub.sub.fdaDemo_page .promotion_sec6 > div{
  display: grid;
  justify-content: center;
}
#sub.sub.fdaDemo_page .pro_sec6__badge{
  font-weight: 700;
  font-size: 1.6rem;
  border-radius: 300px;
  border: 1px solid #ACACAC;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16rem;
  height: 3.4rem;
}
#sub.sub.fdaDemo_page .pro_sec6__list{
  margin-top: 16px;
  display: grid;
  gap: 8px;
  letter-spacing: -0.01em;
}

#sub.sub.fdaDemo_page .pro_sec6__list li{
  line-height: 2.3rem;
  display: flex;
  gap: 8px;
  line-height: 2.3rem;
}

#sub.cs_center.blog_idx .promotion-event-img-banner_wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 60px;
}

#sub.cs_center.blog_idx .promotion-event-img-banner_wrapper + .blog_area .cs_tab_box {
  margin-top: 0;
}

#sub.cs_center.blog_idx .promotion-event-img-banner {
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 100px auto 0;
  box-sizing: border-box;
  text-align: center;
}

#sub.cs_center.blog_idx .promotion-event-img-banner picture {
  display: block;
  width: 100%;
}

#sub.cs_center.blog_idx .promotion-event-img-banner img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

#sub.cs_center.blog_view .promotion-event-img-banner_wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 72px;
}

#sub.cs_center.blog_view .promotion-event-img-banner_wrapper + .bbs .view {
  padding-top: 0;
}

#sub.cs_center.blog_view .promotion-event-img-banner {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 100px auto 0;
  box-sizing: border-box;
  text-align: center;
}

#sub.cs_center.blog_view .promotion-event-img-banner picture {
  display: block;
  width: 100%;
}

#sub.cs_center.blog_view .promotion-event-img-banner img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

#sub.madeSign.promtionActive{
  padding-top: 170px;
}

#sub.madeSign .promotion-event-img-banner_wrapper{
  width: 100%;
  max-width: 792px;
  margin: 0 auto 56px;
  position: relative;
  z-index: 99;
}


#sub.madeSign .promotion-event-img-banner{
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

#sub.madeSign .promotion-event-img-banner picture,
#sub.madeSign .promotion-event-img-banner img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}