/*03.18 추가*/
.btn_Refresh{width: 85px; float: left; height: 25px; line-height: 23px; text-align: center; font-size: 11px; font-weight: 600; color: #666; border-radius: 5px; background: #F1F1F1; cursor: pointer;} /*팝업_시간 새로고침*/
.btn_Refresh > i {margin-right: 5px;}
.btn_follow_s{width: 80px; float: left; height: 25px; line-height: 23px; text-align: center; font-size: 12px; font-weight: 600; color: #F34D33; border-radius: 3px; border: 1px solid #F34D33; background: #fff; cursor: pointer;} /*팔로우*/
.btn_follow_s i{color: #F34D33; margin-right: 5px;} /*글쓰기 버튼 아이콘 여백*/
.btn_share{width: 115px; float: left; height: 40px; line-height: 38px; text-align: center; font-size: 14px; font-weight: 600; color: #fff; border-radius: 3px; background: #F34D33; cursor: pointer; font-size: 12px; } /*공유하기_링크*/
.btn_Approval{width: 92px; float: left; height: 30px; line-height: 28px; text-align: center; font-size: 12px; font-weight: 600; color: #F34D33; border-radius: 5px; border: 1px solid #F34D33; background: #fff !important; cursor: pointer;} /*승인_소속회원 관리*/
.btn_change_pro{width: 60px; float: left; height: 25px; line-height: 23px; text-align: center; font-size: 11px; font-weight: 600; color: #999; border-radius: 3px; border: 1px solid #ccc; background: #fff; cursor: pointer;} /*나의 정보 변경,수정*/
.btn_change_pro > i {margin-right: 5px;}
.btn_delete_pro{width: 60px; float: left; height: 25px; line-height: 23px; text-align: center; font-size: 11px; font-weight: 600; color: #999; border-radius: 3px; border: 1px solid #E3E5E8; background: #F1F1F1; cursor: pointer; margin-left: 5px; } /*나의 정보 변경,수정*/
.btn_confirm { width: 60px; float: left; height: 30px; line-height: 28px; text-align: center; font-size: 12px; font-weight: bold; color: #fff; border-radius: 3px; background: #999; }
.btn_message_s { width:80px; float: left; height:30px; line-height: 28px; text-align: center; font-size: 12px; font-weight: 600; color: #999; border-radius: 3px; border: 1px solid #E3E5E8; background: #F1F1F1; cursor: pointer; } /* 쪽지보내기_팔로우 */
.btn_attend{ width: 120px; float: left; height: 35px; line-height: 33px; text-align: center; color: #fff; border-radius: 3px; background: #F34D33; cursor: pointer; font-size:14px; font-weight: bold; } /*마이페이지-출석체크*/
.btn_attend.disable{background-color: #ccc;}
.btn_attend > i { margin-right: 5px; }
.btn_rollcall{ width: 120px; float: left; height: 35px; line-height: 33px; text-align: center; color: #fff; border-radius: 5px; background: #F34D33; cursor: pointer; font-size:14px; font-weight: bold; } /*마이페이지-출석체크*/
.btn_message_m { width: 110px; float: left; height: 35px; line-height: 32px; text-align: center; font-size: 14px; font-weight: 600; color: #fff; border-radius: 5px; background: #F34D33; cursor: pointer; font-size: 14px; } /*쪽지함-받은쪽지함-보내기버튼*/ 
.btn_grade {width: 85px; float: left; height: 25px; line-height: 23px; text-align: center; font-size: 11px; font-weight: 600; color: #999; border-radius: 3px; border: 1px solid #ccc; background: #fff; cursor: pointer;} /*나의 정보 회원등급안내*/
.btn_combnt { width: 250px; float: left; height: 50px; line-height: 48px; text-align: center; color: #fff; border-radius: 5px; background: #F34D33; cursor: pointer; font-size:16px; font-weight: bold; } /*키워드조합하기 버튼*/
.btn_message_send{width:80px; float: left; height: 30px; line-height: 28px; text-align: center; font-size: 11px; font-weight: 600; color: #fff; border-radius: 3px; background: #F34D33; cursor: pointer;} /* 쪽지보내기 버튼(팝업창 일때)*/
.btn_refuse {width: 65px; float: left; height: 30px; line-height: 28px; text-align: center; font-size: 13px; font-weight: 600; color: #ccc; border-radius: 5px; border: 1px solid #ccc; background: #fff !important; cursor: pointer;}/*거절_소속회원 관리*/
.btn_qnacomm {width: 80px; float: left; height: 30px; line-height: 28px; text-align: center; font-size: 12px; font-weight: 600; color: #fff; border-radius: 3px;  background: #F34D33 !important; cursor: pointer;} /*문의관리-받은문의(비즈계정)*/
.btn_change_info {width: 110px; float: left; height: 35px; line-height: 34px; text-align: center; font-size: 14px; font-weight: bold; color: #fff; border-radius: 3px;  background: #F34D33 !important; cursor: pointer;}
.btn_num_confirm { width: 60px; float: left; height: 30px; line-height: 28px; text-align: center; font-size: 12px; font-weight: bold; color: #F34D33; border-radius: 3px; border: 1px solid #F34D33; background: #fff !important; }
.btn_num_check { width: 60px; float: left; height: 30px; line-height: 28px; text-align: center; font-size: 12px; font-weight: bold; color: #fff; border-radius: 3px; background: #ccc; }
.btn_change_info_done {width: 110px; float: left; height: 35px; line-height: 34px; text-align: center; font-size: 14px; font-weight: bold; color: #fff; border-radius: 3px;  background: #F34D33 !important; cursor: pointer;}
.btn_comm_done {width: 110px; float: left; height: 35px; line-height: 35px; text-align: center; font-size: 14px; font-weight: 600; color: #fff; border-radius: 5px; background: #F34D33; cursor: pointer;}
.btn_pw_confirm{ width: 145px; float: left; height: 35px; line-height: 33px; text-align: center; color: #fff; border-radius: 5px; background: #F34D33; cursor: pointer; font-size:14px; font-weight: bold; } /*비밀글-비밀번호입력 확인*/
.btn_pw_close{ width: 145px; float: left; height: 35px; line-height: 33px; text-align: center; color: #fff; border-radius: 5px; background: #B7B7B7; cursor: pointer; font-size:14px; font-weight: bold; } /*비밀글-비밀번호입력 닫기*/


/*회원등급 공통*/
.info_member { font-size:14px; color: #666 !important; font-weight: 500; margin-top:7px; }
.info_member > i { margin-right:5px; color: #4285F4; font-size:12px; }

/* Input */
.input_link{width: 660px; float: left; height: 40px; line-height: 40px; font-size: 13px; font-weight: 500; color: #ccc; border: 1px solid #E1E1E1; background: #F9F9F9; border-radius: 5px; padding: 0 15px; } /* 소속회원 관리-초대링크공유 */
.input_link::placeholder{color: #ccc;}
.input_newinfo { width:450px; float:left; height:45px; line-height: 43px; font-size: 13px; font-weight: 500; color: #333; background: #fff; border-radius: 5px;  }
.input_textBox { width:100%; float:left; height:200px; background-color: #fff; border:1px solid #e1e1e1; border-radius: 5px; padding:15px;  }
.input_textBox_m { width:100%; float:left; height:230px; background-color: #fff; border:1px solid #e1e1e1; border-radius: 5px; padding:10px;  }
.input_attach{width: 660px; float: left; height: 40px; line-height: 40px; font-size: 13px; font-weight: 500; color: #333; border: 1px solid #E1E1E1; background: #fff; border-radius: 5px; padding: 0 15px; } /* 소속관리-대행사 신청 */
.input_attach::placeholder{color: #ccc;}
.input_hashtag{width: 100%; float: left; height: 40px; line-height: 40px; font-size: 13px; font-weight: 500; color: #333; border: 1px solid #E1E1E1; background: #fff; border-radius: 5px; padding: 0 15px; } /* 소속관리-대행사 신청 */
.input_hashtag::placeholder{color: #ccc;}
.input_change_info{width: 100%; float: left; height: 40px; line-height: 40px; font-size: 13px; font-weight: 500; color: #333; border: 1px solid #E1E1E1; background: #fff; border-radius: 5px; padding: 0 15px; }
.input_change_info::placeholder{color: #ccc;}
select.input_change_info{margin-left: 0;}


/* 로딩바 */
.load-wrapp { width:100%; height:100%; display:none; float:left; text-align: center ; z-index:99999999; top:0; left:0; position: fixed;  }
.load-wrapp .load-3 { position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); }
.load-wrapp .ring { display: inline-block; width: 12px; height: 12px; border-radius: 12px; background-color: #F34D33; margin-left:7px; }
.load-wrapp .load-3 .ring:nth-last-child(1) {
    animation: loadingC 0.7s 0.1s linear infinite;
}
.load-wrapp .load-3 .ring:nth-last-child(2) {
    background-color: #f77764;
    animation: loadingC 0.7s 0.2s linear infinite;
}
.load-wrapp .load-3 .ring:nth-last-child(3) {
    background-color: #ffada0;
    margin-left:0px;
    animation: loadingC 0.7s 0.3s linear infinite;
}
@keyframes loadingC {
    0 { transform: translate(0, 0); }
    50% {transform: translate(0, 15px);}
    100% {transform: translate(0, 0);}
}

/*03.18 추가*/
/* 팝업
.popup_bg { width:100%; float:left; height:100%; background-color: rgba(0,0,0,0.4); z-index:99; top:0; left:0; position: fixed; }
.popup_bg .popup > div > div { display: flex; justify-content: center; }
.popup_bg .popup > div > div .popup_box { width:1000px; background-color: #fff; text-align: center; }
.popup_bg .popup_box .tit_box { width:100%; float:left; height:80px; padding:0 35px; background-color: #F34D33; color:#fff; display: flex; justify-content: space-between; align-items: center;  }
.popup_bg .popup_box .tit_box .txt { font-size:23px; font-weight: bold; color:#fff; display: flex; justify-content: flex-start; align-items: center; }
.popup_bg .popup_box .tit_box .close { display: flex; justify-content: flex-end; align-items: center; }
.popup_bg .popup_box .con_box { width:100%; float:left; padding:0 32px; }
.popup_bg .popup_box .sub { width:100%; float:left; margin-top:32px; padding: 0 5px; display: flex; justify-content: space-between; align-items: center; }
.popup_bg .popup_box .info_box { width:100%; float:left; height:108px; border:2px solid #EAEAEA; border-radius: 10px; margin-top:10px; }
*/

/*마이페이지 상단 정보*/
.mypage_wrap .myinfo_warp{width: 100%; float: left; padding: 0 40px; display: flex; justify-content: flex-start; align-items: center; background: #fff; border-radius: 5px; height: 160px;}
.myinfo_warp .star_icon > i{font-size: 20px;}
.myinfo_warp .thumbnail{width: 88px; float: left; height: 88px; border-radius: 100px; background-color: #E1E1E1; border: 2px solid #E1E1E1; overflow: hidden;}
.myinfo_warp .thumbnail > img { width: 88px; height: 88px; object-fit: cover; }
.myinfo_warp .info_box{width: 91%; float: left; padding-left:25px; }
.myinfo_warp .info_box .user { width:100%; float:left; display: flex; justify-content: flex-start; align-items: center; gap:10px; }
.myinfo_warp .info_box .user > ul { width:90%; float:left; }
.myinfo_warp .info_box .user > ul > li { float:left; color: #ccc;  }
.myinfo_warp .info_box .user > ul > li > span { margin: 0 5px; }
.myinfo_warp .info_box .user > ul > .info { font-size:20px; font-weight: bold; color: #333; }
.myinfo_warp .info_box .user > ul > .info .id { font-size:16px; font-weight: 400; letter-spacing: 0; color: #999; }
.myinfo_warp .info_box .user > ul > .info .page { font-size:15px; color: #ccc;  }
.myinfo_warp .info_box .user > ul > .line { margin:7px 12px 0px 12px; }
.myinfo_warp .info_box .user .date { width:10%; font-size:11px; font-weight: 400; color:#ccc; letter-spacing: 0; }
.myinfo_warp .info_box .check  { width:100%; float:left; background-color: #FEF6F4; padding: 10px 25px; margin-top:7px; border-radius: 5px; display: flex; justify-content: flex-start; align-items: center; }
.myinfo_warp .info_box .check > ul { width:100%; float:left; margin-left: 15px; display: flex; justify-content: flex-start; align-items: center; gap:60px; }
.myinfo_warp .info_box .check > ul > li { color:#333; font-weight: bold; font-size:14px; }
.myinfo_warp .info_box .check > ul > li > span { margin-left:15px; }
.myinfo_warp .info_box .check > div{display: flex; justify-content: space-between; align-items: center; gap: 5px;}



/*마이페이지 컨텐츠영역*/
.mypage_list { background-color: #fff; border-radius: 5px; margin-top:23px; padding:37px 40px 87px 40px; } 
/* .container .mypage_list .tab_warp .tab_box > li { width:128px; } */
.mypage_list .tab_warp .tab_box > a > li { width:128px; }
/*마이페이지 컨텐츠영역-서브텍스트설명글*/
.sub_text { width:100%; height:90px; float:left; border-radius: 10px; background-color: #F9F9F9; color:#999; font-size: 13px; font-weight: 500; padding: 0 35px; }
.sub_text > li { width:100%; float:left; top:50%; transform: translateY(-50%); line-height: 20px; }
.sub_text.rank_subtext{height: 60px !important; background-color: #F1F1F1 !important;}
.sub_text.rank_subtext .title{width: 85px !important; height: 30px; line-height: 30px; font-size: 13px; font-weight: 600; color: #666; text-align: center; border-radius: 100px; background-color: #fff; border: 1px solid #ccc;}
.sub_text.rank_subtext .keyword{width: calc(100% - 100px); margin-left: 15px; font-size: 14px; font-weight: 500; color: #333;}


.link_share { width:100%; float:left; height:90px; display: flex; border-radius: 10px; background-color: #fff; border:1px solid #E3E5E8; padding: 0 35px; }
.link_share > ul { width:100%; float:left; display: flex; justify-content: flex-start; align-items: center; gap:29px; }
.link_share > ul .tit { font-size: 15px; font-weight: bold;  }
.link_share > ul .sub_txt { width:660px; font-size: 13px; color:#999; font-weight:500; }

.mypage_list .mypage_tabletop { margin-top:40px; }
.mypage_list .mypage_tabletop > ul > li:nth-child(2) { margin-left:18px; }
/*마이페이지 소속회원관리-표*/
.list_warp.mypage_list .list_table.keyword_list table tbody > tr > td {font-weight: 400; }
.list_warp.mypage_list .list_table.keyword_list table tbody > tr > td.num { font-weight: 600; }
.list_warp.mypage_list .list_table.keyword_list table tbody > tr > td > button.marg { margin-right:5px; }
.list_warp.mypage_list .list_table.keyword_list table tbody > tr > td.last { height:79px; display: flex; justify-content: center; align-items: center; }
/* .list_warp.mypage_list .list_table.keyword_list table tbody > tr:hover > td { background-color:#FEF6F4; } */
.list_warp.mypage_list .list_table.keyword_list table tbody > tr > td.txt > a { width:100%; float:left;}
.list_warp.mypage_list .list_table.keyword_list table tbody > tr:hover > td.txt > a { text-decoration: underline; text-decoration-color:#666 ; }
.mypage_list .title_warp { margin-top: 0; }
.mypage_list .btn_memberout { width: 95px; float: left; height: 30px; line-height: 28px; text-align: center; font-size: 12px; font-weight: 600; color: #ccc; border-radius: 5px; border: 1px solid #ccc; background: #fff !important; cursor: pointer; } /*소속회원 내보내기 버튼*/
.mypage_list .btn_memberout:hover {  color: #F34D33; border: 1px solid #F34D33; }

/*마이페이지 나의정보-표(기본정보,세부정보)*/
.info_list { width:100%; float:left; text-align: left; margin-top: 42px; }
.info_list table { width:100%; float:left; table-layout: fixed; }
.info_list .list_tit { font-size:14px; font-weight: bold;  }
.info_list .list { margin-top:12px; }
.info_list .list tbody > tr > td { padding:22px 20px; color:#666; font-weight: 500; border-bottom: 1px solid #E1E1E1; }
.info_list .list tbody > tr:nth-child(1) > td{border-top: 1px solid #E1E1E1;}
.info_list .list tbody > tr > td.tt { background-color:#F5F5F5; color:#333; text-align: center; font-weight: 600;  }
.info_list .list tbody > tr > td > .grade { margin-left:5px; color:#ccc; cursor: pointer; }
.info_list .info_member { font-size: 14px; margin-top: 0px; }
.info_list .thumbnail { width: 60px; height:60px; border-radius: 100px; float:left; background-color: #fff;}
.info_list .btn_box .btn_delete  { margin-left:7px; }
.info_list .btn_box { height:60px; display: flex; justify-content: flex-end; align-items: center; }
.info_list .list tbody > tr > td > ul { display: flex; justify-content: space-between; align-items: center;  }

/*마이페이지 나의정보-회원등급 안내표*/
.info_list .member_pop { width:330px; height:270px; float:left; z-index: 9; border: 1px solid #E3E5E8; border-radius: 5px; background-color: #fff; padding:15px 22px; box-shadow: 1px 1px 5px rgba(0,0,0,0.03); position: absolute; left:-345px; top:135px; display: flex; flex-direction: column; justify-content: space-between; }
.info_list .member_pop .tit_box { width:100%; float:left;  }
.info_list .member_pop .tit_box > ul { width:100%; float:left; }
.info_list .member_pop .tit_box > ul .tit { font-size:14px; font-weight: bold; color:#333; margin-top:10px; }
.info_list .member_pop .tit_box > ul .tit .k_close{ float:right; top:-15px; }
.info_list .member_pop .tit_box > ul .txt { font-size:11px; font-weight: 500; color:#999; margin-top:7px; }
.info_list .member_pop .grade_box { width:100%; float:left; padding:8px 15px; background-color:#F5F5F5; border-radius: 5px; }
.info_list .member_pop .grade_box > table { width:100%; float:left; font-size: 12px; table-layout: fixed; }
.info_list .member_pop .grade_box > table > tbody > tr > th { text-align: center; color:#333; padding:10px 0; font-weight: 500; }
.info_list .member_pop .grade_box > table > tbody > tr > td { text-align: center; padding:6px 0; color:#666; }
.info_list .member_pop .grade_box > table > tbody > tr > td.tt { text-align: left; color:#333; font-weight: 500; }
.info_list .member_pop .grade_box > table > tbody > tr > td.tt > i { margin-right:5px; color: #4285F4; font-size:11px; }

/*마이페이지 나의정보-회원탈퇴*/
.info_list .info_out { width:100%; float:left; display: flex; justify-content: flex-end; margin-top:30px; align-items: center; }
.info_list .info_out .out { width:46px; color:#999; font-size: 12px; font-weight: 500; padding:2px 0; text-align: center; margin-right:15px; }

/*마이페이지 나의정보-정보수정팝업*/
.popup_bg .info_pop { width:500px; height:400px; float:left; z-index: 9; border: 1px solid #E3E5E8; border-radius: 5px; background-color: #fff; padding:15px 0; box-shadow: 1px 1px 5px rgba(0,0,0,0.03); position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); }
.popup_bg .info_pop .tit_box { width:100%; float:left; padding:0 22px; display: flex; justify-content: space-between; align-items: center; }
.popup_bg .info_pop .tit_box .tit { font-size: 17px; font-weight: bold; color:#333; display: flex; justify-content: flex-start;  }
.popup_bg .info_pop .tit_box .k_close { display: flex; justify-content: flex-end; cursor: pointer; }
.popup_bg .info_pop .tit_box .k_close:hover { opacity: 1; }
.popup_bg .info_pop .content_wrap { width:100%; float:left; padding: 0 22px; }
.popup_bg .info_pop .txt_box { width:100%; float:left; background-color: #F5F5F5; color:#999; border-radius: 5px; font-size: 12px; font-weight: 400; line-height:45px; padding: 0 15px; }
.popup_bg .info_pop .info_con { width:100%; float:left; margin-top:14px; }
.popup_bg .info_pop .info_con > ul { width:100%; float: left; }
.popup_bg .info_pop .info_con > ul > li{ width:100%; float:left; margin-top:10px; }
.popup_bg .info_pop .info_con .info_tt { font-size:15px; color:#333; font-weight: 500; letter-spacing: 0; padding: 0 5px; }
.popup_bg .info_pop .info_con .info_tt > span { color:#999; font-weight:500; }
.popup_bg .info_pop .info_con .input_box .btn_mov { position: absolute; top:8px; right:15px;  }
.popup_bg .botm_box { width:100%; float:left; height:50px; line-height:50px; background-color: #f5f5f5; position: absolute; bottom:0; display: flex; justify-content: center; align-items: center; gap:7px; }
.popup_bg .botm_box .btn_cancel { box-sizing: border-box; }
.popup_bg .point_txt { width:100%; float:left; margin-top:7px; }
.popup_bg .point_txt ul { width: 100%; float:left; }
.popup_bg .point_txt ul > li { width: 100%; float:left; font-size:12px; font-weight: 500; padding-left: 5px; }
.popup_bg .point_txt ul > li.fail { color:#cc3333; display: none; }
.popup_bg .point_txt ul > li.success { color:#4285F4; position: absolute; display: block; }
.popup_bg .write_pop { width:500px; height:450px; float:left; }
/* .popup_bg .write_pop .textBox { width:100%; float:left; height:200px; background-color: #fff; border:1px solid #e1e1e1; border-radius: 5px; padding:10px; } */
.popup_bg .write_pop .input_textBox > textarea { width:100%; float:left; height:180px; color:#333; border:none; font-size: 12px; line-height:20px; padding-left:0; font-weight: 500; }
.popup_bg .write_pop .input_textBox > textarea::placeholder{color: #ccc;}
.popup_bg.join_warp .join_list:not(:first-child) { padding:0 10px; }
.popup_bg .info_pop_pwchange { height:480px; }
.popup_bg .gray_line_s{width: 100%; float: left; height: 1px; background:  #EFEFEF; margin-top:25px;}

/*마이페이지 나의정보-테마관리*/
.info_list.thema_list .table_box { width:66%; float:left; }
.preview_wrap { width:310px; height:380px; float:right; background-color: #FEF6F4; border-radius: 10px; padding:20px; }
.preview_wrap .tit { width:100%; float:left; font-size: 15px; font-weight: bold; color:#333; }
.preview_wrap .text { width:100%; float:left; margin-top:10px; font-size: 12px; font-weight: 400; color:#999999; }
.preview_wrap .IntroList { background-color:#fff; border-radius: 5px; padding-top:0; margin-top:15px; }
.preview_wrap .IntroList .list { width:100%; padding:25px 19px; margin-top:0; }
.type_set { width:100%; float:left; display: flex; justify-content: space-between; gap:20px; align-items: flex-start; }
.type_set .bg_type { width:50%; float:left; }
.type_set .bg_type .box { width:100%; float:left; padding-left:30px; }
.info_list.thema_list .list tbody > tr > td { padding: 15px 20px; }
.info_list.thema_list .list tbody > tr > td.bg_padding { padding: 22px 20px; }
/*테마관리-체크박스(라디오형태)*/
.check_type { width:100%; float:left; display: flex; align-items: center; }
.check_type > input[type="radio"] { display: block; appearance: none; width: 18px; height: 18px; float:left; margin-right: 12px; border-radius: 50px; border: 2px solid #E1E1E1; cursor: pointer; padding:3px; box-sizing: border-box; }
.check_type > input[type="radio"]:checked { background-color:#F34D33; border: 2px solid #fff; box-shadow: 0 0 0 2px #E1E1E1; }
/*테마관리-이미지등록 박스*/
.img_upload {width: 160px; float: left; height: 110px; margin-top: 15px; border: 1px solid #E2E2E2; border-radius: 5px; background-color: #FBFBFB; cursor: pointer;}
.img_upload > div{width: 100%; float: left; text-align: center; top: 50%; transform: translateY(-50%);}
.img_upload > div > div{width: 100%; float: left;}
.img_upload .icon i{font-size: 20px; color: #ccc;}
.img_upload .txt{margin-top: 5px; font-size: 12px; font-weight: 400; color: #999;}
.img_upload .re_btn{width: 35px; height: 35px; line-height: 35px; background: rgba(0,0,0,0.5); border-bottom-right-radius: 5px; position: absolute; right: 0; bottom: 0; z-index: 9;}
.img_upload .re_btn i {color: #fff; font-size: 13px;}
/*테마관리-권장사이즈*/
.img_guide { width:100%; float:left;  font-size: 12px; font-weight: 500; color: #999;}
.img_guide > i { margin-right:5px; }
/*테마관리-색상변경박스*/
.theme_color { width:165px; height:40px; float:left; padding:5px 12px; line-height: 38px; border-radius: 5px; border: 1px solid #E1E1E1; display: flex; align-items: center; }
.theme_color input { width:100%; float:left; height:38px; font-size: 14px; font-weight: 500; letter-spacing: 0; color:#999999; border: none; background-color: none; line-height:38px; padding: 7px; }
.theme_color .color_box { width:18px; height:18px; float:left; border-radius: 3px; background-color: #333; }
.info_list.thema_list .list tbody > tr > td .text_area { width:100%; float:left; min-height:240px; border:1px solid #E3E5E8; border-radius: 5px; padding:20px; }
.info_list.thema_list .list tbody > tr > td .text_editor { width:100%; float:left; min-height:240px; }

/*테마관리- 테마승인*/
.thema_box { width:100%; float:left; height:90px; display: flex; border-radius: 10px; background-color: #fff; border:1px solid #E3E5E8; padding: 0 35px; }
.thema_box > ul { width:100%; float:left; display: flex; justify-content: flex-start; align-items: center; gap:29px; }
.thema_box > ul .tit { font-size: 15px; font-weight: bold;  }
.thema_box > ul .sub_txt { width:660px; font-size: 13px; color:#999; font-weight:500; }
.thema_box > ul .approval_Box { width:115px; float:left; position: relative; }
.box_them_approval {width: 115px; float: left; height: 40px; line-height: 38px; text-align: center; font-size: 14px; font-weight: 600; color: #999; border-radius: 3px; background: #F1F1F1; font-size: 12px; }
.box_them_approval.ing { width: 115px; float: left; height: 40px; line-height: 38px; text-align: center; font-size: 14px; font-weight: 600; color: #666; border-radius: 3px; background: #F1F1F1; font-size: 12px;}
.box_them_approval.done { width: 115px; float: left; height: 40px; line-height: 38px; text-align: center; font-size: 14px; font-weight: 600; color: #4285F4; border-radius: 3px; background: #F1F1F1; font-size: 12px;}
.box_them_approval.return{cursor: pointer; background-color: #fff; border: 1px solid #F34D33; color: #F34D33;}
/*테마관리- 하단버튼*/
.thema_list .btn_bar{ width:100%; float:left; display: flex; justify-content: space-between; align-items: center; }
.thema_list .btn_bar .left { float:left; }
.thema_list .btn_bar .right { float:right; text-align: right; }
.thema_temporary {width: 85px; float: left; height: 35px; line-height: 35px; text-align: center; font-size: 14px; font-weight: 600; color: #ccc; border-radius: 5px; border: 1px solid #ccc; background: #fff;}
.btn_thema_pr {width: 100px; float: left; height: 35px; line-height: 35px; text-align: center; font-size: 14px; font-weight: 600; color: #F34D33; border-radius: 5px; background: #FEF6F4;}
.thema_save { width: 110px; float: right; height: 35px; line-height: 33px; text-align: center; color: #fff; border-radius: 5px; background: #F34D33; cursor: pointer; font-size:14px; font-weight: bold; }
.thema_save_off { background: #ccc; }

/* .list_warp.mypage_list .column_list.list_table table tbody > tr:hover > td {
    background-color: #FEF6F4;
} */

.list_warp.mypage_list .column_list.list_table table tbody .list_notice > td{background: none;}

/*마이페이지 활동관리-팔로우현황*/
.flow_wrap { width:100%; float:left; display: flex; justify-content: space-between; align-items: center; gap: 25px; }
.flow_list {height:680px; float: left; border:1px solid #EAEAEA; background-color: #fff; border-radius: 5px; padding:28px 20px; overflow: hidden; }
.flow_list .tit { width:100%; float:left; padding: 0 10px; }
.flow_list .tit > ul { width:100%; float:left; display: flex; justify-content: space-between; align-items: center; }
.flow_list .tit > ul > .tt { font-size: 16px; font-weight: bold; color:#333; }
.flow_list .tit > ul > .txt { font-size:12px; font-weight: 400; color:#999; }
.flow_list .con_box { width:100%; float:left; height:590px; margin-top: 20px; padding-top: 25px; border-top: 1px solid #E3E5E8; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none;  }
.flow_list .con_box::-webkit-scrollbar { display: none; }
.flow_list .line{width: 100%; float: left;}
.flow_list .f_box { width:100%; float:left; display: flex; justify-content: space-between; align-items: center; padding:0 10px; }
.flow_list .f_box:not(:first-child){margin-top: 25px;}
.flow_list .f_box .left { display: flex; align-items: center; gap:12px; cursor: pointer; }
.flow_list .f_box .right { display: flex; align-items: center; gap:12px; }
.flow_list .f_box .thumbnail { width:40px; height:40px; border-radius: 100px; float:left; background-color: #E1E1E1; overflow: hidden; }
.flow_list .f_box .thumbnail > img { width: 40px; height: 40px; object-fit: cover; }
.flow_list .f_box .name { float:left; font-size: 14px; font-weight: 500; color:#333; }
.flow_list .f_box .name > span { font-size: 12px; font-weight: 400; color:#ccc; }
.flow_list .f_box .delete { color:#ccc; font-size: 16px; cursor: pointer; }

/* 마이페이지 차단현황 */
.block_wrap{display: block;}
.block_wrap .flow_list{width: 100%;}
.block_wrap .block_box{width: 100%; float: left; display: flex; justify-content: space-between; align-items: flex-start; margin-top: 20px; padding-top: 25px; border-top: 1px solid #E3E5E8; }
.block_wrap .block_box .con_box{width: 48%; border-top: none; padding-top: 0; margin-top: 0;}
.block_wrap .block_box .line{width: 1px; height: 560px; background-color: #eee;}





/*마이페이지 활동관리-출석체크*/
.checkattend_wrap { width:100%; float:left; margin-top:40px;  display: flex; justify-content: space-between; align-items: center;  }
/*마이페이지 활동관리-출석체크(달력)*/
.checkattend_wrap .cd_box { width:650px; float:left; }
.checkattend_wrap .cd_box .date_Set { width:100%; float:left; }
.checkattend_wrap .cd_box .date_Set > ul { width:100%; float:left; text-align: center; display: flex; justify-content: center; }
.checkattend_wrap .cd_box .date_Set > ul > li { float:left; }
.checkattend_wrap .cd_box .date_Set > ul .btn { width:30px; height:30px; line-height: 28px; border:1px solid #E3E5E8; border-radius: 50px; color:#ccc; }
.checkattend_wrap .cd_box .date_Set > ul .btn:hover { color:#333; cursor: pointer; }
.checkattend_wrap .cd_box .date_Set > ul .month { width:150px; height:30px; line-height:28px; font-size: 18px; font-weight: bold; color:#333; }
.checkattend_wrap .cd_box .calendar { width:650px; float:left; background-color: #F5F5F5; border-radius: 5px; margin-top:20px; }
.checkattend_wrap .cd_box .calendar .top { width:100%; float: left; height:45px; line-height: 45px; background-color:#ccc; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 0 20px; }
.checkattend_wrap .cd_box .calendar .top > ul { width:100%; float:left; display: flex; justify-content: center; align-items: center; gap:10px; }
.checkattend_wrap .cd_box .calendar .top > ul > li { width:calc(100% / 7 - 10px); float:left; text-align: center; color:#fff; font-weight: bold; font-size: 15px; }
.checkattend_wrap .cd_box .calendar .top > ul > li.red { color:#CC3333; }
.checkattend_wrap .cd_box .calendar .btm { width:100%; float: left; padding: 25px 20px;  }
.checkattend_wrap .cd_box .calendar .btm > ul { width:100%; float:left; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap:8px; }
.checkattend_wrap .cd_box .calendar .btm > ul > li { width:calc(100% / 7 - 8px); height:80px; float:left; text-align: center; background-color: #fff; border-radius: 20px; padding:10px; }
.checkattend_wrap .cd_box .calendar .btm > ul > li .num { width:100%; float:left; text-align: right; color:666; font-weight: bold; font-size: 13px; }
.checkattend_wrap .cd_box .calendar .btm > ul > li .icon { width:100%; float:left; text-align: center; font-size: 25px; top:-5px;  }
.checkattend_wrap .cd_box .calendar .btm > ul > li .icon.check { color:#F34D33; }
.checkattend_wrap .cd_box .calendar .btm > ul > li .icon.notcheck { color:#ccc; }
/*마이페이지 활동관리-출석체크(출석포인트)*/
.checkattend_wrap .point { width:315px; float:left; height:527px; border: 1px solid #eaeaea; border-radius: 5px; margin-top:50px; padding: 44px 20px; display: flex; flex-direction: column; align-items: center; }
.checkattend_wrap .point .tit { width:100%; float:left; text-align: center; font-size: 18px; font-weight: bold; color:333; }
.checkattend_wrap .point .btn_attend { margin-top:32px;  }
.checkattend_wrap .point .text { width:100%; float:left; text-align: center; margin-top:32px; font-size: 13px; font-weight: 400; color:#666; line-height: 20px;  }
.checkattend_wrap .point .my_check { width:100%; height:54px; float:left; margin-top:22px; background-color: #F5F5F5; border-radius: 5px; padding: 0px 20px; display: flex; justify-content: flex-start; align-items: center; }
.checkattend_wrap .point .my_check > ul {  width:100%; float:left; display: flex; justify-content: space-between; align-items: center; }
.checkattend_wrap .point .my_check > ul > li { font-size: 13px; font-weight: bold; color:#333; }
.checkattend_wrap .point .my_check > ul > li > span { margin-left:10px; }
.checkattend_wrap .point .check_info { width:100%; float:left; margin-top:16px; border-top: 1px solid #ccc; }
.checkattend_wrap .point .check_info > ul { width:100%; height:38px; float:left; padding:0 10px; border-bottom: 1px dotted #E1E1E1; display: flex; justify-content: space-between; align-items: center; }
.checkattend_wrap .point .check_info > ul > li:nth-child(1) { font-size: 13px; font-weight: 500; color:#666; }
.checkattend_wrap .point .check_info > ul > li:nth-child(2) { font-size: 13px; font-weight: bold; color:#666; }

/* 순위체크 마이페이지 출석체크와 공통css 주의!! */
.checkattend_wrap .rank_dateset{justify-content: space-between !important; align-items: center;}
.checkattend_wrap .rank_dateset .title{font-size: 22px; font-weight: 600; color: #333; }
.checkattend_wrap .rank_dateset .guide{text-align: right; font-size: 14px; font-weight: 500; color: #ccc;}



/*마이페이지 출석체크-출석완료팝업*/
.popup_bg .rollcall_pop { width:330px; height:220px; border-radius: 30px; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.popup_bg .rollcall_pop .icon { font-size: 35px; color:#E1E1E1; }
.popup_bg .rollcall_pop .tit { font-size: 18px; color:#333; font-weight: bold; margin-top:14px; }
.popup_bg .rollcall_pop .sub_txt { font-size:13px; font-weight: 400; color:#666; margin-top:2px; }
.popup_bg .rollcall_pop .btn_rollcall { margin-top:22px; }

.popup_bg .rollcall_pop.gradeup { width:350px; height:280px; border-radius: 30px; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.popup_bg .rollcall_pop.gradeup .btn_area{float:left; width:100%;}
.popup_bg .rollcall_pop.gradeup .button_area .right {background-color: #cccccc; margin-left:5px;}

/*마이페이지 쪽지함*/
.mypage_wrap .list_table .btn_bar { margin-top:10px; }
.content_wrap .info_con > ul > li.textBox .write_message { width: 100%; min-height: 215px; border: 1px solid #e9e9e9; border-radius: 7px; padding: 15px; }

/*마이페이지 받은쪽지함-뷰페이지*/
.mypage_wrap .viewCont { width:100%; float:left; margin-top:30px; }
.mypage_wrap .viewCont .view_info { width:100%; float:left; padding: 0 15px;  }
.mypage_wrap .viewCont .view_info > ul { width:100%; float:left; margin-top:15px; display: flex; align-items: center; gap:15px; }
.mypage_wrap .viewCont .view_info > ul .tt { font-size:15px; font-weight: bold; color:#333; }
.mypage_wrap .viewCont .view_info > ul .txt { font-size:15px; font-weight: 400; color:#333; }
.mypage_wrap .viewCont .line_margin_s { margin: 22px 0; }
.mypage_wrap .cont_text { width:100%; float:left; padding: 0 15px; margin-top:10px; font-size: 14px; font-weight: 400; color:#666; line-height: 24px; }
.mypage_wrap .viewCont .btn_bar { margin-top:70px; }
.mypage_wrap .viewCont .btn_bar .btn_list { color:#999; }

/*마이페이지 받은쪽지함-쪽지보내기*/
.mypage_wrap .mem_select { width:100%; float:left; border-radius: 10px; border:1px solid #E3E5E8; padding: 30px; background-color: #fff; display: flex; justify-content: flex-start;  gap:20px; align-items: center; }
.mypage_wrap .mem_select .tit { width:13%; font-size: 15px; font-weight: 500; color:#333; line-height: 40px; }
.write_option { min-width:355px; height:40px; float:left; border:1px solid #E1E1E1; border-radius: 5px; }
.write_option > input { width:92%; border-radius: 5px; line-height:38px; border: 0; }
.write_option > i { width:8%; float:right; line-height:38px; text-align: center; padding-right: 10px; cursor: pointer; }
.attach_search .write_option .option_area { width:100%; }
.write_option .option_area { width:355px; float:left; height:200px; border:1px solid #E1E1E1; background-color: #fff; border-radius: 5px; padding: 15px; z-index: 999; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; }
.write_option .option_area::-webkit-scrollbar { display: none; }
.write_option .option_area > ul { width: 100%; float:left; }
.write_option .option_area > ul > li { width: 100%; float:left; height:20px; }
.write_option .option_area > ul .sub_tt { font-weight: 500; font-size: 14px; color:#333; }
.write_option .option_area > ul .list { margin-top:10px; }
.write_option .option_area > ul .list > span { margin-left:8px; color:#666; font-size: 13px; font-weight: 400; top:-2px; }
.mypage_wrap .mem_select .tag_box { width:100%; float:left; text-align: center; }
.mypage_wrap .mem_select .tag_box > ul { width:100%; float:left; display: flex; flex-wrap: wrap; align-items: center; gap:8px; }
.mypage_wrap .mem_select .tag_box > ul .tag { float:left; height:25px; line-height:25px; font-size: 12px; font-weight: 500; color:#666; background-color:#f5f5f5; border:1px solid#E3E5E8; border-radius: 50px; padding:0px 12px; display: flex; }
.mypage_wrap .mem_select .tag_box > ul .tag > span { width:10px; float:left; margin-left:12px; top:-1px; cursor: pointer; }

/*마이페이지 받은쪽지함-쪽지보내기-내용 작성박스*/
.mypage_wrap .text_box { width:100%; float:left; margin-top:20px; }
.mypage_wrap .text_box > ul { width:100%; float:left; }
.mypage_wrap .text_box > ul > li { width:100%; float:left }
.mypage_wrap .text_box > ul > .tt { font-size: 15px; font-weight: 500; color:#333; }
.mypage_wrap .text_box > ul > .input_textBox_m { margin-top:12px; }

/*마이페이지 소속관리-신청내역*/
.attach_list .btn_cancel { width:70px; border-radius: 5px;  }
.attach_list .btn_cancel.select { color: #F34D33; border: 1px solid #F34D33; }
.list_warp.attach_list .list_table.keyword_list table tbody > tr > td { font-weight: 500; color:#666; }
.list_warp.attach_list .list_table.keyword_list table tbody > tr > td.tt.red { color:#cc3333; } /*반려*/
.list_warp.attach_list .list_table.keyword_list table tbody > tr > td.tt.blue { color:#4285F4; } /*승인*/
.list_warp.attach_list .list_table.keyword_list table tbody > tr > td.tt.col_ccc{ color: #ccc;} /*심사전*/
.list_warp.attach_list .list_table.keyword_list table tbody > tr > td.tt.col_666{ color: #666;} /*심사중*/
.attach_search .write_option { min-width: 660px; }
.list_warp.mypage_list .list_table.keyword_list table tbody > tr > td.tt.red { color:#cc3333; }
.list_warp.mypage_list .list_table.keyword_list table tbody > tr > td.tt.blue { color:#4285F4; }
.list_warp.mypage_list .list_table.keyword_list table tbody > tr > td.tt.col_ccc { color:#ccc; }
.list_warp.mypage_list .list_table.keyword_list table tbody > tr > td.tt.col_666 { color:#666; }

/*마이페이지 소속관리-소속현황*/
.attach_list .btn_attachout { width: 95px; float: left; height: 30px; line-height: 28px; text-align: center; font-size: 12px; font-weight: 600; color: #ccc; border-radius: 5px; border: 1px solid #ccc; background: #fff !important; cursor: pointer; } /*소속 탈퇴하기 버튼*/
.attach_list .btn_attachout:hover {  color: #F34D33; border: 1px solid #F34D33; }

/*마케팅칼럼-쪽지쓰기 팝업 스타일*/
.popup_bg.list_write_bg { background: none; }
.popup_bg.list_write_bg .info_pop { box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.2); }

/*고객센터-이용안내-회원등급안내*/
.cs_wrap .top_guide_warp .use_thumbnail { width:88px; height:88px; float:left; border-radius: 100px; background-color:#F1F1F1; color:#ADADAD; font-size: 30px; text-align: center; line-height: 88px; }
.cs_wrap .top_guide_warp .use_thumbnail > img{width: 100%; float: left;}
.cs_wrap .sub_tit { width:100%; float:left; text-align: center; margin-top:40px; }
.cs_wrap .sub_tit > ul { width:100%; float:left;  }
.cs_wrap .sub_tit > ul > li { width:100%; float:left;  }
.cs_wrap .sub_tit > ul > li.tit { font-size: 20px;  font-weight: bold; color: #333; }
.cs_wrap .sub_tit > ul > li.txt { font-size: 13px;  font-weight: 400; color: #999; margin-top:10px; }
.cs_wrap .sub_tit .main_color .grade_icon { margin: 0px 5px; top:2px;}
/*회원등급표*/
.cs_wrap .viewCont { width:100%; float:left; margin-top:55px; display: flex; justify-content: space-between; }
.cs_wrap .viewCont .grade { width:630px; float:left;  }
.cs_wrap .viewCont .grade > table { width:100%; float:left; font-size: 14px; table-layout: fixed; border:1px solid #EAEAEA;  }
.cs_wrap .viewCont .grade > table > tbody > tr > th { text-align: center; color:#666; padding:10px 0; font-weight: 500; background-color: #F1F1F1; border-left: 1px solid #EAEAEA; }
.cs_wrap .viewCont .grade > table > tbody > tr > td { text-align: center; padding:18px 0; color:#999999; font-weight: 500; border-left: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA; }
.cs_wrap .viewCont .grade > table > tbody > tr > td.tt { color:#333; font-weight: 500; text-align: left; padding:0 38px; }
.cs_wrap .viewCont .grade > table > tbody > tr > td.tt > i { margin-right:5px; font-size:11px; }
.cs_wrap .viewCont .grade > table > tbody > tr > td.blue > i { color: #4285F4; }
.cs_wrap .viewCont .grade > table > tbody > tr > td.green > i { color: #06BE3D; }
.cs_wrap .viewCont .grade > table > tbody > tr > td.red > i { color: #F24C4C; }
.cs_wrap .viewCont .grade > table > tbody > tr > td.gray > i { color: #6E6F72; }
/*등급 안내문*/
.cs_wrap .viewCont .grade_info { width:335px; float:left; border: 1px solid #EAEAEA; padding:25px 30px; border-radius: 5px; }
.cs_wrap .viewCont .grade_info .tit { width:100%; float:left; font-size: 14px; font-weight: bold; color:333; }
.cs_wrap .viewCont .grade_info > ul { width:100%; float:left; margin-top:22px; }
.cs_wrap .viewCont .grade_info > ul > li { width:100%; float:left; margin-top:10px; display: flex; align-items: center; gap:6px; font-size: 13px; font-weight: 400; color:#666666; }
.cs_wrap .viewCont .grade_info > ul > li:nth-child(1) { margin-top:0px; }
.cs_wrap .viewCont .grade_info > ul > li > span { width:3px; height:3px; background-color: #555; border-radius: 10px; display: block; float:left; }

/*고객센터-이용안내-서비스이용*/
.sub_tap { width:100%; float:left; text-align: center;}
.sub_tap > ul { width:100%; float:left; display: flex; justify-content: flex-start; gap:12px;  }
.sub_tap > ul > li { width:130px; height:35px; line-height: 33px; float:left; border: 1px solid #E1E1E1; color:#CCCCCC; font-size: 13px; font-weight: 600; border-radius: 50px; text-align: center; cursor: pointer; }
.sub_tap > ul > li > a{width: 100%; float: left;}
.sub_tap > ul > li.active { background-color: #F34D33; color:#fff; }
/*고객센터-이용안내-개인정보처리방침*/
.use_input { width:100%; height:480px; overflow-Y: scroll; float:left; padding:15px; border: 1px solid #E1E1E1; border-radius: 5px;  }
.use_input .tit { width:100%; float:left; font-size: 16px; font-weight: bold; color:#666; }
.use_input .text { width:100%; float:left; color:#666; font-size: 12px; font-weight: 400; margin-top:25px; line-height: 20px; }

/*키워드조합*/
.keywordmix_warp { text-align: left; }
.keywordmix_warp .search_box_keyword input{ width: 100%; float: left; font-size: 14px; font-weight: 500; color: #333; border: none; background: none; line-height: 27px; }

.keywordmix_list { margin-top:35px; }
.keywordmix_list .content { width: 100%; float: left; display: flex; justify-content: space-between; }
.keywordmix_list .keywordmix_box { width: 310px; height:340px; float: left; background-color: #F1F1F1; border-radius: 10px; padding: 30px 20px; }
.keywordmix_list .keywordmix_box .sub_tit { width:100%; float:left; display: flex; justify-content: space-between; font-weight: bold; font-size: 15px; }
.keywordmix_list .keywordmix_box .sub_tit > span { color:#999; font-size: 14px; }
.keywordmix_list .keywordmix_box .box { width:100%; float:left; height:240px; margin-top:10px; background-color: #fff; border-radius: 5px; padding:15px; }
.keywordmix_list .keywordmix_box .box > textarea { width:100%; float:left; height: 210px; line-height: 25px; padding-left: 0px; color:#333; font-size: 14px; font-weight: 600; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; }
.keywordmix_list .keywordmix_box .box > textarea.keyword::-webkit-scrollbar { display: none; }
.keywordmix_list .keywordmix_box .box > textarea::placeholder{color: #ccc;}

.keyword_combinataion { margin-top:45px; } 
.keyword_combinataion .content { width: 100%; float: left; margin-top: 10px; background-color: #fff; border-radius: 10px; padding:15px 30px; }
.keyword_combinataion .combnt { width: 100%; float: left; border-bottom: 1px solid #E1E1E1; padding: 20px 7px; display: flex; gap:47px; flex-wrap: wrap; align-items: center; row-gap: 20px; }
.keyword_combinataion .combnt:last-child { border-bottom: none; }
.keyword_combinataion .combnt > li { line-height: 15px; font-size: 14px; font-weight: 600; color:#666; } 
.keyword_combinataion .combnt > li > span { margin-left: 10px; top: -2px; }
.keyword_combinataion .combnt_btn_box { width: 100%; float: left; margin-top:28px; display: flex; justify-content: center; align-items: center; }

/*마케팅칼럼-QNA*/
.column_list.qna_list .answer { padding:0 26px; }
.column_list.qna_list .answer .done { width:66px; height:25px; line-height:23px; font-size: 12px; font-weight: 600; text-align: center; border-radius: 100px; border: 1px solid #F34D33; background-color: #fff; left: 50%; transform: translateX(-50%);}
.column_list.qna_list .answer .yet { font-size: 14px; font-weight: 500; text-align: center; color:#666666; }
.column_list.qna_list .title_box > .txt { line-height: 25px; }
.column_list.qna_list .title_box > .lock { color:#CCCCCC; margin-left: 10px; }
.column_list.qna_list .title_box { width:94%; }

/*마케팅칼럼-FAQ*/
.column_wrap .faq_list { width:100%; float:left; text-align: left; }
.column_wrap .faq_list .faq_box { width:100%; float:left;  }
.column_wrap .faq_list .faq_box .question_box { width:100%; float:left; border-bottom: 1px solid #e1e1e1; padding:15px 30px; }
.column_wrap .faq_list .faq_box .question_box.on { background-color:#FEF6F4; }
.column_wrap .faq_list .faq_box .question_box .main { width:4%; float:left; text-align: left; font-weight: bold; font-size: 20px; line-height: 25px; }
.column_wrap .faq_list .faq_box .question_box .title { width:96%; float:left; line-height: 28px; font-size: 15px; font-weight: 500; color:#333;  }
.column_wrap .faq_list .faq_box .question_box .title > .notice { width:50px; height:25px; float:left; text-align: center; color:#F34D33; font-size: 12px; font-weight: bold; top: 2px; margin-right: 10px; }
.column_wrap .faq_list .faq_box .question_box .title > .arrow { float: right; font-size: 20px; cursor: pointer; }
.column_wrap .faq_list .faq_box .answer_box { width:100%; float:left; border-bottom: 1px solid #e1e1e1; padding:15px 30px; display: flex; gap:8px; } 
.column_wrap .faq_list .faq_box .answer_box .box { width:2%; float:left; text-align: left; font-size: 20px; line-height: 20px; font-weight: 400; }
.column_wrap .faq_list .faq_box .answer_box .main { width:25px; height:25px; line-height: 25px; float:left; background-color: #999; border-radius: 5px; color:#fff; font-size: 15px; font-weight: 600; text-align: center; }
.column_wrap .faq_list .faq_box .answer_box .con { width:90%; float:left; font-size: 14px; font-weight: 400; color:#666; margin-left: 10px; line-height: 21px; } 
.column_wrap .title_warp { margin-top:0; }

/* 마이페이지-팔로우현황 */
.no_data_smile_wrap { width: 100%; float: left; color: #ccc; text-align: center; top: 50%; transform: translateY(-50%); }
.no_data_smile_wrap .no_data_smile_icon { width: 100%; float: left; font-size: 42px; }
.no_data_smile_wrap .no_data_smile_text { width: 100%; float: left; font-size: 21px; margin-top: 10px; }

/*숏주소-소속선텍*/
.attach_select { width:300px; height:40px; float:left; position: absolute; right:0; z-index: 999; }
.attach_select .text { float:left; width:50px; line-height: 40px; font-size: 13px; color:#333; font-weight: 600; }
.attach_select .text > span { color:#999; font-weight: 400; }
.attach_select .selected { width:240px; height:40px; float:right; border: 1px solid #E4E4E4; border-radius: 10px; background-color: #fff; padding:0 12px; display: flex; align-items: center; gap:10px; cursor: pointer; } 
.attach_select .selected .txt { width:73%; float:left; font-weight: 500; }
.attach_select .selected .txt > span { color:#999; font-weight: 400; }
.attach_select .selected .thumnail { width:20px; height:20px; float:left; border-radius: 50px; overflow: hidden; }
.attach_select .selected .thumnail > img { object-fit: cover; }
.attach_select .selected .arrow { width:8%; float:right; cursor: pointer; color:#999; }
.attach_select .option_box  { width:240px; min-height:50px; float:right; border: 1px solid #E4E4E4; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; background-color: #fff; display: flex; align-items: center; gap:10px; display: none; }
.attach_select .option_box > ul { width:100%; float:left; }
.attach_select .option_box .option { width:100%; float:left; height:50px; display: flex; align-items: center; padding:8px 15px; border-top: 1px solid #E4E4E4; cursor: pointer; }
.attach_select .option_box .option.active { background-color:#FEF6F4; }
.attach_select .option_box .option:first-child { border-top: 0; }
.attach_select .option_box .option:last-child.active { background-color:#FEF6F4; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.attach_select .option_box .option .thumbnail { width:30px; height:30px; float:left; border:1px solid #e3e3e3; border-radius: 50px; overflow: hidden; }
.attach_select .option_box .option .name { width:80%; float:left; margin-left:10px; font-size: 12px; font-weight: 500; }
.attach_select .option_box .option .name .nickname { width:100%; float:left; }
.attach_select .option_box .option .name .id { width:100%; float:left; font-size: 11px; color:#999; font-weight: 400; letter-spacing: 0; }

/*마이페이지 - 받은 문의 내용확인 팝업창*/
.popup_bg .qnacon_pop { width:1000px; height:100vh; float:left; border-radius: 0; padding:0; border: 0; }
.popup_bg .info_pop.qnacon_pop .info_con { margin-top: 27px; padding: 0 10px }
.qnacon_pop_bg .qnacon_pop .tit_box { width:100%; float:left; background-color:#F34D33; height:80px; line-height: 80px; padding: 0 24px; }
.qnacon_pop_bg .qnacon_pop .tit_box .tit { color:#fff; font-size: 20px; font-weight: 600; }
.qnacon_pop_bg .qnacon_pop .title_box .title { font-size: 25px; font-weight: 400; line-height: 25px; }
.qnacon_pop_bg .qnacon_pop .user_box { width:100%; float:left; margin-top: 22px; }
.qnacon_pop_bg .qnacon_pop .user_box > ul { width:50%; float:left; display: flex; font-size: 13px; align-items: center; }
.qnacon_pop_bg .qnacon_pop .user_box .left { justify-content: flex-start; font-weight: 500; }
.qnacon_pop_bg .qnacon_pop .user_box .u_name{color: #666; cursor: pointer;}
.qnacon_pop_bg .qnacon_pop .user_box .u_name > i{font-size: 14px; color: #999; margin-right: 5px;}
.qnacon_pop_bg .qnacon_pop .user_box .u_name .writer_clickbox{left: 15px; top: 22px;}
.qnacon_pop_bg .qnacon_pop .user_box .number { color: #999; font-weight: 500; margin-left: 3px; }
.qnacon_pop_bg .qnacon_pop .user_box .line{width: 1px; height: 15px; background-color: #ccc; margin: 0 13px; padding: 0 ;}
.qnacon_pop_bg .qnacon_pop .user_box .u_date{color: #ccc;}
.qnacon_pop_bg .qnacon_pop .user_box .right{justify-content: flex-end; font-weight: 600; gap: 20px;}
.qnacon_pop_bg .qnacon_pop .user_box .right > li{letter-spacing: 0;}
.qnacon_pop_bg .qnacon_pop .user_box .right > li > img{margin-right: 10px; transform: translateY(-1px);}
.qnacon_pop_bg .qnacon_pop .user_box .right > li > i{margin-right: 10px; color: #999; font-size: 14px;}
.qnacon_pop_bg .qnacon_pop .textBox { width:100%; float:left; height:300px; line-height: 22px; font-size: 14px; font-weight: 400; color: #444; background: #fff; padding: 15px 15px 25px 15px; overflow-y: scroll; }

/* - 받은 문의: 답변확인박스*/
.qnacon_CommBox { width:100%; float:left; line-height: 22px; font-size: 14px; font-weight: 400; color: #444; border: 1px solid #E1E1E1; background: #F9F9F9; border-radius: 5px; padding: 25px 20px 25px 20px; margin-top: 60px; }
.qnacon_CommBox .list { width:100%; float:left; display: flex; justify-content: space-between; align-items: center; }
.qnacon_CommBox .list .qnacon_qnatit { float:left; font-weight: 600; font-size: 15px; }
.qnacon_CommBox .list .menu { float:left; font-size: 13px; font-weight: 600; cursor: pointer; }
.qnacon_CommBox .list .menu .menu_box {width: 100px; float: left; border: 1px solid #EAEAEA; box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.05); border-radius: 5px; background-color: #fff; position: absolute; top: 25px; right: 0; z-index: 99;}
.qnacon_CommBox .list .menu .menu_box > li{width: 100%; float: left; height: 45px; line-height: 45px; font-size: 11px; font-weight: 600; text-align: center; color: #999;}
.qnacon_CommBox .list .menu .menu_box > li i{margin-right: 5px;}
.qnacon_CommBox .qnacon_answertit { width:100%; float:left; font-size: 17px; font-weight: 600; line-height: 25px; }
.qnacon_CommBox .qnacon_answertit > span { width:28px; height:28px; float:left; margin-right:10px; background-color: #F34D33; text-align: center; font-size: 15px; color:#fff; border-radius: 50px; line-height: 26px; }
.qnacon_CommBox .qnacon_answercomm { width:100%; float:left; margin-top:15px; font-size: 15px; color:#333; line-height: 23px; padding:0 5px; font-weight: 400; }
/* - 받은 문의: 답변작성박스*/
.qnacon_Comment { width:100%; float:left; background-color: #FEF6F4; padding-top:25px ! important; padding-bottom:25px ! important; margin-top:50px; }
.qnacon_Comment .tt { width:100%; float:left; font-size: 19px; font-weight: bold; }
.qnacon_Comment .txt_log { width:100%; float:left; font-size: 14px; font-weight: 500; color:#666; margin-top:15px; }
.qnacon_Comment .txt_log .id { font-weight: 400; color:#666; margin-left: 5px; }
.qnacon_Comment .txt_log > i { font-size: 6px; top: -2px; margin-right: 7px; }
.qnacon_Comment .cmt_wf { margin-top:10px; }
.qnacon_Comment .cmt_wf .c_btm { display: flex; justify-content: flex-end; }
.qnacon_Comment .cmt_wf .cmt_input .comment_inbox_text { min-height:150px; margin-top: 0; }
.qnacon_Comment .btn_button { width:100%; float:left; margin-top:20px; display: flex; justify-content: flex-end; }

.qna_view { padding:37px 0 87px 0; }
.qna_view > div { padding:0 40px; }

/*비밀글-비밀번호입력 팝업창*/
.popup_bg .password_pop { width:460px; height:380px; border-radius: 30px; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.password_pop .icon { font-size: 35px; color:#e1e1e1; }
.password_pop .tit { font-size: 22px; color:#333; font-weight: bold; margin-top:14px; }
.password_pop .sub_txt {  font-size: 14px; color:#666; font-weight: 400; margin-top:14px; }
.password_pop .con_wrap { width:100%; float:left; text-align: center; margin-top:22px; }
.password_pop .con_wrap .pw_box { width:300px; text-align: center; border:1px solid #eee; padding:15px; font-size: 16px; letter-spacing: 0; }
.password_pop .btn_bar { width:100%; float:left; margin-top:22px; display: flex; align-items: center; justify-content: center; gap:10px; }


/*검색결과 페이지*/
.search_wrap { width:100%; float:left; }
.search_wrap .search_tit { width:100%; float:left; height: 160px; text-align: center; background-color: #fff; border-radius: 5px; display: flex; justify-content: center; align-items: center; flex-direction:column ; }
.search_wrap .search_tit .tit { width:100%; float:left; font-weight: 600; font-size: 18px;  }
.search_wrap .search_tit .txt { width:100%; float:left; color:#999; font-size: 13px; font-weight: 500; margin-top:12px; }

.search_list_wrap { width:100%; float:left; }
.search_cont .list_tabletop .total { border-right: 0; }
.search_cont { width:100%; float:left; background-color: #fff; border-radius: 5px; padding: 37px 40px 87px 40px;}
.search_cont .search_list { width:100%; float:left; border-top:3px solid #f34d33; margin-top: 30px; }
.search_cont .search_list .list { width:100%; float:left; padding:25px 30px; border-bottom:1px solid #eee; }
.search_list .list .title { font-size: 15px; font-weight: 600; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.search_list .list .title .tag { color:#999; margin-right:5px; }
.search_list .list .txt { font-size: 14px; height:44px; font-weight: 500; margin-top:17px; color:#666; line-height: 21px; text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
/* white-space: nowrap; */ }
.search_list .list .name { margin-top:18px; font-size: 12px; display: flex; justify-content: flex-start; align-items: center; gap:13px; }
.search_list .list .name .l_menu { font-weight: 500; cursor: pointer; }
.search_list .list .name .line { width:1px; height:15px; background-color: #ccc; }
.search_list .list .name .l_name { font-weight: 500; cursor: pointer; color: #666; }
.search_list .list .name .l_time { font-weight: 600; color:#ccc; }
.search_list .list .name .l_conbar { font-weight: 600; color:#333; }
.search_list .list .name .l_conbar i { color: #999; margin-right: 5px; }
.search_list .list .name .l_conbar img{transform: translateY(-1px); margin-right: 5px;}
.search_list .list .name .l_conbar > span:not(:first-child){margin-left: 10px;}

/*마케팅 대행사 소개 css*/
.agency_wrap .thumbnail{width: 88px; float: left; height: 88px; border-radius: 100px; background-color: #E1E1E1; border: 2px solid #E1E1E1; overflow: hidden;}
.agency_wrap .thumbnail > img { width: 88px; height: 88px; object-fit: cover; }
.agency_wrap .right{float:right; width:auto; margin-left: 10px;}
.agency_wrap .icon_wrap{border-left: 1px solid #CCCCCC; margin-left: 15px; width: 40px !important; font-size: 20px;}
.agency_wrap .icon_wrap i{cursor: pointer; font-size: 20px; color: #CCCCCC; line-height: 26px !important; text-align: center;}