@charset "utf-8";
img{
    display: block;
    width: 100%;
    object-fit: unset;
}
.blindTxt{overflow:hidden; position:absolute !important; clip:rect(0,0,0,0); width:1px; height:1px; margin:-1px; border:0;padding:0;}
.blind{text-indent:-9999px; font-size:0px; width:0px; height:0px;}
#wrap:after, #container:after, #footer:after, #header:after, .inner:after, ul:after, ol:after, dl:after, .clear:after{display:block;clear:both;content:""}

#wrap{width:100%;position:relative; }


.move_car {
    position: absolute;
    bottom: 15%;
    display: inline-block;
	left:-20px;
	z-index:99;
}
.btn-style01{
	overflow:hidden; position:relative; display:inline-block; 
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s	
}
.btn-style01 span{position:relative; z-index:1;;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.btn-style01 b{position:absolute; top:-1px; right:10px;}
.btn-style01:before{
	display:block; position:absolute; left:-130%; bottom:0; content:""; width:120%; height:150%; background:#10c284; /* opacity:0;filter:Alpha(opacity=0); */
	transform:skew(-20deg); 
	-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s
}
.btn-style01:hover span{color:#fff;}
.btn-style01:hover:before{left:-10%; opacity:1.0;filter:Alpha(opacity=100);}

.Mheader{display:none;}
.MsideMenu{display:none;}
.mVisual{display:none;}
.sidefix {top:70px !important;}
.contentWrap .mainViusal .mobileCounselBox{display:none;}
.mainViusal h3{
	text-align: center;
    line-height: 34px;
    color: #333;
	font-size:24px;
    padding: 0 0 20px 0;
	letter-spacing: -1px;
}
.mainViusal .clistBox h3 {padding-bottom:10px;}
.mainViusal h3 span {display:inline-block; padding-left:5px;}

.sideWrap{position:fixed; right:0;top:0; width:232px;z-index:999999; top:0; background:#1b1b1b;height:100%; box-shadow:-5px 0px 10px rgba(0,0,0,0.2);overflow:hidden; transition:all 0.3 ease-out}

.ocbtn{background:#2584a7;width:35px;height:45px;position:fixed; right:100px; top:450px;color:#fff;font-size:24px; text-align:center;line-height: 45px;}
.sideWrap .s_img{overflow-y:scroll; height:100%;width:250px;}
.sideWrap .s_img .img{padding-bottom:282px;}
.sideWrap .s_img .img img{width:100%}
.sideWrap .s_counsel{position:fixed; bottom:0; width:232px;height:212px; background:#008ed4; padding:10px;}
.sideWrap .s_counsel p{font-size:18px; font-weight:400;padding:0px 0 10px; color:#fff;}
.sideWrap .s_counsel .selectWrap_st1{height:34px;padding:0;margin-top:-1px;}
.sideWrap .s_counsel .selectWrap_st1 .select_tit{font-size:12px;left:10px;line-height: 20px;}
.sideWrap .s_counsel .selectWrap_st1 input{padding: 8px 0 8px 55px; font-size:12px;}
.sideWrap .s_counsel .checksWrap_st1{padding:10px 0 15px;}
.sideWrap .s_counsel .btnSet{background:#ffcd01; width:100%;font-size:14px; font-weight:600; text-align:center;padding:12px 0; border-radius:2px;}
.sideWrap .s_counsel .btnSet a{color:#232323;}
.sideWrap .s_counsel .btnSet button{}

.contentWrap{width:100%;}
.contentWrap .mainViusal{position:relative;width:100%;height:650px;overflow:hidden; background:#ddd;}
.contentWrap .mainViusal .visualWrap{}
.contentWrap .mainViusal .visualWrap .visual02{width:100%;height:650px;background:url(../images/mainvisualbright1.jpg) no-repeat top;background-size:cover;}

/*.contentWrap .mainViusal .visualWrap .visual01{width:100%;height:735px;  background: url(../images/mainvisual02.jpg)no-repeat center bottom;}*/
.greendot_pattern span {
    position: absolute
}
.greendot_pattern span:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/greendot.svg);
    opacity: .12;
	z-index:1;
}
.greendot_pattern span.greendot_lt {
    top: 126px;
    left: -33px;
    width: 202px;
    height: 202px
}
.greendot_pattern span.greendot_rt {
    top: -106px;
    right: -202px;
    width: 500px;
    height: 500px
}
.greendot_pattern span.greendot_rt:after {
    opacity: .05
}
.greendot_pattern span.greendot_lb {
    bottom: -420px;
    left: 0;
    width: 900px;
    height: 900px
}
.mainbuybox {
    position: absolute;
    top: 160px;
    width: 390px;
    height: 480px;
    display: block;
    z-index: 2;
	text-align:center;
}
.mainbuybox p{
	text-align: center;
    font-size: 15px;
    color: #333;
    margin: 10px 0 35px;
    line-height: 24px;
}
.contentWrap .mainViusal .inner> span{position: absolute; bottom: 20px;left: 13%;z-index: 99;}
.contentWrap .mainViusal .mCounselBox{
    width: 460px;
    height: auto;
    /* border-radius: 10px; */
    position: absolute;
    z-index: 1;
    top: 160px;
    padding: 0px 0px 0 0;
    color: #252525;
    left: 50%;
    margin-left:200px ;
    border-left: 1px solid rgba(255,255,255,0.2);
    border-right: 1px solid rgba(255,255,255,0.2);
}
.contentWrap .mainViusal .mCounselBox p {}
.contentWrap .mainViusal .mCounselBox .bic_f{font-size:30px; margin-bottom:10px;font-weight: 600; color:#fff; text-align: center;}
.contentWrap .mainViusal .mCounselBox .small_f{font-size:16px;margin-bottom:20px; line-height:24px; color:#fff; text-align: center;}
.contentWrap .mainViusal .mCounselBox .counselFormBox{ 
    background: #fff;
    padding: 25px;
    width: 80%;
    border-radius: 10px;
    margin: auto;

}
.contentWrap .mainViusal .mCounselBox .counselFormBox > p{
    font-weight: 500;
    margin: 0 0 15px 7px;
    color: #f37123;
    font-size: 14px;
}
.contentWrap .mainViusal .mCounselBox .counselFormBox ul li { box-sizing:border-box; margin-top:-1px;}

.contentWrap .mainViusal .mCounselBox .counselFormBox > span{font-size:15px;margin:5px 0 10px 7px;display:block; letter-spacing:-0.75px;}
.contentWrap .mainViusal .mCounselBox .counselFormBox .selectWrap_st1{position:relative;border:1px solid #eee;}
.contentWrap .mainViusal .mCounselBox .counselFormBox ul li:hover .selectWrap_st1, .contentWrap .mainViusal .mCounselBox .counselFormBox ul li:focus .selectWrap_st1{border:1px solid #f37022; z-index:2;}
.contentWrap .mainViusal .mCounselBox .counselFormBox ul li:hover .selectWrap_st1 {}
.contentWrap .mainViusal .mCounselBox .counselFormBox .selectWrap_st1 .select_tit { font-family: 'GmarketSansMedium'; top:9px;}
.contentWrap .mainViusal .mCounselBox .counselFormBox .arrow {cursor:pointer;}
.contentWrap .mainViusal .mCounselBox .counselFormBox .arrow:after{
	display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 40px;
    height: 42px;
    background: url(../images/select_arr.png) no-repeat center;
    content: '';
}
.contentWrap .mainViusal .mCounselBox .counselFormBox .selectWrap_st1 .select_tit:before{content:''; color:#1dacb8;width: 5px;height: 5px; vertical-align: -2px; padding-right: 5px;}
.contentWrap .mainViusal .mCounselBox .counselFormBox .selectWrap_st1 select{cursor:pointer; padding-left: 70px;height: 100%; color:#777; font-size:13px; font-weight:500; width:100%; }
.contentWrap .mainViusal .mCounselBox .counselFormBox .selectWrap_st1 span.arw{background:url(..../images/process_arw.png) no-repeat center; width:12px; height:10px; position:absolute; right:20px; top:20px;transform: rotate(90deg);}
.contentWrap .mainViusal .mCounselBox .checksWrap_st1{ }
.contentWrap .mainViusal .mCounselBox .btnSet{background:#f37022; width:210px;border-radius:30px; margin:10px auto 0;}
.contentWrap .mainViusal .mCounselBox .btnSet a{color:#fff;}
.contentWrap .mainViusal .mCounselBox .btnSet .submit_btn {background:transparent; padding:13px 0 15px; color:#fff; border:0px; font-size: 15px; text-align:center;display:block; width:100%;}
.blink{animation: blinker 2s linear infinite;}
@keyframes blinker { 50% {opacity:0;} }

.contentWrap .mainViusal .mCounselBox .checksWrap_st1 .checks label{
    line-height: 22px;
    font-size: 13px;
    color: #999;
}
.contentWrap .main_counselList{padding-top:50px;}
.contentWrap .main_counselList div ul li{float:left; width:33%; padding:20px; height:116px; border-radius:5px; -khtml-border-radius:5px; position:relative;}
.contentWrap .main_counselList div ul li .countTit{font-size:24px;}
.contentWrap .main_counselList div ul li .countTit span{font-size:14px; line-height:14px;}
.contentWrap .main_counselList div ul li .countScore{text-align:right;font-size:45px; font-weight:600; position:absolute;bottom:30px;right:20px;}
.contentWrap .main_counselList div ul li:nth-child(1){border:1px solid #25a0a8; margin-right:0.5%;}
.contentWrap .main_counselList div ul li:nth-child(2){background:#2585a8; margin-right:0.5%;}
.contentWrap .main_counselList div ul li:nth-child(3){background:#2572a8;}
.contentWrap .countBox {padding:40px 0 40px;}
.contentWrap .main_processBox{padding:0px 0 50px; background:#f3f4fc}
.contentWrap .main_processBox li{float:left; position:relative; margin-right:35px;}
.contentWrap .main_processBox li.step06{margin-right:0 !important;}
.contentWrap .main_processBox li:after{content:''; position:absolute; right:-22px; top:40%; display:inline-block; width:8px; height:12px; background:url(..../images/process_arw.png) no-repeat;}
.contentWrap .main_processBox li:last-child:after{display:none;}
.contentWrap .main_processBox li i{display:block; width:170px; height:170px; border-radius:85px; margin: 0 auto 10px ;}
.contentWrap .main_processBox li.step01 i{background:url(..../images/step01.png) no-repeat #25a0a8 center;}
.contentWrap .main_processBox li.step02 i{background:url(..../images/step02.png) no-repeat #2585a8 center;}
.contentWrap .main_processBox li.step03 i{background:url(..../images/step03.png) no-repeat #2572a8 center;}
.contentWrap .main_processBox li.step04 i{background:url(..../images/step04.png) no-repeat #2563a8 center;}
.contentWrap .main_processBox li.step05 i{background:url(..../images/step05.png) no-repeat #2556a8 center;}
.contentWrap .main_processBox li.step06 i{background:url(..../images/step06.png) no-repeat #2544a8 center;}
.contentWrap .main_processBox li p{text-align:center; font-size:18px;}
.contentWrap .main_processBox li p span{font-weight:500;}
.contentWrap .main_processBox li.step01 p span{color:#25a0a8;}
.contentWrap .main_processBox li.step02 p span{color:#2585a8;}
.contentWrap .main_processBox li.step03 p span{color:#2572a8;}
.contentWrap .main_processBox li.step04 p span{color:#2563a8;}
.contentWrap .main_processBox li.step05 p span{color:#2556a8;}
.contentWrap .main_processBox li.step06 p span{color:#2544a8;}

.contentWrap .main_counselBox {
    position: absolute;
    top: 160px;
    display: block;
    z-index: 2;
    left: 50%;
    margin-left: -215px;
}
.contentWrap .main_counselBox div .main_counselBox h3, .contentWrap .main_counselBox div .mBuyBox h3{ font-size:24px; font-weight:600; padding:20px 0 0 20px;}
.contentWrap .main_counselBox div > .clistBox, .contentWrap .main_counselBox div > .centerBox{float:left; width:420px;position:relative;}
.contentWrap .main_counselBox div > div .consultListWrap{height:380px;}
.contentWrap .main_counselBox div > div .consultListWrap ul{width:100%;}
.contentWrap .main_counselBox div > div a{cursor:pointer; font-size:20px; border:1px solid #454545; padding:5px 10px; text-align:center;position:absolute; right:7%;bottom:20px; color:#454545;}
.contentWrap .main_counselBox div > div a:after{display:inline-block; width:8px; height:12px;content:''; margin-left:10px; background:url(..../images/process_arw.png) no-repeat;}

.main_counselBox:after{clear:both; content:'';display:block;}

.mainViusal h3.maintit02{padding-bottom:0px; width:98%;}
.main_counselBox .clistBox ul{}
.main_counselBox .clistBox ul li{
    font-size: 14px; line-height:20px;
    margin-left: 0 !important;
    background-color:rgba(255,255,255,0.75);
    transition: box-shadow 0.1s ease, background-color 0.1s ease;
    -webkit-transition: box-shadow 0.1s ease, background-color 0.1s ease;
	 box-sizing:border-box; border-radius:5px;
}
.main_counselBox .clistBox ul li > div{float:left; text-align:center;}
.main_counselBox .clistBox ul li p{width:75%; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.main_counselBox .clistBox ul li .c_text{width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; font-weight:500; color:#666; font-size:16px; text-align:left; padding:10px 0 10px 20px; position:relative;}
.main_counselBox .clistBox ul li .c_name{display:none; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding:10px;}
.main_counselBox .clistBox ul li .c_date{width: 20%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding:10px;}
.main_counselBox .clistBox ul li > div span.c_ing{background:#f37022; border-radius:3px; border:1px solid #f37022; font-size:12px; color:#fff;padding:3px 0; width:60px;display:inline-block;text-align:center; position:absolute; top:6px;right:10px;}
.main_counselBox .clistBox ul li > div span.c_end{background:#ccc; border-radius:3px; border:1px solid #ccc; font-size:12px; color:#777;padding:3px 0; width:60px;display:inline-block; text-align:center; position:absolute; top:6px;right:10px;}
.main_counselBox .clistBox ul li:after{clear:both; content:'';display:block;}
.main_counselBox .centerBox h3{text-align:left;}

.main_counselBox .centerBox{background:url(..../images/pc/btnbg.png) no-repeat right center #3a6eff; border-radius:10px;margin-top: 158px; padding:36px;text-align:left; color:#fff; }
.main_counselBox .centerBox h3{color:#454545;padding:10px 0;}
.main_counselBox .centerBox > span{display:block;font-size:15px; font-weight:600;}
.main_counselBox .centerBox > p{
        font-weight: 800;
    font-size: 30px;
    /* padding-top: 70px; */
    line-height: 56px;
    border: 2px solid #fff;
    display: inline-block;
    padding: 3px 26px;
    margin-top: 15px;
    border-radius: 46px;
    
}
.main_counselBox .centerBox > p img{padding-top:15px;}

.main_intro {display:inline-block; width:100%; margin-bottom:50px;}
.main_intro ul {padding-bottom:20px;}
.main_intro ul li{float:left; width:33.333%; text-align:center;}
.main_intro ul li i{background:#f3f4fc; width:180px; height:180px; display:block; margin:15px auto; border-radius:150px }
.main_intro ul li i.introico01{background:url(..../images/introico04.png)no-repeat #f3f4fc center center; background-size:55%;}
.main_intro ul li i.introico02{background:url(..../images/introico05.png)no-repeat #f3f4fc center center; background-size:70%;}
.main_intro ul li i.introico03{background:url(..../images/introico06.png)no-repeat #f3f4fc center center; background-size:70%;}

.main_intro ul li h4{font-size:20px; font-weight:bold; color:#272e40; display:inline-block; position:relative;margin-top:5px;}
.main_intro ul li h4:after{
    content: '';
    position: absolute;
    top: 1px;
    left: -30px;
    width: 19px;
    height: 19px;
    background:url(..../images/ddaumo.png)no-repeat;
	background-size:100%;
}
.main_intro ul li span{margin-top:10px; font-size:17px;  display: block; font-weight:bold; line-height: 27px;} 

#fquick{
    display: none;
}
/* --------------------------------------------
 * header
/* ------------------------------------------ */
#header,
#header * {

}

/* --------------------------------------------
 * container
/* ------------------------------------------ */
#container {

}
.bggray{background:#f7f7f7;}


/*maincycle*/
.main_capital{

}
.main_capital .ct_arrow{
	width:127px;
	float:right;
}
.main_capital .ct_arrow span{
	font-size:28px;
	line-height:120px;
	display:inline-block;
}
.main_capital .ct_arrow span b{
	font-weight:600;
}
.main_capital .ct_arrow .arrow{
	margin:35px 0;
	float:left;
	display:inline-block;
}
.main_capital .ct_arrow .arrow a{
	margin-left:10px;
	width:50px;
	height:50px;
	background:url(../images/capital_arrow.png) no-repeat;
	display:inline-block;
	text-indent:-9999px;
}
.main_capital .ct_arrow .arrow #next{
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.main_capital .ct_logo {
	width:980px;
	float: left;
	overflow:hidden;
	height:125px;
}
.main_capital .ct_logo li{
	margin:0 15px;
	line-height:120px;
}
.main_capital .ct_logo li img{
	vertical-align:middle;
	width:90%;
	filter:grayscale(100%);
	-webkit-filter:grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	opacity:0.5;
	transition:all 0.3s ease;
}

.main_capital .ct_logo li:hover img{
	filter:grayscale(0);
	-webkit-filter: grayscale(0);
	opacity:1;
	transition:all 0.3s ease;
}

.foot_info{padding:50px 0; border-top:1px solid #eee;    background: #f7f7f7;}
.foot_info .infoBox{}
.foot_info .infoBox > li{float:left; width:31.3%; height:200px; margin-left:3%}
.foot_info .infoBox > li:nth-of-type(1){margin-left:0;}
.foot_info .infoBox li h3{font-size:23px; line-height:30px;}
.foot_info .infoBox li h3 i {
    border: 1px solid #ea1c30;
    font-size: 15px;
    border-radius: 50%;
    margin: -5px 10px 0 0;
    width: 32px;
    height: 32px;
    text-align: center;
    padding-top: 7px;
    color: #fff;
    background: #ea1c30;
}

.foot_info .infoBox li h3.foottit04{background:url(../images/footcontentsbg.png)no-repeat center center;transition: all 0.3s ease;-webkit-transition: all 0.3s ease; }
.foot_info .infoBox li h3.foottit04 a{display:block; height:200px;}
.foot_info .infoBox li h3.foottit04:hover{
	 transform: translateY(-8px);
    -webkit-transform: translateY(-8px);
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.noticeWrap {margin-top:15px;}
.noticeWrap li{position:relative; width:100%; }
.noticeWrap li a{
    display: block;
    font-size: 16px;
    line-height: 30px;
    color: #666;
    white-space: nowrap;
    width: 85%;
    overflow: hidden;
    text-overflow: ellipsis;
	padding-left:15px;
	position:relative;
	border-bottom:1px solid #eee;
}
.noticeWrap li:before{position:absolute; top:13px; border-radius:50px; width:5px; height:5px; background:#f37022; left:0; display:block; content:'';}
.noticeWrap li a:hover{color:#f37022 }
.callGreen{
	font-size: 26px;
    line-height: 26px;
    margin-top: 37px;
    font-weight: bold;
    display: inline-block;
	letter-spacing:-1px;
}
.callGreen i {margin-right:8px; color:#ea1c30;}
.callGreen img {margin-right:8px;}
.foottxt {
    color: #666;
    font-size: 14px;
    margin-top: 20px;
    line-height: 24px;
}
.kakaoid h2{	
	font-size: 30px;
    line-height: 30px;
    margin-top: 35px;
    font-weight: 500;
    display: inline-block;
	letter-spacing:-1px;
}


/*visual*/
.contentWrap .visual{position:relative;width:100%; padding-top:90px;}
.contentWrap .visual  .inner {display:flex; }
.contentWrap .visual .vsimg {max-width:640px;}
.contentWrap .visual .swiper {width: 100%; height: 100%;}
.contentWrap .visual .swiper-slide {text-align: center; font-size: 18px;   background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }
.contentWrap .visual .swiper-button-next {top:57.5%; right:20px; color:#fff;}
.contentWrap .visual .swiper-button-prev {top:57.5%; left:20px; color:#fff;}
.contentWrap .visual .swiper-button-next:after {font-size:22px;}
.contentWrap .visual .swiper-button-prev:after {font-size:22px;}
.contentWrap .visual .inner {margin:0 auto; width:1100px;}
.contentWrap .visual .visualcon {margin-top:90px; padding-top:40px; width:900px; height:500px; text-align:left;}
.contentWrap .visual .text.text-bg {margin-top:10px; padding:40px 60px 40px 40px; display:inline-block; background:rgba(255,115,23,0.8);}
.contentWrap .visual .text {padding:40px;}
.contentWrap .visual .text h2 {margin:0 0 30px 0; font-size:55px; font-weight:800; color:#fff; letter-spacing:-3px; line-height:70px;}
.contentWrap .visual .text h3 {font-size:24px; font-weight:400;  color:#fff; padding-left:3px; letter-spacing:-1.5px;}
.contentWrap .visual .text p {font-size:30px; font-weight:400; }

.contentWrap .visual .innerbox {position:absolute; top:57.5%; left:67%; transform: translate(-50%, -50%); width:320px; margin:0 auto; z-index:1;}
.contentWrap .visual .innerbox .mCounselBox {float:right; padding:35px 25px 25px 25px; background:rgba(255,255,255,0.9); border-radius:13px; width:320px; box-shadow:5px 5px 15px rgba(0 0 0 / 10%);}
.contentWrap .visual .innerbox .mCounselBox h3 {font-size:30px; line-height:35px; font-weight:bold; letter-spacing:-2px;}
.contentWrap .visual .innerbox .mCounselBox p {margin:5px 0 20px 0; font-size:16px;}
.contentWrap .visual .innerbox .mCounselBox .btnSet .submit_btn {margin-top:15px; display:block; padding:11px 13px 13px 13px; width:100%; color:#fff; border-radius:5px; text-align:center; background:#ea002c; font-size:18px; font-weight:bold; letter-spacing:-1px;}
.contentWrap .visual .innerbox .mCounselBox .btnSet .submit_btn:hover {background:#d40d21; transition:all 0.5s;}

.contentWrap .visual .sbarrow {position:absolute; top:50%; transform:translate(0,-50%);  width:35px; height:35px;  z-index:99;  cursor:pointer;}
.contentWrap .visual .sbarrow.sb-next { right:25px; filter:drop-shadow(2px 2px 3px rgba(0 0 0 / 15%));}
.contentWrap .visual .sbarrow.sb-prev { left:25px; transform:translate(0,-50%) rotate(-180deg); filter:drop-shadow(-2px -2px 3px rgba(0 0 0 / 15%));}


.contour {display:block; width:100%; height:13px; box-shadow:inset 0px 1.09px 2.18px rgba(97, 97, 97, 0.05), inset 0px 0.55px 3px rgba(97, 97, 97, 0.05); background:#f1f1f1;}
.mtit {text-align:center;}
.mtit h4 {font-size:20px; letter-spacing:-1px; color:#7a7a7a;}
.mtit h2 {margin:7px 0 40px 0; font-size:40px; letter-spacing:-2px; font-weight:bold; color:#494949;}
.skbtn {margin-top:30px; text-align:center;}
.skbtn a {display:inline-block; padding:15px 100px; font-size:18px; letter-spacing:-0.5px; font-weight:600; border-radius:5px;}
.skbtn a.bt-red { background:#ea002c; color:#fff;}
.skbtn a.bt-red:hover {background:#da002b; transition:all 0.5s;}
.skbtn button {display:inline-block; padding:15px 100px; font-size:18px; letter-spacing:-0.5px; font-weight:600; border-radius:5px;}
.skbtn button.bt-red { background:#ea002c; color:#fff;}
.skbtn button.bt-red:hover {background:#da002b; transition:all 0.5s;}

/*mexpert*/
.mexport {margin:60px 0 0 0;}
.mexport .inner { padding:60px; background:url('../images/m_export_img.png') no-repeat center 50% #fdf8f3; border-radius:15px;}
.mexport a { color:#494949;}
.mexport h3 {font-size:20px; letter-spacing:-1px; font-weight:500; }
.mexport h2 {margin:5px 0 20px 0; font-size:36px; letter-spacing:-2px; }
.mexport .btn {display:inline-block; padding:12px 30px; border-radius:5px; background:#ea002c; color:#fff; font-size:16px; font-weight:500;}
.mexport .btn:hover {background:#d30028; transition:all 0.5s;}
.mexport p {margin-top:125px; font-size:18px; line-height:31px; text-align:right;  letter-spacing:-1px;}

/*mstep*/
.mstep {padding:60px 0; border-bottom:1px solid #eee;}
.mstep .con {padding:50px 150px 45px 150px; border-radius:15px; background:#f8f8f8;}

/*mreview*/
.mreview {padding:60px 0;  }
.mreview .inner {position:relative;}
.mreview .swiper {margin-right:-5px; margin-left:-5px;}
.mreview .list  {padding:0 5px 7px 5px; }
.mreview .list a {display:block; border-radius:10px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1); overflow:hidden;}
.mreview .list .img {width:100%; height:250px;}
.mreview .list .txt {padding:20px 25px;}
.mreview .list .txt h3 {padding:0; margin:0; font-size:20px; font-weight:bold; color:#494949; 
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mreview .list .txt p {width:100%; margin:10px 0 15px 0; font-size:15px; line-height:23px; color:#7a7a7a;
overflow: hidden; text-overflow: ellipsis; word-break: break-word;
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.mreview .list .user {display:flex; justify-content:space-between; align-items:center;}
.mreview .list .user .name {display:flex; align-items:center; font-size:15px; color:#ababab; font-weight:bold; }
.mreview .list .user .name .ico {max-width:24px; margin-right:5px;}
.mreview .list .star {display:flex;}
.mreview .list .star span {display:block; width:22px; height:22px; background:url('../images/ico_star.png') no-repeat; background-size:contain;}
.mreview .list .star span.off {filter:grayscale(1);}
.mreview .mrarrow {position:absolute; top:50%; transform:translate(0,-50%);  width:35px; height:35px;  z-index:99;  cursor:pointer;}
.mreview .mrarrow.mr-next { right:-17px; filter:drop-shadow(2px 2px 3px rgba(0 0 0 / 15%));}
.mreview .mrarrow.mr-prev { left:-17px; transform:translate(0,-50%) rotate(-180deg); filter:drop-shadow(-2px -2px 3px rgba(0 0 0 / 15%));}


/*landing*/
.container {width:1320px; margin:0 auto;padding:0 20px;box-sizing: border-box;max-width: 100%;}

#htop {position:fixed; top:0; left:50%; transform:translate(-50%,0); width:100%; border-bottom:1px solid #f6f6f6; z-index:99;}
#htop .container{display: flex; justify-content: space-between;position: relative;}
#htop .logo a {position:absolute; top:47%; left:0; transform:translate(0,-50%); width:200px; filter:grayscale(1) brightness(40);}
#htop .hmenu {display:flex; align-items:center; gap:1vw;}
#htop .hmenu a {display:block;padding: 24px;line-height: 1;font-size: 18px;font-weight:300;color:#fff;}
#htop.scroll {background:#fff;}
#htop.scroll .logo a {filter:none;} 
#htop.scroll .hmenu a {color:#494949;}
#htop.scroll .hmenu .active a {color:#009178;}

@media (min-width: 1600px) {
#htop .logo a {width:260px;}
}
@media (max-width:1280px){
    #htop .logo a{
        left: 20px;
    }
}
@media (max-width:800px){
    #htop .container{
        flex-direction: column;
        padding:20px 20px 15px;
    }
    #htop .logo{
        width: 196px;
        margin: 0 auto;
    }
    #htop .logo a{
        position: static;
        transform: unset;
    }
    #htop .hmenu{
        margin-top: 16px;
        justify-content: space-between;
    }
    #htop .hmenu::after{
        content:none;
    }
    #htop .hmenu a{
        padding: 0 5px;
        font-size: 15px;
    }
    #htop .hmenu li:first-child a{
        padding-left: 0;
    }
    #htop .hmenu li:last-child a{
        padding-right: 0;
    }
}

#mvisual {position:relative; }
#mvisual .mvList {padding-top:88px;}
#mvisual .mvList .container {position:relative; }
#mvisual .mvList .txt {position:relative; padding:95px 0 160px 0; z-index:9; color:#313131;}
#mvisual .mvList .txt h3 {font-size: 30px;font-weight:500;letter-spacing:-1px;}
#mvisual .mvList .txt h2 {margin-top:5px;font-size: 42px;font-weight:500;letter-spacing:-1.5px;}
#mvisual .mvList a.mvBtn {margin-top:62px;display:inline-block;padding:12px 56px;border-radius:10px;background:#fff;font-size: 18px;font-weight:700;letter-spacing:-0.5px;color:#313131;}
#mvisual .mvList .img {position:absolute;top:50%;right: -60px;transform:translate(0,-50%);width: 520px;}

#mvisual .visualoption  {position:absolute;display:flex;align-items:center;gap:7px;bottom:67px;left:50%;transform:translate(-50%,0);width:100%;max-width: 1320px;z-index:10;padding: 0 20px;box-sizing: border-box;}
#mvisual .visualoption .playnpause a.on  {display:block;width: 26px;height: 26px;display:flex;align-items:center;justify-content:center;border-radius:100%;background:rgba(49 49 49 / 60%);}
#mvisual .visualoption .playnpause a {display:none;}
#mvisual .visualoption .playnpause a img {width: 12px;}
#mvisual .visualoption .paging {position:relative;padding: 9px 10px;display:inline-flex;align-items:center;justify-content:center;background:rgba(49 49 49 / 60%);border-radius:30px;}
#mvisual .visualoption .swiper-pagination-fraction {width:65px; font-size:12px; line-height:12px; color:#ccc; text-align:center; font-weight:500;}
#mvisual .visualoption .swiper-pagination-fraction .swiper-pagination-current {font-size:15px; font-weight:700;}

#mvisual .visualoption .swiper-button-prev:after {margin-left: -15px; font-size:10px; color:#ccc;}
#mvisual .visualoption .swiper-button-next:after {margin-right: -15px; font-size: 10px; color:#ccc;}

.ldtit {margin-bottom: 35px;}
.ldtit h2 {font-size: 32px;font-weight:500;letter-spacing:-3px;color:#222;}
.ldtit p {margin-top: 25px;font-size: 16px;color:#626262;}

.fc-bb {color:#494949 !important;}
.main-section-title-wrap {
    text-align: center;
    margin-bottom: 48px
}
.main-section-title-wrap .title {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 16px
}

.main-section-title-wrap .title br.m{
    display: none;
}
.main-section-title-wrap .title .point {
    color: red
}

.main-section-title-wrap .sub-title {
    opacity: .7
}

@media screen and (max-width: 1280px) {
    .main-section-title-wrap {
        margin-bottom:24px
    }

    .main-section-title-wrap .title {
        font-size: 24px;
        margin-bottom: 12px
    }

    .main-section-title-wrap .sub-title {
        font-size: 12px
    }
}

div[id^=section]{
    padding-top: 90px;
    overflow: hidden;
}

.product-item-list-type1 {
    display: block
}

.product-item-list-type1>ul {
    display: flex;
    flex-wrap: wrap;
    gap: 64px 24px
}

.product-item-list-type1>ul>li {
    width: calc((100% - 48px) / 3)
}

.product-guide{
    text-align: center;
    margin:0 auto 50px;
}
.product-guide ul{
    display: inline-flex;
    flex-direction: column;
    gap: 6px;
    background-color: #F8F9FA;
    border-radius: 12px;
    padding:20px;
    font-size: 13px;
    line-height: 1.5em;
    letter-spacing: -0.04em;
    color:#b1b1b1;
    box-sizing: border-box;
    max-width: 100%;
    min-width: 500px;
}
.product-guide ul::after{
    content:none;
}



.product-item-type1 {
    position: relative
}

.product-item-type1,.product-item-type1 .bg-wrap {
    display: flex;
    flex-direction: column;
    align-items: center
}

.product-item-type1 .bg-wrap {
    max-width: 320px;
    padding: 32px 0 24px;
    border-radius: 16px;
    background: #efefef
}

.product-item-type1 .bg-wrap .txt-wrap {
    text-align: center
}

.product-item-type1 .bg-wrap .txt-wrap .top-wrap {
    margin-bottom: 16px
}

.product-item-type1 .bg-wrap .txt-wrap .title {
    font-weight: 600
}

.product-item-type1 .bg-wrap .txt-wrap .price {
    font-size: 18px;
    font-weight: 700;
    color: #d80c18
}

.product-item-type1 .bg-wrap .txt-wrap .sub-txt {
    margin-top: 4px;
    font-size: 13px;
    font-weight: 400;
    opacity: .5
}

.product-item-type1 .bg-wrap .txt-wrap .bt-wrap .sub-txt {
    margin-top: 8px
}

.product-item-type1 .bg-wrap .car-img {
    width: 137%;
    max-width: unset;
    margin-bottom: 16px;
    transition: transform .3s ease-in-out
}

.product-item-type1 .bg-wrap .price-information {
    word-break: keep-all;
    opacity: .5;
    font-size: 13px;
    font-weight: 400
}

.product-item-type1 .bg-wrap .price-information .point {
    font-weight: 700;
    color: #132b61
}

.product-item-type1 .agreement-list-wrap {
    padding: 16px 0;
    margin-bottom: 24px;
    border-bottom: 1px solid #efefef
}

.product-item-type1:hover .bg-wrap .car-img {
    transform: scale(1.1)
}

.agreement-list-wrap {
    display: flex;
    width: 320px;
    flex-direction: column;
    gap: 12px;
    max-width: 100%;
    position: relative;
}

.agreement-list-wrap label>input{
    position: absolute;
    left:0;
    top:0;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
}

.agreement-list-wrap label {
    padding-right: 14px;
    display: flex;
    align-items: center;
}

.agreement-list-wrap label i {
    font-size: 14px;
    color: #008e71;
    margin-right: 5px
}

.agreement-list-wrap label input[type=checkbox]+.xi-check-circle {
    display: none
}

.agreement-list-wrap label input[type=checkbox]:checked+.xi-check-circle {
    display: inline-block
}

.agreement-list-wrap label input[type=checkbox]:checked+.xi-check-circle+.xi-check-circle-o {
    display: none
}

.agreement-list-wrap .agreement-item {
    display: flex;
    justify-content: space-between
}

.agreement-list-wrap .agreement-item-le {
    display: flex
}

.agreement-list-wrap .agreement-item-le p {
    font-size: 13px
}

.agreement-list-wrap .agreement-item-le p span {
    color: #008e71
}

.agreement-list-wrap .detail-btn {
    width: 40px;
    height: 16px;
    border-radius: 2px;
    background: #000;
    font-size: 10px;
    font-weight: 500;
    color: #fff
}

.incarlist .agreement-list-wrap{
    width: 100%;
    max-width: unset;
    padding:0 20px 20px;
    box-sizing: border-box;
    position: relative;
}
.incarlist .btn-type1{
    margin:0 auto 20px;
    display: block;
}

.btn-type1 {
    padding: 0 24px;
    border-radius: 22px;
    height: 36px;
    font-size: 16px;
    font-weight: 600;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    transition: all .3s
}

.btn-type1 img {
    width: 24px
}

.btn-type1.green {
    color: #fff;
    background-color: #008e71
}

.btn-type1.green:hover {
    background-color: #fff
}

.btn-type1.bd-green,.btn-type1.green:hover {
    color: #008e71;
    border: 1px solid #008e71
}

.btn-type1.bd-gray {
    color: #202020;
    border: 1px solid rgba(0,0,0,.2)
}

.btn-type1.kakao {
    color: #371c1d;
    background-color: #f8e049
}

@media screen and (max-width: 1280px) {
    .btn-type1 {
        font-size:12px;
        padding: 0 16px;
        height: 32px
    }
}

.incarlist .incarcon {position:relative;border-radius:16px;border:1px solid #e0e0e0;/* overflow:hidden; */}
.incarlist .incarcon .abbtn {position:absolute; top:15px; left:15px; z-index:9;}
.incarlist .incarcon .abbtn span {
    display:flex; align-items:center; gap:2px; padding:7px; line-height:1;
    font-size:13px; font-weight:500; color:#fff; border-radius:6px; letter-spacing:-0.5px;
}
.incarlist .incarcon .abbtn span img {width:14px;}
.incarlist .incarcon .abbtn span.rocket {background:#ec1c24;}
.incarlist .incarcon .abbrand {position:absolute; top:10px; right:4px; width:65px;  z-index:9;}
.incarlist .incarcon.soldout .carimg:after {content:'SOLD OUT'; position:absolute; top:0; left:50%; transform:translate(-50%,0); width:101%; height:100%; background: rgba(0 0 0 / 35%); 
display:flex; justify-content:center; align-items:center; color:#fff; font-size:22px; font-weight:700; letter-spacing:1px;  z-index:10;}
.incarlist .incarcon .carimg {position:relative; padding:30px 40px; background:#f9f9fb;}
.incarlist .incarcon .cartxt {padding:20px;}
.incarlist .incarcon .cartxt h3 {
    font-size:20px; font-weight:700; letter-spacing:-1px;
    overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.incarlist .incarcon .cartxt h3 span{display: none; margin-right: 5px; padding: 4px 10px; font-size: 14px; font-weight: 400; border-radius: 6px; color: #fff;}
.incarlist .incarcon .cartxt h3 span.rent{display: inline-block; background: #04193d;}
.incarlist .incarcon .cartxt h3 span.lease{display: inline-block; background: #697792;}
.incarlist .incarcon .cartxt p {
    margin-top:8px; font-weight:400; color:#626262;
    overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.incarlist .incarcon .cartxt .condition {padding:22px 0 15px;}
.incarlist .incarcon .cartxt .condition li {margin-bottom:10px; display:flex; line-height:1;}
.incarlist .incarcon .cartxt .condition .subject {width:78px; color:#939393; font-weight:600;}
.incarlist .incarcon .cartxt .condition .contxt {display:flex;position:relative;align-items:center;gap:10px;width: calc(100% - 78px);color:#626262;font-weight:500;}
.incarlist .incarcon .cartxt .condition .color {width:14px; height:14px; border-radius:4px; border:1px solid #f1f1f1; flex-shrink: 0;}
.incarlist .incarcon .cartxt .price {padding:20px 0 0 0; border-top:1px solid #e0e0e0;margin-top: 20px;}
.incarlist .incarcon .cartxt .price li {margin-bottom:5px; display:flex; align-items:center; justify-content:space-between; line-height:22px; color:#626262;}
.incarlist .incarcon .cartxt .price li .big {font-size:130%; font-weight:700;}
.incarlist .incarcon .cartxt .price li.pp-info {margin-bottom:0;  justify-content:right; color:#ababab; font-size:12px;}
.incarlist .incarcon a.carbutton {
    width: calc(100% - 40px); height: 60px; display:flex; align-items:center; justify-content:center; gap:7px;
    margin: 0 20px 20px; background:#082A66; border-radius: 8px;color:#fff;
    font-size: 19px; font-weight: 500; letter-spacing:-1px;
}
.incarlist .incarcon .cartxt .condition .contxt .c-txt{margin-left:-4px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.incarlist .incarcon .cartxt .condition .contxt .txt{width: calc(100% - 78px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.incarlist .incarcon .cartxt .condition .contxt .etc-click {margin-left:auto; font-weight:600; cursor:pointer;}
.incarlist .incarcon .cartxt .condition .contxt .etc-click .ico-plus {border-radius:3px; border:1px solid #082A66; padding:0 4px; margin-left:4px;}
.incarlist .incarcon .cartxt .condition .contxt .etc-click:hover .tooltip {display:block;}
.incarlist .incarcon .cartxt .condition .contxt .tooltip {display: none; position: absolute; bottom: 36px; right: -11px; padding: 10px 12px; background: #fff; border-radius: 8px; font-size: 12px; line-height: 18px; text-align: center; z-index: 9; filter: drop-shadow(0 0 2px rgb(0 0 0 / 15%)); color: #939393 !important; font-weight: 300;}
.incarlist .incarcon .cartxt .condition .contxt .tooltip:after {position:absolute; bottom:-15px; right:5px; content:'';  border-top: 30px solid #fff;  border-left: 15px solid transparent; z-index:8; border-right: 15px solid transparent; }

@media screen and (max-width: 1280px) {
    .product-item-list-type1>ul {
        gap: 24px;
    }

    .product-item-list-type1>ul>li {
    }
}

@media screen and (max-width: 850px) {
    .product-item-list-type1>ul{
        gap: 20px 10px;
    }
    .product-item-list-type1>ul>li {
        width:calc(50% - 5px)
    }
    .incarlist .incarcon .carimg{
        padding:20px 15px;
    }
    .incarlist .incarcon .abbtn{
        top:15px;
    }
    .incarlist .incarcon .abbtn span{
        font-size: 11px;
    }
    .incarlist .incarcon .cartxt{
        padding:15px;
    }
    .incarlist .incarcon .cartxt h3{
        font-size: 18px;
    }
    .incarlist .incarcon .cartxt .price{
        padding-top: 12px;
        margin-top: 12px;
    }
    .incarlist .incarcon .cartxt .price li{
        font-size: 13px;
    }
    .incarlist .incarcon .cartxt .price li .big{
        font-size: 1.2em;
    }
    .product-item-type1 .bg-wrap .car-img{
        width: 120%;
    }
    .product-item-type1 .bg-wrap .txt-wrap{
        padding:0 15px;
    }
    .product-item-type1 .bg-wrap .txt-wrap .sub-txt{
        font-size: 12px;
        word-break: keep-all;
    }
    .product-guide ul{
        width: 100%;
        max-width: 100%;
        min-width: unset;
        word-break: keep-all;
        font-size: 11px;
        line-height: 1.45em;
        gap: 5px;
        padding:10px;
        border-radius: 10px;
    }
}

#int {/*margin-top: 180px;*/padding: 90px 0 0 0;background: #F8F9FA;}
/* #int .intGap {display:block;width:100%;height: 100px;} */
.intCon ul {display:flex; align-items:center; justify-content:center; margin:0 -45px;}
.intCon ul li {position:relative;width: 350px;height: 280px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap: 30px;text-align:center;color:#313131;border-radius: 28px;-:  5px 10px rgba(0,0,0,0.12);box-shadow: -5px 10px 10px rgba(0,0,0,0.2);}
.intCon ul li:nth-child(1) {background: #D7EDE6;right:-45px;z-index:1;}
.intCon ul li:nth-child(2) {background:#A7D8B7;  z-index:2;}
.intCon ul li:nth-child(3) {background:#009178; left:-45px;  z-index:3; color:#fff;}
.intCon ul li h3 {font-size: 30px;letter-spacing:-2px;}
.intCon ul li p {font-size: 20px;font-weight:500;letter-spacing:-1.5px;line-height:1.5;}
.cution {margin-top:70px;padding: 30px 35px;border-radius: 15px;border: 1px solid #F2F4F6;background: #FFF;}
.cution h3 {margin-bottom: 12px;font-size: 18px;color: #9b9b9b;font-weight:700;letter-spacing:-1px;}
.cution h4{margin: 5px 0 12px;font-size: 16px;color: #B1B1B1;font-weight:700;letter-spacing:-1px;}
/* 20251222 추가 */
.cution ul+h4{
    margin-top: 30px;
}
/* //20251222 추가 */
.cution li {position:relative;font-size: 13px;font-weight:400;color: #B1B1B1;letter-spacing:-0.5px;line-height:1.8;}
/* 20251222 추가 */
.cution li.bold{
    font-weight: 700;
}
/* //20251222 추가 */
.cution li .num{display:inline-block;margin-right: 7px;}
.cution li .num.bold{margin-left: 5px;margin-top: -1px;font-size: 24px;line-height:1}
.cution.dotlist li {padding:0 0 0 26px;}
.cution.dotlist li:before {content:''; position:absolute; top:12px; left:8px; width:4px; height:4px; background:#494949; border-radius:100%;}
.cution p {margin-top:12px;  font-size:16px; font-weight:500; }
.cution table {margin: 15px 0;text-align:center;width:100%;max-width: 380px;background:#fff;}
.cution table th, .cution table td {border:1px solid #e0e0e0;padding: 4px 0;font-weight: 400;color: #B1B1B1;font-size: 11px;}
/* 20251222 추가 */
.guide .inner{
    display: flex;
    align-items: stretch;
    gap: 20px;
    width: 1320px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
    max-width: 100%;
}
.guide .container{
    padding:0;
    min-height: 100%;
}
.guide .hana{
    background-color: #008e72;
}
.guide .hana *{
    color:#fff;
}
/* //20251222 추가 */
.guide .cution{
    margin-top: 0;
    height: 100%;
}

@media all and (max-width: 1280px){
    .intCon ul{
        margin:0;
    }
    .intCon ul li{
        width: 280px;
        height: auto;
        aspect-ratio: 1 / 0.8;
        gap: 20px;
    }
    .intCon ul li:nth-child(1){
        right:-20px
    }
    .intCon ul li:nth-child(3){
        left:-20px
    }
    .intCon ul li p{
        font-size: 18px;
    }
}

#step,
.guide{
    padding:90px 0 0 0;
    background-color: #f8f9fa;
}
.guide{
    padding-bottom: 100px;
}

.contract-process {
    display: flex;
    gap: 24px
}

.contract-process .step-item {
    padding: 36px 26px;
    border-radius: 24px;
    background-color: #efefef;
    width: 100%;
    position: relative
}

.contract-process .step-item:nth-child(2n) {
    background-color: #008e711e
}

.contract-process .step-item .step {
    font-size: 20px;
    font-weight: 600;
    color: #008e71;
    margin-bottom: 16px
}

.contract-process .step-item .txt-top {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 14px;
    word-break: keep-all
}

.contract-process .step-item .txt-bt {
    line-height: 1.4
}

.contract-process .step-item .icon-wrap {
    width: 60px;
    height: 60px;
    border: 10px solid #fff;
    background-color: #008e71;
    border-radius: 60px;
    position: absolute;
    left: calc(100% - 18px);
    top: calc(50% - 30px);
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center
}

.contract-process .step-item .icon-wrap i {
    font-size: 32px;
    color: #fff
}

@media screen and (max-width: 1280px) {
    .contract-process {
        flex-direction:column;
        gap: 8px
    }

    .contract-process .step-item {
        padding: 16px 20px;
        border-radius: 8px
    }

    .contract-process .step-item .step {
        font-size: 14px;
        margin-bottom: 8px
    }

    .contract-process .step-item .txt-top {
        font-size: 16px;
        margin-bottom: 8px
    }

    .contract-process .step-item .txt-bt {
        font-size: 12px
    }

    .contract-process .step-item .icon-wrap {
        transform: rotate(90deg);
        left: calc(50% - 20px);
        top: calc(100% - 15px);
        width: 40px;
        height: 40px;
        border: 6px solid #fff
    }

    .contract-process .step-item .icon-wrap i {
        font-size: 24px
    }
}

#recom {padding: 100px 0;}
#recom .ldtit h2 .dot {position:relative; }
#recom .ldtit h2 .dot:after {content:'';position:absolute;top: -10px;left:40%;transform:translate(0,-50%);width: 7px;height: 7px;border-radius:100%;background: #009178;}
.recomList  {padding-top: 30px;}
.recomList ul  {display:grid;grid-template-columns: 1fr 1fr;gap: 20px;}
.recomList .list {
	position:relative;
	top:0;
	padding: 25px 35px;
	display:flex;
	align-items:center;
	gap: 30px;
	background: #F8F9FA;
	border-radius:15px;
	box-shadow:2px 4px 4px rgba(45, 54, 67, 0.1);
	cursor:pointer;
	transition:all 0.3s;
}

@media (min-width:801px){
    .recomList .list:nth-child(2),
    .recomList .list:nth-child(4),
    .recomList .list:nth-child(6),
    .recomList .list:nth-child(8) {top:47px;}
    .recomList .list:hover {top:-5px; box-shadow:2px 4px 4px rgba(45, 54, 67, 0.25); transition:all 0.3s; }
    .recomList .list:nth-child(2):hover,
    .recomList .list:nth-child(4):hover,
    .recomList .list:nth-child(6):hover,
    .recomList .list:nth-child(8):hover {top:42px; box-shadow:2px 4px 4px rgba(45, 54, 67, 0.25); transition:all 0.3s; }
    .recomList .list.off {}
    .recomList .list .img {width: 114px;}
    .recomList .list h3 {margin-bottom: 10px;font-size: 22px;font-weight:500;letter-spacing:-1.5px;color: #009178;}
    .recomList .list p {font-size: 16px;color:#292F35;letter-spacing:-1px;line-height:1.5;}
    
}

#merit {
    padding: 100px 0 100px 0;
    color:#fff;
    background-size: 1600% 400%;
    animation: bgchange 1400s linear infinite;
    background-image:linear-gradient(101deg, #0C9466, #0AB189, #0C9473, #0AB1B1, #0C8C94, #0A7FB1, #0C4A94, #0A2FB1, #1F0C94, #490AB1, #600C94, #A40AB1, #940C76, #490AB1, #600C94, #0A2FB1, #1F0C94, #0A7FB1, #0C4A94, #0AB1B1, #0C8C94, #0AB189, #0C9473, #0b9f73);
}
#merit .ldtit h2  {color:#fff;} 
#merit .ldtit p {color:#fff;}
.meritList {padding-top:20px;}
.meritList ul {display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; }
.meritList .list  {padding:78px 0; border-right:1px solid #fff; }
.meritList .list:last-child {border:none;}
.meritList .list .img {margin:0 auto;width: 140px;}
.meritList .list .img.radius {border-radius: 10px;overflow:hidden;}
.meritList .list h4 {margin-top: 40px;font-size: 22px;font-weight:700;letter-spacing:-1.5px;}

@keyframes bgchange {
0% {background-position: 0% 0%; }
25% {background-position: 400% 200%; }
50% {background-position: 800% 400%;}
75% {background-position: 1200% 200%;}
100% {background-position:  1600% 0%;}
}

#inscar .container{position:relative;}
#inscar .tablist {display:flex;position:absolute;top: 50px;right:0;width:376px;}
#inscar .tablist li  {width:50%;}
#inscar .tablist li:first-child label {border-right:0 !important;}
#inscar .tablist label{
	display:block; padding: 14px 0;	width:100%;	line-height:1; border:1px solid #e6e6e6; background:#fff;
	font-size:16px;	font-weight:500; text-align:center;	color:#222;
}
#inscar .tablist input{display:none;}
#inscar .tablist input:checked ~ label{ background: #F4F5F8; border:1px solid #dedede; font-weight:bold;}
#inscar .brandWrap{margin-bottom:30px; padding: 0 20px 30px 0;}
#inscar .brandList{}
#inscar .brandList li{max-width:84px;}
#inscar .brandList li .img-box{
    display: flex; justify-content: center; align-items: center; padding:0 14px; height:60px;
    border-radius: 100px; border: 1px solid #E7E9F0;
}
#inscar .brandList li p{margin-top:10px; font-size:17px; font-weight: 400; text-align:center; color:#939393;}
#inscar .brandList li.select .img-box{background:#F4F5F8;}
#inscar .brandList li.select p{font-weight: 500; color:#222;}
#inscar .carList li .carWrap{
    display:flex; align-items:center; margin-top:17px; width:100%; padding:15px 40px;
    border:1px solid #e6e6e6; border-radius:15px;
}
#inscar .carList li .carWrap .carImg{width:162px;}
#inscar .carList li .carWrap .carInfo{margin-left:50px;}
#inscar .carList li .carWrap .carInfo .carname{display: flex; align-items: center; gap:6px;}
#inscar .carList li .carWrap .carInfo .carname i{display: block; width:36px;}
#inscar .carList li .carWrap .carInfo .carname span{display: block; font-size:24px; font-weight:700;}
#inscar .carList li .carWrap .carInfo .txt{margin-top:8px; font-size:20px; font-weight:600;}
#inscar .carList li .carWrap a{
    display: flex; gap:8px; margin-left:auto; font-size:20px; letter-spacing: -0.6px;
    transition: all 0.5s linear;
}
#inscar .carList li .carWrap a img{width:14px; transform: rotate(0); transition: all 0.3s linear;}
#inscar .carList li .carWrap a img.rotated{transform: rotate(-180deg); transition: all 0.3s linear;}

#inscar .carList li .listWrap{
    display: none;
	margin-top:-1px; border:1px solid #e6e6e6; border-radius:15px;
}
#inscar .carList li .listWrap .list-box{display:flex; align-items:center; padding: 30px 40px;border-bottom:1px solid #e6e6e6;font-size:18px;color:#3D3D3D;}
#inscar .carList li .listWrap .list-box .info{flex:1;}
#inscar .carList li .listWrap .list-box:last-child{border-bottom:0;}
#inscar .carList li .listWrap .list-box dl{display: flex; align-items: center; gap:16px; line-height: 1.2;}
#inscar .carList li .listWrap .list-box dl dt{font-weight: 700;}
#inscar .carList li .listWrap .list-box .txt01,
#inscar .carList li .listWrap .list-box .txt02{display: flex;}
#inscar .carList li .listWrap .list-box .txt01 span{
    display: inline-block; margin-left:34px; padding:6px 7px 5px; background:#A72EF5; border-radius: 6px;
    font-size:16px; font-weight: 500; line-height: 1; color:#fff;
	animation: bgpink 1s linear infinite;
}
@keyframes bgpink {
    50% {background:#E864C1;}
}
#inscar .carList li .listWrap .list-box .txt02{flex-wrap:wrap; gap:0 50px;}
#inscar .carList li .listWrap .list-box .txt02 dl{margin-top:12px;}
#inscar .carList li .listWrap .list-box .price{display: flex;align-items: baseline;margin-left:auto;font-size:22px;font-weight: 500;color:#DC231E;}
#inscar .carList li .listWrap .list-box .price b{margin-right: 2px;font-weight:700;font-size:34px;letter-spacing: -1px;}
#inscar .carList li .listWrap .list-box a{
	display:block; margin-left:50px; padding:17px; width:150px;	background:#009178; border-radius:10px;
	line-height:1; text-align:center; font-size:22px; font-weight: 600;	color:#fff;
}
#inscar .carList li .listWrap .list-box a:hover{background: #004E42;}
#inscar .carList .stockNone .carWrap{padding: 40px; justify-content: center; font-size: 17px;}

.hanaCounsel h3 {font-size:32px; font-weight:700; letter-spacing:-1px;}
.hanaCounsel p {margin:30px 0 60px 0; font-size:20px; font-weight:400; letter-spacing:-1.2px; line-height:1.4; color:#444;}
.hanaCounsel li {margin-bottom: 20px;}
.hanaCounsel li:last-child {margin-bottom:0;}
.hanaCounsel li .formSubject {margin-bottom: 10px;display:block;font-size: 20px;color:#444;font-weight:500;letter-spacing:-1px;}
.hanaCounsel li input {width:100%; padding:0 0 8px 0; font-size:19px; border-bottom:1px solid #C4C4C4; letter-spacing:-0.5px;}
.hanaCounsel li input:focus {border-bottom:1px solid #009178;}
.hanaCounsel li input::placeholder {color:#939393;}
.hanaCounsel li .selectFlex {display:flex;align-items:center;gap: 5px;}
.hanaCounsel li .selectFlex .selectCon {position:relative;}
.hanaCounsel li .selectFlex .selectCon .arrow {position:absolute;top:50%;right:15px;width: 15px;height: 15px;transform:translate(0,-50%);z-index:9;}
.hanaCounsel li .selectFlex .selectCon.carBrand {width:30%;}
.hanaCounsel li .selectFlex .selectCon.carModel {width:70%;}
.hanaCounsel li .selectFlex select {position:relative;padding:20px 40px 20px 18px;border-radius: 10px;border:1px solid #c4c4c4;font-size:19px;color:#939393;cursor:pointer;width:100%;}
.hanaCounsel li .selectFlex select:focus {border:1px solid #009178; }
.hanaCounsel li .selectFlex select option[value=""][disabled] {display: none;}
.hanaCounsel li textarea {width:100%; height:85px; padding:20px; border-radius:10px; border:1px solid #c4c4c4; font-size:19px; }
.hanaCounsel li textarea:placeholder {color:#939393;}
.hanaCounsel li textarea:focus {border:1px solid #009178;}
.hanaCounsel .greenCheck {}
.hanaCounsel .agreeWarp {margin: 20px 0;}

.hanaCounsel .btnList button {margin-bottom:10px; display:flex; align-items:center; justify-content:center; gap:15px; width:100%;  padding:27px 0; font-size:22px; font-weight:700; letter-spacing:-1px;}
.hanaCounsel .btnList button:last-child {margin:0;}
.hanaCounsel .btnList button .ico {width:24px;}
.hanaCounsel .btnList button.submitBtn {background:#222; color:#fff;}
.hanaCounsel .btnList button.submitBtn:hover {background:#000;}
.hanaCounsel .btnList button.kakaoBtn {background:#F4E81B; color:#222;}
.hanaCounsel .btnList button.callBtn {background:#009178; color:#fff;}
.hanaCounsel .btnList button.submitPopBtn {background:#009178; color:#fff; border-radius:15px; font-size:33px;}
.hanaCounsel .btnList button.submitPopBtn:hover {background:#004E42;}

.greenCheck {display:flex; align-items:center; gap:13px; }
.greenCheck input {display:none; appearance:none;}
.greenCheck input + label {position:relative;display:block;padding: 0 0 0 20px;font-size: 12px;color:#494949;font-weight:500;letter-spacing:-1px;cursor:pointer;}
.greenCheck input + label:before {content:'';position:absolute;top:50%;left:0;transform:translate(0,-50%);width: 16px;height: 16px;border-radius:100%;background:url('../images/ico_check.png') no-repeat center center #d0d0d0;background-size: 8px;}
.greenCheck input:checked + label:before {background:url('../images/ico_check.png') no-repeat center center #009178;background-size: 8px;}
.greenCheck a {margin-left: auto;display:inline-block;padding: 4px 6px;border-radius: 3px;background:#494949;font-size: 11px;line-height: 1;color:#fff;}
.greenCheck a:hover {background:#222;}


.connect {display:flex;}
.connect button {width:50%;padding: 12px 0;display:flex;align-items:center;justify-content:center;gap: 10px;font-size: 16px;font-weight:600;letter-spacing:-1px;}
.connect button .ico {width: 30px;}
.connect button.kakaoBtn {background:#F4E81B; color:#222;}
.connect button.callBtn {background:#009178; color:#fff;}

.fc-ns {color:#009178;}
.agreeWarp {display:flex;flex-direction:column;gap: 8px;}



.sideQuoteBar-wrap {
    position: fixed;
    right: 20px;
    top: 128px;
    width: 248px;
    z-index: 9
}

.sideQuoteBar-wrap .sideQuote-box {
    width: 100%;
    border-radius: 24px;
    border: 1px solid #008e71;
    background-color: #fff;
}

.sideQuoteBar-wrap .sideQuote-box .sideQuote-input-wrap {
    padding: 20px 15px;
}

.sideQuoteBar-wrap .sideQuote-box .sideQuote-input-wrap h3 {
    margin-bottom: 20px;
    font-size: 23px;
    font-weight: 700;
    text-align: center;
    color: #008e71
}

.sideQuoteBar-wrap .sideQuote-box .sideQuote-input-list {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 12px
}

.sideQuoteBar-wrap .sideQuote-box .sideQuote-input-list .input-wrap {
    display: flex;
    width: 100%;
    height: 41px;
    border-radius: 1px;
    border: 1px solid #d9d9d9;
    padding: 0 10px;
    align-items: center
}

.sideQuoteBar-wrap .sideQuote-box .sideQuote-input-list .input-wrap .label {
    width: 48px;
    font-size: 13px
}

.sideQuoteBar-wrap .sideQuote-box .sideQuote-input-list .input-wrap .label span {
    color: #008e71
}

.sideQuoteBar-wrap .sideQuote-box .sideQuote-input-list .input-wrap input {
    width: calc(100% - 48px);
    font-size: 13px;
}

.sideQuoteBar-wrap .sideQuote-box #priv_panel{
    left:initial;
    right:0;
    transform: translate(20px,0);
}

.sideQuoteBar-wrap .sideQuote-btn {
    width: 100%;
    height: 45px;
    background-color: #008e71;
    font-weight: 700;
    color: #fff;
    font-size: 17px;
    border-radius: 0 0 23px 23px;
}

.sideQuoteBar-wrap .phoneConsultation {
    width: 100%;
    padding: 10px;
    border-radius: 28px;
    border: 1px solid #008e71;
    background-color: #fff;
    margin-top: 12px;
    display: flex
}

.sideQuoteBar-wrap .phoneConsultation .icon-wrap {
    width: 42px;
    display: flex
}

.sideQuoteBar-wrap .phoneConsultation .txt-wrap {
    width: calc(100% - 36px);
    padding-left: 12px
}

.sideQuoteBar-wrap .phoneConsultation .txt-wrap .txt-top {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 2px
}

.sideQuoteBar-wrap .phoneConsultation .txt-wrap .txt-bt {
    font-weight: 700;
    color: #008e71;
    font-size: 19px;
    line-height: 1em;
}

.sideQuoteBar-wrap .top-sc-btn {
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 24px;
    box-shadow: 0 0 16px 0 rgba(0,0,0,.12);
    border: 1px solid #008e71;
    background-color: #fff;
    margin: 16px auto 0
}

.sideQuoteBar-wrap .top-sc-btn i {
    font-size: 20px;
    color: #008e71
}

.sideQuoteBar-wrap .close-btn {
    right: 20px;
    position: absolute;
    top: 21px;
    display: none
}

.sideQuoteBar-wrap .close-btn i {
    font-size: 16px
}

.agreement-list-wrap.type2 {
    gap: 10px
}

.agreement-list-wrap.type2 label {
    padding-right: 5px
}

.agreement-list-wrap.type2 .agreement-item-le p {
    font-size: 12px;
}

#priv_panel {
    position: absolute;
    inset: auto;
    left: 50%;
    top: 60%;
    margin-top: 8px;
    background: transparent;
    z-index: 100;
    width: 310px;
    display:none;
    transform: translate(-50%,0);
}

#priv_panel.open {
    display: block;
}

#priv_panel .mask {
    display: none;
}

#priv_panel .sheet {
    position: relative;
    width: 100%;
    max-width: none;
    margin: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 0 6px 16px rgba(0,0,0,.12);
    overflow: hidden;
}

#priv_panel .hd {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 16px 16px 12px;
    position: relative;
}

#priv_panel .hd strong {
    font-size: 16px;
    font-weight: 500;
}

#priv_panel .x {
    margin-left: auto;
    border: 0;
    background: none;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
    color: #222;
}

#priv_panel .hd::after {
    content: "";
    display: block;
    height: 1px;
    background: #ddd;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
}

#priv_panel .bd {
    padding: 12px 16px 0;
}

#priv_panel .allagree {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    padding: 8px 4px;
}

#priv_panel .allagree em {
    font-style: normal;
    font-size: 12px;
    color: #666;
    margin-right: 8px;
}

#priv_panel .allagree input {
    margin-left: auto;
    width: 12px;
    height: 12px;
}

#priv_panel .items {
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
}

#priv_panel .item {
    border-top: 1px solid #eee;
}

#priv_panel .item:last-child {
    border-bottom: 1px solid #eee;
}

#priv_panel .head {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 8px;
    padding: 12px 4px 0;
    height: 40px;
}

#priv_panel .head .ico-doc {
    width: 14px;
    height: 18px;
    background: url('../images/agree_v.png') no-repeat center/contain;
    border: none;
    border-radius: 0;
}

#priv_panel .head .ico-doc::after {
    content: none;
}

#priv_panel .toggle {
    display: flex;
    align-items: center;
    gap: 6px;
    border: 0;
    background: none;
    text-align: left;
    font-size: 12px;
    cursor: pointer;
    color: #222;
    padding: 0;
}

#priv_panel .toggle::after {
    content: "";
    width: 10px;
    height: 10px;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    transform: rotate(45deg);
    margin-left: auto;
    transition: transform .2s ease;
    margin-top: -4px
}

#priv_panel .toggle[aria-expanded="true"]::after {
    transform: rotate(-135deg);
    ;margin-top: 4px
}

#priv_panel .head em {
    font-style: normal;
    font-size: 12px;
    color: #666;
    margin-left: 4px;
}

#priv_panel .head .chk-one {
    width: 12px;
    height: 12px;
    justify-self: end;
    margin-left: 10px
}

#priv_panel .boxx {
    padding: 0 4px 12px 28px;
}

#priv_panel .boxx p {
    margin: 0;
    font-size: 12px;
    line-height: 1.5;
    color: #555;
    font-weight: 300
}

#priv_panel .ft {
    padding: 14px 16px 18px;
}

#priv_panel .ok {
    display: block;
    width: 100%;
    height: 44px;
    border: 0;
    border-radius: 8px;
    background: #008e71;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    cursor: pointer;
}

#priv_panel .ok:active {
    transform: translateY(1px);
}


.layerPopup#counselPop {z-index:998;}
.layerPopup#counselPop .layerBody {width: 500px;transform:translate(-50%,-50%);overflow:hidden;}
.layerPopup#counselPop .layerBody .contPop {padding:65px 45px 45px 45px; border-radius:30px;}
.layerPopup#counselPop .layerBody .ctit {text-align:center;}
.layerPopup#counselPop .layerBody .submitBtn,
.layerPopup#counselPop .layerBody .kakaoBtn,
.layerPopup#counselPop .layerBody .callBtn {display:none;}
.layerPopup#counselPop .layerBody .hanaCounsel h3 {padding-bottom:30px; font-size:28px;}
/* .layerPopup#counselPop .layerBody .hanaCounsel p {margin:25px 0 35px 0; font-size:18px;} */
.layerPopup#counselPop .layerBody .hanaCounsel li .formSubject {margin-bottom:15px;font-size: 16px;}
.layerPopup#counselPop .layerBody .hanaCounsel li input {font-size: 15px;padding:0 0 12px 0;}
.layerPopup#counselPop .layerBody .hanaCounsel li .selectFlex select {padding: 10px 30px 10px 10px;border-radius: 6px;font-size: 15px;}
.layerPopup#counselPop .layerBody .hanaCounsel li textarea {padding:17px; font-size:17px;}
.layerPopup#counselPop .layerBody .hanaCounsel .btnList button.submitPopBtn {padding: 18px 0;font-size: 20px;border-radius: 10px;}
.layerPopup#counselPop .layerBody .close {
    filter:brightness(0.3);
    -webkit-background-size:14px 14px;-moz-background-size:14px 14px;-o-background-size:14px 14px;background-size:14px 14px
}


.hanaCounsel .btnList button {margin-bottom:10px; display:flex; align-items:center; justify-content:center; gap:15px; width:100%;  padding:27px 0; font-size:22px; font-weight:700; letter-spacing:-1px;}
.hanaCounsel .btnList button:last-child {margin:0;}
.hanaCounsel .btnList button .ico {width:24px;}
.hanaCounsel .btnList button.submitBtn {background:#222; color:#fff;}
.hanaCounsel .btnList button.submitBtn:hover {background:#000;}
.hanaCounsel .btnList button.kakaoBtn {background:#F4E81B; color:#222;}
.hanaCounsel .btnList button.callBtn {background:#009178; color:#fff;}
.hanaCounsel .btnList button.submitPopBtn {background:#009178; color:#fff; border-radius:15px; font-size:33px;}
.hanaCounsel .btnList button.submitPopBtn:hover {background:#004E42;}

.hanaCounsel .agreement-list-wrap{
    width: 100%;
    margin:20px 0;
    position: static;
}
.hanaCounsel .agreement-list-wrap label p{
    margin:0;
}
.hanaCounsel #priv_panel{
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
}
@media screen and (max-width: 1280px) {
    .sideQuoteBar-wrap {
        left:0;
        bottom: 0;
        top: unset;
        width: 100%;
        display: none
    }

    .sideQuoteBar-wrap.open {
        display: flex;
        flex-direction: column-reverse
    }

    .sideQuoteBar-wrap .close-btn {
        display: unset
    }

    .sideQuoteBar-wrap .sideQuote-box {
        border-radius: unset;
        position: relative
    }

    .sideQuoteBar-wrap .agreement-list-wrap {
        width: 100%
    }

    .sideQuoteBar-wrap .phoneConsultation {
        width: calc(100% - 20px);
        margin: 0 auto 8px
    }

    .sideQuoteBar-wrap .top-sc-btn {
        display: none
    }
}

.timer-wrap{
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 55px;
    color:#222;
}
.timer-wrap>p{
    text-align: center;
    font-weight: 700;
    font-size: 24px;
}
.timer-wrap>.timer-text{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.timer-wrap>.timer-text img{
    display: none;
}
.timer-wrap>.timer-text #timer{
    color:#008e71;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.04em;
}

#section02{
    overflow: hidden;
}
.sec2-slide-scroll{
    display: none;
}
.section2-slide{
    width: 720px;
    margin:0 auto;
    max-width: 100%;
    overflow: visible !important;
}
.section2-slide .swiper-slide{
    opacity: 0.6;
    transition: all .3s;
}
.section2-slide .swiper-slide .bg-wrap{
    background-color: transparent;
    transition:background 0.3s;
}
.section2-slide .swiper-slide .bg-wrap .car-img{
    width: 640px;
}
.section2-slide .swiper-slide .txt-wrap,
.section2-slide .swiper-slide .btn-type1{
    opacity: 0;
    pointer-events: none;
}
.section2-slide .swiper-slide .text-through{
    text-decoration: line-through;
}
.section2-slide .swiper-slide .title{
    font-size: 18px;
}
.section2-slide .swiper-slide .price{
    color:#222 !important;
    font-size: 20px !important;
    margin-top: 3px;
}
.section2-slide .swiper-slide .price strong{
    font-size: 26px !important;
    font-weight: 700 !important;
    display: inline-block;
    vertical-align: baseline;
    color:red;
}
.section2-slide .swiper-slide .btn-type1{
    margin-top: 20px;
}
.section2-slide .swiper-slide-active{
    opacity: 1;
}
.section2-slide .swiper-slide-active .bg-wrap{
    background-color: #efefef;
}
.section2-slide .swiper-slide-active .txt-wrap,
.section2-slide .swiper-slide-active .btn-type1{
    opacity: 1;
    pointer-events: all;
}


@media (max-width:800px){
    .main-section-title-wrap .title br.m{
        display: block;
    }

    #mvisual {position:relative; overflow: hidden;}
    #mvisual .mvList {padding-top:97px; overflow:hidden;}
    #mvisual .mvList .container {position:relative;}
    #mvisual .mvList .txt {position:relative; padding:45px 15px 0 15px; z-index:9; color:#313131;}
    #mvisual .mvList .txt h3 {font-size:18px; font-weight: 500; letter-spacing:-1px;}
    #mvisual .mvList .txt h2 {margin-top:5px; font-size:25px; letter-spacing:-1.5px; line-height:1.4; font-weight:500;}
    #mvisual .mvList a.mvBtn {margin-top:30px; display:inline-block; padding:11px 40px; border-radius:7px; background:#fff; font-size:16px; font-weight:700; letter-spacing:-0.5px; color:#313131;}
    #mvisual .mvList .img {position:relative;margin:0 0 0 auto;top:-20px;width:350px;z-index:8;right: -25px;transform: unset;}
    #mvisual .mvList.mv1 .img {right:-25px; }
    #mvisual .mvList.mv2 .img {right:-25px;}
    #mvisual .mvList.mv3 .img {right:-70px;}
    
    #mvisual .visualoption  {position:absolute;display:flex;align-items:center;gap:7px;bottom:25px;left:25px;width:100%;max-width:420px;z-index:10;transform: unset;}
    #mvisual .visualoption .playnpause a.on  {display:block; width:30px; height:30px; display:flex; align-items:center; justify-content:center;  border-radius:100%; background:rgba(49 49 49 / 60%); }
    #mvisual .visualoption .playnpause a {display:none;}
    #mvisual .visualoption .playnpause a img {width:14px;}
    #mvisual .visualoption .paging {position:relative; padding:10px 24px; display:inline-flex; align-items:center;   justify-content:center;  background:rgba(49 49 49 / 60%); border-radius:30px;}
    #mvisual .visualoption .swiper-pagination-fraction {width:45px; font-size:14px; line-height:14px; color:#ccc; text-align:center; font-weight:500;}
    #mvisual .visualoption .swiper-pagination-fraction .swiper-pagination-current {font-size:17px; font-weight:700;}
    
    #mvisual .visualoption .swiper-button-prev:after {margin-left:-15px; font-size:10px; color:#ccc;}
    #mvisual .visualoption .swiper-button-next:after {margin-right:-15px; font-size:10px; color:#ccc;}
        
    .section2-slide{
        margin:0 20px;
        box-sizing: border-box;
        max-width: calc(100% - 40px);
    }
    .section2-slide .swiper-slide .bg-wrap .car-img{
        max-width: 100%;
    }
    .section2-slide .swiper-slide .price strong{
        font-size: 24px;
    }
    .section2-slide .swiper-slide .price {
        font-size: 18px;
    }
    .sec2-slide-scroll{
        height: 4px;
        background-color: #efefef;
        margin: 40px auto;
        display: block;
        max-width: 320px;
    }
    .sec2-slide-scroll .swiper-scrollbar-drag{
        background-color: #008e71;
    }
    .timer-wrap{
        margin-top: 35px;
        gap: 8px;
    }
    .timer-wrap>p{
        font-size: 18px;
    }
    .timer-wrap>.timer-text #timer{
        font-size: 24px;
    }

    #int {padding:40px 0; background: #F8F9FA;}
    .intCon ul {display:flex; align-items:center; justify-content:center; flex-direction:column; margin-bottom:-90px;}
    .intCon ul li {position:relative;width:280px;height: 250px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;text-align:center;color:#313131;border-radius: 20px;box-shadow: 0px 10px 10px rgba(0,0,0,0.2);}
    .intCon ul li:nth-child(1) {background:#D7EDE6;  z-index:1;right:0;}
    .intCon ul li:nth-child(2) {background:#A7D8B7;top: -35px;z-index:2;}
    .intCon ul li:nth-child(3) {background:#009178;top: -70px;z-index:3;color:#fff;left:0}
    .intCon ul li h3 {font-size:23px; letter-spacing:-2px;}
    .intCon ul li p {font-size:16px; font-weight:500; letter-spacing:-1.5px; line-height:1.5;}
    .cution {margin-top:40px; padding:20px; border-radius:10px; border: 1px solid #F2F4F6; background: #FFF;}
    .cution h3 {margin-bottom:12px; font-size:18px; color: #9b9b9b; font-weight:700; letter-spacing:-1px;}
    .cution h4{margin:12px 0 4px; font-size: 15px;color: #B1B1B1;font-weight:700;letter-spacing:-1px;}
    .cution li {position:relative; font-size:11px; font-weight:400; color: #B1B1B1; letter-spacing:-0.5px; line-height:1.8;}
    .cution li .num{display:inline-block; margin-right:4px}
    .cution li .num.bold{margin-left:4px; margin-top:-2px; font-size:20px; line-height:1}
    .cution.dotlist li {position:relative; padding:0 0 0 15px; font-size:14px; font-weight:400; letter-spacing:-0.5px; line-height:1.6;}
    .cution.dotlist li:before {content:''; position:absolute; top:11px; left:3px; width:3px; height:3px; background:#494949; border-radius:100%;}
    .cution p {margin-top:10px;  font-size:14px;  line-height:1.6; font-weight:500; }
    .cution table {margin:20px 0; text-align:center;  width:100%; max-width:435px; background:#fff; }
    .cution table th, .cution table td {border:1px solid #e0e0e0; padding:5px 0; font-weight:500; color: #B1B1B1; font-size:11px;}

    #step, .guide{
        padding-top: 0;
    }
    /* 20251222 추가 */
    .guide{
        padding:40px 0;
    }
    .guide .inner{
        flex-direction: column;
        align-items: center;
    }
    .cution ul+h4{
        margin-top: 20px;
    }
    /* //20251222 추가 */

    .ldtit {margin-bottom:25px; }
    .ldtit h2 {font-size:28px; font-weight:500; letter-spacing:-2px; color:#222;text-align: center;}
    .ldtit p {margin-top:5px ; font-size:16px; letter-spacing:-1px; line-height:1.6; color:#626262; }

    #recom {padding:60px 0;}
    #recom .ldtit h2 .dot {position:relative; }
    #recom .ldtit h2 .dot:after {content:''; position:absolute; top:-7px; left:40%; transform:translate(0,-50%); width:7px; height:7px; border-radius:100%; background:#009178;  }
    .recomList  {padding-top:10px;}
    .recomList ul  {display:grid; grid-template-columns: 1fr; gap:10px; }
    .recomList .list {
        position:relative; top:0;  padding:20px; display:flex; align-items:center; gap:20px;
        background: #F8F9FA; border-radius:15px; box-shadow:2px 4px 4px rgba(45, 54, 67, 0.1);
    }
    .recomList .list.off {}
    .recomList .list .img {width:120px;}
    .recomList .list h3 {margin-bottom:10px; font-size:20px; font-weight:500; letter-spacing:-1.5px; color:#009178;word-break: keep-all;}
    .recomList .list p {font-size:14px; color:#292F35; letter-spacing:-1px; line-height:1.5;}

    .recomList .list:nth-child(2), .recomList .list:nth-child(4), .recomList .list:nth-child(6), .recomList .list:nth-child(8){
        top:initial !important
    }

    /*fquick*/
    #fquick {display:block;position:fixed; bottom:0; left:50%; width:100%;  transform:translate(-50%,0); z-index:98;}
  
    .fquick-btm{position:fixed; display:flex; bottom:0; width:100%;  z-index:98;}
    .fquick-btm a{display:block; width:50%; height:50px; line-height:50px; font-size:20px; font-weight:700; text-align:center; color:#fff;}
    .fquick-btm a:first-child{background:#009178;}
    .fquick-btm a:last-child{background: #222;}



    .layerPopup#counselPop {z-index:998;}
    .layerPopup#counselPop .layerBody {width:90%;max-width:420px;max-height: 70vh;top:50%;left:50%;transform:translate(-50%,-50%);/*border-radius:20px;*/overflow: unset;}
    /*.layerPopup#counselPop .layerBody .contPop {padding:30px 20px; height:100vh; }*/
    .layerPopup#counselPop .layerBody .contPop {padding:30px 20px; }
    .layerPopup#counselPop .layerBody .ctit {text-align:center;}
    .layerPopup#counselPop .layerBody .submitBtn,
    .layerPopup#counselPop .layerBody .kakaoBtn,
    .layerPopup#counselPop .layerBody .callBtn {display:none;}
    .layerPopup#counselPop .layerBody .hanaCounsel .btnList button.submitPopBtn {padding:20px 0; font-size:17px;}
    .layerPopup#counselPop .layerBody .close {filter:brightness(0.3);}
    .layerPopup#counselPop .layerBody .hanaCounsel li .formSubject {margin-bottom:12px;}
    .layerPopup#counselPop .layerBody .hanaCounsel li {margin-bottom:22px;}


}