@charset "UTF-8";
@font-face {
    font-family: "NotoKr";
    font-style: normal;
    font-weight: 100;
    src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format("woff2"),
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format("woff"),
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format("opentype");
}
@font-face {
    font-family: "NotoKr";
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format("woff2"),
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format("woff"),
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format("opentype");
}
@font-face {
    font-family: "NotoKr";
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format("woff2"),
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format("woff"),
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format("opentype");
}
@font-face {
    font-family: "NotoKr";
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format("woff2"),
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format("woff"),
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format("opentype");
}
@font-face {
    font-family: "NotoKr";
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format("woff2"),
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format("woff"),
        url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format("opentype");
}
@font-face {
    font-family: "Gmarket Sans";
    font-style: normal;
    font-weight: 700;
    src: local("Gmarket Sans Bold"), local("GmarketSans-Bold"), url("https://script.gmarket.com/fonts/GmarketSansBold.woff2") format("woff2"),
        url("https://script.gmarket.com/fonts/GmarketSansBold.woff") format("woff");
}
@font-face {
    font-family: "Gmarket Sans";
    font-style: normal;
    font-weight: 500;
    src: local("Gmarket Sans Medium"), local("GmarketSans-Medium"), url("https://script.gmarket.com/fonts/GmarketSansMedium.woff2") format("woff2"),
        url("https://script.gmarket.com/fonts/GmarketSansMedium.woff") format("woff");
}
@font-face {
    font-family: "Gmarket Sans";
    font-style: normal;
    font-weight: 300;
    src: local("Gmarket Sans Light"), local("GmarketSans-Light"), url("https://script.gmarket.com/fonts/GmarketSansLight.woff2") format("woff2"),
        url("https://script.gmarket.com/fonts/GmarketSansLight.woff") format("woff");
}

