@charset "utf-8";

/*=========================== 게시판 전체 공통 ===========================*/

#renew .lab_contents .top_cont {padding:48px 0 50px; margin:0; background:none;}
#renew .lab_contents .top_cont .inner {max-width:1200px; margin:0 auto; position:relative;}
#renew .lab_contents .top_cont .div_txt_c {padding:0;}
#renew .lab_contents .top_cont .h3_tit {margin-bottom:8px !important; font-size:32px; color:#111; text-align:left; font-weight:700 !important; line-height:initial; float:initial;}
#renew .lab_contents .top_cont .p_copy {font-size:18px; color:#767676; text-align:left; font-weight:400;}

#renew .lab_contents .contarea .tbl_top_info {width:1200px; margin:0 auto; margin-bottom:24px;}
#renew .lab_contents .contarea .tbl_top_info .info_search .div_select {margin-right:24px;}
#renew .lab_contents .contarea .tbl_top_info .info_search .ipt_select .select_style {padding-bottom:8px; border-bottom:1px solid #bbb;}
#renew .lab_contents .contarea .tbl_top_info .info_search .ipt_select .select_style .slc_target.select {color:#111;}
#renew .lab_contents .contarea .tbl_top_info .info_search .ipt_select .select_style .slc_target {background: url(/dlab/images/lab/news/slc_close02.svg) no-repeat right 50%;}
#renew .lab_contents .contarea .tbl_top_info .info_search .ipt_select .select_style .slc_target.open {background: url(/dlab/images/lab/news/slc_oepn02.svg) no-repeat right 50%;}
#renew .lab_contents .contarea .tbl_top_info .info_search .ipt_select .select_style .slc_drop {top:28px !important; left:0 !important; padding:0 !important;}
#renew .lab_contents .contarea .tbl_top_info .info_search .ipt_select .select_style .slc_drop li a {padding:10px 0 10px 6px; color:#111;}
#renew .lab_contents .contarea .tbl_top_info .info_search .div_input {margin-right:16px; width:200px;}
#renew .lab_contents .contarea .tbl_top_info .info_search .div_input .group {margin-top:-8px;}
#renew .lab_contents .contarea .tbl_top_info .info_search .div_input .group input {height:37px; padding-bottom:6px; border-bottom:1px solid #bbb; color:#111 !important; font-size:16px;}
#renew .lab_contents .contarea .tbl_top_info .info_search .div_input .group input:focus { outline: 2px solid black; border-radius: 2px;}
#renew .lab_contents .contarea .tbl_top_info .info_search .div_btn {margin-top:2px;}
#renew .lab_contents .contarea .tbl_top_info .info_search .div_btn a {padding:0 17px; height:38px; line-height:38px; border:1px solid #bbb; border-radius:8px;}
#renew .lab_contents .contarea .tbl_top_info .info_txt {font-size:16px; color:#111;}

#renew .lab_contents .tbl_list { width:1200px; margin:0 auto; border-top:1px solid #333;}
#renew .lab_contents .tbl_list thead th {height:56px; line-height:56px; font-size:18px; color:#333; border-bottom:1px solid #333;}
#renew .lab_contents .tbl_list tbody th,
#renew .lab_contents .tbl_list tbody td {height:53px; line-height:53px; color:#111;}
#renew .lab_contents .tbl_list tbody td a {color:#111;}
#renew .lab_contents .tbl_list tbody tr:last-child th,
#renew .lab_contents .tbl_list tbody tr:last-child td {border-bottom:1px solid #333;}

#renew .lab_contents .paging_area { width:1200px;margin:40px auto 80px; height:32px; margin:40px 0 80px 0;}
#renew .lab_contents .paging_area .paging {padding:0;}
#renew .lab_contents .paging_area .paging .pagination {margin:0;}
#renew .lab_contents .paging_area .paging .pagination a {width:auto; min-width:36px;; height:36px; line-height:36px; padding:0px 8px; letter-spacing:0;}
#renew .lab_contents .paging_area .paging .pagination a.currentpg {padding:0 12px; background:#de4738; border:none; border-radius:30px;; color:#fff; text-decoration:none;}
#renew .lab_contents .paging_area .paging a.next,
#renew .lab_contents .paging_area .paging a.pre,
#renew .lab_contents .paging_area .paging a.first,
#renew .lab_contents .paging_area .paging a.last {width:36px; height:34px; border:none;}




