@charset "utf-8";
/* nanum-gothic-regular - korean_latin */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  }
/************************************************************************
 * filename     : base.css
 * description  : 기본초기화 CSS
 * date         :  2012.12.11
************************************************************************/

*	{margin:0; padding:0; font-family: 'pretendard'; letter-spacing: 0;}
html	{/*height:100%; overflow-y:scroll;*/}
body	{width:100%;  color:#333; font-size:14px;} /* 전체기본 폰트 설정 및 배경색 */
a {outline:0; text-decoration:none;}
button {outline:0;}

/* ── 디자인 토큰 ──────────────────────────────────────────────── */
:root {
  --blue-50:  #EFF6FF;
  --blue-100: #DBEAFE;
  --blue-400: #60A5FA;
  --blue-500: #3B82F6;
  --blue-600: #2563EB;
  --blue-700: #1D4ED8;
  --blue-900: #1E3A5F;
  --gray-0:   #FFFFFF;
  --gray-50:  #F9FAFB;
  --gray-100: #F3F4F6;
  --gray-200: #E5E7EB;
  --gray-300: #D1D5DB;
  --gray-500: #6B7280;
  --gray-700: #374151;
  --gray-900: #111827;
  --radius-sm:   8px;
  --radius-md:   16px;
  --radius-lg:   24px;
  --radius-full: 9999px;
  --shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
  --shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);
  --shadow-lg: 0 12px 40px rgba(0,0,0,.10), 0 4px 12px rgba(0,0,0,.05);
  --font: 'Pretendard', -apple-system, BlinkMacSystemFont,
          'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}

.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; color:#666666;}
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:13px;}
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-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*/

