/*--------------------------------------------------------------
# nav
--------------------------------------------------------------*/
body{ background-color: #272F38;}
.main-header {min-height: 70px;}	
.main-header .navbar-header { flex: 1; min-height: 70px; }
.main-header[data-background-color="blue2"] { background: #002956 !important; }
.main-header[data-background-color="blue2"] .nav-top { background: #002956 !important; }
.main-header[data-background-color="blue2"] .navbar-header { background: #002956 !important; }
.main-header[data-background-color="blue2"] .nav-bottom .title-menu {background: #002956 !important; }
.card{ box-shadow:none !important;}
.navbar-brand {height: 60px !important; padding: 5px 5px 5px 5px;}	
.main-header .nav-top {  min-height: 70px;  height: 70px; }
.nav_item_span{/*font-family: "GillSans-CondensedRegular", sans-serif;*/ letter-spacing: 1px; font-size: 18px; font-weight:600; font-family: "GillSans-CondensedRegular";}
@media (max-width: 1200px) {
	.nav-menu a { padding: 5px 5px 7px 5px; margin-left: 0px; font-size: 18px; }
	.nav_item_span{ font-size: 15px;}
}

@media screen and (max-width: 991px) {
  .navbar-nav.page-navigation { background:#002956 !important}
}

.section-body{ margin-bottom: 50px; }
@media (max-width: 768px) {
	.section  { margin-top: 0px; border-radius: 0; padding: 10px 0px 20px 0px !important; margin-left: 0px !important; margin-right: 0px !important;}
}


.a_width{ min-width: 200px;}
@media (max-width: 1200px) {
	.a_width{  min-width: 120px;}
}
.nav-menu .active > a {color: #f2f2f2; font-weight: 400; }


.horizontal-layout-3 .main-panel {
    /*min-height: calc(100vh - 130px);*//*//****스크롤 생기는 원인*/
	min-height: calc(100vh - 139px); /*//****스크롤 생기는 원인*/
    max-width: unset; }
    
.footer {  border-top: none; padding: 12px 0px 20px 0px; background: #272F38; width: 100%;  font-family: 'nanumsquareround', sans-serif; font-size: 14px;}
.main_panel_bgcolor{background-color: #ffffff !important;}
/*--------------------------------------------------------------
# btn
--------------------------------------------------------------*/
.btn-insert {background-color: #DE352D !important; border-color: #DE352D !important; color: #fff !important; border-radius: 0px !important; font-size: 34px !important; line-height: 40px!important; width: 280px;
/*font-family: 'GillSans-CondensedRegular', sans-serif!important;*/  padding: 10px 0px;   vertical-align: middle !important; font-family: "GillSans-CondensedRegular";}
.btn-insert:hover {background: #ffffff !important; box-shadow: inset 0 0 0 3px #DE352D !important; color: #DE352D !important;}
.btn-insert:focus, .btn-insert.focus {background: #fff !important; box-shadow: inset 0 0 0 3px #DE352D !important; color: #DE352D !important;}
 @media (max-width: 768px) {
	.btn-insert {font-size: 28px; line-height: 34px;  min-width: 200px !important; padding: 10px 0px 10px 0px;/* font-family: 'GillSans-CondensedRegular', sans-serif!important;*/ font-family: "GillSans-CondensedRegular"; vertical-align: middle !important; }
}

/*//버튼(login)*/
.btn-login {background-color: #002956 !important; border: 2px solid #ffffff;  color: #ffffff !important; border-radius: 0px !important; min-width: 90px !important; box-shadow: none;}
.btn-login:hover {background: #EDEFF3 !important; box-shadow: none; color: #CE2023 !important; border-color: #EDEFF3;}
.btn-login:focus, .btn-insert.focus {background: #EDEFF3 !important; box-shadow: none; color: #EDEFF3 !important; border-color: #EDEFF3;}
@media (max-width: 1200px) {
	.btn-login {background-color: #002956 !important; border: 2px solid #ffffff; color: #ffffff !important; border-radius: 0px !important; width: 90px !important;}
}
@media (max-width: 998px) {
	.btn-login {background-color: #002956 !important; box-shadow: none; border: 2px solid #ffffff; color: #ffffff !important; border-radius: 0px !important; width: 90px !important; }
}
 @media (max-width: 768px) {
	.btn-login {background-color: #002956 !important;box-shadow: none; border: 2px solid #ffffff; color: #ffffff !important; border-radius: 0px !important; width: 90px !important;}
}

/*--------------------------------------------------------------
# 버튼 설명
--------------------------------------------------------------*/
.visit_box{  text-align:center; margin-bottom: 50px !important; border-radius: 0px;  }
.visit_text_box{  width: 280px; padding: 20px 0px 0px 0px; }
.visit_text{ font-size: 22px; line-height: 28px; font-family: 'Minion Pro', sans-serif!important;  text-align:center; }

/*--------------------------------------------------------------
# jumbotron
--------------------------------------------------------------*/
.jumbotron { padding: 0; margin-bottom: 0rem; margin-top: 120px; background-color: #e9ecef; border-radius: none; }
.jumbotron_p{ color:#ffffff; font-size: 43px; line-height: 43px; font-family: "Minion Pro", serif; margin-bottom: 0px;}
	.jumbotron_h1 { font-size: 106px; line-height: 128px;  /*font-family: "GillSans-CondensedRegular", serif;*/ font-family: "GillSans-CondensedRegular";} 

@media (max-width: 1200px) {
	.jumbotron { padding: 0; margin-top: 100px;}
	.jumbotron_p{ color:#ffffff; font-size: 43px; line-height: 41px; font-family: "Minion Pro", serif;}
	.jumbotron_h1{ font-size: 74px; line-height: 80px;  /*font-family: "GillSans-CondensedRegular", serif;*/ font-family: "GillSans-CondensedRegular"; } 
}
@media (max-width: 998px) {
	.jumbotron { padding: 0; margin-top: 90px;}
	.jumbotron_p{ color:#ffffff; font-size: 30px; line-height: 32px; font-family: "Minion Pro", serif;}
	.jumbotron_h1{ font-size: 54px; line-height: 60px;  /*font-family: "GillSans-CondensedRegular", serif;*/ font-family: "GillSans-CondensedRegular";} 
}
 @media (max-width: 768px) {
	.jumbotron { padding: 0; margin-top: 80px; }
	.jumbotron_p{ color:#ffffff; font-size: 18px; line-height: 28px; font-family: "Minion Pro", serif; letter-spacing:-0.5px;}
	.jumbotron_h1  { /*font-family: "GillSans-CondensedRegular", serif;*/ font-size: 34px;line-height: 40px;color: #fff; padding: 0; font-family: "GillSans-CondensedRegular";}
}

/*--------------------------------------------------------------
# 메인 배경이미지
--------------------------------------------------------------*/
.sub_visual {  position: relative;  margin: 0px auto 50px auto; height: 400px; overflow: hidden; background-repeat: no-repeat; background-position: center center; } 

.main_bg { max-width: 100% !important;  height: 400px !important;  background:url(/resources/assets/img/ci_main_bg.jpg) no-repeat; background-size: cover;  background-position: center; /*top: 70px ;*/ }
@media (max-width: 1200px) {
	.main_bg { max-width: 100% !important; height: 320px !important;  background:url(/resources/assets/img/ci_main_bg.jpg) no-repeat; background-size: cover; background-position: center;}
	
}
@media (max-width: 998px) {
	.main_bg { max-width: 100% !important; height: 280px !important;  background:url(/resources/assets/img/ci_main_bg.jpg) no-repeat; background-size: cover; background-position: center;}
}

@media (max-width: 768px) {
	.main_bg {max-width: 100% !important; height: 230px !important;  background:url(/resources/assets/img/ci_main_bg.jpg) no-repeat; background-size: cover; background-position: center; }
	.sub_visual {  position: relative;  margin: 0px auto 40px auto; height: 400px; overflow: hidden; background-repeat: no-repeat; background-position: center center; } 
}

/*// 작은 사이즈에서만 적용 */
@media screen and (max-width:991px) {
	.section_mb_100{ margin-bottom: 100px;}
	.section_mb_150{ margin-bottom: 150px;}
}