@charset "utf-8"; body {-webkit-text-size-adjust:none; } iframe {border:0;} /* common */ [class$="inr"]{width:1200px;margin:0 auto; } [class$="inr"]:after{content:'';display:block;clear:both;} .inr {width:1200px; margin:0 auto; position:relative;} .inr:after{content:'';display:block;clear:both;} .container {width:100%;margin:47px auto; position:relative; padding:40px 0 70px;} .container:after{content:'';display:block;clear:both;} .page-cont .container {padding-bottom:0} .page-img .container {padding-top:0} .img img{max-width:100%;} .bold {font-weight:bold !important; } .pc {display:block;} .mobile {display:none !important; } .mb-bl {display:none} .btn-consult .mb-bl {display:none !important} .manager {min-width:1200px !important;} .manager body {min-width:1200px !important;overflow:auto;} .manager .inr {width:auto;} .manager .container {margin-top:0;} .manager .mypage.inr {width:100%;max-width:1500px;min-width:1200px;padding:0 1rem;} .manager .navigation {display:none;} .manager .quickWrap {display:none;} .manager .mypage .leftMenu {display:inline-block !important;} .manager .mypage .mypageRight{display:inline-block !important; width:calc(100% - 180px) !important; padding-left:3.125rem !important} @media screen and (max-width:677px){ .manager .mypage .mypageRight{display:block !important; width:100% !important; padding-left:0rem !important} } .trans300{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s} .trans400{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s} .trans500{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s} @media screen and (max-width:1200px){ .inr {width:100%; padding:0 10px;} .container {width:100%; padding:50px 0 50px;} .page-img .inr {padding:0 10px;} .page-agreement .inr { padding:0 10px;} } @media screen and (max-width:1024px){ .container { padding:30px 0 50px;} } @media screen and (max-width:677px){ .inr { padding:0 0px;} .main .inr {padding:0 10px;} .page-bbs-view .inr{padding:0 10px;} .page-carList .inr, .page-detail .inr { padding:0 !important } .container {margin:0 ; padding: 0 0 0px;} .page-carList .container {padding-bottom:0px !important} } .txt_hide { position:absolute!important; top:-9999px!important; text-indent:-9999px!important;} .inline_block { display:inline-block!important;} /* mobile gnb ani */ @-webkit-keyframes fade { 0% { opacity: 0;} 100% { opacity: 1;} } @keyframes fade { 0% { opacity: 0;} 100% { opacity: 1;} } .clear {display:block; clear:both; width:100%} #skipNavigation a{display:block;width:1px;height:1px;margin:0 -1px -1px 0;font-size:0;line-height:0;overflow:hidden;} #skipNavigation a:focus{width:100%;height:auto;margin:0;padding:5px 0;text-indent:10px;line-height:1;font-weight:bold;font-size:.875rem;color:#333;} /* Layout */ .wrap{position:relative; max-width:100%; min-width:320px; margin:0 auto; padding-top:0;top:0; } /* Header */ /* .main #header { border-bottom:0; background-color:#fff; border-bottom:1px solid transparent;box-shadow:2px 2px 5px rgba(0,0,0,0.05)} .main #header h1.logo>a {background-image:url('/images/inc/logo.png')} .main #header #gnb>li>a {color:#333; } */ #header{position:absolute; top:0px; left:0;width:100%;height:90px; z-index:333; background-color:#fff; box-shadow:2px 2px 5px rgba(0,0,0,0.05)} #header h1.logo{z-index:33; position:absolute; top:22px; left:50px; width:160px; } #header h1.logo>a{ text-indent:-3333px; display:block; height:45px; background-image:url('/images/inc/logo.png'); background-repeat:no-repeat; background-position:center center ; background-size:cover; } #header .gnb_wrap{ position:relative; margin:0 auto; width:100%; height:90px; } #header .transition{z-index:30;transition: .3s ease-out; } /* GNB Wrap */ #header #gnb{margin:0 auto;position:relative; text-align:center; transition: all 0.2s ease-in; } #header #gnb:after{content: ''; display: block; clear: both;} #header #gnb>li{position:relative;display:inline-block; vertical-align:top; } #header #gnb>li>a{z-index:999;display:block;height:90px;line-height:90px; font-size:1.195rem; padding:0 30px; color:#333;font-weight:600; letter-spacing:-0.04em; transition:300ms ease-out 0ms; font-family:'NotoSans'} #header #gnb>li>a:hover:before, #header #gnb>li>a:focus:before, #header #gnb>li>a:active:before{left:50%;margin-left:-47px;width:94px;opacity:1; } #header #gnb>li.open>a, #header #gnb>li>a:hover {color:var(--txt-default);} #header #gnb>li>div{display:none;z-index:100; overflow:hidden; position:absolute; top:85px;left:50%;margin-left:-90px;width:180px;height:auto; border-radius:7px; background:#fff; box-shadow:5px 3px 15px -1px rgba(0,0,0,0.3)} /*#header #gnb>li>div:before{content:'';display:inline-block;position:absolute;top:0;left:0;width:100%;height:3px;background:var(--txt-default);opacity: 0;transform:scale(1,1);-webkit-transform: scale(1,1);-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}*/ #header #gnb>li.open>div{ display:block;z-index:999;opacity:0;transform:translateY(10px); animation:come-in 0.3s ease forwards;} @media screen and (max-width:1300px){ #header #gnb>li>a{padding:0 15px; } } @media screen and (max-width:1600px){ #header #gnb>li>a{padding:0 20px; } } @media screen and (max-width:1400px){ #header #gnb {display:none; } } @keyframes come-in{ to{transform:translateY(0);opacity:1;} } #header #gnb>li.open>div:before{opacity:1;transform:scale(1,1);-webkit-transform: scale(1,1);} #header #gnb>li>div>ul{position:relative; padding:0px 0; text-align:left; } #header #gnb>li>div>ul>li{ border-top:1px solid #f1f1f1} #header #gnb>li>div>ul>li:first-child{border-top:0;} #header #gnb>li>div>ul>li:last-child{margin-bottom:0;} #header #gnb>li>div>ul>li>a{display:block;padding:15px 20px;font-size:15px !important; line-height:1.4em; color:#333;white-space:nowrap; font-weight:500; transition:300ms ease-out 0ms} #header #gnb>li>div>ul>li>a:hover {background-color:var(--txt-default); color:#fff;} #header .util {position:absolute; top:35px; right:80px;z-index:30 } #header .util .link{display:inline-block; } #header .util .link a { display:inline-block; font-size:0.915rem; color:#222; font-weight:500; margin-left:20px; letter-spacing:-.04em; cursor:pointer; } #header .util .link a.modify {padding-left:22px; background:url('/images/inc/ico_mypage_pc.png') no-repeat left ; background-size:auto 20px; } #header .util .link a.logout {padding-left:22px; background:url('/images/inc/ico_logout_pc.png') no-repeat left ; background-size:auto 20px; } #header .util .link a:first-child {margin-left:0; } /* header.scroll */ #header.scroll {height:4.375rem; background-color:#fff; } #header.scroll h1.logo {width:130px; top:18px;} #header.scroll h1.logo a {height:37px; background-image:url('/images/inc/logo.png'); } #header.scroll #gnb>li>a {height:4.375rem; line-height:4.375rem; font-size:16px; color:#333; } #header.scroll #gnb>li>div{top:65px; } #header.scroll .util {top:27px; } #header a.go-back {display:none; } .page-detail #header a.close {display:none; } /* 전체메뉴 */ .mobile_wholeview {/*display:none; */ display:block; position:relative} .mobile_wholeview .btn_wv{position:absolute; top:8px; right:10px; z-index:334; overflow:hidden; width:50px; height:4.375rem; font-size:0; text-align:center; background-color:transparent; } .mobile_wholeview .btn_wv:before { content: "\e871";display: inline-block;text-align: center;font-family: 'Linearicons-Free';font-size: 32px;line-height:4.375rem;color: #333; } #wholeView .wvBg{position:fixed; top:0px; right:0px; z-index:999; width:100%; background:transparent; transition:background 0.4s ease-in-out 0s; -webkit-transition:background 0.4s ease-in-out 0s; transition-property:height, background; transition-duration:0s, .5s; transition-delay:0s, 0s; } #wholeView.open .wvBg{bottom:0; background:rgba(0,0,0,0.3);} #wholeView .wv_wrap{position:fixed; top:0; right:0; bottom:0; z-index:9999; width:50%;background:#fff; transition:all 0.1s; -webkit-transition:all 0.1s; -ms-transform:translate(100%, 0); -webkit-transform:translate(100%, 0); transform:translate(100%, 0); } #wholeView.open .wv_wrap{margin-left:0; z-index:3333; -ms-transform:translate(0, 0); -webkit-transform:translate(0, 0); transform:translate(0, 0); } #wholeView .wv_wrap .wv_head{position:absolute; left:0; top:0; width:100%;height:6.5rem;background:#fff; border-bottom:0px solid #e0e0e0; z-index:3333} #wholeView .wv_wrap .btn_close{position:absolute; top:25px; right:23px; z-index:30;font-size:0; overflow:hidden; width:35px; height:35px; text-align:center;background-color:transparent; } #wholeView .wv_wrap .btn_close:before {content: "\e870"; display: inline-block; text-align: center; font-family: 'Linearicons-Free'; font-size: 30px; line-height: 35px; color: #333; } #wholeView .wv_wrap .wv_home{position:absolute; top:3.125rem; left:2rem; } #wholeView .wv_wrap .wv_home a{display:inline-block;vertical-align:middle; position:relative;width:30px; height:30px;font-weight:500; vertical-align:top; background:url('/images/inc/ico_mobile_home.png') no-repeat center ; background-size: auto 35px; font-size:0} #wholeView .wv_wrap .wv_home a.modify {margin-left:35px;padding-left:25px; width:auto; height:auto; line-height:30px; margin-top:5px; background:url('/images/inc/ico_mypage.png') no-repeat left ; background-size:auto 22px; font-size:0.95rem; color:333; } #wholeView .wv_wrap .wv_home a.logout {margin-left:20px;padding-left:25px; width:auto; height:auto; line-height:30px; margin-top:5px; background:url('/images/inc/ico_logout.png') no-repeat left ; background-size:auto 22px; font-size:0.95rem; color:333;} #wholeView .wv_wrap .wv_home a.login {margin-left:20px;padding-left:25px; width:auto; height:auto; line-height:30px; margin-top:5px; background:url('/images/inc/ico_logout.png') no-repeat left ; background-size:auto 22px; font-size:0.95rem; color:333;} /* 전체메뉴 */ #wholeView .wv_wrap .nav{position:absolute; top:4.8rem; left:0; right:0; bottom:0; overflow:auto;padding:2rem 1.825rem; } #wholeView .wv_wrap .nav a{display:block; position:relative; line-height:1.2; color:#333;} /* 1차 */ #wholeView #gnb_mobile{ border-top:0px solid #dedede} #wholeView #gnb_mobile>li{border-bottom:1px solid #eee} #wholeView #gnb_mobile>li>a{position:relative; padding:2rem 0 2rem 0.425rem;font-size:1.125rem; font-weight:600; line-height:1.2; color:#333; letter-spacing:-.06em;} #wholeView #gnb_mobile>li>a:hover, #wholeView #gnb_mobile>li>a.on{position:relative; } #wholeView #gnb_mobile>li>a .unfd{display:none; } /*#wholeView #gnb_mobile>li>a:hover .unfd:before {color:var(--txt-default);}*/ /* 2차 */ #wholeView #gnb_mobile>li>ul{ margin-top:-5.7rem; padding:1.75rem 0 2rem 13rem; font-size:0; position:relative; } #wholeView #gnb_mobile>li>ul>li {display:inline-block; vertical-align:top;width:33.3%;} #wholeView #gnb_mobile>li>ul>li>a{position:relative;padding:0.525rem 0px 0.525rem 0.525rem; font-size:1rem; font-weight:500; color:#666; margin-right:1rem; letter-spacing:-.06em; } @media screen and (max-width:1400px){ /* 1차 */ #wholeView #gnb_mobile>li>a{padding:1.5rem 0 1.5rem 0.425rem;font-size:1.25rem; } /* 2차 */ #wholeView #gnb_mobile>li>ul{ margin-top:-4.5rem; padding:1.35rem 0 2rem 11rem;position:relative; z-index:5 } #wholeView #gnb_mobile>li>ul>li { width:50%;} #wholeView #gnb_mobile>li>ul>li>a{position:relative;padding:0.525rem 0px 0.525rem 0.525rem; font-size:1.05rem; font-weight:500; color:#666; margin-right:1rem; letter-spacing:-.06em; } } @media screen and (max-width:1200px){ /* 1차 */ #wholeView #gnb_mobile>li>a{ font-size:1.15rem; } /* 2차 */ #wholeView #gnb_mobile>li>ul{ padding:1.2rem 0 2rem 9rem;position:relative; z-index:5 } #wholeView #gnb_mobile>li>ul>li>a{font-size:1rem; } } /*********************************************************/ /* Footer /******************************************************* */ .main footer, .page-cont footer, .page-intro footer {margin-top:0} footer { position:relative; clear:both; width:100%; padding:3rem 0 5rem; font-size:0; font-family:'OpenSans-Regular', 'NotoSans'; background-color:#222223; } footer .inr {width:100%; padding:0 5rem; position:relative; display:flex; flex-direction: row; justify-content: space-between; } footer .info-wrap { width:100%;transition: all 0.2s ease-in;} footer .link {display:block;} footer .link li:last-child {margin-right:0;} footer .link li {display:inline-block; margin-right:28px; } footer .link li a {display:block; color:#fff; font-size:15px; font-weight:400; } footer .link li a.emp {color:#009cff} footer address {display:block;font-size:0; margin-top:1rem ; text-align:left; width:100%; } footer address span {display:inline-block; vertical-align:top; line-height:1.65rem; font-size:14px; color:rgba(255,255,255,0.5); margin-right:20px; } footer address span a {color:rgba(255,255,255,0.7)!important;} footer .copyright {display:block; margin-top:0.825rem; color:rgba(255,255,255,0.4); font-size:14px; letter-spacing:0; } footer .contact {width:230px; color:#fff; font-size:1rem;transition: all 0.2s ease-in; } footer .contact .title {font-size:0.9rem;} footer .contact .number {font-size:1.6rem; color:var(--txt-default); font-weight:bold; margin-top:1rem; letter-spacing:0.02em;font-family:'OpenSans-Regular'; } footer .contact .time {margin-top:0.65rem;font-size:0.85rem; font-weight:500; color:rgba(255,255,255,0.5); letter-spacing:0;} footer .skip_top { display:block; position:fixed; right:20px; /*bottom:140px;*/ z-index:333; transition: all 0.4s ease-in; } footer .skip_top .skip_top_btn { width:50px; height:50px; border-radius:50%; background-color:#fff; border:1px solid #ddd ; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); cursor:pointer;text-align:center;} footer .skip_top .skip_top_btn:before{ content:"\e945"; display:inline-block; margin-top:7px;font-family:'xeicon';font-size:18px; line-height:18px;color:#888;} footer .skip_top .skip_top_btn span { display:block;text-align:center; padding-top:0px; margin-top:-8px;font-size:13px;line-height:13px; color:#888; letter-spacing:0; font-family:'OpenSans-Semibold';} #lnb{display:none;} @media screen and (max-width:1200px){ #header h1.logo{width:130px; left:10px; top:18px;} #header h1.logo>a{ height:37px; } #header .btn_wv {top:0} #header #gnb>li>a{ height:4.375rem;line-height:4.375rem; font-size:16px;padding:0 20px;} #header #gnb>li>div{ top:60px; } #header #gnb>li>div>ul>li>a{ font-size:14px; } #header .gnb_wrap{ width:100%; } #header .gnb_bg{top:4.375rem;} #header, #header .gnb_wrap, #header.fixed .gnb_wrap, #header.scroll{height:4.375rem;} #header.scroll #gnb>li>a {line-height:4.375rem; } #header.scroll #gnb>li>div, #header.fixed #gnb>li>div{ top:60px; } #header .contact {top:13px; right:10px; letter-spacing:-.04em;} #header .contact dt {font-size:13px; } #header .contact dd {font-size:20px; padding-top:5px; } #header .util {position:absolute; top:25px; right:60px;z-index:30 } #header .util .link a { font-size:0.80rem; margin-left:15px; } #header .util .link a.modify, #header .util .link a.logout {background-size:16px 16px;} .mobile_wholeview .btn_wv{ top:0px; } footer .inr {padding:0 1rem;} footer .skip_top {right:0} } @media screen and (max-width:1100px){ #header #gnb>li>a{ padding:0 16px;} } @media screen and (max-width:1024px){ #header{position:absolute; } #header #gnb, #header .util {display:none; } #header .gnb_wrap {display:none; } #header .btn_wv {position:absolute} .mobile_wholeview{display:block;} .mobile_wholeview .btn_wv{position:absolute; top:0px; right:10px; overflow:hidden; width:50px; height:4.375rem; text-align:center; background-color:transparent; } .mobile_wholeview .btn_wv:before { content: "\e871";display: inline-block;text-align: center;font-family: 'Linearicons-Free';font-size: 32px;line-height:4.375rem;color: #333; } .main .mobile_wholeview .btn_wv:before {color:#000} #header.scroll .mobile_wholeview .btn_wv:before {color:#000} #wholeView .wvBg{position:fixed; top:0px; right:0px; z-index:999; width:100%; background:transparent; transition:background 0.4s ease-in-out 0s; -webkit-transition:background 0.4s ease-in-out 0s; transition-property:height, background; transition-duration:0s, .5s; transition-delay:0s, 0s; } #wholeView.open .wvBg{bottom:0; background:rgba(0,0,0,0.5);} #wholeView .wv_wrap{position:fixed; top:0; right:0; bottom:0; z-index:9999; width:60%;background:#fff; transition:all 0.1s; -webkit-transition:all 0.1s; -ms-transform:translate(100%, 0); -webkit-transform:translate(100%, 0); transform:translate(100%, 0); } #wholeView.open .wv_wrap{margin-left:0; z-index:3333; -ms-transform:translate(0, 0); -webkit-transform:translate(0, 0); transform:translate(0, 0); } #wholeView .wv_wrap .wv_head{position:absolute; left:0; top:0; width:100%;height:6.5rem;background:#fff; border-bottom:0px solid #e0e0e0; z-index:3333} #wholeView .wv_wrap .btn_close{position:absolute; top:15px; right:20px; z-index:30; overflow:hidden; width:35px; height:35px; text-align:center;background-color:transparent; } #wholeView .wv_wrap .btn_close:before {content: "\e870"; display: inline-block; text-align: center; font-family: 'Linearicons-Free'; font-size: 30px; line-height: 35px; color: #333; } #wholeView .wv_wrap .wv_home{position:absolute; top:3.125rem; left:2rem; } #wholeView .wv_wrap .wv_home a{display:inline-block;vertical-align:middle; position:relative;width:30px; height:30px;font-weight:500; vertical-align:top; background:url('/images/inc/ico_mobile_home.png') no-repeat center ; background-size: auto 30px; font-size:0} #wholeView .wv_wrap .wv_home a.modify {margin-left:30px;padding-left:20px;width:auto; height:auto; line-height:30px; margin-top:5px; background:url('/images/inc/ico_mypage.png') no-repeat left ; background-size:auto 19px; font-size:0.8rem; color:333; } #wholeView .wv_wrap .wv_home a.logout {margin-left:20px;padding-left:20px; width:auto; height:auto; line-height:30px; margin-top:5px; background:url('/images/inc/ico_logout.png') no-repeat left ; background-size:auto 19px; font-size:0.805rem; color:333;} /* 전체메뉴 */ #wholeView .wv_wrap .nav{position:absolute; top:4.8rem; left:0; right:0; bottom:0; overflow:auto;padding:2rem 1.825rem; } #wholeView .wv_wrap .nav a{display:block; position:relative; line-height:1.2; color:#333;} /* 1차 */ #wholeView #gnb_mobile{ border-top:1px solid #dedede} #wholeView #gnb_mobile>li{border-bottom:1px solid #eee} #wholeView #gnb_mobile>li>a{position:relative; padding:1.05rem 0 1.05rem 0.425rem;font-size:1.05rem; font-weight:500; line-height:1.2; color:#000; letter-spacing:-.06em;} #wholeView #gnb_mobile>li>a:hover, #wholeView #gnb_mobile>li>a.on{position:relative; } #wholeView #gnb_mobile>li>a .unfd{ display:block; position:absolute;top:50%;right:0; margin-top:-15px;width:30px; height:30px; color:#aaa; } #wholeView #gnb_mobile>li>a .unfd:before{content:"\e9c5";font-family:'xeicon'; line-height:30px; display:inline-block; text-align:center; font-size:1.125rem; color:#aaa; } #wholeView #gnb_mobile>li>a.on .unfd:before{content:"\e9c1";} /*#wholeView #gnb_mobile>li>a:hover .unfd:before {color:var(--txt-default);}*/ /* 2차 */ #wholeView #gnb_mobile>li>ul{display:none;padding:0 0 2rem 1.125rem; margin-top:0rem; } #wholeView #gnb_mobile>li>ul>li {display:block; width:100%;} #wholeView #gnb_mobile>li>ul>li>a{position:relative;padding:0.525rem 0px 0.525rem 0.525rem; font-size:0.95rem; color:#666; margin-right:0} #wholeView #gnb_mobile>li>ul>li>a:before {content:''; position:absolute; left:0; top:0.925rem; width:3px; height:3px; border-radius:6px; background-color:#666} /* footer */ footer {padding:2rem 0 ;} footer .inr {display:block; } footer .info-wrap { width:100%; text-align:center;} footer .link li a { font-size:14px; } footer address { text-align:center; margin-top:0.65rem; } footer address br {display:none; } footer address span {line-height:1.1rem; font-size:13px;} footer .copyright { font-size:13px; margin-top:0.35rem} footer .contact {display:block; width:100%; text-align:center; margin-top:0.65rem; } footer .contact .title {font-size:0.9rem; display:inline-block;} footer .contact .number { display:inline-block; font-size:1.6rem; color:var(--txt-default); font-weight:bold; margin-top:1rem; letter-spacing:0;font-family:'SpoqaHanSans'; } footer .contact .time {margin-top:0.65rem;font-size:0.85rem; font-weight:500; color:rgba(255,255,255,0.5)} footer .contact .time br {display:none; } } @media screen and (max-width:677px){ #header, #header .gnb_wrap, #header.fixed .gnb_wrap, #header.scroll{height:3.75rem; } #header{ box-shadow:none; } .main #header {background-color:#fff; } .main #header h1.logo {display:block;} .main #header a.go-back {display:none;} #header h1.logo, #header.scroll h1.logo, #header.fixed h1.logo {width:120px; top:14px;} #header h1.logo>a, #header.scroll h1.logo>a, #header.fixed h1.logo>a{ height:34px;background-image:url('/images/inc/logo_mobile.png'); } #header h1.logo {display:none;} #header a.go-back {display:inline-block; width:3.75rem; height:3.75rem; font-family:'xeicon'; text-align:center; } #header a.go-back:before {content:"\e908"; font-family:'xeicon'; display:inline-block; font-size:1.563rem;line-height:3.75rem; font-weight:500; color:#222; } .page-detail #header a.close {display:block; position:absolute; right:0; top:0; width:3.75rem; height:3.75rem; font-family:'xeicon'; text-align:center; z-index:333333; } .page-detail #header a.close:before {content:"\e921"; font-family:'xeicon'; display:inline-block; font-size:1.563rem;line-height:3.75rem; font-weight:500; color:#222;} .page-detail .mobile_wholeview .btn_wv { display:none; } .mobile_wholeview .btn_wv{ height:3.75rem; } .mobile_wholeview .btn_wv:before { line-height:3.75rem; } footer .inr {padding:0 0.3rem;} footer .skip_top {bottom:0 !important; right:0 important; } footer .skip_top .skip_top_btn { width:40px; height:40px; border-radius:0; border:0px solid #ddd ; box-shadow: none; } footer .skip_top .skip_top_btn:before{ margin-top:3px; } footer .skip_top .skip_top_btn span { margin-top:-8px;font-size:12px;} .pc {display:none !important;} .mobile {display:block !important} .pc-bl { display:none !important;} .mb-bl {display:inline-block !important;} .btn-consult .mb-bl {display:block !important} #lnb{position:relative; display:block; z-index:30; padding:0 0px; margin-top:-50px;} #lnb:after{content:''; display:block; clear:both;} #lnb>li{position:relative; display:block; width:100%; height:50px; background-color:#fff; border:1px solid #dedede; border-radius:7px; } #lnb>li a{display:block;font-size:16px; color:var(--txt-default); font-weight:bold;white-space:nowrap;} #lnb>li>a{position:relative;overflow:hidden; height:50px;line-height:48px; padding:0 40px 0 20px; background:transparent;transition:all 0.1s;} #lnb>li>a .unfd{display:inline-block;overflow:hidden;position:absolute; top:50%; right:15px; width:16px; height:16px; margin:-8px 0 0; border:0px solid #ddd; background:url('/images/icon_select.png') no-repeat 0 0; background-size:auto 100%; transition:all 0.1s; transform-origin:50% 50%;color:transparent;white-space:nowrap;} #lnb>li>a.on{color:var(--txt-default); } #lnb>li>a.on .unfd{transform:rotate(180deg); opacity:1;} #lnb>li>div{/*display:none;*/position:absolute; top:48px; left:-1px; right:-1px; z-index:50;border-radius:7px; background-color:#fff; border:1px solid #d6d6d6; overflow:hidden; } #lnb>li>div>ul{padding:10px 0; font-size:0;} #lnb>li>div>ul>li{display:inline-block; width:50%; } #lnb>li>div>ul>li>a{position:relative; padding:9px 10px 9px 18px; font-size: 0.95rem; background:#fff; color:#333; font-weight:500; line-height:1.3;transition:all 0.2s ease;} #lnb>li>div>ul>li>a:after{content:''; display:none; position:absolute; top:50%; right:12px; width:7px; height:11px; margin:-4px 0 0; background-position:-40px -100px;} #lnb>li>div>ul>li>a.on, #lnb>li>div>ul>li>a:hover, #lnb>li>div>ul>li>a:active, #lnb>li>div>ul>li>a:focus{background:#f9f9f9; color:var(--txt-default);} #lnb>li>div>ul>li>a.on:after, #lnb>li>div>ul>li>a:hover:after, #lnb>li>div>ul>li>a:active:after, #lnb>li>div>ul>li>a:focus:after{display:block;} #lnb>li>div>ul>li>ul{display:none;} } @media screen and (max-width:580px){ footer {margin-top:2rem;} footer .link {text-align:center; } footer .link li a {font-size:13px; } } @media screen and (max-width:500px){ #wholeView .wv_wrap{width:100%;} footer .link li { margin:0 5px; } footer .link li a {letter-spacing:-.07em; font-size:0.7rem } footer {padding:1.8rem 0 ;} footer address span, footer .copyright {font-size:0.7rem; } footer .contact { width:92%;margin:0.65rem auto 0;padding:0.85rem 0; background-color:rgba(255,255,255,0.15); border-radius:0.35rem;} footer .contact .title {font-size:0.8rem; } footer .contact .number {font-size:1.1rem;margin-top:0} footer .contact .time {margin-top:0.25rem;font-size:0.75rem; } .page-sangsa footer {display:none;} } @media screen and (max-width:350px){ footer .link li { margin:0 5px; } footer .link li a , footer address span footer address, footer .copyright {font-size:12px;} } /* layerpopup */ .pop-layer { display: none; position: absolute; top: 50%; left: 50%; width:700px; height:auto; border-top:0px solid var(--txt-default); background-color: #fff; z-index: 3333; } .pop-layer .pop-container { position:relative; padding:0px;} .dim-layer { display: none; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:3330 } .dim-layer .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50); } .dim-layer .pop-layer { display: block; } .pop-conts {display:block; } .pop-conts .ctit { font-weight:normal; color:#fff; background-color:#1a244c; line-height:1.6em;letter-spacing:-1.5px;padding:18px 20px 15px; font-size:18px; font-weight:500; } .joinrule {padding:10px 20px 30px; max-height:600px; overflow-y:scroll;} .joinrule h3 {margin-top:30px;font-weight:bold;font-size:16px; margin-bottom:10px;} .joinrule h3:first-child {margin-top:15px} .joinrule p {font-size:14px;} .joinrule li {position:relative;font-size:14px;} .joinrule ul, .joinrule ol {padding-bottom:10px;} .joinrule ul li {padding-left:15px; margin-bottom:5px;} .joinrule ul li:before {content:'';position:absolute;left:4px;top:7px;width:5px;height:1px;background:#555;} .joinrule p {padding-bottom:10px;} .joinrule th {line-height:1.2rem;} .pop-layer .btn-r { position:absolute; right:15px; top:20px; } .pop-layer a.btn-layerClose { display:inline-block; font-size:0} .pop-layer a.btn-layerClose:before {content:"\e921"; display:inline-block; color:#fff; font-size:25px; } @media screen and (max-width:700px){ .pop-layer { width:90%; } .pop-conts .ctit {padding:10px 12px; font-size:15px;} .pop-layer .btn-r { right:13px; top:13px; } .pop-layer a.btn-layerClose:before { font-size:20px; } .joinrule h3 {font-size:14px; } } @media screen and (max-width:500px){ .pop-layer { width:100%; } } /* 프린트 */ @media print { .noprint, .quickWrap, #header, footer, .sub-header.cardetail, .mobile_wholeview, .slideWrap .detail-headInfo .priceBox .btn-consult,.all-calc,.detail-slide-gallery-thumbs,.carOption .plusOption, .zoom-swiper-button-prev, .zoom-swiper-button-next,.swiper-pagination, .detail-quickinfo {display:none !important;} body{min-width:800px !important;} .slideWrap, .page-detail .inr {width:100% !important;} .slideWrap .detail-headInfo {top:0 !important; height:120px !important; } .slideWrap .detail-headInfo .car-title {font-size:1.5rem !important; } .slideWrap .detail-headInfo .infoWrap {width:calc(100% - 150px) !important; } .slideWrap .detail-headInfo .priceBox {width:150px !important; text-align:right !important; } .slideWrap .detail-headInfo .priceBox .price {width:100% !important;font-size:2rem !important; padding-top:30px !important; border:0px solid #ddd !important;} .slideWrap {padding-top:120px !important;} #swiper-wrapper {transform:none !important;width:100% !important;height:420px !important;} #swiper-wrapper .swiper-slide-active {display:block;width:100% !important;height:420px !important;} .swipe-detail-wrap .detail-slide-gallery-top .swiper-slide {display:none;width:100% !important;height:420px !important;} .swipe-detail-wrap .detail-slide-gallery-top {height:420px !important;border-bottom:0px solid #f00} .slideWrap .sellerInfo {height:50px !important; padding:0 0px !important; } .slideWrap .sellerInfo .info-left, .slideWrap .sellerInfo .seller-right {padding-top:12px !important;} .car-detail-inner h2.title { font-size:1.1rem !important; line-height:1.1rem !important; margin-top: 0rem !important; padding:30px 0 8px !important} .carDetail-wrap {margin-top:0.3rem !important;} .carDetail-wrap .column { margin-top:0.5rem !important; margin-bottom:0rem !important} .car-detail-inner .detail-info01 {padding:5px 20px 5px 30px !important;} .car-detail-inner .detail-info01 ul li {font-size:0.9rem !important;} .carOption ul li {margin-bottom:10px !important;} .carOption ul li figure {width:115px !important; height:115px !important; background-size:auto 3.125rem !important; } .carOption ul li figure p {font-size:0.8rem !important; margin-top:4.325rem !important;} .carDetail-wrap .dealerInfo {padding:1rem 1.5rem !important;} .carDetail-wrap .dealerInfo .profile-info { padding-left:20px !important;} .carDetail-wrap .dealerInfo .profile-info li {font-size:0.85rem !important; margin:0.35rem 0; } .carDetail-wrap .dealerInfo .profile-info li span:first-child {width:75px !important; } .carDetail-wrap .dealerInfo .profile-info li span:first-child + span {width:calc(100% - 75px) !important} }