@charset "UTF-8";

/* 나눔고딕 적용 */
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');

/*----- ADT세이프버스 수정 Start -----*/
.ui-dialog .ui-dialog-title{ float:left; margin-top:15px; padding-left:25px; font-size:18px; font-family:'Nanum Gothic', sans-serif; font-weight:bold; color:#006ebc; background:url("../images/02_sub/popup/title_bg01.jpg") no-repeat 0 0; }
#snb > li.active > ul.snbSub li.on a{ color:#fff; background-color:#006ebc; }
#snb > li.active > a,
#snb > li > a:hover{ color:#006ebc; background-color:#f8f8f8; }
#snb > li > ul.snbSub li a:hover{ color:#fff; background-color:#82c4f3; }
/*----- ADT세이프버스 수정 End -----*/

.ui-dialog .ui-dialog-title{ float:left; margin-top:15px; padding-left:25px; font-size:18px; font-family:"돋움", Dotum; font-weight:bold; color:#006ebc; background:url("../images/02_sub/popup/title_bg01.jpg") no-repeat 0 0; }
#snb > li.active > ul.snbSub li.on a{ color:#fff; background-color:#006ebc; }
#snb > li.active > a,
#snb > li > a:hover{ color:#006ebc; background-color:#f8f8f8; }
#snb > li > ul.snbSub li a:hover{ color:#fff; background-color:#82c4f3; }

/* 태그초기화 */
html{ overflow-y:scroll; }
body{ margin:0; padding:0; font-family:'Nanum Gothic', sans-serif, Arial; font-size:small; color:#525252; }

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, input{ margin:0; padding:0; }
ul, ol{ list-style:none; }
a{ text-decoration:none; }
img{ display:block; border:0; font-size:0; vertical-align:top; }
address{ font-style:normal; }
table{ border-collapse:collapse; border-spacing:0; }
caption{ width:0; height:0;	font-size:0; line-height:0; overflow:hidden; }
input, select, button, textarea{ font-family:inherit; font-size:inherit; color:inherit; *font-family:Dotum; *font-size:small; outline:0; }
textarea{ border:0; }

/* 공통클래스 */
.floatL{ float:left; }
.floatR{ float:right; }
.positR{ position:relative; }
.positA{ position:absolute; }
span.block{ display:block; }

-webkit-input-placeholder,
-moz-input-placeholder,
:-ms-input-placeholder{ color:#a9a9a9; }

/* 공통레이아웃 */
#wrap, #footer_wrap{ width:100%; }
#footer{ margin:0 auto; width:1280px; }
table{ width:100%; }

/* skip */
#skip{	margin-top:-1px; }
#skip a{ display:block; margin-top:-1px; width:1px; height:1px; text-align:center; overflow:hidden; }
#skip a:focus, #skip a:active{ padding:10px; width:100%; height:auto; color:#fff; background-color:#525252; }

/* 상단링크 */
div.conTop ul.topLink,
div.conTop ul.topLink li a{ height:30px; }
div.conTop ul.topLink{ margin-top:13px; }
div.conTop ul.topLink li{ position:relative; float:left; margin-left:5px; background-color:#f2f2f2; border-radius:5px; behavior:url("../js/PIE-1.0.0/PIE.htc"); }
div.conTop ul.topLink li:hover{ position:relative; float:left; margin-left:5px; background-color:#87c0ef; border-radius:5px; behavior:url("../js/PIE-1.0.0/PIE.htc"); }
div.conTop ul.topLink li a{ display:block; padding:0 12px; font-size:11px; color:#999; line-height:32px; }
div.conTop ul.topLink li a:hover{ display:block; padding:0 12px; font-size:11px; color:#fff; line-height:32px; }
div.conTop ul.topLink li a img{ display:inline-block; margin-top:8px; }

/* footer */
#footer_wrap{ padding:30px 0; border-top:1px solid #d9d9d9; background-color:#eee; }
#footer{ *zoom:1; }
#footer:after{ display:block; content:""; clear:both; }
#footer h4.footerLogo{ margin-right:70px; }
#footer ul#footer_link{ margin-bottom:15px; height:12px; }
#footer ul#footer_link li{ float:left; margin-left:10px; padding-left:11px; background:url("../images/01_main/bg_line02.jpg") no-repeat left 1px; }
#footer ul#footer_link li:first-child{ margin-left:0; padding-left:0; background:none; }
#footer ul#footer_link li a{ color:#434343; }
#footer div.floatL > p{ clear:both; font-size:11px; }
#footer address{ margin:5px 0; font-size:11px; }

/* 왼쪽메뉴 - snb */
div.conL{ width:178px; }
div.conL > h1{ padding-top:60px; height:40px; font-size:20px; font-weight:bold; text-align:center; border-bottom:1px solid #e5e5e5; }

#snb > li.snbMenu a{ padding-left:40px; color:#525252; }
#snb > li.snbMenu > a{ display:block; height:50px; font-size:14px; font-weight:bold; line-height:50px; border-bottom:1px dashed #eee; background-repeat:no-repeat; background-position:15px 50%; }
#snb > li.snbMenu01 > a{ background-image:url("../images/02_sub/icon_snb01.png"); }
#snb > li.snbMenu02 > a{ background-image:url("../images/02_sub/icon_snb02.png"); }
#snb > li.snbMenu03 > a{ background-image:url("../images/02_sub/icon_snb03.png"); }
#snb > li.snbMenu > ul.snbSub{ border-bottom:1px dashed #eee; }
#snb > li.snbMenu > ul.snbSub > li a{ display:block; height:40px; line-height:40px; }
#snb{ border-bottom:1px solid #e5e5e5 !important; }
#snb > li.last ul.snbSub{ border-bottom:0 !important; }

#snb > li.active > a,
#snb > li > a:hover{ color:#005DAB; background-color:#f8f8f8; }
#snb > li.active > ul.snbSub li.on a{ color:#fff; background-color:#005DAB; }
#snb > li > ul.snbSub li a:hover{ color:#fff; background-color:#87c0ef; }
#snb > li.snbMenu01.active > a,
#snb > li.snbMenu01 > a:hover{ background-image:url("../images/02_sub/icon_snb01_on.png"); }
#snb > li.snbMenu02.active > a,
#snb > li.snbMenu02 > a:hover{ background-image:url("../images/02_sub/icon_snb02_on.png"); }
#snb > li.snbMenu03.active > a,
#snb > li.snbMenu03 > a:hover{ background-image:url("../images/02_sub/icon_snb03_on.png"); }

/* dialog */
.ui-widget-overlay.custom-overlay{ background-color: white; background-image: none; opacity: 0.0; z-index: 1040; }

/* dialog - Layout */
.ui-helper-hidden{ display: none; }
.ui-helper-hidden-accessible{ position:absolute; margin:-1px; padding:0; width:1px; height:1px; border:0; clip:rect(0 0 0 0); overflow:hidden; }
.ui-helper-reset{ margin:0; padding:0; border:0; outline:0; line-height:1.3; text-decoration:none; font-size:100%; list-style:none; }
.ui-helper-clearfix:before,
.ui-helper-clearfix:after{ display:table; content:""; border-collapse:collapse; }
.ui-helper-clearfix:after{ clear:both; }
.ui-helper-clearfix{ min-height:0; /* support: IE7 */ }
.ui-helper-zfix{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; filter:Alpha(Opacity=0); }
.ui-front { z-index:100; }

button{ outline:0; }
.ui-dialog{ position:absolute; top:10%; left:10%; overflow:hidden; outline:0; border:0; }
.ui-dialog .ui-dialog-titlebar{ position:relative; padding-left:20px; padding-right:20px; height:50px; background:none !important; }
.ui-dialog .ui-dialog-title{ float:left; margin-top:15px; padding-left:25px; font-size:18px; font-family:"돋움", Dotum; font-weight:bold; color:#005DAB; background:url("../images/02_sub/popup/title_bg01.jpg") no-repeat 0 0; }
.ui-dialog .ui-dialog-titlebar-close{ float:right; margin-top:10px; width:30px; height:30px; font-size:0; border:0; background: url("../images/02_sub/popup/close.jpg") no-repeat; text-indent:-9999px; cursor:pointer; }
.ui-draggable .ui-dialog-titlebar{ cursor:move; }
.ui-draggable-handle{ -ms-touch-action:none; touch-action:none; }
.ui-widget-content{ background:#fff; }

/* Overlays */
.ui-widget-overlay{ position:fixed; top:0; left:0; width:100%; height:100%; background:#424242; opacity:.7; filter:Alpha(Opacity=70); }

.mask {
	display: none;
	background: #444;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: 0.5;
	filter: alpha(opacity=50);
	z-index: 999;
}

/* message */
div#message p.messageTxt{ margin:30px 0; font-size:14px; text-align:center; }
div#message p.btn{ margin-bottom:20px; text-align:center; }
div#message p.btn span.btnSave{ display:inline-block; padding-left:40px; padding-right:15px; color:#fff; line-height:33px; text-align:center; background:#666 url("../images/02_sub/popup/btn_save.png") no-repeat 15px 10px; cursor:pointer; }

/* 작은 레이어 팝업 공통 스타일 */
.dialog2{ border:0; box-shadow:0 0 8px rgba(0,0,0,0.3); -webkit-box-shadow:0 0 8px rgba(0,0,0,0.3); -moz-box-shadow:0 0 8px rgba(0,0,0,0.3); }
.dialog2 .ui-dialog-titlebar{ padding:0 20px !important; border-bottom:1px solid #ccc; background:url("../images/02_sub/bg_th.jpg") !important; }
.dialog2 .ui-dialog-titlebar span.ui-dialog-title{ padding:0; background:none; }
.dialog2 .ui-dialog-titlebar button.ui-button{ margin-top:16px; width:16px; height:15px; background:url("../images/02_sub/popup/btn_cancle2.png") no-repeat; }
.dialog2 p.loaderImg{ top:50%; left:50%; margin-left:-16px; }

.dialog_complete > p{ text-align:center; }
.dialog_complete p.completeTit{ margin-top:20px; padding-top:90px; font-size:16px; font-weight:bold; line-height:25px; background:url("../images/02_sub/popup/icon_station_add.jpg") no-repeat 50% top; }
.dialog_complete p.completeTxt{ font-size:14px; }
.dialog_complete p.btn{ margin:30px 0 20px; height:33px; }
.dialog_complete p.btn span{ display:inline-block; padding-right:15px; line-height:33px; cursor:pointer; }
.dialog_complete p.btn span.btnSave{ padding-left:40px; color:#fff; background:#666 url("../images/02_sub/popup/btn_save.png") no-repeat 15px 10px; }
.dialog_complete p.btn span.btnCancle{ margin-left:10px; padding-left:35px; background:#f2f2f2 url("../images/02_sub/popup/btn_cancle.png") no-repeat 15px 10px; }

/* 삭제 팝업 */
.dialog_complete p.delTit{ background:url("../images/02_sub/popup/icon_station_del.jpg") no-repeat 50% top !important; }

/* 게시판 스타일 및 페이징 */
.listStyle{ margin-bottom:40px; border-top:2px solid #595959; }
.listStyle thead{ background:url("../images/02_sub/bg_th.jpg"); }
.listStyle thead th{ height:40px; border-bottom:1px solid #e9ecf2; }
.listStyle tbody tr:hover{ background-color:#f8f8f8; }
.listStyle tbody td{ height:35px; text-align:center; border-bottom:1px solid #e9ecf2; }
.listStyle tbody td.txtL{ text-align:left; }
.listStyle tbody td a{ color:#525252; }
.listStyle tbody td a:hover{ font-weight:bold; text-decoration:underline; } /* 추가 */

ul#paging { margin-top:54px; }

ul#paging, #notice_dialog_paging { height:23px; text-align:center; }
ul#paging li, #notice_dialog_paging li { display:inline-block; margin-left:4px; *zoom:1; *display:inline; }
/*
ul#paging li.first, #notice_dialog_paging li.first { margin-right:5px; }
ul#paging li.before, #notice_dialog_paging li.before { margin-right:5px; }
*/
ul#paging li.first a { font-weight:bold; }
ul#paging li.before a { font-weight:bold; }

ul#paging li.last, #notice_dialog_paging li.last { margin-left:4px; }
ul#paging li.after, #notice_dialog_paging li.after { margin-left:4px; }
ul#paging li.last a { font-weight:bold; }
ul#paging li.after a { font-weight:bold; }
ul#paging li a { display:block; width:26px; height:23px; font-size:11px; line-height:23px; color:#525252; border:1px solid #dadada; }
ul#paging li:hover { font-weight:bold; background-color:#cccccc; }
ul#paging li.on a { font-weight:bold; background-color:#e9e9e9; }

#notice_dialog_paging li.before a { width:35px; color:#7d7d7d; border:0; }
#notice_dialog_paging li.after a { width:35px; color:#7d7d7d; border:0; }
#notice_dialog_paging li a { display:block; width:35px; height:23px; font-size:11px; line-height:23px; color:#525252; border:1px solid #dadada; }
#notice_dialog_paging li a:hover { font-weight:bold; background-color:#cccccc; }
#notice_dialog_paging li.on a { font-weight:bold; background-color:#e9e9e9; }

/* 공지사항 로딩 */
#container{ position:relative; }
#notice_dialog_loading{ position:absolute; margin-top:-16px; margin-left:-16px; top:50%; left:50%; z-index:100; }

/* 공지사항 팝업 */
.dialog5 .ui-dialog-titlebar span.ui-dialog-title{ padding-left:0; background:none; }
#notice_dialog #notice_dialog_search{ margin-bottom:30px; padding-left:20px; height:44px; line-height:45px; border-bottom:1px solid #ccc; background:url("../images/02_sub/bg_pattern02.jpg"); }
#notice_dialog #notice_dialog_search > span:first-child{ margin-right:10px; font-weight:bold; }
#notice_dialog #notice_dialog_search > span input{ height:31px; border:1px solid #ccc; vertical-align:middle; }
#notice_dialog #notice_dialog_search > span input[type="text"]{ padding:9px 5px 11px; width:290px; height:11px; vertical-align:middle; }
#notice_dialog #notice_dialog_search > span input[type="button"]{ margin-left:5px; width:46px; height:33px; font-weight:bold; line-height:33px; cursor:pointer;
background-color:#f8f8f8;
background: -webkit-linear-gradient(#fff, #f2f2f2);
background: -o-linear-gradient(#fff, #f2f2f2);
background: -moz-linear-gradient(#fff, #f2f2f2);
background: linear-gradient(#fff, #f2f2f2); }
#notice_dialog > table{ margin-left:20px; margin-bottom:30px; width:780px; border-top:2px solid #595959; }
#notice_dialog > table thead th,
#notice_dialog_view table thead th{ height:45px; border-bottom:1px solid #e9ecf2; background:url("../images/02_sub/bg_th.jpg");}
#notice_dialog > table tbody tr{ height:40px; }
#notice_dialog > table tbody tr.noticeTop td:first-child,
#notice_dialog > table tbody tr.noticeTop td.txtL{ font-weight:bold; }
#notice_dialog > table tbody tr.noticeTop td{ background-color:#f8f8f8; }
#notice_dialog > table tbody td a{ color:#525252; }
#notice_dialog > table tbody td a:hover{ text-decoration:underline; }
#notice_dialog > table tbody td{ *height:37px; text-align:center; border-bottom:1px solid #e9ecf2; }
#notice_dialog > table tbody td.txtL{ text-align:left; }

/* 공지사항 뷰페이지 */
#notice_dialog_view table{ margin-top:50px; margin-left:20px; width:780px; border-top:2px solid #595959; }
#notice_dialog_view table thead th{ font-weight:normal; }
#notice_dialog_view table thead th:first-child{ padding-left:20px; text-align:left; font-size:16px; font-weight:bold; }
#notice_dialog_view table tbody td{ border-bottom:1px solid #e9ecf2; }
#notice_dialog_view table tbody td textarea{ padding:20px; width:738px; height:350px; border:0; resize:none; font-size:12px; font-family:Dotum, "돋움"; outline:0; overflow-y:scroll; }
#notice_dialog_view table tbody td div{ padding:20px; width:766px; height:350px; border:0; resize:none; font-size:12px; font-family:Dotum, "돋움"; outline:0; overflow-x:hidden; overflow-y:scroll;}
#notice_dialog_view .noticeBottom .listGo{ top:20px; right:20px; }
#notice_dialog_view .noticeBottom .listGo a{ display:block; padding-left:35px; width:40px; height:33px; line-height:33px; color:#fff; background:#666 url("../images/02_sub/icon_list.png") no-repeat 15px 12px; }
#notice_dialog_view .noticeBottom ul{ top:30px; left:20px; }
#notice_dialog_view .noticeBottom ul li:first-child{ margin-bottom:20px; }
#notice_dialog_view .noticeBottom ul li img{ display:inline; margin-right:10px; vertical-align:middle; }
#notice_dialog_view .noticeBottom ul li span.tit{ margin-right:20px; font-weight:bold; }
#notice_dialog_view .noticeBottom ul li a{ color:#525252; }

/* 2015-07-06 - 추가 - 김진국 - 뷰 페이지 */
#notice_dialog_view #notice_view_content{ margin:10px 0; padding:5px; height:330px; font-family:Dotum, "돋움"; font-size:12px; line-height:18px; overflow-y:scroll; resize:none; outline:0; }

/* 비밀번호 변경 안내 */
.dialog6 .ui-dialog-titlebar span.ui-dialog-title{ padding-left:0; background:none; } /* 2018-07-31 화 추가 */
.dialog6 .ui-dialog-titlebar-close{ display:none; } /* 2018-07-31 화 추가 */


/* 회원정보관리 - 회원정보수정 */
.userInfoDialog .userInfoTab{ margin:30px 0 40px 20px; width:572px; height:34px; }
.userInfoDialog .userInfoTab li{ float:left; cursor:pointer; }
.userInfoDialog .userInfo01{ margin:0 auto; width:460px; }
.userInfoDialog .userInfoTxt{ margin-bottom:40px; padding-top:10px; padding-left:95px; height:67px; font-size:14px; line-height:20px; font-weight:bold; background:url("../images/02_sub/popup/icon_password.jpg") no-repeat; }
.userInfoDialog .userInfoTxt .size{ margin-top:7px; font-size:12px; font-weight:normal; }
.userInfoDialog .userInfo01 table{ margin-bottom:60px; width:100%; border-top:2px solid #595959; border-bottom:1px solid #595959; }
.userInfoDialog .userInfo01 table th{ height:60px; background:url("../images/02_sub/bg_th.jpg"); }
.userInfoDialog .userInfo01 table td{ padding-left:20px; }
.userInfoDialog .userInfo01 table td input{ padding:9px 5px 11px; width:200px; height:11px; vertical-align:middle; border:1px solid #ccc; }
.userInfoDialog .userInfoBtn{ text-align:center; }
.userInfoDialog .userInfoBtn a{ display:inline-block; width:74px; height:33px; font-weight:bold; text-align:center; line-height:33px; color:#fff; background:#666; border-radius:5px; }

/* 회원정보관리 - 회원정보 */
.userInfoDialog .userInfo02{ margin:0 auto; width:572px; }
.userInfoDialog .userInfo02 .userInfo02Tit{ position:relative; font-size:16px; font-weight:bold; }
.userInfoDialog .userInfo02 .userInfo02Tit span{ position:absolute; right:0; padding-top:6px; padding-left:13px; font-size:11px; font-weight:normal; color:#777; text-align:right; background:url("../images/02_sub/popup/icon_required.png") no-repeat left 7px; }
.userInfoDialog .userInfo02 table,
.userInfoDialog .userInfo03 table{ margin:10px 0; }
.userInfoDialog .userInfo02 table tr:first-child th,
.userInfoDialog .userInfo02 table tr:first-child td,
.userInfoDialog .userInfo03 table tr:first-child th,
.userInfoDialog .userInfo03 table tr:first-child td{ border-top:2px solid #595959; }
.userInfoDialog .userInfo02 table tr th,
.userInfoDialog .userInfo02 table tr td,
.userInfoDialog .userInfo03 table tr th,
.userInfoDialog .userInfo03 table tr td{ height:40px; border-bottom:1px solid #e9ecf2; }
.userInfoDialog .userInfo02 table tr th{ padding-left:12px; text-align:left; letter-spacing:-1px; border-left:1px solid #e9ecf2; border-right:1px solid #e9ecf2; background:url("../images/02_sub/bg_th.jpg"); }
.userInfoDialog .userInfo02 table tr.required th{ padding:0; }
.userInfoDialog .userInfo02 table tr.required th span{ padding-left:12px; background:url("../images/02_sub/popup/icon_required.png") no-repeat 2px 2px; }
.userInfoDialog .userInfo02 table td{ padding-left:5px; }
.userInfoDialog .userInfo02 table td input, .userInfoDialog .userInfo02 table td select,
.userInfoDialog .userInfo03 table td input{ border:1px solid #ccc; }
.userInfoDialog .userInfo02 table td input,
.userInfoDialog .userInfo03 table td input{ padding:5px 5px 6px; height:11px; vertical-align:middle; }
.userInfoDialog .userInfo02 table #user_info_dialog_team{ width:135px; }
.userInfoDialog .userInfo02 table #user_info_dialog_name,
.userInfoDialog .userInfo02 table #user_info_dialog_mail{ width:105px; }
.userInfoDialog .userInfo02 table #user_info_dialog_num01,
.userInfoDialog .userInfo02 table #user_info_dialog_num02,
.userInfoDialog .userInfo02 table #user_info_dialog_num03{ padding:5px 0 6px; width:50px; text-align:center; }
.userInfoDialog .userInfo02 table tr.required td span{ font-size:11px; letter-spacing:-1px; color:#777; }
.userInfoDialog .userInfo02 table tr.required.mail td input,
.userInfoDialog .userInfo02 table tr.required.mail td span,
.userInfoDialog .userInfo02 table tr.required.mail td form{ float:left; }
.userInfoDialog .userInfo02 table tr.required.mail td span{ display:inline-block; margin:0 5px; line-height:24px; }
.userInfoDialog .userInfo02 table form .select_box2{ position:relative; border:1px solid #ccc; background:url("../images/02_sub/select.jpg") no-repeat 125px 8px; *margin-top:1px; }
.userInfoDialog .userInfo02 table form .select_box2 label{ position:absolute; top:6px; left:5px; width:140px; font-size:12px; color:#525252; }
.userInfoDialog .userInfo02 table form .select_box2 select#mail_address{ width:140px; height:22px; line-height:27px; vertical-align:middle; opacity:0; filter:alpha(opacity=0); }

/* 회원정보관리 - 비밀번호변경 */
.userInfoDialog .userInfo03{ margin:0 auto; width:572px; }
.userInfoDialog .userInfo03 table{ margin-top:-30px; }
.userInfoDialog .userInfo03 table th{ border-right:1px solid #e9ecf2; background:url("../images/02_sub/bg_th.jpg"); }
.userInfoDialog .userInfo03 table td{ padding-left:20px; }

/*.userInfoDialog .userInfo03 .userInfoTip{ margin:20px 0 10px; padding:15px 0 0 10px; width:562px; height:55px; background-color:#f2f2f2; } 2018-08-14 화 */
.userInfoDialog .userInfo03 .userInfoTip{ margin:20px 0 10px; padding:15px 0 0 10px; width:562px; height:85px; background-color:#f2f2f2; }

.userInfoDialog .userInfo03 .userInfoTipTit{ margin-right:10px; width:31px; height:13px; line-height:15px; font-weight:bold; text-align:center; color:#fff; background-color:#005DAB; vertical-align:top; }
/*.userInfoDialog .userInfo03 .userInfoTip p{ *float:left; display:inline-block; font-size:11px; letter-spacing:-1px; } 2018-08-14 화 주석처리*/

.userInfoDialog .userInfo03 .userInfoTip p{ *float:left; display:inline-block; letter-spacing:-1px; }/* 2018-08-14 화 추가 */

.userInfoDialog .userInfo03 .userInfoTip p span{ margin-top:5px; color:#777; }

/* 2018-08-02 목 추가 비밀번호 변경 안내 */
.userInfoDialog .userInfo04 table{ margin:10px 0; }
.userInfoDialog .userInfo04 table tr:first-child th,
.userInfoDialog .userInfo04 table tr:first-child td{ border-top:2px solid #595959; }
.userInfoDialog .userInfo04 table tr th,
.userInfoDialog .userInfo04 table tr td{ height:40px; border-bottom:1px solid #e9ecf2; }
.userInfoDialog .userInfo04 table td input{ border:1px solid #ccc; }
.userInfoDialog .userInfo04 table td input{ padding:5px 5px 6px; height:11px; vertical-align:middle; }
.userInfoDialog .userInfo04 .important_txt { color: #bb0000; text-decoration: underline; }
.userInfoDialog .userInfo04 { margin:0 auto; width:642px; }
.userInfoDialog .userInfo04 table th{ border-right:1px solid #e9ecf2; background:url("../images/02_sub/bg_th.jpg"); }
.userInfoDialog .userInfo04 table td{ padding-left:20px; }
.userInfoDialog .userInfo04 .userInfoTip{ margin:20px 0 10px; padding:15px 0 0 10px; width:632px; height:115px; background-color:#f2f2f2; color:#000; }
.userInfoDialog .userInfo04 .userInfoTipTit{ margin-right:10px; width:31px; height:13px; line-height:15px; font-weight:bold; text-align:center; color:#fff; background-color:#005DAB; vertical-align:top; }
.userInfoDialog .userInfo04 .userInfoTip p{ margin-bottom:10px; }
.userInfoDialog .userInfo04 .userInfoTip p span{ margin-top:5px; color:#777; }
.userInfoDialog .userInfo04 .size { color:#888; margin-top:7px; font-size:12px; font-weight:normal; }

.userInfoDialog .userInfoBtn4 { text-align:center; }
.userInfoDialog .userInfoBtn4 #lay_btn_change_passwd2 { display:inline-block; width:180px; height:33px; text-align:center; line-height:33px; color:#fff; background:#045fa8; }
.userInfoDialog .userInfoBtn4 #lay_btn_change_passwd2:hover{ display:inline-block; width:180px; height:33px; font-weight:bold; text-align:center; line-height:33px; color:#fff; background:#045fa8; }
.userInfoDialog .userInfoBtn4 #lay_btn_next_change_pass { display:inline-block; width:180px; height:33px; text-align:center; line-height:33px; color:#fff; background:#aaa; }
.userInfoDialog .userInfoBtn4 #lay_btn_next_change_pass:hover{ display:inline-block; width:180px; height:33px; font-weight:bold; text-align:center; line-height:33px; color:#fff; background:#aaa; }
.userInfoDialog .userInfoTxt4 { margin-bottom:40px; padding-top:10px; padding-left:95px; height:67px; font-size:14px; line-height:20px; font-weight:bold; background:url("../images/02_sub/popup/icon_password.jpg") no-repeat; background-position:left center; color:#000; }
.userInfoDialog .precautions li { margin-top: 5px; }

.precautions { color:#888; }
/* 2018-08-02 목 추가 비밀번호 변경 안내 */

/* 에러페이지 */
#error{ margin:0 auto; padding-top:100px; width:640px; }
#error p.errorTop{ margin:15px 0 30px; }
#error p.errorTxt{ line-height:20px; letter-spacing:-1px; text-align:center; }
#error p.errorBtn{ padding:30px 0; text-align:center; border-bottom:1px solid #ccc; }
#error p.errorBtn a{ display:inline-block; width:166px; height:40px; line-height:40px; color:#fff; font-weight:bold; text-align:center; background-color:#444; }

/* 도움말 */
#help_location{ width:100%; height:45px; border-bottom:1px solid #ccc; background:url("../images/02_sub/bg_pattern02.jpg"); }
#help_location ul{ float:right; margin-top:14px; margin-right:20px; }
#help_location ul li{ float:left; height:20px; font-size:11px; line-height:20px; }
#help_location ul li:first-child{ padding-left:25px; background:url("../images/02_sub/bg_location.jpg") no-repeat left 50%; }
#help_dialog .helpDialog{ padding-left:20px; height:600px; }
#help_dialog .helpDialog > div textarea{ margin-top:10px; padding:10px; width:700px; min-height:550px; border:1px solid #ccc; resize:none; overflow-y:scroll; }

/* 2015-07-09 - 추가 - 도움말 */
#help_dialog .helpDialog{ padding-left:20px; height:600px; }
#help_dialog .helpDialog > div #manual_view_content{ margin-top:10px; padding:10px; width:700px; min-height:550px; border:1px solid #ccc; resize:none; overflow-y:scroll; }

/* 141212 추가 */
div.select_box2{ position:relative; float:left; margin-left:10px; margin-right:5px; border:1px solid #ccc; border-radius:5px; behavior:url("../js/PIE-1.0.0/PIE.htc"); background:url("../images/02_sub/select.jpg") no-repeat 235px 12px; *margin-top:1px; }
div.select_box2 label{ position:absolute; top:9px; left:5px; width:250px; font-size:12px; color:#525252;}
div.select_box2 select.selectStyle{ width:250px; height:31px; line-height:27px; vertical-align:middle; opacity:0; filter:alpha(opacity=0); }

div.select_box3{ position:relative; float:left; margin-left:10px; margin-right:5px; border:0px solid #ccc; border-radius:5px; behavior:url("../js/PIE-1.0.0/PIE.htc"); background:url("../images/02_sub/select.jpg") no-repeat 235px 12px; *margin-top:1px; }
div.select_box3 label{ position:absolute; top:9px; left:5px; width:250px; font-size:12px; color:#525252;}
div.select_box3 select.selectStyle{ width:250px; height:31px; line-height:27px; vertical-align:middle; opacity:0; filter:alpha(opacity=0); }

/* ie version 페이지 */
#ie_version{ margin:20px auto; padding-left:35px; width:769px; height:399px; background:url("../images/02_sub/ieBg.jpg") no-repeat; }
#ie_version .ieLogo{ padding:50px 0 60px; }
#ie_version .ieTxt{ margin:35px 0 15px; font-size:16px; line-height:24px; }
#ie_version .ieBtn a{ display:block; width:290px; height:34px; font-size:15px; line-height:34px; font-weight:bold; text-align:center; color:#fff; background-color:#32145a; }





/* 비밀번호 변경 안내 2018-08-02 목 */
.popup-wrap {}
.pop-box {position:absolute; left:50%; margin-bottom:60px; background-color:#fff; color:#626262; z-index:999}
.pop-header {position:relative; background-color:#045fa8; color:#fff; font-size:16px; line-height:24px; padding:15px 28px; font-weight:normal;}
.pop-header .btn-pop-closeX {position:absolute; top:20px; right:28px;}

.tab-wrap {position:relative; padding-top:38px;}
.tab-cnt.active {border-top:2px solid #045fa8; }
.tab-tit {position:absolute; top:0; height:20px; line-height:20px; padding:9px 0; text-align:center; background-color:#e5e5e5; color:#626262; font-family:'NotoSansKr B', '돋움', Dotum, '굴림', Gulim, sans-serif; cursor:pointer;}
.active .tab-tit {border:2px solid #045fa8; border-bottom:none; color:#045fa8; background-color:#fff; z-index:99;}
.tab2-1 .tab-tit {width:50%; left:0}
.tab2-2 .tab-tit{width:50%; left:50%;}

.tab-align-left .tab-tit {width:188px;}
.tab-align-left .active .tab-tit {width:184px}
.tab-align-left .tab1 .tab-tit {left:0}
.tab-align-left .tab2 .tab-tit {left:190px}
.tab-align-left .tab3 .tab-tit {left:380px}
.tab-align-left .tab4 .tab-tit {left:570px}
.tab-align-left .tab5 .tab-tit {left:760px}

.tab-cnt .tab-box {display:none;}
.tab-cnt.active .tab-box {display:block;}

.frm-area dl {width:100%;}
.frm-area dl:after {clear:both; display:block; content:'';}




.pop-box.change-pw {
	top: 50%;
    width: 600px;
    margin-left: -300px;
    margin-top: -340px;
}
.change-pw .pop-container {padding:30px;}
.change-pw .description {
	color: #888;
	line-height: 1.6em;
	font-size: 13px;
	word-break: keep-all;
}
.change-pw .description b {
	color: #111;
}
.change-pw .description span {
	color: #bb0000;
	text-decoration: underline;
}
.change-pw .frm-area {padding:10px 0 20px; border-top: 1px solid #e5e5e5; margin-top: 30px;}
.change-pw .frm-area dl {width:70%; margin-top:10px; margin: 10px auto 0;}
.change-pw .frm-area dl:after {clear:both; display:block; content:'';}
.change-pw .frm-area dt {float:left; width:120px; line-height:36px;}
.change-pw .frm-area dd {position:relative; margin-left:120px; line-height:36px;}
.change-pw .frm-area  input {height:24px; margin:0 1px; padding:5px; line-height:24px; border:1px solid #e5e5e5; background-color:#fff; vertical-align:top; box-sizing:content-box;}
.change-pw .frm-area input.inp-large {width:205px;}
.change-pw .frm-area .info-can-use {color: #009229; font-size: 12px; margin-top: 10px; display: block;}
.change-pw .frm-area .info-not-use {color: #bb0000; font-size: 12px; margin-top: 10px; display: block;}
.change-pw .btn-area {padding-top:30px; border-top:1px solid #e5e5e5; text-align:center;}
.btn-nxtime {height:36px; padding:0 20px; background-color:#aaa; color:#fff;  font-family:'NotoSansKr DL', '돋움', Dotum, '굴림', Gulim, sans-serif; line-height: 36px;}
.change-pw .description.footer {
	color: #888;
	line-height: 1.6em;
	font-size: 12px;
	word-break: keep-all;
	background-color: #f3f3f3;
	padding: 20px;
	margin-top: 30px;
}

.change-pw .description.footer .precautions {
	margin-top: 5px;
}

.change-pw .description.footer .precautions li {
	margin-top: 5px;
}

.change-pw .description.footer .precautions li:before {
	content:'-';
	margin-right: 3px;
}