/* 인덱스 레이아웃 */
#idx_wrapper{ max-width:1800px; width:100%;; margin:0 auto 100px; font-family:SUIT;}

/* 메인슬라이더 */
#visual{position:relative; margin:0 auto; overflow:hidden; margin:0 auto; max-width:1800px; width: 100%}
.phone{ position:absolute; top:0; width:100%; height:100%; background:url(../img/main/visual_phone.png) no-repeat 95% 230%/auto 90%;}

#partner {    max-width: 1800px;	width: 100%;	margin: 0 auto 0px; background:linear-gradient(to right, #FFF 75%, #fff0 35%); padding-top: 15px}
#partner button{border: 0;padding: 10px; font-size:1.2em!important;margin-top: -80px;	margin-left: 0px; width: 72%; max-width: 1300px; transition: all 0.3s ease; filter: grayscale(1) opacity(0.5);mix-blend-mode: multiply; position: relative}
#partner img{	margin-left: 0px; width: 72%; max-width: 1300px; transition: all 0.3s ease; filter: grayscale(1) opacity(0.5);mix-blend-mode: multiply; position: relative}
#partner:hover img{filter: grayscale(0) opacity(1)}
#partner p  {	font-size: 2em;	font-weight: 600;	letter-spacing: -1px;	opacity: 0.25;}

.part2 {margin-top: 20px; filter:grayscale(1) opacity(0.5) !important; position: relative}
.part2:before {content: '';position: absolute; width: 100%; height: 50%; top: 0; left: 0; background: #fff0; backdrop-filter: blur(5px)}
.part2:after {content: '';position: absolute; width: 100%; height: 70%; bottom: 0; left: 0; background: #fff0; backdrop-filter: blur(10px);}


@media (max-width:1200px) {
    .part2 {margin-top: -20px;}
        .part2:after {content: '';position: absolute; width: 100%; height: 60%; bottom: 0; left: 0; background: #fff0; backdrop-filter: blur(10px);}
}
.slogan{margin:50px 0; font-size:2em;}
.slogan p{font-size:2em; margin-bottom:10px; font-weight:600; letter-spacing:-1px;}
.slogan span{ display:inline-block;}

.idx_price a{    width: fit-content;margin:0; padding:0; display: flex; gap: 10px}
.idx_price:after{content:"";;}
.idx_price li{ width:100px; border:0px solid #ddd; text-align:center; font-size:1.5em; line-height:25px; padding:25px 0; background: #f9f9f9}
.idx_price li:hover{ border:1px solid #0051AC; transition: all ease 0.3s;}
.idx_price li:last-child{font-size:1.3em; border:3px solid #0051AC; margin-top:-2px; color:#0051AC; background:#fff; font-weight:600;}
.idx_price li:last-child:hover{ border:3px solid #002f6b; }

.highlighter {animation: highlight 3s ease-out 75ms;    animation-iteration-count: infinite;background: linear-gradient(#c1deff 0 100%); background-position: 0 calc(100% - 2px);
    background-size: 0 14px; background-repeat: no-repeat; transition: background-size 0.3s;}

@-webkit-keyframes highlight {
    100% {
        background-size:100% 20px;
    }
    50% {
     background-size: 0 20px;
    }
    0% {
        background-size:100% 20px;
    }
}

@media (max-width: 1800px) and (min-width: 1200px){
    #idx_wrapper {width: 95%}
    #visual {width: 95%}
    #partner {width: 95%}
}
@media (max-width: 1200px) {
    #partner {text-align: center; background: #fff; width: 100%}
    #partner img{	margin-left: 0px; width: 100%}
    #partner button{margin: -10px auto 0!important;	margin-left: 0px; width: calc( 100% - 40px )}
    #partner p {	padding: 20px;}

    .idx_price a {width: 100%}
    #idx_wrapper{margin:0;margin-top: 60px}
    #idx_wrapper,
    #visual{width:100%;}
    .phone{background-size:95% auto; background-position:350% 65%;}
    .slogan{font-size:1em; padding-left:20px;  margin-bottom: 30px;; margin-top:10px;}
    .idx_price{padding:0 20px;}
    .idx_price li{ font-size:1.2em; padding:10px 0; line-height:20px; /*color:#fff; background:#333;*/ border:0; width: 33%}
    .idx_price li:last-child{ font-size:1.1em; letter-spacing:-1px; background:#0051AC; color:#fff; border:3px solid #fff; margin-right:0;}
}

@media (max-width: 768px) {
}