/*-------------------------------------------------------------*/
/*                               메인                          */
/*-------------------------------------------------------------*/

#mainPage {}

/*-------------------------메인비주얼-------------------------*/

#mainPage .mVisual {margin-top:30px;}
#mainPage .mVisual .main-img {width:830px; height:400px; float:left;}
#mainPage .mVisual .main-img-banner {width:260px; height:400px; float:right;}



/*-------------------------고객지원 & 작업서포트-------------------------*/

#mainPage .mSupport {margin-top:30px;}
#mainPage .mSupport .mSupport1 {width:360px; height:200px; float:left; border-bottom:1px solid #ddd;}
#mainPage .mSupport .mSupport2 {width:720px; height:200px; float:right; border-bottom:1px solid #ddd;}
#mainPage .mSupport .support-title {margin-bottom:25px;}

/* 고객지원 */
#mainPage .mSupport .ms-icon {margin:0 22.5px;}

#mainPage .mSupport .ms-icon li {position:relative; width:150px; text-align:center; float:left; margin-right:5px; margin-bottom:5px; cursor:pointer;}
#mainPage .mSupport .ms-icon li span {display:block; width:150px; height:40px; margin:0 auto; border:1px solid #d5d5d5;background-image:url(/_img/main/support-01-icon.png); background-repeat:no-repeat;}
#mainPage .mSupport .ms-icon li:hover span {border:1px solid #feb300; background-image:url(/_img/main/support-01-icon-over.png);}
#mainPage .mSupport .ms-icon li h3{position:absolute; text-align:center; font-size:13px; color:#555; margin:0px; margin-top:-26px; margin-left:50px; line-height:16px;}
#mainPage .mSupport .ms-icon li:hover h3 {color:#5a3e26;}

.ms-icon .ms-icon1 {background-position:0 0;}
.ms-icon .ms-icon2 {background-position:-150px 0;}
.ms-icon .ms-icon3 {background-position:-300px 0;}
.ms-icon .ms-icon4 {background-position:-450px 0;}
.ms-icon .ms-icon5 {background-position:-600px 0;}
.ms-icon .ms-icon6 {background-position:-750px 0;}

/*#mainPage .mSupport .ms-icon {margin:0 22.5px;}
#mainPage .mSupport .ms-icon li {position:relative; float:left; width:150px; height:40px; margin-right:5px; border:1px solid #d5d5d5; margin-bottom:5px; background-image:url(/_img/main/support-01-icon.png); background-repeat:no-repeat; text-indent:-9999px;}
#mainPage .mSupport .ms-icon li:hover {border:1px solid #feb300; background-image:url(/_img/main/support-01-icon-over.png);}



/* 작업서포트 */
#mainPage .mSupport .ms-icon2  {padding-top:5px; }
#mainPage .mSupport .ms-icon2 li {position:relative; width:120px; text-align:center; float:left; cursor:pointer;}
#mainPage .mSupport .ms-icon2 li span {display:block; width:70px; height:70px; margin:0 auto; background-image:url(/_img/main/support-02-icon_.png); background-repeat:no-repeat; border-radius:50%;}
#mainPage .mSupport .ms-icon2 li:hover span {background-image:url(/_img/main/support-02-icon-over_.png);}
#mainPage .mSupport .ms-icon2 li h3 {text-align:center; font-size:13px; color:#555; margin:0px; margin-top:15px; line-height:16px; }
#mainPage .mSupport .ms-icon2 li:hover h3 {color:#13b5b1;}

.ms-icon2 .ms-icon1 {background-position:0 0;}
.ms-icon2 .ms-icon2 {background-position:-70px 0;}
.ms-icon2 .ms-icon3 {background-position:-140px 0;}
.ms-icon2 .ms-icon4 {background-position:-210px 0;}
.ms-icon2 .ms-icon5 {background-position:-280px 0;}
.ms-icon2 .ms-icon6 {background-position:-350px 0;}



