@charset "utf-8";
@import url("btns.css");

@font-face{
font-family:NanumGothic;
src:url(NanumGothic.eot);
src:local(※), url(NanumGothic.woff) format(‘woff’)
}

@font-face{
font-family:NanumGothicbold;
src:url(NanumGothicbold.eot);
src:local(※), url(NanumGothicbold.woff) format(‘woff’)
}

/* Reset */
*{margin:0;padding:0;}
html,body{width:100%;height:100%;}
html{overflow-y:auto;  overflow-x:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button{font-family:'Tahoma','Dotum','Verdana',sans-serif;font-size:12px; color:#787878;}
body{background-color:#FFF; *word-break:break-all;-ms-word-break:break-all}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle; border:0;}
select{margin: 0em;font: -webkit-small-control;color: initial;letter-spacing: normal;word-spacing: normal;text-transform: none;text-indent: 0px;text-shadow: none;text-align: start; font-size:12px;}
optgroup {font-weight: bolder;}
img{vertical-align:middle}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{color:#747474; text-decoration:none}
a:hover{color:#747474; text-decoration:none}
button *{position:relative}
legend,hr{visibility:hidden;width:0;height:0;font-size:0;line-height:0}
caption{visibility:hidden;overflow:hidden;top:0;width:0;height:0;font-size:0;line-height:0}
table{/* border-collapse:collapse;table-layout:fixed; */border-collapse:collapse;border-spacing:0;}
table caption{display:none;}

/* \\\\\\\\\\\\\\\\\    DEMO CODE   ///////////////////////////////// */
.overlay {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; display: none;}
.modal {display: none; background: #FFF; padding: 0 20px 20px 20px; overflow: auto; z-index: 1001; position: absolute; left:50%; margin-left:0%; min-width:300px; min-height: 70px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}

/* \\\\\\\\\\\\\\\\\    END MODAL CODE   ///////////////////////////////// */

/*Alert Pop*/
.popAlert {position:relative; width:300px; height:auto;}
.popAlert h3 {font-size:14px; color:#333; margin-bottom:10px; border-bottom:1px solid #e1e1e1; margin-top:15px; letter-spacing:-1px; padding-bottom:15px;}
.popAlert .closeBtn {position:absolute; right:0; top:0; cursor:pointer;}
.popAlert p {text-align:center; margin-bottom:3px; font-size:13px;}

/* forgotten password */
.popForgotten {position:relative; width:500px; height:auto;}
.popForgotten h3 {font-size:14px; color:#333; margin-bottom:10px; border-bottom:1px solid #e1e1e1; margin-top:15px; letter-spacing:-1px; padding-bottom:15px;}
.popForgotten .closeBtn {position:absolute; right:0; top:0; cursor:pointer;}
.popForgotten p {text-align:center; margin-bottom:3px; font-size:13px;}
.popForgotten p.emailArea {text-align:center; margin-bottom:3px; font-size:13px; margin-top:10px;}



/* Layout */
#wrap {position:relative;width:100%;}
#header {position:relative; width:100%; height:145px;}
#gnb {position:relative; width:100%; height:38px; background:#257429; color:#FFF;}
#topBnrArea {position:relative; width:100%; height:107px; background:#43b749; color:#FFF;}

/* navigation */
#naviArea {position:relative; width:100%; height:49px; border-bottom:1px solid #0c0c0c; background:#1a1a1a;}
#naviArea .naviZone {width:1100px; margin:0 auto;}
#naviArea .naviZone .navi {float:left;}
#naviArea .naviZone .navi li {float:left;}

#subNavi {position:absolute; width:1100px; top:49px; left:50%; margin-left:-550px; z-index:100; font-family:'Tahoma';}
#subNavi .subMenu_1 {width:1100px; height:482px; background:#FFF; margin-top:1px; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
#subNavi .subMenu_1 dt {float:left; width:220px; height:258px; border-right:1px solid #e1e1e1; margin-top:15px;}
#subNavi .subMenu_1 dt.end {float:left; width:195px; height:258px; border-right:0px solid #e1e1e1; margin-top:15px;}
#subNavi .subMenu_1 dt dl {width:190px; height:258px; margin:0 auto;}
#subNavi .subMenu_1 dt dl dt.iconCate {width:190px; height:62px;border:0;  margin-top:5px;margin-bottom:10px;}
#subNavi .subMenu_1 dt dl dd {float:left; padding-left:0px; width:190px; border:0; line-height:25px;}
#subNavi .subMenu_1 dt dl dd a {color:#222222;}
#subNavi .subMenu_1 dt dl dd a:hover {color:#ff5b00;}
#subNavi .subMenu_1 dt dl dd.cateName {width:90px; border:0; height:60px; font-size:15px; font-weight:bold; line-height:65px; color:#000;}
#subNavi .subMenu_1 dt dl dd.small {font-size:11px;}

/*#subNavi .subMenu_2 {width:1100px; height:277px; background:#FFF; margin-top:1px; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; text-transform: uppercase;}
#subNavi .subMenu_2 dt {float:left; width:274px; height:253px; border-right:1px solid #e1e1e1; margin-top:15px;}
#subNavi .subMenu_2 dt.end {float:left; width:274px; height:253px; border-right:0px solid #e1e1e1; margin-top:15px;}
#subNavi .subMenu_2 dt dl {width:222px; height:253px; margin:0 auto; padding-left:35px;}
#subNavi .subMenu_2 dt dl dd {float:left; padding-left:0px; width:140px; border:0; line-height:20px;}
#subNavi .subMenu_2 dt dl dd a {color:#222222;}
#subNavi .subMenu_2 dt dl dd a:hover {color:#ff5b00;}*/

#subNavi .subMenu_2 {width:1100px; height:557px; background:#FFF; margin-top:1px; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
#subNavi .subMenu_2 dt {float:left; width:274px; height:533px; border-right:1px solid #e1e1e1; margin-top:15px;}
#subNavi .subMenu_2 dt.end {float:left; width:274px; height:533px; border-right:0px solid #e1e1e1; margin-top:15px;}
#subNavi .subMenu_2 dt dl {width:222px; height:533px; margin:0 auto;}
#subNavi .subMenu_2 dt dl dt.iconCate {width:80px; border:0;  margin-top:5px;}
#subNavi .subMenu_2 dt dl dd {float:left; padding-left:0px; width:140px; border:0; line-height:25px;}
#subNavi .subMenu_2 dt dl dd a {color:#222222;}
#subNavi .subMenu_2 dt dl dd a:hover {color:#ff5b00;}
#subNavi .subMenu_2 dt dl dd.cateName {width:140px; border:0; height:60px; font-size:15px; font-weight:bold; line-height:65px; color:#000;}

.cateMain_cate {position:absolute; margin-top:-50px; margin-left:-1px;}
.cateMain_brend {position:absolute; margin-top:-50px; margin-left:130px;}

#naviArea .naviZone .searchArea {float:right; margin-top:9px;}
#naviArea .naviZone .searchArea span {padding-left:10px;}

#container {position:relative; width:1100px; height:100%; margin:0 auto; margin-bottom:30px;}
#leftArea {position:relative; float:left; width:250px; height:100%;}
#sContents {position:relative; float:right; width:829px; height:100%;}
#Contents_single {position:relative; width:1100px; height:100%; margin:0 auto; margin-top:16px; overflow:hidden;}
#footer {clear:both; position:relative; width:100%; border-top:0px solid #e3e3e3; padding-top:20px;}

.logo {position:absolute; width:429px; bottom:0; left:50%; margin-left:-215px; z-index:999;}

/* gnb */
#gnb .utilZone {position:relative; width:1100px; margin:0 auto;}
#gnb .utilZone .notice {float:left; width:50%; line-height:38px;}
#gnb .utilZone .notice a {color:#FFF;}
#gnb .utilZone .utilMenu {float:right;}
#gnb .utilZone .utilMenu li {float:left; padding:0 17px 0 17px; background:url(../images/common/util_pix.gif) no-repeat center right; line-height:38px;}
#gnb .utilZone .utilMenu li.cart {background:url(../images/common/icon_cart.gif) no-repeat 17px 8px; padding:0 0px 0 40px;}
#gnb .utilZone .utilMenu li a {color:#FFF;}

/* topBnrArea */
#topBnrArea .topBnrZone {position:relative; width:1100px; margin:0 auto;}
#topBnrArea .topBnrZone .goCafe {float:left; margin-top:30px;}
#topBnrArea .topBnrZone .introTxt {float:right; color:#000; font-family:'NanumGothic'; font-size:24px; letter-spacing:-1px; font-weight:bold; margin-top:40px;}

/* cateArea */
#cateArea {clear:both; width:100%; height:141px; background:#e6e6e6; border-bottom:1px solid #d2d2d2;}
#cateArea .cateZone {position:relative; width:1100px; margin:0 auto;}
#cateArea .cateZone li {float:left; padding:24px 43px 0 43px;}

/* mBnrArea */
#mBnrArea {position:relative; margin-bottom:12px; overflow:hidden;}
#mBnrArea p {margin-top:12px;}
#mBnrArea p span.leftBnr {float:left;}
#mBnrArea p span.rightBnr {float:right;}

/* common */
.comTitle {clear:both; position:relative; height:37px; background:#222222 url(../images/common/t_edge.gif) no-repeat top right; color:#FFF; font-size:16px; font-family:'Tahoma'; line-height:35px; padding-left:10px; letter-spacing:0; text-transform: uppercase;}
.comTitle_green {clear:both; position:relative; height:37px; background:#3d8938 url(../images/common/t_edge01.gif) no-repeat top right; color:#FFF; font-size:14px; font-family:'Tahoma'; line-height:35px; letter-spacing:0; text-align:center; font-weight:bold;}
.sorting {position:absolute; right:20px; font-size:12px; color:#FFF; font-family:'Dotum'; letter-spacing:0;}

.leftCate {position:relative; width:100%; height:auto; padding:15px 0 22px 0;}
.leftCate h2 {position:relative; height:28px; font-size:15px; color:#000; padding-left:28px;}
.icon_ar {padding-left:5px;}
.leftCate li {display:block; color:#222222;; line-height:19px; padding-left:28px;}
.leftCate li a {color:#222222;}
.leftCate li a:hover {color:#ff5b00;}

.lgrey {background:#f9f9f9;}
.dgrey {background:#f4f4f4; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee;}

/* goodsList */
.mProBox {clear:both; position:relative; margin-bottom:12px;}
.goodsListBox {border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; padding:36px 28px 36px 28px; overflow:hidden;}
.goodsListBox li {float:left; width:144px; padding:0 5px 0 5px;}
.goodsListBox li p {text-align:center;}
.goodsListBox li p.gdsName {height:50px; color:#075899; font-size:12px; width:85%; margin:0 auto;word-wrap:break-word;word-break:keep-all;table-layout:fixed}
.goodsListBox li p.gdsPrice {height:30px; color:#ff0000; font-size:12px; font-weight:bold;text-align:center;}
.through {text-decoration:line-through; font-weight:lighter;color:#222}

.gdsBoxSingle {position:relative; width:1100px; margin:0 auto; padding-top:12px;}
.gdsBoxSingle li {float:left; background:#FFF; border:1px solid #b1b1b1; width:208px; height: 240px; overflow: hidden; text-align:center; margin-right:12px; margin-bottom:12px; padding-top:5px; padding-bottom:20px;}
.gdsBoxSingle li.end {float:left; background:#FFF; border:1px solid #b1b1b1; width:208px; text-align:center; margin-right:0px; margin-bottom:12px;}
.gdsBoxSingle li p {text-align:center;}
.gdsBoxSingle li p.gdsName {height:35px; color:#075899; font-size:12px; width:60%; margin:0 auto;word-wrap:break-word;word-break:keep-all;table-layout:fixed}
.gdsBoxSingle li p.gdsPrice {color:#ff0000; font-size:12px; font-weight:bold;}

/* goodsDetail */
.goodsinfo {clear:both; position:relative; width:1100px; margin:0 auto; margin-bottom:15px; overflow:hidden;}
.goodsinfo .goodsImg {float:left; width:482px; height:424px; border:1px solid #c0c0c0; text-align:center; }
.goodsinfo .goodsImg .goodsImg-big{ width: 100%; margin: auto; text-align:center;}
.goodsinfo .goodsImg .goodsImg-big > img{ display: none; }

.thumbnails img{ cursor: pointer; margin: 0 5px; }

.goodsinfo .goodsRel {float:right; width:585px; height:auto; border-top:1px solid #c0c0c0;}
.gdinfoArea {position:relative; width:100%; margin-top:20px; margin-bottom:30px;}
.gdinfoArea table {width:100%; padding:0; margin:0;}
.gdinfoArea table th,td {text-align:left; padding:10px 3px; color:#000;}
.gdinfoArea table th.optionSet {vertical-align:top;}
.optionSet li {display:block; width:100%; margin-bottom:10px; overflow:hidden;}
.optionSet p {float:left; line-height:20px;}
.Qty {position:absolute; width:10px;}
.gdsBtn {clear:both; position:relative; overflow:hidden;}
.gdsBtn li {float:left; margin-right:5px;}
.addSns {clear:both; position:relative; margin-top:15px; padding-top:14px; border-top:1px solid #d1d1d1;}
.addTxt {padding-right:80px; background:url(../images/common/pix_add.gif) no-repeat center right; font-size:14px;}
.withSns {padding-left:50px;}
.it_option{ border: 1px solid #000; padding: 4px 10px; }
.detailinfo {clear:both; position:relative; margin-top:15px;}
.dBox {border:1px solid #bfbfbf; padding-top:20px; margin-bottom:20px; text-align:center; min-height:100px;}

/* zoomimg */
#zoomimg {position:absolute; width:661px; height:653px; z-index:1; left:50%; margin-left:-330px;}
#zoomimg .btnClose {position:absolute; right:0; top:0;}
#zoomimg .proBox {width:617px; height:617px; border:8px solid #000; margin:0 auto; text-align:center; margin-top:10px; background:#FFF;}

/* CartTable */
.CartTable {clear:both; position:relative; width:1100px; margin:0 auto; overflow:hidden;}
.CartTable table {width:100%; padding:0; margin:0;}
.CartTable th {height:43px; background:#656565; line-height:43px; font-weight:normal; color:#FFF;}
.CartTable td {padding-top:25px; padding-bottom:25px; text-align:center; line-height:24px; border-bottom:1px solid #cccccc;}
.CartTable td.totalArea {background:#f4f4f4;}
.CartTable td.totalArea dl, dt, dd {float:left;}
.CartTable td.totalArea dt {padding:0 5px 0 5px;}
.CartTable td.totalArea dd {float:left; line-height:22px; padding:0 10px 0 10px;}
.CartTable td.totalArea dd.plus {float:left; line-height:22px; padding:0 10px 0 10px;}

*:first-child+html .CartTable td.totalArea dt {padding:0 5px 0 5px; width:50px;}
*:first-child+html .CartTable td.totalArea dt.total {padding:0 5px 0 5px; width:40px;}
*:first-child+html .CartTable td.totalArea dd {float:left; line-height:22px; padding:0 10px 0 10px; width:120px;}
*:first-child+html .CartTable td.totalArea dd.plus {float:left; line-height:22px; padding:0 10px 0 10px; width:15px;}


.CartTable td p.optionTitle {float:left; width:100px; text-align:right;}
.CartTable td p.optionValue {float:left; width:100px; text-align:left;}

.cauArea {clear:both; position:relative; width:1100px; margin:0 auto; overflow:hidden; padding:20px 0 20px 0;}

/* orderArea */
.orderArea {clear:both; position:relative; width:1100px; margin:0 auto; overflow:hidden; margin-top:0px;}
.orderArea h2 {font-size:18px; letter-spacing:-1px; font-family:'NanumGothic'; color:#000; margin-bottom:10px;}
.agrMent {font-size:12px; padding-left:20px; font-weight:normal; font-family:'Dotum'; letter-spacing:0;}
.orderArea table {width:100%; padding:0; margin:0; border-top:1px solid #7f7f7f; border-bottom:1px solid #7f7f7f;}
.orderArea th {background:#f3f3f3; padding:15px 20px 15px 0; text-align:right; color:#000; border-bottom:1px solid #e0e0e0;}
.orderArea td {background:#fff; padding:15px 0px 15px 10px; text-align:left; color:#000; border-bottom:1px solid #e0e0e0;}
.orderArea td p {line-height:18px;}
.orderArea td p.optionTitle {float:left; width:60px; text-align:right; line-height:32px;}
.orderArea th.end, td.end {border-bottom:0px;}
.ftSmall {font-size:11px; line-height:18px; margin-top:10px;}
.orderArea th.mdLine {border-bottom:2px solid #000;}
.orderArea td.mdLine {border-bottom:2px solid #000;}
.orderArea td.cardSel p {float:left; padding:0 60px 0 60px; line-height:30px;}

/* zipPop */
.zipPop {clear:both; position:absolute; left:50%; margin-left:-200px; top:0; width:400px; height:460px; border:5px solid #000000; background:#FFF; z-index:999;}
.zipPop .zipTitle {position:relative; width:100%; height:114px; background:#f5f5f5; border-bottom:1px solid #b4b4b4;}
.zipTitle h2 {margin-bottom:18px; font-size:16px; font-family:'Dotum'; padding:23px 14px 0 14px;}
.zipTitle .zipClose {position:absolute; right:-5px; top:-5px;}
.zipSearch {padding:0 14px 0 14px;}
.zipResult {height:330px; overflow-y:auto; padding:5px;}

/* mypage */
.myTable {clear:both; position:relative; width:1100px; height:100%; margin:0 auto; overflow:hidden;}
.myTable h2 {font-size:18px; color:#141414; font-family:'NanumGothic'; padding-top:10px; padding-bottom:10px;}
.myTable table {width:100%; padding:0; margin:0; border-top:1px solid #93ad6d; border-bottom:1px solid #93ad6d; font-family:'Dotum';}
.myTable th {background:#e8f8d1; padding:11px 19px 9px 0; text-align:right; color:#1a1a1a; vertical-align:top;}
.myTable th.orderinfo {font-weight:normal; text-align:center; padding:11px 0 9px 0;}
.myTable td.orderinfo {text-align:center; padding:9px 0px 9px 0px;}

.myTable th.bbs {font-weight:normal; text-align:center; padding:15px 0 13px 0; border-bottom:1px solid #c5c5c5;}
.myTable td.bbs {text-align:center; padding:25px 0px 23px 0px; border-bottom:1px solid #c5c5c5;}

.myTable th.bbs01 {font-weight:normal; text-align:left; padding:15px 0 13px 0; border-bottom:1px solid #c5c5c5;}
.myTable td.bbs01 {text-align:left; padding:25px 0px 23px 0px; border-bottom:1px solid #c5c5c5;}
.myTable td.bbs01 a:hover {color:#43b749;}

.myTable th.bbs_subject {font-weight:normal; text-align:center; padding:15px 0 13px 0; border-top:2px solid #93ad6d; border-bottom:1px solid #c5c5c5;}
.myTable td.bbs_subject {font-weight:normal; text-align:left; padding:5px 0 0 5px; border-top:2px solid #93ad6d; border-bottom:1px solid #c5c5c5;}
.myTable td.bbs_subject01 {font-weight:normal; text-align:left; padding:15px 0 13px 20px; border-top:2px solid #93ad6d; border-bottom:1px solid #c5c5c5;}

.myTable td.bbs02 {position:relative; text-align:left; padding:15px 0px 13px 20px; border-bottom:1px solid #c5c5c5;}
.mqStats {position:absolute; right:20px; top:10px;}

.myTable td {padding:9px 19px 9px 19px; color:#1a1a1a; line-height:20px; vertical-align:top;}
.myTable td li {position:relative; display:block; line-height:20px;}
.count {position:absolute; left:140px;}

.wishArea {width:100%; padding:10px 0 30px 0; margin:0; border-top:1px solid #93ad6d; border-bottom:1px solid #93ad6d; font-family:'Dotum'; overflow:hidden;}
.wishArea li {float:left; width:220px; text-align:center; font-family:'Tahoma'; color:#000;}
.wishArea li p {padding:5px 0 0px 0;}
.wishArea li p.gdsName {font-size:14px;}
.wishArea li p.gdsPrice {font-size:14px; font-weight:bold;}

/* orderDetail */
#orderDetail {position:absolute; width:925px; height:100%; z-index:1; left:50%; margin-left:-463px; top:0;}
#orderDetail .btnClose {position:absolute; right:0; top:0;}
#orderDetail .orderBox {width:893px; height:100%; border:3px solid #000; margin:0 auto; text-align:center; margin-top:10px; background:#FFF; overflow:hidden;}
.orderBox h2 {padding-top:27px; padding-bottom:0px; text-align:center; font-family:'Dotum';}

.orderTable {clear:both; width:96%; height:auto; overflow:hidden; margin:0 auto;}
.orderTable h2 {padding-top:20px; padding-bottom:10px; text-align:left; font-family:'Dotum'; color:#545454;}
.orderTable table {width:100%; padding:0; margin:0; border-top:1px solid #6e6e6e;}
.orderTable th {border-bottom:1px solid #6e6e6e; text-align:center; padding:10px 0 10px 0; color:#383737;}
.orderTable th.dTitle {border-bottom:1px solid #d8d8d8; text-align:right; padding:10px 20px 10px 0; color:#383737; font-weight:normal; background:#f4f4f4;}
.orderTable td.dCon {border-bottom:1px solid #d8d8d8; text-align:left; padding:10px 0 10px 20px; color:#383737; font-weight:normal; background:none;}
.orderTable th.end {border-bottom:1px solid #6e6e6e; text-align:right; padding:10px 20px 10px 0; color:#383737; font-weight:normal; background:#f4f4f4;}
.orderTable td.end {border-bottom:1px solid #6e6e6e; text-align:left; padding:10px 0 10px 20px; color:#383737; font-weight:normal; background:none;}
.orderTable td.oDetail {border-bottom:1px solid #6e6e6e; text-align:center; padding:10px 0 10px 0; color:#383737;}
.orderTable td p.optionTitle {float:left; width:100px; text-align:right;}
.orderTable td p.optionValue {float:left; width:100px; text-align:left;}

/* Register */
.floatCenter {left:50%; margin-left:271px; margin-top:50px; margin-bottom:100px;}
.floatLeft {float:left;}
.floatRight {float:right;}
.regiBox {clear:both; width:542px; height:383px; background:#efefef; border:1px solid #dfdfdf;}
.regiBox h2 {width:100%; text-align:center; padding:26px 0 14px 0;}
.regiBox p {width:100%; text-align:center;}

.regiBoxTxt {clear:both; width:542px; height:250px; background:#FFF; padding-top:60px;}
.regiBoxTxt p {width:100%; text-align:center;}

.grayBox {width:1072px; height:auto; padding:14px; background:#f3f3f3;}
.grayBox .conZone {padding:10px; border:1px solid #ccc; background:#FFF; height:200px; overflow-y:auto;}




/* partContents */
#partContents {clear:both; width:1100px; margin:0 auto; padding-top:12px;}

#partContents .emailBox {float:left; width:359px; padding-right:12px;}
.partBox {border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; padding:20px 0px 20px 0px; overflow:hidden; text-align:center;}
.partBox .partTop {width:90%; height:30px; text-align:center; margin:0 auto; line-height:30px; text-transform: uppercase;}
.partBox .partBottom {width:90%; height:30px; text-align:center; margin:0 auto; line-height:30px; text-transform: uppercase;}

#partContents .contactBox {float:left; width:359px;}
.timeBox {position:relative;}
.timeBox .mDate {background:#66cc33; padding:5px 10px 5px 10px; color:#FFF; text-align:center; border-left:1px solid #72bf4c; border-top:1px solid #72bf4c; border-bottom:1px solid #72bf4c;}
.timeBox .mTime {background:#FFF; padding:5px 10px 5px 10px; color:#339900; text-align:center; border-right:1px solid #999999; border-top:1px solid #999999; border-bottom:1px solid #999999;}

#partContents .noticeBox {float:right; width:359px;}
.noticeSec {border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; overflow:hidden; background:#f4f4f4; height:100px;}
.noticeArticle {position:relative; width:92%; margin:0 auto; padding-top:13px;}
.noticeArticle li {position:relative; display:block; background:url(../images/common/bullet_notice.gif) no-repeat 0px 6px; padding-left:10px; height:20px;}
.nDate {position:absolute; right:0;}

/* footer */ 
.copyMenu {width:100%; height:49px; background:#e9e9e9; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.copyMenu .copyMenuSec {width:580px; height:49px; line-height:49px; margin:0 auto;}
.copyMenuSec li {float:left; font-size:14px; color:#434343; background:url(../images/common/copy_pix.gif) no-repeat center right; padding-left:20px; padding-right:20px;}
.copyMenuSec li.end {float:left; font-size:14px; color:#434343; background:none; padding-left:20px; padding-right:0px;}
.copyMenuSec li a {color:#434343;}

.copyright {width:100%; height:220px; background:#f4f4f4;}
.copyright .copyZone {width:1100px; margin:0 auto;}
.copyZone .logoBottom {text-align:center; padding:30px;}
.copyZone .copyTxt {text-align:center; padding:0px; font-size:14px; color:#434343;}

/* quickBar */
#quickBar {position:absolute; right:-94px; top:12px; z-index:999;}
/*#quickBar {position:fixed; left:50%; margin-left:560px; top:349px; z-index:999;}*/
#quickBar .quickBox {position:relative; width:82px; min-height:308px; border:1px solid #b4b4b4;}
.quickBox h2 {background:#e4e4e4; height:29px; text-align:center; color:#434343; line-height:29px; font-weight:normal;}
.quickBox .gdsQuickList {width:76px; margin:0 auto; margin-top:2px; margin-bottom:2px;}
.gdsQuickList li {display:block; border-bottom:0px dotted #000;}
.gdsQuickList li.end {display:block; border-bottom:0px dotted #000;}
.gdsQuickList li p {margin-bottom:0px;}
.gdsQuickList li p.gdsName {color:#075899; font-size:12px; padding-bottom:10px; width:90%; margin:0 auto; text-align:center;}

/* pagenate */
.pagenateArea .sortResult {float:left; line-height:45px; color:#6e6e6e; font-size:11px; font-style:italic; padding-left:10px;}
.pagenateArea .pagenate {float:right; width:350px; text-align:right; padding-right:10px; padding-top:15px;}
.pagenate li {display:inline-block; width:27px; height:27px; line-height:27px; background:#e4e4e4;text-align:center; font-size:12px; color:#231f20; overflow:hidden;}
*:first-child+html .pagenate li {display:inline; margin-right:5px;}
.pagenate li a {display:inline-block; width:27px; height:27px; overflow:hidden;}
.pagenate li a:hover {color:#FFF; background:#393939; line-height:27px;}
.pagenate li.on a {color:#FFF; background:#ff5400; line-height:27px;}


/* subCommon */
#listCommon {position:relative;}
#listCommon h2 {font-size:30px; padding:10px 0 15px 0; color:#000; letter-spacing:-1px; font-family:'NanumGothic','Tahoma'}
#listCommon .location {border-bottom:3px solid #e4e4e4; height:26px; color:#000;}

*:first-child+html .location {border-bottom:3px solid #e4e4e4; height:26px; color:#000; padding-top:10px;}

#listCommon .goodsCode {position:absolute; right:10px; top:65px; color:#5d5d5d; text-transform: uppercase; font-family:'Dotum';}
#listCommon .subCate {background:#e4e4e4; padding:30px; overflow:hidden; margin-bottom:40px;}
.subCate li {float:left; font-size:14px; background:url(../images/common/copy_pix.gif) no-repeat center right; padding-left:20px; padding-right:20px; text-transform: uppercase;}
.subCate li.end {background:none; padding-left:20px; padding-right:0px;}1
.subCate li a {color:#000;}
.subCate li a:hover {color:#909090;}
.subCate li.on a {color:#43b749;}

.gdsCateName {position:relative; border-bottom:14px solid #231f20;}
.gdsCateName h2 {color:#257429; font-size:24px; letter-spacing:-1px; padding:0 0 10px 0;}
.pasingAreaTop {position:absolute; right:0; top:0;}

.gdsCateBottom {clear:both; position:relative; border-top:4px solid #231f20; height:95px;}
.pasingAreaBottom {position:absolute; right:0; top:10px;}



/* btnArea */
.btnArea {text-align:center; padding:20px;}
.btnArea01 {clear:both; text-align:left; padding:20px 0 60px 20px;}

.red {background:#d95d66;}
.blue {background:#136eea;}
.gray {background:#a9a9a9;}
.dblue {background:#1c41aa;}
.sky {background:#13b4ea;}
.dgray {background:#7a7a7a;}
.green {background:#698b0f;}
.orange {background:#da5403;}

/* text */
.gTxt {color:#0d8500 !important;}
.gTxt a {color:#0d8500 !important;}
.tRed {color:#ff5151 !important;}
.tRed_o {color:#c10000 !important;}
.tRed_o a {color:#c10000 !important;}
.bold {font-weight:bold;}
.tWhite {color:#FFFFFF !important;}
.tWhite a {color:#FFFFFF !important;}
.tBlack {color:#282828;}
.tBlue {color:#1387ea;}
.tSky {color:#13b4ea;}
.tGreen {color:#267d2a;}
.tGreen a {color:#267d2a;}
.tOrange {color:#da5403 !important;}
.through {text-decoration:line-through;}
.ft12 {font-size:12px !important; font-family:'Dotum'; font-weight:normal;}
.ft14 {font-size:14px !important;}
.alLeft {text-align:left !important;}
.alRight {text-align:right !important;}
.alCenter {text-align:center !important;}
.viewBrend a {background:#e42828 url(../images/common/ar_brend.png) no-repeat center right 5px; padding:4px 25px 4px 10px; color:#FFF; font-family:'NanumGothic'; margin-left:10px;}
.viewSale {background:#000; padding:4px 10px 4px 10px; color:#FFF; font-family:'NanumGothic'; margin-left:10px;}
.gdPrice {color:#000; font-family:'NanumGothic'; font-size:24px; margin-right:15px;}
.gdPrice_s {color:#000; font-family:'NanumGothic'; font-size:18px; margin-right:0px;}

/* padding */
.padL10 {padding-left:10px;}
.padL20 {padding-left:20px;}
.padL30 {padding-left:30px;}
.padL40 {padding-left:40px;}
.padL50 {padding-left:50px;}
.padL500 {padding-left:500px;}
.padR10 {padding-right:10px;}
.padR20 {padding-right:20px;}
.padT13 {padding-top:13px !important;}
.padT20 {padding-top:20px !important;}
.padT40 {padding-top:40px;}
.padT60 {padding-top:60px;}
.padTB45 {padding:45px 0 45px 0;}
.padTB60 {padding:60px 0 60px 0;}
.padTB1015 {padding:10px 0 15px 0;}
.padB7 {padding-bottom:7px !important;}
.padB15 {padding-bottom:15px !important;}
.padB35 {padding-bottom:35px !important;}
.padB40 {padding-bottom:40px !important;}
.padB100 {padding-bottom:100px !important;}
.pad10 {padding-top:10px !important;}
.pad20 {padding-top:20px !important;}
.pad30 {padding-top:30px !important;}
.padZero {padding:0 !important;}

/* input */
.inputSearch {width:236px; height:30px; border:1px solid #222222; background:#FFF; line-height:30px; padding-left:10px; color:#000; font-size:13px; font-family:'Tahoma'; font-weight:bold;}
.SubmitSearch {width:50px; height:30px; border:1px solid #222222; background:#FFF; line-height:30px; padding-left:0px; color:#000; font-size:13px; font-family:'Tahoma'; font-weight:bold; text-align:center;}
.inputQty {width:44px; height:17px; border:1px solid #707070; text-align:center; font-size:12px;}
.inputNotify {width:230px; height:40px; border:1px solid #dddddd; font-size:12px; line-height:30px; font-style:italic; padding-left:10px;}
.inputMem {height:30px; border:1px solid #dddddd; font-size:12px; padding-left:10px;}
.inputNormal {height:29px; border:1px solid #cccccc; line-height:29px; color:#000; padding-left:5px;}
.selCountry {width:260px; border:1px solid #cccccc; height:29px; padding-left:5px;}
.inputZip {width:290px; height:35px; border-left:1px solid #c5c5c5; border-top:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5; border-right:0; padding-left:10px;}
.inputLogin {width:408px; height:61px; border:1px solid #d8d8d8; background:#FFF; line-height:61px; padding-left:20px;}

/* .inputMem {height:30px; border:1px solid #dddddd; font-size:12px; line-height:30px; padding-left:10px;}*/
.inputCount {height:20px; border:1px solid #dddddd; font-size:12px; line-height:20px; padding-left:10px; padding-right:10px; text-align:center;}
.inputMem_dis {height:30px; border:1px solid #dddddd; font-size:12px; line-height:30px; padding-left:10px; background:#dddddd;}
.boxSel {border:1px solid #dddddd; font-size:10px;}
/* size */
.wd40 {width:40px !important;}
.wd60 {width:60px !important;}
.wd70 {width:70px !important;}
.wd80 {width:80px !important;}
.wd100 {width:100px !important;}
.wd150 {width:150px !important;}
.wd180 {width:180px !important;}
.wd200 {width:200px !important;}
.wd250 {width:256px !important;}
.wd300 {width:300px !important;}
.wd570 {width:570px !important;}
.wd600 {width:600px !important;}
.wd650 {width:650px !important;}
.wd700 {width:700px !important;}
.wd800 {width:800px !important;}

.hd80 {height:80px !important;}