﻿* { margin: 0; padding: 0; }
.wrap { width: 100%; overflow: hidden; }

/* header */
.header { width: 100%; height: 75px; position: fixed; z-index: 10; }
.header_inner { height: 75px; background-color: black; }
.logo { height: 65px; position: relative; left: 50px; top: -10px; }
.logo > a > img { display: block; position: absolute; }
.logo > a > img:last-child { opacity: 0; }
.menu { height: 65px; position: relative; left: 500px; top: -45px; }
.menu > ul > li { list-style: none; font-weight: 900; font-size: 26px; float: left; padding-left:100px; padding-right: 100px; }
.menu > ul > li > a { text-decoration: none; color: white; font-family: 'Source Serif Pro', serif; }
.menu_submenu { width: 100%; overflow: hidden; position:relative; top: -55px; background-color:black; }
.submenu { display: none; float: left; }
.submenu:nth-child(1) { padding-left:600px; }
.submenu:nth-child(2) { padding-left:60px; }
.submenu:nth-child(3) { padding-left:60px; }
.submenu > li { list-style: none; font-size: 15px; line-height: 35px; font-weight: 700; }
.submenu > li > a { text-decoration: none;  color: white; }

/* main */
.main { width: 100%; overflow: hidden; }
.main_img { position:relative; width:100%; height:1080px; overflow:hidden; margin-bottom:120px; }
.main_slide { position:absolute; top:0; left:0; width:100%; }
.main_img img { display:block; }
.scroll_wrap { width: 100%; height:90px; position: absolute; bottom: 175px; animation:glow 4s infinite; }
.scroll { width:100%; height:40px; line-height:40px; }
.scroll > p { position:absolute; top:0; left:0; width:100%; height:40px; cursor:pointer; color:white; font-size:28px; text-align:center; }
.arrow_wrap { width: 100%; height: 30px; position:absolute; left:49.8%; bottom:0px; margin-top:15px; }
.arrow { position:absolute; top: 0; width: 20px; height: 20px; border-radius: 0 0 5px 0; overflow: hidden; transform: rotate(45deg) translateX(-50%); cursor: pointer; }