input:-internal-autofill-selected {background-color:#fff;}
/* 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; height: 22px; }
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: -3px 2px !important; }

/* table */
table	{border-collapse:collapse; border-spacing:0; width:100%; font-size:14px;}
	: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-red	{color:#ed5c23 !important;;}
.t-red	a:link		{text-decoration:none; color:#ed5c23;}
.t-red	a:visited	{text-decoration:none; color:#ed5c23;}
.t-red	a:hover		{text-decoration:underline; color:#ed5c23;}
.t-red	a:active	{text-decoration:underline; color:#ed5c23;}

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

/* 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;}
.mt7	{margin-top:7px !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;}
.mb30	{margin-bottom:30px !important;}
.mb40	{margin-bottom:40px !important;}
.mb50	{margin-bottom:50px !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추가*/

/* tab */

/*input width*/
.i_50{width:50px;}
.i_60{width:62px;}
.i_100{width:100px;}
.i_150{width:150px;}
.i_200{width:200px; height:35px;}
.i_210{width:210px;}
.i_300{width:300px;}
.i_500 {width:500px;}
.i_700 {width:700px;}
.i_con{width:80%;}
/* 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;}


/* 버튼 설정 **************************************************************** */
.button.btn-open{
	width:137px;
	padding:10px;
	background:#EE5C25;
	color:#fff;
	margin:0 5px 0 0;
	font-size:15px;
}
.button.btn-join{
	width:137px;
	padding:10px;
	background:#3a3a3a;
	color:#fff;
	margin:0;
	font-size:15px;
}
.popup-container .btn-box{
	margin-bottom:10px;
}
.popup-container .btn{
	display:inline-block;
	padding:6px 12px;
	margin-bottom:0;
	font-size:14px;
	font-weight:400;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-image:none;
	border:1px solid transparent;
	border-radius:1px;
}
.btn:active, .btn.btn:focus, .btn.btn:hover{
    color:#333;
    text-decoration:none;
	border-color:#adadad;
}
.btn.btn-xs{
    padding:1px 5px;
    font-size:12px;
    line-height:1.5;
    border-radius:1px;
}
.btn.btn-sm{
    padding:5px 10px;
    font-size:12px;
    line-height:1.5;
    border-radius:1px;
}
.btn.btn-md{
    padding:8px 15px;
    font-size:15px;
    line-height:1.5;
    border-radius:1px;
}
.btn.btn-lg{
    padding:10px 16px;
    font-size:18px;
    line-height:1.3333333;
    border-radius:1px;
}
.btn.btn-block{
	display: block;
	width: 100%;
}

.btn.btn-default{/* 기본 버튼 */
	color:#ffffff !important;
    background-color:#a5a5a5;
    border-color:#888888;
}
.btn.btn-default:active, .btn.btn-default:focus, .btn.btn-default:hover{
    color:#fff !important;
    background-color:#888888;
    border-color:#888888;
}

.btn.btn-inquiry{/* 문의하기 버튼 */
    color:#fff !important;
    background-color:#646464;
    border-color:#646464;
}
.btn.btn-inquiry:active, .btn.btn-inquiry:focus, .btn.btn-inquiry:hover{
    color:#fff !important;
    background-color:#C54210;
    border-color:#C54210;
}

.btn.btn-option{/* 옵션 버튼 */
    color:#fff !important;
    background-color:#4c4c4c;
    border-color:#353535;
}
.btn.btn-option:active, .btn.btn-option:focus, .btn.btn-option:hover{
    color:#fff !important;
    background-color:#353535;
    border-color:#353535;
}

.btn.btn-function{/* 작동 버튼 */
    color:#fff !important;
    background-color:#ED5218;
    border-color:#C54210;
}
.btn.btn-function:active, .btn.btn-function:focus, .btn.btn-function:hover{
    color:#fff !important;
    background-color:#C54210;
    border-color:#C54210;
}

.btn.btn-submit{/* 전송 버튼 */
    color:#fff !important;
    background-color:#ED5218;
    border-color:#C54210;
}
.btn.btn-submit:active, .btn.btn-submit:focus, .btn.btn-submit:hover{
    color:#fff !important;
    background-color:#C54210;
    border-color:#C54210;
}

.btn.btn-download{/* 다운로드 버튼 */
    color:#353535 !important;
    background:none;
    border-color:#353535;
}
.btn.btn-download:active, .btn.btn-download:focus, .btn.btn-download:hover{
    color:#353535 !important;
    background-color:#E4E2E2;
    border-color:#353535;
}

.btn.btn-cancel{/* 취소, 닫기 버튼 */
    color:#fff !important;
    background-color:#a5a5a5;
    border-color:#888888;
	margin:0 5px;
}
.btn.btn-cancel:active, .btn.btn-cancel:focus, .btn.btn-cancel:hover{
    color:#fff !important;
    background-color:#888888;
    border-color:#888888;
	margin:0 5px;
}

.btn.btn-link{/* 링크 버튼 */
    color:#ED5218 !important;
    background-color:#ffffff;
    border-color:#ED5218;
}
.btn.btn-link:active, .btn.btn-link:focus, .btn.btn-link:hover{
	color:#ED5218 !important;
    background-color:#ffffff;
    border-color:#ED5218;
}

.btn.btn-guide{/* 웨비나ㆍ굿모임 서비스 가이드 팝업 버튼 */
	color:#ffffff !important;
    background-color:#ED5218;
	font-weight:bold;
	padding:2px 6px;
	border:1px solid #c74819;
}
.btn.btn-guide:active, .btn.btn-guide:focus, .btn.btn-guide:hover{
	color:#ffffff !important;
    background-color:#CD4410;
    border-color:#CD4410;
}

.btn.btn-excel{/* 엑셀 불러오기 버튼 */
	padding:5px 10px 5px 30px;
	color:#ffffff !important;
	background:#03713B url("/now/now_img/sub/img_excel.png") no-repeat 7px 4px / 18px 18px;
	border:1px solid #026232;
	font-size:13px;
}
.btn.btn-excel:active, .btn.btn-excel:focus, .btn.btn-excel:hover{
	color:#ffffff !important;
    background-color:#026232;
    border-color:#026232;
}

.btn.btn-refresh{/* 새로고침 버튼 */
    color:#ffffff !important;
    background-color:#a5a5a5;
    border-color:#888888;
}
.btn.btn-refresh:active, .btn.btn-refresh:focus, .btn.btn-refresh:hover{
    color:#ffffff !important;
    background-color:#888888;
    border-color:#888888;
}

.gry_btn4{background-color:#ccc; padding:5px;}