.xans-mall-company h3 { margin:30px 0 10px 10px; color:#353535; font-size:12px; }
/* 공통 css */
.ec-base-tooltip { display:none; z-index:2; position:absolute; top:24px; padding:15px; border:1px solid #565960; background:#fff;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
}
.ec-base-tooltip h3 { margin:0 0 8px; padding:0 10px; font-size:12px; border-bottom:0; background:url("http://img.echosting.cafe24.com/skin/base/common/ico_layer_title.gif") no-repeat 0 50%; }
.ec-base-tooltip h3 + p { margin:0 5px 10px; }
.ec-base-tooltip h4 { margin:15px 10px 8px 5px; font-size:12px; }
.ec-base-tooltip h4:before { display:inline-block; content:""; margin:0 5px 0 0; width:3px; height:3px; background:#666; vertical-align:middle; }
.ec-base-tooltip .btnClose { position:absolute; right:14px; top:14px; }
.ec-base-tooltip .edge { z-index:20; position:absolute; left:50%; top:-6px; display:block; margin:0 0 0 -5px; width:10px; height:6px; }
.ec-base-tooltip .edge:before,
.ec-base-tooltip .edge:after { display:inline-block; content:""; position:absolute; top:0; width:0; height:0; border:solid transparent; }
.ec-base-tooltip .edge:before { margin:1px 0 0; border-bottom-color:#565960; border-width:0 5px 5px 5px; }
.ec-base-tooltip .edge:after { left:1px; margin:2px 0 0; border-bottom-color:#fff; border-width:0 4px 4px 4px; }
.ec-base-tooltip table th,
.ec-base-tooltip table td { padding:8px 10px 7px 10px; border:1px solid #e8e8e8; line-height:1.5em; }
.ec-base-tooltip table th { padding-right:0; background:#fbf9fa; }
.ec-base-tooltip table thead th { text-align:center; }
.ec-base-tooltip table tbody th { text-align:left; }
.ec-base-tooltip table .left { text-align:left; }
.ec-base-tooltip table .center { text-align:center; }
.ec-base-tooltip table .right { text-align:right; }
.ec-base-tooltip table .info { padding:0; color:#757575; }
.ec-base-tooltip table p.info:before,
.ec-base-tooltip table ul.info li:before { display:inline-block; content:""; margin:0 3px 0 0; width:4px; height:1px; background:#757575; vertical-align:middle; }
.ec-base-tooltip .info { padding:10px 10px 0; margin:5px 0 0; }
.ec-base-tooltip p.bullet,
.ec-base-tooltip ul.bullet { margin:8px 10px; }
.ec-base-tooltip p.bullet:before,
.ec-base-tooltip ul.bullet li:before { display:inline-block; content:""; margin:-3px 3px 0 0; width:0; height:0; border:solid transparent; border-left-color:#333; border-width:2px 0 2px 2px; vertical-align:middle; }
.ec-base-tooltip ul.bullet li { line-height:1.5em; }
.ec-base-tooltip .txtEm { color:#008bcc; }
.ec-base-tooltip .txtWarn { color:#f65b54; }

/* typeUpper */
.ec-base-tooltip.typeUpper { top:auto; bottom:34px; }
.ec-base-tooltip.typeUpper .edge { top:auto; bottom:-6px; }
.ec-base-tooltip.typeUpper .edge:before { margin:0 0 -5px; border-top-color:#565960; border-width:5px 5px 0 5px; }
.ec-base-tooltip.typeUpper .edge:after { left:1px; margin:0 0 -4px; border-top-color:#fff; border-width:4px 4px 0 4px; }
/* 게시판 전체 공통 */
.xans-board-title .title { min-height:30px; margin:10px 0 20px; border-bottom:1px solid #e8e8e8; }
.xans-board-title .title h2 { display:inline-block; padding:0 0 0 12px; color:#2e2e2e; font-size:16px; *display:inline; *zoom:1; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/common/ico_heading.gif") 0 2px no-repeat; }
.xans-board-title .title p { display:inline-block; margin:0 0 0 6px; padding:0 0 0 10px; color:#939393; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/common/ico_title.gif") no-repeat 0 0; *display:inline; *zoom:1; }
.xans-board-title p.imgArea { margin:0 0 20px; }

.xans-board-listpackage .boardSort { float:left; margin:0 0 10px; }

/* 갤러리형 탭메뉴 */
ul.xans-board-listheader { text-align:right; margin:0 0 10px; }
ul.xans-board-listheader li { display:inline; }

/* list */
.xans-board-listpackage { margin:0 0 10px; }
.xans-board-listpackage .boardList { clear:both; }
.xans-board-listpackage .boardList table { border-top:1px solid #d7d5d5; border-bottom:1px solid #d7d5d5; color:#353535; font-size:12px; line-height:140%;}
.xans-board-listpackage table th { padding:12px 0 10px; background:#fbfafa; font-weight:normal; }
.xans-board-listpackage table td { padding:6px 3px 4px; height:32px; border-top:1px solid #e3e3e3;  text-align:center; vertical-align:middle; }
.xans-board-listpackage table th:last-child,
.xans-board-listpackage table td:last-child { border-right:0; }
.xans-board-listpackage table a,
.xans-board-listpackage table a:hover { color:#000; }
.xans-board-listpackage table .subject { word-break:break-all; text-align:left; padding-left:8px; }
.xans-board-listpackage table .subject img { vertical-align:middle; margin:0 1px; }
.xans-board-listpackage table tbody.notice .subject { font-weight:bold; }
.xans-board-listpackage table .txtLess { color:#939393; font-size:11px; }
.xans-board-listpackage table .comment { color:#008bcc; font-weight:normal;}

.xans-board-listpackage table .thumb { width:134px; overflow:hidden; }
.xans-board-listpackage table .thumb img { width:46px; float:left; }
.xans-board-listpackage table .thumb span { float:left; width:80px; padding:0 0 0 8px; text-align:left; }

.xans-board-listpackage table input[type=radio],
.xans-board-listpackage table input[type=checkbox] { width:13px; height:13px; vertical-align:-2px; *vertical-align:2px; margin:0 2px 0 0; }

.xans-board-buttonlist { padding:15px 20px 15px 0; background-color:#fff; border-top:1px solid #d7d5d5; border-top:none; text-align:right; }

/* 상품후기 아코디언형 */
.xans-board-notice #content_view td { padding:9px 10px 20px; background:#f6f7f9; text-align:left; }
.xans-board-list #content_view td { padding:9px 10px 20px; background:#f6f7f9; text-align:left; word-break:break-all; white-space:pre-wrap; }
@charset "utf-8";

/* **************************** //필수 CSS 수정 및 삭제 불가 **************************** */

/* tag reset */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; }
html { width:100%; height:100%; font-family:"나눔고딕", Dotum;}
body,code { font:0.75em Verdana,Dotum,AppleGothic,sans-serif; color:#353535; background:#fff; font-family:"나눔고딕", Dotum;}
body { min-width:1240px;font-family:"나눔고딕", Dotum; }
body#popup { min-width:0; }
li { list-style:none; }
img,fieldset { border:none; vertical-align:top; }
table { width:100%; border:0; border-spacing:0; border-collapse:collapse; }
caption { display:none; }
th,td { border:0; vertical-align:top; }
input,select,textarea { font-size:100%;font-family:"나눔고딕", Dotum; color:#353535; vertical-align:middle; }
.inputTypeText { height:19px; padding:3px 0 0 9px; border:1px solid #d5d5d5; }
select { height:24px; border:1px solid #d5d5d5; }
textarea { padding:5px 6px; border:1px solid #d5d5d5; line-height:1.5; }
legend { visibility:hidden; position:absolute; left:-9999px; top:-9999px; width:0; height:0; line-height:0; }
button { overflow:visible; padding:0; margin:0; border:0; cursor:pointer; }
hr.layout { display:none; }
a { text-decoration:none; color:#000; }
a:hover { text-decoration:underline; }
a:active { text-decoration:none; }
.objHidden { visibility:hidden; position:absolute; left:-1000px; top:-1000px; height:0; width:0; }
table tr.radioType input,
span.noBorder input { border:none !important; width:auto !important; height:auto !important; margin:0 3px 0 0 !important; vertical-align:middle !important; background:none !important; }
#content_CONTAINER td { width:auto !important; }
table.nneditor-table { width:auto !important; }

/* 결제진행바 */
#progressPaybarBackground { position:absolute; z-index:99; left:0; top:0; width:100%; height:100%; }
#progressPaybarView { position:absolute; z-index:100; top:160px; left:20px; width:471px; font-size:12px; }
#progressPaybarView .box { height:180px; background:url(http://img.cafe24.com/images/ec_hosting/popup/layer_guide/bg_layer_box1.gif) 0 0 no-repeat; }
#progressPaybarView .box .graph { padding:15px 0 0 0; text-align:center;}
#progressPaybarView .box .graph span { display:block; text-align:center; margin:20px 0; }
#progressPaybarView .box .txt { text-align:center; padding:15px 0 0; color:#555555; }
div.layerProgress { filter:alpha(opacity=40); opacity:0.4; -moz-opacity:0.4; background-color:#999; }

/* contents */
#skipNavigation {position:absolute; top:0; left:0; z-index:100; width:100%; height:0;}
#skipNavigation p, #skipNavigation ul, #skipNavigation ul li {height:0;}
#skipNavigation p a {position:absolute; left:0; top:0; display:block; overflow:hidden; width:1px; height:1px; margin-left:-1px; margin-bottom:-1px;  text-align:center; color:#000; white-space:nowrap;}
#skipNavigation p a:focus, #skipNavigation p a:hover, #skipNavigation p a:active {width:100%; height:auto; padding:10px 0; background:#c4122f; color:#fff; z-index:100;}

.displaynone { display:none; }

.ec-base-table table { position:relative; margin:10px 0 0; border:1px solid #d7d5d5; border-top:0; color:#fff; line-height:1.5; }
  .ec-base-table.gLayoutFixed table { table-layout:fixed; }
  .ec-base-table.gLayoutFixed .gLayoutAuto table { table-layout:auto; }
.ec-base-table table:before { position:absolute; top:0; left:0; display:block; content:""; width:100%; height:1px; background:#d7d5d5; }
.ec-base-table thead th { padding:11px 0 10px; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; color:#353535; vertical-align:middle; font-weight:normal; background:#fbfafa; }
.ec-base-table tbody th { padding:11px 0 10px 18px; border:1px solid #dfdfdf; border-bottom-width:0; color:#353535; text-align:left; font-weight:normal; background-color:#fbfafa; }
.ec-base-table th { word-break:break-all; word-wrap:break-word; }
.ec-base-table th:first-child { border-left:0; }
.ec-base-table td { padding:11px 10px 10px; border-top:1px solid #dfdfdf; color:#353535; vertical-align:middle; word-break:break-all; word-wrap:break-word; }
.ec-base-table td.clear { padding:0 !important; border:0 !important; }

/* horizontal */
  /* typeWrite */
    .ec-base-table.typeWrite td { padding:8px 10px 7px; }
    .ec-base-table.typeWrite img { max-width:100% !important; height:auto !important; }

/* vertical */
  /* typeList */
    .ec-base-table.typeList table { border-top:1px solid #d7d5d5; }
    .ec-base-table.typeList table:before { display:none; }
    .ec-base-table.typeList td { padding:8px 10px 7px; }
    .ec-base-table.typeList tfoot td { padding:15px 10px 17px; background:#fbfafa; }
    .ec-base-table .message { border:1px solid #d7d5d5; padding:50px 0; text-align:center; color:#757575; font-weight:bold; }
    .ec-base-table table + .message { margin:-1px 0 0; }
    .ec-base-table table td.message { padding:50px 0; }
    .ec-base-table .scroll .message { border:0; }
  /* scroll */
    .ec-base-table.typeList .head td { padding:11px 0 10px; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; color:#353535; vertical-align:middle; text-align:center; background:#fbfafa; }
    .ec-base-table.typeList .head td:first-child { border-left:0; }
    .ec-base-table.typeList .scroll { position:relative; overflow-x:hidden; overflow-y:scroll; max-height:185px; min-height:100px; border:1px solid #d7d5d5; border-top-width:0; margin-top:-1px; }
    .ec-base-table.typeList .scroll table { border:0; margin:0; }
    .ec-base-table.typeList .scroll table:before { display:none; }
    .ec-base-table.typeList .scroll .message { border: 0; }
  /* thead - blind */
    .ec-base-table thead.blind,
    .ec-base-table thead.blind th { display:none; }
    .ec-base-table thead.blind + tbody tr:first-child th,
    .ec-base-table thead.blind + tbody tr:first-child td { border-top-width:0; }
  /* Line */
    .ec-base-table.typeList.gLine table { border-width:0; border-bottom-width:1px; }

/* common */
  /* border, background style none */
    .ec-base-table.typeClear table:before { display:none; }
    .ec-base-table.typeClear table,
    .ec-base-table.typeClear th,
    .ec-base-table.typeClear td { border:0 none; background:none; }
    .ec-base-table.typeClear th { font-weight:bold; }
  /* border */
    .ec-base-table.gBorder td { border-left:1px solid #dfdfdf; }
    .ec-base-table.gBorder td:first-child { border-left:0; }
    .ec-base-table.gBorder td.gClearLine { border-left:0; }
    .ec-base-table.typeList.gBorder tbody td { border-color:#eee; }
  /* align */
    .ec-base-table .left { text-align:left; }
    .ec-base-table .center { text-align:center; }
    .ec-base-table .right { text-align:right; }
    .ec-base-table.typeList .center td,
    .ec-base-table.typeList td.center { padding-left:0; padding-right:0; }
    .ec-base-table.typeList .center td.left { padding-left:10px; }
    .ec-base-table.typeList .center td.right { padding-right:10px; }
    .ec-base-table .top th, .ec-base-table th.top,
    .ec-base-table .top td, .ec-base-table td.top { vertical-align:top; }
    .ec-base-table .middle th, .ec-base-table th.middle,
    .ec-base-table .middle td, .ec-base-table td.middle { vertical-align:middle; }
  /* form */
    .ec-base-table img { vertical-align:middle; }

@media print {
  .ec-base-table table:before { display:none; }
}


.ec-base-desc { overflow:hidden; text-align:left; }
.ec-base-desc:after { content:""; display:block; clear:both; }
.ec-base-desc dt, .ec-base-desc .term { float:left; width:100px; margin:0 0 2px; padding:0 4px 0 0; line-height:22px;-webkit-box-sizing:border-box; -moz-webkit-box:border-box; box-sizing:border-box; font-weight:normal; }
.ec-base-desc dd, .ec-base-desc .desc { display:block; margin:0 0 2px; padding:0 5px 0 100px; min-height:22px; line-height:22px; word-wrap:break-word; word-break:break-all; }
.ec-base-desc dd:after, .ec-base-desc .desc:after { content:""; display:block; clear:left; }

/* size */
.ec-base-desc.gSmall dt, .ec-base-desc.gSmall .term { width:30%; }
.ec-base-desc.gSmall dd, .ec-base-desc.gSmall .desc { padding-left:30%; }
.ec-base-desc.gMedium dt, .ec-base-desc.gMedium .term { width:40%; }
.ec-base-desc.gMedium dd, .ec-base-desc.gMedium .desc { padding-left:40%; }
.ec-base-desc.gLarge dt, .ec-base-desc.gLarge .term { width:50%; }
.ec-base-desc.gLarge dd, .ec-base-desc.gLarge .desc { padding:0 0 0 50%; }

/* align */
.ec-base-desc.centerDT dt, .ec-base-desc.centerDD dd, .ec-base-desc.centerDT .term, .ec-base-desc.centerDD .desc,
.ec-base-desc.center, .ec-base-desc .center { text-align:center; }
.ec-base-desc.rightDT dt, .ec-base-desc.rightDD dd, .ec-base-desc.rightDT .term, .ec-base-desc.rightDD .desc,
.ec-base-desc.right, .ec-base-desc .right { text-align:right; }
.ec-base-desc.rightDD dd, .ec-base-desc.rightDD .desc { padding-right:0; }

/* typeBullet */
.ec-base-desc.typeBullet dt,
.ec-base-desc.typeBullet .term { padding:0 4px 0 10px; background:url("//img.echosting.cafe24.com/skin/base/common/ico_arrow.png") no-repeat 0 7px; }

/* typeDot */
.ec-base-desc.typeDot dt,
.ec-base-desc.typeDot .term { position:relative; padding:0 4px 0 10px; }
.ec-base-desc.typeDot dt:before,
.ec-base-desc.typeDot .term:before { position:absolute; top:50%; left:0; content:""; display:block; width:2px; height:2px; margin:-2px 0 0 0; background:#383838; }

/* base */
.ec-base-box { padding:20px; margin-left:auto; margin-right:auto; border:5px solid #e8e8e8; color:#404040; }
.ec-base-box.gHalf { position:relative; padding:20px 0; }
.ec-base-box.gHalf:before { position:absolute; top:0; left:50%; display:block; content:""; width:1px; height:100%; background-color:#e6e6e6; }
.ec-base-box.typeBg { background-color:#fbfafa; }
.ec-base-box.typeThin { border-width:1px; border-color:#d7d5d5; }
.ec-base-box.typeThin h3.boxTitle { margin:0 0 20px; font-size:20px; text-align:center; }
.ec-base-box.typeThinBg { border-width:1px; border-color:#d7d5d5; background-color:#fbfafa; }
.ec-base-box.center { text-align:center; }
    /* 약관 */
    .ec-base-box.typeThinBg > .agree { padding:20px; border:1px solid #e6e6e6; background:#fff; }
    .ec-base-box.typeThinBg > .agree p { padding:0 0 17px; }

/* typeMember */
.ec-base-box.typeMember { padding:0; }
.ec-base-box.typeMember .information { display:table; table-layout:fixed; padding:10px 0; width:100%; box-sizing:border-box; }
.ec-base-box.typeMember .information > .title, .ec-base-box.typeMember .information > .thumbnail { display:table-cell; padding:0 15px; width:70px; text-align:center; vertical-align:middle; }
.ec-base-box.typeMember .information > .title { vertical-align:middle; }
.ec-base-box.typeMember .information > .thumbnail img { max-width:70px; }
.ec-base-box.typeMember .information .description { display:table-cell; padding:0 10px; width:auto; line-height:1.5em; border-left:1px solid #e8e8e8; vertical-align:middle; }
    .ec-base-box.typeMember.gMessage { border-width:1px; border-color:#d7d5d5; }
.ec-base-box .message { display:block; padding:10px 0 10px 35px; border-bottom:1px solid #e8e7e7; background:#fbfbfb url("//img.echosting.cafe24.com/skin/base/common/ico_info.gif") no-repeat 10px center; }

/* typeProduct */
.ec-base-box.typeProduct { display:table; table-layout:fixed; padding:15px 0; width:100%; box-sizing:border-box; }
.ec-base-box.typeProduct .thumbnail, .ec-base-box.typeProduct .information { display:table-cell; padding:0 20px; vertical-align:middle; }
.ec-base-box.typeProduct .thumbnail { width:100px; }
.ec-base-box.typeProduct .thumbnail img { max-width:90px; border:1px solid #d7d5d5; }
.ec-base-box.typeProduct .information { padding-left:0; }
span.ec-base-help,
p.ec-base-help,
ul.ec-base-help li { margin:2px 9px; padding:1px 0 1px 20px; line-height:1.4; background:url('//img.echosting.cafe24.com/skin/base/common/ico_info.gif') no-repeat 0 2px; }

div.ec-base-help { margin:20px 0; border:1px solid #d6d4d4; line-height:18px; }
div.ec-base-help > h2,
div.ec-base-help > h3 { padding:9px 0 6px 10px; border-bottom:1px solid #e8e7e7; color:#101010; font-size:12px; background:#fbfbfb; }
div.ec-base-help .inner { padding:0 9px 12px; }
div.ec-base-help h4 { margin:22px 0 -4px; color:#404040; font-size:12px; font-weight:normal; }
div.ec-base-help h4:first-child { margin-top:13px; }
div.ec-base-help p { margin:15px 0 0 10px; color:#707070; }
div.ec-base-help ul,
div.ec-base-help ol { margin:15px 0 0 11px; }
div.ec-base-help li { color:#707070; }

/* number */
div.ec-base-help ol li { padding:0 0 0 25px; background:url('//img.echosting.cafe24.com/skin/base/common/ico_number.png') no-repeat; }
div.ec-base-help ol .item1 { background-position:-484px 0; }
div.ec-base-help ol .item2 { background-position:-434px -100px; }
div.ec-base-help ol .item3 { background-position:-384px -200px; }
div.ec-base-help ol .item4 { background-position:-334px -300px; }
div.ec-base-help ol .item5 { background-position:-284px -400px; }
div.ec-base-help ol .item6 { background-position:-234px -500px; }
div.ec-base-help ol .item7 { background-position:-184px -600px; }
div.ec-base-help ol .item8 { background-position:-134px -700px; }
div.ec-base-help ol .item9 { background-position:-84px -800px; }
div.ec-base-help ol .item10 { background-position:-34px -900px; }

/* typeDash */
div.ec-base-help ul li { padding:0 0 0 11px; background:url('//img.echosting.cafe24.com/skin/base/common/ico_dash.gif') no-repeat 0 7px; }
.ec-base-help.typeDash li { padding:0 0 0 11px; background:url("//img.echosting.cafe24.com/skin/base/common/ico_dash.gif") no-repeat 0 7px; }
.ec-base-tooltip .ec-base-help.typeDash li { margin:2px 0; }

/* button */
  [class^='btnNormal'], a[class^='btnNormal'] { display:inline-block; box-sizing:border-box; padding:2px 8px; border:1px solid #d1d1d1; border-radius:2px; font-family:"굴림",Gulim; font-size:12px; line-height:18px; font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; color:#222; background-color:#fff; }
  [class^='btnSubmit'], a[class^='btnSubmit'] { display:inline-block; box-sizing:border-box; padding:2px 8px; border:1px solid transparent; border-radius:2px; font-family:"굴림",Gulim; font-size:12px; line-height:18px; font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; color:#fff; background-color:#4a5164; }
  [class^='btnEm'], a[class^='btnEm'] { display:inline-block; box-sizing:border-box; padding:2px 8px; border:1px solid transparent; border-radius:2px; font-family:"굴림",Gulim; font-size:12px; line-height:18px; font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; color:#fff; background-color:#84868b; }
  [class^='btnBasic'], a[class^='btnBasic'] { display:inline-block; box-sizing:border-box; padding:2px 8px; border:1px solid #d1d1d1; border-radius:2px; font-family:"굴림",Gulim; font-size:12px; line-height:18px; font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; color:#222; background-color:#f0f0f0; }
    [class^='btnNormal']:not(.disabled):hover { background-color:#f3f3f3; }
    [class^='btnSubmit']:not(.disabled):hover { background-color:#43495a; }
    [class^='btnEm']:not(.disabled):hover { background-color:#77797d; }
    [class^='btnBasic']:not(.disabled):hover { background-color:#e5e5e5; }
    [class^='btnNormal'].disabled { border-color:#e3e3e3; color:#999; }
    [class^='btnSubmit'].disabled { background-color:#9297a2; color:#f0f0f0; }
    [class^='btnEm'].disabled { background-color:#b5b6b9; color:#f0f0f0; }
    [class^='btnBasic'].disabled { color:#999; }
  /* size */
    [class^='btn'].sizeS { padding:6px 8px; }
    [class^='btn'].sizeM { padding:10px 16px; }
    [class^='btn'].sizeL { padding:14px 16px; min-width:80px; font-weight:bold; }
  /* width Fix */
    [class^='btn'][class*='Fix'] { width:72px; word-break:keep-all; word-wrap:break-word; }
    [class^='btn'][class*='Fix'].sizeS { width:96px; }
    [class^='btn'][class*='Fix'].sizeM { width:120px; padding-left:8px; padding-right:8px; }
    [class^='btn'][class*='Fix'].sizeL { width:160px; padding-left:8px; padding-right:8px; }
 
/* icon button */
  a.btnLink { color:#222; }
  a.btnLink:hover { text-decoration:none; -webkit-box-shadow:0 1px 0 0 #222; -moz-box-shadow:0 1px 0 0 #222; box-shadow:0 1px 0 0 #222; }
  a.btnLink:after { content:""; display:inline-block; margin:-2px -2px 0 3px; vertical-align:middle; border:0 0 0 10px; border-style:solid;  border-color:transparent transparent transparent #77797d; }
  [class^='btn'] i { display:none \0/IE8; }
  [class^='btn'] .icoArrow { display:inline-block; width:3px; height:3px; margin:-2px 1px 0 1px; border:2px solid #77797d; border-width:0 2px 2px 0; vertical-align:middle;
    transform:rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg);
  }
    [class^='btnSubmit'] .icoArrow,
    [class^='btnEm'] .icoArrow { border-color:#f0f0f0; }
  [class^='btn'] .icoDelete { position:relative; overflow:hidden; display:inline-block; width:10px; height:10px; margin:-2px 2px 0 0; vertical-align:middle; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
  [class^='btn'] .icoDelete:before { content:""; position:absolute; top:0; right:4px; width:2px; height:10px; background:#77797d; }
  [class^='btn'] .icoDelete:after { content:""; position:absolute; top:4px; right:0; width:10px; height:2px; background:#77797d; }
    [class^='btnSubmit'] .icoDelete:before, [class^='btnSubmit'] .icoDelete:after,
    [class^='btnEm'] .icoDelete:before, [class^='btnEm'] .icoDelete:after { background:#f0f0f0; }
  [class^='btn'] .icoAdd, [class^='btn'] .icoRemove { position:relative; overflow:hidden; display:inline-block; width:8px; height:8px; margin:-2px 2px 0 0; vertical-align:middle; }
  [class^='btn'] .icoAdd:before, [class^='btn'] .icoAdd:after, [class^='btn'] .icoRemove:before { content:""; position:absolute; top:50%; left:50%; width:8px; height:8px; border-radius:2px; background:#77797d; }
  [class^='btn'] .icoAdd:before, [class^='btn'] .icoRemove:before { height:2px; margin:-1px 0 0 -4px; }
  [class^='btn'] .icoAdd:after { width:2px; margin:-4px 0 0 -1px; }
  [class^='btn'] img { margin:-2px 1px 0; vertical-align:middle; }
 
  /* unique */
    .btnLogin, a.btnLogin { display:inline-block; box-sizing:border-box; width:100px; height:70px; line-height:70px; border-radius:2px; text-align:center; font-family:"굴림",Gulim; font-size:12px; font-weight:bold; text-decoration:none; color:#fff; background-color:#4a5164; }
    .btnLogin:hover { background-color:#43495a; }
    .btnAgree, a.btnAgree { display:inline-block; box-sizing:border-box; width:80px; height:70px; line-height:70px; border:1px solid #d1d1d1; border-radius:2px; text-align:center; font-family:"굴림",Gulim; font-size:12px; font-weight:bold; color:#222; text-decoration:none; background-color:#fff; }
    .btnAgree:hover { background-color:#f3f3f3; }
    .btnToggle { display:inline-block; font-size:0; line-height:0; }
    .btnToggle button { display:inline-block; box-sizing:border-box; border:1px solid #d1d1d1; margin:0 -1px 0 0; padding:0 7px; height:24px; line-height:24px; text-align:center; font-family:"굴림",Gulim; font-size:12px; outline:0; text-decoration:none; color:#222; background:#fff; }
    .btnToggle button:first-child { border-radius:2px 0 0 2px; }
    .btnToggle button:last-child { border-radius:0 2px 2px 0; }
    .btnToggle button.selected { position:relative; border:1px solid #84868b; color:#fff; background:#84868b; }
 
/* ec-base-button */
.ec-base-button { padding:10px 0; text-align:center; }
.ec-base-button.justify { position:relative; }
.ec-base-button:after { display:block; content:""; clear:both; }
.ec-base-button .gLeft { float:left; text-align:left; }
.ec-base-button .gRight { float:right; text-align:right; }
.ec-base-button.justify .gLeft { position:absolute; left:0; }
.ec-base-button.justify .gRight { position:absolute; right:0; }
.ec-base-button .text { margin:0 6px 0 10px; color:#353535; line-height:24px; }
  /* type */
    .ec-base-button.typeBorder { margin-top:-1px; padding:10px 20px; border:1px solid #d7d5d5; }
    .ec-base-button.typeBG { padding:10px 20px; border:1px solid #d7d5d5; background:#fbfafa; }
  /* gColumn */
    .ec-base-button[class*="gColumn"] { margin:0 auto; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; }
    .ec-base-button[class*="gColumn"]:after { display:none; }
    .ec-base-button[class*="gColumn"] [class^='btn'] { margin:0 2px; padding-left:8px; padding-right:8px; word-break:keep-all; word-wrap:break-word; white-space:normal; -webkit-flex:1; -moz-flex:1; -ms-flex:1; flex:1; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; }
    .ec-base-button[class*="gColumn"] [class^='btn'][class*='Fix'] { -webkit-flex:none; -moz-flex:none; -ms-flex:none; flex:none; }
    /* gFlex */
      .ec-base-button[class*="gColumn"] .gFlex2 { -webkit-flex:2; -moz-flex:2; -ms-flex:2; flex:2; }
      .ec-base-button[class*="gColumn"] .gFlex3 { -webkit-flex:3; -moz-flex:3; -ms-flex:3; flex:3; }
      .ec-base-button[class*="gColumn"] .gFlex4 { -webkit-flex:4; -moz-flex:4; -ms-flex:4; flex:4; }


/* **************************** 필수 CSS 수정 및 삭제 불가 **************************** */

@charset "utf-8";
/* -------- 메인롤링 ---------*/	 
	/* -------- 메인롤링 ---------*/	 
	 .special_item{clear:both;margin:0px 0 0;padding-top:20px; margin-left:-20px; height:330px; }
	 .special_item p{margin:0 auto;text-align:center;}
	 .special_item p img{ float:left; width:100%; padding:0px 0 17px 0; text-align:center; }
	 .special_item #roll_flash { position:relative; float:left; width:100%;  margin-top:7px;}
     .special_item #roll_flash .btn_left { position:absolute; left:0; top:50%; width:34px; margin-top:-40px;}
	 .special_item #roll_flash .btn_right { position:absolute; right:-20px; top:50%;  width:34px;  margin-top:-40px;}
	 .special_item #roll_flash .btn_arrow { position:absolute; top:-27px; right:0; }
	 .special_item #roll_flash .btn_arrow span { display:inline-block; cursor:pointer; }
	 #viewArea { position:relative; width:1170px; height:250px; overflow:hidden; margin:30px 10px 30px auto; /*border:1px solid #ff0000;*/  }
	 #imgList { position:absolute; width:3000px; left:0px; top:0px; }
	 #imgList li { float:left; width:350px;  height:330px; padding:0; }
	 #imgList li img { width:340px; height:300px;  }


    
/* -------- 메인롤링 끝 ---------*/
/* -------- 메인롤링 끝 ---------*/
/* Layout */
/*width*/
#header {}
#sns h1{ position:relative; width:1200px;  margin:0 auto; margin-top:30px; font-family:Arial, "돋움", Dotum, sans-serif;text-align:center; font-weight:strong; font-size:20px;}
#sns { position:relative; width:1200px;  margin:40px auto; margin-top:50px;font-family:나눔고딕;text-align:center; }
#header .inner:after { content:""; display:block; clear:both; }
#header .topArea { height:112px; padding:0px 0 0; text-align:center; *zoom:1;  }
#header .topArea:after { content:""; display:block; clear:both; }
#header .special { float:left; border-left:1px solid #d8d8d8; }
#header .special li { float:left; }
#header .special a { display:block; height:20px; padding:16px 15px 9px; border-right:1px solid #d8d8d8; color:#353535; text-decoration:none; }
#header .special a:hover { color:#008bcc; padding-bottom:7px; border-bottom:2px solid #008bcc; }
#header .link { position:absolute; left:0; top:0; height:35px; line-height:35px; }
#header .link > a,
#header .link > span { float:left; }
#header .link > a { margin:0 9px 0 0; padding:0 10px 0 0; color:#666; text-decoration:none; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/layout/ico_util2.gif") no-repeat 100% 12px; }
#header .link > span img { vertical-align:middle; }
#header .link .xans-layout-bookmark span { padding-left:17px; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/layout/ico_bookmark.gif") no-repeat 0 1px; }
#scroll_top {display:block; position:fixed; right:40px; bottom:20px; z-index:99999}
#wrap { position:relative; width:1200px; margin:0px auto 0;  }
#center { margin:0px auto 0; width:1200px;  margin-top:30px; }

#container { width:1200px; margin:0 auto; *zoom:1; }
#container:after { content:""; display:block; clear:both; }
#sidebar { float:left; width:168px; }
#sidebar .banner { padding:0 0 0px; border-bottom:1px solid #e8e8e8; }
#sidebar .banner p a { display:block; }
#contents2 { float:left; width:1200px; }
#contents { float:left; width:1200px;border-top:1px solid #e8e8e8; }

#banner { position:absolute; top:0px; left:0px; width:100px; min-height:200px; }
#quick { position:absolute;/* border:1px solid #ff0000;*/ top:240px; right:40px; width:50px; min-height:200px;  }

#footer {  position:relative; margin:0px auto; width:1280px; }
#footer .inner { overflow:hidden; position:relative; *zoom:1;   }

/* Main */
#boardArea { overflow:hidden; margin:50px 0 0; border-top:1px solid #d8d8d8; }
#bannerArea { margin:22px 0 0; }
#bannerArea h2 { margin:0 0 16px; font-weight:normal; font-size:20px; font-family:Arial, "돋움", Dotum, sans-serif; color:#2e2e2e; text-align:center; }

/* 탐색경로바 */
.path { overflow:hidden; height:60px; line-height:30px; *zoom:1; }
.path h2 { overflow:hidden; position:absolute; width:0; height:0; white-space:nowrap; text-indent:100%; }
.path ol { float:right; }
.path li { float:left; padding:0 0 0 12px; margin:0 0 0 8px; color:#fff;  }
.path li:first-child { background:none; }
.path li a { color:#fff; }
.path li strong,
.path li strong a { color:#fff; }

/* 타이틀 */


.titleArea {  display:block; margin:0 0 37px; background:url("//ecimg.cafe24img.com/pg203b78226112041/hyuntwins3/web/upload/dbest/bg.gif") 50% 0% no-repeat; height:70px; }
.titleArea h2 { padding-top:13px; text-align:center;  margin:0 0 20px;width:1200px; display:inline-block; position:relative;  margin:0 auto;color:#2e2e2e; font-size:14px; *display:inline; *zoom:1; background:url("//ecimg.cafe24img.com/pg203b78226112041/hyuntwins3/web/upload/dbest/bg.gif") 40 auto no-repeat; }
.titleArea p { display:inline-block; margin:0 0 0 6px; padding:0 0 0 10px; color:#939393; background:url("//ecimg.cafe24img.com/pg203b78226112041/hyuntwins3/web/upload/dbest/bg.gif") no-repeat 0 0; *display:inline; *zoom:1; }
.titleArea ul { padding:5px 0; color:#939393; line-height:18px; }
.titleArea ul li { padding:0 0 0 9px; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/common/ico_info.gif") no-repeat 4px 7px; }

/* 이용안내 */
.help { margin:40px 0 0; border:1px solid #d6d4d4; line-height:18px; }
.help h3 { padding:9px 0 6px 10px; border-bottom:1px solid #e8e7e7; color:#353535; font-size:12px; background:#fbfbfb; }
.help .content { padding:0 9px 12px; }
.help .content h4 { margin:22px 0 -4px; color:#000; font-size:12px; font-weight:normal; }
.help .content h4:first-child { margin-top:13px; }
.help .content p { margin:15px 0 0 10px; color:#757575; }
.help .content ul { margin:15px 0 0 11px; }
.help .content li { padding:0 0 0 25px; color:#757575; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/common/ico_number.png") no-repeat; }
.help .content li.item1 { background-position:-484px 0; }
.help .content li.item2 { background-position:-434px -100px; }
.help .content li.item3 { background-position:-384px -200px; }
.help .content li.item4 { background-position:-334px -300px; }
.help .content li.item5 { background-position:-284px -400px; }
.help .content li.item6 { background-position:-234px -500px; }
.help .content li.item7 { background-position:-184px -600px; }
.help .content li.item8 { background-position:-134px -700px; }
.help .content li.item9 { background-position:-84px -800px; }
.help .content li.item10 { background-position:-34px -900px; }

/* 공급사 메인 */
.supplyVisual { margin:0 0 37px 0; }
.supplyVisual img { max-width:1014px; max-height:359px;}

/* 게시판 메인 */
.boardMain { overflow:hidden; *zoom:1; }
.boardMain td img { vertical-align:middle; margin:1px; }
.boardMain .board { margin:0 0 65px; }
.boardMain .leftArea { float:left; width:50%; }
.boardMain .leftArea .board { margin:0 23px 65px 0; }
.boardMain .rightArea { float:right; width:50%; }
.boardMain .rightArea .board { margin:0 0 65px 23px; }

/* 마이쇼핑 메인 */
#myshopMain { margin:30px 0 0; border-top:3px solid #333; border-bottom:3px solid #333; }
#myshopMain .shopMain { height:90px; padding:27px 0 0 30px; border-bottom:1px solid #e9e9e9; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/bg_myshop1.gif") no-repeat 100% 0; }
#myshopMain .shopMain h3 { padding:0 0 5px; font-size:11px; color:#333; font-weight:normal; }
#myshopMain .shopMain h3 strong { font-size:18px; padding:0 5px 0 0; font-family:'Lucida Sans', serif; }
#myshopMain .shopMain h3 a:hover { text-decoration:none; }
#myshopMain .shopMain p a { font-size:11px; line-height:18px; color:#8f8f8f; }
#myshopMain .shopMain.order { background-image:url("http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/bg_myshop1.gif"); }
#myshopMain .shopMain.profile { background-image:url("http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/bg_myshop2.gif"); }
#myshopMain .shopMain.wishlist { background-image:url("http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/bg_myshop3.gif"); }
#myshopMain .shopMain.mileage { background-image:url("http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/bg_myshop4.gif"); }
#myshopMain .shopMain.deposits { background-image:url("http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/bg_myshop9.gif"); }
#myshopMain .shopMain.consult { background-image:url("http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/bg_myshop5.gif"); }
#myshopMain .shopMain.coupon { background-image:url("http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/bg_myshop6.gif"); }
#myshopMain .shopMain.board { background-image:url("http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/bg_myshop7.gif"); }
#myshopMain .shopMain.address { background-image:url("http://img.echosting.cafe24.com/skin/base_ko_KR/myshop/bg_myshop8.gif"); }


/*------------------하단 레이아웃-----------------------*/
#foot {clear:both;width:1200px;margin:0 auto;background:#fff;padding:50px 0 15px 0;height:170px;}
#foottop {height:380px;}
.foot_inner {width:1200px;margin:0 auto;}

.foota {width:1200px;height:170px;border-top:1px solid #ddd;border-bottom:none}
.foota_left {float:left;width:430px;height:170px;border-right:1px solid #ddd; margin-left:10px;}
.foot_cs {float:left;max-width:430px;padding:35px 0 0 0;color:#616161}
.foota_c{float:left;max-width:300px;padding:13px 20px 20px 30px;}
.foot_cs p {font-size:12px;line-height:18px;color:#616161}
.foot_bank {clear:both;width:400px;border-top:1px solid #ddd;padding:10px 0 0 0;margin:10px 0 0 0}

.foota_right {float:right;padding:30px 10px 20px 20px;width:250px;border-left:1px solid #ddd;height:120px;}
.foota_right:hover {color:#fff;}
.foota_right_inner {float:left;text-align:center;width:75px;padding:15px 0 15px 0;border:1px solid #ddd;margin:2px 2px;cursor:pointer;color:#444;}
.foota_right_inner:hover {border:1px solid #999; color:#fff;background:#444;}
.foota_right_en {font-size:12px;letter-spacing:0px;line-height:30px;text-decoration:none}
.foota_right_ko {font-size:12px;letter-spacing:-0.5px;text-decoration:none}
.foota_right_ko:hover{font-size:12px;text-decoration:none}
.foota_right_ko:a hover{font-size:12px;color:#fff;text-decoration:none}
.foota_right_inner2 {float:left;text-align:center;width:75px;padding:10px 0 10px 0;background:#222;border:1px solid #000;margin:0 2px;cursor:pointer;margin-bottom:10px;}
.foota_right_inner2:hover {background:#fff;border:1px solid #ddd}
.foota_right_en2 {font-size:12px;letter-spacing:0px;color:#fff;line-height:30px;text-decoration:none}
.foota_right_ko2 {font-size:12px;letter-spacing:-0.5px;color:#fff;text-decoration:none}


.footb {width:1200px;height:160px;border-top:1px solid #ddd}
.footb_1 {clear:both;padding:25px 0 25px 15px}
.footb_1 span {float:left;font-size:11px;padding:0 5px;color:#555}
.footb_1 span a {font-size:11px;text-decoration:none;color:#555}

.footb_2 {clear:both;padding:0 0 0 15px;}
.footb_2 span {float:left;font-size:11px;padding:0 5px;line-height:18px;color:#555}
.footb_2 span a {font-size:11px;line-height:18px;text-decoration:none;color:#555}

.footb_3 {clear:both;padding:15px 0 0 20px}
.footb_3 span {float:left;padding:0 15px 0 0 }

.xans-layout-searchheader { float:right; margin:0px 0 0; margin-right:0px; padding-top:15px;}
.xans-layout-searchheader fieldset { border:1px solid #d9d9d9; border-radius:2px; background:#f5f5f5; }
.xans-layout-searchheader #keyword  { width:143px; height:22px; padding:0 0 0 9px; border:0; line-height:18px; font-size:12px; color:#7c8389; background:#f5f5f5; }
.xans-layout-logotop { width:800px; margin:0 auto; text-align:center;margin-top:-35px; }
.xans-layout-logotop img { max-width:696px; max-height:196px; }
.xans-layout-statelogoff { height:45px;  width:340px;  margin-top:10px; font-family:나눔고딕; margin:0 auto; text-align:center }
.xans-layout-statelogoff a {  color:#757575; font-size:12px; font-family:나눔고딕;text-decoration:none;  }
.xans-layout-statelogoff .log { background:none; }
.xans-layout-statelogoff a .count,
.xans-layout-statelogoff a .count span { position:relative; display:inline-block;  }
.xans-layout-statelogoff a .count { left:-5px; top:-1px; margin:0 -5px 0 3px; padding:0 0 0 7px; vertical-align:middle; background-position:0 0; }
.xans-layout-statelogoff a .count span { height:14px; padding:1px 7px 1px 0; font-size:11px; font-weight:bold; color:#fff; line-height:14px; vertical-align:top; background-position:right -26px; }
.xans-layout-statelogon {height:45px;  width:325px;  margin-top:10px; font-family:나눔고딕; margin:0 auto; text-align:center}
.xans-layout-statelogon a { text-decoration:none;}
.xans-layout-statelogon .myinfo { color:#757575; font-size:12px;  font-family:나눔고딕;}
.xans-layout-statelogon .myinfo strong { color:#353535; font-size:12px; }
.xans-layout-statelogon .myinfo a { background:none; text-decoration:none;}
.xans-layout-statelogon a .count,
.xans-layout-statelogon a .count span { position:relative; display:inline-block; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/layout/bg_new_count.png") no-repeat; }
.xans-layout-statelogon a .count { left:-5px; top:-1px; margin:0 -5px 0 3px; padding:0 0 0 7px; vertical-align:middle; background-position:0 0; }
.xans-layout-statelogon a .count span { height:14px; padding:1px 8px 1px 0; font-size:11px; font-weight:bold; color:#fff; line-height:14px; vertical-align:top; background-position:right -26px; }

@font-face {
 font-family: malgun;
 src: url("http://ecdemo86277.cafe24.com//images/malgun.eot") /* EOT file for IE */
}
@font-face {
 font-family: malgun;
 src: url("http://ecdemo86277.cafe24.com//images/malgun.eot") /* TTF file for CSS3 browsers */
}

.fix { margin:0px auto;position:relative;background:#fff;Z-INDEX: 97; POSITION: fixed; TOP: 0px;  border-top:10px solid #000;width:1200px;  border-top:0px solid #4d4a48;border-bottom:0px solid #ddd; }


.xans-layout-category {margin-top:0px; }
.xans-layout-category h2 { display:none; }
.xans-layout-category .postion { width:700px;float:left;  }
#mea {margin:0 auto; width:1000px;  border-top:2px solid #dfb0cf;border-bottom:1px solid #f4d3e9; height:52px;padding:0 100px;background:#fff }
.xans-layout-category ul { display:inline-block; margin-left:0px;border:0px solid #ddd; }
.xans-layout-category li { float:left; position:relative; z-index:97; }
.xans-layout-category li a {  text-decoration:none; display:block; width:auto; height:32px; padding:13px 14px 6px 20px;  font-family: 'Roboto Condensed', sans-serif; font-size:13px;  font-weight:bold; text-align:left;color:#555; }
.xans-layout-category li.on > a,
.xans-layout-category li a:hover { text-decoration:none;   color:#ddd; }
.xans-layout-category li a img { display:block; width:auto; paddimg:0; margin:0;}
.xans-layout-category li.on > a,
.xans-layout-category li a:hover img {paddimg:0; margin:0;}

.xans-layout-category .sub-category { position:absolute; left:-50px; top:37px; z-index:501; width:180px; height:auto; }
.xans-layout-category .sub-category ul { display:block; height:auto; padding:0 0 2px; background:#fff; border-right:1px solid #ddd; border-left:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.xans-layout-category .sub-category li { float:none; position:static; border-bottom:1px dashed #eee;}
.xans-layout-category .sub-category li a { width:auto; padding:5px 7px 2px; font-size:11px; line-height:20px;  font-weight:normal; text-align:left; }
.xans-layout-category .sub-category li a:hover { font-weight:bold; color:#010100; background:#efefef;}
.xans-layout-boardinfo {margin-top:0px; float:right;border:0px solid #ddd;}
.board {padding-right:0px;}
.xans-layout-boardinfo ul {display:inline-block; }
.xans-layout-boardinfo li { float:left; position:relative; z-index:100;}
.xans-layout-boardinfo li a {  text-decoration:none; display:block; width:auto; height:32px; padding:13px 15px 6px 15px;  font-family: 'Roboto Condensed', sans-serif; font-size:13px;  font-weight:bold; text-align:left;color:#555; }
.xans-layout-boardinfo li.on > a,
.xans-layout-boardinfo li a:hover { text-decoration:none;   color:#ddd; }
.xans-layout-boardinfo li a img { display:block; width:auto; paddimg:0; margin:0;}
.xans-layout-boardinfo li.on > a,
.xans-layout-boardinfo li a:hover img {paddimg:0; margin:0;}



#asd { float:left; width:300px;padding-left:20px;padding-top:10px; }
#asd table{ margin-top:-10px; }
#asd  h2 { margin:0px 0px; color:#616161; font-size:12px;margin-bottom:0px; background-color:#fff;height:5px;border-bottom:1px solid #fff; }


#asd  thead th {  font-size:0; line-height:0;color:#616161;background-color:#fff; }
#asd  td { margin-top:0px;padding:0px;width:65px; background-color:#fff;padding:0 0px 0 0; border:none;  font-size:12px; font-family:"나눔고딕", Dotum;color:#616161; ;text-align:right; border-bottom:1px solid #dedcdc; }
#asd  td.title {background-color:#fff; width:240px;font-size:12px;  font-family:"나눔고딕", Dotum;text-align:left;color:#ddd; }
#asd  td.date { background-color:#fff;width:70px; font-size:12px;  font-family:"나눔고딕", Dotum;text-align:left;color:#616161; }
#asd  td.title a,{ background-color:#fff;color:#616161;text-decoration:none; font-size:121px;  font-family:"나눔고딕", Dotum;}
#asd   td.title a:hover { background-color:#fff;color:#616161;text-decoration:none;font-size:12px; font-family:"나눔고딕", Dotum; }


.xans-layout-conversionpc a { display:block; padding:21px 0 22px; border:2px solid #9d9db0; border-radius:4px; font-weight:bold; font-size:38px; color:#63666e; text-align:center; }
.xans-layout-conversionpc a {
    background:#fff -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
    background:#fff -moz-linear-gradient(top, #fff, #f2f2f2);
}
.xans-layout-conversionpc a:hover { text-decoration:none; }
.xans-layout-conversionpc a span { padding:0 0 0 42px; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/layout/ico_mobile.png") no-repeat 0 50%; background-size:27px 35px; }