@charset "utf-8";

#modal-wrapper {
  display: none;
}
#modal-wrapper #modal-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.3);
}
#modal-wrapper #modal-content {
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 2;
	transform: translate3d(-50%, -50%, 0);
	background: #fff;
	box-shadow: 0 0 5px #000;
	width: 90%;
	height: 90%;
	border-radius:2px;
}


#wrap{width:100%;transition: margin-left .5s; padding-top:38px;}
#wrap .visualWrap{width:100%; text-align:center;}

#header{
	top:0; left:0; right:0;
	height:55px;
	background:#fff;
	box-shadow:0 2px 2px rgba(0,0,0,0.1);
	position:fixed;
	z-index:5000;
}

#header ul.menu:after{display:block; content:''; clear:both;}
#header ul.menu li{float:left;}
#header ul.menu li.logo{margin:8px 0 0 0px;}
#header ul.menu li.logo img{width:120px;}

#header ul.menu li.appstore{float:right;margin:15px 5px 0 0;}
#header ul.menu li.appstore a img {width:auto;height:24px;}

#header ul.menu li.mn_btn{margin:16px;}
#header ul.menu li.call_img{padding:4.5px; float:right; background-color:#2c469d; color:#fff; font-weight:500; font-size:10px;}
#header ul.menu li.call_img img{margin:5px 14px;}
#header ul.menu li.call_img p{margin:0 4px;}
#header .gnb_mn li.active a{background:#40aeca;}

#header .gnb_mn li:last-child{
	border:none;
}
#header .headerCall{ background:#f2f2f2; font-size:1.2em; height:40px; line-height:40px; color:#333; text-align:center;}
#header .headerCall i{padding:8px 4px; width:32px; display:inline-block;}

