/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */

.dark-mode header{ background: #121212;}
.dark-mode header nav{ background: #121212;}
.dark-mode header div.inner_wrap nav ul li a{ color: #fff;}
.dark-mode header div.inner_wrap h1 a img{ filter: brightness(0) invert(1);}
.dark-mode header div.nav_btn button span{ background: #fff;}
.dark-mode section.process div.grid_wrap div.img_wrap div.txt_wrap{ background: #121212;}
.dark-mode section.process div.grid_wrap div.img_wrap div.txt_wrap p.desc{ color: #fff;}
.dark-mode section.main_review{ background: #313131;}
.dark-mode section.main_review .review_title > span{ color: #fff;}
.dark-mode section.main_review .review_title b{ color: #fff;}
.dark-mode section.main_review .countbox ul li span.counter_txt2{ color: #fff;}
.dark-mode section.main_review .countbox ul li span.counter2{ color: #fff;}
.dark-mode section.main_review .countbox .post_ctrl span img{ filter: brightness(0) invert(1);} 
.dark-mode div.review_head h2{ color: #fff;}
.dark-mode div.review_head p.desc{ color: #ccc;}
.dark-mode .eyoom-form .checkbox, .eyoom-form .radio{ color: #ccc;}
.dark-mode .eyoom-form a{ color: #fff;}
.dark-mode .board-view .board-view-subj{ color: #fff;}
.dark-mode .eyoom-form .label{ color: #fff;}
.dark-mode section.step div.tab_wrap ul li a{ color: #fff;}
.dark-mode section.step div.info_wrap div.flex_wrap div.chk_list ul li{ color: #fff;}
.dark-mode section.step4 div.table div.line div.th{ color: #fff; background: #252525;}
.dark-mode section.step4 div.table div.line div.td ul{ background: #121212;}
.dark-mode .board-webzine .webzine-item .webzine-desc h4 a{ color: #fff;}
.dark-mode .eyoom-form .input input, .eyoom-form .select select, .eyoom-form .textarea textarea{ color: #fff; background: #252525;}
.dark-mode .eyoom-form .input input::placeholder{ color: #fff;}
.dark-mode .board-write .write-edit-wrap #wr_content{ color: #fff; background: #252525;}
.dark-mode .footer-cont-info span{ color: #fff;}
.dark-mode .text-black{ color: #fff!important}
.dark-mode .footer-right-nav a{ color: #fff;} 
.dark-mode .footer-copyright{ color: #fff;}
.dark-mode .footer-cont-info a{ color: #fff;}
.dark-mode section.visual div.view_box{ background: #252525;}
.dark-mode section.consult_box{ background: #252525;}
.dark-mode section.service h2{ color: #fff;}
.dark-mode .tbl_counsel li.input.phoneinput label.tit{ color: #fff;}
.dark-mode .btn_terms img{ filter: brightness(0) invert(1);}

.dark-mode div.dark_wrap{ background: #434343;}
.dark-mode div.dark_wrap button div.moon img{ filter: brightness(0) invert(1);}
.dark-mode div.dark_wrap button span.circle{ left: 44px;}

@media(min-width: 1180px){
	div.dark_wrap{ z-index: 99; position: absolute; right: 185px; top: 50%; transform: translateY(-50%); width: 84px; border-radius: 99px; background: #fdfdfd;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);}
	div.dark_wrap button{ position: relative; display: flex; justify-content: space-between; width: 100%; height: 100%; padding: 10px 15px;}
	div.dark_wrap button span.circle{ z-index: -1; content: ""; position: absolute; left: 9px; top: 50%; transform: translateY(-50%); display: block; width: 30px; height: 30px;
	border-radius: 999px; background: #ffbd27; transition: all 0.3s;}
	div.dark_wrap button div{ width: 18px;}
	div.dark_wrap button div img{ display: block; width: 100%;}
	div.dark_wrap button div.sun img{ filter: brightness(0) invert(1);}

	header{ z-index: 99; position: fixed; left: 0; top: 0; width: 100%; height: 90px; box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.5); background: #ffcd4a;}
	header div.inner_wrap{ max-width: 1500px;}
	header div.top_ban{ width: 160px;}
	header div.top_ban img{ display: block; width: 100%;}
	header div.inner_wrap h1{ width: 270px;}
	header div.inner_wrap h1 a{ display: block; width: 100%;}
	header div.inner_wrap h1 a img{ display: block; width: 100%; filter: brightness(0) invert(0);}
	header div.inner_wrap{ display: flex; justify-content: space-between; align-items: center;} 
	header div.inner_wrap nav{ display: block !important;}
	header div.inner_wrap nav ul{ display: flex;}
	header div.inner_wrap nav ul li a{ padding: 0 15px; font-size: 18px; font-weight: 500; line-height: 90px;}
	header div.inner_wrap div.call_wrap{ margin-left: 105px; font-weight: bold; font-size: 25px;}

	header div.inner_wrap nav ul li .callwrap{/*float:right;*/}
	header div.inner_wrap nav ul li .callwrap img{width:40px;display:inline-block;margin-top: -3px;margin-right: 5px;}
	header div.inner_wrap nav ul li .callwrap span{display:inline-block; font-size:20px; font-weight:600; font-family: 'GmarketSansMedium';}
	
	header div.nav_btn{ display: none;}
	
	
}
@media(max-width: 1250px){
	header div.top_ban{ display: none;}
}
@media(max-width: 1179px){
	div.dark_wrap{ z-index: 99; position: absolute; right: 60px; top: 50%; transform: translateY(-50%); width: 84px; border-radius: 99px; background: #fdfdfd;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);}
	div.dark_wrap button{ position: relative; display: flex; justify-content: space-between; width: 100%; height: 100%; padding: 10px 15px;}
	div.dark_wrap button span.circle{ z-index: -1; content: ""; position: absolute; left: 9px; top: 50%; transform: translateY(-50%); display: block; width: 30px; height: 30px;
	border-radius: 999px; background: #ffbd27; transition: all 0.3s;}
	div.dark_wrap button div{ width: 18px;}
	div.dark_wrap button div img{ display: block; width: 100%;}
	div.dark_wrap button div.sun img{ filter: brightness(0) invert(1);}

	header{ z-index: 102; position: fixed; left: 0; top: 0; width: 100%; height: 70px; box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.5); background: #ffcd4a;}
	header div.inner_wrap{ display: flex; justify-content: space-between; align-items: center; padding: 0 10px;} 
	header div.inner_wrap h1{ width: 200px;}
	header div.inner_wrap h1 a{ display: block; width: 100%;}
	header div.inner_wrap h1 a img{ display: block; width: 100%; filter: brightness(0) invert(0);}
	header div.call_wrap{ display: none;}
	header div.nav_btn{ position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 22px; height: 18px;}
    header div.nav_btn button{ position: relative; display: block; width: 100%; height: 100%;}
	header div.nav_btn button span{ position: absolute; display: block; width: 100%; height: 2px; background: #000;}
    header div.nav_btn button span:nth-child(1){ left: 0; top: 0; transform: rotate(0); transition: transform 0.2s, top 0.2s 0.2s;}
    header div.nav_btn button span:nth-child(2){ left: 0; top: 8px; transition: opacity 0.3s;}
    header div.nav_btn button span:nth-child(3){ left: 0; top: 16px; transform: rotate(0); transition: transform 0.2s, top 0.2s 0.2s;}
    header div.nav_btn.on button span:nth-child(1){ top: 8px; transform: rotate(-45deg); transition: top 0.2s, transform 0.2s 0.2s;}
    header div.nav_btn.on button span:nth-child(2){ opacity: 0;}
    header div.nav_btn.on button span:nth-child(3){ top: 8px; transform: rotate(45deg); transition: top 0.2s, transform 0.2s 0.2s;}

    header nav{ z-index: 102; position: fixed; visibility: hidden; left: 0; top: 70px; display: flex; align-items: center; justify-content: center;  flex-direction: column; width: 100%;
    height: calc(100vh - 72px); padding: 30px 10px; background: #ffcd4a; opacity: 0;}
    header nav > ul > li a{ display: block; padding: 15px 10px; color: #000; font-size: 16px; font-weight: 500; text-align: center;}
    header nav.on{ visibility: visible; animation: nav_fade_in 0.6s forwards;}
    header nav.on > ul > li{ animation: to-top 0.3s forwards; opacity: 0;}
    header nav.on > ul > li:nth-child(1){ animation-delay: 0.4s;}
    header nav.on > ul > li:nth-child(2){ animation-delay: 0.45s;}
    header nav.on > ul > li:nth-child(3){ animation-delay: 0.5s;}
    header nav.on > ul > li:nth-child(4){ animation-delay: 0.55s;}
    header nav.on > ul > li:nth-child(5){ animation-delay: 0.6s;}
    header nav.on > ul > li:nth-child(6){ animation-delay: 0.65s;}
    header nav.off{ visibility: hidden; transition: visibility 0.5s 0.6s; opacity: 1; animation: nav_fade_out 0.5s 0.6s forwards;}
    header nav.off > ul > li{ opacity: 1; animation: nav_close_menu 0.3s forwards;}
    header nav.off > ul > li:nth-child(1){ animation-delay: 0.1s;}
    header nav.off > ul > li:nth-child(2){ animation-delay: 0.15s;}
    header nav.off > ul > li:nth-child(3){ animation-delay: 0.2s;}
    header nav.off > ul > li:nth-child(4){ animation-delay: 0.25s;}
    header nav.off > ul > li:nth-child(5){ animation-delay: 0.3s;}
    header nav.off > ul > li:nth-child(6){ animation-delay: 0.35s;}
    header nav ul li ul{ display: none;}
    header nav.on div.log_wrap{ animation: to-top 0.3s 0.7s forwards; opacity: 0;}
    header nav.off div.log_wrap{ opacity: 1; animation: nav_close_menu 0.3s 0.4s forwards;}



    @keyframes nav_fade_in{
        0%{ opacity: 0;}
        100%{ opacity: 1;}
    }
    @keyframes nav_fade_out{
        0%{ opacity: 1;}
        100%{ opacity: 0;}
    }
    @keyframes nav_close_menu{
        0%{ opacity: 1;}
        100%{ transform: translateY(-100px); opacity: 0;}
    }
    @keyframes to-top{
        0%{ transform: translateY(100px); opacity: 0;}
        100%{ transform: translateY(0); opacity: 1;}
    }
}

@media(min-width: 992px){
	section.visual{ padding-top: 90px;}
	section.visual div.view_box{ display: flex; width: max-content; padding: 12px 0; background: #fff; animation: marque1 45s infinite linear;}
	section.visual div.view_box.reverse{ position: relative; right: 0; animation: marque2 45s infinite linear;}
	section.visual div.view_box div.marque{}
	section.visual div.view_box div.marque ul{ display: flex; gap: 30px; white-space: nowrap;}
	section.visual div.view_box div.marque ul li{ font-weight: bold;}
	
	@keyframes marque1{
		0%{ transform: translateX(0);}
		100%{ transform: translateX(-50%);}
	}
	
	@keyframes marque2{
		0%{ transform: translateX(-50%);}
		100%{ transform: translateX(0%);}
	}
	
	section.user{ padding-top: 60px;}
	section.user div.inner_wrap{ display: flex; gap: 30px;}
	section.user div.inner_wrap > div{ width: 33.3333%;}
	
	section.service{ padding: 60px 10px;}
	section.service h2{ margin-bottom: 70px; font-weight: bold; font-size: 42px; color: #000;}
	section.service div.info_wrap ul{ display: flex; width: 100%;}
	section.service div.info_wrap ul li{ position: relative; width: 25%; filter: grayscale(1); transition: all 0.6s;}
	section.service div.info_wrap ul li:hover{ transform: translateY(-40px); filter: grayscale(0);}
	section.service div.info_wrap ul li:nth-child(1){ background: url("/img/service_bg1.jpg") no-repeat 50% 50%;}
	section.service div.info_wrap ul li:nth-child(2){ background: url("/img/service_bg2.jpg") no-repeat 50% 50%;}
	section.service div.info_wrap ul li:nth-child(3){ background: url("/img/service_bg3.jpg") no-repeat 50% 50%;}
	section.service div.info_wrap ul li:nth-child(4){ background: url("/img/service_bg4.jpg") no-repeat 50% 50%;}
	section.service div.info_wrap ul li a{ display: block; width: 100%; padding-top: 144.1025%;}
	section.service div.info_wrap ul li a p.tit{ position: absolute; left: 35px; bottom: 50px; font-weight: bold; font-size: 32px; color: #fff;}
	section.service div.info_wrap ul li a span{ position: absolute; left: 35px; top: 50px; font-weight: 500; font-size: 18px; color: #fff; writing-mode: sideways-lr;}
	section.service div.info_wrap ul li div.arr{ position: absolute; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; background: #fff;
	transform: translateY(20px); opacity: 0; transition: all 0.7s;}
	section.service div.info_wrap ul li:hover div.arr{ transform: translateY(0); opacity: 1;}
	

}

@media(max-width: 991px){
	
	section.visual{ padding-top: 70px;}
	section.visual div.view_box{ display: flex; width: max-content; padding: 12px 0; background: #fff; animation: marque1 35s infinite linear;}
	section.visual div.view_box.reverse{ animation: marque2 35s infinite linear;}
	section.visual div.view_box div.marque{}
	section.visual div.view_box div.marque ul{ display: flex; gap: 30px; white-space: nowrap;}
	section.visual div.view_box div.marque ul li{ font-weight: bold;}
	
	@keyframes marque1{
		0%{ transform: translateX(0);}
		100%{ transform: translateX(-50%);}
	}
	
	@keyframes marque2{
		0%{ transform: translateX(-50%);}
		100%{ transform: translateX(0%);}
	}
	
	section.user{ padding: 60px 10px 0;}
	section.consult_box{ padding: 60px 10px 0;}
	section.user div.counsel_wrap{ margin-bottom: 20px;}
	
	section.service{ padding: 60px 10px;}
	section.service h2{ margin-bottom: 30px; font-weight: bold; font-size: 24px; color: #000;}
	section.service div.info_wrap ul{ display: flex; flex-wrap: wrap; width: 100%;}
	section.service div.info_wrap ul li{ position: relative; width: 50%;}
	section.service div.info_wrap ul li:nth-child(1){ background: url("/img/service_bg1.jpg") no-repeat 50% 50%;}
	section.service div.info_wrap ul li:nth-child(2){ background: url("/img/service_bg2.jpg") no-repeat 50% 50%;}
	section.service div.info_wrap ul li:nth-child(3){ background: url("/img/service_bg3.jpg") no-repeat 50% 50%;}
	section.service div.info_wrap ul li:nth-child(4){ background: url("/img/service_bg4.jpg") no-repeat 50% 50%;}
	section.service div.info_wrap ul li a{ display: block; width: 100%; padding-top: 144.1025%;}
	section.service div.info_wrap ul li a p.tit{ position: absolute; left: 20px; bottom: 20px; font-weight: bold; font-size: 24px; color: #fff;}
	section.service div.info_wrap ul li a span{ display: none;}
	section.service div.info_wrap ul li div.arr{ display: none;}
}

/*250522 css 추가!*/
@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */

.container-main{margin-top:-60px;}
@media (max-width: 991px) {
	.container-main{width:95%;}
	.container3{width:95%}
	.container4{margin-bottom:100px;}
}

/*메인페이지 상단 타이틀*/
.sec_title {width:100%; text-align:center; /*margin:30px 0 20px;*/ font-family: 'GmarketSansBold';font-size: 24px; color:#000; letter-spacing: -1px;}
.sec_title span {color: #6b5c46;}
.sec_title2 {background-color:#fff;margin-bottom:35px;border-radius:25px 25px 25px 25px;border:2px solid #644a3b;}
.sec_title3 {background-color:#fff;border-radius:25px 25px 25px 25px;border:2px solid #644a3b;}
.sec_title img {display:inline-block;width: 28px;margin-right: 5px;margin-top: -5px;}

.sec_title02 {width:100%; text-align:center; margin-bottom:25px;}
.sec_title02 img {display:inline-block;}

.dark-mode .sec_title {color: #fff;}

@media (max-width: 1200px) {
	.sec_title {font-size: 20px;
		/*margin:18px 0 20px*/
	}

	/*.sec_title img {width: 85%;}*/
}


.main_title {text-align: center;}
.main_title h3 {font-weight: 800; color:#00377e; font-size: 36px;}
.main_title h3 span {font-weight: 800; color:#484ace;}
.main_title h3 a {font-weight: 800; color:#00377e;}
.main_title p {font-size: 22px; font-weight: bold; margin: 15px 0;}

 @media (max-width: 992px) {
	.main_title h3 {font-size: 22px;}
	.main_title p {font-size: 16px; line-height:18px;}
 }



/*서브페이지 타이틀*/
.title_list {}
.title_list h3 {font-size: 30px; font-weight: 800; color:#000; letter-spacing: -1px;}
.title_list h3 span {color:#00377e; font-weight: 800;}
.title_list p {font-size: 16px; line-height: 24px; font-weight: bold;}
@media (max-width: 992px) {
	
	.title_list {
		padding:0 15px 15px 15px;
	}
	.title_list h3 {
		font-size: 22px;
	}

	.title_list p {
		font-size: 14px;
	}

}

/*메인페이지 상단 컨텐츠*/
.vsl_top {width:100%; height:640px; padding-top:60px; margin-top:100px; 
	background:url('/images/vsl_bg02.jpg') center top;
	background-repeat:no-repeat;
	background-size:cover;
	}
.vsl_top .container {margin-top:00px;position:relative;}
.vsl_top .vsl_top_txt{position:absolute;top:20px;left:25px;}
.vsl_top .vsl_top_txt h2{color:#00377e;font-size:28px;font-weight:900;margin-bottom:25px;text-shadow:}
.vsl_top .vsl_top_txt h1{color:#00377e;font-size:45px;font-weight:600;margin-bottom:35px;font-family: 'yg-jalnan';}
.vsl_top .vsl_top_txt h1 span{color:#0094f7;font-size:50px;font-weight:800;font-family: 'yg-jalnan';}
.vsl_top .vsl_top_txt h5{color:#000;font-size:22px;line-height:29px;font-weight:600;}



@media (min-width: 1200px) {
	.vsl_top {
		width:100%;
		height: 640px;
	}
}

@media (max-width: 1200px) {
	.vsl_top {
		height: 685px;
	}
}
@media (max-width: 991px) {
	.vsl_top {
		padding: 30px 0;
		height: auto;
		background:url('/images/vsl_bg.jpg') bottom top;
		background-size: cover;
		margin-top:0;
	}
	.vsl_top .container {margin-top:0px;}
}

.top_sec01 {width:100%; position:relative; /*padding-top:60px; margin-right:90px;*/ float:right;}
.top_sec02 {width:100%; /*margin-right:50px;  margin-left:20px; float:left; */margin-top:0px;}
.top_sec02_1 {width:100%; margin-right:20px;  float:left}
.top_sec03 {width:100%; height:auto;float:left;margin-top:407px;}
/*@media (max-width: 1200px) {
	.top_sec01 {
		width: 380px;
	}

	.top_sec02_1 {
		width: 272px;
	}

	.top_sec03 {
		width: 248px;
	}
}*/
@media (max-width: 991px) {
	.top_sec01, .top_sec02, .top_sec03 {
		width: 100%;
		margin: 0;
		/*padding: 0 15px;*/
		float: none;
	}

	.top_sec01 {margin-bottom:30px;}

	.top_sec02 {margin-top:20px; height: auto;}
	.top_sec02_1 {width:100%; padding: 0 15px; margin-top:30px; height: auto;}
}



	.slider {
		width: 100%;
		position:relative;
	}

	.center .slick-slide {
	  
	}

	.slick-prev:before,
	.slick-next:before {
	  color: black;
	}


	.center .slick-slide {
	  transition: all ease-in-out .3s;
	}

	.center .slick-active {

	}

	.center .slick-current {
	  opacity: 1;
	  box-shadow:2px 0 10px #aaa;
	}
	.center .visual{
		width:auto;
		height:520px;
	}
	.center .visual_bg01{
		background:url('/img/new_visual1.jpg') no-repeat;
		background-size:cover;
	}
	.center .visual_bg02{
		background:url('/img/new_visual2.jpg') no-repeat;
		background-size:cover;
	}
	.center .visual_bg03{
		background:url('/img/new_visual3.jpg') no-repeat;
		background-size:cover;
	}
	.center .visual_bg01 .container{    margin-top: 55px;;position:relative;list-style: none;text-align:left;}
	.center .visual_bg01 h2{color:#fff;font-size:28px;font-weight:900;margin-bottom:25px;text-shadow:}
	.center .visual_bg01 h1{color:#fff;font-size:45px;font-weight:600;margin-bottom:35px;font-family: 'yg-jalnan';}
	.center .visual_bg01 h1 span{color:#fff;font-size:50px;font-weight:800;font-family: 'yg-jalnan';}
	.center .visual_bg01 h5{color:#000;font-size:22px;line-height:29px;font-weight:600;}

	.center .visual_bg02 .container{    margin-top: 55px;;position:relative;list-style: none;text-align:left;}
	.center .visual_bg02 h2{color:#00377e;font-size:28px;font-weight:900;margin-bottom:25px;text-shadow:}
	.center .visual_bg02 h1{color:#00377e;font-size:45px;font-weight:600;margin-bottom:35px;font-family: 'yg-jalnan';}
	.center .visual_bg02 h1 span{color:#0094f7;font-size:50px;font-weight:800;font-family: 'yg-jalnan';}
	.center .visual_bg02 h5{color:#000;font-size:22px;line-height:29px;font-weight:600;}

	/*.center .visual_bg02 .container{    margin-top: 55px;;position:relative;list-style: none;text-align:left;}
	.center .visual_bg02 h2{color:#fff;font-size:28px;font-weight:900;margin-bottom:25px;text-shadow:}
	.center .visual_bg02 h1{color:#fff;font-size:45px;font-weight:600;margin-bottom:35px;font-family: 'yg-jalnan';}
	.center .visual_bg02 h1 span{color:#ccdeff;font-size:50px;font-weight:800;font-family: 'yg-jalnan';}
	.center .visual_bg02 h5{color:#fff;font-size:22px;line-height:29px;font-weight:600;}*/

	.center .visual_bg03 .container{    margin-top: 55px;;position:relative;list-style: none;text-align:left;}
	.center .visual_bg03 h2{color:#00377e;font-size:28px;font-weight:900;margin-bottom:25px;text-shadow:}
	.center .visual_bg03 h1{color:#00377e;font-size:45px;font-weight:600;margin-bottom:35px;font-family: 'yg-jalnan';}
	.center .visual_bg03 h1 span{color:#0094f7;font-size:50px;font-weight:800;font-family: 'yg-jalnan';}
	.center .visual_bg03 h5{color:#000;font-size:22px;line-height:29px;font-weight:600;}

	@media(max-width:1780px){
		.center .visual_bg01 .container{margin-top: 55px;position:relative;left:60px;list-style: none;text-align:left;}
		.center .visual_bg02 .container{margin-top: 55px;position:relative;left:60px;list-style: none;text-align:left;}
	}
	@media(max-width:1650px){
		.center .visual_bg01 .container{margin-top: 55px;position:relative;left:20px;list-style: none;text-align:left;}
		.center .visual_bg02 .container{margin-top: 55px;position:relative;left:20px;list-style: none;text-align:left;}
	}
	@media(max-width:991px){
		.center .visual_bg01{
			background-size:cover;
			width: 100%;
			background-size: cover;
			height: 240px;
			background-position: center;
		}

		.center .visual_bg02{
			background-size:cover;
			width: 100%;
			background-size: cover;
			height: 240px;
			background-position: center;
		}
	}
	@media(max-width:700px){
		.center .visual_bg01{height: 200px;}
		.center .visual_bg02{height: 200px;}
		.center .visual_bg03{height: 200px;}
	}@media(max-width:600px){
		.center .visual_bg01{height: 165px;}
		.center .visual_bg02{height: 165px;}
		.center .visual_bg03{height: 165px;}
	}@media(max-width:500px){
		.center .visual_bg01{height: 130px;}
		.center .visual_bg02{height: 130px;}
		.center .visual_bg03{height: 130px;}
	}@media(max-width:400px){
		.center .visual_bg01{height: 110px;}
		.center .visual_bg02{height: 110px;}
		.center .visual_bg03{height: 110px;}
	}


	


	/***/
	.center2 .slick-slide {
	  margin: 0px 0px;
	}

	.center2 .slick-slide {
	  transition: all ease-in-out .3s;
	  opacity: .5;
	}

	.center2 .slick-active {
	  opacity: .5;
	}

	.center2 .slick-current {
	  opacity: 1;
	  box-shadow:2px 0 10px #aaa;
	}
	.center2 .visual{
		width:auto;
		height:150px;
	}
	.center2 .visual_bg01{
		background:url(/images/m_new_visual_01.jpg) no-repeat;
		background-size:cover;
		background-position: center center;
	}
	.center2 .visual_bg02{
		padding:20% 10%;
		font-size:26px;
		color:#222;
		letter-spacing:-0.05em;
		background:url(/images/vsl_bg02.jpg) no-repeat;
		background-size:cover;
		background-position: center center;
	}
	.center2 .visual_bg02 h1{
		/*margin:15px 0;*/
		/*line-height:54px;*/
		font-weight:800;
		color:#95c807;
		text-shadow: 2px 0 10px #000;
		font-size: 30px;
	}
	.center2 .visual_bg02 h1 span{
		color:#366aea;
	}
	.center2 .visual_bg02 h2{
		color:#fff;
		font-weight:800;
		font-size: 24px;
		margin: 0;
		/*text-shadow:2px 2px 5px #aaa;*/
	}
	.center2 .visual_bg02 h4{
		font-size: 15px;
		margin-bottom:0px;
		color: #fff;
	}
	.center2 .visual_bg02 p{
		font-size:18px;
		color: #fff;
	}
	.center2 .visual_bg03{
		background:url(/images/vsl_bg02.jpg) no-repeat;
		background-size:cover;
		background-position: center center;
	}
	.center2 .visual_bg03 h5{
		color: #fff;
	}

	.center2 .visual_bg03 h1 {
		font-size: 40px;
		line-height: 30px;
		color: #fff;
	}
	.center2 .visual_bg03 p {
		color: #fff;
	}
	.center2 .visual.vtxt{
		padding:16px 20px;
		font-size:28px;
		color:#fff;
		letter-spacing:-0.06em;
		text-shadow:2px 2px 4px #333;
		margin-top: 70px;
	}
	.center2 .visual.vtxt p{
		font-size:12px;
	}
	.center2 .visual.vtxt h1{
		margin:0;
		font-weight:800;
		text-shadow:3px 4px 4px rgba(0,0,0,0.4);
		font-size: 24px;
	}
	.center2 .visual.vtxt h1 span{
		color:#ffbe22;
	}
.center2 .slick-prev,
.center2 .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 70px;
    height: 70px;
    padding: 0;
	margin-top: 30px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: url(/images/arrow_bg.png) no-repeat;
	z-index:99;
}
	.center2 .slick-prev
	{
		left: 0%;
		background-position:top right;
	}
	.center2 [dir='rtl'] .slick-prev
	{
		right: 0%;
		left: auto;
	}

	.center2 .slick-next
	{
		right: 0%;
		background-position:bottom right;
	}
	.center2 [dir='rtl'] .slick-next
	{
		right: auto;
		left: 0%;
	}
	.regular img{
		width:100%;
		margin-top:-38.5px;
	}
	.vertical .slick-prev,
	.vertical .slick-next,
	.regular .slick-prev,
	.regular .slick-next {
	  display:none !important;
	}
	/**/
.pc_ver {display:block !important;}
.mobile_ver {display:none !important;}
@media (max-width: 991px) {
	.pc_ver {display:none !important;}
	.mobile_ver {display:block !important; }
}
/* --------------------------------------------
 * container
/* ------------------------------------------ */
.visual_wrap{ width:100%; position:relative; min-width:1200px;}
.visual_wrap .consult_box{ width: 400px; position: absolute;top: 23%; right: 156%; background:#fff; z-index:990;
border-radius:25px; box-shadow:0 0 20px rgba(0,0,0,0.4);}

.visual_wrap .consult_box2{ width: 436px; position: absolute;top: 77%; left: 16%;  z-index:990;
border-radius:25px; box-shadow:0 0 20px rgba(0,0,0,0.4);}

.visual_wrap .consult_box2 .top_secs03 {width:436px;height:113px;float:left;}

@media (min-width: 1950px) {
	.visual_wrap .consult_box{ right: 19%;}
	.visual_wrap .consult_box2{ left: 19%;}
}
@media (min-width: 2300px) {
	.visual_wrap .consult_box{ right: 22%;}
	.visual_wrap .consult_box2{ left: 23%;}
}


@media (max-width: 1920px) {
	.visual_wrap .consult_box{ right: 16%;}
	.visual_wrap .consult_box2{ left: 16%;}
}
@media (max-width: 1750px) {
	.visual_wrap .consult_box{ right: 13%;}
	.visual_wrap .consult_box2{ left: 16%;}
}
@media (max-width: 1650px) {
	.visual_wrap .consult_box{ right: 9%;}
	.visual_wrap .consult_box2{ left: 9%;}
}
@media (max-width: 1200px) {
	.visual_wrap .consult_box2 .top_secs03 {}
}
@media (max-width: 991px) {
	.visual_wrap .consult_box2 .top_secs03 {width: 90%;margin: 0 auto;float: none;}
}


.visual_wrap .consult_box .consult_tit .icon {position:absolute; top:0px; right:20px;}

.visual_wrap .consult_box .consult_tit .req_title {width:100%; float:left; padding:35px 25px 10px 25px;}

.visual_wrap .consult_box .consult_tit .req_title h3 {font-family: 'yg-jalnan'; font-size: 28px; color:#000; margin:0;}
.visual_wrap .consult_box .consult_tit .req_title h3 span {font-family: 'yg-jalnan'; color:#00377e}
.visual_wrap .consult_box .consult_tit .req_title p {font-size: 15px; color:#222; font-weight: bold; margin:18px 0 7px;}
.visual_wrap .consult_box .consult_tit .req_title p span{font-size: 14px; color:#666; font-weight: 400;}

.visual_wrap .consult_box .consult_tit{}
.visual_wrap .consult_box .consult_tit h1{letter-spacing:-0.08em; font-weight:600; margin-bottom: 5px; font-size: 30px; font-family: 'GmarketSansBold';}
.visual_wrap .consult_box .consult_tit h3, .visual_wrap .consult_box .consult_tit h4{font-weight:600; margin:0; font-size: 14px; line-height: 18px;}
.visual_wrap .consult_box ul li{width:100%;}
.visual_wrap .consult_box form{padding:10px; border-radius:5px;}
.visual_wrap .consult_box form button{width:100%; margin-top:5px; height: 44px; border-radius: 5px; color: #fff; font-family: 'GmarketSansMedium'; font-size: 18px; background: #366aea; border:0;}
.visual_wrap .consult_box .proClick{padding:0 22px; margin-top:10px; height:55px; line-height:55px; font-size:20px; font-family: 'GmarketSansMedium'; font-weight:600; color:#293154;
border: 1px solid #293154; background:url(/images/click_icon.png) no-repeat 93% center; border-radius: 5px; cursor:pointer;}
.visual_wrap .consult_box form .tbl_counsel li.call span {
    float: right;
    padding-left: 10px;
    display: inline-block;
    vertical-align: middle;
    font-size: 28px;
    line-height: 48px;
}

.visual_wrap .processPop{
	right:28%;
	top:560px;
	width:550px;
	background:#fff;
	border:2px solid #293154;
	border-radius:10px;
	position:absolute;
	z-index:999;
}
.visual_wrap .processPop .proTop{
	padding:30px;
	color:#293154;
}
.visual_wrap .processPop .proTop h1{
	padding:5px 0 10px;
	font-weight:600;
	border-bottom:1px solid #666;
}
.visual_wrap .processPop .proTop h2 .pclose{
	width:36px;
	height:36px;
	background:url(/images/pclose_icon.png) no-repeat;
	display:inline-block;
	float:right;
	cursor:pointer;
}
.visual_wrap .processPop .proTop p{
	margin-top:30px;
	height:400px;
	background:url(/images/process_bg01.png) no-repeat center top;
	background-size:100% auto;
}
.visual_wrap .processPop .proBtm{
	padding:25px;
	background:#f6f6f6;
	border-radius:0 0 10px 10px;
}
.visual_wrap .processPop .proBtm h2{
	margin-bottom:10px;
	font-weight:600;
}
.visual_wrap .processPop .proBtm p{
	line-height:20px;	
}

@media(max-width: 1179px){
	.visual_wrap {
		margin:0;
		min-width: 100%;
		/*background:url(/images/vsl_bg02.jpg) no-repeat;*/
		background-size:cover;
		background-position: center center;
	}
}

@media (max-width: 991px) {
	
	.visual_wrap .consult_box {
		width:90%;
		position: static;
		top: 0;
		right: 0;
		margin: 20px auto 0;
	}
	.visual_wrap .consult_box2 {
		width:100%;
		position: static;
		top: 0;
		right: 0;
		margin: 20px auto 0;
		 box-shadow:none;
	}
}

/* --------------------------------------------
 * 내차팔기 상담신청
/* ------------------------------------------ */

.top_sec01 .icon {position:absolute; top:0px; right:20px;display:none;}

.req_title {width:100%; /*float:left;*/ padding:10px 0 10px 0; text-align: center; position:relative;}

.req_title h3 { font-family: 'GmarketSansBold'; font-size: 26px; color:#000; margin:0;}
.req_title h3 span { font-family: 'GmarketSansBold'; color:#6b5c46;}
.req_title p {font-family: 'GmarketSansMedium';font-size: 14px;color:#111;font-weight: 200;margin: 3px 0 7px; letter-spacing:-0.8px;}

.m_req_gr {width:100%;height: auto;padding:42px 16px;background: #fffbf2;border: 3px solid #ffbd27;border-radius: 0;position:relative;}
.m_req_gr .ribbon{position:absolute;top: -12px;right: -6px;}
.m_req_gr .ribbon img{width:70px;}
.m_req_gr02 {width:520px; height:340px; background:url(../images/buy/bg_request01.png); float:left }
.req_gr {width:100%;}
.tbl_counsel {width:100%; margin-bottom:0} 
.tbl_counsel li {overflow: hidden;}
.tbl_counsel li.input {width:100%; background: #fff; padding: 8px; margin-bottom: 5px; border-radius: 5px !important; /*overflow: hidden;*/border: 1px solid #ffbd27;box-sizing:border-box; }
.tbl_counsel li label.tit { position: relative; width:23%;font-family: 'GmarketSansMedium';color:#111;text-align:center;margin: 0;padding: 10px;font-size: 15px;font-weight: 400; position:relative;
	padding: 0;border-radius: 15px;line-height: 27px;margin-top: 2px;}
.tbl_counsel li label.tit::before{ content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: block; width: 5px; height: 5px; border-radius: 5px; background: #e51c28}
.tbl_counsel li label.tit:after{content:'';display:block;width:1px;height: 17px;position:absolute;top: 4px;right: -3px;background: #d2d2d2;}
.tbl_counsel li label.tit.letter{letter-spacing:0.5px;}
.tbl_counsel li input {/*border-bottom:1px solid #e7e7e7;padding:0px 0px 0px 15px;*/ text-align:left;  outline:none !important; font-size: 14px;font-weight: 400;color:#888;}
.tbl_counsel li input:placeholder{font-size: 14px;font-weight: 400;color:#888;}
.tbl_counsel li input:focus {outline:none !important; outline:none !important; }
.tbl_counsel li input.input_cs01, .tbl_counsel li input.input_cs02 {background:transparent;}
.tbl_counsel li .btn_center { text-align:center; border-bottom:0; padding:0;}
.tbl_counsel li .terms_agree {padding:10px 0; border-bottom:0; font-weight:600; color:#444 }

.tbl_counsel li.call {margin: 0 auto; display: table;}
.tbl_counsel li.call img {float:left; vertical-align: middle;width:186px;padding-left:0px;}
.tbl_counsel li.call span {float:left; padding-left: 10px; display:inline-block; vertical-align: middle; font-size: 30px; line-height: 48px;}
.tbl_counsel li.call span a {font-weight: bold; color:#00377e;}

.tbl_counsel li.input.phoneinput{padding:0;padding-left:0px;background:none;border:none;margin: 0 -3px;width: 102%;}
.tbl_counsel li.input.phoneinput label.tit{margin-top:2px; text-align:left;margin-left:10px; padding-left: 9px;}
.tbl_counsel li.input.phoneinput label.tit:after{display:none;}
.tbl_counsel .inputwrap {display:flex; width:100%;height:45px; /*float:right;margin-left:-4px;margin-right:-4px;*/}
.tbl_counsel .inputwrap .inputdiv{width:33.3333%; box-sizing:border-box; padding: 0 4px;}
.tbl_counsel .inputwrap .inputdiv:last-child{ /*padding-right:0px;*/}
.tbl_counsel .inputwrap .input_cs03{height:100%;width: 100%;outline:none;border: none;border-right: 1px solid #ffbd27;border-radius:5px;
	padding-left:15px;border: 1px solid #ffbd27;box-sizing:border-box; }
.tbl_counsel .inputwrap .input_cs03:last-child{/*border-right: none;*/}
.tbl_counsel .inputwrap .input_cs03:after{}

.input_cs01 {border:0; width:75%; height: 30px; padding:2%; color:#333; font-size:14px; }
.input_cs02 {border:0; width:75%; height: 30px; padding:2%; color:#333; font-size:14px;}

.txt_terms {/* width:200px; */float:left;font-size: 13px;color:#333;padding: 5px 0 0 0;}
.txt_terms label{margin:0;} 
.btn_terms {/*width:85px;*/ float:right; padding:0px 0 0 0;}

.tbl_counsel .button {clear:both; display:block; text-align: center; margin: 18px 0; border-radius: 15px; background:#00377e; color: #fff; height:50px; line-height:50px; font-family: 'yg-jalnan'; font-size: 24px;}

input:focus {outline:none !important; outline:none !important; }

.m_req_gr{animation: move2 1s alternate infinite;}
.car_buy .m_req_gr{animation: move3 1s alternate infinite;}


.car_buy .m_req_gr{ border: 3px solid #27b8ff;}
.car_buy .m_req_gr button.btn_grd{ background-color: #27b8ff;}
.car_buy .m_req_gr .tbl_counsel .inputwrap .input_cs03{ border: 1px solid #27b8ff;}
.car_buy .m_req_gr .tbl_counsel li.input:not(.phoneinput){ border: 1px solid #27b8ff;}
@-webkit-keyframes move2{
	0% {
		box-shadow: 0px 0px 3px 10px #ffbd27;
	}
	100% {
		box-shadow: 0px 0px 00px #d2d2d2;
	}
}

@-webkit-keyframes move3{
	0% {
		box-shadow: 0px 0px 3px 10px #27b8ff;
	}
	100% {
		box-shadow: 0px 0px 00px #27b8ff;
	}
}




@media (max-width: 1200px) {
	.m_req_gr {height: 435px;}
	.top_sec01 .icon {top: 15px;}
	.top_sec01 .icon img {width: 100px;}
	.req_title h3 {font-size: 20px;}
	.req_title p {font-size: 12px;}
	.tbl_counsel li input {padding: 0;}
	.tbl_counsel .button {font-size: 22px;}
}
@media (max-width: 992px) {
	.tbl_counsel li label.tit::before{ left: -5px;}
	.req_title h3 {font-size: 24px;}
	.req_title p {font-size: 12px;}
	.m_req_gr {
		height: auto;
		padding:15px 25px;
		margin-bottom: 20px;
	}

	.txt_terms {
		width: 180px;
	}

	.top_sec01 .icon {top: -30px; right: 25px;}
	.top_sec01 .icon img {width: 80px;}

	.tbl_counsel li label.tit {width: 25%; font-size: 14px;}
	.input_cs01 {width:70%; height:25px;}
	.input_cs02 {width:70%; height:25px;}

	.tbl_counsel li.call img {width: 220px;float:left;}
	.tbl_counsel li.call span {font-size: 26px; line-height: 36px;}

	.tbl_counsel li.input{margin-bottom:10px}
	.tbl_counsel .inputwrap {display:flex; height:auto; }
	.tbl_counsel .inputwrap .input_cs03{height:100%;width: 100%;outline:none; padding-left:15px;}
	.tbl_counsel li label.tit:after{right:15px;}
	#userPhone{height:55px;    padding: 0px 20px;font-size:15px;}
	.tbl_counsel .phoneinput  label.tit:after{    margin-top: 10px;}
	
}
@media (max-width: 500px) {
	.tbl_counsel li.call img {width: 190px;}
	.tbl_counsel li label.tit {width: 20%; font-size: 14px;}
	.tbl_counsel li label.tit:after{right:-6px;}
	.tbl_counsel li input#userLocation{padding-left:15px;    height: 30px;}
	.tbl_counsel li input#carName{padding-left:15px;height: 30px;}
	.tbl_counsel li.input{    height: auto;
    padding: 15px;}
	.tbl_counsel li.input.phoneinput{width:102%;}
	.tbl_counsel li.input.phoneinput label.tit{line-height: 25px; margin-left:18px;}
}
@media (max-width: 400px) {
	.tbl_counsel li.input.phoneinput label.tit{ margin-left:11px;}
}
/* --------------------------------------------
 * 언론보도/고객센터배너
/* ------------------------------------------ */

.press_gr { width:100%; height:222px; overflow:hidden; /*padding:135px 10px 0 10px;*/ background:#fff; border:1px solid #ddd; border-radius: 15px;}
.press_gr .img {width:100%; height:145px; background:url('/images/top_sec02_img.jpg'); background-size:cover; background-position: 0 -60px;}
.press_gr ul {list-style:none; padding:3px 10px; margin:0; }
.press_gr li.t_press {font-size:15px; font-weight:600; color:#000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.press_gr li.target {font-size:14px; color:#666; white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.cscenter_gr { margin-top:12px;}

/* -------------------------------------------- 
 * 판매상담리스트
/* ------------------------------------------ */

.cslist_gr {width:100%;height:255px;padding: 0px;position:relative;/*background:#fff; border:1px solid #ddd;*/border-radius: 0;overflow: hidden;}
.cslist_gr ul {list-style:none; padding:0; margin:0; }
.cslist_gr li {border: 1px solid #dbdbdb;border-radius: 0;background:#fff;font-size: 14px;padding: 8px 20px;line-height: 25px;margin-bottom: 7.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;list-style: none;position: relative;max-width: 100%;}
.cslist_gr2 li { padding:8px 20px; }
/*.cslist_gr li:last-child {border:0;}*/
.cslist_gr li img { padding:0 5px 0 0; vertical-align:middle ; border-radius:0;}
.cslist_gr li span.ing {float:left;}
.cslist_gr li span.slide_title {vertical-align:middle; padding-left: 7px;}

.cslist_gr .awards_banner {position:absolute; bottom:0;}


.dark-mode .cslist_gr li {background: #000;}

@media (max-width: 1200px) {
	.cslist_gr {
		height: 358px;
	}
	.cslist_gr li {
		padding:10px;width: 100% !important;
	}

	.cslist_gr .awards_banner {position:static; bottom:0; margin-bottom:20px;}
}

@media (max-width: 991px) {
	.cslist_gr {
		height: auto;
	}

	
}

/* --------------------------------------------
 *  전체상담건수,전체판매고객,상담완료건수
/* ------------------------------------------ */

/* --------------------------------------------
 * 카운팅
/* ------------------------------------------ */
.count_Box {
	width:100%;
	padding: 13px 10px;
	display:inline-block;
	margin-bottom: 12px;
	background:#fff;
	float:left;
	border-radius: 0;
	/* box-shadow:5px 5px 10px rgba(0,0,0,0.1); */
	overflow:hidden;
	border: 1px solid #e1e1e1;
}
.count_Box .main_title{ text-align:center;}
.count_Box .count01 { width:50%; text-align:center; border-right:1px solid #bbb;  float:left}
.count_Box .count02 {  text-align:center; }
.count_Box .counter {font-size: 30px;line-height: 34px;font-weight:800; font-family: 'GmarketSansMedium';letter-spacing:-1px}
.count_Box .count01 .counter {color: #ffbd27;}
.count_Box .count02 .counter {color: #ffbd27;}
.count_Box .counter_txt {font-size: 12px;margin:0 7px;color:#555; font-family: 'GmarketSansMedium'; /*display:block;*/}

.DB_submit a{ background:#66fcde; width:100%; text-align:center; margin-top:10px; font-size:24px; color:#000; font-weight:bold; 
	padding:10px 0px; transition:all 0.5s; display:block; font-family: 'GmarketSansMedium';
}
.DB_submit a:hover{  background:#66fcde;}


.dark-mode .count_Box {background:#000;border: 1px solid #fff;}
.dark-mode .count_Box .counter_txt {color: #fff;}

@media (max-width:1200px){
	/*.count_Box {width:435px; margin:18px 0px 18px 30px;}*/
	.count_Box .counter {font-size:26px;}
}

@media (max-width:992px){
	.count{margin-bottom:15px;}
	.count:after{content:''; display:block; clear:both;}
	.count_Box .main_title{ display:none;}
	.count_Box {width:100%; margin:0px; padding: 10px 5px; margin-bottom: 20px;}
	.count_Box .counter { font-size:26px; font-weight:800; letter-spacing:-1px}
	.count_Box .counter_txt { font-size:10px;}
	.count_Box .count01 .counter {}
.count_Box .count02 .counter {}
}

.banner {/*padding: 40px 0;*/ height:396px; }
@media (max-width: 992px) {
	.banner {height:auto; }
}

/* --------------------------------------------
 * 내차팔기 진행절차
/* ------------------------------------------ */
.m_process_gr {width:100%; padding: 45px 0 60px;}
.process_title {text-align: center;}
.process_title h3 {font-weight:bold; font-size: 36px; color:#000;}
.process_title h3 span {font-weight:bold; color:#ff7300;}
.process_title p {font-weight:bold; font-size: 18px; margin-top: 30px;}
.m_process_gr .img {padding: 50px 0 0;}

@media (max-width: 992px) {
	.m_process_gr {
		width:100%; 
		padding: 25px 0;
	}

	.process_title h3 {
		font-size: 22px;
	}

	.process_title p {
		font-weight:bold; 
		font-size: 14px; 
		margin-top: 20px;
	}

	.m_process_gr .img {
		padding: 30px 0 0;
	}
}


/* --------------------------------------------
 * 내차팔기생생후기
/* ------------------------------------------ */
.main_review { clear:both; position:relative; width:100%; padding: 60px 0; overflow: hidden; background:#ffd575;}
.main_review .container{ margin-bottom: 40px; position:relative}
.main_review .container > div{ /*display: flex;*/ }
.main_review .container > div > div{ float: left; position:relative}
.main_review .container > div > ul.count {float: left; padding-top: 10px;}
.main_review .main_title{ margin-bottom:50px;}
.main_review .review_title{ font-weight:400;font-family: 'GmarketSansMedium';font-size: 28px;letter-spacing: 0px;line-height: 1.6;color:#111; margin-right: 15px;}
.main_review .review_title > span{ font-weight:bold;font-family: 'GmarketSansBold';font-size: 45px;letter-spacing: 0px;line-height:30px; color: #663333;}
.main_review .review_title > span > span{ position:relative; font-weight:bold;font-family: 'GmarketSansBold';font-size: 45px;letter-spacing: 0px;line-height:30px; color:#ed1616;}
.main_review .review_title b{ margin-left: 10px; line-height: 1; margin-top:50px;	font-weight:700;font-family: 'GmarketSansMedium';font-size: 28px;letter-spacing: 0px;line-height:30px; color:#111;}
.main_review .review_title b > span{ font-family: 'GmarketSansMedium';}
.countbox .post_ctrl{ text-align: left; margin-left: 28px; margin-bottom: 15px;}

.main_review .ct_title {width:100%; text-align: center; margin-bottom: 45px;}
.main_review .ct_title h3 {color:#bf0720;
	font-weight:700;font-family: 'Wemakeprice-Bold';font-size: 30px;letter-spacing: 0px;line-height:30px;}
.main_review .ct_title h3 span {color:#000;
	font-weight:700;font-family: 'Wemakeprice-Bold';font-size: 30px;letter-spacing: 0px;line-height:30px;}
.main_review .ct_title p {font-size: 18px; margin-top: 10px; color:#666;}

.main_review .pc_ver {display:block;position:relative;}
.main_review .mobile_ver {display:none;}
@media (max-width: 992px) {
	.main_review .pc_ver {display:none;}
	.main_review .mobile_ver {display:block; position:relative;}
	.main_review .review_title > span, .main_review .review_title b {font-size: 16px;}
	.main_review .review_title > span > span{ font-size: 30px;}
}
@media (max-width: 767px) {
	.main_service_info2 ul > li > ul > li::after{ width: 60px; height: 60px;}
}

.review {width:100%; height:310px; overflow:hidden; background:#fff; border-radius: 15px; margin-bottom: 20px; border:1px solid #ccc; /*padding:16px;*/ float:left;}
.review01 {width:100%;}
.reviews{ overflow: hidden; border-radius: 10px; background: #fff;}
.circle_thumb{ overflow: hidden; position: absolute; left: 50%; top: 100%; transform: translate(-50%, -50%); width: 70px; height: 70px; border-radius: 999px; border: 1px solid #fff;}
.circle_thumb img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.review_thumb { position: relative;/*width:120px;  margin-right:10px; float:left*/ }
.review_thumb > img {width:100%; height:190px; border-radius: 10px 10px 0 0; }
.review_text {padding: 40px 15px 15px; text-align: center;}
.review_text h3 {color:#000;margin:0;font-size: 16px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;text-align: left;margin-bottom: 15px;}
.review_text p {
	text-align:left;
	overflow:hidden;
	color:#777;
	width:100%;
	height: 65px;
	white-space: normal;
	font-size: 14px;
	line-height: 1.5;
	text-align: left;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	color:#333333;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 10px;
}
.review_text .reviewdetail{text-align:right;}
.review_text .reviewdetail span{position:relative; font-size: 12px; color: #666;}

.review_more {margin:5px 0; color:#333333; font-size:13px; text-decoration:underline;} 

.countbox { /*display: flex; align-items: flex-end;*/ margin-bottom: 40px;}
.countbox ul li{float:left;}
.countbox ul li:last-child{padding-left:10px;}
.countbox ul li span{font-family: 'GmarketSansMedium';font-size:18px;letter-spacing:-1px;line-height: 1.6;text-align: right;}
.countbox ul li span.counter_txt2{color:#777;font-weight:400;}
.countbox ul li span.counter2{padding-left:5px;color:#111;font-weight:900;}
button.btn_more{background-color:#e0a728;
	width: 160px;
	height: 50px;
	border:1px solid #e0a728;
	font-family: 'Gmarket Sans';
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	float:right;
	line-height: 52px;
	margin-top:15px;
}
button.btn_more:hover{background-color:#c3aa69;}

.countbox .post_ctrl {padding-top:10px; text-align:right;}
.countbox .post_ctrl span {/*float:left; */margin-right:10px; cursor: pointer;}
.countbox .post_ctrl span.btn_play{display: none;}
.countbox .post_ctrl span:nth-child(3){padding-top:3px}
.countbox .post_ctrl span:last-child img {transform:rotate(180deg)}
br.mob{ display: none;}

@media (max-width: 991px) {
	.countbox ul li span {font-size: 14px;}
	.bx-viewport{ overflow: visible !important;}
}



/**********************************  **********************************/
.bn-title img{margin:0 auto;}
.cslist_gr .bx-viewport{height:400px !important;}


#smtg_kao_div{display:none !important;}
.eb-top{display:block !important;}


section.ico_slide{ padding: 60px 10px;}
section.ico_slide div.container h2{ font-family: 'GmarketSansMedium'; margin: 0; margin-bottom: 25px; color: #000; font-size: 30px; text-align: center;}
section.ico_slide div.container h2 > span.black { font-family: 'GmarketSansBold'; color: #000; font-size: 30px;}
section.ico_slide div.container h2 > span.yellow { font-family: 'GmarketSansBold'; color: #ffbd27; font-size: 30px;}
section.ico_slide div.container div.ico_wrap{ padding: 0 100px;}
section.ico_slide div.container div.ico_wrap ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
section.ico_slide div.container div.ico_wrap ul li{  position: relative; width: 25%; padding-bottom: 25%; margin: 0; text-align: center; border-radius: 999px;}
section.ico_slide div.container div.ico_wrap ul li > div.li_wrap{ z-index: 2; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;}
section.ico_slide div.container div.ico_wrap ul li div.img_wrap{ margin: 0 auto 8px;}
section.ico_slide div.container div.ico_wrap ul li:nth-child(1) div.img_wrap{ width: 75px; height: 75px; background: url("/img/service_ico1.png") no-repeat; background-size: cover;}
section.ico_slide div.container div.ico_wrap ul li:nth-child(2) div.img_wrap{ width: 75px; height: 75px; background: url("/img/service_ico2.png") no-repeat; background-size: cover;}
section.ico_slide div.container div.ico_wrap ul li:nth-child(3) div.img_wrap{ width: 75px; height: 75px; background: url("/img/service_ico3.png") no-repeat; background-size: cover;}
section.ico_slide div.container div.ico_wrap ul li:nth-child(4) div.img_wrap{ width: 75px; height: 75px; background: url("/img/service_ico4.png") no-repeat; background-size: cover;}
section.ico_slide div.container div.ico_wrap ul li.on::before{z-index: 1; content: ""; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%;
 animation: scale linear 3s infinite; border-radius: 9999px; /*background: linear-gradient(315deg, rgb(237 183 63) 0%, rgb(228 210 170) 100%);*/ background: #6b5c46;}
section.ico_slide div.container div.ico_wrap ul li p{}
section.ico_slide div.container div.ico_wrap ul li p.step{ margin-bottom: 5px; font-weight: 800; font-size: 15px; font-family: 'Nanum Gothic'; color: #000;}
section.ico_slide div.container div.ico_wrap ul li p.tit{ margin-bottom: 5px; font-weight: 800; font-size: 14px; color: #000;}
section.ico_slide div.container div.ico_wrap ul li p.desc{ font-weight: 600; font-size: 16px; margin-bottom: 0; color: #000;}
section.ico_slide div.container div.ico_wrap ul li p.desc > span{ font-weight: 800; color: #000;}

section.ico_slide div.container div.ico_wrap ul li.on p.step {color: #e0a728;}
section.ico_slide div.container div.ico_wrap ul li.on p, section.ico_slide div.container div.ico_wrap ul li.on p.tit, section.ico_slide div.container div.ico_wrap ul li.on p.desc > span {color: #fff;}


.dark-mode section.ico_slide div.container h2 > span.black, 
.dark-mode section.ico_slide div.container h2,
.dark-mode section.ico_slide div.container div.ico_wrap ul li p.step,
.dark-mode section.ico_slide div.container div.ico_wrap ul li p.tit,
.dark-mode section.ico_slide div.container div.ico_wrap ul li p.desc,
.dark-mode section.ico_slide div.container div.ico_wrap ul li p.desc > span {color: #fff;}
.dark-mode section.service div.info_wrap div.btn_wrap a, .dark-mode section.service div.view_box ul li p { color: #fff;}
.dark-mode section.service div.info_wrap div.btn_wrap a.active{ color: #ffbe2e;}

@media (max-width: 992px){
	section.ico_slide div.container h2, section.ico_slide div.container h2 > span.black, section.ico_slide div.container h2 > span.yellow {font-size: 24px;}
}

@keyframes scale{
    0%{ transform: scale(0);}
    15%{ transform: scale(1);}
	85%{ transform: scale(1);}
	100%{ transform: scale(0);}
}

@media (max-width: 991px){
	section.ico_slide div.container{ display: block;}
	section.ico_slide div.container > div.img_wrap{ height: 200px;} 
	section.ico_slide div.container > div.img_wrap > img{ object-position: 50% 23%;}
	section.ico_slide .main_service_info2{ width: 100%;}
	section.ico_slide div.container div.ico_wrap{ margin-bottom: 20px; padding: 0;}
	section.ico_slide div.container div.ico_wrap ul li{ width: 50%; padding-bottom: 50%;}

	section.ico_slide div.container div.ico_wrap ul li:nth-child(1) div.img_wrap{ width: 45px; height: 45px; background: url("/img/service_ico1.png") no-repeat; background-size: cover;}
	section.ico_slide div.container div.ico_wrap ul li:nth-child(2) div.img_wrap{ width: 45px; height: 45px; background: url("/img/service_ico2.png") no-repeat; background-size: cover;}
	section.ico_slide div.container div.ico_wrap ul li:nth-child(3) div.img_wrap{ width: 45px; height: 45px; background: url("/img/service_ico3.png") no-repeat; background-size: cover;}
	section.ico_slide div.container div.ico_wrap ul li:nth-child(4) div.img_wrap{ width: 45px; height: 45px; background: url("/img/service_ico4.png") no-repeat; background-size: cover;}


	section.ico_slide div.container div.ico_wrap ul li.on::before{border-radius: 15px;}
}

.center:not(.slick-initialized) {
    visibility: hidden; 
}

@media screen and (max-width: 768px) {
    /* 1. 슬라이더 틀: 높이는 잡되, 투명하게 숨김 */
    .center {
        /* 높이 강제 고정 (공간 확보) */
        height: 130px !important;
        min-height: 130px !important;
        overflow: hidden;

        /* ★ 핵심: 로딩 전에는 투명하게 숨김 ★ */
        opacity: 0; 
        visibility: hidden;
        transition: opacity 0.3s ease-in; /* 나타날 때 부드럽게 */
    }

    /* 2. 로딩 완료 후 (Slick이 준비되면 자동으로 이 클래스가 붙음) */
    .center.slick-initialized {
        opacity: 1;          /* 불투명하게 (보이게) */
        visibility: visible; /* 보이게 */
    }

    /* 3. 내부 이미지 박스 스타일 */
    .center .visual {
        height: 130px !important; /* 부모와 동일한 높이 */
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    
        display: block !important;
        border: none !important; /* 혹시 모를 테두리 제거 */
        margin: 0 !important;    /* 혹시 모를 여백 제거 */
    }
}