body {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
	line-height: 1.6;
	letter-spacing: 0px;
	color: #000;
}

p {font-size: 16px;}
h6 {font-size: 12px;}
h5 {font-size: 14px;}
h4 {font-size: 18px;}
h3 {font-size: 24px;}
h2 {font-size: 30px;}
h1 {font-size: 36px;}
  
dd {
    margin: 0;
    padding-left: 80px;
}
dd strong {
    display: inline-block;
    width: 80px;
    margin-left: -80px;
}

/*
주의 : 만일 class 구문이 복수일 경우, "bg-"class는 맨앞에 위치해야 반응한다. 
*/
div[class^="bg-"] {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px !important;
}

.col-no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

strong {font-weight: 500;}

a:active, a:hover, a:focus {
    color: #005aff;
}
a.focus-lg:hover {
    font-size: larger;
    font-weight: 600;
}

.alert {
    padding: 10px 8px;
}

.txt-btn-1 {
    background-color: #0b64a1;
    padding: 10px 40px;
    border-radius: 50px;
    border: 1px solid #ccc;
    font-size: large;
    color: #ffffff;
}

/* 
============================================
홈페이지 HEADER의 레이아웃 설정 BEGIN

header의 총 height는 100px로 정의한다.
*/

/* 로고 사이즈는 데스크탑, 스마트폰 모두 길이를 기준으로 한다. */
.c-layout-header .c-brand {
    margin: 30px 0 30px 0;
}
.c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-brand,
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn {
    transition: margin 0.2s;
}
.c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-brand {
    margin: 30px 0 30px 0;
}
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn,
.c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-mega-menu .nav.navbar-nav > li > .c-btn {
    margin: 16px 0 16px 30px;
}

.c-layout-header .c-brand .c-logo > img {
    height: 40px;
}
.c-layout-header.c-page-on-scroll .c-brand .c-logo > img { 
    height: inherit;
}

.c-page-on-scroll.c-layout-header-fixed .c-layout-header {
    /* 스크롤 시, 헤더 길이 */
    height: 100px;
}

.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link,
.c-log-toggler-wrapper>a {
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
}

/* 2차메뉴가 제대로 오픈되지 않는다면, 여기 top, bottom 값을 조절해 본다. */
.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link, .c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-mega-menu .nav.navbar-nav > li > .c-link {
    padding: 40px 0px 40px 30px;
}

.c-layout-header .c-log-menu {
    display: none;
}
.c-header-log-shown .c-layout-header .c-log-menu {
    display: block;
}

.c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li .dropdown-menu > li > a {
    color: #eeeeee;
}

.c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li .dropdown-menu > li > a {
    font-size: 18px;
}

.c-layout-header .c-log-menu {
    background-color: #2c3137;
}

.c-layout-header .c-log-menu ul.c-log-menu-items {
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 18px;
    text-align: left;
    list-style: none;
}

.c-layout-header .c-log-menu ul.c-log-menu-items li {
    padding: 16px 20px;
}

.c-layout-header .c-log-menu ul.c-log-menu-items li a {
    color: #fff;
}

.c-layout-header .c-log-menu ul.c-log-menu-items li a:active, 
.c-layout-header .c-log-menu ul.c-log-menu-items li a:hover, 
.c-layout-header .c-log-menu ul.c-log-menu-items li a:focus {
    color: #0089ff !important;
}

