@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

/*************************************************************************
	Common

- Default Line Color: #c5c5c5, #d8dada
- content Pannel background: #dadada ~ #dedede;
- Font color : #222222, #555555, (point) #49a5bf, #1b84be,

**************************************************************************/


.jconfirm-box																{ max-width: 340px; margin: 0 auto; border: 4px solid #34a4e1; }
.jconfirm-box .title-c														{ border-bottom: 1px solid #ccc; margin-bottom: 10px; }
.jconfirm.jconfirm-white .jconfirm-box .buttons button.btn-default			{ height: 31px; display: inline-block; font-size: 12px; padding: 5px 15px; cursor: pointer; text-decoration: none; color: #fff !important; background: #34a4e1; border: 1px solid #1e8bc7; border-radius: 5px; }
.jconfirm.jconfirm-white .jconfirm-box .buttons button.btn-default:hover	{ text-decoration: none; background: #1e8bc7 !important; border-color: #1a7eb5; }

.cfm-style-box					{ position: relative; max-width: 350px; margin: 20px auto; border: 4px solid #e1e2e3; padding: 20px; }
.cfm-style-box > h3				{ text-align: center; font-size: 18px  !important; font-weight: 600  !important; border-bottom: 1px solid #d1d2d3;  padding: 0 0 20px 0 !important; margin-bottom: 20px !important }
.cfm-style-box > h3:before		{ display: none !important; }
.cfm-style-box > h3 span		{ display: block; font-size: 12px; color: #888; line-height: 1.2em; padding-top: 10px; font-weight: 400; max-width:230px; margin: 0 auto; }
.cfm-style-box > h3 span.full	{ max-width: 100%; }
.cfm-style-box fieldset			{ text-align: center; }
.cfm-style-box fieldset label	{ display: block; position: absolute; top: 0; left: 0; overflow: hidden; z-index: -100; width: 1px; height: 1px; }
.cfm-style-box fieldset input[type="text"],
.cfm-style-box fieldset input[type="password"]	{ width: 100%; border: 1px solid #d1d2d3; height: 30px; border-radius: 3px; }
.cfm-style-box button		{ display: block; width: 100%; margin-top: 10px; text-decoration: none; padding: 10px 0; background: #4666a6; color: #fff; }
.cfm-style-box button:hover	{ background: #375394; }

.cfm-style-box .login .ui-user-id		{ display: block; position: relative; margin-bottom: 5px; }
.cfm-style-box .login .ui-user-pw		{ display: block; position: relative; }

.cfm-style-box .login .ui-user-id:before	{ content: ""; display: block; position: absolute; top: 50%; margin-top: -8px; left: 10px; width:16px; height: 16px; background: url('/resources/images/cmm/ico-login-id.png') no-repeat 50% 50%; }
.cfm-style-box .login .ui-user-pw:before	{ content: ""; display: block; position: absolute; top: 50%; margin-top: -8px; left: 10px; width:16px; height: 16px; background: url('/resources/images/cmm/ico-login-pw.png') no-repeat 50% 50%; }

.cfm-style-box .login #userid	{ text-indent: 35px; background: #fff; }
.cfm-style-box .login #passwd	{ text-indent: 35px; background: #fff; }



.ui-helper		{ background: #fff; position: relative; border: 1px solid #d8dada; padding: 5px; border-radius: 3px; font-weight: 300; font-size: 11px; margin: 10px 0; font-family: 'Dotum'; }
.ui-box			{ position: relative; border: 1px solid #d8dada; padding: 15px; background: #fff; }
.order-box			{ position: relative; float:left; width:40%; font-size:10px; border: 1px solid #d8dada; padding: 5px; background: #fff; line-height:12px;}
.ui-box.small	{ padding: 5px; margin-bottom: 10px; border-radius: 3px; }
.ui-box.gray	{ font-family: 'Dotum'; color: #666; }
.ui-box.gray strong	{ color: #f26c00; }

.ui-box2		{ position: relative; border: 1px solid #d8dada; padding: 15px; background: #fff; margin: 0}

.ui-survey-box		{ position: relative; border: 1px solid #d8dada; padding: 10px; background: #fff; }

.ui-list-title		{ display: block; font-weight: 500; margin-bottom: 5px; }

/*** hr Style */
hr				{ display: block; position: relative; clear: both; margin: 0; padding: 0; border: none; background: none; }
hr.padding		{ height: 30px; }
hr.small		{ height: 15px; }
hr.line			{ height: 1px; background: #dedede; margin: 10px 0; }



/*** text Style */
.txt-big		{ font-size: 20px; }
.txt-small		{ font-size: 10px; }




/*** icon Style */
.ui-ico:before			{ content: "\e994"; font-family: 'icon'; }

.ico-detail:before		{ content: "\e92e"; }
.ico-user:before		{ content: "\e976"; }
.ico-board:before		{ content: "\e926"; }
.ico-homepage:before	{ content: "\e956"; }
.ico-image:before		{ content: "\e90e"; }
.ico-book:before		{ content: "\e920"; }
.ico-app:before			{ content: "\e96f"; }
.ico-graph:before		{ content: "\e99b"; }

.ico-pen:before			{ content: "\e906"; }
.ico-list:before		{ content: "\e9bb"; }
.ico-lock:before		{ content: "\e98f"; }
.ico-unlock:before		{ content: "\e990"; }
.ico-search:before		{ content: "\e986"; }
.ico-mobile:before		{ content: "\e958"; }
.ico-marker:before		{ content: "\e947"; }
.ico-map:before			{ content: "\e94c"; }
.ico-calendar:before	{ content: "\e953"; }
.ico-time:before		{ content: "\e94e"; }
.ico-print:before		{ content: "\e954"; }
.ico-phone:before		{ content: "\e942"; }
.ico-save:before		{ content: "\e962"; }
.ico-del:before			{ content: "\e9ac"; }
.ico-cancle:before		{ content: "\ea0f"; }
.ico-add:before			{ content: "\ea0a"; }
.ico-minus:before		{ content: "\ea0b"; }
.ico-check:before		{ content: "\ea10"; }
.ico-copy:before		{ content: "\e92c"; }

.ico-arrow-left:before		{ content: "\ea44"; }
.ico-arrow-right:before		{ content: "\ea42"; }



/*** Button Style */
.ui-btn			{ display: inline-block; font-size: 12px; padding: 5px 15px; cursor: pointer; text-decoration: none; color: #fff; background: #00a79d; border: 1px solid #00a79d; border-radius: 5px; text-decoration: none; vertical-align: middle; }
.ui-btn:hover,
.ui-btn:active,
.ui-btn:link,
.ui-btn:visited	{  }
button.ui-btn	{ height: 31px; }
input.ui-btn	{ height: 31px; }

/* icon */
.ui-btn:hover	{ text-decoration: none; background: #00a79d; border-color: #00a79d; }
.ui-btn.ui-ico:before	{ padding-right: 8px; }
.ui-btn.no-text			{ position: relative; text-indent: -999px; overflow: hidden; border-radius: 9.0em; padding: 0; width: 20px; height: 20px; }
.ui-btn.no-text:before	{ display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-indent: 0; text-align: center; line-height: 20px; padding: 0; }
.ui-btn.no-text.squer	{ border-radius: 2px; }

/* color */
.ui-btn.blue		{ background: #4967a6; border-color: #3f5b99; }
.ui-btn.blue:hover	{ background: #1573a6; border-color: #0e6596; }
.ui-btn.red			{ background: #d03131; border-color: #b31b1b; }
.ui-btn.red:hover	{ background: #a61313; border-color: #990b0b; }
.ui-btn.green		{ background: #7ac257; border-color: #5aad32; }
.ui-btn.green:hover	{ background: #6db44b; border-color: #3a8814; }
.ui-btn.gray		{ background: #747681; border-color: #5f616c; }
.ui-btn.gray:hover	{ background: #5c5e6a; border-color: #4e505e; }
.ui-btn.white		{ background: #fefefe; border-color: #cacaca; color: #555; }
.ui-btn.white:hover	{ background: #efefef; border-color: #c1c1c1; }
.ui-btn.disable			{ background: #eaeaea; border-color: #e1e1e1; color: #999; cursor: default; }
.ui-btn.disable:hover	{ background: #eaeaea; border-color: #e1e1e1; }

/* Size */
.ui-btn.small		{ padding: 2px 8px; }
button.ui-btn.small	{ height: 25px; }
input.ui-btn.small	{ height: 25px; }

.ui-btn.big			{ padding: 10px 25px; font-size: 14px; }
button.ui-btn.blg	{ height: 41px; }
input.ui-btn.big	{ height: 41px; }

.ui-btn.wrap		{ box-sizing: border-box; width: 100%; text-align: center; }



.ui-ico.tooltips		{ display: inline-block; padding: 0; position: relative; width: 25px; height: 25px; line-height: 25px; text-align: center; }
.ui-ico.tooltips:before	{ text-align: center; padding: 0; }
.ui-ico.tooltips:hover	{ text-decoration: none; }
.ui-ico.tooltips span {
  position: absolute;
  width:80px;
  color: #FFFFFF;
  background: #000000;
  height: 25px;
  line-height: 25px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
  left: 50%;
  margin-left: -40px;
  bottom: 35px;
}
.ui-ico.tooltips span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
.ui-ico.tooltips:hover span {
  visibility: visible;
  opacity: 0.8;
  bottom: 35px;
  left: 50%;
  margin-left: -40px;
  z-index: 999;
}
.page-control-top		{ clear: both; overflow: hidden; padding-bottom: 15px; line-height: 30px; }


/*** Form Style */
/*
label				{ line-height: 27px; }
label.hidden		{ display: block; position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; }

input[type="text"],
input[type="file"],
input[type="password"]		{ height: 30px; border: 1px solid #d1d1d1; text-indent: 10px; box-sizing: border-box; }
select						{ height: 30px; border: 1px solid #d1d1d1; }
input[type="text"],
input[type="file"],
input[type="password"],
select						{ min-width: 200px; }

input[type="text"].small,
input[type="file"].small,
input[type="password"].small,
select.small						{ min-width: 80px; width: 80px; }

input[type="text"].large,
input[type="file"].large,
input[type="password"].large,
select.large						{ min-width: 350px; width: 350px; }

input[type="text"].middle,
input[type="file"].middle,
input[type="password"].middle,
select.middle						{ min-width: 140px; width: 140px; }

input[type="text"].date,
input[type="file"].date,
input[type="password"].date,
select.date							{ min-width: 120px; width: 120px; }

input[type="file"]		{ text-indent: 0; background: #fff; }
input[readonly=""],
input[readonly]			{ margin-bottom: 5px; background: #eee; color: #eb531f; }

*.both,
input.both		{ width: 100%; padding-left: 0; padding-right: 0; }

textarea		{ box-sizing: border-box; border: 1px solid #d1d1d1; width: 100%; } 

label.ui-design		{ display: inline-block; position: relative; padding-left: 25px; line-height: 29px; padding-right: 25px; }
input.hidden		{ position: absolute; opacity: 0; z-index: -10; }

label.checkbox:before	{ content: "\ea53"; font-family: 'icon'; display: block; position: absolute; top: 0; left: 0; font-size: 18px; color: #4378c5; }
label.checkbox.on:before	{ content: "\ea52"; font-family: 'icon'; display: block; position: absolute; top: 0; left: 0; }

label.radio:before	{ content: "\ea56"; font-family: 'icon'; display: block; position: absolute; top: 0; left: 0; font-size: 18px; color: #4378c5; }
label.radio.on:before	{ content: "\ea55"; font-family: 'icon'; display: block; position: absolute; top: 0; left: 0; }

label.focus		{ color: #f26c00; }
*/
/*** Button Style */
.addFile		{ display: inline-block; font-size: 12px; height: 32px; padding: 5px 15px; cursor: pointer; text-decoration: none; color: #fff; background: #3e7fca; border: 1px solid #2c69af; border-radius: 5px; vertical-align: middle; margin-bottom: 5px; margin-right: 5px; }



/*************************************************************
	File Box Style
**************************************************************/

.fileBox		{ position: relative; border: 4px solid #ddd; margin: 10px 0 30px; padding: 15px; background: #fafafa; }
.fileBox p	{ display: block; position: relative; padding: 3px 10px; margin-top: 10px; background: #fff; border: 1px solid #eaeaea; }
.fileBox input[type="file"]		{ background: #fff; border: 1px solid #eaeaea; width: 100%; box-sizing: border-box; }
.fileBox em		{ display: block; position: relative; margin-right: 90px; }
.fileBox #addFile	{ position: absolute; right: 15px; top: 15px; }

.fileList li				{ padding: 3px 0; }
.fileList li:first-child	{ padding-top: 0; }





/*** Tab Style */

.ui-tab						{ position: relative; overflow: hidden; }
.ui-tab a					{ display: block; position: relative; padding: 5px 40px; float: left; background: #fff; border: 1px solid #ccc; border-bottom-width: 0; margin-right: -1px; }
.ui-tab a.selected			{ background: #49a5bf; color: #fff; z-index: 1; padding-right: 20px; }
.ui-tab a.selected:after	{ content: ""; display: block; position: absolute; right: -40px; border: 40px solid transparent; border-left-color: #49a5bf; border-right: 0; top: 50%; margin-top: -20px; width: 0px; height: 0px;  }

.ui-contents_textarea				{ position: relative; }
.ui-contents_textarea textarea		{ padding: 0; line-height: 25px; background: url('/resources/images/admin/bak_editor.png') 0 0; background-attachment: local; font-size: 12px; }

.ui-side					{  }
.ui-guide-control			{ position: absolute; top: 0px; right: 0; }

@media all and (max-width: 640px) { 
	.ui-guide-control			{ position: relative; top: auto; right: auto; text-align: right; padding: 5px; border: 1px solid #d1d1d1; border-bottom-width: 0px; background: #fff; }
	.ui-tab a,
	.ui-tab a.selected			{ padding: 5px 20px; }
	.ui-tab a.selected:after	{ display: none; }
}


/*** Tab Style */

.ui-page-tab		{ position: relative; overflow: hidden; padding-bottom: 20px; }
.ui-page-tab li		{ float: left; width: 20%; }
.ui-page-tab li a	{ display: block; height: 30px; line-height: 30px; padding: 0 10px; background: #ffffff; margin: 1px; border: 1px solid #ccc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; }
.ui-page-tab li.on a,
.ui-page-tab li a:hover	{ background: #004998; color: #fff; border: 1px solid #054284; text-decoration: none; }

@media all and (max-width: 580px) {
	.ui-page-tab li		{ width: 50%; }
}




/*************************************************************
	Paging Style
**************************************************************/

.pageBox { margin:30px 0 20px; text-align:center; font-family:Tahoma, Geneva, '돋움', Dotum, sans-serif; font-size:1em; }
.pageBox a,
.pageBox strong { display:inline-block; padding:0 10px; height:25px; line-height:25px; color:#555; text-decoration: underline; }
.pageBox strong { color:#000}
.pageBox button { width:35px; height:35px; border:1px solid #c8cacf; }
.pageBox button.pgFirst { background-position: center 12px; }
.pageBox button.pgPrev { background-position: center -51px;}
.pageBox button.pgNext { background-position: center -115px;}
.pageBox button.pgEnd { background-position: center -178px;}
.pageBox button span {position:absolute; left:-9999px; width:0; height:0; overflow:hidden; font-size:0; line-height:0; z-index:-1;}
.pageBox span { display:inline-block; width:35px; height:35px; }
.pageBox span:hover, .pageBox span:active, .pageBox span:focus { background:#f5f6f8}

/*** Page Navi Style */
.pageNavi					{ padding: 25px 0;  }
.pageNavi > *				{ display: inline-block; position: relative; padding: 8px 15px; background: #fff; box-sizing: border-box; }
.pageNavi > *:before		{ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #ccc; }
.pageNavi > strong:before	{ border: 4px solid #00a79d; }	

.order-board-info			{ clear:both; position: relative; width:100%; margin-top: 10px;}
.ui-board-info			{ position: relative; margin-bottom: 5px; clear: both; }
.ui-board-info:after	{ content: ""; display: block; position: relative; clear: both; }
.ui-board-info .ui-fl,
.ui-board-info .fl-left		{ line-height: 30px; }

@media all and (max-width: 580px) {
	.ui-board-info .ui-fl,
	.ui-board-info .fl-left		{ display: none; }
}

.ui-board-info2			{ position: relative; margin-bottom: 5px; clear: both; }
.ui-board-info2:after	{ content: ""; display: block; position: relative; clear: both; }
.ui-board-info2 .ui-fl,
.ui-board-info2 .fl-left		{ line-height: 30px; }


.ui-button-group > *			{ display: block; float: left; width: 20%; margin:2px 0%; padding-left: 0; padding-right: 0; border-radius: 0; border-left-width: 0; }
.ui-button-group > *:first-child	{ border-left-width: 1px; }

@media all and (max-width: 580px) { 
	.ui-button-group > *	{ width: 100%; border-left-width: 1px; }
}



.bullet					{ display: inline-block; position: relative; font-size: 11px; font-family: 'dotum'; overflow: hidden; text-indent: -999px; width: 18px; line-height: 18px; border-radius: 2px; vertical-align: middle; margin-right: 3px; margin-left: 5px; }
.bullet:before				{ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-indent: 0; text-align: center; color: #fff; }
.bullet.online:before		{ content: "온"; background: #ff822b; }
.bullet.offline:before		{ content: "오"; background: #535353; }
.bullet.ready:before		{ content: "대"; background: #49a5bf; }
.bullet.all:before			{ content: "정"; background: #a40000; }


.viewHead		{ font-size: 20px; }

.tabTitle	{  }
.tabTitle li:first-child	{ }

.tabCont li				{ display: none; }
.tabCont li:first-child	{ display: block; }



.ui-survey-answer		{ position: relative; margin-bottom: 30px; }
.ui-survey-item			{ position: relative; margin-bottom: 10px; }
.ui-survey-item h4		{ position: relative; padding-left: 35px; font-size: 15px; margin-bottom: 10px; font-weight: 400; }
.ui-survey-item h4:before	{ content: "?"; display: block; position: absolute; top: 0; left: 0; font-size: 16px; line-height: 20px; width: 25px; height: 25px; text-align: center; vertical-align: middle; border-radius: 9.0em; margin-right: 10px; color: #fff; background: #49a5bf; overflow: hidden; box-sizing: border-box; border: 2px solid #fff; }
.ui-survey-item h4:before	{ 
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.49);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.49);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.49);
}

.ui-survey-item dl		{ position: relative; clear: both; overflow: hidden; padding-right: 100px; margin: 5px 0; }
.ui-survey-item dl:before	{ content: ""; display: block; position: absolute; left: 10px; right: 10px; top: 11px; height: 0px; border-bottom: 1px dashed #d1d1d1; }
.ui-survey-item dl dt	{ display: block; position: relative; float: left; background: #fff; padding-right: 10px; }
.ui-survey-item dl dd	{ display: block; position: absolute; top: 0; right: 0; background: #fff; padding: 0 10px; }



.ui-date-info			{ text-align: center; }
.ui-date-info p			{ display: inline-block; position: relative; vertical-align: middle; padding: 30px 0; }
.ui-date-info p > a		{ display: block; position: absolute; left: 0; right: 0; height: 30px; line-height: 30px; }
.ui-date-info p span	{ display: block; padding: 8px 10px; border: 1px solid #d1d1d1; background: #fff; font-size: 15px; border-radius: 5px; min-width: 100px; }

.ui-date-info p .btn-prev		{ opacity: 0.5; top: 0; text-indent: -999px; overflow: hidden; background: url('/resources/images/cmm/ico_date_up.png') no-repeat 50% 50%; }
.ui-date-info p .btn-next		{ opacity: 0.5; bottom: 0; text-indent: -999px; overflow: hidden; background: url('/resources/images/cmm/ico_date_down.png') no-repeat 50% 50%; }
.ui-date-info p .btn-prev:hover,
.ui-date-info p .btn-next:hover	{ opacity: 1.0; }



.ui-page-total-category						{ display: block; position: relative; margin-bottom: 20px; overflow: hidden; }
.ui-page-total-category > ul				{ display: none; }

.ui-page-total-category li				{ display: inline-block; line-height: 20px; }
.ui-page-total-category li a			{ display: block; position: relative; line-height: 20px; margin: 3px 0; border-radius: 3px; padding: 0 10px; color: #fff; text-decoration: none; font-family: 'Dotum'; }
.ui-page-total-category li.on a			{ background: #fff; color: #333; }

.ui-page-total-category > div			{ padding: 4px 6px; margin: 2px 0; border-radius: 2px; }

.ui-page-total-category .box-0			{ background: #49a5bf; }
.ui-page-total-category .box-1			{ background: #7dc6db; }
.ui-page-total-category .box-2			{ background: #609332; }
.ui-page-total-category .box-3			{ background: #d9dada; }
.ui-page-total-category .box-4			{ background: #f2f2f2; }
.ui-page-total-category .box-4 li a		{ color: #333; }

.bak-red {background-color: #f15f5f; color: #fff;}
.bak-gray{background-color: #d5d5d5 !important; color: #0100ff !important;}



table.order-list				{ width: 100%; padding:0; border-spacing:0px; border:0; border-collapse:collapse;font-size:11px; }
table.order-list thead th		{ background: #49a5bf; color: #fff; padding: 2px 0; text-align: center; font-weight: 300; }
table.order-list tbody th,
table.order-list tbody td			{ padding: 8px 10px; border-bottom: 1px solid #d8dada; text-align: left; font-weight: 300; line-height:10px; }
table.order-list tbody td.empty	{ height: 150px; text-align: center; }
table.order-list tbody tr:hover	{ background: #fff; }

table.order-list.white							{ border-top: 3px solid #49a5bf;font-size:11px; }
table.order-list.white thead th				{ background: #fff; color: #333; border: 1px solid #49a5bf; border-left-width: 0px; border-right-width: 0px; line-height:12px; }
table.order-list.white thead th:first-child	{  }

/* Viewer */
table.order-view		{ width: 100%; padding:0; border-spacing:0px; border:0; border-collapse:collapse;line-height:13px; font-size:11px; }
table.order-view th,
table.order-view td	{ padding: 2px; line-height:13px; height:13px; }
table.order-view th	{ background: #49a5bf; color: #fff; border-bottom: 1px solid #89c8da; font-weight: 300; line-height:13px; } 
table.order-view td	{ border: 1px solid #d8dada; line-height:13px; }
table.order-view tr:first-child	{ border-top: 1px solid #d8dada; }

table.order-view.white					{ border-top: 3px solid #49a5bf; line-height:13px;}
table.order-view.white th				{ background: #f1f6f7; color: #333; border: 1px solid #d8dada; line-height:13px; } 
table.order-view.white td				{ background: #fff; line-height:13px;}

/* Viewer */
table.ui-table		{ width: 100%; padding:0; border-spacing:0px; border:0; border-collapse:collapse;line-height:13px; font-size:11px; }
table.ui-table th,
table.ui-table td	{ padding: 9px; line-height:13px; height:13px; }
table.ui-table th	{ background: #49a5bf; color: #fff; border-bottom: 1px solid #89c8da; font-weight: 300; line-height:13px; } 
table.ui-table td	{ border: 1px solid #d8dada; line-height:13px; }
table.ui-table tr:first-child	{ border-top: 1px solid #d8dada; }

table.ui-table.white					{ border-top: 3px solid #49a5bf; line-height:13px;}
table.ui-table.white th				{ background: #f1f6f7; color: #333; border: 1px solid #d8dada; line-height:13px; } 
table.ui-table.white td				{ background: #fff; line-height:13px;}