/*=================================================================================================
// 명    칭 : 공용 스타일쉬트
// 처리내용 :
// 작 성 자 : 2013-09-06 강대인
//=================================================================================================*/
@charset "utf-8";

/*@import url("/common/css/font/NanumBarunGothic/nanumbarungothic.css");*/
@import url("/common/css/font/NanumGothic/NanumGothic.css");
@import url("/common/css/font/WebFonts.css");

* {-webkit-text-size-adjust:none}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
* { margin:0; padding:0; }

html { font-size:12px;  font-family:NanumGothic, '나눔고딕','돋움체',Dotum,'굴림체',Gulim,Arial,sans-serif; margin:0; padding:0;}
body { font-size:12px;  font-family:NanumGothic, '나눔고딕','돋움체',Dotum,'굴림체',Gulim,Arial,sans-serif; margin:0; padding:0; width:100%;}
div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, object, iframe  { margin: 0; padding: 0; }
/* h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, th { font-weight: normal; font-style: normal; }*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
header ul, nav ul, aside ul, footer ul {margin:0;padding:0;list-style:none}
img, fieldset, button { border:0; vertical-align:middle; }
hr, caption, legend { display:none; }
dl, ul, ol, li { list-style: none; }
a:focus { outline: none; }
a:hover, a:active, a:focus { text-decoration:none; }

table { border-collapse:collapse; empty-cells:show;font-size:12px;font-family:NanumGothic, '나눔고딕','돋움체',Dotum,'굴림체',Gulim,Arial,sans-serif; }
table caption { position:absolute; visibility:hidden; width:0px; height:0px; overflow:hidden; font-size:0; line-height:0; z-index:-1; }
caption, th { text-align: left; }
table th { font-weight:normal; }
table td { text-align:left; }

input, select, textarea { font-size: 12px; vertical-align: middle; border-radius: 0; font-family:NanumGothic, '나눔고딕','돋움체',Dotum,'굴림체',Gulim,Arial,sans-serif; }
select { border: 1px solid #E5E5E5; padding: 2px; }

textarea { overflow:auto; padding: 5px; border: 1px solid #ccc; width:100%; line-height:20px;}
p {margin:0;padding:0;line-height:1.6em; text-align:left;word-break:break-all}
pre {overflow-x:scroll;font-size:1.1em}
div { border:0; }

input[type='image'] {padding:0; }
input[type="radio"],input[type="checkbox"] {height:13px;}

input[type='text'],input[type='password'],input[type='date'],input[type='month'],input[type='time'],
input[type='email'],input[type='number'],input[type='search'],input[type='tel'],
input[type='url'], input[type='submit'], input[type='image'] { -webkit-appearance: none;}

button {border-radius:0;font-size:1em;-webkit-appearance:none}

input::placeholder { font-size:12px; }
textarea::placeholder { font-size:12px; }

#accessibility { position:absolute; top:-5em; left:-2000em; }

/*@-moz-document url-prefix() { select { padding-top:2px; } } */ /* 파이어폭스용 핵 */

