/*로딩화면*/
input::-webkit-inner-spin-button {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
  }
#spinner-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
  }
.spinner {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 4px solid rgba(0, 0, 0, 0.2);
    border-top-color: #333;
    border-radius: 50%;
    animation: spin 1s ease-in-out infinite;
  }
  
  @keyframes spin {
    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
    
/* ===== COMMON ===== */

.center {margin: 0 auto;}
a {color:#555; text-decoration:none; cursor: pointer;}
a, a:active {color:#555;}

.t_hidden {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}

.ls_0 {letter-spacing:0 !important;}

.text-center {text-align:center !important;}
.text-left {text-align:left !important;}
.text-right {text-align:right !important;}
.text_line{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;}

.txt_blue {color:#0077e6 !important;} /* Symbol Blue */
.txt_blue2 {color:#4664e6 !important;} /* Symbol Blue */

.txt_black1 {color:#111 !important;} /* Black 111 */
.txt_black2 {color:#222 !important;} /* Black 222 */
.txt_black3 {color:#333 !important;} /* Black 333 */

.txt_gray6 {color:#666 !important;} /* Gray */
.txt_gray8 {color:#888 !important;} /* Gray */
.txt_grayc {color:#ccc !important;} /* Gray */
.txt_grayb {color:#bbb !important;} /* Gray */
.txt_lgray {color:#999 !important;} /* Light Gray */

.txt_redc {color:#cc0000 !important;} /* RED cc */
.txt_redf {color:#ff0000 !important;} /* RED ff */

.txt_yellowf {color:#ffff00 !important;} /* YELLOW ffff00 */
.txt_yellow2 {color:#fff200 !important;} /* YELLOW fff200 */

.a_black3 {color:#333 !important;} /* Black 333 */
.a_black3:hover {color:#111 !important;}
.txt_hidden {display: none;}
.txt_normal {font-weight: 400;}
.a_blue > a {color:blue; text-decoration: underline;}

.block {display: block !important;}
.in_block {display: inline-block !important;}
.link_btn {font-size: 11px; font-weight: 400;}
.middle {margin: 0 auto!important}

/* 버튼 종류 */
.back_black {
    padding: 0 15px;
    color: #fff !important; font-size: 15px; line-height: 27px; text-align: center;
    border:1px solid #000; background: #000;
}
.line_black {
    padding: 0 15px;
    color: #000 !important; font-size: 15px; line-height: 27px; text-align: center;
    border:1px solid #000; background: #fff;
}
.back_blue {
    padding: 0 15px;
    color: #fff !important; font-size: 15px; line-height: 27px; text-align: center; 
    border:1px solid #0077e6; background: #0077e6;
}
.line_blue {
    padding: 0 15px;
    color: #0077e6 !important; font-size: 15px; line-height: 27px; text-align: center;
    border:1px solid #0077e6; background: #fff;
}
.line_gray {
    padding: 0 15px;
    color: #666 !important; font-size: 15px; line-height: 27px; text-align: center;
    border:1px solid #666; background: #fff;
}
.back_gray {
    padding: 0 15px;
    color: #fff !important; font-size: 15px; line-height: 27px; text-align: center;
    border:1px solid #666; background: #666;
}
.line_red {
    padding: 0 15px;
    color: #ff0000 !important;; font-size: 15px; line-height: 27px; text-align: center;
    border:1px solid #ff0000; background: #fff
}
.back_red {
    padding: 0 15px;
    color: #fff!important;; font-size: 15px; line-height: 27px; text-align: center;
    border:1px solid #ff0000; background: #ff0000
}

/* 링크 종류 */
a.back_black {
    display: block;
    color: #fff; font-size: 15px; line-height: 26px; font-weight: 400;
    border:1px solid #000; background: #000;
}
a.line_black {
    display: block;    
    color: #000; font-size: 15px; line-height: 26px; font-weight: 400;
    border:1px solid #000; background: #fff;
}
a.back_blue {
    display: block;
    color: #fff; font-size: 15px; line-height: 26px; font-weight: 400;
    border:1px solid #0077e6; background: #0077e6;
}
a.line_blue {
    display: block;
    color: #0077e6; font-size: 15px; line-height: 26px; font-weight: 400;
    border:1px solid #0077e6; background: #fff;
}
a.line_gray {
    display: block;
    color: #888; font-size: 15px; line-height: 26px; font-weight: 400;
    border:1px solid #888; background: #fff;
}
a.back_gray {
    display: block;
    color: #fff; font-size: 15px; line-height: 26px; font-weight: 400;
    border:1px solid #888; background: #888
}
a.line_red {
    display: block;
    color: #ff0000; font-size: 15px; line-height: 26px; font-weight: 400;
    border:1px solid #ff0000; background: #fff
}
a.back_red {
    display: block;
    color: #fff; font-size: 15px; line-height: 26px; font-weight: 400;
    border:1px solid #ff0000; background: #ff0000
}


/*line_box*/
.line_box > li {border-bottom: 1px dotted #aaa;}
.line_box > li:last-child {border-bottom: none;}

/*flexbox*/
.flex_box {display: flex; justify-items: flex-start; align-items: center; flex-wrap: wrap; align-content: center; column-gap: 15px; }
.flex_box02 {display: flex; justify-content: space-between; align-items: flex-start; column-gap: 15px; }
.flex_box03 {display: flex; justify-content: center; align-items: center;}
.flex_box04 {display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; align-content: center;}
.flex_box05 {display: flex; justify-content: space-between; align-items: center; column-gap: 15px; }
/*radio*/
.radio_box {line-height: 30px; font-size: 13px;}
.radio_box li {margin-right: 15px; position: relative;}
.radio_box2 {line-height: 30px; font-size: 13px; justify-content: space-around;}

input[type="radio"] {
    display: none;
    cursor: pointer;
}
input[type="radio"] + label { padding: 0 20px 0 25px;}
input[type="radio"] + label:before {
    position: absolute; top: 57%; left: 0;
    font-family: 'remixicon' ; content:"\eb7d"; vertical-align: sub; font-size: 20px;
    transform:  translateY(-50%); -webkit-transform:  translateY(-50%); -moz-transform:  translateY(-50%); -ms-transform:  translateY(-50%); -o-transform:  translateY(-50%);
}
input[type="radio"]:checked + label:before {
    margin-right: 5px;
    font-family: 'remixicon' ; content:"\eb80"; vertical-align: sub;
    font-size: 20px; color: #4664e6;
}

input[type="radio"] + span:before {
    margin-right: 5px;
    font-family: 'remixicon' ; content:"\eb7d"; vertical-align: sub;
    font-size: 20px;
}
input[type="radio"]:checked + span:before {
    margin-right: 5px;
    font-family: 'remixicon' ; content:"\eb80"; vertical-align: sub;
    font-size: 20px; color: #4664e6;
}
input[type="radio"]:checked + span {color: #4664e6;}

label{cursor: pointer; position: relative; }
label > span {display: inline-block; position: relative;}

/*checkbox*/
input[type="checkbox"] {
    display: none;
    cursor: pointer;
    margin: 0 auto;
}
input[type="checkbox"] + span:before {
    position: absolute; top: 50%; left: -20px; transform: translateY(-50%);
    margin-right: 5px;
    font:var(--fa-font-regular); content: "\f0c8";
    font-size: 17px;
}
input[type="checkbox"] + span.checkno:before {
    position: absolute; top: 50%; left: -20px; transform: translateY(-50%);
    margin-right: 5px;
    font:var(--fa-font-solid); content: "\f146";
    font-size: 17px;
}
input[type="checkbox"]:checked + span:before {
    font:var(--fa-font-solid); content: "\f14a";
    font-size: 17px; color: #4664e6;
}
input[type="checkbox"]:checked + span {color: #4664e6;}

/*input*/
/* input[type="text"]:read-only {background-color: #eee; cursor: not-allowed;} */
input[type="file"] {background-color: transparent !important; border: none !important; cursor: auto;}

/*table 종류*/
/*1.기본테이블*/  
table { width:100% }
.table01 {width: 100%; margin: 15px 0 30px;}
.table01 tr th, .table01 tr td {padding: 5px 10px; border: 1px solid #ddd; font-size: 16px; vertical-align: middle;}
.table01 tr th {
    background: #f9f9f9;
    color: #333; font-weight: 500; vertical-align: middle; line-height: 32px;
}
.table01 tr td .table_input, .table_input {border: 1px solid #ddd; padding: 3px 5px; line-height: 32px;}
.table01 tr td.nodata {padding: 50px 0; text-align: center!important; color: #999; font-size: 14px; line-height: 25px; background: #fff;}
/*4.뷰테이블*/
.table04 {border-top: 2px solid #000; text-align: center;}
.table04 tr th, .table04 tr td {padding: 6px 10px; border: 1px solid #ddd; font-size: 13px; vertical-align: middle; line-height: 23px;}
.table04 tr th {
    background: #f4f5f7;
    color: #333; font-weight: 500; vertical-align: middle; line-height: 23px;
}

.table01 tr td .flex_box > span {margin:  0 7px;}
.table01 tr td > p {line-height: 21px; color: #555}
/*2.점수테이블*/  
.table02, .table02 tr td, .table02 tr th,
.table03, .table03 tr td, .table03 tr th {
    border: none;
    text-align: center;
    background: initial;
}
.table02 thead tr th{font-size: 14px; line-height: 25px;}
.table02 tbody tr:last-child th {font-size: 18px;}
/*3.리스트 테이블*/ 
.table03, .table03 tr td, .table03 tr th {text-align: left; line-height: 25px;}
.data_list a {display: block;}

/*3.무조건 왼쪽정렬*/ 

/*글쓰기*/
textarea {
    width: 100%; padding: 10px;
    border: 1px solid #ddd; font-size: 14px; line-height: 25px;
}

/*배경색*/
.back_main {background: #e9eaeb !important;;}
.back_white {background: #fff !important;;}
.back_lgray { background: #f9f9f9 !important;;}
.back_dgray { background: #ddd !important;;}

.fw100 {font-weight: 100 !important;}
.fw200 {font-weight: 200 !important;}
.fw300 {font-weight: 300 !important;}
.fw400 {font-weight: 400 !important;}
.fw500 {font-weight: 500 !important;}
.fw600 {font-weight: 600 !important;}
.fw700 {font-weight: 700 !important;}
.fw800 {font-weight: 800 !important;}
.fw900 {font-weight: 900 !important;}

.bg_white {background-color: #FFFFFF !important;}
.bg_lgray2 {background-color: #F5F5F5;}
.bg_lgray {background-color: #FAFAFA;}
.bg_gray {background-color: #F9F9F9;}
.bg_dgray {background-color: #ABABAB;}
.bg_blue {background-color: #384494;}
.bg_lblue {background-color: #F4F9FB;}


/*dislplay*/
.block {display: block !important;}
.inblock {display: inline-block !important;}

/*border*/
.border {border:1px solid #ddd}
.borderno {border: none !important;}
.bdt0 {border-top: none !important;}
.bdl0 {border-left: none !important;}
.bdr0 {border-right: none !important;}
.bdb0 {border-bottom: none !important;}
.bdb1 {border-bottom:1px solid #ddd}

input::placeholder {font-size: 14px; color: #aaa}

.vital {position: relative;}
.vital::after {
    content: "";
    display: inline-block;
    width: 4px; height: 4px;  border-radius: 50%;
    background-color: #0077e6;
    position: absolute; top: 3px; right: -7px; 
}

/* title */
h4.title {font-size: 17px; padding-left: 10px; margin-bottom: 20px ; position: relative;}
h4.title::before {
    content: "";
    width: 4px; height: 20px; background-color: #007ff5; 
    position: absolute; left: 0; top: 0;
}
h5.title {font-size: 17px; padding-left: 10px; margin-bottom: 20px ; position: relative;}
h5.title::before {
    content: "";
    width: 4px; height: 20px; background-color: #999; 
    position: absolute; left: 0; top: 0;
}

.textarea_part {white-space: pre;}

/* SCROLL BAR */

/* bg */
::-webkit-scrollbar-track {background:#f0f0f0;}
/* bar */
::-webkit-scrollbar-thumb {background:#ddd;}


/* ===== HEADER ===== */

header {
    position: fixed; top:0; left: 0; z-index:999; 
    width:100%; min-width:1000px; height:50px; 
    background:#fff; 
    box-sizing: border-box;
}
header .header_wrap {
    display:flex; justify-content: space-between; align-items: center;
    padding-left: 10px;
    height:47px;
    border-bottom: 1px solid #4C67D2;
}

/*header left_wrap*/
header .header_wrap .left_wrap {display:flex; justify-content: space-between; align-items: center;}
header .header_wrap .left_wrap .Khakjum,
header .header_wrap .left_wrap .console {font-weight: 700; font-size: 17px; line-height: 25px;}
header .header_wrap .left_wrap .time_box {font-size: 12px; font-weight: 400;}

/*header right_wrap*/
header .header_wrap .right_wrap {
    position: relative;
    display:flex; justify-content: space-between; align-items: center;
}
header .header_wrap .right_wrap .user_name {
    padding: 0 30px;
    font-size: 15px; line-height: 47px;
    cursor: pointer;
}
header .header_wrap .right_wrap .user_name i {transition: all 0.3s ease-out;}
header .header_wrap .right_wrap .user_name.active i{transform: rotate(180deg);}
header .header_wrap .right_wrap .name_menu {
    display: none;
    width: 86%;
    position:absolute; top:47px; left: 27px;
    border: 1px solid #ccc;
    background-color: #fff;
}
header .header_wrap .right_wrap .name_menu.active {display: block;}
header .header_wrap .right_wrap .name_menu > li {  
    line-height: 50px;
    font-size: 15px ; color: #666;
}
header .header_wrap .right_wrap .name_menu > li > a {display: block;}
header .header_wrap .right_wrap .name_menu > li:hover {background: #eee;}

header .header_wrap .right_wrap button {
    height: 47px;
    padding: 0 15px;
    border: none; border-left: 1px solid #CCC; border-right: 1px solid #CCC;
    background-color: transparent;
}
header nav{
    background-color: #4C67D2;
    position: fixed;
    width: 200px; height: 100%;
}
header nav .gnb li > a {
    display: block;
    padding: 0 10px;
    font-size: 15px; color: #fff; line-height: 40px; text-align: center;
    border-right: 1px solid #4C67D2;
}
header nav .gnb li.active {
    border-bottom: none;
    background-color: #fff;
}
header nav .gnb li:hover {background: #EFF3FF;}
header nav .gnb li:hover > a,
header nav .gnb li.active > a {color: #16202d;}

/* aside_nav */
aside {
    position: fixed; top: 0; bottom: 0; z-index: 980;
    display: flex;
    width:200px;
    margin-top: 85px;
}
aside .lnb_wrap {
    background-color: #4C67D2; 
    border-right: 1px solid #ddd;
    overflow-y: auto;
    overflow-x: hidden;
}

aside .lnb_wrap .gnb_name {
    width: 200px;
    background-color: #CCD7FF;
    font-size:16px; font-weight: 500; line-height:50px; text-align: center; 
    border-bottom: 1px solid #ddd;
}
aside .lnb_wrap .lnb {
    font-size: 14px; color:#fff; line-height: 50px;
    cursor: pointer;
}
aside .lnb_wrap .lnb li {
    padding: 0 10px;
}
aside .lnb_wrap .lnb li > a {
    color:#fff;
}
aside .lnb_wrap .lnb li:hover {
    background-color: #EFF3FF;
}
aside .lnb_wrap .lnb li.active {
    background-color: #fff;
}
aside .lnb_wrap .lnb li.active > a,
aside .lnb_wrap .lnb li:hover > a {
    color:#333;
}
aside .lnb_wrap .lnb_menu:hover {color: #007ff5}
aside .lnb_wrap .lnb_menu > p { padding-left:10px; font-weight: 500; background-color: #007ff5; color:#fff }
/*
aside .lnb_wrap .lnb_menu > p::after {
    margin-right: 10px; float: right;
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078";
    transition: all 0.3s ease-out;
}
/*
aside .lnb_wrap .lnb_menu > p.active {
    color: #fff;
    background-color: #007ff5;
}
*/
aside .lnb_wrap .lnb_menu > p::after { transform: rotate(90deg) translate(0, 12%);}
aside .lnb_wrap .lnb_menu .lnb2 {
    /*display: none;*/
    padding:10px;
    line-height: 30px;
}
aside .lnb_wrap .lnb_menu .lnb2 li { display: flex; align-items: center; justify-content: space-between;}
aside .lnb_wrap .lnb_menu .lnb2 li > a { display: block; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
aside .lnb_wrap .lnb_menu .lnb2 li > a:first-child {width: 90%}

aside .lnb_wrap .lnb_menu .lnb2 li.active a {color: #007ff5}
/*
aside .lnb_wrap .lnb_menu .lnb2.active {display: block;}

aside .lnb_close { 
    background-color: #fff; width: 20px; height: 40px;
    margin-top: 100px;
    border:1px solid #ddd; border-left: none;
    cursor: pointer;
}
*/
aside .lnb_close > i {
    line-height: 40px; vertical-align: middle; margin-left: 5px;
    transition: all 0.4s ease-out;
}
aside .lnb_close.active > i {transform: rotateY(180deg);}


/* contents */
.contents_wrap {
    min-height: 100vh;
    color: #333;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
}
.contents_wrap2 {
    padding: 50px 0 0 200px; 
    color: #333;
}
.contents {padding: 20px 30px;}
.contents .main_title {
    width: 100%;
    padding-bottom : 10px;
    vertical-align: bottom;   
    border-bottom: 1px solid #ccc;
}
.contents .main_title .title {font-size: 20px; font-weight: 600;}
.contents .main_title .route {
    font-size:12px; font-weight: 300; line-height: 24px; color: #333
}
.contents .console_summary {
    display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: center;
    padding: 10px 0;
}
.contents .part {
    width : 32%; 
    margin: 0 15px 15px 0;
    background-color: #fff; 
    border: 1px solid #ccc; 
}
.contents .part .part_title {
    padding: 15px;
    border-bottom: 1px solid #ddd;
}
.contents .part .part_title .title {font-size: 15px; color:#333; font-weight: 500;}
.contents .part .part_title .time_line {
    margin-left: 5px;
    font-size: 13px; color: #888; font-weight: 400;
}
.contents .part .part_title .time_line::before {
    content: "";
    display: inline-block;
    width: 1px; height: 11px;
    margin-right: 10px;
    background: #aaa;

}
.contents .part .part_title button {
    border:none; 
    background-color: transparent;
    color:#999; float: right;
}
.contents .part .part_content {padding: 15px}
.contents .part .part_content .main_list li,
.contents .part .part_content .main_list li a
{
    display: flex; justify-content: space-between; align-items: center;
    font-size:14px; line-height: 40px; font-weight: 500;
    border-bottom: 1px dotted #ddd;
}
.contents .part .part_content .main_list li a {width: 100%; border: none;}
.contents .part .part_content .main_list li .value1 {color: #4664e6}
.contents .part .part_content .main_list li .subject {
    display: block;
    width: 70%;  
    font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.contents .part .part_content .main_list li .date {font-weight: 400; color: #888}
.contents .part .part_content .main_list li .icon_new {
    padding: 3px 4px;
    font-size: 8px; line-height: 8px; color: #fff;
    border-radius: 3px;
    background-color: #005ff0;
}
.contents .part .part_content .main_list li .value2 {
    width: 30%;
    display: flex; justify-content: space-between;
}
.contents .part .part_content .main_list li .value2 > span {
    width: 30%;
    text-align: right; font-weight: 400;
}


/*       list      */
form {width: 100%}
.search_result_wrap {
    display: flex; align-items:center; justify-content: space-between;
    width: 100%;
}
.search_result_wrap .data_wrap {
    display: flex; align-items:center; justify-content: flex-start;
    font-size: 14px;
}
.search_result_wrap .data_wrap li {
    padding: 0 15px; 
    border-right: 1px solid #ccc;
}
.search_result_wrap .data_wrap li:last-child {border-right: none}
.search_result_wrap .icons_wrap { display: flex; align-items:center; justify-content: flex-start;}
.search_result_wrap .icons_wrap button {margin-right: 10px; padding: 0 5px;}
.search_result_wrap .icons_wrap .excel_enter {
    font-size: 13px; color: #fff; line-height: 28px;
    background: #000; border: 1px solid #000;
}
.search_result_wrap .icons_wrap .excel_down,
a.back_green {
    font-size: 13px; color: #fff; line-height: 28px;
    background: darkgreen; border: 1px solid darkgreen;
}
.search_result_wrap .icons_wrap .list_count {
    width: 150px; 
}

.list_wrap {
    margin: 10px 0;
    width: 100%;
    border: 1px solid #ccc; background: #fff;
}
.list_wrap .search_wrap { background: #f9f9f9;}
.list_wrap .search_wrap .option_info {
    display: inline-block;
    width: 100px;
    font-size: 16px; color: #333; line-height: 40px;
}
.list_wrap .search_wrap .option_list{
    display: flex; justify-content: flex-start; align-items: flex-start;
    margin-bottom: 10px;
}
.list_wrap .search_wrap .option_list .option_wrap{
    padding-left :15px;
    width:calc(100% - 200px);
    display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; column-gap: 10px;
}

.list_wrap .search_wrap .toggls_wrap {width:100px}
.list_wrap .search_wrap .option_toggle,
.list_wrap .search_wrap .option_up {
    float: right;
    margin-right: 10px;
    font-size: 14px; line-height: 25px;
    cursor: pointer;
}
.list_wrap .search_wrap .option_list .option_wrap .date_picker2 {
    padding: 0 7px;
    width: 150px; height: 32px;
    font-size: 14px;
    border: 1px solid #ddd;
}
.list_wrap .search_wrap .option_list .option_wrap .sai {
    margin: 0 4px;
    line-height: 29px;
}
.list_wrap .search_wrap #option_list2 {display: none;}
.list_wrap .search_wrap #option_list2 .selectric-option  {margin-bottom: 5px;}
.list_wrap .search_wrap .option_wrap .search_input {
    width: 377px; 
    padding: 3px 5px; margin-right: 15px;
    border:1px solid #ddd;
    font-size: 16px; line-height: 34px;
}
.list_wrap .search_wrap .option_wrap .search {line-height: 40px; font-size: 16px;}
.list_wrap .search_wrap .option_wrap .refresh {
    margin-left: 10px; padding: 0 10px;
    line-height: 40px; border: 1px solid #ccc; color: #666; font-size: 16px; background-color: #fff;
}
.list_wrap .send_wrap {
    display: flex; align-items: center; justify-content: space-between;
    border-top: 1px solid #ddd;  background: #f9f9f9;
}
.list_wrap .send_wrap2 {
    display: flex; align-items: center; justify-content: flex-end;
    border-top: 1px solid #ddd;  background: #f9f9f9;
}
.list_wrap .send_wrap > div {
    display: flex; align-items: center; justify-content: flex-start;
    line-height: 30px;
}
.list_wrap .send_wrap a {
    margin-right: 3px; padding: 0 10px;
    font-size: 16px; line-height: 34px;
}
.list_wrap .send_wrap .all_send{border: 1px solid #333; background: #f9f9f9;}
.list_wrap .send_wrap .choice_send{border: 1px solid #777;background: #f9f9f9; color: #777}

.result_list_wrap {
    padding: 10px;
    width: 100%;
    border-top: 1px solid #ddd;
}
.result_list_wrap .scroll_area {
    width: 100%; overflow-x: auto; padding-bottom: 20px;
}
.result_list_wrap .result_list {
    width: max-content;
    border-top: 1px solid #ddd; border-left: 1px solid #ddd;
    text-align: center;
}
.result_list_wrap .result_list thead th {line-height: 25px;}
.result_list_wrap .result_list th,
.result_list_wrap .result_list td {
    padding: 7px 10px;
    border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;
    font-size: 14px; color: #555; vertical-align: middle; line-height: 23px;
    max-width: 200px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.result_list_wrap .result_list td.data02 {padding: 3px 7px}
.result_list_wrap .result_list th,
.result_list_wrap .result_list td:first-child {background-color: #f4f5f7;}
.result_list_wrap .result_list select {
    width: 100px;
    border:none;
}
.result_list_wrap .result_list td > a {color: #007ff5;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/* list에서 width 길이 수정 */
.result_list_wrap .result_list .w300 {max-width:300px}
.result_list_wrap .result_list .w350 {max-width:350px}
.result_list_wrap .result_list .w400 {max-width:400px}
.result_list_wrap .result_list .w450 {max-width:450px}
.result_list_wrap .result_list .w500 {max-width:500px}
.result_list_wrap .result_list .nodata {padding: 50px 0; text-align: center; color: #999; font-size: 14px; line-height: 25px; background: #fff !important;}

/*paging_wrap*/
.paging_wrap {
    width: 100%; 
    border-top: 1px solid #ccc;
    text-align: center;
}
.paging_wrap button {
    border: 1px solid #ddd; background-color: #fff;
    color: #999; line-height: 23px; font-size: 14px;
}
.paging_wrap span {padding: 0 20px; font-size: 15px;}


/*       write      */
.enroll_wrap {
    margin-top: 15px;
    border:1px solid #ccc; background: #fff;
}
.enroll_wrap02 {min-width: 1100px;}

.enroll_wrap .button_wrap {
    padding: 8px 5px;
    border-bottom: 1px solid #ddd; background: #f9f9f9;
    text-align: right;
}
.enroll_wrap .button_wrap a,
.enroll_wrap .button_wrap button {
    display: inline-block;
    margin-right: 3px; padding: 4px 7px;
    font-size: 14px; line-height: 20px;
}
.enroll_wrap .enroll_box {padding: 15px;}
.enroll_wrap .enroll_box h4 {
    position: relative;
    margin-left: 10px; padding-bottom: 20px;
    position: relative; 
    font-weight: 500;
}
.enroll_wrap .enroll_box h4::before {
    content: "";
    display: inline-block;
    width: 4px; height: 17px;
    position: absolute; left: -10px; top: 1px;
    background: #0077e6;
}
.enroll_wrap .enroll_box h5 {font-size: 17px; color:#333; font-weight: 500;}
.enroll_wrap .enroll_box h5::before {
    margin-right: 7px; 
    font-family: 'remixicon' ; content: "\eb91";;
    font-size: 20px; color: navy;
}

.correct {
    position: relative;
    color: red; font-weight: 500;
}
.correct::before {
    font:var(--fa-font-solid); content: "\f005";
    font-size: 15px;
    position: absolute; top: 50%; left: -20px; transform: translateY(-50%);
}

/*        popup     */
.popup_wrap {padding:20px; width: 100%; min-width: 600px; color: #555; min-height:100vh; position: relative;}
.popup_title {
    font-size: 20px; line-height: 55px; text-align: center;
    border: 4px solid #ededed
}
.popup_part .popup_part_title {
    position: relative;
    margin: 20px 10px 15px;
    color: #333; font-weight: 500; font-size: 15px;
}
.popup_part .popup_part_title::before {
    content: ""; 
    display: inline-block;
    width: 4px; height: 18px;
    background: #ddd;
    position: absolute; left: -10px;
}
.popup_btn_wrap01 {
    padding: 20px 0; margin-top: 20px;
    border-top: 1px solid #ddd;
}
.popup_btn_wrap01 > button {
    margin: 0 5px;
    line-height: 40px;
}
.popup_btn_wrap02 > button {font-size: 13px; line-height: 25px;}
.member_info {
    width: 25%; 
    background-color: #fff; border: 1px solid #ddd;
}
.member_info h4 {line-height: 40px; text-align: center; border-bottom: 1px solid #ddd;}
#refund_wrap {position: absolute; top: 20px; left: 20px; background-color: #fff; display: none;}
.info_table .table01 th,
.info_table .table01 td {line-height: 25px; font-size: 15px;}  

.popup_tab_wrap {width: calc(75% - 20px); border: 1px solid #ddd;}
.menu_tab > li a {
    display: block;
    line-height: 40px; font-size: 14px; text-align: center; 
    border-right: 1px solid #ddd; background: #f4f5f7; border-bottom: 1px solid #ddd;
    font-weight: 500;
}
.menu_tab > li:last-child a {border-right: none;}
.menu_tab > li.active a { border-top: 3px solid #005ff0; border-bottom: none; background: #fff; color: #333}

.menu_tab02 {border: 1px solid #ddd}
.menu_tab02 > li a {
    display: block;
    line-height: 40px; font-size: 14px; text-align: center; 
    border-right: 1px solid #ddd; background: #fff;
    font-weight: 500;
}
.menu_tab02 > li:last-child a {border-right: none;}
.menu_tab02 > li.active a { background: #005ff0; color: #fff; font-weight: 500;}

.menu_mini_tab {border: 1px solid #ddd}
.menu_mini_tab li > a {display:block; line-height: 43px; text-align: center; border-right:1px solid #ddd}
.menu_mini_tab li:last-child > a {border: none;}
.menu_mini_tab li.active > a {background: #005ff0; color: #fff;}

.menu_mini_tab02 {border: 1px solid #ddd}
.menu_mini_tab02 li > a {display:block; line-height: 43px; text-align: center; border-right:1px solid #ddd}
.menu_mini_tab02 li:last-child > a {border: none;}
.menu_mini_tab02 li.active > a {background: #005ff0; color: #fff;}

.tab_info_wrap .tab_info_part > h5 {line-height: 40px; border: 1px solid #ddd; position: relative; font-weight: 500; font-size: 16px;}
.tab_info_wrap .tab_info_part > h5::before{
    content: "";
    position: absolute; top: 50%; left: 10px; transform: translateY(-50%);
    width: 3px; height: 20px;
    margin-right: 10px;
    background: #005ff0;
}

.tab_info_wrap .tab_info_part > h6 {line-height: 40px; position: relative; font-weight: 500; font-size: 14px; color: #666}
.tab_info_wrap .tab_info_part > h6::before{
    content: "";
    position: absolute; top: 50%; left: 10px;
    width: 3px; height: 14px;
    margin-right: 10px;
    background: #ccc;
    transform: translateY(-50%);  -webkit-transform: translateY(-50%);  -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);
}

.tab_info_wrap .tab_info_part .info {border: 1px solid #eee; padding: 7px 10px; font-size: 13px; line-height: 23px;}
.tab_info_wrap .tab_info_part tr td {line-height: 32px; text-align: left;}
.tab_info_wrap .tab_info_part tr td > a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tab_info_wrap .tab_info_part tr td.nothing {line-height: 100px; text-align: center;}
.tab_button_wrap {display: flex; align-items: center; justify-content: flex-end;}

.user_photo { 
    position: relative; transform: translateY(-16px);
    width: 140px; height: 171px;
    background: #d5d8dd url(/images/sub/sub06/photo_no_image_01_01.png) no-repeat center top; background-size: contain; box-sizing: border-box;
    margin: 0 auto; vertical-align: top;
}
.user_photo .photo_upload { position: absolute; top: -8px; right: -8px;}
.user_photo .photo_upload label {
    position: absolute; top: 0; right: 0; 
    width: 35px; height: 35px;
    border-radius: 35px; border: 1px solid #bbb; background: #fff url(/images/sub/sub06/photo_iCon01_01.png) no-repeat center; box-shadow: 0 6px 10px 0 rgb(0 0 0 / 15%);
    cursor: pointer;
}
.user_photo .photo_upload label > span {
    position: absolute;
    width: 1px; height: 1px;
    padding: 0; margin: -1px; overflow: hidden;
    clip: rect(0, 0, 0, 0); border: 0;
}
.user_photo .photo_upload input[type="file"] { width: 0; height: 0; opacity: 0; border-radius: 35px;}
.user_photo .photo_img { display: block; width: 140px; height: 171px;}
.user_photo .photo_size {
    display: block;
    height: 34px;
    line-height: 32px; font-size: 12px; color: #aaa;
    background: #fff; border: 1px solid #ddd;
}

/*테스트 용*/
.h500 > img {height: 100%;}
.checkbox_wrap {width: 100%; height: 100px; border-top: 1px solid #ddd; padding: 15px 5px 0}
.checkbox_wrap > p {text-align: right; line-height: 50px;}
.checkbox_wrap > label {float: right;}


.content_info {min-height: 300px; padding: 10px 0; white-space:pre; line-height: 22px;}




/* main sub 복사 끝    체크 필요 
@media screen and (max-width:1500px) {
    .contents {width: 1250px}
    .contents .part {width: 48%}
} */

#page_num {
	font-size: 14px; text-align: center;
	padding: 7px 0 22px;
}
#page_num .numbering {
	margin-left: 7px; display: inline-block;
    width: 26px; 
    color: #666; text-align: center; line-height: 24px;
    border: 1px solid #bbb
}
#page_num .numbering i {
    color: #666; text-align: center; line-height: 24px;
}
#page_num .numbering.active { background: #000; color: #fff; border: 1px solid #000 }

/* PADDING */

.pd0 {padding:0 !important;}
.pd05 {padding:5px !important;}
.pd07 {padding:7px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd25 {padding:25px !important;}
.pd30 {padding:30px !important;}
.pd35 {padding:35px !important;}
.pd40 {padding:40px !important;}
.pd50 {padding:50px !important;}

.pdt05 {padding-top:5px !important;}
.pdt10 {padding-top:10px !important;}
.pdt15 {padding-top:15px !important;}
.pdt20 {padding-top:20px !important;}
.pdt25 {padding-top:25px !important;}
.pdt30 {padding-top:30px !important;}
.pdt35 {padding-top:35px !important;}
.pdt40 {padding-top:40px !important;}
.pdt50 {padding-top:50px !important;}
.pdt60 {padding-top:60px !important;}
.pdt70 {padding-top:70px !important;}

.pdb05 {padding-bottom:5px !important;}
.pdb10 {padding-bottom:10px !important;}
.pdb15 {padding-bottom:15px !important;}
.pdb20 {padding-bottom:20px !important;}
.pdb25 {padding-bottom:25px !important;}
.pdb30 {padding-bottom:30px !important;}
.pdb35 {padding-bottom:35px !important;}
.pdb40 {padding-bottom:40px !important;}
.pdb50 {padding-bottom:50px !important;}
.pdb60 {padding-bottom:60px !important;}
.pdb70 {padding-bottom:70px !important;}
.pdb80 {padding-bottom:80px !important;}
.pdb100 {padding-bottom:100px !important;}

.pdl0 {padding-left:0px !important; }
.pdl05 {padding-left:5px !important;}
.pdl08 {padding-left:8px !important;}
.pdl10 {padding-left:10px !important;}
.pdl12 {padding-left:12px !important;}
.pdl13 {padding-left:13px !important;}
.pdl14 {padding-left:14px !important;}
.pdl15 {padding-left:15px !important;}
.pdl16 {padding-left:16px !important;}
.pdl18 {padding-left:18px !important;}
.pdl20 {padding-left:20px !important;}
.pdl21 {padding-left:21px !important;}
.pdl23 {padding-left:23px !important;}
.pdl25 {padding-left:25px !important;}
.pdl28 {padding-left:28px !important;}
.pdl30 {padding-left:30px !important;}
.pdl35 {padding-left:35px !important;}
.pdl40 {padding-left:40px !important;}
.pdl45 {padding-left:45px !important;}
.pdl50 {padding-left:50px !important;}
.pdl60 {padding-left:60px !important;}
.pdl70 {padding-left:70px !important;}
.pdl240 {padding-left:240px !important;}

.pdr0 {padding-right:0px !important; }
.pdr05 {padding-right:5px !important;}
.pdr08 {padding-right:8px !important;}
.pdr10 {padding-right:10px !important;}
.pdr12 {padding-right:12px !important;}
.pdr13 {padding-right:13px !important;}
.pdr14 {padding-right:14px !important;}
.pdr15 {padding-right:15px !important;}
.pdr16 {padding-right:16px !important;}
.pdr18 {padding-right:18px !important;}
.pdr20 {padding-right:20px !important;}
.pdr21 {padding-right:21px !important;}
.pdr23 {padding-right:23px !important;}
.pdr25 {padding-right:25px !important;}
.pdr28 {padding-right:28px !important;}
.pdr30 {padding-right:30px !important;}
.pdr35 {padding-right:35px !important;}
.pdr40 {padding-right:40px !important;}
.pdr45 {padding-right:45px !important;}
.pdr50 {padding-right:50px !important;}
.pdr60 {padding-right:60px !important;}
.pdr70 {padding-right:70px !important;}

.pdlr0 {padding-right:0px !important; padding-left:0px !important; }
.pdlr05 {padding-right:5px !important; padding-left:5px !important;}
.pdlr06 {padding-right:5px !important; padding-left:6px !important;}
.pdlr08 {padding-right:8px !important; padding-left:8px !important;}
.pdlr10 {padding-right:10px !important; padding-left:10px !important;}
.pdlr12 {padding-right:12px !important; padding-left:12px !important;}
.pdlr13 {padding-right:13px !important; padding-left:13px !important;}
.pdlr14 {padding-right:14px !important; padding-left:14px !important;}
.pdlr15 {padding-right:15px !important; padding-left:15px !important;}
.pdlr16 {padding-right:16px !important; padding-left:16px !important;}
.pdlr18 {padding-right:18px !important; padding-left:18px !important;}
.pdlr20 {padding-right:20px !important; padding-left:20px !important;}

/* MARGIN */

.mg0 {margin:0 !important;}
.mg05 {margin:5px !important;}

.mgt0 {margin-top:0px !important;}
.mgt02 {margin-top:2px !important;}
.mgt05 {margin-top:5px !important;}
.mgt08 {margin-top:8px !important;}
.mgt10 {margin-top:10px !important;}
.mgt12 {margin-top:12px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt25 {margin-top:25px !important;}
.mgt30 {margin-top:30px !important;}
.mgt35 {margin-top:35px !important;}
.mgt40 {margin-top:40px !important;}
.mgt45 {margin-top:45px !important;}
.mgt50 {margin-top:50px !important;}
.mgt60 {margin-top:60px !important;}
.mgt70 {margin-top:70px !important;}
.mgt80 {margin-top:80px !important;}
.mgt90 {margin-top:90px !important;}
.mgt95 {margin-top:95px !important;}
.mgt100 {margin-top:100px !important;}
.mgt150 {margin-top:150px !important;}

.mgb-04 {margin-bottom:-4px !important;}
.mgb0 {margin-bottom:0px !important;}
.mgb02 {margin-bottom:2px !important;}
.mgb03 {margin-bottom:3px !important;}
.mgb05 {margin-bottom:5px !important;}
.mgb06 {margin-bottom:6px !important;}
.mgb08 {margin-bottom:8px !important;}
.mgb09 {margin-bottom:9px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb11 {margin-bottom:11px !important;}
.mgb12 {margin-bottom:12px !important;}
.mgb13 {margin-bottom:13px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb18 {margin-bottom:18px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb25 {margin-bottom:25px !important;}
.mgb28 {margin-bottom:28px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb35 {margin-bottom:35px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb45 {margin-bottom:45px !important;}
.mgb50 {margin-bottom:50px !important;}
.mgb55 {margin-bottom:55px !important;}
.mgb60 {margin-bottom:60px !important;}
.mgb70 {margin-bottom:70px !important;}
.mgb80 {margin-bottom:80px !important;}
.mgb90 {margin-bottom:90px !important;}
.mgb100 {margin-bottom:100px !important;}

.mgr0 {margin-right:0px !important;}
.mgr02 {margin-right:2px !important;}
.mgr03 {margin-right:3px !important;}
.mgr04 {margin-right:4px !important;}
.mgr05 {margin-right:5px !important;}
.mgr08 {margin-right:8px !important;}
.mgr09 {margin-right:9px !important;}
.mgr10 {margin-right:10px !important;}
.mgr11 {margin-right:11px !important;}
.mgr12 {margin-right:12px !important;}
.mgr13 {margin-right:12px !important;}
.mgr14 {margin-right:14px !important;}
.mgr15 {margin-right:15px !important;}
.mgr16 {margin-right:16px !important;}
.mgr20 {margin-right:20px !important;}
.mgr25 {margin-right:25px !important;}
.mgr30 {margin-right:30px !important;}
.mgr40 {margin-right:40px !important;}
.mgr50 {margin-right:50px !important;}

.mgl02 {margin-left:2px !important;}
.mgl03 {margin-left:3px !important;}
.mgl04 {margin-left:4px !important;}
.mgl05 {margin-left:5px !important;}
.mgl06 {margin-left:6px !important;}
.mgl08 {margin-left:8px !important;}
.mgl10 {margin-left:10px !important;}
.mgl12 {margin-left:12px !important;}
.mgl14 {margin-left:14px !important;}
.mgl15 {margin-left:15px !important;}
.mgl16 {margin-left:16px !important;}
.mgl17 {margin-left:17px !important;}
.mgl20 {margin-left:20px !important;}
.mgl25 {margin-left:25px !important;}
.mgl30 {margin-left:30px !important;}
.mgl40 {margin-left:40px !important;}
.mgl50 {margin-left:50px !important;}
.mgl70 {margin-left:70px !important;}
.mgl100 {margin-left:100px !important;}
.mgl120 {margin-left:120px !important;}
.mgl150 {margin-left:150px !important;}
.mgl220 {margin-left:220px !important;}


/* WIDTH */

.w50 {width:50px !important;}
.w60 {width:60px !important;}
.w70 {width:70px !important;}
.w75 {width:75px !important;}
.w80 {width:80px !important;}
.w87 {width:87px !important;}
.w90 {width:90px !important;}
.w97 {width:97px !important;}
.w100 {width:100px !important;}
.w103 {width:103px !important;}
.w110 {width:110px !important;}
.w120 {width:120px !important;}
.w125 {width:125px !important;}
.w130 {width:130px !important;}
.w140 {width:140px !important;}
.w150 {width:150px !important;}
.w155 {width:155px !important;}
.w160 {width:160px !important;}
.w170 {width:170px !important;}
.w175 {width:175px !important;}
.w180 {width:180px !important;}
.w190 {width:190px !important;}
.w200 {width:200px !important;}
.w210 {width:210px !important;}
.w220 {width:220px !important;}
.w225 {width:225px !important;}
.w230 {width:230px !important;}
.w250 {width:250px !important;}
.w280 {width:280px !important;}
.w300 {width:300px !important;}
.w310 {width:310px !important;}
.w340 {width:340px !important;}
.w350 {width:350px !important;}
.w370 {width:370px !important;}
.w380 {width:380px !important;}
.w400 {width:400px !important;}
.w450 {width:450px !important;}
.w500 {width:500px !important;}
.w600 {width:600px !important;}
.w700 {width:700px !important;}
.w770 {width:770px !important;}
.w800 {width:800px !important;}
.w820 {width:820px !important;}
.w850 {width:850px !important;}
.w900 {width:900px !important;}
.w1000 {width:1000px !important;}

/* 길이*/
.w05p {width: 5% !important}
.w10p {width: 10% !important}
.w15p {width: 15% !important}
.w18p {width: 18% !important}
.w20p {width: 20% !important}
.w23p {width: 23% !important}
.w25p {width: 25% !important}
.w30p {width: 30% !important}
.w33p {width: 33% !important}
.w35p {width: 35% !important}
.w40p {width: 40% !important}
.w45p {width: 45% !important}
.w49p {width: 49% !important}
.w50p {width: 50% !important}
.w55p {width: 55% !important}
.w60p {width: 60% !important}
.w66p {width: 66% !important}
.w70p {width: 70% !important}
.w75p {width: 75% !important}
.w80p {width: 80% !important}
.w85p {width: 85% !important}
.w90p {width: 90% !important}
.w95p {width: 95% !important}
.w95p {width: 99% !important}
.w100p {width: 100% !important}
.wauto {width: auto !important}

.h30 {height:30px !important;}
.h32 {height:32px !important;}
.h40 {height:40px !important;}
.h42 {height:42px !important;}
.h50 {height:50px !important;}
.h100 {height:100px !important;}
.h150 {height:150px !important;}
.h160 {height:160px !important;}
.h170 {height:170px !important;}
.h175 {height:175px !important;}
.h180 {height:180px !important;}
.h186 {height:186px !important;}
.h200 {height:200px !important;}
.h250 {height:250px !important;}
.h300 {height:300px !important;}
.h400 {height:400px !important;}
.h500 {height:500px !important;}

/*font-size*/
.font11 {font-size: 11px !important;}
.font12 {font-size: 12px !important;}
.font13 {font-size: 13px !important;}
.font14 {font-size: 14px !important;}
.font15 {font-size: 15px !important;}
.font16 {font-size: 16px !important;}
.font17 {font-size: 17px !important;}
.font18 {font-size: 18px !important;}
.font19 {font-size: 19px !important;}
.font20 {font-size: 20px !important;}
.font21 {font-size: 21px !important;}
.font22 {font-size: 22px !important;}
.font23 {font-size: 23px !important;}
.font24 {font-size: 24px !important;}
.font25 {font-size: 25px !important;}
.font26 {font-size: 26px !important;}

/*line-height*/
.lh0 {line-height: inherit !important;}
.lh11 {line-height: 11px !important;}
.lh12 {line-height: 12px !important;}
.lh13 {line-height: 13px !important;}
.lh14 {line-height: 14px !important;}
.lh15 {line-height: 15px !important;}
.lh16 {line-height: 16px !important;}
.lh17 {line-height: 17px !important;}
.lh18 {line-height: 18px !important;}
.lh19 {line-height: 19px !important;}
.lh20 {line-height: 20px !important;}
.lh21 {line-height: 21px !important;}
.lh22 {line-height: 22px !important;}
.lh23 {line-height: 23px !important;}
.lh24 {line-height: 24px !important;}
.lh25 {line-height: 25px !important;}
.lh26 {line-height: 26px !important;}
.lh27 {line-height: 27px !important;}
.lh28 {line-height: 28px !important;}
.lh29 {line-height: 29px !important;}
.lh30 {line-height: 30px !important;}
.lh32 {line-height: 32px !important;}
.lh34 {line-height: 34px !important;}
.lh37 {line-height: 37px !important;}
.lh38 {line-height: 38px !important;}
.lh40 {line-height: 40px !important;}
.lh50 {line-height: 50px !important;}


/*zipcode*/
#zipcodeclose { position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%;}
#zipcodeclose .zipcode_btn01 {
    display: block;
    width: 100%; height: 55px;
    background: #333;
    color: #fff; line-height: 55px; text-align: center;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
#zipcodeclose .zipcode_btn01:hover {background: #111; color: #fff;}


/*datepicker*/
.date_picker1, .date_picker2, .date_picker3, .date_picker4, .date_picker5 {height: 32px; font-size: 14px; border: 1px solid #ddd; padding: 0 10px;}

/*sticky_table*/
table.sticky_table04 th:first-child{
    position: -webkit-sticky; 
    position: sticky; 
    left: 0;
 }
table.sticky_table04 td:nth-child(-n+4){
    position: -webkit-sticky; 
    position: sticky; 
    left: 0;
}

/*change 이벤트 용*/
.event_tr .view {display: none;}
.event_tr .view.active {display: table-cell;}

/**/
.hidden {display:none}

/*sub_list*/
.sub_list li {display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}
/*sub_list*/
.sub_list02 li {display: flex; align-items: center; justify-content: flex-start; margin-bottom: 10px;}
.sub_list02 li:last-child {margin-bottom: 0;}
.sub_list02 li > * {margin-right: 10px;}
.sub_list02 li > p {text-align: center;}
.sub_list02 .selectric-disabled {opacity: 1;}
.sub_list02 .nodata {display: block; line-height: 100px; text-align: center; font-size: 24px; color: #999}

@media (max-width: 1200px) {
    .contents {
      width: 1200px;
    }
}



/*LOGIN*/
.login_wrap {
  background-color: #fff;
  margin-top: 250px; padding-bottom: 100px;
}
.login_wrap .logo {
  display: flex; align-items: center; justify-content: flex-start;
  font-size: 30px; font-weight: 700; color: #21264F;
  padding-top: 30px;
}
.login_box { display: flex; align-items: center; justify-content: center; column-gap: 50px;}
.login_box #theForm {width: 50%;}
.login_box h3 {font-size: 25px; color: #000}
.login_box p {font-size: 16px; color: #999}
.login_box .box_inner {display: flex; align-items: stretch; justify-content: space-between; }
.login_box .box_inner .inner_input_wrap {width: 78%;}
.input_box2 input,
.input_box2 select {
    line-height: 35px; font-size: 16px; 
    padding: 0 5px;
    width: 100%; height: 35px;
    border: 1px solid #333;
}
.input_box2 input::placeholder {font-size: 13px; color: #999;}
.login_box .login_btn {
  padding: 0 15px;
  text-align: center; color: #fff; line-height: 80px;
  background-color: #384494;
}

.login_box .btn_wrap  {
  display: flex; align-items: center; justify-content: space-between; 
  margin-top: 10px;
}
.login_box .btn_wrap > a {
  border: 1px solid #999; 
  text-align: center; line-height: 30px; font-size: 16px;
  padding: 0 10px;
  width: 30%;
}