/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */

@import url('https://fonts.cdnfonts.com/css/montserrat');


html {height: 100%;}
body {min-height: 100vh; height: auto;}

.montserrat {
    font-family: 'Montserrat', sans-serif;
}

#wald_wrapper > div.content-wrap .basic-body > .container , #wald_wrapper > div.content-wrap .page-body > .container  {max-width: 100% ;}

/* header */ 
#wald_wrapper {
    position: relative;
    height: 100%;
    display: flex;
	flex-direction: column;
}

#wald_wrapper .top-header-nav {font-size: 1rem;}
#wald_wrapper .header-wrap {
    background-color: rgba(255,255,255,0.4);
}

#wald_wrapper .header-wrap.scroll {
    background-color: #fff;
}

.navbar-nav .dropdown:hover>.dropdown-menu {

}

#wald_wrapper .fulls-nav { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    /* overflow: auto; */
    min-height: 100dvh;
    background: rgba(0,66,64,1);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    font-family: 'Montserrat', sans-serif;
    overflow: hidden;
}

#wald_wrapper .fulls-nav .navbar-nav>li>.nav-link {
    color: #fff;
}

#wald_wrapper .fulls-nav .close_btn {width: 80dvw; text-align: right; margin-top: 10dvh; font-size: 36px;}
#wald_wrapper .fulls-nav .nav_wrap {
}

.navbar-nav .dropdown:hover>.dropdown-menu {
    visibility: inherit;
    display: block;
}
.navbar-nav .dropdown-menu {
    display: none;
}
.fulls-nav .navbar-nav .dropdown-menu {width: 12rem; position: absolute; top: 0; left: 9rem;}
.fulls-nav .navbar-nav .dropdown:hover>.dropdown-menu {top: 0 !important}

.content_wrap {}

/* footer */

#wald_wrapper .contents_wrap {
    flex-grow: 1;
    /* padding-top: ; */
}

.basic-body {
    padding: 0;
}


/* 서브타이틀 */
.board-title {
    width:100%;
    height:500px; 
    background-repeat:no-repeat; 
    background-size:cover;
    background-position:center center;
    color:#fff;
    display: flex;
    align-items: center;
    justify-items: center;
}

/* .container {max-width: 100% } */
/* #content-wrap .container {max-width: 90% !important; } */



.board-title h2 {
    /* writing-mode: vertical-rl;
    text-orientation: upright; */
}


/* 인덱스 */
.wald-section1 .row {
    align-items:center
}

.page-title-wrap {background: #004240;}

#wald_wrapper .wald-fas {color: #333333 !important;}

#sit_hhtml img {
    width: 100%;
}

#sit_hhtml h1 {
    position: absolute;
    top: 100px;
    left: 30px;
    display: none;
}

#wald_wrapper .container {
    padding: 0;

}



.contentainer_wrap {
    /* max-width: 1320px;*/
    margin: 0 auto;
}

.content_wrap{
    padding-top: 97px;
}




.wald_info_wrap {
    text-align: center;
}

.wald_info_wrap p {
    font-size: 18px;
}
.wald_info_wrap img {width: 100%; margin-bottom: 30px;}

.wald_info_wrap  h2 {text-align: left; margin-bottom: 30px;}

.footer_cont_flex_right {}




.wald_contact_wrap {max-width: 1230px; margin: 80px auto;}

.privacy-page {max-width: 1230px; margin: 80px auto;}

.shop-list-nav {font-size: 1.25rem;}

#sit_rel {border: 0 !important;}

.info-finish {display: none;}

.shop-product .shop-description-box .shop-product-prices {color: inherit !important;}

#sit_btn_buy {background: #333333 !important;}

#sit_btn_cart {border: 1px solid #333333 !important; color: #333333 !important;}


#wald_Best_menu.navbar-nav {display: flex; flex-direction: row; }

#wald_Best_menu a {color: #333333 !important; }

#wald_wrapper .fulls-nav .navbar-nav>li>.nav-link:hover {
    color:  #cc2300;
    
}

#wald_wrapper .fulls-nav a {
    /* color: #fff !important; */
}

#wald_Best_menu.navbar-nav .dropdown-menu {display: block; visibility: hidden;}
#wald_Best_menu.navbar-nav .dropdown:hover>.dropdown-menu {visibility: inherit;}

