@charset "euc-kr";
@font-face {
font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 700;
src: local('Gmarket Sans Bold'), local('GmarketSans-Bold'),
url('http://script.ebay.co.kr/fonts/GmarketSansBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('http://script.ebay.co.kr/fonts/GmarketSansBold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 500;
  src: local('Gmarket Sans Medium'), local('GmarketSans-Medium'),
  url('http://script.ebay.co.kr/fonts/GmarketSansMedium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
  url('http://script.ebay.co.kr/fonts/GmarketSansMedium.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;400;300;500;700&display=swap');
/* 공통 css */
a { color: inherit; text-decoration: none; }
html,body { font-family: 'Noto Sans KR', sans-serif; min-width: 1240px; }
div { box-sizing: border-box; }
strong { font-weight: bold; }
label { cursor: pointer; }
/* #container { position: relative; height: 100vh; min-width: fit-content; } */
.none { display: none; }
.flex_box { display: flex; width: 1040px; padding-left: 20px; gap: 7px; }
.check_box { display: flex; align-items: center; justify-content: center; gap: 5px; font-size: 14px; font-weight: 500; position: relative; }
.check_box input { display: none; }
.check_box .check_icon { display: flex; align-items: center; justify-content: center; border: 1px solid #ddd; width: 20px; height: 20px; border-radius: 4px; cursor: pointer; transition: 0.2s; }
.check_box .check_icon svg { fill: #bbb; position: relative; left: -1px; }
.check_box.on .check_icon { background-color: var(--green); border: 1px solid transparent; }
.check_box.on .check_icon svg { fill: #fff; }

:root {
  --green: #008486;
  --darkgreen: #00696b;
  --darkblue: #416779;
  --skyblue: #dfe6e8;
  --white: #f3f3f3;
}
.t_red { color: red; }
.t_blue { color: blue; }
.t_green { color: green; }
.t_gray { color: #888; }

/* .gr_red { box-shadow: inset 0 0 30px #ffdfdf; } */
.gr_red span { background-color: #ffdfdf; padding: 6px 12px; border-radius: 5px; }
/* .gr_green { box-shadow: inset 0 0 30px #deebe5; } */
.gr_green span { background-color: #deebe5; padding: 6px 12px; border-radius: 5px; }

.bg_green { background: #008486 !important; }
.bg_gray { background: #777 !important; }
.bg_blue { background: #0e72b9 !important; }
.bg_blue02 { background: #5b6c7d !important; }
.t_blue02 { color: #2b6c9b !important; }
.bg_red { background: #cb3434 !important; }

.t_left { text-align: left !important; }
.t_right { text-align: right !important; }
.l_align { float: left; }
.r_align { float: right; }
.mt_10 { margin-top: 10px; }
.mb_10 { margin-bottom: 10px; }
.mt_20 { margin-top: 20px; }
.mt_30 { margin-top: 30px; }
.mb_20 { margin-bottom: 20px; }
.ml_0 { margin-left: 0 !important; }
.mr_0 { margin-right: 0 !important; }
.end { margin:0 !important; }
.none { display: none !important; }
.flex { width: 100%; display: flex; justify-content: center; }
.btn_55 { display: inline-block; width: 100%; height: 55px; line-height: 55px; text-align: center; border-radius: 5px; background: #009e9e; color: #fff; font-weight: bold; margin-bottom: 10px; }
.b_btn { background: #47535f; color: #fff; font-weight: 500; }
.border_bottom { border-bottom: 1px solid #ccc !important; }
.quick_btn .top_scroll { position: fixed; right: 40px; bottom: 40px; background: #555; width: 60px; height: 60px; border-radius: 5px; display: block; cursor: pointer; display: none; z-index: 99; }

select { -webkit-appearance: none; cursor: pointer; -moz-appearance: none; appearance: none; filter: alpha(opacity=0); }
select::-ms-expand { display:none; }
select { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
input[type=text] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: "Noto Sans KR",sans-serif; color: #333; outline: none; border-radius: 5px; }
input[type=password] { font-family: "Noto Sans KR",sans-serif; color: #333; outline: none; border-radius: 5px; }
input[type=checkbox] { position: relative; width: 14px; height: 14px; margin: 0; }
input[type="radio"] { vertical-align: middle; margin-top: 0; }
textarea { font-family: "Noto Sans KR",sans-serif; color: #333; resize: none; box-sizing: border-box; outline: none; }

.input_btn { position: absolute; top:50%; right:7px; transform: translate(0,-50%); }
.input_btn a { display: block; width: 10px; height: 12px; position: relative; }
/* .input_btn #up:after { content: ''; display: block; position: absolute; top: 1px; width: 0; height: 0; border: 5px solid transparent; border-bottom-color: #fff; } */
.input_btn #up::before { content: ''; display: block; position: absolute; top: 0; width: 0; height: 0; border: 5px solid transparent; border-bottom-color: #333; }
/* .input_btn #down:after { content: ''; display: block; position: absolute; bottom: 1px; width: 0; height: 0; border: 5px solid transparent; border-top-color: #fff; } */
.input_btn #down::before { content: ''; display: block; position: absolute; bottom: 0px; width: 0; height: 0; border: 5px solid transparent; border-top-color: #333; }
.input_btn #up:hover::before { border-bottom-color: #007173; }
.input_btn #down:hover::before { border-top-color: #9b0000; }
.flex { display: flex; align-items: center; justify-content: space-between; }

/* 스크롤 숨기기 */
.content-1 { -ms-overflow-style: none; overflow: auto; }
.content-1::-webkit-scrollbar { width: 0; }
.mCSB_inside>.mCSB_container { margin:0 !important; }
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff0 !important; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgb(185 189 191) !important; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background-color: rgba(0,0,0,0.1); }
::-webkit-scrollbar-thumb { background-color: rgb(181 184 185); border-radius: 5px; }

/* 레이어 공통 */
.layer_cover { width: 100%; height: 100%; content: ''; clear: both; background: #111; opacity: 0.7; position: fixed; top: 0; left: 0; z-index: 99; display: none; }
.layer { width: 500px; z-index: 100; background: #fff; border-radius: 10px; position: fixed; left:50%; top:60%; transform: translate(-50%,-50%); box-sizing: border-box; box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.3); transition: 0.3s; opacity:0; visibility:hidden; }
.layer.on { top: 50%; opacity: 1; visibility: visible; }
.layer .layer_close { position: absolute; top: 13px; right: 10px; }
.layer .layer_title { border-bottom: 1px solid #eee; margin-bottom: 20px; }
.layer .layer_title > h1 { font-weight: 500; font-size: 20px; padding-left: 20px; background: var(--green); color: #fff; padding: 20px; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.layer .layer_title > span { font-size: 15px; padding: 15px 20px; display: block; }
.layer .layer_input { width: 460px; height: 60px; line-height: 60px; margin: 10px 20px; box-sizing: border-box; background: #eee; border-radius: 10px; }
.layer .layer_input > span { width: 150px; float: left; display: inline-block; padding-left: 45px; border-right: 1px solid #ddd; font-size: 15px; font-weight: bold; }
.layer .layer_input > input { width: 220px; height: 60px; background: none; border: none; box-sizing: border-box; float: left; display: inline-block; margin-left: 20px; font-size: 15px; font-weight: 500; }
.layer .layer_btn { display: inline-block; width: 100%; text-align: center; margin: 20px 0; }
.layer .layer_btn > a { display: inline-block; width: 120px; height: 40px; line-height: 40px; border-radius: 5px; margin-left: 10px; color: #fff; font-size: 14px; }
.layer .layer_btn > a:first-child { background: #777; margin-left: 0; }
.layer .layer_btn > a:last-child { background: var(--green); }
.layer .layer_btn > a.gray_btn { background: #777; margin-left: 0; }
.layer .layer_btn > a.green_btn { background: var(--green); }
.layer table td { position: relative; }
.layer .pr30 { padding-right: 30px !important; }
.layer .input_btn { right: 30px; }

/* 로딩 레이어 */
.loading_layer { display: none; }
.loading_layer .loading_con { position: fixed; left:50%; top:50%; transform: translate(-50%,-50%); z-index: 100; text-align: center; }
.loading_layer .loading_con > p { color: #fff; margin-top: 20px; font-weight: 500; }

/* 공지사항 레이어 */
.notice_layer { width: 1000px; }
.notice_layer .nt_table { padding: 20px; padding-bottom: 40px; height: 80vh; overflow-y: scroll; }
.notice_layer .nt_table table { width: 100%; }
.notice_layer .nt_table th { width: 120px; height: 50px; vertical-align: middle; background: #eee; border: 1px solid #ccc; text-align: center; font-weight: 500; }
.notice_layer .nt_table td { height: 50px; vertical-align: middle; padding: 0 20px; border: 1px solid #ccc; text-align: center; }
.notice_layer .nt_table .nt_con { text-align: left; padding: 20px; line-height: 26px; font-size: 15px; border-top: none; }

/* 아이디 찾기 레이어 */
.find_pw_layer .layer_btn > a { width: 150px; font-weight: 500; font-size: 15px; }
.layer .join_tab { width: 460px;  margin: 0px 20px; }
.layer .join_tab > a { height: 45px; line-height: 45px; width: 227.5px; border-radius: 5px; background: #ccc; font-size: 16px; color: #777; border: none; padding: 0; margin-right: 5px; }
.layer .join_tab > a:last-child { margin-right: 0; }
.layer .join_tab > a.this { background: #777; color: #fff; border: none; }
.layer .find_id_suc { text-align: center; display: none; }
.layer .find_id_suc > span { display: inline-block; font-size: 18px; padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 10px; }
.layer .find_id_suc > span > b { color: #ff5753; font-weight: 500; }
.layer .f_name { background: url(../images/common/user.png) no-repeat 20px center; }
.layer .f_phone { background: url(../images/common/phone.png) no-repeat 20px center; }
.layer .f_id { background: url(../images/common/id.png) no-repeat 20px center; }
.layer .f_corname { background: url(../images/common/company.png) no-repeat 20px center; }
.layer .f_cornum { background: url(../images/common/paper.png) no-repeat 20px center; }

/* 비밀번호 변경 레이어 */
.password_layer .layer_input > span { background: url(../images/common/lock.png) no-repeat 20px center; }

/* 보안로그인 레이어01 */
.layer .layer_input .auth_number_btn { width: 90px; height: 30px; line-height: 30px; float: right; display: inline-block; background: #555; color: #fff; font-size: 13px; border-radius: 5px; text-align: center; margin-top: 14px; margin-right: 15px; }
.layer .layer_input .timer { float: right; font-size: 13px; margin-right: 20px; }
.layer .set_box { width: 460px; margin: 5px 20px; text-align: center; }
.layer .set_box > a { display: inline-block; height: 40px; line-height: 40px; width: 49%; border-radius: 5px; font-size: 14px; font-weight: bold; }
.layer .set_box > .btn_on { background: #ccc; color: #777; }
.layer .set_box > .btn_on.on { background: #4d9c9c; color: #fff; }
.layer .set_box > .btn_off { background: #ccc; color: #777; }
.layer .set_box > .btn_off.on { background: #555; color: #fff; }
.sec_login_layer01 { height: 330px; }
.sec_login_layer01 .layer_input input { width: 135px; }
.sec_login_layer01 .layer_input .member_number { background: url(../images/common/phone.png) no-repeat 20px center; }
.sec_login_layer01 .layer_input .auth_number { background: url(../images/common/auth_number.png) no-repeat 20px center; }

/* 보안로그인 레이어02 */
.sec_login_layer02 { height: 606px; }
.sec_login_layer02 .layer_input_wrap { height: 360px; overflow-y:scroll; }
.sec_login_layer02 .layer_input .reg_date { font-size: 15px; float: left; }
.sec_login_layer02 .layer_input input { width: 200px; margin-right: 10px; }
.sec_login_layer02 .layer_input .reg_del { width: 50px; height: 30px; line-height: 30px; background: var(--green); color: #fff; display: inline-block; float: right; margin-right: 15px; text-align: center; border-radius: 5px; font-size: 13px; margin-top: 14px; }
.sec_login_layer02 .layer_input .reg_btn { width: 50px; height: 30px; line-height: 30px; background: #555; color: #fff; display: inline-block; float: right; margin-right: 15px; text-align: center; border-radius: 5px; font-size: 13px; margin-top: 14px; }

/* IP 변경  레이어 */
.change_ip_layer { height: 606px; }
.change_ip_layer .layer_input_wrap { height: 360px; overflow-y:scroll; }
.change_ip_layer .layer_input .reg_date { font-size: 15px; float: left; }
.change_ip_layer .layer_input input { width: 200px; margin-right: 10px; }
.change_ip_layer .layer_input .reg_del { width: 50px; height: 30px; line-height: 30px; background: var(--green); color: #fff; display: inline-block; float: right; margin-right: 15px; text-align: center; border-radius: 5px; font-size: 13px; margin-top: 14px; }
.change_ip_layer .layer_input .reg_btn { width: 50px; height: 30px; line-height: 30px; background: #555; color: #fff; display: inline-block; float: right; margin-right: 15px; text-align: center; border-radius: 5px; font-size: 13px; margin-top: 14px; }

/* 주소록 찾기 팝업 */
.popup_container .address_title { background: #58595a; }
.popup_container .address_search_box { padding: 0 20px; margin: 15px 0; }
.popup_container .address_search_box .search_box .address_input { float: left; padding: 0 0 0 5px; height: 25px; line-height: 25px; margin-right: 5px; border-top: 1px solid #a0a0a0; border-left: 1px solid #a0a0a0; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; width: 332px; background-color: #ffffff; }
.popup_container .address_search_box .search_box .address_input_bg { background: url(../images/contents/bg_input.gif) no-repeat; }
.popup_container .address_search_box .search_box { border: 1px solid #d6d6d6; background-color: #f4f5f6; height: 27px; padding: 10px; box-sizing: content-box; }
.popup_container .address_search_box .tip_content { font-size: 14px; margin-top: 5px; }
.popup_container .address_search_box .tip_content ul { margin-top: 18px; }
.popup_container .address_search_box .tip_content ul li { font-weight: 800; line-height: 18px; letter-spacing: -0.8px; }
.popup_container .address_search_box .tip_content span { color: #888; }
.popup_container .address_search_box .tip_content b { color: #0039b9; }
.popup_container .address_search_box .tip_content .tip_list { background: url(../images/contents/icon_bullat.gif) no-repeat 0 8px; padding-left: 8px; }
.popup_container .address_search_result { border-top: 1px solid #d1d6e2; border-bottom: 1px solid #d1d6e2; background-color: #f7f8fa; height: 284px; overflow-y: scroll; font-size: 14px; padding: 20px; padding-top: 10px; }
.popup_container .address_search_result .no_result { text-align: center; line-height: 16px; padding-top: 100px; }
.popup_container .address_search_result .no_result strong { font-weight: 700; font-size: 15px; }
.popup_container .address_search_result .no_result span { color: #888; line-height: 20px; }
.popup_container .address_search_result .search_result_list { font-size: 13px; border-top: 1px solid #dedede; background: #fff; padding: 15px; cursor: pointer; }
.popup_container .address_search_result .search_result_list .post_red { color: #f85c5c; font-weight: 800; margin-bottom: 5px; letter-spacing: -0.8px; }
.popup_container .address_search_result .search_result_list ul li img { float: left; padding-right: 6px; }
.popup_container .address_search_result .search_result_list ul li { padding-bottom: 5px; line-height: 15px; }
.popup_container .address_search_result .last_reuslt { border-bottom: 1px solid #dedede; }
.paging { width: 100%; text-align: center; padding-top: 12px; clear: both; margin: 0 auto; font-family: dotum; font-size: 12px; }
.paging .paging_number .num { display: inline-block; color: #333; font-weight: 800; padding: 0 6px; }
.paging .paging_number strong { color: #ff592c; font-weight: 800; padding: 0 6px; display: inline-block; }
.paging .paging_number { height: 15px; line-height: 15px; color: #ccc; font-size: 13px; display: inline-block; vertical-align: top; }

/* 광고그룹 관리 레이어 */
.group_manage_layer { height: 326px; }
.group_manage_layer .layer_input:nth-child(3) > span { background: url(../images/common/group.png) no-repeat 20px center; }
.group_manage_layer .layer_input:nth-child(4) > span { background: url(../images/common/url.png) no-repeat 20px center; }

/* 계정 API 등록 레이어 */
.api_layer { width: 900px; height: 490px; }
.api_layer .layer_input { width: 860px; }
.api_layer .layer_input > input { width: 620px; }
.api_layer .layer_input:nth-child(3) > span { background: url(../images/common/user.png) no-repeat 20px center; }
.api_layer .layer_input:nth-child(4) > span { background: url(../images/common/id.png) no-repeat 20px center; }
.api_layer .layer_input:nth-child(5) > span { background: url(../images/common/security.png) no-repeat 20px center; }
.api_layer .layer_input:nth-child(6) > span { background: url(../images/common/lock.png) no-repeat 20px center; }

/* 자동입찰 설정 레이어 */
.bid_set_layer { width: 1120px; }
.bid_set_layer .bid_set_table_box tbody td { padding: 0 10px; }
.bid_set_layer .bid_set_table_box tbody td > input[type="text"] { width: 100%; }
.bid_set_layer .bid_set_table_box tbody td > select { width: 100%; }
.bid_set_layer .input_btn { right: 20px; }
.bid_set_table_box { width: 100%; padding: 0 20px; display: flex; flex-direction: column; gap: 5px; }
.bid_set_table_box table { width: 100%; }
.bid_set_table_box .bid_set_table { width: 325px; }
.bid_set_table_box tbody th { height: 40px; background: var(--white); text-align: center; vertical-align: middle; font-weight: 500; font-size: 14px; border: 1px solid #ccc; }
.bid_set_table_box tbody td { height: 40px; vertical-align: middle; text-align: center; font-size: 13px; border: 1px solid #ccc; }
.bid_set_table_box tbody td > input[type="text"] { width: 150px; border: 1px solid #ccc; height: 30px; text-align: right; padding: 0 10px; box-sizing: border-box; }
.bid_set_table_box tbody td select { width: 110px; height: 30px; line-height: 30px; background: url(../images/contents/down_arrow.png) no-repeat 92% 50%; padding-left: 10px; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box; outline: none; }
.bid_set_table_box tbody td > input[type="radio"] { margin-left: 0; margin-bottom: 2px; }
.bid_set_table_box tbody td > label { margin-right: 5px; }

/* 선택 키워드 입찰 주기 등록 레이어 */
.weeks_set_layer { width: 500px; height: 286px; }
.weeks_set_layer .weeks_set_table_box { padding: 0 20px; }
.weeks_set_layer .weeks_set_table_box .weeks_set_table { width: 100%; }
.weeks_set_layer .weeks_set_table_box .weeks_set_table th { width: 165px; height: 40px; background: var(--white); text-align: center; vertical-align: middle; font-weight: 500; font-size: 14px; border: 1px solid #ccc; }
.weeks_set_layer .weeks_set_table_box .weeks_set_table td { width: 70px; height: 40px; text-align: center; vertical-align: middle; font-size: 13px; border: 1px solid #ccc; }
.weeks_set_layer .weeks_set_table_box .weeks_set_table td input[type="radio"] { margin-left: 0; margin-right: 5px; }

/* 입찰 주기 키워드 전체보기 레이어 */
.keywrod_view_layer { width: 900px; height: 842px; }
.keywrod_view_layer .keywrod_view_table_warp { width: 860px; margin: 0 20px; overflow: auto; }
.keywrod_view_layer .keywrod_view_table_warp .keywrod_view_table { display: flow-root; padding-bottom: 15px; }
.keywrod_view_layer .keywrod_view_table_warp .keywrod_view_table table { width: 215px; font-size: 13px; float: left; }
.keywrod_view_layer .keywrod_view_table_warp .keywrod_view_table table:first-child { border-left: 1px solid #ccc; }
.keywrod_view_layer .keywrod_view_table_warp .keywrod_view_table table th { width: 35px; border: 1px solid #ccc; height: 30px; vertical-align: middle; background: #f1f4f5; }
.keywrod_view_layer .keywrod_view_table_warp .keywrod_view_table table th:nth-child(1) { border-left: none; border-right: none; background: #fff; }
.keywrod_view_layer .keywrod_view_table_warp .keywrod_view_table table td { border: 1px solid #ccc; height: 30px; vertical-align: middle; padding: 0 10px; }
.keywrod_view_layer .layer_btn a { width: auto; padding: 0 30px; }
.keywrod_view_layer .layer_btn a:first-child { background: #5b6c7d; }
.keywrod_view_layer .layer_btn a:last-child { background: #ad4848; }

/* 일괄적용 레이어 */
.bid_all_layer { width: 364px; }

/* 키워드 노출현황 레이어 */
.rank_view_layer { width: 640px; height: 780px; }
.rank_view_layer .rank_view_time { width: 600px; margin: 10px auto; font-size: 15px; }
.rank_view_layer .rank_view { width: 600px; height: 600px; margin: 0 auto; overflow-y: scroll; }
.rank_view_layer .rank_view ul { width: 560px; height: auto; padding: 10px; border: 1px solid #dcdcdc; background: #fafcff; margin-top: 5px; position: relative; }
.rank_view_layer .rank_view ul .rank_num { position: absolute; top:0; left:0; height: 100%; width: 30px; border-right: 1px solid #dcdcdc; background: #fafcff; text-align: center; display: table; }
.rank_view_layer .rank_view ul .rank_num > span { display: table-cell; vertical-align: middle; font-size: 15px; }
.rank_view_layer .rank_view ul > li { padding-left: 30px; }
.rank_view_layer .rank_view ul > li > span { line-height: 24px; font-size: 15px; }

/* 자동입찰 리스트 레이어 */
.bid_list_layer { width: 550px; height: 660px; }
.bid_list_table_box { width: 510px; margin: 0 20px; }
.bid_list_table { width: 100%; }
.bid_list_table_box .bid_list_table thead { background: var(--white); border-top: 2px solid #6c8196; }
.bid_list_table_box .bid_list_table thead th { height: 50px; vertical-align: middle; text-align: center; font-size: 15px; border: 1px solid #ccc; font-weight: bold; padding: 0 10px; }
.bid_list_table_box .bid_list_table tbody td { height: 40px; vertical-align: middle; text-align: center; font-size: 14px; border: 1px solid #ccc; }

/* 입찰관리 입력 레이어 */
.input_bid_layer { position: absolute; left: 0; top: 0; width: 220px; padding: 10px; border-radius: 5px; border: 1px solid #aaa;  box-sizing: border-box; background: #f8f8f8; z-index: 98; box-shadow: 0px 5px 10px rgba(0,0,0,0.3); display: none; }
.input_bid_layer::after { width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #f8f8f8; content: ''; clear: both; position: absolute; left: 50%; top: -15px; transform: translate(-50%); }
.input_bid_layer::before { width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #aaa; content: ''; clear: both; position: absolute; left: 50%; top: -16px; transform: translate(-50%); }
.input_bid_layer .input_box { width: 110px; height: 30px; position: relative; float: left; }
.input_bid_layer input { width: 110px; height: 30px; background: none; border: 1px solid #ccc; outline: none; border-radius: 5px; padding-right: 25px; padding-left: 10px; font-size: 13px; box-sizing: border-box; text-align: right; }
.input_bid_layer input:hover { border: 1px solid #4d9c9c; }
.input_bid_layer input.on { border: 1px solid #4d9c9c; }
.input_bid_layer .input_bid_btn { float: right; }
.input_bid_layer .input_bid_btn span { display: inline-block; width: 40px; height: 30px; line-height: 28px; text-align: center; cursor: pointer; border-radius: 5px; border: 1px solid #ccc; background: #eee; font-size: 13px; box-sizing: border-box; }
.input_bid_layer .input_bid_btn span:first-child { background: var(--green); color: #fff; border: 1px solid #007173; }
.input_bid_layer .input_bid_layer_nt > span { font-size: 11px; color: #888; font-family: dotum; letter-spacing: -1px; }

/* 계정 상세정보 레이어 */
.id_view_layer { width: 900px; }
.id_view_layer .id_view_tab { width: 860px; margin: 0 auto; text-align: center; }
.id_view_layer .id_view_tab ul { display: flex; justify-content: space-between; }
.id_view_layer .id_view_tab li { display: inline-block; width: 423px; height: 50px; line-height: 50px; font-size: 15px; font-weight: bold; background: #92a5a5; color: #fff; border-radius: 5px; margin-left: 10px; box-sizing: border-box; cursor: pointer; }
.id_view_layer .id_view_tab li:first-child { margin-left: 0; }
.id_view_layer .id_view_tab li.this { background: #636f6f; }
.id_view_layer .layer_input { width: 860px; }
.id_view_layer .layer_input > input { width: 620px; }
.id_view_layer .layer_input:nth-child(1) > span { background: url(../images/common/user.png) no-repeat 20px center; }
.id_view_layer .layer_input:nth-child(2) > span { background: url(../images/common/id.png) no-repeat 20px center; }
.id_view_layer .layer_input:nth-child(3) > span { background: url(../images/common/security.png) no-repeat 20px center; }
.id_view_layer .layer_input:nth-child(4) > span { background: url(../images/common/lock.png) no-repeat 20px center; }
.id_view_table_box { width: 860px; margin: 0 auto; border: 1px solid #ccc; margin-top: 10px; }
.id_view_table_box .id_view_table { width: 100%; }
.id_view_table_box .id_view_table tbody th { background: #eee; height: 45px; vertical-align: middle; border: 1px solid #ccc; border-top:none; border-left: none; font-weight: 500; font-size: 15px; }
.id_view_table_box .id_view_table tbody td { height: 45px; vertical-align: middle; border: 1px solid #ccc; border-top: none; border-right: none; font-size: 14px; text-align: center; padding: 0 10px; }
.id_view_table_box .id_view_table tbody td input { width: 100%; border: 1px solid #ccc; height: 30px; padding-left: 10px; font-size: 14px; color: #333; box-sizing: border-box; }
.id_view_table_box .id_view_table tbody td textarea { width: 100%; height: 155px; border: 1px solid #ccc;  padding: 10px; margin: 10px 0; }

/* 메인 페이지 */
.quick_menu { position: fixed; left: 40px; bottom: 40px; z-index: 999; }
.quick_menu span { display: block; width: 160px; height: 160px; border-radius: 20px; box-shadow: 0px 8px 16px rgba(0,0,0,0.15); background: url(../images/main/call_number.png) no-repeat 50% 50%; }
#event_banner { width: 100%; height: 90px; background: #2b9b85; }
#event_banner .wrap { position: relative; }
#event_banner #event_cancel { position: absolute; right: 0; top: 50%; transform: translate(0,-50%); background: #fff; border-radius: 100px; padding: 5px 10px; }
#event_banner #event_cancel > span { float: left; margin-right: 5px; font-size: 14px; font-weight: bold; }

#header { width: 100%; height: 80px; background: #fff; z-index: 99; position: fixed; top:0; left:0; transition: 0.6s; z-index: 999; border-bottom: 1px solid #ddd; }
#header > .wrap { display: flex; align-items: center; justify-content: space-between; }
#header .menu { display: flex; align-items: center; }
#header .menu .logo { float: left; margin-right: 50px; }
#header .menu > ul > li { float: left; height: 80px; font-weight: 600; font-size: 20px; width: 120px; position: relative; text-align: center; margin-left: 30px; }
#header .menu > ul > li > a { display: block; height: 80px; line-height: 80px; box-sizing: border-box; }
#header .menu > ul > li::before { display: block; content: ''; clear: both; position: absolute; left: 50%; bottom: 0; width: 0; height: 4px; background: #216f60; transform: translateX(-50%); transition: 0.3s; }
#header .menu > ul > li:hover::before { width: 90%; }
#header .menu > ul > li:hover { color: #216f60; }
#header .login { float: right; }
#header .login > a { width: 85px; height: 35px; line-height: 35px; color: #fff; border-radius: 50px; text-align: center; font-weight: bold; font-size: 14px; display: inline-block; float: left; margin-left: 10px; background: var(--green); }
#header .login > a:first-child { background: var(--darkgreen); margin-left: 0; }

.wrap { width: 1200px; margin: 0 auto; }
.visual { width: 100%; padding: 120px 0; display: flex; align-items: center; }
#contents .sub_visual_top { width: 100%; height: 240px; display: inline-block; padding-top: 90px; background: url(../images/common/sub_visual_top.png) no-repeat 50% 50%; background-color: #3d4a50; }
#contents .sub_visual_top .sub_top_title { display: flex; align-items: center; color: #fff; padding-top: 50px; }
#contents .sub_visual_top .sub_top_title h1 { font-size: 40px; font-weight: 500; padding-right: 5px; letter-spacing: -0.04em; }
#contents .sub_visual_top .sub_top_title span { font-size: 18px; margin-left: 20px; font-weight: 300; position: relative; top: 8px; border-bottom: 1px solid #ddd; padding-bottom: 10px; letter-spacing: -0.02em; }
#contents .title { color: #333; margin-bottom: 30px; letter-spacing: -0.4px; text-align: center; }
#contents .title > h1 { font-size: 44.5px; letter-spacing: -0.05em; font-weight: 700; color: #333; }
#contents .title > h2 { font-size: 20px; margin-top: 30px; color: #666; }

#contents #visual01 { height: 810px; }
#contents #visual01 .banner { display: inline-block; height: 810px; width: 100%; overflow: hidden; position: relative; }
#contents #visual01 .banner ul { width: 300%; margin-left: -100%; }
#contents #visual01 .banner ul li { float: left; width: calc(100vw - 8px); min-width: 1240px; }
#contents #visual01 .banner ul li#banner01 { background: #d6e9d7; }
#contents #visual01 .banner ul li#banner02 { background: #d9e8eb; }
#contents #visual01 .banner ul li#banner03 { background: #bfeaff; }
#contents #visual01 .banner > .wrap { position: absolute; top:0; left: 50%; height: 810px; transform: translate(-50%,0); }
#contents #visual01 .banner .banner_btn { position: absolute; left:10px; bottom:200px; display: flex; align-items: center; }
#contents #visual01 .banner .banner_btn span { display: block; opacity: 0.5; transition: 0.3s; }
#contents #visual01 .banner .banner_btn #prev { width: 10px; height: 10px; border-bottom: 3px solid #333; border-left: 3px solid #333; transform: rotate(45deg); cursor: pointer; }
#contents #visual01 .banner .banner_btn #next { width: 10px; height: 10px; border-top: 3px solid #333; border-right: 3px solid #333; transform: rotate(45deg); cursor: pointer; }
#contents #visual01 .banner .banner_btn #num { border-radius: 50px; background: #555; opacity: 0.5; padding: 7px 27px; font-size: 20px; margin: 0 10px; color: #fff; font-weight: 300; font-family: sans-serif; }
#contents #visual01 .banner .banner_btn span:hover { opacity: 1; }
/* #contents #visual01 .banner .banner_btn #bar { width: 1px; height: 16px; background: #333; margin: 0 10px; opacity: 0.7; } */
/* #contents #visual01 .banner .banner_btn.this #prev { border-bottom: 3px solid #fff; border-left: 3px solid #fff; transition-delay: 1s; }
#contents #visual01 .banner .banner_btn.this #next { border-top: 3px solid #fff; border-right: 3px solid #fff; transition-delay: 1s; }
#contents #visual01 .banner .banner_btn.this #num { background: #fff; color: #000; transition-delay: 1s; } */
/* #contents #visual01 .banner .banner_btn.this #bar { background: #fff; } */

#contents #visual02 .icon_box_wrap { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
#contents #visual02 .icon_box_wrap .icon_box { width: 25%; display: flex; justify-content: space-between; text-align: center; flex-direction: column; margin-top: 40px; letter-spacing: -0.02em; }
#contents #visual02 .icon_box_wrap .icon_box p { margin-bottom: 15px; }
#contents #visual02 .icon_box_wrap .icon_box h1 { font-size: 20px; font-weight: 700; line-height: 1.4em; }
#contents #visual02 .icon_box_wrap .icon_box span { font-size: 17px; color: #666; line-height: 1.4em; margin-top: 10px; }

#contents #visual03 { background: #eef2f7; }
#contents #visual03 .visual_box_wrap { width: 100%; display: flex; align-items: center; justify-content: space-between; }
#contents #visual03 .visual_box_wrap .visual_box { width: 360px; height: 220px; margin-top: 20px; background-color: #fff !important; color: #333; border: 1px solid #ddd;  display: flex; justify-content: center; flex-direction: column; padding: 40px; box-sizing: border-box; position: relative; }
#contents #visual03 .visual_box_wrap .visual_box > span > h2 { font-size: 28px; font-weight: bold; margin-bottom: 20px; }
#contents #visual03 .visual_box_wrap .visual_box > span > h3 { font-size: 20px; line-height: 26px; letter-spacing: -0.4px; }
#contents #visual03 .visual_box_wrap .visual_box:nth-child(1) { background: url(../images/main/visual_box01.png) no-repeat 50% 50%; }
#contents #visual03 .visual_box_wrap .visual_box:nth-child(2) { background: url(../images/main/visual_box02.png) no-repeat 50% 50%; }
#contents #visual03 .visual_box_wrap .visual_box:nth-child(3) { background: url(../images/main/visual_box03.png) no-repeat 50% 50%; }

#contents #visual04 .visual_box_wrap { width: 100%; display: flex; align-items: center; justify-content: space-between; }
#contents #visual04 .visual_box_wrap .visual_box { width: 360px; margin-top: 20px; display: flex; justify-content: center; flex-direction: column; text-align: center; }
#contents #visual04 .visual_box_wrap .visual_box p { width: 360px; height: 260px; margin-bottom: 40px; }
#contents #visual04 .visual_box_wrap .visual_box h1 { font-size: 20px; color: #333; font-weight: bold; margin-bottom: 20px; }
#contents #visual04 .visual_box_wrap .visual_box h2 { font-size: 18px; color: #666; line-height: 1.4em; margin-bottom: 5px; }

#contents #visual05 { background-color: #eef2f7; padding: 90px 0; }
#contents #visual05 .aff_wrap { text-align: center; }
#contents #visual05 .aff_wrap h1 { display: inline-block; font-size: 44.5px; letter-spacing: -0.05em; font-weight: 700; color: #333; position: relative; margin-bottom: 40px; }
#contents #visual05 .aff_wrap h1::after { content: ''; width: 35px; height: 25px; background: url(../images/main/point_left.png); position: absolute; left: -50px; top: -5px; }
#contents #visual05 .aff_wrap h1::before { content: ''; width: 35px; height: 25px; background: url(../images/main/point_right.png); position: absolute; right: -50px; bottom: -5px; }
#contents #visual05 .aff_wrap span { display: block; font-size: 20px; color: #666; line-height: 1.6em; letter-spacing: -0.65px; text-align: left; }

/* 메인 서비스 소개 */
#contents .info_wrap .wrap { padding: 100px 0; }
#contents .info_wrap h1 { display: inline-block; width: 100%; font-size: 44.5px; color:#333; line-height: 1.1em; text-align: center; letter-spacing: -0.05em; font-weight: 500; }
#contents .info_wrap h2 { font-size: 20px; text-align: center; letter-spacing: -0.02em; color: #666; margin: 30px 0; }
#contents .info_Bcon { background-color: #eef2f7 !important; }

/* 메인 이용안내 */
#contents .manual { padding: 60px 0;  }
#contents .manual h1 { display: inline-block; width: 100%; font-size: 24px; font-weight: 500; margin-bottom: 20px; padding-bottom: 20px; letter-spacing: -0.02em; color: #222; border-bottom: 1px solid #111; }
#contents .manual .pro_box { display: flex; justify-content: center; margin-bottom: 60px; }
#contents .manual .pro_box .pro_con { width: 25%; height: 270px; background: #f3f3f3; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; margin-right: 60px; position: relative; }
#contents .manual .pro_box .pro_con p { width: 40px; height: 40px; line-height: 38px; font-size: 22px; font-family: sans-serif; background: #485c66; color: #fff; border-radius: 100px; margin-bottom: 20px; }
#contents .manual .pro_box .pro_con h2 { font-size: 24px; font-weight: 400; margin-bottom: 20px; }
#contents .manual .pro_box .pro_con span { font-size: 17px; line-height: 22px; font-weight: 300; }
#contents .manual .pro_box .pro_con::before { content: ''; width: 30px; height: 30px; border-top: 1px solid #333; border-right: 1px solid #333; transform: rotate(45deg); position: absolute; right: -38px; }
#contents .manual .pro_box .pro_con:last-child { margin-right: 0; }
#contents .manual .pro_box .pro_con:last-child::before { display: none; }
#contents .manual .int_table { margin-bottom: 60px; }
#contents .manual .int_table table { width: 100%; margin-top:-20px; }
#contents .manual .int_table th { height: 50px; vertical-align: middle; border-bottom: 1px solid #ddd; font-weight: 500; font-size: 16.5px; }
#contents .manual .int_table td { height: 60px; border-bottom: 1px solid #ddd; vertical-align: middle; text-align: center; font-size: 15px; }
#contents .manual .int_table td span { font-weight: bold; font-family: sans-serif; }
#contents .manual .int_table td a { display: inline-block; width: 95px; height: 35px; line-height: 35px; font-size: 13px; background: #485c66; color: #fff; border-radius: 50px; }
#contents .manual .int_table td:nth-child(1) b { display: inline-block; width: 90px; height: 30px; line-height: 30px; color: #fff; font-size: 13px; }
#contents .manual .int_table td:nth-child(1) b.c_type { background-color: #39a2e8; }
#contents .manual .int_table td:nth-child(1) b.a_type { background-color: #e88a39; }
#contents .manual .int_table td:nth-child(2) { text-align: left; padding-left: 20px; }
#contents .manual .overview { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
#contents .manual .overview .over_con { width: 550px; padding: 40px 0; display: flex; align-items: center; }
#contents .manual .overview .over_con p { margin-right: 30px; }
#contents .manual .overview .over_con h2 { display: block; font-size: 18px; font-weight: 500; margin-bottom: 15px; }
#contents .manual .overview .over_con h2::after { content: ''; width: 25px; height: 1px; background: #333; display: block; margin-top: 15px; }
#contents .manual .overview .over_con span { display: block; font-size: 16.5px; margin-top: 10px; color: #666; position: relative; padding-left: 10px; }
#contents .manual .overview .over_con span::before { content: ''; position: absolute; width: 3px; height: 3px; background: #888; left:0; top:50%; transform: translate(0,-50%); }
.manual_wrap { display: flex; justify-content: center; flex-direction: column; }
.manual_top { width: 100%; display: flex; justify-content: center; align-items: center; height: 180px; background: #414d62; letter-spacing: -0.75px; color: #fff; }
.manual_top h1 { font-size: 38px; font-weight: 500; border-right: 1px solid #fff; padding-right: 20px; margin-right: 20px; }
.manual_top span { font-size: 18px; font-weight: 100; }
.manual_con { max-width: 840px; padding: 0px 40px 60px 40px; margin: 0 auto; }
.manual_con .manual_title h1 { font-size: 26px; font-weight: 500; letter-spacing: -0.02em; color: #222; border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 20px; margin-top: 60px; }
.manual_con .manual_title span { font-family: sans-serif; font-weight: 700; }
.manual_con p img { width: 100%; cursor: pointer; display: block; margin-top: 20px; }
.manual_con p span { display: block; font-size: 17px; line-height: 1.5em; }
.manual_con p span a { font-size: 16.5px; color: blue; background: #eee; padding: 0 5px; }
.manual_con p span b { color: #eb5757; }
.manual_con p span q { font-size: 15px; color: #888; }
@media screen and (max-width: 540px) { .manual_top h1 { font-size: 6vw; } .manual_top span { font-size: 3vw; } }

/* 메인 요금안내 */
#contents .fare_con { padding: 60px 0; }
#contents .fare_wrap { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 40px; }
#contents .fare_wrap .fare_title { display: inline-block; width: 100%; text-align: center; color: #333; }
#contents .fare_wrap .fare_title h1 { font-size: 32px; margin-bottom: 20px; }
#contents .fare_wrap .fare_title h2 { font-size: 42px; font-weight: 700; letter-spacing: -0.04em; margin-bottom: 60px; }
#contents .fare_wrap .fare_box { border-radius: 10px; box-shadow: 0px 1px 6px rgba(0,0,0,0.15); width: 370px; padding: 20px; background: #f9f9f9; position: relative; top:0; transition: 0.3s; }
#contents .fare_wrap .fare_box:hover { top: -10px; }
#contents .fare_wrap .fare_top { display: flex; align-items: center; border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 20px; }
#contents .fare_wrap .fare_top p { width: 100px; height: 100px; border-radius: 100%; background: #fff; }
#contents .fare_wrap .fare_top span { margin-left: 20px; }
#contents .fare_wrap .fare_top span h1 { font-size: 22px; font-weight: 500; margin-bottom: 5px; }
#contents .fare_wrap .fare_top span h2 { font-size: 28px; font-weight: bold; color: #1f4252; }
#contents .fare_wrap .fare_top span h2 b { font-size: 15px; color: #666; font-weight: 400; }
#contents .fare_wrap .fare_text ul li { display: flex; justify-content: space-between; font-size: 16px; font-weight: 500; height: 30px; line-height: 30px; }
#contents .fare_wrap .fare_text ul li span { color: #666; font-size: 15px; }
#contents .fare_wrap .fare_text .line { width: 100%; height: 1px; background: #ddd; margin: 10px 0; }

.info_bank { display: flex; justify-content: space-between; width: 100%; height: 70px; border-top: 1px solid #111; padding:0 20px; padding-top: 20px; }
.info_bank h1 { font-size: 20px; font-weight: 500; margin-right: 20px; padding-right: 20px; border-right: 1px solid #ddd; }
.info_bank .l_align { display: flex; align-items: center; }
.info_bank .l_align h2 { font-size: 24px; font-weight: bold; margin-right: 40px; }
.info_bank .l_align h2 img { margin-right: 10px; }
.info_bank .l_align h2 span { font-size: 16px; font-weight: 500; color: #777; letter-spacing: -1px; }
.info_bank .r_align { display: flex; align-items: center; }
.info_bank .r_align a { display: inline-block; font-size: 14px; padding: 7px 10px; border: 1px solid #ccc; background: #fff; }
.info_bank .r_align a:hover { background: #f3f3f3; }

/* 고객센터 */
#contents .qna_table { padding: 60px 0; }
#contents .qna_table .wrap > h1 { display: inline-block; width: 100%; font-size: 24px; font-weight: 500; letter-spacing: -0.02em; color: #222; border-bottom: 1px solid #111; padding-bottom: 20px; margin-bottom: 10px; }
#contents .qna_table_top { display: inline-block; width: 100%; margin-bottom: 10px; }
#contents .qna_table_top input { width: 170px; border: 1px solid #ccc; border-radius: 5px; height: 40px; line-height: 38px; box-sizing: border-box; padding-left: 35px; padding-right: 20px; float: left; background: url(../images/contents/sel_search.png) no-repeat 5px 50%; background-color: #fff; }
#contents .qna_table_top a { width: 70px; height: 40px; line-height: 40px; border-radius: 5px; text-align: center; float: left; box-sizing: border-box; margin: 0 10px; font-size: 14px; background: var(--green); color: #fff; }
#contents .qna_table_top select { width: 110px; height: 40px; border: 1px solid #ccc; background: url(../images/contents/down_arrow.png) no-repeat 95% 50%; background-color: #fff; border-radius: 5px; padding-left: 10px; box-sizing: border-box; float: left; outline: none; }
#contents .qna_table_top #write { width: 100px; background: url(../images/contents/write.png) no-repeat 20px 50%; background-color: #607d8b; padding-left: 20px; margin-right: 0; }
#contents .qna_table table { width: 100%; border-top: 1px solid #111; }
#contents .qna_table table th { height: 50px; border-bottom: 1px solid #ddd; vertical-align: middle; font-size: 16.5px; font-weight: 500; }
#contents .qna_table table td { height: 60px; border-bottom: 1px solid #ddd; vertical-align: middle; font-size: 15px; text-align: center; }
#contents .qna_table table td:nth-child(3) { text-align: left; padding-left: 10px; }
#contents .qna_table table td:nth-child(3) a { display: block; width: 650px; text-overflow: ellipsis; overflow: hidden; white-space: normal; }
#contents .qna_table table td > span { padding: 7px 10px; font-size: 12px; border-radius: 4px; color: #fff; font-family: "dotum",sans-serif; }
#contents .qna_table table td > span.done { background: #8d4b4b; }
#contents .qna_table table td > span.complete { background: #3d8174; }

#contents .wrtie_box { padding-top: 20px; }
#contents .wrtie_box .write_table { width: 100%; border-top: 1px solid #111; }
#contents .wrtie_box .write_table th { width: 120px; height: 40px; border-bottom: 1px solid #ccc; vertical-align: middle; background: #f3f3f3; font-size: 16.5px; }
#contents .wrtie_box .write_table td { height: 40px; vertical-align: middle; text-align: left; padding: 0 20px; border-bottom: 1px solid #ccc; }
#contents .wrtie_box .write_table td textarea { margin: 20px 0; font-size: 15px; line-height: 24px; height: 400px; width: 100%; border: 1px solid #ddd; box-sizing: border-box; padding: 10px; background: #fafafa; }
#contents .wrtie_box .write_table td input { font-size: 15px; border: 1px solid #ddd; border-radius: 0; height: 30px; margin: 10px 0; width: 650px; box-sizing: border-box; padding: 0 10px; }
#contents .wrtie_box .write_table td select { width: 110px; height: 30px; border: 1px solid #ccc; background: url(../images/contents/down_arrow.png) no-repeat 95% 50%; background-color: #fff; border-radius: 5px; padding-left: 10px; box-sizing: border-box; float: left; outline: none; }
.btn_box { display: inline-block; text-align: center; width: 100%; margin: 40px 0; }
.btn_box a { font-size: 17px; height: 50px; line-height: 50px; padding: 0 40px; display: inline-block; margin: 0 5px; }
.btn_box a.w_btn { background: #fafafa; border: 1px solid #ddd; color: #333; }
.btn_box a.g_btn { background: var(--green); color: #fff; }

#contents .view_box { padding-top: 20px; }
#contents .view_box .view_table { width: 100%; border-top: 1px solid #111; }
#contents .view_box .view_table th { width: 120px; height: 50px; border-bottom: 1px solid #ddd; vertical-align: middle; font-size: 16.5px; }
#contents .view_box .view_table th:first-child { text-align: left; padding-left: 10px; }
#contents .view_box .view_table td { height: 40px; vertical-align: middle; border-bottom: 1px solid #ccc; }
#contents .view_box .view_table td textarea { margin: 20px 0; font-size: 15px; line-height: 24px; height: 400px; width: 100%; border: 1px solid #ddd; box-sizing: border-box; padding: 20px; background: #fafafa; }
#contents .answer_box { background: #fafafa; padding: 20px; min-height: 100px; font-size: 16.5px; border-bottom: 1px solid #ccc; line-height: 1.2em; }

/* 공통 하단 */
#contents .bottom_banner { text-align: center; padding: 100px 0; border-top: 1px solid #ddd; }
#contents .bottom_banner > h1 { font-size: 40px; font-weight: 500; line-height: 50px; }
#contents .bottom_banner > h1 > img { margin-right: 5px; }
#contents .bottom_banner .bottom_btn { display: inline-block; width: 100%; text-align: center; margin-top: 40px; }
#contents .bottom_banner .bottom_btn a { display: inline-block; width: 220px; height: 60px; line-height: 60px; text-align: center; border-radius: 50px; border: 1px solid #ddd; overflow: hidden; position: relative; }
#contents .bottom_banner .bottom_btn a:first-child { margin-right: 20px; }
#contents .bottom_banner .bottom_btn a::after { position: absolute; left:-100%; top:0; width: 100%; height: 100%; background: #284250; content: ''; transition: 0.6s; }
#contents .bottom_banner .bottom_btn a > span { position: relative; padding-right: 5px; font-size: 15px; color: #333; z-index: 1; transition: 0.6s; }
#contents .bottom_banner .bottom_btn a > span::after { content: ''; display: block; position: absolute; top: 50%; right: -17px; margin: -6px 0; width: 0; height: 0; border: 6px solid transparent; border-left-color: #fff; transition: 0.6s; }
#contents .bottom_banner .bottom_btn a > span::before { content: ''; display: block; position: absolute; top: 50%; right: -18px; margin: -6px 0; width: 0; height: 0; border: 6px solid transparent; border-left-color: #333; transition: 0.6s; }
#contents .bottom_banner .bottom_btn a:hover > span { color: #fff; }
#contents .bottom_banner .bottom_btn a:hover > span::after { border-left-color: #284250; }
#contents .bottom_banner .bottom_btn a:hover > span::before { border-left-color: #fff; }
#contents .bottom_banner .bottom_btn a:hover::after { left:0; }

#contents .footer { font-size: 14px; padding-bottom: 40px; color: #888; font-weight: 500; font-family: "Gmarket Sans",sans-serif; border-top: 1px solid #e5e5e5; text-align: center; }
#contents .footer .footer_cs { height: 70px; line-height: 70px; border-bottom: 1px solid #e5e5e5; margin-bottom: 40px; }
#contents .footer .footer_cs h1 { float: left; display: flex; align-items: center; font-size: 18px; color: #00696b; }
#contents .footer .footer_cs h1 b { color: #333; margin-right: 5px; }
#contents .footer .footer_cs h1 img { margin-right: 5px; margin-bottom: 2px; }
#contents .footer .footer_cs h2 { float: right; }
#contents .footer .ft_text { line-height: 24px; }
#contents .footer .ft_text .ft_bottom_top { margin-bottom: 10px; text-align: center; }
#contents .footer .ft_text .ft_bottom_top > li { display: inline-flex; margin-right: 20px; }
#contents .footer .ft_text .ft_bottom_text > li { display: inline-flex; color: #bbb; }
#contents .footer .copy { font-family: "Noto Sans KR", sans-serif; font-size: 14px; margin-top: 20px; font-weight: 300; }

/* 관리자 공통 메뉴 */
#wrapper { background: #e7ecef; padding-bottom: 40px; min-height: 100vh; min-width: 1540px; }
#wrapper.on { background: #606569; }
#wrapper .sub_wrap { max-width: 1500px; margin: 0 auto; }
#wrapper .sub_wrap::after { clear: both; content: ''; display: block; }
#wrapper .sub_wrap .box_top { display: inline-block; width: 100%; margin-bottom: 10px; margin-top: 60px; }
#wrapper .sub_wrap .box_top .sub_title { float: left; }
#wrapper .sub_wrap .box_top .sub_title.on > h1 { color: #ddd; }
#wrapper .sub_wrap .box_top .sub_title.on > h1 > span { color: #fff; }
#wrapper .sub_wrap .box_top .sub_title > h1 { font-size: 24px; line-height: 42px; font-weight: bold; color: #777; }
#wrapper .sub_wrap .box_top .sub_title > h1 > span { color: var(--green); background: url(../images/contents/t_r_arrow.png) no-repeat 0 60%; padding-left: 20px; margin-left: 5px; }
#wrapper .sub_wrap .box_top .situation b { color: #125c88; }
#wrapper .sub_wrap .box_top .situation.on > p { color: #ddd; }
#wrapper .sub_wrap .box_top .situation.on > span { color: #fff; }
#wrapper .sub_wrap .box_top .situation > p { float: right; color: #888; letter-spacing: 0.4px; font-size: 14px; }
#wrapper .sub_wrap .box_top .situation > p > a { display: inline-block; color: #fff; background: var(--green); width: 55px; height: 25px; line-height: 25px; border-radius: 5px; text-align: center; font-size: 13px; margin-left: 10px; }
#wrapper .sub_wrap .box_top .situation > span { float: right; font-size: 20px; line-height: 22px; font-weight: bold; color: #333; margin-right: 20px; }
#wrapper .sub_wrap .box_top .situation > span > b { display: inline-block; width: 120px; }
#wrapper .menu { width: 100%; height: 70px; background: #fff; transition: 0.6s; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); position: relative; }
#wrapper .menu.on { background: #3b4248; color: #fff; }
#wrapper .menu.on a { color: #fff; }
#wrapper .menu.on select { color: #fff; }
#wrapper .menu .sub_wrap .top_logo { float: left; width: 100px; height: 70px; background: url(../images/common/logo02.png) no-repeat; margin-right: 50px; transition: 0.6s; }
#wrapper .menu .sub_wrap .top_logo > a { display: block; width: 100px; height: 70px; }
#wrapper .menu .sub_wrap .top_logo.on { background: url(../images/common/logo_on.png) no-repeat; }

#wrapper #menu1 .nav > li:nth-child(1) > a { background: var(--green) !important; color: #fff; }
#wrapper #menu2 .nav > li:nth-child(2) > a { background: var(--green) !important; color: #fff; }
#wrapper #menu3 .nav > li:nth-child(3) > a { background: var(--green) !important; color: #fff; }
#wrapper #menu4 .nav > li:nth-child(4) > a { background: var(--green) !important; color: #fff; }
#wrapper #menu5 .nav > li:nth-child(5) > a { background: var(--green) !important; color: #fff; }
#wrapper #menu6 .nav > li:nth-child(6) > a { background: var(--green) !important; color: #fff; }
#wrapper .menu .sub_wrap .nav > li { width: 100px; height: 57.5px; text-align: center; float: left; margin-left: 10px; margin-top: 12.5px; color: #555; }
#wrapper .menu .sub_wrap .nav > li > a { display: block; height: 45px; line-height: 45px; border-radius: 5px; font-size: 15px; font-weight: 500; }
#wrapper .menu .sub_wrap .nav > li:first-child { margin-left: 0px; }
#wrapper .menu .sub_wrap .nav > li.this > a { background: var(--green) !important; color: #fff; }
#wrapper .menu .sub_wrap .nav > li:hover > a { background: #4d9c9c; color: #fff; transition: 0.3s; }

#wrapper .menu .sub_wrap .admin { float: right; padding: 19px 0; position: relative; }
#wrapper .menu .sub_wrap .admin > p { float: left; }
#wrapper .menu .sub_wrap .admin > p > span { float: left; margin-left: 10px; margin-top: 7px; font-size: 16px; }
#wrapper .menu .sub_wrap .admin .admin_btn { margin-top: 4px; margin-left: 8px; cursor: pointer; border-radius: 5px; width: 22px; height: 22px; background: url(../images/contents/gear.png) no-repeat 50% 50%; transition: 0.6s; }
#wrapper .menu .sub_wrap .admin .admin_btn:hover { background-color: #bbb; }
#wrapper .menu .sub_wrap .admin .admin_btn.on { background-color: #bbb; }
#wrapper .menu .sub_wrap .admin .admin_view { width: 220px; position: absolute; top: 85px; right: -100px; border-radius: 5px; border: 1px solid #ccc; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); background: #fff; padding: 10px; box-sizing: border-box; text-align: center; z-index:99; font-size: 14px; display: none; color: #333 !important; }
#wrapper .menu .sub_wrap .admin .admin_view::after { width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #fff; content: ''; clear: both; position: absolute; left: 50%; top:-16px; transform: translate(-50%); }
#wrapper .menu .sub_wrap .admin .admin_view .api_sel_box { border: 1px solid #ccc; margin-top: 10px; border-radius: 5px; padding: 10px; height: 38px; }
#wrapper .menu .sub_wrap .admin .admin_view .api_sel_box label { border-right: 1px solid #ccc; padding-right: 10px; float: left; padding-bottom: 2px; }
#wrapper .menu .sub_wrap .admin .admin_view .api_sel_box select { width: 110px; border: none; background: url(../images/contents/down_arrow.png) no-repeat 100% 50%; font-size: 14px; outline: none; padding-left: 10px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; color: #333 !important; float: left; margin-top: 1px; }
#wrapper .menu .sub_wrap .admin .now_id_box { padding-bottom: 10px; margin-top: 10px; border-bottom: 1px dashed #ccc; line-height: 26px; }
#wrapper .menu .sub_wrap .admin .now_id_box .now_id { font-size: 15px; display: inline-block; }
#wrapper .menu .sub_wrap .admin .now_id_box .now_id > span { color: #216f60 !important; font-weight: bold; vertical-align: bottom; font-size: 16px; }
#wrapper .menu .sub_wrap .admin .now_id_box .now_id_day { width: 90px; height: 22px; line-height: 22px; background: #b9e2df; font-size: 13px; color: #333; font-weight: 600; display: inline-block; border-radius: 5px; margin-left: 5px; }
#wrapper .menu .sub_wrap .admin .admin_ft { margin-top: 10px; border-top: 1px dashed #ccc; padding-top: 10px; margin-bottom: 10px; }
#wrapper .menu .sub_wrap .admin .admin_ft > a { display: inline-block; width: 95px; height: 35px; line-height: 35px; background: #fff; font-size: 13px; border: 1px solid #aaa; transition: 0.3s; border-radius: 4px; color: #333 !important; }
#wrapper .menu .sub_wrap .admin .admin_ft > a:hover { background: #eee; }

#wrapper .menu .sub_wrap .menu_box { float: right; height: 70px; line-height: 70px; }
#wrapper .menu .sub_wrap .menu_box > p { float: left; margin-left: 10px; }
#wrapper .menu .sub_wrap .menu_box .menu_admin_name > span { color: #333; font-weight: bold; }
#wrapper .menu .sub_wrap .menu_box .menu_admin_day { display: flow-root; font-size: 13px; color: #333; font-weight: 600; line-height: 72px; }
#wrapper .menu .sub_wrap .menu_box .menu_admin_day > span { color: #a23333; }
#wrapper .menu .sub_wrap .menu_box .menu_admin_btn { font-size: 13px; }
#wrapper .menu .sub_wrap .menu_box .menu_admin_btn a { display: flex; align-items: center; height: 20px; line-height: 20px; margin: 0 5px; float: left; margin-top: 27px; }
#wrapper .menu .sub_wrap .menu_box .menu_admin_btn a img { margin-left: 5px; }
#wrapper .menu .sub_wrap .menu_box .menu_admin_btn a:first-child { padding-right: 10px; border-right: 1px solid #ccc; }

/* 테이블 공통 */
.table_header { width: 100%; border: 1px solid #c8d2d8; border-bottom: none; }
.table_header th { font-size: 15px; font-weight: 700; color: var(--darkgreen); height: 45px; vertical-align: middle; text-align: center; border-left: 3px solid #c8d2d8; padding: 0 10px; line-height: 18px; background-color: #e5efef; }
.table_header th:first-child { border: none; }
.table_top { height: 40px; margin-bottom: 20px; }
.table_top .top_left { float: left; }
.table_top .top_left  > a { float: left; width: 180px; height: 40px; line-height: 38px; text-align: center; color: #fff; background: #5b6c7d; border-radius: 5px; border: 1px solid #5b6c7d; box-sizing: border-box; font-size: 14px; }
.table_top .top_right { float: right; }
.table_top .top_right > input { width: 170px; border: 1px solid #c8d2d8; border-radius: 5px; height: 40px; line-height: 38px; box-sizing: border-box; padding-left: 35px; padding-right: 20px; float: left; background: url(../images/contents/sel_search.png) no-repeat 5px 50%; background-color: #fff; }
.table_top .top_right > a { width: 70px; height: 40px; line-height: 38px; border: 1px solid var(--green); border-radius: 5px; text-align: center; float: left; box-sizing: border-box; margin: 0 10px; font-size: 14px; background: var(--green); color: #fff; }
.table_top select { width: 110px; height: 40px; border: 1px solid #c8d2d8; background: url(../images/contents/down_arrow.png) no-repeat 95% 50%; background-color: #fff; border-radius: 5px; padding-left: 10px; box-sizing: border-box; float: left; outline: none; }

#wrapper .sub_wrap .table_wrap { padding: 20px; background: #fff; box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.1); border-radius: 5px; }
#wrapper .sub_wrap .table_wrap.r0 { box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.1); border-top-left-radius: 0; border-top-right-radius: 0; }
#wrapper .sub_wrap .table_wrap .table_cover { position: relative; }
#wrapper .sub_wrap .table_wrap .table { width: 100%; background: #fff; border-top: 2px solid #506579; border-bottom: 1px solid #ccc; }
#wrapper .sub_wrap .table_wrap .table_middle { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 40px; margin: 0 0 10px 0; }
#wrapper .sub_wrap .table_wrap .table_middle .tm_left { display: flex; align-items: center; gap: 5px; }
#wrapper .sub_wrap .table_wrap .table_middle .select_box { display: inline-block; }
#wrapper .sub_wrap .table_wrap .tm_input { display: flex; align-items: center; gap: 5px; height: 40px; padding: 0 12px; background: #6c8196; border-radius: 5px; font-size: 13px; color: #fff; }
#wrapper .sub_wrap .table_wrap .tm_input:last-child { margin-right: 0; }
#wrapper .sub_wrap .table_wrap .table_middle .tm_right { display: flex; align-items: center; gap: 5px; }
#wrapper .sub_wrap .table_wrap .table_middle .tm_right > a { display: flex; align-items: center; height: 40px; padding: 0 12px; background: var(--green); color: #fff; text-align: center; box-sizing: border-box; border-radius: 5px; font-size: 13px; }
#wrapper .sub_wrap .table_wrap .table_middle .tm_right > a:first-child { background: #333; }
#wrapper .sub_wrap .table_wrap .table_middle .tm_right > a:last-child { background: #c04141; }
#wrapper .sub_wrap .table_wrap .table_middle select { width: 110px; height: 40px; border: 1px solid #ccc; background: url(../images/contents/down_arrow.png) no-repeat 92% 50%; border-radius: 5px; padding-left: 10px; box-sizing: border-box; outline: none; font-size: 13px; }
#wrapper .sub_wrap .table_wrap .table_title > h1 { font-size: 20px; font-weight: 500; margin-bottom: 20px; color: #333; }

.bookmark { cursor: pointer; background: url(../images/contents/bookmark.png) no-repeat 50% 50%; content: ''; width: 24px; height: 24px; display: block; border-radius: 5px; margin: 0 auto; transition: 0.3s; }
.bookmark:hover { background-color: #ddd; }
.bookmark.on { background: url(../images/contents/bookmark_on.png) no-repeat 50% 50%; }
.tooltip_btn { margin-left: 5px; position: relative; padding-top: 2px; width: 16px; height: 16px; }
.tooltip_btn > img { width: 16px; }
.tooltip_box { position: absolute; left: -20px; top: 30px; width: 210px; background: #fda300; color: #fff; border-radius: 5px; text-align: left; font-weight: 300; font-size: 15px; line-height: 20px; padding: 10px; box-shadow: 0px 1px 10px rgba(0,0,0,0.3); box-sizing: border-box; z-index:1; display:none; }
.tooltip_box::before { width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #fda300; content: ''; clear: both; position: absolute; left: 20px; top: -16px; }

.change_mode { border-radius: 100px; background: #777; width: 52px; height: 22px; display: block; margin-left: 5px; margin-top: -4px; position: relative; cursor: pointer; transition: 0.6s; margin: 0 auto; overflow: hidden; line-height: 13px; }
.change_mode a { width: 16px; height: 16px; border-radius: 16px; background: #fff; display: block; position: absolute; top: 3px; left: 3px; transition: 0.6s; }
.change_mode a > span { position: absolute; color: #fff; font-size: 12px; top: 2px; }
.change_mode.on { background: #4d9c9c; }
.change_mode.on a { left: 32px; }
.change_mode .change_on { left: -22px; }
.change_mode .change_off { right: -26px; }

.table thead { font-size: 14px; font-weight: bold; }
.table thead th { height: 45px; vertical-align: middle; text-align: center; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 0 10px; line-height: 17px; background: #ecedee; }
.table thead th:first-child { border-left: none; }
.table tbody { background: #fff; font-size: 13px; font-weight: normal; }
/* .table tbody td { height: 40px; vertical-align: middle; text-align: center; border: 1px solid #c8d2d8; padding: 5px; box-sizing: border-box; max-width: 240px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } */
.table tbody td { height: 40px; vertical-align: middle; text-align: center; padding: 5px; box-sizing: border-box; max-width: 240px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.table tbody td.con_none { height: 250px; font-size: 14px; }
.table tbody td:first-child > a { color: #002096; border-bottom: 1px dashed #002096; }
.table tbody tr:nth-child(2n) { background-color: #f3f3f3; }
.table tbody .view { width: 20px; height: 20px; background: url(../images/contents/down_btn.png) no-repeat 50% 50%; content: ''; display: block; margin:0 auto; border: none !important; background-color: #fff !important; margin-right: 0 !important; }
.table tbody .view.on { background: url(../images/contents/up_btn.png) no-repeat 50% 50%; }
.table tr.highlight { background: #e7f0f5; }
.table .blank { background: #ccc !important; padding:0 !important; border: 0 !important; width: 2px !important; max-width: 2px !important; }

.w_table { width: 100%; text-align: center; }
.w_table th { height: 50px; background: var(--white); border: 1px solid #ccc; vertical-align: middle; font-weight: 500; }
.w_table td { height: 50px; border: 1px solid #ccc; vertical-align: middle; }

/* 광고입찰관리 */
.none_target { width: 100%; height: 400px; line-height: 400px; border: 1px solid #bbb; text-align: center; background: #eee; font-size: 13.5px; color: #888; }
.sub_tit { font-size: 20px; font-weight: 500; margin-bottom: 20px; position: relative; }
.sub_tit a { position: absolute; left: 50%; top: -4px; transform: translate(-50%); display: block; width: 32px; height: 32px; background: url(../images/contents/group_hide.png) no-repeat 50% 50%; transition: 1s; }
.sub_tit .group_show { background: url(../images/contents/group_show.png) no-repeat 50% 50%; display: none; }

.filter_wrap { margin-bottom: 10px; }
.filter_wrap .filter_top { display: flex; height: 55px; align-items: center; justify-content: space-between; background-color: #fff; border-radius: 5px; box-shadow: 0px 1px 6px rgba(0,0,0,0.1); }
.filter_wrap .filter_top dl { display: flex; height: 55px; }
.filter_wrap .filter_top dd { min-width: 130px; display: flex; align-items: center; justify-content: center; gap: 20px; border-right: 1px solid #ddd; font-size: 13px; font-weight: 600; padding: 0 20px; box-sizing: border-box; }
.filter_wrap .filter_top dd label { color: var(--darkgreen); }
.filter_wrap .filter_top dd select { height: 36px; outline: none; padding: 0 30px 0 10px; background: url(../images/contents/down_arrow02.png) no-repeat 95% 50%; border: 1px solid #ddd; border-radius: 5px; }
.filter_wrap .filter_top dd h1 { font-size: 13px; color: var(--darkgreen); font-weight: 600; }
.filter_wrap .filter_top > ul { display: flex; align-items: center; gap: 15px; padding: 0 20px; }
.filter_wrap .filter_top > ul li { display: flex; align-items: center; gap: 10px; height: 15px; font-size: 14px; font-weight: 500; border-left: 1px solid #ddd; padding-left: 15px; color: var(--darkblue); }
.filter_wrap .filter_top > ul li h1 { display: flex; align-items: center; gap: 5px; }
.filter_wrap .filter_top > ul li:first-child { border: none; }
.filter_wrap .filter_top > ul li span { font-size: 16px; color: #006633; }
.filter_wrap .filter_top > ul li:first-child span { font-size: 16px; color: #d52a2a; }
.filter_wrap .filter_top > ul li a { border: 1px solid #d52a2a; color: #d52a2a; font-size: 12px; padding: 4px 8px; }
.filter_wrap .filter_top > ul li a:hover { text-decoration: underline; }
.filter_wrap .filter_top > ul li .clock { width: 28px; height: 28px; background: none; border: 2px dotted #607D8B; border-radius: 50px; }
.filter_wrap .filter_top > ul li .clock { animation-name: rotate; animation-duration: 6s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; }
.filter_wrap .filter_top > ul li .clock::before { content: ''; display: block; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); width: 3px; height: 3px; background: #5b6c7d; border-radius: 50px; }
.filter_wrap .filter_top > ul li .clock span { position: absolute; left:50%; top:30%; transform: translate(-50%,-30%); width: 2px; height: 10px; background: #5b6c7d; border-radius: 50px; }

.filter_wrap .filter_list { display: flex; align-items: center; margin-top: 10px; }
.filter_wrap .filter_list i { width: 140px; height: 60px; display: flex; align-items: center; justify-content: center; gap: 5px; border-right: 1px solid #ddd; font-size: 13px; font-weight: 600; }
.filter_wrap .filter_list i select { width: 140px; border: none; font-size: 13px; color: var(--darkgreen); font-weight: 600; background: url(../images/contents/down_arrow.png) no-repeat 92% 50%; border-radius: 5px; padding-left: 20px; box-sizing: border-box; outline: none; }
.filter_wrap .filter_list .filter { flex: 1; display: flex; align-items: center; justify-content: space-between; padding: 0 25px; position: relative; }
.filter_wrap .filter_list .filter .keyword { display: flex; max-width: 1455px; overflow: hidden; padding-left: 5px; }
.filter_wrap .filter_list .filter .keyword ul { display: flex; gap: 5px; }
.filter_wrap .filter_list .filter .keyword ul li { width: max-content; display: flex; align-items: center; gap: 5px; height: 35px; background-color: #fff; font-size: 14px; color: var(--darkgreen); font-weight: 500; border-radius: 5px; padding: 0 0 0 10px; cursor: pointer; overflow: hidden; opacity: 0.6; }
.filter_wrap .filter_list .filter .keyword ul li p { width: 30px; height: 35px; content: ''; background-image: url(../images/common/close13.png); background-repeat: no-repeat; background-position: 50% 50%; }
.filter_wrap .filter_list .filter .keyword ul li p:hover { background-color: #e0e5ed; }
.filter_wrap .filter_list .filter .keyword ul li.this { opacity: 1; }
.filter_wrap .filter_list .filter .keyword ul li.this p:hover { background-color: #8dc5c5; }
.filter_wrap .filter_list .filter a { display: flex; align-items: center; height: 40px; padding: 0 20px; background-color: var(--green); border-radius: 4px; font-size: 13px; color: #fff; }
.filter_wrap .filter_list .swiper-button-wrap .swiper-button-next { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding-left: 2px; position: absolute; right: 0; top: 50%; bottom: auto; margin: 0; margin-left: -5px; border-radius: 50px; transition: 0.2s; transform: translate(0,-50%); cursor: pointer; opacity: 0.5; }
.filter_wrap .filter_list .swiper-button-wrap .swiper-button-next:hover { background-color: rgba(255,255,255,.7); opacity: 1; }
.filter_wrap .filter_list .swiper-button-wrap .swiper-button-next::after { width: 14px; height: 14px; display: block; background: url(../images/common/next_arrow.png) no-repeat 50% 50%; content: ''; }
.filter_wrap .filter_list .swiper-button-wrap .swiper-button-prev { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding-right: 2px; position: absolute; left: 0; top: 50%; bottom: auto; margin: 0; border-radius: 50px; transition: 0.2s; transform: translate(0,-50%); cursor: pointer; opacity: 0.5; }
.filter_wrap .filter_list .swiper-button-wrap .swiper-button-prev:hover { background-color: rgba(255,255,255,.7); opacity: 1; }
.filter_wrap .filter_list .swiper-button-wrap .swiper-button-prev::after { width: 14px; height: 14px; display: block; background: url(../images/common/prev_arrow.png) no-repeat 50% 50%; content: ''; }

.table_top .top_right .table_hide { background: none; width: auto; height: auto; line-height: normal; color: #777; border: 1px solid #ccc; padding: 5px 10px; transition: 0.2s; }
.table_top .top_right .table_hide:hover { color: #333; border: 1px solid #777; }
.table_top .top_left .data_info { display: block; margin-bottom: 20px; }
.table_top .top_left .data_info ul { display: flex; align-items: center; }
.table_top .top_left .data_info ul li { display: inline-block; font-size: 14px; border-left: 1px solid #ccc; margin-left: 10px; padding-left: 10px; vertical-align: bottom; position: relative; }
.table_top .top_left .data_info ul li:first-child { border:none; margin:0; padding:0; }
.table_top .top_left .data_info ul li h1 { display: flex; align-items: center; gap: 5px; font-weight: 500; font-size: 18px; }
.table_top .top_left .data_info ul li h1 a { display: flex; align-items: center; gap: 3px; height: 28px; font-size: 14px; color: #135897; font-weight: 400; border: 1px solid #135897; padding: 0 5px; border-radius: 4px; }
.table_top .top_left .data_info ul li b { color: #c50000; font-weight: 500; }
.table_top .top_left .data_info ul li .clock { position: absolute; top:-6px; right: -40px; width: 28px; height: 28px; background: none; border: 2px dotted #607D8B; border-radius: 50px; }
.table_top .top_left .data_info ul li .clock { animation-name: rotate; animation-duration: 6s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; }
.table_top .top_left .data_info ul li .clock::before { content: ''; display: block; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); width: 3px; height: 3px; background: #5b6c7d; border-radius: 50px; }
.table_top .top_left .data_info ul li .clock span { position: absolute; left:50%; top:30%; transform: translate(-50%,-30%); width: 2px; height: 10px; background: #5b6c7d; border-radius: 50px; }
@keyframes rotate { 0% { transform : rotate(0deg); } 100% { transform: rotate(360deg); } }

#wrapper .sub_wrap .table_tab { width: 100%; left:0; top:-94px; }
#wrapper .sub_wrap .table_tab ul { display: inline-flex; width: 100%; margin-top: 2px; }
#wrapper .sub_wrap .table_tab ul li { font-size: 14px; float: left; width: calc(25% - 7.5px); margin-right: 10px; height: 45px; line-height: 45px; background: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; text-align: left; border-bottom: 1px solid #ddd; box-sizing: border-box; opacity: 0.55; }
#wrapper .sub_wrap .table_tab ul li.this { border-bottom: 1px solid #fff; opacity: 1 !important; }
#wrapper .sub_wrap .table_tab ul li:hover { opacity: 0.75; }
#wrapper .sub_wrap .table_tab ul li:last-child { margin-right: 0; }
#wrapper .sub_wrap .table_tab ul li span { position: relative; display: inline-block; padding: 0 10px; }
#wrapper .sub_wrap .table_tab ul li span:after { content: ''; display: block; position: absolute; top: 50%; right: 1px; margin: -13px 0; width: 0; height: 0; border: 6px solid transparent; border-left-color: #fff; }
#wrapper .sub_wrap .table_tab ul li span::before { content: ''; display: block; position: absolute; top: 50%; right: 0; margin: -13px 0; width: 0; height: 0; border: 6px solid transparent; border-left-color: #999; }
#wrapper .sub_wrap .table_tab ul li a { display: block; width: 325px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 auto; }

#wrapper .sub_wrap .keyword_wrap { display: flex; justify-content: space-between; margin-bottom: 60px; position: relative; }
#wrapper .sub_wrap .keyword_wrap .keyword_left { width: 250px; }
#wrapper .sub_wrap .keyword_wrap .keyword_mid { width: 350px; }
#wrapper .sub_wrap .keyword_wrap .keyword_right { width: 890px; position: relative; background-color: #e2e5e6; border-radius: 5px; }

#wrapper .sub_wrap .keyword_wrap .keyword_head { width: 100%; height: 45px; line-height: 45px; background: #618190; color: #fff; font-weight: 500; border-radius: 5px; box-shadow: 0px 1px 4px rgb(0,0,0,0.3); }
#wrapper .sub_wrap .keyword_wrap .keyword_head ul { display: flex; }
#wrapper .sub_wrap .keyword_wrap .keyword_head ul li { width: 100%; text-align: center; border-left: 1px solid #819dab; box-sizing: border-box; }
#wrapper .sub_wrap .keyword_wrap .keyword_right .keyword_head ul li:nth-child(1) { width: 330px; border-left: none; }
#wrapper .sub_wrap .keyword_wrap .keyword_right .keyword_head ul li:nth-child(2) { width: 110px; }
#wrapper .sub_wrap .keyword_wrap .keyword_right .keyword_head ul li:nth-child(3) { width: 110px; }
#wrapper .sub_wrap .keyword_wrap .keyword_right .keyword_head ul li:nth-child(4) { width: 100px; }
#wrapper .sub_wrap .keyword_wrap .keyword_right .keyword_head ul li:nth-child(5) { width: 200px; }
#wrapper .sub_wrap .keyword_wrap .keyword_right .keyword_head ul li:nth-child(6) { width: 120px; }

#wrapper .sub_wrap .keyword_wrap .keyword_list { width: 100%; height: 100%; max-height: 400px; overflow-y: scroll; margin-top: 5px; border-radius: 5px; }
#wrapper .sub_wrap .keyword_wrap .keyword_list .group_box { display: flex; flex-direction: column; gap: 5px; }
#wrapper .sub_wrap .keyword_wrap .keyword_list .group_box > li { display: inline-block; width: 100%; line-height: 35px; background: #fff; border-radius: 5px; font-size: 13px; cursor: pointer; box-sizing: border-box; overflow: hidden; }
#wrapper .sub_wrap .keyword_wrap .keyword_list .group_box > li h1 { display: block; width: 100%; font-weight: bold; font-size: 14px; color: #455b70; padding: 0 20px; box-sizing: border-box; }
#wrapper .sub_wrap .keyword_wrap .keyword_list .group_box > li > i { display: flex; align-items: center; justify-content: space-between; padding-right: 20px; }
#wrapper .sub_wrap .keyword_wrap .keyword_list .group_box > li > i h1 { display: flex; flex: 1; }
#wrapper .sub_wrap .keyword_wrap .keyword_list .group_box > li > i span { margin: 0; }
#wrapper .sub_wrap .keyword_wrap .keyword_list .group_box > li:last-child { margin-bottom: 0; }
#wrapper .sub_wrap .keyword_wrap .keyword_list .group_box > li.this { background-color: var(--darkblue); }
#wrapper .sub_wrap .keyword_wrap .keyword_list .group_box > li.this span { color: var(--white); }
#wrapper .sub_wrap .keyword_wrap .keyword_list .group_box > li.this h1 { color: var(--white); }
#wrapper .sub_wrap .keyword_wrap .keyword_list .sub_list { display: none; }
#wrapper .sub_wrap .keyword_wrap .keyword_list .sub_list ul { padding-left: 20px; box-sizing: border-box; }
#wrapper .sub_wrap .keyword_wrap .keyword_list .sub_list ul:hover li { background: #b8bec1; }
#wrapper .sub_wrap .keyword_wrap .keyword_list .sub_list ul.this li { background: var(--darkblue); color: #fff; }
#wrapper .sub_wrap .keyword_wrap .keyword_list .sub_list li { float: left; height: 35px; line-height: 35px; background: #f1f1f1; font-size: 12px; cursor: pointer; border-top: 1px dotted #ccc; box-sizing: border-box; }
#wrapper .sub_wrap .keyword_wrap .keyword_list .sub_list li:nth-child(1) { width: 250px; border-left: none; margin-left: -20px; padding-left: 40px; }
#wrapper .sub_wrap .keyword_wrap .keyword_list .sub_list li:nth-child(2) { width: 100px; }

#wrapper .sub_wrap .keyword_wrap .keyword_box { width: 100%; height: 100%; max-height: 400px; overflow-y: scroll; margin-top: 5px; border-radius: 5px; }
#wrapper .sub_wrap .keyword_wrap .keyword_box .flex_column { display: flex; flex-direction: column; gap: 5px; }
#wrapper .sub_wrap .keyword_wrap .keyword_none { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: none; }
#wrapper .sub_wrap .keyword_wrap .keyword_none span { display: block; margin-top: 45px; }
#wrapper .sub_wrap .keyword_wrap .keyword_info { display: inline-block; width: 100%; line-height: 35px; background: #fff; border-radius: 5px; font-size: 13px; cursor: pointer; box-sizing: border-box; }
#wrapper .sub_wrap .keyword_wrap .keyword_info:last-child { margin-bottom: 0; }
#wrapper .sub_wrap .keyword_wrap .keyword_info ul { display: flex; }
#wrapper .sub_wrap .keyword_wrap .keyword_info ul li { display: flex; align-items: center; justify-content: center; width: 100%; box-sizing: border-box; cursor: auto; }
#wrapper .sub_wrap .keyword_wrap .keyword_info ul li span { margin: 0; }
#wrapper .sub_wrap .keyword_wrap .keyword_info ul li:nth-child(1) { width: 50px; border-left: none; }
#wrapper .sub_wrap .keyword_wrap .keyword_info ul li:nth-child(2) { width: 200px; justify-content: left; }
#wrapper .sub_wrap .keyword_wrap .keyword_info ul li:nth-child(3) { width: 80px; }
#wrapper .sub_wrap .keyword_wrap .keyword_info ul li:nth-child(4) { width: 110px; }
#wrapper .sub_wrap .keyword_wrap .keyword_info ul li:nth-child(5) { width: 110px; }
#wrapper .sub_wrap .keyword_wrap .keyword_info ul li:nth-child(6) { width: 100px; }
#wrapper .sub_wrap .keyword_wrap .keyword_info ul li:nth-child(7) { width: 200px; }
#wrapper .sub_wrap .keyword_wrap .keyword_info ul li:nth-child(8) { width: 120px; }
#wrapper .sub_wrap .keyword_wrap .add_list { position: absolute; bottom: -38px; right: 0; }
#wrapper .sub_wrap .keyword_wrap .add_list a { padding: 10px 20px; background: #dfa701; border-radius: 5px; font-size: 14px; color: #fff; }

#wrapper .sub_wrap .table_wrap .bid_table tbody td > a { display: inline-block; border-radius: 5px; width: 40px; height: 25px; line-height: 23px; box-sizing: border-box; text-align: center; background: var(--green); border: 1px solid var(--green); color: #fff; }
#wrapper .sub_wrap .table_wrap .bid_table tbody td:last-child > a { display: inline-block; border-radius: 5px; width: 40px; height: 25px; line-height: 23px; box-sizing: border-box; border: 1px solid #ccc; color: #333; background: #eee; }
#wrapper .sub_wrap .table_wrap .bid_table tbody td:nth-child(3) { border-right: none; }
#wrapper .sub_wrap .table_wrap .bid_table tbody td:nth-child(4) { max-width: 150px; text-align: left; border-left: none; font-weight: 500; }
#wrapper .sub_wrap .table_wrap .bid_table tbody td .input_bid { width: 60px; height: 25px; padding: 0 5px; border: 1px solid #ccc; outline: none; text-align: center; box-sizing: border-box; text-align: right; }
#wrapper .sub_wrap .table_wrap .bid_table tbody td .input_bid.w30 { width:30px; text-align:center; }
#wrapper .sub_wrap .table_wrap .bid_table tbody td .nt_icon { display: flex; align-items: center; justify-content: center; }
#wrapper .sub_wrap .table_wrap .bid_table tbody td .nt_icon p { display: inline-block; width: 8px; height: 8px; border-radius: 50px; margin-right: 5px; }
#wrapper .sub_wrap .table_wrap .bid_table tbody td .nt_icon p { animation-name: fade; animation-duration: 2s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: normal; }
@keyframes fade { 0% { opacity: 1; } 50% { opacity: 0; } }

#wrapper .sub_wrap .id_table_wrap .id_view { width: 100%; border-radius: 5px; margin-bottom: 5px; font-size: 13px; }
#wrapper .sub_wrap .id_table_wrap .id_top.on { position: fixed; top: 0; width: 1460px; z-index: 99; }
#wrapper .sub_wrap .id_table_wrap .id_top.on::before { display: block; content: ''; clear: both; height: 5px; background: #fff; }
#wrapper .sub_wrap .id_table_wrap .id_top table { width: 100%; }
#wrapper .sub_wrap .id_table_wrap .id_top table th { height: 55px; color: #fff; background: var(--darkblue); font-size: 15px; font-weight: 500; vertical-align: middle; border: 1px solid #ccc; border-bottom: none; padding: 0 10px; }

#wrapper .sub_wrap .id_table_wrap .id_table table { width: 100%; }
#wrapper .sub_wrap .id_table_wrap .id_table table thead:hover th { background: #eee; }
#wrapper .sub_wrap .id_table_wrap .id_table table th { height: 50px; background: var(--white); vertical-align: middle; font-weight: bold; cursor: pointer; border: 1px solid #ccc; box-sizing: border-box; color: #333; font-size: 13px; padding: 10px; line-height: 18px; }
#wrapper .sub_wrap .id_table_wrap .id_table table th:nth-child(1) { max-width: 180px; }
#wrapper .sub_wrap .id_table_wrap .id_table table th:nth-child(4) { max-width: 230px; overflow: hidden; text-overflow: ellipsis; }

#wrapper .sub_wrap .id_table_wrap .id_table table td { height: 50px; background: #fff; text-align: center; box-sizing: border-box; color: #333; border: 1px solid #ccc; vertical-align: middle; font-size: 13px; padding: 10px; line-height: 18px; }
#wrapper .sub_wrap .id_table_wrap .id_table table td:last-child a { display: inline-block; width: 40px; height: 25px; line-height: 25px; background: var(--green); color: #fff; border-radius: 5px; }
#wrapper .sub_wrap .id_table_wrap .id_table table td:nth-child(2) { max-width: 100px; }
#wrapper .sub_wrap .id_table_wrap .id_table table td:nth-child(3) { max-width: 230px; overflow: hidden; text-overflow: ellipsis; }
#wrapper .sub_wrap .id_table_wrap .id_table table td:nth-child(4) { max-width: 230px; overflow: hidden; text-overflow: ellipsis; }

/* 입찰관리 테이블02 */
#wrapper .sub_wrap .account_table_wrap .account_view { width: 100%; border-radius: 5px; margin-bottom: 5px; font-size: 13px; }
#wrapper .sub_wrap .account_table_wrap .account_top { margin-bottom: 5px; }
#wrapper .sub_wrap .account_table_wrap .account_top.on { position: fixed; top: 0; width: 1500px; z-index: 99; }
#wrapper .sub_wrap .account_table_wrap .account_top.on::before { display: block; content: ''; clear: both; height: 5px; background: #e7ecef; }
#wrapper .sub_wrap .account_table_wrap .account_top.on::after { display: block; content: ''; clear: both; height: 5px; background: #e7ecef; }
#wrapper .sub_wrap .account_table_wrap .account_top table { width: 100%; }
#wrapper .sub_wrap .account_table_wrap .account_top table th { height: 60px; background: #628394; font-size: 15px; font-weight: bold; color: #fff; vertical-align: middle; border-left: 1px solid #9cb2bd; padding: 0 10px; }
#wrapper .sub_wrap .account_table_wrap .account_top table th:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-left: none; }
#wrapper .sub_wrap .account_table_wrap .account_top table th:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

#wrapper .sub_wrap .account_table_wrap .account_table table { width: 100%; }
#wrapper .sub_wrap .account_table_wrap .account_table table thead::before { display: block; content: ''; clear: both; width: 100%; height: 5px; }
#wrapper .sub_wrap .account_table_wrap .account_table table thead.on th:first-child { border-bottom-left-radius: 0px; }
#wrapper .sub_wrap .account_table_wrap .account_table table thead.on th:last-child { border-bottom-right-radius: 0px; }
#wrapper .sub_wrap .account_table_wrap .account_table table th { height: 50px; background: #c7d6dc; vertical-align: middle; font-weight: bold; cursor: pointer; border-left: 1px solid #b2bec3; box-sizing: border-box; color: #333; font-size: 14px; border-collapse: inherit; padding: 10px; line-height: 18px; }
#wrapper .sub_wrap .account_table_wrap .account_table table th:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-left: none; }
#wrapper .sub_wrap .account_table_wrap .account_table table th:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
#wrapper .sub_wrap .account_table_wrap .account_table table th:nth-child(1) { max-width: 180px; }
#wrapper .sub_wrap .account_table_wrap .account_table table th:nth-child(4) { max-width: 230px; overflow: hidden; text-overflow: ellipsis; }

#wrapper .sub_wrap .account_table_wrap .account_table table td { height: 50px; background: #f8f8f8; text-align: center; box-sizing: border-box; color: #333; border: 1px solid #ccc; vertical-align: middle; font-size: 13px; padding: 10px; line-height: 18px; }
#wrapper .sub_wrap .account_table_wrap .account_table table td:first-child { border-left: none; }
#wrapper .sub_wrap .account_table_wrap .account_table table td:last-child { border-right: none; }
#wrapper .sub_wrap .account_table_wrap .account_table table td:last-child a { display: inline-block; width: 40px; height: 25px; line-height: 25px; background: var(--green); color: #fff; border-radius: 5px; }
#wrapper .sub_wrap .account_table_wrap .account_table table td:nth-child(2) { max-width: 100px; }
#wrapper .sub_wrap .account_table_wrap .account_table table td:nth-child(3) { max-width: 230px; overflow: hidden; text-overflow: ellipsis; }
#wrapper .sub_wrap .account_table_wrap .account_table table td:nth-child(4) { max-width: 230px; overflow: hidden; text-overflow: ellipsis; }

/* API 계정 관리 테이블 */
#wrapper .sub_wrap .table_wrap .add_api { float: right; text-align: center; margin-bottom: 10px; }
#wrapper .sub_wrap .table_wrap .add_api > a { display: block; width: 100px; height: 35px; line-height: 35px; font-size: 14px; background: var(--green); color: #fff; border-radius: 5px; }
#wrapper .sub_wrap .table_wrap .api_table tbody td:nth-child(4) { text-align: right; padding-right: 18%; }
#wrapper .sub_wrap .table_wrap .api_table tbody td > a { display: inline-block; border-radius: 5px; width: 40px; height: 25px; line-height: 23px; box-sizing: border-box; }
#wrapper .sub_wrap .table_wrap .api_table tbody td > a:first-child { background: var(--green); color: #fff; margin-right: 5px; border: 1px solid var(--green); }
#wrapper .sub_wrap .table_wrap .api_table tbody td > a:last-child { border: 1px solid #ccc; color: #333; }

/* 계정관리 */
#wrapper .sub_wrap .box_wrap { width: 100%; background: #fff; border-radius: 5px; box-shadow: 5px 5px 10px rgba(0,0,0,0.15); }
#wrapper .sub_wrap .id_info_wrap { width: 440px; float: left; }
#wrapper .sub_wrap .id_info_wrap .info_left_wrap { width: 215px; float: left; background: linear-gradient(45deg, #1753af, #008486); height:200px; padding: 20px; }
#wrapper .sub_wrap .id_info_wrap .info_left_wrap .set_icon_wrap { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 5px; }
#wrapper .sub_wrap .id_info_wrap .info_left_wrap .id_name h1 { color: #fff; font-size: 18px; font-weight: 500; }
#wrapper .sub_wrap .id_info_wrap .info_left_wrap .set_icon a { display: flex; width: 24px; height: 24px; justify-content: center; align-items: center; float: right; }
#wrapper .sub_wrap .id_info_wrap .info_left_wrap .set_icon img { width: 24px; height: 24px; }
#wrapper .sub_wrap .id_info_wrap .info_left_wrap ul { display: inline-block; width: 100%; margin-top: 20px; }
#wrapper .sub_wrap .id_info_wrap .info_left_wrap ul li { display: inline-block; width: 100%; font-size: 16px; border-bottom: 1px dashed #ddd; padding-bottom: 10px; margin-bottom: 10px; color: #fff; }
#wrapper .sub_wrap .id_info_wrap .info_left_wrap ul li h1 { float: left; }
#wrapper .sub_wrap .id_info_wrap .info_left_wrap ul li span { float: right; font-weight: 500; }
#wrapper .sub_wrap .id_info_wrap .info_left_wrap ul li:last-child { margin:0; padding:0; border:none; }
#wrapper .sub_wrap .id_info_wrap .info_left_wrap .id_info_bottom { display: flex; justify-content: space-between; width: 100%; margin-top: 20px; text-align: center; }
#wrapper .sub_wrap .id_info_wrap .info_left_wrap .id_info_bottom a { color: #fff; font-size: 13px; border: 1px solid #fff; width: 85px; height: 27px; line-height: 25px; box-sizing: border-box; }

#wrapper .sub_wrap .id_info_wrap .info_right_wrap { width: 215px; float: right; }
#wrapper .sub_wrap .id_info_wrap .info_right_wrap #api_save_btn { width: 100%; height: 45px; line-height: 45px; text-align: center; font-size: 15px; color: #fff; background: #255381; }
#wrapper .sub_wrap .id_info_wrap .info_right_wrap #api_save_btn a { display: block; }
#wrapper .sub_wrap .id_info_wrap .info_right_wrap .id_info_list { width: 100%; padding: 20px; height: 145px; margin-top: 10px; background: #1753af; }
#wrapper .sub_wrap .id_info_wrap .info_right_wrap .id_info_list ul li { display: inline-block; width: 100%; margin-bottom: 10px; color: #fff; }
#wrapper .sub_wrap .id_info_wrap .info_right_wrap .id_info_list ul li:last-child { margin: 0; }
#wrapper .sub_wrap .id_info_wrap .info_right_wrap .id_info_list h1 { float: left; }
#wrapper .sub_wrap .id_info_wrap .info_right_wrap .id_info_list span { float: right; font-weight: 500; }

#wrapper .sub_wrap .id_info_wrap .cs_table { display: inline-block; width: 100%; height: 735px; margin-top: 10px; padding: 20px; }
#wrapper .sub_wrap .id_info_wrap .cs_table .cs_table_top { display: inline-block; width: 100%; height: 40px; line-height: 30px; border-bottom: 1px solid #536a81; margin-bottom: 5px; }
#wrapper .sub_wrap .id_info_wrap .cs_table .cs_table_top ul li { float: left; text-align: center; font-weight: bold; color: #1753af; }
#wrapper .sub_wrap .id_info_wrap .cs_table .cs_table_top ul li:nth-child(1) { width: 100px; }
#wrapper .sub_wrap .id_info_wrap .cs_table .cs_table_top ul li:nth-child(2) { width: 90px; }
#wrapper .sub_wrap .id_info_wrap .cs_table .cs_table_top ul li:nth-child(3) { width: 60px; }
#wrapper .sub_wrap .id_info_wrap .cs_table .cs_table_top ul li:nth-child(4) { width: 80px; }
#wrapper .sub_wrap .id_info_wrap .cs_table .cs_table_top ul li:nth-child(5) { width: 70px; }

#wrapper .sub_wrap .id_info_wrap .cs_table .cs_table_box { height: 591px; margin-top: 10px; margin-bottom: 10px; }
#wrapper .sub_wrap .id_info_wrap .cs_table .cs_table_cell { height: 50px; line-height: 50px; margin-bottom: 10px; border: 1px solid #ddd; box-sizing: border-box; border-radius: 5px; box-shadow: 0px 1px 6px rgba(0,0,0,0.15); cursor: pointer; }
#wrapper .sub_wrap .id_info_wrap .cs_table .cs_table_cell:last-child { margin-bottom:0; }
#wrapper .sub_wrap .id_info_wrap .cs_table .cs_table_cell ul { display: flex; }
#wrapper .sub_wrap .id_info_wrap .cs_table .cs_table_cell ul li { float: left; text-align: center; font-weight: 500; color: #333; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#wrapper .sub_wrap .id_info_wrap .cs_table .cs_table_cell ul li:nth-child(1) { width: 100px; }
#wrapper .sub_wrap .id_info_wrap .cs_table .cs_table_cell ul li:nth-child(2) { width: 90px; }
#wrapper .sub_wrap .id_info_wrap .cs_table .cs_table_cell ul li:nth-child(3) { width: 60px; }
#wrapper .sub_wrap .id_info_wrap .cs_table .cs_table_cell ul li:nth-child(4) { width: 80px; }
#wrapper .sub_wrap .id_info_wrap .cs_table .cs_table_cell ul li:nth-child(5) { width: 70px; }
#wrapper .sub_wrap .id_info_wrap .cs_table .add_cell { display: inline-block; width: 100%; height: 45px; line-height: 45px; background: #255381; border-radius: 5px; box-shadow: 0px 4px 8px rgba(0,0,0,0.3); }
#wrapper .sub_wrap .id_info_wrap .cs_table .add_cell a { display: block; color: #fff; text-align: center; font-weight: 500; }

#wrapper .sub_wrap .keyword_weeks_set { width: 1040px; height: 380px; float: right; background: #fff; }
#wrapper .sub_wrap .box_wrap_tit { display: inline-block; width: 100%; font-size: 18px; font-weight: 500; padding: 20px; border-bottom: 1px solid #ccc; }
#wrapper .sub_wrap .keyword_weeks_set .box_wrap_top { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 40px; float: right; margin: 10px 0; padding: 0 20px; }
.keyword_search { width: 250px; height: 40px; border-radius: 50px; background: #e1e7f1; padding-left: 20px; margin-top: 1px; position: relative; }
.keyword_search input { width: 185px; border: none; outline: none; background: none; height: 40px; box-sizing: border-box; }
.keyword_search a { width: 30px; height: 30px; border-radius: 50px; background: url(../images/contents/keyword_search.png) no-repeat 50% 50%; background-color: #255381 !important; position: absolute; right: 5px; top: 50%; transform: translate(0,-50%); }
#wrapper .sub_wrap .keyword_weeks_set .box_wrap_top .l_align a { font-size: 13px; padding: 0 20px; height: 35px; line-height: 35px; color: #fff; text-align: center; margin-left: 5px; border-radius: 5px; float: left; box-shadow: 0px 1px 6px rgba(0,0,0,0.15); }
#wrapper .sub_wrap .keyword_weeks_set .box_wrap_top .l_align a:nth-child(1) { background: #255381; }
#wrapper .sub_wrap .keyword_weeks_set .box_wrap_top .l_align a:nth-child(2) { background: #812925; }
#wrapper .sub_wrap .keyword_weeks_set .box_wrap_top .l_align a:nth-child(3) { background: #dfa701; }
#wrapper .sub_wrap .keyword_weeks_set_wrap { display: flex; width: 100%; padding: 0 20px; }

#wrapper .sub_wrap .keyword_set_head { width: 100%; height: 40px; line-height: 40px; font-size: 15px; background: #618190; color: #fff; font-weight: 500; border-radius: 5px; box-shadow: 0px 1px 4px rgb(0,0,0,0.3); text-align: center; }
#wrapper .sub_wrap .keyword_set_list01 { width: 245px; display: inline-grid; margin-right: 5px; }
#wrapper .sub_wrap .keyword_set_list01 .keyword_set_list { width: 100%; height: 100%; max-height: 195px; overflow-y: scroll; margin-top: 5px; border-radius: 5px; }
#wrapper .sub_wrap .keyword_set_list01 .keyword_set_list .set_group_box { display: flex; flex-direction: column; gap: 2px; }
#wrapper .sub_wrap .keyword_set_list01 .keyword_set_list .set_group_box > li { display: flex; align-items: center; height: 37px; display: inline-block; width: 100%; line-height: 35px; background: #fff; border-radius: 5px; font-size: 13px; cursor: pointer; box-sizing: border-box; overflow: hidden; border: 1px solid #ddd;  box-shadow: 0px 1px 1px rgb(0 0 0 / 15%); }
#wrapper .sub_wrap .keyword_set_list01 .keyword_set_list .set_group_box > li > span { display: block; width: 100%; padding: 0 20px; font-weight: bold; font-size: 14px; color: #455b70; box-sizing: border-box; overflow: hidden; white-space: normal; text-overflow: ellipsis; max-width: 240px; }
#wrapper .sub_wrap .keyword_set_list01 .keyword_set_list .set_sub_list { display: none; }
#wrapper .sub_wrap .keyword_set_list01 .keyword_set_list .set_sub_list ul { padding-left: 20px; box-sizing: border-box; }
#wrapper .sub_wrap .keyword_set_list01 .keyword_set_list .set_sub_list ul:hover li { background: #b8bec1; }
#wrapper .sub_wrap .keyword_set_list01 .keyword_set_list .set_sub_list ul.this li { background: var(--darkblue); color: #fff; }
#wrapper .sub_wrap .keyword_set_list01 .keyword_set_list .set_sub_list li { float: left; height: 35px; line-height: 35px; background: #eee; font-size: 12px; cursor: pointer; border-top: 1px dotted #ccc; box-sizing: border-box; }
#wrapper .sub_wrap .keyword_set_list01 .keyword_set_list .set_sub_list li:nth-child(1) { width: 250px; border-left: none; margin-left: -20px; padding-left: 40px; }
#wrapper .sub_wrap .keyword_set_list01 .keyword_set_list .set_sub_list li:nth-child(2) { width: 100px; }

#wrapper .sub_wrap .keyword_set_list02 { width: 235px; display: inline-grid; margin-right: 5px; }
#wrapper .sub_wrap .keyword_set_list02 .group_set_list { width: 100%; height: 100%; max-height: 195px; overflow-y: scroll; margin-top: 5px; border-radius: 5px; }
#wrapper .sub_wrap .keyword_set_list02 .group_set_list ul { display: flex; flex-direction: column; gap: 2px; }
#wrapper .sub_wrap .keyword_set_list02 .group_set_list ul > li { display: flex; align-items: center; width: 100%; height: 37px; background: #fff; border-radius: 5px; font-size: 13px; cursor: pointer; box-sizing: border-box; overflow: hidden; border: 1px solid #ddd;  box-shadow: 0px 1px 1px rgb(0 0 0 / 15%); padding-left: 20px; }
#wrapper .sub_wrap .keyword_set_list02 .group_set_list ul > li b { font-weight: bold; font-size: 14px; color: #455b70; margin-right: 5px; overflow: hidden; white-space: normal; text-overflow: ellipsis; max-width: 140px; display: block; }
#wrapper .sub_wrap .keyword_set_list02 .group_set_list ul > li:hover { background: #eee; }
#wrapper .sub_wrap .keyword_set_list02 .group_set_list ul > li.this { background: var(--darkblue); }
#wrapper .sub_wrap .keyword_set_list02 .group_set_list ul > li.this span { color: #fff; }
#wrapper .sub_wrap .keyword_set_list02 .group_set_list ul > li.this b { color: #fff; }

#wrapper .sub_wrap .keyword_set_list03 { width: 502px; display: inline-grid; }
#wrapper .sub_wrap .keyword_set_list03 .group_set_list { width: 100%; height: 100%; max-height: 195px; overflow-y: scroll; margin-top: 5px; border-radius: 5px; }
#wrapper .sub_wrap .keyword_set_list03 .group_set_list ul { display: flex; flex-wrap: wrap; gap: 2px; }
#wrapper .sub_wrap .keyword_set_list03 .group_set_list ul > li { display: flex; align-items: center; gap: 5px; width: 164.9px; height: 37px; background: #fff; border-radius: 5px; font-size: 13px; cursor: pointer; box-sizing: border-box; overflow: hidden; border: 1px solid #ddd; box-shadow: 0px 1px 1px rgb(0 0 0 / 15%); padding: 0 20px; position: relative; }
#wrapper .sub_wrap .keyword_set_list03 .group_set_list ul > li:hover { background: #eee; }
#wrapper .sub_wrap .keyword_set_list03 .group_set_list ul > li > span { display: block; width: 100px; font-weight: bold; font-size: 14px; color: #455b70; margin-right: 5px; overflow: hidden; white-space: normal; text-overflow: ellipsis; }
#wrapper .sub_wrap .keyword_set_list03 .group_set_list ul > li.this { background: var(--darkblue); }
#wrapper .sub_wrap .keyword_set_list03 .group_set_list ul > li.this span { color: #fff; }

#wrapper .sub_wrap .group_set_list ul > li { position: relative; }
#wrapper .sub_wrap .group_set_list ul > li label { position: absolute; width: 100%; height: 100%; left:0; top:0; }

#wrapper .sub_wrap .keyword_weeks_list { width: 265px; height: 545px; background: #fff; margin-top: 20px; }
#wrapper .sub_wrap .keyword_weeks_list .circleChart_wrap { display: flex; flex-direction: column; justify-content: space-between; padding: 0 20px; margin-top: 15px; gap: 10px; }
#wrapper .sub_wrap .keyword_weeks_list .circleChart_wrap .circle_con_box { display: flex; align-items: center; justify-content: space-between; padding: 10px 15px; box-shadow: 0px 1px 6px rgba(0,0,0,0.15); border-radius: 5px; }
#wrapper .sub_wrap .keyword_weeks_list .circleChart_wrap .progress { position: relative; }
#wrapper .sub_wrap .keyword_weeks_list .circleChart_wrap .circle_con svg { width: 80px; height: 80px; }
#wrapper .sub_wrap .keyword_weeks_list .circleChart_wrap .circle_con tspan { font-size: 15px; }
#wrapper .sub_wrap .keyword_weeks_list .circleChart_wrap .circle_con i { width: 100px; }
#wrapper .sub_wrap .keyword_weeks_list .circleChart_wrap .circle_con i h1 { display: block; text-align: center; font-size: 14px; color: #888; margin-bottom: 15px; }
#wrapper .sub_wrap .keyword_weeks_list .circleChart_wrap .circle_con i a { display: block; text-align: center; font-size: 13px; width: 100%; height: 30px; line-height: 30px; margin: 0 auto; box-shadow: 0px 1px 6px rgba(0,0,0,0.15); border: 1px solid #ddd; border-radius: 5px; }
#wrapper .sub_wrap .keyword_weeks_list .circleChart_wrap .circle_con i a:hover { background: #f3f3f3; }
#wrapper .sub_wrap .keyword_weeks_list .circleChart_wrap .circle-progress-value { stroke-width: 8px; stroke: #a15757; stroke-linecap: round; }
#wrapper .sub_wrap .keyword_weeks_list .circleChart_wrap .circle-progress-circle {	stroke-width: 8px; }
#wrapper .sub_wrap .keyword_weeks_list .circleChart_wrap .progress-2 .circle-progress-value { stroke: #48b350; }
#wrapper .sub_wrap .keyword_weeks_list .circleChart_wrap .progress-3 .circle-progress-value { stroke: #3459eb; }
#wrapper .sub_wrap .keyword_weeks_list .circleChart_wrap .progress-4 .circle-progress-value { stroke: #872dff; }

#wrapper .sub_wrap .keyword_material { width: 768px; height: 545px; background: #fff; margin-top: 20px; }
#wrapper .sub_wrap .keyword_material .material_wrap { padding: 20px; }
#wrapper .sub_wrap .keyword_material .material_wrap .material_top { font-size: 15px; border-bottom: 1px dashed #ddd; padding-bottom: 15px; }
#wrapper .sub_wrap .keyword_material .material_wrap .material_top ul { display: flex; gap: 5px; padding-top: 2px; border-left: 3px solid #265381; padding-left: 5px; }
#wrapper .sub_wrap .keyword_material .material_wrap .material_top ul li { color: #265381; font-weight: 500; }
#wrapper .sub_wrap .keyword_material .material_wrap .material_date { display: flex; justify-content: flex-end; margin-top: 15px; font-size: 13px; color: #888; }
#wrapper .sub_wrap .keyword_material .material_wrap .material_table { margin-top: 10px; }
#wrapper .sub_wrap .keyword_material .material_wrap .material_table .material_header ul { display: flex; border: 1px solid #ddd; border-radius: 5px; background-color: #f7f7f7; }
#wrapper .sub_wrap .keyword_material .material_wrap .material_table .material_header ul li { width: 100%; font-size: 14px; color: #899199; text-align: center; line-height: 35px; }
#wrapper .sub_wrap .keyword_material .material_wrap .material_table .material_header ul li:first-child { width: 100px; }
#wrapper .sub_wrap .keyword_material .material_wrap .material_table .material_header ul li:last-child { width: 150px; }
#wrapper .sub_wrap .keyword_material .material_wrap .material_table .material_body ul { display: flex; align-items: center; border: 1px solid #ddd; border-radius: 5px; margin-top: 5px; padding: 11.5px 0; }
#wrapper .sub_wrap .keyword_material .material_wrap .material_table .material_body ul li { width: 100%; font-size: 14px; color: #899199; text-align: center; }
#wrapper .sub_wrap .keyword_material .material_wrap .material_table .material_body ul li:first-child { width: 100px; }
#wrapper .sub_wrap .keyword_material .material_wrap .material_table .material_body ul li:last-child { width: 150px; }
#wrapper .sub_wrap .keyword_material .material_wrap .material_table .material_body ul li:nth-child(2) { display: flex; flex-direction: column; gap: 5px; text-align: left; }
#wrapper .sub_wrap .keyword_material .material_wrap .material_table .material_body ul li:nth-child(2) { display: flex; flex-direction: column; gap: 5px; text-align: left; }
#wrapper .sub_wrap .keyword_material .material_wrap .material_table .material_body ul li:nth-child(2) span { line-height: 1; color: #0095ff; }
#wrapper .sub_wrap .keyword_material .material_wrap .material_table .material_body ul li:nth-child(2) p { width: 535px; line-height: 1.4; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* 통계정보 */
#wrapper .sub_wrap .sel_wrap { display: flex; width: 100%; }
#wrapper .sub_wrap .sel_wrap .set_group_box li { position: relative; }
#wrapper .sub_wrap .sel_wrap .set_group_box li label { position: absolute; width: 100%; height: 100%; left:0; top:0; }
#wrapper .sub_wrap .sel_wrap .keyword_set_list01 .keyword_set_list { max-height: 233px; }
#wrapper .sub_wrap .sel_wrap .keyword_set_list01 .keyword_set_list .set_group_box { display: flex; flex-direction: column; gap: 2px; }
#wrapper .sub_wrap .sel_wrap .keyword_set_list01 .keyword_set_list .set_group_box > li { padding-left: 20px; display: flex; align-items: center; }
#wrapper .sub_wrap .sel_wrap .keyword_set_list01 .keyword_set_list .set_group_box > li span { width: auto; display: inline-block; padding: 0; max-width: 180px; }
#wrapper .sub_wrap .sel_wrap .keyword_set_list01 .keyword_set_list .set_group_box > li input { margin-right: 5px; }
#wrapper .sub_wrap .sel_wrap .keyword_set_list01 .keyword_set_list .set_group_box > li:hover { background: #eee; }
#wrapper .sub_wrap .sel_wrap .keyword_set_list01 .keyword_set_list .set_group_box > li.this { background: var(--darkblue); }
#wrapper .sub_wrap .sel_wrap .keyword_set_list01 .keyword_set_list .set_group_box > li.this span { color: #fff; }
#wrapper .sub_wrap .sel_wrap .keyword_set_list02 .group_set_list { max-height: 233px; }
#wrapper .sub_wrap .sel_wrap .keyword_set_list02 .group_set_list ul > li { padding-left: 20px; }
#wrapper .sub_wrap .sel_wrap .keyword_set_list02 .group_set_list ul > li b { margin-left: 5px; max-width: 130px; }
#wrapper .sub_wrap .sel_wrap .keyword_set_list03 { width: 760px; }
#wrapper .sub_wrap .sel_wrap .keyword_set_list03 .group_set_list { max-height: 233px; }
#wrapper .sub_wrap .sel_wrap .keyword_set_list03 .group_set_list ul > li { width: 188.5px; }
#wrapper .sub_wrap .sel_wrap .keyword_set_list03 .group_set_list ul > li span { width: 120px; }

#wrapper .sub_wrap .date_sel_wrap { position: relative; display: none; margin-right: 20px; }
#wrapper .sub_wrap .date_sel_wrap.this { display: block; }
#wrapper .sub_wrap .date_sel_wrap .date_sel_box { display: flex; align-items: center; justify-content: space-between; }
#wrapper .sub_wrap .date_sel_wrap .date_sel_box ul { display: flex; align-items: center; gap: 5px; height: 40px; }
#wrapper .sub_wrap .date_sel_wrap .date_sel_box ul li a { border-radius: 50px; background: #fff; padding: 3px 12px; font-size: 14px; color: var(--green); border: 1px solid #ccc; }
#wrapper .sub_wrap .date_sel_wrap .date_sel_box ul li a.on { background: var(--green); color: #fff; border: 1px solid var(--green); }
#wrapper .sub_wrap .date_sel_wrap .date_sel_box .date_sel { font-size: 18px; position: relative; display: flex; align-items: center; margin-left: 10px; }
#wrapper .sub_wrap .date_sel_wrap .date_sel_box .date_sel > a { display: inline-block; margin-top: 3px; margin-right: 5px; }
#wrapper .sub_wrap .date_sel_wrap .date_sel_box .date_sel > span { margin: 0 5px; }
#wrapper .sub_wrap .date_sel_wrap .date_sel_box .date_sel > input { width: 95px; border: 1px solid #ccc; border-radius: 5px; height: 35px; box-sizing: border-box; padding-left: 10px; display: inline-block; }
#wrapper .sub_wrap .date_sel_wrap .date_sel_box ul > a { width: 40px; height: 32px; line-height: 32px; border-radius: 5px; text-align: center; font-size: 13px; background: #255381; color: #fff; }

#wrapper .sub_wrap .date_sel_wrap .details_sel_box { display: flex; align-items: center; justify-content: space-between; width: 100%; }
#wrapper .sub_wrap .date_sel_wrap .details_sel_box h1 { font-size: 15px; font-weight: 600; color: var(--darkgreen); }
#wrapper .sub_wrap .date_sel_wrap .details_sel_box ul { display: flex; align-items: center; height: 40px; gap: 5px; }
#wrapper .sub_wrap .date_sel_wrap .details_sel_box ul li { border: 1px solid #ddd; border-radius: 5px; padding: 5px; box-sizing: border-box; }
#wrapper .sub_wrap .date_sel_wrap .details_sel_box ul li h2 { background: #6c8196; color: #fff; display: inline-block; font-size: 13px; width: 40px; text-align: center; height: 24px; line-height: 24px; border-radius: 5px; }
#wrapper .sub_wrap .date_sel_wrap .details_sel_box ul li select { border: none; outline: none; padding: 0 18px 0 5px; background: url(../images/contents/down_arrow02.png) no-repeat 100% 50%; }
#wrapper .sub_wrap .date_sel_wrap .details_sel_box ul li select:nth-child(3) { border-left: 1px solid #ccc; }
#wrapper .sub_wrap .date_sel_wrap .details_sel_box ul > a { width: 40px; height: 32px; line-height: 32px; border-radius: 5px; text-align: center; font-size: 13px; background: #255381; color: #fff; }

#wrapper .sub_wrap .table_wrap .stat_table tbody td { padding: 0 10px; }
#wrapper .sub_wrap .table_wrap .stat_table tbody td:nth-child(4) { text-align: left; }
#wrapper .sub_wrap .table_wrap .stat_table tbody td:nth-child(5) { text-align: right; }
#wrapper .sub_wrap .table_wrap .stat_table tbody td:nth-child(6) { text-align: right; }
#wrapper .sub_wrap .table_wrap .stat_table tbody td:nth-child(7) { text-align: right; }
#wrapper .sub_wrap .table_wrap .stat_table tbody td:nth-child(8) { text-align: right; }
#wrapper .sub_wrap .table_wrap .stat_table tbody td:nth-child(9) { text-align: right; }
#wrapper .sub_wrap .table_wrap .stat_table tbody td:last-child > a { display: inline-block; border-radius: 5px; width: 40px; height: 25px; line-height: 23px; box-sizing: border-box; border: 1px solid #ccc; color: #333; background: #eee; }

.grid_wrap { min-width: 1000px !important; padding: 40px; }
.grid_wrap .sub_wrap > h1 { font-size: 26px; font-weight: bold; text-align: center; margin-bottom: 20px; }
.stat_info_txt { height: 40px; display: flex; align-items: center; justify-content: space-between; border-radius: 5px; padding: 0 10px; font-size: 14px; background: #166ac5; color: #fff; }
.stat_info_txt img { margin-right: 5px; }
.stat_info_txt.today { background:#FC0; color:#343a40; font-weight: 500; }

/* 달력 팝업 */
.calendar_popup { width: 250px; height: 270px; background: #fff; border: 1px solid #aaa; padding: 15px; box-sizing: border-box; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.3); position: absolute; top: 50px; display: none; z-index:1; }
.calendar_popup.date_start { left: -109px; }
.calendar_popup.date_end { left: 78px; }
.calendar_popup::after { width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #546e7a; content: ''; clear: both; position: absolute; left: 50%; top: -16px; transform: translate(-50%); }
.calendar_popup .calendar_popup_top { font-size: 18px; font-weight: bold; font-family: 'Noto Sans KR', sans-serif; margin-bottom: 10px; }
.calendar_popup .calendar_popup_top a { vertical-align: middle; }
.calendar_popup .calendar_popup_top .year_prev_btn { width: 14px; height: 15px; display: inline-block; border:1px solid #f8f8f8; background: url(../images/contents/year_left_arrow.png) no-repeat; }
.calendar_popup .calendar_popup_top .year_prev_btn:hover { background-color: #eee; border-radius: 4px; border:1px solid #aaa; }
.calendar_popup .calendar_popup_top .year_next_btn { width: 14px; height: 15px; display: inline-block; border:1px solid #f8f8f8; background: url(../images/contents/year_right_arrow.png) no-repeat; }
.calendar_popup .calendar_popup_top .year_next_btn:hover { background-color: #eee; border-radius: 4px; border:1px solid #aaa; }
.calendar_popup .calendar_popup_top .month_prev_btn { width: 13px; height: 15px; display: inline-block; border:1px solid #f8f8f8; background: url(../images/contents/month_left_arrow.png) no-repeat; }
.calendar_popup .calendar_popup_top .month_prev_btn:hover { background-color: #eee; border-radius: 4px; border:1px solid #aaa; }
.calendar_popup .calendar_popup_top .month_next_btn { width: 13px; height: 15px; display: inline-block; border:1px solid #f8f8f8; background: url(../images/contents/month_right_arrow.png) no-repeat; }
.calendar_popup .calendar_popup_top .month_next_btn:hover { background-color: #eee; border-radius: 4px; border:1px solid #aaa; }
.calendar_popup .calendar_popup_table { width: 100%; font-family: dotum; }
.calendar_popup .calendar_popup_table thead th { height: 30px; vertical-align: middle; font-size: 13px; }
.calendar_popup .calendar_popup_table tbody td { height: 30px; vertical-align: middle; font-size: 13px; text-align: center; cursor: pointer; }
.calendar_popup .calendar_popup_table tbody td.other-month { color: #aaa; }
.calendar_popup .calendar_popup_table tbody td.today { background: #f1af1c; color: #fff !important; }
.calendar_popup .calendar_popup_table tbody td.today:hover { background: none; color: #111 !important; }
.calendar_popup .calendar_popup_table tbody td.select { background: #218c83; color: #fff !important; }
.calendar_popup .calendar_popup_table tbody td:hover { color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.3); transition: 0.3s; background: #4d9c9c; }

/* 소진내역 테이블 */
#wrapper .sub_wrap .table_wrap .spend_list_table tbody th { width: 100px; background: var(--white); height: 50px; vertical-align: middle; border: 1px solid #ccc; font-weight: 500; }
#wrapper .sub_wrap .table_wrap .spend_list_table tbody td { width: 172px; height: 50px; vertical-align: middle; border: 1px solid #ccc; text-align: right; padding: 0 20px; }

/* 요금 및 결제 테이블 */
#wrapper .sub_wrap .table_wrap .tax_table { display: none; }
#wrapper .sub_wrap .table_wrap .tax_table.on { display: block; }
#wrapper .sub_wrap .table_wrap .tax_table table { width: 100%; }
#wrapper .sub_wrap .table_wrap .tax_table table th { width: 250px; background: #f7f7f7; height: 50px; vertical-align: middle; border: 1px solid #ccc; font-weight: 500; font-size: 15px; }
#wrapper .sub_wrap .table_wrap .tax_table table td { width: 480px; height: 50px; vertical-align: middle; border: 1px solid #ccc; font-size: 13px; text-align: center; padding: 0 10px; }
#wrapper .sub_wrap .table_wrap .tax_table table td input { width: 100%; height: 36px; border: 1px solid #ccc; text-align: left; font-size: 13px; padding: 0 10px; box-sizing: border-box; }

.fare_table_wrap { margin-bottom: 40px; }
.fare_table { width: 100%; border-top: 2px solid #666; text-align: center; }
.fare_table th { height: 50px; width: 200px; background: var(--white); border: 1px solid #ccc; vertical-align: middle; font-weight: 500; line-height: 22px; }
.fare_table th span { font-size: 13px; color: #777; font-weight: 300; }
.fare_table td { height: 50px; vertical-align: middle; padding: 0 20px; border: 1px solid #ccc; font-size: 15px; border-bottom: 1px solid #999; }
.fare_table td input { float: left; margin-top: 9px; margin-right: 10px; margin-left: 0; }
.fare_table td span { display: flex; line-height: 30px; font-size: 16px; font-weight: 500; }
.fare_table td span img  { float: left; margin-right: 10px; }
.fare_table td:nth-child(4) { text-align: right; }
.fare_table tr { position: relative; }
.fare_table td.td_label { position: absolute; width: 100%; left:0; padding: 0; background: none; border: none; }
.fare_table .td_label label { width: 100%; height: 51px; content: ''; display: block; }
.fare_table .td_label label:hover { background: #ff0; opacity: 0.1; }
.payment_notice { display: inline-block; width: 100%; color: #777; font-size: 15px; margin-top: 10px; text-align: left; }
.payment_notice p { margin-top: 10px; }

.payment_box { display: flex; align-items: center; justify-content: space-between; width: 100%; background: #f7f7f7; border: 1px solid #ccc; border-radius: 5px; padding: 20px; }
.payment_box .payment_sel > span { font-size: 17px; color: #555; line-height: 40px; margin-left: 10px; }
.payment_box .payment_sel > span:first-child { margin:0; }
.payment_box .payment_sel > input { width: 160px; height: 40px; border-radius: 5px; padding-left: 10px; outline: none; margin-left: 10px; font-size: 15px; box-sizing: border-box; background: #fff; border: 1px solid #767676; cursor: default; }
.payment_box .payment_sel > select { width: 180px; height: 40px; background: url(../images/contents/down_arrow.png) no-repeat 95% 50%; border-radius: 5px; padding-left: 10px; outline: none; margin-left: 10px; font-size: 15px; background-color: #fff; }
.payment_box .payment_txt { float: right; font-size: 17px; line-height: 40px; }
.payment_box .payment_txt div { display: inline-block; color: #555; margin-right: 10px; }
.payment_box .payment_txt span b { font-size: 22px; font-weight: bold; margin-left: 10px; color: #333; margin-right: 5px; }
.payment_box .payment_txt .fare_txt { margin-right: 0; }
.payment_box .payment_txt .fare_txt span b { color: #0043ff; }

/* 정보수정 */
#wrapper .sub_wrap .member_info_box { padding: 20px; background: #fff; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); border-radius: 5px; }
#wrapper .sub_wrap .member_info_box table { width: 100%; border-top: 2px solid #6c8196; }
#wrapper .sub_wrap .member_info_box table tr { border-bottom: 1px solid #ccc; }
#wrapper .sub_wrap .member_info_box table th { width: 250px; background: var(--white); height: 50px; vertical-align: middle; border-right: 1px solid #ccc; font-weight: 500; }
#wrapper .sub_wrap .member_info_box table td { min-width: 500px; height: 50px; vertical-align: middle; padding-left: 20px; }
#wrapper .sub_wrap .member_info_box table td input { width: 185px; border: 1px solid #ccc; height: 34px; box-sizing: border-box; padding: 0 10px; font-size: 15px; color: #777; }
#wrapper .sub_wrap .member_info_box table td input.on { border: 1px solid #4d9c9c; transition: 0.3s; }
#wrapper .sub_wrap .member_info_box table td a { color: #fff; background: #6c8196; border: 1px solid #6c8196; border-radius: 5px; height: 30px; line-height: 30px;  text-align: center; font-size: 14px; }
#wrapper .sub_wrap .member_info_box table td .change_pw { display: block; width: 120px; }
#wrapper .sub_wrap .member_info_box table td .sec_login { display: inline-block; width: 90px; margin-left: 10px; }
#wrapper .sub_wrap .member_info_box table td .find_address { display: inline-block; width: 90px; margin-left: 10px; }
#wrapper .sub_wrap .member_info_box table td .change_ip { display: block; width: 90px; margin-left: 10px; position: absolute; top: 14px; right:195px; }
#wrapper .sub_wrap .member_info_box table td select { width: 185px; border: 1px solid #ccc; height: 30px; box-sizing: border-box; padding-left: 36px; font-size: 14px; color: #777; background: url(../images/contents/down_arrow.png) no-repeat 90% 50%; outline: none; border-radius: 5px; }
#wrapper .sub_wrap .save_btn_box { text-align: center; margin-top: 20px; }
#wrapper .sub_wrap .save_btn_box > a { display: inline-block; width: 150px; height: 50px; line-height: 50px; border-radius: 5px; color: #fff; margin-left: 20px; font-size: 15px; }
#wrapper .sub_wrap .save_btn_box > a:first-child { background: #777; margin-left: 0; }
#wrapper .sub_wrap .save_btn_box > a:last-child { background: var(--green); }
.counsel_label { margin: 15px 0; }
.counsel_label input { display: none; }
.counsel_label label { padding-left: 22px; height: 16px; line-height: 16px; background: url(../images/common/checkbox.png) no-repeat left center; }
.counsel_label label.on { background: url(../images/common/checkedbox.png) no-repeat left center; }
#wrapper .sub_wrap .info_notice { margin-top: 20px; margin-bottom: 10px; }

/* 공통 페이지 버튼 */
.page .button { text-align: center; }
.page .button::after { clear: both; content: ''; }
.page .button ul { display: inline-block; margin-top: 20px; margin-bottom: 10px; }
.page .button ul > li { display: inline; }
.page .button ul > li > a { float:left; padding: 8px 12px; font-size: 13px; border: 1px solid #ccc; border-left: none; color: #426982; background-color: #fff; }
.page .button ul > li > a:hover { background: #ddd; }
.page .button ul > li.this > a { background: var(--green); color: #fff; border: 1px solid var(--green); }
.page .button ul > li:first-child a { border-left: 1px solid #ccc; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.page .button ul > li:last-child a { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

/* 로그인 */
#container #login_wrap { width: 400px; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); }
#container #login_wrap .login_logo { text-align: center; }
#container #login_wrap .login_logo > span { display: block; margin-bottom: 20px; }
#container #login_wrap .login_logo > h1 { text-align: center; font-size: 26px; margin-bottom: 20px; color: #216f60; line-height: 40px; }
#container #login_wrap .login_logo > h1 > b { font-weight: bold; font-size: 30px; }
#container #login_wrap .login_box input { width: 100%; height: 45px; box-sizing: border-box; border: 1px solid #ccc; box-shadow: 0px 0px 3px 0px #eee; border-radius: 5px; padding: 0 10px; font-size: 14px; margin: 10px 0; transition: 0.6s; }
#container #login_wrap .login_box input.on { border: 1px solid #4d9c9c; box-shadow: 0px 0px 5px 0px #4d9c9c; }
#container #login_wrap .login_box .save_id { float: left; }
#container #login_wrap .login_box .save_id > input { display: none; }
#container #login_wrap .login_box .save_id > label { padding-left: 22px; height: 16px; line-height: 16px; background: url(../images/common/checkbox02.png) no-repeat left center; cursor: pointer; font-size: 14px; }
#container #login_wrap .login_box .save_id > label.on { background: url(../images/common/checkedbox02.png) no-repeat left center; }
#container #login_wrap .login_box .save_id02 > label.on { background: url(../images/common/checkedbox03.png) no-repeat left center; }
#container #login_wrap .login_box .find_member { float: right; font-size: 14px; color: #777; }
.login_bottom { font-size: 14px; color: #777; text-align: center; }
.login_bottom > span > a { color: #0095ff; }
.login_bottom > p { margin-top: 60px; margin-bottom: 40px; }

/* 회원가입 */
#container .join_wrap { left:50%; top:40px !important; transform: translate(-50%) !important; }
#container .join_stage { height: 50px; }
#container .join_stage > h1 { width: 125px; height: 40px; line-height: 38px; text-align: center; display: inline-block; float: left; font-size: 18px; border-radius: 50px; background: #aaa; color: #fff; font-weight: bold; text-align: left; margin-right: 8px; }
#container .join_stage > h1.this { background: #0e9696; }
#container .join_stage > h1.this > span { color: #0e9696; }
#container .join_stage > h1 > span { width: 25px; height: 25px; line-height: 25px; background: #fff; color: #aaa; display: inline-block; border-radius: 30px; font-size: 14px; float: left; margin: 8px; text-align: center; }
#container .login_box > h1 { font-size: 18px; padding-bottom: 15px; margin: 20px 0; border-bottom: 2px solid #2b8c84; color: #2b8c84; font-weight: 500; }
#container .login_box > span { margin-top: 10px; display: block; }
#container .login_box > p { font-size: 14px; color: #f93232; display: none; }
#container .login_box .login_bottom { margin-bottom: 40px; }
#container .login_box .join_text { text-align: center; margin: 20px 0; }
#container .login_box .join_text > span { font-size: 18px; display: inline-block; padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 20px; }
#container .login_box .join_text > span > b { color: #ff5753; font-weight: 500; }
#container .login_box .join_text > p { color: #777; line-height: 24px; font-size: 14px; }
#container .login_box .write_file_upload_btn .flie_name { width: 100%; height: 45px; line-height: 43px; box-sizing: border-box; border: 1px solid #ccc; box-shadow: 0px 0px 3px 0px #eee; border-radius: 5px; padding: 0 10px; font-size: 14px; margin: 10px 0; }
#container .login_box .write_file_upload_btn .flie_name #img_del { float: right; margin-top: 4px; display: inline-block; }
#container .sign_box .all_agree_box { width: 100%; height: 60px; line-height: 60px; background: #eee; text-align: center; cursor: pointer; margin-bottom: 30px; border-radius: 5px; }
#container .sign_box .agree_cont { width: 100%; height: 200px; overflow-y: scroll; line-height: 24px; font-size: 15px; background: #f8f8f8; padding: 20px; border: 1px solid #ccc; margin-bottom: 20px; }
#container .sign_box .agree_cont h5 { font-weight: 500; color: #333; margin-bottom: 10px; }
#container .sign_box .agree_cont p { color: #666; font-size: 14px; margin-bottom: 20px; letter-spacing: -0.4px; }
#container .sign_box .agree_cont .li_depth1 { padding-left: 10px; color: #666; font-size: 13px; margin-bottom: 20px; }

/* 아이디/비밀번호 찾기 */
.join_tab { width: 100%; margin-bottom: 20px; display: inline-block; }
.join_tab a { display: inline-block; width: 50%; height: 50px; line-height: 50px; float: left; text-align: center; font-size: 18px; border-bottom: 2px solid #ccc; font-weight: 500; }
.join_tab a.this { color: #2b8c84; border-bottom: 2px solid #2b8c84; }

/* 견적서 출력 */
#est_cover { max-width: 900px; min-width: 900px; }
#est_cover .est_title { width: 100%; height: 40px; line-height: 40px; text-align: center; background: #f7f7f7; font-size: 16px; font-weight: 700; color: #111; border-bottom: 2px solid #777;}
#est_cover .est_wrap { padding: 0 20px; }
#est_cover .est_wrap .est_con { padding: 20px;  }
#est_cover .est_wrap .est_con .est_consult { width: 100%; height: 100px; text-align: center; background: #dbe9ef; display: inline-block;  margin-bottom: 20px; }
#est_cover .est_wrap .est_con .est_consult h3 { font-size: 22px; font-weight: 800; line-height: 60px;}
#est_cover .est_wrap .est_con .est_consult h2 { font-size: 16px; }
#est_cover .est_wrap .est_con h1 { font-size: 34px; display: block; text-align: center; font-weight: 800; margin-bottom: 80px; letter-spacing: 2px; }
#est_cover .est_wrap .est_con caption { font-size: 17px; line-height: 36px; font-weight: 700; }
#est_cover .est_wrap .est_con td { line-height: 36px; text-align: center; vertical-align: middle; }
#est_cover .est_wrap .est_con .request_t caption { background: #eee; }
#est_cover .est_wrap .est_con .request_t td { border-bottom: 1px solid #aaa; }
#est_cover .est_wrap .est_con .provider_t { border: 1px solid #aaa; }
#est_cover .est_wrap .est_con .provider_t td { border: 1px solid #aaa; }
#est_cover .est_wrap .est_con .amount_t { border: 1px solid #777; margin: 20px 0; font-weight: 700; }
#est_cover .est_wrap .est_con .amount_t td { border-left: 1px solid #777; }
#est_cover .est_wrap .est_con .amount_t td:last-child { border-left: none; font-size: 13px; font-weight: 400; }
#est_cover .est_wrap .est_con .list_t { width: 100%; border-top: 2px solid #777; border-bottom: 1px solid #777; }
#est_cover .est_wrap .est_con .list_t thead { border-bottom: 2px solid #777; }
#est_cover .est_wrap .est_con .list_t td { border-left: 1px solid #aaa; border-bottom:1px solid #aaa; }
#est_cover .est_wrap .est_con .list_t td:first-child { border-left: none; }
#est_cover .est_wrap .est_con .reference_t { width: 100%; margin-top: 40px; }
#est_cover .est_wrap .est_con .reference_t td { border-top: 1px solid #aaa; }
#est_cover .est_wrap .est_con .est_bottom_t { border-top: 1px solid #aaa; }
#est_cover .est_wrap .est_con .est_bottom_t td { border-bottom: 1px solid #aaa; }
#est_cover .est_wrap .est_con .est_bottom_t h2 { font-size: 20px; font-weight: 800; margin: 20px 0; }

/* 엑셀파일 업로드 */
.excel_wrap { min-width: 1620px; height: 100vh; background: #999; position: relative; }
.ex_btn_wrap { position: fixed; top:0; right:0; width: 210px; height: 100vh; padding: 20px; background: #f8f8f8; z-index: 99; }
.ex_btn_wrap .ex_btn_box_wrap { height: 100%; overflow: scroll; -ms-overflow-style: none; }
.ex_btn_wrap .ex_btn_box_wrap::-webkit-scrollbar { display: none; }
.ex_btn_wrap .ex_btn { width: 170px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-weight: 500; border-radius: 5px; font-size: 15px; }
.ex_btn_wrap .ex_btn > a { display: block; }
.ex_btn_wrap .ex_btn_box ul > li { margin-bottom: 10px; }
.ex_btn_wrap .ex_btn_box ul > li:last-child { margin-bottom: 0; }
.ex_btn_wrap .ex_btn_box select { width: 170px; height: 35px; border: 1px solid #ccc; background: url(../images/contents/down_arrow.png) no-repeat 95% 50%; border-radius: 5px; padding-left: 10px; box-sizing: border-box; outline: none; background-color: #fff; }

.excel_box { width: calc(100% - 210px); position: absolute; left:0; top:0; }
.excel_box .top_notice { width: calc(100% - 20px); margin: 10px; background: #f5f5f5; border-radius: 5px; padding: 20px; box-sizing: border-box; color: #333; }
.excel_box .top_notice h1 { font-size: 20px; font-weight: bold; margin-bottom: 20px; display: inline-block; line-height: 27px; float: left; color: var(--green); }
.excel_box .top_notice > a { display: inline-block; width: 80px; height: 27px; line-height: 27px; text-align: center; background: var(--green); color: #fff; font-size: 13px; border-radius: 5px; margin-left: 15px; font-weight: 500; margin-bottom: 20px; margin-top: 1px; }
.excel_box .top_notice ul { display: flex; height: 20px; }
.excel_box .top_notice h2 { width: 180px; font-size: 18px; font-weight: 500; margin-bottom: 15px; color: #323b44; }
.excel_box .top_notice li { font-size: 16px; line-height: 18px; list-style: disclosure-closed; margin-left: 45px; }
.excel_box .top_notice li > span { display: inline-block; content: ''; width: 16px; height: 16px; background: url(../images/contents/t_r_arrow.png) no-repeat 0 2px; }
.excel_box .top_notice li > a { color: #004dda; text-decoration: underline; }
.excel_box .excel_table { overflow: scroll; }
.excel_box .excel_table table { width: 100%; }
.excel_box .excel_table table th { background: #eee; color: #333; border: 1px solid #ccc; height: 25px; line-height: 25px; font-weight: 500; font-size: 15px; box-sizing: border-box; }
.excel_box .excel_table table thead th { min-width: 80px; }
.excel_box .excel_table table tbody th { min-width: 50px; }
.excel_box .excel_table table td { max-width: 200px; min-width: 100px; border: 1px solid #ccc; color: #333; cursor: cell; font-size: 14px; background: #fff; padding: 0 5px; box-sizing: border-box; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.excel_box .excel_table table td.fill { background: #e7e8ef; }
.excel_box .excel_table table td.cell_sel { border: 2px solid #5292f7; background: #fff; position: relative; }
.excel_box .excel_table table td.cell_sel::after { display: block; content: ''; clear: both; position: absolute; background: #5292f7; width: 9px; height: 9px; right: -4.5px; bottom: -4.5px; border: 2px solid #fff; box-sizing: border-box; cursor: crosshair; }


@media screen and (max-width: 600px) {
  /* 모바일 공통 css*/
  #wrapper { min-width: 100%; }
  #wrapper .menu { display: none; }
  #wrapper .m_menu { display: block; background: var(--darkblue); height: 60px; padding: 0 1em; width: 100%; }
  #wrapper .m_menu .menu_nav { width: 100%; height: 60px; padding: 10px 0; }
  #wrapper .m_menu .menu_nav a { display: inline-block; color: #fff; border-radius: 50px; height: 40px; line-height: 38px; padding: 0 20px; margin-right: 10px; font-weight: bold; font-size: 1.1em; border: 1px solid #fff; box-sizing: border-box; }
  #wrapper .m_menu .menu_nav a.this { background: #fff; color: var(--darkblue); }
  #wrapper .m_menu .menu_nav a.log_out { border: none; float: right; margin-right: 0; }
  #wrapper .m_menu .m_menu_box { display: inline-block; width: 100%; padding: 0 20px; border-bottom: 4px solid var(--darkblue); }
  #wrapper .m_menu .m_menu_box h1 { font-size: 2em; font-weight: bold; color: var(--darkblue); line-height: 1.5em; display: inline-block; float: left; margin-right: 60px; }
  #wrapper .m_menu .m_menu_box a { width: 100%; border-radius: 50px; display: inline-block; height: 45px; line-height: 45px; text-align: center; font-size: 1em; font-weight: bold; color: var(--darkblue); border: 2px solid var(--darkblue); margin: 20px 0; }
  .page { display: none; }

  /* 계정관리 */
  #wrapper #m_top { background: var(--darkblue); padding-bottom: 60px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }
  #wrapper #m_top .box_top { display: none; }
  #wrapper #m_top .master_box { height: auto; box-shadow: none; padding: 0 1em; display: inline-block; }
  #wrapper #m_top .master_box .master_id_con { display: inline-block; }
  #wrapper #m_top .master_box .master_id_con > li { margin: 0; border: none; font-size: 1em; width: 50%; display: flex; justify-content: left; padding: 0; }
  #wrapper #m_top .master_box .master_id_con > li h1 { font-size: 1em; }
  #wrapper #m_top .master_box .master_id_con .master_con { border-radius: 10px; width: 100%; margin: 0; padding: 0.5em; margin-top: 8px; }
  #wrapper #m_top .master_box .master_id_con .master_con li { width: 30%; display: flex; line-height: 30px; font-size: 0.85em; margin: 0; padding: 0; border: none; letter-spacing: -1px; justify-content: space-evenly; }
  #wrapper #m_top .master_box .master_id_con .master_con li:last-child { width: 40%; }
  #wrapper #m_top .master_box .master_id_con .master_con li h1 { font-size: 1em; margin-right: 10px; }

  #wrapper .sub_wrap .box_top { margin: 0; }
  #wrapper .sub_wrap .id_list_box { width: 100%; }

  /* 광고입찰관리 */
  #wrapper .sub_wrap .table_wrap { box-shadow: none; background: none; padding: 0 10px; margin-top: 65px; }
  #wrapper .sub_wrap .table_wrap .table_middle .tm_input { font-size: 13px; letter-spacing: -1px; }
  #wrapper .sub_wrap .table_wrap .table_middle .tm_right > a { width: 60px; font-size: 13px; letter-spacing: -1px; }
  .m_gr_cover { position: relative; }
  .m_gr_btn { position: absolute; right: 10px; top: 70px; }
  .m_gr_btn a { width: 50px; height: 50px; border-radius: 50px; background: var(--darkblue); display: block; }
  .id_table_wrap { display: none; }
  .bid_table_wrap .table_top select { display: none; }
  .bid_table_wrap .table_top { display: none; }
  .bid_table th:nth-child(5) { display: none; }
  .bid_table th:nth-child(6) { display: none; }
  .bid_table th:nth-child(7) { display: none; }
  .bid_table th:nth-child(9) { display: none; }
  .bid_table th:nth-child(10) { display: none; }
  .bid_table th:nth-child(12) { display: none; }
  .bid_table td:nth-child(6) { display: none; }
  .bid_table td:nth-child(7) { display: none; }
  .bid_table td:nth-child(8) { display: none; }
  .bid_table td:nth-child(10) { display: none; }
  .bid_table td:nth-child(11) { display: none; }
  .bid_table td:nth-child(13) { display: none; }

  /* 모바일 레이어 공통 */
  .layer { width: 95%; }
  .layer .layer_input { width: 95%; margin: 10px auto; }
  .layer .layer_input > input { width: 45%; }
  .id_view_layer .id_view_tab { width: 95%; }
  .id_view_layer .id_view_tab li { width: 48%; }
  .layer .join_tab { width: 95%; margin: 10px auto; display: flex; }
  .layer .join_tab a { width: 50%; }
  .notice_layer .nt_table th { width: 70px; font-size: 1em; }
  .notice_layer .nt_table td { font-size: 0.8em; padding: 10px; letter-spacing: -0.6px; max-width: 150px; line-height: 20px; }
  .m_bid_set_layer { width: 400px !important; height: 550px; }
}