@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:200,300,400,600,700,900');


ul.bxslider,
ul.bxslider li { 
	list-style:none;
	padding:0 0 0 0; margin:0 0 0 0;
}

.bimg { text-align:center;
	
}


p.anz1 {
	color: #f5f5f5;
	font-family: 'Noto Sans KR', cursive !important;
	font-size: 22px;
	letter-spacing: 1.5px;
}
p.anz1 span {
	font-family: montserrat, Noto Sans KR !important;
	color: #99b19f;
	font-size: 13px;
	letter-spacing: 0.5px;
}


.card {
  float: left;
  width: 33.33333%;
  padding: 1rem .75rem;
  border: 0;
}

.qtitle { 
	text-align:center; 
	padding: 0 0 6em 0;
}

.qtitle h1 { 
	 padding-top:0;
	 font-size:35px;
	color:#FFF;
	font-family: 'Noto Sans KR' !important;
}
.qtitle span { 
	font-size:15px;
	 padding-top:1em; 
	color:#dedede;
	font-family: 'Noto Sans KR' !important;
}

.card2 {
  float: left;
  width: 25%;
  padding: 1rem;
  border: 0;
}
.card2 h5 { 
	padding-top:1em; 
	font-family: 'Noto Sans KR', serif;
}

.card2 h5 span { 
	padding-top:1em;
	font-family: 'Noto Sans KR', sans-serif !important;
}

.card-text {
	text-align:center;
	color: #333;
	font-size: 18px;
	padding-top:.6em;
	padding-bottom:1.0em;
	letter-spacing: -1px;
	font-family: 'Noto Sans KR', sans-serif !important;
}
.timg {
	padding:2em 0 0.8em 0;
	margin-bottom:0em;
	background:#fff;
	color: #333;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center bottom;
}

.timg { 
	font-family: 'Noto Sans KR', serif;
	font-size:38px;
}

#promo-wrapper {
		position: relative;
		background-image: url('http://ggid.co.kr/wp-content/uploads/2016/10/mbg08.png');
		color: #fff;
		text-align: center;
		padding: 6em 6em;
		background-repeat: no-repeat;
		background-color: transparent;
		background-position: center 0;
		background-attachment: fixed;
}

.wrapper2 {
position: relative;
		background-image: url('/theme/qindesign/img/bg_q.png');
		color: #fff;
		text-align: center;
		padding:5em 9em 8em 9em ;
		margin-top:3em;
		margin-bottom:4em;
		background-repeat: no-repeat;
		background-color: transparent;
		background-position: center 0;
		background-attachment: fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
}



.service-content { 
	text-align:left; 
}
.service-content h3{ 
	font-size:18px !important;
	line-height:1px !important;
	font-weight:400 !important;
	font-family: 'Noto Sans KR', sans-serif !important;
	color:#959595 !important;
}
.service-content p{ 
	font-size:14px !important;
	font-weight:400 !important;
	line-height:20px !important;
	font-family: 'Noto Sans KR', sans-serif !important;
	color:#656565;
}

.bimg { margin-bottom:55px;
	 
}

/*
.wrapper2 .container { 
		background-image: url('/theme/qindesign/img/bg_q.jpg');
		color: #fff;
		text-align: center;
		padding: 6em 6em;
		background-repeat: no-repeat;
		background-color: transparent;
		background-position: center 0;
		background-attachment: fixed;
		opacity: 0.3!important; filter:alpha(opacity=30);
	 
}
*/
.wrapper2 .card-title { 
	margin:3em 0; 
}

}

@media screen and (max-width: 1280px) { 
	
}

@media screen and (max-width: 1200px) { 
	 
	.bimg {
		margin-bottom:2em;
	}

	.wrapper {margin-bottom:3em;}

}



 
 

