/*=================================================
		[user] login.php
=================================================*/
#user-login-page .sns-login-wrap {
    display: flex;

    padding: 5rem 0px 10rem 0px;

    flex-direction: column;

    align-items: center;
}

#user-login-page .logo-wrap {
    width: 18.75rem;
    max-width: inherit;

    padding-bottom: 2.5rem;
}

#user-login-page .login-btn{
    font-size: 1rem;
}

#user-login-page .sns-login-wrap .kakao-wrap {
    display: flex;

    width: 26rem;
    padding: 0.875rem 0.625rem;

    justify-content: center;

    background-color: #FEE500;
}

#user-login-page .sns-login-wrap .content-wrap {
    margin-top: 2.5rem;

    font-size: 0.875rem;
    text-align: center;

    width: 100%;
}

#user-login-page .sns-login-wrap .content-wrap[aria-expanded="true"] .other-collapse-arrow,
#lecture-view-page .faq-section .faq-item-wrap[aria-expanded="false"] .other-collapse-arrow {
    display: inline-block;

    transform: rotateZ(-180deg);
}

#user-login-page .sns-login-wrap .naver-wrap,
#user-login-page .sns-login-wrap .email-wrap {
    display: flex;

    width: 26rem;
    padding: 0.875rem 0.625rem;
    margin-top: 1.25rem;

    justify-content: center;
    align-items: center;

    background-color: #F1F1F1;
}

/*****##### 미디어 쿼리 [user/login.php] #####*****/
/***** xs/sm *****/
@media (min-width: 100px) and (max-width: 767.98px){
    #user-login-page .sns-login-wrap .kakao-wrap,
    #user-login-page .sns-login-wrap .naver-wrap,
    #user-login-page .sns-login-wrap .email-wrap {
        max-width: 100%;
    }
}

/*=================================================
		[user] signup.php
=================================================*/
#user-signup-page .underline-title{
    margin-bottom: 1.75rem;

    border-bottom: 1px solid var(--helper-color-secondarydark);
}

/*=================================================
		[user] signup_complete.php
=================================================*/
#user-signup_complete-page .complete-image{
    margin-bottom: 2rem;
}

#user-signup_complete-page .btn-wrap{
    padding: 0;
}

/*=================================================
            [section - section_banner_sm]
=================================================*/
.section-wrap[data-layout="section_banner"] .slick-wrap{
    padding: 0;    
}

#main_menu-main-page{
    padding: 0 0 7.5rem;
}

.section-wrap[data-layout="section_banner_sm"]{
    padding: 6.25rem 0;
}

.section-wrap[data-layout="section_banner_sm"] img{
    width: 100%;
}

.contents_con {}
.contents_con > .img_con {position:relative;}
.contents_con:first-child > .img_con > img {cursor:default;}
.contents_con > .img_con > .icon_list {position:absolute; top:8.7%; left:57.7%;}
.contents_con > .img_con > .icon_list > ul {display:flex; align-items:center; gap:18px;}
.contents_con > .img_con > .icon_list > ul > li {width:25px;}
.contents_con > .img_con > .icon_list > ul > li > a {display:block;}
.contents_con > .img_con > .icon_list > ul > li > a > img {width:100%;}

@media (min-width: 768px) and (max-width: 992px) {
	.contents_con > .img_con > .icon_list {top:7.6%; left:57.7%;}
	.contents_con > .img_con > .icon_list > ul {gap:10px;}
	.contents_con > .img_con > .icon_list > ul > li {width:20px;}
}

@media (min-width: 280px) and (max-width: 767px) {
	.contents_con > .img_con > .icon_list {top:2.5%; left:72%;}
	.contents_con > .img_con > .icon_list > ul {gap:10px;}
	.contents_con > .img_con > .icon_list > ul > li {width:4.84vw;}
}



/*=================================================
            [section - section_collection]
=================================================*/
.section-wrap[data-layout="section_collection"]{
    padding: 1.875rem;
}

.section-wrap[data-layout="section_collection"] .section-collection-text{
    font-size: 1.3rem;
}

/*=================================================
            [section - section_board]
=================================================*/
.section-wrap[data-layout="section_board"]{
    padding: 1.875rem;
}

.section-wrap[data-layout="section_board"] .notice-item .info{
    margin-bottom: 0.375rem;
}

.section-wrap[data-layout="section_board"] .notice-item .info{
    gap: 0.5rem;
}

.section-wrap[data-layout="section_board"] .notice-img{
    margin: 4.5rem 0 2.5rem;

    text-align: center;
}

/*=================================================
            [Page - honshitsubi/view] 본질미
=================================================*/
#honshitsubi-view-page{
    padding: 0 0 5rem;
}

.honshitsubi-view-wrap{
    padding: 1rem 0 3.125rem;

    text-align: center;

    background: url('/front/data/img/project/honshitsubi.jpg') center center no-repeat;
    background-size: cover;
}

.honshitsubi-view-wrap .title{
    margin-bottom: 3.125rem;
}

.honshitsubi-view-wrap .page-content{
    width: 34.625rem;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xs *****/
@media (min-width: 100px) and (max-width: 576px) {
    .honshitsubi-view-wrap .page-content{
        width: 100%;
        padding: 0 1rem;
    }
}

/*=================================================
            [Page - bio/view] 바이오프로그래밍 클럽
=================================================*/
#bio-view-page{
    padding: 0 0 5rem;
}

.bio-view-wrap{
    padding: 1rem 0 3.125rem;

    text-align: center;

    background: url('/front/data/img/project/bio.jpg') center center no-repeat;
    background-size: cover;
}

.bio-view-wrap .title{
    margin-bottom: 3.125rem;
}

.bio-view-wrap .page-content{
    display: flex;
    flex-direction: column;
    gap: 1.25rem;

    width: 34.625rem;
}

.bio-view-wrap .detail{
    margin-bottom: 2rem;

    font-size: 0.875rem;
    color: #444444;
}

#bio-view-page .detail{
    margin: 2.25rem 0 2rem;

    font-size: 0.875rem;
    text-align: center;
    color: #444444;
}

#bio-view-page .page-btn{
    width: 17.5rem;
    margin: 0 auto;
}

#bio-view-page .link-text{
    margin: 2rem auto 2.25rem;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** xs *****/
@media (min-width: 100px) and (max-width: 576px) {
    .bio-view-wrap .page-content{
        width: 100%;
        padding: 0 1rem;
    }
}

/*=================================================
            [Page - colorfantasy] 공통영역
=================================================*/

#colorfantasy-wrap {
    text-align: center;
}

#colorfantasy-wrap  .colorfantasy-title-wrap{
    background: url('/front/data/img/project/colorfantasy_bg.jpg') center left / cover no-repeat;
    background-size: auto 100%;
}
#colorfantasy-wrap .colorfantasy-title-logo{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;

    padding-top: 15rem;
}

#colorfantasy-wrap .colorfantasy-logo-img{
    max-width: 42.5rem;
}

#colorfantasy-wrap .scroll-box{
    display: flex;
    flex-direction: column;
    gap: 3rem;

    margin: 2rem 0;
}

#colorfantasy-wrap .scroll-title{
    display: flex;
    flex-direction: column;
    gap: 0.5rem;

    color: var(--helper-color-primary);
}

