/*********************************************************************************************
              Mobile Style css
                        *** 700미만 style ***
*****************************/
@media only screen and (max-width:1024px) and (min-width:280px){
  /********************** Mobile 해상도 공통 css */
  body {
    line-height: 1.4;
  }
  .section h2 {
    font-size: var(--fS-ttl-2-25); font-weight: 700;
  }
  .section .intro {
    width: 90%;
    margin: 0 auto;
  }
  #section0 {
    height: 500px; min-height: 500px;
  }
  #section0 .intro > p {
    font-size: var(--fS-ttl-2-55);
  }
  #section0 .intro > p span {
    display: block;
    font-size: var(--fS-ttl-2-55);
  }
  #section0 .main-visual-item {
    background: url(../img/main/main-Visual-img.jpg?tv) no-repeat;
    background-size: cover;
    background-position-x: 33%;
    height: 500px; min-height: 500px;
  }
  #section1:after, #section2:after {
    width: 100%; height: 280px;
  }
  #section1 {
    height: 780px; min-height: 780px;
  }
  .box-recommend-wrap {
    margin-top: 1rem;
  }
  .box-recommend-wrap a {
    display: block;
    margin-bottom: .55rem;
  }
  .box-insurance-wrap {
    margin-top: 1.125rem;
  }
  .box-insurance-wrap > ul li:nth-last-child(4), .box-insurance-wrap > ul li:nth-last-child(4)~li {
    width: 49%;
  }
  .box-insurance-wrap > ul li {
    margin-bottom: .55rem; margin-left: 2%;
    width: 49%;
  }
  .box-insurance-wrap > ul li:nth-child(2n+1) {
    margin-left: 0%;
  }
  /* 갯수 3개로 축소된 경우
  .box-insurance-wrap > ul li:nth-last-child(3), .box-insurance-wrap > ul li:nth-last-child(3)~li {
    width: 100%;
    margin-left: 0%;
  }
   */
  .box-insurance-item {
    height: calc(260px - 2px);
    justify-content: flex-start;
  }
  .box-insurance-item .icon-belt-wrap {
    width: 70%;
  }
  .box-insurance-item .icon-belt-wrap:before, .box-insurance-item .icon-belt-wrap:after {
    margin-left: -1px;
  }
  .box-insurance-item p.insurance-con span {
	display: inline-block;
  }
  .box-insurance-item .icon-belt-wrap span {
    font-size: var(--fS-txt-95);
  }
  .box-insurance-item span.more {
    width: 34px; height: 34px;
  }
  .box-insurance-item .insurance-logo {
    margin-top: 3.55rem;
  }
  .box-insurance-item .insurance-ttl {
    margin-top: 1rem;
  }
  .box-insurance-item p.insurance-con {
    width: calc(100% - 2rem);
    padding: 0 1rem; padding-top: .75rem;
  }
  #section2 {
    height: 790px; min-height: 790px;
  }
  .box-recommend-wrap > ul li {
    display: block;
    width: 100%; height: 280px;
  }
  .box-recommend-wrap a {
    width: calc(100% - 10px);
  }
  .box-recommend-wrap > ul li a i {
    width: 140px; height: 140px;
  }
  .box-recommend-wrap > ul li a .cont-text-item {
	bottom: 1rem; left: 1rem;
  }
  .box-recommend-wrap > ul li a .logo-item {
	right: auto; left: 1rem;
  }
  .box-recommend-wrap > ul li.bnnr-CHUBB-item a .logo-item {
	left: .55rem;
  }
  .box-recommend-wrap > ul li a .logo-item img {
	width: 180px;
  }
  .bnnr-BPC-item a .cont-text-item {
	background: url('/img/main/bnnr-cont-text-toursafe.png?te') no-repeat;
	background-size: 100%;
	width: 246px; height: 178px;
  }
  .bnnr-CHUBB-item a .cont-text-item {
	background: url('/img/main/bnnr-cont-text-toursafe.png?te') no-repeat;
	background-size: 100%;
	width: 177px; height: 175px;
  }
  /*
  .box-recommend-wrap a img {
	width: 100%;
  }
  .box-recommend-wrap a.pc {
	display: none;
  }
  .box-recommend-wrap a.mobile {
	display: block;
	width: 100%;
  }
  */
  #section3 {
    height: 1060px; min-height: 1060px;
	background-position-x: 50%;
	background-size: cover;
  }
  #section3 .intro .box-service-list {
    display: flex;
    flex-direction: column;
  }
  .customer-wrap, .consult-wrap {
    display: block;
    width: 100%;
  }
  .customer-wrap a.tel {
    font-size: var(--fS-ttl-3);
  }
  .customer-wrap p {
    padding-top: 0rem;
  }
  .customer-wrap p > span {
	display: inline-block;
	font-size: var(--fS-txt-875);
  }
  .consult-wrap {
    text-align: left;
    justify-content: flex-start;
	align-content: flex-start;
  }
  .consult-wrap h2 {
    margin-top: 3rem;
  }
  .consult-wrap form > ul li,
  .consult-wrap > ul li {
    clear: right;
    width: 100%;
    margin-left: 0rem;
  }
  .consult-wrap form > ul li:last-child, .consult-wrap > ul li:last-child {
    clear: right;
    width: 100%; height: 180px;
    margin-top: 1rem; margin-left: 0rem;
	justify-content: flex-start;
  }
  .consult-wrap form > ul li input,
  .consult-wrap > ul li input {
	width: 100%;
    font-size: var(--fS-txt-875); text-align: left;
	padding-left: 0rem;
  }
  .consult-wrap form > ul li a.kakao,
  .consult-wrap > ul li a.kakao {
	width: calc(100% - 53px); height: 68px; line-height: 68px;
	position: absolute; top: 19rem; left: 0%;
  }
  .consult-wrap form > ul li a.kakao i.icon-kakao,
  .consult-wrap > ul li a.kakao i.icon-kakao {
	left: 50%;
    transform: translate(-235%, -50%);
  }
  .consult-wrap form > ul li a.privacy-link,
  .consult-wrap > ul li a.privacy-link {
    font-size: var(--fS-txt-1);
  }
  .consult-wrap form > ul li a.white,
  .consult-wrap > ul li a.white {
    font-size: var(--fS-txt-95);
    width: 100%;
    margin-top: 1rem;
  }
  
  #section4 {
    height: 698px; min-height: 698px;
  }
  .box-Udirect-wrap {
    margin-top: 1.55rem; height: 770px;
  }
  .box-Udirect-wrap .udirect-list {
    padding: 3rem 1.55rem;
  }
  .udirect-item {
    display: block;
    width: 100%;
  }
  .udirect-item a {
	padding-bottom: 3rem;
	align-content: center; align-items: center;
  }
  .udirect-item:last-child {
    width: 100%;
  }
  .udirect-item:last-child a {
	padding-bottom: 0;
  }
  .udirect-item a:before {
    position: absolute; top: auto; right: 0rem; bottom: 1.55rem;
    width: 100%; height: 1px;
  }
  .udirect-item a p {
    text-align: center;
  }
  .udirect-item a .button-icon-wrap {
    width: 100%;
    display: flex;
    flex-direction: row; /*justify-content: space-around; more버튼 있을경우*/ align-items: flex-end;
	justify-content: center; /*  more버튼 없을경우 */
    margin-top: 1.25rem;
  }
  .udirect-item a .button-icon-wrap span {
    width: 50%;
  }
  .udirect-item a .button-icon-wrap .icon-box-item {
    /* width: 50%; more btn 있을경우 */ height: 88px; width: 88px/*more btn 없을경우*/;
  }
  .udirect-item a .button-icon-wrap .icon-box-item:after {
	content: "";
	position: absolute; top: 0; left: 0;
	width: 88px; height: 88px;
	transition-duration: 1s;
  }
  .icon-box-item .icon-join, .icon-box-item .icon-varies, .icon-box-item .icon-expert {
	left: 2.75rem;
  }
  .udirect-item a .button-icon-wrap .more {
    width: 5.55rem; height: 32px; line-height: 30px;
	justify-content: flex-end;
    margin-left: 0%; margin-top: 1rem; margin-bottom: 0.55rem;
    font-size: var(--fS-txt-875);
  }

  

  /********************** Mobile 해상도 공통 css */
  .visual-img-wrap {
    height: 500px;
    padding-top: 2rem;
  }
  .visual-text-item .inner {
    width: 90%;
  }
  .visual-img-wrap .house-chubb {
    background-size: cover;
    background-position-x: 50%;
    height: 500px;
  }
  .visual-text-item .inner h2 {
    font-size: var(--fS-ttl-2-55);
  }
  .visual-text-item .inner .text-con p {
    font-size: var(--fS-txt-875);
    line-height: 1.6;
  }
  .visual-text-item .inner .btn-left-wrap .line-more {
    width: 180px; height: 48px; line-height: 48px;
  }
  section .inner {
    width: 100%;
  }
  section .inner h2 {
    word-break: keep-all;
  }
  section.prod-wrap .inner .title-small-item,
  section.prod-wrap .inner h2 {
    padding-left: 5%; padding-right: 5%;
    line-height: 1.4;
  }
  section.prod-wrap.house-insur:after {
    height: 580px;
  }
  .box-list-wrap {
    margin-top: 1rem;
  }
  .box-list-wrap ul {
    width: 90%;
    padding: 0 5%;
  }
  .box-list-wrap ul li,
  .box-list-wrap ul li:nth-child(3n+1) {
    margin-left: 0rem;
    width: 100%; height: 280px;
  }
  .box-list-wrap ul li:nth-child(5) {
    height: 350px;
  }
  .prod-intro-box > h3 {
    font-size: var(--fS-txt-1); line-height: 1.6;
    padding: 2rem 1.5rem 0 1.5rem;
    width: calc(100% - 3rem);
    word-break: keep-all;
  }
  .prod-intro-box > h3 span,
  .prod-intro-box > h3 p {
    line-height: 1.6;
  }
  .prod-intro-box > .icon-prod-itme {
    width: 98px; height: 98px;
    margin-right: 1.25rem; margin-bottom: 1.55rem;
  }
  .prod-intro-box > .icon-prod-itme i {
    width: 98px; height: 98px;
  }
  .prod-intro-box > .icon-prod-itme .icon-prod-01,
  .prod-intro-box > .icon-prod-itme .icon-prod-02,
  .prod-intro-box > .icon-prod-itme .icon-prod-03,
  .prod-intro-box > .icon-prod-itme .icon-prod-04,
  .prod-intro-box > .icon-prod-itme .icon-prod-05,
  .prod-intro-box > .icon-prod-itme .icon-prod-06 {
    background-size: 100%;
  }
  .prod-intro-box > .icon-prod-itme .icon-prod-03 {
    width: 96px; height: 96px;
  }

  section.prod-wrap.house-insur .inner .box-list-wrap > ul li {
    width: 100%; height: 400px;
    margin: 1.25rem 0rem 0rem;
  }
  section.prod-wrap.house-insur .inner .box-list-wrap > ul li:first-child {
    margin-top: 0rem;
  }
  .box-list-wrap > ul li:nth-child(2) .home-fire-box .text-cont-itme {
    margin-top: 4.75rem;
  }
  .home-fire-box h3 {
    font-size: var(--fS-txt-1); line-height: 1.6;
    width: 35%;
    margin: 1.25rem 0 0 1.55rem;
  }
  .home-fire-box h3 span.bk {    
    font-size: var(--fS-txt-1); line-height: 1.6;
  }
  .home-fire-box span.small {
    font-size: var(--fS-txt-75);
    margin: 2.25rem 0 0 1.55rem;
  }
  .home-fire-box .icon-box-itme {
    right: 1.25rem;
    width: 108px; height: 108px;
  }
  .home-fire-box .icon-box-itme i {
    width: 108px; height: 108px;
  }
  .home-fire-box .text-cont-itme {
    margin: 2rem 2rem 0 1.25rem;
    font-size: var(--fS-txt-875); line-height: 1.6;
  }
  section.prod-wrap {
    margin-top: 3rem;
  }
  section.prod-wrap .inner {
    padding-top: 5rem;
  }
  section.prod-wrap.tab-step h3 {
    margin-top: 1.55rem; margin-left: 5%;
  }
  .tab-step .table-info {
    margin: 1rem 5% 0;
  }
  .tab-step .table-info > ul {
    display: flex;
    flex-wrap: wrap;
  }
  .tab-step .table-info > ul li {
    clear: left;
    display: flex; align-items: center;
    width: calc(50% - 1rem); height: 45px;
    padding: 0rem .75rem;
    border-bottom: 0px;
  }
  .tab-step .table-info > ul li:nth-child(2n + 1) {
    width: calc(50% - 2.75rem);
    border-left: 1px solid var(--color-silver);
  }
  .tab-step .table-info > ul li:nth-child(7),
  .tab-step .table-info > ul li:nth-child(8) {
    border-bottom: 1px solid var(--color-silver);
  }
  .tab-box-wrap {
    width: 90%;
    margin: .875rem 5% 0;
  }
  .tabs-menu li {
    width: 33.3%;
    font-size: var(--fS-txt-75); text-align: center;
    word-break: keep-all;
  }
  .tab-step .tabs-boxWrap > ul.tabs-menu li {
    padding: 0rem 0rem;
  }
  .tabs-conts > div .explanation {
    text-align: left;
    word-break: keep-all;
  }
  .table-gray thead th, .table-gray tbody th, .table-gray tbody td, .table-gray tfoot tr th, .table-gray tfoot tr td {
    padding: 0.75rem 0.55rem;
    font-size: var(--fS-txt-75); line-height: 1.4;
    word-break: break-word;
  }
  .table-gray tbody td.right, .table-gray tbody td.right.won, .table-gray tbody td.right p, .table-gray tbody td.right.won p {
    line-height: 1.4;
  }
  .tab-step .billiard.last {
    line-height: 1.6;
  }
  .tab-step .tabs-boxWrap > ul.tabs-menu li,
  .tab-step .tabs-boxWrap > ul.tabs-menu li:nth-child(2n + 1) {
    font-size: var(--fS-txt-75); font-weight: 700;
    width: calc(33.3% - 1px);
    border-left-color: var(--color-sky);
    text-align: center; word-break: keep-all;
  }
  .tab-step .tabs-boxWrap > ul.tabs-menu li:nth-child(2n + 1) {
    width: calc(33.3% - 2px);
  }
  .tabs-conts > div .explanation {
    font-size: var(--fS-txt-75); line-height: 1.4;
    padding-bottom: .025rem;
  }
  section.prod-wrap.know .inner {
    width: 90%;
  }
  section.prod-wrap.know .title-small-item,
  section.prod-wrap.know .inner h2 {
    padding: 0;
  }
  section.prod-wrap.know .inner p.type-dash {
    text-indent: -8px;
    padding-left: 8px;
  }
  .know-box-wrap .btn-more-wrap .button {
    width: 50%;
    border: 2px solid var(--color-sky)
  }

  /************************************************************************** Modal css */
  #modal .modal-bg .modal-cont {
    padding: 0;
    width: 90%; min-width: 90%;
    height: 500px; min-height: 500px;
    overflow: auto;
  }
  #modal .modal-bg .modal-cont h2 {
    margin-top: 1.25rem;
    margin-left: 5%;
  }
  #modal .modal-bg .modal-reser-item {
    width: 90%;
    padding-top: 1.25rem;
    margin-left: 5%;
  }
  #modal .modal-bg .modal-reser-item > ul {
    display: block;
    margin-bottom: 2rem;
  }
  #modal .modal-bg .modal-reser-item > ul li {
    font-size: var(--fS-txt-875); font-weight: 700;
  }
  .modal-reser-item > ul li .input01,
  .modal-reser-item > ul li .textarea {
    font-family: var(--ffam-noto);
    font-size: var(--fS-txt-875);
    font-weight: 300;
  }
  .modal-reser-item > ul li > h3 {
    font-size: var(--fS-txt-1);
  }
  .modal-reser-item > ul li .box-privacy-item {
    margin-top: 0.55rem;
    max-height: 80px;
  }
  .modal-reser-item > ul li .box-privacy-item strong {
    font-size: var(--fS-txt-875);
  }
  #modal.two .modal-bg .modal-cont .modal-reser-item > ul li .box-privacy-item p,
  #modal.two .modal-bg .modal-cont .modal-reser-item .agree label.checkbox  {
    font-size: var(--fS-txt-75);
  }
  #modal.two .modal-bg .modal-cont .modal-reser-item .agree label.checkbox:before {
    position: absolute; top: 0px;
  }
  #modal .modal-bg .modal-cont .claose-box {
    position: absolute; top: 20px; right: 5%;
    width: 20px; height: 20px;
  }
  #modal .modal-bg .modal-cont .claose-box i.icon-btn-close {
    width: 20px; height: 20px;
  }

  /************************ 단체상해보험 */
  .visual-text-item.accident {
    top: 100px;
  }
  .visual-img-wrap .accident-samsung {
    background-position-x: 70%;
  }
  .visual-text-item .inner h2 {
    font-size: var(--fS-ttl-2);
  }
  .visual-text-item .inner .cont-text {
    word-break: keep-all;
    text-align: center;
    font-size: var(--fS-txt-1);
    margin-top: 5px;
  }
  .esyc-Insr {
    width: 90%;
    top: 230px;
  }
  .esyc-Insr > .inner {
    padding: 20px 10% 30px;
  }
  .esyc-Insr > .inner > h2 {
    font-size: var(--fS-ttl-1-25);
  }
  .esyc-Insr > .inner > .conts-box-wrap {
    display: flex;
    flex-direction: column;
  }
  .conts-box-wrap .calculate-box-item > .range-box {
    display: flex;
    flex-wrap: wrap; align-items: flex-start;
  }
  .calculate-box-item > .range-box > strong {
    width: 100%;
    display: block;
  }
  .calculate-box-item > .range-box > .range-item  {
    width: 80%;
  }
  .calculate-box-item > .range-box > .range-item.last {
    width: 20%;
  }
  .calculate-box-item > .range-box > .range-item .input-range {
    width: 100%;
    margin-left: 0; margin-right: 0;
  }
  .calculate-box-item > .range-box > .range-item .input-range-text {
    font-size: var(--fS-ttl-1-25);
    width: 100%;
  }
  .conts-box-wrap .work-box-item
  ,   .conts-box-wrap .total-box-item {
    margin-left: 0; margin-top: 20px;
    width: 100%;
  }
  .conts-box-wrap .work-box-item > .box-item {
    width: 100%;
  }
  .conts-box-wrap .work-box-item > .box-item .radio-box-wrap .radio-item {
    margin-left: 10px;
  }
  .conts-box-wrap .total-box-item {
    display: flex;
    flex-direction: column;
  }
  .conts-box-wrap .total-box-item > a.blue {
    width: 100%; height: 42px;
  }
  .conts-box-wrap .total-box-item > .box-item {
    margin-left: 0px; margin-top: 10px;
  }
  .conts-box-wrap .total-box-item > .box-item .total-item {
    margin-top: 0px;
  }
  .counsel-box {
    display: flex;
    flex-direction: column;
  }
  .counsel-box .box-input-item
  , .counsel-box .box-privacy-item {
    margin-left: 0px; margin-top: 10px;
    width: 100%;
  }
  .counsel-box .box-privacy-item {
    display: flex;
    flex-direction: row; justify-content: space-between; align-items: center;
  }
  .counsel-box .box-input-item:first-child {
    margin-top: 0;
  }
  .counsel-box .box-input-item > strong {
    width: 25%;
  }
  .counsel-box .box-input-item > .input-item {
    width: 75%;
  }
  .counsel-box a.counsel {
    margin-left: 0px; margin-top: 10px;
    width: 100%;
  }
  .counsel-box .box-privacy-item .control {
    margin-bottom: 0;
  }

  /* 상품상세내역 */
  section.prod-wrap.details {
    margin-top: 430px;
  }
  section.prod-wrap.details > .inner .button-acc-center {
    padding-bottom: 0px;
    margin-top: 30px;
  }
  section.prod-wrap.details > .inner .button-acc-center a {
    margin-left: 2%;
    width: 32%;
  }

  /* 산업재해 사고 현황 */
  section.prod-wrap.acdntStus {
    margin-top: 80px;
  }
  section.prod-wrap.acdntStus > .inner {
    padding-top: 0px; margin: 0 auto;
    width: 90%;
  }
  section.prod-wrap .inner h2 {
    margin-top: 0rem;
    font-size: var(--fS-ttl-2); text-align: center;
  }
  section .inner .title-cont-item {
    text-align: center;
  }
  .box-list-warp {
    display: flex;
    flex-direction: column; align-items: center;
    width: 100%;
  }
  .box-list-warp > .box-list {
    width: 100%;
    margin-left: 0; margin-bottom: 20px;
  }
  .box-list-warp > .box-list:only-child {
    width: 100%;
  }
  .box-list-warp > .box-list:nth-last-child(2), .box-list-warp > .box-list:nth-last-child(2)+.box-list {
    width: 100%;
  }
  .box-list-warp > .box-list:nth-last-child(3), .box-list-warp > .box-list:nth-last-child(3)~.box-list {
    width: 100%;
    margin-left: 0;
  }
  .box-list-warp > .box-list:nth-last-child(4), .box-list-warp > .box-list:nth-last-child(4)~.box-list {
    width: 100%;
    margin-left: 0;
  }
  .box-list-warp > .box-list > .box-inner {
    padding: 30px;
  }
  .box-list-warp > .box-list > .box-inner .icon-item {
    width: 100px; height: 100px;
  }
  .box-list-warp > .box-list > .box-inner .icon-item > i {
    width: 48px; height: 48px;
  }
  .box-list-warp > .box-list > .box-inner .cont-box {
    margin-left: 30px;
  }
  .box-list-warp > .box-list > .box-inner .cont-box > h3 {
    font-size: var(--fS-ttl-1-25);
  }
  .cont-text-item .data-number-item {
    font-size: var(--fS-ttl-2-25);
  }
  section.prod-wrap.acdntStus > .inner p.source {
    padding-top: 0px;
  }
  section .inner h3.title {
    font-size: var(--fS-ttl-1-55);
  }
  section.prod-wrap.acdntStus > .inner .box-banner-second {
    display: flex;
    flex-direction: column;
  }
  .box-banner-second > .box-item {
    width: calc(100% - 30px - 30px);
    padding: 30px;
  }
  section.prod-wrap.acdntStus > .inner .box-banner-second:after {
    top: 0; left: 0px; bottom: 0;
    width: 0; height: 0px;
  }
  .box-banner-second > .box-item {
    position: relative;
  }
  .box-banner-second > .box-item > ul li.middle-title {
    font-size: var(--fS-ttl-1-25);
  }
  .box-banner-second > .box-item > ul li {
    font-size: var(--fS-txt-75);
  }
  .box-banner-second > .box-item > ul li.type-mess {
    text-indent: -16px; padding-left: 16px;
  }
  .box-banner-second > .box-item:first-child:after {
    content: "";
    position: absolute; left: 30px; bottom: 0px; right: 30px;
    width: calc(100% - 30px - 30px); height: 1px;
    background-color: var(--color-ligth-gray);
  }
  section.prod-wrap.acdntStus > .inner .box-list-warp.ocrnc {
    display: flex;
    flex-direction: column; justify-content: center; align-items: flex-start;
  }
  .box-list-warp > .box-list:first-child {
    margin-bottom: 50px;
  }
  .box-list-warp.ocrnc .box-list > figure {
    height: 320px;
  }
  section.prod-wrap.stability > .inner {
    display: flex;
    flex-direction: row; flex-wrap: wrap; justify-content: flex-end; align-items: flex-start;
    width: 90%;
    padding-top: 50px;
  }
  section.prod-wrap.stability > .inner .text-item > strong {
    font-size: var(--fS-ttl-2-125);
    word-break: keep-all;
  }
  section.prod-wrap.stability > .inner .icon-item {
    width: 115px; height: 115px;
  }
  section.prod-wrap.sbscr .inner
  , section.prod-wrap .inner {
    width: 90%;
    margin: 0 auto;
  }
  section.prod-wrap.sbscr-efect > .inner > .box-bnr-warp .box-list {
    display: flex;
    flex-direction: column; align-items: center;
    width: calc(100% - 30px - 30px);
    margin-left: 0px; margin-top: 30px;
    padding: 30px;
  }
  section.prod-wrap.sbscr-efect > .inner:before {
    position: absolute; top: -40px; left: auto; right: 0;
    width: 220px; height: 180px;
  }
  .box-bnr-warp .box-list .conts-item {
    width: 100%;
    margin-left: 0px; margin-top: 30px;
  }
  .box-bnr-warp .box-list .conts-item > h4 {
    text-align: center;
  }
  section.prod-wrap.sbscr-efect > .inner > .box-bnr-warp .box-list .conts-item > ul li {
    font-size: var(--fS-txt-1-05);
  }
  section.prod-wrap.sbscr-efect > .inner .button-acc-center {
    padding-bottom: 50px;
  }
  section.prod-wrap.sbscr-efect > .inner .button-acc-center a {
    margin-left: 5%;
    width: 30%;
  }
  section.prod-wrap.case
  , section.prod-wrap.safety {
    margin-top: 80px;
  }
  section.prod-wrap.case .inner
  , section.prod-wrap.safety .inner
  , section.prod-wrap.bbs .inner {
    width: 90%;
    padding-top: 0;
  }
  section.prod-wrap.safety > .inner .box-list-warp {
    margin-top: 30px;
    display: flex;
    flex-direction: row; flex-wrap: wrap;
  }
  section.prod-wrap.safety > .inner .box-list-warp > .box-list {
    width: 48%;
    margin-left: 4%; margin-bottom: 15px;
  }
  section.prod-wrap.safety > .inner .box-list-warp > .box-list:nth-child(2n+1) {
    margin-left: 0%;
  }
  section.prod-wrap.safety > .inner .box-list-warp > .box-list a > figure {
    height: 230px;
    overflow: hidden;
  }
  section.prod-wrap.bbs {
    margin-top: 80px; margin-bottom: 100px;
  }
  section.prod-wrap.bbs .inner {
    display: flex;
    flex-direction: column; justify-content: center; align-items: flex-start;
  }
  section.prod-wrap.bbs .inner .data-room, section.prod-wrap.bbs .inner .faq-bbs {
    width: 100%;
    margin-top: 30px; margin-left: 0;
  }
  section.prod-wrap.bbs .inner .data-room > h2, section.prod-wrap.bbs .inner .faq-bbs > h2 {
    font-size: var(--fS-ttl-2);
  }
  .faq-box-wrap .faq-box-list {
    position: relative;
  }
  .faq-box-top {
    width: 87%;
    word-break: break-all;
  }
  .faq-box-top:after {
    position: absolute; top: 25px; right: 0;
  }
  .faq-box-top:hover,
  .open .faq-box-top {
    background-color: var(--color-white);
    color: var(--color-black);
  }
  .faq-box-top:hover:after,
  .open .faq-box-top:after {
    background-color: var(--color-black);
  }
  .open .faq-box-top:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}


