* { font-family: 'Malgun Gothic','맑은 고딕','Nanum Gothic', serif; }


/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  color: #000;

}
p{font-size:12px;}
.container-full{
	width:100%;
}
a:focus {outline: none;}
h1,h2,h3, p{
	scolor:#25aae2;
	sfont-weight:bold;


}

h3{ font-size: 1.6em; }


/* CUSTOMIZE COLOR SETTING
-------------------------------------------------- */
.navbar {
border-radius: 0px;
margin-bottom: 0px;

}
.navbar-default {
background-color: #fff;
border:none;
border-bottom:2px solid #191919;
}

.navbar-nav > li{
	font-size: 16px;
	padding-left: 30px;
	padding-right: 30px;
	font-weight:bold;
}

.navbar-nav > li > a{
	font-size: 16px;
	padding-left: 0px;
	padding-right: 0px;
	border-top: 0;
	color:#6e6e6e;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color:#0e0e0e;
	border-top: 0;
}

/* clicked -- 클릭했을때 -- */
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
	color:#0e0e0e;
	background-color: transparent;
	border-top: 0;
}
/* 상단 라인 효과 --*/
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
	color:#0e0e0e;
	background-color: transparent;
	border-top: 0;
}


/* side bar */
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #fff;
border: 1px solid #191919;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}


.dropdown-menu{
border-radius: 0px;
}
.dropdown-menu{padding-top:0;padding-bottom:0;}
.dropdown-menu > li > a{
padding:10px 20px;
}
.dropdown-menu > li > a:hover{
background-color:#191919;
color:#fff;
}

.purchase {
padding: 25px 0 30px;
border-bottom: solid 1px #eee;
background-color:#f1f1f1;
margin-bottom: 40px;
}
.purchase span {
color: #666;
display: block;
font-size: 24px;
line-height: 35px;
font-weight: normal;
margin-bottom: 12px;
font-family: 'Open Sans',sans-serif;
}
.purchase .btn-buy {
text-align: center;
}
.purchase .btn-buy a {
margin-top: 27px;
}
.btn-u-lg, a.btn-u-lg {
font-size: 18px;
padding: 10px 25px;
}
.btn-u-lg, a.btn-u-lg {
font-size: 18px;
padding: 10px 25px;
}
.btn-u {
white-space: nowrap;
border: 0;
color: #fff;
font-size: 14px;
cursor: pointer;
font-weight: 400;
padding: 6px 13px;
position: relative;
background: #25aae2;
display: inline-block;
text-decoration: none;
}


/* CUSTOMIZE NAV TABS
-------------------------------------------------- */

.nav-tabs {
border-bottom: 1px solid #191919;
}

.nav-tabs li .active{
border-bottom-color: transparent;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
color: #555555;
cursor: default;
background-color: #ffffff;
border: 1px solid #25aae2;
border-bottom: 1px solid transparent;
border-bottom-color: transparent;
}

.nav > li > a {
	color:#191919;
}
.nav > li > a:hover, .nav > li > a:focus, .nav > li.active > a {
text-decoration: none;
background-color: #191919;
color:#fff;
}

.nav-tabs li a{
	background-color:#25aae2;
	color:#fff;
}


.bs-callout-info {
background-color: #f4f8fa;
border-color: #5bc0de;
}
.bs-callout {
margin: 20px 0;
padding: 20px;
border-left: 3px solid #5bc0de;
}
.bs-callout-info h4 {
color: #5bc0de;
font-weight: bold;
}


.table-centered tr td, .table-centered tr th{
	text-align:center;
}



