@charset "utf-8";
/*********************************************  공통 ****************/
.w-full {
        width: 100%;
}
.w-max {
        margin:0 auto;
        width: var(--max-width);
}

/*********************************************  공통 [END] ****************/
/******************* intro ************************************************/
.intro_container {
        margin:0 auto;
        width: var(--max-width);
        height:100%;
        margin-bottom:100px;
}
.intro-images {
        margin-top:80px;
        width:100%;
        display: flex;
        align-items: center;
        justify-content: center;
}
.intro-images .inner-img {
        position: relative;
        width:100%;
        min-height:45vh;
        max-height:500px;
        background: url('../images/main_banner_slide_img.jpg') no-repeat 50% calc(50% + 25px);
        background-size: 100% auto;
}
.intro-images .inner-img > img {
        position: absolute;
        display:inline-block;
        top:50%;
        left:50%;
        transform: translate(-50%, -50%);
        width:16%;
        min-width:180px;
}
.intro-box {}
.intro-box .inner-title {
        text-align:center;
        font-size:2.5rem;
        letter-spacing: -0.05em;
}
.intro-box .inner-btn-box {}
.intro-box .inner-btn-box ul {
        gap:50px;
}
.intro-box .inner-btn-box button {
        width:100%;
        min-width:280px;
        font-size:1.3rem;
        letter-spacing: -0.05em;
}
.intro-box .inner-btn-box button img {
        position: relative;
        margin-top:-2px;
        height:50%;
        margin-right:15px;
}
.intro-box .inner-btn-box .tx1 {
        padding-top:25px;
        letter-spacing: -0.05em;
        font-size:0.95rem;
        text-align:center;
}
.intro_foot {
        text-align:center;
}
.intro_foot > a {
        margin-left:20px;
}
/******************* intro [END] ******************************************/
/******************* index ************************************************/
.index-container {
        position: relative;
        margin-top:90px;
        width:100%;
        height: calc(100vh - 90px);
        display:inline-block;
        overflow: hidden;
}
.index-container .main_slideBanner {
        width:100%;
        height:100%;
}
.index-container .main_slideBanner > div.swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
}
.swiper-backface-hidden .swiper-slide {
        width: 100%;
        height: 100%;
        overflow: hidden;
        background:#000;
}
.swiper-backface-hidden .swiper-slide img {
/*
        position: absolute;
        top:50%;
        left:50%;
        width: 100%;
        transform: translate(-50%, -50%);
        object-fit: cover;
*/
        width: 100%;
        height: 100%;
        object-fit: cover;
}
.index-container .msb_PC {display:inline-block;}
.index-container .msb_tablet {display:none;}
.index-container .msb_mobile {display:none;}
@media (max-width: 1280px) {
        .index-container {
        margin-top: 60px;
        height: calc(100vh - 60px);
        }
        .index-container .msb_PC {display:none;}
        .index-container .msb_tablet {display:inline-block;}
        .index-container .msb_mobile {display:none;}
}
@media (max-width: 480px) {
        .index-container .msb_PC {display:none;}
        .index-container .msb_tablet {display:none;}
        .index-container .msb_mobile {display:inline-block;}
}





.index-container_box1 {

}