#colorfantasy-wrap .banner-btn{
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 0.625rem;

    max-width: 37.25rem;
    margin: 0 auto 2.5rem;

    border: 1px solid var(--helper-color-primary);
}

#colorfantasy-wrap .btn-box button{
    padding: 0.625rem 3rem ;

    background-color: var(--helper-color-secondarydark);
    color: #ffffff;
}

#colorfantasy-wrap .btn-title{
    margin-bottom: 1.5rem;

    font-size: 1.125rem;
    font-weight: 600;
    color: var(--helper-color-secondarydark);
}

#colorfantasy-wrap .btn-content{
    margin-top: 1.5rem;

    font-size: 0.75rem;
    color: var(--helper-color-secondarydark);
}

#colorfantasy-wrap .warning::before{
    position: relative;
    top: -3rem;
    left: 4rem;

    content: url('/front/data/img/project/info_icon.svg');
}

/*****#####===== 미디어 쿼리 =====#####*****/

/***** xs *****/
@media (min-width: 100px) and (max-width: 576px) {
    #colorfantasy-wrap .container{
        padding: 0 2rem;
    }
    #colorfantasy-wrap .colorfantasy-title-wrap{
        background: url('/front/data/img/project/colorfantasy_bg.jpg') left 20% center/ cover no-repeat;
        background-size: auto 100%;
    }
}

/***** xs 보다 작은 경우 *****/
@media (max-width: 521px){
    #colorfantasy-wrap .warning::before{
        position: relative;
        top: 0rem;;
        left: -35%;

        content: url('/front/data/img/project/info_icon.svg');
    }
}


/*=================================================
            [Page - colorfantasy/view] 본질미
=================================================*/

#colorfantasy-view-page,#colorfantasy-homeprogress-page{
    padding: 0 0 5rem;
}

.colorfantasy-banner{
    position: relative;

    margin-bottom: 1.25rem;
}

.colorfantasy-banner .arrow{
    position: absolute;
    left: 50%;
    bottom: 2.5rem;

    transform: translateX(-50%);
}

.colorfantasy-view-wrap{
    text-align: center;

    background: url('/front/data/img/project/colorfantasy_bg.jpg') no-repeat;
    background-size: contain;
}

#colorfantasy-view-page .line{
    margin-bottom: 2.5rem;

    text-align: center;
}

.colorfantasy-view-wrap .title{
    margin-bottom: 3.125rem;
}

.colorfantasy-view-wrap .page-content{
    display: flex;
    flex-direction: column;
    gap: 3rem;

    width: 34.625rem;
    margin-bottom: 5rem;

    font-weight: 600;
}


/*****#####===== 미디어 쿼리 =====#####*****/
/***** xs *****/
@media (min-width: 100px) and (max-width: 576px) {
    .colorfantasy-banner .arrow{
        bottom: 1rem;
    }

    .colorfantasy-view-wrap .page-content{
        width: 100%;
        padding: 0 1rem;
    }

    .colorfantasy-view-wrap .banner-btn{
        width: 95%;
    }
}

/*=================================================
            [Page - colorfantasy/homeprogress] 홈프로그래스
=================================================*/


.colorfantasy-hp-wrap .homeprogress-content-wrap{
    display: flex;
    justify-content: space-between;
    gap: 3rem;

    max-width: 61.25rem;
    margin: 0 auto;
}

.colorfantasy-hp-wrap .content-box-wrap{
    padding: 3rem;
}

.colorfantasy-hp-wrap .content-box-wrap:not(:last-child){
    border-bottom: 1px solid var(--helper-color-primary);
}

.colorfantasy-hp-wrap .content-box-content{
    width: 100%;
    padding: 1.5rem;
}

.colorfantasy-hp-wrap .page-content-box.notice{
    width: 100%;
    border-top: 1px solid var(--helper-color-primary);
    border-bottom: 1px solid var(--helper-color-primary);
}

.colorfantasy-hp-wrap .content-box-wrap.tip{
    background: url('/front/data/img/project/title_02_03.svg') right 1.5rem no-repeat;
    background-size: 2.5rem auto;
}

.colorfantasy-hp-wrap .page-content-box ol{
    display: flex;
    flex-direction: column;
    gap: 0.75rem;

    font-size: 1.2rem;
    text-align: start;
    word-break: keep-all;
}

.colorfantasy-hp-wrap li.circle::before{
    content: '◯';
    margin: 0 0.25rem;

    font-size: 1rem;
}

.colorfantasy-hp-wrap li.star::before{
    content: '*';
    margin: 0 0.25rem 0 1rem;
}


/*****#####===== 미디어 쿼리 =====#####*****/
/***** sm *****/
@media (min-width: 100px) and (max-width: 768px) {
    .colorfantasy-hp-wrap .content-box-wrap{
        padding: 1rem;
    }
}

/*=================================================
            [Page - colorfantasy/homeprogress] Salon
=================================================*/
.colorfantasy-salon-wrap .content-page-title{
    padding: 2rem 0;
}

.colorfantasy-salon-wrap .content-page-text{
    display: flex;
    gap: 1rem;
    justify-content: center;

    margin-right: 3rem;

    color: var(--helper-color-secondarylight);
}

.colorfantasy-salon-wrap .colorfantasy-hp-wrap p{
    margin-bottom: 0.5rem;
}

.colorfantasy-salon-wrap .salon-content-box{
    max-width:40rem;
    padding: 4rem 2rem;
    margin: 0 auto;

    border: 1px solid var(--helper-color-secondarydark);
}

.colorfantasy-salon-wrap .salon-content-title,
.colorfantasy-salon-wrap .content-number{
    color: var(--helper-color-primary);
}

.colorfantasy-salon-wrap .content-number-wrap{
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
}

.colorfantasy-salon-wrap .content-number-content{
    display: flex;
    flex-direction: column;

    text-align: start;
}
.colorfantasy-salon-wrap .number-content img{
    max-width: 18.75rem;
    max-height: 8.75rem;
}
.colorfantasy-salon-wrap .number-content.right{
    align-self: flex-end;
}
/*=================================================
            [Page - movie/view] 동영상
=================================================*/
#movie-view-page{
    padding: 0 0 5rem;
}

.movie-view-wrap{
    padding: 1rem 0 3.125rem;

    text-align: center;

    background: url('/front/data/img/project/movie.jpg') center center no-repeat;
    background-size: cover;
}

.movie-view-wrap .title{
    margin-bottom: 7.5rem;
}

/*=================================================
            [Page - technology/view] 동영상
=================================================*/
#technology-view-page{
    padding: 0 0 5rem;
}

.technology-view-wrap{
    padding: 1rem 0 3.125rem;

    text-align: center;

    background: url('/front/data/img/project/technology.jpg') no-repeat;
    background-size: cover;
}

.technology-view-wrap .title{
    margin-bottom: 3.125rem;
}

.technology-view-wrap .tab-menu-block{
    margin-bottom: 4.25rem;
}

.technology-view-wrap .tab-inner{
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 2.5rem;
}

.technology-view-wrap .tab-inner svg{
    width: 100%;
}

.technology-view-wrap .tab-title{
    margin-bottom: 3.125rem;

    font-size: 1.375rem;
    color: var(--helper-color-primary);
}

