@charset "utf-8";
/* CSS Document */

/* 초기화 */
html, body {font-size:14px; line-height:1.7em; font-family:'Nanum Myeongjo', serif; color:#202020; height:100%;}

@media (max-width: 991px) {
html, body {font-size:13px;}
}

@media (max-width:575px) {
html, body {font-size:12px;}
}

a {color:#202020;}
a:hover,
a:focus {
  color:inherit;
  text-decoration: underline;
}

/*label {margin:0; font-weight:400;}
strong, table th, .bo_notice td a, table th label {font-weight:500;}
b, strong, dt {font-weight:500;}*/

ol, ul, dl, p {margin:0;}


.btn, 
.label,
.img-thumbnail, 
.navbar,
.nav-pills > li > a, 
.nav-tabs > li > a,
.navbar-toggle,
.alert, 
.progress,
:first-child.list-group-item,
:last-child.list-group-item,
.panel,
.panel-heading,
.well,
.container .jumbotron, 
.container-fluid .jumbotron,
.dropdown-menu,
.form-control,
.pagination > li:first-child > a, 
.pagination > li:first-child > span,
.pagination > li:last-child > a, 
.pagination > li:last-child > span
{border-radius:0 !important;}

:-ms-input-placeholder.form-control {color:inherit;}
.form-control {padding-left:10px; padding-right:10px; /*height:36px;*/ font-size:inherit; color:inherit;
  -webkit-box-shadow:none;
          box-shadow:none;

}

.checkbox-inline, 
.radio-inline {margin-left:0 !important; margin-right:1em;}

input[type=checkbox], input[type=radio] {margin-top:-.4em;}

.checkbox-inline input[type=checkbox],
.radio-inline input[type=radio] {top:50%; margin-top:0;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-o-transform:translateY(-50%);
}

.checkbox-inline .form-inline .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0;}

.txt_noto label, .txt_noto b, .txt_noto strong, .txt_noto th {font-weight:500;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight:bold;}

.container {
  width:auto;	
  max-width: 1230px;
}

.container2 {
  max-width: 1520px;
}

.container2 {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}


@media (min-width: 992px) {
.container-fluid {padding:0 3.12%;}

}


@media \0screen\,screen\9 {
.container {
  width: 1230px !important;
}

.container2 {
  width: 1520px !important;
}	
}

@media \0screen\,screen\9 {
.container {
  width: 1200px !important;
}

.container2 {
  width: 1490px !important;
}	
}


.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: 0;
  margin-left: 0;
}

@media (max-width: 767px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}


@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .navbar-toggle {
    display: block;
  }
}

@media (max-width: 991px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  .navbar-nav .dropdown-menu > li > a,
  .navbar-nav .dropdown-menu .dropdown-header
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
  
}

@media (min-width: 768px) and (max-width: 991px) {
	.navbar-nav .dropdown-menu,	
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
	}
	.navbar-nav .open .dropdown-menu > li > a {
		line-height: 20px;
	}
	.navbar-nav .open .dropdown-menu > li > a,
	.navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 5px 15px 5px 25px;
	}
	.dropdown-menu > li > a {
		display: block;
		padding: 3px 20px;
		clear: both;
		font-weight: normal;
		line-height: 1.42857143;
		color: #333;
		white-space: nowrap;
	}
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        /*margin: 7.5px -15px;
		margin: 7.5px 50px 7.5px -15px*/
		margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}

.carousel-control {z-index:50;}

@media \0screen\,screen\9 {
.carousel-indicators li {background-color:transparent;}
}

@media screen\9 {
.carousel-indicators {zoom:1; width:auto; margin-left:-27px;}
.carousel-indicators:after {display:block;visibility:hidden;clear:both;content:""}
.carousel-indicators li {margin:1px 3px; float:left; display:block;}
}


legend {
  display: block;
  width:auto;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom:none;
}

.col-xsm-1, .col-xsm-2, .col-xsm-3, .col-xsm-4, .col-xsm-5, .col-xsm-6, .col-xsm-7, .col-xsm-8, .col-xsm-9, .col-xsm-10, .col-xsm-11, .col-xsm-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media screen\9 {
.clearfix, 
.row {
zoom:1;}
.clearfix:after, 
.row:after {
display:block;visibility:hidden;clear:both;content:""}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xsm-1, .col-xsm-2, .col-xsm-3, .col-xsm-4, .col-xsm-5, .col-xsm-6, .col-xsm-7, .col-xsm-8, .col-xsm-9, .col-xsm-10, .col-xsm-11, .col-xsm-12 {
  padding-right: 0;
  padding-left: 0;
}


}