.index-container_box1 .inner_1 {}
.index-container_box1 .inner_1 > img {height:50px;}
.index-container_box1 .inner_2 {
        font-size:3rem;
        line-height:120%;
}
.index-container_box1 .inner_3 {

}
.index-container_box1 .inner_3-1 {
        display:inline-block;
        width:35%;
        line-height:160%;
}
.index-container_box2 {
        position: relative;
        height:60vw;
        max-height:600px;
        min-height:420px;
        background: #000  no-repeat 50% 50%/cover  url('../images/main_banner_box2.jpg');
}
@media (max-width: 1450px) {
        .index-container_box2 {background: #000  no-repeat 50% 50%/cover  url('../images/main_banner_box2.jpg');}
}
.in-box2-bg {
        position: absolute;
        z-index:0;
        width:100%;
        height:100%;
        background: rgba(36,36,33, 0.6);
}
.in-box2 {
        position: absolute;
        top:50%;
        left:50%;
        z-index:1;
        transform: translate(-50%, -50%);
        width:90%;
        color:#fff;
        text-align:center;
}
.in-box2 .inner_1 {margin-top:1.5%;font-size:1.55rem;}
.in-box2 .inner_2 {margin:2.5% 0 4% 0;font-size:3.35rem;letter-spacing: 0.1em;}
.in-box2 .inner_3 {font-size:1.35rem;letter-spacing: -0.05em;}
.in-box2 .inner_3 span {
        display:inline-block;
        font-size:0;
        width:1px;
        height:16px;
        background: rgba(255,255,255, 0.8);
        margin:0 20px;
        opacity: 1;
}
.in-box2 .inner_4 {margin-top:5%;font-size:1.2rem;}
.in-box2 .inner_4 > a {
        padding:10px 50px;
        background: #fff;
        color:#000;
        height:50px;
        border-radius:50px;
}

.index-container_box3 {
        position: relative;
        width: 100%;
        margin: auto 0;
        background:#000;
}
.index-container_box3 .youtube-Box {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 56.25%;
        overflow:hidden;
}


.index-container_box3 .youtube-Box iframe{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}

.index-container_box3 .youtube-btn {
        /**
        메인 화면 유투브 위 버튼 상시 노출
        display:none;
        **/
        position: absolute;
        top:50%;
        left:50%;
        z-index: 52;
        transform: translate(-50%, -50%);
        width:75%;
        max-width:1000px;
}
.index-container_box3  .youtube-cover-Box {
        display:inline-block;
        position: absolute;
        top:50%;
        left:50%;
        z-index: 50;
        transform: translate(-50%, -50%);
        width:100%;
        height:100%;
        background: rgba(255,255,255, 0);
}

.youtube-btn li {
        position: relative;
        padding:5%;
        width:calc(50% - 15px);
        background: rgba(255,255,255, 0.7);
        border-radius:50px;
}
.youtube-btn .inner-box {
}
.youtube-btn .inner-box > div {
        width:100%;
        text-align:center;
}
.youtube-btn .inner-box .inner_1 {}
.youtube-btn .inner-box .inner_1 > img {width:38%;}
.youtube-btn .inner-box .inner_2 {margin-top:20px;}
.youtube-btn .inner-box .inner_3 {margin-top:8px;line-height:150%;}
.youtube-btn .inner-box .inner_4 {margin-top:45px;}
.youtube-btn .inner-box .inner_4 > a {
        padding:5px 35px;
        color: #000;
        background: #fff;
        border-radius:30px;
}
.youtube-btn .inner-box .inner_4 > a:hover {
        color: #fff;
        background: #000;
}
.youtube-Box:hover .youtube-btn {display:inline-block;}
/******************* index [END] ******************************************/
.footer {
        display:inline-block;
        width:100%;
        padding:50px;
        color: #fff;
        font-size:0.9rem;
        background:#242421;
}
.footer .ft-logo {
        text-align:left;
}
.ft-logo > img {
        max-width:160px;
}
.ft-container {
        margin:45px 0 30px 0;
}
.ft-container > ul {gap: 3.5em;}
.ft-container .inner-tx .in-title {
        padding:0 0 12px 0;
        border-bottom:1px solid rgba(255,255,255, 0.5);
}
.ft-container .inner-tx .in-tx {
        padding:20px 0 0 0;
        line-height:160%;
}
.ft-container .inner-tx .in-tx > a {
        display:inline-block;
        width:100%;
}
.ft-container .inner-tx .in-tx > a:first-child {
        margin-bottom:10px;
}
.ft-container .inner-tx .in-tx2 {
        padding:20px 0 0 0;
        line-height:160%;
}
.ft-container .inner-tx .in-tx2 > ul {
        gap: 2.5em;
}
.ft-container .inner-tx .in-tx2 > ul > li {
        white-space: nowrap;
}

.ft-left-box {
        margin-top:35px;
}
.ft-left-box .inner1 {}
.ft-left-box .inner1 {}
.ft-left-box .inner1 .icon1 {
        width:25px;
        margin-right:15px;
}
.ft-left-box .inner1 .icon2 {
        width:30px;
}
.ft-left-box .inner2 {
        margin-top:35px;
}
.ft-left-box .inner2 .tx1 {margin-bottom:15px;}
.ft-left-box .inner2 .tx2 {margin-top:50px;}
.ft-left-box .inner2 .tx3 {margin-top:50px;}

/******************* 회원가입 ************************************************/
.login-container {
        margin:0 auto;
        width:100%;
        max-width:1300px;
        padding:200px 10% 120px 10%;
}
.login-container_re {
        display: flex;
        width:100%;
        padding:0;
}
.login-container_re > div {
        padding:200px 5% 120px 5%;
}
.login-container_re .login-gnb-left {
        width:35%;
        background:#F6F6F6;
}
.login-container_re .login-container-right {
        width:90%;
        max-width:1200px;
        margin:0 auto;
        background:#fff;
}
.log-btn {
        margin-top:35px;
}
.log-btn .log1 {
        display: flex;
        align-items: center;
        padding:5px 20px;
        width:100%;
        height:60px;
        border-bottom: 1px solid #CCCCCC;
}
.log-btn .log1 > img {
        position: relative;
        display:none;
        margin-top:-3px;
        width:26px;
        margin-right:15px;
}
.log-btn .log1.on {
        color: #fff;
        background: #474747;
}
.log-btn .log1:hover {color: #fff;background: #474747;}

.log-btn .log1.on > img {
        display:inline-block;
}
.log-btn .log1:hover > img {
        display:inline-block;
}
.ft-withdraw {
        padding-top:35px;
}
.ft-withdraw ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
}
.ft-withdraw .inner1 {}
.ft-withdraw .inner1 .tx1 {
        padding-bottom:20px;
        font-size:1.1rem;
}
.ft-withdraw .inner1 .tx2 {
        line-height:150%;
        font-size:0.9rem;
}
.ft-withdraw .inner2 {
        display: flex;
        flex-direction: column;
}
.ft-withdraw .inner2 > a {

}
.ft-withdraw .inner2 > a > img {
        position: relative;
        margin-left:15px;
        margin-top:-3px;
        width:26px;
}
.ft-withdraw .inner2 .cccp {
        border:none;
        background: none;
        margin-bottom:35px;
}
.ft-withdraw .inner2 .cccp > img {
        position: relative;
        margin-right:15px;
        margin-top:-3px;
        width:26px;
        transform: rotate( 180deg );
}
/******************* 회원가입 [END] ******************************************/

/******************* gnb ************************************************/
/* 상단바 */
.head-container {
        position:fixed;
        top:0;
        left:0;
        width:100%;
        padding-left:5%;
        padding-right:5%;
        z-index:99;
        background:#fff;
}
.head-container > ul {height:90px;}
.head-container .gnb_logo {width:100%;max-width:150px;}
.head-container .icon_ACCOUNT {
        position: relative;
        margin-top:-5px;
        margin-right:10px;
        height:20px;
}

.head-container > ul > li:nth-child(1),
.head-container > ul > li:nth-child(3)  {
        width:200px;
}
.head-container > ul > li:nth-child(3)  {
        text-align:right;
}

.sites__item-Box {
        position: relative;
    }
.sites__label {
    padding: 0;
    border:none;
    height:90px;
}
.sites__ul {
    position: absolute;
    top: 90px;
    right: 0;
    z-index: 2;
    display: none;
    width:80%;
    background-color: #F2F0E9;
}
.sites__item a {
    display: block;
    padding: 13px 20px;
    text-align:left;
    font-size:0.9rem;
}
.sites__item a:hover {
        color:#fff;
        background:#474747;
}
.sites__item-Box:hover .sites__label > img {
}
.sites__item-Box:hover .sites__ul {
    display: block;
}

/* 토글 사이드바 버튼 아이콘 */
.ico {
        position:absolute;
        top:50%;
        left: 4.5%;
        width:28px;
        height:28px;
        transform:translatey(-50%);
        cursor:pointer;
}
.ico::before {
        padding-left:48px;
        content: "MENU";
        font-weight:700;
        opacity: 1;
}
.ico > span {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:7%;
        background-color:#000;
}
.ico > span:nth-child(3) {background-color:#fff;}
.ico > span:nth-child(2) {
        width:50%;
        top:40%;
        transition:visibility 0s .15s;
}
.ico.active > span:nth-child(2) {
visibility:hidden;
transition:visibility 0s;
width:0;
}
.ico > span:nth-child(3) {
top:80%;
}
.ico > span:nth-child(1), .ico > span:nth-child(3) {
transition:top .15s .15s, transform .15s;
}
.ico.active > span:nth-child(1), .ico.active > span:nth-child(3) {
top:40%;
transform:rotate(45deg);
transition:top .15s, transform .15s .15s;
}
.ico.active > span:nth-child(3) {
transform:rotate(-45deg);
background-color:#000;
}
.ico.active::before {
        content: "MENU";
        opacity: 0;
}
/* 아이콘 색 변화 */
.ico [data-ico-now-animating="Y"] > span:nth-child(1) {
        background-color:#000;
}
.ico [data-ico-now-animating="Y"] > span:nth-child(2) {
        background-color:#000;
}
.ico [data-ico-now-animating="Y"] > span:nth-child(3) {
        background-color:#000;
}
/* 라이브러리 끝 */

/* 커스텀 */
/* 좌측 사이드 바 */
/* 좌측 사이드바 배경 */
.left-side-bar-box {
        position:fixed;
        top:0;
        left:0;
        z-index:98;
        width:100%;
        height:100%;
        background: #fff;
        visibility:hidden;
        transition:visibility .5s, background-color .5s;
}
.left-side-bar-box.active {
        background-color:rgba(0,0,0,0.5);
        visibility:visible;
}

/* 좌측 사이드바 */
.left-side-bar {
        position:fixed;
        top:0;
        left:-40%;
        width: 40%;
        height:100%;
        background-color:#242421;
        padding-top:120px;
        transition:left .5s;
}
.left-side-bar-box.active > .left-side-bar {
        left:0;
}
.left-side-bar > .menu-1 ul > li > a {
        display:block;
        padding:15px 0px 15px 35px;
        color:#585753;
        font-size:3.5rem;
}
.left-side-bar > .menu-1 ul > li:hover > a {
        color:#fff;
}
/* 혼자가 아닌 a 에 +를 붙혀준다 */
.left-side-bar > .menu-1 ul > li > a:not(:only-child)::after {
        content:"+";
        float:right;
}
/* 엑티브가 있는 메뉴(펼쳐진 메뉴)에 a에 - 를 붙혀준다 */
.left-side-bar > .menu-1 ul > li.active > a:not(:only-child)::after {
        content:"-";
}
.left-side-bar > .menu-1 > ul ul {
        display:none;
        background-color:#cfcfcf;
}
.left-side-bar > .menu-1 > ul ul ul {
        background-color:#dfdfdf;
}
.left-side-bar > .menu-1 ul > li.active > ul {
        display:block;
}
/******************* gnb [END] ******************************************/


/******************* bbs ******************************************************/
.bbs-title {
        position: relative;
        width:100%;
        top: 90px;
}
.bbs-title .inner {
        width:100%;
        text-align:center;
        font-size: 3rem;
        color:#000;
        margin:80px 0 100px 0;
}
.bbs-box {

}
/******************* bbs [END] ************************************************/



.right_q {
        position: fixed;
        top:50%;
        right:0;
        z-index:97;
        padding:15px;
        transform: translateY(-50%);
        background: #000;
}
.right_q .in1 {}
.right_q .in1 img {width:80px;}
.right_q .in2 {
        padding:25px 0 0 0;
        text-align:center;
        line-height:150%;
        color:#fff;
}
.right_q .in2 img {width:24px;}








.in_gallery_re_001 {
        position: relative;
        width:100%;
    }

    .in_gallery_re_001 .g_tx1 {

    }
    .in_gallery_re_001 .g_tx1 a {
    display:inline-block;
    padding:10px 0;
    width:100%;
    color:#fff !important;
    background: #5AC451;
    text-align:center;
    font-weight:600;
    text-decoration:none !important;
    font-size:0.9rem;
    }
    .in_gallery_re_001 .g_tx2 {
    display:inline-block;
    padding:30px 0;
    width:100%;
    color:#fff !important;
    background: #000;
    text-align:center;
    text-decoration:none !important;
    font-weight:800;
    font-size:1.3rem;
    }

    .in_gallery_re_001 .pox22 {
        position: relative;
    }
    .in_gallery_re_001 .pox22 .bs-inner-01 {
        position: absolute;
        width:100%;
        z-index:1;
        bottom: calc(0% + 50px);
        text-align:center;

    }
    .in_gallery_re_001 .pox22 .bs-inner-01 > a {
        display:inline-block;
        width: 80% !important;
        padding:8px 35px 6px 35px;
        max-width:200px;
        background: #fff;
        color: #000;
        border-radius:50px;
        text-decoration:none !important;
        font-weight:800;
        font-size:1.05rem;
    }
    .in_gallery_re_001 .pox22 .bs-inner-02 {
    }
    .in_gallery_re_001 .pox22 .bs-inner-02 > img {
        width:100%;
    }

.glent-container {
        padding-top:90px;
        margin:0 auto;
        width:100%;
        max-width:1900px;
}

.glent-img-box {
        width:100%;
        text-align:center;
}
.glent-img-box img {
        width:100%;
        max-width:1920px;
}
.detail_view_pc {display:inline-block;}
.detail_view_mobile {display:none;}
@media (max-width: 1000px) {
        .detail_view_pc {display:none;}
        .detail_view_mobile {display:inline-block;}
}
@media (max-width: 1600px) {
        #login_fs {
        padding:0;
        width:90%;
        }
}
@media (max-width: 1339px) {
        .ft-container {
                flex-direction: column;
        }
        .ft-container .inner-right-tx {
                padding-top:25px;
        }
}
@media (max-width: 1230px) {
        .intro-images {
                margin-top:50px;
        }
}

@media (max-width: 1000px) {
        .mbskin_box {
                width:80%;
        }
        .intro-box .inner-title {
                font-size: 2rem;
        }
        .intro-box .inner-btn-box ul {
                gap: 20px;
        }
        .intro-box .inner-btn-box button {
                font-size: 1.15rem;
        }
        .left-side-bar > .menu-1 ul > li > a {
                font-size: 2.8rem;
        }
        .right_q {
                padding:5px;
        }
        .right_q .in2 {
                padding: 10px 0 0 0;
                font-size:0.9rem;
        }
        .right_q .in2 img {
                width: 20px;
        }
        .index-container_box1 .inner_1 > img {
                height: 35px;
            }
        .index-container_box1 .inner_2 {
                font-size: 2.3rem;
        }
        .index-container_box1 .inner_3-1 {width: 60%;}
        .index-container_box3 .youtube-btn {
                width:96%;
        }
}
@media (max-width: 954px) {
        .intro-box .inner-btn-box ul {
                gap: 20px;
                flex-wrap: wrap;
        }
        .intro-images .inner-img {
                min-height:35vh;
        }
        .in-box2 .inner_3  {
                line-height:80%;
        }
        .in-box2 .inner_3 span {
                width:100%;
                height:0px;
                background:none;
                margin-bottom:0px;
                opacity: 0.3;
        }
}
@media (max-width: 800px) {
        .intro-box .inner-title {
                font-size: 1.7rem;
                line-height:130%;
        }

}
@media (max-width: 797px) {
.mobile-sk {
        position: relative;
       top:-20px;
        margin-left: 28px;
        display:inline-block;
}
}
@media (max-width: 780px) {
        .intro-images .inner-img {
                min-height:30vw;
        }
        .intro-images .inner-img > img {min-width:130px;}
}
@media (max-width: 760px) {
        .left-side-bar {width:60%;padding-top: 90px;}
        .head-container {
                padding-left: 2.5%;
                padding-right: 2.5%;
        }
        .head-container > ul,
        .sites__label {height:60px;}
        .head-container .gnb_logo {height:20px;}
        .sites__ul {
                top: 60px;
        }
        .sites__item a {
                padding: 8px 20px;
                font-size: 0.825rem;
        }
        .glent-container {
                padding-top: 60px;
        }
        .in_gallery_re_001 .pox22 .bs-inner-01 {
                bottom: calc(0% + 25px);
        }
        .login-container_re .login-gnb-left {
                width: 20%;
        }
        .login-container_re .login-container-right {
                width: 80%;
        }
        .login-container_re > div {
                padding: 100px 3% 100px 3%;
        }
}
@media (max-width: 699px) {
        .ft-container > ul {
                flex-direction: column;
        }
        .index-container_box1 .inner_3-1 {
                width: 100%;
        }
        .in-box2 .inner_1 {
                font-size: 1.15rem;
        }
        .in-box2 .inner_2 {
                font-size:2rem;
                margin: 5% 0 7% 0;
        }
        .in-box2 .inner_4 {
                margin-top: 10%;
        }
        .in-box2 .inner_3 {
                font-size: 1rem;
        }
        .in-box2 .inner_4 > a {
                padding: 5px 30px;
                height: 30px;
                font-size:1rem;
        }
        .youtube-btn li {
                padding: 25px 2.5%;
                width: calc(50% - 10px);
                background: rgba(255, 255, 255, 0.7);
                border-radius: 10px;
        }
        .youtube-btn .inner-box .inner_1 > img {
                width: 25%;
        }
        .youtube-btn .inner-box .inner_4 {
                margin-top: 25px;
        }
}
@media (max-width: 620px) {
        .intro-images {
                margin-top:25px;
        }
        .login-container_re .login-gnb-left {
                display:none;
        }
        .login-container_re .login-container-right {
                width: 100%;
        }
        #faq_con .con_inner {
                padding: 25px 25px 25px 30px;
                background: #F6F6F6 url(../../../images/icon_arrow.svg) no-repeat 0px 32px;
                background-size: 13px auto;
        }
        .login-container {
                padding: 100px 2.5% 80px 2.5%;
        }
}

