@charset "utf-8";
@import url("./base.css");
@import url("./customer.css");
@import url("./main.css");
@import url("./layout.css");
@import url("./newcar.css");
@import url("./mypage.css");
@import url("./service.css");
@import url("./webzine.css");
@import url("./login.css");
@import url("./business.css");
@import url("./scrollbar/mCustomScrollbar.css");
@import url("./slider/ion.rangeSlider.css");
@import url("./slider/ion.rangeSlider.skinHTML5.css");
@import url("./tooltip/jquery.powertip.css");
@import url("../js/library/jplayer/default/css/jplayer.default.css");
@import url("../js/library/dropdown.css");
@import url("../js/library/transition.css");
@import url("../js/library/form.css");
@import url("./error.css");
@import url('./toggle.css');


/*test*/

.prd-tit { font-family: 'Roboto', 'Spoqa Han Sans', 'Noto Sans Korean', 'Open Sans', "돋움", "Dotum", "Verdana", sans-serif; letter-spacing: 2px;}

/*form*/
.cehck-area{ display:inline-block; position:relative; text-align: left; cursor: pointer; overflow: hidden;}
.cehck-area .cehck-btn{ position:absolute; top:0; left:0; opacity: 0; cursor:pointer; z-index:5;}
.cehck-area .icon-ck{ float:left; display:block; width:20px; height:18px;
	background:url(../images/common/bg_checkbox.png) no-repeat left top; background-size:20px 36px; }

