/*--------------------------------------
	eyoom (이윰빌더)
--------------------------------------*/
/*---------- common ----------*/
.clear-after:after {content:"";display:block;clear:both}
p, li {font-size:14px;word-break:keep-all;color:#707070}
ul {margin-bottom:0}

/*---------- Wrapper & Basic Body ----------*/
.wrapper {background:#eee}
.wrapper-inner {background:#fff}
@media (min-width:1280px){
	.wrapper-inner.box-layout {width:1200px;margin:0 auto;box-shadow:0 0 3px rgba(0,0,0,0.4)}
}
.basic-body {padding:20px 0}

/*---------- Header - 로고와 탑바 오리지날----------*/
.header-top {position:relative;padding:17px;z-index:99}
.header-logo {float:left;margin:0}
.header-logo a {display:block;height:55px}
.header-logo span {font-size:28px;line-height:36px;color:#1b1b1b}
.header-logo img {max-height:55px;width:auto}
.top-bar {float:right}
.top-bar-list > li {float:left;margin-left:15px}
.top-bar-list > li > a {display:block;line-height:36px;color:#707070;font-size:12px}
.top-bar-icon {width:36px;height:36px;text-align:center;background:#AA8763;border-radius:18px !important}
.top-bar-icon:hover {background:#474037}
.top-bar-icon i {line-height:36px;color:#fff}
@media (min-width:768px){
	.top-bar-list i {display:none}
	.top-bar-icon i {display:block}
}
@media (min-width:992px){
	.mobile-nav-trigger {display:none}
}
@media (max-width:767px){
	.top-bar-list > li {margin-left:5px}
	.top-bar-list > li > a {color:#fff}
	.top-bar-list li a i {display:block;line-height:36px;color:#fff;width:36px;height:36px;text-align:center;background:#AA8763;;border-radius:18px !important}
	.top-bar-list li a span {display:none}
}


/*---------- Header - 로고와 탑바 중앙형 ----------
.header-top {position:relative;border-bottom:1px solid #ecf0f2;z-index:99}
.sns-info {float:left;width:33.333%}
.sns-info ul {padding-top:25px}
.sns-info ul li {display:inline-block;margin-right:5px}
.sns-info ul li a {display:block;line-height:30px;padding:0 15px;font-size:11px;border-radius:15px !important}
.sns-info ul li.sns-kakao a {background:#FCEA4E;color:#382006}
.sns-info ul li.sns-blog a {background:#69AF38;color:#fff}
.sns-info ul li a:hover {background:#1b1b1b;color:#fff}
.header-logo {float:left;width:33.333%;text-align:center;padding-right: 10px;}
.header-logo h1 {margin:0;text-align:center}
.header-logo a {display:inline-block;height:55px;}
.header-logo span {font-size:55px;color:#1b1b1b}
.header-logo img {max-height:55px;width:auto;}
.top-bar {float:right;width:33.333%;text-align:right}
.top-bar-list {padding-top:25px}
.top-bar-list > li {display:inline-block;margin-left:5px}
.top-bar-list > li > a {display:block;line-height:30px;color:#707070;font-size:12px}
.top-bar-list > li > a:hover {color:#1b1b1b}
.top-bar-icon {width:30px;height:30px;text-align:center;background:#5BC0D7;;border-radius:15px !important}
.top-bar-icon:hover {background:#1b1b1b}
.top-bar-icon i {line-height:30px;color:#fff}
@media (min-width:768px){
	.top-bar-list i {display:none}
	.top-bar-icon i {display:block}
}
@media (min-width:992px){
	.top-bar-list .mobile-nav-trigger {display:none}
}
@media (max-width:767px){
	.sns-info {position:absolute;right:15px;top:0;width:50%;text-align:right}
	.header-logo {width:50%}
	.header-logo a {height:60px;line-height:60px}
	.header-logo img {vertical-align:middle}
	.top-bar {float:right;width:50%}
	.sns-info ul li {margin:0 0 0 5px}
	.header-logo h1 {text-align:left}
	.top-bar-list {padding-top:55px}
	.top-bar-list > li {margin-left:5px}
	.top-bar-list > li > a {color:#fff}
	.top-bar-list li a i {display:block;line-height:30px;color:#fff;width:30px;height:30px;text-align:center;background:#5BC0D7;border-radius:15px !important}
	.top-bar-list li a span {display:none}
}

*/

/*---------- Header Nav - 메인메뉴 ----------*/
.header-nav .navbar-nav > li .dropdown-menu li a i {position:absolute;right:15px;top:15px}
/* 992px 이상 메뉴 - pc */
@media (min-width: 992px) {

	.header-nav {position:relative;background:#2262a6}
	.header-nav.header-fixed-trans {position:fixed;top:0;width:100%;z-index:9}
	.sidebar .sidebar-left-content h3 {display:none}
	.header-nav .navbar {margin-bottom:0}
	.header-nav .navbar-nav {float:left;width:100%;border-left:1px solid #7ea7d9}
	.header-nav .navbar-nav > li {border-right:1px solid #6c91bd;font-weight:bold}
	.header-nav .navbar-nav > li > a {padding:0 20px;line-height:55px;color:#eee;font-size:18px;text-align:center}
	.header-nav .navbar-nav > li > a:hover, .header-nav .navbar-nav > li.open > a {background:rgba(87, 115, 197, 0.25);color:#fff}
	.header-nav .navbar-nav > li.active > a {background:#006bc7;color:#fff;font-weight:bold}
	.header-nav .navbar-nav > li ul {padding:0;border:0;width:100%}
	.header-nav .navbar-nav > li ul li {background:#19407c}
	.header-nav .navbar-nav > li ul li a {color:#ddd;padding:15px;background:none;border-bottom:1px solid #4776ac;font-size:13px}
	.header-nav .navbar-nav > li ul li a:hover, .header-nav .navbar-nav > li ul li.active > a {color:#fff;background:#214d91}
	.header-nav .navbar-nav > li ul li ul {top:-3px;left:100%;border-left:1px solid #1f1f1f}
	.nav > li > a:focus {background:none}
	.header-sticky-space.header-fixed-space-trans {margin-top:66px}
	
/*
	.header-nav {position:relative;background:#ffffff;border-top:1px solid #bbc5d4}
	.header-nav.header-fixed-trans {position:fixed;top:0;width:100%;z-index:9}
	.sidebar .sidebar-left-content h3 {display:none}
	.header-nav .navbar {margin-bottom:0}
	.header-nav .navbar-nav {float:left;width:100%;border-left:1px solid #7ea7d9}
	.header-nav .navbar-nav > li {border-right:1px solid #6c91bd;font-weight:bold}
	.header-nav .navbar-nav > li > a {padding:0 20px;line-height:55px;color:#415d97;font-size:18px;text-align:center}
	.header-nav .navbar-nav > li > a:hover, .header-nav .navbar-nav > li.open > a {background:rgba(64, 110, 194, 0.82);color:#fff}
	.header-nav .navbar-nav > li.active > a {background:#006bc7;color:#fff;font-weight:bold}
	.header-nav .navbar-nav > li ul {padding:0;border:0;width:100%}
	.header-nav .navbar-nav > li ul li {background:#19407c}
	.header-nav .navbar-nav > li ul li a {color:#ddd;padding:15px;background:none;border-bottom:1px solid #4776ac;font-size:13px}
	.header-nav .navbar-nav > li ul li a:hover, .header-nav .navbar-nav > li ul li.active > a {color:#fff;background:#214d91}
	.header-nav .navbar-nav > li ul li ul {top:-3px;left:100%;border-left:1px solid #1f1f1f}
	.nav > li > a:focus {background:none}
	.header-sticky-space.header-fixed-space-trans {margin-top:66px}	
*/	
}

/* 992px 미만 메뉴 - 모바일 */
@media (max-width: 991px) {
	.sidebar.left {z-index:999;display:none;position:fixed;top:0;left:0;bottom:0;width:280px;background:rgba(204, 204, 204, 0.9)}
	.sidebar-left-mask {display:none}
	.sidebar-left-mask.active {display:block;position:fixed;top:0;bottom:0;left:0;right:0;z-index:998;background:#000;opacity:0.5}
	.sidebar .sidebar-left-content.active {position:relative;height:100%;width:100%;box-shadow:0 0 5px rgba(0,0,0,0.25);overflow-y:auto;-webkit-overflow-scrolling:touch}
	.header-nav .navbar {min-height:auto;margin-bottom:0}
	.header-nav .navbar-nav {position:relative;margin:0;float:none}
	.header-nav .navbar-nav > .nav-li-space {height:44px;border-bottom:none;border-top:1px solid #e5e5e5;background:#f2f2f2}
	.header-nav .navbar-nav > li {float:none;width:100% !important}
	.header-nav .navbar-nav > li > a {font-size:14px;padding:10px 15px;color:#555}
	.header-nav .navbar-nav > li a {border-bottom:1px solid #DADADA}
	.header-nav .navbar-nav > li > .cate-dropdown-open {position:absolute;top:1px;right:0;width:40px;height:40px;line-height:40px;margin:0;padding:0;text-align:center;border:0 none;border-left:1px solid #DADADA;z-index:9}
	.header-nav .navbar-nav > li > .cate-dropdown-open:before {content:"\f067";font-family:FontAwesome;color:#656565}
	.header-nav .navbar-nav > li > .cate-dropdown-open:hover {border-top:0}
	.header-nav .navbar-nav > li.open > .cate-dropdown-open:before {content:"\f068";font-family:FontAwesome;color:#000}
	.header-nav .navbar-nav .open .dropdown-menu {border:0;float:none;width:auto;margin:0;padding:0;position:static;box-shadow:none;background-color:transparent}
	.header-nav .navbar-nav .open .dropdown-menu > li > a {color:#555;line-height:26px}
	.header-nav .navbar-nav .open .dropdown-menu > li:first-child > a {border-top:0 none}
	.header-nav .navbar-nav .open .dropdown-menu > li > a, .header-nav .navbar-nav .open .dropdown-menu .dropdown-header {padding:5px 15px 5px 25px}
	.header-nav .navbar-nav .open .dropdown-menu > li > a:hover, .header-nav .navbar-nav .open .dropdown-menu > li > a:focus {color:#000}
	.header-nav .navbar-nav > .open > a, .header-nav .navbar-nav > .open > a:hover, .header-nav .navbar-nav > .open > a:focus {color:#000;background:inherit}
	.header-nav .navbar-nav > .active > a, .header-nav .navbar-nav > .active > a:hover, .header-nav .navbar-nav > .active > a:focus {color:#000;background:inherit}
	.header-nav .navbar-nav .dropdown .dropdown-submenu > a {font-size:12px}
	.header-nav .navbar-nav .open .dropdown-menu .dropdown-menu > li > a {color:#555;line-height:22px;border-top:0 none;padding:5px 15px 5px 30px}
	.header-nav .navbar-nav .dropdown-submenu > .dropdown-menu {display:block}

	.nav>li>a:hover, .nav>li>a:focus {background:none}
	.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {border-color:#dadada}
}

.sidebar .sidebar-member-menu {display:none}
@media (max-width: 991px) {
	.sidebar.left {z-index:999;display:none;position:fixed;top:0;left:0;bottom:0;width:280px;background:#eee}
	.sidebar-left-mask {display:none}
	.sidebar-left-mask.active {display:block;position:fixed;top:0;bottom:0;left:0;right:0;z-index:998;background:#000;opacity:0.5}
	.sidebar .sidebar-left-content.active {position:relative;height:100%;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}
	.sidebar .sidebar-left-content h3 {margin:0;padding:0 15px;line-height:66px;background:#605951;color:#fff;font-size:20px}
	.sidebar .sidebar-member-menu {position:relative;display:block;padding:0 15px 20px;border-bottom:1px solid #e5e5e5}
	.sidebar .sidebar-member-menu .sidebar-lg-btn {margin-bottom:20px}
	.sidebar .sidebar-member-menu .sidebar-member-btn-box {display:inline-block;float:left;width:50%}
	.sidebar .sidebar-member-menu .sidebar-member-btn {position:relative;background:#656565;width:120px;height:40px;line-height:40px;color:#fff;text-align:center;border-radius:2px !important}
	.sidebar .sidebar-member-menu .sidebar-other-btn {position:relative;background:#252525;width:120px;height:30px;line-height:30px;color:#fff;text-align:center;border-radius:2px !important}
	.header-nav .navbar-nav {position:relative;margin:0;float:none;background:#fff}
	.header-nav .navbar-nav > .nav-li-space {height:44px;border-bottom:none;border-top:1px solid #e5e5e5;background:#f2f2f2}
	.header-nav .navbar-nav > li {float:none}
	.header-nav .navbar-nav > li > a {font-size:13px;padding:10px 15px;color:#000}
	.header-nav .navbar-nav > li a {border-bottom:none;border-top:1px solid #e5e5e5}
	.header-nav .navbar-nav > li a:hover {border-top:1px solid #e5e5e5}
	.header-nav .navbar-nav > li:first-child > a {border-top:1px solid transparent}
	.header-nav .navbar-nav .open .dropdown-menu {border:0;float:none;width:auto;margin:0;padding:0;position:static;box-shadow:none;background-color:transparent}
	.header-nav .navbar-nav .open .dropdown-menu > li > a {color:#757575;line-height:26px;border-top:1px solid #e5e5e5}
	.header-nav .navbar-nav .open .dropdown-menu > li:first-child > a {border-top:1px solid #e5e5e5}
	.header-nav .navbar-nav .open .dropdown-menu > li > a, .header-nav .navbar-nav .open .dropdown-menu .dropdown-header {padding:5px 15px 5px 25px}
	.header-nav .navbar-nav .open .dropdown-menu > li > a:hover, .header-nav .navbar-nav .open .dropdown-menu > li > a:focus {color:#005cff}
	.header-nav .navbar-nav > .open > a, .header-nav .navbar-nav > .open > a:hover, .header-nav .navbar-nav > .open > a:focus {color:#005cff;background:inherit}
	.header-nav .navbar-nav > .active > a, .header-nav .navbar-nav > .active > a:hover, .header-nav .navbar-nav > .active > a:focus {color:#005cff;background:inherit}
	.header-nav .navbar-nav .dropdown .dropdown-submenu > a {font-size:12px;background:#f8f8f8}
	.header-nav .navbar-nav .open .dropdown-menu .dropdown-menu > li > a {color:#757575;line-height:22px;border-top:1px solid #e5e5e5;padding:5px 15px 5px 35px;background:#f8f8f8}
}

/*---------- Board Title - 서브페이지 보드 타이틀 ----------*/
.board-title {position:relative;background-repeat:no-repeat;background-size:cover;background-position:center center}
.board-title:after {content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,0.5)}
.board-title-caption {position:relative;padding:50px 0;text-align:center;z-index:3}
.board-title-caption h2 {color:#fff;font-family:"Roboto", "Noto Sans KR","Malgun gothic",Dotum,Arial,sans-serif}
.board-title-caption ul {background:none}
.board-title-caption ul li, .board-title-caption ul li a {color:#ddd}
.board-title-caption ul li a:hover, .board-title-caption ul li.active {color:#fff}
@media (max-width:767px) {
	.board-title-caption {padding:20px 0}
}

/*---------- Footer - 하단 정보 ----------*/
.footer {background:#4e4f50;padding:20px 0}
.footer-menu li a {color:#c9e4f9;font-size:13px}
.footer-menu li a:hover {color:#fff}
.family-site {position:relative;margin-bottom:10px}
.family-site dt {z-index:5;position:relative}
.family-site dt a {border:1px solid #2a2722;font-size:13px;padding:5px 10px;font-weight:400;color:#dbedf8;display:block;background:#87888a}
.family-site dt a:hover {color:#fff}
.family-site dt i {color:#9a9a9a;float:right;display:inline-block;padding-top:5px}
.family-site dd {position:absolute;bottom:30px;width:100%;z-index:2;display:none}
.family-site dd ul {border-width:1px 1px 0 1px;border-style:solid;border-color:#2a2722;background:#474037}
.family-site ul li {border-bottom:1px solid #2a2722}
.family-site ul li a {color:#bbb;font-size:12px;display:block;padding:5px 10px}
.family-site ul li a:hover {color:#fff}
.footer-info {margin:10px 0;color:#bbb;font-size:13px}
.footer-info strong {color:#639413}
.footer-info .info-divider {color:#82796d}
.footer-info a {color:#c1a78c}
.footer-info a:hover {color:#fff}
.copyright {color:#bbb}

/*---------- Fix Navi - 왼쪽 고정 메뉴 ----------*/
.fix-navi {display:none}
@media (min-width:1200px){
	.fix-navi {position:fixed;top:89px;right:-10px;display:block;width:125px;height:315px;background-color:#0b6ec4;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;z-index:99}
	.fix-navi.active {right:0}
	.btn-fix-navi {position:absolute;left:-45px;top:66px;width:45px;height:110px;line-height:25px;background:#ca092a;padding-top:20px;padding-left:8px; font-size:20px;color:#fff0f8;cursor:pointer;border-top-left-radius:20px !important;border-bottom-left-radius:20px !important}
	.fix-navi h3 {font-size:16px;height:56px;line-height:20px;margin:0;padding:10px 0px;background:#eaea27;color:#5f1219;font-weight: bold;}
	.fix-navi ul li a {display:block;padding:15px 8px;border-bottom:1px solid #e7f4fa;color:#ffffff;font-size:12px;font-weight: bold}
	.fix-navi ul li a:hover {background:#075f99}
	.btn-fix-navi-top {position:absolute;bottom:0;width:100%;text-align:center;cursor:pointer}
	.btn-fix-navi-top h6 {color:#ddd;margin:0;padding:10px 0;background:#154c7c}
	.btn-fix-navi-top:hover h6 {color:#fff}
}
@media (min-width:1200px){
	.back-to-top {display:none}
}

/*---------- Main Index ----------*/
.section {position:relative;margin-bottom:30px}
@media (min-width:992px){
	/* 첫번째 섹션은 992px 이상일때 ebslider 위에 위치 */
	.section-1st {margin-bottom:0;position:absolute;top:-490px;right:0;width:330px}
}

/* 버튼 스타일 */
.btn-more a {position:relative;display:inline-block;overflow:hidden;color:#fff;border-width:1px;border-style:solid;border-color:#fff;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease}
.btn-more.btn-more-dark a {color:#1b1b1b;border-color:#1b1b1b}
.btn-more.btn-more-dark a:hover {color:#fff}
.btn-more a:before {content:"";position:absolute;top:0;left:0;bottom:0;right:-50px;display:block;border-right:50px solid transparent;border-bottom:80px solid rgba(255,255,255,0.35);z-index:-1;transform: translateX(-100%);-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease}
.btn-more.btn-more-dark a:before {border-bottom:80px solid rgba(0,0,0,0.35)}
.btn-more a:hover:before {transform: translateX(0)}

/* Section 4th - 네버째 섹션 : 최신글 출력  */
.section-4th {margin-bottom:0}
.section-4th-latest {position:relative;padding:10px}
.section-4th-latest:before, .section-4th-latest:after {content:"";position:absolute;display:block;width:60px;height:60px;background:#AA8763;z-index:1}
.section-4th-latest:before {top:0;left:0}
.section-4th-latest:after {bottom:0;right:0}
.section-4th-latest .tab-brd {position:relative;background:#fff;z-index:5}
.section-4th-latest .tab-content {padding:0;height:256px;background-color:#fff;border-width:0 1px 1px;border-style:solid;border-color:#B5B5B5}
.section-4th-latest .nav-tabs li a {font-size:16px}
.section-4th-latest .nav-tabs li.active a {font-weight:bold}
@media (min-width:992px){
	.section-4th-latest {margin-bottom:0}
}

/*---------- Side Layout - 사이드 레이아웃 ----------*/
.side-sub-title {margin:0;width:100%;height:65px;line-height:66px;background:#006bc7;text-align:center;color:#fff;font-size:22px;font-weight:700}
.side-sidebar-nav li a {display:block;margin-top:10px;border-bottom:1px solid #ddd;padding:5px 10px;color:#6a6a6a}
.side-sidebar-nav li a:hover, .side-sidebar-nav li.active > a {color:#006bc7;border-color:#474037}
.side-sidebar-nav li.active > a {font-weight:bold}
.side-sidebar-nav li ul {padding-left:20px;margin:0 0 20px}
.side-sidebar-nav li ul li a {font-size:12px}
@media (max-width:991px){
	.side-sub-title {margin-top:30px}
}