@charset "euc-kr";
 
@import url("common.css");
@import url("board.css?v=4");
@import url("contents.css");
@import url("main.css?v=2");

body {font-family:'Noto Sans','¸¼Àº °íµñ','Malgun Gothic',Arial,Helvetica,sans-serif,Lucida,Grande,'Microsoft YaHei','Hiragino Sans GB',SimSun,Meiryo; font-size:12px; color:#505050; }
#wrapmain { width:auto;}
#wrapsub { width:auto;}
#topwrap{position:relative; width:100%; height:90px;border-bottom:1px solid #eee}
#header { position:relative; width:1280px; height:90px; margin:0 auto; z-index:1; }
#container { position:relative; width:100%; }
#leftcolumn { float:left; width:180px; margin-left:0px; display:inline; padding-bottom:50px; }
#rightcolumn { float:left; width:1280px; display:inline; padding:10px 0 50px;   }

.midnav{position:absolute;z-index:100;top:-10px;width:100%;overflow:hidden; background:#fff;display:none;}
.midnav .nav{width:980px;margin:0 auto;text-align:center;background:#fff;padding:20px 0 20px 190px;border:0px solid red}
.midnav .nav a{color:#555;font-size:14px;margin-top:10px;display:inline-block}
.midnav .nav a.spc:after {display: inline-block;width: 2px;height: 2px;margin: -6px 5px 0 14px; background-color:#bbb;vertical-align: top; content:'';vertical-align: middle;}
.midnav .nav a.current{color: #00dbba !important;}
.midnav .nav ul{overflow:hidden}
.midnav .nav ul li{float:left;width:160px;text-align:left}
.midnav .nav li div{width:150px;}


#content {width:1280px; margin:0 auto;color:#555; line-height:1.8em; text-align:left; margin-top:0px;}
#footer {clear:both; width:100%;height:90px; border-top:1px solid #dbdbdb; padding:15px 0 10px;margin-top:-2px;background: #3c464f;}

#header h1 {float:left;width:200px;display:inline-block;margin-top:25px;}
#header h1 a{width:200px;display: inline-block;font-size: 23px;font-weight:600;line-height:30px;letter-spacing: -1.0px;color: #111;vertical-align: top;word-wrap: break-word;word-break: break-all;}
#navi { position:relative; float:left; width:calc(100% - 200px); height:70px;padding-top:0px; display:inline;}

#navi .searchbox{position:absolute;z-index:1;top:20px;left:100px;background:#f9f9f9;width:700px;height:35px;border-radius:15px;text-align:right;cursor:pointer}	
#navi .searchbox .srcbtn{display:inline-block;margin:5px 10px 0 0 }	
.gnb { position:absolute; top:23px; right:1px;}
.gnb li { float:left; margin-right:15px; padding-left:0px; height:28px; line-height:28px;}
.gnb li.last { margin-right:0px; }
.gnb a { font-size:12px; font-weight:600; letter-spacing:-1px;color:#666}
.lnb {display:inline-block;margin-top:20px ;  overflow:hidden}
.lnb ul {}
.lnb li {float:left;line-height:30px; }
.lnb li a{float:left; letter-spacing:-1px; font-size:20px;font-weight:600;color:#666;margin-left:42px !important;}
.lnb li a.current{color:#00dbba; }
 
.font20{font-size:20px !important}
.font18{font-size:18px !important}
.font16{font-size:16px !important}

.subttl{background:#111;color:#fff;font-size:20px;padding:5px 0;font-weight:bold;cursor:pointer}
.tabcho{background:#9a1e5b !important}
.bold{font-weight:600}
.btng{font-size:14px;font-weight:400;display:inline-block;border:1px solid #aaa;background:#00dbba;color:#fff;border-radius:30px;padding:2px 10px;margin-right:5px}
.btns{font-size:14px;font-weight:400;display:inline-block;border:1px solid #aaa;border-radius:30px;padding:2px 10px;margin-right:5px}
.hide{display:none;}
.show{display:block;}

.redcolor{color:red}




/* visual */
.visual { width:100%; height:140px; display:inline-block;border-bottom:1px solid #eaeeee}
.visual p {width:1280px; margin:0 auto;text-align:center; font-weight:bold;}


.main_visual {width:1280px;height:427px; margin:0;}

.main_content{width:1280px;overflow:hidden;padding-top:0px; margin:10px auto 32px auto; z-index:1; }

.main_timedeal{width:1280px;height:220px;margin:0 auto;overflow:hidden;margin-top:15px;margin-bottom:15px}
.main_timedeal .h3t{font-size:13px;font-weight:600;text-align:center}	
.main_timedeal .h1t{font-size:30px;font-weight:600;text-align:center;}	
.main_timedeal .slider{width:1280px;overflow:hidden;}	
.main_timedeal .mtpwrap{ margin-top:15px}	
.main_timedeal .mtpwrap li.s1{float:left;width:115px;height:135px;;text-align:center }	
.main_timedeal .mtpwrap li.s1 img{width:109px;height:109px}	
.main_timedeal .mtpwrap li.s1 ol{float:right;display:inline-block;font-weight:600;;font-size:12px;border:1px solid #ccc;color: #fff;padding:4px;background:#ccc;margin-right:5px}	
.main_timedeal .mtpwrap li.s2{float:left;width:290px;height:135px;background:#f9f9f9;padding:10px }	
.main_timedeal .mtpwrap li.s2 div{display:inline-block;width:278px;text-overflow: ellipsis;overflow:hidden; word-break: keep-all;white-space: nowrap;font-weight:600;color:#999;font-size:13px;line-height:20px}	
.main_timedeal .mtpwrap li.s2 div span.saleprice{display:inline-block;font-weight:600;color:#999;font-size:16px;}	
.main_timedeal .mtpwrap li.s2 div span.salerate{display:inline-block;font-weight:600;color:#999;font-size:16px;color: #7732ff;}	
.main_timedeal .mtpwrap li.s2 dl{display:inline-block;font-weight:600;font-size:12px;border:1px solid #ccc;color: #7732ff;padding:3px 4px;margin-top:5px }	


.tmdlb{width:10px;height:10px;border-radius:30px;border:0;background:#ddd}
.tmdlbccr{width:10px;height:10px;border-radius:30px;border:0;background:#000 !important}

.main_choice{width:1280px; margin:0 auto;overflow:hidden;margin-top:15px;margin-bottom:15px;text-align:left}
.main_choice h1{font-size:20px;font-weight:600;text-align:left;margin-bottom:30px}	
.main_choice .product{width:100%;overflow:hidden;margin:10px 0}	
.main_choice .product li {float:left;width:239px; text-align:left;margin-right:20px }	
.main_choice .product li.last {margin-right:0 }	

 
.main_choice .product li div.s1{width:239px;text-align:left;overflow:hidden;cursor:pointer; }	
.main_choice .product li div.s1 img{width:239px;height:auto}	
.main_choice .product li div.s2{width:239px;height:135px;margin-top:15px;cursor:pointer; }	
.main_choice .product li div.s2 div{display:inline-block;width:235px;text-overflow: ellipsis;overflow:hidden; word-break: keep-all;white-space: nowrap;font-weight:600;color:#999;font-size:13px;line-height:20px}	
.main_choice .product li div.s2 div span.saleprice{display:inline-block;font-weight:600;color:#999;font-size:16px;}	
.main_choice .product li div.s2 div span.salerate{display:inline-block;font-weight:600;color:#999;font-size:16px;color: #7732ff;}	
.main_choice .product li div.s2 dl{display:inline-block;font-weight:600;font-size:12px;border:1px solid #ccc;color: #7732ff;padding:3px 4px;margin-top:5px }	
 


.main_choice .tabw{width:100%;overflow:hidden;margin-top:-30px}	
.main_choice .tabw li{float:left;border-bottom:2px solid #ccc}	
.main_choice .tabw li {display:inline-block;padding:10px 10px;width:60px}	

.main_choice .lowst{width:100%;overflow:hidden;margin:10px 0}	
.main_choice .lowst li {float:left;width:620px; text-align:left;margin-right:20px }	
.main_choice .lowst li.last {margin-right:0 }	

 
.main_choice .lowst li div.s1{float:left;width:150px;text-align:left;overflow:hidden }	
.main_choice .lowst li div.s1 img{width:139px;height:auto}	
.main_choice .lowst li div.s2{float:left;width:470px;height:135px;margin-top:15px; }	
.main_choice .lowst li div.s2 div{display:inline-block;width:470px;text-overflow: ellipsis;overflow:hidden; word-break: keep-all;white-space: nowrap;font-weight:600;color:#999;font-size:13px;line-height:20px}	
.main_choice .lowst li div.s2 div span.saleprice{display:inline-block;font-weight:600;color:#999;font-size:16px;}	
.main_choice .lowst li div.s2 div span.salerate{display:inline-block;font-weight:600;color:#999;font-size:16px;color: #7732ff;}	
.main_choice .lowst li div.s2 dl{display:inline-block;font-weight:600;font-size:12px;border:1px solid #ccc;color: #7732ff;padding:3px 4px;margin-top:5px }	
  


.subhead{width:1280px;height:85px;border-bottom:2px solid #000;margin:0 auto}
.subhead .pagenation{width:100%;overflow:hidden;margin-top:20px}
.subhead .pagenation .locate{width:100%;overflow:hidden;}
.subhead .pagenation .locate .title{float:left;}
.subhead .pagenation .locate .title div.tops{width:1100px;font-size:26px;font-weight:600; }
.subhead .pagenation .locate .title div.stabs{width:1100px;font-size:14px;font-weight:600;margin-top:10px }
.subhead .pagenation .locate .title div.stabs li{float:left;background: #f9f9f9;font-size:13px;color:#777;height:20px;margin: 0 10px 10px 0; padding: 4px 14px 4px; font-size: 13px; font-weight: normal; border-radius: 17.5px; }
.subhead .pagenation .locate .title div.stabs li.current{background: #7732ff; color:#fff  }
.subhead .pagenation .locate .title div.stabs li.current span{color:#ddd;font-size:10px;}
.subhead .pagenation .locate .tabs{float:right; }


#content .leftmenuwraper{float:left;width:226px;overflow:hidden; min-height:500px; }
#content .leftmenuwraper ul{width:226px;overflow:hidden; border-top:1px  solid #ddd;margin-top:60px}
#content .leftmenuwraper ul li{width:226px;overflow:hidden;border-bottom:1px  solid #ddd;font-size:14px;font-weight:bold;padding:5px 0 }
#content .leftmenuwraper ul li.arrow{overflow: hidden;display: block;background-repeat: no-repeat;background-position: top 10px right 0px;background-size: 16px;}
#content .leftmenuwraper ul li.arrowdn{    background-image: url(/assets/img/layout/accordion_anlgeDown_d.svg);}
#content .leftmenuwraper ul li.arrowup{    background-image: url(/assets/img/layout/accordion_anlgeUP_d.svg);}
#content .leftmenuwraper ul li strong{display:inline-block;width:100%;padding-left:1px;margin-bottom:15px }
#content .leftmenuwraper ul li dl{display:inline-block;width:226px;font-weight:normal;line-height:250% }
#content .leftmenuwraper ul li dl span{float:right;}
#content .leftmenuwraper ul li ol{float:left;width:45%}
#content .leftmenuwraper ul li ol span.checkbox{float:left;display:inline-block;width:10px;height:13px;padding:5px 5px;color:#fff;margin-top:1px;text-align:center;line-height:10px;border:1px solid #ccc}
#content .leftmenuwraper ul li ol span.black{background:black}
#content .leftmenuwraper ul li ol span.gray{background:gray}
#content .leftmenuwraper ul li ol span.brown{background:brown}
#content .leftmenuwraper ul li ol span.purple{background:purple}
#content .leftmenuwraper ul li ol span.pink{background:pink}
#content .leftmenuwraper ul li ol span.yellow{background:yellow}
#content .leftmenuwraper ul li ol span.gold{background:gold}
#content .leftmenuwraper ul li ol span.beige{background:#f7ebc2}
#content .leftmenuwraper ul li ol span.white{background:#fff}
#content .leftmenuwraper ul li ol span.red{background:red}
#content .leftmenuwraper ul li ol span.mint{background:#3dcbcb}
#content .leftmenuwraper ul li ol span.green{background:green}
#content .leftmenuwraper ul li ol span.blue{background:blue}
#content .leftmenuwraper ul li ol span.orange{background:orange}
#content .leftmenuwraper ul li ol span.silver{background:silver}
#content .leftmenuwraper ul li ol span.block{background:none}
#content .leftmenuwraper ul li ol span.text{float:left;display:inline-block;margin-left:5px }
#content .leftmenuwraper ul a.current{font-weight:bold;}

#content .prodwarper{ float:left;margin-left:28px; width:calc(100% - 255px);overflow:hidden; min-height:500px; }
#content .prodwarper .product{width:100%;overflow:hidden;margin:60px 0 0 0}	
#content .prodwarper .product li {float:left;width:235px; text-align:left;margin-right:28px;margin-bottom:30px }	
#content .prodwarper .product li.last {margin-right:0 }	
#content .prodwarper .product li div.s1{width:235px;text-align:left;overflow:hidden }	
#content .prodwarper .product li div.s1 img{width:235px;height:auto}	
#content .prodwarper .product li div.s2{width:235px;height:135px;margin-top:15px; }	
#content .prodwarper .product li div.s2 div{display:inline-block;width:235px;text-overflow: ellipsis;overflow:hidden; word-break: keep-all;white-space: nowrap;font-weight:600;color:#999;font-size:13px;line-height:20px}	
#content .prodwarper .product li div.s2 div span.saleprice{display:inline-block;font-weight:600;color:#999;font-size:16px;}	
#content .prodwarper .product li div.s2 div span.salerate{display:inline-block;font-weight:600;color:#999;font-size:16px;color: #7732ff;}	
#content .prodwarper .product li div.s2 dl{display:inline-block;font-weight:600;font-size:12px;border:1px solid #ccc;color: #7732ff;padding:3px 4px;margin-top:5px }	

.pagewraper{width:100%;margin:15px 0;text-align:center;overflow:hidden;}
.pagewraper .pagination { padding:10px 0; text-align:center; line-height:normal; white-space:nowrap; }
.pagewraper .pagination * { position:relative; display:inline-block; margin:0 -2px; padding:2px 8px; font-size:12px; text-decoration:none; line-height:normal; color:#c8c8c8; font-family:Tahoma, Sans-serif; vertical-align:middle; }
.pagewraper .pagination a:hover, .pagination a:active, .pagination a:focus { background-color:#f8f8f8; }
.pagewraper .pagination strong { color:#333; }
.pagewraper .pagination .direction { padding:0 6px; text-align:center; font-weight:bold; font-size:14px; color:#8781bd; }
.pagewraper .pagination .direction:hover, .pagination .direction:active, .pagination .direction:focus { background-color:transparent !important; color:#333; }
.pagewraper .pagination .direction span { position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; visibility:hidden; }


.viewlocation{margin-bottom:40px}
.productinfo{width:100%;height:720px;overflow:hidden;position:relative}	
.productinfo .prodimgvw{float:left;width:665px;height:665px;border:1px solid #cfcfcf;overflow:hidden;margin-right:60px}	
.productinfo .prodimgvw img{width:100%;height:auto}	
.productinfo .prodbaseinfo{float:right;width:550px;height:665px; overflow:hidden;font-size:14px;line-height:35px}	
.productinfo .prodbaseinfo li.num{ font-size:18px !important}	
.productinfo .prodbaseinfo li.st{font-weight:bold}	
.productinfo .prodbaseinfo li.stt{font-weight:bold;font-size:25px}	

.productinfo .prodbaseinfo li.stt span{font-weight:bold;font-size:25px;color:#7732ff}	
.productinfo .prodbaseinfo li .optleft{font-weight:bold;font-size:18px;float:left;width:100px;overflow:hidden}	
.productinfo .prodbaseinfo li .optright{font-weight:bold;font-size:18px;float:right;width:400px}	
.productinfo .prodbaseinfo li .optselect{width:400px;padding:10px;border:0px solid #eee;font-size:14px;background:#f9f9f9}	
.directbuybtn{width:100%;background:#222;color:#fff;border:#111;padding:5px 0;font-weight:600;height:50px}
.addcart{width:49%;background:#f9f9f9;color:#222;border:#111;padding:5px 0;font-weight:600;height:50px}
.addfavo{width:50%;background:#f9f9f9;color:#222;border:#111;padding:5px 0;font-weight:600;height:50px}

#content .relproduct{width:100%;overflow:hidden; max-height:500px; }
#content .relproduct .product{width:100%;overflow:hidden;margin:60px 0 0 0;max-height:360px; }	
#content .relproduct .product li {float:left;width:190px; text-align:left;margin-right:28px;margin-bottom:30px }	
#content .relproduct .product li.last {margin-right:0 }	
#content .relproduct .product li div.s1{width:190px;text-align:left;overflow:hidden }	
#content .relproduct .product li div.s1 img{width:190px;height:auto}	
#content .relproduct .product li div.s2{width:190px;height:135px;margin-top:15px; }	
#content .relproduct .product li div.s2 div{display:inline-block;width:190px;text-overflow: ellipsis;overflow:hidden; word-break: keep-all;white-space: nowrap;font-weight:600;color:#999;font-size:13px;line-height:20px}	
#content .relproduct .product li div.s2 div span.saleprice{display:inline-block;font-weight:600;color:#999;font-size:16px;}	
#content .relproduct .product li div.s2 div span.salerate{display:inline-block;font-weight:600;color:#999;font-size:16px;color: #7732ff;}	
#content .relproduct .product li div.s2 dl{display:inline-block;font-weight:600;font-size:12px;border:1px solid #ccc;color: #7732ff;padding:3px 4px;margin-top:5px }	
.addinfos{width:270px;height:80px;padding:5px;background:#fff;border:1px solid #777;position:absolute;z-index:100;top:-80px;text-align:center;display:none}
.addinfos .gobtn{background:#333;padding:10px 0;color:#fff;border:0;width:100%;}


/* footer */
.ftsub{width:100%; height:35px;border-bottom:1px solid #333;margin-bottom:10px}
.ftsub .ftcontact{width:1280px; font-size:11px; padding-left:0px; margin:0 auto;height:40px;}
.ftsub .ftcontact a{color:#fff;font-size:17px;font-weight:500;display:inline-block; }
.ftsub .ftcontact a.spc:after {display: inline-block;width: 1px;height: 10px;margin: -5px 15px 0 15px; background-color:#aaa;vertical-align: top; content:'';vertical-align: middle;}
 

.ftbody { position:relative; width:1280px; margin:0 auto; line-height:1.3em; display:block}

.ftbody .ftcontact a{font-size:20px; padding-left:0px; margin:0 auto;;color:#fff}
.ftbody .ftcopy {width:1280px; font-size:13px; padding-left:0px; margin:0 auto;;color:#ccc;line-height:20px}
.ftbody .ftcopy span{xpadding-right:10px}
.ftbody .ftcopy span.spc:after {display: inline-block;width: 2px;height: 2px;margin: -6px 5px 0 14px; background-color:#bbb;vertical-align: top; content:'';vertical-align: middle;}