@charset "utf-8";

@font-face { font-family:MalgunGothic; src:url(../font/MalgunGothic.eot); }

/* 초기화 */
html { width:100%; height:auto; overflow-y:scroll; }
body { width:100%; height:auto; margin:0;padding:0; font-size:0.75em; font-family:'Pretendard', 'Noto Sans KR', 'Nanum Gothic', 'Malgun Gothic', '맑은 고딕', 'Nanum Myeongjo', 'Lexend Deca', dotum, sans-serif; background:#fff; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin:0; padding:0; border:0; }
h1, h2, h3, h4, h5, h6 { font-size:1em; font-family:'Pretendard', 'Noto Sans KR', 'Nanum Gothic', 'Malgun Gothic', '맑은 고딕', 'Nanum Myeongjo', 'Lexend Deca', dotum, sans-serif; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ul, dl,dt,dd { margin:0; padding:0; list-style:none; }
legend { position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden; }
label, input, button, select, img { vertical-align:middle; font-size:1em; }
input, button { font-family:'Pretendard', 'Noto Sans KR', 'Nanum Gothic', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif; font-size:1em; }
input[type="submit"] {cursor:pointer; }
button { cursor:pointer; }
textarea { outline:none; }
textarea, select {font-family:'Pretendard', 'Noto Sans KR', 'Nanum Gothic', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif; font-size:1em; }
select { margin:0; }
p { margin:0; padding:0; word-break:break-all; }
hr { display:none; }
pre { overflow-x:scroll; font-size:1.1em; }
a { font-family:'Pretendard', 'Noto Sans KR', 'Nanum Gothic', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif; text-decoration:none; }

table { font-family:'Pretendard', 'Noto Sans KR', 'Nanum Gothic', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif; }

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password] {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}
input[type="radio"], input[type="checkbox"] { margin-bottom:4px; }
input::placeholder { color:#ccc; }
input::-webkit-input-placeholder { color:#ccc; }
input:-ms-input-placeholder { color:#ccc; }
input:disabled { border:none; background:transparent; }
input:disabled::placeholder { color:transparent; }
input[type="radio"]:checked:disabled { appearance:none; width:13px; height:13px; border:1px solid #d1d1d1; border-radius:50%; background:#666; box-shadow:inset 0 0 0 2px #f8f8f8; }

.ui-widget.ui-widget-content { z-index:50 !important; }
/* 초기화 end */


/* 공통 */
.inner_1000 { width:1000px; margin:0 auto; padding-top:20px; }
.inner_1200 { width:1200px; margin:0 auto; padding-top:20px; }
.inner_1300 { width:1300px; margin:0 auto; padding-top:20px; }
.inner_1400 { width:1400px; margin:0 auto; padding-top:20px; }
.inner_1500 { width:1500px; margin:0 auto; padding-top:20px; }
.inner_1600 { width:1600px; margin:0 auto; padding-top:20px; }
.inner_1700 { max-width:1700px; width:100%; margin:0 auto; padding-top:20px; }
.inner_1800 { width:1800px; margin:0 auto; padding-top:20px; }

.inner_tit { display:flex; align-items:center; height:30px; margin-top:10px; margin-bottom:5px; font-size:14px; font-weight:600; color:#4651b0; position:relative; }
.inner_tit .info_text { display:inline-flex; align-items:center; }
.inner_tit .info_text2 { display:inline-flex; align-items:center; color:#555; font-size:12px; }
.inner_tit .info_text2 span { margin-left:5px; font-size:20px; font-weight:800; color:#1c63d7; }
.inner_tit .slide_btn { display:flex; align-items:center; margin-left:5px; padding:0; border:0; background:transparent; font-size:30px; color:#4651b0; }
.inner_tit .right_wrap { display:inline-flex; align-items:center; position:absolute; right:0; }
.inner_tit .right_wrap .txt { font-size:12px; font-weight:300; color:#aaa; }
.inner_tit .right_wrap .all_view_btn { display:inline-flex; align-items:center; height:24px; padding:0 15px; border:0; border-radius:2px; background:radial-gradient(at left top,#999 30%,#777 100%); color:#fff; font-size:12px; text-align:center; letter-spacing:-0.05em; }
.inner_tit .right_wrap .clear_btn { display:inline-flex; align-items:center; height:24px; margin-left:5px; padding:0 15px; border:1px solid #ccc; border-radius:2px; background:radial-gradient(at left top,#ffffff 50%,#ededed 100%); color:#333; font-size:12px; text-align:center; letter-spacing:-0.05em; }
.inner_tit .right_wrap .add_btn { display:inline-flex; align-items:center; height:24px; margin-left:5px; padding:0 15px; border:0; border-radius:2px; background:radial-gradient(at left top,#777 30%,#555 100%); color:#fff; font-size:12px; text-align:center; letter-spacing:-0.05em; }
.flex { display:flex; align-items:center; }
.inline_flex { display:inline-flex; align-items:center; }
.wrap { width:100%; height:auto; margin:0 auto; padding:0 10px; }
.txtbox { height:26px; border:1px solid #d9dadc; background:#fff; font-size:13px; font-weight:500; padding:1px 4px; cursor:pointer; }
.txt_box { width:100%; height:28px; line-height:28px; padding:0 4px; border:1px solid #d6dae1; border-radius:3px; font-size:13px; font-weight:500; color:#000; vertical-align:middle; }
.txt_box:disabled { opacity:1; }
.all_check { position:relative; z-index:10; }
.width_half { display:inline-flex; flex:1 1 49%; margin-right:5px; }
.width_half:last-of-type { margin-right:0; }
.width_third { display:inline-flex; flex:1 1 33%; margin-right:5px; }
.width_third:last-of-type { margin-right:0; }
.required { position:relative; }
.required:after { content:'*'; font-size:12px; color:#f00; position:absolute; top:50%; transform:translate(2px, -60%); }
.multiselect_wrap { height:26px; padding:1px 4px; border:1px solid #d9dadc; background:#fff; font-size:13px; font-weight:500; vertical-align:middle; }
.multiselect_wrap .multiselect-dropdown {
	padding:0; border:0; border-radius:0; background-image:url("../img/angle-down-svgrepo-com.svg"); background-position:right .05rem center; background-size:10px;
}
.multiselect_wrap .multiselect-dropdown span.optext { background-color:#fff; padding:1px 4px; }
.multiselect_wrap .multiselect-dropdown span.maxselected { display:inline; }
.multiselect_wrap .multiselect-dropdown span.optext .optdel { display:none; }
.btn {
	display:inline-block; padding:0 10px; border:1px solid #ddd; border-radius:2px; vertical-align:middle; background:radial-gradient(at left top,#ffffff 50%,#ededed 100%);
	font-size:11px; font-weight:500; color:#777; letter-spacing:-0.05em; cursor:pointer;
}
.btn:hover { color:#333; }
.btn2 {
	display:inline-block; padding:0 10px; border-radius:2px; vertical-align:middle; background:radial-gradient(at left top,#777 30%,#555 100%);
	font-size:11px; font-weight:500; color:#fff; letter-spacing:-0.05em; cursor:pointer;
}
.btn3 {
	display:inline-block; padding:2px 10px; border:1px solid #ddd; border-radius:2px; vertical-align:middle; background:radial-gradient(at left top,#ffffff 50%,#ededed 100%);
	font-size:11px; font-weight:500; color:#555; letter-spacing:-0.05em; cursor:pointer;
}
.square_btn { display:inline-flex; align-items:center; justify-content:center; height:24px; border:1px solid #ccc; border-radius:4px; background:radial-gradient(at left top,#ffffff 50%,#ededed 100%); position:relative; z-index:10; }
.square_btn2 { display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; margin-left:2px; border:1px solid #d6dae1; border-radius:4px; background:#fff; position:relative; z-index:10; }
.square_btn3 { display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border:1px solid #d6dae1; border-radius:4px; background:#fff; position:relative; z-index:0; }

.readonly { border:none; cursor:auto; overflow:hidden; text-overflow:ellipsis; }
.readonly_border { border:1px solid #eaeef4; cursor:auto; appearance:none; overflow:hidden; text-overflow:ellipsis; }
select.readonly_border { line-height:26px; }

.columnStyle { width:0; }

.btn_area { display:flex; align-items:center; margin:15px 0 30px; position:relative; }
.btn_area .btn { 
	display:inline-flex; align-items:center; justify-content:center; width:90px; height:30px; border:1px solid #bebebe; border-radius:2px; vertical-align:middle; background:radial-gradient(at left top,#ffffff 50%,#ededed 100%); letter-spacing:-0.05em;
	font-size:12px; font-weight:500; color:#000;
}
.btn_area .btn_black { 
	display:inline-flex; align-items:center; justify-content:center; width:90px; height:30px; border:0; border-radius:2px; vertical-align:middle; background:radial-gradient(at left top,#777 30%,#555 100%); letter-spacing:-0.05em;
	font-size:12px; font-weight:500; color:#fff;
}
.btn_area .btn_gray { 
	display:inline-flex; align-items:center; justify-content:center; width:90px; height:30px; border:0; border-radius:2px; vertical-align:middle; background:radial-gradient(at left top,#999 30%,#777 100%); letter-spacing:-0.05em;
	font-size:12px; font-weight:500; color:#fff;
}
.btn_area .btn_blue { 
	display:inline-flex; align-items:center; justify-content:center; width:90px; height:30px; border:0; border-radius:2px; vertical-align:middle; background:linear-gradient(to top, #216bbf 0%, #4897f0 100%); letter-spacing:-0.05em;
	font-size:12px; font-weight:500; color:#fff;
}
.btn_area .txt { font-size:12px; font-weight:200; color:#aaa; }

.draggdisable {
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}

.detail_show { display:none; }

.tabs_area { display:flex; align-items:center; justify-content:flex-start; margin-bottom:15px; padding-top:15px; position:relative; }
.tabs_area:before { content:''; width:100%; height:1px; background:#ccc; position:absolute; bottom:0; }
.tabs_area .tabs_btn { 
	display:flex; align-items:center; justify-content:center; width:100px; height:35px; margin-right:-1px; background:#f7f7f7; border:1px solid #e7e7e7; border-bottom:1px solid #ccc; border-radius:5px 5px 0 0;
	font-size:14px; color:#bbb; text-align:center; transition:all 0.1s linear; position:relative;
}
.tabs_area .tabs_btn:hover { border:1px solid #ccc; border-bottom:1px solid #fff; background:#fff; z-index:10; }
.tabs_area .tabs_btn.active { color:#333; border:1px solid #ccc; border-bottom:1px solid #fff; background:#fff; z-index:10; }


.file_wrap { display:flex; align-items:center; width:100%; }
.file_wrap .file_name { width:250px; }
.file_wrap .file_box { display:flex; flex:1; }
.file_wrap .file_box .upload_name { width:calc(100% - 120px); margin:0 5px; background:#eee; cursor:auto; }
.file_wrap .file_box .upload_btn { display:inline-flex; align-items:center; justify-content:center; width:120px; line-height:1; padding:0 5px; border:1px solid #ddd; border-radius:2px; background:radial-gradient(at left top,#ffffff 50%,#ededed 100%); cursor:pointer; }
.file_wrap .file_box .upload_hidden { width:1px; height:1px; margin:-1px; padding:0; border:0; position:absolute; overflow:hidden; clip:rect(0,0,0,0); }


.paging_wrap { display:flex; justify-content:center; align-items:center; text-align:center; width:100%; height:auto; margin:10px 0; }
.paging_wrap .paging { width:100%; margin:0 auto; text-align:center; font-size:0; }
.paging_wrap .paging li { display:inline-flex; justify-content:center; align-items:center; width:auto; min-width:30px; height:30px; margin:0 1px; }
.paging_wrap .paging li a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; padding:2px 4px; font-size:12px; font-weight:600; color:#999; border-radius:30px; letter-spacing:-0.05em; }
.paging_wrap .paging li a:hover { background:#f3f3f3; color:#555; }
.paging_wrap .paging li a.active { background:#4379d8; color:#fff; }

/* 공통 end */


/* header */
.header { width:100%; background:#fff; position:sticky; top:0; z-index:999; }
.header.on { }

.header .h_top { display:flex; align-items:center; justify-content:space-between; height:50px; line-height:50px; }
.header .h_top a.company_name { display:inline-flex; align-items:center; height:100%; font-size:20px; font-weight:700; color:#19305C; letter-spacing:-0.05em; }
.header .h_top a.company_name .logo_img { height:40px; }
.header .h_top .right_group { display:flex; align-items:center; line-height:1; align-items:center; font-family:'Malgun Gothic', '맑은 고딕', dotum, sans-serif; font-size:12px; float:right; }
.header .h_top .right_group p { display:inline-block; margin-right:10px; }
.header .h_top .right_group p span { }
.header .h_top .right_group p span.name { color:blue; }
.header .h_top .right_group ul { overflow:hidden; }
.header .h_top .right_group ul li { float:left; }
.header .h_top .right_group ul li a { display:inline-block; margin:0 4px; padding:2px 4px; transition:all 0.3s; }
.header .h_top .right_group ul li a.blue_line_btn { border:1px solid #1758ce; border-radius:4px; color:#1758ce; }
.header .h_top .right_group ul li a.blue_line_btn:hover { background:#1758ce; color:#fff; }
.header .h_top .right_group ul li a.orange_line_btn { border:1px solid #ff7436; border-radius:4px; color:#ff7436; }
.header .h_top .right_group ul li a.orange_line_btn:hover { background:#ff7436; color:#fff; }
	
	/* menu*/
.header .menu { width:100%; height:40px; line-height:40px; padding:0 20px; background:linear-gradient(to top, #244689 0%, #3462bb 100%); box-shadow:0 2px 2px rgba(30,30,30,0.1); }
.header .menu .navi { width:100%; height:100%; }
.header .menu .navi > li { display:inline-block; height:100%; position:relative; }
.header .menu .navi > li:after { content:'/'; padding:0 15px; color:#fff; }
.header .menu .navi li a { font-size:15px; font-weight:500; color:#fff; text-decoration:none; letter-spacing:-0.05em; }
.header .menu .navi li:last-of-type:after { display:none; }
.header .menu .navi li ul { display:none; width:150px; border:1px solid rgba(0,0,0,.15); border-top:0; background:#fff; box-shadow:0 0 4px rgba(100,100,100,0.3); position:absolute; top:40px; left:-20px; }
.header .menu .navi li ul li { border-bottom:1px solid #eee; position:relative; }
.header .menu .navi li ul li:last-of-type { border-bottom:0; }
.header .menu .navi li ul li a { display:block; padding-left:20px; font-size:13px; font-weight:500; color:#666; letter-spacing:-0.075em; transition:all 0.2s; }
.header .menu .navi li ul li a:hover { padding-left:25px; color:#19305C; }
.header .menu .navi li ul li ul.gnb_2dul { top:0; left:100%; background:#f6f6f6; box-shadow:rgba(100,100,100,0.3) 1px -1px 2px 0px; }
/* header end */


/* content */
.content { width:100%; height:auto; }

	/* tit_area */
.content .tit_area { display:flex; align-items:center; width:100%; height:40px; }
.content .tit_area h1 { padding-left:10px; font-size:16px; font-weight:500; }
.content .tit_area.on { background:#fff; position:sticky; top:90px; left:0; right:0; z-index:10; }

	/* sub_tit_area */
.content .sub_tit_area { display:flex; align-items:center; width:100%; height:40px; }
.content .sub_tit_area h1 { padding-left:10px; font-size:16px; font-weight:600; }

	/* search_filter */
.content .search_filter_wrap { font-size:0; }
.content .search_filter_wrap.scroll_fix.on { background:#fff; position:sticky; top:130px; left:0; right:0; z-index:10; }
.content .search_filter_wrap.scroll_fix2.on { background:#fff; position:sticky; top:0px; left:0; right:0; z-index:10; }
.content .search_filter_wrap:after { content:''; display:inline-block; width:100%; height:10px; }
.content .search_filter { width:100%; padding:0 4px; background:#f7f7f7; border:1px solid #e5e5e5; position:relative; }
.content .search_filter tr { height:36px; }
.content .search_filter .tit { display:inline-flex; align-items:center; padding:0 5px 0 10px; line-height:1; font-size:13px; }
.content .search_filter .box_info { display:inline-flex; align-items:stretch; }
.content .search_filter .box_info .tit { display:inline-flex; align-items:center; padding:0 10px; line-height:1; font-size:13px; }
.content .search_filter .box_info .readonly { background:transparent; }
.content .search_btn {
	display:inline-block; height:26px; line-height:24px; margin-left:2px; padding:0 15px; border:1px solid #ccc; border-radius:2px; vertical-align:middle; background:radial-gradient(at left top,#ffffff 50%,#efefef 100%);
	font-size:12px; font-weight:500; letter-spacing:-0.05em; cursor:pointer;
}
.content .search_filter_btn {
	display:inline-block; height:26px; line-height:24px; margin-left:2px; padding:0 15px; border:1px solid #ccc; border-radius:2px; vertical-align:middle; background:radial-gradient(at left top,#ffffff 50%,#efefef 100%);
	font-size:12px; font-weight:500; color:#444; letter-spacing:-0.05em; cursor:pointer;
}
.content .search_filter_btn2 {
	display:inline-block; height:26px; line-height:24px; margin-left:2px; padding:0 15px; border:1px solid transparent; border-radius:2px; vertical-align:middle; background:radial-gradient(at left top,#777 30%,#555 100%);
	font-size:12px; font-weight:500; color:#fff; letter-spacing:-0.05em; cursor:pointer;
}
.content .search_filter_btn3 {
	display:inline-block; height:28px; line-height:26px; margin-left:2px; padding:0 15px; border:1px solid #ccc; border-radius:2px; vertical-align:middle; background:radial-gradient(at left top,#ffffff 50%,#efefef 100%);
	font-size:12px; font-weight:500; color:#444; letter-spacing:-0.05em; cursor:pointer;
}
.content .search_filter_btn4 {
	display:inline-block; height:28px; line-height:26px; margin-left:2px; padding:0 15px; border:1px solid #e7e7e7; border-radius:2px; vertical-align:middle; background:radial-gradient(at left top,#777 30%,#555 100%);
	font-size:12px; font-weight:500; color:#fff; letter-spacing:-0.05em; cursor:pointer;
}

.content table { font-size:13px; }
.content table tr th { }

	/* list_table */
.list_table_wrap { height:calc(100vh - 98px); overflow:auto; }
.list_table { width:100%; border:1px solid #e5e5e5; border-collapse:collapse; font-size:12px; font-weight:300; color:#000; letter-spacing:-0.02em; }
.list_table tr { height:36px; }
/*.list_table tr:nth-of-type(even) { background:#fafcff; }*/
.list_table th { text-align:center; background:linear-gradient(to top, #216bbf 0%, #4897f0 100%); border:1px solid #77a6f5; color:#fff; font-weight:500; word-break:keep-all; position:sticky; top:0;  }
.list_table th:before { content:''; display:inline-block; width:calc(100% + 1px); height:calc(100% + 1px); border-top:1px solid #77a6f5; border-left:1px solid #77a6f5; position:absolute; top:-1px; left:-1px; }
.list_table th:after { content:''; display:inline-block; width:calc(100% + 1px); height:calc(100% + 1px); border-bottom:1px solid #77a6f5; border-right:1px solid #77a6f5; position:absolute; bottom:-1px; right:-1px; }
.list_table td { text-align:center; border:1px solid #e5e5e5; }
.list_table thead {}
.list_table thead tr { height:30px; }
.list_table tbody tr { cursor:pointer; }
.list_table tbody tr:hover { background:#e5ecf8; }
.list_table tbody td .text-ellipsis { display:table; table-layout:fixed; width:100%; white-space:nowrap; }
.list_table tbody td .text-ellipsis > * { display:table-cell; overflow:hidden; text-overflow:ellipsis; padding:0 5px; vertical-align:middle; }
.list_table thead.scroll_fix.on th { position:sticky; top:178px; z-index:10; }
.list_table thead.scroll_fix.on th:before { content:''; display:inline-block; width:calc(100% + 1px); height:calc(100% + 1px); border-top:1px solid #77a6f5; border-left:1px solid #77a6f5; position:absolute; top:-1px; left:-1px; }
.list_table thead.scroll_fix.on th:after { content:''; display:inline-block; width:calc(100% + 1px); height:calc(100% + 1px); border-bottom:1px solid #77a6f5; border-right:1px solid #77a6f5; position:absolute; bottom:-1px; right:-1px; }
.list_table thead.scroll_fix2.on th { position:sticky; top:48px; }
.list_table thead.scroll_fix2.on th:before { content:''; display:inline-block; width:calc(100% + 1px); height:calc(100% + 1px); border-top:1px solid #77a6f5; border-left:1px solid #77a6f5; position:absolute; top:-1px; left:-1px; }
.list_table thead.scroll_fix2.on th:after { content:''; display:inline-block; width:calc(100% + 1px); height:calc(100% + 1px); border-bottom:1px solid #77a6f5; border-right:1px solid #77a6f5; position:absolute; bottom:-1px; right:-1px; }
.list_table .caret_icon { color:#fff; }


	/* section_table_list */
.section_table_list { width:100%; border-collapse:collapse; background:#fff; font-size:13px; color:#000; letter-spacing:-0.05em; }
.section_table_list tr { height:35px; }
.section_table_list th { text-align:center; background:#f7f7f7; border:1px solid #d9dadc; color:#4d5156; font-weight:500; word-break:keep-all; position:sticky; top:0px; z-index:11; }
.section_table_list th:before { content:''; display:inline-block; width:calc(100% + 1px); height:calc(100% + 1px); border-top:1px solid #d9dadc; border-left:1px solid #d9dadc; position:absolute; top:-1px; left:-1px; }
.section_table_list th:after { content:''; display:inline-block; width:calc(100% + 1px); height:calc(100% + 1px); border-bottom:1px solid #d9dadc; border-right:1px solid #d9dadc; position:absolute; bottom:-1px; right:-1px; }
.section_table_list td { text-align:center; border:1px solid #d9dadc; }
.section_table_list thead {}
.section_table_list tbody tr { cursor:pointer; }
.section_table_list tbody td { padding:0 5px; }
.section_table_list tbody td .text-ellipsis { display:table; table-layout:fixed; width:100%; white-space:nowrap; }
.section_table_list tbody td .text-ellipsis > * { display:table-cell; overflow:hidden; text-overflow:ellipsis; vertical-align:middle; }
.section_table_list thead.scroll_fix.on th { position:sticky; top:178px; box-shadow:inset 0 1px 0 #ccc, inset 0 -1px 0 #ccc; }
.section_table_list thead.scroll_fix.on th:before { content:''; display:inline-block; width:calc(100% + 1px); height:calc(100% + 1px); border-top:1px solid #77a6f5; border-left:1px solid #77a6f5; position:absolute; top:-1px; left:-1px; }
.section_table_list thead.scroll_fix.on th:after { content:''; display:inline-block; width:calc(100% + 1px); height:calc(100% + 1px); border-bottom:1px solid #77a6f5; border-right:1px solid #77a6f5; position:absolute; bottom:-1px; right:-1px; }
.section_table_list .caret_icon { color:#fff; }


	/* main */
.main { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; width:100%; height:100%; padding:10px; background:#eaeaea; }
.main_top { display:flex; flex-flow:row wrap; justify-content:space-between; width:100%; height:100%; }

.panel { width:calc(25% - 7.5px); margin-bottom:10px; padding:10px; background:#fff; }

.panel_header { display:flex; justify-content:space-between; padding:5px 10px; }
.panel_header .tit { font-size:16px; font-weight:bold; color:#555; }
.panel_header .more { font-size:14px; }
.panel_header .more a { color:#ccc; transition:all 0.2s; }
.panel_header .more a:hover { color:#000; }

.panel_body { height:320px; margin-top:20px; padding:0 10px; overflow-y:auto; }
.panel_body table { width:100%; border-collapse:collapse; }
.panel_body table tbody {}
.panel_body table tbody tr {}
.panel_body table tbody tr:nth-of-type(odd) { background:#f5f5f5; }
.panel_body table tbody tr td { padding:8px 2px; text-align:left; white-space:nowrap; }
.panel_body table tbody tr td a { color:#1f1cbb; }
.panel_body table tbody tr td a:hover { color:#999; }
.panel_body::-webkit-scrollbar { width:10px; }
.panel_body::-webkit-scrollbar-track { background-color:#f7f7f7; border-radius:4px; box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.2); }
.panel_body::-webkit-scrollbar-thumb { background-image:linear-gradient(90deg, #999 10%, #aaa 90%); border:1px solid #aaa; border-radius:4px; box-shadow:inset 2px 2px 4px 0 rgba(255,255,255,0.8); }

.main_bottom { display:flex; flex-flow:row wrap; justify-content:space-between; width:100%; height:100%; }
.main_bottom .panel_counter { display:flex; justify-content:center; align-items:center; height:300px; padding:20px 5px; }
.main_bottom .panel_counter .counter { font-family:'Lexend Deca', sans-serif; font-size:3.7vw; font-weight:bold; font-style:italic; letter-spacing:-0.07em; }
.main_bottom .panel_counter .unit { margin-left:15px; font-size:1.5vw; font-weight:900; }
.main_bottom .panel_counter_info {}
.main_bottom .panel_counter_info p { margin:10px 0; font-size:16px; font-weight:bold; color:#555; }
.main_bottom .panel_counter_info table { table-layout:fixed; width:100%; text-align:left; }
.main_bottom .panel_counter_info table tr {}
.main_bottom .panel_counter_info table th { padding:8px 2px 8px 10px; background:#f5f5f5; }
.main_bottom .panel_counter_info table td { padding:8px 2px 8px 10px; font-weight:bold; }

.main .index_main { display:flex; justify-content:center; width:100%; height:100%; background:#fff; }
.main .index_main .main_calender_wrap { width:100%; height:42vw; min-height:800px; padding:2%; }
.main .index_main .main_calender_wrap #calendar {}

/* content end */


/* section */
.section { display:flex; margin-bottom:20px; margin-bottom:5px;}
.section .flex { display:flex; align-items:center; }
.section .inline_flex { display:inline-flex; align-items:center; }
.section label { display:inline-flex; align-items:center; font-size:12px; font-weight:500; }

.section .section_title { display:flex; flex-shrink:0; flex-flow:column wrap; align-items:center; justify-content:center; width:175px; margin-right:5px; border:1px solid #ccc; background:#e5e7ed; font-size:13px; font-weight:600; color:#586e9c; text-align:center; }
.section .section_title .title_btn {
	display:inline-block; margin-top:5px; padding:2px 6px; border:1px solid transparent; border-radius:2px; vertical-align:middle; background:radial-gradient(at left top,#777 50%,#555 100%); font-size:11px; font-weight:500;
	color:#fff; letter-spacing:-0.05em; cursor:pointer;
}
.section .section_table { table-layout:fixed; width:1020px; border-collapse:collapse; border:1px double #ccc; font-size:13px; letter-spacing:-0.05em; }
.section .section_table tbody {}
.section .section_table tbody tr { height:40px; }
.section .section_table tbody tr th { width:100px; padding:0 5px; background:#f3f3f3; border:1px solid #d9dadc; color:#4d5156; font-weight:300; word-break:keep-all; }
.section .section_table tbody tr th .th_btn {
	display:inline-block; margin-top:2px; padding:3px 8px; border:1px solid #ddd; border-radius:2px; vertical-align:middle; background:radial-gradient(at left top,#ffffff 50%,#ededed 100%);
	font-size:11px; font-weight:500; color:#777; letter-spacing:-0.05em; cursor:pointer;
}
.section .section_table tbody tr th #customer_address_btn { margin:0; margin-left:5px; }

.section .section_table tbody tr td { min-width:213px; padding:0 5px; border:1px solid #d9dadc; color:#000; }
.section .section_table tbody tr td .txt_box { float:left; }
.section .section_table tbody tr td .txt_memo { width:100%; line-height:1.5; margin:5px 0; padding:5px; font-size:13px; overflow:auto; resize:vertical; }

.section .section_table tbody tr td .attached_file_name { max-width:250px; padding-right:5px; font-size:12px; color:#2858c7; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }




/* 고객정보 */
.customer_info_wrap { }
.customer_info_detail { display:none; }
.customer_info_section {}
.customer_info_section .section_table tbody tr td .address_wrap { display:flex; flex-flow:row wrap; }
.customer_info_section .section_table tbody tr td .address_wrap .address_detail { display:flex; flex-flow:row wrap; width:100%; }
.customer_info_section .section_table tbody tr td .address_wrap .address_detail .txt_box { width:100%; }
.customer_info_section .section_table tbody tr td .address_wrap .address_detail .address1 { flex-shrink:0; width:70px; margin-right:5px; }
.customer_info_section .section_table tbody tr td .address_wrap .address_detail .address2 { flex:2; margin-right:5px; letter-spacing:-0.05em; }
.customer_info_section .section_table tbody tr td .address_wrap .address_detail .address4 { flex:2; letter-spacing:-0.05em; }
.customer_info_section .section_table tbody tr td .address_wrap .address_detail .address3 { width:40%; margin-left:5px; letter-spacing:-0.05em; }
.customer_info_section .section_table tbody tr td .address_wrap .address_btn {
	display:flex; align-items:center; justify-content:center; width:60px; height:63px; margin-left:5px; border-radius:3px;
	background:radial-gradient(at left top,#777 30%,#555 100%); color:#fff; font-size:12px; font-weight:500; letter-spacing:-0.05em; cursor:pointer;
}
.customer_info_section .section_table tbody tr td .telecom_wrap { display:flex; width:100%; font-size:0; }
.customer_info_section .section_table tbody tr td .telecom_wrap .telecom { flex-shrink:0; width:90px; margin-right:5px; font-size:13px; }
.customer_info_section .section_table tbody tr td .telecom_wrap .phoneNumber { font-size:13px; }

.customer_search_table { width:100%; }
.customer_search_table thead tr th { position:sticky; top:0; }
.customer_search_table thead tr th::before { content:''; display:inline-block; width:calc(100% + 1px); height:calc(100% + 1px); border-top:1px solid #77a6f5; border-left:1px solid #77a6f5; position:absolute; top:-1px; left:-1px; }
.customer_search_table thead tr th::after { content:''; display:inline-block; width:calc(100% + 1px); height:calc(100% + 1px); border-bottom:1px solid #77a6f5; border-right:1px solid #77a6f5; position:absolute; bottom:-1px; right:-1px; }


/* 납부정보 */
.payment_info_section {}
.payment_info_section .transfer_date {}
.payment_info_section .transfer_date .td_txt { line-height:1; margin:0 5px; }
.payment_info_section .transfer_date .day { width:40px; text-align:center; }

	/* 납부정보 - 자동이체 */
.payment_info_section .automatic_withdrawal { display:none; }
.payment_info_section .automatic_withdrawal .bank_select { width:95px; margin-right:5px; }
.payment_info_section .automatic_withdrawal .account_number { width:calc(100% - 100px); }

	/* 납부정보 - 카드납부 */
.payment_info_section .payment_in_card { display:none; }
.payment_info_section .payment_in_card .card_select { width:95px; margin-right:5px; }
.payment_info_section .payment_in_card .card_number { width:calc(100% - 100px - 160px); }
.payment_info_section .payment_in_card .expiration_date_wrap { width:160px; }
.payment_info_section .payment_in_card .expiration_date { width:40px; text-align:center; }

	/* 납부정보 - 계좌이체 */
.payment_info_section .account_transfer { display:none; }
.payment_info_section .account_transfer .juju_account { font-weight:500; letter-spacing:0; color:#333; }


.payment_info_section #payment_address { display:flex; flex-flow:row wrap; width:100%; }
.payment_info_section #payment_address .same_address { width:50px; line-height:1; }
.payment_info_section #payment_address .address_search_btn {
	display:inline-flex; align-items:center; justify-content:center; width:40px; line-height:1; margin-right:5px; border:1px solid #ddd; border-radius:2px; vertical-align:middle; background:radial-gradient(at left top,#ffffff 50%,#ededed 100%);
	font-size:11px; font-weight:500; color:#555; letter-spacing:-0.05em; cursor:pointer;
}
.payment_info_section #payment_address .address1 { width:60px; margin-right:5px; }
.payment_info_section #payment_address .address2 { width:250px; margin-right:5px; }
.payment_info_section #payment_address .address3 { flex:1; width:calc(100% - 50px - 60px - 50px - 205px); }

.payment_info_section .section_table tbody tr td .telecom_wrap { display:flex; width:100%; font-size:0; }
.payment_info_section .section_table tbody tr td .telecom_wrap .telecom { flex-shrink:0; width:90px; margin-right:5px; font-size:13px; }
.payment_info_section .section_table tbody tr td .telecom_wrap .phoneNumber { font-size:13px; }

.payment_info_section .section_table tbody tr td .payer_relation { width:70px; margin-right:5px; }
.payment_info_section .section_table tbody tr td .payer_name { width:calc(100% - 75px); }


/* 상품 */
.open_state_wrap { max-height:281px; overflow-y:auto; }


/* 파일첨부 */
.file_wrap_section {}
.file_wrap_section .section_title { flex-flow:column; }
.file_wrap_section .section_table {}
.file_wrap_section .section_table thead tr { height:30px; }
.file_wrap_section .section_table thead th { border:1px solid #d9dadc; background:#f7f7f7; color:#555; font-weight:500; word-break:keep-all; }
.file_wrap_section .section_table tbody {}
.file_wrap_section .section_table tbody tr { display:none; }
.file_wrap_section .section_table tbody tr.view { display:table-row; }
.file_wrap_section .section_table tbody tr td {}
.file_wrap_section .section_table tbody tr td .file_num { display:flex; align-items:center; justify-content:center; }
.file_wrap_section .section_table tbody tr td .file_name { }
.file_wrap_section .section_table tbody tr td .file_box { display:flex; flex-flow:row wrap; width:100%; }
.file_wrap_section .section_table tbody tr td .file_box .upload_name { flex:1; width:calc(100% - 85px); background:#eee; cursor:auto; }
.file_wrap_section .section_table tbody tr td .file_box .upload_btn { 
	display:inline-flex; align-items:center; justify-content:center; width:80px; line-height:1; margin-left:5px; border:1px solid #ddd; border-radius:2px; vertical-align:middle; background:radial-gradient(at left top,#ffffff 50%,#ededed 100%);
	font-size:11px; font-weight:500; color:#555; letter-spacing:-0.05em; cursor:pointer;
}
.file_wrap_section .section_table tbody tr td .file_box .upload_btn.modify_view { display:none; }
.file_wrap_section .section_table tbody tr td .file_box .upload_hidden { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0; }

.file_wrap_section .section_table tbody tr td .file_btn_wrap { display:flex; align-items:center; justify-content:center; width:100%; }
.file_wrap_section .section_table tbody tr td .file_btn_wrap .file_btn {
	display:inline-flex; align-items:center; justify-content:center; flex:1 1 33%; height:28px; line-height:1; margin-left:5px; border:1px solid #ddd; border-radius:2px; vertical-align:middle; background:radial-gradient(at left top,#ffffff 50%,#ededed 100%);
	font-size:11px; font-weight:500; color:#555; letter-spacing:-0.05em; 
}
.file_wrap_section .section_table tbody tr td .file_btn_wrap .file_view { margin-left:0; color:#aaa; }
.file_wrap_section .section_table tbody tr td .file_btn_wrap .file_down { color:#000; }
.file_wrap_section .section_table tbody tr td .file_btn_wrap .file_del { color:#d45555; }


/* 관리자 */
.manager_section { margin-bottom:15px; }
.manager_section .section_table {}
.manager_section .section_table tbody {}
.manager_section .section_table tbody tr {}
.manager_section .section_table tbody tr th { width:70px; }


/* 특이사항 */
.matters_note_section { }
.matters_note_section .section_table .matters_note { width:100%; height:50px; line-height:1.5; margin:5px 0; padding:5px; font-size:13px; overflow:auto; resize:vertical; }


/* 고객등록 수정&저장 버튼*/
.customer_modify_btn { margin-right:5px; }
.customer_save_btn {}



/* 상품선택 */
.product_select_section { position:relative; }
.product_select_section .section_table {}
.product_select_section .section_table tbody {}
.product_select_section .section_table tbody tr {}
.product_select_section .section_table tbody tr th {}
.product_select_section .section_table tbody tr td {}


/* 플로팅 버튼 */
.floating_btn { position:fixed; left:calc(42% - 600px); top:50%; transform:translateY(-50%); }
.floating_btn ul {}
.floating_btn ul li { display:flex; align-items:center; justify-content:center; width:80px; height:80px; margin-top:5px; }
.floating_btn ul li:first-of-type { margin:0; }
.floating_btn ul li button { 
	display:flex; flex-flow:column wrap; align-items:center; justify-content:center; width:100%; height:100%; border:1px solid #eee; border-radius:4px; background:#fff; color:#4654ad; box-shadow:1px 1px 2px rgba(220,220,220,0.4);
	transition:all 0.2s;
}
.floating_btn ul li button:hover { box-shadow:1px 1px 6px rgba(180,180,180,0.6); }
.floating_btn ul li button i {}
.floating_btn ul li button .txt { margin-top:2px; }


/* 상품정보입력 플레이스 */
.product_place_section { }
.product_place_section .section_table {}
.product_place_section .section_table tbody {}
.product_place_section .section_table tbody tr {}
.product_place_section .section_table tbody tr th {}
.product_place_section .section_table tbody tr th .ad_account { border:0; font-weight:300; background:#f7f7f7; color:#4d5156; text-align:right; letter-spacing:-0.1em; word-break:keep-all; }
.product_place_section .section_table tbody tr th .ad_account .account_id { color:#4d5156; }
.product_place_section .section_table tbody tr th .ad_account .naver_id { color:#0c930b; }
.product_place_section .section_table tbody tr td {}
.product_place_section .section_table tbody tr td .main_keyword { flex-shrink:0; width:120px; margin-right:5px; }
.product_place_section .section_table tbody tr td .sub_keyword { margin-right:5px; }
.product_place_section .section_table tbody tr td .exclude_keyword { flex-shrink:0; width:150px; }
.product_place_section .section_table tbody tr td .telecom_wrap { display:flex; width:100%; font-size:0; }
.product_place_section .section_table tbody tr td .telecom_wrap .telecom { flex-shrink:0; width:90px; margin-right:5px; font-size:13px; }
.product_place_section .section_table tbody tr td .telecom_wrap .phoneNumber { font-size:13px; }
.product_place_section .section_table tbody tr td .bank_select { width:70px; margin-right:5px; }
.product_place_section .section_table tbody tr td .account_number { width:calc(100% - 75px)}
.product_place_section .section_table tbody tr td .memo_note { width:100%; height:80px; line-height:1.5; margin:5px 0; padding:5px; font-size:13px; overflow:auto; resize:vertical; }



/* 상품정보입력 지도순위 */
.product_map_rank_section { }
.product_map_rank_section .section_table {}
.product_map_rank_section .section_table tbody {}
.product_map_rank_section .section_table tbody tr {}
.product_map_rank_section .section_table tbody tr th {}
.product_map_rank_section .section_table tbody tr th .ad_account { border:0; font-weight:300; background:#f7f7f7; color:#555; text-align:right; letter-spacing:-0.1em; word-break:keep-all; }
.product_map_rank_section .section_table tbody tr td {}
.product_map_rank_section .section_table tbody tr td .main_keyword { flex-shrink:0; width:120px; margin-right:5px; }
.product_map_rank_section .section_table tbody tr td .sub_keyword { margin-right:5px; }
.product_map_rank_section .section_table tbody tr td .exclude_keyword { flex-shrink:0; width:150px; }
.product_map_rank_section .section_table tbody tr td .telecom_wrap { display:flex; width:100%; font-size:0; }
.product_map_rank_section .section_table tbody tr td .telecom_wrap .telecom { flex-shrink:0; width:70px; margin-right:5px; font-size:13px; }
.product_map_rank_section .section_table tbody tr td .telecom_wrap .phoneNumber { font-size:13px; }
.product_map_rank_section .section_table tbody tr td .bank_select { width:70px; margin-right:5px; }
.product_map_rank_section .section_table tbody tr td .account_number { width:calc(100% - 75px)}
.product_map_rank_section .section_table tbody tr td .memo_note { width:100%; height:80px; line-height:1.5; margin:5px 0; padding:5px; font-size:13px; overflow:auto; resize:vertical; }


/* 상품정보입력 블로그 */
.blog_tabs_wrap { justify-content:space-between; align-items:flex-end; margin-bottom:10px; }
.blog_tabs_wrap .blog_tabs { display:flex; align-items:center; padding-right:10px; position:relative; }
.blog_tabs_wrap .blog_tabs::before { content:''; display:block; width:100%; height:1px; background:#ccc; position:absolute; left:0; bottom:0; }
.blog_tabs_wrap .blog_tabs li {
	display:flex; align-items:center; justify-content:center; width:fit-content; height:30px; margin-right:-1px; padding:0 25px; background:#f7f7f7; color:#bbb;
	border:1px solid #e7e7e7; border-bottom:1px solid #ccc; border-radius:5px 5px 0 0; cursor:pointer;
}
.blog_tabs_wrap .blog_tabs li.active { color:#333; background:#fff; border:1px solid #ccc; border-bottom:1px solid #fff; z-index:1; }
.blog_tabs_wrap .add_btn { display:inline-flex; align-items:center; height:24px; margin-left:5px; padding:0 15px; border:0; border-radius:2px; background:radial-gradient(at left top,#777 30%,#555 100%); color:#fff; font-size:12px; text-align:center; letter-spacing:-0.05em; }

.product_blog_section { width:100%; }
.product_blog_section .section_table_list {}
.product_blog_section .section_table_list tbody {}
.product_blog_section .section_table_list tbody tr { height:40px; }
.product_blog_section .section_table_list tbody tr th {}
.product_blog_section .section_table_list tbody tr td {}
.product_blog_section .section_table_list tbody tr td .text_add {
	display:inline-flex; flex:1; align-items:center; justify-content:center; height:28px; border:1px solid #ddd; border-radius:2px; vertical-align:middle; background:radial-gradient(at left top,#ffffff 50%,#ededed 100%);
	font-size:13px; font-weight:500; color:#000; letter-spacing:-0.05em;
}
.product_blog_section .section_table_list tbody tr td .text_add i { margin-right:2px; }
.product_blog_section .section_table_list tbody tr td .row_add { 
	display:inline-flex; flex:1; align-items:center; justify-content:center; height:28px; border:1px solid #ddd; border-radius:2px; vertical-align:middle; background:radial-gradient(at left top,#ffffff 50%,#ededed 100%);
	font-size:11px; font-weight:500; color:#3a61c8; letter-spacing:-0.05em;
}
.product_blog_section .section_table_list tbody tr td .row_del {
	display:inline-flex; flex:1; align-items:center; justify-content:center; height:28px; margin-left:5px; border:1px solid #ddd; border-radius:2px; vertical-align:middle; background:radial-gradient(at left top,#ffffff 50%,#ededed 100%);
	font-size:11px; font-weight:500; color:#d45555; letter-spacing:-0.05em;
}
.product_blog_section .section_table_list .batch_apply { background:#f7f7f7; }
.product_blog_section .section_table_list .batch_apply::after { content:''; display:block; height:5px; background:#fff; }
.product_blog_section .section_table_list .batch_apply tr {}
.product_blog_section .section_table_list .batch_apply tr th {}
.product_blog_section .section_table_list .batch_apply tr td {}
.product_blog_section .section_table_list .batch_apply tr td .txt_box {}

.product_blog_section .batch_row { }
.product_blog_section .batch_row .txt_box { width:35px; }
.product_blog_section .batch_row .row_add {
	display:flex; flex:1; align-items:center; justify-content:center; height:28px; border:1px solid #ddd; border-radius:2px; vertical-align:middle; background:radial-gradient(at left top,#ffffff 50%,#ededed 100%);
	font-size:11px; font-weight:500; color:#3a61c8; letter-spacing:-0.05em;
}

.product_blog_section2 {}
.product_blog_section2 .section_table tbody tr td .memo_note { width:100%; height:80px; line-height:1.5; margin:5px 0; padding:5px; font-size:13px; overflow:auto; resize:vertical; }


/* 상품정보입력 웹컨텐츠 */
.product_etc_section { }
.product_etc_section .section_table {}
.product_etc_section .section_table tbody {}
.product_etc_section .section_table tbody tr {}
.product_etc_section .section_table tbody tr th {}
.product_etc_section .section_table tbody tr th .ad_account { border:0; font-weight:300; background:#f7f7f7; color:#555; text-align:right; letter-spacing:-0.1em; word-break:keep-all; }
.product_etc_section .section_table tbody tr td {}
.product_etc_section .section_table tbody tr td .main_keyword { flex-shrink:0; width:120px; margin-right:5px; }
.product_etc_section .section_table tbody tr td .sub_keyword { margin-right:5px; }
.product_etc_section .section_table tbody tr td .exclude_keyword { flex-shrink:0; width:150px; }
.product_etc_section .section_table tbody tr td .telecom_wrap { display:flex; width:100%; font-size:0; }
.product_etc_section .section_table tbody tr td .telecom_wrap .telecom { flex-shrink:0; width:70px; margin-right:5px; font-size:13px; }
.product_etc_section .section_table tbody tr td .telecom_wrap .phoneNumber { font-size:13px; }
.product_etc_section .section_table tbody tr td .bank_select { width:70px; margin-right:5px; }
.product_etc_section .section_table tbody tr td .account_number { width:calc(100% - 75px)}
.product_etc_section .section_table tbody tr td .memo_note { width:100%; height:80px; line-height:1.5; margin:5px 0; padding:5px; font-size:13px; overflow:auto; resize:vertical; }


/* 상품정보입력 타지역 */
.product_other_area_section { }
.product_other_area_section .inner_tit { margin-top:30px; }
.product_other_area_section .section_table tbody tr td .memo_note { width:100%; height:80px; line-height:1.5; margin:5px 0; padding:5px; font-size:13px; overflow:auto; resize:vertical; }

.product_other_area_section .section_table tbody tr td .add_service label { margin-left:5px; font-size:13px; }
.product_other_area_section .section_table tbody tr td .add_service label:first-of-type { margin-left:0; }
.product_other_area_section .section_table tbody tr td .add_service input[type="checkbox"][disabled] { opacity:0.5; }
.product_other_area_section .section_table tbody tr td .add_service input[type="checkbox"][disabled][checked] { opacity:1; filter: invert(100%) brightness(3); }

.product_other_area_section .control_area { display:flex; align-items:center; justify-content:space-between; margin-bottom:5px; padding:5px; border:1px solid #d9dadc; background:#f7f7f7; }
.product_other_area_section .control_area .btn_area { margin:0; }
.product_other_area_section .control_area .btn_area .btn {
	display:inline-block; width:auto; height:26px; line-height:26px; margin-left:5px; padding:0 15px; border:1px solid #ccc; border-radius:2px; background:radial-gradient(at left top,#ffffff 50%,#ededed 100%);
	vertical-align:middle; font-size:12px; font-weight:500; color:#444; letter-spacing:-0.05em; cursor:pointer;
}
.product_other_area_section .control_area .filebox { display:inline-flex; vertical-align:middle; }
.product_other_area_section .control_area .filebox .upload_name { width:150px; padding-left:4px; background:#eaeaea; font-size:12px; }
.product_other_area_section .control_area .filebox .upload_hidden { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0; }
.product_other_area_section .control_area .excel_copy_btn { margin-left:10px; }
.product_other_area_section .control_area .total_num { display:flex; align-items:center; line-height:1; margin-right:5px; }
.product_other_area_section .control_area .total_num span { margin:0 4px; font-size:1.2em; font-weight:bold; color:#1c63d7; }
.product_other_area_section .list_wrap { max-height:721px; border-bottom:1px solid #d9dadc; overflow:auto; }
.product_other_area_section .section_table_list { }
.product_other_area_section .section_table_list thead {}
.product_other_area_section .section_table_list thead tr { height:40px; }
.product_other_area_section .section_table_list thead tr th { padding:0 5px; }
.product_other_area_section .section_table_list thead tr th .row_add { 
	display:inline-flex; flex:1; align-items:center; justify-content:center; height:28px; border:1px solid #ddd; border-radius:2px; vertical-align:middle; background:radial-gradient(at left top,#ffffff 50%,#ededed 100%);
	font-size:11px; font-weight:500; color:#3a61c8; letter-spacing:-0.05em; z-index:10;
}
.product_other_area_section .section_table_list tbody {}
.product_other_area_section .section_table_list tbody tr { height:40px; }
.product_other_area_section .section_table_list tbody tr th {}
.product_other_area_section .section_table_list tbody tr td {}
.product_other_area_section .section_table_list tbody tr td .row_del {
	display:inline-flex; flex:1; align-items:center; justify-content:center; height:28px; border:1px solid #ddd; border-radius:2px; vertical-align:middle; background:radial-gradient(at left top,#ffffff 50%,#ededed 100%);
	font-size:11px; font-weight:500; color:#d45555; letter-spacing:-0.05em;
}
.product_other_area_section .section_table_list tbody tr:last-of-type td { border-bottom:0; }

.excel_paste_table { width:100%; border-collapse:collapse; }
.excel_paste_table tbody { }
.excel_paste_table tbody tr { }
.excel_paste_table tbody tr td { }
.excel_paste_table .line_tit { text-align:center; }
.excel_paste_table .line_tit tr { height:30px; }
.excel_paste_table .line_tit tr td { width:auto; border:1px solid #d9dadc; background:#777; font-size:11px; font-weight:bold; color:#fff; }
.excel_paste_table .paste_list {}
.excel_paste_table .paste_list tr {}
.excel_paste_table .paste_list tr td {}
.excel_paste_table .paste_list tr td textarea { width:100%; height:300px; margin-top:5px; padding:10px; border:1px solid #d9dadc; resize:vertical; }
.excel_paste_btnArea { margin-top:10px; }
.excel_paste_btnArea .btn { width:80px; height:30px; line-height:30px; border:1px solid #ccc; font-size:12px; font-weight:500; color:#444; }

.excel_check_table { width:100%; border-collapse:collapse; }
.excel_check_table tbody { }
.excel_check_table tbody tr { }
.excel_check_table tbody tr td { }
.excel_check_table .line_tit { text-align:center; }
.excel_check_table .line_tit tr { height:30px; }
.excel_check_table .line_tit tr td { width:auto; border:1px solid #d9dadc; background:#777; font-size:11px; font-weight:bold; color:#fff; }
.excel_check_table .line_list {}
.excel_check_table .line_list tr {}
.excel_check_table .line_list tr td {}
.excel_check_table .line_list tr td textarea { width:100%; height:570px; margin-top:5px; padding:10px; border:1px solid #d9dadc; resize:vertical; }
.excel_check_btnArea { margin-top:10px; }
.excel_check_btnArea .btn { width:80px; height:30px; line-height:30px; border:1px solid #ccc; font-size:12px; font-weight:500; color:#444; }
.excel_check_btnArea .btn2 { width:120px; height:30px; line-height:30px; border:0; font-size:12px; font-weight:500; color:#fff; background:radial-gradient(at left top,#777 30%,#555 100%); }


/* 상품정보 수정&저장 버튼*/
.product_modify_btn { margin-right:5px; }
.product_save_btn {}

.blog_lump_modify_btn { margin-right:5px; }


/* 상품정보 상태 노출 스위치 버튼 */
.info_view_btn { display:none; width:100%; margin-bottom:30px; font-size:0; }
.info_view_btn .switch { display:inline-flex; align-items:center; justify-content:center; width:80px; height:80px; margin:0 0 5px 5px; position:relative; }
.info_view_btn .switch:first-of-type { margin-left:0; }
.info_view_btn .switch input { opacity: 0; width: 0; height: 0; }
.info_view_btn .switch .toggle_btn { 
	display:inline-flex; flex-flow:column wrap; align-items:center; justify-content:center; border:1px solid #eee; border-radius:5px; background:#fff; color:#999; font-size:13px; font-weight:500;
	letter-spacing:-0.05em; word-break:keep-all; opacity:0.7; cursor:pointer; position:absolute; top:0; left:0; right:0; bottom:0; transition:all 0.1s ease-out;
}
.info_view_btn .switch .toggle_btn .txt { margin-top:2px; font-weight:600; }
.info_view_btn .switch input:checked + .toggle_btn { background:#f7f7f7; border:1px solid #e5e5e5; color:#4654ad; box-shadow:inset 0 0 4px rgba(120,120,120,0.2); opacity:1; }



/* 광고 상태 (공통) */
.product_state_wrap { display:block; }
.state_section { max-height:211px; overflow-y:auto; }
.state_section .section_table_list { width:100%; }
.state_section .section_table_list thead {}
.state_section .section_table_list thead tr {}
.state_section .section_table_list thead tr th { }
.state_section .section_table_list tbody {}
.state_section .section_table_list tbody tr {}
.state_section .section_table_list tbody tr td { font-weight:300; }


/* 광고상태 플레이스 */
.state_section_place { margin-bottom:50px; }

/* 광고상태 지도순위 */
.state_section_map_rank { margin-bottom:50px; }

/* 광고상태 블로그 */
.state_section_blog { max-height:436px; margin-bottom:20px; overflow:auto; }
.state_section_blog .section_table_list th { padding:0 5px; }
.state_section_blog .txt_box { background:#fff; font-size:12px; text-align:center; letter-spacing:-0.05em; transition:all 0s linear; cursor:pointer; }
.state_section_blog .blog_state { }

.state_section_blog .expand:focus { min-width:fit-content; border:2px solid #4654ad; transform:translate(-50%, -50%) scale(1); position:absolute; z-index:10; cursor:text; }
.state_section_blog .check_tr .expand:focus { min-width:fit-content; border:2px solid #444; transform:translate(-50%, -50%) scale(1); z-index:10; cursor:text; text-align:left; }

.state_section_blog .blog_url_btn { background:#fff; border:none; color:#15a358; }
.state_section_blog .check_tr .blog_url_btn { display:none; }
.state_section_blog .url_input { display:none; max-width:350px; text-align:left; }
.state_section_blog .check_tr .url_input { display:block; }

.state_section_blog .blog_script_btn { background:#fff; border:none; color:#1c7b90; }
.state_section_blog .check_tr .blog_script_btn { display:none; }
.state_section_blog .blog_script { display:none; }
.state_section_blog .check_tr .blog_script { display:block; resize:none; overflow:hidden; }
.state_section_blog .check_tr .blog_script:focus { width:220px; height:150px; border:2px solid #444; transform:translate(-50%, -50%) scale(1);position:absolute; z-index:10; cursor:text; text-align:left; overflow-y:scroll; }

.state_section_blog .blog_img_btn { background:#fff; border:none; color:#4572aa; }
.blog_img_list tbody tr td .file_box { display:flex; flex-flow:row wrap; width:100%; }
.blog_img_list tbody tr td .file_box .upload_name { flex:1; width:calc(100% - 85px); background:#eee; cursor:auto; }
.blog_img_list tbody tr td .file_box .upload_btn { 
	display:inline-flex; align-items:center; justify-content:center; width:80px; line-height:1; margin-left:5px; border:1px solid #ddd; border-radius:2px; vertical-align:middle; background:radial-gradient(at left top,#ffffff 50%,#ededed 100%);
	font-size:11px; font-weight:500; color:#555; letter-spacing:-0.05em; cursor:pointer;
}
.blog_img_list tbody tr td .file_box .upload_hidden { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0; }

.blog_img_list tbody tr td .file_btn_wrap { display:flex; flex-flow:row wrap; align-items:center; justify-content:center; width:100%; }
.blog_img_list tbody tr td .file_btn_wrap .file_btn {
	display:inline-flex; align-items:center; justify-content:center; flex:1 1 70px; height:28px; line-height:1; margin-left:5px; border:1px solid #ddd; border-radius:2px; vertical-align:middle; background:radial-gradient(at left top,#ffffff 50%,#ededed 100%);
	font-size:11px; font-weight:500; color:#555; letter-spacing:-0.05em; 
}
.blog_img_list tbody tr td .file_btn_wrap .file_btn:first-of-type { margin-left:0; }
.blog_img_list tbody tr td .file_btn_wrap .file_view { color:#aaa; }
.blog_img_list tbody tr td .file_btn_wrap .file_down { color:#000; }
.blog_img_list tbody tr td .file_btn_wrap .file_del { color:#d45555; }

.blog_post_section .blog_post_info_table {}
.blog_post_section .blog_post_info_table .as_reason { display:none;}
.blog_post_section .blog_post_info_table .blog_script { width:100%; height:100px; line-height:1.5; margin:5px 0; padding:5px; font-size:13px; overflow:auto; resize:vertical; }
.blog_post_section .blog_post_info_table .file_add_btn {
	display:inline-flex; align-items:center; justify-content:center; width:80%; padding:4px 6px; background:radial-gradient(at left top,#777 50%,#555 100%); font-size:11px; color:#fff;
	border-radius:2px; position:relative; cursor:pointer; z-index:10;
}
.blog_post_section .blog_post_info_table .modify_view { display:none; }
.blog_post_section .as_wrap { display:flex; width:65%; }
.blog_post_section .as_wrap .tit_text {
	display:inline-flex; align-items:center; justify-content:center; min-width:70px; height:28px; margin-right:2px; padding:0 5px;
	border:0; border-radius:2px; background:radial-gradient(at left top,#777 30%,#555 100%); color:#fff; font-weight:300; cursor:pointer;
}
.blog_post_section .as_wrap .input_wrap { display:none; }
.blog_post_section .as_wrap .input_wrap.active { display:flex; flex:1; }
.blog_post_section .as_wrap .input_wrap .as_btn { display:flex; align-items:center; justify-content:center; width:60px; margin-left:2px; border:1px solid #bebebe; color:#000; }

.blog_post_section .as_history { width:65%; max-height:151px; margin-top:10px; background:#f7f7f7; overflow-y:auto; }
.blog_post_section .as_history .section_table_list {}
.blog_post_section .as_history .section_table_list tr { height:30px; }

/* 광고상태 타지역 */
.state_section_other_area { max-height:441px; margin-bottom:20px; border-bottom:1px solid #d9dadc; overflow:auto; }
.state_section_other_area .section_table_list th { padding:0 5px; }
.state_section_other_area .txt_box { background:#fff; font-size:12px; text-align:center; letter-spacing:-0.05em; transition:all 0s linear; cursor:pointer; }

.approval_table { margin-bottom:20px; }
.approval_table thead tr th { background:radial-gradient(at left top,#777 30%,#555 100%); color:#fff; }
.approval_table tbody tr { cursor:auto; }
.approval_table tbody tr td { padding:0; position:relative; }
.approval_table tbody tr td:after {
	content:'\e93f'; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; font-family:'xeicon'; font-size:14px; color:#fff; background:radial-gradient(at left top,#777 30%,#555 100%);
	border-radius:50%; position:absolute; right:0; top:50%; transform:translate(50%, -50%);
}
.approval_table tbody tr td:nth-of-type(n+4):after { display:none; }
.approval_table tbody tr td .approval_btn {
	display:inline-flex; justify-content:center; width:70px; height:35px; align-items:center; border:2px solid #ddd; border-radius:4px; vertical-align:middle; background:radial-gradient(at left top,#ffffff 50%,#ededed 100%);
	font-size:16px; font-weight:700; color:#555; letter-spacing:-0.05em; cursor:pointer;
}
.approval_table tbody tr td .approval_wrap { display:flex; flex-flow:column; align-items:center; width:100%; height:100%; font-size:14px; }
.approval_table tbody tr td .approval_wrap .approval_state { display:flex; flex-flow:column; align-items:center; justify-content:center; width:100%; height:100px; }
.approval_table tbody tr td .approval_wrap .approval_state .state {
	display:flex; align-items:center; justify-content:center; width:55px; height:55px; border:3px solid #2974e7; border-radius:50%; font-size:20px; font-weight:800;
	color:#2974e7; transform:rotate(-15deg);
}
.approval_table tbody tr td .approval_wrap .approval_state .defer { color:#838383; border-color:#838383; }
.approval_table tbody tr td .approval_wrap .approval_state .cancel { color:#e34f4f; border-color:#e34f4f; }
.approval_table tbody tr td .approval_wrap .approval_state .day { margin-top:5px; font-size:12px; font-weight:300; color:#777; }
.approval_table tbody tr td .approval_wrap .approval_name { 
	display:flex; flex-flow:row; align-items:center; justify-content:center; width:100%; height:40px; border-top:1px solid #ddd; color:#555;
}
.approval_table tbody tr td .approval_wrap .approval_name .name {}
.approval_table tbody tr td .approval_wrap .approval_name .approval_edit_btn {
	display:inline-flex; justify-content:center; align-items:center; margin-left:4px; padding:3px 5px; border:1px solid #ddd; border-radius:2px; background:#fff;
	font-size:10px; font-weight:300; color:#555; cursor:pointer;
}
.approval_table tbody tr td .approval_wrap .approval_name .approval_del_btn {
	display:inline-flex; justify-content:center; align-items:center; margin-left:4px; padding:3px 5px; border:1px solid #e72929; border-radius:2px;
	background:radial-gradient(at left top,#e72929 50%,#c70f0f 100%); font-size:10px; font-weight:300; color:#fff; cursor:pointer;
}

.approval_table_list .line_excel { display:block; color:#00aa45; }

.state_approval_table {}
.state_approval_table label { margin-right:5px; }
.state_approval_table .approval_memo { width:100%; line-height:1.5; margin:5px 0; padding:5px; font-size:13px; overflow:auto; resize:vertical; }

.all_line_wrap { max-height:737px; overflow:auto; }
.all_line_wrap .section_table_list {}
.all_line_wrap .section_table_list thead {}
.all_line_wrap .section_table_list thead tr {}
.all_line_wrap .section_table_list thead tr th {}
.all_line_wrap .section_table_list thead tr th .all_check { position:relative; z-index:10; }

.write_type_form_wrap {}
.write_type_form_wrap .write_type_change_table { width:100%; }
.write_type_form_wrap .write_type_change_table tbody tr { }
.write_type_form_wrap .write_type_change_table tbody tr th { }
.write_type_form_wrap .write_type_change_table tbody tr td { }
.write_type_form_wrap .write_type_change_table tbody tr td .request_select_wrap {}
.write_type_form_wrap .write_type_change_table tbody tr td .request_select_wrap label { margin-right:10px; }
.write_type_form_wrap .write_type_change_table tbody tr td .request_select_wrap label .complex_check { margin-left:4px; color:#666; }
.write_type_form_wrap .write_type_change_table tbody tr td .request_select_wrap label .complex_check:before { content:'('; }
.write_type_form_wrap .write_type_change_table tbody tr td .request_select_wrap label .complex_check:after { content:')'; }
.write_type_form_wrap .write_type_change_table tbody tr td .request_select_wrap label .complex_check label { margin-right:2px; }
.write_type_form_wrap .write_type_change_table tbody tr td .request_select_wrap label .complex_check label input[type="checkbox"] { width:12px; height:12px; }
.write_type_form_wrap .write_type_change_table tbody tr td .request_select_wrap label .pause_check { margin-left:4px; color:#666; }
.write_type_form_wrap .write_type_change_table tbody tr td .request_select_wrap label .pause_check:before { content:'('; }
.write_type_form_wrap .write_type_change_table tbody tr td .request_select_wrap label .pause_check:after { content:')'; }
.write_type_form_wrap .write_type_change_table tbody tr td .request_select_wrap label .pause_check label { margin-right:2px; }
.write_type_form_wrap .write_type_change_table tbody tr td .request_select_wrap label .pause_check label input[type="checkbox"] { width:12px; height:12px; }
.write_type_form_wrap .write_type_change_table tbody tr td .file_box { display:flex; flex-flow:row wrap; width:100%; }
.write_type_form_wrap .write_type_change_table tbody tr td .file_box .change_excel_upload_btn { 
	display:inline-flex; align-items:center; justify-content:center; width:80px; line-height:1; margin-right:5px; border:1px solid #ccc; border-radius:2px; vertical-align:middle; background:radial-gradient(at left top,#ffffff 50%,#ededed 100%);
	font-size:12px; font-weight:500; color:#444; letter-spacing:-0.05em; cursor:pointer;
}
.write_type_form_wrap .write_type_change_table tbody tr td .file_box .upload_name { width:350px; background:#eee; cursor:auto; }
.write_type_form_wrap .write_type_change_table tbody tr td .file_box .upload_hidden { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0; }

.change_line_list { max-height:386px; overflow-y:auto; }
.change_line_list .section_table_list { table-layout:fixed; }
.change_line_list .section_table_list .square_btn { margin-left:6px; }
.change_line_list .section_table_list .biz_name_btn { display:none; }
.change_line_list .section_table_list .biz_type_btn { display:none; }
.change_line_list .section_table_list .address_btn { display:none; }
.change_line_list .section_table_list .pause_day_btn { display:none; }
.change_line_list .section_table_list .active { display:inline-flex; }
.change_line_list .section_table_list tbody tr td .txt_box { font-size:12px; letter-spacing:-0.05em; }
.change_line_list .section_table_list tbody tr td .biz_type_btn { width:28px; height:28px; margin-left:2px; }
.change_line_list .section_table_list tbody tr td .pause_txt { margin-right:5px; }
.change_line_list .section_table_list tbody tr td .pause_txt2 { display:none; }

/*region_select*/
.region_table_wrap { display:flex; flex-flow:column; width:100%; max-height:818px; margin-bottom:30px; font-size:14px; position:relative; overflow-y:auto; }
.region_table_wrap .search_filter { border:1px solid #d9dadc; border-bottom:0; background:#e7e7e7; position:sticky; top:0; }
.region_table_wrap .search_filter .info_text { display:inline-flex; align-items:center; color:#555; }
.region_table_wrap .search_filter .info_text span { margin:0 2px; font-size:22px; font-weight:800; color:#f12121; }

.region_table_wrap .section_table_list thead tr {}
.region_table_wrap .section_table_list thead tr th { line-height:1; top:41px; }
.region_table_wrap .section_table_list thead tr.select_tr {}
.region_table_wrap .section_table_list thead tr.select_tr th { top:76px; }
.region_table_wrap .section_table_list .region_select_box { height:40px; padding:5px; position:relative; z-index:10; }
.region_table_wrap .section_table_list .region_select_box .multiselect-dropdown { display:inline-flex; align-items:center; height:100%; padding:3px; font-size:13px; text-align:left; }
.region_table_wrap .section_table_list .region_select_box .multiselect-dropdown span.optext { display:inline-flex; align-items:center; height:100%; background:#ebebeb; }
.region_table_wrap .section_table_list .region_select_box .multiselect-dropdown .multiselect-dropdown-list-wrapper {}
.region_table_wrap .section_table_list .region_select_box .multiselect-dropdown .multiselect-dropdown-list-wrapper .multiselect-dropdown-search { height:28px; }

.region_apply .section_table { table-layout:inherit; width:100%; }
.region_apply .section_table tbody tr th { min-width:100px; }
.region_apply .section_table tbody tr td { min-width:0; }
.region_apply .section_table tbody tr td.tit { width:100px; min-width:100px; line-height:1; padding-left:10px; background:#f9f9f9; font-size:12px; font-weight:300; }
.region_apply .section_table tbody tr td .industry_search { display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; margin-left:6px; border:1px solid #ccc; border-radius:4px; background:radial-gradient(at left top,#ffffff 50%,#ededed 100%); }
.region_apply .section_table .industry_wrap .txt_box { flex-grow:1; }
.region_apply .section_table .industry_wrap .industry_name { border:1px solid #d6dae1; }
.region_apply .section_table .industry_wrap .industry_code { flex-basis:150px; margin-left:4px; border:1px solid #d6dae1; }

/* 업종검색 */
.industry_search_wrap { max-height:211px; overflow-y:auto; }

/* 동작업리스트*/
.region_setting_wrap {}
.region_setting_wrap .region_setting_list {}
.region_setting_wrap .region_setting_list tbody {}
.region_setting_wrap .region_setting_list tbody tr {}
.region_setting_wrap .region_setting_list tbody tr td {}
.region_setting_wrap .region_setting_list tbody tr td .btn { background:none; border:0; }
.region_setting_wrap .region_setting_list tbody tr td .excel_down { }
.region_setting_wrap .region_setting_list tbody tr td .delete { color:#d45555; }

/* 동작업리스트 팝업 (타지역 회선관리) */
.region_setting_popup { max-height:386px; overflow-y:auto; }





/* 광고비 내역 */
/*.cost_state_wrap { display:none; }*/
.state_section_cost { margin-bottom:50px; }
.state_section_cost .section_table_list {}
.state_section_cost .section_table_list tbody tr.non_exposure {}
.state_section_cost .section_table_list tbody tr.non_exposure td i { margin-left:5px; color:#b2b5b7;  }


/* 개통&업무요청 */
.opend_task_wrap { display:flex; justify-content:space-between; margin-bottom:50px; }

/* 개통상태 */
.opend_wrap { width:240px; margin-right:20px; }
.opend_wrap .opend_selet { width:100px; height:24px; line-height:24px; }
.opend_wrap .state_section_opend { max-height:301px; }
.opend_wrap .state_section_opend .section_table_list { }

/* 고객관리이력 */
.counsel_wrap { width:100%; margin-bottom:50px; }
.counsel_wrap .counsel_list { height:141px; max-height:281px; margin-top:10px; background:#f7f7f7; }

.counsel_wrap .counsel_form { }
.counsel_wrap .counsel_form .section_table_form { width:100%; border-collapse:collapse; color:#000; font-size:13px; letter-spacing:-0.05em; }
.counsel_wrap .counsel_form .section_table_form tbody {}
.counsel_wrap .counsel_form .section_table_form tbody tr { }
.counsel_wrap .counsel_form .section_table_form tbody tr td { }
.counsel_wrap .counsel_form .section_table_form tbody tr td .tit_text { 
	display:inline-flex; align-items:center; justify-content:center; min-width:100px; height:28px; line-height:28px; margin-left:5px; margin-right:2px; padding:0 5px; border:1px solid #d9dadc; border-radius:3px; background:#f7f7f7; font-weight:300;
}
.counsel_wrap .counsel_form .section_table_form tbody tr td .tit_text:first-of-type { margin-left:0; }
.counsel_wrap .counsel_form .section_table_form tbody tr td .tit_box { width:350px; }
.counsel_wrap .counsel_form .section_table_form tbody tr td .left_wrap { display:inline-flex; align-items:center; }
.counsel_wrap .counsel_form .section_table_form tbody tr td .right_wrap { display:inline-flex; align-items:center; float:right; }
.counsel_wrap .counsel_form .section_table_form tbody tr td .add_btn { 
	height:26px; margin-left:5px; padding:0 15px; border:0; border-radius:2px; background:radial-gradient(at left top,#777 30%,#555 100%); color:#fff; font-size:12px; text-align:center; letter-spacing:-0.05em;
}
.counsel_wrap .counsel_form .section_table_form tbody tr td .task_text { width:100%; height:80px; line-height:1.5; margin:5px 0; padding:5px; font-size:12px; overflow:auto; resize:vertical; }


/* 업무요청 */
/*.task_state_wrap { display:none; }*/
.task_wrap { width:100%; margin-bottom:50px; }
.task_wrap .state_section_taskForm { }
.task_wrap .state_section_taskForm .section_table_form { width:100%; border-collapse:collapse; color:#000; font-size:13px; letter-spacing:-0.05em; }
.task_wrap .state_section_taskForm .section_table_form tbody {}
.task_wrap .state_section_taskForm .section_table_form tbody tr { }
.task_wrap .state_section_taskForm .section_table_form tbody tr td { }
.task_wrap .state_section_taskForm .section_table_form tbody tr td .tit_text { 
	display:inline-flex; align-items:center; justify-content:center; min-width:100px; height:28px; line-height:28px; margin-left:5px; margin-right:2px; padding:0 5px; border:1px solid #d9dadc; border-radius:3px; background:#f7f7f7; font-weight:300;
}
.task_wrap .state_section_taskForm .section_table_form tbody tr td .tit_text:first-of-type { margin-left:0; }
.task_wrap .state_section_taskForm .section_table_form tbody tr td .tit_box { width:350px; }
.task_wrap .state_section_taskForm .section_table_form tbody tr td .left_wrap { display:inline-flex; align-items:center; }
.task_wrap .state_section_taskForm .section_table_form tbody tr td .right_wrap { display:inline-flex; align-items:center; float:right; }
.task_wrap .state_section_taskForm .section_table_form tbody tr td .add_btn { 
	height:26px; margin-left:5px; padding:0 15px; border:0; border-radius:2px; background:radial-gradient(at left top,#777 30%,#555 100%); color:#fff; font-size:12px; text-align:center; letter-spacing:-0.05em;
}
.task_wrap .state_section_taskForm .section_table_form tbody tr td .task_text { width:100%; height:80px; line-height:1.5; margin:5px 0; padding:5px; font-size:12px; overflow:auto; resize:vertical; }

.task_wrap .state_section_taskForm .section_table_form tbody tr td .file_wrap { display:flex; width:100%; margin-left:5px; align-items:center; }
.task_wrap .state_section_taskForm .section_table_form tbody tr td .file_wrap .file_box { display:flex; height:28px; }
.task_wrap .state_section_taskForm .section_table_form tbody tr td .file_wrap .file_box .upload_name { width:170px; margin:0; background:#eee; cursor:auto; }
.task_wrap .state_section_taskForm .section_table_form tbody tr td .file_wrap .file_box .upload_btn { 
	display:inline-flex; align-items:center; justify-content:center; width:80px; margin-left:5px; line-height:1; border:1px solid #ddd; border-radius:2px; vertical-align:middle; background:radial-gradient(at left top,#ffffff 50%,#ededed 100%);
	font-size:11px; font-weight:500; color:#555; letter-spacing:-0.05em; cursor:pointer;
}
.task_wrap .state_section_taskForm .section_table_form tbody tr td .file_box .upload_hidden { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0; }
.task_wrap .state_section_taskForm .section_table_form tbody tr td .file_btn_wrap { display:flex; align-items:center; width:170px; }
.task_wrap .state_section_taskForm .section_table_form tbody tr td .file_btn_wrap .file_btn {
	display:inline-flex; align-items:center; justify-content:center; flex:1 1 50px; height:28px; line-height:1; margin-left:5px; border:1px solid #ddd; border-radius:2px; vertical-align:middle; background:radial-gradient(at left top,#ffffff 50%,#ededed 100%);
	font-size:11px; font-weight:500; color:#555; letter-spacing:-0.05em; 
}
.task_wrap .state_section_taskForm .section_table_form tbody tr td .file_btn_wrap .task_file_view { color:#aaa; }
.task_wrap .state_section_taskForm .section_table_form tbody tr td .file_btn_wrap .task_file_down { color:#000; }
.task_wrap .state_section_taskForm .section_table_form tbody tr td .file_btn_wrap .task_file_add_btn { color:#3a61c8; }
.task_wrap .state_section_taskForm .section_table_form tbody tr td .file_btn_wrap .task_file_del { color:#d45555; }

.task_wrap .state_section_taskForm .section_table_form #task_file_list_wrap {}
.task_wrap .state_section_taskForm .section_table_form #task_file_list_wrap tr { display:none; height:33px; }
.task_wrap .state_section_taskForm .section_table_form #task_file_list_wrap tr.view { display:table-row; }
.task_wrap .state_section_taskForm .section_table_form #task_file_list_wrap tr td .file_wrap { display:flex; width:100%; align-items:center; }
.task_wrap .state_section_taskForm .section_table_form #task_file_list_wrap tr td .file_wrap .file_name { width:200px; }
.task_wrap .state_section_taskForm .section_table_form #task_file_list_wrap tr td .file_wrap .file_box { display:flex; width:calc(100% - 500px); height:28px; }
.task_wrap .state_section_taskForm .section_table_form #task_file_list_wrap tr td .file_wrap .file_box .upload_name { width:calc(100% - 85px); margin-right:5px; background:#eee; cursor:auto; }
.task_wrap .state_section_taskForm .section_table_form #task_file_list_wrap tr td .file_wrap .file_box .upload_btn { 
	display:inline-flex; align-items:center; justify-content:center; width:80px; line-height:1; border:1px solid #ddd; border-radius:2px; vertical-align:middle; background:radial-gradient(at left top,#ffffff 50%,#ededed 100%);
	font-size:11px; font-weight:500; color:#555; letter-spacing:-0.05em; cursor:pointer;
}
.task_wrap .state_section_taskForm .section_table_form #task_file_list_wrap tr td .file_box .upload_hidden { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0; }
.task_wrap .state_section_taskForm .section_table_form #task_file_list_wrap tr td .file_btn_wrap { display:flex; align-items:center; width:195px; margin-left:5px; }
.task_wrap .state_section_taskForm .section_table_form #task_file_list_wrap tr td .file_btn_wrap .file_btn {
	display:inline-flex; align-items:center; justify-content:center; flex:1 1 50px; height:28px; line-height:1; margin-right:5px; border:1px solid #ddd; border-radius:2px; vertical-align:middle; background:radial-gradient(at left top,#ffffff 50%,#ededed 100%);
	font-size:11px; font-weight:500; color:#555; letter-spacing:-0.05em; 
}
.task_wrap .state_section_taskForm .section_table_form #task_file_list_wrap tr td .file_btn_wrap .file_btn:last-of-type { margin-right:0; }
.task_wrap .state_section_taskForm .section_table_form #task_file_list_wrap tr td .file_btn_wrap .task_file_view { color:#ccc; }
.task_wrap .state_section_taskForm .section_table_form #task_file_list_wrap tr td .file_btn_wrap .task_file_down { color:#000; }
.task_wrap .state_section_taskForm .section_table_form #task_file_list_wrap tr td .file_btn_wrap .task_file_add_btn { color:#3a61c8; }
.task_wrap .state_section_taskForm .section_table_form #task_file_list_wrap tr td .file_btn_wrap .task_file_del { color:#d45555; }


.task_wrap .state_section_task { height:auto; max-height:211px; margin-top:10px; background:#f7f7f7; }
.task_wrap .state_section_task .section_table_list .reply i { margin-left:5px; color:#b2b5b7; }
.task_wrap .state_section_task .section_table_list tbody tr td .task_btn {
	display:inline-flex; align-items:center; justify-content:center; width:100%; height:24px; border:1px solid transparent; border-radius:2px; background:radial-gradient(at left top,#e75757 30%,#cd1f1f 100%); font-weight:300; color:#fff; letter-spacing:-0.05em;
}
.task_wrap .state_section_task .section_table_list tbody tr td .task_btn.complete_before { background:radial-gradient(at left top,#4b7fea 30%,#0f529a 100%); }
.task_wrap .state_section_task .section_table_list tbody tr td .task_btn.complete { border:1px solid #ddd; background:radial-gradient(at left top,#ffffff 50%,#ededed 100%); color:#000; }


/* 히스토리 */
/*.history_state_wrap { display:none; }*/
.history_wrap { width:100%; margin-bottom:50px; }
.history_wrap .state_section_history { display:none; height:316px; max-height:316px; background:#f7f7f7; }


/* 개통관리 */
	.operating_manage .content{position: relative;}
	.operating_manage .top_table_wrap{width: 100%;background: #fff;display: none;justify-content: left;align-items: baseline;gap: 1%;position: sticky;top: 178px;left: 0;z-index: 11;}
	.operating_manage .top_table_btn{display: inline-block;height: 26px;line-height: 24px;margin-left: 2px;padding: 0 15px;border: 1px solid #ccc;border-radius: 2px;vertical-align: middle;
		background:linear-gradient(to top, #686868 0%, #bbb5b5 100%); color: #fff;font-size: 12px;font-weight: 400;letter-spacing: -0.05em;cursor: pointer;transition: 0.5s;margin-left: 108px;}
	.operating_manage .top_table_btn:hover{background:linear-gradient(to top, #d3d3d3 0%, #f4f3f3 100%); color: #000;}
	.operating_manage .list_table0 { width: fit-content;border:1px solid #e5e5e5; border-collapse:collapse; font-size:12px; font-weight:300; color:#4d5156; letter-spacing:-0.02em; margin-bottom: 10px;}
	.operating_manage .list_table0 tr { height:36px; }
	.operating_manage .list_table0 th { text-align:center; background:linear-gradient(to top, #595959 0%, #555151 100%); color: #fff;font-weight:500; word-break:keep-all; position:sticky;top:0;  
	}
	.operating_manage .list_table0 th::before { content:''; display:inline-block; width:calc(100% + 1px);height:calc(100% + 1px); border-top:1px solid #635c5c; border-left:1px solid rgb(129, 129, 129); 
		position:absolute; top:-1px; left:-1px; }
	.operating_manage .list_table0 th::after { content:''; display:inline-block; width:calc(100% + 1px); height:calc(100% + 1px); border-bottom:1px solid #635c5c; border-right:1px solid #635c5c; 
		position:absolute; bottom:-1px; right:-1px; 
	}
	.operating_manage .list_table0 td { text-align:center; border:1px solid #e5e5e5; }
	.operating_manage .list_table0 td.c_gray{background:#f4f3f3;}
	.operating_manage .list_table0 td.bold:hover { color: #595959 !important;background: #e9e9e9!important;}
	.operating_manage .list_table0 thead tr { height:30px; }

	/* list_table */
	.operating_manage .list_table thead.open{position: sticky;left: 0;top: 435px !important;}
	.operating_manage .list_table thead tr {height: 38px;}


/* cms 정산서 */
	/* 서치필터*/
	.cms_calc2 input[type="radio"] {background-color: initial;cursor: default;appearance: auto;box-sizing: border-box;margin: 3px 3px 3px 5px;padding: initial;border: initial;}
	.cms_calc2 .select_wrap label { padding: 4px 10px 4px 0;margin-right: 5px;}
	.cms_calc2 .select_wrap label:not(:first-child) { border: 1px solid #e0e0e0;}
	.cms_calc2 .select_wrap label:nth-child(2) { background:#fff; }
	.cms_calc2 .select_wrap label:nth-child(3), .bg_yellow { background:#fbf49a; }
	.cms_calc2 .select_wrap label:nth-child(4), .bg_purple { background:#c3c9f9; }
	.cms_calc2 .select_wrap label:nth-child(5), .bg_red {background:#e9a2a0; }
	.cms_calc2 .select_wrap label:last-child, .bg_green { background: #cde39f; }

	/* list_table */
	.cms_calc2 .table_list_wrap{overflow: auto;height: calc(100vh - 229px);}
	.cms_calc2 .list_table_scroll{width: 3000px;}

    /* thead */
    .cms_calc2 .list_table thead tr:last-child th:nth-child(n+0):nth-child(-n+18){z-index: 2;}
    .cms_calc2 .list_table thead tr:last-child th:nth-child(n+19){z-index: 1;}

	/* tbody */
	.cms_calc2 .list_table tbody tr td:nth-child(n+0):nth-child(-n+18){position: sticky;z-index: 1;background: #fff;}
    .cms_calc2 .list_table tbody tr:hover td[class^="fix"]{ background:#e5ecf8 !important;}
    .cms_calc2 .list_table tbody tr.sumfix:hover td:nth-child(n+18){ background:#e5ecf8 !important;}
    .cms_calc2 .list_table tbody tr td:nth-child(n+19){z-index: 0;}
    
	/* 왼쪽 고정 */
    .cms_calc2 .fix0{left: 0;}
    .cms_calc2 .fix1{left: 2px;}/* no */
    .cms_calc2 .fix2{left: 43px;}/* 대리점 */
    .cms_calc2 .fix3{left: 91px;}/* 영업자 */
    .cms_calc2 .fix4{left: 149px;}/* 통신사 */
    .cms_calc2 .fix5{left:217px;}/* 업체명 */
    .cms_calc2 .fix6{left:467px;} /* 고객계정 */
    .cms_calc2 .fix7{left: 565px;} /* 개통일 */
    .cms_calc2 .fix8{left: 644px;}/* 과금일자 */
    .cms_calc2 .fix9{left: 728px;}/* 해지일 */
    .cms_calc2 .fix10{left: 808px;}/* 개통회선수 */
    .cms_calc2 .fix11{left: 887px;}/* 해지회선수 */
    .cms_calc2 .fix12{left: 965px;}/* 보유회선수 */
    .cms_calc2 .fix13{left: 1044px;}/* 사용일수 */
    .cms_calc2 .fix14{left: 1118px;}/* 사용여부 */
    .cms_calc2 .fix15{left: 1217px;}/* 사용요금 */
    .cms_calc2 .fix16{left: 1291px;} /* 유치수수료 */
    .cms_calc2 .fix17{left: 1370px;}/* 예상관리수수료 */

	.cms_calc2 .list_table_scroll >tbody tr td[class^="fix"]:before{content: '';display: block;background: #fff;height: calc(100% + 1px);border-right: 1px solid #e5e5e5;position: absolute;bottom: -1px; right: -1px !important;}
	
	/* 사용월, 정산월 */
	.cms_calc2 .table_list_wrap .sumfix {position: sticky;z-index: 10;background: #f1f3f5;border-bottom: 1px solid #e5e5e5;}
	.cms_calc2 .table_list_wrap .sumfix td {position: relative; border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5; }
	.cms_calc2 .table_list_wrap .sumfix td::after {content: "";display: block;position: absolute;bottom: -1px;left: 0;width: 100%;height: 1px;border-bottom: 2px solid #e5e5e5;z-index: 2;}

	.cms_calc2 .table_list_wrap .sumfix td:nth-child(-n+17){background: #f1f3f5 !important;}
	.cms_calc2 .table_list_wrap .sumfix:hover td:nth-child(-n+17){background: #f1f3f5 !important;}
	.cms_calc2 .table_list_wrap .sumfix td.fix17 {background: #f1f3f5 !important;}
	
	.cms_calc2 .table_list_wrap .sumfix1 {bottom: 36px;}
	.cms_calc2 .table_list_wrap .sumfix1 td {position: relative;z-index: 2;}
	.cms_calc2 .list_table_scroll >tbody tr.sumfix1 td:before{content: '';display: block;background: none;height: calc(100% + 1px);border-right: none;border-top: 3px solid #bdbdbd;
		position: absolute;bottom: 0px;border-right: 1px solid #e5e5e5;right: 0px !important;left: 1px;width: 100%;}

	.cms_calc2 .table_list_wrap .sumfix2 {bottom: 0px;}
	.cms_calc2 .table_list_wrap .sumfix td {position: relative; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }


/* 정산 Data pop */
	/* 파일업로드 */
	.data_pop .section_table{width: 100% !important;}
	.data_pop .file_wrap .file_box{width: 50%;}
	.data_pop .file_wrap .btn_area{width: 50%;margin: 0;display: flex;align-items: center;justify-content: space-between;}
	.data_pop .file_wrap .btn_area .btn_black{margin-left:10px;}

	/* 유효성검사 */
	.validation_txt_wrap{display: flex;flex-flow: row;align-items: center;justify-content: space-between;height: 30px;margin-top: 10px;margin-bottom: 10px;font-size: 14px;}
	.validation_txt_wrap .inner_tit .progress_tit{padding-left: 10px;color: #000;font-weight: 400;}
	.validation_txt_wrap .inner_tit .progress_tit span.progress{color: #49bf5b;}
	.validation_txt_wrap .tit{ color: #000;  font-weight: 400;}
	.validation_txt_wrap .tit span{font-weight: 600;color: #7e7e7e;}
	.validation_result_wrap{display: flex;align-items: center;gap: 26px;}
	
	/* 테이블 */
	.calc_data_pop {max-height:calc(100vh - 196px); margin-bottom:20px; border-bottom:1px solid #d9dadc; overflow:auto; }
	.calc_data_pop .section_table_list thead tr { height:40px; }
	.calc_data_pop .section_table_list thead tr th { padding:0 5px;text-align: center;background: #f7f7f7;border: 1px solid #d9dadc;color: #4d5156;font-weight: 500;word-break: keep-all;position: sticky;top: 0px;z-index: 11; }
	.data_pop .section_table_list th:before {content: '';display: inline-block;width: calc(100% + 1px);height: calc(100% + 1px);border-top: 2px solid #d9dadc;border-left: 1px solid #d9dadc;position: absolute;top: -2px;left: -1px;}
	.calc_data_pop .section_table_list tbody tr { height:40px; }
	
	
	.calc_data_pop .section_table_list th { padding:0 5px; }
	.calc_data_pop .section_table_list tbody tr:last-of-type td { border-bottom:0; }

	.calc_data_pop .section_table_list input {
		text-align: center;
	}

	/* 수정버튼*/
	.validation_sub_tit_area{margin-bottom: 15px;}
