@charset "UTF-8";
/**/
:root {background:#fff;}	body {background:#8c8989;}	



/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ---------------------------------------------------------------------- 공통 ---------------------------------------------------------------------- */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* ------------------------------------------------------------------------ input ------------------------------------------------------------------------ */
.inputBox {width:100%; height:34px; padding:0 10px; font-size:15px; font-weight:100; color:#555; line-height:32px; border:1px solid #c2c2c2; border-radius:4px; display:block;}
.inputBox.dateBox {background:url("../images/common/icon_cal.gif") right center no-repeat;}
.selectBox {
	width:100%; height:30px; padding-left:10px; font-size:14px; font-weight:300; color:#555; line-height:28px; border:1px solid #c2c2c2; border-radius:4px; background:url("../images/common/icon_select.gif") center right no-repeat;  display:block;
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
}
.selectBox::-ms-expand {
   display: none;            /* 화살표 없애기 for IE10, 11*/
}
/* ---------------------------------------------------------------------- 버튼 ---------------------------------------------------------------------- */
.pagingBottom.bt-type {display: inline; padding-left: 5px;}
.pagingBottom.bt-type2 {padding-left: 0; margin-top: 0;}
.blue {color: #fff; background: #2470c5; border: 1px solid #2470c5;}
.txt_blue {width:100px; color: #2470c5; background: #fff; border:1px solid #2470c5;}
.Btn {width: 100px; height: 30px; border-radius: 3px; font-size:13px;}
.Btn2 {width: 80px; height: 38px; border-radius: 3px;}
.Btn3 {width: 152px; height: 38px; border-radius: 3px;}
.right_mr {margin-right:7px;}
.left {text-align: left;}

input[type=checkbox] {display:none;}
input[type=checkbox] + label { cursor: pointer; padding-left: 18px; background-repeat: no-repeat; background-image: url('../images/common/checkbox_off.png');}
input[type=checkbox]:checked + label {background-image: url('../images/common/checkbox_on.png');}
input[type="text"], input[type="password"] {
    width: 100%;
    height: 38px;
    padding: 0 10px;
    font-size: 14px;
    color: #555;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
	font-weight:300;}

select {font-color:#555;}
input::placeholder {color:#b7b7b7;}
input::-webkit-input-placeholder {color:#b7b7b7;}
input:-ms-input-placeholder {color:#b7b7b7;} 
textarea::placeholder {color:#b7b7b7;}
textarea::-webkit-input-placeholder {color:#b7b7b7;}
textarea:-ms-input-placeholder {color:#b7b7b7;}


/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ---------------------------------------------------------------------- 로그인 ---------------------------------------------------------------------- */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.loginMainBox {margin-top: 200px; display: block; font-weight: 400; text-align: center;}
.loginWrap {padding: 50px 40px 40px 40px; background: #fff; display: inline-block; border-radius: 30px; box-shadow: 2px 2px 10px #c5c3c3;text-align: left;}
.loginWrap h1 {text-align: center; margin: 0 0 20px;}

.loginWrap .loginArea .idBox, .loginWrap .loginArea .pwBox, .loginWrap .loginArea .yearBox {display: flex;border-bottom: 1px solid #c8c8d2; padding: 20px 10px 0; position: relative;}
.loginWrap .loginArea .idBox dt, .loginWrap .loginArea .pwBox dt, .loginWrap .loginArea .yearBox dt {width:100px; font-size:14px; padding: 10px 0; padding-left: 24px; color:#545b67;}
.loginWrap .loginArea .idBox:after {content:"";background: url(../images/common/icon_id.png) left 0 no-repeat; width: 14px; height: 16px; display: inline-block; position: absolute; top: 30px;}
.loginWrap .loginArea .pwBox:after {content:"";background: url(../images/common/icon_pass.png) left 0 no-repeat; width: 14px; height: 16px; display: inline-block; position: absolute; top: 30px;}
.loginWrap .loginArea .yearBox:after {content:"";background: url(../images/common/icon_calendar.png) left 0 no-repeat; width: 16px; height: 16px; display: inline-block; position: absolute; top: 31px;}
.loginWrap .loginArea .idBox dd, .loginWrap .loginArea .pwBox dd, .loginWrap .loginArea .yearBox dd {margin-inline-start: 10px;}
.loginWrap .loginArea .idBox input, .loginWrap .loginArea .pwBox input {font-size:14px; border: 0; height: 37px; width: 100px;}
.loginWrap .loginArea .idBox input::placeholder, .loginWrap .loginArea .pwBox ::placeholder {font-weight: 100;}
.loginWrap .loginArea .yearBox select{font-size:14px; border: 0; height: 37px; width: 100px;}
.loginWrap .loginArea .idBox dd, .loginWrap .loginArea .pwBox dd, .loginWrap .loginArea .yearBox dd {margin-inline-start: 10px;}

.loginWrap .loginArea .btn_login {padding: 13px 60px; color:#fff; background:#2470c5;font-size:15px;border:0;border-radius: 5px; cursor: pointer;}
.loginWrap .loginArea .btn_Box {text-align: center; margin-top:40px;}
.loginWrap .loginArea .agree {margin: 30px 10px 0; position: relative;}
.loginWrap .loginArea .agree input {opacity: 0; position: absolute;}
.loginWrap .loginArea .agree label {font-size:14px; padding-left: 25px;}
.loginWrap .loginArea .agree label span {font-size:12px; color:#505158; vertical-align: 1px;}

.loginFotter {position: fixed; bottom: 50px; width: 100%;}
.loginFotter p {font-size: 10px; text-align: center; font-family: Dotum;}


/* ------------------------------------------------------------------------ 아이디찾기 ------------------------------------------------------------------------ */
.loginWrap.search {width:460px;}
.loginWrap .idsearch h1 {font-size:32px; color:#505158;}
.loginWrap .loginBox .tit-txt {font-size:15px;}
.loginWrap .loginBox .tit-top {font-size:15px; color:#555555; padding-bottom:22px; margin-top:5px; text-align: center;}
.loginWrap .loginBox .searchradio {font-size:15px; color:#36383f; text-align: center; margin-bottom:35px;}
.loginWrap .loginBox .searchradio label {width: 150px; display: inline-block;}
.loginWrap .loginBox .searchradio label span {padding-left: 5px;}
.loginWrap .loginBox .searchID .idsearch {border-top: 0; border-left: 0; border-right: 0; margin-bottom:25px;}
.loginWrap .loginBox .searchID .namesearch {border-top: 0; border-left: 0; border-right: 0; margin-bottom:25px;}
.loginWrap .loginBox .searchID .emsearch {border-top: 0; border-left: 0; border-right: 0; }
.loginWrap .loginArea .F_IDPW {margin-top:25px; text-align: center; font-size:13px; color:#505158;}
.loginWrap .loginArea .F_IDPW a:hover {color:#2470c5;}
.loginWrap .loginArea .c_line {padding-left: 60px; background: url(../images/common/icon_bullet_line.png) 30px no-repeat; width: 1px;}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ---------------------------------------------------------------------- 레이아웃 ---------------------------------------------------------------------- */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#wrap {width:100%; min-width:1520px;}

/* ------------------------------------------------------------------------ 상단 ------------------------------------------------------------------------ */
#top {min-width:1600px; height:100px; background:#f2f2f2; position:relative; z-index:100;}
#top .topCont {min-width:1600px; width:auto; padding:0 30px; box-sizing:border-box;}
#top .topCont:after {content:""; display:block; clear:both;}
#top .topCont h1 {width:15%; display:inline-flex; float:left;}
#top .topCont h1 .topLogo {width:232px; height:36px; padding:32px 0; text-align:center; display:block; float:none;}
#top .topCont .navi {width:60%; text-align:center; float:left;}
#top .topCont .navi:after {content:""; display:block; clear:both;}
#top .topCont .navi .depth01 {height:66px; display:inline-block;}
#top .topCont .navi .dep01Nav {position:relative; display:block; float:left;} 
#top .topCont .navi .dep01Nav h2 a {padding:37px 25px 39px 25px; font-size:18px; font-weight:500; color:#36383f; display:block;}
#top .topCont .navi .dep01Nav.on h2 a {font-size:18px; color:#2470c5;}
#top .topCont .navi .depth02 {display:none; border:1px solid #515151; border-radius:4px; background:#fff; position:absolute; left:0; top:54px; z-index:100;
		box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
		-webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
		-moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
		-ms-box-shadow: 2px 2px 10px rgba(0,0,0,0.2);}
#top .topCont .navi .depth02.on {display:block;}
#top .topCont .navi .depth02:after {content:""; width:22px; height:11px; display:block; background:url("../images/common/icon_menu.png") no-repeat; position:absolute; left:calc(50% - 11px); top:-10px;}
#top .topCont .navi .dep02Nav {font-size:14px; border-bottom:1px solid #d7d6d6;}
#top .topCont .navi .dep02Nav:last-child {border-bottom:0;}
#top .topCont .navi .dep02Nav a {padding:7px 11px 8px 11px; color:#555; display:block; white-space:nowrap;}
#top .topCont .navi .dep02Nav a:hover {color:#ff5a20;}
/******** 3Depth Type 1 ********/
#top .topCont .navi .depth02 .depthBox{display:none; position:absolute; left:50%; top:0; z-index:100; margin-left:-15px; padding-left:15px;}/* 2depth와 3depth 간격 조절은 margin-left와 padding-left로 조절해야 함 */
#top .topCont .navi .depth03 {border:1px solid #515151; border-radius:4px; background:#fff;
		box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
		-webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
		-moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
		-ms-box-shadow: 2px 2px 10px rgba(0,0,0,0.2);}
#top .topCont .navi .dep02Nav:hover .depthBox {display:block;}
#top .topCont .navi .dep03Nav {font-size:14px; border-bottom:1px solid #d7d6d6;}
#top .topCont .navi .dep03Nav:last-child {border-bottom:0;}
#top .topCont .navi .dep03Nav a {padding:7px 11px 8px 11px; color:#555; display:block; white-space:nowrap;}
#top .topCont .navi .dep03Nav a:hover {color:#ff5a20;}
/******** 3Depth Type 1 ********/

/******** 3Depth Type 2 ********/
#top .topCont .navi .dep02Nav.type02{position:relative;}
#top .topCont .navi .dep02Nav.type02 .depthBox{left:100%;}
#top .topCont .navi .dep02Nav.type02 .depthBox{margin-left:0; top:-10px;}
/******** 3Depth Type 2 ********/

#top .topCont .navi .depthBox {position:absolute; left:50%; top: 80px;}
#top .topCont .navi .depthBox .depth02 {margin:0 50% 0 -50%; padding:10px 15px; border:none; border-radius:0; position:static;}
#top .topCont .navi .depthBox .depth02:after {left:-11px;}
#top .topCont .navi .depthBox .dep02Nav {text-align:left; font-size:15px;}
#top .topCont .navi .depthBox .dep02Nav a {padding:4px 0; color:#222;}
#top .topCont .navi .depthBox .dep02Nav a:hover {color:#2470c5;}
/******** 3Depth ********/
#top .topCont .navi .depthBox .depth03 {padding:10px 15px; border:none; border-radius:0;}
#top .topCont .navi .depthBox .dep03Nav {text-align:left; font-size:15px;}
#top .topCont .navi .depthBox .dep03Nav a {padding:4px 0; color:#222;}
#top .topCont .navi .depthBox .dep03Nav a:hover {color:#2470c5;}
/******** 3Depth ********/
#top .topCont .userinfo {width:25%; float:right;}
#top .topCont .userinfo p {padding:40px 0; font-size:15px;}
#top .topCont .userinfo p .passworld {background: url(../images/common/icon_passworld.png) top no-repeat; width: 25px; height: 25px; margin-left: 10px; display: inline-block; vertical-align: -7px;}
#top .topCont .userinfo p .logout {background: url(../images/common/icon_logout.png) top no-repeat; width: 25px; height: 25px; margin-left: 5px; display: inline-block; vertical-align: -7px;}
#top .topCont .userinfo p .login_mg {margin-left: 33px; color:#2470c5;}

/* ------------------------------------------------------------------------ 중단 ------------------------------------------------------------------------ */
#contents {width:100%; min-width:1600px; background:#fff;}
#contents .subCont {width:1520px; margin:0 auto; padding-bottom:100px;position: relative;}
.contTitle {position:relative;}
.contTitle:after {content:""; display:block; clear:both;}
.contTitle h3 {padding:23px 30px 23px 15px; font-size:21px; font-weight:500; color:#111; float:left;}

.searchBox {padding-left:15px;}
.searchBox .searchSelect {display: flex;}

.tableArea {padding:10px 15px;}
.tableArea.Form {border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; margin: 0 15px;}

/* 20220425 required(필수 입력) 추가 */
.tableArea.Form tbody th{position: relative;}
.required::after{position: absolute; content: '*'; top: 18px; display: inline-block; margin-left: 4px; color: #e83939;}
/* // 20220425 */



table {border: 1px solid #dfe2e5; border-collapse: collapse;width:100%;}
table tr:hover th {background:#eaf2fa;}
.tableArea.Form table tr:hover td {background:none;}
table tr td a:hover {color:#2470c5;}

th {
    background: #fafafa;
    font-weight: 500;
}
th, td {border: 1px solid #dfe2e5; height:42px; color:#242424; font-size:14px; text-align: center;}
td.left {text-align: left;padding-left:40px;}


.paging_full_numbers {width: 100%;
    padding-top: 0;
    text-align: center;
    font-size: 13px;
    line-height: 0;
    position: relative;
    float: none;}
.paginate_button.first {width: 20px;
    height: 29px;
    margin: 0 3px;
    vertical-align: top;
    display: inline-block;
    overflow: hidden;
    background: url(../images/common/prev2.gif) no-repeat;
    font-size: 0;}
.paginate_button.previous {width: 20px;
    height: 29px;
    margin: 0 3px;
    vertical-align: top;
    display: inline-block;
    overflow: hidden;
    background: url(../images/common/prev.gif) no-repeat;
    font-size: 0;}
.paginate_button {width: 29px;
    height: 29px;
    margin: 1px 2px 0;
    font-size: 13px;
    color: #8f8f8f;
    line-height: 12px;
    border-radius: 2px;
    background: #fff;
    display: inline-block;
    padding: 8px 0 0 0;
    min-width: 1.5em;
    text-align: center;
    cursor: pointer;
    color: #8f8f8f !important;
    border: 1px solid transparent;}

.paginate_button.current {color: #fff !important; border: 1px solid transparent; background: #2470c5;}
.paginate_button.next {width: 20px; height: 29px; margin: 0 3px; vertical-align: top; display: inline-block; overflow: hidden; background: url(../images/common/next.gif) no-repeat; font-size: 0;}
.paginate_button.last {width: 20px; height: 29px; margin: 0 3px; vertical-align: top; display: inline-block; overflow: hidden; background: url(../images/common/next2.gif) no-repeat; font-size: 0;}
.pagingBottom {width: 100%; padding-left:15px; margin-top: 10px; text-align: left; }
.pagingBottom.right {width: 100%; padding-right: 15px; margin-top: 8px; text-align: right;}
.pagingBottom.right2 {width: 100%; padding-right: 15px; padding-right:40px; margin-top: 15px; text-align: right;}


.tableArea.Form tbody th {text-align: right; color:#808994; padding-right:10px;}

.tableArea.Form table  {border:0;}
.tableArea.Form tbody tr {border:0;}
.tableArea.Form tbody th {border:0;}
.tableArea.Form tbody td {border:0;}
.tableArea.Form tbody th, td {height:50px;}
.tableArea.Form tbody th {background: #fff;}
.tableArea.Form tbody td {padding: 6px 10px;}
.tableArea.Form tbody .selectBox {height:38px; border: 1px solid #e2e2e2; background: url(../images/common/icon_select_01.gif) center right no-repeat; font-weight: 300;}

input.radioBox{width: 20px; height: 20px; margin-left: 5px; background: none;}

.tableArea.Form tbody td .radioText {margin-left: 10px; line-height: 32px; margin-left: 10px; display: inline-flex; vertical-align: middle;}	
.tableArea.Form tbody .th_blue {color: #4284cd;}
.tableArea.Form tbody textarea {height:80px;}
.tableArea.Form tbody .textarea_top {vertical-align: top; padding-top: 17px;}
.tableArea.Form textarea {font-weight: 300; line-height: 24px; color:#555;}
.tableArea.Form label.radioDD {width: 150px; display: inline-block;}

.tr-hide {display:none;}
.tableArea.Form .formcheck .agree {width: 144px; display: inline-block; margin-left: 6px;}
.tableArea.Form .formcheck .agree label {font-size:14px; padding-left: 25px;}
.tableArea.Form .formcheck .agree label span {font-size:14px; color:#505158; vertical-align: 1px; padding-left: 6px;}


/* ------------------------------------------------------------------------ �������� ------------------------------------------------------------------------ */

.searchBox .searchSelect.notice .selectBox {border:1px solid #dfe2e5;}
.searchBox .searchSelect.notice input {height:30px; margin-right: 10px; border:1px solid #dfe2e5; width:378px;}
.tableArea.notice table label span {font-size:14px; display:none;}
.tableTypeList.notice td {padding: 9px 30px 8px;; text-align: left; color:#555555; line-height: 24px; height: 42px;}
.tableTypeList.notice .noticet-tit {padding-left: 30px; font-size:15px; text-align: left; color:#242424;}
.tableTypeList.notice .noticet-2tit {display: flex; border: 0;}
.tableTypeList.notice .noticet-2tit div {width: 185px; font-size:14px;}
.tableTypeList.notice .noticet-2tit div span {margin-left: 10px;}
.tableTypeList.notice .noticet-3tit div span {margin-left: 10px;}
.tableTypeList.notice .txt_area {height:650px; vertical-align: text-top; padding: 15px 30px 15px;}
.tableTypeList.notice .line {padding-left: 6px; position: relative; top: 5px;}
.tableTypeList.notice .noticet-3tit .line {padding-left: 19px;}
.tableTypeList.notice td:hover {background:none;}

.attaching_f th {vertical-align: text-top; padding-top: 14px;}
.attaching_f .attaching_f_type {text-align: left;}
.attaching_f .attaching_f_type.add {margin-top: 15px;}
.attaching_f .attaching_f_type.plus {margin-top: 3px;}
.attaching_f .attaching_f_type .file_icon {width:10px; height:10px; background: url(../images/common/icon_del.png) right center no-repeat; padding-left:20px;}
.attaching_list {padding-left: 59px;}
.tableTypeList.notice div button .view_file {width:16px; height:16px; background: url(../images/common/icon_view.png) center center no-repeat; padding-left:16px;}
.tableTypeList.notice div button .down_file {width:16px; height:16px; background: url(../images/common/icon_down.png) right center no-repeat; padding-left:16px; margin-left: 4px;}


/* ------------------------------------------------------------------------ half sub ------------------------------------------------------------------------ */
.halfArea {width:100%; display: inline-flex;}
.halfArea .half-left {width:450px; height:700px; border:1px solid #dadada; border-right:0; background-color: #f2f2f2; overflow: auto;}
.halfArea .half-right {width:100%; height:700px; border:1px solid #dadada; overflow: auto; background-color: #fff; padding:40px;}

.halfArea .half-left ul li {border-bottom: 1px solid #d6d6d6;
    padding: 10px 0 9px 20px;
    font-size: 14px;
    line-height: 21px;
    width: 100%;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row; min-height: 43px;}
.halfArea .half-left ul .tit_left {max-width: 200px;}
.halfArea .half-left ul .tit_btn_right {margin: auto 0;}
.halfArea .half-left ul li:first-child {background-color: #dadada; font-size:15px; color:#36383f;}
.halfArea .half-left ul li:last-child {border-bottom:0;}
.halfArea .half-left ul li span.bullet_off {background:url("../images/common/icon_bullet_off.png") no-repeat; width:18px; height:18px; padding-left: 25px; vertical-align: -1px; color:#b3b4b6;}
.halfArea .half-left ul li span.bullet_on {background:url("../images/common/icon_bullet_on.png") no-repeat; width:18px; height:18px; padding-left: 25px; vertical-align: -1px;}
.halfArea .half-left ul li span.half-sub_tit {padding-left: 25px; color:#275b96; float: left;}
.halfArea .half-left ul li span.half-sub-button {color:#962727; /*float: right;*/ padding-right: 20px;}

.halfArea .half-left ul li span.half-sub-button.type_01 {font-size:12px; border: 1px solid #ed5151; border-radius: 15px; padding: 3px 11px 3px 11px; background: #ed5151; color: #fff; margin-right: 15px;}
.halfArea .half-left ul li span.half-sub-button.type_02 {font-size:12px; border: 1px solid #2470c5; border-radius: 15px; padding: 3px 11px 3px 11px; background: #2470c5; color: #fff; margin-right: 15px;}
.halfArea .half-left ul li span.half-sub-button.type_03 {font-size:12px; border: 1px solid #36383f; border-radius: 15px; padding: 3px 11px 3px 24px; background: #36383f url(../images/common/icon_bullet02.png) no-repeat 10px center; color: #c8c8d2; margin-right: 15px;}
.halfArea .half-left ul li span.half-sub-button.type_04 {font-size:12px; border: 1px solid #989898; border-radius: 15px; padding: 3px 11px 3px 24px; background: #989898 url(../images/common/icon_bullet02.png) no-repeat 10px center; color: #c8c8d2; margin-right: 15px;}
.halfArea .half-left ul li span.half-sub-button.type_05 {font-size:12px; border: 1px solid #002d5f; border-radius: 15px; padding: 3px 11px 3px 24px; background: #002d5f url(../images/common/icon_bullet02.png) no-repeat 10px center; color: #c8c8d2; margin-right: 15px;}
.halfArea .half-left ul .bg_off {background: #fff;}


.halfArea .half-right-tit {font-size:15px; color:#2470c5; border-bottom: 1px solid #dadada}
.halfArea .half-right-tit .half-right-tits {font-size:13px; color:#36383f; margin-left:5px;}
.halfArea .half-right-tit dl {display: inline-flex; margin-left: 10px;}
.halfArea .half-right-tit .li-tit {font-size: 14px; color: #808994; width: 120px; min-width: 120px; padding: 8px 0; text-align: right;}
.halfArea .half-right-tit .li-txt {margin-left: 20px; color: #36383f; min-width: 250px;}
.halfArea .half-right-tit .li-txt.inp_type {flex-wrap: wrap; display: flex;}
.halfArea .half-right-tit .non-input {padding: 8px 0; font-size:15px; color: #36383f; width: 200px;}
.halfArea .half-right-tit {margin-top: 50px;}
.halfArea .half-right-tit:first-child {margin-top: 0;}
.halfArea .half-right-tit li {margin-bottom: 15px;}
.halfArea .half-right-tit li:first-child {margin-top: 20px;}
.halfArea .half-right-tit li:last-child {margin-bottom: 30px;}
.halfArea .half-right-tit .mr-top20 {margin-top: 20px;}
.halfArea .half-right-tit .mr-ew-20 {margin: 0 10px 0  20px;}
.halfArea .half-right-tit .mr-e-10 {margin-right: 10px;}
.halfArea .radio-ty01 {padding: 6px 0;}
.halfArea .radio-ty01 .radioText {font-size:14px;}
.halfArea .radio-ty01 label {width: 140px; display: inline-block;color:#36383f;}
.halfArea .radio-ty01 label input {margin-left: 0px; margin-right: 10px;}
.halfArea .check-ty01 .checkDD {width: 140px; display: inline-block; padding: 8px 0 4px;}
.halfArea .check-ty01 .checkDD label span {padding-left: 15px; vertical-align: 1px;}

.in_attaching {padding: 8px 0;}
.in_attaching .line {padding-left: 19px; margin-right: 10px; position: relative; top: 5px;}
.in_attaching button .view_file {width: 16px; height: 16px; background: url(../images/common/icon_view.png) center center no-repeat;  padding-left: 16px; margin-left: 5px;}
.in_attaching button .down_file {width: 16px; height: 16px; background: url(../images/common/icon_down.png) right center no-repeat;  padding-left: 16px; margin-left: 5px;}
.in_attaching button .del_file {width: 16px; height: 16px; background: url(../images/common/icon_del.png) right center no-repeat;  padding-left: 16px; margin-left: 5px;}
.in_attaching div {margin-bottom:10px;}
.in_attaching .next_list {padding-left: 61px;}

.filebox {}
.filebox input[type="file"] {
    display: inline-block;
    padding: 6px 15px;
    color: #36383f;
    vertical-align: middle;
    background-color: #fdfdfd;
    cursor: pointer;
    border: 1px solid #ebebeb;
    border-radius: 5px;
}

.filebox label {
  display: inline-block;
  padding: 6px 15px;
  color: #36383f;
  vertical-align: middle;
  background-color: #fdfdfd;
  cursor: pointer;
  border: 1px solid #ebebeb;
  border-radius: 5px;
}

/* named upload */
.filebox .upload-name {
  display: inline-block;
  height: 35px;
  font-size:14px; 
  color: #36383f;
  padding: 0 10px;
  vertical-align: middle;
  background-color: #fff;
  border: 0;
  border-radius: 5px;

}
.halfArea .half-right-tit .inp_data {padding-right: 15px; padding-bottom: 10px; min-width: 236px;}

/* ------------------------------------------------------------------------ error sub ------------------------------------------------------------------------ */
.ErrorWrap .Error {text-align: center; color: #555; letter-spacing: 0.01em;}
.ErrorWrap .ErrorCont {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.ErrorWrap .ErrorVis img {width: 125px;}
.ErrorWrap .ErrorTitle {padding: 20px 0px 20px 0px; font-size: 32px; font-weight: 400; line-height: 40px; margin: 0; color:#111;}
.ErrorWrap .ErrorSub {font-size: 14px; line-height: 23px; padding-bottom:20px; margin: 0;}
.ErrorWrap .ErrorButton {margin-top: 38px;}
.ErrorWrap .ErrorButton button {background: #eb002b; width: 148px;}
.ErrorWrap .btn {
	border:1px solid #eb002b; 
	border-radius: 3px; 
	color: #fff; 
	font-size: 14px; 
	font-weight: 500; 
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 10px 25px;
    line-height: 1.5;
	cursor: pointer;
}
.ErrorWrap .btn-red {color: #fff; background-color: #eb002b; font-size: 15px;}
.ErrorWrap .error-type {height: 600px;}

/* 2022-05-18 */

.graphArea {padding:35px 15px;}
.graphArea h4 {    font-size: 18px;
    font-weight: 500;
    color: #222;
    padding-left: 16px;
    position: relative;}
.graphArea h4::after {    content: "";
    background: url(../images/common/icon_tit_bullet.png) left 0 no-repeat;
    width: 9px;
    height: 9px;
    padding-left: 20px;
    position: absolute;
    left: 0px;
    top: 10px;}
.graphArea .graphTitle {    width: 100%;
    height: 50px;
    border: 1px solid #dfe2e5;
    font-size: 16px;
    color: #222;
    padding: 13px 20px 12px 45px;
    background-color: #fafafa;
    margin-top: 20px;
    position: relative;}
.graphArea .graphTitle::after {    content: "";
    background: url(../images/common/icon_graph_bullet.png) left 0 no-repeat;
    width: 16px;
    height: 16px;
    padding-left: 20px;
    position: absolute;
    left: 20px;
    top: 16px;}
.graphArea .graphimg {width:100%; min-height:250px; border: 1px solid #dfe2e5; border-top:0; padding-left:10px; padding-top: 20px;}
.graphArea .graphimg img {width:90%;}