@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

html,body{width:100%;height:100%;min-height:100%;}

body{-webkit-overflow-scroll:touch;overflow-x:hidden;text-overflow:clip;line-height:16px;font-size:12px;font-family:'Nanum Gothic', sans-serif !important;margin:0;padding:0;background-color:#252525 !important;color:#fff !important;}
html, form, fieldset, img {margin:0;padding:0;border:0}
a:link, a:visited {color:#fff;text-decoration:none;}
a:hover, a:focus, a:active {color:#fa4251;text-decoration:underline;}
li{list-style:none;}

.sound_only{display:none;}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv {display:block}

.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.cursor{cursor:pointer;}

/* 체크박스 및 라디오 버튼 디자인 */
.checkbox{
	padding-left:20px;
}

.checkbox label{
	display:inline-block;
	vertical-align:middle;
	position:relative;
	padding-left:2px;
}

.checkbox label::before{
	content:"";
	display:inline-block;
	position:absolute;
	width:17px;
	height:17px;
	left:0;
	margin-left:-20px;
	border:1px solid #cccccc;
	border-radius:3px;
	background-color:#fff;
	-webkit-transition:border 0.15s ease-in-out, color 0.15s ease-in-out;
	-o-transition:border 0.15s ease-in-out, color 0.15s ease-in-out;
	transition:border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox label::after{
	display:inline-block;
	position:absolute;
	width:16px;
	height:16px;
	left:0;
	top:0;
	margin-left:-20px;
	padding-left:3px;
	padding-top:1px;
	font-size:11px;
	color:#555555;
}

.checkbox input[type="checkbox"],
.checkbox input[type="radio"]{
	opacity:0;
	z-index:1;
	cursor:pointer;
}

.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before{
	outline:thin dotted;
	outline:5px auto -webkit-focus-ring-color;
	outline-offset:-2px;
}

.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after{
	font-family:"FontAwesome";
	content:"\f00c";
}

.checkbox input[type="checkbox"]:indeterminate + label::after,
.checkbox input[type="radio"]:indeterminate + label::after{
	display:block;
	content:"";
	width:10px;
	height:3px;
	background-color:#555555;
	border-radius:2px;
	margin-left:-16.5px;
	margin-top:7px;
}

.checkbox input[type="checkbox"]:disabled,
.checkbox input[type="radio"]:disabled{
	cursor:not-allowed;
}

.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label{
	opacity:0.65;
}

.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="radio"]:disabled + label::before{
	background-color:#eeeeee;
	cursor:not-allowed;
}

.checkbox.checkbox-circle label::before{
	border-radius:50%;
}

.checkbox.checkbox-inline{
	margin-top:0;
}

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before{
	background-color:#337ab7;
	border-color:#337ab7;
}

.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after{
	color:#fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before{
	background-color:#d9534f;
	border-color:#d9534f;
}

.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after{
	color:#fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before{
	background-color:#5bc0de;
	border-color:#5bc0de;
}

.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after{
	color:#fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before{
	background-color:#f0ad4e;
	border-color:#f0ad4e;
}

.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after{
	color:#fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before{
	background-color:#5cb85c;
	border-color:#5cb85c;
}

.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after{
	color:#fff;
}

.checkbox-primary input[type="checkbox"]:indeterminate + label::before,
.checkbox-primary input[type="radio"]:indeterminate + label::before{
	background-color:#337ab7;
	border-color:#337ab7;
}

.checkbox-primary input[type="checkbox"]:indeterminate + label::after,
.checkbox-primary input[type="radio"]:indeterminate + label::after{
	background-color:#fff;
}

.checkbox-danger input[type="checkbox"]:indeterminate + label::before,
.checkbox-danger input[type="radio"]:indeterminate + label::before{
	background-color:#d9534f;
	border-color:#d9534f;
}

.checkbox-danger input[type="checkbox"]:indeterminate + label::after,
.checkbox-danger input[type="radio"]:indeterminate + label::after{
	background-color:#fff;
}

.checkbox-info input[type="checkbox"]:indeterminate + label::before,
.checkbox-info input[type="radio"]:indeterminate + label::before{
	background-color:#5bc0de;
	border-color:#5bc0de;
}

.checkbox-info input[type="checkbox"]:indeterminate + label::after,
.checkbox-info input[type="radio"]:indeterminate + label::after{
	background-color:#fff;
}

.checkbox-warning input[type="checkbox"]:indeterminate + label::before,
.checkbox-warning input[type="radio"]:indeterminate + label::before{
	background-color:#f0ad4e;
	border-color:#f0ad4e;
}

.checkbox-warning input[type="checkbox"]:indeterminate + label::after,
.checkbox-warning input[type="radio"]:indeterminate + label::after{
	background-color:#fff;
}

.checkbox-success input[type="checkbox"]:indeterminate + label::before,
.checkbox-success input[type="radio"]:indeterminate + label::before{
	background-color:#5cb85c;
	border-color:#5cb85c;
}

.checkbox-success input[type="checkbox"]:indeterminate + label::after,
.checkbox-success input[type="radio"]:indeterminate + label::after{
	background-color:#fff;
}

.radio{
	padding-left:20px;
}

.radio label{
	display:inline-block;
	vertical-align:middle;
	position:relative;
	padding-left:5px;
}

.radio label::before{
	content:"";
	display:inline-block;
	position:absolute;
	width:17px;
	height:17px;
	left:0;
	margin-left:-20px;
	border:1px solid #cccccc;
	border-radius:50%;
	background-color:#fff;
	-webkit-transition:border 0.15s ease-in-out;
	-o-transition:border 0.15s ease-in-out;
	transition:border 0.15s ease-in-out;
}

.radio label::after{
	display:inline-block;
	position:absolute;
	content:" ";
	width:11px;
	height:11px;
	left:3px;
	top:3px;
	margin-left:-20px;
	border-radius:50%;
	background-color:#555555;
	-webkit-transform:scale(0, 0);
	-ms-transform:scale(0, 0);
	-o-transform:scale(0, 0);
	transform:scale(0, 0);
	-webkit-transition:-webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	-moz-transition:-moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	-o-transition:-o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	transition:transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.radio input[type="radio"]{
	opacity:0;
	z-index:1;
	cursor:pointer;
}

.radio input[type="radio"]:focus + label::before{
	outline:thin dotted;
	outline:5px auto -webkit-focus-ring-color;
	outline-offset:-2px;
}

.radio input[type="radio"]:checked + label::after{
	-webkit-transform:scale(1, 1);
	-ms-transform:scale(1, 1);
	-o-transform:scale(1, 1);
	transform:scale(1, 1);
}

.radio input[type="radio"]:disabled{
	cursor:not-allowed;
}

.radio input[type="radio"]:disabled + label{
	opacity:0.65;
}

.radio input[type="radio"]:disabled + label::before{
	cursor:not-allowed;
}

.radio.radio-inline{
	margin-top:0;
}

.radio-primary input[type="radio"] + label::after{
	background-color:#337ab7;
}
.radio-primary input[type="radio"]:checked + label::before{
	border-color:#337ab7;
}
.radio-primary input[type="radio"]:checked + label::after{
	background-color:#337ab7;
}

.radio-danger input[type="radio"] + label::after{
	background-color:#d9534f;
}
.radio-danger input[type="radio"]:checked + label::before{
	border-color:#d9534f;
}
.radio-danger input[type="radio"]:checked + label::after{
	background-color:#d9534f;
}

.radio-info input[type="radio"] + label::after{
	background-color:#5bc0de;
}

.radio-info input[type="radio"]:checked + label::before{
	border-color:#5bc0de;
}

.radio-info input[type="radio"]:checked + label::after{
	background-color:#5bc0de;
}

.radio-warning input[type="radio"] + label::after{
	background-color:#f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::before{
	border-color:#f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::after{
	background-color:#f0ad4e;
}

.radio-success input[type="radio"] + label::after{
	background-color:#5cb85c;
}

.radio-success input[type="radio"]:checked + label::before{
	border-color:#5cb85c;
}

.radio-success input[type="radio"]:checked + label::after{
	background-color:#5cb85c;
}

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after{
	font-family:'FontAwesome';
	content:"\f00c";
}

input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before{
	color:#fff;
}

input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after{
	color:#fff;
}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right;}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #111;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #111}
.cke_sc_def dt {width:20%;font-size:12px;}
.cke_sc_def dd {width:30%;font-size:12px;text-align:left;}

/* 스마트에디터2 단축키 버튼 */
.btn_cke_sc,
.btn_cke_sc_close{
    background-color: #333;
    border:1px solid #333;
	color:#fff;
	font-size:12px;
	padding: 5px 10px;
    line-height: 1.5;
	display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    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;
}

.btn_cke_sc:hover,
.btn_cke_sc_close:hover{
	background-color:#ff7e20;
}