@charset "utf-8";

.wrap {width:100%; height:100%}

.top {padding-top:40px;}
.top .top_ci {float:left;}
.top .top_gnb {float:right; margin-top: 20px;}
.top .top_gnb li {float: left; margin-left: 20px;}
.top .top_gnb li a {letter-spacing: -0.5px;}
.top .top_gnb li a:hover {color:#0062be;}

.main {margin-top:30px;}
.main .main_l {float: left; width: 590px;}
.main .main_r {float: right; width: 375px;}
.main .main_l .main_l01 {border:1px solid #ddd; border-radius: 4px; box-sizing: border-box;}
.main .main_l .main_l02 {border:1px solid #ddd; border-radius: 4px; width:288px; margin-top: 15px; float: left; box-sizing: border-box;}
.main .main_l .main_l03 {border:1px solid #ddd; border-radius: 4px; width:288px; margin-top: 15px; float: right; box-sizing: border-box;}
.main .main_l .main_l04 {width:288px; height:214.2px; margin-top: 15px; float: left;}
.main .main_l .main_l05 {width:288px; height:214.2px; margin-top: 15px; float: right;}
.main .main_l .main_l06 {border:1px solid #ddd; border-radius: 4px; width:288px; margin-top: 15px; float: left; box-sizing: border-box;}
.main .main_l .main_l07 {border:1px solid #ddd; border-radius: 4px; width:288px; margin-top: 15px; float: right; box-sizing: border-box;}

.main .main_r .my_service { /*background: linear-gradient(to right, #FF9900, #FF6633); */ background: #ff7200; border-radius: 8px; padding: 15px 20px;} /* 20230615 수정 */
.main .main_r .my_service_l {float:left; width: 47.5%; color:#fff;}
.main .main_r .my_service_r {float:right; width: 47.5%; color:#fff;}

.main .main_r .my_service_l li .material-icons {margin-right: -5px;}
.main .main_r .my_service_r li .material-icons {margin-right: -5px;}

.main .main_r .my_service_l .my_service_name {font-size: 12px; text-align: left; word-break: keep-all;}
.main .main_r .my_service_l .my_service_point {font-size:20px; margin-top: 10px;}
.main .main_r .my_service_l .my_service_point span {border-bottom: 3px solid #fff; padding-bottom: 5px;}

.main .main_r .my_service_l .my_service_point_ico01 { /* border:1px solid #fff; border-radius: 40%; padding: 5px 13px;*/ }
.main .main_r .my_service_l .my_service_point_ico01 span {margin-left:-3px; margin-top: 3px;}
.main .main_r .my_service_l .my_service_point_ico01_t {margin-left: 10px;}

.main .main_r .my_service_r .my_service_name {font-size: 12px; text-align: left; word-break: keep-all;}
.main .main_r .my_service_r .my_service_point {font-size:20px; margin-top: 10px;}
.main .main_r .my_service_r .my_service_point span {border-bottom: 3px solid #fff; padding-bottom: 5px;}

.main .main_r .my_service_r .my_service_point_ico01 { /*border:1px solid #fff; border-radius: 40%; padding: 5px 13px; */ }
.main .main_r .my_service_r .my_service_point_ico01 span {margin-left:-3px; margin-top: 3px;}
.main .main_r .my_service_r .my_service_point_ico01_t {margin-left: 10px;}

.main .main_r .my_service_l .point_list {min-height: 70px;}
.main .main_r .my_service_r .service_list {min-height: 70px;}

.main .main_r .quick_m {margin-top: 15px; border-radius: 4px; padding: 20px; background: linear-gradient(to right, #f7f7f7, #f1f1f1);}
.main .main_r .quick_m_tit {padding-bottom: 10px;}
.main .main_r .quick_ico {text-align: center;}
.main .main_r .quick_ico ul {display: inline-block;  vertical-align: top; margin-left: 10px; text-align: center;}
.main .main_r .quick_ico ul:first-child {margin-left: 0px;}
.main .main_r .qb {width:28.3%; border:1px solid #ddd; border-radius: 10px; padding-top: 15px; padding-bottom: 15px; color:#ccc; box-shadow: 0px 0px 3px rgba(0,0,0,0.1); background-color: #fff;}
.main .main_r .qb:hover {color:#0062be; border:1px solid #0062be;}
.main .main_r .qb .qb_ico .material-icons {font-size: 35px !important;}
.main .main_r .qb .qb_txt {font-size: 12px; letter-spacing: -0.5px; color:#000; line-height: 15px;}

.main .main_r .line_box {border-bottom:1px solid rgba(0,0,0,0.1); height:28px; margin-bottom: 25px}
.main .main_r .r_banner {border:1px solid #ddd; border-radius: 4px; width:375px; margin-top: 15px; box-sizing: border-box;}

.btm {padding-top:50px; padding-bottom: 50px;} /*2021.12.29 패딩탑 수정*/
.btm_border {border-top:1px solid #eee; padding-top: 20px;} /*2021.12.29 보더값 수정  패딩탑 수정*/
.btm_ci {margin-right: 30px;}


/* Main_tab { */
.contabroll dl {
    display: none;
    width: 100%;
    /* height: 207px; */ /* 탭 내용 영역의 높이 지정 */
    border-top: 1px solid #000;
    margin-top: -1px;
    box-sizing: border-box;
}

.contabroll dd {
    float: left;
    width: 38%; /* 탭의 갯수만큼 width 조정 (100% 가로이니 탭이 4개라면 25%) */
    height: 41px;
    margin: 0px;
    padding-top: 10px;
    border: 1px solid #ddd;
    text-align: center;
    border-bottom: 1px solid #000;
    font-size: 14px;
    cursor: pointer;
    box-sizing: border-box;
    color:#777;
}

/* 
전체 탭의 갯수
dd:nth-child(1)
dd:nth-child(4)
*/
.contabroll dd:nth-child(1) {border-right: 1px solid #fff; box-sizing: border-box;}
.contabroll dd:nth-child(2) {border-left: 1px solid #fff; box-sizing: border-box;}
.contabroll dl.on {display:inline-block;}

.contabroll dd.on {
    border: 1px solid #000;
    border-bottom: 1px solid #fff; /* 활성화 표기 */
    box-sizing: border-box;
    color:#000;
}
    
.tab_cont_area {
    padding:15px; /* 탭 내용의 여백 */
    padding-left: 0px;
    padding-right: 0px;
    line-height: 22px;
    font-size: 12px;
    letter-spacing: -0.5;
    padding-bottom: 0px;
}



.tab_cont_area a:hover {text-decoration:underline;  color:#0062be;}

/* } */


/* sub tab { */
.contabroll_sub dl {
    display: none;
    width: 100%;
    height: auto; /* 탭 내용 영역의 높이 지정 */
    border-top: 1px solid #000;
    margin-top: -1px;
    box-sizing: border-box;
}

.contabroll_sub dd {
    float: left;
    width: 20%; /* 탭의 갯수만큼 width 조정 (100% 가로이니 탭이 4개라면 25%) */
    height: 41px;
    margin: 0px;
    padding-top: 10px;
    border: 1px solid #ddd;
    text-align: center;
    border-bottom: 1px solid #000;
    font-size: 14px;
    cursor: pointer;
    box-sizing: border-box;
    color:#777;
}


/* 
전체 탭의 갯수
dd:nth-child(1)
dd:nth-child(4)
*/
.contabroll_sub dd:nth-child(1) {border-right: 1px solid #fff;box-sizing: border-box;}
.contabroll_sub dd:nth-child(5) {border-left: 1px solid #fff;box-sizing: border-box;}
.contabroll_sub dl.on {display: block;}

.contabroll_sub dd.on {
    border: 1px solid #000;
    border-bottom: 1px solid #fff; /* 활성화 표기 */
    box-sizing: border-box;
    color:#000;
}

.tab_cont_area_sub {
    padding:15px; /* 탭 내용의 여백 */
    padding-left: 0px;
    padding-right: 0px;
    line-height: 20px;
    font-size: 13px;
    letter-spacing: -0.5;
    padding-bottom: 0px;
}


/* } */

/* 
Main Swiper {
.swiper-pagination-main01 {margin-bottom: 15px; margin-left: 25px; text-align: left !important; width:97.5% !important;}
.swiper-pagination-main03 {margin-bottom: 15px; margin-left: 25px; text-align: left !important; width:95% !important;}
} */
/* Main Swiper { */
.swiper-pagination-main01 {margin-bottom: 15px; margin-left: 23px; text-align: left !important; width:97.5% !important;} /* 20211109 수정 */
.swiper-pagination-main03 {margin-bottom: 25px; margin-left: 17px; text-align: left !important; width:95% !important;}  /* 20211109 수정 */
/* } */

#leftBan {width:288px; height:160px; float:left;   background:url(/bizon/static/image/main/bg_ban_cms.jpg) no-repeat;  }
.Banbtnjoin { cursor:pointer;  position:absolute;  top:114px; left:107px; z-index:500; }
.Banbtnjoin li { margin:0 4px; float:left; }

/* GNB { */
#main_gnb {/*background: linear-gradient(to right, #0062be, #0099ff, #0062be); */ background:#006cb7; margin-top:20px; height:65px;} /* 20220104 수정 */
#d_lnb{position:relative; text-align: center; min-width: 1100px;}
#d_lnb li{position:relative; display: inline-block; margin: 19px 56.5px 8px 56.5px; padding-bottom: 10px;}
#d_lnb li:first-child {}
#d_lnb li.on{}
#d_lnb li > a{color:#ffffff;text-decoration:none; font-size: 18px; letter-spacing: -0.5px;}

#d_lnb li div{
    position:absolute;
    top:37px;
    left:-20px;
    width:150px;
    margin-left:0px/*width절반*/;
    background:#fff;
    display:none; 
    border-radius: 4px; 
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1); 
    z-index: 999;
}

#d_lnb li div dl{padding:10px; border :1px solid #006cb7;}
#d_lnb li div dl dd{text-align:left;}
#d_lnb li div dl dd a{color:#777;display:block;padding:5px 10px;text-decoration:none; font-size: 13px; letter-spacing: -0.5px;}
#d_lnb li div dl dd a:hover{background:#f1f9ff; color:#006cb7;}

.fixed_gnb {position: fixed; top:0px; width: 100%; margin-top:0px !important; z-index: 999;}
/* } */

/* sub { */
.sub_left {float:left; width:250px;}
.sub_right {float:right; width:654px;}
/* } */

/* left GNB { */
.sub_left_tit_ul {border-bottom: 1px solid #b2b2b2; padding-bottom: 20px;}
.sub_right_tit_ul {padding-bottom: 20px;}
.sub_content {min-height:500px;}

#DB_navi42{position:relative;width:100%;}
#DB_navi42 a{text-decoration:none;display:block;}
#DB_navi42 .left_ico {float:right; margin-top: 14px; color:#999; margin-right: -7px; font-size: 22px;}

#DB_navi42 .DB_1D{position:relative;width:100%;background:#fff;border:1px solid #b2b2b2;border-width:0 0px 1px 0;text-align:left}
#DB_navi42 .DB_1D a{font-size:14px;color:#000;height:50px;line-height:50px; letter-spacing: -0.5px;}
#DB_navi42 .DB_1D a:hover{color:#0062be}
#DB_navi42 .DB_1D a:hover > span {color:#0062be !important;}
#DB_navi42 .DB_1D.DB_select a{color:#0062be}
#DB_navi42 .DB_1D.DB_select a > span {color:#0062be !important;}

#DB_navi42 .DB_1D .DB_2D_wrap{display:none;text-align:left; background-color: #f9f9f9;}
#DB_navi42 .DB_1D .DB_2D_wrap .DB_2D{position:relative;}
#DB_navi42 .DB_1D .DB_2D_wrap .DB_2D a{font-size:13px;color:#666;height:40px;line-height:40px;text-indent:15px; letter-spacing: -0.5px;}
#DB_navi42 .DB_1D .DB_2D_wrap .DB_2D a:hover{color:#000; background-color: #f1f1f1;}
#DB_navi42 .DB_1D .DB_2D_wrap .DB_2D.DB_select a{color:#fff; background-color: #0062be; border-radius: 0px;}

#DB_navi42 .DB_1D .DB_2D_wrap .DB_2D .DB_3D_wrap{display:none;position:relative;left:0px;top:0px;text-align:left;padding:0px 0px 10px 0px; background-color: #f9f9f9;}
#DB_navi42 .DB_1D .DB_2D_wrap .DB_2D .DB_3D_wrap .DB_3D{}
#DB_navi42 .DB_1D .DB_2D_wrap .DB_2D .DB_3D_wrap .DB_3D a{font-size:12px;color:#666;height:22px;line-height:22px;text-indent:25px}
#DB_navi42 .DB_1D .DB_2D_wrap .DB_2D .DB_3D_wrap .DB_3D a:hover{color:#000;}
#DB_navi42 .DB_1D .DB_2D_wrap .DB_2D .DB_3D_wrap .DB_3D.DB_select a{color:#000;}

/* } */

/* table { */
.col_1_div {border-top:1px solid #333;}
.col_1_div ul {border-bottom: 1px solid #b2b2b2; padding-top: 10px; padding-bottom: 10px;}
.col_1_div_tit {padding-bottom: 10px;}
.col_1_div_con {}

.col_2_div {border-top:1px solid #333;}
.col_2_div ul {border-bottom: 1px solid #b2b2b2; padding-top: 10px; padding-bottom: 10px;}
.col_2_div_tit {float:left; width:25%; line-height: 28px;}
.col_2_div_con {float:right; width:75%;}

.col_2_div2 {border-top:1px solid #333;}
.col_2_div2 ul {border-bottom: 1px solid #b2b2b2; padding-top: 15px; padding-bottom: 15px;}
.col_2_div2_tit {float:left; width:20%;}
.col_2_div2_con {float:left; width:30%;}
.col_2_div2_con2 {float:left; width:80%;}

.col_2_div3 {border-top:1px solid #333;}
.col_2_div3 ul {border-bottom: 1px solid #b2b2b2; padding-top: 10px; padding-bottom: 10px;}
.col_2_div3_tit {float:left; width:15%; font-size:13px; letter-spacing: -0.5px;}
.col_2_div3_con {float:left; width:35%; font-size:13px !important; letter-spacing: -0.5px; padding-left: 15px; padding-right: 15px; box-sizing: border-box}
.col_2_div3_con2 {float:left; width:85%; font-size:13px !important; letter-spacing: -0.5px; padding-left: 15px; padding-right: 15px; box-sizing: border-box}
.col_2_div3_con3 {float:left; width:48%; font-size:13px !important; letter-spacing: -0.5px; padding-left: 15px; padding-right: 15px; box-sizing: border-box}

.col_4_div {}
.col_4_div ul {float: left; width:23%; margin-left: 2.66666%; box-sizing: border-box;}
.col_4_div ul:first-child {margin-left: 0px;}

.col_3_div {}
.col_3_div ul {float: left; width:32%; margin-left: 2%; box-sizing: border-box;}
.col_3_div ul:first-child {margin-left: 0px;}

.tables_top {margin-top: 20px;}
.tables {margin-top:10px; border-top:1px solid #000;}
.tables_th {padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #b2b2b2; font-size: 13px; background-color: #f9f9f9;}
.tables_th li {float:left;}
.tables_td {padding-top: 10px; padding-bottom: 10px; font-size: 12px; color:#666; border-bottom: 1px solid #b2b2b2;}
.tables_td li {float:left;}
.no_data {font-size: 12px; color:#999; text-align: center; padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #b2b2b2;}

.tables table {font-family:'NotoSansKR Regular',sans-serif;}
.tables table th {background-color: #f9f9f9; padding: 10px 5px 10px 5px; border-bottom: 1px solid #b2b2b2;}
.tables table td {padding: 10px 5px 10px 5px; border-bottom: 1px solid #b2b2b2;}
/* } */

/* input { */
.w_input {background-color:#f1f1f1; color:#000; font-size: 13px; border-radius: 4px; height:30px; border:1px solid #b2b2b2; text-indent: 10px; padding: 0px;}
.w_input_100 {background-color:#f1f1f1; color:#000; font-size: 13px; border-radius: 4px; height:30px; width: 100%; border:1px solid #b2b2b2; text-indent: 10px; padding: 0px;}
.w_input_50 {background-color:#f1f1f1; color:#000; font-size: 13px; border-radius: 4px; height:30px; width: 50%; border:1px solid #b2b2b2; text-indent: 10px; padding: 0px;}
.w_submit {background-color:#0062be; color:#fff; height:30px; border-radius: 4px; border:0px; width: auto; padding-left: 20px; padding-right: 20px;}
.w_area {background-color:#f1f1f1; color:#333; font-size: 12px; border-radius: 4px; min-height:200px; width: 100%; border:0px; padding: 15px; box-sizing: border-box;}
.w_submit_cl {/*background-color:#aaa; */ background-color:#6c6c6c; color:#fff; height:30px; border-radius: 4px; border:0px; width: auto; padding-left: 20px; padding-right: 20px;}/*2021.12.29 버튼색 변경*/
.w_submit_gr {background-color:#0f9c5b; color:#fff; height:30px; border-radius: 4px; border:0px; width: auto; padding-left: 20px; padding-right: 20px;}  /*2021.12.30 버튼 그린색 추가*/
.w_button_100_a {background-color:#aaa; color:#fff; height:30px; border-radius: 4px; border:0px; width: auto; padding-left: 20px; padding-right: 20px;}
.w_button_tiny {background-color:#0062be; color:#fff; height:25px; border-radius: 3px; border:0px; width: auto; padding-left: 15px; padding-right: 15px; font-size: 12px;}
.w_button_tiny_a {background-color:#aaa; color:#fff; height:25px; border-radius: 3px; border:0px; width: auto; padding-left: 15px; padding-right: 15px; font-size: 12px;}
.w_button_100_a_blue {background-color:#1085df; color:#fff; height:30px; border-radius: 4px; border:0px; width: auto; padding-left: 20px; padding-right: 20px;}/*2021.12.29 버튼색 추가*/
.w_button_100_a_green {background-color:#0f9c5b; color:#fff; height:30px; border-radius: 4px; border:0px; width: auto; padding-left: 20px; padding-right: 20px;}/*2021.12.29 버튼색 추가*/

.w_button_tiny1 {background-color:#0062be; color:#fff; height:20px; border-radius: 3px; border:0px; width: auto; padding-left: 10px; padding-right: 10px; font-size: 11px;}
.w_button_tiny2 {background-color:#ff9900; color:#fff; height:20px; border-radius: 3px; border:0px; width: auto; padding-left: 10px; padding-right: 10px; font-size: 11px;}
.w_button_tiny3 {/*background-color:#aaa; */ background-color:#6c6c6c; color:#fff; height:20px; border-radius: 3px; border:0px; width: auto; padding-left: 10px; padding-right: 10px; font-size: 11px;} /*2021.12.30 버튼색 변경*/
.w_button_tiny_gr {background-color:#0f9c5b;  color:#fff; height:25px; border-radius: 3px; border:0px; width: auto; padding-left: 15px; padding-right: 15px; font-size: 12px;} /*2021.12.30 버튼 그린색 추가*/
.w_button_tiny_or {background-color:#ff9900;  color:#fff; height:25px; border-radius: 3px; border:0px; width: auto; padding-left: 15px; padding-right: 15px; font-size: 12px;}

.w_button_tiny_p {background-color:#0062be; color:#fff; border-radius: 3px; border:0px; width: auto; padding:5px 10px 5px 10px; font-size: 12px; display:inline-block;}
.w_button_big_p {background-color:#0062be; color:#fff; border-radius: 6px; border:0px; width: auto; padding:7px 20px 7px 20px; font-size: 14px; display:inline-block;}

.w_input_tiny {background-color:#f1f1f1; color:#000; font-size: 12px; border-radius: 4px; height:25px; border: 1px solid #b2b2b2; text-indent: 5px; padding: 0px;}

.w_button_tiny4 {background-color:#ff9900; color:#fff; height:20px; border-radius: 3px; border:0px; width: auto; padding-left: 10px; padding-right: 10px; font-size: 8px;}


.w_submit_login {background-color:#0062be; color:#fff; height:50px; border-radius: 4px; border:0px; width:100%; font-size:16px;}
.w_input_login {background-color:#f1f1f1; color:#000; font-size: 14px; border-radius: 4px; height:45px; width: 100%; border:0px; text-indent: 15px; padding: 0px;}

.btn_tiny {font-size: 12px !important; width: auto; padding-left: 10px; padding-right: 10px;}
/* } */

/* 페이징 { */
.page_div {}
.page_div li {display:inline-block; cursor: pointer; vertical-align: middle; color:#999;}
.page_div li:hover {color:#000;}
.page_num {border:1px solid #b2b2b2; border-radius: 4px; width:25px; line-height:25px; font-size:11px;}
.active_page {background-color: #f3f3f3; color:#000 !important;}
.page_ico {color:#999; margin-top: 3px;}
.page_l {margin-right: 8px;}
.page_r {margin-left: 8px;}
/* } */

/* 팝업 { */
.popup_tit {margin-bottom: 15px;}
.popup_div {padding: 20px; box-sizing: border-box;}
.popup_div2 {padding: 0px; box-sizing: border-box; padding-bottom: 30px;}
.popup_ul {padding-top: 20px !important; padding-bottom: 20px !important;}
.popup_ul2 {padding-top: 20px !important; border-bottom:0px !important;}
.popup_ul3 {padding-top: 0px !important; border-bottom:0px !important;}
.pop_close_btn {cursor: pointer;}
.help_txt5 {font-size: 13px; color:#999; letter-spacing: -0.5px;}
/* .popup_close {position: fixed; bottom:0px; z-index: 999; width: 100%; border-top:1px solid #eee; padding: 0px 15px 0px 15px; box-sizing: border-box; background-color: #fff; box-shadow: 0px 0px 20px rgba(0,0,0,0.05);} */
.popup_close {position: relative; z-index: 999; width: 100%; border-top:1px solid #b2b2b2; padding: 0px 15px 0px 15px; box-sizing: border-box; background-color: #fff; box-shadow: 0px 0px 20px rgba(0,0,0,0.05);}
.pop_ex1 {padding: 15px; box-sizing: border-box; background-color: #F9F9F9;}
/* } */

/* 회원가입 { */
.join_setp {border:2px solid #ddd; border-radius: 6px; padding: 20px;}
.join_setp_ico {color:#ccc;}
.join_setp_ico span {font-size:36px;}
.join_step_div {margin-bottom:40px;}
.step_on {border-color: #0062be}
.step_ico_on {color: #0062be}
.help_txt {font-size: 12px; color:#ff0000; padding-top: 5px; letter-spacing: -0.5px;}
.help_txt2 {font-size: 12px; color:#999; padding-top: 5px; letter-spacing: -0.5px;}
.help_txt3 {font-size: 13px; color:#999; padding-bottom: 15px; letter-spacing: -0.5px;}
/* } */

/* 로그인 { */
.box_div {padding: 50px 150px 50px 150px; border-top:1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; box-sizing: border-box;}
.idpw_txt a:hover {color:#0062be;}
/* } */

/* 아이디/비번찾기 { */
.pwd_lost a {border-bottom:2px solid #ddd; padding-bottom: 3px;}
/* } */

/* 회원정보 박스 { */
.my_info {padding-bottom: 30px; border-bottom:2px solid #b2b2b2; margin-bottom: 20px; padding-top: 5px;}
.info_div {background-color: #f9f9f9; border-radius: 6px; padding: 20px; border:1px solid #b2b2b2;}/* 2021.12.30 보더추가  #b2b2b2 */
.info_div_off {background-color: #fff; border-radius: 6px; padding: 20px; border:1px solid #b2b2b2;}
.info_div_btm {margin-top: 10px;}
.my_info_point {border-top:1px solid #b2b2b2; margin-top: 10px; padding-top:10px;}
.point_txt {color:#FF9900;}
.myinfo_box_btn {font-size: 11px; color:#fff; background-color:#bbb; border-radius: 3px; height:25px; text-align: center; border:0px; letter-spacing: 0px;}

.myinfo_box_btn_bl {font-size: 11px; color:#fff; background-color:#2184e0; border-radius: 3px; height:25px; text-align: center; border:0px; letter-spacing: 0px;} /*2021.12.29 버튼색 추가*/
.myinfo_box_btn_or {font-size: 11px; color:#fff; background-color:#ec9410; border-radius: 3px; height:25px; text-align: center; border:0px; letter-spacing: -1px;} /*2021.12.29 버튼색 추가*/

.my_info_li {margin-top: 10px; border-bottom: 1px solid #b2b2b2; padding-bottom: 15px; margin-bottom: 15px;}
.my_info_btn1 {background-color: #0062be; border-radius: 4px; border:0px; color:#fff; width:100%; height:35px;}
.my_info_btn2 {background-color: #aaa; border-radius: 4px; border:0px; color:#fff; width:100%; height:35px; margin-top:5px;}
/* } */

/* 회원정보 수정 { */
.help_txt4 {font-size: 12px; color:#999; margin-top: 5px; margin-bottom: 5px; letter-spacing: -0.5px;}
/* } */

/* 캘린더 UI { */
.ui-widget-header {
    border: 0px solid #dddddd;
    background: #fff;
}

.ui-datepicker-calendar > thead > tr > th {
    font-size: 14px !important;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 10px 0;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 0px solid #c5c5c5;
    background-color: transparent;
    font-weight: normal;
    color: #454545;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 0em;
    line-height: 16px;
    text-align: center;
    font-size: 14px;
    padding: 0px;
    font-weight: bold;
}

.ui-datepicker {
    display: none;
    background-color: #fff;
    border-radius: 4px;
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 20px;
    padding-bottom: 10px;
    width: 300px;
    box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.1);
}

.ui-widget.ui-widget-content {
    border: 1px solid #eee;
}

#datepicker:focus > .ui-datepicker {
    display: block;
}

.ui-datepicker-prev,
.ui-datepicker-next {
    cursor: pointer;
}

.ui-datepicker-next {
    float: right;
}

.ui-state-disabled {
    cursor: auto;
    color: hsla(0, 0%, 80%, 1);
}

.ui-datepicker-title {
    text-align: center;
    padding: 10px;
    font-weight: 100;
    font-size: 20px;
}

.ui-datepicker-calendar {
    width: 100%;
}

.ui-datepicker-calendar > thead > tr > th {
    padding: 5px;
    font-size: 20px;
    font-weight: 400;
}


.ui-datepicker-calendar > tbody > tr > td > a {
    color: #000;
    font-size: 12px !important;
    font-weight: bold !important;
    text-decoration: none;

}


.ui-datepicker-calendar > tbody > tr > .ui-state-disabled:hover {
    cursor: auto;
    background-color: #fff;
}

.ui-datepicker-calendar > tbody > tr > td {
    border-radius: 100%;
    width: 44px;
    height: 30px;
    cursor: pointer;
    padding: 5px;
    font-weight: 100;
    text-align: center;
    font-size: 12px;
}

.ui-datepicker-calendar > tbody > tr > td:hover {
    background-color: transparent;
    opacity: 0.6;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 0px solid #cccccc;
    background-color: transparent;
    font-weight: normal;
    color: #2b2b2b;
}

.ui-widget-header .ui-icon {
    background-image: url('./cal_btns.png');
}

.ui-icon-circle-triangle-e {
    background-position: -20px 0px;
    background-size: 36px;
}

.ui-icon-circle-triangle-w {
    background-position: -0px -0px;
    background-size: 36px;
}

.ui-datepicker-calendar > tbody > tr > td:first-child a {
    color: red !important;
}

.ui-datepicker-calendar > tbody > tr > td:last-child a {
    color: #0099ff !important;
}

.ui-datepicker-calendar > thead > tr > th:first-child {
    color: red !important;
}

.ui-datepicker-calendar > thead > tr > th:last-child {
    color: #0099ff !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 0px;
    background: #f1f1f1;
    border-radius: 50%;
    padding-top: 10px;
    padding-bottom: 10px;
}
/* } */


.badge1 {background-color:#66CC00; font-size:11px; border-radius: 3px; padding: 1px 5px 1px 5px; color:#fff;}
.badge2 {background-color:#ff9900; font-size:11px; border-radius: 3px; padding: 1px 5px 1px 5px; color:#fff;}
.badge3 {background-color:#aaa; font-size:11px; border-radius: 3px; padding: 1px 5px 1px 5px; color:#fff;}
.badge4 {background-color:#0099ff; font-size:11px; border-radius: 3px; padding: 1px 5px 1px 5px; color:#fff;}
.bg_box {background-color: #f9f9f9; border-radius: 6px; padding: 15px 20px 15px 20px;}
.bg_span {background-color: #f1f1f1; border-radius: 4px; padding: 5px 10px 5px 10px;}

.box_border {background-color: #fff; border-radius: 6px; padding: 15px 20px 15px 20px; border:1px solid #b2b2b2;}


.ser_info_link {border:2px solid #ddd; border-radius: 6px; padding: 20px; cursor: pointer;}
.ser_info_link:hover {border-color: #0062be;}
.ser_info_link:hover > .ser_info_link_ico {color:#0062be;}

.ser_info_link_ico {color:#ccc;}
.ser_info_link_ico span {font-size:36px;}
.ser_info_link_div {margin-bottom:0px;}

.info_box {border:2px solid #ddd; border-radius: 6px; padding: 20px;}
.info_box_div {margin-bottom:0px;}


.h_border {border-top:1px solid #b2b2b2; margin-top: 30px; height:30px;}
.bbs_border {border-top:1px solid #b2b2b2; margin-top: 15px; height:15px;}
/* serviceIntro.fax { */

#DB_etc2 {position:relative;}
#DB_etc2 .DB_btn{text-align:left}
#DB_etc2 .DB_btn .DB_open{margin-right:1px;cursor:pointer}
#DB_etc2 .DB_btn .DB_close{cursor:pointer}

#DB_etc2 .fq_div {position:relative; border-top:1px solid #b2b2b2; padding-top: 15px; padding-bottom: 15px;}
#DB_etc2 .fq_tit{color:#000;cursor:pointer; float: left; margin-right: 20px; position: absolute;}
#DB_etc2 .fq_tit:hover{text-decoration:none; color:#0062be;}
#DB_etc2 .fq_sub {display:none; margin-top:35px; border-top:1px solid #b2b2b2; padding-top: 20px;}
#DB_etc2 .fq_sub img {max-width: 100%;}
/* } */

/* BBS { */
.tables_bbs_ico {font-size: 16px !important; color:#aaa; vertical-align: middle;}
.tables_bbs_ico2 {font-size: 17px !important; color:#aaa; padding-top: 1px; padding-right: 5px;}
.bbs_table td a:hover{color:#0062be;}
.tables_bbs_ico_news {font-size: 16px !important; vertical-align: middle; color:#0062be;}
.bbs_file {border-bottom: 1px solid #b2b2b2; padding-bottom: 10px;}
.view_contents {padding-top: 20px; padding-bottom: 20px; border-bottom:2px solid #b2b2b2; font-size: 12px;}

.pn_list_ul {padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #b2b2b2;}
.pn_list_ul_li1 {float: left; color:#999; margin-right: 15px;}
.pn_list_ul_li2 {float: left; color:#999}
.pn_list_ul_li2 a {float: left; color:#000;}
.pn_list_ul_li2 a:hover{color:#0062be}
.pn_list_ul_li3 {float: right; color:#999;}

dl,dt,dd{margin:0;padding:0;list-style:none;}
#DB_etc3 {position:relative;}
#DB_etc3 .DB_btn{text-align:right}
#DB_etc3 .DB_btn .DB_open{cursor:pointer; color:#b2b2b2; transition: all 350ms cubic-bezier(0.07, 1, 0.07, 1);}
#DB_etc3 .DB_btn .DB_open:hover{color:#000; transition: all 350ms cubic-bezier(0.07, 1, 0.07, 1);}
#DB_etc3 .DB_btn .DB_close{cursor:pointer; color:#b2b2b2; transition: all 350ms cubic-bezier(0.07, 1, 0.07, 1);}
#DB_etc3 .DB_btn .DB_close:hover{color:#000; transition: all 350ms cubic-bezier(0.07, 1, 0.07, 1);}

#DB_etc3 dl {border-top:1px solid #b2b2b2;}
#DB_etc3 dt{border-bottom:1px solid #b2b2b2;padding:15px 35px;line-height:18px;background:url('fq_q.gif') no-repeat 0px 13px;color:#555;cursor:pointer; font-size: 12px;}
#DB_etc3 dt:hover{text-decoration:none; color:#0062be}
#DB_etc3 dd {display:none;padding:14px 0 20px 35px;line-height:18px;color:#555;background:url('fq_a.gif') no-repeat 0px 17px; font-size:12px; border-bottom: 2px solid #b2b2b2;}
/* } */

/* 20210729 로그인 레이어 { */
.login_float_l {
    float: left;
    width: 55.5%;
    padding-right: 20px;
    box-sizing: border-box;
}

.login_float_r {
    float: right;
    width: 44.5%;
    box-sizing: border-box;
}

.login_float_r img {
    width: 100%;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
}

.po_rel {
    position: relative;
}

.flot_fl {
    margin-left: 0px !important;
}

.flot_fl a {
    margin-right: 5px;
}

.flot_fr {
    float: right !important;
    margin-left: 0px !important;
}

.login_flot {
    position: absolute;
    top: 35px;
    right: 0px;
    width: 520px;
    background-color: #fff;
    border: 2px solid #0062be;
    border-radius: 6px;
    padding: 20px;
    box-sizing: border-box;
    z-index: 99;
    box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.2);
    display: none;
}

.login_flot_show {
    display: block;
}
/* } */


/* 2021-11-08 { */
.btn_tiny {font-size: 12px !important; width: auto; padding-left: 10px; padding-right: 10px;}
.imgs img {max-width: 100%;}
/* } */

/*Notice content 2021.11.11 추가 및 수정 */
.noticeContent {width:590px; height:auto;   margin-top: 15px; }

/* 탭 한길뉴스 세정뉴스 start 2021.11.11 추가 및 수정 */
.HangilnewsDivLine {background:url(/bizon/static/image/main/tab_bg_blue.gif) repeat-x 0 0; }
.HangilnewsDiv {width:288px; height:215px;  float:left; }
.HangilnewsDiv_box {width:287px; margin:0 auto;  padding:0px 0 15px 0; }
.HangilnewsDiv_box ul{width:282px; margin:0; padding:11px 0 0 7px; overflow:hidden; }
.HangilnewsDiv_box ul li {line-height:20px; text-align:left; margin:0; padding-left:10px; color:#323232;   font-size:12px; font-family:Dotum; overflow:hidden; _overflow:hidden; background:url(/bizon/static/image/main/blit.gif) 0 center no-repeat;}

.HangilnewsDiv_box ul li a { line-height:20px; text-align:left; color:#323232;  }
.HangilnewsDiv_box ul li a:hover {text-decoration:underline; color:#0062be; }

.HangilnewsDiv_box ul li.notify { color:#004280; font-weight:bold;}
.HangilnewsDiv_box ul li.notify a { line-height:20px; text-align:left; color:#004280;}


/* 탭 한길뉴스 세정뉴스 end 2021.11.11 추가 및 수정*/


/* 탭 공지사항 자유게시판 start  2021.11.11 추가 및 수정*/
.NewsDivLine {background:url(/bizon/static/image/main/tab_bg.gif) repeat-x 0 0; }
.NewsDiv {width:288px;  height:215px;  float:right;  }
.NewsDiv_box {width:287px; margin:0 auto;  padding:0px 0 15px 0; }
.NewsDiv_box ul{width:282px; margin:0; padding:11px 0 0 7px; overflow:hidden; }
.NewsDiv_box ul li {line-height:20px; text-align:left; margin:0; padding-left:10px; color:#323232;   font-size:12px; font-family:Dotum; overflow:hidden; _overflow:hidden; background:url(/bizon/static/image/main/blit.gif) 0 center no-repeat;}


.NewsDiv_box ul li a { line-height:20px; text-align:left; color:#323232;  }
.NewsDiv_box ul li a:hover {text-decoration:underline; color:#0062be; }


/* 모달 css */
#loadings {display:none;
			position: fixed;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: 999999;}
.loading_div {position: absolute;
            margin: auto;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            width: 85px; /* 가로사이즈 */
            height:30px;
            background-color: rgba(0,0,0,0.05);
            border-radius: 6px;
            padding-top: 9px;
            box-sizing: border-box;}
#loading_api {width: 10px;
            height: 10px;
            border: 2px solid rgba(0, 0, 0, .1);
            border-radius: 50%;
            border-top-color: #0099ff; /* 컬러 */
            animation: spin 0.5s ease-in-out infinite;
            -webkit-animation: spin 0.5s ease-in-out infinite;
            float: left;
            margin-left: 10px;}
#loading_txt {float:right; font-size: 12px; margin-top: -3px; margin-right: 10px;}
@keyframes spin {to {transform: rotate(360deg);}}
@-webkit-keyframes spin {to {transform: rotate(360deg);}}


/* 2021-11-28 { */
.myinfo_box_btn {padding-left: 6px; padding-right: 6px;}
/* } */