/* BASIC css start */
/* 190909 morenvy */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; }
html { width:100%; height:100%;overflow-y:scroll; }
li { list-style:none; }
img,fieldset { border:none; vertical-align:top; }
table { border:0; border-spacing:0; border-collapse:collapse; }
th,td { border:0;  }

.cboth { clear:both;*zoom:1 }
.cboth:after { content:" "; display:block; clear:both; }
.fleft {float:left !important;}
.fright {float:right !important;}
.left { text-align: left; }
.center { text-align: center; }
.top { caption-side: top; }
.right { text-align: right; }
.bold { font-weight: bold; }
.none { display:none; }
.relative {position:relative;}

/* 공통레이아웃 */
#header, #layerWrap, #contentWrap, #ftLink .link, #footer { width:1100px; }
#content { width:1100px;min-height:600px;background-color:#fff;}
#contentWrap {background-color:#fff; padding-top:20px;}
#contentWrapper {margin:0;}
body {min-width:1100px; background: url(/design/okdgtal/0614smartbasket/top_bg.gif) repeat-x 0 0;}
a {text-decoration:none;}
body, h1, h2, h3, h4, h5, h6, table, input, select, textarea, a {font-family:'Roboto', 'Nanum Gothic',Dotum, AppleGothic, Helvetica, sans-serif;}


/* 게시판 상단 리스트 숨김 */
.bbs-hd {display:none;}

