@charset "utf-8";

.wrapper.sub .container{flex: 1 0 auto; padding-top: 110px;}
.wrapper.sub .container_box{overflow: hidden;}

.wrapper.sub.login{overflow: hidden;}
.wrapper.sub.login .container{padding-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 .container_inner::after{content: none; position: absolute; z-index: -1; width: 300px; height: 100%; top:0; left:0; background-color: #f8f7fc;}*/

.wrapper.sub.mypage { overflow: visible; }
.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;}
.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);  }
.wrapper.sub .contents_bottom_con{position: relative; padding-bottom: 90px; overflow: hidden; padding-top: 20px;}
.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: calc(100% - 158px);}*/
.wrapper.sub .contents_bottom_con.customer_center .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.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-family:"Carmen Sans"; 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:#6738ff; }
.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 #6738ff; 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-family:"Helvetica Neue", "Carmen Sans"; 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: 500; 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-family:"Helvetica Neue", "Carmen Sans"; 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:#6738ff;}
/*도움말*/
.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-family:"Helvetica Neue", "Carmen Sans"; 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:#6738ff;}
.mypage_menu_wrap .mypage_menu_con > li > ul > li > a > span{display: block; overflow: hidden; word-break: keep-all; word-wrap:break-word;}

/*.mypage_con{overflow: hidden; float:none; max-width: 1000px; margin-left: auto; margin-right: auto;}*/

@media all and (min-width: 992px) {
    .wrapper.sub .container{padding-top: 150px;}

    .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.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::after{ top: 6px;}
    .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;}
    /*.lnb_menu_wrap .lnb_menu_con > li.active a.active{ padding-bottom: 17px;}*/

    .wrapper.sub .contents_bottom_con{padding-bottom: 150px; padding-top: 30px; }
    .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.site_open{padding-bottom: 50px;}*/

    .wrapper.sub .contents_top_con .contents_bottom_bg { height: calc((100% + 50px) / 2); }
    /*.wrapper.sub .contents_bottom_con.customer_center .contents_bottom_bg{height: calc(100% - 368px);}*/
    /*.wrapper.sub .contents_bottom_con.first_num .contents_bottom_bg{height: calc(100% - 51px);}*/

    .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 .container{padding-top: 215px;}

    .wrapper.sub.help_center .container{padding-top: 110px;}
    .wrapper.sub.help_center .container .contents_wrap > div > div:not(#wevenNewsView){padding-top: 105px;}

    .wrapper.sub.mypage .container_box { padding-top: 215px; }
    .mypage_menu_wrap{ top: 215px; }
}

@media all and (min-width: 1280px){
    .mypage_con .lnb_menu_wrap.mypage { display: none;}
    /*.wrapper.sub.mypage .container_inner::after{content: ''; width: 246px;}*/
    /*.wrapper.sub.mypage .mypage_menu_wrap{display: block; width: 300px; margin-top: 73px;}*/
    /*.mypage_con{ width: calc(100% - 300px); }*/

    .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: #6738ff; }
}

@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.mypage .container_box{padding-top: 260px;}*/

    /*.wrapper.sub.mypage .container_inner::after{ width: 360px; }*/
    /*.wrapper.sub.mypage .mypage_menu_wrap{ width: 360px; }*/
    /*.mypage_con{ width: calc(100% - 360px); }*/
}

@media all and (min-width: 1800px){
    .wrapper.sub.mypage .container_box { padding-bottom: 218px; }
    /*.wrapper.sub.mypage .container_inner::after{ width: 360px; }*/

    /*.wrapper.sub.mypage .mypage_menu_wrap{ width:calc((100% - 600px) / 2);}*/

    /*.mypage_con{float: right; max-width: none; width:calc(100% - ((100% - 600px) / 2)); padding-bottom: 218px;}*/
}

@media all and (min-width: 1920px){

    /*.mypage_con{float:left;}*/
}

@media all and (min-width: 2366px){
    /*.wrapper.sub.mypage .mypage_menu_wrap{ width:calc((100% - 800px) / 2);}*/

    /*.mypage_con{ width:calc(100% - ((100% - 800px) / 2)); }*/
}

@media all and (min-width: 2500px) {
    /*.wrapper.sub .contents_top_con .contents_bottom_bg { height: calc(100% - 731px); }*/
    /*.lnb_menu_wrap .lnb_menu_con > li.active a.active::after{ border-top: 8px solid #6738ff; border-left: 8px solid transparent; border-right: 8px solid transparent;}*/

    .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: 2566px){
    /*.mypage_con.faq{padding-right: 0;}*/
}

@media all and (min-width: 2710px){
    /*.wrapper.sub.mypage .container_inner:after{width: calc((100% - 1000px) / 2 - 405px);}*/

}