/* Color */
/* Brand */
/* .color_primary_100{color: #FEF6F4;}
.color_primary_200{color: #F34D33;} */

/* System */
/* .color_naver{color: #03C75A;}
.color_google{color: #4285F4;}
.color_kakao{color: #FEE500;}
.color_Yellow{color: #FFCC00;}
.color_red{color: #cc3333;}
.color_green{color: #1F6F43;} */

/* Grayscale */
/* .color_white{color: #fff;}
.color_gray_100{color: #F9F9F9;}
.color_gray_200{color: #F5F5F5;}
.color_gray_300{color: #F1F1F1;}
.color_gray_400{color: #EAEAEA;}
.color_gray_500{color: #E3E5E8;}
.color_gray_600{color: #E1E1E1;}
.color_gray_700{color: #ccc;}
.color_gray_800{color: #999;}
.color_gray_900{color: #666;}
.color_black{color: #333;} */

/* Typography */
/* .typo_9_eb{font-size: 9px; line-height: 13.5px; font-weight: bold; letter-spacing: 0;}
.typo_11_r{font-size: 11px; line-height: 18px; font-weight: 400;}
.typo_11_m{font-size: 11px; line-height: 18px; font-weight: 500;}
.typo_11_b{font-size: 11px; line-height: 18px; font-weight: bold;}
.typo_12_m{font-size: 12px; line-height: 18px; font-weight: 500;}
.typo_12_b{font-size: 12px; line-height: 18px; font-weight: bold;}
.typo_12_eb{font-size: 12px; line-height: 18px; font-weight: bold; letter-spacing: 0;}
.typo_13_r{font-size: 13px; line-height: 20px; font-weight: 400;}
.typo_13_m{font-size: 13px; line-height: 20px; font-weight: 500;}
.typo_13_em{font-size: 13px; line-height: 20px; font-weight: 500; letter-spacing: 0;}
.typo_13_b{font-size: 13px; line-height: 20px; font-weight: bold;}
.typo_13_eb{font-size: 13px; line-height: 20px; font-weight: bold; letter-spacing: 0;}
.typo_14_r{font-size: 14px; line-height: 21px; font-weight: 400;}
.typo_14_m{font-size: 14px; line-height: 21px; font-weight: 500;}
.typo_14_em{font-size: 14px; line-height: 21px; font-weight: 500; letter-spacing: 0;}
.typo_14_b{font-size: 14px; line-height: 21px; font-weight: bold;}
.typo_14_eb{font-size: 14px; line-height: 21px; font-weight: bold; letter-spacing: 0;}
.typo_15_r{font-size: 15px; line-height: 22px; font-weight: 400;}
.typo_15_b{font-size: 15px; line-height: 22px; font-weight: bold;}
.typo_16_er{font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: 0;}
.typo_16_m{font-size: 16px; line-height: 24px; font-weight: 500;}
.typo_16_b{font-size: 16px; line-height: 24px; font-weight: bold;}
.typo_16_eb{font-size: 16px; line-height: 24px; font-weight: bold; letter-spacing: 0;}
.typo_18_b{font-size: 18px; line-height: 27px; font-weight: bold;}
.typo_18_eb{font-size: 18px; line-height: 27px; font-weight: bold; letter-spacing: 0;}
.typo_20_b{font-size: 20px; line-height: 30px; font-weight: bold;}
.typo_23_b{font-size: 23px; line-height: 34px; font-weight: bold;}
.typo_28_b{font-size: 28px; line-height: 42px; font-weight: bold;} */