/* CUSTOMIZE panel
-------------------------------------------------- */
.panel-default > .panel-heading {
	color: #333333;
	background-color: #fff;
	border-color: #fff;
	border: none;
	border-bottom: 1px solid #dcdcdc;
}
.panel-heading {
padding: 10px 15px;
border: none;
}
.panel-group .panel {
border-radius: 0px;
}
.panel-default {
border-color: #fff;;
}
.panel{
box-shadow:none;
}
.panel-title a{
	text-decoration: none;
}
.panel-title a:hover{
	color:#25aae2;
}
.panel-title a:hover span.arrow, .panel-title a:active span.arrow{
	background-color:#25aae2;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
border-top-color: #ffffff;
border-bottom: 1px solid #dddddd;
}

.arrow{
	background: #333333 url(/skin/img/toggle-plus.png) no-repeat center center;
	display: block;
	width: 22px;
	height: 22px;
	float: left;
	margin-right: 18px;
}

.panel-title a:active span.arrow {
	background: #333333 url(/skin/img/toggle-minus.png) no-repeat center center;

}

.box-bor{
	width:100%;height:100%;border:1px solid #98B3C0;padding:0;margin:0;
}
.box-border{
	width:96%;height:96%;border:2px solid #dcdcdc;
}
.box-border p{ font-size:14px;margin-right:15px;}

.content-divider{padding:30px;}


/* 서브페이지 css */