/* 하단 페이징 스타일 */
.paging li a:hover, .paging li.now a {color:#222;letter-spacing:0;}
.paging li.now a { background:#fff; color:#000 !important;  border:1px solid #dedede;}

/* 상품리스트 (검색/상품리스트)  */
.prd-list {margin:0px auto;}
.prd-list table td { border:0; vertical-align:top;text-align:center;padding-bottom: 25px;position:relative;}
.prd-list table .tb-center {width:200px;margin:0 auto;padding:0;} /* 고객님 상품사이즈에 맞게 가로세로 픽셀 조절 */
.prd-list table .info { padding:0px;text-align:center;background-color:#fff;display:block;}
.prd-list .thumb { width: 200px; margin-left: auto; margin-right: auto; font-size:0; line-height: 0; border: 1px solid #efefef; position:relative;}
.prd-list .thumb a,
.prd-list .thumb img { display: block; width:100%; height: 100%;}
.prd-list .thumb:hover { border: 1px solid #b2b2b2; }
.prd-list .dsc {font-family:'Dotum', AppleGothic, Helvetica, sans-serif; margin-top:15px; font-weight:normal;font-size:12px;color:#666; padding: 0 10px;word-break:break-all;}
.prd-list .subname {font-family:'Dotum', AppleGothic, Helvetica, sans-serif; margin-top:5px;  font-weight: normal; font-size:12px;color:#999;word-break:break-all;padding-bottom:5px;}
.prd-list .consumer {font-family:'Dotum', AppleGothic, Helvetica, sans-serif; margin-top:5px; color:#999;font-size:12px; text-decoration:line-through;}
.prd-list .price {font-family:'Dotum', AppleGothic, Helvetica, sans-serif; margin-top:2px; font-weight: bold; color:#666;font-size:12px;}
.prd-list .icon { margin-top:5px; }
.prd-list .icon img {padding:0 2px;}
.mk_option_preview .mk_prd_option_list {font-size:12px;border:1px solid #999;}
.mk_option_preview .mk_prd_option_list .option-name {background-color:#f4f4f4;color:#333;border-left:0;padding:6px;}
.mk_option_preview .mk_prd_option_list li {margin:5px 14px;}
.prd-list table td .info_icon {position:absolute;top:-5px;right:-1px;width:58px;border-right:1px solid #e9e9e9;opacity:0;transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;}
.prd-list table td .info_icon span {float:right;width:28px;height:29px;margin:0px;border:1px solid #e9e9e9;border-right:0px;background-color:#fff;color:#666;font-size:11px;display:inline-block;}
.prd-list table td .info_icon span:after {position:absolute;top:-22px;right:0;width:100%;height:22px;line-height:22px; padding:0; background:#000; background:rgba(0,0,0,0.8); color:#fff;}
.prd-list table td:hover .info_icon {top:-1px;right:-1px;opacity:1;cursor:pointer;}
.prd-list table td .info_icon .m_quickview:hover:after {content:'확대보기';}
.prd-list table td .info_icon .m_option:hover:after {content:'옵션보기';}

/* 롤오버 */
a img.menuon {display:none;}
a img.menuoff {display:inline;}
a:hover img.menuon {display:inline;}
a:hover img.menuoff {display:none;}

/* 하단 페이징 */
.paging {padding-bottom:20px;}

/*------ 상단 ------*/
#header {
    position: relative; z-index: 20;
    width: 1100px;
    margin: 0 auto;
}
#header .bg_l {
    position: absolute; top: 203px; left: -40px;;
}
#header .bg_r {
    position: absolute; top: 203px; right: -39px;;
}
#header .section {
    height: 34px;
}
#header .section ul.inner {
    padding: 0 0 0 35px;
}
#header .section ul.inner2 {
    padding: 0 35px 0 0;
}
#header .section li {
    float: left;
    height: 16px;
    color: #8c8c8c; font-size: 11px; vertical-align: top;
    padding: 9px 0;
    padding: 11px 0 7px 0\0/IE8+9; /* 익스8,9,10 */
    *padding: 10px 0 8px 0; /* 익스7 */
	line-height:18px;
	font-family:'Dotum', AppleGothic, Helvetica, sans-serif;
}
#header .section li a {
    color: #8c8c8c; text-decoration: none; font-size: 11px; vertical-align: top;
	font-family:'Dotum', AppleGothic, Helvetica, sans-serif;
}
#header .section li a:hover {
    color: #000;
}
#header .section li.favorite a {
    color: #63bacd;
}
#header .section li.favorite a:hover {
    color: #7b784e;
}
#header .section li.sns img {
    margin: 1px 0 0 10px;
    margin: -1px 0 0 10px\0/IE8+9; /* 익스8,9,10 */
    *margin: 0 0 0 10px; /* 익스7 */
}

#header .section2 {
    position: relative;
    height: 151px;
}
#header .section2 h1 {
    float: left;
    padding: 42px 0 0 25px;
}
#header .section2 .area_ban {
    float: right;
}
#header .section2 .area_search {
    position: absolute; top: 50px; left: 411px;
    width: 281px;
}
#header .section2 .area_search .inner {
    border: 1px solid #dddcdc;
}
#header .section2 .area_search .inner .MS_search_word, #header .section2 .area_search .inner .btn-sch {
    float: left;
    vertical-align: top;
}
#header .section2 .area_search .inner .MS_search_word {
    width: 240px; height: 25px; 
    padding: 0 4px;
    background: #f6f6f6;
    border: 0; border-right: 1px solid #dddcdc;
    font-size: 12px; line-height: 25px;
}
#header .section2 .area_search .popular {
    padding-bottom: 4px;
	font-family:'Dotum', AppleGothic, Helvetica, sans-serif;
}
#header .section2 .area_search .popular strong {
    font-weight: normal; font-size: 11px; color: #acabab;
    float: left;
}
#header .section2 .area_search .popular p {
    font-weight: normal; font-size: 11px; color: #acabab; vertical-align: top;
    float: left;
	font-family:'Dotum', AppleGothic, Helvetica, sans-serif;
}
#header .section2 .area_search .popular p a {
    font-weight: normal; font-size: 11px; color: #acabab; vertical-align: top;
	font-family:'Dotum', AppleGothic, Helvetica, sans-serif;
}

#header .section3 {
    background: url(/design/okdgtal/0614smartbasket/top_menu_bg.gif) no-repeat 0 0;
    height: 40px;
}
#header .section3 li {
    float: left;
}

#left_menu {clear:both;*zoom:1}
#left_menu > li {position:relative;}
#left_menu > li .sub1 {background-color:#fff; display:none; position:absolute; top:41px; left:0; z-index:500; width:130px; padding:10px 10px 10px; border:1px solid #dedede;}
#left_menu > li .sub1 > li {position:relative;height:30px;}
#left_menu > li .sub1 > li > a {font-size:12px; display:block; text-align:left; color:#777;height:30px; line-height:30px; margin:0px; width:128px; text-indent:10px; border-top:1px solid #e9e9e9; }
#left_menu > li .sub1 > li:first-child > a {border-top:0;}
#left_menu > li .sub1 > li > .sub_mouse_hover,
#left_menu > li .sub1 > li > a:hover {background-color:#fafafa;color:#000;}