.technology-view-wrap .tab-content .img{
    margin-bottom: 3.375rem;
}

.technology-view-wrap .tab-content-title{
    margin-bottom: 3rem;

    font-size: 1.625rem;
    line-height: 3.25rem;
    color: var(--helper-color-primary);
}

.technology-view-wrap .tab-content-title.beauty{
    margin-bottom: 0;

    text-align: left;
}

.technology-view-wrap .content{
    display: flex;
    flex-direction: column;
    gap: 1.5rem;

    text-align: left;
    word-break: keep-all;
    line-height: 1.3rem;
    color: #3D3D3D;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** sm *****/
@media (min-width: 100px) and (max-width: 768px) {
    .technology-view-wrap .tab-inner{
        display: block;

        padding: 0 2rem;
    }

    .technology-view-wrap .tab-inner br{
        display: none;
    }
}

/*=================================================
            [Page - support/lists] 서포트 메인
=================================================*/
#support-lists-page{
    padding: 0 0 5rem;
}

.support-lists-wrap{
    line-height: 1.25rem;
    word-break: keep-all;
}

.support-lists-wrap .breadcrumb-wrap{
    padding: 1rem 2.125rem 3.125rem;
}

.support-lists-wrap .title{
    margin-bottom: 3.125rem;

    text-align: center;
}

.support-lists-wrap .content{
    padding: 0 6.25rem 3.75rem;
}

.support-lists-wrap .item-title{
    margin-bottom: 2.75rem;

    font-size: 1.375rem;
    font-weight: 400;
    text-align: center;
    color: var(--helper-color-primary);
}

.support-lists-wrap .item-content{
    height: 4.375rem;
    margin-bottom: 2.5rem;

    color: #3D3D3D;
}

.support-lists-wrap .link-text{
    text-align: left;
}

.support-lists-wrap .notice-wrap{
    padding: 4.063rem 0;

    background: var(--helper-color-bg-gray);
}

.support-lists-wrap .notice-box{
    margin: 0 6.25rem;
    padding: 4.063rem 3.125rem 3.125rem;

    border: 1px solid var(--helper-color-secondarylight);
}

.support-lists-wrap .notice-title{
    margin-bottom: 2rem;

    font-size: 1.75rem;
    font-weight: 400;
    text-align: center;
    line-height: 2rem;
    color: var(--helper-color-primary);
}

.support-lists-wrap .notice-content{
    margin-bottom: 2rem;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** md *****/
@media (min-width: 100px) and (max-width: 992px) {
    .support-lists-wrap .content{
        padding: 0 0 3.75rem;
    }

    .support-lists-wrap .notice-box{
        margin: 0;
    }
}

/*=================================================
            [Page - support/problem] 문제진단 리스트
=================================================*/
#support-problem-page{
    padding: 1rem 0 5rem;
}

#support-problem-page .page-inner{
    padding: 0 10rem;
}

#support-problem-page .bcat-btn-wrap{
    margin-bottom: 5rem;
    padding-bottom: 1rem;

    border-bottom: 1px solid #E2E2E2;
}

#support-problem-page .sticky_nav_item{
    cursor: pointer;
}

#support-problem-page .category-wrap{
    margin-top: 3.875rem;
}

#support-problem-page .category-title{
    margin-bottom: 1.875rem;
    padding-bottom: 0.5rem;

    font-family: "Marcellus", Sans-Serif, serif;
    font-size: 1.375rem;
    color: var(--helper-color-primary);

    border-bottom: 1px solid #E2E2E2;
}

#support-problem-page .item-wrap{
    display: grid;
    grid-template-columns: 10rem 1fr 8.75rem;
    align-items: center;
    gap: 1.125rem;

    padding: 1.25rem 0;

    border-bottom: 1px solid #F1F1F1;
}

#support-problem-page .category-img{
    width: 16.875rem;
    margin-bottom: 1.25rem;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** md *****/
@media (min-width: 100px) and (max-width: 992px) {
    #support-problem-page .page-inner{
        padding: 0;
    }

    #support-problem-page .item-wrap{
        grid-template-columns: 7rem 1fr auto;
        gap: 0.875rem;
    }

    #support-problem-page .category-img{
        width: 9.875rem;
    }
}

/*=================================================
            [Page - support/problem_view] 문제진단 상세
=================================================*/
#support-problem_view-page .underline-title{
    font-size: 1.25rem;
    font-weight: bold;
}

#support-problem_view-page .page-inner{
    padding: 7rem 11.25rem 0;
}

#support-problem_view-page .detail-content{
    padding: 1.25rem 0 5.625rem;

    text-align: center;
}

#support-problem_view-page .detail-content img{
    max-width: 100%;
}


#support-problem_view-page .btn-toggle{
    gap: 0.75rem;
}

#support-problem_view-page .btn-toggle:hover{
    color: var(--helper-color-primary);

    background-color: #FAFAFA;
}

#support-problem_view-page .toggle-content-wrap .btn-toggle{
    gap: 0.75rem;

    padding: 1.5rem 3.5rem;
}

#support-problem_view-page .toggle-content{
    margin: 0.75rem 0 0.75rem 4.25rem;
    padding: 0.625rem;

    background-color: #FAF9F7;
    border-bottom: none;
}

#support-problem_view-page .btn-thick{
    min-width: 16.25rem;
    margin: 5.625rem 0 1.5rem;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** md *****/
@media (min-width: 100px) and (max-width: 992px) {
    #support-problem_view-page .page-inner{
        padding: 0;
    }
}

/*=================================================
            [Page - store/lists] 판매처
=================================================*/
#store-lists-page{
    padding: 0 0 5rem;
}

.store-lists-wrap{
    height: 24rem;
    margin-bottom: 2.125rem;
    padding: 1rem 0 0;

    text-align: center;

    background: url('/front/data/img/project/support.jpg') center center no-repeat;
    background-size: cover;
}

#store-lists-page .title{
    margin-bottom: 3.125rem;

    text-align: center;
}

#store-lists-page .item-title{
    margin-bottom: 2.75rem;

    font-size: 1.375rem;
    font-weight: 400;
    text-align: center;
    color: var(--helper-color-primary);
}

#store-lists-page .content-item-wrap{
    display: flex;
    flex-direction: column;
    gap: 7.5rem;
}

#store-lists-page .item-content{
    padding: 0 3.625rem;
}

#store-lists-page .store-item{
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 0.75rem;

    padding: 1.25rem;

    border: 1px solid var(--helper-color-primary);
}

#store-lists-page .store-item .inner{
    display: grid;
    grid-template-columns: 120px 1fr;
    align-content: center;
    gap: 0.75rem;
}

#store-lists-page .store-item.tiaraleen{
    border: 10px solid;
    border-image-source: linear-gradient(93.32deg, #E1C275 61.64%, #9F8D60 88.9%, #635D4D 113.56%);
    border-image-slice: 1;
}

#store-lists-page .item-region{
    display: flex;
    align-self: flex-start;
}

#store-lists-page .store-naver{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.25rem;

    padding-bottom: 3.75rem;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** lg *****/
@media (min-width: 993px) and (max-width: 1200px) {
    .store-lists-wrap{
        height: 20rem;
    }

    #store-lists-page .item-content{
        padding: 0;
    }
}

