#content .section { margin-bottom:50px;}
#content ol,
#content ul,
#content li { list-style:none; margin:0; padding:0;}

/* 메인 상단 슬라이드 */
#main-slide { width:878px; height:450px; background:#eee; margin:0 0 20px 220px; position:relative; z-index:0;}
#main-slide .bx-viewport { border:1px solid #ccc; left:0; box-shadow:none;}
#main-slide .box { position:relative;}
#main-slide .image { max-width:auto; width:100%;}
#main-slide .btn { position:absolute; left:41px; bottom:102px;}
#main-slide .bx-pager { position:absolute; right:30px; bottom:30px; width:auto;}
#main-slide .bx-pager a { background:#fff; border:1px solid #ccc; width:15px; height:15px; border-radius:15px;}
#main-slide .bx-pager a.active { background:#1893fe;}
#main-slide a { transition:box-shadow .2s;}
#main-slide a:hover { box-shadow:0 0 25px rgba(0,0,0,.5);}
#main-slide .bx-controls-direction a { border-radius:999px; visibility:hidden; opacity:0; transition:visibility .5s, opacity .5s;}
#main-slide:hover .bx-controls-direction a { visibility:visible; opacity:1;}

/* 메인 중단 3개 박스*/
#main-3box { list-style:none; display:block; margin:0; padding:0; width:100%;}
#main-3box .item { list-style:none; display:block; border:1px solid #ccc; float:left; width:348px; height:308px; position:relative; z-index:1;}
#main-3box .item + .item { margin-left:25px;}

#main-3box .category { display:table; width:48px; height:49px; position:absolute; left:18px; top:-5px; color:#fff; text-align:center;}
#main-3box .category span { display:table-cell; vertical-align:middle; position:relative; top:3px;
	font-weight:700; font-size:15px; letter-spacing:-.075em;
}
#main-3box .category::before { content:""; position:absolute; right:-5px; top:0; width:0; height:0; border:2.5px solid transparent;}
#main-3box .category::after { content:""; position:absolute; left:0; top:49px; width:0; height:0; border:24px solid transparent;}
#main-3box .item .category { background:#fb1919; text-shadow:-.5px -1px rgba(144,14,8,.81);}
#main-3box .item .category::before { border-color:transparent transparent #a6150e #a6150e;}
#main-3box .item .category::after { border-top:10px solid #fb1919;}
#main-3box .item+.item .category { background:#3f67d2; text-shadow:-.5px -1px rgba(26,52,123,.81);}
#main-3box .item+.item .category::before { border-color:transparent transparent #14358f #14358f;}
#main-3box .item+.item .category::after { border-top:10px solid #3f67d2;}
#main-3box .item+.item+.item .category { background:#1bc8c7; text-shadow:-.5px -1px rgba(7,125,124,.81);}
#main-3box .item+.item+.item .category::before { border-color:transparent transparent #0c9897 #0c9897;}
#main-3box .item+.item+.item .category::after { border-top:10px solid #1bc8c7;}

#main-3box .title { position:absolute; left:75px; top:30px; font-weight:700; font-size:23.75px; letter-spacing:-.05em; color:#333;}
#main-3box .title b { font-weight:700; font-size:28.5px;}
#main-3box .item:nth-child(1) .title b { border-top:3px solid #fb1919;}
#main-3box .item:nth-child(2) .title b { border-top:3px solid #3f67d2;}
#main-3box .item:nth-child(3) .title b { border-top:3px solid #1bc8c7;}
#main-3box .desc { position:absolute; left:121px; top:75px; font-size:19px; letter-spacing:-.05em; text-align:right;}
#main-3box .desc b { font-weight:700; font-size:23.75px; display:block;}
#main-3box .item:nth-child(1) .desc { color:#fe4936;}
#main-3box .item:nth-child(2) .desc { color:#1d7fe3;}
#main-3box .item:nth-child(3) .desc { color:#009c8f;}
#main-3box .pic { text-align:center; margin-top:140px;}
#main-3box .item:nth-child(1) .pic { margin-top:140px;}
#main-3box .item:nth-child(2) .pic { margin-top:135px;}
#main-3box .item:nth-child(3) .pic { margin-top:148px;}

/* 메인 중단 4단 롤링 탭 */
#main-4tab { height:319px; border:1px solid #ccc; position:relative; z-index:1; overflow:hidden;}
#main-4tab > .left { width:578px; height:320px; margin:-1px 0 0 -1px;}
#main-4tab > .left ol {
	transition:all .5s;
}
#main-4tab > .left .title { display:table; width:148px; height:79px; border:1px solid #ccc; position:absolute; left:-1px;}
#main-4tab > .left .title > a { display:table-cell; width:148px; height:79px; position:relative; z-index:2;
	color:#404040; font-weight:700; font-size:20px; line-height:25px; text-align:center; vertical-align:middle;
	transition:all .5s;
}
#main-4tab > .left .on .title > a { width:150px; color:#fff;
	text-shadow:0 1px 8px rgba(0,0,0,.2), 0 1px 1px rgba(0,0,0,.3);
}
#main-4tab > .left .title > a > b { font-size:30px;}
#main-4tab > .left li .title { top:0; margin-top:-1px;}
#main-4tab > .left li+li .title { top:80px; margin-top:-1px;}
#main-4tab > .left li+li+li .title { top:160px; margin-top:-1px;}
#main-4tab > .left li+li+li+li .title { top:240px; margin-top:-1px;}
#main-4tab .stripe-box {
	width:150px; height:81px; position:absolute; z-index:2; left:-1px; top:-1px;
	background:#4f4f4f; background:repeating-linear-gradient(-45deg, #4f4f4f, #4f4f4f 2px, #4b4b4c 2px, #4b4b4c 4px);
	transition:all .5s;
}
#main-4tab .stripe-box::after {
	content:""; width:0; height:0; position:absolute; left:150px; top:36px; border:6px solid transparent; border-left:10px solid #4f4f4f;
}
#main-4tab > .left .desc { width:427px; height:319px; border:1px solid #ccc; margin:0 0 0 149px;}

