#all-wrap {width: 100%;  background: #000;}

/*Çì´õ*/
#header-wrap {height: 126px;}
#header {width: 1200px; margin: 0 auto; padding: 30px 0; position: relative;}
#header h1 {text-align: center;}
#header .left, #header .right {display: block; position: absolute; top: 40px;}
#header .left {left: 0;}
#header .right {right: 0;}

/*ÁÖ¸Þ´º*/
#lnb-wrap {width: 100%; background-color: #c82222;}
#lnb ul {overflow: hidden; width: 1200px; margin: 0 auto;}
#lnb li {float: left; width: 20%; text-align: center;}
#lnb li a {display: block; font-size: 20px; font-weight: 400; color: #fff; line-height: 57px;}
#lnb li.on a, #lnb li:hover a {color: #ffd52e;}


/*»ó´Ü À̹ÌÁö*/
#top-img {display: table; width: 100%; height: 448px; background: url("/img/top-img.jpg") no-repeat center top;}
#top-img .inner {display: table-cell; vertical-align: middle; text-align: center; }
#top-img .inner p {text-indent: -9999px;}

/*ÄÁÅ×À̳Ê*/
#container-wrap {width: 1200px; margin: 0 auto; overflow: hidden;}
#container-wrap:after {display:block;visibility:hidden;clear:both;content:""}

/*¿ÞÂʸ޴º*/
#left-side {float: left; width: 220px;}
#left-side .title {font-size: 24px; color: #fff; text-transform: uppercase;}
#left-side > div {margin-bottom: 12px;}
#left-side a {color: #444; font-weight: 400;}

#category {}
#category .title {width: 100%; height: 80px; background: url("/img/cate-bg.jpg") no-repeat left top;}
#category h2 {padding: 30px 0 0 24px; font-weight: 600;}
#category ul {border: 1px solid #ccc; background: #fff;}
#category li {padding-left: 24px; border-bottom: 1px solid #ccc;}
#category li:last-of-type {border-bottom: none;}
#category li a {display: block; font-size: 17px; padding-left: 20px; line-height: 49px;}
#category li.on a, #category li:hover a {color: #c72222; background: url("/img/cate-on.png") no-repeat left center;}

#call-center {}
#call-center .title {background: #c82222;}
#call-center h2 {line-height: 50px; font-weight: 400; padding-left: 47px; background: url("/img/icon-call.png") no-repeat 17px center;}
#call-center .box {padding: 20px 17px; border: 1px solid #ccc; background: #fff;}

#customer-btn {}
#customer-btn ul {overflow: hidden; margin-bottom: 12px;}
#customer-btn li {
    float: left; width: 107px; height: 107px; text-align: center; border: 1px solid #ccc; background: #fff;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 
}
#customer-btn li a {display: block; font-size: 14px; padding-top: 70px; text-transform: uppercase;}
#customer-btn .notice {margin-right: 6px;}
#customer-btn .notice a {background: url("/img/icon-notice.png") no-repeat center 18px;}
#customer-btn .qna a {background: url("/img/icon-qna.png") no-repeat center 18px;}

/*ÄÁÅ×À̳Ê*/
#container {float: right; width: 960px; margin: 15px 0 30px; height:auto !important; z-index:4; position:relative; zoom:1;}
#container_title {
    margin-bottom: 28px; font-size: 30px; font-weight: 500; text-transform: uppercase; 
    padding-left: 43px; background: url("/img/container-title.png") no-repeat left center;
}

