/* �߰� css */
@font-face {
	font-family : "Corbert-Regular";
	src         : url("../fonts/Corbert-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Corbert-Regular.otf") format("opentype"),
	url("../fonts/Corbert-Regular.woff") format("woff"), url("../fonts/Corbert-Regular.ttf") format("truetype"), url("../fonts/Corbert-Regular.svg#Corbert-Regular") format("svg");
	font-weight : normal;
	font-style  : normal;
}

body {
	font-family : "Corbert-Regular" !important;
}


ul, li {
	list-style : none;
}

/* Overlay and hover effect
/* ---------------------------------------------- */
.recent-project::before {
	content            : "";
	background         : rgba(59, 59, 59, 0);
	width              : 100%;
	height             : 100%;
	position           : absolute;
	left               : 0;
	top                : 0;
	opacity            : 0;
	-webkit-transition : all 0.2s;
	-moz-transition    : all 0.2s;
	-o-transition      : all 0.2s;
	transition         : all 0.2s;
}

.recent-project:hover::before {
	opacity : 1;
}

/* pc ȭ�� �޴� */

.gnb {
	position   : relative;
	width      : 650px;
	height     : 30px;
	margin     : 0 auto;
	text-align : center;
}

.gnb li {
	display     : inline-block;
	margin-left : 40px;
	height      : 30px;
}

.gnb li a {
	font-size : 22px;
}

.gnb li:first-child {
	margin-left : 0;
}

/* �Ҽ� ������ ��ũ  */
.side-nav {
	margin-top   : -30px;
	margin-right : 40px;
}

.side-nav li {
	display     : inline-block;
	margin-left : 10px;

}

/* �׺���̼� ��Ÿ�� ���� */
.navbar {
	height : 68px;
}

.navbar-brand {
	height : 36px;
}

.navbar-custom .navbar-brand span.brand-logo {
	display : inline-block;
	padding : 0;
	margin  : 0 50px;
}

.main-nav {
	display    : none;
	background : #189fd9;
	padding    : 16px;
	margin-top : -18px;
}

.navbar-custom {
	padding : 18px 0;
}

.navbar-custom.top-nav-collapse {
	padding : 18px 0;
}

/* ���� �е� �߰� */
#portfolio {
	padding : 10% 0;
}

#mobileteamimg {
	width : 80%;
}

/* ����� �̹��� */
#mobile-home {
	display : none;
	height  : auto;
}

#mobilecontact {
	display : none;
	height  : auto;
}

/*
#launch {
    background-color:#119FE2;
    -webkit-background-size: cover;
       -moz-background-size: cover;
            background-size: cover;
         -o-background-size: cover;
    
}
*/
#service {
	background-color        : #78C6EB;
	-webkit-background-size : cover;
	-moz-background-size    : cover;
	background-size         : cover;
	-o-background-size      : cover;

}


#launch {
	background-color        : #475C6F;
	-webkit-background-size : cover;
	-moz-background-size    : cover;
	background-size         : cover;
	-o-background-size      : cover;

}

#launchdvd {
	/*background: url(../images/portfolio_bg.jpg) 50% 0 no-repeat scroll;*/
	margin-top    : 10px;
	border-bottom : 2px solid #70C5EE;
}

#launch img {
	max-width : 100%;
	height    : auto;
}

#launch01 ul {
	margin-top : 4em;
}

#launch01 li {
	display : inline-block;
}

#launch01 li:last-child {
	margin-left : 8em;
}

#launch02 ul {
	margin-top : 4em;
}

#launch02 li {
	display : inline-block;
}

#launch02 li:last-child {
	margin-left : 8em;
}

#launch03 ul {
	margin-top : 4em;
}

#launch03 li {
	display : inline-block;
}

#launch03 li:last-child {
	margin-left : 8em;
}


#launch04 ul {
	margin-top : 4em;
}

#launch04 li {
	display : inline-block;
}

