/*--------------------------------------
	eyoom (이윰빌더)
--------------------------------------*/
/*----------
	Color
	blue : #5BC0D7
	green : #D3DC65
----------*/
/*---------- 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.sub-basic-body {padding:30px 0}
.basic-body-main.basic-body-index {padding:0}

/*---------- Header - 로고와 탑바 ----------*/
.header-top {position:relative;padding:20px 0;border-bottom:1px solid #ddd;z-index:99}
.sns-info {float:left;width:33.333%}
.sns-info ul {padding-top:15px}
.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%}
.header-logo h1 {margin:0;text-align:center}
.header-logo a {display:inline-block;height:50px;line-height:50px}
.header-logo span {font-size:50px;color:#1b1b1b}
.header-logo img {max-height:50px;width:auto;vertical-align:top}
.top-bar {float:right;width:33.333%;text-align:right}
.top-bar-list {padding-top:15px}
.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:35px}
	.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:#fff;box-shadow:0 5px 5px rgba(0,0,0,.2);z-index:5}
	.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;border:0 none}
	.header-nav .navbar-nav {float:left;width:100%;-webkit-justify-content:center;justify-content:center;display:flex}
	.header-nav .navbar-nav > li > a {position:relative;padding:0 20px;line-height:50px;color:#555;font-weight:700;font-size:15px;text-align:center}
	.header-nav .navbar-nav > li > a:hover, .header-nav .navbar-nav > li.open > a {background:#1b1b1b;color:#fff}
	.header-nav .navbar-nav > li.active > a {background:#5BC0D7;color:#fff}
	.header-nav .navbar-nav > li > a:hover:after, .header-nav .navbar-nav > li.open > a:after {content:"";position:absolute;bottom:0;left:0;width:100%;height:5px;background:#5BC0D7}
	.header-nav .navbar-nav > li.active > a:after {content:"";position:absolute;bottom:0;left:0;width:100%;height:5px;background:#D3DC65}
	.header-nav .navbar-nav > li ul {padding:0;border:0;width:100%}
	.header-nav .navbar-nav > li ul li {background:#555}
	.header-nav .navbar-nav > li ul li a {color:#ddd;padding:15px;background:none;border-bottom:1px solid #666;font-size:13px}
	.header-nav .navbar-nav > li ul li a:hover, .header-nav .navbar-nav > li ul li.active > a {color:#fff;background:rgba(0,0,0,0.25)}
	.header-nav .navbar-nav > li ul li ul {top:-2px;left:100%;border-left:1px solid #666}
	.nav > li > a:focus {background:none}
	.header-sticky-space.header-fixed-space-trans {margin-top:50px}
}

/* 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;border:0 none}
	.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:#333;color:#5BC0D7;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(90, 192, 215, 0.5)}

.board-title2 {position:relative;background-repeat:no-repeat;background-size:cover;background-position:center center}
.board-title2:after {content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:}

.board-title-caption {position:relative;padding:70px 0;text-align:center;z-index:3}
.board-title-caption h2 {color:#fff}
.board-title-caption h2 span {display:inline-block;padding-bottom:10px;border-bottom:5px solid #D3DC65}
.board-title-caption ul {background:none}
.board-title-caption ul li, .board-title-caption ul li a {color:#eee}
.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 {text-align:center}
.footer-logo {padding-bottom:20px;border-bottom:1px solid #ddd}
.footer-logo img {max-height:40px}
.footer-logo span {font-size:38px;line-height:40px;color:#909090}
.footer-menu {margin:20px 0 10px}
.footer-menu li a {color:#707070}
.footer-menu li a:hover {color:#1b1b1b}
.footer-info {color:#707070}
.footer-info .info-divider {color:#ccc}
.footer-info a {color:#5BC0D7}
.footer-info a:hover {color:#1b1b1b}
.copyright {margin:0;padding:10px 0;background:#ddd;color:#999}

/*---------- Main Index ----------*/
.section-01, .section-03 {padding:60px 0}
.section-02 {padding:0}
.section-03-box {border-top:5px solid #D3DC65}

.section-location {position:relative;background-image:url("../image/main/building.jpg");background-size:cover;height:310px;padding-top:60px;text-align:center;border:1px solid #ddd}
.section-location:after {content:"";position:absolute;top:0;display:block;width:100%;height:100%;background:rgba(0,0,0,.4)}
.section-location-inner {position:relative;z-index:5}
.location-icon img {max-width:70px;height:auto}
.section-location h4 {margin:20px 0;color:#333;font-size:16px;font-weight:700;color:#fff}
.section-location .btn-more a {display:inline-block;padding:5px 20px;font-size:12px;color:#fff;border:1px solid #fff}
.section-location .btn-more a:hover {background:#5BC0D7;border-color:#5BC0D7;color:#fff}
@media (min-width:768px) and (max-width:991px){
	.section-sm-margin-30 {margin-bottom:30px}
}
@media (max-width:767px){
	.section-01, .section-03 {padding:40px 0}
	.section-03-box {margin-bottom:15px}
}

/*---------- Side Layout - 사이드 레이아웃 ----------*/
.side-sub-title {margin:0;width:100%;height:60px;line-height:55px;background:#5BC0D7;text-align:center;color:#fff;border-top:5px solid #D3DC65;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:#333;border-color:#333}
.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}
}