/***** md *****/
@media (min-width: 767px) and (max-width: 992px) {
    .store-lists-wrap{
        height: 16rem;
    }

    #store-lists-page .item-content{
        padding: 0;
    }
}

/***** sm *****/
@media (min-width: 100px) and (max-width: 768px) {
    .store-lists-wrap{
        height: 12rem;
    }

    #store-lists-page .item-content{
        padding: 0;
    }
}

/***** xs *****/
@media (min-width: 100px) and (max-width: 576px) {
    #store-lists-page .store-item .inner{
        display: flex;
        flex-direction: column;
    }

    #store-lists-page .store-item .item-image{
        max-width: 7.5rem;
    }
}

/*=================================================
            [Page - store/(지역)] 판매처 상세
=================================================*/
.page-wrap[data-menu="store"]{
    padding: 1rem 0 3.125rem;
}

.store-view-wrap .store-info{
    display: grid;
    grid-template-columns: 37.5rem 1fr;
    align-items: center;

    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.5;

    border: 1px solid var(--helper-color-primary);
}

.store-view-wrap .info{
    padding: 0 2.75rem;
}

.store-view-wrap .info-title{
    margin-bottom: 2.5rem;

    font-size: 1.25rem;
}

.store-view-wrap .phone{
    margin: 2.5rem 0 2rem;

    text-align: right;
}

.store-view-wrap .detail{
    padding: 0.625rem;

    font-size: 0.75rem;
    text-align: center;
    color: var(--helper-color-primary);

    border: 1px solid var(--helper-color-primary);
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** md *****/
@media (min-width: 100px) and (max-width: 992px) {
    .store-view-wrap .store-info{
        display: flex;
        flex-direction: column;
    }

    .store-view-wrap .info{
        width: 100%;
        padding: 1rem;
    }
}

/*=================================================
            [Page - support/faq] FAQ
=================================================*/
#support-faq-page .title{
    margin-bottom: 3.125rem;
}

#support-faq-page .board-lists-wrap{
    border-top: 1px solid var(--helper-color-primary);
}

#support-faq-page .class_toggle_btn.active .collapse-content{
    height: auto;
}

#support-faq-page .collapse-inner{
    padding: 1.5rem 2rem;

    color: var(--helper-color-secondarydark);
}

#support-faq-page .class_toggle_btn.active .front,
#support-faq-page .back{
    display: none;
}

#support-faq-page .class_toggle_btn.active .back{
    display: block;
}

/*=================================================
            [Page - support/notice] 공지사항
=================================================*/
#support-notice-page{
    padding: 1rem 0 5rem;
}

.support-notice-wrap .content{
    padding: 5rem 11.25rem 5rem;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** lg *****/
@media (min-width: 100px) and (max-width: 1200px) {
    .support-notice-wrap .content{
        padding: 5rem 0 5rem;
    }
}

/*=================================================
            [Page - support/view] 게시물 상세
=================================================*/
#support-view-page{
    padding: 1rem 0 5rem;
}

.support-view-wrap .content{
    margin-bottom: 1.5rem;
    padding: 5rem 11.25rem 0;
}

.support-view-wrap .view-wrap{
    padding-bottom: 2.5rem;

    border-bottom: 1px solid #E2E2E2;
}

.support-view-wrap .underline-title{
    font-size: 1.75rem;
    font-weight: 400;
    color: var(--helper-color-primary);
}

.support-view-wrap .content .underline-title{
    margin-bottom: 3.75rem;
}

.support-view-wrap .info{
    display: flex;
    align-items: center;
    gap: 1rem;

    margin-bottom: 0.5rem;
}

.support-view-wrap .date{
    font-size: 0.875rem;
    color: var(--helper-color-primary);
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** lg *****/
@media (min-width: 100px) and (max-width: 1200px) {
    .support-view-wrap .content{
        padding: 5rem 0 5rem;
    }
}

/*=================================================
            [Page - goods/collection] 컬렉션
=================================================*/
#goods-collection-page{
    padding: 1rem 0 7.5rem;
}

#goods-collection-page .banner-wrap{
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    
    margin-bottom: 3.125rem;
    padding: 3.125rem 0;

    border-bottom: 1px solid #E2E2E2;
}

#goods-collection-page .banner-wrap img{
    width: 100%;
}

#goods-collection-page .category-wrap:not(:last-child){
    margin-bottom: 3.125rem;
    padding-bottom: 3.125rem;

    border-bottom: 1px solid #E2E2E2;
}

#goods-collection-page .item-title{
    min-height: 1.625rem;

    font-family: "Marcellus", Sans-Serif, serif;
    font-size: 1.375rem;
    color: #5E5C5B;
}

#goods-collection-page .category-title{
    height: 3.75rem;
    margin-bottom: 1.875rem;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** sm *****/
@media (min-width: 100px) and (max-width: 768px) {
    #goods-collection-page .category-title{
        height: 2.75rem;
    }
}

/*=================================================
            [Page - goods/lists] 상품 리스트
=================================================*/
#goods-lists-page{
    padding: 1rem 0 5rem;
}

.goods-lists-wrap .gds-item{
    display: grid;
    grid-template-columns: 10rem 1fr auto;
    align-items: center;
    gap: 1rem;

    padding: 1rem;
}

.goods-lists-wrap .item-info{
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.goods-lists-wrap .item-title{
    font-size: 1.25rem;
    font-weight: normal;
    word-break: break-all;
}

.goods-lists-wrap .item-btn{
    display: flex;
    align-items: end;

    height: 100%;
}

/*=================================================
            [Page - goods/view] 상품 상세
=================================================*/
#goods-view-page{
    padding: 0 0 5rem;
}

#goods-view-wrap .banner-wrap{
    height: 24rem;
    margin-bottom: 3.125rem;
    padding: 1rem 0 3.125rem;

    background-size: cover;
}

#goods-view-wrap .left-wrap{
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

#goods-view-wrap .view-title-wrap{
    margin-bottom: 0;
    padding: 0 0 1.5rem;

    border-top: 0;
    border-bottom: 1px solid var(--helper-color-primary);
}

#goods-view-wrap .title{
    font-size: 1.625rem;
    font-weight: 600;
}

#goods-view-wrap .detail-info-wrap{
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

#goods-view-wrap .detail-info-wrap img{
    max-width: 100%;
}

#goods-view-wrap .total-info{
    padding: 2rem 0;

    border-top: 1px solid var(--helper-color-primary);
    border-bottom: 1px solid var(--helper-color-primary);
}

#goods-view-wrap .total-price{
    font-size: 1.625rem;
    font-weight: 600;
}

#goods-view-wrap .bottom-content-wrap{
    display: grid;
    grid-template-columns: 50% 25% 25%;

    margin-top: 3.75rem;
}

#goods-view-wrap .item-wrap{
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    min-height: 10rem;
    padding: 1.5rem;

    font-size: 1.125rem;
    font-weight: 500;

    border: 1px solid #DEE2E6;
}

#goods-view-wrap .item-wrap:not(:last-child){
    border-right: 0;
}

#mini-cart-wrap{
    padding: 2rem;
}

#mini-cart-wrap .delete-btn{
    padding: 0;
}

#mini-cart-wrap .mini-fixed-wrap{
    margin-top: 2rem;
}

