@charset "utf-8";
@font-face {
    font-family: 'NanumGothic';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/NanumGothic-Regular.eot);
    src: url(../fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NanumGothic-Regular.woff2) format('x-woff2'),
    url(../fonts/NanumGothic-Regular.woff) format('woff'),
    url(../fonts/NanumGothic-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic Ultra Light' ;
  font-style: normal;
  font-weight: 100;
   src: url(../fonts/NanumBarunGothicUltraLight.eot);
	 src: url(../fonts/NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'),
        url(../fonts/NanumBarunGothicUltraLight.woff) format('woff'),
        url(../fonts/NanumBarunGothicUltraLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic Light' ;
  font-style: normal;
  font-weight: 200;
   src: url(../fonts/NanumBarunGothicWebLight.eot);
	 src: url(../fonts/NanumBarunGothicWebLight.eot?#iefix) format('embedded-opentype'),
        url(../fonts/NanumBarunGothicWebLight.woff) format('woff'),
        url(../fonts/NanumBarunGothicWebLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic' ;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NanumBarunGothicWeb.eot);
  src: url(../fonts/NanumBarunGothicWeb.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumBarunGothicWeb.woff) format('woff'),
       url(../fonts/NanumBarunGothicWeb.ttf) format('truetype');
}


@font-face {
  font-family: 'Nanum Barun Gothic Bold' ;
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/NanumBarunGothicWebBold.eot);
  src: url(../fonts/NanumBarunGothicWebBold.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NanumBarunGothicWebBold.woff) format('woff'),
       url(../fonts/NanumBarunGothicWebBold.ttf) format('truetype');
}


html * {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

body {-webkit-text-size-adjust:none; -webkit-font-smoothing:antialiased; 
      font-family: 'Nanum Barun Gothic', 'NanumGothic', 'Malgun Gothic','Open Sans','Helvetica Neue', Helvetica, Arial, sans-serif; 
	  font-size:16px;
	  }

h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', 'Nanum Barun Gothic', 'NanumGothic', 'Malgun Gothic','Open Sans','Helvetica Neue', Helvetica, Arial, sans-serif; color:#000}

/**	topMain - MENU
**************************************************************** **/

#topNav div.submenu-dark ul.dropdown-menu li.active>a, 
	#topNav div.submenu-dark ul.dropdown-menu li.active:hover>a, 
	#topNav div.submenu-dark ul.dropdown-menu li.active:focus>a, 
	#topNav div.submenu-dark ul.dropdown-menu li:hover>a, 
	#topNav div.submenu-dark ul.dropdown-menu li:focus>a, 
	#topNav div.submenu-dark ul.dropdown-menu li:focus>a {
		color:#fff;
		background-color:#e83815 !important;
	}


#topMain>li>a  {height:96px; line-height:76px;}
#topMain.nav-pills>li>a {color:#1F262D; font-size:17px;	background-color:transparent; font-family: 'Montserrat', 'Nanum Barun Gothic Bold', 'NanumGothic', 'Malgun Gothic','Open Sans','Helvetica Neue', Helvetica, Arial, sans-serif;} 
#topMain.nav-pills>li:hover>a,  
#topMain.nav-pills>li:focus>a {	color:#1F262D; 	background-color:rgba(0,0,0,0.03); }
#topMain.nav-pills>li.active>a { color:#687482;}
#topMain.nav-pills>li>a.dropdown-toggle {padding-right:25px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
#topMain.nav-pills>li>a.dropdown-toggle:after {
	display: block;
	content: "\f107";
	position: absolute;
	top: 50%;
	right: 10px;
	margin: -5px 0 0;
	font-family: FontAwesome;
	font-size: 12px;
	opacity: .3;
	line-height: 1em;

	-webkit-transition: -webkit-transform .2s ease-in;
	-moz-transition: -moz-transform .2s ease-in;
	-ms-transition: -ms-transform .2s ease-in;
	-o-transition: -o-transform .2s ease-in;
	transition: transform .2s ease-in;
}
#header.bottom.dropup #topMain.nav-pills>li>a.dropdown-toggle:after {	content: "\f106";}
#topNav .navbar-collapse {	float:right; padding-right:0px;}
#topNav a.logo { 	height:96px;	line-height:96px;	overflow:hidden;	display:inline-block;}

#topBar ul.top-links>li {
    font-family: 'Montserrat','NanumGothic', 'Malgun Gothic','Open Sans','Helvetica Neue', Helvetica, Arial, sans-serif; 
}

/**** HOME ***************************************/
img.home_solution {width:250px;}
.home h4 {font-size:22px; padding-top:10px; font-weight:normal; letter-spacing:-1px;}

.box-h {color:#fff}
.box-h h2 {font-size:22px; color:#fff; font-weight:600}
.tp-caption.large_bold_white {font-family: '나눔고딕','NanumGothic', 'Malgun Gothic','Open Sans','Helvetica Neue', Helvetica, Arial, sans-serif !important; }

blockquote {    letter-spacing: 0px;}



/**	About_us
**************************************************************** **/
blockquote {   border-left: 5px solid #e83815;}
h2 i {font-size:16px; font-weight:normal; font-style:normal;}
h2.ci em {color:#e83815; font-style:normal;}
header h2 {font-size:26px !important;}
section.dark.page-header {color: #fff;  background-color:#48505f}
section.dark.page-header.page-header-xs {padding-top:0px;}

section.page-header.page-header-xs.dark .container h1 {margin-top:20px; color:#fff; }
section.page-header.page-header-xs.dark .container h1 em {color:#fff; font-style:normal; font-size:16px; font-weight:normal}
section.page-header.page-header-xs.dark ul.page-header-tabs {margin-top:20px;}
section.p40 {padding:40px 0;}


.logo_history {text-align:center;}
.breadcrumb>.active {color:#fff; font-weight:bold;}
.timeline_center h3	{color:#e83815}
.timeline_center .timeline-desc i {font-weight:bold; font-style:normal; padding:0 5px;}
.timeline_center li:nth-child(2n) i {float:right; padding:0 5px;}

div.ceo {text-align:center}
div.row>div img.img-responsive.ceo {width:306px; margin:0 auto;}
blockquote {font-size:16px;}

.download {position:absolute; top:66px; right:12px;}
.download .btn {border:1px rgba(255,255,255,0.3) solid !important;}

.nav-tabs>li>a	{font-weight:600;}

.tab-pane {position:relative}
.page-header.dark ul.page-header-tabs>li.active:hover, .page-header ul.page-header-tabs>li.active {font-weight:600}
.page-header-tabs li a {font-family:'Montserrat','나눔고딕','NanumGothic', sans-serif; }

.subTitle {position:relative;     margin:30px 0 30px 0; padding-bottom:10px;}
.subTitle.sub {margin:0px 0 30px 0; }
.subTitle:after { content: '';  position: absolute;  display:block;  top: 100%;    left: 0;    width: 58px;    height: 1px;    background: #000;}

.sol_img		{text-align:center;}

.nav-tabs li.none {border-bottom: 1px solid #ddd; text-align:right; }
.badge.sol {font-size:14px; padding:2px 10px; background-color:#5a616f; font-family: 'Montserrat','NanumGothic', san-serif;}

.thumb_img {position:relative}
.thumb_img:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #000;
    opacity: .1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    content: '';
	}
h4.img_title {text-align:center !important; font-size:16px; font-family: 'Nanum Barun Gothic'; font-weight:inherit}

.lead.font-lato {font-family: 'Nanum Barun Gothic', 'NanumGothic', 'Malgun Gothic','Open Sans','Helvetica Neue', Helvetica, Arial, sans-serif !important;  padding-top:10px;}
.font-middle {font-size:36px !important;}
.font-small {font-size:16px;}

.btn-social.map {padding-left:120px;}
.btn-social.map img {width:110px; height:40px;}

.price-clean.benefit {padding-bottom:0px; height:350px;}
.benefit h4 {font-size:24px; font-weight:300; color:#e85514;}
.list-group.benefit    {padding:0 10px 0 30px}
.list-group.benefit li {text-align:left;     border-bottom: rgba(0,0,0,0.05) 1px solid; padding:6px 0; font-size:15px;}
.list-group.benefit li:last-child { border-bottom: 0px;}

.countTo-sm.num, .countTo-md.num, .countTo-lg.num {font-family:'Montserrat','NanumGothic', san-serif;  letter-spacing:-1px; }
.countTo-lg.num span.countTo {margin-bottom:0px;}
.countTo-lg.num em {font-style:normal; font-size:30px; color:#C02942}
.countTo-lg.num span.countTo {display:inline-block}

/*language*/
.language em {font-style:normal; color: #888; font-size:13px;}
.language a {margin-right:10px;}

/*contact*/
dl.company_list { width:100%; margin:0; padding:0;}
dl.company_list dt { float:left; width:26%; color: #d01c3a; font-size:15px; padding-left:13px; line-height:22px;}
dl.company_list dd { line-height:22px; font-size:15px;margin-bottom: 10px;overflow: hidden}

.size-22 { font-size:22px !important; line-height:26px !important; }
.pt30    { padding-top:30px; }


#footer {background:#424957 !important; padding: 76px 20px; color:#fff !important; border-top:1px rgba(255,255,255,0.2) solid;}
#footer .copyright {background-color:#424957 !important;}
#footer .copyright .container	{text-align:left; font-family:'Montserrat','NanumGothic', san-serif; font-size:14px; line-height:20px; }
#footer .copyright .list-inline.copy li:nth-child(8) {clear:both; display:block;}
#footer .copyright .list-inline.copy li:nth-child(14) {clear:both; display:block;}

i.ico-dark {  background-color: #586274;}
.ci.border-1 {border-width: 1px; margin-top:10px;}

/* 솔루션 */
.list-dba li {padding-bottom:10px;}
.dba_port div.col-md-3 .item-box-desc h3 {font-size: 16px !important; line-height: 16px !important;;}
.dba_port .item-box-desc {padding-top:20px !important;}
.download_dba p {font-size:14px}

/* 서비스 */
.pdb-30 {padding-bottom:30px;}
.margin-top-30 {margin-top: 30px !important;}
.service_sub {font-size:20px; font-weight:600}
ul.none {margin:0px; padding:0px;}
ul.none li { text-align:center; list-style-type:none;}

/* 인재채용 */
table.recruit    {border:0px !important;;}
table.recruit th {text-align:center; font-weight:normal; background-color:#d02706; color:#fff; border:1px solid #d02706;}
table.recruit td {text-align:center; font-weight:normal; padding:20px 5px !important;}
table.recruit ul {margin:0 0 0 20px ; padding:0px;}
table.recruit li {list-style-type: disc; text-align: left;}

.r_recruit {margin-bottom:60px; text-align:center}

/* 고객지원 */
.sendForm label {font-weight:normal}
.btn.send span {font-size:20px; font-weight:600;}


/* 소프트웨어 */
.price-clean.software {padding-top:0px;}
.price-clean.software h4 {background-color:#747d8f; color:#fff; font-size:18px; line-height:45px; margin-bottom:20px; border-radius:0px 0px 8px 8px; font-weight:normal;}



@media  (min-width: 320px) and (max-width: 992px)  {
	.sol_img img { width:100%;}
}

@media  (min-width: 320px) and (max-width: 650px)  {
	.timeline_center li:nth-child(2n) i {float:left; padding:0 5px 0 0px;}
}

@media  (min-width: 993px) and (max-width: 2000px)  {
	.sol_img img	{width:inherit !important;}
	
}

@media (min-width: 768px) {
	.nav-tabs.nav-justified>li>a {border: 1px solid #ddd;margin-left:-1px; font-weight: 300; background-color:#f4f4f4; }	
	.nav-tabs.nav-justified>li.active>a {font-weight:600; background-color:#fff; color:#333 !important;;}

}