x/* ==========================================================================
   top
========================================================================== */
.navbar{
	margin-bottom:0px;
}
.navbar-default {
	background-color:#FFFFFF;
}
.navbar-fixed-top{
	border-width :0;
}


/*메뉴*/
.navbar-header .navbar-collapse ul li{
	color:#000000;
	font-weight:500;
	letter-spacing:-1px;
}
.navbar-header .navbar-collapse ul li a{
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.affix{
	border-bottom:1px solid #dbdbdb;
}

/*home,Contact US*/
.top-home{
	text-align:right;
}
.top-home a{
	color:#717171;
	letter-spacing:-0.8px;

	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.top-home img{
	width:15px;
	padding:0 6px 0 8px;;
}

/*모바일-메뉴버튼*/
.navbar-default .navbar-toggle{
	border-color:#484848;
	background-color:#484848;
	margin-right:10px;
}
.navbar-toggle{
	border-radius:0 0 0 0;
	margin:18px 0 0 0;
	padding:9px 10px;
	font-weight:500;	
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{
	border-color:#fca200;
	background-color:#fca200;
}
.navbar-default .navbar-toggle .icon-bar{
	background-color:#FFFFFF;
}

@media (max-width: 767px) {
	.top-logo{
		padding:10px 0 10px 10px;
	}
	.top-logo img{
		max-width:50%;
	}
	.navbar-header .navbar-collapse ul{
		padding:0 0 0 0;
	}
	.navbar-header .navbar-collapse ul li{
		font-size:16px;
		padding:10px 0 10px 10px;
		border-bottom:1px solid #dbdbdb;
	}
	.navbar-header .navbar-collapse ul li a{
		display:block;
	}
	.navbar-collapse{
		padding:0;
		border-top:1px solid #dbdbdb;
	}
}
@media (min-width: 768px) {
	.top-logo{
		padding:21px 0 26px 0;
	}
	.top-logo img{
		max-width:80%;
	}
	.navbar-header .navbar-collapse ul{
		padding:21px 0 0 0;
	}
	.navbar-header .navbar-collapse ul li{
		font-size:16px;
		padding:23px 30px 0 0;
		float:left;
	}
	.top-home{
		padding:44px 0 0 0;
	}
	.top-home a{
		font-size:13px;
	}
}
@media (min-width: 992px) {
	.top-logo img{
		max-width:100%;
	}
	.navbar-header .navbar-collapse ul li{
		font-size:19px;
		padding:23px 46px 0 0;
		float:left;
	}
	.top-home{
		padding:49px 0 0 0;
	}
	.top-home a{
		font-size:14px;
	}
}

/* ==========================================================================
   카피라이터
========================================================================== */
.copyright{
	border-top:1px solid #dcdcdc;
}
.copyright .copyright-text{
	color:#6a6a6a;
	letter-spacing:-0.8px;
}
.copyright .copyright-text-copy{
	padding:7px 0 0 0;
	letter-spacing:0px;
}
.copyright .copyright-text p{
	overflow:hidden;
}

@media (max-width: 767px) {
	.copyright{
		padding:15px 0 10px 0;
	}
	.copyright .copyright-logo{
		text-align:center;
		padding:0 0 10px 0;
	}
	.copyright .copyright-logo img{
		max-width:25%;
	}
	.copyright .copyright-text{
		font-size:12px;
		text-align:center;
		padding:10px 10px 0 10px;
	}
	.copyright .copyright-text span{
		padding:0 10px 0 0;
	}
	.copyright .copyright-text p{
		line-height:19px;
	}
}
@media (min-width: 768px) {
	.copyright{
		padding:38px 0 25px 0;
	}
	.copyright .copyright-logo img{
		max-width:80%;
	}
	.copyright .copyright-text{
		font-size:12px;
	}
	.copyright .copyright-text span{
		padding:0 10px 0 0;
	}
	.copyright .copyright-text p{
		line-height:22px;
	}
}
@media (min-width: 992px) {
	.copyright .copyright-logo img{
		max-width:100%;
	}
	.copyright .copyright-text{
		font-size:13px;
	}
	.copyright .copyright-text span{
		padding:0 17px 0 0;
	}
}

/* ==========================================================================
   서브 기본 레이아웃
========================================================================== */

/*서브이미지*/
.sub-img{
	text-align:center;
	color:#FFFFFF;
	font-weight:500;
	letter-spacing:-1px;
}
.sub-img-xs{
	text-align:center;
	color:#FFFFFF;
	font-weight:500;
	letter-spacing:-1px;
}

/*서브메뉴*/
.sub-menu{
	color:#585858;
	font-weight:500;
	letter-spacing:-0.5px;
	text-align:center;
	background-color:#f1f1f1;
}
.sub-menu ul li{
	background-color:#FFFFFF;
}
.sub-menu ul li a{
	display:block;

    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.sub-menu .on{
	background-color:#ffa92e;
	color:#000000;
}
.sub-menu ul li a:hover,
.sub-menu ul li a:focus,
.sub-menu ul li a:active{
	background-color:#ffa92e;
	color:#000000;
}

.sub-menu .sub-menu-3 .li1{
	border-right:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
	border-left:1px solid #d1d1d1;
}
.sub-menu .sub-menu-3 .li2{
	border-right:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
}
.sub-menu .sub-menu-3 .li3{
	border-right:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
}

.sub-menu .sub-menu-4 .li1{
	border-right:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
	border-left:1px solid #d1d1d1;
}
.sub-menu .sub-menu-4 .li2{
	border-right:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
}
.sub-menu .sub-menu-4 .li3{
	border-right:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
}
.sub-menu .sub-menu-4 .li4{
	border-right:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
}


/*서브타이틀*/
.sub-title{
	background-color:#f1f1f1;
}
.sub-title .sub-title-link{
	color:#676767;
	letter-spacing:-0.5px;
	line-height:2.0;
	text-align:right;
}
.sub-title .sub-title-link .sub-title-link-home{
	padding:0 9px 0 0;
	margin:-2px 0 0 0;
}
.sub-title .sub-title-link .sub-title-link-cursor{
	padding:0 8px;
}
.sub-title .sub-title-text{
	color:#000000;
	letter-spacing:-0.5px;
	font-weight:500;
	text-align:center;
}

/*서브내용*/
.sub-content{
	width:100%;
	background-color:#f1f1f1;
	overflow:hidden;
}

@media (max-width: 767px) {
	.sub-img{
		height:200px;
		margin:25px 0 0 0;
		padding:100px 0 0 0;
		font-size:30px;
	}
	.sub-img-xs{
		height:auto;
		margin:25px 0 0 0;
		padding:40px 0 0 0;
	}
	.sub-menu{
		font-size:16px;
	}
	.sub-menu ul li{
		height:50px;
		line-height:50px;
	}
	.sub-title .sub-title-link{
		font-size:13px;
		padding:10px 10px 0 0;
	}
	.sub-title .sub-title-text{
		font-size:28px;
		padding:10px 0 0 0;
	}
	.sub-content{
		padding:20px 0 30px 0;
	}
}
@media (min-width: 768px) {
	.sub-img{
		height:280px;
		margin:110px 0 0 0;
		padding:125px 0 0 0;
		font-size:40px;
	}
	.sub-menu{
		font-size:18px;
	}
	.sub-menu ul li{
		height:60px;
		line-height:60px;
	}
	.sub-title .sub-title-link{
		font-size:14px;
		padding:22px 0 0 0;
	}
	.sub-title .sub-title-text{
		font-size:36px;
		padding:28px 0 0 0;
	}
	.sub-content{
		padding:50px 0 60px 0;
	}
}