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

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 .util{background: none; border-bottom: none;}
#header.header_area .util .wrap{background: none;}

#header.header_area .primary{position: relative;}
#header.header_area .primary.case_gnb01{border: none;}
#header.header_area .primary.case_gnb01 .gnb{margin:0 auto 10px;}
#header.header_area .primary.case_gnb01 .gnb h1{padding:10px 0 0;}
#header.header_area .primary.case_gnb01 .gnb_menu{width:auto; margin:0; display: inline; position: relative; top:10px;}
#header.header_area .primary.case_gnb01 .gnb_menu li{letter-spacing:0em}
#header.header_area .primary.case_gnb01 .gnb_menu li:first-child{display: inline; color: #fff; font-weight: bold; position: relative;}
#header.header_area .primary.case_gnb01 .gnb_menu li:first-child a{padding:0 0 0 44px;}
#header.header_area .primary.case_gnb01 .gnb_menu li:first-child:after{width:100px; height:0; border-top: 40px solid #69c2e8; border-right:25px solid transparent; content:''; position: absolute; top:-12px; right:-40px; z-index:-1;}
#header.header_area .primary.case_gnb01 .gnb_menu li a{color: #fff; font-size:18px; padding:0 58px; display:inline-block; height:38px; line-height:38px;}

#header.header_area .primary.case_gnb01 .gnb_menu li:nth-child(2) a{padding:0 68px 0 108px;}
#header.header_area .primary.case_gnb01 .gnb_menu li:nth-child(3) a{padding:0 28px 0 68px;}
#header.header_area .primary.case_gnb01 .gnb_menu li:nth-child(4) a{padding:0 58px 0 98px;}
#header.header_area .primary.case_gnb01 .gnb_menu li:nth-child(5) a{padding:0 38px 0 48px;}
#header.header_area .primary.case_gnb01 .gnb_menu li:nth-child(6) a{padding:0 48px 0 48px;}
#header.header_area .primary.case_gnb01 .gnb_menu li:nth-child(7) a{padding:0 0 0 58px;}

#header.header_area .primary.case_gnb01:before{content:''; height:38px; width:44%; position: absolute; bottom:-10px; left:0; background:#69c2e8; z-index:-1; margin-left:-400px; }
#header.header_area .primary.case_gnb01:after{content:''; height:38px; width:100%; position: absolute; background:#1e90ff; bottom:-10px; right:0; z-index:-2;}

.visual_sec{position: relative; margin:0 auto; padding-bottom:8px;}
#banner .slick-dots li{display: none !important;}
.border_box.banner_manager:last-child{padding-bottom:0px;}
.slick-dotted.slick-slider{margin-bottom:-2px; }

.car_list.car_title_area{text-align: center; margin-bottom:50px;}
.car_list.car_title_area .tit_wrap{position: relative; border-bottom:2px solid #1e90ff; margin-bottom:5px;}
.car_list.car_title_area .tit_wrap h3{font-size:30px; margin:0 0 10px;}

.recommend_car_picture{margin-top:0px;}

.yttype_D{overflow: hidden;}
.yttype_D h3{text-align: center; padding:24px 0 19px}
.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;}

