@charset "utf-8";

.wrapper.sub .container{flex: 1 0 auto; padding-top: 50px; padding-bottom: 100px; margin-top: var(--zm_header_height, 48px);}
.wrapper.sub.bg_black .container{ padding-top: 0 !important; }
.wrapper.sub .container_box{overflow: hidden;}

.wrapper.sub.login{overflow: hidden;}
.wrapper.sub.login .container{padding-top: 0; padding-bottom: 0; margin-top: 0;}

.wrapper.sub.payment .container { padding-top: 0; }

.wrapper.sub.help_center .container{padding-top: 60px;}
.wrapper.sub.help_center .container .contents_wrap > div > div:not(#wevenNewsView){padding-top: 28px;}

/*.wrapper.sub.mypage .container{display: flex; padding-top: 0;}*/
/*.wrapper.sub.mypage .container_box{padding-top: 90px;}*/


.wrapper.sub.mypage { overflow: visible; background-color: #eaeef7; }
.wrapper.sub.mypage .container_inner { display: flex; align-items: stretch; }
.wrapper.sub.mypage.faq .container_inner > div { display: flex; align-items: stretch; }
.wrapper.sub.mypage .container_inner .sidebar_wrap { width: 240px; background-color: #f8f7fc; padding-left: 20px; display: none;}
.wrapper.sub.mypage .container_inner .container_box { /*max-width: calc(100% - 300px);*/ }
.wrapper.sub.mypage .container_inner .container_box.help_center{overflow: visible; padding-bottom: 100px;}
.wrapper.sub.mypage .container_inner .container_box.help_center .panel_container{margin-bottom: 80px;}
.wrapper.sub.mypage .container_inner .container_box.help_center .panel_container .btn_style_0{margin-bottom: 80px;}

.wrapper.sub.mypage .container_inner .sidebar_wrap.help_center{position: fixed; z-index: 10001; display: block; width: 330px; padding-top: 70px; padding-left: 50px; height: 100vh; overflow-y: auto; transform: translateX(-100%); transition: transform 0.3s;}
.wrapper.sub.mypage .container_inner .sidebar_wrap.help_center.active{transform: translateX(0);}
.wrapper.sub.mypage .container_inner .sidebar_dim{position: fixed; z-index: 10000; display: none; height: 100vh; background-color: rgba(0,0,0,0.4);}
.wrapper.sub.mypage .container_inner .sidebar_dim.active{display: block;}

/* layout bg_color - 높이와 padding-bottom은 bottom_con에서 무엇이 먼저 나오는지에 따라 달라짐 : first_list -> 리스트형이 가장 먼저 나올 때 first_num -> 숫자가 가장 먼저 나올 때 first_swiper -> swiper가 나올 때*/
.wrapper.sub .contents_top_con{overflow: hidden; box-sizing: border-box; position: relative;}
.wrapper.sub .contents_top_con .contents_bottom_bg { position: absolute; bottom: 0; left: 0; width: 100%; height: calc((100% + 20px) / 2); background-color: #f0eff8; z-index: -1; }
.wrapper.sub .contents_top_con.block_design .contents_bottom_bg { bottom: -162px; height: calc(50% + 162px);  }

/*      =======================================================================================================      */

/*즉시 - 23.06.01 jde*/

.wrapper.sub.mypage .top_background_white{ background-color: #fff; width: 100%; height: 375px; position: absolute; top: 0; }
.wrapper.sub.mypage .top_background_white.overlap{ height: 480px; }
.wrapper.sub.mypage .top_background_white.overlap.type_2{ height: 360px; }
.wrapper.sub.mypage .top_background_white.full{ height: 100vh; position: fixed; }
.wrapper.sub.mypage .popup_page .top_background_white{ height: 650px; }

/* 테마 선택 배경색 */
.wrapper.sub .top_background_black.full{ height: 100vh; position: fixed; }
/* 즉시 소식 배경색 */
.wrapper.sub .top_background_grey.full{ height: 100vh; position: fixed; }

/* contents_bottom_con  -- 기본 */
.wrapper.sub .contents_bottom_con{ /*position: relative; overflow: hidden;*/ padding-top: 30px; padding-bottom: 70px; }

/* contents_bottom_con type  -- max-width 타입 */
.wrapper.sub .contents_bottom_con.type_2{ max-width: 430px; }
.wrapper.sub .contents_bottom_con.type_3{ } /*내사이트*/
.wrapper.sub .contents_bottom_con.type_4{ max-width: 720px; } /*마이페이지 탭 페이지*/
.wrapper.sub .contents_bottom_con.type_5{ max-width: 773px; } /*마이페이지 탭*/
.wrapper.sub .contents_bottom_con.type_6{ } /*이용권 결제*/


/* contents_bottom_con  -- padding 재정의 */
/*위븐이용권*/
.wrapper.sub .contents_bottom_con.upgrade_type_con{ padding-top: 80px; padding-bottom: 100px; }
.wrapper.sub .contents_bottom_con.upgrade_detail_con{ padding-top: 0; padding-bottom: 80px; }
.wrapper.sub .contents_bottom_con.artist_plan_con{ max-width: unset; padding-top: 80px; padding-bottom: 120px; }
.wrapper.sub .contents_bottom_con.ai_case_banner_con{ padding-top: 0 !important; padding-bottom: 0 !important; }
/*내사이트정보 - 대시보드*/
.wrapper.sub .contents_bottom_con.mysite_list_con.type_6{ max-width: 1000px; padding-bottom: 30px; }
.mysite_box_con.overflowscroll::-webkit-scrollbar {
    width: 10px;
}

.mysite_box_con.overflowscroll::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border: 1px solid transparent;
    background-clip: content-box;
}

.mysite_box_con.overflowscroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.wrapper.sub .contents_bottom_con.ai_site_list_con.type_6{max-width: 1090px; padding-left: 20px; padding-right: 60px; padding-top: 26px; overflow: hidden; padding-bottom: 6px;}
.wrapper.sub .contents_bottom_con.ai_site_list_con.type_6.nodata_site{padding-right: 20px;}
.wrapper.sub .contents_bottom_con.ai_case_banner_con.type_6{ max-width: 1000px; }
.wrapper.sub .contents_bottom_con.theme_recommend_list_con{ max-width: 1000px; padding-top: 50px; padding-bottom: 10px;}
/*내사이트정보 - 나의웹사이트*/
.wrapper.sub .contents_bottom_con.page_mySite_con.mysite_list_con{ padding-top: 10px; }
/*내사이트정보 - AI추천결과*/
.wrapper.sub .contents_bottom_con.page_aiRecommendationResult_con.ai_site_list_con{ padding-top: 10px; }
/*내사이트정보 - 찜한테마*/
.wrapper.sub .contents_bottom_con.page_favoriteList_con.ai_site_list_con{ padding-top: 10px; }
.wrapper.sub .contents_bottom_con.page_favoriteList_con.theme_recommend_list_con{ padding-top: 15px; }
/*마이페이지 - 대시보드*/
.wrapper.sub .contents_bottom_con.mypage_dashboard_con{ padding-bottom: 40px; }
.wrapper.sub .contents_bottom_con.mypage_tab_con{ padding-bottom: 20px; padding-left: 9px; padding-right: 9px; }
/*마이페이지 - 나의정보*/
.wrapper.sub .contents_bottom_con.my_info_list_con{ padding-top: 20px; }
/*마이페이지 - 카드관리*/
.wrapper.sub .contents_bottom_con.my_credit_list_con{ padding-bottom: 10px; }
/*문의 - 엔터프라이즈 신청*/
.wrapper.sub #pageQnaEnterprise .contents_bottom_con{ padding-top: 17px; }






/*      =======================================================================================================      */

.wrapper.sub .contents_bottom_con.customer_center {padding-top: 60px;}
.wrapper.sub .contents_bottom_con.block_design {padding-top: 40px;}
.wrapper.sub .contents_bottom_con.block_design .contents_bottom_bg { height: 100%; }
.wrapper.sub .contents_bottom_con .contents_bottom_bg{position: absolute; bottom: 0; left: 0; width: 100%; background-color: #f0eff8;}
.wrapper.sub .contents_bottom_con.first_list .contents_bottom_bg{height: calc(100% - 188px);}
.wrapper.sub .contents_bottom_con.customer_center .contents_bottom_bg{height: 100%;}
.wrapper.sub .contents_bottom_con.design_artist { padding-top: 0; }
.wrapper.sub .contents_bottom_con.design_artist .contents_bottom_bg{height: 100%;}
.wrapper.sub .contents_bottom_con.first_num .contents_bottom_bg{height: 100%;}
.wrapper.sub .contents_bottom_con.first_swiper .contents_bottom_bg{height: calc(100% - 318px);}
.wrapper.sub .contents_bottom_con.receipt{padding-bottom: 220px;}
.wrapper.sub .contents_bottom_con.receipt .contents_bottom_bg{height: calc(100% - 73px); background-color: #f8f7fc;}
.wrapper.sub .contents_bottom_con.site_open{padding-bottom: 78px;}
.wrapper.sub .contents_bottom_con.site_open .contents_bottom_bg{height: 100%;}
.wrapper.sub .contents_bottom_con.landing { padding-bottom: 20px; }
.wrapper.sub .contents_bottom_con.landing.type_bg { padding-top: 210px; padding-bottom: 200px; background-image: url("../img/weven_studio_sub_page_bg.jpg"); background-position: center top; background-size: cover; background-repeat: no-repeat; }
.wrapper.sub .contents_bottom_con.landing.wizware.type_bg { margin-top: -210px; padding-top: 265px; padding-bottom: 150px; }
.wrapper.sub .contents_bottom_con.landing.wizware.type_bg.type_2 { background-image: none; background-color: #1b87ff; margin-top: 0; padding-top: 100px; padding-bottom: 100px; }
.wrapper.sub .contents_bottom_con.landing.wizware.type_bg.type_2 .wizware_sub_bg { position: absolute; height: 71.58vw; background-repeat: no-repeat; background-size: cover; background-position: center top; }
.wrapper.sub .contents_bottom_con.landing.wizware.type_bg.type_2 .wizware_sub_bg.top { top: 0; background-image: url("../img/weven_wizware_sub_bg_top.jpg"); }
.wrapper.sub .contents_bottom_con.landing.wizware.type_bg.type_2 .wizware_sub_bg.bottom { bottom: 0; background-image: url("../img/weven_wizware_sub_bg_bottom.jpg"); background-position: center bottom; }
.wrapper.sub .contents_bottom_con.weven_store .contents_bottom_bg { height: calc(100% - 174px); }

/* lnb */
.lnb_menu_wrap .lnb_menu_con{font-size: 0; line-height: 0; overflow-x: auto; overflow-y: hidden; display: inline-flex; flex-wrap: nowrap; align-items: flex-start;}
.lnb_menu_wrap .lnb_menu_con::-webkit-scrollbar {width: 0px; border: 4px solid transparent; }
.lnb_menu_wrap .lnb_menu_con::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 5px; background: transparent}
.lnb_menu_wrap .lnb_menu_con::-webkit-scrollbar-track { background: transparent; -webkit-box-shadow: inset 0 0 4px transparent}
.lnb_menu_wrap .lnb_menu_con::-webkit-scrollbar-thumb { background: transparent; border:12px solid transparent; -webkit-box-shadow: inset 0 0 40px #fff;  }
.lnb_menu_wrap .lnb_menu_con > li{display: inline-block; flex: 0 0 auto; position: relative; padding-left: 7px; padding-right: 9px;}
.lnb_menu_wrap .lnb_menu_con > li::after{content: ""; position: absolute; height: 15px; top: 4px; right: 0; border-right: 1px solid #dedcec;}
[data-wv-pc="mobile"] .lnb_menu_wrap .lnb_menu_con > li::after{ top: 2px; }
.lnb_menu_wrap .lnb_menu_con > li:last-child:after{content: none;}
.lnb_menu_wrap .lnb_menu_con > li:first-child{padding-left: 15px; }
.lnb_menu_wrap .lnb_menu_con > li:last-child{padding-right: 15px; }
.lnb_menu_wrap .lnb_menu_con > li.active{display: inline-block;}
.lnb_menu_wrap .lnb_menu_con > li > a{display: inline-block;}
.lnb_menu_wrap .lnb_menu_con > li a{ font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; letter-spacing: -0.04em; font-weight: 600; color:#000; position: relative; padding-left: 5px; padding-right: 5px; padding-bottom: 15px; transition: all .2s;}
[data-wv-pc="mobile"] .lnb_menu_wrap .lnb_menu_con > li a { padding-bottom: 13px; }
.lnb_menu_wrap .lnb_menu_con > li.active a.active{ color: var(--point_wv_00_b); }
.lnb_menu_wrap .lnb_menu_con > li a::after{content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(calc(-50% + 2px)); width: 0; height: 0; border-top: 6px solid /* #453fe8 */var(--point_wv_00_b); border-left: 6px solid transparent; border-right: 6px solid transparent;
    opacity: 0; transition: opacity .1s;}
.lnb_menu_wrap .lnb_menu_con > li.active a.active::after{ opacity: 1; }
.lnb_menu_wrap .lnb_menu_con > li > ul{font-size: 0; line-height: 0; display: inline-flex; flex-wrap: nowrap; justify-content: center; align-items: flex-start;}
.lnb_menu_wrap .lnb_menu_con > li > ul > li{display: inline-block; position: relative; padding-left: 33px; padding-right: 33px;}
.lnb_menu_wrap .lnb_menu_con > li > ul > li:first-child{padding-left: 0;}
.lnb_menu_wrap .lnb_menu_con > li > ul > li:last-child{padding-right: 0; margin-bottom: 0;}
.lnb_menu_wrap .lnb_menu_con > li > ul > li:after{content: ''; position: absolute; height: 23px; border-right: 1px solid #dedcec; top: 4px; right: 0;}
.lnb_menu_wrap .lnb_menu_con > li > ul > li:last-child:after{display: none;}
.lnb_menu_wrap .lnb_menu_con > li > ul > li > a{display: inline-block;}

/* lnb에서 2depth가 단순 anchor일 때*/

.lnb_menu_wrap.anchor .lnb_menu_con > li{display: none;}
.lnb_menu_wrap.anchor .lnb_menu_con > li.active{display: inline-block; padding-left: 24px; padding-right: 24px;}
.lnb_menu_wrap.anchor .lnb_menu_con > li.active:after{content:none;}
.lnb_menu_wrap.anchor .lnb_menu_con > li > a{display: inline-block;}
.lnb_menu_wrap.anchor .lnb_menu_con > li > ul{display: none;}


/* mypage lnb */
.mypage_menu_wrap{/*display: none; */ position: sticky; position: -webkit-sticky; /*margin-top: 163px;*/ top: 163px; padding-bottom: 150px;}
.help_center .mypage_menu_wrap{top:0px; padding-bottom: 100px;}
.help_center .mypage_menu_wrap .mypage_menu_title{ font-size:25px; font-size:2.5rem; line-height:31px; line-height:3.1rem; font-weight: 700; color: #000; margin-bottom: 30px; }

.mypage_menu_wrap.is_stuck{margin-top: 0 !important;}
.mypage_menu_wrap .mypage_menu_title{font-size:21px; font-size:2.1rem; line-height:27px; line-height:2.7rem; font-weight: 600; color:#000; margin-bottom: 20px;}
.mypage_menu_wrap .mypage_menu_con{}
.mypage_menu_wrap .mypage_menu_con > li{margin-bottom: 5px;}
.mypage_menu_wrap .mypage_menu_con > li:last-child{margin-bottom: 0px;}
.mypage_menu_wrap .mypage_menu_con > li.active{}
.mypage_menu_wrap .mypage_menu_con > li > a{ font-size:17px; font-size:1.7rem; line-height:27px; line-height:2.7rem; font-weight: 500; color:#000; text-transform: uppercase; transition: color .2s;}
.mypage_menu_wrap .mypage_menu_con > li.active > a{color:#453fe8;}
/*도움말*/
.mypage_menu_wrap .mypage_menu_con > li.active > ul{margin-top: 8px; margin-bottom: 20px;}
.mypage_menu_wrap .mypage_menu_con > li > ul{height: 0; overflow: hidden;}
.mypage_menu_wrap .mypage_menu_con > li > ul > li{margin-bottom: 5px;}
.mypage_menu_wrap .mypage_menu_con > li > ul > li:last-child{margin-bottom: 0px;}
.mypage_menu_wrap .mypage_menu_con > li > ul > li > a{display: block; overflow:hidden; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem; font-weight: 300; margin-left: 2px;}
.mypage_menu_wrap .mypage_menu_con > li > ul > li > a:before{content:'-'; float: left; margin-right: 2px;}
.mypage_menu_wrap .mypage_menu_con > li > ul > li.active > a{color:#453fe8;}
.mypage_menu_wrap .mypage_menu_con > li > ul > li > a > span{display: block; overflow: hidden; word-break: keep-all; word-wrap:break-word;}


@media all and (min-width: 520px){

    /*      =======================================================================================================      */

    /*즉시 - 23.06.01 jde*/

    /* contents_bottom_con  -- padding 재정의 */

    /*마이페이지 - 나의정보*/
    .wrapper.sub .contents_bottom_con.my_info_list_con{ padding-top: 30px; }
    /*마이페이지 - 카드관리*/
    .wrapper.sub .contents_bottom_con.my_credit_list_con{ padding-bottom: 15px; }


}

@media all and (min-width: 768px){

    /*      =======================================================================================================      */

    /*즉시 - 23.06.01 jde*/

    /*contents_bottom_con  -- 기본*/
    .wrapper.sub .contents_bottom_con{ max-width: 768px; }
    /*contents_bottom_con type  -- max-width 타입*/
    .wrapper.sub .contents_bottom_con.type_2{ max-width: 768px; }
    .wrapper.sub .contents_bottom_con.ai_site_list_con.type_6{padding-top: 36px;}
    /*contents_bottom_con  -- padding 재정의*/

    .wrapper.sub .contents_bottom_con.theme_recommend_list_con{padding-top: 60px;}





    /*      =======================================================================================================      */

    .wrapper.sub .contents_bottom_con.landing.type_bg { padding-top: 200px; padding-bottom: 200px; }
    .wrapper.sub .contents_bottom_con.landing.wizware.type_bg { margin-top: -260px; padding-top: 300px; padding-bottom: 200px; }
    .wrapper.sub .contents_bottom_con.landing.wizware.type_bg.type_2 { padding-top: 150px; padding-bottom: 150px; }
}

@media all and (min-width: 992px) {
    .wrapper.sub .container{padding-top: 64px; padding-bottom: 100px; }

    .wrapper.sub.help_center .container{padding-top: 85px;}
    .wrapper.sub.help_center .container .contents_wrap > div > div:not(#wevenNewsView){padding-top: 65px;}

    /*.wrapper.sub.mypage .container_box { padding-top: 150px; }*/
    /* 위븐이용권 */
    /*.wrapper.sub .contents_bottom_con.upgrade_type_con{padding-top: 30px;}*/
    .wrapper.sub.mypage .container_inner .sidebar_wrap { padding-left: 50px; }

    .lnb_menu_wrap .lnb_menu_con > li{padding-left: 10px; padding-right: 12px;}
    .lnb_menu_wrap .lnb_menu_con > li:first-child{padding-left: 0;}
    .lnb_menu_wrap .lnb_menu_con > li:last-child{padding-right: 0;}
    [data-wv-os="Mac"] .lnb_menu_wrap .lnb_menu_con > li::after{ top: 3px; }
    .lnb_menu_wrap .lnb_menu_con > li a{font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; padding-left: 10px; padding-right: 10px; padding-bottom: 17px;}

    /*      =======================================================================================================      */

    /*즉시 - 23.06.01 jde*/

    .wrapper.sub.mypage .top_background_white{ height: 400px; }


    /*contents_bottom_con  -- 기본*/
    .wrapper.sub .contents_bottom_con{ padding-top: 40px; padding-bottom: 100px; }
    /*contents_bottom_con type  -- max-width 타입*/
    .wrapper.sub .contents_bottom_con.type_3{ max-width: 930px; }
    .wrapper.sub .contents_bottom_con.type_6{ padding-top: 60px; padding-bottom: 6px; }
    .wrapper.sub .contents_bottom_con.ai_site_list_con.type_6{padding-left: 65px; padding-right: 65px;}
    .wrapper.sub .contents_bottom_con.ai_site_list_con.type_6.nodata_site{padding-left: 65px; padding-right: 65px;}
    /*contents_bottom_con  -- padding 재정의*/
    /*위븐이용권*/
    .wrapper.sub .contents_bottom_con.upgrade_detail_con{ padding-top: 33px; padding-bottom: 90px; }
    .wrapper.sub .contents_bottom_con.artist_plan_con{ padding-top: 119px; padding-bottom: 126px; }
    .wrapper.sub .contents_bottom_con.payment_select_con{ padding-top: 60px; }








    /*      =======================================================================================================      */

    .wrapper.sub .contents_bottom_con.customer_center {padding-top: 130px;}
    .wrapper.sub .contents_bottom_con.block_design { padding-top: 70px; }
    .wrapper.sub .contents_bottom_con.landing.type_bg { padding-top: 244px; padding-bottom: 335px; }
    .wrapper.sub .contents_bottom_con.landing.wizware.type_bg { padding-top: 380px; }
    .wrapper.sub .contents_bottom_con.landing.wizware.type_bg.type_2 { padding-top: 180px; padding-bottom: 250px; }

    .wrapper.sub .contents_top_con .contents_bottom_bg { height: calc((100% + 50px) / 2); }

    .help_center .mypage_menu_wrap{top:30px;}
    .help_center .mypage_menu_wrap .mypage_menu_title{font-size:21px; font-size:2.1rem; line-height:27px; line-height:2.7rem; margin-bottom: 25px;}
    .mypage_menu_wrap .mypage_menu_con > li > a{font-size:15px; font-size:1.5rem; line-height:25px; line-height:2.5rem; }
    .mypage_menu_wrap .mypage_menu_con > li.active > ul{margin-top: 7px;}
    .mypage_menu_wrap .mypage_menu_con > li > ul > li{margin-bottom: 3px;}
}

@media all and (min-width: 1200px){

    .wrapper.sub.help_center .container{padding-top: 110px;}
    .wrapper.sub.help_center .container .contents_wrap > div > div:not(#wevenNewsView){padding-top: 105px;}

    /* 위븐이용권 */
    .wrapper.sub .contents_bottom_con.upgrade_type_con{padding-top: 30px;}
    /*.wrapper.sub.mypage .container_box { padding-top: 215px; }*/
    .mypage_menu_wrap{ top: 215px; }

    .wrapper.sub .contents_bottom_con.landing.wizware.type_bg { margin-top: -420px; padding-top: 480px; }

    /*      =======================================================================================================      */

    /*즉시 - 23.06.01 jde*/

    /*contents_bottom_con  -- 기본*/
    .wrapper.sub .contents_bottom_con{ max-width: 1150px; }
    /*contents_bottom_con type  -- max-width 타입*/
    .wrapper.sub .contents_bottom_con.type_2{ max-width: 1150px; }
    .wrapper.sub .contents_bottom_con.type_3{ max-width: 1150px; }
    .wrapper.sub .contents_bottom_con.type_6{ max-width: 1050px; } /*이용권 결제*/
    /*contents_bottom_con  -- padding 재정의*/








    /*      =======================================================================================================      */

}

@media all and (min-width: 1280px){
    .mypage_con .lnb_menu_wrap.mypage { display: none;}

    .wrapper.sub.mypage .container_inner .sidebar_wrap{ display: block;}
    .wrapper.sub.mypage.faq .container_inner .container_box { max-width: calc(100% - 240px); }

    .wrapper.sub.mypage .container_inner .sidebar_wrap.help_center{position: relative; z-index: 0; display: block; width: 240px; height: auto; overflow-y: unset; padding-top: 0; padding-left: 50px; transform: translateX(0);}
    .help_center .mypage_menu_wrap{margin-top:216px; top:100px;}
    .wrapper.sub.mypage .container_inner .sidebar_dim{display: none !important;}

    .wrapper.sub.mypage.faq .tab_style_1_wrap.type_3 { display: none; }

    .mypage_menu_wrap .mypage_menu_con > li { margin-bottom: 5px; }
    .mypage_menu_wrap .mypage_menu_con > li > a:hover { color: #453fe8; }
}

@media all and (min-width: 1400px) {
    .wrapper.sub .contents_bottom_con.landing { padding-bottom: 20px; }
}

@media all and (min-width: 1600px){
    .wrapper.sub.mypage .container_inner .sidebar_wrap { padding-left: 65px; width: 300px;}
    .wrapper.sub.mypage .container_inner .sidebar_wrap.help_center { padding-left: 65px; width: 300px;}
    .wrapper.sub.mypage.faq .container_inner .container_box { max-width: calc(100% - 300px); }

    .mypage_menu_wrap .mypage_menu_con > li > a { font-size:17px; font-size:1.7rem; line-height:26px; line-height:2.6rem;  }

    .wrapper.sub .contents_bottom_con.landing.wizware.type_bg { margin-top: -600px; padding-top: 680px; padding-bottom: 350px; }
    .wrapper.sub .contents_bottom_con.landing.wizware.type_bg.type_2 { padding-bottom: 300px; }
}

@media all and (min-width: 1800px){
    /*.wrapper.sub.mypage .container_box { padding-bottom: 218px; }*/
    .wrapper.sub .contents_bottom_con.landing.type_bg { padding-top: 334px; padding-bottom: 436px; }
    .wrapper.sub .contents_bottom_con.landing.wizware.type_bg { padding-bottom: 400px; }
    .wrapper.sub .contents_bottom_con.landing.wizware.type_bg.type_2 { padding-top: 300px; padding-bottom: 400px; }
}

@media all and (min-width: 2200px) {
    .wrapper.sub .contents_bottom_con.landing.type_bg { padding-top: 384px; padding-bottom: 535px; }
    .wrapper.sub .contents_bottom_con.landing.wizware.type_bg { margin-top: -700px; padding-top: 800px; }
    .wrapper.sub .contents_bottom_con.landing.wizware.type_bg.type_2 { padding-top: 400px; }
}

@media all and (min-width: 2500px) {

    .wrapper.sub.mypage .container_inner .sidebar_wrap { width: 450px; }
    .wrapper.sub.mypage .container_inner .sidebar_wrap.help_center { width: 400px; }
    .wrapper.sub.mypage.faq .container_inner .container_box { max-width: calc(100% - 400px); }

    .wrapper.sub .contents_top_con.block_design .contents_bottom_bg { bottom: -187px; height: calc(50% + 187px); }
}

@media all and (min-width: 2800px) {
    .wrapper.sub .contents_bottom_con.landing.type_bg { background-size: 100% 3948px; }
    .wrapper.sub .contents_bottom_con.landing.wizware.type_bg { background-size: 100% 4108px; }
}