@media screen and (max-width: 820px) { 


.card {
  float: left;
  width: 50%;
  padding: .75rem;
  border: 0;
}
.card2 {
  float: left;
  width: 50%;
  padding: .75rem;
  border: 0;
}

.card-text {
    text-align: center;
    color: #333;
    font-size: 16px;
    padding-top: .3em;
    padding-bottom:0.2em;
    letter-spacing: -1px;
    font-family: 'Noto Sans KR', sans-serif !important;
}


.timg h2 {
    font-family: 'Noto Sans KR', serif;
    font-size: 25px;
}
 
.timg {
    padding: 0.8em 0 0.3em 0;
    margin-bottom: 0.1em;
    background: #fff;
    color: #333;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center bottom;
}


  .col-md-6 {    position: relative;
    width:50%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;}

 .qtitle h1 {
    padding-top: 0;
    font-size: 25px;
    color: #FFF;
    font-family: 'Noto Sans KR' !important;
}

.qtitle span {
    font-size: 13px;
    padding-top: 1em;
    color: #dedede;
    font-family: 'Noto Sans KR' !important;
}


.qtitle {
    text-align: center;
    padding: 0 0 2.5em 0;
}

.wrapper {margin-bottom:2em;}

.wrapper2 {
    position: relative;
    background-image: url(/theme/qindesign/img/bg_q.png);
    color: #fff;
    text-align: center;
    padding: 5em 6em 5em 6em;
	margin-bottom: 3.3em;
    margin-top: 2.5em;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center 0;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.service-content h3 {
    font-size: 1.4em !important;
    line-height: 1.3px !important;
    font-weight: 400 !important;
    font-family: 'Noto Sans KR', sans-serif !important;
    color: #959595 !important;
}


.service-content p {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    font-family: 'Noto Sans KR', sans-serif !important;
    color: #656565;
}


.col-6 {
    -ms-flex: 0 0 16.5%;
    flex: 0 0 16.5%;
    max-width: 16.5%; padding-right:5px;
    padding-left: 5px;
}

}
 
@media screen and (max-width: 480px) { 

	

	.wrapper2{
		padding:2.5em 1rem;     margin-top:1.5em; margin-bottom:2.2em;
	}

	.qtitle {
		padding:0 0 1.4em 0;
	}

	.qtitle h1{
		font-size:1.1em;
	}
	.qtitle span {
		font-size:.75rem;
	}


    .col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width:16.6%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right:2px;
    padding-left: 2px;
}

.bimg {
    margin-bottom:0.4em;
}

    .serviceBox_1 {margin-top:19px;}
    .service-content h3{ 
	font-size:1.2em !important;
	line-height:1.3px !important;
	font-weight:400 !important;
	font-family: 'Noto Sans KR', sans-serif !important;
	color:#959595 !important;}

    .serviceBox_1 .service-content {
    margin-left: 35px; }

	.service-content p {
    font-size: 1em !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    font-family: 'Noto Sans KR', sans-serif !important;
    color: #656565; display:none;
}   

 
   .serviceBox_1 .service-icon {margin-top:-3px;}
   .serviceBox_1 .service-icon i { font-size: 22px;
    color: #959595;}

   .col-md-6 {    position: relative;
    width:50%;
    min-height: 1px;
    padding-right: 22px;
    padding-left: 22px;}

	.timg {padding: 0.7em 0 0.1em 0;  
    margin-bottom:0em; 
    background:#fff;
    color: #333;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center bottom;}


    .timg h2 {font-size:0.35em; font-weight:600;}
	
	.card {
	  float: left;
	  width: 33.3%;
	  padding: .18rem;
	  border: 0;
	}

	.card-text {
    padding-top: .3em;
    padding-bottom: 1em;
    letter-spacing: -1px;
    font-family: 'Noto Sans KR', sans-serif !important;
	font-size:3.2mm
	  
	}

	.card2 {
	  float: left;
	  width: 50%;
	  padding: .75rem;
	  border: 0;
	}


	.footer {
    padding-top:2em;
    padding-bottom: 3rem;
}
}