@charset "utf-8";

@font-face {
	font-family:'Nanum Gothic';
	font-style:normal;
	font-weight:400;
	src:url(/font/NanumGothic.eot);
	src:url(/font/NanumGothic.eot?#iefix) format('embedded-opentype'),
		/*url(/font/NanumGothic.woff2) format('woff2'),*/
		url(/font/NanumGothic.woff) format('woff'),
		url(/font/NanumGothic.ttf) format('truetype');
}

@font-face {
	font-family:'Nanum Gothic B';
	font-style:normal;
	font-weight:700;
	src:url(/font/NanumGothicBold.eot);
	src:url(/font/NanumGothicBold.eot?#iefix) format('embedded-opentype'),
		/*url(/font/NanumGothicBold.woff2) format('woff2'),*/
		url(/font/NanumGothicBold.woff) format('woff'),
		url(/font/NanumGothicBold.ttf) format('truetype');
}

@font-face {
	font-family:'Audi';
	font-style:normal;
	font-weight:400;
	src:url(/font/AudiType-ExtendedNormal.eot);
	src:url(/font/AudiType-ExtendedNormal.eot?#iefix) format('embedded-opentype'),
		/*url(/font/AudiType-ExtendedNormal.woff2) format('woff2'),*/
		url(/font/AudiType-ExtendedNormal.woff) format('woff'),
		url(/font/AudiType-ExtendedNormalc.ttf) format('truetype');
}
@font-face {
	font-family:'AudiB';
	font-style:normal;
	font-weight:400;
	src:url(/font/AudiType-ExtendedBold.eot);
	src:url(/font/AudiType-ExtendedBold.eot?#iefix) format('embedded-opentype'),
		url(/font/AudiType-ExtendedBold.woff) format('woff'),
		url(/font/AudiType-ExtendedBold.ttf) format('truetype');
}


* { margin:0; padding:0; border:0; outline:0; vertical-align:top;}

article, aside, details, figcaption, footer, header, hgroup, menu, nav,section { display:block;}
ul, ol, dl { list-style:none;}
img, video { max-width:100%;}
a { text-decoration:none; color:#000;}
table { border-collapse:collapse; border-spacing:0;}
input, textarea, select { vertical-align:middle;}
label { cursor:pointer;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight:normal;}
.blind, legend, hr, caption { display:block; overflow:hidden; position:absolute; top:0; left:-1000em;}
i, em, address, th, var, em, cite { font-style:normal; font-weight:normal;}
abbr, acronym {border: 0;font-variant: normal;}
q:before, q:after {content: '';}
body{font:0.75em/1.4 Nanum Gothic;color:#747474; font-size:100%; line-height:1;}
select,input {-webkit-border-radius:0;-webkit-appearance:none}


/* common */
.f_wrap{width:100%;}
.f_wrap:after{content:'';display:block;clear:both;}
.fl{float:left;}
.fr{float:right;}
.left{text-align:left !important;}
.right{text-align:right !important;}
.center{text-align:center !important;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}


/* Nav */
header{width:100%; height:45px;}
header:after{content:'';display:block;clear:both;}
header h1 { text-align:center; width:74px; margin:0 auto; }
header h1 img { margin:13px 0 0 0;}
header span { float:right; margin-top:-23px; padding-right:5%; z-index:99;}
header span img {width:33.5px;}


nav {width:100%; }
nav:after{content:'';display:block;clear:both;}
nav.nav{display:none;}
nav h1 { text-align:center; width:74px; margin:0 auto; }
nav h1 img { margin:13px 0 0 0;}
nav span {float:right; margin-top:-17px; padding-right:5%;  z-index:99;}
nav span img {width:17.5px;}
nav ul {float:left; width:90%; padding:0 5%; background-color:#000; margin-top:16px; }
nav ul li {
	border-bottom: 1px solid #383838;
	line-height: 45px;
	/*background: url(../image/main/nav_arrow.png) no-repeat right center;
	background-size: 6.5px;*/
	min-height: 45px;
}
nav ul li:last-child { border-bottom:none;}
nav ul li a { color:#FFF; font-size:12px;}
nav ul li .loc__btn{
	width:45px;
	height:45px;
	position: absolute;
	top:0px;
	right:0px;
	z-index: 1;
	display: block;
	background: transparent;
}

/**************************
* 2021-03-09
************************* */
nav ul li{
	position:relative;
	z-index: 1;
}
nav ul li:after{
	content:'';
	display: block;
	height:45px;
	width:45px;
	background:url(../image/main/nav_arrow.png) no-repeat center;
	background-size:6.5px;
	position: absolute;
	top:0px;
	right:0px;
	z-index: -1;
}


nav ul li.actv:after{
	transition: all .4s;
	transform: rotate(90deg);
}

nav ul ul{
	display: none;
	float:none;
	padding:0px;
	width:100%;
	margin-top:0px;
	border-top:1px solid #383838;
}
nav ul ul > li{
	padding-left:15px;
}

#gnb_sub { width:100%; background-color:#222;}
#gnb_sub ul:after{content:'';display:block;clear:both;}
#gnb_sub ul li { float:left; width:50%; border-right:1px solid #404040;border-bottom:1px solid #404040;

box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
#gnb_sub ul li a { display:block; text-align:center; font-size:0.75em;/*12px*/ background-color:#222; color:#fff; height:50px; line-height:50px; }
#gnb_sub ul li a.on {color:#cc0033;}
#gnb_sub.ty2 ul li a.on{background:#df1835; color:#fff; border-color:#df1835;}

#sub_tab { width:100%; background-color:#fff;}
#sub_tab ul li { float:left; width:50%; border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #ccc;border-left:1px solid #ccc;
box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
#sub_tab ul li.bt{border-top:0;}
#sub_tab ul li.bl{border-left:0;}
#sub_tab ul li a { display:block; text-align:center; font-size:0.75em;/*12px*/ background-color:#f8f8f8; color:#222; height:50px; line-height:50px; }
#sub_tab ul li a.on {background-color:#222; color:#fff;}

/* Footer */
#footer { clear:both; position:relative; background-color:#000; width:84%; padding:33px 8% 5% 8%; color:#6b6b6b;}
#footer h3 { padding-bottom:15px;}
#footer h3 img { width:170px;}
#footer h3 span { float:right; font-size:0.7em;/*11px*/}
#footer h3 span a {color:#6b6b6b;}
#footer ul {border-top:1px solid #313131; padding:20px 0;}
#footer ul li {font-size:0.75em;/*12px*/ line-height:20px;}
#footer p {font-size:0.7em;/*11px*/ border-top:1px solid #313131; line-height:18px; padding-top:20px; /*color:#383838;*/}
#footer p font { display:block;/*color:#383838;*/}
#footer a {color:#6b6b6b;}