/*================================================================================================
    »óÀ§ : ±âº»·¹À̾ƿô
================================================================================================*/
.top{
	width: 100%;
	height: 5.263rem;
	position: fixed;
	top: 0;
	border-bottom: 1px solid;
	border-color: rgba(255,255,255,0.2);
	z-index: 9999999999;
}
.top .top_logo{
	width: 20%;
	float: left;
	transition: all .2s ease-in-out;
}
.top .top_menu{
	width: 60%;
	float: left;
	text-align: center;
}
.top .top_inquiry{
	width: 20%;
	float: left;
	text-align: right;
}

.changed{
	background: #FFFFFF;
	border-bottom: 1px solid;
	border-color: rgba(224,224,224,1.0);
}

@media (max-width: 1699px){
	.top .top_logo{
		width: 20%;
		float: left;
		transition: all .2s ease-in-out;
	}
	.top .top_menu{
		width: 60%;
		float: left;
		text-align: center;
	}
	.top .top_inquiry{
		width: 20%;
		float: left;
		text-align: right;
	}
}
@media (max-width: 1599px){
	.top .top_logo{
		width: 17%;
		float: left;
		transition: all .2s ease-in-out;
	}
	.top .top_menu{
		width: 60%;
		float: left;
		text-align: center;
	}
	.top .top_inquiry{
		width: 23%;
		float: left;
		text-align: right;
	}
}
@media (max-width: 1299px){
	.top .top_logo{
		width: 17%;
		float: left;
		transition: all .2s ease-in-out;
	}
	.top .top_menu{
		width: 57%;
		float: left;
		text-align: center;
	}
	.top .top_inquiry{
		width: 26%;
		float: left;
		text-align: right;
	}
}

/*================================================================================================
    »óÀ§ : ·Î°í
================================================================================================*/
.top .top_logo{
	padding: 1.053rem 0 0 0;
}
.top .top_logo img{
	width: 90%;
	max-width: 230px;
}

.top .top_logo01{
	display: block;
}
.top .top_logo02{
	display: none;
}

.changed .top_logo01{
	display: none;
}
.changed .top_logo02{
	display: block;
}

/*================================================================================================
    ¸Þ´º : ½ºÆ®¸³Æ®
================================================================================================*/
.jquerynav{
	display: inline-block;
}
.jquerynav:after{
	display: table;
	content: "";
	clear: both;
}
.jquerynav li a{	
	font-weight: 500;	
	font-size: 1.158rem;
	color: #FFFFFF;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.jquerynav li a:hover,
.jquerynav  li.current a{
	color: #00aade;
}

.jquerynav .li_e a{
	padding-right: 0;
}

@media (min-width: 1100px){
	.jquerynav li a{
		height: 5.263rem;
		display: block;
		padding: 1.842rem 2.947rem 0 0;
		white-space: nowrap;	
	}
}
@media (min-width: 1200px){
	.jquerynav li a{
		height: 5.263rem;
		display: block;
		padding: 1.842rem 3.684rem 0 0;
		white-space: nowrap;	
	}
}
@media (min-width: 1300px){
	.jquerynav li a{
		height: 5.263rem;
		display: block;
		padding: 1.842rem 4.211rem 0 0;
		white-space: nowrap;	
	}
}
@media (min-width: 1600px){
	.jquerynav li a{
		height: 5.263rem;
		display: block;
		padding: 1.842rem 5.158rem 0 0;
		white-space: nowrap;	
	}
}

/*changed*/
.changed .jquerynav li a{
	color: #010101;
}


/* first level */
.jquerynav > li{
	float: left;
	display: inline;
}

/* second level */
.jquerynav ul{
	display: none;
	position: absolute;
	background: #FFFFFF;
	min-width: 180px;
	padding: 10px 0 5px 0;
	z-index: 99999999;
	top: 5.263rem;
}
.jquerynav ul li{
	float: none;
}
.jquerynav ul li a{
	font-family: 'Noto Sans KR', sans-serif;
	height: auto;
	font-weight: 400;
	font-size: 15px;
	color: #000000;
	padding: 0 20px 5px 20px;
	text-align: left;
}

/* third level */
.jquerynav ul ul{
	left: 100%;
	top: 0;
}
.jquerynav > li:last-child ul ul{
	left:-100%;
}
.jquerynav li:hover > ul{
	display:block;
}

.touch-block{
	top: 5px;
	right: 5px;
	padding: 8px 12px;
	position: absolute;
	z-index: 5;
	content: "▼";
	color: #aaa;
	text-align: center;
	cursor: pointer;
	display: none;
}

/*================================================================================================
    »óÀ§ : ¿Â¶óÀι®ÀÇ
================================================================================================*/
.top_inquiry{
	padding: 1.474rem 0 0 0;
}
.top_inquiry a{
	width: 7.368rem;
	height: 2.263rem;
	background-color: rgba(0, 0, 0, 0.2);
	display: inline-block;
	text-align: center;
	font-weight: 500;
	font-size: 0.895rem;
	color: #FFFFFF;
	line-height: 2.263rem;
	border-radius: 20px;
}

.changed .top_inquiry a{
	background-color: rgba(75, 75, 75, 1.0);
}

/*================================================================================================
    »óÀ§ : ¼îÇθô¹Ù·Î°¡±â
================================================================================================*/
.top_inquiry .top_shoppingmall{
	background-color: rgba(0, 90, 150, 0.7);
}
.changed .top_inquiry .top_shoppingmall{
	background-color: rgba(0, 173, 229, 1.0);
}

/*================================================================================================
    Ä«ÇǶóÀÌÅÍ
================================================================================================*/
.copyright p{
	font-size: 0.895rem;
	color: #626262;
	line-height: 1.579rem;
}
.copyright p a{
	color: #626262;
}
.copyright p > span{
	padding: 0 1.316rem 0 0;
}
.copyright p b{
	font-weight: 400;
	color: #000000;
	padding: 0 0.526rem 0 0;
}
.copyright .copyright_logo img{
	width: 90%;
	max-width: 230px;
}
.sub_copyright{
	background: #f5f5f5;
}

@media (min-width: 1100px){
	.copyright{
		width: 100%;
		padding: 1.579rem 0 0 0;
	}
	.sub_copyright{
		padding-bottom: 1.579rem;
	}
	.copyright .copyright_logo{
		width: 30%;
		float: left;
	}
	.copyright .copyright_info{
		width: 70%;
		float: left;
	}
	.copyright .copyright_rights{
		width: 100%;
		float: left;
		text-align: right;
	}
}
@media (min-width: 1200px){
	.copyright{
		width: 100%;
		padding: 1.579rem 0 0 0;
	}
	.sub_copyright{
		padding-bottom: 1.579rem;
	}
	.copyright .copyright_logo{
		width: 30%;
		float: left;
	}
	.copyright .copyright_info{
		width: 70%;
		float: left;
	}
	.copyright .copyright_rights{
		width: 100%;
		float: left;
		text-align: right;
	}
}
@media (min-width: 1300px){
	.copyright{
		width: 100%;
		padding: 2.632rem 0 0 0;
	}
	.sub_copyright{
		padding-bottom: 2.632rem;
	}
	.copyright .copyright_logo{
		width: 25%;
		float: left;
	}
	.copyright .copyright_info{
		width: 45%;
		float: left;
	}
	.copyright .copyright_rights{
		width: 30%;
		float: left;
		text-align: right;
	}
}