﻿﻿@charset "utf-8";



/***** Reset *****/
*, form {padding:0; margin:0;}
body {margin:0px; padding:0px; font-size:0.75em; font-family:"돋움",Dotum,Helvetica,AppleGothic,Verdana,Sans-serif; line-height:1.4em; color:#777;  min-width:990px;_width:expression!(parseInt(document.body.offsetWidth) > 990 ? "100%" : document.body.offsetWidth );}
p, table, th, tr, td, a, input, p {margin:0; padding:0;}
input {font-family:Verdana,"돋움",Dotum,Helvetica,AppleGothic,Sans-serif; font-size:1em;}
h1, h2, h3, h4, h5 {margin:0; padding:0; font-weight:normal; line-height:0em;}
img {border:0; border-style:none; margin:0; padding:0;}/*이미지링크선 표시 없음*/
caption {visibility:hidden; height:0px; font-size:0em; line-height:0px; width:0em; overflow:hidden; text-align:left;}
fieldset{margin:0; padding:0; border:none;}
legend {visibility:hidden; height:0px; font-size:0em; line-height:0em; width:0px; overflow:hidden;}
select {font-family:Verdana,"돋움",Dotum,Helvetica,AppleGothic,Sans-serif; font-size:1em; vertical-align:top; color:#777;}
hr {display:none;}
address {font-size:0.9em; font-style:normal; color:#777; line-height:1.25em; clear:both; letter-spacing:-1px;}
table {border-collapse:collapse;}
ul, li, li, dl, dt, dd, ol {list-style:none; margin:0; padding:0;}
textarea {width:95%; font-size:1em; border:1px solid #CFCFCF; padding:5px; color:#666; background: #fff;}


/*Element customization*/
input[type="radio"]{appearance:none; border: max(1px, 0.1em) solid gray; border-radius:50%; width:1em; height:1em; cursor: pointer;}
input[type="checkbox"]{appearance:none; box-sizing:border-box; background-clip:content-box; border: max(1px, 0.1em) solid gray; padding:0.25em; border-radius:30%; width:1.25em; height:1.25em; cursor:pointer;}	/* For border color change */


/***** aline *****/
.float_l {float:left;}
.float_r {float:right;}
.clear_l {clear:left;}
.clear_b {clear:both;}
.top {vertical-align:top;}
.middle {vertical-align:middle !important;}
.bottom {vertical-align:bottom;}
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.display_n {display:none;}
.display_in {display:inline;}
.display_inb {display:inline-block; display:inline; *zoom:1;}
.display_bl {display:block;}
.script_ndipy {position:absolute; height:0; width:0; overflow:hidden; width:100%;}
.h_blind{position:absolute; display:block; overflow:hidden; top:0; left:0; width:0; height:0; margin:0; padding:0; visibility:hidden; font-size:0; line-height:0;}
.overflow_h {overflow:hidden; zoom:1;}
.font_n {font-weight:normal;}
.pr {position:relative;}
.vtm {vertical-align:text-bottom;}



/***** 건너뛰기 *****/
a.accLink {border:2px solid #aed9f3; color:#000000; display:block; position:absolute; text-align:center; top: -10000px; left:0px; width:200px; padding:5px; background: #fff; font-weight: bold;}
a.accLink:hover, a.accLink:focus, a.accLink:active {padding:10px; position:absolute; top:1px; left: 0px; z-index:1; width:200px;}



/***** Input *****/
.checkArea {margin:0 0 -2px 0;}
.inputBox {width:123px; height:18px; border:1px solid #CFCFCF; padding:1px 0 0 5px; color:#666;}
.inputReadBox {width:123px; height:18px; border:0px solid #CFCFCF; color:#666;} /*180628 padding:1px 0 0 5px; 제거*/
.inputReadBox_num0,.inputReadBox_num1,.inputReadBox_num2,.inputReadBox_num3,.inputReadBox_num4 {width:123px; height:18px; border:0px solid #CFCFCF; padding:1px 3px 0 5px; color:#666; text-align:right;  }
.inputBox_num0,.inputBox_num1,.inputBox_num2,.inputBox_num3,.inputBox_num4,.inputBox_mnum {width:123px; height:18px; border:1px solid #CFCFCF; padding:1px 3px 0 5px; color:#666; text-align:right;}
.inputBox_date,.inputBox_yydate {width:90px; height:18px; border:1px solid #CFCFCF; padding:1px 0 0 5px; color:#666; text-align:center;}
.inputBox01 {width:240px; height:18px; border:1px solid #CFCFCF; padding:1px 0 0 5px; color:#666; background:#e8f6f9;}
.inputBox01_num0,.inputBox01_num1,.inputBox01_num2,.inputBox01_num3,.inputBox01_num4,.inputBox01_mnum {width:240px; height:18px; border:1px solid #CFCFCF; padding:1px 3px 0 5px; color:#666; background:#e8f6f9; text-align:right; }
.inputBox01_date,.inputBox01_yydate,.inputBox01_yydatecp {width:90px; height:18px; border:1px solid #CFCFCF; padding:1px 0 0 5px; color:#666; background:#e8f6f9; text-align:center;}
.inputBox02 {width:123px; height:18px; border:1px solid #eaeaea; padding:1px 0 0 5px; color:#666; background-color:#eaeaea;}
.inputBox02_num {width:123px; height:18px; border:1px solid #eaeaea; padding:1px 3px 0 5px; color:#666; background-color:#eaeaea; text-align:right;  }
.inputBox02_date {width:80px; height:18px; border:1px solid #eaeaea; padding:1px 0 0 5px; color:#666; background-color:#eaeaea; text-align:center;}
.inputBox_pop {width:123px; height:16px; text-align:center; font-size:1em; border:1px solid #5a7aaf; padding:2px 0 0 0; color:#3f5a86;}
.inputBox03 {width:123px; height:18px; text-align:right; border:1px solid #CFCFCF; padding:1px 3px 0 0; color:#666; }
.inputBox03_num {width:123px; height:18px; text-align:right; border:1px solid #CFCFCF; padding:1px 3px 0 0; color:#666;  }
.inputBox03_date {width:80px; height:18px; text-align:right; border:1px solid #CFCFCF; padding:1px 3px 0 0; color:#666; text-align:center;}
.inputBox04 {width:123px; height:18px; border:1px solid #CFCFCF; padding:1px 0 0 5px; color:#666; margin:0 10px 0 0;background:#e8f6f9;}
.inputBox04 {width:123px; height:18px; border:1px solid #CFCFCF; padding:1px 3px 0 5px; color:#666; margin:0 10px 0 0;background:#e8f6f9; text-align:right;}
.inputBox04_num_date {width:80px; height:18px; border:1px solid #CFCFCF; padding:1px 0 0 5px; color:#666; margin:0 10px 0 0;background:#e8f6f9; text-align:center;}
.inputBox05 {width:123px; height:18px; border:1px solid #CFCFCF; padding:1px 0 0 5px; margin:2px 10px 0 0;color:#666;}
.inputBox05_num {width:123px; height:18px; border:1px solid #CFCFCF; padding:1px 3px 0 5px; margin:2px 10px 0 0;color:#666; text-align:right;}
.inputBox05_date {width:123px; height:18px; border:1px solid #CFCFCF; padding:1px 0 0 5px; margin:2px 10px 0 0;color:#666; text-align:center;}
.inputFile {width:123px; height:20px; border:1px solid #CFCFCF; color:#666;}
.inputBox_jp {width:123px; height:16px; border:1px solid #CFCFCF; padding:1px 0 0 5px; color:#666; font-family:Ms Gothic,"돋움",Dotum,Helvetica,AppleGothic,Sans-serif !important; font-size:1em;}/* 일본어 인풋박스 */
.inputSel_jp {font-family:Ms Gothic,"돋움",Dotum,Helvetica,AppleGothic,Sans-serif !important; font-size:1em; vertical-align:top; color:#777;}/* 일본어 셀렉트박스 */
.inputBox_onum1 {width:123px; height:18px; border:1px solid #CFCFCF; padding:1px 3px 0 5px; color:#666;text-align:right; }
.inputBox_onum2 {width:240px; height:18px; border:1px solid #CFCFCF; padding:1px 3px 0 5px; color:#666; background:#e8f6f9;text-align:right; }
.inputBox_onum01 {width:123px; height:18px; border:1px solid #CFCFCF; padding:1px 3px 0 5px; color:#666;}
.inputBox_onum02 {width:240px; height:18px; border:1px solid #CFCFCF; padding:1px 3px 0 5px; color:#666; background:#e8f6f9;}
.inputBox_lmt1 {width:123px; height:18px; border:1px solid #CFCFCF; padding:1px 0 0 5px; color:#666;}
.inputBox_lmt2 {width:240px; height:18px; border:1px solid #CFCFCF; padding:1px 0 0 5px; color:#666; background:#e8f6f9;}
.inputBox_numchk1 {width:123px; height:18px; border:1px solid #CFCFCF; padding:1px 0 0 5px; color:#666;}
.inputBox_numchk2 {width:240px; height:18px; border:1px solid #CFCFCF; padding:1px 0 0 5px; color:#666; background:#e8f6f9;}
.inputBox_bizno1 {width:123px; height:18px; border:1px solid #CFCFCF; padding:1px 0 0 5px; color:#666;}
.inputBox_bizno2 {width:240px; height:18px; border:1px solid #CFCFCF; padding:1px 0 0 5px; color:#666; background:#e8f6f9;}
select.read {height:20px; border:1px solid #dcdcdc;background-color:#e8f6f9;}
textarea.read  { background-color:#eaeaea; font-size:10pt;}
textarea.blue  { background-color:#e8f6f9; font-size:10pt;}
textarea {font-size:10pt;}

/***** link *****/
a:link, a:visited {color:#777; text-decoration:none;}
a:active, a:hover {color:#333; text-decoration:underline;}



/***** button *****/
.bbs_btn {width:100%; text-align:right; margin-top:15px;}
img.button {cursor:pointer;}


/* paginate */
.paginate {width:100%; height:16px; text-align:center; font-size:0.9em; margin-top:5px}
.paginate span a {padding:0 2px 0 3px; color:#777; font-family:Arial}
.paginate span img {vertical-align:top; padding:3px 0}
.paginate a {padding:0 5px}
.paginate a.now {font-weight:bold; color:#ee3124}

/* EXPPS 통계 */
.exppsSta{margin-left: 8px;}

table tbody#sub1 tr th {
	width: 133px;
}


table tbody[id^="subtbody"] tr td p {
	border-top: 1px solid #E2E2E2;height:20px;
}

table  tbody[id^="subtbody"]  tr td p:first-child {
	border-top: none;height:20px;
}

input:focus::-webkit-input-placeholder {#color: transparent;}  /* chrome */

input[type='radio']:focus,
input[type='radio']:focus-visible{

	outline:none;
	border: 1px solid #73a7ff;
	box-shadow: 0 0 10px #73a7ff;
	transition: .1s;
}


select:focus-visible,
textarea:focus-visible,
a:focus-visible,
img:focus-visible,
input[type='button']:focus-visible,
input[type='file']:focus-visible,
input[type='password']:focus-visible,
input[type='text']:focus-visible{
	outline: none;
}

select:focus,
textarea:focus,
input[type='button']:focus,
input[type='file']:focus,
input[type='password']:focus,
input[type='text']:focus{
	border: 1px solid #73a7ff;
	border-radius: 2px;
	box-shadow: 0 0 10px #73a7ff;
	transition: .1s;
}

input::placeholder, input.placeholder {font-style: italic;color: #bcbcbc;}

select.errorBorder,
textarea.errorBorder,
input[type='button'].errorBorder,
input[type='file'].errorBorder,
input[type='password'].errorBorder,
input[type='text'].errorBorder{
	outline:none;
	border: 1px solid #ff073a;
	border-radius: 1px;
	box-shadow: 0 0 12px #ff073a;
	transition: .1s;
}

img.errorBorder,
a.errorBorder{
	position: absolute;
	width: max-content;
	height: max-content;
	outline:0;
	border: 0;
	transition: .1s;
	box-shadow: 0 4px 2px -2px #ff073a;
}

input[type='checkbox'].errorBorder,
input[type='radio'].errorBorder{

	border: 1px solid #ff073a;
	box-shadow: 0 0 12px #ff073a;
	transition: .1s;
}


input[type='radio']:checked{

	outline: none;
	border: 3px solid #3377ff;
	box-shadow: 0 0 15px #73a7ff;
	transition: .1s;
}

input[type='checkbox']:checked{

	outline:none;
	border-color: #3377ff;
	background-color: #3377ff;
	box-shadow: 0 0 10px #73a7ff;
	transition: .1s;
}