@charset "utf-8";

.ani {position: relative; opacity: 0; transition: 0s;}
.ani-on .ani {opacity: 1; transition: 1s;}
.edit .ani {position: static; opacity: 1;}

@media all and (max-width: 1800px) {
    .ani, .ani-on .ani {position: static; opacity: 1 !important; transition: 0s !important;}
}

/* Main Only */
#multipleContentsDiv_isealove_7 {position: relative;}
#multipleContentsDiv_isealove_7 > div:nth-child(2) {position: absolute; left: 0; top: 33%; width: 100%; margin-bottom: 33px;}
#multipleContentsDiv_isealove_7 ._fnctWrap ._fnctAdmin {top: 95px !important;}

#multipleDiv_isealove_12 {background: url('../../images/main/bg-main1.png') no-repeat right bottom;}
#multipleDiv_isealove_19 {position: relative; background: url('../../images/main/bg-main2.jpg') no-repeat left top;}
#multipleDiv_isealove_19::after {content: ''; position: absolute; right: 0; top: 0; width: 64%; height: 100%; background: #fff;}
#multipleDiv_isealove_19 > div > div {position: relative; z-index: 10;}

@media all and (max-width: 1000px) {
    #multipleDiv_isealove_19::after {width: 89%;}
}

@media all and (max-width: 900px) {
    #multipleDiv_isealove_19 {background: url('../../images/main/bg-main2-t.jpg') no-repeat left top;}
    #multipleDiv_isealove_19::after {width: 59%;}
    #multipleContentsDiv_isealove_7 > div:nth-child(2) {top: 24.5%;}
}

@media all and (max-width: 800px) {
    #multipleDiv_isealove_19::after {width: 79%;}
}

@media all and (max-width: 584px) {
    #multipleDiv_isealove_19::after {width: 100%;}
}


@media all and (max-width: 500px) {
    #multipleDiv_isealove_19 {padding-top: 210px; background: url('../../images/main/bg-main2-m.jpg') no-repeat left top;}
    #multipleDiv_isealove_19::after {display: none;}
    #multipleContentsDiv_isealove_7 > div:nth-child(2) {top: 30.5%;}
}