/*=========================== 공지사항&이벤트 공통 ===========================*/
#renew .nws .lab_contents .toparea_full {background-color:transparent;}
#renew .nws .lab_contents .toparea {width:100%;}
#renew .nws .lab_contents .contarea {width:1200px;}

#renew .nws .contarea .editor_view {border-top:1px solid #333}
#renew .nws .contarea .editor_view .edit_tit {border-bottom:1px solid #333}
#renew .nws .contarea .editor_view .edit_tit .p_inf {padding:18px 0;}
#renew .nws .contarea .editor_view .edit_tit .p_inf span {font-size:18px;}
#renew .nws .contarea .editor_view .edit_cont {padding:32px 0;}
#renew .nws .contarea .editor_view .edit_cont p {line-height:1.4;}
#renew .nws .contarea .editor_view .edit_cont p img {display:block; text-align:center; margin:0 auto;}




/*=========================== 공지사항 ===========================*/
#renew .nws .top_cont.notice {background-color:#fffaeb;}
#renew .nws .top_cont.notice .img_nws02 {right:0px; top:-31px;}


/*=========================== 이벤트 ===========================*/

/* 상단 */
#renew .nws .top_cont.events {background-color:#fff2f5;}
#renew .nws .top_cont.events .img_nws04 {right:0px; top:-35px;}

/* 리스트 */
#renew .nws .events .contarea {width:1100px; padding-top:80px;}
#renew .nws .events .contarea .event_top {position:initial; margin-bottom:40px;}
#renew .nws .events .contarea .event_top > a { position:relative; display:block; }
#renew .nws .events .contarea .event_top > a > img {border-radius:8px;}
#renew .nws .events .contarea .event_top > a > div { position:absolute; left:60px; bottom:30px; z-index:2; }
#renew .nws .events .contarea .event_top > a > div span {margin-left:60px; font-size:16px; color:#767676;}
#renew .nws .events .contarea .event_top > a > div span:first-child {margin-left:0; margin-bottom:6px; line-height:18px; color:#111;}
#renew .nws .events .contarea .event_top > a > div span em {display:inline-block; width:40px; height:19px; margin-right:12px; padding:0; line-height:18px; text-align:center; background:#fff; border:1px solid #999; border-radius:4px; font-size:12px; color:#767676;}
#renew .nws .events .contarea .event_top > a > div span em.e_ready {padding:0 1px 1px; background-color:#7b71e3; border:1px solid #7b71e3; border-radius:4px; color:#fff;}
#renew .nws .events .contarea .event_top > a > div span em.e_ing {padding:0 1px 1px; background-color:#de4738; border:1px solid #de4738; border-radius:4px; color:#fff;}
#renew .nws .events .contarea .event_top > a > div span em.e_end {background-color:#ddd; border:1px solid #ddd; color:#656565;}

#renew .nws .events .contarea .event_list li a > img {border-radius:8px 8px 0 0;}
#renew .nws .events .contarea .event_list li div {height:100px;padding:24px; width:350px; border:1px solid #ddd; border-top:none; border-radius:0 0 8px 8px;}
#renew .nws .events .contarea .event_list li div span {font-size:16px; color:#767676;}
#renew .nws .events .contarea .event_list li div span:first-child {margin-bottom:6px; line-height:18px; color:#111;}
#renew .nws .events .contarea .event_list li div span em {width:40px; height:19px; margin-right:12px; padding:0; border:1px solid #999; border-radius:4px; font-size:12px; color:#767676;}
#renew .nws .events .contarea .event_list li div span em.e_ready {padding:0 1px 1px; background-color:#7b71e3; border:1px solid #7b71e3; border-radius:4px; color:#fff;}
#renew .nws .events .contarea .event_list li div span em.e_ing {padding:0 1px 1px; background-color:#de4738; border:1px solid #de4738; border-radius:4px; color:#fff;}
#renew .nws .events .contarea .event_list li div span em.e_end {background-color:#ddd; border:1px solid #ddd; color:#656565;}
#renew .nws .events .contarea .paging_area {margin-top:15px;}

/* 상세 */
#renew .nws .anser_view {padding-top:40px;}
#renew .nws .editor_view .edit_tit .p_txt,
#renew .nws .editor_view .edit_tit .p_inf strong {color:#111; font-size:18px; font-weight:600;}
#renew .nws .editor_view .edit_tit .p_inf.aln span {font-size:18px; font-weight:400;}
#renew .nws .editor_view .edit_cont {border-bottom:1px solid #333;}

