@charset "utf-8";

/* 
	========================== base.css 취합 ==========================
*/

/* Reset */
* {margin:0;padding:0;border:0;box-sizing:border-box;}
body, table, th, td, input, select, textarea, button {color:#000;font-size:12px;font-family: Verdana, Arial, 'Malgun Gothic', 맑은고딕, 'Dotum', 돋움, sans-serif;}
fieldset, img {border:0 none;vertical-align:top}
dl, ul, ol, li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input, select, textarea, button {vertical-align:middle;outline-style:none;}
button {margin:0;padding:0;overflow:visible;cursor:pointer;background-color:transparent;border:0 none;}
table {table-layout:fixed;width:100%;border-spacing:0;border:0 none;word-break:break-all;}
form, fieldset {margin:0;padding:0;}
address, cite, code, dfn, em, var {font-style:normal;font-weight:normal}
button, textarea, input, select {-webkit-appearance:none;border:none;background:none;cursor:pointer;}
label {cursor:pointer;}
legend {position:absolute;left:-9999;font-size:0;line-height:0;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
hr {display:none;}

/* 링크 */
a, a:link {text-decoration:none;}
a:hover, a:active, a:focus {text-decoration:none;}
.link {cursor:pointer;}
.link:hover, .link:active, .link:focus {text-decoration:underline;font-weight:bold;outline:#2f2f2f;}

/* 숨김 요소 */
caption, legend {display:block;position:absolute;top:-9999px;left:-9999px;width:1px;height:1px;line-height:0;overflow:hidden;font-size:0;text-indent:-9999px;}
.hide, .blind {content:"";display:block;font-size:0 !important;text-indent:-999;clear:both;}


/* 
	========================== common.css 취합 ==========================
*/

/* common */
.dib {display:inline-block;}
.tal, .txt_al {text-align:left !important;}
.tac {text-align:center !important;}
.tar {text-align:right !important;}
a.link {color:#004a97;text-decoration:underline;}

.left_al, .fl {float:left !important;}
.right_al, .fr {float:right !important;}
.clfix {position:relative;}
.clfix:after {display:block;content:'';clear:both;}

.mgL0 {margin-left:0px !important;}
.mgL1 {margin-left:1px !important;}
.mgL5 {margin-left:5px !important;}
.mgL10 {margin-left:10px !important;}
.mgL20 {margin-left:20px !important;}
.mgL30 {margin-left:30px !important;}
.mgL36 {margin-left:36px !important;}
.mgL50 {margin-left:50px !important;}
.mgT0 {margin-top:0px !important;}
.mgT1 {margin-top:1px !important;}
.mgT2 {margin-top:2px !important;}
.mgT5 {margin-top:5px !important;}
.mgT10 {margin-top:10px !important;}
.mgT15 {margin-top:15px !important;}
.mgT20 {margin-top:20px !important;}
.mgT30 {margin-top:20px !important;}
.mgT40 {margin-top:40px !important;}
.mgT_tit {margin-top:42px !important;}
.mgB0 {margin-bottom:0px !important;}
.mgB5 {margin-bottom:5px !important;}
.mgB10 {margin-bottom:10px !important;}
.mgB20 {margin-bottom:20px !important;}
.mgB24 {margin-bottom:24px !important;}
.mgO {margin:0 !important;}

.pd0 {padding:0 !important;}
.pdB0 {padding-bottom:0 !important;}
.pdL24 {padding-left:24px !important;}

.vt {vertical-align:top !important;}
.vm {vertical-align:middle !important;}

.w100 {width:100% !important;}
.w90 {width:90% !important;}
.w80 {width:80% !important;}
.w70 {width:70% !important;}
.w60 {width:60% !important;}
.w50 {width:50% !important;}
.w40 {width:40% !important;}
.w30 {width:30% !important;}
.w20 {width:20% !important;}
.w10 {width:10% !important;}
.w5 {width:5% !important;}
.wb {width:226px !important;}
.wp100 {width:100px !important;}
.wp400 {width:300px !important;}


/* font */
.fz0 {font-size:0 !important;}
.fz11 {font-size:11px !important;}
.fz12 {font-size:12px !important;}
.fz15 {font-size:15px !important;}
.fz20 {font-size:20px !important;}

/* color */
.fc_blue {color:#004a97 !important;}
.fc_red {color:#ed0f0f !important;}
.fc_orange {color:#ff812d !important;}
.fc_yellow {color:#eba600 !important;}
.fc_green {color:#24a313 !important;}
.fc_black {color:#000 !important;}
.fc_gray {color:#ccc !important;}
.fC_pink {color:#ff308c !important;}
.fc_333 {color:#333 !important;}
.fc_777 {color:#777 !important;}

.underline {text-decoration:underline;}
.ellipsis {display:inline-block;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
p + p {margin-top:5px;}

/* input */
input[type="text"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"] {display:inline-block;width:226px;height:23px;padding:3px 10px 2px;background:#fff;border:1px solid #ccc;cursor:auto;}
input:disabled {background:#f3f3f3;}
input:focus {border-color:#24c1dd;}
input:read-only {background:#f3f3f3;}
input:-moz-read-only {background:#f3f3f3;}
input[readonly] {background:#f3f3f3;}
input::placeholder {color:#999}
input::-webkit-input-placeholder {color:#999;}
input::-moz-placeholder {color:#999;}
input:-moz-placeholder {color:#999;}
input:-ms-input-placeholder {color:#999;}

label {vertical-align:middle;}

.tbl_normal input[type="text"],
.tbl_normal input[type="password"],
.tbl_normal input[type="search"],
.tbl_normal input[type="tel"],
.tbl_normal input[type="number"] {width:100%}

textarea {display:block;width:100%;min-height:55px;padding:3px 10px 2px;border:1px solid #ccc;overflow-y:auto;resize:none;cursor:auto;}
textarea:disabled {background:#f3f3f3;}
textarea:focus {border-color:#24c1dd;}
textarea:read-only {background:#f3f3f3;}
textarea:-moz-read-only {background:#f3f3f3;}
textarea[readonly] {background:#f3f3f3;}
textarea::placeholder {color:#999}
textarea::-webkit-input-placeholder {color:#999;}
textarea::-moz-placeholder {color:#999;}
textarea:-moz-placeholder {color:#999;}
textarea:-ms-input-placeholder {color:#999;}

input + input {margin-left:5px;}
input[type="hidden"] {width:0 !important;}
input[type="hidden"] + input {margin-left:0 !important;}
input.narrow {padding:3px 5px 2px;}
.inp_must {background-color:#fbf4f8;border-color:#df9cbe !important;}
.inp_error {color:#d7006d;}

.inp_count {display:inline-block;}
.inp_count input, .inp_count textarea {border-color:#df9cbe;}
.inp_count .txt {display:inline-block;}
.inp_count textarea + .txt {display:block;margin-top:5px;text-align:right;}
.inp_count .txt .now {color:#d7006d;}

.inp_search {display:inline-block;width:226px;vertical-align:top;}
.inp_search input {display:block;float:left;width:calc(100% - 24px);} /* 아이콘 버튼*/
.inp_search.ty2 input {width:calc(100% - 61px) !important;} /* 텍스트 버튼 */
.inp_search input:read-only {background:#fff;}
.inp_search button {display:block;float:left;margin-left:1px;}
.inp_search:after {display:block;content:'';clear:both;}
div.inp_search{display:block;width:auto;}
div.inp_search input {margin-right:5px;width:auto;}
div.inp_search input button{maring-left:0;}
.inp_search.various input{width:auto; margin-left:0; margin-right:5px;}
.inp_search.various input[type="hidden"]{margin-right:0}
.inp_search.various button{margin-left:0}

.inp_cal {display:inline-block;vertical-align:top;}
.inp_cal input[type="text"] {display:block;height:24px;float:left;width:80px;padding:3px 8px 2px;letter-spacing:-0.08em;}
.inp_cal.w100 input[type="text"] {width:calc(100% - 24px)}
.inp_cal input[type="text"]:read-only {background:#fff;}
.inp_cal button {display:block;float:left;margin-left:1px;}
.inp_cal .dash {float:left;}
.inp_cal:after {display:block;content:'';clear:both;}
.inp_cal .ui-datepicker-trigger {display:block;float:left;width:23px;height:23px;margin-left:1px;background:url(../images/ico_day.png) 0 0 no-repeat;font-size:0;text-indent:-9999em;}

.inp_file {position:relative;display:block;vertical-align:top;}
.inp_file .file_name {display:block;float:left;width:calc(100% - 66px) !important;background:#fff;border-color:#ccc;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.inp_file .btn2 {display:block;float:right;}
.inp_file .file_upload {position:absolute;top:0;left:0;width:1px;height:1px;margin-left:-1px;overflow:hidden;}
.inp_file:after {display:block;content:'';clear:both;}
.inp_label{display:inline-block;height: 24px;line-height: 23px;}

/* radio, checkbox */
label {font-size:12px;}
input[type="radio"], input[type="checkbox"] {width:0;height:0;font-size:0;}
input[type="radio"] + label, input[type="checkbox"] + label {position:relative;display:inline-block;vertical-align:middle;}
input[type="radio"]:disabled + label, input[type="checkbox"]:disabled + label {cursor:default;}
label + input[type="radio"], label + input[type="checkbox"] {margin-left:15px;}

input[type="radio"] + label {padding-left:21px;min-width:15px;min-height:15px;}
input[type="radio"] + label.hide {padding-left:0;}
input[type="radio"] + label:before {position:absolute;top:0;left:0;width:15px;height:15px;content:'';background:url(../../images/bg/bg_radio.png) 0 0 no-repeat;}
input[type="radio"]:checked + label:before {background-position:0 -15px;}
input[type="radio"]:disabled + label:before {background-position:0 -30px;}
input[type="radio"]:disabled:checked + label:before {background-position:0 -45px;}

input[type="checkbox"] + label {padding-left:19px;min-width:14px;min-height:14px;line-height:16px;}
input[type="checkbox"] + label.hide {padding-left:0;}
input[type="checkbox"] + label:before {position:absolute;top:0;left:0;width:14px;height:14px;content:'';background:#fff;border:1px solid #b1b1b1;box-sizing:border-box;}
input[type="checkbox"]:checked + label:before {background:#fff url(../../images/bg/bg_checkbox.png) -1px -1px no-repeat;}
input[type="checkbox"]:disabled + label:before {background:#f8f8f8;}
input[type="checkbox"]:disabled:checked + label:before {background:#f8f8f8 url(../../images/bg/bg_checkbox.png) -1px -15px no-repeat;}

/* select box */
select {position:relative;display:inline-block;width:100%;height:23px;padding:0 0 0 10px;background:#fff url(../../images/bg/bg_arrow.png) 100% 0 no-repeat;border:1px solid #ccc;line-height:21px;}
.tbl_list select, select.wb {width:200px;}
select:disabled {background-color:#f3f3f3;}
/* select + select {margin-left:5px;} */

.select_wrap {display:inline-block;position:relative;width:100%;height:23px;vertical-align:top;font-size:12px;}
/* .select_wrap + .select_wrap {margin-left:5px;} */
.select_hidden {opacity: 0; width: auto; position: absolute; z-index: 0}
.select_style {z-index:1;width:100%;height:23px;padding:0 22px 0 10px;background:#fff url(../../images/bg/bg_arrow.png) 100% 0 no-repeat;border:1px solid #ccc;text-align:left;line-height:23px;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.select_style.active {background-position:100% -23px;}
.select_style.disabled {background-color:#f3f3f3;cursor:default;}/* background-color:#e2e2e2;color:#777;*/
.select_opt {display:none;position:absolute;top:100%;width:auto;min-width:100%;left:0;max-height:242px;overflow-y:auto;padding:6px 0;background:#fff;box-shadow:0px 1px 7px 1px #ccc;z-index:10}
.select_opt li {margin:0;padding:5px 10px 4px 10px;color:#333;cursor:pointer;text-align:left;}
.select_opt li:hover {background:#caebfc;}
.select_opt li[rel="hide"] {display:none;}

/* button */
button {cursor:cursor;}
.btn1, .btn2 {display:inline-block;font-size:12px;text-align:center;}
.btn1 + .btn1, .btn2 + .btn2 {margin-left:5px;}
.btn1 {min-width:105px;height:29px;padding:0 16px; background:#009add;color:#fff;font-weight:bold;line-height:28px;letter-spacing:0.02em;}
.btn1:active, .btn1:hover {background:#26a9e2;}
.btn1:disabled, .btn1.disabled {background:#7fccee;color:#c6e6f7;cursor:default;}
.btn1.gray {background:#777;}
.btn1.gray:active, .btn1.gray:hover {background:#8b8b8b;}
.btn1.gray:disabled, .btn1.gray.disabled {background:#bbb;color:#dfdfdf;}
.btn1.line {background:#fff;border:1px solid #001e5a;color:#001e5a;font-weight:normal;}
.btn1.line:active,  .btn1.line:hover {background:#f7f8fa;border-color:#7287b1;}

.btn2 {min-width:60px;height:23px;padding:0 8px;background:#fbfbfb;border:1px solid #ccc;color:#444;line-height:23px;letter-spacing:-0.05em;}
.btn2.navy {background:#677e97;border-color:#556d87;color:#fff;}
.btn2.fn3 {width:40px;height:25px;line-height:25px;}
.btn2.fn4 {width:32px;height:20px;background:#fff;color:#777;font-size:11px;line-height:20px;}
.btn2:disabled, .btn2.disabled {background:#fdfdfd;border-color:#e5e5e5;color:#b0b0b0;cursor:default;}
.btn2.navy:disabled, .btn2.navy.disabled {background:#b3becb;border-color:#aab6c3;color:#dbe0e6;cursor:default;}
.btn2.fn3:disabled, .btn2.fn3.disabled {background:#fbfbfb;border-color:#ccc;color:#777;cursor:default;}

.btn_icon {display:inline-block;width:23px;height:23px;background:#fbfbfb 50% 50% no-repeat;border:1px solid #ccc;text-indent:-9999em;}
.btn_icon:disabled {background-color:#e2e2e2;}
.btn_icon.search, .inp_search .btn_icon {background-image:url(../../images/btn/btn_search.png);}
.btn_icon.cal, .inp_cal .btn_icon {background-image:url(../../images/btn/btn_calendar.png);}
.btn_icon.doc {background-image:url(../../images/btn/btn_doc.png);}

.btn_updown_box {position:relative;display:inline-block;margin-left:5px;vertical-align:middle;}
.btn_updown_box:after {display:block;content:'';clear:both;}
.btn_up, .btn_down {float:left;display:block;width:23px;height:23px;background:#fbfbfb url(../../images/btn/btn_arrow_updown.png) no-repeat;border:1px solid #ccc;text-indent:-9999em;}
.btn_up {background-position:0 0;}
.btn_down {border-left:0;background-position:0 -21px;}

.btn_area {position:relative;display:block;margin-top:20px;text-align:right;}
.btn_area:after {display:block;content:'';clear:both;}

.btn_toggle {display:block;height:23px;padding:0 22px 0 10px;background:url(../../images/bg/bg_arrow.png) 100% -23px no-repeat;border:1px solid #ccc;color:#444;line-height:23px;text-align:left;}
.btn_toggle.open {background-position:100% 0;}
.btn_toggle em:first-child {display:block;}
.btn_toggle em:last-child {display:none;}
.btn_toggle.open em:first-child {display:none;}
.btn_toggle.open em:last-child {display:block;}

.btn_toggle.ty2 {display:inline-block;width:13px;height:13px;padding:0;margin:1px 0 0 5px;background:url(../../images/btn/btn_toggle2.gif) 0 -13px no-repeat;border:0;text-indent:-9999em;vertical-align:top;}
.btn_toggle.ty2.open {background-position:0 0;}

/* table */
table {position:relative;background:#fff;border-top:1px solid #777;border-bottom:1px solid #e2e2e2;}
table + table {margin-top:10px;}
table th, table td{height:30px;padding:3px 10px;border:1px solid #e2e2e2;border-width:1px 1px 0 0;line-height:1.2;}
table th:last-child, table td:last-child {border-right:0;}
table tr:first-child > th, table tr:first-child > td {border-top-width:0;}
table th[scope="rowgroup"] {border-right:1px solid #e2e2e2;}
table th:last-child, table td:last-child {border-right-width:0;}
table tbody tr.on th, table tbody tr.on td {background:#e7f9fb;}
table thead th {text-align:center;}
table tfoot tr th, table tfoot tr td {background:#eaeaea;font-weight:bold;border-top:1px solid #e2e2e2 !important;text-align:center;}
table .bgC, table .bgC td {background:#f8f8f8;text-align:left;}
table tr.bgL td {background:#e7f9fb}
table tr *.line_r {border-right:1px solid #e2e2e2 !important;}
table .bg_blue {background:#e7f9fb}
table .bg_green {background:#f8ffe4}
table .bg_red {background:#fff6e6}
.gridbox table {border-top:0;border-bottom:0;}

/* col style */
.tbl_label {width:140px;}
.tbl_label2 {width:70px;}
.tbl_value {width:246px;}
.tbl_value2 {width:150px;}
.tbl_value3 {width:632px;}

.tbl_list th {background:#f8f8f8;text-align:left;}
.tbl_list th, .tbl_list td {border-right:0;}
.tbl_list tr > *:last-child {padding-right:0;}

.tbl_normal {text-align:center;}
.tbl_normal thead th {text-align:center;}
.tbl_normal tbody tr:first-child th, .tbl_normal tbody tr:first-child td {border-top-width:1px;}
.tbl_normal th, .tbl_normal td {border-right-width:1px;}
.tbl_normal thead tr th {background:#f8f8f8;}
.tbl_normal tbody.ty2 th {background:#f8f8f8;text-align:left;}
.tbl_normal tr > *:last-child {padding-right:10px;}

.tbl_grid {background:#e2e2e2;}
.tbl_grid table tbody tr th, .tbl_grid tbody tr td {border-top:0;}
.tbl_grid table tbody tr:first-child th, .tbl_grid tbody tr:first-child td {border-top:1px solid #e2e2e2;}
.tbl_grid table tbody tr:nth-child(even) {background:#f9f9f9;}

.tbl_scrl {position:relative;overflow-y:auto;border-top:1px solid #777;border-bottom:1px solid #e2e2e2;}
.tbl_scrl table {border-top:0;border-bottom:0;}

.brdArea {position:relative;margin-top:15px;}
.brdArea .tbl_top {position:relative;padding-bottom:5px;}
.brdArea .tbl_top:after {display:block;content:'';clear:both;}

.brdArea .right_al {}
.brdArea .right_al > * {display:inline-block;vertical-align:top;}
.brdArea .right_al > * + * {margin-left:5px;}
.brdArea .tbl_top [class^="tit_sub"] + .right_al {position:absolute;right:0;float:none !important;bottom:5px;}

.brdArea .btn_area {margin-top:5px;}
.brdArea .btn_area .right_al {position:absolute;right:0;float:none !important;top:0;}

/* pagination */
.pagination {position:relative;margin-top:10px;text-align:center;font-size:0;}
.pagination > * {display:inline-block;width:23px;height:23px;margin-left:0;font-weight:bold;background:#fff;border:1px solid #fff;color:#333;font-size:12px;line-height:23px;vertical-align:middle;}
.pagination [class^="btn_"] {background:url(../../images/btn/btn_pagination.png) 0 0 no-repeat;border:1px solid #bec3c4;text-indent:-9999em;}
.pagination .btn_first {background-position:0 0;}
.pagination .btn_prev {margin:0 9px 0 -1px;background-position:-23px 0;}
.pagination .btn_next {margin-left:9px;background-position:-46px 0;}
.pagination .btn_last {margin-left:-1px;background-position:-69px 0;}
.pagination .current {background:#dbeffa;border:1px solid #b5dcf1;color:#001f5b;}
.pagination .current span {display:none;width:0;height:0;text-indent:-9999em;}

/* popup */
.modal {display:none;width:100%;height:100%;position:fixed;left:0;top:0;right:0;bottom:0;overflow:hidden;z-index:999;}
.modal-backdrop {left:0px;top:0px;right:0px;bottom:0px;width:100%;height:100%;position:absolute;background-color:rgb(0, 0, 0);opacity:0.6;}
.modal-dialog {position:relative;width:754px;background:#fff;border:1px solid #132e4b;}
.modal-dialog.base {position:absolute;left:50%;top:50%;width:408px;height:264px;padding:49px 30px 20px;background:#fff;color:#000;transform:translate(-50%, -50%)}
.modal-dialog.base:before {content:'알림';position:absolute;top:0;left:0;right:0;height:15px;padding:7px 10px;background:#132e4b;font-weight:bold;color:#fff;}
.modal-dialog.base p {height:143px;overflow:auto;}
.modal-dialog.base span {position:absolute;display:block;bottom:20px;left:0;right:0;width:100%;text-align:center;}
.modal-dialog.w_small {width:408px;}
.modal-dialog h2, .modal-dialog .pop_tit {display:block;width:100%;height:29px;padding:7px 10px;background:#132e4b;font-weight:bold;color:#fff;}
.modal-dialog .pop_close {position:absolute;top:0;right:0;width:29px;height:29px;background:url(../../images/btn/btn_pop_close.png) 50% 50% no-repeat;text-indent:-9999em;}
.pop_tit_sub {display:block;width:100%;font-size:16px;font-weight:bold;}
.pop_tit_sub.line1 {padding-bottom:10px;border-bottom:1px solid #777;}
.pop_tit_sub.line2 {padding-bottom:10px;border-bottom:1px solid #e0e9f0;}
.con_area {position:relative;padding:20px 30px;overflow-y:auto;}
.con_area .btn_area {text-align:center;}
.con_area .brdArea .btn_area {text-align:right;}

/* progress */
/*.modal-loading {padding-bottom:20px;position:relative;margin:0 auto;margin-top:20%;width:50%;height:50%;}
.modal-loading.progress {position:absolute;left:50%;top:50%;margin-left:-213px;margin-top:-100px;width:426px;height:200px;}
.modal-loading.progress p {font-size:18px;font-weight:bold;text-align:center;padding-top:65px;line-height:1.5em;height:60px;}
.modal-loading.progress span {text-align:center;display:block;margin-top:30px;}*/
.modal-loading.progress {position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);opacity:0.7;text-align:center;}
.modal-loading.progress p {margin-top:25px;font-size:18px;color:#000;text-align:center;}
.modal-loading.progress span {display:block;text-align:center;}
.modal-backdrop {background:#fff;opacity:0.7}

/* layout */
.wrap {position:relative;width:100%;}
.contents {position:relative;width:100%;height:100%;min-width:1280px;height:calc(100% - 200px);margin-top:105px;max-width:1980px;}
.contents:after {display:block;content:'';clear:both;}
.container {position:relative;width:1280px;margin-left:240px;padding:0 72px 60px 60px;}
.container.main {width:1520px;margin-left:0;padding:30px 60px 60px 60px;}
.container .iframe_wrap {width:100%;height:100%;}
.container iframe {width:100%;height:100%;padding-top:15px;}
.container.main iframe {padding-top:0;}

/* header */
.header {position:fixed;top:0;left:0;right:0;width:100%;min-width:1520px;background:#fff;z-index:11;}
.header_top {width:100%;padding:20px 25px;}
.header_top .logo {float:left;display:block;font-size:15px;font-weight:bold;color:#5889bc;}
.header_top .logo_img {display:inline-block;width:124px;height:20px;margin-right:10px;background:url(../../images/bg/logo.png) 0 0 no-repeat;text-indent:-9999em;}
.header_top .header_menu {float:right;}
.header_top .header_menu li {position:relative;float:left;height:20px;margin-left:2px; vertical-align:middle;line-height:20px;}
.header_top .header_menu .log_info {padding-top:3px;padding-right:11px;margin-right:7px;font-size:11px;color:#777;letter-spacing:-0.05em;}
.header_top .header_menu .log_info em {letter-spacing:0;}
.header_top .header_menu .log_info:after {content:'';position:absolute;top:4px;right:0;width:1px;height:16px;background:#45494e;}
.header_top .header_menu .man {color:#45494e;}
.header_top .header_menu .man .name {font-size:13px;color:#999}
.header_top .header_menu .man .name strong {position:relative;padding-left:9px;margin-left:10px;font-size:17px;color:#333;}
.header_top .header_menu .man .name strong:before {content:'';position:absolute;top:6px;left:0;width:1px;height:16px;background:#45494e;font-weight:normal;}
.header_top .header_menu .btn_area {margin:0 0 0 15px;}
.header { min-width:1280px;}
.header_top { position:relative;height:60px;padding:0 24px;z-index:20;background-color:#fff;}
.header_top .logo { line-height:18px;margin-top:20px;font-size:14px;letter-spacing:-1px;color:#035079;}
.header_top .logo_img { width:163px;height:18px;margin-right:16px;padding-right:16px;border-right:1px solid #035079;background:url("../../images/thema/logo.png") 0 0 no-repeat;}
.header_top .header_menu { position:absolute;right:24px;top:14px;}
.header_top .header_menu li { height:28px;}
.header_top .header_menu .log_info { padding-top:8px;}
.header_top .header_menu .log_info:after { display:none;}
.header_top .header_menu .man { padding-top:6px;overflow:hidden;}
.header_top .header_menu .man:hover { overflow:inherit;}
.header_top .header_menu .man:hover .name strong { text-decoration:underline;cursor:pointer;}
.header_top .header_menu .man:hover .name .time_ip { top:36px;z-index:999;}
.header_top .header_menu .man .name { position:relative;display:block;font-size:13px;cursor:default;color:#969696;}
.header_top .header_menu .man .name strong { padding:0 4px 0 0;font-size:15px;color:#035079;}
.header_top .header_menu .man .name strong:before { display:none;}
.header_top .header_menu .man .name .time_ip { position:absolute;left:-81px;top:44px;width:260px;height:69px;margin-top:-6px;padding:4px 12px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);-moz-transition:0.3s;-o-transition:0.3s;-webkit-transition:0.3s;transition:0.3s;background-color:#fff;border:1px solid #e0e0e0;}
.header_top .header_menu .man .name .time_ip:before { content:'';position:absolute;left:calc(50% - 7px);top:-7px;border:7px solid transparent;border-top:0;z-index:2;border-bottom-color:#fff;}
.header_top .header_menu .man .name .time_ip:after { content:'';position:absolute;left:calc(50% - 8px);top:-8px;z-index:1;border:8px solid transparent;border-top:0;border-bottom-color:#e0e0e0;}
.header_top .header_menu .man .name .time_ip ul li { width:100%;height:auto;margin:0;padding:5px 0 4px;border-bottom:1px solid #e0e0e0;}
.header_top .header_menu .man .name .time_ip ul li p { font-size:13px;color:#035079;}
.header_top .header_menu .man .name .time_ip ul li p span { display:inline-block;width:90px;height:18px;padding-left:21px;padding-right:12px;font-size:11px;background-repeat:no-repeat;color:#4a4a4a;}
.header_top .header_menu .man .name .time_ip ul li:last-of-type { border-bottom:0;}
.header_top .header_menu .man .name .time_ip ul li.login_time span { background:url("../../images/thema/time_ip_icon.png") left 2px no-repeat;}
.header_top .header_menu .man .name .time_ip ul li.ip_address span { background:url("../../images/thema/time_ip_icon.png") left -18px no-repeat;}
.header_top .header_menu .btn_area { height:28px;}
.header_top .header_menu .btn_area button + button { margin-left:8px;}
.header_top .header_menu:after {display:block;content:'';clear:both;}
.header_top:after {display:block;content:'';clear:both;}

.gnb { background:url("../../images/thema/gnb_bg.png") left top;}
.gnb .gnb_inner {height:45px;padding:0 40px 0 240px;}
.gnb .gnb_inner a, .gnb .gnb_inner button { cursor:pointer;}
.gnb .depth1 {width:100%;}
.gnb .depth1 > li {float:left;position:relative;width:16.6%;}
.gnb .depth1 > li::after{content:"";display:block;height:0;clear:both;}
.gnb .depth1 > li > a { display:block;height:45px;line-height:45px;font-size:15px;text-align:center;letter-spacing:-0.5px;-moz-transition:background-color 0.2s ease-in-out;-o-transition:background-color 0.2s ease-in-out;-webkit-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out;color:#d4ebf1;cursor:default;}
.gnb .depth1 > li > a small { color:rgba(255, 255, 255, 0.5);}
.gnb .depth1 > li > a:hover { background-color:#023956;color:#fff;}
.gnb .depth1 > li > a:focus { background-color:#023956;}
.gnb .depth1 > li.on > a { background-color:#023956;color:#fff;}
.gnb .depth1 > li:hover { position:relative;}
.gnb .depth1 > li:hover > a { background-color:#023956;color:#fff;}
.gnb .depth1 > li:hover .depth2 { position:absolute;top:45px;padding:16px 0;opacity:1;-moz-box-shadow:0 1px 7px rgba(0, 0, 0, 0.35);-webkit-box-shadow:0 1px 7px rgba(0, 0, 0, 0.35);box-shadow:0 1px 7px rgba(0, 0, 0, 0.35);}
.gnb .depth1 > li:hover .depth2 li a { padding:6.5px 20px;font-size:13px;}
.gnb .depth2 { position:absolute;left:0;width:100%;padding:0;border-bottom-left-radius:3px;border-bottom-right-radius:3px;opacity:0;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;background-color:#fff;}
.gnb .depth2 li a { display:block;padding:0;font-size:0;letter-spacing:-0.5px;-moz-transition:background-color 0.1s ease-in-out;-o-transition:background-color 0.1s ease-in-out;-webkit-transition:background-color 0.1s ease-in-out;transition:background-color 0.1s ease-in-out;color:#035079;}
.gnb .depth2 li a small { color:rgba(0, 0, 0, 0.5);}
.gnb .depth2 li a:hover { text-decoration:underline;background-color:#eef9fa;}
.gnb .depth2 li a:focus { background-color:#eef9fa;}
.gnb .depth2 li.on a { text-decoration:underline;font-weight:700;background-color:#eef9fa;}
.gnb.fullmenu_open { overflow:hidden;-moz-box-shadow:0 3px 5px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 3px 5px rgba(0, 0, 0, 0.2);box-shadow:0 3px 5px rgba(0, 0, 0, 0.2);}
.gnb.fullmenu_open .gnb_inner { height:auto;}
.gnb.fullmenu_open .depth1 > li { position:relative;}
.gnb.fullmenu_open .depth1 > li .depth2 { position:static;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
.gnb.fullmenu_open .depth1 > li:before { content:'';position:absolute;top:45px;height:1000%;border-left:1px solid #e0e0e0;}
.gnb.fullmenu_open .depth1 > li:last-of-type:after { content:'';position:absolute;top:45px;right:0;height:1000%;border-right:1px solid #e0e0e0;}
.gnb.fullmenu_open .depth2 { padding:16px 0;-moz-border-radius:none;-webkit-border-radius:none;border-radius:none;opacity:1;background-color:transparent;}
.gnb.fullmenu_open .depth2 li a { display:block;padding:6.5px 20px;font-size:13px;-moz-transition:background-color 0.1s ease-in-out;-o-transition:background-color 0.1s ease-in-out;-webkit-transition:background-color 0.1s ease-in-out;transition:background-color 0.1s ease-in-out;color:#035079;}
.gnb.fullmenu_open .depth2 li a:hover { text-decoration:underline;background-color:#eef9fa;}
.gnb.fullmenu_open .depth2 li.on a { text-decoration:underline;background-color:#eef9fa;}

.lnb { position:absolute;left:0;top:0;width:240px;height:calc(100% - 65px);min-height:768px;border-right:1px solid #e0e0e0;}
.lnb li a, .lnb li button { cursor:pointer;}
.lnb .depth2 > li > a, .lnb .depth2 > li > button { position:relative;display:block;width:100%;height:45px;line-height:45px;padding:0 16px;letter-spacing:-1px;text-align:left;font-size:14px;font-weight:700;-moz-transition:background-color 0.3s ease-in-out;-o-transition:background-color 0.3s ease-in-out;-webkit-transition:background-color 0.3s ease-in-out;transition:background-color 0.3s ease-in-out;background-color:#fff;border-bottom:1px solid #e0e0e0;color:#035079;}
.lnb .depth2 > li > a:after, .lnb .depth2 > li > button:after { content:'';position:absolute;right:16px;top:20px;display:block;width:9px;height:5px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);-moz-transition:0.3s;-o-transition:0.3s;-webkit-transition:0.3s;transition:0.3s;background:url("../../images/thema/arrow_2.png") 100% 0 no-repeat;}
.lnb .depth2 > li > a small, .lnb .depth2 > li > button small { color:rgba(0, 0, 0, 0.3);}
.lnb .depth2 > li > a:hover, .lnb .depth2 > li > button:hover { background-color:#f9f9f9;}
.lnb .depth2 > li.active > a:after, .lnb .depth2 > li.active > button:after { -moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
.lnb .depth2 > li.active > a:hover, .lnb .depth2 > li.active > button:hover { background-color:#fff;}
.lnb .depth3 { display:none;background-color:#035079;}
.lnb .depth3 > li > a { position:relative;display:block;height:40px;line-height:40px;padding:0 16px 0 31px;font-size:13px;-moz-transition:background-color 0.3s ease-in-out;-o-transition:background-color 0.3s ease-in-out;-webkit-transition:background-color 0.3s ease-in-out;transition:background-color 0.3s ease-in-out;background:url("../../images/thema/lnb_bullet_icon_1.png") 16px 16px no-repeat;color:#d4ebf1;}
.lnb .depth3 > li.sub > a:after { content:'';position:absolute;right:16px;top:15.5px;display:block;width:9px;height:5px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);-moz-transition:0.3s;-o-transition:0.3s;-webkit-transition:0.3s;transition:0.3s;background:url("../../images/thema/arrow_3.png") 100% 0 no-repeat;}
.lnb .depth3 > li.sub > a:hover { background-color:#034365;}
/* .lnb .depth3 > li.only > a:after { display:none;} */
.lnb .depth3 > li.active > a { font-weight:700;background-color:#023651;color:#fff;}
.lnb .depth3 > li.active > a:after { -moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
.lnb .depth3 > li.active > a:hover { background-color:#023651;}
.lnb .depth3 > li.active > a + .depth4 { background-color:#023651;}
.lnb .depth4 { display:none;height:auto;overflow:hidden;}
.lnb .depth4 > li > a { position:relative;display:block;height:40px;line-height:40px;padding:0 16px 0 48px;font-size:13px;-moz-transition:background-color 0.3s ease-in-out;-o-transition:background-color 0.3s ease-in-out;-webkit-transition:background-color 0.3s ease-in-out;transition:background-color 0.3s ease-in-out;color:#d4ebf1;}
.lnb .depth4 > li > a:before { content:'';position:absolute;left:33px;top:19px;display:block;width:7px;height:2px;opacity:0.5;background-color:#4e97be;}
.lnb .depth4 > li > a:after { content:'';position:absolute;right:16px;top:17px;display:block;width:9px;height:5px;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);-moz-transition:0.3s;-o-transition:0.3s;-webkit-transition:0.3s;transition:0.3s;background:url("../../images/thema/arrow_3.png") 100% 0 no-repeat;}
.lnb .depth4 > li > a:hover { background-color:#022f47;}
.lnb .depth4 > li.only > a:after { display:none;}
.lnb .depth4 > li.active > a { font-weight:700;background-color:#012538;color:#fff;}
.lnb .depth4 > li.active > a:after { -moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
.lnb .depth4 > li.active > a:hover { background-color:#012538;}
.lnb .depth4 > li.active > a + .depth5 { background-color:#012538;}
.lnb .depth5 { display:none;padding:0;}
.lnb .depth5 > li > a { position:relative;display:block;height:26px;line-height:26px;padding:0 16px 0 62px;font-size:12px;-moz-transition:background-color 0.3s ease-in-out;-o-transition:background-color 0.3s ease-in-out;-webkit-transition:background-color 0.3s ease-in-out;transition:background-color 0.3s ease-in-out;color:#d4ebf1;}
.lnb .depth5 > li > a:before { content:'';position:absolute;left:48px;top:9px;display:block;width:6px;height:6px;opacity:0.5;background:url("../../images/thema/lnb_bullet_icon_2.png") 100% 0 no-repeat;}
.lnb .depth5 > li > a:hover { background-color:#011f2e;}
.lnb .depth5 > li.active > a { font-weight:700;background-color:#011824;color:#fff;}
.lnb .depth5 > li.active > a:before { opacity:1;}
.lnb .depth5 > li.active > a:hover { background-color:#011824;}

footer { width:100%;}
footer.copyright p { padding:16px 24px 32px 24px;font-size:12px;text-align:right;border-top:1px solid #e0e0e0;color:#4a4a4a;}
footer.copyright p strong { color:#333;}

/* column layout */
.column2 > div {float:left;width:49%; margin-left:2%;}

.column3 > div {float:left;width:32%; margin-left:2%;}

.column2 > div.col1 {width:32%;}
.column2 > div.col2 {width:66%;}
.column2 > div.col2s {width:39%;}
.column2 > div.col3  {width:59%;}

.column2 > div:first-child, .column3 > div:first-child {margin-left:0;}
.column2:after, .column3:after {display:block;clear:both;content:'';}


/* 법규 */
.rules_area {width:100%;height:100%;overflow:hidden;box-sizing:border-box;/* padding:5px 20px 20px 20px;*/}
.rules_area .rules_data h3, .rules_area .rules_data_tbl h3 {font-size:16px;color:#ff308c;padding:7px 0 8px;font-weight :bold}
.rules_area .rules_data p {font-size:16px;border-bottom:1px solid #dfdfdf;/* margin-top:15px;padding-bottom:10px;*/ margin-top:5px;padding:10px 0;font-weight:bold;}
.rules_area .rules_data dt {font-size:15px;font-weight:bold;padding:15px;}
.rules_area .rules_data dd {font-size:13px;padding-left:20px;line-height:1.6em;color:#3c3c3c;}

.rules_area .rules_data h3:hover,
.rules_area .rules_data_tbl h3:hover,
.rules_area .rules_data p:hover,
.rules_area .rules_data dt:hover {outline-style:none;border-radius:2px;box-shadow:inset 0 0 1px #999;background-color:rgba(190, 235, 255, 0.2);}

.rules_area .rules_data h3:focus,
.rules_area .rules_data_tbl h3:focus,
.rules_area .rules_data p:focus,
.rules_area .rules_data dt:focus {outline-style:none;border-radius:2px;box-shadow:inset 0 0 1px #999;background-color:rgba(190, 235, 255, 0.6);}

.rules_area .rules ul li.tree_01, .rules_area .rules ul li.tree_02, .rules_area .rules ul li.tree_03 {background:url("../images/intg_tree_bg.gif") repeat-y 0 0;background-size:23px;}
.rules_area .rules ul li span.plus {width:23px;height:23px;background:url("../images/icon_plus.png") no-repeat 5px 5px #00bff3;background-size:45px 57px;display:inline-block;margin-right:10px;margin-top:-3px;vertical-align:top;}
.rules_area .rules ul li span.mus {width:23px;height:23px;background:url("../images/icon_plus.png") no-repeat 5px -20px #00bff3;background-size:45px 57px;display:inline-block;margin-right:10px;margin-top:-3px;vertical-align:top;}
.rules_area .rules ul li ul {/* padding:8px 8px 0 31px;*/}
.rules_area .rules ul li strong {font-size:15px;font-weight:bold;}

.highlight {color:#0061f3;font-weight:bold;}


.validation_error {
	background-color:red !important;
}