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

/* [Main] - Main Visual */
.mnVisual {
    margin-top:-20px;
}
.mnVisual_in {
    position:relative;
}
.mnVisual .slick_type {
    overflow:hidden;
}
.mnVisual .slick-list {
    overflow:inherit;
    height:706px
}
.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 .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, 0.9);
    z-index:10;
}
.mnVisual .slick-prev {
    left:50%;
    margin:-32px 0 0 -1000px;
}
.mnVisual .slick-next {
    right:50%;
    margin:-32px -1000px 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-dots {
    position:absolute;
    left:0;
    bottom:24px;
    width:100%;
    text-align:center;
}
.mnVisual .slick-dots li {
    display:inline-block;
    margin:0 10px;
}
.mnVisual .slick-dots li button {
    width:30px;
    height:30px;
    text-indent:-9999px;
    border-radius:50%;
    border:none;
    background:#fff;
}
.mnVisual .slick-dots li.slick-active button {
    background:#4d79d8;
}

/* [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:370px;*/
    width:550px;
}
.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:228px;
    background:url("../image/main/renewal/mnSearch_btn_car.png") 145px 5px no-repeat;
}
.mn_type_search .list li.size a {
    padding-left:215px;
    background:url("../image/main/renewal/mnSearch_btn_size.png") 163px 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:#f2f9ff;*/
}
.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:#4d79d8;
    font-family:"spoqa_bold";
}
.mn_ontire_best .best_list .unit .explain .price {
    margin-top:-1px;
    font-size:26px;
    color:#000000;
    font-family:"spoqa_bold";
}

/* [Main] - 온타이어 New */
.mn_ontire_new .section {
    padding:85px 0 100px;
}
.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 img {
    vertical-align:top;
    width: 250px;
}
.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:#4d79d8;
    font-family:"spoqa_bold";
}

/* [Main] - 차종별 전용 타이어 */
.mn_tire_type {
    /*background:url("../image/main/renewal/mnCardiversion_back.jpg") center center no-repeat;
    background-size:cover;*/
}
.mn_tire_type .section {
    width:1210px;
    margin:0 auto;
    height:187px;
    padding:60px 0 80px;
}
.mn_tire_type .title {
    font-size:24px;
    color:#000000;
    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: #edf6ff url("../image/main/renewal/mnCardiversion_icon_sedan.gif") center 8px no-repeat;
    background-size:150px;
}
.mn_tire_type .list li.suv a {
    background: #edf6ff url("../image/main/renewal/mnCardiversion_icon_suv.gif") center 9px no-repeat;
    background-size:142px;
}
.mn_tire_type .list li.ev a {
    background:#edf6ff url("../image/main/renewal/mnCardiversion_icon_ev.gif") center 3px no-repeat;
    background-size:155px;
}
.mn_tire_type .list li.truck a {
    background:#edf6ff url("../image/main/renewal/mnCardiversion_icon_truck.gif") center 4px no-repeat;
    background-size:160px;
}
.mn_tire_type .list li:last-child {
    margin-right:0;
}

/* [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%;
}
.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 {
    margin-top:5px;
    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:#4d79d8;
    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:57px;
}
.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:327px;
    margin-right:20px;
    padding:25px 30px 40px;
    border:1px solid #d9d9d9;
    border-radius:20px;
    background:#fff;
}
.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 {
    border-top:1px solid #f3f4f6;
    border-bottom:1px solid #f3f4f6;
    background:#f2f9ff;
}
.mn_inquiry .section {
    width:1210px;
    margin:0 auto;
    padding:53px 0 48px;
}
.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:15px 33px 15px 33px;
    background:#fff;
    box-shadow:3px 3px 7px #ddd;
}
.mn_inquiry ul li a {
    display:block;
    width:388px;
    height:121px;
    font-weight:bold;
    font-size:22px;
    line-height:121px;
    color:#000000;
    text-align:center;
}
.mn_inquiry ul li.buy {}
.mn_inquiry ul li.buy a {
    width:340px;
    padding-left:50px;
    background:url('../image/main/renewal/mnInquiry_icon1.png') 80px 60% no-repeat;
}
.mn_inquiry ul li.install {}
.mn_inquiry ul li.install a {
    width:352px;
    padding-left:38px;
    background:url('../image/main/renewal/mnInquiry_icon2.png') 92px 50% no-repeat;
}
.mn_inquiry ul li.sell {}
.mn_inquiry ul li.sell a {
    width:345px;
    padding-left:45px;
    background:url('../image/main/renewal/mnInquiry_icon3.png') 98px 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;
}