@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

@import url(http://fonts.googleapis.com/css?family=Noto+Sans);
@import url(http://www.openhiun.com/hangul/nanumbarungothic.css);



/*------------------------------------------------------------------
 * A Design by sowonweb
 * Author: 소원웹
 * Author URL: http://sowonweb.co.kr
 * License: http://sowonweb.co.kr
 
   불법 복제시 처벌을 받습니다.


        디자인의 모든 저작권은, 1Copy 라이선스로 최초 적용된 쇼핑몰에서만 사용권을
        부여합니다. 본 콘텐츠의 모든 라이선스는 아래의 '법적 고지'를 따릅니다.

	======================================================================================================

		※라이선스 법적 고지※

		-본 사이트에 존재하는 모든 기술적 소스코드의 저작권이 있습니다.
		-본 사이트에 존재하는 기술적 소스코드를 사용할 경우와 이를 변형하여 활용하는 경우
		 저작권법에 의거 법적 고지를 위반하는 것으로 판단하며 즉각 민형사상의 조치를 취합니다.
		-디자인의 개발·생산 및 콘텐츠의 보호를 가장 우선으로 하므로 진행되는 
		 민형사소송건에 대한 합의는 진행하지 않는 점을 고지합니다.
		-법률사무소 '정준호 변호사'와 함께 지적재산권을 수호하며
		 자문을 받고 있습니다.
-------------------------------------------------------------------*/
body {
	font: 400 normal 15px/1.4em raleway, "나눔고딕", "Noto Sans", "Noto Serif";
	color: #353535;
	overflow-x: hidden;
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span {}

h1,
.h1 {
	font-size: 76px;
}

h1,
h2,
h3 {
	text-transform: uppercase;
	color: #000000;
}

h2 {
	font-size: 25px;
}

h3 {
	font-size: 20px;
	color: #333333;
	font-weight: 400;
}

a {
	text-decoration: none;
	color: #000;
}

a:hover,
a:focus {
	color: #DDEAF7;
}

section header {
	text-align: center;
	padding: 100px 0 70px;
}

p {
	font-size: 16px;
	color: #636367;
}

/*******************************
    end- 메이크 work-process
********************************/
.text_white {
	color: #FFFFFF;
}


section header h2 {
	font-weight: 700;
	text-transform: uppercase;
}

section header p {
	width: 50%;
	margin: 0 auto;
}

section.dark header h2,
section.dark header p {
	color: #fff;
}

div#tour img.img-fluid {
    width: 100%;
}

/***********************
Buttons
***********************/
.btn-primary {
	background-color: rgb(61, 205, 188);
	border-width: 2px;
	color: #fff;
}

.btn-primary,
.btn-primary:hover {
	border-color: rgb(61, 205, 188);
}

.btn-primary:hover,
.btn-primary:focus {
	background: #fff;
	color: #fa5c58;
}

.btn {
	padding: 10px 30px;
	border-radius: 0;
	-webkit-transition: border-color 0.4s, color 0.4s;
	transition: border-color 0.4s, color 0.4s;
}

.btn-lg {
	padding: 20px 85px;
	font-size: 15px;
}

/*************************
NAVBAR
*************************/

.navbar-default {
	margin-bottom: 0px;
	border-radius: 0;
	border-left-style: none;
	border-top-style: none;
	transition: all 0.250s;
	max-width: 1270px;
	margin: 15px auto 0;
}

.navbar-default .nav {
	margin-top: 0px;
	margin-bottom: 0px;
}

.navbar-default .navbar-brand {
	color: #212121;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	align-items: center;
	justify-content: flex-start;
	height: 70px;
}

.navbar-default .nav li a {
	font-size: 17px;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	height: 70px;
	line-height: 70px;
	padding: 0 15px 0 15px;
	outline: none;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8);
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #FFFFFF;
	border: 1px solid #fa5c58;
}

.navbar-small {
	padding-top: 5px;
	height: 80px;

}

.navbar-small .nav {
	margin-top: 0px;
	border: none;
}

.navbar-default .navbar-nav > li > a {
	border: none;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #ED3B09;
	border: none;
}

.jumbotron {
	margin-bottom: 0;
}

.slide {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	text-align: center;
	text-transform: uppercase;
}

.slide .container {
	margin-top: 25%;
	margin-top: 30vh;
}

.slide h1 {
	vertical-align: middle;
	font-size: 55px;
	font-size: 61px;
	text-shadow: 1px 0px rgba(92, 92, 92, 1.00);
	line-height: 65pt;
	font-weight: bold;
}

#services {}


.slide span {
	margin-bottom: 30px;
}

.nav-pills > li.active > .filter_fill {
	color: #ffecb2 !important;
	background-color: rgba(0, 0, 0, 0.9) !important;
	font-weight: 500;
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
	text-align: center;
	-webkit-tap-highlight-color: transparent;
	bottom: 35px;
}

.owl-theme .owl-nav {
	margin-top: 10px
}

.owl-theme .owl-nav [class*=owl-] {
	color: #FFF;
	font-size: 14px;
	margin: 5px;
	padding: 4px 7px;
	background: #D6D6D6;
	display: inline-block;
	cursor: pointer;
	border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
	background: rgba(255, 87, 34, 0.8);
	color: #FFF;
	text-decoration: none
}

.owl-theme .owl-nav .disabled {
	opacity: .5;
	cursor: default
}

.owl-theme .owl-nav.disabled + .owl-dots {
	margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
	width: 20px;
	height: 20px;
	margin: 7px 7px;
	background-color: rgba(255, 255, 255, 0.8);
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 30px;
	/* box-shadow: 0px 2px 2px rgba(0,0,0,0.3); */
	border: 1px solid #999;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: rgba(255, 87, 34, 0.8)
}
.owl-carousel .owl-item img {
    height: auto;
    width: 100%;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
	border: 1px solid #ddd;
	border-bottom: 0px;
}

/**줌**/
.owl-carousel.owl-drag .owl-item {
	overflow: hidden;
}

@-webkit-keyframes move {
	0% {
		-ms-transform: scale(1, 1);
		transform: scale(1, 1) translateZ(1px);
	}

	100% {
		-ms-transform: scale(1.2, 1.2);
		transform: scale(1.2, 1.2) translateZ(1px);
	}
}

@-moz-keyframes move {
	0% {
		-ms-transform: scale(1, 1);
		transform: scale(1, 1) translateZ(1px);
	}

	100% {
		-ms-transform: scale(1.2, 1.2);
		transform: scale(1.2, 1.2) translateZ(1px);
	}
}

@-o-keyframes move {
	0% {
		-ms-transform: scale(1, 1);
		transform: scale(1, 1) translateZ(1px);
	}

	100% {
		-ms-transform: scale(1.2, 1.2);
		transform: scale(1.2, 1.2) translateZ(1px);
	}
}

@keyframes move {
	0% {
		-ms-transform: scale(1, 1);
		transform: scale(1, 1) translateZ(1px) rotate(.001deg);
		/*익스플로워 떨림현상 제거 rotate(.001deg) 추가*/
	}

	100% {
		-ms-transform: scale(1.2, 1.2);
		transform: scale(1.2, 1.2) translateZ(1px) rotate(.001deg);
		/*익스플로워 떨림현상 제거 rotate(.001deg) 추가*/
	}
}

.type-b {
	-webkit-animation: move 10s linear infinite alternate;
	/* Safari 4+ */
	-moz-animation: move 10s linear infinite alternate;
	/* Fx 5+ */
	-o-animation: move 10s linear infinite alternate;
	/* Opera 12+ */
	animation: move 10s linear infinite alternate;
	/* IE 10+, Fx 29+ */
}

/********************
about /Services
********************/

.service-item {
	position: relative;
	margin-top: 80px;
	z-index: 10;
}

.service-item.text-right .service-text {
	margin-right: 80px;
}

.service-item.text-left .service-text {
	margin-left: 80px;
}

.service-item .service-icon {
	position: absolute;
	top: -20px;
	right: -10px;
}

.service-item.text-right .service-icon {
	right: -10px;
}

.service-item.text-left .service-icon {
	left: -10px;
}

.service-item .service-icon i {
	width: 75px;
	height: 75px;
	display: block;
	color: #fa5c58;
	border-radius: 100%;
	background: #000;
	text-align: center;
	line-height: 75px;
	font-size: 30px;
	margin: 0px;
}

.video-wrapper {
	background-image: url(../img/video-bg.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.video {
	margin-top: 100px;
	margin-bottom: 100px;
	text-align: center;
	background: #27282b;
	background: rgba(39, 40, 43, 0.8);
	padding: 100px 0;
}

.video h3,
.video p {
	color: #fff;
}

.fa-play:before {
	padding-left: 10px;
}


/* portfolio section 가상포트폴리오
==================================================*/

.no-padding {
	padding-left: 0;
	padding-right: 0;
}

.no-padding [class^="col-"] {
	padding-left: 0;
	padding-right: 0;
}

.main-container {
	padding: 100px 0;
}

.portfolio .categories-grid span {
	font-size: 30px;
	margin-bottom: 30px;
	display: inline-block;
}

.portfolio .categories-grid .categories ul li {
	list-style: none;
	margin: 20px 0;
}

.portfolio .categories-grid .categories ul li a {
	display: inline-block;
	color: #60606e;
	padding: 0 10px;
	margin: 0 10px;
	-webkit-transition: all .2s ease-in-out .2s;
	transition: all .2s ease-in-out .2s;
}

.portfolio .categories-grid .categories ul li a:hover,
.portfolio .categories-grid .categories ul li a:focus {
	text-decoration: none;
}

.portfolio .categories-grid .categories ul li a.active {
	margin-left: 0;
	background-color: #ffbf00;
	padding: 0px 20px;
	color: white;
	border-radius: 25px;
	text-decoration: none;
}

.portfolio_filter {
	padding-left: 0;
}

.portfolio_item {
	position: relative;
	overflow: hidden;
	display: block;
}

.portfolio_item .portfolio_item_hover {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, .8);
	-webkit-transform: translate(-100%);
	transform: translate(-100%);
	opacity: 0;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	margin-left: 0px;
}

.portfolio_item .portfolio_item_hover .item_info {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	padding: 10px;
	width: 100%;
	font-weight: bold;
	margin-right: 0px;
}

.portfolio_item .portfolio_item_hover .item_info span {
	display: block;
	color: #fff;
	font-size: 18px;
	-webkit-transform: translateX(-100px);
	transform: translateX(-100px);
	-webkit-transition: all .2s ease-in-out .2s;
	transition: all .2s ease-in-out .2s;
	opacity: 0;
}

.portfolio_item .portfolio_item_hover .item_info em {
	font-style: normal;
	display: inline-block;
	background-color: #ffbf00;
	padding: 5px 20px;
	border-radius: 25px;
	color: #333;
	margin-top: 10px;
	-webkit-transform: translateX(-100px);
	transform: translateX(-100px);
	-webkit-transition: all .3s ease-in-out .3s;
	transition: all .3s ease-in-out .3s;
	opacity: 0;
	font-size: 10px;
	letter-spacing: 2px;
}

.portfolio_item:hover .portfolio_item_hover {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.portfolio_item:hover .item_info em,
.portfolio_item:hover .item_info span {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.portfolio .categories-grid .categories ul li {
	float: left;
}

.portfolio .categories-grid .categories ul li a {
	padding: 0 10px;
	-webkit-transition: all .2s ease-in-out .2s;
	transition: all .2s ease-in-out .2s;
}

.portfolio_filter {
	padding-left: 0;
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 50px;
}

.portfolio-inner {
	padding-bottom: 0 !important;
	padding-top: 55px;
}

.main_imgfill {
	opacity: 1;
	display: block;
	width: 100%;
	float: left;
	background-position: center center;
	background-size: cover;
	height: auto;
}

.car_bg {
	text-align: center;
	/* [disabled]vertical-align: middle; */
	/* [disabled]display: inline; */
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.0);
	/* [disabled]margin-top: 100px; */
	padding-top: 30%;
}

.white {
	color: #FFFFFF !important;
}

.blue {
	color: #3ACFF0;
}

.red {
	color: #DF2225;
}

.yellow {
	color: #F5CD26;
}

#viewport {
	height: auto;
	display: inherit;

}

.nav.navbar-nav.nav_textfill li #google_translate_element {
	font-size: 12px;
	float: right;
}

.text-white .text-white .fa.fa-phone {
	color: #DB8100;
}

#make .parallax-overlay {
	background-color: rgba(42, 50, 71, 0.97);
	height: 100%;
}

