@charset "utf-8";
/* CSS Document */

#wrap{
	position: relative;
	width: 100%;
	text-align: center;
	width: 100%;
}
.sub_img{
	width: 100%; 
	text-align: center;
}
/*-----top------*/

#top{
	position: relative;
	width: 100%;
}

#top-btn{
	position:relative;
	width: 100%;
}
.top-btn-inner{
	width:1283px;
	height: 26px;
	margin: 0 auto;
	padding-top: 10px;
	text-align: center;
}

.top-util-menu{
	float:right;
}
.top-util-menu ul li{
	float:left;
	margin-right: 7px;
	padding-right: 7px;
	background:  url(../img/topbtn_line.gif) no-repeat right;
}

.top-util-menu ul li:last-child {
	float:left;
	margin-right: 0;
	padding-right: 0;
	background:  none;
}
.top-util-menu ul li.last {
	float:left;
	margin-right: 0;
	padding-right: 0;
	background:  none;
}

#logo-section {
	display:inline-block;
	clear: both;
	width: 100%;
	margin-bottom: 10px;
}
#logo-section-inner {
	position:relative;
	width: 1283px;
	margin: 0 auto;
	text-align: center;
}
#logo-section-inner .logo{
	float: left;
	width: 180px;
	margin-left: 198px;
	margin-top: 15px
}

#logo-section-inner .search-naver{
	float: left;
	width: 276px;
	margin-left: 30px;
	margin-top: 45px
}

#logo-section-inner .search-bar{
	float: right;
	margin-right: 30px;
	margin-top:115px;
	vertical-align:middle;
}

#gnb{
	claear: both;
	height: 40px;
	width: 100%;
}
.gnb-inner{
	position: relative;
	width: 1283px;
	height: 40px;
	margin: 0 auto;
	text-align: center;
	background: url(../img/gnb_bg.gif) repeat-x;
}
#gnb .gnb-inner ul li{
	float: left;
}

#gnb .gnb-inner .gnb-list{
	width: 1122px;
	height: 40px;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}

#gnb-sub{
	width: 1283px;
	height: 274px;
	text-align: left;
	background: url(../img/gnb_sub_bg.gif) no-repeat;
}

#gnb-sub .gnb-submenu{
	float: left;
	height: 274px;
}
.gnb-submenu img{
	 margin-bottom:15px;
}
.gnb-submenu dd{
	 padding-left: 20px;
	 line-height: 1.8;
}

/*----contents----*/

#contents{
	position: relative;
	clear: both;
	width: 1283px;
	margin: 0 auto;
	text-align:left;
}
.main-banner{
	width: 1283px;
}
.main-banner ul li{
	position: relative;
	float: left;
}
.mb1{
	position: relative;
	width: 426px;
	height: 252px;
	background: url(../img/mb1_bg.jpg) no-repeat;
}
.online{
	position: absolute;
	top: 84px;
	left: 247px;
}
.uniform{
	position: absolute;
	top: 177px;
	left: 247px;
}
.bestpro{
	clear: both;
	width: 1283px;
}
.bestpro .title{
	width: 1283px;
	height: 30px;
	margin-bottom: 15px;
}
.bestpro ul li{
	float: left;
	margin-left: 10px;
}
.bestpro ul .first{
	float: left;
	margin-left: 0;
}
.bestpro .thumb img{
	border: 3px solid #b4b4b4;
	border-collapse: collapse;
	width: 311px;
	height: 360px;
}
.newpro{
	clear: both;
	width: 1283px;
}
.newpro .title{
	width: 1283px;
	height: 30px;
	margin-bottom: 15px;
}
.newpro .thumb img{
	border: 3px solid #b4b4b4;
	border-collapse: collapse;
}
.thumb02 img{
	border: 3px solid #b4b4b4;
	border-collapse: collapse;
}
.pro-section{
	position: relative;
	width: 100%;
	height: 380px;
}

.pro-section first{
	position: relative;
	margin-left: 0; !important;
	width: 100%;
}

.pro-section-inner{
	float: left;
	width: 236px;
	height: 380px;
	margin-left: 25px;
	margin-bottom: 10px;
	overflow: hidden;
}

.pro-section .thumb img{
	border: 1px solid #CCCCCC;
	width: 234px;
	height: 314px;
}

#main-section01{
	width: 1283px;
	height: 390px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#left-menu{
	float: left;
	width: 195px;
	height: 390px;
}

#left-menu2{
	float: left;
	width: 195px;
	height: 390px;
	margin-right: 10px;
}

#main-img{
	float: left;
	width: 657px;
	margin-left: 17px;
}
#main-img-inner{
	position: relative;
	width:100%;
	
}
#main-img01{
	border: 1px solid #dcddde;
	margin-bottom: 10px;
}
#main-img02{
	position: relative;
}
#main-img02 ul li{
	float: left;
	margin-left: 2px;
}
#main-img02 ul li:first-child{
	margin-left: 0;
}

