:root {
  --color-dom: #284059; 
}
body {
  /* cursor: url('./cursor.svg') 30 30 , default; */
  cursor: none;
  overflow: overlay;
  height: auto;
}
body.hidden {scrollbar-width: 0; overflow: hidden;}
br{display: block;}
br.br-p {display: block;} 
br.br-m {display: none;}
br.br-t {display: none;}
/* 스크린리더 텍스트 읽기 */
caption > div, legend, .hide, .sr-only {overflow: hidden;  position:absolute; width: 1px; height: 1px; padding: 0; margin: -1px;  border: 0;  clip: rect(1px, 1px, 1px, 1px); display:block !important; }

/* CURSOR */
.cursor {
  pointer-events: none;
  position: fixed;
  display: block;
  border-radius: 0;
  transform-origin: center center;
  top: 0;
  left: 0;
  filter: url("#goo");
  z-index: 1000;
  /* mix-blend-mode: darken; */
}

.cursor span {
  position: absolute;
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 20px;
  background-color: #cce8ffb3;
  transform-origin: center center;
  transform: translate(-50%, -50%);
}
.cursor-pointer {cursor: url(../img/cursor.png) 12 12, pointer;}


@keyframes animate { 
  0% { transform: rotate(0deg); } 
  0% { transform: rotate(360deg); } 
}

