/* 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 .box { position:relative; }
#recmdBox .prd_info_box { display:table; display:none; position:absolute; top:0px; left:7px; width:266px; height:266px; background:url(/design/lya6214/onedesign/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:1px; font-family:'Montserrat', 'Noto Sans KR', 'Nanum Gothic',Sans-serif; }

#recmdBox li.prd_name a,
#recmdBox li.prd_name span {display:block; color:#e3e3e3 !important; font-size:13px !important; font-weight:normal !important; font-family:'Montserrat', 'Noto Sans KR', 'Nanum Gothic',Sans-serif; padding-bottom:7px;}
#recmdBox li.prd_consumer { }
#recmdBox li.prd_price { }
#recmdBox li.prd_yoyak { color:#adadad; display:none;}
/* //추천상품 */

/* 중앙배너 */
#m_bannerWrap { clear:both; width:1100px; height:450px; margin:50px auto 0; }
#m_bannerWrap .middleBanner { width:700px; height:450px; float:left; }
#m_bannerWrap .middleBanner .slideshow-wrapper  { position:relative; width:700px; height:450px; 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:113px; 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/lya6214/onedesign/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/lya6214/onedesign/images/mBanner_btn_on.png) 0 0 no-repeat; }

#m_bannerWrap .middleBanner_right { width:370px; height:450px; 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:13px; letter-spacing:1px; color:#222; font-weight:normal; text-transform:uppercase; background:url(/design/lya6214/onedesign/images/bg_title.png) 0 0 no-repeat; }






/* 21-08-11 원디자인 추가 */
#bn_main{margin-top: 50px;}
#bn_main > ul {font-size: 0;line-height: 0;letter-spacing: 0;}
#bn_main > ul li {display: inline-block;vertical-align: middle;margin-bottom: 50px;margin-right: 25px;}
#bn_main > ul li:nth-child(3n) {margin-right: 0;}
/* BASIC css end */