@charset "utf-8";

/************************************************************************
* AJU MOBILE WEB LAYOUT CSS
*
* @auther jkw
* @since 2013.08.27
************************************************************************/

body {
	margin:0;
	padding:0;
	position:relative;
}

body:after {content:""; clear:both; display:block; }



/* aside ------------------------------------------------------ */
.side-top-btn {
	height:auto;
	position:fixed;
	z-index:99998;
	right:5px;
	bottom:0;	
	opacity:0.7;
	cursor:pointer;
	display:none;
}

.side-right-close {
	width:20%;
	height:auto;
	position:absolute;
	right:0;
	z-index:99998;
	clear:both;
	text-align:right;
	top:5px;
}



.side-right-close button {
	background-color:#f6bb8a;
	border:1px solid #f6bb8a;
	border-radius:5px;
	color:#000;
	padding:2px;
}


aside {
	width:70%;
	height:auto;
	border:1px solid #000;
	position:absolute;
	left:0;
	background-color:#f5f4f4;
	z-index:9999;
	padding:5%;
/* 	clear:both; */
}


aside .aside-depth-warp {
	width:100%;
	height:auto;
}


aside .aside-depth-warp .aside-depth-title {
	color:#FFF;
	border:1px solid #ee7816;
	height:20px;
	width:96%;
	font-weight:bold;
	background-color:#ee7816;
	border-radius:5px;
	padding:2%;
}


aside .aside-depth-warp .aside-depth-menu {
	color:#000;
	border:1px solid #FFF;
	width:96%;
	font-weight:bold;
	background-color:#FFF;
	border-radius:5px;
	padding:2%;
	clear:both;
	margin-top:10px;
	margin-bottom:20px;
}

aside .aside-depth-warp .aside-depth-menu a {
	color:#000;
}

aside .aside-depth-warp .aside-depth-menu:after {content:"";display:block;clear:both;}

aside .aside-depth-warp .aside-depth-menu ul {
	clear:both;
	height:auto;
}

aside .aside-depth-warp .aside-depth-menu ul:after {content:"";display:block;clear:both;}

aside .aside-depth-warp .aside-depth-menu ul li {
	list-style:none;
	float:left;
	padding:5px;
}


/* header ------------------------------------------------------ */

header {
	width:100%;
	height:80px;
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:bold;
}

header .top-block {
	width:100%;
	height:40px;
	background-color:#FFF;
	color:#000;	
	text-align:left;
	position:relative;
}

header .top-block-left-menu {
	position:absolute;
	left:11px;
	top:12px;
	font-family:'arial';
	color:#ee7816;
	font-size:16px
}

header .top-block-left-menu a {
	color:#ee7816;
}

header .top-block-bi {
	padding-left:80px
}

header .top-block-bi img {
	padding-top:9px;
	width:90px;
	height:auto;
}

header .top-block-language {
	position:absolute;
	right:11px;
	top:13px;
	font-size:12px;
}

header .top-block-language ul li {
	padding:0 6px;
	float:left;
	font-weight:bold;
	background-image:url(../../img/layout/bg/bg_top_right_line.gif);
	background-repeat:no-repeat;
	background-position:right center;
}

header .top-block-language ul li:last-child {
	background-image:none;
	padding-right:0;
}

header .top-block-language ul li a {
	color:#000;
}


header .gnb {
	width:100%;
	min-height:36px;
	height:auto;
	background-color:#ee7816;
	border-top:2px solid #ba5d10;
	border-bottom:2px solid #ba5d10;
	font-weight:bold;
}

header .gnb:after {content:"";display:block;clear:both;}

header .gnb ul {
	width:100%;
	height:auto;
	min-height:36px;
	clear:both;
}

header .gnb ul li {
	float:left;
	width:13%;
	text-align:center;
	padding:10px 0;
	color:#FFF;
	font-weight:bold;
}


header .gnb ul li a {
	color:#FFF;
}

header .gnb ul li.long {
	width:25%;
}

header .gnb ul li.short{
	width:18%;
}

/* gnb click */
header .gnb ul li a.on {
	background-color:#FFF;
	font-weight:bold;
	color:#000; 
	padding:3px 4px 12px 4px;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	border:1px solid #d5d5d5;
	border-bottom:0px;
	position:relative;
}

header .gnb ul li.long a.on {
	background-color:#FFF;
	font-weight:bold;
	color:#000; 
	padding:3px 1px 12px 1px;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	border:1px solid #d5d5d5;
	border-bottom:0px;
	position:relative;
}

header .gnb ul li.short a.on {
	background-color:#FFF;
	font-weight:bold;
	color:#000; 
	padding:3px 4px 12px 4px;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	border:1px solid #d5d5d5;
	border-bottom:0px;
	position:relative;
}


header .gnb ul li .sub-gnb {
	background-color:#FFF;
	height:auto;
	position:absolute;
	width:100%;
	border-bottom:2px solid #ba5d10;
	min-height:26px;
	margin-top:11px;
	z-index:9999;
	left:0;
}

header .gnb ul li .sub-gnb li {
	padding:5px 0;
	color:#000;
	width:12.5%;
	z-index:9999;
}

header .gnb ul li .sub-gnb li a {color:#000;}

header .gnb ul li .sub-gnb li a button {
	background-color:#ee7816;
	padding:0 5px 0 5px;
	font-weight:bold;
	color:#FFF;
	border:1px solid #676767;
	border-radius:2px;
}

header .gnb ul li .sub-gnb li.open {
	text-align:right;
}
header .gnb ul li .sub-gnb li.open button {
	margin-right:5px;
}


header .gnb ul li .sub-gnb li.close {
	width:100%;
	text-align:right;
}

header .gnb ul li .sub-gnb li.close button {
	margin-right:5px;
}

/* footer ------------------------------------------------------ */
footer {
	width:100%;
	height:145px;
	margin:0;
	padding:0;
	border-top:2px solid #ba5d10;
	background-color:#ee7816;
}

footer .footer-btn {
	width:80%;
	height:35px;
	text-align:center;
	margin:13px auto;
	
}

footer .footer-btn button {
	width:45%;
	height:30px;
	text-align:center;
	color:#000;
	font-weight:bold;
	font-size:13px;
	border-radius:5px;
	background-color:#FFF;
	border:1px solid #ba5d10;
}

footer .footer-btn button:first-child {
	margin-right:10px;
}

footer .footer-copy {
	width:78%;
	margin:0 auto;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}


/* location ------------------------------------------------------ */
.location {width:100%;height:auto;}
.location-bar {width:94%; padding:5px 3%; color:#000; font-size:12px; border-bottom:1px solid #d5d5d5;}
.location span {color:#ee7816;}