@charset "utf-8"

a {color:#353535;}
.block{display:block;}

/* 추가 부분 */
input[type="checkbox"] {
  transform:scale(1.4, 1.4);
}

input[type="radio"] {
  transform:scale(1.4, 1.4);
}

input[type="radio"],
input[type="checkbox"]{
	cursor:pointer;
}

table.focus-on tbody tr.focused th, table.focus-on tbody tr.focused td {
    background-color: rgba(253, 251, 235, 0.86);
    color: #000;
}

.table thead tr{
    background-color: #EAEAEA;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: middle;
	padding: 6px 6px;
}

/*
.label {
	padding:4px 7px !important;
	font-size:0.85em;
}
*/

.ui-jqgrid tr.jqgrow td {box-sizing:content-box;}


/* 추가 부분 끝 */


/*------------------------------------- 
  header 
--------------------------------------*/

.logo {margin-top:13px; margin-bottom:8px;padding-left:0;}

.navbar-brand {
	font-family: 'Noto Sans KR', sans-serif;
	width:180px;
	margin-right:20px;
	padding:5px 3px;
	box-sizing:border-box;
	background:rgba(144, 200, 249, 0.71);
	color:#014886 !important;
	font-weight:normal;
	font-size:1.15em;
	text-align:center;
	height:auto;
	line-height: 39px;
}
.navbar-green{background:#337ab7 !important;border-bottom:2px solid #ddd;}
/*.navbar-green{background:#4b9bb2 !important;}*/

.navbar-green .navbar-nav > li > a{margin-right:5px;color:#fff;font-weight:bold;font-size:1.05em;}
.navbar-green .navbar-nav > li > a:hover,
.navbar-green .navbar-nav > li > a:focus,
.navbar-green .navbar-nav > li.active > a {
	color:#fff; background:#254965;
}

.navbar-green .navbar-nav .dropdown-menu {background-color: rgba(173, 211, 255, 0.98);border: 1px solid hsla(0,0%,0%,0);}
.navbar-green .navbar-nav .dropdown-menu > li > a:hover {background:rgba(81, 141, 194, 0.9);}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background:#85b8c6}

#header .nav > li > a {
    padding: 15px 11px !important;
}

/* header-quick */
.quick{margin-top:7px;}
.btn_quick{padding:8px 12px;box-sizing:border-box;}
.btn_quick > a{color:#fff;text-decoration:none;}


/*------------------------------------- 
  footer 
--------------------------------------*/
.footer-corporate > .container{min-height:1px; }
.bg-gray-dark{background:#161616;}
.bg-gray-darker{background:#0a0a0a;}
.footer-corporate.bg-gray-darker{padding:25px 0; color:#fff;}
.footer-corporate{padding:15px 0; font-size:14px; line-height:22px;}
.footer-corporate h1{margin:0;}
.footer-corporate h1 > img{vertical-align:top;}
.book-store > div > h4{margin:0;font-size:20px; font-weight:600; line-height:1.5; letter-spacing:-1px;}
.book-store > div > h4 > span{display:block; font-size:16px;}
.book-store .f-btn{display:block; width:100%; border:1px solid #ccc; border-radius: 3px;background:#fff; font-size:16px;}
.book-wrap{background: url('/user/images/common/bg_book.png');}
.list-nav{position: relative;transform: translate3d(0, -10px, 0);margin-bottom: -10px;margin-left: -15px;margin-right: -15px; padding:0;}
.list-nav > * {position: relative;margin-top: 10px;padding-left: 15px;padding-right: 15px;}
.list-nav > li > span{vertical-align:middle;}
.list-nav > li {display: inline-block;font-weight: 400;text-transform: uppercase;color:#fff; font-size:14px; vertical-align:middle;}
.list-nav > li a {color: inherit;}
.list-nav > li.active, .list-nav > li a.active, .list-nav > li > a:hover {	color: #fff /* #c19b76 */;}
.list-inline{margin-bottom:0;}
.list-inline > li > .icon{vertical-align:middle;}
.list-inline > li > a {color:#989898;}

.book-store .btn {
    position: relative;
    padding: 9px 16px;
    font-size: 17px;
    line-height: 28px;
    border-radius: 1px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    border-width: 1px;
    transition: .3s;
    backface-visibility: hidden;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-weight: 700 !important;
}

/*------------------------------------- 
  sub 
--------------------------------------*/
/* leftmenu */
#left-menu{margin-bottom:0;padding-left:0;}

/*
#left-menu h2 {background:#43aaf9 url('/member/images/bg_lmenu.png') no-repeat;margin:0;height:100px; background:#347ab8; color:#fff;font-size:1.5em;font-weight:bold;line-height:100px;letter-spacing:-1px;text-align:center;border-bottom:2px solid #04e2f1;}
*/
#left-menu h2 {
	/*
	font-family: 'Noto Sans KR', sans-serif;
	background:rgba(52, 122, 184, 0.86) url('/member/images/bg_lmenu.png2') no-repeat;
	margin:0;
	height:65px;
	color:#fff;
	font-size:1.23em;
	font-weight:500;
	line-height:85px;
	letter-spacing:-1px;
	border-radius:5px 5px 0 0;
	padding-right:10px; 
	text-align:right; 
	border-bottom:3px solid #fff;
	*/

	font-family: 'Noto Sans KR', sans-serif;
    background: rgba(52, 122, 184, 0.86) url(/member/images/bg_lmenu.png2) no-repeat;
    margin: 0;
    height: 80px;
    color: #fff;
    font-size: 24px;;
    font-weight: 500;
    line-height: 80px;
    letter-spacing: -1px;
    border-radius: 5px 5px 0 0;
    padding-right: 10px;
    text-align: center;
    border-bottom: 3px solid #fff;

}

/*#left-menu > ul > li{margin-bottom:1px;}*/

#left-menu > ul > li > a {font-family: 'Noto Sans KR', sans-serif;display:block;padding:7px 10px; background:#e5e5e5; color:#555; border-radius:0;font-size: 0.98em;}
#left-menu > ul > li > a:hover,
#left-menu > ul > li > a:focus,
#left-menu > ul > li.active > a,
#left-menu > ul > li.active > a:hover,
#left-menu > ul > li.active > a:focus {
	background:#54aeff; 
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}

#left-menu .nav-stacked > li + li {
	margin:0;
}

/* leftmenu - 2depth */
#left-menu > ul > li > ul {font-family: 'Noto Sans KR', sans-serif; padding:4px 11px;border:1px solid #ddd;margin-bottom:3px;}
#left-menu > ul > li > ul > li {padding-left:8px;background:url('/member/images/bul_arrow2.gif') 1px 9px no-repeat; list-style:none;letter-spacing:-0.5px;padding-bottom: 4px;padding-top: 4px;}
#left-menu > ul > li > ul > li > a{display:block; line-height:120%;color:#555;text-decoration:none;font-size: 0.95em;}
#left-menu > ul > li > ul > li > a:hover,
#left-menu > ul > li > ul > li > a:focus,
#left-menu > ul > li > ul > li.active > a,
#left-menu > ul > li > ul > li.active > a:hover,
#left-menu > ul > li > ul > li.active > a:focus {color:#980000;font-weight:500; }

.nav-tabs{margin-top:20px;}

.cont_tit{position:relative;margin-bottom:25px;padding-bottom:12px;border-bottom:1px solid #dbdbdb;}
.cont_tit h2{margin:10px 0 0;padding-left:28px;padding-bottom:12px;border-bottom:4px solid #518dc2;background:url('/member/images/bul_cont_tit.gif') left 1px no-repeat;font-size:1.45em;font-weight:bold;letter-spacing:-0.05em;display:inline;}

.cont {line-height:20px; text-align:justify;}
.cont h3 {margin:30px 0 15px;padding-left:22px; background:url('/user/images/bul_circle1.gif') left 3px no-repeat;font-size:1.3em;font-weight:bold;}

/* 	container title */

.contTitle {
	font-family: 'Noto Sans KR', sans-serif;
	background: #64aae1 url(/member/images/bg_sl.png);
	/*padding:16px 10px 5px 10px;*/
	padding: 8px 10px 0px 10px;
}

.contTitle > .divider{
	display:none;
}
.contTitle > h2{
	font-size:26px;
	display: inline-block;
	color: #555;
	margin-top:0;
	margin-bottom: 0;
	text-shadow: #fff 1px 1px 1px;
}
.contTitle > h2:after {
	display:inline-block; 
	content:""; 
	width:1px; 
	height:24px; 
	margin-left:18px; 
	margin-right:12px; 
	background:#787878; 
	vertical-align:bottom;
}

.location {
	display:inline-block;
}
.location li {
	display:inline-block; 
	padding-right:13px;
	background:url('/user/images/common/bul_arr_location_black.png') right 8px no-repeat; 
	color:#fff;
}
.location li:last-child{
	background:none;
}
.location li a:hover{
	text-decoration:underline
}

.divider {
	width: 40px;
	height: 2px;
	padding: 0;
	margin: 27px auto 34px;
	background: #d9d9d9;
	border: none;
	background: #555;
	fill: #555;
}

/* 	container title  끝 */

.container {word-break:break-all;}

section .container {
	min-height:600px;
}

.img-responsive-u{max-width:100%; height: auto;}

.box01{width:100%; padding:20px;border:1px solid #dbdbdb; box-sizing:border-box;}

.ul_list01 {margin-left:12px;padding:0;}
.ul_list01 li{padding-left:12px;background:url('/user/images/bul_dot1.png') left 7px no-repeat;}

}

#loginbox{margin:200px auto;}
.login h4{font-weight:bold;}
.login dt{font-size:20px;font-weight:bold;color:#0064a3;}
.login dd{margin-top:10px;font-size:13px;}


table > tbody > tr > th{vertical-align:middle !important;}

.th{background:#f5f5f5}

/* 게시판용 */
.board_list{	width:100%;margin-bottom:5px;padding:15px 20px 18px;border:1px solid #e4e4e4;box-sizing:border-box;background:#fff;text-align:left;}
.board_list dt{font-size:1.1em;font-weight:bold; color:#212121;}/*#005FC1*/
.board_list dt > strong{color:#22AD36; font-size:0.9em;}
.board_list dd.list_info{margin-top:8px;font-size:0.9em;font-weight:normal;color:#666;}
.board_list dd.list_info > span{	padding:0 6px 0 3px;border-right:1px solid #e4e4e4;}
.board_list dd.list_info > span:last-child{border-right:none;}
.board_list dd.list_cont{margin-top:8px;font-size:1.1em;	color:#333;	text-align:justify;line-height:140%}


/* 달력 */
.calendar{width:100%;}
.calendar thead th{
	padding:4px !important;
	text-align:center;
	font-weight:bold;
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #dbdbdb 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#dbdbdb 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f9f9f9 0%,#dbdbdb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
}
.calendar tbody td{padding:3px; vertical-align:top !important; }
.calendar tbody td > span{display:block}
.calendar tbody td > span.badge{display:inline-block;background:#ff0000;}
.calendar .sun{color:#ff0000}
.calendar .sat{color:#002aff;}
.calendar .gray{background:#f8f8f8;}
.calendar .panel{margin:8px 0 0;}
.calendar .panel-heading{padding:3px 8px;}
.calendar .panel-body{padding:8px 5px 3px 5px;}
.calendar ul, .calendar ol{padding-left:5px;}
.calendar li{width:auto;}

/* 회원가입 안내 */
.joinGuide h5 {margin-bottom:10px; padding-left:15px; background:url('/images/sub/bullet05.gif') left 3px no-repeat; font-size:15px;}
.joinGuide .arrow dt {margin-left:15px; margin-top:10px; margin-bottom:5px; padding-left:10px; background:url('/images/sub/bullet_arrow.gif') left 5px no-repeat;}
.joinGuide .arrow dd {margin-left:15px;}
.joinGuide .arrow dd > ul {padding-left:0;}


	/* 페이지 제목
	------------------------------------------------------ */
	#pageTitle { 
		font-family: 'Nanum Square', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		color:#31708f;
		font-size:1.5em;
		padding:11px 0 8px 0;
		/*background-color:#F6F6F6;*/
		border:#31708f 1px solid;
		border-bottom:#31708f 5px solid;
		border-radius:7px;
		/*border-top-right-radius:10px;*/

	}

/* 게시판 - faq
	------------------------------------------------------ */


	#faq-content dl { 
		padding:0;
		margin:0;
	}

	#faq-content > dl { 
		font-size:1.05em;
	}

	#faq-content dl > dd { 
		margin-left:18px;
	}

	#faq-content dl > dd > dl > dt { 
		font-weight:normal;
		float:left;
	}

	#faq-content dl > dd > dl > dd { 
		margin-left:18px;
	}

	#faq-content dl > dd > dl > dd > dl > dt{ 
		font-weight:normal;
		float:left;
	}
	
	#faq-content dl > dd > dl > dd > dl > dd{ 
		margin-left:25px;
	}


	/* 회원가입 - 동의
	------------------------------------------------------ */

	#agree-content h3 { 
		font-size:1.3em;
		color:#31708f;
		margin-top: 15px;
	}

	#agree-content h4 { 
		margin: 20px 0 20px;
		padding: 8px 20px;
		border-radius: 50px;
		background: #f5f5f5;
		color: #333;
		box-sizing: border-box;
		font-weight: bold;
	}

	
	#agree-content .table { 
		margin-top: 15px;
	}

	#agree-content .table > thead > tr > th { 
		font-family: 'Nanum Square', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size:1.5em;
		color:#31708f;
	}

	#agree-content #agree-01, #agree-02 { 
		width:100%;
		height:200px;
		overflow:auto;
		padding:15px;
		border:#ddd 1px solid;
		border-top-left-radius:5px;
		border-top-right-radius:5px;
		
	}

	#agree-content #agree-03 { 
		width:100%;
		padding:5px 15px 10px 15px;
		border:#ddd 1px solid;
		background-color: #f5f5f5;
		text-align:center;
		border-radius:5px;
		border-radius:5px;
	}

	#agree-content #agree-03 .navbar-form { 
		border:none;
		box-shadow: none;
	}

	#agree-content #agree-03 .navbar-form { 
		padding:0;
		margin:0;
	}

	#agree-content #agree-01-check, #agree-02-check { 
		height:35px;
		width:100%;
		border:#ddd 1px solid;
		background-color:#F6F6F6;
		text-align:right;
		padding-right:20px;	
	}
	#agree-content #agree-01-check label, #agree-02-check label { 
		line-height:32px;
	}

	#agree-content dl { 
		padding:0;
		margin:0;
	}

	#agree-content > dl { 
		font-size:1.05em;
	}

	#agree-content dl > dd { 
		margin-left:18px;
		line-height: 150%;
	}

	#agree-content dl > dd > dl > dt { 
		font-weight:normal;
		float:left;
	}

	#agree-content dl > dd > dl > dd { 
		margin-left:18px;
	}

	#agree-content dl > dd > dl > dd > dl > dt{ 
		font-weight:normal;
		float:left;
	}
	
	#agree-content dl > dd > dl > dd > dl > dd{ 
		margin-left:25px;
	}
	
	#agree-content #agree-03 .input-group-addon{ 
		min-width:80px;
	}


