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

body {
  font-family: 'Open Sans','Nanum SquareR',Arial, sans-serif; }

#inBody {margin-top:80px;overflow:auto;}
@media (max-width:940px){
	#inBody {margin-top:52px;} }
@media (max-width: 768px) {
	#inBody {margin-top:-20px;} }
@media (max-width: 720px) {
	#inBody {margin-top:10px;height:0px;overflow:hidden}
	#SubMenu{display:none;}}


div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,time,figure,article,nav,header,footer,hgroup,video,audio,aside,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
    box-sizing:border-box;
}
hr {
  max-width: 50px;
  border-width: 3px;
  border-color: #F05F40; }

hr.light {
  border-color: white; }

a {
  color: #F05F40;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s; }
  a:hover, a:focus {
    color: #f05f40; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Open Sans','Nanum SquareR', Arial, sans-serif; }

p {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 20px; }

.bg-primary {
  background-color: #F05F40 !important; }

.text-faded {
  color: rgba(255, 255, 255, 0.7); }

section {padding:50px 0px 0px 0px}
.section_last{padding-bottom:50px;}
.section-header			{font-family:'Open Sans','Nanum SquareR';}
.section-header	label	{max-width:700px;margin-top:10px;width:80%;}
.section-heading		{font-family:'Open Sans','Nanum SquareR';letter-spacing:-0.08em;font-size:26pt;}
.section-heading.stitle {font-size:13pt;font-weight:bold;line-height:2em;}
.section-heading.TOP	{padding-top:150px !important;}
	@media (max-width: 720px) {
		.section-heading {font-size:17pt;}
		.section-heading.TOP	{padding-top:60px !important;}
	}
.section-heading label {font-family:'Open Sans','Nanum SquareR';font-size:12pt;font-weight:bold;width:auto;}
.section-heading span	{font-family:'Open Sans','Nanum SquareR';color:#e73119;font-weight:bold;}
.section-heading.blue span{color:#00bbde;}
.section-heading.green span{color:#00c192;}

.no-padding {
  padding: 0; }

::-moz-selection {
  color: white;
  background: #222222;
  text-shadow: none; }

::selection {
  color: white;
  background: #222222;
  text-shadow: none; }

img::selection {
  color: white;
  background: transparent; }

img::-moz-selection {
  color: white;
  background: transparent; }

body {
  -webkit-tap-highlight-color: #222222; }

/* header.masthead */
/*
	header.masthead {
	  position: relative;
	  width: 100%;
	  min-height: auto;
	  text-align: center;
	  color: white;
	  background-image: url("../img/header.jpg");
	  background-position: center;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover; }
	  header.masthead .header-content {
		position: relative;
		width: 100%;
		padding: 100px 15px 100px;
		text-align: center; }
		header.masthead .header-content .header-content-inner h1 {
		  font-size: 30px;
		  font-weight: 700;
		  margin-top: 0;
		  margin-bottom: 0;
		  text-transform: uppercase; }
		header.masthead .header-content .header-content-inner hr {
		  margin: 30px auto; }
		header.masthead .header-content .header-content-inner p {
		  font-size: 16px;
		  font-weight: 300;
		  margin-bottom: 50px;
		  color: rgba(255, 255, 255, 0.7); }
	  @media (min-width: 768px) {
		header.masthead {
		  height: 100%;
		  min-height: 600px; }
		  header.masthead .header-content {
			position: absolute;
			top: 50%;
			padding: 0 50px;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%); }
			header.masthead .header-content .header-content-inner {
			  max-width: 1000px;
			  margin-right: auto;
			  margin-left: auto; }
			  header.masthead .header-content .header-content-inner h1 {
				font-size: 50px; }
			  header.masthead .header-content .header-content-inner p {
				font-size: 18px;
				max-width: 80%;
				margin-right: auto;
				margin-left: auto; } }
*/
/**/

.br_small{display:none;}
	@media (max-width: 720px) {
		.br_small{display:inline;}
	}
.br_middle{display:none;}
	@media (max-width: 767px) {
		.br_middle{display:inline;}
	}
.br_small_hide{display:block;}
	@media (max-width: 720px) {
		.br_small_hide{display:none;}
	}

.text-primary {
  color: #F05F40 !important; }

.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0; }

.btn-default {
  color: #FFF;
  border-color: white;
  background-color: #e63217; }
  .btn-default:focus, .btn-default.focus {
    color: #222222;
    border-color: #bfbfbf;
    background-color: #e6e6e6; }
  .btn-default:hover {
    color: #222222;
    border-color: #e0e0e0;
    background-color: #e6e6e6; }
  .btn-default:active, .btn-default.active,
  .open > .btn-default.dropdown-toggle {
    color: #222222;
    border-color: #e0e0e0;
    background-color: #e6e6e6; }
    .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
    .open > .btn-default.dropdown-toggle:hover,
    .open > .btn-default.dropdown-toggle:focus,
    .open > .btn-default.dropdown-toggle.focus {
      color: #222222;
      border-color: #bfbfbf;
      background-color: #d4d4d4; }
  .btn-default:active, .btn-default.active,
  .open > .btn-default.dropdown-toggle {
    background-image: none; }
  .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
  fieldset[disabled] .btn-default:hover,
  fieldset[disabled] .btn-default:focus,
  fieldset[disabled] .btn-default.focus {
    border-color: white;
    background-color: white; }
  .btn-default .badge {
    color: white;
    background-color: #222222; }

.btn-primary {
  color: white;
  border-color: #F05F40;
  background-color: #F05F40; }
  .btn-primary:focus, .btn-primary.focus {
    color: white;
    border-color: #a4270d;
    background-color: #eb3812; }
  .btn-primary:hover {
    color: white;
    border-color: #e13612;
    background-color: #eb3812; }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    color: white;
    border-color: #e13612;
    background-color: #eb3812; }
    .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
    .open > .btn-primary.dropdown-toggle:hover,
    .open > .btn-primary.dropdown-toggle:focus,
    .open > .btn-primary.dropdown-toggle.focus {
      color: white;
      border-color: #a4270d;
      background-color: #c93110; }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    background-image: none; }
  .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .btn-primary.focus {
    border-color: #F05F40;
    background-color: #F05F40; }
  .btn-primary .badge {
    color: #F05F40;
    background-color: white; }

.btn {
  font-weight: 700;
  text-transform: uppercase;
  border: none;
  border-radius: 0px;
  font-family: 'Open Sans', 'Nanum SquareR', Arial, sans-serif;
  border:2px solid #FFF;
}

.btn-xl {
  padding: 15px 30px; }

.btn.btn-color-black {background:#000;color:#FFF !important;}
.btn.btn-color-black:hover{background:#e63217;color:#000}
.btn.btn-color-black:focus{color:#FFF !important;}
.btn.btn-color-black:active{color:#FFF !important;}





.container label,.container-fluid label{font-family:'Open Sans','Nanum SquareR';padding:0px 0px 10px 0px;}
@media (max-width: 540px) {
	.container label,.container-fluid label{font-size:10pt;}
}

/* footer */
	.footer #procBodyDIV{position:fixed;bottom:100px;color:#FFF;background:#000;font-size:9pt;}
	.footer{padding: 50px 0;width:100%; }
	.footer h2 {margin: 0 auto 20px; }
	.footer h6 {font-size:9pt}
	.footer .logo{margin-top:20px;}
	.footer .logo img{max-height:50px;max-width:90%}
	.footer .container div{
		font-family:'Open Sans','Nanum SquareR';color:#cecece;
		font-size:9pt;<strong></strong>
	}
	.footer .footerLnk{position:absolute;right:0px;}

	.footer .footerLnk a{color:inherit;text-decoration:none;}

	@media (max-width: 540px) {
		.footer .footerLnk{position:relative;text-align:center;margin-bottom:20px;}
		.footer h6 {text-align:center;}
		.footer .logo{text-align:center;}

	}
	.footer .btn{border:none;}
}
/**/

/**/
	.pBox {text-align:right;margin:10px 0px}
	.pBox label {position:relative;top:-3px;font-size:9pt;cursor:pointer;}
	.pBox pre{
		height:500px;
		border:1px solid #dddddd;
		word-break:break-all;
		white-space:pre-line		;
		text-align:left;
		background:#FFF;
		padding:8px;
		color:#999999;

		line-height:1.6em;
		font-size:12px;
		font-weight:normal;
		overflow-y:scroll;
	}
	.pBox pre h4	{font-size:16px;color:#606060;margin:15px 0px;font-weight:bold;}
	.pBox pre strong{font-size:14px;color:#999999;}
	@media (max-width: 720px) {
		.pBox pre{max-height:200px;}
	}
/**/


/**/
	.f10{font-size:10pt !important;}
	.f11{font-size:11pt !important;}
	.f12{font-size:12pt !important;}
	.f13{font-size:13pt !important;}
	.bold{font-weight:bold !important;}

	.adm_box .gray{color:#aaaaaa;}
	.adm_box label{font-weight:bold;}

	.adm_box {border-top:1px solid #dddddd;padding-top:8px;}
	.adm_box .adm_box_txt {font-weight:bold;color:#717171;padding-top:5px;padding-bottom:5px;}
	.adm_box .adm_box_txt button {border:none;border-radius: 4px;
								background:#4d5766;
								font-size:11pt;font-weight:bold;color:#FFFFFF;cursor:pointer;letter-spacing:0.02em;}

	.adm_box .adm_box_log {background:#8894a6;color:#FFFFFF;padding:3px 8px 3px 8px;font-size:11pt;}
	.adm_box .adm_box_log label{margin:0px;padding:0px}
/**/


/* page */
	.pagination {
		font-family:dotum;
		display: inline-block;
		padding-left: 0;
		margin: 20px 0;
		border-radius: 4px;
	}
	.pagination > li {
		display: inline;
	}

	.pagination > li > a,
	.pagination > li > span {
		position: relative;
		float: left;
		padding: 6px 12px;
		margin-left: -1px;
		line-height: 1.428571429;
		text-decoration: none;
		color:#868686;
		background-color: #ffffff;
		border: 1px solid #dddddd;
	}
	.pagination > li:first-child > a,
	.pagination > li:first-child > span {
		letter-spacing:-0.2em;
		margin-left: 0;
		border-bottom-left-radius: 4px;
		border-top-left-radius: 4px;
	}
	.pagination > li:last-child > a,
	.pagination > li:last-child > span {
		letter-spacing:-0.2em;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}
	.pagination > li > a:hover,
	.pagination > li > span:hover,
	.pagination > li > a:focus,
	.pagination > li > span:focus {
		background-color: #eeeeee;
	}

	.page > .active,
	.page > .active:hover {
		font-weight:bold;
		z-index: 2;
		color: #ffffff;
		cursor: default;
		background-color: #e73119;
		border-color: #e73119;
	}
/**/

/* inForm */
	.inForm {width:100%;margin:30px 0px;padding-bottom:10px;}
		.inForm .btn {border:none !important;
			width:100%;
			height:100%;
			font-size:15pt;
			margin:0px;
			padding:34px 5px !important;}
		.inForm input{width:98%;padding:15px;}
		@media (max-width:900px){
			.inForm .btn {font-size:13pt;padding:34px 0px !important;}
		}
		@media (max-width:575px){
			.inForm input{width:100%;}
			.inForm .btn {font-size:13pt;padding:14px 20px !important;}
		}


		/*가입폼*/
		.inForm{margin:0px !important;padding:10px 0px !important;border-top:1px solid #dddddd;}
		#fmLogin .inForm{margin:30px 0px 20px 0px !important; padding:20px 25px 0px 25px !important}
		#fmFIND .inForm{margin:30px 0px 20px 0px !important; padding:20px 25px 0px 25px !important}
		#fmUser	.inForm{}
		.inForm li{list-style:none;padding:0px !important;}

		.inForm li.title label{font-size:10pt;padding-top:9px;font-weight:bold;}
			@media (max-width:575px){
				.inForm li.title label{font-size:9pt;}
			}
		.inForm input[readonly] {background:#efefef;}
		.inForm input.inTXT		{width:71% !important;height:36px !important;padding:8px 5px !important;}
		.inForm input.inEmail	{width:40% !important;height:36px !important;padding:8px 5px !important;}
		.inForm input.inCall	{width:90px !important;height:36px !important;padding:8px 5px !important;text-align:center !important;}
		.inForm input.inADDR	{width:95% !important;height:36px !important;padding:8px 5px !important;}
		.inForm .inCHK input	{width:auto;margin-top:12px;cursor:pointer;}
		.inForm .inCHK label	{position:relative;top:-3px;left:5px;margin-right:20px;font-size:9pt;cursor:pointer;}

		.inForm select			{width:88%;padding:10px;}
		.inForm .btn-chk-txt	{
			position:absolute;top:0px;
			width:55px;height:36px;padding:0px !important;
			padding-top:9px !important;margin-left:5px !important;
			font-size:9pt;
		}
		.inForm span{font-family:'Open Sans','Nanum SquareR';display:block;font-size:9pt !important;color:#f76026;}
		.inForm .title span{display:inline;}
/**/