.textstrong{color:#25aae2;font-weight:bold;}
.title-text{padding-bottom:40px;color:#726363;z-index:1;}
.title-history{font-size:60px;;color:#25aae2;text-shadow: 2px 1px 0 #dcdcdc,5px 4px 0 rgba(0,0,0,0.15);z-index:1;}

blockquote,  .blockquote-red{
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #25aae2;
background-color:#F7F7F7;
}
.blockquote-red{
border-left: 5px solid #E476D2;
}

.table-cus th{
	background-color:#25aae2; color:#fff;font-size:20px;font-weight:bold;
}
.btn-primary {
color: #ffffff;
background-color: #25aae2;
border-color: #357ebd;
}

.breadcrumb {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: transparent;
border-radius: 0px;
border-bottom: 1px solid #dcdcdc;
border-top: 1px solid #dcdcdc;
}

.breadcrumb li a{
	color:#000;
}
.btn-u:hover{
text-decoration: none;
color:#fff;
}
::selection {
color: #fff;
background: #25aae2;
text-shadow: none;
}

/* 게시판 관련 */
.board-view-content{
background-color:#fff;border-bottom:1px solid #9B9690;padding:20px;
min-height:300px;
}

.btn-primary{
	background-color:#25aae2;
	border-color:#589CD6;
}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

.navbar-brand{
	padding-top:20px;
}
.navbar-header{
	height:70px;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  top: 20%;
  left: 22%;
  text-align:left;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  max-height: 500px;
  background-color: #777;

}
.carousel-inner > .item > img {
  position: relative;
  top: 0;
  left: 0;

}

.main-banner .image {display:block; position:relative; width:100%}
.main-banner .detail {width:100%; padding:22px 0; text-align:center; font-size:14px; color:#313131}
.txt-box {position:absolute; bottom:0; left:0; width:100%; max-height:50px; background:url(/skin/img/main-banner-tit-bg.png) top left repeat}
.txt-box p {width:100%; padding:10px 0; font-size:18px; color:#fff; line-height:1.5em; vertical-align:middle; text-align:center}


.margin-t10 {margin-top:10px;}
.margin-t20 {margin-top:20px;}
.margin-t26 {margin-top:26px;}
.margin-t30 {margin-top:30px;}
.margin-t35 {margin-top:35px;}
.margin-t40 {margin-top:40px;}
.margin-t50 {margin-top:50px;}
.margin-t60 {margin-top:60px;}
.margin-t70 {margin-top:70px;}
.margin-t80 {margin-top:80px;}
.margin-t90 {margin-top:90px;}
.margin-t100 {margin-top:100px;}

.margin-b0 {margin-bottom:0;}
.margin-b5 {margin-bottom:5px;}
.margin-b15 {margin-bottom:10px;}
.margin-b10 {margin-bottom:15px;}
.margin-b20 {margin-bottom:20px;}
.margin-b25 {margin-bottom:25px;}
.margin-b30 {margin-bottom:30px;}
.margin-b35 {margin-bottom:35px;}
.margin-b40 {margin-bottom:40px;}
.margin-b45 {margin-bottom:45px;}
.margin-b50 {margin-bottom:50px;}
.margin-b55 {margin-bottom:55px;}
.margin-b60 {margin-bottom:60px;}
.margin-b65 {margin-bottom:65px;}
.margin-b70 {margin-bottom:70px;}
.margin-b75 {margin-bottom:75px;}
.margin-b80 {margin-bottom:80px;}
.margin-b85 {margin-bottom:85px;}
.margin-b90 {margin-bottom:90px;}
.margin-b95 {margin-bottom:95px;}
.margin-b100 {margin-bottom:100px;}

.padding-t10 {padding-top:10px;}
.padding-t20 {padding-top:20px;}
.padding-t26 {padding-top:26px;}
.padding-t30 {padding-top:30px;}
.padding-t35 {padding-top:35px;}
.padding-t40 {padding-top:40px;}
.padding-t50 {padding-top:50px;}
.padding-t60 {padding-top:60px;}
.padding-t70 {padding-top:70px;}
.padding-t75 {padding-top:75px;}
.padding-t80 {padding-top:80px;}
.padding-t90 {padding-top:90px;}
.padding-t100 {padding-top:100px;}

.padding-b0 {padding-bottom:0;}
.padding-b5 {padding-bottom:5px;}
.padding-b15 {padding-bottom:10px;}
.padding-b10 {padding-bottom:15px;}
.padding-b20 {padding-bottom:20px;}
.padding-b25 {padding-bottom:25px;}
.padding-b30 {padding-bottom:30px;}
.padding-b35 {padding-bottom:35px;}
.padding-b40 {padding-bottom:40px;}
.padding-b45 {padding-bottom:45px;}
.padding-b50 {padding-bottom:50px;}
.padding-b55 {padding-bottom:55px;}
.padding-b60 {padding-bottom:60px;}
.padding-b65 {padding-bottom:65px;}
.padding-b70 {padding-bottom:70px;}
.padding-b75 {padding-bottom:75px;}
.padding-b80 {padding-bottom:80px;}
.padding-b85 {padding-bottom:85px;}
.padding-b90 {padding-bottom:90px;}
.padding-b95 {padding-bottom:95px;}
.padding-b100 {padding-bottom:100px;}

.img-responsive2 {width:100%}

.footer-logo {font-family:"Nanum Gothic", sans-serif; font-weight:bold; font-size:28px}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Bump up size of carousel content */
  .carousel-caption h1 {
	font-size:35px;
	margin-bottom:20px;
  }
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 1.8em;
  }

}
@media (min-width: 992px) {

}

@media (min-width: 1200px) {
	.container{ width: 1000px; }
}

@media (max-width: 979px) {
	.text-center-tablet{text-align:center;}

	.carousel-caption {z-index: 10;top: 10%;left: 10%;text-align:left;}
	.carousel-caption h1 {font-size:28px;}
	.carousel-caption p {margin-bottom: 20px;font-size: 12px;line-height: 1.4;}
}
@media (max-width: 767px) {
	.text-center-tablet{text-align:center;}

	.carousel-caption {z-index: 10;top: 0;left: 10%;text-align:left;}
	.carousel-caption h1 {font-size:25px;}
	.carousel-caption p {margin-bottom: 20px;font-size: 12px;line-height: 1.4;}
}

@media (max-width: 550px) {
	.carousel-caption{top: 0;padding-top:0px;}
	.carousel-caption h1{font-size:14px;}
}
@media (max-width: 464px) {
	.carousel-caption{top: 0%;padding-top:0px;}
	.carousel-caption h1{font-size:14px;}
	.carousel-caption p{font-size:11px;}
}