/* BASIC css start */
/* ¸ÞÀÎ */

/* »ó´Ü ½½¶óÀ̵å */
#main_slide { clear:both; width:1100px; margin:0 auto;  height:685px; overflow:hidden; }

.flash_banner
{
clear:both;
position:relative;
float:left;
width:1100px;
height:685px;
z-index:10;
}
 
.flash_banner .flash_banner_body
{
float:left;
position:absolute;
padding:0px;
width:1100px;
height:685px;
overflow:hidden;
}

.flash_banner .flash_banner_body ul 
{
float: left;
position:absolute;
list-style-type: none; 
width:3000px;
height:685px;
zoom*1;
margin:0px;
padding:0px;
overflow: hidden;
}

.flash_banner .flash_banner_body li 
{
float: left;
position: relative;
width:1100px;
height:685px;
line-height:10px;
padding:0px;
margin:0px;
overflow: hidden;
}

.flash_banner .flash_banner_body li img 
{ 
width:1100px; 
height:685px;
margin:0 auto;
padding:0px; 
border:0px;
}

.flash_banner .flash_banner_body li img { opacity:1;filter:alpha(opacity=100); -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; } 
.flash_banner .flash_banner_body li img:hover { opacity:0.8;filter:alpha(opacity=90); -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }

#main_slide .flash_banner .btn { cursor:pointer;z-index:12; }
#main_slide .flash_banner .btn_left {  position:absolute; left:30px; top:50%; width:43px; height:65px; margin-top:-32px; text-align:center; z-index:13; cursor:pointer; }
#main_slide .flash_banner .btn_right { position:absolute; right:30px; top:50%;  width:43px; height:65px; margin-top:-32px; text-align:center; z-index:13; cursor:pointer; } 
/* //»ó´Ü ½½¶óÀ̵å */

/* Ãßõ»óÇ° */
#recmdBox { clear:both; width:1100px; height:auto; overflow:hidden; margin:0 auto; }

/* ½æ³×ÀÏ ¾Æ·¡ ¿©¹é */
#recmdBox .item-list ul { margin:0 !important; }
#recmdBox .item-wrap .item-list ul {margin-bottom:30px;}


/* ÅÇÈ­¸é »óÇ° Á¤º¸ */
#recmdBox .box { position:relative; height:auto;}
#recmdBox .prd_info_box { display:table; position:absolute; top:0px; left:15px; width:250px; height:330px; background:url(/design/wdms3592/onedesign2/images/bg_proimg.png) 0 0 repeat; cursor:pointer; overflow:hidden; }
#recmdBox .prd_info { display:table-cell; vertical-align: middle; *top:35%; position:relative; width:90%; padding:5%; }

#recmdBox .prd_info li { display:block; text-align:center; letter-spacing:0.05em; line-height:20px; color:#e3e3e3; font-size:11px; font-weight:normal; padding-bottom:3px; font-family:'Montserrat', 'Noto Sans KR', 'Nanum Gothic',Sans-serif; }
#recmdBox li.prd_name,
#recmdBox li.prd_name a,
#recmdBox li.prd_name span { color:#e3e3e3 !important; font-size:11px !important; font-weight:normal !important; font-family:'Montserrat', 'Noto Sans KR', 'Nanum Gothic',Sans-serif; }
#recmdBox li.prd_consumer { }
#recmdBox li.prd_price { }
#recmdBox li.prd_yoyak { color:#adadad; }
/* //Ãßõ»óÇ° */

/* Áß¾Ó¹è³Ê */
#m_bannerWrap { clear:both; width:1100px; height:550px; margin:50px auto 0; }
#m_bannerWrap .middleBanner { width:680px; height:550px; float:left; }
#m_bannerWrap .middleBanner .slideshow-wrapper  { position:relative; width:680px; height:550px; z-index:10; } 
#m_bannerWrap .middleBanner .slideshow-wrapper .vi { float:left; position:absolute; width:100%; height:100%;  z-index:1; opacity:0; filter:alpha(opacity=0); }
#m_bannerWrap .middleBanner .slideshow-wrapper .vi:first { float:left; position:absolute; width:100%; height:100%;  z-index:1; opacity:1; filter:alpha(opacity=100); }
#m_bannerWrap .middleBanner .slideshow-wrapper .bak { float:left; position:absolute; width:100%; height:100%; display:none; }

#m_bannerWrap .middleBanner .slideshow-wrapper .btn { float:left; position:absolute; width:auto; width:66px; z-index:30; left:5px; bottom:5px; }
#m_bannerWrap .middleBanner .slideshow-wrapper .btn .btnbox { float:left; position:relative; width:66px; height:24px; }
#m_bannerWrap .middleBanner .slideshow-wrapper .btn .btnbox .bull { float:left; position:relative; width:18px; height:24px; background:url(/design/wdms3592/onedesign2/images/mBanner_btn_off.png) 0 0 repeat-x; margin:0 2px; cursor:pointer; }
#m_bannerWrap .middleBanner .slideshow-wrapper .btn .btnbox .bull.active { float:left; position:relative; width:18px; height:24px; background:url(/design/wdms3592/onedesign2/images/mBanner_btn_on.png) 0 0 no-repeat; }

#m_bannerWrap .middleBanner_right { width:390px; height:550px; float:right; }

#m_bannerWrap img { opacity:1;filter:alpha(opacity=100); -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; } 
#m_bannerWrap img:hover { opacity:0.8;filter:alpha(opacity=90); -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }

/* ¸ÞÀΠŸÀÌƲ */
.main_title { clear:both; text-align:left; margin:70px auto 30px; }
.main_title h2 { display:block; padding:20px 0 0; font-family:'Montserrat', 'Nanum Gothic', Sans-serif; font-size:11px; letter-spacing:1px; color:#222; font-weight:normal; text-transform:uppercase; background:url(/design/wdms3592/onedesign2/images/bg_title.png) 0 0 no-repeat; }




/* BASIC css end */