.overlay {
	background-color: rgba(0, 0, 0, 0.90);
	width: 100%;
	height: 100%;
	z-index: 20;
}

#work {
	display: block;
	position: relative;
	margin-top: -20px;
	top: 0px;
	background-color: #fff;
	padding-bottom: 20px;
}

h3.wow.fadeInUp.text-white.animated {
	line-height: 15px;
}

span .brand_view a {
	color: #111111;
	font-weight: bold;
}

.container header .wow.fadeInUp.text-white {
	line-height: 1.5em;
	color: #FFFFFF;
	font-weight: 400;
}

#service {
	background-color: #FAFAFA;
}

section#sowon-slide {
	margin-top: 0px;
}

ul.nav.navbar-nav.center-block {
	position: relative;
	left: 0%;
	right: 0%;
}

button.btn.btn-danger.btn_fill {
	padding: 0.5vw 1.5vw;
}

.container.padding-70 .text-white a {
	color: #FFFFFF;
}

.text-orange {
	color: #F7931E;
}

.content.work_420 .tab-content {}

.text-red {
	color: #ed1d1d;
}

.text-green {
	color: #000 !important;
	background-color: #FFC107 !important;
}

#sowon-res {
	background-color: rgba(0, 0, 0, 1.00);
}

.nav-tabs > li.active {
	background-color: #ffffff;
}

.nav-tabs > li:hover {
	background-color: #ffffff;
}

