@charset "utf-8";

#wrap {position: relative; overflow: hidden;}

/* body {background-color: #e6e6e6;}    */

/* intro */
/* .intro {width: 100%; height: 100%; background: #3e5eb0; position: relative; text-align: center; padding: 20% 0;} */
.intro {width: 100%; height: 100%; background: #3e5eb0; position: fixed; text-align: center; padding: 20% 0;}  /*2018-03-23 BG 수정*/
.intro_tit {color: #fff;  font-weight: 400; font-size: 18px; line-height: 50px;}
.intro > h1 > img{width: 70%; }
input.txt {background: #3e5eb0; border: none; color: #fff; height: 40px; width: 75%; float: right; font-size: 15px; vertical-align: middle; margin-top: 7px; }
.list_box {width: 70%; height: 100%; margin: 0 auto; margin-top: 10%;  border-top:1px solid #788fc8;}  
.list_box li{height: 55px; border-bottom: 1px solid #788fc8;}
.list_box li span {align-self: center; width: 40px; height: 55px; display: inline-block; float: left; margin-left: 10px;}
.list_box li span.id_i {background: url(/Image/login_i_1.png) no-repeat 0px 15px; background-size: 20px;  }
.list_box li span.pw1_i {background: url(/Image/login_i_2.png) no-repeat -1px 15px; background-size: 22px; }
.list_box li span.nb_i {background: url(/Image/login_i_3.png) no-repeat 0px 15px; background-size: 20px;  }
.list_box li span.pw2_i {background: url(/Image/login_i_4.png) no-repeat 1px 17px; background-size: 20px; }
a.login_bt img{ width:70%; padding-top: 10%;}
copyright {color: #fff; font-size: 16px; line-height: 50px; font-weight: 200;}


/* page_common */
select::-ms-expand {display: none;}
.logout_btn {position: absolute; top: 7px; left: 20px;  }
.close_btn{position: absolute; top: 15px; right: 10px; }
.open_btn{position: absolute; top: 15px; right: -5px; }
.logout_btn img, .open_btn img {width: 55%;}

/* main_page */
.main_page {top:0; right:-100%; width:100%; height:100%;  background: #e6e6e6; z-index:30;}
/* .main_page {background-color: #e6e6e6; padding-bottom:75%; z-index:30; width:100%; }  */


/* gnb_page */
/* .gnb_page {position:absolute; top:0; right:-100%; width:100%; height:100%;  background: #e6e6e6; z-index:30;} */
.gnb_page {position:fixed; top:0; right:-100%; width:90%; height:100%;  background: #e6e6e6; z-index:30;overflow-y: auto;overflow-x: hidden;}   /*메뉴 bg 회색으로 변경하기 위한 position 수정*/
.gnb_header {width: 100%;  height: 50px; background: #3e5eb0; position: relative; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);}
.gnb_header h1.logo {text-align: center;vertical-align: middle; }
.gnb_header h1.logo a{line-height: 45px;}
.gnb_header h1.logo img {width: 40%; vertical-align: middle;}
.gnb_header p img {width: 55%; }

.gnb_box {width: 90%; margin: 0 auto; padding: 10px 0 10px 0; z-index: 20;}
.gnb_box gnb{width:100%;}
.gnb_box ul.gnb > li{border: 1px solid #ddd; box-sizing: border-box; border-radius: 5px 5px;  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4); 
margin: 15px 0 15px 0; position: relative; }

.gnb_box ul.gnb > li  a{border-radius:5px 5px 0 0; display:block; background:#fff url("/Image/plus_bt.png") no-repeat 92% center; background-size:25px; font-size: 16px; line-height: 50px; vertical-align: middle; color: #4a4a4a; letter-spacing: -0.5px; font-weight: 400; padding-left: 30px}
.gnb_box ul.gnb > li  a.bt {border-radius:5px 5px 0 0; display:block; background:#fff url("/Image/squa_bt.png") no-repeat 92% center; background-size:25px;}




.gnb_box ul.gnb > li > a.depth1_on{ position: relative; display:block; background:#fff url(/Image/tab_close_bt.png) no-repeat 92% center; background-size:25px; color: #3e5eb0;}

.gnb_box ul.gnb li .gnb_1 > li > a{ position:relative; display:inline-block; width:100%; z-index:999; background:url(/Image/dept_arr1.png) no-repeat 89.5% center; background-size: 7px; background-color: #f7f7f7; border-top: 1px solid #e6e6e6; border-radius:0; box-sizing: border-box;}

.gnb_box ul.gnb li .gnb_1 > li a.depth2_on{background:url(/Image/dept_arr2.png) no-repeat 90.5% center; background-size: 15px; background-color: #f7f7f7;  border-bottom: 1px solid #e6e6e6; }

/*
.gnb_box ul.gnb li .gnb_1 li ul.gnb_2 li {height: 38px; background-color: #f0f0f0; }
.gnb_box ul.gnb li .gnb_1 li ul.gnb_2 li a {line-height: 35px; background-color: #f0f0f0;  font-size: 16px; padding-left: 30px; background: none;}
.gnb_box ul.gnb li .gnb_1 li ul.gnb_2 li:nth-child(1) a{padding-top: 10px;}
*/

.gnb_box ul.gnb li .gnb_1 li ul.gnb_2 li {background-color: #f0f0f0; padding-bottom: 5px;} /*20171128수정*/
.gnb_box ul.gnb li .gnb_1 li ul.gnb_2 li a {line-height: 32px; background-color: #f0f0f0; font-size: 16px; padding-left: 30px; background: none;} /*20171128수정*/
.gnb_box ul.gnb li .gnb_1 li ul.gnb_2 li:nth-child(1) a{padding-top: 5px;} /*20171128수정*/
.gnb_pit {background-color:#f0f0f0; } /*20171128추가*/

[data-ssbplugin="sbwrapper"] {  padding: 1em; }
  
/* calender  */
/* header 수정  position: fixed; 수정 top:0; 추가 */
header {width: 100%;  height: 50px; background: #3e5eb0; position: fixed; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);top:0;z-index: 6;}
h1.logo_txt {text-align: center;  width: 100%; line-height: 50px; color: #fff; font-weight: 400; font-size: 22px;}

/*상단 고정 위한 css추가 calender 에서 .calender_form 으로 변경*/
.calender_form { width: 100%; margin-top: 50px; }

.date_box select { height: 35px; vertical-align: -webkit-baseline-middle; border: none; width: 88px;  -webkit-appearance: none;  -moz-appearance: none; appearance: none; background:url(/Image/date_arr_bt.png) no-repeat right center; z-index:1; color: #fff; font-size: 20px; background-size: 22px 14px;}
.date_form { width: 100%; height: 60px;  background: #3e5eb0;}
.date_form ul {width: 170px; margin: 0 auto; padding-top: 20px;}
.date_form ul li{float: left; margin-right:20px;}
.date_form ul li:nth-child(2) {margin-right: 0;}
.date_form ul li select.sel_opt2 {width: 58px;}
.date_form ul li select.sel_opt {width: 180px;}
.date_container {background: #fff;}
.date_container table.calender th{height: 30px; color: #fff; font-size: 16px; font-weight: 100; letter-spacing: 0.5px; vertical-align: top;}
.date_container table.calender tr.line1{background: #3e5eb0;}
.date_container table.calender tr {position: relative;}
.date_container table.calender tr td{border-bottom: 1px solid #e5e5e5; display: table-cell; vertical-align: middle; position: relative; cursor: pointer; text-align: center;}
.date_container table.calender tr td.check {border:1px solid #3e5eb0; background: #ededed; box-sizing:border-box;}
.date_container table.calender tr td.check p.date {color: #fff; background: #3e5eb0; border-radius: 50%; width: 20px; height: 20px; margin-left: -2px; margin-top: -2px; text-align: center;}

.date_container table.calender tr td a{display: inline-block;}
.date_container table.calender tr td p {display: inline-block;}
.date_container table.calender tr td p.date {position: absolute; top: 7px; left: 7px; font-size: 13px;}
.date_container table.calender tr td p.cal_txt {color: #9a9a9a; font-size: 13px; text-align: center; letter-spacing: 0.5px; padding: 0 5px; margin-top: 10px;}
.date_container table.calender tr td p.cal_txt_kn {letter-spacing: -0.5px; color: #9a9a9a; text-align: center;}
.date_container table.calender tr td p.sun_col {color: #ff0000;}
.date_container table.calender tr td p.sat_col {color: #2b75ec;}
.next_month {color: #b3b3b3;}
.date_container table.calender {border-bottom: 10px solid #e5e5e5;}

/* 년월 변경 */
.cal_box {width: 90%;  margin:0 auto;text-align: center; font-size: 17px; color: #fff; font-weight: 600; line-height: 50px;}
.cal_box a{color: #fff;}
.cal_box select { height: 35px; margin-top: -1px; vertical-align: middle; border: none; width: 100px;  -webkit-appearance: none;  -moz-appearance: none; appearance: none; 
background:url(/Image/date_arr_bt.png) no-repeat right center; z-index:1; color: #fff; font-size: 15px; font-weight: bold; background-size: 18px 12px; background-color: #3e5eb0;}
/*style items (options):*/

.cal_cont_box {width: 90%;  margin:0 auto;}
.cal_cont_box h3 {text-align: center; font-size: 18px; color: #666666; font-weight: 600; line-height: 50px;}
.cal_cont_box h3 span {color: #3e5eb0; font-weight: 600;}

table.cal_cont {text-align: center; width: 100%; border-top: 3px solid #26448f;} 
table tr.cal_cont_tit{background: #e6e6e6; line-height: 35px; font-size: 14px;}
table tr.cal_cont_tit th{border-right: 2px solid #fff; }
table tr.cal_cont_tit th:nth-child(3) {border: 0;}
table tr.cal_cont_st{line-height: 45px; font-size: 16px; font-weight: 600;  color: #3e5eb0; border: 1px solid #e5e5e5;}
table tr.cal_cont_st td {border-right: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5;}
table tr.cal_cont_st td:nth-child(1){border-left: 1px solid #e5e5e5;}

.bt_box {padding: 30px 0 30px 0;}
.bt_box a img{width: 100%;}



/* month paylist 20171128 추가*/
/*상단 고정 위한 css추가 month_pay 변경*/
.month_pay { width: 100%; margin-top: 70px; }

.blind {display: none;}
.font_co1 {color: #c11018;}
.pay_date_form {background: #3e5eb0; width:100%; line-height: 60px;}
.pay_date_form::after {display: block; content: ""; clear: both;}
.pay_date_form li {float: left;width: calc(50% - 50px);padding-right: 10px;padding-left: 40px;text-align: right;}
.pay_date_form li:nth-child(2) {text-align: left;width: calc(50% - 40px);padding-right: 40px;padding-left: 0;}
.pay_date_form li .sel_opt_pay{border: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;background:#3e5eb0 url(/Image/date_arr_bt.png) no-repeat right 8px;color: #fff;background-size: 15px 9px;font-size: 1.3em;width: 100%;}
.list_box2 > h3, .list_box3 > h3, .list_box4 > h3 {font-weight: 400;line-height: 40px;font-size: 16px; letter-spacing: -0.5px; color: #4d4d4d;}
.list_box2 > h3 > p, .list_box3 > h3 > p, .list_box4 > h3 > p{display: inline-block;background: url(/Image/tit_blet.jpg) no-repeat left 11px; width: 8px;height: 20px; line-height: 40px;background-size: 4px 4px;}
.box1_1 tr td:last-child, .box1_2 tr:nth-child(1) td:nth-child(3), 
.box2_1 tr td:last-child, .box2_1 tr td:last-child,
.box3_1 tr td:last-child{border-right: 0 !important;}
.list_box1 > table tr td {text-align: center; width: 33.33%;}
.box1_1 tr, .box1_2 tr, .box2_1 tr, .box3_1 tr, .box4 tr{height: 2.8em;font-size: 13px;letter-spacing: -0.5px; color: #4d4d4d;}
.box1_1 {border-top: 1px solid #3e5eb0;  border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
.box1_1 tr:nth-child(1) td, .box1_2 tr:nth-child(1) td  {border-right: 1px solid #fff;}
.box1_1 tr:nth-child(2) td {border-right: 1px solid #e6e6e6; color: #4d4d4d;}
.box1_1 tr:nth-child(2) {border: 1px solid #e6e6e6; }
.box1_2 {border-top: 1px solid #26448f; margin-top: 20px; }
.box1_2 tr:nth-child(2) td {font-weight: 400; color: #4d4d4d;}
.box1_2 tr:nth-child(1) {background-color: #3e5eb0; color: #fff;}
.box1_2 tr:nth-child(2) td:nth-child(1), .box2_1, .box3_1, .box4 {border-left: 1px solid #e6e6e6;}
.box1_2 tr:nth-child(2) td {border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
.list_box2 > table tr td {text-align: center; width: 33.33%; padding: 5px 5px; color: #4d4d4d;}
.box2_1, .box3_1  {border-top: 1px solid #26448f;  border-right:1px solid #e6e6e6;  }
.box1_1 tr:nth-child(1), .box2_1 tr:nth-child(1), .box3_1 tr:nth-child(1), .list_box4 table tr.box4_tit {background-color: #e6e6e6; }
.box2_1 tr:nth-child(1) td, .box3_1 tr:nth-child(1) td{border-right: 1px solid #fff;}
.box2_1 tr td, .box3_1 tr td, .box4{border-right: 1px solid #e6e6e6;  border-bottom:1px solid #e6e6e6;}
.box2_1 tr:last-child, .box3_1 tr:last-child  {background-color: #f7f7f7;}
.box3_1, .list_box4 table{text-align: center;}
.list_box4 table {margin-bottom: 15px;}
.box4 {border-top: 1px solid #26448f; }
.box4 tr:nth-child(2) td{padding: 20px 0;}
.box4_2 tr:nth-child(2) td {text-align: left; padding: 5px 10px; font-size: 13px; letter-spacing: -0.5px; line-height: 22px; }




/* 20171212추가 */
.t_pay {text-align: right !important;}
.t_pay::after {display: inline-block; content:""; width: 10px;}



/* 20180202 추가 151-204*/
.cont_wrap{margin:70px 0 50px 0;  padding: 0 3%;}
.cont_wrap div+div{margin-top:20px;}
h3.tit{background: url(/Image/tit_blet.jpg) no-repeat left center;  line-height: 40px; background-size: 4px 4px; font-weight: 400;font-size: 16px; letter-spacing: -0.5px; color: #4d4d4d; padding-left:8px;}
/* h3.tit span{color:#3e5eb0; font-weight:600;} */
h4.tit{ line-height: 30px; background-size: 4px 4px; font-weight: 400;font-size: 13px; letter-spacing: -0.5px; color: #4d4d4d; padding-left:8px;} /* 아래 문구 추가를 위한 텍스트 */

/* 변경 삭제 폰트 color 추가 */
h3.tit span.typeS{color:#3e5eb0; }  /* 변경 */ 
h3.tit span.typeD{color:#d96464; }  /* 삭제 */



.btn_wrap{text-align:center;}
.btn_wrap02{text-align:right; margin-top:10px; margin-bottom:10px;}
.btn_st01{background:#3e5eb0; width:98px; height:36px; border:0; color:#fff; border-radius:5px;  font-size: 13px; }
.btn_st02{background:#fff; width:98px; height:36px; border:1px solid #e5e5e5; box-sizing:border-box; color:#4c4c4c; border-radius:5px;  font-size: 13px; }
.btn_st03{background:#3e5eb0; width:58px; height:28px; border:0; color:#fff; border-radius:5px;  font-size: 12px; }  /* 검색을 위한 작은 버튼 추가*/



/* .input_day_wrap div{width:90%; padding:10px 0 0 10%; } */
div.input_day_wrap+div.input_day_wrap{border-top:1px solid #e6e6e6; padding-top:15px;}

.txt01{border:1px solid #e6e6e6; color:#4d4d4d; font-size: 13px; padding:5px 0 5px 5px; }
.txt02{color:#4c4c4c; font-size:13px; height:28px; line-height:28px; float:left; margin-right:8px;} /* 20180214 추가 */
.txt03{border:1px solid #e6e6e6; color:#4d4d4d; font-size:12px; padding:5px 0 5px 5px; } /* 2018-03-20 폰트 추가(12px) */
.btn_cal{border:0; background:none; width:24px; height:24px; margin-left:3px; margin-top:2px;}
.btn_cal img{width:100%;}
.input_text{padding:0 5px;  line-height:28px; color:#343434;}
.fl{float:left; }
.input_day{float:left;}
.input_day_wrap:after{display:block; clear:both; content:"";}
.input_day:after{display:block; clear:both; content:"";}
.rdo_wrap{height:28px; line-height:28px; float:left; margin-right:8px;}

.next{text-align:center; margin:20px 0;}
.next img{width:10%;}


.table_st01{border:1px solid #e6e6e6; border-top:1px solid #26448f; border-bottom:none;}
.table_st01 tr{ height:2em; font-size: 13px; letter-spacing: -0.5px;  color: #4d4d4d;}
.table_st01 tr th{background-color: #f7f7f7; font-weight:normal; border-bottom:1px solid #e6e6e6;  text-align:center;}
.table_st01 tr td{background:#fff; padding:5px 5px 5px 10px; border-bottom:1px solid #e6e6e6; text-align:left;}
.table_st01 tr td.right{text-align:right; padding-right:10px;}

.table_st02{border:1px solid #e6e6e6; border-top:1px solid #26448f; border-bottom:none; text-align:center;}
.table_st02 tr{ height:2em; font-size: 13px; letter-spacing: -0.5px;  color: #4d4d4d;}
.table_st02 tr th{background-color: #f7f7f7; font-weight:normal; border-bottom:1px solid #e6e6e6; border-right:1px solid #fff;}
.table_st02 tr td{background:#fff; padding:5px 0; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6;}
.table_st02 tr th:last-child, .table_st02 tr td:last-child{border-right:0;}
.table_st02 tr td.right{text-align:right; }

.paging{border:1px solid #e6e6e6; text-align:center; display:table; margin:0 auto;} 
.paging a{font-size: 13px; color:#333;  padding:0 15px; height:35px; line-height:35px; vertical-align:middle; display:inline-block;}
.paging a:last-child{border-left:1px solid #e6e6e6;}
.paging a.on{color:#31e5eb0; background:#f2f2f2; }

/* input[type="radio"] {display:none;} */    /* 2018-03-19 보이게 수정 */
input[type="radio"] { display:inline-block;width:19px;height:19px;margin:-2px 5px 0 0;vertical-align:middle; background:url("/Image/check.jpg") no-repeat 0 0; cursor:pointer; background-size:100%;}
input[type="radio"] + label {color:#4c4c4c; font-size:13px; }
/* input[type="radio"] + label span { display:inline-block;width:19px;height:19px;margin:-2px 5px 0 0;vertical-align:middle; background:url("../image/check.jpg") no-repeat 0 0; cursor:pointer; background-size:100%;}
input[type="radio"]:checked + label span { background:url("../image/checked.jpg") no-repeat 0 0;  background-size:100%;}
 */
.bar_wrap{width:100%; border-top: 1px solid #26448f; background-color: #f7f7f7;  padding:20px 10px; box-sizing:border-box; position:relative;}
.bar_bg{width:100%; height:30px; line-height:30px; background:#e6e6e6; border-radius: 5px;}
.bar{background:#3e5eb0; text-align:right; border-radius: 5px; margin-top:10px;}
.bar span{color:#fff; margin-right:15px; font-size: 13px;}
.bar_wrap>.text01{color:#333; font-size: 13px; margin-left:10px;}
.bar_wrap>.text01 span{color:#3e5eb0; font-weight:bold; padding:0 3px;}
.bar_wrap>.text02{color:#333; font-size: 13px; margin-left:10px; position:absolute; top:20px; right:20px;}
.bar_wrap>.text02 span{color:#3e5eb0; font-weight:bold; padding:0 3px;}

select{border:1px solid #e6e6e6; color:#4d4d4d; font-size: 13px; padding:5px 0 5px 5px; }  /* 20180214 추가 */

/*pop*/
.bg_black { background: #000; position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; opacity: .70; filter:alpha(opacity=70); z-index:200;
}


/*달력*/
.calendar_wrap{width:90%; position: absolute; background: #fff; z-index:999; top:180px; left:5%;  box-sizing: border-box;}
.calendar_wrap p.calendar_top{background:#f7f7f9; text-align: center; padding:10px 0; color: #4c4c4c; font-weight: 400; height:25px; line-height: 25px; font-size:16px; border:0;}
#calendar table{width: 100%; border:0;}
#calendar table th{background:#f7f7f9; border:0; border-bottom:1px solid #ecedf0; color:#999; padding:5px 0;}
/* #calendar table tr:nth-child(1){background:#f7f7f9; border:0; border-bottom:1px solid #ecedf0; color:#999; padding:10px 0;} */
#calendar table th{font-weight:normal;}
#calendar table tr td{text-align: center; width:50px; height:50px; border:0; color:#999;font-weight:normal; }
button.prev_month{width:24px; margin-right:10px;vertical-align: middle; cursor: pointer; background:none; border:0;}
button.next_month{width:24px; margin-left: 10px;vertical-align: middle; cursor: pointer; background:none; border:0;}
button.prev_month img, button.next_month img{width:40%;}

.calendar_top > button.btn_close{position: absolute; right:-3px; width: 34px; top:-37px; background:none; border:0;}
.calendar_top > button.btn_close img{width:70%;}
.today{background:url("/Image/today.png") no-repeat center center; color:#fff; display:block; background-size:90%; width:46px; height:46px; line-height:28px;}


/*스크롤바 생성 css */
.scrollDiv{overflow:scroll; overflow-x:hidden; height:180px;}
/*더보기 기능 추가 2018-03-28*/
#tbList tr{ display:none;}
#loadMore {cursor:pointer;text-align: center;width: 100%;line-height: 50px;color: #3e5eb0;font-weight: 400;font-size: 15px;}
#loadMore:hover {color:black;}


/* 20180307 추가 277-286 */
.link{text-decoration: underline; }
.clear:after{display:block; clear:both; content:"";}
.clear>div+div{margin-top:0;}
.w01{width:50%; float:left;}
.w01 p{font-size: 13px; color:#4c4c4c; display:inline-block; }
.w02{width:100%;}
.w02:after{display:block; clear:both; content:"";}
.w02 p{font-size: 16px; color:#4c4c4c; display:inline-block; float:left; width:22%;}
.w02 div.input{width:78%; float:left;}
.w02 div.input > select{margin-bottom:10px;}

/* 페이지 전체 로딩 2018-04-20 */
#load {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	display: block;
	/*opacity: 0.7;*/
	background: rgba(68, 68, 68, 0.3); 
	/* background: rgba(0,0,0,0.5);
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000'); */
	z-index: 11111;
	text-align: center;
}

#load > img {
	position: absolute;
	top: 50%;
	left: 45%;
}

/* hr link 모바일 추가화면 작업 관련 css 20220722 */
.tab_wrap {position:relative;}
.tab_wrap ul.tabs {display:flex; align-items:center;}
.tab_wrap ul.tabs::before {content:' '; position:absolute; left:0; right:0; bottom:0; height:1px; background:#26448f; z-index:1;}
.tab_wrap ul.tabs li {flex:1; position:relative; height:36px; margin-left:-1px;}
.tab_wrap ul.tabs li a {display:block; box-sizing:border-box; height:36px; border:1px solid #e6e6e6; border-radius:5px 5px 0 0; background:#f7f7f7; font-size:13px; line-height:34px; text-align:center;}
.tab_wrap ul.tabs li.active {z-index:5;}
.tab_wrap ul.tabs li.active a {background:#fff; border-color:#26448f; border-bottom-color:#fff; color:#26448f;}

.bullet_txt {color:#222; font-size:12px; line-height:18px; text-align:left;}
.btn_wrap .bullet_txt {margin-bottom:20px;}

.table_st02 tr td.left {text-align:left; padding:5px;}

.rdo_wrap.type2 {display:flex; align-items:flex-start; height:auto;}
.rdo_wrap.type2 > div {float:none;}
.rdo_wrap.type2 > div.txt02 {white-space:nowrap;}
.rdo_wrap.type2 .group {margin:0;}
.rdo_wrap.type2 .group span {display:inline-block; vertical-align:top;}

h3.tit.type2 {line-height:1; margin-bottom:12px;}

input.txt01[readonly] {background:#f7f7f7;}

/* hr link 모바일 추가화면 작업 관련 css 20220801 */
.filter_wrap {display:flex; align-items:center; margin-bottom:5px;}
.filter_wrap dt {color:#4c4c4c; font-size:13px; margin-right:auto;}
.table_st02 td.right.type2 {padding-right:5px;}
.table_st02 tfoot tr th {border-right-color:#e6e6e6; font-weight:500;}
.table_st02 tfoot tr td {background:#f7f7f7; font-weight:500;}

/* hr link 모바일 추가화면 작업 관련 css 20220803 */
.txt04{display:block; width:100%; border:1px solid #e6e6e6; color:#4d4d4d; font-size: 13px; padding:5px; box-sizing:border-box;}
textarea.txt04 {height:80px; resize:none; font-family:initial;}
.bytes {text-align:right; margin-top:5px; font-size:12px; line-height:1;}
.bytes em {font-style:normal;}

.bullet_lists li {margin-top:10px; font-size:13px; line-height:18px; color:#4d4d4d; letter-spacing:-0.5px}
.bullet_lists li:first-child {margin-top:0;}
.bullet_lists li .chk_wrap {display:flex; align-items:center; margin-top:2px; justify-content:flex-end;}
.bullet_lists li .chk_wrap input {margin-right:5px;}

input.txt04[readonly] {background:#f7f7f7;}
.btn_wrap03 {display:flex; justify-content:space-between;}
.d-flex {display:flex; align-items:center;}

ul.card_lists > li {margin-top:15px;}
ul.card_lists > li:first-child {margin-top:0;}
ul.card_lists .card {border:1px solid #e6e6e6; border-radius:6px; padding:14px;}
ul.card_lists .card > p {color:#4d4d4d; font-size:13px; line-height:18px;}
ul.card_lists .card .titles {display:flex; align-items:flex-start;}
ul.card_lists .card .name {margin-right:auto; padding:3px 0; font-size:13px; line-height:18px; font-weight:500; color:#3e5eb0;}
ul.card_lists .card .state {display:block; color:#e64545; font-size:13px; line-height:22px; padding:0 10px; border:1px solid #e64545; border-radius:12px; white-space:nowrap; margin-left:10px;}
ul.card_lists .card .infos {margin-top:10px;}
ul.card_lists .card .infos div {display:flex; align-items:flex-start; margin-top:10px;}
ul.card_lists .card .infos div:first-child {margin-top:0;}
ul.card_lists .card .infos div dt {float: left; width:80px; height:24px; margin-right:10px; border:1px solid #e6e6e6; border-radius:3px; font-size:13px; line-height:22px; text-align:center;}
ul.card_lists .card .infos div dd {padding:2px 0; font-size:13px; line-height:20px; color:#4d4d4d;}

.search_modal {position:fixed; top:50%; left:5%; width:90%; z-index:999; background:#fff; transform:translateY(-50%); box-sizing:border-box;}
.search_modal .btn_close {position:absolute; top:-37px; right:-3px; width:34px; border:none; background:none;}
.search_modal .btn_close img {width:70%;}
.search_modal .modal_tit {height:46px; text-align:center; font-size:16px; font-weight:500; line-height:46px; color:#333;}
.search_modal .modal_body {padding:0 16px;}
.search_modal .modal_body table {margin-top:20px;}
.search_modal .modal_body table:first-child {margin-top:0;}
.search_modal .modal_body .result_scrolling {position:relative; max-height:300px; overflow-y:auto; box-sizing:border-box;}
.search_modal .modal_body .result_scrolling table {border-top:none;}
.search_modal .modal_body table .d-flex .btn_st03 {height:27px; margin-left:10px;}
.search_modal .modal_body .btn_wrap {padding:20px 0;}

/* hr link 모바일 추가화면 작업 관련 css 20220824 */
.otp_modal {position:fixed; top:180px; left:5%; width:90%; z-index:999; background:#fff; box-sizing:border-box;}
.otp_modal .btn_close {position:absolute; top:-37px; right:-3px; width:34px; border:none; background:none;}
.otp_modal .btn_close img {width:70%;}
.otp_modal .modal_tit {height:46px; text-align:center; font-size:16px; font-weight:500; line-height:46px; color:#333;}
.otp_modal .modal_body {padding:25px 25px 20px; text-align:center;}
.otp_modal .modal_body .d-flex .btn_st03 {margin-left:10px;}
.otp_modal .modal_body .err_msg {margin-top:8px; color:#ff1829; font-size:13px; text-align:left;}
.otp_modal .modal_body .err_msg:empty {margin-top:0;}
.otp_modal .btn_big {display:inline-block; background:#3e5eb0; margin-top:20px; padding:0 15px; height:36px; border:0; color:#fff; border-radius:5px;  font-size: 13px; line-height:36px;}