@import url(http://fonts.googleapis.com/css?family=Lily+Script+One);
/*상단 메뉴 설정 시작*/
.navbar-inverse{
	background: #FFFFFF;
	border-bottom:8px solid #0D2350;         /*테두리 색*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/

}
/*상단 메뉴 설정 끝*/
.divider-vertical{display:none !important;}
.caret{display:none !important;}

/*상단 메뉴 로고 시작*/
.navbar-brand img {
	padding-top: 10px;
}
/*상단 메뉴 로고 끝*/

/* 상단 메인 메뉴 설정 시작*/
.navbar-inverse .navbar-nav > li > a{
	background-color:none;	      /*배경 색*/
	color:#999999;                /*텍스트 색*/
	font-size:18px;               /*텍스트 크기*/
	padding:40px 15px 15px 15px;  /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
}
/* 상단 메인 메뉴 설정 끝*/

/* 상단 서브 메뉴 설정 시작*/
.dropdown-menu > li > a{
	background-color:#D3D6DB;     /*배경 색*/
	color:#333333;                /*텍스트 색*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:3px 20px 3px 20px;       /*외부 여백*/
	font-size:14px;
}
/* 상단 서브 메뉴 설정 끝*/

/* 하단 카피라이트 설정 시작*/
body > .navbar-fixed-bottom .text-center{
		background: rgba(0,0,0,0);       /*테두리 색*/          /*배경 색*/

	color:#999999;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
	text-align:center;            /*텍스트 정렬*/
}
.footer_copy .text-center{
	background-color: #0D2350;
    border-top: 8px solid #CDCDCD;
    color: #FFFFFF;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:20px;      /*내부 여백*/
	margin:0px 0px 0px 0px;       /*외부 여백*/
	text-align:center;            /*텍스트 정렬*/
}
/* 하단 카피라이트 설정 끝*/

/*인트로 텍스트 설정 시작*/
h1.intro_span{
	background-color:none;        /*배경 색*/
	color:#ffffff;                /*텍스트 색*/
	font-size:36px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}

p.intro_span{
	background-color:none;        /*배경 색*/
	color:#ffffff;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}

.flex-caption span.intro-title{
	background:none;        /*배경 색*/
	color:#ffffff;                /*텍스트 색*/
	font-size:36px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}
.flex-caption span.intro-text{
	background:none;        /*배경 색*/
	color:#ffffff;                /*텍스트 색*/
	font-size:14px;               /*텍스트 크기*/
	padding:0px 0px 0px 0px;      /*내부 여백*/
	margin:10px 10px 10px 10px;   /*외부 여백*/
}
/*인트로 텍스트 설정 끝*/

/*스킨*/
.flexslider {
    border: 0px solid #32DFE6;
    border-radius: 0px;
}
.flex-caption span.intro-title {
    padding: 1px 9px;
    background: rgba(11,183,181,0.5);
    color:#fff;
font-family: 'Lily Script One', cursive;
}
.flex-caption span.intro-text {
    background: rgba(11,183,181,0.5);
    color: #fff;
    padding: 5px 8px;
    font-weight:bold;
}
.flex-caption span {
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0) !important;
}

.navbar-inverse .navbar-nav > li > a {
    color: rgba(0, 0, 0, 1);
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0);
font-weight:bold !important;font-size: 18px;


}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #0bb7b5;
}

.dropdown-menu > li > a {
    background-color: #fff !important;font-size: 12px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-image: linear-gradient(to bottom, #FFFFFF 0px, #FFFFFF 100%);
    background-color: #FFFFFF;
text-decoration:underline !important;
}

.panel {
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0);
    border-radius: 0px;
}

