@import "reset.css";
@import "common.css";
@import "layout.css";
@import "popup.css";

/* [Main] - Main Visual */
.mnVisual {
    
}
.mnVisual_in {
    position:relative;
}
.mnVisual .slick_type {
    overflow:hidden;
}
.mnVisual .slick-list {
    overflow:inherit;
    height:600px
}
.mnVisual .slick-list a {
    display:block;
    text-align:center;
}
.mnVisual .slick-list a img {
    display:inline;
    vertical-align:top;
}
.mnVisual .slick-initialized .slick-slide {
    /*width:1900px;*/
}
.mnVisual .visual-wrapper::before {
    /* content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    filter: blur(10px) brightness(0.7); /* 블러 + 어둡게 */
    z-index: 1; */
}
.mnVisual .slick-prev,
.mnVisual .slick-next {
    position:absolute;
    top:50%;
    width:64px;
    height:64px;
    text-indent:-9999px;
    border:1px solid #c2c2c2;
    border-radius:50%;
    background:rgba(255, 255, 255, 1);
    opacity:0.4;
    z-index:10;
}
.mnVisual .slick-prev {
    left:50%;
    margin:-32px 0 0 -654px;
}
.mnVisual .slick-next {
    right:50%;
    margin:-32px -654px 0 0;
}
.mnVisual .slick-prev:before,
.mnVisual .slick-next:before,
.mnVisual .slick-prev:after,
.mnVisual .slick-next:after {
    content:"";
    position:absolute;
    width:11px;
    height:1px;
    background:#a1a1a1;
}
.mnVisual .slick-prev:before,
.mnVisual .slick-next:before {
    left:25px;
    top:28px;
}
.mnVisual .slick-prev:before {
    transform:rotate(-45deg);
}
.mnVisual .slick-next:before {
    transform:rotate(45deg);
}
.mnVisual .slick-prev:after,
.mnVisual .slick-next:after {
    left:25px;
    top:35px;
}
.mnVisual .slick-prev:after {
    transform:rotate(45deg);
}
.mnVisual .slick-next:after {
    transform:rotate(-45deg);
}
.mnVisual .slick_type .slick-dots {
    display:flex;
    position:absolute;
    left:50%;
    bottom:20px;
    transform:translateX(-50%);
}
.mnVisual .slick_type .slick-dots li {}
.mnVisual .slick_type .slick-dots li button {
    position:relative;
    width:28px;
    height:28px;
    border:none;
    border-radius:50%;
    background:transparent;
}
.mnVisual .slick_type .slick-dots li button:after {
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:13px;
    height:13px;
    border-radius:50%;
    background:#fff;
    transform:translate(-50%, -50%);
}
.mnVisual .slick_type .slick-dots li.slick-active button:after {
    background:#114388;
}

/* [Main] - Layer Search */
.mn_type_search {
    width:1210px;
    margin:50px auto 72px;
}
.mn_type_search .list {
    width:1110px;
    margin:0 auto;
}
.mn_type_search .list:after {
    content:"";
    display:block;
    clear:both;
}
.mn_type_search .list li {
    position:relative;
    float:left;
    width:50%;
}
.mn_type_search .list li:after {
    /*content:"";
    position:absolute;
    right:0;
    top:6px;
    width:1px;
    height:37px;
    background:#dbdbdb;*/
}
.mn_type_search .list li a {
    display:block;
    padding:13px 0 7px;
    font-size:18px;
    color:#000000;
    text-align:left;
}
.mn_type_search .list li.number a {
    padding-left:142px;
    background:url("../image/main/renewal/mnSearch_btn_number.gif") 13px 6px no-repeat;
}
.mn_type_search .list li.car a {
    padding-left:148px;
    background:url("../image/main/renewal/mnSearch_btn_car.gif") 65px 5px no-repeat;
}
.mn_type_search .list li.size a {
    padding-left:135px;
    background:url("../image/main/renewal/mnSearch_btn_size.gif") 83px 6px no-repeat;
}
.mn_type_search .list li:last-child:after {
    display:none;
}