#mboard-section{
	float: left;
	width: 240px;
	height: 380px;
	margin-left: 16px;
}
#mboard01{
	height: 190px;
}
.mboard01-title{
	float: left;
	width: 122px;
	height: 20px;
}
.mboard-more{
	float: right;
	width: 39px;
	padding-top: 8px;
}
.mboard01-area{
	clear: both;
	width: 216px;
	height: 140px;
	text-align: left;
	padding: 15px 12px;
	line-height: 2;
	font-size: 13px;
	background: url(../img/mboard01_bg.gif) no-repeat;
}
#mboard02{ 
	margin-top: 11px;
	height: 190px;
}
.mboard02-title{
	float: left;
	width: 93px;
	height: 20px;
}

#quick{
	position: absolute;
	top: 0;
	right: 5px;
}

.qm-section01{
margin-top: 10px;
}

#main-section02{
	border: 1px solid #dcddde;
	clear: both;
	width: 1123px;
	height: 270px;
	margin-bottom: 20px;
}
#main-section02 ul li{
	float: left;
	padding-left: 3px;
}
#main-section02 ul li:first-child{
	padding-left: 0;
}

#shop-info{
clear: both;
width: 100%;
margin: 0 auto;
text-align: center;
padding-top: 35px;
background-color: #ffffff;

}
#shop-info-inner{
width: 1283px;
height: 137px;
margin: 0 auto;
text-align: center;
background: url(../img/shop_info_bg.gif) no-repeat;
}
#cs-info{
	float: left;
	padding-top: 
}
#bank-info{
	float: left;
}
#etc-info{
	float: left;
}
#notice-qa{
	float: left;
}

#etc-info td{
	padding: 2px; 
}

/*----footer----*/
#footer{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding-top: 40px;
}
.foot-util{
	width: 1283px;
	height: 32px;
	margin: 0 auto;
	text-align: center;
	background: url(../img/foot_util_bg.gif) repeat-x;
	}
.foot-util-inner{
	width: 1280px;
	height: 25px;
	padding-top: 10px;
	}
.foot-util .foot-util-inner a img{
	margin-left: 80px;
	}
.foot-util .foot-util-inner a img.first{
	margin-left: 0;
	}
#foot-copy{
	width: 1283px;
	height: 114px;
	margin: 0 auto;
	text-align: center;
	background: url(../img/copy_bg.gif) repeat-x;
}
.copy{
	float: left;
	margin-left: 90px;
	margin-top: 12px;
}
.e-cro{
	float: right;
	margin-top:10px;
	margin-right: 87px;
}

/**********tab************/

#tab_menu ul li{
	float: left;	
}

#menu { background:#eaeaea; width:1123px; }    

#tab01 { 
	display:block;
	clear: both;
	width:1123px;
	padding: 15px;
}

#tab02, #tab03, #tab04, #tab05, #tab06, #tab07, #tab08 { display:none; width:1123px; padding:15px; margin:0;} 


#main_prosection01{
	position: relative;
	width: 1110px;
}

#main_prosection02{
	position: relative;
	width: 1110px;
	margin-top: 15px;
}

#main_prosection03{
	position: relative;
	width: 1110px;
}

#main_prosection03 .pro-info-inner{
	float: left;
}

.main_protitle01{
	margin-right: 10px;
}

.main_protitle02{
	margin: 0 10px 0 10px;
}

.pro-info-inner{
	margin : 0px;
}
.pro-title{
	text-align:center;
	margin-top: 10px;
	width: 236px;
	height: 15px;
	font-size: 13px;
}
.pro-price{
	text-align:center;
	vertical-align: top;
	padding-top: 8px;
	height: 15px;
	width: 236px;
	color: #20232c;
	font: bold 15px/13px "Myriad Pro", 굴림, 돋움, 맑은 고딕;
}
.price-ico img{
	margin-right: 3px;
}

.fl{
	float: left;
}


/**********leftmenu***************/

#leftmenu li {position:relative; list-style:none; text-align:left; width:100px; padding-bottom:5px;}
#leftmenu .step1:hover {background:#ddd;}
#leftmenu li div { display:none;}
#leftmenu li:hover div {display:block; position:absolute; left:100px; top:-1px; width:100px; border:1px solid #bbb; text-align:left; padding:5px;}
#leftmenu .submenu a:hover {color:#f00;}

#gnb{
	height: 295px;
}

#gnb .gnb-inner #cTop{
	text-align: left;
	height: 336px;
}
#gnb .gnb-inner #cTop ul li{
	float: none;
}

.white-section{
	padding-top: 15px; !important;
}

.todayList {
width: 80px;
margin-bottom: 9px;
text-align: center;
}

.todayList .todayTop {
height: 29px;
padding-top: 7px;
background-color: #626263;
color: #fff;
font-size: 11px;
}
.todayList .todayTop h5 {
font-size: 11px;
font-weight: normal;
line-height: 100%;
letter-spacing: -1px;
}

.todayList .todayCon {
position: relative;
padding: 7px 6px 7px;
border-right: 1px solid #b8b8b8;
border-bottom: 1px solid #b8b8b8;
border-left: 1px solid #b8b8b8;
background-color: #fff;
}

.todayList .todayCon .list {
width: 100%;
background: url('../img/qm_noimg.gif') no-repeat;
border: 1px solid #d7d7d7;
}