@charset "utf-8";
@font-face {
	font-family: 'Pretendard-Regular';
	src: url(../font/Pretendard-Regular.woff) format('woff');
	font-weight: 500;
	font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-display: swap;
    src: local('Pretendard Black'), url(../font/Pretendard/woff2/PretendardGOV-Black.woff2) format('woff2'), url(../font/Pretendard/woff/PretendardGOV-Black.woff) format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-display: swap;
    src: local('PretendardGOV ExtraBold'), url(../font/Pretendard/woff2/PretendardGOV-ExtraBold.woff2) format('woff2'), url(../font/Pretendard/woff/PretendardGOV-ExtraBold.woff) format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-display: swap;
    src: local('PretendardGOV Bold'), url(../font/Pretendard/woff2/PretendardGOV-Bold.woff2) format('woff2'), url(../font/Pretendard/woff/PretendardGOV-Bold.woff) format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-display: swap;
    src: local('PretendardGOV SemiBold'), url(../font/Pretendard/woff2/PretendardGOV-SemiBold.woff2) format('woff2'), url(../font/Pretendard/woff/PretendardGOV-SemiBold.woff) format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-display: swap;
    src: local('PretendardGOV Medium'), url(../font/Pretendard/woff2/PretendardGOV-Medium.woff2) format('woff2'), url(../font/Pretendard/woff/PretendardGOV-Medium.woff) format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-display: swap;
    src: local('PretendardGOV Regular'), url(../font/Pretendard/woff2/PretendardGOV-Regular.woff2) format('woff2'), url(../font/Pretendard/woff/PretendardGOV-Regular.woff) format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-display: swap;
    src: local('PretendardGOV Light'), url(../font/Pretendard/woff2/PretendardGOV-Light.woff2) format('woff2'), url(../font/Pretendard/woff/PretendardGOV-Light.woff) format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    font-display: swap;
    src: local('PretendardGOV ExtraLight'), url(../font/Pretendard/woff2/PretendardGOV-ExtraLight.woff2) format('woff2'), url(../font/Pretendard/woff/PretendardGOV-ExtraLight.woff) format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    font-display: swap;
    src: local('PretendardGOV Thin'), url(../font/Pretendard/woff2/PretendardGOV-Thin.woff2) format('woff2'), url(../font/Pretendard/woff/PretendardGOV-Thin.woff) format('woff');
}

body {margin:0;padding:0;font-size:15px;font-family:"Pretendard","Pretendard-Regular", "dotum", "gulim",sans-serif;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0px;padding:0px;border:0px}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul, nav ul, ul {margin:0;padding:0;list-style:none}
label, input, button, select, img {vertical-align:middle;}
input, button {margin:0px;padding:0px; font-size:1.1em;font-family:"Pretendard", "Pretendard-Regular", "dotum", "gulim",sans-serif; }
button {cursor:pointer}
textarea, select { font-size:1em}
select {margin:0px}

pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:underline}

table { border-collapse: collapse; font-size:14px;}
audio,canvas,video {vertical-align: middle;}
fieldset {border: 0px; margin: 0px; padding: 0px;}
textarea { resize: vertical; }
caption {font-size:0;line-height:0;overflow:hidden}


/* webfont */
.wf400 { font-family: "Pretendard", 'Pretendard-Regular', 'nanum gothic'; font-weight: 400 !important;}
.wf700 { font-family: "Pretendard", 'Pretendard-Regular', 'nanum gothic'; font-weight: 700 !important;}
.wf800 { font-family: "Pretendard", 'Pretendard-Regular', 'nanum gothic'; font-weight: 800 !important;}

/* margin */
.mt_15 {margin-top:15px !important;}
.ml_10 { margin-left:10px !important;}


/* #wrap{width:1000px;margin:0 auto; position:relative} */
/*#wrap{width:1000px;margin:0; position:relative}*/
/*#wrap{width:100%;margin:0;position: relative;}*/
#wrap{width:1200px;position: relative; margin: 0 auto;}

