* {
  -webkit-text-size-adjust: none;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
		  background: url('images/jb_blank.png');
		 
}

html {overflow-y: scroll;}
html, body { 
	font-family: Nanum Gothic, sans-serif, Malgun Gothic, 맑은 고딕, Nanum Barun Gothic, Spoqa Han Sans, 돋움, 돋움체, dotum, dotumche;
	font-size: 15px; 
	line-height: 1.8; 
	color: #303030; 
	margin: 0; 
	padding: 0;
	word-break: keep-all;
}


html#mobile,
html#mobile body {
	font-family: sans-serif;
	font-size: 15px; 
	line-height: 1.6; 
	color: #4444444; 
	margin: 0; 
	padding: 0;
	word-break: normal;
}

html#mobile img,
html#mobile body img {
	width: 100%;
}


h1, h2, h3, h4, h5, h6, p, ul, li, ol, dl, dd, dt, 
input, select, option, small, a, a:link, a:visited, a:active, 
strong, span, font, b, tr, td, th, table, tbody, thead, 
del, ins, address,em, dfn, cite, code, kbd, pre, samp { 
	font: inherit; 
	color: inherit; 
	line-height: inherit;
	margin: 0; 
	padding: 0; 
	box-sizing: inherit; 
}

a, a:link, 
a:visited, 
a:active, 
a:focus { 
	text-decoration: none;
	color: inherit;
}

a:hover { 
	text-decoration: none; 
	color: #b87114; 
	transition: all ease-in-out 0.3s; 
}

legend { 
	visibility: hidden; 
	width: 0; 
	height: 0;
}

caption { 
	overflow: hidden; 
	width: 0; 
	height: 0; 
	font-size: 0; 
	line-height: 0; 
	text-indent: -9999px;
}

.clear { 
	clear: both; 
	display: block; 
	font-size: 0px; 
	height: 0px; 
	line-height: 0; 
	width: 100%; 
	overflow:hidden;
}


.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}


/*---------------------------------------------------------------------------------------------------------------

	FORM

---------------------------------------------------------------------------------------------------------------*/

.iptText { 
	height: 18px; 
	line-height: 18px;
	padding: 5px 10px; 
	float: left; 
	border: 1px solid #bbb; 
	vertical-align: middle; 
	margin-right: 5px; 
	display: block; 
	background: #fff;
	font-size: 12px; 
	box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1111);
	border-radius: 0px;
}

.iptDiable {
	height: 18px; 
	line-height: 18px;
	padding: 5px 10px; 
	float: left; 
	border: 1px solid #bbb; 
	font-size: 12px;
	cursor: not-allowed;
	background: #eee;
	color: #888;
	margin-right: 5px; 
}


.iptText.lg {
	height: 28px;
	padding: 5px 10px;
	font-size: 14px;
}

.iptText.sm {
	height: 18px;
	padding: 3px 6px;
	font-size: 14px;
}

.sltBox { 
	border: 1px solid #bbb; 
	height: 22px; 
	*height: 30px; 
	*line-height: 30px; 
	padding: 3px 10px 3px 10px; 
	vertical-align: middle; 
	float: left; 
	margin-right: 5px; 
	font-size: 12px; 
	box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1111);
	border-radius: 0px;
	background: #fff;
}

.sltBox.lg {
	height: 25px; 
	*height: 33px; 
	*line-height: 33px; 
	padding: 4px 10px 4px 10px; 
	font-size: 14px;
}

