/*
 * h1 36px
 * h2 30px
 * h3 24px
 * h4 18px
 * h5 14px
 * h6 12px
 */
/* notokr-black 900, notokr-bold 800, notokr-medium 700, notokr-regular 500(normal), notokr-demilight 400, notokr-light 300, notokr-thin 100*/
/* Heebo 900, Heebo 800, Heebo 700, Heebo 500(normal), Heebo 400, Heebo 300, Heebo 100*/

/*************************
*******common******
**************************/
body {
	font-family: 'Heebo', sans-serif;
	font-size:15px;
	color: #3F536E;
	font-weight: 300;
	overflow-x: hidden; /* Prevent scroll on narrow devices */
	/* width: 1900px; height: 100%; */
	 width: 100%; 

	word-wrap: break-word;
	word-break: keep-all;
 /* -webkit-hyphens:  auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto; */
}

/* *********main menu area ******** */
/* ***basic setting*** */
.navbar-default { border-color: none; background: none; }
.navbar-default .navbar-collapse{ border: none; }

/* ***topMenu*** */
.topMenuBack { background-color: #E6EAEF; }
.topMenu { font-size: 12px; height: 34px; }
.topMenu a { color: #67859E; padding: 1px; margin-right: 15px; }
.topMenu a:hover { color:#0093EE; }

.topMenu .pull-right a  { margin-right: 0px; margin-left: 15px; }

.topMenu i { position:relative; top: 5px; }
.topMenu .pull-right i { position:relative; top: 6px; }

/* ***main menu*** */
	/* logo */
.brandLogo { float: left; padding: 32px 0; }
.brandLogo img { width: 169px; }

	/* menu */
@media (min-width: 992px) {
	.navbar-default .mainMenu {
		height: 140px;
		background: #ffffff;
		box-shadow: 0 8px 10px 0 rgba(0,0,0,0.13);
			-webkit-box-shadow: 0 8px 10px 0 rgba(0,0,0,0.13);

			-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	.navbar-default .navbar-nav { float: right;	}
}

@media (max-width: 991px) {
	/* logo */
	.brandLogo { float: none; width:100%; height: 52px; padding: 8px 0; text-align: center; box-shadow: 0 8px 10px 0 rgba(0,0,0,0.13); -webkit-box-shadow: 0 8px 10px 0 rgba(0,0,0,0.13); }
	.brandLogo img { width: 140px; }
	
	.navbar-nav { float: none !important; padding-left: 0 !important; margin: 0; } 
	.navbar-nav > li { float: none !important; }
}

.navbar-default .navbar-nav > li > a {
	font-weight: 500;
	font-size: 16px;
	color: #726E6D;
	padding: 20px 0 20px 20px;
    margin-top: 18px;
    border-radius: 0px;
    background: transparent;
    cursor: pointer !important;
}
@media (min-width: 992px) and (max-width: 1199px) {
	.navbar-default .navbar-nav > li > a {
		font-size: 15px;
		padding: 20px 0 20px 15px;
	}
	/* .navbar-default .navbar-nav > li:first-child { display: none; } */
}

.navbar-default .navbar-nav > li > a.dropdown-toggle { cursor: default !important; }
.navbar-default .navbar-nav > li > a > i {
	position:relative;
	top:3px;
	font-size: 20px;
	margin-right: 4px; 
}

.navbar-default .navbar-nav > li:hover > a,
.navbar-default .navbar-nav > li:focus > a,
.navbar-default .navbar-nav > li > a.active,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #0092cc;
	background-color: #fff;
}
	
/* ***sub menu***  */ 
@media (min-width: 992px) {
	.dropdown:hover .dropdown-menu { display: block; } 
}

.dropdown .dropdown-menu {
	top: 65px; /* 간격 연결 */
	left: 32px;
	width: 186px;
	padding: 0;
	border: 0px;
	border-radius: 0px;
	background-color: transparent;
	  -webkit-box-shadow: none;
          box-shadow: none;
}

.dropdown .dropdown-menu:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 16px;
    left: 28px;
    border-width: 0 8px 8px 8px;
    border-style: solid;  
    border-color:transparent transparent #fff transparent;
}
.dropdown .dropdown-menu:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 14px;
    left: 26px;
    border-width: 0 10px 10px 10px;
    border-style: solid;
    /* border-color: rgba(0,0,0,0.1) transparent; ie9 ~ 11 */ 
    border-color:transparent transparent #A8C6DF transparent;   
}

.dropdown .dropdown-menu ul {
	margin-top:23px; /* 간격 연결 */
	padding: 10px 0px;
	background-color: #FFFFFF;
	border: 1px solid #A8C6DF;
	border-radius: 4px;
}
.dropdown .dropdown-menu ul li { list-style: none; }

.dropdown .dropdown-menu ul li a {	
	font-weight: 400;
	position:relative;
	display:block;
	font-size: 15px;
	color: #3F536E;
	padding: 8px 19px;
}
.dropdown .dropdown-menu ul li a:hover,
.dropdown .dropdown-menu ul li a.active { font-weight: 500; color: #3F536E; padding: 8px 16px; background-color: #ECF5FD; border-left: 3px solid #0093EE; }

.dropdown .dropdown-menu.dropdown-menu-right { right: 0 ; left: auto; }
.dropdown .dropdown-menu.dropdown-menu-right:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 16px;
    left: 134px;
    border-width: 0 8px 8px 8px;
    border-style: solid;  
    border-color:transparent transparent #fff transparent;
}
.dropdown .dropdown-menu.dropdown-menu-right:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 14px;
    left: 132px;
    border-width: 0 10px 10px 10px;
    border-style: solid;
    /* border-color: rgba(0,0,0,0.1) transparent; ie9 ~ 11 */ 
    border-color:transparent transparent #A8C6DF transparent;   
}

	@media (min-width: 768px) and (max-width: 991px) {
		.navbar-collapse.collapse { display: none !important; }
	}

	
