@charset "utf-8";

*,
*:after,
*:before {	margin: 0;	padding: 0;	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;	box-sizing: border-box; }

:root {
	--column-padd: 0rem;
	--txt-black: #333;
	--txt-red: #f72e41;
	--txt-violet: #533df7;
	--txt-dark-grey: #222;
	--txt-grey: #666;
	--txt-light-grey: #999;
	--txt-orange:#fc6500;
	--txt-default:#2faaff;
	--txt-light-blue:#3a6ce9;
	--txt-sky-blue:#58b1fc;
	--radius-default:7px;
	--radius-round:20rem;
}


body,p,div,span,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,label{margin:0; padding:0;line-height:1.3;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;font-family:'pretendard','sans-serif', 'xeicon', 'Malgun Gothic' ,'¸¼Àº °íµñ', 'µ¸¿ò', Dotum, '±¼¸²', Gulim, Sans-serif; }
body, html {font-size:1rem;line-height:1.5;-webkit-text-size-adjust:none; letter-spacing:-.04em;}


body{font-size:14px;word-break:keep-all; overflow-x:hidden; line-height:1.3em;top:0; }
h1,h2,h3,h4,h5,h6,input,textarea,button,select,table{font-size:15px;}
select:focus {box-shadow:none;}
img, fieldset, button{border:0;}
textarea{overflow:auto;}
input[type=submit],
input[type=button],
button{cursor:pointer; background-color:transparent}
img{vertical-align:top;}
address, em{font-style:normal;}
pre{white-space:pre-wrap;}
table{border-spacing:0; border-collapse:collapse;table-layout:fixed;}
table,th,td{border:none;}
caption{overflow:hidden; line-height:0; text-indent:-2000em;}
legend, .hidden{overflow:hidden; position:absolute; top:0; left:-2000em; line-height:0;}
strong {font-weight:bold;}
.clear {clear:both; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

/* ¸µÅ© ±âº»°ª */
a:link{text-decoration:none; color:#444;}
a:visited{text-decoration:none; color:#444;}
a:hover{text-decoration:none; color:#444;}
a:active{text-decoration:none;}
a:focus{text-decoration:none;}

a {transition: all 0.2s ease-in;}
/* ¸®½ºÆ® ½ºÅ¸ÀÏ Á¦°Å */
ul,ol,li{list-style:none;}
i {font-style:normal}

/* ½ºÅ©·Ñ¹Ù */
::-webkit-scrollbar { background: transparent;width: 6px;height:6px; }
::-webkit-scrollbar-track { background: #e5eaf4; }
::-webkit-scrollbar-thumb { background:var(--txt-default); opacity:1 !important;   }
::-webkit-scrollbar-button { display: none; }

::selection { background: #4c94ff; color: #fff; text-shadow: none; }

input[type="text"], input[type="password"], select, textarea {border:1px solid #dedede;border-radius:.25rem; background-color:#fff; color:#555; transition: all 0.2s ease-in;}
/*input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus {border-color:var(--txt-default); box-shadow:2px 2px 5px rgba(35,140,245,0.1)}*/


fieldset {position:relative;padding:0;border:0;}
input[type="text"], input[type="password"] {padding-left:.5rem; padding-right:.5rem; width:100%;}
input[type=submit] {-webkit-border-radius:0;border:0;border-radius:0;}
textarea {width:100%;resize:none;padding:.5rem;border:1px solid #d0d3da; background-color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#222;font-size:1rem;line-height:1.1rem ;}
select {position:relative;-webkit-appearance:none;appearance:none;height:2.8rem;padding:0 1.5rem 0 .5rem;border:1px solid #d0d3da; background-image:url('/images/icon_select.png');background-repeat:no-repeat;background-position:calc(100% - .5rem) center;background-size:auto .7rem;background-color:#fff;font-size:1rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;}
select::-ms-expand{display: none;}
select[disabled] {color:#ccc;}

input:-webkit-autofill { -webkit-text-fill-color: #000; } 
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s;}
input[placeholder] {  color:#ccc; }
input::placeholder {color:#ccc;}
input:-ms-input-placeholder {color:#ccc;}
input::-webkit-input-placeholder {color:#ccc;font-size:1rem; }
input::-moz-placeholder {color:#ccc;}

textarea:-ms-input-placeholder {color:#accc; }
textarea::-webkit-input-placeholder {color:#ccc;}
textarea::-moz-placeholder {color:#ccc;}
textarea::placeholder {color:#ccc;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} /* HTML5 display-role reset for older browsers */
h1, h2, h3, h4, h5, h6, input, textarea, button, select, table {font-size:15px;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
img, fieldset, button {border:0;}
textarea {overflow:auto;}
input [type=submit], input[type=button], button {cursor:pointer; }
img {vertical-align:top;}
address, em {font-style:normal;}
pre {white-space:pre-wrap;}
table {border-spacing:0; border-collapse:collapse;table-layout:fixed;}
table, th, td {border:none;}
caption {overflow:hidden; line-height:0; text-indent:-2000em;}
legend, .hidden {overflow:hidden; position:absolute; top:0; left:-2000em; line-height:0;}
strong {font-weight:bold;}
input, select, textarea, button {outline: 0;display: inline-block;vertical-align: middle;    appearance: none; outline-width: 0; vertical-align: middle;transition: all 0.2s ease-in;background-color:transparent; border:0; -webkit-appearance: none;-moz-appearance: none;letter-spacing:-.5px;}

@media screen and (max-width:767px){
	input, select, textarea, button {font-size:14px; }
}


input[type=checkbox], input[type=radio] {position:absolute;	opacity:0;-webkit-opacity:0;-moz-opacity:0;	z-index:0;}
input[type=checkbox] + label {position:relative;display:inline-block;min-height:1rem;margin:0;padding:0 1rem 0 1.375rem;box-sizing:border-box;background:none;border:0;line-height:2.5rem;color:#111;font-style:normal;word-break:keep-all;vertical-align:middle;cursor:pointer;}
input[type=checkbox] + label:before {display: block;content: "";position: absolute;left: 0;top:50%;width:1.1rem;height:1.1rem;background-color:#fff;border:1px solid #ccc;border-radius:3px;transform:translateY(-50%);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; transition: all 0.2s ease-in; }
input[type=checkbox] + label:after {content:'';display:none;position:absolute;top:50%;left:.4rem;width:.4rem;height:.8rem;margin:-.5rem 0 0 0;border-color:#fff;border-style:solid;border-width:0 2px 2px 0 !important;transform:rotate(45deg);}
input[type=checkbox]:checked + label {background:none;}
input[type=checkbox]:checked + label:before {border:1px solid var(--txt-default);background-color:var(--txt-default);transform:translateY(-50%);box-shadow:0 3px 8px -3px var(--txt-default);}
input[type=checkbox]:checked + label:after {display:block;}

input[type=radio] + label {position:relative;display:inline-block;margin:0;padding:0 1rem 0 1.35rem;box-sizing:border-box;border:0;background:none;letter-spacing:-1px; font-size:13px;line-height:28px;color:#111;vertical-align:middle;cursor:pointer;}
input[type=radio] + label:after {display: block;content: "";position: absolute;left: 0;top:50%;width:1.1rem;height:1.1rem;background-color:#fff;border:1px solid #ced5e0;border-radius:50%;transform:translateY(-50%);transition: border 0.2s ease-in;box-sizing:border-box;-webkit-box-sizing:border-box;;-moz-box-sizing:border-box;}
input[type=radio]:checked + label {background:none;}
input[type=radio]:checked + label:after {border:5px solid var(--txt-default);box-shadow:0 3px 8px -3px var(--txt-default);}

.input_item input {background-color:transparent !important;border:0; padding-left:1.2rem; color:#000; font-size:1.125rem; font-weight:bold;}
.input_item.id:after, .input_item.pw:after, .input_item.title:after{position:absolute;top:1.063rem;right:1.063rem;clear:both;display:inline-block;content:"";width:1.5rem;height:1.5rem; font-size:1.25rem; color:#aaa;z-index:9;}
.input_item.id:after{content:"\e9f5"; }
.input_item.pw:after{ content:"\e966";}
.input_item input[type=text] + label, .input_item input[type=password] + label {position:absolute;top:50%;left:.7rem;padding:0 0.65rem;margin-top:-.9rem;font-size:0.9rem;color:#999;  z-index:-1; -webkit-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;}
.input_item label.filled, .input_item input:focus + label  {top:.3rem !important;background:#fff !important;font-size:0.75rem !important;z-index:5 !important; border-radius:1rem;  border:0px solid #f00}
.input_item input:-webkit-autofill {-webkit-text-fill-color:#000;} 
.input_item input:-webkit-autofill, .input_item input:-webkit-autofill:hover, .input_item input:-webkit-autofill:focus, .input_item input:-webkit-autofill:active {transition:background-color 5000s ease-in-out 0s; background:transparent !important}
.input_item input:-webkit-autofill + label {top:.4rem !important;  font-size:0.75rem !important; z-index:1 !important;}

.btn-top span, .btn-delete span {display:none;}
.btn-mini {display:inline-block;padding:0 .45rem;background-color:#eff9ff; border-radius:3.125rem;color:var(--txt-default); font-weight:500; font-size:13px;line-height:1.3rem;letter-spacing:-1px;}
.btn-toggle {clear:both;display:block;width:100%;height:2.5rem;line-height:2.5rem;font-size:.8rem;color:#999; font-weight:500; background-color:#f7f7f7;text-align:center; border:1px dashed #ccc}
.btn-toggle::after {content:'º¸±â'; font-size:0; display:inline-block;padding:0 1.3rem 0 0.3rem;background-image:url('/images/icon_select.png'); background-repeat:no-repeat; background-position:right 0.65rem; background-size:1rem auto;}
.btn-toggle.open::after {content:'Á¢±â'; font-size:0;background-image:url('/images/icon_select_up.png');}
.btn-toggle.whtie {height:4rem;border-top:1px solid #eee;background-color:transparent;line-height:1.5rem;}
.btn-toggle.whtie::after {content:'' !important;display:block;height:1rem;background-position:center center;}
.btn-write {position:fixed;bottom:1.5rem;right:1rem;z-index:100;display:inline-block;width:3.125rem;height:3.125rem;background:url('/images/icon_write.png') center center no-repeat #ff1c1c;background-size:auto 40px;box-shadow:3px 3px 10px rgba(245,6,0,.15);border-radius:50%;font-size:0;text-align:center;box-sizing:border-box;}

button[disabled] {opacity:.3;background-color:rgba(0,0,0,.2) !important;color:#fff !important;border:0 !important;}
button[disabled]:hover {background-color:#ccc !important;color:#fff !important;}
button.btn {display:inline-block; vertical-align:top; margin-left:5px;  height:28px; line-height:26px;border:1px solid transparent; border-radius:5px; font-size:0.8rem;padding:0 0.65rem; color:#333; font-family:'Spoqa Han Sans'}
button.btn:first-child {margin-left:0; }
button.btn.delete {background-color:#555; color:#fff;}
button.btn.upload {background-color:var(--txt-default); color:#fff; padding:0 1rem;}

.button {position:relative;display:inline-block;height:3.2rem;border:0;border-radius:.25rem;padding:0 4rem;background-color:var(--txt-default);background-repeat:no-repeat;background-position:center;color:#fff;font-size:1rem;letter-spacing:-.04rem;line-height:1;text-align:center;cursor:pointer;vertical-align:middle;}
.button:hover {background-color:#222;}
.button.arrow {width:15rem;text-align:left;}
.button.arrow:after {content:'';position:absolute;top:50%;right:1rem;width:.5rem;height:.5rem;margin-top:-.25rem;border-color:#fff;border-style:solid;border-width:0 1px 1px 0 !important;transform:rotate(-45deg);}
.button.line {border:1px solid #555;background-color:#fff;font-weight:bold;color:#161616;}
.button.border {border:1px solid #9799a0;background-color:transparent;color:#9799a0;}
.button.gray {background-color:#999;}
.button.black {background-color:#161616;}
.button.big {height:4rem;font-size:1.1rem;}
.button.link {min-width:5rem;height:auto;padding:.3rem .5rem;border:0;border-bottom:1px solid #999;background-color:transparent;color:#161616;font-weight:bold;}
.button.del {min-width:2.3rem;height:2.3rem;padding:0;border:0;background-image:url('/images/sub/icon_reload.png');background-size:auto 2rem;color:#161616;font-size:0;}
.button.red {background-color:#ec2000;}
.button.icon {padding:0 !important;background-color:transparent !important;font-size:0;}
.button.text {position:relative;height:2.5rem;padding:0 !important;background-color:transparent;color:#333;font-size:.95rem;letter-spacing:-.5px;}
.button.text:after {content:'';position:absolute;left:0;right:0;bottom:5%;height:1px;background:#777;}
.btn_more {width:auto;padding:0 1.2rem 0 0;border:0;background-color:transparent;font-size:1rem;color:#555;}
.btn_more:before {content:'';position:absolute;right:0;top:.5rem;width:.7rem;height:1px;background-color:#555;transform:rotate(90deg);vertical-align:middle;}
.btn_more:after {content:'';position:absolute;right:0;top:.5rem;width:.7rem;height:1px;background-color:#555;vertical-align:middle;}
.btn_go {min-width:auto;padding:0;border:0;background-color:transparent;font-size:.9rem;color:#161616;font-weight:bold;}
.btn_go:after {content:'';display:inline-block;width:1.5rem;height:.9rem;background-image:url(/images/main/icon_arrow.png) no-repeat center;background-size:auto 1.3rem;vertical-align:middle;}

@media screen and ( max-width:900px ) {	
	.btn_more {font-size:.85rem;}
}


.button_group {display:flex;padding:1.5rem 0;text-align:center;}
.button_group .button {flex:1;font-size:1.1rem;}
.button_group_temp {background-color:#fff;box-sizing:border-box;padding:0.625rem;margin-bottom:0}
.button_group_temp .button {display:inline-block;width:100%;height:2.375rem;line-height:2.375rem;font-size:1rem;font-weight:600;border:0;border-radius:4px;padding:0;visibility:hidden;}

.button_group.col2 button {width:49.5%;}
.button_group.search-col2 button {width:30%;margin:0;border-radius:0;}
.button_group.search-col2 .color-red {width:calc(70% - 2px);height:3.5rem;border-radius:0;line-height:3.5rem;}
.button_group button .deal_count {background:rgba(255,255,255,.8);color:#e8193c;line-height:23px;}
.button_group.col2-square button {width:50%;height:3.2rem;margin:0;border-radius:0;line-height:3.2rem;}

@media screen and ( max-width:900px ) {
	.button_group {display:flex;}
	.button_group .button {flex:1;height:3.8rem;}
}

.row.button_group {padding:0}
.row.button_group_temp {padding:0}

.button_group_fixed {clear:both;position:relative;height:7.6rem;z-index:10;}
.button_group_fixed .button_group {position:fixed;display:block;bottom:0;left:0;width:100%;height:5.5rem;z-index:10;}
.button_group_fixed.padd0 {height:4.5rem;}
.button_group_fixed.padd0 .button_group {height:3.5rem;padding:0;}
.button_group_fixed.padd0 .button_group button {border-radius:0;}


.fl-left {float:left !important;}
.fl-right {float:right !important;}

.text-center {text-align:center }
.text-left{text-align:left !important }
.text-right{text-align:right !important }



/* common */
[class$="inr"]{width:1300px;margin:0 auto; }
[class$="inr"]:after{content:'';display:block;clear:both;}
.inr {width:1300px; margin:0 auto;  position:relative;}
.inr:after{content:'';display:block;clear:both;}

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


.container {width:100%;margin:0px auto;  position:relative; padding:3.125rem 0 3rem}
.container:after{content:'';display:block;clear:both;}

@media screen and (max-width:1024px){
	.container {padding-top:1rem;}
	.page-carList .container {padding-bottom:0px !important; padding-top:5rem !important;}
}



.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}




.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);} 




/*******************************************************************
						Layout
********************************************************************* */

.wrap{position:relative; max-width:100%; min-width:320px;  margin:0 auto; top:0;  }

/* °ü¸®ÀÚ */
.manager {min-width:1300px !important;}
.manager body {min-width:1300px !important;overflow:auto;}
.manager .column  {width:auto;}
.manager .container {margin-top:0;}
.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}
}

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


.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:1300px){
	.inr {width:100%; padding:0 0px;}
	.cont-row {padding:0 1rem;}

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



@media screen and (max-width:677px){
	.page-bbs-view .inr{padding:0 10px;}
	.page-img .row {padding:0 12}
	.manager .mypage .mypageRight{display:block !important; width:100% !important; padding-left:0rem !important}
    .cont-row {padding:0 0;}

}


.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 */
header {position:relative;z-index:32;border-bottom:1px solid #ddd; background-color:#fff;}
header:before {content:'';position:absolute;left:0;right:0;top:7rem;height:1px;background:#dedede;}
header h1.logo {z-index:33; width:15rem;height:7rem; }
header h1.logo > a  { text-indent:-3333px; display:block; height:100%; background-image:url('/images/inc/logo.png?ver=2'); background-repeat:no-repeat; background-position:left center ; }
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;font-size:0;  width:100%; }
header .gnb {position:relative; }
header .gnb > ul > li {position:relative;display:inline-block; font-size:0;vertical-align:middle;}
header .gnb > ul > li a {-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;display:block;min-width:3rem;padding:0 1.85rem;line-height:3.8rem; font-size:1.2rem; color:#252525;font-weight:700;text-align:center;}
header .gnb > ul > li ul {position:absolute;left:0;width:10.5rem;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; font-weight:500;color:#555;text-align:left;}
header .gnb > ul > li ul li a:hover {background:var(--txt-default);color:#fff;}
header .gnb > ul > li:hover ul {padding:0;min-width:5rem;height:auto;margin-top:-3px;opacity:1;}
header .util {position:absolute; top:0px;  right:0px;z-index:30 }
header .util .link{display:inline-block; }
header .util .link .column {position:relative; width:100%; padding:0; margin:0;}
header .util .link a { display:inline-block; font-size:0.915rem;line-height:3.8rem; 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 ;}
header .util .link a.mb { background-image:url('/images/inc/ico_mypage.png'); }
header .util .link a.log { background-image:url('/images/inc/ico_key.png'); }
header .util .link a.mycar { background-image:url('/images/inc/ico_car.png'); }
header .util .link a:first-child {margin-left:0; }

header .keyword_search {display:block;position:absolute;left:50%;top:1.5rem;width:25rem;transform:translate(-50%);}
header .keyword_search .box {padding:.5rem;border-radius:10rem;border:2px solid var(--txt-default);box-shadow:0 0 .6rem rgba(0,0,0,.1);font-size:0;vertical-align:middle;}
header .keyword_search input {width:calc(100% - 3rem);border:0;  color:#333; padding:0 1.2rem;line-height:2.8rem; font-size:1.2rem; font-weight:500;}
header .keyword_search input:focus {border:0; box-shadow:none;}
header .keyword_search button.topsearch {width:3rem;height:2.7rem;padding:0;background:url('/images/inc/ico_search_blue.png') no-repeat center;background-size:auto 60%;font-size:0;}
header .keyword_search button.detailsearch {display:none;position:absolute;top:.5rem;;right:.5rem;;width:33%;padding:0;background:var(--txt-default);color:#fff;}

.btn_totalmenu {display:none; position:absolute;right:0;top:0;width:3.75rem;height:3.75rem; border:0;font-size:0; -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; }

.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; display:none}

a.go-back {display:none; z-index:330}
.mb-title {display:none;}
.total_menu_wrap .util .home {display:none;}

header .ad_img {position:absolute;right:0px;top:.5rem;transition: all 0.2s ease-in;}
.banner_top {position:absolute; left:50%;margin-left:680px;  top:20px;transition: all 0.2s ease-in;}
.banner_top img {height:70px;}


@media screen and ( max-width:1920px ) {	
header .ad_img {right:200px;}
.banner_top {  margin-left:460px;}
}
@media screen and ( max-width:1300px ) {	
    header .column {position:relative;padding:0; width:100%; margin:0 auto;}
	header .gnb > ul > li > a > span {padding:0 .7rem;font-size:1.05rem;}
    header .ad_img {right:0}
	.banner_top  {display:none;}
}

@media screen and ( max-width:1100px ) {	
	header .gnb > ul > li > a > span {padding:0 .7rem;font-size:1rem;}
}

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

	.main header .logo {display:block; height:60px;}
	.main header .logo a { background-size:auto 80%; background-position:1rem center; background-image:url('/images/inc/logo_mobile.png?ver=3') }

	header .keyword_search {display:none;top:3.5rem;left:0;width:100%;transform:none;padding:.5rem 1rem;}
	header .keyword_search .box {display:inline-block;width:65%;border-radius:.3rem;padding:0;}
	header .keyword_search button.detailsearch {display:inline-block;height:2.9rem;}
	header .keyword_search input {height:2.5rem;}
	header .keyword_search button.topsearch {background-size:auto 50%;}
	.searchopen header .keyword_search {display:block;}
	header .ad_img {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;}
	.cardetail  a.go-back {display:none;}
	.cardetail .btn_totalmenu {display:none;}
	.cardetail header {height:0}
	.cardetail .btn_winclose {display:block;}
	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; position:absolute; top:0px; left:3.75rem; z-index:33; font-size:1.25rem; line-height:3.75rem; font-weight:700 }
    
	.btn_totalmenu {display:block;}
	.total_menu_wrap.active .btn_totalmenu {display:none;}
    
	header .util {display:none;}
	.total_menu_wrap .util { display:block; }
}

/* Mobile Menu */
.total_menu_wrap {display:none;position:fixed;top:0;bottom:0;right:-100%;width:90%;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:1.65rem auto;z-index:103;font-size:0;line-height:0;}
.total_menu_wrap .menu_m_wrap {height:100%; padding-top:8rem;box-shadow:5px 5px 30px rgba(0,0,0,0.3)}
.total_menu_wrap .menu_m_wrap .gnb {height:calc(100% - 0rem);overflow:auto;}
.total_menu_wrap .menu_m_wrap .gnb > ul {padding:2.125rem 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:2.8rem;background: url('/images/inc/logo_mobile.png?ver=3') 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:5rem 1.5rem 0rem; position:absolute; left:0; top:0; width:100%; height:8rem; background-color:#e9eff3; }
.total_menu_wrap .util .home { display:block; position:absolute; left:1.5rem; top:1.5rem; width:2.0rem; height:2.0rem; background:url('/images/inc/ico_mobile_home.png') no-repeat center ; background-size:auto 1.85rem;}
.total_menu_wrap .util .home a {display:block; width:100%; height:100%;}
.total_menu_wrap .util .column { background-color:#fff; border:1px solid #dedede; border-radius:8px; padding:1.5rem 1.5rem;}
.total_menu_wrap .util .link a { display:inline-block; font-size:0.95rem; color:#222; font-weight:500; margin-left:20px; letter-spacing:-.04em; cursor:pointer;padding-left:25px;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_mobile.png'); }
.total_menu_wrap .util .link a.log { background-image:url('/images/inc/ico_key_mobile.png'); }
.total_menu_wrap .util .link a.mycar { background-image:url('/images/inc/ico_car_mobile.png'); }
.total_menu_wrap .util .link a:first-child {margin-left:0; }


@media screen and ( max-width:360px ) {
.total_menu_wrap {width:100%}
}

/*********************************************************/
/*                     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;background-color:#222223; margin-top:5rem }
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:.9rem; color:rgba(255,255,255,0.5); margin-right:1.25rem; }
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:.8rem; letter-spacing:0; }

footer .contact {position:absolute;right:0;top:0;width:15rem;color:#fff; font-size:1rem;transition: all 0.2s ease-in; }
footer .contact .title {font-size:1.3rem;color:#888; font-weight:700}
footer .contact .number {padding:.5rem 0;font-size:1.6rem; color:var(--txt-default); font-weight:bold;letter-spacing:0.02em;}
footer .contact .time {font-size:0.85rem; color:rgba(255,255,255,0.5);}

footer .skip_top { display:block; position:fixed; right:1.25rem;  bottom:140px; z-index:333; transition: all 0.4s ease-in; display:none !important;  }
footer .skip_top .skip_top_btn { width:3.125rem; height:3.125rem; 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:1.1rem; line-height:1.1rem;color:#888;}
footer .skip_top .skip_top_btn span { display:block;text-align:center; padding-top:0px; margin-top:-3px;font-size:13px;line-height:13px; color:#888; letter-spacing:0; }

@media screen and (max-width:1024px){
	footer {margin-top:3rem; padding:2rem 0 4rem}
	footer .link {text-align:center; }
	footer .link li {margin:0 0.5rem;}
	footer .link li:first-child {margin-left:0; }
	footer .link li:last-child {margin-right:0; }
	footer .link li a {font-size:13px; }
}

@media screen and (max-width:800px){
    footer .contact {position:relative; margin-top:1.5rem; width:100%;  }
    footer address span { line-height:1.4rem;  margin-right:1rem; }
	footer .skip_top {display:block !important; right:0.2rem; bottom:4.15rem !important;}

}
@media screen and (max-width:360px){
    	footer .link li {margin:0 0.35rem;}
		footer .link li a {font-size:12px; }

}

/* footer mobile */
.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(--txt-default); 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');}


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

   .main .footer_wrap {display:block;}


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

   
}



/*========================================================= 
	°øÅë 
=========================================================*/

/* °Ô½Ã¹° ¾øÀ½ */
.result_nodata {width:100% !important;height:500px !important;line-height:500px;padding:0 !important; font-size:1rem !important; font-weight:500; border-bottom:0px solid #ddd; font-family:'Spoqa Han Sans';border-top:0 !important;background:#fbfbfb;text-align:center; justify-content: center;color:#999;}

@media screen and (max-width:677px){
   .result_nodata { height:23.125rem !important;line-height:23.125rem;  font-size:0.9rem !important;}
}

.txt_info {margin-top:.5rem;font-size:.9rem;color:#777;font-weight:normal;word-break:keep-all;}
.txt_info.error, .txt_info.ok {font-size:.9rem;}
.txt_info.error {font-size:.9rem;color:#ff1c1c;}
.txt_info.ok {color:#158cca;}
.txt_info.sm {font-size:.8rem;color:#e21737;}
.txt_info.md {font-size:.9rem;}

@media screen and (max-width:700px){
   .txt_info {font-size:.8rem;}
}

/* ¶óº§ */
.color-red {background-color:#ef4f48; color:#fff;}
.color-green {background-color:#31b176; color:#fff;}
.color-blue {background-color:#2a3446; color:#fff;}

.car-badge {position:relative; display:block;padding:0px 0;font-size:0;}
.car-badge span {display:inline-block;padding:0 .7rem; border-radius:.2rem;margin-right:.2rem;line-height:2.2rem;font-size:0.75rem; font-weight:500;vertical-align:top;}
.car-badge span.color-red {border:1px dashed rgba(245,57,48,.85);background-color:transparent;color:rgba(245,57,48,1);}
.car-badge span.color-green, .car-badge span.color-blue {border:1px dashed rgba(24,36,57,.85);background-color:transparent;color:rgba(24,36,57,1);}

.car-badge.type2 {margin-bottom:0.5rem;}
.car-badge.type2 label {display:inline-block;  vertical-align:top; margin-right:3px; font-size:0.75rem; font-weight:500; letter-spacing:-.04em;  padding:0px 10px 0; height:22px; line-height:22px; border-radius:4px;}
.car-badge.type2 label.diag { color:var(--txt-default); background-color:#e6eefa}
.car-badge.type2 label.warranty { color:#48ab11; background-color:#e6f6de;}

.deal_count {display:inline-block;background:#f5f5f5;height:23px;padding:0 12px;margin-left:7px;border-radius:25px;line-height:25px;color:#ff1c1c;font-size:12px;text-indent:0;vertical-align:middle;}

.date_picker {display:inline-block;width:100px;/*text-align:center;*/font-size:17px;}
.data-empty {width:100% !important;min-height:240px;padding:1rem 0;border:1px solid #e5e5e5;background:#f4f4f4;word-break:break-all;font-size:1.25rem !important;color:#999;text-align:center;line-height:240px;letter-spacing:-1px;}
.data-empty:after {display:none !important;}

/* jquery ui */
.ui-widget.ui-widget-content {background-color:#ddd;border:0;border-radius:0}
.ui-slider-horizontal {height:2px}
.ui-widget-header {background-color:var(--txt-default);}
.ui-slider-horizontal .ui-slider-range {height:2px;}
.ui-slider-horizontal .ui-slider-handle {top:-0.895rem;width:2rem;height:2rem;background:url('/images/slider_button.png') center center no-repeat;background-size:contain;border:0;transform:translateX(-6px);cursor:pointer;z-index:333;}
.ui-slider-horizontal .ui-slider-handle:active, .ui-slider-horizontal .ui-slider-handle:focus {border:0 !important;color:#fff;}





/* badge */

.badge{display:inline-block; text-align:center; height:32px; line-height:30px; font-size:0.85rem; width:auto; min-width:80px; text-align:center;  border-radius:6rem;  }
.badge.counsel {min-width:75px; background-color:#fff; border:1px solid #ddd; }
.badge.ing { border-color:#bac7f1; color:var(--txt-default) !important; }
.badge.done { border-color:#efc0c6; color:#f02d40 !important; }

.car-badge {position:relative; display:block;padding:0px 0;font-size:0; margin-bottom:0.35rem;}
.car-badge label {display:inline-block;   vertical-align:top; margin-right:3px; font-size:0.75rem; font-weight:500; letter-spacing:-.04em; text-transform:uppercase;  padding:0px 10px 0; height:22px; line-height:22px; border-radius:60px;}
.car-badge label:last-child {margin-right:1rem;}

.badge-style {display:inline-block;    vertical-align:middle; margin-right:3px; font-size:0.75rem;text-transform:uppercase;  font-weight:500; letter-spacing:-.04em;  padding:0px 10px 0; height:22px; line-height:22px; border-radius:60px;}
.color-red {background-color:#f75050; color:#fff;}
.color-green {background-color:#59c14e; color:#fff;}
.color-blue {background-color:#1ebff3; color:#fff;}


.car-badge.type2 {margin-bottom:0.5rem;}
.car-badge.type2 label {display:inline-block;  vertical-align:top; margin-right:3px; font-size:0.75rem; font-weight:500; letter-spacing:-.04em; text-transform:uppercase;   padding:0px 10px 0; height:22px; line-height:22px; border-radius:4px;}
.car-badge.type2 label.diag { color:var(--txt-default); background-color:#e6eefa}
.car-badge.type2 label.warranty { color:#48ab11; background-color:#e6f6de;}


/* label °Ô½ÃÆÇ,»óÇ°¿ëÂ÷·®Á¶È¸ */
.label {display:inline-flex; height:30px; line-height:28px; border-radius:5rem; padding:0 1rem; color:#333; border:1px dotted #ddd;  }
.label.offer {color:#ee1f1f; border-color:#ee1f1f;}
.label-state {display:inline-block; vertical-align:top;  height:1.25rem; line-height:1.25rem; padding:0 0.615rem; font-size:0.715rem; font-weight:bold; margin:0.25rem;  font-family:'Spoqa Han Sans'; border-radius:9rem; }
.label-state.new {background-color:#f8525d; color:#fff;}

.txt-state-sell {color:#f31f3d}
.txt-state-buy {color:#0a45c9}

@media screen and (max-width:677px){
.badge {height:28px; line-height:26px; font-size:0.75rem;}
.badge.counsel {  min-width:60px;  }

}



/* ±âº» Å×À̺í */
.t_normal {width:100%;border-top:1px solid #eaeaea;}
.t_normal thead th {background:#1a254d;border-bottom:1px solid #fff;border-right:1px solid #fff;padding:.5rem;letter-spacing:-1px;color:#fff;font-size:.9rem;font-weight:normal;text-align:center;}
.t_normal tbody th {padding:.8rem .5rem;background:#eee;border-bottom:1px solid #ddd;border-right:1px solid #eee;letter-spacing:-1px;color:#4c4c4c;}
.t_normal tbody td {padding:.8rem .5rem;border-bottom:1px solid #eaeaea;border-right:1px solid #eaeaea;text-align:center;color:#000;font-size:1rem;}
.t_normal tbody td.tit {text-align:left;}
.t_normal tbody td.tit a {font-weight:500;font-size:1rem;}
.t_normal tbody td:last-child {border-right:0;}
.t_normal tr:nth-child(even) {background:none;}
.t_normal tr.selected td {background:#333;color:#fff;}
.t_normal .line_right {border-right:1px solid #ddd;}

.t_normal.list th {padding:13px;border-right:0 !important;background:#ebebec;color:#2d3a5f;font-size:1rem;}
.t_normal.list td {padding:1.25rem;font-size:15px;border-right:0 !important;}
.t_normal.list td.tit {font-size:17px;text-align:left;font-weight:500;}

@media screen and ( max-width:700px ) {
	.t_normal thead th {font-size:.85rem;}
	.t_normal tbody th, .t_normal tbody td {font-size:.85rem;}
}

.t_form {border-top:1px solid #ddd;}
.t_form tbody th {background:#eee;border-bottom:1px solid #ddd;border-right:1px solid #eee;line-height:2rem;letter-spacing:-1px;color:#4c4c4c;}
.t_form tbody td {padding:15px;border-bottom:1px solid #eaeaea;border-right:1px solid #eaeaea;}
.t_form tr:nth-child(even) {background:none;}
.t_form tbody td input, .t_form tbody td select {height:40px;margin-bottom:0;}

/* ±âº» Å×À̺í */
.basic_T {border-top:1px solid #eaeaea; width:100%; }
.basic_T thead th {background:#1a254d;border-bottom:1px solid #fff;border-right:1px solid #fff;padding:7px 5px; font-size: 15px;  line-height:2rem;letter-spacing:-1px;color:#fff;font-weight:300;text-align:center;}
.basic_T tbody th {background:#eee;border-bottom:1px solid #ddd;border-right:1px solid #eee;line-height:2rem;letter-spacing:-1px;color:#4c4c4c;}
.basic_T tbody td {padding:12px 10px;border-bottom:1px solid #eaeaea;border-right:1px solid #eaeaea;text-align:center;color:#000;font-size:14px;}
.basic_T tbody td.tit {text-align:left;}
.basic_T tbody td.tit a {font-weight:500;font-size:1rem;}
.basic_T tbody td:last-child {border-right:0;}
.basic_T tr:nth-child(even) {background:none;}
.basic_T tr.selected td {background:#333;color:#fff;}
.basic_T .line_right {border-right:1px solid #ddd;}

.basic_T.list th {padding:13px;border-right:0 !important;background:#ebebec;color:#2d3a5f;font-size:1rem;}
.basic_T.list td {padding:1.25rem;font-size:15px;border-right:0 !important;}
.basic_T.list td.tit {font-size:17px;text-align:left;font-weight:500;}

.t_form {border-top:1px solid #ddd;}
.t_form tbody th {background:#eee;border-bottom:1px solid #ddd;border-right:1px solid #eee;line-height:2rem;letter-spacing:-1px;color:#4c4c4c;}
.t_form tbody td {padding:15px;border-bottom:1px solid #eaeaea;border-right:1px solid #eaeaea;}
.t_form tr:nth-child(even) {background:none;}
.t_form tbody td input, .t_form tbody td select {height:40px;margin-bottom:0;}


/* =========================================================================================================
	common
========================================================================================================= */
.txt_red {color:#f22c3a;}
.paddT0 {padding-top:0 !important;}
.paddB0 {padding-bottom:0 !important;}

.mb10 {margin-bottom : 10px;}
.fl-left {float:left !important;}
.fl-right {float:right !important;}

.text-center {text-align:center }
.text-left{text-align:left !important }
.fc_red { color:#f71d00 !important; }
.fc_org { color:#ff5a00 !important; }
.fc_w{ color:#fff !important; }
.fc_default {color:#3469fb !important; }

.w100pc {width:100% !important; }
.w50pc {width:50% !important; }
.w33pc {width:33.3% !important; }
.w30pc {width:30% !important; }
.w35pc {width:35% !important; }

.w25pc {width:25% !important; }
.w20pc {width:20% !important; }

/* style */
.text-red {color:#f8002d !important}
.text-red2 {color:#ff1c1c !important;}
.text-grey {color:#888 !important}
.text-blue {color:#00a9f8 !important}

.fuc-wrap {display:none;}


h3 {font-size:2.3rem;font-weight:100;line-height:1.1;letter-spacing:-1px;}
h4 {padding-bottom:1.2rem;font-size:1.563rem;line-height:1.3;font-weight:normal;}
h5 {font-weight:bold;font-size:1.1rem;line-height:3rem;}
@media screen and ( max-width:900px ) {
	h3 {font-size:1.5rem;}
	h4 {font-size:1.2rem;}
	h5 {font-size:.95rem;line-height:2rem;}
}


.title_wrap {position:relative;padding:0 0 2rem;}
.title_wrap h3 span {font-weight:200;font-size:inherit;letter-spacing:-.2rem;;}
.title_wrap p {padding:1rem 0 0;font-size:1.05rem;color:#555;}
.title_wrap .title {display:block;font-size:38px;line-height:65px;font-weight:500;text-align:center;letter-spacing:-2px;}
.title_wrap .en {font-size:41px;letter-spacing:-1px;}
.title_wrap .h2_txt {position:relative;width:90%;max-width:800px;margin:0 auto;text-align:center;font-size:1.25rem;line-height:30px;letter-spacing:-1px;word-break:keep-all;}

.title_wrap.big_type {padding:0 0 4rem;text-align:center;}
.title_wrap.big_type h3 {font-size:2.1rem;font-weight:bold;color:#333;}
.title_wrap.big_type h4 {padding-top:1rem;font-size:1.8rem;color:#333;}
.title_wrap.big_type p {padding:.5rem 0 0;font-size:1.15rem;color:#777;word-break:keep-all;}

@media screen and ( max-width:1300px ) {
	.title_wrap.big_type {padding-bottom:2rem;}
	.title_wrap.big_type h3 {font-size:2rem;}
	.title_wrap.big_type h4 {font-size:1.3rem;}
	.title_wrap.big_type p {font-size:1.05rem;}
}
@media screen and ( max-width:900px ) {
	.title_wrap p {font-size:.8rem;}

	.title_wrap.big_type {padding-bottom:1rem;}
	.title_wrap.big_type h3 {font-size:1.3rem;}
	.title_wrap.big_type h4 {padding-top:.5rem;font-size:1rem;}
	.title_wrap.big_type p {font-size:.8rem;}
}

.label {display:inline-block;padding:.2rem .7rem;border-radius:.3rem;border:1px solid #eee;font-size:.85rem;vertical-align:middle;}
.label.jesi {background:#eb4d34;color:#fff;}
.label.medo {background:#245fe5;color:#fff;}
.label.return {background:#555;color:#fff;}

/* µ¥ÀÌÅÍ ¾øÀ½ */
.data-empty {display:inline-grid !important;width:100% !important;min-height:12rem;padding:0;word-break: break-all;font-size:1.2rem !important;color:#888;letter-spacing:-1px;align-items:center;justify-items:center;align-content:center;text-align:center;box-shadow: none !important;}
.data-empty:before {content:'';position:relative;display:inline-block;width:3rem;height:4rem;background:url('/images/icon_nodata.png') no-repeat center;background-size:auto 2.5rem;}
.data-empty:after {display:none !important;}
@media screen and ( max-width:900px ) {
	.data-empty {font-size:1rem !important;}
}

.mo {display:none;}
@media screen and ( max-width:900px ) {
	.mo {display:block;}
	.pc {display:none;}
}

/* ÅÇ */
.tab_wrap {padding:0 0 2rem !important;z-index:10;}
.tab_wrap .cont {text-align:center;font-size:0;}
.tab_wrap ul {display:inline-flex;}
.tab_wrap li {position:relative;padding:0 1rem;color:#555;font-size:1.2rem;font-weight:bold;line-height:4.5rem;letter-spacing:-1px;white-space:nowrap;cursor:pointer;}
.tab_wrap li.on {border-color:#28b463;color:#28b463;}
.tab_wrap li.on:after {content:'';position:absolute;bottom:0;left:1rem;right:1rem;display:block;height:5px;background:#28b463;}

@media screen and ( max-width:900px ) {
	.tab_wrap {padding:.5rem 0 2.5rem !important;}
	.tab_wrap .cont {width:100%;}
	.tab_wrap li {font-size:1rem;line-height:3.2rem;}
}

.sub_nav_wrap {height:4.5rem;background:#f0f3f6;}
.sub_nav_wrap.fixed .sub_nav {position:fixed;top:0;left:0;right:0;background:#fff;z-index:100;/*box-shadow:0 0 1rem rgba(0,0,0,.1);*/}
.sub_nav { padding:0;overflow:hidden;width:100%;}
.sub_nav ul {font-size:0;}
.sub_nav li	{position:relative;display:inline-block;width:50%;z-index:1;}
.sub_nav li a, .sub_nav li span {display:block;background:#f0f3f6;border-right:1px solid #dfdfdf;border-top:1px solid #dfdfdf;border-bottom:2px solid transparent;color:#777;font-size:1.1rem;line-height:4.5rem;text-align:center;font-weight:bold;letter-spacing:-1px;}
.sub_nav li:hover a, .sub_nav li:hover span	{background:#fff;}
.sub_nav li.active {z-index:2;}
.sub_nav li.active a, .sub_nav li.active span {color:#00aaf4;border-bottom:2px solid #00aaf4;background:#fff;}

.sub_nav.col2 li {width:50%}
.sub_nav.col2 li:nth-child(2n) a {border-right:0;}
.sub_nav.col3 li {width:33.3%;}
.sub_nav.col3 li:nth-child(3n) a {border-right:0;}
.sub_nav.col4 li {width:25%}
.sub_nav.col4 li:nth-child(4n) a {border-right:0;}
.sub_nav.col5 li {width:20%}
.sub_nav.col5 li:nth-child(5n) a {border-right:0;}
.sub_nav.col6 li {width:16.6%}
.sub_nav.col6 li:nth-child(6n) a {border-right:0;}
.sub_nav.col7 li {width:14.2%}
.sub_nav.col7 li:nth-child(7n) a {border-right:0;}
.sub_nav.col12 li {width:8.4%}
.sub_nav.col12 li:nth-child(12n) a {border-right:0;}

@media screen and ( max-width:700px ) {
	.sub_nav_wrap {height:3rem;}
	.sub_nav li a {line-height:3rem;font-size:1rem;}
}


/* ¼³¸í¹Ú½º */
.guide {clear: both;margin-top:1rem;border:1px solid #f0f3f6;border-top-color:#555;background:#f7f7f7;padding:2rem;}
.guide * {word-break:keep-all;}
.guide b {display:block;margin-bottom:.5rem;font-size:1rem;font-weight:bold;}
.guide li {position: relative;line-height:1.5;color:#777;font-size:.95rem;padding-left:1rem;}
.guide li:before {content: "-";position: absolute;left: 0;top: 0;clear: both;display: inline-block;margin-right:.5rem;}

@media screen and ( max-width:700px ) {
	.guide {padding:1.5rem;}
	.guide li {padding-bottom:.5rem;font-size:.85rem;}
}

.txt_info{margin-top:5px;font-size:.9rem;color:#777;font-weight:normal;word-break:keep-all;}
.txt_info.error, .txt_info.ok{font-size:.9rem;}
.txt_info.error{font-size:.9rem;color:red; }
.txt_info.ok{color:#0068ff; }
.txt_info.sm{font-size:12px; color:#e21737; }
.txt_info.md{font-size:14px;}

@media screen and ( max-width:700px ) {
	.txt_info{font-size:.8rem;}
}

/* ¼³¸í*/
.ex-box {padding:1.5rem;}
.ex-box h4 {padding-top:1rem;font-size:1rem;font-weight:bold;color:#000;letter-spacing:-1px;}
.ex-box h5 {font-weight:bold;font-size:.9rem;color:#00aaf4;}
.ex-box p, .ex-box li {padding:2px 0;font-size:.9rem;color:#555;line-height:1.35;word-break:keep-all;letter-spacing:-1px;}
.ex-box li {position:relative;padding-left:0.85rem;}
.ex-box li::before {content:'';position:absolute;left:0.2rem;top:0.5rem;width:2px;height:2px;background:#999;}
.ex-box .note {font-size:0.85rem;color:#00aaf4;}
.ex-box .note:before {content:''; display:inline-block; vertical-align:top; margin-right:.5rem; width:1rem; height:1rem; background:url(/images/ico_note_blue.png) no-repeat center ; background-size:cover;vertical-align:middle;}

.ex-box.bg {background:#f8f8f8;}
.ex-text {padding:0.2rem 0 0.5rem;font-size:0.8rem;color:#888;line-height:1.35;word-break:keep-all;}

@media screen and ( max-width:700px ) {
	.ex-box p, .ex-box li {font-size:.8rem;}
}

.inline {display:inline-block !important;}

u.basic{color:#ff1c1c;font-weight:bold;text-decoration:none;}

.unit {position:relative;width:100% !important;z-index:1;}
.unit:focus {}
.unit input {padding-right:2.5rem;}
.unit::before {content:'';position:absolute;right:1rem;top:0;line-height:3.2rem;font-size:1.05rem;font-weight:normal;z-index:3;}
.unit.won::before {content:'¿ø';}
.unit.manwon::before {content:'¸¸¿ø';}
.unit.manwon input {padding-right:3.6rem;}
.unit.km:before {content:'Km';}
.unit.km input {padding-right:3rem;}
.unit.year:before {content:'³â';}
.unit.cc:before {content:'cc';}

.tip {position:relative;display:inline-block;padding-left:5px;vertical-align:middle;}
.tip span {display:inline-block;width:1.25rem;height:1.25rem;border-radius:50%;background:#ccc;color:#fff;font-size:14px;text-align:center;line-height:1.25rem;font-family:'dotum';overflow:hidden;vertical-align:middle;cursor:pointer;}
.tip i {display:none;position:absolute;left:30px;top:0;min-width:200px;padding:10px 10px;border:1px solid #ddd; border-radius:4px; background:#fff;font-size:13px; line-height:1.6em; z-index:1;}
.tip i:after {content:'';position:absolute;left:-5px;top:10px;width:10px;height:10px;border-width:0 0 1px 1px;border-color:#ddd;border-style:solid;background:#fff;z-index:2;transform:rotate(45deg);}
.tip:hover i {display:inline-block;}



/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                        print
///////////////////////////////////////////////////////////////////////////////////////////*/
@media print {
	.noprint, .quickWrap, #header, footer, .sns_wrap {display:none !important;}
    html, body, .inr {width:1050px !important;}
	.cardetail_name .infoBox {padding-bottom:6rem;}
	.cardetail .cardetail_name .infoBox {text-align:left;}
	.swipe-detail-wrap .btns .btn_zoom,
	.swipe-detail-wrap .detail-slide-gallery-thumbs,
	.cardetail .sub_nav_wrap, .cardetail .samecar, .cardetail .cardetail_name .price .button {display:none !important;}
	.swipe-detail-wrap .car-details > .detail-slide-gallery-top {width:100% !important;}
}

/* =========================================================================================================
	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:#f1f1f1;text-align:center; margin-bottom:1rem;}
.modal_popup .pop_header span {display:inline-block;color:#333;font-size:1.25rem;line-height:3.5rem; font-weight:bold; 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:transparent;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.png') center no-repeat;background-size:auto 1.25rem;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;}
	}
}

.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{}




/* ¿À¸¥ÂÊ Äü  */
.quickWrap{position:fixed;right:0px;top:0; width:70px; z-index:29; transition: all 0.2s ease-in; height:100%; background-color:#fff;border-left:1px solid #dadee2;}
.quickWrap .btn_top {position:absolute; right:0; bottom:-20px;  width:70px;height:40px;border-radius:0; text-align:center; background-color:rgba(0,0,0,0.5); font-size:0;  box-shadow:5px 5px 10px rgba(0,0,0,0)}
.quickWrap .btn_top:before {content:"\e945"; display:inline-block;color:#fff; font-size:1.45rem; line-height:1.5rem;font-family:'xeicon'; }

.quickWrap .btn {position:absolute; right:0; bottom:-16px;  width:70px;height:36px;border-radius:0; text-align:center; background-color:rgba(0,0,0,0.5); font-size:0;  box-shadow:5px 5px 10px rgba(0,0,0,0)}
.quickWrap .btn:before {content:""; display:inline-block;color:#fff; font-size:1.45rem; line-height:36px;font-family:'xeicon'; }
.quickWrap .btn.skip_top:before {content:"\e945"; font-family:'xeicon';  }
.quickWrap .btn.skip_bottom {bottom:-53px; }
.quickWrap .btn.skip_bottom:before {content:"\e945";transform: rotate( 180deg ); font-family:'xeicon'; }



.quickWrap .btn_quicktoggle {position:absolute;left:25px;top:-45px;width:35px;height:35px; text-align:center;  border-radius:50px;background-color:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.2);font-size:0;}
.quickWrap .btn_quicktoggle::after {content:'';display:inline-block; margin-right:3px; border: solid #fff;border-width: 0 2px 2px 0;padding: 4px;vertical-align:middle;transform:rotate(-45deg);}
.quickWrap.close {right:-85px; }
.quickWrap.close .btn_quicktoggle {font-size:0; left:-2.5rem;}
.quickWrap.close .btn_quicktoggle::after {margin-left:5px; transform:rotate(135deg); }
.quick_banner {position:relative;display:block;    overflow:hidden;  }
.quick_banner .insurance {display:block; background:#9bb9ec url('/images/sub/ico_insurance.png') no-repeat center 90%; background-size:90%; text-align:center; padding-top:1rem; padding-bottom:50px; font-size:.9rem; color:#fff; line-height:1.25rem; font-weight:600;font-family:'GmarketSans'; }

.quick{position:absolute; right:0; top:173px;width:69px;   border-radius:0px;  padding-bottom:20px; z-index:35;border-top:1px solid #dadee2; }
.quick > li {border-top:1px solid #eaeaea;}
.quick > li.type1 {border-top:0}
.quick > li.type1 .tit{background:url("/images/r_ico1.png") 50% 18px no-repeat;background-size:auto 25px;}
.quick > li.type2 .tit{background:url("/images/r_ico2.png") 50% 18px no-repeat;background-size:auto 25px;}
.quick > li.type3 .tit{background:url("/images/r_ico3.png") 50% 18px no-repeat;background-size:auto 25px;}
.quick li .tit{position:relative;display:block;height:80px; line-height:80px; cursor:pointer; }
.quick li .tit .count {position:absolute; right:0.85rem; top:1rem; width:1.1rem; height:1.1rem; line-height:1.1rem; color:#fff; font-size:0.7rem; border-radius:2rem; background-color:var(--txt-default); text-align:center; }
.quick li .tit i{display:none;position:absolute;top:18px;right:18px;width:17px;height:17px;line-height:17px;background-color:var(--txt-default);color:#fff;border-radius:50%;text-align:center;font-size:12px;}
.quick li .tit i.on{display:block;}
.quick li .tit em{position:absolute;bottom:12px;left:0;display:block;width:100%;height:20px;line-height:20px;font-size:13px; font-weight:600; color:#666;letter-spacing:-1px;}
.quick li.on .tit {background-color:#f8fcff; }
.quick li.on .tit em {color:var(--txt-default)}
.quick li:nth-child(3) .tit {border-bottom:0}

.quick > li{text-align:center;}
.quick > li.quick_menu {border:0 !important;}
.quick > li.quick_menu a {display:block;background-color:var(--txt-default);color:#fff;line-height:50px;}

.quick > li > div{display:none;position:absolute;top:-1px;right:70px;width:130px;height:282px;border:1px solid rgba(0,0,0,0.1); border-right:0;  z-index:9;transition: all 0.2s ease-in;}
.quick .empty {background:#fff;padding:80px 25px 0;word-break:keep-all;letter-spacing:-1px;font-size:14px;color:#999;}
.quick .login{padding-top:80px;}
.quick .login a {display:inline-block;height:30px;padding:0 15px;border:1px solid #ddd;line-height:30px;font-size:12px !important;margin-top:10px;}

.quick .list {background:#fff;}
.quick .list .car {padding:10px 10px 0;}
.quick .list .car li{position:relative;margin-bottom:2px;}
.quick .list .car li .pic{position:relative;display:block;height:72px;overflow:hidden}
.quick .list .car li .pic i{position:absolute;top:0;left:0;width:100%;height:100%;display:block;}
.quick .list .car li .pic i:before{position:absolute;top:0;left:0;width:100%;height:100%;display:block;clear:both;content:'';background:rgba(0,0,0,0.3);}
.quick .list .car li .pic i img{overflow:hidden;width:100%;height:100%;object-fit:cover;}
.quick .list .car .chk_sm, .quick .list .car .del{position:absolute;top:0;z-index:9;}
.quick .list .car .chk_sm {left:0;top:0;}
.quick .list .car .chk_sm label {width:20px;height:20px;padding:0;margin:0;}
.quick .list .car .del{right:0;display:inline-block;width:18px;height:18px;background:url("/images/r_del.png") 0 0 no-repeat;}
.quick .list .car dl{display:none;position:absolute;top:0;right:100%;width:250px;height:100%;padding:10px;background:rgba(0,0,0,.7);color:#fff;text-align:left;}
.quick .list .car dl *{overflow:hidden;white-space:nowrap !important;text-overflow:ellipsis;-o-text-overflow:ellipsis;width:100%;line-height:1.4em;letter-spacing:0;}
.quick .list .car dt{font-size:12px;font-weight:bold;}
.quick .list .car .opt{font-size:11px;color:#dcdcdc;}
.quick .list .car .price{font-size:12px;color:#ff892c;font-weight:bold;}
.quick .list .car li:hover dl{display:block;}
.quick .list .car li:hover .pic i:before{display:none;}
.quick > li.type3 .car li .pic{height:72px;}

.quick .list a.compare {position:absolute;bottom:0;display:block;width:100%;height:40px;line-height:40px;color:#fff;background:var(--txt-default);font-size:13px; }

.quick .pagenum{ margin-top:5px; height:30px;line-height:30px;}
.quick .pagenum a, .quick .pagenum b{display:inline-block;vertical-align:top;}
.quick .pagenum a{width:20px;height:30px;}
.quick .pagenum .btnl{background:url("/images/r_arrl.png") 50% 50% no-repeat;}
.quick .pagenum .btnr{background:url("/images/r_arrr.png") 50% 50% no-repeat;}
.quick .pagenum b{min-width:40px;font-size:12px;color:#c1c1c1;font-weight:normal;letter-spacing:0.1em;}
.quick .pagenum b i{color:#333;}

@media screen and ( max-width:1400px ) {
	.quickWrap {display:none;}
}




pd0 {padding:0 !important}

.w100pc {width:100% !important; }
.w70pc {width:70% !important; }
.w60pc {width:60% !important; }
.w50pc {width:50% !important; }
.w45pc {width:45% !important; }
.w40pc {width:40% !important; }
.w35pc {width:35% !important; }
.w33pc {width:33.3% !important; }
.w30pc {width:30% !important; }
.w35pc {width:35% !important; }
.w25pc {width:25% !important; }
.w20pc {width:20% !important; }

.w50 {width:50px !important; }
.w60 {width:60px !important; }
.w70 {width:70px !important; }
.w80 {width:80px !important; }
.w90 {width:90px !important; }
.w100 {width:100px !important; }
.w110 {width:110px !important; }
.w120 {width:120px !important; }
.w130 {width:130px !important; }
.w140 {width:140px !important; }
.w150 {width:150px !important; }
.w200 {width:200px !important; }
.w250 {width:250px !important; }
.w300 {width:300px !important; }


.mr3 {margin-right:3px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.ml3 {margin-left:3px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}

.mt3 {margin-top:3px !important; }
.mt4 {margin-top:4px !important; }
.mt5 {margin-top:5px !important; }

.video_bg { display:block; position:fixed; width:100%; height:100%;left:0;top:0;  background:rgba(0,0,0,.3); z-index:9999; }
.video_bg .flash_video { position:fixed;width:900px; height:506px;  /*width:640px; height:360px;*/top:50%; left:50%; transform: translate(-50%,-50%);  z-index:10000; background:rgba(0,0,0, 0.5); padding:0px;}
.video_bg .flash_video .video { position:relative;  }
.video_bg .flash_video .video  .btn-close {position:absolute; top:-25px; right:-25px; width:50px; height:50px; background:#1a54e9 url('/images/btn_close_w.png') no-repeat center ; background-size:auto 21px; border-radius:50%; text-align:center; cursor:pointer; z-index:10}

@media screen and ( max-width:1024px ) {
	.video_bg .flash_video {  width:95%; height:auto;}
	.video_bg .flash_video .video  .btn-close {  top:-35px; right:0px; width:30px; height:30px;  background-size:auto 25px; background-color:transparent; }

}