/* BASIC css start */
/**** MAIN ****/

/* ¸ÞÀÎ Å¸ÀÌÆ² */
h2.titleMain2 { position:relative; display:block; line-height:40px; font-size:13px; color:#242424; font-weight:normal; text-align:left; }
h2.titleMain2 span { color: #93b559;}
h2.titleMain2::after {    content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 25px;
    height: 1px;
    background: #93b559;; }


/* ¸ÞÀÎ ·Ñ¸µ ¹è³Ê */
#event .MS_img-wrap { position:relative; width:100%; overflow:hidden; }
#event .event-imgs { position:relative; }
#event .MS_img-area { float:left; }
#event .MS_img-area:not(:first-child) { display:none; }
#event .MS_img-area img { width:100%; max-height:500px; }
#event .pagination { position:absolute; bottom:8px; left:0; text-align:center; width:100%; font-size:0; line-height:0;  }
#event .pagination .swiper-pagination-switch { display:inline-block; margin:0px 3px; width:20px; height:20px; text-indent:-9999px; background:url("/design/silver8077/onedesign/mobile/images/btn_off.png") no-repeat 0 0; background-size:100% 100%; }
#event .pagination .swiper-active-switch { background:url("/design/silver8077/onedesign/mobile/images/btn_on.png") no-repeat 0 0; background-size:100% 100%; }



/* ½Ã¸®Áî */
#prdSeries { position:relative; width:100%; padding:50px 0 20px; }
#prdSeries h2 { margin:0 14px; }
#prdSeries .swiper-slide .inner { width:100%; }
#prdSeries .swiper-slide .img { clear:both; width:50%; margin:10px auto 0; }
#prdSeries .swiper-slide .img a { display:block; /*margin:0 14px;*/ }
#prdSeries .swiper-slide .img a img { width:100%; margin-top:20px; }
#prdSeries .swiper-slide .text { clear:both; position:relative; width:100%; text-align:left; }
#prdSeries .swiper-slide .text .content { margin:0 14px; }
#prdSeries .swiper-slide .text h3 { display:block; position:relative; line-height:40px; font-size:20px; color:#242424; font-weight:normal; }
#prdSeries .swiper-slide .text h3::after { content:""; position:absolute; bottom:0; left:0; width:40px; height:2px; background:#93b559; }
#prdSeries .swiper-slide .text p { display:block; margin-top:20px; line-height:17px; font-size:10px; color:#666; }





/* ¿À´ÃÀÇ »óÇ° */
#prdToday {    width: 100%;
    padding: 20px 0 25px;
    background: #f7f7f7; }
#prdToday h2 { margin:0 14px;font-size:13px; }

#prdToday h2.hotviewtx span {
    color: #93b559;
}

h2.hotviewtx {
    font-size: 13px;
    font-weight: bold;
}

#prdToday .swiper-slide .inner { width:100%; }
#prdToday .swiper-slide .img {     clear: both;
    width: 92%;
    height: auto;
    margin: 10px auto 0; }
#prdToday .swiper-slide .img a { position:relative; display:block; /*margin:0 14px;*/ }
#prdToday .swiper-slide .img a::after { content:""; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background:#000; 
	-webkit-opacity:0.03; -khtml-opacity:0.03; -moz-opacity:0.03; -ms-opacity:0.03; -o-opacity:0.03; opacity:0.03; }
#prdToday .swiper-slide .img a img { width:100%; }
#prdToday .swiper-slide .text { clear:both; position:relative; width:100%; text-align:left; }
#prdToday .swiper-slide .text .content { margin:0 14px; }
#prdToday .swiper-slide .text h3 {     display: block;
    position: relative;
    line-height: 40px;
    font-size: 18px;
    color: #242424;
    font-weight: normal;
    margin-top: 2px;}

#prdToday .swiper-slide .text h3 span { font-size:20px !important; color:#242424 !important; }
#prdToday .swiper-slide .text p { display:block; margin-top:0px; line-height:17px; font-size:10px; color:#666; }










/* ÀÎÅ×¸®¾î °¡ÀÌµå */
#interiorGuide {     width: 100%;
    padding: 30px 0 25px;
    background: #f7f7f7;
    text-align: center; }
#interiorGuide h2 { width:100%; line-height:30px; font-size:20px; font-weight:normal; color:#242424; text-align:center; }
#interiorGuide h2 span { line-height:20px; font-size:11px; color:#888; }
#interiorGuide .content { margin-top:30px; padding:0 7px; }
#interiorGuide ul { line-height:0; font-size:0; letter-spacing:0; }
#interiorGuide li {     display: inline-block;
    width: 33.33%;
    text-align: center;
    vertical-align: top; }