.nav-tabs > li > a {
	margin-right: 0px;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
	padding: 10px 0px;
	color: #FFFFFF;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
	border: 1px solid #ddd;
	vertical-align: middle;
	line-height: 20px;
	padding: 12px 5px;
}

#myModal .tab-content > .active {
	padding: 20px 0px !important;
}

.tex-special {
	font-size: 60px;
	font-weight: 100;
	color: #fff;
}


p.copri, p.copri a {
    color: #ededed;
	font-size: 13px;
}





/* Responsive media queries
==================================================*/



@media (min-width: 1000px) {
	.modal-dialog {
		width: 900px;
		margin: 50px auto;
	}

	.modal-body {
		padding: 20px 60px;
	}
}

@media (min-width: 1200px) {
	.modal-dialog {
		width: 1000px;
		margin: 50px auto;
	}
}

@media (max-width: 991px) {
	.portfolio .categories-grid span {
		margin-bottom: 0;
		text-align: center;
		width: 100%;
	}

	.portfolio .categories-grid .categories ul li {
		text-align: center;
	}

	.portfolio .categories-grid .categories ul li a {
		margin-left: 0;
	}

	.col-md-6 h3 {
		margin-top: 30px;
	}

	.navbar.navbar-default.navbar-fixed-top.nav_bgcolor .container-fluid {}

	.item.active .carousel-caption.car_bg .wow.fadeInLeft.white.h1_420 {
		font-size: 27px;
		line-height: 27px;
	}

	.item .carousel-caption.car_bg .wow.fadeInLeft.white {
		font-size: 15px;
		line-height: 16px;
	}







}

@media only screen and (max-width: 670px) {
	.box-headline {
		font-size: 100px;
	}

	.box-intro h5 {
		font-size: 12px;
	}

	.box-primary-nav a {
		padding: 5px 1em;
		font-size: 14px;
	}

	.box-primary-nav {
		padding: 80px 0 0;
	}

	.box-primary-nav .box-social a {
		font-size: 23px;
	}

	.top-bar h1 {
		font-size: 40px;
		line-height: 30px;
	}

	.portfolio .categories-grid .categories ul li {
		float: none;
	}

	.col-md-4.text-center .img_center {
		width: 90%;
	}


}

@media only screen and (max-width: 520px) {
	.box-headline {
		font-size: 80px;
	}

	.box-intro h5 {
		font-size: 12px;
	}

	.main-container {
		padding: 50px 0;
	}

	#tabContent1 #paneTwo3 .smart_fill {
		width: 100%;
		max-width: 370px;
		min-width: 320px;
	}

	.nav.nav-tabs.view_nav span .brand_view {
		display: none;



	}

	.container-fluid .navbar-header .text-white.top_tel01 {
		display: none;
	}



}

@media only screen and (max-width: 420px) {
	.box-headline {
		font-size: 50px;
		width: 100%;
		text-align: center;
	}

	.box-intro h5 {
		font-size: 12px;
		padding-right: 0px;
	}

	.top-bar h1 {
		font-size: 30px;
		line-height: 30px;
	}

	ul#mo_nav li {
		width: 50%;
	}
}

/**********************
PORTFOLIO
***********************/
.centered-pills {
	text-align: center;
}

.centered-pills ul.nav-pills {
	display: flex;
	margin-bottom: 20px;
	width: 100%;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: row;
	align-content: center;

}

.centered-pills li {
	display: inline;
}

.centered-pills a {
	float: left;
}

.nav-pills > li > a {
	border-radius: 0;
	color: #000;
	border: 1px solid #000;
	margin-right: 10px;
	font-weight: 500;
}

.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
	background-color: #000 !important;
	color: #fff !important;
}

.projects {
	margin: 0 0 70px 0;
}

.portfolio-item {
	position: relative;

	overflow: hidden;
	padding: 0;

	text-align: center;
}

.portfolio-item figcaption {
	background: #27282b;
	background: rgba(39, 40, 43, 0.8);
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	display: block;
	opacity: 0;
	vertical-align: middle;
}

.portfolio-item:hover figcaption {
	opacity: 1;
}

figcaption h3 {
	color: #fff;
	font-size: 20px;
	line-height: 28px;
	margin-top: 27%;
	vertical-align: middle;
	top: 50%;
}

figcaption span {
	color: #4DC7A0;
}

#about .baner {
	background-image: url(../img/about-bg.jpg);
	background-size: cover;
	background-position: center;
}

.box {
	background: #27282b;
	background: rgba(39, 40, 43, 0.8);
	margin: 70px 0;
	padding: 40px;
}

.box h3,
.box p {
	color: #fff;
}

.box .delimiter,
.box p {
	margin-bottom: 50px;
}

.box h3 {
	margin-bottom: 20px;
}

.box .delimiter {
	width: 60px;
	height: 0;
	border-bottom: 2px solid #fa5c58;
	display: block;
}

/********************************
Team
*********************************/
.team-member {
	text-align: center;
	margin-bottom: 80px;
}

.member-photo {
	position: relative;
}

.member-photo .overlay {
	position: absolute;
	padding: 20px 50px;

	color: #fff;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 130px;
	display: block;
	background: #3f3f41;
	background: rgba(63, 63, 65, 0.8)
}

.basic-info {
	padding: 20px 0
}

/*******************************
SOCIAL ICONS
******************************/
ul.social {
	list-style: none;
	margin-top: 0px;
	margin-right: 5px;
	margin-left: 0px;
	padding-right: auto;
	padding-left: auto;
}

ul.social li {
	display: inline-block;
	width: 25px;
	margin-left: 2px;
	z-index: 10;

}

ul.social li a {
	text-decoration: none;

}


ul.social li a i {
	color: #FF0101;
	width: 25px;
	height: 25px;
	display: block;
	line-height: 30px;
	text-align: center;
	-webkit-transition: all 0.5;
	transition: all 0.5s;
}


ul.social li a i:hover,
ul.social li a i:focus {
	border-radius: 100%;
	background-color: #fff;
	color: #fff;
}

ul.social li a:hover .fa-com_bg {
	background-color: #00C73C;
}

ul.social li a:hover .fa-facebook {
	background-color: #3b5998;
}

ul.social li a:hover .fa-twitter {
	background-color: #55acee;
}

ul.social li a:hover .fa-dribbble {
	background-color: #ea4c89;
}

ul.social li a:hover .fa-behance {
	background-color: #1769ff;
}

ul.social li a:hover .fa-pinterest {
	background-color: #cc2127;
}

ul.social li a:hover .fa-google {
	background-color: #dd4b39;
}

.top_social {
	padding-right: 5px;
	padding-bottom: 3px;
}




.naverblog_icon {
	margin-right: auto;
	margin-left: auto;


}

.kakaostory {
	width: 25px;
	height: 25px;
}

.address {
	margin-bottom: 100px;
	color: #000;
	font-size: 14px;
}

.address span {
	display: block;
	font-size: 20px;
	line-height: 1.4em;
}

.circled {
	display: block;
	border-radius: 100%;
	background-color: #01C43D;
	width: 80px;
	height: 80px;
	color: #fff;
	line-height: 80px;
	font-size: 35px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 25px;
}

