#hd {
	min-width: 320px; 
	position: fixed; 
	width: 100%; 
	left: 0px; 
	top: 0px; 
	z-index: 9999; 
	background: #fff; 
	height:108px;
	/*
	background: RGBA(255,255,255,0.75);
	-webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
    transition-duration: 0.2s;
    transition-timing-function: ease;
	*/
}

#hd_h1 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}

#skip_to_container a {
    z-index: 100000;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}

#tnb {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
	border-bottom:0;
}

#tnb ul {
    margin: 0 auto;
    width: 100%;
    zoom: 1;
}

#tnb li {
    float: right;
    margin-bottom: -1px;
    font-size: 0.92em;
	border-left: 0;
}

#tnb a {
    display: inline-block;
    padding: 0 10px;
    color: #666;
    height: 35px;
    line-height: 35px;
	border-bottom:0;
}

#tnb .tnbIco {
    font-size: 18px;
}

#gnb {
    position: relative;
    /*border-bottom: 1px solid #e2e2e2;*/
	background: #df3e35;
	height: 100%;
	background-image: url(/img/main_bg.jpg);
}

#gnb h2 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}

#gnb .gnb_wrap {
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    position: relative;
	display: table;
}

#gnb .gnb_wrap a{
   color:#fff;
}

#logo {
    float: left;
	padding:0;
}

#logo a {
    display: block;
}

#logo img {
    height: 108px;
}

#gnb #gnb_1dul {
    float: right;
    font-size: 1.083em;
    padding: 0;
    zoom: 1;
}
#gnb #gnb_1dul a{
	color:#fff;
}


#gnb .gnb_1dli {
    float: left;
    position: relative;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
    transition-duration: 0.2s;
    transition-timing-function: ease;
}

.gnb_1da {
    display: inline-block;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}

#gnb .gnb_1dli .gnb_1da {
    height: 80px;
    line-height: 80px;
    padding: 0 40px;
    font-size: 18px;
    color: #fff;
    position: relative;
}

.allSchBoxWr {
    z-index: 9999;
}

#btnSchbox {
    display: block;
    height: 80px;
    line-height: 80px;
    padding: 0 20px;
    font-size: 20px;
    cursor: pointer;
    border: 0px;
    background: transparent;
	color: #fff;
}

#allSchBox {
    display: none;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -20px;
}

#allSchBox fieldset {
    position: relative;
    width: 250px;
    border: 2px solid #000;
    background: #fff;
    overflow: hidden;
}


.header-topbar {
    position: relative;
    z-index: 1;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    z-index: 1005;
    text-align: center;
    height: 40px;
}

.position-relative {
    position: relative;
	margin: 0 auto;
    width: 1200px;
}

.header-topbar .topbar-left .left-menu {
    margin-left: 15px;
    position: relative;
    overflow: hidden;
    clear: both;
    border-left: 1px solid #e5e5e5;
}

.header-topbar ul {
    margin: 0;
}

.header-topbar .topbar-left .left-menu > li {
    line-height: 40px;
    float: left;
    border-right: 1px solid #e5e5e5;
}

.header-topbar .topbar-left .left-menu > li > a {
    display: block;
    width: 100%;
    line-height: 40px;
    padding: 0 20px;
    font-size: 12px;
    color: #555555;
}

.header-topbar .topbar-left .left-menu > li > a.active {
    position: relative;
    background: #df3e35;
    color: #fff;
}

.header-topbar ul {
    margin: 0;
}

.header-topbar .topbar-right {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
}

.header-topbar .topbar-right > .member-menu > li {
    padding: 0 7px;
    line-height: 40px;
    display: inline-block;
}

.header-topbar .topbar-right > .member-menu > li.topbar-add-menu {
    position: relative;
}

.header-topbar .topbar-right > .member-menu > li > a {
    font-size: 12px;
    color: #555555;
}

.header-topbar .topbar-right > .member-menu > li.topbar-add-menu > ul {
    left: inherit;
    right: 0;
    font-size: 12px;
    border: 1px solid #e5e5e5;
    box-shadow: none;
    margin-top: -1px;
}


#main-wrap{position:relative;}

.site-wrap{position:relative;width:1200px;margin:0 auto; display:table;}
.float-left{float:left;}
.float-right{float:right;}
.clear{clear:both;}