.iptText:focus,
.sltBox:focus {
	transition: all ease-in-out .3s;
	border-color: #777;
	background: #fafafa;
	color: #333;
	outline: none;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {  /*safari and chrome*/
    .sltBox {
        height: 28px;
        line-height: 28px;
		border-radius: 0px;
		padding: 0 15px;
		background: #fff;
		box-shadow: inset none;
		outline: none;
    } 
}

.sltBox option { 
	padding: 0 5px; 
	font-size: 12px; 
	background: #fff; 
}

.checkBox,
.radioBtn { 
	vertical-align: middle; 
	margin: -3px 5px 0 0; 
	width: 18px;
	height: 18px;
	outline: none;
}

.styledCheckbox input[type=checkbox]:not(old),
.styledRadio input[type=radio]:not(old){
	width   : 15px;
	margin  : 0;
	padding : 0;
	opacity : 0;
}

.styledCheckbox input[type=checkbox]:not(old) + label,
.styledRadio input[type=radio]:not(old) + label{
	display      : inline-block;
	margin-left  : -15px;
	margin-bottom: 0;
	padding-left : 22px;
	background   : url('images/checkbox-default.png') no-repeat 0 6px;
	line-height  : 30px;
	font-size: 13px;
}


.styledRadio input[type=radio]:not(old) + label {
	background   : url('images/radio-default.png') no-repeat 0 6px;
	font-size: 13px;
}

.styledCheckbox input[type=checkbox]:not(old):checked + label{
	background   : url('images/checkbox-selected.png') no-repeat 0 6px;
	color: #000000;
}

.styledRadio input[type=radio]:not(old):checked + label{
	background   : url('images/radio-selected.png') no-repeat 0 6px;
	color: #000000;
}
.styleSelect {
    padding: 0;
    margin: 0;
    border: 1px solid #3d3d3d;
	border-right: none;
    width: 200px;
    overflow: hidden;
	height: 33px;
    background-color: #fff;
    background: #fff url("images/icon-select-arrow.jpg") no-repeat 100% 50%;
}

.styleSelect select {
    padding: 0 8px;
	line-height: 33px;
	height: 33px;
    width: 110%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.styleSelect select:focus {
    outline: none;
}

.txtArea { 
	border: 1px solid #aaa; 
	padding: 10px; 
	vertical-align: top; 
	box-shadow: none;
	background: #fff;
	border-radius: 0px;
	outline: none;
	font-size: 12px;
	line-height: 1.4;
}

placeholder { 
	color: #999; 
	line-height: 1.5; 
}

::-webkit-input-placeholder { color: #999; }
::-moz-placeholder { color: #999; } /* firefox 19+ */
:-ms-input-placeholder { color: #999; } /* ie */

label { 
	cursor: pointer;
}

.form-static { 
	line-height: inherit; 
	color: inherit; 
	float: left; 
	font-size: inherit;
	margin-right: 5px;
}

.form-static + label { 
	clear: both;
	float: left;
	line-height: 30px;
}


/*---------------------------------------------------------------------------------------------------------------

	BUTTON

---------------------------------------------------------------------------------------------------------------*/

button { 
	border: 0; 
	padding: 0; 
	background-repeat: no-repeat; 
	text-align: center; 
	*font-family: sans-serif, Nanum Gothic, Malgun Gothic, 맑은 고딕, Nanum Barun Gothic, Spoqa Han Sans, 돋움, 돋움체, dotum, dotumche;
}


.btn + .btn { margin-left: 5px !important; }
input + .btn { float: left; }


.btn + .form-static { margin-left: 5px; }

.btn,
 a.btn { 
	height: 30px; 
	*height: 30px; 
	background: #444; 
	color: #fff; 
	padding: 0 15px; 
	font-size: 12px; 
	margin: 0; 
	border-radius: 0px;
}

a.btn { 
	display: inline-block; 
	line-height: 30px; 
}

.btn.sm { 
	height: 26px; 
	line-height: 26px; 
	*height: 26px; 
	padding: 0 12px; 
	font-size: 11px; 
	border-radius: 0px;
}

.btn.lg { 
	height: 40px; 
	line-height: 40px; 
	*height: 40px; 
	padding: 0 15px; 
	font-size: 14px; 
	margin: 0 5px 0 0; 
	border-radius: 0px;
}

.btn.btn-block {
	width: 100%;
	padding-left: 0px !important;
	padding-right: 0px !important;
	text-align: center;
}

.btn.primary { background: #3081c7; }
.btn.success { background: #8dc153; }
.btn.danger { background: #d95454; }
.btn.info { background: #239ad7; }
.btn.warning { background: #e1a116; }
.btn.light { background: #888; }



/*---------------------------------------------------------------------------------------------------------------

	LIST

---------------------------------------------------------------------------------------------------------------*/

ul, ol, dl { 
	margin-top: 0; 
	margin-bottom: 10px;
	padding: 0;
}

li, dl, dd, dt { 
	margin: 0; 
	list-style: none;
	padding: 0;
}

ul ul, 
ol ul, 
ul ol, 
ol ol { 
	margin-bottom: 0;
}



/*---------------------------------------------------------------------------------------------------------------

	LAYOUT

---------------------------------------------------------------------------------------------------------------*/
#wrapper { 
	width: 100%; 
	min-width: 1100px; 
	margin: 0 auto;
	position: relative; 
}

.container { 
	width: 1000px !important; 
	min-width: 1000px !important;
	max-width: 1000px !important;
	margin: 0 auto; 
	position: relative; 
}


.dotted-divider {
	height: 1px;
	border-top: 1px dotted #777;
	margin: 30px 0;
	display: block;
}

.alignLeft {
	float: left !important;
}

.alignRight {
	float: right !important;
}



html#mobile #wrapper,
html#mobile body #wrapper {
	width: 100% !important; 
	min-width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important; 
	position: relative; 
	padding: 0 !important;
	box-sizing: border-box;
}

html#mobile .container,
html#mobile body .container {
	width: 100% !important; 
	min-width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important; 
	position: relative; 
	padding: 0 10px 20px !important;
	box-sizing: border-box;
}


/*---------------------------------------------------------------------------------------------------------------

	MARGIN

---------------------------------------------------------------------------------------------------------------*/

.automargin { margin: auto !important; } 
.nomargin { margin: 0px !important; }
.notopmargin { margin-top: 0px !important; }
.norightmargin { margin-right: 0px !important; }
.nobottommargin { margin-bottom: 0px !important; }
.noleftmargin { margin-left: 0px !important; }
.allmargin { margin: 30px !important; }
.topmargin { margin-top: 30px !important; }
.rightmargin { margin-right: 30px !important; }
.bottommargin { margin-bottom: 30px !important; }
.leftmargin { margin-left: 30px !important; }
.halftop { margin-top: 15px !important; }
.halfbottom { margin-bottom: 15px !important; }
.halfleft { margin-left: 15px !important; }
.halfright { margin-right: 15px !important; }
.halfmargin { margin: 15px !important; }



/*---------------------------------------------------------------------------------------------------------------

	PADDING

---------------------------------------------------------------------------------------------------------------*/

.nopadding { padding: 0px !important; }
.notoppadding { padding-top: 0px !important; }
.norightpadding { padding-right: 0px !important; }
.nobottompadding { padding-bottom: 0px !important; }
.noleftpadding { padding-left: 0px !important; }
.allpadding { padding: 30px !important; }
.halfpadding { padding: 15px !important; }
.toppadding { padding-top: 30px !important; }
.rightpadding { padding-right: 30px !important; }
.bottompadding { padding-bottom: 30px !important; }
.leftpadding { padding-left: 30px; !important; }



/*---------------------------------------------------------------------------------------------------------------

	LABEL

---------------------------------------------------------------------------------------------------------------*/
.label { 
	padding: 2px 6px; 
	background: #444; 
	color: #fff; 
	font-size: 11px; 
	line-height: 1; 
	border-radius: 1px; 
	margin-right: 3px; 
	
}

.label.white { background: #fff; color: #888; }
.label.primary { background: #3081c7; }
.label.success { background: #8dc153; }
.label.danger { background: #d95454; }
.label.info { background: #239ad7; }
.label.warning { background: #e1a116; }
.label.light { background: #888; }




/*---------------------------------------------------------------------------------------------------------------

	TEXT COLOR

---------------------------------------------------------------------------------------------------------------*/
.text-default { color: #b87114;}
.text-primary { color: #428bca; }
.text-success { color: #3c763d; }
.text-danger { color: #d10202; }
.text-info { color: #31708f; }
.text-warning { color: #8a6d3b; }
.text-muted { color: #888888; }
.text-orange { color: #ed4a13; }
.text-white { color: #ffffff; }
.text-pink { color: #f41762; }



/*---------------------------------------------------------------------------------------------------------------

	TYPOGRAPHY

---------------------------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'Nanum Gothic';
    src: url('font/NanumGothic.eot');
    src: url('font/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('font/NanumGothic.ttf') format('truetype');
} 
@font-face { 
	font-family: 'Nanum Barun Gothic';
	src: url('font/NanumBarunGothic.eot');
	src: url('font/NanumBarunGothic.eot') format('embedded-opentype'),
		 url('font/NanumBarunGothic.woff') format('woff');
}

h1 { font-size: 36px; line-height: 1.3; margin-bottom: 10px; }
h2 { font-size: 32px; line-height: 1.3; margin-bottom: 10px; }
h3 { font-size: 28px; line-height: 1.3; margin-bottom: 10px; }
h4 { font-size: 25px; line-height: 1.4; margin-bottom: 5px; }
h5 { font-size: 20px; line-height: 1.5; margin-bottom: 5px; }
h6 { font-size: 18px; line-height: 1.5; margin-bottom: 5px; }
h1 small { font-size: 30px; }
h2 small { font-size: 24px; }
h3 small { font-size: 20px; }
h4 small { font-size: 18px; }
h5 small { font-size: 12px; }
h6 small { font-size: 11px; }

h1 span, 
h2 span, 
h3 span, 
h4 span,
h5 span, 
h6 span { 
	color: #b87114 !important;
}

small { font-size: 85%; }
p { margin-bottom: 15px; }
address, em, dfn, cite, .italic { font-style: italic; }
del { text-decoration: line-through; }
ins { text-decoration: underline; }

.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }

.strong { font-weight: bold; }
.normal { font-weight: normal; }


/*===============================================================================================================

	Modal Style

===============================================================================================================*/
.modal-open { overflow: hidden; }
.modal { 
	position: fixed; 
	top: 0; 
	right: 0;	
	bottom: 0; 
	left: 0;	
	z-index: 1050; 
	display: none; 
	overflow: auto; 
	-webkit-overflow-scrolling: touch; 
	outline: 0; 
}
.modal.fade .modal-dialog {
	-webkit-transition: -webkit-transform .3s ease-out;
	 -moz-transition:    -moz-transform .3s ease-out;
	   -o-transition:      -o-transform .3s ease-out;
		  transition:         transform .3s ease-out;
	-webkit-transform: translate(0, -25%);
	  -ms-transform: translate(0, -25%);
		  transform: translate(0, -25%);
}
.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	  -ms-transform: translate(0, 0);
		  transform: translate(0, 0);
}
.modal-dialog {	
	position: relative;	
	width: auto; 
	margin: 100px auto auto; 
}
.modal-content { 
	position: relative; 
	background-color: #fff; 
	background-clip: padding-box; 
	border: 1px solid #999; 
	border: 1px solid rgba(0, 0, 0, .2); 
	border-radius: 6px;	
	outline: none; 
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); 
	box-shadow: 0 3px 9px rgba(0, 0, 0, .5); 
}
.modal-backdrop { 
	position: fixed; 
	top: 0; 
	right: 0;
	bottom: 0;	
	left: 0; 
	z-index: 1040;	
	background-color: #000; 
}
.modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; }
.modal-backdrop.in { filter: alpha(opacity=80);	opacity: .8; }
.modal-header {	
	padding: 15px; 
	border-bottom: 1px solid #e5e5e5; 
}
.modal-body { 
	position: relative; 
	padding: 20px; 
	overflow: auto; 
}
.modal-footer {	
	padding: 10px 20px 10px; 
	margin-top: 15px; 
	text-align: right; 
	border-top: 1px solid #e5e5e5; 
	text-align: center;
}
button.close {
	font-size: 36px;
	line-height: 1;
	color: #999;
	position: absolute;
	right: 15px;
	top: 5px;
}