/***************************************************************************************************************/

/*
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
.notosanskr { 
	font-family: 'Noto Sans KR', sans-serif;
}
*/

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}

@font-face {font-family: 'NotoSansKR-Thin';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}

@font-face {font-family: 'NotoSansKR-Light';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}

@font-face {font-family: 'NotoSansKR-Regular';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}

@font-face {font-family: 'NotoSansKR-Medium';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}

@font-face {font-family: 'NotoSansKR-Bold';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}

@font-face {font-family: 'NotoSansKR-Black';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}


.NotoSansKR-Regular { 
	font-family: 'NotoSansKR-Regular', sans-serif;            
}

.NotoSansKR-Thin { 
	font-family: 'NotoSansKR-Thin', sans-serif;            
}

.NotoSansKR-Light { 
	font-family: 'NotoSansKR-Light', sans-serif;
}

.NotoSansKR-Bold { 
	font-family: 'NotoSansKR-Bold', sans-serif;            
}


/* GLOBAL STYLES -------------------------------------------------- */
/* Padding below the footer and lighter body text */

/*
body,button,input,select,table,textarea{font-size:12px;line-height:16px;color:#202020;font-family:-apple-system,BlinkMacSystemFont,"Malgun Gothic","맑은 고딕",helvetica,"Apple SD Gothic Neo",sans-serif}
*/
/* html, body  { font-family: Arial, "맑은 고딕", "Malgun Gothic", sans-serif; } */
/* html, body *{ font-family: '맑은 고딕', 'Malgun Gothic', sans-serif !important; } */

html, body  { 
    /* color:#202020; */
    color: #5a5a5a;
    font-family:-apple-system,BlinkMacSystemFont,"Malgun Gothic","맑은 고딕",helvetica,"Apple SD Gothic Neo",sans-serif;
	/*	font-family:AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;*/
	/*	font-size:13px;*/
}

body {
    padding-top: 3rem;
    padding-bottom: 0rem;        
}

/* Footer */
footer {
    margin: 2rem 0 0 0;
    padding: 1.5rem 0;
    color: #999;
    text-align: center;
    background-color: #f9f9f9;
    border-top: .05rem solid #e5e5e5;
    border-bottom: .05rem solid #e5e5e5;
    font-size: 0.8rem;
	
}
footer p:last-child {
    margin-bottom: 0;
    margin: 20px 0 0 0;
}

#main{
    margin: 2rem auto 3rem auto;
    min-height: 550px;
	font-size: 0.9rem;
}

.navbar{
	background-color:#1fa8de;
	border-bottom:none;
}

.navbar-nav > li.nav-item{
    /* width:120px; */
    margin-left:40px;
}

.navbar-nav > li.nav-item.active > a {
  color: #495057 !important;
}

#pageTitle{
	margin-top: 2.5rem !important;
	margin-bottom: 2.8rem !important;
}

@media (max-width: 768px) {
    .navbar-nav > li.nav-item{        
        margin-left:0px;
    }

    #pageTitle .btn-group{
        margin-bottom: 10px;
    }

}

@media (max-width: 991.98px) {    
    .navbar-brand img{
        width:70px;
    } 
	
    #main{
        min-height: 300px;
    }
	

}

.shrink {
    padding-top: 0px !important;
    padding-bottom: 0px !important; 
}

.dropdown-menu{ font-size: 0.85rem; }

.dropdown-item:hover, .dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    /* background-color: #f8f9fa; */
    background-color: #deeaf7;
}

.nav-tabs, .nav-pills, .list-group{
    margin-bottom: 1.5rem !important;
}


.list-group-item {
	padding: 0.6rem 1rem;
}

.list-group-item > a{
	text-decoration:none;
}

.list-group-item.active a{
	color:#fff;
}

.list-group-horizontal-sm > .list-group-item:first-child {
	border-bottom-left-radius: inherit !important;
}

/*
.list-group-item:hover, .list-group-item:focus {
	color: #495057;
	background-color: #f8f9fa;
}

.list-group-item.active:hover > a, .list-group-item.active:focus > a {
	color: #495057;
}
*/

.list-group-item:not(.active):hover, .list-group-item:not(.active):focus {
	color: #495057;
	background-color: #f8f9fa;
}


@media (max-width: 991.98px) { 
	td img.img-fluid{min-width:350px;}
}



/* top메뉴 투명 */
/* --------------------- */
body {
    padding-top: 0rem;    
}
header .navbar{
    background-color: transparent !important;
    /* border-bottom:1px solid #1fa8de; */
    border-bottom:1px solid #fff;
}
header .nav-link{
	font-weight:bold !important;
	color:#fff !important;
}

