@charset "utf-8";
@import url(reset.css);

@font-face {
    font-family:'GyeonggiTitle';
    font-weight:500;
    font-style:normal;
    src: url('../font/GyeonggiTitle_Medium.eot');
    src: url('../font/GyeonggiTitle_Medium.eot?#iefix') format('embedded-opentype'),
    url("../font/GyeonggiTitle_Medium.otf") format("opentype"),
    url("../font/GyeonggiTitle_Medium.woff") format("woff"),
    url("../font/GyeonggiTitle_Medium.woff2") format("woff2");
  }

/* 작성일 : 2023.11.24 */
/* 작성자 : 정유림 */


/* LAYOUT */
html, body {width:100%; height:100%;}
.common-wrap{position: relative; min-height: calc(100% - 1px); padding-bottom: 70px}
header {position:sticky; /* IE 11 브라우저 미지원 */  /* 사파리 브라우저 지원 */ margin:0px; padding:0px; top:0px; width:100%; min-width:1214px; height:61px; background-color:#ffffff; border-bottom:1px #dbdbdb solid; z-index:99999;} /* css validator(sticky 포지션 인식 안됨)*/
#wrap  {position:relative; margin:0px; padding:0px; width:100%;}
.contents {position:relative; margin:0px; padding:18px 20px 18px 18px; width:100%; height: 100%;}
.contents::after {content:""; clear:both;}
footer {position:absolute; clear:both; bottom: 0px; margin:0px; padding:0px; width:100%; height:70px; line-height:70px; border-top:1px #dbdbdb solid; background-color:#fafafa;}

/* Header */
header .toputil-left {float:left; margin:0px; padding:0px; height:60px; display: flex;}
header .toputil-left h1 {display:inline-block; width:300px; height:60px; background-image:url('../img/logo.png'); background-repeat:no-repeat; background-position:top -1px left 0px; padding:0px 0px 0px 69px; color:#093e99; font-size:19px; font-family:'GyeonggiTitle'; font-weight:500; line-height:60px; letter-spacing:-0.09em; margin-left:20px; vertical-align:baseline; cursor: pointer;}


/* Top navigation */
ul#basic_topNav {z-index:999999; margin:0px 0px 0px 30px; padding:0px; }
ul#basic_topNav, ul#basic_topNav > li {display:inline-flex; padding:0px;} /* css validator(display:inline-flex 인식 안됨)*/
ul#basic_topNav > li.depth1 {display:inline-block; height:60px;}
ul#basic_topNav > li.depth1:hover > a.depth_tit {color:#0a8ea8; font-weight:bold; border-bottom:2px #0a8ea8 solid; z-index:1;}
ul#basic_topNav li:hover > a + div {display:block;}
.ml40 {padding-right:20px !important; padding-left:20px !important;}
ul#basic_topNav > li > a {display:block; margin:0px; padding:0px; height:60px; line-height:60px; color:#242424; font-size:18px; letter-spacing:-0.075em;}
ul#basic_topNav li a:after {content:''; padding-left:0px;}

.depth_02 {display:none; width:100%; position:absolute; left:0px; top:61px; background-color:#ffffff; border-bottom:1px #dbdbdb solid; box-shadow:4px 4px 6px rgba(0, 0, 0, 0.08);}
.depth02_bg {position:relative; display: flex; width:1262px; margin:0px 0px 0px 120px; padding:0px; border-left:1px solid #d8e3e5; border-right:1px solid #d8e3e5;} /* css validator(display:flex 인식 안됨)*/
@media (max-width:1400px) {
  .depth02_bg {margin:0px auto;}
}
.depth02_bg > ul {margin:0px; padding:0px; font-size:0px;}
.depth02_bg > ul > li {min-height:44px; margin:0px; padding:0px; border-bottom:1px solid #d8e3e5;}
.depth02_bg > ul > li > a {display:table-cell; padding:0px 14px 0px 0px; width:164px; height:44px; line-height:44px; text-align:right; color:#000000; font-size:16px; letter-spacing:-0.075em; background-color:#e1f2f5;}
.depth02_bg > ul > li > a:after {content:"";}
.depth02_bg > ul > li > ul {display:table-cell; width:calc(100% - 170px) !important; margin:0px 0px 0px 6px; padding:0px; font-size:0px;}
.depth02_bg > ul > li > ul > li {display:inline-block; margin:0px; padding:0px 0px 0px 12px; width:181px; vertical-align:middle;}
.depth02_bg > ul > li > ul > li > a {display:inline-block; color:#000000; font-size:15px; letter-spacing:-0.1em; margin-bottom: 15px; line-height: 18px;}
.depth02_bg > ul > li > ul > li > a:hover {color:#0a8ea8;}
.depth02_bg > ul > li > ul > li > a:after {content:"";}
.pad01 {padding:12px 0px 0px 0px !important;}
.pad02 {padding:0px 0px 13px 0px !important;}

header .toputil-right { float:right; top:0px; right:0px; height:60px;}
header .toputil-right > ul {display:inline-block; margin:0px; padding:0px 10px; font-size:0px; border-left:1px #dbdbdb solid; height:60px; vertical-align:middle;}
header .toputil-right > ul > li {display:inline-block; padding:18px 10px;}
header .toputil-right > ul > li a {display:inline-block; height:24px;}
.search_wrap a:hover {background-color:#ffffff;}
.search {width:22px; background-image:url('../img/icon_search.png'); cursor:pointer;}
.search:hover, .search:focus {background-image:url('../img/icon_search_on.png');}

.searchbox {display:none; position:absolute; top:10px; left:-177px; background-color:#ffffff; width:220px; overflow:unset; z-index:999999999;}
.searchbox input {display:inline-block; width:180px; height:40px; padding-left:14px; color:#1a1a1a; border:none; background-color:#ededed; border-radius:20px 0px 0px 20px; -webkit-border-radius:20px 0px 0px 20px; -moz-border-radius:20px 0px 0px 20px;}
.searchbox button {display:inline-block; width:40px; height:40px; border:none; background-color:#ededed; background-image:url('../img/icon_search2.png'); background-repeat:no-repeat; background-position:top 11px right 12px; border-radius:0px 20px 20px 0px; -webkit-border-radius:0px 20px 20px 0px; -moz-border-radius:0px 20px 20px 0px;}  
.show {display:block;}

.searchbox2 {display:none; position:absolute; top:10px; right: 215px; background-color:#ffffff; width:288px; overflow:unset; z-index:999999999; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;}
.searchbox2 .search_input {position:relative;}
.searchbox2 .search_input input {display:inline-block; width:248px; height:40px; padding-left:14px; font-size:14px; color:#1a1a1a; border: 1px solid #dbdbdb; border-right: none; letter-spacing:-0.075em; background-color:white; border-radius:0 !important; -webkit-border-radius:20px 0 0 20px; -moz-border-radius:20px 0px 0px 0px;}
.searchbox2 .search_input button {display:inline-block; width:40px; height:40px; border-right: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; background-color:white; background-image:url('../img/icon_search2.png'); background-repeat:no-repeat; background-position:top 11px right 12px; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
.searchbox2 > ul {margin:0px; padding:9px 0px 9px 14px; font-size:0px; border:1px #dbdbdb solid; background-color:white; width:288px; border-radius:0px 0px 20px 20px; -webkit-border-radius:0px 0px 20px 20px; -moz-border-radius:0px 0px 20px 20px;}
.searchbox2 > ul > li {width:100%; padding:0px !important; height:23px; line-height:23px;}
.searchbox2 > ul > li > a {color:#5c5c5c; font-size:14px; letter-spacing:-0.075em;}
.searchbox2 > ul > li > a:hover {background-color:transparent !important; color:#000000;}


/* 전체메뉴 */
header .toputil-right ul li a.menu_all {width:24px; background-image:url('../img/icon_menu_all.png');}
header .toputil-right ul li a.menu_all:hover {background-image:url('../img/icon_menu_all_on.png');}
.overlay {/* display:none; */ display:none; position:fixed; width:100%; height:1218px; z-index:999999999; top:0px; left:0px; background-color:rgba(0, 0, 0, 0.8); overflow:scroll;}
.overlay .closebtn {position:absolute; top:0px; right:14px; color:#ffffff; font-size:50px; z-index:99999999;}

.overlay-content {position:relative; top:0px; margin:0 auto; width:1280px; height:1282px; border:1px #dbdbdb solid; background-color:rgba(255, 255, 255, 1);}
.overlay-content h2 {position:relative; display:block; width:100%; height:50px; line-height:50px; background-color:#333333; font-size:18px; font-weight:bold; color:#ffffff; text-align:center;}

.overlay-content {position:relative; top:0px; margin:0 auto; width:1262px; height:1282px; border:1px #dbdbdb solid; background-color:rgba(255, 255, 255, 1);}
.overlay-content .overlay-wrap h2 {position:relative; display:block; width:100%; height:50px; line-height:50px; background-color:#333333; font-size:18px; font-weight:bold; color:#ffffff; text-align:center;}
.overlay-content .overlay-wrap > table {box-sizing:content-box; width:100%; border-collapse:collapse;}
.overlay-content .overlay-wrap > table th {padding-right:24px; width:144px; min-height:46px; border-top:1px #ffffff solid; background-color:#09409e; color:#ffffff; font-size:16px; font-weight:bold; letter-spacing:-0.075em; text-align:right;}
.overlay-content .overlay-wrap > table td {vertical-align:top;}
.overlay-content .overlay-wrap table td .depth2_1 {position:relative; margin:0px; padding:0px; font-size:0px; border:none;}
.overlay-content .overlay-wrap table td .depth2_1 > a {display:table-cell; float:left; margin:0px 0px 0px 1px; padding-left:24px; width:174px; height:46px; line-height:46px; background-color:#e5f0ff; color:#000000; font-size:15px; letter-spacing:-0.075em; text-align:left;}
.overlay-content .overlay-wrap table td ul.depth2_2 {margin:0px; padding:0px; font-size:0px;}
.overlay-content .overlay-wrap table td ul.depth2_2 > li {display:block; margin:1px 0px 0px 1px; padding:0px;}
.overlay-content .overlay-wrap table td ul.depth2_2 > li > a {display:table-cell; margin:0px; padding-left:24px; width:174px; height:46px; line-height:46px; background-color:#e5f0ff; color:#000000; font-size:15px; letter-spacing:-0.075em; text-align:left; vertical-align:middle;}
.overlay-content .overlay-wrap table td ul.depth2_2 > li > ul.depth3 {display:table-cell; width:calc(100% - 175px); margin-left:1px !important; padding:10px 0px; font-size:0px; border-top:none; border-right:none; border-bottom:1px #dbdbdb solid; border-left:none;}
.overlay-content .overlay-wrap table td ul.depth2_2 > li > ul.depth3 > li {display:inline-flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; margin:0px; padding:0px 0px 0px 18px; width:184px;} /* css validator(row wrap, flex관련 속성들 전부 인식 안됨)*/
.overlay-content .overlay-wrap table td ul.depth2_2 > li > ul.depth3 > li > a {display:block; margin:0px; padding-left:0px; width:100%; height:25px; line-height:25px; background-color:unset; color:#4c4c4c; font-size:13px; letter-spacing:-0.1em; text-align:left; word-wrap:break-word; word-break:break-all;} /* css validator(word-wrap 인식 안됨)*/
.overlay-content .overlay-wrap table td ul.depth2_2 > li > ul.depth3 > li > a:hover {color:#000000;}

.overlay-wrap {overflow-y: scroll;}


header .toputil-right ul li a.phone {width:24px; background-image:url('../img/icon_phone.png');}
header .toputil-right ul li a.phone:hover {background-image:url('../img/icon_phone_on.png');}
header .toputil-right ul li a.phone .phonetext {visibility:hidden; width:205px; background-color:#1f1f1f; font-size: 14px; color:#dbdbdb; letter-spacing:-0.075em; text-align:center; padding:6px 6px 8px 6px; position:absolute; z-index:1; top: 52px;right: 15px;}
header .toputil-right ul li a.phone .phonetext span {color:#00e6ff; font-size: 14px; font-weight:bold;}
/*header .toputil-right ul li a.phone .phonetext::after {content:""; position:absolute; bottom:100%; left:50%; margin-left:-5px; border-width:5px; border-style:solid; border-color:transparent transparent black transparent;}*/
header .toputil-right ul li a.phone:hover .phonetext {visibility:visible;}

header .toputil-right ul li a.user {width:24px; background-image:url('../img/icon_user.png');}
header .toputil-right ul li a.user:hover {background-image:url('../img/icon_user_on.png');}
header .toputil-right ul li a.user div.usertext {visibility:hidden; width:183px; background-color:#1f1f1f; font-size: 14px; color:#dbdbdb; letter-spacing:-0.075em; text-align:center; padding:9px 8px 10px 7px; position:absolute; z-index:1; top:43px; right: 0;}
header .toputil-right ul li a.user div.usertext span {color:#00e6ff; font-size: 14px; font-weight:bold;}
header .toputil-right ul li a.user div.usertext button {margin-top:8px; width:127px; height:22px; color:#000000; font-size: 14px; letter-spacing:-0.075em; background-color:#ffffff;}
/*header .toputil-right ul li a.user div.usertext::after {content:""; position:absolute; bottom:100%; left:50%; margin-left:-3px; border-width:5px; border-style:solid; border-color:transparent transparent black transparent;}*/
header .toputil-right ul li a.user:hover div.usertext {visibility:visible;}

header .toputil-right ul li a.logout {width:22px; background-image:url('../img/icon_logout.png');}
header .toputil-right ul li a.logout:hover {background-image:url('../img/icon_logout_on.png');}

header p.popup_title {position:relative; float:left; padding-left:20px; width:100%; height:60px; line-height:60px; color:#ffffff; font-size:16px; font-weight:bold; letter-spacing:-0.075em; background-color:#0a42a3;}
header .close_btn {position:absolute; float:right; top:0px; right:14px; margin:0px; padding:0px; font-size:48px; color:#ffffff;}


/* Location + btn */
.sub_path_wrap {position:relative; margin:0px; padding:0px; width:100%; height:47px; border-bottom:1px #dbdbdb solid; background-color:#ffffff;}
.sub_path {position:relative; float:left; margin:0px; padding:0px; font-size:0px;}
.sub_path li {display:inline-block; vertical-align:top; height:46px; padding:0px; background-image:url('../img/path_line.png'); background-repeat:no-repeat; background-position:right top;}
.sub_path .home {line-height:46px; padding:0px 18px;}
.sub_path .selected {color:#16408a; font-weight:bold;}
.sub_path p.selected {padding:0px 20px 0px 18px; color:#16408a; font-weight:bold; font-size:15px; height:46px; line-height:46px; letter-spacing:-0.075em;}
button.favorite_select {display:inline-block; margin-left:7px; margin-top:-3px; width:12px; height:12px; background-image:url('../img/icon_favorite_select.png'); background-color:transparent;}
button.favorite_deselect {display:inline-block; margin-left:7px; margin-top:-3px; width:12px; height:12px; background-image:url('../img/icon_favorite_deselect.png'); background-color:transparent;}

.dropdown {position:relative; height:46px; cursor: pointer;}
.dropbtn {display:block; margin:0px; padding:0px 18px; width:100%; height:46px; line-height:46px; color:#333333; font-size:13px; text-align:left; letter-spacing:-0.075em; background-color:transparent; background-image:url('../img/path_open.png'); background-repeat:no-repeat; background-position:right 10px center;}
.dropdown:hover .dropbtn {color:#16408a; background-image:url('../img/path_close.png');}
.dropdown-content {display:none; position:absolute; background-color:#ffffff; min-width:142px; padding:5px 0px; border:1px #dbdbdb solid; box-shadow:2px 2px 6px rgba(0, 0, 0, 0.1); z-index:1;}
.dropdown-content a {display:block; padding:0px 0px 0px 18px; color:#333333; font-size:13px; height:27px; line-height:27px; letter-spacing:-0.075em;}
.dropdown-content a:hover {background-color:#f5f5f5; color:#000000; font-weight:bold;}
.dropdown:hover .dropdown-content {display:block;}
.sub_path .path_depth01 {width:170px !important;}
.sub_path .path_depth02 {width:200px !important;}
.sub_path .path_depth03 {min-width:280px !important; max-width: 350px!important;}

.sub_path_wrap ul.btn {position:relative; float:right; margin:0px 20px 0px 0px; padding:0px; font-size:0px;}
.sub_path_wrap ul.btn li {display:inline-block; line-height:46px; margin-left:10px;}
.sub_path_wrap ul.btn button.btn_more {display:inline-block;  width:26px; height:26px; background-color:#f0f0f0; background-image:url('../img/btn_more.png'); border-radius:13px; -webkit-border-radius:13px; -moz-border-radius:13px;}
.sub_path_wrap ul.btn button.btn_more:hover {background-color:#e3edfc;}
#myDIV {display:none; top:-10px; right:13%; width:30%; height:26px; padding:0px; text-align:right; background-color:#ffffff; margin-top:10px; overflow:unset; z-index:1;}
button.btn_hide {display:inline; margin-left:10px; width:26px; height:26px; background-color:#f0f0f0; background-image:url('../img/btn_hide.png'); border-radius:13px; -webkit-border-radius:13px; -moz-border-radius:13px;}
button.btn_hide:hover {background-color:#e3edfc;}
#myDIV button.btn_common {display:inline-block; margin-left:10px; padding:0px 8px; width:auto; min-width: 68px; height:26px; color:#ffffff; font-size: 14px; background-color:#808080; letter-spacing:-0.075em;}

.sub_path_wrap .btn button.reset {display:inline-block; width:26px; height:26px; background-color:#4d4d4d; background-image:url('../img/icon_reset.png');}
.sub_path_wrap .btn button.reset:hover, .sub_path_wrap .btn button.regist:hover {background-color:#292929;}
.sub_path_wrap .btn button.regist {display:inline-block; width:26px; height:26px; background-color:#4d4d4d; background-image:url('../img/icon_regist.png');}
.sub_path_wrap .btn button.excel {display:inline-block; width:26px; height:26px; background-color:#128041; background-image:url('../img/icon_excel.png');}
.sub_path_wrap .btn button.excel:hover {background-color:#009942;}
.sub_path_wrap .btn button.detail {display:inline-block; padding:0px 29px 0px 9px; height:26px; color:#ffffff; font-size: 14px; letter-spacing:-0.075em; background-color:#005fcc; background-image:url('../img/detail_unfold_arrow.png'); background-position:right 10px center; background-repeat:no-repeat;}
.sub_path_wrap .btn button.detail_active {display:inline-block; padding:0px 29px 0px 9px; height:26px; color:#ffffff; font-size: 14px; letter-spacing:-0.075em; background-color:#09409e; background-image:url('../img/detail_fold_arrow.png'); background-position:right 10px center; background-repeat:no-repeat;}

.sub_path_wrap .btn button.regist2 {display:inline-block; padding:0px; width:70px; height:26px; color:#ffffff; font-size: 14px; letter-spacing:-0.075em; background-color:#09409e;}
.sub_path_wrap .btn button.regist2:hover {background-color:#1464cc;}
.sub_path_wrap .btn button.list, .sub_path_wrap .btn button.back {display:inline-block; padding:0px; width:70px; height:26px; color:#ffffff; font-size: 14px; letter-spacing:-0.075em; background-color:#808080;}
.sub_path_wrap .btn button.list:hover, .sub_path_wrap .btn button.back:hover {background-color:#999999;}
.sub_path_wrap .btn button.regist3 {display:inline-block; padding:0px 10px; height:26px; color:#ffffff; font-size: 14px; letter-spacing:-0.075em; background-color:#1464cc;}
.sub_path_wrap .btn button.regist3:hover {background-color:#1e85fa;}


/* 상세검색조건 */
.sidepanel {display:block; width:410px; height:70vh !important; position:absolute; top:87px; right:0px; transition:0.01s; z-index:1;} /* css validator(height에 vh 인식안됨, transition 속성 인식안됨)*/
.sidepanel .search_grid {position:relative; margin:0px; height: calc(100vh - 218px); padding:0px; width:100%; border:2px #09409e solid; background-color:#fafafa; overflow-y:visible; overflow-x:hidden;}
.sidepanel .search_grid table {border-spacing:0px; overflow:hidden; width: 95%; margin: 0px 10px 10px 10px; margin-top: 10px;}
.sidepanel .search_grid table tr:first-child {border-top:1px solid #cad1db;}
.sidepanel .search_grid table th {border-left:1px solid #cad1db;}
.sidepanel .search_grid table th, .sidepanel .search_grid table td {text-align:left; border-bottom:1px solid #cad1db; height:38px; letter-spacing:-0.075em; border-right:1px solid #cad1db;}
.sidepanel .search_grid table th {font-size: 14px; color:#2e394c; padding-left:10px; background-color:#f5f8fc;}
.sidepanel .search_grid table td {font-size: 14px; color:#333333; padding:0px 10px; vertical-align:middle;}
.sidepanel .search_grid input, .sidepanel .search_grid select {height:26px; line-height:26px; border:1px #dbdbdb solid; display:inline-block; vertical-align:middle;}
.sidepanel .search_grid input[type="date"] {width:110px;}
.sidepanel .search_grid select,input {width:170px;}
.sidepanel .search_grid .datepicker,.monthpicker {width:140px;}
.sidepanel .search_grid .btn_group {display: flex; justify-content: center; background: #fafafa; position: sticky; top: 0; border-bottom: 1px solid #cad1db;} /* css validator(flex관련 속성들, sticky position 인식 안됨)*/
.sidepanel .search_grid p input[type="radio"] + label {display:inline-block; vertical-align:middle;}
.sidepanel .search_grid p.search_input {width:170px; display: flex;}
.sidepanel .search_grid p.search_input input {width:144px; height:26px; line-height:26px; border-left:1px #dbdbdb solid; border-top:1px #dbdbdb solid; border-right:none; border-bottom:1px #dbdbdb solid; display:inline-block; vertical-align:middle;}
.sidepanel .search_grid p.search_input button.btn_search {display:inline-block; margin:0px; width:26px; height:26px; background-color:#9e9e9e; background-image:url('../img/btn_search.png');}
.sidepanel .search_grid span#search {display:block; margin:12px; width:60px; height:30px; line-height:30px; text-align:center; font-size: 14px; color:#ffffff; font-weight:bold; background-color:#005fcc;}
.sidepanel .search_grid span#clear {display:block; margin:12px; width:60px; height:30px; line-height:30px; text-align:center; font-size: 14px; color:#ffffff; font-weight:bold; background-color:#333333;}
.sidepanel .search_grid span#closeBtn {display:block; margin:12px; width:60px; height:30px; line-height:30px; text-align:center; font-size: 14px; color:#ffffff; font-weight:bold; background-color:#808080;}
.sidepanel .search_grid span#search:hover {background-color:#004bcc;}
.sidepanel .search_grid span#clear:hover {background-color:#9e9e9e;}
.sidepanel .search_grid span#closeBtn:hover {background-color:#9e9e9e;}

.sidepanel .search_grid table td > div.detail_popup {position:absolute; padding:10px; min-width:430px; max-width:40%; min-height:100px; border:1px #dbdbdb solid; background-color:#fafafa; box-shadow:1px 1px 5px rgba(0, 0, 0, 0.06); z-index:22;}
.sidepanel .search_grid table td > div.detail_popup > table.detail_popup_tbl th {box-sizing:content-box; border-top:1px #b8c0cc solid; border-right:none; border-bottom:1px #dbdbdb solid; background-color:#edf5fc; height:28px; color:#2e435c; font-size: 14px; text-align:center; letter-spacing:-0.075em;}
.sidepanel .search_grid table td > div.detail_popup > table.detail_popup_tbl td {box-sizing:content-box; padding:0px 6px; border-right:none; border-bottom:1px #dbdbdb solid; background-color:#ffffff; height:28px; font-size: 14px; text-align:center; letter-spacing:-0.075em;}


/* Tabs */
.tabs_wrap {position:sticky;top: 108px; z-index: 998;margin:0px; padding:0px; width:100%; height:40px; border-bottom:1px #b3b3b3 solid; background-color:#fafafa; display:inline-flex; flex-flow:row nowrap; align-items:flex-end;}
.tabs_wrap .tabs {position:relative; float:left; margin:0px; padding:0px 0px 0px 18px; font-size:0px; width:calc(100% - 500px); height:30px;}
.tabs_wrap .tabs .tab {display:inline-flex; background-color:#ffffff; height:30px; line-height:30px; padding:0px 8px 0px 10px; margin:1px 2px 0px 0px; border-top:1px #e6e6e6 solid; border-right:1px #e6e6e6 solid; border-left:1px #e6e6e6 solid; border-bottom:1px #b3b3b3 solid; cursor:pointer;}
.tabs_wrap .tabs .tab:hover {border-top:1px #b3b3b3 solid; border-right:1px #b3b3b3 solid; border-left:1px #b3b3b3 solid;}
.tabs_wrap .tabs .active {height:30px !important; line-height:30px; border-top:1px #b3b3b3 solid; border-right:1px #b3b3b3 solid; border-left:1px #b3b3b3 solid; border-bottom:1px #ffffff solid !important; z-index:777;}
.tabs_wrap .tabs .tab p {font-size: 16px; letter-spacing:-0.075em; line-height:28px; color:#808080; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-break:normal; word-wrap:break-word; vertical-align:middle;}
.tabs_wrap .tabs .tab p:hover, .tabs_wrap .tabs .active p {color:#000000 !important;}
.tabs_wrap .tabs .tab button.favorite_select {display:inline-block; margin-left:6px; margin-top:-3px; width:12px; height:12px; background-image:url('../img/icon_favorite_select.png'); background-color:transparent;}
.tabs_wrap .tabs .tab button.favorite_deselect {display:inline-block; margin-left:6px; margin-top:-3px; width:12px; height:12px; background-image:url('../img/icon_favorite_deselect.png'); background-color:transparent;}
.tabs_wrap .tabs .tab:hover button.tab_close_off,
.tabs_wrap .tabs .tab button.tab_close_on {display:inline-block; margin-left:10px; margin-top:-3px; width:12px; height:12px; background-image:url('../img/tab_close_on.png'); background-color:transparent;}
.tabs_wrap .tabs .tab button.tab_close_off {display:inline-block; margin-left:10px; margin-top:-3px; width:12px; height:12px; background-image:url('../img/tab_close_off.png'); background-color:transparent;}

.tabs_wrap .tabs .untab p {font-size:13px; letter-spacing:-0.075em; line-height:28px; color:#000000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-break:normal; word-wrap:break-word; vertical-align:middle;}
.tabs_wrap .tabs .untab {display:inline-flex; background-color:#fafafa; padding:0px 8px 0px 10px; margin:1px 2px 0px 0px; border-top:1px #fafafa solid; border-right:1px #fafafa solid; border-left:1px #fafafa solid;}

.tabs_wrap .tabs_right {position:relative; float:right; right:20px; margin:0px; padding:0px; font-size:0px; width:625px; height:31px; display:inline-flex; justify-content:flex-end; align-items:flex-start;}
.tabs_wrap .tabs_right li {display:inline-block; padding:0px 15px; font-size: 14px; color:#333333; height:23px; line-height:23px; border-left:1px #dbdbdb solid;}
.tabs_wrap .tabs_right li:last-child {padding:0px 0px 0px 14px;}
.tabs_wrap .tabs_right li span {color:#00a1b2; font-weight:bold;}
.tabs_wrap .tabs_right li p {margin-top:-1px;}
.tabs_wrap .tabs_right li select {margin-top:-1px; width:54px; height:23px; border:1px #dbdbdb solid;}
.tabs_wrap .tabs_right li button {display:inline-block; width:13px; height:13px; background-color:transparent;}
.tabs_wrap .tabs_right li .btn_first {background-image:url('../img/btn_first.png');}
.tabs_wrap .tabs_right li .btn_prev {margin-left:6px; background-image:url('../img/btn_prev.png');}
.tabs_wrap .tabs_right li .btn_next {background-image:url('../img/btn_next.png');}
.tabs_wrap .tabs_right li .btn_end {margin-left:6px; background-image:url('../img/btn_end.png');}
.tabs_wrap .tabs_right li .btn_go {margin-left:6px; width:30px; height: 100%; background-color: gray; color: white}
.tabs_wrap .tabs_right li span.page {color:#0052cc; font-weight:bold;}
.tabs_wrap .tabs_right li span.page_all {color:#000000;}


/* 그리드 : list */
.contents .grid_wrap {position:relative; margin:0px; padding:0px; width:100%;}
.contents .grid_wrap table, .contents .grid_wrap2 table {box-sizing:content-box; width:100%;}
.contents .grid_wrap th, .contents .grid_wrap2 th {height:32px; box-sizing:content-box; border-bottom:1px #aeb8c2 solid; background-color:#edf5fc; color:#2e435c; font-size: 14px; letter-spacing:-0.05em; line-height: 14px;}
.contents .grid_wrap td, .contents .grid_wrap2 td {box-sizing:content-box; border-bottom:1px #d6d6d6 solid; text-align:center; height:32px; line-height:14px; font-size:14px; letter-spacing:-0.05em; padding:0px 9px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-break:normal; word-wrap:break-word;}
.contents .grid_wrap td:first-child, .contents .grid_wrap .checkbox, .contents .grid_wrap2 td:first-child, .contents .grid_wrap2 .checkbox {padding:0px 8px;}
.contents .grid_wrap tr:nth-child(2n), .contents .grid_wrap2 tr:nth-child(2n) {background-color:#f7f7f7;}
.contents .grid_wrap tr.stop td, .contents .grid_wrap2 tr.stop td {background-color:#fcf4f2 !important; color:#ff2a00;}
.contents .grid_wrap td a.popup-btn, .contents .grid_wrap2 td a.popup-btn {display:block; width:23px; height:19px; background-image:url('../img/icon_popup_open.png'); background-repeat:no-repeat; background-position:left center; background-size: 23px 19px; /* 이미지를 요소 크기에 맞게 조정 */}
.contents .grid_wrap table td a:hover {color:#074cb3;}

.contents .grid_wrap2 {position:relative; margin:0px; padding:0px; width:50%;}


/* 그리드 : 입력, 상세정보, 수정 */
.contents .grid_input_wrap, .contents .grid_detail_wrap, .contents .grid_modify_wrap {position:relative; margin:0px; padding:0px; width:100%;}
.contents .grid_input_wrap table, .contents .grid_detail_wrap table,
.contents .grid_modify_wrap table {box-sizing:content-box; width:100%; border-left:1px #d6d6d6 solid; border-top:1px #d6d6d6 solid;}
.contents .grid_input_wrap th,
.contents .grid_detail_wrap th, .contents .grid_modify_wrap th {padding-right:20px; box-sizing:content-box; border-right:1px #d6d6d6 solid; border-bottom:1px #d6d6d6 solid; background-color:#edf5fc; color:#2e435c; font-size:14px; letter-spacing:-0.05em; text-align:right;}
.contents .grid_input_wrap td, .contents .grid_modify_wrap td {padding:14px 14px; box-sizing:content-box; border-right:1px #d6d6d6 solid; border-bottom:1px #d6d6d6 solid; font-size: 14px;}
.contents .grid_detail_wrap td {padding:14px 14px; box-sizing:content-box; border-right:1px #d6d6d6 solid; border-bottom:1px #d6d6d6 solid; font-size:14px; letter-spacing:-0.05em;}

.contents .grid_input_wrap td input, .contents .grid_input_wrap td select,.contents .grid_wrap td select, .contents .grid_modify_wrap td input, .contents .grid_modify_wrap td select {height:26px; line-height:26px; border:1px #dbdbdb solid; display:inline-block; vertical-align:middle;}
.contents .grid_input_wrap td p input[type="radio"] + label,
.contents .grid_modify_wrap td p input[type="radio"] + label {display:inline-block; vertical-align:middle;}
.contents .grid_input_wrap td p.search_input,
.contents .grid_wrap td p.search_input,
.contents .grid_modify_wrap td p.search_input {width:170px;}
.contents .grid_input_wrap td p.search_input input,
.contents .grid_wrap td p.search_input input,
.contents .grid_modify_wrap td p.search_input input {width:144px; height:26px; line-height:26px; border-left:1px #dbdbdb solid; border-top:1px #dbdbdb solid; border-right:none; border-bottom:1px #dbdbdb solid; display:inline-block; vertical-align:middle;}
.contents .grid_input_wrap td p.search_input button.btn_search,
.contents .grid_wrap td p.search_input button.btn_search,
.contents .grid_modify_wrap td p.search_input button.btn_search {display:inline-block; margin:0px; width:26px; height:26px; background-color:#9e9e9e; background-image:url('../img/btn_search.png');}
.contents .grid_input_wrap td a.filebox label,
.contents .grid_modify_wrap td a.filebox label {display:inline-block; height:26px; line-height:26px; margin-left:10px; padding:0px 20px 0px 20px; color:#ffffff; font-size: 14px; font-weight:bold; background-color:#333333; cursor:pointer; vertical-align:middle;}
.contents .grid_input_wrap td a.filebox label:hover,
.contents .grid_modify_wrap td a.filebox label:hover {background-color:#4d4d4d;}
.contents .grid_input_wrap td a.filebox input[type="file"],
.contents .grid_modify_wrap td a.filebox input[type="file"] { /* 파일 필드 숨기기 */ position:absolute; width:1px; height:1px; padding:0px; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0px;}
.contents .grid_input_wrap td textarea,
.contents .grid_wrap td textarea,
.contents .grid_modify_wrap td textarea {width:100%; padding:2px 8px 2px 10px; font-size: 14px; line-height:26px; letter-spacing:-0.05em; border:1px #dbdbdb solid;}
.contents .grid_input_wrap td div.attach_drag,
.contents .grid_detail_wrap td div.attach_drag,
.contents .grid_modify_wrap td div.attach_drag {display:inline-block; width:100%; height:100px; padding:4px 14px; border:1px #dbdbdb solid; vertical-align:top; line-height:30px;}
.contents .grid_input_wrap td button.attach_delete,
.contents .grid_modify_wrap td button.attach_delete {width:20px; height:20px; background-image:url('../img/login_icon_id.png');}
.contents .grid_input_wrap td p.notice {margin-top:5px; color:#074cb3;}
.contents .grid_modify_wrap td button.btn_delete {height:26px; line-height:26px; margin-left:10px; padding:0px 20px 0px 20px; color:#ffffff; font-size: 14px; background-color:#333333; cursor:pointer;}
.contents .grid_modify_wrap td button.btn_delete:hover {background-color:#4d4d4d;}


/* 모달 Alert */
.dimLayer{display:block; width:100%; background-color:rgba(0, 0, 0, 0.3); position:fixed; left:0; top:0px; margin:0; padding:0; z-index:9998;}
/*.modal{width:400px; height:140px; padding:30px 30px; box-sizing:border-box; text-align:center; box-shadow:1px 1px 5px rgba(0, 0, 0, 0.06);}
.modal-section{background:#ffffff; box-sizing:border-box; display:none; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); display:none; z-index:9999;}
*/
.menu_msg{font-size:14px; color:#000000;}
.enroll_box p {padding-bottom:30px;}
.gray_btn {width:90px; background:#ffffff; color:#999999; height:32px; line-height:32px; transition:0.1s; font-size:13px;}
.btn_ok {width:90px; background:#1f1f1f; color:#fff; height:32px; line-height:32px; transition:0.1s; font-size:13px; border:none;}


/* Footer */
footer .copyright_wrap {position:relative; float:left; margin-left:18px; padding-top:18px; font-size: 16px; letter-spacing:-0.025em; line-height:11px;}
footer .copyright_wrap .footer_phone {display:inline-block; color:#333333; padding-right:20px; border-right:1px #8a8a8a solid;}
footer .copyright_wrap a {display:inline-block; padding-left:16px; color:#000000; font-weight:bold;}
footer .copyright_wrap .copyright {margin-top:10px; color:#666666;}

footer .footer_logo {position:relative; float:right; margin-right:18px;}
footer .footer_logo select {width:150px; height:32px; border:1px #dbdbdb solid;}
footer .footer_logo h6 {display:inline-block; margin-left:15px; width:62px; height:36px; background-image:url('../img/logo.png'); background-repeat:no-repeat; background-position:left top -12px;}


/* Common */
.al-l {text-align:left !important;}
.al-c {text-align:center !important;}
.al-r {text-align:right !important;}

.ml20 {margin-left:20px !important;}

.readonly {color:#808080; background-color:#f5f5f5;}

.th-col-2 {
    padding: 14px;
    text-align: center !important;
}

.grid_input_wrap.input-100 input {
    width: 100%;
}

.input-date {
    width: 150px !important;
}

.writing td {
    background-color: #F8FBFF !important;
    color: #0052CC !important;
}

.complete td {
    background-color: #FEFFD2 !important;
}

.complete-td {
    background-color: #FEFFD2 !important;
}


.input-radio {
    width: auto !important;
}

.wd15 {
    width: 15px !important
}

.wd20{
    width: 20px !important;
}

.wd25 {
    width: 25px !important
}

.wd30 {
    width: 30px !important
}

.wd40 {
    width: 40px !important
}

.wd45 {
    width: 45px !important
}
.wd45.gray {
    border: 1px #dbdbdb solid;
    height: 21px;
}

.wd50 {
    width: 50px !important
}

.wd55 {
    width: 55px !important
}

.wd60 {
    width: 60px !important
}

.wd65 {
    width: 65px !important
}

.wd70 {
    width: 70px !important
}

.wd77 {
    width: 77px !important
}

.wd100 {
    width: 100px !important
}

.wd110 {
    width: 110px !important
}

.wd114 {
    width: 114px !important
}

.wd120 {
    width: 120px !important
}

.wd140 {
    width: 140px !important
}

.wd145 {
    width: 145px !important
}

.wd150 {
    width: 150px !important
}

.wd170 {
    width: 170px !important
}

.wd201 {
    width: 201px !important
}

.wd215 {
    width: 215px !important
}

.wd220 {
    width: 220px !important
}

.wd231 {
    width: 231px !important
}

.wd300 {
    width: 300px !important
}

.wi100_per {
    width: 100% !important;
}

/*btn*/
.btn {
    display: inline-block;
    margin: 0 1px;
    padding: 2px 12px;
    cursor: pointer
}

.btn.btn_blue {
    background: #2c97db;
    color: #fff
}

.btn.btn_darkblue {
    background: #014888;
    color: #fff
}

.btn.btn_gray {
    background: #666666;
    color: #fff
}

.btn.btn_black {
    background: #333;
    color: #fff
}

th span {
    font-size: 14px;
    font-weight: normal;
    color: #333;
}

.grid_detail_wrap th span, .grid_input_wrap th span {
    font-weight: bold !important;
}

.radio-btn {
    width: 100px;
    height: 26px;
    padding: 0px 8px;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.9px;
    border-radius: 30px;
    background: #F0F0F0;
    color: #333;
}

.bg-red {
    background-color:#fcf4f2 !important;
    color:#ff2a00 !important;
}

.bg-blue {
    background-color:#F8FBFF !important;
    color:#0052CC !important;
}

.bg-yellow {
    background-color: #FEFFD2 !important;
}

.bg-purple {
    background-color: #FFF0F5 !important;
    color:#9932CC !important;
}

.font-color-red {
    color:#ff2a00 !important;
}

.font-color-blue {
    color:#0052CC !important;
}

.grid_wrap.flex,
.grid_detail_wrap.flex,
.grid_input_wrap.flex {
    width: 49%;
    margin-right: auto;
    margin-left: auto;
}

.contents.flex {
    display: flex;
}

.grid_input_wrap select {
    width: 100%;
}

.th-only {
    padding-right: 0px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    text-align: center !important;
}

.th-only-content-center td {
    text-align: center;
}

.table-border-right {
    border-right: 1px #aeb8c2 solid;
}

input:disabled {
    color: #808080;
    background-color: #f5f5f5;
}

.m_menu,
.b_menu {
    position : relative;
}

.menu_box a:hover {
    background-color: #f0f0f0;
}

.menu_box > .b_menu > .m_menu > .s_menu {
    position: relative;
    display: none;
}

.menu_box > .b_menu > a {
    display: block;
    height: 52px;
    line-height: 52px;
    padding-left: 20px;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
}

.menu_box > .b_menu > .m_menu > a {
    display: block;
    height: 52px;
    line-height: 52px;
    padding-left: 20px;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
}

.menu_box > .b_menu > .m_menu > .s_menu > a {
    text-indent: 20px;
    display: block;
    height: 52px;
    line-height: 52px;
    padding-left: 20px;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
}

.menu_box a.active {
    background-color:#f0f0f0
}

.menu_box > .b_menu > .m_menu > p {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 15px;
    right: 15px;
}

.menu_box > .b_menu > .m_menu > .s_menu > p {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 15px;
    right: 15px;
}

button.ex_btn_common,
button.btn_common {
    display:inline-block;
    margin-left:10px;
    padding:0px 8px;
    min-width: 68px;
    width: auto;
    height:26px;
    color:#ffffff;
    font-size: 14px;
    background-color:#808080;
    letter-spacing:-0.075em;
}

.btn_common.blue,
.ex_btn_common.blue,
.btn_uncommon.blue {
    background-color: #09409e !important;
}

.btn_uncommon.light_blue {
    background-color: #2c97db !important;
}

.btn_common.black,
.ex_btn_common.black,
.btn_uncommon.black {
    background-color: black !important;
}


.row-edit-btn {
    display:inline-block;
    padding:0px 8px;
    height:26px;
    color:#ffffff;
    font-size: 14px;
    letter-spacing:-0.075em;
    background-color: #09409e;
    margin-left: 0;
    width: 68px;
}

.grid_input_wrap input[type="radio"] {
    width: auto;
}

.btn_group span {
    cursor: pointer;
}

.grid_input_wrap.modify {
    display: flex;
    margin-top: 10px;
}

.radio-btn.checked {
    background: #09409E;
    color: white;
}

.grid_input_wrap.modify input[type=radio],
.grid_detail_wrap.modify input[type=radio],
.grid_input_wrap.radio input[type=radio],
.modal-content-body input[type=radio] {
    display: none;
}

.grid_input_wrap.modify input[type=radio]+label,
.grid_detail_wrap.modify input[type=radio]+label,
.grid_input_wrap.radio input[type=radio]+label,
.modal-content-body input[type=radio]+label {
    display: inline-flex;
    width: 100px;
    height: 26px;
    padding: 0px 8px;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.9px;
    background: #F0F0F0;
    color: #333;
    cursor: pointer;
}

.grid_input_wrap.modify input[type=radio]+label:first-of-type,
.grid_detail_wrap.modify input[type=radio]+label:first-of-type,
.grid_input_wrap.radio input[type=radio]+label:first-of-type,
.modal-content-body input[type=radio]+label:first-of-type {
    border-radius: 8px 0 0 8px;
    margin-right: -5px;
}

.grid_input_wrap.modify input[type=radio]+label:not(:first-of-type):not(:last-of-type),
.grid_detail_wrap.modify input[type=radio]+label:not(:first-of-type):not(:last-of-type),
.grid_input_wrap.radio input[type=radio]+label:not(:first-of-type):not(:last-of-type),
.modal-content-body input[type=radio]+label:not(:first-of-type):not(:last-of-type) {
    border-right: 1px #dbdbdb solid;
    border-left: 1px #dbdbdb solid;
    margin-left: -5px;
}

.grid_input_wrap.modify input[type=radio]+label:last-of-type,
.grid_detail_wrap.modify input[type=radio]+label:last-of-type,
.grid_input_wrap.radio input[type=radio]+label:last-of-type,
.modal-content-body input[type=radio]+label:last-of-type{
    border-radius: 0 8px 8px 0;
    margin-left: -5px;
}

.grid_input_wrap.modify input[type=radio]:checked+label,
.grid_detail_wrap.modify input[type=radio]:checked+label,
.grid_input_wrap.radio input[type=radio]:checked+label,
.modal-content-body input[type=radio]:checked+label {
    background-color: #09409E;
    color: #fff;
}

.grid_input_wrap.radio .table-readonly input[type=radio]:checked+label,
.grid_detail_wrap.radio .table-readonly input[type=radio]:checked+label {
    background-color: #808080;
    color: white !important;
}

.depth1-bg {
    height: 100%;
    display: flex;
    align-items: center;
    background-color: #e1f2f5;
    border-right: 1px solid #d8e3e5;
}

.menu_all.selected {
    background-image: url("../img/icon_menu_all_on.png") !important;
}

.table-xscroll {
    width: max-content !important;
    min-width: 100%;
}

.grid_wrap.popup {
    overflow: auto;
    height: 600px;
}

.grid_wrap.popup th {
    padding: 10px;
}

.list-sum {
    background-color: #F8FBFF !important;
    color: #0052CC;
    font-weight: bold;
}

.file-txt {
    margin-right: 20px;
    color: #0075FF;
}

.file-txt:hover{
    border-bottom: 1px solid #0075FF ;
    color: #0075FF;
}

.route-cnt {
    text-align: center;
}

.route-cnt select{
    max-width: 100%;
}

.route-cnt select,
.route-cnt input {
    border : 1px #dbdbdb solid;
}

.route-cnt .btn {
    width: 60px !important;
    text-align: center !important;
    padding: 7px !important;
}

.grid_detail_wrap tr{
    height: 41px;
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1000;
}

.modal-content {
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 800px;
    height: 700px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px;
    background: #FFF;
    text-align: center;
}

.modal-content-ofdocNo {
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 800px;
    height: auto;
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px;
    background: #FFF;
    text-align: center;
}

#ofdocNoResultTable{
    display: none;
    margin-top : 15px;
}

#ofdocNoResult th{
    padding : 10px;
}

#ofdocNoResult{
    text-align: left;
    padding: 10px;
}

.modal-content-ofdocNo-body tr{
    background-color: #FFF;
    align-items: center;
    text-align: unset; !important;
    height: 50px;
    width : 90%;
}

.modal-content-ofdocNo-body input,
.modal-content-ofdocNo-body button{
    width: 90%;
    height: 32px;
}

.modal-content-head {
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-content-head a {
    position: relative;
    left: 197px;
    font-size: 35px;
    font-weight: lighter;
}

.modal-content-head h2 {
    text-align: left;
    width: 90%;
    height: auto;
    color: #ffffff;
    font-size: 16px;
}


.modal-content-body {
    display: block; /* flex 레이아웃 삭제 */
    justify-content: space-between;
    padding: 10px;
    box-sizing: border-box;
}

.modal-content-body .download-wrapper {
    padding: 10px;
    margin-bottom: 20px;
}

.modal-content-body .download-wrapper select{
    width: 35%;
}

.modal-content-body .download-wrapper h2 {
    color: #2E435C;
    font-size: 15px;
    text-align: left;
    margin-bottom: 10px;
}

.modal-content-foot {
    padding: 20px;
}

.modal-content-head h1 {
    background-image: url('../img/logo.png');
    background-repeat: no-repeat;
    background-position: top -1px left 0px;
    padding: 0px 0px 0px 69px;
    width: 300px;
    height: 60px;
    color: #093e99;
    font-size: 24px;
    font-family: 'GyeonggiTitle';
    font-weight: 500;
    line-height: 60px;
    letter-spacing: -0.09em;
    margin-left: 20px;
    vertical-align: baseline;
}

.modal-content-body table {
    box-sizing: content-box;
    width: 100%;
}

.modal-content-body tr {
    display: flex;
    flex-direction: column;
}

.modal-content-body th {
    text-align: left !important;
    vertical-align: inherit;
    min-height: 18px;
    font-weight: 200;
    box-sizing: content-box;
    font-size: 13px !important;
    padding: 10px 14px 0px 14px;
}

.modal-content-body td {
    text-align: left !important;
    vertical-align: inherit;
    min-height: 32px;
    font-size: 14px;
    text-align: left;
    box-sizing: content-box;
    padding: 3px 14px 0px 14px;
}



.modal-content-body input {
    width: 100%;
    height: 26px;
    line-height: 26px;
    border: 1px #dbdbdb solid;
    display: inline-block;
    vertical-align: middle;
}

.modal-content-body select {
    width: 100%;
    height: 26px;
    line-height: 26px;
    border: 1px #dbdbdb solid;
    display: inline-block;
    vertical-align: middle;
}


.modal-content-body form {
    display: flex;
}

.btn_common.btn-modal {
    width: 140px;
    height: 50px;
    font-size: 16px;
    font-weight: 600;
}

.provision-wrapper {
    text-align: left;
    padding: 15px;
}

.provision-wrapper p {
    margin-bottom: 10px;
    font-weight: 600;
}


.provision-content {
    border: 1px #dbdbdb solid;
    width: 100%;
    height: 150px;
    padding: 4px;
    letter-spacing: 0.2px;
    overflow: auto;
    word-break: break-word;
    white-space: pre-line;
    line-height: 20px;
    font-size: 14px;
}

.provision-wrapper span,
.provision-wrapper input {
    float: right;
    margin-top: 7px;
    margin-left: 4px;
}

.grid_detail_wrap.tb-c th,
.grid_detail_wrap.tb-c td {
    text-align: center !important;
    padding-right: 0px !important;
}

.grid_detail_wrap h2,
.grid_wrap h2 {
    margin-top: 20px;
    margin-bottom: 10px;
}

.contents h2,
.grid_input_wrap h2 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.th-only th {
    padding-right: 0px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    text-align: center !important;
}

.radio-day input[type=radio]+label{
    width: 40px !important;
    margin-right: -5px;
}

.wd-auto {
    width: auto !important;
    margin-right: 5px;
}

.wd-p-40 {
    width: 40% !important;
    margin-right: 5px;
}

.wd-p-75 {
    width: 75% !important;
    margin-right: 5px;
}

.wd-p-80 {
    width: 80% !important;
    margin-right: 5px;
}

.wd-p-90 {
    width: 90% !important;
    margin-right: 5px;
}

.compare-table.al-c th {
    padding-right: 0 !important;
    text-align: center !important;
}

.grid_wrap input {
    height:26px;
    line-height:26px;
    border:1px #dbdbdb solid;
    display:inline-block;
    vertical-align:middle;
    width: 100% !important;
}

.btn_uncommon {
    display: inline-block;
    margin-left: 10px;
    padding: 0px 8px;
    min-width: 68px;
    width: auto;
    height: 26px;
    color: #ffffff;
    font-size: 14px;
    background-color: #808080;
    letter-spacing: -0.075em;
}

.font-red {
    color: red !important;
}

.font-blue {
    color: #0052CC !important;
}
.font-blue.bold{
    color: #0052CC !important;
    font-weight: bold;
}

.sub_path_wrap .btn select {
    margin-top: -1px;
    width: 120px;
    height: 23px;
    border: 1px #dbdbdb solid;
    font-size: 14px;
}

.sub_path_wrap .btn li {
    font-size: 14px;
}
.bg-blue.bold {
    font-weight: bold;
}

.search-key {
    color: red;
    font-size: 16px;
}

.sub_path_wrap .btn button.excel-uncommon {
    display:inline-block;
    width:26px;
    height:26px;
    background-color:#128041;
    background-image:url('../img/icon_excel.png');
}
.sub_path_wrap .btn button.excel-uncommon:hover {
    background-color:#009942;
}

.grid_wrap input[type="checkbox"]{
    height: 15px !important;
}

.sub_path p {
    padding: 0px 20px 0px 18px;
    font-size: 15px;
    height: 46px;
    line-height: 46px;
    letter-spacing: -0.075em;
    color: black;
}

.depth02_bg.header_bg ul{
    width: 100%;
}

.autocomplete-input {
    display: block;
    width: 360px;
    margin: 10px auto 0;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 16px;
    outline: none;
}

.ui-autocomplete {
    position: absolute;
    max-height: 200px;
    margin: 0;
    padding: 0;
    background-color: #fff;
    border-right: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    border-left: 1px solid #ccc !important;
    border-top: 0 !important;
    border-radius: 0;
    z-index: 1;
    list-style: none;
    overflow-y: auto;
}

.ui-autocomplete li {
    padding: 10px;
    cursor: pointer;
    font-size: 13px;
    color: #000;
}

.ui-autocomplete li strong {
    color: #0077cc;
}

.ui-helper-hidden-accessible {
    display: none;
}

#ui-id-1 {
    width: 288px !important;
    z-index: 999999999999999999999;
    overflow-x: hidden;
}

#timer {
    color: #09409e;
    font-weight: bolder;
}

/* .ui-state-active {
    background-color: #f7f7f7 !important;
    color: black !important;
    border: none !important;
} */
.ui-state-active {
    background-color: #e0e0e0 !important;
    color: black !important;
    border: none !important;
     -webkit-text-stroke: 1px #333; /* 텍스트에 1픽셀 두께의 보더 추가 */
}

.header {
    position: sticky;
    height: 61px;
    top: 0;
    z-index: 999999;
}

.sub_path_wrap {
    position: sticky !important;
    top: 61px;
    z-index: 9999;
}

.depth_02 {
    z-index: 9999999 !important;
}

.ui-datepicker{
    z-index : 10 !important;
}

.question-mark {
    width: 16px;
    height: 16px;
    bottom: 10px;
    position: relative;
}

.question-mark-txt {
    display: none;
    width: 147px;
    background-color: #09409e;
    font-size: 14px;
    color: white;
    letter-spacing: -0.075em;
    text-align: center;
    padding: 9px 8px 10px 7px;
    position: absolute;
    z-index: 1;
    left: 200px;
    margin-right: 0px;
}

.question-mark:hover + .question-mark-txt {
    display: block;
}

.dropdowns {
    display: inline-block;
}

.dropbtns {
    background:#ffffff url('/resources/img/select_arrow.png') no-repeat right 6px center;
    display: inline-block;
    border: 1px #dbdbdb solid;
    color: black;
    height: 26px;
    line-height: 26px;
    font-family: inherit;
    font-size: inherit;
    cursor: pointer;
    width: 170px;
    padding-left: 10px;
    padding-right: 30px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: normal;
    word-wrap: break-word;
}

.dropdown-contents {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 170px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    max-height: 298px;
    overflow-y: auto;
}

.show {
    display: block !important;
}

.dropdown-contents label {
    color: black;
    padding: 2px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-contents label:hover {
    background-color: #ddd;
}

.swal2-title {
    letter-spacing: 1px;
    font-size: 15px;
    line-height: 30px;
}

.mloading {
    z-index: 999999 !important;
}


.contents .grid_wrap th, .contents .grid_wrap2 th {
    box-sizing:content-box;
    border-bottom:1px #d6d6d6 solid;
    text-align:center;
    height:40px;
    line-height:16px;
    font-size:14px;
    letter-spacing:-0.05em;
    padding:0px 9px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    word-break:normal;
    word-wrap:break-word;
}

.date_ip {
    width: 140px;
}

.home {
    cursor: pointer;
}

label{
    user-select: none; /* 표준 속성 */
    -webkit-user-select: none; /* 사파리 */
    -moz-user-select: none; /* 파이어폭스 */
    -ms-user-select: none; /* 인터넷 익스플로러/엣지 */
}

    /* 버튼 스타일링 */
#topButton {
    display: none; /* 기본적으로 숨김 */
    position: fixed; /* 화면에 고정 */
    bottom: 20px; /* 아래에서 20px 위 */
    right: 30px; /* 오른쪽에서 30px 왼쪽 */
    z-index: 99; /* 다른 요소 위에 표시 */
    font-size: 18px; /* 글자 크기 */
    border: none; /* 테두리 없음 */
    outline: none; /* 아웃라인 없음 */
    background-color: #555; /* 배경색 */
    color: white; /* 글자색 */
    cursor: pointer; /* 커서 모양 */
    padding: 15px; /* 패딩 */
    border-radius: 4px; /* 모서리 둥글게 */
}

#topButton:hover {
    background-color: #333; /* 마우스 오버 시 배경색 */
}

.table-btn-th {
    padding-top: 10px;
    padding-bottom: 10px;
}

.icon-button, .icon-button img {
    width: 20px !important;
    height: 20px !important;
}
.header-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.header-text {
    margin-bottom: 10px;
    font-weight: bold;
}
.header-buttons {
    display: flex;
    gap: 10px;
}
.icon-button {
    width: 25px;
    height: 25px;
    border: none;
    padding: 0;
    background: none;
    cursor: pointer;
}

.icon-button img {
    width: 100%;
    height: 100%;
    display: block;
}

tr[transaction-detail-dup]:hover,
tr[transaction-detail]:hover {
    background: #E1E1E1 !important;
}

#wrap table tr {
    cursor: default !important;
}

.border-red {
    border: 1px red solid !important;
}

span.except-for-drt,
span.include-for-drt,
span.shift-down-for-drt,
span.shift-down-for-drt {
    font-weight: bold !important;
}

header .toputil-right > ul > li div.user {display:inline-block; height:24px; cursor: pointer}
header .toputil-right ul li div.user {width:24px; background-image:url('../img/icon_user.png');}
header .toputil-right ul li div.user:hover {background-image:url('../img/icon_user_on.png');}
header .toputil-right ul li div.user div.usertext {visibility:hidden; width:183px; background-color:#1f1f1f; font-size: 14px; color:#dbdbdb; letter-spacing:-0.075em; text-align:center; padding:9px 8px 10px 7px; position:absolute; z-index:1; top:41px; right: 0;}
header .toputil-right ul li div.user div.usertext span {color:#00e6ff; font-size: 14px; font-weight:bold;}
header .toputil-right ul li div.user div.usertext button {margin-top:8px; width:127px; height:22px; color:#000000; font-size: 14px; letter-spacing:-0.075em; background-color:#ffffff;}
/*header .toputil-right ul li a.user div.usertext::after {content:""; position:absolute; bottom:100%; left:50%; margin-left:-3px; border-width:5px; border-style:solid; border-color:transparent transparent black transparent;}*/
header .toputil-right ul li div.user:hover div.usertext {visibility:visible;}

#readonly-false input[type=radio]:checked+label,
#readonly-false input[type=radio]:checked+label {
    background-color: #09409E !important;
    color: #fff !important;
}

.btn_uncommon2 {
    display: inline-block;
    margin-left: 10px;
    padding: 0px 8px;
    min-width: 68px;
    width: auto;
    height: 26px;
    color: #ffffff;
    font-size: 14px;
    background-color: #808080;
    letter-spacing: -0.075em;
}

.btn_uncommon2.blue {
    background-color: #09409e !important;
}

.btn_common.red,
.btn_uncommon.red {
    background-color: #ec4558 !important;
}

.join-span-wrapper {
    margin-bottom: 7px !important;
}

.dz-progress{
    background-color: unset !important;
}

pre{
    white-space: pre-wrap;
    word-break: break-all;
    overflow: auto;
}