.visible-pc {}
.visible-tab {}
.visible-mo {display:none;}

@media (max-width: 575px) {
.visible-tab {display:none;}	
.visible-mo {
  display: block !important;
}
table.visible-mo {
  display: table !important;
}
tr.visible-mo {
  display: table-row !important;
}
th.visible-mo,
td.visible-mo {
  display: table-cell !important;
}
}

@media (max-width: 991px) {
.visible-pc {display:none;}
}


/*버튼*/
/*.btn-black {
  color: #fff;
  background-color: #555;
  border-color: #333;
}
.btn-black:focus,
.btn-black.focus {
  color: #fff;
  background-color: #444;
  border-color: #333;
}
.btn-black:hover {
  color: #fff;
  background-color: #444;
  border-color: #333;
}*/
.btn-black {
  color: #fff;
  background-color: #444;
  border-color: #333;
}
.btn-black:focus,
.btn-black.focus {
  color: #fff;
  background-color: #333;
  border-color: #333;
}
.btn-black:hover {
  color: #fff;
  background-color: #333;
  border-color: #333;
}

.btn-gray {
  color:#333;
  background-color: #f3f3f3;
  border-color: #adadad;
}
.btn-gray:focus,
.btn-gray.focus {
  color:#333;
  background-color: #eaeaea;
  border-color: #adadad;
}
.btn-gray:hover {
  color:#333;	
  background-color: #eaeaea;
  border-color: #adadad;
}

.btn-blue {
  color:#fff;
  background-color: #1e51b6;
  border-color: #1e51b6;
}
.btn-blue:focus,
.btn-blue.focus {
  color:#fff;
  background-color: #12359d;
  border-color: #12359d;
}
.btn-blue:hover {
  color:#fff;	
  background-color: #12359d;
  border-color: #12359d;
}

.btn {
  padding: .35em .8em .4em;
  font-size: 1em;
  transition:background-color .3s ease;
  -webkit-transition:background-color .3s ease;
  -moz-transition:background-color .3s ease;
  -o-transition:background-color .3s ease;
  
}

@media \0screen\,screen\9 {
	
.btn {
  font-size: 14px;
}
	
}

.btn-lg,
.btn-group-lg > .btn {
  /*padding: .9em 1.5em;*/
  font-size: 1.2em;
}




.pagination > li > a, .pagination > li > span {background:none; color:#666; border-color:#ccc;}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background:none;
  border-color: #444;
  color:#444;
}

/*table*/
.table-responsive {border:none;}
.table > thead > tr:first-child > th,
.table > tbody > tr:first-child > th,
.table > tfoot > tr:first-child > th,
.table > thead > tr:first-child > td,
.table > tbody > tr:first-child > td,
.table > tfoot > tr:first-child > td {
  border-top: none;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding:.8em .5em;
}


.table-condensed > tbody > tr > td, 
.table-condensed > tbody > tr > th, 
.table-condensed > tfoot > tr > td, 
.table-condensed > tfoot > tr > th, 
.table-condensed > thead > tr > td, 
.table-condensed > thead > tr > th {
  padding:.4em 5px;
}

.carousel-indicators {
  position: absolute;
  bottom: 42px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding:0;
  margin:0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  width: 47px;
  height: 4px;
  margin:0 1px;
  cursor: pointer;
  background-color:#fff;
  border:none;
  border-radius:0;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  -o-border-radius:0;
  opacity:.4;
  
}
.carousel-indicators .active {
  width: 47px;
  height: 4px;
  margin:0 1px;  
  opacity:.7;	
}


@media (min-width: 768px) and (max-width: 991px) {
.carousel-indicators {
  bottom: 6%;

}
	
.carousel-indicators li {
  width: 40px;
  height: 4px;
  
}
.carousel-indicators .active {
  width: 40px;
  height: 4px;
}
}

@media (max-width:767px) {
.carousel-indicators {
  bottom: 6%;

}
	
.carousel-indicators li {
  width: 31px;
  height: 3px;
  
}
.carousel-indicators .active {
  width: 31px;
  height: 3px;
}
}