@charset 'utf-8';
@import url(/common/plugin/syworks.design.library/syworks.design.animate.css);
@import url(/common/plugin/bootstrap-3.3.6-dist/css/font-awesome.min.css);
@import url('/common/plugin/syworks.design.library/syworks.design.widget.css');
.IMG_VALIGN{width: 0; height: 100%; vertical-align: middle; display: inline-block;}
.dn {display: none;}
.w10{width: 10%;}
.w20{width: 20%;}
.w30{width: 30%;}
.w40{width: 40%;}
.w50{width: 50%;}
.w60{width: 60%;}
.w70{width: 70%;}
.w80{width: 80%;}
.w90{width: 90%;}
input.w10{width: 10% !important;}
input.w20{width: 20% !important;}
input.w30{width: 30% !important;}
input.w40{width: 40% !important;}
input.w50{width: 50% !important;}
input.w60{width: 60% !important;}
input.w70{width: 70% !important;}
input.w80{width: 80% !important;}
input.w90{width: 90% !important;}
.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;}
.mt40{margin-top: 40px;}
.mt45{margin-top: 45px;}
.mt50{margin-top: 50px;}
.mt55{margin-top: 55px;}
.mt60{margin-top: 60px;}
.mt65{margin-top: 65px;}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.ml30{margin-left: 30px;}
.ml35{margin-left: 35px;}
.ml40{margin-left: 40px;}
.ml45{margin-left: 45px;}
.ml50{margin-left: 50px;}
.ml55{margin-left: 55px;}
.ml60{margin-left: 60px;}
.ml65{margin-left: 65px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}
.mr30{margin-right: 30px;}
.mr35{margin-right: 35px;}
.mr40{margin-right: 40px;}
.mr45{margin-right: 45px;}
.mr50{margin-right: 50px;}
.mr55{margin-right: 55px;}
.mr60{margin-right: 60px;}
.mr65{margin-right: 65px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;}
.mb40{margin-bottom: 40px;}
.mb45{margin-bottom: 45px;}
.mb50{margin-bottom: 50px;}
.mb55{margin-bottom: 55px;}
.mb60{margin-bottom: 60px;}
.mb65{margin-bottom: 65px;}
.mh100{min-height: 100px;}
.mh200{min-height: 200px;}
.mh300{min-height: 300px;}
.mh400{min-height: 400px;}
label.label{width: 100%; display: block;}