#mini-cart-wrap .lists-item-wrap:not(:last-child){
    margin-bottom: 1rem;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** sm *****/
@media (min-width: 100px) and (max-width: 768px) {
    #goods-view-wrap .bottom-content-wrap{
        display: block;
    }

    #goods-view-wrap .item-wrap:not(:last-child){
        border: 1px solid #DEE2E6;
        border-bottom: 0;
    }
}

/*=================================================
            [Page - order/cart] 장바구니
=================================================*/
#order-cart-page .total-wrap.final{
    padding: 1.875rem 2.5rem;

    border: 1px solid #CCCCCC;
    border-radius: 0;
}

/*=================================================
            [Page - order/form] 주문하기
=================================================*/
#order-form-page .table-content-wrap .lists-title{
    padding: 0.75rem;

    text-align: center;

    font-size: 0.875rem;
    color: #ffffff;

    background: var(--helper-color-primary);
    border-radius: 0.25rem 0.25rem 0 0;
}

#order-form-page .table-content-wrap .lists-content{
    padding: 1.25rem 1rem;

    border-bottom: 1px solid #dddddd;
}

#order-form-page .table-content-wrap .lists-row{
    align-items: center;
}

#order-form-page .table-img{
    width: 5rem;
    margin: 0 auto;
}

#order-form-body .fancybox-content{
    width: 26.25rem !important;

    border-radius: 0.5rem;
    overflow: hidden;
}

#order-addr_write-page,
.order-addr-wrap{
    padding: 2.5rem 1.5rem 1.5rem;
}

.order-addr-wrap .lists-item-wrap{
    padding: 1rem 0;

    border-bottom: 1px solid #CCCCCC;
}

.fancy-title-wrap{
    margin-bottom: 1rem;

    text-align: center;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** sm *****/
@media (min-width: 100px) and (max-width: 768px) {
    #order-form-page .table-img{
        width: 7rem;
        margin: 0;
    }
}

/***** xs *****/
@media (min-width: 100px) and (max-width: 430px) {
    #order-form-body .fancybox-content{
        width: 22.5rem !important;
    }

    #order-addr_write-page,
    .order-addr-wrap{
        padding: 2.5rem 1rem 1rem;
    }
}

/*=================================================
            [Page - order/complete] 주문 완료
=================================================*/
#order-complete-page .table-content-wrap .lists-title{
    padding: 0.75rem;

    text-align: center;

    font-size: 0.875rem;
    color: #ffffff;

    background: var(--helper-color-primary);
    border-radius: 0.25rem 0.25rem 0 0;
}

#order-complete-page .table-content-wrap .lists-content{
    padding: 1.25rem 1rem;

    border-bottom: 1px solid #dddddd;
}

#order-complete-page .table-content-wrap .lists-row{
    align-items: center;
}

#order-complete-page .table-img{
    width: 5rem;
    margin: 0 auto;
}

/*=================================================
            [Page - render/terms] 약관
=================================================*/
#render-terms-page{
    padding: 1rem 0 7.5rem;
}


