
.row {padding:70px 0;}
.row .column {position: relative;max-width: 1200px;min-width: 910px;margin: 0 auto;}
@media screen and ( max-width:1200px ) {
  .row .column {max-width: 100%;}
}


/*  bxslider */
.spotzone{ z-index:5; position:relative; width:100%;height:500px;overflow:hidden}
.spotzone:after {content:''; clear:both; display:block; }
.spotzone li{width:100% !important; min-height:500px;height:500px; position:relative;  background-size:cover;  background-repeat:no-repeat; background-position:center center; }
.spotzone li.n01{ background-image:url('/images/main/visual01.jpg'); }
.spotzone li.n02{ background-image:url('/images/main/visual02.jpg'); }
.spotzone li.n03{ background-image:url('/images/main/visual03.jpg'); }
.spotzone li .txtbox{ width:1200px; position:relative;  margin:0 auto; padding-top:150px; position:relative;   letter-spacing:-.06em;}
.spotzone li .txtbox .tit1 { display:block; color:#fff; font-size:30px; line-height:30px;font-weight:bold;  text-transform:uppercase;font-family:'OneMobile';  }
.spotzone li .txtbox .tit2 { display:block; color:#fff; font-size:21px; line-height:21px; font-weight:400; padding-top:20px;  font-family:'OneMobile';text-shadow:2px 2px 5px rgba(0,0,0,0.9)}
.spotzone li .txtbox .exp { display:block; color:#333; font-size:26px; line-height:26px; font-weight:500; padding-top:20px; font-family:'NotoSans'; }
.spotzone li .txtbox .img {position:absolute; right:50px; top:70px;}
.spotzone li .txtbox .box {width:45%; padding:0 30px; text-align:center}
.spotzone li .txtbox .exp,
.spotzone li .txtbox .tit1,
.spotzone li .txtbox .tit2,
.spotzone li .txtbox .tit3,
.spotzone li .txtbox .img,
.spotzone li .txtbox .btn{ opacity:0; transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay:0.4s; text-shadow:5px 5px 12px rgba(0, 0, 0, 0.1);}

.spotzone li.n01 .txtbox .tit1 {position:relative; height:105px;font-size:55px; line-height:60px; font-weight:bold; padding-left:170px;  }
.spotzone li.n01 .txtbox .tit1:before {content:'';position:absolute; left:0; top:0;width:170px; height:105px;background:url('/images/main/ico_youtube.png') no-repeat left 0;}
.spotzone li.n01 .txtbox .tit1 img {display:inline-block; vertical-align:middle; margin-right:10px;   }
.spotzone li.n01 .txtbox .tit1 strong {display:block; font-size:1.65rem; line-height:2rem; margin-bottom:0.5rem; }
.spotzone li.n01 .txtbox .btn {display:block;padding-left:170px;  padding-top:30px; text-align:center; border:0px solid #f00 }
.spotzone li.n01 .txtbox .btn a {display:inline-block; height:55px; line-height:53px; padding:0 1.5rem 0 2.5rem; border:1px solid rgba(255,255,255,0.3); border-radius:60px ; color:#fff; font-size:1.1rem; font-weight:600;font-family:'OneMobile'; }
.spotzone li.n01 .txtbox .btn a:after {content:''; display:inline-block; vertical-align:middle; width:50px; height:53px; background:url('/images/main/ico_arrow_w.png') no-repeat center ; background-size:auto .65rem;}
.spotzone li.n01 .txtbox .btn a:hover {border-color:#c80202; background-color:#c80202;}

.spotzone li .txtbox .tit1{transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);}
.spotzone li .txtbox .tit2{transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);}
.spotzone li .txtbox .tit3{transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);}
.spotzone li .txtbox .img{transform:translateX(30px);-moz-transform:translateX(30px);-webkit-transform:translateX(30px);-ms-transform:translateX(30px);-o-transform:translateX(30px);}
.spotzone li .txtbox .exp{transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);}
.spotzone li .txtbox .btn{transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);}

/* active */
.spotzone li.active .txtbox .tit1{opacity:1; transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transition-delay:.2s;}
.spotzone li.active .txtbox .tit2{opacity:1; transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transition-delay:.4s;}
.spotzone li.active .txtbox .tit3{opacity:1; transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transition-delay:.6s;}
.spotzone li.active .txtbox .btn{opacity:1; transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transition-delay:.6s;}
.spotzone li.active .txtbox .img{opacity:1; transform:translateX(0);-moz-transform:translateX(0);-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transition-delay:.2s;}
.spotzone li.active .txtbox .phone{opacity:1; transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transition-delay:0.6s;}
.spotzone li.active .txtbox .exp{opacity:1; transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transition-delay:0.6s;}

.spotzone .bx-pager {z-index:3333;position:absolute; bottom:50px; left:0; width:100%;  text-align:center; opacity:1;}
.spotzone .bx-pager div {display:inline-block;}
.spotzone .bx-pager a {opacity:1;display:inline-block; position:relative; width:13px; height:13px; margin:0 5px; border-radius:30px;  color:transparent; background-color:transparent; border:1px solid #fff;}
.spotzone .bx-pager a.active {background-color:#fff; width:45px; }

.bx-controls-direction a {position:absolute; top:50%; margin-top:-30px;  width:60px; height:60px;  line-height:60px; border-radius:50%; z-index:50;color:transparent; background-color:transparent;color:#fff; border:1px solid rgba(255,255,255,0.3); text-align:center;font-size:0; transition: all 0.3s ease-in; }
.bx-controls-direction a:after {display:inline-block; font-family:'xeicon'; font-weight:bold; font-size:25px !important; }
.bx-controls-direction a:hover {background-color:#d30c0c; border-color:#d30c0c}
.bx-controls-direction a.bx-prev {left:100px; }
.bx-controls-direction a.bx-prev:after {content:'\e93d'; }
.bx-controls-direction a.bx-next {right:100px; }
.bx-controls-direction a.bx-next:after {content:'\e940'; }



@media screen and ( max-width:1200px ) {
   .spotzone li .txtbox{ width:100%; }
}

@keyframes ani_ico {
    0% {
    	transform:translateY(0px);
    	-webkit-transform:translateY(0px);
    	-ms-transform:translateY(0px);
    	-moz-transform:translateY(0px);
    }
    50% {
    	transform:translateY(-15px);
    	-webkit-transform:translateY(-15px);
    	-ms-transform:translateY(-15px);
    	-moz-transform:translateY(-15px);
    }
}

section {padding:5rem 0}
section:after {content:''; display:block; clear:both; width:100%;}
section.pt0 {padding-top:0}



/*  Title */
.title_wrap {position:relative; text-align:center; margin-bottom:25px;}
.title_wrap.center {text-align:center;}
.title_wrap h3 {position:relative; display:block; color:#000;font-size:1.75rem;line-height:2.1rem; font-weight:700; color:#222;letter-spacing:-.04em;  }
.title_wrap p {display:inline-block; margin-top:.5rem; color:#888; font-size:17px;letter-spacing:-.05em;font-weight:400;}

.title_wrap.white h3 {color:#fff;}
.title_wrap.white p {color:#fff;}

.btn_wrap {position:relative; display:block; text-align:center; clear:both; border:0px solid #f00}
a.btn_total {display:inline-block;  font-size:15px;font-weight:500; color:#222; margin:0 auto;  width:180px; height:2.85rem; line-height:2.8rem; text-align:center; border:1px solid #dedede; border-radius:.35rem; }


/* ¸ÞÀÎÅÇ */
.maintab {font-size:0; text-align:right; padding-bottom:30px; display:flex; justify-content: flex-end; gap:2rem;padding-right:1.5rem; margin-top:-4rem; z-index:33}
.maintab > li {display:inline-block;box-sizing:border-box; font-weight:500; width:auto;}
.maintab > li > span {color:#777; display:inline-block; padding:0 0 3px;  border-bottom:3px solid transparent; line-height:1.4em; font-size:18px; font-weight:500; letter-spacing:-1px;cursor:pointer;}
.maintab > li.on > span {font-weight:600;color:var(--txt-default); border-color:var(--txt-default)}

/* ¸ÞÀÎ°Ë»ö */
.main_search {clear:both; padding:50px 70px 50px; position:relative; z-index:333; background-color:#f1f3f8;}
.main_search .search {max-width:1200px; min-width:1000px; margin:0 auto; box-sizing:border-box;}
.main_search .title_wrap {text-align:left; width:50%; padding-left:1rem; z-index:0; }
.main_search .title_wrap p {margin:0; margin-bottom:.5rem;}
.main_search .searchArea {min-height:90px;}
.main_search .searchArea > ul > li {display:inline-block; }
.main_search .searchArea .fast {position:relative;font-size:0;text-align:right; padding:.75rem; padding-left:1.8rem;border-radius:30rem; background-color:#fff; box-shadow:4px 4px 15px rgba(0,0,0,0.05)}
.main_search .searchArea .fast form > div {float:left;display:inline-block;box-sizing:border-box; vertical-align: middle;}
.main_search .searchArea .fast div.fastbtn { width:17%; box-sizing:border-box; } 
.main_search .searchArea .fast div.fastbtn button {width:50%; height:55px; box-sizing:border-box; font-size:16px; background:#d4d4d4; color:#fff; border:none; cursor:pointer;}
.main_search .searchArea .fast div.fastbtn button.on {border:1px solid var(--txt-default); color:var(--txt-default); background:#fff; font-weight:500;}
.main_search .searchArea .fast div.kr { width:58%; box-sizing:border-box; padding:17px 0px;font-size:0;}
.main_search .searchArea .fast div select {appearance: none; -moz-appearance: none; -webkit-appearance: none; border: none;  padding:14px;  background: url(/images/inc/arrow.png) right center no-repeat #fff; color:#555555; font-size:18px; border-right:1px solid #d8d8d8; height: 55px;}
.main_search .searchArea .fast div.btn_set {float:right;width:160px; padding-left:7px; font-size:0;} 
.main_search .searchArea .fast div.btn_set a, .main_search .searchArea .fast div.btn_set input {display:inline-block;border:0;padding:0;color:#fff;line-height:60px; font-size:18px;box-sizing:border-box;vertical-align: middle;cursor:pointer;}
.main_search .searchArea .fast div .search_btn { width:100%;background:var(--txt-default); border-radius:10rem; }
.main_search .searchArea .fast div.btn_set .more_btn {display:none;width:35%;background:#333; text-align:center;font-size:14px;}

.main_search .searchArea .fast .selectBox {width:calc(100% - 160px);text-align:left;font-size:0; display:flex;flex-wrap: nowrap; flex-direction: row; gap:7px;  }
.main_search .searchArea .fast .selectBox select,
.main_search .searchArea .fast .selectBox a { position:relative; border:0;border-left:1px solid #eee; height:60px; font-size:15px; font-weight:500; text-align:left;margin:0;padding:0 0 0 15px; background:transparent url(/images/inc/arrow.png) right center no-repeat ; 
                                                         background-size:auto 22px; color:#333;line-height:60px;vertical-align: middle;box-sizing:border-box;}
.main_search .searchArea .fast .selectBox select { width:140px; border:0px solid #f00; font-weight:600; color:var(--txt-default);  }
.main_search .searchArea .fast .selectBox select:focus { outline:0}
.main_search .searchArea .fast .selectBox a.selected {font-weight:600; color:var(--txt-default); }
.main_search .searchArea .fast .selectBox .select01 {width:30%;}
.main_search .searchArea .fast .selectBox .select02 {width:30%;}
.main_search .searchArea .fast .selectBox .select03 {width:40%; border-right:none;}

.main_search .searchArea .fast .optionBox { position:absolute; top:70px; left:0; width:100%; padding:20px 25px 30px;border:1px solid #7092f1; border-radius:7px; background:#fff;font-size:14px; z-index:9;text-align:left; box-shadow:7px 7px 30px rgba(0,0,0,0.2);
                                                            box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.main_search .searchArea .fast .optionBox h4 { font-size:14px;}
.main_search .searchArea .fast .optionBox h4 a, .main_search .searchArea .fast .optionBox h5 a { position:absolute;top:7px;right:20px;font-size:18px; width:20px; text-align:center;}
.main_search .searchArea .fast .optionBox h5 {border-bottom:1px dashed #cccccc; padding:20px 0 8px; font-size:16px;font-weight:bold;}
.main_search .searchArea .fast .optionBox a { width:16%; display:inline-block; text-decoration:none; margin-top:10px;font-size:14px;}
.main_search .searchArea .fast .optionBox #c_nameDiv a {width:25%;}
.main_search .searchArea .fast .optionBox a:hover { color:var(--txt-default);text-decoration:underline; }

.main_search .searchArea .fast #option01 { display:none; }
.main_search .searchArea .fast #option02 { display:none; }
.main_search .searchArea .fast #option03 { display:none; }

.main_search .searchArea .class {font-size:0; padding:10px 0px 0px;}
.main_search .searchArea .class li{ box-sizing:border-box; text-align:center; width:calc(12.5% - 5px); margin-left:5px; }
.main_search .searchArea .class li:first-child { margin-left:0; }
.main_search .searchArea .class li a { height:70px; padding:0; color:#fff; display:block;font-size:14px;  background-repeat:no-repeat; background-position:center 0; background-size:auto 65%; }
.main_search .searchArea .class li.c1 a {background-image:url('/images/main/class_car01.png');}
.main_search .searchArea .class li.c2 a {background-image:url('/images/main/class_car02.png');}
.main_search .searchArea .class li.c3 a {background-image:url('/images/main/class_car03.png');}
.main_search .searchArea .class li.c4 a {background-image:url('/images/main/class_car04.png');}
.main_search .searchArea .class li.c5 a {background-image:url('/images/main/class_car05.png');}
.main_search .searchArea .class li.c6 a {background-image:url('/images/main/class_car06.png');}
.main_search .searchArea .class li.c7 a {background-image:url('/images/main/class_car07.png');}
.main_search .searchArea .class li.c8 a {background-image:url('/images/main/class_car08.png');}
.main_search .searchArea .class li a span {line-height: 125px;color:#333; font-weight:500;font-family:'SB-ugr'; font-weight:400; }
.main_search .searchArea .class li a:hover span { color:var(--txt-default);}

.main_search .searchArea .maker {font-size:0; padding:10px 0 0px; }
.main_search .searchArea .maker li{ box-sizing:border-box; text-align:center; width:9%;vertical-align:middle;}
.main_search .searchArea .maker li a {height:80px;padding-top:5px; padding:0;font-size:14px; color:#434343; display:block;font-family:'SB-ugr'; font-weight:400; }
.main_search .searchArea .maker li a span {display:block;line-height: 15px; padding-top:5px;}
.main_search .searchArea .maker li img {margin-top:0px;}
.main_search .searchArea .maker li a:hover {color:var(--txt-default);}

.main_search .searchArea .local {position: relative;width:100%;font-size:0;overflow: hidden; padding-top:15px; }
.main_search .searchArea .local ul {display:flex;flex-wrap: nowrap;flex-direction: row;  justify-content: center; gap:10px;}
.main_search .searchArea .local ul li {width:auto; padding:0;}
.main_search .searchArea .local ul li a {display:block;border-radius:7px;background:#fff;font-size:14px;text-align:center;color:#333;font-family:'SB-ugr'; font-weight:400; letter-spacing:-1px;height:60px; line-height:63px; padding:0 20px; }
.main_search .searchArea .local ul li a:hover {background:var(--txt-default);color:#fff;}



@media screen and ( max-width:1200px ) {
    .main_search { padding:50px 10px 50px;  }
    .main_search .search.column { max-width:100%; }
	.main_search .search {max-width:100%; }
	.main_search .searchArea .local ul li a {  padding:0 12px; }
}


.main_sec1 {width:1200px; margin:0 auto; padding-top:1rem; }
.main_sec1 .title {display:block; position:relative; width:66%; padding-bottom:10px; }
.main_sec1 .title h2 {font-size:35px; line-height:1.5em; font-weight:bold; color:#e40101; font-family:'OneMobile';}
.main_sec1 .title h2 img {display:inline-block; vertical-align:middle; margin-right:5px; }
.main_sec1 .title .more {position:absolute; right:0; top:1rem; font-size:20px; font-weight:bold; color:#333; font-family:'OneMobile';}
.main_sec1 .title .more img {display:inline-block; vertical-align:middle;  margin-right:5px; height:28px; }
.main_sec1 .title .more:hover {color:#d30c0c}
.main_sec1 .item_wrap {padding:0; margin:0; display:flex;clear:both; width:100% !important;  justify-content: space-between; gap:30px; }
.main_sec1 .mov { width:66%; height:430px; border-radius:1.1rem; overflow:hidden; background-repeat:no-repeat; background-size:contain; background-position:center center; }
.main_sec1 .mov a {display:block; width:100%; height:100%;}
.main_sec1 .mov img {width:100%;}
.main_sec1 ul { width:calc(34% - 30px); height:430px; gap:30px; display:flex;  flex-direction: column;justify-content: space-between;  }
.main_sec1 ul li {height:200px; background-repeat:no-repeat;  background-size:auto 90px ; background-position:right ; display:flex; align-items: center; cursor:pointer; border-radius:1.1rem;}
.main_sec1 ul li:nth-child(1) { background-color:#d9e8ff; background-image:url('/images/main/ico_consult_01.png');background-position:right 65% ;}
.main_sec1 ul li:nth-child(2) { background-color:#daf3eb; background-image:url('/images/main/ico_consult_02.png'); background-position:calc(100% - 1.1rem)}
.main_sec1 ul li dl {padding:0 0 0 2rem; color:#fff;}
.main_sec1 ul li dl dt {font-size:26px; line-height:1.3em; font-weight:500; font-family:'SB-ugr';  }
.main_sec1 ul li dl dd { font-size:1rem; margin-top:10px; line-height:1.5em; font-family:'SB-ugr'; color:#666}
.main_sec1 ul li:nth-child(1) dt {color:#2154f9}
.main_sec1 ul li:nth-child(2) dt {color:#1cba87}



@media screen and ( max-width:1200px ) {
	.main_sec1 {width:100%;}
}




/* °í°´ÈÄ±â */
.review {clear:both;  background-color:#e1eaf7}
.review .column {width:1380px; max-width:1380px;  }
.review:after {content:''; clear:both; width:100%; display:block;}
.review .btn_total {border-color:rgba(0,0,0,0.3)}
.review ul {position:relative;width:100%; max-height:468px;margin-bottom:1rem;font-size:0;overflow:hidden;}
.review ul li {position:relative;display:inline-block; width:332px; height:232px; margin-left:2px; margin-bottom:2px; background-color:#f4f4f4;vertical-align: top; }
.review ul li:nth-child(3), .review ul li:nth-child(4), .review ul li:nth-child(6), .review ul li:nth-child(7), .review ul li:nth-child(8), .review ul li:nth-child(9), .review ul li:nth-child(11), .review ul li:nth-child(12) {width:165px;height:115px;}
.review ul li:nth-child(4), .review ul li:nth-child(7), .review ul li:nth-child(9), .review ul li:nth-child(12){ margin: 117px 0 0 -165px;}
/*.review ul li:nth-child(1)::after {content:'¹ÙÀÌ¾Ø¼¿Ä«ÀÇ ¸®¾óÇÑ <b>°Å·¡ÈÄ±â</b>';display:inline-block;width:320px;height:232px;background:var(--txt-default);}*/
.review ul li.title {position:absolute;left:509px;height:232px;padding-top:75px;background:var(--txt-default);color:#fff;text-align:center;font-size:18px;z-index:2;font-family:"SB-ugr";}
.review ul li.title b {font-weight:bold;font-size:2.2rem;}
.review ul li a {display:block; width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center center; }
.review ul li span {opacity:0;position:absolute;display:flex;justify-content: center; align-items: center;left:0;top:0;right:0;bottom:0;padding:0px 20px 0;background:rgba(0,0,0,.5);text-align:center;color:#fff;font-size:1.1rem;transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1);}
.review ul li span {opacity:0; text-align:center;color:#fff;font-size:1.2rem;transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1);}
.review ul li:hover span {opacity:1;}
.review ul li:nth-child(5) {margin-left:2px;}
.review ul li:nth-child(3) span, .review ul li:nth-child(4) span, .review ul li:nth-child(6) span, .review ul li:nth-child(7) span, .review ul li:nth-child(11) span, .review ul li:nth-child(12) span, .review ul li:nth-child(14) span, .review ul li:nth-child(15) span {padding:20px;font-size:15px;}


@media screen and (max-width:1380px){
.review .column {width:100%;max-width:100%; }
.review ul li { width:calc(25% - 2px);}
.review ul li:nth-child(3), .review ul li:nth-child(4), .review ul li:nth-child(6), .review ul li:nth-child(7), .review ul li:nth-child(8), .review ul li:nth-child(9), .review ul li:nth-child(11), .review ul li:nth-child(12) {width:calc(15% - 2px); }
.review ul li:nth-child(4), .review ul li:nth-child(7), .review ul li:nth-child(9), .review ul li:nth-child(12){ margin-left:calc(-15% + 2px)}
.review ul li:nth-child(13),
.review ul li:nth-child(14){width:calc(22.5% - 2px); }
.review ul li:nth-child(5) {margin-left:calc(20% + 0px);}
.review ul li.title { left:40%;width:calc(20% - 4px);font-size:15px;}
.review ul li.title b { font-size:1.8rem;}

}


/* kakao */
.kakao_ch {background-color:#fff600; padding:5rem 0;}
.kakao_ch .box {display:flex; justify-content:space-between; align-items: center;padding:0 2rem; }
.kakao_ch dl {font-family:"SB-ugr";}
.kakao_ch dl dt { font-size:2.45rem; line-height:2.8rem; color:#000; font-weight:500;font-family:inherit;  }
.kakao_ch dl dt p {display:block; font-size:1.1rem; line-height:1.3rem; font-weight:400; margin-bottom:.5rem; font-family:inherit;  }
.kakao_ch dl dd {font-size:1.1rem; line-height:1.4em; color:#000; margin-top:1rem; opacity:0.8;font-family:inherit; }
.kakao_ch dl dd strong {font-weight:500; }
.kakao_ch .img {display:inline-flex;}


/* ¸ÂÃã¼­ºñ½º */
.service { background-color:#eff4fd;}
.service ul {display:flex; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; gap:20px; align-items: flex-start;}
.service ul li {width:33.3%; text-align:center; }
.service ul li img {border-radius:1.1rem;}
.service ul li h2 {font-family:'SB-ugr'; font-weight:500; font-size:21px; line-height:1.5em; color:#333; margin-top:20px;}
.service ul li p {font-family:'SB-ugr'; font-weight:400;  font-size:16px; line-height:1.5em; color:#666; margin-top:7px; }

@media screen and (max-width:1180px){
	.service ul li img {width:100%;}
}





/* **************************************** *
 *  ÀÚµ¿Â÷´º½º
 * **************************************** */
.car_news {display:block;  position:relative; z-index:10; background-color:#f3f3f3} 
.car_news ul {display:block; padding-top:10px;}
.car_news ul li {display:inline-block; float:left; position:relative; width:25%; height:100px;  margin-left:0px; margin-bottom:0px; overflow:hidden;background-position:center center;background-size:cover;background-repeat:no-repeat;background-image:url(/images/nophoto/nophoto_115x85.gif);
                         -webkit-transition:all  0.4s; -moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s }
.car_news ul li a {display:block; position:relative;width:100%; height:100%; transition: all 0.2s ease-in; }
.car_news ul li .img-wrap {display:block; width:100%; height:100%; position:relative;overflow:hidden; }
.car_news ul li .img-wrap:after { content:''; position:absolute; left:0; bottom:-100px; width:100%; height:30%; background: linear-gradient(to bottom, transparent 0%, transparent 100%);  -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.car_news ul li .img-wrap .thumb {transform:scale(1);-webkit-transform:scale(1); background-repeat:no-repeat;display:block; width:100%; height:100%;  background-position:center center; background-size:cover; transition:transform 0.4s ease 0s;-webkit-transition:transform 0.4s ease 0s;}
.car_news ul li a  p { opacity:0; display:inline-block; position:absolute; left:0; bottom:-50px; text-align:center;  background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.5) 100%); width:100%; padding:15px 20px 30px; color:#fff; font-size:16px; letter-spacing:-.07em; font-weight:500; z-index:5; 
                                       overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; 
                                       -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;
}
.car_news ul li a:hover p { opacity:1; bottom:0;padding:60px 20px 30px; background: linear-gradient(to bottom, transparent 0%, #000 100%);  overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }
.car_news ul li a:hover .thumb {transform:scale(1.08,1.08);-webkit-transform:scale(1.08,1.08);}
.car_news ul li:nth-child(1) {width:50%; height:340px; }
.car_news ul li:nth-child(2) {width:25%; height:170px; }
.car_news ul li:nth-child(3) {width:25%; height:170px;}
.car_news ul li:nth-child(4) { clear:both; width:25%; height:170px;}
.car_news ul li:nth-child(5) { width:25%; height:170px;}
.car_news ul li:nth-child(6) { width:50%; height:340px; margin-top:-170px;}


#map {position:relative; height:500px; width:100%; border-top:1px solid #eef0f4; }