#launch04 li:last-child {
	margin-left : 8em;
}

#launch05 ul {
	margin-top : 2em;
}

#launch05 li {
	display : inline-block;
}

#launch05 li:nth-child(1) {
	margin-left : -1em;
}

#launch05 li:nth-child(2) {
	margin-left : 3.3em;
}

#launch05 li:nth-child(3) {
	margin-left : 3.3em;
}

#launch01_mb {
	display : none;
}

#launch02_mb {
	display : none;
}

#launch03_mb {
	display : none;
}

#launch04_mb {
	display : none;
}

/* ��ܸ޴� �� ����Ͽ� �޴� �б� */
@media (max-width : 1100px) {
	.gnb, .side-nav {
		display : none;
	}

	.main-nav {
		display : block;
	}

	.navbar-custom .navbar-brand span.brand-logo {
		margin : 0 20px;
	}

	#portfolio {
		padding : 150px 0;
	}

	.navbar {
		background-color : none;
	}

	#launch05 li:nth-child(1) {
		margin-left : 0em;
	}

	#launch05 li:nth-child(2) {
		margin-top  : 1em;
		margin-left : 0em;
	}

	#launch05 li:nth-child(3) {
		margin-top  : 1em;
		margin-left : 0em;
	}

	#mobileteamimg {
		width : 10px;
	}

}


@media (min-width : 800px) {
	.navbar-custom.top-nav-collapse .button_container span {
		background : #fff;
	}

	.navbar {
		background-color : #fff;
	}

}

/* ����� ȭ�� ó�� */
@media screen and (max-device-width : 800px) {
	#mobileteamimg {
		max-width : 5%;
	}

	#mobilecontact {
		display : block;
	}

	#pccontact {
		display : none;
	}

	#mobile-home {
		display : block;
	}

	#mobile-home img {
		width : 100%;
	}

	.navbar-brand {
		display : none;
	}

	#launch01 {
		display : none;
	}

	#launch02 {
		display : none;
	}

	#launch03 {
		display : none;
	}

	#launch04 {
		display : none;
	}

	#launch01_mb {
		display : inline-block;
	}

	#launch02_mb {
		display : inline-block;
	}

	#launch03_mb {
		display : inline-block;
	}

	#launch04_mb {
		display : inline-block;
	}


	#launchtitle {
		margin-left  : 3%;
		margin-right : 3%;
	}

	#servicetitle {
		margin-left  : 3%;
		margin-right : 3%;
	}

	#launchdvd {
		margin-top : 0px;
	}

	#launch01_mb ul {
		margin-top    : 1.5em;
		margin-left   : -1.5em;
		margin-right  : 1.5em;
		margin-bottom : 1.5em;
	}

	#launch01_mb li:last-child {
		margin-left : 0em;
	}

	#launch01_mb img {
		margin-left : 0em;
	}


	#launch02_mb ul {
		margin-top    : 1.5em;
		margin-left   : -1.5em;
		margin-right  : 1.5em;
		margin-bottom : 1.5em;
	}

	#launch02_mb li:last-child {
		margin-left : 0em;
	}

	#launch02_mb img {
		margin-left : 0em;
	}

	#launch03_mb ul {
		margin-top    : 1.5em;
		margin-left   : -1.5em;
		margin-right  : 1.5em;
		margin-bottom : 1.5em;
	}

	#launch03_mb li:last-child {
		margin-left : 0em;
	}

	#launch03_mb img {
		margin-left : 0em;
	}

	#launch04_mb ul {
		margin-top    : 1.5em;
		margin-left   : -1.5em;
		margin-right  : 1.5em;
		margin-bottom : 1.5em;
	}

	#launch04_mb li:last-child {
		margin-left : 0em;
	}

	#launch04_mb img {
		margin-left : 0em;
	}

	#launch05 ul {
		margin-top   : 4em;
		margin-left  : -2em;
		margin-right : 1em;
	}

	#launch05 li:nth-child(1) {
		margin-left : 0em;
	}

	#launch05 li:nth-child(2) {
		margin-left : 0em;
		margin-top  : 1em;
	}

	#launch05 li:nth-child(3) {
		margin-left : 0em;
		margin-top  : 1em;
	}
}