/* [Main] - 타이어 Common */
.mn_ontire {}
.mn_ontire .section {
    width:1210px;
    margin:0 auto;
    padding:65px 0 85px;
}
.mn_ontire .title {
    font-size:24px;
    color:#000000;
    font-family:"spoqa_bold";
}
.mn_ontire .title .name {
    display:inline-block;
    position:relative;
    margin-left:-4px;
    padding:0 3px;
}
.mn_ontire .title .name:after {
    content:"";
    position:absolute;
    left:0;
    bottom:2px;
    width:100%;
    height:13px;
    background:#a6d6ff;
    z-index:20;
}
.mn_ontire .title .name span {
    position:relative;
    font-family:"spoqa_bold";
    z-index:21;
}

/* [Main] - 타이어 Best */
.mn_ontire_best {
    background:#f5f5f5;
}
.mn_ontire_best .best_list {
    width:100%;
    margin-top:30px;
}
.mn_ontire_best .best_list:after {
    content:"";
    display:block;
    clear:both;
}
.mn_ontire_best .best_list .unit {
    float:left;
    width:386px;
    min-height:280px;
    margin-right:26px;
    background:#fff;
}
.mn_ontire_best .best_list .unit:last-child {
    margin-right:0;
}
.mn_ontire_best .best_list .unit_in {
    padding:35px 24px 40px;
}
.mn_ontire_best .best_list .unit a {
    display:block;
}
.mn_ontire_best .best_list .unit a:after {
    content:"";
    display:block;
    clear:both;
}
.mn_ontire_best .best_list .unit .img {
    float:left;
    width:124px;
    margin-right:40px;
}
.mn_ontire_best .best_list .unit .img img {}
.mn_ontire_best .best_list .unit .explain {
    float:left;
    width:160px;
}
.mn_ontire_best .best_list .unit .explain .brand {
    font-size:16px;
    color:#666666;
}
.mn_ontire_best .best_list .unit .explain .tit {
    overflow:hidden;
    margin-top:6px;
    font-size:20px;
    color:#000000;
    font-family:"spoqa_bold";
    white-space:nowrap;
    text-overflow:ellipsis;
}
.mn_ontire_best .best_list .unit .explain .size {
    margin-top:2px;
    font-size:18px;
    color:#555555;
}
.mn_ontire_best .best_list .unit .explain .grade {
    margin-top:13px;
    font-size:18px;
    color:#555555;
}
.mn_ontire_best .best_list .unit .explain .grade img {
    margin:0 6px -1px 0;
    vertical-align:baseline;
}
.mn_ontire_best .best_list .unit .explain .grade strong {
    display:inline-block;
    margin-top:-5px;
    vertical-align:middle;
}
.mn_ontire_best .best_list .unit .explain .sale {
    margin-top:17px;
    font-size:22px;
    color:#555555;
    font-family:"spoqa_bold";
}
.mn_ontire_best .best_list .unit .explain .price {
    margin-top:-1px;
    font-size:26px;
    color:#3ba6de;
    font-family:"spoqa_bold";
}

/* [Main] - 타이어 New */
.mn_ontire_new .section {
    padding:80px 0 0;
}
.mn_ontire_new .new_list {
    width:100%;
    margin-top:30px;
}
.mn_ontire_new .new_list:after {
    content:"";
    display:block;
    clear:both;
}
.mn_ontire_new .new_list .unit {
    float:left;
    width:280px;
    margin-right:30px;
}
.mn_ontire_new .new_list .unit:last-child {
    margin-right:0;
}
.mn_ontire_new .new_list .unit a {
    display:block;
}
.mn_ontire_new .new_list .unit a .img {
    height: 300px;
}
.mn_ontire_new .new_list .unit a .img img {
    vertical-align:top;
    width: 250px;
    max-height: 300px;
}
.mn_ontire_new .new_list .unit a .brand {
    margin-top:10px;
    font-size:16px;
    color:#666666;
}
.mn_ontire_new .new_list .unit a .tit {
    overflow:hidden;
    margin-top:12px;
    font-size:22px;
    color:#000000;
    font-family:"spoqa_bold";
    white-space:nowrap;
    text-overflow:ellipsis;
}
.mn_ontire_new .new_list .unit a .txt {
	overflow: hidden;
    font-size:18px;
    color:#000000;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.mn_ontire_new .new_list .unit a .size {
    margin-top:2px;
    font-size:16px;
    color:#666666;
}
.mn_ontire_new .new_list .unit a .price {
    margin-top:15px;
    font-size:20px;
    color:#3ba6de;
    font-family:"spoqa_bold";
}