/* Banner */
.wrap-banner {position: relative; z-index: 10; margin-top: -160px;}
.wrap-banner ul {padding: 0 25px; font-size: 0; text-align: center;}
.wrap-banner ul > br {display: none;}
.wrap-banner li {display: inline-block; width: 20%; padding: 0 25px; text-align: center;}
.wrap-banner li.ani {bottom: -80px;}
.ani-on .wrap-banner li.ani {bottom: 0;}
.ani-on .wrap-banner li.ani1 {transition-delay: 0s;}
.ani-on .wrap-banner li.ani2 {transition-delay: 0.2s;}
.ani-on .wrap-banner li.ani3 {transition-delay: 0.4s;}
.ani-on .wrap-banner li.ani4 {transition-delay: 0.6s;}
.ani-on .wrap-banner li.ani5 {transition-delay: 0.8s;}
.wrap-banner li .box a {display: block; overflow: hidden; background: #fff; border: 1px solid #c3c3c3; border-radius: 30px;}
.wrap-banner li .box a:focus-visible {outline: 2px solid #333;}
.wrap-banner .thumb {padding: 45px 0 30px 0;}
/*
.wrap-banner .ani .thumb img {transform: rotateY(0deg); transition: 1s;}
.ani-on .wrap-banner .ani .thumb img {transform: rotateY(360deg);}
.ani-on .wrap-banner .ani1 .thumb img {transition-delay: 0s;}
.ani-on .wrap-banner .ani2 .thumb img {transition-delay: 0.2s;}
.ani-on .wrap-banner .ani3 .thumb img {transition-delay: 0.4s;}
.ani-on .wrap-banner .ani4 .thumb img {transition-delay: 0.6s;}
.ani-on .wrap-banner .ani5 .thumb img {transition-delay: 0.8s;}
*/
.wrap-banner .desc {position: relative; display: table; table-layout: fixed;  width: 100%; min-height: 190px; color: #fff;}
.wrap-banner .desc .cell {position: relative; display: table-cell; vertical-align: top; text-align: center;}
.wrap-banner .desc strong {position: relative; z-index: 1; display: inline-block; width: 100%; margin-top: 50px; margin-bottom: 8px; padding: 0 20px; font-family: 'Dream Medium'; font-size: 22px; letter-spacing: -1px;}
.wrap-banner .desc strong span {position: relative;}
.wrap-banner .desc strong span {position: relative; background: linear-gradient(to bottom, transparent 97%, rgba(255,255,255,.64) 0) left center no-repeat; background-size: 0; transition: background-size 1s;}
.wrap-banner li:hover .desc strong span {background-size: 100% auto;}
.wrap-banner .desc p {position: relative; z-index: 1; font-family: 'Dream Regular'; font-size: 16px; line-height: 1.3; letter-spacing: -.5px;}
.wrap-banner .desc .cell::after {content: ''; position: absolute; left: 50%; top: 0; width: 130%; height: 150%; border-radius: 260px 260px 0 0; transform: translate(-50%, 0);}
.wrap-banner .color1 .desc .cell::after {background: #0068ff;}
.wrap-banner .color2 .desc .cell::after {background: #172696;}
.wrap-banner .color3 .desc .cell::after {background: #0068b7;}
.wrap-banner .color4 .desc .cell::after {background: #089FA0;}
.wrap-banner .color5 .desc .cell::after {background: #1a4a66;}

@media all and (max-width: 1850px) {
    .wrap-banner .desc p {font-size: 15px;}
}

@media all and (max-width: 1750px) {
    .wrap-banner li {padding: 0 10px;}
    .wrap-banner .desc {min-height: 150px;}
    .wrap-banner .desc .cell::after {height: 120%;}
    .wrap-banner .desc .cell {vertical-align: middle;}
    .wrap-banner .desc p {display: none;}
    .wrap-banner .desc strong {margin-top: 16px; font-size: 19px;}
}

@media all and (max-width: 1400px) {
    .wrap-banner ul {padding: 0;}
}

@media all and (max-width: 1300px) {
    .wrap-banner ul {padding: 0;}
    .wrap-banner li {width: 33.333%; padding: 18px;}
    .wrap-banner .desc {min-height: 160px;}
    .wrap-banner .desc .cell::after {width: 136%; height: 147%; border-radius: 430px 430px 0 0;}
    .wrap-banner .thumb img {height: 60px;}
}

@media all and (max-width: 900px) {
    .wrap-banner {margin-top: -140px;}
    .wrap-banner .desc strong {font-size: 22px; line-height: 1.4;}
    .wrap-banner .thumb {padding: 34px 0 33px 0;}
}

@media all and (max-width: 850px) {
    .wrap-banner li {padding: 10px;}
    .wrap-banner .desc strong {font-size: 20px;}
}

@media all and (max-width: 500px) {
    .wrap-banner {margin-top: -55px;}
    .wrap-banner li {width: 100%; padding: 5px 0;}
    .wrap-banner li .box a {overflow: hidden; display: table; width: 100%; table-layout: fixed;}
    .wrap-banner .thumb {display: table-cell; width: 175px; padding: 30px 0; vertical-align: middle;}
    .wrap-banner .desc {min-height: 120px}
    .wrap-banner .desc .cell::after {top: 50%; width: 100%; height: 145%; border-radius: 90px 0 0 90px; transform: translate(-50%, -50%);}
    .wrap-banner .desc strong {margin-top: 0; margin-bottom: 0; padding: 0 40px; font-size: 20px;}
}

/*추가작업
#multipleDiv_isealove_59 {display: none;}
*/