.skin-titles .panel-body{min-height:100px; padding: 25px; background: #FFF url("/skin/img/titles.jpg");border-bottom: 5px solid #71c5c1; background-size:cover;}
.skin-titles .panel-body span{    color: white;
    font-weight: 500;
    font-size: 19px;background: rgba(11,183,181,0.8);  
    padding: 0px 5px;    
    font-family: 'Lily Script One', cursive;
}
.well{background-image: linear-gradient(to bottom, #FFF 0px, #F5F5F5 100%);}
.skin-om{}
.skin-om h4{margin-bottom:20px;font-weight:bold;color:#71c5c1}
.skin-om .list-group-item-text {font-size: 13px;}

.skin-so{text-align:center;background:#f6f6f6;padding:22px 17px;min-height:240px;}
.skin-so h3{color:#71c5c1; font-weight:bold;}
.skin-so p{font-size:11px;}


.btn-default {
    color: #333;
    background-color: #FFF;
    border-color: #CCC;
    background-image: linear-gradient(to bottom, #FFF 0px, #fff100%) !important;
}
.btn-default {
    background-image: linear-gradient(to bottom, #FFF 0px, #FFF 100%) !important;
    background-repeat: repeat-x !important;
    text-shadow: 0px 0px 0px #FFF !important;
    border-color: #CCC !important;
    border-radius: 0px !important;
}
.btn-default:hover, .btn-default:focus {
    background-color: #E0E0E0 !important;
    background-position: 0px 0px !important;
}
.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0) inset, 0px 1px 1px rgba(0, 0, 0, 0) !important;
}
.skin-pr{}
.skin-pr h4{color:#71c5c1;font-weight:bold;}
.skin-pr h5{font-weight:bold;}

.skin-main{text-align:center; background: #FFF url("/skin/img/page/main.png");border-bottom: 5px solid #0D2350; background-size:cover;padding:145px 10px;background-position:center;border-radius: 0px;height: 350px;}
.skin-main h1{font-weight:bold;color:#fff;}
.skin-main span{padding: 1px 4px;background: rgb(13, 35, 80);color: #fff;margin-top: 10px;font-weight: bold;font-size: 30px;}
.skin-main span a{color:#000;}

/* start*/
.inline {
    display:inline-block;
}
.page-products {
    padding-top: 4em;
    background-image: url('/skin/img/page/product.jpg');
    height:150px;
    border-bottom: 2px solid #0C2250;
}
.page-intro {
    padding-top: 4em;
    background-image: url('/skin/img/page/intro.png');
    height:150px;
    border-bottom: 2px solid #0C2250;
}
.page-business {
    padding-top: 4em;
    background-image: url('/skin/img/page/business.png');
    height:150px;
    border-bottom: 2px solid #0C2250;
}
.page-title {
    color: #0D2350;
    font: bold 22px/38px 'NanumBarunGothic';
    border-bottom: 1px solid #0D2350;
    margin-bottom: 2em;
    padding-bottom: 1em;
}
/*.page-title {
    color: #0D2350;
    font: bold 22px/38px 'NanumBarunGothic';
    border-bottom: 1px solid #0D2350;
}*/
.img-pro {
    margin-top: 1em;
}
.page-content {
    margin-top: 3em;
}
.product-box {
    box-shadow: 7px 10px 20px #ddd;
    margin-bottom: 2em;
}
.product-box > div:nth-child(4){
    margin-bottom: 2em;
}
.first-tr {
    background-color: #ddd;
}
.first-tr > th {
    text-align: center;
    width:33.3%;
}
.first-tr2 {
    background-color: #ddd;
}
.first-tr2 > th {
    text-align: center;
}
.pro-caption {
    color: #0D2350;
    font: bold 18px/0px 'NanumGothic';
}
.pro-name {
    font: bold 21px/15px 'NanumGothic';
}
.pro-caption > i{
    margin-right: 7px;
}
.pro-des > p,.pro-des > div > table,.pro-des > small{
    margin-left: 1.7em;
}
.pro-name-img {
    width: 25px;
    margin: 0px 5px 5px 0px;
}
@media (min-width: 768px){
    .modal-dialog {
        width: 888px;
        margin: 30px auto;
    }
}
.sub_main>a {
    padding: 22px 10px 10px;
    font-size: 24px;
    font-weight: bold;
    color: #FFF;
    background-color: #4689C8;
}
ul.real-sub-li li a {
    padding: 15px 10px;
    font-size: 17px;
}
.greeting {
    height: 593px;
    background-image: url('/skin/img/page/greeting.png');
    border-radius: 5px;
}
.right-msg {
    position: absolute;
    right: 0px;
    width: 430px;
    padding: 10px;
}
.right-msg > p:nth-child(2){
    margin-top: 1em;
    font: bold 16px/20px 'NanumBarunGothic';
    color: #FFFFFF;
}
.right-msg > p:nth-child(3){
    margin-top: 1em;
    font: bold 14px/26px 'NanumBarunGothic';
    color: #0D2350;
}
.right-msg > p:nth-child(4){
    float: right;
    margin-top: 1em;
    font: bold 14px/20px 'NanumBarunGothic';
    color: #0D2350;
}
@media (max-width:450px){
    .right-msg {
        width: 100%;   
    }   
}
@media (max-width:335px){
    .right-msg > p:nth-child(3){
        margin-top: 1em;
        font: bold 14px/20px 'NanumBarunGothic';
        color: #0D2350;
    }   
}
.dl-horizontal dt {
    width: 77px;
    font-size: 17px;
    margin-bottom: 2em;
}
.dl-horizontal dd {
    font-size: 17px;
    margin-left: 88px;
}
@media (max-width:767px){
   .dl-horizontal dd {
        margin-left: 0px;
    }
    .dl-horizontal dt {
        margin-bottom: 0em;
    }
}
.main-title > p {
    padding: 1px 21px;
    background: rgb(13, 35, 80);
    color: #fff;
    margin-top: 10px;
    font-weight: bold;
    font-size: 20px;
    border-radius: 5px;
}
.pro-title > p {
    padding: 1px 21px;
    background: rgb(13, 35, 80);
    color: #fff;
    margin-top: 10px;
    font-weight: bold;
    font-size: 16px;
    border-radius: 5px;
}
.right-box {
    width: 100%;
    border-left: 5px solid #192C58;
    padding: 1em 1em 1em 1em;
    margin-top: 10px;
    box-shadow: 7px 10px 20px #ddd;
}
.phone-num {
    font-weight: bold;
    font-size: 20px;
    color: #4689C8;
    margin-left: 28px;
}
.right-title {
    font: bold 25px/30px 'NanumBarunGothic';
    color: #0D2350;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #0D2350;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #fff;
}