/*메인 레이아웃 */
#main_wrap { width:850px;  padding-top: 150px ;}
#mainleft {border-right:1px solid #e6e9ed; }
#mainleft .m_tel {margin-top:40px;}
#mainleft .m_tel span { font-size:18px; color:#434a54; background-image:url('/web/html/images/m_tel_icon.gif'); background-position:left; background-repeat:no-repeat; padding:5px 0 5px 27px;}
#mainleft .m_telnum {margin-top:10px; font-size:30px; color:#e84429;}
#mainleft .m_custom {font-size:14px; color:#aab2bd;}
#mainright { width:540px; padding-left:20px; padding-top:30px;  float: left;}
#mainright .mlogform {position:relative; width:500px; text-align: left;}
#mainright .mlogform dl {position:relative; width:350px; margin:0;}
#mainright .mlogform dd {font-size:21px; color:#aab2bd; margin:0; margin-bottom:10px; height:50px; line-height:50px; border:1px solid #ccd1d9; background-position:15px 11px; background-repeat:no-repeat; border-radius:5px; }
#mainright .mlf_id {background-image:url('/web/html/images/mlf_id.gif'); background-repeat:no-repeat; }
#mainright .mlf_pw {background-image:url('/web/html/images/mlf_pw.gif'); background-repeat:no-repeat;}
#mainright .m_textfield { width:300px; margin-left:50px; height:46px; line-height:46px; border:none; background:none; padding:0px; }
#mainright .mlf_btn { position:absolute; top:0; right:0; width:133px; height:110px; background-image:url('/web/html/images/mlf_btn.gif'); border:none; font-size:24px; color:#fff; padding-top:60px;}
.mbtns {margin-top:30px;}
.mbtns a {color:#fefefe;}
.mbtns a:hover, .mbtns a:focus {text-decoration:none; color:#fff;}
#mainfooter { text-align:center;}
#mainfooter p { display:inline-block; _width:670px; text-align:left; padding-left:230px; padding-top:5px; height:32px;}
#mainfooter .samlip{ background-image:url('/web/html/images/footer_logo_samlip.gif'); background-repeat:no-repeat; background-position:70px 0; }
#mainfooter .gfs{ background-image:url('/web/html/images/footer_logo_gfs.gif'); background-repeat:no-repeat; background-position:70px 0; }


/* sub 레이아웃 */
/*#header_wrap { width:1000px;height:105px; position:relative}*/
#header_wrap { width:100%;height:105px; position:relative}
#header_wrap:after{display:block;clear:both;content:''}
/* #header_wrap .hlogo {width: 220px; height:105px; padding-top:40px; float: left;}  */
#header_wrap .hlogo {width: 220px; height:50px; padding-top:40px; float: left;}
#header_wrap .gnbNav {width:780px; float: left;}
#header_wrap .gnbNav .tn_left { padding:18px 0px 18px 0px; background-image:url('/web/html/images/tn_user.gif'); background-position:left; background-repeat:no-repeat; float: left;}
#header_wrap .gnbNav .tn_left strong {padding-left:15px;}
#header_wrap .gnbNav .tn_right { padding:18px 0px 18px 0px; float: right;}
#header_wrap .gnbNav .tn_right a {padding:5px 8px 5px 13px; font-size:13px;}
#header_wrap .gnbNav .tn_right a.home {font-size:13px; background-image:url('/web/html/images/tn_home.gif'); background-position:0px 5px; background-repeat:no-repeat;}
#header_wrap .gnbNav .tn_right a.logout {font-size:13px;background-image:url('/web/html/images/tn_logout.gif'); background-position:0px 5px; background-repeat:no-repeat;}
#header_wrap .gnbNav .tn_right a.userinfo {font-size:13px;background-image:url('/web/html/images/tn_userinfo.gif'); background-position:0px 4px; color:#ff5d52; background-repeat:no-repeat;}
#header_wrap .gnbNav .tn_right a.favor {font-size:13px;background-image:url('/web/html/images/tn_favor.gif'); background-position:0px 4px; background-repeat:no-repeat;}
#header_wrap .gnbNav .nav { clear:both;position:relative; width:780px; margin:0px; padding:0px; background-image:url('/web/html/images/top_menu_bg.gif'); background-repeat:no-repeat; height:39px;}
#header_wrap .gnbNav .nav a { display:block; font-size:14px; line-height:37px; color:#fff; font-weight:700; text-decoration:none}


/*#container{width:1000px; height: auto;min-height: 74%;}*/
#container{width:100%;height: auto;min-height: 74%;}
/*#container{width:100%; position:relative}*/
#container:after{display:block;clear:both;content:''}

#container .left_wrap {width: 220px; text-align:center; ;float: left; clear: both; position:relative}
#container .left_wrap .sl_title {text-align:center; width:190px; padding-bottom: 10px}
#container .left_wrap .sl_nav { list-style:none; width:190px; border:1px solid #ccd1d9;  background-color:#f5f7fa; margin:0px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px}
#container .left_wrap .sl_nav li {list-style:none; _text-align:center;  }
#container .left_wrap .sl_nav .m_menu { margin:0 auto; display:block; border-radius:5px; line-height:28px; background-image:url('/web/html/images/left_bg2.gif');background-repeat:no-repeat; text-align:left; padding-left:13px; color:#fff; font-weight:bold; text-decoration:none; }
#container .left_wrap .sl_nav ul {margin:0px; padding:0px;}
#container .left_wrap .sl_nav li li {margin-bottom:0px; }
#container .left_wrap .sl_nav .s_menu {  background-color:#f5f7fa; border-bottom:1px solid #e6e9ed; color:#656d78; margin-bottom:0;line-height:30px; background-repeat:no-repeat; padding-left:15px; text-align:left}
#container .left_wrap .sl_nav a { background-image:url('/web/html/images/sl_bullet.gif'); background-repeat:no-repeat; padding-left:15px;text-align:left}
#container .left_wrap .sl_banner { list-style:none; width:190px; border:1px solid #ccd1d9; margin:0px; padding-top: 10px; padding-bottom: 10px; padding-left: 5px}


#container .contents_wrap {width:calc(100% - 220px);float: left; position:relative;}
#container .contents_wrap .sub_title { width:100%; padding-bottom:5px; border-bottom:1px solid #ddd;}
#container .contents_wrap .sub_title h2 { color:#434a54; font-size:18px; background-image:url('/web/html/images/h2_bullet.gif'); background-position:left; background-repeat:no-repeat; padding-left:20px;}
#container .contents_wrap .sub_title .tree_nav {position:absolute; top:7px; right:0; font-size:13px;}
#container .contents_wrap .con_title {  margin-top:20px; width:100%; padding-bottom:5px;}
#container .contents_wrap .con_title h3 { color:#434a54; font-size:18px; background-image:url('/web/html/images/h3_bullet.gif'); background-position:left; background-repeat:no-repeat; padding-left:12px;}
#container .contents_wrap .con_title .other_info {top:5px; right:0;}
#container .contents_wrap .con_title .clr_01 {color:#ff8b52;}
#container .contents_wrap .con_title .clr_02 {color:#ff1a00;}


/*#footer {width:1000px; padding-top:30px;}*/
#footer {width:100%; padding-top:30px;}
#footer p { display:inline-block; _width:670px; text-align:left; background-repeat:no-repeat; background-position:70px 0; padding-left:230px; padding-top:5px; height:32px;}
#footer .samlip{ background-image:url('/web/html/images/footer_logo_samlip.gif'); background-repeat:no-repeat; background-position:70px 0; }
#footer .econt{ background-color:#ffffff; background-repeat:no-repeat; background-position:70px 0; }

/* 레이아웃 구성 끝 */

/* 테이블 스타일 */
.tbl_title { font-size: 18px; margin-bottom: 5px; font-weight: bold; }

.tbl_sch { width:100%; margin-top:20px; border:1px solid #d7d5ca;background-color: #f1f1f1;}
.tbl_sch th { vertical-align:middle; height:40px; padding-left:18px; text-align:left; color:#434a54; background-image:url('/web/html/images/icon_red.gif');background-position:10px; background-repeat:no-repeat; padding-left:20px;}
.tbl_sch td { border:0px; padding:0 5px;}
.tbl_sch .sch-input { width:100%; border:1px solid #d7d5ca; height:24px;}
.tbl_sch .sch-btn {border-right:1px solid #ccd1d9; width:60px;}
.tbl_sch .search2_01 {

}

.tbl_list {width:100%;border-top:3px solid #656d78;}
.tbl_list td {padding: 5px 2px 2px 2px;}
.tbl_list .ltitle td { height:33px; vertical-align:middle; text-align:center; font-weight:700; color:#434a54; border:1px solid #dedddd; background-color:#f5f7fa;}
.tbl_list .cel td { height:33px; vertical-align:middle; color:#434a54; border:1px solid #dedddd;}
.tbl_list .tguide { color:#ff8b52;}

.tbl_view { width:100%; border-top:3px solid #656d78;}
.tbl_view th { border:1px solid #dedddd; background-color:#f5f7fa; vertical-align:middle; height:33px; padding-left:18px; text-align:left; color:#434a54; font-size: 14px;}
.tbl_view td { height:33px; border:1px solid #ccd1d9; padding: 5px 2px 2px 2px;}

.tbl_view2 { width:100%; border-top:1px solid #dedddd;}
.tbl_view2 th { border:1px solid #dedddd; background-color:#f5f7fa; vertical-align:middle; height:33px; padding-left:18px; text-align:left; color:#434a54;font-size: 14px;}
.tbl_view2 td { height:33px; border:1px solid #ccd1d9; padding: 5px 2px 2px 2px;}


.tbl_list input[type='text'], .tbl_view input[type='text'], .tbl_view2 input[type='text'] {
    padding-left: 5px;
}

.page_box { margin-top:20px;}
.page_box .page_number_btn_on { color: red;}

/* 팝업 */
#popupwrap { position:relative; width:100%;}
#popheaderwrap { height:45px; border-top:3px solid #e84429; background-color:#f5f7fa; border-bottom:1px solid #ddd; }
#popheaderwrap h2 { line-height:43px; color:#434a54; font-size:16px; background-image:url('/web/html/images/h2_bullet.gif'); background-position:left; background-repeat:no-repeat; padding-left:20px; margin-left:10px;}
#popcontentswrap { _width:100%; padding:15px;}
#popupwrap .con_title {  margin-top:20px; width:100%; padding-bottom:5px;}
#popupwrap .con_title h3 { color:#434a54; font-size:14px; background-image:url('/web/html/images/h3_bullet.gif'); background-position:left; background-repeat:no-repeat; padding-left:12px;}


select {color: #707070;font-family: "Pretendard", "Pretendard-Regular","돋움", "Arial";font-size: 12pt;text-decoration: none;padding-top: 2px;border: 1px solid;border-color: #d7d5ca}

textarea {
	color: #707070;
	font-family: "Pretendard", "Pretendard-Regular", "돋움", "Arial";
/* 	FONT-SIZE: 9pt; */
	padding-top: 2px;
	border: 1px solid;
	border-color: #d7d5ca
}

.input {
	color: #0071a7;
	font-family: "Pretendard", "Pretendard-Regular", "돋움", "Arial";
/* 	FONT-SIZE: 9pt; */
	border: 1px solid;
	border-color: #d7d5ca;
	text-align: left;
}

.label {
	color: #707070;
	font-family: "Pretendard-Regular", "돋움", "Arial";
/* 	FONT-SIZE: 9pt; */
	border: 1px solid;
	border-color: #d7d5ca;
	text-align: left;
	ime-mode: active;
	line-height:200%;
	height:30px;
}

/* 수급사업자 수정 가능한 경우 */
.elabel {
	color: #707070;
	font-size: 9pt;
	border: 1px solid;
	border-color: #d7d5ca;
	text-align: left;
	/*background-color: #f5f5f5*/
}

.enlabel {
	color: #707070;
	font-size: 9pt;
	border: 1px solid;
	border-color: #d7d5ca;
	text-align: left;
	background-color: #f5f5f5
}

.elabel_n {
	color: #707070;
	font-size: 9pt;
	border: 1px solid;
	border-color: #d7d5ca;
	text-align: right;
}

.enlabel_n {
	color: #707070;
	font-size: 9pt;
	border: 1px solid;
	border-color: #d7d5ca;
	text-align: right;
	background-color: #f5f5f5
}

.label3 {
	color: #707070;
	font-size: 9pt;
	/*line-height: 13pt;*/
	border: 1px solid;
	border-color: #d7d5ca;
	text-align: left;
	background-color: #f5f5f5
}


.in_readonly {
	color: #707070;
/* 	font-size: 9pt; */
	border: 1px solid;
	border-color: #d7d5ca;
	text-align: left;
	background-color: #eeeeee;
	line-height:200%;
	height:30px;
}

.label_none {
	color: #707070;
	font-size: 9pt;
	/*line-height: 13pt;*/
	border: 0px solid;
	border-color: #d7d5ca;
	text-align: left;
	background-color: #ffffff
}


.radio {
	border: 0px
}

/* 파란텍스트*****/
.span_text {

	color: #0071a7;
	font-size: 9pt;
	padding: 6px 0px 3px 10px;
	/*padding-top: 5px*/
}



/* 버튼한글 - 폰트사이즈가 다름 *****/
.btn2 {
	font-size: 8pt;
	color: #707070;
	text-align: left;
	vertical-align: text-bottom;
	width: 55px;
	height: 18px;
	border: solid 0px;
	padding: 2px 2px 1px 19px;
	background-repeat: no-repeat;
	background-image: url('./btn/but_back_02.gif');
	background-image: url('./btn/but_back_02.gif');
	cursor: hand
}

.btn3 {
	font-size: 8pt;
	color: #707070;
	text-align: left;
	vertical-align: text-bottom;
	width: 65px;
	height: 18px;
	border: solid 0px;
	padding: 2px 2px 1px 19px;
	background-repeat: no-repeat;
	background-image: url('./btn/but_back_03.gif');
	cursor: hand
}

.btn4 {
	font-size: 8pt;
	color: #707070;
	text-align: left;
	vertical-align: text-bottom;
	width: 75px;
	height: 18px;
	border: solid 0px;
	padding: 2px 2px 1px 19px;
	background-repeat: no-repeat;
	background-image: url('./btn/but_back_04.gif');
	cursor: hand
}

.btn5 {
	font-size: 8pt;
	color: #707070;
	text-align: left;
	vertical-align: text-bottom;
	width: 85px;
	height: 18px;
	border: solid 0px;
	padding: 2px 2px 1px 19px;
	background-repeat: no-repeat;
	background-image: url('./btn/but_back_05.gif');
	cursor: hand
}

.btn6 {
	font-size: 8pt;
	color: #707070;
	text-align: left;
	vertical-align: text-bottom;
	width: 95px;
	height: 18px;
	border: solid 0px;
	padding: 2px 2px 1px 19px;
	background-repeat: no-repeat;
	background-image: url('./btn/but_back_06.gif');
	cursor: hand
}

.btn7 {
	font-size: 8pt;
	color: #707070;
	text-align: left;
	vertical-align: text-bottom;
	width: 105px;
	height: 18px;
	border: solid 0px;
	padding: 2px 2px 1px 19px;
	background-repeat: no-repeat;
	background-image: url('./btn/but_back_07.gif');
	cursor: hand
}

.btn8 {
	font-size: 8pt;
	color: #707070;
	text-align: left;
	vertical-align: text-bottom;
	width: 115px;
	height: 18px;
	border: solid 0px;
	padding: 2px 2px 1px 19px;
	background-repeat: no-repeat;
	background-image: url('./btn/but_back_08.gif');
	cursor: hand
}

.btn9 {
	font-size: 8pt;
	color: #707070;
	text-align: left;
	vertical-align: text-bottom;
	width: 125px;
	height: 18px;
	border: solid 0px;
	padding: 2px 2px 1px 19px;
	background-repeat: no-repeat;
	background-image: url('./btn/but_back_09.gif');
	cursor: hand
}

.btn10 {
	font-size: 8pt;
	color: #707070;
	text-align: left;
	vertical-align: text-bottom;
	width: 135px;
	height: 18px;
	border: solid 0px;
	padding: 2px 2px 1px 19px;
	background-repeat: no-repeat;
	background-image: url('./btn/but_back_10.gif');
	cursor: hand
}

.btn11 {
	font-size: 8pt;
	color: #707070;
	text-align: left;
	vertical-align: text-bottom;
	width: 145px;
	height: 18px;
	border: solid 0px;
	padding: 2px 2px 1px 19px;
	background-repeat: no-repeat;
	background-image: url('./btn/but_back_11.gif');
	cursor: hand
}

.btn12 {
	font-size: 8pt;
	color: #707070;
	text-align: left;
	vertical-align: text-bottom;
	width: 160px;
	height: 18px;
	border: solid 0px;
	padding: 2px 2px 1px 19px;
	background-repeat: no-repeat;
	background-image: url('./btn/but_back_12.gif');
	cursor: hand
}

.btn13 {
	font-size: 8pt;
	color: #707070;
	text-align: left;
	vertical-align: text-bottom;
	width: 170px;
	height: 18px;
	border: solid 0px;
	padding: 2px 2px 1px 19px;
	background-repeat: no-repeat;
	background-image: url('./btn/but_back_13.gif');
	cursor: hand
}

.btn14 {
	font-size: 8pt;
	color: #707070;
	text-align: left;
	vertical-align: text-bottom;
	width: 185px;
	height: 18px;
	border: solid 0px;
	padding: 2px 2px 1px 19px;
	background-repeat: no-repeat;
	background-image: url('./btn/but_back_14.gif');
	cursor: hand
}

.btn15 {
	font-size: 8pt;
	color: #707070;
	text-align: left;
	vertical-align: text-bottom;
	width: 195px;
	height: 18px;
	border: solid 0px;
	padding: 2px 2px 1px 19px;
	background-repeat: no-repeat;
	background-image: url('./btn/but_back_15.gif');
	cursor: hand
}

.btn16 {
	font-size: 8pt;
	color: #707070;
	text-align: left;
	vertical-align: text-bottom;
	width: 205px;
	height: 18px;
	border: solid 0px;
	padding: 2px 2px 1px 19px;
	background-repeat: no-repeat;
	background-image: url('./btn/but_back_16.gif');
	cursor: hand
}


.btn17 {
	font-size: 8pt;
	color: #707070;
	text-align: left;
	vertical-align: text-bottom;
	width: 215px;
	height: 18px;
	border: solid 0px;
	padding: 2px 2px 1px 19px;
	background-repeat: no-repeat;
	background-image: url('./btn/but_back_177.gif');
	cursor: hand
}

.btn18 {
	font-size: 8pt;
	color: #707070;
	text-align: left;
	vertical-align: text-bottom;
	width: 230px;
	height: 18px;
	border: solid 0px;
	padding: 2px 2px 1px 19px;
	background-repeat: no-repeat;
	background-image: url('./btn/but_back_188.gif');
	cursor: hand
}


.btn19 {
	font-size: 8pt;
	color: #707070;
	text-align: left;
	vertical-align: text-bottom;
	width: 240px;
	height: 18px;
	border: solid 0px;
	padding: 2px 2px 1px 19px;
	background-repeat: no-repeat;
	background-image: url('./btn/but_back_199.gif');
	cursor: hand
}

.btn20 {
	font-size: 8pt;
	color: #707070;
	text-align: left;
	vertical-align: text-bottom;
	width: 250px;
	height: 18px;
	border: solid 0px;
	padding: 2px 2px 1px 19px;
	background-repeat: no-repeat;
	background-image: url('./btn/but_back_20.gif');
	cursor: hand
}


/***************************************************************************/
/********************************* 검색버튼		******************************/
/***************************************************************************/
.search2_01 {
    cursor: pointer;
    padding: 0 10px;
    color: #fff;
    height: 25px;
    font-size: 12px;
    text-align: center;
    background: #0676bd;
    border: none;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
}

.srch4 {
    cursor: pointer;
    padding: 0 10px;
    color: #fff;
    height: 25px;
    font-size: 12px;
    text-align: center;
    background: #0676bd;
    border: none;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
}

.srch6 {
    cursor: pointer;
    padding: 0 10px;
    color: #fff;
    height: 25px;
    font-size: 12px;
    text-align: center;
    background: #0676bd;
    border: none;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
}

/***************************************************************************/
/********************************* ci버튼		******************************/
/***************************************************************************/
.ci4_1
{
    cursor: pointer;
    padding: 0 10px;
    color: #fff;
    height: 25px;
    font-size: 12px;
    text-align: center;
    background: #0676bd;
    border: none;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
    width: 70px;
}

/***************************************************************************/
/********************************* 엑셀버튼		******************************/
/***************************************************************************/
.xls2_01
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url('./btn/xls2_01.gif');
	padding-bottom: 1px;
	border-left: medium none;
	width: 50px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.xls5
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url('./btn/xls6.gif');
	padding-bottom: 1px;
	border-left: medium none;
	width: 86px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.xls6
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url('./btn/xls6.gif');
	padding-bottom: 1px;
	border-left: medium none;
	width: 100px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.xls6_1
{
	padding-top: 1px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/xls6_1.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 140px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.xls6_2
{
	padding-top: 1px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/xls6_2.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 150px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.xls7
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/xls7.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 114px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.xls10_1
{
	padding-top: 1px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/xls10_1.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 125px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

/***************************************************************************/
/********************************* 작성버튼		******************************/
/***************************************************************************/
.write2
{
    padding: 0 5px;
    color: #fff;
    width: 50px;
    height: 25px;
    font-size: 12px;
    text-align: center;
    background: #0676bd;
    border-radius: 5px;
    border: none;
    margin-right: 5px;
}

.write4
{
    padding: 0 5px;
    color: #fff;
    width: 75px;
    height: 25px;
    font-size: 12px;
    text-align: center;
    background: #0676bd;
    border-radius: 5px;
    border: none;
    margin-right: 5px;
}

.write5
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/write5.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 86px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.write6
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/write6.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 100px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.write8
{
    padding: 0 5px;
    color: #fff;
    width: 122px;
    height: 25px;
    font-size: 12px;
    text-align: center;
    background: #0676bd;
    border-radius: 5px;
    border: none;
    margin-right: 5px;
}

.write9_1
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/write9_1.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 135px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.write10
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/write10.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 147px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

/***************************************************************************/
/********************************* 행삭제버튼		****************************/
/***************************************************************************/
.row_del3
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/row_del3.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 60px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.row_del4
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/row_del4.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 75px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.row_del6
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/row_del6.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 100px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

/***************************************************************************/
/********************************* 복사버튼		******************************/
/***************************************************************************/
.copy4
{
    cursor: pointer;
    padding: 0 10px;
    color: #fff;
    height: 25px;
    font-size: 12px;
    text-align: center;
    background: #0676bd;
    border: none;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
}

.copy5_1
{
	padding-top: 1px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/copy5_1.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 74px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

/***************************************************************************/
/********************************* 추가버튼		******************************/
/***************************************************************************/
.add2
{
    cursor: pointer;
    padding: 0 10px;
    color: #fff;
    height: 25px;
    font-size: 12px;
    text-align: center;
    background: #0676bd;
    border: none;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
}

.add3
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/add3.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 60px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.add4
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/add4.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 75px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.add4_01
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/add4_01.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 75px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.add6
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/add6.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 100px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.add7
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/add7.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 114px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.add11_1
{
	padding-top: 1px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/add11_1.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 121px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

/***************************************************************************/
/********************************* 메일발송 버튼		******************************/
/***************************************************************************/
.mail4
{
    cursor: pointer;
    padding: 0 10px;
    color: #fff;
    height: 25px;
    font-size: 12px;
    text-align: center;
    background: #0676bd;
    border: none;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
}

/***************************************************************************/
/********************************* 저장버튼		******************************/
/***************************************************************************/

.save2
{
    cursor: pointer;
    padding: 0 10px;
    color: #fff;
    height: 25px;
    font-size: 12px;
    text-align: center;
    background: #0676bd;
    border: none;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
}

.save4
{
    cursor: pointer;
    padding: 0 10px;
    color: #fff;
    height: 25px;
    font-size: 12px;
    text-align: center;
    background: #0676bd;
    border: none;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
    width: 75px;
}

.save6
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/save4.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 100px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.save7
{
    cursor: pointer;
    padding: 0 10px;
    color: #fff;
    height: 25px;
    font-size: 12px;
    text-align: center;
    background: #0676bd;
    border: none;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
    width: 100px;
}

.save8
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/save8.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 122px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

/***************************************************************************/
/********************************* 이전버튼		************************/
/***************************************************************************/
.prv2
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/prv2.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 50px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.prv4
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/prv4.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 75px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

/***************************************************************************/
/********************************* 선택버튼		************************/
/***************************************************************************/
.chk2
{
    cursor: pointer;
    padding: 0 10px;
    color: #fff;
    height: 25px;
    font-size: 12px;
    text-align: center;
    background: #0676bd;
    width: 50px;
    border: none;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
}

.chk4
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/chk4.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 75px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.chk4
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/chk4.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 75px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.chk6
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/chk6.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 100px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}
/***************************************************************************/
/********************************* 확정, 완료버튼		************************/
/***************************************************************************/
.conf2
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/conf2_01.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 50px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.conf4
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/conf4.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 75px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.conf6
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/conf6.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 100px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

/***************************************************************************/
/********************************* 전송버튼		******************************/
/***************************************************************************/
.trns2
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/trns2.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 50px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.trns6
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/trns6.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 100px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

/***************************************************************************/
/********************************* 삭제버튼		******************************/
/***************************************************************************/
.del2
{
    cursor: pointer;
    padding: 0 10px;
    color: #fff;
    height: 25px;
    font-size: 12px;
    text-align: center;
    background: #EE4B2B;
    border: none;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
}

.del4
{
    cursor: pointer;
    padding: 0 10px;
    color: #fff;
    height: 25px;
    font-size: 12px;
    text-align: center;
    background: #EE4B2B;
    border: none;
    width: 75px;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
}

.del5
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/del5.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 86px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

/***************************************************************************/
/********************************* 취소,닫기,유찰버튼		********************/
/***************************************************************************/
.cls2
{
    cursor: pointer;
    padding: 0 10px;
    color: #fff;
    height: 25px;
    font-size: 12px;
    text-align: center;
    background: #979a9c;
    border: none;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
}

.cls4
{
    cursor: pointer;
    padding: 0 10px;
    color: #fff;
    height: 25px;
    font-size: 12px;
    text-align: center;
    background: #979a9c;
    border: none;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
}

.cls5
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/can5.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 86px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.cls6
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/can6.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 95px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

/***************************************************************************/
/********************************* 목록버튼		************************/
/***************************************************************************/
.list4
{
    cursor: pointer;
    padding: 0 10px;
    color: #fff;
    height: 25px;
    font-size: 12px;
    text-align: center;
    background: #979a9c;
    border: none;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
}

.list5
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/list5.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 86px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

/***************************************************************************/
/********************************* 다시 버튼		******************************/
/***************************************************************************/
.re3
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/re3.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 60px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.re5
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/re5.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 86px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.re9
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/re9.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 132px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

/***************************************************************************/
/********************************* 공고버튼		******************************/
/***************************************************************************/
.noti4
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/noti4.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 75px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.noti5
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/noti5.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 86px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

/***************************************************************************/
/********************************* 다운로드		******************************/
/***************************************************************************/
.down4
{
    cursor: pointer;
    padding: 0 10px;
    color: #fff;
    height: 25px;
    font-size: 12px;
    text-align: center;
    background: #979a9c;
    border: none;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
}

.down6
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/down6.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 100px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.down7_1
{
	padding-top: 1px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/down6.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 100px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.down8
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/down8.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 122px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.down10_1
{
	padding-top: 1px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/down10_1.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 145px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

/***************************************************************************/
/********************************* 업로드		******************************/
/***************************************************************************/
.up4
{
    cursor: pointer;
    padding: 0 10px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    background: #0676bd;
    border: none;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
    height: 25px;
    width: 75px;
}

.up5
{
    cursor: pointer;
    padding: 0 10px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    background: #0676bd;
    border: none;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
    height: 25px;
    width: 86px;
}

.up7_1
{
    cursor: pointer;
    padding: 0 10px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    background: #0676bd;
    border: none;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
    height: 25px;
    width: 130px;
}

/***************************************************************************/
/********************************* 중요		**********************************/
/***************************************************************************/
.impt4
{
    cursor: pointer;
    padding: 0 10px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    background: #0676bd;
    border: none;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
    height: 25px;
    width: 75px;
}

.impt6
{
    cursor: pointer;
    padding: 0 10px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    background: #0676bd;
    border: none;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
    height: 25px;
    width: 100px;
}

.impt7_1
{
    cursor: pointer;
    padding: 0 10px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    background: #0676bd;
    border: none;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
    height: 25px;
    width: 115px;
}

.impt8
{
    cursor: pointer;
    padding: 0 10px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    background: #0676bd;
    border: none;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
    height: 25px;
    width: 122px;
}

.impt8_1
{
    cursor: pointer;
    padding: 0 10px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    background: #0676bd;
    border: none;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
    height: 25px;
    width: 126px;
}

.impt9_1
{
    cursor: pointer;
    padding: 0 10px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    background: #0676bd;
    border: none;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
    height: 25px;
    width: 140px;
}

.impt12_1
{
    cursor: pointer;
    padding: 0 10px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    background: #0676bd;
    border: none;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
    height: 25px;
    width: 170px;
}



/***************************************************************************/
/********************************* open버튼		******************************/
/***************************************************************************/
.open2
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/open2.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 50px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.open7
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/open7.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 114px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

/***************************************************************************/
/********************************* 보기버튼		******************************/
/***************************************************************************/
.show2
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/show2.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 75px;
	width: 50px;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.show4
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/show4.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 75px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.show5
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/show5.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 86px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.show6
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/show6.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 100px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.show7
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/show7.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 114px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.show8
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/show8.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 122px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

/***************************************************************************/
/********************************* 서명버튼		******************************/
/***************************************************************************/
.sign2
{
    cursor: pointer;
    padding: 0 10px;
    color: #fff;
    height: 25px;
    font-size: 12px;
    text-align: center;
    background: #0676bd;
    border: none;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
}

.sign4
{
    cursor: pointer;
    padding: 0 10px;
    color: #fff;
    width: 75px;
    height: 25px;
    font-size: 12px;
    text-align: center;
    background: #0676bd;
    border: none;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
}

.sign6
{
    cursor: pointer;
    padding: 0 10px;
    color: #fff;
    width: 80px;
    height: 25px;
    font-size: 12px;
    text-align: center;
    background: #0676bd;
    border: none;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
}

/***************************************************************************/
/********************************* 반려버튼		******************************/
/***************************************************************************/
.rtn2
{
    cursor: pointer;
    padding: 0 10px;
    color: #fff;
    height: 25px;
    font-size: 12px;
    text-align: center;
    background: #EE4B2B;
    border: none;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
}

.rtn6
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/rtn6.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 100px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

/***************************************************************************/
/********************************* 인쇄 버튼		************************/
/***************************************************************************/
.print4_1
{
	padding-top: 1px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/print4_1.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 80px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

/***************************************************************************/
/********************************* 접수, 제출 버튼		************************/
/***************************************************************************/
.rept2
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/rept2.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 50px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.rept4
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/rept4.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 75px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.rept5
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/rept5.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 86px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.rept6
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/rept6.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 100px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

/***************************************************************************/
/********************************* 요청,통보버튼		************************/
/***************************************************************************/
.req2
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/req2.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 50px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.req4
{
    cursor: pointer;
    padding: 0 10px;
    color: #fff;
    height: 25px;
    font-size: 12px;
    text-align: center;
    background: #0676bd;
    border: none;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
}

.req7
{
	padding-top: 3px;
	padding-left: 12px;
	border-top: medium none;
	border-right: medium none;

	font-size: 9pt;
	background-image: url(./btn/req7.gif);
	padding-bottom: 1px;
	border-left: medium none;
	width: 114px;
	cursor: hand;
	background-color: #ffffff;

	border-bottom: medium none;
	height: 18px
}

.join_person9 {
	font-size: 9pt;
	font-weight: bold;
	color: #707070;
	text-align: left;
	vertical-align: text-bottom;
	width: 135px;
	height: 21px;
	border: solid 0px;
	padding: 2px 2px 1px 19px;
	background-repeat: no-repeat;
	background-image: url(./btn/but_join_comp_9.gif);
	cursor: hand
}

.join_comp16 {
	font-size: 9pt;
	font-weight: bold;
	color: #707070;
	text-align: center;
	vertical-align: text-bottom;
	width: 100px;
	height: 21px;
	border: solid 0px;
	padding: 2px 2px 1px 19px;
	background-repeat: no-repeat;
	background-image: url(./btn/but_join_comp_4.gif);
	cursor: hand
}

.cbtn2 {
	font-size: 8pt;
	color: #707070;
	text-align: left;
	vertical-align: text-bottom;
	width: 55px;
	height: 18px;
	border: solid 0px;
	padding: 2px 2px 1px 19px;
	background-repeat: no-repeat;
	background-image: url(./btn/but_back_c02.gif);
	cursor: hand
}

.cbtn4 {
	font-size: 8pt;
	color: #707070;
	text-align: left;
	vertical-align: text-bottom;
	width: 70px;
	height: 18px;
	border: solid 0px;
	padding: 2px 2px 1px 19px;
	background-repeat: no-repeat;
	background-image: url(./btn/but_back_c04.gif);
	cursor: hand
}


.cbtn6 {
	font-size: 8pt;
	color: #707070;
	text-align: left;
	vertical-align: text-bottom;
	width: 90px;
	height: 18px;
	border: solid 0px;
	padding: 2px 2px 1px 19px;
	background-repeat: no-repeat;
	background-image: url(./btn/but_back_c06.gif);
	cursor: hand
}

.cbtn8 {
	font-size: 8pt;
	color: #707070;
	text-align: left;
	vertical-align: text-bottom;
	width: 110px;
	height: 18px;
	border: solid 0px;
	padding: 2px 2px 1px 19px;
	background-repeat: no-repeat;
	background-image: url(./btn/but_back_c08.gif);
	cursor: hand
}

.cbtn10 {
	font-size: 8pt;
	color: #707070;
	text-align: left;
	vertical-align: text-bottom;
	width: 133px;
	height: 18px;
	border: solid 0px;
	padding: 2px 2px 1px 29px;
	background-repeat: no-repeat;
	background-image: url(./btn/but_back_c10.gif);
	cursor: hand
}

.sbtn1 {
    font-size: 18px;
    color: #ffffff !important;
    background: #0676bd;
    border-radius: 5px;
    padding: 3px 7px;
    font-weight: bold;
	cursor: hand
}

.sbtn2 {
	font-size: 8pt;
	color: #707070;
	text-align: center;
	vertical-align: text-bottom;
	width: 38px;
	height: 20px;
	border: solid 0px;
	padding: 2px 0px 1px 0px;
	background-repeat: no-repeat;
	background-image: url(./btn/sbut2.gif);
	cursor: hand
}

.sbtn4 {
	font-size: 8pt;
	color: #707070;
	text-align: center;
	vertical-align: text-bottom;
	width: 55px;
	height: 20px;
	border: solid 0px;
	padding: 2px 0px 1px 0px;
	background-repeat: no-repeat;
	background-image: url(./btn/sbut4.gif);
	cursor: hand
}

.sbtn5 {
	font-size: 8pt;
	color: #707070;
	text-align: center;
	vertical-align: text-bottom;
	width: 65px;
	height: 20px;
	border: solid 0px;
	padding: 2px 0px 1px 0px;
	background-repeat: no-repeat;
	background-image: url(./btn/sbut5.gif);
	cursor: hand
}

.sbtn6 {
	font-size: 8pt;
	color: #707070;
	text-align: center;
	vertical-align: text-bottom;
	width: 80px;
	height: 20px;
	border: solid 0px;
	padding: 2px 0px 1px 0px;
	background-repeat: no-repeat;
	background-image: url(./btn/sbut6.gif);
	cursor: hand
}


.sbtn8 {
	font-size: 8pt;
	color: #707070;
	text-align: center;
	vertical-align: text-bottom;
	width: 92px;
	height: 20px;
	border: solid 0px;
	padding: 2px 0px 1px 0px;
	background-repeat: no-repeat;
	background-image: url(./btn/sbut8.gif);
	cursor: hand
}

.sbtn10 {
	font-size: 8pt;
	color: #707070;
	text-align: center;
	vertical-align: text-bottom;
	width: 100px;
	height: 20px;
	border: solid 0px;
	padding: 2px 0px 1px 0px;
	background-repeat: no-repeat;
	background-image: url(./btn/sbut10.gif);
	cursor: hand
}

/*tab*/

.tab_on80{
		color:#ffffff;
		background:url('/web/html/images/tab_on80.gif');
		text-align:center;
		padding-top:5px;
		width:80px;
		height: 25px;
		cursor: hand;
	}

.tab_off80{
		background:url('/web/html/images/tab_off80.gif');
		text-align:center;
		padding-top:5px;
		width:80px;
		height: 25px;
		cursor: hand;
	}

.tab_on100{
		color:#ffffff;
		background:url('/web/html/images/tab_on100.gif');
		text-align:center;
		padding-top:5px;
		width:100px;
		height: 25px;
		cursor: hand;
	}

.tab_off100{
		background:url('/web/html/images/tab_off100.gif');
		text-align:center;
		padding-top:5px;
		width:100px;
		height: 25px;
		cursor: hand;
	}

.tab_on120{
		color:#ffffff;
		background:url('/web/html/images/tab_on120.gif');
		text-align:center;
		padding-top:5px;
		width:120px;
		height: 25px;
		cursor: hand;
	}

.tab_off120{
		background:url('/web/html/images/tab_off120.gif');
		text-align:center;
		padding-top:5px;
		width:120px;
		height: 25px;
		cursor: hand;
	}


.tab_on150{
		color:#ffffff;
		background:url('/web/html/images/tab_on150.gif');
		text-align:center;
		padding-top:5px;
		width:150px;
		height: 25px;
		cursor: hand;
	}

.tab_off150{
		background:url('/web/html/images/tab_off150.gif');
		text-align:center;
		padding-top:5px;
		width:150px;
		height: 25px;
		cursor: hand;
	}


.tab_on{
		color:#ffffff;
/* 		background-color:#93A700; */
		background-color:#9E9E9E;
		text-align:center;
		padding-top:3px;
		padding-left:10px;
		padding-right:10px;
		height: 30px;
		cursor: hand;
		border-radius : 7px 7px 0px 0px;
	}

.tab_off{
/* 		background-color:#E6E6E6; */
		background-color:#ECF0F1;
		text-align:center;
		padding-top:3px;
		padding-left:10px;
		padding-right:10px;
		height: 30px;
		cursor: hand;
		border-radius : 7px 7px 0px 0px;
	}

/**상세페이지 **/
.dtable {
	border-right: #ccd1d9 0px solid;
	border-top : 3px solid #656d78;
	border-left: #ccd1d9 0px solid;
	border-bottom: #ccd1d9 1px solid;
}
.dtable2 {
	border-right: #0071a7 0px solid;
	border-top: #0071a7 0px solid;
	border-left: #0071a7 0px solid;
	border-bottom: #0071a7 1px solid;
}

/**index2 페이지 **/
.sub_table1 {
	border: 1px solid;
	border-color: #e2e2e2;
	padding: 10px 15px 5px 15px;
	width: 100%
}

.sub_table1 td {
	padding: 6px 3px 3px 5px;
}

.tguide {
	font-weight:bold;
	color: red;
}

.no_pdf {
	background-color:#CCFF99;
}

/*결제선*/
.prg_tbl_on{
	width:100; border:#4F81BD 1px solid;
}

.prg_tbl_off{
	width:100; border:#CCCCCC 1px solid;
}

.prg_head_on{
	background-color:#558ED5; color:white; font-weight:bold; text-align:center; height:30px
}

.prg_head_off{
	background-color:#DDDDDD; font-weight:bold; text-align:center; height:30px
}

.prg_body_on{
	text-align:center; height:50; line-height:130%; padding-top:4
}

.prg_body_off{
	text-align:center; height:50; line-height:130%; padding-top:4
}

.txtEllipsis {
	display: inline-block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.txtNobr {
	white-space: nowrap;
}

#__html {
  background-color: #ffffff;
  border: 1px solid black;
    padding: 50px;
  /* 계약 필수 입력 사항 */
  /* 계약 선택 입력 사항 */
  /* 계약 선택 입력 사항 */ }
  #__html div {
    letter-spacing: 0px;
    }
  #__html td {
    letter-spacing: 0px;
    color: black;
    line-height: 150%; }
  #__html input {
    color: #000000;
    text-decoration: none;
    border: 0px; }
  #__html textarea {
    color: #707070;
    line-height: 150%;
    border: 1px solid;
    border-color: #d7d5ca; }
  #__html .glabel {
    color: #707070;
    line-height: 150%;
    border: 1px solid;
    border-color: #d7d5ca;
    background-color: #ffff00; }
  #__html .label {
    line-height: 150%;
    color: #707070;
    border: 1px solid;
    border-color: #d7d5ca;
    -webkit-ime-mode: active;
    -moz-ime-mode: active;
    -ms-ime-mode: active;
    ime-mode: active; }
  #__html .label_none {
    line-height: 150%;
    color: #707070;
    border: 0px solid;
    border-color: #d7d5ca;
    -webkit-ime-mode: active;
    -moz-ime-mode: active;
    -ms-ime-mode: active;
    ime-mode: active; }
  #__html .label_n {
    line-height: 150%;
    color: #707070;
    border: 1px solid;
    border-color: #d7d5ca; }
  #__html .input_r {
    line-height: 150%;
    color: #000000;
    border: 1px solid;
    border-color: #d7d5ca;
    -webkit-ime-mode: active;
    -moz-ime-mode: active;
    -ms-ime-mode: active;
    ime-mode: active;
    background-color: rgba(0, 160, 160, 0.3);
    vertical-align: middle; }
    #__html .input_r[writable='Y'] {
        background-color: rgba(0, 70, 155, 0.3);
    }
  #__html .input_n {
    line-height: 150%;
    color: #000000;
    border: 1px solid;
    border-color: #d7d5ca;
    text-align: left;
    -webkit-ime-mode: active;
    -moz-ime-mode: active;
    -ms-ime-mode: active;
    ime-mode: active;
    background-color: #FFFFFF; }
  #__html .in_readonly {
    line-height: 150%;
    color: #000000;
    border: 1px solid;
    border-color: #d7d5ca;
    text-align: left;
    -webkit-ime-mode: active;
    -moz-ime-mode: active;
    -ms-ime-mode: active;
    ime-mode: active;
    background-color: #eeeeee; }
  #__html .lineTable {
    border-collapse: collapse;
    border: 1px solid black; }
  #__html .lineTable td {
    border: 1px solid black; }
  #__html .lineTable .noborder {
    border: 0px; }
  #__html .in_btn {
    padding: 0 10px;
    color: #fff;
    height: 18px;
    font-size: 12px;
    text-align: center;
    background: #979a9c;
    border-radius: 3px;
    display: inline-block;
    margin: 0 2px;
  }
  .displayFlex {
	  display: flex;
  }
  .justifyContentSB{
	  justify-content: space-between;
  }
  .width90{
	  width: 90px;
  }
  .width110{
      width: 110px;
  }

  .sync-progress-overlay {
      position: absolute;
      z-index: 999999;
      background: rgba(0,0,0,0.5);
      width: 100%;
      height: 100%;
      left:0;
      top:0;
  }

  .sync-progress-overlay .sync-progress {
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
        left: 400px;
      top: 100px;
      background: #ffffff;
      width: 300px;
      height: 50px;
      font-size: 24px;
      font-weight: bold;
  }

.combo-wrapper {
    position: relative;
    display: inline-block;
    width: 450px;
}

.combo-input {
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    font-size: 14px;
}

.combo-dropdown {
    position: absolute;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid #ccc;
    background: white;
    z-index: 1000;
    display: none;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.combo-option {
    padding: 8px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
}

.combo-option:hover {
    background-color: #f0f0f0;
}

.combo-option.selected {
    background-color: #e6f2ff;
}