@charset "UTF-8";
/*
    [제목] 마스 리스트 페이지 CSS
    [생성일] 2024-12
    [내용] 마스 뷰 페이지 에 있는 레이아웃 스타일을 포함하고 있음.
    [비고] CSS 작성시 핀업 디자인팀 내부에 규정하고 있는 CSS 작성 규칙를 준수하여 작성할 것.
*/

.list_wrap { width:100%; max-width:1200px; height:auto; }
.list_wrap.flex_row { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; gap:15px; flex-direction:row;}
.list_wrap.flex_column { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; flex-direction:column; }

.list_cont.non_list { display:-webkit-box; display:-ms-flexbox; display:flex; height:58px; justify-content:center; align-items:center; border-radius:5px; background:#f8f8f8; color:#999;  }

.list_cont.vertical01 { -webkit-flex:0 0 228px; -ms-flex:0 0 228px; flex:0 0 228px; position:relative; width:228px; padding:20px; border:1px solid #ededed; border-radius:10px; cursor:auto; }
.list_cont.vertical01:hover { /*background:#f8f8f8;*/ }
.list_cont.vertical01 .ic { position:absolute; top:20px; right:20px; width:34px; height:23px; }
.list_cont.vertical01 .ic.flag_ko { background:url(/images/flag-ko.png) }
.list_cont.vertical01 .ic.flag_us { background:url(/images/flag-us.png) }
.list_cont.vertical01 .cm_txt { display:block; height:22px; padding-right:50px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

.list_cont.vertical02 { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; flex-direction:column; gap:5px 0; -webkit-flex:1 1 calc(25% - 7px); -ms-flex:1 1calc(25% - 7px); flex:1 1 calc(25% - 7px); max-width:288.8px; position:relative; padding:20px; border:1px solid #ededed; border-radius:10px; cursor:pointer; }
.list_cont.vertical02:hover { background:#f8f8f8; }
.list_cont.vertical02 .cm_txt { display:-webkit-box; height:44px; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden;}
.list_cont.vertical02 .cm_smtxt { display:-webkit-box; height:60px; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden; }
.list_cont.vertical02 .cm_xsmtxt { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; position:relative; justify-content:flex-end; gap:0 12px; margin-top:5px; align-items:center; }
.list_cont.vertical02 .cm_xsmtxt span { position:relative; height:16px;  }
.list_cont.vertical02 .cm_xsmtxt span + span:before { display:block; content:''; position:absolute; top:50%; left:-7px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:2px; height:2px; border-radius:50%; background:#aaa; }

.list_cont.vertical03 { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; flex-direction:row; padding:10px; padding-right:10px; gap:0 10px; justify-content:space-between; position:relative; border:1px solid #ededed; border-radius:5px; cursor:pointer; }
.list_cont.vertical03:hover { background:#f8f8f8; }
.list_cont.vertical03.on { background:rgba(191, 160, 4, 0.1); }
.list_cont.vertical03 .box_stock { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; flex-direction:column; gap:2px 0; -webkit-flex:1 1 120px; -ms-flex:1 1 120px; flex:1 1 120px; max-width:120px; }
.list_cont.vertical03 .box_stock .cm_smtxt_b { height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.list_cont.vertical03 .box_time { align-self:center; margin-right:28px; }
.list_cont.vertical03 .btn_del { display:block; position:absolute; top:50%; right:10px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:18px; height:18px; background:url('/images/regular-xmark-s.png') no-repeat center center; }
.list_cont.vertical03 .ic_bookmark { display:block; position:absolute; top:50%; right:10px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:18px; height:18px; background:url(/images/regular-bookmark.png) no-repeat center center; cursor:pointer; }
.list_cont.vertical03 .ic_bookmark.on { background-image:url('/images/solid-bookmark.png'); }

.list_cont.vertical04 { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; width:280px; padding:20px; border-radius:10px; background:#fff; justify-content:space-between; }
.list_cont.vertical04 .lable { width:80px; }
.list_cont.vertical04 .vlaue { width:calc(100% - 90px); }

.list_cont.vertical05 { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; flex-direction:column; gap:5px 0; position:relative; padding:20px; border:1px solid #ededed; border-radius:10px; cursor:pointer; }
.list_cont.vertical05:hover { background:#f8f8f8; }
.list_cont.vertical05 .cm_thumb_wrap { width:100%; height:106px; }
.list_cont.vertical05 .cm_txt { display:-webkit-box; height:44px; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden;}
.list_cont.vertical05 .cm_txt_b { display:-webkit-box; height:44px; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden;}
.list_cont.vertical05 .cm_smtxt { display:-webkit-box; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.list_cont.vertical05 .cm_xsmtxt { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; position:relative; gap:0 12px; margin-top:5px; align-items:center; }
.list_cont.vertical05 .cm_xsmtxt span { position:relative; height:16px;  }
.list_cont.vertical05 .cm_xsmtxt span + span:before { display:block; content:''; position:absolute; top:50%; left:-7px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:2px; height:2px; border-radius:50%; background:#aaa; }
.list_cont.vertical05 .box_user { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; gap:0 10px; align-items:center; }
.list_cont.vertical05 .box_user .box_profile  { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; gap:0 5px; align-items:center; }
.list_cont.vertical05 .box_user .box_profile .cm_thumb_wrap { width:30px; height:30px; border-radius:50%; border:1px solid #ededed; }


.list_cont.box_head { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; flex-direction:row; gap:0; }
.list_cont.box_head span { padding:14px 10px; border-top:1px solid #ededed; color:#777; font-size:15px; line-height:22px; }

.list_cont.horizon01 { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; flex-direction:row; gap:0 10px; padding:5px 10px; border-radius:10px; cursor:pointer; }
.list_cont.horizon01:hover { background:#f8f8f8 /*!important;*/ }
.list_cont.horizon01 span { font-size:13px; line-height:20px; }
.list_cont.horizon01 span.cm_xsmtxt { font-size:13px; line-height:20px; }

.list_cont.horizon02 {  display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; flex-direction:column; gap:2px 0; padding:5px 10px; border-radius:10px; cursor:pointer; }
.list_cont.horizon02:hover { background:#f8f8f8; }
.list_cont.horizon02 .cm_smtxt { display:block; height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

.list_cont.horizon03 { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; border-radius:10px; }
.list_cont.horizon03 * { font-size:13px; line-height:20px;  }
.list_cont.horizon03 > * { padding:10px; text-align:left; align-self:center }

.list_cont.horizon04 { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; border-radius:10px; gap:0 20px; padding:20px; border-radius:10px; background:#fff; align-items:center; cursor:pointer; }
.list_cont.horizon04:hover { background:#fcfcfc; }
.list_cont.horizon04 .ic_bookmark { display:block; width:18px; height:18px; background:url(/images/regular-bookmark.png) no-repeat center center; cursor:pointer; }
.list_cont.horizon04 .ic_bookmark.on { background-image:url('/images/solid-bookmark.png'); }
.list_cont.horizon04 .cell_01 { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; gap:0 5px; max-width:300px; align-items:center; }
.list_cont.horizon04 .cell_02 { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; gap:0 5px; margin-left:auto; align-items:center; }

.list_cont.horizon05 { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; gap:0 20px; align-items:center; cursor:pointer; }
.list_cont.horizon05 > .cm_thumb_wrap { -webkit-flex:0 0 160px; -ms-flex:0 0 160px; flex:0 0 160px; width:160px; height:90px; border-radius:10px; border:1px solid #ededed; overflow:hidden; }
.list_cont.horizon05 > .cm_thumb_wrap img { transform: scale(1); transition: transform 0.15s linear;}
.list_cont.horizon05:hover > .cm_thumb_wrap img { transform: scale(1.1); transition: transform 0.15s linear;}
.list_cont.horizon05:hover dt { font-weight:700; }
.list_cont.horizon05 dl { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; flex-direction:column; gap:5px 0; -webkit-flex:1 0 calc(100% - 180px); -ms-flex:1 0 calc(100% - 180px); flex:1 0 calc(100% - 180px); overflow:hidden; }
.list_cont.horizon05 dl dt {white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.list_cont.horizon05 dl dd.cm_smtxt {white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.list_cont.horizon05 .box_user { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; gap:0 10px; align-items:center; }
.list_cont.horizon05 .box_user .box_profile  { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; gap:0 5px; align-items:center; }
.list_cont.horizon05 .box_user .box_profile .cm_thumb_wrap { width:30px; height:30px; border-radius:50%; border:1px solid #ededed; }
.list_cont.horizon05 .box_user .cm_xsmtxt.time { position:relative; height:16px;  }
.list_cont.horizon05 .box_user .cm_xsmtxt.time:before { display:block; content:''; position:absolute; top:50%; left:-7px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:2px; height:2px; border-radius:50%; background:#aaa; }

.list_cont.horizon05 .box_press { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; position:relative; justify-content:flex-start; gap:0 12px; margin-top:5px; align-items:center; }
.list_cont.horizon05 .box_press span { position:relative; height:16px;  }
.list_cont.horizon05 .box_press span + span:before { display:block; content:''; position:absolute; top:50%; left:-7px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:2px; height:2px; border-radius:50%; background:#aaa; }

.list_cont.horizon06  { display:-webkit-box; display:-ms-flexbox; display:flex; flex-direction:column; flex-wrap:nowrap; gap:15px 0; padding:20px; border-radius:10px; border:1px solid #ededed; cursor:pointer; }
.list_cont.horizon06:hover { background:#f8f8f8; }
.list_cont.horizon06 .box_tit { display:-webkit-box; display:-ms-flexbox; flex-direction:column; display:flex; gap:10px 0; }
.list_cont.horizon06 .box_tit .cm_txt_b { position:relative; padding-right:34px; line-height:24px; }
.list_cont.horizon06 .box_user { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; gap:0 10px; align-items:center; }
.list_cont.horizon06 .box_user .box_profile  { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; gap:0 5px; align-items:center; }
.list_cont.horizon06 .box_user .box_profile .cm_thumb_wrap { width:30px; height:30px; border-radius:50%; border:1px solid #ededed; background:url('/images/solid-circle-user-s.png') no-repeat center center; overflow:hidden; }
.list_cont.horizon06 .box_user .cm_xsmtxt.time { position:relative; height:16px;  }
.list_cont.horizon06 .box_user .cm_xsmtxt.time:before { display:block; content:''; position:absolute; top:50%; left:-7px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:2px; height:2px; border-radius:50%; background:#aaa; }

.list_cont.horizon06 .box_desc img { max-width:300px; max-height:300px; border-radius:10px; border:1px solid #ededed; margin-bottom:15px; }
.list_cont.horizon06 .box_desc .box_txt { display:-webkit-box; max-height:120px; text-overflow:ellipsis; -webkit-line-clamp:6; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden;  }
.list_cont.horizon06 .box_desc .box_link { display:-webkit-box; display:-ms-flexbox; display:flex; gap:0 10px; }
.list_cont.horizon06 .box_desc .box_link > p { width:calc(100% - 170px); }
.list_cont.horizon06 .box_desc .box_link .cm_thumb_wrap { width:160px; height:90px; margin-left:auto; border-radius:10px; border:1px solid #ededed; }

.list_cont.horizon06 .btn_reply { display:-webkit-box; display:-ms-flexbox; display:flex; gap:0 3px; color:#999; align-items:center}
.list_cont.horizon06 .btn_reply .ic { display:block; width:18px; height:18px; background:url('/images/light-comment.png') no-repeat; }

.list_cont.horizon07 { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; border-radius:10px; }
.list_cont.horizon07 * { font-size:15px; line-height:22px;  }
.list_cont.horizon07 > * { padding:10px; text-align:left; align-self:center }

.list_cont.horizon08 { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; flex-direction:row; gap:0 10px; padding:5px 10px; border-radius:10px; cursor:pointer; }
.list_cont.horizon08:hover { background:#fff !important; }
.list_cont.horizon08 span { font-size:15px; line-height:22px; }
.list_cont.horizon08 span.cm_xsmtxt { font-size:13px; line-height:20px; }

/*리스트 페이지*/
/*검색기 리스튼*/
.finder_list { }
.finder_list .contents01 { gap:20px 0 !important;}
.finder_list .cont_wrap .box_finder { padding:20px; border-radius:10px; background:#f8f8f8; }
.finder_list .cont_wrap .box_finder h3.cm_subtit_b {  display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; gap:0 10px; align-items:center !important; }
.finder_list .cont_wrap .box_finder h3.cm_subtit_b .ic {  width:34px; height:22px; }
.finder_list .cont_wrap .box_finder h3.cm_subtit_b .ic.flag_ko { background:url(/images/flag-ko.png) }
.finder_list .cont_wrap .box_finder h3.cm_subtit_b .ic.flag_us { background:url(/images/flag-us.png) }
.finder_list .cont_wrap .box_finder h3.cm_subtit_b .cm_smtxt { margin-left:auto; }

.finder_list .cont_wrap .box_cont { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; gap:0 20px; }
.finder_list .cont_wrap .box_cont .box_left { display:-webkit-box; display:-ms-flexbox; display:flex; flex-direction:column; flex-wrap:nowrap; gap:10px 0;  -webkit-flex:0 0 calc(50% - 10px); -ms-flex:0 0 calc(50% - 10px); flex:0 0 calc(50% - 10px);}
.finder_list .cont_wrap .box_cont .box_left .box_intro {  display:-webkit-box; display:-ms-flexbox; display:flex; flex-direction:column; gap:10px 0; height:284px; padding:20px; border-radius:10px; background:#fff; }
.finder_list .cont_wrap .box_cont .box_left .box_intro dd { height:calc(100% - 32px); overflow:auto; }
.finder_list .cont_wrap .box_cont .box_left .box_intro dd::-webkit-scrollbar { width:6px; height:6px;  }
.finder_list .cont_wrap .box_cont .box_left .box_intro dd::-webkit-scrollbar-thumb { height:30%; border-radius:10px; background:#ccc; }
.finder_list .cont_wrap .box_cont .box_left .box_intro dd::-webkit-scrollbar-track  { background:#ededed; border-radius:10px; }

.finder_list .cont_wrap .box_cont .box_left .box_ai {  display:-webkit-box; display:-ms-flexbox; display:flex;  gap:0 10px; }
.finder_list .cont_wrap .box_cont .box_left .box_ai li {  display:-webkit-box; display:-ms-flexbox; display:flex;  gap:0 10px;  -webkit-flex:0 0 calc(50% - 10px); -ms-flex:0 0 calc(50% - 10px); flex:0 0 calc(50% - 10px);  width:calc(50% - 10px); padding:20px; border-radius:10px; background:#fff; justify-content:space-between }
.finder_list .cont_wrap .box_cont .box_left .box_ai li .lable { display:-webkit-box; display:-ms-flexbox; display:flex; gap:0 5px; align-items:center; position:relative; }
.finder_list .cont_wrap .box_cont .box_left .box_ai li .lable .ic_question { display:block; width:18px; height:18px; background:url('/images/light-question.png') no-repeat center center; cursor:pointer; }
.finder_list .cont_wrap .box_cont .box_left .box_ai li .lable .ic_question:hover + .cm_tooltip_desc { display:block; position:absolute; top:0; left:125px; width:285px;  }
.finder_list .cont_wrap .box_cont .box_left .box_ai li .value { margin-left:auto; }

.finder_list .cont_wrap .box_cont .box_right { display:-webkit-box; display:-ms-flexbox; display:flex; flex-direction:column; gap:10px 0; -webkit-flex:0 0 calc(50% - 10px); -ms-flex:0 0 calc(50% - 10px); flex:0 0 calc(50% - 10px); width:calc(50% - 10px); }

/*리포트 리스트*/
.report_list {}
.report_list .list_wrap { flex-wrap:wrap; gap:20px;}
.report_list .list_wrap .list_cont.horizon05{ width:calc(50% - 10px); }
.report_list .btn_more { position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); display:-webkit-box; display:-ms-flexbox; display:inline-flex; gap:0 10px; padding:15px; margin:0 auto; align-items:center; }
.report_list .btn_more .ic { display:block; width:12px; height:12px;  background:url('/images/regular-chevron-down-xs.png') no-repeat center center; }

/*뉴스 리스트*/
.news_list {}
.news_list .list_wrap { flex-wrap:wrap; gap:20px;}
.news_list .list_wrap .list_cont.horizon05 { width:calc(50% - 10px); }
.news_list .btn_more { position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); display:-webkit-box; display:-ms-flexbox; display:inline-flex; gap:0 10px; padding:15px; margin:0 auto; align-items:center; }
.news_list .btn_more .ic { display:block; width:12px; height:12px;  background:url('/images/regular-chevron-down-xs.png') no-repeat center center; }

/*일정 리스트*/
.schedule_list .box_control { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; height:34px; justify-content:center; }
.schedule_list .box_control .box_date { display:-webkit-box; display:-ms-flexbox; display:flex; justify-content:center; align-items:center; position:relative; }
.schedule_list .box_control .box_date ul { width:260px; text-align:center; }
.schedule_list .box_control .box_date .btn_arrow { width:18px; height:18px; background:url('/images/regular-chevron-left.png') no-repeat; }
.schedule_list .box_control .box_date .btn_arrow.btn_next { background:url('/images/regular-chevron-right.png') no-repeat; }
.schedule_list .box_control .cm_select { position:absolute; top:0; right:0; width:77px; height:34px; line-height:34px; border-radius:5px; }

.schedule_list .list_wrap.flex_column .list_cont:nth-child(even) { background:#fcfcfc; }
.schedule_list .list_wrap.flex_column .list_cont.box_head span { display:-webkit-box; display:-ms-flexbox; display:flex; }
.schedule_list .list_wrap.flex_column .list_cont.box_head span.align { padding-right:3px; }
.schedule_list .list_wrap.flex_column .list_cont.box_head span.align i { width:24px; height:24px; background:url('/images/regular-sort.png') no-repeat; }
.schedule_list .list_wrap.flex_column .list_cont.box_head span.align.up { color:#222; }
.schedule_list .list_wrap.flex_column .list_cont.box_head span.align.up i { background:url('/images/regular-sort-up.png') no-repeat; }
.schedule_list .list_wrap.flex_column .list_cont.box_head span.align.down { color:#222; }
.schedule_list .list_wrap.flex_column .list_cont.box_head span.align.down i { background:url('/images/regular-sort-down.png') no-repeat; }


.schedule_list .list_wrap.flex_column .list_cont .cell_01 { -webkit-flex:0 0 60px; -ms-flex:0 0 60px; flex:0 0 60px; width:60px; text-align:center; justify-content:center; }
.schedule_list .list_wrap.flex_column .list_cont .cell_01 .ic { display:block; width:34px; height:22px; }
.schedule_list .list_wrap.flex_column .list_cont .cell_01 .ic.flag_ko { background:url(/images/flag-ko.png) }
.schedule_list .list_wrap.flex_column .list_cont .cell_01 .ic.flag_us { background:url(/images/flag-us.png) }
.schedule_list .list_wrap.flex_column .list_cont .cell_02 { -webkit-flex:0 0 390px; -ms-flex:0 0 390px; flex:0 0 390px; width:390px; text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.schedule_list .list_wrap.flex_column .list_cont .cell_03 { -webkit-flex:0 0 150px; -ms-flex:0 0 150px; flex:0 0 150px; width:150px; text-align:right; justify-content:flex-end; }
.schedule_list .list_wrap.flex_column .list_cont .cell_04 { -webkit-flex:0 0 100px; -ms-flex:0 0 100px; flex:0 0 100px; width:100px; text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.schedule_list .list_wrap.flex_column .list_cont .cell_05 { -webkit-flex:0 0 320px; -ms-flex:0 0 320px; flex:0 0 320px; width:320px; text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.schedule_list .list_wrap.flex_column .list_cont .cell_06 { -webkit-flex:0 0 120px; -ms-flex:0 0 120px; flex:0 0 120px; width:120px; text-align:right; justify-content:flex-end; }

.schedule_list .cont_wrap.video .cm_slide_arrow { position:absolute; bottom:105px; }
.schedule_list .cont_wrap.video .cm_slide_arrow.slick-arrow.slick-disabled { display:none !important; }
.schedule_list .cont_wrap.video .list_wrap .slick-list { margin:0 -7px; }
.schedule_list .cont_wrap.video .list_wrap .slick-slide { margin:0 7px; }

/*커뮤니티 리스트*/
.community_list {}
.community_list .subpage_tit .cm_btn { margin-left:auto; display:block; width:80px; height:34px; border-radius:5px; font-size:13px; line-height:34px; align-items:center; } 
.community_list .list_wrap { gap:15px 0; }
.community_list .btn_more { position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); display:-webkit-box; display:-ms-flexbox; display:inline-flex; gap:0 10px; padding:15px; margin:0 auto; align-items:center; }
.community_list .btn_more .ic { display:block; width:12px; height:12px;  background:url('/images/regular-chevron-down-xs.png') no-repeat center center; }

.helpdesk_list .cm_subtit_b { margin-bottom:0 !important; }
.helpdesk_list hr { display:block; content:''; width:100%; height:1px; margin:10px 0 15px; border:0; background:#ededed; }
.helpdesk_list .list_wrap.flex_column { gap:10px 0; }
.helpdesk_list .list_wrap .list_cont {  position:relative; flex-wrap:nowrap; gap:0 10px; width:100%; min-height:40px; border:1px solid #ededed;  border-radius:5px; cursor:pointer; }
.helpdesk_list .list_wrap .list_cont .box_tit { position:relative; padding:10px 40px 10px 15px; justify-content:space-between; align-items:center; }
.helpdesk_list .list_wrap .list_cont .box_tit .ic { display:block; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); right:15px; width:12px; height:12px; background:url('/images/regular-chevron-down-xs.png') no-repeat; }
.helpdesk_list .list_wrap .list_cont .box_desc { display:none; padding:10px 15px; }

.helpdesk_list .list_wrap .list_cont:hover .box_tit { background:#f8f8f8; }

.helpdesk_list .list_wrap .list_cont.on .box_tit { background:#f8f8f8; border-bottom:1px solid #ededed; }
.helpdesk_list .list_wrap .list_cont.on .box_tit .ic {  background:url('/images/regular-chevron-up-xs.png') no-repeat; }
.helpdesk_list .list_wrap .list_cont.on .box_desc { display:block; }

.helpdesk_list .box_write {  }


.newsletter_list .list_wrap { gap:30px; }
.newsletter_list .list_cont.vertical05 { -webkit-flex:1 1 380px; -ms-flex:1 1 380px; flex:1 1 380px; max-width:380px; padding:0; overflow:hidden; }
.newsletter_list .list_cont.vertical05:hover { background:#fff; }
.newsletter_list .list_cont.vertical05 .cm_thumb_wrap { width:100%; height:214px; border-radius:0; border-bottom:1px solid #ededed; }
.newsletter_list .list_cont.vertical05 dl { display:-webkit-box; display:-ms-flexbox; display:flex; flex-direction:column; gap:5px 0; padding:20px;}
.newsletter_list .list_cont.vertical05 dl .cm_xsmtxt { margin-top:0; }

.newsletter_list .btn_more { position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); display:-webkit-box; display:-ms-flexbox; display:inline-flex; gap:0 10px; padding:15px; margin:0 auto; align-items:center; }
.newsletter_list .btn_more .ic { display:block; width:12px; height:12px;  background:url('/images/regular-chevron-down-xs.png') no-repeat center center; }