header .shrink {
	background-color:#1fa8de !important;
    border-bottom:none;
}

header .grow {    
    /* background-color:#eff3f5 !important;    */
    background-color:#fff !important;
    /* opacity: 0.8;  */    
    padding-bottom: 180px !important; 
    border-bottom:1px solid #eff3f5;
}

header .grow .navbar-nav a.nav-link{
    color:#292525 !important;
}

.grow .dropdown-menu{ 
    height: 170px;
    display: block;
    border: none;
}
/* --------------------- */

/***************************************************************************************************************/
  

/* bxslider */
/***************************************************************************************************************/

/* --------------------- */
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    bottom: 20px;
}

.bx-wrapper {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border:none;
}
/* --------------------- */

/***************************************************************************************************************/


/* --------------------- */
.site-section-cover {
    position: relative; 
    z-index: 2; 
    background-size: cover;
    background-repeat: no-repeat; 
    background-position: center center;
}

.site-section-cover {
    /*height: calc(100vh - 196px);*/
	height: calc(100vh - 1px);
    min-height: 577px; 
}
@media (max-width: 991.98px) {
    .site-section-cover {
        height: calc(70vh - 196px);
        min-height: 400px; 
    } 
}
/* --------------------- */

/* --------------------- */
.menu-section-cover {
    position: relative; 
    z-index: 2; 
    background-size: cover;
    background-repeat: no-repeat; 
    background-position: center center;

	display: flex;
    align-items: center;

}

.menu-section-cover {

	height: 500px;
    min-height: 400px; 
}

.menu-section-name{
	margin:0 auto;

	font-family: 'NotoSansKR-Bold', sans-serif; 
	color:#fff;
	font-size: 40px;
	font-weight:900;
	letter-spacing:0.1rem;
	text-shadow: -1px 0 #aaa, 0 1px #aaa, 1px 0 #aaa, 0 -1px #aaa;
}

@media (max-width: 991.98px) {
    .menu-section-cover {        
		height: 250px;
        min-height: 250px; 
    } 
	.menu-section-name{
		font-size: 30px;
	}
}

/* --------------------- */



/* Base */
/***************************************************************************************************************/
.font-size-10 {font-size: 10px; }  
.font-size-11 {font-size: 11px; }
.font-size-12 {font-size: 12px; }
.font-size-13 {font-size: 13px; }
.font-size-14 {font-size: 14px; }
.font-size-15 {font-size: 15px; }
.font-size-16 {font-size: 16px; }
.font-size-17 {font-size: 17px; }
.font-size-18 {font-size: 18px; }
.font-size-19 {font-size: 19px; }
.font-size-20 {font-size: 20px; }
.font-size-21 {font-size: 21px; }
.font-size-22 {font-size: 22px; }
.font-size-23 {font-size: 23px; }
.font-size-24 {font-size: 24px; }
.font-size-25 {font-size: 25px; }
.font-size-26 {font-size: 26px; }
.font-size-27 {font-size: 27px; }
.font-size-28 {font-size: 28px; }
.font-size-29 {font-size: 29px; }
.font-size-30 {font-size: 30px; }

