/*================================================================================================
    TOP : 기본레이아웃
================================================================================================*/
.top{
	width: 100%;
	height: 90px;
	background: #FFFFFF;
	position: fixed;
	z-index: 99;	
}
.top .top_logo{
	width: 30%;
	float: left;
}
.top .top_menu{
	width: 70%;
	float: left;
	text-align: right;
}
.changed{
	border-bottom: 1px solid #e3e3e3;
}

/*================================================================================================
    TOP : 로고
================================================================================================*/
.top .top_logo{
	font-size: 0;
	line-height: 0;
}
.top .top_logo img{
	width: 100%;
	max-width: 190px;
}

/*================================================================================================
    공통 : 메뉴
================================================================================================*/
#header{
	width: 100%;
	height: 90px;	
	z-index: 110;
	position: fixed;
	top: 0;
	left: 0;
	transition: all 0.5s;
}
#header.on{
	border-bottom: 1px solid #dcdcdc;
}
#header .wrap{
	overflow: visible;
}
#header .header-inner{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 100%;
}
#header.on .top_logo .logo01{
	display: none;
}
#header.on .top_logo .logo02{
	display: block;
}
#header .header-gnb{	
	width: 100%;
	height: 90px;
	flex-shrink: 1;
}
#header.scroll,
#header.on,
#header.open{
	background-color: #fff;
}
#header .gnb-menu_list{	
	width: 100%;
	height: 100%;	
	justify-content: space-between;
	display: flex;	
}
#header .gnb-menu_item{
	height: 100%;
	position: relative;
	flex-grow: 1;
} 
#header .gnb-menu_link{
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;	
}
#header.on .gnb-menu_link:after{
	background: #ff950d;
}
#header .gnb-menu_link:after{
	transition: opacity .1s, width .5s; content: '';
	display: block;
	height: 2px;
	width: 0;
	position: absolute;
	bottom: -1px;
	left: 50%;
	transform: translate(-50%, 0);
	opacity: 0;
}
#header .gnb-menu_item:hover .gnb-menu_link:after{
	opacity: 1;
	width: 100%;
	transition: opacity .1s, width .5s;
}
#header.on .gnb-menu_item:hover .gnb-menu_link > span{
	color: #ff950d;
	transition: color .4s;
}
#header .gnb-menu_link > span{
	transition: color .4s .4s;
	position: relative;
	color: #010101;
	font-weight: 500;
	font-size: 1.053rem;
	line-height: 1.158rem;	
}
#header .gnb-menu_link.active > span{
	color: #ff950d !important;
}
#header .changed .gnb-menu_link > span{
	color: #000000;
}
#header .snb-menu {
	width: 100%;
	height: 150px;
	opacity: 0;
	position: absolute;
	top: 90px;
	left: 0;	
	padding-top: 30px;
	pointer-events: none;
}
#header .snb-menu_item{
	text-align: center;
}
#header .snb-menu_item a{
	cursor: pointer;
}
#header .snb-menu_link{
	font-size: 0.842rem;
	line-height: 0.895rem;
	color: #454545;
	padding: 7px 0;
	display:block;
}
#header .snb-menu_link:hover{
	color: #ff950d;
}
#header.on .snb-menu{
	opacity: 1;
	z-index: 1;
	pointer-events: visible;
}
#header .snb-menu-bg{
	width:100%;
	top: 90px;
	right: 50%;
	transform: translateX(50%);
	height: 0px;
	background: #fff url(../images/top/top_menu_logo.jpg) no-repeat 20% 50%;
/*	background-color: rgba(255, 255, 255, 1.0);	*/
	position: absolute;
	transition: height .5s;
	/*box-shadow: 0 12px 15px rgba(0,0,0,.05);*/
}
#header.on .snb-menu-bg {
	height: 220px;
	transition: height .5s;
	border-top: 1px solid #dadada;
}

#header.scroll .gnb-menu_link > span,
#header.on .gnb-menu_link > span{
	color: #494B4A;
}

@media (max-width: 1799px){
	#header .snb-menu-bg{
		width:100%;
		top: 90px;
		right: 50%;
		transform: translateX(50%);
		height: 0px;
		background: #fff url(../images/top/top_menu_logo.jpg) no-repeat 17% 50%;
	/*	background-color: rgba(255, 255, 255, 1.0);	*/
		position: absolute;
		transition: height .5s;
		/*box-shadow: 0 12px 15px rgba(0,0,0,.05);*/
	}
}
@media (max-width: 1699px){
	#header .snb-menu-bg{
		width:100%;
		top: 90px;
		right: 50%;
		transform: translateX(50%);
		height: 0px;
		background: #fff url(../images/top/top_menu_logo.jpg) no-repeat 12% 50%;
	/*	background-color: rgba(255, 255, 255, 1.0);	*/
		position: absolute;
		transition: height .5s;
		/*box-shadow: 0 12px 15px rgba(0,0,0,.05);*/
	}
}
@media (max-width: 1599px){
	#header .snb-menu-bg{
		width:100%;
		top: 90px;
		right: 50%;
		transform: translateX(50%);
		height: 0px;
		background: #fff url(../images/top/top_menu_logo.jpg) no-repeat 9% 50%;
	/*	background-color: rgba(255, 255, 255, 1.0);	*/
		position: absolute;
		transition: height .5s;
		/*box-shadow: 0 12px 15px rgba(0,0,0,.05);*/
	}
}
@media (max-width: 1499px){
	#header .snb-menu-bg{
		width:100%;
		top: 90px;
		right: 50%;
		transform: translateX(50%);
		height: 0px;
		background: #fff url(../images/top/top_menu_logo.jpg) no-repeat 7% 50%;
	/*	background-color: rgba(255, 255, 255, 1.0);	*/
		position: absolute;
		transition: height .5s;
		/*box-shadow: 0 12px 15px rgba(0,0,0,.05);*/
	}
}
@media (max-width: 1399px){
	#header .snb-menu-bg{
		width:100%;
		top: 90px;
		right: 50%;
		transform: translateX(50%);
		height: 0px;
		background: #fff url(../images/top/top_menu_logo.jpg) no-repeat 5% 50%;
	/*	background-color: rgba(255, 255, 255, 1.0);	*/
		position: absolute;
		transition: height .5s;
		/*box-shadow: 0 12px 15px rgba(0,0,0,.05);*/
	}
}

