@charset 'utf-8';
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400&display=swap');

/* WebFont Default */
@font-face {
  font-family: 'GmarketSansTTFMedium';
  src: url('../fonts/GmarketSansTTFMedium.eot'); /* IE 호환성 보기 */
  src: url('../fonts/GmarketSansTTFMedium.eot#iefix') format('embedded-opentype'), /* IE 6 ~ 8 */
       url('../fonts/GmarketSansTTFMedium.woff2') format('woff2'), /* WOFF2 지원 브라우저 */
       url('../fonts/GmarketSansTTFMedium.woff') format('woff'), /* 모던 브라우저 */
       url('../fonts/GmarketSansTTFMedium.ttf') format('truetype');
}

/* WebFont Default 02 */
@font-face {
  font-family: 'GmarketSansTTFBold';
  src: url('../fonts/GmarketSansTTFBold.eot'); /* IE 호환성 보기 */
  src: url('../fonts/GmarketSansTTFBold.eot#iefix') format('embedded-opentype'), /* IE 6 ~ 8 */
       url('../fonts/GmarketSansTTFBold.woff2') format('woff2'), /* WOFF2 지원 브라우저 */
       url('../fonts/GmarketSansTTFBold.woff') format('woff'), /* 모던 브라우저 */
       url('../fonts/GmarketSansTTFBold.ttf') format('truetype');
}

/* WebFont Default 03 */
@font-face {
  font-family: 'SBAggroM';
  src: url('../fonts/SBAggroM.eot'); /* IE 호환성 보기 */
  src: url('../fonts/SBAggroM.eot#iefix') format('embedded-opentype'), /* IE 6 ~ 8 */
       url('../fonts/SBAggroM.woff2') format('woff2'), /* WOFF2 지원 브라우저 */
       url('../fonts/SBAggroM.woff') format('woff'), /* 모던 브라우저 */
       url('../fonts/SBAggroM.ttf') format('truetype');
}

body{font-family: 'Noto Sans KR', sans-serif;}

#wrap{clear: both;}
.inner, .inr-c {width:1200px; margin:0 auto; padding:0px;}
#container{padding-top:10px;}

#header.header_area{background:#fd7ac4 url('../images/common/bg_header.jpg') center top no-repeat;}
#header.header_area .primary{position: relative;}
#header.header_area .primary.case_gnb03{padding-bottom:0px;}
#header.header_area:after{content:''; display: inline-block; width:100%; height:84px; position: absolute; bottom:0px; z-index:0; background:#fff;}
#header.header_area .primary.case_gnb03 .gnb h1{padding:40px 0 65px; text-align: center;}
#header.header_area .primary.case_gnb03 .gnb_menu{margin:0; position: relative; z-index:1; width:920px;}
#header.header_area .primary.case_gnb03 .gnb_menu li{display: inline-block; margin:0 18px;}
#header.header_area .primary.case_gnb03 .gnb_menu li a{display: block; line-height:1em; color: #252525; height:84px; line-height:90px; font-size:22px; letter-spacing:0em; font-family:'SBAggroM';}
#header.header_area .primary.case_gnb03 .gnb_menu li a:hover{color:#e6338e;}

#header.header_area .util .util_menu li + li{background:none; position: relative;}
#header.header_area .util .util_menu li:before{width:1px; height:11px; content:''; position: absolute; left:0px; top:2px; background:#000;}
#header.header_area .util, #header.header_area .util .wrap{background:none; border-bottom: none;}
#header.header_area .primary.case_gnb03 .decoR{font-family:'SBAggroM'; font-weight: bold; top:300px; z-index:10;}
#header.header_area .primary.case_gnb03 .decoR dl{padding-left:49px; background:url('../images/common/ico_tel.png') left top no-repeat;}
#header.header_area .primary.case_gnb03 .decoR dl dt{color: #343434; font-size:18px; line-height:1em;}
#header.header_area .primary.case_gnb03 .decoR dl dd{color: #ff7ddc; font-size:26px; line-height:1.1em;}


