@charset "utf-8";
/* HTML Elements
---------------------------------------------------------*/

body { font: 13px/1.5em 'NotoSans', ' Malgun Gothic', sans-serif; color: #222222; /*letter-spacing:-0.02em*/ }
a:link, a:visited { color: #222222; text-decoration: none; cursor: pointer; }
a:hover, a:active { color: #000000; text-decoration: none; cursor: pointer; }
table a:link, table a:visited { color: #1662dd; text-decoration: none; }
/*table a:link, table a:visited { text-decoration:none; }*/
table a:hover, table a:active { text-decoration: underline; color: #2d72da; }
input.required, select.required { border: 1px solid #f56e50 !important }
/* 진함 input:required, select:required {background-color: #fddcdc; border:1px solid #fbcaca} */
/* 여림 input:required, select:required {background-color: #fff5f5; border:1px solid #fbd1d1} */
input:required, textarea:required, select:required {
background-color: #fff0f0;
border:1px solid #fbd1d1
} /* 중간 */
input[type="text"], input[type="password"], input[type="search"], input[type="file"], input[type="date"], input[type="month"], select, textarea, button { font: 13px 'NotoSans', 'Malgun Gothic', sans-serif; }
input[type="text"], input[type="password"], input[type="search"], input[type="file"], input[type="month"] { height: 32px; padding: 2px 5px; border: 1px solid #ddd; box-sizing: border-box; vertical-align: middle; font-weight: 200; border-radius: 0.15rem; background-color: #fff; background-clip: padding-box; }
input:focus { border: 1px solid #61666f; background: #fff; outline: 0 }
input[type="file"] { padding: 1px 5px; line-height: 21px; vertical-align: top; width: 100%; }
select { padding: 0 0 0 10px; font-weight: 200; border-radius: 0.15rem; background-color: #fff; background-clip: padding-box; border: 1px solid #ddd; }
select:focus { border: 1px solid #61666f; background: #fff; outline: 0 }
input[readonly="read-only"], textarea[readonly="read-only"], select[readonly="read-only"] { border: 1px solid #ddd; background: #eef2f7; color: #6c757d; }
input:read-only, textarea:read-only {
border:1px solid #ddd;
background:#eef2f7;
color:#6c757d;
}
input[disabled="disabled"], input:disabled, textarea[disabled="disabled"], textarea:disabled, select[disabled="disabled"], select:disabled { border: 1px solid #ddd; background: #eef2f7; color: #6c757d; }
input[type="radio"][readonly="read-only"], input[type="radio"][read-only], input[type="checkbox"][readonly="read-only"], input[type="checkbox"][read-only], input[type="radio"][disabled="disabled"], input[type="radio"][disabled], input[type="checkbox"][disabled="disabled"], input[type="checkbox"][disabled] { border: none; background: none; }
input.ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
input[type="date"] { width: 130px; height: 32px; padding: 2px 5px; border: 1px solid #dddddd; line-height: 32px; color: #101010; font-weight: 200; box-sizing: border-box; vertical-align: middle; border-radius: 0.15rem; }
input[type="date"]:read-only {
border:1px solid #ddd;
background:#eef2f7;
color:#6c757d;
}
textarea { display: block; width: 100%; padding: 2px 5px; box-sizing: border-box; border: 1px solid #dddddd; line-height: 18px; vertical-align: middle; resize: vertical; border-radius: 0.15rem; font-weight: 200; }
input[type="checkbox"], input[type="radio"] { margin: 0 4px; vertical-align: middle; }
button { overflow: visible; display: inline-block; margin: 0; padding: 0; cursor: pointer; border: 0; white-space: nowrap; box-sizing: content-box; background: none; border-radius: 4px; }
button[disabled="disabled"], button[disabled="disabled"]:hover, button[disabled="disabled"]:focus { color: #a5a5a5; text-decoration: none; cursor: default; }
option { line-height: 16px; padding: 0 4px; font-weight: 200; }
select { min-width: 70px; height: 32px; line-height: 32px; padding: 2px; }
table select { min-width: 70px; height: 32px; line-height: 32px; padding: 2px; }
table input, table input[type="file"], table button, table a, table select { vertical-align: middle; }
mark { color: #00b0fd; text-decoration: underline; font-weight: 500; }
input.error { border: 1px solid #f05d5d; background: #facece; }
input.text { padding: 2px; border: 0; background: transparent; }
input.text:focus { padding: 2px; border: 0 !important; background: none !important }
textarea.current { border: 1px solid #8aa6be; background: #e0f4ff; }
textarea.error { border: 1px solid #f05d5d; background: #facece; }
textarea.text { padding: 2px; border: 0; background: transparent; }
.green { color: #22b994 !important; }
.blue { color: #2d9cf5 !important; }
.yellow { color: #ffb000 !important; }
.orange { color: #ff9161 !important; }
.red { color: #f05d5d !important; }
.bg_red { background: #f05d5d !important; color: #fff !important; font-size: 16px; }
.btn_color { padding: 1px 4px; font-size: 11px; border-radius: 9px; color: #fff }
.btn_color span { color: #fff }
.btn_color.green { background: #22B994 }
.btn_color.blue { background: #319EF5 }
.btn_color.red { background: #F05D5D }
/*검색버튼 스타일*/
.searchb { overflow: hidden; display: inline-block; position: relative; padding-right: 20px; vertical-align: middle }
.searchb input { border-right: none; box-sizing: border-box; width: 100% }
.searchb input.current, .searchb input[type="text"]:focus { border-right: none }
.searchb input + button { position: absolute; bottom: 0; right: 0; border-left: 1px solid #C3C3C3 }
/* 첨부파일 스타일 */
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; border: 0 }
.filebox label { cursor: pointer; display: inline-block; vertical-align: middle }
.upload-name:focus+label { background: #000 !important }
.filebox .upload-name { appearance: none; color: #444 }
/* Global
---------------------------------------------------------*/
.skiplink { display: block; }
.skiplink p a { position: absolute; display: block; width: 100%; left: 0; text-align: center; top: -10000px; z-index: 500; font-size: 1.3em; }
.skiplink p a:hover, .skiplink p a:focus, .skiplink p a:active { position: absolute; top: 0; padding: 20px 0; font-weight: 400; color: #fff; background: #053B72; z-index: 500; }
/* 버튼 스타일
---------------------------------------------------------*/
.btn_section:after, .btn_total:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.btn_total { padding-bottom: 4px; }
.btn_total a, .btn_total button { display: inline-block; height: 28px; padding: 0 15px; border: 1px solid #8796ac; border-radius: 0.15rem; font-size: 13px; font-weight: 400; color: #fff; line-height: 28px; box-shadow: 0px 1px 1px #e8e8e8; border-radius: 0.15rem; background: #8796ac; background: linear-gradient(#8796ac, #8796ac); }
.btn_total button:hover { border: 1px solid #728298; box-shadow: 0px 1px 1px #e8e8e8; background: linear-gradient(#728298, #728298); }
.btn_total button:active, .btn_total a:active { /*box-shadow:inset 3px 3px 3px #cdcdcd;*/ }
.btn_total a[disabled="disabled"], .btn_total a[disabled="disabled"]:active, .btn_total button[disabled="disabled"], .btn_total button[disabled="disabled"]:active { border: 1px solid #cecece; color: #acacac; box-shadow: 0px 1px 1px #e8e8e8; background: #f1f1f1; filter: none; }
.btn_type1 { padding-bottom: 4px; }
.btn_type1 a, .btn_type1 button { display: inline-block; height: 28px; padding: 0 15px; border: 1px solid #5d6dc3; font-size: 13px; font-weight: 400; color: #5d6dc3; line-height: 28px; box-shadow: 0px 1px 1px #e8e8e8; border-radius: 0.15rem; }
.btn_type1 button:hover { border: 1px solid #5d6dc3; box-shadow: 0px 1px 1px #e8e8e8; background: #5d6dc3; color: #fff; }
.btn_type1 button:active, .btn_type1 a:active { /*box-shadow:inset 3px 3px 3px #b44233;*/ }
.btn_type1 a[disabled="disabled"], .btn_type1 a[disabled="disabled"]:active, .btn_type1 button[disabled="disabled"], .btn_type1 button[disabled="disabled"]:active { border: 1px solid #cecece; color: #acacac; box-shadow: 0px 1px 1px #e8e8e8; background: #f1f1f1; filter: none; }
.btn_type2 { padding-bottom: 4px; }
.btn_type2 a, .btn_type2 button { display: inline-block; height: 28px; padding: 0 24px; border: 1px solid #00297A; font-size: 13px; font-weight: 400; color: #00297A; line-height: 28px; box-shadow: 0px 1px 1px #e8e8e8; border-radius: 0.15rem; }
.btn_type2 button:hover { border: 1px solid #00297A; box-shadow: 0px 1px 1px #e8e8e8; background: linear-gradient(#ffffff, #ffffff); }
.btn_type2 button:active, .btn_type2 a:active { /*box-shadow:inset 3px 3px 3px #2568d3;*/ }
.btn_type2 a[disabled="disabled"], .btn_type2 a[disabled="disabled"]:active, .btn_type2 button[disabled="disabled"], .btn_type2 button[disabled="disabled"]:active { border: 1px solid #cecece; color: #acacac; box-shadow: 0px 1px 1px #e8e8e8; background: #f1f1f1; filter: none; }
.btn_type3 { padding-bottom: 4px; }
.btn_type3 a, .btn_type3 button { display: inline-block; height: 28px; padding: 0 15px; border: 1px solid #5d6dc3; font-size: 13px; border-radius: 0.15rem; font-weight: 400; color: #fff; line-height: 28px; box-shadow: 0px 1px 1px #e8e8e8; background: #5d6dc3; }
.btn_type3 button:hover { border: 1px solid #4051ad; background: #4456b6; }
.btn_type3 a[disabled="disabled"], .btn_type6 a[disabled="disabled"]:active, .btn_type3 button[disabled="disabled"], .btn_type6 button[disabled="disabled"]:active { border: 1px solid #cecece; color: #a3a3a3; box-shadow: none; background: #f1f1f1;  }
.btn_type4 { padding-bottom: 4px; }
.btn_type4 a, .btn_type4 button { display: inline-block; vertical-align: top; height: 28px; padding: 0 15px; border: 1px solid #4fbde9; border-radius: 0.15rem; font-size: 13px; color: #fff; font-weight: 400; line-height: 28px; text-decoration: none; cursor: pointer; background: #4fbde9; }
.btn_type4 button:hover { border: 1px solid #45abde; box-shadow: 0px 1px 1px #e8e8e8; background: #4bafe0; color: #fff; }
.btn_type4 a span, .btn_type4 button span { display: block; height: 28px; }
.btn_type4 button[type="submit"], .btn_type4 button.submit { border: 1px solid #8a8a8a; color: #fff; background: #9a9a9a; background: linear-gradient(#aaa, #888); }
.btn_type4 button:active, .btn_type4 a:active { /*box-shadow:inset 2px 3px 3px #d8d8d8;*/ }
.btn_type4 button[type="submit"]:active, .btn_type4 button.submit:active { /*box-shadow:inset 2px 3px 3px #838383; */ }
.btn_type4 a[disabled="disabled"], .btn_type4 a[disabled="disabled"]:active, .btn_type4 button[disabled="disabled"], .btn_type4 button[disabled="disabled"]:active { border: 1px solid #cecece; color: #a3a3a3; box-shadow: none; background: #f1f1f1;  }
.btn_type5 { padding-bottom: 4px; }
.btn_type5 a, .btn_type5 button { display: inline-block; vertical-align: top; height: 28px; padding: 0 15px; border: 1px solid #6c757d; border-radius: 0.15rem; font-size: 13px; color: #fff; font-weight: 400; line-height: 28px; text-decoration: none; cursor: pointer; background: #6c757d; }
.btn_type5 button:hover { border: 1px solid #545b62; box-shadow: 0px 1px 1px #e8e8e8; background: #5a6268; color: #fff; }
.btn_type5 a span, .btn_type5 button span { display: block; height: 28px; }
.btn_type5 button[type="submit"], .btn_type5 button.submit { border: 1px solid #8a8a8a; color: #fff; background: #9a9a9a; background: linear-gradient(#aaa, #888); }
.btn_type5 button:active, .btn_type5 a:active { box-shadow: inset 2px 3px 3px #d8d8d8; }
.btn_type5 button[type="submit"]:active, .btn_type5 button.submit:active { box-shadow: inset 2px 3px 3px #838383; }
.btn_type5 a[disabled="disabled"], .btn_type5 a[disabled="disabled"]:active, .btn_type5 button[disabled="disabled"], .btn_type5 button[disabled="disabled"]:active { border: 1px solid #cecece; color: #a3a3a3; box-shadow: none; background: #f1f1f1; }
.btn_type6 { padding-bottom: 4px; }
.btn_type6 a, .btn_type6 button { display: inline-block; height: 28px; padding: 0 15px; border: 1px solid #323a46; border-radius: 0.15rem; font-size: 13px; font-weight: 400; color: #323a46; line-height: 28px; box-shadow: 0px 1px 1px #e8e8e8; }
.btn_type6 button:hover { border: 1px solid #323a46; box-shadow: 0px 1px 1px #e8e8e8; background: #323a46; color: #fff; }
.btn_type6 button:active, .btn_type6 a:active { /*box-shadow:inset 3px 3px 3px #1233ae;*/ }
.btn_type6 a[disabled="disabled"], .btn_type6 a[disabled="disabled"]:active, .btn_type6 button[disabled="disabled"], .btn_type6 button[disabled="disabled"]:active { border: 0px solid #cecece; color: #acacac; box-shadow: 0px 1px 1px #e8e8e8; background: #f1f1f1; filter: none; }
.btn_type7 { padding-bottom: 4px; }
.btn_type7 a, .btn_type7 button { display: inline-block; height: 28px; padding: 0 15px; border: 1px solid #f36270; font-size: 13px; border-radius: 0.15rem; font-weight: 400; color: #fff; line-height: 28px; box-shadow: 0px 1px 1px #e8e8e8; background: #f36270; }
.btn_type7 button:hover { border: 1px solid #e2484a; background: #e35054; }
.btn_type7 a[disabled="disabled"], .btn_type7 a[disabled="disabled"]:active, .btn_type7 button[disabled="disabled"], .btn_type7 button[disabled="disabled"]:active { border: 1px solid #cecece; color: #a3a3a3; box-shadow: none; background: #f1f1f1; }
.btn_type8 { padding-bottom: 4px; }
.btn_type8 a, .btn_type8 button { display: inline-block; height: 28px; padding: 0 15px; border: 1px solid #7f838b; font-size: 13px; border-radius: 0.15rem; font-weight: 400; color: #fff; line-height: 28px; box-shadow: 0px 1px 1px #e8e8e8; background: #7f838b; }
.btn_type8 button:hover { border: 1px solid #6c6f76; background: #6c6f76; }
.btn_type8 a[disabled="disabled"], .btn_type8 a[disabled="disabled"]:active, .btn_type8 button[disabled="disabled"], .btn_type8 button[disabled="disabled"]:active { border: 1px solid #cecece; color: #a3a3a3; box-shadow: none; background: #f1f1f1; }
.btn_total1 { }
.btn_total1 a, .btn_total1 button { display: inline-block; height: 28px; padding: 0 15px; border: 1px solid #b5b5b5; border-radius: 0.15rem; font-size: 13px; font-weight: 400; color: #444444; line-height: 28px; box-shadow: 0px 1px 1px #e8e8e8; background: #f1f1f1; }
.btn_total1 button:hover { border: 1px solid #acacac; box-shadow: 0px 1px 1px #e8e8e8; background: linear-gradient(#f9f9f9, #f9f9f9); }
.btn_total1 button:active, .btn_total1 a:active { box-shadow: inset 3px 3px 3px #cdcdcd; }
.btn_total1 a[disabled="disabled"], .btn_total1 a[disabled="disabled"]:active, .btn_total1 button[disabled="disabled"], .btn_total1 button[disabled="disabled"]:active { border: 1px solid #cecece; color: #acacac; box-shadow: 0px 1px 1px #e8e8e8; background: #f1f1f1; filter: none; }
#tabs { overflow: hidden; margin-bottom: 20px; border: 1px solid #4876ef; border-top: 0; border-left: 0; border-right: 0; }
#tabs li { list-style: none; float: left; position: relative; top: 1px; margin: 0 0.2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; background: #f5f3f3; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
#tabs li a { display: block; color: #233545; font-size: 13px; line-height: 30px; background: #f5f3f3; float: left; padding: 2px 8px 2px 10px; text-decoration: none; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
#tabs li.current { color: #fff; background: #4876ef; }
#tabs li.current a { color: #fff; background: #4876ef; }
#tabs li .ui-icon { width: 16px; height: 16px; display: block; text-indent: -99999px; overflow: hidden; background: url(../../_Images/common/icon_tab01_off.png) no-repeat 50% 50%; }
#tabs li .ui-icon-close { float: left; margin: 8px 9px 0 0; cursor: pointer; }
#tabs li:first-child { background: #fff !important }
#tabs li.current .ui-icon { width: 16px; height: 16px; display: block; text-indent: -99999px; overflow: hidden; background: url(../../_Images/common/icon_tab01_on.png) no-repeat 50% 50%; }
#tabs li.current .ui-icon-close { float: left; margin: 8px 9px 0 0; cursor: pointer; }
#tabs .tab_close a { list-style: none; float: left; position: relative; background: #fff url(../../_Images/common/icon_close.png) no-repeat 5px 50% !important; padding-left: 23px !important; color: #333 !important; border: 0px solid #e8e8e8 !important; margin-right: 5px; }
/* 탭 스타일
---------------------------------------------------------*/
ul.tab_type1 { overflow: hidden; margin-bottom: 10px; /*border: 1px solid #4876ef;*/ border: 1px solid #5d6dc3; border-top: 0; border-left: 0; border-right: 0; }
ul.tab_type1.upper, ul.tab_type2.upper, ul.tab_type3.upper { margin-bottom: 1px; background: none; }
ul.tab_type1:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
ul.tab_type1 li { list-style: none; float: left; position: relative; top: 1px; margin: 0 0.2em 0 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; background: #f5f3f3; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; }
ul.tab_type1 li a { display: block; color: #233545; font-size: 13px; line-height: 30px; background: #f5f3f3; float: left; padding: 2px 8px 2px 10px; text-decoration: none; border-top-left-radius: 0.25rem; }
ul.tab_type1 li .ui-icon { width: 16px; height: 16px; display: block; text-indent: -99999px; overflow: hidden; background: url(../../_Images/common/icon_tab01_off.png) no-repeat 50% 50%; }
ul.tab_type1 li .ui-icon-close { float: left; margin: 8px 9px 0 0; cursor: pointer; }
ul.tab_type1 li:first-child { background: #fff !important; border: 0px !important; }
ul.tab_type1 li:first-child a { border-left: 1px solid #e8effc; }
ul.tab_type1 li.selected { color: #fff; /*background: #4876ef; border: 1px solid #4876ef;*/ background: #5d6dc3; border: 1px solid #5d6dc3; }
ul.tab_type1 li.selected a { color: #fff; /*background: #4876ef;*/ background: #5d6dc3; font-weight: 400; }
ul.tab_type1 li.selected .ui-icon { width: 16px; height: 16px; display: block; text-indent: -99999px; overflow: hidden; background: url(../../_Images/common/icon_tab01_on.png) no-repeat 50% 50%; }
ul.tab_type1 li.selected .ui-icon-close { float: left; margin: 8px 9px 0 0; cursor: pointer; }
ul.tab_type1 .tab_close a { list-style: none; float: left; position: relative; background: #fff url(../../_Images/common/icon_close.png) no-repeat 5px 50% !important; padding-left: 23px !important; color: #333 !important; border: 0px solid #f5f3f3 !important; border-radius: 0px; }
ul.tab_type1 div .tab_clos { border: 1px solid #fff; background: #fff; }
ul.tab_type2 { margin-bottom: 15px; border-bottom: 2px solid #ebebed; }
ul.tab_type2:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
ul.tab_type2 li { float: left; margin-bottom: -2px; margin-right: 28px; }
ul.tab_type2 li a { display: block; padding: 10px 0px; line-height: 22px; color: #666; font-size: 13px; font-weight: normal; border: 1px solid #fff; border-left: 0px solid #fff; border-bottom: 2px solid #ebebed; background: #fff; }
ul.tab_type2 li a:hover { color: #222; }
ul.tab_type2 li.selected a { color: #1662dd; font-weight: 500; border: 1px solid #fff; border-bottom: 2px solid #1662dd; background: #fff; }
ul.tab_type3 { margin-bottom: 15px; border-bottom: 1px solid #61666f; }
ul.tab_type3:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
ul.tab_type3 li { float: left; margin-bottom: -1px; }
ul.tab_type3 li a { display: block; padding: 0 18px; line-height: 34px; color: #333; font-size: 13px; font-weight: 200; border: 1px solid #e5e5e5; border-left: 1px solid #fff; border-bottom: 1px solid #61666f; background: #ffffff; }
ul.tab_type3 li a:hover { background: #fff; border: 1px solid #e5e5e5; border-bottom: 1px solid #61666f; }
ul.tab_type3 li:first-child a { border-left: 1px solid #e5e5e5; }
ul.tab_type3 li.selected a { color: #222222; font-weight: 400; border: 1px solid #61666f; border-bottom: 1px solid #fff; background: #fff; }
ul.tab_type3 li.previous a { border-right: 1px solid #f7f7f7; }
ul.tab_type4 { margin-bottom: 15px; border-bottom: 0px solid #e4e4e4; }
ul.tab_type4:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
ul.tab_type4 li { float: left; }
ul.tab_type4 li a { display: block; padding: 8px 20px; font-size: 13px; font-weight: 400; border: 1px solid #e4e4e4; border-radius: 0.25rem; background: #fff; margin-right: 6px }
ul.tab_type4 li a:hover { color: #222 }
ul.tab_type4 li.selected a { font-weight: 400; border: 1px solid #326edc; }
.grid { margin-bottom: 3px; overflow: hidden; }
.grid aside { position: relative; line-height: 27px; text-align: right; margin-bottom: 7px; width: 100%; }
.grid aside:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.grid aside .floatLeft > span { display: inline-block; min-width: 92px; text-align: left; font-size: 13px; color: #1c1c1c; vertical-align: middle; }
.grid aside .floatLeft > span strong { margin: 0 4px; font-weight: 500 }
.grid aside .floatLeft .pages { width: auto; margin: 0; padding: 0; background: none; }
.grid aside .floatLeft .pages select, .grid aside .floatRight select { min-width: 70px; height: 32px; padding: 4px; }
.grid aside .floatLeft h3 { margin: 0; padding: 0; line-height: 27px; }
.grid aside .floatRight { }
.grid aside .bdrRight { float: left; margin-right: 4px; padding-right: 5px; background: url(../../images/bdr_grid_top.gif) no-repeat 100% 50%; }
.grid aside .gbutton { display: inline-block; height: 30px; padding: 0 10px; border: 1px solid #6c757d; font-size: 13px; color: #6c757d; font-weight: normal; line-height: 30px; background: #fff; border-radius: 0.15rem; }
.grid aside .gbutton:hover { background: #6c757d; color: #fff }
.grid aside .gbutton:focus, .grid aside .gbutton:active { text-decoration: none; }
.grid aside .gbutton[disabled="disabled"], .grid aside .gbutton[disabled="disabled"]:hover, .grid aside .gbutton[disabled="disabled"]:focus { color: #8a8a8a; border: 1px solid #dfdfdf; background: #f5f5f5; background: linear-gradient(#eee, #f7f7f7); }
/* contents Elements
---------------------------------------------------------*/
#content header { position: relative; margin-bottom: 5px; height: auto; margin-top: 5px; }
#content header:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
#content header h1, #content header a { display: inline-block; }
#content header h1 { font-size: 20px; color: #222; margin-top: 3px; font-weight: 500; }
#content header a { width: 20px; height: 20px; margin-top: -6px; border: 0; vertical-align: middle; background: url(../../images/btn_favorite.png) no-repeat 0 0; }
#content header a.current { background: url(../../images/btn_favorite.png) no-repeat 0 100%; }
#content header a span { overflow: hidden; display: block; visibility: hidden; width: 20px; height: 20px; font-size: 0; }
#content header aside { float: right; text-align: right; margin-top: 0px; margin-bottom: 0px; }
#content header aside ul li { font-size: 13px; display: inline-block; line-height: 17px; padding-right: 14px; color: #777777; background: url(../../_Images/common/location_after.png) no-repeat 100% 50%; }
#content header aside ul li.current { margin: 0; padding: 0; color: #2b66c6; text-decoration: underline; background: none; }
#content header aside ul li a { display: inline-block; width: auto; margin-top: 0px; color: #000000; background: none; }
#content header aside ul li a:hover { color: #4574d2; }
h1 { padding-bottom: 4px; line-height: 27px; }
h2 { padding-bottom: 4px; line-height: 27px; font-size: 15px; color: #5d6dc3; font-weight: 500; display:inline-block; }
h3 { padding-bottom: 10px; line-height: 16px; font-size: 14px; color: #151515; font-weight: normal; }
.search { margin-bottom: 10px; }
.search > dl { height: 27px; padding: 8px 0; line-height: 28px; border: 1px solid #e1e1e1; border-bottom: 0; background: #fff; }
.search > dl > dt { display: inline-block; min-width: 105px; padding-right: 10px; text-align: right; color: #222; font-size: 13px; font-weight: 400; }
.search > dl > dd, .search > dl > dd select { display: inline-block; height: 28px; line-height: 28px; vertical-align: top; }
.search > dl > dd select { vertical-align: middle; padding: 4px; line-height: 28px; }
.search > div { border: 1px solid #e1e1e1; background: #fff; padding: 8px; border-radius: 10px; }
.search table th { padding: 2px 6px 4px 30px; line-height: 28px; text-align: right; font-weight: 400; font-size: 13px; white-space: nowrap; }
.search table th strong { color: #ff3636; padding: 0 3px; }
.search table th strong label, .search table th strong span { color: #222; }
.search table td { padding: 4px 6px 3px; line-height: 28px; white-space: nowrap; }
.search table td label { display: inline-block; vertical-align: middle; }
.search table td input[type="text"] { }
.search table select { min-width: 100px; padding: 4px; }
/*서치영역 그룹핑(myc 예외)*/
.search.group .bott_line { border-bottom: 1px solid #E2E0DE }
.search footer { position: relative; padding-top: 8px; text-align: right; overflow: hidden }
.btn_calendar { display: inline-block; width: 23px; line-height: 23px; overflow: hidden }
.btn_calendar span { display: block; text-indent: -9999px; background: url(../../images/btn_calendar.gif) no-repeat 50% 50%; }
.btn_calendar.disabled span { display: block; text-indent: -9999px; background: url(../../images/btn_calendar_off.gif) no-repeat 50% 50%; }
.btn_calendar:nth-last-of-type(1) { margin-right: 2px; }
.search.folded > div { position: relative; margin-bottom: 12px; }
.search.folded > div > a { position: absolute; left: 50%; bottom: -13px; width: 65px; height: 13px; margin-left: -32px; text-align: center; background: url(../../images/btn_fold_opener.gif) no-repeat 0 0; }
.search.folded > div > a span { display: inline-block; text-indent: -9999px; }
.search.folded > div > a.current { background: url(../../images/btn_fold_opener.gif) no-repeat 0 100%; }
.grid_list .depth1 { display: block; padding-left: 30px; text-align: left !important; background: url(../../_Images/common/icon_depth1.png) no-repeat 10px 50%; font-weight: 500 }
.grid_list .depth2 { display: block; padding-left: 42px; text-align: left !important; background: url(../../_Images/common/icon_depth2.png) no-repeat 30px 50%; }
.grid_list .depth3 { display: block; padding-left: 65px; text-align: left !important; background: url(../../_Images/common/icon_depth3.png) no-repeat 45px 50%; }
.grid_list .depth4 { display: block; padding-left: 80px; text-align: left !important; background: url(../../_Images/common/icon_depth4.png) no-repeat 60px 50%; }
.grid_list { border-top: 1px solid #61666f; border-bottom: 1px solid #e4e4e4; margin-bottom: 10px; overflow: auto; }
.grid_list table { border-spacing: 0; }
.grid_list.scroll { overflow-x: auto; margin-top: auto; border: 1px solid #e5e5e5; border-top: 1px solid #868e96; }
.grid_list.scroll table { min-width: 100% }
.grid_list.scroll table tr th, .grid_list.scroll table tr td { border-left: 0; }
.grid_list thead tr th { background: #f9fafb; border: 1px solid #e4e4e4; border-top: 0; padding: 6px 10px; text-align: center; font-weight: 400; font-size: 13px; color: #1f2533; white-space: nowrap; }
.grid_list thead tr:first-child th { border-top-width: 0; }
.grid_list thead tr th:first-child { border-left: 0; }
.grid_list thead tr th:last-child { border-right: 0; }
.grid_list table th strong { color: #ff3636; padding: 0 3px; }
.grid_list table th strong label, .grid_list table th strong span { color: #4d4c4c; font-weight: normal; }
.grid_list table th.ellipsis, .grid_list table td.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.grid_list tbody tr th { padding: 6px 10px; font-weight: normal; color: #4d4c4c; border: 1px solid #e4e4e4; background: #f5f5f5; }
.grid_list tbody tr th.textR { text-align: right; }
.grid_list tbody tr th.textC { text-align: center; }
/*.grid_list tbody tr td { padding:4px 4px;line-height:20px;text-align:center;border:1px solid #e5e5e5;background:#fff;font-weight: 200; font-size:13px } */
.grid_list tbody tr td { padding: 6px 10px; text-align: center; font-weight: 200; font-size: 13px }
.grid_list tbody tr+tr td { border-top: 1px solid #f0f0f0; }
.grid_list tbody td+td { border-left: 1px solid #f0f0f0; }
.grid_list tbody tr td:first-child { border-left: 0; }
.grid_list tbody tr td:last-child { border-right: 0; }
.grid_list tbody tr td.textLeft { text-align: left; white-space: nowrap; }
.grid_list tbody tr td.textRight { text-align: right; white-space: nowrap; }
.grid_list tbody tr td.depth1 { padding-left: 40px; text-align: left !important; background: url(../../_Images/common/icon_depth1.png) no-repeat 20px 50%; }
.grid_list > table > tbody > tr.gridhover > td { background: #f7faff !important; }
.grid_list tbody tr:first-child td, .grid_list tbody tr:first-child th { border-top: 0; }
.grid_list tbody tr th:first-child { border-right: 0; }
/* .grid_list table tbody tr.even td, .grid_list > table > tbody > tr:nth-child(2n) > td { background:#ffffff; } */
.grid_list table tbody tr.current td { background: #e3f0ff !important; }
.grid_list table tbody tr.nodata td { color: #6e6e6e; cursor: default; }
.grid_list table tbody tr.nodata.gridhover td { background: #fff !important; }
.grid_list table tbody td a { color: #1662dd; text-decoration: none; font-size: 13px; }
.grid_list table tbody td a:hover { text-decoration: none; }
.grid_list tfoot tr th { padding: 6px 10px; color: #4d4c4c; border: 1px solid #e5e5e5; border-top: 1px solid #969696; border-right: 0; border-bottom: 0; font-weight: normal; text-align: right; background: #f5f5f5; }
.grid_list tfoot tr th:first-child { border-left: 0; }
.grid_list tfoot tr td:first-child { border-left: 0; }
.grid_list tfoot tr td { padding: 6px 10px; text-align: center; border: 1px solid #e5e5e5; border-top: 1px solid #969696; border-right: 0; border-bottom: 0; }
.grid_list table tbody tr.deleteLine td, .grid_list table tbody tr.deleteLine td * { background: #d3d6d8 !important; color: #888; text-decoration: line-through; }
.grid_list table tbody tr.deleteLine.gridhover td { background: #d3d6d8; }
/* 그리드 테이블 링크 선택시 row배경 클래스 */
.grid_list table tbody tr.selectedon td, .grid_list table tbody tr.selectedon.gridhover td, .grid_list table tbody tr.selectedon.current.gridhover td { background: #f7faff !important; }
/* 필터 및 오름-내림기능 관련 추가사항 */
.grid_list table .edit .input_button, .input_button { position: relative; padding-right: 32px }
.grid_list table .edit .input_button input[type="text"], .grid_list table .edit .input_button select { width: 100% !important; }
.grid_list table .edit .input_button button, .input_button button { position: absolute; top: 5px; right: 10px; }
.grid_list table a.sort { display: inline-block; vertical-align: middle; width: 9px; height: 11px; background: url(../../images/bul_grid_01.gif) no-repeat center center; }
.grid_list table a.sort span { display: inline-block; text-indent: -9999px; }
.grid_list table a.sort.up { background: url(../../images/bul_grid_02.gif) no-repeat center center; }
.grid_list table a.sort.down { background: url(../../images/bul_grid_03.gif) no-repeat center center; }
.grid.twolines > .grid_list > table > tbody > tr:nth-child(2n) > td { background: #ffffff; }
.grid.twolines > .grid_list > table > tbody > tr:nth-child(4n-1) > td, .grid.twolines > .grid_list > table > tbody > tr:nth-child(4n) > td { background: #fafafa; }
.grid.threelines > .grid_list > table > tbody > tr:nth-child(2n) > td { background: #ffffff; }
.grid.threelines > .grid_list > table > tbody > tr:nth-child(6n-2) > td, .grid.threelines > .grid_list > table > tbody > tr:nth-child(6n-1) > td, .grid.threelines > .grid_list > table > tbody > tr:nth-child(6n) > td { background: #fafafa; }
.grid.fourlines > .grid_list > table > tbody > tr:nth-child(2n) > td { background: #ffffff; }
.grid.fourlines > .grid_list > table > tbody > tr:nth-child(8n-3) > td, .grid.fourlines > .grid_list > table > tbody > tr:nth-child(8n-2) > td, .grid.fourlines > .grid_list > table > tbody > tr:nth-child(8n-1) > td, .grid.fourlines > .grid_list > table > tbody > tr:nth-child(8n) > td { background: #fafafa; }
.grid.fivelines > .grid_list > table > tbody > tr:nth-child(2n) > td { background: #ffffff; }
.grid.fivelines > .grid_list > table > tbody > tr:nth-child(10n-4) > td, .grid.fivelines > .grid_list > table > tbody > tr:nth-child(10n-3) > td, .grid.fivelines > .grid_list > table > tbody > tr:nth-child(10n-2) > td, .grid.fivelines > .grid_list > table > tbody > tr:nth-child(10n-1) > td, .grid.fivelines > .grid_list > table > tbody > tr:nth-child(10n) > td { background: #fafafa; }
.grid.sixlines > .grid_list > table > tbody > tr:nth-child(2n) > td { background: #ffffff; }
.grid.sixlines > .grid_list > table > tbody > tr:nth-child(12n-5) > td, .grid.sixlines > .grid_list > table > tbody > tr:nth-child(12n-4) > td, .grid.sixlines > .grid_list > table > tbody > tr:nth-child(12n-3) > td, .grid.sixlines > .grid_list > table > tbody > tr:nth-child(12n-2) > td, .grid.sixlines > .grid_list > table > tbody > tr:nth-child(12n-1) > td, .grid.sixlines > .grid_list > table > tbody > tr:nth-child(12n) > td { background: #fafafa; }
/* .grid_list > table > tbody > tr.gridhover > td { background:#ffffec !important; } */
.grid_list table tbody tr.gridhover.current td { background: #e3f0ff !important; }
.grid_list tbody tr.hiddenCells table, .grid_list tbody tr.hiddenCells_etc table { border-top: 0; border-bottom: 1px solid #e5e5e5; }
.grid_list tbody tr.hiddenCells table tr th, .grid_list tbody tr.hiddenCells_etc table tr th, .grid_list tbody tr.hiddenCells table tr td, .grid_list tbody tr.hiddenCells_etc table tr td { padding: 3px 8px; line-height: 23px; border-top: 1px solid #e5e5e5; border-right: 0; border-left: 1px solid #e5e5e5; color: #111; font-size: 13px; }
.grid_list tbody tr.hiddenCells table tr th, .grid_list tbody tr.hiddenCells_etc table tr th { font-weight: normal; text-align: right; background: #f5f5f5; }
.grid_list tbody tr.hiddenCells table tr td, .grid_list tbody tr.hiddenCells_etc table tr td { text-align: left; }
.grid_list tbody tr.hiddenCells td .grid_list table thead tr th, .grid_list tbody tr.hiddenCells_etc td .grid_list table thead tr th, .grid_list table tbody tr td .grid_list table thead tr th { text-align: center; }
.grid_list tbody tr.hiddenCells > td, .grid_list tbody tr.hiddenCells_etc > td { padding: 10px; }
.grid_list tbody tr.hiddenCells table tr th:first-child, .grid_list tbody tr.hiddenCells_etc table tr th:first-child { border-left: 0 }
.grid_list tbody tr.hiddenCells > td .grid, .grid_list tbody tr.hiddenCells_etc > td .grid { margin: 0; }
.grid_list tbody tr.hiddenCells .grid_list, .grid_list tbody tr.hiddenCells_etc .grid_list { border-bottom: none; }
.grid_list table tbody tr td .grid_list table tbody tr td { text-align: center; }
.grid_list tbody tr.hiddenCells .grid_list table tr th:first-child, .grid_list tbody tr.hiddenCells_etc .grid_list table tr th:first-child { border-left: 1px solid #e5e5e5 }
.grid_list tbody tr.hiddenCells .grid_list table tr th, .grid_list tbody tr.hiddenCells_etc .grid_list table tr th { text-align: center; }
.grid_list tbody tr.hiddenCells > td .grid_list table tbody tr.gridhover td, .grid_list tbody tr.hiddenCells_etc > td .grid_list table tbody tr.gridhover td { background: inherit; }
/*그리드배경색상제거*/
.grid_list.bgnone tr td, .grid_list.bgnone tr.gridhover td { background: none !important }
.paging { height: 29px; padding: 10px 0 10px 0; text-align: center; font-size: 13px; }
.paging ul { display: inline-block; border-left: 1px solid #f0f0f0; padding: 0 0 0 7px; }
.paging ul:first-child { border-left: 0; border-right: 1px solid #f0f0f0; padding: 0 7px 0 0; }
.paging ul.pages { padding: 0 7px 0 7px; border: none; }
.paging ul.last { border-left: 1px solid #d5d8dc; padding: 0 0 0 7px; }
.paging ul li { float: left; margin-left: 4px; }
.paging ul > li:first-child { margin-left: 0; }
.paging ul li a { display: block; width: 27px; line-height: 27px; color: #4d4c4c; border: 1px solid #f0f0f0; border-radius: 50%; }
.paging ul li a:hover { background: #f7f7f7; }
.paging ul.pages li a { min-width: 23px; width: auto; padding: 0 2px; border: 1px solid #f0f0f0; background: #fff; filter: none; }
.paging ul.pages li a:hover { background: #f7f7f7; }
.paging ul li a span { display: block; text-indent: -9999px; }
.paging ul li.selected { }
.paging ul li.selected span, .paging ul li.selected strong, .paging ul li.firstSelcected span, .paging ul li.firstSelcected strong { display: block; min-width: 23px; padding: 0 2px; line-height: 27px; border: 1px solid #5d6dc3; color: #fff; background: #5d6dc3; border-radius: 50%; font-weight: 500 }
.paging ul li a span { background: url(../../_Images/common/btn_paging.png) no-repeat 0 0; }
.paging ul li.morePrev a span { background-position: 0px 0px; }
.paging ul li.prev a span { background-position: 0px -27px; }
.paging ul li.next a span { background-position: 0px -54px; }
.paging ul li.moreNext span { background-position: 0px -81px; }
.btn_sorting { display: inline-block; position: relative; }
.btn_sorting > a { display: inline-block; width: 19px; height: 18px; background: url(../../images/btn_th_layer.png) no-repeat 0 0; }
.btn_sorting > a.on { background-position: 0 -18px; }
.btn_sorting .list_sorting { position: absolute; top: 19px; left: 0px; border: 1px solid #969696; }
.btn_sorting .list_sorting ul { min-width: 60px; background: #fff; }
.btn_sorting .list_sorting ul li { border-top: 1px solid #e5e5e5; }
.btn_sorting .list_sorting ul li:first-child { border-top: 0; }
.btn_sorting .list_sorting ul li a { display: block; padding: 0 12px; line-height: 28px; color: #4d4c4c; text-decoration: none; }
.btn_sorting .list_sorting ul li a:hover, .btn_sorting .list_sorting ul li a:focus { color: #4d4c4c; text-decoration: none; background: #e3f0ff; }
.table_left { margin-bottom: 10px; border-top: 1px solid #61666f; border-bottom: 1px solid #61666f; }
.table_left thead tr th, .table_left tbody tr th { padding: 6px 10px 6px 10px; line-height: 22px; font-weight: normal; font-size: 13px; white-space: nowrap }
.table_left tbody tr th { text-align: right; font-weight: 400; border: 1px solid #e4e4e4; border-top: 0; background: #f9fafb; height: 32px; }
.table_left tbody tr td { padding: 6px 10px 6px 10px; line-height: 22px; font-size: 13px; font-weight: 200; background: #ffffff; height: 32px; }
.table_left thead tr th:first-child, .table_left tbody tr th:first-child { }
.table_left tbody tr th.th_depth { border-left: 1px solid #ddd; background: #f8f8f8; }
.table_left tr th.th_depth, .table_top tr th.th_depth { background: #f8f8f8; }
.table_left table th strong, .table_top table th strong { color: #ff3636; padding: 0 3px; }
.table_left table th strong label, .table_top table th strong label, .table_left table th strong span, .table_top table th strong span { color: #4d4c4c; font-weight: normal; }
.table_left tbody tr td.list_file p { margin-top: 5px; line-height: 24px; }
.table_left tbody tr td.list_file p:first-child { margin-top: 0; }
.table_left tbody tr th:first-child { border-left: 0; }
.table_left tbody tr+tr th { border-top: 1px solid #e4e4e4; border-bottom: 0px solid #e4e4e4; }
.table_left tbody th+th { border-left: 1px solid #e4e4e4; }
.table_left tbody tr+tr td { border-top: 1px solid #f0f0f0; }
.table_left tbody td+td { border-left: 1px solid #f0f0f0; }
.table_left tr td .table_top { margin: 0; border: 1px solid #c3c3c3; }
.table_left tr td .table_top table tr th { text-align: center; }
.table_left tr td .table_top table tr th, .table_left tr td .table_top table tr td { border-right: 0 }
.table_left tr td .table_top table tr td { border-top: 1px solid #e5e5e5; border-bottom: 0; }
.table_left tr td .table_top table tr:first-child td { border-top: 0; }
.table_left tr td .table_top table tr td:first-child { border-left: 0 }
.child { border-top: 1px solid #969696; margin-top: -4px !important }
.child>table { border-top: 1px solid #eee }
.table_top table tbody tr.nodata td, .table_left table tbody tr.nodata td { color: #6e6e6e; text-align: center; }
.btn_open, .btn_print { height: 21px; padding: 1px 12px; line-height: 21px; border: 1px solid #e5e5e5; font-size: 13px; background: #f5f5f5; background: linear-gradient(#fff, #eee); }
.btn_open, .btn_open:hover, .btn_print, .btn_print:hover { color: #2985db; text-decoration: none; }
.btn_open span { display: inline-block; }
.btn_print span { display: inline-block; }
.btn_open:hover, .btn_print:hover { background: #ffffff; }
.btn_open:focus, .btn_open:active, .btn_print:focus, .btn_print:active { text-decoration: none; background: #d8d8d8 linear-gradient(#eee, #fff); }
.shuttle { position: relative; margin-bottom: 20px; }
.shuttle:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.shuttle_left, .shuttle_right, .shuttle_top, .shuttle_bottom { overflow-y: auto; position: relative; box-sizing: border-box; border: 1px solid #dedede; min-height: 235px; }
.shuttle_left, .shuttle_right { width: 45%; }
.shuttle_top, .shuttle_bottom { width: 100%; }
.shuttle_left { float: left; }
.shuttle_right { float: right; }
.shuttle_top { min-height: 58px; }
.withbtn, .shuttle_hori, .shuttle_verti { position: relative; }
.shuttle_hori, .shuttle_verti { box-sizing: border-box; }
.withbtn { min-height: 30px; padding-right: 40px; border: 1px solid #dedede; }
.shuttle.withbtn { border: none; }
.shuttle_hori { float: left; width: 45%; }
.shuttle_verti { width: 100%; }
.shuttle h3 { padding: 0; height: 28px; line-height: 28px; border-bottom: 1px solid #ddd; color: #272626; text-align: center; font-weight: 500; background: #f5f5f5; }
.shuttle .content { overflow-y: auto; border: 1px solid #A3A3A5; margin-top: 5px }
.shuttle .content>.dynatree-container { border: 0 !important }
.shuttle.tit_type { position: relative; padding-top: 30px }
.shuttle.tit_type .tit { position: absolute; top: 0; left: 55%; border: 0; background: none }
.shuttle.tit_type .tit:first-child { left: 0 !important; margin-left: 0 !important }
.shuttle.withbtn.tit_type .tit { margin-left: -20px }
.btn_delete { display: inline-block; width: 20px; text-indent: -9999px; background: url(../../images/btn_delete.png) no-repeat 50% 50%; }
.shuttle .btn_shuttle_r { position: absolute; bottom: 0; right: 0; width: 40px; text-align: center; }
.shuttle .btn_shuttle_r ul { position: absolute; right: 3px; bottom: 1px; display: inline-block; }
.shuttle .btn_shuttle_r ul li { display: block; width: 24px; height: 24px; margin-bottom: 4px; }
.shuttle .btn_shuttle_r ul li a { display: block; width: 24px; height: 24px; text-indent: -9999px; }
.shuttle .btn_shuttle_r ul li.up { margin-bottom: 10px; }
.shuttle .btn_shuttle_r ul li.moreUp a { background: url(../../images/ico_shuttle_r.png) no-repeat 0 0; }
.shuttle .btn_shuttle_r ul li.up a { background: url(../../images/ico_shuttle_r.png) no-repeat 0 -50px; }
.shuttle .btn_shuttle_r ul li.down a { background: url(../../images/ico_shuttle_r.png) no-repeat 0 -100px; }
.shuttle .btn_shuttle_r ul li.moreDown a { background: url(../../images/ico_shuttle_r.png) no-repeat 0 -150px; }
.shuttle table thead th { background: #f5f5f5; color: #272626; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #ddd; font-size: 13px; padding: 5px 10px; line-height: 18px; }
.shuttle table tbody th { font-weight: normal; border-top: 1px solid #ddd; text-align: center; border-bottom: 1px solid #ddd; }
.shuttle table tbody td { padding: 4px 10px; line-height: 20px; border-top: 1px solid #ddd; border-left: 1px solid #e5e5e5; cursor: pointer; border-bottom: 1px solid #ddd; }
.shuttle table thead th:first-child, .shuttle table tbody th:first-child, .shuttle table tbody td:first-child { border-left: none; }
.shuttle table tbody tr:first-child th, .shuttle table tbody tr:first-child td { border-top: 0; }
.shuttle table tr:hover, .shuttle table tr.current { background: #e3f0ff; }
.shuttle table tbody tr.edit td { border-bottom: 1px solid #ddd; }
.shuttle table tbody tr.lstchanged td { background: #6e84b6 !important; color: #fff; font-weight: 500 }
.shuttle ul.list_shuttle { }
.shuttle ul.list_shuttle li { position: relative; height: 29px; line-height: 29px; border-top: 1px solid #ddd; }
.shuttle ul.list_shuttle li:first-child { border-top: 0; }
.shuttle ul.list_shuttle li p { overflow: hidden; padding: 0 35px 0 12px; color: #4d4c4c; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.shuttle ul.list_shuttle li.current { background: #e3f0ff; }
.shuttle ul.list_shuttle li a.btn_delete { position: absolute; top: 0; right: 12px; width: 20px; line-height: 29px; text-indent: -9999px; background: url(../../images/btn_delete.png) no-repeat 50% 50%; }
.dynatreeLeft { float: left; width: 45%; }
.dynatreeRight { float: right; width: 45%; }
.dynawrapper { width: 100%; height: 100%; overflow: auto; border: 1px solid #b4b4b4; }
.dynawrapper .dynatree-container { border: none; overflow: inherit; }
ul.subtab { margin-bottom: 12px; }
ul.subtab:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
ul.subtab li { float: left; }
ul.subtab li a { display: block; padding: 0 25px; line-height: 32px; color: #606976; font-size: 14px; font-weight: 500; border: 1px solid #e5e5e5; border-left: 1px solid #f7f7f7; background: #f7f7f7; }
ul.subtab li:first-child a { border-left: 1px solid #e5e5e5; }
ul.subtab li.selected a { color: #2a313b; border: 1px solid #a0a0a0; background: #fff; }
ul.subtab li.previous a { border-right: 1px solid #f7f7f7; }
ul.indicatetab { background: url(../../images/bg_tab.gif) repeat-x 0 100%; }
ul.indicatetab:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
ul.indicatetab li { float: left; padding-right: 17px; background: url(../../images/bg_indicate_off.png) no-repeat 100% 0; }
ul.indicatetab li a { display: block; padding: 0 20px; line-height: 32px; color: #4c4d4d; font-size: 14px; font-weight: 500; border-top: 1px solid #a0a0a0; border-bottom: 1px solid #a0a0a0; background: #ededed; }
ul.indicatetab li:first-child a { border-left: 1px solid #a0a0a0; }
ul.indicatetab li.selected { background: url(../../images/bg_indicate_on.png) no-repeat 100% 0; }
ul.indicatetab li.selected a { color: #fff; border-top: 1px solid #4270cc; border-bottom: 1px solid #4270cc; background: #4270cc; }
ul.indicatetab li.selected:first-child a { border-left: 1px solid #4270cc; }
ul.indicatetab li.previous { background: url(../../images/bg_indicate_prev.png) no-repeat 100% 0; }
ul.indicatetab li:last-child, ul.indicatetab li:last-child.selected { padding: 0; border-right: 1px solid #a0a0a0; background: 0; }
ul.indicatetab li.end, ul.indicatetab li.end.selected { padding: 0; border-right: 1px solid #a0a0a0; background: none }
.indicatetabarea, .tab_common_cont, .tab_common_bottom { padding: 14px 10px; border: 1px solid #e5e5e5; border-top: 0; }
.tab_common_cont { margin-bottom: -10px; border-bottom: 0 }
.tab_common_bottom { margin-top: -1px; border-top: 1px solid #fff }
.tab_common_cont.full_type { margin: 0; padding: 14px 0; border: 0; }
.tree_area { overflow-y: auto; height: 318px; margin-bottom: 10px; border: 1px solid #a3a3a5; }
.tree { padding: 10px; }
.tree li { position: relative; padding: 0 0 0 22px; line-height: 20px; font-size: 14px; background: url(../../images/bul_tree_depth.gif) no-repeat 9px 0; }
.tree ul li ul li { background: url(../../images/bul_tree_depth.gif) no-repeat 9px 0; }
.tree ul li a span { margin-left: 4px; color: #4574d2; font-weight: 500; }
.tree ul li ul li ul li a span { color: #444; font-weight: normal; }
.tree li a.control { display: block; position: absolute; top: 0; left: 0; width: 13px; height: 13px; padding: 3px; }
.tree ul > li > a > span:hover { font-weight: 500; }
.tree ul li span.closed { color: #444; font-weight: normal; }
.tree ul li.end { background: url(../../images/bul_tree_end.gif) no-repeat 9px 0; }
.ico_tree { margin-right: 4px; vertical-align: middle; }
span.information, p.information { display: inline-block; min-height: 14px; margin-left: 5px; padding-left: 20px; color: #666; background: url(../../images/ico_alert.png) no-repeat 0 50%; }
div.information { padding-bottom: 10px; }
div.information p { padding-left: 20px; line-height: 21px; color: #666; background: url(../../images/ico_alert.png) no-repeat 0 4px; }
.btn_instruct { position: relative; display: inline-block; vertical-align: top; }
.btn_instruct .instruct_layer { position: absolute; top: -8px; left: 23px; min-width: 290px; padding-left: 10px; background: url(../../images/bg_instructlayer.png) no-repeat 0 0; z-index: 2; }
.btn_instruct .instruct_layer p { padding: 5px 10px; border: 1px solid #eed997; border-left: none; border-radius: 2px; color: #80441c; background: #fffddb; }
.inline_info { display: inline-block; margin-left: 5px; color: #4270cc; }
.tabinfo { margin-bottom: 16px; background: url(../../images/bg_tab.gif) repeat-x 0 100%; }
.tabinfo ul.tab, .tabinfo .information { display: inline-block; }
.tabinfo ul.tab { margin: 0; vertical-align: middle; background: none; }
.check { margin-bottom: 12px; font-size: 14px; line-height: 20px; }
.check label { vertical-align: middle; }
.check ul { padding-left: 25px; }
.check input[type="text"] { height: 27px; vertical-align: top; }
dl.instruct_module { margin-bottom: 12px; border: 1px solid #ddd; border-radius: 2px; background: #f5f5f5; }
dl.instruct_module dt { position: relative; height: 33px; padding-right: 45px; line-height: 33px; border-bottom: 1px solid #ddd; }
dl.instruct_module dt p { overflow: hidden; padding: 0 0 0 17px; color: #3a3a3a; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
dl.instruct_module dt a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -9999px; background: url(../../images/ico_instruct.gif) no-repeat 100% 0; }
dl.instruct_module dt.current { border-bottom: 0; }
dl.instruct_module dt.current a { background: url(../../images/ico_instruct.gif) no-repeat 100% 100%; }
dl.instruct_module dd { padding: 12px 18px; color: #3a3a3a; }
dl.instruct_module dd ol li ol { padding-left: 12px; }
dl.instruct_module dd.rowover { height: 70px; overflow-y: auto; border: 0px solid red }
p.instruct_module { overflow: hidden; height: 33px; margin-bottom: 12px; padding: 0 0 0 17px; line-height: 33px; border: 0px solid #ddd; border-radius: 2px; color: #3a3a3a; text-overflow: ellipsis; white-space: nowrap; }
p.instruct_module.freeline { overflow: visible; min-height: 22px; height: auto !important; height: 22px; padding: 6px 0 5px 0px; line-height: 22px; text-overflow: clip; white-space: normal; }
p.instruct_module.freeline strong { color: #F00 }
ul.circle { }
ul.circle li { margin-top: 16px; padding-left: 16px; background: url(../../images/bul_circle.png) no-repeat 0 3px; }
ul.circle li:first-child { margin-top: 0; }
div.validError { border: 1px solid #f05d5d; border-radius: 2px; background: #ffe2e2; padding: 4px 14px 4px 6px; position: absolute; top: -10px; left: 24px; line-height: 22px; height: 22px; white-space: nowrap; z-index: 9; }
div.validError p.beforeValidError { position: absolute; width: 24px; height: 9px; top: 30px; left: 12px; background: url(../../images/bg_validerror.png) no-repeat left top; text-indent: -9999px; }
div.validError label { color: #1b1b1b; font-size: 13px; line-height: 21px; }
div.validError > a.close { position: absolute; top: 3px; right: 3px; width: 10px; height: 10px; background: url(../../images/ico_validerror_close.png) no-repeat center center; text-indent: -9999px; }
.instruct_page { padding: 13px 12px; border: 1px solid #e5e5e5; color: #c8212f; font-size: 13px; background: #ffffff; }
.instruct_page p { padding-left: 25px; line-height: 16px; }
.instruct_page p.notice { margin-bottom: 4px; line-height: 18px; background: url(../../images/ico_important.png) no-repeat 0 0; }
.btn_info, .btn_alert { width: 18px; height: 18px; margin-top: -2px; vertical-align: middle; }
.btn_info span, .btn_alert span { overflow: hidden; display: block; visibility: hidden; width: 18px; height: 18px; font-size: 0; }
.btn_info { background: url(../../images/ico_layer_instruct_info.png) no-repeat 0 0; }
.btn_alert { background: url(../../images/ico_layer_instruct_alert.png) no-repeat 0 0; }
.alert { position: absolute; width: 338px; border: 1px solid #b4b4b4; background: #fff; z-index: 2; }
.alert h4 { padding-left: 22px; height: 50px; line-height: 50px; background: #f5f5f5; font-size: 18px; color: #222; }
.alert p { padding: 25px 12px; color: #333; font-size: 13px; line-height: 21px; text-align: center; }
.alert .detail { margin: 0 12px 15px; border: 1px solid #ddd; background: #f5f5f5; }
.alert .detail p { padding: 10px 15px; color: #555; line-height: 16px; }
.alert footer { padding-bottom: 20px; text-align: center; }
.alert footer button { display: inline-block; height: 32px; line-height: 32px; padding: 0 20px; border: 1px solid #a5a5a5; border-radius: 3px; font-size: 13px; font-weight: 500; color: #424242; background: #f1f1f1; background: linear-gradient(#f9f9f9, #e6e6e6); box-shadow: 1px 1px 1px #d8d8d8; }
.alert footer button[type="submit"] { display: inline-block; height: 32px; line-height: 32px; padding: 0 20px; border: 1px solid #6a6a6a; border-radius: 3px; font-size: 13px; font-weight: 500; color: #fff; background: #656565; background: linear-gradient(#888, #5a5a5a); box-shadow: 1px 1px 1px #d8d8d8; }
.alert.warn h4 { padding-left: 67px; height: 60px; line-height: 52px; background: #f5f5f5 url(../../images/ico_warn.png) no-repeat 26px 16px; }
.alert.warn p strong { color: #4574d2; }
.alert.warn dl { position: absolute; bottom: 25px; left: 30px; color: #777; font-size: 13px; }
.alert.warn dl dt, .alert.warn dl dd { display: inline-block; line-height: 14px; }
.alert.warn dl dt { padding-right: 6px; border-right: 1px solid #777; }
.alert.warn footer { padding-bottom: 75px; }
.pop_loading { position: absolute; top: 50%; left: 50%; margin-left: -23px; text-align: center; z-index: 2; }
.pop_loading p { width: 45px; padding-top: 52px; font-weight: 500; color: #24489a; font-size: 13px; background: url(../../images/loading.gif) no-repeat 50% 0 }
.pop_loading button { display: inline-block; height: 32px; line-height: 32px; padding: 0 20px; border: 1px solid #a5a5a5; border-radius: 3px; font-size: 13px; font-weight: 500; color: #424242; background: #f1f1f1; background: linear-gradient(#f9f9f9, #e6e6e6); box-shadow: 1px 1px 1px #d8d8d8; }
#popupbody { overflow-y: hidden; margin-bottom: 44px; }
.popup { position: relative; overflow-y: auto; }
.popup > header { background: #ffffff; border-bottom: 2px solid #2f4050; height: 43px; }
.popup > header h1 { display: inline-block; padding-left: 20px; line-height: 43px; color: #000000; font-size: 16px; font-weight: 500; }
.popup > header a { display: inline-block; width: 20px; height: 20px; margin-top: -6px; border: 0; vertical-align: middle; background: url(../../images/btn_favorite.png) no-repeat 0 0; }
.popup > header a.current { background: url(../../images/btn_favorite.png) no-repeat 0 100%; }
.popup > header a span { overflow: hidden; display: block; visibility: hidden; width: 20px; height: 20px; font-size: 0; }
.popwrapper { padding: 20px 20px 30px; }
.popup > footer { position: fixed; bottom: 0; left: 0; width: 100%; text-align: center; border-top: 1px solid #b4b4b4; box-sizing: border-box; }
.popup > footer p { line-height: 27px; padding: 8px 18px; background: #f5f4f4; }
.popup > footer a { display: inline-block; vertical-align: middle; padding: 0 16px; line-height: 25px; border: 1px solid #cacaca; background: #fafafa; background: linear-gradient(#fefefe, #f0f0f0); }
.popup > footer a span { display: inline-block; color: #3a3a3a; }
.pop_layer { position: absolute; background: #fff; padding: 20px; border: 1px solid #b4b4b4; z-index: 1; }
.pop_layer_close { position: absolute; top: 10px; right: 10px; }
/* 첨부파일 타이틀 */
.floatLeft .subtitle .btn_instruct { margin-left: 5px; }
.floatLeft .subtitle .btn_instruct a { display: inline-block; width: 18px; height: 18px; margin-top: -2px; vertical-align: middle; background: url(../../images/ico_layer_instruct_info.png) no-repeat 0 0; text-indent: -9999px; }
.floatLeft .btn_info { width: 18px !important; height: 18px; margin-top: -2px; vertical-align: middle; border: none !important; padding: 0 }
.floatLeft .btn_info span { overflow: hidden; display: block; visibility: hidden; width: 18px; height: 18px; font-size: 0; }
.floatLeft .btn_info, .floatLeft .btn_info:hover { background: url(../../images/ico_layer_instruct_info.png) no-repeat 0 0; }
.floatLeft .instruct_layer { text-align: left; width: 450px }
.floatLeft .instruct_layer p { line-height: 20px }
/*문서함사용관리'?'이미지 위치*/
.img_info { vertical-align: middle; cursor: pointer; }
/*버튼영역*/
.searchTop_btn_area { width: 100%; height: 36px; }
.subtitle_area { width: 100%; height: 30px; }
.btn_date2 { width: 32px; height: 32px; display: inline-block; padding: 2px; border: 1px solid #e1e1e1; background: url(../../_Images/common/date_btn_bg.gif) no-repeat 50% 50%; cursor: pointer; margin-left: 1px; }
.btn_calendar { display: inline-block; width: 21px; line-height: 21px; padding: 1px; border: 1px solid #e1e1e1; background: #fff url(../../_Images/common/date_btn_bg.gif) no-repeat 50% 50%; }
.btn_calendar span { display: block; text-indent: -9999px; }
.btn_calendar:nth-last-of-type(1) { margin-right: 2px; }
.btn_search2 { width: 21px; height: 21px; display: inline-block; padding: 1px; border: 1px solid #e1e1e1; background: #fff url(../../_Images/common/search_btn_bg.gif) no-repeat 50% 50%; cursor: pointer; margin-left: 1px; }
.btn_search2 span { display: block; width: 32px; height: 32px; text-indent: -9999px; }
/*스크롤 그리드 헤드 고정*/
/*
.scroll_head{  background:#f6f6f6; border-top:1px solid #999; padding:6px 0px;line-height:20px;font-weight:normal; text-align:center; font-weight:500; font-size:14px; color:#474747; display:block;  height:20px;}
*/
.scroll_head { background: #f6f6f6; border-top: 1px solid #999; line-height: 20px; font-weight: normal; text-align: center; font-weight: 500; font-size: 13px; color: #474747; display: block; }
.scroll_head table thead tr th { background: #f6f6f6; border: 1px solid #e5e5e5; border-top: 0; border-bottom: 0; padding: 6px 4px; line-height: 20px; font-weight: normal; text-align: center; font-weight: 500; font-size: 13px; color: #474747; }
/*메인페이지 추가*/
.main_info { position: relative; width: 100%; margin: 0 auto; overflow: hidden; margin-bottom: 10px; }
.main_con_left { width: 50%; float: left; position: relative; min-height: 1px; padding-right: 5px; padding-left: 5px; margin-top : 80px; }
.main_con_left { box-sizing: border-box }
:after, :before { box-sizing: border-box }
.main_con_left li { height: 215px; background: #ffffff; }
.main_con_left li.info01 { background: #ffffff url(../../_Images/main/main_icon01.png) no-repeat right bottom; border: 1px solid #d9d9d9; }
.main_con_left li.info02 { background: #ffffff url(../../_Images/main/main_icon02.png) no-repeat right bottom; border: 1px solid #d9d9d9; }
.main_con_left li.info03 { background: #245593; border: 1px solid #245593; }
.main_con_left li.info04 { background: #ffffff url(../../_Images/main/main_icon04.png) no-repeat right bottom; border: 1px solid #d9d9d9; }
.main_con_left li.info05 { background: #757a87; border: 1px solid #757a87; }
.main_con_left li.info06 { background: #ffffff url(../../_Images/main/main_icon06.png) no-repeat center; border: 1px solid #d9d9d9; }
/*.main_con_left li.ban01{background:#f6f5f2 url(../../_Images/main/main_ban01.png) no-repeat center center;border:1px solid #d9d9d9;}*/
.main_con_left li.ban02 { background: #6c6356 url(../../_Images/main/main_ban02.png) no-repeat center center; border: 1px solid #d9d9d9; text-align: center }
.main_con_left li dl { margin-left: 25px; margin-top: 35px; }
.main_con_left li dl dt { font-size: 20px; font-weight: 500; margin-bottom: 22px; letter-spacing: -1px; }
.main_con_left li dl dd { font-size: 13px; line-height: 16px; color: #474747; margin-top: 7px }
.main_con_left li dl dd strong { color: #ff6138; }
.main_con_left li .charge01 { font-size: 32px; color: #3f7dca; font-weight: 500; padding: 10px 0px 25px 0px; }
.main_con_left li .charge02 { font-size: 18px; color: #ed1c24; font-weight: 500; }
.main_con_left .more { display: block; position: absolute; top: 30px; right: 30px; width: 22px; text-align: center }
.main_con_left .manual { text-align: left; overflow: hidden; position: relative; padding: 28px 25px }
.main_con_left .manual div { position: relative; margin-left: 15px }
.main_con_left .manual div:first-child { margin-left: 0; float: left; width: 100% }
.main_con_left .manual h2 { display: block; color: #222222; font-size: 20px; font-weight: 500; padding-top: 3px; }
.main_con_left .manual .more { position: absolute; right: 0; top: 0px }
.main_con_left .manual ul { margin: 13px 0 0; }
.main_con_left .manual ul li { position: relative; height: 30px; box-sizing: border-box; background: none; font-weight: 500; }
.main_con_left .manual ul li a { overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; }
.main_con_left .manual ul li a:hover { text-decoration: underline; color: #000 }
.main_con_left .manual ul li a span { }
.main_con_left .board { text-align: left; overflow: hidden; position: relative; padding: 15px 25px }
.main_con_left .board div { position: relative; margin-left: 15px }
.main_con_left .board div:first-child { margin-left: 0; float: left; width: 100% }
.main_con_left .board h2 { display: block; color: #fff; font-size: 20px; font-weight: 500; padding-top: 3px; }
.main_con_left .board .more { position: absolute; right: 0; top: 0px }
.main_con_left .board ul { margin: 13px 0 0; }
.main_con_left .board ul li { position: relative; height: 26px; padding-right: 75px; box-sizing: border-box; background: none; }
.main_con_left .board ul li a { overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; color: #fff }
.main_con_left .board ul li a:hover { text-decoration: underline; color: #fff }
.main_con_left .board ul li a span { position: absolute; right: 0; color: #fff }
.content_info { position: relative; width: 100%; margin: 0 auto; overflow: hidden; }
.row { margin-right: -10px; margin-left: -10px; }
.main_top, .main_top header { position: relative; }
.main_top { box-sizing: border-box; }
:after, :before { box-sizing: border-box; }
.main_top { width: 100%; float: left; position: relative; padding-top: 10px; padding-right: 10px; padding-left: 10px; padding-bottom: 20px; }
.main_top header { width: 250px; height: 60px; float: left; margin-top: 45px;}
.main_top header h2 { position: absolute; top: 40px; left: 30px; line-height: 70px; font-size: 17px !important; font-weight: 500 !important; color: 
#222222 !important; background: url(../../_Images/main/icon_notice.png) no-repeat left 50%; padding-left: 90px; }
.main_top .grid.rate { border: 1px solid #d5d5d5; height: 170px; margin-bottom: 0; box-shadow: 0 2px 4px 0 rgb(173 175 182 / 20%); border-radius: 10px; }
.main_top .grid.rate .grid_list { border-top: 0px solid #ddd; border-right: none; margin-bottom: 0; padding: 20px; padding-top: 5px; }
.main_top .grid.rate .cont { overflow: hidden; height:100%; position:relative;}
.main_top .grid.rate .cont:after { position: absolute; content: "사이트 방문을 환영합니다! 게시된 알림메세지가 없습니다."; top: 80px; font-size: 14px; font-weight: 200;}
.main_top .grid.rate .cont .list { width: 100%; background:#fff; margin-top:20px;}
.main_top .grid.rate .cont .list a { position:relative; float: left; display: block; width: 100%; padding-left:8px; }
.main_top .grid.rate .cont .list a:before {content: ''; display:inline-block; width: 2px; height: 2px; border-radius: 50%; background-color: #62656A; position: absolute; left: 0; top: 50%; margin-top: -1.5px;}
.main_top .grid.rate .cont .list a:hover { color: #000; }
.main_top .grid.rate .cont .list a .title { max-width: calc(100% - 150px); font-size: 14px; font-weight: 200; line-height: 28px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.main_top .grid.rate .cont .list a .date { width: 100px; color: #999999; line-height: 30px; margin-right: 0px; float: right; font-weight: 300 }
.main_con, .main_con header { position: relative; }
.main_con { box-sizing: border-box }
:after, :before { box-sizing: border-box }
.main_con { width: 50%; float: left; position: relative; padding-right: 10px; padding-left: 10px; padding-bottom: 20px; }
.main_con header { height: 50px !important; border: 1px solid #d5d5d5; border-bottom: 0px solid #d5d5d5; background: #fff; border-radius: 10px 10px 0px 0px; margin-top: 0px !important; margin-bottom: 0px !important }
.main_con header.current { border-bottom: 1px solid #c8c8c8 }
.main_con header h2, .main_con header ul { position: absolute; }
.main_con header h2 { top: 15px; left: 20px; margin: 0; padding: 0; line-height: 27px; border-bottom: 0; color: #222222 !important; font-size: 16px !important; font-weight: 500 !important; }
.main_con header h2 span.date { font-size: 13px; font-weight: normal; padding-left: 2px; vertical-align: top }
.main_con .grid.rate { border: 1px solid #d5d5d5; border-top: none; margin-bottom: 0; box-shadow: 0 2px 4px 0 rgb(173 175 182 / 20%); border-radius: 0px 0px 10px 10px; }
.main_con .grid.rate .grid_list { border-top: 0px solid #d5d5d5; border-right: none; border-bottom: none; margin-bottom: 0; padding: 20px; padding-top: 5px; }
.main_con .grid.rate .grid_list table { width: 100%; position: relative; table-layout: fixed }
.main_con .grid.rate .grid_list thead tr th, .main_con .grid.rate .grid_list tbody tr td { padding: 6px 10px; word-break: break-all }
.main_con .grid.rate .grid_list thead tr th { background: #ffffff; text-align: center; font-size: 13px; font-weight: 400; border: none; border-top: 1px solid #61666f; border-bottom: 1px solid #e4e4e4; }
.main_con .grid.rate .grid_list > table > tbody > tr:hover > td { background: #f7faff !important; }
.main_con .grid.rate .grid_list tbody tr td strong { display: block; border-right: 1px solid #bebebe; line-height: 15px }
.main_con .grid.rate .grid_list thead tr th.textRight, .main_con .grid.rate .grid_list tbody tr td.textRight { padding-right: 15px }
.main_con .grid.rate .grid_list tbody tr td { border: none; border-top: 1px solid #f0f0f0; text-align: center; padding: 6px 10px; height: 20px; }
.main_con .grid.rate .grid_list tbody tr.gridhover td { /*background:#f9f9f9 !important;*/ background: #f7faff !important }
.main_con .grid.rate .grid_list tbody tr.even.gridhover td { background: #f7faff !important }
.main_con .grid.rate .grid_list tbody tr td { background: #ffffff; }
.main_con .grid.rate .grid_list tbody tr.even td { background: #fff }
.main_con .grid.rate .grid_list tbody tr td a { overflow: hidden; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; display: inline-block; text-decoration: none }
.main_con .grid.rate .grid_list tbody tr td a:hover { text-decoration: underline }
.main_con .grid.rate .grid_list tbody .title { padding-left: 20px; text-align: left }
.main_con .btncolor_2 { color: #7ba71e; border-color: #7ba71e; }
.main_con .btncolor_3 { color: #3fa5fa; border-color: #3fa5fa; }
.main_con .btncolor_1 { display: inline-block; width: auto; height: auto; padding: 4px 5px; margin-left: 3px; background: #fff; color: #333333; border: 1px solid #d5d5d7; line-height: 1; text-indent: 0 !important; letter-spacing: -1px; font-size: 13px; }
.main_con .btncolor_2 { display: inline-block; width: auto; height: auto; padding: 4px 5px; margin-left: 3px; background: #fff; color: #ff5a44; border: 1px solid #ff5a44; line-height: 1; text-indent: 0 !important; letter-spacing: -1px; font-size: 13px; }
.main_con .btncolor_3 { display: inline-block; width: auto; height: auto; padding: 4px 5px; margin-left: 3px; background: #fff; color: #39f; border: 1px solid #39f; line-height: 1; text-indent: 0 !important; letter-spacing: -1px; font-size: 13px; }
.btn_arrowL button { background: url(../../_Images/common/btn_arrowL.png) no-repeat 50% 50%; padding-left: 20px; padding-right: 20px; margin: 10px 0; }
.btn_arrowR button { background: url(../../_Images/common/btn_arrowR.png) no-repeat 50% 50%; padding-left: 20px; padding-right: 20px; margin: 10px 0; }
.rate_more { display: block; position: absolute; top: 20px; right: 30px; width: 20px; text-align: center }
.rate_more { color: #4270cc !important; font-size: 13px; font-weight: 500 }
.orgcolor_on { display: inline-block; width: 13px; height: 13px; text-indent: -99999px; background: #f4a44d; border-radius: 50%; margin: 0px 2px; }
.orgcolor_off { display: inline-block; width: 11px; height: 11px; text-indent: -99999px; border: 1px solid #f4a44d; border-radius: 50%; margin: 0px 2px; }
.redcolor_on { display: inline-block; width: 13px; height: 13px; text-indent: -99999px; background: #ed5565; border-radius: 50%; margin: 0px 2px; }
.redcolor_off { display: inline-block; width: 11px; height: 11px; text-indent: -99999px; border: 1px solid #ed5565; border-radius: 50%; margin: 0px 2px; }
.blucolor_on { display: inline-block; width: 13px; height: 13px; text-indent: -99999px; background: #1c84c6; border-radius: 50%; margin: 0px 2px; }
.blucolor_off { display: inline-block; width: 11px; height: 11px; text-indent: -99999px; border: 1px solid #1c84c6; border-radius: 50%; margin: 0px 2px; }
.board { text-align: left; overflow: hidden; position: relative; padding: 20px }
.board div { position: relative; margin-left: 15px }
.board div:first-child { margin-left: 0; float: left; width: 100% }
.board h2 { display: block; color: #fff; font-size: 20px; font-weight: 500; text-decoration: none; height: 35px; line-height: 30px; border-bottom: 1px solid #9fa2ab }
.board .more { position: absolute; right: 0; top: 5px }
.board ul { margin: 13px 0 0; }
.board ul li { position: relative; height: 26px; padding-right: 75px; box-sizing: border-box; background: none; }
.board ul li a { overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; color: #fff }
.board ul li a span { position: absolute; right: 0; color: #fff }
.faq { border-top: 2px solid #4d4d56; font-size: 14px; margin-top: 10px; margin-bottom: 10px; }
.faq ul { margin: 0; padding: 0; list-style: none }
.faq .q { margin: 0; padding: 11px 15px; border-bottom: 1px solid #ddd; background: #ffffff }
.faq .q .q_text { margin: 0 15px 0 0; padding: 2px 8px; background: #8f98a4; color: #fff; font-size: 13px; }
.faq .q .squ { width: 70px; display: inline-block; }
.faq .q a.trigger { display: block; background: #fff; font-weight: 500; color: #333; text-align: left; text-decoration: none !important }
.faq .hide .q a.trigger { font-weight: normal; background: none }
.faq .q a.trigger:hover, .faq .q a.trigger:active, .faq .q a.trigger:focus { background: #ffffff; color: #000 }
.faq .a { margin: 0; padding: 11px 15px; line-height: 1.5; border-bottom: 1px solid #ddd; background: #f6f6f6 }
.faq .a .a_text { margin: 0 15px 0 0; padding: 2px 8px; background: #ffffff; border: 1px solid #cecece; color: #333; font-size: 13px; }
/* TAB */
[class^='tab-'] .tab { overflow: hidden; margin-bottom: 60px; }
[class^='tab-'] .tab li { float: left; box-sizing: border-box; }
[class^='tab-'].col_3 .tab li { width: 33%; }
[class^='tab-'].col_3 .tab li:first-child { width: 34%; }
[class^='tab-'].col_4 .tab li { width: 25%; }
[class^='tab-'].col_5 .tab li { width: 20%; }
[class^='tab-'].col_6 .tab li { width: 16.66%; }
[class^='tab-'].col_6 .tab li:first-child { width: 16.7%; }
[class^='tab-'].col_7 .tab li { width: 14.3%; }
[class^='tab-'].col_7 .tab li:first-child { width: 14.2%; }
[class^='tab-'].col_7_type02 .tab li { width: 13.5%; }
[class^='tab-'].col_7_type02 .tab li:nth-child(4) { width: 19%; }
[class^='tab-'].col_6>li>a { width: 16.66%; }
[class^='tab-'].col_6>li>a:first-child { width: 16.7%; }
[class^='tab-'] .tab-cont {/*margin-top:54px;*/ margin-top: 20px; }
[class^='tab-'] .tab-cont > li { display: none; }
[class^='tab-'] .tab-cont > li.active { display: block; }
[class^='tab-'] .tab-cont > li [class^='cont_box-']:first-child { padding-top: 0; }
.tab-type01 .tab { margin-bottom: 12px; }
.tab-type01 .tab:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.tab-type01 .tab li { float: left; }
.tab-type01 .tab li a { display: block; padding: 0 40px; line-height: 36px; color: #333; font-size: 14px; font-weight: normal; border: 1px solid #cdcdcd; border-left: 0px solid #f5f5f5; background: #ffffff; text-align: center }
.tab-type01 .tab li:first-child a { border-left: 1px solid #cdcdcd; }
.tab-type01 .tab li.active a { color: #fff; font-weight: 500; border: 1px solid #4270cc; background: #4270cc; }
.tab-type01 .tab li.active a em { color: #fff; font-weight: 800; }
.tab-type01 .tab li.active a em:before { content: ''; display: inline-block; margin-top: 16px; margin-right: 8px; width: 6px; height: 6px; border-radius: 50%; background-color: #fff; vertical-align: top; }
/* 팝업 */
.popup { overflow: hidden; background: #ffffff; }
.popup_top { top: 0px; left: 0px; width: 100%; }
.popup_top_new { position: fixed; top: 0px; left: 0px; width: 100%; background: url(../../_Images/common/popup_bg.png) top center repeat-x; }
.popup_top_tit { padding: 20px 0 0 15px; height: 54px; color: #ffffff; font-size: 16px; font-weight: 500; letter-spacing: -0.1em; float: left; }
.popup_top_bt { float: right; padding-top: 15px; padding-right: 20px; }
.popup_top { overflow: hidden; margin: 80px 15px 0 0px; }
.popup_tit01 { padding: 2px 15px 5px 15px; font-size: 17px; color: #c91414; font-weight: 500; letter-spacing: -0.05em; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; }
.popup_date { padding: 2px 15px 10px 15px; color: #666666; font-size: 14px; }
.popup_cont { margin: 10px 15px 10px 15px; padding: 15px 0px; color: #000000; background: #fff; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; height: 330px; overflow: auto; }
.popup_file { overflow: hidden; margin: 10px 15px 15px 15px; padding: 15px 20px; background-color: #f5f5f5 }
.popup_file span { display: block; padding: 2px 0px; }
.popup_file a { color: #0c3ebd; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; }
.popup_file a:hover { text-decoration: underline }
.btn_popup { padding-bottom: 10px; }
.btn_popup a, .btn_popup button { display: inline-block; height: 27px; padding: 0 15px; border: 1px solid #35478c; font-size: 13px; font-weight: 500; color: #fff; line-height: 27px; background: #35478c; background: linear-gradient(#4255a0, #35478c); }
.btn_popup button:hover { border: 1px solid #ec900c; background: linear-gradient(#faab39, #ff9f15); }
.btnIconDown { display: inline-block; vertical-align: middle; padding: 4px 38px 4px 15px; margin: 0 0 0 15px; overflow: hidden; background: #627ad0 url(../../_Images/common/icon_down.png) 73px center no-repeat; color: #fff; border: 0px solid #000; font-weight: normal; }
.btn_inlinesearch { display: inline-block; width: 30px; height: 30px; margin-left: -5px; padding: 0; border: 1px solid #ddd; border-left: none; border-radius: 3px; background: #f7f7f7; background: linear-gradient(#ffffff, #f0f0f0); vertical-align: middle; }
.btn_inlinesearch span { display: block; width: 30px; height: 30px; text-indent: -9999px; background: url(../../_Images/common/btn_againmagnifier.png) no-repeat 50% 50%; }
.btn_inlinesearch a { display: block; width: 25px; height: 25px; text-indent: -9999px; background: url(../../_Images/common/unipass.png) no-repeat 50% 50%; }
.cscenter { display: block; background: #43434b; }
.cscenter { overflow: hidden; border-top: 1px solid #555560; padding: 20px 15px }
.cscenter dt { width: 100%; height: 25px; font-size: 15px; font-weight: 500; color: #fff }
.cscenter dt strong { color: #eebe2e; font-size: 18px; line-height: 25px }
.cscenter dd { color: #dfdfdf; font-size: 14px; }
.cscenter dd span { display: block }
.cscenter dd span:first-child { padding-bottom: 10px }
.cscenter .tel { font-weight: 500; color: #fcc231 }
.cscenter .button a { display: block; margin-top: 6px; padding: 7px 0; font-size: 14px; font-weight: 500; color: #e6e6ed; border-radius: 3px; background: #456cbb; width: 100%; text-align: center; }
.maintabareaPop { background: #ffffff; padding: 10px; }
.guide .header { width: 100%; background: #3f51b5; }
.guide .header h2 { font-size: 18px; font-weight: normal; line-height: 50px; letter-spacing: -0.05em; height: 50px; color: #ffffff; padding: 0px 30px; }
.guide .content { padding: 20px 30px; overflow: hidden; }
.guide_search { position: relative; margin-bottom: 20px; border: 1px solid #e1e1e1; background: #f7f1e9; }
.guide_search table { display: inline-block; width: auto; margin: 9px 0; vertical-align: top; }
.guide_search table th { padding: 1px 6px; line-height: 27px; text-align: right; color: #3a3a3a; }
.guide_search table th strong { color: #db0000; }
.guide_search table th strong label, .guide_search table th strong span { color: #3a3a3a; }
.guide_search table td { padding: 1px 6px; line-height: 27px; }
.guide_search table td input { width: 300px; height: 27px; line-height: 23px; }
.guide_search table select { min-width: 100px; height: 27px; padding: 4px; }
.guide_search table td button { display: inline-block; height: 23px; padding: 0 15px; line-height: 21px; vertical-align: middle; border: 1px solid #c3c3c3; border-radius: 3px; color: #2a313b; text-align: center; background: #f8f8f8; }
.guide_search button[type="submit"], .guide_search button.btn_submit { display: inline-block; margin: 10px 0 9px; padding: 0 15px; border-radius: 3px; text-align: left; vertical-align: top; cursor: pointer; background: #6c757d; }
.guide_search button[type="submit"] span, .guide_search button.btn_submit span { display: block; height: 29px; padding: 0 0 0 20px; line-height: 29px; font-size: 14px; font-weight: 500; color: #fff; background: url(../../_Images/common/search_popup.png) no-repeat 0 8px; }
.guide_search button[type="submit"]:active, .guide_search button.btn_submit:active { box-shadow: inset 3px 3px 3px #3b5790; }
.title_guide { font-size: 14px; font-weight: 500; margin-bottom: 10px; }
.title_guide li { padding-bottom: 5px; }
.title_guide .hs { color: red; background: yellow; }
.table_top { margin-bottom: 20px; border-top: 2px solid #969696; }
.table_top tr th, .table_top tr td { line-height: 23px; color: #4d4c4c; border: 1px solid #dcdcdc; height: 23px; }
.table_top tr th { padding: 3px 10px; font-weight: 500; background: #f5f5f5; text-align: center }
.table_top tr td { padding: 3px 8px; text-align: left; vertical-align: top; white-space: normal; }
.table_top thead tr:first-child th, .table_top tbody tr:first-child th, .table_top tbody tr:first-child td { border-top: 0; }
.inline { display: inline-block; }
.admin_menuL { float: left; width: 30%; }
.admin_menuR { float: right; width: 68%; }
.mrgnbttm10 { margin-bottom: 10px !important; }
/* CO 관련 */
.coTable { display: table; width: 100%; }
.coTD { display: table-cell; }
.gbutton { display: inline-block; vertical-align: top; height: 25px; padding: 0 10px; border: 1px solid #cacaca; font-size: 13px; color: #444444; font-weight: normal; line-height: 25px; text-decoration: none; cursor: pointer; background: #f8f8f8; background: linear-gradient(#fefefe, #f0f0f0); }
/* 테이블 thead, tfoot 고정 및 tbody 스크롤 설정 추가 (ref) */
#tableFixHead { overflow: auto; max-height: 350px; }  /* tfoot포함 5개 : 205px, 10개 : 350px */
#tableFixHead thead { position: sticky; top: 0; }
#tableFixHead tfoot { position: sticky; bottom: 0; font-size: 13px; }
#tableFixHead2 { overflow: auto; max-height: 500px; }
#tableFixHead2 thead { position: sticky; top: 0; }
#tableFixHead2 tfoot { position: sticky; bottom: 0; font-size: 13px; }
tfoot { font-size: 13px; }
.table_left tbody td[rowspan="2"], .table_left tbody td[rowspan="3"], .table_left tbody td[rowspan="4"], .table_left tbody td[rowspan="5"], .table_left tbody td[rowspan="6"], .table_left tbody td[rowspan="7"], .table_left tbody td[rowspan="8"], .table_left tbody td[rowspan="9"] { border-right: 0px solid #e4e4e4 !important; }
.table_inn tbody tr td { border: none !important; }
.table_inn2 tbody tr td { border: none !important; padding : 1px !important }
.mainheader { position: fixed; top: 0; left: 0; width: 100%; min-width: 1200px; height: 55px; /*background:#19234b; background: #00297a; */background: #400099; border-bottom: 0px solid #dddddd; box-shadow: 0 1px 1px rgb(0 0 0 / 5%); z-index: 99 }
.mainheader h1 { position: absolute; top: 0; left: 0; }
.mainheader h1 a { display: block; width: 140px; height: 55px; color: #fff; text-indent: -9999px; background: url(../../_Images/common/logo.png) no-repeat 20px 50%; }
.mainheader nav { padding-left: 270px; }
.mainheader nav > ul { overflow: hidden; }
.mainheader nav > ul:after { content: ""; display: block; clear: both }
.mainheader nav > ul > li { float: left; }
.mainheader nav > ul > li > a { display: block; height: 51px; line-height: 51px; padding: 2px 16px; text-align: center; text-decoration: none; min-width: 30px; font-weight: 200; }
.mainheader nav > ul > li > a.current { }
.mainheader nav > ul > li > a.current span { color: #fff; font-weight: 500; border-bottom: 3px solid #fff; }
.mainheader nav > ul > li > a > span { display: block; font-size: 15px; color: rgba(255, 255, 255, 0.90); font-weight: 500; }
.mainheader nav > ul > li > ul { position: absolute; top: 55px; left: 0; width: 100% !important; /*min-height:380px;*/ padding: 20px 0 20px; background: #fff; z-index: 2; border-bottom: 1px solid #e4e9f0; box-shadow: 0 2px 10px 0 rgb(154 161 171 / 30%) }
.mainheader nav > ul > li > ul > li { float: none; width: 250px; padding: 3px 0 3px 240px; }
.mainheader nav > ul > li > ul > li > a { display: block; position: relative; line-height: 21px; padding: 4px 20px; z-index: 2; text-decoration: none; font-weight: 200; }
.mainheader nav > ul > li > ul > li > a > span { color: rgba(0, 0, 0, 0.90); font-size: 14px; }
.mainheader nav > ul > li > ul > li > a.current, .mainheader nav > ul > li > ul > li > a:hover, .mainheader nav > ul > li > ul > li > a:focus { background:#5d6dc3; border-left: 0px solid #1662dd; padding-left: 20px; }
.mainheader nav > ul > li > ul > li > a.current span, .mainheader nav > ul > li > ul > li > a:hover span, .mainheader nav > ul > li > ul > li > a:focus span { color: #fff; font-weight: 400; }
.mainheader .menu_bg { position: absolute; top: 0px; bottom: 0px; left: 0; width: 240px; border-right: 1px solid #e4e9f0; z-index: 1; }
.mainheader .menu_bg.no_line { background: none }
.mainheader nav > ul > li > ul > li > ul { position: absolute; top: 0; left: 490px; bottom: 0; padding: 20px 0 20px; width: 250px; border-left: 1px solid #e4e9f0; border-right: 1px solid #e4e9f0; z-index: 2; }
.mainheader nav > ul > li > ul > li > ul > li { padding-left: 0px; }
.mainheader nav > ul > li > ul > li > ul > li > a { display: block; padding: 4px 20px; line-height: 24px; }
.mainheader nav > ul > li > ul > li > ul > li > a > span { overflow: hidden; display: block; color: rgba(0, 0, 0, 0.90); font-size: 14px; font-weight: 200; text-overflow: ellipsis; white-space: nowrap; }
.mainheader nav > ul > li > ul > li > ul > li > a.current, .mainheader nav > ul > li > ul > li > ul > li > a:hover { text-decoration: none }
.mainheader nav > ul > li > ul > li > ul > li > a.current { font-weight: 500 }
.mainheader nav > ul > li > ul > li > ul > li > a.current span, .mainheader nav > ul > li > ul > li > ul > li > a:hover span { font-weight: 400; color: rgba(0, 0, 0, 1); text-decoration: underline; }
.mainheader nav > ul > li > ul > li > ul > li > ul { position: absolute; top: 0; left: 270px; padding: 20px 0 20px; width: 250px; }
.mainheader nav > ul > li > ul > li > ul > li > ul > li { }
.mainheader nav > ul > li > ul > li > ul > li > ul > li > a { display: block; line-height: 24px; }
.mainheader nav > ul > li > ul > li > ul > li > ul > li > a > span { display: block; color:rgba(0, 0, 0, 0.85); font-weight: 200; font-size: 14px; }
.mainheader nav > ul > li > ul > li > ul > li > ul > li > a:hover, .mainheader nav > ul > li > ul > li > ul > li > ul > li > a.current { /*background: url(../../images/bg_nav_menu_bul.gif) no-repeat 0 9px;*/ color: rgba(0, 0, 0, 0.90) }
.mainheader nav > ul > li > ul > li > ul > li > ul > li > a:hover span, .mainheader nav > ul > li > ul > li > ul > li > ul > li > a.current span { color: #000; text-decoration: underline; }
.mainheader nav > ul > li > ul:after, .mainheader nav > ul > li > ul > li > ul:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.mainheader aside { position: absolute; font-size: 13px; top: 15px; right: 20px; line-height: 25px; }
.mainheader aside li {position:relative; display: inline-block; color: rgba(255, 255, 255, 0.85); font-weight: 200; }
.mainheader aside .logout { display: inline-block; height: 100%; color: rgba(255, 255, 255, 0.85); padding-left: 20px; margin-left: 15px; background: url(../../_Images/common/icon_logout.png) no-repeat left 50%; }
.mainheader aside .remote { display: inline-block; height: 100%; color: rgba(255, 255, 255, 0.85); padding-left: 20px; margin-left: 15px; background: url(../../_Images/common/icon_remote.png) no-repeat left 50%; }
.mainheader aside .eRequest { display: inline-block; height: 100%; color: rgba(255, 255, 255, 0.85); padding-left: 20px; margin-left: 15px; background: url(../../_Images/common/icon_eRequest.png) no-repeat left 50%; }
.mainheader aside .mode { display: inline-block; height: 100%; color: rgba(255, 255, 255, 0.85); padding-left: 25px; margin-left: 15px; background: url(../../_Images/common/icon_moon.png) no-repeat left 50%; }
.mainheader aside .mode span:before { content: "다크 모드"; }
#content_main { padding: 75px 20px 20px 280px; height: auto; transition: all 0.5s ease; }
#content { padding: 75px 20px 20px 280px; height: auto; transition: all 0.5s ease; }
#left { position: fixed; top: 55px; left: 0px; bottom: 0px; width: 260px; height: 100%; border: 0px solid #d5d5d5; margin-top: 0px; padding-bottom: 0px; border-radius: 0px; background: #f7faff; z-index: 1; }
#left .left_top { padding: 20px 20px 11px 20px; border-bottom: 0px solid #4f7bd5; border-radius: 5px 5px 0 0; height: 30px; }
#left .left_top h1 { line-height: 23px; text-align: center; color: #fff; font-size: 20px; font-weight: normal }
#left .left_content { width: 260px; position: absolute; top: 65px; left: 0px; bottom: 70px; /*margin-bottom:20px;*/ }
#left .leftmenu { position: relative; top: 0px; }
#left .leftmenu > ul { }
#left .leftmenu > ul > li { /*background:#2a3ba0;*/ }
#left .leftmenu > ul > li > a { display: block; padding: 10px 40px 10px 10px; border-bottom: 0px solid #c8c8c8; vertical-align: middle; }
#left .leftmenu > ul > li:last-child > a { }
#left .leftmenu > ul > li > a > span {/*color:#fff;*/ font-size: 14px; font-weight: 500; margin-top: 5px; vertical-align: middle }
#left .leftmenu > ul > li > a > i { display: inline-block; font-size: 15px; margin: 0 0px 0 0px; text-align: center; width: 14px; height: 14px; vertical-align: middle }
#left .leftmenu > ul > li > a:hover > span, #left .leftmenu > ul > li > a:active > span, #left .leftmenu > ul > li > a:focus > span {/*color:#95c4ff*/ }
/* 
#left .leftmenu > ul > li > a.current { border-radius:0 !important; }
#left .leftmenu > ul > li > a.current > span { font-weight:500;color:#95c4ff; background:url(../../_Images/common/ico_left2depth_active.gif) no-repeat left 50%; }
*/
#left .leftmenu > ul > li.no_depth > a > span, #left .leftmenu > ul > li.no_depth > a.current > span { background: url(../../_Images/common/ico_left2depth_none.gif) no-repeat left 50%; }
#left .leftmenu > ul > li > ul { }
#left .leftmenu > ul > li > ul > li { }
#left .leftmenu > ul > li > ul > li > a { display: block; padding: 0 5px 0 26px; line-height: 34px; border-top: 0px solid #2a313b; border-bottom: 0px solid #c8c8c8; /*background:#696971 url(../../_Images/common/left_03_d.gif) no-repeat 15px 15px;*/ }
#left .leftmenu > ul > li > ul > li > a span { display: block; padding: 3px 5px 3px 20px; color: #fff; font-size: 14px; background: url(../../_Images/common/ico_left2depth.png) no-repeat left 8px; font-weight: 500; }
#left .leftmenu > ul > li > ul > li > a:hover > span, #left .leftmenu > ul > li > ul > li > a:active > span, #left .leftmenu > ul > li > ul > li > a:focus > span { color: #fff; font-weight: 500; }
/* 
#left .leftmenu > ul > li > ul > li > a.current span { color:#fff;}
*/
#left .leftmenu > ul > li > ul > li > ul { padding: 0px; }
#left .leftmenu > ul > li > ul > li > ul > li { }
#left .leftmenu > ul > li > ul > li > ul > li > a { display: block; color: #00297A; padding: 4px 40px 4px 40px; }
#left .leftmenu > ul > li > ul > li > ul > li > a > span { display: block; padding: 0px 10px 0px 10px; color: #00297A; font-size: 13px; font-weight: 200; background: url(../../_Images/common/ico_left2depth.png) no-repeat left 8px; }
#left .leftmenu > ul > li > ul > li > ul > li > a:hover > span, #left .leftmenu > ul > li > ul > li > ul > li > a:active > span, #left .leftmenu > ul > li > ul > li > ul > li > a:focus > span { color: #00297A; /*font-weight: bold*/ font-weight: 400 }
#left .leftmenu > ul > li > ul > li > ul > li > a.prev { }
#left .leftmenu > ul > li > ul > li > ul > li > a.current { }
#left .leftmenu > ul > li > ul > li > ul > li > a.current span { background: url(../../_Images/common/ico_left4depth_off.gif) no-repeat 30px 11px; text-decoration: underline; }
#left .leftmenu > ul > li > ul > li > ul > li:first-child > a.current { border-top: 0; }
#left .leftmenu > ul > li > ul > li > ul > li:last-child > a.current { border-bottom: 0 }
#left .leftmenu > ul > li > ul > li > ul > li:first-child > a.current span { }
#left .leftmenu > ul > li > ul > li > ul > li:last-child > a.current span { }
#left .leftmenu.depth4 > ul > li > ul > li > a { display: block; padding: 5px 40px 5px 30px; line-height: 20px; border-top: 0px solid #f0f1f2; border-bottom: 0px solid #c8c8c8; }
#left .leftmenu.depth4 > ul > li > ul > li > a span { display: block; padding: 0 10px 0 10px; color: #00297A; }
#left .leftmenu.depth4 > ul > li > ul > li > a:hover > span, #left .leftmenu.depth4 > ul > li > ul > li > a:active > span, #left .leftmenu.depth4 > ul > li > ul > li > a:focus > span { color: #00297A; font-weight: 500; }
/* 
#left .leftmenu.depth4 > ul > li > ul > li > a.current span { color:#fff;background:url(../../_Images/common/ico_left3depth.gif) no-repeat 100% 6px; }
*/
#left .leftmenu.depth4 > ul > li > ul > li.no_depth > a span, #left .leftmenu.depth4 > ul > li > ul > li.no_depth > a.current span { background: #696971; }
#left .left_close { position: absolute; top: 26px; right: 0; width: 25px; height: 35px; background: url(../../_Images/common/btn_left_opener.png) no-repeat 0 0; }
#left .left_close span { display: inline-block; text-indent: -9999px; }
#content_main.leftfolded { padding: 75px 20px 30px 35px; }
#content_main.leftfolded #left { width: 16px; height: 35px; border-bottom: 0px solid #d5d5d5; }
#content_main.leftfolded #left .leftmenu, #content_main.leftfolded #left .left_top, #content_main.leftfolded #left .sidetree { display: none; }
#content_main.leftfolded #left .left_close { position: absolute; width: 16px; top: 10px; right: auto; left: 0px; padding-top: 15px; background: #FFF url(../../_Images/common/btn_left_close.png) no-repeat 0 12px; }
#content.leftfolded { padding: 75px 20px 30px 35px; }
#content.leftfolded #left { width: 16px; height: 35px; border-bottom: 0px solid #d5d5d5; }
#content.leftfolded #left .leftmenu, #content.leftfolded #left .left_top, #content.leftfolded #left .sidetree { display: none; }
#content.leftfolded #left .left_close { position: absolute; width: 16px; top: 10px; right: auto; left: 0px; padding-top: 15px; background: #FFF url(../../_Images/common/btn_left_close.png) no-repeat 0 12px; }
.sidetree { padding: 10px 20px;/* width: 199px;*/ height: 25px; margin-top: 16px; margin-bottom: 10px; }
.sidetreecontrol { width: 100%; height: 100%; }
.sidetreecontrol a { border: 0px solid #8c97d8; font-size: 14px; color: #222222; display: inline-block; width: 75px; height: 27px; line-height: 27px; text-align: left; text-decoration: none; float: left; font-weight: 400; }
.sidetreecontrol a:hover { color: #00297A; }
.sidetreecontrol a:nth-child(1) { background: url(../../_Images/common/icon_collapse.png) no-repeat right 50%; margin-right: 20px; }
.sidetreecontrol a:nth-child(2) { border-left: 0; background: url(../../_Images/common/icon_expand.png) no-repeat right 50%; }
/* main 20140812
---------------------------------------------------------*/
.clearBoth { clear: both; }
#main { position: relative; background: #eaeaea; }
/* indicatetab - a태그 이외 디자인 요청건 */
ul.indicatetab li span { display: block; padding: 0 5px; line-height: 32px; color: #4c4d4d; font-size: 14px; font-weight: 500; border-top: 1px solid #a0a0a0; border-bottom: 1px solid #a0a0a0; background: #ededed; }
ul.indicatetab li.selected span { color: #fff; border-top: 1px solid #4270cc; border-bottom: 1px solid #4270cc; background: #4270cc; }
ul.indicatetab li.selected:first-child span { border-left: 1px solid #4270cc }
.numlist>li { border-bottom: 1px solid #eaeaea; position: relative; padding: 20px 0 15px 200px; overflow: hidden; min-height: 30px; }
.numlist2>li { padding-left: 50px !important; word-break: keep-all }
.numlist>li span.num { position: absolute; left: 0; top: 10px; display: inline-block; padding-right: 20px; background: url(../../images/myc/bg_numlist.png) no-repeat; width: 39px; height: 39px; text-align: center; line-height: 39px; font-size: 14px; font-weight: 500; color: #335db5 }
.numlist>li h3 { position: absolute; left: 50px; top: 22px; font-size: 14px; font-weight: 500; color: #3a3a3a }
.listtype>li { padding: 0 0 0 8px; background: url(../../images/myc/bul_type01.png) no-repeat 0 9px; line-height: 18px }
.listtype>li strong { color: #4270cc }
.listtype>li ol { padding: 7px 0 }
.listtype>li ol li { padding-left: 20px; color: #666 }
.listtype_table>li { padding-left: 10px; }
.listtype_table>li.link { color: #4270cc; padding-left: 0 }
.con_txt { padding: 0 0 5px 8px; line-height: 16px; color: #686868; }
/*지시문유형*/
.instruct_page ul { padding-left: 25px }
.instruct_page ul li { font-size: 12px; line-height: 16px; padding-bottom: 4px; }
.instruct_page ul li strong { color: #d06c08 }
.instruct_page ul.listtype_02 { padding-left: 5px }
.instruct_modulecon { overflow: visible; min-height: 22px; height: auto !important; padding: 6px 0 5px 17px; line-height: 22px; text-overflow: clip; white-space: normal; border: 1px solid #ddd; border-radius: 2px; color: #3a3a3a; background: #f5f5f5; }
.instruct_modulecon ol li { font-size: 12px; line-height: 16px; padding-bottom: 4px; }
.instructbox { margin: 10px 20px 10px 10px; background: #fffef3; border: 1px solid #dbd9c0; padding: 10px 25px; color: #585858; font-size: 12px; }
.instructbox ul { padding-left: 0 }
.charge { height: 50px; font-size: 17px; font-weight: 500; color: #fff; display: block; position: relative; background: #556890; padding-left: 30px; padding-right: 30px; }
.charge .txt1 { font-size: 17px; font-weight: 500; color: #ffffff; vertical-align: middle; padding-top: 5px; line-height: 40px; }
.charge .txt2 { margin-top: 10px; }
.charge .txt2 a { color: #fff }
.charge .txt3 { font-size: 15px; text-align: center; padding: 7px 20px; margin-left: 10px; background: #fcaf17 }
.charge_list { background: #f0f0f0; padding: 20px; margin-bottom: 20px; }
.total { font-size: 20px; color: #333; }
.billsearch { width: 100%; float: left; }
.billsearch dt { background: #3d444d; padding: 10px 25px; color: #fff; font-size: 15px; font-weight: 500 }
.billsearch dt span { font-size: 30px; font-weight: 500; color: #fff }
.billsearch dd { float: left; background: #e8e8ea; padding: 25px; width: 938px }
.billsearch dd .title { float: left; font-size: 16px; color: #282828; font-weight: 500; line-height: 25px; ; margin-bottom: 10px }
.billsearch dd .date { float: left; background: #9696a6; color: #fff; font-size: 12px; padding: 5px 10px; margin-left: 10px; margin-top: 4px }
.billsearch dd .total { font-size: 20px; color: #444; font-weight: 500 }
.table_charge { background: #fff; margin-bottom: 5px; }
.table_charge caption { display: none }
.table_charge th, .table_charge td { white-space: nowrap; }
.table_charge tbody th { font-size: 13px; text-align: center; color: #444444; font-weight: 500; background: #fafafa; border: 1px solid #dddddd; line-height: 20px }
.table_charge td { padding: 15px 0px; text-align: center; color: #444444; font-size: 14px; border: 1px solid #dddddd; line-height: 20px; font-weight: 400 }
.table_charge tbody .left { text-align: left; padding-left: 20px; font-size: 13px; }
.table_charge tbody .blue { color: #39f; }
.table_group { position: relative; width: 100%; margin-top: 5px; margin-bottom: 10px; }
.table { width: 100%; border-top: 1px solid #61666f; border-bottom: 1px solid #e4e4e4; max-width: 100%; table-layout: fixed; border-collapse: collapse; }
.table tbody, .table tfoot { text-align: center; }
.table thead tr th { padding: 6px 10px; border: 1px solid #e4e4e4; background: #f9fafb; font-size: 13px; text-align: center; }
.table thead tr:first-child th { border-top-width: 0; }
.table thead tr th:first-child { border-left: 0; }
.table thead tr th:last-child { border-right: 0; }
.table tbody tr th, .table tfoot tr th { padding: 6px 10px; border: 1px solid #dee2e6; background: #f3f7f9; font-size: 13px; text-align: center; }
.table tbody tr td { padding: 6px 10px; font-size: 13px; font-weight: 200; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.table tbody tr+tr td { border-top: 1px solid #f0f0f0; }
.table tbody td+td { border-left: 1px solid #f0f0f0; }
.table tbody tr td:first-child { border-left: 0; }
.table tbody tr td:last-child { border-right: 0; }
.table-danger { background: #fde2e2; }
.table-danger td { border: 1px solid #e4cbcb !important; }
.table-danger td:first-child { border-left: 0 !important; }
.table-danger td:last-child { border-right: 0 !important; }
.table-warning { background: #fef3dd; }
.table-warning td { border: 1px solid #e5dbc7 !important; }
.table-warning td:first-child { border-left: 0 !important; }
.table-warning td:last-child { border-right: 0 !important; }
.table-info { background: #ddf4fb; }
.table-info td { border: 1px solid #c7dce2 !important; }
.table-info td:first-child { border-left: 0 !important; }
.table-info td:last-child { border-right: 0 !important; }
.table-success { background: #e0efe2; }
.table-success td { border: 1px solid #cad7cb !important; }
.table-success td:first-child { border-left: 0 !important; }
.table-success td:last-child { border-right: 0 !important; }
.table-light { background: #f8f9fa; }
.table-light td { border: 1px solid #e1e1e1 !important; }
.table-light td:first-child { border-left: 0 !important; }
.table-light td:last-child { border-right: 0 !important; }
.table tbody tr td a, .table tfoot tr td a { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.table tbody tr:first-child th, .table tbody tr:first-child td, .table tfoot tr:first-child th, .table tfoot tr:first-child td { border-top-color: #dee2e6; }
.table tbody ul, .table tbody ol { padding-left: 0; text-align: left; }
.table a:link, .table a:visited { color: #1662dd; text-decoration: none; }
.table a:hover, .table a:active { text-decoration: underline; color: #1662dd; }
.table .link a { color: #0072bc }
.table > tbody > tr:nth-child(2n) > td, .table> tbody > tr:nth-child(2n) > th { /*background:#f9f9f9;*/ }
.table > tbody > tr:hover > td { background: #f7faff !important; }
.table tfoot tr td { padding: 6px 10px; border: 1px solid #e4e4e4; color: #000; font-size: 13px; font-weight: 500; text-align: center; background: #fafafa; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.table tfoot tr td .txt { font-size: 18px; font-weight: 500; color: #000000; }
.table tfoot tr td:first-child { border-left: 0; }
.table tfoot tr td:last-child { border-right: 0; }
.table .btn-del i { font-size: 16px; color: #999; }
.tableView { width: 100%; border-top: 1px solid #61666f; border-bottom: 1px solid #e4e4e4; }
.tableView caption { display: none }
.tableView thead th { white-space: normal; }
.tableView thead th { padding: 11px 15px; font-size: 14px; font-weight: 400; border-top: none; border-bottom: 1px solid #e4e4e4; text-align: left; background: #f9fafb }
.tableView tbody th { padding: 11px 15px; font-size: 13px; font-weight: 400 }
.tableView tbody th, .tableView tbody td { border-top: 1px solid #e4e4e4; line-height: 20px; padding: 11px 15px; text-align: left; font-size: 13px; background: #ffffff }
.tableView tbody td { font-weight: 200; }
.tableView tbody td a { font-size: 13px; }
.tableView tbody td.file a { font-size: 13px; color: #1662dd }
.tableView tbody td.content p { padding: 0; font-size: 13px; line-height: 24px }
.tableView tbody td.content img { max-width: 100%; }
.tableView_next { width: 100%; }
.tableView_next caption { display: none }
.tableView_next th, .tableList td { white-space: nowrap; }
.tableView_next thead th { padding: 11px 15px; font-size: 15px; font-weight: 400; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; text-align: left; background: #fafafa }
.tableView_next tbody th { padding: 11px 15px; font-size: 13px; font-weight: 400 }
.tableView_next tbody th, .tableView_next tbody td { border-bottom: 1px solid #e4e4e4; line-height: 20px; padding: 11px 15px; text-align: left; font-size: 13px; background: #ffffff }
.tableView_next tbody td a { font-size: 13px; color: #4e5155; font-weight: 400 }
.tableView_next tbody td.file a { font-size: 13px; color: #1662dd }
.tableView_next tbody td.content p { padding: 15px 0; text-align: left; font-size: 13px; line-height: 24px }
.tableView_type1 { width: 100%; clear: both; text-align: center; border-top: 1px solid #61666f; border-bottom: 1px solid #e4e4e4; }
.tableView_type1 th { padding: 11px 15px; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; word-wrap: break-word; font-size: 13px }
.tableView_type1 td { padding: 11px 15px; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; word-wrap: break-word; font-size: 13px; font-weight: 200; }
.tableView_type1 th { background: #f9fafb; }
.tableView_type1 td { background: #fff; }
.tableView_type1 thead th { font-size: 13px; background: #fff; color: #333; border-bottom: 1px solid #61666f; text-align: center; }
.tableView_type1 tbody th { text-align: center; }
.tableView_type1 th:first-child, .tableView_type1 td:first-child { border-left: 0 }
.tableView_type1 th:last-child, .tableView_type1 td:last-child { border-right: 0 }
.tableView_type1 .left, .tableView_type1 .l { text-align: left; padding-left: 15px }
.file_input_div { position: relative; width: 80px; height: 28px; overflow: hidden }
.tableWrite { margin-bottom: 10px; border-top: 1px solid #61666f; border-bottom: 1px solid #61666f; }
.tableWrite thead tr th, .tableWrite tbody tr th { padding: 6px 10px; line-height: 22px; font-weight: normal; font-size: 13px; white-space: nowrap; }
.tableWrite tbody tr th { text-align: right; font-weight: 400; border: 1px solid #e4e4e4; border-top: 0px; background: #f9fafb; height: 32px; }
.tableWrite tbody tr td { padding: 6px 10px; line-height: 22px; font-size: 13px; font-weight: 200; background: #ffffff; height: 32px; }
.tableWrite thead tr th:first-child, .tableWrite tbody tr th:first-child { }
.tableWrite tbody tr th.th_depth { border-left: 1px solid #ddd; background: #f8f8f8; }
.tableWrite tbody .left { text-align: left; padding-left: 20px; font-size: 13px; }
.tableWrite .txt { display: block; margin-bottom: 5px; }
.tableWrite tr th.th_depth { background: #f8f8f8; }
.tableWrite table th strong { color: #ff3636; padding: 0 3px; }
.tableWrite table th strong label, .tableWrite table th strong span { color: #4d4c4c; font-weight: normal; }
.tableWrite tbody tr td.list_file p { margin-top: 5px; line-height: 24px; }
.tableWrite tbody tr td.list_file p:first-child { margin-top: 0; }
.tableWrite tbody tr th:first-child { border-left: 0; }
.tableWrite tbody tr+tr th { border-top: 1px solid #e4e4e4; border-bottom: 0px solid #e4e4e4; }
.tableWrite tbody th+th { border-left: 1px solid #e4e4e4; }
.tableWrite tbody tr+tr td { border-top: 1px solid #f0f0f0; }
.tableWrite tbody td+td { border-left: 1px solid #f0f0f0; }
.checkright { float: right; text-align: right; width: 200px; padding-top: 40px }
.text_red { font-size: 13px; color: #e10000 }
.file_input_hidden { font-size: 29px; position: absolute; right: 0px; top: 0px; opacity: 0; cursor: pointer; opacity: 0 }
.tableFile { width: 100%; border: 1px solid #d9d9d9; }
.tableFile caption { display: none }
.tableFile th, .tableFile td { white-space: nowrap; }
.tableFile tbody th { padding: 2px 15px; font-size: 13px; color: #444444; font-weight: normal; background: #f9f9f9; border-top: 1px solid #d9d9d9; text-align: center }
.tableFile tbody td { padding: 2px 15px; text-align: center; color: #444444; font-size: 13px; border-top: 0px solid #d9d9d9; background: #ffffff }
.tableFile tbody td a { font-size: 13px; color: #000 }
/*리스트유형*/
ul.listtype_01 { padding-top: 10px }
ul.listtype_01 li { padding-left: 5px; line-height: 20px; padding-bottom: 3px; }
ul.listtype_01 li ul { padding: 5px 0 0 5px }
ul.listtype_01 li .red { color: #f00 !important }
.box_guide { border: 1px solid #e5e5e5; padding: 10px 20px 20px 20px; line-height: 22px; margin-top: 10px; height: 65px; overflow-y: scroll; background: #fff }
.box_guide li { padding-bottom: 5px; }
.box_graybg { padding: 15px 0; background: #f0f0f0; text-align: center; font-size: 13px; color: #444; font-weight: 500; margin-top: 15px }
.cms_text1 { text-align: center; padding: 20px 0px; font-size: 15px; font-weight: 500; }
.clearfix:after { display: block; visibility: hidden; clear: both; content: '.'; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; }
.bbs_category_list { margin-top: 20px; margin-bottom: 10px; border: 3px solid #e9e9e9; background: #ffffff; position: relative }
.bbs_category_list ul { padding: 12px 10px; text-align: left; }
.bbs_category_list ul li { display: inline; float: left; margin: 3px 3%; padding-left: 8px; background: url(../../_Images/common/sub_menu_dot.gif) no-repeat 0 10px; white-space: nowrap; font-weight: 500; }
.title_cnt { font-weight: 400; }
.hide_cnt { display: none; padding-top: 10px; color: #666; }
#left_wrap { float: left; width: 200px; }
#left_wrap .lnbbox_wrap { padding: 0px 0px 30px 0; }
#left_wrap .lnbbox_wrap h2 { height: 60px; font-size: 25px; font-weight: 500; color: #242424; letter-spacing: -1px; margin-bottom: 30px; }
#left_wrap .lnbbox_wrap .s_menu { background: #ffffff; border-top: 2px solid #636770; border-bottom: 1px solid #636770 }
#left_wrap .lnbbox_wrap .s_menu .lnb { display: inline-block; width: 170px; background: #ffffff; padding: 9px 15px; font-size: 15px; font-weight: 500; color: #444; border-bottom: 1px solid #e9e9e9; }
#left_wrap .lnbbox_wrap .s_menu .lnb:hover { background: #4068b4; color: #FFF; text-decoration: none; }
#left_wrap .lnbbox_wrap .s_menu .lnb_on { display: inline-block; width: 170px; background: #4068b4; padding: 9px 15px; font-size: 15px; font-weight: 500; color: #FFF; border-bottom: 1px solid #e9e9e9; }
#left_wrap .lnbbox_wrap .s_menu .lnb_on:hover { text-decoration: none; }
#left_wrap .lnbbox_wrap .s_smenu { padding: 12px 15px 15px 15px; border-bottom: 1px solid #e9e9e9; display: none; }
#left_wrap .lnbbox_wrap .s_smenu li { height: 25px; line-height: 25px; overflow: hidden; }
#left_wrap .lnbbox_wrap .s_smenu .on a { color: #4068b4; font-weight: bold }
#left_wrap .lnbbox_wrap .s_smenu .on:hover { color: #4068b4; text-decoration: underline; }
.video { margin-left: 220px; width: 800px; }
.r_search { width: 30%; position: absolute; top: 0px; right: 20px; }
.r_search_form { border: 1px solid #cccccc; margin: 8px; position: relative; }
.r_search button { background: #4787ed url(../../_Images/common/search_white.png) center center no-repeat; border: 0; height: 30px; right: 0; margin: 0; outline: 0; padding: 0; position: absolute; top: 0; width: 60px!important; }
.r_search_box { background-color: transparent; border: 0!important; display: block; height: 30px!important; padding: 0; width: 100% }
.r_search_box:focus { outline: 0 }
/*20180809*/
.tableChart01 { width: 100%; border: 1px solid #d9d9d9; }
.tableChart01 caption { display: none }
.tableChart01 th, .tableChart01 td { white-space: nowrap; }
.tableChart01 thead th { padding: 7px 20px; font-size: 13px; color: #ffffff; font-weight: 500; background: #4270cc; border: 1px solid #2f5ebd; text-align: center }
.tableChart01 tbody th { padding: 8px 20px; font-size: 13px; font-weight: normal; background: #f8f8f8; border: 1px solid #dddedf; text-align: center }
.tableChart01 tbody td { padding: 8px 20px; text-align: center; font-weight: 500; font-size: 13px; border: 1px solid #dddedf; background: #ffffff }
.tableChart01 tbody td a { font-size: 13px; color: #000 }
.tableChart02 { border-collapse: collapse; border-spacing: 0px; table-layout: fixed; width: 100%; margin-bottom: 10px; }
.tableChart02 caption { display: none }
.tableChart02 th, .tableChart02 td { white-space: nowrap; }
.tableChart02 th { padding: 5px 5px; font-size: 13px; color: #ffffff; font-weight: normal; background: #717586; border: 1px solid #535760; text-align: center }
.tableChart02 td { padding: 7px 5px; text-align: center; font-weight: 500; font-size: 13px; border-left: 1px solid #dddedf; border-right: 1px solid #dddedf; border-bottom: 1px solid #dddedf; word-wrap: break-word; background: #ffffff }
.tableChart02 td a { font-size: 13px; color: #000 }
.tableChart02 th:first-child, .tableChart02 td:first-child { border-left: 0 }
.tableChart02 th:last-child, .tableChart02 td:last-child { border-right: 0 }
.tableChart02 .bg_color01 { background: #4270cc!important; border: 1px solid #2f5ebd!important; }
.tableChart02 .bg_color02 { background: #f8f8f8!important; }
/* The Modal (background) */
.modal { display: none;/* Hidden by default */ position: fixed; /* Stay in place */ z-index: 99; /* Sit on top */ /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ }
/* Modal Content */
/* .modal-content { position: relative; background-color: #fefefe; margin: auto; padding: 0; border: 1px solid #888; width: 500px; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s }*/
.modal-content { position: relative; background-color: #fefefe; margin: auto; padding: 0; border: 0px solid #888; width: 530px; animation-name: animatetop; animation-duration: 0.4s }
.modal-content700 { position: relative; background-color: #fefefe; margin: auto; padding: 0; border: 0px solid #888; width: 700px; animation-name: animatetop; animation-duration: 0.4s }
/*
.main-modal-content { position: relative; background:#fff; border:1px solid #545857; width: 470px; background-clip: padding-box; outline: none; }
.line-box {}
.line-box h2 {position:relative; padding:10px 20px; margin-bottom:20px; text-align:left; color:#ffffff; font-size:15px; font-weight: normal; border-top:0px #ff2024 solid; border-bottom:0px #e6e7ea solid; background:url(../../_Images/main/bg_popup.png) repeat-x 50% bottom;}
.line-box h2 a {position:absolute; top:7px; right:20px; color: #ffffff; }
.main-notice {padding:0 20px; overflow:auto;}
.notice-content { width:100%; height: 440px;}
.line-box .bottom {display:block; width:100%; overflow:hidden; height:34px; line-height:34px; text-align:left; font-size :12px;  font-weight:500; background:#ffffff;}*/

.main-modal-content { position: relative; background: #fff; border: 1px solid #545857; width: 470px; background-clip: padding-box; outline: none; }
.line-box h2 { position: relative; padding: 10px 40px 10px 20px; margin-bottom: 20px; text-align: left; color: #f7531f; font-size: 15px; font-weight: 500; border-top: 0px #ff2024 solid; border-bottom: 1px #e6e7ea solid; background: #ffffff; }
.line-box h2 a { position: absolute; right: 20px; }
.line-box h2 span { overflow: hidden; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: middle; }
.main-notice { padding: 0 20px; overflow: auto; }
.notice-content { width: 100%; height: 440px; }
.line-box .bottom { display: block; width: 100%; overflow: hidden; height: 34px; line-height: 34px; text-align: left; font-size : 12px; font-weight: 500; color: #d5d5d5; background: #454545; }

/* Add Animation */
 @keyframes animatetop { from {
top:-300px;
opacity:0
}
to { top: 0; opacity: 1 }
}
/* The Close Button */
.close { color: #fff; float: right; font-size: 18px; padding-top: 5px; font-weight: 400; }
.close:hover, .close:focus { color: #fff; text-decoration: none; cursor: pointer; }
.modal-header { padding: 5px 16px; background-color: #434a8d; color: #fff; }
.modal-header h2 { color: #fff; line-height: 30px; padding: 0px; font-weight: 400; }
.modal-body { padding: 15px 10px; }
.modal-footer { padding: 2px 16px; background-color: #434a8d; color: #fff; }
/* 로그인 */
#login-bg-image { background: #fff url(../../_Images/login/img_login.jpg) no-repeat 50% 50%; background-size: cover; }
#wrapping { width: 100%; height: 520px; position: absolute; left: 50%; margin-left: -50%; margin-top: -260px; vertical-align: middle; top: 50%; }
#wrapping .Login { position: relative; width: 360px; height: 420px; margin: 0 auto; background: #fff; display: block; color: #333333; font-weight: 200; padding: 50px 40px; border-radius: 20px; box-shadow: 0 5px 5px 5px rgb(76 76 76 / 5%); }
/* 로고 */
#wrapping .Login h1 { font-size: 22px; font-weight: 400; text-align: center; margin-top: 10px; margin-bottom: 30px; }
#wrapping .Login h1 img { vertical-align: middle; padding-right: 10px; padding-bottom: 3px; }
#wrapping .Login .login_box { position: relative; }
/* 로그인 상자 안의 로그인 폼 부분 */
#wrapping .Login .login_box dl { width: 100%; }
#wrapping .Login .login_box dt { padding: 5px 0 5px 0px; font-size: 14px; color: #121212; font-weight: 500; }
#wrapping .Login .login_box dd { width: 100%; padding: 2px 0 20px 0; }
#wrapping .Login .login_box input[type='text'], #wrapping .Login .login_box input[type='password'] { width: 100%; height: 40px; line-height: 38px; border: 1px solid #ccc; font-size: 14px; color: #424645; padding: 0 8px 0 8px; }
#wrapping .Login .login_box input::placeholder {
color: #424645;
}
/*#wrapping .Login .login_box .id { background: url(_Image/Login/login_icon_id.png) no-repeat right 50%; }
#wrapping .Login .login_box .pw { background: url(_Image/Login/login_icon_pw.png) no-repeat right 50%; }*/
#wrapping .Login .login_box p { }
#wrapping .Login .login_box .checkbox { font-size: 13px; color: #424645; font-weight: 200 }
#wrapping .Login .login_box .checkbox input+label { display: inline-block; }
#wrapping .Login .login_box .checkbox input+label>span { display: inline-block; }
#wrapping .Login .btn_login { display: block; width: 100%; margin-top: 10px; margin-bottom: 10px; height: 50px; line-height: 50px; text-align: center; padding: 0; background: #00297a; border: solid 0px #004899; border-radius: 0.15rem; color: #fff; font-size: 15px; font-weight: 400; cursor: pointer; text-decoration: none; }
#wrapping .copyright { width: 100%; text-align: center; margin-top: 40px; font-size: 13px; color: #424645; font-weight: 200 }
/* The checkbox */
.checkbox { display: inline-block; position: relative; padding-left: 25px; margin-bottom: 30px; cursor: pointer; font-size: 13px; user-select: none; }
/* Hide the browser's default checkbox */
.checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
/* Create a custom checkbox */
.checkmark { position: absolute; top: 0; left: 0; height: 16px; width: 16px; background-color: #fff; border: 2px solid #d0d0d0; border-radius: 5px; }
/* On mouse-over, add a grey background color */
.checkbox:hover input ~ .checkmark { background-color: #fff; }
/* When the checkbox is checked, add a blue background */
.checkbox input:checked ~ .checkmark { background-color: #fff; border: 2px solid #12263f; }
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after { content: ""; position: absolute; display: none; }
/* Show the checkmark when checked */
.checkbox input:checked ~ .checkmark:after { display: block; }
/* Style the checkmark/indicator */
.checkbox .checkmark:after { left: 6px; top: 2px; width: 5px; height: 10px; border: solid #12263f; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.myview {float:right}
.myview a { color:#5963ff}
.collapsable { width: 100%; padding: 0; list-style: none; }
.collapsable a.folder { padding: 13px 0 12px 40px; font-size: 14px; font-weight: normal; cursor: pointer; display: inline-block; background: url(../../_Images/common/icon_arrowD.png) no-repeat 230px 50%; color: #00297A; }
.collapsable a.folder:hover { background: url(../../_Images/common/icon_arrowD.png) no-repeat 230px 50%; color: #00297A; }
.collapsable.on a.folder { background: url(../../_Images/common/icon_arrowR.png) no-repeat 232px 50%; color: #00297A; }
.collapsable ul {/*display: none;*/ padding: 3px 0px; background: #f7faff }
.collapsable ul li { width: 100%; background: #f7faff; }
.collapsable ul li a.file { display: block; color: #eeeeee; padding: 4px 40px 4px 50px; /*background: url(../../_Images/common/ico_left2depth.png) no-repeat left 50%;*/ cursor: pointer; font-size: 13px; font-weight: normal; }
.collapsable ul li a.file span { display: block; padding: 0px 10px 0px 10px; color: #00297A; font-size: 13px; font-weight: 200; }
.collapsable ul li.on a.file { color: #eeeeee; /*background:#2a3ba0 url(../../_Images/common/bul_left3depth.gif) no-repeat 45px 15px;*/ }
.collapsable ul li a.file:hover { color: #ffffff; /*background:#2a3ba0 url(../../_Images/common/bul_left3depth.gif) no-repeat 45px 15px;*/ }

.error-box {padding: 80px 0; text-align: center;}
.sec-box { width: 100%; margin-left: auto; margin-right: auto; padding-left: 24px; padding-right: 24px; }
i[class*="icon-"] { display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-indent: 100%; }
.icon-error-404 { background: url(../../_Images/common/sprite.png) no-repeat 50% 50%; width: 69px; height: 69px; }
.error-box { padding: 80px 0; text-align: center; }
.error-text-box .error-tit { margin-top: 15px; font-size: 26px; font-weight: 700; }
.error-text-box .error-txt { margin-top: 20px; line-height: 24px; font-size: 16px; font-weight: 200;}
.error-text-box .error-txt span { display:block; font-weight: 500;}
.error-box .btn-go-to-main { margin-top: 30px; }
.btn_error { display: inline-block; min-width: 96px; height: 20px; padding: 13px 20px; border: 1px solid #5d6dc3; background-color: #5d6dc3; font-size: 0; text-align: center; color: #fff;}
.btn_error span { display: inline-block; line-height: 1; font-size: 14px; font-weight: 700; }

.maintabarea {position:relative;}
.img_loading1 {position: fixed; top: 470px; left: 50%; width: 100px; height: 100px; background: url(../../_Images/common/img_loading1.gif) no-repeat 50% 50%;  margin: -50px 0 0 -50px; color:#fff; z-index:999;}
.img_loading2 {position:absolute; top: 50%; left: 50%; width: 100px; height: 100px; background: url(../../_Images/common/img_loading2.gif) no-repeat 50% 50%;  margin: -50px 0 0 -50px; color:#fff; z-index:999;}
@media (max-width:1300px){
.mainheader nav { padding-left: 230px; }
.mainheader aside li:nth-child(1) {display:none}
}
@media (max-width: 1300px) {
.state_cont .grayBox1, .state_cont .grayBox2, .state_cont .grayBox3 { background-size:85% !important;}
.org-members .title_name {font-size: 13px !important;}
.org-members .name {font-size: 18px !important;}
.noticeList>li .tit {font-size: 12px !important;}
.noticeList>li .day {font-size: 13px !important; top: 0px !important;}
.state_cont dl dt { height:90px !important;}
.state_cont dl dd p .tt {font-size: 13px !important;}
.state_cont dl dd p .cont {font-size: 20px !important;}
.intro-items a {font-size: 13px !important; word-break: keep-all; line-height: 1.2;}
.intro-items a:before{width:42px !important;height:42px !important;background-size: 60% !important;}
}
.login-wrapper { position:relative; height: 100%; background-color: #edf0ff; min-height: 800px; }
.login-wrapper > * { height: 100% !important; }
.login-wrapper .bg-pic { position: absolute; width: 60%; overflow: hidden; }
.login-wrapper .bg-pic h1 { position: absolute; top:30px; left:40px; }
.login-wrapper .bg-pic .text {width: 100%; height: 700px; position: absolute; left: 50%; margin-left: -50%; margin-top: -350px; vertical-align: middle; top: 50%; text-align:center;}
.login-wrapper .bg-pic .text .title { font-size:40px; font-weight: 700; margin-top:30px; margin-bottom:10px; line-height:40px; }
.login-wrapper .bg-pic .text .title_s { font-size:17px; font-weight: 400; margin-bottom:30px; line-height:24px; }
.login-wrapper .login-container { width: 40%; display: block; position: relative; float: right; background:#fff}
.login-wrapper .login-container .loginbox{width: 400px; height: 700px; position: absolute; left: 50%; margin-left: -200px; margin-top: -350px; vertical-align: middle; top: 50%;}
.login-wrapper .bg-caption { width: 500px; }
.login-wrapper .login-container .text_login { padding:50px 0px; font-size:25px; font-weight: 700; }

.login_box { width: 100%; position: relative; }
/* 로그인 상자 안의 로그인 폼 부분 */
.login_box dl { width: 100%; margin:0px;}
.login_box dt { width: 70px; padding: 5px 0 5px 0px; font-size: 14px; font-weight: 400; }
.login_box dd { padding: 2px 0 20px 0; margin:0px; }
.login_box input[type='text'], .login_box input[type='password'] { width: 100%; border: 1px solid #d5d5d5; border-radius:4px; font-size: 14px; color: #202020; padding:21px 15px; box-sizing: border-box;}
.login_box input::placeholder {color: #202020;}
.login_box input::-webkit-input-placeholder {color: #202020;}
.login_box input:-ms-input-placeholder {color: #202020;}
.login_box p { height: 50px; }
.login_box p a { color:#fff;}
.login_box .checkbox { font-size: 13px; color: #202020 }
.login_box .checkbox input+label { display: inline-block; }
.login_box .checkbox input+label>span { display: inline-block; }
.btn_login { display: block; width: 100%; margin-top: 10px; margin-bottom: 10px; height: 50px; line-height: 50px; text-align: center; padding: 0; background: #5963ff; border: solid 0px #004899; border-radius: 4px; color: #fff; font-size: 14px; cursor: pointer; text-decoration: none; }
.login_copyright {width:100%; text-align:center; padding:30px 0px; font-size: 12px; color: #333333 }

/* Responsive handlers : Login
------------------------------------
*/
@media (max-width: 768px) {
.login-wrapper .login-container { width: 100%; }
}
@media only screen and (max-width: 321px) {
.login-wrapper .login-container { width: 100%; }
}
.main_icon {width: 100%; float: left; }
.main_icon li { float: left; /*width: 20%;*/position: relative; 
width: 17%; text-align: center; padding: 2rem 1rem; }
.main_icon li a { position: relative; display: inline-block; z-index: 0; }
.main_icon li a::before { content: ''; width: 0; height: 0; background-color: #4059ab; border-radius: 50%; position: absolute; z-index: -1; -webkit-transition: all .3s; transition: all .3s; opacity: 0.7; -webkit-opacity: 0.7; }
.main_icon li a img { -webkit-transition: all .3s; transition: all .3s; }
.main_icon li span { display: block; font-size: 14px; padding-top: 1rem; color: #222222; font-weight: 500; word-break: keep-all; }
.main_icon::after { content: ''; display: block; clear: both; }
.main_icon li:after {position: absolute; content: ""; display: block; width: 1px; height: 50px; background: #eeeeee; top: 32px; right: 0;}
.main_icon li:last-child:after{ display:none; }

.main_top_mk { width: 50%; float: left; position: relative;  }
.main_top_mk, .main_top_mk header { position: relative; }
.main_myinfo { box-sizing: border-box }
.main_myinfo { width: 25%; float: left; position: relative; padding-top: 10px; padding-right: 10px; padding-left: 10px; padding-bottom: 20px; }
.main_myinfo .profile {position: relative; background: #ffffff; border-radius: 10px; height:170px; border: 1px solid #d5d5d5; margin-bottom: 0; box-shadow: 0 2px 4px 0 rgb(173 175 182 / 20%);}
.main_myinfo .menu {position: relative; background: #ffffff; border-radius: 10px; height:200px; border: 1px solid #e5e5e5; margin-bottom: 0; box-shadow: 0 2px 4px 0 rgb(173 175 182 / 20%);} 

.main_cont { box-sizing: border-box }
.main_cont { width: 75%; float: left;  position: relative; padding-top: 10px; padding-right: 10px; padding-left: 10px; padding-bottom: 20px; }
.main_cont .state_cont {background: #ffffff; border-radius: 10px; height:170px; border: 1px solid #d5d5d5; margin-bottom: 0; box-shadow: 0 2px 4px 0 rgb(173 175 182 / 20%); text-align:center; line-height: 150px;}

.state_cont { box-sizing: border-box }
.state_cont dl {width:33%; font-size:0; display:inline-block; padding:10px 0px;  line-height: 1;}
.state_cont dl dt {display:inline-block; vertical-align:middle; width:100px; height:100px; border-radius:100%; overflow:hidden;}
.state_cont dl dd {display:inline-block; vertical-align:middle; padding-left:10px;}
.state_cont dl dd p {position: relative; width:200px;; display:block; text-align:left; margin-top: 2px; margin-bottom: 4px;}
.state_cont dl dd p .tt {display: inline-block; max-width: calc(100% - 50%); font-size:15px; font-weight:400; padding-left:10px; padding-top:7px; }
.state_cont dl dd p .cont {position: absolute; right: 0; top: 2px; width: 50%; font-size:24px; font-weight:700; text-align:right; padding-right:20px;}

.state_cont .grayBox1 { background: url(../../_Images/main/intro0_1.png) no-repeat 50% 50%; }
.state_cont .grayBox2 { background: url(../../_Images/main/intro0_2.png) no-repeat 50% 50%; }
.state_cont .grayBox3 { background: url(../../_Images/main/intro0_3.png) no-repeat 50% 50%; }

.main_user { box-sizing: border-box }
.main_user { width: 33.2%; float: left; position: relative; padding-top: 10px; padding-right: 10px; padding-left: 10px; padding-bottom: 20px; }
.main_user .total {width: 100%; float: left; position: relative; background: #5963ff; border-radius: 10px; height:200px; border: 1px solid #5963ff; margin-bottom: 0; box-shadow: 0 2px 4px 0 rgb(173 175 182 / 20%);}

.org-members { padding: 15px 30px 0 30px;  }
.org-members dl { width: 100%; height: 72px; margin-top: 10px; margin-right: 12px; position: relative; }
.org-members .picture { position: absolute; top: 0; left : 0; width: 70px; height: 70px; border: 0px solid #d2d2d2; border-radius: 50% }
.org-members .picture .lazy_img { width: 60px; height: 60px; display: inline-block; border-radius: 50%; }
.org-members .title_name, .org-members .name { margin-left: 80px; width: 136px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.org-members .title_name { font-size:14px; font-weight:400; padding-top: 5px;}
.org-members .name { font-size:22px; padding-top: 5px; padding-bottom: 3px; font-weight: 700; }
.after:after { content: ''; display: block; clear: both}

.noticeList{margin-top:5px;}
.noticeList>li{position:relative;width:100%;margin-bottom:0px;}
.noticeList>li:last-of-type{margin-bottom:0px;}
.noticeList>li .tit{display:inline-block;max-width:calc(100% - 30%);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400;}
.noticeList>li .day{position:absolute;right:0;top:0px;width:70%;font-size:15px;font-weight:500;text-align:right;}

.main_mkmenu{margin-top:20px;;box-sizing:border-box;}
.main_mkmenu .item{position:relative;height:32px;box-sizing:border-box;vertical-align:top;}
.main_mkmenu .item:nth-of-type(1) { background: url(../../_Images/main/icon_menu01.png) no-repeat 30px 50%; }
.main_mkmenu .item:nth-of-type(2) { background: url(../../_Images/main/icon_menu02.png) no-repeat 30px 50%; }
.main_mkmenu .item:nth-of-type(3) { background: url(../../_Images/main/icon_menu03.png) no-repeat 30px 50%; }
.main_mkmenu .item:nth-of-type(4) { background: url(../../_Images/main/icon_menu04.png) no-repeat 30px 50%; }
.main_mkmenu .item:nth-of-type(5) { background: url(../../_Images/main/icon_menu05.png) no-repeat 30px 50%; }
.main_mkmenu .item:nth-of-type(n+2)::before{content:"";position:absolute;left:0;top:0;display:block;width:100%;height:0px;background-color:#e6e6e6;}
.main_mkmenu .item>a{position:relative;display:block;width:100%;height:100%;padding:5px 50px 5px 60px;box-sizing:border-box;}
.main_mkmenu .item>a:before {content:'';position:absolute;right:30px;top:7px;display:block;width:14px;height:14px;margin-top:0px;background: url(../../_Images/main/layout_sprite.png) no-repeat right center;}
.main_mkmenu .item>a .num{position:absolute;left:52px;top:29px;font-size:32px;font-weight:500;color:#4286ea;line-height:1em;}
.main_mkmenu .item>a .tit{display:inline-block;font-size:14px;font-weight:500;line-height:1em;}
.main_mkmenu .item>a .sub{display:inline-block;font-size:14px;color:#9a9a9a;line-height:1em;margin-left:3px;}
.main_mkmenu .item>a>img{position:absolute;left:30px;top:5px;width:20px;height:20px;}

.intro-items {background: #ffffff; border-radius: 10px; box-sizing:border-box; border:1px solid #d5d5d5; margin-bottom: 0; box-shadow: 0 2px 4px 0 rgb(173 175 182 / 20%);}
.intro-items ul{display:flex; flex-wrap:wrap; margin:-5px -13px;}
.intro-items li{width: calc(100% / 7 - 26px); margin:5px 13px; box-sizing:border-box;}
.intro-items a{display:block; height:100%; text-align:center; padding:15px 0 15px; box-sizing:border-box; font-size:15px; font-weight:400; border-radius:20px; transition:background 0.3s;}
.intro-items a:before{display:block; content:''; width:48px;height:48px; margin:0 auto 8px auto; border-radius:50%; background-color:#F6F6F6; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.intro-items a:hover{font-weight:500;}

.intro-items h2{color:#222222;}
.intro-items .link1:before {background:#F6F6F6 url(../../_Images/main/intro1_1.png) no-repeat 50% 50%; }
.intro-items .link2:before {background:#F6F6F6 url(../../_Images/main/intro1_2.png) no-repeat 50% 50%; }
.intro-items .link3:before {background:#F6F6F6 url(../../_Images/main/intro1_3.png) no-repeat 50% 50%; }
.intro-items .link4:before {background:#F6F6F6 url(../../_Images/main/intro1_4.png) no-repeat 50% 50%; }
.intro-items .link5:before {background:#F6F6F6 url(../../_Images/main/intro1_5.png) no-repeat 50% 50%; }
.intro-items .link6:before {background:#F6F6F6 url(../../_Images/main/intro1_6.png) no-repeat 50% 50%; }
.intro-items .link7:before {background:#F6F6F6 url(../../_Images/main/intro1_7.png) no-repeat 50% 50%; }
.intro-items .link1:hover:before, .intro-items .link2:hover:before, .intro-items .link3:hover:before, .intro-items .link4:hover:before, .intro-items .link5:hover:before, .intro-items .link6:hover:before, .intro-items .link7:hover:before{background-color:#ffd63c;}

.mainheader aside .bell { height: 100%; color: rgba(255, 255, 255, 0.85); padding-left: 20px; margin-right: 10px; background: url(../../_Images/common/icon_bell.png) no-repeat left 50%; }
.mainheader aside .bell .bg { position:absolute; top:-5px; right:2px; width:18px; height:18px; border-radius:50%; background:#ef476f; }
.mainheader aside .bell .badge {  position:absolute; top:-5px; right:2px; width:18px; height:18px; color:#fff; font-size:11px; font-weight:500; text-align:center; line-height:18px;}
.mainheader aside .bell .bg:after, .mainheader aside .bell .bg:before { content: ''; width: 10px; height: 10px; border-radius: 50%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #ff5d5d; margin: auto; -webkit-transform: scale(.3); transform: scale(.3); -webkit-transform-origin: center center; transform-origin: center center; -webkit-animation: badge 3s linear infinite; animation: badge 3s linear infinite }
@-webkit-keyframes badge {  0% {
 -webkit-transform: scale(.3);
 transform: scale(.3);
 opacity: 0
}
 50% {
 opacity: .2
}
 70% {
 opacity: .6
}
 100% {
 -webkit-transform: scale(3);
 transform: scale(3);
 opacity: 0
}
}
 @keyframes badge {  0% {
 -webkit-transform: scale(.3);
 transform: scale(.3);
 opacity: 0
}
 50% {
 opacity: .2
}
 70% {
 opacity: .6
}
 100% {
 -webkit-transform: scale(3);
 transform: scale(3);
 opacity: 0
}
}

.member_header { position: fixed; top: 0; left: 0; width: 100%; min-width: 1200px; height: 96px; /*background:#19234b;*/ background: #ffffff; border-bottom: 1px solid #e6e6e6; z-index: 99 }
.member_header h1 { position: absolute; top: 0; left: 40px; }
.member_header h1 .logo {display: block; float: left; width: 110px; height: 96px; color: #fff; overflow: hidden; text-indent: -9999px; background: url(../../_Images/login/login_logo.png) no-repeat 0 50%; }
.member_header h1 .title {float: left; height: 96px; line-height:96px; color:#222; font-size:25px; font-weight:700; }
.member_header aside { position: absolute; font-size: 16px; top: 31px; right: 40px; line-height: 25px; }
.member_header aside li {position:relative; display: inline-block; color: #222; font-weight: 400; }
.member_header aside .login {display: inline-block; height: 100%; color: #5963ff; padding: 6px 24px; margin-left: 10px; background:#fff; border:1px solid #5963ff; border-radius: 6px }

#member_content { position:relative; height: 100%; transition: all 0.5s ease; top:96px;}
#member_content .cont-01 { position: relative; height: calc(100vh - 96px); background-color: #fff; }
#member_content .cont-01 .wr { max-width: 920px; margin: 0 auto; text-align: center; margin: 0; padding: 0; top: 50%; left: 50%; position: relative; transform: translate(-50%, -50%);}
#member_content .cont-01 ul {overflow: hidden;}
#member_content .cont-01 ul li {float: left; width: 48%; margin-right: 4%; text-align: center;}
#member_content .cont-01 ul li:last-child {margin-right: 0%;}
#member_content .cont-01 ul li a { display: block; min-height: 270px; padding: 30px; background: #fff; border: 1px solid #000; border-radius: 20px; box-shadow: 0 2px 4px 0 rgb(173 175 182 / 20%); transition: all ease .3s; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s;}
#member_content .cont-01 ul li a:hover { background:#edf0ff; border:1px solid #000; }
#member_content .cont-01 ul li h2 { display:block; font-size: 28px; color: #222; font-weight:700; line-height: 1.2; margin: 30px 0 5px;}
#member_content .cont-01 ul li img {max-width: 100%; display: inline-block; border: none; vertical-align: top; margin-top:40px;}
#member_content .cont-01 ul li p {font-size: 20px; color: #222; font-weight:500;}

#member_content .cont-02 { position: relative; max-width: 1200px; margin: 0 auto; background-color: #fff; padding-bottom:70px; }
.join-step { display: flex; align-items: center; justify-content: center; gap: 70px;  position: relative; width:1200px; margin: 0 auto; padding: 60px 0 40px; margin-bottom: 40px;}
.join-step:before { content: ''; width: 350px; height: 2px; background: #ddd; display: block; position: absolute; top: 24px; z-index: -1;}
.join-step > li { display:inline-block; font-size: 25px; font-weight: 700; position: relative; color: #BDBDBD; margin: 0 !important; padding-right: 20px}
.join-step > li::after { display: inline-block; content: ''; width: 22px; height: 12px; background: url(../../_Images/login/icon_dot.svg) no-repeat center; position: relative; right: 10px; top: 50%; left:12px;}
.join-step > li:last-child { padding-right: 0;}
.join-step > li:last-child::after { display: none; }
.join-step > li > span { display: inline-block; width: 30px; height: 30px; border-radius: 50%; line-height: 30px; color: #fff; background: #BDBDBD; text-align: center; font-size: 18px; margin-right: 6px; vertical-align:middle;}
.join-step > li.active { color: #1d1765; }
.join-step > li.active > span { background: #1d1765; }

.input_form_wrap { width:100%;}
.input_form_wrap .input_block h3 {font-size: 20px; font-weight: 500; color:#111; margin-bottom: 10px; padding-bottom:5px;}
.input_form_wrap .input_block h3 strong {font-weight: 500; color:#ff1a46;}
.input_form_wrap .input_block h3 a { display: inline-block; font-size:25px; width:20px; height:20px; padding:4px; background:#fff; text-align:center; border-radius:50%;}
.input_form_wrap .input_block h3 a:hover {background:#f5f7f8}
.input_form_wrap .input_block li {font-size: 18px; color:#111; line-height:24px;}

.input_block {margin-bottom: 50px; vertical-align:top;}
.input_block input { height: 56px; line-height:56px; vertical-align:middle; font-weight: 500; border-color: #dedede; border-radius: 8px; background: #fff; font-size: 18px; padding: 0 20px;}
.input_block input::placeholder {color: #999999;}
.input_block input[type="text"]:focus, .input_block input[type="password"]:focus {border-color: #111;}
.input_block select { height: 56px; vertical-align:middle; font-weight: 500; border-color: #dedede; border-radius: 8px; background: #fff; font-size: 18px; padding: 0 20px;}
.input_block select {padding:0 45px 0 20px; vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff url(../../_Images/login/ico_select.png) no-repeat right 15px center;}
.input_block select:focus {border-color: #111;}
.input_block select::-ms-expand{display:none;}


.btn_search { width:54px; height: 54px; font-weight: 500; border:1px solid #dedede; border-radius: 8px; background: url(../../_Images/login/btn_search.png) no-repeat center center; font-size: 16px; vertical-align:middle}
.btn_search:hover,.btn_search .view:focus {border-color: #111;}

.margin_R8 { margin-right:8px !important;}
.input3 {width:calc(93% / 3); display:inline-block; margin-right:3%;}
.marginR0 { margin-right:0px !important; }
.search-input {width: calc(100% - 66px);}
.member_add { display: inline-block; height: 100%; font-size:15px; color: #fff !important; padding: 8px 18px; margin-left: 15px; background:#5963ff; border:1px solid #5963ff; border-radius: 6px }
.member_add:hover {background:#6b76ff; border:1px solid #6b76ff;}

.input_wrap {/*background: #f8f8f8;*/ background: #f5f6fa; border-radius: 8px; padding: 20px 32px; }
.input_wrap li { display:inline-block; margin:0px; padding:0px;}
.info_wrap {border-radius: 8px; padding-top: 20px; font-size:16px;}
.info_wrap dt { display:inline-block; font-weight: 500; color:#ff1a46; padding-right:20px;}
.info_wrap dd { display:inline-block; margin:0px; padding:0px;}

.radio_wrap {border-radius: 8px; padding: 5px 0px; font-size:16px;}
.radio_wrap li { display:inline-block; margin:0px; padding:0px;}
.form_info {font-size: 20px; font-weight: 700; color: #111; line-height: 18px; margin: 0; padding: 0; margin-bottom:50px;}
.form_info span {background: linear-gradient(to top, #fbe882 50%, transparent 50%);}

.form-inline {position: relative; padding-left: 0px; margin-bottom: 10px; cursor: pointer; font-size: 18px; font-weight:500; line-height:24px;}
.form-chek, .form-radio, .form-radio1 { position: relative; display: inline-block; line-height: 24px; vertical-align: middle; padding-right: 40px; cursor: pointer; padding-top:5px; padding-bottom:5px;}
.form-chek::before, .form-radio::before, .form-radio1::before { content: ""; display: inline-block; width: 24px; height: 24px; background: #ffffff; border-radius: 5px; border: 1px solid #bbbbbb; margin-right: 8px; vertical-align:middle; margin-bottom:3px; }
.form-radio1::before{border-radius: 50%;}
.input-chek, .input-radio, .input-radio1 { display: none; }
.input-chek:checked + .form-chek, .input-radio:checked + .form-radio, .input-radio1:checked + .form-radio1 { color: #5963ff; }
.input-chek:checked + .form-chek::before, .input-radio:checked + .form-radio::before, .input-radio1:checked + .form-radio1::before {background-color: #5963ff; border: 1px solid #5963ff;}
.input-chek:checked + .form-chek:after, .input-radio:checked + .form-radio:after, .input-radio1:checked + .form-radio1:after { content: ""; position: absolute; display: none; }
/* Show the checkmark when checked */
.input-chek:checked ~ .form-chek::after, .input-radio:checked ~ .form-radio::after, .input-radio1:checked ~ .form-radio1::after { display: block; }
/* Style the checkmark/indicator */
.input-chek:checked + .form-chek:after, .input-radio:checked + .form-radio:after {left: 8px; top: 9px; width: 8px; height: 14px; border: solid white; border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.input-radio1:checked + .form-radio1:after {left:7px; top: 13px; width: 10px; height: 10px; border-radius: 50%; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; content: '';}

.btn-area { text-align: center; position:relative; margin-top:40px;}
.btn-area a {border-top: 0; display: inline-block; width: 160px; height: 50px; border-radius: 8px; line-height: 50px; text-align: center; font-size: 18px; font-weight:500; text-decoration: none; margin: 0 3px;}
.btn-area .prevBtn {border: 1px solid #1d1765; color: #1d1765;}
.btn-area .nextBtn {border: 1px solid #1d1765; background: #1d1765; color: #fff;}

.member-modal { position: relative; width: 680px; min-width: 240px; max-width: calc(100% - 10px); background-color: #fefefe; margin: auto; padding: 0; border: none; border-radius: 23px; margin-top:100px; -webkit-box-shadow: none; box-shadow: none; animation-name: animatetop; animation-duration: 0.4s }
.member-modal .close { color: #000; float: right; font-size: 30px; padding-top: 5px; font-weight: 400; }
.member-modal .close:hover, .member-modal .close:focus { color: #000; text-decoration: none; cursor: pointer; }
.member-modal .modal-header { color: #000; background:none; margin: 0; padding: 30px 30px 0px 30px; border-top-left-radius: 23px; border-top-right-radius: 23px; border-bottom: 0px solid #eee; background: #fff;}
.member-modal .modal-header h2 {display: inline-block; height:36px; font-size: 20px; line-height: 36px; font-weight: 700; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #000;}
.member-modal .modal-body { padding: 0px 30px 50px 30px; }
.member-modal .modal-body .tit {color: #111; font-size: 26px; font-weight:700; line-height: 32px; text-align:center; margin-top:30px; margin-bottom:10px;}
.member-modal .modal-body .list {color: #111; font-size: 18px; font-weight:500; line-height: 26px;}
.member-modal .modal-body .list strong { display:block; color: #5963ff; font-size: 20px; font-weight: 700; line-height: 32px; padding:20px 0px 10px 0px; }
.member-modal .modal-body .list p {padding:10px 0px; word-break:keep-all;}
.member-modal .modal-body .list dl {padding:20px 0px }
.member-modal .modal-body .list dt {font-weight: 700; padding-bottom:10px;}
.member-modal .modal-footer { padding: 2px 16px; background-color: #434a8d; color: #fff; }
.modal-btn-area { text-align: center; position:relative; margin-top:30px;}
.modal-btn-area a {border-top: 0; display: inline-block; padding:12px 36px; border-radius: 8px; text-align: center; font-size: 18px; font-weight:500; text-decoration: none; margin: 0 3px;}
.modal-btn-area .btn {border: 1px solid #2387EE; background:#2387EE; color: #ffffff;}
.modal-btn-area .btn:hover { text-decoration:underline}

.line-box h2 { position: relative; padding: 10px 40px 30px; margin-bottom: 20px; text-align: left; color: #f7531f; font-size: 15px; font-weight: 500; border-top: 0px #ff2024 solid; border-bottom: 1px #e6e7ea solid; background: #ffffff; }
.line-box h2 a { position: absolute; right: 20px; }
.line-box h2 span { overflow: hidden; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: middle; }
.main-notice { padding: 0 20px; overflow: auto; }
.notice-content { width: 100%; height: 440px; }
.line-box .bottom { display: block; width: 100%; overflow: hidden; height: 34px; line-height: 34px; text-align: left; font-size : 12px; font-weight: 500; color: #d5d5d5; background: #454545; }

.form_info .check_text {margin-top: 20px; padding-left: 25px; position: relative; display: block; vertical-align: middle; font-size: 20px; line-height: 23px; font-weight: 500; }
.form_info .check_text:before {position: absolute; top: 1px; left: 0; display: block; content: ''; width: 19px; height: 18px; background: url(../../_Images/common/icon_check.png) 0 0 no-repeat;}

ul.tab_card {padding-bottom: 20px; border-bottom: 0px solid #ebebed; }
ul.tab_card:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
ul.tab_card li {float: left; width: 31.3%; margin-right: 3%; text-align: center;}
ul.tab_card li:last-child {margin-right: 0%;}
ul.tab_card li a { display: block; min-height: 360px; padding: 40px; background: #eff1fe; border: 1px solid #eff1fe; border-radius: 20px; box-shadow: 0 2px 4px 0 rgb(173 175 182 / 20%); transition: all ease .3s; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s;}
ul.tab_card li a:hover { background:#fff; box-shadow:0px 10px 50px 0px #00000014; transform:translateY(-10px); cursor:pointer;}

ul.tab_card li a { font-weight: 500; border: 1px solid #eff1fe; background: #eff1fe; text-align:center}
ul.tab_card li a h2 {font-size: 28px; font-weight: 700;}
ul.tab_card li a .biz_text {font-size: 20px; font-weight: 400; height:25px;}
ul.tab_card li a .pay_type {font-size: 15px; font-weight: 400; margin-top:20px; margin-bottom:10px;}
ul.tab_card li a .pay_text {font-size: 30px; font-weight: 700; margin-bottom:25px;}
ul.tab_card li a .button {display: block; width: 100%; height: 50px; border-radius: 12px; background: #ffffff; text-align: center; line-height: 50px; font-size: 18px; font-weight: 500; border: 1px solid #000000;}

ul.tab_card li div {display: block; min-height: 380px; padding: 40px 25px; background: #fff; border: 0px solid #cbcbcb; border-radius: 20px; box-shadow:0px 4px 20px 0px #00000014; transition: all ease .3s; -webkit-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s;}
ul.tab_card li div:hover { background:#fff; border:0; box-shadow:0px 10px 50px 0px #00000014; transform:translateY(-20px);}
ul.tab_card li div img {max-width: 100%; display: inline-block; border: none; vertical-align: top;}
ul.tab_card li div h2 {font-size: 28px; font-weight: 700; margin:40px 0px 30px 0px;}
ul.tab_card li div .biz_point {font-size: 20px; letter-spacing:-0.5px; font-weight: 400; color:#475467; line-height: 150%; word-break: keep-all;}

ul.tab_card li h2 { display:block; font-size: 28px; color: #222; font-weight:700; margin: 10px 0 5px;}
ul.tab_card li img {max-width: 100%; display: inline-block; border: none; vertical-align: top; margin-top:10px;}
ul.tab_card li p {font-size: 20px; color: #222; font-weight:500;}
ul.tab_card li.selected a { font-weight: 500; border: 1px solid #7a4bff; background: #eff1fe; text-align:center}
ul.tab_card li.selected a h2 {font-size: 28px; font-weight: 700;}
ul.tab_card li.selected a .biz_text {font-size: 20px; font-weight: 400; height:25px;}
ul.tab_card li.selected a .pay_type {font-size: 15px; font-weight: 400; margin-top:20px; margin-bottom:10px;}
ul.tab_card li.selected a .pay_text {font-size: 30px; font-weight: 700; margin-bottom:25px;}
ul.tab_card li.selected a .button {display: block; width: 100%; height: 50px; border-radius: 12px; background: #8c52ff url(../../_Images/sub/img_check.png) 80px 50% no-repeat; text-align: center; line-height: 50px; color: #fff; font-size: 18px; font-weight: 500; border: 1px solid #8c52ff;}
.maintabarea .tit { margin-top:50px; margin-bottom:30px;}
.maintabarea .tit:after { clear: both; content: ''; display: block; height: 0; visibility: hidden; }
.maintabarea .tit h3 { font-size: 30px; color: #000; letter-spacing: -0.03em; font-weight: 700; text-align:center; line-height: normal}
.maintabarea .tit h3 span { font-size: 16px; color: #000; letter-spacing: -0.02em; font-weight: 400; }

.service {margin: 10px 0 30px 0;}
.service table thead th { background: #ffffff; color: #111111; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #000000; font-size: 20px; font-weight:500; padding: 20px 10px; text-align:center; }
.service table tbody th { font-size: 25px; font-weight:700; text-align: center; border-bottom: 1px solid #e4e4e4; background: /*linear-gradient(270deg, #5a26e0 0%, #3f97ff 100%) text*/ linear-gradient(to right, #9B22FA, #3422FA 70%); background-clip: text; -webkit-background-clip: text; color: transparent;}
.service table tbody td { font-size: 19px; font-weight:400; padding: 40px 10px; line-height: 30px; border-bottom: 1px solid #e4e4e4; }
.service table thead th:first-child, .service table tbody th:first-child, .service table tbody td:first-child { border-left: none; }
.service table tbody tr:first-child th, .service table tbody tr:first-child td { border-top: 0; }
.service table tr:hover, .service table tr.current { background: #F7F8FF; }
.service table tbody tr.edit td { border-bottom: 1px solid #ddd; }
.service table tbody tr.lstchanged td { background: #6e84b6 !important; color: #fff; font-weight: 500 }
.service table tbody strong { color:#8C52FF; font-weight: 500}

#member_content .cont-03 {position: relative; padding: 120px 0 120px; overflow: hidden;}
.content_bg01 {background: #f7f8ff;}
.content_bg02 {background: #ffffff;}
.section-bg1 {position: relative; max-width: 1200px; margin: 0 auto; }
.vis_img01 {position: absolute; width: 430px; height: 390px; right:0px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 1;  -webkit-transition: opacity 0.6s; transition: opacity 0.6s;}

.vis_txt01 span { display:block; font-size: 20px; font-weight:700; font-style: oblique; line-height:24px; margin-bottom: 25px; background: /*linear-gradient(90deg, #5a26e0 0%, #3f97ff 30%) text*/ linear-gradient(to right, #9B22FA, #3422FA 30%); background-clip: text; -webkit-background-clip: text; color: transparent; }
.vis_txt01 h2 {position:relative; font-size: 56px; font-weight:700; line-height: 130%; color:#111111; margin-bottom: 25px; z-index:2;}
.vis_txt01 .vis_txt0101 {font-size: 20px; font-weight:500; line-height: 150%; color:#475467; margin-bottom: 30px;}

.imp_txt01 {display:block; font-size: 45px; font-weight:700; color:#111; line-height:150%; letter-spacing:-1px; padding-bottom: 60px; text-align:center;}
.imp_txt01 span { background: /*linear-gradient(90deg, #5a26e0 0%, #3f97ff 90%) text */linear-gradient(to right, #ff6400, #ff3cb1 70%); background-clip: text; -webkit-background-clip: text; color: transparent;}
.imp_txt02 {font-size: 32px; font-weight:700; line-height: 150%;  margin-top: 40px; margin-bottom: 40px; text-align:center}

.wrap_btn {display: inline-block; margin: 40px 0 20px 0; }
.wrap_btn a {margin-right:10px;}
.btn_general {padding: 12px 40px; border-radius: 12px; background: #8c52ff; text-align: center; color: #fff !important; font-size: 18px; font-weight: 500; border: 1px solid #8c52ff; transition: all 0.3s ease-in;}
.btn_general:hover {background: #743eff; border: 1px solid #743eff;}
.btn_ghost {padding: 12px 40px; border-radius: 12px; background: #ffffff; text-align: center; color: #8c52ff !important; font-size: 18px; font-weight: 500; border: 1px solid #8c52ff; transition: all 0.3s ease-in;}
.btn_ghost:hover {background: #8c52ff; border: 1px solid #8c52ff; color: #fff !important;}

.vis_icon01 { position: absolute; margin-left: 600px; top: 40px; opacity: 0; -webkit-transform: scale(0.4); transform: scale(0.4); -webkit-transition: opacity 0.6s, transform 1s; transition: opacity 0.6s, transform 1s; z-index:1; }
.vis_icon01 > div {background:#8b52ff; width:85px; height:85px; border-radius:50% }


#member_content.animated .section-bg1 .vis_txt01 span,
#member_content.animated .section-bg1 .vis_txt01 h2,
#member_content.animated .section-bg1 .vis_txt01 .vis_txt0101,
#member_content.animated .section-bg1 .vis_txt01 .wrap_btn,
#member_content.animated .section-bg1 .imp_txt01,
#member_content.animated .section-bg1 .imp_txt02,
#member_content.animated .section-bg1 .tab_card
{
	-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}
#member_content.animated .section-bg1 .vis_txt01 span{-webkit-animation-delay:0.1s; animation-delay:0.1s;}
#member_content.animated .section-bg1 .vis_txt01 h2{-webkit-animation-delay:0.3s; animation-delay:0.3s;}
#member_content.animated .section-bg1 .vis_txt01 .vis_txt0101{-webkit-animation-delay:0.5s; animation-delay:0.5s;}
#member_content.animated .section-bg1 .vis_txt01 .wrap_btn{-webkit-animation-delay:0.7s; animation-delay:0.7s;}
#member_content.animated .section-bg1 .imp_txt01,
#member_content.animated .section-bg1 .imp_txt02,
#member_content.animated .section-bg1 .tab_card
{-webkit-animation-delay:0.5s; animation-delay:0.3s;}


#member_content.animated .vis_icon01{opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
#member_content.animated .vis_img01{opacity: 1; transition-delay:0.5s;}
#member_content.animated .main_visual_img03{opacity: 0.2;  transition-delay:0.5s;}

@keyframes text-active-animation {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transform: translateY(50px); 
		transform: translateY(50px); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
}
@keyframes text-fade-out {
	from {
		opacity:1.0;filter:Alpha(opacity=100);
	}
	to {
		opacity:0;filter:Alpha(opacity=0);
	}
}
@keyframes rorate {
	0% {
		transform: rotate(0deg);
	}
	  100% {
		transform: rotate(360deg);
	}
}
@keyframes rorate2 {
	0% {
		transform: rotate(0deg);
	}
	  100% {
		transform: rotate(-360deg);
	}
}
@keyframes opacity {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.6;
	}
	  100% {
		opacity: 1;
	}
}
@keyframes AniOpa {
    0% {opacity:0;}
    50% {opacity:0;}
    51% {opacity:1;}
    100% {opacity:1;}
}
@media all and ( min-width: 1025px ){
	@keyframes AniLeft {
		0% {left: -100%; top: -100%;/* translateX(-101%); */}
		50% {left: 0; top: -50%;/* translateX(0); */}
		100% {left: 105%; top: 0;/* translateX(101%); */}
	}
}
@keyframes bounceOverlayBlue{
	0%{
		transform:scale(1);
		background-color:rgb(34,169,253);
		color:rgb(34,169,253);
	}

	100%{
		transform:scale(.3);
		background-color:rgb(255,255,255);
		color:rgb(255,255,255);
	}
}
@keyframes bounceOverlayBlack{
	0%{
		transform:scale(1);
		background-color:rgb(62,62,62);
		color:rgb(62,62,62);
	}

	100%{
		transform:scale(.3);
		background-color:rgb(247,247,247);
		color:rgb(247,247,247);
	}
}
@keyframes bounceOverlayWhite{
	0%{
		transform:scale(1);
		background-color:rgb(255,255,255);
		color:rgb(255,255,255);
	}

	100%{
		transform:scale(.3);
		background-color: transparent;
		color: transparent;
	}
}
@keyframes bounceOverlayBlack2{
	0%{
		color:rgb(62,62,62);
	}

	100%{
		color:rgb(247,247,247);
	}
}
@keyframes bounceOverlayWhite2{
	0%{
		color:rgb(255,255,255);
	}

	100%{
		color: transparent;
	}
}

.check_wrap {position: relative; padding-left: 0px; padding-bottom: 10px; font-size: 24px; font-weight:700; line-height:24px;}
.check_wrap .form-chek, .check_wrap .form-radio, .check_wrap .form-radio1 { padding:0px;}
.check_wrap .input-chek:checked + .form-chek, .check_wrap .input-radio:checked + .form-radio, .input-radio1:checked + .form-radio1 { color: #111111; }
.check_wrap .form-chek::before, .check_wrap .form-radio::before, .check_wrap .form-radio1::before { content: ""; display: inline-block; width: 26px; height: 26px; background: #ffffff; border-radius: 50%; border: 1px solid #888888; margin-right: 10px; vertical-align:middle; margin-bottom:0px; }
.check_wrap .input-chek:checked + .form-chek:after, .check_wrap .input-radio:checked + .form-radio:after {left: 9px; top: 7px; width: 8px; height: 14px; border: solid white; border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

.terms_box { overflow: hidden; height: auto; margin: 10px 0 0 0px; padding: 40px 10px 40px 40px; border-radius: 12px; border: 0px solid #d6d6d6; background:#f5f6fa;  }
.terms_item {height: 100%; overflow-x: hidden; overflow-y: scroll; width: 100%;}
.terms_item::-webkit-scrollbar {width: 20px}
.terms_item::-webkit-scrollbar-thumb {height: 42px; background: #999; border-radius: 10px; border: 6px solid #f5f6fa}
.terms_item::-webkit-scrollbar-track {border-radius: 0 10px 10px 0; background-color: transparent}
.terms_item h2 { padding-bottom:20px; font-weight:700 !important;}

.article { margin-top: 25px; font-size: 18px; line-height: 150%; letter-spacing: -0.5px; color: #333; word-break: keep-all;}
.article:first-child { margin-top: 0 }
.article_title { font-size:18px !important; font-weight:500 !important; color:#111; padding-bottom:0px !important;}
.article_text { margin-top: 5px; word-break: keep-all; }
.article_text:first-child { margin-top: 0 }
.article_text a { color: #09aa5c }
.article_text_list { position: relative; padding-left: 20px }
.article_text_list::before { position: absolute; top: 7px; left: 8px; width: 2px; height: 2px; background: #8e8e8e; content: '' }

.article .section .section li {padding-left: 10px }
.article .section li ol li {padding-left: 17px !important; }

.must_text {position: relative; padding-top: 10px; padding-bottom: 50px; font-size: 24px; font-weight:700; background: linear-gradient(90deg, #9B22FA 0%, #3422FA 100%); background-clip: text; -webkit-background-clip: text; color: transparent; line-height:24px; text-align:center;}
.chk_agree_all { text-align:center; padding-top: 10px; padding-bottom: 30px;}
.chk_agree_all span { padding-right:30px;}
.chk_agree_all .check_wrap .form-radio::before { margin-bottom: 5px;}
.chk_agree_all .check_wrap .input-radio:checked + .form-radio:after { top: 5px;}

.height_500 { height:500px !important;}


.login-wrapper01 { position:relative; height: 100%; background-color: #edf0ff; }
.login-wrapper01 > * { height: 100% !important; }
.login-wrapper01 .bg-pic { position: absolute; left: 0; bottom: 0; width:100%; height:100%; overflow: hidden; background: url(../../_Images/login/bg01.png); background-size: cover; background-position: bottom center; background-repeat: no-repeat;}
.login-wrapper01 .bg-pic h1 { position: absolute; top:30px; left:40px; }
.login-wrapper01 .bg-pic .text { display:inline-block; width: 650px; position:relative; text-align:left;}
.login-wrapper01 .bg-pic .text .title { font-family: NanumSquare; font-weight: 800; font-size:50px; margin-top:130px; margin-bottom:10px; line-height:40px; color:#fff;}
.login-wrapper01 .bg-pic .text .title_s { font-family: NanumSquare; font-weight: 700; font-size:25px; font-weight: 300; margin-top:30px; margin-bottom:30px; line-height:1.5; color:#fff;}
.login-wrapper01 .login-container {width: 1200px; height: 560px; position: absolute; left: 50%; margin-left: -600px; margin-top: -280px; vertical-align: middle; top: 50%;}
.login-wrapper01 .login-container .loginbox {position: relative; width: 400px; vertical-align: middle; background:#fff; float:right; : 50px; border-radius: 8px; box-shadow: 0 0 10px #ccc; padding: 50px;}
.login-wrapper01 .login-container .text_login { padding:0px 0px 20px 0px; font-size:25px; font-weight: 500; }

.login-wrapper01 .bg-caption { width: 500px; }
.login-wrapper01 .checkbox {display: inline-block; position: relative; padding-left: 25px; margin-bottom: 20px; cursor: pointer; font-size: 13px; user-select: none;}
.login-wrapper01 .login_copyright {width:100%;text-align:center;padding: 0px;font-size: 12px;color: #333333}
.login-wrapper01 .btn_login { display: block; width: 100%; margin-top: 10px; margin-bottom: 10px; height: 50px; line-height: 50px; text-align: center; padding: 0; background: #8c52ff; border: solid 0px #8c52ff; border-radius: 12px; color: #fff; font-size: 15px; cursor: pointer; text-decoration: none; }

@media (max-width:1300px){
.login-wrapper01 .bg-pic .text .title { font-size:41px; font-weight: 700; margin-top:170px; margin-bottom:10px; line-height:40px; color:#fff;}
.login-wrapper01 .bg-pic .text .title_s { font-size:22px; font-weight: 300; margin-top:10px; margin-bottom:30px; line-height:1.5; color:#fff;}
}
.login-wrapper01 .login_box input[type='text'], .login-wrapper01 .login_box input[type='password'] { width: 100%; border: 0px solid #d5d5d5; border-radius:0px; font-size: 14px; color: #202020; padding:21px 15px; box-sizing: border-box; border-bottom: 1px solid #d5d5d5}
.login-wrapper01 .login_box input:hover {border-bottom: 1px solid #8c52ff;}
.login-wrapper01 .login_box input::placeholder {color: #202020;}
.login-wrapper01 .myview a { color:#8c52ff}

ul.charge_card {padding: 20px 0px 50px 0px; border: 0px solid #191919; background:#fff; border-radius: 10px;}
ul.charge_card:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

ul.charge_card li:last-child {margin-right: 0%;}

ul.charge_card li div {display: block; min-height: 380px; padding: 40px 25px; background: #fff; border: 0px solid #cbcbcb; }
ul.charge_card li div:hover { background:#fff; border:0; box-shadow:0px 10px 50px 0px #00000014; transform:translateY(-20px);}
ul.charge_card li div img {max-width: 100%; display: inline-block; border: none; vertical-align: top;}
ul.charge_card li div h2 {font-size: 28px; font-weight: 700; margin:40px 0px 30px 0px;}
ul.charge_card li div .biz_point {font-size: 20px; letter-spacing:-0.5px; font-weight: 400; color:#475467; line-height: 150%; word-break: keep-all;}

ul.charge_card li h2 { display:block; font-size: 28px; color: #222; font-weight:700; margin: 10px 0 5px;}
ul.charge_card li img {max-width: 100%; display: inline-block; border: none; vertical-align: top; margin-top:10px;}
ul.charge_card li p {font-size: 20px; color: #222; font-weight:500;}
ul.charge_card li.selected a { font-weight: 500; border: 1px solid #7a4bff; background: #eff1fe; text-align:center}
ul.charge_card li.selected a h2 {font-size: 28px; font-weight: 700;}
ul.charge_card li.selected a .biz_text {font-size: 20px; font-weight: 400; height:25px;}
ul.charge_card li.selected a .pay_type {font-size: 15px; font-weight: 400; margin-top:20px; margin-bottom:10px;}
ul.charge_card li.selected a .pay_text {font-size: 30px; font-weight: 700; margin-bottom:25px;}
ul.charge_card li.selected a .button {display: block; width: 100%; height: 50px; border-radius: 12px; background: #8c52ff url(../../_Images/sub/img_check.png) 80px 50% no-repeat; text-align: center; line-height: 50px; color: #fff; font-size: 18px; font-weight: 500; border: 1px solid #8c52ff;}

ul.charge_card li{}
ul.charge_card li{width: 25%; float: left; text-align: center;}
ul.charge_card li .category{display: inline-block; width: 90%; height: 52px; font-size: 20px; font-weight: 700; letter-spacing: -0.75px; line-height: 52px; text-align: center; color: #fff; background-color: #ff6827; -webkit-border-radius: 50px; border-radius: 50px;}
ul.charge_card li:nth-child(2) .category{background-color: #8c52ff;}
ul.charge_card li:nth-child(3) .category{/*background-color: #27c2ff;*/ background-color: #48B9EF;}
ul.charge_card li:nth-child(4) .category{background-color: #48B9EF;}
ul.charge_card li .tit{padding-top: 20px; font-size: 30px; font-weight: 600; letter-spacing: -0.35px; line-height: 28px; color: #000; margin-top: 20px; margin-bottom: 10px;}
ul.charge_card li .sub-tit{padding-top: 10px; font-size: 20px; font-weight: 600; letter-spacing: -0.65px; color: #333;}
ul.charge_card li .txt{padding-top: 15px; font-size: 16px; line-height: 22px; font-weight: 400; letter-spacing: -0.65px; color: #333;}

.section-bg2 {position: relative; max-width: 1200px; margin: 0 auto; margin-top: 60px;}
.section-bg2 .vis_img01 {position: absolute; width: 267px; height: 210px; right:0px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 1;  -webkit-transition: opacity 0.6s; transition: opacity 0.6s;}

.section-bg2 .vis_txt01 span { display:block; font-size: 20px; font-weight:700; font-style: oblique; line-height:24px; margin-bottom: 25px; background: /*linear-gradient(90deg, #5a26e0 0%, #3f97ff 30%) text*/ linear-gradient(to right, #9B22FA, #3422FA 30%); background-clip: text; -webkit-background-clip: text; color: transparent; }
.section-bg2 .vis_txt01 h2 {position:relative; font-size: 45px; font-weight:700; line-height: 130%; color:#111111; margin-bottom: 25px; z-index:2;}
.section-bg2 .vis_txt01 .vis_txt0101 {font-size: 20px; font-weight:500; line-height: 150%; color:#475467; margin-bottom: 100px;}

.section-bg2 .imp_txt01 {display:block; font-size: 45px; font-weight:700; color:#111; line-height:150%; letter-spacing:-1px; padding-bottom: 60px; text-align:center;}
.section-bg2 .imp_txt01 span { background: /*linear-gradient(90deg, #5a26e0 0%, #3f97ff 90%) text */linear-gradient(to right, #ff6400, #ff3cb1 70%); background-clip: text; -webkit-background-clip: text; color: transparent;}
.section-bg2 .imp_txt02 {font-size: 32px; font-weight:700; line-height: 150%;  margin-top: 40px; margin-bottom: 40px; text-align:center}





.login-wrapper02 { position:relative; height: 100%; background-color: #edf0ff; }
.login-wrapper02 > * { height: 100% !important; }
.login-wrapper02 .bg-pic { position: absolute; left: 0; bottom: 0; width:100%; height:100%; overflow: hidden; background: url(../../_Images/login/bg02.png); background-size: cover; background-position: bottom center; background-repeat: no-repeat;}
.login-wrapper02 .bg-pic h1 { position: absolute; top:30px; left:40px; }
.login-wrapper02 .bg-pic .text { display:inline-block; width: 650px; position:relative; text-align:left;}
.login-wrapper02 .bg-pic .text .title { font-size:55px; font-weight: 700; margin-top:130px; margin-bottom:10px; line-height:40px; color:#000;}
.login-wrapper02 .bg-pic .text .title_s { font-size:25px; font-weight: 300; margin-top:30px; margin-bottom:30px; line-height:1.5; color:#000;}
.login-wrapper02 .login-container {width: 550px; height: 620px; position: absolute; left: 50%; margin-left: -275px; margin-top: -310px; vertical-align: middle; top: 50%;}
.login-wrapper02 .login-container .loginbox {position: relative; vertical-align: middle; background:#fff; padding: 50px; border-radius: 32px; box-shadow: 0 4px 16px rgba(0, 0, 0, .05);}
.login-wrapper02 .login-container .text_login {font-family: NanumSquare; font-weight: 800; margin:10px 0px 30px 0px; font-size:32px; line-height:1.5; text-align:center; }

.login-wrapper02 .bg-caption { width: 500px; }
.login-wrapper02 .checkbox {display: inline-block; position: relative; padding-left: 25px; margin-bottom: 20px; cursor: pointer; font-size: 13px; user-select: none;}
.login-wrapper02 .login_copyright {width:100%;text-align:center;padding: 0px;font-size: 12px;color: #333333}
.login-wrapper02 .btn_login { display: block; width: 100%; margin-top: 10px; margin-bottom: 10px; height: 50px; line-height: 50px; text-align: center; padding: 0; background: #400099; border: solid 0px #8c52ff; border-radius: 50px; color: #fff; font-size: 15px; font-weight:600; cursor: pointer; text-decoration: none; }

@media (max-width:1300px){
.login-wrapper02 .bg-pic .text .title { font-size:41px; font-weight: 700; margin-top:170px; margin-bottom:10px; line-height:40px; color:#fff;}
.login-wrapper02 .bg-pic .text .title_s { font-size:22px; font-weight: 300; margin-top:10px; margin-bottom:30px; line-height:1.5; color:#fff;}
}
.login-wrapper02 .login_box input[type='text'], .login-wrapper02 .login_box input[type='password'] { width: 100%; border: 0px solid #d5d5d5; border-radius:0px; font-size: 14px; color: #202020; padding:21px 15px; box-sizing: border-box; border-bottom: 1px solid #d5d5d5}
.login-wrapper02 .login_box input:hover {border-bottom: 1px solid #8c52ff;}
.login-wrapper02 .login_box input::placeholder {color: #202020;}
.login-wrapper02 .myview a { color:#8c52ff}


.popup_list {border-top: 1px solid #868e96;}
.popup_list table { border-spacing: 0; min-width: 100% }
.popup_list table tr th, .popup_list table tr td { border-left: 0; }
.popup_list table thead th { padding: 10px 20px; font-size: 18px; font-weight:700; background: #f4f4f4; border: 1px solid #dddddd; border-bottom: 1px solid #dddddd; border-top: 0; text-align: center; white-space: nowrap; }
.popup_list table tbody th { padding: 10px 20px; font-size: 18px; font-weight:700; color: #383232; border: 1px solid #e4e4e4; background: #f5f5f5;  }
.popup_list table tbody td { padding: 10px 20px; font-size: 18px; font-weight:400; border: 1px solid #e4e4e4; text-align: center; line-height:24px;}
.popup_list table thead th:first-child, .popup_list table tbody th:first-child, .popup_list table tbody td:first-child { border-left: none; }
.popup_list table tbody tr:first-child th, .popup_list table tbody tr:first-child td { border-top: 0; }
.popup_list table tbody tr.edit td { border-bottom: 1px solid #ddd; }
.popup_list table tbody tr.lstchanged td { background: #6e84b6 !important; color: #fff; font-weight: 500 }
.popup_list table tbody strong { color:#8C52FF; font-weight: 500}
.popup_list table thead tr:first-child th { border-top-width: 0; }
.popup_list table thead tr th:first-child { border-left: 0; }
.popup_list table thead tr th:last-child { border-right: 0; }
.popup_list table tbody tr td:first-child { border-left: 0; }
.popup_list table tbody tr td:last-child { border-right: 0; }
.popup_list table tbody input { font-size:18px; font-weight:500; text-align:right; background:#ffe5de; border-radius:5px;}

.charge_total {padding:20px; border:2px solid #7367f0; font-size:22px; line-height:1.5; font-weight:800; margin-top:30px; border-radius:20px; text-align:center;}
.charge_total p {font-size:16px; font-weight:500}
.charge_total p span {font-size:30px; font-weight:800; color:#ff4c51}

.service_list {border-top: 1px solid #868e96;}
.service_list table { border-spacing: 0; min-width: 100% }
.service_list table tr th, .service_list table tr td { border-left: 0; }
.service_list table thead th { padding: 20px; font-size: 20px; font-weight:700; background: #f4f4f4; border: 1px solid #dddddd; border-bottom: 1px solid #dddddd; border-top: 0; text-align: center; white-space: nowrap; }
.service_list table tbody th { padding: 20px; font-size: 20px; font-weight:500; border: 1px solid #dddddd; text-align: center; }
.service_list table tbody td { padding: 20px; font-size: 20px; font-weight:400; border: 1px solid #dddddd; text-align: center; line-height:24px;}
.service_list table thead th:first-child, .service_list table tbody th:first-child, .service_list table tbody td:first-child { border-left: none; }
.service_list table tbody tr:first-child th, .service_list table tbody tr:first-child td { border-top: 0; }
.service_list table tbody tr.edit td { border-bottom: 1px solid #ddd; }
.service_list table tbody tr.lstchanged td { background: #6e84b6 !important; color: #fff; font-weight: 500 }
.service_list table tbody strong { color:#8C52FF; font-weight: 500}
.service_list table thead tr:first-child th { border-top-width: 0; }
.service_list table thead tr th:first-child { border-left: 0; }
.service_list table thead tr th:last-child { border-right: 0; }
.service_list table tbody tr td:first-child { border-left: 0; }
.service_list table tbody tr td:last-child { border-right: 0; }
.service_list table tbody input { font-size:18px; font-weight:500; text-align:right; background:#ffe5de; border-radius:5px;}



.grid_list.scroll table { min-width: 100% }
.grid_list.scroll table tr th, .grid_list.scroll table tr td { border-left: 0; }
.grid_list thead tr th { background: #f4f4f4; border: 1px solid #dddddd; border-bottom: 1px solid #dddddd; border-top: 0; padding: 6px 10px; text-align: center; font-size: 13px; color: #383232; white-space: nowrap; }
.grid_list thead tr:first-child th { border-top-width: 0; }
.grid_list thead tr th:first-child { border-left: 0; }
.grid_list thead tr th:last-child { border-right: 0; }
.grid_list table th strong { color: #ff3636; padding: 0 3px; }
.grid_list table th strong label, .grid_list table th strong span { color: #4d4c4c; font-weight: normal; }
.grid_list table th.ellipsis, .grid_list table td.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.grid_list tbody tr th { padding: 6px 10px; font-weight: normal; color: #383232; border: 1px solid #e4e4e4; background: #f5f5f5; }
.grid_list tbody tr th.textR { text-align: right; }
.grid_list tbody tr th.textC { text-align: center; }
/*.grid_list tbody tr td { padding:4px 4px;line-height:20px;text-align:center;border:1px solid #e5e5e5;background:#fff;font-weight: 200; font-size:13px } */
.grid_list tbody tr td { padding: 6px 10px; text-align: center; font-weight: 200; font-size: 13px }
.grid_list tbody tr+tr td { border-top: 1px solid #dddddd; }
.grid_list tbody td+td { /*border-left: 1px solid #dfdfdf;*/ }
.grid_list tbody tr td:first-child { border-left: 0; }
.grid_list tbody tr td:last-child { border-right: 0; }
.grid_list tbody tr td.textLeft { text-align: left; white-space: nowrap; }
.grid_list tbody tr td.textRight { text-align: right; white-space: nowrap; }
.grid_list tbody tr td.depth1 { padding-left: 40px; text-align: left !important; background: url(../../_Images/common/icon_depth1.png) no-repeat 20px 50%; }

.grid_list > table > tbody > tr:hover > td { background: #edf0f5 !important; }

.grid_list > table > tbody > tr.gridhover > td { background: #f7faff !important; }
.grid_list tbody tr:first-child td, .grid_list tbody tr:first-child th { border-top: 0; }
.grid_list tbody tr th:first-child { border-right: 0; }
/*.grid_list table tbody tr.even td, .grid_list > table > tbody > tr:nth-child(2n) > td { background:# fbf9f2; }*/
.grid_list table tbody tr.current td { background: #e3f0ff !important; }
.grid_list table tbody tr.nodata td { color: #6e6e6e; cursor: default; }
.grid_list table tbody tr.nodata.gridhover td { background: #fff !important; }
.grid_list tfoot tr th { padding: 6px 10px; color: #4d4c4c; border: 1px solid #e5e5e5; border-top: 1px solid #969696; border-right: 0; border-bottom: 0; font-weight: normal; text-align: right; background: #f5f5f5; }
.grid_list tfoot tr th:first-child { border-left: 0; }
.grid_list tfoot tr td:first-child { border-left: 0; }
.grid_list tfoot tr td { padding: 6px 10px; text-align: center; border: 1px solid #e5e5e5; border-top: 1px solid #969696; border-right: 0; border-bottom: 0; }
.grid_list table tbody tr.deleteLine td, .grid_list table tbody tr.deleteLine td * { background: #d3d6d8 !important; color: #888; text-decoration: line-through; }
.grid_list table tbody tr.deleteLine.gridhover td { background: #d3d6d8; }
/* 그리드 테이블 링크 선택시 row배경 클래스 */
.grid_list table tbody tr.selectedon td, .grid_list table tbody tr.selectedon.gridhover td, .grid_list table tbody tr.selectedon.current.gridhover td { background: #000 !important; }
/* 필터 및 오름-내림기능 관련 추가사항 */
.grid_list table .edit .input_button, .input_button { position: relative; padding-right: 32px }
.grid_list table .edit .input_button input[type="text"], .grid_list table .edit .input_button select { width: 100% !important; }
.grid_list table .edit .input_button button, .input_button button { position: absolute; top: 5px; right: 10px; }
.grid_list table a.sort { display: inline-block; vertical-align: middle; width: 9px; height: 11px; background: url(../../images/bul_grid_01.gif) no-repeat center center; }
.grid_list table a.sort span { display: inline-block; text-indent: -9999px; }
.grid_list table a.sort.up { background: url(../../images/bul_grid_02.gif) no-repeat center center; }
.grid_list table a.sort.down { background: url(../../images/bul_grid_03.gif) no-repeat center center; }