#renew .nws .contarea .anser_view .btn_area {margin-top:24px;}
#renew .nws .contarea .anser_view .btn_area a {padding:0 18px; border:1px solid #bbb; border-radius:8px;}
#renew .nws .contarea .anser_view .txt_list {margin:40px 0 80px 0;}
#renew .nws .contarea .anser_view .txt_list li {padding:18px 0;}
#renew .nws .contarea .anser_view .txt_list li span {color:#de4738; margin-right:24px; font-size:18px; font-weight:400;}
#renew .nws .contarea .anser_view .txt_list li a,
#renew .nws .contarea .anser_view .txt_list li em {font-size:18px; color:#333;}
#renew .nws .contarea .anser_view .txt_list li a,
#renew .nws .contarea .anser_view .txt_list li em {font-size:18px; color:#333; font-weight:400; top:20px;}




/*=========================== 가입후기&FAQ 공통 ===========================*/

/* 리스트 */
#renew .lounge .lab_contents .toparea_full {background-color:transparent;}
#renew .lounge .lab_contents .toparea {width:100%;}

#renew .lounge .lab_contents .contarea {width:1200px; padding-top:80px;}
#renew .lounge .lab_contents .tbl_list table {position:relative;}
#renew .lounge .lab_contents .tbl_list table::after {content:""; display:block; position:absolute; width:100%; height:1px; background-color:#333; bottom:0; left:0;}
#renew .lounge .lab_contents .tbl_list tbody td a  {text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; line-height:53px; color:#333}
#renew .lounge .lab_contents .tbl_list tbody td.last span {background: url(/dlab/images/lab/news/slc_close02.png) no-repeat -4px;}
#renew .lounge .lab_contents .tbl_list tbody td.last span.on {transform:rotate(-180deg);}
#renew .lounge .lab_contents .tbl_list .open {display:none}
#renew .lounge .lab_contents .tbl_list .open.on {display:table-row;}
#renew .lounge .lab_contents .tbl_list tbody .open td {background-color:#f5f5f5; color:#333;}
#renew .lounge .lab_contents .tbl_list tbody td .edit_q {margin:0; line-height:1.4;}



/*=========================== 가입후기 ===========================*/
/* 상단 */
#renew .lounge .top_cont.review {background-color:#f3f0ff;}
#renew .lounge .best_review {margin-top:40px;}
#renew .lounge .best_review .tit {float:initial; font-weight:700 !important; color:#111; font-size:24px;}
#renew .lounge .best_review .tit strong {color:#de4738; font-weight:700;}
#renew .lounge .best_review .sub_tit {font-size:14px; color:#767676; margin-top:4px;}

#renew .lounge .best_review .best_box {float:none; position: relative; width:100%; display:flex; justify-content:space-between; margin-top:12px;}
#renew .lounge .best_review .best_box li {width:31%; margin-right:0; float:none; position:relative; border-radius:8px;}
#renew .lounge .best_review .best_box li.focus {outline:none;}
#renew .lounge .best_review .best_box .best_01,
#renew .lounge .best_review .best_box .best_03 {margin-top:0;}
#renew .lounge .best_review .best_box li a {padding:40px;}
#renew .lounge .best_review .best_box li img {left:276px; top:-32px;}
#renew .lounge .best_review .best_box li .p_name {padding:0; border-bottom:none;}
#renew .lounge .best_review .best_box li .p_name span {font-weight:700;}
#renew .lounge .best_review .best_box li .p_name span:last-child {font-size:18px; margin-top:4px;}
#renew .lounge .best_review .best_box li .p_txt {margin:0; padding:0; width:100%; height:auto;}
#renew .lounge .best_review .best_box li .p_txt.ellipsis {text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; white-space:initial;}
/* #renew .lounge .best_review .best_box li .p_date {color:#999; margin-top:16px;} */
#renew .lounge .best_review .best_box li .p_date {font-size:16px;font-weight:400;margin-top:16px;}