a.circled:hover,
a.circled:focus {
	color: #fff;
	text-decoration: none;
}

/*******************************
FORMS
********************************/
form {
	margin-bottom: 70px;
}

.form-group .btn {
	width: 100%;
}

.form-control {
	padding: 17px 25px;
	font-size: 15px;
	height: auto;
	border-radius: 0;
	background: #f3f3f3;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: all 0.5;
	transition: all 0.5s;
	border: 1px solid #fff;
}

.form-control:focus {
	border: 1px solid #454554;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/******************************
BLOGS
*******************************/
#blog {
	background-color: #3f3f41;
	background-image: url(../img/blog-section.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

.blog-items .col-md-4 {
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
	height: auto;
}

.blog-item {}

.blog-item .meta-data {
	padding: 50px 50px 20px 50px;
	background-color: #121215;

}

.blog-item h3 {
	color: #fb5d59;
	margin-bottom: 70px;
	font-size: 20px;
}

.blog-item h3,
.blog-item p,
.blog-item a {}

.blog-item p {
	color: #fff;
	margin-bottom: 50px;
}

.blog-item a {
	text-align: right;
	width: 100%;
	display: block;
}

.load-more {
	padding-top: 35px;
	padding-bottom: 70px;
}

/*******************************
about
********************************/
.service-item {
	margin-bottom: 70px;
}

/*******************************
footer
********************************/
footer {
	text-align: center;
	color: #fff;
	padding-right: 0;
	padding-left: 0;
	bottom: 0;
	position: absolute;
	margin: 0 auto;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	padding: 30px;
}

footer .copyright {
	margin-bottom: 20px;
	color: #fff;
	font-size: 12px;
}

footer .back-to-top {
	margin-top: 50px;
	display: block;
	z-index: 30;
}

footer a {
	color: #eee;
}


.mix {
	display: none;
}

.footer_bg {
	/* [disabled]background-color: #3B3F4A; */
}

.fa_color {
	color: #FFFEED;
}

/*******************************
    탑 배너 
********************************/
.top_tel {
	margin-bottom: 0px;
	margin-top: 0px;
	background-color: #F3F3F3;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	font-weight: lighter;
	height: 37px;
	border-bottom-color: #000000;
}

.p_toptext {
	color: #050505;
	padding: 7px auto 2px;
	margin-top: 0px;
	font-size: 13px;
	font-weight: 300;
	float: left;
	margin-left: 5px;
	margin-right: auto;
}

.fa_nav_top {}

.contain_nav_high {
	height: 0px;
}

.row_hight {
	height: 0px;
	padding-bottom: 0px;
}

.col_right {
	float: right;
}

/*******************************
         로고
********************************/
.clear_logo {
	text-align: center;
	color: #FFF45C;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 20px;
}

.a_logo_textcolor {
	color: #FFFFFF;
	font-weight: normal;
	font-variant: small-caps;

}

.h1_logo {
	color: #333333;
	font-size: 39px;
	font-weight: 100;
	text-decoration: none;
	height: auto;
	font-variant: small-caps;
	margin-top: 20px;
}

.h1_logo_img {
	margin-top: 0px;
	text-align: center;
}

.nav_contain_fill {
	margin-top: 60px;
	padding-top: 10px;
	width: 100%;
	margin-bottom: 10px;
	border-top: 2px solid #1E1E1E;
	border-bottom: 2px solid #1E1E1E;
}

.p_toptextlogo {
	color: #E71C3C;
	text-align: center;
	margin-bottom: 30px;
	margin-top: -10px;
	font-weight: 500;
}

/*******************************
     메뉴
********************************/
.nav_text {
	text-align: center;
	color: #333333;
}

.nav_fill {
	width: 100%;
	border-width: 0px 0px 3px;
	border-radius: 0px;
	margin-top: 30px;
	padding-top: 10px;
	padding-bottom: 8px;
	border-bottom-color: #504F55;
}

.nav_textcolor {
	color: #000;
}

.work_bg {
	margin-top: 30px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}

.filter_fill {
	margin-bottom: 5px;
	margin-top: 10px;


}


.work_h1 {
	text-align: center;
	z-index: 10;
	display: block;
	color: #1A1A1A;
	margin: 0;
	padding: 0;
}

.work_fill {}

container.service_bgimg #iconbox_fill {
	padding-bottom: 50px;
}


@media screen {}

@media (max-width:420px) {
	.work_420 {}

	.img420 {
		width: 50%;
		margin-right: -70px;
		margin-left: -20px;
		height: auto;
	}







}

@media (min-width:1199px) {
	.nav-1200fill {
		padding-left: px;
		padding-right: px;
	}



}

.service_bgimg {
	width: 100%;
	background-color: #FFF45C;
	padding-bottom: 50px;
}


/*******************************
     가격
********************************/

.price_bgcolor {
	background-color: #f5f5f5;
	padding-bottom: 50px;
}

a.pricing-button {
	background-color: #F0F0F0;
	color: #000000 !important;
}

a.pricing-button:hover {
	background-color: #1ACD82;
	color: #FFFFFF;
}


.pricing-button {
	border: 0 none #60646c;
	border-radius: 5px;
	box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 1px rgba(0, 0, 0, 0.1);
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-weight: 500;
	line-height: 1;
	outline: medium none;
	padding: 1.2em 1.7em;
	text-decoration: none;
	text-shadow: none;
}

body,
button,
input,
textarea {
	color: #414143;
	line-height: 1.618;
	margin-bottom: 0px;
}


.quarter {
	box-sizing: border-box;
	float: left;
	text-align: center;
	width: 24.9%;
	margin-bottom: 30px;
}


.column1 {
	background-color: #777D80;
	float: left;
	margin: 0 1%;
	padding: 27px 10% 27px;
	width: 98%;
}



.column2 {
	background-color: #ffffff;
	float: left;
	margin: 0 1%;
	padding: 40px 10% 30px;
	width: 98%;
}


.save {
	font-weight: 300;
	margin: 0 0 0.618em;
	font-size: 1.3em;
	color: #2A2A2A;
}

.price {
	margin: 0 0 0.618em;
	font-size: 1.6em;
}

.table-wrapper {
	margin-left: auto;
	margin-right: auto;
	max-width: 81em;
}

.table-title {
	text-align: center;
	margin: 50px 0 15px 0;
}


hr {
	background-color: #ccc;
	border: 0 none;
	height: 1px;
	margin: 0 auto 30px;
}

* {
	box-sizing: border-box;
}


.triangles {
	background-color: #777;
}


@media (max-width: 768px) {
	.quarter {
		width: 100%;
		border: 2px solid #F0F2F5;
		margin-bottom: 20px;
	}

	#768 {
		width: 50%;
		height: auto;
		float: left;
	}

	.img_fill {
		margin-top: 10px;
	}

	.brand_text_768 {
		float: left;
		margin-top: 20px;
		width: 80%;


	}

	.container-fluid .navbar-header .trand01 {
		display: none;
	}

	.top_qa {
		position: fixed;
		top: 0px;
		right: 0vh;
		z-index: 900;
		display: none;
	}


	.navbar-header.top_qa .navbar-brand {
		display: none;
	}

	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
		margin: 0;
		width: 100%;
		position: absolute;
		top: 70px;
		left: 0;
		box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.12);
	}

	.navbar-default .nav li a {
		font-size: 17px;
		text-transform: uppercase;
		font-weight: 700;
		height: 40px;
		line-height: 40px;
		padding: 0 15px;
		outline: none;
		color: #666;
		text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.0);
	}

	ul.nav.navbar-nav.center-block {
		background-color: #fff;
		width: 100%;
		padding: 10px 15px;
	}

	address {
		font-size: 14px;
		line-height: 25px;
	}

	p.copri.white,
	p.copri.white a {
		color: #a7a7a7 !important;
		font-size: 13px;
	}
}