/* 비즈니스 페이지 - 2024 */
.business_wrap{
    width: 100%;
    margin: 100px auto;
}
.business_wrap :is(ol,ul){
    padding:initial;
    margin:initial;
    list-style: initial;
    margin-left: 32px;
    font-size: 16px;
    color: #333;
    line-height: 1.5;
}
.business_wrap :is(ol,ul) li{
    padding:initial;
    margin:initial;
    list-style: initial;
    color: #666;;
}
.business_title {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto 32px;
    display: flex;
    align-items: center;
    column-gap: 8px;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.3;
}
.business_title img {
    max-width: 42px;
    min-width: 42px;
    max-height: 42px;
    min-height: 42px;
}
.m_br {
    display:none;
}
.business_wrap > header {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}
.business_sub_title {
    font-size: 32px;
    font-weight:700;
    line-height: 1.3;
    margin-bottom: 8px;
}
.business_wrap > header p {
    font-size: 16px;
    color: #666;
    line-height: 1.5;
}
.business_padding {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto 100px;
}
.business_banner {
    margin-top: 32px;
    position: relative;
}
.business_slide_inner {
    background: #FAFAFA;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #333;
}
.business_slide_inner .slide_text {
    margin-left: 88px;
}
.business_slide_inner .tit {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 8px;
}
.business_slide_inner .sub_tit {
    font-size: 16px;
    line-height: 1.5;
}
.business_slide_inner .slide_text div {
    margin-top: 24px;
}
.business_slide_inner .slide_text div p{
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
}
.business_slide_inner .slide_text div .pink {
    color: #FF6491;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
}
.business_banner .business_pagination {
    width: fit-content;
    position: absolute;
    bottom: 75px;
    left: 88px;
}
.business_banner .business_pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #000;
}
.business_banner .business_pagination .swiper-pagination-bullet-active {
    background: #000;
}
.business_wrap h3 {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 8px;
}
.business_wrap .business_padding header {
    margin-bottom: 40px;
}
.business_wrap .business_padding header p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #666;
}
.business_padding .business_box_wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    column-gap: 24px;
}
.business_padding .business_box_wrapper .business_box {
    width: 100%;
    height: 100%;
    min-height: 345px;
    border: 1px solid #d9d9d9;
    border-radius: 16px;
    padding: 32px;
    transition: all .3s;
    cursor: default;
}
.business_padding .business_box_wrapper .business_box1:hover{
    border-color: #FF6491;
    box-shadow: 2px 4px 16px 0px rgba(47, 47, 47, 0.10);
}
.business_padding .business_box_wrapper .business_box2:hover{
    border-color: #0087F5;
    box-shadow: 2px 4px 16px 0px rgba(47, 47, 47, 0.10);
}
.business_padding .business_box_wrapper .business_box3:hover{
    border-color: #FAACA3;
    box-shadow: 2px 4px 16px 0px rgba(47, 47, 47, 0.10);
}
.business_padding .business_box_wrapper .business_box .title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 24px;
}
.business_padding .business_box_wrapper .business_box1 .title{
    color: #FF6491;
}
.business_padding .business_box_wrapper .business_box2 .title{
    color: #0087F5;
}
.business_padding .business_box_wrapper .business_box3 .title{
    color: #FAACA3;
}
.business_padding .business_box_wrapper .business_box .sub_title{
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 24px;
    color: #333;
}
.business_padding .business_box_wrapper .business_box ul {
    margin-left: 32px;
}
.business_padding .business_box_wrapper .business_box ul li {
    list-style: disc;
    font-size: 16px;
    color: #333;
    line-height: 1.5;
}
.business_padding .business_box_wrapper .business_box ul li b {
    font-weight: 700;
    margin-right: 12px;
}
.business_padding .business_box_wrapper .business_box ul li span {
    color: #666;
}
.business_bg {
    width: 100%;
    background: #f5f5f5;
    margin: 0 auto 100px;
    padding: 80px 0;
}
.business_bg_inner {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}
.business_bg_inner header {
    margin-bottom: 40px;
}
.business_box_wrap .business_box {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    column-gap: 82px;
    margin-bottom: 40px;
    box-shadow: 2px 4px 16px 0px rgba(47, 47, 47, 0.10);
    background: #fff;
    border-radius: 24px;
}
.business_box_wrap .business_box > div {
    width: 100%;
}
.business_box_wrap .box_slide_frame {
    width: 300px;
    height: 344px;
    background: url('/_asset/img_v2/business/frame.png') center center no-repeat;
    background-size:contain;
    position: absolute;
    left: 65px;
    bottom: 0;
    z-index: 2;
}
.business_box_wrap .box_img {
    position: relative;
    width: 100%;
    max-width: 520px;
    min-height: 344px;
    margin-top: 56px;
}
.business_box_wrap .business_box_container {
    position: absolute;
    left: -45px;
    bottom: 0;
    max-width: 520px;
    z-index: 1;
}
.business_box_wrap .business_box_container .swiper-slide{
    transition: .3s all;
    overflow: hidden;
    width: 300px;
    height: 344px;
    z-index: 0;
}
.business_box_wrap .box_img img {
    /* max-width: 300px;
    max-height: 344px;
    object-fit: cover; */
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: 36px 36px 0 0;
    overflow: hidden;
}
.business_box_wrap .box_text {
    width: 100%;
    max-width: 549px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #666;
}
.business_box_wrap .box_text .title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5;
    color: #333;
    margin-bottom: 24px;
}
.business_box_wrap .box_text .sub_title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    color: #333;
    margin-bottom: 8px;
}
.business_box_wrap .box_text b {
    font-weight: 700;
    color: #333;
}
.business_box_wrap .box_text button {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    column-gap: 8px;
    background: #FF6491;
    color: #fff;
    border: 0;
    font-size: 18px;
    padding: 16px;
    margin-top: 24px;
    position: relative;
    transition: all .3s;
}
.business_box_wrap .box_text button:hover{
    font-weight: bold;
    column-gap: 24px;
    text-indent: 16px;
}
.business_flex_box {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    column-gap: 24px;
}
.business_flex_box .left p {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 16px;
}
.business_flex_box .left img {
    width:370px;
    object-fit: contain;
}
.business_flex_box .right {
    width: 50%;
}
.business_flex_box .right ul {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}
.business_flex_box .right li {
    font-size: 18px;
    list-style: disc;
    color: #333;
    font-weight: 400;
    line-height: 1.5;
    padding: 8px;
}
.business_flex_box .business_link {
    width: 33.3%;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap:8px;
    padding: 24px;
    font-size: 18px;
    text-align: center;
    border-radius: 4px;
    transition: all .2s;
}
.business_flex_box .business_link1 {
    color: #000;
    border: 1px solid #000;
}
.business_flex_box .business_link1:hover {
    background: #0004141A;
    border-color: #0004141A;
}
.business_flex_box .business_link2 {
    color: #0087F5;
    border: 1px solid #0087F5;
}
.business_flex_box .business_link2:hover{
    background: #0087F51A;
    border-color: #0087F51A;
}
.business_flex_box .business_link3 {
    color: #FF6491;
    border: 1px solid #FF6491;
}
.business_flex_box .business_link3:hover{
    background: #FF64911A;
    border-color: #FF64911A;
}
.business_partner {
    border-radius: 24px 24px 0 0;
    overflow: hidden;
}
.business_partner header {
    background: url('/_asset/img_v2/business/partner_bg.png') center center no-repeat;
    padding: 52px 55px 36px;
    
}
.business_wrap .business_padding.business_partner header {
    margin: 0;
}
.business_wrap .business_padding.business_partner header p {
    font-size: 22px;
    font-weight: 700;
    color: #000;
}
.business_partner .business_partner_inner {
    display: flex;
    flex-direction: column;
    row-gap: 32px;
    padding: 32px 40px;
    border: 1px solid #d9d9d9;
    border-top: 0;
}
.business_partner .business_partner_inner div {
    display: grid;
    grid-template-columns: 235px 280px 1fr;
    align-items: center;
    font-size: 16px;
    color: #666;
    line-height: 1.5;
}
.business_partner .business_partner_inner div p {
    padding: 0 16px;
    position: relative;
}
.business_partner .business_partner_inner div p::after {
    content: '';
    display: block;
    width: 1px;
    height: 16px;
    background: #D9D9D9;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.business_partner .business_partner_inner div p:last-child::after{
    display: none;
}
.business_partner .business_partner_inner div .partner_name {
    font-size: 18px;
    font-weight: 700;
    color: #333;
    padding-left: 0;
}
.business_partner .business_partner_inner div .flex_p {
    display: flex;
    align-items: center;
    column-gap: 8px;
}
.business_partner .business_partner_inner div img {
    width: 24px;
    height: 24px;
}




.business_desc_wrapper{
    display: flex;
    flex-direction: column;
    gap: 2em;
    font-size:16px;

}

.business_desc_wrapper h4{
    color: #666;
}

.business_desc_box{
    
    margin:20px auto;
    background-color: #FAFAFA;
    padding:16px;
    border-radius: 16px;
}


.business_desc_2 .business_desc_box{
    max-width: 900px;
}
.business_desc_header .business_desc_box{
    max-width: 900px;
}


.npd_box_wraper{
    display: flex;
    flex-direction: column;
    gap: 10px;   
    max-width: 900px;
}