/*------------------------대표상품-------------------------*/

#mainPage .mProduct { margin-top:30px;}
#mainPage .mProduct .product-title {font-size:18px; color:#5a3e26; margin-bottom:15px;}
#mainPage .mProduct .product-title span {font-size:12px; color:#aaa; padding-left:10px;}

#mainPage .mProduct-list {position: relative;}
#mainPage .mProduct-list div {position: relative; overflow: hidden;}
#mainPage .mProduct-list ul {position:relative; width:100%; height:240px; overflow:hidden;}
#mainPage .mProduct-list li {position: relative; display: block; width:265px; height:240px; margin-right:10px; float:left;}

/************************
 * styling for #lista2
 ***********************/
#lista1 {}
#lista1 .als-item img { position: relative; display: block; vertical-align: middle;}
#lista1 .als-prev,
#lista1 .als-next {position: absolute; cursor: pointer; clear: both; display:block; z-index:99; top: 0px; margin-top:-40px; width: 24px; height: 24px; background-image:url(/_img/main/arrow.png); background-repeat:no-repeat; }
#lista1 .als-prev {right: 26px;  background-position:-25px 0; }
#lista1 .als-next {right: 0px; background-position:-75px 0; }
#lista1 .als-prev:hover {background-position:0px 0; }
#lista1 .als-next:hover {background-position:-50px 0; }

/*------------------------신상품-------------------------*/

#mainPage .mNew {margin-top:30px;}
#mainPage .mNew .new-title {font-size:18px; color:#5a3e26; margin-bottom:15px;}
#mainPage .mNew .new-title span {font-size:12px; color:#aaa; padding-left:10px;}

#mainPage .mNew-list {}
#mainPage .mNew-list ul {position:relative; width:100%; max-height:530px; overflow:hidden;}
#mainPage .mNew-list li {width:210px; height:250px; margin-right:12.5px; margin-bottom:15px; float:left; border:1px solid #e9e9e9; box-sizing:border-box; overflow:hidden;}
#mainPage .mNew-list li:nth-child(5n) {margin-right:0px;}
#mainPage .mNew-list li span {line-height:40px; display:block; text-align:center; font-size:12px; color:#555; border-top:1px solid #e9e9e9;}



/*------------------------고객센터-------------------------*/

#mainPage .mCs {margin-top:30px; border:1px solid #ddd; overflow:hidden; padding:20px 0;}
#mainPage .mCs > div {float:left; width:33.33%; height:190px; border-right:1px solid #e0e0e0; padding:0 20px;}
#mainPage .mCs > div:last-child {border-right:none;}
#mainPage .mCs .cs-title {font-size:16px; line-height:30px; color:#333; font-weight:bold; margin-bottom:15px;}

.mCs .tel {font-size:34px; font-weight:bold; font-family:OpenSans; letter-spacing:-0.5px;}

.mCs .time {font-size:14px; font-family:OpenSans; color:#999; line-height:22px; margin-bottom:15px; padding-left:50px;}
.mCs .bank {font-size:14px; color:#444; line-height:20px; font-weight:bold;}
.mCs .bank span:nth-child(1) {font-size:14px; color:#feb300; line-height:20px; font-weight:bold;padding-right:5px;}
.mCs .bank span:nth-child(2){font-size:12px; color:#777; line-height:20px; font-weight:bold; padding-left:5px;}

.mCs .cs-table {}
.mCs .cs-table li {font-size:12px; color:#777; line-height:26px; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.mCs .cs-table li:before {display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content: "\f105"; font-size:11px; color:#feb300; margin-right:5px;}
.mCs .cs-table li a {font-size:12px; color:#777; line-height:26px;  white-space:nowrap; }
.mCs .cs-table li a:hover {color:#5a3e26;}

.mCs .cs-table1 {}
.mCs .cs-table1 li {font-size:16px; color:#555; line-height:40px; width:100%; font-weight:bold; overflow:hidden;}