c@charset "utf-8";\

body	{ background:#fff; line-height:1.4; }

.inner {width:1090px; margin:0 auto;}

#header .header, #contain .contain, #footer .footer { z-index:10; }
/* basic layout */
#wrapper						{ width:100%; }
#header							{ z-index:30; width:100%; min-width:1090px;}
#header .header					{ z-index:30; width:1090px; margin:0 auto;  }

#footer							{ z-index:10; clear:both; width:100%; min-width:1090px; margin-top:20px;padding-bottom:20px; }
#footer .footer					{ z-index:10; width:1090px; margin:0 auto; }

#contain.main					{ z-index:20; clear:both; width:100%; padding-bottom:20px; }
#contain.sub					{ z-index:20; clear:both; width:1090px; margin:0 auto; margin-top:20px; }
#contain.product				{ z-index:20; clear:both; width:1090px; margin:0 auto; margin-top:20px; }
#contain.cart					{ z-index:20; clear:both; width:1090px; margin:0 auto; margin-top:20px; }

/* header */
#header		{ width:100%; }
#header .header							{position:relative; width:1090px; height:100px; margin:0 auto; }
#header .topWarp						{ width:100%; height:35px; border-bottom:1px solid #e0e0e0; background:#f1f1f1}
#header .topBar							{ width:1090px; margin:0 auto; color:#999; }
#header .topBar span					{ color:#ff6600; }
#header .topBar .fav li					{ float:left; width:80px; height:20px; display:block; padding:7px 5px 3px 5px; text-align:center; font-size:11px; letter-spacing:-1px; font-weight:normal; }
#header .topBar .fav li img			{vertical-align:middle;}
#header .topBar .gnb					{ float:right; font-size:11px; }
#header .topBar .gnb li				{ float:left; line-height:32px; letter-spacing:-1px; padding:0 3px;}
#header .topBar .gnb li span		{color:#d0d0d0;}

.header .logo								{text-align:center; margin:20px 0 0 10px; }

.header .seachFoam				{position:absolute; top:20px; right:0px;}
.header .seachFoam input		{}
.header .seachFoam .seachTextForm input { height:22px; width:260px;padding:5px; border:2px solid #6dc7ce; border-right:0px;  border-left:2px solid #6dc7ce; font-size:14px; color:#888; }
.header .seachFoam .btnSearch input {}

.header .seachFoam ul {float:right; clear:both; }
.header .seachFoam li {float:left; margin:8px 2px 0 2px; letter-spacing:-1px; }

.top_bar_fix{position:fixed; top:0; left:0; width:100%; z-index:100;}

.navArea {width:100%; height:56px; background:url(/img/bg_nav.gif) repeat-x;}
ul.nav  {font-size:0px;}
ul.nav li {display:inline-block; float:left; width:141px; font-size:18px;  font-family:'nanum-square-b'; color:#fff; height:56px; line-height:56px; text-align:center;}
ul.nav li a {display:block;  font-family:'nanum-square-b'; color:#fff;}
ul.nav li a:hover {background:#529ea3; color:#fffd42}
ul.nav li:first-child {width:103px; background:url(/img/bg_nav_all.gif) repeat-x;}
ul.nav li:first-child a {background:none;}
ul.nav li.catButton {margin:20px;}

.hiddenCat {width:1090px; margin:0 auto;}
.hiddenCat div table {width:1090px; margin:0 auto; border-top:1px solid #46989f; border-right:2px solid #46989f; background:#fff; color:#999; border-bottom:2px solid #46989f; border-left:2px solid #46989f;}
.hiddenCat div table th {height:42px; background:#fbfbfb; border-right:1px solid #f0f0f0;  border-bottom:1px solid #f0f0f0; font-size:14px; color:#006d76;}
.hiddenCat div table td {padding:5px 10px; vertical-align:baseline; text-align:left; border-right:1px solid #f0f0f0;}
.hiddenCat div table td ul li span a { color:#848484; font-size:12px; letter-spacing:-0.5px; }
.hiddenCat div table td ul li { float:none; margin:3px 0; }
.hiddenCat div table td ul li a { font-size:11px; }

.navpop{display:none; position:absolute; z-index:9999; background:#fff; width:1090px; border-top:1px solid #46989f; border-right:2px solid #46989f; border-bottom:2px solid #46989f; border-left:2px solid #46989f; margin-top:0px; left:50%; margin-left:-545px; overflow:hidden;}

.navcateBox {float:right; padding-right:20px; padding-top:10px; position:relative !important; display:block; width:826px; height:240px;}
.navcateBox p {height:37px; border-bottom:1px solid #eee; border-top:1px solid #eee; background:#fbfbfb; font-size:18px; text-align:left; color:#0d7982; line-height:35px; text-indent:20px; font-weight:bold;  display:block;}
.navcateBox p span {font-size:11px; color:#b4b4b4; letter-spacing:-1px; font-weight:normal; margin-left:20px;}
.navcateBox ul { display:block; padding:6px 20px 0px 20px !important; vertical-align:top;  position:relative}
.navcateBox ul.lh li {width:16.666%; display:inline-block; background:none; height:24px; line-height:24px; text-align:left; }
.navcateBox ul.lh li a {display:inline-block; font-size:13px; color:#888; font-family:'Malgun Gothic' !important; letter-spacing:-1px;}
.navcateBox ul.lh li a:hover {color:#cb3332; background:none; font-weight:bold;}

.navBanner{border:2px solid #64c3cb; position:absolute; left:10px; height:225px; width:198px; top:10px;}
.navBanner p {font-size:12px; text-align:center; width:100%; padding:5px 0;}

/* quick */
#quick { position:relative; z-index:1000; width:1090px; margin:0 auto; }
#quick .quickArea { position:absolute; top:10px; left:1110px; width:76px; }
#quick .quickArea li { margin-top:5px; }
#quick .quickArea div span { font-weight:bold; color:#333; }
#quick .quickArea div img { padding:5px 0; }
#quick .quickArea div ul { padding:5px; margin-bottom:5px; border:1px solid #ccc; background:#fff; }
#quick .quickArea div li span { font-weight:bold;}
#quick .quickArea div li.dividLine { padding:2px;  border-bottom:1px dotted #ccc; }
#quick .quickArea div ul li { margin-top:0; text-align:center; }
#quick .quickArea div ul li a { padding-bottom:5px; font-weight:bold; color:#ff3399;}


/*main page*/
#btnMenu1st { display:block; float:left; width:86px; height:39px; background:url('/image/web/main/big_cat.gif'); cursor:pointer; }
#btnMenu2nd { display:block; float:left; width:86px; height:39px; background:url('/image/web/main/big_cat.gif') -86px 0px; cursor:pointer; }
#content {width:100%; }
#content .main {clear:both; width:1090px; margin:0 auto; margin-top:15px; }

.slider {position:relative;width:100%;min-width:980px;height:380px;overflow:hidden;background:#fff;text-align:center; }
.slider .bd {width:980px;position:absolute;left:50%;margin-left:-490px}
.slider .bd li {width:980px;overflow:hidden;}
.slider .bd li img {display:block;width:980px;height:380px;}
.slider .tempWrap {overflow:visible !important}
.slider .tempWrap ul {margin-left:-980px !important;}
.slider .hd {position:absolute;width:100%;left:0;z-index:1;height:11px;bottom:20px;text-align:center;}
.slider .hd li {display:inline-block;*display:inline;zoom:1;width:10px;height:11px;line-height:99px;overflow:hidden;background:url(/img/slider-btn.png) 0 -13px no-repeat;margin:0 5px;cursor:pointer;filter:alpha(opacity=100);opacity:1;}
.slider .hd li.on {background-position:0 0; filter:alpha(opacity=100);opacity:1;}
.slider .pnBtn {position:absolute;z-index:1;top:0;width:100%;height:380px;cursor:pointer;}
.slider .prev {left:-50%;margin-left:-490px;}
.slider .next {left:50%;margin-left:490px;}
.slider .pnBtn .blackBg {display:block;position:absolute;left:0;top:0;width:100%; height:380px; background:#000; filter:alpha(opacity=50);opacity:0.5;}
.slider .pnBtn .arrow {display:none; position:absolute; top:0; z-index:1; width:60px; height:335px;}
.slider .pnBtn .arrow:hover { filter:alpha(opacity=60); opacity:0.6;}
.slider .prev .arrow {top:20px; right:0; background:url(/img/slider-arrow.png) -120px 0 no-repeat;}
.slider .next .arrow {top:20px; left:0; background:url(/img/slider-arrow.png) 0 0 no-repeat;}

.mainBn {clear:both; margin:20px 0; overflow:hidden;}
.mainBn li {float:left; margin-right:10px;}
.mainBn li.last {margin-right:0px;}

ul.tabs {margin:0; padding:0; float: left;list-style: none; height:50px; width:100%; box-sizing:border-box; }
ul.tabs li {float:left; text-align:center; cursor: pointer; font-family:'nanum-square-b'; width:542px; height:50px; color:#999; line-height:50px; border-top:1px solid #dcdad9; border-right:1px solid #dcdad9; border-bottom:2px solid #fa9f51;  border-left:1px solid #dcdad9;  font-size:20px; background: #f4f4f4; overflow: hidden; position: relative;}
ul.tabs li.active {background: #fff; box-sizing:border-box; color:#222; border-top:2px solid #fa9f51; border-left:2px solid #fa9f51; border-right:2px solid #fa9f51; border-bottom: 1px solid #FFFFFF; font-weight: bold; }
.tab_container {width:1086px; border:2px solid #fa9f51; border-top:none; clear:both; box-sizing:border-box; background: #FFFFFF; margin-bottom:0px; overflow:hidden;}
.tab_content {width:100%; background:#ff; padding:15px; display: none;  box-sizing:border-box;}
.tab_container .tab_content ul {width:100%;  float:left; margin:0px; padding-top:15px;text-align:center;}
.tab_container .tab_content ul li {display:inline; list-style:none}
.tab_container .tab_content ul li dl { float:left; width:210px; height:290px;}
.tab_container .tab_content ul li dt img { width:190px; height:190px;}
.tab_container .tab_content ul li dd > div {width:90%; text-align:left; margin-top:10px; font-size:12px;}
.tab_container .tab_content ul li dd span	{display:block; width:90%; text-align:left; font-size:14px; font-weight:bold; color:#2a2a2a;margin-top:10px;}
.tab_container .tab_content ul li dd a:hover { color:#f69; }

#footer {clear:both; width:100%; border-top:1px solid #e6e6e6;}
#footer .tit {font-family:'nanum-square-r'; font-weight:bold; font-size:15px; color:#333;}
#footer .tit span {float:right; font-size:11px; color:#9b9b9b; font-family:Dotum; font-weight:normal; margin-top:5px; letter-spacing:-1px;}
#footer .tit span a {font-size:11px; color:#9b9b9b; font-family:Dotum; font-weight:normal; margin-top:5px; letter-spacing:-1px;}
#footer .line {clear:both; border-top:1px solid #e6e6e6; margin:12px 0 8px 0;}

#mobileQuickLink  { }
#mobileQuickLinkBtn { position:fixed; bottom:50px; left:10px; z-index:202; width:45px; height:45px; background:url("../image/main/btn_quick_link.png")no-repeat 0 0;     transition: all 0.2s ease;}
#mobileQuickLink .mobileQuickLinkMap { display:none; position:fixed; left:50%; bottom:50%; width:200px; margin: 0 0 -100px -100px; z-index:202;}
#mobileQuickLink .mobileQuickLinkMap img { width:100%;  background:url("../image/main/img_quick_link_panel.png")no-repeat 0 0; background-size:200px 200px;   }

#mobileOverlay.overlay			{ top:0; left:0; position:absolute; background-color:#fff; filter:alpha(opacity = 10);-moz-opacity:0.1; -khtml-opacity:0.1; opacity:0.1; width:100%; height:100%; min-height:100%; z-index:201; }
#mobileOverlay.overlay-fixed	{ position:fixed; top:0; left:0; width:100%; height:100%; min-height:100%; background-color:#000; filter:alpha(opacity = 50);-moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; z-index:201; }
#mobileQuickLinkBtn.selected	{ transform: rotate(225deg); -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); }

.tel {float:left; width:270px; height:160px; border-right:1px solid #e6e6e6; padding:20px 15px;}
.tel span.phone {display:block; font-family:Tahoma; font-weight:bold; font-size:27.5px; color:#8d8d8d; margin-top:15px;}
.tel span.phone b {display:block; font-family:Tahoma; font-size:30px; color:#20c7d3;}
.tel span.openTime {color:#9a9a9a; line-height:180%;}
.tel span.openTime b {color:#222;}

.bank {float:left; width:274px; height:160px; padding:20px 15px; border-right:1px solid #e6e6e6;}
.bank ul {width:274px; padding-top:5px;}
.bank li {float:left; width:274px; list-style:none; padding: 0 0 8px 0;}
.bank li dt {float:left; width:95px;}
.bank li dt img {padding-right:5px; vertical-align:middle;}

.customer {float:left; width:206px; height:160px; padding:20px 15px; border-right:1px solid #e6e6e6;}
.customer table {width:100%; margin-top:15px;}
.customer td {padding:10px 0 0 10px; background:url('/image/web/main/bullet_main_bbs.gif')  4px 17px no-repeat ; }
.customer td a:hover { color:#333; text-decoration:none; }
.footbn {float:left; padding:15px;}

.footMenu {clear:both; width:100%; border-top:2px solid #3c3c3c; background:#f8f8f8; height:49px;}
ul.btMenu {height:49px; line-height:40px;}
ul.btMenu li {float:left;}
ul.btMenu li a {color:#494949; font-size:13px;}
ul.btMenu li a:hover {color:#000;}
ul.btMenu li span {color:#b6b6b6; margin:0 10px;}
.footMenu .info { width:100%;  margin-top:10px; padding-top:10px; color:#666; letter-spacing:-0.5px; margin-bottom:30px; overflow:hidden;}
.footMenu .info .logo {float:left; width:230px}
.footMenu .info p	 { float:left; width:840px; line-height:1.5em;}
.footMenu .info p a { font-weight:bold; color:#f39;}

.review1 {float:left; width:538px; margin:20px 0; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-top:2px solid #444; border-bottom:1px solid #e6e6e6; padding-bottom:15px;}
.review1 .reviewTitle {height:40px; line-height:30px; background:#f8f8f8; border-bottom:1px solid #efefef; padding:0 15px;}
.review1 .reviewTitle dl {}
.review1 .reviewTitle dt {float:left; padding-top:5px; font-size:16px; font-weight:bold; color:#333; font-family:'nanum-square-r';}
.review1 .reviewTitle dd {text-align:right; padding:5px 0 0 0; font-size:11px; font-family:'Dotum'; letter-spacing:-1px; color:#aaa}
.review1 .reviewText {float:left; width:260px; height:120px; }
.review1 .reviewText .minThum {float:left; padding:15px; height:120px;}
.review1 .reviewText ul { padding-top:10px; }
.review1 .reviewText .bbsName a { color:#333; }
.review1 .reviewText .productName a { font-weight:bold; color:#20c7d3; }
.review1 .reviewText .discription a { margin-top:5px; color:#bababa; }
.review1 .reviewText .discription a:hover { margin-top:5px; color:#333; }
.review1 .reviewText .star { color:#232323;  margin-top:5px;}

.notice1 { float:right; width:538px; margin:20px 0; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-top:2px solid #444; border-bottom:1px solid #e6e6e6; padding-bottom:11px;}
.notice1 .noticeTitle {height:40px; line-height:30px; background:#f8f8f8; border-bottom:1px solid #efefef; padding:0 15px;}
.notice1 .noticeTitle dl {  }
.notice1 .noticeTitle dt {float:left; padding-top:5px; font-size:16px; font-weight:bold; color:#333; font-family:'nanum-square-r';}
.notice1 .noticeTitle dd {text-align:right; padding:5px 0 0 0; font-size:11px; font-family:'Dotum'; letter-spacing:-1px; color:#aaa}
.notice1 .noticeBbs ul { padding:10px; }
.notice1 .noticeBbs li { padding:10px 0 0 10px; background:url('/image/web/main/bullet_main_bbs.gif')  4px 17px no-repeat ; }
.notice1 .noticeBbs li a:hover { color:#f69; }

/*sub*/
.productlist { width:1090px; background:#fff; }
.productlist .pagelist { margin-top:20px; text-align:center; }
.productlist .list .listState { height:30px; padding:10px 0;  color:#999; border-bottom:2px solid #333;}
.productlist .catName { padding:0 0 10px 0; font-size:12px; color:#222; font-family:'Dotum'; border-bottom:1px solid #dbdbdb;}

.productlist .list .listState .catNum { float:left; padding-top:8px; letter-spacing:-1px;}
.productlist .list .listState .catNum span { color:#1e1c1c; font-weight:bold; }
.productlist .list .listState .catNum span.red {color:#ff1111;font-weight:bold;}

.productlist .list .listState .orderBy {float:right; height:28px; border:1px solid #d2d2d2; background:#f6f6f6; letter-spacing:-1px;}
.productlist .list .listState .orderBy ul {}
.productlist .list .listState .orderBy ul li {float:left; width:70px; height:28px; line-height:26px; border-right:1px solid #d2d2d2; text-align:center; }
.productlist .list .listState .orderBy ul li a:hover {display:block; background:#fff; font-weight:bold; height:28px;}
.productlist .list .listState .orderBy ul li.right { border-right:1px solid #fff; }

.deth {clear:both; border:2px solid #313131; overflow:hidden; margin-top:15px;}
.deth .titBox {width:1086px; height:69px; background:url(/img/bg_cate.gif) no-repeat; font-size:24px; text-align:center; line-height:74px; color:#ee9515; font-weight:bold;}

.titleBox {width:1090px; height:53px; background:url(/img/bg_cate1.gif) no-repeat; font-size:20px; font-weight:bold; line-height:58px; text-indent:40px; color:#314725; margin-top:15px;}
.deth3 {clear:both; float:right; border:1px solid #d5d5d5; border-top:none; width:1080px; background:#f4f4f4; font-size:13px; margin-bottom:20px;}
.deth3 .cateList {float:left; padding:0 30px;}
.deth3 .cateList p {padding:15px 0; line-height:200%; }
.deth3 .cateList p a {color:#444;}
.deth3 .cateList p a:hover {color:#ff0000; font-weight:bold;}
.deth3 .cateList p a.on {color:#ff0000; font-weight:bold;}
.deth3 .cateList p span {color:#cfcfcf; margin:0 10px;}

.subBn {clear:both; margin:10px 0; overflow:hidden;}
.subBn li {float:left; margin-right:10px;}
.subBn li.last {margin-right:0px;}

.tbCate {clear:both; width:100%;}
.tbCate td {width:181px; height:36px; line-height:36px; border-right:1px solid #f0f0f0; border-top:1px solid #f0f0f0; font-size:13px; text-indent:15px; cursor:pointer;}
.tbCate td a {color:#444;}
.tbCate td a:hover {display:block; height:36px; line-height:36px; background:#ffaa30; color:#fff; font-weight:bold;}
.tbCate td a.on {display:block; height:36px; line-height:36px; background:#ffaa30; color:#fff; font-weight:bold;}
/*로그인*/
.subWrap .login {width:800px; margin:0 auto; padding:49px 0 10px 0;}

.cart .loginBox				{ float:left; width:48%; height:190px; border:1px solid #ccc; margin:0; padding:0; margin-right:28px; background:#fff; font-weight:normal; }
.cart .loginCart			{ float:left; width:46%; height:180px; border:1px solid #ccc; background:#FFF; padding:10px 1% 0 1%; }
.cart .loginOrder			{ float:left;width:385px; height:190px; border:1px solid #ccc; background:#FFF; }

.login_bar { width:100%; border:1px solid #ccc; }
.login_bar table { width:98%; margin:0 auto; }
.login_bar td { padding:10px; color:#999;  border-bottom:1px solid #ccc;}
.login_bar .noline { border:none; }

/*주문조회로그인*/
.loginBoxByType {  }
.loginBoxByType .loginBasic			{ float:left; width:46%; height:170px; padding:10px; border:1px solid #ccc; }
.loginBoxByType .loginBasic p			{ padding:10px; text-align:center; }
.loginBoxByType .loginBasic p span	{ font-size:18px; font-weight:bold; color:#666; }
.loginBoxByType .loginBasic li		{ float:left; }
.loginBoxByType .loginBasic li.btn	{ padding:10px 0 0 20px; }
.loginBoxByType .loginBasic table		{ margin-left:10px; }
.loginBoxByType .loginBasic th, .loginBoxByType .loginBasic td	{ padding:5px; }
.loginBoxByType .loginBasic div		{ padding:10px; text-align:center; }

.loginBoxByType .loginOrder			{ float:left; width:46%; height:170px; margin-left:20px; padding:10px; border:1px solid #ccc; }
.loginBoxByType .loginOrder p			{ padding:10px; text-align:center; font-size:18px; font-weight:bold; color:#666; }
.loginBoxByType .loginOrder li		{ float:left; }
.loginBoxByType .loginOrder li.btn	{ padding:25px 0 0 20px; }
.loginBoxByType .loginOrder table		{ margin-left:15px; }
.loginBoxByType .loginOrder th, .loginBoxByType .loginOrder td	{ padding:5px; }


.main .bbs							{ float:left; width:1090px; margin-top:15px; border:2px solid #393434; border-left:none; border-right:none; }
.main .category						{   }
.main .category .choice				{ float:left; width:172px; height:640px; margin-right:15px; background:#dc5484; }
.main .category .choice ul			{ padding:20px 0px; }
.main .category .choice ul li		{ height:15px; padding:4px 20px; font-size:12px; }
.main .category .choice ul li a		{ color:#fff; }
.main .category .choice ul li a:hover{ color:#f90; }

.main .category .slider				{ float:left; width:357px; margin-right:15px; }
.main .category .imgBanner1 li			{ float:left; height:220px; margin-right:1px; }
.main .category .imgBanner1 li.none		{ margin:0; }
.main .category .imgBanner2 li			{ float:left; margin-right:1px; }
.main .category .imgBanner2 li.none		{ margin:0; }


/*product page*/
/*sub basic*/
#contain.sub .aside			{ float:left; width:170px; margin-right:20px; }
#contain.sub .section		{ float:left; width:800px; margin-bottom:20px; padding:10px 49px 49px 49px; border:1px solid #ccc; background:#fff; }

#contain							{ clear:both; width:1090px; margin:0 auto;  }

#contain .search						{ background:#fff; }
#contain .search .subTitle				{ height:30px; border-bottom:1px solid #ccc; }
#contain .search .subTitle .title		{ float:left; font-size:14px; color:#666;  font-weight:bold; padding:5px 0 0 10px; }

.sub .left							{ float:left; width:170px; margin-right:20px; }
.sub .right							{ float:left; width:260px; margin-left:50px;  background:#fff; }
.sub .cartRight						{ float:left; width:215px; margin-left:10px; margin-top:40px; }

.sub .content							{ float:left; width:800px; padding:10px 49px; border:1px solid #ccc; background:#fff; }
.sub .cartContent						{ float:left; width:1090px; background:#fff; }
.sub .cartContent .content				{ float:left; width:800px; padding:0 20px; background:#fff; }

.sub .productContent				{ float:left; width:1090px; background:#fff; }
.sub .productContent .subTitle				{ border-bottom:1px solid #ccc; display:block; height:45px; padding: 0 20px 0 20px; margin-bottom:0px; }
.sub .productContent .subTitle .stateNow	{ padding:15px 0 0 15px; }
.sub .productContent .contentWrapper		{ float:left; width:750px; margin:0px; }

.sub .content .subTitle				{  border-bottom:1px solid #ccc; }
.sub .content .subTitle .title		{ float:left; font-size:14px; color:#666;  font-weight:bold; padding:5px 0 0 10px; }
.sub .content .contentWrapper		{ clear:both; }

.sub .pagelist						{ clear:both; margin-top:10px; text-align:center; }

/*aside*/
.sub .aside .navLeft						{ padding-bottom:10px; background:#5ac0c8; }
.sub .aside .navLeft h3						{ height:80px; background:url('/image/web/main/navLeft_bg.gif'); text-indent:-10000px; }
.sub .aside .navLeft.membership h3			{ background-position:0 0; }
.sub .aside .navLeft.mypage h3				{ background-position:0 -80px; }
.sub .aside .navLeft.center h3				{ background-position:0 -160px; }


.sub .aside .navLeft ul						{  }
.sub .aside .navLeft li a					{ display:block; text-indent:-10000px; }

.sub .aside .navLeft ul.textType			{ width:170px;  border-top:0; border-bottom:0; }
.sub .aside .navLeft ul.textType li 		{ border-bottom:1px  solid #e2e2e2; background:#fff; text-align:left; }
.sub .aside .navLeft ul.textType a			{ display:block; padding:10px 5px; color:#333; text-indent:0px;}
.sub .aside .navLeft ul.textType a:hover, .sub .aside .navLeft ul.textType a.on	{ background:url('/image/web/main/left_bullet.png') no-repeat 150px 13px #fff; color:#5bc0c8; font-size:14px; font-weight:bold;  }

.sub .section h2							{ height:32px; margin-bottom:20px; padding:5px; border-bottom:1px solid #ccc; }
.sub .section h2 p							{ float:left; font-size:18px; color:#333; font-weight:bold; }
.sub .section h2 div						{ float:right; padding:10px 0 0 15px; background:url('/image/web/bullet/bullet_home.gif') no-repeat 0 21px; color:#999; letter-spacing:-1px; }
.sub .section h2 div span					{ color:#6c3; }


.pagelist		{ height:20px; margin-top:20px; padding:15px 0; border:1px solid #e7e7e7; font-size:14px; text-align:center;}
.pagelist b	{ padding:0 20px; border-right:1px solid #e7e7e7; font-weight:bold; color:#3cf; }
.pagelist a	{ padding:0 20px; border-right:1px solid #e7e7e7; color:#333; }

.productDisplay {width:1100px; margin:0 auto;}
.loadProduct ul {font-size:0px;}
.loadProduct li {display:inline-block; width:20%; box-sizing:border-box; padding:20px 20px 30px 20px; font-size:12px; vertical-align:Top;}
.loadProduct li img {width:180px; height:180px; margin-bottom:10px;}

/*추가*/
.productTitle {clear:both; width:100%; text-align:center; position:relative; padding:20px 0 0 0;}
.productTitle span {position:absolute; top:30px; left:0px; width:1100px; border-top:1px solid #333; z-index:10;}
.productTitle p {text-align:right; padding:30px 0 10px 0;}
.productTitle .title {position:absolute; text-align:center; top:18px; left:50%; margin-left:-60px; background:#fff; height:40px; padding:0 10px; z-index:99;}
.productTitle .title b {width:100%; text-align:center; font-size:22px;  font-family:'nanum-square-b'; text-transform:uppercase; color:#222; }