.ec-base-product{}
.ec-base-product .title, .rightarea .title{margin:0 0 17px;text-align:center;}
.ec-base-product .title h2, .rightarea .title h2{font-size:21px;color:#2e2e2e;}
.ec-base-product .title h3{font-size:18px;color:#2e2e2e;}

.ec-base-product .prdList{display:table;width:100%;min-width:756px;margin:0;font-size:0;line-height:0;text-align:left;}
.ec-base-product img{vertical-align:middle;}
.ec-base-product a[href^='/product/detail.html'] > img{border:1px solid #ececec;}
.ec-base-product .prdList{display:table;width:100%;min-width:756px;font-size:0;line-height:0;text-align:left;}
.ec-base-product .prdList > li{display:inline-block;margin-bottom:5px;color:#757575;vertical-align:top;text-align:left;position:relative;}
.ec-base-product .prdList .chk{display:block;margin:0 0 10px;text-align:center;position:absolute;top:0;left:0;z-index:10;}
.ec-base-product .prdList .thumbnail{position:relative;margin:0 7px 10px;text-align:center;}
.ec-base-product .prdList .thumbnail > a img{width:100%;border:1px solid #ececec;box-sizing:border-box;}
.ec-base-product .prdList .thumbnail .wish{position:absolute;right:3px;bottom:4px;z-index:1;cursor:pointer;}
.ec-base-product .prdList .thumbnail .prdIcon{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;}
.ec-base-product .prdList .thumbnail .img_medium{opacity:1;}.ec-base-product .prdList .thumbnail:hover .img_medium{ opacity:0;}
.ec-base-product .prdList .thumbnail .img_small{position:absolute;top:0;left:0;opacity:0;}
.ec-base-product .prdList .thumbnail:hover .img_small{opacity:1;transition: opacity .15s ease;}
.ec-base-product .prdList .description{margin:0 auto;padding:0 7px;font-size:12px;line-height:18px;text-align:center;}
.ec-base-product .prdList .description .name{display:block;border-bottom:1px solid #eeeeee;margin-bottom:10px;padding-bottom:10px;text-align:right;height:45px}
.ec-base-product .prdList .description ul li {float:left;}
.ec-base-product .prdList .description .name a{color:#2e2e2e;word-break:break-word;}
.ec-base-product .prdList .description .icon{margin:10px 0 0 ;vertical-align:middle;}
.ec-base-product .prdList .description .icon:after{content:"";display:block;clear:both;}
.ec-base-product .prdList .description .promotion{margin:0 0 4px;}
.ec-base-product .prdList .description .button{float:right;margin:0 0 4px;}
.ec-base-product .prdList .description .button img{cursor:pointer;}
.ec-base-product .prdList .description .button .option{display:inline;position:relative;}
.ec-base-product .prdList .description .mileage{display:block;}
.ec-base-product .prdList .description span.grid{display:block;}
.ec-base-product .prdList .description .button .likeButton{display:inline-block;margin:0 5px;}
.ec-base-product .prdList .description .button .likeButton button{font-family:verdana;color:#9a9a9a;letter-spacing:-1px;background:none;}
.ec-base-product .prdList .description .button .likeButton button img{margin-bottom:0;vertical-align:middle;}
.ec-base-product .prdList .description .button .likeButton button strong {height:16px;vertical-align:middle;}
.ec-base-product .prdList .description .button .likeButton.selected button{color:#353535;}

.ec-base-product ul.grid2 > li{width:50%;}
.ec-base-product ul.grid4 > li{width:25%;}
.ec-base-product ul.grid5 > li{width:20%;}
.ec-base-product ul.grid6 > li{width:16.6%; margin-bottom:0;}

.right_area{float:right;width:250px;height:290px;}

.product-b .icon-best{position:absolute;top:35px;left:10px;z-index:10;}

.product-b .cell .prdList{margin:0;}
.product-b .cell .prdList li{ margin:0;box-sizing:border-box;display:inline-block;*display:inline;*zoom:1;cursor:pointer;position:relative;z-index:1;}
.product-b .cell .prdList li .thumbnail,.product-b .cell .prdList li .description{margin:2px;}
.product-b .cell .prdList li .description{ position:absolute;opacity:0;filter:alpha(opacity=0);top:0;left:0;right:0;bottom:0;background: rgba(0,0,0,0.65);background:#555555 \0/IE8;padding:10px 20px;box-sizing:border-box;text-align: right;transition: opacity .15s ease;}
.product-b .cell .prdList li:hover .description{display:block;opacity:1;filter:alpha(opacity=100);}
.product-b .cell .prdList li .description .block{width:100%;height:100%;display: table;}
.product-b .cell .prdList li .description .block .block_in{display:table-cell;vertical-align: middle;text-align:center;}
.product-b .cell .prdList li .description *{color:#ffffff !important}
.product-b .cell .prdList li .description .desc{margin-top:9px;color:#dddddd}
.product-b .cell .prdList li .description .name{padding-bottom:10px;border-bottom:1px dotted #aaa;margin-bottom:5px;}
.product-b .cell .prdList li .description .name *{font-size:15px !important;font-weight:bold !important;}
.product-b .cell .prdList li .description .wish{background:#fff;display: inline-block;margin-top:10px;border-radius:30px;opacity:1;}

.banner-position{overflow:hidden;padding:20px 0;}
.banner-position a:hover img{opacity:0.7}
.banner-position .leftarea{width:770px;float:left;}
.banner-position .leftarea ul{display:inline-block}
.banner-position .leftarea ul li{float:left;box-sizing:border-box;}
.banner-position .rightarea{width:400px;float:right;padding: 22px 10px; border: 1px solid #ccc;}

.discount_rate{z-index:10;position:absolute;border:1px solid #ddd;top:8px;right:15px;width:40px;background:#fff;color: tomato;height:40px;text-align:center;line-height:40px;font-size:13px;border-radius:10px;font-weight:bold;}

.ec-base-product ul.prdList .likeButton {position:absolute;left:10px;bottom:10px;padding:3px 8px;background:#fff;opacity:0;z-index:10 ;transition: opacity .3s ease;}
.ec-base-product ul.prdList .likeButton button{overflow:visible;padding:0;margin:0;border:0;cursor:pointer;}
.ec-base-product ul.prdList li:hover .likeButton{opacity:0.9;animation-name: likeButton;animation-duration:0.2s;opacity:0.9;}
.ec-base-product ul.prdList .likeButton button{font-size:12px;color:#9a9a9a;letter-spacing:-1px;background:none;}
.ec-base-product ul.prdList .likeButton button img{margin-bottom:0;vertical-align:middle;}
.ec-base-product ul.prdList .likeButton button strong {margin-left:2px;height:16px;vertical-align:middle;}
.ec-base-product ul.prdList .likeButton.selected{opacity:1;border-radius:3px;}

ul.prdList > li:hover .iconarea {opacity:0.9;z-index:2;}
ul.prdList .iconarea{ opacity:0;position:absolute;bottom:10px;right:10px;transition: opacity .3s ease;cursor:pointer;background:#fff;z-index:1;}

.ec-base-product .spec{display:table;margin:5px 0;width:100%;}
.ec-base-product .spec li {}
.ec-base-product .spec li .title{font-weight:normal;vertical-align:top;}
.ec-base-product .spec li .title span{vertical-align:top;}
.ec-base-product .spec li .color{overflow:hidden;display:inline-block;margin:3px 0 0 0;}
.ec-base-product .spec li .chips{float:left;width:10px;height:10px;margin:0 2px 2px 0;border:1px solid #e3e3e3;font-size:0;line-height:0;}

.banner-list{text-align:center;background:#f0f0f0;margin:50px 0;}

.banner-list-w{text-align:center;padding:30px 0;}
.banner-list-w ul{overflow:hidden;}
.banner-list-w ul li{float:left; width:50%;}


.banner-list2{background:#f9f9f9; width:100%; padding-top:30px}
.banner-list2 ul{overflow:hidden;}
.banner-list2 ul li{float:left; width:33.33%; text-align:center}

.banner-list3{padding:30px 0 70px;}
.banner-list3 .list li{display:inline-block;*display:inline;*zoom:1;width:385px;height:153px;margin-left:18px;}
.banner-list3 .list li:first-child{margin-left:0;}
.banner-list3 .list li:hover{opacity:0.7}

.banner-list4{background:#985520; width:100%; margin-top:50px; text-align:center}

.banner-list5{background:#efeae7; width:100%; text-align:center}

.btm-info-wrap{}
.btm-info-wrap .snsarea{height:70px;text-align:center;overflow:hidden;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.btm-info-wrap .snsarea .icon{display:inline-block;*zoom:1;*display:inline;vertical-align:middle;margin-top:15px;}
.btm-info-wrap .snsarea .icon a img{border:2px solid #ddd;border-radius:37px;transition:border .2s,margin .2s;margin:0 2px;}
.btm-info-wrap .snsarea .icon a:hover img{border:2px solid #666;margin-top:-3px}
.btm-info-wrap .snsarea .rightarea{display:inline-block;*zoom:1;*display:inline;vertical-align:middle;margin-left:30px;margin-top:10px;}
.btm-info-wrap .menu1{padding:50px 0 30px; border-top: 1px solid #ddd;}
.btm-info-wrap .menu1 .area > li{float:left;width:260px;box-sizing:border-box;border-left:1px solid #ddd;padding:0 25px;min-height:150px;}
.btm-info-wrap .menu1 .area > li .title{margin-left:-3px;font-size:16px;font-weight:bold;}
.btm-info-wrap .menu1 .area > li:first-child{border:0;}
.btm-info-wrap .menu1 .area > li .cont{margin-top:15px;}
.btm-info-wrap .menu1 .area > li.call{padding-left:0;}
.btm-info-wrap .menu1 .area > li.call .cont .phone{font-size:28px;font-weight:bold;}
.btm-info-wrap .menu1 .area > li.call .cont .runtime{margin-top:5px;line-height:18px;color:#777777;}
.btm-info-wrap .menu1 .area > li.bankinfo{width:260px;}
.btm-info-wrap .menu1 .area > li.bankinfo .cont > ul > li{padding-top:5px;color:#000;}
.btm-info-wrap .menu1 .area > li.bankinfo .cont > ul > li:last-child{color:#777777;margin-top:5px;}
.btm-info-wrap .menu1 .area > li.mymenu{width:340px;}
.btm-info-wrap .menu1 .area > li.mymenu ul{overflow:hidden;}
.btm-info-wrap .menu1 .area > li.mymenu li a{ transition:background .15s ease;text-decoration:none;display:block;float:left;margin:0 0 0 -1px;border:1px solid #ddd;width:70px ;height:80px;text-align:center;color:#666;}
.btm-info-wrap .menu1 .area > li.mymenu li:first-child a{margin:0 0 0 ;}
.btm-info-wrap .menu1 .area > li.mymenu li a:hover{background:#f9f9f9;}
.btm-info-wrap .menu1 .area > li.mymenu li a img{display:block;margin:15px auto 8px }
.btm-info-wrap .menu1 .area > li.event{width:320px;}
.btm-info-wrap .menu1 .area > li.event .title > ul > li{float:right;}
.btm-info-wrap .menu1 .area > li.event .title > ul > li:first-child{float:left;}
.btm-info-wrap .agree-wrap{ border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding :10px 0;text-align:center;}
.btm-info-wrap .agree-list li{display:inline;padding:0px 20px;margin:10px 0;border-left:1px solid #ddd;}
.btm-info-wrap .agree-list li a{color:#707070;font-weight:bold;}
.btm-info-wrap .agree-list li:first-child{border-left:0;padding-left:0;}
.btm-info-wrap .info-wrap{ background:#ffffff;color:#ddd;font-size:12px;padding:10px 0;line-height:18px;letter-spacing:0.4px;text-align:center;width:1200px;margin:0 auto;}
.btm-info-wrap .info-wrap a,.btm-info-wrap .info-wrap span{color:#979797;}
.btm-info-wrap .info-wrap .copyright{color:#b1b1b1;font-size:11px;padding-top:5px;}
.btm-info-wrap .footericon{padding:30px 0 40px;text-align:center;}
.btm-info-wrap .footericon p{display:inline;}

/*Ãß°¡*/
.h-line{float:left;border-right:1px solid #ddd;height:290px;padding-right:35px;}


.page-title-wrap {
    position: relative;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 0;
}

.pull-left {
    float: left!important;
}

.page-title-wrap h2 {
    margin: 0;
    padding: 0;
    font-size: 22px;
    color: #454545;
    font-weight: 700;
}

.pull-right {
    float: right!important;
}

.page-title-wrap .breadcrumb {
    margin: 3px 0 0;
    padding: 0;
    background: none;
    font-size: 12px;
    color: #656565;
}

.clearfix {
    display: block;
    position: relative;
    clear: both;
}

.breadcrumb>li {
    display: inline-block;
}

.page-title-wrap .breadcrumb li {
    color: #656565;
}

.page-title-wrap .breadcrumb li a {
    color: #656565;
}


/*Äü¹è³Ê */
#gotop {
    right: 50%;
    margin-right: 750px;
    margin-top: 100px;
    width: 100px;
    height: 100px;
    z-index: 10000000;
    text-align: center;
}

#gotop2 {
	left: 50%; /*Áß½ÉÁ¡*/
	margin-left: 650px;
    margin-top: 625px;
    width: 100px;
    height: 100px;
    z-index: 10000000;
    text-align: center;
}

#gotop3 {
	left: 58%; /*Áß½ÉÁ¡*/
	margin-left: 650px;
    margin-top: 625px;
    width: 100px;
    height: 100px;
    z-index: 10000000;
    text-align: center;
}
/*Äü¹è³Ê */