/*»óÇ°¸®½ºÆ®*/
.product-list {overflow: hidden; font-weight: 400;}
.product-list li {float: left; margin: 0 34px 30px 0; text-align: center; font-size: 14px;}
.product-list li:nth-of-type(4n) {margin-right: 0;}
.product-list li a {color: #000;}
.product-list .image {margin-bottom: 10px; border: 1px solid #d6d6d6;}
.product-list .name {font-size: 16px;}
.product-list .cost {color: #c72222;}

/*¸ÞÀÎ*/
#container .main {background: #000; padding: 15px;}
#container .main #container_title {color: #fff;}
#container .main #container_title .point {color: #c82222;}
#container .main .product-list li a {color: #fff;}
#container .main .product-list .cost {color: #ffd52e;}

/*¼­ºê*/
#container .sub {background: #fff; padding: 15px 15px 30px; min-height: 565px;}

/*Ç¥*/
.tbl01-wrap {width: 100%; font-size: 16px;}
.tbl01-wrap table {width: 100%; border: 1px solid #aaaaaa; border-collapse: collapse;}
.tbl01-wrap th, .tbl01-wrap td {padding: 10px 14px; border: 1px solid #aaaaaa;}
.tbl01-wrap th {font-weight: 400; background: #f0f0f0;}

.tbl01-type01 th {text-align: left;}
.tbl01-type02 {text-align: center;}

.tbl02-wrap {width: 100%; font-size: 15px;}
.tbl02-wrap table {width: 100%; border: 1px solid #aaaaaa; border-collapse: collapse;}
.tbl02-wrap th, .tbl02-wrap td {padding: 6px 14px; border: 1px solid #aaaaaa;}
.tbl02-wrap th {font-weight: 400; background: #f0f0f0;}
.tbl02-wrap tfoot {background: #f0f0f0; font-weight: 400;}

.tbl02-type01 th {text-align: left;}
.tbl02-type01 tbody th {width: 120px;}
.tbl02-type01 tbody td {width: 315px;}
.tbl02-type02 {text-align: center;}
.tbl02-type03 thead {background: #f0f0f0; font-weight: 400;}
.tbl02-type03 td {text-align: center;}


/*¹öÆ°*/
#btn-wrap {text-align: center; margin: 30px auto 0; font-size: 17px; font-weight: 400;}
.mh-btn01, .mh-btn02, .mh-btn03 {display: block; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#btn-wrap .mh-btn01 {color: #fff; background: #c82222;}
#btn-wrap .mh-btn02 {color: #505050; border: 1px solid #505050;}
#btn-wrap .mh-btn03 {color: #c82222; border:1px solid #c82222;}


/*»ó¼¼ÆäÀÌÁö*/
#view-top {overflow: hidden; height: 226px; margin-bottom: 45px;}
.view-img {
    float: left; width: 260px; height: 100%; border: 1px solid #aaaaaa; margin-right: 10px;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 
}
.view-info {float: left; width: 660px;}
#view-bottom {}
#view-bottom .mh-btn01 {width: 180px; line-height: 44px; margin: 0 auto;}

/*¼îÇÎ - Àå¹Ù±¸´Ï, ÁÖ¹®, ÁÖ¹®¿Ï·á*/
#shopping {}
#shopping select {display: inline-block; margin-left: 5px; font-size: 0.9em; vertical-align: initial;}
#shopping #btn-wrap {overflow: hidden;}
#shopping .mh-btn01, #shopping .mh-btn02, #shopping .mh-btn03 {float: left; width: 228px; line-height: 33px; margin-right: 6px;}
#shopping #btn-wrap a:last-child {margin-right: 0;}
#shopping .mh-btn01 {padding: 1px 0;}

.cart .c-minus, #shopping .c-plus {display: inline-block; width: 15px; height: 15px; line-height: 15px; background: #333; border: 1px solid #333; color: #fff; margin: 0 2px;}
.cart .modify-btn {display: block; font-size: 0.9em; margin: 2px auto; width: 56px; line-height: 19px; text-align: center; background: #333; color: #fff;}

.order .tbl02-wrap {margin-bottom: 20px;}
.order input[type="text"], .order input[type="date"], .order textarea {
    margin: 0; padding: 0; border: 1px solid #d1d1d1;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 
}
.order input[type="text"] {width: 180px; height: 22px;}
.order input[type="date"] {height: 24px;}
.order textarea {width: 100%; height: 100px; resize: none;}

/*DzÅÍ*/
#footer-wrap {clear: both; width: 100%; background-color: #4b4a4a; margin-top: 100px;}
#footer {overflow: hidden; width: 1200px; margin: 0 auto; padding: 30px 0; font-size: 12px; color: #d7d7d7;}
#footer .logo {display: block; float: left;}
#footer .text {float: left; margin: 10px 0 0 70px;}
#footer ul {overflow: hidden; margin-bottom: 10px;}
#footer li {float:left; margin-right: 14px; font-size: 1.1em;}
#footer li a {color: #fff;}
#footer .text span {display: inline-block; margin-right: 10px;}
#footer .text small {display: block; font-size: inherit; margin-top: 10px;}