.font-gray-1 {color: #f7f7f7 !important; }
.font-gray-2 {color: #e9e9e9 !important; }
.font-gray-3 {color: #d9d9d9 !important; }
.font-gray-4 {color: #c9c9c9 !important; }
.font-gray-5, .block-heading-1 span {color: #b8b8b8 !important; }
.font-gray-6 {color: #a8a8a8 !important; }
.font-gray-7 {color: #939393 !important; }
.font-gray-8 {color: #7b7b7b !important; }
.font-gray-9 {color: #636363 #4d4d4d !important; }
.font-gray-10 {color: #353535 !important; }

.border-gray-1 {border-color: #f7f7f7 !important; }
.border-gray-2 {border-color: #e9e9e9 !important; }
.border-gray-3 {border-color: #d9d9d9 !important; }
.border-gray-4 {border-color: #c9c9c9 !important; }
.border-gray-5 {border-color: #b8b8b8 !important; }
.border-gray-6 {border-color: #a8a8a8 !important; }
.border-gray-7 {border-color: #939393 !important; }
.border-gray-8 {border-color: #7b7b7b !important; }
.border-gray-9 {border-color: #636363 #4d4d4d !important; }
.border-gray-10 {border-color: #353535 !important; }

.bg-gray-1 {background-color: #f7f7f7 !important; }
.bg-gray-2 {background-color: #e9e9e9 !important; }
.bg-gray-3 {background-color: #d9d9d9 !important; }
.bg-gray-4 {background-color: #c9c9c9 !important; }
.bg-gray-5 {background-color: #b8b8b8 !important; }
.bg-gray-6 {background-color: #a8a8a8 !important; }
.bg-gray-7 {background-color: #939393 !important; }
.bg-gray-8 {background-color: #7b7b7b !important; }
.bg-gray-9 {background-color: #636363 #4d4d4d !important; }
.bg-gray-10 {background-color: #353535 !important; }



.letter-spacing-1 {letter-spacing: 0.1em; }
.letter-spacing-2 {letter-spacing: 0.2em; }

.border-w-1 {border-width: 1px !important; border-style:solid; }
.border-w-2 {border-width: 2px !important; border-style:solid; }
.border-w-3 {border-width: 3px !important; border-style:solid; }
.border-w-4 {border-width: 4px !important; border-style:solid; }
.border-w-5 {border-width: 5px !important; border-style:solid; }

.primary-black--hover {background: #ff8b00;color: #fff; }
.primary-black--hover:hover {background: #000;color: #fff; }
.primary-dark--hover {background: #ff8b00;color: #fff; }
.primary-dark--hover:hover {background: gray;color: #fff; }
.primary-primary-outline--hover {background: #ff8b00;color: #fff; }
.primary-primary-outline--hover:hover {border-color: #ff8b00;background: transparent; }
.primary-outline-primary--hover {background: transparent;border-color: #ff8b00; }
.primary-outline-primary--hover:hover {color: #fff;background: #ff8b00; }

.bs-callout{padding:20px;margin:20px 0;border:1px solid #eee;border-left-width:5px;border-radius:3px}
.bs-callout h4{margin-top:0;margin-bottom:5px}
.bs-callout p:last-child{margin-bottom:0}
.bs-callout code{border-radius:3px}
.bs-callout+.bs-callout{margin-top:-5px}
.bs-callout-danger{border-left-color:#ce4844}
.bs-callout-danger h4{color:#ce4844}
.bs-callout-warning{border-left-color:#aa6708}
.bs-callout-warning h4{color:#aa6708}
.bs-callout-info{border-left-color:#1b809e}
.bs-callout-info h4{color:#1b809e}


.highlight{padding:1rem;margin-top:1rem;margin-bottom:1rem;background-color:#f8f9fa;-ms-overflow-style:-ms-autohiding-scrollbar}
@media (min-width:576px){
	.highlight{
		padding:1.5rem
	}
}

.highlight pre{padding:0;margin-top:.65rem;margin-bottom:.65rem;background-color:transparent;border:0}
.highlight pre code{font-size:inherit;color:#212529}

.bd-highlight{background-color:rgba(86,61,124,.15);border:1px solid rgba(86,61,124,.15)}

.highlight2{padding:9px 14px;margin-bottom:14px;background-color:#f7f7f9;border:1px solid #e1e1e8;border-radius:4px}
.highlight2 pre{padding:0;margin-top:0;margin-bottom:0;word-break:normal;white-space:nowrap;background-color:transparent;border:0}
.highlight2 pre code{font-size:inherit;color:#333}
.highlight2 pre code:first-child{display:inline-block;padding-right:45px}
.table-responsive .highlight2 pre{white-space:normal}


.blankV {display:block;width:5px;height:10px;}	/* 수직 간격 (br 대체) <div class="blankV" style="height:;"></div> */
.blank {display:inline-block;width:5px;height:5px;}	/* 수평+수직 간격 (&nbsp, br 대체) <div class="blank" style="width:;height:;"></div> */
.clear {display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}

dl,ul,ol,li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.list-inline{
	margin:0 auto;
	display:table;
	width:100%;	
}

.list-inline > li{
	display:table-cell;
	padding:0;
}

select.form-control,
input.form-control{
	display: inline-block;
	width:auto;
	font-size: inherit;
	height: 26px;
	padding: 2px 4px 2px 4px;
}

span.alert_td {display:inline-block;}
.alert_td {margin:3px 0 0 0;padding:4px;width:auto !important;}

.btn-default {
    background-color: #f8f9fa;
    border-color: #ddd;
    color: #444;
}

.btn-default:hover, .btn-default:active, .btn-default.hover {
    background-color: #e9ecef;
    color: #2b2b2b;
}

/* 테이블 */
/* ----------------------------------------------------------------------------------- */
caption {   
    caption-side: top;
}

table.table{margin:0 auto;}
.table-hover > tbody > tr:hover {	
	/*
	background-color: #f5f5f5;
	*/
	background-color: #f9f9f9;
}

/*
.table-bordered {
    border-top: 1px solid #dee2e6 !important;    
}
*/
table tbody td i.fas{vertical-align:middle;margin:0 3px 0 3px;}

table thead th i.fas{margin:0 1px 0 1px;}

table.table caption{
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border: 1px solid #ddd;
	border-bottom:none;
	background-color:#f4f4f4;
	padding-left:10px;	
}

table.table td.nodata, table.table tr.nodata td{
	vertical-align: middle !important; 
	text-align:center !important;
	height:100px !important;	
}

table.table td {vertical-align: middle !important;}
table.table th, table.table td.title, table.table tr.title td{text-align:center;font-weight:bold;vertical-align:middle !important;}

table.table tbody td.contents ul{padding-left:30px;}

table#variableFiles {border-spacing: 0}
table#variableFiles th, table#variableFiles td {padding: 3px 0 0 0}

/* ----------------------------------------------------------------------------------- */


.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }    
}
/***************************************************************************************************************/



/* Go To Top Button */
/***************************************************************************************************************/
#go-top {
    position: fixed;
    bottom: 0px;
    right: 25px;
    display: none;
}
#go-top a {
    text-decoration: none;
    border: 0 none;
    display: block;
    width: 60px;
    height: 40px;
    background: url(../images/go-to-top.png) no-repeat 50% 50%;
    background-color: #1f2024;

    -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;

    border-radius: 3px 3px 0 0;

    font: 0/0 a;
    text-shadow: none;
    color: transparent;
}
#go-top a:hover { background-color: #0F9095; }
/***************************************************************************************************************/


/* CUSTOMIZE */
/***************************************************************************************************************/
/* Only works in IE11  */
_:-ms-fullscreen, :root td img.img-fluid{ max-width:450px; min-width:100% !important; }


/* index -------------------------------- */
#index01 .col-lg-3 {
    margin-bottom: 1.3rem;
    text-align: center;
    
}
#index01 h2 {
    font-weight: 400;
}
#index01 .col-lg-3 p {
    margin-right: .75rem;
    margin-left: .75rem;
}


/*
#home div .overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;  
	overflow: hidden;
	width: 100%;
	height: 0;
	transition: .5s ease;	
}

#home div:hover .overlay {
	height: 100%;
	cursor:pointer;
}
*/

/*
#home div .overlay1 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;  
	width: 100%;

}
*/


#home div .overlay1 {
	position: absolute;
	top: 0;

	text-align:center;
	/*
	left: 50%;
	transform: translate(-50%, 0);
	*/
	width: 100%;
}

#home div .overlay1, #home div .overlay2 {
	cursor:pointer;
}

#home div.col{
	padding:0;
	text-align:center;
}

@media (max-width: 991.98px) {    
	#home > *{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	#home img{
		/*width: calc(100% - 1%);*/
		width: 96%;
	}	
}

/* index -------------------------------- */


/* 회사개요 -------------------------------- */
 #overview_div2 { 
	top:50px;               
	text-align:right;
}

#overview_div3 { 
	margin-top:-120px;z-index:-1;
}

@media (max-width: 991.98px) {  

	#overview_div1 { 
		text-align:center;
	}

	#overview_div2 { 
		top:0;               
		text-align:center;
	}

	#overview_div3 { 
		margin-top:0px;z-index:1;
	}

}
/* 회사개요 -------------------------------- */



/* 회사소개 -------------------------------- */
#intro_bg{
            
	/*
	width:1119px;height:661px;
	*/
	width : 100%; 
	height : 661px;

	background:url('/Common/images/company_intro_bg.png') no-repeat 50% 50%;           

}

#intro_img1 { 
	position:relative;
	top: -20px;
	left: 20px;            
}

#intro_img2 { 
	position:relative;
	top: -160px;
	left: 273px;        
}

#intro_text{            
	position: relative;
	top:-500px;
	left: -25px;
}

#intro_mobile{display:none;}

@media (max-width: 991.98px) {      

	#intro_bg { 
		display:none;                
	}
	
	#intro_mobile{
		display:block !important;                
	}
	
}
/* 회사소개 -------------------------------- */



/* Featurettes ------------------------- */
  
.featurette-divider {
    margin: 3rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
    font-weight: 300;
    line-height: 1;
    letter-spacing: -.05rem;
}


/* RESPONSIVE CSS -------------------------------------------------- */
  
@media (min-width: 40em) {    
    .featurette-heading {
        font-size: 26px;
    }
}
/*
@media (min-width: 62em) {
    .featurette-heading {
        margin-top: 7rem;
    }
}
*/


#div_products ul > li {margin:2px 0 8px 0;}
#div_products div.blankV{height:15px;}
#div_products p.font-weight-bold{margin-bottom:4px;}

/***************************************************************************************************************/


/*

* https://fontawesome.com/ 

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" rel="stylesheet">
    

[크기]

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em; }

.fa-xs {
  font-size: .75em; }

.fa-sm {
  font-size: .875em; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

*/