@charset "utf-8"; /* CSS Document */ /*2022.11.02*/ .ab-onecon{ margin-top: 45px; } .ab-onecon p:first-child{ margin-bottom: 35px; } .ab-onecon p{ font-size: 18px; color: #333; line-height: 28px; margin: 25px 0; } .s-aboutone{ margin-bottom: 55px; } .s-twoul{ margin-top: 60px; } .s-twoul ul{ margin: 0; padding: 0; } .s-twoul ul li{ margin-bottom: 120px; position: relative; cursor: pointer; } .s-twoul ul li .li-img{ position: absolute; left: 0px; top: 0px; z-index: 1; } .s-twoul ul li .li-img img{ border: 3px solid transparent; transition: all 1s; } .s-twoul ul li:hover .li-img img{ border: 3px solid #b31a21; transition: all 1s; } .s-twoul ul li .li-tt{ background: #fff; padding: 15px; box-shadow:-3px 7px 23px 5px #e7e7e7; width: 50%; float: right; margin-top: 65px; } .s-twoul ul li .li-ttcon{ border: 1px solid #c8bf7e; padding: 30px 20px 30px 100px; background: url(../images/absan.png) no-repeat right bottom; } .s-twoul ul li .li-ttcon h5{ font-size: 22px; color: #b31a21; font-weight: bold; margin-bottom: 25px; } .s-twoul ul li .li-ttcon p{ font-size: 18px; color: #333; line-height: 28px; } .s-twoul ul li:nth-child(even){ } .s-twoul ul li:nth-child(even) .li-tt{ float: none; } .s-twoul ul li:nth-child(even) .li-tt .li-ttcon{ padding-left: 30px; padding-right: 90px; } .s-twoul ul li:nth-child(even) .li-img{ right: 0; left: auto; top: -65px; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /*background: #333;*/ } .mCSB_scrollTools .mCSB_draggerRail{ /*background: #eee;*/ background: none; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover{ background: #ddd; } .ss1 { height: 27vh; } @media (max-width: 1200px) { } @media (max-width: 1550px) { .s-twoul ul li .li-img{ width: 59%; } } @media (max-width: 1300px) { .s-twoul ul li .li-tt{ width: 65%; margin-top: 26px; } .ss1 { height: 21vh; } .s-twoul ul li .li-img { width: 45%; } .s-twoul ul li:nth-child(even) .li-img{ top: -30px; } .s-twoul ul li{ margin-bottom: 70px; } .s-twoul ul li .li-ttcon p{ font-size: 16px; line-height: 26px; } } @media (max-width:991px) { .s-twoul ul li .li-img{ top: 19%; } .s-twoul ul li .li-tt{ margin-top: 0px; } .s-twoul ul li:nth-child(even) .li-img{ top: 19%; } .s-twoul ul li .li-ttcon h5{ margin-bottom: 15px; font-size: 20px; } .ab-onecon p{ font-size: 16px; line-height: 25px; } .ab-onecon{ margin-top: 25px; } .ab-onecon p:first-child{ margin-bottom: 25px; } .ab-onecon p{ margin: 20px 0; } } @media (max-width:767px) { .s-twoul ul li .li-img{ width: 100%; top: auto; position: relative; left: auto; right: auto; } .s-twoul{ margin-top: 30px; } .s-twoul ul li{ margin-bottom: 30px; } .s-twoul ul li .li-tt{ width: 100%; box-shadow: 4px 6px 9px 1px #e7e7e7; } .s-twoul ul li .li-ttcon{ padding: 15px 10px 40px 15px; } .s-twoul ul li:nth-child(even) .li-tt .li-ttcon{ padding: 15px 10px 40px 15px; } .s-twoul ul li .li-ttcon h5{ font-size: 18px; margin-bottom: 10px; } .s-aboutone{ margin-bottom: 30px; } }