/* [Main] - BEEST 휠 */
.mn_ontire_wheel .section {
    padding:80px 0 0;
}
.mn_ontire_wheel .wheel_list {
    width:100%;
    margin-top:30px;
}
.mn_ontire_wheel .wheel_list:after {
    content:"";
    display:block;
    clear:both;
}
.mn_ontire_wheel .wheel_list .unit {
    float:left;
    width:280px;
    margin-right:30px;
}
.mn_ontire_wheel .wheel_list .unit:last-child {
    margin-right:0;
}
.mn_ontire_wheel .wheel_list .unit a {
    display:block;
}
.mn_ontire_wheel .wheel_list .unit a .img img {
    vertical-align:top;
    width: 250px;
}
.mn_ontire_wheel .wheel_list .unit a .brand {
    margin-top:10px;
    font-size:16px;
    color:#666666;
}
.mn_ontire_wheel .wheel_list .unit a .tit {
    overflow:hidden;
    margin-top:12px;
    font-size:22px;
    color:#000000;
    font-family:"spoqa_bold";
    white-space:nowrap;
    text-overflow:ellipsis;
}
.mn_ontire_wheel .wheel_list .unit a .txt {
	overflow: hidden;
    font-size:18px;
    color:#000000;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.mn_ontire_wheel .wheel_list .unit a .size {
    margin-top:2px;
    font-size:16px;
    color:#666666;
}
.mn_ontire_wheel .wheel_list .unit a .price {
    margin-top:15px;
    font-size:20px;
    color:#3ba6de;
    font-family:"spoqa_bold";
}


/* [Main] - 차종별 전용 타이어 */
.mn_tire_type {
    background:url("../image/main/renewal/mnCardiversion_back.jpg") center center no-repeat;
    background-size:cover;
    margin-top: 50px;
}
.mn_tire_type .section {
    width:1210px;
    margin:0 auto;
    height:187px;
    padding:60px 0 80px;
}
.mn_tire_type .title {
    font-size:24px;
    color:#ffffff;
    font-family:"spoqa_medium";
    text-align:center;
}
.mn_tire_type .list {
    margin-top:30px;
}
.mn_tire_type .list li {
    float:left;
    width:276px;
    margin-right:35px;
}
.mn_tire_type .list li a {
    display:block;
    height:44px;
    padding-top:98px;
    font-size:20px;
    color:#000000;
    font-family:"spoqa_medium";
    text-align:center;
    border-radius:20px;
}
.mn_tire_type .list li.sedan a {
    background:rgba(255, 255, 255, 0.8) url("../image/main/renewal/mnCardiversion_icon_sedan.png") center 25px no-repeat;
}
.mn_tire_type .list li.suv a {
    background:rgba(255, 255, 255, 0.8) url("../image/main/renewal/mnCardiversion_icon_suv.png") center 25px no-repeat;
}
.mn_tire_type .list li.ev a {
    background:rgba(255, 255, 255, 0.8) url("../image/main/renewal/mnCardiversion_icon_ev.png") center 25px no-repeat;
}
.mn_tire_type .list li.truck a {
    background:rgba(255, 255, 255, 0.8) url("../image/main/renewal/mnCardiversion_icon_truck.png") center 25px no-repeat;
}
.mn_tire_type .list li:last-child {
    margin-right:0;
}

