@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanumpenscript.css);

#visual-section{width:100%; height:450px; overflow:hidden; padding: 50px 0 0 0 ;}
#visual-section img{width: 100%;}
#visual-section .owl-carousel .item{-webkit-background-size:cover;  width:100%;-moz-background-size:cover; -o-background-size:cover; background-position:center center !important; background-repeat:no-repeat !important; background-size:contain !important;}
#visual-section .owl-carousel .item:before{-webkit-backface-visibility:hidden;}
#visual-section .owl-carousel .item .container{height:100%; position:relative; min-height:inherit;}
#visual-section .stretchy_wrapper{width:100% !important; height:450px; position:relative !important; overflow:hidden !important; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-position:center center; background-repeat:no-repeat; background-size:cover; display:block;}
#visual-section .stretchy_wrapper > * {width:100%; height:100%; top:0; bottom:0; left:0; right:0; display:block; position: absolute !important;}
#visual-section .owl-carousel .owl-dots{width:100%; height:22px; bottom:20px; z-index:9000; text-align:center; position:absolute;}
#visual-section .owl-carousel .owl-dots .owl-dot{display:inline-block;}
#visual-section .owl-carousel .owl-dots .owl-dot span{width:59px; height:4px; margin:0 3px; background:#fff; display:block; -webkit-backface-visibility:visible; transition:opacity .2s ease;}
#visual-section .owl-carousel .owl-dots .active span{background:#3db5f3;}
#visual-section .owl-carousel .owl-prev{width:70px; height:70px; top:50%; left:12%; margin-top:-35px; text-indent:-9000px; background:url("../img/slider_prev.png") no-repeat; display:none; position:absolute;}
#visual-section .owl-carousel .owl-next{width:70px; height:70px; top:50%; right:12%; margin-top:-35px; text-indent:-9000px; background:url("../img/slider_next.png") no-repeat; display:none; position:absolute;}

