@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/jejuhallasan.css);
@import url(http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/hanna.css);	
@import url(http://fonts.googleapis.com/earlyaccess/kopubbatang.css);	
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

.text-center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left;}

.margin-top-10{margin-top: 10px;}
.margin-top-20{margin-top: 20px;}
.margin-top-30{margin-top: 30px;}
.margin-top-40{margin-top: 40px;}
.margin-top-50{margin-top: 50px;}
.margin-top-60{margin-top: 60px;}
.margin-top-70{margin-top: 70px;}
.margin-top-80{margin-top: 80px;}
.margin-top-90{margin-top: 90px;}
.margin-top-100{margin-top: 100px;}

.margin-bottom-10{margin-bottom: 10px;}
.margin-bottom-20{margin-bottom: 20px;}
.margin-bottom-30{margin-bottom: 30px;}
.margin-bottom-40{margin-bottom: 40px;}
.margin-bottom-50{margin-bottom: 50px;}
.margin-bottom-60{margin-bottom: 60px;}
.margin-bottom-70{margin-bottom: 70px;}
.margin-bottom-80{margin-bottom: 80px;}
.margin-bottom-90{margin-bottom: 90px;}
.margin-bottom-100{margin-bottom: 100px;}


body {background-color:#fff;color: #000;} 
a:link, a:visited{color: #fff;}
legend {border: 0;}

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.nav > li > a {padding-left:20px;padding-right:20px;}
.conceptColor { color:#007d03;}
.conceptBorderColor { border-bottom-color:#007d03!important;}
.conceptBgColor { color:#fff; background:#007d03;  /* background-color: #fff; */}
.list-group-item a:hover,.list-group-item.on a,
.iconBox .iconBg i,.kso_widgetTableA td.title a:hover,.iconBox .iconTitle {color:#007d03;}
.btn-camera:hover {color:#fff;background-color:#007d03;border-color:#007d03;}
.nav>li>a:hover, .nav>li>a:focus,
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus,
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus,
.scrolltotop, #teaser {background:#007d03;}
#section-2 { background-color:#49C9AF; }
#section-3 { background-color:#2C3E50; }
#section-4 { background-color:#F16161; }
#section-5 { background-color:#3A7EA2; }
#section-2 .triangle i {color:#49C9AF;}
#parallax-1 .triangle {border-top-color: #49C9AF;}
#parallax-2 .triangle {border-top-color: #F16161;}
#section-4 .triangle {border-top-color: #2C3E50;}
#section-5 .triangle {border-top-color: #2C3E50;}
#parallax-1 {background-image:url(http://daejinsfc.com/files/attach/images/150/a769736cc63559215c8b3ab90e799aab.jpg);}
#parallax-2 {background-image:url(./layouts/KSO_flatScroll/img/parallax_img01.jpg);}
#main-section-1 {min-height:px;}
#sub-section,.transCover {height:100px;}
#sub-section {background-image: url();}
@media (min-width: 1200px) {.container {max-width: 1170px;}}


header .navbar .nav li a {font-family:'NanumGothic', '나눔고딕', ng;}  /* 탑 1차 메뉴 */

/*** 헤더 탑 컬러 스타일링(로고 위 부분) ***/
#header-top {background:#2C3E50;} /* 배경 컬러 */
#header-top .navbar-nav > li > a {color:#7393B3;} /* 로그인 폰트 컬러 */


/*** 메인 메뉴 폰트 스타일링 ***/
header .navbar .nav li a {
	/* font-size: 13px;  */ font-size:15px;  /* 폰트사이즈 */
	font-weight:bold;
	color:#333;  /* 폰트컬러 */
	text-transform:uppercase;
	white-space:nowrap;
}
.nav-pills > li.active > a, .dropdown-menu > .active > a,
header .navbar .nav li a:hover {color:#ffffff !important;} /* 마우스 오버시 폰트컬러 */


/*** 메인 왼쪽 스크롤메뉴 스타일링 ***/
.side-navi li a {
	color:#fff;  /* 폰트컬러 */
	background:#E64C65;  /* 배경컬러 */
}
/*** 슬라이드 캡션 스타일링 ***/
.fluid_container h1 {color:#fff} /* 타이틀 폰트 컬러 */
.fluid_container p {color:#fff} /* 요약 폰트 컬러 */


/*** 서브 탑 스타일링 ***/
.transCover {
	background-color:rgba(68, 179, 158, 0); /* 서브 탑 배경 커버 컬러(RGB 컬러값, 투명도) */
}
.sub-promotion,.sub-promotion a {
	color:#ffffff !important; /* 현재 위치 폰트 컬러 (#ffffff 부분만 수정) */
}


/*** 하단 푸터 스타일링 ***/
.section-6 .footer-top h5 {font-size:16px;font-family:'ngBold' !important;} /* 푸타 타이틀 */
.section-6 { 
	color:#fff; background-color:#2C3E50; /* 푸터 섹션-타이틀 컬러, 배경 컬러 */
} 
.section-6 .footer-top {
	padding-top: 60px; /* 푸터 섹션 - 상단 여백 */
	padding-bottom: 60px; /* 푸터 섹션 - 하단 여백 */
}
.footer-top p {
	color: #7D9BB9; /* 섹션 컨텐츠영역 폰트 컬러 */
}
.footer-top .base-line {
	background-color: #486684; /* 타이틀 라인 컬러 */
	border-right-color: #49C9AF;  /* 타이틀 우측 라인 컬러 */
}
.section-6 .footer-bottom { 
	color:#A5AFC9; background-color: #283043;  /* 푸터 카피라이트-폰트 컬러, 배경컬러 */
} 

.list-group-item a:hover, .list-group-item.on a, .iconBox .iconBg i, .kso_widgetTableA td.title a:hover, .iconBox .iconTitle {
    color: #007d03;
}
/*  */
.list-group-item a {
    display: block;
    color: #333;
    font-size: 15px;
    font-weight: bold;
}
.document_203_4{margin-top: 50px;}
@media (max-width: 480px) { 
.xm .form-horizontal .control-label{width:28%}
.xm .form-horizontal .controls {margin-left: 32%}
.xm input, .xm textarea {width: 100% !important}
.xm input[type="submit"],.xm input[type="checkbox"] {width:auto !important}
}