.price_p_color {
	color: #333333;
}

.icon-box-11 {
	padding: 30px;
	-webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-ms-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
	border: 1px solid #ECECEC;
}

.icon-box-11 i {
	border-radius: 100px;
	float: left;
	font-size: 30px;
	height: 80px;
	margin-right: 20px;
	padding: 25px;
	text-align: center;
	width: 80px;
	-webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-ms-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
}

.icon-box-11 h5 {
	text-transform: uppercase;
}

.icon-box-11 p {}

.icon-box-11:hover {
	background-color: #3DCDBC;
}

.icon-box-11:hover > i {
	background: #fff;
	color: #1ABC9C;
}

.icon-box-11:hover > h5 {
	color: #ffffff;
}

.icon-box-11:hover > p {
	color: #ffffff;
}

/*******************************
     서비스  ICON BOX STYLE TEN
********************************/
.icon-box-10 {
	border: 4px double #dedede;
	margin-top: 30px;
	padding: 30px;
	-webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-ms-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
}

.icon-box-10 i {
	border-radius: 100px;
	float: left;
	font-size: 30px;
	height: 80px;
	margin-right: 20px;
	padding: 25px;
	text-align: center;
	width: 80px;
	-webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-ms-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
}

.icon-box-10 h5 {
	text-transform: uppercase;
}

.icon-box-10 p {}

.icon-box-10:hover {
	background-color: #3DCDBC;
	border: 4px double #1ABC9C;
}

.icon-box-10:hover > i {
	background: #fff;
	color: #1ABC9C;
}

.icon-box-10:hover > h5 {
	color: #ffffff;
}

.icon-box-10:hover > p {
	color: #ffffff;
}

.color-icon-1 {
	background-repeat: repeat;
	background-position: 0 0;
	background-image: none;
	background-color: #555;
	background-attachment: scroll;
	color: #ffffff;
}

.color-icon-2 {
	background-repeat: repeat;
	background-position: 0 0;
	background-image: none;
	background-color: #333333;
	background-attachment: scroll;
	color: #ffffff;
}

.color-icon-3 {
	background-repeat: repeat;
	background-position: 0 0;
	background-image: none;
	background-color: #555;
	background-attachment: scroll;
	color: #ffffff;
}

.color-icon-4 {
	background-repeat: repeat;
	background-position: 0 0;
	background-image: none;
	background-color: #333;
	background-attachment: scroll;
	color: #ffffff;
}

.color-icon-5 {
	background-repeat: repeat;
	background-position: 0 0;
	background-image: none;
	background-color: #555;
	background-attachment: scroll;
	color: #ffffff;
}

.color-icon-6 {
	background-repeat: repeat;
	background-position: 0 0;
	background-image: none;
	background-color: #333333;
	background-attachment: scroll;
	color: #ffffff;
}

.icon_fill {
	padding-bottom: 100px;
}

/*******************************
     서비스 ICON BOX STYLE TEN
********************************/

/*******************************
     메이크 work-process
********************************/

#make {
	background-image: url(img/banner02.jpg);
	background-attachment: fixed;
	clear: both;
	overflow-x: hidden;
	overflow-y: hidden;
}

#make .divider {
	margin-bottom: 60px;
}

@media (max-width: 767px) {
	#work-process .divider {
		margin-right: auto;
		margin-left: auto;
	}

	.navbar-inverse .navbar-nav > li > a {
		z-index: 1300;
		background-color: #010101;
	}

	.clear_logo .p_toptextlogo {
		margin-bottom: 30px;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}

	.nav.nav-tabs.view_nav li {}

	.nav.nav-tabs.view_nav span .brand_view {
		margin-right: 10px;
		margin-left: -5px;

	}

	#carousel1 .right.carousel-control .glyphicon.glyphicon-chevron-right {
		display: none;
	}

	#carousel1 .left.carousel-control .glyphicon.glyphicon-chevron-left {
		display: none;
	}

	h3 {
		font-size: 17px;
	}

	#carousel1 .carousel-inner h1 {
		font-size: 20px;
	}

	.navbar.navbar-default.navbar-fixed-top.nav_bgcolor .container .navbar-header {
		margin-left: 0px;
		margin-right: 0px;
		overflow-x: no-display;
	}

	.navbar-small {
		height: 70px;
	}

	section#sowon-slide {
		margin-top: 70px;
	}

	h2 {
		font-size: 20px;
	}

	.back-to-top .btn.btn-danger.btn_fill {
		padding: 5px 10px;
		position: fixed;
		right: 5px;
		bottom: 10px;
		z-index: 30;
	}

	.navbar-header {}

	.res-fill {
		padding: 90px 5px 50px;
	}

	.tab-content > .active {
		padding: 30px 5px !important;
		z-index: 30;
	}

	#myModal .tab-content > .active {
		padding: 0px !important;
	}







}

.work-process {
	margin-top: 20px;
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.work-process {
		margin-top: 50px;
		margin-bottom: 100px;
		padding: 0px 15px;
	}

	.navbar-inverse .navbar-nav > li > a {}

	.topfix_fill {
		padding-left: 0px;
		left: 0px;
	}

	.nav_textfill {}
}

.work-process .item {
	position: relative;
	padding: 0;
}

@media (max-width: 767px) {
	.work-process .item {
		margin: 0 auto;
		width: 200px;
		height: 132px;
	}

	.carousel-inner .item.active .center-block.main_imgfill {
		height: auto;
		display: block;
		width: 100%;
		background-position: center 0%;
		background-size: cover;
	}

	.carousel-inner .item.active .carousel-caption.car_bg {
		text-align: left;
		position: absolute;
		margin-top: 70px;
		width: 100%;
	}

	.navbar-default {
		background-color: #FFFFFF;
		height: 70px;
		margin: 0;
		padding: 0 15px;
	}





}

@media (max-width: 767px) {
	.work-process .item:before {
		position: absolute;
		z-index: 10;
		content: '';
		bottom: 0;
		left: 0;
		width: 1px;
		height: 100%;
		margin-bottom: -66px;
		border-left: 1px dashed #6e6e6e;
	}
}

.work-process .item .inner-content {
	z-index: 5;
	position: relative;
	width: 100%;
	height: 132px;
}