#cont1-section{height:450px; margin-top:25px;}
#cont1-section .cont-box{width:1400px; height:450px; margin:0 auto;}
#cont1-section .box01{width:375px; height:450px; margin-right:17px; border-radius:10px; border:1px solid #222; float:left; position:relative;}
#cont1-section .box01 .top{width:375px; height:53px; font-size:22px; font-family:"Nanum Square"; line-height:53px; text-align:center; border-radius:10px 10px 0 0; border:1px solid #222; background:#222; color:#72ff00;}
#cont1-section .box01 .cont{width:330px; margin:25px auto 0;}
#cont1-section .box01 .cont h2{margin-bottom:20px; font-size:13px; text-align:center; color:#ff4545; display:block;}
#cont1-section .box01 .input-area{margin-top:20px; height:38px; border:1px solid #d7d7d7;}
#cont1-section .box01 .input-area:after{clear:both; content:""; display:block;}
#cont1-section .box01 .input-area span{width:90px; height:38px; font-weight:600; font-size:13px; line-height:38px; text-align:center; color:#404040; background:#ededed; display:block; float:left;}
#cont1-section .box01 .input-area input{width:207px; height:38px; padding:0 10px; font-size:13px; color:#909090; border:0;}
.agree-box{margin-top:15px; font-weight:600; font-size:13px; color:#707070;}
#cont1-section .box01 .submit-box{margin-top:15px;}
#cont1-section .box01 .submit-box input{width:330px; height:50px; font-size:18px; font-family:"Nanum Square"; text-decoration:underline; color:#fff; border-radius:5px; border:1px solid #000; background:#2a2a2a;}

#cont1-section .cont-box .box02{width:310px; height:450px; margin-right:17px; float:left;}
#cont1-section .cont-box .box02 .inbox01{width:310px; height:170px; background:url("../img/nana.png") no-repeat; float:left; position:relative;}
#cont1-section .cont-box .box02 .inbox01 h2{margin-top:14px; font-weight:800; font-size:20px; text-align:center; color:#414b98; display:block;}
#cont1-section .cont-box .box02 .inbox01 .cbox01{width:130px; height:100px; top:53px; left:21px; position:absolute; }
#cont1-section .cont-box .box02 .inbox01 .cbox01 h3{font-weight:600; font-size:17px; text-align:center; color:#414b98; display:block; width: 100px; margin-left: 13px;}
#cont1-section .cont-box .box02 .inbox01 .cbox01 span{width:90px; margin-top:15px; font-weight:800; font-size:21px; text-align:center; color:#000; display:block; border: 3px solid #5d77af; border-radius: 20px; margin-left: 16px;}
#cont1-section .cont-box .box02 .inbox01 .cbox02{width:130px; height:100px; top:53px; right:21px; position:absolute;border-radius: 5px;}
#cont1-section .cont-box .box02 .inbox01 .cbox02 h3{font-weight:600; font-size:17px; text-align:center; color:#414b98; display:block; width: 100px; margin-left: 13px;}
#cont1-section .cont-box .box02 .inbox01 .cbox02 span{width:90px; margin-top:15px; font-weight:800; font-size:21px; text-align:center; color:#000; display:block; border: 3px solid #5d77af;border-radius: 20px;margin-left: 16px;}
#cont1-section .cont-box .box02 .inbox02{width:310px; height:191px; background:url("../img/kaka.png") no-repeat; float:left;}
#cont1-section .cont-box .box02 .inbox02 a{width:310px; height:166px; padding-top:25px; display:block;}
#cont1-section .cont-box .box02 .inbox02 span.txt01{margin-left:80px; font-weight:600; font-size:14px; color:#404040; display:block;}
#cont1-section .cont-box .box02 .inbox02 span.txt02{margin:5px 0 0 80px; font-weight:600; font-size:18px; color:#312222; display:block;}
#cont1-section .cont-box .box02 .inbox02 .txt03{width:278px; height:72px; margin:15px auto 0; padding-top:10px; font-size:15px; line-height:30px; text-align:center; color:#404040;}
#cont1-section .cont-box .box02 .inbox02 .txt03 span{font-size:30px; font-family:"Nanum Pen Script"; color:#013275;}
#cont1-section .cont-box .box02 .inbox03{width:310px; height:89px; background:url("../img/con1_box02_03.png") no-repeat; float:left;}
#cont1-section .cont-box .box02 .inbox03 a{width:310px; height:89px; display:block;}
#cont1-section .cont-box .box02 .inbox03 span.txt01{margin:15px 0 0 25px; font-weight:600; font-size:16px; color:#fefefe; display:block;}
#cont1-section .cont-box .box02 .inbox03 span.txt02{margin:5px 0 0 25px; font-size:13px; line-height:20px; color:#2aff00; display:block;}

#cont1-section .box03{width:375px; height:450px; float:left;}
#cont1-section .box03 .inbox01{width:335px; height:320px; padding:0 20px; border-radius:10px; border:1px solid #d7d7d7; float:left;}
#cont1-section .box03 .inbox01 h1{width:335px; height:30px; padding-top:30px; font-weight:600; font-size:18px; text-align:left; color:#222; border-bottom:1px solid #d7d7d7; display:block; position:relative;}
#cont1-section .box03 .inbox01 ul{width:335px; padding-top:10px;}
#cont1-section .box03 .inbox01 ul li{width:335px; height:35px; font-size:13px; text-align:left;}
#cont1-section .box03 .inbox01 ul li img{margin-right:10px; vertical-align:middle;}
#cont1-section .box03 .inbox01 .txt01{width:60px; display:block; float:left;}
#cont1-section .box03 .inbox01 .txt02{width:195px; color:#707070; display:block; float:left;}
#cont1-section .box03 .inbox01 .txt03{width:80px; text-align:right; color:#909090; display:block; float:left;}

 #vagree{width:351px; height:170px; padding:10px; top:0px; left:0; z-index:1000000!important; border:2px solid #222; background:#fff; position:absolute;}
 #vagree h2{font-weight:bold; font-family:"NanumGothic"; color:#444;}
 #vagree div{width:329px; border:1px solid #d7d7d7; height:105px; margin-top:5px; padding:10px; background:#fbfbfb; overflow-y:scroll; scrollbar-face-color:#fff; scrollbar-shadow-color:#eaeaea; scrollbar-highlight-color:#eaeaea; scrollbar-3dlight-color:#fff; scrollbar-darkshadow-color:#fff; scrollbar-track-color:#fff; scrollbar-arrow-color:#eaeaea; float:left;}
 #vagree div h3{font-weight:bold; font-family:"NanumGothic"; color:#707070;}
 #vagree div ul{margin:5px 0 10px;}
 #vagree div ul li{font-size:11px; line-height:20px; color:#909090;}


.nslider{width:335px; height:338px;}
.nslider .s-box{padding-top:5px;}
.nslider .sliderkit-btn{height:23px; top:28px; right:0; cursor:pointer; position:absolute;}
.nslider .sliderkit-nav-next{width:24px; right:23px; text-indent:-9000px; background:url("../img/btn_up.gif") no-repeat;}
.nslider .sliderkit-nav-prev{width:24px; right:0; text-indent:-9000px; background:url("../img/btn_down.gif") no-repeat;}

#cont1-section .box03 .inbox02{width:377px; height:110px; margin-top:20px; background:url("../img/con1_box03_02.png") no-repeat; float:left; position:relative;}
#cont1-section .box03 .inbox02 .txt01{top:27px; left:21px; font-weight:600; font-size:14px; color:#ff4545; position:absolute;}
#cont1-section .box03 .inbox02 .txt02{width:225px; top:20px; left:115px; font-weight:600; font-size:30px; text-align:center; color:#010101; position:absolute;}
#cont1-section .box03 .inbox02 .txt03{width:225px; top:57px; left:115px; font-weight:600; font-size:13px; text-align:left; color:#010101; position:absolute;}
#cont1-section .box03 .inbox02 .txt04{width:225px; top:75px; left:115px; font-weight:600; font-size:16px; text-align:left; color:#010101; position:absolute;}

#cont2-section{margin-top:25px; padding:25px 0 0 0;}
#cont2-section .title{background:url("../img/mtitle_bg.gif") no-repeat center center;}
#cont2-section .title h1{font-size:30px; font-family:"Nanum Square"; text-align:center; color:#3f3f3f; display:block;}
#cont2-section .tab{margin-top:25px; text-align:center;}
#cont2-section .tab:after{clear:both; content:""; display:block;}
#cont2-section .tab a{width:128px; height:38px; margin:0 5px; font-weight:600; font-size:16px; line-height:38px; border-radius:10px; border:1px solid #d7d7d7; background-color:#eee; display:inline-block;}
#cont2-section .tab a:hover,
#cont2-section .tab a.curr{border:1px solid #195e99; background-color:#fff;}
#cont2-section .car-box{  width: 100%; /* 기본 너비: 부모 컨테이너의 100% */
   max-width: 1400px; /* 최대 너비 제한 */
  margin:20px auto 0;}
