/*!
 * Start Bootstrap - Creative v3.3.7+1 (http://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
html, body {height: 100%;width: 100%;}
body {font-family:'NanumBarunGothic','Nanum Barun Gothic',  sans-serif; }
hr {border-color: #F05F40;border-width: 3px;max-width: 50px;}
hr.light {  border-color: white;}
a {-webkit-transition: all 0.35s;-moz-transition: all 0.35s;transition: all 0.35s;color: #555;}
a:hover, a:focus {  color: #eb3812;}
h1, h2, h3, h4, h5, h6 {font-family:'NanumBarunGothic','Nanum Barun Gothic',  sans-serif; }
h2 { font-size:40px; font-weight:bold}
p {  font-size: 16px;  line-height: 1.5;  margin-bottom: 20px;}

.acc { color:#2ccbce}

.root_daum_roughmap .cont {display: none; }

.bg-primary {  background: #ef514a }
.bg-dark {background-color: #222222;color: white;}
.bg-greeting {background:#3a3a3a url(../img/bg_greeting.jpg) 0 100% no-repeat;color:#fff; background-size:cover; }
.bg-biz {background:#fff;  }
.bg-history { background:#a2a3a7 url(../img/biz_org.jpg) 0 100% no-repeat;  color: white; background-size:cover; }
.bg-noti { background:#ececec;}
.bg-solu { background:#333451 url(../img/bg_solu.jpg) 0 0 no-repeat ; color:#fff;  background-position: center; background-size:cover;  }
.bg-copy {background:#363636; color:#fff;}
.bg-certi { background:#d9d9d9 url(../img/bg_certi.jpg) 0 0 no-repeat ; color:#fff;  background-position: center; background-size:cover;  }

.text-faded {  color: rgba(255, 255, 255, 0.8); font-size:16px;}
section {  padding: 100px 0;}
aside {  padding: 50px 0;}
.no-padding { padding: 0;}
.navbar-default {
  background-color: white;
  border-color: rgba(34, 34, 34, 0.05);
  font-family:'NanumBarunGothic','Nanum Barun Gothic',  sans-serif; 
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.navbar-default .navbar-header .navbar-brand {
  color: #F05F40;
  font-family:'NanumBarunGothic','Nanum Barun Gothic',  sans-serif; 
  font-weight: 700;
  text-transform: uppercase;
  
}
.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
  color: #eb3812;
}
.navbar-default .navbar-header .navbar-toggle {
  font-weight: 700;
  font-size: 12px;
  color: #222222;
  text-transform: uppercase;
}

.navbar-default .nav { margin-top:10px;}
.navbar-default .nav > li > a {   padding:10px 20px;}
.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus {
  text-transform: uppercase;
  font-weight: 700;
  font-size:16px;
  color: #222222;

}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover {
  color: #F05F40;
}
.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:focus {
  color: #F05F40 !important;
  background-color: transparent;
}
.navbar-default .nav > li.active > a:hover,
.navbar-default .nav > li.active > a:focus:hover {
  background-color: transparent;
}

.greeting {    color: rgba(255, 255, 255);    font-size: 16px;}
.greeting h2 { color: #00f5ff;}
.greeting p {margin-bottom: 60px;}
.greeting strong { font-size: 22px;}

.protit { font-size: 38px; font-weight: bold;}
.experdb { padding-top: 20px; margin-bottom: 40px; }
.experdb img { width: 100%; }
.experdbText { font-size: 26px; font-weight: bold;}
.experdbText span {  display: block;}

.qupidtit { font-size: 38px; font-weight: bold; margin-top: 40px; text-align: left;}
.qupid { line-height: 54px; text-align: left; margin-top: 40px;}
.qupidList { font-size:18px; text-align: left; margin-top: 30px; margin-bottom: 100px; color: #eee; padding: 0; clear: both;}
.qupidList li { margin-bottom: 20px;}

.pro { padding:0 30px 0 65px; text-align: left;}
.pro span { display: block;}
.pro h3 {font-size: 16px;}
.pro ul { padding-left:14px; font-size: 13px; color: #767676; }

.pro1 { background:url(../img/pro_1.jpg) 0 20px no-repeat; }
.pro2 { background:url(../img/pro_2.jpg) 0 20px no-repeat; }
.pro3 { background:url(../img/pro_3.jpg) 0 20px no-repeat; }
.pro4 { background:url(../img/pro_4.jpg) 0 20px no-repeat; }
.pro5 { background:url(../img/pro_5.jpg) 0 20px no-repeat; }
.pro6 { background:url(../img/pro_6.jpg) 0 20px no-repeat; }
.pro7 { background:url(../img/pro_7.jpg) 0 20px no-repeat; }
.pro8 { background:url(../img/pro_8.jpg) 0 20px no-repeat; }

.contact { text-align:center; margin-top:30px}
.contact h3 { color:#f16123; font-size:21px; margin-bottom:36px}
.contact p { color:#666; font-size:13px; line-height:24px}
.contact p a.popBtn { display:inline-block; padding:5px 15px; background:#ed514e; color:#fff; border-radius:4px; margin-top:10px}
.contact  .map { width:100%; }

.copyright { color: #c0c0c0;}
.flogo { padding-right: 30px;}


.noticeImg { background:#fff url(../img/noti_04.jpg) 0 0 no-repeat ; background-size: cover; padding: 35px 20px;    height: 240px;}



@media (max-width: 1199px)   {

.experdbText span {  display: inline-block;}
.qupid { text-align: center; margin-top: 0px;}
.qupidtit { text-align: center;}
.flogo { padding-right: 0px; margin-bottom: 20px;}



}

@media (max-width: 1199px) and (min-width: 991px)  {
  .navbar-default .nav > li > a,
  .navbar-default .nav > li > a:focus { font-size:14px;  }
  .navbar-default .nav > li > a { padding:10px 10px;}

}

@media (min-width: 1200px) {
  .navbar-default .nav > li > a,
  .navbar-default .nav > li > a:focus { font-size:16px;  }
  .navbar-default .nav > li > a { padding:10px 20px;}
  
  .notiText h3 { font-size:24px}
}



@media (max-width: 991px)  and (min-width:768px) {

  .navbar-default .nav > li > a,
  .navbar-default .nav > li > a:focus { font-size:13px;  }
  .navbar-default .nav > li > a { padding:10px 15px;}


  .notiText { height:auto; }
  



.noticeImg { background:#fff url(../img/noti_04.jpg) 0 0 no-repeat ; background-size: cover; padding: 35px 20px;      width:90%; margin:0 5% 20px 5%; background-position:0}

  
}


header {
  position: relative;
  width: 100%;
  min-height: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  background-position: center;
  background-image: url('../img/header.jpg');
  text-align: center;
  color: white;
}
header .header-content {
  position: relative;
  text-align: center;
  padding: 100px 15px 100px;
  width: 100%;
}

header .header-content .header-content-inner h1 {
  font-weight: 700;
  text-transform: uppercase;
  margin-top:0;
  margin-bottom:70px;
  font-size: 30px;
}
header .header-content .header-content-inner h1  img { width:100%}


header .header-content .header-content-inner hr {
  margin: 30px auto;
}

header .header-content .header-content-inner h2 {
  font-weight: 600;
  color:#fff;
  font-size: 90px;
  margin-bottom: 50px;
}

header .header-content .header-content-inner p {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
  font-size: 22px;
  margin-bottom: 50px;
}


@media (max-width: 767px)  {
.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus { font-size:14px;  }

header .header-content .header-content-inner h1 {
  margin-bottom: 40px;
    margin-top: 60px;
}

header .header-content .header-content-inner h2 {
  font-size: 36px;
   margin-bottom: 50px;
}

header .header-content .header-content-inner p {
  font-size:15px;
   margin-bottom:20px;  
}

.greeting p { margin-bottom: 30px;}	
.greeting strong { font-size: 17px;}


.experdbText  {  font-size: 20px;}

.pro { margin-bottom: 40px; margin-left:20px ;}
.pro span { display: inline;}

.pro1 { background:url(../img/pro_1.jpg) 0 0 no-repeat; }
.pro2 { background:url(../img/pro_2.jpg) 0 0 no-repeat; }
.pro3 { background:url(../img/pro_3.jpg) 0 0 no-repeat; }
.pro4 { background:url(../img/pro_4.jpg) 0 0 no-repeat; }
.pro5 { background:url(../img/pro_5.jpg) 0 0 no-repeat; }
.pro6 { background:url(../img/pro_6.jpg) 0 0 no-repeat; }
.pro7 { background:url(../img/pro_7.jpg) 0 0 no-repeat; }
.pro8 { background:url(../img/pro_8.jpg) 0 0 no-repeat; }

.flogo { text-align: center;}
.copyright { text-align: center; font-size: 11px;}
.contact span {display: block; }

 }


@media (min-width: 768px) {

  .navbar-default {
    background-color: #fff;
    border-color: rgba(255, 255, 255, 0.3);
  }
  .navbar-default .navbar-header .navbar-brand {
    color: rgba(255, 255, 255, 0.7);
  }
  .navbar-default .navbar-header .navbar-brand:hover,
  .navbar-default .navbar-header .navbar-brand:focus {
    color: white;
  }
  .navbar-default .nav > li > a,
  .navbar-default .nav > li > a:focus {
    color:#000;
  }

  .navbar-default .nav > li > a:hover,
  .navbar-default .nav > li > a:focus:hover {
    color: white;
  }
  
  .navbar-default.affix {
    background-color: white;
    border-color: rgba(34, 34, 34, 0.05);
  }
  .navbar-default.affix .navbar-header .navbar-brand {
    color: #F05F40;
    font-size: 14px;
  }
  .navbar-default.affix .navbar-header .nav99bar-brand:hover,
  .navbar-default.affix .navbar-header .navbar-brand:focus {
    color: #eb3812;
  }
  .navbar-default.affix .nav > li > a,
  .navbar-default.affix .nav > li > a:focus {
    color: #222222;
  }
  .navbar-default.affix .nav > li > a:hover,
  .navbar-default.affix .nav > li > a:focus:hover {
    color: #F05F40;
  }
  

  .notiText h3 { font-size:18px}


}





@media (min-width: 768px) {
  header {
    min-height: 100%;
  }
 
  header .header-content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 50px;
  }
  header .header-content .header-content-inner {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  
  header .header-content .header-content-inner h1  img { width: inherit}

  header .header-content .header-content-inner p {
    font-size: 21px;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;

  }
}

 
.section-heading {
  margin-top: 0;
}
/*.service-box {
  max-width: 400px;
  margin: 50px auto 0;
}
*/