/*================================================================================================
    하단배너
================================================================================================*/
.bottom_banner{
	width: 100%;
	overflow: hidden;
	background-color: rgba(243, 246, 248, 1.0);
	padding: 2.105rem 0 0 0;
}
.bottom_banner > .wrap > ul{
	width: 103%;
	overflow: hidden;
}
.bottom_banner > .wrap > ul > li{
	width: 25%;
	padding: 0 3% 0 0;
	float: left;
}
.bottom_banner > .wrap > ul > li a{
	display: block;
}
.bottom_banner > .wrap > ul > li a > dl{
	width: 100%;
	overflow: hidden;
	background-color: rgba(255, 255, 255, 1.0);
	border-radius: 10px;
	padding: 1.579rem 1.263rem;
}
.bottom_banner > .wrap > ul > li a > dl > dt{
	width: 35%;
	float: left;
	font-size: 0;
	line-height: 0;
}
.bottom_banner > .wrap > ul > li a > dl > dd{
	width: 65%;
	float: left;
}
.bottom_banner > .wrap > ul > li a > dl > dt img{
	height: 58px;
}
.bottom_banner > .wrap > ul > li a > dl > dd > .bottom_banner_title{
	font-weight: 500;
	font-size: 1rem;
	color: #010101;
}
.bottom_banner > .wrap > ul > li a > dl > dd > .bottom_banner_text{
	font-size: 0.842rem;
	color: #585858;
}

@media (max-width: 1299px){
	.bottom_banner > .wrap > ul{
		width: 102%;
		overflow: hidden;
	}
	.bottom_banner > .wrap > ul > li{
		width: 25%;
		padding: 0 2% 0 0;
		float: left;
	}
}

/*================================================================================================
    하단링크
================================================================================================*/
.bottom_link{
	width: 100%;
	overflow: hidden;
	background-color: rgba(243, 246, 248, 1.0);
	padding: 0.789rem 0 2.368rem 0;
}
.bottom_link > .wrap{
	background-color: rgba(255, 255, 255, 1.0);
	border-radius: 10px;
	padding: 0.526rem 1.053rem;
}
.bottom_link > .wrap > ul{
	width: 104%;
	overflow: hidden;	
}
.bottom_link > .wrap > ul > li{
	width: 20%;
	padding: 0 4% 0 0;
	float: left;
}
.bottom_link > .wrap > ul > li img{
	width: 100%;
}

/*================================================================================================
    카피라이터 메뉴,sns : 기본레이아웃
================================================================================================*/
.compyright_top{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #dadada;
}
.compyright_top .compyright_top_menu{
	width: 60%;
	float: left;
}
.compyright_top .compyright_top_sns{
	width: 40%;
	float: left;
	text-align: right;
}

/*================================================================================================
    카피라이터 메뉴
================================================================================================*/
.compyright_top .compyright_top_menu ul li{
	float: left;
}
.compyright_top .compyright_top_menu ul li a{
	font-size: 0.895rem;
	color: #292929;
	line-height: 1rem;
	display: block;
	padding: 1.474rem 2.368rem 1.579rem 0;
}

/*================================================================================================
    카피라이터 sns
================================================================================================*/
.compyright_top .compyright_top_sns a{
	width: 38px;
	height: 38px;
	background-color: rgba(242, 242, 242, 1.0);
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	padding: 0.316rem 0 0 0;
	margin: 1.053rem 0 0 0;
}

/*================================================================================================
    카피라이터 정보
================================================================================================*/
.copyright{
	width: 100%;
	overflow: hidden;
	padding: 2.105rem 0 1.579rem 0;
}
.copyright .copyright_left{
	width: 20%;
	float: left;
}
.copyright .copyright_center{
	width: 50%;
	float: left;
}
.copyright .copyright_right{
	width: 30%;
	float: left;
	text-align: right;
}
.copyright .copyright_left img{
	width: 100%;
	max-width: 188px;
}
.copyright .copyright_center p{
	font-size: 0.842rem;
	color: #7c7c7c;
	line-height: 1.474rem;
}
.copyright .copyright_center .p_4{
	padding: 0.895rem 0 0 0;
}
.copyright .copyright_center p span{
	padding: 0 1.053rem 0 0;
}
.copyright .copyright_right p a{
	font-size: 0.842rem;
	color: #292929;
	line-height: 1.474rem;
}