@charset "utf-8";

.swipe-carousel .item { position: relative;}
.swipe-carousel .item .tint { position: absolute; left: 50%; top: 50%; z-index: 2; transform: translate(-50%, -50%); padding: 0 20px; max-width: 1210px; width: 100%; color: #fff;}
.swipe-carousel .item .tint p span { display: block;}
.swipe-carousel .item .tint .p1 { font-size: 58px; line-height: 1.32; font-family: '나눔명조OTF','nanum-myeongjo-otf','NanumSquare',sans-serif ;}
.swipe-carousel .item .tint .p1 b {  font-weight: 800;}
.swipe-carousel .item .tint .p2 {  padding: 30px 0 64px; font-size: 24px; line-height: 1.5;}
.swipe-carousel .item .tint .ico.flex { display: flex; align-items: center;}
.swipe-carousel .item .tint .ico.flex .img { padding: 0 23px;}

@media(max-width:1199px){
    .swipe-carousel .item .tint .p1 { font-size: 50px; }
    .swipe-carousel .item .tint .p2 { padding: 20px 0 44px; font-size: 22px;}
}
@media(max-width:991px){
    .swipe-carousel .item:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.15); }
    .swipe-carousel .item .tint .ico.flex .img { padding: 0 20px;}
    .swipe-carousel .item .tint .ico.flex .img img { width: 110px;}
}
@media(max-width:768px){
    .swipe-carousel .item .tint .p1 { font-size: 46px; }
    .swipe-carousel .item .tint .p2 { padding: 15px 0 30px; font-size: 20px;}
    .swipe-carousel .item .tint .ico.flex .img { padding: 0 15px;}
    .swipe-carousel .item .tint .ico.flex .img img { width: 100px;}
}
@media(max-width:576px){
    .swipe-carousel .item:after  { background: rgba(0,0,0,.3);}
    .swipe-carousel .item .tint .p1 { font-size: 36px; }
    .swipe-carousel .item .tint .p2 { padding: 15px 0 30px; font-size: 18px;}
    .swipe-carousel .item .tint .ico.flex .img { padding: 0 10px;}
    .swipe-carousel .item .tint .ico.flex .img img { width: 90px;}
}
@media(max-width:480px){
    .swipe-carousel .item .tint .p1 { font-size: 32px; }
    .swipe-carousel .item .tint .p2 { padding: 10px 0 20px; font-size: 14px;}
    .swipe-carousel .item .tint .ico.flex .img img { width: 80px;}
}
@media(max-width:400px){
    .swipe-carousel .item .tint { padding: 0 10px;}
    .swipe-carousel .item .tint .p1 { font-size: 30px; }
    .swipe-carousel .item .tint .p2 { padding: 10px 0 20px; font-size: 15px;}
    .swipe-carousel .item .tint .ico.flex .img img { width: 80px;}
}