/*------------------------------------- 
  미디어쿼리 
--------------------------------------*/

@media (max-width:480px) {
	.contTitle > .divider{display:block; height:1px; margin:10px auto 12px;color:#787878;}
	.contTitle > h2{margin-bottom: 0;}
	.contTitle > h2:after {display:none;}
	.location {width:100%;}
}

@media (max-width: 767px) { /* 모바일 */

	/*.quick{display:none;}*/
	.quick {margin-bottom:10px;}
	.logo, .btnTopLogout{display:none;}
	.navbar-toggle {background:#75b1e6;}
	.navbar-toggle .icon-bar{background:#fff;}
	.navbar-brand{font-size:1.3em;}

	#idGrid { /* 임시 그리드 */
		display: block !important;
	}
	#left-menu { /* 왼쪽 메뉴 */
		display: none !important;
	}

	/* 모바일, 모바일 외 */
	.article-mobile {display:inline !important;}
	.article-not-mobile {display:none !important;}
	.article-mobile-calendar{display:block;}
	.article-not-mobile-calendar{display:none;}

	.cont_tit .local{padding-bottom:8px;color:#999;}

	span.check_radio{display:block; margin-bottom:5px;}

	footer > div > div > div > strong{display:block;margin-bottom:10px;}

	/* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }

}

@media (min-width: 768px) and (max-width: 991px) { /* 테블릿 */
    
	.quick {margin-bottom:10px;}

	ul.nav li.dropdown:hover > ul.dropdown-menu{     
		display: block;     
		margin: 0; 
	}

	#idGrid { /* 임시 그리드 */
		display: block !important;
	}
	#left-menu { /* 왼쪽 메뉴 */
		display: none !important;
	}

	/* 모바일, 모바일 외 */
	.article-mobile {display:none !important;}
	.article-not-mobile {display:inline !important;}
	.cont_tit .local{position:absolute; bottom:5px;right:0;padding-left:13px;color:#999;}

	/*.panel{font-size:1.2em;}*/

	/*.navbar-brand{display:none;}*/

}

@media (min-width: 768px) and (max-width: 1199px) {	 /* 테블릿 */
	ul.nav li.dropdown:hover > ul.dropdown-menu{     
		display: block;     
		margin: 0; 
	}
		
	.mainInfo{display:none;}
	/*.navbar-brand{display:none;}*/

	/* 모바일, 모바일 외 */
	.article-mobile {display:none !important;}
	.article-not-mobile {display:inline !important;}
	.article-mobile-calendar{display:none;}
	.article-not-mobile-calendar{display:block;}
	
	.cont_tit .local{position:absolute; bottom:5px;right:0;padding-left:13px;color:#999;}

}

@media (min-width: 1200px) {  /* PC */

	ul.nav li.dropdown:hover > ul.dropdown-menu{     
		display: block;     
		margin: 0; 
	}
	
	.mainInfo{display:none;}
	/*.navbar-brand{display:none;}*/

	#idGrid { /* 임시 그리드 */
		display: none; !important; 
	}

	/* 모바일, 모바일 외 */
	.article-mobile {display:none !important;}
	.article-not-mobile {display:inline !important;}
	.article-mobile-calendar{display:none;}
	.article-not-mobile-calendar{display:block;}

	.cont_tit .local{position:absolute; bottom:5px;right:0;padding-left:13px;color:#999;}
}