@media (min-width: 992px) {
  
  .service-box {
    margin: 20px auto 0;
  }
}
.service-box p {
  margin-bottom: 0;
}




.call-to-action h2 {
  margin: 0 auto 20px;
}
.text-primary {
  color: #F05F40;
}
.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}
.btn-default {
  color: #222222;
  background-color: white;
  border-color: white;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #222222;
  background-color: #f2f2f2;
  border-color: #ededed;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: white;
  border-color: white;
}
.btn-default .badge {
  color: white;
  background-color: #222222;
}
.btn-primary {
  color: white;
  background-color: #F05F40;
  border-color: #F05F40;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: white;
  background-color: #ee4b28;
  border-color: #ed431f;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #F05F40;
  border-color: #F05F40;
}
.btn-primary .badge {
  color: #F05F40;
  background-color: white;
}
.btn {
  font-family:'NanumBarunGothic','Nanum Barun Gothic',  sans-serif; 
  border: none;
  border-radius: 300px;
  font-weight: 700;
  text-transform: uppercase;
}
.btn-xl {
  padding: 15px 30px;
}
::-moz-selection {
  color: white;
  text-shadow: none;
  background: #222222;
}
::selection {
  color: white;
  text-shadow: none;
  background: #222222;
}
img::selection {
  color: white;
  background: transparent;
}
img::-moz-selection {
  color: white;
  background: transparent;
}
body {
  webkit-tap-highlight-color: #222222;
}



.notiIMG { background:#f4f4f4; text-align:center; padding:77px 0;}
.notiText { background:#ffffff;  padding:35px 20px; height:240px; text-align:left}
.notiText span.btn { display:block; margin-top:10px}



@media (max-width: 991px)  and (min-width:768px) {

 
  .notiIMG { padding:30px 0; width:90%;  margin:0 5%;}
  .notiText {  height:200px;  width:90%; margin:0 5% 20px 5%; }

  .bizList ul { list-style:none; }
  .bizList  ul  li {  padding-left:0; background:none; text-align:center}

}