@charset "utf-8";

.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; min-width:1060px;}

.header{width:100%;height:90px;position: absolute;z-index: 5;top:0;transition: all 0.3s ease-out; background:#fff; box-shadow:0px 7px 10px rgb(0 0 0 / 2%);}
.header .headerWrap{position:relative; width:80%; min-width:1060px; max-width:1520px;}
.header .headerWrap h1{position:absolute; z-index:1111; left:0; margin-top:28px;}
.header .headerWrap h1 a {display:block; width:160px; height:28px; background:url("/_img/logo.png")no-repeat; background-size:contain;}
.header .headerWrap .menu{margin-left: 400px; /*padding: 24px;*/position:relative;}
.header .headerWrap .menu > li{float:left;position:relative;}
.header .headerWrap .menu > li > a{font-size:16px; color:#fff; padding: 24px 36px;display:block;position:relative; }
.header .headerWrap .menu > li > a:after{width:100%; position:absolute; bottom:0; display:block;content:'';}

.header .headerWrap .menuWrap{
    display: inline-block;
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
}
.header .headerWrap .menuWrap li a:hover:before, .header .headerWrap .menuWrap li a:focus:before {
    right: 0;
}

.header .headerWrap .menuWrap li{display:inline-block; }
.header .headerWrap .menuWrap > li > a{
    color: #333;
    display: block;
    position: relative;
    margin: 30px 35px 0;
    font-size: 18px;
   /* font-family: 'GmarketSansMedium';*/
	letter-spacing: -0.5px;
	line-height:30px;
	font-weight:600;
}
.header .headerWrap .menuWrap > li.active > a { color:#ea002c; font-weight:bold;}
.header .headerWrap .menuWrap > li > a:hover{
    color:#ea002c;
}
.header .headerWrap .menuWrap > li > a:after {
    content: '';
    position: absolute;
    top: 5px;
    right: -35px;
    width: 1px;
    height: 17px;
    background-color: rgba(0,0,0,0.2);
}
.header .headerWrap .menuWrap > li:last-child > a:after {content:none;}
.header .headerWrap .menuWrap li:nth-of-type(5) a:after{display: none;}
.header .headerWrap .banner{position:absolute; right:0; top:28px;}
.header .headerWrap .banner .centerCall {}

.submenu {
    position: absolute;
    background:#ea1c30;
    border-radius: 5px;
    
    overflow: hidden;
    opacity: 0;
    top: 65px;
    z-index: 99999999999999;
    visibility: hidden;
    transition: all 0.2s ease-out;
    width: 150px;
    margin-left: -5px;
    padding: 15px 10px;
	box-shadow:0px 1px 5px rgba(28,35,69,0.14);
}
.submenu > li { width:100%; float:left;  }
.submenu > li:last-child{border:none;}
.submenu > li > a {
    display: block;
    color: #fff;
    font-weight: 500;
    padding-left: 15px;
    line-height: 33px;
    font-size: 14px;
    text-align: left;
    width: 100%;
	opacity:0.8;
}
.submenu > li > a:hover{opacity:1;}
.header .headerWrap .menuWrap li:hover .submenu {opacity: 1; visibility: visible;}
.header .headerWrap .menuWrap li:hover .submenu li{}

.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:#1674ff; /* 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);}

.header .headerWrap .menuTop{
    position: absolute;
    right: 0;
    top: 22px;
}
.header .headerWrap .menuTop li{float:left; line-height:42px; margin-left:10px;}
.header .headerWrap .menuTop li a{
	border: 1px solid;
    padding: 5px 10px;
    font-size: 13px;
	border-radius:3px;
} 
.header .headerWrap .menuTop li a.logBtn {background:#f37022; color:#fff;border-color:#f37022}
.header .headerWrap .menuTop li a.joinBtn, .header .headerWrap .menuTop li a.myBtn {color:#f37022; }
.header .headerWrap .menuTop li a.reviewBtn {background:#333; color:#fff;border-color:#333}
.header .headerWrap .centerCall {font-size:25px;  display:flex; align-items:center; }
.header .headerWrap .centerCall i{color:#ea1c30; }
.header .headerWrap .centerCall span.eng{ margin:-3px 0 0 10px; font-weight: 700; letter-spacing: -1px; color:#414141;}
.header .headerWrap .centerCall span.ico {display:block; max-width:30px; }
.hd_light {position:fixed; transition: all 0.3s ease-out; box-shadow:0px 2px 12px 0px rgba(0,0,0,0.15); z-index:9999;}


.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:#488ff6; /* 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(/_img/mainvisualbright1.jpg) no-repeat top;background-size:cover;}

/*.contentWrap .mainViusal .visualWrap .visual01{width:100%;height:735px;  background: url(/_img/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(/_img/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(/_img/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(../_img/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(../_img/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(../_img/step01.png) no-repeat #25a0a8 center;}
.contentWrap .main_processBox li.step02 i{background:url(../_img/step02.png) no-repeat #2585a8 center;}
.contentWrap .main_processBox li.step03 i{background:url(../_img/step03.png) no-repeat #2572a8 center;}
.contentWrap .main_processBox li.step04 i{background:url(../_img/step04.png) no-repeat #2563a8 center;}
.contentWrap .main_processBox li.step05 i{background:url(../_img/step05.png) no-repeat #2556a8 center;}
.contentWrap .main_processBox li.step06 i{background:url(../_img/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(../_img/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(../_img/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(../_img/introico04.png)no-repeat #f3f4fc center center; background-size:55%;}
.main_intro ul li i.introico02{background:url(../_img/introico05.png)no-repeat #f3f4fc center center; background-size:70%;}
.main_intro ul li i.introico03{background:url(../_img/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(../_img/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;} 
.footer {width:100%;background:#fff; color:#333; font-size:12px; border-top:1px solid #e9edf4; margin-top:-1px;}
.footer .footerWrap > div p.logo{font-size:30px; font-weight:800;}
.footer .footerWrap ul li {margin-bottom:5px; font-size:15px;margin-right:10px; line-height:20px; float:left; word-break: keep-all;color:#999;font-weight:500;}
/*.footer .footerWrap ul li:nth-of-type(1) {margin-right:0;}*/
.footer .footerWrap ul li span{font-weight:300;}
.footer .footerWrap ul{ width:600px;}
.footer .footerWrap p{margin-top:30px; color:#999;}
.footerWrap {background:#494949;}

/* --------------------------------------------
 * header
/* ------------------------------------------ */
#header,
#header * {

}

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

}
.bggray{background:#f7f7f7;}
/* --------------------------------------------
 * footer
/* ------------------------------------------ */


/* īī             */
#footer .kakao{
	width:150px;
	height: 50px;
	position: fixed;
	bottom:40px;
	right: 40px;
	z-index: 9999;
	background:#ffe400;
	border:1px solid #eccd00;
	border-radius:50px;
}
#footer .kakao:before{
	content:'';
	width:54px;
	height:50px;
	position:absolute;
	left:-10px;
	top:0;
	background:url(/_img/kakao_icon.png) no-repeat;
}
#footer .kakao a{
	width:150px;
	line-height:50px;
	font-size:14px;
	color:#3d3037;
	display:block;
	text-indent:52px;
}

#footer .gradeBox{
	width:140px;
	height: 146px;
	position: fixed;
	bottom:100px;
	right: 45px;
	z-index: 9999;
	background:#eee;
	border:1px solid #ddd;
	border-radius:10px;
	text-align:center;
}
#footer .gradeBox .tit{
	font-size:18px;
	line-height:40px;
	font-weight:600;
}
#footer .gradeBox ul{
	margin:0 auto;
	padding:5px;
	width:88%;
	background:#fff;
	border-radius:5px;
	border:1px solid #ddd;
	
}
#footer .gradeBox ul li a{
	height:28px;
	line-height:28px;
	display:block;
}
#footer .gradeBox ul li p{
	margin-left:5px;
	display:inline-block;
}
#footer .gradeBox ul li img{
	vertical-align:middle;
}