#renew .lounge .best_review .layer_pop { border-radius:8px;}
#renew .lounge .best_review .layer_pop div {width:480px; padding:40px 40px 24px 40px;; border-radius:8px;}
#renew .lounge .best_review .layer_pop .badge {font-size:12px; color:#de4738; border:1px solid #de4738; border-radius:4px; padding:2px 7px;}
#renew .lounge .best_review .best_box .layer_pop {position:fixed; top:196px; left:50%;}
#renew .lounge .best_review .best_box .best_01 .layer_pop {transform:translate(-245px, 0px);}
#renew .lounge .best_review .best_box .best_02 .layer_pop {transform:translate(-25px, 0px);}
#renew .lounge .best_review .best_box .best_03 .layer_pop {transform:translate(-245px, 0px);}
#renew .lounge .best_review .best_box li .layer_pop img {left:375px;}
#renew .lounge .best_review .layer_pop div .p_name {margin-bottom:8px;}
#renew .lounge .best_review .layer_pop .p_name span {margin-top:16px;}
#renew .lounge .best_review .best_box li .layer_pop  .p_name span:last-child {margin-top:8px;}
#renew .lounge .best_review .layer_pop div .btn_ok {margin-top:24px;}
#renew .lounge .best_review .layer_pop div .btn_ok a {width:140px; height:52px; line-height:52px; padding:0; background-color:#de4738; border-radius:42px; border:none; color:#fff; font-size:16px;}
#renew .lounge .best_review .dimm {background-color:rgba(17, 17, 17, 0.3); backdrop-filter:blur(7px); opacity:1;}

#renew .lounge .top_cont.review .img_mondi01 {top:29px; right:150px; height:152px;}
#renew .lounge .top_cont.review .img_mondi01 > img {width:195px; height:auto;}

/* 리스트 */
#renew .lounge .lab_contents .tbl_list.review .ico_best {border:1px solid #de4738; border-radius:11px; padding:2px 8px; margin-left:6px; color:#de4738; font-size:12px;}


/*=========================== FAQ ===========================*/
/* 상단배너 */
#renew .lounge .top_cont.faq {background-color:#eef4fe;}
#renew .lounge .top_cont.faq .img_mondi02 {right:0; top:-31px;}

/* 리스트 */
#renew .lounge .contarea .tbl_top_info .mondi_select {float:none; width:100%; padding:0; border-bottom:1px solid #ddd;}
#renew .lounge .contarea .tbl_top_info .mondi_select .bx_valid::after {content:""; display:block; clear:both;}
#renew .lounge .contarea .tbl_top_info .mondi_select .ipt_select {float:left; width:192px;}
#renew .lounge .contarea .tbl_top_info .mondi_select .bx_valid::after {content:""; display:block; clear:both;}
#renew .lounge .contarea .tbl_top_info .mondi_select .ipt_select .select_style {border-bottom:4px solid #de4738}
#renew .lounge .contarea .tbl_top_info .mondi_select .ipt_select .select_style .slc_target {padding:0 0 40px 0; font-size:20px; color:#de4738; font-weight:700; background:url(/subscribe/images/pd/pn/slc_close_red.png) no-repeat right top;}
#renew .lounge .contarea .tbl_top_info .mondi_select .ipt_select .select_style .slc_target.open {background:url(/subscribe/images/pd/pn/slc_open_red.png) no-repeat right top;}
#renew .lounge .contarea .tbl_top_info .mondi_select .ipt_select .select_style .slc_drop {top:44px !important; left:0 !important;}
#renew .lounge .contarea .tbl_top_info .mondi_select .ipt_select .select_style .slc_drop li a {padding:8px 0; color:#111;}
#renew .lounge .contarea .tbl_top_info .mondi_select .ipt_select .select_style .slc_drop li a:hover {background:#ddd;}
#renew .lounge .contarea .tbl_top_info .mondi_select .ipt_select .jspVerticalBar {margin:8px 0; width:4px; right:7px;}
#renew .lounge .contarea .tbl_top_info .mondi_select .ipt_select .jspTrack {background:#eee; border-radius:10px;}
#renew .lounge .contarea .tbl_top_info .mondi_select .ipt_select .jspDrag {background:#bbb; border-radius:10px;}

#renew .lounge .contarea .tbl_top_info .mondi_select .tab_list {float:right; display:flex; margin:0;}
#renew .lounge .contarea .tbl_top_info .mondi_select .tab_list li {margin:0 13px;}
#renew .lounge .contarea .tbl_top_info .mondi_select .tab_list li:last-child {margin-right:0;}
#renew .lounge .contarea .tbl_top_info .mondi_select .tab_list li a {display:inline-block; font-size:20px; color:#555; font-weight:700;}
#renew .lounge.faq .contarea .tbl_top_info .info_search {margin-top:40px;}

#renew .lounge .lab_contents .tbl_list.faq tbody .open td {padding:24px 20px 24px 178px; height:auto; line-height:1.4;}

/* 공지사항 이탈팝업의 아이콘 노출 건 */
#renew .chattion_win .ui-resizable-handle { display:none !important; }
#renew .chattion_win.ui-state-disabled { opacity:initial; }