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

/*부트스트랩 수정*/
@media (min-width:768px) {
	.container { width: 100%;/*width:750px;*/}
}
@media (min-width:992px) {
	.container {width: 970px;}
}
@media (min-width:1200px) {
	.container { width: 1170px; }
	.row { position:relative; }
}
.caret {
    border-top: 4px solid;
}

/*common*/
.b1 {border:1px solid #f0f0f0;}
.user-name { font-weight:bold;color:#4f59c4; }
.user-point { font-weight:bold;color:#699601; }
.form-control { box-shadow: none; /*box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;*/}

/* 페이징 */
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {background-color: #8993de;border-color: #8993de;}
.pagination>li>a, .pagination>li>span {color: #333;}
.pagination>li>a:hover { color: #8993de; }


/*
	부트스트랩 Modal 팝업 디자인 수정
	-> 팝업디자인과 유사하게....
*/
.modal { }
.modal-dialog {
	border:2px solid #4f59c4;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;  background: #fff;
	overflow: none;
	max-width: 320px;
	margin: 0 auto;
	margin-top: 40px;
	 z-index: 99999;
}
.modal-dialog .modal-content {
	border: none; border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;  background: #fff;
}
.modal-dialog .modal-content .modal-header {
	background: #4f59c4;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	border-bottom: none;
	text-align: center;
}
.modal-dialog .modal-content .modal-header button.close {
	display: none;
	color: #fff;
	opacity: 1;
	font-weight: bold;
	font-size: 24px;
	text-shadow: none;
}
.modal-dialog .modal-footer {
	border-top: none;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
}
.modal-dialog .modal-content .modal-body {
	border: none; border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;  background: #fff;
    padding: 15px 15px 10px 15px;
}

.modal-dialog .modal-content .modal-body p {
   margin-bottom:0;
}

/* 모달 뜨는 스피드를 조정한다 */
.modal.fade {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.modal.slide {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}



/* ------------------------------------------------
	Top Menu
------------------------------------------------ */

/*부트스트랩 수정*/
.navbar-collapse {padding:0;}

/*navigation-layout*/
.navbar { margin-bottom: 0px; }
.navbar .container { /*height:140px;*/padding:0; }
.navbar-static-top {border-width: 0px;}
@media (min-width:768px) {
	.navbar { height:179px; margin-bottom: 0px; background:url('../img/t/mbg-web.gif') repeat-x;}
}

/*navigation-util-web*/
.navbar-util { text-align:right;}
.navbar-util ul li {font-size:12px;padding:0;}
.navbar-util ul li a {display:block;color:#999;}
.navbar-util ul li a:focus, .navbar-util ul li a:hover {text-decoration:none;color:#333;}
.navbar-util ul li a:after {content:"|";padding:0 3px 0 5px;color:#d3d3d3;}
.navbar-util ul li.last a:after {content:"";padding:0 0 0 5px;}
.navbar-util ul li.log-person { padding-right:8px; }
@media (min-width:768px) {
	.navbar-util {display:inline-block; float: right; margin-top: 37px; }
}

/*navigation-logo,menu,search*/
.new-navbar-header { position:relative; width:100%; height:61px; text-align:center; margin:0; padding:0; }
@media (min-width:768px) {
	.new-navbar-header { height:93px; }
}

/*toggle-navigation-mobile*/
.new-navbar-header .navbar-toggle { position: absolute;top:20px;float:none;left:15px;padding:0;margin:0;background-color: transparent;border:0;border-radius: 0px;}
.new-navbar-header .navbar-toggle .icon-bar {display: block;width: 32px;height: 6px;border-radius: 0px;background-color: #4f59c4;}

/*navigation-logo*/
.new-navbar-header .new-navbar-brand { float:none; display:inline-block; margin-top:18px; margin-right:6px; }
.new-navbar-header .new-navbar-brand img { width: 70%; }
@media (min-width:768px) {
	.new-navbar-header .new-navbar-brand { float:left; display:inline-block; margin-top:32px; margin-right:6px; }
	.new-navbar-header .new-navbar-brand img { width: auto; }
}

/*button-mobile*/
.new-navbar-header .new-btn-default { display:block; position:absolute; top:20px; right:10px; color: #686868; background-color: transparent; border:0; padding:0; font-size: 23px; line-height: 1.3333333; }
.new-navbar-header .new-btn-default:hover { color: #4f59c4; }

/*navbar-user-info position*/
.navbar-user-info { width:100%;font-size:14px;background:#fff;margin:0;padding-top:0px;padding-bottom:0px;text-align:center;border-bottom:1px solid #4f59c4;}
.navbar-user-info a {display:block;color:#999;}
.navbar-user-info span.glyphicon {font-size:12px;}
@media (min-width:360px) {
	.navbar-user-info a { display:inline-block; }
	.navbar-user-info { padding-top:0; padding-bottom:0; line-height:40px; }
}

/*navigation-main-login-mobile*/
.navbar-moile-login {width:100%;background:#fff;margin:0;}
.navbar-moile-login li {width:49%;text-align:center;padding:0;margin:0;}
.navbar-moile-login li.login {border-right:1px solid #4f59c4;}
.navbar-moile-login li a {display:block;color:#4f59c4;font-weight:bold;padding:10px 0;}
.navbar-moile-login li a:hover {text-decoration:none;color:#8993de;}

/*navigation-main-logout-mobile*/
.navbar .line1 {border-top:1px solid #4f59c4;}

.navbar-mobile-logout {width:100%;background:#fff;margin:0;}
.navbar-mobile-logout li {font-size:12px;text-align:center;margin:0;padding:0}
.navbar-mobile-logout li.logout {border-right:1px solid #4f59c4;}
.navbar-mobile-logout li a {display:block;color:#4f59c4;font-weight:bold;padding:10px 0;}
.navbar-mobile-logout li a:hover {text-decoration:none;color:#8993de;}
@media (min-width:200px) {
	.navbar-mobile-logout li { width:49%; }
}
@media (min-width:480px) {
	.navbar-mobile-logout li { font-size:14px; }
}

/*navigation-toggle-main*/
.new-navbar .navbar-collapse { position:absolute; width:100%; z-index:100; top:60px; }
@media (min-width:768px) {
	.new-navbar .navbar-collapse { position:relative; top:0; }
}

/* 모바일 & PC 공용 메뉴 */
.new-navbar-nav { margin:0; border-top: 1px solid #4f59c4; border-bottom:1px solid #4f59c4; }
.new-navbar-nav li > a { transition: all 0.2s ease; } /* 모든 메뉴 마우스이벤트시 에니메이션 적용 */
.new-navbar-nav > li { background:#fff; border-bottom:1px solid #4f59c4; }
.new-navbar-nav > li > a { padding-top: 20px; padding-bottom: 20px; color:#222222; font-size:16px; text-decoration:none; }
.new-navbar-nav > li > a:hover { background:#fff; color:#222222;}
.new-navbar-nav > li > a:focus { background:#fff; color:#222222;}
.new-navbar-nav > li > a:active { background:#fff; color:#222222;}

.new-navbar-nav > li.on > a { /*padding-top: 20px; padding-bottom: 20px;*/ background:#4f59c4; color:#fff; font-size:16px; text-decoration:none; }
.new-navbar-nav > li.on > a:hover { background:#4f59c4; color:#fff;}
.new-navbar-nav > li.on > a:focus { background:#4f59c4; color:#fff;}
.new-navbar-nav > li.on > a:active { background:#4f59c4; color:#fff;}

.new-navbar-nav > li.open > a { /*padding-top: 20px; padding-bottom: 20px;*/ background:#4f59c4; color:#fff; font-size:16px; text-decoration:none; }
.new-navbar-nav > li.open > a:hover { background:#4f59c4; color:#fff;}
.new-navbar-nav > li.open > a:focus { background:#4f59c4; color:#fff;}
.new-navbar-nav > li.open > a:active { background:#4f59c4; color:#fff;}

.new-navbar-nav > li:last-child { border-bottom:0px; }

/*부트스트랩 수정-2depth*/
.new-navbar-nav .open .dropdown-menu { /*margin-top:1px;*/ padding: 0; }
.new-navbar-nav .open .dropdown-menu > li { border-bottom:1px solid #e0e0e0; background:#fff; }
.new-navbar-nav .open .dropdown-menu > li > a { /*padding:14px 15px 12px 25px;*/ border-radius:0; }
.new-navbar-nav .open .dropdown-menu > li > a:hover { /*background: #f0f0f0;*/ }
.new-navbar-nav .open .dropdown-menu > li.last > a:hover { /*border-bottom:1px solid #c0c0c0;*/ border-radius:0; }
.new-navbar-nav .open .dropdown-menu > .active > a  { /*background: #f0f0f0;*/ color: #000; }
.new-navbar-nav .open .dropdown-menu > .active > a:focus,
.new-navbar-nav .open .dropdown-menu > .active > a:hover { /*background: #f0f0f0;*/ color: #000; }

.new-navbar-nav .active .dropdown-menu { /*margin-top:1px;*/ padding: 0; }
.new-navbar-nav .active .dropdown-menu > li { border-bottom:1px solid #e0e0e0; background:#fff; }
.new-navbar-nav .active .dropdown-menu > li > a { /*padding:14px 15px 12px 25px;*/ border-radius:0; }
.new-navbar-nav .active .dropdown-menu > li > a:hover { /*background:#f0f0f0;*/ }
.new-navbar-nav .active .dropdown-menu > li.last > a:hover { /*border-bottom:1px solid #c0c0c0;*/ border-radius:0; }
.new-navbar-nav .active .dropdown-menu > .active > a  {/*background: #f0f0f0;*/ color: #4f59c4;}
.new-navbar-nav .active .dropdown-menu > .active > a:focus,
.new-navbar-nav .active .dropdown-menu > .active > a:hover { /*background: #f0f0f0;*/ color: #4f59c4;}

@media (min-width:768px) {

	.new-navbar-nav .active .dropdown-menu {display:block;}

	/*navigation-main-1dpeth*/
	.new-navbar-nav { position: relative; overflow: visible; width:100%; margin:0; padding:0; border-right:1px solid #eeeeee;  border-top: none; border-bottom:none; }
	.new-navbar-nav > li { float:left; width:25%; height:44px; border-left:1px solid #eeeeee; text-align:center; list-style: none; border-bottom: none; }
	.new-navbar-nav > li.last { border-right:1px solid #eeeeee;}
	.new-navbar-nav > li > a { display:block; height:44px; padding:0; padding-top: 0; padding-bottom: 0px; line-height: 42px; color:#222222; font-weight: bold; font-size:15px; letter-spacing:-1px;}
	.new-navbar-nav > li > a:hover {text-decoration:none;}
	.new-navbar-nav > li.on a { background:#4f59c4;color:#fff; }

	.new-navbar-nav .dropdown-menu {
		position: absolute; top: 45px; left: 0;  margin: 0; padding: 0 0 0 6px; background: none; border: none;
		box-shadow: none; overflow-y: hidden; height: 45px; white-space: nowrap; z-index: 9; width:100%; padding:0;
	}
	.new-navbar-nav .dropdown-menu > li { float:left; width:auto; border: none; border-bottom:0; background: none; }
	.new-navbar-nav .dropdown-menu > li a {
		display:block; border:0; text-decoration:none; height: 40px; line-height: 36px;color:#666; font-size: 14px;
		padding: 0px 7px; background: none; letter-spacing:-1pt;
	}
	.new-navbar-nav .dropdown-menu > li a:hover { color:#4f59c4; font-weight:bold; background: none; }
	.new-navbar-nav .dropdown-menu > li.first { margin: 0; padding: 0px 0px; }
	.new-navbar-nav .dropdown-menu > li.last { padding-bottom:0px; }
	.new-navbar-nav .dropdown-menu > li.active a { font-weight:bold; color:#4f59c4; background: none; }
	.new-navbar-nav .dropdown-menu > li.active a:hover { background: none; font-weight:bold; }

	/* --- javascript 로 처리... 이게 맘에 안들면 아래처럼 수동세팅...*/
	.new-navbar-nav li:nth-child(1) .dropdown-menu { width: auto; min-width:309px;}
	.new-navbar-nav li:nth-child(2) .dropdown-menu { width: auto; min-width:480px;}
	.new-navbar-nav li:nth-child(3) .dropdown-menu { width: auto; min-width:350px;}
	.new-navbar-nav li:nth-child(4) .dropdown-menu { width: auto; min-width:600px; left: auto; right: 0;}
}

/* navigation-main 1depth only view-mobile */
.navbar-mobile-depth1 ul { width:100%; height:45px;margin:0;padding:0;overflow:hidden; border-top: 1px solid #eeeeee; border-bottom: 1px solid #dadada; }
.navbar-mobile-depth1 ul li { float:left; width:25%; height:46px; border-right:1px solid #eeeeee; text-align:center; list-style: none; }
.navbar-mobile-depth1 ul li:last-child { border-right:0; }
.navbar-mobile-depth1 ul li a { display:block; color:#222222; height:46px; font-size:12px; line-height:45px; letter-spacing:-1px; transition: all 0.3s ease; word-break:keep-all;}
.navbar-mobile-depth1 ul li a:hover { text-decoration:none; background:#4f59c4; color:#fff; }
.navbar-mobile-depth1 ul li a:focus { background:#4f59c4; }
.navbar-mobile-depth1 ul li.on a { background:#4f59c4; color:#fff; }

/* navigation 2depth view-mobile add in 20160817 */
.navbar-mobile-depth2 { padding:10px 15px 0px 15px; overflow-y:hidden; overflow-x:auto; white-space: nowrap; display: block; border-bottom: 1px solid #dadada; }
.navbar-mobile-depth2 ul { text-align:left; }
.navbar-mobile-depth2 ul li a { display:block; color:#222222; font-size:13px; letter-spacing:-0.5pt; }
.navbar-mobile-depth2 ul li a:focus, .navbar-mobile-depth2 ul li a:hover { text-decoration:none; color:#4f59c4; font-weight:bold; }
.navbar-mobile-depth2 ul li.on a { font-weight:bold; color:#4f59c4; }
.navbar-mobile-depth2 { display: none; }
.navbar-mobile-depth2.active { display: block; }
@media (min-width:768px) {
	.navbar-mobile-depth2 ul { text-align:left; }
	.navbar-mobile-depth2.active { display: none; }
}


/* ------------------------------------------------
	Footer
------------------------------------------------ */
.new-footer { width:100%;padding:0px 0 30px 0;color:#666;font-size:11px;background: #fff; }
.new-footer .wrap { border-top: 1px solid #dee3eb; border-bottom: 1px solid #dee3eb; }
.new-footer .container { position:relative; }
.new-footer .sp1 {display:block;}
.new-footer .sp2 {display:inline;}
.new-footer .sp3 {display:block;}

.new-copy { font-weight:normal; }

/*footer-navigation-util*/
.footer-util { margin:0;padding:12px 0;text-align:left; }
.footer-util ul { margin:0; }
.footer-util ul li { font-size:13px;padding:0; }
.footer-util ul li a { display:block; color:#888888;font-weight:normal; }
.footer-util ul li a:hover {text-decoration:none;color:#222; }
.footer-util ul li.last a:after { content:"";padding:0 0 0 8px; }
.footer-util ul li.last-m a:after { content:"";padding:0 0 0 8px; }
.footer-util ul li a:after { content:"|";padding:0 4px 0 6px;color:#e0e0e0;font-weight:normal; }
.f-txt { margin:12px 0 0 0;}
.f-logo { display:inline-block; padding: 5px 0 15px 0; }
.f-logo img { }
.new-footer .new-copy {font-size:10px;}
.new-footer p {letter-spacing:-0.06em;margin:0;}
.new-footer a.email {color:#111;}
.new-footer a.email:hover {color:#4f59c4;text-decoration:none;}
@media (min-width:320px) {

}
@media (min-width:360px) {
	.footer-util ul li.m360 {display:inline-block;}
}
@media (min-width:768px) {
	.footer-util ul li {font-size:14px;padding:0;}
	.footer-util ul li a:after {content:"|";padding:0 5px 0 10px;color:#e0e0e0;font-weight:normal;}
	.footer-util ul li.last-m a:after {content:"|";padding:0 1px 0 3px;color:#d3d3d3;}
	.new-footer p {letter-spacing:0;margin:0;font-size:12px;}
	.new-footer .new-copy {margin-top:-2px;}
	.new-footer .sp1 {display:inline;}
	.new-footer .sp2 {display:inline;}
	.new-footer .sp3 {display:inline;}

}
@media (min-width:992px) {

	.new-footer .container {padding-left:0;padding-right:0;}
	.footer-util {border:0; }
	.footer-util ul li {font-size:12px;padding:0;}
}


/* ------------------------------------------------
	Top 버튼
------------------------------------------------ */
.btn-top-layout {position:fixed;bottom:7px;right:7px;z-index:100;}
.btn-top {position:relative;display:block;width:40px;height:40px;background-color:#b5b5b5;text-align:center;color:#fff;opacity:0.8;}
.btn-top span {position:absolute;top:15px;left:15px;}
.btn-top:focus, .btn-top:hover  {color: #fff;background-color:#333;text-decoration:none;}
.btn-bottom {position:relative;display:block;width:40px;height:40px;margin-top:1px;background-color:#b5b5b5;text-align:center;color:#fff;opacity:0.8;}
.btn-bottom span {position:absolute;top:15px;left:15px;}
.btn-bottom:focus, .btn-bottom:hover  {color: #fff;background-color:#333;text-decoration:none;}
.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline {
	margin-top: 0;margin-left: 0px;
}
@media (min-width:768px) {
	.btn-top-layout {/*position:absolute;*/right:20px;bottom:19px;}
	.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline {
		margin-top: 0;margin-left: 10px;
	}
}


/* ------------------------------
	게시판
------------------------------ */
btn {
	padding: 4px 10px;
}

.table1 {
	border: 0px ;
	border-top: 2px solid #e2e2e2;
	border-bottom: 2px solid #e2e2e2;
	border-collapse: collapse;
	border-spacing: 0px;
	border-bottom: 1px solid #e2e2e2;
	padding: 0px;
	width:100%;
	margin: 0px;
}
.table1 thead tr th {
	padding: 10px 7px;
	background:#fafafa;
	font-weight: bold;
	font-size:12px;
	text-align: center;
	border-top: 2px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
}
.table1 tbody tr th {
	padding: 7px;
	text-align: center;
}
.table1 tbody tr td {
	text-align: left;
	vertical-align:top;
	padding:5px;
	height:35px;
	font-size:12px;
	vertical-align:middle;
	word-break:keep-all;
}
.table1 tbody tr th {font-size:12px;background:#fafafa; border-bottom: 1px solid #e2e2e2; }
.table1 tbody tr td { border-bottom: 1px solid #e2e2e2;}
.table1 tbody tr td img {max-width:100%;height:auto;}
.table1 tbody tr td.text-center { text-align:center;}
.table1 tbody tr td.middle { vertical-align:middle; }
.table1 tbody tr td.fontbold1 { padding-left:60px; vertical-align:middle; }
.table1 tbody tr td.fontbold2 { padding-left:30px; vertical-align:middle; }
.table1 tbody tr td p {margin-bottom:0;}

.table2 td, .table2 td p {text-align:center;}

@media (min-width:768px) {
	.table1 thead tr th, .table1 tbody tr td {font-size:14px;}
	.table1 tbody tr td {padding:15px;}
}
/*
sub에는 있는데 main에는 없어서....
*/
/*memo-notice*/
.memo-notice {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;}
.table-memo-notice {width:240px;background:#fff;margin:0 auto;margin-top:12%;}
.table-memo-notice th {height:45px;font-size:12px;color:#fff;font-weight:bold;text-align:center;background:#4f59c4;border:2px solid #4f59c4;}
.table-memo-notice td {padding:40px 0;border:2px solid #777;text-align:center;font-size:12px;}
.table-memo-notice td .icon {font-size:20px;}
.table-memo-notice td p {margin-bottom:2px;}
.table-memo-notice td .btn-o {margin-top:20px;}

/*alarm-notice*/
.alarm-notice {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;}
.table-alarm-notice {width:240px;background:#fff;margin:0 auto;margin-top:12%;}
.table-alarm-notice th {height:45px;font-size:12px;color:#fff;font-weight:bold;text-align:center;background:#ff9933;border:2px solid #ff9933;}
.table-alarm-notice td {padding:40px 0;border:2px solid #777;text-align:center;font-size:12px;}
.table-alarm-notice td .icon {font-size:20px;}
.table-alarm-notice td p {margin-bottom:2px;}
.table-alarm-notice td .btn-o {margin-top:20px;}

/* 프린트 URL 없애기 https://stackoverflow.com/questions/7301989/need-to-remove-href-values-when-printing-in-chrome */
@media print {
  a[href]:after {
    content: none !important;
  }
}