@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,blockquote,iframe { margin:0; padding:0; }
body { background-color:transparent; color:#444; font-family:"Malgun Gothic","맑은 고딕",-apple-system,BlinkMacSystemFont,helvetica,"Apple SD Gothic Neo",sans-serif; font-size:12px;line-height:1.2; }
img { border:0px; vertical-align:middle; }
a { color:#444; text-decoration:none; } a:visited, a:active { text-decoration:none; }	a:hover { text-decoration:underline; }
input, select { font-size:100%; vertical-align:middle;font-family:"Malgun Gothic","맑은 고딕",-apple-system,BlinkMacSystemFont,helvetica,"Apple SD Gothic Neo",sans-serif; }
ol,ul,li { list-style:none; } fieldset, blockquote { border:none; }
i,em,u,cite { font-style:normal; }
h1,h2,h3,h4,h5 { font:bold 12px Dotum,Verdana,Arial,San-Serif; }
legend,caption { display:none;clear:both;font:bold 12px Dotum,Verdana,Arial,San-Serif; }
form{ display:inline; }
hr { display:none; clear:both; }
table { table-layout:fixed; border-collapse:collapse; }
th,td { border-collapse:collapse; }
button { margin:0; padding:0; overflow:hidden; border:0; cursor:pointer; vertical-align:middle; }
button span { display:block; width:0; height:0; text-indent:-9999em; font:0/0 arial; overflow:hidden; }
.clear { clear:both; width:0;height:0;margin:0;padding:0; font:0/0 arial; }
/* float 해제 */
.f_clear:after { content: ""; height: 0; display: block; visibility: hidden; clear: both; }
* html .f_clear { height: 1px; }
.f_clear { display: block;min-height:1px; }
.bold {font-weight: bold;}

/* common shopping */
.shopWrap{  }
.shopWrap dl { padding:0 0 5px; }
.shopWrap dt { padding:0 0 5px;font-weight:bold;color:#000;letter-spacing:-1px; }
.shopWrap dd { color:#2e3841;margin-left:-1px; }
.shopWrap dd a { color:#2e3841;font-size:11px;margin:0 2px 0 1px;letter-spacing:-1px; }
.shopWrap dd a em { font-weight:bold; }
.shopWrap .list { position:relative; margin-top:9px; /*padding:17px 0 0;*/ /*background:url('/shopbox/img/bg_bar.gif') right 0 no-repeat;*/ }
.shopWrap ul { width:100%; overflow:hidden; }
.shopWrap .list li { display:block; float:left; height:104px; text-align:center; }
.shopWrap .list li img{ display:block; margin:0 auto 3px; }
.shopWrap .list li a{ font-size:11px; white-space:nowrap; letter-spacing:-1px; display: inline-block; border:2px solid #FFFFFF}
.shopWrap .list li.bg a{ border:2px solid #F9F9F9}
.shopWrap .list li a:hover{color:#F84701;text-decoration:none;border:2px solid #FF4344}
.shopWrap .list li .txt{display: block;}
.shopWrap .btnBox span { position:absolute; top:-23px; right:27px; display:block; padding:0 6px 0 10px; font:11px verdana; color:#7f8085; }
.shopWrap .btnBox em { color:#b5b5b5; }
.shopWrap .btnBox button { position:absolute ;top:-23px; right:0; width:14px; height:14px; background:url('/shopbox/img/set_arr.gif') no-repeat; z-index:9; }
.shopWrap .btnBox button.prev { right:14px; }
.shopWrap .btnBox button.next { right:0;background-position:-14px 0; }
.shopWrap .t_sub { /*padding:0 0 5px;*/font-weight:bold;color:#000;letter-spacing:-1px;/*padding-top:1px;*/ }


/* case01 */
.shopWrap.case01 .list li { width:33.3%;.width:33.2%; }
/* case02 */
.shopWrap.case02 .list li { width:50%;.width:49.9%; }
.shopWrap .list.l_sp  { margin-top: 4px; }
.shopWrap .list.l_sp .btnBox span,
.shopWrap .list.l_sp .btnBox button{ top: -18px; }
/* case03 */
.shopWrap.case03 .list { position:relative; margin-top:39px; /*padding:17px 0 0;*/ /*background:url('/shopbox/img/bg_bar.gif') right 0 no-repeat;*/ }
.shopWrap.case03 .list li { position: relative; display:block; float:left; height:140px; text-align:center;width:33.3%;.width:33.2%; }
.shopWrap.case03 .list li img{ display:block; margin:0 auto 3px; }
.shopWrap.case03 .list li a{ font-size:11px; white-space:nowrap; letter-spacing:-1px; display: inline-block; border:2px solid #FFFFFF}
.shopWrap.case03 .list li.bg a{ border: none}
.shopWrap.case03 .list li a:hover{color:#F84701;text-decoration:none;/*border:2px solid #FF4344*/}
.shopWrap.case03 .list li a:hover:before {content: '';position: absolute;top:0;left:0;right: 0;bottom:-2px;border:2px solid #FF4344;pointer-events: none;}
.shopWrap.case03 .list li .txt{display: block;line-height: 15px;}
.shopWrap.case03 .event { display: block; height: 72px; margin-bottom: 10px; }
.shopWrap.case03 .event .link { position: relative; display: block; width: 260px; margin: 0 auto; }
.shopWrap.case03 .btnBox { position:absolute; top:-29px; right:0; }
.shopWrap.case03 .btnBox .paging { width: 293px; height: 14px;  background: url('/shopbox/img/set_shopping.png') no-repeat -16px 6px; }
.shopWrap.case03 .btnBox span { position:absolute; right:27px; display:block; top:0 !important; padding:0 6px 0 10px; font:11px verdana; color:#7f8085; }
.shopWrap.case03 .btnBox em { color:#b5b5b5; }
.shopWrap.case03 .btnBox button { position:absolute; right:0; width:14px; height:14px; background:url('/shopbox/img/set_arr.gif') no-repeat; z-index:9; }
.shopWrap.case03 .btnBox button.prev { top:0; right:14px; }
.shopWrap.case03 .btnBox button.next { top:0; right:0;background-position:-14px 0; }
.shopWrap.case03 .t_sub { padding:0 0 4px;line-height: 16px;font-weight:bold;color:#000;letter-spacing:-1px;/*padding-top:1px;*/ }
.shopWrap.case03 .txtlist { overflow: hidden; width: 260px; height:57px; /*height: 14px;*/margin: 0 auto 3px;padding: 15px 0 0}
.shopWrap.case03 .txt_li { position: relative;float: left; line-height: 16px; margin-left: 0; padding: 0 6px 4px 5px; letter-spacing: -1px; white-space: nowrap; font-size: 11px; }
.shopWrap.case03 .txt_li:after {content: ''; position: absolute; top: 3px; right: -1px; width: 1px; height: 10px; background: #dcdcdc;}
.shopWrap.case03 .txt_li.cb  { clear:  both; }
.shopWrap.case03 .txt_li a { color: #666; }
.shopWrap.case03 .txt_li a strong { color: #262626; }
.shopWrap.case03 .txt_bold { color: #262626; font-weight: bold; }
.shopWrap.case03 .txt_bold a { color: #262626 !important; }
.shopWrap.case03 .txtlist .first { padding-left: 0; background: none; }
.shopWrap.case03 .txt_li:first-child,
.shopWrap.case03 .txt_li.mn_frst {padding-left: 0;}
.shopWrap.case03 .txt_li.last:after { content: none; }

/* cyworld */
.cy_shop{border:1px solid #e6e6e6;}
.cy_shop .cy_head{height: 36px;border-bottom:1px solid #e6e6e6;}
.cy_shop .t_sub{color:#666;padding:9px 0 0 20px;line-height:20px;font-size:13px;letter-spacing:0;}
.shopWrap .cy_shop .list{margin:21px 0 16px;padding:0 14px;}
.cy_shop .ico_comm{display:inline-block;vertical-align:top;background:url(/shopbox/img/ico_shop_cy.png) no-repeat;}
.cy_shop .ico_shop{width:16px;height:16px;margin-right:6px;}
.shopWrap .cy_shop .btnBox button{width:28px; height:36px;top:-58px;background:url(/shopbox/img/ico_shop_cy.png) no-repeat;border-left:1px solid #e6e6e6;}
.shopWrap .cy_shop .btnBox button.prev{right:29px;background-position: 0 -20px;}
.shopWrap .cy_shop .btnBox button.next{background-position: -27px -20px;}

.mn_frst { clear:both; }

@media screen and (max-width: 260px) {
    .shopWrap.case03 .list li {width: 82px;height: 133px;margin: 0 2px 15px}
    .shopWrap.case03 .list li img {width: 82px;height: 99px;}
}

@media screen and (min-width: 261px) {
    .shopWrap.case03 .list li {width: 91px;height: 143px;margin: 0 3px 15px}
    .shopWrap.case03 .list li img {width: 91px;height: 110px;}
    .shopWrap.case03 .list li:nth-child(3n) {margin-right: 0}
}