/* 이벤트 페이지 */
#event-view-page {padding:0;}
.event-view-wrap {background:#010000; text-align:center;}
.event-view-wrap > .contents_con {}
.event-view-wrap > .contents_con > .info_con {position:relative;}
.event-view-wrap > .contents_con > .info_con:after {content:''; width:100%; height:19px; background:linear-gradient(to left, rgba(75, 53, 20, 0.7) 30%, rgba(177, 142, 87, 0.6), rgba(250, 200, 129, 0.6), rgba(177, 142, 87, 0.6), rgba(75, 53, 20, 0.7) 70%); position:absolute; bottom:0; left:0;}
.event-view-wrap > .contents_con > .info_con:last-child:after {content:none;}
.event-view-wrap > .contents_con > .info_con.info01 {background:url("/front/data/img/event/event01_info01_bg.png")no-repeat center/cover;}
.event-view-wrap > .contents_con > .info_con.info01 > .contents_con {padding:38px 0 119px;}
.event-view-wrap > .contents_con > .info_con.info01 > .contents_con > .img_con {}
.event-view-wrap > .contents_con > .info_con.info01 > .contents_con > .img_con > img {}
.event-view-wrap > .contents_con > .info_con.info01 > .contents_con > .txt_con {}
.event-view-wrap > .contents_con > .info_con.info01 > .contents_con > .txt_con > .text01_con {margin:10px 0 0;}
.event-view-wrap > .contents_con > .info_con.info01 > .contents_con > .txt_con > .text01_con > span {font-size:20px; color:#FFF; font-weight:400; line-height:normal; letter-spacing:-0.1px;}
.event-view-wrap > .contents_con > .info_con.info01 > .contents_con > .txt_con > .text02_con {margin:42px 0 0;}
.event-view-wrap > .contents_con > .info_con.info01 > .contents_con > .txt_con > .text02_con > span {font-size:16px; color:#FFF; font-weight:400; line-height:normal; letter-spacing:-0.1px;}
.event-view-wrap > .contents_con > .info_con.info01 > .contents_con > .txt_con > .btn_con {margin:14px 0 0;}
.event-view-wrap > .contents_con > .info_con.info01 > .contents_con > .txt_con > .btn_con > a {display:flex; justify-content:center; align-items:center; width:250px; margin:0 auto; height:50px; background:linear-gradient(to left, #a78551 30%, rgba(250, 200, 129, 0.9), #a78551 70%); font-size:18px; color:#341709; font-weight:500; line-height:normal; letter-spacing:4.8px;}
.event-view-wrap > .contents_con > .info_con.info01 > .contents_con > .txt_con > .btn_con > a:hover {background:linear-gradient(to left, rgba(167, 133, 81, 0.5) 30%, rgba(250, 200, 129, 0.6), rgba(167, 133, 81, 0.5) 70%); color:#FFF;}
.event-view-wrap > .contents_con > .info_con.info01 > .contents_con > .txt_con > .text03_con {margin:24px 0 0;}
.event-view-wrap > .contents_con > .info_con.info01 > .contents_con > .txt_con > .text03_con > span {font-size:12px; color:#746e6b; font-weight:400; line-height:normal; letter-spacing:1.6px;}
.event-view-wrap > .contents_con > .info_con.info02 {}
.event-view-wrap > .contents_con > .info_con.info02 > .contents_con {padding:96px 0 269px;}
.event-view-wrap > .contents_con > .info_con.info02 > .contents_con > .img_con {}
.event-view-wrap > .contents_con > .info_con.info02 > .contents_con > .img_con > img {}
.event-view-wrap > .contents_con > .info_con.info02 > .contents_con > .text_con {}
.event-view-wrap > .contents_con > .info_con.info02 > .contents_con > .text_con > span {font-size:20px; color:#f9eedf; font-weight:600; line-height:36px; letter-spacing:2.1px;}
.event-view-wrap > .contents_con > .info_con.info03 {}
.event-view-wrap > .contents_con > .info_con.info03 > .contents_con {padding:120px 0 110px;}
.event-view-wrap > .contents_con > .info_con.info03 > .contents_con > .img_con {}
.event-view-wrap > .contents_con > .info_con.info03 > .contents_con > .img_con > img {}
.event-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con {margin:22px 0 0;}
.event-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con > .text01_con {}
.event-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con > .text01_con > span {font-size:20px; color:#FFF; font-weight:600; line-height:normal; letter-spacing:1.6px;}
.event-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con > ul {max-width:600px; margin:0 auto; margin-top:40px; margin-bottom:60px;}
.event-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con > ul > li {margin:28px 0 0;}
.event-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con > ul > li:first-child {margin:0;}
.event-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con > ul > li > .list_div {display:flex; gap:15px;}
.event-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con > ul > li > .list_div > .num_con {display:flex; justify-content:center; align-items:center; width:29px; height:42px; border:1px solid #FFF;}
.event-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con > ul > li > .list_div > .num_con > span {font-size:30px; color:#FFF; font-weight:400; line-height:normal; letter-spacing:0.16px;}
.event-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con > ul > li > .list_div > .text_con {text-align:left;}
.event-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con > ul > li > .list_div > .text_con > span {font-size:16px; color:#FFF; font-weight:400; line-height:normal; letter-spacing:-0.16px;}
.event-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con > ul > li > .list_div > .text_con > span .color_text {font-size:20px;}
.event-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con > ul > li > .list_div > .text_con > p {padding:8px 0 0 8px; font-size:font-size:16px; color:#FFF; font-weight:400; line-height:24px; letter-spacing:-0.16px;}
.event-view-wrap > .contents_con > .info_con.info04 {}
.event-view-wrap > .contents_con > .info_con.info04 > .contents_con {padding:155px 0 170px;}
.event-view-wrap > .contents_con > .info_con.info04 > .contents_con > .img_con {}
.event-view-wrap > .contents_con > .info_con.info04 > .contents_con > .img_con > img {}
.event-view-wrap > .contents_con > .info_con.info05 {}
.event-view-wrap > .contents_con > .info_con.info05 > .contents_con {padding:40px 0 150px;}
.event-view-wrap > .contents_con > .info_con.info05 > .contents_con > .img_con {}
.event-view-wrap > .contents_con > .info_con.info05 > .contents_con > .img_con > img {}
.event-view-wrap > .contents_con > .info_con.info06 {}
.event-view-wrap > .contents_con > .info_con.info06 > .contents_con {padding:75px 0 40px;}
.event-view-wrap > .contents_con > .info_con.info06 > .contents_con > .img_con {}
.event-view-wrap > .contents_con > .info_con.info06 > .contents_con > .img_con > img {}
.event-view-wrap > .contents_con > .info_con.info06 > .contents_con > .txt_con {}
.event-view-wrap > .contents_con > .info_con.info06 > .contents_con > .txt_con > .text01_con {}
.event-view-wrap > .contents_con > .info_con.info06 > .contents_con > .txt_con > .text01_con > span {font-size:20px; color:#FFF; font-weight:400; line-height:normal; letter-spacing:-0.1px;}
.event-view-wrap > .contents_con > .info_con.info06 > .contents_con > .txt_con > .text02_con {margin:16px 0 0;}
.event-view-wrap > .contents_con > .info_con.info06 > .contents_con > .txt_con > .text02_con > span {font-size:16px; color:#FFF; font-weight:400; line-height:normal; letter-spacing:-0.1px;}
.event-view-wrap > .contents_con > .info_con.info06 > .contents_con > .txt_con > .btn_con {margin:52px 0 0;}
.event-view-wrap > .contents_con > .info_con.info06 > .contents_con > .txt_con > .btn_con > a {display:flex; justify-content:center; align-items:center; width:250px; margin:0 auto; height:50px; background:linear-gradient(to left, #a78551 30%, rgba(250, 200, 129, 0.9), #a78551 70%); font-size:18px; color:#341709; font-weight:500; line-height:normal; letter-spacing:4.8px;}
.event-view-wrap > .contents_con > .info_con.info06 > .contents_con > .txt_con > .btn_con > a:hover {background:linear-gradient(to left, rgba(167, 133, 81, 0.5) 30%, rgba(250, 200, 129, 0.6), rgba(167, 133, 81, 0.5) 70%); color:#FFF;}

#event02-view-page {padding:0;}
.event02-view-wrap {background:#010000; text-align:center;}
.event02-view-wrap > .contents_con {}
.event02-view-wrap > .contents_con > .info_con {position:relative;}
.event02-view-wrap > .contents_con > .info_con:after {content:''; width:100%; height:19px; background:linear-gradient(to left, rgba(75, 53, 20, 0.7) 30%, rgba(177, 142, 87, 0.6), rgba(250, 200, 129, 0.6), rgba(177, 142, 87, 0.6), rgba(75, 53, 20, 0.7) 70%); position:absolute; bottom:0; left:0;}
.event02-view-wrap > .contents_con > .info_con:last-child:after {content:none;}
.event02-view-wrap > .contents_con > .info_con.info01 {}
.event02-view-wrap > .contents_con > .info_con.info01 > .contents_con {padding:0 0 150px;}
.event02-view-wrap > .contents_con > .info_con.info01 > .contents_con > .img_con {}
.event02-view-wrap > .contents_con > .info_con.info01 > .contents_con > .img_con > img {}
.event02-view-wrap > .contents_con > .info_con.info01 > .contents_con > .txt_con {}
.event02-view-wrap > .contents_con > .info_con.info01 > .contents_con > .txt_con > .text01_con {margin:40px 0 0;}
.event02-view-wrap > .contents_con > .info_con.info01 > .contents_con > .txt_con > .text01_con > span {font-size:20px; color:#FFF; font-weight:400; line-height:normal; letter-spacing:-0.1px;}
.event02-view-wrap > .contents_con > .info_con.info01 > .contents_con > .txt_con > .text02_con {margin:42px 0 0;}
.event02-view-wrap > .contents_con > .info_con.info01 > .contents_con > .txt_con > .text02_con > span {font-size:16px; color:#FFF; font-weight:400; line-height:normal; letter-spacing:-0.1px;}
.event02-view-wrap > .contents_con > .info_con.info01 > .contents_con > .txt_con > .btn_con {margin:14px 0 0;}
.event02-view-wrap > .contents_con > .info_con.info01 > .contents_con > .txt_con > .btn_con > a {display:flex; justify-content:center; align-items:center; width:250px; margin:0 auto; height:50px; background:linear-gradient(to left, #a78551 30%, rgba(250, 200, 129, 0.9), #a78551 70%); font-size:18px; color:#341709; font-weight:500; line-height:normal; letter-spacing:4.8px;}
.event02-view-wrap > .contents_con > .info_con.info01 > .contents_con > .txt_con > .btn_con > a:hover {background:linear-gradient(to left, rgba(167, 133, 81, 0.5) 30%, rgba(250, 200, 129, 0.6), rgba(167, 133, 81, 0.5) 70%); color:#FFF;}
.event02-view-wrap > .contents_con > .info_con.info01 > .contents_con > .txt_con > .text03_con {margin:24px 0 0;}
.event02-view-wrap > .contents_con > .info_con.info01 > .contents_con > .txt_con > .text03_con > span {font-size:12px; color:#746e6b; font-weight:400; line-height:normal; letter-spacing:1.6px;}
.event02-view-wrap > .contents_con > .info_con.info02 {}
.event02-view-wrap > .contents_con > .info_con.info02 > .contents_con {padding:93px 0 222px;}
.event02-view-wrap > .contents_con > .info_con.info02 > .contents_con > .img_con {}
.event02-view-wrap > .contents_con > .info_con.info02 > .contents_con > .img_con > img {}
.event02-view-wrap > .contents_con > .info_con.info02 > .contents_con > .text_con {}
.event02-view-wrap > .contents_con > .info_con.info02 > .contents_con > .text_con > span {font-size:20px; color:#f9eedf; font-weight:600; line-height:36px; letter-spacing:2.1px;}
.event02-view-wrap > .contents_con > .info_con.info03 {}
.event02-view-wrap > .contents_con > .info_con.info03 > .contents_con {padding:120px 0 140px;}
.event02-view-wrap > .contents_con > .info_con.info03 > .contents_con > .img_con {}
.event02-view-wrap > .contents_con > .info_con.info03 > .contents_con > .img_con > img {}
.event02-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con {margin:22px 0 0;}
.event02-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con > .text01_con {}
.event02-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con > .text01_con > span {font-size:20px; color:#FFF; font-weight:600; line-height:normal; letter-spacing:1.6px;}
.event02-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con > ul {max-width:600px; margin:0 auto; margin-top:40px; margin-bottom:60px;}
.event02-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con > ul > li {margin:28px 0 0;}
.event02-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con > ul > li:first-child {margin:0;}
.event02-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con > ul > li > .list_div {display:flex; gap:15px;}
.event02-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con > ul > li > .list_div > .num_con {display:flex; justify-content:center; align-items:center; width:29px; height:42px; border:1px solid #FFF;}
.event02-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con > ul > li > .list_div > .num_con > span {font-size:30px; color:#FFF; font-weight:400; line-height:normal; letter-spacing:0.16px;}
.event02-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con > ul > li > .list_div > .text_con {text-align:left;}
.event02-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con > ul > li > .list_div > .text_con > span {font-size:16px; color:#FFF; font-weight:400; line-height:normal; letter-spacing:-0.16px;}
.event02-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con > ul > li > .list_div > .text_con > span .color_text {font-size:20px;}
.event02-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con > ul > li > .list_div > .text_con > p {padding:8px 0 0 8px; font-size:font-size:16px; color:#FFF; font-weight:400; line-height:24px; letter-spacing:-0.16px;}
.event02-view-wrap > .contents_con > .info_con.info04 {}
.event02-view-wrap > .contents_con > .info_con.info04 > .contents_con {padding:155px 0 170px;}
.event02-view-wrap > .contents_con > .info_con.info04 > .contents_con > .img_con {}
.event02-view-wrap > .contents_con > .info_con.info04 > .contents_con > .img_con > img {}
.event02-view-wrap > .contents_con > .info_con.info05 {}
.event02-view-wrap > .contents_con > .info_con.info05 > .contents_con {padding:40px 0 150px;}
.event02-view-wrap > .contents_con > .info_con.info05 > .contents_con > .img_con {}
.event02-view-wrap > .contents_con > .info_con.info05 > .contents_con > .img_con > img {}
.event02-view-wrap > .contents_con > .info_con.info06 {}
.event02-view-wrap > .contents_con > .info_con.info06 > .contents_con {padding:75px 0 40px;}
.event02-view-wrap > .contents_con > .info_con.info06 > .contents_con > .img_con {}
.event02-view-wrap > .contents_con > .info_con.info06 > .contents_con > .img_con > img {}
.event02-view-wrap > .contents_con > .info_con.info06 > .contents_con > .txt_con {}
.event02-view-wrap > .contents_con > .info_con.info06 > .contents_con > .txt_con > .text01_con {}
.event02-view-wrap > .contents_con > .info_con.info06 > .contents_con > .txt_con > .text01_con > span {font-size:20px; color:#FFF; font-weight:400; line-height:normal; letter-spacing:-0.1px;}
.event02-view-wrap > .contents_con > .info_con.info06 > .contents_con > .txt_con > .text02_con {margin:16px 0 0;}
.event02-view-wrap > .contents_con > .info_con.info06 > .contents_con > .txt_con > .text02_con > span {font-size:16px; color:#FFF; font-weight:400; line-height:normal; letter-spacing:-0.1px;}
.event02-view-wrap > .contents_con > .info_con.info06 > .contents_con > .txt_con > .btn_con {margin:52px 0 0;}
.event02-view-wrap > .contents_con > .info_con.info06 > .contents_con > .txt_con > .btn_con > a {display:flex; justify-content:center; align-items:center; width:250px; margin:0 auto; height:50px; background:linear-gradient(to left, #a78551 30%, rgba(250, 200, 129, 0.9), #a78551 70%); font-size:18px; color:#341709; font-weight:500; line-height:normal; letter-spacing:4.8px;}
.event02-view-wrap > .contents_con > .info_con.info06 > .contents_con > .txt_con > .btn_con > a:hover {background:linear-gradient(to left, rgba(167, 133, 81, 0.5) 30%, rgba(250, 200, 129, 0.6), rgba(167, 133, 81, 0.5) 70%); color:#FFF;}

#event03-view-page {padding:0;}
.event03-view-wrap {background:#010000; text-align:center;}
.event03-view-wrap > .contents_con {}
.event03-view-wrap > .contents_con > .info_con {position:relative;}
.event03-view-wrap > .contents_con > .info_con:after {content:''; width:100%; height:19px; background:linear-gradient(to left, rgba(75, 53, 20, 0.7) 30%, rgba(177, 142, 87, 0.6), rgba(250, 200, 129, 0.6), rgba(177, 142, 87, 0.6), rgba(75, 53, 20, 0.7) 70%); position:absolute; bottom:0; left:0;}
.event03-view-wrap > .contents_con > .info_con:last-child:after {content:none;}
.event03-view-wrap > .contents_con > .info_con.info01 {}
.event03-view-wrap > .contents_con > .info_con.info01 > .contents_con {padding:0 0 150px;}
.event03-view-wrap > .contents_con > .info_con.info01 > .contents_con > .img_con {}
.event03-view-wrap > .contents_con > .info_con.info01 > .contents_con > .img_con > img {}
.event03-view-wrap > .contents_con > .info_con.info01 > .contents_con > .txt_con {}
.event03-view-wrap > .contents_con > .info_con.info01 > .contents_con > .txt_con > .text01_con {margin:10px 0 0;}
.event03-view-wrap > .contents_con > .info_con.info01 > .contents_con > .txt_con > .text01_con > span {font-size:20px; color:#FFF; font-weight:400; line-height:normal; letter-spacing:-0.1px;}
.event03-view-wrap > .contents_con > .info_con.info01 > .contents_con > .txt_con > .text02_con {margin:42px 0 0;}
.event03-view-wrap > .contents_con > .info_con.info01 > .contents_con > .txt_con > .text02_con > span {font-size:16px; color:#FFF; font-weight:400; line-height:normal; letter-spacing:-0.1px;}
.event03-view-wrap > .contents_con > .info_con.info01 > .contents_con > .txt_con > .btn_con {margin:14px 0 0;}
.event03-view-wrap > .contents_con > .info_con.info01 > .contents_con > .txt_con > .btn_con > a {display:flex; justify-content:center; align-items:center; width:250px; margin:0 auto; height:50px; background:linear-gradient(to left, #a78551 30%, rgba(250, 200, 129, 0.9), #a78551 70%); font-size:18px; color:#341709; font-weight:500; line-height:normal; letter-spacing:4.8px;}
.event03-view-wrap > .contents_con > .info_con.info01 > .contents_con > .txt_con > .btn_con > a:hover {background:linear-gradient(to left, rgba(167, 133, 81, 0.5) 30%, rgba(250, 200, 129, 0.6), rgba(167, 133, 81, 0.5) 70%); color:#FFF;}
.event03-view-wrap > .contents_con > .info_con.info01 > .contents_con > .txt_con > .text03_con {margin:24px 0 0;}
.event03-view-wrap > .contents_con > .info_con.info01 > .contents_con > .txt_con > .text03_con > span {font-size:12px; color:#746e6b; font-weight:400; line-height:normal; letter-spacing:1.6px;}
.event03-view-wrap > .contents_con > .info_con.info02 {}
.event03-view-wrap > .contents_con > .info_con.info02 > .contents_con {padding:93px 0 222px;}
.event03-view-wrap > .contents_con > .info_con.info02 > .contents_con > .img_con {}
.event03-view-wrap > .contents_con > .info_con.info02 > .contents_con > .img_con > img {}
.event03-view-wrap > .contents_con > .info_con.info02 > .contents_con > .text_con {}
.event03-view-wrap > .contents_con > .info_con.info02 > .contents_con > .text_con > span {font-size:20px; color:#f9eedf; font-weight:600; line-height:36px; letter-spacing:2.1px;}
.event03-view-wrap > .contents_con > .info_con.info03 {}
.event03-view-wrap > .contents_con > .info_con.info03 > .contents_con {padding:120px 0 140px;}
.event03-view-wrap > .contents_con > .info_con.info03 > .contents_con > .img_con {}
.event03-view-wrap > .contents_con > .info_con.info03 > .contents_con > .img_con > img {}
.event03-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con {margin:22px 0 0;}
.event03-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con > .text01_con {}
.event03-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con > .text01_con > span {font-size:20px; color:#FFF; font-weight:600; line-height:normal; letter-spacing:1.6px;}
.event03-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con > ul {max-width:600px; margin:0 auto; margin-top:40px; margin-bottom:60px;}
.event03-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con > ul > li {margin:28px 0 0;}
.event03-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con > ul > li:first-child {margin:0;}
.event03-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con > ul > li > .list_div {display:flex; gap:15px;}
.event03-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con > ul > li > .list_div > .num_con {display:flex; justify-content:center; align-items:center; width:29px; height:42px; border:1px solid #FFF;}
.event03-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con > ul > li > .list_div > .num_con > span {font-size:30px; color:#FFF; font-weight:400; line-height:normal; letter-spacing:0.16px;}
.event03-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con > ul > li > .list_div > .text_con {text-align:left;}
.event03-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con > ul > li > .list_div > .text_con > span {font-size:16px; color:#FFF; font-weight:400; line-height:normal; letter-spacing:-0.16px;}
.event03-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con > ul > li > .list_div > .text_con > span .color_text {font-size:20px;}
.event03-view-wrap > .contents_con > .info_con.info03 > .contents_con > .txt_con > ul > li > .list_div > .text_con > p {padding:8px 0 0 8px; font-size:font-size:16px; color:#FFF; font-weight:400; line-height:24px; letter-spacing:-0.16px;}
.event03-view-wrap > .contents_con > .info_con.info04 {}
.event03-view-wrap > .contents_con > .info_con.info04 > .contents_con {padding:155px 0 170px;}
.event03-view-wrap > .contents_con > .info_con.info04 > .contents_con > .img_con {}
.event03-view-wrap > .contents_con > .info_con.info04 > .contents_con > .img_con > img {}
.event03-view-wrap > .contents_con > .info_con.info05 {}
.event03-view-wrap > .contents_con > .info_con.info05 > .contents_con {padding:40px 0 150px;}
.event03-view-wrap > .contents_con > .info_con.info05 > .contents_con > .img_con {}
.event03-view-wrap > .contents_con > .info_con.info05 > .contents_con > .img_con > img {}
.event03-view-wrap > .contents_con > .info_con.info06 {}
.event03-view-wrap > .contents_con > .info_con.info06 > .contents_con {padding:75px 0 40px;}
.event03-view-wrap > .contents_con > .info_con.info06 > .contents_con > .img_con {}
.event03-view-wrap > .contents_con > .info_con.info06 > .contents_con > .img_con > img {}
.event03-view-wrap > .contents_con > .info_con.info06 > .contents_con > .txt_con {}
.event03-view-wrap > .contents_con > .info_con.info06 > .contents_con > .txt_con > .text01_con {}
.event03-view-wrap > .contents_con > .info_con.info06 > .contents_con > .txt_con > .text01_con > span {font-size:20px; color:#FFF; font-weight:400; line-height:normal; letter-spacing:-0.1px;}
.event03-view-wrap > .contents_con > .info_con.info06 > .contents_con > .txt_con > .text02_con {margin:16px 0 0;}
.event03-view-wrap > .contents_con > .info_con.info06 > .contents_con > .txt_con > .text02_con > span {font-size:16px; color:#FFF; font-weight:400; line-height:normal; letter-spacing:-0.1px;}
.event03-view-wrap > .contents_con > .info_con.info06 > .contents_con > .txt_con > .btn_con {margin:52px 0 0;}
.event03-view-wrap > .contents_con > .info_con.info06 > .contents_con > .txt_con > .btn_con > a {display:flex; justify-content:center; align-items:center; width:250px; margin:0 auto; height:50px; background:linear-gradient(to left, #a78551 30%, rgba(250, 200, 129, 0.9), #a78551 70%); font-size:18px; color:#341709; font-weight:500; line-height:normal; letter-spacing:4.8px;}
.event03-view-wrap > .contents_con > .info_con.info06 > .contents_con > .txt_con > .btn_con > a:hover {background:linear-gradient(to left, rgba(167, 133, 81, 0.5) 30%, rgba(250, 200, 129, 0.6), rgba(167, 133, 81, 0.5) 70%); color:#FFF;}

@media (min-width: 100px) and (max-width: 768px) {
    .event-view-wrap > .contents_con > .info_con {padding:0 4%;}
    .event-view-wrap > .contents_con > .info_con .img_con > img {width:100%;}
	.event-view-wrap > .contents_con > .info_con.info03 > .contents_con > .img_con:first-child {width:66%; margin:0 auto;}
    .event02-view-wrap > .contents_con > .info_con {padding:0 4%;}
    .event02-view-wrap > .contents_con > .info_con .img_con > img {width:100%;}
	.event02-view-wrap > .contents_con > .info_con.info03 > .contents_con > .img_con:first-child {width:66%; margin:0 auto;}
    .event03-view-wrap > .contents_con > .info_con {padding:0 4%;}
    .event03-view-wrap > .contents_con > .info_con .img_con > img {width:100%;}
	.event03-view-wrap > .contents_con > .info_con.info03 > .contents_con > .img_con:first-child {width:66%; margin:0 auto;}
}