.ico-mglass{border-color: #ff7ddc; width:27px; height:27px; top:-5px; border-width:3px;}
.ico-mglass:after{background:#ff7ddc; width:12px; top:21px; left:18px; height:4px;}

.visual_sec{position: relative;}
#banner .slick-dots li{display: none !important;}

.custom{margin-bottom:40px; padding-top:10px;}

.car_search_txt{text-align: center; letter-spacing:-0.05em; padding:0 0 50px;}
.car_search_txt h3{color: #323232; font-size:30px; padding:20px 0 25px; font-weight: normal;}
.car_search_txt .car_search_group{border-radius:30px;  border:2px solid #ececec; padding:7px 5px;}
.car_search_txt .car_search_group ul{display: inline-flex; vertical-align: top;}
.car_search_txt .car_search_group ul li{display: inline-table; padding-right:17px; border-right:1px solid #dfdfdf;}
.car_search_txt .car_search_group select, .car_search_txt .car_search_group input{border: none; height:56px; line-height:56px;}
.car_search_txt .car_search_group select{width:209px; font-size:14px; font-weight: bold; padding:0 0 0 20px;}
.car_search_txt .car_search_group ul li:nth-of-type(2) select{width:250px;}
.car_search_txt .car_search_group ul li:nth-of-type(3) select{width:323px; border-right:none;}
.car_search_txt .car_search_group input{font-size:14px; background:#f5f5f5; border-radius:27.5px; margin:0 10px; padding:0 23px; width:180px; border:1px solid #dfdfdf; color: #525252;}
.car_search_txt .car_search_group button{font-size:18px; background:#ff7ddc; border-radius:27.5px; color: #fff; font-weight: bold; height:56px; letter-spacing:-0.05em; width:142px; text-align: center; font-family: 'Noto Sans KR', sans-serif;}

.info_car_group{background:#fff; border-radius:10px; margin:0;}
.info_car_style01{height:183px; position: relative; } 
.info_car_style01 ul{width:100%; text-align: center;}
.info_car_style01 ul li{display: inline-block; width:190px;}
.info_car_style01 ul li a{font-size:20px; color:#9b9c9d; text-align:center; display:block; height:18px; line-height:18px; padding:0 25px; letter-spacing:-0.05em; font-weight: bold; margin:30px 0 0px;}
.info_car_style01 ul li a.on{color: #ea5fbb;}

.info_car_style01 ul li:first-child .depth2{display: block;}
.info_car_style01 ul li .depth2{display:none;}
.info_car_style01 ul li div{position: absolute; width:100%; z-index:10; left:0px; top:0px; height:90px;}
.info_car_style01 ul li div ul li{margin:0px 40px; text-align: left;}
.info_car_style01 ul li div ul li span { color:#464646; font-size: 16px; font-weight: normal; letter-spacing: -0.05em; }
.info_car_style01 ul li div ul li a{color:#333; font-size:16px; background: none; padding:0px; height:auto; line-height:1em;}

.info_car_style01 ul li .menu2{margin-top:70px;}
.info_car_style01 ul li .menu2 ul li{padding:0px 15px 0px; margin:0; width: auto; }
.info_car_style01 ul li .menu2 ul li a{border: none !important; margin:0;}
.info_car_style01 ul li .menu2 ul li:first-child{padding-left:0px;}
.info_car_style01 ul li .menu2 ul li:last-child{padding-right:0px;}
.info_car_style01 ul li .menu2 ul li span {padding-top: 5px; display: block; color: #464646;}
.info_car_style01 ul li .menu2 ul li a:hover span{color: #ea5fbb;}

.info_car_style01 ul li .menu3{margin-top:50px;}
.info_car_style01 ul li .menu3 ul li{padding:0; margin:0 4.5px; width: auto; vertical-align: top;}
.info_car_style01 ul li .menu3 ul li a{border: none !important;}
.info_car_style01 ul li .menu3 ul li:first-child{margin-left:0px;}
.info_car_style01 ul li .menu3 ul li:last-child{margin-right:0px;}
.info_car_style01 ul li .menu3 ul li span{padding-top:10px; display: block; color: #464646;}
.info_car_style01 ul li .menu3 ul li a:hover span{color: #ea5fbb;}

.info_car_style01 ul li .menu4{margin-top:50px;}
.info_car_style01 ul li .menu4 ul{padding-left:12px; table-layout:fixed; display: table;}
.info_car_style01 ul li .menu4 ul li{font-size:12px; color: #777; font-weight: bold; display:inline-block; width:140px; position: relative; margin:0 2px;}
.info_car_style01 ul li .menu4 ul li a{border: none !important;}
.info_car_style01 ul li .menu4 ul li p{border-top:3px solid #c1c1c1; padding-top:30px;}
.info_car_style01 ul li .menu4 ul li span{font-size:16px; font-weight:800;}
.info_car_style01 ul li .menu4 ul li:hover p{border-color:#85e481;}
.info_car_style01 ul li .menu4 ul li:hover span{color: #dc0311;}
.info_car_style01 ul li .menu4 ul.box li{}
.info_car_style01 ul li .menu4 ul.box li:hover{background: none;}
.info_car_style01 ul li .menu4 ul.box li:before, .info_car_style01 ul li .menu4 ul.box li:after{display: none;}
.info_car_style01 ul li .menu4 ul.box li a{height:70px; line-height:70px; color: #777; font-size:18px; border-radius:0; background:#e7e7e7; font-weight: normal;}
.info_car_style01 ul li .menu4 ul.box li a:hover{background:#ea5fbb; color: #fff;}

.car_list.car_title_area{text-align:left; margin-bottom:45px;}
.car_list.car_title_area .tit_wrap{position: relative; border-bottom:2px solid #333333; padding-bottom:10px;}
.car_list.car_title_area .tit_wrap h3{font-size:30px; margin:0; color: #333; font-weight: bold;}
.car_list.car_title_area .tit_wrap p{font-size:18px; color: #979797; letter-spacing:-0.05em; display:inline-block; margin:0;}
.car_list.car_title_area .tit_wrap a{position: absolute; top:8px; right:0px; font-size:14px; color: #fff; background:#ff7ddc; width:74px; height:30px; line-height:30px; letter-spacing:-0.05em; text-align: center;}
.car_list.car_title_area .tit_wrap a:after{content:''; display: inline-block; width:9px; height:9px; border-bottom:2px solid #fff; border-right:2px solid #fff; transform: rotate(-45deg); position: relative; top:-1px; margin-left:5px;}

.yttype_B{margin:50px 0;}
.yttype_B ul li:nth-child(odd){float: left;}
.yttype_B ul li:nth-child(even){float: right;}
.yttype_B iframe{width:595px; height:348px;}

.barbie_info{height:510px; margin-bottom:50px;}
.barbie_info:before{height:510px; width:100%; background:#fee9ed; position: absolute; z-index:-2; content:''; display:inline-block; left:0;}
.barbie_info .barbie_info_left{width:539px; height:359px; background:url('../images/index/bg_car_left.png') -70px 0 no-repeat; z-index:-1; position: absolute; margin-top:194px; left:0px;}
.barbie_info .barbie_info_right{width:581px; height:353px; background:url('../images/index/bg_car_right.png') 140px 0 no-repeat; z-index:-1; position: absolute; margin-top:36px; right:0px;}
.barbie_info .barbie_info_hd{display: inline-block; font-family:'GmarketSansTTFMedium'; color: #fe59d1; margin-top:50px; margin-left:27px; margin-right:95px;}
.barbie_info .barbie_info_hd h3{font-weight: normal; letter-spacing:-0.05em;}
.barbie_info .barbie_info_hd span{display: block; font-size:24px; line-height:1em; margin-bottom:25px;}
.barbie_info .barbie_info_hd strong{font-size:34px; font-family:'GmarketSansTTFBold';}
.barbie_info .barbie_info_hd a{display: block; width:100%; height:50px; line-height:54px; background:#ff7ddc; text-align: center; border-radius:5px; margin-top:10px; font-size:24px; color: #fff;}
.barbie_info .barbie_info_hd a:after{border-bottom:3px solid #fff; border-right:3px solid #fff; content:''; display: inline-block; position: relative; width:14px; height:14px; transform:rotate(-45deg); margin-left:5px;}
.barbie_info ul{display: inline-block; vertical-align: top; width:710px; margin-top:85px;}
.barbie_info ul li {width:345px; height:160px; border-radius:5px; background:#ffe4ec; border:1px solid #ff7ddc; color: #fe59d1; transition: background-color 0.3s ease; position: relative; padding:20px; display: inline-block; vertical-align: top; margin-bottom:20px;}
.barbie_info ul li a{display: block; height:160px;}
.barbie_info ul li:nth-child(odd){float: left;}
.barbie_info ul li:nth-child(even){float: right;}
.barbie_info ul li dl dt{font-family:'GmarketSansTTFBold'; font-size:26px; color: #fe59d1; line-height:1em; margin-bottom:23px; transition: color 0.3s ease}
.barbie_info ul li dl dd{font-size:18px; color: #464646; font-family:'GmarketSansTTFMedium'; transition: color 0.3s ease}
.barbie_info ul li:nth-child(1) .icon-wrap {width:94px; height:79px; background-image:url('/assets/custom/barbieCar/images/index/ico_buy.png'); background-size: 100% 200%; background-position: 0% 100%; /* 기본: 아래쪽(분홍) */ transition: background-position 0.3s ease; position: absolute; right:20px;}
.barbie_info ul li:nth-child(2) .icon-wrap {width:82px; height:82px; background-image:url('/assets/custom/barbieCar/images/index/ico_sell.png'); background-size: 100% 200%; background-position: 0% 100%; /* 기본: 아래쪽(분홍) */ transition: background-position 0.3s ease; position: absolute; right:20px;}
.barbie_info ul li:nth-child(3) .icon-wrap {width:74px; height:79px; background-image:url('/assets/custom/barbieCar/images/index/ico_instellment.png'); background-size: 100% 200%; background-position: 0% 100%; /* 기본: 아래쪽(분홍) */ transition: background-position 0.3s ease; position: absolute; right:20px;}
.barbie_info ul li:nth-child(4) .icon-wrap {width:85px; height:77px; background-image:url('/assets/custom/barbieCar/images/index/ico_kakao.png'); background-size: 100% 200%; background-position: 0% 100%; /* 기본: 아래쪽(분홍) */ transition: background-position 0.3s ease; position: absolute; right:20px;}
.barbie_info ul li:hover{background:#ff7ddc;}
.barbie_info ul li:hover dl dt, .barbie_info ul li:hover dl dd{color: #fff;}
.barbie_info ul li:hover:nth-child(1) .icon-wrap {background-image: url('/assets/custom/barbieCar/images/index/ico_buy.png'); background-position: 0% 0%;}
.barbie_info ul li:hover:nth-child(2) .icon-wrap {background-image: url('/assets/custom/barbieCar/images/index/ico_sell.png'); background-position: 0% 0%;}
.barbie_info ul li:hover:nth-child(3) .icon-wrap {background-image: url('/assets/custom/barbieCar/images/index/ico_instellment.png'); background-position: 0% 0%;}
.barbie_info ul li:hover:nth-child(4) .icon-wrap {background-image: url('/assets/custom/barbieCar/images/index/ico_kakao.png'); background-position: 0% 0%;}

.barbie_service{height:446px; margin-bottom:50px;}
.barbie_service h3{font-size:38px; font-family:'GmarketSansTTFMedium'; line-height:1em; color: #ff7ddc; font-weight: normal; padding:40px 0 30px;}
.barbie_service h3 span{font-family:'GmarketSansTTFBold';}
.barbie_service:before{height:446px; width:100%; background:#ffeff4; position: absolute; z-index:-2; content:''; display:inline-block; left:0;}
.barbie_service h3{text-align: center;}
.barbie_service ul{display:flex; margin:0 -10px;}
.barbie_service ul li{padding:0 10px; text-align: center;}
.barbie_service ul li dl dt{font-family:'GmarketSansTTFBold'; font-size:24px; color: #383838; padding:20px 0;}
.barbie_service ul li dl dd{font-size:#727272; font-size:18px; font-family:'GmarketSansTTFMedium';}

.recommend_car_picture{margin-top:0px;}

.footer_area #footer_data{padding-bottom:200px !important; width:auto !important;}

.quick_bar{background:#ff7ddc !important; height:120px;}
.quick_bar .quick_bar_area{position: relative; }
.quick_bar .quick_bar_area p{color: #fff; font-size:20px; letter-spacing:-0.02em; font-weight: bold;  display: inline-block; vertical-align: top; padding:0; padding:33px 30px 0 97px; text-align: left; line-height:1em;}
.quick_bar .quick_bar_area p span{display: block; font-size:32px; line-height:1.1em;}
.quick_bar .quick_bar_area p:before{content:''; display: inline-block; background:#fff url('../images/common/ico_tel02.png') center no-repeat; width:88px; height:88px; border-radius:100px; vertical-align: top; position: absolute; left:0px; top:15px;}
.quick_bar .quick_bar_area .quick_bar_form{padding:30px 0 0 0; display: inline-block;}
.quick_bar .quick_bar_area input{width:280px; height:60px; line-height:60px; vertical-align: top; margin-left:6px; font-size:16px; font-weight: bold; color: #888; font-family: 'Noto Sans KR'; padding:0 10px; border:none; border-radius:5px}
.quick_bar .quick_bar_area input::placeholder{color: #a6a6a6;}
.quick_bar .quick_bar_area button{font-size:30px; color: #fff; text-align: center; letter-spacing:-0.05em ; position: relative; background:#202020; width:270px; height:60px; font-family: 'Noto Sans KR'; font-weight: bold; margin-left:5px; border-radius:5px}

.lately_area{background:#fff;}
.lately_area p{color: #333; font-size:16px !important; font-weight: bold; width:85% !important;}
.lately_area p.normal_type{border-color: #2f2f2f; border-width:2px;}
.lately_area ul{margin-top:10px;}
.lately_area ul li img{width:126px; height:95px;}
.lately_area a.topgo{background:#ff7ddc; color: #fff; height:30px; font-size:13px; padding:7px 0 0; width:100%;}
.lately_area a.topgo:before{content:''; width:7px; height:7px; border-right:2px solid #fff; border-bottom:2px solid #fff; border-top:none; border-left:none; transform: rotate(45deg); margin:-6px 7px 0 0;}