.item .front {
	scale : 1.3;
}


.bottom_menu {
	display         : flex;
	justify-content : center;
}

.bottom_menu li {
	margin : 20px;
}


/* 스크롤 효과 확인하기 위한 height 넣을 필요 X*/
body {
	height : 1500px
}

/* 팝업 기본디자인 */
.popup {
	border     : 1px solid #dcdcdc;
	position   : fixed;
	width      : 500px;
	height     : 600px;
	left       : 50%;
	top        : 50%;
	transform  : translate(-50%, -50%);
	padding    : 10px;
	display    : none;
	background : #fff

}

.popup .close {
	background : none;
	border     : 0;
	position   : absolute;
	right      : 10px;
	top        : 10px;
	font-size  : 20px;
}

/* 쉐도우 효과*/
.shadow {
	position   : fixed;
	left       : 0;
	top        : 0;
	background : rgba(0, 0, 0, 0.52);
	width      : 100%;
	height     : 100vh;
	display    : none
}

.pop-border {
	border: 1px solid #a4a4a4;
	width: 400px;
	height: 520px;
	margin: auto;
	margin-top: 40px
}

.pop-header-back {
	width: 100%;
	height: 30%;

}
.pop-header-icon{
	position: absolute;
	display: flex;
	justify-content: center;
	margin: 35px 0;
}
.pop-header-title {
	position: absolute;
	margin: 100px 30px;
	font-weight: bold;
	color: #a4a4a4;
	font-size:1.8rem;
}
.pop-header-para {
	position: absolute;
	font-size: 0.3rem;
	color: #a4a4a4;
	margin: 130px 30px;
}

.pop-body {
	display: flex;
	justify-content: space-around;
	margin: 20px 0;

}

.pop-body .left{
	display: flex;
	flex-direction: column;
	justify-content: left;
}
.pop-body .left .item{
	margin-bottom: 20px;
	border-bottom: 1px solid #a4a4a4;
	font-size: 1.4rem;
	font-weight: bold;
}

.pop-body .right{

}






/*div변경과 관련된 코드입니다.
색 등의 디자인은 보이기 위해서 표시해놨으니
스타일 추가 및 변경이 가능합니다.*/
.main input[type=radio] {
	display: none;
}
#tab-1:checked ~ .tab label:nth-child(1),
#tab-2:checked ~ .tab label:nth-child(2),
#tab-3:checked ~ .tab label:nth-child(3),
#tab-4:checked ~ .tab label:nth-child(4) {
	background-color: #cbe6fc;
	box-shadow: none;
}
.content > div {
	display: none;
}
#tab-1:checked ~ .content div:nth-child(1),
#tab-2:checked ~ .content div:nth-child(2),
#tab-3:checked ~ .content div:nth-child(3),
#tab-4:checked ~ .content div:nth-child(4)  {
	display: block;
}

.tab label {
	font-size: 18px;
	cursor: pointer;
	float: left;
	width: 25%;
	text-align: center;
	padding: 15px 0;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	user-select: none;
	-webkit-user-select: none;
	border-bottom: 1px solid #a4a4a4;


}
.content {

	min-height: 250px;
}
.content > div{
	padding: 30px;
	line-height: 1.5;
	font-size: 17px;
}

.main {
	margin: 10px 0;
	main-width:1380px;
	max-width: 100%;
}

.tab {
	overflow: hidden;
	padding: 0 10px;
	font-size: 1.1rem;
	display: flex;
	justify-content: space-around;
}

.content-dis ul li {
	padding: 0;
	text-align: left;
}


#naverPayBtn {
	cursor: pointer;
	width: 35%;
}