/* 아이콘 */
.star_icon i{color: #ccc; font-size: 16px; cursor: pointer;} /*즐겨찾기 아이콘:별표*/
.star_icon.active i{color: #FFCC00;}
.delete_icon{position: absolute; top: 50%; transform: translateY(-50%); right: 15px; z-index: 9; background: none;}


/* 알림배지 */
.state{width: 16px; height: 16px; float: left; line-height: 16px; font-size: 10px; font-weight: bold; letter-spacing: 0; border-radius: 100px; color: #fff; background: #F34D33; text-align: center; position: absolute; bottom: -3px; right: -8px; z-index: 99;}
.state.default { padding: 0px 5px; width: auto; min-width: 16px; }
.state.variable{width: 26px; right: -15px;} /*숫자 2개 이상*/

/* 시간 새로고침 */
.date_box{font-size: 14px; font-weight: 500; line-height: 21px; color: #ccc; letter-spacing: 0;}
.date_box > span{font-size: 15px; color: #ccc; background: none; margin-left: 5px;}
.date_box > span > i{cursor: pointer;}

/* Button */
.btn_excel{width: 125px; float: left; height: 30px; line-height: 28px; text-align: center; font-size: 12px; font-weight: 600; color: #1F6F43; border-radius: 3px; border: 1px solid #1F6F43; background: #fff; cursor: pointer;} /*엑셀*/
.btn_excel img{margin-right: 5px;} /*엑셀 버튼 아이콘 여백*/
.btn_search{width: 100px; float: left; height: 35px; line-height: 35px; text-align: center; font-size: 14px; font-weight: 500; color: #fff; background: #F34D33; cursor: pointer;} /*검색*/
.btn_top{width: 80px; float: right; height: 30px; line-height: 28px; text-align: center; font-size: 14px; font-weight: 600; letter-spacing: 0; color: #F34D33; border-radius: 3px; border: 1px solid #F34D33; background: #fff; cursor: pointer; top: 50%; transform: translateY(-50%);} /*탑*/
.btn_close{width: 100px; float: left; height: 35px; line-height: 33px; text-align: center; font-size: 14px; font-weight: 600; color: #ccc; border-radius: 5px; border: 1px solid #ccc; background: #fff; cursor: pointer;} /*닫기*/
.btn_list{width: 100px; float: left; height: 35px; line-height: 35px; text-align: center; font-size: 14px; font-weight: 600; color: #666; border-radius: 5px; background: #F1F1F1; cursor: pointer;} /*목록*/
.btn_enroll{width: 120px; 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_write{width: 120px; float: left; height: 35px; line-height: 35px; text-align: center; font-size: 14px; font-weight: 600; color: #F34D33; border-radius: 5px; background: rgba(243,77,51,0.1); cursor: pointer;} /*글쓰기*/
.btn_write i{color: #F34D33;} /*글쓰기 버튼 아이콘 여백*/
.btn_cancel{width: 80px; float: left; height: 30px; line-height: 28px; text-align: center; font-size: 12px; font-weight: 600; color: #ccc; border-radius: 3px; border: 1px solid #ccc; background: #fff !important; cursor: pointer;} /*취소 회색*/
.btn_cancel_primary{width: 80px; float: left; height: 30px; line-height: 30px; text-align: center; font-size: 12px; font-weight: 600; color: #F34D33; border-radius: 3px; border: 1px solid #F34D33; background: #fff; cursor: pointer;} /*취소 메인색상*/
.btn_follow{width: 80px; float: left; height: 30px; line-height: 28px; text-align: center; font-size: 12px; font-weight: 600; color: #F34D33; border-radius: 3px; border: 1px solid #F34D33; background: #fff; cursor: pointer;} /*팔로우*/
.btn_follow i{color: #F34D33; margin-right: 5px;} /*글쓰기 버튼 아이콘 여백*/
.btn_change{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; cursor: pointer;} /*변경*/
/* .btn_message{width: 105px; float: left; height: 30px; line-height: 28px; text-align: center; font-size: 12px; font-weight: 600; color: #fff; border-radius: 3px; background: #F34D33; cursor: pointer;} 쪽지보내기 */
.btn_edit_bg{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_logout{width: 105px; float: left; height: 30px; line-height: 28px; text-align: center; font-size: 12px; font-weight: 600; color: #F34D33; border-radius: 3px; border: 1px solid #F34D33; background: #fff; cursor: pointer;} /*로그아웃*/
.btn_edit{width: 105px; float: left; height: 30px; line-height: 28px; text-align: center; font-size: 12px; font-weight: 600; color: #ccc; border-radius: 3px; border: 1px solid #ccc; background: #fff; cursor: pointer;} /*정보수정*/
.btn_attent{width: 95px; float: left; height: 30px; line-height: 28px; text-align: center; font-size: 12px; font-weight: 600; color: #F34D33; border-radius: 5px; background: #fff; border: 1px solid #F34D33; cursor: pointer;} /*출석하기*/
.btn_attent i{margin-right: 5px;} /*출석하기 아이콘 여백*/
.btn_attent > a{width: 100%; float: left;}
.btn_community{width: 90px; text-align: center; border-radius: 100px; background-color: #FEF6F4;}
.btn_community > a{color: #F34D33; line-height: 28px;}
.btn_delete{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; cursor: pointer;}/*삭제, 거절 높이 30*/
.btn_column{width: 190px; height: 50px; line-height: 48px; font-size: 16px; font-weight: bold; color: #fff; border-radius: 5px; text-align: center; background: #F34D33; left: 50%; transform: translateX(-50%);} /*마케팅칼럼*/
.btn_follower{width: 48px; float: left; height: 30px; line-height: 28px; text-align: center; font-size: 11px; font-weight: 600; color: #F34D33; border-radius: 3px; border: 1px solid #F34D33; background: #fff; cursor: pointer;} /* 팔로워 버튼(리스트에서 작성자 클릭 시)*/
.btn_follower.disable{color: #ccc; border-color: #ccc; cursor: default;} /* 팔로워 버튼(리스트에서 작성자 클릭 시)*/
.btn_message{width: 114px; 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_mypage{width: 100%; float: left; height: 30px; line-height: 28px; text-align: center; font-size: 11px; font-weight: 600; color: #F34D33; border-radius: 3px; border: 1px solid #F34D33; background: #fff; cursor: pointer;} /* 쪽지보내기 버튼(리스트에서 작성자 클릭 시)*/
.btn_Refresh{width: 85px; float: left; height: 25px; line-height: 25px; text-align: center; font-size: 12px; font-weight: 500; color: #999; border-radius: 3px; background: #F1F1F1; cursor: pointer;} /*팝업_시간 새로고침*/
.btn_Refresh > i {color: #999; margin-right: 5px;}
.btn_duplication{width: 70px; float: left; height: 33px; line-height: 33px; text-align: center; font-size: 12px; font-weight: 500; color: #fff; border-radius: 3px; background: #F34D33 !important; cursor: pointer;} /* 숏주소 공유하기 url복사 */
.btn_login{width: 420px; float: left; height: 50px; line-height: 50px; text-align: center; font-size: 15px; font-weight: 600; color: #fff; border-radius: 10px; background-color: #999; cursor: default;}
.btn_login.active{background: #F34D33; cursor: pointer;}  /* 회원가입 버튼 비활성화*/
.btn_login2{width: 100%; float: left; height: 50px; line-height: 50px; text-align: center; font-size: 15px; font-weight: 600; color: #fff; border-radius: 10px; background-color: #999; cursor: default;}
.btn_login2.active{background: #F34D33; cursor: pointer;}  /* 회원가입 버튼 비활성화*/
.btn_join{width: 195px !important; float: left; height: 50px; line-height: 50px; text-align: center; font-size: 14px; font-weight: 600; color: #fff; border-radius: 5px; cursor: pointer;} /* 로그인 버튼, 회원가입 버튼 */
.btn_join > a{display: block;}
.btn_check{width: 75px; float: left; height: 30px; line-height: 28px; text-align: center; font-size: 12px; font-weight: 600; color: #F34D33; border-radius: 3px; border: 1px solid #F34D33; background: #fff;} /*회원가입 중복확인, 문자인증*/
.btn_check_inactive{width: 75px; float: left; height: 30px; line-height: 28px; text-align: center; font-size: 12px; font-weight: 600; color: #999; border-radius: 3px; background: #E3E5E8;} /*회원가입 중복확인, 문자인증*/
.btn_login_s{width: 250px; float: left; height: 50px; line-height: 50px; text-align: center; font-size: 14px; font-weight: 600; color: #fff; border-radius: 5px; background: #F34D33; cursor: pointer;} /* 로그인 완료페이지에서 로그인하러가기 버튼*/
.btn_login_s > a{display: block;}
.btn_save{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;}
.select_btn{width: 60px; height: 25px; line-height: 23px; border-radius: 3px; text-align: center; color: #999; font-size: 12px; font-weight: 600;} 
.select_all_btn{background-color: #fff; border: 1px solid #ccc;}
.delte_all_btn{background-color: #F1F1F1; border: 1px solid #E3E5E8;}
.inactive_btn{color: #ccc!important; border: 1px solid #ccc!important; } /*비활성화 버튼*/
.return_btn{background-color: #F34D33 !important; color: #fff !important;} /*반려 버튼*/
.bbs_border_btn { width: 110px; height: 35px; text-align: center; font-size: 14px; font-weight: 600; color: #F34D33; border-radius: 3px; border: 1px solid #F34D33; background: #fff; cursor: pointer; }
.btn_block{width: 80px; float: left; height: 25px; line-height: 23px; text-align: center; font-size: 12px; font-weight: 600; color: #FFF; border-radius: 3px; background: #F34D33; cursor: pointer;}

/* 키워드조회-검색하기 인풋 */
.search_box_keyword{width: 950px; float: left; height: 60px; padding: 15px; background: #fff; border-radius: 10px; border: 1px solid #E1E1E1;}
.search_box_keyword textarea{width: 100%; float: left; height: 80px; color: #333; border: none; font-size: 14px; font-weight: 500; line-height: 21px; overflow-y: scroll;}
.search_box_keyword textarea::placeholder{color: #ccc;}
.search_box_keyword .btn_enroll{float: right; margin-top: 10px;}
.search_box_keyword .keyword_count_box{display:inline-block; margin-top:10px; padding-left:15px;}
/* 하단 검색창 인풋 */
.input_search{width: 250px; float: left; height: 35px; line-height: 35px; font-size: 14px; font-weight: 500; color: #333; border: 1px solid #E1E1E1; background: #fff;}

/* 셀렉트박스 */
select{min-width: 95px; background-color: #fff; color: #666; padding: 0 10px; margin-left: 4px;}
.select_s{height: 30px; line-height: 30px; font-size: 12px; font-weight: 500; border: 1px solid #D8D8D8;} /*높이 30-내림차순, 오름차순 등*/
.select_m{height: 35px; line-height: 35px; font-size: 14px; font-weight: 500; border: 1px solid #E1E1E1;} /*높이 35-구분(하단 검색창)*/
.select_l{height: 40px; line-height: 40px; font-size: 14px; font-weight: 500; border: 1px solid #E1E1E1; border-radius: 5px;} /*높이 40-마케팅칼럼 글쓰기 카테고리 선택*/
.select_xl{height: 50px; line-height: 50px; font-size: 14px; font-weight: 500; border: 1px solid #E1E1E1; border-radius: 5px;} /*높이 50-회원가입 이메일 선택*/
.select_wd160 { width:160px; height: 40px; line-height: 40px; font-size: 13px; font-weight: 500; border: 1px solid #E1E1E1; border-radius: 5px; }
.select_wd170 { width:170px; height: 40px; line-height: 40px; font-size: 13px; font-weight: 500; border: 1px solid #E1E1E1; border-radius: 5px; }


/* 체크박스-키워드조회,키워드조합 */
.checkCustomLabel{text-align: center;}
.checkCustomLabel > i{font-size: 17px;}
.checkCustomLabel .on{color: #F34D33;}
.checkCustomLabel .off{color: #EAEAEA;}

/* 조회수, 하트 아이콘 영역 */
.ViewBar{font-weight: 400; letter-spacing: 0; color: #ccc; font-size: 13px;}
.ViewBar > span:not(:first-child){margin-left: 7px;}
.ViewBar img{transform: translateY(-1px); margin-right: 5px;}
.ViewBar i{margin-right: 5px; font-size: 12px;}

/* 헤더영역-공통 */
.header_line{width: 100%; float: left;}
.header_line.main_color{border-bottom: 1px solid #F34D33;}
.header_line.gray_color{border-bottom: 1px solid #E1E1E1;}
.top_label{display: flex; justify-content: flex-end; align-items: center; gap: 30px; color: #666;}
.top_label .top_user{display: flex; justify-content: space-between; align-items: center; gap: 10px; cursor: pointer;}
.top_label .top_icon_box{font-size: 26px; color: #333; display: flex; justify-content: space-between; align-items: center; gap: 35px}
.top_label .top_icon_box i{float: left; cursor: pointer;}
.top_label .top_icon_box > li{float: left;}
.top_label .top_icon_box > li > a{width: 100%; float: left;}
.top_label .thumbnail { width:30px; height:30px; border-radius: 50px; overflow: hidden; }
.top_label .thumbnail > img{width: 30px; height: 30px; object-fit: cover;}
/* 헤더영역-메인 */
.header .header_main{width: 100%; float: left; height: 135px; padding: 0 30px; display: flex; justify-content: space-between; align-items: center;}
.header .header_main > div{float: left;}

/* 헤더수정 250625 */
.header .header_nav .nav_box{width: 100%; display: flex; justify-content: flex-start; align-items: center; gap: 60px;}
.header .header_nav .left_gnb:last-child::before{
    content: '';
    width: 1px;
    height: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -30px;
    background-color: #E1E1E1;
}

.top_label .cs_wrap{color: #999; font-weight: 500; }
.top_label .cs_wrap::after{
    content: '';
    width: 1px;
    height: 20px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    background-color: #E1E1E1;
    
    
}

.top_label .cs_wrap.subpage_cs{font-size: 12px;}

/* 서브페이지 로그인 전 고객센터 메뉴 */
.top_label .cs_wrap.subpage_cs.login_cs::after{
    left: -14px;
}
/* 서브페이지 로그인 후 고객센터 메뉴 */
.top_label .cs_wrap.subpage_cs.logout_cs::after{
    right: -14px;
}

/* 메인페이지 고객센터 메뉴 */
.header_main .top_label .cs_wrap{font-size: 14px; padding-right: 23px; margin-right: -10px;}
.header_main .top_label .cs_wrap::after{
    right: 0;

}






/* 키킥에 바란다 */
.right_gnb{float: left; display: flex; align-items: center;}
.right_gnb > li{float: left;}
#KikicInqury .info_pop .content_wrap { height:744px; overflow-y: auto; }
#KikicInqury .inqury_pop { width: 600px !important; height: 870px !important; }
#KikicInqury .info_con .thumb_box { width: 100%; float: left; } /* margin-top: 35px; */
#KikicInqury .info_con .thumb_box .title { width: 100%; float: left; display: flex; justify-content: flex-start; align-items: center; gap: 20px; margin-top:5px; }
#KikicInqury .file_list li { width: 264px!important; float: left; height: 37px; line-height: 37px; font-size: 12px; padding: 0 15px; border: 1px solid #E3E5E8; border-radius: 2px; }
#KikicInqury .file_list li .txt { font-weight: 500; color: #666; margin-left: 10px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 120px; }
#KikicInqury .info_con .file_box { width: 100%; float: left; height: 60px; line-height: 58px; font-size: 12px; font-weight: 500; color: #999; text-align: center; margin-top: 15px; border: 1px solid #E3E5E8; border-radius: 2px; background-color: #F9F9F9; cursor: pointer; }
#KikicInqury .info_con .file_box img{margin-right: 5px;}
#KikicInqury .file_list {margin-top: 10px; }
#KikicInqury .file_list li:not(:nth-child(2)) { margin-left: 0px!important; }
#KikicInqury .file_list li:nth-child(3) { margin-top: 10px; }
#KikicInqury .file_list li { width: 250px; float: left; height: 37px; line-height: 37px; font-size: 12px; padding: 0 15px; border: 1px solid #E3E5E8; border-radius: 2px; }
#KikicInqury .thumb_box .title .txt { font-size: 15px; font-weight: 500;}
#KikicInqury .thumb_box .guide { color: #999; font-size: 13px; }
#KikicInqury .thumb_box .guide i { margin-right: 5px; color: #ccc;}
/*키킥에 바란다 버튼 - 보더스타일
.KikicInqury{width: 190px; float: left; height: 40px; line-height: 40px; font-size: 15px; font-weight: 600; color: #F34D33; text-align: center; border: 1px solid #F34D33; border-radius: 100px; cursor: pointer;}
.KikicInqury > i{font-size: 16px; margin-right: 5px;} */
/*키킥에 바란다 버튼 - 배경색상 스타일*/
.KikicInqury{width: 190px; float: left; height: 30px; line-height: 30px; font-size: 12px; font-weight: 600; color: #F34D33; background-color: #fff; border: 1px solid #F34D33; text-align: center; border-radius: 5px; cursor: pointer; margin-right:5px;}
.KikicInqury > i{font-size: 14px; margin-right: 5px;}
#KikicInqury { background-color: rgba(0, 0, 0, 0.6) };
.btn_attent_main{width: 110px; float: left; height: 40px; line-height: 40px; margin-left: 10px; text-align: center; font-size: 15px; font-weight: 600; color: #fff; border-radius: 5px; background: #F34D33;} /*메인 출석하기 버튼 */
.btn_attent_main > a { width:100%; float:left; }
.btn_attent_main i{color: #fff; margin-right: 5px;}

/* 헤더영역-메인검색창 */
.SearchWrap{width: 670px; position: absolute; left:50%; transform: translateX(-50%); z-index:9998; }
.SearchWrap input{width: 100%; height: 65px; line-height: 65px; font-size: 16px; font-weight: 500; padding-left: 30px; padding-right: 60px; border: 2px solid #F34D33; border-radius: 100px;}
.SearchWrap .layer_atcmp_btn { position: absolute; top: 50%; transform: translateY(-50%); right: 70px; font-size: 15px; color:#666; cursor: pointer; }
.SearchWrap .searchBtn{position: absolute; top: 50%; transform: translateY(-50%); right: 25px; font-size: 25px; color: #F34D33; cursor: pointer;}
/* 검색창 오픈했을때 */
.layer_atcmp{width: 100%; float: left; color: #666; background-color: #fff; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; box-shadow: 0px 3px 4px rgba(102,102,102,0.4); border-top:1px solid #F0F0F0; position: absolute; z-index: 9999; }
.layer_atcmp .kwd_lst{width: 100%; float: left; padding: 15px 0;}
.layer_atcmp .kwd_item{width: 100%; float: left;}
.layer_atcmp .kwd_item > a:hover{ background-color: #F1F1F1;}
.layer_atcmp .kwd_item > a:hover .kwd_txt{text-decoration: underline;}
.layer_atcmp .kwd_item > a{width: 100%; float: left; padding: 10px 30px;}
.layer_atcmp .kwd_item .fix{width: 95%; float: left;}
.layer_atcmp .common_ico_kwd{width: 24px; line-height: 22px; text-align: center; float: left; height: 24px; border-radius: 50%; background-color: #F5F5F5;}
.layer_atcmp .common_ico_kwd > i{font-size: 11px; color: #999;}
.layer_atcmp .kwd_txt{font-size: 14px; font-weight: 500; margin-left: 8px;}
.layer_atcmp .kwd_txt .Mark{color: #333;}
.layer_atcmp .btn_etc{width: 5%; text-align: center; float: right; color: #999; }
.OpenSearch input{width: 100%; height: 65px; line-height: 65px; padding-left: 30px; padding-right: 60px; border:0px; box-shadow: 0px 0px 4px rgba(102,102,102,0.4); border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
.OpenSearch .ft_item { width: 100%; float: left; border-top:1px solid #F0F0F0; color:#CCCCCC; padding: 12px 33px; display: flex; justify-content: space-between; }
.OpenSearch .ft_item > span { cursor: pointer; }
.OpenSearch .ft_item > span:hover { text-decoration: underline; }


/*헤더영역-서브페이지*/
.header{background: #fff;}
.header .header_top{width: 100%; float: left; height: 74px; display: flex; justify-content: space-between; align-items: center;}
.header .header_top .top_logo{font-size: 16px; color: #F34D33; line-height: 25px; font-weight: bold; display: flex; justify-content: flex-start; align-items: center; gap: 15px;}
.header .header_top .top_logo span{margin-left: 15px;}
.header .header_top .top_logo > a > *{float: left;}
.header .user_name .user_title{width: 100%; float: left; font-size: 13px; font-weight: 500; color: #333;}
.header .top_user .user_icon{width: 30px; height: 30px; border-radius: 100px;}
.header .top_user .user_icon i{font-size: 30px;}
.header .top_user .user_toggle{font-size: 17px; color: #999; margin-left: 10px;}
.header .header_nav{width: 100%; float: left; height: 64px; display: flex; justify-content: space-between; align-items: center;}
.header .header_nav .left_gnb{display: flex; justify-content: space-between; align-items: center; gap: 30px;}
.header .header_nav .left_gnb > li{float: left; color: #333; font-size: 16px; line-height: 24px; font-weight: bold;}
.header .header_nav .left_gnb > li a:hover{color: #F34D33;}
.header .header_nav .left_gnb > li.active{color: #F34D33;}

/* 로그인 전 헤더*/
.top_label .top_join{font-size: 12px; font-weight: 500; color: #999; text-align: right;}

/* 닉네임 클릭 시 유저 정보 박스 */
.user_info_wrap{display: none; width: 284px; height: 181px; float: left; position: absolute; top: 25px; left: 0; z-index: 9998; background: url(/images/user_box.png) no-repeat center 100%;}
.user_info_wrap > ul{width: 100%; float: left; padding-top: 28px;}
.user_info_wrap .title_box{width: 100%; float: left; padding: 0 35px; font-size: 16px; font-weight: 500; color: #333;}
.user_info_wrap .id_box{width: 100%; float: left; padding: 0 35px; font-size: 13px; font-weight: 500; color: #999;}
.user_info_wrap .user_btn{width: 100%; float: left; border-top: 1px solid #E3E5E8; display: flex; justify-content: center; align-items: center; padding: 15px 0; margin-top: 20px;}
.user_info_wrap .btn_box{width: 100%; float: left; margin-top: 12px; display: flex; justify-content: center; gap: 6px;}
.user_info_wrap .user_btn .mypage_box::after{
    content: '';
    width: 1px;
    height: 12px;
    background: #E3E5E8;
    position: absolute;
    top: 50%;
    left: -7px;
    transform: translateY(-50%);

}
.user_info_wrap .user_btn > div{width: 45%; float: left; text-align: center;}
.user_info_wrap .user_btn i{margin-right: 5px;}
.user_info_wrap .user_btn .follower_box a{font-size: 14px; font-weight: 500; color: #666;}
.user_info_wrap .user_btn .follower_box span{margin-left: 5px; font-weight: 600;}
.user_info_wrap .user_btn .mypage_box a{font-size: 14px; font-weight: 600;}

/* 메인 */
.mainContainer{margin-top: 20px; display: flex; justify-content: space-between; align-items: flex-start; gap: 30px;}
.main_border{border: 1px solid #E3E5E8; background-color: #fff;}
.main_radius{border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important;}
.MainWrap{width: 930px; float: left;}
.MainWrap > div{width: 100%; float: left; padding: 0 30px; border-radius: 10px;}

.titlebox{font-size: 18px; font-weight: 600; float: left;}
.NoticeWrap{height: 70px; line-height: 70px; padding: 0 40px !important;}
.NoticeWrap > div{float: left; font-size: 14px;}
.NoticeWrap .icon > i{font-size: 25px; color: #FF0000; transform: translateY(3px);}
.NoticeWrap .txt{width: 83%; font-weight: 500; margin-left: 45px;}
.NoticeWrap .date{float: right; font-weight: 500; color: #ccc; text-align: right;}

.KewordLank{ height: 65px; line-height: 65px; margin-top: 10px; background-color: #EAEAEA; overflow:hidden; }
.KewordLank > div{float: left;}
.KewordLank .title{width: 20%; font-size: 14px; font-weight: 600;}
.KewordLank .Lank{width: 75%; margin-left: 5%;}
.KewordLank .Lank .line { width:100%; float:left; }
.KewordLank .Lank .line > div { width:27%; float:left; }
.KewordLank .Lank .line > div:not(:first-child) { margin-left:9.5%; }
.KewordLank .Lank .txt{width: 55%; float: left; font-size: 14px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.KewordLank .Lank .txt .Number{float: left; margin-right: 5px;}
.KewordLank .Lank .point{width: 35%; float: left; margin-left: 5%; font-size: 13px; text-align: right; font-weight: 600;}
.KewordLank .Lank .ToGle{float: right; font-size: 18px; text-align: right; margin-left: 0 !important; cursor: pointer;}

.Community{padding: 25px 30px 0 30px !important; margin-top: 10px;} 
.Community > div{width: 100%; float: left;}
.Community .title{height: 30px; line-height: 30px;}
.Community .title .txt{float: left; font-size: 18px; font-weight: 600;}
.More_btn{float: right !important; font-size: 13px; font-weight: 500; color: #999;}
.More_btn.MoreSmall{font-size: 11px !important; color: #ccc;}
.More_btn.MoreSmall > span{letter-spacing: 0;}

.NavBar{width: 100%; float: left; margin-top: 15px; height: 45px; line-height: 45px; padding: 0 15px; font-size: 14px; background-color: #F9F9F9; border-radius: 5px; font-weight: 500; text-align: center; color: #999;}
.NavBar > ul{width: 100%; float: left; display: flex; justify-content: flex-start; align-items: center; gap: 24px;}
.NavBar > ul > li{ float: left; cursor: pointer;}
.NavBar > ul > li.active{font-weight: 600; color: #F34D33;}
.NavBar > ul > li:not(:last-child)::after{
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 10px;
    background-color: #D9D9D9;
    position: absolute;
    top: 50%;
    right: -14px;
    transform: translate(0%,-50%);
}

.ListCon{width: 100%; float: left; padding: 25px 10px 30px 10px;}
.ListCon > ul{width: 100%; float: left;}
.ListCon > ul > li{width: 100%; float: left;}
.ListCon > ul > li:not(:first-child){margin-top: 10px;}
.ListCon > ul > li a{font-size: 13px; font-weight: 500; display: flex; justify-content: space-between; align-items: center;}
.ListCon > ul > li div{float: left;}
.ListCon .Number{width: 3%; font-size: 14px; font-weight: 600;}
.ListCon .Number.point{color: #F34D33;}
.ListCon .category{width: 12%; color: #666;}
.ListCon .txt{width: 60%; font-size: 14px;}
.ListCon .txt > span{font-size: 13px; font-weight: 600; margin-left: 10px;}
.ListCon .name{width: 15%; color: #999;}
.ListCon .date{width: 10%; text-align: right; color: #666; letter-spacing: 0;}
.ListCon .date.point{letter-spacing: -1px; color: #F34D33;}

.MainPaging{text-align: center; border: 1px solid #E3E5E8; padding: 10px 30px !important; line-height: 33px; background-color: #fff; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border-top: none !important;}
.MainPaging > ul{width: 100%; float: left;}
.MainPaging > ul > li{display: inline-block; vertical-align: middle; margin: 0 2px; font-size: 15px; font-weight: 500; color: #999;}
.MainPaging > ul > li.active{font-weight: 600; color: #333;}
.MainPaging > ul > li > a{width: 100%; float: left;}
.MainPaging .btn{width: 25px; height: 25px; line-height: 21px; border-radius: 100px; border: 1px solid #E5E5E5;}
.MainPaging .btn i{font-size: 12px; color: #ccc; text-align: center;}
.MainPaging .btn.prev{margin-right: 20px;}
.MainPaging .btn.next{margin-left: 20px;}

.QuickMenu_wrap{margin-top: 20px; padding: 0 !important; display: flex; justify-content: space-between; border: none !important;}
.QuickMenu_wrap .quickmenu_box{width: 75%; float: left; border-radius: 10px; background-color: #F34D33 !important; color: #fff; text-align: center;}
.QuickMenu_wrap .quickmenu_box > ul{width: 100%; float: left; height: 115px; display: flex; justify-content: center; align-items: center;}
.QuickMenu_wrap .quickmenu_box > ul > li{width: 25%; float: left; cursor: pointer;}
.QuickMenu_wrap .quickmenu_box .line{ width: 1px; height: 75px; background-color: rgba(255,255,255,0.2);}
/* .QuickMenu_wrap .quickmenu_box > ul > li:not(:last-child)::after{
    content: '';
    width: 1px;
    height: 75px;
    background-color: rgba(255,255,255,0.2);
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    right: -65px;
} */
.QuickMenu_wrap .quickmenu_box span{width: 100%; float: left;}
.QuickMenu_wrap .quickmenu_box .txt{font-size: 15px; font-weight: 600; margin-top: 10px;}

.QuickMenu_wrap .tool_box{width: 25%; display: flex; flex-direction: column; gap: 10px; margin-left: 10px;}
.QuickMenu_wrap .tool_box > ul{width: 100%; float: left; height: 55px; line-height: 55px; padding: 0 15px; border: 1px solid #F34D33; background: #fff; border-radius: 10px; cursor: pointer;}
.QuickMenu_wrap .tool_box > ul > li{float: left; color: #F34D33; font-size: 14px; font-weight: 600;}
.QuickMenu_wrap .tool_box .txt{margin-left: 10px;}
.QuickMenu_wrap .tool_box .arrow{float: right; text-align: right;}





.CalumnWrap{margin-top: 30px; background: none !important; border: none !important; padding: 0 !important;}
.CalumnWrap > div{width: 100%; float: left;}
.MainTab{margin-top: 15px;}
.MainTab > ul{width: 100%; float: left; display: flex; justify-content: flex-start; align-items: center; gap: 10px;}
.MainTab > ul > li{width: auto; float: left; height: 30px; line-height: 28px; padding: 0 20px; font-size: 14px; font-weight: 600; color: #ccc; background-color: #fff; border: 1px solid #ccc; border-radius: 100px; text-align: center; cursor: pointer;}
.MainTab > ul > li.active{background-color: #f9e0dc; border: none; color: #F34D33;}
.MainTab > ul > li > a{width: 100%; float: left; height: 100%;}

.CalumnWrap .ContentWrap{margin-top: 20px; border: 1px solid #E3E5E8; border-radius: 10px; padding: 23px 30px 0 30px; background-color: #fff;}
.TopGuideBox{width: 100%; float: left; height: 65px; line-height: 65px; padding: 0 20px; border: 1px solid #EAEAEA; border-radius: 5px; display: flex; align-items: center; justify-content: space-between;}
.TopGuideBox > div{float: left;}
.TopGuideBox .title{display: flex; justify-content: flex-start; align-items: center; gap: 10px;}
.TopGuideBox .title::after{
    content: '';
    width: 1px;
    height: 20px;
    background-color: #ccc;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    right: -21px;
}
.TopGuideBox .title .icon{width: 23px; float: left; height: 23px; line-height: 21px; text-align: center; border-radius: 100px; background-color: #333;}
.TopGuideBox .title .icon > img{width: 100%; height: 100%; object-fit: cover; border-radius: 100px;}
.TopGuideBox .title .name{font-size: 14px; font-weight: 600;}
.TopGuideBox .title .name span{font-size: 12px; font-weight: 600; margin-left: 5px;}
.TopGuideBox .txt{width: 75%; display: flex; justify-content: flex-start; align-items: center; gap: 10px; color: #666;}
.TopGuideBox .txt span{float: left; font-size: 12px; font-weight: 500;}
.TopGuideBox .txt .satisfy{width: 11%; font-weight: 600;}
.TopGuideBox .txt .satisfy i{margin-right: 5px;}
.TopGuideBox .ShareBox{width: 4%; float: left; font-size: 14px; text-align: right; color: #ccc;}

.ServiceColumn{width: 100%; display: flex; gap: 20px; padding: 0 !important;}
.ServiceColumn > div{width: 100%; display: flex; flex-direction: column; gap: 20px;}
.ServiceColumn > div > div{padding: 25px 30px; border-radius: 10px; height: 100%;}
.ServiceColumn > div > div > div{width: 100%; float: left;}
.TipWrap > div{width: 100%; float: left;}
.TitBox{width: 100%; float: left; line-height: 24px;}
.TitBox > div{float: left;}
.TitBox .txt{font-size: 15px; font-weight: 600;}
.TitBox .MainPaging{float: right; border: none !important; padding: 0 !important; line-height: 24px !important;}
.ListItem{width: 100%; float: left; margin-top: 20px;}
.ListItem > ul{width: 100%; float: left;}
.ListItem > ul > li{width: 100%; float: left;}
.ListItem > ul > li > a{width: 100%; float: left;}
.ListItem > ul > li div{float: left;}
.ListItem .tit{font-size: 14px; font-weight: 500;}
.ListItem .tit span{margin-right: 5px;}
.ListItem .user_bar{margin-top: 5px; font-size: 12px; font-weight: 500;}
.ListItem .user_bar .name{color: #999;}
.ListItem .user_bar .date{float: right; color: #ccc; text-align: right;}
.ListItem .ListTip{border-bottom: 1px solid #F1F1F1; padding: 10px;}
.ListItem .ListTip .tit{width: 100%;}
.ListItem .ListTip .user_bar{width: 100%;}
.ListItem .ListTip > div{width: 100%;}
.ListItem .ListNews{line-height: 28px; margin: 5px 0;}
.ListItem .ListNews .DateBox{width: 80px; height: 30px; text-align: center; font-size: 12px; font-weight: 600; letter-spacing: 0; color: #999; background-color: #F5F5F5; border: 1px solid #E3E5E8; border-radius: 5px;}
.ListItem .ListNews .tit{margin-left: 10px;}
.ListForm{margin: 5px 0; height: 45px; line-height: 45px; padding: 0 20px !important; background-color: #F5F5F5; border-radius: 5px;}
.ListForm .TimeBox{float: right; text-align: right; color: #999; letter-spacing: 0; font-size: 13px; font-weight: 400;}
.ListForm .TimeBox > i{margin-left: 20px; font-size: 14px;}

/* 대행사 소개와 같은 css 사용하고 있음 !주의! */
.Program{padding: 23px 30px 0 30px !important; margin-top: 15px;}
.Program .IntroList{padding: 25px 0 !important;}
.Program .IntroList .imgWrap{height: 130px !important;}
.Program .IntroList .imgWrap > img{height: 130px !important;}
.Program .IntroList .img_wrap{height: 130px !important;}
.Program .IntroList .img_wrap .title{font-size: 15px;}
/* .Program .IntroList .img_wrap .sub{font-size: 10px;} */
.Program .IntroList .txt_wrap .key{margin-top: 6px;}

/* 오른쪽 영역 */
.AsideWrap{width: 340px; float: left;}
.AsideWrap > div{width: 100%; float: left; padding: 23px 15px; border-radius: 10px;}
.AsideWrap > div:not(:first-child){margin-top: 15px;}

/* 닉네임 영역 */
.AsideWrap > div:first-child {padding-left:0; padding-right:0;}
.AsideWrap .user_info_wrap{display: block !important; position: inherit; top: 0; background: #fff !important;}
.AsideWrap .user_info_wrap .top { width:100%; float:left; padding: 0 15px; }
.AsideWrap .user_info_wrap .thumb_box { width:18%; float:left;  }
.AsideWrap .user_info_wrap .thumb_box .thumbnail { width:45px; height:45px; float:right; border: 1px solid #E1E1E1 ;border-radius: 50px; overflow: hidden; }
.AsideWrap .user_info_wrap .thumb_box .thumbnail > img{width: 45px; height: 45px; object-fit: cover;}
.AsideWrap .user_info_wrap .top > ul{width:78% !important; float:left; padding-top: 0 !important; margin-left: 5px; }
.AsideWrap .user_info_wrap .top .title_box { padding: 0 10px; }
.AsideWrap .user_info_wrap .top .id_box { padding: 0 10px; }
.AsideWrap .user_info_wrap > ul{padding-top: 0 !important; }
.AsideWrap .user_info_wrap .user_btn .follower_box a:first-child{ margin-right: 8px; }
.AsideWrap .user_info_wrap .user_btn .mypage_box::after{ left: 1px; }
.AsideWrap .user_info_wrap .title_box .grade { font-size:12px;}
.AsideWrap .user_info_wrap .title_box .grade .grade_icon { margin-left:5px; top:1px;}
.main_login_btn { width:280px; height:40px; line-height: 40px; margin-top:15px; float:left; border-radius: 5px; text-align: center; background-color: #F34D33; font-size: 16px; font-weight: bold; color:#fff; cursor: pointer; }
.main_login_btn > a { width:100%; float:left; }
.main_login_btn > a > span { font-weight: 400; }

/*메인 닉네임 영역 - 로그인 전*/
.all_info_wrap { height:181px; z-index: 999; margin-top:0px !important; }
.all_info_wrap > ul { display: flex; flex-direction: column; align-items: center; }
.all_info_wrap .user_find_btn{width: 100%; float: left; display: flex; justify-content: center; align-items: center; padding: 15px 0; }
.all_info_wrap .user_find_btn .findpw_box::after{
    content: '';
    width: 1px;
    height: 12px;
    background: #E3E5E8;
    position: absolute;
    top: 50%;
    left: -7px;
    transform: translateY(-50%);

}
.all_info_wrap .txt_box { width:100%; float:left; font-size: 14px; color:#ccc; font-weight: 700; text-align: center; }
.all_info_wrap .user_find_btn > div{width: 25%; float: left; text-align: center;}
.all_info_wrap .user_find_btn i{margin-right: 5px;}
.all_info_wrap .user_find_btn .log_begin_box a{font-size: 14px; font-weight: 500; color: #666;}
.all_info_wrap .user_find_btn .findpw_box a{font-size: 14px; color:#666; font-weight: 500;}


.RightTab{width: 100%; float: left; margin-top: 10px;}
.RightTab > ul{width: 100%; font-size: 12px; font-weight: 600; color: #ccc; display: flex; justify-content: center; flex-wrap: wrap; gap: 5px; text-align: center; padding: 10px; border-radius: 5px; background-color: #F9F9F9;}
.RightTab > ul > li{float: left; cursor: pointer; background-color: #fff; height: 30px; line-height: 26px; border: 1px solid #ccc; border-radius: 5px;}
.RightTab > ul > li.active{border: 1px solid #F34D33; color: #F34D33;}
/* .RightTab .TabS{width: 68px;} */
/* 25.10.22. 김희정 TabS 3*3으로 변경하여 90px로 너비 수정함 */
.RightTab .TabS{width: 90px;}
.RightTab .TabM{width: 90px;}
.RightTab .TabL{width: 49%;}
.RightTab .TabL.active{background-color: #F34D33; color: #fff;}

.LankWrap{margin-top: 20px;}
.LightListCon{width: 100%; float: left; padding: 18px 10px 0 10px;}
.LightListCon > ul{width: 100%; float: left;}
.LightListCon > ul > li{width: 100%; float: left;}
.LightListCon > ul > li > a{font-weight: 500; text-align: right; display: flex; justify-content: space-between; align-items: center;}
.LightListCon > ul > li > div{font-weight: 500; text-align: right; display: flex; justify-content: space-between; align-items: center;}
.LightListCon .Number{width: 6%; font-size: 14px; font-weight: 600;}
.LightListCon .Number.point{color: #F34D33;}
.LightListCon .txt{width: 93%; font-size: 14px; text-align: left; margin-left: 5%;}
.LightListCon .follow{width: 15%; font-size: 13px;}
.LightListCon .percent{width: 24%; font-size: 11px; color: #F34D33; font-weight: 400;}
.LightListCon .icon{width: 30px; height: 30px; border-radius: 100px; text-align: center; overflow: hidden; border: 1px solid #E3E5E8;}
.LightListCon .icon > img{width: 100%; height: 100%; object-fit: cover;}
.LightListCon .icon.icon_border{border: 1px solid #E3E5E8;}
.LightListCon .search_name{text-align: left; letter-spacing: 0;}
.LightListCon .search_name .UserID{font-size: 12px; color: #ccc; letter-spacing: 0; margin-left: 3px; }
.LightListCon .percent_2{width: 18%; font-size: 14px; color: #F34D33;}
.LightListCon .MonitorListItem{margin: 8px 0;}
.LightListCon .SearchListItem{padding: 12px 0; border-bottom: 2px solid #F1F1F1;}
.LightListCon .SearchListItem .search_name{width: 64%; font-size: 12px;}
.LightListCon .LankListItem{padding: 10px 0;}
.LightListCon .LankListItem .search_name{width: 74%; font-size: 14px;}
.LightListCon .RankingListItem{margin: 10px 0;}
.LightListCon .RankingListItem > div {justify-content: flex-start;}
.LightListCon .RankingListItem .Number { float:left;}
.LightListCon .RankingListItem .icon { float:left; margin-left:15px; }
.LightListCon .RankingListItem .icon > img { border-radius:50%; }
.LightListCon .RankingListItem .search_name { float:left; margin-left:15px; }

.MonitorWrap{padding: 0 !important;}
.MonitorWrap .main_radius{width: 100%; float: left; padding: 10px 10px 20px 10px !important;}
.MonitorWrap .RightTab{margin-top: 0 !important;}
.MonitorWrap .ListItem .ListTip:last-child{border-bottom: none;}
.MonitorWrap .MorePage{width: 100%; float: left; font-size: 14px; font-weight: 400; color: #999; padding: 10px 30px; text-align: center; border-top: 1px solid #F1F1F1;}
.MonitorWrap .MorePage > a{width: 100%; float: left; }


/* 대시보드 별 최소길이 */
.trend_content { min-height:378px; }
.PercentWrap .LightListCon { min-height:308px; }
.LankWrap { max-width:340px; min-height:505px; }
.MonitorWrap > .main_radius { max-width:455px; min-height:595px; }
.Marketing_Tip { max-width:455px; min-height:632px; }
.Marketing_News { max-width:455px; min-height:296px; }
.Marketing_Form { max-width:455px; min-height:316px; }
.UserLankWrap .ranking_content { min-height:498px; }
.Community .ListCon { min-height:195px; }
.CalumnWrap .ListCon { min-height:190px; }

/* 대시보드 별 노데이터 길이 */
.MonitorWrap .list_nolist { height:496px!important; }
.Marketing_Tip .list_nolist { height:496px!important; }
.Marketing_News .list_nolist { height:200px!important; }
.Marketing_Form .list_nolist { height:220px!important; }

/* 회원순위 */
.UserLankWrap .ranking_content { min-height:398px; }

/**/

/* 광고영역 */
.ad_wrap{ float: left; margin-top: 20px; border-radius: 10px; background-color: #f9f9f9; }
.ad_wrap img { width:100%; height:100%; border-radius:10px; object-fit: cover; }
.ad_wrap > .no_ad_wrap { width:100%; height:100%; border-radius:10px; background-color:#D9D9D9; }
/* 가로 광고 */
.ad_wrap.shape_square{width: 100%; height: 120px; padding: 0;}
/* 세로 광고 */
.left_ad_wrap { width:120px; position: absolute; top: 0; left:-140px;}
.left_ad_wrap .ad_wrap { width:100%; float:left; }
.left_ad_wrap .ad_wrap:nth-child(1) { height: 455px; margin-top:0; }
.left_ad_wrap .ad_wrap:nth-child(2)  { height: 165px; }
.right_ad_wrap { width:120px; position: absolute; top: 0; right:-140px;}
.right_ad_wrap .ad_wrap { width:100%; }
.right_ad_wrap .ad_wrap:nth-child(1) { height: 455px; margin-top:0; }
.right_ad_wrap .ad_wrap:nth-child(2) { height: 310px; }
.top_cir_btn { width:45px; height:45px; line-height: 45px; float:left; text-align:center; border-radius: 50px; background-color:#F34D33; color:#fff; font-size: 14px; font-weight: bold; margin:20px 37px; cursor: pointer; position:fixed; bottom:2%; z-index:1; }

/* 알림창 */
.btn_reading{width: 75px; height: 25px; line-height: 23px; border-radius: 5px; border: 1px solid #ccc; background-color: #F8F8F8; font-size: 11px; font-weight: 500; color: #999; text-align: center;}
.btn_reading > i{margin-right: 5px;}
.bg_arrow{position: absolute; top: -36px; left: 273px; z-index: 99; pointer-events: none;}
.AlarmWrap{width: 425px; position: absolute; top: 95px; left: 855px; color: #333; background-color: #F4F4F4; border: 1px solid #E7E7E7; z-index: 99999; border-radius: 5px; display: none;}
.AlarmWrap_v2{top: 70px; left: 885px;}
.AlarmWrap > div{width: 100%; float: left;}
.AlarmWrap > div > div{width: 100%; float: left;}
.AlarmWrap .title_box{width: 100%; float: left; padding: 0 20px; background-color: #fff; border: 1px solid #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; height: 60px; line-height: 60px; border-bottom: 1px solid #E7E7E7;}
.AlarmWrap .title_box > div{width: 50%; float: left;}
.AlarmWrap .title_box .left{font-size: 19px; font-weight: 600;}
.AlarmWrap .title_box .right{text-align: right;}
.AlarmList{padding: 20px;}
.ListItemWrap{width: 100%; float: left; padding: 20px 15px; background-color: #fff;}
.ListItemWrap .ListItemBox{width: 100%; float: left; padding: 15px 0; cursor: pointer;}
.ListItemWrap .ListItemBox:first-child{padding-top: 0 !important;}
.ListItemWrap .ListItemBox:last-child{padding-bottom: 0 !important;}
.ListItemWrap .ListItemBox:not(:last-child){border-bottom: 1px solid #E3E3E3;}
.ListItemWrap .ListItemBox > li{float: left;}
.ListItemWrap .ListItemBox > .icon_box.white_icon{border: 1px solid #EEE; background-color: #fff;}
.ListItemWrap .icon_box{width: 35px; height: 35px; line-height: 32px; text-align: center; border-radius: 100px; background-color: #F34D33; overflow: hidden}
.ListItemWrap .txt_box{width: calc(100% - 45px); margin-left: 10px;}
.ListItemWrap .txt_box > a{width: 100%; float: left;}
.ListItemWrap > li > div{width: 100%; float: left;}
.ListItemWrap .tit{font-size: 12px; font-weight: 500; color: #333;}
.ListItemWrap .sub{font-size: 11px; font-weight: 400; color: #999;margin-top: 2px;}
.ListItemWrap .name{font-size: 10px; font-weight: 400; color: #666; margin-top: 10px;}
.ListItemWrap .name > span{float: left;}
.ListItemWrap .name .n_title{width: 70%;}
.ListItemWrap .name .n_date{width: 30%; color: #999; text-align: right;}
.AlarmList .None_reading{border-radius: 10px; border: 1px solid #F34D33;}
.AlarmList .None_reading > .title{width: 100%; float: left; height: 44px; line-height: 44px; color: #333; padding: 0 15px; font-size: 13px; font-weight: 600; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #F34D33; background-color: #FEF6F4;}
.AlarmList .None_reading > .title > span{margin-left: 5px;}
.AlarmList .None_reading .ListItemWrap{border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.AlarmList .reading .ListItemWrap{border-radius: 10px; box-shadow: 1px 2px 5px 2px rgba(0,0,0,0.05);}
.AlarmList .reading .ListItemWrap:not(:first-child){margin-top: 10px;}
.AlarmList .reading .txt_box .tit img{cursor: pointer; float: right;} 

/* 알림 노리스트 */
.NoListWrap{width: 100%; float: left; padding: 80px 0; text-align: center; background-color: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.NoListWrap > div{width: 100%; float: left;}
.NoListWrap .icon_box{float: left; width: 65px; height: 65px; line-height: 62px; border-radius: 100px; background-color: #f5f5f5; left: 50%; transform: translateX(-50%);}
.NoListWrap .icon_box i{color: #999;}
.NoListWrap .txt{width: 100% !important; float: left; font-size: 15px; font-weight: 500; color: #666; margin-top: 20px;}

/* 게시판 노리스트 */
.NoListWrap.list_nolist { padding: 0 !important; height: 140px; }
.NoListWrap.list_nolist > div { top: 50%; transform: translateY(-50%); }
.NoListWrap.list_nolist .icon_box { width: 50px !important; height: 50px !important; line-height: 58px !important; margin-top: 0 !important; }    
.NoListWrap.list_nolist .icon_box i { font-size: 24px; color:#ccc; }
.NoListWrap.list_nolist .txt { color:#999; font-weight:400; margin-top: 15px; }



/* 알림 로그인 안했을때 */
.LogoutWrap{background-color: #F5F5F5; padding: 200px 0 !important;}
.LogoutWrap .icon{font-size: 30px; color: #ccc; text-align: center;}
.LogoutWrap .txt{font-size: 16px; color: #333; font-weight: 600;}
.LogoutWrap .sub{font-size: 14px; font-weight: 400; line-height: 21px; margin-top: 7px;}
.AlarmLogin_btn > a{width: 160px; float: left; height: 40px; line-height: 38px; color: #fff; font-size: 14px; font-weight: 600; background-color: #F34D33; border-radius: 100px; left: 50%; transform: translateX(-50%); margin-top: 20px;}



/* 메인 끝 */

/* 탭메뉴 */
.tab_warp{width: 100%; float: left; margin-top: 44px; }
.tab_warp .tab_box{width: 100%; float: left; display: flex; justify-content: flex-start; align-items: center; text-align: center; border-bottom: 1px solid #E1E1E1;}
.tab_warp .tab_box > li{width: 16.66%; float: left; font-size: 16px; font-weight: 500; color: #999;}
.tab_warp .tab_box > li > a{width: 100%; float: left; padding-bottom: 20px;}
.tab_warp .tab_box > li.active > a{color: #F34D33; font-weight: 600; border-bottom: 2px solid #F34D33;}



/* 공통 타이틀박스 */
.title_warp{width: 100%; float: left; margin-top: 46px;}
.title_warp > ul{width: 100%; float: left;}
.title_warp > ul > li{float: left;}
.title_warp .title_box{display: flex; justify-content: flex-start; align-items: end; gap: 17px; color: #333;}
.title_warp .title_box .main_title{font-size: 20px; font-weight: 600;}
.title_warp .title_box .sub_title{font-size: 14px; font-weight: 400; line-height: 23px;}

.contents_box{height: 120px; background: #fff; border-radius: 10px; margin-top: 26px; padding: 0 40px;}
.contents_box > ul{width: 100%; float: left; top: 50%; transform: translateY(-50%);}
.contents_box > ul > li{float: left;}
.contents_box .con_icon{width: 2%;}
.contents_box .con_txt{width: 98%;}
.contents_box .main_title{font-size: 13px; font-weight: 600; line-height: 20px; margin-top: 1px;}
.contents_box .sub_title{font-size: 13px; font-weight: 500; line-height: 20px; margin-top: 5px; color: #666;}

/* 키워드, 주소 검색박스 */
.keyword_box{width: 100%; float: left; height: 130px; padding: 0 30px; display: flex; justify-content: space-between; align-items: center; background: #EAEAEA; border-radius: 10px;}
.keyword_box .title_box{width: 100%; float: left; padding-right: 30px;}
.keyword_box .title_box .main_title{width: 100%; float: left; font-size: 18px; font-weight: 600; line-height: 27px;}
.keyword_box .title_box .sub_title{width: 100%; float: left; font-size: 14px; font-weight: 500; line-height: 21px; margin-top: 7px; color: #333;}
.keyword_warp .keyword_box{ height: 220px;}
.keyword_warp .search_box_keyword{height: 160px;}

/* 리스트 테이블 공통사항 */
.list_warp{width: 100%; float: left;}
.list_table{width: 100%; float: left; text-align: center; margin-top: 10px;}
/* 총건수, 셀렉트 박스 영역*/
.list_tabletop{width: 100%; float: left; display: flex; justify-content: space-between; align-items: center;}
.list_tabletop > ul{float: left; display: flex; justify-content: flex-start; align-items: center;}
.list_tabletop > ul > li{float: left;}
.list_tabletop .total{font-size: 14px; font-weight: 600; height: 24px; line-height: 24px; padding-right: 18px; border-right: 1px solid #E1E1E1;}
.list_tabletop .select_box{margin-left: 18px;}
/* 삭제, 엑셀다운로드 영역*/
/* .btn_bar{width: 100%; float: left; display: flex; justify-content: space-between; align-items: center;} */
.btn_bar { width: 100%; float:left; }
.btn_bar > div { width:50%; }
.btn_bar div.btn_left { float:left; }
.btn_bar div.btn_right { float:right; text-align:right; }
.btn_bar div *:not(.notItem) { float:none; display:inline-block; vertical-align: middle; margin-right:-2px; }
.btn_bar div *:not(:last-child){margin-right: 5px;}
.btn_bar div i{margin-right: 5px !important;}
.btn_bar div img{margin-right: 5px !important;}
.btn_bar .btn_bottom { float: right; text-align: right; margin-top: 10px; }
.btn_bar_border { border-top: 1px solid #E1E1E1; padding-top: 20px; }
.btn_right .line { width: 1px; height: 35px; background: #ccc; }

/* 리스트 테이블 */
.list_warp .list_table table{width: 100%; float: left; font-size: 14px; table-layout: fixed;}
.list_warp .list_table table thead > tr span{font-weight: 500;}
.list_warp .list_table table thead > tr > th{border-bottom: 1px solid #E1E1E1; color: #333;}
.list_warp .list_table table thead th:not(:last-child)::before{
    content: '';
    width: 1px;
    height: 18px;
    background: #E3E5E8;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);

}
.list_warp .list_table table tbody > tr > td{background: #fff; border-bottom: 1px solid #E1E1E1;}
.list_warp .list_table table tbody > tr > .txt{padding: 20px 15px !important;}
.list_warp .list_table table button{background: none;}
.list_warp .click{cursor: pointer;}


/* 키워드 리스트 */
/* 리스트 테이블, 마이페이지에도 공통으로 사용중 */
.color_gray span{font-size: 13px; color: #999;}
.list_warp{margin-top: 32px;}
.list_warp .list_table.keyword_list table {border: 1px solid #E1E1E1; font-weight: 500; color: #666;}
.list_warp .list_table.keyword_list table thead > tr > th{background-color: #F5F5F5; padding: 10px 0;}

.list_warp .list_table.keyword_list table tbody > tr > td{text-align: center; padding: 20px 0; vertical-align: middle;}
.list_warp .list_table.keyword_list table tbody > tr > td:not(:last-child)::before{
    content: '';
    width: 1px;
    height: 18px;
    background: #E3E5E8;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    
}
.list_warp .list_table.keyword_list table tbody > tr > td span{font-size: 13px; font-weight: 500; color: #999;}
.list_warp .list_table.keyword_list .list1_star{float: left; padding: 3px 50px 0 30px;}
.list_warp .list_table.keyword_list .list1_txt{ float: left; text-align: center; font-size: 14px; font-weight: 600; color: #333;}
.list_warp .list_table.keyword_list .reload_btn{ font-size:15px; }
.list_warp .list_table.keyword_list .abIcon { position:absolute; top:50%; transform: translateY(-50%); right: 30px; }

/* 키워드조회 즐겨찾기 그룹 추가 */
.like_group_wrap{width: 280px; background-color: #fff; border: 1px solid #E4E4E4; border-radius: 10px; display: flex; flex-direction: column; gap: 0px; position: absolute; top: 60px; left: 30px; z-index: 999;}
.like_group_wrap > div{width: 100%; padding: 15px;}
.like_group_wrap .title_box{display: flex; justify-content: space-between; align-items: center;}
.like_group_wrap .title_box .txt{font-size: 15px !important; color: #333 !important;}
.like_group_wrap .title_box .x_btn{cursor: pointer; font-size: 18px !important; color: #333 !important;}
.like_group_wrap .content_box{display: flex; flex-direction: column; gap: 20px; border-top: 1px solid #F0F0F0;}
.like_group_wrap .content_box > div{width: 100%;}
.like_group_wrap .search_box input{width: 100%; font-size: 15px; border-radius: 5px; border: 1px solid #E1E1E1; height: 50px; padding-right: 35px; color: #666 !important;}
.like_group_wrap .search_box .search_icon{position: absolute; top: 50%; transform: translateY(-50%); right: 15px; color: #666; z-index: 99; cursor: pointer;}
.like_group_wrap .list_box ul{width: 100%; height: 200px; overflow-y: auto;}
.like_group_wrap .list_box ul li{width: 100%; color: #666;}
.like_group_wrap .list_box ul li label{display: flex; justify-content: flex-start; align-items: center; gap: 10px;}
.like_group_wrap .list_box ul li:not(:first-child){margin-top: 12px;}
.like_group_wrap .list_box .checkCustomLabel > i{font-size: 23px;}
.like_group_wrap .list_box .txt{font-size: 15px !important; color: #666 !important;}
.like_group_wrap .list_box .txt span{font-size: 15px !important; color: #999 !important;}
.like_group_wrap .bottom_box{margin-top: 20px;}
.like_group_wrap .bottom_box > div{width: 100%;}
.like_group_wrap .bottom_box > div:not(:first-child){margin-top: 20px;}
.like_group_wrap .bottom_box .txt{font-size: 12px !important; color: #999 !important; text-align: center; text-decoration: underline;}
.like_group_wrap .bottom_box button{width: 100%; height: 40px; line-height: 40px; font-size: 14px !important; font-weight: 600; background-color: #F34D33 !important; border-radius: 5px; color: #fff;}

/* 하단 페이징*/
.search_warp{width: 100%; float: left; margin-top: 80px;}
.paging_box{width: 100%; float: left; text-align: center;}
.paging_box > li{  display: inline-block; vertical-align: middle; margin: 0 6px; font-size: 14px; font-weight: 500; color: #333; }
.paging_box > li > * { width: 27px; float: left; height: 27px; line-height: 27px; border-radius: 5px; cursor: pointer; }
.paging_box > li > span { background: rgba(243,77,51,0.1); color: #F34D33; font-weight: 600; cursor:default; }
.paging_box > li i{color: #999;}
.paging_box > li i:hover{color: #333;}

/* 팝업 페이징 */
.popup_wrap .paging_box{margin-top: 40px;}


/* 하단 검색창 */
.search_warp .common_search_box{width: 100%; float: left; margin-top: 80px;}
.common_search_box form{width: 100%; float: left;}
.common_search_box ul{width: 100%; float: left; height: 90px; line-height: 90px; background: #F1F1F1; display: flex; justify-content: center; align-items: center;}
.common_search_box ul > li{display: inline-block; vertical-align: middle;}
.common_search_box ul > li:nth-child(1) select{margin-left: 0px !important;}
.common_search_box ul > li:nth-child(2){margin-left: 4px;}
.common_search_box ul > li:nth-child(3){margin-left: 16px;}

/* 푸터 */
.footer{width: 100%; float: left; margin-top: 110px;}
.footer_top{border-top: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1;}
.footer_top .info_warp{width: 100%; float: left; height: 50px; line-height: 50px;}
.footer_top .info_warp > ul{width: 80%; float: left;}
.footer_top .info_warp > ul >li{float: left; font-size: 14px; font-weight: 600; color: #666;}
.footer_top .info_warp > ul > li:not(:first-child){margin-left: 45px;}
.footer_bottom{padding: 35px 0 70px 0;}
.footer_bottom .footer_logo{width: 21%; float: left; padding-left: 30px;}
.footer_bottom .footer_info{width: 79%; float: left; font-size: 14px; line-height: 24px; font-weight: 500; color: #333; }

/* 마케팅칼럼-목록 페이지 */
/* 공통 왼쪽 메뉴바 */
.container{margin-top: 25px;}
.container .menu_wrap{width: 220px; float: left; padding: 15px 0; border-radius: 5px; background: #EAEAEA;}
.container .menu_wrap .mainMenuList{width: 100%; float: left; margin-top: 30px;}
/* .mainMenuList .main_list.active{border-bottom: 1px solid #fff; } 하단흰색라인 */
.mainMenuList .main_list.Bookmark{border-bottom: 1px solid #fff; padding-bottom: 10px;}
.mainMenuList .main_list.active i{color: #F34D33;}
.mainMenuList .main_list span.active{color: #F34D33;}
.mainMenuList .main_list.active .subMenuList{padding: 10px 15px;}
.mainMenuList > li{width: 100%; float: left;}
.mainMenuList > li:not(:first-child){margin-top: 15px;}
.mainMenuList > li > div{width: 100%; float: left; height: 30px; line-height: 30px; color: #333; font-size: 14px; font-weight: 600; padding: 0 25px;}
.mainMenuList > li > div > a{width: 92%; float: left;}
.mainMenuList > li i{width: 25px; font-size: 15px;}
/* .mainMenuList > li .rightIcon{float: right; font-size: 12px; text-align: center; top: 50%; margin-top: -3px; cursor: pointer;} */
.menu-arrow { width:12px; height:7px; float: right; font-size: 12px; top: 50%; margin-top: -3px; cursor: pointer; }
.menu-arrow-up { background-image:url(/images/arrow_up_bl.png); }
.menu-arrow-down { background-image:url(/images/arrow_down.png); }
.menu-arrow-up.active { background-image:url(/images/arrow_up.png); }
.menu-arrow-down.active { background-image:url(/images/arrow_down_inactive.png); }

.container .subMenuList{display: none; width: 100%; float: left; left: 50%; transform: translateX(-50%); padding: 0 15px;}
.container .subMenuList > li{width: 190px; float: left; padding: 10px;}
.container .subMenuList > li.active{background: #fff; border-radius: 5px;}
.container .subMenuList > li > a{width: 100%; float: left; color: #333; font-size: 13px; font-weight: 500;}

/* 공통 상단 가이드 */
.container .content{width: 1065px; float: left; margin-left: 13px;}
.container .content_wrap{width: 100%; float: left;}
.top_guide_warp{width: 100%; float: left; padding: 0 40px; display: flex; justify-content: flex-start; align-items: center; gap: 25px; background: #fff; border-radius: 5px; height: 160px;}
.top_guide_warp .star_icon{position: absolute; top: 20px; right: 20px;}
.top_guide_warp .star_icon > i{font-size: 20px;}
.top_guide_warp .thumbnail{width: 88px; float: left; height: 88px; text-align: center; background-color: #F1F1F1; color: #ADADAD; border-radius: 100px; overflow: hidden;}
.top_guide_warp .thumbnail i{font-size: 30px; line-height: 88px;}
.top_guide_warp .thumbnail > img{top: 50%; transform: translate(0%, -50%); object-fit: cover;}
.top_guide_warp > ul > li{width: 100%; float: left;}
.top_guide_warp .main_title{font-size: 16px; font-weight: 600; line-height: 24px;}
.top_guide_warp .sub_title{font-size: 13px; font-weight: 500; line-height: 20px; margin-top: 8px; color: #666;}

/* 칼럼 리스트 */
.column_wrap{background: #fff; border-radius: 5px; margin-top: 23px; padding: 37px 40px 87px 40px;}
.column_list.list_table{border-top: 3px solid #F34D33;}
.column_list.list_table table{font-weight: 500; color: #666;}
.column_list.list_table table thead > tr > th{background: #fff; padding: 20px 0;}
.column_list.list_table table tbody > tr > .title{padding-left: 15px; display: flex; justify-content: flex-start; align-items: center;}
.column_list.list_table table tbody > tr > td{padding: 10px 0;}
.column_list.list_table table tbody .list_notice > td{background: rgba(243,77,51,0.05);}
.column_list.list_table table tbody > div{float: left;}
.column_list.list_table .notice{width: 50px; height: 25px; line-height: 23px; font-size: 12px; font-weight: 600; text-align: center; border-radius: 100px; border: 1px solid #F34D33; background: #fff;} /*공지사항일때 배경*/
.column_list.list_table .title_box{width: 80%; text-align: left; margin-left: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.column_list.list_table .title_box .txt:hover{text-decoration: underline;}
.column_list.list_table .title_box.txt:hover{text-decoration: underline;}
.column_list.list_table .reply{font-size: 14px; font-weight: 600; margin-left: 14px;}
.column_list .writer_clickbox{margin-top: 3px; cursor: initial; left: 50%; transform: translateX(-50%);}
.column_list .category { white-space: nowrap; }

/* 칼럼 갤러리 */
.itemListWrap{width: 100%; float: left;}
.itemListWrap .itemList{width: 100%; float: left; margin-top: 20px;}
.gallery_wrap .itemListWrap{border-bottom: 1px solid #eee;}
.gallery_wrap .itemList .list:not(:nth-child(4n+1)){margin-left: 21.5px;}
.gallery_wrap .itemList .list:nth-child(n+5){margin-top: 35px;}
.gallery_wrap{border-top: 3px solid #F34D33;}
.gallery_wrap .itemList .list{width: 230px; float: left; height: 234px;}
.gallery_wrap .list .img_wrap{width: 100%; float: left; text-align: center;}
.gallery_wrap .list .img_wrap img{width: 230px; height: 160px; object-fit: cover; border-radius: 5px; border: 1px solid #F5F5F5;}
.gallery_wrap .list .txt_wrap{width: 100%; float: left; margin-top: 10px;}
.gallery_wrap .list .txt_wrap > li{width: 100%; float: left;}
.gallery_wrap .txt_wrap .category{font-size: 11px; display: flex; justify-content: space-between; align-items: center;}
.gallery_wrap .txt_wrap .category > div{float: left;}
.gallery_wrap .txt_wrap .category .left{font-weight: 600; color: #F34D33; text-align: left;}
.gallery_wrap .txt_wrap .category .right{font-weight: 400; color: #ccc; text-align: right;}
.gallery_wrap .txt_wrap .title{margin-top: 5px; font-size: 14px; font-weight: 500; text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.gallery_wrap .txt_wrap .title span{color: #cc3333;}
.gallery_wrap .txt_wrap .name{margin-top: 10px; font-size: 11px; font-weight: 400; display: flex; justify-content: space-between; align-items: center;}
.gallery_wrap .txt_wrap .name > div{float: left;}
.gallery_wrap .txt_wrap .name .left{color: #666; text-align: left; cursor: pointer;}
.gallery_wrap .txt_wrap .name .right{color: #ccc; text-align: right; letter-spacing: 0;}
.gallery_wrap .txt_wrap .name .right img{transform: translateY(-1px); margin-right: 5px;}
.gallery_wrap .txt_wrap .name .right i{margin-right: 5px;}
.gallery_wrap .txt_wrap .name .right > span{margin-left: 7px;}
.gallery_wrap .writer_clickbox{top: 20px;}

/* 칼럼 미디어 */
.media_wrap{border-top: 3px solid #F34D33;}
.media_wrap .itemList{margin-top: 0;}
.media_wrap .itemList .list{width: 100%; float: left; padding: 20px 30px; border-bottom: 1px solid #eee; cursor: pointer;}
.media_wrap .itemList .list.active{background-color: rgba(243,77,51,0.05);}
.media_wrap .list .img_wrap{width: 230px; float: left; height: 140px; }
.media_wrap .list .img_wrap img{width: 100%; float: left; height: 140px; object-fit: cover; border-radius: 5px; border: 1px solid #F5F5F5;}
.media_wrap .list .txt_wrap{width: calc(100% - 230px); float: left; padding-left: 35px; padding-top: 5px; text-align: left;}
.media_wrap .list .txt_wrap > li{width: 100%; float: left;}
.media_wrap .list .name .line{width: 1px; height: 15px; background-color: #ccc;}
.media_wrap .list .txt_wrap .title{font-size: 15px; font-weight: 600; line-height: 25px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.media_wrap .list .txt_wrap > .title:hover{text-decoration: underline;}
.media_wrap .list .txt_wrap > .title > span{width: 50px; float: left; height: 25px; line-height: 25px; margin-right: 10px; font-size: 12px; font-weight: 600; color: #F34D33; text-align: center; background-color: #fff; border-radius: 100px; border: 1px solid #F34D33;}
.media_wrap .list .txt_wrap > .txt{font-size: 14px; font-weight: 500; margin-top: 17px; color: #666; line-height: 21px;}
.media_wrap .list .txt_wrap .name{margin-top: 30px; font-size: 12px; display: flex; justify-content: flex-start; align-items: center; gap: 13px;}
.media_wrap .list .name .l_name{font-weight: 500; color: #666; cursor: pointer !important;}
.media_wrap .list .name .l_name > .writer_clickbox{top: 20px;}
.media_wrap .list .name .l_date{font-weight: 600; color: #ccc;}
.media_wrap .list .name .l_conbar{font-weight: 600; color: #333;}
.media_wrap .list .l_conbar i{color: #999;}
.media_wrap .list .l_conbar img{transform: translateY(-1px); margin-right: 5px;}
.media_wrap .list .l_conbar i{margin-right: 5px;}
.media_wrap .list .l_conbar > span:not(:first-child){margin-left: 10px;}


/* 댓글 */
.column_list.list_table table tbody .reply_list > td{background-color: #F5F5F5;}
.column_list.list_table table tbody .reply_list.reply_first .title{padding-left: 20px;}
/* 대댓글 */
.column_list.list_table table tbody .reply_list.reply_second .title{padding-left: 40px;}

/* 칼럼리스트에서 작성자 클릭시 박스 노출 */
.writer_clickbox{display: none; width: 190px; float: left; height: 174px; padding: 22px 13px 13px 13px; background-color: #fff; border-radius: 5px; border: 1px solid #E3E5E8; position: absolute; z-index: 9; cursor: default;}
.writer_clickbox > li{width: 100%; float: left;}
.writer_clickbox .title{font-size: 14px; font-weight: 500; color: #333; text-align: left;}
.writer_clickbox .title i{font-size: 16px; color: #999; margin-right: 5px;}
.writer_clickbox .content_box{width: 165px; height: 60px; margin-top: 14px; border-radius: 10px; background-color: #F5F5F5; display: flex; justify-content: center; align-items: center;}
.writer_clickbox .content_box > div{width: 50%; float: left; text-align: center;}
.writer_clickbox .content_box::after{
    content: '';
    width: 1px;
    height: 40px;
    background: #ccc;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.writer_clickbox .content_box > div .num{font-size: 14px; font-weight: 600; color: #333;}
.writer_clickbox .content_box > div .txt{font-size: 12px; font-weight: 500; color: #666; margin-top: 1px;}
.writer_clickbox .btn_box{width: 100%; float: left; margin-top: 14px; display: flex; justify-content: center; align-items: center; gap: 3px;}
.writer_clickbox .thumbnail { width:20px; height:20px; float:left; border: 1px solid #E1E1E1; border-radius: 50px; overflow: hidden; margin-right: 5px; }
.writer_clickbox .thumbnail > img{ width: 20px; height: 20px; object-fit: cover; }

/* 마케팅칼럼 글쓰기 */
.write_wrap{background: #fff; border-radius: 5px; margin-top: 23px; padding: 37px 40px 87px 40px;}
.write_wrap .title_box{font-size: 16px; font-weight: 600; padding-bottom: 15px; border-bottom: 1px solid #333;}
.write_wrap .info_box{width: 100%; float: left; margin-top: 15px; padding: 35px 30px; border-radius: 10px; border: 1px solid #E3E5E8;}
.write_wrap .info_box .list{width: 100%; float: left; display: flex; justify-content: flex-start; align-items: center;}
.write_wrap .info_box .list.w50{width: 50% !important; margin-top: 0 !important;}
.write_wrap .info_box .list.w50 .tit{width: 20% !important;}
.write_wrap .info_box .list:not(:first-child){margin-top: 15px;}
.write_wrap .info_box .list select{margin-left: 0 !important;}
.write_wrap .info_box .tit{width: 10%; float: left; font-size: 15px; font-weight: 500;}
.write_wrap .info_box .title_form{width: 90%; float: left;}
.write_wrap .info_box .title_form input{width: 100%; float: left; height: 40px; line-height: 40px; border-radius: 5px; border: 1px solid #E1E1E1;}
.write_wrap .text_area{width: 100%; float: left; min-height: 300px; margin-top: 15px;}
.write_wrap .thumb_box{width: 100%; float: left; margin-top: 35px;}
.write_wrap .thumb_box .title{width: 100%; float: left; display: flex; justify-content: flex-start; align-items: center; gap: 20px;}
.write_wrap .thumb_box .title .txt{font-size: 15px; font-weight: 500;}
.write_wrap .thumb_box .title .guide{font-size: 12px; font-weight: 500; color: #999;}
.write_wrap .thumb_box .title .guide > i{margin-right: 5px; color: #ccc;}
.write_wrap .img_wrap {width: 160px; float: left; height: 112px; margin-top: 15px; border: 1px solid #E2E2E2; border-radius: 5px; background-color: #FBFBFB; cursor: pointer;}
.write_wrap .img_wrap > div{width: 100%; float: left; text-align: center; top: 50%; transform: translateY(-50%);}
.write_wrap .img_wrap > div > img{width: 100%; height: 110px; object-fit: cover; border-radius: 4px;}
.write_wrap .img_wrap > div > div{width: 100%; float: left;}
.write_wrap .img_wrap .icon i{font-size: 20px; color: #ccc;}
.write_wrap .img_wrap .txt{margin-top: 5px; font-size: 12px; font-weight: 400; color: #999;}
.write_wrap .img_wrap .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;}
.write_wrap .img_wrap .re_btn i {color: #fff; font-size: 13px;}
.write_wrap .file_box{width: 100%; float: left; height: 60px; line-height: 58px; font-size: 12px; font-weight: 500; color: #999; text-align: center; margin-top: 15px; border: 1px solid #E3E5E8; border-radius: 2px; background-color: #F9F9F9; cursor: pointer;}
.write_wrap .file_box img{margin-right: 10px;}
.write_wrap .link_wrap { width: 100%; float: left; height: 40px; margin-top: 15px; border: 1px solid #E3E5E8; border-radius: 5px; background-color: #fff;}
.write_wrap .link_wrap .link_box { width: 100%; float: left; height: 38px; line-height: 38px; font-size: 12px; font-weight: 500; color: #999; border: none; border-radius: 6px; padding: 0 15px; background-color: #fff; letter-spacing: -0.6px; }
.write_wrap .thumb_box .file_list li { width:301px; }
.write_wrap .lock_pw_wrap { width:100%; float:left; margin-top: 35px; display: flex; justify-content: flex-start; align-items: center; gap:40px; }
.write_wrap .lock_pw_wrap .left { width:100%; float:left; display: flex; justify-content: flex-start; align-items: center; gap:15px; }
.write_wrap .lock_pw_wrap .right { width:100%; float:left; display: flex; justify-content: flex-start; align-items: center; gap:15px; } 
.write_wrap .lock_pw_wrap .tit { width:20%; float:left; font-size: 15px; font-weight: 500; }
.write_wrap .lock_pw_wrap .title_form { width:80%; float:left; }
.write_wrap .lock_pw_wrap .title_form input { width:100%; float:left; height:40px; line-height: 40px; border-radius: 5px; border:1px solid #e1e1e1; }

/* 글쓰기페이지 공지사항 여부 */
.notice_check{width: 100%; float: right; text-align: right; margin-top: 15px; font-size: 15px; font-weight: 500; color: #666; display: flex; gap:20px; align-items: center; justify-content: flex-end; }
.notice_check .checkCustomLabel i{transform: translateY(2px); margin-right: 5px;}
.notice_check .line { width:2px; height:14px; float:left; background-color: #eaeaea; }

/* 첨부파일 공통 : 마케팅칼럼-글쓰기, 뷰페이지 */
.file_list{width: 100%; float: left; margin-top: 17px;}
.file_list li{width: 322px; float: left; height: 37px; line-height: 37px; font-size: 12px; padding: 0 15px; border: 1px solid #E3E5E8; border-radius: 2px;}
.file_list li:not(:nth-child(3n-2)){margin-left: 9.5px;}
.file_list li:nth-child(n+4){margin-top: 9.5px;}
.file_list li .icon{color: #999; float: left;}
.file_list li .icon i{font-size: 14px;}
.file_list li .txt{font-weight: 500; color: #666; margin-left: 10px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 150px;}
.file_list li .info{font-weight: 400; color: #ccc; margin-left: 10px;}
.file_list li .k_close{float: right; cursor: pointer;}

/* 버튼바 공통 : 마케팅칼럼-글쓰기, 뷰페이지 */
.write_wrap .btn_bar, .view_wrap .btn_bar{margin-top: 110px;}
.write_wrap .btn_bar .btn_message,
.view_wrap .btn_bar .btn_message{width: 110px; height: 35px; line-height: 32px;  font-size: 14px; border-radius: 5px;}
/* margin-left: 7px; */
.write_wrap .btn_bar .btn_list, .view_wrap .btn_bar .btn_list{color: #999;}

/* 마케팅칼럼 뷰페이지 */
/* .view_wrap > div{padding: 0 8px;} */
.view_wrap .title_box{width: 100%; float: left;}
.view_wrap .title_box > div{width: 100%; float: left;}
.view_wrap .title_box .category{font-size: 16px; font-weight: 500; color: #F34D33;}
.view_wrap .title_box .title{font-size: 26px; font-weight: 400; margin-top: 12px; line-height: 28px;}
.view_wrap .title_box .title span{width: auto; float: left; padding: 0 20px; height: 30px; line-height: 30px; text-align: center; margin-right: 10px; border-radius: 5px; background-color: rgba(243,77,51,0.12); font-size: 16px; font-weight: 600; color: #F34D33;}
.view_wrap .user_box{width: 100%; float: left; margin-top: 35px; }
.view_wrap .user_box > ul{width: 50%; float: left; display: flex; font-size: 13px; align-items: center;}
.view_wrap .user_box > ul > li{float: left;}
.view_wrap .user_box .left{justify-content: flex-start; font-weight: 500;}
.view_wrap .user_box .u_name{color: #666; cursor: pointer;}
.view_wrap .user_box .u_name > i{font-size: 14px; color: #999; margin-right: 5px;}
.view_wrap .user_box .u_name .writer_clickbox{left: 15px; top: 22px;}
.view_wrap .user_box .line{width: 1px; height: 15px; background-color: #ccc; margin: 0 13px; padding: 0 ;}
.view_wrap .user_box .u_date{color: #ccc;}
.view_wrap .user_box .right{justify-content: flex-end; font-weight: 600; gap: 20px;}
.view_wrap .user_box .right > li{letter-spacing: 0;}
.view_wrap .user_box .right > li > img{margin-right: 10px; transform: translateY(-1px);}
.view_wrap .user_box .right > li > i{margin-right: 10px; color: #999; font-size: 14px;}
.view_wrap .con_wrap{width: 100%; float: left; margin-top: 15px;}
.view_wrap .con_wrap .img_box{width: 100%; float: left;}
.view_wrap .con_wrap .txt_box{width: 100%; float: left; margin-top: 20px; min-height: 150px; font-size: 14px; font-weight: 500; color: #666; line-height: 25px;}
.view_wrap .con_wrap .file_list{margin-top: 60px;}
.view_wrap .con_wrap .mov_box { width:100%; float:left; margin-top:35px; border-top:1px solid #F1F1F1; padding:25px 0; }
.view_wrap .con_wrap .mov_box .youtube { width:770px; height:430px; float:left; }
.view_wrap .like_wrap{width: 100%; float: left; height: 45px; line-height: 45px; padding: 0 20px; margin-top: 30px; background-color: #F5F5F5; border-radius: 5px;}
.view_wrap .like_wrap > li{font-size: 13px; font-weight: 500; color: #666;}
.view_wrap .like_wrap i{color: #999;}
.view_wrap .like_wrap .left{width: 50%; float: left; display: flex; justify-content: flex-start; align-items: center; gap: 10px;}
.view_wrap .like_wrap .left .icon{font-size: 18px; color: #999; cursor: pointer;}
.view_wrap .like_wrap .left .icon.active i { color: #F34D33; }
.view_wrap .like_wrap .left .num{color: #F34D33; font-weight: 600; letter-spacing: 0;}
.view_wrap .like_wrap .right{display: flex; justify-content: flex-end; align-items: center; gap: 20px;}
.view_wrap .like_wrap .right .line{width: 1px; height: 20px; background-color: #E1E1E1;}
.view_wrap .like_wrap .right i{margin-right: 8px;}
.view_wrap .like_wrap .right .btn_box{cursor: pointer;}

.view_wrap .like_wrap .share_box { line-height: 22px; position: absolute; top:35px; left:50%; transform: translateX(-50%); }
.view_wrap .commend_wrap{width: 100%; float: left; padding: 20px 25px 30px 25px; margin-top: 20px; border-radius: 5px; border: 1px solid #E3E5E8;}
.view_wrap .commend_wrap > div{width: 100%; float: left;}
.view_wrap .commend_wrap > div:last-child{border-bottom: none !important;}
.view_wrap .commend_wrap .top{width: 100%; float: left; font-size: 14px; font-weight: 600;}
.view_wrap .commend_wrap .commend_list{margin-top: 30px; padding-bottom: 30px;}
.view_wrap .commend_list .icon_box{width: 30px; float: left; height: 30px; border-radius: 100px; overflow: hidden;}
.view_wrap .commend_list .commend_box{width: 95%; float: left; margin-left: 10px; margin-top: 5px;}
.view_wrap .commend_box .first_box{width: 100%; float: left;}
.view_wrap .commend_box .list{width: 100%; float: left; display: flex; justify-content: space-between; align-items: center;}
.view_wrap .commend_box .list li{float: left; font-size: 13px; font-weight: 600;}
.view_wrap .commend_box .list li span{float: left;}
.view_wrap .second_box .list{width: 100%; float: left; display: flex; justify-content: space-between; align-items: center;}
.view_wrap .second_box .list li{float: left; font-size: 13px; font-weight: 600;}
.view_wrap .second_box .list li span{float: left;}
.view_wrap .commend_box .c_user{cursor: pointer;}
.view_wrap .commend_box .c_user .writer_clickbox{top: 25px; left: 0;}
.view_wrap .commend_box .writer{width: 50px; height: 20px; line-height: 20px; margin-left: 10px; border-radius: 5px; font-size: 10px; color: #F34D33; text-align: center; background-color: #FEF6F4;}
.view_wrap .commend_box .menu{cursor: pointer;}
.view_wrap .commend_box .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;}
.view_wrap .commend_box .menu_box > li{width: 100%; float: left; height: 45px; line-height: 45px; font-size: 11px; font-weight: 600; text-align: center; color: #999;}
.view_wrap .commend_box .menu_box > li:not(:last-child){border-bottom: 1px solid #EAEAEA;}
.view_wrap .commend_box .menu_box > li i{margin-right: 5px;}
.view_wrap .commend_box .scrap_box{width: 100%; float: left; margin-top: 20px; display: flex; justify-content: flex-start; align-items: center; gap: 15px;}
.view_wrap .second_box .c_user{cursor: pointer;}
.view_wrap .second_box .c_user .writer_clickbox{top: 25px; left: 0;}
.view_wrap .second_box .writer{width: 50px; height: 20px; line-height: 20px; margin-left: 10px; border-radius: 5px; font-size: 10px; color: #F34D33; text-align: center; background-color: #FEF6F4;}
.view_wrap .second_box .menu{cursor: pointer;}
.view_wrap .second_box .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;}
.view_wrap .second_box .menu_box > li{width: 100%; float: left; height: 45px; line-height: 45px; font-size: 11px; font-weight: 600; text-align: center; color: #999;}
.view_wrap .second_box .menu_box > li:not(:last-child){border-bottom: 1px solid #EAEAEA;}
.view_wrap .second_box .menu_box > li i{margin-right: 5px;}
.view_wrap .url_box { width:100%; float:left; /* border-bottom: 1px solid #efeeee; */ padding-bottom: 20px; }
.view_wrap .url_box > ul { width:100%; float:left; display: flex; align-items: center; justify-content: flex-end; gap:10px; font-size: 14px; color:#cbcbcb; font-weight: 400; }
.view_wrap .url_box > ul .linkicon { float:left; display: flex; justify-content: flex-start;  }
.view_wrap .url_box > ul .linkicon > i{font-size: 13px; margin-top: 3px; margin-right: 5px;}
.view_wrap .url_box > ul .link { text-decoration: underline; }

.view_wrap .commend_box .txt{width: 100%; float: left; font-size: 14px; font-weight: 500; line-height: 21px; margin-top: 10px; color: #666;}
.view_wrap .second_box .txt{width: 100%; float: left; font-size: 14px; font-weight: 500; line-height: 21px; margin-top: 10px; color: #666;}
.view_wrap .second_box .scrap_box{width: 100%; float: left; margin-top: 20px; display: flex; justify-content: flex-start; align-items: center; gap: 15px;}
.view_wrap .scrap_box li{float: left; font-size: 13px;}
.view_wrap .scrap_box .c_date{font-weight: 500; color: #ccc; letter-spacing: 0;}
.view_wrap .scrap_box .c_like{font-weight: 600; color: #ccc; cursor: pointer;}
.view_wrap .scrap_box .c_like.active{color: #F34D33;}
.view_wrap .scrap_box .c_like > i{margin-right: 8px;}
.view_wrap .scrap_box .c_com{font-weight: 500; color: #666; cursor: pointer;}
.view_wrap .second_box{width: 95% !important; float: left; border-radius: 5px; background-color: #F9F9F9; padding:10px 25px; margin-left:40px; }
.view_wrap .second_box .commend_box2{width: 91%; float: left; margin-left: 10px; margin-top: 5px;}
.view_wrap .second_box .reply_box{width: 100%; float: left; border-bottom: 1px solid #E3E5E8; }
/* .view_wrap .second_box .reply_box:not(:first-child){ border-top: 1px solid #E3E5E8; padding-top: 20px;} */
.view_wrap .second_box .reply_box > div { width:100%; float:left; padding:25px 0;  }
.view_wrap .second_box .reply_box.reply_2{padding-left: 50px;}
.view_wrap .second_box .reply_box.reply_3{padding-left: 75px;}
.view_wrap .second_box .reply_box .delte_reply { padding-top: 00px !important; }
.view_wrap .second_box .icon_box2{float: left; height: 30px; line-height: 30px;}
.view_wrap .second_box .icon_box2 > span{float: left; font-size: 13px; color: #999;}
.view_wrap .second_box .icon_box2 .img_box{width: 30px; border-radius: 100px; margin-left: 10px; overflow: hidden;}
.view_wrap .delte_reply{font-size: 14px; font-weight: 500; color: #ccc; padding-left: 25px; margin-top: 0 !important; padding-top: 50px !important; border-bottom:0; display: flex; justify-content: space-between; align-items: center;}
.view_wrap .delte_reply > i{font-size: 15px; color: #E1E1E1; margin-right: 5px;}
/* 댓글창 */
.cmt_wf{width: 100%; float: left; margin-top: 10px;}
.commend_wrap > .cmt_wf{margin-top: 50px;}
.cmt_wf .cmt_wf_wrap{width: 100%; float: left; border: 2px solid #EAEAEA; background: #fff; border-radius: 10px; padding: 25px 35px; }
.cmt_wf .comment_profile{width: 40px; float: left; height: 40px; border-radius: 100px;}
.cmt_wf .comment_innerwrap{width: 100%; float: left;}
.cmt_wf .c_name{font-size: 13px; font-weight: 600; display: flex; justify-content: space-between; align-items: center; }
.cmt_wf .c_name > .tt_num { font-size: 12px; font-weight: 400; color:#CCCCCC; }
.cmt_wf .cmt_input{width: 100%; float: left; margin-top: 5px;}
.cmt_wf .cmt_input .comment_inbox_text{width: 100%; height:auto; float: left; font-size: 13px; font-weight: 400; color:#666666; line-height: 21px; padding: 0px; min-height: 20px; background: #fff; border-radius: 5px; margin-top: 15px; overflow: hidden; overflow-wrap: break-word;  }
.cmt_wf .cmt_input textarea::placeholder { color: #ccc; }
.cmt_wf .btn_comment{width: 65px; float: left; height: 30px; line-height: 30px; font-size: 12px; font-weight: 600; text-align: center; color: #F34D33; border-radius: 5px; background-color: #fde5e1; }
.view_wrap .commend_wrap .commend_list.delte_reply { border-bottom: 0; }
.cmt_wf .c_btm { width: 100%; float:left; display: flex; justify-content: space-between; margin-top:15px; align-items: flex-end; }
.cmt_wf .c_btm .camera { cursor: pointer; display: flex; align-items: center; }
.cmt_wf .img_box { width: 100%; float:left; display: flex; justify-content: flex-start; gap:25px;  }
.cmt_wf .img_box .img_list { width: 100%; float:left; display: flex; gap:8px; }
.cmt_wf .img_box .img_list .box { width: 90px; height:60px; float:left; border: 1px solid #e2e2e2; border-radius: 5px; background-color: #fbfbfb; } 
.cmt_wf .img_box .img_list .box > img { width:100%; float:left; text-align: center; top:50%; transform: translateY(-50%); }
.cmt_wf .img_box .img_list .box .k_close { width:20px; height:20px; float:left; border-radius: 50px; font-size: 12px; line-height: 19px; cursor: pointer; background-color: #555; color:#fff; text-align: center; position: absolute; top: -5px; right: -7px; display: none;  }
.cmt_wf .img_box .img_list .box:hover .k_close { display: block;  }
.cmt_wf .img_box .img_list .box:hover { background-color: rgba(0,0,0,1);  }
.cmt_wf .img_box .img_list .box:hover img { opacity: 0.8; }

/* 반려사유 팝업 */
.manage_pop .manage_box{width: 100%; float: left; padding: 0 22px;}
.manage_pop .manage_box .txt_box{height: 150px;}
.manage_pop .info_pop{height: 300px !important;}


/* 팝업-키워드조회 */
.popup_bg {display: none; width:100%; float:left; height:100%; background-color: rgba(0,0,0,0.6); z-index:9999; top:0; left:0; position: fixed; }
.popup_bg .popup_wrap{height: 100%;}
.popup_bg .popup_wrap > div{height: 100%;}
.popup_bg .popup_wrap > div > div {height: 100%; display: flex; justify-content: center; }
.popup_bg .popup_wrap .popup_box { width:1000px; background-color: #fff; }
.popup_bg .popup_box .tit_box { width:100%; float:left; height:80px; padding:0 25px 0 50px; background-color: #F34D33; color:#fff; display: flex; justify-content: space-between; align-items: center;  }
.popup_bg .popup_box .tit_box .txt {float: left; font-size:23px; font-weight: 600; color:#fff; }
.popup_bg .popup_box .tit_box .k_close {float: left; cursor: pointer;}
.popup_bg .content_warp{width:100%; float:left; height:100%; padding:0; overflow:unset;}
.popup_bg .content_warp iframe{width:100%; height:100%;}
.popup_bg .content_warp.marketing iframe{width:100%; height:calc(100% - 60px);} 

/* iframe 부분 */
.PopWrap{width: 100%; float: left; padding: 30px;}
.top_box { width:100%; float:left; }
.top_box > .sub{ width:100%; float:left; padding-left: 10px; display: flex; justify-content: space-between; align-items: center; }
.top_box > .sub > .star_icon > i{font-size: 19px;}
.top_box .info_box{ width:100%; float:left; padding: 20px 35px; display: flex; justify-content: space-between; align-items: center; border:2px solid #EAEAEA; border-radius: 10px; margin-top:10px; }
.top_box.KeyWord_info .info_box{height: 108px;}
.top_box .info_box .title_box{float: left; font-size: 20px; font-weight: 600; color: #333;}
.top_box .info_box .title_box i{font-size: 19px; margin-right: 8px; color:#ccc; }
.top_box .info_box .title_box i.fas { color: #FFCC00; }
.top_box .info_box .title_box > span { display:inline-block; vertical-align: middle; }
.top_box .info_box .title_box .rank_num { background-color:rgba(243, 77, 51, 0.1); color:#F34D33; width:57px; line-height:29px; border-radius: 5px; font-size:15px; font-weight:bold; text-align:center; margin-right: 10px; }

.top_box .info_box .data_box{width: 76%; display: flex; justify-content: flex-end;}
.top_box .info_box .data_box > li{width: 20%; float: left;}
.top_box .info_box .data_box > li.big { width:25%;}
.top_box .info_box .data_box .title{float: left; height: 23px; line-height: 23px; font-size: 12px; font-weight: 600; text-align: center; border-radius: 100px;}
.top_box .info_box .data_box .txt{width: 100%; float: left; margin-top: 7px; font-size: 14px; font-weight: 500; color: #666; text-align: left; padding-left: 8px;}
.top_box .info_box .data_box .txt .blue_color{color: #4285F4;}
.top_box .info_box .data_box .txt .gray_color{color: #999;}
.top_box .info_box .data_box .data_pc .title{min-width: 50px; background-color: #666; color: #fff; padding:0 10px; text-align:center; }
.top_box .info_box .data_box .data_mo .title{width: 75px; background-color: #999; color: #fff; text-align:center; }
.top_box .info_box .data_box .data_sum { width:15%; }
.top_box .info_box .data_box .data_sum .title{width: 50px; border: 1px solid #F34D33; color: #F34D33; text-align:center; }
.top_box .info_box .data_box .data_ad .title{width: 75px; background-color: #fff; color: #999; border: 1px solid #ccc; text-align:center; }
.top_box .info_box .data_box .data_ad .sub{float: left; color: #ccc; font-size: 12px; margin-top: 2px; margin-left: 7px; font-weight: 400; text-align:center; }

.top_box .info_box .data_box.right_box > li > div { float:right; text-align:right; }
.top_box .info_box .data_box.right_box > li > div.txt { padding-left:0; padding-right:8px;}


.ConWrap{width: 100%; float: left; margin-top: 20px;}
.ConWrap .list_tabletop .total{border-right: none;}
.ConWrap table{border: none !important;}

/* 팝업 섹션보기 */
.ConWrap .content_box{width: 100%; float: left; padding: 0 15px; display: flex; justify-content: space-between;}
/* .ConWrap .content_box .box{width: 49%; float: left; padding: 22px 33px; background-color: #F9F9F9; border-radius: 10px;} */
.ConWrap .content_box .box{width: 100%; float: left; padding: 22px 33px; background-color: #F9F9F9; border-radius: 10px;}
.ConWrap .content_box .box:not(:first-child){margin-left: 2%;}
.ConWrap .content_box .point_box{width: 105px; float: left; height: 31px; line-height: 31px; font-size: 14px; font-weight: 600; border-radius: 100px; text-align: center;}
.ConWrap .content_box .point_box.pc_box{color: #fff; background: #F34D33;}
.ConWrap .content_box .point_box.mo_box{color: #F34D33; background: #fff; border: 1px solid #F34D33;}
.ConWrap .content_box ul{width: 100%; float: left; margin-top: 30px;}
/* .ConWrap .content_box ul > li{width: 100%; float: left; font-size: 14px; font-weight: 500; color: #333; line-height: 30px;} */
.ConWrap .content_box ul > li{width: 50%; float: left; font-size: 14px; font-weight: 500; color: #333; line-height: 30px;}

/* 팝업 닫기버튼 */
.popup_bg .close_box{width: 100%; float: left; height: 74px; line-height: 74px; background-color: #F5F5F5; position: absolute; left: 0; bottom: 0;}
.popup_bg .close_box .btn_close{top: 50%; left: 50%; transform: translate(-50%,-50%);}

/* 키워드조회 글발행량 팝업 */
.ConWrap.pop_wrap .sub_title{padding-right: 15px; font-size: 14px; font-weight: 500; color: #999; text-align: right;}
.ConWrap.pop_wrap .content_box{flex-wrap: wrap; margin-top: 8px;}
.ConWrap.pop_wrap .box{display: flex; justify-content: space-between; align-items: center;}
.ConWrap.pop_wrap .box .txt{font-size: 14px; font-weight: 500; letter-spacing: 0; color: #333;}
.ConWrap.pop_wrap .box .mo_box{width: 80px;}
.ConWrap.pop_wrap .box:nth-child(2n){margin-left: 2%;}
.ConWrap.pop_wrap .box:nth-child(n+1){margin-left: 0 !important;}
.ConWrap.pop_wrap .box:nth-child(n+3){margin-top: 2%;}

/* 숏주소 팝업 */
.short_wrap .content_warp{max-height: calc(100% - 154px);}
.short_title{font-size: 20px; font-weight: 600; color: #333;}
.short_title span{font-size: 15px; font-weight: 400; color: #666; display: inline-block; vertical-align: middle; margin-right: 10px; transform: translateY(-2px);}
.top_box.short_box .info_box{display: block !important;}
.top_box.short_box .data_box{width: 100% !important; height: 55px; line-height: 55px; padding-left: 45px; justify-content: flex-start !important; border-radius: 10px; background-color: #FEF6F4;}
.top_box.short_box .data_box > li{width: 23% !important; font-size: 13px; font-weight: 600; color: #333;}
.top_box.short_box .data_box > li:first-child::after{
    content: '';
    width: 1px;
    height: 24px;
    background-color: #E3E5E8;
    position: absolute;
    top: 50%;
    right: 41px;
    transform: translate(0,-50%);
}
.top_box.short_box .data_box > li > span{width: auto !important; float: none !important; margin-left: 35px;}
.top_box.short_box .short_search{padding-left: 15px; margin-top: 15px;}
.top_box.short_box .short_search .title{display: flex; justify-content: space-between; align-items: center;}

/* 팝업 테이블 */
/* 팝업테이블 공통요소 */
.popup_wrap .list_table table{font-weight: 500 !important; color: #666 !important; border: none !important;}
.popup_wrap .list_tabletop{margin-top: 0 !important;}
.popup_wrap .list_table table thead > tr > th{border-top: 1px solid #E1E1E1;}
.popup_wrap .list_table table thead > tr > th:first-child{border-left: 1px solid #E1E1E1;}
.popup_wrap .list_table table thead > tr > th:last-child{border-right: 1px solid #E1E1E1;}

/* 숏주소 팝업 폰트크기가 다름*/
.ConWrap .short_list .pop_link{padding: 20px !important; text-align: left !important; color: #999; font-size: 12px; line-height: 16px;}

/* 월간통계 팝업 */
.statistics_wrap{padding: 0 15px;}
.statistics_wrap .statistics_box{width: 100%; float: left; border: 1px solid #EAEAEA; border-radius: 10px; background-color: #fff;}
.statistics_wrap .statistics_box .title_box{width: 100%; float: left; height: 75px; line-height: 75px; padding: 0 40px; display: flex; justify-content: space-between; align-items: center; border-top-right-radius: 10px; border-top-left-radius: 10px; background-color: #F5F5F5;}
.statistics_wrap .title_box .title{font-size: 16px; font-weight: 600;}
.statistics_wrap .statistics_box .txt_area{width: 100%; float: left; min-height: 300px; padding:40px;}

/* 숏주소 */
/* 숏주소 검색박스 인풋 */
.short_wrap .form_box{width: 950px; float: left;}
.short_wrap .form_box .search_box{float: left; border-radius: 10px; border: 1px solid #E1E1E1; background: #fff;}
.short_wrap .form_box .search_box.box01{width: 220px;}
.short_wrap .form_box .search_box.box02{width: 723px; margin-left: 7px; padding-right: 15px; display: flex; justify-content: space-between; align-items: center; gap: 15px;}
.short_wrap .form_box .search_box input{width: 100%; float: left; height: 55px; line-height: 55px; font-size: 14px; font-weight: 500; color: #333; border: none; background: none; line-height: 21px;}

/* 숏주소 리스트 */
.short_search{width: 100%; float: left; padding: 0 35px;}
.short_search li{width: 100%; float: left; text-align: left;}
.short_search .title{font-size: 15px; font-weight: 600; line-height: 22px;}
.short_search .title img{margin-left: 10px; transform: translateY(-2px); cursor: pointer;}
.short_search .sub{font-size: 10px; font-weight: 400; line-height: 14px; margin-top: 6px; color: #ccc;}
.short_wrap .keyword_list .color_gray span{font-weight: 500; letter-spacing: 0;}
.short_wrap .keyword_list .icon_wrap .icon_box{width: 100%; float: left;}
.short_wrap .keyword_list .icon_wrap .icon_box > div:first-child{display: flex; justify-content: center; align-items: center; gap: 23px;}
.short_wrap .keyword_list .icon_wrap .icon_box > div i{font-size: 19px; color: #ccc; cursor: pointer;}
.short_wrap .keyword_list .icon_wrap .star_icon{color: #ccc !important;}
.short_wrap .keyword_list .icon_wrap .star_icon.active i{color: #FFCC00 !important;}
.short_wrap .keyword_list .icon_wrap img{cursor: pointer;}

/* 숏주소 공유하기 박스 */
.share_box{display: none; width: 308px; height: 193px; float: left; padding-top: 30px; position: absolute; top: 30px; left: 50%; transform: translateX(-50%); z-index: 999; background: url(/images/share_box.png) no-repeat center 100%;}
.share_box .title_box{width: 100%; float: left; font-size: 16px; font-weight: 600; color: #333; text-align: center;}
.share_box > ul{width: 100%; float: left; margin-top: 17px; display: flex; justify-content: center; align-items: center; gap: 30px;}
.share_box > ul > li{float: left; text-align: center;}
.share_box > ul > li > div{width: 100%; float: left;}
.share_box .img_box{width: 31px; height: 31px; border-radius: 100px; display: inline-block; vertical-align: middle;}
.share_box .txt{font-size: 12px; font-weight: 500; color: #666; margin-top: 5px;}
.share_box .share_form{width: 100%; float: left; margin-top: 17px; display: flex; justify-content: center; align-items: center;}
.share_box .share_form input{width: 200px; float: left; height: 33px; line-height: 33px; font-size: 12px; font-weight: 500; padding: 0 15px; color: #999; border-radius: 3px; border: 1px solid #E1E1E1; letter-spacing: 0; background: none;}
.share_box .share_form .btn_duplication{margin-left: 5px;}

/* 키워드조합-조합이력 */
.down_wrap > a{width: 100px; float: left; font-weight: 600; height: 30px; line-height: 28px; left: 50%; transform: translateX(-50%); border-radius: 5px; color: #F34D33; border: 1px solid #F34D33;}
.down_wrap > a > i{margin-right: 5px;}


/* 키워드조합-조합완료 */
.CompleteWrap{margin-top: 65px; text-align: center; font-weight: 600;}

.CompleteWrap .complete_box { width:100%; display:flex; flex-direction:row; align-items:center; margin-top:50px; }

.CompleteWrap .comp_left_box { width:45%; }

.CompleteWrap .comp_result { width:100%; float:left; background-color:white; border:3px solid #F1F1F1; border-radius:10px; }
.CompleteWrap .comp_result ul { width:100%; float:left; }
.CompleteWrap .comp_result li { width:100%; float:left; }

/* 타이틀 */
.CompleteWrap .comp_result .comp_tit { border-bottom:1px solid #EAEAEA; padding:0 29px; }
.CompleteWrap .comp_result .comp_tit li { width:50%; line-height:60px; }

.CompleteWrap .comp_result .comp_list { width:100%; float:left; padding:19px 29px; }
.CompleteWrap .comp_result .comp_list ul { height:216px; overflow:auto; }
.CompleteWrap .comp_result .comp_list li { line-height:30px; }

.CompleteWrap .comp_right_box { width:55%; }
.CompleteWrap .comp_right_box ul {width: 100%; float: left;}
.CompleteWrap .comp_right_box li {width: 100%; float: left;}
.CompleteWrap .comp_right_box .title{margin-top: 22px; font-size: 15px;}
.CompleteWrap .comp_right_box .sub{font-size: 14px; color: #666; margin-top: 5px;}
.CompleteWrap .comp_right_box .sub > span{letter-spacing: 0;}
.btn_down{width: 250px; float: left; height: 50px; line-height: 50px; border-radius: 5px; font-size: 15px; font-weight: 600; text-align: center; color: #F34D33; background: #fff; border: 1px solid #F34D33; left: 50%; transform: translateX(-50%);}


/* 로그인 */
.check_id_result { width:100%; float:left; height:18px; margin-top:15px; }
.login_error{width: 100%; float: left; font-size: 13px; font-weight: 400; margin-top: 15px; color: #FF0000;} /* 에러코드 공통 */
.login_correct{width: 100%; float: left; font-size: 13px; font-weight: 400; margin-top: 15px; color: #0059FF;}
.login_footer{width: 100%; float: left; text-align: center; font-size: 11px; font-weight: 500; color: #ccc; margin-top: 32px;} /* 로그인 푸터 */

.login_warp{margin-top: 45px;}
.login_warp > div{width: 560px;}
.login_warp .login_box{width: 100%; float: left; padding: 70px 70px 40px 70px; border-radius: 30px; background-color: #fff; box-shadow: 0px 1px 4px 3px rgba(0, 0, 0, 0.05);}
.login_warp .login_box .main_logo{width: 100%; float: left; text-align: center;}
.login_warp .login_box .txt{width: 100%; float: left; font-size: 13px; font-weight: 400; margin-top: 15px; color: #333; text-align: center;}
.login_warp .login_main{width: 100%; float: left; margin-top: 55px;}
.login_warp .login_main input{width: 100%; float: left; border-radius: 10px; height: 60px; line-height: 60px; padding-right: 47px; color: #333; font-size: 14px; font-weight: 500; letter-spacing: 0;}
.login_warp .login_main .login_content{width: 100%; float: left;}
.login_warp .login_content .checkCustomLabel{display: flex; justify-content: flex-start; align-items: center; gap: 6px;}
.login_warp .login_content > li{width: 100%; float: left;}
.login_warp .login_content > li:nth-child(2){margin-top: 11px;}
.login_warp .login_content > li.active input{border: 1px solid #F34D33; box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.05);}
.login_warp .login_check{width: 100%; float: left; margin-top: 15px;}
.login_warp .login_check span{font-size: 13px; font-weight: 400;}
.login_warp .btn_login{margin-top: 20px;}
.login_warp .login_find{width: 100%; float: left; margin-top: 25px; display: flex; justify-content: center; align-items: center; gap: 15px;}
.login_warp .login_find > li{float: left; font-size: 13px; font-weight: 400; color: #666;}
.login_warp .login_find > li.line{width: 1px; height: 12px; background: #E3E5E8;}
.login_warp .sns_login{width: 100%; float: left; margin-top: 40px; text-align: center;}
.login_warp .sns_login .sns_title{width: 100%; float: left; font-size: 12px; font-weight: 500; color: #999;}
.login_warp .sns_login .sns_box{width: 100%; float: left; margin-top: 17px; display: flex; justify-content: center; align-items: center; gap: 10px;}
.login_warp .sns_box li{width: 50px; float: left; height: 50px; line-height: 50px; text-align: center; border-radius: 100px;}
.login_warp .sns_box .sns_kakao{background-color: #FEE500;}
.login_warp .sns_box .sns_naver{background-color: #03C75A;}
.login_warp .login_adwrap{width: 100%; float: left; height: 100px; margin-top: 20px; border-radius: 5px; background-color: #D9D9D9;}
.login_warp .login_adwrap { background-color:#f9f9f9; }
.login_warp .login_adwrap img { width:100%; height:100%; border-radius:10px; }
.login_warp .login_adwrap > .no_ad_wrap { width:100%; height:100%; border-radius:10px; background-color:#D9D9D9; }
#members_box .password_eye { position:absolute; top:35%; right:11%; font-size:18px; color:#999; }

/* 회원가입 */
.join_warp > div{width: 560px;}
.join_warp .join_box{width: 100%; float: left; height: 100vh; padding: 32px 22px; background-color: #fff; box-shadow: 0px 1px 4px 3px rgba(0, 0, 0, 0.05);}
.join_warp .join_box.join_100{height: 100% !important;}
.join_warp .join_box .join_top{width: 100%; float: left; display: flex; justify-content: space-between; align-items: center; padding-bottom: 30px; border-bottom: 1px solid #E3E5E8;}
.join_warp .join_box .join_top .join_logo{padding-left: 23px;}
.join_warp .join_box .join_top .txt{font-size: 16px; font-weight: 500; color: #333; padding-right: 23px; text-align: right;}
.join_warp .join_box .join_content{width: 100%; float: left; margin-top: 110px;} 
.join_warp .join_box .join_content_02 { width:100%; float:left; font-size:23px; font-weight:900; margin-bottom:25px; }
.join_warp .join_content .join_title{width: 100%; float: left; text-align: center;}
.join_warp .join_content .join_title .title{width: 100%; float: left; font-size: 18px; line-height: 27px; font-weight: 600; color: #333;}
.join_warp .join_content .join_title .sub{width: 100%; float: left; margin-top: 12px; font-size: 13px; font-weight: 400; line-height: 20px; color: #999;}
.join_warp .join_content .join_title .sub span{font-weight: 500; color: #666;}
.join_warp .join_box .join_category{width: 100%; float: left; margin-top: 50px;}
.join_warp .join_category > ul{width: 246px; float: left; border-radius: 10px; height: 370px; text-align: center;}
.join_warp .join_category > ul > li{width: 100%; float: left;}
.join_warp .join_category .icon{margin-top: 55px;}
.join_warp .join_category .title{font-size: 15px; font-weight: 600; color: #333; margin-top: 28px;}
.join_warp .join_category .txt{font-size: 12px; font-weight: 500; color: #999; margin-top: 3px;}
.join_warp .join_category .btn_join{margin-top: 30px; left: 50%; transform: translateX(-50%);}
.join_warp .join_category .join_normal{background-color: #FEF6F4;}
.join_warp .join_category .join_normal .btn_join{background: #F34D33;}
.join_warp .join_category .join_business{background-color: #F4F4F4; margin-left: 10px;}
.join_warp .join_category .join_business .btn_join{background: #333;}
.join_warp .login_footer{position: absolute; left: 0; bottom: 50px;}

.join_warp .check_text { width:100%; float:left; height:18px; margin-top:15px; }
.join_warp .main_color_btn { background: #F34D33; color: #fff; }
.join_warp .agree_type { width:100%; float:left; padding:0px 0px 0px 30px; }
.join_warp .agree_type i { font-size:14px!important; }
.join_warp .type_check { width:30%; float:left; margin-right:10px; }
.join_warp .next_btn_01 { background: #F34D33; }
.join_warp .imgBtn { width:75px; float:left; height:30px; line-height:28px; font-size:12px; font-weight:600; text-align:center; border-radius:3px; background-color:#fff; }
.join_warp .join_list .form_input textarea { width:100%; float:left; height:150px; border:1px solid #E1E1E1; color:#666; border-radius:5px;  padding: 15px; }
.join_warp .join_list .form_input select {  width: 100%; float: left; height: 50px; line-height: 50px; border: 1px solid #E1E1E1; color: #666; border-radius: 5px; margin-left:0px!important; }
.b_sign_02 .join_profile { margin-bottom:95px; }

.find_wrap .join_box .join_content{width: 100%; float: left; margin-top: 230px;} 
.join_warp .join_box .id_select_content{width:100%; float:left; padding: 0 72px; top:5%; }
.join_warp .join_box .id_select_content > div { width:100%; float:left; border-radius: 10px; border:1px solid #E1E1E1; padding: 15px 28px; }
.join_warp .join_box .id_select_content > div > ul { width:100%; float:left; height:38px; display: flex; align-items: center; gap:12px; }
.join_warp .join_box .id_select_content .check { top:2px; }
.join_warp .join_box .id_select_content .find_id { width:44%; float:left; font-size: 13px; }
.join_warp .join_box .id_select_content .select_account { width:44px; height:20px; line-height: 20px; border-radius: 3px; background-color: #EAEAEA; font-size: 9px; color:#999; text-align: center; font-weight: 500; top:1px; }
.join_warp .join_box .id_select_content .select_account.biz { background-color: #FEF6F4; color:#F34D33; }
.join_warp .join_box .id_select_content .date { font-size: 11px; color:#999; }

/* 회원가입 정보입력 */
.sign_wrap #members_box .password_eye { position:absolute; top:40%; right:4%; color:#999; }
.join_warp .join_step_box{width: 100%; float: left; margin-top: 35px;}
.join_warp .join_step_box > form{width: 100%; float: left; padding: 0 20px}
.join_warp .join_list{width: 100%; float: left;}
.join_warp .join_list:not(:first-child){margin-top: 25px;}
.join_warp .join_list > div{width: 100%; float: left;}
.join_warp .join_list .form_title{font-size: 15px; font-weight: 600; color: #333;}
.join_warp .join_list .form_input{margin-top: 13px;}
.join_warp .join_list .form_input.active input{border: 1px solid #F34D33;}
.join_warp .join_list .form_input input{width: 100%; float: left; height: 50px; line-height: 50px; border: 1px solid #E1E1E1; color: #666; border-radius: 5px;}
.join_warp .join_list .form_input .check_input{padding-right: 100px;}
.join_warp .join_list .form_input .btn_check, .join_warp .join_list .form_input .btn_check_inactive{position: absolute; top: 50%; right: 15px; transform: translateY(-50%);}
.join_warp .join_list .form_line{width: 100%; float: left; height: 1px; margin-top: 30px; margin-bottom: 17px; background-color: #E3E5E8;}
.join_warp .join_list .form_email{width: 100%; float: left; display: flex; justify-content: space-between; align-items: center; gap: 6px;}
.join_warp .join_list .form_email_01{width: 155px;}
.join_warp .join_list .form_email_02{width: 200px;}
.join_warp .join_list .form_Resident{width: 100%; float: left; display: flex; justify-content: flex-start; align-items: center; gap: 10px;}
.join_warp .form_Resident .form_Resident_01{width: 240px;}
.join_warp .form_Resident .form_Resident_02{width: 50px;}
.join_warp .form_Resident .Non_exposure > span{width: 12px; height: 12px; background-color: #D9D9D9; display: inline-block; vertical-align: middle; border-radius: 100px;}
.join_warp .form_Resident .Non_exposure > span:not(:first-child){margin-left: 5px;}
.join_warp .form_agree{margin-top: 13px;}
.join_warp .form_agree i{color: #ccc; font-size: 18px; margin-right: 10px;}
.join_warp .form_agree span.txt{font-size: 14px; font-weight: 500; color: #333;}
.join_warp .form_agree span.img_box{position: absolute; top: 0; right: 15px; cursor: pointer;}
.join_warp .form_agree .join_all_check{width: 100%; float: left; height: 50px; line-height: 50px; padding-left: 15px; border: 1px solid #E1E1E1; border-radius: 5px;}
.join_warp .form_agree .join_all_check .checkCustomLabel{width: 30%;}
.join_warp .form_agree .checkCustomLabel{display: flex; justify-content: flex-start; align-items: center;}
.join_warp .form_agree .checkCustomLabel .on{color: #F34D33;}
.join_warp .form_agree .checkCustomLabel > div{float: left;}
.join_warp .form_agree .agree_menu{display: none; width: 100%; float: left; border: 1px solid #E1E1E1; border-top: none; padding: 20px 33px;}
.join_warp .agree_menu > li{width: 100%; float: left; display: flex; justify-content: space-between; align-items: center;}
.join_warp .agree_menu > li > div{font-size: 14px; font-weight: 500; color: #333;}
.join_warp .agree_menu > li span{font-size: 14px; font-weight: 500; color: #CC3333;}
.join_warp .agree_menu > li:not(:first-child){margin-top: 15px;}
.join_warp .agree_menu .join_check{width: 100%; float: left;}
.join_warp .agree_menu .red_point{color: #cc3333;}
.join_warp .agree_menu .gray_point{color: #999;}
.join_warp .agree_menu .view{width: 20%; float: left; text-align: right; font-size: 12px; font-weight: 500; color: #ccc;}
.join_warp .join_btn{width: 100%; float: left; margin-top: 80px;}
.join_warp .join_btn .btn_login{width: 100%;}
.join_warp .join_btn .btn_login > a{display: block;}
.join_warp .sns_login{width: 100%; float: left; margin-top: 15px; text-align: center;}
.join_warp .sns_login .sns_title{width: 100%; float: left; font-size: 12px; font-weight: 500; color: #999;}
.join_warp .sns_login .sns_box{width: 100%; float: left; margin-top: 17px; display: flex; justify-content: center; align-items: center; gap: 10px;}
.join_warp .sns_box li{width: 50px; float: left; height: 50px; line-height: 50px; text-align: center; border-radius: 100px;}
.join_warp .sns_box .sns_kakao{background-color: #FEE500;}
.join_warp .sns_box .sns_naver{background-color: #03C75A;}

/* 회원가입 프로필 설정 */
.join_warp .join_profile{width: 100%; float: left; display: flex; justify-content: flex-start; align-items: center; gap: 22px;}
.join_warp .join_profile .icon{float: left; font-size: 85px; color: #E1E1E1;}
.join_warp .join_profile .info{float: left;}
.join_warp .join_profile .info .guide{width: 100%; float: left; font-size: 12px; font-weight: 500; color: #999;}
.join_warp .join_profile .info .guide i{font-size: 12px; color: #ccc; margin-right: 5px;}
.join_warp .join_profile .info .info_btnbar{width: 100%; float: left; margin-top: 25px;}
.join_warp .join_profile .info_btnbar > button{width: 75px; float: left; height: 30px; line-height: 28px; font-size: 12px; font-weight: 600; text-align: center; border-radius: 3px; background-color: #fff;}
.join_warp .join_profile .info_btnbar .btn_enroll_s{color: #F34D33; border: 1px solid #F34D33;}
.join_warp .join_profile .info_btnbar .btn_delete_s{color: #ccc; border: 1px solid #ccc; margin-left: 5px;}
.join_list .profile_img > i { font-size: 86px; }
.join_list .profile_img > img { width:85px; height:85px; bottom:7px; border-radius:50%; object-fit:cover; }
.addrClick { color:#F34D33; font-size:18px; position:absolute; right:18px; }
#profile { display:none; }

/* 회원가입 개인정보동의 뷰페이지 */
.agree_wrap .agree_top .title{font-size: 20px; font-weight: 600; padding-left: 23px; color: #333; text-align: left;}
.agree_wrap .agree_top .agree_logo{padding-right: 23px;}
.agree_wrap .agree_main{width: 100%; float: left; height: 712px; padding: 20px 20px 0 20px;}
.agree_wrap .agree_main .agree_con{width: 100%; float: left; height: 100%; overflow-y: scroll; font-size: 12px; font-weight: 400; color: #666; line-height: 22px; padding: 22px 17px; border-radius: 5px; border: 1px solid #E1E1E1;}
.agree_wrap .join_btn{margin-top: 25px; padding: 0 20px;}

/* 로그인 완료 */
.complete_wrap .join_title .title{margin-top: 25px;}
.complete_wrap .btn_login_s{left: 50%; transform: translateX(-50%); margin-top: 55px;}
.complete_wrap .join_content{top: 27%; margin-top: 0 !important;}

/* 아이디,비번 찾기 */
.find_wrap .join_btn{position: absolute; left: 0; bottom: 50px; margin-top: 0; padding: 0 42px;}
.find_wrap .btn_find_wrap{width: 100%; float: left; position: absolute; left: 0; bottom: 50px; margin-top: 0; padding: 0 42px;}
.find_wrap .btn_find_wrap .btn_find_pw{width: 49%; float: left; height: 50px; line-height: 50px; font-size: 15px; font-weight: 600; text-align: center; color: #fff; border-radius: 10px; background-color: #ccc;}
.find_wrap .btn_find_wrap .btn_find_pw.login{background-color: #F34D33; margin-left: 2%;}
.find_wrap .btn_find_wrap .btn_find_pw > a{display: block;}
.find_wrap .join_step_box > div { width: 100%; float: left; padding: 0 20px; }

/* 마이페이지-정보수정 */
.info_list .profile_box .btn_box { height: 35px; margin-top: 5px; }
.info_list .profile_box .profile_guide { width:140px; float:right; font-size:11px; color:#cccccc; text-align:right; letter-spacing: -0.2px; }
#out_member .info_pop { height:270px; }
#out_member .icon > .icon_box { float:left; width:50px!important; height:50px!important; line-height:58px!important; margin-top:0!important; border-radius:100px; background-color:#e1e1e1; left:50%; transform:translateX(-50%); }
#out_member .icon > .icon_box > i { color:#fff; left:47%; bottom:7%; line-height:50px; }
#out_member .tit { margin-top:20px; }
#out_member .sub_txt { margin-top:10px; color:#666666; }
#out_member .sub_txt .text_line { width:100%; float:left; text-align: center; }
#out_member .button { width:100%; float:left; padding:0 10%; display:flex; justify-content:space-evenly; }
#out_member .button .close_btn { background-color:#999999; }
.info_list .profile_img > i { font-size: 88.8px; }
.info_list .profile_img > img { width:60px; height:60px; border-radius:50%; object-fit:cover; }
.active_btn { color: #fff!important; background: #F34D33!important; }
#change_pw .password_eye { position:absolute; top:40%; right:4%; color:#999; }

.birth_wrap{ display: flex; justify-content: flex-start; align-items: center; gap: 10px; }
.birth_wrap .birth_input { width:40%; float:left; }
.birth_wrap .gender_input { width:15%; float:left; }
.btn_change_inactive{background-color: #ccc;}

/* 마이페이지-마케팅칼럼 관리 */
.info_list .name_textarea{line-height:20px; padding:15px 15px; }
.info_list .name_textarea.s_textarea { height:100px }
.info_list .name_textarea.l_textarea { height:300px; overflow-y:auto; }
.info_list .name_textarea.m_textarea { height:150px; }

/* 마이페이지-포인트관리 */
.point_list.list_table table tbody > tr > td{cursor: default !important;}
.point_list .point_status i{font-size: 9px !important;}
.point_list .point_status > *{font-weight: 600;}
.point_status.point_plus > *{color: #F34D33 !important;}
.point_status.point_minus > *{color: #4285F4 !important;}

/* 포인트 대시보드 */
.point_dashboard{width: 100%; float: left; height: 90px; margin-top: 15px; display: flex; justify-content: space-between; align-items: center; padding: 0 40px; border-radius: 5px; background-color: #fff; border: 1px solid #EAEAEA;}
.point_dashboard .line{width: 1px; height: 50px; background-color: #E1E1E1;}
.point_dashboard .point_wrap{width: 45%; display: flex; justify-content: space-between; align-items: center;}
.point_dashboard .point_wrap > div{display: flex; justify-content: flex-start; align-items: center;}
.point_dashboard .point_wrap .txt_box{gap: 10px;}
.point_dashboard .point_wrap .point_box{gap: 15px;}
.point_dashboard .point_wrap .txt{font-size: 15px; font-weight: 500;}
.point_dashboard .point_wrap .txt .col_gray{color: #999;}
.point_dashboard .point_wrap .icon > i{font-size: 15px; color: #999; cursor: pointer;}
.point_dashboard .point_wrap .re_icon i{color: #ccc;}
.point_dashboard .point_box .coin_icon{font-size: 18px; color: #999;}
.point_dashboard .point_box .point{font-size: 23px; color: #999; font-weight: 600;}

.guide_hover:hover .mini_guidewrap{display: block;}
.mini_guidewrap{display: none; width: 300px; position: absolute; top: 25px; left: 0; z-index: 999; box-shadow: 0 3px 5px rgba(0,0,0,0.1); background-color: #F1F1F1; border-radius: 5px; padding: 25px; overflow: hidden;}
.mini_guidewrap > div{width: 100%;}
.mini_guidewrap .txt{margin-left: 5px;}
.mini_guidewrap .content{margin-top: 10px; font-size: 13px; font-weight: 500; line-height: 19px; color: #666;}



/* 고객센터-qna 뷰페이지 */
.qna_view .commend_wrap{padding: 30px 25px; margin-top: 50px !important; background: #F5F5F5;}
.qna_view .commend_list{padding-bottom: 0 !important; margin-top: 0 !important;}
.qna_view .title_box .title span.active{background-color: rgba(243, 77, 51, 0.12); color: #F34D33;}
.qna_view .title_box .title span{background-color: #eee; color: #999;}

/* 마케팅정보 */
.marketing_wrap .top_guide_warp > ul{width: 80%; float: left; }
.marketing_wrap .top_guide_warp .thumbnail{background-color: rgba(3,199,90,0.1);}
.marketing_wrap .date_box{text-align: right;}
.marketing_wrap .l_name{cursor: default !important;}
.marketing_wrap .main_title i{margin-left: 8px; color: #ccc; font-size: 14px; transform: translateY(-1px);}
.marketing_wrap .naver_bar{display: flex; justify-content: flex-end; align-items: center; gap: 6px; position: absolute; right: 40px; bottom: 40px;}
.marketing_wrap .naver_bar > div{width: 30px; float: left; height: 30px; line-height: 26px; text-align: center; border-radius: 5px; border: 1px solid #ccc;}
.marketing_wrap .naver_bar > div > a{width: 100%; float: left;}


/* 마케팅대행사 소개 */
.intro_wrap .list_wrap{border-top: 3px solid #F34D33; }
.IntroList{width: 100%; float: left; padding-top: 20px;}
.IntroList .itemList{width: 100%; float: left;}
.IntroList .itemList .list:not(:nth-child(4n+1)){margin-left: 2.66%;}
.IntroList .itemList .list:nth-child(n+5){margin-top: 35px;}
.IntroList .list{width: 23%; float: left; cursor: pointer;}
.IntroList .list.program{width: 23%; float: left; cursor: pointer; height:300px !important;}
.IntroList .list > a{width: 100%; float: left;}
.IntroList .img_wrap{width: 100%; height: 150px; float: left; color: #fff; padding: 0 20px; text-align: left; border-radius: 5px; border: 1px solid #F5F5F5;}
.IntroList .img_wrap > ul{width: 100%; float: left; top: 50%; transform: translateY(-50%);}
.IntroList .img_wrap > ul > li{width: 100%; float: left;}
.IntroList .img_wrap .title{font-size: 19px; font-weight: 600;}
.IntroList .img_wrap .sub{font-size: 11px; font-weight: 400; line-height: 16px; margin-top: 6px;}
.IntroList .txt_wrap{width: 100%; float: left; margin-top: 10px; text-align: left;}
.IntroList .txt_wrap > li{width: 100%; float: left;}
.IntroList .txt_wrap .title_box{display: flex; justify-content: space-between; align-items: center;}
.IntroList .txt_wrap .title_box .left{font-size: 15px; font-weight: 500;}
.IntroList .txt_wrap .title_box .right{font-size: 11px; font-weight: 400; letter-spacing: 0; color: #ccc;}
.IntroList .txt_wrap .title_box .right img{transform: translateY(-1px); margin-right: 5px;}
.IntroList .txt_wrap .title_box .right i{font-size: 10px; margin-right: 5px;}
.IntroList .txt_wrap .title_box .right > span:not(:first-child){margin-left: 7px;}
.KeyWord{margin-top: 5px; display: flex; justify-content: space-between; align-items: center;}
.KeyWord .left{font-size: 12px; font-weight: 500;}
.KeyWord .right{width: 40px; height: 20px; line-height: 20px; text-align: center; font-size: 10px; font-weight: 500; color: #999; background-color: #EAEAEA; border-radius: 3px;}

/* 배경 임의지정 */
/* .IntroList .img_wrap.bg_01{background: url(/images/list_img01.png) no-repeat center 100%;} */
.IntroList .img_wrap.bg_02{background: #2B8588;}
.IntroList .img_wrap.bg_03{background: #E9AD3C;}
.IntroList .img_wrap.bg_04{background: url(/images/list_img02.png) no-repeat center 100%;}

/* 마케팅대행사 소개 팝업*/
.popView .popup_box > .title_box{width: 100%; float: left; height: 60px; padding: 0 25px 0 32px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #E1E1E1;}
.popView .popup_box > .title_box > .txt{float: left; font-size: 16px; font-weight: 600; color: #666;}
.popView .popup_box > .title_box > .txt > span{color: #333;}
.popView .popup_box > .title_box > .k_close{cursor: pointer;}
.agency_wrap.top_guide_warp{background-color: #F1F1F1;}
.agency_wrap.top_guide_warp .icon{position: absolute; bottom: 32px; right: 32px; color: #999; font-size: 20px; cursor: pointer;}
.agency_wrap.top_guide_warp .thumbnail{background-color: #333;}
.top_guide_warp .title{width: 86%; float: left;}
.agency_wrap.top_guide_warp .title > li{width: 100%; float: left;}
.agency_wrap.top_guide_warp .main{display: flex; justify-content: space-between; align-items: center;}
.agency_wrap.top_guide_warp .left > div{float: left; line-height: 16px;}
.agency_wrap.top_guide_warp .left .txt{font-size: 20px; font-weight: 600;}
.agency_wrap.top_guide_warp .left .line{width: 1px; height: 16px; background-color: #ccc; margin: 0 20px;}
.agency_wrap.top_guide_warp .left .keyword{font-size: 14px; font-weight: 600;}
.agency_wrap.top_guide_warp .right > div{width: 90px; float: left; height: 30px; line-height: 30px; font-size: 12px; font-weight: 600; border-radius: 3px; text-align: center; cursor: pointer;}
.agency_wrap.top_guide_warp .btn_inqury{color: #fff; background-color: #F34D33;}
.agency_wrap.top_guide_warp .btn_mess{color: #F34D33; background-color: #fff; border: 1px solid #F34D33; margin-left: 5px;}
.agency_wrap.top_guide_warp .guide_mess{color: #F34D33; background-color: #fff; border: 1px solid #F34D33; margin-left: 5px;}
.agency_wrap.top_guide_warp .sub{margin-top: 13px;}
/* 아이프레임 */
.PopWrap .veiwWrap{width: 100%; float: left; margin-top: 30px;}
.PopWrap .veiwWrap .veiw_wrap > div{width: 100%; float: left;}
.PopWrap .veiwWrap .section:not(:first-child){margin-top: 50px;}
.PopWrap .veiwWrap .section .sec_tit{width: 100%; float: left; font-size: 16px; font-weight: 600; border-bottom: 1px solid #ccc;}
.PopWrap .veiwWrap .section .sec_tit > div{width: 12%; float: left; padding-bottom: 10px; border-bottom: 2px solid #F34D33; text-align:center; cursor:pointer;}
.PopWrap .veiwWrap .section .sec_tit > div.nonactive{width: 12%; float: left; padding-bottom: 10px; border-bottom: none; text-align:center;}
.PopWrap .veiwWrap .section .contents{width: 100%; float: left; padding: 40px 20px;}
.PopWrap .veiwWrap .contents > li{width: 50%; float: left;}
.PopWrap .veiwWrap .contents > li:nth-child(n+3){margin-top: 25px;}
.PopWrap .veiwWrap .contents .title{width: 30%; float: left; font-size: 15px; font-weight: 500;}
.PopWrap .veiwWrap .contents .sub{width: 70%; float: left; font-size: 14px; font-weight: 500; color: #666;}
.PopWrap .veiwWrap .contents .sub > a{margin-left: 8px; color: #ccc; font-size: 14px; transform: translateY(-1px);}
.PopWrap .veiwWrap .contents .sub > span{width: 27px; float: left; height: 27px; line-height: 27px;}
.PopWrap .veiwWrap .contents .sub > span:not(:first-child){margin-left: 8px;}
/* .PopWrap .veiwWrap .infobox{width: 100%; float: left; margin-top: 40px;}
.PopWrap .veiwWrap .infobox > div{width: 100%; float: left;}
.PopWrap .veiwWrap .infobox .title_box{font-weight: 600;}
.PopWrap .veiwWrap .infobox .table_Box{margin-top: 10px;} */
.PopWrap .veiwWrap .table_Box table{width: 100%; float: left;}
.PopWrap .veiwWrap .table_Box table tr > *{padding: 10px 20px; font-weight: 400;}
.PopWrap .veiwWrap .table_Box table tr > th{background-color: #ededed; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed;}
.PopWrap .veiwWrap .table_Box table tr > td{color: #6e6e6e; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed;}






.PopWrap .veiwWrap .imgBox{width: 100%; float: left; margin-top: 20px;}
.PopWrap .veiwWrap .imgBox > div{width: 650px; margin: 0 auto;}
.PopWrap .content_warp{max-height: calc(100% - 60px) !important; padding: 0 !important;}
.PopWrap .contentWrap{width: 100%; float: left;}




/* 상담문의 */
.inquryWrap{width: 100%; float: left; background-color: #FEF6F4; padding: 55px 70px;}
.inquryWrap .top_warp{width: 100%; float: left; line-height: 36px;}
.inquryWrap .top_warp .title{float: left; font-size: 25px; font-weight: 600;}
.inquryWrap .top_warp .sub{float: right; font-size: 14px; font-weight: 500; color: #999; text-align: right;}
.inquryWrap .inquryFrom{width: 100%; float: left; margin-top: 45px;}
.inquryWrap .inquryFrom > form > div{width: 100%; float: left; display: flex; justify-content: space-between;}
.inquryWrap .inquryList{width: 47%; float: left; line-height: 40px;}
.inquryWrap .inquryList.w100{width: 100%; margin-top: 15px;}
.inquryWrap .inquryList .title{width: 90px; float: left; font-size: 15px; font-weight: 500;}
.inquryWrap .inquryList .form_box{width: calc(100% - 90px); float: left;}
.inquryWrap .inquryList .form_box input{width: 100%; float: left; height: 40px; line-height: 40px; border-radius: 5px;}
.inquryWrap .inquryList .form_box textarea{width: 100%; float: left; height: 115px; padding: 15px; border-radius: 5px; border: 1px solid #E1E1E1; background-color: #fff; overflow: auto;}
.inquryWrap .agree_from{line-height: normal !important;}
.inquryWrap .agree_from .checkCustomLabel{height: 18px; line-height: 18px;}
.inquryWrap .agree_from .checkCustomLabel > i{transform: translateY(1px); float: left;}
.inquryWrap .agree_from .checkCustomLabel .txt{margin-left: 8px; float: left; font-weight: 500;}
.inquryWrap .agree_from .checkCustomLabel span{color: #cc3333;}
.inquryWrap .agree_from textarea{color: #999; font-size: 14px; font-weight: 500; line-height: 21px; margin-top: 10px;}
.inquryWrap .btn_Inqury{width: 250px; float: left; height: 50px; line-height: 50px; font-size: 16px; font-weight: 600; margin-top: 45px; text-align: center; border-radius: 5px; color: #fff; background-color: #F34D33; left: 50%; transform: translateX(-50%);}
/* 25.10.23. 김희정 약관보기 버튼 */
.inquryFrom .view_agree_content { font-weight: 500; line-height: 18px; float:left; border: 1px solid #999; padding: 2px 6px; margin-left: 10px; top: -2px; cursor: pointer; }
.inquryFrom #agree_content { display: none; }

/* 마케팅 프로그램 소개 */
.IntroList .imgWrap{width: 100%; height: 150px; float: left; text-align: center; border-radius: 5px; border: 1px solid #F5F5F5; box-sizing: content-box;}
.IntroList .imgWrap > img{width:100%; height: 150px; float:left; border-radius: 3px; object-fit: cover;}
.IntroList .sub_box{width: 100%; float: left; font-size: 12px; display: flex; justify-content: space-between; align-items: center;}
.IntroList .sub_box .left{font-weight: 500;}
.IntroList .txt_wrap .title{font-size: 15px; font-weight: 500; margin-top: 4px; color:#222; }
.IntroList .txt_wrap .con{font-size: 12px; font-weight: 400; height:34px; text-align: left; line-height: 17px; margin-top: 4px; color: #999;}
.IntroList .txt_wrap .key{font-size: 11px; font-weight: 500; text-align: center; color: #999; margin-top: 10px;}
.IntroList .txt_wrap .key > span{float: left; height: 22px; line-height: 22px; margin-right: 5px; margin-top: 5px; background-color: #EAEAEA; border-radius: 3px; padding: 0 10px;}

.intro_wrap .list_tabletop .select_box{width:152px;}
.imagePreview { width: 160px; height: 112px; position: absolute; top:-34px; overflow: hidden; margin-top: 0 !important; }
.imagePreview > img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; }

/* 배경 임의지정 */
/* .IntroList .imgWrap.col_01{background: #171767;}
.IntroList .imgWrap.col_02{background: #FFB400;}
.IntroList .imgWrap.col_03{background: #F8F0FE;}
.IntroList .imgWrap.col_04{background: #fff;} */

/* 마케팅 프로그램 소개 팝업 */
.top_intro_warp{width: 100%; float: left; display: flex; justify-content: space-between; align-items: flex-end; gap: 50px;}
.top_intro_warp .thumbnail{width: 450px; float: left; height: 295px; text-align: center; border-radius: 10px; }
.top_intro_warp .thumbnail > img{width:100%; height: 295px; float:left; border-radius: 10px; object-fit: cover; border: 2px solid #F5F5F5;}
.top_intro_warp .infoWrap{width: calc(100% - 450px); height:280px;}
.top_intro_warp .infoWrap > li{width: 100%; float: left;}
.top_intro_warp .sub{height: 17px; line-height: 17px;}
.top_intro_warp .sub > span{float: left;}
.top_intro_warp .sub .tit{font-size: 15px; font-weight: 600;}
.top_intro_warp .sub .info{font-size: 14px; font-weight: 400; color: #ccc; margin-left: 13px; padding-left: 13px; border-left: 1px solid #E1E1E1;}
.top_intro_warp .sub .icon{float: right !important; font-size: 20px; color: #999; cursor: pointer;}
.top_intro_warp .title{font-size: 23px; font-weight: 600; margin-top: 7px;}
.top_intro_warp .con{font-size: 13px; font-weight: 500; margin-top: 15px; line-height: 20px; color: #666;}
.top_intro_warp .keyword{font-size: 14px; font-weight: 500; margin-top: 15px; color: #4285F4;}
.top_intro_warp .btn_inqury_click{height: 50px; line-height: 50px; font-size: 16px; font-weight: 600; margin-top: 20px; color: #fff; text-align: center; border-radius: 5px; background-color: #F34D33; cursor: pointer;}
.likeBtn{display:none;}
.likeBtn.active{display:block !important;}
.likeBtn.active i.on{color:#FFCC00 !important;}
.btn_attent.right{float:right !important;}

/* 마이페이지 신청내역 대행사검색 */
.attach_search .option_area > ul .list{color: #666; font-size: 13px; font-weight: 400; cursor: pointer; height: 28px; line-height: 28px; padding-left: 5px; margin-top: 5px !important;}
.attach_search .option_area > ul .sub_tt{height: 25px;}
.attach_search .option_area > ul .list:hover{background-color: #F1F1F1; color: #333; font-weight: 500;}

/* 키킥에바란다 */
.inqury_pop{width: 600px !important; height: 750px !important;}
.inqury_pop .line_margin_s{margin: 15px 0 !important;}
.inqury_pop .input_newinfo{width: 100% !important;}
.inqury_pop .pop_title_box{width: 100%; float: left; padding: 20px 25px; border-radius: 5px; background-color: #FEF6F4;}
.inqury_pop .pop_title_box > div{width: 100%; float: left;}
.inqury_pop .pop_title_box .title{font-size: 15px; font-weight: 600;}
.inqury_pop .pop_title_box .sub{font-size: 13px; font-weight: 400; line-height: 20px; color: #666; margin-top: 10px;}
.input_box_select{width: 100%; float: left; height: 45px; line-height: 43px; padding: 0 15px; font-size: 13px; font-weight: 500; background: #fff; border-radius: 5px; border: 1px solid #E1E1E1; margin-left: 0 !important;}
.inqury_pop textarea{padding-left: 0 !important;}
.inqury_pop .input_textBox{height: 300px;}
.inqury_pop .input_textBox textarea{width: 100%; height: 270px; overflow-y: auto;}
.btn_send{width: 80px; height: 30px; line-height: 28px; font-size: 13px; font-weight: 600; color: #fff; text-align: center; border-radius: 3px; background-color: #F34D33;}

/* 에러페이지 */
.ErrorContainer{text-align: center; height: 100%;}
.ErrorContainer > div{height: 100%;}
.ErrorWrap{top: 50%; transform: translateY(-50%);}
.ErrorWrap > div{width: 100%; float: left;}
.ErrorWrap .title{font-size: 35px; font-weight: 600; margin-top: 50px;}
.ErrorWrap .sub{font-size: 17px; font-weight: 500; line-height: 26px; margin-top: 15px; color: #999;}
.ErrorWrap .btn_home{margin-top: 40px; }
.ErrorWrap .btn_home > a{width: 160px; float: left; height: 40px; line-height: 38px; color: #fff; font-size: 14px; font-weight: 600; background-color: #F34D33; border-radius: 100px; left: 50%; transform: translateX(-50%);}




/* 토스트 */
.toast {
    position:fixed;
    right:15px;
    bottom:20px;
    width:325px;
    z-index:9999
}
.toast > div {
    width:325px;
    height:80px;
    float:left;
    border-radius:15px;
    background-color:rgba(0,0,0,0.75);
    padding:20px;
    box-shadow:1px 1px 3px 1px rgba(0,0,0,0.2);
    color:white;
    animation: toastUp 0.5s ease-out;
}
.toast > div > div { vertical-align: middle; top:50%; transform: translateY(-50%); }
.toast > div > div * { vertical-align: middle;}
.toast > div > div span { margin-left:10px;}
.toast > div:not(:first-of-type){
    margin-top: 15px;
}

@keyframes toastUp {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}


/* 메인페이지 - 팝업 */
.popupViewBox { position: fixed; width: 450px; background-color: #FFF; right: 0; bottom: 0; z-index: 999999; overflow: hidden; border-top-left-radius: 30px; border-top-right-radius: 30px;}
.popupViewBox > .conWrap { width: 100%; float: left; }
.popupViewBox > .conWrap img { max-width: 100%; }
.popupViewBox > .btnWrap { width: 100%; float: left; background-color: #fff; padding: 13px 30px; }
.popupViewBox > .btnWrap > a { height: 23px; line-height: 23px; font-size: 16px; color: #333; font-weight: 500; }
.popupViewBox > .btnWrap > a.left { float: left; opacity: 0.6; }
.popupViewBox > .btnWrap > a.right { float: right; }
.popupViewBox .swiper-pagination{position: absolute; pointer-events: none; top: 20px; right: 20px; z-index: 99; display: flex; gap: 4px; align-items: center; justify-content: center; width: 54px; height: 24px; border-radius: 12px; background: rgba(0, 0, 0, 0.4); color: rgba(255, 255, 255, 0.5); font-size: 13px; font-weight: 500;}
.popupViewBox .swiper-pagination .swiper-pagination-current{color: #fff;}

.popupViewBox .swiper-pagination-bullet-active{ background: #666; }
.popupViewBox .swiper-dot{ pointer-events: none; }
.popupViewBox .swiper-dot .swiper-pagination-bullet{ pointer-events: all; }


/* 대행사 수정사항*/

.link_share.custom {background-color:#fef6f4; border: none;}
.link_share.custom > ul { gap:7px !important;}
.link_share.custom .custom_select{margin-left: 0;}
.link_share.custom .tit{margin-right: 60px;}
.custom_select{width:140px; height:40px; border-radius:5px; margin-left:20px;}
.custom_search{width:520px; height:40px; line-height:40px; border-radius:5px;}
.img_wrap bg_01{position:relative}
.location{width:35px !important; height:22px; line-height:22px; border:1px solid rgba(255,255,255,0.2); color: rgba(255,255,255,0.9); border-radius:5px; left:10px; top:10px; text-align:center; font-size:12px; position:absolute; background-color:rgba(0,0,0,0.4);}

.agency_sub {
    display: -webkit-box;
    -webkit-line-clamp: 2;          /* 최대 두 줄까지 보여줌 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.note-modal-content * {
    position: static !important;
    width: auto !important;
    box-sizing: unset !important;
}


/* input[type="file"]는 따로 분리해서 작성 */
.note-modal-content input[type="file"] {
    display: block;
}


.note-dimension-picker * {
    font-size: 18px !important;
}


/* 250626 마케팅도구(글자수 세기 & 맞춤법 검사) 추가 */
.tool_wrap .keyword_box{height: auto; display: block; padding: 45px 30px 30px 30px;}
.tool_wrap .keyword_box .title_box{padding: 0 0 0 20px;}
.tool_wrap .keyword_box .content_box{width: 100%; padding-top: 30px; display: flex; justify-content: space-between; align-items: center;}
.tool_wrap .content_box .search_box_keyword{width: 49%; padding: 0 0 15px 0; height: auto;}
.tool_wrap .search_box_keyword > div{width: 100%; float: left;} 
.tool_wrap .search_box_keyword .title{font-size: 16px; font-weight: 500; color: #999; padding: 20px 25px; border-bottom: 1px solid #E1E1E1;}
.tool_wrap .search_box_keyword .content{padding: 25px; min-height: 300px; border-bottom: 1px solid #E1E1E1;}
.tool_wrap .search_box_keyword .content > *{height: 260px; font-size: 15px; font-weight: 400; line-height: 23px;}
.tool_wrap .search_box_keyword .content textarea{padding: 0 20px 0 0; min-height: 250px;}
.tool_wrap .search_box_keyword .content .correct{font-weight: 500;}
.tool_wrap .search_box_keyword .info_box{padding: 20px 25px; min-height: 106px;}
.tool_wrap .info_box ul{width: 100%; display: flex; justify-content: flex-start; align-items: center; gap: 18px;}
.tool_wrap .info_box li{float: left; font-size: 16px; font-weight: 500; color: #666;}
.tool_wrap .info_box li:nth-child(2) span{font-size: 23px; font-weight: 600;}
.tool_wrap .info_box li:nth-child(3){color: #999;}
.tool_wrap .button{margin-top: 25px; padding-right: 15px;}
.tool_wrap .button .btn_enroll{margin-top: 0;}
.tool_wrap .copy_button button{background-color: #fff; border: 1px solid #ccc; color: #999;}
.tool_wrap .copy_button button i{margin-right: 5px;}

/* 마케팅 프로그램 소개 수정 css*/
.padding40{padding:40px !important;}
.infoWrap .pro_update{ width:60px; height:25px; line-height:25px; text-align: center; border:1px solid #CCCCCC; border-radius: 5px; float:right; font-size:13px; color:#CCCCCC; bottom:5px;}
.infoWrap .pro_update i{ margin-right:3px;}
.thumbs_area{margin-top: 23px; text-align: center;}
.thumbs_area .thumbs_wrap {display: inline-flex; align-items: center; justify-content: center; gap:7px}
.thumbs_area .thumbs_wrap .like{float:left; width:97px; height:40px; line-height:40px; text-align:center; border:1px solid #F34D33; border-radius:50px; color:#F34D33; font-size:13px; font-weight:bold; cursor:pointer;}
.thumbs_area .thumbs_wrap .dislike {float:left; width:97px; height:40px; line-height:40px; text-align:center; border:1px solid #CCCCCC; border-radius:50px; color:#CCCCCC; font-size:13px; font-weight:bold; cursor:pointer;}
.thumbs_area .thumbs_wrap i {margin-right:3px}

.like .on {display: none;}
.like.active .on {display: inline-block;}
.like .off {display: inline-block;}
.like.active .off {display: none;}

.dislike .on {display: none;}
.dislike.active .on {display: inline-block;}
.dislike .off {display: inline-block;}
.dislike.active .off {display: none;}
  
/* 2025.07.04 비즈니스 계정 게시판 가이드 수정 */
.businees_guide.top_guide_warp{display: block; background-color: #fff;}
.businees_guide.top_guide_warp .giude_box{width: 100%; height: 160px; display: flex; justify-content: space-between; align-items: center; gap: 25px;}
.businees_guide.top_guide_warp .giude_box .title{width: calc(100% - 113px);}
.businees_guide.top_guide_warp .left .txt span{font-size: 15px;}
.businees_guide.top_guide_warp > .right { position: absolute; right: 30px; bottom: 20px; }
.businees_guide.top_guide_warp .right .txt{float: left; font-size: 12px; color: #999; font-weight: 600;}
.businees_guide.top_guide_warp .right .txt i{margin-left: 5px;}
.businees_guide.top_guide_warp .right .like_total{float: left; font-size: 14px; font-weight: 600; margin-left: 10px;}
.businees_guide.top_guide_warp .btn_profile{color: #fff; background-color: #F34D33;}
.businees_guide.top_guide_warp .btn_follow{color: #F34D33; background-color: #fff; border: 1px solid #F34D33; margin-left: 5px;}
.businees_guide.top_guide_warp .star_icon { position: unset; border-left: 1px solid #CCCCCC; margin-left: 15px; width: 40px !important; }
.businees_guide.top_guide_warp .star_icon > i { line-height: 25px; }

.businees_guide .pop_title_box{display: flex; justify-content: flex-start; align-items: center; gap: 25px;} 
.businees_guide .pop_title_box .thumbnail{width: 70px; float: left; height: 70px; text-align: center; background-color: #F1F1F1; color: #ADADAD; border: 2px solid #E1E1E1; border-radius: 100px; overflow: hidden;}
.businees_guide .pop_title_box .thumbnail img{top: 50%; transform: translate(0%, -50%); object-fit: cover;}
.businees_guide .pop_title_box .right_box{width: calc(100% - 95px); float: left;}
.businees_guide .input_textBox{line-height: 27px; height: auto !important; padding: 15px 25px; color: #666; max-height: 555px; min-height: 555px; overflow-y: auto;}

/* 마케팅 프로그램 댓글 css*/
.commentimg{width: 100%; float: left; margin-top: 10px; max-width: 250px; max-height: 380px;}

/* 2025.07.08 회원가입-비즈계정 가이드 클래스명 추가 */
.join_guide{font-size: 12px; color: #ccc; margin-top: 3px;}

/* 팔로우 현황 top조정*/
.top38{top:38% !important}

/* 테마관리 */
.thema_none { width: 110px; float: right; height: 35px; line-height: 33px; text-align: center; color: #fff; border-radius: 5px; background: #ccc; cursor: pointer; font-size:14px; font-weight: bold; }
.thema_update { 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; }

/* 유료게시판 상단 가이드 */
.fee_guide_wrap{width: 100%; padding: 0 40px; color: #666; height: 60px; border-radius: 5px; background-color: #FFF3F0; display: flex; justify-content: space-between; align-items: center;}
.fee_guide_wrap .txt_box{font-size: 15px; font-weight: 600;}
.fee_guide_wrap .txt_box i{margin-right: 5px;}
.fee_guide_wrap .point_btn{width: 110px; height: 35px; line-height: 35px; text-align: center; font-size: 14px; font-weight: 500; background-color: #fff; border: 1px solid #EAEAEA; border-radius: 5px; }
.fee_guide_wrap .point_btn a{width: 100%; float: left;}