#left_menu {clear:both;*zoom:1}
#left_menu > li {position:relative;}
#left_menu > li .sub2 {background-color:#fff; display:none; position:absolute; top:39px; left:0; z-index:600; width:130px; padding:10px 10px 10px; border:1px solid #dedede;}
#left_menu > li .sub2 > li {position:relative;height:30px;}
#left_menu > li .sub2 > li > a {font-size:12px; display:block; text-align:left; color:#777;height:30px; line-height:30px; margin:0px; width:128px; text-indent:10px; border-top:1px solid #e9e9e9; }
#left_menu > li .sub2 > li:first-child > a {border-top:0;}
#left_menu > li .sub2 > li > .sub_mouse_hover,
#left_menu > li .sub2 > li > a:hover {background-color:#fafafa;color:#000;}




/** 
 *  sliderkit-core.css
 *  > Core CSS styles
 *  
 *  This file is part of Slider Kit jQuery plugin.
 *  http://www.kyrielles.net/sliderkit/
 *  
 *  Copyright (c) 2010-2012 Alan Frog
 *  Licensed under the GNU General Public License
 *  See <license.txt> or <http://www.gnu.org/licenses/>
 *
 */

/*
 *  PLUGIN BASICS
 *  ------------------------------------------------
 */
.sliderkit{display:none;position:relative;overflow:hidden;text-align:left;}
.sliderkit a,
.sliderkit a:hover{text-decoration:none;}
.sliderkit a:focus{outline:1px dotted #000;/*optional*/}
.sliderkit img{border:0;}

/*---------------------------------
 *  Navigation
 *---------------------------------*/
.sliderkit .sliderkit-nav{z-index:10;position:absolute;text-align:center;}

/* Nav > Clip */
.sliderkit .sliderkit-nav-clip{position:relative;overflow:hidden;margin:0 auto;}
.sliderkit .sliderkit-nav-clip ul{position:relative;left:0;top:0;list-style:none;margin:0;padding:0;}
.sliderkit .sliderkit-nav-clip ul li{float:left;}
.sliderkit .sliderkit-nav-clip ul li a{display:block;overflow:hidden;}

/*---------------------------------
 *  Buttons
 *---------------------------------*/
.sliderkit .sliderkit-btn{z-index:10;}

/*---------------------------------
 *  Panels
 *---------------------------------*/
.sliderkit .sliderkit-panel{z-index:1;position:absolute;overflow:hidden;}
.sliderkit .sliderkit-panel-active{z-index:5;}
.sliderkit .sliderkit-panel-old{z-index:4;}

/* Panels > Overlay */
.sliderkit .sliderkit-panel .sliderkit-panel-textbox{position:absolute;z-index:1;}
.sliderkit .sliderkit-panel .sliderkit-panel-text{position:absolute;z-index:3;top:0;left:0;}
.sliderkit .sliderkit-panel .sliderkit-panel-overlay{position:absolute;z-index:2;top:0;left:0;}

/*---------------------------------
 *  Counter
 *---------------------------------*/
.sliderkit .sliderkit-count{position:absolute;top:5px;right:5px;z-index:10;padding:5px;color:#fff;background:#000;}

/*---------------------------------
 *  Loader
 *---------------------------------*/
.sliderkit .sliderkit-timer{position:absolute;top:0;left:0;z-index:10;height:3px;background:#ccc;}


/* This code can be reduced and pasted in any other CSS file :

Here is a compact version :
-------------------------------

.sliderkit{display:none;position:relative;overflow:hidden;text-align:left;}
.sliderkit a,
.sliderkit a:hover{text-decoration:none;}
.sliderkit a:focus{outline:1px dotted #000;}
.sliderkit img{border:0;}
.sliderkit .sliderkit-nav{z-index:10;position:absolute;text-align:center;}
.sliderkit .sliderkit-nav-clip{position:relative;overflow:hidden;margin:0 auto;}
.sliderkit .sliderkit-nav-clip ul{position:relative;left:0;top:0;list-style:none;margin:0;padding:0;}
.sliderkit .sliderkit-nav-clip ul li{float:left;}
.sliderkit .sliderkit-nav-clip ul li a{display:block;overflow:hidden;}
.sliderkit .sliderkit-btn{z-index:10;}
.sliderkit .sliderkit-panel{z-index:1;position:absolute;overflow:hidden;}
.sliderkit .sliderkit-panel-active{z-index:5;}
.sliderkit .sliderkit-panel-old{z-index:4;}
.sliderkit .sliderkit-panel .sliderkit-panel-textbox{position:absolute;z-index:1;}
.sliderkit .sliderkit-panel .sliderkit-panel-text{position:absolute;z-index:3;top:0;left:0;}
.sliderkit .sliderkit-panel .sliderkit-panel-overlay{position:absolute;z-index:2;top:0;left:0;}
.sliderkit .sliderkit-count{position:absolute;top:5px;right:5px;z-index:10;padding:5px;color:#fff;background:#000;}
.sliderkit .sliderkit-timer{position:absolute;top:0;left:0;z-index:10;height:3px;background:#ccc;}
*/

/*
 *  CONTENT SLIDERS
 *  ------------------------------------------------
 */

/*---------------------------------
 *  Content slider > Standard
 *---------------------------------*/
.contentslider-std{ width:800px;height:449px;padding:0px;margin:0px 0px 0px 0px;overflow:hidden; }
/* Nav */
.contentslider-std .sliderkit-nav{ position:absolute;top:415px;left:725px;}
.contentslider-std .sliderkit-nav-clip{position:relative;margin:0;}
.contentslider-std .sliderkit-nav-clip li{top:300px;padding:0;margin:0px;}
.contentslider-std .sliderkit-nav-clip li{float:left;}
.contentslider-std .sliderkit-nav-clip li a{cursor:pointer;float:left;} 
.contentslider-std .sliderkit-nav-clip li a{margin:3px;text-decoration:none;width:13px;height:13px;background:url("/design/okdgtal/0614smartbasket/m_navi.png") no-repeat;}
.contentslider-std .sliderkit-nav-clip li a:hover {}
.contentslider-std .sliderkit-nav-clip li.sliderkit-selected{}
.contentslider-std .sliderkit-nav-clip li.sliderkit-selected a{width:13px;height:13px;background:url("/design/okdgtal/0614smartbasket/m_navi_r.png") no-repeat;}
/* Panel */
.contentslider-std .sliderkit-panels{width:800px;height:449px;overflow:hidden;padding:0px;margin:0px;background:transparent;}
.contentslider-std .sliderkit-panel{width:800px;height:449px;overflow:hidden;padding:0px;margin:0px;background:transparent;}

/*---------------------------------
 *  상단 2단 배너
 *---------------------------------*/
.contentslider-std2 {width:298px;height:151px;padding:0px;margin:0px; position:absolute; top:0px; right:0px;}
/* Panel */
.contentslider-std2 .sliderkit-panels{width:298px;height:151px;overflow:hidden;padding:0px;margin:0px;background:transparent;}
.contentslider-std2 .sliderkit-panel{width:298px;height:151px;overflow:hidden;padding:0px;margin:0px;background:transparent;}
/* Panels buttons */
.contentslider-std2 .sliderkit-go-btn{position:absolute;top:17px;z-index:2222; padding-left:106px;}
.contentslider-std2 .sliderkit-go-prev{left:143px;}
.contentslider-std2 .sliderkit-go-next{left:130px;}
.contentslider-std2 .sliderkit-go-btn a{display:block;width:14px;height:14px;cursor:pointer;background:transparent url("/design/okdgtal/0614smartbasket/btn.gif") no-repeat 0 0;}
.contentslider-std2 .sliderkit-go-prev a{background-position:-13px 0;}
.contentslider-std2 .sliderkit-go-next a{background-position:0 0;}
.contentslider-std2 .sliderkit-go-prev a:hover{background-position:-39px 0;}
.contentslider-std2 .sliderkit-go-next a:hover{background-position:-26px 0;}
.contentslider-std2 .sliderkit-go-btn span{display:none;}

#MK_opt_preview {z-index:1000 !important;}
/* BASIC css end */