@charset "UTF-8";
/*
 *  File Name : /ui_resource/css/responsive/about.css
 *  Description : ABOUT 페이지 스타일
 *  Page : /about/*
 *  Selector : .page-about, .page-about--slot-list, .page-about--slot-detail
 */

/* common */
[class*=page-about] .section-top-banner {background-image: url(../../images/about/bg_top_banner.jpg);}

/* page-about : common */
.page-about .comm-title-wrap {margin-bottom: 0 !important;}
.page-about .section-main-contents [class^=wrapper-],
.page-about .section-main-contents .comm-content-wrap + .comm-content-wrap  {margin-top: 90px;}

/* .page-about : wrapper-about-list */
.page-about .wrapper-about-list .about-list {display: flex; flex-direction: column; margin-top: -10px;}
.page-about .wrapper-about-list .about-list .list-item {display: flex; justify-content: space-between; align-items: center; position: relative; width: 100%; height: 376px; padding: 0 0 0 80px; margin-top: 50px; background: linear-gradient(90deg, #3811AE 0%, #4C17E4 80%); border-radius: 30px; box-sizing: border-box;}
.page-about .wrapper-about-list .about-list .list-item:nth-child(2n) {flex-direction: row-reverse; padding: 0 80px 0 0;}
.page-about .wrapper-about-list .about-list .list-item .info-area .info-tit {color: #fff; font-family: var(--ft-family_Poppins-600); font-size: 50px; line-height: 1;}
.page-about .wrapper-about-list .about-list .list-item .info-area .info-cont {margin-top: 15px; color: #DBD4EC; font-family: var(--ft-family_Poppins-300); font-size: 24px; line-height: 1.4;}
.page-about .wrapper-about-list .about-list .list-item .img-area {position: absolute; top: -24px; width: 800px;}
.page-about .wrapper-about-list .about-list .list-item .img-area img {width: 100%;}
.page-about .wrapper-about-list .about-list .list-item:nth-child(1) .img-area {right: -50px;}
.page-about .wrapper-about-list .about-list .list-item:nth-child(2) .img-area {left: -25px;}
.page-about .wrapper-about-list .about-list .list-item:nth-child(3) .img-area {right: -11px;}
.page-about .wrapper-about-list .about-list .list-item:nth-child(4) .img-area {left: -44px;}

/* .page-about : wrapper-about-imgbox */
.page-about .wrapper-about-imgbox {display: flex; position: relative;}
.page-about .wrapper-about-imgbox > .info-area {width: 920px;}
.page-about .wrapper-about-imgbox > .img-area {position: absolute; right: -170px; top: -65px; width: 768px;}
.page-about .wrapper-about-imgbox > .img-area img {width: 100%;}

/* page-about--slot-list : common */
.page-about--slot-list .top-area {display: flex;}
.page-about--slot-list .top-area .field-item,
.page-about--slot-list .top-area .field-item::placeholder {color: #fff; font-family: var(--ft-family_Poppins-300); font-size: 24px;}
.page-about--slot-list .top-area .field-item:focus {outline: none; border-color: #1398FF;}
.page-about--slot-list .top-area .field-item {overflow: hidden; display: flex; width: 100%; height: 60px; padding: 0 30px; background: #3811AE; border: 0; border-radius: 5px; box-sizing: border-box; border: 1px solid #3811AE;}
.page-about--slot-list .top-area .sortbox {position: relative; width: 320px;}
.page-about--slot-list .top-area .sortbox::after {content: ""; display: inline-block; position: absolute; right: 30px; top: 50%; transform: translateY(-50%) rotate(0deg); width: 26px; height: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='14' viewBox='0 0 25 14' fill='none'%3E%3Cpath d='M23.9728 2.03964C24.4935 1.47641 24.4935 0.563231 23.9728 0H0.753806C0.233106 0.563231 0.233106 1.47641 0.753806 2.03964L11.4205 13.5776C11.9412 14.1408 12.7854 14.1408 13.3061 13.5776L23.9728 2.03964Z' fill='%231398FF'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain;}
.page-about--slot-list .top-area .sortbox:focus-within::after {transform: translateY(-50%) rotate(180deg);}
.page-about--slot-list .top-area .sortbox .sort-slot {appearance: none; -webkit-appearance: none; -moz-appearance: none; cursor: pointer;}
.page-about--slot-list .top-area .searchbox {display: flex; position: relative; width: 460px; margin-left: 20px;}
.page-about--slot-list .top-area .searchbox .inp-search {padding-right: 90px;}
.page-about--slot-list .top-area .searchbox .btn-search {position: absolute; right: 0; top: 0; width: 90px; height: 100%;}
.page-about--slot-list .top-area .searchbox .btn-search::after {content: ""; display: inline-block; width: 30px; height: 30px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M12.3807 24.5299C14.882 24.5299 17.226 23.7818 19.1767 22.5039L26.0671 29.3455C26.5233 29.7818 27.1054 30 27.7347 30C29.0404 30 30 28.987 30 27.7091C30 27.1169 29.7955 26.5403 29.355 26.1039L22.5118 19.2935C23.9276 17.2987 24.7614 14.8831 24.7614 12.2649C24.7614 5.51688 19.1924 0 12.3807 0C5.58469 0 0 5.51688 0 12.2649C0 19.013 5.56896 24.5299 12.3807 24.5299ZM12.3807 21.2571C7.39381 21.2571 3.30362 17.2052 3.30362 12.2649C3.30362 7.32468 7.39381 3.27273 12.3807 3.27273C17.3676 3.27273 21.4578 7.32468 21.4578 12.2649C21.4578 17.2052 17.3676 21.2571 12.3807 21.2571Z' fill='%231398FF'/%3E%3C/svg%3E"); background-size: cover;}
.page-about--slot-list .top-area .searchbox .inp-search:focus::placeholder {opacity: 0;}
.page-about--slot-list .pagination-comm {padding-top: 10px;}

/* page-about--slot-list : wrapper-slot-list  */
.page-about--slot-list .wrapper-slot-list {margin-top: 50px;}
.page-about--slot-list .wrapper-slot-list .slot-list {display: flex; flex-wrap: wrap;}
.page-about--slot-list .wrapper-slot-list .slot-list .list-item {width: 320px; margin-right: 40px; margin-bottom: 40px;}
.page-about--slot-list .wrapper-slot-list .slot-list .list-item:nth-child(4n) {margin-right: 0 !important;}
.page-about--slot-list .wrapper-slot-list .slot-list .list-item > a {display: flex; flex-direction: column; align-items: center;}
.page-about--slot-list .wrapper-slot-list .slot-list .list-item .slot-thumbnail {overflow: hidden; display: block; border-radius: 30px;}
.page-about--slot-list .wrapper-slot-list .slot-list .list-item .slot-thumbnail img {width: 100%; transform: scale(1); transition: transform .6s ease-out;} 
.page-about--slot-list .wrapper-slot-list .slot-list .list-item .slot-name {margin-top: 10px; color: #fff; font-family: var(--ft-family_Poppins-400); font-size: 24px; text-align: center;}

/* page-about--slot-detail */
.page-about--slot-detail .layout-inner {width: 1240px;}
.page-about--slot-detail img {width: 100%;}
.page-about--slot-detail .btn-back {display: flex; align-items: center; height: 50px; padding: 0 34px; margin-bottom: 50px; background: #1398FF; border-radius: 120px; box-sizing: border-box;}
.page-about--slot-detail .btn-back > .txt {display: flex; align-items: center; color: #fff; font-family: var(--ft-family_Poppins-500); font-size: 24px;}
.page-about--slot-detail .btn-back > .txt::before {content: ""; display: inline-block; width: 12px; height: 19px; margin-right: 15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20' viewBox='0 0 12 20' fill='none'%3E%3Cpath d='M11.5411 1.14836C11.8349 1.40944 12 1.76349 12 2.13265C12 2.50182 11.8349 2.85587 11.5411 3.11695L3.78308 10.0084L11.5411 16.8999C11.8266 17.1624 11.9846 17.5141 11.981 17.8791C11.9774 18.2442 11.8126 18.5934 11.522 18.8515C11.2314 19.1096 10.8383 19.256 10.4274 19.2592C10.0165 19.2624 9.62058 19.122 9.32499 18.8684L0.458878 10.9927C0.165059 10.7316 0 10.3776 0 10.0084C0 9.63924 0.165059 9.28519 0.458878 9.02411L9.32499 1.14836C9.6189 0.887359 10.0175 0.740738 10.4331 0.740738C10.8486 0.740738 11.2472 0.887359 11.5411 1.14836Z' fill='white'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat;}

/* page-about--slot-detail : wrapper-detail-info */
.page-about--slot-detail .wrapper-detail-info {display: flex;}
.page-about--slot-detail .wrapper-detail-info .info-area {width: calc(100% - 365px); padding-right: 30px; box-sizing: border-box;}
.page-about--slot-detail .wrapper-detail-info .info-area > * {color: #fff !important;}
.page-about--slot-detail .wrapper-detail-info .slot-machine-area {display: flex; justify-content: center; align-items: center; position: relative; width: 365px; height: 414px; background: url(../../images/about/bg_slot_machines.png?v=2) center no-repeat; background-size: contain;}
.page-about--slot-detail .wrapper-detail-info .slot-machine-area::after {content: ""; z-index: 1; position: absolute; bottom: 0; width: 365px; height: 92px; background: url(../../images/about/bg_slot_coins.png) center no-repeat; background-size: contain;}
.page-about--slot-detail .wrapper-detail-info .slot-machine-area .slot-machine,
.page-about--slot-detail .wrapper-detail-info .slot-machine-area .slot-machine .screenbox {width: 228px;}
.page-about--slot-detail .wrapper-detail-info .slot-machine-area .slot-machine {position: relative;}
.page-about--slot-detail .wrapper-detail-info .slot-machine-area .slot-machine .screenbox {position: absolute; left: 0; top: 0;}
.page-about--slot-detail .wrapper-detail-info .slot-machine-area .slot-machine .screenbox .motion-img {position: absolute; left: 50%; bottom: 16px; transform: translateX(-50%); width: 130px;}

/* page-about--slot-detail : wrapper-image-preview */
.page-about--slot-detail .wrapper-image-preview {display: flex; justify-content: center; margin-top: 50px;}
.page-about--slot-detail .wrapper-image-preview > * {border-radius: 15px; border: 5px solid #1398FF; box-sizing: border-box;}

/* 
 *  [해상도 1400px]
 *  - 컨텐츠 inner: 1400px 기준
 *  - 1920 기준 / DPR 1 / 16.6
 */
@media all and (max-width:1400px) {
    /* page-about : common */
    .page-about .section-main-contents [class^=wrapper-],
    .page-about .section-main-contents .comm-content-wrap + .comm-content-wrap  {margin-top: 5.422vw;}

    /* .page-about : wrapper-about-list */
    .page-about .wrapper-about-list .about-list {margin-top: -0.602vw;}
    .page-about .wrapper-about-list .about-list .list-item {height: 22.651vw; padding: 0 0 0 4.819vw; margin-top: 3.012vw; border-radius: 1.807vw;}
    .page-about .wrapper-about-list .about-list .list-item:nth-child(2n) {padding: 0 4.819vw 0 0;}
    .page-about .wrapper-about-list .about-list .list-item .info-area .info-tit {font-size: 3.012vw;}
    .page-about .wrapper-about-list .about-list .list-item .info-area .info-cont {margin-top: 0.904vw; font-size: 1.446vw;}
    .page-about .wrapper-about-list .about-list .list-item .img-area {top: -1.446vw; width: 48.193vw;}
    .page-about .wrapper-about-list .about-list .list-item:nth-child(1) .img-area {right: -3.012vw;}
    .page-about .wrapper-about-list .about-list .list-item:nth-child(2) .img-area {left: -1.506vw;}
    .page-about .wrapper-about-list .about-list .list-item:nth-child(3) .img-area {right: -0.663vw;}
    .page-about .wrapper-about-list .about-list .list-item:nth-child(4) .img-area {left: -2.651vw;}

    /* .page-about : wrapper-about-imgbox */
    .page-about .wrapper-about-imgbox > .info-area {width: 55.422vw;}
    .page-about .wrapper-about-imgbox > .img-area {right: -10.241vw; top: -3.916vw; width: 46.265vw;}

    /* page-about--slot-list : common */
    .page-about--slot-list .top-area .field-item,
    .page-about--slot-list .top-area .field-item::placeholder {font-size: 1.446vw;}
    .page-about--slot-list .top-area .field-item {height: 3.614vw; padding: 0 1.807vw; border-radius: 0.301vw;}
    .page-about--slot-list .top-area .sortbox {width: 19.277vw;}
    .page-about--slot-list .top-area .sortbox::after {right: 1.807vw; width: 1.566vw; height: 0.843vw;}
    .page-about--slot-list .top-area .searchbox {width: 27.711vw; margin-left: 1.205vw;}
    .page-about--slot-list .top-area .searchbox .inp-search {padding-right: 5.422vw;}
    .page-about--slot-list .top-area .searchbox .btn-search {width: 5.422vw;}
    .page-about--slot-list .top-area .searchbox .btn-search::after {width: 1.807vw; height: 1.807vw;}
    .page-about--slot-list .pagination-comm {padding-top: 0.602vw;}    

    /* page-about--slot-list : wrapper-slot-list  */
    .page-about--slot-list .wrapper-slot-list {margin-top: 3.012vw;}
    .page-about--slot-list .wrapper-slot-list .slot-list .list-item {width: 19.277vw; margin-right: 2.41vw; margin-bottom: 2.41vw;}
    .page-about--slot-list .wrapper-slot-list .slot-list .list-item .slot-thumbnail {border-radius: 1.807vw;}
    .page-about--slot-list .wrapper-slot-list .slot-list .list-item .slot-name {margin-top: 0.602vw; font-size: 1.446vw;}

    /* page-about--slot-detail */
    .page-about--slot-detail .layout-inner {width: 74.699vw;}
    .page-about--slot-detail .btn-back {height: 3.012vw; padding: 0 2.048vw; margin-bottom: 3.012vw; border-radius: 7.229vw;}
    .page-about--slot-detail .btn-back > .txt {font-size: 1.446vw;}
    .page-about--slot-detail .btn-back > .txt::before {width: 0.723vw; height: 1.145vw; margin-right: 0.904vw;}

    /* page-about--slot-detail : wrapper-detail-info */
    .page-about--slot-detail .wrapper-detail-info .info-area {width: calc(100% - 22.289vw); padding-right: 1.807vw;}
    .page-about--slot-detail .wrapper-detail-info .slot-machine-area {width: 21.988vw; height: 24.94vw;}
    .page-about--slot-detail .wrapper-detail-info .slot-machine-area::after {width: 21.988vw; height: 5.542vw;}
    .page-about--slot-detail .wrapper-detail-info .slot-machine-area .slot-machine,
    .page-about--slot-detail .wrapper-detail-info .slot-machine-area .slot-machine .screenbox {width: 13.735vw;}
    .page-about--slot-detail .wrapper-detail-info .slot-machine-area .slot-machine .screenbox .motion-img {bottom: 0.964vw; width: 7.831vw;}

    /* page-about--slot-detail : wrapper-image-preview */
    .page-about--slot-detail .wrapper-image-preview {margin-top: 3.012vw;}
    .page-about--slot-detail .wrapper-image-preview > * {border-radius: 0.904vw; border-width: 0.301vw;}
}

/* 
 *  [해상도 481px ~ 1024px]
 *  1. 769px ~ 1024px
 *  - 낮은 해상도의 PC
 *  - 태블릿 가로모드
 *
 *  2. 481px ~ 768px]
 *  - 모바일 가로모드
 *  - 태블릿 세로모드
 *
 *  3. 768 기준 / DPR 2 / 7.68
 *  4. 태블릿 ui 적용 (mode-tablet)
 *  5. 터치 기반 디바이스 ui 적용 (mode-touch): 태블릿+모바일
 */
@media all and (max-width:1024px) {
    /* page-about : common */
    .page-about .section-main-contents [class^=wrapper-],
    .page-about .section-main-contents .comm-content-wrap + .comm-content-wrap  {margin-top: 6.51vw;}

    /* .page-about : wrapper-about-list */
    .page-about .wrapper-about-list .about-list {margin-top: -0.651vw;}
    .page-about .wrapper-about-list .about-list .list-item {height: 24.479vw; padding: 0 0 0 5.208vw; margin-top: 3.255vw; border-radius: 1.953125vw;}
    .page-about .wrapper-about-list .about-list .list-item:nth-child(2n) {padding: 0 5.208vw 0 0;}
    .page-about .wrapper-about-list .about-list .list-item .info-area .info-tit {font-size: 3.255vw;}
    .page-about .wrapper-about-list .about-list .list-item .info-area .info-cont {margin-top: 1.302vw; font-size: 1.5625vw;}
    .page-about .wrapper-about-list .about-list .list-item .img-area {top: -1.5625vw; width: 52.083vw;}
    .page-about .wrapper-about-list .about-list .list-item:nth-child(1) .img-area {right: -0.391vw;}
    .page-about .wrapper-about-list .about-list .list-item:nth-child(2) .img-area {left: -3.71vw;}
    .page-about .wrapper-about-list .about-list .list-item:nth-child(3) .img-area {right: -0.260vw;}
    .page-about .wrapper-about-list .about-list .list-item:nth-child(4) .img-area {left: -3.515vw;}

    /* .page-about : wrapper-about-imgbox */
    .page-about .wrapper-about-imgbox > .info-area {width: 59.9vw;}
    .page-about .wrapper-about-imgbox > .img-area {right: -6vw; top: -3vw; width: 49vw;}

    /* page-about--slot-list : common */
    .page-about--slot-list .top-area .field-item,
    .page-about--slot-list .top-area .field-item::placeholder {font-size: 1.823vw;}
    .page-about--slot-list .top-area .field-item {height: 5.208vw; padding: 0 1.693vw; border-radius: 0.326vw;}    
    .page-about--slot-list .top-area .sortbox {width: 22.135vw;}
    .page-about--slot-list .top-area .sortbox::after {right: 1.693vw; width: 1.693vw; height: 0.911vw;}
    .page-about--slot-list .top-area .searchbox {width: 46.354vw; margin-left: 2.083vw;}
    .page-about--slot-list .top-area .searchbox .inp-search {padding-right: 5.339vw;}
    .page-about--slot-list .top-area .searchbox .btn-search {width: 5.339vw;}
    .page-about--slot-list .top-area .searchbox .btn-search::after {width: 1.953vw; height: 1.953vw;}
    .page-about--slot-list .pagination-comm {padding-top: 4.557vw;}

    /* page-about--slot-list : wrapper-slot-list  */
    .page-about--slot-list .wrapper-slot-list {margin-top: 2.604vw;}
    .page-about--slot-list .wrapper-slot-list .slot-list .list-item {width: 22.135vw; margin-right: 2.083vw; margin-bottom: 2.083vw;}
    .page-about--slot-list .wrapper-slot-list .slot-list .list-item .slot-thumbnail {border-radius: 1.953vw;}
    .page-about--slot-list .wrapper-slot-list .slot-list .list-item .slot-name {margin-top: 1.302vw; font-size: 1.5625vw;}

    /* page-about--slot-detail */
    .page-about--slot-detail .layout-inner {width: 94.792vw;}
    .page-about--slot-detail .btn-back {height: 5.208vw; padding: 0 2.93vw; margin-bottom: 5.208vw; border-radius: 7.8125vw;}
    .page-about--slot-detail .btn-back > .txt {font-size: 1.823vw;}
    .page-about--slot-detail .btn-back > .txt::before {width: 1.237vw; height: 1.953vw; margin-right: 0.977vw;}

    /* page-about--slot-detail : wrapper-detail-info */
    .page-about--slot-detail .wrapper-detail-info .info-area {width: calc(100% - 33.333vw); padding-right: 1.953vw;}
    .page-about--slot-detail .wrapper-detail-info .slot-machine-area {width: 33.333vw; height: 37.760vw;}
    .page-about--slot-detail .wrapper-detail-info .slot-machine-area::after {width: 33.333vw; height: 11.589vw;}
    .page-about--slot-detail .wrapper-detail-info .slot-machine-area .slot-machine,
    .page-about--slot-detail .wrapper-detail-info .slot-machine-area .slot-machine .screenbox {width: 20.573vw;}
    .page-about--slot-detail .wrapper-detail-info .slot-machine-area .slot-machine .screenbox .motion-img {bottom: 1.8vw; width: 11vw;}

    /* page-about--slot-detail : wrapper-image-preview */
    .page-about--slot-detail .wrapper-image-preview {margin-top: 1.953vw;}
    .page-about--slot-detail .wrapper-image-preview > * {border-radius: 0.977vw; border-width: 0.326vw;}
}

/* 
 *  [해상도 ~ 480px]
 *  - 모바일 (최소 360px까지)
 *  - 360 기준 / DPR 3 / 3.6
 *  - 모바일 ui 적용 (mode-mobile)
 */
@media all and (max-width:480px) {
    /* page-about : common */
    .page-about .section-main-contents [class^=wrapper-],
    .page-about .section-main-contents .comm-content-wrap + .comm-content-wrap  {margin-top: 9.259vw;}

    /* .page-about : wrapper-about-list */
    .page-about .wrapper-about-list .about-list {margin-top: 2.778vw;}
    .page-about .wrapper-about-list .about-list .list-item {flex-direction: column !important; height: auto; padding: 0 3.704vw 7.407vw !important; margin-top: 4.074vw; border-radius: 3.704vw;}
    .page-about .wrapper-about-list .about-list .list-item .info-area {margin-top: 5.556vw;}
    .page-about .wrapper-about-list .about-list .list-item .info-area .info-tit {font-size: 5.556vw;}
    .page-about .wrapper-about-list .about-list .list-item .info-area .info-cont {margin-top: 4.167vw; font-size: 3.704vw;}
    .page-about .wrapper-about-list .about-list .list-item .img-area {position: relative; left: auto !important; right: auto !important; top: 0; width: 92.593vw;}
    .page-about .wrapper-about-list .about-list .list-item:nth-child(1) .img-area {margin-top: -3.519vw; width: 90.741vw;}
    .page-about .wrapper-about-list .about-list .list-item:nth-child(2) .img-area {margin-top: -1.852vw;}
    .page-about .wrapper-about-list .about-list .list-item:nth-child(3) .img-area {margin-top: -2.222vw;}
    .page-about .wrapper-about-list .about-list .list-item:nth-child(4) .img-area {margin-top: -5.833vw;}

    /* .page-about : wrapper-about-imgbox */
    .page-about .wrapper-about-imgbox > .info-area {width: 100%;}
    .page-about .wrapper-about-imgbox > .img-area {display: none;}

    /* page-about--slot-list : common */
    .page-about--slot-list .top-area {flex-direction: column;}    
    .page-about--slot-list .top-area > * {margin-bottom: 2.222vw;}
    .page-about--slot-list .top-area > *:last-child {margin-bottom: 0;}
    .page-about--slot-list .top-area .field-item,
    .page-about--slot-list .top-area .field-item::placeholder {font-size: 4.63vw;}
    .page-about--slot-list .top-area .field-item {height: 11.111vw; padding: 0 3.704vw !important; border-radius: 0.741vw;}    
    .page-about--slot-list .top-area .sortbox {width: 100%;}
    .page-about--slot-list .top-area .sortbox::after {right: 3.704vw; width: 3.333vw; height: 1.852vw;}
    .page-about--slot-list .top-area .searchbox {justify-content: space-between; width: 100%; margin-left: 0;}
    .page-about--slot-list .top-area .searchbox .inp-search {width: calc(100% - (11.111vw + 2.222vw)); margin-right: 2.222vw;}
    .page-about--slot-list .top-area .searchbox .btn-search {width: 11.111vw; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120' fill='none'%3E%3Crect width='120' height='120' rx='8' fill='%231398FF'/%3E%3Cpath d='M54.7614 79.0597C59.764 79.0597 64.452 77.5636 68.3534 75.0078L82.1342 88.6909C83.0467 89.5636 84.2108 90 85.4693 90C88.0808 90 90 87.974 90 85.4182C90 84.2338 89.591 83.0805 88.71 82.2078L75.0236 68.587C77.8553 64.5974 79.5228 59.7662 79.5228 54.5299C79.5228 41.0338 68.3849 30 54.7614 30C41.1694 30 30 41.0338 30 54.5299C30 68.026 41.1379 79.0597 54.7614 79.0597ZM54.7614 72.5143C44.7876 72.5143 36.6072 64.4104 36.6072 54.5299C36.6072 44.6494 44.7876 36.5455 54.7614 36.5455C64.7352 36.5455 72.9156 44.6494 72.9156 54.5299C72.9156 64.4104 64.7352 72.5143 54.7614 72.5143Z' fill='white'/%3E%3C/svg%3E"); background-size: contain;}
    .page-about--slot-list .top-area .searchbox .btn-search::after {display: none;}
    .page-about--slot-list .pagination-comm {padding-top: 2.778vw;}

    /* page-about--slot-list : wrapper-slot-list  */
    .page-about--slot-list .wrapper-slot-list {margin-top: 5.556vw;}
    .page-about--slot-list .wrapper-slot-list .slot-list .list-item {flex: 0 0 calc(50% - 1.111vw); margin-right: 2.222vw; margin-bottom: 2.222vw;}
    .page-about--slot-list .wrapper-slot-list .slot-list .list-item:nth-child(2n) {margin-right: 0 !important;}
    .page-about--slot-list .wrapper-slot-list .slot-list .list-item .slot-thumbnail {border-radius: 3.701vw;}
    .page-about--slot-list .wrapper-slot-list .slot-list .list-item .slot-name {display: flex; align-items: center; height: calc(2.5lh); margin-top: 2vw; font-size: 3.704vw; line-height: 1.6;}

    /* page-about--slot-detail */
    .page-about--slot-detail .btn-back {height: 8.519vw; padding: 0 4.63vw; margin-bottom: 5.556vw; border-radius: 14.63vw;}
    .page-about--slot-detail .btn-back > .txt {font-size: 4.63vw;}
    .page-about--slot-detail .btn-back > .txt::before {width: 2.037vw; height: 3.241vw; margin-right: 2.778vw;}

    /* page-about--slot-detail : wrapper-detail-info */
    .page-about--slot-detail .wrapper-detail-info {flex-direction: column;}
    .page-about--slot-detail .wrapper-detail-info > * {width: 100% !important; padding: 0 !important;}
    .page-about--slot-detail .wrapper-detail-info .slot-machine-area {height: 55.185vw; margin-top: 3.704vw;}
    .page-about--slot-detail .wrapper-detail-info .slot-machine-area::after {width: 45vw; height: 16.944vw;}
    .page-about--slot-detail .wrapper-detail-info .slot-machine-area .slot-machine,
    .page-about--slot-detail .wrapper-detail-info .slot-machine-area .slot-machine .screenbox {width: 30.185vw;}
    .page-about--slot-detail .wrapper-detail-info .slot-machine-area .slot-machine .screenbox .motion-img {bottom: 2.2vw; width: 18vw;}

    /* page-about--slot-detail : wrapper-image-preview */
    .page-about--slot-detail .wrapper-image-preview {margin-top: 5.556vw;}
    .page-about--slot-detail .wrapper-image-preview > * {border-radius: 3.704vw; border-width: 0.556vw;}    
}

/* 
 *  [hover 스타일 적용]
 *  - 터치 디바이스 제외
 */
@media (any-hover: hover) and (pointer: fine) {
    .page-about--slot-list .wrapper-slot-list .slot-list .list-item:hover .slot-thumbnail img {transform: scale(1.05);}
}