@media (max-width: 559px) {
        .sites__item-Box .sites__label,
        .ico {
                font-size:0;
        }
        .ico {
                width: 20px;
                height: 20px;
        }
        .youtube-btn .inner-box .inner_3 {
                display:none;
        }
        .youtube-btn li {
                padding-top:15px;
        }
        .youtube-btn .inner-box .inner_2 {margin-top: 13px;font-size:0.925rem;}
        .youtube-btn .inner-box .inner_4 > a {
                font-size:0.85rem;
        }
}
@media (max-width: 540px) {
        .intro-images .inner-img {
                min-height: 43vw;
        }
        .index-container_box1 .inner_2 {
                font-size: 1.7rem;
        }
        .index-container_box1 .inner_1 > img {
                height: 28px;
        }
}
@media (max-width: 529px) {
        .footer {
                padding: 10vw 5vw 10vw 5vw;
        }
        .ft-container {
                margin: 25px 0 25px 0;
        }
        .ft-logo > img {
                max-width: 126px;
        }
        .ft-container .inner-tx .in-tx2 > ul {
                flex-direction: column;
                gap: 0em;
        }
        .ft-container .inner-tx .in-tx > a:first-child {
                margin-bottom: 0px;
        }
        .ft-container > ul {
                gap: 1.5em;
        }
        .ft-container .inner-right-tx {
                line-height:130%;
        }
        .ft-left-box .inner2 .tx1 {
                line-height:130%;
        }
        .left-side-bar > .menu-1 ul > li > a {
                font-size: 2rem;
        }
        .mbskin_box {
                border-radius:10px;
                width: 93%;
        }
        #login_fs {width: 95%;}
        .register_form_inner > ul > li {
                flex-direction: column;
        }
        .register_form_inner input {
                height:50px;
        }
        .register_form_inner label {
                padding:15px 0 0 0;
                width:100%;
        }
        .ft-withdraw ul {flex-direction: column;}
        .ft-withdraw .inner2 {
                margin-top:50px;
        }
}
@media (max-width: 420px) {
        .intro-images .inner-img > img {min-width:100px;}
        .left-side-bar > .menu-1 ul > li > a {
                padding: 10px 0px 10px 15px;
        }
        .left-side-bar > .menu-1 ul > li > a {
                font-size: 1.6rem;
        }
}
@media (max-width: 380px) {
        .intro-images {
                margin-top:10px;
        }
        .index-container_box1 .inner_2 {
                font-size: 1.5rem;
        }
        .index-container_box1 .inner_1 > img {
                height: 25px;
        }
}




