@charset "utf-8"; 

.letter							{letter-spacing:normal !important}

 
/*   base   ==========================================================*/


 /* Skip Navigation */
.skipNav					{overflow:hidden; visibility:hidden; font-size:0; width:0; height:0; margin:0; padding:0; position:absolute;}
.skipNav a					{display:block;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;margin-bottom:-1px;margin-left:-1px;font-weight:bold;color:#000;text-align:center;white-space:nowrap}
.skipNav a:hover,.skipNav a:focus,.skipNav a:active{z-index:1000;width:100%;height:auto;padding:10px 0;background:#f76900;color:#fff}




.blind						{display:none;visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; clear:both;}
 
#wrap						{position:relative;width:100%; }     


#login_timer_box			{display:none;line-height:20px;color:#000;font-weight:bold;padding: 0 7px 0 24px;font-size:11px; background:url("../../core/image/common/icon_time.png") no-repeat 5px 50% #f0f2f5;border:1px solid #b9c2cf;border-radius:4px;margin-right:10px;}


/*  팝업   ==================================================================================== */
.popup_layer_page		{width:100%;overflow-x:hidden;background-color:#ffffff;box-sizing:border-box;}
.popup_layer_content	{width:100%;overflow:auto;background-color:#ffffff;box-sizing:border-box;}
.popup_layer_content img	{max-width:100%;height:auto !important;}
.popup_layer_content > img:only-child,
.popup_layer_content p:only-child > img:only-child	{display:block;width:100%;}
.popup_layer_content table	{max-width:100%;}
.popup_layer_bottom,
.popup_window_bottom	{position:absolute;left:0;bottom:0;width:100%;height:32px;background-color:#000000;text-align:center;color:#ffffff;box-sizing:border-box;}
.popup_layer_bottom .wrap,
.popup_window_bottom .wrap	{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 10px;box-sizing:border-box;}
.popup_layer_bottom .wrap *,
.popup_window_bottom .wrap *	{vertical-align:middle;}

@media(max-width:1024px) {
  div[id^="popup_layer"]	{width:100% !important;height:auto !important;top:0 !important;left:0 !important;padding:15px;box-sizing:border-box;}
  div[id^="popup_layer"] iframe	{width:100% !important;}
  .popup_layer_page	{padding-bottom:36px;}
  .popup_layer_content	{height:auto !important;max-height:calc(100vh - 36px);overflow-y:auto;}
  .popup_layer_content img	{display:block;width:100%;}
  .popup_layer_bottom	{position:fixed;}
}

/*  게시판 이동복사   ==================================================================================== */
.newwin_title			{background-color:#454545;height:40px;width:100%;}


/*  현재 페이지 프린트 관련 스타일 : common.js 파일 안에 쓰임 ================================================= */
.printTop				{color:#ddd;font-size:15px;font-weight:bold;padding:10px;height:25px;font-family:NanumGothic;letter-spacing:-1px;background-color:#333;}
.printContainer			{margin:10px;border:1px solid #dddddd; padding:10px;}
.printBottom			{text-align:center; background:#444444; width:100%;}



/*  기타 페이지 공통   ==================================================================================== */
#sng_loading_fade	{display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background:#000;-moz-opacity:0.8;opacity:.80;filter:alpha(opacity=80);z-index:999999998;} 
#sng_loading_loader	{display:none;position:absolute;top:45%;left:0%;width:100%;height: 50px; -moz-opacity:0.5;opacity:.50;filter:alpha(opacity=50);z-index:999999999;text-align:center;} 
.sng_loading_icon	{display: inline-block;zoom:1;*display:inline;background-color: black; margin: 0; width: 50px; height: 50px;  -webkit-border-radius: 50px; border-radius: 50px;  overflow:hidden;}


.filesize				{color:#ff0000;font-weight:bold;}
.nohangul				{ime-mode:disabled;}
.firsthangul			{ime-mode:active;}
.firstenglish			{ime-mode:inactive;}
.input_form				{border:1px solid #bbb;  padding:3px 5px; margin:2px 0px;}
.input_file				{height:20px;font-size:14px;}
.textarea_form			{width:96%;min-height:50px;background-color:#ffffff; padding:5px;border: 1px solid #aaaaaa; overflow-x:hidden;}

.agree_textarea			{width:100%;height:150px;background-color:#ffffff; padding:5px;border: 1px solid #aaaaaa; overflow-x:hidden;}

.left_title_upper		{padding:48px 0 0 0;min-height:20px;color:#88b3e0;font-weight:bold;font-size:13px;text-transform:uppercase; }
.left_title_lower		{padding:48px 0 0 0;min-height:20px;color:#88b3e0;font-weight:bold;font-size:13px;text-transform:lowercase; }

.gray_box				{border:1px solid #cccccc;padding:10px;margin-bottom:10px;background-color:#f5f5f5;}
.gray_box2				{border:1px solid #cccccc;padding:3px;margin-bottom:5px;background-color:#f5f5f5;}

.bordertop				{border-top:1px solid #cccccc;}

.id_search_box			{margin-bottom:20px;}
.id_search_box01		{border-top:1px solid #cccccc;border-right:1px solid #cccccc;border-left:1px solid #cccccc;padding:10px;background-color:#f5f5f5;text-align:center;}
.id_search_box02		{border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;border-left:1px solid #cccccc;padding:10px;text-align:center;}

.inlineblock			{display:inline-block;zoom:1;*display:inline;}
.overauto				{overflow:auto;}
.fix					{table-layout:fixed;} 
.left					{text-align:left;}
.center					{text-align:center;}
.justify				{text-align:justify;}
.right					{text-align:right;} 
.fgray					{color:gray;}
.fred					{color:red;}
.fblue					{color:blue;}
.fgreen					{color:green;}
.fsky					{color:#3399ee;}
.fblack					{color:black;}
.fwhite					{color:white;}
.forange				{color:orange;}
.fcrimson				{color:crimson;}
.fname					{color:#000;}
.fsize					{color:#a54f15;}
.fpilsu					{color:#f27a22;}
.fgigan					{color:#999;}
.fbold					{font-weight:500;}
.sfont					{font-size:0.8em;color:#888; font-weight:normal;}
.sfont02				{font-size:11px;  }
.vtop					{vertical-align:top;} 

.bg_y					{background-repeat: repeat-y;}
.bg_x					{background-repeat: repeat-x;}
.bgno					{background-repeat: no-repeat; }

.fl						{float:left;}
.fr						{float:right;}
.cb						{clear:both;margin:0;}
.letters				{letter-spacing:-1px;}
.cursor					{cursor:pointer;}

.space00				{height:10px;clear:both;}
.space01				{height:15px;}
.space02				{height:20px;} 
.space03				{height:30px;} 
.space04				{height:40px;} 


.fsize8					{font-size:8px;}
.fsize9					{font-size:9px;}
.fsize10				{font-size:10px;}
.fsize11				{font-size:11px;}
.fsize12				{font-size:12px;}
.fsize13				{font-size:13px;}
.fsize14				{font-size:14px;}
.fsize15				{font-size:15px;}
.fsize20				{font-size:20px;}


.mt5					{margin-top:5px;}
.mt10					{margin-top:10px;}
.mt15					{margin-top:15px;}
.mt20					{margin-top:20px;}
.mt25					{margin-top:25px;}
.mt30					{margin-top:30px;}
.mt35					{margin-top:35px;}

.mb5					{margin-bottom:5px;}
.mb10					{margin-bottom:10px;}
.mb15					{margin-bottom:15px;}
.mb20					{margin-bottom:20px;}
.mb25					{margin-bottom:25px;}
.mb30					{margin-bottom:30px;}

.pt5					{padding-top:5px;}
.pt6					{padding-top:6px;}
.pt8					{padding-top:8px;}
.pt9					{padding-top:9px;}
.pt10					{padding-top:10px;}
.pt15					{padding-top:15px;}
.pt20					{padding-top:20px;}
.pt25					{padding-top:25px;}
.pt30					{padding-top:30px;}
.pt35					{padding-top:35px;}
.pt40					{padding-top:40px;}
.pt50					{padding-top:50px;}
.pt65					{padding-top:65px;}

.pb3					{padding-bottom:3px;}	
.pb5					{padding-bottom:5px;}	
.pb8					{padding-bottom:8px;} 
.pb10					{padding-bottom:10px;} 
.pb15					{padding-bottom:15px;} 
.pb20					{padding-bottom:20px;} 
.pb25					{padding-bottom:25px;} 
.pb30					{padding-bottom:30px;} 
.pb35					{padding-bottom:35px;} 
.pb40					{padding-bottom:40px;} 
.pb50					{padding-bottom:50px;} 
.pb55					{padding-bottom:55px;} 
.pb60					{padding-bottom:60px;} 

.pl5					{padding-left:5px;}	
.pl10					{padding-left:10px;}	
.pl15					{padding-left:15px;}
.pl20					{padding-left:20px;}
.pl22					{padding-left:22px;}
.pl25					{padding-left:25px;}
.pl30					{padding-left:30px;} 
.pl35					{padding-left:35px;} 
.pl40					{padding-left:40px;} 

.pr10					{padding-right:10px;}
.pr15					{padding-right:15px;}
.pr20					{padding-right:20px;}
.pr25					{padding-right:25px;}
.pr27					{padding-right:27px;}
.pr28					{padding-right:28px;}
.pr30					{padding-right:30px;}
.pr35					{padding-right:35px;}
.pr40					{padding-right:40px;}
.pr45					{padding-right:45px;}
.pr50					{padding-right:50px;}


.pall5					{padding:5px;}
.pall10					{padding:10px;}
.pall15					{padding:15px;}
.pall20					{padding:20px;}
.pall25					{padding:25px;}
.pall30					{padding:30px;}
 
 
.w10p					{width:10px;}
.w20p					{width:20px;}
.w30p					{width:30px;}
.w40p					{width:40px;}
.w50p					{width:50px;}
.w60p					{width:60px;}
.w70p					{width:70px;}
.w80p					{width:80px;}
.w90p					{width:90px;}
.w100p					{width:100px;}
.w150p					{width:150px;}
.w200p					{width:200px;}
.w250p					{width:250px;}
.w300p					{width:300px;}
.w400p					{width:400px;}
.w500p					{width:500px;}

.w10					{width:10%;}
.w15					{width:15%;}
.w20					{width:20%;}
.w25					{width:25%;}
.w30					{width:30%;}
.w35					{width:35%;}
.w50					{width:50%;}
.w60					{width:60%;}
.w70					{width:70%;}
.w80					{width:80%;}
.w90					{width:90%;}
.w97					{width:97%;}
.w99					{width:99%;}
.w100					{width:100%;}

.h10p					{height:10px;}
.h20p					{height:20px;}
.h30p					{height:30px;}
.h40p					{height:40px;}
.h50p					{height:50px;}
.h60p					{height:60px;}
.h70p					{height:70px;}
.h80p					{height:80px;}
.h90p					{height:90px;}
.h100p					{height:100px;}
.h150p					{height:150px;}
.h200p					{height:200px;}
.h250p					{height:250px;}
.h300p					{height:300px;}
.h400p					{height:400px;}
.h500p					{height:500px;}



.notice_box01			{border:1px solid #d5d5d5;background-color:#f5f5f5;padding:15px 20px;margin:0 0 15px 0;}


/*  출력관련   ==================================================================================== */
@page				{ size: a4; page-break-after: always; } 
.printer_always		{page-break-after:always;} 




/*  input type=date 달력 스타일   ==================================================================================== */
#calendarSelector {
  position: absolute;
  padding: 8px;
  border-radius: 8px;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12), 0 2px 10px rgba(0, 0, 0, 0.06);
  font-size: 14px;
  cursor: default;
  width: auto;
  height: auto;
  min-width: 0;
  min-height: 0;
  display: block;
  z-index: 999999999;
}
#calendarSelector * {
  position: static;
  color: #1f2937;
  background: transparent;
  font: normal 14px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  width: auto;
  height: auto;
  min-width: 0;
  min-height: 0;
  margin: 0px;
  padding: 0px;
  border: 0px none;
  outline: 0px;
  vertical-align: baseline;
  line-height: 1.5;
}
#calendarSelector table {
  background-color: transparent;
  border-collapse: separate;
  border-spacing: 2px;
}
#calendarSelector table thead tr td {
  background-color: #f3f4f6;
  text-align: center;
  cursor: pointer;
  border-radius: 8px;
  font-weight: 500;
  transition: background-color 0.15s ease;
}
#calendarSelector table thead tr td:hover {
  background-color: #e5e7eb;
}
#calendarSelector table thead tr td.disabled {
  cursor: default;
  color: #d1d5db;
  background-color: #f9fafb;
}
#calendarSelector table thead tr th {
  background-color: transparent;
  font-weight: 600;
  font-size: 15px;
}
#calendarSelector table thead tr th em,
#calendarSelector table thead tr th strong {
  padding: 0 10px;
  cursor: pointer;
  font-weight: 600;
  font-style: normal;
  border-radius: 6px;
  transition: background-color 0.15s ease;
}
#calendarSelector table thead tr th em:hover,
#calendarSelector table thead tr th strong:hover {
  background-color: #f3f4f6;
}
#calendarSelector table thead tr th em {
  float: right;
}
#calendarSelector table thead tr th strong {
  float: left;
}
#calendarSelector table thead tr th *.disabled {
  cursor: default;
  color: #d1d5db;
}
#calendarSelector table thead tr th span {
  font-size: 90%;
}

#calendarSelector table tfoot tr td {
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  padding: 8px;
  background-color: #f9fafb;
  cursor: pointer;
  border-radius: 8px;
  transition: background-color 0.15s ease;
}
#calendarSelector table tfoot tr td:hover {
  background-color: #f3f4f6;
}

#calendarSelector table tbody tr td {
  text-align: center;
  padding: 4px 5px;
  background-color: #f9fafb;
  color: #9ca3af;
  border-radius: 8px;
  font-weight: 500;
  transition: all 0.15s ease;
}
#calendarSelector table tbody tr td.valid {
  color: #374151;
  cursor: pointer;
}
#calendarSelector table tbody tr td.valid:hover {
  background-color: #eff6ff;
  color: #2563eb;
}
#calendarSelector table tbody tr td.month {
  background-color: #ffffff;
  color: #374151;
}
#calendarSelector table tbody tr td.weekend {
  background-color: #fefce8;
  color: #374151;
}
#calendarSelector table tbody tr td.today {
  background-color: #dbeafe;
  color: #1d4ed8;
  font-weight: 700;
}
#calendarSelector table tbody tr td.selected {
  background-color: #2563eb;
  color: #ffffff;
  border-radius: 8px;
  font-weight: 600;
}
#calendarSelector table tbody:hover tr td.selected {
  background-color: #2563eb;
  color: #ffffff;
}
#calendarSelector table tbody tr td.valid:hover {
  background-color: #eff6ff;
  color: #2563eb;
}


/*  어플 스타일   ==================================================================================== */
.app_php_alert			{position:relative;width:90%;margin:30px auto;padding:15px 0 0 0;background:#fff;border:2px solid #888;border-radius:0.8em;z-index:999999999;}
.app_php_alert_txt		{color:#000;line-height:160%;font-size:1.15em;text-align:center;padding:5px 15px 20px 15px;letter-spacing:-1px;} 
.app_php_alert_btn		{width:100%;margin:0 auto;height:55px;border-top:1px solid #888;}
.app_php_alert_btn div	{line-height:55px;font-size:16px;text-align:center;color:#333;font-weight:bold;}



/*  동의서 스타일   ==================================================================================== */
.agm_doc_box			{box-sizing:border-box;border:1px solid #bbb;background-color:#fff;margin:0 auto;padding:20px;}
.agm_doc_title			{font-size:30px;font-weight:bold;letter-spacing:1px;line-height:120%;text-align:center;margin-bottom:30px;}
.agm_doc_info			{font-size:18px;font-weight:bold;letter-spacing:1px;line-height:140%;margin:0px 20px 20px 20px;}
.agm_doc_con_title		{font-size:16px;font-weight:bold;letter-spacing:1px;margin:30px 0px 5px 0px;}
.agm_doc_con_content	{font-size:14px;letter-spacing:1px;line-height:140%;margin-left:15px;}
.agm_doc_con_not		{font-size:13px;letter-spacing:1px;margin:10px 0px 0px 10px;}
.agm_doc_con_agree		{font-size:13px;font-weight:bold;letter-spacing:1px;margin:10px 0px 0px 10px;}
.agm_doc_date			{font-size:20px;letter-spacing:1px;text-align:right;margin:40px 50px 30px 0px;}
.agm_doc_values			{font-size:20px;letter-spacing:1px;text-align:right;margin-right:83px;}
.agm_doc_values input	{width:100px;height:20px;border:1px solid #bbb;font-size:15px;letter-spacing:1px;padding:3px 5px;margin:2px 0px;}
.agm_doc_values02		{font-size:20px;letter-spacing:1px;margin-left:400px;}
.agm_doc_sign			{font-size:20px;letter-spacing:1px;text-align:right;margin-right:20px;}
.agm_doc_sign input		{width:100px;height:20px;border:1px solid #bbb;font-size:15px;letter-spacing:1px;padding:3px 5px;margin:2px 0px;}
.agm_doc_sign span		{font-size:16px;}
.agm_doc_sign02			{font-size:20px;letter-spacing:1px;margin-left:400px;}
.agm_doc_bottom			{font-size:30px;font-weight:bold;letter-spacing:1px;line-height:120%;margin:30px 0px 0px 10px;}
.agm_doc_required1		{color:#ff3300;}
.agm_doc_required0		{color:#0033ff;}
.agm_doc_signbox		{margin:10px 10px 0px 0px;box-sizing:border-box;text-align:right;}
#agm_doc_canvas			{background-color:#ddd;height:150px;width:300px;}
#agm_doc_signbox			{display:none;position:fixed;box-sizing:border-box;border:1px solid #555;overflow:hidden;z-index:999999998;background:#fff;-webkit-overflow-scrolling:touch;margin:0 auto;}
#agm_doc_signbox .title		{box-sizing:border-box;text-align:center;background-color:#333;color:#fff;font-size:1.2em;font-weight:bold;height:30px;padding:5px 0px;}
#agm_doc_signbox .btnbox	{text-align:center;margin-bottom:5px;}
#agm_doc_signbox .btn01		{display:inline-block;zoom:1;*display:inline;line-height:20px;padding:0 10px;color:#fff;background: #3a65e0; font-size:12px;border:1px solid #265caf;cursor:pointer;border-radius:2px;  box-shadow:0 1px 0 #d9d9d9;} /* 파랑 작은 버튼 - 기본  */



/* 버튼스타일 ================================================================================== */
.sng_btn01				{display:inline-block;zoom:1;*display:inline;line-height:20px;padding:0 10px;color:#fff;background: #c70462; font-size:12px;border:1px solid #a90056;cursor:pointer;border-radius:2px;box-shadow:0 1px 0 #d9d9d9;} /* 파랑 작은 버튼 - 기본  */
.sng_btn02				{display:inline-block;zoom:1;*display:inline;line-height:22px;padding:0 20px 0 10px;color:#fff;background:url("./image/common/btn_icon2.png") no-repeat right 50% #656a77; font-size:12px;border:0 solid #999;cursor:pointer;min-width:45px;} /* 회색 작은 버튼 */
.sng_btn03				{display:inline-block;zoom:1;*display:inline;line-height:22px;padding:0 20px 0 10px;color:#fff;background:url("./image/common/btn_icon2.png") no-repeat right 50% #303030; font-size:12px;border:0 solid #111;cursor:pointer;min-width:45px;} /* 검은색 작은 버튼 */
.sng_btn04				{display:inline-block;zoom:1;*display:inline;line-height:22px;padding:0 20px 0 10px;color:#fff;background:url("./image/common/btn_icon2.png") no-repeat right 50% #ff228a; font-size:12px;border:0 solid #f26f06; cursor:pointer; min-width:45px; font-weight:normal;letter-spacing:0;} /* 핑크 작은 버튼 */


.sng_btn05				{display:inline-block;zoom:1;*display:inline;line-height:20px;padding:0 10px;background:#fff; font-size:12px;color:#1447d8;border:1px solid #3a65e0;cursor:pointer;font-weight:normal;letter-spacing:0;border-radius:2px;box-shadow:0 1px 0 #e5e5e5;} /* 파란 라인 작은 버튼 */
.sng_btn05_h			{display:inline-block;zoom:1;*display:inline;line-height:20px;padding:0 10px;background:#fff; font-size:12px;color:#999;border:1px solid #ccc; font-weight:normal;letter-spacing:0;border-radius:2px;box-shadow:0 1px 0 #e5e5e5;} /* 회색 라인 작은 버튼 - 비활성화용 */
 

.sng_btn06				{display:inline-block;zoom:1;*display:inline;line-height:25px;padding:1px 10px 0 18px;color:#444; border:1px solid #bbb;font-size:12px; background:url("./image/common/btn_icon1.png") no-repeat 0 50% #fff; border-radius:2px;cursor:pointer;}   /* 화살표가 있는 기본 버튼 */ 
.sng_btn07				{display:inline-block;zoom:1;*display:inline;line-height:20px;padding:0 10px;color:#fff;background: #646e7d; font-size:12px;border:1px solid #5a6370;cursor:pointer;border-radius:2px;box-shadow:0 1px 0 #d9d9d9;} /* 회색 작은 버튼 - 기본  */
 

.sng_btn01_big			{display:inline-block;zoom:1;*display:inline;line-height:40px;padding:0 33px 0 15px;color:#fff;background:url("./image/common/btn_icon3.png") no-repeat right 50% #3a65e0; font-size:15px;border:0;border-radius:3px; } /* 파랑 큰 버튼 */
.sng_btn02_big			{display:inline-block;zoom:1;*display:inline;line-height:40px;padding:0 33px 0 15px;color:#fff;background:url("./image/common/btn_icon3.png") no-repeat right 50% #656a77; font-size:15px;border:0;border-radius:3px; } /* 회색 큰 버튼 */

.sng_btn03_big			{display:inline-block;zoom:1;*display:inline;line-height:45px;padding:0 40px 0 20px;color:#fff;background:url("./image/common/btn_icon3.png") no-repeat right 50% #3a65e0; font-size:17px;border:0;border-radius:4px; cursor:pointer;} /* 파랑 큰 버튼 */



/* 공모전 등 큰 버튼 */ 
.sng_btn04_big			{display:inline-block;zoom:1;*display:inline;line-height:45px;padding:0 30px;color:#fff;background: #3a65e0; font-size:1.3em;border:0;font-weight:bold;border-radius:4px;margin:0 3px;}


.sng_btn_print01		{display:inline-block;zoom:1;*display:inline;line-height:25px;padding:0 10px 0 26px;color:#fff; border:1px solid #555;font-size:12px; background:url("./image/common/btn_icon_print.png") no-repeat 0 50% #666;  cursor:pointer;font-weight:normal;border-radius:3px; }  /*  프린트 버튼  */



/* 확인, 목록 등 글쓰기 기본 버튼 */
/*.sng_form_btn			{display:inline-block;zoom:1;*display:inline;line-height:36px;padding:0 25px;color:#333;background:#fff;border:1px solid #aaa; border-radius:2px;font-size:14px; margin:0 3px;cursor:pointer;} */
.sng_form_btn			{display:inline-block;zoom:1;*display:inline;line-height:33px;padding:0 23px;color:#fff;background:#505c78;border:1px solid #505c78; font-size:14px; margin:0 3px;cursor:pointer;} 
.sng_form_btn:hover		{background:#333;border:1px solid #222;color:#fff;}


.sng_form_btn_h			{display:inline-block;zoom:1;*display:inline;line-height:33px;padding:0 23px;color:#1f303e;background:#fff;border:1px solid #1f303e; font-size:14px; margin:0 3px; } /* 빨간라인 */
.sng_form_btn_h2		{display:inline-block;zoom:1;*display:inline;line-height:33px;padding:0 23px;color:#888;background:#fff;border:1px solid #d0d0d0; border-radius:2px;font-size:14px; margin:0 3px; } /* 회색라인 */