@charset "utf-8";

/* CSS Document */



.hr1{height:3px; background-color:#C4C4C4; border:0; margin:0 10%;}

.hr2{height:1px; background-color:#C4C4C4; border:0; margin:20px 0}



h3{margin-bottom:30px;}

.row-flex {

  display: flex;

  flex-wrap: wrap;

  margin-right:-15px;margin-left:-15px

}



.content {

  height: 100%;

}

.navbar{background:url(../images/red-curve.png) 50% 0 no-repeat;}

.bg1{ background:url(../images/bg1.jpg) 0 0 repeat-x; background-color:#9c9d8f;  }

.bg2{background-color:#E9EDF1; padding-top:30px}

.bg3{background-color:#524BAD; padding:30px 0}



.font1{font-family: 'Roboto', sans-serif; font-size:20px; font-weight:bold}



.blue{color:#3289DA;}

.black{color:#000;}

.brown{color:#602f11}

.text1{    font-family: 'Noto Serif KR', serif; font-size:24px}

.text1 span{padding:0 20px;}

.large{font-size:25px;}



ul.list1{padding:0; margin:0}

ul.list1 li{background:url(../images/arrow.png) 0 4px no-repeat; line-height:20px; padding:0 0 10px 30px; list-style:none}



.vertical-space1{padding-top:40px;}

.white-space{height:110px;}

.left-space{padding-left:6%;}



.slide-wrapper{display:inline;}

.slide-wrapper .container{padding:0;}





.caps{text-transform:uppercase}



.btn1{background-color:#ccc; padding:4px; margin-top:20px; font-weight:bold; font-size:11px; color:#000; }

.btn1:hover{background-color:#fff; text-decoration:none}



.box1{background-color:#fff; border-radius:20px; padding:30px; text-align:center; max-width:250px; margin:17px}



.img-mobile{display:none !important;}

.img-desktop{display:block}

.banner img{width:100%}

.img1{border-radius:35px; border-bottom-right-radius: 0px; border:solid 1px #ccc}

.img2{border-radius:35px; border-top-right-radius: 0px;border:solid 1px #ccc}

.img3{border-radius:35px; border-bottom-left-radius: 0px;border:solid 1px #ccc}

.img4{border-radius:35px; border-top-left-radius: 0px;border:solid 1px #ccc}

.gallery1 img{margin-bottom:20px;}



.but1{background-color:#fff;  filter: drop-shadow(5px 5px 5px #222); padding:10px; border-radius:5px; color:#420002; }

.but1:hover{color:#000;}





.design{ padding:5px 0; color:#999}

@media (max-width:991px){



	.mobile-center1{text-align:center;}

	.text1{font-size:15px; text-align:right }

	.but1{float:right}

	.text1 span{padding:0 8px;}

	.navbar{background:url(../images/red-curve2.png) 50% 0 no-repeat;}

	}

@media (max-width:767px){

.img-mobile{display:block !important;}

.img-desktop{display:none !important}

.carousel-indicators{display:none;}

.footer{text-align:center}



.mobile-center{text-align:center;}

.footer-black-inner{background-color:#000;  padding:20px 0; color:#fff; text-align:center; font-size:25px;}





.social{text-align:center; padding:15px 0}

.text1{    font-family: 'Noto Serif KR', serif; font-size:17px}

.mob-img-fluid{max-width:100%;}

.expertise h3{margin-top:8px; font-size:20px;}

.navbar{background:url(../images/red-curve2.png) 50% 0 no-repeat; padding-top:60px;}

.white-space{height:auto}

.box1{margin:17px auto}

}

@media (max-width:575px){

	.footer-logo{border-right:0;}

	.hovereffect {width:100%; max-width:500px; margin:auto; ;}

}