/* reset
-------------------------------------------------- */
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); */
@import url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css);

body {
	font-family: '나눔고딕', "Nanum Gothic";
	font-size:14px;
	color:#464646;	
}
.clear {clear:both;}
.noborder { border:0 !important; }
.first_col { padding-left:0;}
.last_col { padding-right:0;}
.marginbottom { margin-bottom:50px;}
.nomargin { margin:0;}
.right {text-align:right;}
.center {text-align:center;}
.center-nongLine{text-align:center; border-left: 2px solid #464646;}
.bold { font-weight:bold; }
.btngroup {text-align:center;}
.btn-customsubmit {background-color:#00b6de; color:#fff; margin:0 5px; border-radius: 0; min-width: 80px;}
.btn-customcancel {background-color:#464646; color:#fff; margin:0 5px; border-radius: 0; min-width: 80px;}
.btn-customcancel2 {background-color:#ff9393; color:#fff; margin:0 5px; border-radius: 0; min-width: 80px;}
.btn-customsumit2 {background-color:#4ea64c; color:#fff; margin:0 5px; border-radius: 0; min-width: 80px;}
.btn-customsumit3 {background-color:#797979; color:#fff; margin:0 5px; border-radius: 0; min-width: 80px;}
.btn-customsubmit:hover, .btn-customcancel:hover {color:#fff;}

/* logo
-------------------------------------------------- */
.logo { height: 50px; display:block; margin-right: 30px;}

/* nav bar hover
-------------------------------------------------- */
.navbar { height:85px; padding-top:35px;}
.navbar-nav>li>a {  padding: 0 15px 30px 15px;}

.navbar-default {
  background-color: #ffffff;
  border: none;
}

.sidebar-nav {
    padding: 9px 0;
}

.dropdown-menu {
  min-width:auto;
  width:100%;
  background-color:#464646;
  border:0;
  border-radius: 0;
  height:45px;
  padding:0;
}
.dropdown-menu  > .subenucontainer li { float:left;}
.dropdown-menu  > .subenucontainer li a{ color:#fff; height:45px;  display: block;
    padding: 10px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;}
.subenucontainer li a { height:45px;}
.dropdown-menu  > .subenucontainer li a:hover { color:#fff; background-color:#00b6de; height:45px;     text-decoration: none;}
 .subenucontainer li a:hover { color:#fff; background-color:#00b6de; height:45px;     text-decoration: none;}
.navbar .navbar-nav .open .dropdown-menu li a { color:#fff; }
.navbar-default .navbar-nav>.open>a {  background-color:#fff; }

.navbar .navbar-nav .open .dropdown-menu li a:hover { background-color: #00b6de !important;}


.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    background-color: #fff !important;
}


.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

/*.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: 
}*/

/* mega nav bar 
-------------------------------------------------- */
.navbar-default{
color: #464646;
font-size:17px;
font-weight:bold;
background-color: #ffffff;
/*border-color: #269abc;*/
 border-bottom: 1px solid #eaeaea;
 box-shadow: 0 6px 12px rgba(0,0,0,.15);
}
.navbar-default .navbar-nav > li > a{ color:#464646;}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:active, .navbar-default .navbar-nav > li > a:after{
 color:#00b6de;
}

.navbar-default .navbar-nav > .dropdown > a .caret{
 border-top-color: #fff;
    border-bottom-color: #fff;
}

.navbar-default .navbar-brand{ color:#464646;}

.menu-large {  position: static !important;}

/*.megamenu{  padding: 8px 0px;}*/
.megamenu> li > ul {
  padding: 0;
  margin: 0;
}
.megamenu> li > ul > li {  list-style: none;}

.dropdown-menu>li>a { color:#fff;}

.megamenu> li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 45px;
  color: #fff;
  white-space: normal;
}
.megamenu> li ul > li > a:hover,
.megamenu> li ul > li > a:focus {
  text-decoration: none;
  color: #fff;
  background-color: #00b6de;
}
.megamenu.disabled > a,
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
  color: #999999;
}
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.megamenu.dropdown-header {
  color: #428bca;
  font-size: 18px;
}
@media (max-width: 768px) {
  .megamenu{
    margin-left: 0 ;
    margin-right: 0 ;
  }
  .megamenu> li {
    margin-bottom: 30px;
  }
  .megamenu> li:last-child {
    margin-bottom: 0;
  }
  .megamenu.dropdown-header {
    padding: 3px 15px !important;
 
  }
  .navbar-nav .open .dropdown-menu .dropdown-header{
 color:#464646;
  }
}

.subenucontainer { width:1170px; max-width: none !important; padding-right: 15px;    padding-left: 15px;    margin-right: auto;    margin-left: auto; position: relative;}
.submenuarea { width: 100%;;     height: 44px;  top: -1px;  background-color: #464646; box-shadow: 0 6px 12px rgba(0,0,0,.175);    /*  position: absolute;*/}

/* navbar-right
-------------------------------------------------- */
.topmenu { font-size:11px; font-weight:normal;}
ul.topmenu li a {padding: 0 10px 30px 10px;}
ul.topmenu li a:hover { color:#464646 !important;}

/* carousel
-------------------------------------------------- */
#carousel-generic .item img {width:100%; height:350px;}
.carousel-control .fa-angle-left, .carousel-control .fa-angle-right{  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;}
  
/* feature
-------------------------------------------------- */
.feature_bg { background-color:#f4f0e4; width:100%; height:95px;}
.feature01 { padding-top: 30px; padding-left: 35px; height:95px;
background-image:url(../images/feature01.png);
background-repeat: no-repeat;
background-position: right center;}
.feature02 { padding-top: 30px; padding-left: 35px; height:95px;
background-image:url(../images/feature02.png);
background-repeat: no-repeat;
background-position: right center;}
.feature03 { padding-top: 30px; padding-left: 35px; height:95px;
background-image:url(../images/feature03.png);
background-repeat: no-repeat;
background-position: right center;}
.ftitle { font-size:15px; font-weight:bold; margin-bottom: 0;}
.ftitle i { padding-left:7px;}
.fcaption { font-size:13px; font-weight:bold; }
.feature01 a,.feature02 a,.feature03 a { color:#464646;}
.feature01 a:hover,.feature02 a:hover,.feature03 a:hover { color:#464646;}

/* board
-------------------------------------------------- */
.board { padding:35px;}
.boardtitle {  font-size:15px; color:#0475ad; font-weight:bold; line-height:17px;}
.boardmore a { font-size:11px; color:#979797; float:right; line-height:17px; padding-top: 2px; text-decoration:none;}
.board_list { margin-top:15px;}
.board_list  ul { padding-left:0; margin-bottom:0;}
.board_list li {
  font-size: 13px;
  padding: 4px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.board_list li a { color:#767676;}
.board_list li a:hover { color:#767676;}

/* board
-------------------------------------------------- */
.footer {border-top:2px solid #eaeaea; height:80px;}
.footer img {margin-top: 30px; direction:block;}
.footer p { padding-top: 10px; text-align:right; float: right; display:inline-block;}
.footer p span { font-size:12px;}

/* sub_contents
-------------------------------------------------- */
.subwrap {margin-top:50px;}
.sub_left {}
.sub_title { background-color:#0475ad; border-bottom:2px solid #464646; color:#fff; font-size: 17px; font-weight: bold;padding:15px;}
.sub_left ul { list-style:none; padding-left:0;}
.sub_left ul li {padding:15px; border-bottom:1px solid #d6d6d6;}
.sub_left ul li a { font-size:15px; color:#777; letter-spacing:-1px; font-weight:bold;}
.subactive a {color:#0475ad !important;}
.sub_left ul li a:hover { text-decoration:none; color:#0475ad;}

/* breadcrumbs
-------------------------------------------------- */
.breadcrumb { background-color:#fff; font-size:13px; color:#999; padding-left:0; margin-bottom:0; text-align: right; display: inline;
    float: right;}
.breadcrumb li a { color:#999;}
.breadcrumb>li+li:before { content: ">"; }
.breadcrumb .active { color:#232323;}

/* sub contents title
-------------------------------------------------- */
.subcon_title { display: inline-block; margin-bottom: 20px;}
.subcon_title h3 { font-weight:bold; letter-spacing:1px; margin-top: 0;}
.policy_wrap {  margin-top: 10px;  border: 1px solid #cecece;  overflow: hidden; }
.policy {height: 150px;  overflow-y: scroll;  padding: 20px; }
.policy_agree { text-align:center; margin-top:5px;}


/* form
-------------------------------------------------- */
.forminfo { color:#d74959; font-size:12px; margin-bottom:5px;}
.form-required { color:#d74959; margin-left:5px; font-size: 10px;}


/* table
-------------------------------------------------- */
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {vertical-align: middle; }
.table { margin-top:7px; border-top:2px solid #464646; border-bottom: 1px solid #ddd;}
th.thcolor { background-color:#f4f4f4;}



/* admin
-------------------------------------------------- */
.adminmenu {}
.adminmenu i {width:16px; margin-right:5px;}
.admintable {}
.admintable thead tr th {letter-spacing: -1px;}
.admintable tbody tr td {font-size: 13px;  letter-spacing: -1px;}

/* 새로 추가된 css 입니다.
-------------------------------------------------- */

.subtitle a { font-size:17px; font-weight:bold;}
.subtitle .btn { padding:0 20px 0 0;}


/* popup
-------------------------------------------------- */
.popupbox { width:820px; margin:10px; }
.dailylist h5{ font-weight:bold; margin-right:20px; display:inline-block;}
.dailylist i { margin-right:5px;}
.glyphicon { font-family: 'FontAwesome'; }
.glyphicon-ok:before {
    content: "\f1c3";
	color: #fff;
	background-color:#3c763d;
	font-size: 15px;
}

/* sms
-------------------------------------------------- */
.smsbox { border:2px solid #eaeaea; padding:30px; margin: 0 15px 50px 15px;}
.mobileimg { background-image:url(../images/mobile.png);  background-repeat:no-repeat; background-position:top left;
}
.msgbox {width:272px; height:576px}
.msg {;padding-top: 90px; padding-left: 20px; width: 225px; height: 480px;}
.msg textarea { border:0; width:200px; background-color: transparent;}
.tbtag h4{ margin:0 10px 0 0; display:inline-block;}


/* 새로 추가된 css 입니다.
-------------------------------------------------- */


/* login
-------------------------------------------------- */
.loginopen {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.7);
	z-index: 99999;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
}

.loginopen:target {
	opacity:1;
	pointer-events: auto;
}

.loginbox {
	width: 350px;
	position: relative;
	margin: 5% auto;
	padding: 35px;
	border-radius: 3px;
	background-color: #f7f7f7;

}

.loginbox img{ text-align:center; width:100px;}
.loginbox h3 { margin-bottom:20px;}
.loginbox input { margin-bottom:15px;}
.loginlink a { font-weight:bold; color:#464646; font-size:13px; padding:10px 15px; display:inline-block;}


/* searchIdPass
-------------------------------------------------- */
.searchtitle, .subtitle{ color:#0475AD; font-weight:bold; font-size:17px; margin-bottom:30px; display: block;}
.searchtitle i, .subtitle i{ margin-right:7px; width: 17px;     height: 17px; vertical-align: middle;}
.searchresult {padding:15px; display: inline-block; font-weight:bold; font-size:13px;}
.resultname { font-size:17px; text-decoration:underline; padding: 0 5px;}
.resultid { font-size:17px; color:#F00027; padding: 0 5px;}


/* payinfo
-------------------------------------------------- */
.payinfolist { list-style: none; padding-left:0;}

.payinfolist li {
  padding-left: 1.2em;
  border-bottom: 1px dashed #eaeaea;
  font-weight: bold;
  line-height:40px;
  display: block;
}

.payinfolist li:before {
  content: ''; /* FontAwesome fa-angle-right 'fontawesome cheatsheet 유니코드' */
  font-family: FontAwesome;
  display: inline-block;
  width: 1.2em; 
  margin-left: -1.2em;
}​

.listbtn { display: inline-block;}
.payinfolist li > .listbtn {display: inline-block; float: right;}
.listbtn .btn, .btnpadding { padding:0 13px;}


/* 문의게시판
-------------------------------------------------- */
.qna tr { height:55px;}
.qna tr th { width:20%;} 

/* sitemap
-------------------------------------------------- */
.sitemap { list-style:none; padding-left:0;}
.sitemap li { font-size:15px; padding: 15px 0; border-bottom:1px solid #eaeaea; text-align: center; font-weight: bold;}
.sitemap li a { color:#464646;}
.sitemaptitle { font-size:17px !important; border-top:2px solid #0475ad; 
border-bottom:2px solid #464646 !important;}

/* pay
-------------------------------------------------- */
.payaddbox { background-color:#f6f6f6; padding:30px;}
.payadd { background-color:#fff; border:1px solid #cecece;     padding: 30px;}
.payadd .form-group { margin-bottom:0; margin-left:0 !important;}
.payadd .form-group select { width:150px;}


/* form
-------------------------------------------------- */
.form-inline .form-group { margin-left:10px;}
.fonticon { display: inline-block; margin-left:5px;}
.fonticon > a { padding-right: 5px;}
.blue {color:#0073a5;}
.pink {color:#dc4266;}



.paybox { border:5px solid #0475AD; padding: 30px; }
.paybg h1 { color:#F0F0F0; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 45px;}
.paydetail {border-bottom:1px dashed #eaeaea; padding-bottom:10px; text-align: right;}
.paydetail h5 { font-weight:bold; padding-left:30px; display:inline-block;}
.totalpmt { text-align:right; }
.totalpmt h2 { padding-left:10px;}
.totalpmt h4, .totalpmt h2{display: inline-block;}


.serviceInfo_box { width: 900px; margin-right: auto; margin-left: auto; padding-left: 40px;}
.serviceInfo_con { margin: 40px 30px; }
.serviceInfo_box i { line-height: 150px; font-size: 25px; color: #999; }
.srvdetail { border-radius: 10px; background-color: #fff; padding: 20px 10px 10px 10px;; width: 210px;
    margin: 0 auto; box-shadow: 0 1px 2px rgba(0,0,0,.1);}
.srvdetail h5 { color:#464646; font-weight:bold; letter-spacing: -1px;}
.srvdetail br {line-height: 20px;}
.srvdetail img { margin-bottom:10px; }



/* 2018 
-------------------------------------------------- */
.paydetail input {margin:0 5px;}
.paybg h1 {display: inline-block; float: left; margin-bottom:0;}


/* cs center
-------------------------------------------------- */
.cslist { margin-top:20px; padding-left: 30px; font-size: 13px;    width: 230px;
    margin-left: auto;
    margin-right: auto;}




/* 새로 추가된 css 입니다. 0821
-------------------------------------------------- */


.stepimg { display: inline-block; }
.joinstep_box { width:175px; height:175px; float:left; text-align:center; background-image: url("../images/joinstep_box.png");}
.joinstep_box1 { width:175px; height:175px; float:left; text-align:center; background-image: url("../images/myPageFront.png"); border-radius: 10px 10px 10px 10px; }
.stepno { background-color:#72899b; color:#fff; width: 90px; font-weight: bold; line-height: 27px; margin: 0 auto; border-radius: 0 0 10px 10px;}
.stepcon {height:148px; padding: 30px;}
.stepcon h6 {letter-spacing: -1px;}
.joinstep_arrow { width:40px; float:left; text-align:center; color:#e0e4e6;}
.joinstep_arrow i {font-size:30px; line-height: 175px;}

/* map
-------------------------------------------------- */
.map { border:5px solid #eaeaea; }
.mapinfo {list-style: none; padding-left: 10px;}
.mapinfo li {padding: 20px 0; border-bottom: 1px dashed #eaeaea; font-size: 12px;}
.mapinfo li h5 { font-weight:bold; margin: 0 0 5px 0;}


/* product
-------------------------------------------------- */
.subtitle h5 { display:inline-block;}
.pricingtitle { }
.pricingtitle img{ width:40px; height:40px;}
.pricingtitle h3, .pricingtitle h5 { font-weight:bold; display:inline-block;}
.pricingtitle span { padding-left:20px;}


.pricing-table .pricing-header {
    position: relative;
    background: #34495e;
    padding: 15px;
    text-align: center;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.pricing-title {
    color: #ffffff;
    letter-spacing: 2px;
    font-size: 24px;
    text-align: center;
    font-weight: 700;
}
.pricing-discount { text-decoration: line-through; margin-bottom: 0; font-size: 17px; font-weight:bold;}
.pricing-discount1 { margin-bottom: 0; font-size: 17px; font-weight:bold;}

 .pricing-rate {
    font-size: 34px;
    font-weight: 700;
    color: #ffffff;
    position: relative;
    text-align: center;
    letter-spacing: -1px;
}
.pricing-table .pricing-header .pricing-rate sup {
    font-size: 17px;
    position: relative;
    color: #bdc3c7;
}
sup {
    top: -0.5em;
}
sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
.pricing-table .pricing-header .pricing-rate span {
    margin-left:5px;
    font-size: 15px;
    color: #bdc3c7;
    text-transform: uppercase;
}

.pricing-list {
    padding: 20px 0 20px 0;
    background: #ffffff;
    border: 1px solid #e3e3e3;
}
.pricing-list ul {
	width: 70%;
    padding: 0px;
    display: table;
    margin: 0px auto;
}
.pricing-list ul li {
    list-style: none;
    border-bottom: 1px solid #EAECEB;
    padding-left: 40px;
    font-weight:bold;
    font-size: 15px;
    line-height: 42px;
}
.pricing-list ul li:last-child {    border: none;}
.pricing-list ul li i {    margin-right: 12px;    color: #bdc3c7;}
.productul { padding-right:40px; font-size: 13px;}
.productul li{ border-bottom: 1px dashed #eaeaea; padding: 10px 0;}

/* 이용안내 추가
-------------------------------------------------- */


/* 1안 */

.panel-group .panel {border-radius: 0;}
.panel-default { border:0; box-shadow:none; border-bottom: 1px solid #eee; }
.panel-default>.panel-heading+.panel-collapse>.panel-body { border:0;}
.panel-default>.panel-heading { padding: 15px; background-color: transparent;}
.guideimg { width:100%; background-color: #fce2c5; display: inline-block; margin-bottom: 20px;}
.guideimg img { width:900px; display: block; margin: 0 auto;}
.guideimg div { padding: 0 60px; margin-bottom: 40px;}
.guideimg p {}
.guideimg span { color: #000; font-weight: bold;}
.guideimg i {margin-right: 5px;}

/* 맥어드레스 관련 보안 설정 안내 */
.panel-default2 { border:0; box-shadow:none; }
.panel-default2>.panel-heading+.panel-collapse>.panel-body { border:0;}
.mguideimg { width:100%; background-color: #CCE4E9; display: inline-block; margin-bottom: 20px; padding-top: 20px; padding-bottom: 20px; }
.mguideimg img { width:850px; display: block; margin: 0 auto; box-shadow:0 10px 10px gray;}
.mguideimg div { padding: 0 60px; margin-bottom: 40px;}
.mguideimg p {}
.mguideimg span { color: #000; font-weight: bold;}
.mguideimg i {margin-right: 5px;}

/* 2안 */

#guide {}
#guide ul {list-style: none; padding-left:0; margin-bottom: 50px;}
#guide ul li {padding: 15px 0; border-bottom: 1px solid #eee; }
#guide ul li a {text-decoration: none; color: #464646; font-weight: bold; font-size: 15px;}
#guide ul li i {margin-right:10px;}
.guidepost {}
.guidepost_box { border-bottom: 1px dashed #ddd;}
.guidepost_box h3 {font-weight:bold; margin-bottom: 30px; }
.back-to-top { text-align: right;}
.back-to-top a{font-size: 30px;    color: #ddd;}


/* 메인화면 수정
-------------------------------------------------- */
.carousel-indicators li {border: 1px solid #AEAEAE !important; }

/* TOP에 행사중 멘트 
-------------------------------------------------- */
.disabled {   pointer-events: none;   cursor: default;}

/* mainpop
-------------------------------------------------- */
.mainpop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.7);
	z-index: 99999;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
}

.mainpop:target {
	opacity:1;
	pointer-events: auto;
}

.mainpopBox {
	width: 650px;
	/* height: 320px; */
	/* padding: 10px 0px 10px 30px; */
	padding: 10px 0px 20px 30px;
	position: relative;
	margin: 3% auto;
	border-radius: 3px;	
	/* background-color: #e7ecf5; */
	background-color: #fdfdf9; /* 참기름배경색 */
	background-repeat:no-repeat; 
}

.mainpopBox img{ text-align:center; width:96%; box-shadow:0 10px 10px gray; margin: 5px 0px 10px 0px; }
.mainpopBox h4 { margin-bottom:20px;}
.mainpopBox input { margin-bottom:15px;}

/* 축산공고 목록 검색 박스 
-------------------------------------------------- */
 .bidbox {  

background-color: #f2f2f2;  

	margin: 10px 15px 0px ;

    display: inline-block;

    border: 1px solid #ddd;

    padding: 10px 30px;

    width: 97%;}

.bidbox  .bidboxright .schoolbox {

	line-height: 67px;

    text-align: right;

    border-left: 1.5px dashed #ddd;}


/* 상단 top 추가시 */
.header_top {background-color: #F5F5F5;
    width: 100%;
    border-bottom: 1px solid #dbdbdb; height:30px;}
.header_top .gnbmenu {    font-size: 11px;    font-weight: normal;}
.header_top ul.gnbmenu li {    background: url(../images/top_dot.gif)no-repeat right;}
.header_top ul.gnbmenu li:last-child { background:none;}
.header_top ul.gnbmenu li a { padding:5px 15px; color:#464646;}
.header_top ul.gnbmenu li a:hover { background-color:transparent;}

/* 아이콘 */
.ifbox { height:95px; text-align: center;}
.ifbox > .ift {    position: absolute;
    font-weight: 900;
    font-size: 1.15em;
    top: 20%;
    left: 23%;
    color: #464646;
    text-shadow: 0px 0px 5px #ffffff;}
.ifbox img { width:110px;margin-top: 15px;}

/* 배너 */
.ifbnbox { border: 1px solid #ddd;
    border-radius: 5px;
    margin: 10px;
    padding: 10px;
    height: 75px;
	background: url(../images/ptn03.png);}
.ifcon > .ift {font-size: 1.5em;    font-weight: 700;}
.ifbnbox > img { margin-left: 20px;height: 55px;    float: left;}
.ifcon { margin: 10px 20px; display: table-cell; vertical-align:middle;    height: 55px;    padding-left: 20px;}
.ifcon ul {    padding-left: 0;margin:0;}
.ifcon ul li {display: inline; padding-right:30px; font-size:1.3em;    font-weight: 600; }
.ifcon ul li:first-child { padding-left:0;font-weight: 700;font-size:2em;padding-right: 40px;} 
.ifcon ul li:first-child::after, .ifcon ul li:last-child::after{ content:none;}
.ifcon ul li:last-child { padding-right:0;}
.ifcon ul li a { padding:10px 20px;
    border-radius: 5px;
    background-color: #4C8DB3; color:#fff; }
.ifcon ul li::after { content:'|'; padding-left:30px; font-size: 11px;color: #999;}
.ifcon ul li a:hover { text-decoration:none;background-color: #0475AD; }



/* index_bnr2.html */
/* .feature_bg2 { background:url(../images/f_bg.jpg) 50% 50%; background-size:cover;}
.ifbnbox2 {    margin: 10px;    padding: 10px;    height: 75px;}
.ifbnbox2 > img { margin-left: 20px; position: absolute; height: 55px; left: 0; top: 0; float: left;}
.ift {    font-weight: bold;    padding-left: 40px;font-size: 1.2em;}
.ifcon2 {}
.ifcon2 ul { padding:0; margin:0 auto;    width: 380px;}
.ifcon2 ul li {display: inline; padding:0 35px; font-size:1.3em;    font-weight: 600; }
.ifcon2 ul li a {font-size: 20px;}
.ifcon2 ul li i { margin-left:5px;}
.ifcon2 ul li a:hover { text-decoration:none;} */


/* index_bnr3.html */
.feature_bg3 { background-color: #e9ecef;}
.feature_bg3 ul { padding:0; list-style:none; zoom: 1; display:block; margin:30px 0;    height: 60px;}
.feature_bg3 ul li { float:left; width:191px; margin-left: -1px;   text-align: center; height:60px;}
.bbg {border: 1px solid #5896B9; background-color: #62A8CC; text-shadow: 0px 0px 3px rgba(13, 47, 98, 1);}
.gbg {border: 1px solid #39A38C; background-color: #30B886; text-shadow: 0px 0px 3px rgba(6, 71, 21, 1);}
.abg {border: 1px solid #6b6b9d; background-color: #7c7cc6; text-shadow: 0px 0px 3px rgba(13, 47, 98, 1);}
.feature_bg3 ul li a { display:block;padding:10px 0; color:#fff;line-height: 40px; font-weight: 700;font-size: 1.3em;}
.feature_bg3 ul li a:hover { text-decoration:none;}

/* index_bnr4.html */
.feature_bg4 { background-color: #e9ecef;  height: 50px; }
.feature_bg4 ul { width:100%; padding-top: 10px !important  ; list-style:none; zoom: 1; margin:30px 0;   }
.feature_bg4 ul li {width:100%; margin-left: -1px;   text-align: center; height:50px; }


/* index_bnr4.html */
/* .feature_bg4 { background-color: #e9ecef;}
.feature_rd { border-radius: 7px; height: 80px; margin: 15px; width: 82%; float: right; background-image: url("../images/absurdity.png");}
 */
/* 원래 색
 .gbg {border: 1px solid #39A38C; background-color: #30B886; }
.bbg {border: 1px solid #5896B9; background-color: #62A8CC;} */
/* .gbg {border: 1px solid #ee9696; background-color: #ee9696; }
.bbg {border: 1px solid #46a1b9; background-color: #46a1b9;}
.gbg img {    height: 110px;  top: 0;   left: 20px;  position: absolute;}
.bbg img {    height: 110px;  top: 0;   left: 20px;  position: absolute;}
.feature_rd ul { width: 345px; padding:0; margin:0 auto; list-style:none; display: block;}
.feature_rd ul li { float:left; padding: 20px 0;}
.feature_rd ul li a { color:#fff; font-weight:bold; padding: 0 35px; line-height: 40px ;font-size: 1.3em;} */


/* 2016.02.01 추가
* 네비게이션 new
-------------------------------------------------- */
.navnew { padding: .15em .5em .25em; font-size: 9px; z-index: 5;}

/* sitemap */
.col-xs-20p { width:20%; float: left;    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;}
    
.col-xs-16p { width:16%; float: left;    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;}

/*2016.04.01 추가 툴팁과 메모*/    
/* Tooltip text */

.memotooltip .tooltiptext {

    visibility: hidden;
    /* min-width: 120px; */
    /*background-color: black;*/
    background-color:#337ab7;
    color: #fff;
    text-align: center;
    padding: 7px 10px;
    border-radius: 4px;
    margin-top: 10px;
    margin-left: 10px;
    font-size:12px;
    letter-spacing:1px;
	
    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.memotooltip:hover .tooltiptext {
    visibility: visible;
}

/*memo*/

.memo {
    float: left;
    padding: 25px 20px 15px 70px;
    min-height: 170px;
    border: #FFF18E solid 0px;
    width: 100%;
   /*  background-image: url(../images/bg_diary_springnote.png) ,url(../images/back_note.gif) ;
    background-repeat: no-repeat, repeat; */
    background-image: url(../images/back_note2.png) ;
    background-repeat: no-repeat;
    
    background-position: top center;
    font-size:13px;
    background-size:cover;
}



/* paging */
.firstPage {  
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.lastPage {  
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.otherPage {  
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.currentPage {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}
.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  left: 50%;
  margin-left: -1.5px;
}
.timeline > li {
  margin-bottom: 20px;
  position: relative;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li > .timeline-panel {
  width: 46%;
  float: left;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  padding: 10px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 16px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}
.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 17px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}
.timeline > li > .timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: -25px;
  background-color: #999999;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
.timeline-badge.primary {
  background-color: #2e6da4 !important;
}
.timeline-badge.success {
  background-color: #3f903f !important;
}
.timeline-badge.warning {
  background-color: #f0ad4e !important;
}
.timeline-badge.danger {
  background-color: #d9534f !important;
}
.timeline-badge.info {
  background-color: #5bc0de !important;
}
.timeline-title {
  margin-top: 0;
  color: inherit;
}
.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}
.timeline-body > p + p {
  margin-top: 5px;
}


/***** 체크박스/라디오 버튼 스타일  *****/
#ck-button {
    margin:1px;
    background-color:#fafafa;
    border-radius:4px;
    border:1px solid #D0D0D0;
    overflow:auto;
    float:left;
    cursor: pointer;
}

#ck-button label {
    float:left;
    min-width:3.0em;
    margin-bottom: 0;
}

#ck-button label span {
    text-align:center;
    padding:1px 2px;
    display:block;
    border-radius:4px;
}

#ck-button label input {
    position:absolute;
    top:-20px;
}

#ck-button input:hover + span {
    background-color: #c9e3e9;
}

#ck-button input:checked + span {
    background-color:#00a7ca;
    color:#fff;
}

#ck-button input:checked:hover + span {
    background-color:#c9e3e9;
}
/***** 체크박스/라디오 버튼 스타일 END *****/


/* 학교정보관리 필요 스타일 */
.height-school-box {
	overflow:auto;
	height: 560px;
	
}

.listbox_border {
	border: 1px solid #ddd;
}

.schoolbox {  

background-color: #f2f2f2;  
    display: inline-block;
    border: 1px solid #ddd;
    padding: 10px 30px;
    width: 100%;}
    
.clickRow {
	background-color:yellow !important;
}

.school-btn{
	float:right; 
	background-color: #ff80b6; 
	color: white; 
}

.bg-light-blue-gray {
	background-color: #f9f9fd;
}


/* thead 고정 */
.fixed-table-container {
    position: relative;
    padding-top: 30px; /* header-bg height값 */
}
.fixed-table-container2 {
    position: relative;
    padding-top: 50px; /* header-bg height값 */
}

.header-bg {
    /* background: #fff; */
    height: 30px; /* header-bg height값 */
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    border-top: 2px solid #464646;;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    
}

.header-bg2 {
    background: #fff;
    height: 50px; /* header-bg height값 */
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    border-top: 2px solid #464646 ;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
} 

.table-wrapper {
    overflow-x: auto;
    overflow-y: auto;
    height: 100%;
}

div.table-wrapper table {
    width: 100%;
    border-collapse: collapse;
}

div.table-wrapper td {
    border-bottom: 1px solid #ccc;
    padding: 5px;
}

div.table-wrapper td + td {
    border-left: 1px solid #ccc;
}

div.table-wrapper th {
	text-align: center;
    padding: 0px; /* reset */
}

.th-text {
    position: absolute;
    top: 0;
    width: inherit;
    line-height: 30px; /* header-bg height값 */
    border-left: 1px solid #ddd;
}

.th-text-gray {
	
	position: absolute;
    top: 0;
    width: inherit;
    line-height: 30px; /* header-bg height값 */
    border-left: 1px solid #ddd;
    background-color : #f4f4f4;
}
.th-text-pink {
    position: absolute;
    top: 0;
    width: inherit;
    line-height: 30px; /* header-bg height값 */
    border-left: 1px solid #ddd;
    background-color: #e4567a;
    color: #fff;
}
.th-text-blue {
    position: absolute;
    top: 0;
    width: inherit;
    line-height: 30px; /* header-bg height값 */
    border-left: 1px solid #ddd;
    background-color: #224d94;
    color: #fff;
}

.th-text2 {
    position: absolute;
    top: 0;
    width: inherit;
    height: 50px; /* header-bg height값 */
    border-left: 1px solid #ddd;
    padding-top: 8px;
}