/* --------------------------------------------
 * layerPopup_Policy
/* ------------------------------------------ */
#policyUse .contPop,
#policyPersonal .contPop {
	width: 800px; height: 450px;
	padding: 0 40px 40px;
}
.layerPopup .policy_con {
	word-break: keep-all;
	font-size: 13px;
	line-height: 21px;
	color: #6a6c73;
}
.layerPopup .policy_con pre {
	white-space: pre-wrap;
}
.layerPopup .policy_con .table_st1 td {
	font-size: 13px;
	line-height: 21px;
}
.layerPopup .policy_con .table_st1 {
	margin: 30px 0;
}


.layerPopup .policy_con h3 {
	margin: 30px 0 10px;
	color: #2d2d36;
	font-size: 15px;
}
.layerPopup .policy_con h4 {
	margin: 20px 0 5px;
	font-size: 15px;
}
.layerPopup .policy_con .policy_txt {
	font-size: 13px;
	line-height: 21px;
	color: #6a6c73;
}
.layerPopup .policy_con .policy_txt:after {
	display: block;
	clear: both;
	content: '';
}
.layerPopup .policy_con .policy_txt strong {
	display: block;
	color: #2d2d36;
	font-size: 13px;
	line-height: 30px;
	letter-spacing: -0.025em;
}
.layerPopup .policy_con .policy_txt ul.col_2 {
	float: left;
	width: 50%;
	padding-right: 20px;
}
.layerPopup .policy_con .policy_txt ul.col_2:last-child {
	padding-right: 0;
	padding-left: 20px;
}
.layerPopup .policy_con .policy_txt ul.col_2 li {
	margin-bottom: 15px;
}
.layerPopup .policy_con .policy_txt ul.col_2 li:last-child {
	margin-bottom: 0;
}
.layerPopup .policy_con .policy_txt ul.indent {
	margin: 5px 0 15px;
}
.layerPopup .policy_con .policy_txt ul.indent li {
	position: relative;
	padding-left: 16px;
}
.layerPopup .policy_con .policy_txt ul.indent li:before {
	content: '';
	width: 2px; height: 2px;
	display: inline-block;
	background: #6a6c73;
	position: absolute;
	top: 10px; left: 10px;
}

.layerPopup .policy_con .privacy_top {
	padding: 30px 0 50px;
	border-bottom: 1px solid #555;
	margin-bottom: 50px;
}
.layerPopup .policy_con .policy_part {
	padding: 0 0 50px;
	border-bottom: 1px dotted #555;
	margin-bottom: 50px;
}
.layerPopup .policy_con .policy_part ul li {
	margin-bottom: 10px !important;
}
.layerPopup .policy_con .policy_part ul li a {
	font-size: 15px;
	color: #000;
}
.layerPopup .policy_con .policy_part ul li a:hover {
	text-decoration: underline;
}

.layerPopup .policy_con table {
	table-layout: fixed;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	margin: 20px 0;
}
.layerPopup .policy_con table thead th {
	font-family: 'NanumBarunGothicBold', 'NanumBarunGothic', sans-serif;
	padding: 15px 12px;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #ddd;
	text-align: center;
	color: #333333;
	font-weight: normal;
}
.layerPopup .policy_con table thead tr:first-child th:first-child {
	border-left: none;
}
.layerPopup .policy_con table tbody tr th {
	font-family: 'NanumBarunGothicBold', 'NanumBarunGothic', sans-serif;
	padding: 15px 12px;
	border-top: 1px solid #ddd;
	color: #333333;
	font-weight: normal;
}
.layerPopup .policy_con table tbody td {
	padding: 15px 12px;
	border-top: 1px solid #d4d4d7;
	border-left: 1px solid #d4d4d7;
	color: #777;
	background: #fff;
}
.layerPopup .policy_con table tbody tr:first-child th,
.layerPopup .policy_con table tbody tr:first-child td {
	border-top: none;
}
.layerPopup .policy_con table tbody td:first-child {
	border-left: none;
}


.roundfix{
    background: url(/_img/pc/round.png)no-repeat center;
    display: inline-block;
    z-index: 9099;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 89px;
    width: 100%;
}