@media (min-width: 768px) {
	.top_qa {
		position: fixed;
		top: 35px;
		right: 1vw;
		z-index: 1700;
	}

	.back-to-top {
		position: fixed;
		bottom: 7px;
		right: 1vw;
		z-index: 40;
	}




}

@media (max-width: 1700px) {
	.top_qa {
		position: fixed;
		top: 120px;
		right: 15px;
		z-index: 1700;
		left: auto;
		float: right;
		text-align: right;
	}

	.footer_bg {
		background-color: #333;
	}
}

.work-process .item .inner-content:before {
	position: absolute;
	z-index: 10;
	content: '';
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	border-top: 1px solid #C3C2C2;
}

.work-process .item .inner-content:after {
	position: absolute;
	z-index: 10;
	content: '';
	top: 50%;
	right: 0;
	width: 1px;
	height: 100%;
	margin-top: -132px;
	border-left: 1px dashed #C3C2C2;
}

@media (min-width: 768px) {
	.work-process .item .inner-content:after {
		margin-top: -102px;
	}
}

.work-process .item .inner-content > i {
	position: absolute;
	z-index: 15;
	top: 50%;
	left: 50%;
	display: block;
	width: 86px;
	height: 66px;
	line-height: 58px;
	margin-top: -33px;
	margin-left: -43px;
	background-color: #F7B60B;
	font-size: 30px;
	text-align: center;
	border-radius: 3px;
	border: 4px double #dedede;
}

.work-process .item .inner-content > span.title {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 66px;
	line-height: 66px;
	margin-top: -18px;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bold;
}

@media (min-width: 768px) {
	.work-process .item .inner-content > span.title {
		margin-top: -33px;
	}
}

.work-process .item .inner-content > span.dot {
	position: absolute;
	z-index: 15;
	content: '';
	top: 50%;
	left: 0;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background-color: #C3C2C2;
	border-radius: 25%;
}

.work-process .item > i.icon-Arrow {
	display: block;
	position: absolute;
	z-index: 15;
	top: 45%;
	right: 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
	margin-top: 45px;
	margin-right: -25px;
	font-size: 24px;
	text-align: center;
}

@media (min-width: 768px) {
	.work-process .item > i.icon-Arrow.icon-Down-3 {
		margin-top: 25px;
	}
}

@media (max-width: 767px) {
	.work-process .item > i.icon-Arrow.icon-Up-3 {
		left: 0;
		margin-left: -25px;
		-ms-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

}

@media (min-width: 768px) {
	.work-process .item > i.icon-Arrow.icon-Up-3 {
		margin-top: -25px;
	}

	.navbar-brand {
		line-height: 70px;
		height: 70px;
		float: left;
		margin-left: 0px;
		margin-right: 50px;
	}


}

.work-process .item.first .inner-content:before {
	left: auto;
	right: 0;
}

@media (max-width: 767px) {
	.work-process .item.last:before {
		display: none;
	}

	.work_h1 {
		text-align: center;
		display: block;
		color: #1A1A1A;
		padding-top: 0px;
	}

	a.filter.filter_fill {}

	.navbar-header .navbar-brand img {
		max-height: 50px;
	}



}

@media (max-width: 767px) {
	.work-process .item.last .inner-content:before {
		left: auto;
		right: 0;
	}

	.service-item.text-right .service-text {
		margin-right: 70px;
	}

	.owl-theme .owl-dots,
	.owl-theme .owl-nav {
		bottom: 0px !important;
		position: absolute !important;
		left: 1%;
		right: 1%;
	}

	.car_bg {
		margin-top: 0px !important;
		padding-top: 22%;
	}

	h1.wow.fadeInLeft.white.h1_420 {
		font-size: 5vw !important;
		line-height: 7vw !important;
	}

	.work_bg {
		margin-top: 0px;
	}



}

.work-process .item.last .inner-content:after {
	display: none;
}

@media (min-width: 768px) {
	.work-process .item.last .inner-content > span.dot {
		right: 0;
		left: auto;
	}

}

@media (max-width: 767px) {
	.work-process .item.no-margin:before {
		display: none;
	}

	.container-fluid .navbar-header .text-white.top_tel01 {
		display: none;
	}

	.container.contain_banefill {
		position: relative;
		top: 50px;
		bottom: -80px;

	}

	.img_showdow {
		-webkit-box-shadow: 0px 0px;
		box-shadow: 0px 0px;
		text-shadow: 0px 0px;
		max-width: 200px;
	}

	div #tabContent1 {}

	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
		background-color: #fff;
	}

	.navbar-default .nav {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.navbar-fixed-top .navbar-collapse,
	.navbar-fixed-bottom .navbar-collapse {
		max-height: 380px;
	}

}

.work-process .item.no-margin .inner-content {
	margin-top: 0px;
}

.work-process .item.no-margin .inner-content:after {
	margin-top: 0px;
}

@media (min-width: 768px) {
	.work-process .item.no-margin .inner-content > span.title {
		top: auto;
		bottom: 0;
		margin-bottom: -33px;
	}

}

@media (max-width: 1300px) {
	section#sowon-slide {
		overflow-y: hidden;
		overflow-x: hidden;
		position: relative;
		top: 0;
		left: 0;
	}

	.footer_bg {
		position: relative;
		bottom: 0px;
		width: 100%;
		padding: 60px 0;
	}

}



/*******************************
     하단메뉴 톡톡
********************************/


.nav_bottom_right {
	float: right;
}

@media (max-width:420px) {
	#work .container .iframe_420hight {
		max-height: 450px;
	}

	.nav.nav-tabs.view_nav .note02 {
		display: none;
	}

	.nav.nav-tabs.view_nav .tab03 {
		display: none;
	}






}

.navbar_fill {
	padding-top: 300px;
	top: 0px;
	overflow-x: auto;
}

.nav_space {
	margin-right: 30px;
	margin-left: 0px;
	text-align: center;
}

@media screen and (max-width:1199px) {
	.navbar-nav .nav_space {
		margin-right: 0px;

	}

	h2 {
		font-size: 20px;
	}

}

@media screen and (max-width:991px) {
	.nav.navbar-nav .nav_space {
		margin-right: auto;
		margin-left: auto;
		padding-right: 0px;
		padding-left: 0px;
	}

	.brand_text_768 .brand_text.wow.fadeInUp {
		margin-left: 0%;
	}






}

.home_logo {
	z-index: 3000;
}

.top_fill {
	margin-top: 0px;
	display: block;
	margin-bottom: 0px;
	height: 30px;
}

.nav_bgcolor {
	background-color: #FFFFFF;
	background-repeat: no-repeat;
}

.nav_textfill {
	font: 700 normal 25px raleway, "나눔고딕", "Noto Sans", "Noto Serif";
	text-shadow: 0px 0px;
	border-radius: 7px;
}

@media (min-width:768px) and (max-width:1200px) {
	.container-fluid #topFixedNavbar1 .nav.navbar-nav.nav_textfill {
		float: right;
		margin-left: 0px;
	}

	.navbar-default .nav li a {
		font-size: 17px;
		padding-right: 0px;
		padding-left: 0px;
	}

	.container-fluid #topFixedNavbar1 .nav.navbar-nav.nav_textfill {
		float: right;
		position: relative;
		right: 0px;
	}

	.navbar-header {
		width: 100%;
	}

	.navbar-nav > li {
		margin-right: 15px;
	}

}

