@charset "utf-8";

body {-webkit-text-size-adjust:none;  }
/*.container iframe {border:0; margin:0; padding:0; height:0 !important; border:0px solid #f00; position:absolute; left:0 ;top: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:0px auto;  position:relative; padding:0px 0 70px;}
.container:after{content:'';display:block;clear:both;}
.page-cont .container {padding-bottom:0}
.img img{max-width:100%;}
.bold {font-weight:bold !important; }
.pc {display:block;}
.mobile {display:none !important; }
.pc-bl {display:block ;}
.mb-bl {display:none !important}
.index0 {z-index:0;}
.index1 {z-index:1;}
.index9 {z-index:9;}


.column {  position:relative; max-width:1200px;margin:0 auto; box-sizing:border-box; }
@media screen and ( max-width:1200px ) {
	.column {width:100%;}
}

.ani_left {animation-delay:.5s;animation-name:ani_left;animation-duration: .8s;animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);animation-fill-mode:backwards;}
.ani_right {animation-delay:.5s;animation-name:ani_right;animation-duration: .8s;animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);animation-fill-mode:backwards;}
.ani_up {animation-delay:.5s;animation-name:ani_up;animation-duration: .8s;animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);animation-fill-mode:backwards;}
.scale_ani {animation-delay:0;animation-name:scale_ani;animation-duration: .8s;animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);animation-fill-mode:backwards;}
.trans{-webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);-moz-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);-o-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);} 



.btn-consult .mb-bl {display:none !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 0px;}
    .container {width:100%; }
	.cont-row {padding:0 1rem;}

	.page-agreement .inr { padding:0 10px;}
}

@media screen and (max-width:1024px){
    .container { padding:30px 0 50px;}
	.page-img .container {padding-top:0}
}

@media screen and (max-width:677px){
    .inr { padding:0 0;}
	.main .inr {padding:0 10px;}
	.page-bbs-view .inr{padding:0 10px;}
	.page-carList .inr,
    .page-detail .inr { padding:0 !important } 
    .page-img .inr {padding:0 0px; }
	.page-img .row {padding:0 1.2rem}
	.container {margin:0 ; padding: 0 0 0px;}
    .cont-row {padding:0 1rem;}

}


.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; top:0; overflow-x:hidden; }



.header_wrap {position:relative; z-index:10;height:180px; box-shadow:2px 2px 5px rgba(0,0,0,0.1);background-color:#fff; -webkit-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);}
.header {position:relative;height:100%;}
.header:after {content:''; position:absolute; left:0; bottom:60px; width:100%;height:1px; border-top:1px solid #ebebeb;}
.header .column {position:relative;padding:0; width:1200px;height:100%;  margin:0 auto;}
.header .logo {position:absolute; left:.65rem; top:0; width:250px; height:120px; font-size:0; background:url('/images/inc/logo.svg') no-repeat left ; background-size:auto 60%; -webkit-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);transition:all .5s cubic-bezier(0.23, 1, 0.32, 1); z-index:3333}
.header .logo a {display:block; width:100%; height:100%;}
.header .logo a span {display:block; font-size:0;}
.header .bg {display:none;position:absolute;left:0;right:0;top:5.875rem;width:100%;height:1px;background:rgba(255,255,255,.2);}
.header .gnb_wrap {position:relative;height:100%; font-size:0;   }
.header .gnb {position:absolute; left:0; bottom:0; height:60px; width:100%; text-align:center; z-index:333; }
.header .gnb > ul {font-size:0; height:100%; display:flex; justify-content: center;}
.header .gnb > ul > li {position:relative; height:100%; font-size:0;vertical-align:middle; }
.header .gnb > ul > li:before {content:''; position:absolute; left:0; top:50%; margin-left:-2px; width:4px; height:4px; border-radius:50%; background-color:#e7e7e7; }
.header .gnb > ul > li:nth-child(1):before {display:none;}
.header .gnb > ul > li a {display:flex;justify-content: center; text-align:center; height:100%;color:#333; -webkit-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);}
.header .gnb > ul > li.onlymo {display:none;}
.header .gnb > ul > li > a > span {position:relative;height:100%; display:flex; align-items: center; padding:0 4.2rem; font-size:1.1rem;color:#333;font-weight:700;text-align:center;transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);}
.header .gnb > ul > li > a:hover > span { color:var(--color-main); }
.header .gnb > ul > li ul {position:absolute;left:50%; margin-left:-5rem; width:10rem;height:0;margin-top:5px;opacity:0;background:#fff;overflow:hidden;box-shadow:.1rem .1rem .5rem rgba(0,0,0,.1); border-radius:5px;-ms-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);}
.header .gnb > ul > li ul li {border-top:1px solid rgba(0,0,0,.05);}
.header .gnb > ul > li ul li:first-child {border:0;}
.header .gnb > ul > li ul li a {display:block;padding:0 1.5rem;line-height:3rem;font-size:.95rem;color:#333;text-align:left;}
.header .gnb > ul > li ul li a:hover {background:var(--color-main);color:#fff;}
.header .gnb > ul > li:hover ul {padding:0;min-width:5rem;height:auto;margin-top:-3px;opacity:1;}

.header .search {position:absolute; left:50%; margin-left:-12rem; width:24rem;top:2.2rem; display:flex;align-items: center; justify-content: center; }
.header .search .box { font-size:0;border:1px solid #d5d5d5;padding:.3rem .5rem; border-radius:10rem; width:100%; }
.header .search input {width:calc(100% - 2.5rem);border:0; color:#333; padding:0 1.5rem;height:2.5rem; line-height:2.5rem; font-size:1.2rem; font-weight:500; background-color:transparent; }
.header .search input:focus {border:0; box-shadow:none;}
.header .search button {width:2.5rem;height:2.5rem;padding:0;font-size:0; background-color:#4c4c4c; text-align:center; border-radius:50%;}
.header .search button:before {content: "\e97a"; font-family:'xeicon'; color:#fff; font-size:1.3rem; font-weight:normal;}

.header .contact { position:absolute; right:0; top:1.9rem; padding-left:70px; height:60px; background:url('/images/icon_call.png') no-repeat left ; background-size:auto 100%; display:flex;  flex-direction: column;  justify-content: center;}
.header .contact dt {font-size:1rem; line-height:1rem;font-weight:500; color:#666; margin-bottom:.35rem;}
.header .contact dd {font-size:1.8rem; line-height:1.85rem; font-weight:800; color:var(--color-main);}

.total_menu_wrap {display:none;position:fixed;top:0;bottom:0;right:-100%;width:85%;max-width:27rem;height:100%;padding:0; background-color:#fff;overflow:hidden;z-index:510;-webkit-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);transition:all .5s cubic-bezier(0.23, 1, 0.32, 1); z-index:333}
.total_menu_wrap.active {right:0;}
.total_menu_wrap .btn_menuclose {display:block;position:absolute;right:0;top:0;width:4.5rem;height:4.5rem;border:0;background:url('/images/inc/pop_close.png') no-repeat center center;background-size:2rem auto;z-index:103;font-size:0;line-height:0;}
.total_menu_wrap .menu_m_wrap {height:100%; box-shadow:5px 5px 30px rgba(0,0,0,0.3)}
.total_menu_wrap .menu_m_wrap .gnb {height:calc(100% - 7rem);overflow:auto;}
.total_menu_wrap .menu_m_wrap .gnb > ul {padding:1rem 1.5rem 5rem;background:#fff;}
.total_menu_wrap .menu_m_wrap .gnb > ul > li {border-bottom:.1rem solid #eaeaea;}
.total_menu_wrap .menu_m_wrap .gnb > ul > li:last-child {border-bottom:0;}
.total_menu_wrap .menu_m_wrap li {position:relative;display:block;font-size:0;text-indent:1rem;overflow:hidden;}
.total_menu_wrap .menu_m_wrap li a {display:block;}
.total_menu_wrap .menu_m_wrap li a span {position:relative;display:block;min-width:3rem;line-height:3.6rem;font-size:1.1rem;font-weight:bold;-webkit-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);}
.total_menu_wrap .menu_m_wrap li ul {padding:0 0 1.7rem 1rem;}
.total_menu_wrap .menu_m_wrap li ul li a {display:block;line-height:2.3rem;font-size:1rem;}
.total_menu_wrap .logo {padding:3rem 0 1rem;background:#fff;}
.total_menu_wrap .logo a {display: block;height:3.5rem;background: url('/images/inc/logo.svg') no-repeat 1.8rem 0;background-size: auto 80%;}
.total_menu_wrap .logo span {display:none;}
.total_menu_wrap .right_btn {padding:.5rem 2rem;}
.total_menu_wrap .right_btn .btn_go {border:0;padding:.6rem 1.5rem;background:url('/images/main/icon_arrow.png') no-repeat right center;background-size:auto 1rem;font-size:.9rem;color:#777;text-align:left;font-weight:bold;}
.total_menu_wrap .right_btn .btn_go i {display:none;}
.total_menu_wrap .right_btn .btn_go:after {display:none;}
.total_menu_wrap .service_btn {padding:1rem 2rem;background:#edf0f2;}
.total_menu_wrap .service_btn button {margin-bottom:.3rem;border:0;padding:0 1rem;background-color:transparent;font-weight:bold;font-size:1rem;line-height:2.75rem;}
.total_menu_wrap .util {position:relative;  padding:1rem 0 1rem 2.1rem; }
.total_menu_wrap .util .link a { display:inline-block; font-size:0.915rem; color:#222; font-weight:500; margin-left:20px; letter-spacing:-.04em; cursor:pointer;padding-left:22px;background-size:auto 20px; background-repeat:no-repeat; background-position:left ;}
.total_menu_wrap .util .link a.mb { background-image:url('/images/inc/ico_mypage.png'); }
.total_menu_wrap .util .link a.log { background-image:url('/images/inc/ico_key.png'); }
.total_menu_wrap .util .link a.mycar { background-image:url('/images/inc/ico_car.png'); }
.total_menu_wrap .util .link a:first-child {margin-left:0; }

.mobile_menu {display:none; }

/* ·Î±×ÀÎ ÈÄ*/
.header_wrap.loginafter .header .gnb > ul > li {width:16.66%;}