.processicoWrap { }
.ic-slider-wrap { }
.ic-img-wrap {padding-bottom: 40px; border-bottom: 1px solid #eee; margin-bottom: 30px; position:relative;}
.ic-slider-inner .ic-img-wrap::after {content:""; position:absolute; width:10px; height:10px; background-color:#aaa; border-radius:50%; bottom:-6px; left:50%; margin-left: -5px; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.ic-img {width:70%; margin:0 auto; position:relative; padding-top: 67.41%; border-radius:70%; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;  /*box-shadow: 5px 5px 1px rgba(0, 0, 0, 0.1);*/ background:#fff; border:3px solid #f3f4fc;}
.ic-img span {position:absolute; width:100%; height:100%; left:0; top:0; border-radius:50%;  }
.ic-1 .ic-img span {background:url("../_img/pc/sellico01.png") no-repeat center; background-size: 50%}
.ic-2 .ic-img span {background:url("../_img/pc/sellico03.png") no-repeat center; background-size:50%}
.ic-3 .ic-img span {background:url("../_img/pc/sellico08.png") no-repeat center; background-size:50%}
.ic-4 .ic-img span {background:url("../_img/pc/sellico09.png") no-repeat center; background-size: 50%}
.ic-5 .ic-img span {background:url("../_img/pc/sellico04.png") no-repeat center; background-size: 50%}
.ic-6 .ic-img span {background:url("../_img/pc/sellico06.png") no-repeat center; background-size: 50%}

.ic-slider-inner {float:left; width:20%; text-align:center;  }
.ic-slider-col6 .ic-slider-inner{width:16.6%}
.ic-slider-inner p {height:40px; font-size:17px; line-height: 27px; font-weight: bold; letter-spacing: -0.75px; color:rgba(77, 77, 77, 1); -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.ic-slider-inner span{font-size:17px; color:#3a6eff;}
.ic-slider-inner.on .ic-img {background:#3a6eff;}
.ic-slider-inner.on .ic-img-wrap::after  {-webkit-transform: scale(1.8);
-moz-transform: scale(1.8);
-ms-transform: scale(1.8);
-o-transform: scale(1.8);
transform: scale(1.8); background-color:#3a6eff}
.ic-slider-inner.on p { font-size:20px; color:#3a6eff; font-weight:bold;}
.ic-slider-btn {margin-top: 60px; text-align:center;}
.ic-slider-btn a {display:block; max-width:280px; height:60px; line-height: 60px; line-height: 60px; font-size:16px; letter-spacing: -0.75px; color:#777777; font-weight: 900; border:1px solid #DEDEDE; margin:0 auto;}
.footLeft{width:50%; float:left;}
.footRight{position:relative; width:50%; float:right;}
.footRight .formanager{
    color: #999;
    right: 0;
    top: 5px;
    position: absolute;
    padding: 10px 20px;
    border: 2px solid #555;
    border-radius: 30px;
    font-size: 15px;
    letter-spacing: 0;
 }
.footRight .formanager:hover,.footRight .formanager:focus{
background:#d11932; border: 2px solid #d11932; color:#fff;
}

.footerWrap .footTxt{
	color: #999;
    font-size: 15px;
    position: relative;
    margin-right: 20px;
    display: inline-block;
    padding: 20px 0;
}
.footerWrap .footTxt:after{
    content: '';
    position: absolute;
    top: 25px;
    left: -11px;
    width: 1px;
    height: 13px;
    background-color: #555;
}
.footerWrap .footTxt.a:after:last-child{display:none}
.footerbtm {background:#494949; border-top:1px solid #555; padding:40px 0; }
.footTop {
    display: inline-block;
    width: 100%;

}
.bordernone:after{display:none !important;}
.m_kakao{
    border-radius: 50px;
    width: 60px;
    height: 60px;
    background: url(/_img/kakao_icon.png) no-repeat #ffde00 center;
    box-shadow: 0 4px 6px 0 rgba(81,99,120,0.2);
    display: block;
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 998;
    border-radius: 30px;
    background-size: 35px;
}
.m_kakao a{display:block;}
.footerWrap dl{float:right;}
.footerWrap dl dd{float:left; margin-left:12px; margin-top:15px;}
.footerWrap dl dd:nth-of-type(1){width:32px; height:32px; background:url(/_img/footico01.png)no-repeat;}
.footerWrap dl dd:nth-of-type(2){width:32px; height:32px; background:url(/_img/footico02.png)no-repeat;}
.footerWrap dl dd:nth-of-type(3){width:32px; height:32px; background:url(/_img/footico03.png)no-repeat;}
.footerWrap dl dd a{display:block; height:32px;}

/*fbn*/
#fbn {padding:40px 0; background:#f1f1f1;}
#fbn .inner {display:flex; gap:20px;}
#fbn .inner .mbn-con {width:25%; }
#fbn .inner .mbn-con a {padding:35px 30px; display:flex; align-items:center;
background:#fff; border-radius:10px; box-shadow:0px 2px 2px rgba(0 0 0 /6%);}
#fbn .inner .mbn-con a .ico {max-width:65px; margin-right:20px;}
#fbn .inner .mbn-con a p {margin:0 0 3px 0; font-size:15px; color:#626262;}
#fbn .inner .mbn-con a h3 {font-size:20px; color:#313131; font-weight:800; letter-spacing:-1px;}

/*finfo*/
#finfo {padding:40px 0; }
#finfo .inner {display:flex; justify-content:space-between; gap:20px;}
#finfo .inner > div {border-radius:10px; overflow:hidden;}
#finfo .flink {padding:62px 0 0 0; display:flex; justify-content:center; align-items:center; flex-direction:row-reverse; }
#finfo .flink .img {max-width:65px; margin-right:30px;}
#finfo .flink h3 {font-size:22px; letter-spacing:-1.5px; font-weight:800;}
#finfo .flink p {margin-top:10px; font-size:14px; line-height:22px; font-weight:500;}
#finfo .mawards {width:40%;}
#finfo .fkakao{width:30%;  background:#FFEE00}
#finfo .fkakao a {color:#3D1D1C;}
#finfo .fcall{width:30%; border:1px solid #dedede;}
#finfo .fcall a {color:#313131; }

/*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(/_img/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(/_img/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('/_img/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('/_img/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:980px; margin:0 auto;}

#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;}
#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 .hmenu a {color:#494949;}
#htop.scroll .hmenu .active a {color:#3d5bdc;}

#htop .logo a{
	position:absolute; top:47%; left:40px; transform:translate(0,-50%);
	width: 240px; height: 44px;
	background: url(/_img/logo_202601_w.png) no-repeat;
	background-size: auto 100%;
	font-size:0;
}
#htop.scroll .logo a{
    background: url(/_img/logo_202601_b.png) no-repeat;
    background-size: auto 100%;
}



#fquick {position:fixed; bottom:0; left:50%; width:100%; transform:translate(-50%,0); z-index:99;}
#fquick a { position:fixed; right:20px;
display:inline-block;  width:55px; height:55px; border-radius:100%; filter:drop-shadow(2px 2px 3px rgba(0 0 0 / 15%)); background:#fff; text-align:center; padding:16px 0;}
#fquick a img {max-width:25px;}
#fquick a.q-call {bottom:20px;}
#fquick a.q-top {bottom:85px;}
#fquick a.q-kakao {bottom:20px;background:#FFE600;}

#footer {padding: 64px 0 260px 0;background: #F2F4F6;color: #838383;}
#footer .flex {display:flex;}
#footer .finfo {margin-top: 45px;width:50%;}
#footer .finfo li {display:flex;align-items:center;gap:4px;font-size: 12px;line-height: 1.8;}
#footer .finfo li span{font-weight:600;}
#footer .fbtn {margin: 35px 0;display:flex;align-items:center;gap: 18px;}
#footer .fbtn a {display:block;font-size: 11px;font-weight: 500;color: #535353;}
#footer .copyright {font-size: 10px;color: #837F7E;}

#footer .cution h3 {margin-bottom:12px;font-size: 13px;font-weight: 600;letter-spacing:-1px;}
#footer .cution li{line-height:1.5; font-size:12px}
#footer .cution li b{display:inline-block;margin: -7px 7px 0;font-size: 20px;font-weight:800;}
#footer .cution p{margin-top:10px; font-size:12px;}

#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:980px;  z-index:10;}
#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;}
#sale {padding: 70px 0 120px 0;background:#f2f9f6;}
#sale .saleGap {display:block; width:100%;  height:95px;}
.saleList {display:grid; grid-template-columns: 1fr 1fr 1fr; gap:25px;}
.saleList .list {padding:15px 0 30px 0;background:#fff;border-radius: 14px;border:1px solid #e0e0e0;}
.saleList .list .img {margin:0 auto;width: 240px;height: 130px;}
.saleList .list .img:hover img {transform:scale(1.1);}
.saleList .list .carinfo {padding: 15px 24px 14px 24px;}
.saleList .list .carinfo h3 {font-size: 22px;font-weight:600;letter-spacing:-2px;}
.saleList .list .carinfo p {margin: 10px 0 15px 0;height: 32px;font-size: 14px;font-weight:400;color:#7a7a7a;letter-spacing:-1px;overflow: hidden;text-overflow: ellipsis;word-break: keep-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.saleList .list .carinfo .condition {font-size: 11px;color:#939393;letter-spacing:-0.7px;}
.saleList .list .carinfo .ttPrice {text-align:right; font-size:18px; font-weight:400; color:#7a7a7a; letter-spacing:-1px;}
.saleList .list .carinfo .ttPrice .point {color:#494949; font-weight:800;}
.saleList .list .price {padding: 15px 24px 0 24px;border-top:1px solid #ebebeb;}
.saleList .list .price li {margin-bottom: 7px;display:flex;align-items:center;justify-content:space-between;color:#7a7a7a;font-size: 15px;letter-spacing:-1px;}
.saleList .list .price li .vat {color:#ababab; font-size:15px; font-weight:400; line-height:1.2; vertical-align:bottom;}
.saleList .list .price li:last-child {margin-bottom:0;}
.saleList .list .price li .subject{font-weight:500;}
.saleList .list .price li .won {display:flex; align-items:center; gap:2px;}
.saleList .list .price li .bold {font-size: 16px;}
.saleList .list .price li .big {font-size: 20px;}
.saleList .list .price a.saleBtn {display:block;margin-top: 18px;padding: 15px 0;width:100%;border-radius: 8px;background:#3d5bdc;color:#fff;font-size: 15px;line-height:18px;font-weight:700;letter-spacing:-1px;text-align:center;}
.saleList .list .price a.saleBtn:hover {background:#2a3aa0;}
.saleCaution {margin-top:30px;font-size: 16px;color:#7a7a7a;text-align:right;letter-spacing:-0.5px;}
.saleCounsel {position:relative;margin-top: 80px;padding: 35px 0 35px 80px;background: #c5cef5;border-radius: 12px;}
.saleCounsel h2 {margin-bottom:22px;font-size: 30px;font-weight: 500;letter-spacing:-1px;color: #313131;}
.saleCounsel a {display:inline-block;padding: 10px 50px;border-radius: 8px;background:#fff;font-size: 18px;font-weight:700;letter-spacing:-0.5px;color:#313131;}
.saleCounsel .img {position:absolute;bottom:0;right: 50px;width: 380px;z-index:9;}

.saleList .agreeWarp {margin-top:15px;gap: 5px;}
.saleList .greenCheck {justify-content:space-between;}
.saleList .greenCheck input + label:before {width: 14px;height: 14px;}
.saleList .greenCheck a {font-size:10px}

.saleTabWarp .saleTab {margin-bottom:75px; display:flex; align-items:center; justify-content:space-between;}
.saleTabWarp .saleTab .tab {display:block;padding: 15px 0;width:50%;text-align:center;font-size: 22px;font-weight:500;background:#fff;border:2px solid #e6e6e6;color:#1a1a1a;cursor:pointer;}
.saleTabWarp .saleTab .tab:nth-child(2) {margin-left:-2px;}
.saleTabWarp .saleTab .tab.active {position:relative; background:#2a3aa0; color:#fff; border:2px solid #2a3aa0;}
.saleTabWarp .salecon {display:none;}
.saleTabWarp .active {display:block;}

#best {padding: 70px 0;background: #F9FAFC;}
#best .bestList {display:grid; grid-template-columns:1fr 1fr; gap:35px 25px;}
#best .bestList .list {
    position:relative;background:#fff;border-radius:18px;overflow:hidden;
    box-shadow:0px 18.092px 4.523px 0px rgba(0, 0, 0, 0.00), 0px 12.062px 4.523px 0px rgba(0, 0, 0, 0.01), 0px 6.031px 4.523px 0px rgba(0, 0, 0, 0.05), 0px 3.015px 3.015px 0px rgba(0, 0, 0, 0.09), 0px 0px 1.508px 0px rgba(0, 0, 0, 0.10);
}
#best .bestList .list .cartxt {position:absolute;top: 20px;left: 35px;font-size: 14px;font-weight:500;letter-spacing:-0.5px;color:#939393;z-index:2;}
#best .bestList .list .edge {position:absolute;top: 20px;right: 30px;}
#best .bestList .list .edge .txt {display:inline-block;padding: 5px 10px;background:#E864C1;border-radius: 6px;font-size: 16px;font-weight:600;color:#fff;}
#best .bestList .list .img {padding: 45px 0 22px 0;background:#f9f9f9;text-align:center;}
#best .bestList .list .img img {position:relative;width:auto;height: 156px;z-index:5;}
#best .bestList .list .img:hover img {transform:scale(1.1); transition:all 0.5s;}
#best .bestList .list .carinfoWrap {padding: 30px 35px;}
#best .bestList .list .carinfo {margin-bottom: 20px;display:flex;justify-content:space-between;gap: 5px;letter-spacing:-0.5px;color:#7a7a7a;}
#best .bestList .list .carinfo .carname{flex:1;}
#best .bestList .list .carinfo h3 {font-size: 22px;font-weight:600;color:#222;}
#best .bestList .list .carinfo p {margin-top: 6px;font-size: 16px;}
#best .bestList .list .carprice h4 {display:flex;justify-content:end;align-items:baseline;gap:6px;font-size: 16px;font-weight:500;}
#best .bestList .list .carprice h4 .sm {font-size:16px; font-weight: 400; color:#ababab;}
#best .bestList .list .carprice p {font-size: 14px;text-align:right;}
#best .bestList .list .carprice .won {display:flex;align-items:center;justify-content:end;gap:5px;margin-top: 8px;font-size: 15px;}
#best .bestList .list .carprice .won .big {font-size: 24px;letter-spacing:-1px;}
#best .bestList .list .formbox { display:flex; justify-content:space-between; align-items:center; }
#best .bestList .list .formbox a.bestBtn {
    display:flex; align-items:center; justify-content:center;
    padding: 12px 0; width: 160px; background: #3d5bdc; border-radius: 8px;
    font-size: 16px; letter-spacing:-0.5px; font-weight:700; color:#fff;
}
#best .bestList .list .formbox a.bestBtn:hover {background:#2a3aa0;}
/* 카드 하단: 개인정보 동의(위) + [자세히 | 온라인 견적 문의] 균형 행 */
#best .bestList .list .formbox { flex-direction:column; align-items:stretch; gap:12px; }
#best .bestList .list .formbox .agreeWarp { margin:0; }
#best .bestList .list .formbox .greenCheck { justify-content:flex-start; }
#best .bestList .list .formbox .cardBtnRow { display:flex; gap:8px; align-items:stretch; }
#best .bestList .list .formbox a.bestBtn { width:auto; flex:1 1 0; }
#best .bestList .list .formbox a.moreBtn {
    flex:0 0 30%; display:flex; align-items:center; justify-content:center;
    padding:12px 0; border-radius:8px; background:#eef0f4; color:#555;
    font-size:14px; font-weight:600; letter-spacing:-0.5px; white-space:nowrap;
}
#best .bestList .list .formbox a.moreBtn:hover { background:#e3e6ec; }


#int {/*margin-top: 180px;*/padding: 90px 0 100px 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: 350px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap: 30px;text-align:center;color:#313131;border-radius:100%;}
.intCon ul li:nth-child(1) {background: #e6e9fb;right:-45px;z-index:1;}
.intCon ul li:nth-child(2) {background:#c5cef5;  z-index:2;}
.intCon ul li:nth-child(3) {background:#3d5bdc; 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;}
#int .cution {margin-top:70px;padding: 30px 35px;border-radius: 15px;border: 1px solid #F2F4F6;background: #FFF;}
#int .cution h3 {margin-bottom: 10px;font-size: 17px;color: #333;font-weight:700;letter-spacing:-0.5px;}
#int .cution .maintit{font-size:23px;font-weight:800;color:#1a2456;letter-spacing:-1px;padding-left:14px;border-left:5px solid #3d5bdc;margin-bottom:26px;line-height:1.2;}
#int .cution h3{margin-top:30px;}
#int .cution h3:first-of-type{margin-top:0;}
#int .cution h4{margin: 5px 0 12px;font-size: 16px;color: #B1B1B1;font-weight:700;letter-spacing:-1px;}
#int .cution li {position:relative;font-size: 13px;font-weight:400;color: #B1B1B1;letter-spacing:-0.5px;line-height:1.8;}
#int .cution li .num{display:inline-block;margin-right: 7px;}
#int .cution li .num.bold{margin-left: 5px;margin-top: -1px;font-size: 24px;line-height:1}
#int .cution.dotlist li {padding:0 0 0 26px;}
/* 고지사항 줄맞춤(행잉 인덴트): 줄바꿈 텍스트가 불릿 아래로 말리지 않고 본문에 정렬 */
.cution ul li{display:flex; align-items:flex-start;}
.cution ul li .num{flex:0 0 auto;}
.cution ul li .num.bold{line-height:1.4;}
.cution ul li .txt{flex:1 1 auto; min-width:0;}
.cution.dotlist ul li{display:block;}
#int .cution.dotlist li:before {content:''; position:absolute; top:12px; left:8px; width:4px; height:4px; background:#494949; border-radius:100%;}
#int .cution p {margin-top:12px;  font-size:16px; font-weight:500; }
#int .cution table {margin: 15px 0;text-align:center;width:100%;max-width: 380px;background:#fff;}
#int .cution table th, #int .cution table td {border:1px solid #e0e0e0;padding: 4px 0;font-weight: 400;color: #B1B1B1;font-size: 11px;}


.intStep ul {display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap:0 25px; }
.intStep li {padding:30px 10px 40px 10px;text-align:center;border-radius: 18px;border: 1px solid #3d5bdc;background: #FFF;}
.intStep li .ico {margin:0 auto 25px auto;display:flex;align-items:center;justify-content:center;width: 100px;height: 100px;background:#F2F9F6;border-radius:100%;}
.intStep li .ico img {width: 40px;}
.intStep li h5 {font-size: 17px;font-weight:700;letter-spacing:-1px;color: #DC231E;}
.intStep li h3 {margin: 10px 0 20px 0;font-size: 22px;letter-spacing:-2px;font-weight:500;}
.intStep li p {font-size: 15px;font-weight:400;line-height:1.4;letter-spacing:-1px;}

#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: #3d5bdc;}
.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;
}
.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: #3d5bdc;}
.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, #3d5bdc, #488ff6, #3d5bdc, #5b7af0, #3d5bdc, #0A7FB1, #0C4A94, #0A2FB1, #1F0C94, #490AB1, #600C94, #A40AB1, #940C76, #490AB1, #600C94, #0A2FB1, #1F0C94, #0A7FB1, #0C4A94, #5b7af0, #3d5bdc, #488ff6, #3d5bdc, #2a3aa0);
}
#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:#3d5bdc; 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: #2a3aa0;}
#inscar .carList .stockNone .carWrap{padding: 40px; justify-content: center; font-size: 17px;}


.layerPopup#inscarPop .layerBody {width:500px; transform:translate(-50%,-50%);}
.layerPopup#inscarPop .layerBody .contPop{min-height:680px; border-radius: 15px;}
.layerPopup#inscarPop .top-fix{position:sticky;top:0;left:0;right:0;padding: 70px 20px 30px;background:#fff;z-index: 1;text-align:center;}
.layerPopup#inscarPop .top-fix h1{font-size:30px; font-weight:800; }
.layerPopup#inscarPop .top-fix .txt01{margin-top: 14px;font-size:16px;font-weight: 500;color:#565656;}
.layerPopup#inscarPop .info{padding: 0 40px; height:419px; overflow-y: scroll;}
.layerPopup#inscarPop .info li label{display:block; margin:20px 0 12px; font-size:20px;font-weight:500;}
.layerPopup#inscarPop .info li label span{display:inline-block; color:#F66570;}
.layerPopup#inscarPop .info li input{width:100%; padding:17px; border:1px solid #c4c4c4; border-radius:10px; background:#fff; font-size:16px;}
.layerPopup#inscarPop .info .carWrap{margin-bottom: 30px;padding:25px;border:1px solid #ebebeb;border-radius:15px;}
.layerPopup#inscarPop .info .carWrap .carBox1,
.layerPopup#inscarPop .info .carWrap .carBox2{display: flex; }
.layerPopup#inscarPop .info .carWrap .carBox1 .carImg{width:115px;}
.layerPopup#inscarPop .info .carWrap .carBox1 .carInfo{flex:1;}
.layerPopup#inscarPop .info .carWrap .carBox1 .carInfo .carname{display: flex; align-items: center; gap:6px;}
.layerPopup#inscarPop .info .carWrap .carBox1 .carInfo .carname i{display: block; width:24px;}
.layerPopup#inscarPop .info .carWrap .carBox1 .carInfo .carname span{display: block; font-size:18px; font-weight:700;}
.layerPopup#inscarPop .info .carWrap .carBox1 .carInfo .txt{margin-top:8px; line-height: 1.4; font-size:14px; color:#3d3d3d;}
.layerPopup#inscarPop .info .carWrap .carBox2{margin-top:10px;align-items: center;}
.layerPopup#inscarPop .info .carWrap .carBox2 .box{padding:3px 6px; background:#DC231E; border-radius: 4px; font-size:12px; font-weight:500; color:#fff;}
.layerPopup#inscarPop .info .carWrap .carBox2 .otBox{
    display:flex; align-items:center; gap:3px; margin-left:8px;
    font-size:14px; font-weight:500; color:#8B95A1; cursor:pointer;
}
.layerPopup#inscarPop .info .carWrap .carBox2 .otBox i{transform: rotate(180deg); transition: all 0.3s linear;}
.layerPopup#inscarPop .info .carWrap .carBox2 .otBox i.rotated{transform: rotate(0); transition: all 0.3s linear;}
.layerPopup#inscarPop .info .carWrap .carBox2 .price{display: flex;align-items: baseline;gap: 2px;margin-left:auto;font-size:18px;color:#ED174D;}
.layerPopup#inscarPop .info .carWrap .carBox2 .price b{display: inline-block;font-size:26px;font-weight:800;}
.layerPopup#inscarPop .info .carWrap .carBox3{height: 0; overflow: hidden; opacity: 0; transition: all 0.3s linear;}
.layerPopup#inscarPop .info .carWrap .carBox3 .flex-box{display: flex; gap:30px;}
.layerPopup#inscarPop .info .carWrap .carBox3 dl{display:flex; margin-top:8px; line-height:1.4; font-size:13px; color:#5c5c5c;}
.layerPopup#inscarPop .info .carWrap .carBox3 dl dt{margin-right:10px;font-weight: 700;}
.layerPopup#inscarPop .info .carWrap .carBox3 dl dd{flex:1;}



.layerPopup#inscarPop .form-btn{padding:0 40px 40px; background:#fff;}
.layerPopup#inscarPop .form-btn button{width:100%; padding:17px; background:#2a3aa0; border-radius:7px; font-size:18px; font-weight:600; color:#fff;}
.layerPopup#inscarPop .greenCheck a {display:inline-block; margin-left: auto; background:none;  color:#808080;}
.layerPopup#inscarPop .greenCheck a:hover {background:none;}
.layerPopup#inscarPop .agreeWarp{margin:30px 0 20px; gap:3px;}


#mcounsel {padding:120px 0 150px 0; background:#F3F5F7;}
#mcounsel .container {display:flex;  justify-content:space-between;}
#mcounsel .container .ldtit  {padding-left:50px;}
#mcounsel .container .titWarp {width:583px;}
#mcounsel .container .formWrap {width:587px; padding:62px 46px 66px 46px; background:#fff; border-radius:20px; border:1px solid #e0e0e0;}
#mcounsel .container .formWrap .hanaCounsel .btnList button.submitPopBtn {display:none;}


.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 #3d5bdc;}
.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 #3d5bdc; }
.hanaCounsel li .selectFlex select option[value=""][disabled] {display: none;}
.selectFlex .carModelInput{padding:20px 18px;border-radius:10px;border:1px solid #c4c4c4;font-size:19px;color:#333;width:100%;box-sizing:border-box;}
.selectFlex .carModelInput:focus{border:1px solid #3d5bdc;}
.selectFlex .selectCon.carModel .arrow{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 #3d5bdc;}
.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:#3d5bdc; color:#fff;}
.hanaCounsel .btnList button.submitPopBtn {background:#3d5bdc; color:#fff; border-radius:15px; font-size:33px;}
.hanaCounsel .btnList button.submitPopBtn:hover {background:#2a3aa0;}

.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('/_img/ico_check.png') no-repeat center center #d0d0d0;background-size: 8px;}
.greenCheck input:checked + label:before {background:url('/_img/ico_check.png') no-repeat center center #3d5bdc;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;}

.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
}

#mcounselBar {
    position:fixed; width:100%; left:50%; bottom:0; transform:translate(-50%,0); z-index:99;
    background:rgba(255 255 255 / 95%); box-shadow: 0px -8px 20px 0px rgba(0, 13, 56, 0.04);
}
#mcounselBar .container {position:relative;}
#mcounselBar .hanaCounsel h3 {font-size: 24px;letter-spacing:-1px;font-family:'hana';font-weight:500;}
#mcounselBar .hanaCounsel h3 span {color:#DC231E;}
#mcounselBar .hanaCounsel {position:relative;display:flex;align-items:center;gap: 20px;}
#mcounselBar .hanaCounsel form {padding: 35px 0 20px 0;max-width: 710px;}
#mcounselBar .hanaCounsel form ul {display:flex;align-items:flex-start;gap: 15px;}
#mcounselBar .hanaCounsel li {margin:0}
#mcounselBar .hanaCounsel li:first-child {width:320px;}
#mcounselBar .hanaCounsel li:nth-child(2) {width:180px;}
#mcounselBar .hanaCounsel li:nth-child(3) {width:280px;}
#mcounselBar .hanaCounsel li .formSubject {font-size: 16px;}
#mcounselBar .hanaCounsel li input {font-size: 14px;padding: 10px 0;}
#mcounselBar .hanaCounsel li .selectFlex select {font-size: 14px;padding: 8px 22px 8px 8px;border-radius:5px;}
#mcounselBar .hanaCounsel li .selectFlex .selectCon.carBrand {width:35%;}
#mcounselBar .hanaCounsel li .selectFlex .selectCon.carModel {width:65%;}
#mcounselBar .hanaCounsel li .selectFlex .selectCon .arrow {width:15px; height:15px; right:10px;}
#mcounselBar .hanaCounsel .greenCheck {}
#mcounselBar .hanaCounsel .agreeWarp {margin: 10px 0;flex-direction:row;gap:40px;}
#mcounselBar .btnList {position:absolute;top:40px;right:0;width: 120px;}
#mcounselBar  .hanaCounsel .btnList button.submitBtn {padding: 20px 0;font-size: 16px;border-radius: 5px;}
#mcounselBar  .hanaCounsel .btnList button.submitBtn .ico {display:none;}
#mcounselBar .hanaCounsel .btnList button.submitPopBtn {display:none;}

#mcounselBar .hanaCounsel .eventBanner{display:flex; margin-top:15px; padding-left:20px; background:#105542; border-radius:8px; overflow:hidden;}
#mcounselBar .hanaCounsel .eventBanner .tit{margin-right:5px; padding:8px 0; font-family:'Pretendard', 'Dotum', sans-serif; font-size:16px; text-align:center; color:#fff;}
#mcounselBar .hanaCounsel .eventBanner .tit span{display:block; line-height:1.1; font-size:38px; font-weight:800; color:#fff; animation: fontcolor 1s step-end infinite;}
#mcounselBar .hanaCounsel .eventBanner img{margin-bottom:-5px; animation: move 1s steps(2) infinite;}
@keyframes move {
    0%   {transform:rotate(0);}
    100% {transform:rotate(25deg);}
}
@keyframes fontcolor {
    50% {color:#FFF45C;}
}

#mcounselBar .sh-btn{
	position:absolute; top:-30px; right:0; padding-top:7px; width:60px; height:30px; z-index:99;
    border-radius:15px 15px 0 0; box-shadow: 0px -4px 20px 0px rgba(0, 13, 56, 0.08);
    background:rgba(255 255 255 / 95%); text-align:center; cursor: pointer;
}
#mcounselBar .hanaCounsel.v2 li {position:relative;}
#mcounselBar .hanaCounsel.v2 li:first-child,
#mcounselBar .hanaCounsel.v2 li:nth-child(2),
#mcounselBar .hanaCounsel.v2 li:nth-child(3){width:auto;}
#mcounselBar .hanaCounsel.v2 li .input-ph{position:absolute; width:100%; padding:18px; font-size:18px; font-weight:500; line-height:1; color:#3D3D3D;}
#mcounselBar .hanaCounsel.v2 li .input-ph span{color:#F66570;}
#mcounselBar .hanaCounsel.v2 li input{padding:17px; border:1px solid #ccc; border-radius:10px;}
#mcounselBar .hanaCounsel.v2 form{display:flex;align-items: center;gap: 24px;padding: 30px 0; max-width:100%;}
#mcounselBar .hanaCounsel.v2 form ul{gap:8px; flex:1;}
#mcounselBar .hanaCounsel.v2 .btnList{top: auto; position:relative; width:190px;}
#mcounselBar .hanaCounsel.v2 .btnList button.submitBtn{margin: 0;padding: 16px 0;border-radius:40px;}
#mcounselBar .hanaCounsel.v2 .agreeWarp{margin: 0;flex-direction:column;gap: 10px;}
#mcounselBar .hanaCounsel.v2 .greenCheck{gap:7px}
#mcounselBar .hanaCounsel.v2 .greenCheck a{padding:0;color: #808080;background: none;}
#mcounselBar .hanaCounsel.v2 .greenCheck input + label{font-weight: 400;}


.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; width:100%;}
.connect button.callBtn {background:#3d5bdc; color:#fff;}

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

.layerPopup#eventPop .eventWrap{display:flex; flex-wrap:wrap; gap:15px;}
.layerPopup#eventPop .eventWrap .eventLeft{display:flex; flex-direction:column; gap:15px; width:390px;}
.layerPopup#eventPop .eventWrap .eventLeft .hanaCounsel{padding:40px 30px; background:#fff; border-radius:10px;}
.layerPopup#eventPop .eventWrap .eventLeft .hanaCounsel h3{margin-bottom:30px; font-size:29px; letter-spacing:-1.7px;}
.layerPopup#eventPop .eventWrap .eventLeft .hanaCounsel li{margin-bottom:20px;}
.layerPopup#eventPop .eventWrap .eventLeft .hanaCounsel li .formSubject {margin-bottom:7px; font-size:21px; font-weight:600; color:#222;}
.layerPopup#eventPop .eventWrap .eventLeft .hanaCounsel li input {padding-top:5px; font-size:15px;}
.layerPopup#eventPop .eventWrap .eventLeft .hanaCounsel li .selectFlex select {padding:10px 25px 10px 12px; border-radius:6px; font-size:15px;}
.layerPopup#eventPop .eventWrap .eventLeft .hanaCounsel li .selectFlex .selectCon .arrow {right:12px; width:14px; height:14px;}
.layerPopup#eventPop .eventWrap .eventLeft .hanaCounsel .agreeWarp{margin:20px 0;}
.layerPopup#eventPop .eventWrap .eventLeft .hanaCounsel .greenCheck {align-items:center;justify-content: space-between;}
.layerPopup#eventPop .eventWrap .eventLeft .hanaCounsel .greenCheck input + label {padding: 0 0 0 26px; font-size:14px;}
.layerPopup#eventPop .eventWrap .eventLeft .hanaCounsel .greenCheck a {padding:6px 7px; border-radius:4px; font-size:12px; font-weight:200; line-height:12px;}
.layerPopup#eventPop .eventWrap .eventLeft .hanaCounsel .btnList button {margin-bottom: 0;padding: 15px 0;gap: 6px;border-radius:6px;font-size:20px;}
.layerPopup#eventPop .eventWrap .eventLeft .hanaCounsel .btnList button.callBtn {background:#DC231E;}
.layerPopup#eventPop .eventWrap .eventLeft .hanaCounsel .btnList .btnWrap{display:flex; gap:8px;}
.layerPopup#eventPop .eventWrap .eventLeft .hanaCounsel .btnList button.submitBtn{padding:17px 0;margin-bottom: 8px;}
.layerPopup#eventPop .eventWrap .eventLeft .hanaCounsel .btnList button .ico{width: 30px;}
.layerPopup#eventPop .eventWrap .eventLeft .hanaCounsel .btnList .txt{font-size:18px; text-align:left;}
.layerPopup#eventPop .eventWrap .eventLeft .hanaCounsel .btnList .txt span{display:block; font-size:12px;}
.layerPopup#eventPop .eventWrap .eventLeft .banner01{padding:26px 18px;background: url('/_img/event-banner-bg.png') no-repeat center right, linear-gradient(#00CFC0, #0AA397); border-radius:10px; font-size:22px; font-weight:700; color:#fff;}
.layerPopup#eventPop .eventWrap .eventLeft .banner01 .logo{width:150px; filter: grayscale(1) brightness(10);}

.layerPopup#eventPop .eventWrap .eventRight{display:flex; flex-wrap:wrap; gap:15px; flex:1;}
.layerPopup#eventPop .eventWrap .eventRight h2{padding:22px 0; width:100%; background:#DC231E; border-radius:10px; font-size:30px; font-weight:700; text-align:center; color:#fff;}
.layerPopup#eventPop .eventWrap .eventRight .bannerBox{flex:1; padding:0 18px; background:#F6FAF6; border-radius:10px; text-align:center; color:#222;}
.layerPopup#eventPop .eventWrap .eventRight .bannerBox .txt01{display:inline-block; margin:33px 0 13px; padding:7px 15px; line-height:1; border-radius:30px; font-size:17px; font-weight:600; color:#fff;}
.layerPopup#eventPop .eventWrap .eventRight .bannerBox .txt02{margin-bottom:28px; font-size:27px; font-weight:700;}
.layerPopup#eventPop .eventWrap .eventRight .bannerBox .txt03{margin:35px 0 20px;line-height: 1.4;font-size:26px;font-weight:700;text-align:left;}
.layerPopup#eventPop .eventWrap .eventRight .bannerBox .txt02 span,
.layerPopup#eventPop .eventWrap .eventRight .bannerBox .txt03 span{font-weight:800}
.layerPopup#eventPop .eventWrap .eventRight .bannerBox .txt05{margin-bottom:20px; font-size:17px; font-weight:500; letter-spacing:-1px; text-align:left; color:#626262;}

.layerPopup#eventPop .eventWrap .eventRight .banner04{width:100%; padding:16px 18px; background:#494949; border-radius:10px; color:#fff;}
.layerPopup#eventPop .eventWrap .eventRight .banner04 h4{margin-bottom:5px; line-height:1; font-size:18px; font-weight:600;}
.layerPopup#eventPop .eventWrap .eventRight .banner04 .txt04{display:flex; flex-wrap:wrap;}
.layerPopup#eventPop .eventWrap .eventRight .banner04 .txt04 p{margin-top:5px; font-size:15px; font-weight:200; color:#fff;}
.layerPopup#eventPop .eventWrap .eventRight .banner04 .txt04 p:nth-child(2){flex:1; margin-left:37px;}

.layerPopup#eventPop .layerBody {width:90%; max-width:1230px; transform:translate(-50%,-50%); background:none;}
.layerPopup#eventPop .layerBody .closeBox{display:flex; justify-content:flex-end; align-items:center; margin-bottom:10px; gap:10px; font-size:16px; color:#fff;}
.layerPopup#eventPop .layerBody .closeBox input{margin-right:5px; width:26px; height: 26px;}
.layerPopup#eventPop .layerBody .close {
	width:30px;
	height:30px;
	line-height:30px;
	-webkit-background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	background-size: 16px 16px;
	filter: brightness(2);
	position: relative;
}

.layerPopup#eventPop .eventBottom{width:100%;}
.layerPopup#eventPop .eventBottom a{
    display:flex; align-items:center; justify-content:center; gap:13px; width:440px; margin:0 auto; padding:13px 0;
    background:rgba(73,73,73,0.85); border:3px solid #fff; border-radius:50px; font-size:30px; font-weight:700; color:#fff;
}







.layerPopup#surveyPop .layerBody{transform:translate(-50%, -50%); border-radius:15px; max-width:500px; width:90%;}
.layerPopup#surveyPop .layerBody .contPop{border-radius:15px;}
.layerPopup#surveyPop .layerBody .btm-btnPop{display:flex;}
.layerPopup#surveyPop .layerBody .btm-btnPop a{
	display:block; position:relative; width:50%; height:55px; line-height:55px; background:none;
	font-size:18px; font-weight:500; text-align:center; color:#222;
}
.layerPopup#surveyPop .layerBody .btm-btnPop a:first-child{border-right:1px solid #ABABAB;}

.layerPopup#surveyPop .layerBody .step-common{position:relative; padding:30px 40px; height:680px; letter-spacing:-1.5px; color:#222;}
.layerPopup#surveyPop .layerBody .step-common > .close{top:30px; right:30px; width:30px; height:30px; filter:brightness(0); background-size:18px;}
.layerPopup#surveyPop .layerBody .step-common .pagePrev{
	position:absolute; width: 30px;	left: 30px;	z-index:100; width:30px; height:30px; filter:brightness(0);
	background:url("/_img/arrow_icon.png") no-repeat center center;	background-size:11px; transform:rotate(180deg);
}

.layerPopup#surveyPop .layerBody .surveyWrap1 .img-box{display:block;}
.layerPopup#surveyPop .layerBody .surveyWrap1 .img-box img{border-radius:15px 15px 0 0;}

.layerPopup#surveyPop .layerBody .surveyWrap2 .process h3{margin-top:44px; font-size:18px;}
.layerPopup#surveyPop .layerBody .surveyWrap2 .process .tit{position:relative; margin-top:20px; padding-left:26px; font-size:24px;}
.layerPopup#surveyPop .layerBody .surveyWrap2 .process .tit:before{content:'Q.'; display:block; position:absolute; left:0; top:0;}
.layerPopup#surveyPop .layerBody .surveyWrap2 .process .txt{margin:14px 0 16px; font-size:14px; font-weight:500; color:#707070;}
.layerPopup#surveyPop .layerBody .surveyWrap2 .process .processBar{
    position:relative; width:100%; height:8px; margin-top:8px; background:#ededed; border-radius:4px;
}
.layerPopup#surveyPop .layerBody .surveyWrap2 .process .processBar .bar-step{
	position:absolute; top:0; left:0; height:8px; background:#2a3aa0; border-radius:4px;
    transition: all 0.3s linear;
}
.layerPopup#surveyPop .layerBody .surveyWrap2 .process .processBar .bar-step.step-1{width:16%;}
.layerPopup#surveyPop .layerBody .surveyWrap2 .process .processBar .bar-step.step-2{width:32%;}
.layerPopup#surveyPop .layerBody .surveyWrap2 .process .processBar .bar-step.step-3{width:48%;}
.layerPopup#surveyPop .layerBody .surveyWrap2 .process .processBar .bar-step.step-4{width:64%;}
.layerPopup#surveyPop .layerBody .surveyWrap2 .process .processBar .bar-step.step-5{width:80%;}
.layerPopup#surveyPop .layerBody .surveyWrap2 .process .processBar .bar-step.step-6{width:100%;}

.layerPopup#surveyPop .layerBody .surveyWrap3 h1{margin:90px 0 15px; font-size:30px; font-weight:700; text-align:center; color:#222;}
.layerPopup#surveyPop .layerBody .surveyWrap3 .txt01{margin-bottom:50px; font-size:16px; font-weight:500; text-align:center; color:#707070}
.layerPopup#surveyPop .layerBody .surveyWrap3 .txt01 b{font-weight:600; color:#2a3aa0;}
.layerPopup#surveyPop .layerBody .surveyWrap3 ul li label{display:block; margin:20px 0 10px; font-size:22px;}
.layerPopup#surveyPop .layerBody .surveyWrap3 ul li input{width:100%; padding:17px; border:1px solid #c4c4c4; border-radius:10px; font-size:16px;}
.layerPopup#surveyPop .layerBody .surveyWrap3 .agreeWarp{margin:47px 0;}
.layerPopup#surveyPop .layerBody .surveyWrap3 .agreeWarp .greenCheck{justify-content:space-between;}

.layerPopup#surveyPop .layerBody .surveyWrap4 img{display:block; margin:110px auto 25px;}
.layerPopup#surveyPop .layerBody .surveyWrap4 h2{font-size:28px; font-weight:700;}
.layerPopup#surveyPop .layerBody .surveyWrap4 .finish-txt{padding:45px 30px; font-size:19px; font-weight:500; line-height:1.5;}
.layerPopup#surveyPop .layerBody .surveyWrap4 .btm-btnPop{position:absolute; left:40px; right:40px; bottom:30px;}
.layerPopup#surveyPop .layerBody .surveyWrap4 .btm-btnPop .close2{width:100%; background:#e0e0e0; border:0; border-radius:7px; font-weight:800;}

.layerPopup#surveyPop .layerBody .form-btn{display:flex; position:absolute; left:40px; right:40px; bottom:30px; gap:12px;}
.layerPopup#surveyPop .layerBody .form-btn button{
    flex:1; height:55px; line-height:53px; border-radius:7px; font-size:18px; font-weight:600; text-align:center;
}
.layerPopup#surveyPop .layerBody .form-btn button.prevBtn{border:1px solid #2a3aa0; background:#fff; color:#2a3aa0;}
.layerPopup#surveyPop .layerBody .form-btn button.nextBtn{background:#2a3aa0; color:#fff;}

.surveyCheck {margin-top:8px}
.surveyCheck input {display:none; appearance:none;}
.surveyCheck input + label {
    position:relative; display:block; width:100%; padding: 16px 37px 16px 16px;
	border:1px solid #C4C4C4; border-radius:10px; cursor:pointer;
    font-size:18px; color:#222; font-weight:400; letter-spacing:-1px;
    transition: border 0.1s linear;
}
.surveyCheck input:hover + label,
.surveyCheck input:checked + label {border:1px solid #2a3aa0; transition: border 0.1s linear;}
.surveyCheck input + label:before {
    content:''; position:absolute; top:50%; right:15px; transform:translate(0,-50%); width:22px; height:22px;
    border:1px solid #c4c4c4; border-radius:100%;
	background:url('/_img/ico_check_off.png') no-repeat center center; background-size:12px;
}
.surveyCheck input:hover + label:before,
.surveyCheck input:checked + label:before {
	border:1px solid #2a3aa0;
	background:url('/_img/ico_check.png') no-repeat center center #2a3aa0; background-size:12px;
}


.layerPopup#leasePop .layerBody{transform:translate(-50%, -50%);}
.layerPopup#leasePop .layerBody .contPop{height: 80vh;}

/* ============================================================
   모바일 최적화 (반응형)
   ============================================================ */
@media (max-width:1024px){
  html, body{overflow-x:hidden; max-width:100%;}
  #wrap{min-width:0 !important;}
  #htop{min-width:0 !important;}
  .container{width:auto; max-width:100%; padding-left:18px; padding-right:18px; box-sizing:border-box;}
  #htop .logo a{left:12px;}
  /* 상담 섹션/팝업 유동화 (가로 오버플로우 방지) */
  #mcounsel{padding:80px 0 100px 0;}
  #mcounsel .container{flex-direction:column; gap:24px;}
  #mcounsel .container .titWarp, #mcounsel .container .formWrap{width:100% !important; max-width:100% !important; box-sizing:border-box;}
  #mcounsel .container .ldtit{padding-left:0 !important;}
  .layerPopup .layerBody{width:90vw !important; max-width:360px !important;}
  .layerPopup .layerBody .contPop{padding:48px 24px 28px !important;}
  .layerPopup .layerBody input, .layerPopup .layerBody select{width:100% !important; box-sizing:border-box;}
  .layerPopup .layerBody .selectFlex{flex-wrap:wrap;}
  #footer .footerWrap ul{width:auto;}
}
@media (max-width:768px){
  /* 헤더 — 로고 축소(절대위치)로 메뉴와 겹침 방지 */
  #htop .logo a{width:160px; height:30px; background-size:auto 100% !important; background-position:left center !important;}
  #htop .hmenu{gap:0;}
  #htop .hmenu a{padding:22px 4px; font-size:11px;}

  /* hero */
  #mvisual .mvList{padding-top:66px;}
  #mvisual .mvList .txt{padding:46px 0 74px 0;}
  #mvisual .mvList .txt h3{font-size:17px;}
  #mvisual .mvList .txt h2{font-size:26px;}
  #mvisual .mvList .img{display:none;}
  #mvisual .mvList a.mvBtn{margin-top:32px; padding:11px 36px; font-size:15px;}
  #mvisual .visualoption{bottom:26px;}

  /* 섹션 공통 */
  #best, #recom, #int{padding:54px 0;}
  .ldtit h2{font-size:23px;}
  .ldtit p{font-size:14px;}

  /* 인기차량 1열 */
  #best .bestList{grid-template-columns:1fr; gap:18px;}
  #best .bestList .list .carinfoWrap{padding:22px 20px;}
  #best .bestList .list .carinfo h3{font-size:19px;}
  #best .bestList .list .carinfo p{font-size:13px;}

  /* 추천 리스트 1열 + 오프셋 제거 */
  #recom .recomList ul{grid-template-columns:1fr; gap:14px;}
  #recom .recomList .list{top:0 !important; gap:20px; padding:22px 24px;}
  #recom .recomList .list:nth-child(2),#recom .recomList .list:nth-child(4),#recom .recomList .list:nth-child(6),#recom .recomList .list:nth-child(8){top:0 !important;}
  #recom .recomList .list .img{width:84px;}
  #recom .recomList .list h3{font-size:19px;}
  #recom .recomList .list p{font-size:14px;}

  /* 상품안내 Venn 세로 스택 */
  .intCon ul{flex-direction:column; align-items:center; margin:0; gap:14px;}
  .intCon ul li{width:240px; height:240px; right:auto !important; left:auto !important; gap:16px;}
  .intCon ul li h3{font-size:23px;}
  .intCon ul li p{font-size:15px;}

  /* 계약절차 2열 */
  .intStep ul{grid-template-columns:1fr 1fr; gap:12px;}
  .intStep li{padding:22px 6px 26px;}
  .intStep li .ico{width:70px; height:70px; margin-bottom:14px;}
  .intStep li .ico img{width:32px;}
  .intStep li h5{font-size:14px;}
  .intStep li h3{font-size:17px; margin:8px 0 10px;}
  .intStep li p{font-size:12.5px;}

  /* 상품정보 박스 */
  #int .cution{padding:24px 18px;}
  #int .cution .maintit{font-size:19px;}
  #int .cution h3{font-size:15px;}
  #int .cution li{font-size:12.5px;}

  /* 푸터 */
  #footer{padding:44px 0 86px;}
  #footer .flex{flex-direction:column;}
  #footer .finfo{width:100%; margin-top:22px;}
  #footer .finfo li{flex-wrap:wrap;}

  /* 하단 상담바 — 인라인 폼 숨기고 카톡 버튼만 노출 */
  #mcounselBar .hanaCounsel{display:none !important;}
}
@media (max-width:480px){
  #mvisual .mvList .txt h2{font-size:23px;}
  .ldtit h2{font-size:21px;}
  .intStep ul{grid-template-columns:1fr;}
  #best .bestList .list .carinfo{flex-direction:column; gap:10px;}
  #best .bestList .list .carprice h4{justify-content:flex-start;}
  #best .bestList .list .carprice .won{text-align:left;}
}