.brand_text {
	color: #FFFFFF;
	line-height: 30px;
	margin-top: -10px;
	margin-bottom: 10px;
	font-size: 30px;
	text-shadow: 0px 0px;
	font-weight: 500;
}

.col-md4_hight300 {
	padding: 30px 10px 20px 15px;
	background-color: rgba(25, 25, 25, 0.39);
	max-height: 250px;
	border-radius: 100px;
	/* -webkit-box-shadow: 2px 2px 10px rgb(4, 4, 4); */
	/* box-shadow: 2px 2px 10px rgba(83,83,83,1.00); */
	border: 20px outset #e8e8e8;
	padding: 45px;
}

.thum_bg {
	border: 0px;
	border-radius: 0px;
	padding-top: auto;
	padding-bottom: auto;
}

.col-md4_hight300:hover {
	background-color: #060606;

}

.thum_bg:hover {}

.fa_topcolor {
	color: #4eddfd;
	float: left;
	margin-right: 15px;
}

.car_fill {
	width: 100%;
	height: auto;


}

.img_showdow {
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	text-shadow: 0px 0px;
	width: 295px;
}

@media (min-width:991px) and (max-width:1400px) {
	.row .col-md-2.col-md4_hight300 {
		width: 30%;
	}

	#tabContent1 #paneTwo3 .smart_fill {
		width: 37%;
	}



}

.img_center {
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.text-white {
	color: #EFEFEF;
}

.contain_banefill {
	margin-top: -300px;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: -0px;
}

@media (max-width: 1550px) {
	.container.contain_banefill {
		margin-top: 0px;
	}

	.col-md4_hight300 {
		padding: 30px 10px 20px 15px;
		background-color: rgba(39, 39, 39, 0.80);
		max-height: 240px;
		border: 20px solid #E3E3E3;
		padding: 45px 25px;
		margin-bottom: 20px;
		border-radius: 0px;
	}

	#work {}

	.car_bg {
		float: left;
		vertical-align: middle;
		display: inline;
		text-align: center;
	}

	.overlay {
		background-color: rgba(0, 0, 0, 0.0);
	}

}

.facebook {
	color: #0BB0F5;
}

/*** 디바이스 뷰 화면 페이지 ***/
/*** 디바이스 뷰 화면 페이지 ***/

.brand_view {
	margin-left: 20px;
	color: #C3C3C3;
	float: left;
	margin-right: 33%;
}

@media screen {}

.view_brand {
	display: inline;
}

.view_nav {
	z-index: 9;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	position: fixed;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #9A9A9A;
	border-top: 0;
	display: block;
	opacity: 1;
	color: #000000;
	background-color: #FFFFFF;
	height: 66px;
	padding-top: 3px;
}

.tab_higt {
	background-color: #333333;
	height: 100%;
}

.tab_hight {
	margin: 0px;
	display: block;
	padding-top: 60px;
}

.note {
	width: 1280px;
	height: 880px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	display: block;
}

.pc_fill {
	border: 0;
	display: block;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: 100%;
	height: 880px;
	min-width: 320px;
	position: absolute;
}

.bg_333 {
	background-color: #232323;
}

.table_fill {
	height: 880px;
	width: 768px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.smart_fill {
	height: 880px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	/* [disabled]min-width: 320px; */
	width: 375px;
}

@media (min-width:768px) and (max-width:991px) {
	#tabContent1 #paneTwo3 .smart_fill {
		width: 50%;
	}

	.nav.nav-tabs.view_nav span .brand_view {
		margin-right: 20%;
	}

	.container-fluid .navbar-header .text-white.top_tel01 {
		float: right;
		right: 0px;
		position: absolute;
		left: 80%;
		top: 5px;
	}

	h1.wow.fadeInLeft.white.h1_420 {
		font-size: 5vw !important;
		line-height: 6vw !important;
	}

	.carousel-caption {}





}

@media (min-width:521px) and (max-width:767px) {
	#tabContent1 #paneTwo3 .smart_fill {
		width: 75%;
	}

}

.note02 {}

.tab03 {}

.top_tel01 {
	position: absolute;
	left: auto;
	top: 25px;
	right: 30px;
}

.trand01 {
	position: absolute;
	right: 80px;
}

#price {}

.fa-fill {
	margin-bottom: auto;
	color: #000000;
	margin-top: 0px;
}

@media (min-width:1024px) and (max-width:1600px) {
	.carousel-inner .item .carousel-caption.car_bg {
		display: inline;
		vertical-align: middle;

	}

	.carousel-inner .item .carousel-caption.car_bg h1 {
		font-size: 45px;
		line-height: 50px;
	}

	.carousel-caption {}


}



.padding-70 {
	padding-top: 100px;
	padding-bottom: 30px;
}

@media (min-width:768px) and (max-width:1550px) {
	.container.contain_banefill {
		margin-top: 50px;
		margin-bottom: -50px;
	}

}

a:visited {
	text-decoration: none;
	color: #111111;
}

@media (max-width: 1280px) {
	ul.nav.navbar-nav.center-block {
		position: relative;
		left: 0;
		right: 0;
	}

	.navbar-header.top_qa .navbar-brand {
		margin: 0;
	}
}

@media (max-width: 320px) {}

@media (min-width: 320px) {}

.btn_qa {
	padding: 7px 10px;
	border-radius: 0px;
}

@media (min-width:1600px) {
	.carousel-inner .item.active .center-block.main_imgfill {
		position: relative;
		top: -20vh;
	}

}

.bg_ {
	background-color: #3DCDBC;
	color: #FFFFFF;
}

.make02_fill {
	padding: 3vw;
	border: 4px double #747373;
	margin-bottom: 5vw;
	/* [disabled]background-color: rgba(3,3,3,0.70); */
	border-radius: 0px;
}

.text-eaeaea {
	color: #EAEAEA;
}

@media (min-width: 1025px) {
	section#sowon-slide {
		overflow-y: hidden;
		overflow-x: hidden;
		position: fixed;
	}

	.img-fluid {}

	.owl-theme .owl-nav.disabled + .owl-dots {
		z-index: 999;

	}

	.p_color {
		color: #555;

	}

	.about-fill {
		top: 13% !important;
		padding-bottom: 0px;
		padding-top: 1px;
	}

	figure.mix.portfolio-item {
		display: none !important;
	}

	#gallery {
		position: fixed;
		right: 15px;
		bottom: 41%;
		z-index: 1000;
	}









}

@media screen and (min-width:1281px) {
	.img-fluid {
		/*margin-top: -150px;*/
	}

	.car_bg {
		/* [disabled]margin-top: 28vh; */
		/* [disabled]margin-top: 28vh; */
	}


}

@media (min-width:767px) {
	h1.wow.fadeInLeft.white.h1_420.animated {
		font-size: 3vw;
		line-height: 4vw;
		font-weight: 500;
	}

}

