@charset "utf-8";
/* CSS Document */
body, input, textarea, select, button, table{font-size:12px;font-family:"돋움", Dotum, sans-serif}
body{min-width:1540px;position:relative;}
body.panelOn{}
.wrap{margin:0 auto;width:1200px;position:relative;}

/** bxSlide ***/
.bx-wrapper {position: relative;margin:0;padding: 0;*zoom: 1;}
.bx-wrapper img {max-width: 100%;display: block;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto{position: absolute;bottom: -30px;width: 100%;}
.bx-wrapper .bx-loading{min-height: 50px;background: url('/images/common/icons/bx_loader.gif') center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}

/** leftBanner **/
.leftBanner{position:absolute;left:-146px;top:212px;z-index:99;}
.leftBanner li{margin-bottom:30px;}

/** Header **/
#header{position:relative;z-index:10;}
#header .headerTop{height:30px;margin-bottom:42px;border-bottom:dotted 1px #999;font-size:0;}
#header .headerTop  .innerLeft{float:left;}
#header .headerTop  .innerLeft > div{float:left;}
#header .headerTop  .innerLeft  .bookmark{margin:0 25px 0 0;padding:8px 0 0 16px;}
#header .headerTop  .innerLeft  .search{padding:4px 0 0 0;}
#header .headerTop  .innerLeft  .search input{vertical-align:middle;}
#header .headerTop  .innerLeft  .search input[type="text"]{vertical-align:middle;margin:0 4px 0 0;padding:0 5px;width:208px;height:20px;line-height:20px;border:none;font-size:12px;color:#b2a9a4;}
#header .headerTop  .innerRight{float:right;padding:2px 14px 0 0;position:relative;}
#header .headerTop  .innerRight > li{position:relative;margin:0 0 0 20px;padding:2px 0 2px 0;display:inline-block;vertical-align:middle;border-bottom:solid 1px #fff;}
#header .headerTop  .innerRight > li:hover{border-bottom:solid 1px #3c3c3c;}
#header .headerTop  .innerRight > li:first-child:hover{border-bottom:none;}
*:first-child+html  #header .headerTop  .innerRight > li{display:inline;}
#header .headerTop  .innerRight > li.language{display:block;position:absolute;left:-34px;top:6px;width:35px;margin:0;height:15px;padding:0;overflow:hidden;border:none;vertical-align:top;background:url('/images/common/header/arr01.gif') no-repeat right 5px;}
#header .headerTop  .innerRight > li.language.on{background:url('/images/common/header/arr02.gif') no-repeat right 5px;}
#header .headerTop  .innerRight > li.language:hover{border:none;}
#header .headerTop  .innerRight > li.language ul{width:35px;position:absolute;left:0;top:0;}
#header .headerTop  .innerRight > li.language ul li{margin-bottom:5px;}
#header .headerTop  .innerRight > li.language ul li a{display:block;}
#header .headerTop  .innerRight > li .event{position:absolute;left:50%;top:17px;margin-left:-23px;}
#header .headerTop  .innerRight > li.last:hover{border:none;}
#header  h1{margin-bottom:2px;text-align:center;}
#header  .snsList{padding-right:14px;height:26px;text-align:right;}
#header  .snsList li{margin-left:10px;display:inline-block;vertical-align:top;}
*:first-child+html  #header  .snsList li{display:inline;}
#header  .headerMiddle{height:24px;margin:0 0 10px 0;padding:10px 0 0 0;position:relative;z-index:2;border-top:solid 2px #101010;border-bottom:solid 1px #e0e0e0;}
#header  .headerMiddle .innerLeft{float:left;padding:0 0 0 14px;}
#header  .headerMiddle .innerLeft > li{float:left;margin:0 0 0 22px;}
#header  .headerMiddle .innerLeft > li.first{padding:0;margin:0;}
#header  .headerMiddle .innerLeft > li .allCategory{display:none;position:absolute;left:0;top:34px;z-index:10;width:100%;background:url('/images/common/header/all/allbg.png') repeat left top;}
#header  .headerMiddle .innerLeft > li .allCategory .closeCategory{position:absolute;right:13px;bottom:10px;}
#header  .headerMiddle .innerLeft > li .allCategory .innerBox{padding:56px 0 0 56px;height:552px;border:solid 1px #e0e0e0;background:url('/images/common/header/all/logo.png') no-repeat 916px 372px;}
#header  .headerMiddle .innerLeft > li .allCategory .innerBox > li{float:left;width:180px;font-size:11px;color:#808080;text-align:left;}
#header  .headerMiddle .innerLeft > li .allCategory .innerBox > li a{color:#808080;}
#header  .headerMiddle .innerLeft > li .allCategory .innerBox > li .innerCategory{margin-top:32px;}
#header  .headerMiddle .innerLeft > li .allCategory .innerBox > li.list02 .innerCategory{margin-top:32px;}
#header  .headerMiddle .innerLeft > li .allCategory .innerBox > li.list02 .innerCategory.second{margin-top:37px;}
#header  .headerMiddle .innerLeft > li .allCategory .innerBox > li.list03 .innerCategory{margin-top:32px;}
#header  .headerMiddle .innerLeft > li .allCategory .innerBox > li.list03 .innerCategory.second{margin-top:21px;}
#header  .headerMiddle .innerLeft > li .allCategory .innerBox > li.list04 .innerCategory{margin-top:32px;}
#header  .headerMiddle .innerLeft > li .allCategory .innerBox > li.list05 .innerCategory{margin-top:32px;}
#header  .headerMiddle .innerLeft > li .allCategory .innerBox > li.list05 .innerCategory li.mtop{margin-top:18px;}
#header  .headerMiddle .innerLeft > li .allCategory .innerBox > li.list06 .innerCategory{margin-top:32px;}
#header  .headerMiddle .innerLeft > li .allCategory .innerBox > li.list06 .innerCategory li.mtop{margin-top:18px;}
#header  .headerMiddle .innerLeft > li .allCategory .innerBox > li .innerCategory.first{margin-top:0;}
#header  .headerMiddle .innerLeft > li .allCategory .innerBox > li .innerCategory > p{height:18px;}
#header  .headerMiddle .innerLeft > li .allCategory .innerBox > li .innerCategory > ul li{margin-bottom:6px;}
#header  .headerMiddle .innerLeft > li .allCategory .innerBox > li .innerCategory > ul li a:hover{text-decoration:underline;}
#header  .headerMiddle .innerLeft > li .allCategory .innerBox > li .innerCategory:hover p a{padding-bottom:1px;display:inline-block;border-bottom:solid 1px #a0a09f;}
#header  .headerMiddle .topMenu{margin:1px 0 0 305px;width:653px;height:9px;padding:0 0 0 30px;border:solid #d8d8d8;border-width:0 1px;}
#header  .headerMiddle .topMenu li{float:left;margin:-1px 0 0 18px;}
#header  .headerMiddle .topMenu li.first{margin-left:0;}
#header  .headerMiddle .innerRight{position:absolute;right:15px;top:10px;}
#header  .headerBottom{height:26px;position:relative;}
#header  .headerBottom > ul > li{float:left;position:relative;height:15px;}
#header  .headerBottom > ul > li ul{display:none;position:absolute;top:15px;border:solid 1px #e0e0e0;background:url('/images/common/bg/opacitybg.png') repeat left top;}
#header  .headerBottom > ul > li:hover ul{display:block;}
#header  .headerBottom > ul > li ul li{line-height:13px;font-size:11px;color:#808080;}
#header  .headerBottom > ul > li ul li strong{font-weight:bold;}
#header  .headerBottom > ul > li ul li a{color:#808080;}
#header  .headerBottom > ul > li ul li a:hover{text-decoration:underline;}
#header  .headerBottom > ul > li ul li.number{margin:4px 0;}
#header  .headerBottom > ul > li.list01 ul{left:-6px;width:86px;padding:8px 10px;}
#header  .headerBottom > ul > li.list02 ul{right:0px;width:140px;padding:8px 10px;text-align:right;}
#header  .headerBottom > ul > li.list02 ul li span{font-size:10px;font-family:"Tahoma";}
#header  .headerBottom > ul > li.list03 ul{right:0px;width:152px;padding:8px 10px;text-align:right;}
#header  .headerBottom > ul > li.list03 ul li span{font-size:10px;font-family:"Tahoma";}
#header  .headerBottom .leftList{float:left;padding:0 0 0 15px;}
#header  .headerBottom .leftList > li{margin-right:20px;}
#header  .headerBottom .rightList{float:right;padding:2px 14px 0 0;}
#header  .headerBottom .rightList > li{margin-left:22px;}

/*** mainVisual ***/
#mainVisual{height:765px;}
#mainVisual .bx-pager{position:absolute;left:0;bottom:-18px;width:100%;font-size:0;text-align:center;}
#mainVisual .bx-pager > div{display:inline-block;margin:0 5px;}
*:first-child+html #mainVisual .bx-pager > div{display:inline;}
#mainVisual .bx-pager > div a{display:block;font-size:12px;width:10px;height:10px;font-size:0;color:#eee;background:#ececec;}
#mainVisual .bx-pager > div a.active{background:#494949;}
#mainVisual .bx-controls-direction a{position:absolute;top:300px;width:47px;height:46px;font-size:0;color:#eee;}
#mainVisual .bx-controls-direction a.bx-prev{left:10px;background:url('/images/main/visual/visual_prev.png') no-repeat left top;}
#mainVisual .bx-controls-direction a.bx-next{right:10px;background:url('/images/main/visual/visual_next.png') no-repeat left top;}

/*** mainCategory ***/
#mainCategory{margin-bottom:90px;height:613px;}
#mainCategory .innerLeft{width:575px;height:611px;float:left;border:solid #e1e0e0;border-width:1px 0;}
#mainCategory .innerLeft .categoryList{height:146px;padding:32px 0 0 16px;}
#mainCategory .innerLeft .categoryList li{float:left;margin:0 8px 8px 0;}
#mainCategory .innerLeft .bestTitle{height:54px;text-align:center;}
#mainCategory .innerLeft .bestList{padding:0 0 0 23px;}
#mainCategory .innerLeft .bestList li{float:left;margin:0 8px 8px 0;width:170px;height:170px;position:relative;}
#mainCategory .innerLeft .bestList li a{display:none;padding:75px 0 0 0;width:100%;height:95px;position:absolute;left:0;top:0;line-height:20px;font-weight:bold;text-align:center;color:#fff;background:url('/images/common/bg/opa50.png') repeat left top;}
#mainCategory .innerLeft .bestList li:hover a{display:block;}
#mainCategory .innerRight{width:596px;float:right;}

/*** detailView ***/
.opacityBg{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:#333;z-index:998;}
.detailView{display:none;position:fixed;left:50%;top:50%;width:790px;height:600px;z-index:999;padding:45px 55px 0 55px;margin:-336px 0 0 -451px;border:solid 2px #e0e0e0; background:#fff;}
.detailView .left{float:left;width:373px;padding-top:15px;}
.detailView .left .photo{margin:0 0 2px 0;width:368px;height:368px;border:solid 1px #ddd;}
.detailView .left .photo > img{width:368px;height:368px;}
.detailView .left .thumb{position:relative;}
.detailView .left .thumb > a{position:absolute;top:0;}
.detailView .left .thumb > a.prev{left:0;}
.detailView .left .thumb > a.next{right:0;}
.detailView .left .thumb ul{}
.detailView .left .thumb ul li{margin-right:1px;float:left;width:73px;height:73px;}
.detailView .left .bx-controls-direction a{position:absolute;top:0;width:17px;height:73px;font-size:0;color:#eee;}
.detailView .left .bx-controls-direction a.bx-prev{left:0;background:url('/images/main/view/thumb_prev.png') no-repeat left top;}
.detailView .left .bx-controls-direction a.bx-next{right:0;background:url('/images/main/view/thumb_next.png') no-repeat left top;}
.detailView .right{margin-left:420px;}
.detailView .right  .location{margin-bottom:12px;height:15px;border-bottom:solid 2px #000;}
.detailView .right  .location li{float:left;color:#808080;padding-left:12px;margin-right:7px;background:url('/images/main/view/location_arr.gif') no-repeat left 1px;}
.detailView .right  .location li.home{padding-left:14px;background:url('/images/main/view/home.gif') no-repeat left 1px;}
.detailView .right  .location li a{color:#808080;}
.detailView .right  .subject{margin:0 0 10px 0;padding:0 35px 0 0;position:relative;font-size:12px;color:#adadad;}
.detailView .right  .subject a{position:absolute;right:0;top:0;}
.detailView .right  .subject strong{margin-right:3px;font-weight:bold;color:#010101;}
.detailView .right  .icons{margin:0 0 14px 0;}
.detailView .right  .info{margin:0 0 30px 0;border-top:solid 1px #ddd;}
.detailView .right  .info li{padding:6px 0;font-size:11px;color:#9f9f9f;text-align:right;border-bottom:solid 1px #ddd;}
.detailView .right  .info li p{float:left;}
.detailView .right  .info li span{text-decoration:line-through;}
.detailView .right  .info li input{margin:-1px 2px 0 6px;padding:0;vertical-align:middle;}
.detailView .right  .info li label{cursor:pointer;}
.detailView .closeBtn{position:absolute;right:10px;top:10px;}
.detailView .select{margin:0 0 40px 0;overflow:hidden;}
.detailView .select li{position:relative;padding:0 0 0 40px;}
.detailView .select li select{width:328px;padding:3px 5px;font-size:11px;height:21px;line-height:22px;color:#9f9f9f;border:solid 1px #e0e0e0;}
.detailView .select li p{position:absolute;left:0;top:50%;margin-top:-4px}
.detailView .select li.list02{margin:16px 0 26px 0;font-size:0;}
.detailView .select li.list02 input{margin:0 3px 0 0;padding:0;width:30px;height:17px;line-height:17px;text-align:center;font-size:11px;color:#adadad;border:solid 1px #e8e7e8;}
.detailView .select li.list03{padding:0;font-size:11px;color:#808080;text-align:center;border-top:solid 1px #ddd;padding-top:25px;}
.detailView .select li.list03 strong{font-weight:bold;color:#000;}
.detailView .select li.list03 strong + span + span{color:#adadad;}
.detailView .bottom{overflow:hidden;}
.detailView .bottom li.end{margin-top:10px;}

/*** Footer ***/
#footer{padding:32px 0 0 0;height:246px;border-top:solid 2px #101010;}
#footer .innerTop{overflow:hidden;}
#footer .innerTop > dl{height:198px;float:left;font-size:11px;background:url('/images/common/footer/line.gif') no-repeat right 9px;}
#footer .innerTop > dl dt{height:24px;font-size:12px;line-height:14px;color:#000000;font-weight:bold;}
#footer .innerTop > dl dd{margin-bottom:3px;color:#8f8f8f;}
#footer .innerTop > dl dd a{color:#8f8f8f;}
#footer .innerTop > dl dd.m10{margin-bottom:14px;}
#footer .innerTop > dl.f01{width:510px;margin:0 0px 0 0;}
#footer .innerTop > dl.f01 dd{margin-bottom:2px;}
#footer .innerTop > dl.f02{width:184px;padding-left:30px;}
#footer .innerTop > dl.f02 ul li{float:left;margin-right:10px;}
#footer .innerTop > dl.f03{width:215px;padding-left:30px;}
#footer .innerTop > dl.f03 ul{margin:0 0 0 0px;}
#footer .innerTop > dl.f03 ul li{float:left;margin-right:5px;}
#footer .innerTop > dl.f03 dd{margin-bottom:20px;}
#footer .innerTop > dl.f04{padding-left:30px;background:none;}
#footer .innerTop > dl.f04 dd{margin-bottom:2px;}
#footer .innerTop > dl.f04 dd.m10{margin-bottom:8px;}
#footer .innerTop > dl.f04 dd + dt{margin-top:14px;}
#footer .mark li{float:left;}

/*** Common***/
.categoryTitle{margin:0 0 28px 0;text-align:center;color:#8f8f8f;}
.categoryTitle p{color:#101010;}
.productList{overflow:hidden;margin:0 -13px;}
.productList > li{float:left;width:280px;height:600px;margin:0 13px 0 13px;line-height:13px;}
.productList > li .best{height:16px;text-align:center;}
.productList > li .thumb{width:280px;height:410px;position:relative;}
.productList > li .thumb > a > img{width:280px;height:390px;}
.productList > li .thumb > strong{position:absolute;right:6px;top:6px;width:30px;height:31px;cursor:pointer;font-size:0;color:#eee;background:url('/images/common/icons/like01.png') no-repeat left top;}
.productList > li .thumb > strong.on{background:url('/images/common/icons/like02.png') no-repeat left top;}
.productList > li .subject{margin:0 0 6px 0;position:relative;padding:0 25px 0 0;height:18px;border-bottom:solid 1px #ddd;}
.productList > li .subject p{line-height:14px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.productList > li .subject p a{font-size:11px;color:#494949;}
.productList > li .subject > a{position:absolute;right:0;top:0;background:orange;}
.productList > li .info{font-size:11px;color:#adadad;}
.productList > li .info .i01{height:20px;display:none;}
.productList > li .info .i02{margin-bottom:4px;}
.productList > li .info .i02 .t01{margin-bottom:4px;line-height:14px;}
.productList > li .info .i02 .t02{font-size:11px;color:#494949;margin-top:4px;}
.productList > li .info .i02 .t02 span{margin:0 15px 0 0;font-size:11px;color:#898989;text-decoration:line-through;}
.productList > li .info .i03{height:24px;font-size:0;}
.productList > li .info .i03 span{display:inline-block;vertical-align:middle;}
.productList > li .info .i03 span.first{margin:0 6px 0 0;padding:0 6px 0 0;background:url('/images/common/bg/line01.gif') no-repeat right 2px;}
.productList > li .info .i03 span a{display:block;font-size:11px;color:#adadad;line-height:15px;}
.productList > li .info .i03 span.first a{padding:0 0 0 18px;background:url('/images/common/icons/like.gif') no-repeat left top;}
.productList > li .info .i04{overflow:hidden;}
.productList > li .info .i04 > img{margin-right:5px;float:left;}

/** rightPanel **/
.rightPanel{position:fixed;right:0;top:0;padding-left:44px;height:100%;overflow:hidden;;z-index:1000;}
.rightPanel .innerPanel{position:relative;/* margin-right:-230px; */width:161px;padding:0 34px;height:100%;background:#fff;border-left:solid 1px #e0e0e0;}
.rightPanel .innerPanel .rightCon{position:relative;}
.rightPanel .btn{position:absolute;right:229px;top:50%;margin:-46px 0 0 0;overflow:hidden;width:44px;}
.rightPanel .btn a{position:relative;right:-23px;}
.rightPanel .close{padding:14px 0 0 0;height:25px;text-align:right;}
.rightPanel .innerTitle{height:16px;}
.rightPanel .colors{overflow:hidden;width:120px;margin:0 0 38px 0;}
.rightPanel .colors li{position:relative;float:left;margin:0 5px 4px 0;}
.rightPanel .colors li a span{position:absolute;left:0;top:0;width:18px;height:18px;font-size:0;}
.rightPanel .colors li.on a span{background:url('/images/common/rightpanel/check.png') no-repeat left top;}
.rightPanel .colors li a div{display: none;}
.rightPanel .colors li.on a div{display: block;}
.rightPanel .colors li.first.on a span{background:url('/images/common/rightpanel/check02.png') no-repeat left top;}
.rightPanel .sizeList{width:120px;overflow:hidden;margin:0 0 15px 0;}
.rightPanel .sizeList li{float:left;margin:0 6px 6px 0;border:solid 1px #e4e4e4;}
.rightPanel .sizeList li a{display:block;min-width:20px;height:20px;line-height:20px;text-align:center;font-size:11px;color:#808080;}
.rightPanel .sizeList li a:hover span{text-decoration:underline;}
.rightPanel .sizeList li.large01 a{width:104px;}
.rightPanel .sizeList li.large02 a{width:104px;color:#b2a9a4;background:#f7f7f6;}
.rightPanel .sizeList li.on a {background-color: #000;color: #fff;}

.rightPanel .link01{margin:0 0 38px 0;}
.rightPanel .link01 li{margin:8px 0 0 0;padding:0 0 0 10px;background:url('/images/common/rightpanel/bullet.gif') no-repeat left 4px;}
.rightPanel .link01 li.first{margin:0;}
.rightPanel .link01 li a{font-size:11px;color:#808080;}
.rightPanel .link01 li a:hover{text-decoration:underline;}
.rightPanel .innerTitle + .link02{margin-top:5px;}
.rightPanel .link02{margin:0 0 38px 0;}
.rightPanel .link02 li{margin:8px 0 0 0;}
.rightPanel .link02 li.first{margin:0;}
.rightPanel .link02 li a{font-size:11px;color:#616161;font-weight:bold;}
.rightPanel .link02 li a:hover{text-decoration:underline;}
.rightPanel .lateBox{margin:0 0 54px 0;}
.rightPanel .lateBox .title{height:20px;font-size:11px;line-height:13px;color:#585858;font-weight:bold;}
.rightPanel .lateBox .innerList{height:108px;}
.rightPanel .lateBox .innerList li{overflow:hidden;}
.rightPanel .lateBox .innerList li .left{float:left;}
.rightPanel .lateBox .innerList li .right{float:right}
.rightPanel .lateBox .bx-controls-direction{position:absolute;right:0;top:-20px;font-size:0;}
.rightPanel .lateBox .bx-controls-direction > a{display:inline-block;width:12px;height:12px;margin-left:10px;font-size:0;color:#eee;}
.rightPanel .lateBox .bx-controls-direction > a.bx-prev{background:url('/images/common/rightpanel/prev.gif') no-repeat left top;}
.rightPanel .lateBox .bx-controls-direction > a.bx-next{background:url('/images/common/rightpanel/next.gif') no-repeat left top;}
.rightPanel .photoReview {margin:0 -5px 45px 0;}
.rightPanel .photoReview:hover .title{text-decoration:underline;}
.rightPanel .photoReview .title{padding:0 0 0 37px;height:33px;font-weight:bold;line-height:18px;font-size:11px;color:#494949;background:url('/images/common/rightpanel/reviewbg.gif') no-repeat left top;}
.rightPanel .photoReview .innerList{overflow:hidden;}
.rightPanel .photoReview .innerList li{float:left;margin:0 5px 5px 0;}
.rightPanel .lastBtn{text-align:right;}
.rightPanel .lastBtn p{margin:0 0 3px 0;}

.thumb img:first-child{z-index:100;}