#wald_Best_menu a:hover {color:  #cc2300 !important;} 

#wald_wrapper .fulls-nav .close_btn  a {color: #fff !important}

#wald_wrapper .faq-wrap {max-width: 1320px; margin: 80px auto;}


.title-logo {display: inline-block; float: left; margin-right: 30px;}
#wald_Best_menu {width: 60%;}
#wald_Best_menu > li {width: 25%; text-align: center;}

#wald_wrapper #smb_my {}

#wald_wrapper .shop-list {}

.navbar-nav .dropdown-menu {border: 0 ;}



.wald-container {margin: 0 auto; margin-bottom: 80px;}

.shop-order-form #display_pay_button .btn_submit {background: #353535 !important;}
.shop-order-form #display_pay_button .btn_submit:hover {background: #656565;}

/* .footer_cont_flex > div {border:1px solid #ccc} */

.top-header {border: 0;}

.top-header-nav li > a {height: 30px; line-height: 30px;}
#wald_wrapper .wald-header-title {padding: 0;}

.wald-header-title .row {align-items: center;}

.faq-wrap span {font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important;}

.wald_img_wrap img {width: 100%;}

.fulls-nav .navbar-nav .dropdown-menu {width: 12rem; position: absolute; top: 0; left: 9rem;}
/* .fulls-nav .navbar-nav .dropdown-menu {width: 12rem; position: absolute; top: -20px !important ; left: 100px;}
    .fulls-nav .navbar-nav .dropdown:hover>.dropdown-menu {top: -20px !important;} */

#displayCHeck {position: fixed; right: 0; bottom: 0; width: 80px; height: 30px; line-height: 30px; background: rgba(0, 0, 0, 0.6); color: #fff;}

#wald_wrapper .member-skin {max-width: 1320px; margin: 80px auto;}

@media (max-width:372px) {

    #header-wrap .wald-header-title .col-md-8 {width: 25%;}
    
}


@media (max-width: 576px) {
    .top-header {display: none;}
    #wald_Best_menu.navbar-nav {display: none;}
    #Wald-menu .eyoom-form {display: none;}
    .wald-menu-li-admin {display: none !important;}
    

    /* .header-title .title-logo img {height: 30px;} */
    #header-wrap .row {align-items: center !important;}
    #header-wrap .row > * {
        width: 50% !important; 
        margin-bottom: 0 !important;
    }
     #header-wrap .wald-header-title .row {flex-wrap: nowrap; padding: 0 10px;} 
     #header-wrap .wald-header-title .col-md-8 {width: 33%;} 


     #wald_wrapper .fulls-nav .close_btn { margin-top: 0 !important;}

    .wald-fas {font-size: 16px;}
    .header-title {padding: 5px 0 !important;}
    
    #wald_wrapper .wald-header-title {max-height: 60px !important;}
    #wald_wrapper .fulls-nav .nav_wrap {width: 90%; margin: 0 auto;}
     .row > * {margin-bottom: 20px;}
    #footer .container {width: 100% !important; margin: 0 10px;}
    .contentainer_wrap {width: 100%; padding: 0 10px}
    .contentainer_wrap .container {width: 90%;}
    #besfoke .container, #reservation .container {width: 90%; }
    .fulls-nav .navbar-nav .dropdown-menu {width: 12rem; position: absolute; top: -20px !important ; left: 120px;}
    .fulls-nav .navbar-nav .dropdown:hover>.dropdown-menu {top: -20px !important;}
    #wald_wrapper .faq-wrap {max-width: 570px;  margin: 30px 10px;}
    #wald_wrapper .member-skin {max-width: 570px; margin: 30px 10px;}
    .wald_contact_wrap {margin: 0 15px; margin-top: 40px;}
}
@media(min-width:576px) {
    #wald_wrapper .container {
        max-width: 100%;
        /* width: 95%; */
        margin: 0 auto;
    }
}

@media(max-width:760px) {
    #wald_Best_menu {display: none;}
}


@media(max-width:768px) {
    #wald_wrapper .wald-header-title {max-height: 60px !important;}
    #wald_wrapper .fulls-nav .nav_wrap {width: 90%; margin: 0 auto;}
    #header-wrap .row {align-items: center !important;}
    #header-wrap .row > * {
        width: 50% !important; 
        margin-bottom: 0 !important;
    }
    /* #wald_Best_menu {display: none;}  */

    #wald_wrapper .wald-header-title {max-width: 100%; width: 95%; margin: 0 auto;}
    .shop-order-form  {margin: 0 10px;}

    .wald_info_wrap .col-md-6 {width: 50%;}
}