.searchBar{margin-top:75px;padding:10px; width:100%; background:#d80000;}
.searchBar dt{width:88%; float:left;}
.searchBar dt input{padding:0 10px; width:100%; height:40px; line-height:40px; border:none; background:#fff;}
.searchBar dd{width:10%; float:right;}
.searchBar dd a{text-align:center; height:40px; line-height:40px; background:url(/_img/search_icon.png) no-repeat center center; text-indent:-99999px; display:block;}

.container .inner div > h2{font-size:20px; font-weight:500; text-align:center; color:#252525; margin:20px 0 15px;}
.container .inner .serviceBox ul li {float:left;width:25%; padding:1px;box-sizing:border-box; }
.container .inner .serviceBox ul li a{border-radius:2px; color:#fff; text-shadow:1px 1px 5px #585858; width:100%;box-sizing:border-box; display:inline-block;text-align:center;padding:20px 0;}
.container .inner .serviceBox ul li a p{font-size:13px; font-weight:500;}

.container .inner .serviceBox ul li.service01 a{background:url(../_img/service01_bg.png) no-repeat center; background-size:cover;}
.container .inner .serviceBox ul li.service02 a{background:url(../_img/service02_bg.png) no-repeat center; background-size:cover;}
.container .inner .serviceBox ul li.service03 a{background:url(../_img/service03_bg.png) no-repeat center; background-size:cover;}
.container .inner .serviceBox ul li.service04 a{background:url(../_img/service04_bg.png) no-repeat center; background-size:cover;}
.container .inner .serviceBox ul li.service05 a{background:url(../_img/service05_bg.png) no-repeat center; background-size:cover;}
.container .inner .serviceBox ul li.service06 a{background:url(../_img/service06_bg.png) no-repeat center; background-size:cover;}
.container .inner .serviceBox ul li.service07 a{background:url(../_img/service07_bg.png) no-repeat center; background-size:cover;}
.container .inner .serviceBox ul li.service08 a{background:url(../_img/service08_bg.png) no-repeat center; background-size:cover;}
.container .inner .serviceBox ul li.service09 a{background:url(../_img/service09_bg.png) no-repeat center; background-size:cover;}
.container .inner .serviceBox ul li.service10 a{background:url(../_img/service10_bg.png) no-repeat center; background-size:cover;}
.container .inner .serviceBox ul li.service11 a{background:url(../_img/service11_bg.png) no-repeat center; background-size:cover;}
.container .inner .serviceBox ul li.service12 a{background:url(../_img/service12_bg.png) no-repeat center; background-size:cover;}
.container .inner .serviceBox ul li.service13 a{background:url(../_img/service13_bg.png) no-repeat center; background-size:cover;}
.container .inner .serviceBox ul li.service14 a{background:url(../_img/service14_bg.png) no-repeat center; background-size:cover;}
.container .inner .serviceBox ul li.service15 a{background:url(../_img/service15_bg.png) no-repeat center; background-size:cover;}
.container .inner .serviceBox ul li.service16 a{background:url(../_img/service16_bg.png) no-repeat center; background-size:cover;}



@media only screen and (max-width:375px){
.container .inner .serviceBox ul li a p{font-size:10px;}
}


.container .inner .reviewBox ul li{ float:left; width:100%; float:left; box-sizing:border-box; padding:1px;}
.container .inner .reviewBox ul li:after{content:'';display:block;clear:both;}
.container .inner .reviewBox ul li a{width:100%; height:209px; border:1px solid #cccccc; border-radius:2px; box-sizing:border-box; background:#ebebeb; display:block; color:#454545;}
.container .inner .reviewBox ul li a > div{width:100%;box-sizing:border-box;}
.container .inner .reviewBox ul li a .imgBox{background:#ddd; height:104px;}
.container .inner .reviewBox ul li a .textBox{padding:10px;position:relative;}
.container .inner .reviewBox ul li a .textBox dl dt{font-size:17px; font-weight:600; margin-bottom:10px; text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
.container .inner .reviewBox ul li a .textBox dl dd{height:30px; font-size:14px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; line-height:24px;}
.container .inner .reviewBox ul li a .textBox .comment{font-size:12px; border-top:1px solid #ccc; padding:5px;width:100%; box-sizing: border-box;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.container .inner .carbestBox ul li{width:100%; float:left; box-sizing:border-box;}
.container .inner .carbestBox ul li:after{content:'';display:block;clear:both;}
.container .inner .carbestBox ul li a{width:100%; height:150px; border-radius:2px; box-sizing:border-box; background:#eee; display:block; color:#222;}
.container .inner .carbestBox ul li a > div{width:100%;box-sizing:border-box;}
.container .inner .carbestBox ul li a .imgBox{height:100%;}
.container .inner .carbestBox ul li a .imgBox img{width:100%; height:100%;}
.container .inner .carbestBox ul li a .textBox{padding:10px; position:relative; bottom:64px; text-align:right; color:#fff; background:rgba(0,0,0,0.5);}
.container .inner .carbestBox ul li a .textBox dl dt{font-size:17px; font-weight:600; text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
.container .inner .carbestBox ul li a .textBox dl dd{font-size:14px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; line-height:24px;}
.container .inner .carbestBox ul li a .textBox .comment{font-size:12px; border-top:1px solid #ccc; padding:5px;width:100%; box-sizing: border-box;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}



.category{margin:0 auto; padding:10px; text-align:center; background:#eee;}
.category ul li{margin:0 1%; padding:10px; width:18%; font-size:0.8em; background:#fff; border-radius:10px; float:left;}
.category ul li p{margin-top:5px; font-weight:500; color:#000;}

.banner{width:100%;	height:100px; line-height:26px; font-size:18px; margin-top:20px;position:relative;}
.banner .swiper-slide{width:100%;}
.banner .banner01{height:100px;	background:url('/_img/m/banner_bg01.jpg') center center no-repeat; background-size: cover;}
.banner .banner02{height:100px;	background:url('/_img/m/banner_bg02.jpg') center center no-repeat; background-size: cover;}
.banner .banner03{height:100px;	background:url('/_img/m/banner_bg03.jpg') center center no-repeat; background-size: cover;}

.banner .swiper-slide p{ padding:24px; padding: 24px 0 24px 44%;}
.banner .swiper-slide p span{font-weight:600;}

.appBox{text-align:center; margin-top:40px;}
.appBox ul{width:300px; margin:10px auto;}
.appBox ul li{float:left; margin:0 5px}
.appBox ul li:after{content:''; display:block; clear:both;}
.appBox ul li a img{width:140px;}


.call_number{
	padding:10px 0;
	/*height:50px;*/
	line-height:30px;
	font-size:28px;
	color:#fff;
	text-align:center;
	background:#333;
}
.call_number a { color:#FFF; }
.sns{
	margin:0 auto;
	height:60px;
	line-height:60px;
	font-size:1.5em;
	color:#777;
	text-align:center;
	border-bottom:1px solid #ccc;
}
.sns img{
	margin-top:10px;
	padding-left:5px;
	width:40px;
}

#footer{
	position:relative;
	padding-bottom:60px;
}
#footer h3{
	height:40px;
	line-height:40px;
	text-align:center;
	color:#777;
	font-size:1em;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	background:#f6f6f6;
}
#footer h3 a{
	padding:0 10px;
	font-weight:300;
	display:inline-block;
	font-size:14px;
}
#footer > p{
	padding:10px;
	line-height:18px;
	color:#999;
	font-size:10.5px;
}
#footer > p a{color:#777;}
#footer > p strong{font-weight:}
#footer span{
	color:#2c469d;
}

#footer .footer_info{padding:0;margin:0;}
#footer .footer_info h4{width:100%; text-align:center; margin:20px 0 10px; font-weight:800;color:#222; font-size:17px; font-family:'NanumSquare', sans-serif; float:left;}
#footer .footer_info li{width:50%; text-align:center; font-family:'NanumSquare', sans-serif;float:left;}
#footer .footer_info li img{width:100%;}
#footer .footer_info li.center div{width:100%; text-align:center; font-weight:600;color:#999; font-family:'NanumSquare', sans-serif;float:left;}
#footer .footer_info li.center p{clear:both;margin:10px 0; font-size:1.6em; font-weight:700; color:#2c469d;}
#footer .footer_info li.info{margin:50px 120px;}
#footer .footer_info li.info p{margin:10px 0; font-size:16px; font-weight:300; line-height:22px; font-family:'Noto Sans KR', sans-serif;}
#footer .footer_info li.info p span{color:#999;}

.tenderloin{position:absolute; top:55%; right:9px; width:15%;}

.btm_consultWrap{left:0; bottom:0; width:100%; font-family:'NanumSquare', sans-serif; z-index:9999; position:fixed;}
.btm_consultWrap .consultWrap{background:#f6f6f6;}
.btm_consultWrap .consultWrap .btm_close{width:100%; height:30px; background:url(/_img/close_bg.png) no-repeat center center #333; text-indent:-99999px;}
.btm_consultWrap .consultWrap form{padding:10px;}
.btm_consultWrap .consultWrap li span{width:24%; font-weight:600; line-height:40px; float:left; font-family: 'Noto Sans KR', sans-serif;}
.btm_consultWrap .consultWrap li input{padding:0 5px; height:40px; border-radius:5px; float:left;  border:1px solid #ececec;  }
.btm_consultWrap .consultWrap li.c_txt input{width:100%; box-sizing:border-box;}
.btm_consultWrap .consultWrap li.c_num{margin-top:5px;}
.btm_consultWrap .consultWrap li.c_num input{width:20%;}
.btm_consultWrap .consultWrap li.c_num .selectWrap_st2{width:24%; float:left;}
.btm_consultWrap .consultWrap .consult_btn button{width:100%; height:50px; line-height:50px; font-size:1.2em; font-family:'NanumSquare', sans-serif; font-weight:600; color:#fff; background:#515151;}
.btm_consultWrap .consultWrap .c_chk{margin-top:10px; height:30px; line-height:20px}
.btm_consultWrap .consultWrap .c_chk a{padding:0 10px; font-size:12px; border-radius:2px; background:#acacac; float:right;}
.btm_consultWrap .consultWrap .selectWrap_st2{border-radius:5px;}
.btm_consultWrap .consultWrap .selectWrap_st2 .btn_selected{border-radius:5px;}
.btm_consultWrap .consultWrap .selectWrap_st2 .select_list{max-height:100px !important;}

.talkBox{margin:20px auto; padding:0 10px; font-size:0.8em; color:#000;}
.talkBox > div{width:50%; float:left;}
.talkBox .txt h3{margin-top:5px; font-weight:300; line-height:1.2em;}
.talkBox .txt p{font-size:2.4em; font-weight:600; line-height:1.3em; color:#2c469d;}
.talkBox dl dt{padding:15px; width:48%; background:#fee601; border-radius:10px; float:left;}
.talkBox dl dd{padding:15px; width:48%; background:#1ac63b; border-radius:10px; float:right;}

.mainBanner > div{height:100px; line-height:100px; font-size:1.8em; background:#eee;}
.mainBanner > div a{margin-top:10px; padding:0 10px; width:100%; color:#fff; font-weight:500; display:block;}
.mainBanner > div a span{font-weight:600; color:#ffea00; display:inline-block;}
.mainBanner .banner01{padding-top:5px; font-size:1.5em; line-height:1.4em !important; text-shadow:0 0 5px #000; background:url(/_img/main_banner01.png) no-repeat right bottom #3b3b3b;}
.mainBanner .banner01 span{padding:2px 5px; color:#fff !important; line-height:1.2em; background:#2c469d; display:inline-block;}
.mainBanner .banner02{background:url(/_img/main_banner02.png) no-repeat center center; background-size:cover;}
.mainBanner .banner03{background:url(/_img/main_banner03.png) no-repeat center center; background-size:cover;}


/*====================메인*/
/*==========핫딜*/
.hotdealArea:after{z-index:999; position:absolute; bottom:10px; left:0; display:block; content:''; width:10%; height:700px; background:rgba(255,255,255,0.5);}
.hotdealArea:before{z-index:999; position:absolute; bottom:10px; right:0; display:block; content:''; width:14%; height:700px; background:rgba(255,255,255,0.5);}
.content h1{padding:18px 0 30px 0; font-size:1.7em; text-align:center; line-height:35px;}
.hotdealArea h1{background:url('/_img/titl_text.png') no-repeat 50% 50%; font-size:0; background-size:62%;}
.content .hotdealArea>h1{position:relative;}
.content .hotdealArea>h1 .red{font-size:0;}

.hotdealArea>ul:after{display:block; content:''; clear:both;}
.hotdealArea>ul, .hotdealArea>ul>li{margin-bottom:10px;}
.hotdealArea>ul:last-child{margin-bottom:0;}

ul [class^="hotbeal_list"]{/*width:378px;*/ box-sizing:border-box; border:1px solid #ccc;}
ul [class^="hotbeal_list"] .list_car_img{background-color:#ebebeb;}
ul [class^="hotbeal_list"] .list_car_img img{width:100%;}
ul [class^="hotbeal_list"] .list_txtArea h3{position:relative; padding:10px 0; font-size:18px; text-align:center; width:95%; margin:0 auto;	white-space:nowrap;	overflow:hidden; text-overflow:ellipsis;}
ul [class^="hotbeal_list"] .list_txtArea h3:after{/*position:absolute; top:28px;*/ z-index:-9999; display:block; content:''; width:70%; margin:-11px auto 0; height:14px; background-color:#eef8ff;}
ul [class^="hotbeal_list"] .list_text{margin-left:33%;}
ul [class^="hotbeal_list"] .list_text>div{text-align:left; font-size:14px; font-weight:400; color:#4f4f4f; line-height:22px;}
ul [class^="hotbeal_list"] .list_text .red{font-size:17px; font-weight:700;}
ul [class^="hotbeal_list"] .list_button{text-align:center; padding:10px 0 15px;}
ul [class^="hotbeal_list"] .list_button .bt02{width:215px; height:50px; border-radius:0; font-size:17px; font-weight:600; transition:all 0.2s; box-shadow:0px 3px 10px #c9c9c9; background-color:#2c469d; color:#fff;}

ul li.hotbeal_list01{background:url('/_img/round_img01.png') no-repeat 0% 73%; background-size:28%;}
ul li.hotbeal_list02{background:url('/_img/round_img02.png') no-repeat 0% 73%; background-size:28%;}
ul li.hotbeal_list03{background:url('/_img/round_img03.png') no-repeat 0% 73%; background-size:28%;}
ul li.hotbeal_list04{background:url('/_img/round_img04.png') no-repeat 0% 73%; background-size:28%;}
ul li.hotbeal_list05{background:url('/_img/round_img05.png') no-repeat 0% 73%; background-size:28%;}
ul li.hotbeal_list06{background:url('/_img/round_img01.png') no-repeat 0% 73%; background-size:28%;}


/*==========실시간상담현황*/
.storeArea{margin:10px 0 10px 27px;}
.storeArea:after{display:block; content:''; clear:both;}
.storeArea>div.store>div p{font-size:13px; color:#626262;}
.storeArea .store>div{margin-right:10px; margin-bottom:10px;}
.storeArea .store>div a img{width:120px;}

.content .adviceArea{background-color:#f3f4f7; padding:1px 0 0; margin-top:27px;}
.content .adviceArea .advice:after{display:block; content:'';clear:both;}
.content .adviceArea .advice .advice_phon{margin:25px auto 0; background:url('/_img/phone_img2.png') no-repeat 107% -1%; background-size:contain; height:255px;}
.content .adviceArea .advice .advice_phon h1{text-align:left; padding:6px 0 14px; margin:0; font-size:23px; font-weight:500; letter-spacing:-1.5px; line-height:26px; margin-left:27px;}
.content .adviceArea .advice .advice_phon h1.txt{font-size:20px; padding:15px 0 0 0;}
.content .adviceArea .advice .advice_phon h1 .red{font-weight:600; font-family:'Noto Sans KR', sans-serif;}
.content .adviceArea .advice .advice_phon p{text-align:left; font-size:0.8em; color:#4f4f4f; line-height:18px; font-size:13px; margin-left:27px;}
.content .adviceArea .advice .advice_list{padding:25px 10px; background:#2c469d;}
.content .adviceArea .advice .advice_list h2{text-align:center; font-size:22px;color:#fff}
.content .adviceArea .advice .advice_list ul:after{display:block; content:''; clear:both;}
.content .adviceArea .advice .advice_list ul.advice_list_title{padding:25px 0 10px; margin-bottom:10px; border-bottom:2px solid #2c469d;}
.content .adviceArea .advice .advice_list ul.advice_list_title li{float:left; font-size:15px; text-align:center; margin:2%; color:#fff}
.content .adviceArea .advice .advice_list .user_name{width:22%; text-align:center;}
.content .adviceArea .advice .advice_list .car_name{width:42%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.content .adviceArea .advice .advice_list [class^="ing"]{width:18%; text-align:center;}
.content2022-10-17 .adviceArea .advice .advice_list .ing01{border:2px solid #fc713a; border-radius:50px; color:#fc713a; box-sizing:border-box;}
.content .adviceArea .advice .advice_list .ing02{border:2px solid #00ac28; border-radius:50px; color:#00ac28; box-sizing:border-box;}
.content .adviceArea .advice .advice_list  #ad_vticker ul{width:100%;}
.content .adviceArea .advice .advice_list  #ad_vticker ul li{background-color:#fff; height:40px;}
#ad_vticker ul li>div{margin:2%; font-size:14px;}
#ad_vticker ul li:after{display:block; content:''; clear:both;}
#ad_vticker ul li .user_name, #ad_vticker ul li .car_name, #ad_vticker ul li [class^="ing"]{float:left;}
/*==========회사소개*/
.content .companyArea{background:url('/_img/company_back.png') no-repeat 50% 50%; background-size:cover; /*padding:50px 0 100px;*/}
.content .companyArea .company h1{font-size:21px; padding-bottom:20px; color:#2c469d; line-height:28px;}
.content .companyArea .company h1 span{font-weight:400; color:#252525;}

.content .companyArea .company .company_guide{/*padding:0px 0 10px;*/}

.content .companyArea .company .company_guide ul:after{display:block; content:''; clear:both;}
.content .companyArea .company .company_guide ul li{/*float:left; width:100%;*/ width:95%; box-sizing:border-box; margin:0px auto 15px;  padding:15px; text-align:center; box-shadow:2px 2px 10px #ebebeb; background-color:#fff; border-radius:50px;}
.content .companyArea .company .company_guide ul li p:first-child{line-height:30px; font-size:32px; font-weight:800;}
.content .companyArea .company .company_guide ul li p:last-child{text-align:center; font-size:12px;}
.content .companyArea .company .company_guide ul li p.gray{color:#0072bc;}
.content .companyArea .company .company_guide ul li p.explan{font-size:1.2em; margin:3px 0; font-weight:600;}
/*==========회사미션*/ 
.content .missionArea{background-color:#fcfcfc; padding:0px 0 1px;}
.content .missionArea .mission h1{font-size:23px;}
.content .missionArea .mission ul li:first-child{margin-bottom:20px;}
.content .missionArea .mission ul li img{width:100%;}
.partnerSwiper .slide_img img{width:90px;}

.partnerArea .swiper-wrapper{padding:10px 0;}
/*==========누적고객*/
.content .quoteArea{background:url('/_img/quote_back.jpg') 42% 50%;}
.content .quoteArea .quote{padding:7px 0 20px;}
.content .quoteArea .quote:after, .content .quoteArea .quote .quote_review ul:after{display:block; content:''; clear:both;}	
.content .quoteArea .quote .quote_txt{/*float:left;*/}
.content .quoteArea .quote .quote_txt h1{color:#fff; text-align:center; padding-bottom:7px; font-size:21px; line-height:28px;}
.content .quoteArea .quote .quote_txt h1 span{font-weight:400;}
.content .quoteArea .quote .quote_txt p{color:#fff; font-size:17px; text-align:center; margin:7px 0;}
.content .quoteArea .quote .quote_review{/*float:right; padding-top:90px;*/}
.content .quoteArea .quote .quote_review ul li{/*float:left;*/ width:225px; text-align:center; padding:7px 0; margin:0 auto;}

.content .quoteArea .quote .quote_review ul li.quote_review02{border:1px solid rgba(255,255,255,0.5); border-right:0; border-left:0;} 
.content .quoteArea .quote .quote_review ul li div{position:relative;}
.content .quoteArea .quote .quote_review ul li div.count{font-size:27px; font-weight:700; color:#fffc00;}
.content .quoteArea .quote .quote_review ul li div:last-child{font-size:14px; color:rgba(255,255,255,0.9);}
.content .quoteArea .quote .quote_review ul li div.bt01{position:absolute; width:96px; margin:0 auto; margin-top:12px; margin-left:167px; border-radius:0; font-size:12px;line-height:18px;}
.quote_box:after{display:block; content:''; clear:both;}
.quote_box>div{float:left;}
.quote_box>div.count{padding-left:54px;}

/*==========고객후기*/	
.content .cs_reviewArea{background:#2c469d;padding-bottom:40px;}
.content .cs_reviewArea .cs_review h1{color:#fff; padding:23px 0 20px; margin-bottom:12px;font-size:22px;}
.content .cs_reviewArea .grey{color:#545454;}

.latterSwiper_list{border:1px solid #fff; background:#fff; border-radius:8px; box-sizing:border-box;}
.latterSwiper_listArea div:last-child{margin-right:0;}
.latterSwiper_listArea div.latterSwiper_list img{width:100%; height:145px; border-radius:5px 5px 0 0;}
.cs_content_txt{padding:10px;}
.cs_content_txt .txt_title{font-size:14px; font-weight:700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.cs_content_txt .text{overflow:hidden; font-size:12px; color:#737373;}
.cs_content_txt .txt_smtitle{padding:5px 0; font-size:12px;}
.cs_content_txt .text.line-clamp {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 80px;}
/*====================메인//*/