/************ navbar-shrink ***********/
@media (min-width: 992px) {
	.navbar-default.navbar-shrink .navbar-fixed-top {
		position: fixed;
	    top: -30px;
	    -webkit-transition: -webkit-transform .3s ease-out;
		-o-transition: -o-transform .3s ease-out;
	    transition: transform .3s ease-out;
		-webkit-transform: translate(0, -5px);
	  	-ms-transform: translate(0, -5px);
	   	-o-transform: translate(0, -5px);
	    transform: translate(0, -5px);
	    
	   background: #fff;
		-webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.13);
			box-shadow: 0 3px 4px 0 rgba(0,0,0,0.13);
			
		z-index: 9999;
	}

	.navbar-default.navbar-shrink .mainMenu { height: 120px; }
	.navbar-default.navbar-shrink .brandLogo { padding: 25px 0; }
	.navbar-default.navbar-shrink .brandLogo img { width: 150px; }

	.navbar-default.navbar-shrink .navbar-nav > li > a { position: relative; color: #726E6D; margin-top: 10px; }
	
	.navbar-default.navbar-shrink .navbar-nav > li.open > a,
	.navbar-default.navbar-shrink .navbar-nav > li:hover > a,
	.navbar-default.navbar-shrink .navbar-nav > li > a.active { color: #0093EE; background: none; }
	
	.navbar-default.navbar-shrink .dropdown .dropdown-menu { top: 63px; /* 간격 연결 */ }
	.navbar-default.navbar-shrink .dropdown .dropdown-menu ul {
		margin-top:23px; /* 간격 연결 */
		padding: 24px 0px;
		border-radius: 0px;
	}
		
}


/*************************
*******left side menu******
************************* */
.navbar-default .navbar-header .navbar-toggle { float: left; margin-top: 12px; border: 0px; }
.navbar-default .navbar-header .navbar-toggle:hover,
.navbar-default .navbar-header .navbar-toggle:focus { background-color: #fff; }

.navbar-toggle .icon-bar {
  	border:1px solid #000;
    -webkit-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
}

/* 토글버튼 클릭시 스크롤 배경 구성 */
.not_scroll{ position: fixed; overflow: hidden; width:100%; height:100%; }
.overlayBack{ background-color: transparent; position: fixed; top:0; bottom:0px; left:0px; }
.overlayBack.active{
	background-color: rgba(0,0,0,0.6);
 	-webkit-transition: background-color 0.35s;
 	transition: background-color 0.35s;
 	top: 0; bottom: 0px; left: 0px; right: 0px;
 	width:100%;
 	z-index: 10;
 }


/* 토글버튼 클릭시 스크롤 배경 구성 */
	@media (max-width: 991px) {
		.dropdown-menu-right { right: auto; left: 0;}
		
		/* ***mobile top logo*** */
	    .navbar-header { float: none;
	    	position: fixed;
	    	top:0;
	    	width:100%;
	    	height: 52px;
	    	background-color: #fff;
	    	 -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.13);
				box-shadow: 0 3px 4px 0 rgba(0,0,0,0.13);
		 	z-index: 2;margin-bottom: 40px; 
		}
	    .navbar-header > .navbar-toggle { display: block; }
	
		.navbar-header > .navbar-brand { float: none; text-align: center; padding: 12px 0; }
		.navbar-header > .navbar-brand img { margin-left: -60px; width: 120px; }

		/* ******left menu******/
		.nav { padding-top:  20px; }
		.nav > li > a { font-size: 16px; color: #726E6D; padding: 10px 20px; border-radius: 0; }
		.nav > li > a > i { position: relative; top: 3px; font-size:20px; margin-right: 8px; }
		.nav > li { background-color: #fff; }

		.nav > li > a:hover,
		.nav > li > a.active,
		.nav > li > a.dropdown-toggle:focus { color: #0093EE; background-color: #fff; }
		  
		/* **sub menu** */
		.dropdown .dropdown-menu { position:relative; float: none; top: 0px; left: 0; width: 100%; margin-top:-5px; /* 간격 연결 */} 
		.dropdown .dropdown-menu:after,
		.dropdown .dropdown-menu:before,
		.dropdown .dropdown-menu.dropdown-menu-right:after,
		.dropdown .dropdown-menu.dropdown-menu-right:before { border-width: none; border-style: none; border-color: none; }

		.nav > li > .dropdown-menu > ul { margin-top:0px; padding: 0; border: 0; }
		.nav > li > .dropdown-menu > ul > li:hover a { border-radius: 0; }
		.nav > li > .dropdown-menu > ul > li > a { color: #3F536E; padding: 8px 48px; background-color: #fff; }
		.nav > li > .dropdown-menu > ul > li > a:hover,
		.nav > li > .dropdown-menu > ul > li > a.active { padding: 8px 48px; border-left: 0; color: #0093EE; background-color: #fff; }
		
		/* mobile sub menu** */
		.nav > li > .dropdown-menu > ul > div > li > a { color: #3F536E; padding: 8px 48px; background-color: #fff; }
		.nav > li > .dropdown-menu > ul > div > li > a:hover { padding: 8px 48px; border-left: 0; color: #0093EE; background-color: #fff; }
		
		.bottomMenuLine { display: block; padding: 0 22px 30px; }
		.bottomMenu { margin-top: 25px; padding-top: 25px; border-top: 1px solid #C5D9E8; }
		.bottomMenu a { color: #67859E; }
		.bottomMenu a:hover { color: #0079C4; }
		.bottomMenu i { position: relative; top: 5px; }
	}


/***********************
********* Footer ******
************************/
#footer { margin-top: 100px; }
#footer, #footer a { font-weight: 400; font-size: 15px; color: #fff; }
#footer a:hover { color: #0093EE !important; }

.footer_title { font-weight: 400; font-size: 20px; color: #FFFFFF; padding: 15px 0 5px; letter-spacing: -1px; line-height: 29px; }

.footer_notice { padding: 50px 0 30px; background-color: #1B2A3F; }
.footer_notice img { margin-bottom: 20px; }
.footet_ul { padding-left: 0; margin-bottom: 20px; list-style: none; }
.footet_ul li { font-size: 15px; color: #FFFFFF; padding: 2px 0 13px; border-bottom: 1px solid rgba(255,255,255,0.22); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.footet_ul li.last { border-bottom: 0; }
.footet_ul li:before { font-family: 'Sambo' ; content: '\e904'; font-size: 25px; color: #D0E5FF; position:relative; top: 5px; }

.footet_ul.icon li { padding: 12px 0; white-space: normal; overflow: visible; text-overflow: clip; }
.footet_ul.icon li:before { content: none; }
.footet_ul.icon li i { font-size: 18px; color: #D0E5FF; position: relative; top: 2px; }
.footet_ul.icon li.address { letter-spacing: -0.6px; }
.footet_ul.icon li.address i { font-size: 14px; }

.footet_ul .dl-horizontal { margin-bottom: 0; clear: left;}
.footet_ul .dl-horizontal dt { float: left; width: 24px; text-align: left; }
.footet_ul .dl-horizontal dd { margin-left: 25px; }

.footer_notice .btn {
	width: 100%;
	color: #8DABC4;;
	padding: 6px 12px;
	text-align: left;
  	background-color: #2C405A;
  	border: 1px solid #3F536E;
	border-radius: 4px;
}
.footer_notice .btn .caret { float: right; margin-top: 8px;}

#footer .dropdown-menu { min-width: 100%; padding: 0; }
#footer .dropdown-menu > li { padding: 5px 0px; }
#footer .dropdown-menu > li > a { color: #67859E !important; }
#footer .dropdown-menu > li > a:hover,
#footer .dropdown-menu > li > a:focus { color: #0093EE !important; }

.footer_copy { color: #8DABC4; padding: 35px 0 30px; background-color: #1A2234; }

.footer_copy .policy { text-align: right; }
.footer_copy .policy a { color: #8DABC4 !important; padding: 10px 0 10px 25px; }
.footer_copy .policy a:hover,
.footer_copy .policy a:focus { background-color: none; }

.footer_copy .icon { text-align: right; }
.footer_copy .icon a { font-size: 30px; color: #D0E5FF; margin-left: 24px; }
.footer_copy .icon a:hover i { color: #0093EE !important; } 

@media (min-width: 992px) and (max-width: 1199px) {
	.footer_copy .icon a { margin-left: 23px; }
}
@media (max-width: 991px) {
	.footer_copy .copy { text-align: center; }
	.footer_copy .policy { text-align: center; margin-bottom: 20px; }
	.footer_copy .icon { text-align: center; margin-bottom: 20px; }
}
@media (max-width: 480px) {
	.footer_copy .icon a { margin-left: 20px; }
}

.gototop { position: fixed; bottom: 20px; right: 2%; z-index: 1030; }
.gototop i { font-size: 32px; color:#fff; padding: 10px; background: rgba(126, 149, 167, 0.5); border-radius: 4px; } 
.gototop i:hover { color:#444; }

@media (max-width: 991px) {
	.gototop { position: fixed; bottom: 20px; right: 2%; z-index: 1030; }
	.gototop i { font-size: 20px; padding: 10px; } 
}
@media (max-width: 767px) {
	.footer_notice img { width: 130px; }
}

.footerLink { text-align: right; }
.footerLink a { font-size: 30px; color: #D0E5FF; margin-left: 24px; }
.footerLink a:hover i { color: #0093EE !important; } 

@media (max-width: 991px) {
	.footerLink a { margin: 0 12px; }
	.footerLink { text-align: center; margin-bottom: 20px; }
}
@media (max-width: 480px) {
	.footerLink a { display: block; margin-bottom: 15px; }
}


/*************************
*******Header(Main Banner)******
**************************/
#mainBanner { position: relative; margin-top: 76px; }

	.fill {
	    width: 100%;

	    background-position: center;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    background-size: cover;
	    -o-background-size: cover;
	}

@media (max-width: 991px) {
	#mainBanner { margin-top: 52px; } /* margin-top: 0px; */
}

#mainBanner .slick-prev, #mainBanner .slick-next {
	top: 48% !important;
	height: 50px;
	width: 20px;
	color:#fff;
	z-index: 10;
}
#mainBanner .slick-prev:before, #mainBanner .slick-next:before { font-family: "Sambo"; font-size: 50px; }
#mainBanner .slick-prev { left: 2%; }
#mainBanner .slick-prev:before { content: "\e913"; padding:30px; background-color: rgba(0,0,0,0.24); border-radius: 60px; }
#mainBanner .slick-prev:hover:before { color:#fff; background-color: rgba(11,120,227,0.5); }

#mainBanner .slick-next { right: 12%; }
#mainBanner .slick-next:before { content: "\e91a"; padding:30px; background-color: rgba(0,0,0,0.24); border-radius: 60px; }
#mainBanner .slick-next:hover:before { color:#fff; background-color: rgba(11,120,227,0.5); }

#mainBanner .slick-dots { 
	position: absolute;
	bottom: 80px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	width: 100%;
}
#mainBanner .slick-dots li { 
	position: relative;
	display: inline-block;
	height: 15px;
	width: 15px;
	margin: 2px;
	padding: 0;
	cursor: pointer;
}
#mainBanner .slick-dots li button { 
	border: 1px solid #ffffff;
	border-radius: 6px;
	background-color: rgba(255,255,255,0.16);
	display: block;
	height: 11px;
	width: 11px;
	outline: none;
	font-size: 0;
	padding: 5px;
	cursor: pointer;
}
#mainBanner .slick-dots li.slick-active button { background: #fff; }

#mainBanner .mainBannerTextPosition { position: absolute; left: 0; width: 100%; color: #ffffff; z-index: 10; }
.mainBannerText h1 { font-size: 36px; font-weight: 300; line-height: 42px; text-shadow: 0 2px 4px black; margin-bottom: 0; }
.mainBannerText .title { font-size: 58px; font-weight: 800; line-height: 64px; text-shadow: 0 2px 8px black; margin-bottom: 20px; }
.mainBannerText .subTile { font-weight: 500; font-size: 24px; line-height: 36px; letter-spacing: -2px; text-shadow: 0 2px 4px black; }

a.btn-mainBanner { font-weight: 400; font-size: 18px; color: #fff; padding: 10px 60px 12px; margin-top: 30px; border-radius: 100px; background-color: #1A82FF; letter-spacing: -1px; }
a.btn-mainBanner i { position: relative; top: 3px; color: #03101F; opacity: 0.2; margin-left: 15px; }
a.btn-mainBanner:hover { color: #03101F; background-color: #0B78E3; }

/* position */
	#mainBanner .mainBannerTextPosition { bottom: 275px; }
	#mainBanner .slick-dots { bottom: 100px; }

	@media (min-width: 768px) and (max-width: 991px) {
		#mainBanner .mainBannerTextPosition { bottom: 100px; }
		#mainBanner .slick-dots { bottom: 30px; }
	}
	
	@media (max-width: 768px) {
		#mainBanner .mainBannerTextPosition { bottom: 70px; }
		#mainBanner .slick-dots { bottom: 20px; }
		
		.mainBannerText h1 { font-size: 20px; }
		.mainBannerText .title { font-size: 36px; margin-bottom: 20px; line-height: 40px; }
		.mainBannerText .subTile { font-size: 14px; line-height: 24px; }
	}
	
/*************************
*******Main Section******
**************************/
#mainGallery { margin-top: -80px; margin-bottom: 80px; }

	@media (max-width: 991px){
		#mainGallery { margin-top: 80px; }
	}

		
#mainNetwork { text-align: center; padding-top: 80px; background-color: #ECF5FD; }		
#mainNetwork .simple-elements-underline { margin:0 auto; height: 2px; width: 203px; transform: scaleY(-1); background: linear-gradient(270deg, #106DB2 0%, rgba(65,252,162,0) 100%); }
#mainNetwork h1 { color: #2C405A; font-weight: 400; font-size: 58px; letter-spacing: -4px; line-height: 60px; }
#mainNetwork h2 { color: #67859E; font-weight: 300; font-size: 28px; letter-spacing: -1px; line-height: 34px; }

	@media (max-width: 767px) {
		#mainNetwork h1 { font-size: 40px; }
		#mainNetwork h2 { font-size: 18px; }
	}

/* #mainNetwork .graph input[value] { display: none; }
#mainNetwork .graph .data i { font-size: 60px; }
#mainNetwork .graph .data i.icon-Construction-1 { color: #0093EE; }
#mainNetwork .graph .data i.icon-Construction-2 { color: #4ECE3D; }
#mainNetwork .graph .data i.icon-Construction-3 { color: #FACA00; }
#mainNetwork .graph .data span { color: #67859E; font-size: 16px; }
#mainNetwork .graph .data { margin-top: -190px; }
#mainNetwork .graph .data p { font-size: 40px; color: #2C405A; font-weight: bold; padding: 10px; background: #fff; }

	@media (max-width: 991px) {
		#mainNetwork .graph div[class*="col-"] { 
			margin-bottom: 20px; 
		}
	} */
	@media (min-width: 992px) {
		#mainNetwork .graph { position: relative; top: 135px; margin-top: -200px; }
	}
	@media (min-width: 992px) and (max-width: 1199px) {
		#mainNetwork .graph div { margin-left: -6px;  }
	}
	@media (min-width: 768px) and (max-width: 991px) {
		#mainNetwork .graph div { margin-left: -24px;  }
	}
	@media (min-width: 480px) and (max-width: 767px) {
		#mainNetwork .graph div { margin-left: 0px;  }
	}
	@media (max-width: 479px) {
		#mainNetwork .graph div { margin-left: -4px;  }
	}

.circliful .outer {
    fill: transparent;
    stroke: #333;
    stroke-width: 19.8;
    stroke-dasharray: 534;
    transition: stroke-dashoffset 1s;
    -webkit-animation-play-state: running;
    /* firefox bug fix - won't rotate at 90deg angles */
    -moz-transform: rotate(-89deg) translateX(-190px);
}

/* full circle 25 empty 534 */
.circliful .inner {
    fill: transparent;
    stroke: orange;
    stroke-width: 20;
    stroke-dasharray: 534;
    transition: stroke-dashoffset 1s;
    -webkit-animation-play-state: running;
    /* firefox bug fix - won't rotate at 90deg angles */
    -moz-transform: rotate(-89deg) translateX(-190px);
    stroke-dashoffset: 0;
}

.circliful {
    overflow: visible !important;
    width:340px; height: 340px;
}

.svg-container {
    width: 100%;
    margin: 0 auto;
    overflow: visible;
}

svg .icon {
    font-family: 'Sambo';
}

.worldMap { position: relative; margin-bottom: 60px; }
.worldMap .tooltipBox i { font-size: 34px; color: #26C1C9; cursor: pointer; }
.worldMap .tooltipBox i:hover { color: #FF151F; }
.worldMap .tooltipBox .tooltip {
	top: 40% !important;
	left: 50% !important;
	font-family: 'Heebo', sans-serif;
}
.worldMap .tooltip-inner {
	width: 440px;
	height: 200px;
  max-width: 450px;
  font-size: 15px;
  font-weight: 300;
  color: #8DABC4;
  padding: 10px 20px 20px;
  text-align: left;
  background-color: #fff;
	border: 1px solid #A8C6DF;
}
.worldMap .tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #A8C6DF;
}

.worldMap .tooltipBox span { 	font-weight: 500; color: #3F536E; font-size: 18px; }
.worldMap .tooltipBox span:before { font-family:  'Material Icons'; content: "\E0C8" ; font-size: 24px; color: #26C1C9; position: relative; top: 4px; left: -5px; }

.worldMap .leftPadding { padding-top: 5px; padding-left: 24px; }

	@media (min-width: 992px) and (max-width: 1199px) {
		.worldMap h2 { font-size: 26px; letter-spacing: -2px; }
		.worldMap .tooltipBox i  { font-size: 30px; }
		#mainTab h2 { font-size: 26px; }
	}
	@media (min-width: 768px) and (max-width: 991px)  {
		.worldMap .tooltipBox i  { font-size: 30px; }
	}


#mainTab { text-align: center; }		
#mainTab .simple-elements-underline {	 margin:0 auto; height: 2px; width: 203px; transform: scaleY(-1); background: linear-gradient(90deg, #106DB2 0%, rgba(65,252,162,0) 100%); }
#mainTab h1 { color: #2C405A; font-size: 58px; font-weight: 400; letter-spacing: -4px; line-height: 60px; }
#mainTab h2 { color: #67859E; font-weight: 300; font-size: 28px; letter-spacing: -1px; line-height: 34px; }

	@media (max-width: 767px) {
		#mainTab h1 { font-size: 40px; }
		#mainTab h2 { font-size: 18px; }
	}
	
#mainTab .nav > li { background-color: #fff; }
#mainTab .nav-tabs { margin: 50px 0 20px; border-bottom: 0px; }
#mainTab .nav-tabs > li > a { font-weight: 400; color: #67859E; font-size: 16px; padding: 4px; border: 0px solid transparent; background: #fff; text-align: left; }
#mainTab .nav-tabs > li > a:hover { color: #0093EE; border-color: none; background-color: #fff; }
#mainTab .nav-tabs > li.active > a,
#mainTab .nav-tabs > li.active > a:hover,
#mainTab .nav-tabs > li.active > a:focus {
  color: #0093EE;
  cursor: default;
  background-color: #fff;
  border: 0px;
}

#mainTab .tab-content .row { margin-bottom: 30px; }		


/* 메인 실적 img 태그를 div태그로 변경 및 style 적용 0615 */
#mainTab .imgDiv { display: block; width: 100%; height: 394px; margin-bottom: 30px; border-radius: 6px; background-position:center center;background-repeat:no-repeat;background-size:cover; }

	@media (min-width: 992px) and (max-width: 1199px) {
		#mainTab .imgDiv { height: 310px; }
	}
	@media (min-width: 768px) and (max-width: 991px) {
		#mainTab .imgDiv { height: 240px; }
	}
	@media (min-width: 481px) and (max-width: 767px) {
		#mainTab .imgDiv { height: 180px; }
	}
	@media (max-width: 480px) {
		#mainTab .imgDiv { height: 140px; }
	}
	
#mainTab a .overlay {
	position: absolute;
	top: 0;
	bottom: 30px;
	left: 0;
	right: 0;
	color: #fff;
	background-color: rgba(3, 30, 46, 0.6);
	cursor: pointer;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: all linear 0.1s;
	-moz-transition: all linear 0.1s;
	-ms-transition: all linear 0.1s;
	-o-transition: all linear 0.1s;
	transition: all linear 0.1s;
	margin: 0 15px;
	padding: 25px 30px;
	border-radius: 6px;
}
#mainTab a:hover .overlay {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	transform: scale(1);
}

#mainTab a .overlay h4 { color: #FFFFFF; font-size: 22px; line-height: 27px; font-weight: 400; margin-bottom: 5px; }
#mainTab a .overlay p { color: #26C1C9; font-size: 18px; line-height: 36px; margin-bottom: 10px; }
#mainTab a .overlay .dl-horizontal { font-size: 17px; letter-spacing: -1px; color: #fff; margin-bottom : 10px; }
#mainTab a .overlay .dl-horizontal dt { width: 100px; text-align: left; }
#mainTab a .overlay .dl-horizontal dd { font-family: 'notokr-light'; margin-left: 110px; text-align: left;  }

	@media (min-width: 992px) and (max-width: 1199px) {
		#mainTab a .overlay { padding: 10px 20px;	}
		#mainTab a .overlay h4 { font-size: 18px; line-height: 22px; }
		#mainTab a .overlay p { font-size: 16px; line-height: 22px; margin-bottom: 15px; }
		#mainTab a .overlay .dl-horizontal { font-size: 15px; margin-bottom: 5px; }
	}
	@media (min-width: 768px) and  (max-width: 991px){
		#mainTab a .overlay { padding: 20px;	}
		#mainTab a .overlay h4 { font-size: 17px; } 
		#mainTab a .overlay p { font-size: 15px; }
	}
	
	@media (max-width: 767px){
		#mainTab .overlayBox .overlay { display: block; }
			/* 모바일에서는 오버가 없기 때문에 바로 표시
		#mainTab a .overlay { opacity: 1; filter: alpha(opacity=100); }  */
	}
	
	@media  (max-width: 767px){
		#mainTab a .overlay { padding: 10px;	}
		#mainTab a .overlay h4 { font-size: 15px; line-height: 22px; } 
		#mainTab a .overlay p { font-size: 14px; }
	}
	
	@media  (max-width: 480px){
		#mainTab .col-xs-4 { width: 50%; }
		#mainTab a .overlay h4 { font-size: 14px; line-height: 14px; } 
		#mainTab a .overlay p { font-size: 12px; }
	}
	

/* 20170523 추가 */
.panel_container .panel {
  margin-bottom: 30px;
  background-color: #fff;
  border: 1px solid #7E95A7;
  border-radius: 4px;
}
.panel_container img { display: block; width: 100%; height: auto; } /* 20170523 추가 */
.panel_container .panel-body { text-align: center; padding: 15px 4px; font-size: 28px; color: #1A82FF; font-weight: 100; }
.panel_container .panel-body.height { height: 110px; }
.panel_container .panel-body.height .padding { padding-top: 20px; }
	
.panel_container .panel-body span { font-weight: 700; font-size: 18px; color: #000000; letter-spacing: -1px; }

	@media (min-width: 992px) and (max-width: 1199px) {
		.panel_container .panel-body div { font-size: 26px; }
	}
	@media (max-width: 991px) {
		.panel_container .panel-body div { font-size: 18px; }
		.panel_container .panel-body span { font-size: 15px; }
		.panel_container .panel-body.height { height: 80px; }
		.panel_container .panel-body.height .padding { padding-top: 10px; }
	}
	@media  (max-width: 767px){
		.panel_container .panel-body div { font-size: 14px; }
		.panel_container .panel-body span { font-size: 12px; }
	}
	
.panel_container .panel-heading {
	position: relative;
  padding: 0px;
  border-bottom: 1px solid #7E95A7;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel_container a:hover .panel-heading { color: #1A82FF; font-weight: 500; position: relative; display: block; overflow: hidden; }
.panel_container a:hover .panel-body div { color: #1A82FF; font-weight: 500; }
.panel_container a:hover .panel-body span { color: #0093EE; }

.panel_container a .overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	color: #fff;
	background-color: rgba(103, 133, 158, 0.5);
	cursor: pointer;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: all linear 0.1s;
	-moz-transition: all linear 0.1s;
	-ms-transition: all linear 0.1s;
	-o-transition: all linear 0.1s;
	transition: all linear 0.1s;
	
	text-align: center;
	padding-top: 20%;
	font-size: 18px;
}
.panel_container a .overlay i {	font-size: 50px; }

	@media (min-width: 992px) and (max-width: 1199px) {
		.panel_container a .overlay { font-size: 16px; }
		.panel_container a .overlay i {	font-size: 40px; }
	}
	@media (min-width: 768px) and  (max-width: 991px){
		.panel_container a .overlay { font-size: 14px; }
		.panel_container a .overlay i {	font-size: 26px; }
	}
	@media  (max-width: 767px){
		.panel_container a .overlay { display: none; }
	}
	@media (max-width: 480px) {
	  #mainGallery > .container > .row > .col-xs-4 { width: 100%; }
	  .panel_container .panel-body.height { height:auto; }
	  .panel_container .panel-body.height .padding { padding-top: 0; }
	}

.panel_container a:hover .overlay {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	transform: scale(1);
}
.panel_container .overlay i { font-size: 40px; }


/* 레이어팝업 이미지 슬라이드 백그라운드 이미지 css */
#modal_slides_arrows .item{
	height:330px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
/* 사업소개 > 이미지 div */
.imgSubDiv{
	width: 100%;
	display: block;
	max-width: 100%;
	height: 175px;
	border-radius: 5px 5px 0px 0px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
/* 사업소개 > 발주처, 원청사, 공사개요 글자 줄이기 */
.textLetdown{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.imgBoardDiv{
	width: 100%;
	display: block;
	max-width: 100%;
	height: 170px;
	border-radius: 5px 5px 0px 0px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* 0703 추가 */
.carousel-control.left, .carousel-control.right  { background-image: none; }
.carousel-control .icon-prev,
.carousel-control .icon-next { font-family: "Sambo";   top: 48%; }
.carousel-control .icon-prev:before { content: "\e913"; }
.carousel-control .icon-next:before { content: "\e91a"; }
.carousel-indicators { bottom: -35px; }
.carousel-indicators li {
  width: 10px;
  height: 10px;
  margin: 0 2px;
  border: 1px solid #A8C6DF;
}
.carousel-indicators .active {
  width: 10px;
  height: 10px;
  background-color: #A8C6DF;
}