@charset "utf-8";

.wrap{/*overflow: hidden;*/width: 100%;min-width: 370px;}
.wrap .left_con{float: left;width: 350px;background: #fafafa;border-right: 1px solid #e9e9e9;min-height: 936px;height: 100%;text-align: center;padding: 50px 0 10px 0;position: fixed;top: 0;left: 0;}
.wrap .left_con h1{height: 80px;line-height: 80px;margin: 0 0 20px 0;}
.wrap .left_con h1 img {margin: 0 0 0 18px;}
.wrap .left_con ul.gnb{font-size: 20px;line-height: 50px;}
.wrap .left_con ul.gnb li{font-weight: 600;}
.wrap .left_con ul.login{width: 70%;min-width: 235px;margin: 24px auto 15px;text-align: center;background: #fff;border: 1px solid #eee; font-size:13px;}
.wrap .left_con ul.login li{width: 32%;display: inline-block;padding: 14px 0;}
.wrap .left_con ul.login li:nth-child(1)::after{content: "|";float: right;color: #b5b5b5;}
.wrap .left_con ul.login li:nth-child(2)::after{content: "|";float: right;color: #b5b5b5;}
.wrap .left_con .footer{border-top: 1px solid #e9e9e9;padding: 0;/* position: absolute; *//* bottom: 10px; */width: 100%;height: 350px;}
.wrap .left_con .footer .call{height: 100px;text-align: left;width: 76%;margin: 30px auto 30px;}
.wrap .left_con .footer .call span{font-size: 18px;line-height: 30px;}
.wrap .left_con .footer .call span img{vertical-align: middle;margin: 0 10px 0 0;}
.wrap .left_con .footer .call span.txt{vertical-align: top;font-size: 17px;font-weight: 600;}
.wrap .left_con .footer .call span.number{color: #2489c1;font-weight: 600;font-size: 22px;vertical-align: bottom;padding: 0 0 0 5%;}
.wrap .left_con .footer .call span.s_num{font-size: 17px;text-align: right;display: inline-block;color: #212121;line-height: 25px;padding: 4px 0 0 5%;}
.wrap .left_con .footer p.text{color: #4c4c4c;text-align: left;font-size: 12px;width: 90%;margin: 0 auto;}
.wrap .left_con .footer .footer_bottom{color: #bdbdbd;width: 100%;line-height: 25px;position: absolute; bottom: 30px;}
.wrap .left_con .footer .footer_bottom .p1{text-align: center;font-size: 12px;}
.wrap .left_con .footer .footer_bottom .p1 a{color: #bdbdbd;padding: 0 6px;}
.wrap .left_con .footer .footer_bottom .p2{text-align: center;font-size: 12px;}

.wrap .right_con{float: left;width: 100%;padding: 80px 0 40px 350px;text-align: center;margin: 0 auto;}
.wrap .right_con .fix {position: fixed;top: 0;background: #fff;height: 90px;width: 82%;z-index: 8;padding: 20px 0;}
.wrap .right_con .fix ul.tabs{margin: 0 auto;padding: 0px;list-style: none;height: 70px;display: inline-block;}
.wrap .right_con .fix ul.tabs li{background: none;color: #222;display: inline-block;padding: 20px 25px;margin: 0 16px;cursor: pointer;font-size: 20px;}
.wrap .right_con .fix ul.tabs li.current{color: #222;border-bottom: 3px solid #222;font-weight: 600;}
.wrap .right_con .tab-content{display: none;padding: 10px;}
.wrap .right_con .tab-content.current{display: inherit;}


.wrap .right_con .tab-content ul.top_cate{float: right;display: block;height: 36px;margin: 0 0 30px 0;}
.wrap .right_con .tab-content ul.top_cate li{float: left;padding: 10px 7px;font-size: 14px;}

.wrap .right_con .tab-content ul.top_cate li:nth-child(1)::after{content: "|";float: right;color: #212121;margin: 0 0 0 16px;}
.wrap .right_con .tab-content ul.top_cate li:nth-child(2)::after{content: "|";float: right;color: #212121;margin: 0 0 0 16px;}
.wrap .right_con .tab-content ul.top_cate li:nth-child(3){}
.wrap .right_con .tab-content ul.top_cate li:nth-child(4){padding: 0;margin: 3px 10px 0 15px;}
.wrap .right_con .tab-content ul.top_cate li:nth-child(4) a{padding: 5px 20px;display: inline-block;border: 1px solid #212121;border-radius: 20px;}
.wrap .right_con .tab-content ul.top_cate li:nth-child(4) a:hover{background:#212121;color: #fff;}

.con_box{clear: both;display: block;text-align: center;margin: 0 auto;}
.con_box ul.list{display: inline-block;text-align: center;width: 100%;margin: 0 auto;}
.con_box ul.list li{width: 23%;display: inline-block;float: left;margin: 1% 1%;}
.con_box ul.list li .con_wrap{max-width: 311px; /*min-height: 840px;*/ min-width: 311px;margin: 0 auto;}
.con_box ul.list li div.con_img{position: relative;height: 300px;border: 1px solid #eaeaea;}
.con_box ul.list li div.con_img img{margin: 45px 0 0 0;}
.con_box ul.list li div.con_img p {position: absolute;top: 0;left: 0;}
.con_box ul.list li div.con_img p span{padding: 3px 10px;height: 20px;line-height: 20px;margin: 0;float: left;color: #fff;}
.con_box ul.list li div.con_img p span.s1{background: #ff2b2b;}
.con_box ul.list li div.con_img p span.s2{background: #05a3bc;}
.con_box ul.list li div.con_img p span.s3{background: #fa5a29;}
.con_box ul.list li div.con_img .color {position: absolute;bottom: 5px;right: 5px;}
.con_box ul.list li div.con_img .color span{height: 18px;width: 18px;border: 1px solid #e4e4e4;margin: 4px 0 0 0;float: left;}
.con_box ul.list li div.con_img .color span.c1{background: #ff2b2b;}
.con_box ul.list li div.con_img .color span.c2{background: #05a3bc;}
.con_box ul.list li div.con_img .color span.c3{background: #fa5a29;}
.con_box ul.list li div.con_text{border-left: 1px solid #ececec;border-right: 1px solid #ececec;}
.con_box ul.list li div.con_text ul{padding: 20px 0 15px 0;display: inline-block;width: 100%;}
.con_box ul.list li div.con_text ul li{border: 0;height: 22px;line-height: 22px;width: 100%;}
.con_box ul.list li div.con_text ul li:nth-child(1){font-size: 20px;font-weight: 600;}
.con_box ul.list li div.con_text ul li:nth-child(2){font-size: 16px;color: #949494;margin: 6px 0;}
.con_box ul.list li div.con_text ul li:nth-child(3){font-size: 22px;font-weight: 600;color: #ff2b2b;}
.con_box ul.list li p.click{height: 50px;border: 1px solid #2489c1;}
.con_box ul.list li p.click a{font-size: 18px;font-weight: 600;line-height: 50px;background: #2489c1;display: inline-block;width: 100%;color: #fff;}
.con_box ul.list li div.price table{border: 1px solid #2489c1;box-sizing: border-box;width: 100%;}
.con_box ul.list li div.price table th {border-right: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;padding: 3px 0;}
.con_box ul.list li div.price table td {border-right: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;padding: 3px 0;font-weight: 600;font-size: 16px;}
.con_box ul.list li div.price table .none_r{border-right: none!important;}
.con_box ul.list li div.price table .none_b{border-bottom: none!important;}


.m_h1{display: none;}
.m_menu {display: none;cursor: pointer;z-index: 9999;}
.m_menu .menu_bg {width: 300px;height: 100%;position: fixed;top:0px;left:0px;display: none;border-right: 1px solid #e9e9e9;background: #fafafa;}
.m_menu .menu {position: relative;top:0px;left:0px;width: 299px;height: 100%;overflow: hidden;background: #fafafa;text-align: center;}
.m_menu .menu > div {padding: 2%;}



.m_menu .menu h1{height: 80px;line-height: 80px;margin: 0 0 20px 0;}
.m_menu .menu h1 img {width: 135px;margin: 0 0 0 18px;}
.m_menu .menu ul.gnb{font-size: 17px;line-height: 60px;}
.m_menu .menu ul.gnb li{font-weight: 600;}
.m_menu .menu ul.login{width: 70%;min-width: 235px;margin: 64px auto 15px;text-align: center;background: #fff;border: 1px solid #eee;}
.m_menu .menu ul.login li{width: 32%;display: inline-block;padding: 14px 0;}
.m_menu .menu ul.login li:nth-child(1)::after{content: "|";float: right;color: #b5b5b5;}
.m_menu .menu ul.login li:nth-child(2)::after{content: "|";float: right;color: #b5b5b5;}
.m_menu .menu .footer{border-top: 1px solid #e9e9e9;padding: 0;width: 100%;height: 350px;}
.m_menu .menu .footer .call{height: 100px;text-align: left;width: 76%;margin: 30px auto 50px;}
.m_menu .menu .footer .call span{font-size: 18px;line-height: 30px;}
.m_menu .menu .footer .call span img{vertical-align: middle;margin: 0 10px 0 0;}
.m_menu .menu .footer .call span.txt{vertical-align: top;font-size: 17px;font-weight: 600;}
.m_menu .menu .footer .call span.number{color: #2489c1;font-weight: 600;font-size: 24px;vertical-align: bottom;padding: 0 0 0 5%;}
.m_menu .menu .footer .call span.s_num{font-size: 17px;text-align: right;display: inline-block;color: #212121;line-height: 25px;padding: 4px 0 0 5%;}
.m_menu .menu .footer p.text{color: #4c4c4c;text-align: left;font-size: 12px;width: 90%;margin: 0 auto;}
.m_menu .menu .footer .footer_bottom{color: #bdbdbd;width: 100%;line-height: 25px;padding: 30px 0 20px 0;}
.m_menu .menu .footer .footer_bottom .p1{text-align: center;font-size: 12px;}
.m_menu .menu .footer .footer_bottom .p1 a{color: #bdbdbd;padding: 0 6px;}
.m_menu .menu .footer .footer_bottom .p2{text-align: center;font-size: 12px;}

@media ( min-width: 1980px ) {
.con_box ul.list li{width: 16%;display: inline-block;float: left;margin: 1% 1%;}
}

@media ( max-width: 1610px ) {
.con_box ul.list li{width: 31%;display: inline-block;float: left;margin: 1% 1%;}
}

@media ( max-width: 1486px ) {
.wrap .left_con .footer .call span.txt{font-size: 14px;}
.wrap .left_con .footer .call span.number{font-size: 20px;}
.wrap .left_con .footer .call span.s_num{font-size: 15px;}
}


@media ( max-width: 1350px ) {
.wrap .left_con {display: none;}
.wrap .right_con {width: 100%;max-width: none;min-width: 0;margin: 80px 0 0 0;padding: 40px 0;}
.m_menu{display: block;position: absolute;top: 25px;left: 25px;}
.m_h1{display: inline-block;position: absolute;top: 10px;left: 50%;margin: 0 0 0 -67px;}
.m_h1 img{width: 134px;}
.wrap .right_con .fix {width: 100%;}
.wrap .right_con .fix ul.tabs{margin: 0 auto;padding: 0px;list-style: none;height: 70px;display: inline-block;}
}

@media ( max-width: 990px ) {
.con_box ul.list li{width: 48%;display: inline-block;float: left;margin: 1% 1%;}
}

@media ( max-width: 780px ) {
.wrap .right_con {margin: 40px 0 0 0;padding:40px 10px;}

.wrap .right_con .fix {width: 100%;height: 80px;}
.wrap .right_con .fix ul.tabs{margin: 0 auto;padding: 0px;list-style: none;height: 50px;display: inline-block;}
.wrap .right_con .fix ul.tabs li{font-size: 17px;padding:10px;margin: 0 5px;}

.m_menu .menu{min-height: 400px;overflow: auto;}
.m_h1{margin: 0 0 0 -52px;}
.m_h1 img{width: 104px;}
.m_menu .menu .footer .call{height: 175px;text-align: center;width: 80%;margin: 25px auto;}
.m_menu .menu .footer .call span{font-size: 18px;line-height: 30px;}
.m_menu .menu .footer .call span img{vertical-align: middle;margin: 0 10px 0 0;}
.m_menu .menu .footer .call span.txt{vertical-align: top;font-size: 17px;font-weight: 600;width: 100%;display: inline-block;margin: 0 0 10px 0;}
.m_menu .menu .footer .call span.number{color: #2489c1;font-weight: 600;font-size: 28px;vertical-align: bottom;padding: 0;}
.m_menu .menu .footer .call span.s_num{font-size: 19px;text-align: right;display: inline-block;color: #212121;line-height: 25px;/* padding: 4px 0 0 5%; */}
.m_menu .menu ul.login {margin: 20px auto 50px;}
.m_menu .menu .footer .call span.number {width: 90%;text-align: center;}


.wrap .right_con .tab-content ul.top_cate{float: right;display: block;/* height: 36px; */margin: 0;}
.wrap .right_con .tab-content ul.top_cate li{float: left;padding: 4px;font-size: 11px;}
.wrap .right_con .tab-content ul.top_cate li:nth-child(1)::after{content: "|";float: right;color: #212121;margin: 0 0 0 6px;}
.wrap .right_con .tab-content ul.top_cate li:nth-child(2)::after{content: "|";float: right;color: #212121;margin: 0 0 0 6px;}
.wrap .right_con .tab-content ul.top_cate li:nth-child(4) a{padding: 0 10px;display: inline-block;border: 1px solid #212121;border-radius: 20px;}

.con_box ul.list li .con_wrap{max-width: none;min-width: 0;margin: 0 auto;}
.con_box ul.list li div.con_img{position: relative;height: 100%;border: 1px solid #eaeaea;}
.con_box ul.list li div.con_img img{margin: 45px 0;width: 70%;}
.con_box ul.list li div.con_img p {position: absolute;top: 0;left: 0;font-size: 10px;}
.con_box ul.list li div.con_img p span{padding: 2px 6px;height: 18px;line-height: 18px;margin: 0;float: left;color: #fff;}
.con_box ul.list li div.con_img p span.s1{background: #ff2b2b;}
.con_box ul.list li div.con_img p span.s2{background: #05a3bc;}
.con_box ul.list li div.con_img p span.s3{background: #fa5a29;}
.con_box ul.list li div.con_img .color span{height: 12px;width: 12px;}
.con_box ul.list li div.con_text{border-left: 1px solid #ececec;border-right: 1px solid #ececec;}
.con_box ul.list li div.con_text ul{padding: 10px 0;display: inline-block;width: 100%;}
.con_box ul.list li div.con_text ul li{border: 0;height: 16px;line-height: 16px;width: 100%;}
.con_box ul.list li div.con_text ul li:nth-child(1){font-size: 14px;font-weight: 600;}
.con_box ul.list li div.con_text ul li:nth-child(2){font-size: 11px;color: #949494;margin: 3px 0;}
.con_box ul.list li div.con_text ul li:nth-child(3){font-size: 16px;font-weight: 600;color: #ff2b2b;}
.con_box ul.list li p.click{height: 30px;border: 1px solid #2489c1;}
.con_box ul.list li p.click a{font-size: 14px;font-weight: 600;line-height: 30px;background: #2489c1;display: inline-block;width: 100%;color: #fff;}
.con_box ul.list li div.price table th {border-right: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;padding: 3px 0;font-size: 11px;}
.con_box ul.list li div.price table td {border-right: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;padding: 3px 0;font-weight: 600;font-size: 13px;}

}