#cont2-section .car-box:after{clear:both; content:""; display:block;}
#cont2-section .tab .maker01{padding-left:20px; background-image:url("../img/maker01.png"); background-repeat:no-repeat; background-position:18px center;}
#cont2-section .tab .maker02{padding-left:20px; background-image:url("../img/maker02.png"); background-repeat:no-repeat; background-position: 18px center;}
#cont2-section .tab .maker03{padding-left:28px; background-image:url("../img/maker03.png"); background-repeat:no-repeat; background-position: 26px center;}
#cont2-section .tab .maker04{padding-left:26px; background-image:url("../img/maker04.png"); background-repeat:no-repeat; background-position: 21px center;}
#cont2-section .tab .maker05{padding-left:26px; background-image:url("../img/maker05.png"); background-repeat:no-repeat; background-position: 21px center;}

.ccc-list li.box{width:264px; height:294px; margin:13px 11px 0 0; border:1px solid #d1d1d1; position:relative; float:left; text-align: center;}
.ccc-list li.box img {width:100%;}
/*.ccc-list li.last{margin-right:0;}*/
.ccc-list .cinfo1{width:100%; top:0; left:0; padding:10 0px; font-weight:600; font-size:14px; color:#fff; background:url("../img/cinfo_bg.png") repeat; position:absolute;}
.ccc-list .car-info{width:100%; float:left;}
.ccc-list .car-info li{width:264px; height:30px; border-top:1px solid #e3e3e3; float:left;}
.ccc-list .car-info .cname{margin-bottom:10px; font-weight:600; font-size:14px; text-align:center; color:#3f3f3f;}
.ccc-list .car-info .cprice{}
.ccc-list .car-info .cprice span{width:58px; height:33px; padding:0 0 0 15px; font-weight:600; line-height:33px; color:#6b6b6b; border-right:1px solid #e3e3e3; background:#f1f9ff; display:block; float:left;}
.ccc-list .car-info .cprice em{margin-left:10px; font-weight:600; font-size:13px; line-height:33px; color:#181818; float:left;}
.ccc-list .car-info .cprice .cp2{color:#3771d0;}

.ccc-list2 li.box{width:337px; margin:13px 11px 0 0; padding:10px; border:1px solid #d1d1d1; background:#f9f9f9; position:relative; float:left;}

.ccc-list2 li.last{margin-right:0;}
.ccc-list2 .ibox{font-weight:600; line-height:25px; text-align:center; color:#fff; background:#739e00;}
.ccc-list2 .cinfo1{padding:7px 10px; font-weight:600; font-size:14px; color:#fff; background:url("../img/cinfo_bg.png") repeat;}
.ccc-list2 .car-info{width:337px; float:left;}
.ccc-list2 .car-info li{width:337px; height:30px; float:left;}
.ccc-list2 .car-info .cname{margin-bottom:10px; font-weight:600; font-size:14px; text-align:center; color:#3f3f3f;}
.ccc-list2 .car-info .cprice{}
.ccc-list2 .car-info .cprice span{width:58px; height:30px; padding:0 0 0 5px; font-weight:600; line-height:30px; color:#868686; display:block; float:left;}
.ccc-list2 .car-info .cprice em{margin-left:10px; font-weight:600; font-size:13px; line-height:33px; color:#181818; float:right;}
.ccc-list2 .car-info .cprice .cp2{color:#ff5a00;}
.ccc-list2 .car-info .line{border-bottom:1px dashed #d7d7d7;}

#cont3-section{padding:35px 0;}
#cont3-section:after{clear:both; content:""; display:block;}
#cont3-section .cont3-area{width:1400px; margin:0 auto;}
#cont3-section .title{border-bottom:1px solid #d7d7d7;}
#cont3-section .title h1{padding-bottom:5px; font-size:30px; font-family:"Nanum Square"; color:#222; border-bottom:1px solid #f05907; display:inline-block;}
#cont3-section .car-box{width:1400px; margin:10px auto 0;}
#cont3-section .car-box:after{clear:both; content:""; display:block;}

#cont4-section{margin-top:30px; padding:35px 0; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background:url("../img/cont3_bg.gif") repeat;}
#cont4-section .cont3-area{width:1400px; margin:0 auto;}
#cont4-section .title{border-bottom:1px solid #efefef;}
#cont4-section .title h1{padding-bottom:5px; font-size:30px; font-family:"Nanum Square"; color:#222; border-bottom:1px solid #f05907; display:inline-block;}
#cont4-section .car-box{margin-top:20px;}
#cont4-section .car-box .car-img{}
#cont4-section .car-box .car-info{padding:15px; text-align:center;}
#cont4-section .car-box .car-info .cname{margin-bottom:10px; font-size:18px; color:#222;}
#cont4-section .car-box .car-info .cprice{font-size:14px; line-height:22px; color:#7a7a7a;}
#cont4-section .item{border:1px solid #efefef; background:#fff;}
#cont4-section .owl-nav{}
#cont4-section .owl-nav .owl-prev{width:32px; height:30px; top:-62px; right:37px; text-indent:-9000px; background:url("../img/btn_prev.gif") no-repeat; position:absolute;}
#cont4-section .owl-nav .owl-next{width:32px; height:30px; top:-62px; right:0; text-indent:-9000px; background:url("../img/btn_next.gif") no-repeat; position:absolute;}

#cont5-section{padding:35px 0; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background:url("../img/cont3_bg.gif") repeat; display: none;}
#cont5-section h1{font-size:35px; font-family:"Nanum Square"; text-align:center; color:#222; display:block;}
#cont5-section h1 span{color:#013275;}
#cont5-section .stitle{width:1400px; margin:40px auto 10px; text-align:center;}
#cont5-section .stitle .txt01{font-weight:600; font-size:16px; color:#777;}
#cont5-section .stitle .txt02{margin-top:10px; font-weight:600; font-size:18px; color:#ff0000;}
#cont5-section div.cont-box{width:1400px; margin:35px auto 0; position:relative;}


/* 20250414 */


.main-attention {margin:100px 0 0 0 ; padding:50px 0; background-image: url(/img/backbg.jpg); background-position: 50%; background-repeat: no-repeat; background-size: cover;}
.main-attention .main-tit h2 {text-align: center; color: #fff;}
.main-tit {margin-bottom:50px;}
.main-tit h2 {font-size:42px; font-weight:700; line-height:1.3em; letter-spacing:-0.04em; color:#2c2c2c;}
.main-tit p {font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.04em; color:#878787; margin-top:18px;}
.main-tit h2 a {display:inline-flex; align-items:center; justify-content:center; vertical-align:middle; padding-bottom:5px; margin-left:13px;}
.main-tit h2 a img {display:inline-block;}
.main-attention .timer {display: flex; justify-content: center; align-items: center;}
.main-attention .timer .box {display: flex; justify-content: center; align-items: center; width: 800px; height: 120px; background-image: url(/img/mamama.jpg); border-radius: 24px;}
.main-attention .timer .txt {position: relative; margin-right:30px; padding-right:30px; font-size: 28px; font-weight: 600; line-height: 1.2em; letter-spacing: -.04em; color:#fff;}
.main-attention .timer .txt:after {content:''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 20px; width: 1px; background: #fff;}
.main-attention .time {font-size: 44px; letter-spacing: -.04em; line-height: 1.2em; color:#fff;}
.main-attention .car-list {margin: 80px auto 0; max-width:1200px;}
.main-attention .car-list .items {display:block; padding:0;} 
.main-attention .car-list .item {padding:0 20;}
.main-attention .car-list .img {position: relative; padding-bottom: 74.63%; overflow: hidden;}
.main-attention .car-list .img img {position: absolute; top: 50%; left: 0; transition: .4s ease-in-out; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%;height: auto !important; max-width: 100%; min-height: 100%; object-fit: cover;}
.main-attention .car-list .box { border-radius: 24px; overflow: hidden; background: #f8f8f8;}
.main-attention .car-list .info {padding:20px;}
.main-attention .info {}
.main-attention .info .brand {font-size: 14px; font-weight:500; letter-spacing: -.04em; line-height: 1.2em; color:#a8a8a8; display:none;}
.main-attention .info .car {margin:20px 0 0 0 ; font-size: 18px; font-weight:700; letter-spacing: -.04em; line-height: 1.2em; color:#2c2c2c;}
.main-attention .info .amount .tt {font-size: 24px; letter-spacing: -.04em; line-height: 1.2em; color:#2c2c2c;}
.main-attention .info .amount .tt2 {font-size: 30px; font-weight:700; letter-spacing: -.04em; line-height: 1.2em; color:#0033a1;}
.main-attention .slick-list {margin:0 -20px;}
.main-attention .slick-slide {padding:0 20px;}
.main-attention .slick-arrow {background-color: #ffffff;position: absolute; z-index: 1;top: 50%; transform: translateY(-50%); width: 60px; height: 60px; border-radius: 100%; font-size: 0;border: 5px solid #ffffff; background-color: transparent; background-position: 50%;background-repeat: no-repeat; transition: all .2s;}
.main-attention .slick-prev {left:-8%;; }
.main-attention .slick-next {right:-8%;; }
.main-attention .slick-arrow:hover {background-color: #e43a0f; border: 5px solid #e43a0f;transition: all .2s;}
.main-attention .slick-prev:hover {}
.main-attention .slick-next:hover {}





@media (max-width: 1920px) {
	
	/*header*/
	/*main*/
	


} 

@media screen and (min-width:1140px) and (max-width:1600px) {
    
   #visual-section .owl-carousel .item{-webkit-background-size:cover;  width:100%; height:100%;-moz-background-size:cover; -o-background-size:cover; background-position:center center !important; background-repeat:no-repeat !important; background-size:100% auto !important;}

     .ccc-list li.box{width:25%; height:294px; margin:13px 0 0 0; border:1px solid #d1d1d1; position:relative; float:left; text-align: center;box-sizing: border-box;}

   



}
 @media screen and (min-width:700px) and (max-width:1139px) {
  
   #visual-section .owl-carousel .item{-webkit-background-size:cover;  width:100%; height:100%;-moz-background-size:cover; -o-background-size:cover; background-position:center center !important; background-repeat:no-repeat !important; background-size:100% auto !important;}
    .ccc-list li.box{width:33%; height:294px; margin:13px 0 0 0; border:1px solid #d1d1d1; position:relative; float:left; text-align: center;box-sizing: border-box;}

    
 .lnb-area{width: 100%;}

 }
 @media screen and (min-width:200px) and (max-width:699px) {
   #visual-section .owl-carousel .item{-webkit-background-size:cover;  width:100%; height:100%;-moz-background-size:cover; -o-background-size:cover; background-position:center center !important; background-repeat:no-repeat !important; background-size:100% auto !important;}
    .ccc-list li.box{width:50%; height:294px; margin:13px 0 0 0; border:1px solid #d1d1d1; position:relative; float:left; text-align: center;box-sizing: border-box;}
    
   
    
    .lnb-area{width: 100%;}

 }




@media (max-width: 1600px) {
	
	

	.main-attention .slick-arrow {width: 50px; height: 50px; top: -15%; transform: translateY(0%);}
	.main-attention .slick-prev {left:0;}
	.main-attention .slick-next {right: unset; left: 70px;}




} 


/* Landscape tablet */
@media (max-width: 1060px) {
	

	.main-attention .timer .box {width: 450px; height: 70px;}
	.main-attention .timer .txt {margin-right: 20px; padding-right: 20px; font-size: 20px;}
	.main-attention .time {font-size: 28px;}
	.main-attention .car-list {margin:80px auto 0;padding: 0 10px;}
	.main-attention .car-list .items {padding: 0; margin:0 -10px;}
	.main-attention .car-list .item {padding: 0 10px;}
	.main-attention .car-list .info {padding: 0 20px 20px;}
	.main-attention .info .brand {font-size: 13px;}
	.main-attention .info .car {margin: 10px 0 20px; font-size: 18px;}
	.main-attention .info .amount .tt {font-size: 20px;}
	.main-attention .info .amount .tt2 {font-size: 24px;}
	.main-attention .slick-arrow {width: 40px; height: 40px;}
	.main-attention .slick-next {left: 50px;}



	#visual-section{width:100%; height:450px; overflow:hidden; padding: 0px;}
	
	
} 


/* Landscape phone */
@media (max-width: 640px) {
	

	.main-attention {padding: 60px 0;margin-bottom: 60px;}
	.main-attention .main-tit h2 {font-size: 25px;}
	.main-attention .timer .box {width: 350px; height: 60px; border-radius: 14px;}
	.main-attention .timer .txt {font-size: 17px;}
	.main-attention .time {font-size: 22px;}
	.main-attention .car-list .items {flex-direction: column;margin: 0;}
	.main-attention .car-list .item {padding:10px 0; width: 100%;}

} 
@media (max-width: 400px) {

} 
/* Landscape phones and down */
@media (max-width: 320px) {
	
}