.arrow:last-child { top: 8px; }
.b_line { position: absolute; bottom: 0; left: 0; width: 20px; height: 4.5px; border-radius: 5px; background-color: #fff; }
.r_line { position: absolute; right: 0; bottom: 0; width: 4.5px; height: 20px; border-radius: 5px; background-color: #fff; }
@keyframes glow { 0% { opacity: 1; filter: alpha(opacity=100); } 50% { opacity: 0.3; filter: alpha(opacity=30); -webkit-transform: translateY(10px); transform: translateY(10px); } }

/* main_nav */
.main_nav1 { width:100%; height: 260px; padding-left:50px; padding-right:50px; margin-bottom: 120px; }
.main_nav1 > p { font-size: 45px; font-weight: 900; font-family: 'Source Serif Pro', serif; }
.main_frame { position: relative; width:100%; height: 180px; top: 15px; left:0px; }
.main_frame > ul { position: absolute; top: 0; left:0; height: 180px; overflow: hidden; }
.main_frame > ul > li { list-style: none; float:left; cursor:pointer; }
.main_frame > ul > li:hover > img { background-color: rgba(203, 203, 203, 0.4); }
.prev, .next { display: block; border: none; width: 40px; height: 40px; position: absolute; font-size: 25px; font-weight: 900; color: white; background-color: darkgray; text-align: center; line-height: 40px; margin-top: 865px; opacity: 0; cursor: pointer; }
.prev { position: absolute; width: 40px; height: 40px; left: 0; top: 50%; }
.next { position: absolute; width: 40px; height: 40px; right: 0; top: 50%; }

/* main_nav2 */
.main_nav2 { width:100%; height: 400px; margin-bottom: 120px; position: relative; left:0px; background-color:lightgray; padding-top:15px; padding-left:150px; padding-right:150px; padding-bottom:15px; }
.nav_left { width: 700px; height: 480px; float: left; padding-right: 150px; }
.listtitle { width:700px; border-bottom:1px solid black; }
.listtitle > p { font-size: 26px; font-weight: 900; display:inline-block; margin-right: 450px; margin-bottom: 3px; }
.listtitle > a { width: 25px; height:25px; display:inline-block; position:relative; top:2px; }
.listtitle > a > img { width:25px; height:25px; text-align:center; }
.list > ul > li > a { text-decoration: none; color: black; line-height: 45px; font-weight: 700; }
.list > ul:nth-child(1) > li:nth-child(1) { float: left; margin-left: 20px; margin-right: 180px; }
.list > ul:nth-child(1) > li:nth-child(2) { list-style: none; }
.list > ul:nth-child(2) > li:nth-child(1) { float: left; margin-left: 20px; margin-right: 320px; }
.list > ul:nth-child(2) > li:nth-child(2) { list-style: none; }
.list > ul:nth-child(3) > li:nth-child(1) { float: left; margin-left: 20px; margin-right: 62px; }
.list > ul:nth-child(3) > li:nth-child(2) { list-style: none; }
.list > ul:nth-child(4) > li:nth-child(1) { float: left; margin-left: 20px; margin-right: 255px; }
.list > ul:nth-child(4) > li:nth-child(2) { list-style: none; }
.list > ul:nth-child(5) > li:nth-child(1) { float: left; margin-left: 20px; margin-right: 82px; }
.list > ul:nth-child(5) > li:nth-child(2) { list-style: none; }
.list > ul:nth-child(6) > li:nth-child(1) { float: left; margin-left: 20px; margin-right: 85px; }
.list > ul:nth-child(6) > li:nth-child(2) { list-style: none; }
.list > ul:nth-child(7) > li:nth-child(1) { float: left; margin-left: 20px; margin-right: 93px; }
.list > ul:nth-child(7) > li:nth-child(2) { list-style: none; }
.list > ul:nth-child(8) > li:nth-child(1) { float: left; margin-left: 20px; margin-right: 183px; }
.list > ul:nth-child(8) > li:nth-child(2) { list-style: none; }
.nav_right { width: 700px; height: 400px; line-height: 100px; float: left; }

/* main_nav3 */
.main_nav3 { width: 100%; overflow: hidden; padding-left: 120px; padding-right:120px; margin-bottom: 120px; }
.imgs { width: 550px; height: 350px; float: left; }
.imgs > a { text-decoration:none; }
.imgs > a > p { font-size: 18px; font-weight: 900; color:black; cursor: pointer; }
.map { padding-left:50px; padding-right:50px; margin-bottom: 50px; }

/* footer */
.footer { width: 100%; height: 220px; background-color: black; }
.footer_in { width: 100%; height: 90px; }
.footer_logo { width: 100px; height: 85px; float: left; margin-left: 50px; margin-right: 50px; cursor: pointer; }
.footer_menu { width: 400px; height: 85px; margin-top: -5px; float: left; }
.footer_menu > ul > li { line-height: 85px; list-style: none; float: left; margin: 10px 10px; font-size: 16px; color: gray; }
.footer_menu > ul > li > a { text-decoration: none; color: gray; }
.footer_menu > ul > li:hover > a { color: white; }
.sns_icon { width: 300px; height: 85px; float: left; margin-left: 990px; }
.sns_icon > a > img { width: 30px; height: 30px; margin-top: 35px; margin-left: 10px; margin-right: 10px; }
.footer_bottom { width: 100%; height: 120px; margin-left: 60px; }
.text > p { margin-top: 25px; margin-bottom: 25px; font-size: 14px; color: white; }

/* 아우디코리아소식 내용 */
.news111 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 50px; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.78); overflow-y: scroll; display: none; }
.new_body { position: relative; width: 1000px; height: 2600px; margin: 0 auto; background-color: #fff; padding: 50px; }
.news111::-webkit-scrollbar { width: 0 !important }
.new_body p:nth-of-type(1) { margin-top: 30px; float:left; }
.close { width:70px; height:30px; margin-top:30px; margin-left:850px; color:white; background-color:black; border: none; cursor: pointer; }
.new_body h2 { margin-top: 30px; }
.new_body img { margin-top: 30px; }
.new_body p { font-size: 14px; line-height:25px; }
.new_body p:nth-of-type(2) { margin-top: 30px; }
.new_body p:nth-of-type(3) { margin-top: 30px; }
.new_body p:nth-of-type(4) { margin-top: 30px; }
.new_body p:nth-of-type(5) { margin-top: 30px; }
.new_body p:nth-of-type(6) { margin-top: 30px; }
.new_body p:nth-of-type(7) { margin-top: 30px; }
.new_body p:nth-of-type(8) { margin-top: 30px; }
.new_body p:nth-of-type(8) { margin-top: 30px; }
.new_body p:nth-of-type(10) { margin-top: 30px; }
.new_body p:nth-of-type(11) { margin-top: 30px; }
.new_body p:nth-of-type(12) { margin-top: 30px; }
.new_body p:nth-of-type(13) { margin-top: 30px; }
.new_body p:nth-of-type(14) { margin-top: 30px; }
.new_body p:nth-of-type(15) { margin-top: 30px; }
.new_body p:nth-of-type(16) { margin-top: 30px; }
.new_body p:nth-of-type(17) { margin-top: 30px; }
.new_body p:nth-of-type(18) { margin-top: 30px; }
.new_body p:nth-of-type(7) { margin-top: 30px; }

/* 개인정보처리방침 내용 */
.ft_menu_text { position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 50px; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.78); overflow-y: scroll; display: none; }
.textbody { position: relative; width: 1090px; height: 13800px; margin: 0 auto; background-color: #fff; padding: 50px; }
.ft_menu_text::-webkit-scrollbar { width: 0 !important }
.close1 { width:70px; height:30px; margin-top:30px; margin-left:1010px; color:white; background-color:black; border: none; cursor: pointer; }
.textbody h2:nth-of-type(1) { margin-top: 30px; font-size: 28px; background-color: black; color: white; padding: 5px 5px; }
.textbody p:nth-of-type(1) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody h2:nth-of-type(2) { margin-top: 30px; font-size: 18px; }
.textbody p:nth-of-type(2) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody p:nth-of-type(3) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody p:nth-of-type(4) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody p:nth-of-type(5) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody p:nth-of-type(6) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody p:nth-of-type(7) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody p:nth-of-type(8) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody p:nth-of-type(9) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody p:nth-of-type(10) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody h2:nth-of-type(3) { margin-top: 50px; font-size: 13px; }
.textbody p:nth-of-type(11) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody p:nth-of-type(12) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody p:nth-of-type(13) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody p:nth-of-type(14) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody p:nth-of-type(15) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody p:nth-of-type(16) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody h2:nth-of-type(4) { margin-top: 30px; font-size: 18px; }
.textbody p:nth-of-type(17) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody h2:nth-of-type(5) { margin-top: 30px; font-size: 18px; }
.textbody h2:nth-of-type(6) { margin-top: 30px; font-size: 18px; }
.textbody p:nth-of-type(18) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody p:nth-of-type(19) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody p:nth-of-type(20) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody p:nth-of-type(21) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody p:nth-of-type(22) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody p:nth-of-type(23) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody p:nth-of-type(24) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody p:nth-of-type(25) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody p:nth-of-type(26) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody p:nth-of-type(27) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody p:nth-of-type(28) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody p:nth-of-type(29) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody h2:nth-of-type(7) { margin-top: 30px; font-size: 18px; }
.textbody p:nth-of-type(30) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody p:nth-of-type(31) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody p:nth-of-type(32) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody h2:nth-of-type(8) { margin-top: 30px; font-size: 18px; }
.textbody p:nth-of-type(33) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody h2:nth-of-type(9) { margin-top: 30px; font-size: 18px; }
.textbody p:nth-of-type(34) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody h2:nth-of-type(10) { margin-top: 30px; font-size: 18px; }
.textbody p:nth-of-type(35) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody h2:nth-of-type(11) { margin-top: 30px; font-size: 18px; }
.textbody p:nth-of-type(36) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody h2:nth-of-type(12) { margin-top: 30px; font-size: 18px; }
.textbody p:nth-of-type(37) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody h2:nth-of-type(13) { margin-top: 30px; font-size: 18px; }
.textbody p:nth-of-type(38) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody p:nth-of-type(39) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody p:nth-of-type(40) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody p:nth-of-type(41) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody p:nth-of-type(42) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody p:nth-of-type(43) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody h2:nth-of-type(14) { margin-top: 50px; font-size: 18px; }
.textbody p:nth-of-type(44) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody p:nth-of-type(45) { line-height: 30px; margin-top: 30px; font-size: 13px; }

/* 부정제보 내용 */
.ft_menu_text1 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 50px; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.78); overflow-y: scroll; display: none; }
.textbody1 { position: relative; width: 1090px; height: 1910px; margin: 0 auto; background-color: #fff; padding: 50px; }
.ft_menu_text1::-webkit-scrollbar { width: 0 !important }
.close1 { width:70px; height:30px; margin-top:30px; margin-left:1010px; color:white; background-color:black; border: none; cursor: pointer; }
.textbody1 h2 { margin-top: 100px; font-size: 18px; }
.textbody1 p:nth-of-type(1) { line-height: 30px; margin-top: 30px; font-size:13px; }
.textbody1 p:nth-of-type(2) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody1 h2:nth-of-type(2) { margin-top: 100px; font-size: 18px; }
.textbody1 p:nth-of-type(3) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody1 p:nth-of-type(4) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody1 h2:nth-of-type(3) { margin-top: 100px; font-size: 18px; }
.textbody1 p:nth-of-type(5) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody1 p:nth-of-type(6) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody1 h2:nth-of-type(4) { margin-top: 100px; font-size: 18px; }
.textbody1 h2:nth-of-type(5) { margin-top: 60px; font-size: 18px; }
.textbody1 p:nth-of-type(7) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody1 p:nth-of-type(8) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody1 p:nth-of-type(9) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody1 p:nth-of-type(10) { line-height: 30px; margin-top: 50px; font-size: 13px; }
.textbody1 h2:nth-of-type(6) { margin-top: 100px; font-size: 18px; }
.textbody1 h2:nth-of-type(7) { margin-top: 60px; font-size: 18px; }
.textbody1 p:nth-of-type(11) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody1 p:nth-of-type(12) { line-height: 30px; margin-top: 30px; font-size: 13px; }
.textbody1 h2:nth-of-type(8) { margin-top: 100px; font-size: 18px; }
.textbody1 p:nth-of-type(13) { line-height: 30px; margin-top: 30px; font-weight: 900; font-size: 13px; }
.textbody1 p:nth-of-type(13) a { text-decoration: none; color: black; }
.textbody1 p:nth-of-type(13) a:hover { color: red; }