[data-section='header01_mo']{z-index:120;} [data-section='header01_mo'] .header_bg_check{background-color:#333; position:relative !important;} [data-section='header01_mo'] .gnb{width: 100%; position: absolute; top: 0; left: 0; z-index: 100; } [data-section='header01_mo'] .gnb_absolute{position: absolute; top: 0; left: 0; z-index: 999;} /* header 태그에 해당 클래스 추가시 상단에 겹쳐지게됨 */ [data-section='header01_mo'] .gnb i{color: #fff; font-size: 18px; cursor: pointer;} [data-section='header01_mo'] .inner{border-bottom: 1px solid rgba(255, 255, 255, 0.2); display: flex; padding: 0 130px; width: 100%; height: 100px; align-items: center; justify-content: space-between;} [data-section='header01_mo'] .inner .nav{display: flex; justify-content: space-between;} [data-section='header01_mo'] ul.main_menu>li{padding: 0 10px;} [data-section='header01_mo'] .h_logo{width: 140px;} [data-section='header01_mo'] .menu_wrap{width: 50%;} [data-section='header01_mo'] .nav>li{position: relative; padding: 0 30px; word-break:keep-all;} [data-section='header01_mo'] .lnb{width: 100%; position: absolute; padding-top:10px; left: 0; display: block;} [data-section='header01_mo'] .lnb li{background-color: rgba(0, 0, 0, 0.5); width: 100%; position: relative; text-align: center; border-bottom: 1px solid rgba(255, 255, 255, 0.2);} [data-section='header01_mo'] .lnb li:last-child{border-bottom: 0;} [data-section='header01_mo'] .lnb li:hover{background-color: rgba(0, 0, 0, 1);} [data-section='header01_mo'] .lnb li i{font-size: 15px; padding: 10px; display: block; cursor:pointer; } [data-section='header01_mo'] .header_pointer{cursor:pointer;} [data-section='header01_mo'] .side_menu li{display: inline-block; padding: 0 5px;} [data-section='header01_mo'] .mo_btn,.mobile{display: none;} /* ********************************************* * * 1600px * ********************************************* */ @media screen and (max-width: 1660px){ [data-section='header01_mo'] .gnb.inner{padding: 0 80px;} } /* ********************************************* * * 1200px * ********************************************* */ @media screen and (max-width: 1200px){ [data-section='header01_mo'] .mo_btn,.mobile{display: block;} [data-section='header01_mo'] .side_menu{display: none;} [data-section='header01_mo'] .inner{height: 80px; padding-left: 30px; padding-right: 30px;} [data-section='header01_mo'] .gnb.nav>li{padding: 0;} [data-section='header01_mo'] .gnb .nav{padding-right: 0 !important;} [data-section='header01_mo'] .gnb .nav>li{display: none;} [data-section='header01_mo'] .gnb .nav>.mo_btn{display: block; padding-top: 15px; cursor: pointer; padding-right:0;} [data-section='header01_mo'] .lan_btn{width: 97px; height: 97px;} [data-section='header01_mo'] .mobile{display: block;} [data-section='header01_mo'] .mo_menu{width: 100%; position: absolute; z-index: 100; top: 79px; background-color: #fff; text-align: center; display: block; border-top: 1px solid #ddd;} [data-section='header01_mo'] .mo_menu li{background-color: #fff;} [data-section='header01_mo'] .mo_menu i{width: 100%; display: block; padding: 14px; font-size: 17px; text-transform: uppercase;} [data-section='header01_mo'] .mo_menu_inner>li>i{border-bottom: 1px solid #ddd;} [data-section='header01_mo'] .mo_sub_menu{background-color: #fff; display: block;} [data-section='header01_mo'] .mo_sub_menu i{border-bottom: 1px solid #f5f5f5; font-size: 16px;} [data-section='header01_mo'] .mo_sub_menu>li{background-color: #f5f5f5; border-bottom: 1px solid #ddd;} [data-section='header01_mo'] .mo_lan span{width: 100%; float: left; display: block !important; cursor: pointer; border-right: 1px solid #ddd;} [data-section='header01_mo'] .mo_lan span i{font-size: 16px;} [data-section='header01_mo'] .mo_lan span:last-child{border-right: 0;} [data-section='header01_mo'] .rock,.lan_btn{display: none;} [data-section='header01_mo'] .adm_btn{display: none;} }

section{ word-break: keep-all;} [data-section='hyundai_01'] .bg{height: 100vh; overflow: hidden;} [data-section='hyundai_01'] .bg img{height: 100%; width:100%; transform: scale(1); animation-name: bg; animation-duration: 3s; animation-direction: alternate; animation-iteration-count: infinite;} [data-section='hyundai_01'] .bg>div{height: 100%; width:100%;} [data-section='hyundai_01'] .bg>div>div{height: 100%; width:100%;} [data-section='hyundai_01'] .content{position: absolute; width: 100%; top: 50%; transform: translateY(-50%); z-index: 100; color: #fff; padding: 0 150px 0 130px;} [data-section='hyundai_01'] .content .txt_inner h1{font-size: 58px; text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4)} [data-section='hyundai_01'] .content .txt_inner p{font-size: 28px; text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6)} [data-section='hyundai_01'] .empoly .info{font-size: 20px; position: relative; width: 245px; cursor: pointer; display: inline-block; border-bottom: 1px solid #fff; font-weight: 300; padding-bottom: 10px;} [data-section='hyundai_01'] .empoly .info p{font-size: 22px; position: relative; top: 10px; max-width: 165px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left:20px; display: inline-block; font-weight: 400;} [data-section='hyundai_01'] .empoly .info i{width: 22px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);} [data-section='hyundai_01'] .empoly .info span{font-size: 40px; position: relative; top: 5px; font-weight: 400;} [data-section='hyundai_01'] .content>ul{display: flex; justify-content: space-between; align-items: center;} [data-section='hyundai_01'] .empoly li{padding-bottom: 16px;} [data-section='hyundai_01'] .in_slide{padding-top: 50px;} [data-section='hyundai_01'] .in_slide .arrow{text-align: center; width: 100%; opacity: 0.7; cursor: pointer;} [data-section='hyundai_01'] .in_slide .arrow:hover{opacity: 1;} [data-section='hyundai_01'] .in_slide .arrow.top{margin-bottom: 38px;} [data-section='hyundai_01'] .in_slide .arrow.bot{margin-top: 50px;} [data-section='hyundai_01'] .in_slide .arrow img{width: 36px; display: inline-block;} [data-section='hyundai_01'] .scroll{width: 70px; position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); animation-name: scroll; animation-duration: 1s; animation-direction: alternate; animation-iteration-count: infinite; z-index:9;} @keyframes scroll { from {bottom: 50px;} to {bottom: 35px;} } /* ********************************************* * * 1600px * ********************************************* */ @media screen and (max-width: 1660px){ [data-section='hyundai_01'] .content{padding: 0 20px;} } /* ********************************************* * * 1400px * ********************************************* */ @media screen and (max-width: 1440px){ [data-section='hyundai_01'] .content>ul{display: block;} [data-section='hyundai_01'] .empoly{display: flex; justify-content: center; width: 100%; align-items: center;} [data-section='hyundai_01'] .empoly li{padding-right: 40px; flex-basis:20%;} [data-section='hyundai_01'] .txt_inner{text-align: center;} [data-section='hyundai_01'] .bg{height: 800px;} [data-section='hyundai_01'] .in_slide{display: flex; align-items: center;} [data-section='hyundai_01'] .in_slide .arrow.top{margin-bottom:0; transform: rotate(-90deg);} [data-section='hyundai_01'] .in_slide .arrow.bot{margin-top:0; transform: rotate(-90deg);} [data-section='hyundai_01'] .empoly .info p{font-size: 20px;} [data-section='hyundai_01'] .empoly .info span{font-size: 35px; top: 2px;} [data-section='hyundai_01'] .empoly li:last-child{padding-right: 0;} [data-section='hyundai_01'] .in_slide .arrow{display: none;} } /* ********************************************* * * 1200px * ********************************************* */ @media screen and (max-width: 1200px){ [data-section='hyundai_01'] .empoly{flex-wrap:wrap;} [data-section='hyundai_01'] .empoly li{flex-basis:50%; width:50%; } [data-section='hyundai_01'] .empoly li:nth-child(2n-1){text-align:right;} [data-section='hyundai_01'] .empoly li:nth-child(2n-1) .info{text-align:left;} [data-section='hyundai_01'] .empoly li:nth-child(2n){text-align:left;} [data-section='hyundai_01'] .empoly li:nth-child(2){padding-right:0;} [data-section='hyundai_01'] .empoly .info{max-width:260px; width:100%; } [data-section='hyundai_01'] .content .txt_inner h1{font-size: 40px;} [data-section='hyundai_01'] .content .txt_inner p{font-size: 24px;} [data-section='hyundai_01'] .empoly .info span{font-size: 30px;} [data-section='hyundai_01'] .sub_banner .scroll{width: 50px;} } /* ********************************************* * * 680px * ********************************************* */ @media screen and (max-width: 680px){ [data-section='hyundai_01'] .content{top:55%;} [data-section='hyundai_01'] .content .txt_inner h1{line-height: 1.4; font-size: 30px; padding-bottom: 10px;} [data-section='hyundai_01'] .content .txt_inner p{font-size: 17px;} [data-section='hyundai_01'] .bg{height: 600px;} [data-section='hyundai_01'] .empoly .info p{font-size:18px; top:7px; } [data-section='hyundai_01'] .empoly .info span{font-size:26px;} [data-section='hyundai_01'] .empoly .info b{font-size:16px;} } /* ********************************************* * * 500px * ********************************************* */ @media screen and (max-width: 500px){ [data-section='hyundai_01'] .empoly li{padding-right:0; flex-basis:260px; width:260px;} [data-section='hyundai_01'] .in_slide{padding-top:0;} [data-section='hyundai_01'] .empoly .info{padding-bottom:5px;} } }

[data-section='hyundai_02']{background-color: #fff;} [data-section='hyundai_02']>ul{position:relative; z-index:5; display:flex; flex-wrap:wrap; } [data-section='hyundai_02'] .img{width:100%; height:100%} [data-section='hyundai_02']>ul>li{width: 50%;} [data-section='hyundai_02'] ul li .bg{height: 100vh; position: relative;} [data-section='hyundai_02'] ul li .bg img{width: 100%; height: 100%; object-fit: cover; object-position: center;} [data-section='hyundai_02'] .content{padding: 130px 60px;} [data-section='hyundai_02'] .main_title{font-size: 40px; font-weight: 500; line-height: 1.4; padding-bottom: 50px;} [data-section='hyundai_02'] .link_txt{padding-left: 6px;} [data-section='hyundai_02'] .link_txt li{position: relative; margin-right: 60px; display: inline-block; cursor: pointer;} [data-section='hyundai_02'] .link_txt li span{font-size: 20px; font-weight: 500;} [data-section='hyundai_02'] .link_txt li::before{content: ""; display: inline-block; width: 37px; height: 43px; background: url(HYUNDAIAUTO/_upload/section/hyundai_02/imgdeco_a.png)no-repeat; background-size: contain; position: absolute; left: -15px; top: -9px; display: none;} [data-section='hyundai_02'] .link_txt li:hover::before{display: inline-block;} [data-section='hyundai_02'] .link_txt li:hover a{font-weight: 600;} [data-section='hyundai_02'] .content .sec02_p{color: #848484; font-size: 20px; padding-left: 8px; letter-spacing: 0.5px;} [data-section='hyundai_02'] .bg_logo{position: absolute; bottom: 0; left: 7%; z-index: 2; width: 43%;} [data-section='hyundai_02'] .more_btn p{display: inline-block; color: #333; font-size: 18px;} [data-section='hyundai_02'] .more_btn i{display: inline-block; width: 24px; position: relative; top: -2px; margin-left: 14px;} [data-section='hyundai_02'] .more_btn:hover i{left: -3px;} /* ********************************************* * * 1600px * ********************************************* */ @media screen and (max-width: 1660px){ [data-section='hyundai_02'] .content{padding-left: 60px; padding-right: 60px;} } /* ********************************************* * * 1400px * ********************************************* */ @media screen and (max-width: 1440px){ [data-section='hyundai_02'] .main_title{font-size: 30px;} [data-section='hyundai_02'] ul li .bg{height: 80vh;} [data-section='hyundai_02'] .content .sec02_p{font-size: 17px;} } /* ********************************************* * * 1100px * ********************************************* */ @media screen and (max-width: 1100px){ [data-section='hyundai_02']>ul>li{width: 100%;} [data-section='hyundai_02'] ul li .bg{height: 600px;} } /* ********************************************* * * 680px * ********************************************* */ @media screen and (max-width: 680px){ [data-section='hyundai_02'] .content{padding-left: 20px; padding-right: 20px;} [data-section='hyundai_02'] .main_title{font-size: 24px;} [data-section='hyundai_02'] .link_txt li a{font-size: 18px;} [data-section='hyundai_02'] .link_txt li{margin-right: 40px;} }

[data-section='hyundai_03'] .main_title{font-size: 40px; font-weight: 600; line-height: 1.4; padding-bottom: 50px;} [data-section='hyundai_03'] .more_btn p{display: inline-block; color: #333; font-size: 18px;} [data-section='hyundai_03'] .more_btn i{display: inline-block; width: 24px; position: relative; top: -2px; margin-left: 14px;} [data-section='hyundai_03'] .more_btn:hover i{left: -3px;} [data-section='hyundai_03'] .content{padding-left: 60px; padding-top:60px; } [data-section='hyundai_03'] .video_wrap{padding: 60px; padding-right:0; overflow: hidden;} [data-section='hyundai_03'] .video_wrap>ul{display: flex; flex-wrap: nowrap; width: 100%; margin:-30px;} [data-section='hyundai_03'] .video_wrap li{width: 60%; padding:30px;} [data-section='hyundai_03'] .video_wrap img{width:100%} [data-section='hyundai_03'] .hyun03_inwrap{display:flex; justify-content:space-between; align-items: flex-end; padding-right:60px;} [data-section='hyundai_03'] .hyun03_textwrap p{line-height:1.6; font-size:18px;} [data-section='hyundai_03'] .slide_btn li {display: inline-block; vertical-align: middle; font-size: 18px; font-weight: 700;} [data-section='hyundai_03'] .slide_btn .btn{cursor: pointer;} [data-section='hyundai_03'] .slide_btn .left{padding-right: 20px;} [data-section='hyundai_03'] .slide_btn .right{padding-left: 20px;} [data-section='hyundai_03'] .slide_btn .num{color: #111111;} [data-section='hyundai_03'] .slide_btn .num.active{font-size: 20px;} [data-section='hyundai_03'] .slide_btn .num.deactive{color: #787878;} [data-section='hyundai_03'] .slide_btn .btn:hover img{background-color: #fff; border-radius: 50%;} [data-section='hyundai_03'] .content h6{font-size: 20px; font-weight: 700;} [data-section='hyundai_03'] .content .date{font-size: 20px; color: #7b7979; padding: 20px 0 50px 0; display: block;} [data-section='hyundai_03'] .content .more_btn{margin-bottom: 40px;} /* ********************************************* * * 1600px * ********************************************* */ @media screen and (max-width: 1660px){ [data-section='hyundai_03'] .content{padding-left: 60px; padding-right: 60px;} } /* ********************************************* * * 1400px * ********************************************* */ @media screen and (max-width: 1440px){ [data-section='hyundai_03'] .main_title{font-size: 30px;} [data-section='hyundai_03'] .hyun03_inwrap{flex-wrap:wrap;} [data-section='hyundai_03'] .hyun03_inwrap>ul{width:100%; padding-top:20px; padding-bottom:20px;} [data-section='hyundai_03'] .hyun03_inwrap>div{width:100%;} [data-section='hyundai_03'] .video_wrap>ul{margin:-16px;} [data-section='hyundai_03'] .video_wrap li{padding:16px;} } /* ********************************************* * * 1200px * ********************************************* */ @media screen and (max-width: 1200px){ [data-section='hyundai_03']>ul>li{width: 100%;} [data-section='hyundai_03'] .content{padding-top: 0px;} [data-section='hyundai_03'] .video_wrap{padding: 0 20px;} [data-section='hyundai_03'] .video_wrap>ul{width: 100%;} [data-section='hyundai_03'] .video_wrap li{width: 100%;} [data-section='hyundai_03'] .content{padding-left:20px; padding-right:20px;} } /* ********************************************* * * 1100px * ********************************************* */ @media screen and (max-width: 1100px){ [data-section='hyundai_03']>ul>li{width: 100%;} } /* ********************************************* * * 680px * ********************************************* */ @media screen and (max-width: 680px){ [data-section='hyundai_03'] .video_wrap{padding-left: 20px; padding-right: 20px;} [data-section='hyundai_03'] .main_title{font-size: 24px;} }

[data-section='te_text'] .content{padding: 60px;} [data-section='te_text'] div.h2{font-size: 40px; font-weight:bold;} [data-section='te_text'] div.p{font-size: 18px;} @media screen and (max-width: 1600px){ [data-section='te_text'] .content{padding-left:20px; padding-right:20px;} } @media screen and (max-width: 1100px){ [data-section='te_text'] div.h2{font-size: 32px;} } @media screen and (max-width: 690px){ [data-section='te_text'] div.p{font-size: 16px;} }

[data-section='footer01'] #footer{position:relative; width:100%; background:#242424; color:#fff; padding-bottom: 20px;} [data-section='footer01'] #footer .inr{width:1660px;} [data-section='footer01'] #footer address b{opacity:0.75; padding:0 5px 0 0; font-weight:300; font-size:14px; color:#888;} [data-section='footer01'] #footer address span{padding:0 10px 0 0;} [data-section='footer01'] #footer address span, [data-section='footer01'] #footer address i{opacity:0.75; line-height:1.8em; font-weight:200; color:#fff;} [data-section='footer01'] #footer address span.dhm{font-weight:600; color:#cb1919;} [data-section='footer01'] #footer .logo{display:inline-block; opacity:0.35; padding-top:14px; vertical-align:top;} [data-section='footer01'] #footer .logo img{height:32px; vertical-align:middle;} [data-section='footer01'] #footer .top_footer{padding:44px 0 30px; border-bottom:1px solid #323232;} [data-section='footer01'] #footer .btm_footer{padding:30px 0 50px;} [data-section='footer01'] #footer .btm_footer:after{content:''; display:block; clear:both;} [data-section='footer01'] #footer .btm_footer p{float:left; opacity:0.2; font-weight:200; font-size:14px; color:#fff;} [data-section='footer01'] #footer .link{float:right;} [data-section='footer01'] #footer .link > li{display:inline-block; margin:0 0 0 5px; border:1px solid #424242; border-radius:2px;} [data-section='footer01'] #footer .link > li:last-child{background:#3a3a3a; border:1px solid #565656;} [data-section='footer01'] #footer .link > li:last-child i{opacity:0.8;} [data-section='footer01'] #footer .link > li > i{display:inline-block; opacity:0.5; line-height:30px; padding:0 10px; font-weight:200; font-size:13px; color:#fff;} [data-section='footer01'] #footer .footer_info{display:inline-block; padding:0 0 0 40px;} [data-section='footer01'] #footer .footer_info span{padding:0 15px 0 0; font-weight:300; font-size:15px; color:#ccc; word-break:keep-all;} [data-section='footer01'] #footer .footer_info span.tel_link{display:none;} [data-section='footer01'] #footer .footer_info span > i{color:#CCC;} [data-section='footer01'] #footer .footer_info p, [data-section='footer01'] #footer .footer_info i{padding:2px 0 0; color:#CCC;} [data-section='footer01'] #footer .bd1600{width: 1600px; margin: 0 auto; max-width: 100%; min-height: 0 !important;} /* ********************************************* * * 960px * ********************************************* */ @media screen and (max-width: 960px){ [data-section='footer01'] #footer .logo img{height:25px;} [data-section='footer01'] #footer .footer_info span{padding:0 10px 0 0; font-size:12px;} [data-section='footer01'] #footer .btn_top{right:15px; width:42px; height:42px; background-size:6px;} [data-section='footer01'] #footer .btn_top.fiexd.active{bottom:20px;} [data-section='footer01'] #footer address b{padding:0 2px 0 0;} [data-section='footer01'] #footer address span.dhm{display:block; font-weight:bold; color:#ff4d4d;} [data-section='footer01'] #footer .top_footer{padding:24px 0 15px; border-bottom:1px solid #323232;} [data-section='footer01'] #footer .btm_footer p{display:block; float:none; font-size:12px;} [data-section='footer01'] #footer .btm_footer{padding:20px 0 30px;} [data-section='footer01'] #footer .link{display:block; float:none; margin-top:13px;} [data-section='footer01'] #footer .link > li{margin:0 0 0 2px;} [data-section='footer01'] #footer .link > li:first-child{margin-left:0;} [data-section='footer01'] #footer .link > li > i{padding:0 10px; font-size:11px;} [data-section='footer01'] #footer .footer_info{padding-left: 0;} [data-section='footer01'] #footer .logo{margin-bottom: 10px;} [data-section='footer01'] #footer .footer_pointer{cursor:pointer;} }