@charset "utf-8";
.main-page .main-prod_list .item{
width: 77vw;
margin-right: 30px;
}
.main-page .main-prod_list .item img{
object-fit: cover;
}
/* 타블렛 세로 */
@media all and (max-width:1024px) {
.main-page section:not(:first-child) {
padding: 90px 0;
}
.main-page .main-vis-txt strong {
font-size: 50px;
margin-bottom: 20px;
}
.main-page .main-vis-txt em {
font-size: 18px;
width: 50%;
}
.main-page h1.main_tit {
font-size: 36px;
margin-bottom: 24px !important;
}
.main-page .main_subtit {
margin-bottom: 14px;
}
.main-page .main-qual_cont.manage {
margin-bottom: 10px;
}
.main-qual_cont .main-qual-btn {
display: flex;
justify-content: center;
margin: 0 auto;
}
.main-page .main-prod .main-tit_box p {
font-size: 16px;
margin-bottom: 24px;
}
.main-prod-arr_btn {
margin-bottom: 10px;
height: 44px;
}
.main-prod-arr_btn button {
width: 46px;
height: 46px;
margin-right: 14px;
}
.main-prod-arr_btn button i {
width: 10px;
height: 10px;
}
.main-page .main-news-list {
display: block;
}
.main-page .main-news-list > a {
margin-right: 0 !important;
margin-bottom: 16px;
display: block;
width: 100%;
}
.main-page .main-cont .inner {
display: block;
}
.main-news {
position: relative;
}
.main-news .main-common-btn {
position: absolute;
left: 50%;
bottom: -70px;
transform: translateX(-50%);
}
.main-page .main-prod_list .main-prod_list_txt {
bottom: -30px;
}
.main-page .main-news-list > a .gradient i {
width: 100%;
}
.main-page .main-news-tit_area {
margin-bottom: 20px;
}
}
/* 타블렛 가로 미만 ~ 모바일 */
@media all and (max-width:768px) {
.main-page section:not(:first-child) {
padding: 70px 0;
}
.main-page .main-vis-txt strong {
width: 90%;
font-size: 46px;
margin-bottom: 16px;
}
.main-page .main-vis-txt em {
font-size: 16px;
width: 70%;
}
.main-page .main-qual-cont_box em {
margin-bottom: 10px;
}
.main-page .main-qual-cont_box h2 {
font-size: 24px;
margin-bottom: 12px;
}
.main-page .main-qual-cont_box p {
font-size: 14px;
margin-bottom: 30px;
}
.main-page .main-qual {
background: url('/image/main/m_main_prod_bg.jpg');
}
section.main-news {
padding-bottom: 90px !important;
}
.main-page .main-prod_list .item.slick-current .main-prod_list_txt {
left: 30px;
bottom: 30px;
}
.main-page .main-prod_list .main-prod_list_txt em {
margin-bottom: 10px;
}
.main-page .main-prod_list .main-prod_list_txt p {
margin-bottom: 20px;
font-size: 14px;
}
.main-page .main-prod_list .main-prod_list_txt strong {
font-size: 22px;
}
.main-page .main-prod_list .main-prod_list_txt {
bottom: -10px;
}
.main-page .main-news-list > a {
padding: 24px;
}
.main-page .main-news-list > a em {
margin-bottom: 12px;
}
.main-page .main-news-list > a strong {
font-size: 20px;
margin-bottom: 30px;
}
.main-page .main-news-list > a .gradient {
margin-bottom: 24px
}
.main-page .main-news-tit_area {
margin-bottom: 0;
}
}
/* 모바일 상세 */
@media all and (max-width:640px) {
.main-page .main-vis-scroll_ico {
bottom: 20px;
}
.main-page .main-vis-scroll_ico span{
font-size: 10px;
}
.main-page .main-vis-scroll_ico img {
bottom: 10px;
width: 22px;
height: 35px;
}
.main-page .main-vis-scroll_ico img:nth-child(2) {
margin-bottom: 0;
bottom: 24px;
}
@keyframes scroll {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
bottom: 8px;
opacity: 0;
}
}
.main-page h1.main_tit {
font-size: 26px !important;
margin-bottom: 30px;
}
.main-page .main_subtit {
font-size: 16px;
margin-bottom: 10px;
}
.main-page .main-qual-cont_box em {
font-size: 13px;
margin-bottom: 8px;
}
.main-page .main-qual-cont_box h2 {
font-size: 20px;
margin-bottom: 10px;
}
.main-page .main-qual-cont_box p {
font-size: 13px;
margin-bottom: 20px;
line-height: 1.4;
}
.main-page .main-common-btn {
width: 130px;
height: 36px;
border-radius: 18px;
}
.main-page .main-common-btn span {
font-size: 13px;
font-weight: normal;
}
.main-prod-arr_btn {
height: 42px;
}
.main-prod-arr_btn button {
width: 42px;
height: 42px;
padding: 0;
margin-right: 10px;
margin-bottom: 5px;
}
.main-prod-arr_btn button i {
width: 9px;
height: 9px;
}
.main-prod-arr_btn button img {
width: 100%;
}
.main-page .main-prod_list .item img{
height: 50vmin;
}
.main-page .main-cont strong {
margin-bottom: 10px;
}
.main-page .main-vis-txt {
min-height: 187px;
}
}
/* 모바일 가로 */
@media all and (max-width:568px) {
.main-page section:not(:first-child) {
padding: 50px 0;
}
.main-page h1.main_tit {
font-size: 30px !important;
margin-bottom: 22px !important;
}
.main-page .main-vis-txt strong {
font-size: 38px;
margin-bottom: 12px;
width: 100%;
}
.main-page .main-vis-txt em {
font-size: 14px;
width: 90%;
line-height: 1.4;
}
.main-page .main-vis-list li {
padding-top: 200px;
}
.main-cont .main-tit_box {
width: 70%;
margin: 0 auto;
word-break: keep-all;
}
.main-page .main-prod_list .item {
margin-right: 20px;
}
.main-page .main-prod_list .main-prod_list_txt em {
margin-bottom: 8px;
font-size: 13px;
}
.main-page .main-prod_list .main-prod_list_txt p {
margin-bottom: 16px;
font-size: 13px;
}
.main-page .main-prod_list .main-prod_list_txt strong {
font-size: 18px;
margin-bottom: 10px;
}
.main-page .main-qual_cont.active {
padding-top: 62%;
background-size: cover;
}
.main-page .main-qual_cont {
padding-top: 62%;
background-size: cover;
}
.main-page .main-news-list > a {
padding: 20px;
word-break: keep-all;
}
.main-page .main-news-list > a em {
margin-bottom: 10px;
}
.main-page .main-news-list > a strong {
font-size: 18px;
margin-bottom: 24px;
}
.main-page .main-news-list > a .gradient {
margin-bottom: 20px
}
.main-page .main-prod_list .item {
box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.5);
}
.main-prod-arr_btn {
margin-bottom: 0;
}
.main-page .main-prod_list .slick-list {
padding-bottom: 26px;
}
.main-page .main-vis-txt {
min-height: 141px;
}
}
@media all and (max-width:425px) {
.main-page section:not(:first-child) {
padding: 45px 0;
}
.main-page .main-vis-txt strong {
font-size: 32px;
margin-bottom: 10px;
width: 100%;
}
.main-page .main-vis-txt em {
font-size: 14px;
width: 90%;
line-height: 1.4;
}
.main-page h1.main_tit {
font-size: 24px !important;
margin-bottom: 16px !important;
}
.main-page .main_subtit {
font-size: 14px;
}
.main-page .main-prod .main-tit_box p {
font-size: 14px;
word-break: keep-all;
}
.main-page .main-prod_list .item.slick-current .main-prod_list_txt {
left: 20px;
bottom: 20px;
}
.main-page .main-news-list > a {
padding: 16px;
margin-bottom: 12px;
}
.main-page .main-news-list > a em {
margin-bottom: 8px;
}
.main-page .main-news-list > a strong {
font-size: 16px;
margin-bottom: 20px;
}
.main-page .main-news-list > a .gradient {
margin-bottom: 14px
}
.main-page .main-qual-btn .main-common-btn {
width: 130px;
}
}
@media all and (max-width:375px) {
.main-page .main-vis-list li {
padding-bottom: 150px;
}
.main-page .main-vis-scroll_ico {
bottom: 10px;
}
.main-page .slick-nav {
bottom: 150px;
}
.main-page h1.main_tit {
font-size: 20px;
margin-bottom: 12px;
}
.main-page .main_subtit {
font-size: 13px;
}
.main-page .main-qual-cont_box p {
width: 300px;
font-size: 12px;
}
}
@media all and (max-width:320px) {}