/*  ::::::::::: basic css ::::::::::: */
html{overflow-y:scroll;}
html, body{height: 100%; }
body{font-family: "Malgun Gothic", sans-serif; font-size: 10px; line-height: normal; background-color: #fff; color: #878787; letter-spacing: -1.0px;}
body.pop_open{width: 100%; height: 100%; overflow: hidden; overflow-y: hidden;}
*{margin: 0; padding: 0; border: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-tap-highlight-color: transparent;  -webkit-text-size-adjus: none;}
a{color: #878787; text-decoration: none;}
a:hover{text-decoration: none;}
a:active, a:link, a:focus{text-decoration: none;}
ul, dl, ol{list-style: none; }
i, b, em, address{font-style: normal;}
span{display: inline-block;}
img{max-width: 100%; vertical-align: middle;}
table{border-spacing: inherit; border-collapse: collapse; width: 100%; table-layout: auto;}
hr, button{outline: none; border: none;}
input[type=text], input[type=password],textarea{font-family: inherit; border: 1px solid #ccc; width: 100%; padding: 7px; background-color: #fff; vertical-align: middle; font-weight: normal; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; ime-mode: active;}
input[type=text], input[type=password] {
-webkit-ime-mode:active;
-moz-ime-mode:active;
-ms-ime-mode:active;
ime-mode:active;
}
input[type=checkbox], input[type=radio]{padding: 0; margin-top: 0; margin-right: 3px; vertical-align: middle;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}
label{display: inline-block; vertical-align: middle;}
label + label{padding-left: 10px;}
select{background: #fff; min-width: 104px; padding-left: 10px; padding-right: 10px; width: 100%;}

/* ::::::::::: float 버그 & Transition & 등등 ::::::::::: */
.clear{clear: both;}
.floatL{float: left;}
.clfix{display: block;}
.clfix:after{content: ''; height: 0; visibility: hidden; clear: both; display: block;}
.subWrap{display: block; width: 960px; min-width: 960px; position: relative; padding: 0 10px; margin: 0 auto;}
.subWrap:after{content: ''; height: 0; visibility: hidden; clear: both; display: block;}
.trans{transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in;}
.hide_txt{width: 0; height: 0; position: absolute; top: -99999em; line-height: 0; text-indent: -99999em;}

/* ::::::::::: html5 Tag ::::::::::: */
section, aside, header, nav, footer, article{display: block;}

/* ::::::::::: Class ::::::::::: */
.dotum{font-family: 'dotum';}
.fontW_N{font-weight: normal;}
.fontW_B{font-weight: bold;}
.textA_L{text-align: left;}
.textA_C{text-align: center;}
.textA_R{text-align: right;}
.textO_E{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.verA_M{vertical-align: middle;}
.verA_T{vertical-align: top;}
.verA_B{vertical-align: bottom;}
.fontG{font-size: 0; letter-spacing: 0; word-spacing: 0; margin-left: -1px;}
.fontR{font-size: 11px;}
.border{border: 1px solid #e2e2e2;}
.borderT{border-top: 1px solid #e2e2e2;}
.borderB{border-bottom: 1px solid #e2e2e2;}
.bgC1{background-color: #fafafa;}
.fa{font-size: 15px;}
.pdTB20{padding: 20px 0;}
.c_gray{color: #888;}

.crop_wrap img{vertical-align: middle; width: 100%;}

/* 부트스트랩 초기화 */
label{margin-bottom: 0; font-weight: inherit;}
h1 , h2, h3, h4 ,h5{font-size: inherit; margin: inherit;}
ul, ol, dl{margin: 0; }
.panel{box-shadow: none; -webkit-box-shadow: none; margin-bottom: 0; background-color: inherit; border-radius: 0; border: none;}
.ui-widget-content a{color: inherit;}
.ui-widget-content a.btns{color: #fff;}
/* JQuery 로딩 */

.dialog_loading.ui-dialog .ui-widget-header{display: none !important; }
.dialog_loading.ui-dialog.ui-widget-content{background: transparent !important; text-align: center !important;}
.dialog_preview.ui-dialog .ui-widget-header{display: none !important; }
.hasDatepicker{text-align: left !important;background: url("/common/plugin/syworks.design.library/center/images/admin/common/ico_cal.png") no-repeat right center; cursor: pointer !important;}
body .ui-timepicker-select{padding: 1px 4px; height: auto; border-radius: 0; -webkit-border-radius: 0;}
.moveLabel{cursor: move;}
.cke_block + .cke_block {margin-left: 5px;}
/* 스마트에디터 컨텐츠목록 */
/* .cke_dialog_body{overflow: hidden;}
.cke_dialog_contents{}
.cke_dialog_contents .cke_dialog_ui_html{font-size: 14px; font-weight: bold; margin-bottom: 12px; margin: 15px 0 0; display: block;}
.cke_dialog_contents .cke_dialog_ui_labeled_label{display: block;  font-size: 12px;}
.cke_dialog_contents .cke_dialog_ui_vbox_child > div > ul{height: auto !important; min-height: 200px; overflow: hidden;}
.cke_dialog_contents .cke_dialog_ui_vbox_child > div > ul > li{float: left; }
.contHtmlUl li{float: left; width: 48%; box-sizing: border-box; padding: 15px; background: #fff;  border-left: none; border-right: none; height: 47px;}
.contHtmlUl li label span{display: inline-block; vertical-align: middle; font-size: 13px;}
.contHtmlUl li label input{vertical-align: middle; margin-right: 5px;}
.cke_dialog_contents .cke_dialog_ui_labeled_label{display: inline-block; padding: 20px 20px; background: #fafafa; min-width: 50px; text-align: center;}
.cke_dialog_contents .cke_dialog_ui_labeled_label + .cke_dialog_ui_labeled_content{display: inline-block; }
.cke_dialog_contents .cke_dialog_ui_labeled_label + .cke_dialog_ui_labeled_content > div{padding: 0 5px; width: auto !important;}
.cke_dialog_contents .cke_dialog_ui_labeled_label + .cke_dialog_ui_labeled_content > div input{padding-left: 0; padding-right: 0; text-indent: 6px;}
.cke_dialog_contents table > tbody > tr > td > table td{background: #fff; border: 1px solid #eee; border-left: none; border-right: none;}
.contHtmlPage .pagination{margin:0 auto !important;text-align: center !important;display: block !important;}
#dialog_html_content_list .searchTitle3{text-align: center;padding: 50px 0px;}
#cke_95_uiElement .cke_dialog_ui_input_text{width: 370px;}
#cke_95_uiElement a{margin: 15px 0px;}
.ui-widget-content a{color: #fff;}
.tp .contHtmlPage .pagination li a{width: auto; height: auto; background: none; padding: 0; }
.tp .contHtmlPage .pagination li.active a{color: blue;}
.cke_dialog_ui_hbox_last,
.cke_dialog_ui_labeled_label,.cke_dialog_ui_input_textarea {vertical-align: middle !important;}
.cke_dialog_ui_labeled_label,.cke_dialog_ui_input_textarea{background: none !important;}
 */



/* 스킵 */
.skip{overflow: hidden; position: absolute; width: 100%; z-index: 9999;}
.skip a{display: block; font-size: 0; height: 1px; line-height: 0; margin: 0 -1px -1px 0; overflow: hidden; text-align: center; width: 1px;}
.skip a:focus, .skip a:hover, .skip a:active{background: none repeat scroll 0 0 #484848; color: #fff; font-size: 12px; font-weight: bold; height: 45px; line-height: 1; padding: 13px 0 0 12px; width: auto;}

/* 게시판관련 ckedit
.ul_respon .cke_editable{}
.ul_respon .cke_editable *{font-size: 14px; margin: initial; padding: initial; box-sizing: inherit; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; display: inherit; vertical-align: inherit;text-align: inherit; font-weight: inherit;}
.ul_respon .cke_editable ul, .ul_respon .cke_editable dl{list-style: initial; padding: inherit;}
.ul_respon .cke_editable ol{list-style: decimal; padding: inherit;}*/





.tbl_view.cke_editable ul{list-style: circle !important;}
.tbl_view.cke_editable ol{list-style: decimal !important;}
.tbl_view.cke_editable ul li,
.tbl_view.cke_editable ol li{display: list-item;}
.tbl_view.cke_editable
{
	font-size: 16px;
	line-height: 1.6;

	/* Fix for missing scrollbars with RTL texts. (#10488) */
	word-wrap: break-word;
}

.tbl_view.cke_editable blockquote
{
	font-style: italic;
	font-family: Georgia, Times, "Times New Roman", serif;
	padding: 2px 0;
	border-style: solid;
	border-color: #ccc;
	border-width: 0;
}

.tbl_view.cke_contents_ltr blockquote
{
	padding-left: 20px;
	padding-right: 8px;
	border-left-width: 5px;
}

.tbl_view.cke_contents_rtl blockquote
{
	padding-left: 8px;
	padding-right: 20px;
	border-right-width: 5px;
}

.tbl_view.cke_contents_ltr a
{
	color: #0782C1;
}

.tbl_view.cke_contents_ltr ol,.tbl_view.cke_contents_ltr ul,.tbl_view.cke_contents_ltr dl
{
	/* IE7: reset rtl list margin. (#7334) */
	*margin-right: 0px;
	/* preserved spaces for list items with text direction other than the list. (#6249,#8049)*/
	padding: 0 40px;
}

.tbl_view.cke_contents_ltr h1,.tbl_view.cke_contents_ltr h2,.tbl_view.cke_contents_ltr h3,.tbl_view.cke_contents_ltr h4,.tbl_view.cke_contents_ltr h5,.tbl_view.cke_contents_ltr h6
{
	font-weight: normal;
	line-height: 1.2;
}

.tbl_view.cke_contents_ltr hr
{
	border: 0px;
	border-top: 1px solid #ccc;
}

.tbl_view.cke_contents_ltr img.right
{
	border: 1px solid #ccc;
	float: right;
	margin-left: 15px;
	padding: 5px;
}

.tbl_view.cke_contents_ltr img.left
{
	border: 1px solid #ccc;
	float: left;
	margin-right: 15px;
	padding: 5px;
}

.tbl_view.cke_contents_ltr pre
{
	white-space: pre-wrap; /* CSS 2.1 */
	word-wrap: break-word; /* IE7 */
	-moz-tab-size: 4;
	tab-size: 4;
}

.tbl_view.cke_contents_ltr .marker
{
	background-color: Yellow;
}

.tbl_view.cke_contents_ltr span[lang]
{
	font-style: italic;
}

.tbl_view.cke_contents_ltr figure
{
	text-align: center;
	border: solid 1px #ccc;
	border-radius: 2px;
	background: rgba(0,0,0,0.05);
	padding: 10px;
	margin: 10px 20px;
	display: inline-block;
}

.tbl_view.cke_contents_ltr figure > figcaption
{
	text-align: center;
	display: block; /* For IE8 */
}

.tbl_view.cke_contents_ltr a > img {
	padding: 1px;
	margin: 1px;
	border: none;
	outline: 1px solid #0782C1;
}