.npd_box_row{
    display: flex;
    flex-direction: row;
    gap: 5px;
    flex-wrap: wrap;
    justify-content: center;
}
@media all and (min-width:900px) {
    .npd_box_row{
        flex-wrap: nowrap;
    }
}
.npd_box_label{
    flex: 0 0 200px;
    min-width: 100px;
    padding:0.25em;
    /* filter: drop-shadow(2px 2px 5px #99999999); */
}
.npd_box_desc{
    flex: 1 1 690px;
    min-width: 300px;
    padding:0.25em;
    color:#666;

    display: flex;
    align-items: center;
}
.npd_box_label_shape{
    text-align: center;
    
}
.npd_box_label_shape-0{
    background-color: #1D1D1F;
    color: #F5F5F7;
    line-height: 3em;
}
.npd_box_label_shape-pentagon{
    display: flex;
    align-items: center;
    justify-content: center;
    --background-color: #ffc0d2;
    background-color: var(--background-color);
    --color: #000;
    color: var(--color);
    clip-path: polygon(0 0, 100% 0%, 100% 70%, 50% 100%, 0 70%);
    min-height: 8em;
    padding:10% 0.5em 15% 0.5em;
}
.npd_box_label_shape-pentagon-1{
    --color:#333;
    --background-color: #ffc0d2;
}
.npd_box_label_shape-pentagon-2{
    --color:#F5F5F7;
    --background-color: #ff9bbd;
}
.npd_box_label_shape-pentagon-3{
    --color:#F5F5F7;
    --background-color: #ff70a9;
}
.npd_box_label_shape-pentagon-4{
    --color:#F5F5F7;
    --background-color: #FD3796;
}
.npd_box em{
    text-decoration: none;
    font-variant: normal;
    font-style: normal;
    font-weight: bold;
    font-size: 1.5em;
}

.npd_box_desc_step{
    font-weight: bold;
}
.npd_box_desc_qa{
    margin-left: 0.5em;
    display: flex;
    gap: 5px;
}
.npd_box_desc_qa > dt{
    flex:0 0 24px;
    text-align: end;
    font-weight: normal;
}
.npd_box_desc_qa > dd{
    font-weight: normal;
}
.npd_box_desc_qa-a{
    color: #0087f5;
    font-weight: bold;
    font-size: 1.2em;
}
.npd_box_desc_qa-a dd{

    text-decoration: underline;
}

dl.desc{
margin:10px auto;
}
dl.desc > dt{
    font-weight: bold;
    font-size: 1.2em;
}
dl.desc > dd{
    
}