.btn_totalmenu {display:none; position:absolute;right:0;top:0;width:3.75rem;height:3.75rem;font-size:0; cursor:pointer; -webkit-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1); -ms-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);}
.btn_totalmenu:before {content: "\e871";display: inline-block;text-align: center;font-family: 'Linearicons-Free'; font-size: 2rem;line-height:3.75rem;color: #333; }
.page-detail .btn_totalmenu {display:none;}
.header_mo {display:none;}
.btn_back, .btn_winclose {position:absolute;left:0;top:0;width:3.5rem;height:3.5rem;font-size:0 !important;}
.btn_back {background:url('/images/btn_back.png') no-repeat center center;background-size:auto 2rem;}
.btn_winclose {left:auto;right:0;background:url('/images/btn_close.png') no-repeat center center;background-size:auto 1.5rem;}

a.go-back {display:none; }
.page-detail a.close {display:none; }
.mb-title {display:none;}

@media screen and ( max-width:1200px ) {	
    .header .column {position:relative;padding:0; width:100%; margin:0 auto;}
	.header .gnb > ul > li > a > span {padding:0 3rem;font-size:1.05rem;}
	.header .logo {left:.65rem;}
}

@media screen and ( max-width:1024px ) {
    .header_wrap { height:60px;  }
	.header_wrap .column {padding:0;}
    .header .logo {display:none;}

	 .main .header .logo {display:block; height:60px; background-size:auto 75%;}
	 .header .search,
	 .header .contact {display:none;}
   
	.header .cont {padding:0 0 0 1rem;}
	.header .right_btn, .header .bg {display:none;}
	.header .gnb_wrap .gnb, .header.scroll {display:none;}
	
    .header .gnb > ul > li > a > span { line-height:60px;}

	.header_mo {display:block;}
	.main a.go-back {display:none;}
	a.go-back {display:block; position:absolute; left:0; top:0; width:3.75rem; height:3.75rem; font-family:'xeicon'; text-align:center; z-index:33; border:0px solid #f00 }
	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;  }
	.mb-title { display:block; text-align:center;width:calc(100% - 7.5rem); position:absolute; top:21px; left:3.75rem; z-index:33; font-size:1.1rem; line-height:1.125rem; font-weight:700 }
    
	.btn_totalmenu {display:block;}
	.total_menu_wrap.active .btn_totalmenu {display:none;}
	.menu_m_wrap .search,
	.menu_m_wrap .contact{display:none;}
    
	.header .util {display:none;}
	.total_menu_wrap .util { display:block; }
}
@media screen and ( max-width:677px ) {
	.header_wrap {box-shadow:none; }
	.page-detail .header_wrap {height:0;}
	.main .header_wrap {height:117px;}
	.main .header:after {display:none;}
	.main .mobile_menu {display:block;}
	.mobile_menu { display: none;background-color: #fff; position: absolute;left: 0;width: 100%;  top: 3.75rem; z-index: 333 }
	.mobile_menu ul {display: flex; justify-content: space-between;align-items: center;justify-content: center; }
	.mobile_menu li { width: 50%; position: relative; }
	.mobile_menu li:before { content: '';  position: absolute;left: -2.5px; top: 50%; margin-top: -2.5px;width: 5px; height: 5px; border-radius: 50%; background-color: #ddd; }
	.mobile_menu li:nth-child(1):before { display: none; }
	.mobile_menu li a {  display: flex;  justify-content: center; height: 3.5rem; font-size: 1.075rem; align-items: center; justify-content: center; font-weight: 600; color: #333; }
}


/*********************************************************/
/*                     Footer
/******************************************************* */
.main footer { margin-top:0}
footer { position:relative; clear:both;  width:100%; padding:2rem 0 5rem; font-size:0; background-color:#fff; border-top:1px solid #ecedf2 }
footer .column {  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:#333;font-weight:500; letter-spacing:-.06em; }
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.5rem;  font-size:.925rem; color:#666; margin-right:1.85rem; }
footer address span a {color:#666; font-size:inherit;}
footer .copyright {display:block; margin-top:0.825rem; color:#999; font-size:14px; letter-spacing:0; }

footer .contact {width:300px; color:#333; font-size:1rem;transition: all 0.2s ease-in; }
footer .contact .title {font-size:1rem; font-weight:500;}
footer .contact .number {font-size:1.75rem; line-height:1.8rem; color:var(--color-main); font-weight:500; margin-top:1rem;  }
footer .contact .time {margin-top:0.65rem;font-size:0.85rem; font-weight:500;   letter-spacing:0; font-weight:400; color:#888}
footer .contact a{color:var(--color-main)}
footer .log {position:absolute; right:0; top:.65rem; display:flex; align-items: center; gap:.5rem; }
footer .log a { display:flex; align-items: center;padding:0 1.1rem;height:2.125rem;font-size:.915rem; color:#555; font-weight:500; border-radius:5rem; background-color:#f4f4f4; }

/* footer */
.footer_wrap {clear:both;position:relative;height:70px; display:none; }
.footer_wrap .footer {position:fixed;left:0;bottom:0;right:0;height:70px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.15);font-size:0;z-index:100;}
.footer_wrap ul {display:table;width:100%;font-size:0;}
.footer_wrap li {display:table-cell;position:relative;  width:20%; opacity:1;  padding-top:.785rem;text-align:center;font-size:10px; color:rgba(0,0,0,0.6); letter-spacing:-.06em;line-height:1.15; }
.footer_wrap li.active,
.footer_wrap li.on{color:rgba(0,0,0,1);}
.footer_wrap li span {display:inline-block;width:30px;height:30px;background-size:100% auto !important;background-position:center center;background-repeat:no-repeat; opacity:0.5; }
.footer_wrap li.active span,
.footer_wrap li.on span{opacity:1}
.footer_wrap li.home span {background-image:url('/images/footer_ico1.png');}
.footer_wrap li.search span {position:absolute; top:-7px; left:50%; margin-left:-23px;  background-color:var(--color-main); width:46px; height:46px; border-radius:50%; opacity:1!important; background-image:url('/images/ico_search_mobile_w.png'); background-size:auto 26px !important; box-shadow:3px 3px 6px rgba(0,0,0,0.08)}
.footer_wrap li.consult span {background-image:url('/images/footer_ico3.png');}
.footer_wrap li.coop span {background-image:url('/images/footer_ico4.png');}
.footer_wrap li.my span {background-image:url('/images/footer_ico5.png');}

   .q-wrap {display:none; }

@media screen and (max-width:1200px){
    footer .column {padding:0 1rem;}
}



@media screen and (max-width:1024px){

   /* footer */
	footer {padding:2rem 0 ;}
	footer .column {display:block; }
	footer .info-wrap { width:100%; text-align:center;}
	footer .link li a { font-size:14px;  letter-spacing:-.06em; }


	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(--color-main); font-weight:bold; margin-top:1rem; letter-spacing:0; }
	footer .contact .time {margin-top:0.65rem;font-size:0.85rem; font-weight:500; }
	footer .contact .time br {display:none; }
	footer .log {display:none;}

}

@media screen and (max-width:677px){
   .wrap {overflow-x:hidden; }
	 
	 .page-login .mb-title {display:none !important;}
     .page-detail .header_mo a.close {display:block; position:absolute; right:0; top:0; width:3.75rem; height:3.75rem; font-family:'xeicon'; text-align:center; z-index:10;  }
	 .page-detail .header_mo 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; }

   footer {display:none;}
   .main footer {display:block;  }
   footer .column {padding:0 0.3rem;}
   footer .skip_top {bottom:0 !important; right:0 important; }
  

    .q-wrap {display:none; }
	.quick_btn {position:fixed; right:5px; bottom:5px; z-index:99999; display:flex; flex-direction: column; justify-content: center; gap:0.3rem; transition: all 0.2s ease-in; }
	.quick_btn a {width:50px; height:50px; border-radius:50%; background-size:auto 21px; text-align:center; background-repeat:no-repeat; background-position:center center; box-shadow:8px 8px 20px rgba(0,0,0,0.2);transition: all 0.2s ease-in; }
	.quick_btn a:before  {content:""; font-family:'xeicon';height:100%; color:#fff; font-size:1.35rem;display:flex; justify-content: center; align-items: center;}
	.quick_btn a.kakao {background-color:#ffde00; background-image:url('/images/ico_kakao.png') }
	/*.quick_btn a.kakao:before {content:"\ebee";color:#000; font-size:1.5rem; font-weight:normal;}*/
	.quick_btn a.call {background-color:var(--color-orange); }
	.quick_btn a.call:before {content:"\e9d3"; }
	.quick_btn a.youtube {background-color:var(--color-red); }
	.quick_btn a.youtube:before {content:"\ec32"; }
	.quick_btn a.fb {background-color:#2863c4; }
	.quick_btn a.fb:before {content: "\ebd3";}

	.page-detail .quick_btn {display:none}


  /* .main .footer_wrap {display:block;} */


   .pc-bl {display:none !important;}
   .mb-bl {display:block !important}

   
}



@media screen and (max-width:580px){


 footer .link li:first-child {display:none; }
 footer .link li a {font-size:13px; }
}

@media screen and (max-width:500px){

	footer .link li { margin:0 10px; }
	footer .link li a {letter-spacing:-.07em; font-size:0.8rem }

	footer {padding:1.8rem 0 ;}
	footer address span,
	footer .copyright {font-size:0.8rem; }
    footer .contact { width:92%;margin:0 auto 0;padding:0.85rem 0 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.2rem;margin-top:0}
	footer .contact .number  a {color:var(--color-main)}
	footer .contact .time {margin-top:0.25rem;font-size:0.75rem;  }
}

@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;}
}



/* =========================================================================================================
	popup
========================================================================================================= */
.block_ui {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:50;-webkit-transition:all .4s;-ms-transition:all .4s;transition:all .4s;}

.modal_popup {display:none;position:fixed;left:50%;top:50%;width:100%;max-width:90%;max-height:90%;height:auto;transform:translate(-50%,-50%);background:#fff;z-index:99999;overflow:hidden;-webkit-overflow-scrolling:touch;-webkit-transition:all .2s;-ms-transition:all .2s;transition:all .2s;}
.modal_popup .pop_header {position:relative;height:3.5rem;background:#fff;text-align:center;}
.modal_popup .pop_header span {display:inline-block;color:#333;font-size:1rem;line-height:3.5rem;vertical-align:middle;word-break:keep-all;}
.modal_popup .pop_header .btn_popclose {position:absolute;top:0;right:0;width:3.5rem;height:3.5rem;background:transparent;padding:0;font-size:0;line-height:0;text-indent:-999px;z-index:2;}
.modal_popup .pop_header .btn_popclose:before {content:'';position:absolute;left:.7rem;top:.7rem;width:2rem;height:2rem;background:#999;border-radius:50%;z-index:1;}
.modal_popup .pop_header .btn_popclose:after {content:'';position:absolute;left:.7rem;top:.7rem;width:2rem;height:2rem;background:url('/images/btn_close_w.png') center no-repeat;background-size:auto 1rem;z-index:2;}
.modal_popup .pop_cont {height:calc(100% - 3.5rem);padding:1.5rem;overflow:auto;}
.modal_popup .button_group {border-top:1px solid #eee;color:#d32f2f;}
.modal_popup .button_group button {display:inline-block;width:50%;height:53px;background:#fff;color:#0e3ecd;line-height:42px;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;white-space:nowrap;}
.modal_popup .button_group button:last-child {/*background:#888;*/color:#555;}
.modal_popup .button_group button:nth-child(2) {border-left:1px solid #eee;}

.modal_popup.iframe .pop_cont {padding:0;font-size:0;}
.modal_popup.iframe .pop_cont iframe {border:0;padding:0;margin:0;}

.modal_popup.active {margin-top:-3rem;}

@media screen and ( max-width:700px ) {
	.modal_popup.active {margin-top:0;}
}

/* =========================================================================================================
	animation
========================================================================================================= */
@keyframes slideUp {
  0% {margin-top:140px;opacity:0;}
  100% {margin-top:0px;opacity:1;}
}
@keyframes slideUp2 {
  0% {margin-top:160px;opacity:0;}
  100% {margin-top:0px;opacity:1;}
}

@keyframes navi_fade {
  0% {opacity:0;}
  100% {opacity:1; }
}
@keyframes scale_ani {
    0% {opacity:1;transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);}
	100% {opacity:0;transform:scale(3.5);-webkit-transform:scale(3.5);-ms-transform:scale(3.5);-moz-transform:scale(3.5);}
}
@keyframes text_ani {
    from {margin-left:0;opacity:1;}
	20% {margin-left:7px;opacity:0;}
	to {margin-left:0;opacity:1;}
}
@keyframes ani_left {
    0% {opacity:0;transform:translateX(-70px);-webkit-transform:translateX(-70px);-moz-transform:translateX(-70px);-ms-transform:translateX(-70px);}
	100% {transform:translateX(0);opacity:1;}
}
@keyframes ani_right {
	0% {opacity:0;transform:translateX(70px);-webkit-transform:translateX(70px);-moz-transform:translateX(70px);-ms-transform:translateX(70px);}
	100% {opacity:1;transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);}
}
@keyframes ani_up {
    0% {opacity:0;transform:translateY(70px);-webkit-transform:translateY(70px);-moz-transform:translateY(70px);-ms-transform:translateY(70px);}
	100% {opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);}
}
@keyframes ani_down {
    0% {opacity:0;transform:translateY(-70px);-webkit-transform:translateY(-70px);-moz-transform:translateY(-70px);-ms-transform:translateY(-70px);}
	100% {opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);}
}
@keyframes ani_bgsize {
    0% {background-size:140% auto;}
	99% {background-size:100% auto;}
	100% {background-size:cover;}
}
@media screen and ( max-width:2000px ) {	
	@keyframes ani_bgsize {
		0% {background-size:auto 140%;}
		99% {background-size:auto 100%;}
		100% {background-size:cover;}
	}
}


/* ÇÁ¸°Æ® */
@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;}
	.header_wrap,
	.sns_wrap {display:none !important;}
	.slideWrap,	.page-detail .column {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}

}