/*--------------------------------------
	eyoom (이윰빌더)
--------------------------------------*/

/*---------- Wrapper & Basic Layout & Boxed Layout ----------*/
.wrapper {background:#eaeaea}
.basic-layout {background:#fff}
.boxed-layout {padding:0;box-shadow:0 0 5px #bbb;margin-left:auto !important;margin-right:auto !important;background:#fff}
@media (min-width: 992px) {
	.boxed-layout .header-nav > .navbar > .container {padding-right:0;padding-left:0}
	.boxed-layout .header-nav > .navbar > .container li.menu-icons i.menu-icons-style {margin-right:15px}
}

/*---------- Header Top Bar ----------*/
.header-topbar {position:relative;background:#9ebbd1;z-index:99;box-shadow:0 -2px 5px rgba(0,0,0,0.2) inset}
.header-topbar ul {margin:0}
.header-topbar ul li a {color:#555}
.header-topbar ul li a:hover {color:#333}
.header-topbar .topbar-left li {color:#333;padding:5px 0;font-size:12px;margin-right:15px;display:inline-block}
.header-topbar .topbar-left li:last-child {margin-right:0}
.header-topbar .topbar-left .fa-star {color:#ffd502}
.header-topbar .topbar-left .fa-facebook {color:#44619d}
.header-topbar .topbar-left .fa-twitter {color:#00aced}
.header-topbar .topbar-right {text-align:right}
.header-topbar .topbar-right li {padding:5px 12px;display:inline-block}
.header-topbar .topbar-right li a {font-size:12px}
.header-topbar .topbar-right li a:hover {text-decoration:none}
.header-topbar .topbar-right li i {color:#777}
.header-topbar .topbar-right li a:hover i {color:#ff2a00}
.header-topbar .topbar-right li.dropdown-extended li {border-left:0;border-right:0;top:0;margin-left:0;position:relative;border:0;text-align:left}
.header-topbar .dropdown-extended .dropdown-menu {float:right;left:inherit;right:0px;margin:0;margin-right:9px;border:1px solid #ccc;background-color:#fafafa;width:275px;z-index:9999}
.header-topbar .dropdown-extended .dropdown-menu:before {position:absolute;top:-7px;right:30px;display:inline-block !important;border-right:7px solid transparent;border-bottom:7px solid #fafafa;border-left:7px solid transparent;border-bottom-color:#ccc;content:""}
.header-topbar .dropdown-extended .dropdown-menu:after {position: absolute;top:-6px;right:31px;display:inline-block !important;border-right:6px solid transparent;border-bottom:6px solid #fafafa;border-left:6px solid transparent;content:""}
.header-topbar .dropdown-extended .dropdown-menu > li.external {display:block;overflow:hidden;padding:10px;letter-spacing:0.5px}
.header-topbar .dropdown-extended .dropdown-menu > li.external > h5 {margin:0;padding:0;float:left;font-size:12px;display:inline-block}
.header-topbar .dropdown-extended .dropdown-menu > li.external > a {display:inline-block;padding:0;background:none;clear:inherit;font-size:12px;font-weight:300;position:absolute;right:10px;border:0;margin-top:-1px}
.header-topbar .dropdown-extended .dropdown-menu > li.external > a:hover {text-decoration:underline;color:#ff2a00}
.header-topbar .dropdown-extended .dropdown-menu .dropdown-menu-list {padding:0;margin:0;list-style:none;border:1px solid #eee}
.header-topbar .dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {display:block;clear:both;white-space:normal;padding:8px 0 0;text-shadow:none}
@media (max-width: 991px){
}
@media (max-width: 767px){
	.header-topbar .dropdown-extended .dropdown-menu {right:-60px}
	.header-topbar .dropdown-extended .dropdown-menu:before {right:88px}
	.header-topbar .dropdown-extended .dropdown-menu:after {right:89px}
}

/*---------- Header Nav ----------*/
.header-nav {position:relative;background:#fff;border-bottom:1px solid #b4cbdc;z-index:99}
@media (max-width:991px){
	.header-nav > .container {background-image:none !important}
}
@media (min-width:992px){
	.header-nav {background:#fff}
	.header-nav:after {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:80px;background:#fff}
	.header-nav > .container {position:relative;z-index:10}
	/* 높이 값을 넣어서 메뉴가 하위 메뉴가 출력되는 것을 방지하고 페이지 로딩 후 스크립트로 reactive 클래스 삭제됨 */
	.header-nav > .container.reactive {height:80px;overflow:hidden}
	.header-nav.header-fixed-trans {position:fixed;top:0;width:100%;z-index:1000}
	.header-fixed .header-sticky-space.header-fixed-space-trans {clear:both;margin-bottom:81px}
	/* 메인 메뉴 드롭다운시 좌측 이미지의 사이즈와 위치는 아래에서 수정 */
	.header-nav > .container {background-repeat:no-repeat;background-position:0 90px;background-size:auto 160px}
}

/* 로고 */
.header-logo {text-align:center;height:80px;line-height:80px}
.header-logo > a {font-size:32px}
.header-logo .logo-image img {height:60px}
@media (max-width:991px){
	.header-logo {text-align:right;padding-right:10px}
}
@media (min-width:992px){
	.header-logo {text-align:left;float:left}
}

/* 토글 버튼 - 모바일 */
.menu-toggle-btn {position:absolute;top:0;margin-left:10px}
.menu-toggle-btn a {position:relative;display:block;color:#707070;font-size:28px}
@media (min-width:992px){
	.menu-toggle-btn {display:none}
}

/* 메인 메뉴 */
.main-navi {margin:0}
.main-navi > li a {color:#555}
.main-navi > li ul {list-style:none;padding:0;width:100%}
@media (max-width:991px){
	.close-sb {padding:5px 10px;text-align:right;border-bottom:1px solid #9cd5ea;cursor:pointer}
	.close-sb i {font-size:34px;color:#fff;opacity:.8;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
	.close-sb:hover i {font-size:34px;color:#fff;opacity:1}
	.main-navi {position:fixed;width:250px;left:-250px;top:0;overflow:auto;height:100%;background:#008ec0;z-index:1000;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
	.main-navi.active {left:0}
	.main-navi > li {overflow:hidden}
	.main-navi > li > a {display:block;padding:7px 15px;color:#fff;font-size:14px;font-weight:bold;border-bottom:1px solid #0e9dd0}
	.main-navi > li.active > a {text-shadow:3px 3px 2px rgba(0,0,0,0.6)}
	.main-navi > li > a > i.dropdown-icon {position:absolute;top:10px;right:20px}
	.main-navi > li > .sub-menu {background:#e2eff2}
	.main-navi > li > .sub-menu > li > a {display:block;padding:7px 15px 7px 25px;font-size:12px;border-bottom:1px solid #c6dade}
	.main-navi > li > .sub-menu > li.active > a  {color:#5086ad;font-weight:bold}
	.main-navi > li > .sub-menu > li > .sub-sub-menu > li > a {display:block;padding:3px 15px 3px 35px;font-size:11px}
	.main-navi > li > .sub-menu > li > .sub-sub-menu > li.active > a {color:#5086ad;font-weight:bold}
	/* mobile nav mask */
	.sidebar-mask {display:none}
	.sidebar-mask.active {display:block;position:fixed;top:0;bottom:0;left:0;right:0;z-index:90;background:#000;opacity:0.5}
}

@media (min-width:992px){
	.close-sb {display:none}
	.main-navi {float:right;position:relative;overflow:hidden;padding-left:1px}
	.main-navi:after {content:"";display:block;clear:both}
	.main-navi > li {float:left;position:relative;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
	.main-navi > li:after {content:"";display:block;position:absolute;width:1px;height:40px;right:0;top:20px;background:#ddd}
	.main-navi > li:first-child:before {content:"";display:block;position:absolute;width:1px;height:40px;left:-1px;top:20px;background:#ddd}
	.main-navi > li > a {display:block;height:80px;line-height:80px;padding:0 30px;font-size:18px;min-width:130px;text-align:center}
	.main-navi > li a:hover {color:#5086ad}
	.main-navi > li.active > a {color:#5086ad;font-weight:bold}
	.main-navi > li > .sub-menu {padding:10px 0;position:relative;min-height:160px}
	.main-navi > li > .sub-menu:after {content:"";display:block;width:1px;height:100%;position:absolute;right:0;top:0;background:#eee}
	.main-navi > li > .sub-menu:before {content:"";display:block;width:1px;height:100%;position:absolute;left:-1px;top:0;background:#eee}
	.main-navi > li > .sub-menu > li > a {font-size:13px;display:block;padding:5px 15px}
	.main-navi > li > .sub-menu > li.active > a  {color:#5086ad;font-weight:bold}
	.main-navi > li > .sub-menu > li > .sub-sub-menu {padding:2px 25px}
	.main-navi > li > .sub-menu > li > .sub-sub-menu > li > a {font-size:12px;display:block}
	.main-navi > li > .sub-menu > li > .sub-sub-menu > li.active > a {color:#5086ad;font-weight:bold}
}
@media (min-width:992px) and (max-width:1199px){
	.main-navi > li > a {min-width:100px;padding:0 20px;font-size:16px}
}

/*---------- Header Slider ----------*/
.header-slider {position:relative}
.header-slider-bg {z-index:1;position:relative;overflow:hidden;text-align:center;height:580px}
.header-slider-bg > img {margin:0 auto;width:auto;max-width:100%}
.header-slider-bg > .container {position:relative;z-index:3}
.header-slider-bg h1 {color:#fff;font-size:24px;font-weight:600;text-transform:uppercase;margin:0}
.header-slider-bg h2 {font-size:14px;font-weight:600;color:#fff;margin:10px 0 30px}
.header-slider-bg p {color:#ededed;font-size:12px;font-weight:200;margin:0}
/*owl control*/
.header-slider .owl-pagination {position:absolute;width:100%;bottom:10px;text-align:center}
.header-slider .owl-pagination .owl-page {background:#e5e5e5;width:15px;height:10px;border-radius:5px !important;display:inline-block;margin:0 5px;transition:all 0.3s ease-in-out}
.header-slider .owl-pagination .owl-page.active {background:#0160A8;width:30px}
.header-slider .owl-navi a {color:#aaa;position:absolute;top:50%;margin-top:-40px;font-size:120px;line-height:120px;cursor:pointer;z-index:9;opacity:0.3;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.header-slider .owl-navi a:hover {opacity:0.8}
.header-slider .owl-navi a.prev-main-slider {left:50px}
.header-slider .owl-navi a.next-main-slider {right:50px}
@media (min-width:1200px){
	.header-slider {height:580px;overflow:hidden}
}
@media (min-width: 768px) and (max-width: 991px) {
	.header-slider-bg {height:380px}
	.header-slider-bg > img {height:100%;width:auto}
	.header-slider .owl-navi a.prev-main-slider {left:20px}
	.header-slider .owl-navi a.next-main-slider {right:20px}
}
@media (max-width: 767px) {
	.header-slider-bg {height:auto;max-height:380px;padding:15px 0}
	.header-slider .owl-navi a {display:none}
}

/*---------- Basic Body ----------*/
.basic-body .basic-body-main {padding-top:25px;padding-bottom:25px}

/*---------- Board Title ----------*/
.board-title {position:relative;overflow:hidden;padding:0;background:#fff}
.board-title img {margin:0 auto}
/*---------- Site Route ----------*/
.site-route {margin-bottom:30px}
.site-route h3 {position:relative;margin:0;font-size:35px;line-height:40px;color:#0162a7;font-weight:bold}
.site-route h3:after {content:"";position:absolute;display:block;width:50px;height:5px;background:#0162a7;top:-10px;left:0}
.site-route ul {background:none;margin:0}
.site-route ul li, .site-route ul li a {font-size:12px;color:#999}
.site-route ul li a:hover {color:#555}
.site-route ul li.active {color:#333}
@media (max-width:767px){
	.board-title {display:none}
	.site-route {margin-bottom:10px;border-bottom:1px solid #eee}
	.site-route h3 {font-size:18px}
}

/*---------- Footer ----------*/
.footer {position:relative;z-index:1;background:#fff;border-top:1px solid #ddd;padding-top:20px}

.footer-bottom {padding-left:250px;position:relative}
.footer-bottom img {position:absolute;left:10px;top:0;max-width:130px}
.footer-menu li {padding:0}
.footer-menu li a {font-size:12px;font-weight:bold;color:#999;border-right:1px solid #eee;padding:0 3px}
.footer-menu li:last-child a {border-right:0 none}
.footer-menu li a:hover {color:#666}
.footer-bottom address {font-size:12px;color:#999;margin-bottom:0}
.footer-bottom .copyright {font-size:12px;color:#999}
.social-icons li a, a.social-icon {width:20px;height:20px;background-size:20px}
.family-site {position:relative;margin-bottom:10px}
.family-site dt {display:block;width:100%;color:#aaa;padding:3px 10px;background:#fff;cursor:pointer;font-size:12px;font-weight:normal;border:1px solid #ddd}
.family-site ul {background:#fff;position:absolute;width:100%;border:1px solid #ddd;border-bottom:0 none;margin-bottom:-1px;bottom:100%;display:none}
.family-site ul li {border-bottom:1px solid #ddd}
.family-site ul li a {display:block;color:#999;padding:5px 10px;font-size:12px}
.family-site ul li a:hover {color:#666}
@media (max-width:767px){
	.footer-bottom {padding-left:0}
	.footer-bottom img {position:relative;display:block;margin:0 auto 10px}
	.footer-menu {text-align:center}
	.footer-menu li a {font-size:11px}
	.footer-bottom address {margin-top:10px}
}
@media (min-width:768px) and (max-width:991px){
	.footer-bottom {padding-left:180px}
}

/*-------------------- THEME STYLE CSS --------------------*/
/* row - margin 와 col div -padding 값 수정  */
.row-zero {margin:0}
.row-zero > div {padding:0}

/* 메인 콘텐츠 1~6 */
.main-content-box {padding:20px}
.main-content-box h3, .main-content-box h3 > a {font-size:15px;font-weight:bold;line-height:24px;margin-top:0}

.content-01, .content-03 {height:185px}
.content-02, .content-04 {height:320px}

.content-01 {border-bottom:1px solid #ddd;border-right:1px solid #ddd}
.content-02 {border-right:1px solid #ddd}
.content-02 ul:after {content:"";display:block;clear:both}
.content-02 ul li {float:left;width:33.333%;padding-top:10px;text-align:center;border-bottom:1px solid #b4cbdc;border-right:1px solid #b4cbdc}
.content-02 ul li:nth-child(3), .content-02 ul li:nth-child(6) {border-right:0 none}
.content-02 ul li:nth-child(4), .content-02 ul li:nth-child(5), .content-02 ul li:nth-child(6) {border-bottom:0 none}
.content-02 ul li a {display:block}
.content-02 ul li a h5 {color:#6390B1;font-size:12px}
.content-02 ul li a:hover h5 {color:#0564a8}
.content-03 {border-bottom:1px solid #ddd}
.content-05 {padding:0}
.owl-banner-slider {position:relative}
.owl-banner-slider .item {height:355px}
.owl-banner-slider .item a {display:block;text-align:center;background:#9DBCD1;height:100%}
.owl-banner-slider .item a img {width:auto;height:100%}
.owl-banner-slider .owl-pagination {position:absolute;top:20px;right:20px}
.owl-banner-slider .owl-pagination .owl-page {float:left;margin-left:5px;width:12px;height:12px;border:1px solid #fff;border-radius:50% !important}
.owl-banner-slider .owl-pagination .owl-page.active {background:#fff}
.content-06 {height:150px;border-left:1px solid #ddd}
.content-06-box {position:relative;padding-left:110px}
.content-06-box img {position:absolute;top:0;left:0}
.content-06-box p {color:#777;margin:0;padding:5px 0 0}
.content-06-box .phone-num {font-size:27px;color:#000000;font-weight:bold}

@media (max-width:1199px){
	.content-06-box {padding-left:90px}
	.content-06-box p {font-size:12px}
}
@media (max-width:991px){
	.main-content-box {height:auto}
	.content-01, .content-02 {border-right:0 none}
	.content-01 {border-top:1px solid #ddd}
	.content-02 {border-bottom:1px solid #ddd}
	.content-06 {border-left:0 none}
}

/* Side Layout style */
.sidenav-title {font-size:24px;height:80px;line-height:80px;text-align:center;color:#fff;margin:0;background:#9EBBD1}
.side-navbar {background:#008ec0}
.side-navbar > li > a {display:block;font-size:14px;color:#bed8ed;padding:5px 15px;border-bottom:1px solid #0e9dd0}
.side-navbar > li.active > a {font-weight:bold;color:#fff}
.side-navbar > li > ul {background:#f8f8f8}
.side-navbar > li > ul > li > a {display:block;padding:5px 25px;font-size:12px;color:#777}
.side-navbar > li > ul > li > a:hover {color:#333}
.side-navbar > li > ul > li.active > a {color:#0162a7}

.side-icon-menu ul {margin:0 -5px}
.side-icon-menu ul:after {content:"";display:block;clear:both}
.side-icon-menu ul li {float:left;width:50%;padding:0 5px 10px;text-align:center}
.side-icon-menu ul li a {display:block;background:#e1eef3;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.side-icon-menu ul li a:hover {box-shadow:2px 2px 2px rgba(0,0,0,0.3)}
.side-icon-menu ul li a img {width:50px}
.side-icon-menu ul li a h5 {color:#6390B1;font-size:12px;margin:5px 0 0}
.side-icon-menu ul li a:hover h5 {color:#0564a8}