@charset "utf-8";
/* for print */
@media print {
	body {background-image:none !important;background-color:#FFFFFF !important}
	h1,h2,h3,h4,h5,h6{page-break-after:avoid;page-break-inside:avoid}
	blockquote,pre{page-break-inside:avoid}
	ul,ol,dl{page-break-before:avoid}
}
/* Reset */
html{}
body{margin:0px;padding:0px;font-size:12px;line-height:1.2;font-family:"Malgun Gothic","맑은 고딕","Dotum","돋움","굴림",Sans-serif;letter-spacing:0;}/* 2014-06-13 폰트스타일 변경 */
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,p{margin:0;padding:0;font-size:12px;line-height:18px;color:#666;list-style:none}
fieldset,dl,dd,dt,img{border:0;vertical-align:top;}
address,em{font-style:normal}
hr,legend,caption{display:none}
button,label{cursor:pointer}
table{border-collapse:collapse}
td {font-family:"Malgun Gothic","맑은 고딕","Dotum","돋움","굴림",Sans-serif}
th {font-size:12px;line-height:18px;font-family:"Malgun Gothic","맑은 고딕","Dotum","돋움","굴림",Sans-serif}

/* align */
.al {text-align:left !important}
.ac {text-align:center !important}
.ar {text-align:right !important}

/* basic-alink */
a:link, a:active {color:#888;text-decoration:none}
a:visited {color:#888;text-decoration:none}
a:hover   {text-decoration:underline}

.fclear{*zoom:1 !important;}
.fclear:after {content:"";display:block;clear:both;height:0;visibility:hidden;}

.fl{ float:left !important;}
.fr{ float:right !important;}
.fn{ float:none !important;}
.prt{ position:relative !important;}
.dpi{ display:inline !important;}
.layerClick{ cursor:pointer!important;}
.layerClick5{ cursor:pointer!important;}

/* padding - margin - width */
.mt0{ margin-top:0 !important}
.mt1{ margin-top:1px !important}
.mt2{ margin-top:2px !important}
.mt3{ margin-top:3px !important}
.mt4{ margin-top:4px !important}
.mt5{ margin-top:5px !important}
.mt6{ margin-top:6px !important}
.mt8{ margin-top:8px !important}
.mt10{ margin-top:10px !important}
.mt15{ margin-top:15px !important}
.mt20{ margin-top:20px !important}
.mt25{ margin-top:25px !important}
.mt30{ margin-top:30px !important}
.mt35{ margin-top:35px !important}
.mt40{ margin-top:40px !important}
.mt50{ margin-top:50px !important}
.mt_20{ margin-top:-20px !important}

.mb0{ margin-bottom:0 !important}
.mb1{ margin-bottom:1px !important}
.mb2{ margin-bottom:2px !important}
.mb3{ margin-bottom:3px !important}
.mb4{ margin-bottom:4px !important}
.mb5{ margin-bottom:5px !important}
.mb10{ margin-bottom:10px !important}
.mb15{ margin-bottom:15px !important}
.mb20{ margin-bottom:20px !important}
.mb25{ margin-bottom:25px !important}
.mb30{ margin-bottom:30px !important}
.mb35{ margin-bottom:35px !important}
.mb40{ margin-bottom:40px !important}
.mb50{ margin-bottom:50px !important}

.ml5{ margin-left:5px !important}
.ml8{ margin-left:8px !important}
.ml10{ margin-left:10px !important}
.ml15{ margin-left:15px !important}
.ml19{ margin-left:19px !important}
.ml20{ margin-left:20px !important}
.ml25{ margin-left:25px !important}
.ml30{ margin-left:30px !important}
.ml35{ margin-left:35px !important}
.ml40{ margin-left:40px !important}
.ml45{ margin-left:45px !important}
.ml50{ margin-left:50px !important}

.mr5{ margin-right:5px !important}
.mr10{ margin-right:10px !important}
.mr15{ margin-right:15px !important}
.mr20{ margin-right:20px !important}
.mr25{ margin-right:25px !important}
.mr30{ margin-right:30px !important}
.mr35{ margin-right:35px !important}
.mr40{ margin-right:40px !important}
.mr50{ margin-right:50px !important}

.pd0{padding:0 !important;}

.pdt0{ padding-top:0px !important}
.pdt2{ padding-top:2px !important}
.pdt5{ padding-top:5px !important}
.pdt10{ padding-top:10px !important}
.pdt15{ padding-top:15px !important}
.pdt20{ padding-top:20px !important}
.pdt25{ padding-top:25px !important}
.pdt30{ padding-top:30px !important}
.pdt35{ padding-top:35px !important}
.pdt40{ padding-top:40px !important}
.pdt50{ padding-top:50px !important}

.pdb5{padding-bottom:5px !important}
.pdb10{ padding-bottom:10px !important}
.pdb15{ padding-bottom:15px !important}
.pdb20{ padding-bottom:20px !important}
.pdb25{ padding-bottom:25px !important}
.pdb30{ padding-bottom:30px !important}
.pdb35{ padding-bottom:35px !important}
.pdb40{ padding-bottom:40px !important}
.pdb50{ padding-bottom:50px !important}
.pdb_20{ padding-bottom:20px !important}
.pdb18{padding-bottom:18px !important;}

.pdl5{ padding-left:5px !important}
.pdl10{ padding-left:10px !important}
.pdl15{ padding-left:15px !important}
.pdl20{ padding-left:20px !important}
.pdl25{ padding-left:25px !important}
.pdl30{ padding-left:30px !important}
.pdl35{ padding-left:35px !important}
.pdl40{ padding-left:40px !important}
.pdl50{ padding-left:50px !important}

.pdr5{ padding-right:5px !important}
.pdr10{ padding-right:10px !important}
.pdr15{ padding-right:15px !important}
.pdr20{ padding-right:20px !important}
.pdr25{ padding-right:25px !important}
.pdr30{ padding-right:30px !important}
.pdr35{ padding-right:35px !important}
.pdr40{ padding-right:40px !important}
.pdr50{ padding-right:50px !important}

.w50{ width:50px !important}
.w100{ width:100px !important}
.w150{ width:150px !important}
.w185{ width:185px !important}
.w200{ width:200px !important}
.w250{ width:250px !important}
.w300{ width:300px !important}
.w400{ width:400px !important}

.fc444{color:#444 }
.fc666{color:#666 }
.fc888{color:#888 }
.fc999{color:#999 }
.fcfff{color:#fff }
.fc_pink{color:#ea3297}
.fc_red{color:#DD1032;}
.fc_blue{color:#009d9b;}
.fc_avenue{color:#fb0073}

.fs11{ font-size:11px;}
.fs12{ font-size:12px;}
.fs14{ font-size:14px;}

.fwb{font-weight:bold;}

.tin7{text-indent:7px;}

/* 블라인드 */
.blind{display:block;overflow:hidden;position:absolute;left:0;top:-5000px;text-indent:-5000px; width:0; height:0; line-height:0; font-size:1px;}

/*딤드레이어*/
.deem{background:#000;display:none;position:absolute;left:0;top:0;width:100%;z-index:20000;}

/* layout */
#wrap{*z-index:0;*position:relative;}

/* banner */
.skyBanner{text-align:center;}
.skyBanner ul{display:inline-block;height:100%;}
.skyBanner ul{/*width:1200px;*/}
.skyBanner ul li{float:left;width:auto;}
.skyBanner ul li a{display:block;}
.footerBanner{text-align:center;}
.footerBanner ul{width:960px;;margin:0 auto}
.footerBanner ul li{float:left;width:auto;}
.footerBanner ul li a{display:block;}

/* left wing banner */
.leftWingBanner{z-index:10000;position:absolute;left:50%;top:168px;width:140px;}

/* right wing banner */
.rightWingBanner{z-index:10000;position:fixed;_position:absolute;left:50%;top:221px;width:66px;}
.rightWingBanner dl dt{}
.rightWingBanner dl dd{border:1px solid #cdcdcd;background:#fff;}
.rightWingBanner dl dd.myshop{border-top:0;}
.rightWingBanner dl dd.myshop p{padding:5px 0;}
.rightWingBanner dl dd.myshop p a{display:block;height:100%;color:#656565;font-size:11px;line-height:14px;text-align:center;}
.rightWingBanner dl dd.myshop p a em{display:block;background:url(//image.hnsmall.com/images/img2014/common/wing_ico.png) no-repeat;}
.rightWingBanner dl dd.myshop p a span{display:block;}
.rightWingBanner dl dd.myshop p.cart a em{height:18px;background-position:center 0px;}
.rightWingBanner dl dd.myshop p.wish{border-top:1px solid #e6e6e6;}
.rightWingBanner dl dd.myshop p.wish a em{height:16px;background-position:center -40px;}
.rightWingBanner dl dd.viewProd{margin-top:3px;}
.rightWingBanner dl dd.viewProd p{padding:3px 0;color:#656565;font-size:11px;line-height:16px;text-align:center;}
.rightWingBanner dl dd.viewProd p span{display:block;}
.rightWingBanner dl dd.viewProd .npList {position:relative;height:136px;}
.rightWingBanner dl dd.viewProd .npList a .arrow{position:absolute;right:0px;left:0px;width:100%;height:13px;font-size:0;line-height:0;cursor:pointer;background:url(//image.hnsmall.com/images/img2014/common/wing_ico.png) no-repeat;}
.rightWingBanner dl dd.viewProd .npList a .arrow.Up{top:0px;background-position:center -74px;}
.rightWingBanner dl dd.viewProd .npList a .arrow.Down{bottom:0px;background-position:center -87px;}
.rightWingBanner dl dd.viewProd .npList .npContainer {position:relative;top:13px;overflow:hidden;height:110px;}
.rightWingBanner dl dd.viewProd .npList .npContainer ul {list-style:none;position:relative;}
.rightWingBanner dl dd.viewProd .npList .npContainer ul li {height:50px;padding-bottom:5px;position:relative;z-index:30000;}
.rightWingBanner dl dd.viewProd .npList .npContainer ul li a{display:block;text-align:center;}
.rightWingBanner dl dd.viewProd .npList .npContainer ul li a img{width:50px;height:50px;}
.rightWingBanner dl dd.viewProd .prodNull{padding:10px 0;}
.rightWingBanner .wingGotop{height:25px;margin-top:3px;}
.rightWingBanner .wingGotop a{overflow:hidden;display:block;height:25px;}
.rightWingBanner .wingGotop a img{margin-top:0;}
.rightWingBanner .wingGotop a:hover img{margin-top:-25px;}

/* 최근본상품 삭제기능 추가 2016-04-19 */
.rightWingBanner dl dd.viewProd .npList .npContainer ul li .btnDelet {display:none; width:15px; height:15px; position:absolute; right:0; top:0; border:none; outline:none; background:url('//image.hnsmall.com/images/img2014/common/btn_viewProd_del.png') no-repeat left top;}
.rightWingBanner dl dd.viewProd .npList .npContainer ul li .btnDelet span {display:block; overflow:hidden; color:transparent;}

#fixedWrapper {position:fixed;top:0;left:0;z-index:30000;width:100%;background:#fff;}
#fixedWrapper ~ .cateAll {position:relative; z-index:100; width:960px; margin:0 auto; padding-top:169px; /*z-index:9990;position:absolute;top:169px;left:50%;margin-left:-480px;*/}
#fixedWrapper ~ .cateAll span{display:block;width:155px;height:23px;font-size:0;line-height:0;cursor:pointer;background:url(//image.hnsmall.com/images/img2014/common/cateAllView.png) no-repeat;}
#fixedWrapper ~ .cateAll .viewOpen{background-position:0 0;}
#fixedWrapper ~ .cateAll .viewClose{background-position:-155px 0;}
#fixedWrapper ~ .cateAllViewPop {z-index:9990;}
#fixedWrapper ~ .leftWingBanner {z-index:1000;}
#fixedWrapper ~ #container + #containerWide {padding-top:0;}

/* 앱설치안내 배너 */
.appSetup {position:relative; height:70px; background:#f4edd3; text-align:center;}
.appSetup a {display:inline-block;}

/* header */
#header{*z-index:1;position:relative;background:url(//image.hnsmall.com/images/img2014/common/bg_header.gif) repeat-x;}
#header .headerCenter {position:relative;width:960px;height:88px;margin:auto;}
#header .headerCenter.wide {width:1200px;}
#header .headerCenter h1{float:left;width:165px;padding:41px 0 18px;}
#header .headerCenter a.bookmark{position:absolute;top:6px;left:0;display:inline-block;padding:0 3px 0 12px;color:#878787;font-size:11px;vertical-align:top;background:url(//image.hnsmall.com/images/img2014/common/header_common.png) no-repeat 0 7px;}
#header .headerCenter .hdUtilZone{z-index:14;*z-index:5;position:absolute;top:6px;right:0;}
#header .headerCenter .hdUtilZone ul li{float:left;padding-left:10px;vertical-align:top;background:url(//image.hnsmall.com/images/img2014/common/header_common.png) no-repeat -345px 6px;}
#header .headerCenter .hdUtilZone ul li.log{padding-left:0;background:none;}
#header .headerCenter .hdUtilZone ul li a{color:#878787;font-size:11px;line-height:16px;}
#header .headerCenter .hdUtilZone ul li a:hover{color:#000;text-decoration:underline;}
#header .headerCenter .hdUtilZone ul li a img{vertical-align:top;}
#header .headerCenter .hdUtilZone ul li.myShop{position:relative;}
#header .headerCenter .hdUtilZone ul li.myShop a.myShop{padding-right:10px;background:url(//image.hnsmall.com/images/img2014/common/header_common.png) no-repeat -5px -119px;}
#header .headerCenter .hdUtilZone ul li.myShop dl{z-index:25000;position:absolute;left:4px;top:-1px;width:85px;padding-bottom:4px;border:1px solid #11c0c3;background:#fff;}
#header .headerCenter .hdUtilZone ul li.myShop dl dt {height:20px;border-bottom:1px solid #11c0c3;}
#header .headerCenter .hdUtilZone ul li.myShop dl dt a{display:block;padding:0 3px 0 5px;*padding-top:1px;color:#898989;background:url(//image.hnsmall.com/images/img2014/common/header_common.png) no-repeat 0 -117px;}
#header .headerCenter .hdUtilZone ul li.myShop dl dt a:hover{color:#11c0c3;font-size:11px;background-position:-90px -117px;}
#header .headerCenter .hdUtilZone ul li.myShop dl dd{padding:0;}
#header .headerCenter .hdUtilZone ul li.myShop dl dd a{display:block;padding:2px 5px;color:#898989;font-size:11px;line-height:14px;}
#header .headerCenter .hdUtilZone ul li.myShop dl dd a:hover{color:#11c0c3;font-size:11px;}
#header .headerCenter .searchZone{float:left;width:336px;padding:21px 0 13px;}
#header .headerCenter.wide .searchZone{width:404px;}
#header .headerCenter .searchZone .popularWord{overflow:hidden;height:18px;font-size:0;line-height:0;}
#header .headerCenter .searchZone .popularWord > a{display:inline-block;padding-left:15px;color:#b5b5b5;font-size:11px;line-height:15px;background:url(//image.hnsmall.com/images/img2014/common/header_common.png) no-repeat -342px 4px;}
#header .headerCenter .searchZone .popularWord > a:first-child{padding-left:2px;background:none;}
#header .headerCenter .searchZone .search{position:relative;width:330px;height:28px;border:3px solid #dd1f2a;}
#header .headerCenter.wide .searchZone .search{width:398px;}
#header .headerCenter .searchZone .search input{float:left;width:248px;height:21px;margin:2px 0 0 10px;padding:0;color:#323232;font-size:12px;border:0;}
#header .headerCenter.wide .searchZone .search input{width:316px;}
#header .headerCenter .searchZone .search .auto{float:left;width:27px;height:28px;font-size:0;line-height:0;background:url(//image.hnsmall.com/images/img2014/common/bul_arrow6.png) no-repeat center 12px;}
#header .headerCenter .searchZone .search a{position:absolute;top:-3px;right:-3px;}
.searchZone .autoSearchWrap{z-index:15000;position:absolute;left:167px;top:73px;width:334px;border:1px solid #dd1f2a;background:#fff;}
.wide .searchZone .autoSearchWrap{width:404px;}
.searchZone .autoSearchWrap ul{ padding:10px 0 5px;}
.searchZone .autoSearchWrap ul li{display:inline-block;width:100%;cursor:pointer;padding:2px 0;}
.searchZone .autoSearchWrap ul li.on{ background:#ffdbdb}
.searchZone .autoSearchWrap ul li:after {content:"";display:block;clear:both;height:0;visibility:hidden;}
.searchZone .autoSearchWrap ul li span.text{ float:left;padding-left:10px}
.searchZone .autoSearchWrap ul li span.check{ float:right;padding-right:10px;font-size:11px;color:#888;}
.searchZone .autoSearchWrap ul li span strong{ color:#dd1032;font-weight:normal}
.searchZone .autoSearchWrap p.close{ text-align:right;padding:0 10px 10px 0}
.searchZone .autoSearchWrap p.close img{ cursor:pointer}
.searchZone .autoSearchWrap ul.add{ border-top:1px solid #eee;}
#header .headerCenter .ServiceZone{float:left;width:290px;height:34px;margin:40px 0 10px;margin-left:21px;}
#header .headerCenter .ServiceZone ul{height:34px;}
#header .headerCenter .ServiceZone ul li{float:left;padding-left:7px;background:url(//image.hnsmall.com/images/img2014/common/header_common.png) no-repeat -349px -63px;}
#header .headerCenter .ServiceZone ul li:first-child{padding-left:0;background:none;}
#header .headerCenter .ServiceZone ul li a{display:block;height:auto;}
#header .headerCenter .ServiceZone ul li a span{overflow:hidden;display:block;height:15px;padding:10px 0 11px;font-size:0;line-height:0;background:url(//image.hnsmall.com/images/img2014/common/header_common_0416.png) no-repeat;}
#header .headerCenter .ServiceZone ul li a .sn_hotkill{width:30px;background-position:0 -20px;}
#header .headerCenter .ServiceZone ul li a .sn_best100{width:62px;background-position:-37px -20px;}
#header .headerCenter .ServiceZone ul li a .sn_planshop{width:67px;background-position:-107px -20px;}
#header .headerCenter .ServiceZone ul li a .sn_company{width:67px;background-position:-181px -20px;}
#header .headerCenter .ServiceZone ul li a .sn_event{width:36px;background-position:-254px -20px;}
#header .headerCenter.wide .ServiceZone{width:305px;margin-left:139px;}
#header .headerCenter.wide .ServiceZone ul li a .sn_hotkill{width:32px;background-position:0 -60px;}
#header .headerCenter.wide .ServiceZone ul li a .sn_best100{width:66px;background-position:-42px -60px;}
#header .headerCenter.wide .ServiceZone ul li a .sn_planshop{width:70px;background-position:-121px -60px;}
#header .headerCenter.wide .ServiceZone ul li a .sn_company{width:70px;background-position:-201px -60px;}
#header .headerCenter.wide .ServiceZone ul li a .sn_event{width:39px;background-position:-281px -60px;}
#header .headerCenter .promotionZone{position:relative;float:right;width:129px;height:17px;margin:48px 0 23px;}
#header .headerCenter .promotionZone div{width:104px;}
#header .headerCenter .promotionZone div ul{display:inline-block;width:100%;}
#header .headerCenter .promotionZone div ul li{text-align:right;}
#header .headerCenter .promotionZone .control{position:absolute;top:0;right:1px;width:22px;height:17px;border-left:1px solid #bdbfbe;}
#header .headerCenter .promotionZone .control .arrow{overflow:hidden;display:block;float:left;width:11px;*width:10px;;box-sizing:border-box;height:15px;font-size:0;line-height:0;border:1px solid #bdbfbe;border-left:0;background:url(//image.hnsmall.com/images/img2014/common/ico_indicator.png) no-repeat;cursor:pointer;}
#header .headerCenter .promotionZone .control .prev{background-position:-241px 0;}
#header .headerCenter .promotionZone .control .prev:hover{background-position:-264px 0;}
#header .headerCenter .promotionZone .control .next{background-position:-252px 0;}
#header .headerCenter .promotionZone .control .next:hover{background-position:-275px 0;}
#header .headerCenter .cateAll{z-index:12000;position:absolute;top:auto;left:0;bottom:-34px;}
#header .headerCenter .cateAll span{display:block;width:155px;height:23px;font-size:0;line-height:0;cursor:pointer;background:url(//image.hnsmall.com/images/img2014/common/cateAllView.png) no-repeat;}
#header .headerCenter .cateAll .viewOpen{background-position:0 0;}
#header .headerCenter .cateAll .viewClose{background-position:-155px 0;}

/* 카테고리 전체보기 */
.cateAllViewPop{z-index:26000;position:relative;width:750px;border:1px solid #000;}
.cateAllViewPop .popClose{position:absolute;top:5px;right:5px;width:29px;height:29px;font-size:0;line-height:0;cursor:pointer;background:url(//image.hnsmall.com/images/img2014/common/ico_popClose.png) no-repeat 0 -149px;}
.cateAllViewPop .layerCont{margin:0;padding:0;}
.cateAllViewPop .layerCont .cateList1{padding:0 24px 0 17px;background:#fff;}
.cateAllViewPop .layerCont .cateList1 ul.cateMenu{display:inline-block;width:100%;padding:20px 0 23px;border-top:1px solid #e7e7e7;}
.cateAllViewPop .layerCont .cateList1 ul.cateMenu:first-child{padding:23px 0 20px;border-top:0;}
.cateAllViewPop .layerCont .cateList1 ul.cateMenu > li{float:left;width:20%;height:56px;}
.cateAllViewPop .layerCont .cateList1 ul.cateMenu li dl dt{height:18px;}
.cateAllViewPop .layerCont .cateList1 ul.cateMenu li dl dd{padding-top:4px;}
.cateAllViewPop .layerCont .cateList1 ul.cateMenu li dl dd ul li a{display:block;color:#565656;font-size:12px;line-height:18px;letter-spacing:-1px;word-spacing:-0.5px;word-break:break-all;cursor:pointer;}
.cateAllViewPop .layerCont .cateList1 ul.cateMenu li dl dd ul li a:hover{color:#dd1f2a;}
.cateAllViewPop .layerCont .cateList2{padding:9px 24px 10px 17px;background:#f8f8f9;}
.cateAllViewPop .layerCont .cateList2 ul.cateMenu{display:inline-block;width:100%;}
.cateAllViewPop .layerCont .cateList2 ul.cateMenu > li{float:none;padding:10px 0;border-top:1px solid #fff;}
.cateAllViewPop .layerCont .cateList2 ul.cateMenu > li:first-child{border-top:0;}
.cateAllViewPop .layerCont .cateList2 ul.cateMenu li dl{display:inline-block;width:100%;}
.cateAllViewPop .layerCont .cateList2 ul.cateMenu li dl dt{float:left;width:20%;}
.cateAllViewPop .layerCont .cateList2 ul.cateMenu li dl dt a{display:block;height:18px;}
.cateAllViewPop .layerCont .cateList2 ul.cateMenu li dl dd{float:left;width:80%;}
.cateAllViewPop .layerCont .cateList2 ul.cateMenu li dl dd ul li{float:left;width:25%;}
.cateAllViewPop .layerCont .cateList2 ul.cateMenu li dl dd ul li a{display:block;color:#565656;font-size:12px;line-height:18px;letter-spacing:-1px;word-spacing:-0.5px;word-break:break-all;cursor:pointer;}
.cateAllViewPop .layerCont .cateList2 ul.cateMenu li dl dd ul li a:hover{color:#dd1f2a;}
.cateAllViewPop .layerCont ul.cateMenu li dl dt span.cate{display:inline-block;width:100%;height:18px;text-indent:-99999px;background:url(//image.hnsmall.com/images/img2014/common/cateAllView_0703.png) no-repeat;}
.cateAllViewPop .layerCont ul.cateMenu li dl dt span.cateName01{background-position:0 -80px;}
.cateAllViewPop .layerCont ul.cateMenu li dl dt span.cateName02{background-position:-144px -80px;}
.cateAllViewPop .layerCont ul.cateMenu li dl dt span.cateName03{background-position:-286px -80px;}
.cateAllViewPop .layerCont ul.cateMenu li dl dt span.cateName04{background-position:-435px -80px;}
.cateAllViewPop .layerCont ul.cateMenu li dl dt span.cateName05{background-position:-583px -80px;}
.cateAllViewPop .layerCont ul.cateMenu li dl dt span.cateName06{background-position:0 -100px;}
.cateAllViewPop .layerCont ul.cateMenu li dl dt span.cateName07{background-position:-144px -100px;}
.cateAllViewPop .layerCont ul.cateMenu li dl dt span.cateName08{background-position:-286px -100px;}
.cateAllViewPop .layerCont ul.cateMenu li dl dt span.cateName09{width:116px;background-position:0 -60px;}
.cateAllViewPop .layerCont ul.cateMenu li dl dt span.cateName10{background-position:-435px -100px;}
.cateAllViewPop .layerCont ul.cateMenu li dl dt span.cateName11{background-position:-583px -100px;}
.cateAllViewPop .layerCont ul.cateMenu li dl dt span.cateName12{width:116px;background-position:-144px -60px;}
.cateAllViewPop .layerCont ul.cateMenu li dl dt span.cateName13{width:116px;background-position:-286px -60px;}
.cateAllViewPop .layerCont ul.cateMenu li dl dt span.cateName14{width:116px;background-position:-436px -60px;}
.cateAllViewPop .layerCont ul.cateMenu li dl dt span.cateName15{width:116px;background-position:0 -130px;}
.cateAllViewPop .layerCont ul.cateMenu li dl dt span.cateName16{width:116px;background-position:-146px -130px;}

/* 카테고리 전체보기 v2 */
.cateAllViewPop2 { z-index: 26000; display: none; position: absolute; left: 151px; top: 0; width: 764px; background: #fff; border: 1px solid #e51937; border-top: 0; }
.cateAllViewPop2:after { content: " "; display: block; clear: both; overflow: hidden; position: absolute; top:0; right: -5px; width: 4px; height: 100%; background: url(//image.hnsmall.com/images/img2014/main/v5/bg-dimmed.png) repeat;}
.cateAllViewPop2 .popClose{position:absolute;top:12px;right:12px;width:18px;height:19px;font-size:0;line-height:0;cursor:pointer;background: url(//image.hnsmall.com/images/img2014/common/ico_popClose.png?1) no-repeat 0 -280px;}
.cateAllViewPop2 .layerCont{margin:0;padding:0;}
.cateAllViewPop2 .layerCont > div {padding: 33px 0 39px;}
.cateAllViewPop2 .layerCont dl {}
.cateAllViewPop2 .layerCont dl dt {display: block;}
.cateAllViewPop2 .layerCont dl dt .cate { display: block; padding-bottom: 5px; line-height: 20px; font-size: 15px; font-weight: bold; color: #333; }
.cateAllViewPop2 .layerCont .cateMenu > li {padding-left: 24px;box-sizing: border-box;}
.cateAllViewPop2 .layerCont .cateMenu dd a { display: block; font-size: 12px; line-height: 20px; }
.cateAllViewPop2 .layerCont .cateMenu dd a:hover {color: #e51937;text-decoration: none;font-weight: bold;letter-spacing: -0.2px;}
.cateAllViewPop2 .layerCont .cateMenu dd a:hover span:after { content: " "; display: inline-block; width: 5px; height: 10px; margin-left: 5px; background: url(//image.hnsmall.com/images/img2014/main/v5/ico-link-arr.png) no-repeat right center; }
.cateAllViewPop2 .layerCont .cateList1{float: left;width: 573px;background:#fff;}
.cateAllViewPop2 .layerCont .cateList1 ul.cateMenu { display: block; min-height: 100px; background: url(//image.hnsmall.com/images/img2014/main/v5/bg-cateall-line.png?20190709) 0 0 repeat; }
.cateAllViewPop2 .layerCont .cateList1 ul.cateMenu > li{float:left;width: 191px;}
.cateAllViewPop2 .layerCont .cateList2{float: right;width: 190px;min-height: 403px; background: #f5f5f5;}
.cateAllViewPop2 .layerCont .cateList2 dl dt .cate {color: #e51937;}
.cateAllViewPop2 .layerCont .cateList2 > .cateMenu > li {height: 203px;}
.cateAllViewPop2 .layerCont .cateList2 > .cateMenu > li:first-child {height: 200px;}
.cateAllViewPop2.subPage {display: block; top: 200px; left: 50%; margin-left: -480px; border-top: 1px solid #e51937;}

/* container */
#containerWide,
#container{position:relative;}
#containerWide .container{position:relative;width:1200px;margin:auto;}
#containerWide .container2{position:relative;width:960px;margin:auto;}
#containerWide {padding-top:157px;}

#containerWide > .cateAll{z-index:10000;position:absolute;top:169px;left:50%;margin-left:-600px;}
#containerWide > .cateAll span{display:block;width:155px;height:23px;font-size:0;line-height:0;cursor:pointer;background:url(//image.hnsmall.com/images/img2014/common/cateAllView.png) no-repeat;}
#containerWide > .cateAll .viewOpen{background-position:0 0;}
#containerWide > .cateAll .viewClose{background-position:-155px 0;}
#containerWide .cateAllViewPop {top:200px !important;left:50% !important;margin-left:-600px;}

/* location  */
.location{position:relative;display:inline-block;width:795px;height:21px;font-size:11px;margin:12px 0 21px 165px;z-index:401;}/* 2014-08-18 수정 *//* 2014-07-24 수정 *//* 2013-12-09 margin-top:9px 수정 */
.location:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.location dt{float:left;width:20px;height:21px;padding:0 0 0 18px;color:#898989;font-weight:bold;vertical-align:middle;background:url(//image.hnsmall.com/images/img2014/common/ico_location_home.png) no-repeat 0 center;}
.location dd{float:left;margin-right:5px;padding-left:10px;background:url(//image.hnsmall.com/images/img2014/common/bu_location_arrow.gif) no-repeat left center;}
.location dd .depth{position:relative;width:165px;height:21px;padding-left:5px;cursor:pointer;background:url(//image.hnsmall.com/images/img2014/common/bg_location_select.gif) no-repeat 0 0;}
.location dd .depth span{display:block;padding:0 25px 3px 0;*padding:1px 25px 3px 0;color:#898989;font-size:11px;line-height:18px;background:url(//image.hnsmall.com/images/img2014/common/bg_location_select.gif) no-repeat right 0;}
.location dd .depth ul{display:none;overflow:hidden;overflow-x:hidden;z-index:500;position:absolute;top:20px;left:0;width:168px;padding:5px 0;border:1px solid #dd1032;background:#fff;}
.location dd .depth ul li{font-size:12px;}
.location dd .depth ul li a{overflow:hidden;display:block;font-size:11px;text-indent:0;text-decoration:none;padding:0 5px 3px;background:none;}
.location dd .depth ul li a:hover{color:#fff;background:#dd1032;}
.location dd .depth ul li a span{padding:0 7px;background:none;}
.location dd .depth ul li a:hover span{padding:0 7px;color:#fff;background:none;}

/* location_기획전 2013-12-10  */
.location_event{position:relative;display:inline-block;width:795px;height:21px;font-size:11px;margin:12px 0 21px 165px;z-index:401;}/* 2014-08-18 수정 *//* 2014-08-08 수정 *//* 2014-07-24 수정 *//* 2013-12-09 margin-top:9px 수정 */
.location_event:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.location_event dt{float:left;width:20px;height:21px;padding:0 0 0 18px;color:#898989;font-weight:bold;vertical-align:middle;background:url(//image.hnsmall.com/images/img2014/common/ico_location_home.png) no-repeat 0 center;}
.location_event dd{float:left;margin-right:5px;padding-left:10px;background:url(//image.hnsmall.com/images/img2014/common/bu_location_arrow.gif) no-repeat left center;}
.location_event dd .depth_evnet{position:relative;width:420px;height:21px;padding-left:5px;cursor:pointer;background:url(//image.hnsmall.com/images/img2014/common/bg_location_select.gif) no-repeat 0 0;}
.location_event dd .depth_evnet span{display:block;padding:0 25px 3px 0;*padding:1px 25px 3px 0;color:#898989;font-size:11px;line-height:18px;background:url(//image.hnsmall.com/images/img2014/common/bg_location_select.gif) no-repeat right 0;}
.location_event dd .depth_evnet ul{display:none;overflow:hidden;overflow-x:hidden;z-index:500;position:absolute;top:20px;left:0;width:423px;padding:5px 0;border:1px solid #dd1032;background:#fff;}
.location_event dd .depth_evnet ul li{font-size:12px;}
.location_event dd .depth_evnet ul li a{overflow:hidden;display:block;font-size:11px;text-indent:0;text-decoration:none;padding:0 5px 3px;background:none;}
.location_event dd .depth_evnet ul li a:hover{color:#fff;background:#dd1032;}
.location_event dd .depth_evnet ul li a span{padding:0 7px;background:none;}
.location_event dd .depth_evnet ul li a:hover span{padding:0 7px;color:#fff;background:none;}



.depth2TilteWrap{border-bottom:4px solid #e51937; *zoom:1; height:32px; position:relative}/* 2013-10-08 AK PLAZA :  position:relative 추가 */
.depth2TilteWrap:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.depth2TilteWrap h2{ float:left;}
.depth2TilteWrap ul{ float:right;*zoom:1; padding-top:11px;}
.depth2TilteWrap ul:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.depth2TilteWrap ul li{ float:left;}
.depth2TilteWrap ul li.best{ background:url(//image.hnsmall.com/images/img2014/category/bu_tit_arrow1.gif) no-repeat 0 4px; padding-left:10px; margin-right:9px}
.depth2TilteWrap ul li.plan{ background:url(//image.hnsmall.com/images/img2014/category/bu_tit_line.gif) no-repeat 0 2px; padding-left:8px;}
.depth2TilteWrap ul li.brand{ background:url(//image.hnsmall.com/images/img2014/category/bu_tit_line.gif) no-repeat 0 2px; padding-left:8px; margin-left:8px}
.depth2TilteWrap ul li a{ font-weight:bold; color:#ff6464;}
.depth2TilteWrap p{ position:absolute; top:-35px; right:0; font-size:11px; color:#888; text-align:right; line-height:15px}

.depth3TilteWrap{border-bottom:4px solid #e51937; *zoom:1; height:29px; position:relative;}/* 2013-12-13 AK PLAZA 중카테고리  position:relative 추가 */
.depth3TilteWrap:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.depth3TilteWrap h2{ float:left; font-size:18px; color:#666; padding-top:5px}
.depth3TilteWrap ul{ float:right;*zoom:1; padding-top:7px;}
.depth3TilteWrap ul:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.depth3TilteWrap ul li{ float:left;}
.depth3TilteWrap ul li.best{ background:url(//image.hnsmall.com/images/img2014/category/bu_tit_arrow1.gif) no-repeat 0 4px; padding-left:10px; margin-right:9px}
.depth3TilteWrap ul li.plan{ background:url(//image.hnsmall.com/images/img2014/category/bu_tit_line.gif) no-repeat 0 2px; padding-left:8px;}
.depth3TilteWrap ul li.brand{ background:url(//image.hnsmall.com/images/img2014/category/bu_tit_line.gif) no-repeat 0 2px; padding-left:8px; margin-left:8px}
.depth3TilteWrap ul li a{ font-weight:bold; color:#ff6464;}
.depth3TilteWrap ul li.loca{ padding-right:10px}
.depth3TilteWrap ul li.loca a{ font-weight:normal; color:#999;}
/*2013-12-11 AK 중가 변경과 함께 네비부분 변경 전코드 시작
.cateDetailArea{ padding-bottom:23px}
.cateDetailArea .mrNone{ margin-right:0 !important;}
.cateDetailArea .item{ display:inline-block; position:relative;width:762px; padding:0 0 0 198px; background:url(//image.hnsmall.com/images/img2014/category/line_cate1.gif) repeat-y 190px 0; margin:10px 0;}
.cateDetailArea .item:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.cateDetailArea .item dt{ display:block; position:absolute; left:15px; top:4px; width:147px;}
.cateDetailArea .item dt a{position:relative;top:-2px;*top:1px; color:#666; font-size:11px}
.cateDetailArea .item dd{ float:left; width:135px; margin-bottom:2px; overflow:hidden; height:17px; margin-right:19px}
.cateDetailArea .item dd a{ display:block;background:none; font-size:12px; line-height:16px; text-indent:0; width:100%; text-decoration:none; padding:1px 5px 2px; height:16px; overflow:hidden;}
.cateDetailArea .item dd a:hover{background:#ff6464; color:#fff; font-weight:bold}
.cateDetailArea .item dd.over a{background:#ff6464; color:#fff; font-weight:bold}

.cateDetailArea .btnBrandadd{ text-align:center; height:20px; background:url(//image.hnsmall.com/images/img2014/category/bg_brandadd.gif) no-repeat 0 0}
2013-12-11 AK 중가 변경과 함께 네비부분 변경 전코드 끝*/
/*2013-12-11 AK 중가 변경과 함께 네비부분 변경 후 코드 시작*/
.cateDetailArea{padding-bottom:23px}
.cateDetailArea .mrNone{margin-right:0 !important;}
.cateDetailArea .item{display:inline-block; position:relative;width:762px; padding:0 0 0 198px; background:url(//image.hnsmall.com/images/img2014/category/line_cate1.gif) repeat-y 190px 0; margin:10px 0;}
.cateDetailArea .item:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.cateDetailArea .item dt{display:block; position:absolute; left:15px; top:4px; width:147px;}
.cateDetailArea .item dt a{position:relative;top:-3px;*top:1px; color:#666; font-size:11px; font-weight:bold;}
.cateDetailArea .item dd{float:left; width:135px; margin-bottom:2px; overflow:hidden; height:17px; margin-right:19px;}
.cateDetailArea .item dd a{display:block;background:none; font-size:12px; line-height:16px; text-indent:0; width:100%; text-decoration:none; padding:1px 5px 2px; height:16px; overflow:hidden; color:#444;}
.cateDetailArea .item dd a:hover{background:#b1b1b1; color:#fff; font-weight:bold}
.cateDetailArea .item dd.over a{background:#b1b1b1; color:#fff; font-weight:bold}

.cateDetailArea .btnBrandadd{text-align:center; height:20px; border-top:1px solid #999;}
/*2013-12-11 AK 중가 변경과 함께 네비부분 변경 후 코드 끝*/
.cateDetailArea .brandWrap{background:#f9f9f9; border:1px solid #ededed; padding:10px 0; border-bottom:1px solid #999}
.cateDetailArea .brand{ display:inline-block; position:relative;width:760px; padding:0 0 0 198px; background:#f9f9f9 url(//image.hnsmall.com/images/img2014/category/line_cate2.gif) repeat-y 190px 0;}
.cateDetailArea .brand:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.cateDetailArea .brand dt{ display:block; position:absolute; left:15px; top:4px; width:147px;}
.cateDetailArea .brand dt a{position:relative;top:-2px;*top:1px; color:#666; font-size:11px}
.cateDetailArea .brand dd{ float:left; width:135px; margin-bottom:2px; height:19px; margin-right:19px; position:relative;}
.cateDetailArea .brand dd span{ display:block;background:none; font-size:12px; line-height:16px; width:130px;height:17px; text-decoration:none; padding:0 5px 1px;overflow:hidden;}
.cateDetailArea .brand dd span input{ vertical-align:-2px}
.cateDetailArea .brand dd strong{ position:absolute; left:-45px; top:-2px; width:50px; height:23px; overflow:hidden; text-indent:-1000px; background:url(//image.hnsmall.com/images/img2014/category/btn_brand_search.gif) no-repeat 0 0; cursor:pointer; display:none;}

/* 중카 top */
#container .depth2TopWrap{ position:relative; z-index:100; padding-top:17px; padding-bottom:30px; display:inline-block; width:100%;}
#container .depth2TopWrap:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#container .depth2TopWrap .lnbArea {float:left; width:182px}
#container .depth2TopWrap .lnbArea  dl{}
#container .depth2TopWrap .lnbArea  dl dt{ padding:8px 0; border-top:1px solid #ddd; margin-top:8px; padding-left:4px;}
#container .depth2TopWrap .lnbArea  dl dt.first{ padding-top:0; border-top:none; margin-top:0}
#container .depth2TopWrap .lnbArea  dl dd{ position:relative;}
#container .depth2TopWrap .lnbArea  dl dd a{display:block;color:#666; font-size:12px; line-height:14px; height:15px;padding:0 2px 0 4px; padding-top:2px; text-decoration:none; overflow:hidden; width:176px;}
#container .depth2TopWrap .lnbArea  dl dd a img{vertical-align:-1px}
#container .depth2TopWrap .lnbArea  dl dd a:hover{background:#dd1032; color:#fff;}
#container .depth2TopWrap .lnbArea  dl dd a span{float:left; padding-right:5px;display:block; height:15px;}
#container .depth2TopWrap .lnbArea  dl dd a strong{float:left;}
#container .depth2TopWrap .lnbArea  dl dd a.active{background:#dd1032; color:#fff;display:block;height:15px;}
#container .depth2TopWrap .lnbArea  dl dd a.avenue{ color:#fb0073; font-weight:bold !important;}
#container .depth2TopWrap .lnbArea  dl dd a.avenue:hover{background:#dd1032; color:#fff;}

#container .depth2TopWrap .lnbArea  dl dd .catedepth2Wrap{ position:absolute; left:180px; top:-11px; border:1px solid #dd1032; background:#fff; padding:10px 0; z-index:1001; display:none}
#container .depth2TopWrap .lnbArea  dl dd .catedepth2Wrap .catedepth2{ font-size:12px;line-height:16px; overflow:hidden;}
#container .depth2TopWrap .lnbArea  dl dd .catedepth2Wrap .catedepth2:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#container .depth2TopWrap .lnbArea  dl dd .catedepth2Wrap .catedepth2 ul{float:left;}
#container .depth2TopWrap .lnbArea  dl dd .catedepth2Wrap .catedepth2 ul li a{display:block; font-size:12px; line-height:16px; width:160px; padding:1px 10px 0; text-decoration:none; height:16px; overflow:hidden;}
#container .depth2TopWrap .lnbArea  dl dd .catedepth2Wrap .catedepth2 ul li a:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#container .depth2TopWrap .lnbArea  dl dd .catedepth2Wrap .catedepth2 ul li a span{float:left; padding-right:5px}
#container .depth2TopWrap .lnbArea  dl dd .catedepth2Wrap .catedepth2 ul li a strong{float:left;}
#container .depth2TopWrap .lnbArea  dl dd .catedepth2Wrap .catedepth2 ul li a:hover{background:#dd1032; color:#fff;}

#container .depth2TopWrap .lnbArea  dl dd.lnbLast .catedepth2Wrap{}


#container .depth2TopWrap .brandLogo{ border-top:1px solid #ddd; margin-top:15px}
#container .depth2TopWrap .brandLogo li{ border-bottom:1px solid #ddd; text-align:center; height:37px; overflow:hidden;}
#container .depth2TopWrap .brandLogo li img{ margin-top:-37px}
#container .depth2TopWrap p.banner{ padding-top:17px}

#container .depth2TopWrap .rightArea{width:778px; float:left; display:inline-block;}
#container .depth2TopWrap .rightArea:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#container .depth2TopWrap .rightArea .visualArea{width:778px; display:inline-block; position:relative}
#container .depth2TopWrap .rightArea .visualArea:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#container .depth2TopWrap .rightArea .visualArea .visual{ float:left; padding-left:10px; background:url(//image.hnsmall.com/images/img2014/category/bg_shopping_tip.gif) no-repeat 0 0; position:relative;}

#container .depth2TopWrap .rightArea .visualArea .visualType1 .visual {}
#container .depth2TopWrap .rightArea .visualArea .visualType1 .visual ul{*zoom:1; position:absolute; bottom:0; left:10px; height:47px; width:576px;}
#container .depth2TopWrap .rightArea .visualArea .visualType1 .visual ul:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#container .depth2TopWrap .rightArea .visualArea .visualType1 .visual ul li{ float:left;}
#container .depth2TopWrap .rightArea .visualArea .visualType1 .prod5 ul li{width:20%}
#container .depth2TopWrap .rightArea .visualArea .visualType1 .prod4 ul li{width:25%}
#container .depth2TopWrap .rightArea .visualArea .visualType1 .prod3 ul li{width:33%}
#container .depth2TopWrap .rightArea .visualArea .visualType1 .prod3 ul li.last{width:34%}
#container .depth2TopWrap .rightArea .visualArea .visualType1 .prod2 ul li{width:50%}
#container .depth2TopWrap .rightArea .visualArea .visualType1 .prod1 ul li{width:100%}
#container .depth2TopWrap .rightArea .visualArea .visualType1 .visual ul li a{ color:#fff; display:block; height:20px; margin-top:7px; background:url(//image.hnsmall.com/images/img2014/category/bg_visual_menu.png) repeat-x 0 0; padding:10px; font-size:11px; line-height:12px; text-decoration:none}
#container .depth2TopWrap .rightArea .visualArea .visualType1 .visual ul li a span{ height:24px; overflow:hidden; display:block}
#container .depth2TopWrap .rightArea .visualArea .visualType1 .visual ul li.active{ float:left; background:url(//image.hnsmall.com/images/img2014/category/bu_visual_arrow.gif) no-repeat center 0;}
#container .depth2TopWrap .rightArea .visualArea .visualType1 .visual ul li.active a{ color:#fff; display:block; height:20px; margin-top:7px; background:#dd1032; padding:10px; font-size:11px;}
#container .depth2TopWrap .rightArea .visualArea .visualType1 .banner{ float:left; border:1px solid #e4e4e4; border-bottom:none}
#container .depth2TopWrap .rightArea .visualArea .visualType1 .banner li{ border-bottom:1px solid #e4e4e4;}

#container .depth2TopWrap .rightArea .visualArea .visualType2 .visual {}
#container .depth2TopWrap .rightArea .visualArea .visualType2 .visual ul{position:absolute; top:10px; right:10px;}
#container .depth2TopWrap .rightArea .visualArea .visualType2 .visual ul li{ margin-bottom:1px;width:177px; height:79px; text-align:right; position:relative;}
#container .depth2TopWrap .rightArea .visualArea .visualType2 .visual ul li.active{}
#container .depth2TopWrap .rightArea .visualArea .visualType2 .visual ul li.active span{background:url(//image.hnsmall.com/images/img2014/category/bg_visual_br.gif) no-repeat 0 0; display:block; width:177px; height:79px; position:absolute; left:0; top:0}
#container .depth2TopWrap .rightArea .visualArea .visualType2 .banner{border:1px solid #e4e4e4; border-right:none; margin-left:10px;*zoom:1}
#container .depth2TopWrap .rightArea .visualArea .visualType2 .banner:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#container .depth2TopWrap .rightArea .visualArea .visualType2 .banner li{ border-right:1px solid #e4e4e4; float:left}

#container .depth2TopWrap .rightArea .visualArea .visualType3 .visual { float:none;}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .visual ul{*zoom:1; position:absolute; bottom:0; left:10px; height:47px; width:577px;}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .visual ul:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .visual ul li{ float:left;}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .prod5 ul li{width:20%}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .prod4 ul li{width:25%}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .prod3 ul li{width:33%}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .prod3 ul li.last{width:34%}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .prod2 ul li{width:50%}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .prod1 ul li{width:100%}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .visual ul li a{ color:#fff; display:block; height:20px; margin-top:7px; background:url(//image.hnsmall.com/images/img2014/category/bg_visual_menu.png) repeat-x 0 0; padding:10px; font-size:11px; line-height:12px; text-decoration:none}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .visual ul li a span{ height:24px; overflow:hidden; display:block}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .visual ul li.active{ float:left; background:url(//image.hnsmall.com/images/img2014/category/bu_visual_arrow.gif) no-repeat center 0;}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .visual ul li.active a{ color:#fff; display:block; height:20px; margin-top:7px; background:#dd1032; padding:10px; font-size:11px;}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .banner{border:1px solid #e4e4e4; border-right:none; margin-left:10px;*zoom:1;}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .banner:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .banner li{ border-right:1px solid #e4e4e4; float:left}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .planRoll{ border:1px solid #e4e4e4; border-bottom:none; position:absolute; right:0; top:0;}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .planRoll ul{*zoom:1; position:absolute; left:66px; top:334px;}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .planRoll ul:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .planRoll ul li{float:left; border-right:1px solid #ddd;}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .planRoll ul li span{width:13px; height:13px; overflow:hidden; text-indent:-1000px; cursor:pointer; background:url(//image.hnsmall.com/images/img2014/category/bg_num_visual.gif) no-repeat 0 0; display:block;}

#container .depth2TopWrap .rightArea .visualArea .visualType3 .planRoll ul li span.m1{ background-position:0 0}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .planRoll ul li span.m2{ background-position:-14px 0}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .planRoll ul li span.m3{ background-position:-28px 0}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .planRoll ul li span.m4{ background-position:-42px 0}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .planRoll ul li span.m5{ background-position:-56px 0}

#container .depth2TopWrap .rightArea .visualArea .visualType3 .planRoll ul li.active span.m1{ background-position:0 -14px}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .planRoll ul li.active span.m2{ background-position:-14px -14px}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .planRoll ul li.active span.m3{ background-position:-28px -14px}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .planRoll ul li.active span.m4{ background-position:-42px -14px}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .planRoll ul li.active span.m5{ background-position:-56px -14px}

#container .depth2TopWrap .rightArea .visualArea .visualType4 .visual { width:385px;}
#container .depth2TopWrap .rightArea .visualArea .visualType4 .visual ul{*zoom:1;position:absolute; bottom:0; left:10px; background:url(//image.hnsmall.com/images/img2014/category/bg_visual_menu.png) repeat 0 0; padding:10px; padding-top:3px; padding-right:9px}
#container .depth2TopWrap .rightArea .visualArea .visualType4 .visual ul:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#container .depth2TopWrap .rightArea .visualArea .visualType4 .visual ul li{ width:60px; height:40px; text-align:right; position:relative; float:left; padding-top:7px; margin-right:1px}
#container .depth2TopWrap .rightArea .visualArea .visualType4 .visual ul li.active{}
#container .depth2TopWrap .rightArea .visualArea .visualType4 .visual ul li.active span{background:url(//image.hnsmall.com/images/img2014/category/bg_visual_br_s.gif) no-repeat 0 0; display:block; width:60px; height:47px; position:absolute; left:0; top:0}
#container .depth2TopWrap .rightArea .visualArea .visualType4 .banner{border:1px solid #e4e4e4; border-right:none;border-bottom:none; *zoom:1; float:left; width:382px}
#container .depth2TopWrap .rightArea .visualArea .visualType4 .banner:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#container .depth2TopWrap .rightArea .visualArea .visualType4 .banner li{ border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4; float:left}

#container .depth2TopWrap .rightArea .visualArea .flag{ position:absolute; left:0; top:0; z-index:1000}
#container .depth2TopWrap .rightArea .visualArea .flagBanWrap{position:absolute; left:0; top:0; z-index:999; width:576px; height:110px; overflow:hidden}
#container .depth2TopWrap .rightArea .visualArea .flagBan{position:absolute; left:-278px; top:0; width:268px; height:100px; background:url(//image.hnsmall.com/images/img2014/category/bg_flag_line.jpg) repeat-x 0 0; padding:10px 0 0 10px}
#container .depth2TopWrap .rightArea .visualArea .flagBan p{ padding-bottom:3px;}
#container .depth2TopWrap .rightArea .visualArea .flagBan span{ position:absolute; right:1px; top:6px; cursor:pointer}

#container .depth2TopWrap .rightArea .mdProduct{ padding:30px 0 0 30px}
#container .depth2TopWrap .rightArea .mdProduct h3{ border-bottom:1px solid #888; padding-bottom:6px; margin-bottom:20px; font-size:14px; color:#444;}

.mdProduct .imgList li{ padding-left:0 !important;}
.mdProduct .imgSize li{ padding-right:31px !important;}
.mdProduct .imgSize li.last{ padding-right:0 !important;}

.listWrap{*zoom:1;}
.listWrap:after {content:""; display:block; clear:both; height:0; visibility:hidden;}

/* 2012-11-27 */
.listWrap2{*zoom:1;}
.listWrap2:after {content:""; display:block; clear:both; height:0; visibility:hidden;}

.myList .list2 div.moveList{position:relative; overflow:hidden;width:650px; height:200px;}
.myList .list2 div.moveList ul{position:absolute; left:0px; top:0px; width:20000px; height:200px;}
.myList .list2 div.moveList ul li{ width:132px; padding:0 0 !important;}
.myList .list2 div.moveList ul li div{ width:100px !important;}
.myList .list2 div.moveList ul li p{ width:100px !important;}

.myList .list div.moveList{position:relative; overflow:hidden;width:160px; height:210px;}
.myList .list div.moveList ul{position:absolute; left:0px; top:0px; width:160px; height:20000px;}

/* 상세페이지 */
.itemProdTitleWrap{border-bottom:4px solid #e51937}
.itemProdTitleWrap .cardSale{color:#666;}
.itemProdTitleWrap .cardSale img{ vertical-align:-1px}
.itemProdTitleWrap .itemProdTitle{font-size:16px; position:relative; color:#444; font-weight:bold; width:960px; text-align:left; padding-bottom:8px}
.itemProdTitleWrap .itemProdTitle strong{}
.itemProdTitleWrap .itemProdTitle span{ display:inline-block; vertical-align:middle;padding-left:3px}
.itemProdTitleWrap .itemProdTitle span.icoAkplazeT{margin-right:3px; margin-left:-3px}

.panoramaWrap{ width:960px; background:#333; border-bottom:4px solid #222; padding:25px 0 0 0; position:absolute; left:0; top:-25px; z-index:3000}
.panoramaWrap .prodBig{ position:relative; height:283px; width:860px; margin:0 auto; overflow:hidden;}
.panoramaWrap .prodBig ul{*zoom:1;position:absolute; left:0px; top:0px; width:20000px; height:283px;}
.panoramaWrap .prodBig ul:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.panoramaWrap .prodBig ul li{ float:left; margin-right:10px; cursor:pointer; margin-bottom:3px}
.panoramaWrap .prodBig ul li img{ margin-bottom:3px}
.panoramaWrap .prodBig ul li.active img{ margin-bottom:0; border-bottom:3px solid #dd1032}
.panoramaWrap .panoThum{ text-align:center; padding-top:35px; padding-bottom:46px}
.panoramaWrap .panoThum img{ margin:3px; cursor:pointer;}
.panoramaWrap .panoThum img.on{ margin:0px; border:3px solid #dd1032}
.panoramaWrap .leftArrow{ display:block; width:22px; height:38px; position:absolute; left:16px; top:146px; background:url('//image.hnsmall.com/images/img2014/category/bg_pano_arrow.gif') no-repeat 0 0; overflow:hidden; text-indent:-1000px;}
.panoramaWrap .leftArrow:hover{ background-position:0 -38px}
.panoramaWrap .rightArrow{ display:block; width:22px; height:38px; position:absolute; right:16px; top:146px; background:url('//image.hnsmall.com/images/img2014/category/bg_pano_arrow.gif') no-repeat -22px 0; overflow:hidden; text-indent:-1000px;}
.panoramaWrap .rightArrow:hover{ background-position:-22px -38px}
.panoramaWrap .btnArea{background:url('//image.hnsmall.com/images/img2014/category/line_pano.gif') repeat-x 0 0; height:42px; padding:16px 0 0 15px;}
.panoramaWrap .btnArea span{ vertical-align:-25px;*vertical-align:-15px; padding-left:10px; font-size:12px; color:#999}
.panoramaWrap .btnArea p img{ cursor:pointer}
.panoramaWrap .btnArea span strong{ font-size:11px; color:#ff6464; font-weight:normal}
.panoramaWrap .panoClose{ position:absolute; right:15px; bottom:16px; cursor:pointer}
.panoramaWrap .bigViewDeem{position:absolute; left:0; top:0; width:960px; height:506px; cursor:pointer; background:#000;}
.panoramaWrap .bigView{position:absolute; left:229px; top:0; border:1px solid #000; cursor:pointer;}

.mediaWrap{ width:960px; background:#333; border-bottom:4px solid #222; padding:25px 0 0 0; position:absolute; left:0; top:-25px; z-index:3000}
.mediaWrap .btnArea{background:url('//image.hnsmall.com/images/img2014/category/line_pano.gif') repeat-x 0 0; height:42px; padding:16px 0 0 15px;}
.mediaWrap .btnArea span{ vertical-align:-25px;*vertical-align:-15px; padding-left:10px; font-size:11px; color:#888px}
.mediaWrap .btnArea p img{ cursor:pointer}
.mediaWrap .btnArea span strong{ font-size:11px; color:#ff6464; font-weight:normal}
.mediaWrap .mediaClose{ position:absolute; right:15px; bottom:16px; cursor:pointer}

.mediaWrap .madiaZone{*zoom:1; padding:3px 0 47px 15px}
.mediaWrap .madiaZone:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.mediaWrap .madiaZone p.flash{ float:left; padding-right:15px}

.mediaWrap .madiaZone .listMedia{ float:left;background:url('//image.hnsmall.com/images/img2014/category/bg_detail_media.gif') no-repeat 0 0; width:295px; height:370px;}
.mediaWrap .madiaZone .listMedia h4{ padding:42px 0 0 34px }
.mediaWrap .madiaZone .listMedia p.text{ text-align:right; font-size:11px; color:#888; padding-right:18px; padding-top:10px}
.mediaWrap .madiaZone .listMedia ul{ *zoom:1; padding-left:14px; padding-top:16px}
.mediaWrap .madiaZone .listMedia ul:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.mediaWrap .madiaZone .listMedia ul li{ float:left; padding-right:4px; padding-bottom:10px; cursor:pointer}
.mediaWrap .madiaZone .listMedia ul li img{margin:3px}
.mediaWrap .madiaZone .listMedia ul li.on img{border:3px solid #dd1032; margin:0}
.mediaWrap .madiaZone .listMedia ul li p{ font-size:11px; color:#888; line-height:14px; padding-left:3px; padding-top:3px}

.itemDetailWrap{ display:inline-block; width:100%; text-align:left}
.itemDetailWrap:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.itemDetailWrap .prodInfo{ float:left; width:715px; *zoom:1; padding-top:25px; position:relative; z-index:700}
.itemDetailWrap .quickViewH2{padding-top:15px;}
.itemDetailWrap .prodInfo:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.itemDetailWrap .prodInfo .imgArea{width:280px; float:left; position:relative; padding-left:10px; z-index:5000}
.itemDetailWrap .prodInfo .imgArea .cardLeft{ position:absolute; left:0; top:-5px;*zoom:1;}
.itemDetailWrap .prodInfo .imgArea .cardLeft:after {content:""; display:block; clear:both; height:0; visibility:hidden;}

.itemDetailWrap .prodInfo .imgArea .cardLeft dl{ padding-right:4px; padding-top:5px; float:left; width:60px; height:90px;background:url('//image.hnsmall.com/images/img2014/category/bg_card_flag.png') no-repeat 0 0;}
.itemDetailWrap .prodInfo .imgArea .cardLeft dl dt{ color:#fff; font-size:11px; font-weight:bold; text-align:center;}
.itemDetailWrap .prodInfo .imgArea .cardLeft dl dd{ text-align:center; font-size:10px; font-family:Tahoma; color:#fff}
.itemDetailWrap .prodInfo .imgArea .cardLeft dl dd img{ padding-top:3px}

/* 적립금 flag 옆으로 붙는 카드 할인 */
.itemDetailWrap .prodInfo .imgArea .cardLeft ul li{ float:left; display:inline-block; margin-right:4px;}

/* cardRight*/
.itemDetailWrap .prodInfo .imgArea .cardRight{ position:absolute; right:0; top:-5px ;*zoom:1;}
.itemDetailWrap .prodInfo .imgArea .cardRight:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.itemDetailWrap .prodInfo .imgArea .cardRight dl{ padding-right:4px; padding-top:5px; float:left; width:74px; height:74px;background:url('//image.hnsmall.com/images/img2014/category/bg_flag_relay.png') no-repeat 0 0;}
.itemDetailWrap .prodInfo .imgArea .cardRight dl dt{ color:#fff; font-size:0; font-weight:bold; text-align:center;}

/* flag 변경 2013-04-05 */
.itemDetailWrap .prodInfo .imgArea .cardLeft2{ position:absolute; left:10px; top:0;*zoom:1;}
.itemDetailWrap .prodInfo .imgArea .cardLeft2:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.itemDetailWrap .prodInfo .imgArea .cardLeft2 ul li{ float:left; display:inline-block; margin-right:4px;}
.itemDetailWrap .prodInfo .imgArea .cardRight2{ position:absolute; right:0; top:0 ;*zoom:1;}
.itemDetailWrap .prodInfo .imgArea .cardRight2:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.itemDetailWrap .prodInfo .imgArea .cardRightBrand{ position:absolute; right:0; top:-4px ;*zoom:1;}
.itemDetailWrap .prodInfo .imgArea .cardRightBrand:after {content:""; display:block; clear:both; height:0; visibility:hidden;}


.itemDetailWrap .prodInfo .imgArea .detailImg{ border-bottom:1px solid #999}
.itemDetailWrap .prodInfo .imgArea p.btnSet{ padding:5px 0 0; position:relative;}
.itemDetailWrap .prodInfo .imgArea .defaultImg{ background:url(//image.hnsmall.com/images/img2014/category/bu_detail_search.gif) no-repeat 0 0; padding-left:23px; padding-top:2px; display:inline-block; width:80px; text-align:left; text-decoration:none; letter-spacing:-1px; font-size:11px}
.itemDetailWrap .prodInfo .imgArea .defaultMedia{ background:url(//image.hnsmall.com/images/img2014/category/bu_detail_media.gif) no-repeat 0 0; padding-left:23px; padding-top:2px; display:inline-block; width:55px; text-align:left; text-decoration:none; letter-spacing:-1px; font-size:11px}
.itemDetailWrap .prodInfo .imgArea p.btnSet span{ position:absolute; right:0; top:5px; width:40px; display:block; *zoom:1; height:18px;}
.itemDetailWrap .prodInfo .imgArea p.btnSet span:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.itemDetailWrap .prodInfo .imgArea p.btnSet span a{ float:left; width:18px; height:18px; overflow:hidden; text-indent:-1000px;background:url(//image.hnsmall.com/images/img2014/category/bg_detail_social.gif) no-repeat 0 0; margin-right:2px}
.itemDetailWrap .prodInfo .imgArea p.btnSet span a.twt{ background-position:0 0;}
.itemDetailWrap .prodInfo .imgArea p.btnSet span a.fab{ background-position:-20px 0;}
.itemDetailWrap .prodInfo .imgArea p.btnSet span a.med{ background-position:-40px 0;}
.itemDetailWrap .prodInfo .imgArea p.btnSet span a.cyw{ background-position:-60px 0; margin-right:0;}
.itemDetailWrap .prodInfo .imgArea .thumnail{ position:relative; padding-left:30px;margin-top:15px;}
.itemDetailWrap .prodInfo .imgArea .thumnail a.btnPrev{ position:absolute;left:0; top:17px; width:9px; height:15px; background:url(//image.hnsmall.com/images/img2014/category/bg_detail_arrow.gif) no-repeat 0 0; overflow:hidden; text-indent:-1000px; display:block;}
.itemDetailWrap .prodInfo .imgArea .thumnail a.btnPrev:hover{ background-position:0 -15px;}
.itemDetailWrap .prodInfo .imgArea .thumnail a.btnNext{ position:absolute;right:0; top:17px; width:9px; height:15px; background:url(//image.hnsmall.com/images/img2014/category/bg_detail_arrow.gif) no-repeat -9px 0; overflow:hidden; text-indent:-1000px; display:block;}
.itemDetailWrap .prodInfo .imgArea .thumnail a.btnNext:hover{ background-position:-9px -15px;}
.itemDetailWrap .prodInfo .imgArea .thumnail ul{ display:inline-block; width:280px;}
.itemDetailWrap .prodInfo .imgArea .thumnail ul:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.itemDetailWrap .prodInfo .imgArea .thumnail ul li{ float:left; cursor:pointer; padding-right:4px; position:relative;}
.itemDetailWrap .prodInfo .imgArea .thumnail ul li a img{ border:1px solid #d7d7d7;}
.itemDetailWrap .prodInfo .imgArea .thumnail ul li a:hover img{ border:1px solid #e51937;}

.itemDetailWrap .prodInfo .imgArea .thumnail ul li.active a img{ border:1px solid #e51937;}
.itemDetailWrap .prodInfo .imgArea .thumnail ul li.active a:hover img{ border:1px solid #e51937;}

.itemDetailWrap .prodInfo .imgArea div.moveList{position:relative; overflow:hidden;width:220px; height:53px;}
.itemDetailWrap .prodInfo .imgArea div.moveList ul{position:absolute; left:0px; top:0px; width:20000px; height:200px;}
.itemDetailWrap .prodInfo .imgArea div.moveList ul li{}

.itemDetailWrap .prodInfo .imgArea .detailBrand{ border:1px solid #ddd; padding-bottom:10px; margin-top:15px; position:relative;}
.itemDetailWrap .prodInfo .imgArea .planNone{border-bottom:none; padding-bottom:0}
.itemDetailWrap .prodInfo .imgArea .detailBrand h3{ border-bottom:1px solid #ddd; padding:3px 10px;}
.itemDetailWrap .prodInfo .imgArea .detailBrand dl{ padding:5px 10px 0;}
.itemDetailWrap .prodInfo .imgArea .detailBrand dl dt{position:relative; display:block; padding:3px 0;}
.itemDetailWrap .prodInfo .imgArea .detailBrand dl dt a{position:absolute; right:0; top:5px;}
.itemDetailWrap .prodInfo .imgArea .detailBrand dl dd{background:url(//image.hnsmall.com/images/img2014/category/bu_dot1.gif) no-repeat 0 7px; padding-left:5px;}
.itemDetailWrap .prodInfo .imgArea .detailBrand dl dd a{ font-size:11px; line-height:14px}
.itemDetailWrap .prodInfo .imgArea .detailBrand p{ position:absolute; right:5px; top:3px;background:url(//image.hnsmall.com/images/img2014/category/bu_detail_plan.gif) no-repeat 100% 4px; padding-right:10px}
.itemDetailWrap .prodInfo .imgArea .detailBrand p a{ font-size:11px; color:#888; text-decoration:none;}

.infoArea{ width:395px; float:right;}
.infoArea .areaZone{ padding:10px 0 7px; border-top:1px solid #ddd}
.infoArea .areaZone_red{ padding:10px 0 7px; border-top:1px solid #dd1032}
.infoArea dl{position:relative; z-index:100; padding-bottom:3px; *zoom:1}
.infoArea dl:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.infoArea dl dt{ float:left; width:90px; padding-left:15px; letter-spacing:-1px; color:#888;}
.infoArea dl dd{ float:left; position:relative; width:280px;}
.infoArea dl dd span.text{ color:#999;}

.infoArea dl.dotLine{background:url(//image.hnsmall.com/images/img2014/category/line_detail.gif) repeat-x 0 0; margin:0 auto; width:365px}
.infoArea dl.dotLine dt{width:90px; padding-left:0;}
.infoArea dl.dotLine dd{width:275px;}
.infoArea dl.dotLinenone{ margin:0 auto; width:365px}
.infoArea dl.dotLinenone dt{width:90px; padding-left:0;}
.infoArea dl.dotLinenone dd{width:275px;}

.infoArea dl dd.priceDetail strong{font-family:Tahoma,"돋움",Dotum,sans-serif; font-size:14px; font-weight:normal; letter-spacing:-1px;}
.infoArea dl dd.priceDetail span{ font-weight:bold}
.infoArea dl dd.priceDetail span.normal{ font-weight:normal}
.infoArea dl dd.priceDetail strong.line{text-decoration:line-through;}
.infoArea dl dd.priceDetail .lowprice{ position:absolute; right:0;}

.infoArea dl dd.freePrice strong{font-family:Tahoma,"돋움",Dotum,sans-serif; font-size:24px; color:#03a0c2;font-weight:normal; letter-spacing:-1px; *line-height:28px}
.infoArea dl dd.freePrice span{font-weight:bold; font-size:14px;}

.infoArea dl dd.priceSale{ *zoom:1}
.infoArea dl dd.priceSale:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.infoArea dl dd.priceSale .sale1{ float:left; padding-right:10px; *margin-top:-6px;width:275px}
.infoArea dl dd.priceSale .sale1 strong{font-family:Tahoma,"돋움",Dotum,sans-serif; font-size:32px; color:#e51937;font-weight:normal; letter-spacing:-1px;*line-height:38px}
.infoArea dl dd.priceSale .sale1 span{font-weight:bold; font-size:14px}
.infoArea dl dd.priceSale .sale1 p{ font-size:11px; color:#888;}
.infoArea dl dd.priceSale .sale1 p span{font-weight:bold; font-size:14px}
.infoArea dl dd.priceSale .lowprice{ position:absolute; right:-2px;}

.infoArea dl dd.priceSale .sale2{ float:left; width:80px; height:22px;*height:27px;background:url(//image.hnsmall.com/images/img2014/category/bg_cou_detail2.gif) no-repeat 0 0; text-align:center; padding-top:8px; *padding-top:3px}
.infoArea dl dd.priceSale .sale2 strong{font-family:Tahoma; font-size:20px; color:#666;letter-spacing:-1px; font-weight:normal;*line-height:25px; font-weight:bold}
.infoArea dl dd.priceSale .sale2 span{font-size:12px; color:#666;font-family:Tahoma; font-weight:bold}

.infoArea dl dd.priceSale .sale3{float:right;position: absolute;right: -3px;width:106px; }
.infoArea dl dd.priceSale .sale3 dl dt{ float:left; width:51px;font-size:11px; line-height:15px}
.infoArea dl dd.priceSale .sale3 dl dd{ float:left; width:55px;font-size:11px; text-align:right;line-height:15px}


.infoArea dl dd .depth{height:21px; width:165px;margin-top:-3px; position:relative;cursor:pointer; background:url(//image.hnsmall.com/images/img2014/common/bg_location_select.gif) no-repeat 0 0; padding-left:5px; z-index:1000}
.infoArea dl dd .depth span{ display:block; background:url(//image.hnsmall.com/images/img2014/common/bg_location_select.gif) no-repeat right 0; padding:3px 25px 0 0;font-size:11px; color:#6a6b6c;}
.infoArea dl dd .depth ul{ border:1px solid #dd1032; position:absolute; left:0; top:20px; background:#fff; width:168px; display:none; z-index:500; overflow-x:hidden; _width:151px; padding:3px 0}
.infoArea dl dd .depth ul li{ padding:2px 0 0 0; font-size:11px;}
.infoArea dl dd .depth ul li a{ display:block;background:none; font-size:12px; line-height:16px; text-indent:0; width:100%; text-decoration:none; padding:2px 5px 0; height:16px; overflow:hidden;}
.infoArea dl dd .depth ul li a:hover{background:#dd1032; color:#fff;}
.infoArea dl dd .depth ul li a span{padding:0 7px; background:none;}
.infoArea dl dd .depth ul li a:hover span{padding:0 7px; background:none; color:#fff;}

.infoArea dl dd .selects1{width:212px;}
.infoArea dl dd .selects1 span{ color:#444;}
.infoArea dl dd .selects1 ul{width:215px;}
.infoArea dl dd .restProd{ float:left; margin-top:-3px; padding-left:2px}

.infoArea dl dd .selects2{width:253px;}
.infoArea dl dd .selects2 span{ color:#444;}
.infoArea dl dd .selects2 ul{width:256px;}

.infoArea dl dd .selects3{width:275px;}
.infoArea dl dd .selects3 span{ color:#444;}
.infoArea dl dd .selects3 ul{width:278px;}

.infoArea dl dd .selects4{width:212px;}
.infoArea dl dd .selects4 span{ color:#444;}
.infoArea dl dd .selects4 ul{width:215px; max-height:160px;*height:160px; overflow-y: auto}

.infoArea dl.z400{ z-index:400}
.infoArea dl.z500{ z-index:500}
.infoArea dl.z600{ z-index:600}
.infoArea .selOpt1 .txt{ vertical-align:-1px}
.infoArea .selOpt1 .cr4{ color:#444}
.infoArea dl dd .optionWrap li{*zoom:1; width:280px; padding-bottom:1px; border-bottom:1px solid #eee; padding:4px 0; line-height:14px;}
.infoArea dl dd .optionWrap li:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.infoArea dl dd .optionWrap li .option{ float:left; width:115px; color:#888; font-size:11px;}
.infoArea dl dd .optionWrap li .price{ float:left; color:#888; width:90px; text-align:right; padding-right:5px;font-family:Tahoma,"돋움",Dotum,sans-serif;}
.infoArea dl dd .optionWrap li input{ width:22px; height:15px; border:1px solid #c4c4c4; font-size:12px; text-align:right; padding:0 3px; float:left}
.infoArea dl dd .optionWrap li .btn{ float:left; width:15px; padding-left:1px}
.infoArea dl dd .optionWrap li .btn a{ display:block; margin:0; padding:0; font-size:0}
.infoArea dl dd .optionWrap li .btn a img{ margin-bottom:1px;}
.infoArea dl dd .optionWrap li .remove { float:right; margin-top:2px; margin-left:4px; cursor:pointer}

.itemDetailWrap p.optionWrap{*zoom:1; padding-left:5px}
.itemDetailWrap p.optionWrap:after {content:""; display:block; clear:both; height:0%;}
.itemDetailWrap p.optionWrap .btn{ float:left; width:15px; padding-left:1px}
.itemDetailWrap p.optionWrap .btn a{ display:block; margin:0; padding:0; font-size:0}
.itemDetailWrap p.optionWrap .btn a img{ margin-bottom:1px;}
.itemDetailWrap p.optionWrap input{ width:22px; height:15px; border:1px solid #c4c4c4; font-size:12px; text-align:right; padding:0 3px; float:left}

.infoArea dl dd .total{*zoom:1; width:280px; background:url(//image.hnsmall.com/images/img2014/category/bg_total.gif) repeat-x 0 0; height:23px; padding-top:3px; }
.infoArea dl dd .total:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.infoArea dl dd .total .option{ float:left; width:70px; padding-left:5px; color:#888; padding-top:3px}
.infoArea dl dd .total .price{ float:right; color:#333; width:140px; text-align:right; padding-right:5px;font-family:Tahoma,"돋움",Dotum,sans-serif; font-size:14px}
.infoArea dl dd .total .price span{font-family:"돋움",Dotum,sans-serif; font-size:12px}

.infoArea dl dd input.check{ vertical-align:-2px}
.infoArea dl dd .packProd{ border:1px solid #ddd; padding:7px 10px 10px; margin-bottom:13px}

.infoArea .btnArea{ padding-top:15px;}
.infoArea .soldout{ border:1px solid #ddd; margin-top:15px; padding:15px; text-align:center;font-size:14px; font-weight:bold; color:#444; }
.infoArea .soldout span.text{ display:inline-block;padding-top:7px; padding-right:7px;}

.infoArea .dbCoupon{ border:1px solid #ddd; margin-top:25px; position:relative}
.infoArea .dbCoupon h4{ border-bottom:1px solid #ddd; background:#f4f4f4; padding:2px;}
.infoArea .dbCoupon p{ position:absolute; right:7px; top:7px; color:#888;}
.infoArea .dbCoupon ul{padding:5px;}
.infoArea .dbCoupon ul li{ position:relative; height:17px; padding-top:2px; letter-spacing:-1px}
.infoArea .dbCoupon ul li a{ position:absolute; right:5px; top:0;}

/* 2013-12-17 제품상세 쿠폰 혜택 변경 */
.infoArea .dbCoupon2{ border:1px solid #ddd; margin-top:25px; position:relative}
.infoArea .dbCoupon2 h4{ background:#f4f4f4; padding:5px 9px;}
.infoArea .dbCoupon2 p{ position:absolute; left:78px; top:12px; color:#666;}
.infoArea .dbCoupon2 ul{padding:8px 10px; border:2px solid #efefef}
.infoArea .dbCoupon2 ul li{ position:relative; height:29px; padding:2px 0 0 6px; letter-spacing:-1px; line-height:14px;background:url('//image.hnsmall.com/images/img2014/category/bu_cros3x3_2.gif') no-repeat 0 6px;color:#666; font-size:11px}
.infoArea .dbCoupon2 ul li span{color:#999}
.infoArea .dbCoupon2 ul li a{ position:absolute; right:5px; top:0;}

.itemDetailWrap .etcInfo{ float:right; width:220px;}
.itemDetailWrap .etcInfo .userReview{position:relative;*zoom:1; width:180px; background:#f7f7f7; padding:25px 20px}
.itemDetailWrap .etcInfo .userReview:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.itemDetailWrap .etcInfo .userReview h2{ font-size:14px; border-bottom:1px solid #ddd; padding-bottom:3px; margin-bottom:10px}
.itemDetailWrap .etcInfo .userReview h2 span{ font-size:12px; font-weight:normal}
.itemDetailWrap .etcInfo .userReview .reviewWrap{*zoom:1; padding-bottom:10px}
.itemDetailWrap .etcInfo .userReview .reviewWrap:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.itemDetailWrap .etcInfo .userReview .reviewWrap .num{ float:left}
.itemDetailWrap .etcInfo .userReview .reviewWrap .num strong{ font-size:46px; color:#e51937;font-family:Tahoma,"돋움",Dotum,sans-serif; letter-spacing:-3px; font-weight:normal; line-height:48px; padding-right:3px}
.itemDetailWrap .etcInfo .userReview .reviewWrap .num span{ font-size:16px; color:#888;font-family:"돋움",Dotum,sans-serif; letter-spacing:-1px; font-weight:bold}
.itemDetailWrap .etcInfo .userReview .reviewWrap ul{ float:right; padding-top:5px}
.itemDetailWrap .etcInfo .userReview .reviewWrap ul li{*zoom:1}
.itemDetailWrap .etcInfo .userReview .reviewWrap ul li:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.itemDetailWrap .etcInfo .userReview .reviewWrap ul li .text{ font-size:11px; float:left; margin-top:-3px; color:#888; text-align:right; width:32px; letter-spacing:-1px; padding-right:2px}
.itemDetailWrap .etcInfo .userReview .reviewWrap ul li .star{ background:url(//image.hnsmall.com/images/img2014/category/bg_star_.gif) repeat-x 0 0 !important; margin-left:0 !important; margin-right:0 !important;}
.itemDetailWrap .etcInfo .userReview .reviewWrap ul li .star span{ background:url(//image.hnsmall.com/images/img2014/category/bg_star2.png) repeat-x 0 0 !important;}
.itemDetailWrap .etcInfo .userReview .review{ padding-top:13px;background:url(//image.hnsmall.com/images/img2014/category/line_review.gif) repeat-x 0 top;}
.itemDetailWrap .etcInfo .userReview .review li{background:url(//image.hnsmall.com/images/img2014/category/bu_dot1.gif) no-repeat 0 7px; padding-left:5px;}
.itemDetailWrap .etcInfo .userReview .review li a{ font-size:11px; line-height:14px}
.itemDetailWrap .etcInfo .userReview .more{ position:absolute; right:20px; top:27px;}

.itemDetailWrap .etcInfo .userReview .reviewWrite{ text-align:center; padding:5px 0 0 0; letter-spacing:-1px; line-height:14px}
.itemDetailWrap .etcInfo .userReview .reviewWrite p{ padding-top:5px}

.itemDetailWrap .etcInfo .sideWrap{}
.itemDetailWrap .etcInfo .sideWrap dt{ display:block; width:220px; height:20px; background:url(//image.hnsmall.com/images/img2014/category/bg_side_detail.gif) no-repeat 0 0; padding-top:5px; cursor:pointer; margin-top:1px}
.itemDetailWrap .etcInfo .sideWrap dt span{ color:#666; font-weight:bold; padding-left:10px}
.itemDetailWrap .etcInfo .sideWrap dt.over{ display:block; width:220px; height:20px; background:url(//image.hnsmall.com/images/img2014/category/bg_side_detail.gif) no-repeat 0 -25px; padding-top:5px; cursor:pointer;}
.itemDetailWrap .etcInfo .sideWrap dt.over span{ color:#fff; font-weight:bold; padding-left:10px}
.itemDetailWrap .etcInfo .sideWrap dd{ border:1px solid #ddd; padding:20px; border-bottom:none; border-top:none;background:url(//image.hnsmall.com/images/img2014/category/bu_arrow_side.gif) no-repeat center 0; height:174px;}
.itemDetailWrap .etcInfo .sideWrap dd.lasts{border-bottom:1px solid #ddd;}
.itemDetailWrap .etcInfo .sideWrap dd.cardOvs{overflow-y:auto; position:relative;}
.itemDetailWrap .etcInfo .sideWrap dd .prod2{}
.itemDetailWrap .etcInfo .sideWrap dd .prod2 li{ position:relative; height:50px; padding-left:60px; padding-bottom:10px;}
.itemDetailWrap .etcInfo .sideWrap dd .prod2 li.last{padding-bottom:0;}
.itemDetailWrap .etcInfo .sideWrap dd .prod2 li p{ position: absolute; left:0; top:0;}
.itemDetailWrap .etcInfo .sideWrap dd .prod2 li div a{ font-size:11px; line-height:14px;color:#666; width:118px; max-height:26px;overflow:hidden;display: block;}/* 2012-11-23 max-height */
.itemDetailWrap .etcInfo .sideWrap dd .prod2 li div span{ font-size:11px; color:#444;display: block;margin-top: -13px;}/*2012-11-23 max-height */

.itemDetailWrap .etcInfo .sideWrap dd .prod1{}
.itemDetailWrap .etcInfo .sideWrap dd .prod1 li{ position:relative; height:23px; padding-left:45px; padding-bottom:10px;}
.itemDetailWrap .etcInfo .sideWrap dd .prod1 li.last{padding-bottom:0;}
.itemDetailWrap .etcInfo .sideWrap dd .prod1 li p{ position: absolute; left:0; top:0;}
.itemDetailWrap .etcInfo .sideWrap dd .prod1 li div a{ font-size:11px; line-height:13px; text-decoration:none; color:#999}
.itemDetailWrap .etcInfo .sideWrap dd .prod1 li div a span{ font-size:11px; color:#666;}

.itemDetailWrap .quickReview{position:relative;*zoom:1; width:238px; border:1px solid #ddd; background:#f7f7f7; padding:25px 20px; margin-top:15px}
.itemDetailWrap .quickReview:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.itemDetailWrap .quickReview h2{ font-size:14px; border-bottom:1px solid #ddd; padding-bottom:3px;}
.itemDetailWrap .quickReview h2 span{ font-size:12px; font-weight:normal}
.itemDetailWrap .quickReview .reviewWrap{*zoom:1; padding-bottom:10px; background:#fff; padding-top:10px}
.itemDetailWrap .quickReview .reviewWrap:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.itemDetailWrap .quickReview .reviewWrap .num{ float:left; padding-left:10px}
.itemDetailWrap .quickReview .reviewWrap .num strong{ font-size:46px; color:#e51937;font-family:Tahoma,"돋움",Dotum,sans-serif; letter-spacing:-3px; font-weight:normal; line-height:48px; padding-right:3px}
.itemDetailWrap .quickReview .reviewWrap .num span{ font-size:16px; color:#888;font-family:"돋움",Dotum,sans-serif; letter-spacing:-1px; font-weight:bold}
.itemDetailWrap .quickReview .reviewWrap ul{ float:left; padding-top:5px; padding-left:30px}
.itemDetailWrap .quickReview .reviewWrap ul li{*zoom:1}
.itemDetailWrap .quickReview .reviewWrap ul li:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.itemDetailWrap .quickReview .reviewWrap ul li .text{ font-size:11px; float:left; margin-top:-3px; color:#888; text-align:right; width:32px; letter-spacing:-1px; padding-right:2px}
.itemDetailWrap .quickReview .reviewWrap ul li .star{margin-left:0 !important; margin-right:0 !important;}
.itemDetailWrap .quickReview .reviewWrap ul li .star span{}
.itemDetailWrap .quickReview .review{ padding-top:13px;background:url(//image.hnsmall.com/images/img2014/category/line_review.gif) repeat-x 0 top;}
.itemDetailWrap .quickReview .review li{background:url(//image.hnsmall.com/images/img2014/category/bu_dot1.gif) no-repeat 0 7px; padding-left:5px;}
.itemDetailWrap .quickReview .review li a{ font-size:11px; line-height:14px}
.itemDetailWrap .quickReview .more{ position:absolute; right:20px; top:27px;}

.itemDetailWrap .quickReview .reviewWrite{ text-align:center; padding:15px 0 0 0; letter-spacing:-1px; line-height:14px}
.itemDetailWrap .quickReview .reviewWrite p{ padding-top:5px}
.infoArea .btnArea2{ *zoom:1; width:100%;}
.infoArea .btnArea2:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.infoArea .btnArea2 span{ float:left; margin-right:4px}
.infoArea .btnArea2 span.last{margin-right:0}
.infoArea .btnArea2 span img{ margin-bottom:1px}

.leftNav{position:fixed; left:50%; margin-left:-570px;  bottom:0; z-index:10000; width:60px;}
.leftNav ul{ padding-top:4px}
.leftNav ul li a{background: url(//image.hnsmall.com/images/img2014/category/bg_nav.gif) no-repeat -61px 0; width:80px; height:22px; overflow:hidden; margin-top:1px; display:block; overflow:hidden; text-indent:-1000px;}
.leftNav ul li.on{}

.leftNav ul li a.nav1{background-position:-81px 0;}
.leftNav ul li a.nav2{background-position:-81px -22px;}
.leftNav ul li a.nav3{background-position:-81px -44px;}
.leftNav ul li a.nav4{background-position:-81px -66px;}
.leftNav ul li a.nav5{background-position:-81px -88px;}
.leftNav ul li a.nav6{background-position:-81px -110px;}

.leftNav ul li.on a.nav1{background-position:0 0;}
.leftNav ul li.on a.nav2{background-position:0 -22px;}
.leftNav ul li.on a.nav3{background-position:0 -44px;}
.leftNav ul li.on a.nav4{background-position:0 -66px;}
.leftNav ul li.on a.nav5{background-position:0 -88px;}
.leftNav ul li.on a.nav6{background-position:0 -110px;}

.quickView{position:absolute; left:0; top:0; z-index:25000}
.deem{background:#000; display:none; position:absolute; left:0; top:0; width:100%; z-index:20000}

/* calculator */
.calculWrap{position:absolute;width:326px; border:2px solid #dd1032;background:#fff;z-index:30000;}
.calculWrap .layerPop{position:absolute;border:1px solid #ddd;background:#fff;z-index:999;}
.calculWrap .popTit{margin:-1px -1px 0;padding:8px 0 8px 29px !important;border:1px solid #c00e2b;border-bottom:0;background:#dd1032}
.calculWrap .layerCont{margin:0 29px;padding:4px 0;border-top:4px solid #ffd756}
.calculWrap .layerCont .popClose{position:absolute;top:10px;right:10px;}
.calculWrap .calTop{ height:51px; background:url(//image.hnsmall.com/images/img2014/category/bg_calcul1.gif) no-repeat 0 0; padding-top:17px; padding-left:23px;}
.calculWrap .calTop li{ color:#444;}
.calculWrap .calTop li input{ vertical-align:middle;}
.calculWrap .calTop li select{ vertical-align:middle; font-size:12px; padding:1px}

.calculWrap .calMid{background:url(//image.hnsmall.com/images/img2014/category/bg_calcul2.gif) repeat-y 0 0; padding-top:9px;*padding-top:13px; padding-bottom:15px}
.calculWrap .calMid li{*zoom:1; height:27px; background:url(//image.hnsmall.com/images/img2014/category/bg_calcul5.gif) no-repeat 0 bottom; padding:3px 26px 0;}
.calculWrap .calMid li:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.calculWrap .calMid li.first{ margin-bottom:4px}
.calculWrap .calMid li.last{ background:none}
.calculWrap .calMid li strong{ float:left;color:#666;}
.calculWrap .calMid li strong img{ margin-top:3px; cursor:pointer}
.calculWrap .calMid li strong input{ vertical-align:middle}
.calculWrap .calMid li p{ float:right}
.calculWrap .calMid li p.sellPrice{ color:#444; font-size:18px;font-family:Tahoma}
.calculWrap .calMid li p.sellPrice span{ font-weight:bold; font-size:12px;color:#444; padding-left:2px}
.calculWrap .calMid li p input{ background:url(//image.hnsmall.com/images/img2014/category/bg_calcul_input.gif) no-repeat 0 0; width:120px; height:25px; padding-right:10px; text-align:right; font-weight:bold; color:#dd1032; border:none; vertical-align:middle;}
.calculWrap .calMid li p span{ color:#444; vertical-align:middle;}
.calculWrap .calMid li p strong{ float:none; color:#dd1032; padding-right:5px}
.calculWrap .calMid li dl{ padding:0 !important;}
.calculWrap .calMid li dl dt{ font-weight:bold; color:#444;}
.calculWrap .calMid li dl dd{*zoom:1; padding:0}
.calculWrap .calMid li dl dd:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.calculWrap .calMid li dl dd p{ float:left; font-size:11px!important; color:#888!important}
.calculWrap .calMid li dl dd a{ float:right;}
.calculWrap .calMid li .closeMore{ position:absolute; right:5px; top:5px; cursor:pointer}

.calculWrap .calBot{height:53px;*height:55px; background:url(//image.hnsmall.com/images/img2014/category/bg_calcul3.gif) no-repeat 0 0; padding-top:10px;*padding-top:8px; padding-left:25px; padding-right:25px}
.calculWrap .calBot li{*zoom:1;}
.calculWrap .calBot li:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.calculWrap .calBot li.first{ padding-bottom:6px;*padding-bottom:0px}
.calculWrap .calBot li strong{ float:left; padding-top:3px; *padding-top:5px; font-size:11px; color:#444; font-weight:normal}
.calculWrap .calBot li strong span{ font-size:11px; color:#dd1032;}
.calculWrap .calBot li p{ float:right}
.calculWrap .calBot li p{ color:#444; font-size:18px;font-family:Tahoma}
.calculWrap .calBot li p span img{ margin-top:3px; margin-left:3px}
.calculWrap .calBot li p.yel{ color:#de1f3f;}

.calculWrap .calCard{ padding-top:14px;padding-left:25px; padding-right:25px; padding-bottom:25px;background:url(//image.hnsmall.com/images/img2014/category/bg_calcul4.gif) no-repeat 0 0;}
.calculWrap .calCard li{*zoom:1;}
.calculWrap .calCard li:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.calculWrap .calCard li.first{ padding-bottom:10px}
.calculWrap .calCard li strong{ float:left; font-weight:normal}
.calculWrap .calCard li strong input{ vertical-align:middle}
.calculWrap .calCard li p{ float:right}
.calculWrap .calCard li p strong{ float:none; color:#444; font-weight:bold}
.calculWrap .calCard li p span{ color:#dd1032; font-weight:bold;}
.calculWrap .calCard li p input{ background:url(//image.hnsmall.com/images/img2014/category/bg_calcul_input.gif) no-repeat 0 0; width:130px; height:25px; padding-right:10px; text-align:right; font-weight:bold; color:#ffe54a; border:none; vertical-align:middle;}
.calculWrap .calCard li .txt{ font-size:11px; color:#DD1032; line-height:15px; padding-top:5px}

.calculWrap .btn{ text-align:center; width:280px; margin:0 auto; padding-top:5px; padding-bottom:25px;}*/

/* popup */
#popupWarp{}

/* popup width size */
.popWidth300{width:300px !important ;position:relative;}
.popWidth350{width:350px !important ;position:relative;}
.popWidth370{width:370px !important ;position:relative;}
.popWidth400{width:400px !important ;position:relative;}
.popWidth420{width:420px !important ;position:relative;}
.popWidth450{width:450px !important ;position:relative;}
.popWidth500{width:500px !important ;position:relative;}
.popWidth640{width:640px !important ;position:relative;}
.popWidth670{width:670px !important ;position:relative;}

/* popup tvshopping icon */
.icoTvshop{top:0; right:0; position:absolute;}

.popBottom{ width:100%; height:30px; background:#444;position:relative;}
.popBottom p{top:5px;left:20px; position:absolute; color:#ccc}
.popBottom .closeOrderBtn{top:6px; right:6px; position:absolute;}

/*상품평 이벤트*/
.reviewEvent{ margin:0 20px; position:relative; border:2px solid #dd1032; padding-bottom:10px}
.reviewEvent .buLeft{ width:20px; height:43px; position:absolute; left:-22px; top:8px;background:url(//image.hnsmall.com/images/img2014/category/bu_ribbon_left.gif) no-repeat 0 0;}
.reviewEvent .buRight{ width:20px; height:43px; position:absolute; right:-22px; top:8px;background:url(//image.hnsmall.com/images/img2014/category/bu_ribbon_right.gif) no-repeat 0 0;}
.reviewEvent .title{height:25px; color:#fff; margin:8px 0 10px; font-size:14px; font-weight:bold; overflow:hidden; padding:10px 30px 0 65px;background:#dd1032 url(//image.hnsmall.com/images/img2014/category/bu_ev_re.gif) no-repeat 30px 4px;}
.reviewEvent .title span{ color:#ffe54a}
.reviewEvent dl{padding:3px 30px; position:relative;}
.reviewEvent dl dt{ position:absolute; left:30px; top:5px; font-weight:bold;background:url(//image.hnsmall.com/images/img2014/category/bu_arrow_event.gif) no-repeat 0 5px; padding-left:8px; width:110px}
.reviewEvent dl dd{ margin-left:110px}

/* wing-TVCF VIew */
.tbcfWing{position:absolute; left:50%; top:110px; margin-left:490px; z-index:20000; width:61px;}
.tbcfWing p{ padding-top:0}
.tbcfWrap{display:none;width:793px; height:0;position:absolute;top:220px;left:50%;margin-left:-313px;z-index:20000}
.tbcfWrap .tvcf{ height:435px;background:url(//image.hnsmall.com/images/img2014/common/tvcf02.png) no-repeat 0 51px;padding-left:173px}
.tbcfWrap p.btn{margin-top:-65px; text-align:right}

/* wing-TVCF VIew 2013-03-25 */
.tvcfWing{position:absolute; left:50%; top:109px; margin-left:490px; z-index:20000; width:61px;}
.tvcfWing p{ padding-top:0}
.tvcfWrap{display:none;width:793px; height:0;position:absolute;top:220px;left:50%;margin-left:-313px;z-index:20000}
.tvcfWrap .tvcf{ height:435px;background:url(//image.hnsmall.com/images/img2014/common/tvcf02.png) no-repeat 0 51px;padding-left:173px}
.tvcfWrap p.btn{margin-top:-65px; text-align:right}

.tvcfWrap{display:none;width:960px;height:0; background:url(//image.hnsmall.com/images/img2014/main/bg_tvcf.gif) repeat-x 0 0;position:absolute;top:227px;left:50%; margin-left:-480px;z-index:20000;}
.tvcfWrap p.btn{ margin-top:6px; padding-right:6px; text-align:right}
.tvcfWrap .tvcfView{ float:left;width:620px; height:370px; margin-left:160px}
.tvcfWrap .tvcfList {float:left;width:180px;color:#fff; padding-top:20px}
.tvcfWrap .tvcfList li{width:141px;height:58px; margin-left:19px; font-size:0; background:url(//image.hnsmall.com/images/img2014/common/tvcf_menu.gif) no-repeat 0 0;}
.tvcfWrap .tvcfList li a{ display:block;width:141px;height:58px;}
.tvcfWrap .tvcfList li.menu1:hover{ background-position:-141px 0}
.tvcfWrap .tvcfList li.menu1.on{ background-position:-141px 0}
.tvcfWrap .tvcfList li.menu2{ background-position:0 -57px}
.tvcfWrap .tvcfList li.menu2:hover{ background-position:-141px -57px}
.tvcfWrap .tvcfList li.menu2.on{ background-position:-141px -57px}
.tvcfWrap .tvcfImg{position: absolute; top:145px; right:-70px}


/* popup Onair 2013-02-15 */
.popupOnair{ height:310px;}
.popupOnair h1{ margin-bottom:10px}
.popupOnair .onair{float:left;width:419px;padding:27px 0 0 30px}
.popupOnair .onair .airImgList{height:auto}
.popupOnair .onair .airImgList .img {float: left;margin-right: 7px;}
.popupOnair .onair .airImgList .img a img {display: block;border: 1px solid #ccc;}
.popupOnair .onair .airImgList p{padding-top:30px;}
.popupOnair .onair .airImgList .text {width:150px;padding-left:244px;font-size:12px}
.popupOnair .onair .airImgList .text a {color: #666;}
.popupOnair .onair .airImgList .text .time{font-family: Tahoma; font-weight:bold; color:#444;padding:5px 0;}
.popupOnair .onair .airImgList .text .txt{line-height:15px; height:77px; overflow:hidden; max-height:60px}
.popupOnair .onair .airImgList .price {padding:7px 0 3px;font-family: Tahoma;text-decoration:line-through;}
.popupOnair .onair .airImgList .priceSale {padding:0 0;font-family: Tahoma;font-size:20px; font-weight:bold}

.popupOnair .banner{ float:right;border-left:1px solid  #ddd}

.popupBest{ height:120px; background:#ddd; padding:20px 0 20px 30px}
.popupBest h1{ margin-bottom:10px}
.popupBest ul li{ width:190px; margin-right:20px; float:left; display: inline-block}
.popupBest ul li .popImgList{height:auto;}
.popupBest ul li .popImgList .img {float: left;margin-right: 7px;}
.popupBest ul li .popImgList .img a img {display: block;border: 1px solid #ccc;}
.popupBest ul li .popImgList .text {height: 100px;padding-right: 7px;max-height: 52px;overflow: hidden; line-height:13px; font-size:11px}
.popupBest ul li .popImgList .text a {color: #666;}
.popupBest ul li .popImgList .price{color:#444; font-size:11px; padding-top:10px}
.popupBest ul li .popImgList .price .num {font-family: Tahoma;}
.popupBest ul li .popImgList .flag1{position: relative;left: 0; top:-81px; width:31px; height:39px; font-size:0;background: url('//image.hnsmall.com/images/img2014/popup/popup_flag1.png') no-repeat 0 0}
.popupBest ul li .popImgList .flag2{position: relative;left: 0; top:-81px; width:31px; height:39px; font-size:0;background: url('//image.hnsmall.com/images/img2014/popup/popup_flag2.png') no-repeat 0 0}
.popupBest ul li .popImgList .flag3{position: relative;left: 0; top:-81px; width:31px; height:39px; font-size:0;background: url('//image.hnsmall.com/images/img2014/popup/popup_flag3.png') no-repeat 0 0}


/* popup Onair 2013-03-08 */
.onairTop{height:103px; margin-bottom:26px}
.onairTop ul li{ float:left; display:inline-block;}
.onairTop ul li.banner{ border-bottom:3px solid #858585}

.onairBot{ height:261px;margin-bottom:30px;}
.onairBot ul li{ float:left; display:inline-block;}
.onairBot ul li.popOnair{ padding-left:30px; width:400px; border-right:1px solid #ddd;}
.onairBot ul li.popOnair h1{ margin-bottom:10px}
.onairBot ul li.popOnair .airImgList{height:auto}
.onairBot ul li.popOnair .airImgList .img {float: left;margin-right: 7px;}
.onairBot ul li.popOnair .airImgList .img a img {display: block;border: 1px solid #ccc;}
.onairBot ul li.popOnair .airImgList p{padding-top:30px;}
.onairBot ul li.popOnair .airImgList .text {width:140px;padding-left:244px;font-size:12px}
.onairBot ul li.popOnair .airImgList .text a {color: #666;}
.onairBot ul li.popOnair .airImgList .text .time{font-family: Tahoma; font-weight:bold; color:#444;padding:5px 0;}
.onairBot ul li.popOnair .airImgList .text .txt{line-height:15px; height:77px; overflow:hidden; max-height:60px}
.onairBot ul li.popOnair .airImgList .price {padding:7px 0 3px;font-family: Tahoma;text-decoration:line-through;}
.onairBot ul li.popOnair .airImgList .priceSale {padding:0 0;font-family: Tahoma;font-size:20px; font-weight:bold}

.onairBot ul li.popBest{ width:219px; padding-left:20px}
.onairBot ul li.popBest h1{ margin:15px 0 10px}
.onairBot ul li.popBest .popImgList{height:auto;}
.onairBot ul li.popBest .popImgList .img {float: left;margin-right: 7px;}
.onairBot ul li.popBest .popImgList .img a img {display: block;border: 1px solid #ccc;}
.onairBot ul li.popBest .popImgList .text {height: 100px;padding-right: 20px;max-height: 52px;overflow: hidden; line-height:13px; font-size:11px}
.onairBot ul li.popBest .popImgList .text a {color: #666;}
.onairBot ul li.popBest .popImgList .price{color:#444; font-size:11px; padding-top:10px}
.onairBot ul li.popBest .popImgList .price .num {font-family: Tahoma;}
.onairBot ul li.popBest .popImgList .flag1{position: relative;left: 0; top:-81px; width:31px; height:39px; font-size:0;background: url('//image.hnsmall.com/images/img2014/popup/2013/03/popup_flag1.png') no-repeat 0 0}
.onairBot ul li.popBest .popImgList .flag2{position: relative;left: 0; top:-81px; width:31px; height:39px; font-size:0;background: url('//image.hnsmall.com/images/img2014/popup/2013/03/popup_flag2.png') no-repeat 0 0}


/* popup coupon down 2013-05-02 */
/* popup coupon down 2013-07-09 */
.popWidth440{width:440px !important ;position:relative;}
.popCoupon{margin:20px 0 0; width:100%; height:531px; overflow-y:auto; text-align:center;}
.popCoupon .text1,
.popCoupon2 .text1{margin-bottom:8px;}
.popCoupon .text2,
.popCoupon2 .text2{margin-bottom:12px; color:#999;}
.popCoupon .imgCoupon,
.popCoupon2 .imgCoupon{margin-bottom:17px;}
.popCoupon .coupList,
.popCoupon2 .coupList{width:378px;height:90px;border:1px solid #cccccc; margin:0 0 5px 20px;padding:17px 10px ;background:url('//image.hnsmall.com/images/img2014/popup/bg_coupon3.gif') repeat-y 0 0}
.popCoupon .coupList .img,
.popCoupon2 .coupList .img{float:left;width:117px; height:63px;margin-right:20px;background:url('//image.hnsmall.com/images/img2014/popup/bg_coupon4.png') no-repeat 0 0; padding-top:29px}
.popCoupon .coupList .img span,
.popCoupon2 .coupList .img span{font-family:Tahoma,Geneva,sans-serif;font-size:26px;font-weight:bold;color:#fff;text-align:center;letter-spacing:-1px}
.popCoupon .coupList .text,
.popCoupon2 .coupList .text{float:left;width:226px; text-align:left}
.popCoupon .coupList .text .ctitle,
.popCoupon2 .coupList .text .ctitle{font-weight:bold; margin:0 0 8px 0; border-bottom:1px solid #ccc; padding-bottom:3px}
.popCoupon .coupList .text .ctext,
.popCoupon2 .coupList .text .ctext{ max-height:42px; line-height:15px; overflow:hidden; margin-bottom:5px}
.popCoupon .coment,
.popCoupon2 .coment{margin-left:20px; text-align:left;padding-bottom:20px}
p.btnArea{ margin-left:20px ; width:400px; border-top:1px solid #e5e5e5; text-align:center; padding:20px 0 20px }

.popCoupon .coment .buTxt_b a,
.popCoupon2 .coment .buTxt_b a{color:#009d9b; font-weight:bold; text-decoration:underline}

.popCoupon2{margin:20px 0 0; width:100%; text-align:center;}

.dbl_coupon .popCoupon2 {width:auto; margin-top:45px; padding:0 20px;}
.dbl_coupon .tit {border-bottom:1px solid #e51937;}
.dbl_coupon .tits {display:block; margin-top:-19px; margin-bottom:15px; font-size:20px; color:#222; letter-spacing:-0.75px; line-height:22px; text-overflow:ellipsis; white-space:nowrap;overflow: hidden;}
.dbl_coupon .coment {margin-left:0; padding:10px 0 15px; border-top:1px solid #ddd;}
.dbl_coupon .coment .buTxt_b {font-size:12px; color:#888; letter-spacing:-0.75px;}
.dbl_coupon .coment .buTxt_b a {color:inherit; text-decoration:none; font-weight:normal;}
.dbl_coupon .popBottom {height:36px; background:#888; font-size:11px; color:#fff;}
.dbl_coupon .popBottom p {top:8px; color:#fff;}
.dbl_coupon .popBottom .closeOrderBtn {top:10px; right:20px;}
.dbl_coupon {margin-top:10px; text-align:center;}
.dbl_coupon .coupon_bx {position:relative; width:201px; height:109px; margin:0 auto 30px; border:1px solid #dedede; background:url('//image.hnsmall.com/images/img2014/popup/bg_coupon_bx.gif') no-repeat;}
.dbl_coupon .coupon_bx01 {position:relative; width:259px; height:111px; margin:0 auto 30px;background:url('//image.hnsmall.com/images/img2014/popup/bg_coupon_won.png') no-repeat;}
.dbl_coupon .coupon_bx01 p {display:inline-block;position:relative;font-size:50px;color:#4d4c45; font-family: helvetica;letter-spacing:-2px;text-align:center;padding:40px 20px 0 0;font-weight:bold}
.dbl_coupon .coupon_bx01 p span {font-size:20px;font-weight:normal;position:absolute;top:41px;right:-4px}
.dbl_coupon .coupon_bx .num {display:inline-block; position:absolute; left:50px; top:45px; width:70px; font-family:helvetica; font-size:62px; color:#4d4d4d; font-weight:bold; letter-spacing:-1px; text-align:right;}
.dbl_coupon .coupon_bx .percent, .dbl_coupon .coupon_bx .txt {font-size:0; color:transparent; line-height:0;}
.dbl_coupon .coupon_bx_s {display:inline-block; position:relative; width:195px; height:92px; margin-bottom:30px;background:url('//image.hnsmall.com/images/img2014/popup/bg_coupon_dbl.png') no-repeat;}
.dbl_coupon .coupon_bx_s .num {display:inline-block; position:absolute; left:22px; top:32px; width:70px; font-family:helvetica; font-size:52px; color:#4d4d4d; font-weight:bold; letter-spacing:-2px; text-align:right;}
.dbl_coupon .coupon_bx_s .percent, .dbl_coupon .coupon_bx_s .txt {font-size:0; color:transparent; line-height:0;}
.dbl_coupon .coupon_bx_s + .coupon_bx_s {margin-left:5px;}
.dbl_coupon .coupon_bx01.percent {position:relative; width:203px; height:111px; margin:0 auto 30px;background:url('//image.hnsmall.com/images/img2014/popup/bg_coupon_per.png') no-repeat;}
.dbl_coupon .coupon_bx01.percent p {padding:40px 20px 0 8px}
.dbl_coupon .coupon_bx01.percent p span {right:-2px;font-size:26px;top:46px}
.dbl_coupon .coupon_bx_s.won p {display:inline-block;position:relative;font-size:32px;color:#4d4c45; font-family: helvetica;letter-spacing:-2px;text-align:center;padding:37px 20px 0 0;font-weight:bold}
.dbl_coupon .coupon_bx_s.won p span {font-size:20px;position:absolute;top:35px;right:-2px}
.dbl_coupon .coupon_bx_s.percent {position:relative;  margin:0 auto 30px;}
.dbl_coupon .coupon_bx_s.percent p {display:inline-block;position:relative;font-size:50px;color:#4d4c45; font-family: helvetica;letter-spacing:-2px;text-align:center;padding:30px 0 0 14px;font-weight:bold}
.dbl_coupon .coupon_bx_s.percent p span {right:-2px;font-size:23px}
.dbl_coupon .coupon_bx img {margin-right:20px;border:1px solid #dedede;}
.dbl_coupon .coupon_bx img + img {margin-right:0;}
.dbl_coupon .term {margin-top:15px; font-size:14px; color:#666; letter-spacing:-0.5px; font-weight:bold; line-height:1;}


/* FreeContents 2013-07-08 */
.FreeContents{width:100%; margin:0 auto; text-align:center; }

/* 2013-07-22 event */
.fall1{width:152px; height:189px;position:absolute; top:593px; left:50%; margin-left:-200px;; font-size:0; display:none; z-index:10000}
.fall2{width:152px; height:189px;position:absolute; top:370px; left:50%; margin-left:-550px;; font-size:0;display:none; z-index:10000}
.fall3{width:152px; height:189px;position:absolute; top:230px; left:50%; margin-left:50px;; font-size:0;display:none; z-index:10000}
.fall4{width:152px; height:189px;position:absolute; top:700px; left:50%; margin-left:200px;; font-size:0;display:none; z-index:10000}
.fall5{width:152px; height:189px;position:absolute; top:320px; left:50%; margin-left:330px;; font-size:0;display:none; z-index:10000}
.fall1 a,
.fall2 a,
.fall3 a,
.fall4 a,
.fall5 a{width:152px; height:189px; display:block}


/* 2013-08-09 left floting banner*/
.evt_floting,
.evt_floting div,
.evt_floting img{margin:0;padding:0;font-size:1px}
.evt_floting img{border:0}
.evt_floting{position:absolute;z-index:10000;left:50%; margin-left:200px;top:500px;width:255px;height:262px;display:none;opacity:0}
.evt_floting p.chk{ width:10px; position:relative; top:-50px; left:77px}

/* 2013-10-30 rightWing T캠페인 */
.tcampaign{ margin-top:7px }

/*2013-12-11 AK 중카테고리 신규 시작*/
.akTopText{position: absolute; top: -35px; right: 0; font-size: 11px; color: #888; text-align: right; line-height: 15px;}

.cateDetailArea .akcategoryadd{text-align:center; height:20px; border-top:1px solid #999;}
.mdBox{width: 100%; margin-bottom: 30px; border-top: 1px solid #888; border-bottom: 1px solid #d7d7d7; display: inline-block;}
.AKcateBanner{margin:0 0 40px 0;}
.mdBox:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.mdBox .viewList{background-color:#f9f9f9; margin-top:0; border-bottom:0;}
.mdBox .viewList h4{font-size:15px; width:100%; overflow:hidden; height:17px; margin-bottom:8px;}
.mdBox .viewList h4 span{text-decoration:underline; font-weight:bold;}
.mdBox .viewList h4 span.red{color:#d02b2b;}
.mdBox .viewList h4 span.ora{color:#de4800;}
.mdBox .viewList h4 span.blu{color:#0074b4;}
.mdBox .viewList h4 span.gre{color:#2b7d70;}
.mdBox .viewList .imgList{background:none;}

.noneback{background:none !important; position:relative;}
.noneback .imgList li{position:relative; top:-1px; background:none !important;}
.noneback .imgSize3{background: url('//image.hnsmall.com/images/img2014/category/bg_dot.gif') repeat-x 0 230px;}
.noneback .flagNumb{position:absolute; left:16px; top:0; z-index:9; *zoom:1;}
.tabAk{width:100%;height:37px;margin-bottom:25px;background:url('//image.hnsmall.com/images/img2014/category/bg_tab2.gif') repeat-x 0 bottom}
.tabAk li{overflow:hidden;float:left;width:159px;height:37px;margin-right:-1px;border:1px solid #ccc;border-bottom:1px solid #888;background:#f4f4f4;}
.tabAk li.on{position:relative;border:1px solid #888;border-bottom:1px solid #fff;background:#fff}
.tabAk li.on img{margin-top:-37px;}

.tabText4{overflow:hidden;width:100%; margin-bottom:25px;}
.tabText4 li{float:left;}
.tabText4.in1 li{width:99.9%;}
.tabText4.in2 li{width:49.9%;}
.tabText4.in3 li{width:33.2%;}
.tabText4.in4 li{width:24.9%;}
.tabText4.in5 li{width:19.9%;}
.tabText4.in6 li{width:16.6%;}
.tabText4.in7 li{width:14.19%;}
.tabText4 li a{display:block;height:21px;margin-top:;margin-right:-1px;padding-top:6px;border:1px solid #ccc;border-bottom:1px solid #e51937; color:#666; text-align:center; text-decoration:none}
.tabText4 li.on a{position:relative;height:21px;margin-top:-2px;margin-bottom:-1px;padding-top:6px;border:1px solid #e51937; border-top:4px solid #e51937; border-bottom:1px solid #fff;background:#fff;color:#e31c23;font-weight:bold;text-decoration:none}
.allView{position:absolute; right:10px; top:-20px; z-index:9; *zoom:1;color:#666; font-size:12px; font-weight:bold;text-decoration:none;}
.allView a{color:#666; font-size:12px; font-weight:bold;}
.allView a:visited{color:#666;}
.tabText2{overflow:hidden;width:100%;margin-bottom:25px;background:url('//image.hnsmall.com/images/img2014/category/bg_tab.gif') repeat-x 0 bottom}

.speBanner2{overflow:hidden;width:100%; padding-top:20px; border-top:1px solid #888; margin-bottom:30px;}
.speBanner2 img{margin-bottom:15px;}
.speBanner2 ul{overflow:hidden;width:970px;margin-bottom:-10px}
.speBanner2 ul li{float:left;padding:0 10px 10px 0}
/*2013-12-11 AK 중카테고리 신규 끝*/


/* footer */
#container ~ #footer {min-width: 960px;}
#footer{overflow:hidden;padding:50px 0 15px; min-width: 1200px;}
#footer .footerLine{border-top:1px solid #c8c8c8;}
#footer .footerCenter{width:960px;margin:auto;}
#footer .footerCenter.wide{width:1200px;}
#footer .footerCenter > div{display:inline-block;width:100%;}
#footer .footerCenter div{float:left;}
#footer .footerCenter .ft_first{padding:25px 0 20px;}
#footer .footerCenter .links{width:172px;}
#footer .footerCenter .links ul{border:1px solid #e3e5e4;border-top:0;}
#footer .footerCenter .links ul li{height:27px;font-size:0;line-height:0;border-top:1px solid #e3e5e4;}
#footer .footerCenter .links ul li a.ftBtn{display:block;}
#footer .footerCenter dl.brandShop{overflow:hidden;float:left;width:169px;padding-left:20px;}
#footer .footerCenter.wide dl.brandShop{width:401px;}
#footer .footerCenter dl.brandShop dt{height:20px;}
#footer .footerCenter dl.brandShop dd{height:48px;font-size:0;line-height:0;}
#footer .footerCenter dl.brandShop dd span{overflow:hidden;display:inline-block;width:50%;height:16px;}
#footer .footerCenter.wide dl.brandShop dd span{width:25%;}
#footer .footerCenter dl.brandShop dd a {color:#898989;font-size:11px;line-height:16px;}
#footer .footerCenter .customer{float:left;width:179px;height:85px;padding-left:21px;border-left:1px solid #eee;}
#footer .footerCenter .mobile{float:left;width:197px;padding-left:19px;border-left:1px solid #eee;}
#footer .footerCenter .catalog{float:left;width:143px;padding-left:38px;}
#footer .footerCenter .menuLinks {height:22px;padding:10px 0;border-bottom:1px solid #cfcfcf;}
#footer .footerCenter .menuLinks .noticeZone{overflow:hidden;float:right;width:384px;height:22px;*margin-top:-22px;padding-left:15px;border-left:1px solid #eee;}
#footer .footerCenter .menuLinks .noticeZone dl{display:inline-block;width:100%;height:22px;}
#footer .footerCenter .menuLinks .noticeZone dl dt{float:left;width:100px;padding:4px 0 5px;vertical-align:middle;}
#footer .footerCenter .menuLinks .noticeZone dl dt img{float:left;*vertical-align:-1px;}
#footer .footerCenter .menuLinks .noticeZone dl dd{position:relative;float:left;width:250px;padding-right:34px;}
#footer .footerCenter .menuLinks .noticeZone dl dd div ul{display:inline-block;width:100%;}
#footer .footerCenter.wide .menuLinks .noticeZone dl dd {width:413px}
#footer .footerCenter .menuLinks .noticeZone dl dd div ul li a{color:#898989;font-size:11px;line-height:18px;}
#footer .footerCenter .menuLinks .noticeZone dl dd .control{position:absolute;top:2px;right:10px;width:22px;height:17px;border-left:1px solid #bdbfbe;}
#footer .footerCenter .menuLinks .noticeZone dl dd .control .arrow{overflow:hidden;display:block;float:left;width:10px;height:15px;font-size:0;line-height:0;border:1px solid #bdbfbe;border-left:0;background:url(//image.hnsmall.com/images/img2014/common/ico_indicator.png) no-repeat;cursor:pointer;}
#footer .footerCenter .menuLinks .noticeZone dl dd .control .prev{background-position:-241px 0;}
#footer .footerCenter .menuLinks .noticeZone dl dd .control .prev:hover{background-position:-264px 0;}
#footer .footerCenter .menuLinks .noticeZone dl dd .control .next{background-position:-252px 0;}
#footer .footerCenter .menuLinks .noticeZone dl dd .control .next:hover{background-position:-275px 0;}
#footer .footerCenter .address{position:relative;height:100px;padding:20px 0;}
#footer .footerCenter .address .logo{position:absolute;top:50%;left:0;margin-top:-18px;}
#footer .footerCenter .address .bizinfo{float:left;padding-left:159px;}
#footer .footerCenter .address .service{float:right;width:384px;height:100px;padding-left:15px;border-left:1px solid #eee;}
#footer .footerCenter .company{height:34px;padding:7px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;}

.ftBtn{display:inline-block;margin:0;padding:0;font-size:0;line-height:0;cursor:pointer;background:url(//image.hnsmall.com/images/img2014/common/footer_button.png) no-repeat;}
.ftb_tcampaign{width:170px;height:27px;background-color:#f3f3f3;background-position:0 0;}
.ftb_opinion{width:170px;height:27px;background-color:#f3f3f3;background-position:0 -28px;}
.ftb_cardBenefit{width:170px;height:27px;background-color:#f3f3f3;background-position:0 -56px;}
.ftb_faq{width:50px;height:15px;margin-top:14px;background-position:0 -98px;}
.ftb_inquire{width:90px;height:15px;margin-top:14px;background-position:-55px -98px;}
.ftb_catalog{width:108px;height:21px;margin-top:14px;background-position:0 -132px;}
.ftb_bizinfo{position:absolute;top:51px;left:345px;width:81px;height:15px;background-position:0 -173px;}
.ftb_service{width:116px;height:18px;margin-top:10px;background-position:0 -208px;}
.ftb_more{width:35px;height:13px;margin-left:7px;background-position:0 -246px;}
.ftb_halfprice{width:108px;height:21px;background-position:0 -280px;}

/* 푸터 디자인 변경 2016-03-09 - 배포후 address_v2 삭제 필요  */
#footer .footerCenter .address.address_v2 .service {height:74px;position:relative}
#footer .footerCenter .address.address_v2 .company{float:right;width:384px; height:auto; padding:0 0 0 15px; border:none; border-left:1px solid #eee;}

.address_v2 .ftBtn {background:url(//image.hnsmall.com/images/mobile2014/common/footer_button.png) no-repeat;}
.address_v2 .ftb_bizinfo{position:absolute;top:51px;left:345px;width:81px;height:15px;background-position:0 -173px;}
.address_v2 .ftb_service{position:absolute; top:-2px; left:170px; width:100px;height:15px;margin-top:0;background-position:0 -208px;}

#footer .footerCenter.wide .address .service, #footer .footerCenter.wide .menuLinks .noticeZone,
#footer .footerCenter.wide .address.address_v2 .company {width:591px}

/* 푸터 UI 변경 2017-06-16 */
#footer .footerCenter .address.address_v3 {padding-bottom:30px;}
#footer .footerCenter .address.address_v3 .bizinfo {padding-left:190px;}
#footer .footerCenter .address.address_v3 .logo {left:49px;}
#footer .footerCenter .address.address_v3 .ftb_bizinfo {left:314px; top:68px;}

#footer .footerCenter .address.address_v3 .service.type02 {height:74px; position:relative; margin-bottom:15px !important; border-left:none;}
#footer .footerCenter .address.address_v3 .company {float:right; width:384px; height:auto; padding:0 0 0 15px; border:none;}

#footer .footerCenter .address.address_v3 .cscenter {float:left;width:145px;height:98px;margin-left:20px;padding:0 18px 0 20px;border-left:1px solid #eee;border-right:1px solid #eee;}

.address_v3 .ftBtn {background:url(//image.hnsmall.com/images/img2014/common/footer_button02.png) no-repeat;}
.address_v3 .ftBtn.ftb_faq{width:70px;height:21px;margin:10px 4px 0 0;background-position:0 -98px; vertical-align:top;}
.address_v3 .ftBtn.ftb_inquire{width:70px;height:21px;margin-top:10px;background-position:-74px -98px; vertical-align:top;}

.address_v3 .ftb_bizinfo{position:absolute;top:51px;left:345px;width:81px;height:15px;background-position:0 -173px;}
.address_v3 .ftb_service{position:absolute; top:0; left:170px; width:100px;height:15px;margin-top:0;background-position:0 -208px;}

#footer .footerCenter.wide .address .service, #footer .footerCenter.wide .menuLinks .noticeZone,
#footer .footerCenter.wide .address.address_v3 .company {width:585px}

#footer .footerCenter.wide .address .service.type02 {height:auto; margin-bottom:16px;}


/*플로팅배너*/
.floatPrt{position:relative;}

/*플로팅배너(메인)*/
#mainFloatingBnSmall{padding-top:29px;}
#mainFloatingBnSmall .mfb_smallZone{}
#mainFloatingBn{z-index:24000;position:fixed;display:none;left: 55%;top:230px;width:1200px;margin-left:-600px;}
#mainFloatingBn .mfb_bigZone1{position:absolute;top:154px;right:0;}
#mainFloatingBn .mfb_bigZone2{position:absolute;top:154px;left:0;}

/*플로팅배너(중카)*/
#floatingBnSquare{z-index:24000;position:absolute;top:12px;left:50%;margin-left:130px;}
.fb_box{width:348px;height:358px;background:#fff;border:1px solid #cdcdcd;}
.fb_box .fb_img{overflow:hidden;width:348px;height:320px;}
.fb_box .fb_close{height:38px;padding:0 8px;background:#444;position:relative;}
.fb_box .fb_close p{position:absolute;top:8px;left:8px;color:#ccc;font-size:13px;}
.fb_box .fb_close .closeBtn{position:absolute;top:12px;right:13px;}

/*플로팅배너(상세)*/
#floatingBnCircle{z-index:24000;position:absolute;top:300px;left:50%;}
#floatingBnSmall{z-index:24000;position:fixed;top:auto;bottom:0;left:50%;}
#floatingBnSmall .fb_smallZone{position:absolute;left:0;bottom:40px;width:66px;height:156px;margin-left:490px;}
#floatingBnBig{z-index:24000;position:fixed;top:auto;bottom:0;width:100%;text-align:center;}
#floatingBnBig .fb_bigZone{display:block;}

/*2015-12-16 leftmenu 수정

.cateDepthTopWrap ul.cateLnb {padding-top:6px!important}
#container .depth2TopWrap p.banner{ padding-top:0}
.topTvhome .cateNavi dd .cateLnb li a.avenue { font-weight:bold}*/

.topTvhome .cateNavi p.banner_v2 { bottom:20px;}
#container .topTvhome .cateNavi p.banner_v2 { padding-top:0; width:auto; }

/* 첫 구매 본인인증 */
.first_order {margin:55px 0 0 0;text-align:center;padding-bottom:150px}
.first_order p {color:#565656;margin-bottom:50px;font-size:16px}
.first_order p strong {display:block;line-height:28px;color:#232323;font-size:24px;margin-bottom:7px}
.first_order .btn a {min-width:72px}

/* 2018-09-18 소셜로그인추가 */
.login_sns label .fake,
.login_sns_area.member .btns li a:before,
.login_sns_area.guest .infos li:before{background:url(//image.hnsmall.com/images/img2014/common/img_login_sns.png) no-repeat;}
.login_sns{position:relative; width:660px; padding-top:52px; margin:40px auto 0; border:1px solid #5d5d5d; box-sizing:border-box;}
.login_sns h3{position:absolute; top:-1px; left:-1px; width:50%;}
.login_sns h3.last{left:auto; right:0;}
.login_sns h3 a{display:block; width:330px; height:52px; line-height:52px; box-sizing:border-box; font-size:14px; font-weight:bold; color:#444; border:1px solid #ddd; border-bottom:1px solid #5d5d5d; text-align:center; background:#f4f4f4;}
.login_sns h3 a.on{border:1px solid #5d5d5d; border-bottom:1px solid #fff; color:#e51937; background:#fff;}
.login_sns_area.member{width:360px; margin:60px auto 50px;}
.login_sns_area.member .normal{position:relative;}
.login_sns_area.member .normal input{width:100%; height:32px; line-height:32px; padding-left:7px; margin-bottom:4px; border:1px solid #ccc; box-sizing:border-box; font-size:13px; color:#666;}
.login_sns_area.member .normal span{display:block; position:absolute; top:0; left:7px; font-size:13px; color:#888; line-height:32px; letter-spacing:-0.5px; cursor:text;}
.login_sns_area.member .normal span.last{left:auto; right:15px; font-size:11px;}
.login_sns_area.member .save{position:relative; padding-top:2px; float:left; overflow:hidden;}
.login_sns_area.member .save:after{content:""; display:block; clear:both;}
.login_sns label:after{content:""; display:block; clear:both;}
.login_sns label input[type=checkbox]{position:absolute; left:-99999px;}
.login_sns label span{display:block; float:left; line-height:1;}
.login_sns label .fake{position:relative; top:1px; width:13px; height:13px; background-position:-125px 0; text-indent:-9999px; overflow:hidden;}
.login_sns label input[type=checkbox]:checked+.fake{background-position:-148px 0;}
.login_sns_area.member .save .txt{margin-left:3px; line-height:14px; letter-spacing:-0.5px;}
.login_sns_area.member .find{float:right;}
.login_sns_area.member .find:after{content:""; display:block; clear:both;}
.login_sns_area.member .find li{position:relative; float:left; margin-left:6px; padding-left:6px;}
.login_sns_area.member .find li:after{content:""; display:block; position:absolute; top:4px; left:0; width:1px; height:11px; background:#e8e8e8;}
.login_sns_area.member .find li:first-child:after{display:none;}
.login_sns_area.member .find li a{line-height:14px; letter-spacing:-0.5px; color:#666;}
.login_sns_area.member .btns{position:relative; clear:both; padding-top:18px;}
.login_sns_area.member .btns:after{content:""; display:block; clear:both;}
.login_sns_area.member .btns:before{content:""; display:block; position:absolute; bottom:17px; left:-20px; width:400px; height:1px; background:url(//image.hnsmall.com/images/img2014/common/border_dotted_sns.gif) repeat;}
.login_sns_area.member .btns a:hover{text-decoration:none;}
.login_sns_area.member .btns li{float:left;}
.login_sns_area.member .btns li a{display:block; width:118px; height:32px; line-height:28px;  line-height:26px\0/IE9; border:1px solid #ccc; border-radius:4px; text-align:center; font-size:13px; color:#565656; letter-spacing:-0.5px; box-sizing:border-box;}
.login_sns_area.member .btns li a:before{content:""; position:relative; display:inline-block; vertical-align:top;}
.login_sns_area.member .btns li.normal{float:none; width:100%;}
.login_sns_area.member .btns li.normal a,
.login_sns_area.member .join a{display:block; width:100%; height:46px; line-height:46px; margin-bottom:14px; background:#e51937; border-radius:5px; font-size:16px; color:#fff; text-align:center; border:0 none;}
.login_sns_area.member .btns li.normal a.disabled {cursor:default; background-color:#888;} 
.login_sns_area.member .btns li.payco{margin-right:3px;}
.login_sns_area.member .btns li.naver{float:right;}
.login_sns_area.member .btns li.phone{clear:both; width:100%; padding:4px 0 38px 0;}
.login_sns_area.member .btns li.phone a{width:100%;}
.login_sns_area.member .btns li.normal a:before{display:none;}
.login_sns_area.member .btns li.payco a:before{top:9px; width:46px; height:11px; margin-right:2px; background-position:0 0;}
.login_sns_area.member .btns li.caca a:before{top:8px; width:16px; height:15px; margin-right:3px; background-position:-56px 0;}
.login_sns_area.member .btns li.naver a:before{top:9px;width:12px; height:11px; margin-right:3px; background-position:-82px 0;}
.login_sns_area.member .btns li.phone a:before{top:7px; width:10px; height:16px; margin-right:3px; background-position:-104px 0;}
.login_sns_area.member .desc{padding-bottom:8px; font-size:13px; font-weight:bold; letter-spacing:-0.5px;}
.login_sns_area.member .join a{background:#333;}
.login_sns_area.member .join a:hover{text-decoration:none;}
.login_sns_area.guest{display:none; width:400px; margin:50px auto;}
.login_sns_area.guest dl dt{font-size:13px; color:#000; font-weight:bold; letter-spacing:-0.5px;}
.login_sns_area.guest dl dd{padding:4px 0 7px 0; font-size:11px; color:#999; line-height:1.5; }
.login_sns_area.guest table{border:1px solid #ccc;}
.login_sns_area.guest table th{height:28px; line-height:28px; font-size:11px; font-weight:bold; background:#f4f4f4; border-bottom:1px solid #ccc; border-left:1px solid #ccc;}
.login_sns_area.guest table td{padding:3px 2px; line-height:13px; font-size:11px; border-left:1px solid #ccc; vertical-align:top;}
.login_sns_area.guest table td .bold{font-weight:bold; font-size:13px; line-height:16px;}
.login_sns_area.guest .detail{padding-top:6px;}
.login_sns_area.guest .detail a{color:#888; vertical-align:top;}
.login_sns_area.guest .agreed{display:block; padding:7px 0 15px 0;}
.login_sns_area.guest .agreed .txt{padding-left:7px; line-height:13px; color:#000; font-weight:bold;}
.login_sns_area.guest .search a,
.login_sns_area.guest .join a{display:block; width:360px; height:46px; line-height:46px; margin:auto; background:#e51937; border-radius:5px; font-size:16px; color:#fff; text-align:center; border:0 none;}
.login_sns_area.guest .search{position:relative; padding-bottom:38px;}
.login_sns_area.guest .search:before{content:""; display:block; position:absolute; bottom:17px; left:-20px; width:400px; height:1px; background:url(//image.hnsmall.com/images/img2014/common/border_dotted_sns.gif) repeat;}
.login_sns_area.guest .search.type02 a {width:auto; height:auto; margin-top:20px; background:transparent; } 
.login_sns_area.guest .search.type02:before {left:0; }
.login_sns_area.guest .desc{width:360px; padding-bottom:8px; padding-left:20px; font-size:13px; font-weight:bold; letter-spacing:-0.5px;}
.login_sns_area.guest .join a{background:#333;}
.login_sns_area.guest .infos{padding-top:18px;}
.login_sns_area.guest .infos li{position:relative; margin-bottom:7px; padding-left:16px; font-size:11px; line-height:13px; color:#999; letter-spacing:-0.4px;}
.login_sns_area.guest .infos li:before{content:""; display:block; position:absolute; top:2px; left:0; width:11px; height:11px; background-position:-171px 0;}

/* 2019-06-14 로그인/본인인증 수정  */
.layerPop .layerCont.type2 {padding-top:25px;}
.layerPop .layerCont.type2  .login_sns{padding-top:0;}
.layerPop .layerCont.type2  .login_sns_area.member{margin-top:0;}
.layerCont.type2 .JoinNotuser-area{margin-bottom:6px;}
.layerCont.type2 .JoinNotuser-area .btn-area:after {content:'';display:block;clear:both;}
.layerCont.type2 .JoinNotuser-area .btn-area a:hover {text-decoration: none;}
.layerCont.type2 .JoinNotuser-area .btn {display:block;width: 100%;height: 46px;    margin-bottom: 8px;   background: #333;  border-radius: 5px;  font-size: 16px;  color: #fff;   text-align: center;  border: 0 none;  line-height: 46px;}
.layerCont.type2 .JoinNotuser-area .btn-area .btn.btn-gray {background-color:#888;}
.layerCont.type2 .JoinNotuser-area .btn-area.col2 .btn.btn-block{display:block;}
.layerCont.type2 .JoinNotuser-area .btn-area.col2 .btn.btn-half {float:left; width:49.15%;}
.layerCont.type2 .JoinNotuser-area .btn-area.col2 .btn.btn-half + .btn.btn-half {margin-left:1.7%;} 
.layerCont.type2 .login_sns_area.guest {display:block;margin-top:0;}
.layerCont.type2 .login_sns_area.guest .search.type02 a {margin-top:10px;}
.layerCont.type2 .login_sns_area.guest .join a:hover {text-decoration: none;}

/* 2019-10-29 pc app 설치 */
.app-down-popup {display:none;position: fixed; left: 50%; top: 50%;    margin-left: -220px; margin-top: -191px; width:440px; z-index: 25000;background-color: #fff;}
.app-down-popup:before {content:'';width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); position: fixed; left: 0; top: 0;bottom: 0;right: 0; z-index: 1;}
.app-down-popup .popup-header{position: relative;z-index: 2;}
.app-down-popup .popup-header .tit {height: 23px; margin: 0;padding: 11px 20px;background: #e51937;}
.app-down-popup .popup-header .close{position: absolute; top: 12px; right: 19px; width: 23px; height: 23px;outline:none; font-size: 0;line-height: 0;border: none; cursor: pointer; background: url(//image.hnsmall.com/images/img2014/common/ico_popClose.png) no-repeat 0 0;}
.app-down-popup .popup-body{background-color: #fff; z-index: 2; position: relative;padding: 29px 20px 30px; }
.app-down-popup .popup-body .tit{ margin-bottom: 10px;  padding: 0; font-size: 18px; color: #000; letter-spacing: -0.25px; font-weight: bold;border-bottom: 2px solid #000;padding-bottom: 8px;}
.app-down-popup .popup-body .phone-area {margin: 10px 0 7px;text-align: center;background-color: #f0f0f0;padding: 42px 0 43px;letter-spacing: -0.5px;}
.app-down-popup .popup-body .phone-area .phone {margin-right:8px; font-size: 16px;color:#000;vertical-align: -4px;}
.app-down-popup .popup-body .phone-area .num {font-size:34px; font-weight:bold; color:#e51937;vertical-align: middle;}
.app-down-popup .popup-body .btn-area{text-align:center; margin-top:13px;}
.app-down-popup .popup-body .btn-area .sendClick {padding: 9px 21px 0 19px;font-size: 16px;}
.app-down-popup .popup-body .service{text-align:center;color:#333; font-size:14px;margin-top:21px;}
.app-down-popup .popup-body .service .call-num {color:#e51937; font-weight:bold;padding-left: 10px;vertical-align: 1px;}
.app-down-popup .popup-body .service .call-num:before {content: ''; display: inline-block; vertical-align: middle; width: 13px; height: 13px; background: url(http://image.hnsmall.com/images/img2014/common/ico_phone.png) no-repeat center center;margin-right: 4px;}

/* 2019-11-19 #28214 본인인증 안내문구 임시노출 */
.mobile_text {text-align: center;color: #e51937;font-size: 12px;margin: 5px 0 17px;}

/* 2020-01-29 공정위 메뉴 변경 */
#header .headerCenter .ServiceZone ul li a .sn_mdpick {width:40px; background-image:url(//image.hnsmall.com/images/img2014/common/ico_mdpick.png); background-position: 0 10px;}
#header .headerCenter.wide .ServiceZone ul li a .sn_mdpick {width:40px; background-image:url(//image.hnsmall.com/images/img2014/common/ico_mdpick.png); background-position: 0 10px;}

/* S: 2020-07-03 로그인 추가  */
.login_sns_area.member_v2 .btns:before {display: none;} 
.login_sns_area.member_v2 .social-title {margin: 51px 0 14px; position: relative; text-align: center;}
.login_sns_area.member_v2 .social-title:before {content:''; position: absolute; left: 0; top: 50% ; background-color: #ccc; width: 100%; height: 1px;}
.login_sns_area.member_v2 .social-title span {position: relative; background-color: #fff; z-index: 1; padding: 0 12px;}
.login_sns_area.member_v2 .btns.col4 {margin: 0 -2.5px;}
.login_sns_area.member_v2 .btns.col4 li {width: 25%; padding: 0 2.5px; box-sizing: border-box;}
.login_sns_area.member_v2 .btns.col4 li.naver {float: left;}
.login_sns_area.member_v2 .btns.col4 li.payco {margin-right: 0;}
.login_sns_area.member_v2 .btns.col4 li a {width: auto; height: inherit; line-height: inherit; padding: 25px 0 20px;}
.login_sns_area.member_v2 .btns.col4 li a:before {display: block; margin: 0 auto 3px; top: 0; height: 15px;}
.login_sns_area.member .btns li.pass a:before {width: 34px; height: 15px; background-position: -202px 0;}
.login_sns_area.member_v2 .sub-title {padding: 26px 0 44px; text-align: center; font-size: 12px; color: #222; letter-spacing: -0.5px;}
.login_sns_area.member_v2 .sub-title a{font-size: 12px; color: #222; letter-spacing: -0.5px; border-bottom: 1px solid #222; margin-left: 20px;}
/* E: 2020-07-03 로그인 추가  */