@charset "euc-kr";

/* 공통 css */
html,body { font-family: 'SUIT', sans-serif; }
table { width: 100%; table-layout: fixed; border: 1px solid #ddd; }
table thead th { background-color: #e2e5ea; color: #111; border: 1px solid #c3cbcf; vertical-align: middle; text-align: center; height: 35px; font-size: 14px; font-weight: 600; line-height: 1.25em; }
table tbody th { background-color: #e2e5ea; vertical-align: middle; text-align: center; border: 1px solid #c3cbcf; font-size: 14px; font-weight: bold; color: #333; line-height: 18px; }
table tbody td { background-color: #fff; vertical-align: middle; height: 35px; padding: 5px 0; border: 1px solid #ddd; border-bottom: none; text-align: center; font-size: 12px; line-height: 1.4em; font-family: 'dotum',sans-serif; box-sizing: border-box; }
table tbody td a { display:inline-block; background-color: #f3f3f3; border: 1px solid #aaa; padding: 0 7px; height: 20px; line-height: 20px; box-sizing: border-box; margin: 0 2px; }
table.t_left tbody td { text-align: left; padding: 5px 10px; }
table.t_left.pd10 tbody td { text-align: left; padding: 5px 10px; }
table.t_right tbody td { text-align: right; padding: 5px 10px; }
table.t_right.pd10 tbody td { text-align: right; padding: 5px 10px; }
table tbody td.t_left { text-align: right; padding: 5px 10px; }
table tbody td.t_right { text-align: right; padding: 5px 10px; }
input { outline: none; }
textarea { border:none; resize: none; outline: none; font-family: "SUIT",sans-serif; box-sizing: border-box; }
input[type=radio] { margin: 0 5px; }
input[type=text] { padding: 0 5px; border: 1px solid #ddd; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; }
input[type=password] { border: 1px solid #ddd; box-sizing: border-box; }
input[type=button] { border: 1px solid #ddd; cursor: pointer; box-sizing: border-box; }
input[type=file] { line-height: 31px; }
input[type=date] { border: 1px solid #ddd; font-family: sans-serif; padding: 0 10px; box-sizing: border-box; }
input[type=month] { border: 1px solid #ddd; font-family: sans-serif; padding: 0 10px; box-sizing: border-box; }
select { -webkit-appearance: none; cursor: pointer; -moz-appearance: none; appearance: none; filter: alpha(opacity=0); }
select::-ms-expand { display:none; }
select { border: none; outline: none; background: url(../images/common/down_arrow.png) no-repeat 100% 50%; padding-right: 20px; }
a.bg_blue { color: #fff; }
a.bg_blue02 { color: #fff; }
a.bg_gray02 { color: #fff; }
a.bg_darkblue02 { color: #fff; border: 1px solid #3c414e; }
a.bg_orange { color: #fff; }
td.t_left { padding: 0 20px !important; }
td.t_left.pd10 { padding: 0 10px !important; }
td.t_left.pd5 { padding: 0 5px !important; }
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent !important; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(175, 175, 175, 0.75) !important; }

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.mr5 { margin-right: 5px; }
.t_gray { color: #777; }
.t_red { color: red; }
.t_red02 { color: #c52d00; }
.t_blue { color: #005aff; }
.t_blue02 { color: #0043bd; }
.t_orange { color: #ff7300; }
.t_green { color: #4CAF50; }
.t_white { color: #fff; }
.left { float: left; }
.right { float: right; }
.bg_white { background-color: #fff !important; }
.bg_gray { background-color: #f7f7f7 !important; }
.bg_gray02 { background-color: #777a85 !important; }
.bg_gray03 { background-color: #f3f3f3 !important; }
.bg_blue { background-color: #00b4cb !important; }
.bg_blue02 { background-color: #0095ff !important; }
.bg_skyblue { background-color: #f2f5f7 !important; }
.bg_skyblue02 { background-color: #f0f8ff !important; }
.bg_skyblue03 { background-color: #eaeff1 !important; }
.bg_skyblue04 { background-color: #f8f9fb !important; }
.bg_darkblue { background-color: #dbe0eb !important; }
.bg_darkblue02 { background-color: #3c414e !important; }
.bg_darkblue03 { background-color: #d5dae1 !important; }
.bg_green { background-color: #72b722 !important; }
.bg_red { background-color: #fff1f1 !important; }
.bg_yellow { background-color: #fffdf2; }
.bg_orange { background-color: #db4617; }
.center { text-align: center !important; }
.t_left { text-align: left !important; }
.t_right { text-align: right !important; }
.t_right .center { padding: 5px 0; }
.pt5 { padding-top: 5px; }
.pd0 { padding: 0px !important; }
.pd5 { padding: 5px !important; }
.pd20 { padding: 0 20px; }
.flex { display: flex; justify-content: space-between; gap: 20px; }
.flex02 { display: flex; justify-content: flex-start; }
.flex_center { display: flex; align-items: center; justify-content: center; }
.flex_end { display: flex; align-items: center; justify-content: flex-end; }
.flex_row { display: flex; flex-direction: column; align-items: flex-start !important; }
.flex_row02 { display: flex; flex-direction: column; align-items: center; gap: 5px; }
.border-top { border-top: 1px dotted #ccc; }
.border-top02 { border-top: 1px solid #aaa !important; }
.btn36 { height: 36px; line-height: 36px; padding: 0 15px; font-size: 14px; border-radius: 50px; color: #fff; border: 1px solid #ccc; }
.btn35 { display: inline-block; height: 35px; line-height: 35px; padding: 0 10px; font-size: 14px; border: 1px solid #ccc; }
.btn30 { display: inline-block; height: 30px; line-height: 30px; padding: 0 15px; font-size: 14px; border-radius: 50px; box-shadow : 0px 1px 6px rgb(0,0,0,0.15); }
.btn25 { display: inline-block; height: 25px; line-height: 25px; padding: 0 10px; font-size: 13px; border: 1px solid #ccc; }
.btn25.br5 { border-radius: 5px; border: none; }
.btn28 { display: inline-block; height: 28px; line-height: 28px; padding: 0 10px; font-size: 13px; border: 1px solid #3c414e; }
.blank { padding: 0 !important; height: 2px !important; background-color: #eee; }
.blank01 { padding: 0 !important; height: 1px !important; background-color: #eee; }
.blank10 { padding: 0 !important; height: 10px !important; background: none; }
.row_blank { padding: 0 !important; max-width: 2px; border:none !important; background: none; }
.row_blank4 { padding: 0 !important; max-width: 4px; border:none; background: none; }
.readonly { position: relative; background-color: #eee; color: #888; }
.mCSB_inside > .mCSB_container { margin :0 !important; }
.text_over { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.sel_27 { height: 27px; width: 160px; }
.dashed { border-top: 1px dashed #ccc; }
.b_table { border: none; }
.b_table td { border-bottom: 1px solid #ddd; }
.over_table { width: 100%; overflow-x: scroll; }
.gap10 { gap: 10px; }

/* 상단메뉴 */
.header { position: fixed; top: 0; left: 250px; width: calc(100% - 250px); min-width: 1030px; height: 55px; background-color: #fff; border-bottom: 1px solid #ddd; display: flex; align-items: center; justify-content: space-between; padding: 0 40px; z-index: 10001; }
.header.hide { width: calc(100% - 60px); left: 60px; }
.menu_top { display: flex; align-items: center; justify-content: space-between; position: fixed; top: 55px; left: 250px; width: calc(100% - 250px); min-width: 1620px; height: 51px; background-color: #f7f7f7; padding: 0 40px; box-shadow: inset 0px 1px 4px rgb(0,0,0,0.05); border-bottom: 1px solid #ddd; z-index: 10000; }
.menu_top.hide { width: calc(100% - 60px); left: 60px; }
.menu_top.none { display: none; }
.menu_top > ul { display: flex; gap: 20px; }
.menu_top > ul > li { display: inline-block; position: relative; }
.menu_top > ul > li > span { display: flex; align-items: center; font-size: 15px; letter-spacing: -0.04em; font-weight: 500; color: #333; cursor: pointer; }
.menu_top > ul > li > span img { margin-right: 5px; }
.menu_top > ul > li .menu_nav { position: absolute; top: 35px; width: 150px; background-color: #fff; border-radius: 5px; box-shadow: 0px 1px 6px rgba(0,0,0,0.3); overflow: hidden; display: none; }
.menu_top > ul > li .menu_nav li { line-height: 40px; padding: 0 10px; font-size: 14px; box-sizing: border-box; color: #333; }
.menu_top > ul > li .menu_nav li a { display: block; }
.menu_top > ul > li .menu_nav li:hover { background-color: #f0f6fb; }
.menu_top > ul > li .menu_nav.on { display: block; }
.header #admin { display: flex; align-items: center; }
.header #admin > ul { display: flex; align-items: center; }
.header #admin > ul li { display: inline-block; font-weight: 400; font-size: 13px; margin-left: 15px; }
.header #admin > ul li p { border-radius: 50px; padding: 5px 15px 5px 20px; color: #fff; position: relative; }
.header #admin > ul li p::after { content: ''; width: 4px; height: 4px; border-radius: 10px; background-color: #fff; position: absolute; left: 10px; top: 50%; transform: translate(0,-50%); }
.header #admin > ul li a { display: flex; align-items: center; height: 18px; }
.header #admin > ul li span { display: flex; align-items: center; height: 18px; font-size: 16px; }
.header #admin > ul li b { font-weight: 500; margin-right: 2px; }
.header #admin > ul li img { margin-right: 5px; }

/* 상단메뉴 선택 */
#menu_nav01-1 .menu_top li:nth-child(1) .menu_nav > li:nth-child(1) { color: #363e50; }
#menu_nav01-2 .menu_top li:nth-child(1) .menu_nav > li:nth-child(2) { color: #363e50; }
#menu_nav02-1 .menu_top li:nth-child(2) .menu_nav > li:nth-child(1) { color: #363e50; }
#menu_nav02-2 .menu_top li:nth-child(2) .menu_nav > li:nth-child(2) { color: #363e50; }
#menu_nav03-1 .menu_top li:nth-child(3) .menu_nav > li:nth-child(1) { color: #363e50; }
#menu_nav03-2 .menu_top li:nth-child(3) .menu_nav > li:nth-child(2) { color: #363e50; }
#menu_nav03-3 .menu_top li:nth-child(3) .menu_nav > li:nth-child(3) { color: #363e50; }
#menu_nav03-4 .menu_top li:nth-child(3) .menu_nav > li:nth-child(4) { color: #363e50; }
#menu_nav03-5 .menu_top li:nth-child(3) .menu_nav > li:nth-child(5) { color: #363e50; }

/* 사이드바 메뉴 */
.sidebar { position: fixed; top: 0px; left: 0px; width: 250px; height: 100%; padding-bottom: 100px; background-color: #22374e; z-index: 10000; overflow: hidden; }
.sidebar .sidebar_top { padding: 0 20px; height: 55px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #304f70; }
.sidebar .sidebar_top > h1 { font-size: 17px; color: #00b4cb; line-height: 0; }
.sidebar .sidebar_top a { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 5px; }
.sidebar .sidebar_top a:hover { background-color: #122436; }
.sidebar .sidebar_top #sidebar_show { display: none; }
.sidebar > ul > li { min-height: 50px; line-height: 50px; color:#fff; font-size: 15px; cursor: pointer; position: relative; }
.sidebar > ul > li > a { display: flex; width:100%; height: 50px; align-items: center; margin-left: 20px; }
.sidebar > ul > li > a img { margin-right: 10px; }
.sidebar > ul > li > a span { min-width: 175px; display: block; }
.sidebar > ul > li:hover { background-color: #122436; }
.sidebar > ul > li.this { background-color: #0095ff; font-weight: 500; }
.sidebar > ul > li.border { border-bottom: 1px solid #455464; }
.sidebar .sub_m { display: none; }
.sidebar .sub_m li { height: 45px; line-height: 45px; font-size: 14px; position: relative; }
.sidebar .sub_m li a { display: flex; align-items: center; gap: 10px; padding-left: 55px; font-weight: 300; }
.sidebar .sub_m li a::before { width: 4px; height: 4px; content: ''; border-radius: 100%; background-color: #fff; display: block; }
.sidebar .sub_m li a:hover { background-color: #314c6a; }

.sidebar.hide { width: 60px; }
.sidebar.hide .sidebar_top { padding:0; justify-content: center; }
.sidebar.hide .sidebar_top h1 { display: none; }
.sidebar.hide .sidebar_top #sidebar_hide { display: none; }
.sidebar.hide .sidebar_top #sidebar_show { display: flex; }
.sidebar.hide > ul > li > a { margin: 0; justify-content: center; }
.sidebar.hide > ul > li img { margin: 0; }
.sidebar.hide > ul > li span { opacity: 0; visibility: hidden; position: fixed; background-color: #222; font-size: 13.5px; font-weight: 300; min-width: auto; width: 0px; line-height: 28px; text-align: center; left: 70px; }
.sidebar.hide > ul > li:hover span { opacity: 1; visibility: visible; width: auto; padding: 0 10px; transition: 0.3s; }
.sidebar.hide .sub_m { position: fixed; background-color: #222; width: 180px; left: 70px; z-index: 999; }
.sidebar.hide .sub_m li a { padding-left: 20px; }
.sidebar.hide .sub_m li a:hover { color: #00b4cb !important; font-weight: 500; background: none !important; }
.sidebar.hide .sub_m li a:hover::before { background-color: #00b4cb !important; }

/* 사이드바 메뉴 선택*/
#nav01 .sidebar > ul > li:nth-child(1) { background-color: #00b4cb; font-weight: 500; }
#nav02 .sidebar > ul > li:nth-child(2) { background-color: #00b4cb; font-weight: 500; }
#nav02 .sidebar > ul > li:nth-child(2) .sub_m li a:hover { background-color: #1697a7; color: #fff; }
#nav02 .sidebar > ul > li:nth-child(2) .sub_m li a:hover::before { background-color: #fff; }
#nav02 .sidebar > ul > li:nth-child(2) .sub_m { display: block; }
#nav03 .sidebar > ul > li:nth-child(3) { background-color: #00b4cb; font-weight: 500; }
#nav03 .sidebar > ul > li:nth-child(3) .sub_m li a:hover { background-color: #1697a7; color: #fff; }
#nav03 .sidebar > ul > li:nth-child(3) .sub_m li a:hover::before { background-color: #fff; }
#nav03 .sidebar > ul > li:nth-child(3) .sub_m { display: block; }
#nav04 .sidebar > ul > li:nth-child(4) { background-color: #00b4cb; font-weight: 500; }
#nav04 .sidebar > ul > li:nth-child(4) .sub_m li a:hover { background-color: #1697a7; color: #fff; }
#nav04 .sidebar > ul > li:nth-child(4) .sub_m li a:hover::before { background-color: #fff; }
#nav04 .sidebar > ul > li:nth-child(4) .sub_m { display: block; }

#nav02 .sidebar.hide > ul > li:nth-child(2) .sub_m { display: none; }
#nav03 .sidebar.hide > ul > li:nth-child(3) .sub_m { display: none; }
#nav04 .sidebar.hide > ul > li:nth-child(4) .sub_m { display: none; }


/* 로그인 */
.login_wrap { background: url(../images/contents/login_bg.png) no-repeat 50% 50%; background-size: cover; }
.login_wrap #w_logo { position: absolute; left: 30px; top : 30px; }
.login_con { display: flex; align-items: center; justify-content: center; width: 390px; height: 100vh; margin: 0 auto; flex-direction: column; }
.login_con .login_top { display: inline-block; width: 100%; margin-bottom: 50px; }
.login_con .login_top h1 { font-size: 24px; color: #fff; margin-bottom: 10px; }
.login_con .login_top span { font-size: 13px; }
.login_con input { width: 100%; height: 50px; font-size: 15px; font-family: "SUIT",sans-serif; border: none; border-bottom: 2px solid #fff; background-color: transparent; color: #fff; box-sizing: border-box; margin-bottom: 5px; }
.login_con .chk_box { display: inline-block; width: 100%; text-align: left; margin-top: 20px; }
.login_con .chk_box label { font-size: 15px; color: #fff; background: url(../images/icons/check_icon.png) no-repeat left center; padding-left: 30px; }
.login_con .chk_box label.on { background: url(../images/icons/checked_icon.png) no-repeat left center; }
.login_con .chk_box input { display: none; }
.login_con #login_btn { border-radius: 5px; width: 100%; height: 50px; line-height: 50px; text-align: center; background-color: #fff; font-weight: bold; margin-top: 40px; }
.login_con .login_bottom { display: flex; justify-content: center; margin-top: 20px; }
.login_con .login_bottom a { font-size: 13px; color: #fff; display: block; margin-left: 10px; padding-left: 10px; border-left: 1px solid #fff; }
.login_con .login_bottom a:first-child { margin-left: 0; padding-left: 0; border-left: none; }
.login_con .copy { position: absolute; bottom: 80px; font-size: 13px; color: #fff; margin-top: 200px; }

/* 내용 공통 */
.container { display: inline-block; width: 100%; min-width: 1280px; min-height: 100vh; padding: 85px 40px 40px 290px; background-color: #f4f5f8; }
.container.hide { padding-left: 100px; }
.container.on { padding-top: 135px; }
.con_nav { border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 40px; display: flex; align-items: flex-end; justify-content: space-between; }
.con_nav ul { display: flex; align-items: center; }
.con_nav ul li { display: inline-block; margin-right: 10px; font-size: 20px; color: #3c414e; letter-spacing: -0.04em; }
.con_nav ul li > span { display: flex; align-items: center; font-weight: 600; height: 36px; }
.con_nav ul li > span > img { margin-right: 5px; }
.con_nav ul li > b { font-weight: 600; }
.con_nav ul li > p { width: 7px; height: 7px; border-top: 2px solid #333; border-right: 2px solid #333; transform: rotate(45deg); margin-left: -3px; }
.con_nav ul li:nth-child(3) { font-size: 17px; }
.con_nav ul li:nth-child(5) { font-size: 17px; }
.con_nav ul li:nth-child(7) { font-size: 17px; }
.con_nav ul li:nth-child(9) { font-size: 17px; }
.con_nav ul li:nth-child(11) { font-size: 17px; }
.search { display: flex; align-items: center; flex-wrap: wrap; }
.search .search-items { display: flex; align-items: center; }
.search .search-items .search_btn { width: 28px; height: 28px; border-radius: 50px; background: url(../images/common/search.png) no-repeat 50% 50%; background-color: #255381 !important; margin-left: 10px; margin-right: -7px; }
.search h1 { font-weight: 500; color: #333; }
.search p { display: flex; height: 36px; align-items: center; margin-left: 10px; border: 1px solid #ddd; border-radius: 50px; padding: 0 10px; box-sizing: border-box; background-color: #fff; font-family: dotum; font-size: 12px; }
.search p select { padding: 0px 20px 0 10px; }
.search p select:last-child { border-left: 1px solid #ccc; margin-left: 5px; }
.search p input[type=text] { height: 24px; margin: 0 5px; text-align: center; }
.search p.radio_box { margin-right: 20px; }
.search p.radio_box label { margin-right: 10px; }
.search p.radio_box label:last-child { margin-right: 5px; }
.search_box { display: flex; align-items: center; width: 280px; height: 36px; border-radius: 50px; border:1px solid #ddd; background: #fff; padding-left: 15px; position: relative; margin-left: 10px; }
.search_box select { width: 70px; font-size: 13px; color: #888; }
.search_box input { width: 140px; border: none; outline: none; background: none; padding-left: 10px; margin-left: 10px; border-left: 1px solid #ddd; box-sizing: border-box; }
.search_box .search_btn { width: 28px; height: 28px; border-radius: 50px; background: url(../images/common/search.png) no-repeat 50% 50%; background-color: #255381 !important; position: absolute; right: 3px; top: 50%; transform: translate(0,-50%); }
.search_text_box { display: flex; align-items: center; height: 36px; border-radius: 50px; border:1px solid #ddd; background: #fff; padding: 0 20px; position: relative; margin-left: 10px; font-size: 12px; font-family: "dotum",sans-serif; letter-spacing: 0; }
.search_text_box img { margin-right: 5px; }
.sub_nav { display: flex; flex-wrap: wrap; justify-content: space-between; background-color: #fff; margin-top: -40px; margin-bottom: 40px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
.sub_nav ul { display: flex; height: 50px; }
.sub_nav ul li { line-height: 50px; padding: 0 20px; text-align: center; font-size: 15px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; color: #999; float: left; box-sizing: border-box; }
.sub_nav ul li a { display: block; }
.sub_nav ul li.this { border-top: 2px solid #2c313c; background-color: #fff !important; color: #333; font-weight: bold; }
.sub_nav ul li:last-child { border-right: 1px solid #ddd; }
.sub_nav ul li:hover { background-color: #f5f5f5; }
.sub_nav .sub_nav_btn { display: flex; align-items: center; height: 50px; margin: 0 20px; }
.sub_nav .sub_nav_btn a { display: inline-block; margin-left: 5px; }
.sub_nav .sub_nav_btn a:first-child { margin-left: 0; }
.container .content { position: relative; }
.container .content .table_top { display: inline-block; width: 100%; margin-bottom: 20px; position: relative; }
.container .content .table_top > h1 { text-align: center; font-size: 20px; font-weight: 500; letter-spacing: -0.04em; }
.container .content .table_mid { display: flex; align-items: center; margin-bottom: 10px; font-size: 13px; font-family: sans-serif; }
.container .content .table_mid p { content: ''; width: 1px; height: 15px; border-left: 1px solid #ccc; margin : 0 5px; }
.container .content .table_mid input[type=checkbox] { margin:0; margin-right: 5px; }
.container .content .title { display: flex; align-items: flex-start; margin-bottom: 20px; height: 22px; }
.container .content .title h1 { font-size: 20px; font-weight: 600; color: #333; letter-spacing: -0.04em; }
.container .content .title span { height: 28px; line-height: 28px; padding: 0 10px; font-family: sans-serif; font-size: 13px; color: #fff; background-color: #969aa5; margin-left: 10px; border-radius: 50px; }
.container .content .title b { font-family: sans-serif; font-weight: bold; color: #555; font-size: 22px; }
.container .content .title > ul { position: absolute; right:0; top:0; }
.container .content .title > ul li { display: inline-block; margin-left: 5px; }
.container .content .title > ul li.this a { background-color: #00b4cb; color: #fff; }
.container .content .title > ul li a { display: block; height: 30px; line-height: 30px; box-shadow: 0px 1px 6px rgba(0,0,0,0.15); background-color: #fff; padding: 0 15px; font-size: 13.5px; font-family: sans-serif; border-radius: 50px; }
.date_wrap { height: 50px; display: inline-block; width: 100%; position: relative; margin-top: 20px; background-color: #eee; border: 1px solid #ccc; }
.date { display: flex; align-items: center; position: absolute; left: 50%; top: 0; transform: translate(-50%,0); }
.date span { font-size: 15px; font-weight: 500; color: #484d5a; border-radius: 50px; box-shadow: 0px 1px 6px rgba(0,0,0,0.15); background-color: #fff; display: inline-block; height: 28px; line-height: 28px; padding: 0 15px; margin: 0 10px; }
.date span.bg_blue { color: #fff; }
.date a { width: 25px; height: 25px; border-radius: 50px; display: flex; align-items: center; justify-content: center; transition: 0.3s; }
.date a:hover { box-shadow: 0px 1px 6px rgba(0,0,0,0.3); }
.top_btn { position: absolute; top: 0; right: 0; display: flex; align-items: center; gap: 10px; }
.top_btn.left_btn { left: 0; right: auto; }
.top_btn .select-items { display: flex; align-items: center; margin-right: 5px; }
.top_btn .select-items select { height: 30px; border-bottom: 1px solid #777; margin-right: 5px; padding-left: 5px; }
.top_btn .select-items input[type=text] { height: 30px; margin: 0 5px; text-align: center; position: relative; background: none; border: none; border-bottom: 1px solid #777; }

.container .content .sub_menu { margin-bottom: 20px; }
.container .content .sub_menu ul li { font-size: 20px; font-weight: 500; letter-spacing: -0.04em; }
.table_none { height: 60px; text-align: center; }
.select_table th { padding: 6px 0; }
.select_table th select { height: 20px; background-color: #fff; margin-top: 10px; padding: 0 20px 0 5px; }
.fixed_table_box { overflow-y: auto; }
.fixed_table_box tbody td:first-child { border-left: none; }
.fixed_table_box tbody td:last-child { border-right: none; }
.fixed_table_box tbody td img { cursor: pointer; vertical-align: middle; }
.fiexd_table { table-layout: fixed; word-break: break-all; }
.fiexd_table:first-child { border-left: none; }
.fiexd_table:last-child { border-right: none; }
.th_fixed.on { position: fixed; top: 106px; width: calc(100% - 140px); z-index: 9999; }
.th_fixed.hide { width: calc(100% - 330px); }
#sel_wrap { width: 150px; height: 35px; position: relative; }
.sel_box { width: 100%; height: 35px; line-height: 35px; border: 1px solid #ddd; font-size: 14px; padding: 0 10px; border-radius: 5px; cursor: pointer; transition: 0.3s; position: relative; box-sizing: border-box; }
.sel_box.sel_box02 { border: 1px solid #777; }
.sel_box::after { position: absolute; top: 8px; right: 10px; content: ''; width: 16px; height: 16px; background: url(../images/common/down_arrow.png) no-repeat 50% 50%; transition: 0.3s; }
.sel_box.sel_box_w::after { background: url(../images/common/down_arrow_w.png) no-repeat 50% 50%; }
.sel_box:hover { border: 1px solid #0f6fab; }
.sel_box.on { border: 1px solid #0f6fab; box-shadow: 0px 0px 4px rgb(15, 111, 171); }
.sel_box.on::after { transform: rotate(180deg); }
.sel_list { width: 100%; position: absolute; left: 0; top: 40px; display: none; z-index: 99; }
.sel_list.on { display: block; }
.sel_list ul { width: 100%; background-color: #fff; display: flex; flex-direction: column; border-radius: 5px; border: 1px solid #ccc; overflow: hidden; }
.sel_list ul li { width: 100%; line-height: 40px; padding: 0 10px; box-sizing: border-box; }
.sel_list ul li a { font-size: 14px; display: block; color: #333; }
.sel_list ul li:hover { background-color: #f0f6fb; }
.sel_list ul li.this a { font-weight: bold; color: #0f6fab; }
.table_bottom { display: inline-block; width: 100%; }

/* 메인 */
.container .content.purchase td:nth-child(4) { text-align: left; padding: 5px 10px; }
.container .content.purchase td:nth-child(5) { text-align: right; padding: 5px 10px; }
.container .content.purchase td.bigo_txt { padding: 10px; }

/* 연월차 휴가 / 급여 명세 */
.container .content.salary td:last-child { text-align: left; padding: 10px; vertical-align: top; }

/* 주간업무 등록 */
.container .content.schedule td { height: 35px; position: relative; }
.container .content.schedule td.company_row { cursor: pointer; }
.container .content.schedule td.company_row:hover { background-color: #fffdf2; }
.container .content.schedule td.schedule_row { cursor: pointer; }
.container .content.schedule td.schedule_row:hover { background-color: #fffdf2; }
.work_table td span { display: inline-block; padding-left: 12px; position: relative; }
.work_table td span::before { display: block; content: ''; width: 6px; height: 6px; border-bottom: 1px solid #111; position: absolute; left:0; top:0; }
.company_table td > span { cursor: pointer; }

/* 공문서 */
.container .content.official td:nth-child(4) { text-align: left; padding: 5px 20px; }

/* 구매 요청서 */
.container .content.request td:nth-child(3) { text-align: left; padding: 5px 20px; }
.container .content.request td:nth-child(4) { text-align: right; padding: 5px 20px; }

/* 급여 명세서 등록 */
.salary_table_left { width: calc(70% - 20px); }
.salary_table_right { width: 30%; }

/* 매출/매입 자료 */
.sales_table tbody td:nth-child(15) { background-color: #fff1f1; }
.sales_table tbody td:nth-child(16) { background-color: #fff1f1; }
.sales_table tbody td:nth-child(17) { background-color: #fff1f1; }
.sales_table tbody td a { background: none; border: none; padding: 0; width: 18px; height: 18px; vertical-align: middle; }
.sales_table tbody td img { margin: 0; }
.lock_data { display: flex; height: 36px; align-items: center; font-size: 14px; border: 1px solid #ccc; border-radius: 50px; padding: 0 10px; background-color: #fff; position: relative; }
.change_mode { border-radius: 100px; background: #a10000; width: 55px; height: 22px; display: block; position: relative; cursor: pointer; transition: 0.6s; overflow: hidden; line-height: 13px; margin-left: 5px; }
.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: 1px; font-weight: 300; }
.change_mode.on { background: #70ab2d; }
.change_mode.on a { left: 35px; }
.lock_data.block::before { position: absolute; left:0; top:0; content: ''; display: block; width: 100%; height: 100%; z-index: 99; }
.change_mode .change_on { left: -26px; }
.change_mode .change_off { right: -26px; }
.expense_table tbody td:nth-child(9) { background-color: #f0f8ff; }
.expense_table tbody td:nth-child(10) { background-color: #f0f8ff; }
.expense_table tbody td:nth-child(11) { background-color: #f0f8ff; }
.expense_table tbody td a { background: none; border: none; padding: 0; width: 18px; height: 18px; vertical-align: middle; }
.data_text { margin-right: -10px; }
.data_text span { border-radius: 50px; display: inline-block; height: 20px; line-height: 20px; box-shadow: 0px 1px 4px rgba(0,0,0,0.3); padding: 0 10px; margin-left: 10px; }

/* 레이어 */
.layer { position: absolute; background-color: #fff; border: 1px solid #ccc; box-shadow: 0px 1px 10px rgba(0,0,0,0.3); border-radius: 5px; z-index: 999; visibility: hidden; opacity: 0; transition: 0.3s; padding-bottom: 20px; z-index: 10002; }
.layer.on { visibility: visible; opacity: 1; }
.layer.position { position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.layer.clear { border: none; background-color: #fafafa; }
.layer.clear .layer_con table { margin: 20px 0; }
.layer .layer_top { display: flex; align-items: center; justify-content: end; height: 50px; padding: 0 20px; }
.layer .layer_top div{ width: 25px; height: 25px; border-radius: 50px; display: flex; align-items: center; justify-content: center; margin-left: 10px; cursor: pointer; transition: 0.3s; }
.layer .layer_top div:hover { box-shadow: 0px 1px 6px rgba(0,0,0,0.3); background-color: #eee; }
.layer .layer_title { background-color: #3a4f68; display: flex; align-items: center; justify-content: space-between; height: 50px; padding: 0 20px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.layer .layer_title h1 { font-size: 20px; color: #fff; }
.layer .layer_con { padding: 0 20px }
.input_box { border: 1px solid #ccc; display: flex; align-items: center; padding: 0 10px; margin-bottom: 10px; }
.input_box.hover_box { cursor: pointer; }
.input_box.hover_box:hover { background-color: #eee; }
.input_box input { height: 30px; box-sizing: border-box; border: none; padding: 0 10px; width: 100%; font-family: "SUIT",sans-serif; font-size: 13px; }
.input_box ul { display: flex; align-items: center; height: 30px; padding: 0 10px; width: 100%; }
.input_box ul li { font-size: 13px; }
.input_box ul li p { margin: 0 5px; }
.select_box { border: 1px solid #ccc; display: flex; align-items: center; padding: 0 10px; margin-bottom: 10px; }
.select_box  select { height: 30px; box-sizing: border-box; border: none; padding: 0 10px; width: 100%; font-family: "SUIT",sans-serif; font-size: 13px; }
.textarea_box { border: 1px solid #ccc; margin-bottom: 10px; padding: 10px;}
.textarea_box textarea { width: 100%; height: 100px; padding: 5px; font-size: 13px; }
.layer_btn { display: inline-block; width: 100%; text-align: center; }
.layer_btn a { display: inline-block; padding: 12px 30px; font-family: sans-serif; font-size: 13px; border-radius: 50px; background-color: #eee; margin: 0 5px; transition: 0.3s; }
.layer_btn a:hover { background-color: #3c414e; color: #fff; }

/* 회원가입 레이어 */
.layer#join_layer { width: 400px; }
.layer#join_layer input { width: 100%; height: 50px; border-radius: 5px; margin-top: 20px; font-size: 14px; padding: 0 10px; }
.layer#join_layer .layer_btn a { border-radius: 5px; height: 45px; line-height: 45px; font-size: 15px; padding: 0 30px; }

/* 비밀번호 변경 레이어 */
.layer#pw_change_layer { width: 400px; }
.layer#pw_change_layer input { width: 100%; height: 50px; border-radius: 5px; margin-top: 20px; font-size: 14px; padding: 0 10px; }
.layer#pw_change_layer .layer_btn a { border-radius: 5px; height: 40px; line-height: 40px; font-size: 15px; padding: 0 30px; }

/* 공지사항 레이어 */
#notice_layer { top: 705px; right: 815px; }

/* 주간업무 레이어 */
.layer#work_add_layer { width: 360px; transition: 0s !important; }
.layer#work_add_layer2 { width: 400px; top: 385px; right: 130px; }
.layer#work_edit_layer1 { width: 360px; transition: 0s !important; }
.layer.edit_layer { width: 400px; }

/* 공문서 등록 레이어 */
.layer#document_layer { width: 400px; top: 210px; right: 150px; }

/* 구매요청 레이어 */
.layer#request_layer { width: 1200px; top: 30px; left: 50%; transform: translate(-50%,0); }
.layer#request_layer .layer_con table thead th { background-color: #f3f3f3; color: #111; border: 1px solid #ccc; }
.layer#request_layer .layer_con table td { padding: 5px 10px; }
.layer#request_layer .layer_con input[type=text] { height: 24px; width: 100%; }
.layer#request_layer .layer_con select { width: 100%; }
.layer#request_layer .layer_con textarea { width: 100%; height: 100%; }
.layer#request_layer .layer_con .request_table td:nth-child(4) input { text-align: right; }
.layer#request_layer .layer_con .request_table td:nth-child(5) input { text-align: right; }
.layer#request_layer .layer_con .request_table td:nth-child(6) input { text-align: right; }

/* 구매요청 보기 레이어 */
.layer#request_view_layer { width: 1200px; top: 10px; left: 50%; transform: translate(-50%,0); }
.layer#request_view_layer .layer_con table thead th { background-color: #f3f3f3; color: #111; border: 1px solid #ccc; }
.layer#request_view_layer .layer_con table td { padding: 0 10px; }
.layer#request_view_layer .layer_con input[type=text] { height: 24px; width: 100%; }
.layer#request_view_layer .layer_con select { width: 100%; }
.layer#request_view_layer .layer_con textarea { width: 100%; height: 100%; }
.layer#request_view_layer .layer_con .request_table td:nth-child(4) { text-align: right; }
.layer#request_view_layer .layer_con .request_table td:nth-child(5) { text-align: right; }
.layer#request_view_layer .layer_con .request_table td:nth-child(6) { text-align: right; }

/* 카드 결제 내역 등록 레이어 */
.layer#card_reg_layer { width: 1000px; }
.layer#card_reg_layer .layer_con table td { padding: 5px 10px; }
.layer#card_reg_layer .layer_con table th { height: 35px; }
.layer#card_reg_layer .layer_con table td select { width: 100%; }
.layer#card_reg_layer .layer_con table td input { width: 100%; height: 24px; }

/* 법인 카드 결제 내용 보기 레이어 */
.layer#card_list_layer { width: 700px; }
.layer#card_list_layer .layer_con table td { padding: 5px 10px; }
.layer#card_list_layer .layer_con table td select { width: 100%; }
.layer#card_list_layer .layer_con table td input { width: 100%; height: 27px; }

/* 정산일 등록 레이어 */
.layer#calc_layer { width: 460px; }
.layer#calc_layer .layer_con table td { padding: 5px 10px; }
.layer#calc_layer .layer_con table td input { width: 100%; height: 30.5px; }

/* 팝업 공통 */
.popup_container { background-color: #fff; width: 100%; height: 100vh; position: relative; }
.popup_container::after { content: ''; width:100%; height: 50px; background-color: #26292f; position: absolute; left:0; top:0; }
.popup_container.bg_none::after { display: none; }
.popup_wrap { margin: 0 auto; }
.popup_title { width: 100%; height: 50px; line-height: 50px; font-size: 20px; padding: 0 20px; background-color: #26292f; color: #fff; z-index: 999; position: relative; }
.popup_title h1 { position: relative; }
.popup_sub_title { display: inline-block; width: 100%; letter-spacing: -0.04em; }
.popup_sub_title h1 { font-size: 18px; font-weight: 500; }
.popup_sub_title h1 b { font-family: sans-serif; font-weight: bold; color: #555; font-size: 20px; }
.popup_content { width: 100%; padding: 20px; }
.popup_tab { margin-bottom: 10px; }
.popup_tab ul { display: flex; align-items: flex-end; border-bottom: 1px solid #ddd; }
.popup_tab ul li { height: 40px; line-height: 40px; background-color: #f5f5f5; border: 1px solid #ddd; border-left: none; box-sizing: border-box; position: relative; top: 1px; }
.popup_tab ul li:first-child { border-left: 1px solid #ddd; }
.popup_tab ul li a { font-family: sans-serif; font-size: 13px; display: block; color: #888; width: 100%; margin: 0 30px; }
.popup_tab ul li.this { border-top: 2px solid #2c313c; background-color: #fff; border-bottom: 1px solid #fff; }
.popup_tab ul li.this a { font-weight: bold; color: #333; }
.popup_top { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 45px; padding: 0 20px; background-color: #eee; font-family: "dotum",sans-serif; font-size: 13px; border: 1px solid #ccc; }
.popup_top div { display: flex; align-items: center; }
.popup_top p { display: flex; align-items: center; margin-right: 20px; }
.popup_top p select { background-color: #fff; height: 24px; border: 1px solid #aaa; padding-left: 5px; padding-right: 20px; font-family: "dotum",sans-serif; font-size: 13px; }
.popup_btn { text-align: center;}

/* 명세서 팝업 */
.edoc_table_wrap { border: 1px solid #e66464; padding: 1px; }
.edoc_table_top { background-color: #fff; height: 55px; position: relative; border: 1px solid #e66464; border-bottom: none; }
.edoc_table_top span { font-family: "dotum",sans-serif; color: #e66464; font-size: 12px; }
.edoc_table_top input[type=text] { border: 1px solid #bbb; height: 24px; width: 120px; font-family: "dotum",sans-serif; font-size: 13px; }
.edoc_table_top .edoc_num { position: absolute; left: 5px; top: 5px; }
.edoc_table_top .edoc_tit { position: absolute; left: 50%; transform: translate(-50%); line-height: 55px; font-size: 24px; }
.edoc_table_top .edoc_sub { position: absolute; top:50%; right: 200px; transform: translate(0,-50%); text-align: center; line-height: 16px; }
.edoc_table { font-family: "dotum",sans-serif; }
.edoc_table thead th { background-color: #fff; border: none; color: #e66464; font-size: 12px; font-weight: normal; color: #e66464; }
.edoc_table tbody th { border: 1px solid #e66464; background-color: #fff; font-size: 12px; font-weight: normal; color: #e66464; line-height: 16px; padding: 5px 0; }
.edoc_table tbody th.pd10 { padding: 5px 10px !important; }
.edoc_table tbody th img { cursor: pointer; }
.edoc_table tbody td { border: 1px solid #e66464; font-size: 12px; padding: 5px 10px; height: auto; }
.edoc_table tbody td textarea { vertical-align: middle; width: 100%; height: 24px; border: 1px solid #bbb; font-family: "dotum",sans-serif; font-size: 13px; box-sizing: border-box; padding: 3px 5px; resize: both; }
.edoc_table tbody td p { display: flex; align-items: center; }
.edoc_table tbody td p span { width: 60px; display: flex; justify-content: space-between; color: #e66464; }
.edoc_table tbody td p input { margin-left: 5px; }
.edoc_table tbody td p img { cursor: pointer; margin-left: 5px; }
.edoc_table input[type=text] { border: 1px solid #bbb; height: 24px; width: 100%; font-family: "dotum",sans-serif; font-size: 13px; text-overflow: inherit; white-space: inherit; overflow: auto; }
.edoc_table input[type=radio] { margin-left: 0; }
.edoc_table.pd03 tbody td { padding: 3px !important; }
.edoc_file_box { background-color: #eee; height: 45px; margin-top: 10px; display: flex; align-items: center; padding: 0 20px; border: 1px solid #ccc; }
.edoc_file_box strong { font-size: 13px; margin-right: 10px; font-family: "dotum",sans-serif; }
.edoc_file_box input[type=file] { border: 1px solid #aaa; height: 22px; line-height: 22px; font-family: "dotum",sans-serif; font-size: 12px; color: #666; }
.edoc_table_wrap.blue_wrap { border: 1px solid #264385; }
.edoc_table_wrap.blue_wrap .edoc_table_top { border: 1px solid #264385; }
.edoc_table_wrap.blue_wrap .edoc_table_top span { color: #264385; }
.edoc_table_wrap.blue_wrap .edoc_table thead th { color: #264385; }
.edoc_table_wrap.blue_wrap .edoc_table tbody th { border: 1px solid #264385; color: #264385; }
.edoc_table_wrap.blue_wrap .edoc_table tbody td { border: 1px solid #264385; }

/* 주간업무 출력 */
.print_container { background-color: #fff; width: 100%; height: 100vh; position: relative; }
.print_wrap { width: 1080px; margin: 0 auto; }
.print_wrap .flex { flex-wrap: nowrap !important; gap: 0 !important; }
.print_tit { width: 100%; height: 35px; position: relative; border: 2px solid #111; font-family: "dotum",sans-serif; background-color: #eee; }
.print_tit h1 { font-size: 16px; font-weight: bold; letter-spacing: -0.4px; line-height: 33px; position: absolute; left: 50%; transform: translate(-50%); }
.print_tit b { font-size: 12px; line-height: 33px; font-weight: bold; position: absolute; width: 120px; left: 20px; text-align: left; }
.print_tit span { font-size: 12px; line-height: 33px; font-weight: bold; position: absolute; width: 191.5px; right: 0; text-align: left; }
.print_table { border: 2px solid #111; table-layout: fixed; }
.print_table thead th { border-bottom: 2px solid #111; background-color: #d5d5d5; }
.print_table thead th:first-child { border-right: 2px solid #111; }
.print_table tbody td { height: 22px; padding: 0; background-color: #fff; font-size: 11px; color: #111; border: 1px solid #111; border-top: none; border-bottom: 1px dotted #111; text-align: left; padding: 0 5px; letter-spacing: -0.4px; }
.print_table tbody tr.border_top { border-top: 1px solid #111; }
.print_table tbody td.blank { border: 1px solid #111; }
.print_table tbody th { border-right: 2px solid #111; line-height: 16px; background-color: #f3f3f3; }
.print_table th { height: 28px; background-color: #fff; font-family: "dotum",sans-serif; font-size: 12px; color: #111; font-weight: bold; border: 1px solid #111; box-sizing: border-box; }
.flex .print_table { width: calc(50% - 2.5px); }

/* 회계공통 */
.container .category_wrap { display: flex; flex-wrap: wrap; align-items: center; background-color: #dbe1e7; width: calc(100% + 80px); margin-left: -40px; margin-top: -30px; padding: 0 40px; }
.popup_content .category_wrap { display: flex; align-items: center; background-color: #dbe1e7; width: calc(100% + 40px); margin-left: -20px; margin-top: -20px; padding: 0 20px; }
.category_wrap .category-items { display: flex; align-items: center; height: 50px; color: #1e232c; position: relative; padding-right: 25px; transition: 0.6s; }
.category_wrap .category-items::after { content: ''; display: block; width: 35px; height: 35px; background-color: #dbe1e7; border-top: 1px solid #bec5cd; border-right: 1px solid #bec5cd; transform: rotate(45deg); position: absolute; right: 0; z-index: 99; }
.category_wrap .category-items > span { margin-right: 10px; font-weight: bold; font-size: 15px; position: relative; padding-left: 12px; z-index: 100; }
.category_wrap .category-items > span::after { content: ''; width: 5px; height: 5px; border-radius: 50px; background-color: #333; display: block; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); }
.category_wrap .category-items > a { font-family: "dotum",sans-serif; font-size: 12px; height: 50px; line-height: 50px; font-weight: bold; padding: 0 10px; box-sizing: border-box; z-index: 100; }
.category_wrap .category-items > a.this { height: auto; line-height: normal; color: #fff; background-color: #00b4cb; border-radius: 20px; padding: 5px 10px; }
.category_wrap .category-items select { padding: 0 20px 0 10px; z-index: 100; }
.category_wrap .category-items input[type=text] { height: 24px; margin: 0 5px; text-align: center; position: relative; background: none; border: none; border-bottom: 1px solid #3c414e; }
.category_wrap .category-items > p { z-index: 100; }
.category_wrap .category-items > p > a { z-index: 100; position: relative; }
.category_wrap .category-items:last-child::after { border-top: 1px solid #dbe1e7; border-right: 1px solid #dbe1e7; }
.category_wrap .category-items.sub_category::before { content: ''; display: block; width: calc(100% + 20px); height: 100%; position: absolute; background-color: #c3cbd3; left: -40px; transition: 1s; }
.category_wrap .category-items.sub_category::after { background-color: #c3cbd3; }
.category_wrap .category-items.sub_category > a { border-bottom: 2px solid #c3cbd3; }
.category_wrap .category-items.hide { width: 0; padding:0; margin: 0 !important; visibility: hidden; opacity: 0; }
.category_wrap .category-items.hide::before { background-color: transparent; }
.category_wrap .category-items.hide span { display: none; }
.category_wrap .category-items.hide a { display: none; }

.bottom_popup { position: fixed; bottom: -100%; right: 20px; width: 440px; padding: 20px; color: #fff; border-radius: 5px; z-index: 999; transition: 3.5s; }
.bottom_popup.mode_Y { background-color: #455578;  }
.bottom_popup.mode_N { background-color: #ab2e2e;  }
.bottom_popup.show { bottom: 10px; transition: 1.5s; }
.bottom_popup h1 { display: flex; align-items: center; justify-content: space-between; font-size: 17px; font-weight: 500; margin-bottom: 15px; }
.bottom_popup h1 .bottom_popup_close { cursor: pointer; }
.bottom_popup p { font-family: sans-serif; font-size: 15px; line-height: 1.4em; letter-spacing: -0.6px; }

 /* 전자세금계산서 미리보기 */
 .doc_bill_view_wrap { background-color: #636b81; padding: 10px; font-family: "dotum",sans-serif; font-size: 12px; }
 .doc_bill_view_wrap > .flex { background-color: #fff; padding: 10px; }
 .doc_bill_right { width: 170px; margin-top: 22px; }
 .doc_bill_right .doc_bill_right_top { text-align: center; border: 1px solid #ccc; border-top: 3px solid #4b5165; }
 .doc_bill_right .doc_bill_right_top h1 { height: 35px; line-height: 35px; font-weight: 500; font-size: 15px; font-family: "SUIT",sans-serif; border-bottom: 1px solid #ccc; background-color: #f3f3f3; }
 .doc_bill_right .doc_bill_right_bottom { border: 1px solid #ccc; margin-top: 10px; }
 .doc_bill_right .doc_bill_right_bottom h1 { text-align: center; height: 35px; line-height: 35px; font-weight: bold; color: #fff; background-color: #3a3e49; }
 .doc_bill_right .doc_bill_right_con { text-align: left; padding: 10px; padding-bottom: 20px; }
 .doc_bill_right .doc_bill_right_con p { margin-top: 10px; display: flex; align-items: center; height: 13px; }
 .doc_bill_right .doc_bill_right_con p b { font-size: 19px; margin-right: 5px; }
 .doc_bill_right .doc_bill_right_bottom .doc_bill_right_con p { display: flex; align-items: center; }
 .doc_bill_right .doc_bill_right_bottom .doc_bill_right_con p a { text-align: center; height: 30px; line-height: 30px; display: block; width: 100%; background-color: #5d6678; color: #fff; }
 .doc_bill_view_wrap .edoc_table_wrap .edoc_table_top { display: flex; align-items: center; }
 .doc_bill_view_wrap .edoc_table_wrap .edoc_table_top .edoc_tit { left: 0; transform: translate(0); text-align: center; width: 475px; position: relative; display: inline-block; }
 .doc_bill_view_wrap .edoc_table_wrap .edoc_table_top .edoc_sub { position: relative; display: inline-block; right: 0; top: 0; transform: translate(0); }
 .doc_bill_view_wrap .edoc_table_wrap .edoc_table_top .edoc_right { display: inline-block; line-height: 24px; margin-left: 80px; text-align: right; }
 .doc_bill_view_wrap .edoc_table_wrap .edoc_table_top .edoc_right p { display: flex; align-items: center; }
 .doc_bill_view_wrap .edoc_table_wrap .edoc_table_top .edoc_right p b { width: 100px; display: inline-block;}
 .doc_bill_view_wrap .edoc_table_wrap .edoc_table_top .edoc_right p span { display: inline-block; color: #111; width: 90px; }
 .doc_bill_view_wrap .edoc_table_wrap .edoc_table tbody td { height: 25px; }

 /* 근로계약서 */
 .contract_wrap { border: 1px solid #aaa; padding: 20px; }
 .contract_wrap h1 { font-size: 32px; text-align: center; margin-bottom: 40px; }
 .contract_wrap h2 { font-size: 17px; font-weight: 500; letter-spacing: -0.8px; }
 .contract_wrap p b { font-size: 17px; font-weight: 500; }
 .contract_wrap p span { font-size: 15.5px; line-height: 24px; color: #333; }
 .contract_wrap .contract_bottom { display: flex; align-items: center; justify-content: end; font-size: 15px; margin-top: 40px; }
 .contract_wrap .contract_bottom input[type="checkbox"] { width: 15px; height: 15px; margin-right: 5px; }

 @media screen and (max-width: 1620px) {
  /* 공통 */
   .flex { flex-wrap: wrap; }
   .con_nav { flex-wrap: wrap; }
   .sub_nav ul { flex-wrap: wrap; height: auto; }

   /* 메인 */
   .container .content.purchase .title { display: none; }
   .container .content.purchase { margin-top: 0 !important; }

   /* 급여 명세서 등록 */
  .salary_table_left { width: 100%; }
  .salary_table_right { width: 100%; }
 }