@charset "euc-kr";

.indexContWrap {width:855px;margin:30px 0px 30px 145px; position:relative; }
.indexContWrap .myCarWrap {overflow:hidden;}
.indexContWrap .myCarWrap .tit {padding:0px 0px 5px 0px;font-weight:bold;font-size:18px;font-family:mg, 맑은고딕, MalgunGothic, 돋움, dotum, sans-serif;}
.indexContWrap .myCarWrap .dealerInfo {position:relative;width:376px;overflow:hidden;float:left;border:2px solid #CCC;padding:10px;}
.indexContWrap .myCarWrap .dealerInfo .photo {float:left;margin:0px 20px 0px 0px;}
.indexContWrap .myCarWrap .dealerInfo .cont {float:left;}
.indexContWrap .myCarWrap .dealerInfo .cont li {overflow:hidden;}
.indexContWrap .myCarWrap .dealerInfo .cont li span {display:inline-block;width:80px;font-weight:bold; line-height:20px;}
.indexContWrap .myCarWrap .dealerInfo .cont li strong {font-size:14px;font-family:Verdana, Geneva, sans-serif;color:#3f6fc3;}
.indexContWrap .myCarWrap .btn {position:absolute;right:10px;bottom:10px;}
.indexContWrap .myCarWrap .btn a {display:block;padding:3px 3px 0px 3px;font-size:11px;color:#333;border:1px solid #CCC;background:#f6f6f6;}
.indexContWrap .myCarWrap .car {position:relative;overflow:hidden;float:left;margin:0px 7px;border:2px solid #CCC;padding:10px;width:196px;height:90px;background:url('../image/icon_car.png') 20px 60px no-repeat #f6f6f6;}
.indexContWrap .myCarWrap .car .tit {font-size:20px;font-weight:bold;font-family:mg, 맑은고딕, MalgunGothic, 돋움, dotum, sans-serif;}
.indexContWrap .myCarWrap .car .num {padding:20px 0px;text-align:right;font-size:18px;font-family:mg, 맑은고딕, MalgunGothic, 돋움, dotum, sans-serif;}
.indexContWrap .myCarWrap .car .num strong {font-size:30px; font-family:Verdana, mg, 맑은고딕, MalgunGothic, 돋움, dotum, sans-serif;}
.indexContWrap .myCarWrap .carAD {position:relative;overflow:hidden;float:left;border:2px solid #CCC;padding:10px;width:196px;height:90px;background:url('../image/icon_carAD.png') 20px 60px no-repeat #f6f6f6;}
.indexContWrap .myCarWrap .carAD .tit {font-size:20px;font-weight:bold;font-family:mg, 맑은고딕, MalgunGothic, 돋움, dotum, sans-serif;}
.indexContWrap .myCarWrap .carAD .num {padding:20px 0px;text-align:right;font-size:18px;font-family:mg, 맑은고딕, MalgunGothic, 돋움, dotum, sans-serif;}
.indexContWrap .myCarWrap .carAD .num strong {font-size:30px; font-family:Verdana, mg, 맑은고딕, MalgunGothic, 돋움, dotum, sans-serif;}
.indexContWrap .myCarWrap .carSangsa {position:relative;overflow:hidden;float:left;border:2px solid #CCC;padding:10px;width:196px;height:90px;background:url('../image/icon_carSangsa.png') 20px 60px no-repeat #f6f6f6;}
.indexContWrap .myCarWrap .carSangsa .tit {font-size:20px;font-weight:bold;font-family:mg, 맑은고딕, MalgunGothic, 돋움, dotum, sans-serif;}
.indexContWrap .myCarWrap .carSangsa .num {padding:20px 0px;text-align:right;font-size:18px;font-family:mg, 맑은고딕, MalgunGothic, 돋움, dotum, sans-serif;}
.indexContWrap .myCarWrap .carSangsa .num strong {font-size:30px; font-family:Verdana, mg, 맑은고딕, MalgunGothic, 돋움, dotum, sans-serif;}

.newCarLiat {overflow:hidden;}
.newCarLiat .tit {padding:0px 0px 5px 0px;font-weight:bold;font-size:18px;font-family:mg, 맑은고딕, MalgunGothic, 돋움, dotum, sans-serif;}
.newcarIndex {overflow:hidden;border:2px solid #CCC;padding:10px;}
.newcarIndex li {float:left;display:block;width:140px; height:140px;margin:0px !important;padding:10px 30px !important;}
.newcarIndex li .modelImage {padding:10px 0px 20px 0px; }
.newcarIndex li .modelName {font-weight:bold;font-size:12px;}
.newcarIndex li .modelYear {padding:5px 0px;}
.newcarIndex li .seYear {color:#999;}

.community {overflow:hidden;padding:40px 0px 20px 0px;width:855px;}
.community .tit {position:relative;font-size:14px;font-weight:bold;padding:0px 0px 10px 0px;margin:0px 0px 10px 0px;border-bottom:1px solid #608ad0;font-family:mg, 맑은고딕, MalgunGothic, 돋움, dotum, sans-serif;}
.community .tit .more {position:absolute;right:0px;top:0px;font-weight:normal;}
.community .tit .more a {display:block;font-size:11px;padding:5px 10px;color:#999;}
.community .boradList {float:left;width:275px;margin:0px;}
.community .boradList li {margin:5px 0px;padding:0px 0px 0px 10px;font-size:11px;background:url('../image/bu.gif') 5px 4px no-repeat;}
.community .boradList li a:hover {color:#de1414;}

.bannerAD {padding:0px 0px 20px 0px;}


.pop_div { position:absolute; top:100px; left:200px; width:380px; height:420px;  z-index:999; }
.pop_div .banner { position:relative; width:380px; height:400px; background:url('../image/popupNew.jpg') no-repeat 0 0; }
.pop_div .banner .google { position:Absolute; right:10px; bottom:85px; }
.pop_div .banner .iOS { position:Absolute; right:10px; bottom:10px; }


.pop_div .close { height:50px; background:#3e3e3e;line-height:50px;padding:0 20px;font-size:12px;color:#c1c1c1; position:relative; }
.pop_div .close #close { position:absolute; top:0; right:15px; }
.pop_div .close #close a { color:#c1c1c1; }
.pop_div .close #check {position:relative;}
.pop_div .close input { position:relative;appearance:checkbox;-webkit-appearance:checkbox;-moz-appearance:checkbox; outline:0;width:20px;height:20px;border:1px solid #ccc;background:#fff;outline:0;vertical-align:middle;margin-right:12px; opacity:0; z-index:2;}
.pop_div .close input + span {position:absolute; left:0;top:50%; margin-top:-10px; display:inline-block;width:20px;height:20px;background:url('../image/180529_banner_icon2.png') no-repeat; z-index:1;}
.pop_div .close input:checked + span {background:url('../image/180529_banner_icon.png') no-repeat;}

#pop {left:200px; width:380px; height:420px;}
#pop2 {left:580px; width:500px; height:600px;}



.sitesWrap { width:853px; height:50px; margin:0 auto 20px auto; border:1px solid #cecece; overflow:hidden; }
.sitesWrap .title { float:left;  font-family:mg, 맑은고딕, MalgunGothic, 돋움, dotum, sans-serif; font-size:16px; font-weight:bold; color:#333333; letter-spacing:-1px; width:100px;
text-align:center; border-right:2px solid #cecece; margin-top:11px; line-height:1.5; padding-bottom:2px; }
.sitesWrap ul { float:left; display:block; padding:0px 0 0 20px; }
.sitesWrap ul li { float:left; display:block; }
.sitesWrap ul li.m1 { padding:13px 60px 0 40px; }
.sitesWrap ul li.m2 { padding:8px 80px 0 0px; } 
.sitesWrap ul li.m3 { padding:8px 0px 0 0px; } 

/* 메인 */
.main_info {/*background:#f6f6f6;*/}
.main_info .cont {position:relative;max-width:1100px;min-width:1000px;margin:0 auto;padding:22px 0;overflow:hidden;}
.main_info .cont ul {width:66%;padding-left:34%;}
/* .main_info .cont ul li {float:left;width:16.66%;height:62px;text-align:center;font-family: 'SCoreDream';font-weight:300;font-size:12px;color:#2a2a2a;cursor:pointer;}*/
.main_info .cont ul li {float:left;width:19.5%;height:62px;text-align:center;font-family: 'SCoreDream';font-weight:300;font-size:12px;color:#2a2a2a;cursor:pointer;}
.main_info .cont ul li strong {display:block;font-size:32px;color:#20c5ff;letter-spacing:-1px;line-height:47px;}
.main_info .cont ul li.icon1 {background:url('../image/main_icon1.png') no-repeat center 18px;background-size:auto 42px;}
.main_info .cont ul li.icon2 {background:url('../image/main_icon2.png') no-repeat center 18px;background-size:auto 42px;}
.main_info .cont ul li.icon3 {background:url('../image/main_icon3.png') no-repeat center 18px;background-size:auto 42px;}
.main_info .myinfo {position:absolute;left:0;height:70px;padding-left:95px;padding-top:6px;background:url('../image/main_myicon.png') no-repeat 10px center;font-size:13px;font-family:'NotoSans';}
.main_info .myinfo strong {font-size:18px;letter-spacing:-1px;}
.main_info .myinfo .date {font-size:12px;color:#878787;font-family:'NotoSans';line-height:25px;}

.main_notice {clear:both;background:#ebebeb;}
.main_notice .cont {position:relative;max-width:1100px;min-width:1000px;margin:0 auto;overflow:hidden;line-height:35px;font-family:'NotoSans';font-size:14px;letter-spacing:-1px;}
.main_notice .btn_more {margin-left:20px;color:#999;}
.main_notice .tel {position:absolute;right:0;top:1px;font-weight:bold;color:#000;text-align:right;font-family: 'NotoSans';font-size:15px;}
.main_notice .tel strong {padding:0 5px;font-size:18px;color:#ff001e;letter-spacing: 0;}
.main_notice .tel span {padding-right:5px;font-size:12px;color:#777;font-weight:normal;font-family: 'dotum';}

.ad_list img, ,.ad_list_m img, .ad_list_s img {max-width:100%;}
.ad_list {margin-bottom:10px;}
.ad_list_m li {float:left;width:32.5%;border:1px solid #d6d6d6;background:#fff;margin:0 7px 7px 0;}
.ad_list_s {overflow:hidden;padding-bottom:20px;}
.ad_list_s li {float:left;width:32.8%;*width:32.7%;display:inline-block;min-height:131px;/*border:1px solid #d6d6d6;*/background:#f1f1f1;margin:0 .5% 5px 0;}
.ad_list_s li img, .ad_list li img, .ad_list_m li img {max-width:100%;}
.ad_list_s li a {display:block;font-size:0;}
.ad_list_m li:nth-child(3n), .ad_list_s li:nth-child(3n) {margin-right:0;}

.main_ad {clear:both;padding:30px 0;}
.main_ad .cont {position:relative;max-width:1100px;min-width:1000px;margin:0 auto;overflow:hidden;}

.ad_list_right {position:absolute;right:-165px;top:0;}
.ad_list_right img {display:block; margin-bottom:5px}
.ad_list_right .banner_edu {margin-top:20px; display:block; }
.ad_list_left {position:absolute;left:-220px;top:0;}
.ad_list_left .homepage {position:relative;padding-top:20px;}
.ad_list_left .homepage .mright {position:absolute;left:0;bottom:0;display:none;}
.ad_list_left .homepage:hover .mright {display:block;}

.ad_list_right .bigban {position:relative;cursor:pointer;}
.ad_list_right .bigban img {margin:0;}
.ad_list_right .bigban .mright {position:absolute;right:0;bottom:0;display:none;}
.ad_list_right .bigban:hover .mright {display:block;}

/*팝업*/
.block_ui {    display: none;    position: fixed;    top: 0px;    left: 0px;    width: 100%;    height: 100%;    background: rgba(255,255,255,.7);    z-index: 500;}
.block_ui.block {display: block !important;}
.pop_view_style {display: none;  position: fixed; left: 0px; top: 0px;  width: 100%; height: 100%; z-index: 999999 !important;}
.pop_view_style.on {display: block !important;}
.pop_view15 .block_ui {display: block;background: rgba(0,0,0,.4);}
.pop_check { position: absolute; left: 50%;top: 50%; /*width: 654px;*/    height: auto;    margin: -481px 0 0 -327px;    padding: 0;    z-index: 9999;  overflow: hidden;}
.pop_check .close {position: absolute; right: 30px; top: 30px;  color: #fff;  font-size: 40px; display:block; cursor: pointer;}
.pop_view13 .pop_check .close {right:5px;top:5px;}

.right_view .pop_cont img {width:100%;}

.bx-pager{position: absolute; left: 50%; bottom: 20px;}
.bx-pager-item {font-size:0;display:inline-block; margin: 0 5px;}
.bx-pager-link {display:block;width:10px; height:10px; border-radius:10px; background:#f6f6f6;}
.bx-pager-link.active {background:#20c5ff;}
.bx-controls-direction {display:none;}







/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}