:root {
    --section_bg_01: #e9f2ff;
    --section_bg_02: #fff;
    --section_bg_03: #818181;

    --border_color_01: #e2e2e2;
    --border_rd_20: 20px;
    --border_rd_100: 100px;

    --active_color_01: #2174ff;
    --hover_color_01: #f4f4f4;

    --help_txt_color_01: #626262;
    --help_txt_color_02: #4a4a4a;
}


.content_div_motion {
    overflow: hidden;
    -webkit-transition: transform 0.5s;
    transition: transform 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.fontcolor3e3e43 {
    color: #3e3e43;
}


/* 공통 */
.wrapper.sub .container{ padding-top: 0 !important; }
.chip_list {display: flex; align-items: center; gap: 5px; flex-wrap: wrap;}
.chip {background-color: #fff; border: 1px solid var(--border_color_01); border-radius: var(--border_rd_100); transition: background-color 0.2s, color 0.2s; cursor: pointer; white-space: nowrap;}
.grid_con {margin-top: 60px; display: grid; gap: 20px;}
.favorite_container .no_data {margin-top: 60px; font-size: 15px; font-size: 1.5rem; font-weight: 400;}
.hc_container {max-width: 1200px; margin: 0 auto;}
.icon_input {position: relative; }
.icon_input::before {content: ''; position: absolute; top: 50%; left: 28px; margin-top: -1px; transform: translateY(-50%); width: 16px; height: 18px; background: url(/weven_template/theme/weven/resource/img/Z.png) center no-repeat; background-size: contain;}

/* help center(gate) */
.hc_contents_top_con {position: relative; background: linear-gradient(to bottom, #262626, #0d0e0c); /* background-color: #262626; */ padding: 35px 20px 55px; overflow: hidden; z-index: 1;}
.hc_contents_top_con::after {content: ''; width: 100%; height: 100%; position: absolute; top:50%; right: -370px; transform: translateY(-50%); background: url(/weven_template/theme/weven/resource/img/Z_top_bg.png) center no-repeat; background-size: 180px; opacity: 0.7; margin-top: 3px; z-index: -1;}
.hc_contents_top_con.list_contents_top_con::after {content: ''; width: 100%; height: 100%; position: absolute; top:50%; right: -370px; transform: translateY(-50%); background: url(/weven_template/theme/weven/resource/img/Z_top_bg.png) center no-repeat; background-size: 160px; opacity: 0.7; margin-top: 20px; z-index: -1;}

.hc_contents_top_con .contents_top_wrap {display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 2;}
.hc_contents_top_con .contents_title {text-align: center; font-size: 33px; font-weight: 800; line-height: 40px; background: linear-gradient(to right, #fff, #2174ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; word-spacing: -0.07em; letter-spacing: -0.03em; margin-bottom: 0; cursor: default;}
.hc_contents_top_con .help_center_search {position: relative; margin-top: 25px; max-width: 430px; width: 100%;}
.hc_contents_top_con .help_center_search input {width: 100%; padding: 17px 45px 16px 54px; border: 1px solid var(--border_color_01);  border-radius: 73.5px; box-sizing: border-box; outline: none; color: #000; font-size: 16px; font-weight: 700; overflow: hidden;}
.hc_contents_top_con .help_center_search input::placeholder {color: #cbcbd4; font-weight: 400; font-size: 16px;}
.hc_contents_top_con .help_center_search .input_search_btn,
.list_top_con .input_search_btn {position: absolute; width: 41px; height: 100%; right: 8px; background-image: url(/weven_service/asset/img/svg/search_24dp_000000_FILL0_wght600_GRAD0_opsz24.svg); background-size: 20px; background-repeat: no-repeat; background-position: center center; margin-top: -1px; z-index: 10000001;}
.hc_contents_top_con .recommend_keywords {display: flex; flex-direction: row; align-items: center; gap: 14px; margin-top: 24px;}
.hc_contents_top_con .reco_title {font-size: 15px; font-weight: 700; color: #fff; margin-top: 1px;}
.hc_contents_top_con .reco_list .reco_item a{display: block; padding: 7px 15px 6px 15px; font-size: 13px; font-weight: 400; background-color: #3a3b3d; color: #fff; /* border: 1px solid transparent; */ border: none;}
.hc_contents_top_con .reco_list .reco_item:hover a{background-color: #484a4d; /* color: #000; */}


.help_center {margin: 0; display: flex;}
.help_center .help_center_container {background-color: var(--section_bg_02);}

.help_center .help_center_contents {padding: 28px 20px 50px;}
.help_center .notice_banner { text-align: center; position: relative; margin-bottom: 60px; display: flex; flex-direction: row; align-items: center;justify-content: flex-start; border-radius: var(--border_rd_20); box-sizing: border-box; /* padding-bottom: 30px; */}
.help_center .notice_banner_inner{ display: flex; align-items: center; flex-direction: row; gap: 10px 12px;}
/* .help_center .notice_banner {text-align: center; position: relative; margin-bottom: 60px; background-color: #fff; padding: 14px 43px 14px 30px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; grid-template-areas: ". center right"; } */
.help_center .notice_title { font-size: 13px; font-weight: 700; letter-spacing: -0.02em; padding: 7px 13px 7px 15px; border-color: #cad5dd;}
.help_center .notice_scroll { position: relative; cursor: pointer; width: 210px; max-height: 28px; height: 28px; overflow: hidden; text-align: left;}
.help_center .notice_scroll .notice_item {display: inline-flex; align-items: center; position: absolute; min-width: 0; width: 100%; height: 100%; line-height: 20px; }
.help_center .notice_scroll .notice_item a {display: block; width: 100%; min-width: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 16px; line-height: 25px; font-weight: 700; color: #000;}
.help_center .notice_scroll:hover .notice_item a {color: #000;}
.help_center .notice_more { cursor: pointer; position: absolute; bottom: 7px; right: 4px; font-size: 13px; font-weight: 700; color: #3983ff; padding-right: 7px; flex: 0 0 auto; letter-spacing: -0.02em;}
.help_center .notice_more::after {position: absolute; top: 50%; right: -4px; content: ''; width: 4px; height: 4px; border-top: 2px solid #3983ff; border-right: 2px solid #3983ff; transform: translateY(-50%) rotate(45deg); color: inherit;}
/* .help_center .notice_more:hover {color: #000;} */


.help_center .first_guide{display: flex; flex-direction: column; align-items: center; margin-top: 50px; text-align: center;}
.help_center .fg_title {width: fit-content; font-size: 27px; font-weight: 800; margin-bottom: 13px; background: linear-gradient(to right, #5ab5ed, #2b75f1); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; word-spacing: -0.07em; letter-spacing: -0.03em;}
.help_center .fg_sub_title {font-size: 14px; font-weight: 400; word-break: keep-all; }
.help_center .fg_card_container {grid-template-columns: none; margin-top: 38px; gap: 14px;}
/* .help_center .fg_card {background-color: #fff; padding: 33px; border-radius: var(--border_rd_20); display: flex; flex-direction: row;  align-items: center; cursor: pointer; transition: transform 0.3s ease; box-shadow: 3px 7px 17px 0 rgba(0, 0, 0, 0.15); transform: translateY(0px);}  */
.help_center .fg_card {display: flex; flex-direction: column; justify-content: center; padding: 30px 85px 26px 85px; align-items: center; border-radius: 12px; cursor: pointer; transition: transform 0.3s ease; box-shadow: 3px 4px 9px 0 rgba(0, 0, 0, 0.14); transform: translateY(0px);}
.help_center .fg_card_img {display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; flex: 0 0 64px; box-sizing: border-box;}
.help_center a:first-child .fg_card_img {background-color: #6425ff;}
.help_center a:nth-child(2) .fg_card_img {background-color: #3983ff;}
.help_center a:last-child .fg_card_img {background-color: #31b647;}
.help_center .fg_card_img .icon {display: inline-block; object-fit: cover; flex: 1; width: 30px; height: 30px; background-color: #fff; mask-size: 30px 30px; margin-left: 2px;}
.help_center .svg_star {-webkit-mask: url(/weven_service/asset/img/svg/wand_stars_28dp_1F1F1F_FILL0_wght400_GRAD0_opsz24__.svg); mask: url(/weven_service/asset/img/svg/wand_stars_28dp_1F1F1F_FILL0_wght400_GRAD0_opsz24__.svg) no-repeat center;}
.help_center .svg_edit {-webkit-mask: url(/weven_service/asset/img/svg/edit_28dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.svg); mask: url(/weven_service/asset/img/svg/edit_28dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.svg) no-repeat center;}
.help_center .svg_checklist {-webkit-mask: url(/weven_service/asset/img/svg/checklist_28dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.svg); mask: url(/weven_service/asset/img/svg/checklist_28dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.svg) no-repeat center;}
.help_center .fg_card_txtbox {display: block; flex-direction: column; align-items: flex-start; word-break: keep-all; }
.help_center .fg_card_title {font-size: 18px; font-weight: 800; word-spacing: -0.02em; letter-spacing: -0.02em; margin-top: 17px;}
.help_center .fg_card_container a:first-child .fg_card_title {color: #6425ff;}
.help_center .fg_card_container a:nth-child(2) .fg_card_title {color: #3983ff;}
.help_center .fg_card_container a:last-child .fg_card_title {color: #31b647;}
.help_center .fg_card_txt {margin-top: 4px; font-size: 14px; font-weight: 400; line-height: 20px;}
.help_center .fg_card_link {margin-top: 10px; font-size: 13px; font-weight: 700; color: #000; position: relative;}
.fg_card:hover {transform: translateY(-5px);}


.help_center .popular_guide{margin-top: 60px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.help_center .pg_title {width: fit-content; font-size: 27px; font-weight: 800; margin-bottom: 31px; background: linear-gradient(to right, #5ab5ed, #2b75f1); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; word-spacing: -0.07em; letter-spacing: -0.03em;
}
.help_center .pg_list {justify-content: center;}
.help_center .pg_list .pg_item {font-size: 16px; font-weight: 500; color: var(--help_txt_color_01);}
.help_center .pg_item.chip {width: max-content; text-align: center;}
.help_center .pg_list .pg_item a {padding: 7px 15px; display: block; color: #000; font-size: 13px;}
.help_center .pg_list .pg_item:hover {background-color: #eff1ff;}
.help_center .pg_list .pg_item.active, .help_center .pg_list .pg_item:active {background-color: #000; border: 1px solid transparent;}
.help_center .pg_list .pg_item.active a, .help_center .pg_list .pg_item:active a {font-weight: 700; color: #fff;}

.favorite_container {max-width: 1200px; width: 100%;}
.help_center .pg_card_container {display: grid; margin-top: 60px; max-width: 1200px; margin: 0 auto; grid-template-columns: repeat(2, 1fr); margin-top: 40px; gap: 12px;}
.help_center .pg_card {min-width: 0; position: relative; background-color: var(--section_bg_02); border: 1px solid #e6eaf1; padding: 21px 30px 20px 23px; border-radius: 10px; transition: border-color 0.4s; /* height: 90px;  */transition: transform 0.3s ease; transform: translateY(0px); }
.help_center .pg_card:hover {background-color: #f9fafd; border: 1px solid #dde2eb; box-shadow: 3px 4px 3px 0 rgba(0, 0, 0, 0.06);  transform: translateY(-5px);}
.help_center .pg_card .stretched_link {position: static;}
.help_center .pg_card .stretched_link::after {position: absolute; inset: 0; border-radius: inherit; content: ''; z-index: 1;}
/* .help_center .pg_card .stretched_link:focus::after {outline: 2px solid #000; border-radius: var(--border_rd_20);} */
.help_center .pg_card_ques {position: relative; font-size: 15px; font-weight: 700; padding-left: 23px; line-height: 21px; min-height: 50px; word-break: keep-all; overflow-wrap: anywhere;}
.help_center .pg_card_ques::before {position: absolute; top: 0; left: 0; content: 'Q.'; color: #1a70ff;}
.help_center .pg_card_hashtag {margin-top: 17px; padding-left: 23px; display: flex; flex-wrap: wrap; align-self: center; justify-content: left; gap: 4px;}
.help_center .pg_card_hashtag li { display: inline-block; }
.help_center .pg_card_hashtag a { display: inline-block; padding: 5px 8px 6px 8px; border-radius: 3px; position: relative; z-index: 2; background-color: #ecf0f5; color: var(--help_txt_color_01); font-size: 11px; font-weight: 600;  white-space: nowrap;}
.help_center .pg_card_hashtag li:hover a{background-color: #3c3c3c; color: #fff;}

.help_center .popular_guide .help_more_btn {margin-top: 43px; text-align: center; }
.help_center .popular_guide .help_more_btn:hover a {background-color: var(--hover_color_01);}
.help_center .popular_guide .help_more_btn a {color: var(--help_txt_color_01); font-size: 17px; font-weight: 500; padding: 11px 35px; line-height: 30px;}
.help_center .popular_guide .help_more_btn a img {margin-bottom: 3px;}

.help_center .qna_hc_container {max-width: 1200px; margin: 0 auto; padding: 0 20px;}
.help_center .help_center_qna {padding: 30px 20px 33px 46px; background-color: #3983ff; display: flex; flex-direction: row; justify-content: center; gap: 20px;  align-items: center;  word-break: keep-all; border-radius: 15px;}
.help_center .qna_icon {width: 120px; height: 120px; background: url(/weven_template/theme/weven/resource/img/icon_chatting.png) center no-repeat; background-size: 96px;}
.help_center .qna_title {color: #fff; font-size: 22px; font-weight: 800; word-spacing: -0.07em; letter-spacing: -0.03em;}
.help_center .qna_txt {color: #fff; font-size: 15px; font-weight: 400; line-height: 19px; margin-top: 8px;}
.help_center .qna_btn {display: inline-block; margin-top: 18px; background-color: #fff; padding: 11px 19px 11px 22px; border-radius: var(--border_rd_100); font-size: 14px; font-weight: 700; transition: all 0.3s; color: #000;}
.help_center .qna_btn:hover {background-color: #000; color: #fff; font-weight: 700;}



/* 동영상 메뉴얼(임시) */
.help_center_video {background-color: var(--section_bg_01); padding: 70px 20px 84px; margin-bottom: 50px;}
.video_title {font-size: 38px; font-weight: 700; margin-bottom: 54px;}
.video_contents {display: grid; grid-template-columns: none; gap: 40px; text-align: center;}
.video_item {display: flex; flex-direction: column; gap: 23px; min-width: 0; }
.video_player {width: 100%; height: 334px; background-color: #d9d9d9; border-radius: var(--border_rd_20); overflow: hidden; cursor: pointer; }
.video_txt {font-size: 24px; font-weight: 700;}
.video_pagination {margin-top: 48px; display: flex; align-items: center; justify-content: center;}
.vp_con {background-color: #fff; display: flex; align-items: center; padding: 5px; gap: 5px;}
.pagination_dot {display: inline-block; width: 28px; height: 28px; background-color: #f4f7f9; border-radius: 50%; cursor: pointer; transition: background-color 0.2s; background-size: 12px 12px; background-repeat: no-repeat; background-position: center center;}
.vp_con > .pagination_dot:first-of-type {background-image: url(/weven_template/theme/weven/resource/img/pagination_style_0_double_left_arrow.png);}
.vp_con > .pagination_dot:nth-of-type(2) {background-image: url(/weven_template/theme/weven/resource/img/pagination_style_0_single_left_arrow.png); background-size: 8px 12px;}
.vp_con > .pagination_dot:nth-last-of-type(2) {background-image: url(/weven_template/theme/weven/resource/img/pagination_style_0_single_right_arrow.png); background-size: 8px 12px;}
.vp_con > .pagination_dot:last-of-type {background-image: url(/weven_template/theme/weven/resource/img/pagination_style_0_double_right_arrow.png);}
.pagination_dot:hover {background-color: #c5d2d9}
.vp_con > .pagination_dot:first-of-type:hover {background-image: url(/weven_template/theme/weven/resource/img/pagination_style_0_double_left_arrow_h.png);}
.vp_con > .pagination_dot:nth-of-type(2):hover {background-image: url(/weven_template/theme/weven/resource/img/pagination_style_0_single_left_arrow_h.png);}
.vp_con > .pagination_dot:nth-last-of-type(2):hover {background-image: url(/weven_template/theme/weven/resource/img/pagination_style_0_single_right_arrow_h.png);}
.vp_con > .pagination_dot:last-of-type:hover {background-image: url(/weven_template/theme/weven/resource/img/pagination_style_0_double_right_arrow_h.png);}
.pagination_num {font-size: 18px; font-weight: 500; padding: 0 30px;}




/* help center(list) */
.hc_list{
    --sidebar_gap: 62px;
}

.list_top_con {position: relative; padding: 42px 20px 50px; background-color: #262626;}
.help_my_qna {position: absolute; top: 10px; right: 140px; transform: translateY(-50%); font-size: 16px; font-weight: 600; color: #000; padding-right: 9px; cursor: pointer; z-index: 99;}
.list_top_con .contents_top_wrap {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.list_top_con .contents_title {font-size: 32px; font-weight: 800; background: linear-gradient(to right, #fff, #2b75f1); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; word-spacing: -0.07em; letter-spacing: -0.03em; }
.list_top_con .list_help_search {display: none; position: absolute; bottom: 6px; right: 0;}
.list_top_con .input_search_btn {background-size: 18px;}
.input_style_01 {position: relative; font-size: 16px; font-size: 1.6rem; line-height: 30px; line-height: 3rem; color: #000; font-weight: 600; padding: 8px 75px 10px 25px; border-radius: 73.5px; box-sizing: border-box; outline: none; border: none;}
.input_style_01::placeholder {font-weight: 400; color: #8f8f8f;}

.hc_list {padding: 63px 50px;}
.hc_list .sidemenu_container{ position: relative; }
.hc_list .sidemenu_container .sidemenu_wrap{ display: none; opacity: 0;  position: relative; width: 0; overflow: hidden; transition: width 0.3s;}
.hc_list .sidemenu_container .sidemenu_con{ padding-right: var(--sidebar_gap); }
.hc_list .sidemenu_container.open .sidemenu_wrap{ opacity: 1; width: 280px; }

.sidebar_header {display: flex; align-items: center; justify-content: space-between;}
.sidebar_title {font-size: 16px; font-weight: 700; white-space: nowrap; line-height: 23px; letter-spacing: -0.02em;}
.sidebar_collapse { display: none; /* display: inline-block; */ width: 16px; height: 16px; position: absolute; top: 3px; right: 30px; background-image: url(/weven_service/asset/img/svg/menu_open_24dp_000000_FILL1_wght500_GRAD0_opsz24.svg); background-size: 24px; background-repeat: no-repeat; background-position: center center; cursor: pointer; z-index: 999; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); transform: scaleX(-1); transform-origin: center center; transform-style: flat;  transform: rotateY(180deg);}
/* .sidebar_collapse:hover {background-image: url(/weven_template/theme/weven/resource/img/arrow_menu_open_hover.png);} */
.sidemenu_container.open .sidebar_collapse { display: none;  background-image: url(/weven_service/asset/img/svg/menu_open_24dp_000000_FILL1_wght500_GRAD0_opsz24.svg); right: var(--sidebar_gap); transform: rotateY(0deg);}
/* .sidemenu_container.open .sidebar_collapse:hover {background-image: url(/weven_template/theme/weven/resource/img/arrow_menu_close_hover.png)} */

.sidebar_contents {margin-top: 20px; padding-bottom: 180px;}

.sidebar_contents{ }
.sidebar_contents a{ position: relative; display: inline-block; width: 100%; box-sizing: border-box; }
.sidebar_contents ul li.depth-0{ margin-bottom: 5px; white-space: nowrap;}
.sidebar_contents ul li.depth-0 > a{/*  display: block; */ position: relative; cursor: pointer; font-size: 13px; font-weight: 600; color: #000; padding: 5px 26px; }
/* .sidebar_contents ul li.depth-0 > a::before {content: ''; position: absolute; top: 13px; left: 6px; width: 6px; height: 6px; border-top: 1px solid #000; border-right: 1px solid #000; transform: rotate(45deg); transition: transform 0.3s; cursor: pointer;} */
/* .sidebar_contents ul li.depth-0 > a::before {content: ''; position: absolute; top: 4px; left: -1px; width: 17px; height: 18px; background-color: #838ea1;
mask: url(/weven_service/asset/img/svg/arrow_right_24dp_000000_FILL1_wght500_GRAD0_opsz24.svg);
-webkit-mask: url(/weven_service/asset/img/svg/arrow_right_24dp_000000_FILL1_wght500_GRAD0_opsz24.svg);
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
transition: transform 0.3s; cursor: pointer; background-size: contain; display: inline-block; filter: contrast(1); } */
/* .sidebar_contents ul li.depth-0.nodep > a::before  {display: none;} */
.sidebar_contents ul li.depth-0.nodep > a::before, .sidebar_contents ul li.depth-1.nodep > a::before  {display: none;}

/* .sidebar_contents ul li.depth-0.active > a::before{transform: rotate(90deg) translateY(-2px); content: ''; background-color: #007bff;
  mask: url(/weven_service/asset/img/svg/arrow_right_24dp_000000_FILL1_wght500_GRAD0_opsz24.svg);
  -webkit-mask: url(/weven_service/asset/img/svg/arrow_right_24dp_000000_FILL1_wght500_GRAD0_opsz24.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
  filter: contrast(1); } */

/* 1depth */
.sidebar_contents ul li.depth-0 > a::before {content: ''; position: absolute; top: 5px; left: 1px; width: 15px; height: 15px; background: url(/weven_template/theme/weven/resource/img/1depth_arrow_default.png) center no-repeat; transition: transform 0.3s; cursor: pointer; background-size: contain; display: inline-block}
.sidebar_contents ul li.depth-0.active > a::before {content: ''; position: absolute; top: 5px; left: 1px; width: 15px; height: 15px;  background: url(/weven_template/theme/weven/resource/img/1depth_arrow_active.png) center no-repeat; background-size: 15px;}
/* 2depth */
.sidebar_contents ul li.depth-1 > a::before {content: ''; position: absolute; top: 6px; left: -6px; width: 15px; height: 15px; background: url(/weven_template/theme/weven/resource/img/2depth_arrow_default.png) center no-repeat; transition: transform 0.3s; cursor: pointer; background-size: contain; display: inline-block}
.sidebar_contents ul li.depth-1.active > a::before {content: ''; position: absolute; top: 6px; left: -4px; width: 15px; height: 15px;  background: url(/weven_template/theme/weven/resource/img/2depth_arrow_active.png) center no-repeat; background-size: 15px;}
/* 3depth */
.sidebar_contents ul li.depth-2 > a::before {content: '-'; position: absolute; top: 7px; left: 19px; width: 15px; height: 15px; transition: transform 0.3s; cursor: pointer; background-size: contain; display: inline-block}
/* .sidebar_contents ul li.depth-2.active > a::before {content: ''; position: absolute; top: 5px; left: 0; width: 15px; height: 15px;  background: url(/weven_template/theme/weven/resource/img/1depth_arrow_active.png) center no-repeat; background-size: 15px;} */

.sidebar_contents ul li.depth-0 ul{ padding: 5px 6px 12px 12px; }
.sidebar_contents ul li.depth-0 ul li.depth-1 > a, .sidebar_contents ul li.depth-0 ul li.depth-2 > a{ position: relative; font-size: 12px; border-radius: 5px; overflow: hidden; }
.sidebar_contents ul li.depth-1 > a {font-weight: 600; color: var(--help_txt_color_02);  padding: 7px 30px 6px 14px;}
.sidebar_contents ul li.depth-2 > a {position: relative; font-weight: 500; color: #848d99; padding: 7px 40px 6px 28px; /* padding: 1px 40px 4px 28px; */}
/* .sidebar_contents ul li.depth-0 ul li.depth-1 a::before {content: ''; position: absolute; top: 12px; left: 13px; width: 6px; height: 6px; border-top: 1px solid var(--help_txt_color_02); border-right: 1px solid var(--help_txt_color_02);; transform: rotate(45deg); transition: transform 0.3s; cursor: pointer;} */

/* 마지막 depth 일경우 효과 */
.sidebar_contents ul li.depth-0 ul li.depth-1.nodep.active > a, .sidebar_contents ul li.depth-0 ul li.depth-2.active > a{ background-color: var(--section_bg_01); color: #0079f5; font-weight: 600; }


.sidebar_contents ul li.depth-0 ul li.depth-1 > a:hover, .sidebar_contents ul li.depth-0 ul li.depth-2 > a:hover{ color: #0079f5; }
.sidebar_contents ul li.depth-0 ul li.depth-1.active > a, .sidebar_contents ul li.depth-0 ul li.depth-2.active > a{ color: #0079f5; }

/* .sidebar_contents ul li.depth-0 ul li.depth-1.active > a::before{transform: rotate(135deg);} */
/* .sidebar_contents ul li.depth-0 ul li.depth-1:not(.active) > a:hover{ background-color: var(--hover_color_01); } */
/* .sidebar_contents ul li.depth-0 ul li.depth-2{display: none;}
.sidebar_contents ul li.depth-0 ul li.depth-2.active{display: block;} */

/* 수정 전 */
/* .sidebar_contents ul li.depth-1 ul{display: none; padding: 0;} */

/* 수정 후 */
.sidebar_contents ul li.depth-1 > ul{height: 0; overflow: hidden; padding: 0;}


.help_center_main_con{ flex: 1 1 auto; }
.help_list{ position: relative; }

#zmHelpCenter .sub_contents_title {padding-bottom: 25px;}
#zmHelpCenter .help_list {border: 1px solid #e9eff3; padding: 17px 18px 17px 21px; font-size: 15px; font-size: 1.3rem; font-weight: 600; border-radius: 7px; margin-top: 8px;}
#zmHelpCenter .help_list:hover { border-color: #e9eff3; cursor: pointer; background-color: #f5f7f9; color: #007bff; font-weight: 700;}
#zmHelpCenter .help_list:hover::after {opacity: 1;}
#zmHelpCenter .help_list::after { content: ''; position: absolute; width: 20px; height: 20px; background-image: url(/weven_service/asset/img/svg/icons8-arrow_right_1.svg); background-position: center center; background-size: 17px; background-repeat: no-repeat; top: 14px; right: 10px; opacity: 0.4;}
#zmHelpCenter .page_sub_box_list_wrap .page_sub_box_list:first-child {margin-top: 0;}
#zmHelpCenter .category2_title {letter-spacing: -0.02em;}
#zmHelpCenter .btn_style_0 {border-radius: 8px; padding: 12px 35px 11px 35px;}




/* help center(merge) */
.hc_main_container {display: flex; flex-direction: column; width: 100%;}
.hc_main_container .help_center_main_con {margin-bottom: 30px;}
.hc_main_container .clicked_menu_title_wrap{padding: 0; border: none;}
.hc_main_container .breadcrumb {padding: 3px 0 0 0; font-weight: 600; cursor: pointer; font-size: 14px;}
.hc_main_container .breadcrumb a:hover {text-decoration: underline; text-underline-offset: 2px;}
.hc_main_container .breadcrumb:first-child a {padding: 0px 5px 15px 0;}
.hc_main_container .breadcrumb:nth-child(3) a {padding: 0px 5px 15px 5px;}
.hc_main_container .clicked_menu_title {letter-spacing: -0.02em; font-weight: 800; margin-top: 8px;}
.hc_main_container .help_qna_link {padding-top: 28px; margin-top: 48px; background-color: #f2f6fb; padding: 24px 24px 24px 24px; border-radius: 12px;}
.hc_main_container  .qna_link_con {display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column; text-align: left; gap: 20px;}
.hc_main_container  .qna_link_txt {font-size: 14px; font-weight: 500; color: #000; line-height: 22px;}
.hc_main_container .txt_blue {color: #007bff;}
.hc_main_container .qna_link_btn {position:relative; background-color: #fff; color: #007bff; border-radius: 7px; padding: 6px 27px 6px 18px; font-size: 14px; line-height: 30px; font-weight: 700; cursor: pointer; transition: background-color 0.3s;}
.hc_main_container .qna_link_btn::after {position: absolute; top: 50%; right: 17px; content: ''; width: 4px; height: 4px; border-top: 1px solid #007bff; border-right: 1px solid #007bff; transform: rotate(45deg) translateY(-50%); color: inherit; margin-top: -1px;}
/* .qna_link_btn:hover {background-color: #000; color: #fff;} */

.hc_main_container .clicked_menu_right {background-position: top -1px left -5px;}






@media (min-width: 480px) {
/* .help_center .notice_banner_inner {flex-direction: row; gap: 0px 12px;} */

}

@media (min-width: 768px) {
    .hc_contents_top_con {padding: 25px 20px 55px;}
    /* .help_center .pg_card {height: 75px;} */
    .help_center .notice_scroll { width: 320px;}
    .help_center .notice_more {top: 50%; bottom: unset; transform: translateY(-50%);}
    .help_center .notice_banner {justify-content: center;}
    /* .help_center .first_guide {margin-top: 50px;} */
    /* .help_center .popular_guide{margin-top: 60px;} */
    /* .help_center .help_center_contents {padding: 28px 20px 70px;} */
    .help_center .help_center_qna {padding: 40px 20px 41px 20px; border-radius: 20px;}
    .hc_main_container .qna_link_con {display: flex; justify-content: space-between; align-items: center; flex-direction: row; text-align: left;}
    .help_center .qna_icon {background-size: 120px;}
    .help_center .qna_title {color: #fff; font-size: 25px;}
    .help_center .qna_txt {margin-top: 0; line-height: 37px;}
    .hc_main_container .help_qna_link {padding: 24px 24px 24px 31px;}
    .help_center .qna_btn {margin-top: 10px;}
}
@media (min-width: 992px) {
    .help_center .fg_card_container {grid-template-columns: repeat(3, 1fr);}

    .hc_list {margin-top: 13px; display: flex; }
    .hc_list .sidemenu_container .sidemenu_wrap{display: block; }
    .sidemenu_container .sidebar_collapse { display: inline-block; }
    .sidemenu_container.open .sidebar_collapse { display: inline-block; }

    .list_top_con .list_help_search {display: block;}

}

@media (min-width: 1200px) {

    .help_center .pg_card_container { grid-template-columns: repeat(4, 1fr);}
    .video_contents {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}

}