@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');


/*-----------------------------------------------------------------
reset
-----------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, th, td, p, .entry ul, .entry ol { margin: 0; padding: 0;}
dl, ul, ol, li, body, p, h1, h2, h3, h4, h5, h6, table, span, strong {list-style:none !important; font-family: 'NanumSquare', sans-serif !important; word-break: keep-all;}
ul, ol { margin: 0 !important;}
a {text-decoration: none;}
a:hover {text-decoration: none;}
.wpb_row{margin-bottom: 0 !important;}


/*-----------------------------------------------------------------
공통스타일
-----------------------------------------------------------------*/

.pc_block{display: block;}
.pc_none{display: none;}

.m_block{display: none;}
.m_none{display: block;}

.c-center{text-align: center;}
.c-left{text-align: left;}
.c-right{text-align: right;}

.footer_row_bottom_wrap.pc{display: block;}
.footer_row_bottom_wrap.mobile{display: none;}

.fontweight_500{font-weight: 500;}
.fontweight_600{font-weight: 600;}
.fontweight_700{font-weight: 700;}
.fontweight_900{font-weight: 900;}

.color_white p{color: #fff !important;}
.color_black{color:#000;}


/*-----------------------------------------------------------------
header
-----------------------------------------------------------------*/
#top nav>ul>li>a{font-size: 17px !important; opacity: 1 !important; font-weight: 600;}
.menu-title-text::after{bottom:-9px !important;}
#sec-row{padding:80px 0 70px 0 !important;}
#sec-row-1{padding:100px 0 !important;}
#sec-row-2{padding:50px 0 30px 0 !important;}
body #header-outer{background-color: #ececece6 !important;}
#header-outer.small-nav.dark-text{ -webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);}
#header-outer.small-nav{-webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);}

.page-id-15 #header-outer{background-color: #fff !important;}
.page-id-15 #header-outer.small-nav.dark-text{background-color: #ececece6 !important; -webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);}
.page-id-15 #header-outer.small-nav{background-color: #ececece6 !important; -webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);}

.page-id-18 #header-outer{background-color: #fff !important;}
.page-id-18 #header-outer.small-nav.dark-text{background-color: #ececece6 !important; -webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);}
.page-id-18 #header-outer.small-nav{background-color: #ececece6 !important; -webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);}

.page-id-21 #header-outer{background-color: #fff !important;}
.page-id-21 #header-outer.small-nav.dark-text{background-color: #ececece6 !important; -webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);}
.page-id-21 #header-outer.small-nav{background-color: #ececece6 !important; -webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);}

.page-id-24 #header-outer{background-color: #fff !important;}
.page-id-24 #header-outer.small-nav.dark-text{background-color: #ececece6 !important; -webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);}
.page-id-24 #header-outer.small-nav{background-color: #ececece6 !important; -webkit-backdrop-filter: saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);}



/*-----------------------------------------------------------------
mainpage
-----------------------------------------------------------------*/
.slide_subtxt{font-size: 30px; line-height: 32px !important; font-weight:700 !important;}
.slide_maintxt{font-size: 46px; line-height: 60px !important; font-weight: 700 !important; letter-spacing: -1px !important;}
.slide_subtxt-1{font-size: 30px; line-height: 40px !important; font-weight:300 !important;}


.main_title p{font-size: 45px; letter-spacing: -1px; color:#000; font-weight: 900;}
.main_subtitle p{font-size: 15px; color: #000;  transform: skew(-0.03deg);  line-height: 24px;}
.main_table{margin-top: -30px;}
.main_table ul>li{font-size: 33px; letter-spacing: -1px;  color: #000;  font-weight: 700; width: 50%; float: left; line-height: 85px; border-bottom: 2px solid #f0f0f0;}
.main_table .main_table_pts{font-size: 17px;}
.main_table_item{width: 100%; border-bottom: 1px solid #ccc;  display: inline-block; padding: 30px 0 30px 40px;}
.main_table_item .main_table_title{font-size: 33px; letter-spacing: -1px;  color: #000;  font-weight: 700;  float: left;  width: 45%;}
.main_table_item .main_table_pts{font-size: 17px;  color: #000;  font-weight: 700;  width: 55%;  letter-spacing: 0px;  float: left;}
.main_table_wrap .main_table_item{margin-top: -30px;}
.main_table_item_border .main_table_item{border-bottom: none;}
.branding-wrap h2{font-size: 45px; letter-spacing: -1px; color:#000; font-weight: 900; line-height: 50px;}
.branding-wrap h3{font-size: 15px; color: #000;  transform: skew(-0.03deg);  line-height: 24px;  padding-top:30px; width: 99%;}
.branding-wrap{padding:50px 0 !important;}
.branding-wrap .nectar-button.large.regular{background-color: #0000 !important; color: #000;  font-size: 17px;  letter-spacing: -1px;   padding: 25px;  line-height: 12px;
border: 1px solid #787878;  border-radius: 50px !important;}
.branding-wrap .nectar-carousel-flickity-fixed-content .nectar-carousel-fixed-content{margin-top: -30px;}
.branding-wrap .nectar-carousel-fixed-content .nectar-button{margin-top: 110px;}
.branding-wrap .nectar-button.large.regular:hover{color: #fff; border: 2px solid #ed4036; background-color: #ed4036 !important;}
.branding-wrap .nectar-flickity[data-control-style="material_pagination"] .flickity-page-dots .dot:before{background-color: #0000 !important;  width: 5px !important;  height: 5px !important;}
.branding-wrap h4{font-size: 17px;}
.main_subtitle.ft_style p{font-size: 16px;line-height: 26px;  padding-top: 0; margin-top: -14px;}
.main_title.lineheigt_st p{line-height: 50px;}
.main_subtitle.ft_17 p{font-size: 17px;}
/*.branding_ban_wrap .vc_column-inner{padding:190px 0 73px 50px;}*/
.nectar-fancy-box[data-style="parallax_hover"] .inner{width:79% !important;}
.branding_wrap_maintxt{margin-top: 109px;}
.branding_wrap_maintxt p{font-size: 26px; color:#fff !important; font-weight: 300; line-height: 34px; opacity: inherit !important;}
.main_st{font-weight: 600;}
.branding_wrap_btn{color: #fff; border: 1px solid #fff; display: inline-block; padding: 5px 25px;  border-radius: 50px;  margin-top: 20px;}
.branding_wrap_btn a{color:#fff;}
.branding_wrap_btn:hover{background-color:#ee4036; border:1px solid #ee4036;}
.main_title_txt-c p{font-size: 45px; letter-spacing: -1px; color:#fff; font-weight: 900;}
.main_ncresult_wrap{padding:150px 0 !important;}


/*main_portfolio*/
.main_portfolio .nectar-fancy-box[data-style="parallax_hover"] .inner { padding: 89% 0 0 0;}
.main_portfolio .nectar-fancy-box[data-style="parallax_hover"] .bg-img:after {  background-color: rgba(40,40,40,0.15);}
.main_portfolio .nectar-fancy-box[data-style="parallax_hover"] .bg-img {background-color: rgba(40,40,40,0.6) !important;}

.main_portfolio.m_none .vc_col-sm-2.wpb_column.column_container.vc_column_container {width: 12.5% !important;}
.main_portfolio.m_none .vc_col-sm-1.wpb_column.column_container.vc_column_container {width: 1.25% !important;}
.main_portfolio.m_block .vc_col-sm-2.wpb_column.column_container.vc_column_container {width: 50% !important;}
.main_portfolio.m_block .last.vc_col-sm-1.wpb_column.column_container.vc_column_container {width: 100% !important;}


.main_portfolio_wrap .nectar-fancy-box h2{font-size: 24px; text-align: center;  line-height: 35px;  font-weight: 300;}
.main_portfolio_wrap .nectar-fancy-box h2 .portfolio_pt{font-size: 25px; font-weight:700;}
.main_portfolio_wrap .nectar-fancy-box h5 {font-size: 14px; line-height: 26px; letter-spacing: 0.5px;  text-align: center;  font-weight: 300;  border: 1px solid #fff;  padding: 5px 18px;  display: table;   margin: 30px auto; border-radius: 20px;}




/*-----------------------------------------------------------------
subpage
-----------------------------------------------------------------*/

/*공통*/
#header-sec{height:467px;}
.sub_title p{font-size: 45px; letter-spacing: -1px; color:#000; font-weight: 900; line-height: 53px;}
.sub_subtitle p{font-size: 15px; color: #000;  transform: skew(-0.03deg);  line-height: 24px;}
#slide-out-widget-area .inner .off-canvas-menu-container li a{font-family: 'NanumSquare', sans-serif !important;}


/*하단공통*/
#bottom_pd{padding:80px 0 !important;}
.sub_title.bottom p{color:#fff; line-height: 52px;}
.sub_subtitle.bottom p{color: #fff;}
.sub_table_wrap.bottom .sub_table_item{margin-top: 0; padding: 40px 0 5px 35px;}
.sub_table_wrap.bottom .sub_table_item .sub_table_title{color:#fff;}
.sub_table_wrap.bottom .sub_table_smtxt{color:#fff; width: 54%; margin-top: -5px;}
.sub_table_wrap.bottom .sub_table_item .sub_table_title{width: 42%;}
.material .wpb_content_element.sub_table_wrap.bottom{margin-bottom: 0 !important;}
.sub_table_wrap.bottom.border_b{border-bottom: 1px solid #ccc;}


/*about nc*/

.sub_table{margin-top: -30px;}
.sub_table ul>li{font-size: 33px; letter-spacing: -1px;  color: #000;  font-weight: 700; width: 50%; float: left; line-height: 85px; border-top: 2px solid #f0f0f0;}
.sub_table .main_table_pts{font-size: 17px;}
.sub_table_item{width: 100%; border-top: 1px solid #cccccc;  display: inline-block; padding:30px 0 25px 20px;}
.sub_table_item .sub_table_title{font-size: 31px; letter-spacing: -1px;  color: #000;  font-weight: 700;  float: left;  width:30%; height:80px;}
.sub_table_item .sub_table_pts{font-size: 17px;  color: #000;  font-weight: 700;  width: 55%;  letter-spacing: 0px;  float: left;}
.sub_table_wrap .sub_table_item{margin-top: -30px;}
.sub_table_item_border .sub_table_item{border-bottom: none;}
.sub_table_smtxt{float: left; width: 70%; font-size: 1.09em; transform: skew(-0.03deg); color:#000;}
.sub_table_smtxt.pt{padding-top:30px;}
.sub_table_row .vc_column-inner{margin-left:-40px;}
.sub_table_wrap.border_b{border-bottom: 1px solid #ccc;}

.sub_table_wrap.center{margin-top: 0;}
.sub_table_wrap.center .sub_table_item{padding:50px 0 20px 50px;}
.sub_table_smtxt.center{font-size: 16px; width:auto; margin-top: -10px;}
.sub_table_item .sub_table_title.center{width:39%; font-size: 34px}
.sub_table_wrap.center.border_b{border-bottom: 1px solid #ccc;}


/*컨설팅사례*/
.sub_table_wrap.consulting .sub_table_subtitle{float:left;font-size: 17px; font-weight: 700;  width: 21%;  color: #000; text-align: center; }
.sub_table_wrap.consulting .sub_table_item{border-top: 0px solid #ccc; border-bottom: 1px solid #ccc;  padding: 30px 0 0px 30px;}
.sub_table_wrap.consulting .sub_table_item .sub_table_title{font-size: 35px; width:28%; margin-left: -25px; text-align: center;}
.sub_table_wrap.consulting .sub_table_subtitle_two{float:left;font-size: 17px; font-weight: 700;  width: 50%;  color: #000;}
.sub_table_consulting_wrap .vc_column-inner{margin-left:-70px;}
.sub_table_wrap.consulting.border_nb .sub_table_item{border-bottom: 0px solid #ccc;}
.sub_carousel_wrap .vc_column-inner{margin-left: 27%;margin-top:12%; }
.sub_result_wrap .nectar-flickity.nectar-carousel.nectar-carousel:not(.masonry) .flickity-viewport{margin:10px 0 90px 0 !important;}
.sub_result_wrap .nectar-flickity[data-control-style=material_pagination] .flickity-page-dots{left: 40px;}
.sub_table_wrap.result{width:80%;}
.sub_table_wrap.result .sub_table_subtitle{font-size: 17px;  font-weight:900;text-align: center;  color: #000; float: left; width:33%;}
.sub_table_wrap.result .sub_table_item{padding: 20px 0 25px 0px; border-top: 1px solid #999; margin-top:0; border-bottom: 1px solid #999;}
.sub_table_wrap.result .sub_table_numtxt{font-size: 50px; padding-top: 15px;  font-weight: 900; letter-spacing: -2px; display: inline-block;}
.nectar-milestone.animated-in{float: left !important; width: 26.33% !important; position: relative !important;}
.sub_result_wrap .nectar-milestone h2{color: #000 !important;  letter-spacing: -3px;  font-weight: 900;}
.sub_subtitle.wrap{width:82%;}
.banimg_ml{margin-left: 80px !important;}

.sub_table_wrap.history .sub_table_item{margin-top: 0; border-bottom:1px solid #ccc; border-top:0px; padding: 15px 0 20px 0px;}
.sub_table_wrap.history .sub_table_subtitle{font-size: 17px; color:#000; font-weight:700; float:left; width:14%; text-align: center;margin-top: 16px;}
.sub_table_wrap.history .sub_table_item .sub_table_title{font-size: 17px; text-align: center; margin-top: 16px; height: auto; width:28%; margin-right: 35px;}
.sub_table_history_wrap .vc_column-inner{margin-left: -100px !important;}
.sub_table_wrap.history .sub_table_subtitle_two{float:left;font-size: 15px; font-weight: 500;  width: 50%;  color: #000; transform: skew(-0.03deg);}
.sub_table_wrap.history.border_nb .sub_table_item{border-bottom: 0px;}

.sub_interview_wrap .team-member h4{display: none !important}
.sub_interview_title{padding:10px 30px 0 30px;}
.sub_subtitle.interview_wrap{padding:0px 30px;}
.sub_interview_title p{font-size: 17px; color:#000; font-weight: 700; line-height: 34px;}
.interview_nametxt{font-size: 35px;}


/*프로젝트의뢰*/
.main-label span{font-size: 21px;  font-weight: 700;  color: #000;}
.form-element-html input[type=text]{margin-top: 20px !important;color: #999 !important; font-size: 14px !important; border-bottom: 1px solid #999 !important;}
.form-element-field12{margin-top: -20px !important;}
label span{font-size: 17px; font-weight: 700; color:#000 !important;}
html .formcraft-css .fc-form .form-element .checkbox-cover>div label a{color:#999;}
.container-wrap button[type=submit]{padding: 12px 30px !important; float:left !important; }
.submit-button .text{font-size: 17px !important;}
html .formcraft-css .powered-by{display: none;}
.project_btn{display: inline-block;  text-align: center;  border: 1px solid #999;  padding: 11px 15px;  font-size: 17px;  color: #000;  
    font-weight: 700; margin-right: 260px;} 
.project_btn a{color:#000;}
.project_btn a:hover{color:#f00}
.project_subtxt p{font-size: 18px; color: #000;  font-weight: 700;  letter-spacing: -1px; line-height: 30px;}
/*html .formcraft-css .fc-form .final-success{padding: 0px 30px 50px 0px !important;}*/



/*포트폴리오*/
.portfolio_wrap ul>li{ float: left;  width: 200px;  height: 45px;  text-align: center;   position: relative; padding: 9px 0; border: 1px solid #999; margin-right: 10px;}
.portfolio_wrap ul>li a{font-size: 17px; font-weight: 700;  color: #000;  transform: skew(-0.03deg); display: block;}
.portfolio-filters-inline .container > ul a{padding: 15px 0px; margin: 0 7px 0 0;  font-size: 18px; line-height: 14px;  border-radius: 0 !important;
    display: inline-block; color: #000 !important;  border: 1px solid #999 !important;  width: 200px;  font-weight: 700;  height: 45px; text-align: center;}

.portfolio-filters-inline{padding-top:0 !important; margin-top:-80px !important;padding-bottom: 100px !important;}
.portfolio-items .col.span_6{width:49.85% !important;} 
.portfolio-items[data-gutter="1px"] .col{padding:0 !important;}
.portfolio-filters-inline .container > ul a.active{background-color:#ff0000; color:#fff !important; border: none !important;}
.work-info .vert-center h3{text-align: center; font-size: 27px;line-height: 39px;}
.portfolio-items[data-ps="7"] .work-info{padding:0 5%;}
.work-info .vert-center p{font-size: 17px; text-align: center;}
.carousel-wrap.recent-work-carousel .work-info .vert-center h3{text-align: center; font-size: 19px;line-height: 42px;}
.carousel-wrap.recent-work-carousel .work-info .vert-center p{font-size: 18px; text-align: center;}
.img-with-animation{margin-bottom: -5px !important;}
.portfolio_maintxt p{font-size: 36px;font-weight: 900;  margin: 150px 0 30px 0 !important; color:#161616; line-height: 50px;}
.portfolio_subtxt{margin:150px 0 30px 0 !important;}
.portfolio_subtxt p{font-size: 1.2em; font-weight: 500; color:#000; line-height: 27px;transform: skew(-0.03deg);}
.portfolio_contxt p{font-size: 23px; color:#161616;font-weight: 600; line-height: 30px;}
.portfolio_wrap .img-with-animation{margin-bottom: 70px !important;}
#full_width_portfolio .row .col.section-title .inner-wrap{display: none !important;}
.col.span_6.row .col.section-title{display: none !important;}
.portfolio-filters-inline .container ul li .active{color:#fff !important;}
.portfolio-items .col[data-default-color="true"] .work-item:not(.style-3) .work-info-bg{background-color:#000000eb !important;}
.nectar-social.fixed{display: none;}
.comments-section{display: none;}
.meta-category{display: none;}
.excerpt{display: none;}
.masonry.classic .post.masonry-blog-item h3.title{text-align: center;}
body .post.masonry-blog-item .post-meta .date{float: none !important; text-align: center; line-height: 0;}
.masonry-blog-item .article-content-wrap{padding:16px 18px 0 !important;}
.container.main-content .section-title.blog-title h1{font-size: 30px;}
#page-header-wrap{height:500px !important;}
#page-header-bg{height:500px !important;}
.controls{height:200px;}
.controls h3{margin-top: -100px;}

/*-----------------------------------------------------------------
footer
-----------------------------------------------------------------*/
.footer_row_top{width:100%; height:160px;}
.footer_left{float: left; width:14%;margin-right: 54px;}
.footer_center{float:left; width:59%;}
.footer_center .footer_text{font-size: 15px; line-height: 28px; transform: skew(-0.03deg);  text-align: left;  color: #787878;  font-weight: 700;}
.footer_right{float:left; width:23%;}
.footer_right ul>li{position: relative;display: inline-block;}
.footer_right ul>li a{display: block; font-size: 15px; padding: 0 9px !important; transform: skew(-0.03deg);}
.footer_right ul>li:nth-child(4) a{padding:0 0 0 12px !important;}
.footer_right ul>li::after{display: block; content: "";  position: absolute; width: 1px;  height: 15px;  top: 5px;  right: 0;  background-color: #fff;}
.footer_right ul>li:nth-child(4)::after{display: none;}
.material #footer-outer #footer-widgets .col ul li{padding:0 !important;}
.footer_bottom{width:62%; display: inline-block;}
.footer_b_left{display: inline-block; float:left;}
.footer_b_left p{text-align: left;  font-size: 22px; color: #fff; padding-bottom: 20px !important;}
.footer_b_center{display: inline-block; float: left; width:50%;}
.footer_b_right img{float: right;}
.footer_b_right a{margin-top: -30px; float: right;}
#footer-outer .row{padding:50px 0 0px 0 !important;}
.footer_row_bottom_wrap{z-index: 99999;  position: fixed;  bottom: 0;   width: 100%;  padding: 20px 0 0 0;}
.footer_bottom_wrap{width:97%; margin: -58px auto;}