@charset="utf-8";

/*reset*/
	
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body {
    font-family: "Nanum Gothic", sans-serif;
}


a {color: #292b2a;  text-decoration:none;}
a:visited {color:#292b2a;}
a:hover {color:#292b2a;}

h1,h2,h3,h4,h5,h6 {margin:0;} /*부트스트랩에서 기본으로 설정한 마진값을 모두 0으로 초기화*/

/*top-bar*/
.top-bar {padding:10px 0; background:#0c4da2; border-bottom:1px solid #222;}
.hp-number a i {display:inline-block; color:#fff; }
.hp-number a i:hover {color:#fff; background:#ffa600; width:25px; height:25px; line-height:25px;  text-align:center; border-radius:2px;  }
.hp-number p span {color:#fff;}


.social {text-align:right;}
.social-ul {display:inline-block; list-style:none; padding:0; margin:0;}
ul.social-ul li {display:inline-block;}
#header .search {display:inline-block;}
ul.social-ul li a {display:inline-block; color:#fff; background:#ffa600; width:25px; height:25px; line-height:25px;  text-align:center; border-radius:2px; transform:scale(1);}
ul.social-ul li a:hover { background-color:#fff;  color:#ffa600; transition:all 1s ease 0s; transform:scale(1.1);}
.search i{display:inline-block; color:#fff; transform:scale(1);}
.search i:hover { color:#ffa600; background-color:#fff; width:25px; height:25px; line-height:25px;  text-align:center; border-radius:2px;transition:all 1s ease 0s; transform:scale(1.1); }
input.search-form {background:transparent; border:0 none; padding:0 10px; color:#fff; width:70px; transition:all 400ms;}
input.search-form:hover {width:150px;}


/*navigation*/

.mynav {
    position: relative;
    min-height: 75px; /*로고 높이값*/
	margin-top:5px;
    margin-bottom: 5px;
    border: 0 none; /*1.이렇게 고쳐야 부트file:///C:/Users/smart-14/Desktop/%EB%B6%80%ED%8A%B8%EC%8A%A4%ED%8A%B8%EB%9E%A9/sub1.html스트랩의 스타일시트가 적용안됨.*/

    background-color: #fff;
    border-color: transparent; /*2.투명으로 고치거나  none으로 해야 위아래 선이 없어진다.*/
	}
	
.navbar-nav > li > a {
    padding:10px 15px;
}

.mymenu {margin-top:17px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	
    color: #fff;
    background-color: #ffa600;
	border-radius:2px;
}


.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #ffa600;
    background-color: transparent;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #ffa600;
    background-color: transparent;
}



.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0;
    margin: 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}


.dropdown-menu > li > a {
    display: block;
    padding: 10px 10px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
	text-indent:20px;
}



.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #ffa600;
	transition:all 1s ease 0s;
}



.dropdown-menu .divider {
    height: 1px;
    margin: 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.navbar-brand {
    float: left;
    height: 75px;
    padding: 0px 0px;
    font-size: 18px;
    line-height: 20px;
}


	
/*carousel*/

#main-slider{position:relative; margin:0 padding:0;}
.img-responsive{width:100%;}


.carousel-indicators .active {
	width: 30px;
	height: 30px;
	margin: 0;
	background-color: #fff;
	
}
.carousel-indicators li {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-color: rgba(0,0,0,.2);
    border-radius: 100px;
	border:0 none;
	
}




.carousel-controlleft {
	position:absolute; left:3%;
	top:50%; font-size:30px; color:#fff;  margin-top:-25px; width:40px; height:40px; line-height:40px; text-align:center; z-index:5; transform:scale(1);
}

.carousel-controlleft:hover {
	position:absolute; left:3%;
	top:50%; font-size:30px; color:#fff; background-color:#259ed8; margin-top:-25px; width:40px; height:40px; line-height:40px; text-align:center; z-index:5; border-radius:2px; 
	transition:all 1s ease 0s; transform:scale(1.1);
}


.carousel-controlright {
	position:absolute; right:3%;
	top:50%; font-size:30px; color:#fff;  margin-top:-25px; width:40px; height:40px; line-height:40px; text-align:center; z-index:5; transform:scale(1);
}



.carousel-controlright:hover {
	position:absolute; right:3%;
	top:50%; font-size:30px; color:#fff; background-color:#259ed8; margin-top:-25px; width:40px; height:40px; line-height:40px; text-align:center; z-index:5; border-radius:2px; 
	transition:all 1s ease 0s; transform:scale(1.1);
}

.carousel-caption {
    position: absolute;
    top: 25%;
    left: 15%;
    z-index: 10;
    color: #fff;
    text-align:center;
	padding-top:0;
	bottom:0;
   text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

.carousel-caption h1{font-size:42px; font-weight:400;}
.carousel-caption h1{font-size:42px; font-weight:600;}
.carousel-caption .btn-slide {padding:10px 20px;  color:#fff; text-decoration:none; border-radius:2px; margin-top:20px; display:inline-block; border:1px solid #fff; transform:scale(0.9);}
.carousel-caption .btn-slide:hover {padding:10px 20px; background:#259ed8; color:#fff; text-decoration:none; border-radius:2px; margin-top:20px; display:inline-block;
transition:all 1s ease 400ms; transform:scale(1);}



/*presentation*/

#presentation {background:#f2f2f2; padding:70px 0 40px 0;}
#presentation h1 {font-size:36px; color:#4e4e4e; margin-bottom:20px;}
#presentation h2 {font-size:20px;}
.lead {font-size:15px; color:#4e4e4e; line-height:24px;}
.line {background:#dddbdb; height:1px;}
#presentation i {font-size:48px; color:#ffa600; width:110px; height:110px; border-radius:100%; line-height:110px; transform:scale(1);}
#presentation I:hover {color:#fff; background:#ffa600; transition:all 1s ease 0s; transform:scale(1.3); cursor:pointer;}
#presentation p.lead span {color:#78a954; }
.p55 {padding-bottom:55px;}
.pt55 {padding-top:55px;}

/*pressroom*/

#pressroom {background:url(../images/bg0.jpg) no-repeat center top; background-size:cover;  padding-bottom:75px; padding-top:75px;}
#pressroom h1{font-size:36px; color:#fff;}
#pressroom p.lead {color:#fff;}
#pressroom h2 {font-size:20px; color:#4e4e4e;}
#pressroom ul li a {font-size:14px; color:#fff; display:inline-block; height:30px; line-height:30px; }
#pressroom ul li a:hover{text-decoration:none; }
/*#pressroom ul li a:hover{text-decoration:none;  background:#f6f6f6; color:#787878;}*/
/*#pressroom ul li {border-bottom:1px dashed #787878;}*/
#pressroom ul li:nth-child(4){border-bottom:0 none;}

ul, ol {margin:0; padding:0; list-style:none;}
#pressroom .white {	padding: 15px 17px 15px 17px; background-color: rgba(255,166,0,1);	border: 0 none;}
/*#pressroom .white { padding:15px 17px 15px 17px; background-color:rgba(255,0,0,0.5); border:1px solid #ccc;}*/
/*#pressroom. white {background-color:rgba(255,0,0,0.3);}*/
#pressroom .white img{width:100%;}
#pressroom .white h2 {color:#fff; margin-top:5px; font-weight:500;   padding:5px; text-align:right;}
/*#pressroom .white {padding:40px 17px 15px 17px; background-color:rgba( 255,255, 255, 0.3)}*/
#pressroom .white ul {margin-top:10px;}
/*#pressroom .row .msover {background:url(../images/d1.jpg) no-repeat center center; background-size:cover;   transform:scale(1);cursor:pointer; }*/
/*#pressroom .row .msover:hover{background:url(../images/d10.jpg) no-repeat center center; background-size:cover; opacity:1; transform:scale(1.1); transition:all 1s ease 0s;cursor:pointer; }*/
/*#pressroom .row .msover1 {background:url(../images/d2.jpg) no-repeat center center; background-size:cover;   transform:scale(0.9);cursor:pointer; }*/
/*#pressroom .row .msover1:hover{background:url(../images/d20.jpg) no-repeat center center; background-size:cover; opacity:1; transform:scale(1); transition:all 1s ease 0s;cursor:pointer; }*/
/*#pressroom .row .msover2 {background:url(../images/d3.jpg) no-repeat center center; background-size:cover;   transform:scale(0.9);cursor:pointer; }*/
/*#pressroom .row .msover2:hover{background:url(../images/d30.jpg) no-repeat center center; background-size:cover; opacity:1; transform:scale(1); transition:all 1s ease 0s;cursor:pointer; }*/
.t{text-align:right;}
.m30 {margin-top:30px;}


/*qlink  패딩으로 높이값 만든다.*/
#qlink {padding:30px 0 30px 0; background:#f2f2f2;}
.qwhite {background-color:rgba(255,255,255,0.5); border-radius:2px; border:1px solid #ccc; padding:30px 0 35px 17px; min-height:160px; } 
.qgo{background-color:rgba(255,255,255,0.5); border-radius:2px; border:1px solid #ccc; padding:30px 0 35px 17px; min-height:160px;} 
.qwhite img{float:left; margin-right:25px;}
.qwhite h3 span {display:block; color:#ffa600; font-size:15px;}
#qlink h2 {font-size:20px; color:#4e4e4e;}
#qlink h3 {font-size:15px; color:#4e4e4e; margin-bottom:-2px;}
#qlink h3 p {font-size:20px; color:#4e4e4e;}


 /*footer*/
#footer {background:#0c4da2;  color:#fff; height:60px; line-height:60px; overflow:hidden;}
#footer ul li a {color:#fff; text-decoration:none;  }
.pro {text-align:right;}
.pro ul {display:inline-block;}
#footer ul li {float:left; padding-right:15px;}


/*sub1*/
#sub1-sb {background:#0c4da2;padding:50px 0; color:#fff; text-align:center; } /*안쪽그룹의 높이는 padding으로*/

#wrap {background:#f2f2f2; padding:20px 0 65px 0;} /*전체 랩 그룹을 기준으로 상하 를 띄워 높이값 생성*/
.sub-nav{background:#fff; padding:55px 20px 25px;} /*상 좌우 하*/
.sub-nav h1{font-size:24px; color:#4e4e4e; font-weight:500;}
.sub-nav span{font-size;12px; color:#787878;}
.sub-nav ul{padding-top:32px;}
.sub-nav li {height:45px; line-height:45px; border-bottom:1px solid #e5e5e5;}
.sub-nav li:first-child {border-top:1px solid #e5e5e5;}
.sub-nav a{text-decoration:none; color:#787878; font-weight;600;}
.sub-nav li.on a{color:#7ec343;}


/*sub contents*/

.sub-content {background:#fff; padding:50px 30px 120px;}
.breadcrumb { margin-bottom: 50px; list-style:none; background: none;  border-radius:0px;}
.sub-content h1 {font-size:36px; color:#000; padding-bottom:35px;}
.mytab{padding-top:30px;}
.sub-content img {width:100%;}
.nav > li > a { position: relative; display: block;  padding: 10px 40px; }
.nav-tabs { border-bottom:0 none;}
.nav-tabs > li > a { margin-right: 10px;  line-height: 1.42857143; border: 1px solid #e5e5e5;  border-radius:0;}
.nav-tabs > li > a:hover{transition:all 1s ease 0s;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: #fff; cursor: default;  background-color: #7ec343; 
 border: 1px solid #e5e5e5; border-bottom-color:#e5e5e5;  border-radius: 4px 4px 0 0;}
 
 .pic{ margin-bottom:40px;}
 .text-box h2{color:#fff; font-size:20px;  margin-bottom:10px; border:1px solid #ddd; padding:10px; background:#0c4da2;}
 .text-box p.dark{color:#000; margin-bottom:20px; line-height:1.2;}
 .text-box p.light {color:#666; margin-bottom:20px; line-height:1.2;}
 .t{text-align:right;}


 /*sub2 css*/
 
 .newslist .total {display:inline-block;}  /*p태그인 블럭요소를 인라인요소로 바꿔야 폼이 위로 올라온다*/
 .newsdetail {padding-top:30px;}
 
 /*pagination*/

  .pagination > li > a, .pagination > li > span {
	
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 0 none;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
	color: #0c4da2;
	background:0 none;
	border-color:0 none;
}
 .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
	color: #23527c;
	background-color: #none;
	border-color: #ddd;
}

 
.m-prnews{display:none;}
 
 
@media(max-width:768px) {
	.hp-number .phone {display:none;}
	.hp-number a i{color:#fff; background:#ffa600; width:25px; height:25px; line-height:25px;  text-align:center; border-radius:2px; }
	.carousel-caption h1{font-size:20px;}
	.carousel-caption h2{font-size:15px; }
	.carousel-caption .btn-slide {display:none;}
	#sub1-sb,.sub-nav, .breadcrumb {display:none;}
	.nav-tabs li {width:50%; float:left; text-align:center;} /*인사말 프로필메뉴부분이 2개로 가로배치*/
	.nav-tabs li a {padding:10px 0 10px 0;}
	.sub-content{padding:30px 10px 10px;}
	.sub-content h1 {font-size:20px; color:#000; padding-bottom:20px;}
	.text-box h2{font-size:15px; color:#0c4da2; border-bottom:1px solid #ddd; background:none;}
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {padding: 5px 15px 5px 65px;}
	.prnews{display:none;}
	.m-prnews{display:block;}
	}

.span{font-size:8px;}