#interiorGuide li a { display:block; margin:0 2px; }
#interiorGuide .img { width:100%; }
#interiorGuide .img img { width:100%; height:auto; }
#interiorGuide .text {    width: 100%;
    height: auto;
    margin-top: 4px;
    padding: 1px 3px 0;
    background-position: top left,top right;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }

#interiorGuide .text p {       line-height: 25px;
    font-size: 14px !important;;
    color: #242424;}
#interiorGuide .text span {    line-height: 12px;
    font-size: 10px;
    color: #888; }

#interiorGuide .text p.mortx {
    line-height: 25px;
    font-size: 14px;
    color: #242424;
color: #222 !important;
    font-size: 11px !important;
}

#interiorGuide .text p img {    margin: 0 0 2px 2px;vertical-align:middle;}
/* ÀÎÅ×¸®¾î °¡ÀÌµå Æ÷ÀÎÆ® »ö»ó */
#interiorGuide .interior_gold:hover .text p { color:#bf7c4e; }
#interiorGuide .interior_green:hover .text p { color:#348040; }
#interiorGuide .interior_red:hover .text p { color:#9c151c; }














/* ÀÌº¥Æ® ¹è³Ê */
#eventBanner { position:relative; width:100%; }
#eventBanner .inner { display:block; position:relative; width:100%; height:330px; background:url("/design/silver8077/onedesign/mobile/images/bg_event_banner.jpg") center center no-repeat; 
	background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')"; }
#eventBanner .inner::after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; 
	-webkit-opacity:0.1; -khtml-opacity:0.1; -moz-opacity:0.1; -ms-opacity:0.1; -o-opacity:0.1; opacity:0.1; }
#eventBanner .text  { padding:50px 14px 0; }
#eventBanner h2.titleMain { padding:0 0 20px !important; text-align:center; line-height:30px; font-size: 20px; font-weight: bold; }
#eventBanner h2.titleMain::after { background:none; }
#eventBanner h2.titleMain span { color:#93b559; }
#eventBanner .text p { line-height:25px; font-size:11px; color:#888; text-align:center; }
#eventBanner .btn { position:absolute; bottom:50px; z-index:999; width:100%; height:35px; text-align:center; }
#eventBanner .btn a { display:block; width:150px; line-height:35px; margin:0 auto; font-size:13px; color:#93b559; border:1px solid #93b559; }
#eventBanner .btn a:hover { color:#fff; background:#93b559; }














/* ÅÇ »óÇ° */
#prdTab { padding-top:25px; padding-bottom:40px; }
#prdTab h2 { display:block; line-height:30px; margin-bottom:5px; font-size:20px; color:#242424; font-weight:normal; text-align:center; }
.tab_menu { font-size:0; letter-spacing:0; text-align:center; }
.tab_menu li { position:relative; display:inline-block; *display:inline; *zoom:1; line-height:15px; padding:0 10px; margin:5px 0; font-size:11px; letter-spacing:0px; }
.tab_menu li::after { content:""; position:absolute; top:0; left:0; width:1px; height:100%; background:#ddd; }
.tab_menu li:first-child::after { background:none; }
.tab_menu .tit { display:block; color:#242424; font-weight:normal; cursor:pointer; }
.tab_menu .on .tit { border-bottom:1px solid #242424; }
.tab_cont { height:auto; /*overflow:hidden;*/ margin:20px 7px 0; }
.tab_cont ul { line-height:0; font-size:0; letter-spacing:0; }
.tab_cont li { display:inline-block; *display:inline; *zoom:1; width:50%; margin-top:14px; }
.tab_cont li a { display:block; margin:0 7px; }
.tab_cont li a img { width:100%; height:100%; }



/*Ãß°¡*/


#prdTab>.width>h2.whattx {
    font-size: 14px;
    font-weight: bold;
}

#prdTab>.width>h2.whattx span {
    color: #93b559;
}

.titleMain .whattx {    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.4px;
font-family:'Montserrat','Noto Sans KR','Nanum Gothic',sans-serif}
.titleMain .whattx span {
    color: #93b559;
}

.beli {
    width: 20px;
    height: 1px;
    background: #888;
    margin: 0 auto 10px;
}


.list_shopping3x .list_shoppingInfo {} 
/* BASIC css end */