@media only screen and (max-width: 414px) {
  section.prod-wrap.safety > .inner .box-list-warp > .box-list a > figure {
    width: 100%; height: auto;
  }
  section.prod-wrap.case > .inner .box-list-warp > .box-list a > figure {
    height: auto;
    display: flex;
    justify-content: center; align-items: center;
  }
}
@media only screen and (max-width: 390px) {
  .home-fire-box h3 {
    width: 50%;
  }
  .box-list-wrap > ul li:first-child .home-fire-box h3,
  .box-list-wrap > ul li:last-child .home-fire-box h3 {
    width: 50%;
  }
  section.prod-wrap.safety > .inner .box-list-warp {
    width: 100%;
  }
}
@media only screen and (max-width: 360px) {
  .box-list-warp > .box-list > .box-inner {
    padding: 20px;
  }
}
@media only screen and (max-width: 320px) {
  .cont-text-item .data-number-item {
    font-size: var(--fS-ttl-1-75);
  }
  .box-banner-second > .box-item {
    display: flex; flex-direction: column; align-items: center;
  }
  .box-banner-second > .box-item > ul {
    width: 100%;
    padding-left: 0px;
  }
  .box-banner-second > .box-item > ul li.middle-title {
    padding: 20px 0 10px; margin-bottom: 0;
    text-align: center;
  }
  .box-list-warp.ocrnc .box-list > figure {
    height: 280px;
  }
}
@media only screen and (max-width: 280px) {
  .counsel-box .box-privacy-item .control
  , .counsel-box .box-privacy-item a.more-link {
    font-size: var(--fS-txt-75);
  }
  section.prod-wrap .inner h2 {
    font-size: var(--fS-ttl-1-75);
  }
  .box-list-warp > .box-list > .box-inner {
    display: flex;
    flex-direction: column; align-items: center; justify-content: center;
  }
  .box-list-warp > .box-list > .box-inner .cont-box {
    margin-left: 0px; margin-top: 20px;
  }
  section.prod-wrap.acdntStus > .inner .box-list-warp .cont-box .cont-text-item {
    text-align: center;
  }
  section.prod-wrap.stability > .inner .text-item > strong {
    font-size: var(--fS-ttl-1-75);
  }
  section.prod-wrap.sbscr {
    margin-top: 80px;
}
  section.prod-wrap.sbscr > .inner .box-list-warp .box-list > figure {
    width: 100%; height: 170px;
  }
  section.prod-wrap.case > .inner .box-list-warp > .box-list:first-child {
    margin-bottom: 20px;
  }
  section.prod-wrap.sbscr-efect > .inner .button-acc-center a {
    word-break: keep-all;
    text-align: center;
  }
}


