@charset "utf-8";
/************************************************************************
 * filename     : base.css
 * description  : 기본초기화 CSS
 * date         :  2012.12.11
************************************************************************/

*	{margin:0; padding:0; font-family: 'pretendard', Nanum Gothic, sans-serif; -webkit-font-smoothing: antialiased; letter-spacing: -0.3px; line-height: 140%; word-break: keep-all;}
html	{height:100%;}
body	{width:100%; height:100%; color:#333; font-size:13px; line-height:20px;}  /* 전체기본 폰트 설정 및 배경색 */
a {outline:0; text-decoration:none;}
button {outline:0;}

.scroll	{
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #DDDAD3;
	scrollbar-darkshadow-color: #DDDAD3;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #DDDAD3;
}

a:link		{text-decoration:none;}
a:visited	{text-decoration:none; color:#666666;}
a:hover		{text-decoration:none; /*color:#f47709;*/}
a:active	{text-decoration:none; }

img {border:0; vertical-align:middle!important;}
button	{border:0; background:none; cursor:pointer;}
ul, nav	{list-style:none;} /* ol, li, dl, dt, dd는 상황에 맞게 재 정의 */
h1,	h2,	h3,	h4,	h5,	h6	{}
hr	{}
table {font-size:12px;}
address {font-style:normal!important;}
li {list-style:none;}
/* 필요태그 초기화 및 재 정의 */

/* png 이미지 ie6용 */
* html  .png24  {tmp:expression(setPng24(this))}

/* html5 대응 */
article, aside, hgroup, header, footer, figure, figcaption, nav, section {display:block;}

/* 정렬 */
.fl-left	{float:left;}
.fl-right	{float:right !important;}
.fl-clear	{clear:both; height:0; font-size:0; line-height:0}

.al-left	{text-align:left}
.al-center, .center	{text-align:center}
.al-right	{text-align:right;}
.al-top	{vertical-align:top;}
.al-middle	{vertical-align: middle}
.al-bottom	{vertical-align: bottom}
.al-justify  {text-align:justify}

.hand	{cursor:pointer}
.overflow	{overflow:auto; overflow:hidden;}
.none	{position:absolute; top:-5000px; left:-5000px; height:0; visibility:hidden;} /* t- r- b- l */
.pos-rel	{position:relative}
.d-none	{display:none;}
.d-in-block {display:inline-block;}
.d-block {display:block;}


.clfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.clfix {display: inline-block;}
.clfix {display: block;}
* html .clfix {height: 1%;} /* Hides from IE-mac */
.clfix {zoom:1;} /*for IE 5.5-7*/

/* form */
label {display:inline-block;}
fieldset    {position:absolute; top:-5000px; left:-5000px; height:0; visibility:hidden}
fieldset {border:0 none}
input, select, textarea	{margin:0; padding:0; vertical-align:middle;font-family:'pretendard'; height: 22px; }
input.txt, input[type="text"] {height:17px; /*border:1px solid #c8c8c8;*/ color:#666666; font:normal 12px ;}
/*input.click	{height:15px; padding:3px 4px 0 4px; border:1px solid #249bb3; color:#666666; font:normal 12px ;}*/
input.chk	{margin-top:-2px; border:0 none}
textarea  {padding:5px; border:1px solid #c8c8c8; color:#666666; font:normal 12px ; line-height:20px; }
select { color:#666666; font:normal 12px; height: 23px;}
input[type="checkbox"], input[type="radio"] {margin: 0 2px !important; }

/* table */
table	{border-collapse:collapse; border-spacing:0; width:100%;}
	:root table	{margin-top:1px;}
/*table	caption	{position:absolute; top:-5000px; left:-5000px; height:0!important; font-size:0!important;.display:none; }*/
caption {text-indent:-5000px; height:0!important; font-size:0!important;}
th {font-weight:normal }
/*input{margin-right:5px!important;}*/

.auto {width:auto!important;}
button.auto {padding-left:5px!important; padding-right:5px !important}
.nobg {background:none !important;}

/* font */
.t-11	{font-size:11px; letter-spacing:-1px;}
.t-13 {font-size:13px;}
.t-12	{font-size:12px;}
.t-15	{font-size:15px;}
.t-16	{font-size:16px;}
.t-point	{color:#ff9900 !important;}
.t-blue	{color:#15629e !important;}
.t-basic	{color:#666 !important;}
.t-gray	{color:#999999;}
.t-11gray	{color:#999999; font-size:11px; line-height:15px; letter-spacing:-1px}
.t-num	{font-size:11px;line-height:15px;}
.t-line	{color:#999999; text-decoration:line-through}
.t-uline	{text-decoration:underline !important;;}
.t-normal	{font-weight:normal !important; letter-spacing:0px}
/*em	{margin-right:4px; color:#999999; font:normal 11px ;}*/
.bold {font-weight:bold;}

.t-org	{color:#f2920c;}
.t-org	a:link		{text-decoration:underline; color:#f2920c;}
.t-org	a:visited	{text-decoration:underline; color:#f2920c;}
.t-org	a:hover		{text-decoration:underline; color:#f2920c;}
.t-org	a:active	{text-decoration:underline; color:#f2920c;}

.t-blue	{color:#245fb3 !important;;}
.t-blue	a:link		{text-decoration:none; color:#245fb3;}
.t-blue	a:visited	{text-decoration:none; color:#245fb3;}
.t-blue	a:hover		{text-decoration:underline; color:#245fb3;}
.t-blue	a:active	{text-decoration:underline; color:#245fb3;}

/* letter-spacing */
.ls1	{letter-spacing:-1px !important;}
.ls0	{letter-spacing:0 !important;}
.lh16	{line-height:16px !important;}
.lh18	{line-height:18px !important;}

/* margin * padding */
.ma	{margin:0 auto;}
.mtm1	{margin-top:-1px !important;}
.mtm3	{margin-top:-3px !important;}
.mtm5	{margin-top:-5px !important;}
.mtm10	{margin-top:-10px !important;}
.mtm15	{margin-top:-15px !important;}
.mtm20	{margin-top:-20px !important;}
.mtm30	{margin-top:-30px !important;}
.mtm50	{margin-top:-50px !important;}
.mlm260	{margin-left:-260px !important;}
.mb1	{margin-bottom:1px !important;}
.mb3	{margin-bottom:3px !important;}
.mb5	{margin-bottom:5px !important;}
.mb10	{margin-bottom:10px !important;}
.mt2	{margin-top:2px !important;}
.mt5	{margin-top:5px !important;}
.mt6	{margin-top:6px !important;}
.mt10	{margin-top:10px !important;}
.mt15	{margin-top:15px !important;}
.mb15	{margin-bottom:15px !important;}
.mt20	{margin-top:20px !important;}
.mt23	{margin-top:23px !important;}
.mt25	{margin-top:25px !important;}
.mt30	{margin-top:30px !important;}
.mt50	{margin-top:50px !important;}
.mt60	{margin-top:60px !important;}
.mt55	{margin-top:55px !important;}
.mb20	{margin-bottom:20px !important;}
.mb25	{margin-bottom:25px !important;}
.mb30	{margin-bottom:30px !important;}
.mb40	{margin-bottom:40px !important;}
.mb50	{margin-bottom:50px !important;}
.mb60	{margin-bottom:60px !important;}
.mb70	{margin-bottom:70px !important;}
.mb80	{margin-bottom:80px !important;}
.mb90	{margin-bottom:90px !important;}
.mb100	{margin-bottom:100px !important;}
.ml-16	{margin-left:-16px !important;}
.ml5	{margin-left:5px !important;}
.ml10	{margin-left:10px !important;}
.ml15	{margin-left:15px !important;}
.ml20	{margin-left:20px !important;}
.ml60	{margin-left:60px !important;}
.ml70	{margin-left:70px !important;}
.mr5	{margin-right:5px !important;}
.mr7	{margin-right:7px !important;}
.mr10	{margin-right:10px !important;}
.mr20	{margin-right:20px !important;}
.mr30	{margin-right:30px !important;}
.mr40	{margin-right:40px !important;}
.mr50	{margin-right:50px !important;}

.pt0	{padding-top:0 !important;}
.pt3	{padding-top:3px !important;}
.pt5	{padding-top:5px !important;}
.pt10	{padding-top:10px !important;}
.pb5	{padding-bottom:5px !important;}
.pb10	{padding-bottom:10px !important;}
.pl10	{padding-left:10px !important;}
.pl15	{padding-left:15px !important;}
.pl17	{padding-left:17px !important;}
.pl25	{padding-left:25px !important;}
.pl50	{padding-left:50px !important;}
.pl60	{padding-left:60px !important;}
.pl70	{padding-left:70px !important;}
.pl80	{padding-left:80px !important;}
.pl90	{padding-left:90px !important;}
.pr10	{padding-right:10px !important;}
.pr15	{padding-right:15px !important;}
.pr20	{padding-right:20px !important;}
.ptb10	{padding:10px 0;}
.p0{padding:0 !important;}
.pd10 {padding:10px;}
.p0 {padding:0 !important;}
.pl5 {padding-left:5px !important;} /*20130522 추가*/
.m0 {margin:0 !important;} /*20130522 추가*/
.pd10 {padding:10px !important;} /*20130527 추가*/
.mbm10 {margin-bottom:-10px !important;} /*20130530 추가*/
.prl8 {padding:0 8px !important;} /*20130617 추가*/
.prl20 {padding:0 20px !important;} /*20130617 추가*/
.pr12 {padding-right:12px !important;} /*20130702추가*/


/* 컬러 */
.primary {
  color: #ed5c23;
}

.secondary {
  color: var(--q-secondary);
}

.text_primary {
  color: #222;
}

.text_secondary {
  color: var(--text-secondary);
}

.text_secondary_light {
  color: var(--text-secondary-light);
}

.text_grey_light {
  color: var(--text-gray-light);
}

.text_disabled {
  color: var(--text-diabled);
}

/* 정렬 */
.flex {
  display: flex;
}

.row {
  flex-direction: row;
}

.column {
  flex-direction: column;
}

.wrap {
  flex-wrap: wrap !important;
}

.nowrap {
  flex-wrap: nowrap !important;
}

.align_center {
  align-items: center;
}

.align_start {
  align-items: start;
}

.align_end {
  align-items: end;
}

.align_normal {
  align-items: normal;
}

.justify_center {
  justify-content: center;
}

.justify_s_b {
  justify-content: space-between;
}

.justify_end {
  justify-content: end;
}

.justify_start {
  justify-content: start;
}

.gap3 {
  gap: 3px;
}

.gap8 {
  gap: 8px;
}

.gap10 {
  gap: 10px;
}

.gap12 {
  gap: 12px;
}

.gap16 {
  gap: 16px;
}

.gap20 {
  gap: 20px;
}

.text_left {
  text-align: left;
}

.text_center {
  text-align: center;
}

.text_right {
  text-align: right;
}

.width_100 {
  width: 100%;
}

.height_100 {
  height: 100%;
}


/* tab */


/* data table */
table {width: 100%;}
.data-table-st01 thead th {text-align:center; background:#ff9900; padding: 15px 0; font-size: 15px;  color:#fff; font-weight:bold;}
.data-table-st01 tbody td {padding: 20px; background:#ffe0b2; vertical-align:top;}
.data-table-st01 thead th, .data-table-st01 tbody td {border-bottom:1px solid #fff; border-right:1px solid #fff;}
.data-table-st01 thead th:last-child, .data-table-st01 tbody td:last-child {border-right:none; border-bottom:none;}





.show-hide, .show-hide-right, .show-hide-center {position:absolute; display:inline-block; line-height:1.8em;}
.show-hide {left:0; top:25px; padding: 10px;  width:285px; /*height:190px;*/ background:#fff; z-index:9999;  box-shadow: 5px 5px 10px #d9d9d9; line-height:1.2em; text-align:left;
		zoom: 1;
        filter:
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=0,strength=1),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=45,strength=1),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=90,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=135,strength=3),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=180,strength=10),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=225,strength=3),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=270,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=315,strength=1);

}

.show-hide-right button {border:none!important;}

/* show-hide-left */
.show-hide {position:absolute; left:0; padding:10px;}
.show-hide h1 {border-bottom:none !important; color:#1668a6 !important; padding-bottom:7px; display:block; font-size:15px; text-align:left;}
.show-hide .img-form {display:block; padding-bottom:7px;}
.show-hide .layer-close {position:absolute; top:10px; right:10px;}
.section-div {width: 450px;}

/* show-hide-wrap : firefox 대응 */
.show-hide-wrap {position:relative;}


.show-hide-main {right:0!important;  padding: 10px;background:#fff; box-shadow: 5px 5px 10px #d9d9d9; line-height:1.2em; }
.show-hide-main{text-align:left;}
.show-hide-main h1 {border-bottom:none !important; color:#1668a6!important; padding-bottom:7px; display:block; font-size:15px; text-align:left;}
.show-hide-main .gbox label.w100 {margin-right:5px;}
.show-hide-main .img-form {display:block; padding-bottom:7px;}
.show-hide-main .layer-close {position:absolute; top:10px; right:10px;}

/* show-hide-right  */
.show-hide-right {right:0!important;  top:25px; padding: 10px;background:#fff; z-index:9999;  box-shadow: 5px 5px 10px #d9d9d9; line-height:1.2em; z-index

		zoom: 1;
        filter:
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=0,strength=1),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=45,strength=1),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=90,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=135,strength=3),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=180,strength=10),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=225,strength=3),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=270,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=315,strength=1);

 }

.show-hide-right{text-align:left;}
.show-hide-right h1 {border-bottom:none !important; color:#1668a6!important; padding-bottom:7px; display:block; font-size:15px; text-align:left;}
.show-hide-right .gbox label.w100 {margin-right:5px;}
.show-hide-right .img-form {display:block; padding-bottom:7px;}
.show-hide-right .layer-close {position:absolute; top:10px; right:10px;}

/*
html>body .show-hide-right .show-hide-right .layer-close {position:absolute; top:10px; right:20px;}
html>body .show-hide-right .show-hide-right .layer-close img {position:absolute; right:30px; top:0; z-index:9999}
*/

.button-show-hide-right {cursor:pointer;}
/* show-hide-layer position change */

/* show-hide-right  */
.show-hide-center { padding: 10px;background:#fff; z-index:9999;  box-shadow: 5px 5px 10px #d9d9d9; line-height:1.2em; z-index

		zoom: 1;
        filter:
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=0,strength=1),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=45,strength=1),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=90,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=135,strength=3),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=180,strength=10),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=225,strength=3),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=270,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#d9d9d9,direction=315,strength=1);

 }

.show-hide-center{text-align:left;}
.show-hide-center h1 {border-bottom:none !important; color:#1668a6!important; padding-bottom:7px; display:block; font-size:15px; text-align:left;}
.show-hide-center .gbox label.w100 {margin-right:5px;}
.show-hide-center .img-form {display:block; padding-bottom:7px;}
.show-hide-center .layer-close {position:absolute; top:10px; right:10px;}