/*--------------------------------------
	eyoom (이윰빌더)
--------------------------------------*/
/*Headings*/
h1 {font-size:28px;line-height:34px}
h2 {font-size:24px;line-height:30px}
h3 {font-size:20px;line-height:26px}
h4 {font-size:18px;line-height:24px}
h5 {font-size:16px;line-height:22px}
h6 {font-size:15px;line-height:19px}

/*---------- Wrapper & Basic Layout & Boxed Layout ----------*/
.wrapper {background:#eeeeee}
.basic-layout {background:#eeeeee}
.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}
}

#detail_content {
	width: 100%; 
	margin: 0 auto 50px; 
	box-sizing: border-box;
	font-family:NotoSansDL;
	overflow: hidden;
	}
#detail_content h1.stitle { font-size: 32px;line-height:1; margin: 0 0 0 0; color: #333; font-family: NotoSansM; border-top: 1px solid orange; position: relative; }
#detail_content h1 span { display: inline-block; border-top: 10px solid orange; padding: 8px;padding-top:20px;color:orange;margin-left:10px }
.blank:after{content:"";display:inline-block;width:12px;height:9px;margin-left:5px;}
#detail_content small {font-weight:normal;display:block;font-size:15px;padding-top:0px;color:#666;padding-left:10px;margin-left:10px}
/* color */
.color-h2 {color:#8FBAFA}
.subs-page p, .sub-page li {word-break:keep-all;font-size:13px}
.subs-title {border-bottom:1px solid #1b485d;border-top:1px solid #1b485d;height:37px;line-height:37px;font-family: 나눔고딕, NanumGothic; font-size: 17pt;font-weight:bold;color:#1b485d;padding-left:20px;margin-bottom:20px}
@media (max-width:767px) {
	.subs-title {margin-bottom:40px}
}
table.knsvc18 {
    font-size:16px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.knsvc18 td, .knsvc18 th {
    border: 1px solid #ddd;
    text-align: left;
    padding: 8px;
	text-align:center;
}

.knsvc18 tr:nth-child(odd){background-color: #f2f2f2}

.knsvc18 th {
    padding-top: 11px;
    padding-bottom: 11px;
    background-color: #1b485d;
    color: white;
}
/*---------- Header Top Bar ----------*/
.header-topbar {padding:5px 0;border-bottom:1px solid #ddd;background:#f8f8f8;height:32px;position:relative;z-index:100}
.header-topbar ul {text-align:right;margin:0}
.header-topbar ul li a {color:#959595;font-size:14px}
.header-topbar ul li a:hover {color:#000;font-size:14px}

/*---------- Header Title ----------*/
.header-title {position:relative;z-index:100;background:#fff}
.header-h2-logo {height:65px;line-height:65px}
.header-h2-logo .h2-text {font-size:28px}
.header-h2-logo .h2-img img {height:56px;width:auto;display:inline-block;vertical-align:middle}

/*---------- Header Nav ----------*/
.header-nav {z-index:100;position:relative}
@media (min-width: 768px) and (max-width: 991px) {
  	.header-nav .menu-container {width:750px}
}
@media (max-width: 991px) {
	.header-nav .navbar {min-height:inherit}
	.header-nav {position:static;border-bottom:1px solid #e5e5e5}
	.header-nav .menu-container:before, .header-nav .menu-container:after {content:" ";display:table}
	.header-nav .menu-container:after {clear:both}
    .header-nav .menu-container {margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}
	.header-nav > .navbar > .container {width:inherit;margin-left:0;margin-right:0;padding-left:0;padding-right:0}
	.header-nav > .navbar > .container > .navbar-header, .header-nav > .navbar > .container > .navbar-collapse {margin-left:0;margin-right:0}
}
.header-nav .navbar {border:none;margin-bottom:0}
.header-nav .navbar-toggle {border:none;margin:5px 0 5px 10px;font-size:16px}
.header-nav .navbar-toggle .icon-bar:last-child {margin-bottom:0}
.header-nav .navbar-collapse {position:relative}
.header-nav .navbar-nav .dropdown > a:after {top:12px;right:12px;position:absolute;font-weight:normal;color:#bbb;display:inline-block;font-family:FontAwesome;content:"\f0d7"}
@media (min-width: 992px) {
	.navbar {border-radius:0}
	.header-nav .navbar-nav {float:left}
}
/*Nav In Right*/
.header-nav .nav-in-right {float:right;z-index:999;margin-left:-20px;position:relative;}
@media (max-width: 350px) {
	.header-nav .nav-in-right {display:none}
}
.header-nav .menu-icons-list {margin:0;list-style:none}
.header-nav li.menu-icons {position:relative;display:inline-block}
.header-nav li.menu-icons i.menu-icons-style {color:#fff;width:25px;cursor:pointer;font-size:16px;line-height:44px;text-align:center;display:inline-block}
.header-nav .search-open {top:0;right:0; width:100%;z-index:99;height:auto;display:none;padding:12px 15px;position:absolute;background:#fff}
.header-nav .search-open .form-control {color:#333;border:none;height:26px;font-size:15px;font-weight:400;box-shadow:none;background:#fff;padding:0 20px}
@media (max-width: 991px) {
	.header-nav .nav-in-right {float:none;position:absolute;top:-60px;right:5%}
	.header-nav .search-open {top:-60px}
	.header-nav li.menu-icons i.menu-icons-style {line-height:52px}
}
@media (min-width: 768px) and (max-width: 991px) {
	.header-nav .search-open .form-control {position:relative;overflow:hidden;width:500px;margin:3px auto}
}
.header-nav .search-open .form-control::-moz-placeholder {color:#555}
.header-nav .search-open .form-control:-ms-input-placeholder {color:#555}
.header-nav .search-open .form-control::-webkit-input-placeholder {color:#555}
.header-nav .search-open .form-control:hover, .header-nav .search-open .form-control:active, .header-nav .search-open .form-control:focus {border:none;box-shadow:none}
.header-nav .search-close {z-index:999;position:relative}
.header-nav li.menu-icons i.search-btn {color:#fff}
.header-nav li.menu-icons i.fa-times {color:#444}
/*Responsive*/
@media (max-width: 991px) {
	.header-nav .navbar-header {float:none}
	.header-nav .navbar-toggle {display:block;float:none;position:absolute;top:-55px;left:5%;margin:0;z-index:10}
	.header-nav .navbar-collapse {border-color:#eee}
	.header-nav .navbar-collapse.collapse {display:none !important}
	.header-nav .navbar-collapse.collapse.in {display:block !important;overflow-y:auto !important}
	.header-nav .navbar-nav {margin: 0;float:none !important}
	.header-nav .navbar-nav > li {float:none}
	.header-nav .navbar-nav > li > a {padding-top:30px;padding-bottom:40px;}
	.header-nav .navbar-nav > li > a {color:#444}
	.header-nav .dropdown-menu.pull-right {float:none !important}
	.header-nav .navbar-nav .open .dropdown-menu {border:0;float:none;width:auto;margin-top:0;position:static;box-shadow: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 {line-height:20px}
	.header-nav .navbar-nav .open .dropdown-menu > li > a:hover, .header-nav .navbar-nav .open .dropdown-menu > li > a:focus {background-image:none;}
	.header-nav .navbar-nav .open .dropdown-menu > li > a {color:#777;}
	.header-nav .dropdown-menu.no-bottom-space {padding-bottom:0}
	.header-nav .navbar-collapse, .header-nav .navbar-collapse .container {padding-left:0 !important;padding-right:0 !important}
	.header-nav .navbar-nav > li > a {font-size:15px;padding:12px 5px}
	.header-nav .navbar-nav > li a {border-bottom:none;border-top:1px solid #eee}
	.header-nav .navbar-nav > li > a:hover {color:#8FBAFA;border-top:1px solid #8FBAFA}
	.header-nav .navbar-nav > .open > a, .header-nav .navbar-nav > .open > a:hover, .header-nav .navbar-nav > .open > a:focus {color:#555}
	.header-nav .navbar-nav > .active > a, .header-nav .navbar-nav > .active > a:hover, .header-nav .navbar-nav > .active > a:focus {color:#8FBAFA !important}
	.header-nav .dropdown .dropdown-submenu > a {font-size:14px;color:#555 !important}
}
@media (min-width: 992px) {
	.header-nav .navbar-collapse {padding:0}
	.header-nav .navbar {min-height:40px !important}
	.header-nav .container > .navbar-header, .header-nav .container-fluid > .navbar-header, .header-nav .container > .navbar-collapse, .header-nav .container-fluid > .navbar-collapse {margin-bottom:-10px}
	.header-nav .navbar-nav {top:2px;position:relative}
	.header-nav .navbar-nav > li > a {padding:10px 25px;background:#fff !important;font-size:15px;height:90px;line-height:90px;}
	.header-nav .navbar-nav .dropdown > a:after {top:9px;right:10px;font-size:13px;position:absolute;font-weight:normal;color:#888;display:inline-block;font-family:FontAwesome;content:"\f0d7"}
	.header-nav .dropdown-menu {border:none;padding:0;border-radius:0;background:#fff;z-index:9999 !important;border-top:1px solid #8FBAFA;height:40px;overflow-y:hidden;width:100%}
	.header-nav .dropdown-menu li a {color:#000;font-size:14px;font-weight:normal;padding:10px 10px;border-bottom:1px solid #f8f8f8;height:40px;}
	.header-nav .dropdown-menu li:last-child a {border-bottom:0 none}
	.header-nav .dropdown-menu {}
	.header-nav .dropdown-menu li > a:focus {background:none;}
	.header-nav .navbar-nav > li.dropdown:hover > .dropdown-menu {display:block}
	.header-nav .open > .dropdown-menu {display:none}
	.header-nav .dropdown-menu a:hover {background:none}

}
/*Dropdown Submenu*/
.dropdown-menu li{height:40px}
.dropdown-menu a{height:40px}
.header-nav .dropdown-submenu {position:relative;float:left}
.header-nav .dropdown-submenu > a > .sub-caret {top:5px;left:8px !important;float:right;font-size:13px;font-weight:normal;display:inline-block}
@media (min-width: 992px) {
  	.header-nav .dropdown-submenu > a > .sub-caret {position:absolute !important;left:inherit !important;right:8px;top: 12px}
}
.header-nav .dropdown-submenu > .dropdown-menu {top:-3px;left:-100%;margin-left:0px}
.header-nav .dropdown-submenu > .dropdown-menu.submenu-left {left:-100%}
.header-nav .dropdown-submenu:hover > .dropdown-menu {display:block}
@media (max-width: 991px) {
.header-nav .dropdown-submenu {float:none}
	.header-nav .dropdown-submenu > .dropdown-menu {display:block;margin-left:15px}
}
.header-nav .dropdown-submenu.pull-left {float:none}
.header-nav .dropdown-submenu.pull-left > .dropdown-menu {left:-100%;margin-left:10px}
.header-nav .dropdown-menu li [class^="fa-"], .header-nav .dropdown-menu li [class*=" fa-"] {left:-3px;width:1.25em;margin-right:1px;position:relative;text-align:center;display:inline-block}
.header-nav .dropdown-menu li [class^="fa-"].fa-lg,
.header-nav .dropdown-menu li [class*=" fa-"].fa-lg {width:1.5625em}
/*Mega Menu*/
.header-nav .mega-menu .nav, .header-nav .mega-menu .dropup, .header-nav .mega-menu .dropdown, .header-nav .mega-menu .collapse {position:static}
.header-nav .mega-menu .navbar-inner, .header-nav .mega-menu .container {position:relative}
.header-nav .mega-menu .dropdown-menu {left:auto}
.header-nav .mega-menu .dropdown-menu > li {display:block}
.header-nav .mega-menu .dropdown-submenu .dropdown-menu {left:100%}
.header-nav .mega-menu .nav.pull-right .dropdown-menu {right:0}
.header-nav .mega-menu .mega-menu-content {*zoom:1;padding:0}
.header-nav .mega-menu .mega-menu-content:before, .header-nav .mega-menu .mega-menu-content:after {content:"";display:table;line-height:0}
.header-nav .mega-menu .mega-menu-content:after {clear:both}
.header-nav .mega-menu.navbar .nav > li > .dropdown-menu:after, .header-nav .mega-menu.navbar .nav > li > .dropdown-menu:before {display:none}
.header-nav .mega-menu .dropdown.mega-menu-area .dropdown-menu {left:0;right:0;overflow:hidden}
@media (max-width: 1200px) {
	.menu-icons .fa-phone {width:30px !important}
	.dropdown {width:110px}
}
@media (min-width: 992px) {
	.header-title{display:none !important}
	.header-nav .mega-menu .dropdown.mega-menu-area .dropdown-menu {margin-left:15px;margin-right:15px}
	.header-nav .mega-menu .mega-height {display:-webkit-flex;display:-ms-flexbox;display:flex}
	.header-nav .mega-menu .mega-height-in {display:-webkit-flex;display:-ms-flexbox;display:flex}
	.header-nav .mega-menu .big-screen-space {margin-bottom:20px}
	.header-nav .mega-menu .mega-height-in {padding:15px}
	.header-nav .mega-menu .mega-height-list {width:100%}
	.header-nav .mega-menu .mega-height-list li a {display:block;position:relative;border-bottom:none;padding:5px 10px 5px 15px}
	.header-nav .mega-menu .mega-height-list a:hover {text-decoration:none}
	.header-nav .mega-menu .mega-menu-area li a {padding:5px 10px 5px 30px}
	.header-nav .mega-menu .mega-menu-area li a:after {top:7px;left:15px;font-size:13px;content:"\f105";position:absolute;font-weight:normal;display:inline-block;font-family:FontAwesome}
	.header-nav .mega-menu .mega-menu-area .disable-icons li a {padding:3px 10px 3px 15px}
	.header-nav .mega-menu .mega-menu-area .disable-icons li a:after {display:none}
}
@media (min-width: 737px) and (max-width: 991px) {
	.header-nav .mega-menu .mega-menu-content .container {width:690px !important}
	.header-nav .mega-menu .mega-height {margin-right:0;}
	.header-nav .mega-menu .mega-height-in {padding-right:0;margin-right:-15px}
}
@media (max-width: 991px) {
	.hidden-xs{display:none !important}
	.dropdown {width:100%}
	.menu-icons .fa-phone {width:30px !important;margin-top:-20px;}
	.header-nav .mega-menu .mega-height {margin-right:0}
	.header-nav .mega-menu .mega-height-in {padding-right:0;padding-left:5px}
	.header-nav .mega-menu .dropdown.mega-menu-area .dropdown-menu {width:auto}
	.header-nav .mega-menu .mega-height-in, .header-nav .mega-menu .mega-height-list {display:block}
	.header-nav .mega-menu .mega-menu-area .dropdown-menu > li > ul {display:block}
	.header-nav .mega-menu .mega-height-list h3 { color:#555; margin:0 0 5px;font-size:15px; font-weight:400; padding:6px 15px 5px}
	.header-nav .mega-menu .mega-height-list li a {color:#777;display:block;font-size:14px; font-weight:400; margin-left:15px;padding:6px 25px}
	.header-nav .mega-menu .mega-height-list li a:hover {color:#ff2a00;text-decoration:none}
	.sonmenu{display:none}
}
/*Header Nav Fixed*/
@media (min-width: 992px) {
	.header-fixed .header-nav.header-sticky {width:100%;height:auto;z-index:999;position:relative}
	.header-fixed .header-nav.header-fixed-trans {border-bottom:none;box-shadow:0 0 3px #bbb;position:fixed;top:0;left:0}
	.header-fixed .header-nav.header-fixed-trans .navbar {background:#fff;border:0}
	.header-fixed .header-nav.header-fixed-trans .navbar-nav > li > a {color:#555}
	.header-fixed .header-nav.header-fixed-trans .navbar-nav .active > a, .header-fixed .header-nav.header-fixed-trans .navbar-nav li > a:hover {color:#ff2a00}
	.header-fixed .header-nav.header-fixed-trans li.menu-icons i.menu-icons-style {color:#555}
	.header-fixed .header-nav.header-fixed-trans .navbar-brand, .header-fixed .header-nav.header-fixed-trans .navbar-nav > li > a, .header-fixed .header-nav.header-fixed-trans li.menu-icons i.menu-icons-style, .header-fixed .header-nav.header-fixed-trans .search-open .form-control {-webkit-transition:all 0.4s cubic-bezier(0.7, 1, 0.7, 1);transition:all 0.4s cubic-bezier(0.7, 1, 0.7, 1)}
	.header-fixed .header-nav.header-fixed-trans .navbar-brand {height:90px;max-height:90px;line-height:39px}
	.header-fixed .header-nav.header-fixed-trans .navbar-nav > li > a {line-height:30px}
	.header-fixed .header-nav.header-fixed-trans li.menu-icons i.menu-icons-style {line-height:44px}
	.header-fixed .header-nav.header-fixed-trans li.menu-icons span.badge {top:5px}
	.header-fixed .header-nav.header-fixed-trans .shopping-cart .shopping-cart-open {top:90px}
	.header-fixed .header-nav.header-fixed-trans .search-open {border-bottom:1px solid #eee}
	.header-fixed .header-nav.header-fixed-trans .search-open .form-control {height:26px;font-size:15px}
	.header-fixed .header-sticky-space.header-fixed-space-trans {clear:both;margin-bottom:50px}
}
@media (max-width: 991px) {
	.header-fixed .header-nav, .header-fixed .header-nav.header-fixed-trans {height:inherit;position:relative}
	.header-fixed .header-nav.header-fixed-trans .nav-in-right, .header-fixed .header-nav.header-fixed-trans .menu-icons-list {margin-left:0;margin-right:20px}
	.header-nav li.menu-icons i.menu-icons-style {color:#555}
}
/*Fixed Boxed*/
.boxed-layout.header-fixed .header-nav.header-sticky {left:inherit;width:inherit}
/*Header Nav Background Light*/
@media (min-width: 992px) {
	.header-nav.nav-background-light .navbar {background:#fff;border-top:1px solid #e5e5e5}
	.header-fixed .header-nav.nav-background-light .navbar-nav > li > a {color:#000;font-weight:bold}
	.header-fixed .header-nav.nav-background-light li.menu-icons i.menu-icons-style {color:#555}
}
/*Header Nav Background Dark*/
@media (min-width: 992px) {
	.header-nav.nav-background-dark .navbar, .header-fixed .header-nav.nav-background-dark.header-fixed-trans .navbar {background-color:inherit}
	.header-nav.nav-background-dark .navbar-nav > li > a, .header-fixed .header-nav.nav-background-dark.header-fixed-trans .navbar-nav > li > a {color:#fff}
	.header-nav.nav-background-dark li.menu-icons i.menu-icons-style, .header-fixed .header-nav.nav-background-dark.header-fixed-trans li.menu-icons i.menu-icons-style {color:#fff}
	.header-nav.nav-background-dark .search-open {background:#25252a}
	.header-fixed .header-nav.nav-background-dark.header-fixed-trans .search-open {border-bottom:none}
	.header-nav.nav-background-dark .search-open .form-control {color:#fff;background:#000}
	.header-nav.nav-background-dark .search-open .form-control::-moz-placeholder {color:#fff}
	.header-nav.nav-background-dark .search-open .form-control:-ms-input-placeholder {color:#fff}
	.header-nav.nav-background-dark .search-open .form-control::-webkit-input-placeholder {color:#fff}
	.header-nav.nav-background-dark li.menu-icons i.fa-times, .header-fixed .header-nav.nav-background-dark.header-fixed-trans li.menu-icons i.fa-times {color:#fff}
	.header-nav.nav-background-dark .dropdown-menu li a {color:#ccc}
	.header-nav.nav-background-dark .mega-menu .mega-height-in {border-left-color:#45454a}
	.header-nav.nav-background-dark .mega-menu .mega-height-list h3 { color:#fff}
	.header-nav.nav-background-dark .mega-menu .mega-height-list li a {color:#ccc}
}

/*---------- Basic Body ----------*/
.basic-body .basic-body-main {padding-top:40px;padding-bottom:40px;min-height:800px}
.basic-body .basic-body-side {padding-bottom:40px}
@media (max-width: 991px){
	.basic-body .basic-body-main.left-main {border-right:0}
	.basic-body .basic-body-main.right-main {border-left:0}
	.basic-body .basic-body-side.left-side {margin-right:0;border-right:0}
	.basic-body .basic-body-side.right-side {margin-left:0;border-left:0}
}

/*---------- Board Title ----------*/
.board-title {position:relative;overflow:hidden;padding:5px 0;background:#f8f8f8;border-style:solid;border-color:#ddd;border-width:0 0 1px}
.board-title h3 {margin:0;padding:0;line-height:30px;font-size:14px;color:#000;font-weight:bold}
.board-title .breadcrumb {padding:0;margin:0;list-style:none;background-color:inherit;border-radius:0;line-height:30px}
@media (min-width:992px){
	.board-title {border-width:1px 0}
}

/* 사이드 레이아웃 */
.h2-sub-title {margin:25px 0 0;width:100%;height:50px;line-height:50px;text-align:center; font-family: NotoSansDL; background:orange; color:white;margin-bottom:40px}


.h2-sidebar-nav {}
.h2-sidebar-nav li {}
.h2-sidebar-nav li a {display:block;margin-top:10px;border-bottom:1px solid #ddd;padding:0 0 5px 10px;color:#6a6a6a}
.h2-sidebar-nav li a:hover, .h2-sidebar-nav li.active > a {color:#3a3a3a;border-color:#3a3a3a}
.h2-sidebar-nav li.active > a {font-weight:bold}
.h2-sidebar-nav li ul {padding-left:20px;margin:0 0 20px}
.h2-sidebar-nav li ul li {}
.h2-sidebar-nav li ul li a {font-size:14px}

.side-menu-bottom ul li {margin-bottom:5px}
.side-menu-bottom ul li a {display:block;color:#9a9a9a;border:1px solid #9a9a9a}
.side-menu-bottom ul li a i {display:inline-block;width:35px;height:35px;text-align:center;line-height:35px;background:#9a9a9a;color:#fff;margin-right:20px;font-size:16px}
.side-menu-bottom ul li a:hover {color:#6a6a6a;border-color:#6a6a6a}
.side-menu-bottom ul li a:hover i {background:#6a6a6a}

/*---------- Footer ----------*/
.footer-top {border-top:1px solid #e5e5e5}
.footer .header-h2-logo {height:inherit}
.footer .header-h2-logo .h2-img img {height:56px}
/*Footer Background Light*/
.footer.footer-light {padding:10px 0 0;background:#fff;font-size:14px;border-top:1px solid #e5e5e5}
.footer.footer-light .footer-info-menu li a {display:block;padding:2px 3px;color:#b5b5b5;text-decoration:underline;font-size:13px;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.footer.footer-light .footer-info-menu li a:hover {border-color:#333;color:#333}
.footer.footer-light address {color:#858585;margin-bottom:10px;font-size:14px}
.footer.footer-light .copyright {margin-top:10px;padding:15px 0;background:#f8f8f8;border-top:1px solid #e5e5e5}
.footer.footer-light .copyright p {font-size:13px;margin:0;color:#757575}
@media (max-width:500px){
	.footer-info-menu {margin:0}
	.footer-info-menu li {margin-bottom:10px}
	.breadcrumb {display:none}
}
.view-content table {width:100% !important}

/* Relation Banner */
.owl-relation-banner {padding:0 10px;position:relative;margin:20px 0 30px}
.owl-relation-banner .item {padding:0 10px}
.owl-relation-banner .item a {display:block;border:1px solid #9a9a9a;color:#9a9a9a;text-align:center;height:40px;line-height:40px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease}
.owl-relation-banner .item a:hover {color:#333;border-color:#333}
.owl-relation-banner .btn {position:absolute;top:-5px;font-size:25px}
.owl-relation-banner .btn:active {box-shadow:0 0 0 #fff}
.owl-relation-banner .btn.prev {left:-5px}
.owl-relation-banner .btn.next {right:-5px}

/*---------- Main Contents ----------*/
/* 메인 회사 소개 */
.h2-introduce {border:1px solid #d5d5d5}
.h2-introduce h2 {font-size:42px;font-weight:bold;color:#d5d5d5;margin:10px 0 5px;padding:0 10px;line-height:1}
.h2-introduce h3 {font-size:14px;line-height:26px;font-weight:bold;padding:0 10px;margin:0 0 10px;color:#8FBAFA}
.h2-introduce h3 span {display:block;font-size:13px;color:#656565;border-top:1px solid #8FBAFA}
.h2-introduce img {padding:10px}
.h2-introduce p {padding:20px 10px;margin:0;display:none;color:#757575}
.btn-h2-introduce {text-align:center;border-top:1px solid #ddd;padding:15px 0}
.btn-h2-introduce a {padding:7px 15px;color:#757575;background:#f5f5f5;border:1px solid #b5b5b5}
@media (min-width:768px){
	.h2-introduce, .btn-h2-introduce a {-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
	.h2-introduce:hover {border-color:#b5b5b5}
	.btn-h2-introduce a:hover {color:#fff;border-color:#8FBAFA;background:#8FBAFA}
	.h2-introduce h3 {font-size:16px;margin:0 0 10px}
	.h2-introduce h3 span {font-size:14px}
	.h2-introduce p {display:block;min-height:145px}/* 높이 값을 설정해 동일한 높이의 디자인 구성 */
	.btn-h2-introduce {padding:20px 0}
}

/* 메인 베너 */
.bar-banner-slider {width:100%;height:186px;overflow:hidden;position:relative}
.bar-banner-slider .owl-btn {position:absolute;right:5px;top:5px;width:20px;height:20px;text-align:center;line-height:20px;background-color:rgba(0,0,0,0.3);color:#fff;z-index:100;cursor:pointer}
.bar-banner-slider .owl-btn.prev-bar-banner {right:30px}
.bar-banner-slider .owl-btn:hover {background-color:rgba(0,0,0,0.5)}
.bar-banner-slider .item {padding-left:200px;height:186px}
.bar-banner-slider .item img {position:absolute;top:0;left:0;height:186px}
.bar-banner-slider .banner-slider-text {position:relative;z-index:5}
.bar-banner-slider .text-left {width:40%;float:left;background:#8FBAFA;height:100px;position:relative;padding:20px 0 0 30px;z-index:9}
.bar-banner-slider .text-left h5 {color:#fff;font-size:2em;font-weight:bold;margin:5px 0 10px}
.bar-banner-slider .text-left p {color:#fff;font-size:14px}
.bar-banner-slider .text-right {width:60%;float:right;background:#fafafa;border:1px solid #aaa;border-left:0 none;height:100px;padding:15px 0 0;text-align:center;z-index:9;overflow:hidden;position:relative}
.bar-banner-slider .text-right:before {content:"";display:block;width:140px;height:75px;transform:rotate(45deg);position:absolute;left:-47px;top:38px;background:#8FBAFA}
.bar-banner-slider .text-right p {width:300px;margin:0 auto 5px;font-size:14px}

/* 메인 솔루션 리스트 */
.main-solution-list {padding:10px;border:1px solid #ddd;padding-left:100px;position:relative}
.main-solution-list i {display:block;position:absolute;top:25px;left:25px;width:50px;height:50px;text-align:center;line-height:50px;font-size:20px;color:#fff;background:#8FBAFA;border-radius:50% !important;}
.main-solution-list h4 {font-size:15px;line-height:24px;font-weight:bold;margin:5px 0 10px;border-bottom:1px solid #8FBAFA}
.main-solution-list p {font-size:14px;color:#6a6a6a;margin:0}