/* 링크 --------------------------------------------------------------------------------- */
a:link,            a:visited,            a:active            { color:#000;    text-decoration:none;      } a:hover            { color:#cc0000; text-decoration:none;}
a.ssAct:link,      a.ssAct:visited ,     a.ssAct:active      { color:#000;    text-decoration:none;      } a.ssAct:hover      { color:#ff3300; text-decoration:none;}
a.ssActWhite:link, a.ssActWhite:visited, a.ssActWhite:active { color:#fff;    text-decoration:none;      } a.ssActWhite:hover { color:#99ccff; text-decoration:none;}
a.ssActBlue:link,  a.ssActBlue:visited,  a.ssActBlue:active  { color:#0033CC; text-decoration:none;      } a.ssActBlue:hover  { color:#000;    text-decoration:none;}
a.ssActRed:link,   a.ssActRed:visited,   a.ssActRed:active   { color:#ff3300; text-decoration:none;      } a.ssActRed:hover   { color:#000;    text-decoration:none;}
a.ssActGray:link,  a.ssActGray:visited,  a.ssActGray:active  { color:#d2d2d2; text-decoration:none;      } a.ssActGray:hover  { color:#99ccff; text-decoration:none;}
a.ssActUnder:link, a.ssActUnder:visited, a.ssActUnder:active { color:#000;    text-decoration:underline; } a.ssActUnder:hover { color:#cc0000; text-decoration:none;}
a.ssActMenu:link,  a.ssActMenu:visited,  a.ssActMenu:active  { color:#3399cc; text-decoration:none; font-size:12px; font-weight:bold; } a.ssActMenu:hover{color:#ff9900; text-decoration:none;  font-size:12px; font-weight:bold; }
/* ------------------------------------------------------------------------------------------------ */
.ssAbsolute { position:absolute; } /* 화면상의 아이템DIV를 감싸주는 스타일 */
/* ------------------------------------------------------------------------------------------------ */
.ssFontSize9  { font-size:9px !important; }
.ssFontSize10 { font-size:10px !important; }
.ssFontSize12 { font-size:12px !important; }
.ssFontSize13 { font-size:13px !important; }
.ssFontSize16 { font-size:16px !important; }
.ssFontSize18 { font-size:18px !important; }
.ssFontSize21 { font-size:21px !important; }
.ssFontSize24 { font-size:24px !important; }

/*h1 {margin-bottom:20px;color:#333;font-size:1.5em;letter-spacing:-0.1em}*/
/*h2 {font-size:1.2em; font-weight: bold;}*/

.ssCenter { text-align:center !important; }
.ssRight  { text-align:right !important; }
.ssLeft   { text-align:left !important; }
.ssMiddle { vertical-align:middle !important; }
.ssTop    { vertical-align:top !important; }
.ssBottom { vertical-align:bottom !important; }
.hide { display:none; }

/*.ssNum { font-family: "Arial" !important; }*/  /* 숫자관련 폰트 */
.ssNum { font-family: "tahoma" !important; }  /* 숫자관련 폰트 */
.ssFontTahoma { font-family: "tahoma"; }  /* 숫자관련 폰트 */

.ssFloatL { float:left !important;  }
.ssFloatR { float:right !important; }
.ssHand   { cursor:pointer !important; }
.ssShow   { display:block !important; }
.ssHide   { display:none !important; }
.ssNormal { font-weight:normal !important; }
.ssBold   { font-weight:bold !important; }
.ssClear  { display:block !important; float:none !important; clear:both !important; height:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important; }

/* 문자색 --------------------------------------------------------------------------------- */
.ssRed    { color:red !important; }
.ssBlue   { color:blue !important; }
.ssGreen  { color:green !important; }
.ssYellow { color:yellow !important; }
.ssBlack  { color:black !important; }
.ssWhite  { color:white !important; }
.ssGray   { color:gray !important; }
.ssNavy   { color:navy !important; }
.ssOrange { color:orange !important; }
.ssPurple { color:purple !important; }

/* 배경색 --------------------------------------------------------------------------------- */
.ssBgRed    { background:red !important; }
.ssBgBlue   { background:blue !important; }
.ssBgGreen  { background:green !important; }
.ssBgYellow { background:yellow !important; }
.ssBgBlack  { background:black !important; }
.ssBgWhite  { background:white !important; }
.ssBgGray   { background:gray !important; }
.ssBgGray2  { background:#cccccc !important; }
.ssBgNavy   { background:navy !important; }
.ssBgOrange { background:#ff6600 !important; }
.ssBgPurple { background:purple !important; }

/* IME 설정 --------------------------------------------------------------------------------------- */
.ssImeOn  { ime-mode:active !important;   }
.ssImeOff { ime-mode:disabled !important; }


/* 입력OBJECT설정 --------------------------------------------------------------------------------------- */
.ssInput       { border:1px solid #e5e5e5; font-size:12px; background:#ffffff; padding:2.5px 2px; } /* input 입력가능 */
.ssInputAct    { border:1px solid #7fad05; font-size:12px; background:#ebffb6; padding:2.5px 2px; } /* input 입력가능 */
.ssInputGray   { border:1px solid #d3d3d3; font-size:12px; background:#eeeeee; padding:2.5px 2px; } /* input 입력불가 */
.ssInputWhite  { border:1px solid white;   font-size:12px; background:white;   padding:2.5px 2px; } /* input 입력불가 */

.ssTextarea    { border:1px solid #e5e5e5; margin-top:2px; margin-bottom:2px; font-size:12px; vertical-align:middle; background:#ffffff;} /* textarea 입력가능 */
.ssTextareaAct { border:1px solid #7fad05; margin-top:2px; margin-bottom:2px; font-size:12px; vertical-align:middle; background:#ebffb6;} /* textarea onFocus  */

.ssCheck       { vertical-align:top; }
.ssSelect      { border:1px solid #e5e5e5; font-size:12px; vertical-align:middle; }
.ssSelectList  { border:1px solid #dbdbdb; font-size:12px; vertical-align:middle; background:white; _margin-top:-1px; }

.pc_comma_input {font-family: sans-serif;}
.ss_num_only {font-family: sans-serif;}
.ss_num_coma {font-family: sans-serif;}
.ss_numeric {font-family: sans-serif;}

.nobr { white-space: nowrap; }

/* 넓이지정 ----------------------------------------------------------------------------------------- */
.ssWidth100 { width : 100%;}
.ssWidth98 { width : 98%;}
.ssWidth90 { width : 90%;}
.ssWidth80 { width : 80%;}
.ssWidth70 { width : 70%;}
.ssWidth60 { width : 60%;}
.ssWidth50 { width : 50%;}

/* Layout Selector */
.ssWrap {position:relative;}

/* datepicker 주말 색상지정 -------------------------------------------------------------------------- */
.ui-datepicker-calendar > thead th.ui-datepicker-week-end:first-child span { color:#f00; }
.ui-datepicker-calendar > thead th.ui-datepicker-week-end:last-child span { color:#00f; }
.ui-datepicker-calendar > tbody td.ui-datepicker-week-end:first-child a { color:#f00; }
.ui-datepicker-calendar > tbody td.ui-datepicker-week-end:last-child a { color:#00f; }
.ui-datepicker-today a { background-color:#c7f18c !important; }
#ui-datepicker-div { z-index: 999999 !important; }

/*---------------------------------------------------------------------------------------------------------------------------
 *  Button
 *--------------------------------------------------------------------------------------------------------------------------*/
.brd_btns {text-align:right;}
.brd_btns ul {display:inline-block;}
.brd_btns li {display:inline-block;margin-left:5px;}
.brd_btns a {display:inline-block;line-height:45px;padding:0 30px;border:1px solid #000;color:#000;font-weight:500;font-size:18px;}
.brd_btns a:hover {background-color: #000;color: #fff;}

.btns_center {text-align: center;margin:50px 0 0;}
.btns_center button {border:1px solid #555;padding:0 30px;font-size: 16px; font-weight: 500;color: #000;height: 50px; line-height: 48px;transition: all 0.3s ease;}
.btns_center button:hover {border:1px solid #000;background-color: #000; color: #fff;}

.buttons { clear:both;margin-top:20px; overflow: hidden;min-height:50px;}
.buttons li { float:left; height:31px; }
.buttons li.right { float:right; }
.buttons li a.dc_bd_button {
  display: inline-block;border-radius:2px;padding:10px 25px;
  /*width: 80px;
  height: 45px;*/
  margin: 0;
  border-top: solid 1px #ccc;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  border-left: solid 1px #ccc;
  /*background-image: linear-gradient(180deg, #fff, #f1f1f1);*/
  text-align: center;
  font-size: 15px;letter-spacing:-0.06em;
  font-weight:600;
  color: #555;
  line-height:20px;
  cursor: pointer;
}
.buttons li a.dc_bd_button:hover {background:#f5f5f5;color:#000;border:1px solid #000;}

/* 일반적인 버튼의 상황 */
.dc_btn {
  display: inline-block;
  border-radius:2px;
  padding:10px 25px;
  /*width: 80px;
  height: 45px;*/
  margin: 0;
  border-top: solid 1px #ccc;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  border-left: solid 1px #ccc;
  background-color: #fff;
  text-align: center;
  font-size: 15px;
  letter-spacing:-0.06em;
  font-weight:600;
  color: #555;
  line-height:20px;
  cursor: pointer;
}
.dc_btn.dc_btn_gray {background-color: #ccc;color: #fff;font-weight:normal;}

/* 기본 페이징 */
.dc_pageing { text-align:center; line-height:30px; clear:both; margin:15px 0 10px 0; }
.dc_pageing * { font-family:NanumGothic, '나눔고딕'; font-size:12px; color:#808080 !important; font-weight:bold; }
.dc_pageing a { padding:4px 7px 4px 7px; margin:2px; border:1px solid #D1D1D1; background-color:#ffffff; text-decoration:none; }
.dc_pageing a:hover, #pagination a:active { border:1px solid #5e5e5e; }
.dc_pageing span.current { padding:4px 7px 4px 7px; margin:2px 2px 2px 6px; border:1px solid #8a8a8a; background-color:#8a8a8a; color:#ffffff !important; }

.dc_paging { text-align:center; line-height:30px; clear:both; margin:15px 0 10px 0; }
.dc_paging * { font-family:NanumGothic, '나눔고딕'; font-size:12px; color:#808080 !important; font-weight:bold; }
.dc_paging a { padding:4px 7px 4px 7px; margin:2px; border:1px solid #D1D1D1; background-color:#ffffff; text-decoration:none; }
.dc_paging a:hover, #pagination a:active { border:1px solid #5e5e5e; background-color:#818181; color:#ffffff !important; }
.dc_paging span.current { padding:4px 7px 4px 7px; margin:2px 2px 2px 6px; border:1px solid #8a8a8a; background-color:#8a8a8a; color:#ffffff !important; }

/* 게시판 페이징 */
.pagination {text-align: center;line-height: 30px;clear: both;margin:40px 0 0;}
.pagination a {padding: 5px 10px;margin: 2px;border: 1px solid #d9d9d9;background-color: #ffffff;text-decoration: none;}
.pagination a:hover, .pagination a:active {border: 1px solid #5e5e5e;background-color: #818181;color: #ffffff !important;}
.pagination span.current {padding: 5px 10px;margin: 2px 2px 2px 2px;border: 1px solid #8a8a8a;background-color: #8a8a8a;color: #ffffff !important;}

#pagination {text-align: center;line-height: 30px;clear: both;margin:40px 0 0;}
#pagination a {padding: 5px 10px;margin: 2px;border: 1px solid #d9d9d9;background-color: #ffffff;text-decoration: none;}
#pagination a:hover, .pagination a:active {border: 1px solid #5e5e5e;background-color: #818181;color: #ffffff !important;}
#pagination span.current {padding: 5px 10px;margin: 2px 2px 2px 2px;border: 1px solid #8a8a8a;background-color: #8a8a8a;color: #ffffff !important;}

/* 기본 탭 메뉴 */
.sub_tab {height:54px; border-bottom:1px solid #BEBEBE;}
.sub_tab ul li {float:left;font-size:14px; color:#aaa; font-weight:600; min-width:80px; height:53px; background-color:#f9f9f9; text-align:center; border-left:1px solid #eee; border-top:1px solid #eee; border-right:1px solid #eee;}
.sub_tab ul li a:link,
.sub_tab ul li a:active,
.sub_tab ul li a:visited,
.sub_tab ul li a:hover {color:#aaa;padding: 15px 80px;display: inline-block;}
.sub_tab ul li.on {float:left; z-index:10;  font-size:16px; color:#333; min-width:80px; font-weight:bold; height:54px; background-color:#fff; text-align:center; border-left:1px solid #BEBEBE; border-top:1px solid #BEBEBE; border-right:1px solid #BEBEBE;}
.sub_tab ul li.on a:link,
.sub_tab ul li.on a:active,
.sub_tab ul li.on a:visited,
.sub_tab ul li.on a:hover {color:#333;padding: 15px 80px;display: inline-block;}

/* 기본 테이블 - 리스트용 */
.table_organ1 {width: 100%; margin: 10px 0; border-collapse:collapse; border-spacing:0; font-size:13px;border-top:solid 1px #999;}
.table_organ1 thead tr {background:#f4f4f4; border-bottom:solid 1px #ddd;}
.table_organ1 thead tr th { height:50px; text-align: center; color: #666; font-weight:bold; border-left:1px solid #ddd;border-right:1px solid #ddd; font-size:13px;}
.table_organ1 thead tr th:first-child{border-left:0;}
.table_organ1 thead tr th:last-child{border-right:0;}
.table_organ1 tbody tr{border-bottom:solid 1px #ddd;}
.table_organ1 tbody tr th{height:50px; text-align: center; color: #666; font-weight:bold; font-size:13px;background:#f4f4f4; border-left:1px solid #ddd;border-right:1px solid #ddd; }
.table_organ1 tbody tr th:first-child{border-left:0;}
.table_organ1 tbody tr th:last-child{border-right:0;}
.table_organ1 tbody tr td {height: 50px; padding:10px; text-align:left; color:#666;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.table_organ1 tbody tr td:first-child{border-left:0;}
.table_organ1 tbody tr td:last-child{border-right:0;}
.table_organ1 tbody tr td span{}
.table_organ1 tbody tr td.accent{font-size:25px; font-weight:bold;}
.table_organ1 tbody tr td.accent span{font-size:13px; font-weight:normal; color:#666;}
.table_organ1 tbody tr td.bold{font-weight:bold;}
.table_organ1 tbody tr td.center{text-align:center;}
.table_organ1 tbody tr td.right{text-align:right;}
.table_organ1 tbody tr td.left{text-align:left;}


/* 모바일 입력용 2021-05-24 강대인 추가 */
.dc_reg_tit {margin:20px 0 1px 0;line-height:20px;font-weight:bold;font-size:18px; }
.dc_reg {padding:0 10px 10px 10px;/*border:1px solid #a9a9a9;*/}
.dc_reg li {margin-top: 15px; font-size:16px;}
.dc_reg li label {display: block; font-weight: bold;font-size:16px;margin:0;}
.dc_reg li div {margin-top: 5px;}
.dc_reg li div input[type=file]{width:100%;font-size:16px;}
.dc_reg li div label {display:inline; margin-top:0; font-weight:normal;font-size:16px; }
.dc_reg li div label.dc_dsp {display:inline; font-weight:normal;font-size:16px; }
.dc_reg li div span {display:inline-block; width:100%; border-top:0; border-left:0; border-right:0; border-bottom: solid 1px #e5e5e5;min-width:150px;line-height: 20px; min-height: 30px; padding:4px 5px;font-size:16px;}
.dc_reg li div span.dc_exp {display:inline;border:0;min-width:30px;line-height: 20px; min-height: 30px;font-size:16px;}
.dc_reg li div span.dc_dsp {display:inline;border:0;min-width:unset;line-height: 20px; min-height: unset; padding:0;font-size:14px;}
.dc_reg li div span.dc_dsp>p {display:inline;border:0;min-width:unset;line-height: 20px; min-height: unset; padding:0;font-size:14px;}
.dc_reg li div a.dc_dsp {display:inline;border:0;min-width:unset;line-height: 20px; min-height: unset; padding:0;font-size:14px;}


/* 모바일 리스트용 2021-05-24 강대인 추가 */
.dc_list_tit {margin:20px 0 1px 0;line-height:20px;font-weight:bold;font-size:18px; }
.dc_list {font-size:16px;}
.dc_list li {text-align:left;line-height:20px; padding:5px; margin-bottom: 15px; border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#fff; }
.dc_list li .dc_title {line-height:20px; padding:5px; font-weight: bold;border-bottom:1px solid #ddd;font-size:18px;}
.dc_list li .dc_title .pc_date {padding-left:5px;;font-size:12px;font-weight: normal;color:#8a8a8a;}
.dc_list li .dc_content {min-height:50px;line-height:20px;padding:10px 5px 5px 5px;font-size:16px;}
.dc_list li .dc_img img {max-width:100%; text-align:center; padding:10px 5px; }
.dc_list li .dc_file {width:100%; text-align:left; padding:5px; font-size:12px; border-top: 1px solid #ddd; }
.dc_list li .dc_date {font-size:14px;font-weight: normal;color:#8a8a8a;padding:5px 5px 0 5px;text-align:right;border-top: 1px solid #ddd;}

/* 모바일 컨텐츠 뷰용 2021-05-24 강대인 추가 */
.dc_view {padding:20px 0 10px 0;background-color:#fff;}
.dc_view li {text-align:left;line-height:20px; margin-bottom: 15px; border-bottom:1px solid #ddd; }
.dc_view li .dc_title {line-height:20px; padding:5px 0 5px 5px; font-weight: bold; border-top: solid 2px #333; border-bottom:1px solid #333;font-size:18px;}
.dc_view li .dc_title .pc_date {padding-left:5px;font-size:12px;font-weight: normal;color:#8a8a8a;}
.dc_view li .dc_content {min-height:100px;line-height:23px;padding:10px 5px 5px 5px;margin-top: 10px;font-size:18px;border-top:1px solid #ddd;}
.dc_view li .dc_content img {max-width:100%; text-align:center; padding:10px 5px; }
.dc_view li .dc_block_wrap {width:100%; padding:10px 0 5px 5px;margin-top: 10px; border-top: 1px solid #ddd; }
.dc_view li .dc_block_wrap label {display: block; font-weight: bold;font-size:16px;margin:0;padding:0;}
.dc_view li .dc_block_wrap div {display:inline-block; width:100%; line-height: 20px; font-size:16px;margin:0;padding:0;}
.dc_view li .pc_add_con {padding-left:5px;margin-top: 10px;font-size:16px;line-height:20px;}
.dc_view li .dc_date {font-size:14px;font-weight: normal;color:#8a8a8a;padding:5px 5px 0 5px;text-align:right;border-top: 1px solid #ddd;}