/**카카오플러스친구**/
.kakaplus {
	width: 80px;
	height: auto;
	position: fixed;
	bottom: 70px;
	right: 1vw;
	float: right;
}

/*******zoom
.owl-item.active img {
    transition: transform 4000ms linear 0s;
    transform: scale(1.05, 1.05);
}
***************/

@media (min-width:1025px) {

	#work {
		position: absolute;
		z-index: 99;
		background-color: rgba(220, 218, 214, 0.00);
		margin: 0 auto;
		padding: 0;
		height: auto;
		width: 100%;
		top: 50%;
		left: 50%;
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		max-width: 1000px;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		align-content: center;
		align-items: center;
		justify-content: center;
	}

	#work #filter-controls .wow.fadeInDown.work_h1 {
		color: rgba(255, 255, 255, 1.00);
	}

	#work #filter-controls .wow.fadeInDown.text-center {}

	#work #filter-controls .wow.fadeInDown.text-center {}

	.nav.nav-pills li .filter.filter_fill {
		background-color: rgba(255, 87, 34, 0.8);
		color: #fff;
		padding: 20px;
		border-radius: 100px;
		border: none;
	}

	.footer_bg .overlay {
		background-color: rgba(0, 0, 0, 0.00);
	}

	.owl-theme .owl-dots,
	.owl-theme .owl-nav {
		position: fixed;
		top: 0%;
		right: 10%;
		left: auto;
		/* margin: 0 auto; */
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: center;
		align-items: center;
	}

	.col-lg-4 .white a {
		margin: 0px;
		color: #FFFFFF;
	}

	#filter-controls .projects.row #map {}

	.about-tab {
		top: 15%;
		position: absolute;
		right: 1vw;
		z-index: 999;
	}

	.bg-white {
		background-color: #FFFFFF;
		padding: 70px 4vw 30px;
		margin-bottom: 20px;
	}

	.tab-content > .active {
		padding: 30px;
		z-index: 30;
	}

	#sowon-res {
		min-height: 950px;
	}


}

.margin0 {
	margin-top: 0px;
	margin-bottom: 0px;
	z-index: 9999;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #212121;
	background-color: #fff;
	font-weight: normal;
	border-radius: 50px;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	margin: 0;
	width: 100%;
}

@media (min-width:768px) and (max-width:1024px) {
	.owl-dots {
		position: relative;
	}

	.navbar-default .nav li a {
		margin-right: 15px;
	}

}

@media (min-width:1200px) {
	.navbar-collapse.collapse {
		display: block !important;
		height: auto !important;
		padding-bottom: 0;
		overflow: visible !important;
		visibility: visible !important;
	}

	.navbar-toggle {
		display: none;
	}
}


@media (max-width:1024px) {
	#work {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		z-index: 99;
		background-color: rgba(220, 218, 214, 0.00);
		max-width: 1170px;
		margin: 0 auto;
		padding: 50px 0;
	}

	.row .col-lg-4 .white.margin0 {
		padding-top: 30px;
	}

	#work {
		margin-top: 30px;
		padding: 0px;

	}

	.margin0 {
		z-index: 9999;
		line-height: 50px;
	}

	.p_color {
		font-size: 14px;
	}

	.bg-white {
		background-color: #FFFFFF;
		padding: 70px 25px 30px;
		margin-bottom: 20px;
	}

	.tab-content > .active {
		padding: 30px;
		z-index: 30;
	}

	.container.res-fill {
		padding-top: 90px;
	}

	#gallery {
		position: fixed;
		right: 5px;
		bottom: 9%;
		z-index: 1000;
	}

	.owl-carousel .owl-item img {
		width: 100%;
		height: auto;
	}

	.owl-theme .owl-dots .owl-dot span {
		width: 12px;
		height: 12px;
		margin: 5px 5px;
		background-color: rgba(255, 255, 255, 0.8);
		display: block;
		-webkit-backface-visibility: visible;
		transition: opacity .2s ease;
		border-radius: 30px;
		box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	}

	.projects {
		margin: 0;
	}

	.centered-pills li {
		display: inline-block;
		/*width: 33.333%;*/
		float: left;
		margin: 0 !important;
		text-align: center;
		box-sizing: border-box;
		padding: 0 5px;
	}

	a.filter.filter_fill {
		width: 100%;
	}

	.work_h1 {
		font-size: 40px;
	}

	.col-lg-8 {
		padding: 0;
	}

	.nav.nav-pills li .filter.filter_fill {
		background-color: rgba(255, 87, 34, 0.8);
		color: #fff;
		padding: 10px 10px;
		border-radius: 100px;
		border: none;
		font-weight: 500;
	}

	.nav-pills > li.active > .filter_fill {
		color: #ffecb2 !important;
		background-color: rgba(0, 0, 0, 0.9) !important;
		font-weight: 500;
	}

	.nav-tabs.nav-justified > li {
		float: left;
		width: 33.333%;
		margin: 0;
	}

	.tex-special {
		font-size: 20px;
	}
.footer_bg {
    padding: 10px 0 !important;
}


}


@media (min-width:1025px) and (max-width:1700px) {

	.owl-theme .owl-dots,
	.owl-theme .owl-nav {
		right: 5%;
	}

	.owl-carousel .owl-item img {
		display: block;
		width: 100vw;
		height: auto;
	}
}

.bg-white {}

.res-fill {
	padding-top: 150px;
	padding-bottom: 50px;
}

#gallery {}


@media (min-width:1930px) {
	.owl-carousel .owl-item img {
		display: block;
		max-width: 100%;
		margin: 0 auto;
		width: 100%;
	}

	section#sowon-slide {
		position: fixed;
		top: 0;
		bottom: 0;
		background-color: #222;
	}
}

@media (min-width:769px) and (max-width:1700px) {


	section#sowon-slide {
		overflow-y: hidden;
		overflow-x: hidden;
		position: relative;
	}

	.footer_bg {
		position: relative;
		bottom: 0px;
		z-index: 20;
		background-image: none;
		background-image: none;
		width: 100%;
		padding: 60px 0;
		background-color: #333;
		margin-top: -25px;
	}

	#work #filter-controls .wow.fadeInDown.work_h1 {
		color: #fff;
		font-size: 50px;
	}

	.owl-theme .owl-dots,
	.owl-theme .owl-nav {
		position: absolute;
		top: 0%;
		right: 30px;
		left: auto;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: center;
		align-items: center;
	}

	.top_qa {
		display: none;
	}

	.p_color {
		color: #797979;
	}

	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
		margin: 0;
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}


}


@media (max-width:300px) {

	.table-bordered > thead > tr > th,
	.table-bordered > tbody > tr > th,
	.table-bordered > tfoot > tr > th,
	.table-bordered > thead > tr > td,
	.table-bordered > tbody > tr > td,
	.table-bordered > tfoot > tr > td {
		padding: 10px 0;
	}
}

.content.work_420 .nav-tabs > li {
	float: left;
	margin-bottom: -1px;
	background-color: #F96F16;
	width: 120px;
	text-align: center;
	border-radius: 5px;
}