.info_car{}
.info_car h3{text-align: center; font-size:30px; line-height:1em; color: #333; margin:40px 0 30px;}
.info_car h3 img{position: relative; top:-6px;}
.info_car_group{background:#fff; clear: both; border:1px solid #eee; margin-bottom:20px;}
.info_car_style01{height:292px; position: relative; }
.info_car_style01 ul{width:100%; text-align: center; display: table;}
.info_car_style01 ul li{}
.info_car_style01 ul li a{font-size:22px; color:#333333; display:block; height:97.3px; line-height:97.3px; letter-spacing:-0.05em; font-weight: normal; position: relative; width:200px; text-indent:27px; text-align: left; border-right:1px solid #eee; border-bottom:1px solid #eee;}
.info_car_style01 ul li:last-child a{border-bottom: none;}
.info_car_style01 ul li a.on{color: #1e90ff; border-right: none;}
.info_car_style01 ul li a.on:before{content:''; display: block; width:15px; height:100%; background:#1e90ff; position: absolute; left:0px; top:0px;}

.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:1000px; z-index:10; left:200px; top:0px; height:292px; }
.info_car_style01 ul li div ul{border-bottom: none;}
.info_car_style01 ul li div ul li{margin:0; width:auto; border-right: none; display: inline-block; position: static; }
.info_car_style01 ul li div ul li a{color:#333; font-size:16px; background: none; padding:0px; height:auto; line-height:1em; border: none; text-align: center; width:auto; text-indent: 0;}
.info_car_style01 ul li div ul li a:before, .info_car_style01 ul li div ul li a:after{display: none;}
.info_car_style01 ul li div ul li a span{color:#464646; font-size:15px; font-weight: normal; letter-spacing: -0.05em; font-family: 'Noto Sans KR'; display: block; text-align: center; margin-top:7px;}

.info_car_style01 ul li .menu1{padding:18px 0 24px 19px;}
.info_car_style01 ul li .menu1 ul{text-align: left;}
.info_car_style01 ul li .menu1 ul li:nth-child(1){width:69px; margin-right:26px;}
.info_car_style01 ul li .menu1 ul li:nth-child(2){width:100px; margin-right:16px;}
.info_car_style01 ul li .menu1 ul li:nth-child(3){width:90px; margin-right:24px;}
.info_car_style01 ul li .menu1 ul li:nth-child(4){width:84px; margin-right:30px;}
.info_car_style01 ul li .menu1 ul li:nth-child(5){width:80px; margin-right:28px;}
.info_car_style01 ul li .menu1 ul li:nth-child(6){width:86px; margin-right:30px;}
.info_car_style01 ul li .menu1 ul li:nth-child(7){width:74px; margin-right:35px;}
.info_car_style01 ul li .menu1 ul li:nth-child(8){width:80px; margin-right:38px;}
.info_car_style01 ul li .menu1 ul li:nth-child(9){width:62px;}
.info_car_style01 ul li .menu1 ul:nth-of-type(1) li{margin-bottom:33px;}
.info_car_style01 ul li .menu1 ul:nth-of-type(2) li{margin-bottom:25px;}
.info_car_style01 ul li .menu1 ul li a:hover span{color: #1e90ff;}

.info_car_style01 ul li .menu2{padding:49px 0 0 50px;}
.info_car_style01 ul li .menu2 ul{text-align: left;}
.info_car_style01 ul li .menu2 ul li{margin-right:96px; margin-bottom:15px;}
.info_car_style01 ul li .menu2 ul li:nth-child(5n){margin-right:0;}
.info_car_style01 ul li .menu2 ul li a:hover span{color: #1e90ff;}
.info_car_style01 ul li .menu2 ul li a span{font-size:16px; margin-top:10px;}

.info_car_style01 ul li .menu3{padding:80px 0 0 40px;}
.info_car_style01 ul li .menu3 ul li{margin-bottom:60px; margin-right:30px}
.info_car_style01 ul li .menu3 ul li a{width:160px; height:34px; line-height:34px; text-align: center; background:#d5d5d5; font-size:18px; color: #fff; border-radius:50px}
.info_car_style01 ul li .menu3 ul li a span{display: inline-block; margin-top:0; font-size:14px; color: #fff;}
.info_car_style01 ul li .menu3 ul li a:hover{background:#1e90ff;}

.banner{margin:20px 0 30px;}


.custom_group{text-align: center; margin:50px 0 40px;}
.custom_group h3{font-size:30px; margin:0 0 10px; line-height:1em; border-bottom:2px solid #1e90ff; padding-bottom:15px;}
.custom_group h3 span{color: #1e90ff;}
.custom_group .list_picture{}
.custom_group .list_picture ul{}
.custom_group .list_picture ul li{width:226px; margin-right:17px; float: left; margin-bottom:20px; border:1px solid #cecece;}
.custom_group .list_picture ul li:nth-child(5n){margin-right:0;}
.custom_group .list_picture span.view_img{height:156px; display: block;}
.custom_group .list_picture ul li img{width:226px; height:158px;}
.custom_group .list_picture ul li span.review_txt{display: block; padding:11px 7px 8px; font-size:12px; font-weight: bold; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden; border-top:1px solid #cecece; text-align: center;}

.ico-mglass{border-color: #151515; width:16px; height:16px;}
.ico-mglass:after{background:#151515; top:12px; left:-5px; -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);}

.quick_area .select_wrap{margin-bottom:0px;}
.quick_area label{margin-top:5px; font-weight: normal;}
.quick_area .input_wrap{margin-bottom:2px;}
.quick_advise .col_wrap .radio_wrap, .quick_advise .col_wrap, .quick_advise .input_wrap{margin:5px 0 0 !important;}
#right_side .col_wrap .radio_wrap label{color: #898989 !important; background:#e7e7e7;}

#right_side .col_wrap .radio_wrap label.representativeColor{color: #fff !important; background:#1e90ff !important; border:1px solid #1e90ff !important;}
#right_side .check_wrap input[type='checkbox']:checked + label:before{font-size:12px; line-height:12px; background:#1e90ff !important; }
.quick_advise{background:#fff; padding:0; border-radius:20px; overflow: hidden;}
.quick_advise .quick_advise_tit{background:#1e90ff; text-align: center; color: #fff; font-size:14px; letter-spacing:-0.05em; padding:7px 0 10px;}
.quick_advise .quick_advise_tit:before{width:27px; height:29px; background:url('../images/common/ico_tel.png') no-repeat; display: block; content:''; margin:0 auto 5px; }
.quick_advise .col_wrap_group{padding:0 9px 10px;}
.quick_advise .btn_wrap button{font-size:14px !important; font-weight: bold;}
#right_side .col_wrap .radio_wrap + .radio_wrap{margin-left:0px;}
#right_side .col_wrap .radio_wrap input + label{font-size:16px; background:#fff; color: #333;}
#right_side .col_wrap .radio_wrap{width:63px; margin-right:4px !important;}
#right_side .col_wrap .radio_wrap:last-child{margin-right:0px !important;}
#right_side .input_wrap input{height:28px; line-height:28px; font-size:14px; color: #626262; border:1px solid #d1d1d1;}
#right_side .check_wrap input + label{color: #333; line-height:16px; padding-left:17px;}
#right_side .check_wrap label:before{width:12px; height:12px; border-radius:0; background:#1e90ff !important;}
#right_side .btn_wrap button{background:#1e90ff !important; color: #fff !important; font-size:15px !important;}
#right_side .check_wrap button{bottom:-7px;}
#right_side .check_wrap + .btn_wrap{margin-top:15px;}

.lately_area p{background:none; color: #333; font-size:18px; font-weight: bold;}
.lately_area ul{margin-top:5px;}
.lately_area a.topgo{background:#1e90ff; color: #fff; height:30px; font-size:16px; padding:5px 0 0; letter-spacing:0.1em}
.lately_area a.topgo:before{border-bottom-color:#fff; font-size:16px;}