/* contact 그대로 붙임 */
.v2_brand_contact { width:100%; height:1590px; background:url('/_asset/img_v2/brand/W_contact.png') no-repeat center bottom; }
.v2_brand_contact .v2_wrap { position:relative; }
.v2_brand_contact .v2_brand_bg_title1 { padding-top:200px; color:#fff; font-family:'Gmarket Sans'; font-size:74px; font-weight:700; letter-spacing:-1px; }
.v2_brand_contact .v2_brand_bg_title2 { margin-top:200px; color:#fff; line-height:300px; font-family:'Gmarket Sans'; font-size:240px; font-weight:700; letter-spacing:-10px; }
.v2_brand_contact .v2_brand_contactus { position:absolute; top:40px; left:600px; padding:50px 80px; background-color:#000; color:#fff; box-shadow: 20px 10px 40px 20px grey; }
.v2_brand_contact .v2_brand_contactus .v2_brand_contactus_title { font-family:'Gmarket Sans'; font-size:21px; font-weight:700; letter-spacing:-1px; }
.v2_brand_contact .v2_brand_contactus .v2_brand_contactus_input_row { margin-top:20px; display:flex; }
.v2_brand_contact .v2_brand_contactus .v2_brand_contactus_input_row .v2_brand_contactus_input_div:nth-child(2) { margin-left:30px; }
.v2_brand_contact .v2_brand_contactus .v2_brand_contactus_input_title { margin-left:10px; font-family:'NotoKr'; font-size:21px; font-weight:300; letter-spacing:-1px; }
.v2_brand_contact .v2_brand_contactus .v2_brand_contactus_input { margin-top:10px; padding:0 10px; width:280px; height:60px; line-height:60px; border:1px solid #fff; color:#fff; background-color:#000; font-family:'NotoKr'; font-size:21px; font-weight:300; letter-spacing:-1px;  }
.v2_brand_contact .v2_brand_contactus .v2_brand_contactus_input.w2 { width:590px; }
.v2_brand_contact .v2_brand_contactus .v2_brand_contactus_input_column { margin-top:20px; }
.v2_brand_contact .v2_brand_contactus .v2_brand_contactus_textarea { margin-top:10px; padding:10px; width:590px; height:180px; border:1px solid #fff; color:#fff; background-color:#000; font-family:'NotoKr'; font-size:21px; font-weight:300; letter-spacing:-1px; resize:none; }
.v2_brand_contact .v2_brand_contactus .v2_brand_contactus_wraning { margin-top:10px; font-family:'NotoKr'; font-size:18px; font-weight:300; letter-spacing:-1px; }
.v2_brand_contact .v2_brand_contactus .v2_brand_contactus_file { position:relative; width:384px; height:60px; border:1px solid #fff; } 
.v2_brand_contact .v2_brand_contactus .v2_brand_contactus_file input { position:absolute; top:0; left:0; width:384px; height:60px; opacity:0; border:none; color:#fff; padding:0 16px;}
.v2_brand_contact .v2_brand_contactus .v2_brand_contactus_file input.contacsus_file_show { opacity:1; background-color: transparent; }
.v2_brand_contact .v2_brand_contactus .v2_brand_contactus_file_btn { margin-left:15px; width:195px; height:60px; line-height:60px; background-color:#fff; text-align:center; font-family:'NotoKr'; font-size:21px; font-weight:500; letter-spacing:-1px; }
.v2_brand_contact .v2_brand_contactus .v2_brand_contactus_rule_btn { position:relative; color:#fff; font-family:'NotoKr'; font-size:21px; font-weight:300; letter-spacing:-1px; }
.v2_brand_contact .v2_brand_contactus .v2_brand_contactus_rule_btn:after { content:''; position:absolute; width:100%; height:1px; bottom:0; left:0; background-color:#fff; }
.v2_brand_contact .v2_brand_contactus .v2_brand_contactus_rul_check { margin-left:auto; display:flex; align-items: center; column-gap: 5px; }
.v2_brand_contact .v2_brand_contactus .v2_brand_contactus_rul_check input { width:20px; height:20px; border: 1px solid #000; background: #fff;}
.v2_brand_contact .v2_brand_contactus .v2_brand_contactus_rul_check input.checkSelect { background:url("/_asset/img/user/icon_check01_on.jpg") 50% 50% no-repeat; background-size: contain;}
.v2_brand_contact .v2_brand_contactus .v2_brand_contactus_rul_check label { font-family:'NotoKr'; font-size:19px; font-weight:300; letter-spacing:-1px; }
.v2_brand_contact .v2_brand_contactus .v2_brand_contactus_rul_wrap { display:none; position:absolute; width:600px; padding:15px; 20px; color:#000; background-color:#fff; }
.v2_brand_contact .v2_brand_contactus .v2_brand_contactus_rul_wrap .v2_brand_contactus_rul_titles { display:flex; align-items: center; padding-bottom:10px; border-bottom:1px solid #000; }
.v2_brand_contact .v2_brand_contactus .v2_brand_contactus_rul_wrap .v2_brand_contactus_rul_title { font-family:'NotoKr'; font-size:18px; font-weight:500; letter-spacing:-1px; }
.v2_brand_contact .v2_brand_contactus .v2_brand_contactus_rul_wrap .v2_brand_contactus_rul_close { position:relative; margin-left:auto; width: 12px; height: 12px; }
.v2_brand_contact .v2_brand_contactus .v2_brand_contactus_rul_wrap .v2_brand_contactus_rul_close:before,
.v2_brand_contact .v2_brand_contactus .v2_brand_contactus_rul_wrap .v2_brand_contactus_rul_close:after { position: absolute; top: 0px; left: 0px; background-color:#000; content: ' '; height: 12px; width: 2px; }
.v2_brand_contact .v2_brand_contactus .v2_brand_contactus_rul_wrap .v2_brand_contactus_rul_close:before { transform: rotate(45deg); }
.v2_brand_contact .v2_brand_contactus .v2_brand_contactus_rul_wrap .v2_brand_contactus_rul_close:after { transform: rotate(-45deg); }
.v2_brand_contact .v2_brand_contactus .v2_brand_contactus_rul_wrap .v2_brand_contactus_rul_msg { margin-top:10px; font-family:'NotoKr'; font-size:18px; font-weight:300; letter-spacing:-1px; }
.v2_brand_contact .v2_brand_contactus .g-recaptcha { display:flex;justify-content: center; margin-top:20px; }
.v2_brand_contact .v2_brand_contactus .v2_brand_contactus_request { display:block; margin:10px auto 0; width:330px; height:80px; line-height:80px; background-color:#fff; text-align:center; font-family:'NotoKr'; font-size:21px; font-weight:500; letter-spacing:-1px; }

.v2_brand_contact .v2_brand_contactus .v2_brand_contactus_input_title span{
    font-size: 16px;
    color: #999;
}
.v2_brand_contact .v2_brand_contactus_input_div .v2_brand_contactus_checkbox_container{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    column-gap: 16px;
    row-gap: 12px;
    margin-top: 10px;
}
.v2_brand_contact .v2_brand_contactus_input_div .v2_brand_contactus_checkbox_container label{
    cursor: pointer;
    font-size: 16px;
}
.v2_brand_contact .v2_brand_contactus_input_div .v2_brand_contactus_checkbox {
    width: 20px;
    height: 20px;
    border: 1px solid #000;
    background: #fff;
    cursor: pointer;
    margin-right: 6px;
}
.v2_brand_contact .v2_brand_contactus_input_div .v2_brand_contactus_checkbox:checked{
    background: url(/_asset/img/user/icon_check01_on.jpg) 50% 50% no-repeat;
    background-size: contain;
}

/* 20241024 비즈니스 - 팬마케팅 fanMarketing.php */
/* 헤더 */
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}
.header .logo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width:1030px;
    margin:0 auto;
    color: #fff;
    padding-top: 2.5rem;
}
.logo a img {
    max-width: 120px;
    margin: 0;
}
/* 페이지 앵커 */
#pageMenu {
    position: fixed;
    right:40px; top:50%; 
    transform: translate(0,-50%); 
    width: 80px; 
    z-index: 999; 
}

@media (max-width: 768px) {
    #pageMenu {
        width: 40px; 
        margin: 0;
        padding: 0;
    }  
}
#pageMenu li { 
    margin: 5px 0; 
    list-style: none; 
}
#pageMenu a { 
    display: block; 
    width: 100%; 
    position: relative; 
    text-align: right; 
    padding-right: 20px; 
}
#pageMenu a span { 
    color: #fff; 
    font-size: 0px; 
    font-family: 'Montserrat'; 
    font-weight: bold; 
    line-height: 1.5rem; 
    display: inline-block; 
}
#pageMenu.on a span { 
    color: #fff; 
}
#pageMenu a i {
    display: inline-block; 
    position: absolute; 
    width: 16px; 
    height: 4px; 
    background: #4d4d4d;
    top: 50%; 
    right: 0; 
    transform: translateY(-50%); 
}
#pageMenu li.active a span { 
    font-size: 13px;
    opacity: 0;
}
#pageMenu li.active a i {
    background: #fff;
    transform: translateY(-50%) rotate(-10deg);
}
#fullpage{
    background: #000;
}
.b_section {
    background: #000;
    color: #fff;
}
.sec {
    height: 100%;
    font-family: "NotoKr";
}
.sec_inner {
    max-width: 1030px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    padding-top: 5rem;
}
.sec_subtext_wrap {
    max-width: 60%;
    margin-top: 2.3rem;
}
.sec_column {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.sec_img_wrap {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
}
.r_h1 {
    font-size: 5rem;
    font-weight: bold;
    color: #fff;
    font-family: "Gmarket Sans";
    margin: 0;
}
.r_h1_light {
    font-size: 5rem;
    color: #fff;
    font-family: "Gmarket Sans";
    margin: 0;
    /* line-height: 1.2; */
    line-height: 1;
    padding-bottom: 16px;
}
.r_h1_undeline {
    font-size: 5rem;
    font-weight: bold;
    color: #fff;
    font-family: "Gmarket Sans";
    /* border-bottom: 5px solid #fff; */
    margin: 0;

    text-decoration-skip-ink: auto;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-variant-ligatures: none;
}
.r_h2 {
    font-size: 3.5rem;
    font-weight: bold;
    color: #fff;
    font-family: "Gmarket Sans";
    margin: 0;
}
.r_h3 {
    font-size: 1.1rem;
    font-weight: bold;
    color: #fff;
    margin: 0;
    letter-spacing: -1px;
    white-space: nowrap;
}
.sec_subtext {
    font-size: 1.2rem;
    color: #fff;
    line-height: 1.5;
    word-break: keep-all;
    letter-spacing: -0.5px;
    font-family: 'NotoKr';
}
.r_button_wrap {
    width: 100%;
    margin-top: 4.5rem;
}
.r_button {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 0.5rem;
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
    background: #fff;
    color: 000;
    border: none;
    border-radius: 10em;
    padding: 1.5rem;
    font-family: "Gmarket Sans";
    font-size: 1.5rem;
    font-weight: bold;
    cursor: pointer;
}
.s_button {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 0.25rem;
    width: 100%;
    max-width: 175px;
    background: #fff;
    color: 000;
    border: none;
    border-radius: 10em;
    padding: 1rem;
    font-family: "Gmarket Sans";
    font-size: 1rem;
    font-weight: bold;
    cursor: pointer;
}
.r_button img {
    width: 1.2rem;
    height: 1.2rem;
}
.s_button img {
    width: 1rem;
    height: 1rem;
}
.sec1-1 {
    background: url('/_asset/img_v2/business/fanMarketing/r-bg1.png') center center no-repeat;
}
.sec1-2 {
    background: url('/_asset/img_v2/business/fanMarketing/r-bg2.png') center center no-repeat;
}
.sec1-3 {
    background: url('/_asset/img_v2/business/fanMarketing/r-bg3.png') center center no-repeat;
}
.swiper-fanMarketing1,
.swiper-fanMarketing2 {
    margin-top: 6rem;
}
.swiper-fanMarketing1 .swiper-slide,
.swiper-fanMarketing2 .swiper-slide {
    width: fit-content;
}
.section6_slide.sec_column {
    width: 320px;
    background: #fff;
    color: #000;
    align-items: center;
    row-gap: 1rem;
    border-radius: 0.5rem;
    padding: 1.5rem 1rem;
}
.section6_slide.sec_column {
    width: 320px;
    background: #fff;
    color: #000;
    align-items: center;
    row-gap: 1rem;
    border-radius: 0.5rem;
    padding: 1.5rem 1rem;
}
.section8_slide.sec_column {
    width: 260px;
    align-items: center;
    row-gap: 1rem;
    border-radius: 0.5rem;
    padding: 1.5rem 0.25rem;
}
.slide_h {
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    margin: 0;
}
.section6_slide img {
    width: 3rem;
    height: 3rem;
    aspect-ratio: 1 / 1;
    object-fit: contain;
}
.section8_slide .logo_img_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 220px;
    height: 100px;
}
.logo_img_wrap img {
    aspect-ratio: 2 / 1;
    object-fit: contain;
}
.logo5 .logo_img_wrap img {
    aspect-ratio: 1 / 2;
}
.slide_text {
    font-size: 0.9rem;
    text-align: center;
    margin: 0 auto;
    word-break: keep-all;
    letter-spacing: -0.5px;
    transition: all .1s;
}
.section6_slide .slide_text {
    max-width: 65%;
}
.heritage_pc {
    display: flex;
    flex-wrap: wrap;
    row-gap: 2rem;
    column-gap: 1.5rem;
    align-items: flex-end;
    margin-top: 2.5rem;
}
.heritage_mob {
    display: none;
}
.heritage_wrap {
    width: 30%;
    row-gap: 0.5rem;
    flex: 1;
}
.heritage_wrap .r_h3 {
    padding-top:0.5rem;
    position: relative;
}
.heritage_line {
    width: 0;
    height: 1px;
    background: #fff;
    margin: 0;
}
.heritage_wrap:first-child, .heritage_wrap:nth-child(2) {
    flex: none;
}
.logo1 {
    background: #d23234;
}
.logo2 {
    background: #ecac37;
}
.logo3 {
    background: #e3051b;
}
.logo4 {
    background: #0178db;
}
.logo5 {
    background: #502900;
}
.logo6 {
    background: #01b1c9;
}
.logo7 {
    background: #d32d41;
}
.f_layer_popup {
    display: none;
    width: 320px;
    height: auto;
    padding: 1.5rem;
    border-radius: 2rem;
    background: #fff;
    color: #000;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
}
.p_layer_popup {
    display: none;
    width: 500px;
    height: auto;
    padding: 1rem;
    background: #fff;
    color: #000;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1001;
}
.p_layer_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #000;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}
.p_layer_header p {
    font-size: 1.3rem;
    font-weight: bold;
    margin: 0;
}
.p_layer_header button {
    background: none;
    border: none;
    cursor: pointer;
}
.p_layer_header button img {
    width: 1.5rem;
    height: 1.5rem;
    aspect-ratio: 1 / 1;
    object-fit: contain;
}
.p_layer_content p {
    margin: 0;
    line-height: 1.5;
}
.f_layer_close {
    display: flex;
    justify-content: flex-end;
}
.f_layer_close button {
    background: none;
    border: none;
    cursor: pointer;
}
.f_layer_close button img {
    width: 1.5rem;
    height: 1.5rem;
}
.f_layer_header p {
    margin: 0.5rem 0 1rem;
    font-size: 1.5rem;
    font-weight: bold;
    word-break: keep-all;
    font-family: 'NotoKr';
}
.f_layer_content input {
    outline: none;
}
.f_layer_content .line_input {
    display: block;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #aeaeae;
    padding: 0.5rem 0.25rem;
    font-size: 1rem;
    margin: 0.25rem 0;
    font-family: 'NotoKr';
}
.f_layer_content .line_input:focus {
    border-bottom: 1px solid #000;
}
.f_layer_content label {
    display: block;
    font-size: 0.9rem;
    font-weight: bold;
    letter-spacing: -1px;
}
.f_layer_content .flex_label {
    display: flex;
    column-gap: 1rem;
    margin-top: 0.5rem;
    align-items: center;
}
.f_layer_content .flex_column_label {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 0.25rem;
    margin-top: 0.5rem;
}
.flex_column_label label {
    font-size: 1rem;
    font-weight: bold;
}
.f_layer_content .flex_column_label div {
    flex: 1;
}
.f_layer_content .flex_column_label div input {
    display: block;
    padding: 0.5rem;
    font-size: 1rem;
    height: 1.5lh;
    appearance:none ;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
}
.flex_label button {
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    border: 1px solid #aeaeae;
    border-radius: 10em;
    color: #aeaeae;
    padding: 0.25rem;
    font-size: 0.85rem;
    text-align: center;
    cursor: pointer;
}
.flex_label button img {
    width: 0.8rem;
    height: 0.8rem;
}
.f_button {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 0.25rem;
    background: #000;
    color: #fff;
    border-radius: 10em;
    width: 80%;
    margin: 1.5rem auto 0;
    font-size: 1.5rem;
    font-weight: bold;
    cursor: pointer;
    border: 0;
    padding: 1rem;
}
.f_button img {
    width: 1.5rem;
    height: 1.5rem;
    aspect-ratio: 1 / 1;
    object-fit: contain;
}
.fullpage_bg {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.5;
    z-index: 999;
}
/* 20241024 비즈니스 - 팬마케팅 fanMarketing.php end */



/* 미디어쿼리 */
@media all and (max-width:1400px) {
    .business_padding,.business_title,.business_wrap > header{
        padding: 0 16px;
    }
    .business_slide_inner {
        column-gap: 16px;
    }
    .business_slide_inner .slide_img img {
        max-width: 100%;
    }
    .business_banner .business_pagination {
        bottom: 15%;
    }
    .business_padding .business_box_wrapper {
        align-items: flex-start;
    }
    .business_padding .business_box_wrapper .business_box {
        flex-basis: content;
    }
    .business_bg h3 {
        padding: 0 16px;
    }
    .business_box_wrap .business_box {
        column-gap: 3%;
    }
    .business_box_wrap .business_box > div {
        max-width: none;
        overflow: hidden;
    }
    .v2_brand_contact .v2_brand_contactus {
        left: 30%;
        padding: 50px 20px;
    }
}

@media all and (max-width:1000px) {
    .business_wrap {
        margin: 24px auto 50px;
    }
    .business_title {
        font-size: 18px;
        margin: 0 auto 24px;
    }
    .business_title img {
        max-width: 20px;
        min-width: 20px;
        max-height: 20px;
        min-height: 20px;
    }
    .m_br {
        display: block;
    }
    .business_sub_title {
        font-size: 26px;
        margin-bottom: 4px;
    }
    .business_wrap > header p {
        font-size: 14px;
    }
    .business_padding {
        margin: 0 auto 60px;
    }
    .business_banner {
        margin-top: 16px;
    }
    .business_slide_inner {
        position: relative;
        height: 290px;
        color: #fff;
    }
    .business_slide_inner .slide_text {
        z-index: 3;
        position: relative;
        width: 100%;
        height: 100%;
        margin-left: 0;
        padding: 40px 16px 24px;
    }
    .business_slide_inner .slide_img {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
    }
    .business_slide_inner::after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .5;
        position: absolute;
        top: 0;
        left: 0;
        z-index:2;
    }
    .business_slide_inner .tit {
        font-size: 15px;
    }
    .business_slide_inner .sub_tit {
        font-size: 12px;
    }
    .business_slide_inner .slide_text div {
        margin-top: 16px;
    }
    .business_slide_inner .slide_text div .pink {
        font-size: 15px;
    }
    .business_banner .business_pagination {
        bottom: 5%;
        left: 16px;
    }
    .business_slide_inner .slide_img img {
        height: 290px;
        object-fit: cover;
    }
    .business_banner .business_pagination .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        background: #fff;
    }
    .business_banner .business_pagination .swiper-pagination-bullet-active {
        background: #fff;
    }
    .business_wrap h3 {
        font-size: 22px;
    }
    .business_wrap .business_padding header p {
        font-size: 12px;
    }
    .m_mb{
        margin-bottom: 6px;
    }
    .business_padding .business_box_wrapper {
        flex-wrap: wrap;
        row-gap: 16px;
    }
    .business_padding .business_box_wrapper .business_box {
        padding: 16px 24px;
        min-height: auto;
    }
    .business_padding .business_box_wrapper .business_box .title {
        font-size: 18px;
        margin-bottom: 16px;
    }
    .business_padding .business_box_wrapper .business_box .sub_title {
        font-size: 15px;
        margin-bottom: 8px;
    }
    .business_padding .business_box_wrapper .business_box ul li {
        font-size: 14px;
    }
    .business_bg {
        padding: 32px 16px;
    }
    .business_box_wrap .business_box {
        flex-direction: column;
        padding: 8px 16px 24px;
        border-radius: 8px;
    }
    .business_box_wrap .box_img {
        border-bottom: 3px solid #000;
    }
    .business_box_wrap .business_box > div {
        min-height: 234px;
        margin-top: 16px;
    }
    .business_box_wrap .business_box > .box_text {
        min-height: auto;
    }
    .business_box_wrap .box_slide_frame {
        width: 170px;
        height: 231px;
        background: url(/_asset/img_v2/business/frame_m.png) center center no-repeat;
        background-size: contain;
        left: 50%;
        transform: translateX(-50%);
    }
    .business_box_wrap .business_box_container{
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        /* left: revert-layer; */
    }
    .business_box_wrap .business_box_container .swiper-slide {
        width: 170px;
        height: 231px;
    }
    .business_box_wrap .box_img img {
        border-radius: 20px 20px 0 0;
    }
    .business_box_wrap .box_text {
        font-size: 14px;
    }
    .business_box_wrap .box_text .title {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .business_box_wrap .box_text .sub_title {
        font-size: 15px;
    }
    .business_box_wrap .box_text button {
        font-size: 15px;
        padding: 14px;
        letter-spacing: -1px;
        text-indent: -15px;
    }
    .business_box_wrap .box_text button svg {
        height: 14px;
    }
    .business_flex_box {
        flex-direction: column;
    }
    .business_flex_box .left p {
        font-size: 22px;
    }
    .business_flex_box .left img {
        max-width: 230px;
        margin-top: -45px;
    }
    .business_flex_box .left {
        width: 100%;
    }
    .business_flex_box .right {
        width: 90%;
    }
    .business_flex_box .right ul {
        row-gap: 8px;
    }
    .business_flex_box .right li {
        font-size: 16px;
        padding: 0;
    }
    .business_flex_box .business_link {
        width: 100%;
        margin-bottom: 16px;
        padding: 16px;
        font-size: 15px;
        font-weight: 700;
    }
    .business_flex_box .business_link1 {
        background: #E5E6E8;
        border-color: #E5E6E8;
    }
    .business_flex_box .business_link2 {
        background: #E5F3FE;
        border-color: #E5F3FE;
    }
    .business_flex_box .business_link3{
        background: #FFEFF4;
        border-color: #FFEFF4;
    }
    .business_partner header {
        background: url(/_asset/img_v2/business/partner_bg_m.png) center center no-repeat;
        background-size: cover;
        padding: 50px 16px 8px;
        border-radius: 24px 24px 0 0;
    }
    .business_partner .business_partner_inner {
        padding: 16px 24px;
    }
    .business_partner .business_partner_inner div {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr;
    }
    .business_partner .business_partner_inner div p::after {
        display: none;
    }
    .business_partner .business_partner_inner div .partner_name {
        font-size: 15px;
    }
    .business_partner .business_partner_inner div img {
        display: none;
    }
    .business_partner .business_partner_inner div p {
        padding: 0;
    }
    .business_partner .business_partner_inner div .flex_p {
        padding-left: 8px;
    }

    /* contact */
    .v2_brand_contact {
        width: 100%;
        height: 900px;
        background: url(/_asset/img_v2/brand/W_contact.png) no-repeat center bottom;
        padding: 0;
        padding-top: 30px;
    }
    .v2_brand_contact .v2_brand_bg_title1, .v2_brand_contact .v2_brand_bg_title2 {
        display:none;
    }
    .v2_brand_contact .v2_brand_contactus {
        position: initial;
        left: 0;
        top: 0;
        max-height: 800px;
        overflow-y: scroll;
        padding: 30px 20px 20px;
    }
    .v2_brand_contact .v2_brand_contactus .v2_brand_contactus_input_title {
        font-size: 16px;
    }
    .v2_brand_contact .v2_brand_contactus_input_div .v2_brand_contactus_checkbox_container label {
        font-size: 14px;
    }
    .v2_brand_contact .v2_brand_contactus .v2_brand_contactus_input {
        width: 100%;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }
    .v2_brand_contact .v2_brand_contactus .v2_brand_contactus_input_row {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-top: 12px;
    }
    .v2_brand_contact .v2_brand_contactus .v2_brand_contactus_input_row div {
        width:100%;
        margin-left: 0;
    }
    .v2_brand_contact .v2_brand_contactus .v2_brand_contactus_input_row .v2_brand_contactus_input_div:nth-child(2) {
        margin-left: 0;
    }
    .v2_brand_contact .v2_brand_contactus .v2_brand_contactus_input.w2 {
        width:100%;
    }
    .v2_brand_contact .v2_brand_contactus .v2_brand_contactus_textarea {
        width: 100%;
        height: 120px;
    }
    .v2_brand_contact .v2_brand_contactus .v2_brand_contactus_wraning {
        font-size: 15px;
    }
    .v2_brand_contact .v2_brand_contactus .v2_brand_contactus_file input {
        width: 100%;
    }
    .v2_brand_contact .v2_brand_contactus .v2_brand_contactus_file_btn {
        margin-left: 0;
        width: 100%;
        font-size: 16px;
        height: 45px;
        line-height: 45px;
    }
    .v2_brand_contact .v2_brand_contactus .v2_brand_contactus_rule_btn,
    .v2_brand_contact .v2_brand_contactus .v2_brand_contactus_rul_check label {
        font-size: 14px;
    }
    .v2_brand_contact .v2_brand_contactus .v2_brand_contactus_request {
        width: 100%;
        height: 60px;
        line-height: 60px;
        font-size: 16px;
    }

    /* 20241024 비즈니스 - 팬마케팅 fanMarketing.php */
    .header .logo {
        width: 100%;
        padding: 1rem;
        box-sizing: border-box;
    }
    .sec_inner {
        padding: 0 1.5rem;
    }
    .sec1-1, .sec1-2, .sec1-3 {
        background-size: cover;
    }
}

@media all and (max-width:600px)  {
    /* 20241024 비즈니스 - 팬마케팅 fanMarketing.php */
    .logo a img {
        max-width: 100px;
        margin: 0;
    }
    .s_button {
        max-width: fit-content;
        font-size: 0.8rem;
        padding: 0.25rem 0.5rem;
    }
    .sec1-1 {
        background: url('/_asset/img_v2/business/fanMarketing/r-bg1-m.png') center center no-repeat;
        background-size: cover;
    }
    .sec1-2 {
        background: url('/_asset/img_v2/business/fanMarketing/r-bg2-m.png') center center no-repeat;
        background-size: cover;
    }
    .sec1-3 {
        background: url('/_asset/img_v2/business/fanMarketing/r-bg3-m.png') center center no-repeat;
        background-size: cover;
    }
    .sec1-1 .sec_column,
    .sec1-2 .sec_column,
    .sec1-3 .sec_column {
        justify-content: space-around;
    }
    .r_h1 {
        font-size: 3rem;
        word-break: keep-all;
    }
    .r_h1_undeline, .r_h1_light {
        font-size: 2.5rem;
    }
    .r_button_wrap {
        margin-top: 2.5rem;
    }
    .r_button {
        font-size: 1.3rem;
        padding: 1.2rem 1.5rem;
    }
    .f_button {
        font-size: 1.3rem;
    }
    .sec_subtext_wrap {
        max-width: 80%;
        margin-top: 1.5rem;
    }
    .sec_subtext {
        font-size: 0.9rem;
        line-height: 1.3;
    }
    .sec_img_wrap {
        justify-content: center;
        margin-top: 5rem;
    }
    .sec_img_wrap img {
        max-width: 90%;
    }
    .swiper-fanMarketing1, .swiper-fanMarketing2 {
        margin-top: 2rem;
    }
    .section6_slide.sec_column {
        width: 180px;
        min-height: 200px;
        padding: 1rem 0.5rem;
    }
    .section6_slide .slide_text {
        max-width: 100%;
    }
    .f_layer_popup {
        width: 80%;
    }
    .p_layer_popup {
        width: 90%;
    }
    .f_layer_content .flex_label {
        flex-wrap: wrap;
        column-gap: 0.5rem;
        row-gap: 0.5rem;
    }
    .heritage_pc {
        display: none;
    }
    .heritage_mob {
        display: block;
        margin-top: 2rem;
    }
    .r_h2 {
        font-size: 2.5rem;
    }
    .r_h3 {
        font-size: 1rem;
        white-space: wrap;
        word-break: keep-all;
    }
    .mob_slide_inner {
        width: 100%;
    }
}

/* 스크롤 가이드 스타일 */
.scroll_guide {
    position: fixed;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
    z-index: 1000;
    pointer-events: none;
}

.scroll_guide span {
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 8px;
    font-family: 'Montserrat', sans-serif;
}

.scroll_guide .mouse {
    width: 25px;
    height: 40px;
    border: 2px solid #fff;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    padding-top: 7px;
}

.scroll_guide .mouse .wheel {
    width: 3px;
    height: 8px;
    background: #fff;
    border-radius: 2px;
    animation: mouse-wheel 1.5s infinite;
}

@keyframes mouse-wheel {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(15px);
        opacity: 0;
    }
}

/* 마지막 섹션에서는 스크롤 가이드 숨김 */
.fp-viewing-page9 .scroll_guide {
    display: none;
}

@media all and (max-width:600px) {
    .scroll_guide {
        bottom: 20px;
    }
    
    .scroll_guide .mouse {
        width: 20px;
        height: 32px;
    }
    
    .scroll_guide span {
        font-size: 10px;
    }
}