/* 메인 중단 6개 동그란 아이콘*/
#main-4tab > .right { width:521px; height:318px;}
#main-4tab > .right li { width:107px; height:107px; display:table; float:left; margin:34px 0 0 50px;}
#main-4tab > .right li a { display:table-cell; text-align:center; vertical-align:middle; border-radius:107px;
	font-size:15px; line-height:20px; letter-spacing:-.01em;
	background:#f0f0f1; background:repeating-linear-gradient(-45deg, #f3f3f3, #f3f3f3 2px, #eee 2px, #eee 4px);
}
#main-4tab > .right li img { display:block; margin:0 auto 7px;}

/* 메인 중단 링크 테이블 */
#main-middle-table { height:170px; background:#f2f2f2;}
#main-middle-table > .left { width:275px;}
#main-middle-table > .right { width:825px;}
#main-middle-table > .right ul { display:table; width:100%; float:right; table-layout:fixed; margin-top:23px;}
#main-middle-table > .right li { display:table-cell; padding:7px 20px; text-align:left; vertical-align:middle; position:relative;
	border-left:1px solid #c9c9c9; border-right:1px solid #fff;
}
#main-middle-table > .right li:first-child { border-left:none;}
#main-middle-table > .right li:last-child { border-right:none;}
#main-middle-table > .right li .icon { display:table-cell; width:110px; height:110px; border-radius:110px; background:#fff;
	text-align:center; vertical-align:middle;
	box-shadow:inset 0 5px 5px rgba(157,157,157,.48);
}
#main-middle-table > .right li .title { display:block; position:absolute; left:149px; top:10px;
	font-weight:700; font-size:18px; line-height:20px; letter-spacing:-.05em; color:#333;
}
#main-middle-table > .right li .desc { display:block; position:absolute; left:150px; top:35px; width:130px;
	font-weight:700; font-size:13px; line-height:15px; letter-spacing:-.05em; color:#777;
}
#main-middle-table > .right li .link { display:block; position:absolute; left:150px; bottom:10px; width:94px; height:22px;
	font-weight:700; font-size:13px; line-height:22px; letter-spacing:-.05em; color:#fff; background:#909090; text-align:center;
	box-shadow:2px 3px 0 #cecece, 3px 2px 0 #cecece;
}
#main-middle-table > .right li .link::before { content:""; display:block; position:absolute; left:96px; top:3px; width:0; height:0;
	border:11px solid transparent; border-left:10px solid #cecece;
}
#main-middle-table > .right li .link::after { content:""; display:block; position:absolute; left:94px; top:0; width:0; height:0;
	border:11px solid transparent; border-left:10px solid #909090;
}

/* 메인 상품 추출부 */
#product-list .category-title { color:#444; font-weight:700; font-size:28px; letter-spacing:-.03em; margin-bottom:10px;}
#product-list .category-title b { color:#222; font-weight:800;}
#product-list .list { display:table; border-collapse:collapse; width:100%; table-layout:fixed;}
#product-list .item { display:table-cell; height:298px; border:1px solid #ccc; text-align:center; vertical-align:middle; position:relative;}
#product-list .best .deco { display:table; position:absolute; left:15px; top:15px; width:48px; height:44px; background:#f04c80;}
#product-list .best .deco::after { content:""; position:absolute; left:0; top:44px; width:0; height:0;
	border:24px solid #f04c80; border-top:none; border-bottom:10px solid transparent;
}
#product-list .hit { margin-top:42px;}
#product-list .hit .deco { display:table; position:absolute; left:15px; top:15px; width:48px; height:44px; background:#fe6657;}
#product-list .hit .deco::after { content:""; position:absolute; left:0; top:44px; width:0; height:0;
	border:24px solid #fe6657; border-top:none; border-bottom:10px solid transparent;
}
#product-list .deco span { display:table-cell; vertical-align:middle;
	font-weight:800; font-size:15px; line-height:25px; letter-spacing:-.03em; color:#fff;
}
#product-list .info { margin:auto;}
#product-list .thumb { margin:auto; width:270px; height:190px; text-align:center; vertical-align:middle;}
#product-list .thumb img { max-width:270px; max-height:190px;}
#product-list .name { font-weight:700; font-size:16px; line-height:20px; color:#222;}
#product-list .desc { font-weight:400; font-size:14px; line-height:20px; color:#555;}
#product-list .price { font-weight:400; font-size:14px; line-height:20px; color:#ff4200;}