/* ---------------------------------------------------------------------- */
/*	Media Queries (to make the layout responsive)
/* ---------------------------------------------------------------------- */

/* ------ Tablet Portrait size to standard 960 (devices and browsers) ------*/
@media only screen and (min-width:768px) and (max-width:959px){
	#main-slider .carousel-caption h2{font-size:40pt; font-family:'Open Sans', sans-serif;}
	#main-slider .carousel-caption h4{display:inline-block; color:#EFEFEF; margin-top:10px; font-size:18pt; font-family:Times New Roman;  _font-family:Times New Roman;}
}

/* ------ Mobile Landscape Size to Tablet Portrait (devices and browsers) ------*/
@media only screen and (min-width:480px) and (max-width:767px){
	#main-slider .carousel-caption h2{font-size:40pt;}
	#main-slider .carousel-caption h4{display:inline-block; color:#EFEFEF; margin-top:10px; font-size:12pt; font-family:Times New Roman;  _font-family:Times New Roman;}
}

/* ------ Mobile Portrait Size to Mobile Landscape Size (devices and browsers) ------*/
@media only screen and (max-width:479px){
	#main-slider .carousel-caption h2{font-size:20pt;}
	#main-slider .carousel-caption h4{display:inline-block; color:#EFEFEF; margin-top:10px; font-size:14pt; font-family:Times New Roman;  _font-family:Times New Roman;}
	#mobile-slider .carousel-caption{top:35%;}
	#mobile-slider .carousel-caption h2{font-size:18pt;}
	#mobile-slider .carousel-caption h4{display:inline-block; color:#EFEFEF; margin-top:10px; font-size:12pt; line-height:18px;  letter-spacing:-1px; word-spacing:1px; font-family:Times New Roman;  _font-family:Times New Roman;}
}

/*¼öÁ¤ Ãß°¡*/
.get-started{color:#ffffff; display:inline-block; border:2px solid #00a657; top:40%; padding:8px 0px 0px 0px; width:140px; height:40px;}
.get-started:link{color:#ffffff;}
.get-started:hover{border:2px solid #dddddd; cursor:pointer;}
.get-started-m{color:#ffffff; display:inline-block; border:2px solid #00a657; top:20%; padding:8px 0px 0px 0px; padding:3px 5px;}
.get-started-m:link{color:#ffffff;}
.get-started-m:hover{border:2px solid #dddddd; cursor:pointer;}


/*¼öÁ¤ Ãß°¡*/

.eng-title-sm{font-family:'Open Sans', sans-serif; font-size:14px; font-weight:400; text-align:center; color:#434343; padding-bottom:5px; color:#ffffff;}
.eng-title{font-family:'Open Sans', sans-serif; font-size:28px; font-weight:300; text-align:center; color:#434343; padding-bottom:50px; margin-top:10px;}
.eng-title-spacer{width:100px; height:30px;}
.contents{font-family:'Nanum Gothic', sans-serif; font-size:15px; margin:0px 0px 20px 0px; color:#666666; line-height:25px; font-weight:600;}

/* ------ Company Layout ------*/
.company-bg1{background-image:url(../images/company_bg4.jpg);}
.company-bg2{background-image:url(../images/company_bg2.jpg);}
.go-portfolio{color:#00a657; display:inline-block; border:2px solid #00a657; top:40%; margin:15px 0px 40px 0px; padding:4px 0px 0px 0px; width:140px; height:40px; font-weight:bold;}
.go-portfolio:hover{cursor:pointer; color:#00a657;}

/* ------ Service Layout ------*/
.service-bg1{background-image:url(../images/service_bg1.jpg);}
.service-bg2{background-color:#74c0eb;  background-size:cover; background-position:center center; background-repeat:no-repeat; overflow:hidden; height:100%;}

/* ------ Service Layout ------*/
.work-bg{background-color:#ebf5f1;}


/* ------ Reference Layout ------*/
.reference-bg{background-color:#ceeae0;}

/* ------ Payments Layout ------*/
.payments-gb{background-image:url(../images/payments_bg.gif);}

/* ------ Recruit Layout ------*/
.recruit-title{font-size:12pt; color:#00417e; border:2px solid #00417e; margin:0 auto; margin-top:40px; margin-bottom:20px; padding:20px 10px 20px 10px; font-weight:bold;}
.recruit-bg{background-color:#c8d8e5;}



/* ------ Contact Layout ------*/
.contact-bg{background-color:#ffffff;}
.map{width:100%; height:500px;}

/*-------Board List------------*/
.table-white{background-color:#ffffff;}

#mask{position:absolute; left:0; top:0; z-index:2; background-color:#000; display:none; opacity:0;}
#popoverContent{display:none;}

.pay-form{padding:20px 0px 20px 0px; margin-bottom:30px; background-color:#f1f1f1;}
.text-orange{color:#e15404;}
.text-gray{color:#666666;}

.close{font-size:30px; color:#000; text-shadow:0 1px 0 #fff; opacity:1; filter:alpha(opacity=100)}
.close1{float:right; font-size:21px; font-weight:bold; line-height:1; color:#000; text-shadow:0 1px 0 #fff; opacity:.5; filter:alpha(opacity=50)}
.close1:hover,.close:focus{color:#000; text-decoration:none; cursor:pointer; opacity:.5; filter:alpha(opacity=50)}
button.close1{padding:0; cursor:pointer; background:transparent; border:0; -webkit-appearance:none}