@media (max-width: 991px){
    .c-layout-header .c-brand,
    .c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-brand {
        margin: 10px 15px 12px 15px;
    }

    .c-layout-header .c-brand .c-mobile-logo {
        margin-left: 34px;
    }
    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link, .c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-mega-menu .nav.navbar-nav > li > .c-link {
        padding: 10px 20px 10px 20px;
    }
    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link, .c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-mega-menu .nav.navbar-nav > li > .c-link,
    .c-log-toggler-wrapper>a {
        font-size: 15px;
        font-weight: 400;
        letter-spacing: 1px;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li .dropdown-submenu > a > .c-arrow, .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li a.dropdown-toggle > .c-arrow {
        font-size: large;
        margin-right: 20px;
        border: 1px solid #ccc;
    }
    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li .dropdown-menu > li > a {
        color: #eaeaea;
    }    
    .c-layout-header.c-layout-header-default-mobile .c-brand > .c-hor-nav-toggler {
        top: 10px;
        background: #e3e3e3;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn, .c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-mega-menu .nav.navbar-nav > li > .c-btn {
        margin: 16px auto;
        width: 180px;
        padding: 8px;
    }

    .c-page-on-scroll.c-layout-header-fixed .c-layout-header {
        height: inherit;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li .dropdown-menu > li > a {
        font-size: 15px;
    }
}

@media (max-width: 767px){
}
/* 
홈페이지 HEADER의 레이아웃 설정 END
============================================
*/


.c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .c-form-wrap-group {
    display: flex;
    height: auto;
}

/* 자꾸 2차 메뉴가 미세하게 간격이 뜬다... */
.dropdown-menu {
    top: 99%;
}

.form-group.no-label {
    margin-top: 38px;
}

.c-designed {
    margin-top: 10px;
    float: right;
    font-size: smaller;
}

.c-designed span.design-by {
    font-style: italic;
}

.c-designed a {
    color: inherit;
}
.c-designed a:active, .c-designed a:hover, .c-designed a:focus {
    color: #efefef;
    text-decoration: underline;
}

.c-logotext {
    color: #005aff !important;
    font-family: sans-serif;
    font-weight: 600;
}
.c-logotext.w {
    color: #fff !important;
}
.c-logotext.y {
    color: #ffee00 !important;
}
.c-logotext.g1 {
    color: #ccc !important;
}
.c-logotext.g2 {
    color: #efefef !important;
}

.c-logotext.inh {
    color: inherit !important;
}

.c-logotext span {
    letter-spacing: -3px;
}

.contract,
.contract ol,
.contract ul {
    list-style-type: none;
}
.contract li {
    margin-bottom: 4px;
}
.contract > li {
    margin-top: 20px;
}
.contract .num {
    font-weight: 400;
    margin-right: 14px;
}

label>span {
    margin-left: 4px;
}

.section{page-break-before:always;}

.c-contact img {
    display: inline;
}

.big {font-size: larger; }
.big-x {font-size: x-large; }
.big-2x {font-size: xx-large; }
.refer {font-size: smaller; }
.refer2 {font-size: small; }

.no-strong {font-weight: 300;}
.text-center {text-align: center !important;}

.text-hot{color:#af0000 !important;}
.text-blue{color:#0000ff !important;}
.text-sky{color:#8ba3ff!important;}
.text-yellow{color:#DBE000 !important;}
.text-yellow-01{color:#FFEE00 !important;}
.text-white{color:#FFF !important;}
.text-black { color:#000 !important; }
.text-black2 { color:#1D1D1B !important; }

.text-red{ color:#ff0000 !important; }
.text-orange{ color:#d613ce !important; }
.text-grey{ color:#CCC !important; }
a.text-grey:hover{ color:#999 !important; }
.text-grey-2{ color:#696969 !important; }
.text-grey-3{ color:#9c9c9c !important; }

footer a.log {
    border: 1px solid;
    padding: 1px 4px;
    margin-left: 10px;
    color: inherit;
    font-style: normal;
}

.c-btn-bold-400 {font-weight: 400;}
.c-btn-bold-600 {font-weight: 600;}
.c-btn-bold-800 {font-weight: 800;}

.c-font-bold-400 {font-weight: 400;}
.c-font-bold-600 {font-weight: 600;}
.c-font-bold-800 {font-weight: 800;}

.first-big {
    font-size: xx-large;
    float: left;
    margin-right: 10px;
    margin-top: -4px;
    font-weight: 400;
}

.btn-block {
    padding: 10px 0 12px;
    margin: 14px 0;
    font-size: large;
    font-weight: 300;
}

.btn-block.btn-full-info {
    width: 50%;
    margin: 20px auto;
}

.form-control {
    border-color: #848484;
}

.c-theme-nav li:focus > a:not(.btn), .c-theme-nav li:active > a:not(.btn), .c-theme-nav li:hover > a:not(.btn) {
    color: #0089ff !important;
}

.c-theme-color {
    color: #00bef5 !important;
}
.c-theme-bg {
    background-color: #00bef5 !important;
}
.c-theme-font {
    color: #005aff !important;
}

.c-theme-btn.btn {
    color: #fff;
    background: #00bef5;
    border-color: #00bef5;
}

.c-font-yellow {
    color: #ffee00 !important;
}

.c-font-slide-acc {
    color: #ffee00 !important;
    text-shadow: 1px 1px 2px black, 0 0 1em #ffee00, 0 0 0.2em #ffee00;
    font-weight: 600;
}

.c-font-slide-acc2{
    color: #ffee00 !important;
    text-shadow: 1px 1px 2px black, 0 0 1em #ff0000, 0 0 0.2em #ff0000;
    font-weight: 600;
}

.c-shadow-1 {
    text-shadow: 2px 2px 2px gray !important;
}

.c-content-accordion-1.c-theme .panel > .panel-heading > .panel-title > a {
    background-color: #00bef5;
}

.c-content-accordion-1.c-theme .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-theme .panel > .panel-heading > .panel-title > a.collapsed:focus {
    background-color: #00bef5;
}

.c-content-accordion-1.c-theme .panel > .panel-collapse > .panel-body {
    background-color: #0089d2;
    padding-top: 20px;
}

.c-layout-revo-slider-4 .c-main-title-square {
    background: rgba(0, 0, 0, 0.3);
}
.c-layout-revo-slider-4 .c-main-title-circle {
    background: rgba(0, 0, 0, 0.3);
}

.c-content-feature-9 > .c-list > li > .c-card {
    padding: 10px;
}

.c-content-feature-9 > .c-list > li > .c-card > img {
    width: 90px;
    position: absolute;
    z-index: 5;
}

.c-content-feature-9 > .c-list > li > .c-card > .c-content-left {
    padding-left: 100px;
}

.c-content-feature-5 .c-text {
    margin-bottom: 15px;
    box-shadow: 5px 6px 10px rgb(0 0 0 / 50%);
}

.c-content-pricing-1 > .c-tile-container > .c-tile > .c-label {
    color: #fff;
    padding: 4px 16px 6px;
    font-weight: 600;
    font-size: 16px;
    display: inline-block;
    margin: 0 0 20px 0;
}
.c-content-pricing-1 > .c-tile-container > .c-tile > .c-label.c-center {
    margin: 0 0 10px 0;
}

.c-content-pricing-1 > .c-tile-container > .c-tile > .c-price {
    font-size: 28px;
    font-weight: 400;
}
.c-content-pricing-1 > .c-tile-container > .c-tile > .c-price.c-center {
    font-size: 36px;
    font-weight: 500;
}
.c-content-pricing-1 > .c-tile-container > .c-tile > .c-price s {
    font-size: 14px;
    font-weight: 400;
}
.c-content-pricing-1 > .c-tile-container > .c-tile > p {
    font-size: inherit;
    font-weight: 400;
}
.c-content-feature-8.c-opt-1 > .c-grid > li > .c-img {
    height: 261px;
}
.c-content-accordion-1 .panel > .panel-heading > .panel-title > a,
.c-content-accordion-1 .panel > .panel-collapse > .panel-body {
    padding: 20px 20px;
}
.c-tile {
    margin: 20px 0;
}

.c-tile-subject {
    font-size: large;
}

.c-tile-block {
    margin-bottom: 20px;
}

.c-tile-block > img {
    position: absolute;
    width: 90px;
}

.c-tile-block .p-block {
    margin-left: 120px;
    min-height: 160px;
}
.c-tile-block a.btn {
    display: block;
}

.c-content-pricing-1 > .c-tile-container > .c-tile {
    padding: 40px 0 90px;
}
.c-content-pricing-1 > .c-tile-container > .c-tile > .c-price {
    line-height: 1em;
    margin-bottom: 30px;
}
.c-layout-footer.c-layout-footer-1 .c-postfooter {
    padding: 10px 0;
    background: #2f353b;
}
.c-layout-footer.c-layout-footer-1 .c-prefooter {
    padding: 40px 0 0;
    background: #394048;
}
.c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .form-control {
    color: #d4d4d4 !important;
}

.c-layout-footer.c-layout-footer-1 .c-prefooter .c-about,
.c-layout-footer.c-layout-footer-1 .c-prefooter .c-links .c-nav > li > a,
.c-layout-footer.c-layout-footer-1 .c-prefooter .c-contact,
.c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .form-control {
    font-size: smaller !important;
}
.c-layout-footer.c-layout-footer-1 .c-postfooter .c-copyright {
    font-size: small !important;
}

.nav-justified {
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}

.c-content-tab-4.c-opt-5 > .nav > li > a {
    background-color: #d5e0ea;
    width: 200px;
    padding: 16px 20px;
    border-radius: 50px;
    border: 1px solid #ccc;
    font-size: large;
    color: #000;
}

.c-content-tab-4.c-opt-5 > .nav > li.hover > a, .c-content-tab-4.c-opt-5 > .nav > li:hover > a {
    color: #fff;
    background-color: #6d6d6d;
}

.c-content-tab-4.c-opt-5 > .nav > li.active > a, .c-content-tab-4.c-opt-5 > .nav > li:active > a {
    color: #fff;
    background-color: #00bef5;
}

.tab-content>.tab-pane > .c-content-box:nth-child(even) {
    background-color: #efefef;
}

.c-content-tab-4.c-opt-5 > .tab-content .c-tab-items > li p {
    color: inherit;
}

.tab-content .refer-img {
    margin-bottom: 40px;
}

#cost_full{
    margin-top: 40px;
}

.c-box-costinfo {
    padding: 20px;
    min-height: 210px;
}

.c-layout-breadcrumbs-1.c-bgimage {
    padding: 60px 0;
}

.table01 {
    font-size: inherit;
    border: 2px solid #ccc;
    border-collapse: collapse;
}

.table01 > thead > tr th, 
.table01 > tbody > tr th,
.table01 > tbody > tr td {
    border: 1px solid #ccc;
}

.table01.refer,
.table01.refer2 {
    border: inherit;
    width: auto;
}
tr.ln2 { border-bottom: 2px solid #ccc;}
tr.ln3 { border-bottom: 3px solid #ccc;}
tr.ln4 { border-bottom: 4px solid #ccc;}


.table01 > thead > tr th,
.table01 > tbody > tr th {
	background-color: #747474 !important;
	color: #fff !important;
	font-weight: 600 !important;
	text-align: center !important;
}

#pg-design-content .c-content-tab-2 > .nav {
    text-align: center;
    background-color: #2f353b;
    padding: 20px 0 0;
    color: #fff;
}

#pg-design-content .c-content-tab-2.c-opt-1 > .nav li.active > .c-arrow:before {
    border-bottom-color: #fff;
}

#pg-design-content .c-content-tab-2.c-opt-1 > .c-tab-content {
    background-color: #fff;
}

#pg-design-content .c-content-tab-2 > .nav > li > a > .c-title,
#pg-design-content .c-content-tab-2 > .nav > li > a > .c-title,
#pg-design-content .c-content-tab-2 > .nav > li > a > .c-subject,
#pg-design-content .c-content-tab-2 > .nav > li > a > .c-subject {
    display: block;
    color: #fff;
}
#pg-design-content .c-content-tab-2 > .nav > li > a > .c-title,
#pg-design-content .c-content-tab-2 > .nav > li > a > .c-title {
	font-size: 22px !important;
    margin: 20px 0 6PX;
}
#pg-design-content .c-content-tab-2 > .nav > li > a > .c-subject,
#pg-design-content .c-content-tab-2 > .nav > li > a > .c-subject {
    margin: 0 0 20PX;
}

#pg-design-content .c-content-tab-2.c-theme > ul > li.active > a > .c-title, 
#pg-design-content .c-content-tab-2.c-theme > ul > li:hover > a > .c-title,
#pg-design-content .c-content-tab-2.c-theme > ul > li.active > a > .c-subject, 
#pg-design-content .c-content-tab-2.c-theme > ul > li:hover > a > .c-subject {
    color: #32c5d2;
}

#pg-design-content .c-content-tab-2 > .nav > li:not(.active) > a > .c-content-line-icon {
    opacity: 0.9;
    filter: alphaopacity=90;
    background-image: url(/365/assets/base/img/content/line-icons/white.png);
}

#pg-design-content .cbp-caption-active .cbp-caption-defaultWrap {
    border: 4px solid #ccc;
}
#pg-design-content .cbp-caption-active .cbp-caption-defaultWrap:hover {
    border: 4px solid #005aff;
}

#pg-design-content .cbp-l-caption-alignCenter .cbp-l-caption-body {
    padding: 40px;
}
.c-content-feature-8.c-opt-1 > .c-grid > li > .c-img {
    padding: 70px 40px;
}
.c-content-feature-8 > .c-grid > li > .c-card.c-img > p {
    line-height: 40px;
    background-color: rgb(0 0 0 / 50%);
    color: #fff;
    padding: 20px 0;
}

.c-layout-go2top {
    bottom: 40px;
    right: 40px;
}

table#tbl_maintnance th {
    width: 50px;
}
table#tbl_maintnance>tbody>tr>td {
    padding: 4px;
}

table#tbl_maintnance th.sum {
    width: 60px;
}

table#tbl_maintnance hr {
    margin: 5px 4px 1px;
    border: 1px dotted #aaa;
}

table#tbl_maintnance .p-cost {
    color: red;
}


.breadcrumb > .active {
    font-weight: bold;
    color: inherit;
}

.yti-box-cover-white {
    background-color: rgb(255 255 255 / 40%);
    padding: 8px;
}

.yti-box-01 {
    border: 2pt dotted #3f51b5;
    padding: 16px;
}

.c-soon:before {
    color: rgb(230, 20, 20);
    z-index: -1;
    content: "미완성(임박)";
    font-size: 3em;
    margin: -.6em 0 -1em 0;
    position: absolute;
}

.yti-box-01 > img {
    width: 40%;
    margin: auto;
    display: block;
    margin-top: 46px;
    margin-bottom: 46px;
}

.yti-box-cover-white:hover img {
    width: 60%;
    margin-top: 0;
    margin-bottom: 0;
}

.yti-box-01 .title {
    font-size: 24px;
    text-align: center;
    padding-bottom: 12px;
}

.yti-box-01 .refer {
    font-size: 18px;
    list-style-type: none;
    padding-left: 4px;
    margin-top: 20px;
}

.yti-breadcrumb {
	border-bottom:1px solid #ddd;
	background-color:#fff;
}

.yti-breadcrumb * {
    list-style: none;
}

.yti-breadcrumb .yti-breadcrumb-inner {
	position:relative;
	margin:0 auto; 
	height:35px;
}

.yti-breadcrumb ul {
	position:absolute; 
	left:0; 
	top:0; 
	width:100%; 
	z-index:99; 
}

.yti-breadcrumb ul:after {
	content:""; 
	display:block; 
	clear:both; 
}

.yti-breadcrumb ul li a { 
	display:inline-block; 
	margin:0 20px; 
	font-size:14px; 
	color:#333; 
	line-height:35px; 
	padding-right:34px; 
}

.yti-breadcrumb ul li a:hover, .yti-breadcrumb ul li a:focus { color:#333; }
.yti-breadcrumb ul li .depth-in { position:static; display:none; padding:0; }
.yti-breadcrumb ul li .depth-in li { padding:0; }
.yti-breadcrumb ul li .depth-in li a { display:block; margin:0; font-size:13px; font-weight:normal; color:#555; line-height:34px; padding:0 0 0 10px; background:#fff; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.yti-breadcrumb ul li .depth-in li a:hover,
.yti-breadcrumb ul li .depth-in li a:focus { text-decoration:underline; font-weight:600; color:#027fc8; }
.yti-breadcrumb ul li.depth-first { float:left; margin-left:50px; }
.yti-breadcrumb ul li.depth-first a { display:block; margin-left:0; padding:0; }
.yti-breadcrumb ul li.depth-middle { float:left; background:url('/_comm2/img/home_arrow.png') no-repeat left top; }
.yti-breadcrumb ul li.depth-middle a { display:block; padding-left:18px; background:url('/_comm2/img/portlet-collapse-icon.png') no-repeat right 10px; }
.yti-breadcrumb ul li.depth-middle.on { background:url('/_comm2/img/home_arrow.png') no-repeat left top; }
.yti-breadcrumb ul li.depth-middle.on .depth-in { display:block; }
.yti-breadcrumb ul li.depth-last { float:left; background:url('/_comm2/img/home_arrow.png') no-repeat left top; }
.yti-breadcrumb ul li.depth-last a { display:block; font-size:14px; font-weight:600; color:#027fc8; padding-left:18px; background:url('/_comm2/img/portlet-collapse-icon.png') no-repeat right 10px; }
.yti-breadcrumb ul li.depth-last.on { background:url('/_comm2/img/home_arrow.png') no-repeat left top; }
.yti-breadcrumb ul li.depth-last.on .depth-in { display:block; }
.yti-breadcrumb ul li.depth-last .depth-in li a { display:block; color:#333; padding-right:23px; }
.yti-breadcrumb ul li.depth-last .depth-in li a:hover,
.yti-breadcrumb ul li.depth-last .depth-in li a:focus { color:#027fc8; }

/* #############################################################################
		BEGIN page nav
############################################################################# */

.page-navi-01 li {
	display: inline-block;
	margin: 4px 2px;
	border-style: none;
	padding: 6px 4px;
	cursor: pointer;
	min-width: 28px;
	text-align: center;
}

.page-navi-01 li:hover {
	text-decoration: none;
}

.page-navi-01 li.hide {
	display: inline-block;
	padding-left: 0;
	list-style-type: none;
	margin: 10px 0 !important;
}

.page-navi-01 .active, 
.page-navi-01 .active:hover {
	cursor: not-allowed;
}

.navi-sch-01 * {margin-right: 4px;}
.navi-sch-01 #edSCH_STR {width: 100px; padding-left: 4px;}
.navi-sch-01 a.btn {
	vertical-align: top;
	padding: 6px 5px 6px 8px;
}
.navi-sch-01 select {height: 34px;}

/* 색상 변경 */
.page-navi-01 li:hover,
.page-navi-01 .active, 
.page-navi-01 .active:hover {
	background: #CBCBCB;
	color: #0a0a0a;
}


@media (max-width: 767px) {
	.navi-sch-01 #edSCH_STR {width: 74px;}

	ul.page-navi-01 {
		border: 1px solid #cdcdcd;
		padding-left: 0px;
	}
	.page-navi-01 li {margin: 4px 1px;}
}
/* #############################################################################
		END page nav
############################################################################# */

@media (min-width: 768px){
    .nav-justified>li {
        display: inline-table;
    }
}

@media (min-width: 992px){
}

@media (max-width: 1024px){
    .c-tile-block > img {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .c-tile-block .p-block {
        margin-left: 0;
    }
}

@media (max-width: 991px){

    .c-content-box > .container-fluid {
        padding: 0 10px;
    }
    .c-layout-revo-slider-4 .c-main-title-circle {
        padding: 180px 160px 180px 160px;
        line-height: 25px;
        font-size: 22px;
        border-radius: 300px;
    }
}

@media (max-width: 767px){
    .c-content-feature-9 > .c-list > li > .c-card > img {
        position: relative;
        /*
        margin-left: auto;
        margin-right: auto;
        */
        display: block;
    }
    .c-content-feature-9 > .c-list > li > .c-card > .c-content-left {
        padding-left: 0;
        padding-top: 10px;
    }    
    .c-content-feature-8 > .c-grid > li > .c-card {
        padding: 10px;
    }
    .c-content-feature-8 > .c-grid > li {
        margin-bottom: 20px;
    }
    .c-right, .c-font-right {
        text-align: initial;
    }
    .c-tile-subject {
        font-size: inherit;
        text-align: center;
    }
    .nav-justified>li {
        display: table;
    }
    .c-content-tab-4.c-opt-5 > .nav > li {
        width: 100%;
    }
    .c-content-tab-4.c-opt-5 > .nav > li > a {
        width: 100%;
        padding: 12px 20px;
    }
    .tab-content .refer-img {
        padding: 0 40px;
    }
    #pg-design-content .cbp-l-caption-alignCenter .cbp-l-caption-body {
        font-size: smaller;
        padding: 10px;
    }
    .c-content-feature-8.c-opt-1 > .c-grid > li > .c-img {
        padding: 70px 10px;
    }
    .c-content-feature-8 > .c-grid > li > .c-card.c-img > p {
        line-height: 32px;
        font-size: 24px;
    }
    .c-tile-block .p-block {
        min-height: inherit;
    }
    .c-designed {
        float: left;
    }
    
}