/*---------- Wrapper ----------*/
.wrapper {position:relative;overflow:hidden}

/*---------- Header & Navbar ----------*/
#hd {position:relative;border-bottom:1px solid #d9dde3;background:#fff}
#hd:after {display:block;visibility:hidden;clear:both;content:""}
#hd-h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.to-content a {z-index:1000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}
/* header wrap */
.header-wrap {position:relative;background-color:#fff;transition:all .3s ease 0s;z-index:1002}
.header-wrap.nav-sticky {background-color:#fff;border-bottom:1px solid rgba(0,0,0,0.7);position:fixed;right:0;left:0;top:0;z-index:1004}
.header-wrap.nav-sticky + .basic-body {padding-top:126px;padding-bottom:30px}
@media (max-width:991px) {
	.header-wrap.nav-sticky + .basic-body {padding-top:126px;padding-bottom:30px}
}
/* top header */
.top-header {border-bottom:1px solid rgba(255,255,255,.1)}
.top-header .text-black {color:#858585 !important}
.top-header-nav li > a {color:#858585}
.header-wrap {background-color:rgba(0,0,0,0.6);transition:all .5s ease 0s;box-shadow:0 0 1px rgba(0,0,0,.35)}
.header-wrap.nav-sticky {background-color:rgba(0,0,0,0.9);position:fixed;right:0;left:0;top:0;z-index:99}
.navbar-nav a, .navbar-toggler {color:#fff}
.nav-sticky .navbar-nav>li>a, .nav-sticky .navbar-toggler {color:#fff}
.top-header-box:after {content:"";display:block;clear:both}
.top-header-l {float:left;width:50%}
.top-header-r {float:right;width:50%}
.top-header-nav li {display:inline-block;padding:0;color:#fff;margin-right:10px;vertical-align:middle;z-index:1004}
.top-header-nav li > a {display:block;color:#fff;height:40px;line-height:40px;padding:0;font-size:.785rem;font-weight:200;}
.top-header-nav li > a i {margin-right:5px;color:#fff}
.top-header-nav li.dropdown > a {cursor:pointer}
.top-header-nav li.dropdown .dropdown-menu {background-color:#fff;padding:5px 0;border:1px solid rgba(0,0,0,0.7);box-shadow:none;border-radius:0;margin:0;left:inherit;right:0}
.top-header-nav li.dropdown .dropdown-menu a {display:block;padding:5px 10px;color:#151515}
.top-header-nav li.dropdown .dropdown-menu a:hover {background-color:transparent;color:#cc2300}
.top-header-nav li.dropdown:hover > .dropdown-menu {display:block}
.top-header-nav.text-right li.dropdown .dropdown-menu {left:inherit;right:0}
.top-header .social-icons {font-size:0}
.top-header .social-icons li {display:inline-block;padding:2px}
.top-header .social-icons li a {font-size:16px;height:30px;width:30px;line-height:28px;display:inline-block;text-align:center;vertical-align:middle;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:100%}
.top-header .social-icons li a:hover {background-color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.9);color:#3949AB}
@media (max-width:991px) {
    .top-header-l {width:30%}
    .top-header-l li div {display:none}
    .top-header-r {width:70%}
}


/* navbar */
.navbar {padding:0}
.navbar-brand img {width:auto;height:45px}
.navbar .mobile-search-btn {position:absolute;top:10px;right:50px}
.navbar .mobile-sidebar-toggle {position:absolute;top:10px;right:0}
.navbar-collapse {flex-direction:inherit}
.navbar-nav li {position:relative;list-style:none}
.navbar-nav a,.navbar-toggler {color:#fff}
.nav-sticky .navbar-nav>li>a,.nav-sticky .navbar-toggler {color:#fff}
.navbar-nav>li>.nav-link {font-size:18px;font-weight:500;padding:25px 18px !important}
.navbar-nav>li>.nav-link.active {font-size:18px; color:#7296ff;font-weight:500;}
.navbar-nav > li.navbar-nav-home > a  {background:#424242;color:#fff;border-top:1px solid #424242;display:none;}
.navbar-nav>.nav-empty {font-size:12px;padding:25px 10px !important;color:#fff}
.navbar-nav>.nav-empty>a {color:#fff;padding:0}
.navbar-nav>li.dropdown-mega-menu>.nav-link {font-size:16px;padding:23px 18px !important}
.navbar-nav>li>.pc-search-btn {font-size:16px;padding:23px 10px !important}
.navbar-nav .dropdown-toggle::after {border:0 none;font-family:'Font Awesome\ 5 Free';content:"\f107";font-weight:500;height:auto;line-height:normal;margin-left:5px;vertical-align:middle;width:auto;}
.navbar-nav .dropdown-toggle:only-child::after {display:none}
.navbar-nav .dropdown-mega-menu .dropdown-toggle::after {display:none;}
.navbar-nav .dropdown-menu {background-color:#424242;border:0 none;border-radius:0;margin:0;min-width:12rem;padding:8px 0;top:120%;display:inherit;opacity:0;visibility:hidden;z-index:-1;transition: all 0.2s ease-in-out}
.navbar-nav .dropdown-menu .dropdown-toggler::after {position:absolute;right:10px;top:10px}
.navbar-nav .dropdown:hover>.dropdown-menu {z-index:10;top:100% !important;opacity:1;visibility:visible}
.navbar-nav .dropdown-item {padding:8px 25px 8px 15px !important;color:#d5d5d5;font-size:15px}
.navbar-nav .dropdown-item.active,.navbar-nav .dropdown-item:active,.navbar-nav .dropdown-item:focus,.dropdown-item:hover {background-color:transparent}
.navbar-nav .dropdown-menu li a.active,.navbar-nav .dropdown-menu li a:hover,.navbar-nav .dropdown-menu>ul>.mega-menu-col ul>li:hover>a,.navbar-nav .dropdown-menu>ul>li:hover>a {background-color:rgba(0,0,0,.3);color:#fff}
.navbar-nav .dropdown-mega-menu {position:static}
.navbar-nav .dropdown-mega-menu .dropdown-toggle::after {display:none;}
.navbar-nav .dropdown-menu {background-color:#424242;border:0 none;border-radius:0;margin:0;min-width:12rem;padding:8px 0;top:120%;display:inherit;opacity:0;visibility:hidden;z-index:-1;transition: all 0.2s ease-in-out}
.navbar-nav .dropdown-menu .dropdown-toggler::after {position:absolute;right:10px;top:10px}
.navbar-nav .dropdown:hover>.dropdown-menu {z-index:10;top:100% !important;opacity:1;visibility:visible}
.navbar-nav .dropdown-item {padding:8px 25px 8px 15px !important;color:#d5d5d5;font-size:15px}
.navbar-nav .dropdown-item.active,.navbar-nav .dropdown-item:active,.navbar-nav .dropdown-item:focus,.dropdown-item:hover {background-color:transparent}
.navbar-nav .dropdown-menu li a.active,.navbar-nav .dropdown-menu li a:hover,.navbar-nav .dropdown-menu>ul>.mega-menu-col ul>li:hover>a,.navbar-nav .dropdown-menu>ul>li:hover>a {background-color:rgba(0,0,0,.3);color:#fff}
.navbar-nav .dropdown-mega-menu {position:static}
.navbar-nav .mega-menu {display:table;padding:15px 0;width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap}
.navbar-nav .dropdown-mega-menu .dropdown-menu {right:0}
.navbar-nav .mega-menu-col {border-right:1px solid #525252;flex:0 0 auto;width:16.666% !important}
.navbar-nav .mega-menu-col:nth-child(6) {border-right:0}
.navbar-nav .mega-menu-col:nth-child(12) {;border-right:0}
.navbar-nav .mega-menu-col:nth-child(18) {border-right:0}
.navbar-nav .mega-menu-col:nth-child(7) h5,.navbar-nav .mega-menu-col:nth-child(8) h5,.navbar-nav .mega-menu-col:nth-child(9) h5,.navbar-nav .mega-menu-col:nth-child(10) h5,.navbar-nav .mega-menu-col:nth-child(11) h5,.navbar-nav .mega-menu-col:nth-child(12) h5,.navbar-nav .mega-menu-col:nth-child(13) h5,.navbar-nav .mega-menu-col:nth-child(14) h5 {border-top:1px solid #525252;padding-top:20px;margin-top:15px}
.navbar-nav .mega-menu-col h5 a {display:block;padding:5px 15px !important;font-size:15px;font-weight:700}
/* mega-menu 6-col start */
.navbar-nav .mega-menu-col {width:16.666% !important}
.navbar-nav .mega-menu-col h5 a {background-color:transparent;color:#fff}
.navbar-nav .mega-menu-col h5 a:hover {background-color:transparent;color:#8C9EFF}
.navbar-nav .mega-menu-col h5 a.active {background-color:transparent;color:#8C9EFF}


@media (min-width:992px) {
    .navbar-expand-lg .offcanvas {position:static}
    .navbar-expand-lg .navbar-nav {justify-content:flex-end}
    .navbar-nav {max-height:70px}
}
@media (max-width:1199px) {
    .navbar-nav>li>.nav-link {font-size:1.07rem;padding:20px 25px !important}
}
@media (max-width:991px) {
    .navbar {height:55px}
	.navbar-brand img {width:auto;height:39px}
}

/* sidebar nav (mobile) */
.sidebar-left .sidebar-member-menu {display:none}
@media (max-width:991px) {
    .sidebar-left {position:fixed;bottom:0;z-index:1004;display:flex;flex-direction:column;max-width:100%;width:300px;visibility:hidden;background-color:#fff;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}
    .offcanvas-backdrop {z-index:1003}
    .sidebar-left .sidebar-left-content {padding-bottom:20px}
    .sidebar-left.show .sidebar-left-content {position:relative;height:100%;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}
    .sidebar-left .offcanvas-header {padding:15px}
    .sidebar-left .sidebar-member-menu {position:relative;display:block;background-color:#e5e5e5;padding:5px 15px;border-top:1px solid #c5c5c5}
    .sidebar-left .sidebar-member-menu .sidebar-member-btn-box {display:block;float:left;width:50%}
    .sidebar-left .sidebar-member-menu .sidebar-member-btn {position:relative;background:#2b2b2e;width:130px;height:30px;line-height:30px;color:#fff;text-align:center;font-size:1.07rem;border-radius:3px}
    /* nav */
    .sidebar-left .navbar-nav {position:relative;margin:0;float:none;border-bottom:1px solid #e5e5e5}
    .sidebar-left .navbar-nav > .nav-li-divider {display:none}
    .sidebar-left .navbar-nav > .nav-li-space {height:40px;border-bottom:none;border-top:1px solid #e5e5e5;background:#fff}
    .sidebar-left .navbar-nav > li {float:none}
    .sidebar-left .navbar-nav > li > a {line-height:42px;padding:0 30px !important;font-size:1.07rem;color:#000}
    .sidebar-left .navbar-nav > li > a > .nav-cate-icon {width:20px;text-align:center}
    .sidebar-left .navbar-nav > li a {border-bottom:none;border-top:1px solid #e5e5e5}
    .sidebar-left .navbar-nav > li a:hover {border-top:1px solid #e5e5e5}
    .sidebar-left .navbar-nav > li:first-child > a {border-top:1px solid transparent}
    .sidebar-left .navbar-nav > li > .nav-link.active {color:#cc2300}
    .sidebar-left .navbar-nav > li.navbar-nav-home {display:block}
    .sidebar-left .navbar-nav > li.navbar-nav-home > a {background:#2b2b2e;color:#fff;border-top:1px solid #2b2b2e}
    .sidebar-left .navbar-nav > li > .cate-dropdown-open {position:absolute;top:1px;right:0;width:42px;height:42px;line-height:42px;margin:0;padding:0;text-align:center;border:0;border-left:1px solid #f0f0f0;z-index:1}
    .sidebar-left .navbar-nav > li > .cate-dropdown-open:before {font-family:'Font Awesome\ 5 Free';content:"\f067";font-weight:900;color:#353535}
    .sidebar-left .navbar-nav > li > .cate-dropdown-open:hover {border-top:0}
    .sidebar-left .navbar-nav > li > .cate-dropdown-open.show:before {font-family:'Font Awesome\ 5 Free';content:"\f068";font-weight:900;color:#cc2300}
    .sidebar-left .navbar-nav .dropdown > a:after {display:none}
    .sidebar-left .navbar-nav .dropdown-menu {position:relative;border:0;float:none;width:auto;margin:0;padding:0;box-shadow:none;background-color:transparent;display:none}
    .sidebar-left .navbar-nav .dropdown-menu:after {content:"";position:absolute;top:10px;bottom:10px;left:20px;width:1px;background:#e5e5e5}
    .sidebar-left .navbar-nav .dropdown-menu > li > a {color:#555555;line-height:26px;border-top:1px solid #e5e5e5}
    .sidebar-left .navbar-nav .dropdown-menu > li:first-child > a {border-top:1px solid #e5e5e5}
    .sidebar-left .navbar-nav .dropdown-menu.show {display:block;opacity:1;visibility:visible}
    .sidebar-left .navbar-nav .dropdown-submenu > a {position:relative;color:#555555;font-size:.9375rem;background:#fafafa;line-height:26px;padding:6px 15px 6px 35px !important;border-top:0}
    .sidebar-left .navbar-nav .dropdown-submenu > a:after {content:"";position:absolute;top:50%;left:15px;width:11px;height:11px;transform:translateY(-50%);border:2px solid #a5a5a5;border-radius:50%;background:#fff;z-index:1}
    .sidebar-left .navbar-nav .dropdown-submenu:first-child > a {border-top:1px solid #e5e5e5}
    .sidebar-left .navbar-nav .dropdown-submenu > a:hover {background:#e5e5e5;color:#000;border-top:0}
    .sidebar-left .navbar-nav .dropdown-submenu > a.active {background:#e5e5e5;color:#000;font-weight:700}
    .sidebar-left .navbar-nav .dropdown-submenu:first-child > a:hover {border-top:1px solid #e5e5e5}
    .sidebar-left .navbar-nav .dropdown-submenu:hover > .dropdown-menu {top:0 !important}
    .sidebar-left .navbar-nav .dropdown-menu.show .dropdown-menu {display:block;opacity:1;visibility:visible;left:0}
    .sidebar-left .navbar-nav .dropdown-menu .dropdown-menu .dropdown-submenu > a {border-top:0;padding: 6px 15px 6px 45px !important;}
    .sidebar-left .navbar-nav .dropdown-menu .dropdown-menu .dropdown-submenu > a:after {left:20px;width:12px;height:1px;border:0;border-radius:inherit;background:#d5d5d5}
    .sidebar-left .navbar-nav .dropdown-item i {position:absolute;top:12px;right:15px}
}

/*---------- Page Title ----------*/
.page-title-wrap {position:relative;width:100%;height:70px;background:#454545;padding:0}
.page-title-wrap > .container {position:relative}
.page-title-wrap h2 {margin:0;padding:22px 0;font-size:1.25rem;color:#fff;font-weight:700}
.page-title-wrap .sub-breadcrumb-wrap {display:block;position:absolute;top:25px;right:15px}
.page-title-wrap .sub-breadcrumb {color:#c5c5c5;font-size:.875rem}
.page-title-wrap .sub-breadcrumb:after {content:"";display:block;clear:both}
.page-title-wrap .sub-breadcrumb li {float:left;margin-left:7px}
.page-title-wrap .sub-breadcrumb li:before {content:"/";margin-right:7px}
.page-title-wrap .sub-breadcrumb li:first-child:before {display:none}
.page-title-wrap .sub-breadcrumb a {color:#fff}

/*---------- Sub Nav ----------*/
.sub-nav-wrap {position:relative;z-index:3;padding:20px 0 0;margin-bottom:40px}
.sub-nav-home {display:none}
.sub-nav-list {position:relative}
.sub-nav-title {position:relative;margin:0;padding:0 30px 0 15px;font-size:13px;line-height:30px;border:1px solid #c5c5c5}
.sub-nav-title i {position:absolute;top:8px;right:10px}
.sub-nav-list ul {display:none;position:absolute;top:31px;left:0;z-index:10;width:100%;padding:10px 0;border:1px solid #c5c5c5;border-top:0 none;background:#fff}
.sub-nav-list li a {display:block;padding:0 15px;font-size:13px;line-height:30px}
.sub-nav-depth1 {margin-bottom:10px}
.sub-nav-wrap .sub-breadcrumb-wrap {display:none}
@media (min-width:992px){
    .sub-nav-wrap {position:relative;width:100%;height:70px;background:#555;padding:0;margin-bottom:40px}
    .sub-nav-wrap .container {position:relative}
    .sub-nav-wrap-in:after {content:"";display:block;clear:both}
    .sub-nav-home {display:block;float:left}
    .sub-nav-home a {display:block;height:50px;padding:0 15px;line-height:50px;font-size:20px;color:#353535;border-left:1px solid #c5c5c5;border-right:1px solid #c5c5c5}
    .sub-nav-home a:hover {color:#cc2300}
    .sub-nav-list {float:left;margin:0 0 0 -1px}
    .sub-nav-title {min-width:200px;padding:0 45px 0 25px;line-height:50px;font-size:15px;border:0 none;color:#353535;border-right:1px solid #c5c5c5}
    .sub-nav-title.cursor-pointer {cursor:pointer}
    .sub-nav-title i {top:18px;right:20px}
    .sub-nav-title:hover {color:#cc2300;font-weight:700}
    .sub-nav-list ul {top:50px;padding:0}
    .sub-nav-list li {float:none}
    .sub-nav-list li a {padding:10px 15px;border-top:1px solid #c5c5c5;font-size:14px}
    .sub-nav-list li:first-child a {border-top:0}
    .sub-nav-list li a:hover {color:#303F9F;background:#fafafa}
    .sub-nav-list li.active a {color:#303F9F;font-weight:700}
    .sub-nav-wrap .sub-breadcrumb-wrap {display:block;position:absolute;top:25px;right:15px}
    .sub-nav-wrap .sub-breadcrumb {color:#c5c5c5}
    .sub-nav-wrap .sub-breadcrumb:after {content:"";display:block;clear:both}
    .sub-nav-wrap .sub-breadcrumb li {float:left;margin-left:7px}
    .sub-nav-wrap .sub-breadcrumb li:before {content:"/";margin-right:7px}
    .sub-nav-wrap .sub-breadcrumb li:first-child:before {display:none}
    .sub-nav-wrap .sub-breadcrumb a {color:#fff}

}
@media (max-width:992px) {
    .sub-nav-wrap {padding-top:20px;background:#fff}
}


/*---------- Board Title - 서브페이지 보드 타이틀 ----------*/
.board-title {position:relative;padding-top:0px;;margin-top:-111px;}
.board-title-image {position:relative;width:100%;height:340px;background-repeat:no-repeat;background-size:cover;background-position:center top}
.board-title-image:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.35)}
.board-title-image .mask-block {position:absolute;;width:100%;height:50%;background:#57B5E7}
.board-title-image .mask-block.mask-1 {right:0;top:0}
.board-title-image .mask-block.mask-2 {left:0;bottom:0}
.board-title-image .mask-block.active {width:0%;-webkit-transition: width .5s linear;-moz-transition: width .5s linear;-o-transition: width .5s linear;-ms-transition: width .5s linear;transition: width .5s linear}
.board-title-caption {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
.board-title-caption h2 {position:relative;margin:80px 0 0px;font-size:30px;font-weight:500;color:#fff;letter-spacing:5px}
.board-title-caption h2:after {content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:40px;height:1px;background:#fff}

.board-title-caption .btn-more  {padding-top:40px; text-align:center; color:#fff;border-color:#fff}
.board-title-caption .btn-more a {position:relative;display:inline-block;overflow:hidden;padding:8px 25px;letter-spacing:2px;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}
.board-title-caption .btn-more a:hover {color:#fff}
.board-title-caption .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 #000;z-index:-1;transform: translateX(-100%);-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.board-title-caption .btn-more a:hover:before {transform: translateX(0);color:#000;background:#fff}
.board-title-caption .breadcrumb {margin:0;background:none;color:#ddd}
.board-title-caption .breadcrumb a {font-size:15px;color:#eee;padding:0 10px 0 10px;}
.board-title-caption .breadcrumb a:hover {color:#fff;}
@media (max-width:991px) {
	.board-title {padding-left:0; padding-top:0px;}
	.board-title-image {position:relative;width:100%;height:320px;background-repeat:no-repeat;background-size:cover;background-position:center top}
	.board-title-caption {top:0;left:0;transform:translateY(0%);width:100%;height:100%;padding:110px 10px 10px;background:rgba(0,0,0,.2)}
	.board-title-caption h2 {position:relative;margin:60px 0 0px;font-size:24px;font-weight:500;color:#fff;letter-spacing:5px}
	.board-title-caption .breadcrumb a {font-size:13px;padding:0 10px 0 10px;}
}


/*---------- Body ----------*/
.basic-body {position:relative;padding:0px 5px 50px 5px;}
.basic-body:after {content:"";display:block;clear:both}

/*---------- Page Title ----------*/
.subpage-title {position:relative;font-size:1.12rem;border-bottom:1px solid #e5e5e5;font-weight:bold;padding:10px 0;line-height:1.7;color:#353535;background:#fff;margin-bottom:30px}
.subpage-title::after {content:"";position:absolute;bottom:-2px;left:0;width:50px;height:3px;background-color:#3F51B5}
.subpage-title .back-btn {display:block;position:absolute;top:16px;right:0;text-align:center;padding:6px 15px;margin:0;font-weight:400;line-height:1;border:1px solid #b5b5b5;font-size:.875rem}
.subpage-title .back-btn:hover {color:#303F9F}
@media (max-width:767px) {

}

/*---------- Main Contents ----------*/
.main-wrap {position:relative;margin-left:-10px;margin-right:-10px}
.main-wrap:after {content:"";display:block;clear:both}
.basic-body-main {float:left;padding:0;width:100%}
.main-contents {position:relative}
.main-slider {margin:0 0 0px}
@media (max-width:1199px) {
    .basic-body-main.left-main, .basic-body-main.right-main {width:75%}
}
@media (max-width:991px) {
    .basic-body-main.left-main, .basic-body-main.right-main {width:100%}
}
@media (max-width:576px) {
    .main-slider {margin:-31px -15px 10px}
}


/*---------- Side ----------*/
.basic-body-side {float:left;padding:0 10px;width:24%}
.side-contents {position:relative}
@media (max-width:1199px) {
    .basic-body-side {width:25%}
}
@media (max-width:991px) {
    .basic-body-side {width:100%;float:inherit;padding:0;width:inherit}
}

/* sidebar nav (mobile) */
.sidebar-left .sidebar-member-menu {display:none}
@media (max-width:991px) {
    .sidebar-left {position:fixed;bottom:0;z-index:1004;display:flex;flex-direction:column;max-width:100%;width:300px;visibility:hidden;background-color:#fff;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}
    .offcanvas-backdrop {z-index:1003}
    .sidebar-left .sidebar-left-content {padding-bottom:20px}
    .sidebar-left.show .sidebar-left-content {position:relative;height:100%;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}
    .sidebar-left .offcanvas-header {padding:15px;border-bottom:1px solid #e5e5e5}
    .sidebar-left .sidebar-member-menu {position:relative;display:block;background-color:#e5e5e5;padding:5px 15px;border-top:1px solid #c5c5c5}
    .sidebar-left .sidebar-member-menu .sidebar-member-btn-box {display:block;float:left;width:50%}
    .sidebar-left .sidebar-member-menu .sidebar-member-btn {position:relative;background:#2b2b2e;width:130px;height:30px;line-height:30px;color:#fff;text-align:center;font-size:.8125rem;border-radius:3px}
    /* nav */
    .sidebar-left .navbar-nav {position:relative;margin:0;float:none;border-bottom:1px solid #e5e5e5}
    .sidebar-left .navbar-nav > .nav-li-divider {display:none}
    .sidebar-left .navbar-nav > .nav-li-space {height:40px;border-bottom:none;border-top:1px solid #e5e5e5;background:#fff}
    .sidebar-left .navbar-nav > li {float:none}
    .sidebar-left .navbar-nav > li > a {line-height:42px;padding:0 15px !important;font-size:.9375rem;color:#000}
    .sidebar-left .navbar-nav > li > a > .nav-cate-icon {width:20px;text-align:center}
    .sidebar-left .navbar-nav > li a {border-bottom:none;border-top:1px solid #e5e5e5}
    .sidebar-left .navbar-nav > li a:hover {border-top:1px solid #e5e5e5;color:#151515}
    .sidebar-left .navbar-nav > li:first-child > a {border-top:1px solid transparent}
    .sidebar-left .navbar-nav > li > .nav-link.active {color:#cc2300}
    .sidebar-left .navbar-nav > li.navbar-nav-home {display:block}
    .sidebar-left .navbar-nav > li.navbar-nav-home > a {background:#2b2b2e;color:#fff;border-top:1px solid #2b2b2e;padding:0 15px !important}
    .sidebar-left .navbar-nav > li > .cate-dropdown-open {position:absolute;top:1px;right:0;width:42px;height:42px;line-height:42px;margin:0;padding:0;text-align:center;border:0;border-left:1px solid #f0f0f0;z-index:1}
    .sidebar-left .navbar-nav > li > .cate-dropdown-open:before {font-family:'Font Awesome\ 5 Free';content:"\f067";font-weight:900;color:#353535}
    .sidebar-left .navbar-nav > li > .cate-dropdown-open:hover {border-top:0}
    .sidebar-left .navbar-nav > li > .cate-dropdown-open.show:before {font-family:'Font Awesome\ 5 Free';content:"\f068";font-weight:900;color:#cc2300}
    .sidebar-left .navbar-nav .dropdown > a:after {display:none}
    .sidebar-left .navbar-nav .dropdown-menu {position:relative;border:0;float:none;width:auto;margin:0;padding:0;box-shadow:none;background-color:transparent;display:none}
    .sidebar-left .navbar-nav .dropdown-menu:after {content:"";position:absolute;top:10px;bottom:10px;left:20px;width:1px;background:#e5e5e5}
    .sidebar-left .navbar-nav .dropdown-menu > li > a {color:#555555;line-height:26px;border-top:1px solid #e5e5e5}
    .sidebar-left .navbar-nav .dropdown-menu > li:first-child > a {border-top:1px solid #e5e5e5}
    .sidebar-left .navbar-nav .dropdown-menu.show {display:block;opacity:1;visibility:visible}
    .sidebar-left .navbar-nav .dropdown-submenu > a {position:relative;color:#555555;font-size:.9375rem;background:#fafafa;line-height:26px;padding:6px 15px 6px 35px !important;border-top:0}
    .sidebar-left .navbar-nav .dropdown-submenu > a:after {content:"";position:absolute;top:50%;left:15px;width:11px;height:11px;transform:translateY(-50%);border:2px solid #a5a5a5;border-radius:50%;background:#fff;z-index:1}
    .sidebar-left .navbar-nav .dropdown-submenu:first-child > a {border-top:1px solid #e5e5e5}
    .sidebar-left .navbar-nav .dropdown-submenu > a:hover {background:#e5e5e5;color:#000;border-top:0}
    .sidebar-left .navbar-nav .dropdown-submenu > a.active {background:#e5e5e5;color:#000;font-weight:700}
    .sidebar-left .navbar-nav .dropdown-submenu:first-child > a:hover {border-top:1px solid #e5e5e5}
    .sidebar-left .navbar-nav .dropdown-submenu:hover > .dropdown-menu {top:0 !important}
    .sidebar-left .navbar-nav .dropdown-menu.show .dropdown-menu {display:block;opacity:1;visibility:visible;left:0}
    .sidebar-left .navbar-nav .dropdown-menu .dropdown-menu .dropdown-submenu > a {border-top:0;padding: 6px 15px 6px 45px !important;}
    .sidebar-left .navbar-nav .dropdown-menu .dropdown-menu .dropdown-submenu > a:after {left:20px;width:12px;height:1px;border:0;border-radius:inherit;background:#d5d5d5}
    .sidebar-left .navbar-nav .dropdown-item i {position:absolute;top:12px;right:15px}
}


/*---------- Sidebar User ----------*/
.sidebar-user-btn {position:fixed;bottom:20px;left:70px;width:55px;height:55px;line-height:55px;background:#4b4b4d;font-size:1rem;color:#fff;border:0;border-radius:50%;display:none}
.sidebar-user .offcanvas-header {display:none}
.sidebar-menu-btn {position:fixed;bottom:11px;left:90px;width:70px;height:70px;font-weight: 700; font-size: 0.97em; line-height:20px;background:#4b4b4d;color:#fff;border:0;border-radius:5%;display:none}
.sidebar-menu .offcanvas-header {display:none}
@media (min-width:992px) {
    .sidebar-user {position:inherit;top:inherit;bottom:inherit;right:inherit;z-index:0;display:inherit;flex-direction:inherit;max-width:inherit;visibility:inherit !important;background-color:inherit;background-clip:inherit;border-left:inherit;outline:inherit;transition:inherit;transform:inherit;width:100%}
    .sidebar-menu {position:inherit;top:inherit;bottom:inherit;right:inherit;z-index:0;display:inherit;flex-direction:inherit;max-width:inherit;visibility:inherit !important;background-color:inherit;background-clip:inherit;border-left:inherit;outline:inherit;transition:inherit;transform:inherit;width:100%}
}
@media (max-width:991px) {
    .sidebar-user-btn.mo-btn {display:block;z-index:10000}
    .sidebar-user {position:fixed;bottom:0;display:flex;flex-direction:column;max-width:100%;width:324px;visibility:hidden;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out;overflow-y:auto !important;height:100%;-webkit-overflow-scrolling:touch}
    .sidebar-user .offcanvas-header {display:flex}
    .sidebar-user .side-contents {padding:15px}
    .sidebar-menu-btn.mo-btn {display:block;z-index:10000}
    .sidebar-menu {position:fixed;bottom:0;display:flex;flex-direction:column;max-width:100%;width:324px;visibility:hidden;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out;overflow-y:auto !important;height:100%;-webkit-overflow-scrolling:touch}
    .sidebar-menu .offcanvas-header {display:flex}
}

/*---------- Footer ----------*/
.footer {position:relative;background:#212121;}
.footer-top {padding:25px 0;border-bottom:1px solid #353535}
.footer-top:after {content:"";display:block;clear:both}
.footer-nav {width:50%;float:left}
.footer-nav a {color:#959595;font-size:15px;margin-right:20px}
.footer-aside {position:relative;width:50%;float:right}
.footer-cont {padding:25px 0 25px 0;color:#757575;font-size:13px; border-bottom:1px solid #353535;}
.footer-cont span {display:inline-block;position:relative;padding-right:15px;margin-right:10px}
.footer-cont span:after {content:"";position:absolute;top:4px;right:0;width:2px;height:12px;background-color:#414141}
.footer-cont .last-span {padding-right:0;margin-right:0}
.footer-cont .last-span:after {display:none}
.footer-cont span a {color:#959595}
.footer-cont span a:hover {text-decoration:underline}
.footer-copyright {color:#757575;font-size:13px;text-align:left;margin-top:0px;padding:30px 0}
.family-site {position:absolute;top:-11px;right:0;margin-bottom:0;width:250px}
.family-site dt {position:relative}
.family-site dt a {font-size:13px;line-height:15px;padding:10px;font-weight:200;color:#eee;display:block;background:rgba(255,255,255,.3)}
.family-site dt a:hover {color:#fff}
.family-site dt i {color:#ddd;float:right;display:inline-block;padding-top:5px}
.family-site dd {position:absolute;bottom:32px;margin-bottom:0;width:100%;z-index:2;display:none}
.family-site dd ul {margin-bottom:0;background-color:#fff;border:1px solid #c5c5c5;border-bottom:0}
.family-site ul li {border-top:1px solid #c5c5c5}
.family-site ul li:first-child {border-top:0}
.family-site ul li a {color:#707070;font-size:13px;display:block;padding:7px}
.family-site ul li a:hover {color:#cc2300}
@media (max-width:991px) {
    .footer-nav {width:100%;text-align:center}
    .footer-aside {width:100%;height:45px;margin-top:30px}
    .family-site {top:0;left:50%;right:inherit;transform:translateX(-50%)}
}
@media (max-width:767px) {

}


/* PC용 퀵메뉴 */
#backtotop{ position:fixed; bottom:85px; right:27px; z-index : 1000; display:inline-block;}
.q-menu nav div { width:57px; height:57px; line-height:57px; font-size:1.27em; text-align:center; background:rgba(0,0,0,0.5);  margin:15px 0; border-radius:25px; transition: 0.5s all ease;   -webkit-transition: 0.5s all ease;   -moz-transition: 0.5s all ease;   -ms-transition: 0.5s all ease;   -o-transition: 0.5s all ease; }
.q-menu nav div:hover {background:#c53528; /*rgba(0,0,0,0.9);*/}
.q-menu nav div i { display:inline-block; vertical-align:top; text-align:center; width:100%; height:30px; line-height:23px; font-size:0.85em; }
.q-menu nav div a { display: inline-block; position: relative; width: 30px; height: 30px; top: 30%; text-align: center; color:#fff; text-decoration:none; }
.q-menu nav div a span {font-size:0.7em; display: inline-block; position: absolute; top: 10%; right: 70px; opacity: 0;/*화살전체위치*/
white-space: nowrap; padding: 5px 8px; border-radius: 3px 3px; background:#c53528; /*rgba(0,0,0,0.9);*/ color: #fff; margin-top:-2px; line-height: 1em;
-webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }
.q-menu nav a span:before {content: ''; position: absolute; right:-10px; top: 50%; margin-top:-5px; border:5px solid transparent; border-left-color:#c53528; /*rgba(0,0,0,0.9);*/ }/*화살모양*/
.q-menu nav a:after { position: absolute; content: ''; display: inline-block; width: 30px; height: 30px; margin-left: -5px; margin-top: -10px; top: 50%; left: 50%; }
.q-menu nav a:hover { opacity: 1; }
.q-menu nav a:hover span { right: 50px; opacity: 1; }
.q-menu nav a.active { color: #333; opacity: 1; }


/* 버튼 스타일 */
.btn-more  {padding-top:50px; text-align:center; color:#fff;border-color:#fff}
.btn-more a {position:relative;display:inline-block;overflow:hidden;padding:8px 25px;letter-spacing:2px;color:#000;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 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 #000;z-index:-1;transform: translateX(-100%);-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.btn-more a:hover:before {transform: translateX(0);color:#000;background:#000}
@media (max-width:767px){
	.btn-more a {padding:5px 20px;font-size:11px}
}


/* --- 메인 슬라이더 --- */
.main-slider {position:relative;height:720px;padding-top:0px;margin-top:-111px;}
.main-slider-inner {position:relative;overflow:hidden;display:none}
.main-slider .main-slider-list {padding-top:0px;margin-bottom:0}
.main-slider .main-slider-item {position:relative;outline:none;height:720px;padding-top:0px; overflow:hidden}
/* 이미지 */
.main-slider .main-slider-image {position:relative;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center}
.main-slider .main-slider-image:after{width:100%; height:800px; position: absolute;  content: "";  }
.main-slider .main-slider-image:before{width:100%; height:800px; position: absolute;  content: ""; }

.main-slider .slick-current .main-slider-item.item-animation .main-slider-image {-webkit-transform:scale(1.1);transform:scale(1.1);;-webkit-transition: transform 10s linear;-moz-transition: transform 10s linear;-o-transition: transform 10s linear;-ms-transition: transform 10s linear;transition: transform 10s linear}
.main-slider .main-slider-image:before {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4)}
.main-slider .main-slider-image .mask-block {opacity:0;position:absolute;width:33.333%;height:100%;background:#57B5E7}
.main-slider .main-slider-image .mask-block.mask-1 {top:0;left:0}
.main-slider .main-slider-image .mask-block.mask-2 {bottom:0;left:33.33%}
.main-slider .main-slider-image .mask-block.mask-3 {top:0;left:66.666%}
.main-slider .slick-current .main-slider-item.item-animation .main-slider-image .mask-block {opacity:1;height:0;-webkit-transition-delay:1s;transition-delay:1s;-webkit-transition: height 1s linear;-moz-transition: height 1s linear;-o-transition: height 1s linear;-ms-transition: height 1s linear;transition: height 1s linear}
/* 내용 */
.main-slider .main-slider-caption {position:absolute;top:56%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1100px;text-align:center;}
.main-slider .main-slider-caption h4 {position:relative;margin:40px 0 30px;font-size:48px;letter-spacing:2px;line-height:30px;color:#fff;font-family: 'jua','Nanum Gothic', AppleGothic, Apple SD Gothic Neo, helvetica, '돋움', Dotum, sans-serif;}
.main-slider .main-slider-caption h4:after {content:"";display:block;position:absolute;bottom:-35px;left:47%;transform:translateX(0%);width:50px;height:1px;background:#fff}
.main-slider .main-slider-caption h5 {padding-top:45px; margin:0 0 20px;line-height:30px;font-size:20px;word-break:keep-all;color:#fff;font-family: 'Noto Sans KR', serif;}
/* 버튼 */
.main-slider .main-slider-caption .btn-more  {padding-top:50px; text-align:center; color:#fff;border-color:#fff}
.main-slider .main-slider-caption .btn-more a {color:#fff;border-color:#fff}
.main-slider .main-slider-caption .btn-more a:hover {color:#333}
.main-slider .main-slider-caption .btn-more a:before {border-bottom:80px solid #fff}
/* 컨트롤 점 - 숫자 */
.main-slider .slick-dots {bottom:50px}
.main-slider .slick-dots li {display:inline-block;margin:0 1px 0 0;width:40px;height:40px;line-height:40px;text-align:center;font-size:15px;border-bottom:1px solid #ccc;color:#ccc;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}
.main-slider .slick-dots li:hover {background:rgba(200,200,200,.2)}
.main-slider .slick-dots li.slick-active {color:#fff;border-color:#fff}
/* 컨트롤 좌우 */
.main-slider .slick-next, .main-slider .slick-prev {width:60px;height:120px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease}
.main-slider .slick-next {right:40px;z-index:1}
.main-slider .slick-prev {left:40px;z-index:1}
.main-slider .slick-next:before, .main-slider .slick-prev:before {content:"";display:block;position:absolute;top:50%;width:80px;height:80px;margin-top:-40px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.main-slider .slick-next:before {right:17px;border-right:1px solid #ccc;border-top:1px solid #ccc}
.main-slider .slick-prev:before {left:17px;border-left:1px solid #ccc;border-bottom:1px solid #ccc}
.main-slider .slick-next:after, .main-slider .slick-prev:after {content:"";display:block;position:absolute;top:50%;width:0;height:1px;background:#ccc;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}
.main-slider .slick-next:after {right:1px}
.main-slider .slick-prev:after {left:1px}
.main-slider .slick-next:hover:after, .main-slider .slick-prev:hover:after {width:100px}

/* 반응형 중간기기 1200px 사이즈 이하*/
@media (max-width:1200px) {
	.main-slider .main-slider-caption {position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1000px;text-align:center}
	.main-slider .main-slider-caption h4 {position:relative;margin:40px 0 30px;font-size:42px;letter-spacing:2px;line-height:30px;color:#fff;font-family: 'jua','Nanum Gothic', AppleGothic, Apple SD Gothic Neo, helvetica, '돋움', Dotum, sans-serif;}
	.main-slider .main-slider-caption h5 {padding-top:45px; margin:0 0 20px;line-height:30px;font-size:18px;word-break:keep-all;color:#fff;font-family: 'Noto Sans KR', serif;}
}

/* 반응형 중간기기 992px 사이즈 이하*/
@media all and (max-width:992px){
	.main-slider {position:relative;height:600px;padding-top:0px;}
	.main-slider, .main-slider .main-slider-item {height:600px}
	.main-slider .main-slider-caption {position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:500px;text-align:center}
	.main-slider .main-slider-caption h4 {position:relative;margin:40px 0 30px;font-size:36px;letter-spacing:2px;line-height:20px;text-align:center;color:#fff;left:0%;transform:translateX(-10%);width:90%;text-align:centerfont-family: 'jua','Nanum Gothic', AppleGothic, Apple SD Gothic Neo, helvetica, '돋움', Dotum, sans-serif;}
	.main-slider .main-slider-caption h5 {padding-top:45px; margin:0 0 20px;line-height:16px;font-size:24px;word-break:keep-all;color:#fff;transform:translateX(-7%);font-family: 'Noto Sans KR', serif;}

	.main-slider .slick-next, .main-slider .slick-prev {width:30px;height:60px}
	.main-slider .slick-next {right:15px}
	.main-slider .slick-prev {left:15px}
	.main-slider .slick-next:before, .main-slider .slick-prev:before {width:40px;height:40px;margin-top:-20px}
	.main-slider .slick-next:before {right:10px}
	.main-slider .slick-prev:before {left:10px}
	.main-slider .slick-next:after {right:3px}
	.main-slider .slick-prev:after {left:3px}
	.main-slider .slick-next:hover:after, .main-slider .slick-prev:hover:after {width:40px}
}

/* 반응형 중간기기 767px 사이즈 이하*/
@media (max-width:767px) {
	.main-slider .main-slider-caption h4 {margin:20px 0 20px 60px;font-size:32px;line-height:66px;}
	.main-slider .main-slider-caption h5 {margin:20px 0 20px 60px;font-size:18px}
}




/* introduce section (소개1 영역) */

#company_wrap { position:relative; width:100%; min-width:320px; max-width:1200px; padding-top:50px; margin:0 auto;}
#company_wrap:before {position: absolute; top:20px; left: 50%; width: 1px; height: 30px; content: ''; background-color: #7f7f7f; }
#company_wrap .con_title{ width:100%; padding-bottom:30px; margin:0 auto;}
#company_wrap .con_title p { text-align:center; font-size:1.8em;  line-height:50px; color:#000; font-weight:500; padding:0 10px; margin:0px auto;  }
#company_wrap .con_title span { display:block; text-align:center; font-size:1.15em; color:#777;  padding:0 10px; margin:10px 0 20px 0;}
#company_wrap .con_area { width:100%;}
#company_wrap .con_area:after { content:""; display:block; clear:both;}
#company_wrap .con_area ul{overflow:hidden;}
#company_wrap .con_area ul li{float:left; }
#company_wrap .con_area ul li a{position:relative; display:block;}				
#company_wrap .con_area ul li .img{position:relative; z-index:1; overflow:hidden; }				
#company_wrap .con_area ul li .img img{ position:relative; left:0; top:0; width:100%; height:auto; transition-duration:0.4s; }
#company_wrap .con_area ul li a:hover .img img{ width:575px; left:0px; top:0px; }
#company_wrap .con_area ul li a:hover .tit strong:after{width:100%;}
#company_wrap .con_area ul li .tit{position:absolute; z-index:3; top:40px; left:30px}
#company_wrap .con_area ul li .tit strong{ position:relative; display:inline-block; font-size:1.5em; padding-bottom:8px; margin-bottom:8px;}
#company_wrap .con_area ul li .tit strong:after{content:''; position:absolute; left:0; bottom:0; width:0px; height:2px; background-color:red; transition-duration:0.3s}
#company_wrap .con_area ul li .tit span{display:block; font-size:1em; line-height:1.4em; }
#company_wrap .con_area ul li.larg{float:left; width:575px; height:460px;  margin-right:20px; overflow:hidden; }
#company_wrap .con_area ul li.larg .img{width:575px; }
#company_wrap .con_area ul li.larg .tit{ left:30px;}
#company_wrap .con_area ul li.small{float:left; width:575px; height:220px; margin-bottom:14px;overflow:hidden; }
#company_wrap .con_area ul li.small .img{width:575px;}


/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1200px){

	#company_wrap .con_area ul li.larg{width:49%; margin-right:2%;}
	#company_wrap .con_area ul li.small{width:49%;}

}


/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {			
	
	#company_wrap .con_area ul li a:hover .img img{ width:100%;}
	#company_wrap .con_area ul li.larg{width:100%; height:100%; margin-right:0;  padding-bottom:8px; }

	#company_wrap .con_area ul li.larg .img{width:100%; height:280px; }
	#company_wrap .con_area ul li.small{width:100%;height:100%; margin-bottom:8px;}
	#company_wrap .con_area ul li.small .img{width:100%; }

}

/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {	

	#company_wrap .con_area ul li .tit{ top:30px; }

}


#pro_wrap {  width:100%; margin:0px auto; padding:50px 0; padding-bottom:0px;}
#pro_wrap:after{ content:""; display:block; clear:both;}
#pro_area { width:100%; max-width:1200px; margin:0px auto;}
#pro_area .pro_tit p { text-align:center; font-size:2em;  line-height:50px; color:#000; font-weight:500; padding:0 0 20px 0; margin:0px auto;  }
#pro_area .pro_tit span { display:block; text-align:center; font-size:1.15em; color:#777;  padding:0 10px; margin:10px 0 20px 0;}
#pro_tab {position: relative; width:100%; max-width:1200px;  }
#pro_tab:after{ content:""; display:block; clear:both;}
#pro_tab .tab { width:100%;  border:0px solid #ddd;  }
#pro_tab .tab:after{ content:""; display:block; clear:both;}
#pro_tab .tab li{float: left; display:inline-block; width:49.3%; height:50px; line-height:50px; margin-left:0px; margin-right:18px; border:1px solid #ddd; box-sizing:border-box;}
#pro_tab .tab a{display: block; text-align: center;  box-sizing:border-box; color:#333;}
#pro_tab .tab li:last-child { margin-right:-10px }
#pro_tab .tab li.all { width:31%; background:#333; color:#fff;}
#pro_tab .tab li.all a { background:#333; color:#fff;}
#pro_tab .tab li.on a{background:#333; height:48px; color:#fff;}
#pro_tab li{position: relative;}
#pro_tab li span.date{position: absolute; right:0; text-align:right; font-size:0.9em; color:#ddd; }
#pro_tab div li a{display: inline-block; margin-right:0px; font-size:0.9em; color:#333;}
#pro_tab > div{display: none; padding:0; }
#pro_tab .active{display: block; margin-top:20px; padding:0px;}
#pro_tab .pro_list{ width:100%; max-width:1200px; margin:10px auto; overflow:hidden;}
#pro_tab .pro_list:after {content:""; display:block; clear:both;}
#pro_tab .pro_list > ul{ width:100%; font-size:0; list-style:none; margin-bottom:0px; padding:0; overflow:hidden; }
#pro_tab .pro_list > ul > li{ display:inline-block; width:20%; margin-left:1%; margin-right:1%; padding-bottom:30px; border:1px solid #ddd; box-sizing:border-box; }



/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {			
	
#pro_tab .tab li{float: left; display:inline-block; width:49.5%; height:50px; line-height:50px; margin-bottom:2px; margin-right:8px; border:1px solid #ddd; box-sizing:border-box; }


}



/*---------- Icons ----------*/
/*Social Icons*/
.social-icons {margin:0;padding:0}
.social-icons li {list-style:none;margin-right:3px;margin-bottom:3px;text-indent:-9999px;display:inline-block}
.social-icons li a {width:30px;height:30px;display:block;background-position:0 0;background-repeat:no-repeat;opacity:1}
.social-icons li a:hover {opacity:0.7}
.social_facebook {background:url("../img/social/facebook.png") no-repeat;background-size:30px 30px}
.social_twitter {background:url("../img/social/twitter.png") no-repeat;background-size:30px 30px}
.social_google {background:url("../img/social/google.png") no-repeat;background-size:30px 30px}
.social_youtube {background:url("../img/social/youtube.png") no-repeat;background-size:30px 30px}
.social_kakao {background:url("../img/social/kakao.png") no-repeat;background-size:30px 30px}
.social_kakaostory {background:url("../img/social/kakaostory.png") no-repeat;background-size:30px 30px}
.social_naver {background:url("../img/social/naver.png") no-repeat;background-size:30px 30px}
.social_payco {background:url("../img/social/payco.png") no-repeat;background-size:30px 30px}
.social_band {background:url("../img/social/band.png") no-repeat;background-size:30px 30px}
.social_rss {background:url("../img/social/rss.png") no-repeat;background-size:30px 30px}
.social_pinterest {background:url("../img/social/pinterest.png") no-repeat;background-size:30px 30px}
.social_tumblr {background:url("../img/social/tumblr.png") no-repeat;background-size:30px 30px}
.social_instagram {background:url("../img/social/instagram.png") no-repeat;background-size:30px 30px}
.social_behance {background:url("../img/social/behance.png") no-repeat;background-size:30px 30px}




/*---------- 찾아오시는 길 ----------*/
.page-contact {position:relative}
.contact-map {margin-bottom:50px;border:1px solid #a5a5a5;padding:5px 5px 2px}
.contact-info {max-width:900px;margin:0 auto}
.contact-info dl {margin:0}
.contact-info dl:after {content:"";display:block;clear:both}
.contact-info dl dt {float:left;width:30%;padding-right:50px}
.contact-info dl dt h6 {padding:20px 0;margin:0;border-top:3px solid #555;font-size:16px;font-weight:700}
.contact-info dl dd {float:left;width:70%;padding:20px 0;font-size:16px;border-top:1px solid #555}
@media (max-width:991px){
    .contact-info {padding:0 15px}
    .contact-info dl dt {width:35%;padding-right:30px}
    .contact-info dl dd {width:65%}
}
@media (max-width:767px){
    .contact-info dl dt, .contact-info dl dd {width:100%}
    .contact-info dl dt {padding-right:0}
    .contact-info dl dt h6, .contact-info dl dd {font-size:14px}
}


.exhibition-info {margin-top:10px}
.exhibition-info:after, .exhibition-info-process .process-list ul:after {content:"";display:block;clear:both}
.exhibition-info > div {border-top:2px solid #353535;border-bottom:1px solid #d5d5d5}
.exhibition-info-left {float:left;width:50%;border-left:1px solid #d5d5d5}
.exhibition-info-right {float:right;width:50%;border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5}
.exhibition-info h4 {margin:0;padding:20px;font-size:16px;text-align:center;background:#EFEFEF}
.exhibition-info-process .process-list {position:relative;height:160px;padding:15px}
.exhibition-info-process .process-list:after {content:"";position:absolute;left:10%;top:62px;width:80%;height:1px;background:#d5d5d5}
.exhibition-info-process .process-list ul {position:relative;z-index:1;margin:0 -30px}
.exhibition-info-process .process-list ul li {position:relative;float:left;width:33.33333%;padding:0 30px;line-height:15px;font-size:15px;font-weight:300}
.exhibition-info-process .process-list ul li:before {content:"\f054";position:absolute;right:-8px;top:40px;font-weight:900;color:#959595;font-family:'Font Awesome\ 5 Free'}
.exhibition-info-process .process-list ul li:last-child:before {display:none}
.exhibition-info-process .process-list ul li .process-list-box {padding:20px 5px;text-align:center;background:#fff}
.exhibition-info-process .process-list ul li .process-list-box i {display:block;margin-bottom:10px;line-height:50px;font-size:46px;color:#555;}
.exhibition-info-process .process-list ul li .process-list-box span {display:block;margin-top:30px;font-size:0.95em;color:#cc2300;font-weight:900;padding:10px 0 10px 0;border-radius: 5px;background:#ccc;}
.exhibition-info-process .process-list p {font-size:13px;color:#cc2300}
@media (max-width:991px) {
    .exhibition-info-left, .exhibition-info-right {float:none;width:100%;border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5}
    .exhibition-info-process .process-list {height:auto}
	.exhibition-info-process .process-list ul li .process-list-box span {display:block;margin-top:30px;font-size:0.95em;color:#cc2300;font-weight:900;word-spacing: -5px;}
}
@media (max-width:767px) {
    .exhibition-info h4 {margin:0;padding:10px;font-size:14px}
    .exhibition-info-process .process-list ul {margin:0 -15px}
}