@charset "utf-8";

/* ====================== */
/* Default   */
/* ====================== */
hr { display: none;}
ul, ol { list-style: none;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, 
td, legend { margin : 0; padding : 0;webkit-box-sizing:content-box;moz-box-sizing:content-box;box-sizing:content-box;} /* webkit-box-sizing:content-box;moz-box-sizing:content-box;box-sizing:content-box;} */

body, * {  /*color: #666666;*/font-family: 'NanumGothic', sans-serif;}
html, body { height:100%; font-size:14px; color:#333;}

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a { text-decoration:none; color:#333;/*#666666;*/}
address, caption, cite, code, dfn, em, th, var { font-style : normal;  font-weight : normal;}
strong { font-style : normal;}
img { border:none}

table { border-collapse:collapse; border-spacing:0px; width:100%}
caption { position:absolute; visibility:hidden; width:0; height:0; overflow:hidden; font:0; display:none;}
th { font-family: 'NanumGothicBold', sans-serif;}
fieldset { border:none;}
fieldset legend { display:none;}

/* ====================== */
/* Form   */
/* ====================== */
input[type="text"],input[type="file"],input[type="number"],
input[type="password"] {
	font-size:12px; 
	border:1px solid #afafaf;
/* 	background:#fff url('/secret-resources/images/input_bg.gif') repeat-x left top; */
	width:117px;
	height:20px;
	padding:1px 2px 1px; 
	line-height:16px; 
	_margin-top:-1px; *margin-top:-1px;	
}
input[type="text"]:focus,
input[type="password"]:focus,
select:focus {
  outline: 0 none; safari, chrome;
}
input[type="checkbox"],
input[type="radio"]
{
  width:14px; height:14px;
  margin:0; margin-right:3px;
  padding:0;
  selector-dummy : expression(this.hideFocus=true);  cursor:hand;
  vertical-align:middle;
}
input[type="file"]{height:22px;}
input.noinput { border:1px solid #f5f5f5; background:#f5f5f5; color:#555555; line-height:14px;}
input.noinput:focus {
  outline: 0 none; safari, chrome;
  border:1px solid #f5f5f5;
}
input[type="button"] { cursor:pointer; outline:none; background:transparent;}

textarea {
/* 	background:url('/images/btn/textarea_bg.gif') repeat-x left top;  */
	border:1px solid #afafaf;
	padding:5px;
	margin:0;
	line-height:16px; font-size:12px; overflow-y:auto; overflow-x:hidden;  outline: 0 none; resize: none; /*safari, chrome;*/}
	
select {width:117px; height:24px; vertical-align:middle; font-size:12px; border:1px solid #afafaf;}
label {display:inline-block; margin:0; font-size:12px;}
input.value {color:#bbb;}
input {vertical-align: middle;}

/* ====================== */
/* Align   */
/* ====================== */
#wrap .left { float:left;}
#wrap .right { float:right;}
#wrap .clearb { clear:both;}
#wrap .tright { text-align:right;}
#wrap .tcenter { text-align:center;}
#wrap .tleft { text-align:left;}
.left { float:left;}
.right { float:right;}

/*.txt_s {font-size:12px;}*/

.btn_align { position:relative; padding:10px 0 0 0; width:100%; text-align:center; display:inline-block;}  
.btn_align:after { display:block; clear:both; content:''}
.btn_align .right a { margin-left:3px;}
.btn_align .right span { margin-left:3px;}
.btn_align img { vertical-align:middle;}
.btn_align em { padding:0 5px;}
.btn_align .mcenter { position:absolute; left:50%; margin-left:-33px;}

#wrap .mg0 { margin:0;}
#wrap .pd0 { padding:0;}
#wrap .pdt5 { padding-top:5px;}
#wrap .pdt10 { padding-top:10px;}
#wrap .pdt15 { padding-top:15px;}
#wrap .pdt20 { padding-top:20px;}
#wrap .pdt30 { padding-top:30px;}
#wrap .pdl3 { padding-left:3px;}
#wrap .pdl5 { padding-left:5px;}
#wrap .pdl10 { padding-left:10px;}
#wrap .pdb5 { padding-bottom:5px;}
#wrap .pdb10 { padding-bottom:10px;}
#wrap .pdb20 { padding-bottom:20px;}
#wrap .pdb100 { padding-bottom:100px;}

#wrap .mgt-10 { margin-top:-10px;}
#wrap .mgt-20 { margin-top:-20px;}
#wrap .mgt3 { margin-top:3px;}
#wrap .mgt5 { margin-top:5px;}
#wrap .mgt10 { margin-top:10px;}
#wrap .mgt15 { margin-top:15px;}
#wrap .mgt20 { margin-top:20px;}
#wrap .mgt30 { margin-top:30px;}
#wrap .mgt35 { margin-top:35px;}
.mgt40 { margin-top:40px;}
#wrap .mgb5 { margin-bottom:5px;}
#wrap .mgb10 { margin-bottom:10px;}
#wrap .mgb15 { margin-bottom:15px;}
#wrap .mgb20 { margin-bottom:20px;}
#wrap .mgb30 { margin-bottom:30px;}
#wrap .mgb50 { margin-bottom:50px;}
#wrap .mgb100 { margin-bottom:100px;}
#wrap .mgr5 { margin-right:5px;}
#wrap .mgr10 { margin-right:10px;}
#wrap .mgr15 { margin-right:15px;}
#wrap .mgl5 { margin-left:5px;}
#wrap .mgl10 { margin-left:10px;}
#wrap .mgl20 { margin-left:20px;}
#wrap .mgl-10 { margin-left:-10px;}
#wrap .mgbtn {margin:0 5px}

#wrap .w40 {width:40px;}
#wrap .w70 {width:70px;}
#wrap .w100 { width:100px;}
#wrap .w150 { width:150px;}
#wrap .w200 { width:200px}
#wrap .w300 { width:300px;}
#wrap .w400 { width:400px;}
#wrap .w450 { width:450px;}
#wrap .w500 { width:500px;}
#wrap .w550 { width:550px;}
#wrap .w600 { width:600px;}
#wrap .w650 {width:650px;}

#wrap .w_s { width:30px;}
#wrap .w_sm { width:60px;}
#wrap .w_sm2 { width:50px;}
#wrap .w_m { width:200px;}
#wrap .w_l { width:600px;}

.blue {color:#1e63ae;}
.red {color:#ff0000;}

/* ====================== */
/* Btn   */
/* ====================== */
.btn, .btn input , .btn a , .btn button {display:inline-block; vertical-align:middle; cursor:pointer; /* background:url('/images/btn/btn_bg.png') no-repeat; */}
.btn a {font-family: 'NanumGothicBold', sans-serif; color:#fff; }
.small {padding-right:3px; background-position:right -100px;height:32px;}
.small a, .small input, .small button {height:32px; padding:0 7px 0 10px; line-height:30px; font-size:12px;font-family: 'NanumGothicBold', sans-serif;letter-spacing:-1px; background-position:0 -100px;}
.large {padding-right:3px; background-position:right 0px; height:32px;}
.large a, .large input, .large button {height:32px; padding:0 17px 0 20px; line-height:30px; font-size:12px;font-family: 'NanumGothicBold', sans-serif;letter-spacing:-1px; background-position:0 0px;}

/* 컬러 설정 */
.large.black {background-position:right -200px}
.large.black a,.large.black input,.large.black button {background-position:0 -200px;color:#fff}

.large.black:hover {background-position:right -250px}
.large.black:hover a,.large.black:hover input,.large.black:hover button {background-position:0 -250px;color:#ddd}

/* ====================== */
/* search */
/* ====================== */
.search_area {margin:10px 0; padding:15px 60px; border:1px solid #bbb; background:#fbfbfb;}
.search_area input[type="text"] {width:600px; vertical-align:middle;}
.search_area input, .search_area select { vertical-align:middle;}
.search_area2 {display:inline-block; width:762px; margin:10px 0; padding:15px 20px; border:1px solid #bbb; background:#fbfbfb;}
.search_area2 input, .search_area2 select { vertical-align:middle;}
.search_area2 .cal {float:left; }
.search_area2 .cal input[type="text"] {width:80px; }
.search_area2 .cal label {display:inline-block; width:60px; font-family: 'NanumGothicBold', sans-serif;}


.search_area4 {display:inline-block; width:710px; margin:10px 25px; padding:10px 15px 10px 5px; border:1px solid #bbb; background:#fbfbfb;}
.search_area4 input, { vertical-align:middle; margin: 3px 0; }
.search_area4 .cal {float:left;}
.search_area4 .cal input[type="text"] {width:80px; }
.search_area4 .cal label {display:inline-block; width:50px; padding-left:15px; font-family: 'NanumGothicBold', sans-serif;} 
 
 

/* ====================== */
/* Pop Basic Layout   */
/* ====================== */
.mskbg { position:fixed;  top:0; left:0; width:100%; height:100%; z-index:50;  background:#000000; opacity:.75; filter:alpha(opacity=75);}
.pop { position:fixed; top:50%; left:50%; z-index:51; border:1px solid #979797; background:#fff;}
.pop .pop_top { 
	height:25px; 
	padding:5px 10px; 
	text-align:left; 
/* 	background:url('/images/layout/pop_bg1.gif') repeat-x; */
}
.pop .pop_top h1 {float:left; padding-top:4px; font-size:14px; color:#fff;}
.pop .pop_top img {display:inline-block; float:right;}

/*자가진단 팝업*/
.pop .pop_top1 { 
	height:25px; 
	padding:5px 10px; 
	width:100%; 
	text-align:left; 
/* 	background:url('/images/layout/pop_bg1.gif') repeat-x; */
}
.pop .pop_top1 h1 {float:left; padding-top:4px; font-size:14px; color:#fff;}
.pop .pop_top1 img {display:inline-block; float:right;}


.pop .w40 {width:40px;}
.pop .w70 {width:70px;}
.pop .w95 {width:95px;}
.pop .w150 {width:150px;}
.pop .w182 {width:182px;}
.pop .pdl30 {padding-left:30px;}

.popdata {padding:20px; line-height:18px; text-align:left;}
.popdata fieldset { padding:10px 20px; border-top:2px solid #155599; border-bottom:1px solid #155599;}
.popdata fieldset label { font-size:14px; font-family: 'NanumGothicBold', sans-serif; display:inline-block; margin-top:5px;}
.popdata fieldset img {padding-top:2px; }
.popdata fieldset input { vertical-align:middle;}
.popdata fieldset input[type="text"] {margin:2px 0;}
.popdata strong {display:inline-block; margin-bottom:10px;}

/* 우편번호 찾기 Pop */
.pzip { margin:-204px 0 0 -214px; width:428px; height:408px;}
.pzip p { padding-top:12px; text-align:center; height:26px;}
.pzip strong { display:inline-block; width:100%; height:26px;}
.pzip fieldset input[type="text"] {margin-left:5px; width:210px;}
.pzip fieldset img {margin-left:5px;}
.pzip ul {overflow-x:hidden; overflow-y:auto; height:145px; margin-top:20px; border-top:1px solid #e1e1e1;}
.pzip ul li {padding:5px 10px; border-bottom:1px solid #e1e1e1;}
.pzip ul li:hover {background:#f3f3f3;}
.pzip ul li em {padding-right:20px;}

/* 우편번호 찾기 Pop */
.pzip1 { margin:-204px 0 0 -214px; width:600px; height:540px;}
.pzip1 p { padding-top:12px; text-align:center; height:26px;}
.pzip1 strong { display:inline-block; width:100%; height:26px;}
.pzip1 fieldset input[type="text"] {margin-left:5px; width:210px;}
.pzip1 fieldset img {margin-left:5px;}
.pzip1 ul {overflow-x:hidden; overflow-y:auto; height:160px; margin-top:5px; border-top:1px solid #e1e1e1;}
.pzip1 ul li {padding:5px 10px; border-bottom:1px solid #e1e1e1;}
.pzip1 ul li:hover {background:#f3f3f3;}
.pzip1 ul li em {padding-right:20px;}

/* 신청 서비스 Pop */
.reservice { margin:-290px 0 0 -330px; width:660px; height:570px;}
.reservice p { padding-top:12px; text-align:center; height:26px;}
.reservice strong {padding:0 15px 0 10px; display:inline-block; width:100%; background:url('/secret-resources/images/layout/pop_blt.gif') no-repeat 0 2px;}
.reservice .file_box {padding-top:30px; font-size:14px; }
.reservice .file_box em {color:red; font-size:12px; }
.reservice p {text-align:left; font-family: 'NanumGothicBold', sans-serif;}
.reservice .txt_box {padding:10px; height:120px; overflow-x:hidden; overflow-y:auto; line-height:20px; background:#f7f7f7; border:1px solid #c4d4e5;}
.reservice .txt_box_type1 {padding:10px; height:40px; overflow-x:hidden; overflow-y:auto; line-height:20px; background:#f7f7f7; border:1px solid #c4d4e5;}

/* 신청 서비스 기업방문교육 Pop */
.reservice1 { margin:-340px 0 0 -330px; width:660px; height:720px;}
.reservice1 p { padding-top:12px; text-align:center; height:26px;}
.reservice1 strong {padding:0 15px 0 10px; display:inline-block; width:100%; background:url('/secret-resources/images/layout/pop_blt.gif') no-repeat 0 2px;}
.reservice1 .file_box {padding-top:30px; font-size:14px; }
.reservice1 .file_box em {color:red; font-size:12px; }
.reservice1 p {text-align:left; font-family: 'NanumGothicBold', sans-serif;}
.reservice1 .txt_box {padding:10px; height:120px; overflow-x:hidden; overflow-y:auto; line-height:20px; background:#f7f7f7; border:1px solid #c4d4e5;}
.reservice1 .txt_box_type1 {padding:10px; height:40px; overflow-x:hidden; overflow-y:auto; line-height:20px; background:#f7f7f7; border:1px solid #c4d4e5;}

/* 신청 서비스 기업방문교육 수정Pop */
.reservice2 { margin:-340px 0 0 -330px; width:660px; height:430px;}
.reservice2 p { padding-top:12px; text-align:center; height:26px;}
.reservice2 strong {padding:0 15px 0 10px; display:inline-block; width:100%; background:url('/images/layout/pop_blt.gif') no-repeat 0 2px;}
.reservice2 .file_box {padding-top:30px; font-size:14px; }
.reservice2 .file_box em {color:red; font-size:12px; }
.reservice2 p {text-align:left; font-family: 'NanumGothicBold', sans-serif;}
.reservice2 .txt_box {padding:10px; height:120px; overflow-x:hidden; overflow-y:auto; line-height:20px; background:#f7f7f7; border:1px solid #c4d4e5;}
.reservice2 .txt_box_type1 {padding:10px; height:40px; overflow-x:hidden; overflow-y:auto; line-height:20px; background:#f7f7f7; border:1px solid #c4d4e5;}

/* 신청 서비스 신청확인 Pop */
.pconfirm { margin:-204px 0 0 -174px; width:350px; height:220px;}
.pconfirm p { padding-top:12px; text-align:center; height:26px;}
.pconfirm strong { display:inline-block; width:100%; height:26px;}
.pconfirm fieldset input[type="text"] {margin-left:5px; width:210px;}
.pconfirm fieldset img {margin-left:5px;}
.pconfirm ul {overflow-x:hidden; overflow-y:auto; height:160px; margin-top:5px; border-top:1px solid #e1e1e1;}
.pconfirm ul li {padding:5px 10px; border-bottom:1px solid #e1e1e1;}
.pconfirm ul li:hover {background:#f3f3f3;}
.pconfirm ul li em {padding-right:20px;}


/* ====================== */
/* Error   */
/* ====================== */
#error {background:#fff; }
#error #container {position:relative; background:#fff; min-height:550px;}
#error #container { display:inline-block; margin:0 auto; padding-top:45px;width:1005px;}
#error #container h1 {position:absolute; left:0; top:0; overflow:hidden; font-size:0px; line-height:10000px; margin-top:23px; width:217px; height:49px;}
#error #container h1 a {display:inline-block; width:217px; height:49px; background:url('/secret-resources/images/layout/logo.jpg') no-repeat;}
#error #container .error_box {margin:auto; margin-top:80px; width:560px;}
#error #container .error_box span {display:block; padding:20px 0 30px 165px; text-align:left; background:url('/secret-resources/images/layout/error_bg_1.gif') no-repeat 0 0px;}
#error #container .error_box p {font-size:16px; line-height:35px; margin-bottom:20px; padding:15px 10px; color:#666; text-align:left; border-top:1px solid #155599; border-bottom:1px solid #155599;}
#error #container .error_box p strong {text-decoration:underline; color:#444; }


/* 페이징 네비게이션 */
/* .pagination { text-align:center; padding:10px 0; zoom:1;} */
/* .pagination img { vertical-align:middle; cursor:pointer;} */
/* .pagination:after{ content:""; display:block; clear:both; height:0; visibility:hidden;} */
/* .pagination input{ vertical-align:middle; margin-top:-1px;} */
/* .pagination a { text-align:center; padding:3px 6px 2px; border:1px solid #f0f0f0; vertical-align:middle; font-size:11px; } */
/* .pagination a:link, .pagination a:visited, .pagination a:active{ color:#858585;} */
/* :root .pagination a { padding:4px 6px 4px;} */
/* .pagination a:hover { color:#fff; border:1px solid #35485a; background-color:#636363;} */
/* .pagination a.on { color:#fff; border:1px solid #35485a; background-color:#636363;} */


/* 툴팁 */
 .tstooltip { background-color:beige;display:none; width:450px;height:20px;border:1px solid black; }




.pagination>li {
}

.pagination>li>a{
	border: 0;
	background-color:rgba(0,0,0,0);
	font-size: 12px;
	font-weight: 700;
	margin-left: 0px;
	height: 24px;
	padding-top: 2px;
}

.page-item.first>a {
/* 	background-image:url("/secret-resources/images/fp1.gif"); */
	width:25px;
	height:24px;
	border: 1px solid lightgray;
	border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    padding:3px;}

/* .pageitem.first>a:focus, .pageitem.first>li>a:hover { */
/* 	background-image:url("/secret-resources/images/fp2.gif"); */
/* 	width:25px; */
/* 	height:24px; */
/* 	text-decoration: none; */
/* } */

.page-item.prev>a {
/* 	background-image:url("/secret-resources/images/p1.gif"); */
	width:25px;
	height:24px;
	border-top: 1px solid lightgray;
	border-right: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
	border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    padding:3px;}

.page-item.next>a {
/* 	background-image:url("/secret-resources/images/n1.gif"); */
	width:25px;
	height:24px;
	border: 1px solid lightgray;
	border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    padding:3px;}

.page-item.last>a {
/* 	background-image:url("/secret-resources/images/lp1.gif"); */ 
	width:25px;
	height:24px;
	border-top: 1px solid lightgray;
	border-right: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
	border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    padding:3px;}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
	background-color:rgba(0,0,0,0);
	text-decoration: underline;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	color:red;
	background-color:rgba(0,0,0,0);
	text-decoration: none;
	border: 1px solid lightgray;
}