@media (max-width: 850px) {
    .header-title .row {align-items: center; height: 60px;}
    .top-header {display: none;}
    #wald_Best_menu {display: none !important;}
    .wald-section1 {
        text-align: center;
    }
    .wald-section1 .wald_logo {text-align: center; margin-bottom: 30px;}
    .wald-section1 .wald_text {text-align: center;}

}
@media (max-width: 920px) {
    #wald_Best_menu {display: none !important;}
}

@media (max-width:1140px) {
    #wald_Best_menu {display: none !important;}
}

@media (min-width: 1200px) {
    #wald_wrapper .fulls-nav .navbar-nav>li>.nav-link {font-size: 1rem;}
    .navbar-nav>li>.nav-link {font-size: 1rem;}
    .bespoke-text {font-size: 1rem;} 
    .wald-section1 {width: 1030px; margin: 0 auto;}
    
    .contentainer_wrap {max-width: 1140px;}
    .header-title .container {max-width: 1140px;}
    #wald_wrapper .member-skin, #wald_wrapper .member-skin {max-width: 1140px;}
    .wald-container {max-width: 1140px;}
    #footer .container {max-width: 1140px} 
    .walt_text_wrap {text-align: center;}
    .contentainer_wrap {max-width: 1140px;}
    #wald_wrapper #smb_my {max-width: 1140px; margin: 0 auto;}
    #besfoke .container, #reservation .container {max-width: 1140px } 
    .wald-section1 {width: 80%; margin: 0 auto;}

}



@media (min-width: 1400px) {
    .container {max-width: 100%;}
    #wald_wrapper .top-header .container {max-width: 1320px !important;}
    #wald_wrapper .container {max-width: 100% ;}
    #wald_wrapper .fulls-nav .navbar-nav>li>.nav-link {font-size: 1.125rem;}
    .navbar-nav>li>.nav-link {font-size: 1.125rem;}
    .bespoke-text {font-size: 1.125rem;}
    #wald_wrapper .wald-header-title { width: 1320px; margin: 0 auto; text-align: left;}
    .wald-container {max-width: 1320px;} 
    #footer .container {max-width: 1320px;}
    
    .wald-section1 {width: 1320px;}
    #wald_wrapper #smb_my {max-width: 1320px;}
    .contentainer_wrap {max-width: 1320px; margin:0 auto}
    #besfoke .container, #reservation .container {max-width: 1320px }

    .board-list , .board-view {max-width: 1320px; width: 100%; margin: 0 auto;}
    .social_register {max-width: 1320px;}
    
}


@media (min-width: 1921px) {
    .contentainer_wrap {max-width: 100%; width: 1900px; }
    #footer .container {max-width: 100%; width: 1900px; }
    #wald_wrapper .top-header .container {width: 1900px; max-width: 100% !important;}
    #wald_wrapper .header-title .container {width: 1900px; max-width: 100%;}
    #wald_wrapper .wald-header-title {width: 1900px;}
    .wald-section1 {}
    .title-logo {margin-right: 50px;}
    #wald_wrapper .faq-wrap {max-width: 1900px;}
    #wald_wrapper #smb_my {max-width: 1900px;}
    .wald.video {max-width: 1900px; margin: 0 auto;}
    #besfoke .container, #reservation .container {max-width: 1900px }
    #wald_Best_menu {width: 50%;}
    .board-list , .board-view {max-width: 100%; width: 1900px; margin: 0 auto;}
}


.shop_main_goods {
    padding: 0 10px;
}

.tb_point {display: none;}




.arcordian .arcordian-heading {
    position:relative;
}

.arcordian-group-control.arcordian-group-control-right .arcordian-title > a:before {
    left: auto;
    right: 15px;
}

.arcordian-group-control .arcordian-title > a.collapsed:before {
    content: "\f067";
    font-weight: 900;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    opacity: 0.35;
    font-family: 'Font Awesome 5 Free';
}
.arcordian-group-control .arcordian-title > a:before {
    content: "\f068";
    font-weight: 700;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 15px;
    font-family: 'Font Awesome 5 Free';
}