@import url('font.css');

/*--------------------------------------------------------------------------------------------------------------------------------------
common
--------------------------------------------------------------------------------------------------------------------------------------*/

body, p, .adv-img p, .caption-bottom p, .adv-circle .caption p, .advs-box p, .list-blog p {font-size: 15px; line-height: 1.6; font-family: 'noto', sans-serif; font-weight:500; color: #666; letter-spacing: -0.25px;}
h1, h2, h3, h4, h5, h6 {font-weight:700; color: #333;}
h4, .h4 {line-height: 26px;}
.ff-noto {font-family: 'noto', sans-serif;}
.ff-nns-bold {font-family: 'NanumSquareB', sans-serif;}
.fw-thin	{font-weight:100 !important;;}
.fw-light	{font-weight:300 !important;}
.fw-regular	{font-weight:500 !important;}
.fw-medium	{font-weight:700 !important;}
.fw-bold	{font-weight:900 !important;}
.fs-inherit {font-size: inherit !important;}

ul, ol {margin:0; padding:0; list-style:none;}
a label {cursor:pointer !important;}
a[href^="tel"]{opacity:1; color:inherit; text-decoration:none;}
.mot {transition: all .5s;}
br.pc-only {display:block;}
br.m-only {display:none;}
hr.pc-only {display:block;}

/* margin / padding */
.col-pd15 > div {padding: 15px !important;}
.mt0 {margin-top:0 !important;}
.mb0 {margin-bottom:0 !important;}

/* align */
.align-top {vertical-align: top !important;}
.align-middle {vertical-align: middle !important;}
.align-bottom {vertical-align: bottom !important;}

@media (max-width: 993px) {
    body, p, .adv-img p, .caption-bottom p, .adv-circle .caption p, .advs-box p, .list-blog p {font-size: 14px; line-height: 1.6;}
    h4 {font-size:17px;}
    h4 + p {margin-top: 10px;}
    br.pc-only {display:none;}
    br.m-only {display:block;}
    hr.pc-only {display:none;}
    
    /* align */
    .m-text-left {text-align:left !important;}
    .m-text-center {text-align:center !important;}
    .m-text-right {text-align:right !important;}
}

/* color */
.text-color, .mi-menu ul li > a:before, .sidebar-nav .panel-item > span:before, i.icon, .block-infos .bd-day, .text-color-hover:hover {color: #0988cd !important;}
i.icon, .fullpage-menu .active i, .navbar-default .navbar-toggle:hover i, .navbar-default .navbar-toggle:focus i, header .side-menu .active > a, .adv-img-button-content .caption i, .icon-menu ul.nav > li.active > a i, .icon-menu ul.nav > li:hover > a i, .active .maso-order i, .btn.btn-border i, .advs-box-top-icon:not(.boxed) i.icon, .datepicker-panel > ul > li.picked, .tab-box .nav-tabs > li.active > a, .advs-box-content h2:hover a, .pricing-table .pricing-price span, .datepicker-panel > ul > li.picked:hover, footer h4, .box-menu-inner .icon-box i, .caption-bottom p, .mi-menu li .fa, .fullpage-arrow.arrow-circle .arrow i, .accordion-list .list-group-item > a i, .mega-menu .fa-ul .fa-li, .adv-circle.adv-circle-center i, .mi-menu a > .fa, .box-steps .step-item:after, .box-steps .step-number, h6, li.panel-item .fa-li, .icon-menu .navbar-collapse ul.nav i, .side-menu i, .side-menu ul a i, .bs-menu li:hover > a, .bs-menu li.active > a, .hamburger-button:hover, .img-box.adv-circle i, .advs-box-side .icon, .advs-box-side-icon i, .niche-box-testimonails h5, .title-icon i, i, .fullpage-menu.white li.active a i, .timeline > li > .timeline-label h4, .anima-button i, .pricing-table .list-group-item.pricing-price, .footer-center .footer-title, .accordion-list .list-group-item > a.active, .btn-border, .btn.btn-border, .btn.circle-button.btn-border, footer a:hover, .breadcrumb > li + li:before, .adv-img-full-content p.sub {color: #0988cd !important;}
.btn-border:hover i, .white .btn i {color: #0988cd !important;}
.btn-border:hover, .btn.btn-border:hover, .btn.circle-button.btn-border:hover, .tag-row i {color: #0988cd !important;}
.footer-minimal .footer-title, .advs-box-top-icon.boxed .btn, .advs-box-top-icon.boxed .circle-button, .sidebar-nav ul a:hover, header .mi-menu .sidebar-nav ul a:hover, .woocommerce div.product p.price, .woocommerce div.product span.price, .white .text-color, .accordion-list .list-group-item > a:hover, .boxed .circle-button:hover i, .boxed .btn:hover i, .pagination > .active > a, .pagination > li:not(.disabled):hover > a, .boxed .circle-button, header .btn-search:hover, .advs-box h2 a:hover, .nav.ms-minimal > li.active > a {color: #0988cd !important;}
.bg-color {background-color: #0988cd !important;}
.extra-content, .nav:not(.ms-rounded) li > a:before, .boxed.advs-box-top-icon-img .advs-box-content, [class*="col-md-"].boxed, .advs-box-side-img hr, .mi-menu .sidebar-nav, .advs-box-top-icon-img.niche-box-post:after, .accordion-list .list-group-item:before, [class*=header-] .title-base h1:before, .woocommerce .product span.onsale, .circle-button, .btn.circle-button, .btn, .header-bootstrap, .header-title hr, .advs-box.boxed, i.circle, .intro-box:after, .intro-box:before, .advs-box-side-img hr, .call-action-box, .title-base hr, .nav.inner.ms-mini, .bg-color, .header-title.white .title-base hr, .header-animation.white .title-base hr, .title-base .scroll-top, .title-modern .scroll-top, i.square, .header-base, .progress-bar, .tagbox span, .niche-box-post .block-infos .block-data, .header-base .title-base h1:before, .block-infos {background-color: #0988cd !important;}
.btn:not(.btn-border):hover, .btn-primary:focus, .boxed .btn, .btn-primary.focus, .side-menu .active, .white.circle-button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .white .title-base.yellow-bar hr {background-color: #0988cd !important;}
.circle-button, .btn-default, .white .btn:not(.btn-border), .btn-border, .bg-transparent .navbar-nav > li.active > a .caret:before, .bg-transparent .navbar-nav > li:hover > a .caret:before, .white .btn-text, .scroll-top-mobile:hover:before, .tab-box.left:not(.pills) .panel-box, .tab-box.right:not(.pills) .panel-box, .tab-box.right .nav-tabs {border-color: #0988cd;}
.boxed.advs-box-multiple .advs-box-content, .niche-box-post, .extra-content, .quote-author, .border-color, .border-color.boxed-border.boxed-border.white, .img-border, .timeline > li > .timeline-badge, body div.boxed-border.border-yellow, .pagination li.active a {border-color: #0988cd !important;}

.white.btn, .white .btn, .white .tag-row a, .header-bootstrap i.icon, .white .tag-row i, .white .advs-box-content h2 a, .white.advs-box-side-img h2 a, .advs-box-side-icon.boxed .icon-box i, .circle-button, .white .pagination > li.disabled > a, .white .pagination > li > a, .social-colors i, .btn.circle-button, .btn, .btn i, .circle-button, .btn.circle-button, .btn:hover, .btn:hover i, .btn.focus, .input-group button {color:#fff !important;}

.circle-button:hover, .btn:hover {border-color: #0988cd !important}
.circle.circle-border {background: none !important;}

.advs-box-top-icon.boxed-inverse .icon {background: #fff !important;}


/* text-color */
.text-color-white {color:#fff !important;}
.text-color-hover {transition: all .5;}
.text-color-3 {color: #333 !important;}
.text-color-9 {color: #999 !important;}

/* icon */
.fa.fa-white {color: #fff !important;}
.border-color-white {border: 1px #fff solid !important;}



/*--------------------------------------------------------------------------------------------------------------------------------------
layout
--------------------------------------------------------------------------------------------------------------------------------------*/

/* header */
.navbar-brand {height:100px;}
.nav > li.dropdown > a {padding-left: 30px; padding-right:30px;}
.navbar-nav > li > a {padding-top:40px; padding-bottom:40px;}
.navbar-default .navbar-nav > li > a {font-size:16px; font-weight: 700;}
.nav .dropdown-menu > li > a {padding:10px 29px;}

/* footer */
footer {color: #eaeaea; background:#333;}
footer .container {padding:55px 15px;}
footer ul {overflow: hidden; padding:0;}
footer ul li {position:relative; float:left; margin-right: 30px;}
footer ul li.last {margin-right: 0;}
footer ul li+li:before {position:absolute; display: block; content:""; top:5px; left: -15px; width:1px; height:13px; background:#adadad;}
footer ul li a {opacity:1; color:#fff !important;}
footer p, footer ul.info li {color:#c9c9c9 !important; font-size:12px;}
footer .copy-text a {color: #fff;}

/* quick menu */
.quick-menu {z-index:100; position:fixed; top:50%; margin-top: -222px; right:20px; background:#fff; box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.15);}
.quick-menu li {width:100px;}
.quick-menu li:nth-child(n+3) {border-top:1px #e0e0e0 solid;}
.quick-menu li a {display:block; height: 85px; color:#666; font-size:13px; line-height:1.5; font-weight:700; text-align:center;}
.quick-menu li a img {margin:18px auto 2px; height:29px;}
.quick-menu li a span {display:block;}
.quick-menu .tel {height:100px; background:#072440;}
.quick-menu .tel img {margin-bottom: 5px; height: 24px;}
.quick-menu .tel a {color: #fff; font-size:12px;}
.quick-menu .tel.mo {display:none;}

/* container */
.container.content, .section-empty > .content {padding-top:50px; padding-bottom:100px; min-height:680px;}
.min-height-auto {min-height:auto !important;}

@media (max-width: 993px){
    body {padding-bottom:120px;}
    
    .navbar-brand {height:70px;} 
    .navbar-brand img {height:70%;}
    .navbar-nav > li > a {padding-top:25px; padding-bottom:25px;}
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {padding:10px 40px;}
    
    footer .container {padding: 30px 10px !important;}
    footer.section .content {padding-bottom:0 !important;}
    html body.main footer.section .container {margin:0 !important; padding: 30px 10px !important;}
    footer .footer-logo img {height:30px;}
    footer ul li a {font-size:13px;}
    footer .copy-row .copy-text {font-size:11px;}
    
    .quick-menu {width:100%; top:auto; right:auto; left:0; bottom:0; margin-top:0;}
    .quick-menu ul {overflow:hidden; padding:0 0px;}
    .quick-menu li {float:left; width:20%; height:70px;}
    .quick-menu li:nth-child(n+3) {border-left:1px #EFECED solid; border-top:0;}
    .quick-menu li a {font-size:11px; font-weight:500;}
    .quick-menu li a img {margin:14px auto 5px; height:22px;}
    .quick-menu .tel {padding:0 40px; height:50px; line-height:50px; text-align:center; background:#072440;}
    .quick-menu .tel img {display:inline-block; margin-right: 5px; padding:5px; border:1px #fff solid; border-radius:50%;}
    .quick-menu .tel.mo {display:block;}
    .quick-menu .tel.pc {display:none;}
    
    .container.content, .section-empty > .content {padding-top:30px; padding-bottom:50px; min-height:auto;}
}


/*--------------------------------------------------------------------------------------------------------------------------------------
components
--------------------------------------------------------------------------------------------------------------------------------------*/

/* ellipsis */
.ellipsis {width:100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} 
.ellipsis2 {max-height: 50px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;} 

/*vertical*/
.vertical-middle-content, .vertical-middle-content > .row, .vertical-middle-content > .row > div {display: flex !important; justify-content: center; flex-direction: column;}
.vertical-end-content, .vertical-end-content > .row, .vertical-end-content > .row > div {display: flex !important; justify-content: flex-end; flex-direction: column;}

/* title */
.header-title {height:300px;}
.header-title .breadcrumb {float:right; margin-top: 50px;}
.header-title .breadcrumb * {opacity:0.6; color:#fff !important;}
.header-title .breadcrumb > li {margin: 0 2px;}
.header-title .breadcrumb > li + li:before {display:none;}
.header-title .breadcrumb > li a:hover {opacity:1;}
.header-title h2 {margin-bottom:0; font-size:35px; color: #fff;}
h2.sub-tit {position:relative; font-size:28px; padding-left:24px;}
h2.sub-tit:before {position:absolute; display:block; content:""; top:2px; left:0; width: 13px; height:30px; background:#0988cd; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;}

/* table */
.table.custom-table {border-top:2px #0988cd solid; border-bottom:1px #ddd solid;}
.view .table.custom-table {border-bottom:0;}
.table.custom-table  > thead > tr > th, .table.custom-table  > tbody > tr > th, .table.custom-table  > tfoot > tr > th, .table.custom-table  > thead > tr > td, .table.custom-table  > tbody > tr > td, .table.custom-table  > tfoot > tr > td {
    padding: 15px; vertical-align:middle; text-align: center; font-size: 15px !important;}
.custom-table > thead > tr > th {border-bottom:1px #ddd solid;}
.custom-table > thead > tr > th {color:#333;}
.custom-table > thead > tr > th.num {width:10%;}
.custom-table > thead > tr > th.date {width:15%;}
.custom-table > tbody > tr > td {padding: 15px; color:#666;}

/* pagination */
.list-nav {text-align: center;}
.pagination li {display:inline-block; vertical-align:middle;}
.pagination li a {line-height:40px;}
.pagination li.btn-page a {margin:2.5px; padding:0; width:40px; height:40px; line-height:40px; font-size:15px; border:1px #e5e5e5 solid !important;}
.pagination li.btn-page a:hover {border-color:#0988cd !important;}
.pagination li.btn-page a i.fa {margin:0 !important; font-size:18px !important;}
.pagination li.btn-page a i.fa:before {color: #0988cd !important; transform: rotate(0deg);}
.pagination li.btn-page a span {position: absolute; top:-999999%; left:-999999%; text-indent:-999999%;}
.pagination li.page a {margin:0 7px; padding:0 5px;}
.pagination li.active a {position:relative; border:0;} 
.pagination li.active a:before {position:absolute; display:block; left:50%; bottom:8px; margin-left: -10px; width:20px; height:2px; background:#0988cd; content:"";}
.pagination li.gap {width:20px; height:1px;}

@media (max-width: 994px){
    .header-title h2 {font-size:25px;}
    h2.sub-tit {padding-left:19px; font-size:20px;}
    h2.sub-tit:before {top:5px; width:10px; height:21px;}
    h3 {font-size:18px;}
    html body .advs-box-top-icon h3 {font-size:20px;}
    .text-m {font-size:16px !important;}
    .niche-box-post .text-m {font-size:20px !important;}
    
    .custom-table {margin:0;}
    .custom-table > thead > tr > th.num {width:40px;}
    .custom-table > thead > tr > th.date {width:80px;}
    .table.custom-table > thead > tr > th, .table.custom-table > tbody > tr > td {padding:10px 5px !important; font-size:13px !important;}
}

/* hr */
hr.bar {border-color:#bbb !important;}
hr.w100 {width:100px; margin: 0 auto;}
hr.space.xxs {height:5px;}
@media (max-width: 992px) {
    hr.space.l {height:35px;}
    hr.space.xxs {height:3px;}
}


/* quote */
.block-quote.quote-1.quote-center, .block-quote.quote-2.quote-center {padding:0; text-align:center; line-height:inherit; font-weight: inherit;}
.block-quote.quote-1.quote-center:before, .block-quote.quote-2.quote-center:before {position:relative; display:block; text-align:center; margin-bottom: 10px;}


/*--------------------------------------------------------------------------------------------------------------------------------------
contents
--------------------------------------------------------------------------------------------------------------------------------------*/

/* main */
.main .container.content {min-height:auto; padding-top:80px; padding-bottom:80px;}
#fullpage-menu {right:140px;}
#fullpage-menu li {padding-bottom: 10px; text-align:right;}
#fullpage-menu li a {font-size:16px; font-weight: 600;}
#fullpage-menu li a:after {display:inline-block; margin-left:8px; width:12px; height:12px; border:1px rgba(115, 115, 115, 0.8) solid; background:rgba(115, 115, 115, 0.8); border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; content:"";}
#fullpage-menu li.active a {color:#222;}
#fullpage-menu li.active a:after {background:transparent; border-color:#222;}
.fp-viewing-section-0 #fullpage-menu li a, .fp-viewing-section-2 #fullpage-menu li a {opacity: 0.55; color:#fff;}
.fp-viewing-section-0 #fullpage-menu li.active a, .fp-viewing-section-2 #fullpage-menu li.active a {opacity:1;}
.fp-viewing-section-0 #fullpage-menu li a:after, .fp-viewing-section-2 #fullpage-menu li a:after {opacity: 0.55; background:#fff; border-color:#fff;}
.fp-viewing-section-0 #fullpage-menu li.active a:after, .fp-viewing-section-2 #fullpage-menu li.active a:after {opacity:1;background:transparent;}
#fullpage-main .sec2 .slides a {position:relative;}
#fullpage-main .sec2 .slides a.img-box:before {display: none;}
#fullpage-main .sec2 .slides .name {z-index:5; position:absolute; margin: 0; width: 100%; height: 64px; line-height: 64px; left:0; bottom:0; text-align:center !important; background: rgba(6,17,32,0.85);}
#fullpage-main .sec2 .flexslider.nav-top-right .flex-control-nav {margin: 0 -6px; top:-25px; right:0;}
#fullpage-main .sec2 .flex-control-paging li a {border:1px #0988cd solid; background:#0988cd;}
#fullpage-main .sec2 .flex-control-paging li a.flex-active {background:#fff;}
.sec1 h1 {margin-bottom:5px;}
.sec2 .title-base p {color:inherit;}
.sec2 .title-base.text-left hr.space {background:transparent !important;}
.sec2 .flexslider .slides a {cursor:default;}
.sec3 .btn-more > * {vertical-align:middle;}
.sec3 .btn-more i.fa {margin-left: 4px; font-size: 18px !important;}
.sec4 .advs-box {position:relative; text-align: left; transition: all .5s; background:#fff;}
.sec4 .advs-box:hover {border-color: #0988cd;}
.sec4 .advs-box > * {text-align:left;}
.sec4 .advs-box .block-infos {position:absolute; top:-1px; right: 31px; padding:4px 0 2px; text-align: center;}
.sec4 .advs-box h4 {margin-bottom:0;}
.sec4 .advs-box p {color: #666;}
.sec5 .form-box .form-control {background: #fff; border:none;}
.sec5 .txt-box {padding-right: 10%;}
.sec5 .txt-box .boxed-border {padding:6%;}

@media (max-width: 992px){
    html:not(.fp-enabled) .section .box-middle:not(.overlaybox-inner) {padding-top:40px !important; padding-bottom:40px !important;}
    html:not(.fp-enabled) .section.sec1 .box-middle:not(.overlaybox-inner) {padding-top:100px !important; padding-bottom:100px !important;}
    
    #fullpage-main .sec2 .flexslider {padding-bottom:10px;}
    #fullpage-main .sec2 .flexslider.nav-top-right .flex-control-nav {top:auto; right:auto; margin-top: 5px; text-align:center;}
    
    .sec1 h1 {font-size:28px;}
    .sec1 h4 {font-size:15px;}
    
    .sec5 .txt-box {padding: 0 15px 4%;}
}


/* 감천소개 */
.intro .text-l.circle {width:110px; height:110px; line-height:110px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;}
.intro .text-l.circle img {border-radius:0;}
.intro .icon-box:not(.icon-box-top-bottom) .icon-box-cell:first-child {padding-right:20px;}
.intro .intro-con > div:nth-child(1) i.circle {background: #009fe1 !important;}
.intro .intro-con > div:nth-child(3) i.circle {background: #0b96e2 !important;}
.intro .intro-con > div:nth-child(5) i.circle {background: #0988cd !important;}

/* 오시는 길 */
.icon-box.no-bar .icon-box-cell:first-child {border-right:0;}

/* 업무분야 */
.business-list {overflow:hidden; margin: -0.5%;}
.business-list li {overflow:hidden; position:relative; float:left; width:19%; height: 0; margin:0.5%; padding-bottom: 19%;}
.business-list li a {overflow:hidden; position:absolute; top:0; left:0; right:0; bottom:0; display:block;}
.business-list li a .img-box {max-width:initial; width:100%;}
.business-list li a .img-box img {width:100%;}
.business-list li a p {z-index:5; position:absolute; top: 50%; margin-top: -16px; width:100%; color:#fff; font-size: 20px; text-align:center; -webkit-transition: -webkit-all 0.2s ease-out; transition: all 0.2s ease-out;}
.business-list li a:hover p {top:40%;}
.business-list li a:after {z-index:6; opacity:0; position:absolute; display:block; bottom:25%; left:40%; margin-left: -16.5px; width: 33px; height:33px; background:url(/assets/images/ico_business_arrow.png) no-repeat center; content:"";  -webkit-transition: -webkit-all 0.2s ease-out; transition: all 0.2s ease-out;}
.business-list li a:hover:after {opacity:1; left:50%;}

.businessView .advs-box {position:relative; text-align: left; transition: all .5s; background:#fff;}
.businessView .advs-box:hover {border-color: #0988cd;}
.businessView .advs-box > * {text-align:left;}
.businessView .advs-box .block-infos {position:absolute; display:inline-block; top:-1px; right: 31px; padding:4px 15px 2px; width:auto; text-align: center;}
.businessView .case-box h4 {margin-bottom:0; font-size:14px; min-height:46px; max-height:46px;}
.businessView .advs-box p {color: #666; font-size:13px;}
.businessView .expert-box {border:1px #dcdcdc solid !important; background-repeat:no-repeat; background-position: right 0 bottom 0;}
.businessView .expert-box h4 {margin-bottom: 17px; font-size:17px;}
.businessView .expert-box li {font-size:12px;}
.businessView .expert-box li b {display:inline-block; width:80px; color:#0988cd;}
.businessView .expert-box li b:before {display:inline-block; margin-top: 8px;width: 4px; height: 4px; margin-right: 7px; vertical-align:top; background:#0988cd; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; content: "";}

/* 자문회사 */
.grid-company {overflow:hidden; margin: -0.5%;}
.grid-company li {float:left;  margin: 0.5%; width: 15.666667%; height: 90px; text-align:center; border: 1px #e5e5e5 solid;}
.grid-company.logo li {height: auto;}
.grid-company li .adv-img img {width:100%;}
.grid-company li .adv-img .caption {cursor:default;}
.grid-company .img-box.adv-img-half-content .caption {padding:10px; background:linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%,rgba(0, 0, 0, 0) 120%);}
.grid-company.txt li:before {display:inline-block; content:""; height:100%; vertical-align:middle;}
.grid-company.txt li h4 {display:inline-block; font-size:16px; line-height:20px; vertical-align:middle;}

/* 구성원 */
.member #tab-box-border.inverse .nav:not(.ms-rounded) li > a:before {left:-1px; height:2px;}
.member #tab-box-border .nav:not(.ms-rounded) li.active > a:before, .member #tab-box-border .nav:not(.ms-rounded) li:hover > a:before {width:calc(100% + 2px);}
.member #tab-box-border li {border: 1px #ddd solid; border-left: 0; border-top: 0;}
.member #tab-box-border li:first-child {border-left: 1px #ddd solid;}
.member #tab-box-border .nav-tabs > li > a, #tab-box-border .nav-tabs > li:hover > a {padding: 15px 0 14px; font-size: 17px;}
.niche-box-team i.fa-plus.circle {width: 50px; height: 50px; line-height:50px; color:#666 !important; background:#fff !important; border:1px #ccc solid;}
.niche-box-team {padding-bottom: 110px;}
.niche-box-team .content-box h2 {margin-bottom:3px;}
.popup-member-detail .row.table {display:table-row-group;}
.popup-member-detail .list-items-justified .list-item .col-md-12 {width:100%;}
.popup-member-detail .list-items-justified .list-item ul {float: right; width:70%;}
.popup-member-detail .list-items-justified .list-item ul li {width:100%;}
.popup-member-detail .list-items-justified .list-item p {padding-top:0;}
.popup-member-detail .list-items .list-item h3, ul.list-texts li b {font-weight: 600;}
.popup-member-detail .fa {vertical-align:middle;}
.mfp-container {padding: 0 20px;}

/* 게시판-테이블 */
.total {margin-top: 24px;}
.list-blog .form-control {padding: 5px 15px; height:47px; vertical-align:middle; background:none; border:1px #0988cd solid; border-right:0; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
.list-blog .input-group-btn .btn, .list-blog .btn.btn-primary:hover {height:47px; border-color:#0988cd !important; border-left:0; background-color:#fff !important; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}
.list-blog .input-group-btn .btn .fa {color: #0988cd !important;}

/* 게시판-그리드 */
.niche-box-post .block-infos {padding-right:0; width: auto;}
.niche-box-post .block-infos .block-data {padding:10px 15px; height: auto;}
.niche-box-post .block-infos .bd-date {margin-bottom:0; line-height:13px; font-size: 13px; font-weight: 500; color: #fff;}
.grid-item a .niche-box-post .advs-box-content h2 {transition:all .5s;}
.grid-item a:hover .niche-box-post .advs-box-content h2 {color:#0988cd;}
.grid-item a .niche-box-post .img-box {overflow:hidden; position:relative; display:block; padding-bottom:53%; border:1px #ECECEC solid;}
.grid-item a .niche-box-post .img-box img {position: absolute; top:0; width:100.1%; left:0; bottom:0; transition: all 0.8s ease-out;}
.grid-item a:hover .niche-box-post .img-box img {transform: scale(1.1);}

/* 게시판-상세 */
.view table.table:not(.grid-table) > tbody > tr > td.view-con {padding:60px;}
.view table.table:not(.grid-table) > tbody > tr > td.view-con * {word-break: break-all;}
.view .view-con img {max-width: 100%; margin:0 auto;}
.view-btn .fa-bars.text-s {padding: 3px 0 2px;}
.view-btn a:hover label {font-weight:700;}

/* 온라인 상담 */
.input-check-box label {margin-left: 5px; font-size:inherit; font-weight:500;}

@media (max-width: 1200px) {
    .grid-company li {width:24%;}
}

@media (max-width: 992px) {
    .intro .text-l.circle {width:70px; height:70px; line-height:70px;}
    .intro .text-l.circle img {height:45%;}
    .intro .icon-box:not(.icon-box-top-bottom) .icon-box-cell:first-child {padding-right:10px;}
    
    .business-list li {width:32.333334%; padding-bottom:32.333334%;}
    .business-list li a p {top:35%;}
    .business-list li a:hover p {top:35%;}
    .business-list li a:after {opacity:1; margin-left:0; left:auto; bottom:25px; right:25px;}    
    .business-list li a:hover:after {margin-left:0; left:auto; right:25px;}    
    
    .sec3 .business-list {margin:-1%;}
    .sec3 .business-list li {margin:1%; width:31.333334%; padding-bottom:31.333334%;}
        
    .member #tab-box-border li {margin:0; padding:0; display: table-cell !important; width: 1%; border: 1px #ddd solid; border-left: 0; border-top: 0;}
    .member #tab-box-border li:first-child {border-left: 1px #ddd solid;}
    .member #tab-box-border .nav-tabs > li > a, #tab-box-border .nav-tabs > li:hover > a {padding: 10px 0 9px !important; font-size:15px;}
    
    .total {margin-top: 0;}
    .view table.table:not(.grid-table) > tbody > tr > td.view-con {padding:20px !important;}
    .grid-company {margin:-1%;}
    .grid-company li {margin:1%; width:48%;}
    .grid-company.logo li h5 {font-size:12px;}
    .grid-company.txt li h4 {font-size:15px;}
    .form-box .space {display:block !important;}
}

@media (max-width: 900px) {
    .mfp-container {padding:30px 15px;}
}

@media (max-width: 767px) {
    .business .multilines {height: auto;}
    
    .business-list li {width:49%; padding-bottom:49%;}
    .business-list li a p {font-size:17px;}
    .sec3 .business-list {margin:-1.5%;}
    .sec3 .business-list li {margin: 1.5%; width:47%; padding-bottom:47%;}
    
    .businessView .expert-box {background-size: 47%; background-position: right -10px bottom 0;}
    
    .member-list .col-md-3 {width:50% !important; float:left !important;} 
    
    .view table.table:not(.grid-table) > tbody > tr > td.view-con {padding:20px;}
    .view-btn .col-sm-4 {float:left; width:33.33333% !important;}
    .view-btn .list-item {display:inline-block !important;}
}