@charset "utf-8";
.fc-r {color:#ea002c;}
#wrap{width:100%;}
.img-responsive {width:100%;}
.inner{margin:0 auto; padding:0 20px; max-width:640px;}
.header{display:none;}
.Mheader{display:block;width:102%; max-width:420px; background:#fff;  position: fixed;z-index: 9999;top:0; left:50%; transform:translate(-50%, 0); box-shadow:0px 12px 20px 0px rgba(0,0,0,0.1); }
.Mheader .inner{width:100%; padding:0;}
.Mheader .headerWrap{ position:relative;}
.Mheader .headerWrap a.logo{padding:14px 20px; display:flex; align-items:center;  gap:5px; border-bottom:1px solid #e0e0e0;}
.Mheader .headerWrap a.logo .sym {width:20px;}
.Mheader .headerWrap a.logo .txt {width:102px; filter:brightness(0);}
.Mheader .headerWrap .menu {position: absolute; top:50%; right:17px; transform:translate(0,-50%); filter:brightness(0); }
.Mheader .headerWrap .menu a{display:block; width: 24px;height: 24px;background: url('/_img/ico_ham.png') no-repeat;background-size: cover;}
.Mheader .headerWrap .callBtn {position: absolute; top:50%; right:50px; transform:translate(0,-50%); }
.Mheader .headerWrap .callBtn a{display:block; width:24px;}

.sideWrap{display:none;}

/* lnb */
.Mheader .lnb {width:100%;}
.Mheader .lnb ul {display:flex; justify-content:space-between; align-items:center; padding:0 30px;}
.Mheader .lnb li a { display: block; text-align: center;	font-size:14px; 	padding:13px 0;	font-weight: 500;	color:#939393;}
.Mheader .lnb li.active a {color:#24303D; font-weight:700;}

/*slidemenu*/
.slideMenu{background:rgba(255,255,255,1);position: fixed; width:101%; height:100vh; z-index: 999; top: 0; left:-1px;overflow: hidden;transition: 0.5s;  }
.slideMenu .sidenav-tit {height:70px; width:100%; text-align:center; }
.slideMenu .sidenav-tit .logo a {display:block; max-width:140px; margin:0 auto;}
.slideMenu ul {padding:0 15px 0 20px;}
.slideMenu ul li a {padding:35px 0; display:flex; justify-content:space-between; align-items:center; }
.slideMenu ul li a h3 {display:flex; align-items:end; gap:8px; font-size:18px; font-weight:500; color:#313131; letter-spacing:-0.5px;}
.slideMenu ul li a h3 .sm {font-size:13px; font-weight:300; color:#ababab;}
.slideMenu ul li a .arrow span {font-size:28px; font-weight:400;}
.slideMenu .closebtn { position: absolute;  top:12px;  right: 17px; max-width:24px;}
.slideMenu .sidenav-info {position:absolute; width:100%; bottom:0; padding:27px 0 23px 0; text-align:center;
background: #F1F1F1; 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);}
.slideMenu .sidenav-info h3 {font-size:17.5px; font-weight:600; letter-spacing:-1px; }
.slideMenu .sidenav-info a {margin-top:10px; display:flex; justify-content:center; align-items:center; font-size:23px; font-weight:bold; letter-spacing:-1px;}
.slideMenu .sidenav-info a img {width:26px; margin:-1px 7px 0 -7px;}


.contentWrap .main_processBox{padding: 0px 0 20px;}
.contentWrap .main_processBox li{clear:both; position:relative; margin-right:0px;width: 100%; border-radius:5px;display:table; margin-bottom:10px;}
.contentWrap .main_processBox li:after{display:none;}
.contentWrap .main_processBox li:last-child:after{display:none;}
.contentWrap .main_processBox li i{display:inline-block; width:50px; height:50px; border-radius:0px;margin: 10px 30px; float:left; }
.contentWrap .main_processBox li.step01{background:#25a0a8 center;}
.contentWrap .main_processBox li.step02{background:#2585a8 center;}
.contentWrap .main_processBox li.step03{background:#2572a8 center;}
.contentWrap .main_processBox li.step04{background:#2563a8 center;}
.contentWrap .main_processBox li.step05{background:#2556a8 center;}
.contentWrap .main_processBox li.step06{background:#2544a8 center;}

.contentWrap .main_processBox li.step01 i{background:url(/_img/step01.png) no-repeat center;background-size:40px;}
.contentWrap .main_processBox li.step02 i{background:url(/_img/step02.png) no-repeat center;background-size:40px;}
.contentWrap .main_processBox li.step03 i{background:url(/_img/step03.png) no-repeat center;background-size:40px;}
.contentWrap .main_processBox li.step04 i{background:url(/_img/step04.png) no-repeat center;background-size:40px;}
.contentWrap .main_processBox li.step05 i{background:url(/_img/step05.png) no-repeat center;background-size:40px;}
.contentWrap .main_processBox li.step06 i{background:url(/_img/step06.png) no-repeat center;background-size:40px;}
.contentWrap .main_processBox li p{text-align:left; font-size:14px; color:#fff; display:table-cell; vertical-align:middle; width:60%; }
.contentWrap .main_processBox li p span{font-weight:500;}
.contentWrap .main_processBox li p span{color:#fff !important;}
.contentWrap .main_processBox li i:after{content: ''; width: 0px;  height: 0px; display: inline-block;  right: 45%; position: absolute;  bottom: -15px; border-left: 15px solid transparent; border-top: 15px solid #fbc320; border-right: 15px solid transparent; z-index: 9;}
.contentWrap .main_processBox li:last-child i:after{display:none;}
.main_counselBox {background:#fff;}
.contentWrap .main_counselBox div .main_counselBox h3, .contentWrap .main_counselBox div .mBuyBox h3{ font-size:20px; font-weight:600; padding:20px 0 0 20px;}
.contentWrap .main_counselBox div > .clistBox, .contentWrap .main_counselBox div > .centerBox{float:left; width:100%;position:relative;}
.contentWrap .main_counselBox div > div .consultListWrap{margin:-10px 0 20px;}
.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 .clistBox h3{margin:20px 0 15px;}
.main_counselBox .clistBox h3 span{font-size:14px;  color:#009bfa}
.main_counselBox .clistBox ul{margin-bottom:60px; display:inline-block; width:100%;margin-left:-5px !important;}
.main_counselBox .clistBox ul li{background:#fff4ed;border:1px solid #dfe0e4; border-radius:5px; font-size:12px; width:100%; line-height:20px;}
.main_counselBox .clistBox ul li > div{float:left; text-align:center;}
.main_counselBox .clistBox ul li .c_text{width: 90%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; color:#666; text-align:left; font-size:14px; font-weight:500; vertical-align:middle; display:flex;align-items: center;}
.main_counselBox .clistBox ul li .c_name{width: 10%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding:5px;}
.main_counselBox .clistBox ul li .c_date{display:none;}
.main_counselBox .clistBox ul li > div span.c_ing{background:#232323; color:#fff;padding:3px; width:60px;border-radius:5px;display:inline-block; text-align:center;font-size:12px; position:absolute; right:10px;}
.main_counselBox .clistBox ul li > div span.c_end{background:#999; color:#fff;padding:3px; width:60px;border-radius:5px;display:inline-block;text-align:center; font-size:12px; position:absolute; right:10px;}
.main_counselBox .clistBox ul li:after{clear:both; content:'';display:block;}
.main_counselBox .centerBox h3{text-align:left;color:#fff;padding:10px 0; font-weight:bold; letter-spacing:-0.05px;}
.main_counselBox .centerBox h3 img {width:200px;}
.main_counselBox .centerBox{background:url(/_img/pc/btnbg.png) no-repeat right bottom #10c284; background-size:125px auto; border-radius:5px;margin-top: 0px; padding:10px 20px;text-align:left;  margin-bottom:20px; height: 180px;}
.main_counselBox .centerBox h3{}
.main_counselBox .centerBox > span{font-size:15px; color:#fff;}
.main_counselBox .centerBox > h4{
    font-size: 30px;
    padding-top: 10px;
    color: #fff;
    line-height: 30px;
}
.main_counselBox .centerBox h4 img{margin-right:5px;}
.main_counselBox .centerBox h4 a{display:block;
    font-size: 30px;
    padding-top: 10px;
    color: #fff;
    line-height: 30px;
}

/*fbn*/
#fbn {padding:40px 0; background:#f1f1f1;}
#fbn .inner {display:flex; flex-wrap:wrap;}
#fbn .inner .mbn-con {width:50%; padding:5px;}
#fbn .inner .mbn-con a {padding:17px 5px; display:flex; flex-direction:column; 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:45px; margin:0 auto;}
#fbn .inner .mbn-con a p {margin:7px 0 3px 0; font-size:13px; color:#626262;}
#fbn .inner .mbn-con a h3 {font-size:17px; color:#313131; font-weight:800; letter-spacing:-1px;}

/*finfo*/
#finfo .inner {width:84%;}
#finfo a {padding:24px 0; display:flex;justify-content:space-between; align-items:center;}
#finfo a .img {max-width:70px;}
#finfo a h3 {font-size:19px; letter-spacing:-1.5px; font-weight:800;}
#finfo a p {margin-top:7px; font-size:13px; line-height:17px; font-weight:500;}
#finfo .fkakao{ background:#FFEE00}
#finfo .fkakao a {color:#3D1D1C;}
#finfo .fcall{background:#fff; }
#finfo .fcall a {color:#313131; }

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


.fquick-btm{position:fixed; display:flex; bottom:20px; width:100%; max-width:420px; z-index:999;}
.fquick-btm .inner {display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; }
.fquick-btm .inner a {padding:12px 0; width:50%; display:flex; align-items:center; justify-content:center; gap:6px; font-size:16px; font-weight:600; letter-spacing:-0.5px; border-radius:8px;
box-shadow:3px 3px 3px rgba(0 0 0 / 15%);}
.fquick-btm .inner a .ico {width:24px;}
.fquick-btm .inner a.call {background:#0072FF; color:#fff;}
.fquick-btm .inner a.kakao {background:#fff; color:#000;}

#footer {padding:38px 0 95px 0; background:#24303D;  color:#fff;}
#footer a.tel {font-size:31px; letter-spacing:-1px; font-weight:700; color:#fff;}
#footer p {font-size:12px; font-weight:300; line-height:1.7; letter-spacing:0}
#footer .copy {margin:18px 0;  display:flex; align-items:center; gap:6px; font-size:12px;}
#footer .copy h3 {font-size:12px;}
#footer .copy a {font-size:12px; color:#fff;}
#footer .fRed {font-size:11px; color:#c41e28; font-weight:600;}
#footer .ftop {margin-bottom:20px; display:flex; align-items:center; justify-content:space-between; }
#footer .ftop .fsns {width:100px;}




/* --------------------------------------------
 * layerPopup_����������޹�ħ/�̿���
/* ------------------------------------------ */
.layerPolicy .layerBody {
	overflow: hidden;
}
.layerPolicy .policy_con {
	height: 100%;
	padding: 20px;
	overflow-y: auto;
}
.layerPolicy .policy_con pre {
	white-space: pre-wrap;
	word-break: keep-all;
	font-size: 12px;
	line-height: 18px;
	color: #6a6c73;
}

.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:85%; margin:0 auto; position:relative; padding-top: 85%; border-radius:80%; -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:#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-1, .ic-2, .ic-3{margin-bottom:30px;}
.ic-slider-inner {float:left; width:100%; text-align:center;  }
.ic-slider-col6 .ic-slider-inner{width:33.3%;}
.ic-slider-inner p {height:40px; font-size:14px; line-height: 19px; margin-top:5px;  word-break: keep-all; 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:14px; color:#009bfa;}
.ic-slider-inner.on .ic-img {background-color:#10c284;}
.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:#10c284}
.ic-slider-inner.on p { font-size:17px; color:#009bfa; 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;}

/* --------------------------------------------
 * CS
/* ------------------------------------------ */
.sec_faqContent {
	
}
.sec_noticeContent .btnWrite{
	margin:150px auto 0;
	width:95%;
	height:50px;
	line-height:50px;
	font-size:1.3em;
	font-weight:600;
	text-align:center;
	border:1px solid #ddd;
	border-radius:5px;
}
.board_list {
	padding: 0 0 8px;
}
.board_list ul {
	border-bottom: 1px solid #dfe0e4;
}
.board_list li .qusetion_article {
	position: relative;
	background: #fff;
	border-top: 1px solid #ededee;
	padding-right: 16px;
}
.board_list li:first-child .qusetion_article {
	border-top: 0;
}
.board_list li.active .qusetion_article {
	background: #f6f6f8;
}
.board_list li .qusetion_article a {
	display: block;
	position: relative;
	font-size: 14px;
	line-height: 20px;
	padding: 20px 65px 20px 44px;
	color: #222;
}
.board_list li .qusetion_article a:before,
.board_list li .qusetion_article a:after {
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -1px;
	width: 7px;
	height: 2px;
	background-color: #808189;
	content: '';
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.board_list li.active .qusetion_article a:before,
.board_list li.active .qusetion_article a:after {
	background-color: #2d2d36;
}
.board_list li .qusetion_article a:before {
	right: 0px;
	height: 2px;
}
.board_list li .qusetion_article a:after {
	right: 4px;
	height: 2px;
}
.board_list li .qusetion_article a:after,
.board_list li.active .qusetion_article a:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.board_list li .qusetion_article a:before,
.board_list li.active .qusetion_article a:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.board_list li .answer_article {
	background: #fff;
	padding: 16px;
	font-size: 12px;
	line-height: 18px;
	color: #6a6c73;
}
.board_list li .answer_article p img{
	width:100% !important;
	height:auto !important;
}

/* faq */
.board_list.faq_board li .qusetion_article:before {
	content: 'Q.';
	width: 22px; height: 24px;
	display: inline-block;
	font-size: 20px;
	color: #e41412;
	font-family: 'Rubik','Lato','NotoSansKR',Arial,AppleGothic,verdana,sans-serif;
	font-weight: 500;
	line-height: 24px;
	position: absolute;
	top: 50%; left: 16px;
	margin-top: -12px;
}
/* notice */
.notice_board{

}
.board_list.notice_board{

}
.board_list.notice_board li .qusetion_article:before {
	content: '����';
	height: 22px;
	display: inline-block;
	font-size: 14px;
	color: #bbb;
	font-family: 'Rubik','Lato','NotoSansKR',Arial,AppleGothic,verdana,sans-serif;
	font-weight: 700;
	line-height: 24px;
	position: absolute;
	top: 50%; left: 16px;
	margin-top: -11px;
}
.board_list.notice_board li .qusetion_article a {
	padding: 20px 65px 20px 54px;
}

/* --------------------------------------------
 * Q&A
/* ------------------------------------------ */
.qna_title p span,.qna_write button.submit span {
	display: inline-block;
	text-indent: -99999em;
	overflow: hidden;
	
	background: url(/_img/mobile/qna_170502.png) no-repeat;
	-webkit-background-size: 300px 150px;
	-moz-background-size: 300px 150px;
	-o-background-size: 300px 150px;
	background-size: 300px 150px;
}

.sec_qnaContent {
	background: #f5f5f7;
}
.sec_qnaContent.sec2 {
	padding: 0 16px 0;
	position: relative;
}
.sec_qnaContent.sec2:before {
	content: '';
	display: block;
	background: #f8f8f9;
	border: 2px solid #d2d2d6;
	position: absolute;
	top: -10px; left: 25px; right: 25px; bottom: 0;
	z-index: 2;
}
.sec_qnaContent.sec2:after {
	content: '';
	display: block;
	background: #f6f6f8;
	border: 2px solid #e9e9ec;
	position: absolute;
	top: -20px; left: 34px; right: 34px; bottom: 0;
	z-index: 1;
}

/* qna_title */
.qna_title {
	padding: 30px 0 46px;
}
.qna_title p {
	text-align: center;
	line-height: 1;
}
.qna_title p.txt1 {
	margin: 20px 0 15px;
}
.qna_title p.icon span {
	width: 45px; height: 52px;
	background-position: 0 0;
}
.qna_title p.txt1 span {
	width: 233px; height: 52px;
	background-position: 0 -52px;
}
.qna_title p.txt2 span {
	width: 224px; height: 12px;
	background-position: 0 -104px;
}

/* qna_write */
.qna_write {
	position: relative;
	background: #fff;
	border: 2px solid #808189;
	border-bottom: 0;
	padding: 24px 24px;
	z-index: 10;
}
.qna_form ul {
	margin: 1px 0 0 1px;
}
.qna_form ul li .selectWrap_st2,
.qna_form ul li .inputWrap_st2,
.qna_form ul li .textareaWrap_st1 {
	margin: -1px 0 0 -1px;
}

.qna_write button.submit {
	display: block;
	width: 100%;
	background: #456cea;
	border: 2px solid #3257e5;
	padding: 22px 0;
	line-height: 20px;
	text-align: center;
	margin-top: 20px;
}
.qna_write button.submit span {
	width: 128px; height: 20px;
	background-position: 0 -116px;
}



.news_wrap a{width:100%; height:100px; border-bottom:1px solid #ddd; position:relative; display:block;}
.news_wrap a .photo{left:10px; top:10px; width:80px; height:80px; position:absolute;}
.news_wrap a .photo img{width:100%; height:100%; border:1px solid #ddd;}
.news_wrap a .tit{padding:10px 20px 10px 100px; font-size:1.2em; font-weight:600;}
.news_wrap a .tit p{margin-top:10px; font-size:0.8em; color:#666;}
.news_wrap a:after{
	content:'';
	top:43px;
	right:10px;
	width:8px;
	height:14px;
	background:url(/_img/mobile/list_arrow.png) no-repeat;
	position:absolute;
}

.news_wrap li{margin:10px 2%; padding:30px; width:96%; border:1px solid #ddd; border-radius:10px; float:left;}
.news_wrap li img{width:100%; border-radius:10px;}
.news_wrap li h2{margin:10px 0;font-size:18px; font-weight:600;}
.news_wrap li p{height:80px; overflow:hidden; text-overflow:ellipsis;}
.news_wrap .more_btn{margin-top:10px; padding:10px; text-align:center; border-radius:5px; color:#fff; background:#e41412; display:block;}


.qna_passWrap{
	margin:150px auto 0;
	width:90%;
}
.qna_passWrap h3{
	font-size:16px;
	font-weight:600;
	line-height:30px;
	border-bottom:2px solid #333;
}
.qna_passWrap .passBox{
	padding: 30px;
	margin: 10px auto;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background: #f6f6f6;
}
.qna_passWrap .passBox .pBox .pTxt {
	margin-top: 10px;
}
.qna_passWrap .passBox .pBox .pTxt input {
	border: 1px solid #DEDEDE;
	width: 100%;
	line-height: 35px;
	text-align: center;
	border-radius: 5px;
	font-size: 18px;
}
.qna_passWrap .pBtn{margin:10px 0;}
.qna_passWrap .pBtn button.btnSubmit {
	width: 80px;
	float: right;
	background: #333;
	color: #fff;
	text-align: center;
	line-height: 30px;
	font-size: 12px;
	border-radius: 5px;
	cursor: pointer;
}
.qna_passWrap .pBtn a.btnCancel {
	width: 80px;
	display: block;
	float: right;
	background: #999;
	color: #fff;
	text-align: center;
	line-height: 30px;
	font-size: 12px;
	border-radius: 5px;
	margin-right: 10px;
}
.footer .menu {background:#494949; border-top:1px solid #555; }
.footer .menu ul {border-bottom:1px solid #555; padding:15px 0; display:flex; align-items:center;}
.footer .menu ul li {}
.footer .menu ul li a {
	color: #fff;
    text-align: center;
    display: block;
    position: relative;
} 
.footer .menu ul li a:after{
    content: '';
    position: absolute;
    top: 3px;
    right: -2px;
    width: 1px;
    height: 12px;
    background-color: #555

}
.footer .menu ul li:last-child a:after{ display:none;}



/*KS중고차수출*/
:hover {transition:all 0.5s;}
input + label {cursor:pointer;}
.fc-f {color:#fff;}

.circleAgree {display:flex; align-items:center; gap:4px; }
.circleAgree input {display:none; appearance:none;}
.circleAgree input + label {position:relative; display:block; padding-left:22px; font-size:12px; letter-spacing:-0.5px;  font-weight:500;}
.circleAgree input + label:before {content:''; position:absolute; top:50%; left:0; transform:translate(0,-50%); width:16px; height:16px; border-radius:100%;
background-image:url('/_img/ico_check_wh.png');
background-size:11px;
background-position:center center;
background-repeat:no-repeat;}

.circleAgree.blue input + label {color:#626262;}
.circleAgree.blue input + label:before {background-color:#b8c6de;}
.circleAgree.blue input:checked + label:before {background-color:#0D2270;}
.circleAgree.blue a {font-size:12px; color:#626262;}

.circleAgree.yellow input + label:before  {background-image:url('/_img/ico_check.png');}
.circleAgree.yellow input + label {color:#fff;}
.circleAgree.yellow input + label:before {background-color:#d4dee8;}
.circleAgree.yellow input:checked + label:before {background-color:#FFE102;}
.circleAgree.yellow a {font-size:15px; color:#fff;}

#visual {position:relative;  }
#visual .video {width:100%; /*height:385px;*/ height:250px; display:flex; align-items:center; justify-content:center; overflow:hidden;}
#visual .video video {height:100%;}

.howMuch {padding:35px 0; width:100%; background:#e9edf4;}
.howMuch .tit h2 {font-size:22px; font-weight:700; letter-spacing:-1px; color:#000;}
.howMuch .tit p {margin:10px 0 17px 0; font-size:14px; font-weight:500; letter-spacing:-0.5px; color:#494949;}
.howMuch .formList li {margin-bottom:8px; display:flex; align-items:center; gap:16px;}
.howMuch .formList li:last-child {margin-bottom:0;}
.howMuch .formList li label {font-size:15px; font-weight:500; color:#000;}
.howMuch .formList li input {padding:11px 17px; border:1px solid #E0E0E0; border-radius:7px; font-size:15px; color:#000; width:100%;}
.howMuch .formList li input::placeholder {color:#ababab;}
.howMuch button.submitBtn {width:100%; padding:15px 0 17px 0; background:#0d2270; border-radius:8px; font-size:16px; color:#fff; font-weight:700; letter-spacing:-0.5px; text-align:center;}
.howMuch button.submitBtn:hover {background:#051551;}
.howMuch .circleAgree {margin:24px 0 15px 0; justify-content:start; }


.mcar{margin:50px 0 60px 0;}
.mcar .inner{padding:0;}
.mcar .title  {padding:0 20px;}
.mcar .title h3 {font-size:15px; font-weight:600; letter-spacing:-0.5px;}
.mcar .title h2 {margin:12px 0 40px 0; font-size:24px; font-weight:700; letter-spacing:-0.5px; color:#24303d; line-height:1.4;}
.mcar .mcarList {padding:0 20px;}
.mcar .mcarList .list {display:grid; grid-template-columns:1fr 1fr; gap:15px 13px;}
.mcar .mcarList .list a{position: relative; border-bottom: none; border-radius: 15px; background: #fff; overflow: hidden; box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.05);}
.mcar .mcarList .img{display: flex; justify-content: center; align-items: center; width: 100%; height: 118px; overflow: hidden; text-align: center;}
.mcar .mcarList .img img{width: 100%; object-fit: contain;}
.mcar .mcarList .swiper-slide:hover .img img, .mcar .mcarList .swiper-slide:focus .img img{	transform:scale(1.05); transition: all 0.3s;}
.mcar .mcarList .info{position:relative; padding:12px; border-right:1px solid #eee; border-left:1px solid #eee;}
.mcar .mcarList .info h5{color: #333; font-size: 15px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.mcar .mcarList .info h6{position:absolute; top:-12px; right:10px; padding:6px 10px; display:inline-block; font-size:11px; font-weight:700; color:#fff; background:#0D2270; border-radius:30px;}
.mcar .mcarList .info .price{margin-top: 7px;}
.mcar .mcarList .info .price li{display: flex; justify-content: space-between; align-items: center; margin-top: 3px; color: #7A7A7A; font-size: 12px; font-weight: 500;}
.mcar .mcarList .info .price li:nth-child(1) .emph{color: #7a7a7a; font-size: 14px; font-weight: 500;}
.mcar .mcarList .info .price li:nth-child(2) {color: #0072FF; font-size: 12px; font-weight: 700;}
.mcar .mcarList .info .price li:nth-child(2) .emph{color: #0072FF; font-size: 16px; font-weight: 700;}
.mcar .mcarList .info .price li .emph{letter-spacing: -0.5px; line-height: 20px;}
.mcar .mcarList .info .price .won {display:flex; align-items:center; gap:1px;}
.mcar .mcarList .bottom div{position:relative; width: 100%; padding:9px 0; background:#0072FF; border-radius: 0 0 15px 15px; text-align: center;color: #fff; font-size: 12px; font-weight: 600; overflow:hidden;}
.mcar .mcarList .bottom div:before{display: block; position: absolute; left: -130%; bottom: 0; content: ""; width: 120%; height: 150%; background: #0D2270; 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;}
.mcar .mcarList .bottom div:hover:before {left:0;}
.mcar .mcarList .bottom div span {position:relative; z-index:1;}


.mvalue {padding:50px 0 60px 0; background:#F7F8FB; }
.mvalue h3 {font-size:15px;font-weight:700; line-height:1.5; letter-spacing:-0.5px;}
.mvalue h2 {margin:12px 0 30px 0; font-size:24px; font-weight:700; letter-spacing:-1px; line-height:1.5; }

.mmember {margin:50px 0 60px 0; }
.mmember .inner {padding:0;}
.mmember .tit  {padding:0 20px; color:#24303D; letter-spacing:-0.5px;}
.mmember .tit h3 {font-size:15px; font-weight:500;}
.mmember .tit h2 {margin:12px 0 40px 0; font-size:24px; font-weight:700; letter-spacing:-1px;}

.mmember .memRight {}
.mmember .memRight  .memberSwiper {padding:0 20px; }
.memberSwiper .list {border-radius:11px; overflow:hidden; background:#626262;}
.memberSwiper .list .img {width:100%; height:177px; overflow:hidden; display:flex; align-items:flex-start; justify-content:center;}
.memberSwiper .list .txt {padding:11px; color:#fff;}
.memberSwiper .list .txt h3 {padding:0; margin-bottom:6px; font-size:15px; font-weight:700; letter-spacing:-0.7px;}
.memberSwiper .list .txt p {width:100%; height:75px; font-size:11px; line-height:1.4; font-weight:400; letter-spacing:-0.6px; word-break:keep-all; opacity:0.8;}

.standard {padding:50px 0 60px 0; background:#F9FAFC; color:#24303D;}
.standard .img {margin:40px auto 50px auto; max-width:280px;}
.standard h3 {font-size:23px; font-weight:700; letter-spacing:-0.5px; line-height:1.5; }
.standard h2 {font-size:26px; font-weight:700; letter-spacing:-1px; line-height:1.6;}
.standard p {margin-top:10px; font-size:14px; font-weight:500; letter-spacing:-0.5px; color:#7a7a7a;}

.msafe {padding:50px 0 60px 0; background:#F7F8FB;}
.msafe .inner {padding:0;}
.msafe .mtit {padding:0 20px;}
.msafe .mtit h2 {margin:0 0 40px 0; font-size:24px; color:#24303d; line-height:1.5;}

.msafe .msafeSwiper.swiper {padding:0 15px;}
.msafe .msafeSwiper .list { padding:32px 0; border-radius:20px; text-align:center; color:#fff; width:225px;}
.msafe .msafeSwiper .list h3 {padding:0; font-size:21px; font-weight:700; letter-spacing:-1px; }
.msafe .msafeSwiper .list p {font-size:14px; font-weight:500; letter-spacing:-0.5px; line-height:1.5; height:40px;}
.msafe .msafeSwiper .list .img {width:80px; margin:20px auto;}
.msafe .msafeSwiper .list.bg1 {background:#24303D;}
.msafe .msafeSwiper .list.bg2 {background:#70B1FA;}
.msafe .msafeSwiper .list.bg3 {background:#E9EDF4; color:#24303D;}
.msafe .msafeSwiper .list.bg3 h3 {color:#24303D;}

.rv.user {display:flex; justify-content:space-between; align-items:center;}
.rv.user .name {display:flex; align-items:center; font-size:14px; color:#ababab; font-weight:500; letter-spacing:-0.5px; }
.rv.user .name .ico {max-width:22px; margin-right:5px;}
.rv.user .star {display:flex;}
.rv.user .star span {display:block; width:20px; height:20px; background:url('/_img/ico_star.png') no-repeat; background-size:contain;}
.rv.user .star span.off {filter:grayscale(1);}

.mreview {padding:50px 0 60px 0;  }
.mreview .mrWrap {position:relative;}
.mreview .mtit {text-align:center;}
.mreview .mtit h4 {font-size:13px; font-weight:500; color:#7a7a7a; letter-spacing:-0.5px;}
.mreview .mtit h2 {margin:10px 0 40px 0; font-size:22px; }
.mreview .swiper {margin-right:-5px; margin-left:-5px;}
.mreview .list  {padding:0 5px 7px 5px; }
.mreview .list a {display:block; border-radius:16px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1); overflow:hidden; min-height:402px;
display:flex; flex-direction:column; justify-content:end;}
.mreview .list .img {width:100%; height:250px;}
.mreview .list .txt {padding:20px 17px;}
.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:14px; line-height:1.5; color:#ababab;
overflow: hidden; text-overflow: ellipsis; word-break: break-word; height:42px;
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.mreview .mrarrow {position:absolute; top:50%; transform:translate(0,-50%);  width:28px; height:28px;  z-index:99;  cursor:pointer;}
.mreview .mrarrow.mr-next { right:-11px; filter:drop-shadow(2px 2px 3px rgba(0 0 0 / 15%));}
.mreview .mrarrow.mr-prev { left:-11px; transform:translate(0,-50%) rotate(-180deg); filter:drop-shadow(-2px -2px 3px rgba(0 0 0 / 15%));}

#board .mreview {padding:0;}
#board .mreview .mtit  {margin:16px 0 50px 0;}
#board .mreview .mtit h2 {margin:10px 0 0 0;}
#board .mreview .list {margin-bottom:30px;}

.layerPopup .close.circle { position:absolute; top:-15px; right:20px; width:40px; height:40px; background:#0D2270;  border-radius:100%;
display:flex; align-items:center; justify-content:center; color:#fff;}
.layerPopup .close.circle span {font-size:20px; }

#consultForm.layerPopup .layerBody {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:90%; max-width:400px;  z-index:999; height:fit-content; border-radius:14px; }
#consultForm .mCounselBox {padding:30px 20px; background:#fff; border-radius:14px; overflow:hidden;}
#consultForm .mCounselBox h3 {margin-bottom:20px;  text-align:center;  font-size:22px; font-weight:700; letter-spacing:-1px; color:#313131;}
#consultForm .mCounselBox li {margin-bottom:10px; display:flex; flex-direction:column; gap:5px;}
#consultForm .mCounselBox li:last-child {margin:0; }
#consultForm .mCounselBox li label {display:flex; align-items:end; gap:3px; font-size:14px; color:#444; font-weight:500; }
#consultForm .mCounselBox li label .ns {font-size:12px; color:#EC1C24;}
#consultForm .mCounselBox li input {padding:8px 0; font-size:13px; font-weight:400; letter-spacing:-0.5px; color:#000; border-bottom:1px solid #f2f2f2;}
#consultForm .mCounselBox li input:placeholder {color:#939393;}
#consultForm .mCounselBox .circleAgree {margin:20px 0 15px 0; gap:6px;}
#consultForm .mCounselBox .circleAgree a {display:inline-block; padding:4px 6px; font-size:10px; border-radius:3px; background:#494949; color:#fff;}
#consultForm .btnSet button {padding:12px 0; width:100%;  border-radius:7px; background:#176AF0; font-size:16px; font-weight:800; color:#fff; text-align:center; letter-spacing:-0.5px;}