.cehck-area.error label{ color:#eb431f !important;}
.cehck-area .cehck-btn:checked+i{background-position:left bottom;}
.u-select1,.u-select2{ width:100%; height:51px; border:1px solid #cfcfcf;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	background:#fff url(../images/common/select_right.gif) no-repeat 95% center;  padding:14px 20px; font-size:16px; color:#888;}

/* ----------------------------------------------------------------
    Responsive Image Viewer
-----------------------------------------------------------------*/

/* Mobile */
body.device-xxs .mobile-img,
body.device-xs .mobile-img {
	display: block;
}
body.device-xxs .desktop-img,
body.device-xs .desktop-img {
	display: none;
}

/* Desktop */
body.device-sm .mobile-img,
body.device-md .mobile-img,
body.device-lg .mobile-img {
	display: none;
}
body.device-sm .dektop-img,
body.device-md .dektop-img,
body.device-lg .dektop-img {
	display: block;
}

/* Image Box Style */
.mobile-img img,
.desktop-img img {
	width: 100%;
	height: auto;
}

/* ----------------------------------------------------------------
    Short Code
-----------------------------------------------------------------*/

/* Clearfix
-----------------------------------------------------------------*/
.clearfix::after {
	display: table;
	content: '';
	clear: both;
}

/* Mobile Controler
-----------------------------------------------------------------*/
body.device-mobile .mobile-hidden {
	display: none;
}

/* No border
-----------------------------------------------------------------*/
.noborder {
	border-style: none !important;
}
.noborder-top {
	border-top: 0 !important;
}
.noborder-right {
	border-right: 0 !important;
}
.noborder-bottom {
	border-bottom: 0 !important;
}
.noborder-left {
	border-let: 0 !important;
}


/* Text Align
-----------------------------------------------------------------*/
.tleft {
	text-align: left;
}
.tcenter {
	text-align: center;
}
.tright {
	text-align: right;
}


/* ----------------------------------------------------------------
    Box
-----------------------------------------------------------------*/
.box {
	position: relative;
	display: block;
	padding: 45px 30px;
	border: 1px solid #CDCBCB;
}

/* Divider
-----------------------------------------------------------------*/
.divider {
	position: relative;
	overflow: hidden;
	margin: 35px 0;
	color: #E5E5E5;
	width: 100%;
}

.divider.divider-margin { margin: 70px 0; }

.divider:after,
.divider.divider-center:before,
.divider.divider-center.divider-short:before {
	content: '';
	position: absolute;
	width: 100%;
	top: 8px;
	left: 30px;
	height: 0;
	border-top: 1px solid #EEE;
}

.divider.divider-thick:after,
.divider.divider-center.divider-thick:before,
.divider.divider-center.divider-short.divider-thick:before { border-top-width: 3px; }

.divider.divider-short:after { width: 30%; }

.divider.divider-vshort:after { width: 12%; }

.divider i {
	font-family: 'xeicon' !important;
	position: relative;
	width: 18px;
	height: 18px;
	line-height: 1;
	font-size: 18px !important;
	text-align: center;
}

.divider a {
	position: relative;
	display: inline-block;
	color: inherit;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.divider a:hover { color: #888; }


/* Divider - Icon Align Right
-----------------------------------------------------------------*/

.divider.divider-right { text-align: right; }

.divider.divider-right:after {
	left: auto;
	right: 30px;
}


/* Divider - Icon Align Center
-----------------------------------------------------------------*/

.divider.divider-center,
.divider.divider-center.divider-short { text-align: center; }

.divider.divider-center:before {
	left: -50% !important;
	right: 0;
	margin-left: -20px;
}

.divider.divider-center:after {
	left: 50% !important;
	right: 0;
	margin-left: 20px;
}


/* Short Divider - Icon Align Center
-----------------------------------------------------------------*/

.divider.divider-center.divider-short:before {
	left: auto !important;
	right: 50%;
	margin-right: 20px;
	width: 15%;
}

.divider.divider-center.divider-short:after {
	left: 50% !important;
	right: auto !important;
	margin-left: 20px;
	width: 15%;
}

.divider.divider-center.divider-vshort:before,
.divider.divider-center.divider-vshort:after { width: 6%; }


/* Divider - Rounded Icon
-----------------------------------------------------------------*/

.divider.divider-rounded { color: #BBB; }

.divider.divider-rounded:after,
.divider.divider-rounded.divider-center:before,
.divider.divider-rounded.divider-short:before,
.divider.divider-border:after,
.divider.divider-border.divider-center:before,
.divider.divider-border.divider-short:before {
	top: 19px;
	left: 40px;
}

.divider.divider-rounded i,
.divider.divider-border i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-color: #F5F5F5;
	border-radius: 50%;
}

.divider.divider-rounded.divider-right:after,
.divider.divider-border.divider-right:after {
	left: auto;
	right: 40px;
}


/* Divider - Rounded & Border
-----------------------------------------------------------------*/

.divider.divider-border { color: #E5E5E5; }

.divider.divider-border i {
	line-height: 38px;
	background-color: transparent;
	border: 1px solid #EEE;
}


/* Divider - Line Only
-----------------------------------------------------------------*/

.divider.divider-line:before,
.divider.divider-line:after {
	margin-left: 0 !important;
	margin-right: 0 !important;
}


/* ----------------------------------------------------------------
    Table
-----------------------------------------------------------------*/
.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 1rem;
	background-color: transparent;
}

.table th,
.table td {
	padding: 0.75rem;
	vertical-align: middle;
	border-top: 1px solid #CDCBCB;
}

.table thead th {
	vertical-align: bottom;
	border-collapse: collapse;
}

.table tbody + tbody {
	border-top: 2px solid #CDCBCB;
}

.table .table {
	background-color: #fff;
}

.table-bordered {
	border: 1px solid #CDCBCB;
	border-collapse: collapse;
}

.table-bordered th,
.table-bordered td {
	border: 1px solid #CDCBCB;
	border-collapse: collapse;
}
.table-info th {
	background-color: #F7F7F7;
}
.table-info thead th {
	font-size: 12pt;
}
.table-info th small {
	color: #999999;
	font-weight: 400;
}
.table-info tbody th {
	text-align: left;
	font-size: 11pt;
	color: rgba(142, 142, 142, 1);
	background-color: #FBFBFB;
}
.table-info tbody td {
	font-size: 10pt;
}
/*
body.device-xs .table-info tbody th,
body.device-xxs .table-info tbody th {
	width: 100px;
}
*/

.table-center th,
.table-center td {
	text-align: center;
}

/* ----------------------------------------------------------------
    Badge
-----------------------------------------------------------------*/
.badge {
	display: inline-block;
	width: 30px;
	line-height: 30px;
	color: #fff;
	text-align: center;
}
.badge.badge-circle {
	border-radius: 50%;
}
.badge.badge-orange {
	background-color: #ec431f;
}
.badge.badge-brown {
	background-color: #7F3F33;
}
.badge.badge-gold {
	background-color: #AE7C32;
}

/* ----------------------------------------------------------------
    loader
-----------------------------------------------------------------*/
.loader {
	display: table;
	text-align: center;
	width: 100%;
	height: 100%;
	min-height: 200px;
	min-width: 100%;
}
.loader:before {
	display: inline-block;
	height: 100%;
	content: '';
	vertical-align: middle;
}

.loader-center {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.loader-path {
	stroke-linejoin: round;
	fill: none;
	stroke: #ec431f;
	stroke-width: 2;
	stroke-dasharray: 70 32;
}


/* ----------------------------------------------------------------
    Color
-----------------------------------------------------------------*/
.color_orange {
	color: #ec431f;
}
.color_gray {
	color: #888;
}
.color_darkgray {
	color: #555555;
}
.color_black {
	color: #000000;
}
.color_brown {
	color: #c1995f;
}
.color_gold {
	color: #AE7C32;
}


/* ----------------------------------------------------------------
    Buttons
-----------------------------------------------------------------*/
.btn_area button i {
	font-family: 'xeicon' !important;
}


/* Buttons  / Container
-----------------------------------------------------------------*/
.btn_area {
	clear: both;
	overflow: hidden;
	padding-bottom: 80px;
	text-align: center;
}
.btn_fixed {
	box-sizing: border-box;
	margin-left: 15px;
	margin-right: 15px
}
.btn {
	display: inline-block;
	padding: 7px 14px;
}

.btn_block {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
}



/* Buttons  / Btn_default
-----------------------------------------------------------------*/
.btn_default {
	border: 1px solid #CDCBCB;
}

/* Buttons  / Btn_more
-----------------------------------------------------------------*/
.btn_more {
	display: inline-block;
	width: 598px;
	height: 48px;
	font-size: 12px;
	line-height: 48px;
	border: 1px solid #dbdbdb;
	background: url(../images/common/bg_more.gif) no-repeat 563px center;
}

/* Buttons  / Btn_filter
-----------------------------------------------------------------*/
.btn_filter {
	display: none;
	position: relative;
	width: 110px;
	height: 34px;
	margin: 0 11px;
	padding-left: 35px;
	color: #fff;
	text-align: center;
	line-height: 34px;
	background: #ae7c32 url(../images/common/bg_filter.png) no-repeat 12% center;
	background-size: 18px auto;
	border-radius: 2px;
}
.btn_filter.on {
	background: #ae7c32 url(../images/common/bg_filter_on.png) no-repeat 12px center;
	background-size:23px auto;
}

/* Buttons  / Angle Set
-----------------------------------------------------------------*/
.ar-left {
	position: absolute;
	top: 0;
	left: -14px;
	height: 46px;
	width: 24px;
	z-index: 2;
}
.ar-right {
	position: absolute;
	top: 0;
	right: -23px;
	height: 46px;
	width: 24px;
	z-index: 2;
}
.ar-left.orange {
	background: url(../images/common/ar-left-ornage.png) 0 0 no-repeat;
	background-size: auto 46px;
}
.ar-right.orange {
	background: url(../images/common/ar-right-orange.png) 0 0 no-repeat;
	background-size: auto 46px;
}
.ar-left.gray {
	background: url(../images/common/ar-left-gray.png) 0 0 no-repeat;
	background-size: auto 46px;
}
.ar-right.gray {
	background: url(../images/common/ar-right-gray.png) 0 0 no-repeat;
	background-size: auto 46px;
}
.ar-left.darkgray {
	background: url(../images/common/btn_common_side1_darkgray.png) 0 0 no-repeat;
	background-size: auto 46px;
}
.ar-right.darkgray {
	background: url(../images/common/btn_common_side2_darkgray.png) 0 0 no-repeat;
	background-size: auto 46px;
}
.ar-left.black {
	background: url(../images/common/ar-left-black.png) 0 0 no-repeat;
	background-size: auto 46px;
}
.ar-right.black {
	background: url(../images/common/ar-right-black.png) 0 0 no-repeat;
	background-size: auto 46px;
}
.ar-left.brown {
	background: url(../images/common/ar-left-brown.png) 0 0 no-repeat;
	background-size: auto 46px;
}
.ar-right.brown {
	background: url(../images/common/ar-right-brown.png) 0 0 no-repeat;
	background-size: auto 46px;
}
.ar-left.gold {
	background: url(../images/common/ar-left-filter.png) 0 0 no-repeat;
	background-size: auto 46px;
}
.ar-right.gold {
	background: url(../images/common/ar-right-filter.png) 0 0 no-repeat;
	background-size: auto 46px;
}
.ar-left.filter {
	background: url(../images/common/ar-left-filter.png) 0 0 no-repeat;
	background-size: auto 34px;
}
.ar-right.filter {
	background: url(../images/common/ar-right-filter.png) 0 0 no-repeat;
	background-size: auto 34px;
}


/* Buttons  / Button type Reset
-----------------------------------------------------------------*/
button.btn_orange,
button.btn_orange_border,
button.btn_gold,
button.btn_gray,
button.btn_darkgray,
button.btn_black,
button.btn_brown {
	padding: 0;
}

/* Buttons  / Btn_Mobile
-----------------------------------------------------------------*/
.btn-mobile {
	display: none !important;
	width: 100% !important;
	margin: 0 !important;
}
.btn-mobile::before {
	left: 0;
	border-style: none !important;
}
.btn-mobile::after {
	right: 0;
	border-style: none !important;
}

/* Buttons  / Btn_orange
-----------------------------------------------------------------*/
.btn_orange {
	display: inline-block;
	position: relative;
	width: 160px ;
	/* height:46px;*/
	margin: 0 15px;
	color:#fff ;
	text-align: center;
	line-height: 46px;
	background-color: #ec431f;
	font-size:16px;
}
.btn_orange::before {
	position: absolute;
	left: -15px;
	content: '';
	width: 0;
	border-top: 23px solid transparent;
	border-right: 15px solid #ec431f;
	border-bottom: 23px solid transparent;
}
.btn_orange::after {
	position: absolute;
	right: -15px;
	content: '';
	width: 0;
	border-top: 23px solid transparent;
	border-left: 15px solid #ec431f;
	border-bottom: 23px solid transparent;
}

/* Buttons  / Btn_orange_border
-----------------------------------------------------------------*/
.btn_orange_border {
	display: inline-block;
	position: relative;
	width: 160px ;
	height: 46px;
	margin: 0 15px;
	color: #ec431f;
	text-align: center;
	line-height: 46px;
	background-color: #fff;
	border-top: 1px solid #ec431f;
	border-bottom: 1px solid #ec431f;
	font-size: 16px;
}
.btn_orange_border .btn_border_left {
	top: -1px;
	left: -15px;
	width: 0;
	height: 0;
	border-top: 23px solid transparent;
	border-right: 15px solid #ec431f;
	border-bottom: 23px solid transparent;
	position: absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.btn_orange_border .btn_border_left::after {
	content:'';
	width: 0;
	height: 0;
	border-top: 23px solid transparent;
	border-right: 15px solid #fff;
	border-bottom: 23px solid transparent;
	position: absolute;
	top: -23px;
	left: 1px;
}
.btn_orange_border .btn_border_right {
	top: -1px;
	right: -15px;
	width: 0;
	height: 0;
	border-top: 23px solid transparent;
	border-left: 15px solid #ec431f;
	border-bottom: 23px solid transparent;
	position: absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.btn_orange_border .btn_border_right::after {
	content:'';
	width: 0;
	height: 0;
	border-top: 23px solid transparent;
	border-left: 15px solid #fff;
	border-bottom: 23px solid transparent;
	position: absolute;
	top: -23px;
	right: 1px;
}


/* Buttons  / Btn_gold
-----------------------------------------------------------------*/
.btn_gold {
	display: inline-block;
	position: relative;
	width: 160px ;
	/* height:46px;*/
	margin: 0 15px;
	color:#fff ;
	text-align: center;
	line-height: 46px;
	background-color: #AE7C32;
	font-size:16px;
}
.btn_gold::before {
	position: absolute;
	left: -15px;
	content: '';
	width: 0;
	border-top: 23px solid transparent;
	border-right: 15px solid #AE7C32;
	border-bottom: 23px solid transparent;
}
.btn_gold::after {
	position: absolute;
	right: -15px;
	content: '';
	width: 0;
	border-top: 23px solid transparent;
	border-left: 15px solid #AE7C32;
	border-bottom: 23px solid transparent;
}

/* Buttons  / Btn_gray
-----------------------------------------------------------------*/
.btn_gray {
	display: inline-block;
	position: relative;
	width: 162px;
	/* height: 46px; */
	margin: 0 15px;
	color: #fff;
	text-align: center;
	line-height: 46px;
	background-color: #888;
}
.btn_gray::before {
	position: absolute;
	left: -15px;
	content: '';
	width: 0;
	border-top: 23px solid transparent;
	border-right: 15px solid #888;
	border-bottom: 23px solid transparent;
}
.btn_gray::after {
	position: absolute;
	right: -15px;
	content: '';
	width: 0;
	border-top: 23px solid transparent;
	border-left: 15px solid #888;
	border-bottom: 23px solid transparent;
}

/* Buttons  / Btn_darkgray
-----------------------------------------------------------------*/
.btn_darkgray {
	display: inline-block;
	position: relative;
	width: 160px;
	/* height:46px;*/
	margin: 0 15px;
	color: #fff;
	text-align: center;
	line-height: 46px;
	background-color: #555555;
	font-size: 16px;
	z-index: 1;
	padding: 0;
	cursor: pointer;
}
.btn_darkgray::before {
	position: absolute;
	left: -15px;
	content: '';
	width: 0;
	border-top: 23px solid transparent;
	border-right: 15px solid #555555;
	border-bottom: 23px solid transparent;
}
.btn_darkgray::after {
	position: absolute;
	right: -15px;
	content: '';
	width: 0;
	border-top: 23px solid transparent;
	border-left: 15px solid #555555;
	border-bottom: 23px solid transparent;
}

/* Buttons  / Btn_black
-----------------------------------------------------------------*/
.btn_black {
	display: inline-block;
	position: relative;
	width: 160px;
	height: 46px;
	margin: 0 15px;
	color: #fff;
	text-align: center;
	line-height: 46px;
	background-color: #000000;
}
.btn_black::before {
	position: absolute;
	left: -15px;
	content: '';
	width: 0;
	border-top: 23px solid transparent;
	border-right: 15px solid #000000;
	border-bottom: 23px solid transparent;
}
.btn_black::after {
	position: absolute;
	right: -15px;
	content: '';
	width: 0;
	border-top: 23px solid transparent;
	border-left: 15px solid #000000;
	border-bottom: 23px solid transparent;
}

/* Buttons  / Btn_brown
-----------------------------------------------------------------*/
.btn_brown {
	display: inline-block;
	position: relative;
	width: 163px;
	height: 46px;
	margin: 0 13px;
	color: #fff;
	text-align: center;
	line-height: 46px;
	background-color: #c1995f;
}
.btn_brown::before {
	position: absolute;
	left: -15px;
	content: '';
	width: 0;
	border-top: 23px solid transparent;
	border-right: 15px solid #c1995f;
	border-bottom: 23px solid transparent;
}
.btn_brown::after {
	position: absolute;
	right: -15px;
	content: '';
	width: 0;
	border-top: 23px solid transparent;
	border-left: 15px solid #c1995f;
	border-bottom: 23px solid transparent;
}


/* Buttons  / Btn_bbs_more
-----------------------------------------------------------------*/
.btn_bbs_more {
	padding-right: 15px;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: normal;
	color: #888;
	background: url(../images/common/bg_bbs_more.png) no-repeat right 4px top 6px;
	background-size: 5px auto;
	text-transform: lowercase;
}


/*
.btn_filter:before{display:inline-block; position: absolute; top:0; left:-10px; content:""; width:0; height:0; border-top:17px solid transparent; border-bottom:17px solid transparent; border-right:11px solid #ae7c32;}
.btn_filter:after{display:inline-block; position: absolute; bottom:0; right:-10px ; content:""; width:0; height:0; border-top:17px solid transparent; border-bottom:17px solid transparent; border-left:11px solid #ae7c32;}
.btn_orange:before{display:inline-block; position: absolute; top:0; left:-13px; content:""; width:0; height:0; border-top:23px solid transparent; border-bottom:23px solid transparent; border-right:13px solid #ec431f;}
.btn_orange:after{display:inline-block; position: absolute; bottom:0; right:-13px; content:""; width:0; height:0; border-top:23px solid transparent; border-bottom:23px solid transparent; border-left:13px solid #ec431f;}
.btn_gray:before{display:inline-block; position: absolute; top:0; left:-13px; content:""; width:0; height:0; border-top:23px solid transparent; border-bottom:23px solid transparent; border-right:13px solid #888;}
.btn_gray:after{display:inline-block; position: absolute; bottom:0; right:-13px; content:""; width:0; height:0; border-top:23px solid transparent; border-bottom:23px solid transparent; border-left:13px solid #888;}
.btn_black:before{display:inline-block; position: absolute; top:0; left:-13px; content:""; width:0; height:0; border-top:23px solid transparent; border-bottom:23px solid transparent; border-right:13px solid #c1995f;}
.btn_black:after{display:inline-block; position: absolute; bottom:0; right:-13px; content:""; width:0; height:0; border-top:23px solid transparent; border-bottom:23px solid transparent; border-left:13px solid #c1995f;}
.btn_brown:before{display:inline-block; position: absolute; top:0; left:-13px; content:""; width:0; height:0; border-top:23px solid transparent; border-bottom:23px solid transparent; border-right:13px solid #c1995f;}
.btn_brown:after{display:inline-block; position: absolute; bottom:0; right:-13px; content:""; width:0; height:0; border-top:23px solid transparent; border-bottom:23px solid transparent; border-left:13px solid #c1995f;}
*/

/* Buttons  / btn_section_more
-----------------------------------------------------------------*/
.btn_section_more {
	position: absolute;
	top: 5px;
	right: -55px;
	text-transform: lowercase;
	font-size: 13px;
	letter-spacing: 2px;
	font-weight: normal;
}

.btn_section_more::before {
	content: '+ ';
	font-weight: bold;
	color: #ec431f;
}

.btn_section_more::after {
	content: 'more';
}

body.device-xxs .btn_section_more {
	position: relative;
	display: block;
	top: 0;
	right: 0;
	margin-top: 10px;
}


/* Buttons  / Size
-----------------------------------------------------------------*/
.btn_sm {
	margin: 0 10px;
	width: 130px;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
}
.btn_orange.btn_sm::before {
	left: -10px;
	border-top: 20px solid transparent;
	border-right: 10px solid #ec431f;
	border-bottom: 20px solid transparent;
}
.btn_orange.btn_sm::after {
	right: -10px;
	border-top: 20px solid transparent;
	border-left: 10px solid #ec431f;
	border-bottom: 20px solid transparent;
}

.btn_orange_border.btn_border .btn_border_left {
	top: -1px;
	left: -10px;
	border-top: 20px solid transparent;
	border-right: 10px solid #ec431f;
	border-bottom: 20px solid transparent;
}
.btn_orange_border.btn_border .btn_border_left::after {
	top: -20px;
	left: 1px;
	border-top: 20px solid transparent;
	border-right: 10px solid #fff;
	border-bottom: 20px solid transparent;
}
.btn_orange_border.btn_border .btn_border_right {
	top: -1px;
	right: -10px;
	border-top: 20px solid transparent;
	border-left: 10px solid #ec431f;
	border-bottom: 20px solid transparent;
}
.btn_orange_border.btn_border .btn_border_right::after {
	top: -20px;
	right: 1px;
	border-top: 20px solid transparent;
	border-left: 10px solid #fff;
	border-bottom: 20px solid transparent;
}

.btn_gray.btn_sm::before {
	left: -10px;
	border-top: 20px solid transparent;
	border-right: 10px solid #888;
	border-bottom: 20px solid transparent;
}
.btn_gray.btn_sm::after {
	right: -10px;
	border-top: 20px solid transparent;
	border-left: 10px solid #888;
	border-bottom: 20px solid transparent;
}

/* ====== error ======*/
/*input-box.error*/
.input-box.field.error input{border:1px solid #ec4123; background-color:#fbd8d2; color:#ec421e;}
.input-box.field.error input::-webkit-input-placeholder{color:#ec421e; opacity: 1;}
.input-box.field.error input:-moz-placeholder{color:#ec421e; opacity: 1;}
.input-box.field.error input::-moz-placeholder{color:#ec421e; opacity: 1;}
.input-box.field.error input:-ms-input-placeholder{color:#ec421e; opacity: 1;}

/*layer_user.loin*/
.login-error{ font-size:14px; color:#ec431f; margin-bottom:15px;}
.login-error p{ display:none;}
.login-error p{ margin-bottom:2px;}
.login-error p.email_altar.error{ display:block;}
.login-error p.prd_altar.error{ display:block;}

.argree-box .subcheck-list li:first-child.error .agree-txt,
.argree-box .subcheck-list li:first-child.error .btn-agree{ color:#eb431f;}

.error.message { display:block; color:#eb431f;  font-size:14px;  margin-bottom:24px;}


.error .jqTransformSelectWrapper{ border:1px solid #ec4123; background-color:#fbd8d2;}
.error .jqTransformSelectWrapper div span{ color:#ec421e;}

/* ====== layout ====== */
.inner{
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 1px;
}

.inner::before,
.inner::after {
	display: block;
	content: ' ';
}

.inner::after {
	clear: both;
}

/* ----------------------------------------------------------------
    Form
-----------------------------------------------------------------*/

/* Form  / Form Control
-----------------------------------------------------------------*/
.form-control {
	position: relative;
	width: 100%;
	border-radius: 0;
	border: 1px solid #cfcfcf;
	padding: 10px;
	height: 40px;
	font-size: 14px;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.form-control.val_check {
	border: 1px solid #ec4123 !important;
}
select.form-control {
	padding: 10px 40px 10px 10px;
}

textarea.form-control {
	height: auto;
}

.select-wrapper {
	position: relative;
}
.select-wrapper::after {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	font-family: xeicon;
	content: '\e936';
	line-height: 40px;
	text-align: center;
}

/* Form  / Select & Radio
-----------------------------------------------------------------*/
label {
	display: inline-block;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 1px;
	color: #555;
	margin-bottom: 10px;
	cursor: pointer;
}

label.core_label {
	display: inline-block;
	vertical-align: middle;
	margin: 5px;
	font-weight: 600;
}

/* Style-1 + Style-2 */
.checkbox-style,
.radio-style {
	opacity: 0;
	position: absolute;
}

.checkbox-style,
.checkbox-style-1-label,
.checkbox-style-2-label,
.checkbox-style-3-label,
.checkbox-style-carby-label,
.radio-style,
.radio-style-1-label,
.radio-style-2-label,
.radio-style-3-label {
	display: inline-block;
	vertical-align: middle;
	margin: 5px;
	cursor: pointer;
}

.checkbox-style-1-label,
.checkbox-style-3-label,
.checkbox-style-2-label,
.checkbox-style-carby-label,
.radio-style-1-label,
.radio-style-2-label,
.radio-style-3-label { position: relative; }

.checkbox-style-1-label:before,
.checkbox-style-2-label:before,
.checkbox-style-3-label:before,
.radio-style-1-label:before,
.radio-style-2-label:before,
.radio-style-3-label:before {
	content: '';
	background: #FFF;
	border: 1px solid #DDD;
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	padding: 4px;
	margin-right: 10px;
	line-height: 1;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.checkbox-style-carby-label {
	position: relative;
	text-align: left;
	line-height: 1.5;
	padding-left: 34px;
}
.checkbox-style-carby-label.val_check {
	color: #dc3f1d;
}
.checkbox-style-carby-label:before {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -19px;
	font-family: 'carby';
	content: '\e901';
	font-size: 20pt;
	margin-right: 5px;
	line-height: 1.5;
}


.checkbox-style-1-label:before,
.checkbox-style-2-label:before,
.checkbox-style-3-label:before { border-radius: 3px; }


.radio-style-1-label:before,
.radio-style-2-label:before,
.radio-style-3-label:before { border-radius: 50%; }

.checkbox-style:checked + .checkbox-style-1-label:before { background: #dc3f1d; }
.checkbox-style:checked + .checkbox-style-carby-label:before {
	font-family: 'carby';
	content: '\e902'
}
.radio-style:checked + .radio-style-1-label:before { background: #dc3f1d; }

/* Checkbox-small + Radio-small */
.checkbox-style-1-label.checkbox-small:before,
.radio-style-1-label.radio-small:before,
.checkbox-style-2-label.checkbox-small:before,
.radio-style-2-label.radio-small:before,
.checkbox-style-3-label.checkbox-small:before,
.radio-style-3-label.radio-small:before {
	border: 1px solid #DDD;
	width: 16px;
	height: 16px;
	margin: 0 8px 1px 0;
}

/* Style-2 */
.checkbox-style:checked + .checkbox-style-2-label:before {
	background: #dc3f1d;
	box-shadow: inset 0px 0px 0px 4px #fff;
}

.radio-style:checked + .radio-style-2-label:before {
	background: #dc3f1d;
	box-shadow: inset 0px 0px 0px 4px #fff;
}

.checkbox-style:checked + .checkbox-style-2-label.checkbox-small:before { box-shadow: inset 0px 0px 0px 3px #fff; }
.radio-style:checked + .radio-style-2-label.radio-small:before { box-shadow: inset 0px 0px 0px 3px #fff; }

/* style-3 */
.checkbox-style:checked + .checkbox-style-3-label:before,
.radio-style:checked + .radio-style-3-label:before {
	content: "\e928";
	font-family: 'xeicon';
	background: #dc3f1d;
	color: #FFF;
}
.radio-style:checked + .radio-style-3-label:before {
	color: #ffffff;
	background-color: #dc3f1d;
}

/* style-3 - Small */
.checkbox-style + .checkbox-style-3-label.checkbox-small:before,
.radio-style + .radio-style-3-label.radio-small:before {
	width: 16px;
	height: 16px;
	margin: 0 8px 1px 0;
	padding-left: 2px;
	font-size: 9px;
	line-height: .8;
}

/* state Hover */
/*
.checkbox-style-1-label:hover:before,
.checkbox-style-2-label:hover:before,
.checkbox-style-3-label:hover:before,
.radio-style-1-label:hover:before,
.radio-style-2-label:hover:before,
.radio-style-3-label:hover:before {
	border: 1px solid #dc3f1d;
}
*/

.checkbox-style-1-label:hover,
.checkbox-style-2-label:hover,
.checkbox-style-3-label:hover,
.radio-style-1-label:hover,
.radio-style-2-label:hover,
.radio-style-3-label:hover {
	font-weight: 600;
}


/* state Disabled */
.checkbox-style:disabled + .checkbox-style-1-label,
.checkbox-style:disabled + .checkbox-style-2-label,
.checkbox-style:disabled + .checkbox-style-3-label,
.radio-style:disabled + .radio-style-1-label,
.radio-style:disabled + .radio-style-2-label,
.radio-style:disabled + .radio-style-3-label {
	opacity: .5;
	cursor: not-allowed;
}



/* ----------------------------------------------------------------
    Filter Buttons
-----------------------------------------------------------------*/
.filter_container {
	position: sticky;
	display: table;
	top: 44px;
	content: '';
	clear: both;
	width: 100%;
	padding: 10px 0 5px;
	background-color: #fff;
	z-index: 99;
}

.filter_buttons {
	display: table;
	content: '';
	clear: both;
	float: right;
}

.filter_buttons li {
	float: left;
	margin: 0 3px 3px 0;
}

.filter_buttons li:last-child {
	margin-right: 0;
}

.filter_buttons li a {
	display: inline-block;
	font-size: 12px;
	line-height: 30px;
	padding: 0 14px;
	color: #ec431f;
	border: 1px solid #ec431f;
	font-weight: bold;
	transition: all .2s;
}

.filter_buttons.filter_buttons_circle li a {
	border-radius: 15px;
}

.filter_buttons li.current a,
.filter_buttons li a:hover {
	background-color: #ec431f;
	color: #fff;
}

body.device-xs .filter_container .filter_buttons,
body.device-xxs .filter_container .filter_buttons {
	float: none;
	margin: 0 auto;
}




/* header */
#header {
	position: fixed;
	z-index: 100;
	width: 100%;
	min-width: 320px;
	height: 84px;
	padding-top: 0px;
	background-color: #111;
	border-bottom: 2px solid #ae7c32;
    /* 하단 탭바 메뉴 레이어 계층 보다 위에 보이게 하기 위해 z-index 9998 보다 높게 설정(로딩 스크린 보다 아래로 해야 함) */
    z-index: 9999;
}
#header.searchFail {
	border-bottom: 2px solid #ec431f;
}
#header .header_inner{max-width:1920px; margin:0 auto;}
#header h1{float:left; margin:30px 50px 0 40px;}
#header h1.default{display:block !important;}
#header h1.default img{width:104px; }
#header h1.slogo img{width:22px;}
#header h1.slogo,
#header .gnb .btn_menu{display:none;}
#header .gnb{position:relative; float:left; margin-top:0px;}
#header .gnb > ul > li{float:left;}
#header .gnb > ul > li.active > a span { border-bottom: 3px solid #ec431f; }
#header .gnb > ul > li > a{ display: block; padding: 30px 50px 3px 0;}
#header .gnb > ul > li > a span { position: relative; display: block; font-weight: 400; color: #888; padding-bottom: 31px;}

#header .gnb ul li .layer_sub{display:none; position:fixed; top:83px; left:0; z-index:100; width:100%; /*height:100%;*/}
#header .gnb ul li .layer_sub .dim{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.8; }
#header .gnb ul li .layer_sub .cont{position:absolute; top:0; left:0; right:0; max-width:1920px; height:460px; margin:0 auto; background-color:#fff;}
#header .gnb ul li .layer_sub .newcar .title_box{background:url(../images/common/bg_newcar.jpg) no-repeat left top; background-size:cover;}
#header .gnb ul li .layer_sub .service .title_box{background:url(../images/common/bg_service.jpg) no-repeat left top; background-size:cover;}
#header .gnb ul li .layer_sub .webzine .title_box{background:url(../images/common/bg_webzine.jpg) no-repeat left top; background-size:cover;}
#header .gnb ul li .layer_sub .title_box{float:left; width:25%; height:460px; padding:5% 0 0 3%;}
#header .gnb ul li .layer_sub .title_box .tit{margin-bottom:30px; font-size:42px; font-weight:bold; color:#fff; line-height:1;}
#header .gnb ul li .layer_sub .title_box .tit:after{display:block; content:""; width:27px; height:1px; margin-top:30px; background-color:#fff;}
#header .gnb ul li .layer_sub .title_box .tit span{display:block; font-size:47px; font-weight:bold;}
#header .gnb ul li .layer_sub .title_box .txt{margin:0 0 60px; color:#FFFFFF; line-height:1.6; font-size: 14px; opacity: 0.6; font-weight: 400;}
#header .gnb ul li .layer_sub .title_box .btn_filter{margin-top:60px;}
#header .gnb ul li .layer_sub .sub_box{position:relative; float:left; width:25%; height:100%; border-right:1px solid #ccc; overflow: hidden;}
#header .gnb ul li .layer_sub .sub_box .tit{position:relative; width:100%; height:60px; padding:20px 0 0 30px; font-weight: bold; font-size:20px; letter-spacing:4px; border-bottom:1px solid #ccc;}
#header .gnb ul li .layer_sub .sub_box .tit a{position:absolute; right:30px; top:32px; padding-right:18px; font-size:12px; color:#888; letter-spacing:0; background:url(../images/common/bg_bbs_more.png) no-repeat right 4px; background-size:5px 9px; font-weight: 400;}


#header .gnb ul li .layer_sub .sub_box .imgSec{height:90%;}
#header .gnb ul li .layer_sub .sub_box .imgSec .img{height:70%;}
#header .gnb ul li .layer_sub .sub_box .imgSec .img img{width:100%; height:100%;}
#header .gnb ul li .layer_sub .sub_box .imgSec .img.hotdeal{background:url(../images/common/hotdeal_img.jpg) no-repeat left top; background-position: 15%;}
#header .gnb ul li .layer_sub .sub_box .imgSec .img.finance{background:url(../images/common/finance_img.jpg) no-repeat left top; background-position: 15%;}
#header .gnb ul li .layer_sub .sub_box .imgSec .img.package{background:url(../images/common/package_img.jpg) no-repeat left top; background-position: 15%;}
#header .gnb ul li .layer_sub .sub_box .imgSec .img.center{background:url(../images/common/center_img.jpg) no-repeat left top; background-position: 15%;}
#header .gnb ul li .layer_sub .sub_box .imgSec .img.magazine{background:url(../images/common/magazine_img.jpg) no-repeat left top; background-position: 15%;}
#header .gnb ul li .layer_sub .sub_box .imgSec .img.event{background:url(../images/common/event_img.jpg) no-repeat left top; background-position: 15%;}
#header .gnb ul li .layer_sub .sub_box .imgSec .img.pp{background:url(../images/common/pp_img.jpg) no-repeat left top; background-position: 15%;}
#header .gnb ul li .layer_sub .sub_box .imgSec .text_box{width:100%; height:28%; padding:6%; background-color:#000;}
#header .gnb ul li .layer_sub .sub_box .imgSec .text_box a{display:block; width:96%; overflow:hidden; margin-bottom:5px; font-size:18px; color:#fff; white-space:nowrap; text-overflow:ellipsis;}
#header .gnb ul li .layer_sub .sub_box .imgSec .text_box a:hover{color:#ec431f;}
#header .gnb ul li .layer_sub .sub_box .imgSec .text_box p{color:#888; font-size: 14px;}
#header .gnb ul li .layer_sub .sub_box.big{width:50%; border-right:0; border-bottom: 1px solid #ccc;}
#header .gnb ul li .layer_sub .sub_box.big ul{margin:1% 0 0 1%;}
#header .gnb ul li .layer_sub .sub_box.big ul li{float: left;  min-width: 14%; min-height: 88px; overflow: hidden; margin: 0 0% .5%;
	text-align: center;}
#header .gnb ul li .layer_sub .sub_box.big ul li span{display: block; margin-top: 10px; font-size: 0.7em; word-break: break-all; font-weight: 400;}
#header .gnb ul li .layer_sub .sub_box.big ul li a{color:#888;}
#header .gnb ul li .layer_sub .sub_box.big ul li a:hover{color:#ec431f;}
#header .gnb ul li .layer_sub .sub_box.big ul li a img{ width: 100%; max-width: 60px;}
#header .side_menu .dim{display:none;}
#header .side_menu .cont{position:fixed; top:0; left:-80%; width:80%; height:100%; overflow:auto; background-color:#eaebed;}


ul.menu-cars li a i {
	line-height: 43px;
	width: 60px;
	font-size: 40px;
	color: #000;
}


/* Header / searchSec for desktop
-----------------------------------------------------------------*/
#header .searchSec {
	position: relative;
	display: block !important;
	float: left;
	margin: 20px 0 0 4%;
}
#header .searchSec input {
	width: 247px;
	height: 41px;
	padding: 0 40px 0 15px;
	font-size: 14px;
	color: #ababab;
	background: url(../images/common/header_search.png) no-repeat left top;
	border: 0;
	z-index: 1;
}
/*
#header .searchSec input {
	background-color: transparent;
	width: 247px;
	height: 41px;
	padding: 0 40px 0 15px;
	font-size: 14px;
	color: #ababab;
	z-index: 1;
	border-left: 3px solid transparent;
	border-bottom: 3px solid #ababab;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*/
#header .searchSec .btn_search {
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 41px;
	font-size: 20px;
	color: #ababab;
	z-index: 2;
}
#header .searchSec .btn_search::after {
	content: ' ';
}


#header .searchOver {
	position: absolute;
	top: 0;
	min-width: 100%;
	min-height: 100%;
	display: none;
	z-index: 10;
}
#header .searchOver input {
	width: 100%;
	margin: 0;
	padding: 0 40px 0 20px;
	font-size: 20px;
	line-height: 40px;
	color: #c8c8c8;
	background-color: #111111;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	z-index: 1;
}
#header .searchOver .searchOver_closer {
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -14px;
	padding: 0;
	color: #c8c8c8;
	font-size: 24px;
	z-index: 2;
}

#header .searchOver .searchOver_closer i {
	font-family: xeicon;
}


#header .util{float:right; margin-right:20px; margin-top:30px;}
#header .util ul li{float:left; height:25px;}
#header .util ul li a{display:block; margin-left:49px;}
#header .util ul li:first-child a{margin-left:0;}
/*1219 홈버튼 수정 주석처리*/
/*#header .util ul li a.btn_mall img{width:20px;}*/
#header .util ul li a.btn_search img{width:18px;}
#header .util ul li a.btn_mycarby{width:18px; height:20px; background:url(../images/common/icon_user.png) no-repeat left top; background-size:18px auto;}
#header .util ul li a.btn_mycarby.on{background:url(../images/common/icon_user.png) no-repeat left bottom; background-size:18px auto;}
#header .util ul li a.btn_mycarby.on:after{display:block; content:""; padding-top:52px; border-bottom:2px solid #c1995f;}

#header .util ul li a.btn_mycarby.active{background:url(../images/common/icon_login.png) no-repeat left bottom; !important; background-size:18px auto;}
#header .util ul li a.btn_mycarby.active:after{display:block; content:""; padding-top:52px; border-bottom:2px solid #c1995f;}

#header .util ul li a.btn_search {
	width: 18px;
	height: 20px;
	display: none;
	cursor: pointer;
	background: url(../images/common/icon_search.png) no-repeat left top;
	background-size: 18px auto;
}
#header .util ul li a.btn_search.on,
#header .util ul li a.btn_search:hover {
	background-position: 0 -20px;
}

/*로그인 전 페이지*/
#header .util ul li a.btn_previous{width:18px; height:20px; background:url(../images/common/icon_login.png) no-repeat left top; background-size:18px auto;}
#header .util ul li a.btn_previous:hover{background:url(../images/common/icon_login.png) no-repeat left bottom; background-size:18px auto;}
#header .util ul li a.btn_previous.hover{background:url(../images/common/icon_login.png) no-repeat left bottom; background-size:18px auto;}
/*로그인 후 페이지*/
#header .util ul li a.btn_mycarby:hover{background:url(../images/common/icon_user.png) no-repeat left bottom; background-size:18px auto;}
/*1219 홈버튼 추가*/
#header .util ul li a.btn_mall{width:20px; height:20px; background:url(../images/common/icon_mall.png) no-repeat left top; background-size:20px auto;}
/*1219 홈버튼 활성화 추가*/
#header .util ul li a.btn_mall:hover{background:url(../images/common/icon_mall.png) no-repeat left bottom; background-size:20px auto;}
/*1219 홈버튼 추가*/
#header .util ul li a.btn_calculator{width:20px; height:20px; background:url(../images/common/icon_calculator.png) no-repeat left top; background-size:20px auto;}
/*1219 홈버튼 활성화 추가*/
#header .util ul li a.btn_calculator:hover{background:url(../images/common/icon_calculator.png) no-repeat left bottom; background-size:20px auto;}

/* container */
#container{position:relative; min-width:320px;  padding-top:84px; background-color:#111;}
#container .subtit_sec{position:relative; z-index:11; max-height:335px;}
#container .subtit_sec .txt_area{position:absolute; top:30%; left:0; right:0; width:100%; text-align: center;}

#container .brandSec.apart .subtit_sec .txt_area,
#container .brandSec.selSec .subtit_sec .txt_area{position:absolute; top:30%; left:0; right:0; width:100%; text-align: center;}
#container .brandSec.detailSec .subtit_sec .txt_area,
#container .brandSec.result .subtit_sec .txt_area,
#container .brandSec.selSec.estimate .subtit_sec .txt_area{position:absolute; top:20%; left:0; right:0; width:100%; text-align: center;}

#container .subtit_sec h2{ font-size:48px;  color:#fff;  font-weight: bold; text-align:center;  text-transform:uppercase; font-family: 'Roboto', 'Spoqa Han Sans', 'Noto Sans Korean', 'sans-serif'; letter-spacing: 5px;}
#container .subtit_sec .stxt{ margin-bottom:5px; font-size:30px;  color:#fff;   text-align:center; font-family: 'Spoqa Han Sans', 'Noto Sans Korean', 'Roboto', 'sans-serif'; text-transform: uppercase; letter-spacing: 5px;}
#container .subtit_sec .banner{min-height:186px; max-height:253px; background:url(../images/newcar/bg_tit_brand.jpg) center center no-repeat; background-size:cover;}
#container .subtit_sec .floating_menu{width:100%; min-width:320px; padding:13px 0; height: 62px; background-color:#000;}
#container .subtit_sec .floating_menu .left_menu{float:left;}
#container .subtit_sec .floating_menu .left_menu .input-box{ width:198px; height:52px;}
#container .subtit_sec .floating_menu .left_menu .input-box .ui.dropdown:not(.button) > .default.text, .ui.default.dropdown:not(.button) > .text{ color:#fff;}
#container .subtit_sec .floating_menu .left_menu .input-box .ui.selection.dropdown{ width:100%; background-color:#000; color:#fff; border-top:0; border-right:1px solid #2e2e2e; border-bottom:0; border-left:1px solid #2e2e2e;}
#container .subtit_sec .floating_menu .left_menu .input-box .ui.selection.dropdown .dropdown.icon{ top:16px; right:14px;}
#container .subtit_sec .floating_menu .left_menu .input-box .ui.selection.visible.dropdown > .text:not(.default){ color:#fff;}
#container .subtit_sec .floating_menu .right_menu{float:right; margin:0 2% 0 0; z-index:10;}
#container .subtit_box{padding:90px 0 50px; text-align:center;}
#container .subtit_box h2{ font-weight: bold; font-size:48px; color:#000; letter-spacing:14px;}
#container .subtit_box h2.w_text{color:#f6f6f6;}
#container .subtit_box p{font-size:14px; color:#888;}
#container .subtit_box .tab{width:340px; overflow:hidden; margin:60px auto 0;}
#container .subtit_box .tab li{float:left; font-size:18px; line-height:25px;}
#container .subtit_box .tab li:first-child:after{display:inline-block; content:""; width:1px; height:14px; margin:0 40px; background-color:#484952;}
#container .subtit_box .tab li a{display:inline-block; color:#fff;}
#container .subtit_box .tab li.on a{color:#ec431f;}

/* footer */
#footer{clear:both; position:relative; min-height:200px; min-width:320px;  overflow:hidden; padding: 35px 0px 10px 0px; background-color:#111;}
#footer .inner{min-height:190px;}
#footer .logo{float:left;}
#footer .footer_menu{float:right; width:93%;}
#footer .menu_box{overflow:hidden; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #2a2a2a;}
#footer .menu_box .menu_list li{float:left; margin-right:15px; background:url(../images/common/bg_footer_menu.gif) no-repeat right center;}
#footer .menu_box .menu_list li a{padding-right:15px; font-size:14px; color:#888;}
#footer .menu_box .menu_list li:last-child{margin-right:0; background:none;}
#footer .menu_box .sns{position:absolute; top:0; right:0;}
#footer .menu_box .sns li{float:left; width:19px; height:19px; overflow:hidden; margin:0 20px; text-indent:-9999px; background:url(../images/common/footer_sns.png) no-repeat left top; background-size:38px auto;}
#footer .menu_box .sns li.b{background:url(../images/common/footer_sns.png) no-repeat left -19px; background-size:38px auto;}
#footer .menu_box .sns li.i{background:url(../images/common/footer_sns.png) no-repeat left -38px; background-size:38px auto;}
#footer .menu_box .sns li a{display:block;}
#footer .menu_box .sns li a:hover{background:url(../images/common/footer_sns.png) no-repeat right top; background-size:38px auto;}
#footer .menu_box .sns li.b a:hover{background:url(../images/common/footer_sns.png) no-repeat right -19px; background-size:38px auto;}
#footer .menu_box .sns li.i a:hover{background:url(../images/common/footer_sns.png) no-repeat right -38px; background-size:38px auto;}
#footer .info{font-size:14px; color:#FFFFFF; margin-right: 270px;}
#footer .info a{margin-left:12px; padding-left:12px; font-size:14px; color:#FFFFFF; background:url(../images/common/bg_address.gif) no-repeat left center;}
#footer address{margin-bottom:20px; font-size:14px; color:#505050; line-height:1.4; margin-right: 270px;}
#footer address span{margin-right:12px; padding-right:12px; font-size:14px; background:url(../images/common/bg_address.gif) no-repeat right center; display: inline-block;}
#footer address span:last-child{background:none;}
#footer .copy{font-size:11px; color:#333;}
#footer .btn_sns{position:absolute; top:70px; right:0;}
#footer .btn_sns{width: 254px; content: ''; clear: both; display: table;}
#footer .btn_sns li{float:left; margin-left:10px;}
#footer .btn_sns li:first-child{margin-left:0;}
#footer .btn_sns li a{ display:inline-block; width:122px; height:50px;}
#footer .btn_sns li a>img{width:100%;}


/* ====== gnb layer ====== */
/* my carby / login */
.layer_user{display:none; position:fixed; top:0; left:0; z-index:99; width:100%; min-width:320px; height:100%;}
.layer_user .dim{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6;}
.layer_user .cont{position:absolute; top:86px; right:2%; width:392px; height:726px; background-color:#fff;}
.layer_user.login .cont{ height:776px;}
.layer_user .cont .h_tit{margin-bottom:10px; font-size:30px; font-weight:bold; text-align:center;}
.layer_user .cont .h_text{margin-bottom:30px; color:#888; text-align:center;}
.layer_user .cont .btn_center{margin:0 30px 10px 20px;}
.layer_user .cont .btn_center a{width:95%;}
.layer_user .cont .btn_center.login{margin:0 30px; position: relative;}
.layer_user .cont .btn_center.login:before{ display: inline-block; position: absolute; top:0; left:-13px; content: ""; width:0; height: 0;
	border-top: 23px solid transparent; border-bottom: 23px solid transparent; border-right: 13px solid #ec431f;}
.layer_user .cont .btn_center.login:after{display:inline-block; position: absolute; bottom: 0; right: -13px; content: ""; width:0; height:0;
	border-top: 23px solid transparent; border-bottom: 23px solid transparent; border-left: 13px solid #ec431f}
.layer_user .cont .btn_close{position:absolute; top:20px; right:20px; z-index:1;}
.layer_user .cont .btn_close{position:absolute; top:20px; right:20px; z-index:1; width:26px; height:24px;}
.layer_user .cont .btn_close>img{width:100%;}
.layer_user .cont .info_list{float:left;}
.layer_user .cont .info_list .position{color:#464646;}
.layer_user .cont .info_list .name{margin:8px 0 12px; font-size:20px; color:#000;}
.layer_user .cont .info_list .num{font-size:15px; color:#ae7c32;}


/* my carby */
.layer_user.mycarby .cont .bg_pf{position:relative; max-height:206px; overflow:hidden;}
.layer_user.mycarby .cont .bg_pf:after{display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#020202; opacity:0.45; }
.layer_user.mycarby .cont .bg_pf span{position:absolute; top:76px; left:0px; right:0; z-index:1; font-size:22px; color:#fff; text-align:center;}
.layer_user.mycarby .cont .bg_pf span:before{display:block; content:""; width:59px; height:1px; margin:0 auto 30px; background-color:#fff;}
.layer_user.mycarby .cont .pf{overflow:hidden; margin:-26px auto 0; padding:0 34px 0 44px;}
.layer_user.mycarby .cont .pf .img{float:left; width:93px; overflow:hidden; margin-right:20px; visibility: hidden;
	-webkit-transform: rotate(120deg); -moz-transform: rotate(120deg); -ms-transform: rotate(120deg); -o-transform: rotate(120deg); transform: rotate(120deg);}
.layer_user.mycarby .cont .pf .img span{display:block; overflow:hidden; -webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -ms-transform: rotate(-60deg); -o-transform: rotate(-60deg); transform: rotate(-60deg);}
.layer_user.mycarby .cont .pf .img span img{visibility:visible; -webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -ms-transform: rotate(-60deg); -o-transform: rotate(-60deg); transform: rotate(-60deg);}
.layer_user.mycarby .cont .pf .pf_info{float:left; margin-top:36px;}
.layer_user.mycarby .cont .pf .pf_info p{margin-bottom:4px; font-size:20px;}
.layer_user.mycarby .cont .pf .pf_info span{color:#888;}
.layer_user.mycarby .cont .pf .btn_charge{float:right; margin-top:7px; color:#ec431f;}
.layer_user.mycarby .cont .pf .btn_charge:before{display:block; float:left; content:""; width:1px; height:30px; margin-right:15px; background-color:#e3e3e3;}
.layer_user.mycarby .cont .menu_list{overflow:hidden;}
.layer_user.mycarby .cont .menu_list li{position:relative; float:left; width:33.3%; overflow:hidden; text-align:center;}
.layer_user.mycarby .cont .menu_list li a{display:block; width:100%; padding-top:26px; font-size:15px; color:#888;}
.layer_user.mycarby .cont .menu_list li a .utility-area{display:inline-block; position:relative;}
.layer_user.mycarby .cont .menu_list li a img{width:40px;}
.layer_user.mycarby .cont .menu_list li a span.txt{display:block; margin-top:14px;}
.layer_user.mycarby .cont .menu_list li .num{position:absolute; right:3px; top:-6px; width:24px; height:24px;  font-size:14px; font-weight:bold; color:#fff; line-height:24px; background-color:#ec431f; border-radius:25px;}
.layer_user.mycarby .cont .manager_box{overflow:hidden; margin:20px; padding-top:20px; background:url(../images/member/bg_pf_menu.jpg) repeat-x left top;}
.layer_user.mycarby .cont .manager_box .img{float:left; margin-right:14px;}
.layer_user.mycarby .cont .manager_box .info_list{margin-top:8px;}
.layer_user.mycarby .cont .manager_box .info_list .name{margin:2px 0 4px;}
.layer_user.mycarby .cont .manager_box .manager_more{float:right; padding-left:20px;}
.layer_user.mycarby .cont .manager_box .manager_more:before{display:inline-block; content:""; width:1px; height:74px; background-color:#e3e3e3;}
.layer_user.mycarby .cont .manager_box .manager_more a{display:inline-block; margin-left:20px; font-size:15px; color:#464646; text-align:center;}
.layer_user.mycarby .cont .manager_box .manager_more a img{width:40px;}
.layer_user.mycarby .cont .manager_box .manager_more a span{display:block;}
/* 카비담당자 */
.layer_user.myManager .cont{background-color:#f9f9f9;}
.layer_user.myManager .btn_close{position:absolute; top:20px; right:20px;}
.layer_user.myManager .stit{height:70px; padding-left:30px; font-size:20px; line-height:72px; background-color:#fff;}
.layer_user.myManager ul li{overflow:hidden; padding:20px 30px; background:url(../images/member/bg_manager_list.gif) repeat-x left top;}
.layer_user.myManager ul li .info_list{margin:20px 0 0 30px;}


/* login */
.layer_user.login .cont{padding-top:40px;}
.layer_user.login .cont .join_ilst{margin-bottom:30px; padding:0 20px 40px; border-bottom:1px solid #e5e5e5;}
.layer_user.login .cont .join_ilst li{position:relative; overflow:hidden; margin-bottom:10px;}
.layer_user.login .cont .join_ilst li:last-child{margin-bottom:0;}
.layer_user.login .cont .join_ilst li a{display:block; height:47px; margin:0 14px 0 49px; color:#fff; line-height:47px; text-align:center;}
.layer_user.login .cont .join_ilst li a strong{margin-left:-14px;}
.layer_user.login .cont .join_ilst li a .bg{position:absolute; right:1px; top:0; width:14px; height:47px;}
.layer_user.login .cont .join_ilst li.facebook{background:url(../images/member/icon_join.png) no-repeat left top; background-size:50px 140px;}
.layer_user.login .cont .join_ilst li.facebook a{background:url(../images/member/icon_join_mid.png) repeat-x left top;}
.layer_user.login .cont .join_ilst li.facebook a .bg{background:url(../images/member/icon_join_right.png) no-repeat right top;}
.layer_user.login .cont .join_ilst li.naver{background:url(../images/member/icon_join.png) no-repeat left -47px; background-size:50px 141px;}
.layer_user.login .cont .join_ilst li.naver a{background:url(../images/member/icon_join_mid.png) repeat-x left -47px;}
.layer_user.login .cont .join_ilst li.naver a .bg{background:url(../images/member/icon_join_right.png) no-repeat right -47px;}
.layer_user.login .cont .join_ilst li.google{background:url(../images/member/icon_join.png) no-repeat left bottom; background-size:50px 143px;}
.layer_user.login .cont .join_ilst li.google a{background:url(../images/member/icon_join_mid.png) repeat-x left bottom;}
.layer_user.login .cont .join_ilst li.google a .bg{background:url(../images/member/icon_join_right.png) no-repeat right bottom;}
.layer_user.login .cont .info{margin-bottom:10px; color:#888; text-align:center;}
.layer_user.login .cont .formstyle{margin:0 20px;}
.layer_user.login .cont .login_chk{margin:20px 0; text-align:left; position:relative;}
.layer_user.login .cont .login_chk .jqTransformCheckboxWrapper{margin-top:-2px;}
.layer_user.login .cont .login_chk label{padding-left:5px; vertical-align:top;}
.layer_user.login .cont .login_chk .login-prd{position:absolute; top:0; right:0; color:#888; text-decoration: underline}
.layer_user.login .cont .login_chk .login-prd:hover,
.layer_user.login .cont .login_chk .login-prd:active,
.layer_user.login .cont .login_chk .login-prd:focus{ color:#ec431f}



.layer_user.login .cont .join_menu{width:284px; overflow:hidden; margin:40px auto 20px;}
.layer_user.login .cont .join_menu li{float:left; margin:0 17px;}
.layer_user.login .cont .join_menu li a{color:#888; text-decoration:underline;}
.layer_user.login .cont .join_menu li a:hover{color:#ec431f;}

/*filter popup 클릭시*/
.sePop, .sePop body { height: auto; overflow:auto; }
.sePop #wrap { display: none; }
.sePop .filter_pop { display: none; position:static; height: 100%;  overflow:visible }
.sePop .filter_pop .cont { position: relative; max-height: none;}
.sePop .filter_pop .dim { display: none;}

/* filter popup */
.filter_pop .cont>.txt-box{margin-top:70px; padding-bottom:30px;}
.filter_pop .cont .txt-box>.tit{ font-size:30px; letter-spacing: 7px;  text-align: center; font-weight: bold;}
.filter_pop .cont .txt-box>.txt{ margin-top:18px; padding:0 20px; font-size:14px; text-align: center;}
.filter_pop .cont .check-box{ min-width:320px; padding:10px 45px 5px; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.filter_pop .cont .check-box .input-box{position:relative; display:inline-block; width:146px; height:36px;}
.filter_pop .cont .check-box .input-box .cehck-area{ margin:9px 0 0 10px; font-size:14px;}
.filter_pop .cont .check-box .input-box .cehck-area .icon-ck{
	margin:3px;
	top: 12px;
	left: 14px;
	display: block;
	width: 12px;
	height: 10px;
	background: transparent url(../images/common/bg-filter-checke.png) no-repeat center top;
	background-size: 100%;}
.filter_pop .cont .check-box .input-box .cehck-area.on .icon-ck{ background-position: left bottom;}
.filter_pop .cont .check-box .input-box .cehck-area label{margin-left:22px;}


.filter_pop .cont .check-box .input-box{position:relative; display:inline-block; width:146px; height:36px; background:url(../images/common/bg-select145.png) no-repeat left top; background-size:145px 36px; vertical-align: top;}

.filter_pop .cont .check-box .select-box{ position:relative; display:inline-block; width:170px;}

.filter_pop .cont .filter-box{padding:0px 38px; overflow: hidden;}
.filter_pop .cont .filter-box .filter-area{ float: left;}
.filter_pop .cont .filter-box .filter-area.cont1{width:38%;}
.filter_pop .cont .filter-box .filter-area.cont2{width:24%;}
.filter_pop .cont .filter-box .filter-area.cont3{width:38%;}

.filter_pop .cont .filter-box .filter-area.cont2 li:nth-child(1){margin-top:20px;}
.filter_pop .cont .filter-box .filter-area.cont2 li{margin-top:10px;}
.filter_pop .cont .filter-box .filter-area.cont2 li{margin-top:10px;}
.filter_pop .cont .filter-box .filter-area.cont2 label{ display:inline-block; vertical-align: top; padding:2px 0 0 2px;  font-size:14px; color: #999;}

.filter_pop .cont .filter-box .filter-area.cont3{width:38%;}
.filter_pop .cont .filter-box .filter-area.cont3 .tit{padding-left:30px;}


.filter_pop .cont .filter-box .filter-area .tit{margin-top:42px; padding-left:27px; font-size:14px; color:#c1995f; font-weight:bold; background:url(../images/newcar/s-bar.gif) left center no-repeat;}
.filter_pop .cont .filter-box .filter-area .txt-area{overflow: hidden; margin-bottom:30px;}
.filter_pop .cont .filter-box .filter-area .txt-area .tit{float: left;}
.filter_pop .cont .filter-box .filter-area .txt-area .txt{float: right; margin:42px 10px 0 0; font-size:13px; color:#999;}
.filter_pop .cont .filter-box .filter-wrap{margin-top:26px; margin-left:3px; overflow: hidden;}
.filter_pop .cont .filter-box .filter-wrap .ly-left{ width:50%; float: left;}
.filter_pop .cont .filter-box .filter-wrap .ly-left .country-list,
.filter_pop .cont .filter-box .filter-wrap .ly-right .country-list{margin-bottom:36px;}
.filter_pop .cont .filter-box .filter-wrap .ly-left .country-list li,
.filter_pop .cont .filter-box .filter-wrap .ly-right .country-list li{ margin-bottom:10px;}
.filter_pop .cont .filter-box .filter-wrap .ly-left .country-list li:last-child,
.filter_pop .cont .filter-box .filter-wrap .ly-right .country-list li:last-child{ margin-bottom:0px;}
.filter_pop .cont .filter-box .filter-wrap .ly-left .country-list li label,
.filter_pop .cont .filter-box .filter-wrap .ly-right .country-list li label{padding:1px 0 0 2px;  font-size:14px; color:#999; vertical-align: top;}
.filter_pop .cont .filter-box .filter-wrap .ly-right{ width:50%; float: right;}
.filter_pop .cont .filter-box .filter-wrap .country-list li .name{font-size:15px;}
.filter_pop .cont .filter-box .filter-wrap .country-icon{display:inline-block; width:20px; height:13px; margin:3px 6px 0 0; vertical-align: top; background:url(../images/newcar/icon-countryx20.gif) 0 0 no-repeat;}
.filter_pop .cont .filter-box .filter-wrap .country-icon.icon1{ background:url(../images/newcar/country-icon-1.jpg) 0 0 no-repeat; background-size:100%;}
.filter_pop .cont .filter-box .filter-wrap .country-icon.icon2{ background:url(../images/newcar/country-icon-2.jpg) 0 0 no-repeat; background-size:100%;}
.filter_pop .cont .filter-box .filter-wrap .country-icon.icon3{ background:url(../images/newcar/country-icon-3.jpg) 0 0 no-repeat; background-size:100%;}
.filter_pop .cont .filter-box .filter-wrap .country-icon.icon4{ background:url(../images/newcar/country-icon-4.jpg) 0 0 no-repeat; background-size:100%;}
.filter_pop .cont .filter-box .filter-wrap .country-icon.icon5{ background:url(../images/newcar/country-icon-5.jpg) 0 0 no-repeat; background-size:100%;}


.filter_pop .cont .filter-box .slider_area .range_slider{position:relative; width:88%; margin:0 auto;}
.filter_pop .cont .filter-box .slider_area .range_slider .irs-to{color:#ff2d00;}
.filter_pop .cont .filter-box .slider_area .range_slider .irs-from,
.filter_pop .cont .filter-box .slider_area .range_slider .irs-to,
.filter_pop .cont .filter-box .slider_area .range_slider .irs-single{font-size:26px;  font-weight:bold; color:#000; background:none !important; display:none;}
.filter_pop .cont .filter-box .slider_area .range_slider .text.down{left:38px; display:none;}
.filter_pop .cont .filter-box .slider_area .range_slider .text.up{right:-10px; display:none;}
.filter_pop .cont .filter-box .slider_area .range_slider .space_text{position:absolute; bottom:-30px; left:48%; font-size:22px; font-weight:bold; color:#888;}
.filter_pop .cont .filter-box .slider_area .range_slider .irs-from{position:absolute; top:78px; left:23% !important;
	visibility:visible !important; display:inline-block; font-size:20px; width:85px;}
.filter_pop .cont .filter-box .slider_area .range_slider .irs-to{position:absolute; top:78px !important; left:60% !important;
	visibility:visible !important; display:inline; border-top:0; font-size:20px; color:#ff2d00; width:85px; height:28px;}
.filter_pop .cont .filter-box .slider_area .range_slider .irs-slider{ background:url(../images/common/hexagon.png) no-repeat; background-size:100%; border-radius:0; box-shadow: none; width:31px; height:36px; border:0; top:19px;}
.filter_pop .cont .filter-box .slider_area .range_slider .irs-grid-text{bottom:-2px;}
.filter_pop .cont .filter-box .slider_area .range_slider .irs-bar{  border-top: 1px solid #c93010;  border-bottom: 1px solid #c93010;
	background: #eb431f;}

.filter_pop .cont .filter-box .slider_area .range_slider .irs-min, .irs-max{display:none;}
.filter_pop .cont .btn_area{padding:20px 0;}

/*셀렉터 구현*/
.filter_pop .cont .check-box .ui.selection.dropdown{ width:inherit; height:36px; min-width:0; min-height:0; background:url(../images/common/bg-select.png) 0 0 no-repeat; background-size:170px 36px; border:0; padding:9px 3px 7px 12px; box-shadow: none; font-size:14px;}
.filter_pop .cont .check-box .ui.selection.dropdown .default.text{color:#000;}
.filter_pop .cont .check-box .ui.selection.dropdown .dropdown.icon{ right:24px;}


/* 필터 저장 이름 지정, 나의 두번째 차 팝업 */
.layer_popup.filternotice_pop .cont,
.layer_popup.filtersave_pop .cont,
.layer_popup.prdfind_pop .cont,
.layer_popup.email_pop .cont,
.layer_popup.release_pop .cont{max-width:646px; max-height:346px; overflow:hidden; top:200px;  background-color:#000;}
.layer_popup.filtersave_pop .cont .bg-logo,
.layer_popup.prdfind_pop .cont .bg-logo,
.layer_popup.email_pop .cont .bg-logo,
.layer_popup.release_pop .cont .bg-logo{  position: absolute;  top: 43px; right: 50px; width: 36px; height: 57px;
	background: url(../images/mypage/popup-s_logo.png) 0 0 no-repeat; background-size: 36px auto;}
.layer_popup.filtersave_pop .cont .tit,
.layer_popup.filternotice_pop .cont .tit{margin:50px 0 0 50px; font-size:24px; color:#fff;}
.layer_popup.filtersave_pop .cont .btn_area
.layer_popup.filternotice_pop .cont .btn_area{margin-bottom:0;}
.layer_popup.filtersave_pop .cont .formstyle{margin-top:65px;}
.layer_popup.filtersave_pop .cont .formstyle .input-box.black{position:relative; padding-bottom:5px; margin:0 50px 50px 50px; border-bottom:5px solid #fff;}
.layer_popup.filtersave_pop .cont .formstyle .input-box.black input,
.layer_popup.prdfind_pop .cont .formstyle .input-box.black input,
.layer_popup.email_pop .cont .formstyle .input-box.black input,
.layer_popup.release_pop .cont .formstyle .input-box.black input{width:100%; background-color:#000; border:0;}

.layer_popup.filtersave_pop .cont .formstyle .input-box.black .s-ber,
.layer_popup.prdfind_pop .cont .formstyle .input-box.black .s-ber,
.layer_popup.email_pop .cont .formstyle .input-box.black .s-ber,
.layer_popup.release_pop .cont .formstyle .input-box.black .s-ber{display:inline-block; position:absolute; top:15px; left:0; width:1px; height:16px; background:url(../images/common/s-bar16.png) 0 0 no-repeat; z-index:10;}

.layer_popup.filternotice_pop .cont .txt{margin:30px 0 56px 50px; font-size:14px; color:#999; line-height: 1.4;}
.layer_popup.filternotice_pop .cont .bg-logo{ position: absolute;  top: 43px; right: 50px; width: 36px; height: 57px;
	background: url(../images/mypage/popup-s_logo.png) 0 0 no-repeat; background-size: 36px auto; }


.layer_popup.filternotice_pop .cont .btn_area{padding:0 37px 50px ;}
.layer_popup.filternotice_pop .cont .btn_orange,
.layer_popup.filternotice_pop .cont .btn_gold,
.layer_popup.filternotice_pop .cont .btn_gray_area{float:left;}

/*비밀번호 찾기 팝업*/
.layer_popup.prdfind_pop .cont,
.layer_popup.email_pop .cont,
.layer_popup.release_pop .cont{padding:50px;}
.layer_popup.prdfind_pop .cont .tit,
.layer_popup.email_pop .cont .tit,
.layer_popup.release_pop .cont .tit{ font-size:24px; color:#fff;}
.layer_popup.prdfind_pop .cont .prd-tit,
.layer_popup.email_pop .cont .prd-tit,
.layer_popup.release_pop .cont .prd-tit{ margin:48px 0px 20px; font-size:20px; color:#fff; text-align: center;}
.layer_popup.prdfind_pop .cont .btn_area,
.layer_popup.email_pop .cont .btn_area,
.layer_popup.release_pop .cont .btn_area{padding:5% 0;}
.layer_popup.prdfind_pop .cont .formstyle .input-box.black,
.layer_popup.email_pop .cont .formstyle .input-box.black,
.layer_popup.release_pop .cont .formstyle .input-box.black{position:relative; margin:0 5%; border-bottom:5px solid #fff;}

.layer_popup.prdfind_pop .cont .btn-prd_reset{letter-spacing: -1px;}
.layer_popup.email_pop .cont .btn-prd_email,
.layer_popup.release_pop .cont .btn-prd_release{letter-spacing: -1px;}

/* 추천 상품 팝업 */

.layer_user.recommend .cont{  padding:30px 34px; position: absolute;  top: 86px;  right: 2%;  width: 457px;   height: 463px; overflow: hidden;background-color: #fff; border:1px solid #dadada; }
.layer_user.recommend .cont .h_tit{ text-align: left;}

.layer_user.recommend .btn_area{padding-bottom:0;}
.layer_user.recommend .package_list{margin-bottom:20px;}
.layer_user.recommend .package_list ul{overflow:hidden; padding-left:3px; width:100%;}
.layer_user.recommend .package_list ul .slick-dots{ clear: both; width:110px; height:auto; margin:20px auto 0;}
.layer_user.recommend .package_list ul .slick-dots li {overflow:hidden;}
.layer_user.recommend .package_list ul li{ display:inline-block; padding:0 3px;}
.layer_user.recommend .package_list ul li a{display:block;}
.layer_user.recommend .package_list ul li a>img{ width:100%;}
.layer_user.recommend .package_list ul li .text_box{  padding:22px 15px; color:#fff; background-color:#282828;}
.layer_user.recommend .package_list ul li .text_box p{margin-bottom:8px; font-size:18px;}
.layer_user.recommend .package_list ul li .text_box span{font-size:14px;}


/* search */
.layer_search{display:none; /*position:fixed;*/ top:84px; left:0; z-index:99; width:100%; min-width:320px; height:100%; overflow:auto;
	/*background-color:rgba(0, 0, 0, 0.8);*/ }
.layer_search .btn_close{position:absolute; top:38px; right:40px; width:29px; height:24px;}
.layer_search .btn_close>img{ width:100%;}
.layer_search .cont{padding-bottom:150px;}

.layer_search .search_box{
	height:460px;
	background-color:#e4e8e9;
}
.layer_search .search_box .title{margin-left:15px; padding-top:90px; font-weight: bold; font-size:48px; color:#000; letter-spacing:15px; text-align:center;}
.layer_search .search_box .input_box{position:relative; max-width:817px; margin:0 auto;}
.layer_search .search_box .input_box .img_inputBox{width:100%; height:111px; background:url(../images/common/bg_search_mid.jpg) repeat-x left top;}
.layer_search .search_box .input_box .img_inputBox:before{content:""; display:inline-block; float:left; width:46px; height:100%;
	background:url(../images/common/bg_search_left.jpg) no-repeat left top;}
.layer_search .search_box .input_box .img_inputBox .btn-search-icon{content:""; display:inline-block; float:right; width:13%; height:100%;
	background:url(../images/common/bg_search_right.jpg) no-repeat left top;}
.layer_search .search_box .input_box input[type="text"]{position:absolute; top:0; left:0; width:87%; height:100%; padding-left:20px; font-size:20px; color:#898d90;
	background-color:transparent; line-height:70px; text-align:center; text-overflow:ellipsis; white-space:nowrap;}
.layer_search .search_box .input_box .auto_box{display:none; position:absolute; top:72px; left:0; z-index:10; width:87%; min-height:180px; background-color:#fff; border-top:1px solid #f3f5f5;}
.layer_search .search_box .input_box .auto_box ul{margin-top:20px; padding-top:10px; border-top:1px solid #e4e8e9;}
.layer_search .search_box .input_box .auto_box ul li{padding-left:130px; color:#aeafb3; line-height:34px;}
.layer_search .search_box .input_box .search_wordBox{position:relative;}
.layer_search .search_box .input_box .search_list{position:absolute; top:136px; left:130px; width:590px; overflow:hidden;}
.layer_search .search_box .input_box .search_list > p{float:left; width:24%; font-size:18px; font-weight:bold;}
.layer_search .search_box .input_box .search_list .plist_box{float:left; width:76%; overflow:hidden;}
.layer_search .search_box .input_box .search_list ul{float:left; width:50%; padding-bottom:5px;}
.layer_search .search_box .input_box .search_list ul li{padding:5px 0;}
.layer_search .search_box .input_box .search_list ul li span{ display: inline-block; position: relative; width:20px; height:12px;
	font-size: 11px; color:#fff; text-align:center; line-height:11px; background-color: #4a4f53;}
.layer_search .search_box .input_box .search_list ul li span:after{content: ""; position:absolute; top:-5px; left:0; width:0; height:0;
	border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:5px solid #4a4f53;}
.layer_search .search_box .input_box .search_list ul li span:before{content: ""; position:absolute; bottom:-5px; left:0; width:0; height:0;
	border-left:10px solid transparent; border-right:10px solid transparent; border-top:5px solid #4a4f53;}
.layer_search .search_box .input_box .search_list ul li a{margin-left:8px; color:#4a4f53;}
.layer_search .search_box .input_box .search_list ul li.best a{color:#ae7c32;}
.layer_search .search_box .input_box .search_list ul li.best span{background-color:#ae7c32;}
.layer_search .search_box .input_box .search_list ul li.best span:after{border-bottom:5px solid #ae7c32;}
.layer_search .search_box .input_box .search_list ul li.best span:before{border-top:5px solid #ae7c32;}

.layer_search .btn_search_wordBox{display:none; text-align:center; border-top:1px solid #aeafb3; border-bottom:1px solid #aeafb3; background-color:#e4e8e9;}
.layer_search .btn_search_wordBox a{display:block; width:100%; padding:5px 0;}
.layer_search .btn_search_wordBox a span{font-size:12px; color:#4a4f53;}
.layer_search .btn_search_wordBox a img{vertical-align:middle;}

.layer_search .result_box{max-width:1200px; margin:20px auto; display:none;}
.layer_search .result_box .result_text{color:#4a4f53;}
.layer_search .result_box .result_text span{color:#ec431f; text-decoration:underline;}
.layer_search .result_box .search_cont{margin-top:50px;}
.layer_search .result_box .search_cont>.menu{position:relative; z-index:10;}
.layer_search .result_box .search_cont>.menu > ul{position:relative;}
.layer_search .result_box .search_cont>.menu > ul > li{float:left; width:11.1111%; font-size:14px; color:#fff; text-align:center; background:#000 url(../images/common/bg_search_menu.gif) no-repeat left 13px;}
.layer_search .result_box .search_cont>.menu li.brand_menu span.btn-area{ display:none; position:absolute;  top:237px; right:3%; z-index:3;}
.layer_search .result_box .search_cont>.menu li.brand_menu span.btn-area .btn-close{ display:inline-block; width:24px; height:24px;
	background:url(../images/main/main-sub_Bclose.png) 0 0 no-repeat; background-size: 24px auto;}
.layer_search .result_box .search_cont .menu li.brand_menu.on span.btn-area{ display:block;}

.layer_search .result_box .search_cont>.menu > ul > li > a{display:inline-block; width:100%; padding:12px 0px; font-size:13px; color:#fff;}
.layer_search .result_box .search_cont>.menu > ul > li:first-child{background-image:none;}
.layer_search .result_box .search_cont>.menu > ul > li.on{background-color:#ae7c32; background-image:none;}
.layer_search .result_box .search_cont>.menu > ul > li.brand_menu.on > a{position:relative; background:none;}
.layer_search .result_box .search_cont>.menu > ul > li.brand_menu.on > a:after{content:""; display:block; position:absolute; bottom:-6px; left:50%; z-index:1; width:0; height:0; margin-left:-8px; border-left:8px solid transparent; border-right:8px solid transparent; border-top:6px solid #ae7c32; z-index:4;}

.layer_search .result_box .search_cont .menu > ul > li.brand_menu .sub{display:none; position:absolute; top:39px; left:0; right:0; height:250px; text-align:left; background-color:#000; border-top:2px solid #ae7c32; z-index:2;}
.layer_search .result_box .search_cont .menu > ul > li.brand_menu .sub li > ul > li{float:left;}
.layer_search .result_box .search_cont .menu > ul > li.brand_menu .sub li p{padding:12px 0 12px 30px; font-size:14px; color:#fff; border-bottom:1px solid #1d1d1d;}
.layer_search .result_box .search_cont .menu > ul > li.brand_menu .sub li p:hover{color:#ae7c32;}
.layer_search .result_box .search_cont .menu > ul > li.brand_menu .sub li ul{height:130px; overflow:auto;}
.layer_search .result_box .search_cont .menu > ul > li.brand_menu .sub li ul li{width:100%; height:auto; padding:6px 0 5px 30px;}
.layer_search .result_box .search_cont .menu > ul > li.brand_menu .sub li ul li a{font-size:12px; color:#959595;}
.layer_search .result_box .search_cont .menu > ul > li.brand_menu .sub li ul li a:hover{color:#ae7c32;}
.layer_search .result_box .search_cont .menu > ul > li.brand_menu .sub .slick-dots{position:relative; left:0; right:0; bottom:0; padding-top:30px; text-align:center;}
.layer_search .result_box .search_cont .menu > ul > li.brand_menu .sub .slick-dots li{display:inline-block; float:none;}
.layer_search .result_box .search_cont .resultbox_list{padding-top:90px;}
.layer_search .result_box .search_cont .resultbox_list .title_area .tit{float:left; margin-bottom:20px; font-size:20px; color:#000;}
.layer_search .result_box .search_cont .resultbox_list .title_area .input-box{margin:0 0 0 40px; float:left; width:198px; position:relative}

.layer_search .result_box .search_cont .resultbox_list .title_area .input-box .ui.selection.dropdown{ font-size:14px; height:20px; padding:2px 5px 5px 12px; width:100%; border-top:0; border-right:1px solid #000; border-bottom:0; border-left:1px solid #000; border-radius: 0;  color:#000;}
.layer_search .result_box .search_cont .resultbox_list .title_area .input-box .ui.selection.dropdown .menu > .item{ font-size:14px; padding:6% !important;}
.layer_search .result_box .search_cont .resultbox_list .title_area .input-box .dropdown.icon{top:2px;}
.layer_search .result_box .search_cont .resultbox_list .title_area .input-box .ui.dropdown:not(.button) > .default.text, .ui.default.dropdown:not(.button) > .text{color:#000;}

.layer_search .result_box .search_cont .resultbox_list .title_area .btn_filter,
.layer_search .result_box .search_cont .resultbox_list .title_area .btn_bbs_more{float:right;}
.layer_search .result_box .search_cont .resultbox_list .search_result_box{margin-bottom:40px; padding:0 0 40px 0; border-bottom:4px solid #000;}
.layer_search .result_box .search_cont .resultbox_list .search_result_box .title_area{position:relative; padding-bottom:10px; }
.layer_search .result_box .search_cont .resultbox_list .search_result_box .title_area:after{content: ''; display:block; clear: both;}
.layer_search .result_box .search_cont .resultbox_list .search_result_box.recom .recom_slider{clear:both;}
.layer_search .result_box .search_cont .resultbox_list .search_result_box.recom ul li{position:relative; float:left;}
.layer_search .result_box .search_cont .resultbox_list .search_result_box.recom ul li .space_area{margin:0 2px;}
.layer_search .result_box .search_cont .resultbox_list .search_result_box.recom ul li .text_box{width:100%; padding:30px; background-color:#000;}
.layer_search .result_box .search_cont .resultbox_list .search_result_box.recom ul li .text_box a{display:block; width:98%; overflow:hidden; margin-bottom:5px; font-size:1.25em; color:#fff; text-overflow:ellipsis; white-space:nowrap;}
.layer_search .result_box .search_cont .resultbox_list .search_result_box.recom ul li .text_box a:hover{color:#f6451c;}
.layer_search .result_box .search_cont .resultbox_list .search_result_box.recom ul li .text_box p{width:100%; overflow:hidden; color:#888; line-height:1.2; height:42px;}
.layer_search .result_box .search_cont .resultbox_list .search_result_box.recom ul li .text_box span{ display:block; color:#888;}

.layer_search .result_box .search_cont .resultbox_list .search_result_box.magazine_box .img_list{padding-bottom:40px;}

.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .sub_title_area{clear:both; position:relative; height:60px; overflow:hidden; border-top:1px solid #a3a3a3;}
.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .sub_title_area .tit{float:left; margin-top:24px; color:#898d90;}
.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .sub_title_area .right_btn{float:right;}
.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .sub_title_area .right_btn .btn_bbs_more{float:left; margin:24px 30px 0 0; background-position:right center;}

.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .sub_title_area .right_btn .btn_toggle{display:block; float:left; margin-top:14px; width:30px; height:35px;}
.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .sub_title_area .right_btn .btn_toggle img{width:100%;}
.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .drop_cont{display:none; overflow:hidden;}
.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box.on .tit{color:#ae7c32;}
.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box.on .drop_cont{display:block; padding-bottom:40px;}

.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .search_brandList{clear:both; padding-bottom:20px;}
.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .search_brandList li{position:relative; float:left; width:25%; overflow:hidden;}
.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .search_brandList li .name{margin-left:10%; font-size:12px;}
.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .search_brandList li .bg_bar{width:20px; height:32px; margin:-30px 0 0 10%;}

.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .search_carlist{clear:both;}
.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .search_carlist li{position:relative; float:left; width:25%; overflow:hidden;}
.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .search_carlist li .space_area{position:relative; margin:2px; border:1px solid #969696;}
.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .search_carlist li .space_area:hover{border:1px solid #ec431f;}
.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .search_carlist li .space_area .icon_box{position:absolute; left:5%; right:5%; top:19px; overflow:hidden; z-index:2;}
.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .search_carlist li .space_area .icon_box .fl .chk{float:left; margin:3px 12px 0 0;}
.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .search_carlist li .space_area .icon_box .fr .like{display:inline-block; width:24px; height:24px;
	margin-right:12px; background:url(../images/common/icon_like.png) no-repeat center top; background-size:24px auto;}
.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .search_carlist li .space_area .icon_box .fr .like span{display:block; margin-top:28px; font-size:12px; font-weight:bold; color:#888; text-align:center;}
.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .search_carlist li .space_area .icon_box .fr .like.on{background:url(../images/common/icon_like.png) no-repeat center -24px;}
.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .search_carlist li .space_area .icon_box .fl .new img{width:39px;}
.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .search_carlist li .space_area .icon_box .fl .hotdeal img{width:68px;}
.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .search_carlist li .space_area .icon_box .fr .btn_plus img{width:23px;}
.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .search_carlist li .space_area .bg_bar{width:20px; height:32px; margin:-30px 0 0 10%;}
.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .search_carlist li .space_area .info_box{margin-left:10%;}
.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .search_carlist li .space_area .info_box .style{margin-bottom:12px; font-size:12px; color:#000;}
.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .search_carlist li .space_area .info_box .style strong{display:block; width:80%; overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap;}
.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .search_carlist li .space_area .info_box .model{ margin-bottom: 15px; width: 90%;  height: 23px;  font-size: 1.125em;
	font-weight: bold; color: #333; text-overflow: ellipsis; overflow: hidden;  white-space: nowrap;}
.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .search_carlist li .space_area .info_box .price{height:50px;font-style:italic; font-size:14px; color:#000;}

.layer_search .result_box .search_cont .resultbox_list .search_result_box .img_list{clear:both; overflow:hidden;}
.layer_search .result_box .search_cont .resultbox_list .search_result_box .img_list li{position:relative; float:left;}
.layer_search .result_box .search_cont .resultbox_list .search_result_box .img_list li .space_area{margin:2px;}
.layer_search .result_box .search_cont .resultbox_list .search_result_box .img_list li .text_box{width:100%; padding:30px 20px; background-color:#000;}
.layer_search .result_box .search_cont .resultbox_list .search_result_box .img_list li .text_box a{display:block; width:98%; overflow:hidden; margin-bottom:5px; font-size:1.25em; color:#fff; text-overflow:ellipsis; white-space:nowrap;}
.layer_search .result_box .search_cont .resultbox_list .search_result_box .img_list li .text_box a:hover{color:#f6451c;}
.layer_search .result_box .search_cont .resultbox_list .search_result_box .img_list li .text_box p{width:98%; overflow:hidden; color:#888; line-height:1.2; height:42px;}
.layer_search .result_box .search_cont .resultbox_list .search_result_box .img_list li .text_box span.stit{ color: #8a7e75; }
.layer_search .result_box .search_cont .resultbox_list .search_result_box .img_list li .text_box span{  display: block; color: #888;}
.layer_search .result_box .search_cont .resultbox_list .search_result_box .img_list li .top_area .btn-play{ width: 16%; height: 22%;
	position: absolute; top: 26%; left: 50%;  margin-left: -9%; text-align: center;
	background: url(../images/common/btn-playmovie.png) 0 0 no-repeat; background-size: contain;}

.layer_search .result_box .search_none{padding:90px 0 185px; text-align:center; background:url(../images/common/bg_none.gif) no-repeat center 90px;}
.layer_search .result_box .search_none p{margin-top:185px; font-size:24px; color:#c5c4c4;}


.search_section {
	background-color: #fff !important;
}

.search_section .searchResult .subtit_box h2 {
	color: #222222 !important;
}


/* tooltip */
.icon-exclamation{display: inline-block; width:15px; height:16px; overflow: hidden; margin-bottom:2px; font-size: 0; line-height: 0; vertical-align:middle;
	background:url(../images/common/icon-exclamation_15.png) 0 0 no-repeat; background-size:15px auto;}
a.icon-exclamation span.icon-exclamation { background-position: 0 -16px; opacity: 0; }
a.icon-exclamation:hover span.icon-exclamation {opacity: 1; }
.btn-m{overflow: hidden;text-decoration: none;-webkit-transition-property: background, opacity;
	-moz-transition-property: background, opacity;transition-property: background, opacity;-webkit-transition-duration: 0.3s, 0.3s;-moz-transition-duration: 0.3s, 0.3s;transition-duration: 0.3s, 0.3s; }

/*gnb*/

.mbMemuOpen { height:100%; overflow:hidden }


.btn_insurance{display:inline-block; position:relative; width:162px; height:46px; margin:0 13px; color:#fff; text-align:center; line-height:46px; background-color:#AE7C32;}
.ar-left.insurance{  background: url(../images/common/ar-left-filter.png) 0 0 no-repeat; background-size: auto 46px;}
.ar-right.insurance{  background: url(../images/common/ar-right-filter.png) 0 0 no-repeat; background-size: auto 46px;}

/* 1600 */
@media screen and (max-width: 1600px){
	#header .gnb ul li .layer_sub .sub_box .tit{padding:20px 0 20px 15px; line-height:1; font-family: 'Roboto', 'Spoqa Han Sans', 'Noto Sans Korean'; font-weight: 900;}
	#header .gnb ul li .layer_sub .sub_box .tit a{top:24px; right:10px;}

}


/*1201 */
@media screen and (min-width:1201px) {
	/* 1200이상일때 btn_menu */
	/*gnb menu 숨김*/
	#header .side_menu{display:none;}
	#header .dim{display:none;}
	.mbMemuOpen{ overflow: auto; height: inherit;}

	#header .util {
		margin-right: 40px;
	}
	#header .searchOver input {
		padding: 0 40px;
		line-height: 84px;
	}
	#header .searchOver .searchOver_closer {
		right: 40px;
	}
}

/* 1200 */
@media screen and (max-width:1200px) {
	#header .util { margin-top: 0px; }
	#header .util ul li a.btn_search{display:block !important; opacity:1 !important;}
	/* header */
	#header{height:44px; padding-top:10px;}
	#header h1.default{display:none !important; opacity:0; }
	#header h1.slogo{display:block !important; opacity:1 !important; position:absolute; left:50%; float:none; margin:-3px 0 0 -11px;}
	#header .gnb{margin-left:-20px;}
	#header .gnb .btn_menu{display:block !important; margin-left:40px;}
	#header .gnb .gnb_list{display:none;}
	#header .searchSec{display:none !important;}

	#header .searchOver input {
		padding: 0 60px 0 20px;
		line-height: 44px;
	}
	#header .searchOver .searchOver_closer {
		right: 20px;
	}

	#header .util ul li a.btn_mall{display:none;}
	#header .util ul li a.btn_calculator{}
	/* #header .side_menu{position:fixed; top:0; left:0; z-index:10; width:100%; height:100%;} */
	#header .side_menu .dim{position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.8;}
	#header .side_menu .top_area{position:relative; height:60px; background-color:#171717; border-bottom:1px solid #434343;}
	#header .side_menu .top_area p{padding:18px 0 0 20px;}
	#header .side_menu .top_area p a img{width:104px;}
	#header .side_menu .top_area .btn_close{position:absolute; right:20px; top:16px; width:26px; height:24px;}
	#header .side_menu .top_area .btn_close>img{width:100%;}
	#header .side_menu .pf_area{position:relative; height:134px; overflow:hidden;}
	#header .side_menu .pf_area .bg_pf:after{display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#020202; opacity:0.45; }
	#header .side_menu .pf_area .info{position:absolute; top:20px; left:20px;}
	#header .side_menu .pf_area .info .img{float:left; width:70px; overflow:hidden; margin-right:20px; visibility: hidden;
		-webkit-transform: rotate(120deg); -moz-transform: rotate(120deg); -ms-transform: rotate(120deg); -o-transform: rotate(120deg); transform: rotate(120deg);}
	#header .side_menu .pf_area .info .img span{display:block; overflow:hidden; -webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -ms-transform: rotate(-60deg); -o-transform: rotate(-60deg); transform: rotate(-60deg);}
	#header .side_menu .pf_area .info .img span img{visibility:visible; -webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -ms-transform: rotate(-60deg); -o-transform: rotate(-60deg); transform: rotate(-60deg);}
	#header .side_menu .pf_area .info dl{float:left; margin-top:20px;}
	#header .side_menu .pf_area .info dl dt{margin-bottom:4px; font-size:20px; color:#fff;}
	#header .side_menu .pf_area .info dl dd{color:#e1e1e1;}
	#header .side_menu .slide_list{margin-bottom:30px;}
	#header .side_menu .slide_list > li{ font-weight: bold;  color:#fff; background-color:#cecfd1;}
	#header .side_menu .slide_list > li p{padding:8px 0 8px 20px;}
	#header .side_menu .slide_list li ul li{background-color:#f9f9f9; border-bottom:1px solid #cecfd1;}
	#header .side_menu .slide_list li ul li a{display:block; padding:8px 0 8px 20px; color:#808080; background:url(../images/common/bg_sildemenu_off.png) no-repeat 94% center; background-size:20px auto; font-weight: 400;}
	#header .side_menu .slide_list li ul li a:hover{color:#ae7c32; background:url(../images/common/bg_sildemenu_on.png) no-repeat 94% center; background-size:20px auto;}
	#header .side_menu .service_list{overflow:hidden; padding-bottom:20px;}
	#header .side_menu .service_list li{float:left; width:33.3%; text-align:center;}
	#header .side_menu .service_list li a{display:block; position:relative;}
	#header .side_menu .service_list li a:after{display:inline-block; position:absolute; top:0; right:0; content:""; width:2px; height:62px; background-color:#cecfd1;}
	#header .side_menu .service_list li a span{display:block; margin-top:10px; font-size:14px;}
	#header .side_menu .service_list li a:hover,
	#header .side_menu .service_list li a:active,
	#header .side_menu .service_list li a:focus{color:#c1995f;}
	#header .side_menu .service_list li:last-child a:after{background:none;}

	#header .util ul li a.btn_mycarby.on:after{padding-top:32px;}



	#container{padding-top:44px;}


	/* search */
	.layer_search .result_box .search_cont .resultbox_list{padding:90px 3.4% 0px; }

	/* 추천검색 슬라이더 화살표 */
	.layer_search .result_box .search_cont .resultbox_list .search_result_box.recom .slick-prev{left:0%;}
	.layer_search .result_box .search_cont .resultbox_list .search_result_box.recom .slick-next{right:0%;}

	/* leyer */
	.layer_user .cont{top:45px;}
	.layer_user.recommend .cont{top:45px;}
	.layer_search{ top:44px;}

	#footer .inner{margin: 0px 10px 0px 10px}
}



/* 1024 */
@media screen and (max-width:1024px){
	#footer .menu_box .sns li{margin:0 7px;}
	#footer .btn_sns{top:100px; right:20px;}
	/* #header .side_menu{position:fixed; top:0; left:0; z-index:10; width:100%; height:100%;} */
	#header .side_menu .dim{position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.8; }
	#header .side_menu .top_area{position:relative; height:60px; background-color:#171717; border-bottom:1px solid #434343;}
	#header .side_menu .top_area p{padding:18px 0 0 20px;}
	#header .side_menu .top_area p a img{width:104px;}
	#header .side_menu .top_area .btn_close{position:absolute; right:20px; top:16px; width:26px; height:24px;}
	#header .side_menu .top_area .btn_close>img{width:100%;}
	#header .side_menu .pf_area{position:relative; height:134px; overflow:hidden;}
	#header .side_menu .pf_area .bg_pf:after{display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#020202; opacity:0.45; }
	#header .side_menu .pf_area .info{position:absolute; top:20px; left:20px;}
	#header .side_menu .pf_area .info .img{float:left; width:70px; overflow:hidden; margin-right:20px; visibility: hidden;
		-webkit-transform: rotate(120deg); -moz-transform: rotate(120deg); -ms-transform: rotate(120deg); -o-transform: rotate(120deg); transform: rotate(120deg);}
	#header .side_menu .pf_area .info .img span{display:block; overflow:hidden; -webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -ms-transform: rotate(-60deg); -o-transform: rotate(-60deg); transform: rotate(-60deg);}
	#header .side_menu .pf_area .info .img span img{visibility:visible; -webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -ms-transform: rotate(-60deg); -o-transform: rotate(-60deg); transform: rotate(-60deg);}
	#header .side_menu .pf_area .info dl{float:left; margin-top:20px;}
	#header .side_menu .pf_area .info dl dt{margin-bottom:4px; font-size:20px; color:#fff;}
	#header .side_menu .pf_area .info dl dd{color:#e1e1e1;}
	#header .side_menu .slide_list{margin-bottom:30px;}
	#header .side_menu .slide_list > li{ font-weight: bold;  color:#fff; background-color:#cecfd1;}
	#header .side_menu .slide_list > li p{padding:8px 0 8px 20px;}
	#header .side_menu .slide_list li ul li{background-color:#f9f9f9; border-bottom:1px solid #cecfd1;}
	#header .side_menu .slide_list li ul li a{display:block; padding:8px 0 8px 20px; color:#808080; background:url(../images/common/bg_sildemenu_off.png) no-repeat 94% center; background-size:20px auto;}
	#header .side_menu .slide_list li ul li a:hover{color:#ae7c32; background:url(../images/common/bg_sildemenu_on.png) no-repeat 94% center; background-size:20px auto;}
	#header .side_menu .service_list{overflow:hidden; padding-bottom:20px;}
	#header .side_menu .service_list li{float:left; width:33.3%; text-align:center;}
	#header .side_menu .service_list li a{display:block; position:relative;}
	#header .side_menu .service_list li a:after{display:inline-block; position:absolute; top:0; right:0; content:""; width:2px; height:62px; background-color:#cecfd1;}
	#header .side_menu .service_list li a span{display:block; margin-top:10px; font-size:14px;}
	#header .side_menu .service_list li a:hover,
	#header .side_menu .service_list li a:active,
	#header .side_menu .service_list li a:focus{color:#c1995f;}
	#header .side_menu .service_list li:last-child a:after{background:none;}

}


/* 768 */
@media screen and (max-width: 768px){
	.btn_area{padding-bottom:40px;}

	/* header */
	#header{height:44px; padding-top:10px;}
	#header h1.default{display:none !important; opacity:0;}
	#header h1.slogo{display:block !important; opacity:1 !important; position:absolute; left:50%; float:none; margin:-3px 0 0 -11px;}
	#header .gnb{margin-left:-20px;}
	#header .gnb .btn_menu{display:block; margin-left:40px;}
	#header .gnb .btn_menu a.s-menu{ display:inline-block; width:18px; height:20px; background:url(../images/common/btn_menu.png) 0 0 no-repeat; background-size: 20px auto;}
	#header .gnb .gnb_list{display:none;}
	/* #header .side_menu{position:fixed; top:0; left:0; z-index:10; width:100%; height:100%;} */
	#header .side_menu .dim{position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.8;}
	#header .side_menu .top_area{position:relative; height:60px; background-color:#171717; border-bottom:1px solid #434343;}
	#header .side_menu .top_area p{padding:18px 0 0 20px;}
	#header .side_menu .top_area p a img{width:104px;}
	#header .side_menu .top_area .btn_close{position:absolute; right:20px; top:22px; width:20px; height:24px;}
	#header .side_menu .top_area .btn_close>img{width:100%;}
	#header .side_menu .pf_area{position:relative; height:134px; overflow:hidden;}
	#header .side_menu .pf_area .bg_pf:after{display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#020202; opacity:0.45; }
	#header .side_menu .pf_area .info{position:absolute; top:20px; left:20px;}
	#header .side_menu .pf_area .info .img{float:left; width:70px; overflow:hidden; margin-right:20px; visibility: hidden;
		-webkit-transform: rotate(120deg); -moz-transform: rotate(120deg); -ms-transform: rotate(120deg); -o-transform: rotate(120deg); transform: rotate(120deg);}
	#header .side_menu .pf_area .info .img span{display:block; overflow:hidden; -webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -ms-transform: rotate(-60deg); -o-transform: rotate(-60deg); transform: rotate(-60deg);}
	#header .side_menu .pf_area .info .img span img{visibility:visible; -webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -ms-transform: rotate(-60deg); -o-transform: rotate(-60deg); transform: rotate(-60deg);}
	#header .side_menu .pf_area .info dl{float:left; margin-top:20px;}
	#header .side_menu .pf_area .info dl dt{margin-bottom:4px; font-size:20px; color:#fff;}
	#header .side_menu .pf_area .info dl dd{color:#e1e1e1;}
	#header .side_menu .slide_list{margin-bottom:15px;}
	#header .side_menu .slide_list > li{ font-weight: bold; color:#fff; background-color:#cecfd1;}
	#header .side_menu .slide_list > li p{padding:8px 0 8px 20px;}
	#header .side_menu .slide_list li ul li{background-color:#f9f9f9; border-bottom:1px solid #cecfd1;}
	#header .side_menu .slide_list li ul li a{display:block; padding:8px 0 8px 20px; color:#808080; background:url(../images/common/bg_sildemenu_off.png) no-repeat 94% center; background-size:20px auto;}
	#header .side_menu .slide_list li ul li a:hover{color:#ae7c32; background:url(../images/common/bg_sildemenu_on.png) no-repeat 94% center; background-size:20px auto;}
	#header .side_menu .service_list{overflow:hidden; padding-bottom:20px;}
	#header .side_menu .service_list li{float:left; width:33.3%; text-align:center;}
	#header .side_menu .service_list li a{display:block; position:relative;}
	#header .side_menu .service_list li a:after{display:inline-block; position:absolute; top:0; right:0; content:""; width:2px; height:62px; background-color:#cecfd1;}
	#header .side_menu .service_list li a span{display:block; margin-top:10px; font-size:14px;}
	#header .side_menu .service_list li a:hover,
	#header .side_menu .service_list li a:active,
	#header .side_menu .service_list li a:focus{color:#c1995f;}
	#header .side_menu .service_list li:last-child a:after{background:none;}
	#header .util{margin-right:20px;}
	#header .util ul li a{margin-left:20px;}
	#header .util ul li a.btn_calculator{}
	#header .util ul li a.btn_mycarby.on:after{display:none;}

	#container .subtit_sec h2{font-size:30px;}
	#container .subtit_sec .stxt{font-size:20px;}
	#container .subtit_sec .floating_menu .right_menu{float:right; margin:0 2% 0 0;}
	#container .subtit_box h2{font-size:30px;}
	#container .subtit_box p{padding:0 20px;}
	#container .subtit_box .tab li:first-child:after{margin:0 20px;}



	/* footer */
	#footer{padding:60px 0 34px;}
	#footer .logo{position:absolute; left:0; right:0; bottom:0; float:none; text-align:center;}
	#footer .logo img{width:19px;}
	#footer .footer_menu{float:none; margin:0 auto;}
	#footer .menu_box{margin-bottom:0; padding-bottom:0; border:0;}
	#footer .menu_box .sns{position:absolute; top:-60px; left:0; right:0; overflow:hidden; padding:10px 0; background-color:#141414;}
	#footer .menu_box .sns ul{margin:0 auto; text-align:center;}
	#footer .menu_box .sns ul li{display:inline-block; float:none;}
	#footer .info{text-align: left; margin-right: 0;}
	#footer .info a{margin-left:5px; padding-left:5px;}
	#footer address{margin:10px 0; text-align: left; font-size: 14px;}
	#footer address span { font-size: 14px; }
	#footer .menu_box .menu_list,
	#footer .copy{display:none;}
	#footer .btn_sns{position: relative; margin: 10px auto; left: auto; top: auto;}

	/* 저장하기,취소, 돌아가기 버튼 공통 부분*/
	.btn_area .btn_orange,
	.btn_area .btn_gold,
	.btn_area .btn_gray,
	.btn_area .btn_brown,
	.btn_area .btn_black{width:110px; font-size:13px;}

	.btn_area .btn_darkgray {width:140px; font-size:13px;}

	/* 가입하기 버튼*/
	.section.signup .btn_area .btn_orange{ width:108px;}

	/* layer popup */
	.layer_popup{padding:0;}
	.layer_user{overflow-y: auto;}
	.layer_user .cont{top:44px; left:0; width:100%; padding-bottom:20px;}

	/* filter popup */
	.filter_pop .cont .filter-box{padding:0 4%;}
	.filter_pop .cont .filter-box .filter-wrap .country-icon{margin:3px 10px 0 0; }
	.filter_pop .cont .filter-box .filter-area.cont1,
	.filter_pop .cont .filter-box .filter-area.cont2,
	.filter_pop .cont .filter-box .filter-area.cont3{float:none; width:100%; overflow:hidden;}

	.filter_pop .cont .filter-box .filter-area.cont2 .typeSec,
	.filter_pop .cont .filter-box .filter-area.cont2 .fuelSec{float:left; width:50%;}
	.filter_pop .cont .filter-box .filter-area.cont2 .fuelSec ul{margin-top:-7px;}
	.filter_pop .cont .filter-box .filter-area.cont2 .typeSec .tit{margin-top:52px;}
	.filter_pop .cont .filter-box .filter-area.cont2 li{margin-top:10px;}

	.filter_pop .cont .check-box{padding:10px 5px 5px;}
	.filter_pop .cont .check-box .select-box{width:155px;}
	.filter_pop .cont .check-box .ui.selection.dropdown{background-size:150px 36px;}
	.filter_pop .cont .check-box .select-box .jqTransformSelectWrapper{background:url(../images/common/bg-select-155.png) 0 0 no-repeat;
		background-size:155px 36px;}
	.filter_pop .cont .check-box .select-box .jqTransformSelectWrapper div span{line-height: 37px;}
	.filter_pop .cont .check-box .select-box .jqTransformSelectWrapper a.jqTransformSelectOpen{top:13px; right: 13px;}

	.filter_pop .cont .btn_area{padding:20px 10px;}
	.filter_pop .cont .btn_area a{width:40%; font-size:14px;}
	.filter_pop .cont .filter-box .filter-wrap .ly-left .country-list li label,
	.filter_pop .cont .filter-box .filter-wrap .ly-right .country-list li label,
	.filter_pop .cont .filter-box .filter-area.per20 li label{width:80%; /*padding-left:2.5%;*/ padding-top:3px;}
	.filter_pop .cont .filter-box .filter-wrap .ly-left .country-list li,
	.filter_pop .cont .filter-box .filter-wrap .ly-right .country-list li{margin-bottom:20px;}
	.filter_pop .cont .filter-box .slider_area.displacement{padding-bottom:30px;}
	.filter_pop .cont .filter-box .slider_area.price .range_slider .js-grid-text-4{left:93.5% !important;}



	.layer_popup.filtersave_pop .cont,
	.layer_popup.filternotice_pop .cont{top:100px !important;}
	.layer_popup.filtersave_pop .cont .tit,
	.layer_popup.filternotice_pop .cont .tit{margin:30px 0 0 10%; font-size:20px;}
	.layer_popup.filtersave_pop .cont .formstyle .input-box.black{margin:0 5%;}
	.layer_popup.filtersave_pop .cont  .bg-logo{top:28px;}
	.layer_popup.filtersave_pop .btn_area,
	.layer_popup.filternotice_pop .btn_area{padding:10%;}
	.layer_popup.filternotice_pop .cont .bg-logo{ top:28px; width:30px; height:48px; background-size:30px auto;}
	.layer_popup.filtersave_pop .btn_area a{width:38%;}
	.layer_popup.filternotice_pop .cont .txt{margin-left:10%;}
	.layer_popup.filternotice_pop .btn_area .btn_orange{width:95%;}
	.layer_popup.filternotice_pop .btn_gray_area{clear:both; width:100%; margin-top:10px;}
	.layer_popup.filternotice_pop .btn_gray{margin:0 1.5% 0 3.5%;}
	.layer_popup.filternotice_pop .btn_gray_area a{float:left; width:42%;}
	.layer_popup.filternotice_pop .btn_gray_area .btn_confirm{float:right;}

	/* 비밀번호 찾기 */
	.layer_popup.prdfind_pop .cont,
	.layer_popup.email_pop .cont,
	.layer_popup.release_pop .cont{padding:25px;}
	.layer_popup.prdfind_pop .cont .prd-tit,
	.layer_popup.email_pop .cont .prd-tit,
	.layer_popup.release_pop .cont .prd-tit{font-size:16px;}
	.layer_popup.prdfind_pop .btn_area .btn_orange,
	.layer_popup.prdfind_pop .btn_area .btn_gray{width:140px; font-size:12px;}
	.layer_popup.filtersave_pop .cont .bg-logo,
	.layer_popup.prdfind_pop .cont .bg-logo,
	.layer_popup.email_pop .cont .bg-logo, .layer_popup.release_pop .cont .bg-logo{top:30px; right:50px; width:30px; height:48px; background-size:30px auto;}

	/*추천상품*/
	.layer_search .result_box .search_none{padding:45px 0 0; background-position:center 45px;}
	.layer_user.recommend .cont{width:100%; height:auto; overflow: auto;}


	/* search */
	.layer_search{top:44px;}
	.layer_search .btn_close{top:20px; right:20px; z-index:100;}

	.layer_search .search_box{height:400px; min-width:320px;}
	.layer_search .search_box .title{padding-top:55px; font-size:28px; letter-spacing:4px;}
	.layer_search .result_box .search_cont .resultbox_list .search_result_box.recom .slick-prev{left:1%;}
	.layer_search .result_box .search_cont .resultbox_list .search_result_box.recom .slick-next{right:1%;}
	.layer_search .btn_search_wordBox,
	.layer_search .search_dropdown .search_list{display:block;}
	.layer_search .search_dropdown.on .search_box{height:50%;}
	.layer_search .search_dropdown.on .search_box .input_box .search_list,
	.layer_search .search_dropdown.on .search_box .title{display:none;}
	.layer_search .search_dropdown.on .input_box{padding:10px 0;}
	.layer_search .search_dropdown.on .input_box .img_inputBox{width:80%; margin:0 10px;}
	.layer_search .search_dropdown.on .search_list{display:none;}

	.layer_search .search_box .input_box{max-width:96%; margin:0 auto;}
	.layer_search .search_box .input_box .img_inputBox{position:relative; width:98%; height:50px; margin:0 auto; background-size:100% 50px;}
	.layer_search .search_box .input_box .img_inputBox:before{background-size:21px;}
	.layer_search .search_box .input_box .img_inputBox .btn-search-icon{width:8%; background:url(../images/common/bg_search_m_right.jpg) no-repeat right top; background-size:50px auto;}
	.layer_search .search_box .input_box .auto_box{width:87%;}
	.layer_search .search_box .input_box input[type="text"]{width:88%; height:82%; font-size:12px; text-align:left; line-height:20px; }
	.layer_search .search_box .input_box .search_list{left:4%; top:80px; width:96%; margin:0 auto;}
	.layer_search .search_box .input_box .search_list > p{width:100%; margin-bottom:10px;}
	.layer_search .search_box .input_box .search_list .plist_box{clear:both; width:100%;}
	.layer_search .search_box .input_box .search_list ul li a{font-size:13px;}
	.layer_search .search_box .input_box .auto_box{top:40px; left:20px; border-top:0;}
	.layer_search .search_box .input_box .auto_box ul{margin-top:0; border-top:0;}
	.layer_search .search_box .input_box .auto_box ul li{padding-left:20px; }
	.layer_search .search_box .input_box .auto_box ul li a{display:inline-block; font-size:12px;}
	.layer_search .search_dropdown.on .input_box .auto_box{ top:50px; width:68%;}
	.layer_search .search_dropdown.on .search_box .input_box input[type="text"]{ width:84%;}
	.layer_search .search_dropdown.on .input_box .img_inputBox .btn-search-icon{width:15%;}

	.layer_search .result_box .result_text{margin-left:10px;}

	.layer_search .result_box .search_cont{margin-top:30px;}
	.layer_search .result_box .search_cont .menu > ul > li{width:33.3%;}
	.layer_search .result_box .search_cont .menu > ul > li:nth-child(4),
	.layer_search .result_box .search_cont .menu > ul > li:nth-child(7){background-image:none;}
	/* .layer_search .result_box .search_cont .menu > ul > li > a{height:48px;} */
	.layer_search .result_box .search_cont .resultbox_list{padding-top:150px;}
	.layer_search .result_box .search_cont .resultbox_list{padding-top:120px;}
	/* .layer_search .result_box .search_cont .menu > ul > li.brand_menu .sub{top:48px;} */
	.layer_search .result_box .search_cont .menu > ul > li.brand_menu .sub li p,
	.layer_search .result_box .search_cont .menu > ul > li.brand_menu .sub li ul li{padding-left:15px;}
	.layer_search .result_box .search_cont .menu > ul > li.brand_menu .sub li ul li p{padding-left:10px; font-size:13px;}
	.layer_search .result_box .search_cont .menu > ul > li.brand_menu .sub li ul li ul li a{padding-left:10px;}
	.layer_search .result_box .search_cont .menu > ul > li.brand_menu.on > a:after{bottom:-7px;}
	.layer_search .result_box .search_cont .resultbox_list .title_area .tit{ margin-bottom:5px;}
	.layer_search .result_box .search_cont .resultbox_list .title_area .tit.frist{margin-top:10px;}
	.layer_search .result_box .search_cont .resultbox_list .drop_menuList{margin:0 2px;}

	.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .search_brandList li{width:50%;}
	.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .search_brandList li .name{margin-left:5%;}
	.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .search_brandList li .bg_bar{height:15px; margin:-17px 0 0 5%;}

	.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .search_carlist li{width:50%;}
	.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .search_carlist li .btn_plus a{margin:0;}
	.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .search_carlist li .space_area .bg_bar{height:15px; margin-top:-17px; margin-left:5%;}
	.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .search_carlist li .space_area .icon_box{top:6px;}
	.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .search_carlist li .space_area .icon_box .fl .chk{width:20px; height:20px; margin-right:5px; margin-top:1px; background-size:20px auto;}
	.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .search_carlist li .space_area .icon_box .fl .like{width:20px; height:20px; margin-right:5px; background-size:20px auto;}
	.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .search_carlist li .space_area .icon_box .fl .like.on{
		background:url(../images/common/icon_like.png) no-repeat center -21px; background-size:20px auto;}
	.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .search_carlist li .space_area .icon_box .fl .like span{margin-top:22px;}
	.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .search_carlist li .space_area .icon_box .fr .btn_plus img{width:20px;}
	.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .search_carlist li .space_area .icon_box .fl .new img {width: 39px; }
	.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .search_carlist li .space_area .icon_box .fl .hotdeal img {width: 68px; }
	.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .search_carlist li .space_area .info_box{margin-left:5%;}
	.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .sub_title_area .right_btn .btn_bbs_more{margin-right:15px;}
	.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .img_list{margin:0;}

	.layer_search .result_box .search_cont .resultbox_list .search_result_box .formstyle-pop .input-box{clear:both; float:none; width:50%; margin:10px 0; padding:5px 4px 0 2px;}
	.layer_search .result_box .search_cont .resultbox_list .search_result_box .img_list li .top_area .btn-play img{width:56px;}
	.layer_search .result_box .search_cont .resultbox_list .search_result_box.magazine_box .title_area .tit{padding-bottom:10px;}
	.layer_search .result_box .search_cont .resultbox_list .search_result_box.magazine_box .title_area .tit:before{clear: both; content: ''; display:block; }
	.layer_search .result_box .search_cont .resultbox_list .search_result_box.magazine_box .formstyle-pop{clear:both; width:100%;}
	.layer_search .result_box .search_cont .resultbox_list .search_result_box.magazine_box .formstyle-pop .input-box{clear:initial; float:left; width:50%; padding-bottom:10px;}
	.layer_search .result_box .search_cont .resultbox_list .title_area .btn_filter{position:absolute; top:-5px; right:5px;}
	.layer_search .result_box .search_cont .resultbox_list .title_area .btn_bbs_more{position:absolute; right:10px; top:5px;}
	/*.layer_search .result_box .search_cont .resultbox_list .search_result_box .img_list{margin:0 8px;}*/
	.layer_search .result_box .search_cont .resultbox_list .search_result_box .img_list li{width:50%;}
	.layer_search .result_box .search_cont .resultbox_list .search_result_box .img_list li .text_box{padding:15px 15px 25px;}
	.layer_search .result_box .search_cont .resultbox_list .search_result_box .img_list li .text_box a{font-size:1.125em; }
	/*    .layer_search .result_box .search_cont .resultbox_list .search_result_box .img_list li .text_box span{font-size:1.25em; }*/
	.layer_search .result_box .search_cont .resultbox_list .search_result_box.recom ul li .text_box a{font-size:1.125em; }



}
/* 640 */
@media screen and (max-width:640px){

	#container .subtit_sec h2{font-size:21px;}
	/* search */
	.layer_search .search_box .input_box input[type="text"]{width:84%; }
	.layer_search .search_box .input_box .auto_box{width:84%;}
	.layer_search .search_box .input_box .img_inputBox .btn-search-icon{width:12%;}

	.layer_search .search_dropdown.on .search_box .input_box input[type="text"]{width:81%; }
	.layer_search .search_dropdown.on .input_box .auto_box{ top:48px; width:66%;}
	.layer_search .search_dropdown.on .input_box .img_inputBox .btn-search-icon{width:15%;}
	.layer_user.login .cont .login_chk{text-align: left;}

	/*추천상품*/
	.layer_user .cont .h_tit{font-size:20px;}
	.layer_search .result_box .search_none{padding:45px 0 0; background-position:center 45px;}
	.layer_user.recommend .cont{height:auto;}

	/*필터 버튼*/
	.btn_filter{ width:102px; height:30px; font-size:15px; line-height: 30px;}
	.btn_filter:before{ left:-8px; border-top:15px solid transparent; border-bottom:15px solid transparent; border-right:9px solid #ae7c32;}
	.btn_filter:after{ right:-8px; border-top:15px solid transparent; border-bottom:15px solid transparent; border-left:9px solid #ae7c32;}

	/* service */
	.btn_bbs_more{padding-right: 10px; font-size:12px; letter-spacing: 2px; color:#686868;
		background: url(../images/common/bg_bbs_more.png) no-repeat right 4px; background-size: 5px auto; text-transform: lowercase;}
	.main .carby_service ul li .text_box{padding:17px; font-size:14px;}

	/*mobile slde_menu*/
	#header .side_menu .pf_area{height:110px;}
	#header .side_menu .pf_area .info{top:13px; left:20px;}
	#header .side_menu .pf_area .info dl dt {margin-bottom:4px;	font-size:18px;	color:#fff;}
	#header .side_menu .pf_area .info dl dd {color:#e1e1e1;	font-size:12px;}
	#header .side_menu .slide_list > li{font-size:13px;}
	#header .side_menu .slide_list > li p{padding:10px 0 10px 20px;}
	#header .side_menu .service_list li a span{margin-top:10px; font-size:12px;}

	/* subpage subtit_box */
	#container .subtit_box{padding:55px 0 15px;}
	#container .subtit_box h2{font-size:21px;  letter-spacing: 3px;}
	#container .subtit_box p{font-size:12px; padding:0 5px;}

	/* sub banner */
	#container .subtit_sec .banner{min-height:115px; max-height:253px;}

	/* filter popup */

	.filter_pop .cont>.txt-box{margin-top:50px; padding-bottom:25px;}
	.filter_pop .cont .txt-box>.tit{letter-spacing: 2px;}
	.filter_pop .cont .txt-box>.txt{margin-top:1px; padding:0 12px; font-size:12px; letter-spacing: -1px;}
	.filter_pop .cont .check-box .select-box .jqTransformSelectWrapper a.jqTransformSelectOpen{top:16px;}
	.filter_pop .cont .filter-box .filter-wrap{margin-top:10px; margin-left:0px;}
	.filter_pop .cont .filter-box .filter-wrap .ly-left .country-list li, .filter_pop .cont .filter-box .filter-wrap .ly-right .country-list li{margin-bottom:10px;}
	.filter_pop .cont .filter-box .filter-wrap .country-list li .name{font-size:14px;}
	.filter_pop .cont .filter-box .filter-wrap .ly-left .country-list li label, .filter_pop .cont .filter-box .filter-wrap .ly-right .country-list li label, .filter_pop .cont .filter-box .filter-area.per20 li label{padding-top:0; padding-left:2px; font-size:12px; line-height: 19px;}
	.filter_pop .cont .filter-box .filter-area.cont2 label{font-size:12px;}
	#footer .inner{min-height:190px;}
	.filter_pop .cont .filter-box .filter-wrap .ly-left .country-list, .filter_pop .cont .filter-box .filter-wrap .ly-right .country-list
	{margin-bottom:20px;}


	/*brnad title */
	#container .subtit_sec .stxt{font-size:14px;}
	/*brand 검색*/
	#container .subtit_sec .floating_menu .left_menu .input-box{ width:168px; height:40px; font-size:14px; margin-top:12px;}
	#container .subtit_sec .floating_menu .left_menu .input-box .dropdown.icon{ top:14px;}

	/*검색*/
	.layer_search .btn_close{ width:20px; height:12px;}
	.layer_search .search_box{height:340px; min-width:320px;}
	.layer_search .search_box .input_box .search_list{top:58px;}
	.layer_search .search_box .input_box .search_list > p{ margin-bottom:8px;}
	.layer_search .search_box .input_box .search_list ul li{ padding:3px 0;}
	/*
        .layer_search .search_box .input_box .search_list ul li span{ width:16px; height:8px; line-height:3px;}
        .layer_search .search_box .input_box .search_list ul li span:before{  border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 5px solid #4a4f53;}
        .layer_search .search_box .input_box .search_list ul li span:after{ border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 5px solid #4a4f53;}
    */

	.layer_search .result_box .search_cont .resultbox_list .search_result_box{margin-bottom:30px; padding-bottom:40px;}
	.layer_search .result_box .search_cont .resultbox_list .search_result_box.recom ul li .text_box{padding: 17px; font-size: 14px;}
	.layer_search .result_box .search_cont .resultbox_list .search_result_box.recom ul li .text_box a{font-size:1em;}
	.layer_search .result_box .search_cont .resultbox_list .search_result_box.recom ul li .text_box span{ font-size:12px;}

	.layer_search .result_box .search_cont .resultbox_list .search_result_box .img_list li .text_box{padding:17px; font-size:14px;}
	.layer_search .result_box .search_cont .resultbox_list .search_result_box .img_list li .text_box a{font-size:1em;}
	.layer_search .result_box .search_cont .resultbox_list .search_result_box .img_list li .text_box span{font-size:12px;}

	.layer_search .result_box .search_cont .resultbox_list .title_area .tit.frist{ margin-top:30px; margin-bottom:10px;}
	/*.layer_search .result_box .search_cont .resultbox_list .title_area .tit{margin-bottom: 0px;}*/
	.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .sub_title_area{height: 50px;}
	.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .sub_title_area .tit{margin-top:16px; font-size:14px;}
	.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .sub_title_area .right_btn .btn_bbs_more{margin:19px 30px 0 0;}
	.layer_search .result_box .search_cont .resultbox_list .drop_menuList .drop_box .sub_title_area .right_btn .btn_toggle{
		margin-top:12px; width:25px; height:30px;}
	.layer_search .result_box .search_cont .resultbox_list .search_result_box.magazine_box .title_area .tit{padding-bottom: 0px;}




	#footer .info{margin-right: 0;}
	#footer .btn_sns{top:100px;}
	#footer address{margin:10px 0; text-align: left; font-size: 11px;}
	#footer address span { font-size: 11px; }
}



/* 480 */
@media screen and (max-width:480px){


	/* search */
	.layer_search .search_box .input_box input[type="text"]{width:80%; }
	.layer_search .search_box .input_box .auto_box{width:80%;}
	.layer_search .search_box .input_box .img_inputBox .btn-search-icon{width:12%;}

	.layer_search .search_dropdown.on .input_box .auto_box{ top:50px; width:61%;}
	.layer_search .search_dropdown.on .search_box .input_box input[type="text"]{ width:72%;}
	.layer_search .search_dropdown.on .input_box .img_inputBox .btn-search-icon{width:15%;}
	.layer_user.login .cont .login_chk{text-align: left;}

	/* 저장하기,취소, 돌아가기 버튼 공통 부분*/
	.btn_area .btn_orange,
	.btn_area .btn_gold,
	.btn_area .btn_gray,
	.btn_area .btn_brown,
	.btn_area .btn_black{width:104px; font-size:14px;}

	.btn_area .btn_darkgray {width:130px; font-size:14px;}

	.layer_popup.prdfind_pop .btn_area .btn_orange,
	.layer_popup.prdfind_pop .btn_area .btn_gold,
	.layer_popup.prdfind_pop .btn_area .btn_gray{width:107px; font-size:11px;}


	/*추천상품*/
	.layer_search .result_box .search_none{padding:45px 0 0; background-position:center 45px;}
	.filter_pop .cont .filter-box .slider_area.price .range_slider .js-grid-text-4{ left:91.5% !important;}

	.layer_popup.filternotice_pop .btn_gray_area a{width:42%; margin: 0 2px 0 14px;}



	#footer .info{margin-right: 0;}


}


@media screen and (max-width:375px) and (min-width:321px){
	.ar-left { position: absolute; top: 0; left: -11px; height: 36px; width: 24px; z-index: 2; }
	.ar-right { position: absolute; top: 0; right: -23px; height: 36px; width: 24px; z-index: 2; }

	.ar-left.orange { background: url(../images/common/ar-left-ornage.png) 0 0 no-repeat; background-size: auto 36px; }
	.ar-right.orange { background: url(../images/common/ar-right-orange.png) 0 0 no-repeat; background-size: auto 36px; }
	.ar-left.gold { background: url(../images/common/ar-left-filter.png) 0 0 no-repeat; background-size: auto 36px; }
	.ar-right.gold { background: url(../images/common/ar-right-filter.png) 0 0 no-repeat; background-size: auto 36px; }
	.ar-left.darkgray { background: url(../images/common/btn_common_side1_darkgray.png) 0 0 no-repeat; background-size: auto 36px; }
	.ar-right.darkgray{  background: url(../images/common/btn_common_side2_darkgray.png) 0 0 no-repeat; background-size: auto 36px;}
	.ar-left.gray{  background: url(../images/common/ar-left-gray.png) 0 0 no-repeat; background-size: auto 36px;}
	.ar-right.gray{  background: url(../images/common/ar-right-gray.png) 0 0 no-repeat; background-size: auto 36px;}
	.ar-left.black{  background: url(../images/common/ar-left-black.png) 0 0 no-repeat; background-size: auto 36px;}
	.ar-right.black{  background: url(../images/common/ar-right-black.png) 0 0 no-repeat; background-size: auto 36px;}
	.ar-left.brown{  background: url(../images/common/ar-left-brown.png) 0 0 no-repeat; background-size: auto 36px;}
	.ar-right.brown{  background: url(../images/common/ar-right-brown.png) 0 0 no-repeat; background-size: auto 36px;}

	.btn_orange { line-height: 36px; height: 36px;}
	.btn_orange:before { left: -9px; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-right: 9px solid #ec431f;  }
	.btn_orange:after { right: -9px; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-left: 9px solid #ec431f; }
	.btn_gold { line-height: 36px; height: 36px;}
	.btn_gold:before { left: -9px; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-right: 9px solid #AE7C32;  }
	.btn_gold:after { right: -9px; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-left: 9px solid #AE7C32; }
	.btn_gray { line-height: 36px; height: 36px;}
	.btn_gray:before { left: -9px; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-right: 9px solid #888;  }
	.btn_gray:after { right: -9px; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-left: 9px solid #888; }
	.btn_darkgray { line-height: 36px; height: 36px;}
	.btn_darkgray:before { left: -9px; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-right: 9px solid #555555;  }
	.btn_darkgray:after { right: -9px; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-left: 9px solid #555555; }
	.btn_brown { line-height: 36px; height: 36px;}
	.btn_brown:before { left: -9px; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-right: 9px solid #c1995f;  }
	.btn_brown:after { right: -9px; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-left: 9px solid #c1995f; }
	.btn_black { line-height: 36px; height: 36px;}
	.btn_black:before { left: -9px; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-right: 9px solid #c1995f;  }
	.btn_black:after { right: -9px; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-left: 9px solid #c1995f; }

	/*서치 영역 */
	.layer_search .search_box .input_box input[type="text"]{ width:79%;}
	.layer_search .search_box .input_box .auto_box{ top:40px; width:79%; }
	.layer_search .search_box .input_box .img_inputBox .btn-search-icon{ width:14%;}
	.layer_search .btn_close{width:22px; height:12px;}

	/*검색어 접었을때*/
	.layer_search .search_dropdown.on .input_box .img_inputBox{ width:80%;}
	.layer_search .search_dropdown.on .search_box .input_box input[type="text"]{ width:71%;}
	.layer_search .search_dropdown.on .input_box .auto_box{ width:60%;}
	.layer_search .search_dropdown.on .img_inputBox .btn-search-icon{ width:20%;}
	.layer_search .search_dropdown.on .auto_box{width:60%; top:45px;}
	.layer_search .search_dropdown.on .input_box .img_inputBox .btn-search-icon{width:19%;}

	.layer_popup.prdfind_pop .btn_area .btn_orange,
	.layer_popup.prdfind_pop .btn_area .btn_gray{ width:106px; font-size:11px;}
	.filter_pop .cont .filter-box .slider_area.price .range_slider .js-grid-text-4{ left:87.5% !important;}

	.layer_popup.filternotice_pop .btn_gray_area a {width:40%; margin:0 0 0 6%;}

	.filter_pop .cont .btn_area{padding:20px 5px;}

	.mypageSec .btn_area { padding-bottom: 20px;}
}

@media screen and (max-width:320px){
	.ar-left { position: absolute; top: 0; left: -11px; height: 36px; width: 24px; z-index: 2; }
	.ar-right { position: absolute; top: 0; right: -23px; height: 36px; width: 24px; z-index: 2; }

	.ar-left.orange { background: url(../images/common/ar-left-ornage.png) 0 0 no-repeat; background-size: auto 36px; }
	.ar-right.orange { background: url(../images/common/ar-right-orange.png) 0 0 no-repeat; background-size: auto 36px; }
	.ar-left.gold { background: url(../images/common/ar-left-filter.png) 0 0 no-repeat; background-size: auto 36px; }
	.ar-right.gold { background: url(../images/common/ar-right-filter.png) 0 0 no-repeat; background-size: auto 36px; }
	.ar-left.gray{  background: url(../images/common/ar-left-gray.png) 0 0 no-repeat; background-size: auto 36px;}
	.ar-right.gray{  background: url(../images/common/ar-right-gray.png) 0 0 no-repeat; background-size: auto 36px;}
	.ar-left.darkgray{  background: url(../images/common/btn_common_side1_darkgray.png) 0 0 no-repeat; background-size: auto 36px;}
	.ar-right.darkgray{  background: url(../images/common/btn_common_side2_darkgray.png) 0 0 no-repeat; background-size: auto 36px;}
	.ar-left.black{  background: url(../images/common/ar-left-black.png) 0 0 no-repeat; background-size: auto 36px;}
	.ar-right.black{  background: url(../images/common/ar-right-black.png) 0 0 no-repeat; background-size: auto 36px;}
	.ar-left.brown{  background: url(../images/common/ar-left-brown.png) 0 0 no-repeat; background-size: auto 36px;}
	.ar-right.brown{  background: url(../images/common/ar-right-brown.png) 0 0 no-repeat; background-size: auto 36px;}

	.btn_orange { line-height: 36px; height: 36px;}
	.btn_orange:before { left: -9px; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-right: 9px solid #ec431f;  }
	.btn_orange:after { right: -9px; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-left: 9px solid #ec431f; }
	.btn_gold { line-height: 36px; height: 36px;}
	.btn_gold:before { left: -9px; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-right: 9px solid #AE7C32;  }
	.btn_gold:after { right: -9px; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-left: 9px solid #AE7C32; }
	.btn_gray { line-height: 36px; height: 36px;}
	.btn_gray:before { left: -9px; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-right: 9px solid #888;  }
	.btn_gray:after { right: -9px; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-left: 9px solid #888; }
	.btn_darkgray { line-height: 36px; height: 36px;}
	.btn_darkgray:before { left: -9px; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-right: 9px solid #555555;  }
	.btn_darkgray:after { right: -9px; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-left: 9px solid #555555; }
	.btn_brown { line-height: 36px; height: 36px;}
	.btn_brown:before { left: -9px; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-right: 9px solid #c1995f;  }
	.btn_brown:after { right: -9px; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-left: 9px solid #c1995f; }
	.btn_black { line-height: 36px; height: 36px;}
	.btn_black:before { left: -9px; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-right: 9px solid #c1995f;  }
	.btn_black:after { right: -9px; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-left: 9px solid #c1995f; }


	/*서치 영역 */
	.layer_search .search_box .input_box input[type="text"]{ width:70%;}
	.layer_search .search_box .input_box .auto_box{ width:77%;}
	.layer_search .search_box .input_box .img_inputBox .btn-search-icon{ width:14%;}
	/*검색어 접었을때*/
	.layer_search .search_dropdown.on .input_box .img_inputBox{ width:80%;}
	.layer_search .search_dropdown.on .search_box .input_box input[type="text"]{ width:71%;}
	.layer_search .search_dropdown.on .input_box .img_inputBox .btn-search-icon{width:18%;}
	.layer_search .search_dropdown.on .img_inputBox .btn-search-icon{ width:20%;}
	.layer_search .search_dropdown.on .auto_box{width:60%; top:45px;}
	.layer_search .btn_close{width:22px; height:12px;}


	/*필터 팝업*/
	.irs-grid-text{margin-left:-11%;}
	.filter_pop .cont .filter-box .slider_area .range_slider .text.down{left:40px;}
	.filter_pop .cont .filter-box .slider_area.price .range_slider .js-grid-text-4{left:87% !important;}

	/* 필터 저장 이름 지정, 나의 두번째 차 팝업 */
	.layer_popup.filternotice_pop .btn_gray_area a {width:40%; margin:0 0 0 6%;}


	/*인증메일받기 팝업 잠금해제 메일 받기 팝업 비밀번호 찾기 팝업*/
	.layer_popup.filtersave_pop .cont .bg-logo,
	.layer_popup.prdfind_pop .cont .bg-logo,
	.layer_popup.email_pop .cont .bg-logo, .layer_popup.release_pop .cont .bg-logo{top:30px; right:50px; width:30px; height:48px; background-size:30px auto;}

	.layer_popup.prdfind_pop .cont, .layer_popup.email_pop .cont, .layer_popup.release_pop .cont{padding:15px;}

	/* 가입하기 버튼*/
	.signupSec.join .submit-box{margin-right: 14px;}
	.section.signup .btn_area .btn_orange{ width:108px;}

	.filter_pop .cont .btn_area{padding:20px 5px;}

	.btn_area {padding-bottom: 30px;}
}


/* iPhone X - Chanel Button fixed Position bug fix */
#ch-plugin .bwzfXH {
	padding-bottom: 20px;
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
}



/* ----------------------------------------------------------------
    PreLoader
-----------------------------------------------------------------*/
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #ffffff;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 100%;
	z-index: 9999; /* makes sure it stays on top */
}

#status {
	width: 50px;
	height: 30px;
	position: fixed;
	left: 50%; /* centers the loading animation horizontally one the screen */
	top: 50%; /* centers the loading animation vertically one the screen */
	margin: -25px 0 0 -15px; /* is width and height divided by two */
}

#status .spinner {
	margin: 0px auto;
	width: 50px;
	height: 30px;
	text-align: center;
	font-size: 10px;
}

#status .spinner > div {
	background-color: #979797;
	height: 100%;
	width: 6px;
	display: inline-block;

	-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
	animation: stretchdelay 1.2s infinite ease-in-out;
}

#status .spinner .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

#status .spinner .rect3 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}

#status .spinner .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

#status .spinner .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
	0%,
	40%,
	100% {
		-webkit-transform: scaleY(0.4);
	}
	20% {
		-webkit-transform: scaleY(1);
	}
}

@keyframes stretchdelay {
	0%,
	40%,
	100% {
		transform: scaleY(0.4);
		-webkit-transform: scaleY(0.4);
	}
	20% {
		transform: scaleY(1);
		-webkit-transform: scaleY(1);
	}
}