@media only screen and (max-width:1024px) and (min-width:700px){
  .esyc-Insr > .inner {
    padding: 50px 5%;
  }
  .conts-box-wrap .calculate-box-item
  , .conts-box-wrap .calculate-box-item > .range-box {
    width: 100%;
  }
  .conts-box-wrap .total-box-item {
    display: flex;
    flex-direction: row; justify-content: space-between; align-items: center;
  }
  .conts-box-wrap .total-box-item > a.blue {
    width: 180px; height: 105px;
  }
  .conts-box-wrap .total-box-item > .box-item {
    margin-left: 20px; margin-top: 0px;
    width: calc(100% - 200px);
  }
  .counsel-box {
    display: flex;
    flex-direction: row; flex-wrap: wrap;
  }
  .counsel-box .box-input-item {
    width: 48%;
    margin-left: 4%; margin-top: 0;
  }
  section.prod-wrap.acdntStus > .inner .box-list-warp {
    margin-top: 30px;
    display: flex;
    flex-direction: row; justify-content: space-between; align-items: flex-start;
  }
  section.prod-wrap.acdntStus > .inner  .box-list-warp > .box-list {    
    width: 48%;
    margin-left: 4%;
  }
  section.prod-wrap.acdntStus > .inner  .box-list-warp > .box-list:first-child {
    margin-bottom: 20px; margin-left: 0;
  }
  .box-list-warp > .box-list > .box-inner .icon-item {
    width: 80px; height: 80px;
  }
  .box-list-warp > .box-list > .box-inner .icon-item > i {
    width: 38px; height: 38px;
  }
  section.prod-wrap.acdntStus > .inner .box-list-warp.ocrnc {
    display: flex;
    flex-direction: row; justify-content: center; align-items: flex-start;
  }
  section.prod-wrap.stability > .inner {
    display: flex;
    flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center;
    width: 90%; min-height: 300px;
    padding-top: 0px;
  }
  section.prod-wrap.stability > .inner .text-item {
    width: 70%;
  }
  section.prod-wrap.stability > .inner .text-item > strong {
    font-size: var(--fS-ttl-1-75);
  }
  section.prod-wrap.stability > .inner .icon-item {
    width: 125px; height: 125px;
  }
  section.prod-wrap.sbscr > .inner .box-list-warp {
    display: flex;
    flex-direction: row; flex-wrap: wrap; align-items: flex-start;
  }
  section.prod-wrap.sbscr > .inner .box-list-warp > .box-list {
    width: 48%;
    margin-left: 4%;
  }
  section.prod-wrap.sbscr > .inner .box-list-warp > .box-list:nth-child(2n+1) {
    margin-left: 0;
  }
  section.prod-wrap.sbscr-efect > .inner > .box-bnr-warp .box-list {
    width: calc(48% - 30px - 30px);
    margin-left: 4%;
  }
  section.prod-wrap.sbscr-efect > .inner > .box-bnr-warp .box-list:nth-child(2n+1) {
    margin-left: 0;
  }
  section.prod-wrap.case > .inner .box-list-warp {
    margin-top: 50px;
    display: flex;
    flex-direction: row; flex-wrap: wrap; align-items: flex-start;
  }
  section.prod-wrap.case > .inner .box-list-warp > .box-list {
    width: 48%;
    margin-left: 4%;
  }
  section.prod-wrap.case > .inner .box-list-warp > .box-list:nth-child(2n+1) {
    margin-left: 0;
  }
  section.prod-wrap.case > .inner .box-list-warp > .box-list a > figure {
    height: 200px;
    display: flex;
    justify-content: center; align-items: center;
  }
  section.prod-wrap.safety > .inner .box-list-warp > .box-list {
    width: 22%;
    margin-left: 4%;
  }
  section.prod-wrap.safety > .inner .box-list-warp > .box-list a > figure {
    height: auto;
    overflow: hidden;
}
  section.prod-wrap.safety > .inner .box-list-warp > .box-list:nth-child(2n+1) {
    margin-left: 4%;
  }
  section.prod-wrap.safety > .inner .box-list-warp > .box-list:first-child {
    margin-left: 0%;
  }
  section.prod-wrap.bbs .inner {
    display: flex;
    flex-direction: row;
  }
  section.prod-wrap.bbs .inner .data-room, section.prod-wrap.bbs .inner .faq-bbs {
    width: 48%;
    margin-left: 4%;
  }
  section.prod-wrap.bbs .inner .data-room {
    margin-left: 0%;
  }
}



/* 240206 반응형 추가 수정 */
@media screen and (max-width: 1280px) {
    
    .swiper.box-insurance-wrap .swiper-button-prev {
        left: 20px;
    }
    .swiper.box-insurance-wrap .swiper-button-next {
        right: 20px;
    }

}

@media screen and (max-width: 1024px) {
    .swiper.box-insurance-wrap .swiper-button-prev {
        transform: translateY(0);
    }
    .swiper.box-insurance-wrap .swiper-button-next {
        transform: translateY(0);
    }
}

@media screen and (max-width: 768px) {
    
    .swiper.box-insurance-wrap .swiper-button-prev {
        left: 10px;
    }
    .swiper.box-insurance-wrap .swiper-button-next {
        right: 10px;
    }

}

@media screen and (max-width: 425px) {
    .swiper.box-insurance-wrap {
       
        width: 70%; 
      }
    
    .swiper.box-insurance-wrap .swiper-button-prev {
        left: 5px;
    }
    .swiper.box-insurance-wrap .swiper-button-next {
        right: 5px;
    }

}