.mn_use_guide {
    margin-top:100px;
}
.mn_use_guide .title {
    width:1210px;
    margin:0 auto;
    font-size:24px;
    color:#000000;
    font-family:"spoqa_bold";
}
.mn_use_guide .section {
    width:auto;
    margin-top:23px;
    padding:0;
    background:#f6f8fb;
}
.mn_use_guide .list {
    width:1210px;
    height:167px;
    margin:0 auto;
    padding:43px 0 0 90px;
    background:#f6f8fb;
}
.mn_use_guide .list:after {
    content:"";
    display:block;
    clear:both;
}
.mn_use_guide .list li {
    position:relative;
    float:left;
    width:185px;
    margin-right:45px;
    background-position:center 0;
    background-repeat:no-repeat;
}
.mn_use_guide .list li a {
    display:flex;
    justify-content:center;
    align-items:center;
    height:60px;
    padding-top:75px;
    font-size:15px;
    line-height:19px;
    color:#474747;
    text-align:center;
}
.mn_use_guide .list li:after {
    content:"";
    position:absolute;
    right:-40px;
    top:32px;
    width:12px;
    height:23px;
    background:url("../image/main/renewal/mnUse_guide_icon_arrow.gif") 0 0 no-repeat;
}
.mn_use_guide .list li:last-child:after {
    display:none;
}
.mn_use_guide .list li.li1 {
    background-image:url("../image/main/renewal/mnUse_guide_img1.jpg");
}
.mn_use_guide .list li.li2 {
    background-image:url("../image/main/renewal/mnUse_guide_img2.jpg");
}
.mn_use_guide .list li.li3 {
    background-image:url("../image/main/renewal/mnUse_guide_img3.jpg");
}
.mn_use_guide .list li.li4 {
    background-image:url("../image/main/renewal/mnUse_guide_img4.jpg");
}
.mn_use_guide .list li.li5 {
    background-image:url("../image/main/renewal/mnUse_guide_img5.jpg");
}

/* [Main] - 배너 */
.mn_ontire_bnnr {
    width:1210px;
    margin:80px auto 0;
}
.mn_ontire_bnnr .title {
    font-size:24px;
    color:#000000;
    text-align:center;
}
.mn_ontire_bnnr .bnnr {
    width:100%;
    margin-top:30px;
}
.mn_ontire_bnnr .bnnr:after {
    content:"";
    display:block;
    clear:both;
}
.mn_ontire_bnnr .bnnr a {
    float:left;
    width:591px;
    margin-right:27px;
}
.mn_ontire_bnnr .bnnr a:last-child {
    margin-right:0;
}
.mn_ontire_bnnr .bnnr a img {
    vertical-align:top;
}

/* [Main] - 타이어 ON’S PICK */
.mn_ontire_pick {}
.mn_ontire_pick .section {
    padding:90px 0 70px;
}
.mn_ontire_pick .pick_list {
    width:100%;
    margin-top:20px;
}
.mn_ontire_pick .pick_list:after {
    content:"";
    display:block;
    clear:both;
}
.mn_ontire_pick .pick_list .pick_area {
    float:left;
    width:589px;
    padding:37px 0 25px;
    background:#f5f5f5;
}
.mn_ontire_pick .pick_list .pick_area:last-child {
    float:right;
}
.mn_ontire_pick .pick_list .pick_area .brand_title {
    text-align:center;
}
.mn_ontire_pick .pick_list .pick_area .brand_title img {
    vertical-align:top;
}
.mn_ontire_pick .pick_list .pick_area .list {
    margin-top:15px;
    padding-left:21px;
}
.mn_ontire_pick .pick_list .pick_area .list:after {
    content:"";
    display:block;
    clear:both;
}
.mn_ontire_pick .pick_list .pick_area .list .unit {
    float:left;
    width:258px;
    margin-right:30px;
}
.mn_ontire_pick .pick_list .pick_area .list .unit:last-child {
    margin-right:0;
}
.mn_ontire_pick .pick_list .pick_area .list .unit a {
    display:block;
    position:relative;
}
.mn_ontire_pick .pick_list .pick_area .list .unit a .img img {
    vertical-align:top;
    width: 100%;
    height: 300px;
}
.mn_ontire_pick .pick_list .pick_area .list .unit a .brand {
    margin-top:10px;
    font-size:16px;
    color:#666666;
}
.mn_ontire_pick .pick_list .pick_area .list .unit a .title {
	overflow: hidden;
    margin-top:7px;
    font-size:20px;
    color:#000000;
    font-family:"spoqa_bold";
    white-space: nowrap;
    text-overflow: ellipsis;
}
.mn_ontire_pick .pick_list .pick_area .list .unit a .size {
    font-size:18px;
    color:#555555;
}
.mn_ontire_pick .pick_list .pick_area .list .unit a .grade {
    position:absolute;
    right:6px;
    bottom:47px;
    margin-top:13px;
    font-size:18px;
    color:#555555;
}
.mn_ontire_pick .pick_list .pick_area .list .unit a .grade img {
    margin:0 3px -1px 0;
    vertical-align:baseline;
}
.mn_ontire_pick .pick_list .pick_area .list .unit a .grade strong {
    display:inline-block;
    margin-top:-5px;
    vertical-align:middle;
}
.mn_ontire_pick .pick_list .pick_area .list .unit a .total {
    margin-top:10px;
}
.mn_ontire_pick .pick_list .pick_area .list .unit a .total .sale {
    margin-right:15px;
    font-size:22px;
    color:#088eff;
    font-family:"spoqa_bold";
}
.mn_ontire_pick .pick_list .pick_area .list .unit a .total .price {
    font-size:26px;
    color:#000000;
    font-family:"spoqa_bold";
}

