@charset "utf-8";

/* 비주얼 */
#visualArea {position:relative;}
#visualArea .visualBox {width:100%; height:400px;}
#visualArea .visualBox .controls {position:absolute; bottom:5px; left:48%; z-index:20;}

#visualArea .visualBox .points {position:absolute; bottom:5px; left:48%; z-index:20;}
#visualArea .visualBox .points a {display:inline-block; margin:0 3px; width:10px; height:10px; background:#D9D9D9;}
#visualArea .visualBox .points a.on {background:#6C6C6C;}

#visualArea .visualBox .visuals li {position:absolute; width:100%; height:400px; top:0; left:0; text-indent:-9999px;}

#visualArea .visualBox .visuals li.v11 {background:url(/images/visual11F.jpg) no-repeat 0 0; background-size:1920px 400px;}
#visualArea .visualBox .visuals li.v14 {visibility:hidden; opacity: 0.0;}
#visualArea .visualBox .visuals li.v07 {visibility:hidden; opacity: 0.0;}
#visualArea .visualBox .visuals li.v12 {visibility:hidden; opacity: 0.0;}

/* 콘텐츠 */
#mainArea {width:940px; margin:0 auto; padding:30px 20px 50px; overflow:hidden;}

#mainArea .titleImage {margin-bottom:10px; border-bottom:1px solid #dcdcdc; overflow:hidden;}
#mainArea .titleImage h2 {float:left; padding:0 0 10px 15px;}
#mainArea .titleImage p {float:right; padding:3px 10px 0 0}

/* 동화뉴스 */
#mainArea .newsArea {float:left; margin-left:40px; width:380px;}
#mainArea .newsArea ul {list-style:none;}
#mainArea .newsArea ul li {padding:4px 0 4px 15px; margin-left:10px; background:url('/images/icon_point.gif') no-repeat 0 10px;}

/* 신제품 */
#mainArea .productArea {float:right; margin-right:40px; width:380px;}

#mainArea .productArea .sliderkit {width:334px; height:115px; margin-top:20px; margin-left:18px; position:relative; overflow:hidden;}

#mainArea .productArea .sliderkit .sliderkit-nav {z-index:10; position:absolute; bottom:10px; right:25px;}
#mainArea .productArea .sliderkit .sliderkit-nav-clip ul {list-style:none; overflow:hidden;}
#mainArea .productArea .sliderkit .sliderkit-nav-clip ul li {float:left; margin:0 3px;}
#mainArea .productArea .sliderkit .sliderkit-nav-clip ul li a {width:5px; height:5px; background:transparent url("/images/bullet-off.gif") no-repeat 0 0; display:block;}
#mainArea .productArea .sliderkit .sliderkit-nav-clip ul li.sliderkit-selected a {background:transparent url("/images/bullet-on.gif") no-repeat 0 0;}

#mainArea .productArea .sliderkit .sliderkit-panel {z-index:1; position:absolute; overflow:hidden;}
#mainArea .productArea .sliderkit .sliderkit-panel-active {z-index:5;}
#mainArea .productArea .sliderkit .sliderkit-panel-old {z-index:4;}