@charset "utf-8";

/* 레이아웃 */
.con_new{width:100% !important}
.cont_new{margin-right:50px; width:calc(100% - 250px) !important}
.sub_title{padding:0 0 0 22px; height:50px; line-height:50px; font-family:dotum, "돋움", sans-serif; font-size:18px; font-weight:bold; border-bottom:2px solid #ddd; background:url("../Images/img_con/bu_sub_tit.gif")no-repeat left center !important}
.display_off{display:none !important}

/* 로그인 */
#wrap_login{display:flex; justify-content:center; width:100%; height:100vh; background:url("../Images/img_con/bg_login.jpg")no-repeat top center; background-size:1920px auto}
#container_login{margin:0 10px; width:1180px; height:100%}
#header_login{display:flex; flex-direction:column; width:100%; height:370px}
#header_login .top_logo{align-self:flex-start; margin-top:60px; width:100%; height:60px; background:url("../Images/img_con/img_logo_login.png")no-repeat}
#header_login .top_logo2{align-self:flex-start; margin-top:60px; width:100%; height:60px; background:url("../Images/img_con/img_logo_login2.png")no-repeat}
#header_login .top_desc{align-self:center; margin-top:10px; width:1180px; height:80px; font-family:"Malgun Gothic", "맑은 고딕"; font-size:30px; color:#fff; line-height:60px; text-align:center; text-shadow: 3px 3px 5px rgba(0,0,0,0.7)}
#header_login .top_desc strong{font-family:"Malgun Gothic", "맑은 고딕"; font-size:30px; color:#fff}
#content_login{padding:30px; width:100%; height:420px; border-radius:12px; background-color:#fff; box-shadow:0px 0px 15px -1px #808080; box-sizing:border-box}
.notice_login_group{display:flex; justify-content:space-between}
.notice_login_group .notice_box{width:700px}
.notice_login_group .notice_box .notice_head{display:flex; justify-content:space-between; align-items:center; height:45px; border-bottom:2px solid #b2b2b2}
.notice_login_group .notice_box .notice_head span{height:45px; font-family:"Malgun Gothic", "맑은 고딕"; font-size:18px; font-weight:bold}
.notice_login_group .notice_box .notice_head .more_link{display:inline-block; padding-right:15px; font-family:"Malgun Gothic", "맑은 고딕"; font-size:14px; background:url("../Images/img_con/icon_arrow_right.gif")no-repeat center right}
.notice_login_group .notice_box .notice_lst li{display:flex; justify-content:space-between; align-items:center; height:50px; background:url("../Images/img_con/bg_lst_line.gif")repeat-x bottom}
.notice_login_group .notice_box .notice_lst li:last-child{background:none}
.notice_login_group .notice_box .notice_lst li .tit{padding-left:15px; font-family:"Malgun Gothic", "맑은 고딕"; font-size:14px; color:#444; background:url("../Images/img_con/bu_n_lst.gif")no-repeat center left}
.notice_login_group .notice_box .notice_lst li .date{display:inline-block; font-family:"Malgun Gothic", "맑은 고딕"; font-size:14px;}

.notice_login_group .login_box{width:380px}
.notice_login_group .login_box .head{width:100%; height:45px; background:url("../Images/img_con/img_login_tit.gif")no-repeat top center}
.notice_login_group .login_box .m_area{display:flex; justify-content:space-between}
.notice_login_group .login_box .m_area input[type='checkbox']{display:none}
.notice_login_group .login_box .m_area input[type='checkbox'] + label{padding-right:10px; cursor:pointer; font-family:"Malgun Gothic", "맑은 고딕"; font-size:14px}
.notice_login_group .login_box .m_area input[type='checkbox'] + label span{display:inline-block; margin:-2px 5px 0 0; width:18px; height:18px; vertical-align:middle; background:url("../Images/img_con/input_login_ch.png")no-repeat -21px -1px}
.notice_login_group .login_box .m_area input[type='checkbox']:checked + label span{background:url("../Images/img_con/input_login_ch.png")no-repeat -1px -1px}
.notice_login_group .login_box .m_area .join .fc_gr{color:#00a950}
.notice_login_group .login_box .m_area .join a{display:inline-block; position:relative; margin-left:4px; padding-left:9px; font-family:"Malgun Gothic", "맑은 고딕"; font-size:14px; color:#444; line-height:15px}
.notice_login_group .login_box .m_area .join a:before{content:''; display:block; position:absolute; top:2px; left:0; width:1px; height:11px; background-color:#a0a0a0}
.notice_login_group .login_box .m_area .join a:first-child{padding-left:0; margin-left:0}
.notice_login_group .login_box .m_area .join a:first-child:before{display:none}

.notice_login_group .login_box input[type='text']{padding-left:14px; width:100%; height:50px; font-family:"Malgun Gothic", "맑은 고딕"; font-size:14px; color:#444; border:none; border-radius:8px; background-color:#f7f7f7; vertical-align:top; box-sizing:border-box}
.notice_login_group .login_box input[type='text']:disabled{background-color:#f0f0f0}
.notice_login_group .login_box input[type='text']::placeholder{color:#7e7e7e}
.notice_login_group .login_box input[type='password']{padding-left:14px; width:100%; height:50px; font-family:"Malgun Gothic", "맑은 고딕"; font-size:14px; font-family:"pass", "Roboto", Helvetica, Arial, sans-serif; color:#444; border:none; border-radius:8px; background-color:#f7f7f7; vertical-align:top; box-sizing:border-box}
.notice_login_group .login_box input[type='password']::placeholder{color: #7e7e7e}
.notice_login_group .login_box .btn_l_login{display:inline-block; padding:0 20px; width:100%; height:50px; font-family:"Malgun Gothic", "맑은 고딕"; font-size:16px; font-weight:bold; color:#fff; text-align:center; line-height:50px; border-radius:8px; background-color:#00a950; box-sizing:border-box}
.notice_login_group .login_box .otp_area{display:flex; justify-content:space-between; margin-top:10px}

.link_box{display:flex; justify-content:space-between}
.link_box .fc_gr{color:#00a950}
.link_box a{display:inline-block; position:relative; margin-left:4px; padding-left:9px; font-family:"Malgun Gothic", "맑은 고딕"; font-size:14px; color:#444; line-height:15px}
.link_box a:before{content:''; display:block; position:absolute; top:2px; left:0; width:1px; height:11px; background-color:#a0a0a0}
.link_box a:first-child{padding-left:0; margin-left:0}
.link_box a:first-child:before{display:none}

.banner_box{display:flex; justify-content:space-between; align-items:center; margin:15px 0; padding:0 40px; height:70px; border-radius:8px; background-color:#f2f2f2}
.banner_box .b_link01{display:inline-block; padding-left:30px; height:32px; font-family:"Malgun Gothic", "맑은 고딕"; font-size:14px; color:#444; background:url("../Images/img_con/icon_bn_link01.png")no-repeat center left}
.banner_box .b_link02{display:inline-block; padding-left:30px; height:32px; font-family:"Malgun Gothic", "맑은 고딕"; font-size:14px; color:#444; background:url("../Images/img_con/icon_bn_link02.png")no-repeat center left}
.banner_box .b_link03{display:inline-block; padding-left:30px; height:32px; font-family:"Malgun Gothic", "맑은 고딕"; font-size:14px; color:#444; background:url("../Images/img_con/icon_bn_link03.png")no-repeat center left}
.banner_box .b_link04{display:inline-block; padding-left:30px; height:32px; font-family:"Malgun Gothic", "맑은 고딕"; font-size:14px; color:#444; background:url("../Images/img_con/icon_bn_link04.png")no-repeat center left}
.banner_box .b_link05{display:inline-block; padding-left:30px; height:32px; font-family:"Malgun Gothic", "맑은 고딕"; font-size:14px; color:#444; background:url("../Images/img_con/icon_bn_link05.png")no-repeat center left}
.banner_box .b_link06{display:inline-block; padding-left:30px; height:32px; font-family:"Malgun Gothic", "맑은 고딕"; font-size:14px; color:#444; background:url("../Images/img_con/icon_bn_link06.png")no-repeat center left}
.banner_box .b_link07{display:inline-block; padding-left:30px; height:32px; font-family:"Malgun Gothic", "맑은 고딕"; font-size:14px; color:#444; background:url("../Images/img_con/icon_bn_link07.png")no-repeat center left}
.banner_box .valign{line-height:32px}

#footer_login{width:100%}
#footer_login .footer_area{display:flex; width:100%; height:75px}
#footer_login .footer_area li{display:flex}
#footer_login .footer_area li.logo_f_h{width:70%; background:url("../Images/img_con/logo_h.png")no-repeat 2% center}
#footer_login .footer_area li.logo_f_hm{width:30%; background:url("../Images/img_con/logo_hm.png")no-repeat right center}
#footer_login .footer_area li .add{margin-left:200px; padding-top:20px; width:490px; font-family:"Malgun Gothic", "맑은 고딕"; font-size:13px; color:#888; line-height:18px}
#footer_login .footer_area li .fc_gr{ font-family:"Malgun Gothic", "맑은 고딕"; font-size:13px; color:#00a950}


/* 대시보드 */
#header_new{display:flex; padding-right:50px; height:90px}
#header_new .logo{width:200px; height:90px; background:url("../Images/img_con/img_logo.png")no-repeat center}
#header_new .logo2{width:200px; height:90px; background:url("../Images/img_con/img_logo2.png")no-repeat center}
#header_new .gnb_group{width:calc(100% - 200px)}
#header_new .gnb_group .util{display:flex; justify-content:flex-end; align-items:center; width:100%; height:36px}
#header_new .gnb_group .util .login_info{font-family:"Malgun Gothic", "맑은 고딕"; font-size:13px; color:#004b8d}
#header_new .gnb_group .main_menu{display:flex; padding:0 10px; width:100%; height:46px; border-radius:23px; background-color:#ebebeb; box-sizing:border-box}
#header_new .gnb_group .main_menu li{display:flex; align-items:center}
#header_new .gnb_group .main_menu li a{display:inline-block; width:120px; font-family:"Malgun Gothic", "맑은 고딕"; font-size:15px; color:#444; text-align:center}
#header_new .gnb_group .main_menu li > .on{ height:54px; font-size:15px; font-weight:bold; color:#fff; line-height:54px; border-radius:12px; background-color:#004b8d}
/* #header_new .gnb_group .main_menu li:last-child{margin-left:auto} */
#header_new .gnb_group .main_menu li .security{padding-left:17px; width:66px; font-family:"Malgun Gothic", "맑은 고딕"; color:#004b8d; background:url("../Images/img_con/icon_secu.png")no-repeat left center}

#lnb .lnb_group{position:relative; left:0; top:0; display:flex; flex-direction:column; margin-right:20px; padding-left:10px; width:180px; min-height:740px; border-radius:0 30px 30px 0; background:rgb(24,88,153); background:linear-gradient(180deg, rgba(24,88,153,1) 0%, rgba(35,136,199,1) 100%); box-sizing:border-box}
#lnb .lnb_group .sub_head{display:inline-block; margin:20px 20px 20px 10px; font-family:"Malgun Gothic", "맑은 고딕"; font-size:17px !important; font-weight:bold; color:#fff !important; text-align:center}
#lnb .sub_menu{margin:0 !important; padding-bottom:50px; width:170px !important}
#lnb .sub_menu li .select{display:flex; flex-direction:column; border-radius:10px 0 0 10px; background:url("../Images/img_con/bu_snb_m.png")no-repeat 97% 12px; background-color:#319ec7}
#lnb .sub_menu li a{display:block; padding:10px 10px !important; width:100%; font-family:"Malgun Gothic", "맑은 고딕"; font-size:14px; color:#fff; text-align:left; overflow:hidden; width:150px; white-space:nowrap; text-overflow:ellipsis}
#lnb .sub_menu li a:hover{display:block; padding:10px 10px !important; font-size:14px; border-radius:10px 0 0 10px; background:url("../Images/img_con/bu_snb_m.png")no-repeat 97% center; width:150px; background-color:#319ec7}
#lnb .sub_menu li a.menu-auto-fit {
    overflow: visible;
    white-space: normal;
    text-overflow: clip;
    word-break: keep-all;
    line-height: 1.3;
    font-size: 14px;
    min-height: 20px
}
#lnb .sub_menu li a.menu-auto-fit:hover {
    overflow: visible;
    white-space: normal;
    text-overflow: clip
}
#lnb .sub_menu li > .on{padding:10px 10px !important; font-size:14px; background:url("../Images/img_con/bu_snb_m.png")no-repeat 97% 10px}
#lnb .sub_menu li ul{margin:0 !important; width:170px !important}
#lnb .sub_menu li ul li a{padding:2px 10px !important;; font-size:12px; color:#fff}
#lnb .sub_menu li ul li a:hover{padding:2px 10px !important; font-size:12px; font-weight:bold; color:#05fdf6; background:none}
#lnb .sub_menu li ul li > .on{padding:2px 10px !important; font-size:12px; font-weight:bold; color:#05fdf6; background:none}
#lnb .sec_box{position:absolute; bottom:22px; left:22px}
#lnb .sec_box .security{display:block; padding-left:17px; font-family:"Malgun Gothic", "맑은 고딕"; color:#fff; background:url("../Images/img_con/icon_secu_w.png")no-repeat left center}

#content{padding:0 !important}
#content_main{padding:40px 50px 0 0; width:calc(100% - 250px) !important}
.notice_group{width:100%}
.notice_group .notice_tap li{display:inline-block; min-width:132px; height:50px; border-radius:15px 15px 0 0; background-color:#ebebeb}
.notice_group .notice_tap li a{display:block; padding:0 20px; font-family:"Malgun Gothic", "맑은 고딕"; font-size:18px; color:#888; line-height:50px; text-align:center}
.notice_group .notice_tap li .on{border-radius:15px 15px 0 0; color:#fff; background-color:#004b8d}
.notice_group .notice_box{position:relative; top:0; left:0; padding:20px 0 0 60px; height:260px; border:2px solid #ddd; border-radius:0 0 15px 15px; background:url("../Images/img_con/bg_notice.jpg")no-repeat right center; box-sizing:border-box}
.notice_group .notice_box .btn_more{position:absolute; top:20px; right:20px; padding:5px 12px; font-family:"Malgun Gothic", "맑은 고딕"; font-size:14px; color:#fff; border-radius:13px; background-color:#166172}
.notice_group .notice_lst{width:960px}
.notice_group .notice_lst li{display:flex; justify-content:space-between; align-items:center; height:42px; background:url("../Images/img_con/line_dot.gif")repeat-x bottom}
.notice_group .notice_lst li:last-child{background:none}
.notice_group .notice_lst li > a{overflow:hidden; display:inline-block; padding-left:20px; width:560px; font-family:"Malgun Gothic", "맑은 고딕"; font-size:16px; color:#444; white-space:nowrap; text-overflow:ellipsis; background:url("../Images/img_con/bu_n_lst.gif")no-repeat left center}
.notice_group .notice_lst li .date{display:inline-block; font-family:"Malgun Gothic", "맑은 고딕"; font-size:16px; color:#444}
.notice_group .notice_lst li .author{display:inline-block; width:200px;font-family:"Malgun Gothic", "맑은 고딕"; font-size:16px; color:#444}

.count_board_area{display:flex; justify-content:space-between; margin-top:35px}
.board_box{padding:40px; width:23.5%; height:320px; border-radius:15px; box-sizing:border-box}
.bx_bg01{background:url("../Images/img_con/bg_count01.png")no-repeat right bottom; background-color:#5e6cbb}
.bx_bg02{background:url("../Images/img_con/bg_count02.png")no-repeat right bottom; background-color:#999ea9}
.bx_bg03{background:url("../Images/img_con/bg_count03.png")no-repeat right bottom; background-color:#8064a2}
.bx_bg04{background:url("../Images/img_con/bg_count04.png")no-repeat right bottom; background-color:#c16793}
.board_box .board_head{font-family:"Malgun Gothic", "맑은 고딕"; font-size:18px; color:#fff}
.board_box .count_lst{margin-top:20px}
.board_box .count_lst li{display:flex; justify-content:space-between; padding:5px 0}
.board_box .count_lst li .desc{display:inline-block; font-family:"Malgun Gothic", "맑은 고딕"; font-size:14px; color:#fff}
.board_box .count_lst li .count{display:inline-block; font-family:"Malgun Gothic", "맑은 고딕"; font-size:14px; color:#82ecd8}
.board_box .count_lst li > a:hover{text-decoration:underline}

#footer_new{padding-right:50px; width:100%; background-color:#fff; box-sizing:border-box}
#footer_new .footer_area{display:flex; width:100%; height:75px}
#footer_new .footer_area li{display:flex; width:50%}
#footer_new .footer_area li.logo_f_h{background:url("../Images/img_con/logo_h.png")no-repeat 2% center}
#footer_new .footer_area li.logo_f_hm{background:url("../Images/img_con/logo_hm.png")no-repeat right center}
#footer_new .footer_area li .add{margin-left:200px; width:490px; font-family:"Malgun Gothic", "맑은 고딕"; font-size:13px; color:#888; line-height:75px}


/* 검색영역 그룹 */
.srch_group{display:flex; margin:20px 0; padding:8px 8px 3px 8px; width:100%; background-color:#f7f7f7; box-sizing:border-box}
.srch_group > .btn_box{display:flex; justify-content:flex-end; width:20%}
.srch_group > .srch_box{width:80%}
.srch_group > .box_top{display:flex; align-items:flex-start}

.srch_group > .btn_box2{display:flex; justify-content:flex-end; width:27%}
.srch_group > .srch_box2{width:73%}


/* table set */
.tbl_list{table-layout:fixed; width:100%; border-collapse:separate; border-spacing:0; border-top:1px solid #ddd}
.tbl_list th{padding:3px; height:22px; font-weight:normal; text-align:center; vertical-align:middle; border-bottom:1px solid #ddd; border-left:1px solid #ddd; background-color:#f2f2f2}
.tbl_list th:last-child{border-right:1px solid #ddd}
.tbl_list td{padding:5px 5px; color:#444; text-align:center; word-break:break-all; vertical-align:middle; border-bottom:1px solid #ddd; border-left:1px solid #ddd}
.tbl_list td:last-child{border-right:1px solid #ddd}
.tbl_list td a{color:#4079c3}
.tbl_list td a:hover{text-decoration:underline}
.tbl_list tr:hover{background-color:#fbfbfb}
.tbl_list td .v_align{display:inline-flex; align-items:center; height:25px}/* td안에 있는 텍스트 세로 가운데 정렬 */
.tbl_list .btn_t_basic{display:inline-block; padding:0 10px; height:24px; font-size:12px; font-weight:bold; color:#444; line-height:22px; text-align:center; border:1px solid #ccc; border-radius:3px; background-color:#fff; box-sizing:border-box}
.tbl_list .btn_t_basic:hover{text-decoration:none}
.tbl_list .in_align{display:flex}

.tbl_area{table-layout:fixed; width:100%; border-collapse:separate; border-spacing:0; border:none}
.tbl_area th{padding:0 5px 5px 0; font-weight:bold; text-align:right; vertical-align:middle}
.tbl_area td{padding:0 0 5px 5px; text-align:right; vertical-align:middle}
.tbl_area td .v_align{display:inline-flex; align-items:center; height:25px}/* td안에 있는 텍스트 세로 가운데 정렬 */
.tbl_area .btn_t_basic{display:inline-block; padding:0 10px; height:24px; font-size:12px; font-weight:bold; color:#444; line-height:22px; text-align:center; border:1px solid #ccc; border-radius:3px; background-color:#fff; box-sizing:border-box}
.tbl_area .btn_t_basic:hover{text-decoration:none}
.tbl_area .t_title{display:block; margin:5px 0; padding-right:20px; width:120px; height:30px; font-size:13px; font-weight:bold; line-height:30px; color:#fff; border-radius:5px; background-color:#6677c9}


/* 버튼 스타일 */
.btn_basic{display:inline-block; padding:0 10px; height:24px; font-size:12px; font-weight:bold; color:#444; line-height:22px; text-align:center; border:1px solid #ccc; border-radius:3px; background-color:#fff; box-sizing:border-box}
.btn_basic:hover,
.btn_basic:focus,
.btn_basic:active{color:#444}

.btn_logout{display:inline-block; padding:0 10px; height:24px; font-size:12px; font-weight:bold; color:#fff; line-height:22px; text-align:center; border:1px solid #004b8d; border-radius:3px; background-color:#004b8d; box-sizing:border-box}
.btn_logout:hover,
.btn_logout:focus,
.btn_logout:active{color:#fff}

.btn_st01{display:inline-block; padding:0 10px; min-width:73px; height:24px; font-size:12px; font-weight:bold; color:#fff; line-height:22px; text-align:center; border:1px solid #e8ad7c; border-radius:3px; background-color:#f8ba87; box-sizing:border-box}
.btn_st01:hover,
.btn_st01:focus,
.btn_st01:active{color:#fff}

.btn_st02{display:inline-block; padding:0 10px; min-width:73px; height:24px; font-size:12px; font-weight:bold; color:#fff; line-height:22px; text-align:center; border:1px solid #f27666; border-radius:3px; background-color:#f68c7e; box-sizing:border-box}
.btn_st02:hover,
.btn_st02:focus,
.btn_st02:active{color:#fff}

.btn_st03{display:inline-block; padding:0 10px; min-width:73px; height:24px; font-size:12px; font-weight:bold; color:#fff; line-height:22px; text-align:center; border:1px solid #50b8e0; border-radius:3px; background-color:#7bc1dc; box-sizing:border-box}
.btn_st03:hover,
.btn_st03:focus,
.btn_st03:active{color:#fff}

.btn_st04{display:inline-block; padding:0 10px; min-width:73px; height:24px; font-size:12px; font-weight:bold; color:#fff; line-height:24px; text-align:center; border:1px solid #18b1b2; border-radius:3px; background-color:#41c1c2; box-sizing:border-box}
.btn_st04:hover,
.btn_st04:focus,
.btn_st04:active{color:#fff}

.btn_st05{display:inline-block; padding:0 10px; min-width:73px; height:24px; font-size:12px; font-weight:bold; color:#fff; line-height:24px; text-align:center; border:1px solid #dd85a8; border-radius:3px; background-color:#eb9fbe; box-sizing:border-box}
.btn_st05:hover,
.btn_st05:focus,
.btn_st05:active{color:#fff}

.btn_st06{display:inline-block; padding:0 10px; min-width:73px; height:24px; font-size:12px; font-weight:bold; color:#fff; line-height:24px; text-align:center; border:1px solid #a67dcf; border-radius:3px; background-color:#b999da; box-sizing:border-box}
.btn_st06:hover,
.btn_st06:focus,
.btn_st06:active{color:#fff}

.btn_st07{display:inline-block; padding:0 10px; min-width:73px; height:24px; font-size:12px; font-weight:bold; color:#fff; line-height:24px; text-align:center; border:1px solid #98ab4e; border-radius:3px; background-color:#b3c17b; box-sizing:border-box}
.btn_st07:hover,
.btn_st07:focus,
.btn_st07:active{color:#fff}

.btn_st08{display:inline-block; padding:0 10px; min-width:73px; height:24px; font-size:12px; font-weight:bold; color:#fff; line-height:24px; text-align:center; border:1px solid #a88e75; border-radius:3px; background-color:#b2a191; box-sizing:border-box}
.btn_st08:hover,
.btn_st08:focus,
.btn_st08:active{color:#fff}

.btn_st09{display:inline-block; padding:0 10px; min-width:73px; height:24px; font-size:12px; font-weight:bold; color:#fff; line-height:24px; text-align:center; border:1px solid #0078a2; border-radius:3px; background-color:#0078a2; box-sizing:border-box}
.btn_st09:hover,
.btn_st09:focus,
.btn_st09:active{color:#fff}

.btn_pop_pos{display:inline-block; padding:0 20px; height:28px; font-size:13px; font-weight:bold; color:#fff; line-height:28px; border:1px solid #0078a2; border-radius:3px; background-color:#0078a2}
.btn_pop_pos:hover,
.btn_pop_pos:focus,
.btn_pop_pos:active{color:#fff}

.btn_pop_neg{display:inline-block; padding:0 20px; height:28px; font-size:13px; font-weight:bold; color:#fff; line-height:28px; border:1px solid #b1b1b1; border-radius:3px; background-color:#b1b1b1}
.btn_pop_neg:hover,
.btn_pop_neg:focus,
.btn_pop_neg:active{color:#fff}

.btn_s_srch{display:inline-block; width:16px; height:16px; background:url("../Images/img_con/icon_search.png")no-repeat}
.button_s_srch{display:inline-block; width:24px; height:24px; border:none; background:url("../Images/img_con/icon_search.png")no-repeat center}


/* window popup */
.window_popup{width:100%; height:100%}
.window_popup .popup_header{display:flex; justify-content:space-between; align-items:center; padding:0 15px; width:100%; height:40px; font-size:16px; font-weight:bold; color:#fff; background-color:#004b8d; box-sizing:border-box}
.window_popup .popup_contents{overflow-y:auto; padding:10px 15px 0 15px; height:calc(100vh - 110px); box-sizing:border-box}
.window_popup .popup_footer{padding-top:20px; text-align:center}
.window_popup .btn_close{width:16px; height:16px; background:url("../Images/img_con/btn_mpop_close.png")no-repeat}

.window_popup .popup_contents .desc{margin:0 auto; padding:15px; width:100%; font-size:16px; font-weight:bold; text-align:center; background-color:#f2f2f2; box-sizing:border-box}
.window_popup .popup_contents .desc_s{margin:0 auto; padding:15px; font-size:14px; width:100%; line-height:24px; text-align:center; box-sizing:border-box}
.window_popup .popup_contents .inner_area{display:flex; justify-content:space-between;  margin:5px 0; width:100%;  box-sizing:border-box}
.window_popup .popup_contents .stit{display:inline-block; margin-bottom:7px; padding:5px 14px; font-size:15px; font-weight:bold; color:#fff; border-radius:30px; background-color:#4079c3}
.window_popup .popup_contents .stit2{display:block; margin-bottom:7px; padding:15px 0 0 0; font-size:14px; font-weight:bold; color:#444}
.window_popup .popup_contents .stit_box{display:flex; justify-content:space-between; align-items:center}
.window_popup .popup_contents .safety_box{display:flex}
.window_popup .popup_contents .safety_box .partners{padding-right:15px; width:200px}
.window_popup .popup_contents .safety_box .assess{width:calc(100% - 200px)}

.window_popup .stamp_head{margin:0 auto; padding:10px 0; width:350px; line-height:20px}
.window_popup .stamp_box{display:flex; align-items:center; margin:0 auto; padding:5px 0; width:350px; border-bottom:1px solid #ddd}
.window_popup .stamp_box li:nth-child(1){width:30px}
.window_popup .stamp_box li:nth-child(2){width:60px}
.window_popup .stamp_box li:nth-child(3){width:180px}
.window_popup .stamp_box li:nth-child(4){width:80px; text-align:center}


/* 설치프로그램 */
#wrap_ins{display:flex; justify-content:center; align-items:center; width:100%; height:100%}
#content_ins{width:700px}
#content_ins .install_group{padding-top:10px}
#content_ins .install_group .info_box{display:flex; align-items:center; height:170px; background:url("../Images/img_con/bg_top_security.png")no-repeat right bottom; box-sizing:border-box}
#content_ins .install_group .info_desc{width:500px; font-size:12px; line-height:24px}
#content_ins .install_group .fc_blue{font-size:16px; color:#1a85c5}
#content_ins .install_group .fc_k{font-size:14px; font-weight:bold}
#content_ins .install_group .fc_red{color:#eb514f}
#content_ins .install_group .fwb{font-weight:bold}
#content_ins .install_group .btn_down{display:block; margin:0 auto; width:150px; height:30px; font-size:12px; color:#fff; line-height:30px; text-align:center; border-radius:20px; background-color:#1d5381; box-sizing:border-box}
#content_ins .install_group .no_ins{display:block; margin:0 auto; width:60px; height:30px; font-size:12px; color:#fff; line-height:30px; text-align:center; border-radius:20px; background-color:#eb514f; box-sizing:border-box}
#content_ins .install_group .yes_ins{display:block; margin:0 auto; width:60px; height:30px; font-size:12px; color:#fff; line-height:30px; text-align:center; border-radius:20px; background-color:#42b073; box-sizing:border-box}
#content_ins .install_group .tip_box{margin-top:15px}
#content_ins .install_group .tip_box li{margin-top:5px; padding-left:10px; background:url("../Images/img_con/bu_gray.gif")no-repeat center left}
#content_ins .tbl_list_ins{table-layout:fixed; margin-top:10px; width:100%; border-collapse:separate; border-spacing:0; border-top:2px solid #1d5381}
#content_ins .tbl_list_ins th{padding:10px 20px; height:22px; font-weight:normal; text-align:center; vertical-align:middle; border-bottom:1px solid #ddd; border-left:1px solid #ddd; background-color:#f2f2f2}
#content_ins .tbl_list_ins th:first-child{border-left:none}
#content_ins .tbl_list_ins td{padding:10px; color:#444; text-align:center; word-break:break-all; vertical-align:middle; border-bottom:1px solid #ddd; border-left:1px solid #ddd}


/* basic input style협력사평가 
input[type='checkbox']{display:none}
input[type='checkbox'] + label{padding-right:10px; cursor:pointer}
input[type='checkbox'] + label span{display:inline-block; margin:-2px 5px 0 0; width:16px; height:16px; vertical-align:middle; background:url("../Images/img_con/input_basic.png")no-repeat 0 top}
input[type='checkbox']:checked + label span{background:url("../Images/img_con/input_basic.png")no-repeat -17px top}
input[type='checkbox']:disabled + label span{background:url("../Images/img_con/input_basic.png")no-repeat -34px top}
input[type='checkbox']:checked:disabled + label span{background: url("../Images/img_con/input_basic.png")no-repeat -51px top}

input[type='radio']{display:none}
input[type='radio'] + label{padding-right:10px; cursor:pointer}
input[type='radio'] + label span{display:inline-block; width:16px; height:16px; margin:-2px 5px 0 0; vertical-align:middle; background:url("../Images/img_con/input_basic.png")no-repeat -68px top}
input[type='radio']:checked + label span{background: url("../Images/img_con/input_basic.png")no-repeat -85px top}
input[type='radio']:disabled + label span{background:url("../Images/img_con/input_basic.png")no-repeat -102px top}
input[type='radio']:checked:disabled + label span{background:url("../Images/img_con/input_basic.png")no-repeat -119px top}
*/

input[type='text']{padding-left:6px; height:24px; font-size:12px; color:#444; border:1px solid #ccc; border-radius:3px; vertical-align:top; box-sizing:border-box}
input[type='text']:disabled{background-color:#f0f0f0}
input[type='text']::placeholder{color:#7e7e7e}

input[type='password']{padding-left:6px; height:26px; font-size:12px; font-family:"pass", "Roboto", Helvetica, Arial, sans-serif; color:#444; border:1px solid #ccc; border-radius:3px; vertical-align:top}
input[type='password']::placeholder{color: #7e7e7e}

select{padding:0 24px 0 6px; height:24px; font-size:12px; color:#444; border:1px solid #ccc; border-radius:3px; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; 
appearance:none; background: url("../Images/img_con/input_select.png")no-repeat 98% 8px; background-color:#fff; cursor:pointer}
select::-ms-expand{display:none}
select:disabled{border:1px solid #ccc; background:url("../Images/img_con/input_select.png")no-repeat 98% -20px; background-color:#f0f0f0}

textarea{padding:5px 5px 5px 8px; resize:none; overflow-y:auto; height:60px; font-family:dotum, "돋움", sans-serif; font-size:12px; line-height:20px; color:#444; border:1px solid #ccc; border-radius:3px}
textarea:disabled{background-color:#f0f0f0}
textarea::placeholder{font-size:12px; color:#7e7e7e}

.file_input_tex{float:left; height:26px}
.file_input_div{overflow:hidden; position:relative; width:68px; height:24px}
.file_input_btn{padding:0 0 0 3px}
.file_input_hidden{position:absolute; top:0; right:0; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); cursor:pointer}

.clse_input{display:inline-block; padding:2px 1px 1px 1px; height:21px; border:1px solid #ccc; border-radius:3px; background-color:#fff}
.clse_input.disabled{background-color:#f0f0f0}
.clse_input input{width:calc(100% - 20px); height:20px; border:none}
.clse_input input.button_close{margin:2px 0 0 2px; width:16px; height:16px; background:url("../Images/img_con/input_close.png")no-repeat 0 0; cursor:pointer}
.clse_input input.button_close_off{margin:2px 0 0 2px; width:16px; height:16px; background:url("../Images/img_con/input_close.png")no-repeat -12px 0; cursor:pointer}

.srch_input{display:inline-block; padding:2px 1px 1px 1px; height:21px; border:1px solid #ccc; border-radius:3px; background-color:#fff}
.srch_input.disabled{background-color:#f0f0f0}
.srch_input input{width:calc(100% - 20px); height:20px; border:none}
.srch_input input.button_srch{margin:2px 0 0 2px; width:16px; height:16px; background:url("../Images/img_con/input_search.png")no-repeat -3px -1px; cursor:pointer}
.srch_input input.button_srch_off{margin:2px 0 0 2px; width:16px; height:16px; background:url("../Images/img_con/input_search.png")no-repeat -22px -1px; cursor:pointer}

.button_input_srch{display:inline-block; padding:0 8px; height:24px;font-size:12px; color:#fff; line-height:24px; border:1px solid #004b8d; border-radius:3px; background-color:#004b8d; cursor:pointer}
.button_input_srch:hover,
.button_input_srch:focus,
.button_input_srch:active{color:#fff; border:1px solid #004b8d; background-color:#004b8d}


/* calendar */
.calendar_input{display:inline-flex; padding:1px 1px 1px 1px; height:20px; border:1px solid #ccc; border-radius:3px; background-color:#fff}
.calendar_input.disabled{background-color:#f0f0f0}
.calendar_input input{width:calc(100% - 20px); height:20px; border:none}
.calendar_input input.input_txt{height:20px; border:none}
.calendar_input input.button_calendar{margin:2px 0 0 2px; width:16px; height:16px; background:url("../Images/img_con/bg_calendar_s.png")no-repeat -1px -17px; cursor:pointer}
.calendar_input input.button_calendar_off{margin:2px 0 0 2px; width:16px; height:16px; background:url("../Images/img_con/bg_calendar_s.png")no-repeat -1px -1px; cursor:pointer}


/* 탭메뉴 */
.tab_p{margin-top:20px}
.tab_p ul{font-size:0; border-left:1px solid #e1e1e1; border-bottom:1px solid #d2d2d2; text-align:left}
.tab_p ul > li{display:inline-block; min-width:80px; height:36px; border-top:1px solid #4d5057; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; margin-bottom:-1px; background-color:#f2f2f2}
.tab_p ul > li .select{width:100%; font-weight:bold !important; border-bottom:1px solid #fff; background-color:#fff}
.tab_p ul > li a{display:block; height:36px; font-size:13px; color:#363636; line-height:36px; text-align:center}


/* 포커싱 outline 삭제 */
textarea:focus{outline:none}
button:focus{outline:none}
input:focus{outline:none}
select:focus{outline:none}
a:focus{outline:none}


/* 블라인드 효과 */
.blind{overflow:hidden; position:absolute; z-index:-1; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%); border:0}


/* margin sizeing set */
.m0{margin:0 !important}
.m5{margin:5px !important}
.m10{margin:10px !important}
.m15{margin:15px !important}
.m20{margin:20px !important}
.m25{margin:25px !important}
.m30{margin:30px !important}
.m35{margin:35px !important}
.m40{margin:40px !important}

.mt0{margin-top:0 !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}

.mr0{margin-right:0 !important}
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mr25{margin-right:25px !important}
.mr30{margin-right:30px !important}
.mr35{margin-right:35px !important}
.mr40{margin-right:40px !important}

.mb0{margin-bottom:0 !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}
.mb35{margin-bottom:35px !important}
.mb40{margin-bottom:40px !important}

.ml0{margin-left:0 !important}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml25{margin-left:25px !important}
.ml30{margin-left:30px !important}
.ml35{margin-left:35px !important}
.ml40{margin-left:40px !important}


/* padding sizeing set */
.p0{padding:0 !important}
.p5{padding:5px !important}
.p10{padding:10px !important}
.p15{padding:15px !important}
.p20{padding:20px !important}
.p25{padding:25px !important}
.p30{padding:30px !important}
.p35{padding:35px !important}
.p40{padding:40px !important}

.pt0{padding-top:0 !important}
.pt5{padding-top:5px !important}
.pt10{padding-top:10px !important}
.pt15{padding-top:15px !important}
.pt20{padding-top:20px !important}
.pt25{padding-top:25px !important}
.pt30{padding-top:30px !important}
.pt35{padding-top:35px !important}
.pt40{padding-top:40px !important}

.pr0{padding-right:0 !important}
.pr5{padding-right:5px !important}
.pr10{padding-right:10px !important}
.pr15{padding-right:15px !important}
.pr20{padding-right:20px !important}
.pr25{padding-right:25px !important}
.pr30{padding-right:30px !important}
.pr35{padding-right:35px !important}
.pr40{padding-right:40px !important}

.pb0{padding-bottom:0 !important}
.pb5{padding-bottom:5px !important}
.pb10{padding-bottom:10px !important}
.pb15{padding-bottom:15px !important}
.pb20{padding-bottom:20px !important}
.pb25{padding-bottom:25px !important}
.pb30{padding-bottom:30px !important}
.pb35{padding-bottom:35px !important}
.pb40{padding-bottom:40px !important}

.pl0{padding-left:0 !important}
.pl5{padding-left:5px !important}
.pl10{padding-left:10px !important}
.pl15{padding-left:15px !important}
.pl20{padding-left:20px !important}
.pl25{padding-left:25px !important}
.pl30{padding-left:30px !important}
.pl35{padding-left:35px !important}
.pl40{padding-left:40px !important}


/* text */
.vat{vertical-align:top !important}
.vam{vertical-align:middle !important}
.vat{vertical-align:top !important}

.tal{text-align:left !important}
.tac{text-align:center !important}
.tar{text-align:right !important}

.fsi{font-style:italic !important}
.fwb{font-weight:bold !important}
.fwn{font-weight:normal !important}
.fc_red{color:#ed3648}


/* input password css */
@font-face{
font-family:"pass";
font-style:normal;
font-weight:400;
src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATsAA8AAAAAB2QAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAcg9+z70dERUYAAAF0AAAAHAAAAB4AJwANT1MvMgAAAZAAAAA/AAAAYH7AkBhjbWFwAAAB0AAAAFkAAAFqZowMx2N2dCAAAAIsAAAABAAAAAQAIgKIZ2FzcAAAAjAAAAAIAAAACAAAABBnbHlmAAACOAAAALkAAAE0MwNYJ2hlYWQAAAL0AAAAMAAAADYPA2KgaGhlYQAAAyQAAAAeAAAAJAU+ATJobXR4AAADRAAAABwAAAAcCPoA6mxvY2EAAANgAAAAEAAAABAA5gFMbWF4cAAAA3AAAAAaAAAAIAAKAE9uYW1lAAADjAAAARYAAAIgB4hZ03Bvc3QAAASkAAAAPgAAAE5Ojr8ld2ViZgAABOQAAAAGAAAABuK7WtIAAAABAAAAANXulPUAAAAA1viLwQAAAADW+JM4eNpjYGRgYOABYjEgZmJgBEI2IGYB8xgAA+AANXjaY2BifMg4gYGVgYVBAwOeYEAFjMgcp8yiFAYHBl7VP8wx/94wpDDHMIoo2DP8B8kx2TLHACkFBkYA8/IL3QB42mNgYGBmgGAZBkYGEEgB8hjBfBYGDyDNx8DBwMTABmTxMigoKKmeV/3z/z9YJTKf8f/X/4/vP7pldosLag4SYATqhgkyMgEJJnQFECcMOGChndEAfOwRuAAAAAAiAogAAQAB//8AD3jaY2BiUGJgYDRiWsXAzMDOoLeRkUHfZhM7C8Nbo41srHdsNjEzAZkMG5lBwqwg4U3sbIx/bDYxgsSNBRUF1Y0FlZUYBd6dOcO06m+YElMa0DiGJIZUxjuM9xjkGRhU2djZlJXU1UDQ1MTcDASNjcTFQFBUBGjYEkkVMJCU4gcCKRTeHCk+fn4+KSllsJiUJEhMUgrMUQbZk8bgz/iA8SRR9qzAY087FjEYD2QPDDAzMFgyAwC39TCRAAAAeNpjYGRgYADid/fqneL5bb4yyLMwgMC1H90HIfRkCxDN+IBpFZDiYGAC8QBbSwuceNpjYGRgYI7594aBgcmOAQgYHzAwMqACdgBbWQN0AAABdgAiAAAAAAAAAAABFAAAAj4AYgI+AGYB9AAAAAAAKgAqACoAKgBeAJIAmnjaY2BkYGBgZ1BgYGIAAUYGBNADEQAFQQBaAAB42o2PwUrDQBCGvzVV9GAQDx485exBY1CU3PQgVgIFI9prlVqDwcZNC/oSPoKP4HNUfQLfxYN/NytCe5GwO9/88+/MBAh5I8C0VoAtnYYNa8oaXpAn9RxIP/XcIqLreZENnjwvyfPieVVdXj2H7DHxPJH/2/M7sVn3/MGyOfb8SWjOGv4K2DRdctpkmtqhos+D6ISh4kiUUXDj1Fr3Bc/Oc0vPqec6A8aUyu1cdTaPZvyXyqz6Fm5axC7bxHOv/r/dnbSRXCk7+mpVrOqVtFqdp3NKxaHUgeod9cm40rtrzfrt2OyQa8fppCO9tk7d1x0rpiQcuDuRkjjtkHt16ctbuf/radZY52/PnEcphXpZOcofiEZNcQAAeNpjYGIAg///GBgZsAF2BgZGJkZmBmaGdkYWRla29JzKggxD9tK8TAMDAxc2D0MLU2NjENfI1M0ZACUXCrsAAAABWtLiugAA) format("woff");
}

/* border style */
.bd_n{border:none !important}
.bdt_n{border-top:none !important}
.bdb_n{border-bottom:none !important}
.bdl_n{border-left:none !important}
.bdr_n{border-right:none !important}