@charset "utf-8";

/* 버튼 */

/* 영역&공통 */
.btnArea {
margin:20px auto; text-align:center; font-size:0; line-height:0; letter-spacing:-4px;
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; vertical-align:top;
}
.btnArea:after { content:""; display:block; clear:both; }
.btnArea > a:first-child,
.btnArea > button:first-child { margin-left:0; }
.btnArea > a,
.btnArea > span,
.btnArea > button {
    position:relative; display:inline-block; letter-spacing:0; text-align:center; cursor:pointer; font-family:Verdana,"맑은 고딕",Malgun Gothic,"돋움",Dotum; font-weight:bold;
    border-radius:0px;
    -moz-box-sizing:border-box; box-sizing:border-box;font-size:12px;
}
.btnIcon { max-width:12px; max-height:12px; background-size:100% 100%; }

    /* 주요 버튼 디자인 */
    .btnArea .btnSubmit { height:36px; line-height:36px; color:#fff; border:1px solid #4a5164; background:#000; }
    .btnArea .btnEm { height:36px; line-height:32px; border:1px solid #d5d5d5; background:#fff; }
    .btnArea .soldout { cursor:default; }
	.btnArea .itemBoard {  float:right;display:block; margin:0 5px;padding:0 20px;height:30px; line-height:26px; border:1px solid #d5d5d5; background:#fff; }

    /* 기본 버튼 디자인 */
    .btnNormal, .btnStrong, .btnBasic {
            display:inline-block; height:28px; line-height:26px; margin:0; padding:0 12px;
            cursor:pointer; vertical-align:middle; font-family:Verdana,"맑은 고딕",Malgun Gothic,"돋움",Dotum; font-size:11px; font-weight:400; border:0;
            border-radius:0px;
            -moz-box-sizing:border-box; box-sizing:border-box;
    }
	.btnBig {
            display:inline-block; height:38px; line-height:36px; margin:0; padding:0 22px;
            cursor:pointer; vertical-align:middle; font-family:Verdana,"맑은 고딕",Malgun Gothic,"돋움",Dotum; font-size:11px; font-weight:400; border:0;
            border-radius:0px;
            -moz-box-sizing:border-box; box-sizing:border-box;
    }
    .btnNormal { color:#1b1b1b; border:1px solid #bcbcbc; background:#fff; }
    .btnStrong { color:#fff; border:1px solid #000; background:#000; }
    .btnBasic { color:#1b1b1b; border:1px solid #bcbcbc; background:#f0f0f0; }
	.btnBig { color:#fff; border:1px solid #000; background:#000; }

    a.mini, button.mini { height:26px; line-height:24px; font-size:11px; }

    /* type1 */
    .btnArea.type1 > a,
    .btnArea.type1 > button { width:100%; margin:0; height:44px; margin:0; font-size:15px; line-height:38px; }

    /* type2 */
    .btnArea.type2 { padding:0 3px; }
    .btnArea.type2 > a,
    .btnArea.type2 > button { width:50%; height:34px; margin:0; font-size:13px; line-height:34px; }
    .btnArea.type2 > a:nth-child(1),
    .btnArea.type2 > button:nth-child(1) { left:-3px; }
    .btnArea.type2 > a:nth-child(2),
    .btnArea.type2 > button:nth-child(2) { right:-3px; }

    /* type3 */
    .btnArea.type3 { padding:0 6px; }
    .btnArea.type3 > a,
    .btnArea.type3 > button { width:33.333%; margin:0; height:32px; margin:0; font-size:12px; line-height:32px;}
    .btnArea.type3 > a:nth-child(1),
    .btnArea.type3 > button:nth-child(1) { left:-6px; }
    .btnArea.type3 > a:nth-child(3),
    .btnArea.type3 > button:nth-child(3) { right:-6px; }

    /* type4 */
    .btnArea.type4 { padding:0 6px; }
    .btnArea.type4 > a,
    .btnArea.type4 > button { width:25%; height:28px; margin:0; font-size:11px; line-height:25px; font-weight:normal; }
    .btnArea.type4 > a:nth-child(1),
    .btnArea.type4 > button:nth-child(1) { left:-5px; }
    .btnArea.type4 > a:nth-child(2),
    .btnArea.type4 > button:nth-child(2) { left:5px; }
    .btnArea.type4 > a:nth-child(3),
    .btnArea.type4 > button:nth-child(3) { right:-15px; }
    .btnArea.type4 > a:nth-child(4),
    .btnArea.type4 > button:nth-child(4) { right:-25px; }

    /* typeFull */
    .btnArea.typeFull { max-width:100%; padding:0 0px; margin:0;}

	/* typeBoard */
    .btnArea.typeBoard { width:120px; padding:0 0px; margin:0;}

    /* 좌우 영역으로 나눠지는 디자인 */
    .btnArea .gLeft { float:left; }
    .btnArea .gLeft a, .btnArea .gLeft button { margin:0 0 0 5px; }
    .btnArea .gLeft a:first-child, .btnArea .gLeft button:first-child { margin-left:0; }
    .btnArea .gRight { float:right; }
    .btnArea .gRight a, .btnArea .gRight button { margin:0 5px 0 0; }
    .btnArea .gRight a:last-child, .btnArea .gRight button:last-child { margin-right:0; }

/* 가운데 영역 */
.gCenter { text-align:center; }
.gCenter a, .gCenter button { margin:0 0 0 2px; }
.gCenter a:first-child { margin-left:0; }

/* 팝업에서 grid를 사용하지 않는 경우 */
#popup .btnArea > a:nth-child(2),
#popup .btnArea > button:nth-child(2) { margin-left:3px; }


/* General Button Styles, Cascades Down To Every Button ------------- */
.buttonE {
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.10);
-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.10);
box-shadow:0 1px 3px rgba(0, 0, 0, 0.10);
background:#222222;
border:1px solid rgba(0, 0, 0, 0.25);
color:#fff;
cursor:pointer;
display:inline-block;*display:inline;*zoom:1;
font-size:10px;font-family:tahoma,Dotum,AppleGothic,sans-serif; 
font-weight:normal;
line-height:1;
overflow:visible;
padding:7px 15px 8px;
position:relative;
text-decoration:none;
text-shadow:0 -1px 1px rgba(0, 0, 0, 0.85);
width:auto;
text-align:center;
}
.buttonE:hover {
background:#111;
color:#fff;text-decoration:none;
}
/* Smallcart Buttons -------------------------------------------------- */
.smallcart.buttonE {
font-size:11px;
padding:8px 8px 8px;margin-bottom:2px;
}
input[type="submit"].small.buttonE, .small.buttonE.input {
padding:3px 15px 4px;
}
input[type="button"].small.buttonE, button.small.buttonE {
padding:4px 15px;
}
.mjoin.buttonE {
background-color:#fff;
border:1px solid #ccc;
color:#666666 !important;line-height:30px;padding:3px 20px 1px;
font-weight:normal;font-size:11px;
text-shadow:0 1px 1px #FFFFFF;
}
.mjoin.buttonE:hover {
background-color:#f8f8f8;
}

.white.buttonE {
background-color:#fff;
border:1px solid #ccc;
font-weight:normal;font-size:11px;
text-shadow:0 1px 1px #FFFFFF;color:#666;
}
.white.buttonE:hover {
background-color:#f8f8f8;
}
.white.buttonE a {color:#666;}


/* Buy Buttons ------------------------------------------------- */
.buy.buttonE {
font-size:12px; line-height:36px;
padding:0px 27px 0px;*padding:0px 26px 0px;*zoom:1;font-family:"arial" !important;color:#fff;
letter-spacing:0;}
.buy.buttonE a{color:#fff;}
/* Buy2 Buttons ------------------------------------------------- */
.buy2.buttonE {
font-size:12px; line-height:36px;width:200px;
padding:0px 27px 0px;*padding:0px 26px 0px;*zoom:1;font-family:"arial" !important;
background:#000;color:#000;
}
.buy2.buttonE a{color:#000;}

/* Buy3 Buttons ------------------------------------------------- */
.buy3.buttonE {
font-size:12px; line-height:36px;
padding:0px 27px 0px;*padding:0px 26px 0px;*zoom:1;font-family:"arial" !important;
background:#fff;color:#000;
}
.buy3.buttonE a{color:#000;}
/* BuyR Buttons ------------------------------------------------- */
.buyR.buttonE {
font-size:12px; line-height:36px; width:100px;
padding:0px 0px 0px; *padding:0px 23px 0px;*zoom:1;font-family:"arial" !important;
background-image:url(/elinkim/button3/img/tall-button-overlay.png);
}


@media screen and (max-width: 979px) {
.buy2.buttonE {
font-size:12px; line-height:36px;width:34%;padding:0;*padding:font-family:"arial" !important;background:#000;color:#000;}
.buyR.buttonE {
font-size:12px; line-height:36px; width:31.2%;padding:0px 0px 0px;font-family:"arial" !important;background:#fff;
}
}