@charset "utf-8";
.sc_top_nav{overflow:hidden;width:1200px;margin:30px auto 50px;border-left:1px solid #ddd;border-top:1px solid #ddd}
.sc_top_nav li{float:left;width:133.2px;height:50px;text-align:center;border:1px solid #ddd;border-left:0;border-top:0;box-sizing:border-box}
.sc_top_nav_se li{width:109px}
.sc_top_nav_se li button{font-size:13px !important;letter-spacing:-.5px !important}
.sc_top_nav li:last-child{border-right:1px solid #ddd}
.sc_top_nav li img{display:inline-block;padding-right:5px}
.sc_top_nav li button{display:block;width:100%;height:100%;background:none;border:none;font-size:14px;color:#222;font-family:'notokr-medium'}
.sc_top_nav li:hover{border:1px solid #2177ce}
.sc_top_nav .on{background:#2177ce}
.sc_top_nav .on button{color:#fff}
.nav02 li{width:132.7px}

.bo_gall .gall_ul{margin:10px 0;padding:0;zoom:1}
.bo_gall * {box-sizing:border-box}
.bo_gall .gall_ul:after{display:block;visibility:hidden;clear:both;content:""}
.bo_gall .gall_li{overflow:hidden;position:relative;float:left;width:282px;height:326px;text-align:center;margin-bottom:20px;margin-right:24px;box-sizing:border-box;background:#fff;border:1px solid #e1e1e1}
.bo_gall .gall_li.right{margin-right:0}
.bo_gall .gall_li a:before{position:absolute;z-index:100;top:0;left:0;width:100%;height:100%;content:'';border:2px solid var(--yellow);box-sizing:border-box;opacity:0;transition:all .3s}
.bo_gall .gall_li:hover a:before{opacity:1}



.bo_gall .gall_li .checkbox{position:absolute;left:5px;top:5px;z-index:9}
.bo_gall .gall_li .gall_con{padding:0}
.bo_gall .gall_li .gall_con .gall_txt{padding-bottom:10px;color:#333;font-size:17px;line-height:27px;text-align:left;font-family:'notokr-bold'}
.bo_gall .gall_li .gall_con .gall_txt .gall_txt_tit01{color:var(--yellow)}
.bo_gall .gall_li .gall_con .gall_price{border-top:1px solid #e1e1e1;font-size:18px;line-height:46px;font-weight:bold;background-color:#fff;color:#222;text-align:left}
.bo_gall .gall_li .gall_con .gall_price .price{font-size:13px;text-decoration:line-through;color:#222}

.bo_gall .gall_li.gall_now .gall_con .gall_txt a{color:#ff3061}

.bo_gall .gall_li .gall_img {overflow:hidden}
.bo_gall .gall_li .gall_img img {transition:all .2s}
.bo_gall .gall_li:hover .gall_img img {-webkit-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}

.bo_gall .gall_li .info_wrap {width:100%;height:75px;padding:0 15px;transition:all .2s;font-family:"notokr-bold"}
.bo_gall .gall_li:hover .info_wrap {bottom:0}

.new_car_nav *{box-sizing:border-box}
.new_car_nav > div{float:left;}
.new_car_nav .tit{display:block;width:100%;height:50px;font-size:17px;line-height:50px;color:#333;background:#f7f7f7;text-align:center;font-family:'notokr-bold'}
.new_car_nav .car_wrap01{width:398px}
.new_car_nav .car_wrap02{width:800px}
.new_car_nav  a{display:block;height:100%}
.new_car_nav .on p{color:#044c9c;font-family:'notokr-bold'}
.new_car_nav .brand_list{overflow:hidden;width:100%;padding:0 20px;margin:30px 0;border-right:1px solid #222}
.new_car_nav .brand_list > li{position:relative;float:left;width:33.33%;height:80px;padding-top:15px;text-align:center}
.new_car_nav .brand_list02{overflow:hidden;width:100%;padding:30px 20px}
.new_car_nav .brand_list02 > li{position:relative;float:left;width:11%;height:80px;padding-top:15px;text-align:center}
.new_car_nav .car_name{position:absolute;bottom:5px;left:0;width:100%;font-size:14px;color:#333;font-family:'notokr-medium'}
/* 리뉴얼 */
#gall_ul_ko{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;margin-top:40px}
#bo_gall_ko .gall_li{position:relative;height:auto;border:1px solid #e1e1e1}
#bo_gall_ko .gall_li .info_wrap{height:auto;padding:15px 15px 0 15px}
#bo_gall_ko .gall_li .gall_brand{display:flex;align-items:center;gap:10px;max-height:24px;text-align:left;font-size:16px;font-family:'notokr-right'}
#bo_gall_ko .gall_li .gall_con .gall_txt{margin:18px 0;color:#333;line-height:1;font-size:20px;text-align:left;font-family:'notokr-bold'}
#bo_gall_ko .gall_li .gall_con .gall_price{padding-top:0px;border-top:none;font-size:14px;line-height:1;text-align:left;background-color:#fff;color:#222;word-break:keep-all;font-family:"notokr-bold"}
#bo_gall_ko .gall_li .car_price{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-family:'notokr-medium'}
#bo_gall_ko .gall_li .car_price span{position:relative;}
#bo_gall_ko .gall_li .car_price span:after{content:"";position: absolute;top:50%;left:50%;transform: translate(-50%);width:110%;height:1px;background-color:#222;}
#bo_gall_ko .gall_li .month_price{display:flex;justify-content:space-between;align-items:center;margin:12px 0 15px;font-size:16px;font-family:'notokr-medium'}
#bo_gall_ko .gall_li .month_price span{font-size:23px;font-family:'notokr-bold'}
#bo_gall_ko .gall_li .gall_notice{display:flex;gap:5px}
#bo_gall_ko .gall_li .gall_notice li{padding:6px 8px; font-size:14px;font-family:'notokr-medium';color:#111;background-color:#ebebeb}
#bo_gall_ko .gall_li a:before{content:unset !important}
#bo_gall_ko .gall_li .counsel{padding:0 15px;margin:20px 0;width:100%;height:45px}
#bo_gall_ko .gall_li .counsel button{width:100%;height:100%;border-radius:10px;font-size:16px;font-family:'notokr-medium';background-color:#fff}
.optionchoice{overflow:hidden;width:1200px;margin:40px auto}
.type_select{overflow:hidden;display:flex;width:100%}
.type_select li{width:50%;height:60px;line-height:60px;text-align:center;font-size:17px;font-family:'notokr-bold';color:#999;background-color:#fff;cursor:pointer}
.type_select li:first-child{border-top-left-radius:30px;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.type_select li:last-child{border-top-right-radius:30px;border-top:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
.type_select li.on{color:#fff;background-color:#044c9c}
.type_select li a{display:block;width:100% ;height:100%;font-family:'notokr-bold';color:#999}
.type_select li.on a{color:#fff}     
.new_car_nav{overflow:hidden;position:relative;display:flex;flex-direction:column;padding:30px 30px 50px 30px;margin-top:0px;margin-bottom:0px;height:365px;border:1px solid #e1e1e1;width:auto;background-color:#f9f9f9}
.new_car_nav.show{display:flex}
.new_car_nav.hidden{display:none}
.new_car_nav.ko{height:220px;}
.new_car_nav.en{height:330px;}
.new_car_nav.height_on{height:auto !important;}
.car_wrap_all{overflow-y:scroll;padding-right:30px;margin-top:30px;}
.new_car_nav .nav_btn{display:flex;align-items:center;gap:10px}
.new_car_nav .car_wrap01{width:auto}
.new_car_nav .car_wrap02{width:auto}
.new_car_nav .tit{padding:8px 18px;width:auto;height:auto;line-height:1;background-color:transparent;border:1px solid #dbdbdb;border-radius:20px;color:#b4b4b4;font-size:15px;background-color:#fff}
.new_car_nav .car_list02{padding:0px}
.new_car_nav .car_name{position: static}
.new_car_nav a{display:flex;flex-direction: column;justify-content:center; align-items:center;gap:10px;padding:20px;border:1px solid #dbdbdb;border-radius:10px; background-color:#fff}
.car_list{display:none}
.new_car_nav .car_list > li{width:100%;height:auto;padding:0px}
.new_car_nav .car_list > li.on{border: 1px solid #044c9c}
.new_car_nav .car_list > li img{width:32px;}
.new_car_nav .car_list > li img.big_logo{width:26px;}
.new_car_nav .on a{border: 1px solid #044c9c}
.new_car_nav .more_btn{flex-direction:row;gap:5px;position:absolute;bottom:12px;left:50%;transform: translateX(-50%);padding:0px;width:auto;height:auto;font-family:'notokr-bold';font-size:14px;border:none;background-color:transparent !important}
.new_car_nav .more_btn svg{width:20px;height:20px;}
.new_car_nav .more_btn.on svg{transform: scaleY(-1);}
.nav_btn .btn_on{border: 1px solid #044c9c; color: #044c9c}
.car_type_choice{display:flex;align-items:center;border:1px solid #e1e1e1;border-top:none;border-radius:0 0 20px 20px}
.car_type_choice li{width:calc(100% / 8);height:55px;line-height:55px;text-align:center}
.car_type_choice li{font-size:15px;font-family:'notokr-medium'}
.car_type_choice li.on a{color:#044c9c}

.new_car_nav button{position:relative;width:100%;height:100%;border:0;background:0;display:flex;flex-direction: column;justify-content:center; align-items:center;gap:10px;padding:12px;border:1px solid #dbdbdb;border-radius:10px; background-color:#fff}
.new_car_nav button img{position:relative}
#bo_gall_ko .gall_li .counsel a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;border-radius:10px;font-size:16px;font-family:'notokr-medium';background-color:#fff;border:2px solid #111; text-align:center;transition:all .3s}
#bo_gall_ko .gall_li .counsel a:hover{color:#fff;background-color:#111}

.go_rent{margin:30px auto 0;padding:12px 40px !important;border-radius:27px !important;}


.popup-overlay{justify-content:center;align-items:center;display:none;position:fixed;top:0;left: 0;width:100vw;height:100vh;background:rgba(0, 0, 0, 0.5);z-index:1000}
.popup-content {position:relative;background:#fff;max-width:520px;width:100%;padding:50px 30px 30px;border-radius:20px}
.popup-content h3{font-size:28px;font-family:'notokr-bold';text-align:center}
.popup-content ul{margin-top:40px}
.popup-content ul li{display:flex;align-items:center;gap:10px}
.popup-content ul li+li{margin-top:20px}
.popup-content .input_label{width:70px;font-size:16px;font-family:'notokr-medium'}
.popup-content .sh_input{padding:0 10px;width:calc(100% - 70px);height:40px;font-size:14px;font-family:'notokr-medium'}
.popup-content .agr_area > div{display:flex;align-items:center;justify-content:end; gap:5px;margin-top:30px; font-size:14px;font-family:'notokr-medium'}
.popup-content .submit-btn{width:100%;height:55px;margin-top:30px;border:none;border-radius:10px;font-size:18px;font-family:'notokr-medium';color:#fff;background-color: #2177ce}
.popup-content .close-btn{position:absolute;top:20px;right:20px;border:none;background-color:transparent}
.popup-content .close-btn svg{width:28px;height:28px}