@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

html{}
body{margin:0;padding:0;font-family: "Nanum Gothic", sans-serif;font-size:12px;color:#555;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,select,a{margin:0;padding:0;}

h1,h2,h3,h4,button{font-family:"돋움",dotum,Helvetica,sans-serif;font-size:12px;color:#555}
input,select{font-family:"돋움",dotum,Helvetica,sans-serif;font-size:13px;color:#555;}
body{*word-break:break-all;-ms-word-break:break-all;}
fieldset,iframe{border:none;}
img{border:0;vertical-align:middle;}
li{list-style:none}
table{border-collapse:collapse;border-spacing:0}

 

/* head_start */
.h_wrap{background-image:url(../h_img/1/head_bg.gif); background-position:top; background-repeat:repeat-x; }
.h_wrap .head{width:1158px; height:127px;margin:0 auto;}

.hs_logo{width:20%;display:inline-block;float:left;text-align:left; margin-top:5px; margin-bottom:5px;}
.hs_admin{width:80%;float:right;margin-top:8px;text-align:right;}
.hs_admin li{display:inline-block; text-align:right;}
.hs_admin .admin_name{font-family:"돋움",dotum,Helvetica,sans-serif;font-size:11px;color:#ffffff;font-weight:bold;}
.hs_admin li img{vertical-align:middle;}

.admin_mu{float:left;clear:both;margin-top:13px;display:inline-block;width:320px; height:66px; line-height:66px; font-size:15px;text-align:center; font-weight:bold;
     background-image:url(../h_img/1/sel_bg.png);background-position:top;color:#0062a7;background-repeat:no-repeat;font-family: "Nanum Gothic", sans-serif;}

/* menu_start */

.menucss{display:inline-block;float:right;margin-top:13px;}
.menucss li{display:inline-block;width:111px;height:66px;text-align:center;font-size:13px;padding-top:45px; margin-left:5px;}

.menucss a{display:inline-block; font-weight:600;}
.menucss a:link { color:inherit;text-decoration:none;}
.menucss a:visited {color:inherit;text-decoration:none; }
.menucss a:hover {color:inherit;text-decoration:none;}
.menucss a:active {color:inherit;text-decoration:none;}

.menucss .m1{background-image:url(../h_img/1/m1.png); background-position:top; background-repeat:no-repeat; width:111px; height:66px;color:#303030;}
.menucss .m1_ov{background-image:url(../h_img/1/m1_ov.png); background-position:top; background-repeat:no-repeat; width:111px; height:66px; color:#004891;}
.menucss .m2{background-image:url(../h_img/1/m2.png); background-position:top; background-repeat:no-repeat; width:111px; height:66px;color:#303030;}
.menucss .m2_ov{background-image:url(../h_img/1/m2_ov.png); background-position:top; background-repeat:no-repeat; width:111px; height:66px; color:#004891;}
.menucss .m3{background-image:url(../h_img/1/m3.png); background-position:top; background-repeat:no-repeat; width:111px; height:66px;color:#303030;}
.menucss .m3_ov{background-image:url(../h_img/1/m3_ov.png); background-position:top; background-repeat:no-repeat; width:111px; height:66px; color:#004891;}
.menucss .m4{background-image:url(../h_img/1/m4.png); background-position:top; background-repeat:no-repeat; width:111px; height:66px;color:#303030;}
.menucss .m4_ov{background-image:url(../h_img/1/m4_ov.png); background-position:top; background-repeat:no-repeat; width:111px; height:66px; color:#004891;}
.menucss .m5{background-image:url(../h_img/1/m5.png); background-position:top; background-repeat:no-repeat; width:111px; height:66px;color:#303030;}
.menucss .m5_ov{background-image:url(../h_img/1/m5_ov.png); background-position:top; background-repeat:no-repeat; width:111px; height:66px; color:#004891;}
.menucss .m6{background-image:url(../h_img/1/m6.png); background-position:top; background-repeat:no-repeat; width:111px; height:66px;color:#303030;}
.menucss .m6_ov{background-image:url(../h_img/1/m6_ov.png); background-position:top; background-repeat:no-repeat; width:111px; height:66px; color:#004891;}
.menucss .m7{background-image:url(../h_img/1/m7.png); background-position:top; background-repeat:no-repeat; width:111px; height:66px;color:#303030;}
.menucss .m7_ov{background-image:url(../h_img/1/m7_ov.png); background-position:top; background-repeat:no-repeat; width:111px; height:66px; color:#004891;}

/* menu_end */

.bg_tsline{position:absolute;top:127px;left:0;z-index:1452145;background-image:url(../h_img/1/p_line1.png); background-position:top; background-repeat:repeat-x;width:100%; height:14px; }

/* head_end */


/* sub_cont_start */
.c_wrap{background-image:url(../h_img/1/s_bg.jpg); background-position:top; background-repeat:no-repeat; background-color:#5387ca;padding-top:20px;padding-bottom:20px;}
.c_wrap .contents{width:1160px; margin:0 auto;}
.c_wrap .contents .c_box_t{height:4px;background-image:url(../h_img/1/p_top_box.png); background-position:top; background-repeat:no-repeat;}
.c_wrap .contents .c_box_m{min-height:700px;background-color:#ffffff; border-left:#6999d2 solid 1px;border:#6999d2 solid 1px; padding:20px 20px;}
.c_wrap .contents .c_box_f{height:5px;background-image:url(../h_img/1/p_bot_box.png); background-position:top; background-repeat:no-repeat;}


.c_box_m .s_h1{display:inline-block;float:left;width:50%;height:32px;font-size:21px; color:#28292c; border-bottom:#dbdbdb solid 1px;font-weight:bold;}
.c_box_m .s_local{display:inline-block;float:left;width:50%;height:32px;font-size:12px;border-bottom:#dbdbdb solid 1px;font-family:"돋움",dotum,Helvetica,sans-serif;color:#2d4f7c; text-align:right;line-height:30px;}
.c_box_m .cont{display:block; clear:both; padding-top:25px; padding-bottom:5px;}

/* sub_cont_end */

/* foot_start */
.f_wrap{background-image:url(../h_img/1/foot_line.gif); background-position:top; background-repeat:repeat-x; background-color:#757575; padding:20px 0; clear:both;}
.f_wrap .foot{font-family:"돋움",dotum,Helvetica,sans-serif;font-size:12px;color:#ffffff;width:1159px; height:40px; margin:0 auto;}
.f_wrap .foot p{display:inline-block;width:210px;}
.f_wrap .foot p:first-child{text-align:center;}
.f_wrap .foot p:first-child img{ margin-top:-15px;}
.f_wrap .foot p:last-child{width:900px;border-left:#CCC solid 1px; padding-left:20px;}  
/* foot_end */


/* main_cont_start */
.mc_wrap{position:relative;background-image:url(../h_img/1/s_bg.jpg); background-position:top; background-repeat:no-repeat; background-color:#5387ca;padding-top:25px; height:638px;}

.m_contents{width:1166px; margin:0 auto;}

.m_contents .mc_left{display:inline-block;float:left;width:220px; height:615px;background-image:url(../h_img/1/m_left_bg.png); background-position:top; background-repeat:no-repeat;margin-top:0;margin-right:8px;}

.m_contents .mc_box1{display:inline-block;float:left;width:465px; height:313px;background-image:url(../h_img/1/m_box1.png); background-position:top; background-repeat:no-repeat;margin-top:-7px;margin-right:8px;margin-bottom:9px;}

.m_contents .mc_box2{display:inline-block;float:left;width:465px; height:313px;background-image:url(../h_img/1/m_box2.png); background-position:top; background-repeat:no-repeat;margin-top:-7px;margin-bottom:9px;}

.m_contents .mc_box3{display:inline-block;float:left;width:355px; height:293px;background-image:url(../h_img/1/m_box3.png); background-position:top; background-repeat:no-repeat;margin-top:0px;margin-right:8px;}

.m_contents .mc_box4{display:inline-block;float:left;width:355px; height:293px;background-image:url(../h_img/1/m_box4.png); background-position:top; background-repeat:no-repeat;margin-top:0px;margin-right:8px;}

.m_contents .mc_box5{display:inline-block;float:left;width:212px; height:293px;background-image:url(../h_img/1/m_box5.png); background-position:top; background-repeat:no-repeat;margin-top:0px;}


/* main_cont_end */





/* 추가 CSS */
#tap_menu2 {float:left; width:100%;margin-left:0; margin-bottom:26px; border-bottom:#344e89 solid 1px; font-size:12px; font-family:"돋움",dotum,Helvetica,sans-serif;}
#tap_menu2 li {float:left; height:35px; width:142px; background:#eceff0 url(../h_img/1/tap_bg2.png) repeat-x top; text-align:center; line-height:38px; border:#4e68a2 solid 1px; border-bottom:none; margin-right:1px;}

#tap_menu2 li a:link {color:#555; text-decoration:none;font-weight:bold;}
#tap_menu2 li a:hover {color:#555; text-decoration:none;font-weight:bold;}
#tap_menu2 li a:active {color:#555; text-decoration:none;font-weight:bold;}
#tap_menu2 li a:visited {color:#555; text-decoration:none;font-weight:bold;}

#tap_menu2 li.on 
{
	background:#4e68a2 url(../h_img/1/tap_bg2.png) repeat-x top; border:#344e89 solid 1px;border-bottom:none;
}
#tap_menu2 li.on a:link {color:#ffffff; text-decoration:none;font-weight:bold;}
#tap_menu2 li.on a:hover {color:#ffffff; text-decoration:none;font-weight:bold;}
#tap_menu2 li.on a:active {color:#ffffff; text-decoration:none;font-weight:bold;}
#tap_menu2 li.on a:visited {color:#ffffff; text-decoration:none;font-weight:bold;}



#middle_title2 ol li{ font-size:14px; color:#333; border-bottom:#8cb5ba solid 1px; width:100%; height:30px; line-height:30px; margin-left:0px;}
#small_title2 ol li{font-size:13px; color:#333;}

table#mbr_search{ margin:0 auto;font-family:"돋움",dotum,Helvetica,sans-serif; font-size:12px;}



input.btn_gb[type=button] { cursor:pointer;  padding:0 7px; height:27px; line-height:27px; border:#303030 solid 1px; background-color:#555555;color:#ffffff; } 
input.btn_gb[type=button]:hover {cursor:pointer; padding:0 7px; height:27px; line-height:27px; border:#CCC solid 1px; background-color:#ebebeb;color:#555555;} 

input.btn_gbs[type=button] { cursor:pointer; padding:0 7px; height:27px; line-height:27px; border:#888 solid 1px; background-color:#ebebeb;color:#555555; font-weight:bold;} 
input.btn_gbs[type=button]:hover {cursor:pointer; padding:0 7px; height:27px; line-height:27px; border:#888 solid 1px; background-color:#ebebeb;color:#555555;font-weight:bold;} 



input.btn_pb[type=button] { cursor:pointer; padding:0 10px; height:27px; line-height:27px; border:#006699 solid 1px; background-color:#2988d3;color:#ffffff; } 
input.btn_pb[type=button]:hover {cursor:pointer; padding:0 10px;  height:27px; line-height:27px; border:#006699 solid 1px; background-color:#2988d3;color:#ffffff;}


#table2_tap_v{ font-family:"돋움",dotum,Helvetica,sans-serif; letter-spacing:-0.1em;}
#table2_tap_v #TapTable{}
#table2_tap_v #TapTable a{font-weight:bold;}
#table2_tap_v #TapTable a:link{text-decoration:none; color:#555;}
#table2_tap_v #TapTable a:hover{text-decoration:none; color:#555;}
#table2_tap_v #TapTable a:active{text-decoration:none; color:#555;}
#table2_tap_v #TapTable a:visited{text-decoration:none; color:#555;}




/*구조*/
td.OutlinePltTableTd1  
{
	        width:230px;
	        height:350px;
	        vertical-align:top;
	        padding-left:5px;	        
	        background-color:#f8f8f8; 	        
}
td.OutlinePltTableTd2 
{ padding-left:10px;
	        width:100%;
	        vertical-align:top;	        
}

td.OutlineMngTableTd1  
{
	        width:100%;
	        height:50px;
}
td.OutlineMngTableTd2 
{
	        height:300px;
	        vertical-align:top;
}

/* 타이틀 */
.st_jsmall_title {float:left; width:100%; height:16px; margin-left:0px; margin-bottom:5px; font-size:13px; font-weight:bold;}
#st_middle_title {float:left; width:100%; margin-left:0px; margin-bottom:17px; height:24px; font-size:14px; font-weight:bold; color:#333; border-bottom:#8cb5ba solid 1px;}
#st_middle_title2 {float:left; width:740px; margin-left:0px; margin-bottom:17px; height:24px; font-size:13px; font-weight:bold;}


/*자료다운로드 테이블리스트*/
#table_w {line-height:32px; margin-top:15px;font-family:"돋움",dotum,Helvetica,sans-serif;font-size:12px;}
#table_w .t_area01 {border-top:#6f8bca solid 1px;border-bottom:#6f8bca solid 1px; background-color:#f8f8f8; font-weight:bold; line-height:110%; vertical-align:middle; padding:4px 0; color:#3a5086;}
#table_w .tbg_white3{border-bottom:#dbdbdb solid 1px; padding:2px 5px;}
#table_w a:link{text-decoration:none;color:inherit;}
#table_w a:hover{text-decoration:none;color:inherit;}
#table_w a:visited{text-decoration:none;color:inherit;}
#table_w a:active{text-decoration:none;color:inherit;}


.font_do{font-family:"돋움",dotum,Helvetica,sans-serif;font-size:12px;}
.font_do a{ text-decoration:none;}



/*테이블 상세화면  */
.jtable {float:left; font-size:11px; margin-bottom:22px; width:100%;}
.jtable .jtable_1 {line-height:32px; border-top:solid #8cb5ba 2px; border-bottom:solid #8cb5ba 1px; margin-left:0px; width:100%;}
.jtable .tbg_gray {background-color:#f8f8f8; border-bottom:#8cb5ba solid 1px; padding-left:50px; width:120px; font-weight:bold;}
.jtable .tbg_white {background-color:white; border-bottom:#8cb5ba solid 1px; padding-left:10px;}
.jtable_w {line-height:32px; margin-left:0px;}
.jtable_w .t_area01 {border-top:#8cb5ba solid 1px;border-bottom:#8cb5ba solid 1px; background-color:#f8f8f8; font-weight:bold; line-height:110%; vertical-align:middle; padding-top:5px;}
.jtable .tbg_white3 {background-color:white; border-bottom:#8cb5ba solid 1px;}

/*테이블 상세화면2(플랜트 상세정보 등)*/
#table {float:none; font-size:11px; margin-bottom:22px;}
#table_l {line-height:32px; border-top:solid #8cb5ba 2px; border-bottom:solid #8cb5ba 1px; margin-left:0;}
#table .tbg_gray {background-color:#f8f8f8; border-bottom:#8cb5ba solid 1px; padding-left:50px; width:120px; font-weight:bold;}
#table .tbg_white {background-color:white; border-bottom:#8cb5ba solid 1px; padding-left:10px;}
#table .tbg_white2 {background-color:white; border-bottom:#8cb5ba solid 1px; padding-left:170px; vertical-align:bottom;}
#table .tbg_white3 {background-color:white; border-bottom:#8cb5ba solid 1px;}

/*테이블 상세화면 제목*/
.jsmall_title {float:left; width:450px; height:16px; margin-left:0px; margin-bottom:5px; font-size:13px; font-weight:bold;}
#middle_title2 {margin-left:0px; margin-bottom:17px; height:24px; font-size:13px; font-weight:bold;}
#small_title2 {float:left; width:740px; height:16px; margin-left:0px; font-size:13px; font-weight:bold;}


/*전문기업 관리 리스트*/
#st_table_w {line-height:32px; margin-left:75px;}
#st_table_w .t_area01 {border-top:#8cb5ba solid 1px;border-bottom:#8cb5ba solid 1px; background-color:#f8f8f8; font-weight:bold; line-height:110%; vertical-align:middle; padding-top:5px;}

/*테이블 상세화면(전문기업 등)*/
.st_jtable {float:left; font-size:11px; margin-bottom:22px;margin-left:0px; width:100%;}
.st_jtable .jtable_1 {line-height:32px; border-top:solid #8cb5ba 2px; border-bottom:solid #8cb5ba 1px; margin-left:10px;}
.st_jtable .tbg_gray {background-color:#f8f8f8; border-bottom:#8cb5ba solid 1px; padding-left:50px; width:120px; font-weight:bold;}
.st_jtable .tbg_white {background-color:white; border-bottom:#8cb5ba solid 1px; padding-left:10px;}


/*테이블 상세화면(회원정보 등)*/
#st_table .tbg_gray {background-color:#f8f8f8; border-bottom:#8cb5ba solid 1px; padding-left:50px; width:120px; font-weight:bold;}
#st_table .tbg_white {background-color:white; border-bottom:#8cb5ba solid 1px; padding-left:10px;}


/*테이블 상세화면(전문기업 등)*/
.st_jtable_02 {font-size:11px; margin-bottom:22px;margin-left:0px;width:100%;}
.st_jtable_02 .jtable_1 {line-height:32px; border-top:solid #8cb5ba 2px; border-bottom:solid #8cb5ba 1px; margin-left:10px;}
.st_jtable_02 .tbg_gray {background-color:#f8f8f8; border-bottom:#8cb5ba solid 1px; padding-left:50px; width:120px; font-weight:bold;}
.st_jtable_02 .tbg_white {background-color:white; border-bottom:#8cb5ba solid 1px; padding-left:10px;}




/*에러코드관리*/
TABLE.jmTable
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #6e6e6e;
    PADDING-TOP: 0px;
    BORDER-COLLAPSE: collapse;
}
THEAD.mhead
{
    BORDER-LEFT: #2293ff 1px solid
}
THEAD.mhead TR
{
    BORDER-RIGHT: #aabad9 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #aabad9 1px solid;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: lighter;
    BACKGROUND: #e3e7f2;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #aabad9 1px solid;
    COLOR: black;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #aabad9 1px solid;
    HEIGHT: 15pt
}
THEAD.mhead TH
{
    BORDER-RIGHT: #aabad9 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #aabad9 1px solid;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: lighter;
    BACKGROUND: #e3e7f2;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #aabad9 1px solid;
    COLOR: black;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #aabad9 1px solid;
    HEIGHT: 15pt;
    vertical-align:middle;
}
TBODY.mbody TR TH
{
    BORDER-RIGHT: #aabad9 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #aabad9 1px solid;
    PADDING-LEFT: 2px;
    BACKGROUND: #e3e7f2;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #aabad9 1px solid;
    COLOR: black;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #aabad9 1px solid;
    HEIGHT: 15pt
}
TBODY.mbody TR TD
{
    BORDER-RIGHT: #c6bec6 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #c6bec6 1px solid;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #c6bec6 1px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #c6bec6 1px solid;
    HEIGHT: 15pt;
    TEXT-ALIGN: center;
    vertical-align:middle;
}
TBODY.mbody TR
{
    BORDER-RIGHT: #c6bec6 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #c6bec6 1px solid;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #c6bec6 1px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #c6bec6 1px solid;
    HEIGHT: 15pt;
    TEXT-ALIGN: center
}

/* validate error 표시 글자색 변경 */
label.error{margin-left:10px;margin-right:10px; color:red;}


/*에러코드관리 상세 only*/
.ViewTable
{
    BORDER-RIGHT: #aabad9 1px solid;
    BORDER-TOP: #aabad9 1px solid;
    BORDER-LEFT: #aabad9 1px solid;
    BORDER-BOTTOM: #aabad9 1px solid;    
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #6e6e6e;
    PADDING-TOP: 0px;
    BORDER-COLLAPSE: collapse;
}
TBODY.viewbody TR TH
{
    BORDER-RIGHT: #aabad9 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #aabad9 1px solid;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: lighter;
    BACKGROUND: #e3e7f2;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #aabad9 1px solid;
    COLOR: black;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #aabad9 1px solid;
    HEIGHT: 15pt;
    vertical-align:middle;
}
TBODY.viewbody TR TD
{
    TEXT-ALIGN: left
}
TBODY.viewbody TR TD
{
    BORDER-RIGHT: #c6bec6 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #c6bec6 1px solid;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #c6bec6 1px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #c6bec6 1px solid;
    HEIGHT: 15pt;
    BACKGROUND-COLOR: #ffffff
}
TBODY.viewbody TR
{
    BORDER-RIGHT: #c6bec6 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #c6bec6 1px solid;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #c6bec6 1px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #c6bec6 1px solid;
    HEIGHT: 15pt;
    BACKGROUND-COLOR: #ffffff
}


/*고객지원*/

.t_left {
    text-align: left;
}

.t_right {
    text-align: right;
}

.t_center {
    text-align: center;
}

ul.board_tab {
    font-family: "돋움",dotum,Helvetica,sans-serif;
    font-size: 12px;
    border-bottom: #4e68a2 solid 1px;
    display: flex;
}

    ul.board_tab li {
        display: inline-block;
        width: 142px;
        height: 35px;
        line-height: 38px;
        text-align: center;
        border: #4e68a2 solid 1px;
        border-bottom: none;
        color: #555;
        font-weight: bold;
        margin-right: 1px;
        background-color: #eceff0;
        background-image: url(../h_img/1/tap_bg2.png);
        background-repeat: repeat-x;
        background-position: top;
        cursor: pointer;
    }

        ul.board_tab li.tab_ov {
            border: #344e89 solid 1px;
            border-bottom: none;
            color: #ffffff;
            background-color: #4e68a2;
        }

        ul.board_tab li:last-child {
            margin-right: 0;
        }

        ul.board_tab li a {
            text-decoration: none;
            color: inherit;
        }

div.sch_input {
    display: flex;
}

    div.sch_input select, div.sch_input input, div.sch_input button {
        margin: 0 2px 0 0;
        padding: 7px 10px;
        border-radius: 3px;
    }

    div.sch_input select {
        border: #d7d7d7 solid 1px;
    }

    div.sch_input input[type=text] {
        border: #d7d7d7 solid 1px;
        width: 250px;
    }

    div.sch_input button {
        border: #545454 solid 1px;
        background-color: #6e6e6e;
        color: #ffffff;
        font-weight: bold;
        cursor: pointer;
    }

table.board_table_01 {
    width: 100%;
    text-align: center;
}

    table.board_table_01 th, table.board_table_01 td {
        padding: 0 10px;
        height: 44px;
    }

    table.board_table_01 thead th {
        border-top: #8a8a8a solid 2px;
        border-bottom: #8a8a8a solid 1px;
        background-color: #f8f8f8;
    }

    table.board_table_01 tbody td {
        border-bottom: #dbdbdb solid 1px;
        cursor: pointer;
    }

    table.board_table_01 tbody tr:hover {
        background-color: #fafafa;
    }

    table.board_table_01 tbody tr.Qpart {
        border-bottom: hidden;
    }

    table.board_table_01 tbody tr.Apart {
        border-top: hidden;
    }


div.pagnation {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "돋움",dotum,Helvetica,sans-serif;
}

    div.pagnation button {
        cursor: pointer;
        border: none;
    }

        div.pagnation button:first-child {
            margin-right: 5px;
        }

        div.pagnation button:last-child {
            margin-left: 5px;
        }

    div.pagnation span {
        display: inline-block;
        padding: 0 5px;
        font-weight: bold;
        color: #b6b6b6;
        cursor: pointer;
    }

        div.pagnation span.ov {
            color: #2d4f7c;
        }

table.board_table_02 {
    width: 100%;
    font-family: "돋움",dotum,Helvetica,sans-serif;
    font-size: 12px;
    text-align: left;
    border-top: #dbdbdb solid 1px;
}

    table.board_table_02 th, table.board_table_02 td {
        padding: 0 10px;
        border-bottom: #dbdbdb solid 1px;
        height: 44px;
    }

    table.board_table_02 th {
        background-color: #f8f8f8;
    }

    table.board_table_02 input[type=text], table.board_table_02 input[type=date] {
        border: #d7d7d7 solid 1px;
        padding: 7px 10px;
        border-radius: 3px;
    }

    table.board_table_02 input[type=checkbox] {
        width: 17px;
        height: 17px;
        border: #d7d7d7 solid 1px;
    }

    table.board_table_02 textarea {
        width: 100%;
        border: #d7d7d7 solid 1px;
        resize: vertical;
        margin: 5px 0;
    }

div.file {
    display: flex;
    flex-wrap: wrap;
}

    div.file span {
        display: inline-block;
        margin-right: 3px;
        border: #d7d7d7 solid 1px;
        padding: 7px;
        border-radius: 3px;
        background-color: #fafafa;
    }

        div.file span img {
            margin-left: 10px;
        }

    div.file button {
        cursor: pointer;
        padding: 8px;
        background-color: #555555;
        color: #ffffff;
        font-weight: bold;
        border-radius: 3px;
        border: #333333 solid 1px;
    }
    div.file label {
        cursor: pointer;
        padding: 8px;
        background-color: #555555;
        color: #ffffff;
        font-weight: bold;
        border-radius: 3px;
        border: #333333 solid 1px;
    }
    div.file input[type="file"] {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0,0,0,0);
        border: 0;
    }

div.board_btn_wrap {
    text-align: right;
    border-top: #8a8a8a solid 2px;
    padding-top: 20px;
}

    div.board_btn_wrap button.save_btn {
        background-color: #6e6e6e;
        height: 36px;
        width: 105px;
        border-radius: 3px;
        border: #545454 solid 1px;
        color: #ffffff;
        font-weight: bold;
    }

table div.txt {
    padding: 10px 0;
}

table strong.b_txt {
    font-family: "돋움",dotum,Helvetica,sans-serif;
    color: #2d4f7c;
    font-size: 14px;
}

table strong.txt_c1 {
    color: #2d4f7c;
}

div.selProgress {display:none;position:absolute;}
div.selProgress::after {position:relative;}
div.selProgress.prog-dual-ring {display: inline-block;width: 15px;height: 15px;margin-right: 12px;}
div.selProgress.prog-dual-ring:after {content: " ";display: block;width: 15px;height: 15px;margin: 3px;border-radius: 90%;border: 3px solid #01477E;border-color: #01477E transparent #01477E transparent;animation: prog-dual-ring 1s linear infinite;}
@keyframes prog-dual-ring { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}}