/* [Main] - 타이어 Review */
.mn_review {}
.mn_review .section {
    padding-bottom:0;
}
.mn_review .review_list {
    width:100%;
    margin-top:25px;
}
.mn_review .review_list:after {
    content:"";
    display:block;
    clear:both;
}
.mn_review .review_list .unit {
    position:relative;
    float:left;
    width:328px;
    margin-right:20px;
    padding:25px 30px 40px;
    border:1px solid #d9d9d9;
    border-radius:20px;
    background:#f5f5f5;
}
.mn_review .review_list .unit .name {
    font-size:15px;
    color:#666666;
}
.mn_review .review_list .unit .model {
    margin-top:7px;
    font-size:17px;
    color:#000000;
    font-family:"spoqa_bold";
}
.mn_review .review_list .unit .star {
    margin-top:8px;
}
.mn_review .review_list .unit .star img {
    vertical-align:top;
}
.mn_review .review_list .unit .text {
    display:-webkit-box;
    overflow:hidden;
    min-height:50px;
    margin-top:5px;
    font-size:15px;
    line-height:24px;
    color:#000000;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.mn_review .review_list .unit .delivery {
    position:absolute;
    right:22px;
    top:17px;
    padding:2px 8px;
    font-size:14px;
    color:#ffffff;
    border-radius:12px;
    background:#9b9b9b;
}
.mn_review .review_list .unit:last-child {
    margin-right:0;
}

/* [Main] - 문의내역 */
.mn_inquiry {}
.mn_inquiry .section {
    width:1210px;
    margin:0 auto;
    padding:100px 0 0;
}
.mn_inquiry ul {
    width:100%;
}
.mn_inquiry ul:after {
    content:"";
    display:block;
    clear:both;
}
.mn_inquiry ul li {
    overflow:hidden;
    float:left;
    margin-right:20px;
    border-radius:20px;
    background:#fff;
}
.mn_inquiry ul li a {
    display:block;
    width:388px;
    height:121px;
    font-weight:bold;
    font-size:22px;
    line-height:121px;
    color:#fff;
}
.mn_inquiry ul li.buy {
    background:#9fb2f6;
}
.mn_inquiry ul li.buy a {
    width:230px;
    padding-left:160px;
    background:url('../image/main/renewal/mnInquiry_icon1.png') 83px 60% no-repeat;
}
.mn_inquiry ul li.install {
    background:#6fb5f3;
}
.mn_inquiry ul li.install a {
    width:217px;
    padding-left:160px;
    background:url('../image/main/renewal/mnInquiry_icon2.png') 93px 50% no-repeat;
}
.mn_inquiry ul li.sell {
    background:#6ed1e4;
}
.mn_inquiry ul li.sell a {
    width:210px;
    padding-left:180px;
    background:url('../image/main/renewal/mnInquiry_icon3.png') 103px 50% no-repeat;
}
.mn_inquiry ul li:last-child {
    margin-right:0;
}

/* [Main] - 장착점 위치 안내 */
.mn_location {}
.mn_location .section {
    padding-top:80px;
    padding-bottom:20px;
}
.mn_location .location_map {
    height:400px;
    background:#eee;
}