/*********************************** 19 *******************************/
.intro_container_19 {
        position: absolute;
        top:50%;
        left:50%;
        transform: translate(-50%, -50%);
        width:100%;
        max-width:600px;
}
.intro_container_19 .intro-images_19 {
        text-align:center;
}
.intro_container_19 .intro-images_19 > img {
        width:100%;
        max-width:150px;
}
.intro_container_19 .intro-box_19 {}
.intro_container_19 .intro-box_19 .inner-title {
        width:100%;
        padding:0 15px;
        text-align:center;
        font-size:1.50em;
        line-height:150%;
        letter-spacing: -0.05em;
}
.intro_container_19 .intro-box_19 .inner-text {
        width:100%;
        padding:20px 15px 0 15px;
        text-align:center;
        font-size:0.95em;
        line-height:150%;
        letter-spacing: -0.05em;
}
.intro_container_19 .intro-box_19 .inner-text > span {
        color: #ef1b55;
}
.intro_container_19 .intro-box_19 .inner-btn-box .btn_box {
        width:100%;
        max-width:350px;
        margin:0 auto;
}
.intro_container_19 .intro-box_19 .inner-btn-box .btn_box > li {
        margin:15px 0;

}
.intro_container_19 .intro-box_19 .inner-btn-box .btn_box .btn-s4 {
        color:#fff;
        background: #e61616;
        width:100%;
        font-size:0.9em;
        border:none;
}
.intro_container_19 .intro-box_19 .inner-btn-box .btn_box .btn-s5 {
        color:#000;
        background: #ececec;
        width:100%;
        font-size:0.9em;
        border:none;
}
@media (max-width: 520px) {
        .intro_container_19 .intro-images_19 > img {
                width:70%;
                max-width:100px;
        }
        .intro_container_19 .intro-box_19 .inner-title {
                font-size:1.15em;
                line-height:135%;
        }
        .intro_container_19 .intro-box_19 .inner-title > br {display:none;}


        .intro_container_19 .intro-box_19 .inner-btn-box .btn_box {
                max-width:250px;
        }
        .intro_container_19 .intro-box_19 .inner-btn-box .btn_box .btn-s4 {
                font-size:14px;
        }
        .intro_container_19 .intro-box_19 .inner-btn-box .btn_box .btn-s5 {
                font-size:14px;
        }
}