@keyframes rotateInfinite { 
  0% { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 
  100% { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } 
}

@keyframes ani-upDown { 
  0% { transform: translate(-50%, -50%);} 
  100% { transform: translate(-50%, -65%); } 
}

/* SCROLL */
::-webkit-scrollbar{ width:10px; height:10px; background-color:#e5e5e5;}
::-webkit-scrollbar-thumb{background:#484848;}
/* :focus{outline:none;box-shadow:0 0 0 2px #000;} */
::selection{background:#ddd;}

/* FLOAT 제어 */
.clear {clear:both;}
.clear:after { content:""; display:block; clear:both;}

/* TEXT - 말줄임 */
.els {-webkit-line-clamp: 1; /* 1줄 */ width: 100%;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;}
.els-02 {-webkit-line-clamp: 2; /* 2줄 */ width: 100%;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;}
.els-03 {-webkit-line-clamp: 3; /* 3줄 */ width: 100%;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;}

/* IMG */
.img-wrap {width: 100%;}
.img {position: relative; width: 100%; height: 0; padding-top: 100% background: no-repeat center / cover;}
.img__txt {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/*main SoundOn/Off*/
.sound.Off {width: 47px; height: 47px;}
.sound.On {width: 47px; height: 47px; display: none;}


/* ICO-CUSTOM::S */
i {display: inline-block; position: relative;  background-repeat: no-repeat; background-position: center; background-size: cover;}
.ico_00 {background-image: url(../img/ico/ico_exe_know.svg); width: 33px; height: 33px;}
.ico_prev {background-image: url(../img/ico/ico_prev.svg); width: 40px; height: 40px; background-size: 10px;}
.ico_next {background-image: url(../img/ico/ico_next.svg); width: 40px; height: 40px; background-size: 10px;}
.ico_top {background-image: url(../img/common/top_btn.png); width: 70px; height: 70px;}
.ico_view_product {background-image: url(../img/common/view_product.svg); width: 22px; height: 16px; margin-bottom: 2px;}
.ico_consulting {background-image: url(../img/common/consulting.svg); width: 26px; height: 16px; margin-bottom: 2px;}
.ico_search {background-image: url(../img/ico/ico_search.svg); width: 40px; height: 40px; background-size: 21px;}
.ico_cancel {background-image: url(../img/ico/ico_cancel.svg); width: 46px; height: 46px; background-size: 26px;}
.ico_cancelk_color {background-image: url(../img/ico/ico_cancelk_color.svg); width: 46px; height: 46px; background-size: 26px;}

.ico_gnb_all {background-image: url(../img/ico/ico_gnb_all.svg); width: 46px; height: 46px; background-size: 20px;}
.ico_gnb_all:hover {background-image: url(../img/ico/ico_gnb_all_active.svg);}

.ico_list_card-11_01 {background-image: url(../img/ico/ico_list_card-11_01.svg); width: 36px; height: 36px;}
.ico_list_card-11_02 {background-image: url(../img/ico/ico_list_card-11_02.svg); width: 36px; height: 36px;}
.ico_list_card-11_03 {background-image: url(../img/ico/ico_list_card-11_03.svg); width: 36px; height: 36px;}

.ico_list_card_18_01 {background-image: url(../img/ico/ico_list_card_18_01.svg); width: 95px; height: 34px;}
.ico_list_card_18_02 {background-image: url(../img/ico/ico_list_card_18_02.svg); width: 61px; height: 62px;}
.ico_list_card_18_03 {background-image: url(../img/ico/ico_list_card_18_03.svg); width: 51px; height: 63px;}
.ico_list_card_18_04 {background-image: url(../img/ico/ico_list_card_18_04.svg); width: 68px; height: 58px;}
.ico_list_card_18_05 {background-image: url(../img/ico/ico_list_card_18_05.svg); width: 51px; height: 66px;}

.ico_list_01 {background-image: url(../img/ico/ico_list_01.svg); width: 54px; height: 54px;}
.ico_list_02 {background-image: url(../img/ico/ico_list_02.svg); width: 54px; height: 54px;}
.ico_list_03 {background-image: url(../img/ico/ico_list_03.svg); width: 54px; height: 54px;}
.ico_list_04 {background-image: url(../img/ico/ico_list_04.svg); width: 54px; height: 54px;}
.ico_list_05 {background-image: url(../img/ico/ico_list_05.svg); width: 54px; height: 54px;}
.ico_list_06 {background-image: url(../img/ico/ico_list_06.svg); width: 54px; height: 54px;}
.ico_list_07 {background-image: url(../img/ico/ico_list_07.svg); width: 54px; height: 54px;}
.ico_list_08 {background-image: url(../img/ico/ico_list_08.svg); width: 54px; height: 54px;}
.ico_list_09 {background-image: url(../img/ico/ico_list_09.svg); width: 54px; height: 54px;}

.list_card_08_01 {background-image: url(../img/ico/ico_list_08_01.svg); width: 125px; height: 95px;}
.list_card_08_02 {background-image: url(../img/ico/ico_list_08_02.svg); width: 38px; height: 79px;}
.list_card_08_03 {background-image: url(../img/ico/ico_list_08_03.svg); width: 86px; height: 62px;}
.list_card_08_04 {background-image: url(../img/ico/ico_list_08_04.svg); width: 99px; height: 58px;}
.list_card_08_05 {background-image: url(../img/ico/ico_list_08_05.svg); width: 88px; height: 87px;}
.list_card_08_06 {background-image: url(../img/ico/ico_list_08_06.svg); width: 120px; height: 80px; background-repeat: no-repeat; background-size: cover;}

.ico_mark_01 {background-image: url(../img/ico/ico_mark_01.svg); width: 20px; height: 20px;}
.ico_mark_02 {background-image: url(../img/ico/ico_mark_02.svg); width: 20px; height: 20px;}
.ico_mark_03 {background-image: url(../img/ico/ico_mark_03.svg); width: 20px; height: 20px;}

.ico_file {background-image: url(../img/ico/ico-file.svg); width: 20px; height: 20px;}
.ico_wifi {background-image: url(../img/ico/ico_wifi.svg); width: 50px; height: 50px;}
.ico_system {background-image: url(../img/ico/ico_system.svg); width: 50px; height: 50px;}
.ico_map {background-image: url(../img/ico/ico_map.svg); width: 24px; height: 24px;}
.ico_logo_purple {background-image: url(../img/ico/ico_logo_purple.svg); width: 135px; height: 24px;}

.ico_sec {background-image: url(../img/ico/ico_sec.svg); width: 40px; height: 40px;}
.ico_popup {background-image: url(../img/ico/ico_popup.svg); width: 19px; height: 19px;}
.ico_popup_x {background-image: url(../img/ico/ico_popup_x.svg); width: 19px; height: 19px;}


.ani-rotate {max-width: 188px; position: relative;}
.ani-rotate::before {content: ""; animation: ani-upDown 1.5s linear infinite alternate; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url(../img/ani_rotate_arow.svg) no-repeat center /cover;  width: 72px; height: 72px;}
.ani-rotate img{width: 100%; animation: rotateInfinite 10s linear  infinite;}


/* ico-ani__hambur */
.ico-ani__hambur {display: block; width: 22px;height: 16.23px;}
.ico-ani__hambur span {border-radius: 10px; position: absolute;height: 2px; background-color: var(--color-dom);width: 100%; transition: 0.35s;}
.ico-ani__hambur span:nth-child(1) {top: 0;}
.ico-ani__hambur span:nth-child(2) {top: 50%;}
.ico-ani__hambur span:nth-child(3) {top: 100%;}
.ico_detect.active .ico-ani__hambur {transition: .45s;}
.ico_detect.active .ico-ani__hambur span:nth-child(1) {top: 50%;transform: rotate(45deg);}
.ico_detect.active .ico-ani__hambur span:nth-child(2) {opacity: 0;}
.ico_detect.active .ico-ani__hambur span:nth-child(3) {top: 50%;transform: rotate(-45deg);}

/* ico-ani__toggle */
.ico-ani__toggle {width: 40px;height: 40px; display: flex;align-items: center;justify-content: center;} 
.ico-ani__toggle::before, 
.ico-ani__toggle::after { content: ''; width: 10px; height: 2px; background-color: #4D525F; position: absolute; top: 50%;  transition: .5s; transform: translateY(-50%);} 
.ico-ani__toggle::before { transform: translateY(-50%) rotate(45deg); left: calc(50% + -2px);} 
.ico-ani__toggle::after { transform: translateY(-50%)  rotate(-45deg); right: calc(50% + -2px);} 

#gnb .gnb_1dli .ico-ani__toggle {position: absolute;top: 0; right: 0; height: 100%;max-height: 80px; width: 80px; display: none;}
#gnb .gnb_1dli.active .ico-ani__toggle::before { transform: translateY(-50%) rotate(-45deg);} 
#gnb .gnb_1dli.active .ico-ani__toggle::after { transform:  translateY(-50%) rotate(45deg);}

.list-link-selector .header.active .ico-ani__toggle::before { transform: translateY(-50%) rotate(-45deg);} 
.list-link-selector .header.active .ico-ani__toggle::after { transform:  translateY(-50%) rotate(45deg);}

/* ICO-CUSTOM::E */



/* LOTTIE-player */

/* ANIMATION */


/* BTN-CUSTOM::S */
.btn {
  /* background-color: var(--btn-color-default); */
  /* position: relative;cursor: pointer; transition: .35s; display: flex; justify-content: center; align-items: center; width: 100%;
  color: #222;
  padding: 1.5em 0;

  --btn-color-default:#E3E3E3;
  --btn-color-confirm:green;
  --btn-color-completion:blue;
  --btn-color-cancle: red;

  --btn-color-accent: #0AF;

  --btn-border-size: 2px; */
}

.btn-00 {border: 1px solid var(--color-dom); border-radius: 5px; font-size: 14px; font-weight: 500;  color: var(--color-dom); height: 50px; width: 100%; max-width: 214px; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.btn-00:hover {color: #fff; background-color: var(--color-dom);}

.btn-wrap {display: flex; align-items: center; margin-top: 40px;}
.btn-wrap button + button {margin-left: 15px;}
.btn-wrap button + a {margin-left: 15px;}
.button a + a  {margin-left: 15px;}
.button a + button  {margin-left: 15px;}

.btn-confirm {min-width: 200px; max-width: 200px; font-size: 1.125rem; height: 60px; border:1px solid #000;}
.btn-confirm:hover {background-color: #000; color: #fff;}

.btn-completion {height: 60px; background-color: #1DAEEF;color: #fff;font-size: 1.125rem;font-weight: 500;}
.btn-completion:hover {}

.btn-cancel{height: 60px;background-color: #757575;color: #fff; font-size: 1.125rem;font-weight: 500;}
.btn-cancel:hover {}

.btn-01 {color: #fff; background-color: #004899; min-width: 145px; min-height: 45px; padding: 10px; width: auto; border-radius: 10px; font-size: 14px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center;}
.btn-01:hover {}
.btn-01 i {margin-right: 2px;}
.btn-02 {}
.btn-02:hover {}
.btn-03 {}
.btn-03:hover {}

.btn-link-00 { height: 100px; color: #4D5260; background-color: #C8CCD9; border-radius: 15px; font-size: 24px; font-weight: 700; max-width: 610px; width: 100%;display: flex; align-items: center; justify-content: center; transition: .35s; margin: 0 auto;}
.btn-link-00:hover {background-color: #4D5260; color: #C8CCD9; }

.btn-link-01 {overflow: hidden; transition: background-color .35s;  position: relative; text-align: center; font-size: 24px; padding: 15px; font-weight: 600; color: #fff; border: 1px solid #fff; border-radius: 30px; min-height: 60px; width: 100%; max-width: 400px; display: flex; align-items: center; justify-content: center; background-color: rgba(255, 255, 255, 5%);backdrop-filter: blur(10px);}
/* .btn-link-01::before { filter: opacity(0.7) contrast(0.2); content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff;} */
/* .btn-link-01 span {position: relative;} */
.btn-link-01:hover {background-color: transparent; ;backdrop-filter: blur(0);}

/* BTN-CUSTOM::E*/

.swiper-button-wrap {position: absolute;bottom: 25px;left: 50%;width: 130px;transform: translateX(-50%);}
.swiper-button-next, .swiper-button-prev {width: auto !important; height: auto !important;}
.swiper-button-prev {left: 0 !important;}
.swiper-button-next {right: 0 !important;}
.swiper-button-prev:after {content: "" !important; background: url(../img/ico/ico_slide_prev.svg) no-repeat center /cover; width: 45px; height: 45px;} {}
.swiper-button-next:after {content: "" !important ; background: url(../img/ico/ico_slide_next.svg) no-repeat center /cover;  width: 45px; height: 45px;} {}

/* BTN - motion::S  */
/* btn-border-pop */
.btn-border-pop::before {border: var(--btn-border-size) solid var(--btn-color-accent); transition: top, left, right, bottom, .1s ease-in-out; content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;}
.btn-border-pop:hover::before, .btn-border-pop:focus::before {top: calc(var(--btn-border-size) * -2);left: calc(var(--btn-border-size) * -2);right: calc(var(--btn-border-size) * -2);bottom: calc(var(--btn-border-size) * -2);} 

/* btn-bg-slide  - classAdd = lef, rig, cen, out, top, bot*/
.btn-bg-slide {z-index: 1;}
.btn-bg-slide::before {background-color: var(--btn-color-accent); content: '';position: absolute; top: 0; left: 0;bottom: 0; right: 0; z-index: -1;transition: transform .3s ease-in-out;transform: scaleX(0);transform-origin: left;}
.btn-bg-slide.lef::before { transform-origin: left;}
.btn-bg-slide.rig::before { transform-origin: right;}
.btn-bg-slide.cen::before { transform-origin: center;}
.btn-bg-slide.out::before { transform-origin: center; transform:scaleX(1); background-color: var(--btn-color-default);}

.btn-bg-slide.top::before { transform-origin: top; transform: scaleY(0);}
.btn-bg-slide.bot::before { transform-origin: bottom; transform: scaleY(0);}


.btn-bg-slide:hover, .btn.btn-bg-slide:focus {color: #fff;}
.btn-bg-slide.out:hover, .btn.btn-bg-slide.out:focus {color: #222;}
.btn-bg-slide:hover::before, .btn.btn-bg-slide:focus::before {transform: scaleX(1);}
.btn-bg-slide.out:hover::before, .btn.btn-bg-slide.out:focus::before {transform: scaleX(0); background-color: var(--btn-color-accent);}
.btn-bg-slide.top:hover::before, .btn.btn-bg-slide.top:focus::before {transform: scaleY(1);}
.btn-bg-slide.bot:hover::before, .btn.btn-bg-slide.bot:focus::before {transform: scaleY(1);}
.btn-bg-slide.bot:hover::before, .btn.btn-bg-slide.bot:focus::before {transform: scaleY(1);}


/* btn-bg-circle */
.btn-bg-circle {background-color: var(--btn-color-accent); z-index: 1; overflow: hidden; transition: color .5s ease-in-out;}
.btn-bg-circle:hover {color: #fff;}
.btn-bg-circle::before {background-color: var(--btn-color-default); transform: scale(1.5); content: '';position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1;border-radius: 50%;transition: transform .5s ease-in-out;}
.btn-bg-circle:hover::before,.btn-bg-circle:focus::before {transform: scale(0);}


/* btn-background-underline - classAdd = lef, rig, cen */
.btn-bg-underline {}
.btn-bg-underline::before { background-color: var(--btn-color-accent);height: var(--btn-border-size);content: ''; position: absolute; left: 0; right: 0; bottom: 0;transition: transform .3s ease-in-out;transform: scaleX(0);transform-origin: left;}
.btn-bg-underline.lef::before {transform-origin: left;}
.btn-bg-underline.rig::before {transform-origin: right;}
.btn-bg-underline.cen::before {transform-origin: center;}
.btn-bg-underline:hover::before, .btn-bg-underline:focus::before {transform: scaleX(1);}
/* BTN - motion::E  */


img.graycale {filter: grayscale(1) opacity(.5);};




/* INPUT-CUSTOM */
input {box-sizing: border-box;border: 1px solid #e4e4e4;border-radius: 10px;height: 60px;padding: 20px;width: 100%;background-color: #fff;color: #000;font-size: 16px;}
label {margin-bottom: 5px; display: inline-block;}

/* input - 유효성  */
.tip-invalid {font-size: 0.875rem;color: #F85959; width: 100%; opacity: 0;transition: opacity .65s, margin .35s; height: 0;overflow: hidden;}

/* 유효할 때 */
/* input:valid {overflow: hidden; border: 1px solid #1DAEEF; background: no-repeat center right 10px / 30px 30px; background-image: url(./images/ico/ico_valid.svg) !important;} */
/* input:valid ~ .tip-invalid {opacity: 0; } */
/* input:valid ~ i.ico_valid { -webkit-mask: url(./images/ico/ico_valid.svg) no-repeat center / cover;background-color: #1daeef;width: 50px;height: 50px;} */

/* 유효하지 않을 때 */
input.typing:invalid {background-color: #FFF2F2 !important; border: 1px solid #E3645F !important; background-image: none !important;}
input.typing:invalid ~ .tip-invalid {opacity: 1; height: auto; margin: 5px 0 10px;}
.tip-invalid.false {opacity: 1; height: auto; margin: 5px 0 10px;}

/* input - layout */
.input-wrap {display: flex; position: relative; }

.input-container {}
.input-container > ul{}
.input-container > ul > li{}
.input-container > ul > li + li{margin-top: 25px;}

.input-container > ul > li .set + .set {margin-top: 10px;}


/* input - width*/
.input-wrap .user_id {}
.input-wrap .btn-confirm {width: 30%; margin-left: 15px;}



/* SELECT-CUSTOM */
.select-wrap {position: relative; display: flex; align-items: center;}
.ico_select::after {content: "";transition: .35s; display: inline-block;position: relative;cursor: pointer;background: no-repeat center/cover;background-image: url(../img/ico/ico_arrow_drop.svg);width: 30px;height: 30px;position: absolute;right: 8px;top: 50%;transform: translateY(-50%);}
.select-00 { -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 16px; font-weight: 400;  border: 1px solid #E4E4E4; border-radius: 5px; height: 50px; width: 130px; padding:0 20px; position: relative; z-index: 2; background-color: transparent;}
.select-00:focus + .ico_select::after{ transform: translateY(-50%) rotate(180deg);}


.sec-request {margin-bottom: 50px;}
.sec-request .header-sec-request {margin-bottom: 15px; display: flex; justify-content: space-between;}
.sec-request .header-sec-request .tit {font-size: 24px; font-weight: 800;}

.list-input-check--00 {}
.list-input-check--00 + .list-input-check--00 {margin-top: 25px;}
.list-input-check--00 .input-header {margin-bottom: 15px;}
.list-input-check--00 .input-header .tit{font-size: 18px; font-weight: 600;}

.list-input-check--00 ul {display: flex; align-items: center;}
.list-input-check--00 ul li{width: 100%;}
.list-input-check--00 ul li + li{margin-left: 15px;}

.list-input-text--00 {}
.list-input-text--00 ul {display: flex; align-items: center;}
.list-input-text--00 ul li{width: 100%;}
.list-input-text--00 ul li + li{margin-left: 15px;}
.list-input-text--00 ul li .input-wrap {display: flex; flex-direction: column-reverse;}

.list-input-textarea--00 {margin-top: 20px;}
.list-input-textarea--00 ul {display: flex; align-items: center;}
.list-input-textarea--00 ul li{width: 100%;}
.list-input-textarea--00 ul li .input-wrap {display: flex; flex-direction: column-reverse;}

.check-00 {display: none;}
.check-00 ~ label{font-size: 16px; font-weight: 600; color: #888888; border: 1px solid #E4E4E4;min-height: 50px; height: auto; display: flex; align-items: center; justify-content: center; border-radius: 10px;background-color: #FFFFFF; margin: 0;}
.check-00:checked ~ label {font-weight: 700; color: #fff;background-color: #004899;}

.sec-request .list-input-check--01 {margin-top: 15px; margin-bottom: 40px;}
.check-agree-01 {display: none;}
.check-agree-01 ~ label {display: flex; align-items: center; margin: 0;}
.check-agree-01 ~ label .agree-txt {font-size: 18px; font-weight: 400; color: #000000;}
.check-agree-01 ~ label .agree-txt span{font-weight: 700; }
.check-agree-01 ~ label .agree-txt a{color: #000000; text-decoration: underline;}
.check-agree-01 ~ label i {margin-right: 10px;}
.check-agree-01:checked ~ label {}
.check-agree-01:checked ~ label > .ico-check {background-image: url(../img/ico/ico-check-active.svg);}

.ico-check {background: url(../img/ico/ico-check.svg) no-repeat center /cover; width: 19px; height: 19px;}


.input-text-00 {font-size: 16px; font-weight: 500; border: 1px solid #E4E4E4; border-radius: 10px; background-color: #fff; min-height: 50px; height: auto; padding: 15px; box-sizing: border-box;}
.input-text-00::placeholder {font-size: 16px; color: #888888; font-weight: 500;}
.input-text-00 ~ label {font-size: 18px; font-weight: 600; color: #000000; margin-bottom: 15px;}

.input-textarea-00 {font-size: 16px; font-weight: 500; border: 1px solid #E4E4E4; border-radius: 10px; background-color: #fff; min-height: 150px; height: auto; padding: 15px; box-sizing: border-box;}
.input-textarea-00::placeholder {font-size: 16px; color: #888888; font-weight: 500;}
.input-textarea-00 ~ label {font-size: 18px; font-weight: 600; color: #000000; margin-bottom: 15px;}

.input-file-00 {font-size: 14px; font-weight: 600; color: #fff; background-color: #004899; border-radius: 5px; width: 80px;  height: auto; min-height: 30px; padding: 5px; margin: 0;}
.input-file-00 > input{display: none;}


.list-input-file--00 {}
.list-input-file--00 ul {}
.list-input-file--00 ul li{border: 1px solid #E4E4E4;border-radius: 10px;display: flex;align-items: center;justify-content: space-between;padding: 15px;box-sizing: border-box;height: 50px;}
.list-input-file--00 ul li + li {margin-top: 10px;}
.list-input-file--00 ul li .sffile {width: 100%;}
.list-input-file--00 ul li .sffile-upload {width: auto;}
.list-input-file--00 ul li .sffile-upload > button {padding: 0;}
.list-input-file--00 ul li .sffile > input{width: 100%;}
.sffile_txt::placeholder {font-size: 16px; font-weight: 500; color: #888888;}



@keyframes ani-bg { 
  0% { transform: scale(1.2) translateY(30px);} 
  100% { transform: scale(1)  translateY(0);} 
}
@keyframes ani-opacity { 
  0% { opacity: 0;} 
  100% { opacity: 1;} 
}



/* Navigation */
/* Navigation - global */
nav.gnb-menu{}
nav.gnb-menu > ul{}
nav.gnb-menu > ul li {}
nav.gnb-menu > ul li a{}
nav.gnb-menu > ul li ul.gnb-menu__sub{}
nav.gnb-menu > ul li ul.gnb-menu__sub{}

/* navigation - Breadcrumb  사이트 이동 경로 */
nav.gnb-breadcrumbs{}
nav.gnb-breadcrumbs ol{}
nav.gnb-breadcrumbs ol li {}
nav.gnb-breadcrumbs ol li a{}

/* foot */
nav.fnb {}
nav.fnb ol{}
nav.fnb ol li {}
nav.fnb ol li a{}

/* local */
nav.lnb {}
nav.lnb ol{}
nav.lnb ol li {}
nav.lnb ol li a{}

/* side */
nav.snb {}
nav.snb ol{}
nav.snb ol li {}
nav.snb ol li a{}





.header-sub {background:#27405A; height: 400px; padding: 55px 0; position: relative; overflow: hidden;}
.header-sub > .bg {animation: ani-bg 6s 2.5s ease; transform-origin: bottom; background:#27405A no-repeat center / cover; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1;}
.header-sub .inner {height: 100%; display: flex; justify-content: space-between; align-items: flex-end; position: relative; z-index: 2;}
.header-sub .txt-wrap {color: #fff;}
.header-sub .txt-wrap .tit{font-size: 50px; font-weight: 700; margin-bottom: 10px;}
.header-sub .txt-wrap .tit-en{font-size: 30px; font-weight: 500;}
.header-sub.company > .bg {background-image: url(../img/bg/bg_header_sub_03.png);}
.header-sub.sales > .bg  {background-image: url(../img/bg/bg_header_sub_01.png);}
.header-sub.customer > .bg {background-image: url(../img/bg/bg_header_sub_04.png);}
.header-sub.business > .bg {background-image: url(../img/bg/bg_header_sub_02.png);}
.header-sub.product > .bg {background-image: url(../img/bg/bg_header_sub_05.png);}

.lnb-breadcrumbs {}
.lnb-breadcrumbs ol {display: flex; align-content:center; justify-content: center;}
.lnb-breadcrumbs ol li {}
.lnb-breadcrumbs ol li + li::before {content: attr(data-char); color: #fff; font-size: 16px; font-weight: 500; margin: 0 5px;} 
.lnb-breadcrumbs ol li a{color: #ffffff; font-weight: 700;}
.lnb-breadcrumbs ol li a:hover {color: #ffffff70;}




.lnb-page-move {background-color: #F4F7FF;}
.lnb-page-move.sales {background-color: #F8F4FF;}
.lnb-page-move ul {display: flex; align-items: center; justify-content: space-between; height: 80px; }
.lnb-page-move ul::-webkit-scrollbar {background-color: #ffffff; height: 5px;}
.lnb-page-move ul::-webkit-scrollbar-thumb {background-color: #4D5260; height: 5px;}
.lnb-page-move ul li {width: 100%; height: 100%; min-width: auto;}
.lnb-page-move ul li + li {}
.lnb-page-move ul li a {white-space: nowrap; position: relative; font-size: 18px; font-weight: 800; color: #27405A; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}

.lnb-page-move ul li a.active::after {transform: scaleX(1) translateY(50%);}
.lnb-page-move ul li:hover a::after {transform: scaleX(1) translateY(50%);}
.lnb-page-move ul li a::after {content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 4px;background-color: #284059;transition: .55s ease-in-out;transform: scaleX(0) translateY(50%);transform-origin: center;}




/* FOOTER */
#ft {background:#FFF;margin:0 auto;text-align:center}

.partnership {border: 1px solid #4D525F;border-left: none;border-right: none;}
.partnership > .inner {max-height: 100px; padding: 10px 20px; max-width: 1700px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; overflow: hidden;}
.partnership .tit {margin-right: 60px; font-size: 20px; font-weight: 700; color: #4D5260;}
.partnership-container { overflow: hidden; max-width: calc(1168px + 160px); padding: 0 80px;  position: relative;}

.list-partnership.swiper-container {width: 100%; overflow: hidden;}
.list-partnership ul {display: flex; align-items: center; }
.list-partnership ul li{}
.list-partnership ul li .img-wrap {}
.list-partnership ul li .img-wrap img {filter: grayscale(1) opacity(.5); transition: .35s ease-in-out; }
.list-partnership ul li .img-wrap img:hover {filter: grayscale(0) opacity(1);}
.partnership-container .button-wrap {position: absolute; top: 0;left: 0;height: 100%;/* width: calc(100% + 160px); *//* margin-left: -80px; */width: 100%;}
.partnership-container .swiper-button-prev::after {display: none;}
.partnership-container .swiper-button-next::after {display: none;}
.button-prev, .button-next{position: absolute;top: 50%;transform: translateY(-50%);width: auto;height: auto;}
.button-prev:focus{border: none;}
.button-prev {left: 0;}
.button-next {right: 0;}


.footer-info {text-align: left;}
.footer-info > .inner {padding: 65px 20px 70px; max-width: 1700px;margin: 0 auto;display: flex;justify-content: space-between;}
.list-company-info {color: #4D5260;}
.list-company-info .head{margin-bottom: 30px;}
.list-company-info .name{font-size: 20px;font-weight: 700;}
.list-company-info > ul {}
.list-company-info > ul > li {font-size: 14px; font-weight: 500; display: flex; align-items: center;}
.list-company-info > ul > li + li {margin-top: 15px;}
.list-company-info > ul > li .th{min-width: 100px; margin-right: 30px;}
.list-company-info > ul > li .td{}
.list-company-info .fot{margin-top: 25px; font-size: 14px; font-weight: 500;}
.list-company-info .copyrifght {margin-bottom: 10px;/*text-transform: capitalize;*/line-height: 20px;}
.list-company-info .author {}
.list-company-info .author a {color: #4D5260;}

.list-company-info .list-file-00 {margin-top: 30px; display: none;}
.footer-info .r { min-height: 100%; display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between;}
.footer-info .r > .wrap {display: flex;}
.footer-info .r > .wrap .list-link-selector {margin-left: 20px;}
.list-link-selector {position: relative;}
.list-link-selector .header{width: 100%;width: 285px;border: 1px solid #4D525F;border-radius: 10px;display: flex;align-items: center;justify-content: space-between;height: 50px;position: relative;z-index: 5;background-color: #fff;padding-left: 20px;}
.list-link-selector .header .tit {font-size: 16px; font-weight: 800; color: #4D5260;}
.list-link-selector .header i {font-size: 16px; font-weight: 800; color: #4D5260;}
.list-link-selector > ul { display: none; position: absolute;top: calc(100% - 10px);background-color: #F7F7F7;border: 1px solid #4D525F;border-radius: 0 0 10px 10px;width: 100%;height: auto;z-index: 0;padding: 15px 0 10px;}
.list-link-selector > ul li {}
.list-link-selector > ul li + li {}
.list-link-selector > ul li a {padding: 10px 20px;width: 100%;font-size: 16px;font-weight: 500;color: #4D5260;}

.footer-info .logo {max-width: 135px;}
.footer-info .logo img:hover {transition: .35s; filter: grayscale(0) opacity(1);}

.list-file-00 {}
.list-file-00 ul {padding: 0 20px; display: flex; align-items: center; border: 1px solid #BABABA; border-radius: 10px;}
.list-file-00 ul li {}
.list-file-00 ul li + li {margin-left: 20px;}
.list-file-00 ul li a {text-decoration: underline; padding: 15px 0; font-size: 16px; font-weight: 500; color: #000; display: flex; align-items: center;}
.list-file-00 ul li a i{margin-right: 5px;}

/* TOP-btn */
.top-btn-wrap {position: fixed; z-index: 5; bottom: 50px;right: 55px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.top-btn-wrap .view-product-btn {margin-bottom: 15px;}
.top-btn-wrap .view-product-btn a {width:70px; height: 70px; background: #27405A; border-radius: 50%; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.top-btn-wrap .view-product-btn a span {color: #fff; line-height: 1.2;}
.top-btn-wrap .consulting-btn {max-height: 70px;}
.top-btn-wrap .consulting-btn a {width:70px; height: 70px; background: #27405A; border-radius: 50%; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.top-btn-wrap .consulting-btn a span {color: #fff; line-height: 1.2;}
.top-btn-wrap .top-btn {max-height: 70px; margin-top: 15px;}
.top-btn.top-btn2 {display: none;}



/* list-card */
.list-card-11 {background-color: #F4F7FF; border-radius: 10px; border: 1px solid #D4DEEA; padding: 50px 40px 40px;}
.list-card-11 > ul {}
.list-card-11 > ul > li {text-align: center;}
.list-card-11 > ul > li {}
.list-card-11 > ul > li > .img-wrap{max-width: 100px; margin: 0 auto; margin-bottom: 30px;}
.list-card-11 > ul > li > .img-wrap img{}
.list-card-11 > ul > li > .txt-wrap {color: #004899;}
.list-card-11 > ul > li > .txt-wrap .tit {line-height: 40px; font-size: 34px; font-weight: 800; margin-bottom: 15px;}
.list-card-11 > ul > li > .txt-wrap .tit-sub {font-size: 34px; font-weight: 500; margin-bottom: 27px;}
.list-card-11 > ul > li > .txt-wrap .txt {color: #424242; font-size: 24px; font-weight: 400;}
.list-card-11 > ul > li .info-wrap {padding: 25px 0 40px; margin-top: 35px; background-color: #FFFFFF; border: 1px solid #D4DEEA; border-radius: 10px;  box-shadow: inset 3px 3px 20px #95aeca20;}
.list-card-11 > ul > li .info-wrap ul {}
.list-card-11 > ul > li .info-wrap ul li{display: flex; align-items: center;justify-content: center;}
.list-card-11 > ul > li .info-wrap ul li + li {margin-top: 10px;}
.list-card-11 > ul > li .info-wrap ul li .img-wrap {width: auto; display: flex; align-items: center;}
.list-card-11 > ul > li .info-wrap ul li .img-wrap .tit{margin-left: 8px; font-weight: 800; color: #004899;font-size: 24px;}
.list-card-11 > ul > li .info-wrap ul li .img-wrap img{}
.list-card-11 > ul > li .info-wrap ul li .txt-wrap {color: #004899;font-size: 24px;  display: flex; align-items: center;}
.list-card-11 > ul > li .info-wrap ul li .txt-wrap .txt{font-weight: 400; padding-left: 15px; position: relative;}
.list-card-11 > ul > li .info-wrap ul li .txt-wrap .txt span {display: inline-block; font-weight: 800; margin: 0 3px; position: absolute; left: 0;}
.list-card-11 > ul > li .info-wrap ul li .txt-wrap .txt .mobile-none {position: relative; display: inline;}

.list-card-12 {}
.list-card-12 ul{display: flex; align-items: center; justify-content: center;}
.list-card-12 ul li{position: relative; width: 250px; height: 250px; display: flex; align-items: center; justify-content: center;}
.list-card-12 ul li::before {content: attr(data-no);font-size: 40px;font-weight: 900;color: #27405A;position: absolute;top: 4px;left: 50%;z-index: 3;transform: translate(-50% , -50%);}
.list-card-12 ul li + li{margin-left: 50px;}
.list-card-12 ul li .txt-wrap {color: #27405A; text-align: center; position: relative;}
.list-card-12 ul li .txt-wrap .txt{font-size: 20px; font-weight: 600; line-height: 32px;}
.list-card-12 ul li .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.list-card-12 ul li .bg::before {content: "";position: absolute;right: 1px;top: 6px;width: 315px;height: 295px;background: url(../img/list_card12_bg1.png) no-repeat center/ 315px 295px;}
.list-card-12 ul li .bg:after {content: ""; position: absolute;left: 0; top: 0;width: 100%;height: 100%;background: url(../img/list_card012_bg.png) no-repeat center/ cover;}


section.order_04 .list-card-06 {padding-top: 80px;}
.list-card-06 {max-width: 1580px; width: 100%; height: 400px;}
.list-card-06 ul {display: flex;align-items: center;justify-content: space-between; height: 100%;}
.list-card-06 ul li {flex: 1;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: flex-end;padding: 15px 20px;}
.list-card-06 ul li + li {border-left: 1px solid #084A9710;}
.list-card-06 ul li .img-wrap {position: relative; text-align: center;}
.list-card-06 ul li .img-wrap img{width: auto; margin: 0 auto;}
.list-card-06 ul li .txt-wrap{margin-top: 50px; color: #27405A; text-align: center;}
.list-card-06 ul li .txt-wrap .tit{font-size: 24px; font-weight: 700; margin-bottom: 20px;}
.list-card-06 ul li .txt-wrap .tit-en{font-size: 22px; font-weight: 300;}
.list-card-06 ul li .txt-wrap-02 {}
.list-card-06 ul li .txt-wrap-02 .desc{font-size: 20px; font-weight: 500; line-height: 34px; color: #27405A; text-align: center;}

.list-card-06.io ul li .img-wrap {position: relative;transform: scale(1.3);transition: transform 1s ease-out, opacity 1s;opacity: 0;}
.list-card-06.io.show ul li .img-wrap {transform: scale(1); opacity: 1;}


.list-card-14 {position: relative; border: 1px solid #00489950;
  border-radius: 40px 40px 40px 40px ;
  color: #004899;max-width: 1490px;margin: 0 auto;
  /* height: 510px;      */
  padding: 30px 0 108px;
  display: flex;flex-direction: column;justify-content: center;align-items: center;
}
.list-card-14 .bg {position: absolute;bottom: calc(100% - 2px);width: calc(100% - 80px);background-color: #fff;}
.list-card-14 .bg img.mo {display: none;}
.list-card-14 .bg > .tit {position: absolute; top: -25px; left: 50%; transform: translateX(-50%); text-align: center; font-size: 24px; font-weight: 700; display: flex; flex-direction:column; align-items: center; justify-content: center;}
.list-card-14 .bg > .tit img{width: 242px; margin-bottom: 5px; background-color: #fff;}
.list-card-14 > .tit-sub {margin: 0 auto; margin-bottom: 60px; width: 190px; font-size: 24px; font-weight: 700; color: #004899; max-width: 190px; height: 60px; display: flex; align-items: center; justify-content: center; border: 1px solid #004899; border-radius: 30px;}
.list-card-14 ul {display: flex; align-items: center; justify-content: center; width: 100%; flex-wrap: wrap;}
.list-card-14 ul li {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.list-card-14 ul li + li {margin-left: 20px;}
.list-card-14 ul li .txt-wrap {}
.list-card-14 ul li .txt-wrap .tit{font-size: 23px; font-weight: 700; color: #004899;}
.list-card-14 ul li .cont-wrap {display: flex; margin-top: 15px;}
.list-card-14 ul li .cont-wrap .circle {width: 143px; height: 143px; border-radius: 50%; border: 1px solid #004899; display: flex; align-items: center; justify-content: center;}
.list-card-14 ul li .cont-wrap .circle .txt{font-size: 24px; font-weight: 500; color: #27405A;}


.list-card-15 {}
.list-card-15 ul {display: flex;}
.list-card-15 ul li {position: relative; padding: 55px 0 70px; background-color: #fff; border-radius: 20px; box-shadow: 0 0 6px #00000016; max-width: 400px; width: 100%; text-align: center;}
.list-card-15 ul li::before {content:attr(data-no); font-size: 60px; font-weight: 900; color: #ACB3C1; filter: blur(3px); position: absolute; bottom: calc(100% + 50px); left: 50%; transform: translateX(-50%);}
.list-card-15 ul li + li {margin-left: 20px;}
.list-card-15 ul li .img-wrap{max-width: 200px; margin: 0 auto;}
.list-card-15 ul li .img-wrap img{}
.list-card-15 ul li .txt-wrap {color: #424242;}
.list-card-15 ul li .txt-wrap .tit{font-size: 20px; font-weight: 700; margin-bottom: 25px; line-height: 34px; margin-top: 25px;}
.list-card-15 ul li .txt-wrap .txt{font-size: 16px; font-weight: 500; line-height: 28px;}


.list-partner-00 {}
.list-partner-00 ul{display: grid; grid-template-columns: 1fr 1fr 1fr; row-gap: 40px; column-gap: 20px;}
.list-partner-00 ul li{border: 1px solid #E4E4E4; border-radius: 10px; overflow: hidden;}
.list-partner-00 ul li .img-wrap{margin: 0 auto; text-align: center; height: 115px; display: flex; align-items: center; justify-content: center;}
.list-partner-00 ul li .img-wrap img{width: auto; height: auto;}
.list-partner-00 ul li .txt-wrap {padding: 5px 0; text-align: center; color: #757575; background-color: #F7F7F7; height: 35px; display: flex; align-items: center; justify-content: center;}
.list-partner-00 ul li .txt-wrap .name{font-size: 18px; font-weight: 600;}


.list-card-07 {}
.list-card-07 ul {display: flex; max-width: 1240px; margin: 0 auto;}
.list-card-07 ul li{height: 425px; padding: 40px 0 55px; background-color: #F7F7F7; border-radius: 10px 10px 0 0; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between;}
.list-card-07 ul li + li {margin-left: 20px;}
.list-card-07 ul li:nth-of-type(3) {padding-top: 20px;}
.list-card-07 ul li .img-wrap {margin: 0 auto; text-align: center;} 
.list-card-07 ul li .img-wrap img{width: auto;}
.list-card-07 ul li .txt-wrap {}
.list-card-07 ul li .txt-wrap .tit{font-size: 30px; font-weight: 700; color: #535E89;}


.list-card-08 {}
.list-card-08 > ul{}
.list-card-08 > ul > li {display: flex; align-items: center; padding: 30px 0;}
.list-card-08 > ul > li::before {content: attr(data-no); font-size: 50px; font-weight: 900; color: #DBD5E6; margin-right: 10.8%;}
.list-card-08 > ul > li + li{border-top: 1px solid #9A8EB050;}
.list-card-08 ul li  .txt-wrap{ width: 100%;}
.list-card-08 ul li .txt-wrap .txt{font-size: 18px; color: #424242; font-weight: 600; line-height: 1.3;}
.list-card-08 ul li .txt-wrap .txt span {font-weight: 800;}
.list-card-08 ul li .img-wrap {display: flex; flex-direction: column-reverse; padding: 20px 0; max-width: 500px;}
.list-card-08 ul li .img-wrap .tit{text-align: center; border: 1px solid #2F2959; border-radius: 30px; padding: 10px; min-height: 40px; width: auto; min-width: 300px; margin: 0 auto; display: flex; align-items: center; justify-content: center; margin-top: 30px; font-size: 16px; font-weight: 700;}
.list-card-08 ul li .img-wrap ul{display: flex; align-items: center; justify-content: center;}
.list-card-08 ul li .img-wrap ul li {background-color: #DBD5E640; width: 190px; height: 190px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.list-card-08 ul li .img-wrap ul li + li{margin-left: -20px;}
.list-card-08 ul li .img-wrap ul li i {}
.list-card-08 ul li .img-wrap ul li .txt{font-size: 14px; font-weight: 700; margin-top: 15px;}


.list-card-09 {}
.list-card-09 > ul{display: flex; flex-wrap: wrap; width: 100%; justify-content: center;}
.list-card-09 > ul > li {display: flex; align-items: center; position: relative;}
.list-card-09 > ul > li + li {margin-left: 20px;}
.list-card-09 > ul > li > .txt-wrap {text-align: center; width: 190px; min-width: 190px; height: 190px; background-color: #DBD5E6; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.list-card-09 > ul > li > .txt-wrap > .tit{font-size: 18px; font-weight: 600; color: #2F275A; line-height: 30px;}

.list-card-09-01 {margin-left: -190px;}
.list-card-09-01 ul {min-width: 610px; max-width: 610px; border: 1px dashed #DBD5E5; border-radius: 95px; padding: 25px 25px 25px 185px; display: flex; flex-wrap: wrap;justify-content: flex-end;}
.list-card-09-01 ul li {width: 50%; max-width: 190px; height: 70px; padding: 20px 10px; display: flex; align-items: center; justify-content: center;}
.list-card-09-01 ul li:nth-of-type(n+3) {border-top: 1px solid #DBD5E5;}
.list-card-09-01 ul li:nth-of-type(2n) {border-left: 1px solid #DBD5E5;}
.list-card-09-01 ul li .txt-wrap{}
.list-card-09-01 ul li .txt-wrap .txt{text-align: center; font-size: 18px; font-weight: 600; color: #2F275A;}


.list-card-10 {}
.list-card-10 ul {display: flex; align-items: center;}
.list-card-10 ul li {display: flex; flex-direction: column;}
.list-card-10 ul li + li {margin-left: 20px;}
.list-card-10 ul li .img-wrap {max-width: 610px;}
.list-card-10 ul li .img-wrap img {border-radius: 20px;}
.list-card-10 ul li .txt-wrap {color: #2F275A; font-size: 20px; font-weight: 600; background-color: #FDFDFD; border-radius: 20px; border: 1px solid #9A8EB050; padding: 30px; min-height: 100px; height: auto; display: flex; align-items: center; justify-content: center; margin-top: 25px;}
.list-card-10 ul li .txt-wrap .tit {}

.list-card-16 {}
.list-card-16 ul {display: flex; align-items: center; margin: 0 auto; justify-content: center;}
.list-card-16 ul li {position: relative; background: no-repeat center / cover; border-radius: 50%; width: 275px; height: 275px; display: flex; align-items: center; justify-content: center;}
.list-card-16 ul li + li{margin-left: 15px;}
.list-card-16 ul li .txt-wrap{text-align: center;}
.list-card-16 ul li .txt-wrap .tit{font-size: 22px; font-weight: 700; color: #fff; line-height: 36px;} 
.list-card-16 ul li:nth-of-type(1) {background-image: url(../img/list_card16_01.png);}
.list-card-16 ul li:nth-of-type(2) {background-image: url(../img/list_card16_02.png);}
.list-card-16 ul li:nth-of-type(3) {background-image: url(../img/list_card16_03.png);}
.list-card-16 ul li:nth-of-type(4) {background-image: url(../img/list_card16_04.png);}
.list-card-16 ul li.mark-r::before {content: "";position: absolute; left:  calc(100% - 55px); bottom: 100%; width: 160px; height: 160px; background: url(../img/list_card16_mark.png) no-repeat center / cover; transform: translate(-50%, 50%);}



.list-card-circle-01 {}
.list-card-circle-01 ul {display: flex; align-items: center; margin: 0 auto; justify-content: center;}
.list-card-circle-01 ul li {padding: 50px 0 ; position: relative; background: no-repeat center / cover; background-color: #DBD5E6; border-radius: 50%; width: 275px; height: 275px; display: flex; align-items: center; justify-content: center;}
.list-card-circle-01 ul li + li{margin-left: 15px;}
.list-card-circle-01 ul li .txt-wrap{text-align: center;}
.list-card-circle-01 ul li .txt-wrap .txt{font-size: 20px; font-weight: 500; color: #2F275A; line-height: 32px;} 
.list-card-circle-01 ul li .txt-wrap .txt span {font-weight: 800; font-size: 24px;}
.list-card-circle-01 ul li:nth-of-type(4) {background-image: url(../img/list-card-circle-01-04.png);}
.list-card-circle-01 ul li:nth-of-type(4) .txt-wrap {align-self: flex-end;}
.list-card-circle-01 ul li:nth-of-type(4) .txt-wrap .txt {color: #fff;}


.list-card-img-03 {width: 100%;}
.list-card-img-03 ul {display: flex; justify-content: center; align-items: center;}
.list-card-img-03 ul li {max-width: 610px;}
.list-card-img-03 ul li .txt-wrap {width: 100%; margin-bottom: 140px;}
.list-card-img-03 ul li .txt-wrap .tit {font-size: 18px; font-weight: 600; color: #fff; background-color: #2F275A;  border-radius: 25px; width: 100%; height: auto; min-height: 50px; padding: 10px; display: flex;align-items: center; justify-content: center;}
.list-card-img-03 ul li .img-wrap {position: relative;}
.list-card-img-03 ul li .img-wrap img {}
.list-card-img-03 ul li.mark-r .img-wrap::before {content: "";position: absolute;right: calc(0% - -60px);bottom: calc(100% - 40px); width: 160px; height: 160px; background: url(../img/list_card_img_03_mark.png) no-repeat center / cover; transform: translate(0, 50%);}

.list-card-img-04 {display: flex; flex-direction: column; align-items: center; justify-content: space-between;}
.list-card-img-04 .wrap {display: flex; width: 100%;}
.list-card-img-04 .img-wrap {max-width: 715px; padding: 20px; background-color: #FFFFFF; box-shadow: 0 0 6px #00000016; width: 100%;}
.list-card-img-04 .img-wrap img{}
.list-card-img-04 ul {min-height: 612px; margin-left: 15px; padding:  15px 20px 15px 30px; background-color: #fff;  box-shadow: 0 0 6px #00000016; border-radius: 0 20px 20px 0; width: 100%; max-width: 505px;}
.list-card-img-04 ul li {padding: 32px 0; display: flex; align-items: center; justify-content: space-between;}
.list-card-img-04 ul li + li {border-top: 1px solid #9A8EB050;}
.list-card-img-04 ul li .lowercase-wrap {display: flex;}
.list-card-img-04 ul li .lowercase-wrap.top {align-self: flex-start;}
.list-card-img-04 ul li .lowercase-wrap span{width: 26px; height: 26px; font-size: 12px; font-weight: 800; color: #fff; background-color: #9A8DB1; border-radius: 50%; display: inline-block; display: flex; align-items: center; justify-content: center;}
.list-card-img-04 ul li .lowercase-wrap span + span {margin-left: 10px;}
.list-card-img-04 ul li .txt-wrap {text-align: center; width: 100%;}
.list-card-img-04 ul li .txt-wrap .tit {font-size: 18px; font-weight: 700; margin-bottom: 17px; color: #2F275A;}
.list-card-img-04 ul li .txt-wrap .txt{font-size: 16px; font-weight: 500; color: #2F275A; line-height: 26px;}
.list-card-img-04 .header-list-01 {margin-bottom: 50px;}


.list-card-22 {}
.list-card-22 > ul {display: flex;justify-content: space-between;height: 100%;}
.list-card-22 > ul > li {display: flex;flex-direction: column;align-items: center;justify-content: space-between;width: 100%;height: 100%;min-height: 705px;}
.list-card-22 > ul > li + li {margin-left: 20px;}
.list-card-22 > ul > li .txt-wrap{margin-bottom: 40px;}
.list-card-22 > ul > li .txt-wrap .tit{font-size: 18px; font-weight: 700; color: #2F275A; width: auto; min-width: 220px; background-color: #DBD5E6; border-radius: 20px; display: flex; align-items: center;justify-content: center; min-height: 40px;}
.list-card-22 > ul > li .img-wrap {text-align: center; position: relative; width: auto;}
/* .list-card-22 > ul > li .img-wrap::before {content: attr(data-no); top: 0; left: 100%; width: 60px; height: 60px; position: absolute; font-size: 18px; font-weight: 800; color: #FFFFFF; background-color: #9A8DB1; border-radius: 50%; display: flex; align-items: center; justify-content: center;} */
.list-card-22 > ul > li .img-wrap img{width: 100%;}
.list-card-22 > ul > li .img-wrap .txt{color: #2F275A; font-size: 18px; font-weight: 500; line-height: 25px; margin-top: 40px;}
.list-card-22 > ul > li .list-table-00 {margin-top: 60px;}


.list-table-00 {width: 100%; max-width: 610px;}
.list-table-00 ul {display: flex; padding: 15px  20px 10px; background-color: #FDFDFD; border-radius: 20px; border: 1px solid #95AECA50;}
.list-table-00 ul li {width: 100%; text-align: center;}
.list-table-00 ul li + li {border-left: 1px solid #9A8EB050;}
.list-table-00 ul li .th {font-size: 18px; font-weight: 700; color: #2F275A; border-bottom: 1px solid #9A8EB050; padding: 10px 0;}
.list-table-00 ul li .td {padding: 15px 0; font-size: 16px; font-weight: 500; color: #2F275A;}
.list-table-00 ul li .td + .td {border-top: 1px solid #9A8EB050;}

.list-card-17 {}
.list-card-17 ul {display: flex; align-items: center; justify-content: center;}
.list-card-17 ul li {position: relative;display: flex; align-items: center; justify-content: center;  background-color: #DBD5E6; width: 295px; height: 170px; margin: 85px 0;}
.list-card-17 ul li:before {content: "";position: absolute;top: -85px;left: 0;width: 0;height: 0;border-left: calc(295px / 2) solid transparent;border-right: calc(295px / 2) solid transparent;border-bottom: 85px solid #DBD5E6;}
.list-card-17 ul li:after {content: "";position: absolute;bottom: -85px;left: 0;width: 0;height: 0;border-left: calc(295px / 2) solid transparent;border-right: calc(295px / 2) solid transparent;border-top: 85px solid #DBD5E6;}
.list-card-17 ul li + li {margin-left: 20px;}
.list-card-17 ul li .txt-wrap {color: #2F275A; text-align: center;}
.list-card-17 ul li .txt-wrap .tit{font-size: 22px; font-weight: 600; line-height: 36px;}

.list-card-18 {}
.list-card-18 ul{display: flex; justify-content: center; flex-wrap: wrap;}
.list-card-18 ul li {display: flex; align-items: center; position: relative;}
.list-card-18 ul li + li {margin-left: 20px;}
.list-card-18 ul li .txt-wrap {flex-direction: column; text-align: center; width: 230px; min-width: 230px; height: 230px; background-color: #DBD5E6; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.list-card-18 ul li .txt-wrap .no {font-size: 30px; font-weight: 900; color: #9A8DB1; margin-bottom: 24px;}
.list-card-18 ul li .txt-wrap .tit{font-size: 18px; font-weight: 600; color: #2F275A; line-height: 30px;}
.list-card-18 ul li .img-wrap {margin-bottom: 20px;}
.list-card-18 ul li .img-wrap i{}
.list-card-18 .header-list-00 {margin-bottom: 50px;}


.list-card-19 {} 
.list-card-19 ul {} 
.list-card-19 ul li {min-height: 340px; border-radius: 20px; background-color: #fff; box-shadow: 0 0 6px #9A8EB050; padding: 50px 10px;} 
.list-card-19 ul li .img-wrap{text-align: center; margin-bottom: 30px;} 
.list-card-19 ul li .txt-wrap {display: flex; flex-direction: column; align-items: center; justify-content: center;} 
.list-card-19 ul li .txt-wrap .tit{color: #2F275A; background-color: #DBD5E6; width: auto; min-width: 378px; min-height: 50px; padding: 10px; display: flex; align-items: center; justify-content: center; border-radius: 25px;  font-size: 20px; font-weight: 700; } 
.list-card-19 ul li .txt-wrap .txt{margin-top: 20px; font-size: 22px; font-weight: 500; line-height: 34px; color: #9A8DB1; text-align: center;} 
.list-card-19 ul li .txt-wrap .txt span {font-weight: 900;}
.list-card-19 ul li .txt-wrap .info{font-size: 16px; font-weight: 500; color: #000; margin-top: 20px;} 

.header-list-00 .txt{padding: 15px 10px ; display: flex; align-items: center; justify-content: center; min-height: 50px; font-size: 18px; font-weight: 600; color: #fff; background-color: #2F275A; border-radius: 7px;}

.list-txt-00 {}
.list-txt-00 ul {}
.list-txt-00 ul li {position: relative; padding-left: 190px;}
.list-txt-00 ul li .txt-wrap {display: flex; align-items: center;}
.list-txt-00 ul li .txt-wrap .tit {font-size: 40px;font-weight: 900;color: #9A8DB1;position: absolute;left: 0;border-bottom: 1px solid #9A8EB0;height: 100%;width: 100%;display: flex;align-items: center;}
.list-txt-00 ul li .txt-wrap .txt {padding: 48px 0; width: 100%; font-size: 18px; font-weight: 600; color: #424242; line-height: 32px;}
.list-txt-00 ul li + li {}
.list-txt-00 ul li:not(:last-child) .txt {border-bottom: 1px solid #9A8EB0;}


.list-card-cricle-00 {}
.list-card-cricle-00 ul{margin: 0 auto; display: flex; flex-wrap: wrap; position: relative; max-width: 870px; justify-content: space-between;}
.list-card-cricle-00 ul li{background-color: #DBD5E6; width: 376px; height: 376px; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.list-card-cricle-00 ul li + li {}
.list-card-cricle-00 ul li:nth-of-type(n+4) {margin-top: 110px;}
.list-card-cricle-00 ul li .txt-wrap{color: #2F275A; text-align: center; }
.list-card-cricle-00 ul li .txt-wrap .tit{font-size: 24px; font-weight: 700; margin-bottom: 35px;}
.list-card-cricle-00 ul li .txt-wrap .txt{font-size: 18px; font-weight: 500; line-height: 34px;}

.list-card-cricle-00 ul li.center{width: 230px; height: 230px; background-color: #9A8DB1; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.list-card-cricle-00 ul li.center .txt-wrap .tit {color: #fff; line-height: 40px; margin: 0;}


.list-card-21 {}
.list-card-21 > ul {}
.list-card-21 > ul > li {display: flex; align-items: center; justify-content: space-between;}
.list-card-21 > ul > li + li {margin-top: 150px;}
.list-card-21 > ul > li .txt-wrap  {color: #2F275A; min-width: 360px;}
.list-card-21 > ul > li .txt-wrap .tit {line-height: 42px;font-size: 28px; font-weight: 700; margin-bottom: 60px;}
.list-card-21 > ul > li .list-bullets {padding: 0 10px;}
.list-card-21 > ul > li .list-bullets ul{}
.list-card-21 > ul > li .list-bullets ul li {font-size: 18px; font-weight: 500; line-height: 36px; }
.list-card-21 > ul > li .list-bullets ul li + li {margin-top: 10px;}

.list-card-21 > ul > li .scroll-wrap {overflow-x: auto; overflow-y: visible;}
.list-card-21 > ul > li .img-wrap {max-width: 820px; ; min-width: 728px; position: relative; padding-top: 30px;}
.list-card-21 > ul > li .img-wrap img{border-radius: 20px; border: 1px solid #9A8EB0}
.list-card-21 > ul > li .img-wrap .tit {position: absolute; left: 50%; top: 30px; transform: translate(-50%, -50%); font-size: 20px; font-weight: 700; color: #2F275A; border-radius: 30px; height: 60px; width: 410px; display: flex; align-items: center; justify-content: center;  background-color: #DBD5E6;}

/* 글머리 리스트 */
.list-bullets {background-color: var(--color-bg-th); padding: 0;}
.list-bullets ul {font-size: 14px; font-weight: 400; line-height: 24px ; color: var(--color-font-01);}
.list-bullets ul li {font-size: inherit; position: relative; padding-left: 10px;}
.list-bullets ul li + li {}
.list-bullets ul li::before {content: attr(data-char); position: absolute; top: 0; right: 100%; display: inline-block;}


.list-card-img-00 {}
.list-card-img-00 ul {}
.list-card-img-00 ul li {}
.list-card-img-00 ul li + li {margin-top: 90px;}
.list-card-img-00 ul li .txt-wrap{margin-bottom: 50px; background-color: #9A8DB1; border-radius: 7px; padding: 10px; display: flex; align-items: center; justify-content: center;}
.list-card-img-00 ul li .txt-wrap .tit {color: #FFFFFF; font-size: 22px; font-weight: 700;}
.list-card-img-00 ul li .img-wrap {}
.list-card-img-00 ul li .img-wrap img{}


.list-card-30-wrap {display: flex;}
.list-card-30 {width: 100%; margin-left: 40px;}
.list-card-30 ul{display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.list-card-30 ul li{height: 120px; padding: 15px 0; background-color: #FFFFFF; box-shadow: 0 0 6px #9A8EB050; border-radius: 20px; display: flex; align-items: center; justify-content: center;}
.list-card-30 ul li + li{margin-top: 20px;}
.list-card-30 ul li .txt-wrap{text-align: center;}
.list-card-30 ul li .txt-wrap .tit{line-height: 28px; font-size: 18px; font-weight: 600; color: #2F275A;}
.list-card-30 ul li .txt-wrap .num{display: inline-flex; align-content:  center; justify-content: center; margin-top: 10px; font-weight: 500; min-width: 257px; width: auto; padding: 5px; min-height: 30px; background-color: #EAEAEA; border-radius: 30px;} 

.list-card-31 {}
.list-card-31 ul{display: flex; flex-wrap: wrap;}
.list-card-31 ul li {width: calc(33.3333% - 14px);}
.list-card-31 ul li + li {margin-left: 20px;}
.list-card-31 ul li:nth-of-type(4) {margin-left: 0;}
.list-card-31 ul li .txt-wrap {}
.list-card-31 ul li .txt-wrap .no {width: calc(100% + 13px); margin-bottom: 15px; position: relative; color: #9A8DB1; font-size: 30px; font-weight: 900; padding-bottom: 6px;}
.list-card-31 ul li .txt-wrap .no::before {content: ""; background-color: #9A8EB0; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; opacity: .5;}
.list-card-31 ul li .txt-wrap .no::after {content: ""; border: 8px solid transparent;border-left-color: #9A8DB1;position: absolute;top: 100%;left: 100%;transform: translateY(-50%);}
.list-card-31 ul li .txt-wrap .no span {filter: blur(1px);}
.list-card-31 ul li .txt-wrap .tit{font-size: 18px; font-weight: 600; color: #2F275A;}

.list-card-31 ul li:nth-of-type(n+4) {margin-top: 45px;}
.list-card-31 ul li:nth-of-type(3n) .txt-wrap .no::after {display: none;}

.list-card-31 ul li .img-wrap {margin-top: 35px;}
.list-card-31 ul li .img-wrap img{border-radius: 20px;}



.list-card-32 {width: 100%;}
.list-card-32 ul {display: flex; align-items: center; }
.list-card-32 ul li {height: 400px;width: auto;flex: 1;white-space: nowrap;padding: 60px 10px 35px; background-color: #fff; border: 1px solid #9A8EB050; border-radius: 20px;  text-align: center;  display: flex;flex-direction: column;align-items: center;}
.list-card-32 ul li + li {margin-left: 20px;}
.list-card-32 ul li .img-wrap{}
.list-card-32 ul li .img-wrap i{}
.list-card-32 ul li .img-wrap img {width: auto;}
.list-card-32 ul li .txt-wrap{text-align: center;height: 100%; display: flex;flex-direction: column;align-items: center;justify-content: center;}
.list-card-32 ul li .txt-wrap .tit{font-size: 22px; font-weight: 600; color: #2F275A; line-height: 36px;}
.list-card-32 ul li .txt-wrap .eg{margin-top: 30px; color: #000000; font-size: 14px; font-weight: 500; background-color: #DBD5E6; border-radius: 15px; width: auto; min-width: 220px; min-height: 30px; padding: 5px 10px; display: flex; align-items: center; justify-content: center;}

.ico-list-card-32-01 {background-image: url(../img/ico/ico-list-card_32_01.svg); width: 133px; height: 142px;}
.ico-list-card-32-02 {background-image: url(../img/ico/ico-list-card_32_02.svg); width: 216px; height: 142px;}
.ico-list-card-32-03 {background-image: url(../img/ico/ico-list-card_32_03.svg); width: 183px; height: 142px;}
.list-card-32 .header-list-00 {margin-bottom: 25px;}
.list-card-32 .header-list-00 .txt {background-color: #9A8DB1;}

.list-card-33 {width: 100%;}
.list-card-33 ul {display: flex; align-items: center; }
.list-card-33 ul li {min-height: 440px; height: auto; width: auto;flex: 1;white-space: nowrap;padding: 15px 10px 0; background-color: #fff; border: 1px solid #9A8EB050; border-radius: 20px;  text-align: center;  display: flex;flex-direction: column;align-items: center;}
.list-card-33 ul li + li {margin-left: 20px;}
.list-card-33 ul li .img-wrap{ }
.list-card-33 ul li .img-wrap i{}
.list-card-33 ul li .img-wrap img {width: auto;}
.list-card-33 ul li .txt-wrap{text-align: center;height: 100%; display: flex;flex-direction: column;align-items: center;justify-content: center;}
.list-card-33 ul li .txt-wrap .tit{font-size: 22px; font-weight: 600; color: #2F275A; line-height: 36px;}
.list-card-33 ul li .txt-wrap .eg{margin-top: 10px; color: #000000; font-size: 14px; font-weight: 500; background-color: #EAEAEA; border-radius: 15px; width: auto; min-width: 220px; min-height: 30px; padding: 5px 10px; display: flex; align-items: center; justify-content: center;}
.list-card-33 .header-list-00 {margin-top: 25px;}
.list-card-33 .header-list-00 .txt {background-color: #9A8DB1;}




.list-card-no-00 {background-color: #F7F7F7; padding: 95px 0;}
.list-card-no-00 ul {display: flex; align-items: center; }
.list-card-no-00 ul li {width: 100%; padding: 60px 0 ;}
.list-card-no-00 ul li + li {border-left: 1px solid #2F295910;}
.list-card-no-00 ul li .txt-wrap {text-align: center; min-height: 165px;}
.list-card-no-00 ul li .txt-wrap .no {font-size: 50px; font-weight: 900; color: #DBD5E6; margin-bottom: 25px;}
.list-card-no-00 ul li .txt-wrap .txt {font-size: 18px; font-weight: 600; color: #424242; line-height: 30px;} 
.list-card-no-00 .header-list-01 {margin-bottom: 60px;}
.header-list-01 {}
.header-list-01 .txt-wrap { color: #2F275A; text-align: center;}
.header-list-01 .txt-wrap .tit{font-size: 26px; font-weight: 700; margin-bottom: 15px;}
.header-list-01 .txt-wrap .txt{font-size: 18px; font-weight: 500; line-height: 21px; }





.list-card-no-01 {}
.list-card-no-01 ul {display: flex; align-items: center; border-top: 1px solid #9A8EB050; border-bottom: 1px solid #9A8EB050;}
.list-card-no-01 ul li {width: 100%; padding: 100px 0;}
.list-card-no-01 ul li + li {}
.list-card-no-01 ul li .txt-wrap {text-align: center; }
.list-card-no-01 ul li .txt-wrap .no {font-size: 50px; font-weight: 900; color: #DBD5E6; margin-bottom: 25px;}
.list-card-no-01 ul li .txt-wrap .txt {font-size: 18px; font-weight: 500; color: #424242; line-height: 30px;} 
.list-card-no-01 ul li .txt-wrap .txt span {font-weight: 700;}
.list-card-no-01 .header-list-01 {margin-bottom: 60px;}


.list-card-img-01 {width: 100%; max-width: 47.5%; flex: none;}
.list-card-img-01 ul{}
.list-card-img-01 ul li {max-width: 100%;}
.list-card-img-01 ul li .img-wrap {padding: 10px; max-width: 100%; border-radius: 20px 20px 0 0 ; background-color: #fff;}
.list-card-img-01 ul li .img-wrap img{ width: 100%; border-radius: 20px;}
.list-card-img-01 ul li .txt-wrap{background-color: #fff; border-radius: 0 0 20px 20px; padding: 25px 10px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.list-card-img-01 ul li .txt-wrap .tit{color: #2F275A; font-size: 18px; font-weight: 600;}
.list-card-img-01 ul li .txt-wrap .num{ display: flex; align-items: center; justify-content: center; border-radius: 15px; min-width: 257px; width: auto; height: auto; min-height: 30px; background-color: #EAEAEA; margin-top: 15px; font-size: 14px; font-weight: 500; color: #000000; }

.list-card-circle-00 {} 
.list-card-circle-00 ul {display: flex; align-items: center; justify-content: center; flex-wrap: wrap;} 
.list-card-circle-00 ul li { width: 400px; height: 400px; background-color: #F9F8FB; border: 10px solid #F1EEF5; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-direction: column; } 
.list-card-circle-00 ul li + li {margin-left: 20px;} 
.list-card-circle-00 ul li .img-wrap {text-align: center; max-width: 262px;} 
.list-card-circle-00 ul li .img-wrap img {margin: 0 auto;} 
.list-card-circle-00 ul li .txt-wrap{color: #2F275A;} 
.list-card-circle-00 ul li .txt-wrap .txt{font-size: 18px; font-weight: 700; } 
.list-card-circle-00 ul li:nth-of-type(4) {margin-left: -10px;}
.list-card-circle-00 ul li:nth-of-type(n+4) {margin-top: -30px;}
.list-card-circle-00 ul li:nth-of-type(2) .img-wrap {max-width: 220px;}
.list-card-circle-00 ul li:nth-of-type(3) .img-wrap {max-width: 255px;}

.list-card-img-circle-00 {}
.list-card-img-circle-00 ul {display: flex; justify-content: space-between; padding: 0 75px;}
.list-card-img-circle-00 ul li {}
.list-card-img-circle-00 ul li .img-wrap{display: flex; flex-direction: column; position: relative;}
.list-card-img-circle-00 ul li .img-wrap img {border-radius: 50%; max-width: 252px;}
.list-card-img-circle-00 ul li .img-wrap.txt::before {content: attr(data-txt); position: absolute; right: 0; top: 9px;  background: url(../img/list-card-img-circle-00-txt.svg) no-repeat center / cover; width: 120px; height: 58px; font-size: 18px; font-weight: 500; color: #2F275A; display: flex; align-items: flex-start; justify-content: center; padding-top: 15px; box-sizing: border-box; transform: translateY(-50%);}
.list-card-img-circle-00 ul li .txt-wrap {text-align: center; margin-top: 50px;}
.list-card-img-circle-00 ul li .txt-wrap .txt{font-size: 20px; font-weight: 500; color: #000000;}

/* .list-card-img-circle-00 .header-list-01 {margin-bottom: 60px;} */
.list-card-img-circle-00 .header-list-00 {margin-top: 120px; }
.list-card-img-circle-00 .header-list-00 .txt{background-color: #FDFDFD;color: #2F275A; border: 1px solid #9A8EB050;}
 

.list-card-img-02 {}
.list-card-img-02 ul {display: flex;}
.list-card-img-02 ul li {width: calc(33.33333% - 13px); position: relative; min-width: 230px;}
.list-card-img-02 ul li + li{margin-left: 20px;}
.list-card-img-02 ul li .txt-wrap {padding: 0 25px; position: absolute; left: 50%; top: 20px; transform: translateX(-50%); width: 100%;}
.list-card-img-02 ul li .txt-wrap .tit{min-height: 50px; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 600; color: #000; background-color: #fff; border-radius: 25px; box-shadow: 0 3px 6px #00000016; width: 100%;}
.list-card-img-02 ul li .img-wrap {}
.list-card-img-02 ul li .img-wrap img{border-radius: 20px;}
.list-card-img-02 .header-list {margin-top: 25px;}
.list-card-img-02 .header-list .txt{min-height: 120px; padding: 35px 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; border-radius: 20px; border: 1px solid #9A8DB150; background-color: #FDFDFD; color: #2F275A; font-weight: 500; font-size: 18px; line-height: 30px;}
.list-card-img-02 .header-list .txt span{font-weight: 700;}


.list-card-img-wrap {margin-left: 20px; flex: 1;}
.list-card-img-wrap ul {display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 6px; grid-row-gap: 6px;}
.list-card-img-wrap ul li {}
.list-card-img-wrap ul li .img-wrap {}
.list-card-img-wrap ul li .img-wrap img {width: 100%; height: 100%; border-radius: 20px;}



@keyframes animate { 
  0% { transform: rotate(0deg); } 
  0% { transform: rotate(360deg); } 
}


.list-ani-cricle { width: 100%; height: 100%; position: relative; } 
.list-ani-cricle ul { width: 150px; height: 150px; position: absolute; left: 50%; top: 50%; transform: translate(calc(-50% - -120px), -50%); border-radius: 50%; } 
.list-ani-cricle ul li { position: absolute; width: 100%; height: 100%; background-color: rgba(225,233,248,0.5); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto; } 
.list-ani-cricle ul li .bg { animation: animate 21s linear infinite; position: absolute; width: calc(100% + 35px); display: none; } 
.list-ani-cricle ul li .bg img { } 
.list-ani-cricle ul li .cont { z-index: 5; position: relative; } 
.list-ani-cricle ul li .cont .img-wrap { } 
.list-ani-cricle ul li.main .cont .img-wrap {text-align: center;}
.list-ani-cricle ul li .cont .img-wrap img { margin: 0 auto;} 
.list-ani-cricle ul li.main .cont .img-wrap img {  margin: 0 auto; margin-bottom: 5px; transform: scaleY(0); animation: imgWrap .65s .35s linear forwards; transform-origin: top;} 

.list-ani-cricle ul li.main .cont .img-wrap.fist img{width: 290px; max-width: initial; } 
.list-ani-cricle ul li .cont .img-wrap.fist img{ max-width: 80px; margin: 0 auto; } 

.list-ani-cricle ul li.main .cont .img-wrap.second img{width: 460px;  max-width: initial; } 
.list-ani-cricle ul li .cont .img-wrap.second img{max-width: 110px;} 

.list-ani-cricle ul li.main .cont .img-wrap.thred img{width: 290px; max-width: initial; } 
.list-ani-cricle ul li .cont .img-wrap.thred img{max-width: 85px; margin: 0 auto; } 

.list-ani-cricle ul li .cont .txt-wrap { height: 0; overflow: hidden; opacity: 0;} 
.list-ani-cricle ul li .cont .txt-wrap .tit { font-size: 28px; font-weight: 800; color: #27405A; margin-bottom: 15px; } 
.list-ani-cricle ul li .cont .txt-wrap .txt { font-size: 18px; font-weight: 500; color: #27405A; line-height: 28px; margin-bottom: 20px; } 
.list-ani-cricle ul li .cont .txt-wrap .txt02 { font-size: 16px; font-weight: 400; color:#292929; line-height: 24px; } 

.list-ani-cricle ul li .hover{position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 10;display: flex;align-items: center;justify-content: center;font-size: 20px;font-weight: 800;color: #27405A;background-color: #FFFFFF90;inset: 10px 10px;border-radius: 50%;opacity: 0;}
.list-ani-cricle ul li.before:hover .hover, .list-ani-cricle ul li.after:hover .hover, .list-ani-cricle ul li.third:hover .hover{opacity: 1; transition: .65s;}


.list-ani-cricle ul li::before { content: ""; opacity: 0; animation: animate 8s ease-in-out infinite ; border-radius: 50%; position: absolute; inset: 50% 50%; background: rgb(8,74,151);background: linear-gradient(72deg, rgba(8,74,151,1) 0%, rgba(225,233,248,0.5) 100%); z-index: 1; }
.list-ani-cricle ul li::after { content: ""; background-color: #ffffff65; position: absolute; left: 0; top: 0; inset: 10px; border-radius: 65%; z-index: 2; } 

.list-ani-cricle ul li.main {z-index: 9; transition: 1s; width: 600px; height: 600px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} 
.list-ani-cricle ul li.main .bg { display: block; } 
.list-ani-cricle ul li.main .cont .txt-wrap { height: auto; animation: txtWrap .7s .8s linear forwards; } 
.list-ani-cricle ul li.main::before {display: none;} 
.list-ani-cricle ul li.before, .list-ani-cricle ul li.after, .list-ani-cricle ul li.third {/* cursor: url('./cursor_02.png'), pointer;  */overflow: hidden;}

.list-ani-cricle ul li.before:hover::before, .list-ani-cricle ul li.after:hover::before, .list-ani-cricle ul li.third:hover::before {inset: 0px 0px; transition: .8s ease-in-out; opacity: 1;}

.list-ani-cricle ul li.before { animation: rotateBeforeAni-pc 35s 1s  infinite linear, rotateBeforeAni-pc-02 1s; } 
.list-ani-cricle ul li.before .cont .img-wrap img {margin: 0 auto;} 

.list-ani-cricle ul li.after { animation: rotateAfterAni-pc 35s 1s infinite linear, rotateAfterAni-pc-02 1s; } 
.list-ani-cricle ul li.third { animation: rotateThirdAni-pc 35s 1s infinite linear, rotateThirdAni-pc-02 1s; } 





.list-history-00 {}
.list-history-00 + .list-history-00{margin-top: 100px;}
.list-history-00 .wrap {display: flex; justify-content: space-between;}
.list-history-00 .list-mark {margin-bottom: 70px;}
.list-mark {display: flex;}
.list-mark ul{width: auto; padding: 10px 25px; display: flex; align-items: center; background-color: #F7F7F7; border-radius: 10px;}
.list-mark ul li{display: flex; align-items: center;}
.list-mark ul li + li {margin-left: 25px;}
.list-mark ul li i{}
.list-mark ul li .name{font-size: 18px; font-weight: 600; margin-left: 8px; }
.list-mark ul li:nth-of-type(1) .name{color: #004899;}
.list-mark ul li:nth-of-type(2) .name{color: #27405A;}
.list-mark ul li:nth-of-type(3) .name{color: #2F275A;}

.list-history-00 .head-list {color: #004899; min-width: 305px;}
.list-history-00 .head-list .period{font-size: 46px; font-weight: 900;}
.list-history-00 .head-list .tit-sub{width: 87px; height: 40px; display: flex; align-items: center; justify-content: center; border: 1px solid #054899; border-radius: 10px; background-color: #F4F7FF; font-size: 18px; font-weight: 600; margin-top: 10px;}

.list-history-00 .wrap ul{ width: 100%; max-width: 740px;}
.list-history-00 .wrap ul li {display: flex; align-items: flex-start;}
.list-history-00 .wrap ul li + li {}
.list-history-00 .wrap ul li .date {font-size: 24px; font-weight: 800; color: #232323; width: 120px;}
.list-history-00 .wrap ul li .info {width: 100%; margin-left: 40px; display: flex;flex-direction: column; padding-bottom: 40px;}
.list-history-00 .wrap ul li + li .info {border-top: 1px solid #E4E4E4; padding: 40px 0 ;}
.list-history-00 .wrap ul li + li .date {padding-top: 40px;}
.list-history-00 .wrap ul li .info .txt {padding-left: 25px; position: relative; color: #232323; font-size: 18px; font-weight: 500; display: flex; align-items: center;}
.list-history-00 .wrap ul li .info .txt + .txt {margin-top: 10px;}
.list-history-00 .wrap ul li .info .txt  i {position: absolute; top: 0; left: 0;}


.main-sub.customer {}
.main-sub.customer .sec{}

.main-sub.customer .sec.order-01 {padding: 50px 0;}
.main-sub.customer .sec.order-02 {display: flex; flex-direction: column-reverse; margin: 100px 0;}
.main-sub.customer .sec.order-02 .header{color: #fff;font-size: 20px;font-weight: 800;text-align: center;background-color: #27405A;height: 50px;display: flex;align-items: center;justify-content: center;border-radius: 10px;margin-top: 180px;}
.main-sub.customer .sec.order-02 .header .txt{}


.main-sub.customer .sec.order-03 {margin: 100px 0 174px;}
.main-sub.customer .sec.order-03 .list-ani-cricle ul {position: static; width: auto; height: auto; transform: unset;display: flex;align-items: center;justify-content: center;}
.main-sub.customer .sec.order-03 .list-ani-cricle ul li {position: relative; transform: none; left: unset; right: unset; width: 580px; height: 580px;}
.main-sub.customer .sec.order-03 .list-ani-cricle ul li + li {margin-left: 20px;}
.main-sub.customer .sec.order-03 .list-ani-cricle ul li .bg {width: calc(100% + 15px);}
.main-sub.customer .sec.order-03 .list-ani-cricle ul li .cont .txt-wrap {text-align: center; opacity: 1;}
.main-sub.customer .sec.order-03 .list-ani-cricle ul li.main .cont .img-wrap img {transform: none;}
.main-sub.customer .sec.order-03 .list-ani-cricle ul li .cont .txt-wrap .tit {font-size: 20px;margin-bottom: 10px;}
.main-sub.customer .sec.order-03 .list-ani-cricle ul li .cont .txt-wrap .txt {font-size: 16px;line-height: 25px;margin-bottom: 20px;} 


.banner-00 {position: relative; background: linear-gradient(-31deg, #DBD5E6 50%, #F8F4FF 50%); border-radius: 10px; height: 300px; padding: 0 85px; display: flex; justify-content: space-between; align-items: center;}
.banner-00 .img-wrap {max-width: 540px;position: relative;left: -4%;top: -30%;margin-right: 9%;}
.banner-00 .img-wrap img{}
.banner-00 .txt-wrap {display: flex; align-items: center; justify-content: center;flex-direction: column; width: 100%; max-width: 400px;}
.banner-00 .txt-wrap .tit{font-size: 26px; font-weight: 700; color: #2F275A; margin-bottom: 30px;}
.banner-00 .txt-wrap .btn {transition: .35s; color: #F8F4FF; background-color: #2F275A; border-radius: 30px; font-size: 20px; font-weight: 600;padding: 15px ; width: 100%; max-width: 400px; height: 60px; display: flex; justify-content: center; align-items: center;}
.banner-00 .txt-wrap .btn:hover {background-color: #F8F4FF; color: #2F275A;}

@media(max-width: 1300px) {
  .footer-info .r .list-file-00 {display: none;}
  .list-company-info .list-file-00 {display: block;}
}

@media(max-width: 1280px) {
  .list-card-09 > ul > li + li {margin-left: 30px;}
  .list-card-09 > ul > li:nth-of-type(3) {width: 100%;justify-content: center; margin: 50px 0;}
  .list-card-09 > ul > li:nth-of-type(4) {margin: 0;}

  
  .list-card-circle-00 {padding: 0px 12%;}
  .list-card-circle-00 ul li {width: 235px; height: 235px;}
  .list-card-circle-00 ul li .img-wrap {max-width: 150px;}
  .list-card-circle-00 ul li:nth-of-type(2) .img-wrap {max-width: 120px;}
  .list-card-circle-00 ul li:nth-of-type(3) .img-wrap {max-width: 140px;}
  .list-card-circle-00 ul li + li {margin-left: 8px;}
  .list-card-circle-00 ul li:nth-of-type(n+4) {margin-top: -20px;}
}

@media(max-width: 1200px) {
  .list-card-12 ul {flex-wrap: wrap;max-width: 725px;margin: 0 auto;}
  .list-card-12 ul li {width: 335px;height: 335px;}
  .list-card-12 ul li:nth-of-type(n+3) {margin-top:  65px;}
  .list-card-12 ul li:nth-of-type(2n) {margin-left: 55px;}
  .list-card-12 ul li + li {margin-left: 0;}
  .list-card-12 ul li .bg::before {right: 4px;width: 390px;height: 380px;background: url(../img/list_card12_bg1.png) no-repeat center/ 390px 380px;}

  
  .main-sub.customer .sec.order-03 {margin: 60px 0 80px;}
  .main-sub.customer .sec.order-03 .list-ani-cricle ul {flex-direction: column;}
  .main-sub.customer .sec.order-03 .list-ani-cricle ul li + li {margin: 0;margin-top: 40px;}

  
  .list-card-06 {height: auto;}
  .list-card-06 ul {flex-wrap: wrap; margin: -40px; background: url(../img/img_list06_border.svg) no-repeat center;}
  .list-card-06 ul li {justify-content: flex-end; flex: none;width: 50%;padding: 40px;min-height: 365px;}
  section.order_04 .list-card-06 {padding-top: 0;}
  .list-card-06 ul li + li {border-left: none;}
  .list-card-06 ul li .txt-wrap-02 .desc {font-size: 18px; line-height: 30px;}


  .list-card-14 ul {max-width: 700px;}
  .list-card-14 {padding: 30px 0 63px;}
  .list-card-14 ul li .cont-wrap {margin-top: 15px;}
  .list-card-14 ul li + li {margin-left: 0;}
  .list-card-14 ul li:nth-of-type(n+3) {margin-top: 50px;}
  .list-card-14 ul li:nth-of-type(2n) {margin-left: 20px;}
  .list-card-14 > .tit-sub {width: 150px; height: 50px; font-size: 18px; margin-bottom: 50px;}
  .list-card-14 .bg > .tit {top: -17px; font-size: 20px;}
  .list-card-14 .bg > .tit img {width: 147px;margin-bottom: 15px;}


  .list-card-15 ul {flex-direction: column;}
  .list-card-15 ul li {max-width: 100%; display: flex; flex-direction: row-reverse;align-items: center;justify-content: space-between; padding: 50px 75px 50px 35px;}
  .list-card-15 ul li::before {left: 0; transform: none; bottom: calc(100% + 15px); font-size: 50px;}
  .list-card-15 ul li + li {margin-left: 0; margin-top: 117px;}
  .list-card-15 ul li .img-wrap {margin-left: auto; margin-right: 0;}
  .list-card-15 ul li .txt-wrap {text-align: left;}

  .list-history-00 .wrap {flex-direction: column;}
  .list-history-00 .head-list{display: flex; align-items: center;}
  .list-history-00 .head-list .tit-sub {margin: 0; margin-left: 20px;}
  .list-history-00 .wrap ul {margin-top: 40px; max-width: 100%;}
  .list-history-00 .wrap ul li .info {margin-left: 60px;}

  .list-partner-00 ul {row-gap: 25px;}


  .list-card-07 ul li {padding: 30px 0 ;     height: 235px;}
  .list-card-07 ul li .txt-wrap .tit {font-size: 18px;}

  .list-card-07 ul li:nth-of-type(1) .img-wrap {max-width: 107px;}
  .list-card-07 ul li:nth-of-type(2) .img-wrap {max-width: 126px;}
  .list-card-07 ul li:nth-of-type(3) .img-wrap {max-width: 148px;}
  .list-card-07 ul li .img-wrap {max-width: 107px;}

  .list-txt-00 ul li {padding-left: 110px;}
  .list-txt-00 ul li .txt-wrap .tit {font-size: 24px;}
  .list-txt-00 ul li .txt-wrap .txt {font-size: 16px;}


  .list-card-cricle-00 ul {max-width: 728px;}
  .list-card-cricle-00 ul li {width: 330px; height: 330px;}
  .list-card-cricle-00 ul li.center {width: 190px; height: 190px;}
  .list-card-cricle-00 ul li:nth-of-type(n+4) {margin-top: 70px;}
  .list-card-cricle-00 ul li .txt-wrap .tit {font-size: 20px; margin-bottom: 38px;}
  .list-card-cricle-00 ul li .txt-wrap .txt {font-size: 16px; line-height: 30px;}
  .list-card-cricle-00 ul li.center .txt-wrap .tit {font-size: 20px; line-height: 24px;}
  
  
  .list-card-21 > ul > li .txt-wrap .tit {font-size: 20px; line-height: 32px; margin-bottom: 50px;}
  .list-card-21 > ul > li .list-bullets ul li {font-size: 16px; line-height: 32px; padding-left: 5px; }
  .list-card-21 > ul > li .list-bullets ul li + li {margin-top: 0;}
  .list-card-21 > ul > li .txt-wrap {margin-right: 25px;}
  
  .list-card-img-00 ul li .txt-wrap {margin-bottom: 30px;}
  .list-card-img-00 ul li .txt-wrap .tit {font-size: 18px;}
  .list-card-img-00 ul li .img-wrap {overflow-x: auto;}
  .list-card-img-00 ul li .img-wrap img {min-width: 1035px;}
  .list-card-img-00 ul li + li {margin-top: 50px;}

  .list-card-img-01 {width: 47%;}


  .banner-00 {height: 176px; padding: 40px 50px;}
  .banner-00 .img-wrap {    max-width: 265px;margin-right: 16%;left: -1%;top: -35%;}
  .banner-00 .txt-wrap .tit {font-size: 22px; margin-bottom: 15px;}
  .banner-00 .txt-wrap .btn {height: 40px; max-width: 234px;}
  .banner-00 .txt-wrap {max-width: 235px;}

  .media .txt {margin-top: 20px; font-size: 16px; line-height: 28px; padding: 25px 0;}


  .list-card-08 ul li .img-wrap ul li {width: 150px; height: 150px;}
  .list-card-08 ul li .txt-wrap .txt {font-size: 16px;}
  .list-card-08 ul li .img-wrap ul li .txt {font-size: 12px; margin-top: 10px;}
  .list-card-08 > ul > li::before {font-size: 40px; margin-right: 68px;}
  .list-card-08 ul li .img-wrap .tit {margin-top: 20px; font-size: 12px; min-width: 220px; min-height: 35px;}
  .list_card_08_01 {width: 99px; height: 75px;}
  .list_card_08_02 {width: 30px; height: 62px;}
  .list_card_08_03 {width: 68px; height: 49px;}
  .list_card_08_04 {width: 78px; height: 45.5px;}
  .list_card_08_05 {width: 69.8px; height: 68.5px;}

  .list-card-10 ul li .txt-wrap {min-height: 80px; font-size: 16px; margin-top: 20px;}


  .list-card-19 ul li .txt-wrap .tit {font-size: 18px; min-height: 45px;}
  .list-card-19 ul li .txt-wrap .txt {font-size: 20px; line-height: 32px;}
  .list-card-19 ul li .txt-wrap .info {font-size: 14px;}


  .list-card-16 {position: relative;}
  .list-card-16 ul li {width: 173px; height: 173px; position: static;}
  .list-card-16 ul li.mark-r::before {width: 120px; height: 120px; left: 50%; transform: translate(-50%, 0%);}
  .list-card-16 ul li + li {margin-left: 10px;}
  .list-card-16 ul li .txt-wrap .tit {font-size: 16px; line-height: 26px;}


  .list-card-img-03 ul li .txt-wrap {margin-bottom: 78px;}
  .list-card-img-03 ul li .txt-wrap .tit {font-size: 16px; min-height: 45px;}

  .list-card-30 {margin-left: 20px;}
  .list-card-30 ul li {height: auto; padding: 15px; min-height: 100px;}
  .list-card-30 ul li + li {margin-top: 15px;}
  .list-card-30 ul li .txt-wrap .tit {font-size: 14px; line-height: 24px;}
  .list-card-30 ul li .txt-wrap .num {margin-top: 15px; min-height: 20px; font-size: 12px;}
  .list-card-img-01 ul li {min-width: 355px;}
  .list-card-img-01 ul li .txt-wrap .tit {font-size: 14px; text-align: center; line-height: 24px;}
  .list-card-img-01 ul li .txt-wrap .tit .blist-card-32r-m {display: block;}
  .list-card-img-01 ul li .txt-wrap .num {font-size: 12px; min-height: 20px; min-width: 175px; padding: 5px 10px;}


  .list-card-31 ul li .txt-wrap .no {font-size: 24px; margin-bottom: 10px; padding-bottom: 5px;}
  .list-card-31 ul li .txt-wrap .tit {font-size: 12px;}
  .list-card-31 ul li .img-wrap {margin-top: 20px;}
  .list-card-31 ul li:nth-of-type(n+4) {margin-top: 30px;}



  .header-list-00 .txt {min-height: 40px; font-size: 16px;}
  .list-card-32 ul li {height: 230px; padding: 30px 20px 20px ; min-width: 230px;}
  .list-card-32 ul li .txt-wrap {margin-top: 15px;}
  .list-card-32 ul li .txt-wrap .tit {font-size: 16px; line-height: 24px;}
  .list-card-32 ul li .txt-wrap .eg {margin-top: 15px; font-size: 12px; min-height: 20px; min-width: 170px;}
  .ico-list-card-32-01 {width: 76.5px; height: 81.3px;}
  .ico-list-card-32-02 {width: 124px; height: 81.2px;}
  .ico-list-card-32-03 {width: 104.7px; height: 81.2px;}


  .main-sub.sales .sec-05 .list-card-img-02 + .list-card-img-02 {margin-top: 50px;}
  .list-card-img-02 ul li .txt-wrap {top: 10px; padding: 0 10px;}
  .list-card-img-02 ul li .txt-wrap .tit {min-height: 30px; font-size: 14px;}
  .list-card-img-02 .header-list {margin-top: 20px;}
  .list-card-img-02 .header-list .txt {min-height: 96px; font-size: 16px; line-height: 26px;}


  .header-list-01 .txt-wrap .tit {font-size: 24px; margin-bottom: 18px;}
  .header-list-01 .txt-wrap .txt {font-size: 16px;}
  .list-card-no-00 ul li .txt-wrap .txt .br-m{display: block;}


  .list-card-33 ul li {padding: 20px; min-height: auto;}
  .list-card-33 ul li .img-wrap {padding: 0 18%; display: flex; justify-content: center;}
  .list-card-33 ul li .img-wrap img {width: 100%; min-width: 205px;}
  .list-card-33 .header-list-00 {margin-top: 20px;}

  .list-card-circle-01 ul li {width: 173px; height: 173px; padding: 30px 0;}
  .list-card-circle-01 ul li .txt-wrap .txt {font-size: 14px; line-height: 24px;}
  .list-card-circle-01 ul li .txt-wrap .txt span {font-size: 16px; line-height: 18px;}

  .list-card-img-04 .header-list-01 {margin-bottom: 45px;}

  .list-card-img-04 .wrap {flex-direction: column;}
  .list-card-img-04 .img-wrap {max-width: 100%;}
  .list-card-img-04 ul {max-width: 100%; margin: 0; margin-top: 20px; border-radius: 0 0 15px 15px; min-height: auto;}
  .list-card-img-04 ul li .lowercase-wrap {margin-left: 45px; min-width: 110px;}
  .list-card-img-04 ul li .lowercase-wrap span {width: 30px; height: 30px;}
  .list-card-img-04 ul li .txt-wrap .tit {font-size: 16px;}
  .list-card-img-04 ul li .txt-wrap .txt {font-size: 14px; line-height: 24px;}
  .list-card-img-04 ul li {padding: 20px 0;}


  .list-card-22 > ul > li {min-height: 560px;}
  .list-card-22 > ul > li .txt-wrap .tit {font-size: 14px; min-width: 130px; min-height: 30px;}
  .list-card-22 > ul > li .img-wrap {max-width: 220px; display: flex; flex-direction: column; align-items: center;}
  .list-card-22 > ul > li .img-wrap .txt {white-space: nowrap; font-size: 14px; margin-top: 20px;}
  .list-card-22 > ul > li .img-wrap::before {width: 35px; height: 35px; font-size: 14px;}
  .list-card-22 > ul > li .list-table-00 {margin-top: 35px;}
  .list-card-22 > ul > li .txt-wrap {margin-bottom: 20px;}

  .list-card-no-01 ul li {padding: 45px 0 60px;}
  .list-card-no-01 ul li .txt-wrap .txt .br-m {display: block;}
  .list-card-no-01 ul li .txt-wrap .txt  {line-height: 26px;}
  .list-card-no-01 ul li .txt-wrap .no {font-size: 40px; margin-bottom: 35px;}

  .list-card-img-circle-00 ul li .img-wrap img {max-width: 180px;}
  .list-card-img-circle-00 ul {justify-content: center;}
  .list-card-img-circle-00 ul li + li {margin-left: 65px;}
  .list-card-img-circle-00 .header-list-01 {margin-bottom: 60px;}
  .list-card-img-circle-00 ul li .txt-wrap {margin-top: 30px;}
  .list-card-img-circle-00 ul li .txt-wrap .txt {font-size: 16px;}
  .list-card-img-circle-00 .header-list-00 {margin-top: 40px;}
  .list-card-img-circle-00 ul li .img-wrap.txt::before {width: 91px; height: 44px; font-size: 14px; padding-top: 10px;}

  .list-table-00 ul {padding: 10px;}
  .list-table-00 ul li .th {font-size: 14px;}
  .list-table-00 ul li .td {font-size: 12px;}

  .list-card-11 > ul > li .info-wrap ul li .img-wrap{line-height: 36px; align-self: flex-start;}
  .list-card-11 > ul > li .info-wrap ul li .txt-wrap {line-height: 36px;}
  .list-card-11 > ul > li .info-wrap ul li .txt-wrap .txt {line-height: 36px; text-align: left;}
  .list-card-11 > ul > li .info-wrap ul li .txt-wrap .br-m {display: block;}
  
  .list-card-11 > ul > li .info-wrap ul li:last-of-type .txt-wrap .br-m {display: none;}



  #request {padding:40px 0 50px;}
  #request .inner {flex-direction: column;}
  .header-request {max-width: 100%; height: auto; padding: 30px; flex-direction: row;}
  .header-request .txt-wrap .tit {font-size: 28px; margin-bottom: 10px;}
  .header-request .txt-wrap .txt {}
  #request .header-request {margin-bottom: 40px;}

  .header-request .img-wrap {max-width: 78px;}
  .sec-request .header-sec-request .tit {font-size: 22px;}
  .sec-request {margin-bottom: 40px;}
  .input-textarea-00 {min-height: 120px;}
  #bo_w .btn_confirm {margin-top: 40px;}
}



@media(max-width: 1200px) {
  .gnb-all-container {display: none;}
  .search-wrap {padding: 0 7.5px;}
  #gnb #gnb_1dul {overflow: auto; position: absolute;top: 100%;left: 0;width: 100%;flex-direction: column; display: none;height: calc(100vh - 90px); background:url(../img/bg/gnb_bg.svg) no-repeat bottom -2px  center / 100%; background-color: #fff;}
  /* #gnb .gnb_wrap .menu-wrap.active #gnb #gnb_1dul{} */
  #gnb .gnb_wrap .menu-wrap.active #gnb_1dul {}
  #gnb .gnb_wrap {padding: 0 20px 0 24px;}
  .hambur-wrap {display: flex;}
  .language {display: none;}

  .gnb_2dul {height: auto; display: none;}
  #hd .gnb_1dli_over .gnb_2dul {height: auto; display: none;}
  #gnb #gnb_1dul > li.active {} 
  #gnb #gnb_1dul > li.active > .gnb_2dul{} 


  #hd.hd_zindex ~ #gnb .gnb_2dul {min-height: unset; display: none;}
  #gnb #gnb_1dul > li:nth-of-type(1) { background-color: #E5ECF5;}
  #gnb #gnb_1dul > li:nth-of-type(2) { background-color: #B2C7E0;}
  #gnb #gnb_1dul > li:nth-of-type(3) { background-color: #7FA3CC;}
  #gnb #gnb_1dul > li:nth-of-type(4) { background-color: #4C7EB7;}
  #gnb #gnb_1dul > li > a {min-height: 80px;}
  #gnb #gnb_1dul > li > a span {height: 80px;}
  #gnb .gnb_1dli .ico-ani__toggle {display: block;}
  /* #gnb .gnb_1dli.active .gnb_2dul{min-height: auto;} */
  /* #gnb #gnb_1dul > li.active {} */
  .gnb_1dli_on .gnb_2da {height: 80px; display: flex; align-items: center; justify-content: center;}
  .gnb_2dul .gnb_2dul_box li + li {border-top: 1px solid #084A9750;}
  .gnb_2dul .gnb_2dul_box li {max-width: 100%;}
  #gnb.active {background: #F6F7F9; transition: 0s;}


  /* header-sub */
  .header-sub {padding: 30px 0; height: 250px;}
  .header-sub .txt-wrap .tit {font-size: 32px;}
  .header-sub .txt-wrap .tit-en {font-size: 18px;}
  .lnb-breadcrumbs ol li a {font-size: 14px;}
  .lnb-breadcrumbs ol li + li::before {font-size: 14px;}
  .lnb-page-move ul {height: 60px;}
  .lnb-page-move .inner {padding: 0;}
  .lnb-page-move ul li a {font-size: 16px;}
  
}

@media(max-width: 1100px) {
  .list-card-30-wrap {flex-direction: column; align-items: center;}
  .list-card-img-wrap {margin: 10px 0 0;}
  .list-card-img-01 {width: 100%; max-width: 100%;}
}

@media(max-width: 1024px) {
  .list-card-circle-00 {padding: 0px 2%;}
}


@media(max-width: 870px) { 
  .list-card-30-wrap {flex-direction: column;align-items: center;}
  .list-card-img-01 {max-width: 100%;}
  .list-card-img-01 ul li {max-width: 100%;}
  .list-card-img-01 ul li .img-wrap {max-width: 100%; }
  .list-card-30 {margin-left: 0; margin-top: 15px;}
  .list-card-30 ul li {min-height: auto;}
  .list-card-30 ul li .txt-wrap .tit {font-size: 12px;}
  .list-card-30 ul li .txt-wrap .num {margin-top: 10px;}

  .list-card-img-01 ul li .txt-wrap {padding: 15px ;}
  .list-card-img-01 ul li .txt-wrap .tit {font-size: 12px; line-height: 20px;}
  .list-card-img-01 ul li .txt-wrap .num {margin-top: 10px;}


  .list-file-00 ul {padding:10px 15px; flex-wrap: wrap;flex-direction: column;align-items: flex-start;}
  .list-file-00 ul li + li {margin-left: 0;}
  .list-file-00 ul li {width: 100%;}
  .list-file-00 ul li a {padding: 5px 0; font-size: 12px; font-weight: 500;}


  .list-card-circle-00 {padding: 0px 0;}



}

@media(max-width: 768px) {
  br.br-p{display: none;}
  br.br-m {display: block;}

  /* header-sub */
  .header-sub {padding: 40px 0;height: 200px;}
  .header-sub .inner {flex-direction: column; align-items: center; justify-content: flex-end;}
  .header-sub .txt-wrap {text-align: center; margin-bottom: 25px;}
  .header-sub .txt-wrap .tit {font-size: 22px;margin-bottom: 5px;}
  .header-sub .txt-wrap .tit-en {font-size: 14px;}
  .lnb-breadcrumbs ol li + li::before {font-size: 12px;}
  .lnb-breadcrumbs ol li a {font-size: 12px;}

  /* FOOTER */
  .partnership > .inner {padding: 3px 7px; max-height: 60px;}
  .partnership .tit {display: none;}
  .partnership-container {padding: 0px 40px; width: 100%;}
  /* .list-partnership.swiper {max-width: 108px;} */
  #top-btn {display: none;}
  .top-btn.top-btn2 {display: block;}
  .ico_prev, .ico_next {width: 40px; height: 40px;}
  .top-btn-wrap {bottom: 30px; right: 20px;}
  .top-btn-wrap .top-btn {margin-top: 10px;}
  .top-btn-wrap .view-product-btn {margin-bottom: 10px;}
  
  .footer-info > .inner {position: relative;}
  .footer-info .r {justify-content: flex-end; margin-left: 15px;}
  .list-link-selector {position: absolute;top: 65px; right: 20px; height: auto;}
  .list-link-selector .tit {font-size: 12px;}
  .list-partnership ul {height:59px;}

  /* ico */
  .ico_top {width: 55px; height: 55px;}
  .ico_consulting {width: 20px; height: 15px;}
  .ico_view_product {width: 20px; height: 15px;}
  .top-btn-wrap .view-product-btn a, .top-btn-wrap .consulting-btn a  {width: 55px; height: 55px; font-size: 12px;}
  

  /* list-card */
  .list-card-11 {padding: 35px 20px 30px;}
  .list-card-11 > ul > li .info-wrap ul {display: flex;flex-direction: column;}
  .list-card-11 > ul > li > .img-wrap {max-width: 77px;margin-bottom: 25px;}
  .list-card-11 > ul > li > .txt-wrap .tit {font-size: 24px;}
  .list-card-11 > ul > li > .txt-wrap .tit-sub {font-size: 24px;margin-bottom: 25px;}
  .list-card-11 > ul > li > .txt-wrap .txt {font-size: 14px;line-height: 24px;}
  .list-card-11 > ul > li .info-wrap ul li + li {margin-top: 25px;}
  .list-card-11 > ul > li .info-wrap ul li .img-wrap {align-self: center; line-height: auto;}
  .list-card-11 > ul > li .info-wrap ul li .img-wrap .tit {font-size: 16px;}
  .list-card-11 > ul > li .info-wrap ul li .txt-wrap .txt {font-size: 14px; line-height: 18px; text-align: center;}
  .list-card-11 > ul > li .info-wrap ul li .img-wrap i {width: 32px; height: 32px;}
  .list-card-11 > ul > li .info-wrap ul li {flex-direction: column;}
  .list-card-11 > ul > li .info-wrap ul li .txt-wrap {margin-top: 5px;}
  .list-card-11 > ul > li .info-wrap ul li .txt-wrap .txt span {position: relative; font-weight: 400;}
  .list-card-11 > ul > li .info-wrap ul li .txt-wrap .txt .mobile-none {display: none;}
  .list-card-11 > ul > li .info-wrap ul li:last-of-type .txt-wrap .br-m {display: block;}
  .list-card-11 > ul > li .info-wrap {padding: 25px 10px;}

  .list-card-12 ul {max-width: 310px;}
  .list-card-12 ul li {width: 135px;height: 135px;}
  .list-card-12 ul li::before {font-size: 20px;}
  .list-card-12 ul li .bg::before {right: 2px;top: 0;width: 165px;height: 165px;background: url(../img/list_card12_bg1.png) no-repeat center/ 165px 165px;}
  .list-card-12 ul li .txt-wrap .txt {font-size: 14px; line-height: 20px;}
  .list-card-12 ul li:nth-of-type(2n) {margin-left: 35px;}
  .list-card-12 ul li:nth-of-type(n+3) {margin-top: 35px;}



  .main-sub.customer .sec.order-01 {padding: 0; padding-top: 25px;}
  .main-sub.customer .sec.order-02 {margin: 70px 0 40px;}
  .main-sub.customer .sec.order-02 .header {margin-top: 60px;height: 70px;line-height: 26px;font-size: 16px;}
  .main-sub.customer .sec.order-03 {margin: ;}
  .main-sub.customer .sec.order-03 .list-ani-cricle ul li {width: 295px; height: 295px; margin-bottom: 245px !important;}
  .main-sub.customer .sec.order-03 .list-ani-cricle ul li.main .cont .img-wrap img {width: 320px;}
  .main-sub.customer .sec.order-03 .list-ani-cricle ul li + li {margin-top: 0;}
  .main-sub.customer .sec.order-03 .list-ani-cricle ul li .cont .img-wrap.thred img {width: 240px;}
  .main-sub.customer .sec.order-03 .list-ani-cricle ul li .cont .txt-wrap {position: absolute; top: calc(100% + 70px);left: 50%;transform: translateX(-50%);width: 100%;}
  .main-sub.customer .sec.order-03 .list-ani-cricle ul li .cont .txt-wrap .tit {font-size: 18px;margin-bottom: 15px;}
  .main-sub.customer .sec.order-03 .list-ani-cricle ul li .cont .txt-wrap .txt {font-size: 14px;line-height: 25px;margin-bottom: 15px;}
  .list-ani-cricle ul li .cont {width: 100%;}
  .list-ani-cricle ul li .cont .txt-wrap .txt02 {font-size: 14px;}
  .main-sub.customer .sec.order-03 {margin: 50px 0 0;}


  .list-card-06 ul li .txt-wrap {margin-top: 20px;}
  .list-card-06 ul li .txt-wrap .tit {font-size: 14px;margin-bottom: 8px;}
  .list-card-06 ul li .txt-wrap .tit-en {font-size: 12px;}
  .list-card-06 ul {margin: -30px; align-items: flex-end;}
  .list-card-06 ul li {padding: 30px; min-height: 290px;}
  .list-card-06 ul li .txt-wrap-02 .desc {font-size: 12px; line-height: 20px;}
  .list-card-06 ul li .img-wrap {max-width: 95px;}
  .list-card-06 ul li .img-wrap img {width: 100%;}
  .list-card-06 ul li:nth-of-type(3) .img-wrap {max-width: 80px;}
  .list-card-06 ul li:nth-of-type(4) .img-wrap {max-width: 85px;}
  section.order_04.show .list-card-06 ul li .img-wrap {width: 100%;max-width: 100px;}


  .list-card-14 {padding: 50px 0 30px;}
  .list-card-14 ul {max-width: 530px;}
  .list-card-14 ul li:nth-of-type(2n) {margin-left: 0;}
  .list-card-14 ul li:nth-of-type(n+2) {margin-top: 25px;}
  .list-card-14 ul li .txt-wrap .tit {font-size: 18px;}
  .list-card-14 ul li .cont-wrap .circle .txt {font-size: 14px;}
  .list-card-14 > .tit-sub {margin-bottom: 35px; width: 120px; height: 40px; font-size: 14px;}
  .list-card-14 .bg {bottom: calc(100% - 0px); width: calc(100% - 80px);}
  .list-card-14 .bg > img{display: none;}
  .list-card-14 .bg > img.mo{display: block;}
  .list-card-14 .bg > .tit img {width: 90px; margin-bottom: 10px;}
  .list-card-14 .bg > .tit {font-size: 14px; top: -9px;}



  .list-card-15 ul li {flex-direction: column; padding: 25px 10px;}
  .list-card-15 ul li .img-wrap {margin-right: auto; max-width: 196px;}
  .list-card-15 ul li::before {left: 50%; transform: translateX(-50%); font-size: 40px;}
  .list-card-15 ul li .txt-wrap {text-align: center;}
  .list-card-15 ul li .txt-wrap .tit {font-size: 16px; line-height: 28px; margin: 8px 0 20px;}
  .list-card-15 ul li .txt-wrap .txt{font-size: 14px; line-height: 26px;}


  .list-history-00 .list-mark {margin-bottom: 34px;}
  .list-mark ul {width: 100%; justify-content: center;}
  .list-mark ul li + li {margin-left: 20px;}
  .list-mark ul li .name {font-size: 16px;}
  .list-history-00 + .list-history-00 {margin-top: 45px;}
  .list-history-00 .head-list .period {font-size: 26px;}
  .list-history-00 .head-list .tit-sub {font-size: 12px; width: 60px; height: 25px; border-radius: 5px;}
  .list-history-00 .wrap ul {margin-top: 25px;}
  .list-history-00 .wrap ul li {flex-direction: column; padding-bottom: 25px;}
  .list-history-00 .wrap ul li .info {margin-left: 0; margin-top: 10px;}
  .list-history-00 .wrap ul li .date {font-size: 18px;}
  .list-history-00 .wrap ul li .info .txt {font-size: 14px; height: 20px; padding-left: 30px;}
  .list-history-00 .wrap ul li .info {padding-bottom: 0;}
  .list-history-00 .wrap ul li + li .date {padding-top: 0;}
  .list-history-00 .wrap ul li + li .info {border: none; padding: 0;}
  .list-history-00 .wrap ul li + li {border-top: 1px solid #E4E4E4;padding: 25px 0;}

  .list-partner-00 ul {grid-template-columns: 1fr 1fr; row-gap: 20px; column-gap: 20px;}
  .list-partner-00 ul li .img-wrap {height: 95px;}
  .list-partner-00 ul li .txt-wrap .name {font-size: 16px;} 


  .list-card-07 ul {flex-direction: column;}
  .list-card-07 ul li {height: 160px; padding: 15px 0;}
  .list-card-07 ul li + li {margin-left: 0; margin-top: 10px;}
  .list-card-07 ul li:nth-of-type(1) .img-wrap {max-width: 82px;}
  .list-card-07 ul li:nth-of-type(2) .img-wrap {max-width: 93px;}
  .list-card-07 ul li:nth-of-type(3) .img-wrap {max-width: 112px;}
  .list-card-07 ul li:nth-of-type(3) {padding-top: 0;}
  .list-card-07 ul li .txt-wrap .tit {font-size: 14px;}


  .banner-00 {padding: 25px 10px; height: 105px;}
  .banner-00 .img-wrap {max-width: 157px;margin-right: 0;left: 3%;top: -56%;}
  .banner-00 .txt-wrap {max-width: 136px;}
  .banner-00 .txt-wrap .tit {font-size: 14px;margin-bottom: 10px;}
  .banner-00 .txt-wrap .btn {font-size: 12px; max-width: 135px; height: 25px;}


  .list-txt-00 ul li {padding-left: 0;}
  .list-txt-00 ul li .txt-wrap {flex-direction: column;}
  .list-txt-00 ul li .txt-wrap .tit {position: relative; border: none; font-size: 20px;}
  .list-txt-00 ul li .txt-wrap .txt {padding: 30px 0; font-size: 14px; line-height: 22px; word-break: keep-all;}
  
  .list-card-cricle-00 ul {flex-wrap: nowrap; flex-direction: column; align-items: center;}
  .list-card-cricle-00 ul li {width: 222px; height: 222px;}
  .list-card-cricle-00 ul li.center {position: static; transform: none; width: 138px; height: 138px; }
  .list-card-cricle-00 ul li.center .txt-wrap .tit {font-size: 16px; line-height: 24px;}
  .list-card-cricle-00 ul li:nth-of-type(n+4) {margin-top: 15px;}
  .list-card-cricle-00 ul li + li {margin-top: 15px;}
  .list-card-cricle-00 ul li .txt-wrap .tit {font-size: 16px; margin-bottom: 20px;}
  .list-card-cricle-00 ul li .txt-wrap .txt {font-size: 12px; line-height: 22px;}


  .list-card-21 > ul > li {flex-direction: column;}
  .list-card-21 > ul > li + li {margin-top: 50px;}
  .list-card-21 > ul > li .txt-wrap {text-align: center;}
  .list-card-21 > ul > li .txt-wrap .tit {font-size: 18px; line-height: 28px; margin-bottom: 25px;}
  .list-card-21 > ul > li .img-wrap {padding-top: 60px;}
  .list-card-21 > ul > li .img-wrap .tit {top: 60px;}
  .list-card-21 > ul > li .scroll-wrap {width: 100%;}

  .list-card-21 > ul > li .list-bullets ul {display: flex;flex-direction: column;justify-content: center;align-items: center;}
  .list-card-21 > ul > li .list-bullets ul li {font-size: 14px; line-height: 24px;}


  .list-card-img-00 ul li .txt-wrap {padding: 13px 0 ;}
  .list-card-img-00 ul li .txt-wrap .tit {text-align: center; font-size: 14px; line-height: 20px;}



  .media .txt {font-size: 12px; line-height: 20px; padding: 18px 0; border-radius: 10px;} 
  .media .txt br {display: none;}
  .media .txt .br-m {display: block;}

  .list-card-08 > ul > li {flex-direction: column; padding: 15px 0 25px;}
  .list-card-08 > ul > li::before {margin: 0; font-size: 30px;}
  .list-card-08 ul li .txt-wrap {text-align: center; margin-top: 15px;}
  .list-card-08 ul li .txt-wrap .txt {font-size: 12px;}
  .list-card-08 ul li .img-wrap {padding: 0; margin-top: 30px;}

  .list-card-09-01 {margin-left: -149px; height: 100%;}
  .list-card-09-01 ul {flex-direction: column;align-items: flex-end;min-width: auto;padding: 12px 40px 12px 160px;height: 100%;justify-content: center;}
  .list-card-09-01 ul li {width: 100%; height: auto; max-width: 100%;padding: 8px;display: flex;align-items: center;justify-content: center;}
  .list-card-09-01 ul li .txt-wrap .txt {font-size: 12px;}
  .list-card-09 > ul > li > .txt-wrap {width: 150px; height: 150px; min-width: 150px;}
  .list-card-09 > ul > li > .txt-wrap > .tit {font-size: 14px; line-height: 24px;}
  .list-card-09 > ul > li + li {margin-left: 20px;}
  .list-card-09 > ul > li:nth-of-type(3) {margin: 25px 0;}
  .list-card-09-01 ul li:nth-of-type(2n) {border-left: none; border-top: 1px solid #DBD5E5;}


  .list-card-10 ul {flex-direction: column; width: 100%;}
  .list-card-10 ul li .img-wrap {max-width: 100%;}
  .list-card-10 ul li + li {margin-left: 0; margin-top: 45px;}
  .list-card-10 ul li .txt-wrap {padding: 20px; min-height: 60px;font-size: 14px;margin-top: 15px;}


  .list-card-19 ul li {padding: 45px 10px; min-height: 290px;}
  .list-card-19 ul li .txt-wrap .tit {font-size: 14px; min-width: 260px;}
  .list-card-19 ul li .txt-wrap .txt {font-size: 16px; line-height: 26px;}
  .list-card-19 ul li .txt-wrap .info {font-size: 12px;}



  .list-card-16 ul {flex-wrap: wrap; padding: 0 18%;}
  .list-card-16 ul li {width: 155px; height: 155px;}
  .list-card-16 ul li + li {margin-left: 0;}
  .list-card-16 ul li:nth-of-type(even) {margin-left: 10px;}
  .list-card-16 ul li:nth-of-type(n+3) {margin-top: 10px;}
  .list-card-16 ul li.mark-r::before {bottom: calc(100% + 13px); width: 85px; height: 85px;}

  .list-card-img-03 ul li {max-width: 100%; width: 100%;}
  .list-card-img-03 ul li .txt-wrap {margin-bottom: 100px;}
  .list-card-img-03 ul li .txt-wrap .tit {font-size: 14px; min-height: 30px;}
  .list-card-img-03 ul li.mark-r .img-wrap::before {width: 85px; height: 85px; left: 50%;transform: translate(-50%, 0);right: unset;bottom: calc(100% - 15px);}
  .list-card-img-03 ul li .img-wrap {max-width: 580px; margin: 0 auto;}

  .list-card-18 ul li .txt-wrap {width: 150px; min-width: 150px; height: 150px;}
  .list-card-18 ul li:nth-of-type(3) {width: 100%; justify-content: center; margin-left: 0;}
  .list-card-18 ul li:nth-of-type(4) {margin-left: 0;}
  .list-card-18 ul li .txt-wrap .no {font-size: 24px; margin-bottom: 20px;}
  .list-card-18 ul li .txt-wrap .tit {font-size: 14px; line-height: 24px;}
  .list-card-18 ul li .img-wrap {margin-bottom: 10px;}
  .ico_list_card_18_01 {width: 62px; height: 23.4px;}
  .ico_list_card_18_02 {width: 40px; height: 40.5px;}
  .ico_list_card_18_03 {width: 33.4px; height: 42.9px;}
  .ico_list_card_18_04 {width: 44.3px; height: 38px;}
  .ico_list_card_18_05 {width: 33.4px; height: 42.9px;}


  .list-card-31 ul li {width: calc(50% - 10px);}
  .list-card-31 ul li:nth-of-type(odd) {margin-left: 0;}
  .list-card-31 ul li:nth-of-type(n+3) {margin-top: 30px;}
  .list-card-31 ul li:nth-of-type(4) {margin-left: 20px;}

  .list-card-31 ul li:nth-of-type(even) .txt-wrap .no::after {display: none;}
  .list-card-31 ul li:nth-of-type(odd) .txt-wrap .no::after {display: block;}

  .list-card-img-02 .header-list .txt {padding: 20px; min-height: 82px;font-size: 14px;line-height: 24px;}
  .main-sub.sales .sec-05 .list-card-img-02 + .list-card-img-02 {margin-top: 40px;}




  .list-card-no-00 {padding: 65px 0;}
  .header-list-01 .txt-wrap .tit {font-size: 18px; margin-bottom: 10px;}
  .header-list-01 .txt-wrap .txt {font-size: 14px;}


  .list-card-no-00 .header-list-01 {margin-bottom: 55px;}
  .list-card-no-00 ul {flex-wrap: wrap;}
  .list-card-no-00 ul li {width: 50%; padding: 28px 10px;}
  .list-card-no-00 ul li:nth-of-type(3) {border-left: none;}
  .list-card-no-00 ul li:nth-of-type(n+3) {border-top: 1px solid #2F295910;}
  .list-card-no-00 ul li .txt-wrap {min-height: auto;}
  .list-card-no-00 ul li .txt-wrap .no {font-size: 40px; margin-bottom: 25px;} 
  .list-card-no-00 ul li .txt-wrap .txt {font-size: 12px; line-height: 20px;}

  .list-card-circle-00 {padding: 0px 15%;}
  .list-card-circle-00 ul li .img-wrap {max-width: 105px;}
  .list-card-circle-00 ul li {width: 156px; height: 156px; border-width: 5px;}
  .list-card-circle-00 ul li .txt-wrap .txt {font-size: 12px;}
  .list-card-circle-00 ul li:nth-of-type(2) .img-wrap {max-width: 80px;}
  .list-card-circle-00 ul li:nth-of-type(3) .img-wrap {max-width: 95px;}
  .list-card-circle-00 ul li:nth-of-type(3) {margin: -12px 25%;}
  .list-card-circle-00 ul li:nth-of-type(n+4) {margin-top: 0;}
  .list-card-circle-00 ul li:nth-of-type(4) {margin-left: 0;}

  .list-card-img-04 .header-list-01 {margin-bottom: 20px;}

  .list-card-circle-01 ul li {width: 155px; height: 155px;}

  .list-card-33 ul li .img-wrap img {min-width: 138px;}
  .list-card-circle-01 ul {flex-wrap: wrap; padding: 0 18%;}
  .list-card-circle-01 ul li .txt-wrap .txt {font-size: 12px; line-height: 20px;}
  .list-card-circle-01 ul li + li {margin: 0;}
  .list-card-circle-01 ul li:nth-of-type(even) {margin-left: 10px;}
  .list-card-circle-01 ul li:nth-of-type(n+3) {margin-top: 10px;}
  .list-card-img-04 ul {padding: 15px;}
  .list-card-img-04 ul li {padding: 15px 0;}
  .list-card-img-04 ul li .lowercase-wrap {margin: 0;}
  .list-card-img-04 ul li .lowercase-wrap span {width: 25px; height: 25px; font-size: 12px;}
  .list-card-img-04 ul li .lowercase-wrap span + span {margin-left: 5px;}
  .list-card-img-04 ul li .txt-wrap .tit {font-size: 14px; margin-bottom: 5px;}
  .list-card-img-04 ul li .txt-wrap .txt {font-size: 12px; line-height: 18px;}
  .list-card-img-04 ul li .txt-wrap .txt br {display: none;}
  .list-card-img-04 ul li .txt-wrap .txt .br-m {display: block;}

  .list-card-22 > ul {flex-direction: column;}
  .list-card-22 > ul > li + li {margin-left: 0; margin-top: 58px;}
  .list-card-22 > ul > li .img-wrap {max-width: 142px;}
  .list-card-22 > ul > li {min-height: auto;}
  .list-card-22 > ul > li .img-wrap .txt {font-size: 12px; margin-top: 20px;}
  .list-card-22 > ul > li .list-table-00 {margin-top: 25px;}
  .list-table-00 ul {border-radius: 10px;}
  .list-table-00 ul li .th {font-size: 12px;}
  .list-table-00 ul li .td {padding: 5px;}

  .list-card-no-01 ul { flex-direction: column; padding: 25px 0;}
  .list-card-no-01 ul li {padding: 25px 0;}
  .list-card-no-01 ul li .txt-wrap .no {margin-bottom: 15px;}
  .list-card-no-01 ul li .txt-wrap .txt { font-size: 14px; line-height: 24px;}

  .list-card-img-circle-00 ul {flex-direction: column; padding: 0;}
  .list-card-img-circle-00 ul li .img-wrap {flex-direction: row;justify-content: center;width: auto;display: inline-flex;}
  .list-card-img-circle-00 ul li .img-wrap img {max-width: 160px;}
  .list-card-img-circle-00 ul li {display: flex;flex-direction: column;align-items: center;}
  .list-card-img-circle-00 ul li + li {margin-left: 0; margin-top: 30px;}
  .list-card-img-circle-00 ul li:last-of-type {margin-top: 65px;}
  .list-card-img-circle-00 ul li .txt-wrap {margin-top: 20px;}
  .list-card-img-circle-00 ul li .txt-wrap .txt {font-size: 14px;}
  .list-card-img-circle-00 .header-list-01 {margin-bottom: 50px;}

  .list-card-img-04 .header-list-01 {margin-bottom: 20px;}
  .list-card-img-circle-00 ul li .img-wrap.txt::before {left: 35px; top: -15px;}
  .list-card-img-circle-00 .header-list-00 .txt {text-align: center; line-height: 20px;}

  #request {padding: 25px 0 35px;}
  #request .header-request {min-height: 115px; margin-bottom: 35px;}
  .sec-request .header-sec-request .tit {font-size: 18px;}
  .list-input-check--00 .input-header .tit {font-size: 14px; margin-bottom: 10px;}
  .header-request .img-wrap {max-width: 50.4px; align-self: flex-start;}
  .header-request .txt-wrap .tit {font-size: 20px; margin-bottom: 10px;}
  .header-request .txt-wrap .txt {font-size: 14px;}
  .list-input-check--00 ul {flex-direction: column;}
  .list-input-check--00 ul li + li {margin-left: 0; margin-top: 10px;}
  .check-00 ~ label{font-size: 14px;}
  .list-input-text--00 ul {flex-direction: column;}
  .list-input-text--00 ul li + li {margin-left: 0; margin-top: 20px;}
  .input-text-00 ~ label {font-size: 14px;}
  .input-text-00 {font-size: 14px;}
  .input-textarea-00 {min-height: 150px;}
  .sec-request .header-sec-request {margin-bottom: 10px;}

  .list-partnership ul li .img-wrap {height: 100%;}
  .list-partnership ul li .img-wrap img {width: auto; margin: 0 auto;}

  .lnb-page-move ul li {width: auto; min-width: 130px;}
  .lnb-page-move ul li a {padding: 0 25px;}
  .top-btn-wrap {
    bottom: calc(var(--vh, 1vh) * 100 - 45%);
  }
 
}



@media(max-width: 600px) { 
  .footer-info > .inner {margin: 35px 20px 0; padding: 75px 0 35px;flex-direction: column;align-items: flex-start; width: auto;}
  .footer-info .r {margin-left: 0;}
  .list-link-selector {top: 0;right: 0;left: 0; width: 100%;}
  .footer-info .r > .wrap .list-link-selector {margin-left: 0;}
  .list-link-selector .header {width: 100%; height: 45px;}
  .list-link-selector .header .tit {font-size: 12px;}
  .footer-info .logo {max-width: 77px;margin-top: 30px;}
  .list-company-info {width: 100%;}
  .list-company-info ul li {font-size: 12px;}
  .list-company-info ul li + li {}
  .list-link-selector > ul li a {font-size: 12px;}
  .list-company-info .head {margin-bottom: 20px;}
  .list-company-info .name {font-size: 16px;}
  .list-company-info .fot {margin-top: 20px;font-size: 12px;}
  .list-card-16 ul {padding: 0 7%;}
  .list-card-circle-01 ul {padding: 0 8%;}

  .list-card-circle-00 {padding: 0px 0%;}
}



@media(max-width: 500px) {  
  .list-partner-00 ul {grid-template-columns: 1fr; row-gap: 15px; column-gap: 15px;}
  
  .list-card-16 ul {padding: 0 0;}
  .list-card-circle-01 ul {padding: 0 0%;}


}