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

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:#fbe56e;}
#header.header_area .primary{position: relative;}
#header.header_area .primary.case_gnb03{}
#header.header_area:after{content:''; display: inline-block; width:100%; height:60px; position: absolute; bottom:0px; z-index:0; background:#ffec88;}
#header.header_area .primary.case_gnb03 .gnb h1{padding:5px 0 0; text-align: center;}
#header.header_area .primary.case_gnb03 .gnb_menu{margin:0; position: relative; z-index:1;}
#header.header_area .primary.case_gnb03 .gnb_menu li a{display: block; line-height:1em; color: #252525; height:60px; line-height:60px; font-size:30px; letter-spacing:0em}
#header.header_area .primary.case_gnb03 .gnb_menu li a:hover{color:#ff2c2c;}

#header.header_area .util, #header.header_area .util .wrap{background:none; border-bottom: none;}

.ico-mglass{border-color: #fbe56e; width:27px; height:27px; top:-5px; border-width:3px;}
.ico-mglass:after{background:#fbe56e; 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;}

.yttype_D{overflow: hidden; position: relative;}
.yttype_D a{position: absolute; top:40px; right:8px; font-size:18px; color: #404040; font-weight: bold;}
.yttype_D h3{text-align: center; color: #222; font-size:30px; padding:20px 0 30px; line-height:1em;}
.yttype_D h3 span{color: #001f5e;}
.yttype_D h3:after{background:url('../images/index/img_yt.png') no-repeat; content:''; width:156px; height:35px; display: inline-block; position: relative; top:6px; margin-left:10px; }
.yttype_D #video-placeholder02, #video-placeholder03{margin-bottom:10px;}
.yttype_D iframe{width: 595px; height: 314px;}
.yttype_D .yt_L{float: left; margin-right:10px;}
.yttype_D .yt_R{float: right;}
.yttype_D #controls li{float: left; margin-right:11px;}
.yttype_D #controls li:last-child{margin-right:0px;}
.yttype_D #controls li img{width:292px; height:164px;}

.car_search_txt{text-align: center; letter-spacing:-0.05em; padding:45px 0 30px;}
.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:#fbe56e; border-radius:27.5px; color: #222222; 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 0 50px; border:2px solid #fbe56e;}
.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:170px;}
.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; border-left:1px solid #d4d4d4; margin:30px 0 0px;}
.info_car_style01 ul li:last-child a{border-right:1px solid #d4d4d4}
.info_car_style01 ul li a.on{color: #fbe56e;}

.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: #fbe56e;}

.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: #fbe56e;}

.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:#fbe56e; 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: #222222; background:#fbe56e; 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 #222222; border-right:2px solid #222222; transform: rotate(-45deg); position: relative; top:-1px; margin-left:5px;}

.recommend_car_picture{margin-top:0px;}

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

.quick_bar{background:#f7f7f7 !important; height:120px;}
.quick_bar .quick_bar_area{position: relative; }
.quick_bar .quick_bar_area p{color: #000; font-size:24px; letter-spacing:-0.02em; font-weight: bold;  display: inline-block; vertical-align: top; padding:0; font-family:'GmarketSansTTFMedium'; text-align: center; padding:13px 40px 0 124px;}
.quick_bar .quick_bar_area p span:nth-of-type(1){color: #ffd200; font-family:'GmarketSansTTFBold';}
.quick_bar .quick_bar_area p span:nth-of-type(2){font-family:'GmarketSansTTFBold'; font-size:36px;}
.quick_bar .quick_bar_area p:before{content:''; display: inline-block; background:#fbe56e url('../images/common/ico_tel.png') center no-repeat; width:99px; height:99px; border-radius:100px; vertical-align: top; position: absolute; left:5px; top:10px;}
.quick_bar .quick_bar_area .quick_bar_form{padding:35px 0 0 0; display: inline-block; position: absolute; right:0;}
.quick_bar .quick_bar_area input{width:250px; height:50px; line-height:50px; vertical-align: top; margin-left:16px; font-size:16px; font-weight: bold; color: #888; font-family: 'Noto Sans KR'; padding:0 10px; border-color: #646464;}
.quick_bar .quick_bar_area input::placeholder{color: #a6a6a6;}
.quick_bar .quick_bar_area button{font-size:24px; color: #333; text-align: center; letter-spacing:-0.05em ; position: relative; background:#fbe56e; width:220px; height:50px; font-family: 'Noto Sans KR'; font-weight: bold; margin-left: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:#fbe56e; color: #000; 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 #000; border-bottom:2px solid #000; border-top:none; border-left:none; transform: rotate(45deg); margin:-6px 7px 0 0;}

.quick_advise{background:#fff; padding:0; border:1px solid #dedede; overflow: hidden;}
.quick_advise .quick_advise_txt{background:#fbe56e; margin-bottom:0; text-align: center; color: #191919; letter-spacing:-0.05em; padding:10px 0 15px;}
.quick_advise .quick_advise_txt p{background: none; padding:0; margin:0; text-align: center; font-size:18px;}
.quick_advise .quick_advise_txt p span{display: block; font-size:14px; line-height:1em; padding:5px 0 10px;}
.quick_advise .quick_advise_txt dl dt{font-weight: bold; font-size:16px; line-height:1em;}
.quick_advise .quick_advise_txt dl dd{font-weight: bold; font-size:20px;}
.quick_advise .check_wrap{margin:5px 0 0;}
.quick_advise .check_wrap button{background: none !important; color: #b2b2b2 !important; font-size:11px !important; border-bottom:1px solid #b2b2b2 !important; width:22px !important; height:16px !important; bottom:-1px !important;}
.quick_advise .col_wrap_group{padding:0 5px 5px;}
.quick_advise .col_wrap .radio_wrap{margin:0 !important;}
.quick_advise .col_wrap, .quick_advise .input_wrap{margin:5px 0 0 !important;}
#right_side .col_wrap .radio_wrap label{color: #333 !important; background:#e7e7e7;}
#right_side .check_wrap + .btn_wrap{margin-top:5px;}
#right_side .check_wrap input[type='checkbox']:checked + label:before{font-size:12px; line-height:12px; background:#fbe56e !important;}
#right_side .col_wrap .radio_wrap + .radio_wrap{margin-left:0px;}
#right_side .col_wrap .radio_wrap input + label{border: none; font-size:15px; background:#fff5c1; color: #191919 !important;}
#right_side .col_wrap .radio_wrap{width:50%;}
#right_side .input_wrap input{height:30px; line-height:30px; color: #626262; border:1px solid #d1d1d1;}
#right_side .input_wrap input::placeholder{color: #333; font-weight: bold;}
#right_side .check_wrap input + label{line-height:16px; padding-left:17px; font-size:11px;}
#right_side .check_wrap label:before{width:12px; height:12px; border-radius:0}
.quick_advise .btn_wrap button{font-size:14px !important; font-weight: bold;}
#right_side .col_wrap .radio_wrap label.representativeColor{color: #000 !important; background:#fbe56e !important;}
#right_side .btn_wrap button{background:#fbe56e !important; color: #000 !important; font-size:16px !important; font-family: 'Noto Sans KR', sans-serif;  height:36px; line-height:36px;}
#right_side .btn_wrap button span{display: block; line-height:1em;}