/* 게시판 전체 공통 */
.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:#000;font-size:16px;*display:inline;*zoom:1;background:url("//img.echosting.cafe24.com/skin/base/layout/ico_heading.gif") 0 50% no-repeat;}
.xans-board-title .title p {display:inline-block;margin:0 0 0 6px;padding:0 0 0 10px;color:#939393;vertical-align:bottom;background:url("//img.echosting.cafe24.com/skin/base/common/ico_bar.gif") no-repeat 0 0;*display:inline;*zoom:1;}
.xans-board-title p.imgArea {margin:0 0 20px;}

/* read */
.xans-board-read .ec-base-table .etcArea {padding:0;text-align:right;}
.xans-board-read .ec-base-table .etcArea li {display:inline-block;margin:0;padding:0 6px;vertical-align:top;font-size:12px;line-height:28px;height:28px;color:#666;}
.xans-board-read .ec-base-table .etcArea li > * {vertical-align:0;}
.xans-board-read .ec-base-table .etcArea li a {text-decoration:none;vertical-align:middle;}
.xans-board-read .ec-base-table .etcArea li strong {margin:0 5px 0 0;}
.xans-board-read .ec-base-table .etcArea li img {vertical-align:-1px;}
.xans-board-read .ec-base-table .etcArea li [class^='btn'] {font-size:11px;padding:3px 7px;margin:-3px 0 0 8px;}
.xans-board-read .ec-base-table .detail {padding:22px 10px 50px;word-break:keep-all;line-height:normal;}
.xans-board-read .ec-base-table .detail img {margin:6px 0;max-width:100%;}
.xans-board-read .ec-base-table .detail ol,
.xans-board-read .ec-base-table .detail ul {margin:15px 0;padding:0 0 0 40px;}
.xans-board-read .ec-base-table .detail ol li {list-style:decimal;}
.xans-board-read .ec-base-table .detail ul li {list-style:disc;}
.xans-board-read .ec-base-table tr.attach a {padding:0 0 0 12px;background:url("//img.echosting.cafe24.com/skin/base/common/ico_file.gif") no-repeat 0 0;color:#8f8f8f;}
.xans-board-read .ec-base-table tr.attach a:hover {text-decoration:underline;}
.xans-board-read .ec-base-button {margin:10px 0 40px;}

/* read - 상품 */
.xans-board-product.ec-base-box.typeProduct {margin:0 0 20px;}
.xans-board-product .information .icon_img {margin:0 3px 5px 0;}
.xans-board-product .information h3 {margin:0 0 5px;}
.xans-board-product .information h3 a {font-size:15px;color:#000;font-weight:400;}
.xans-board-product .information > img {margin:0 3px 5px 0;}
.xans-board-product .information .price {font-size:14px;font-weight:400;color:#000;}
.xans-board-product .information .button {margin:14px 0 0 0;}
.xans-board-commentlist {border:1px solid #d7d7d7;border-top:0;}
.xans-board-commentlist .ec-base-button.typeBG.spam {border-left:0;border-right:0;border-bottom:0;margin:10px 0 0;}

/* 댓글 리스트*/
.xans-board-commentlist .boardComment li {position:relative;margin:15px 0 0 0;border-top:1px solid #d7d7d7;color:#000;line-height:140%;}
.xans-board-commentlist .boardComment li:first-child {margin:0 }
.xans-board-commentlist .boardComment li div.commentTop {overflow:hidden;padding:20px 35px;border-bottom:1px solid #e8e8e8;}
.xans-board-commentlist .boardComment li .name {float:left;}
.xans-board-commentlist .boardComment li .date {margin:1px 10px 0 15px;font-size:11px;color:#999;}
.xans-board-commentlist .boardComment li .grade img {vertical-align:middle;}
.xans-board-commentlist .boardComment li .button {position:absolute;top:15px;right:35px;}
.xans-board-commentlist .boardComment li .comment {clear:both;padding:35px 35px;word-break:break-all;}

/* 댓글의 댓글 */
.xans-board-commentlist .boardComment li.replyArea {overflow:hidden;margin:-1px 35px 0;padding:15px 35px 35px;border:1px solid #e8e8e8;}
.xans-board-commentlist .boardComment li.replyArea:last-child {margin-bottom:35px;}
.xans-board-commentlist .boardComment li.replyArea div.commentTop {border:none;padding:20px 0;}
.xans-board-commentlist .boardComment li.replyArea .comment {padding:0;}
.xans-board-commentlist .boardComment li.replyArea .button {top:30px;right:35px;}
.xans-board-commentlist .boardComment li.replyArea .xans-board-commentformsecret {margin:10px 35px 10px 0;}

/* 댓글 쓰기 */
.xans-board-commentwrite {margin:30px 0 0;padding:15px 30px 30px;border:1px solid #e8e8e8;background-color:#fafafa;color:#000;}
.xans-board-commentwrite legend {visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
.xans-board-commentwrite .input {margin:10px 0 0;}
.xans-board-commentwrite .input .ec-base-help {margin:10px 0 0;}
.xans-board-commentwrite p {margin:10px 0 0;}
.xans-board-commentwrite p.captcha {border-top:1px solid #e8e8e8;padding:15px 0 0 0;color:#757575;}
.xans-board-commentwrite p.captcha img {vertical-align:middle;}
.xans-board-commentwrite strong {display:block;margin:0 0 10px 0;}
.xans-board-commentwrite input[type=text],
.xans-board-commentwrite input[type=password] {width:135px;margin:0 10px 0 9px;}
.xans-board-commentwrite input#captcha {width:160px;}
.xans-board-commentwrite .secret {margin:0 20px 0 10px;}
.xans-board-commentwrite textarea {width:100%;height:48px;padding:2px 2px 2px 4px;}
.xans-board-commentwrite .view {position:relative;margin:10px 0 0;padding:0 86px 0 0;}
.xans-board-commentwrite .view [class^="btn"] {position:absolute;top:0;right:0;}
.xans-board-commentwrite p.grade label {padding:0 10px 0 0;}
.xans-board-commentwrite p.grade em {font-style:normal;}

/* 댓글의 댓글 쓰기 */
.xans-board-commentreply {margin:35px 35px 0;padding:15px 30px 30px;border:1px solid #e8e8e8;background-color:#fafafa;color:#000;}
.xans-board-commentreply legend {visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
.xans-board-commentreply .input {margin:10px 0 0;}
.xans-board-commentreply .input .ec-base-help {margin:10px 0 0;}
.xans-board-commentreply p {margin:10px 0 0;}
.xans-board-commentreply p.captcha {border-top:1px solid #e8e8e8;padding:15px 0 0 0;color:#757575;}
.xans-board-commentreply p.captcha img {vertical-align:middle;}
.xans-board-commentreply strong {display:block;margin:0 0 10px 0;}
.xans-board-commentreply input[type=text],
.xans-board-commentreply input[type=password] {width:135px;margin:0 10px 0 9px;}
.xans-board-commentreply input#captcha {width:160px;}
.xans-board-commentreply .secret {margin:0 20px 0 10px;}
.xans-board-commentreply textarea {width:100%;height:48px;padding:2px 2px 2px 4px;}
.xans-board-commentreply .view {position:relative;margin:10px 0 0;padding:0 86px 0 0;}
.xans-board-commentreply .view [class^="btn"] {position:absolute;top:0;right:0;}
.xans-board-commentreply p.grade label {padding:0 10px 0 0;}
.xans-board-commentreply p.grade em {font-style:normal;}

/* 댓글 수정 */
.xans-board-commentform {margin:35px 35px 0;padding:15px 30px 30px;border:1px solid #e8e8e8;background-color:#fafafa;color:#000;}
.xans-board-commentform legend {visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
.xans-board-commentform p {margin:10px 0 0;}
.xans-board-commentform input[type=text],
.xans-board-commentform input[type=password] {width:135px;margin:0 10px 0 9px;}
.xans-board-commentform input#captcha {width:160px;}
.xans-board-commentform .secret {margin:0 20px 0 10px;}
.xans-board-commentform textarea {width:100%;height:48px;padding:2px 2px 2px 4px;}
.xans-board-commentform .view {position:relative;margin:10px 0 0;padding:0 180px 0 0;}
.xans-board-commentform .submit {position:absolute;top:0;right:0;}
.replyArea .xans-board-commentform {margin:10px 0 30px;}

/* 비밀글 관련 */
.xans-board-commentformsecret {margin:10px 25px 0 0;padding:10px 15px;border:1px solid #e8e8e8;background-color:#fafafa;color:#000;}
.xans-board-movement {border-top:1px solid #e8e8e8;margin:20px 0;}
.xans-board-movement li {overflow:hidden;padding:0;border-bottom:1px solid #e8e8e8;line-height:140%;color:#000;}
.xans-board-movement li strong,
.xans-board-movement li a {float:left;padding:16px 20px;}
.xans-board-movement li strong {width:230px;font-weight:normal;text-align:center;background-color:#fafafa;color:#999;}
.xans-board-movement li a {width:860px;}
.xans-board-function {padding:10px 10px 0;color:#757575;font-size:12px;}
.xans-board-function p {padding:0 0 0 7px;line-height:25px;background:url("//img.echosting.cafe24.com/skin/base/common/ico_triangle3.gif") no-repeat 0 10px;}

@charset "utf-8";

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

/* reset */

* {margin:0;padding:0;-webkit-box-sizing:border-box;-moz-webkit-box:border-box;box-sizing:border-box;*zoom:1;word-break:keep-all;}
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%;}
body,code {font-size:14px;color:#000;background:#fff;}
body#popup {min-width:0;position:relative;}
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;}
button {overflow:visible;padding:0;margin:0;border:0;cursor:pointer;outline:0;}
select, input {padding:0;margin:0;outline:0;}
input {background:#fff;border:1px solid #e8e8e8;}
hr.layout {display:none;}
em {font-style:normal !important;}
a {text-decoration:none !important;color:#000;}
a:hover {text-decoration:none !important;color:#000;}
a:active {text-decoration:none !important;color:#000;}
.objHidden {visibility:hidden;position:absolute;left:-1000px;top:-1000px;height:0;width:0;}
#content_CONTAINER table, #bi_inquire_content_CONTAINER table {border:0;margin:0 0 -1px;}
#content_CONTAINER table:before, #bi_inquire_content_CONTAINER table:before {display:none;}
#content_CONTAINER td, #bi_inquire_content_CONTAINER td {width:auto !important;padding:0;}
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:13px;}
#progressPaybarView .box {height:180px;background:url(//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:#000;}
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:#ccc;color:#fff;z-index:100;}

.displaynone {display:none;}

.dimmed {position:fixed;top:0;left:0;z-index:99;width:100%;height:100%;background:#fff;opacity:0.8;filter:alpha(opacity=80);}

/***************************** 필수 CSS 수정 및 삭제 불가 **************************** */
@charset "utf-8";

/* 퀵뷰 모달 */
#modalBackpanel {display:none;position:absolute;top:0;left:0;z-index:10000;width:100%;height:100%;background:#000;}
#modalContainer {display:none;position:absolute;top:100px;left:100px;z-index:10001;width:975px;height:720px;border:1px solid #333;background:#fff;}
#modalContainer #modalContent {width:100%;height:100%;}

/* 게시판 메인 */
.boardMain {overflow:hidden;*zoom:1;}
.boardMain td img {vertical-align:middle;margin:1px;}
.boardMain .board {position:relative;margin:0 0 60px;}
.boardMain .leftArea {float:left;width:50%;}
.boardMain .leftArea .board {margin:0 20px 60px 0;}
.boardMain .rightArea {float:right;width:50%;}
.boardMain .rightArea .board {margin:0 0 60px 20px;}
.boardMain .board h3 {line-height:1.4;font-size:16px;color:#000;border-bottom:1px solid #999;padding-bottom:10px;}
.boardMain .board .btnLink {position:absolute;top:0;right:0;}
.boardMain .board .ec-base-table table {margin-top:0;}
.boardMain .board .ec-base-table.typeList td {color:#a4a4a4;}
.boardMain .board .ec-base-table.typeList td.title a,
.boardMain .board .ec-base-table.typeList td.title a:hover {color:#4f4f4f;}
.boardMain .board .galleryList {overflow:hidden;}
.boardMain .board .galleryList ul {overflow:hidden;margin:0 -5px;}
.boardMain .board .galleryList li {float:left;position:relative;width:20%;padding:12px 0;word-break:break-all;}
.boardMain .board .galleryList li span {display:block;margin:0 5px;font-size:11px;color:#a4a4a4;}
.boardMain .board .galleryList li .imgLink {display:block;margin:0 5px 5px;font-size:12px;line-height:1.5;}
.boardMain .board .galleryList li .imgLink img {width:100%;height:auto;border:1px solid rgba(150,150,150,0.1);margin-bottom:8px;}

/* Font */
.txtInfo {color:#707070;}
.txtWarn {color:#000;}
.txtEm {color:#000;}
.txtDel, .strike, .discount {text-decoration:line-through;font-weight:normal;}
.strike strong, .discount strong {font-weight:normal;}
.txtNormal {font-weight:normal;font-style:normal;}
.txtNum {display:inline-block;font-size:12px;color:#939393;word-break:normal;}
.txt11 {font-size:11px;}
.txt12 {font-size:12px;}
.txt14 {font-size:14px;}
.txt16 {font-size:16px;}
.txt18 {font-size:18px;letter-spacing:-1px;}
.txtIcon {font-size:12px;font-style:normal;}
.txtBreak {word-break:break-all;word-wrap:break-word;}
  /* JP, TW, CN */
  html:lang(ja) .txt11,
  html:lang(zh) .txt11,
  html:lang(zh-tw) .txt11 {font-size:12px;}

/* grid */
.gBlank5 {display:block;margin-top:5px;}
.gBlank10 {display:block;margin-top:10px;}
.gBlank20 {display:block;margin-top:20px;}
.gBlank30 {display:block;margin-top:30px;}
.gIndent10 {margin-left:10px;}
.gIndent20 {margin-left:20px;}
.gSpace10 {margin-right:10px;}
.gSpace20 {margin-right:20px;}
.gMerge {position:relative;z-index:1;margin-top:-1px;}

/* ec-base-qty */
.ec-base-qty {position:relative;display:inline-block;width:50px;margin:0 1px 0 0;text-align:left;}
.ec-base-qty input[type="text"] {width:22px;height:23px;padding:0 0 0 5px;line-height:25px;border:1px solid #d4d4d4;border-radius:3px 0 0 3px;}
.ec-base-qty .up {position:absolute;left:27px;top:0;}
.ec-base-qty .down {position:absolute;left:27px;bottom:0;}
.ec-base-qty .qtyUp {position:absolute;left:27px;top:0;}
.ec-base-qty .qtyDown {position:absolute;left:27px;bottom:0;}
.ec-base-qty .qtyUp .up {position:static;left:auto;top:auto;}
.ec-base-qty .qtyDown .down {position:static;left:auto;top:auto;}

/* ec-base-chk */
.ec-base-chk {display:inline-block;position:relative;margin:0 8px 0 0;width:22px;height:22px;vertical-align:top;cursor:pointer;}
.ec-base-chk input {z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;}
.ec-base-chk .checkbox {position:absolute;top:0;left:0;width:100%;height:100%;background:url("//img.echosting.cafe24.com/skin/base/common/bg_join_check.png") no-repeat 0 0;}
.ec-base-chk input:checked + .checkbox {background-position:-34px 0;}

/* Form */
input,select,textarea {font-size:13px;color:#000;vertical-align:middle;}
input[type=radio],
input[type=checkbox] {width:13px;height:13px;border:0;vertical-align:-1px;}
input[type=radio] {vertical-align:-1px;margin-right:3px;}
input[type=text],
input[type=password] {height:32px;line-height:30px;padding:0 6px;color:#000;}
input[type=file] {border:0;}
input[type=radio] + label, input[type=checkbox] + label {margin:0 4px 0 2px;}
select {height:32px;line-height:30px;padding-left:6px;}
textarea {padding:12px;line-height:1.5;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#ccc;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#ccc;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#ccc;opacity:1;}
legend {visibility:hidden;position:absolute;left:-9999px;top:-9999px;width:0;height:0;line-height:0;}
input[type=text],
input[type=password],
select,
textarea {border:1px solid #e8e8e8;border-radius:5px;}

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;}

.gLabel {display:inline-block;}
.gLabel label {margin-right:20px;line-height:22px;}
.fWidthFull input[type=text] {width:100%;height:24px;}
.fWidthFull textarea {width:100%;}
.fWidthFull select {width:100%;}
.fList.typeHor .gLabel {margin-right:20px;}
.fList.typeVer .gLabel {display:block;}

/* ec-base-radio */
.ec-base-radio.typeDelivery .ec-base-label{display:block;}

.ec-base-tooltip {display:none;z-index:2;position:absolute;top:24px;padding:15px;border:1px solid #666;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("//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:#666;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:#fbfbfb;}
.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:#000;border-width:2px 0 2px 2px;vertical-align:middle;}
.ec-base-tooltip ul.bullet li {line-height:1.5em;}
.ec-base-tooltip .txtEm {color:#000;}
.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:#666;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;}
span.ec-base-help,
p.ec-base-help,
ul.ec-base-help li {margin:10px 0;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 #d6d6d6;line-height:18px;}
div.ec-base-help > h2,
div.ec-base-help > h3 {padding:11px 35px 9px 35px;border-bottom:1px solid #e8e7e7;font-size:15px;font-weight:500;color:#555;line-height:37px;background:#fbfbfb;}
div.ec-base-help .inner {padding:0 35px 25px;min-width:unset !important;max-width:unset !important;}
div.ec-base-help h4 {margin:25px 0 -4px;color:#404040;font-size:14px;font-weight:normal;}
div.ec-base-help h4:first-child {margin-top:25px;}
div.ec-base-help p {margin:25px 0 0 10px;color:#707070;}
div.ec-base-help ul,
div.ec-base-help ol {margin:25px 0 0 0;}
div.ec-base-help li {color:#707070;line-height:1.5;margin:4px 0;}

/* 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 2px;}
div.ec-base-help ol .item2 {background-position:-434px -98px;}
div.ec-base-help ol .item3 {background-position:-384px -198px;}
div.ec-base-help ol .item4 {background-position:-334px -298px;}
div.ec-base-help ol .item5 {background-position:-284px -398px;}
div.ec-base-help ol .item6 {background-position:-234px -498px;}
div.ec-base-help ol .item7 {background-position:-184px -598px;}
div.ec-base-help ol .item8 {background-position:-134px -698px;}
div.ec-base-help ol .item9 {background-position:-84px -798px;}
div.ec-base-help ol .item10 {background-position:-34px -898px;}

/* 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;}
/* grid */
.ec-base-product ul.grid2 > li {width:49%;}
.ec-base-product ul.grid3 > li {width:32%;}
.ec-base-product ul.grid4 > li {width:23.5%;}
.ec-base-product ul.grid5 > li {width:18.4% !important;}
.ec-base-product ul.grid2 > li:nth-child(2n) {margin-right:0;}
.ec-base-product ul.grid3 > li:nth-child(3n) {margin-right:0;}
.ec-base-product ul.grid4 > li:nth-child(4n) {margin-right:0;}
.ec-base-product ul.grid5 > li:nth-child(5n) {margin-right:0;}


.ec-base-product {margin:22px auto 0;}
.ec-base-product .title {margin:0;}
.ec-base-product .title h2 {font-weight:normal;font-size:20px;color:#000;text-align:center;}
.ec-base-product img {vertical-align:middle;}

.ec-base-product .prdList {width:100%;min-width:756px;font-size:0;line-height:0;}
.ec-base-product .prdList > li {position:relative;display:inline-block;margin:0 2% 40px 0;vertical-align:top;}

.ec-base-product .prdList  .ic_sale {position:absolute;top:10px;right:10px;width:66px;height:66px;line-height:66px;font-size:14px;font-weight:500;z-index:5;background-color:rgba(0,0,0,0.85);color:#fff;text-align:center;letter-spacing:0.05em;border-radius:50%;}
.ec-base-product .prdList .ic_sale span {font-weight:400;color:#ccc;margin-left:1px;}

.ec-base-product .prdList .chk {position:absolute;top:10px;left:10px;display:block;}
.ec-base-product .prdList .thumbnail {position:relative;margin:0;text-align:center;}
.ec-base-product .prdList .thumbnail .conv {width:120px;font-size:0;line-height:0;opacity:0;z-index:3;position:absolute;top:53%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.ec-base-product .prdList > li:hover .thumbnail .conv {top:50%;opacity:1;}
.ec-base-product .prdList .thumbnail .conv > *  {display:inline-block;margin:0 4px;}
.ec-base-product .prdList .thumbnail .prdImg {position:relative;}
.ec-base-product .prdList .thumbnail .prdIcon {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;}
.ec-base-product .prdList .thumbnail a,
.ec-base-product .prdList .thumbnail a img {display:block;width:100%;border:0;}
.ec-base-product .prdList .thumbnail .tmb-over {position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;opacity:0;}
.ec-base-product .prdList > li:hover .thumbnail .tmb-over {opacity:1;}

.ec-base-product .prdList .description {margin:20px auto 0;font-size:12px;line-height:18px;text-align:center;}
.ec-base-product .prdList .description .desc_wrapper {padding:0 7px;}
.ec-base-product .prdList .description .icon {margin-top:12px;font-size:0;line-height:0;text-align:center;}
.ec-base-product .prdList .description .icon img {display:inline-block;margin:2px;vertical-align:middle;}
.ec-base-product .prdList .description .name {display:block;font-size:0;line-height:0;}
.ec-base-product .prdList .description .name > a > span {line-height:1.4;font-weight:normal;letter-spacing:0;}
.ec-base-product .prdList .description .name > * {display:inline-block;margin:0 3px;vertical-align:middle;}
.ec-base-product .prdList .description .option {display:inline;position:relative;}
#main .ec-base-product .prdList .description .option {display:none;}
.ec-base-product .prdList .description .option img {margin:5px 0;}
.ec-base-product .prdList .description .likeButton {display:inline-block;margin:0 5px;}
.ec-base-product .prdList .description .likeButton button {color:#9a9a9a;background:none;}
.ec-base-product .prdList .description .likeButton button > * {display:inline-block !important;}
.ec-base-product .prdList .description .likeButton button img {margin:5px 0;vertical-align:middle;width:12px;height:auto;}
.ec-base-product .prdList .description .likeButton button strong {color:#000;font-weight:normal;line-height:22px;vertical-align:middle;}
.ec-base-product .prdList .description .likeButton.selected button {color:#000;}
.ec-base-product .prdList .description .mileage {display:block;}
.ec-base-product .prdList .description span.grid {display:block;}

/* module="product_ListItem" */
.ec-base-product .spec {padding:2px 0 0;}
.ec-base-product .spec > li {display:block;text-align:center;margin:7px 0px;line-height:0;font-size:0;}
.ec-base-product .spec > li > * {display:unset;line-height:1.5;vertical-align:middle;}
.ec-base-product .spec .prd_prc {font-size:0;line-height:0;}
.ec-base-product .spec .prd_prc > * {display:inline-block;margin:0 3px !important;vertical-align:baseline;}
.ec-base-product .spec .title {margin-right:4px;}
.ec-base-product .spec .title > span {color:#000 !important;font-weight:400 !important;}
.ec-base-product .spec .color {overflow:hidden;font-size:0;line-height:0;}
.ec-base-product .spec .chips {display:inline-block;width:12px;height:12px;margin:4px 2px;border:1px solid #f0f0f0;border-radius:50%;vertical-align:middle;}


/* best */
.ec-base-product.list_top {padding:20px 0 60px;}
.list_top .prdList.best {margin-top:30px;}
.list_top .prdList.best .no {position:absolute;display:block;font-size:12px;width:100%;line-height:20px;text-align:center;font-weight:normal;color:#000;padding-bottom:18px;top:-30px;}
.prdList.best .no span {display:inline-block;margin-right:3px;letter-spacing:0.05em !important;font-weight:500;}
.prd_item:nth-child(1) .no:after {content:"1";}
.prd_item:nth-child(2) .no:after {content:"2";}
.prd_item:nth-child(3) .no:after {content:"3";}
.prd_item:nth-child(4) .no:after {content:"4";}
.prd_item:nth-child(5) .no:after {content:"5";}
.prd_item:nth-child(6) .no:after {content:"6";}
.prd_item:nth-child(7) .no:after {content:"7";}
.prd_item:nth-child(8) .no:after {content:"8";}
.prd_item:nth-child(9) .no:after {content:"9";}
.prd_item:nth-child(10) .no:after {content:"10";}
.prd_item:nth-child(11) .no:after {content:"11";}
.prd_item:nth-child(12) .no:after {content:"12";}
.prd_item:nth-child(13) .no:after {content:"13";}
.prd_item:nth-child(14) .no:after {content:"14";}
.prd_item:nth-child(15) .no:after {content:"15";}

.ec-base-product .discountPeriod {display:inline-block;z-index:10;position:relative;width:55px;height:19px;vertical-align:middle;}
.ec-base-product .layerDiscountPeriod {left:50%;top:26px;width:247px;margin:0 0 0 -124px;text-align:left;font-size:12px;}
.ec-base-product .layerDiscountPeriod strong.title {display:block;margin:0 0 3px;padding:0 35px 0 0;font-size:13px;font-weight:500;line-height:1.5;color:#000;}
.ec-base-product .layerDiscountPeriod .content p {margin:2px 0 0;color:#757575;}
.ec-base-product .layerDiscountPeriod .content p strong {font-weight:normal;color:#000;}

.ec-base-product .prdList .shippingFee {position:relative;display:inline-block;}
.ec-base-product .prdList .shippingFee .button {display:inline-block;float:none;}
.ec-base-product .prdList .shippingFee .ec-base-tooltip {z-index:11;display:block;margin:0 0 0 -170px;width:360px;}
.ec-base-product .prdList .shippingFee .ec-base-tooltip table th {width:40px;}
.ec-base-product .prdList .shippingFee .ec-base-tooltip table th,
.ec-base-product .prdList .shippingFee .ec-base-tooltip table td {padding:7px 10px 8px 10px;}

.ec-base-product .btnTooltip {position:relative;display:inline-block;}
.differentialShipping {display:none;overflow:hidden;position:absolute;left:50%;top:17px;z-index:100;width:350px;margin:0 0 0 -176px;}
.differentialShipping h3.title {margin:0;height:35px;padding:0 35px 0 19px;border:0;color:#fff;font-size:14px;line-height:35px;background:#333;}
.differentialShipping .content {padding:12px 18px 14px 18px;border:1px solid #757575;border-top:0;text-align:center;background:#fff;}
.differentialShipping .close {position:absolute;right:14px;top:12px;}
.differentialShipping .close img {cursor:pointer;}
.differentialShipping .content ul {color:#757575;line-height:25px;}
.differentialShipping .content li {overflow:hidden;}
.differentialShipping .content li strong {float:left;font-weight:normal;}
.differentialShipping .content li span {float:right;color:#000;}
.differentialShipping .content .info {margin:7px 0 0;padding:7px 0 0;border-top:1px dotted #b0b1b3;color:#80aeef;text-align:right;}

/* Thumbnail icon position */
.ec-product-bgLT {background-position:left top;}
.ec-product-bgLC {background-position:left center;}
.ec-product-bgLB {background-position:left bottom;}
.ec-product-bgRT {background-position:right top;}
.ec-product-bgRC {background-position:right center;}
.ec-product-bgRB {background-position:right bottom;}
.ec-product-bgCT {background-position:center top;}
.ec-product-bgCC {background-position:center center;}
.ec-product-bgCB {background-position:center bottom;}

.ec-base-paginate {margin:60px 0;text-align:center;font-size:0;line-height:0;}
.ec-base-paginate ol {display:inline-block;font-size:0;line-height:0;vertical-align:top;*display:inline;*zoom:1;*margin:0;border-left:1px solid #eee;border-right:1px solid #eee;padding:0 25px;height:34px;}
.ec-base-paginate li {display:inline-block;font-size:13px;color:#757575;margin:0 -2px;vertical-align:top;*display:inline;*zoom:1;}
.ec-base-paginate img {vertical-align:top;opacity:0.5;}
.ec-base-paginate li a {display:block;width:40px;font-weight:500;color:#939393;line-height:40px;background:transparent;border-radius:50%;margin-top:-3px;}
.ec-base-paginate li a.this {color:#000;background:#f5f5f5;}
.ec-base-paginate a.nolink {cursor:default;}

/* typeSub */
.ec-base-paginate.typeSub ol {vertical-align:top;border:0;padding:0 14px;height:21px;}
.ec-base-paginate.typeSub li {font-size:13px;border:0;vertical-align:top;padding:0 5px;}
.ec-base-paginate.typeSub li a {width:auto;margin:0 7px;color:#777;background:none;line-height:21px;font-weight:400;}
.ec-base-paginate.typeSub li a.this {color:#000;font-weight:600;}
.ec-base-paginate.typeSub img {vertical-align:top;}
.ec-base-paginate.typeSub .first {margin-right:3px;}
.ec-base-paginate.typeSub .last {margin-left:3px;}
.ec-base-tab {position:relative;}
.ec-base-tab .menu {margin:0 0 20px;border:1px solid #e8e8e8;border-left:0;background:#f6f6f6;}
.ec-base-tab .menu:after {content:"";display:block;clear:both;}
.ec-base-tab .menu li {float:left;border-left:1px solid #e8e8e8;background:#f6f6f6;}
.ec-base-tab .menu li a {display:block;min-width:187px;margin:0 0 0 -1px;padding:12px 5px 13px;border-right:1px solid #e8e8e8;color:#707070;text-decoration:none;outline:0;text-align:center;background:#f6f6f6;}
.ec-base-tab .menu li:first-child a {margin-left:0;}
.ec-base-tab .menu li.selected a {position:relative;top:-1px;left:-2px;margin:0 0 -1px;border:1px solid #e8e8e8;border-bottom:0;color:#fff;font-weight:normal;background:#333;}
.ec-base-tab .menu li.selected:first-child a {left:-1px;}
.ec-base-tab > .right {position:absolute;top:8px;right:10px;line-height:24px;color:#909090;}
/* typeLight */
.ec-base-tab.typeLight .menu li.selected a {margin:0 0 -2px;border-top:1px solid #888;border-bottom:1px solid #fff;color:#000;background:#fff;}
/* grid (2~7) */
.ec-base-tab[class*="grid"] .menu {display:table;table-layout:fixed;width:100%;}
.ec-base-tab[class*="grid"] .menu li {float:none;display:table-cell;vertical-align:middle;}
.ec-base-tab[class*="grid"] .menu li a {display:inline-block;width:100%;min-width:0;margin:0;padding:12px 0 13px;border:0;}
.ec-base-tab[class*="grid"] .menu li.selected {position:relative;top:0;right:-1px;border:1px solid #333;border-bottom:0;background:#333;}
.ec-base-tab[class*="grid"] .menu li:first-child.selected {right:0;}
.ec-base-tab[class*="grid"] .menu li.selected a {position:static;background:none;}
.ec-base-tab.grid2 .menu li {width:50.5%;}
.ec-base-tab.grid3 .menu li {width:34%;}
.ec-base-tab.grid4 .menu li {width:25.5%;}
.ec-base-tab.grid5 .menu li {width:20.5%;}
.ec-base-tab.grid6 .menu li {width:17%;}
.ec-base-tab.grid7 .menu li {width:14.2%;}
/* gFlex */
.ec-base-tab.gFlex .menu {display:flex;border-right:0;}
.ec-base-tab.gFlex .menu:after {display:none;}
.ec-base-tab.gFlex .menu li {display:flex;align-items: center;float:none;flex:1;position:relative;}  
.ec-base-tab.gFlex .menu li:last-child {border-right:1px solid #e8e8e8;}  
.ec-base-tab.gFlex .menu li a {width:100%;min-width:0;border-right:0;background:none;word-break:break-all;}
.ec-base-tab.gFlex .menu li a:after {content:'';width:100%;height:100%;position:absolute;top:0;left:0;}
.ec-base-tab.gFlex .menu li.selected {border:1px solid #333;border-bottom:0;background:#333;}
.ec-base-tab.gFlex .menu li.selected a {left:0;margin:0 0 -1px -1px;background:#333;border:0;position: initial;}
/* button */
[class^='btnNormal'], a[class^='btnNormal'] {display:inline-block;padding:6px 8px;border:1px solid #d1d1d1;font-size:13px;line-height:17px;font-weight:normal;text-decoration:none;vertical-align:middle;word-spacing:-0.5px;letter-spacing:0;text-align:center;white-space:nowrap;color:#000;background-color:#fff;border-radius:3px;}
[class^='btnSubmit'], a[class^='btnSubmit'] {display:inline-block;padding:6px 8px;border:1px solid transparent;font-size:13px;line-height:17px;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:#000;border-radius:3px;}
[class^='btnEm'], a[class^='btnEm'] {display:inline-block;padding:6px 8px;border:1px solid transparent;font-size:13px;line-height:17px;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:#888;border-radius:3px;}
[class^='btnBasic'], a[class^='btnBasic'] {display:inline-block;padding:6px 8px;border:1px solid #d1d1d1;font-size:13px;line-height:17px;font-weight:normal;text-decoration:none;vertical-align:middle;word-spacing:-0.5px;letter-spacing:0;text-align:center;white-space:nowrap;color:#000;background-color:#f0f0f0;border-radius:3px;}
[class^='btnNormal']:not(.disabled):hover {border-color:#999;}
[class^='btnSubmit']:not(.disabled):hover {background-color:#222;}
[class^='btnEm']:not(.disabled):hover {background-color:#777;}
[class^='btnBasic']:not(.disabled):hover {background-color:#e5e5e5;}
[class^='btnNormal'].disabled {border-color:#e8e8e8;color:#999;}
[class^='btnSubmit'].disabled {background-color:#999;color:#f0f0f0;}
[class^='btnEm'].disabled {background-color:#b5b5b5;color:#f0f0f0;}
[class^='btnBasic'].disabled {color:#999;}
/* size */
[class^='btn'].sizeS {padding:8px 10px;}
[class^='btn'].sizeM {padding:10px 18px;}
[class^='btn'].sizeL {padding:14px 20px;min-width:80px;font-weight:500;}
/* width Fix */
[class^='btn'][class*='Fix'] {width:102px;word-break:keep-all;word-wrap:break-word;}
[class^='btn'][class*='Fix'].sizeS {width:126px;}
[class^='btn'][class*='Fix'].sizeM {width:140px;padding-left:8px;padding-right:8px;}
[class^='btn'][class*='Fix'].sizeL {width:180px;padding-left:8px;padding-right:8px;}

/* icon button */
a.btnLink {color:#000;}
a.btnLink:after {content:"";display:inline-block;margin:-2px -2px 0 6px;vertical-align:middle;border:0 0 0 10px;border-style:solid;border-color:transparent transparent transparent #777;}
[class^='btn'] .icoArrow {display:inline-block;width:3px;height:3px;margin:-2px 1px 0 1px;border:2px solid #777;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:#777;}
[class^='btn'] .icoDelete:after {content:"";position:absolute;top:4px;right:0;width:10px;height:2px;background:#777;}
[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;background:#777;}
[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;width:100px;height:70px;line-height:70px;text-align:center;font-size:13px;font-weight:500;text-decoration:none;color:#fff;background-color:#000;}
.btnLogin:hover {background-color:#000;}
.btnAgree, a.btnAgree {display:inline-block;width:80px;height:70px;line-height:70px;border:1px solid #d1d1d1;text-align:center;font-size:13px;font-weight:500;color:#000;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;border:1px solid #d1d1d1;margin:0 -1px 0 0;padding:0 7px;height:24px;line-height:24px;text-align:center;font-size:13px;outline:0;text-decoration:none;color:#000;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 #888;color:#fff;background:#888;}

/* ec-base-button */
.ec-base-button {padding:14px 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:#000;font-weight:normal;line-height:24px;}
/* type */
.ec-base-button.typeBorder {margin-top:-1px;padding:10px 20px;border:1px solid #d7d7d7;}
.ec-base-button.typeBG {padding:10px 20px;border:1px solid #d7d7d7;background:#fafafa;}
/* 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;}
/* base */
.ec-base-box {padding:20px;margin-left:auto;margin-right:auto;border:3px solid #f0f0f0;}
.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:#fafafa;}
.ec-base-box.typeThin {border-width:1px;border-color:#d7d7d7;}
.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:#d7d7d7;background-color:#fafafa;}
.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:20px 0;width:100%;}
.ec-base-box.typeMember .information > .title, .ec-base-box.typeMember .information > .thumbnail {display:none;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 30px;width:auto;line-height:1.5em;vertical-align:middle;}
.ec-base-box.typeMember.gMessage {border-width:1px;border-color:#d7d7d7;}
.ec-base-box .message {display:block;padding:15px 0;border-bottom:1px solid #e8e8e8;background-color:#fbfbfb;text-align:center;font-size:14px;}

/* typeProduct */
.ec-base-box.typeProduct {display:table;table-layout:fixed;padding:35px 0;width:100%;}
.ec-base-box.typeProduct .thumbnail,
.ec-base-box.typeProduct .information {display:table-cell;vertical-align:middle;}
.ec-base-box.typeProduct .thumbnail {padding:0 20px 0 35px;}
.ec-base-box.typeProduct .information {padding-right:35px;}
.ec-base-box.typeProduct .thumbnail {width:185px;}
.ec-base-box.typeProduct .thumbnail img {width:130px;height:130px;border:1px solid #eee;}
.ec-base-table table {position:relative;margin:10px 0 0;border-bottom:1px solid #e8e8e8;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:#e8e8e8;}
.ec-base-table thead th {padding:15px 0;border-bottom:1px solid #e8e8e8;color:#777;vertical-align:middle;font-weight:normal;background:#fafafa;font-size:13px;}
.ec-base-table tbody th {padding:18px 0;border:1px solid #e8e8e8;border-bottom-width:0;border-right-width:0;color:#777;text-align:center;font-weight:normal;background-color:#fafafa;vertical-align:middle;}
.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:20px 15px;border-top:1px solid #e8e8e8;color:#000;vertical-align:middle;word-break:keep-all;word-wrap:break-word;}
.ec-base-table td.subject a {font-size:14px;font-weight:normal;}
.ec-base-table td.clear {padding:0 !important;border:0 !important;}
.ec-base-table strong {font-weight:500;}

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

/* vertical */
/* typeList */
.ec-base-table.typeList table {border-top:1px solid #e8e8e8;}
.ec-base-table.typeList table:before {display:none;}
.ec-base-table.typeList td {padding:20px 15px;}
.ec-base-table.typeList tfoot td {padding:20px 15px;background:#fafafa;}
.ec-base-table .message {border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;padding:50px 0;text-align:center;color:#757575;font-weight:normal;}
.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:20px 0;border-left:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;color:#000;vertical-align:middle;text-align:center;background:#fafafa;}
.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 #e8e8e8;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:normal;}
/* border */
.ec-base-table.gBorder td {}
.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:#e8e8e8;}
/* 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:1.5;-webkit-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:1.5;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;}

/* reset */
li {list-style:none;}
table {width:100%;border:0;border-spacing:0;border-collapse:collapse;}
caption {display:none;}
h1, h3 {margin:0;}

/* common */
.ec-base-layer {position:absolute;z-index:100;border:0;background-color:#fff;box-shadow:0 5px 20px rgba(0,0,0,0.15);}
.ec-base-layer .header {padding:8px 35px 8px 19px;color:#fff;background-color:#333;}
.ec-base-layer .header > h1,
.ec-base-layer .header > h3 {font-size:13px;line-height:1.5;font-weight:normal;}
.ec-base-layer .content {padding:30px;font-size:12px;}
.ec-base-layer div.ec-base-help {margin-top:0;}
.ec-base-layer .ec-base-button {padding:14px 7px;text-align:center;background:#f8f8f8;}
.ec-base-layer .close {position:absolute;right:0;top:0;padding:11px 14px;cursor:pointer;}

/* popup */
#popup .ec-base-layer {position:relative;border:0;}
#popup .ec-base-layer .header {padding:12px 35px 12px 19px;}
#popup .ec-base-layer .close {top:5px;}

/* ec-base-table */
.ec-base-layer .content > .ec-base-table table:first-child {margin-top:0;}
.ec-base-layer .ec-base-table table {line-height:1.4;}
.ec-base-layer .ec-base-table thead th {padding:12px 0 11px;}
.ec-base-layer .ec-base-table tbody th {padding:9px 0 8px 10px;}
.ec-base-layer .ec-base-table td {padding:9px 10px 8px;}
/* horizontal - typeWrite */
.ec-base-layer .ec-base-table.typeWrite td {padding:5px 10px 4px;}
/* vertical - typeList */
.ec-base-layer .ec-base-table.typeList tfoot td {padding:10px 10px 12px;}
/* typeBorder */
.ec-base-layer .ec-base-table.typeBorder tfoot td {padding:10px 10px 12px;}
.xans-layout-multishopshipping {display:none;}
.xans-layout-multishopshipping .worldshipLayer {top:303px;left:50%;width:448px;margin:0 0 0 -225px;}
.xans-layout-multishopshipping .worldshipLayer .content {padding:153px 20px 30px;line-height:1.8;background:url("//img.echosting.cafe24.com/skin/base/link/bg_worldship.gif") center 21px no-repeat;}
.xans-layout-multishopshipping .worldshipLayer .content .desc {display:block;margin:4px 0 14px;}
.xans-layout-multishopshipping .worldshipLayer .select {margin:10px 0 0;}
.xans-layout-multishopshipping .worldshipLayer .select select {width:100%;}
.xans-layout-conversionpc {background:#fff;padding:45px;text-align:center;}
.xans-layout-conversionpc a {
    margin:20px;padding:20px 40px 20px 110px;
    font-size:68px;color:#63666e;text-decoration:none;text-align:center;
    border:4px solid #9d9db0;border-radius:10px;background:url("//img.echosting.cafe24.com/skin/base/layout/ico_mobile.png") no-repeat 40px 50%;
}
body, .inner, .minW {width:100%;min-width:1180px;}

#wrap {width:100%;position:relative;}
#header {width:100%;}
#container {width:100%;padding:0;}
#footer {width:100%;}
#contents {padding-bottom:50px;}

.inner {margin:0 auto;position:relative;padding:0 100px;max-width:1680px;}
.inner.full {max-width:100% !Important;}
.sb::-webkit-scrollbar {width:12px;background-color:#f5f5f5;border-radius:6px;}
.sb::-webkit-scrollbar-track {background-color:#f5f5f5;border-radius:6px;}
.sb::-webkit-scrollbar-thumb {border-radius:6px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#bbb;border:3px solid #f5f5f5;}
* {font-family:'Roboto', 'Noto Sans KR', sans-serif;letter-spacing:-.2px;}

.eng, .eng * {font-family:'Roboto', 'Noto Sans KR', sans-serif;letter-spacing:0;}
.upper, .upper * {text-transform:uppercase;}
i {font-family:Font Awesome\ 5 Free !important;}
.fab {font-family:Font Awesome\ 5 Brands !important;}

/*custom*/
.xans-product-additional .dtl_tit,
.xans-product-relation .relation .tit,
.xans-product-detail .infoArea table .t1 td span {font-family:'Roboto', 'Noto Sans KR', sans-serif;letter-spacing:0;}
/*color1*/
.col1 {color:#be9d76;}
.col1:hover {color:#be9d76;}
.col1bg {background-color:#be9d76;}
.col1hov:hover {color:#be9d76;}

/*color2*/
.col2 {color:#;}
.col2bg {background-color:#;}
.col2hov:hover {color:#;}
/*메인 타이틀*/
.titArea {width:100%;padding-bottom:40px;text-align:left;line-height:0;font-size:0;}
.titArea > p {display:block;text-align:center;line-height:1.6;}
.titArea p[class*='idx'] {font-size:12px;font-weight:400;letter-spacing:0.12em;}
.titArea p[class*='tit'] {font-size:34px;font-weight:300;letter-spacing:-0.06em;}
.titArea p[class*='copy'] {font-size:17px;font-weight:300;margin-top:5px;line-height:1.7;color:#888;}

/*서브타이틀*/
.xans-product-menupackage .title,
.titleArea {padding:100px 0 40px;border-bottom:0 !important;text-align:center;}
.xans-product-menupackage .title h2 span,
.titleArea h2,
.titleArea h2 font {font-size:30px;line-height:42px;height:50px;font-weight:300;background:none !important;padding:0 !important;letter-spacing:-0.05em;}
.titleArea p {font-size:15px;line-height:1.45;}
.titleArea ul {width:900px;margin:0 auto;margin-top:20px;background-color:#f7f7f7;padding:30px 35px;border-radius:15px;}
.titleArea ul li {font-size:15px;font-weight:normal;color:#777;line-height:1.6;}

.path {display:none;overflow:hidden;*zoom:1;padding-top:30px;padding-bottom:20px;}
.path > span {overflow:hidden;position:absolute;width:0;height:0;white-space:nowrap;text-indent:100%;}
.path ol {font-size:0;line-height:0;text-align:right;}
.path li {display:inline-block;vertical-align:top;padding-left:11px;margin-left:8px;height:20px;color:#aaa;background:url("//theaon.kr/_idio/img/path_arr.png") no-repeat center left;}
.path li, .path a {font-size:13px;line-height:20px;text-transform:uppercase;}
.path li:first-child {background:url("//theaon.kr/_idio/img/path_home.png") no-repeat center left;width:12px;}
.path li:first-child a {font-size:0 !important;}
.path li a,
.path li strong {color:#aaa;font-weight:400 !important;}
.msgBox {margin:120px auto;width:600px;border-radius:12px;border:1px solid #eee;overflow:hidden;}
.msgBox > * {width:100%;text-align:center;}
.msgBox .titArea {font-size:14px;line-height:54px;height:56px;background-color:#f7f7f7;color:#222;}
.msgBox .contArea {padding:0 30px;}
.msgBox .contArea p.info {text-align:center;font-size:13px;color:#000;line-height:20px;border-bottom:1px solid #e8e8e8;padding:30px 0;}
.msgBox .contArea div.form {text-align:center;font-size:13px;line-height:20px;color:#000;line-height:20px;}
.msgBox .contArea div.form strong {font-size:13px;text-align:left;}

/*common*/
.div {font-size:0;line-height:0;}
.div > * {display:inline-block !important;vertical-align:top;white-space:nowrap;}

.flex {display:flex !important;flex-wrap:nowrap;}

.mdlX {position:absolute;left:50%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);}
.mdlY {position:absolute;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);}
.mdlXY {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}

.clr {clear:both;}
.disnone {display:none !important;} 
.elp {text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal !important;}

.orderStep {display:none !important;}

::selection {background:#333;color:#fff;}
::-moz-selection {background:#333;color:#fff;}

span[id*='afile'] {display:none !important;}

#capp-shop-new-product-optionselect-layer {box-shadow:0 3px 8px rgba(20,20,20,0.15);}


/*마이샵 소제 공통*/
[class*='xans-myshop'] div.title h3 {color:#000;font-size:15px !important;font-weight:normal !important;}


/*VOD*/
.vodBox {width:100%;position:relative;}
.vodBox:before {display:block;content:'';width:100%;padding-bottom:57%;}
.vodBox iframe {position:absolute;width:100%;height:100%;margin:auto;top:0;left:0;}


/*Slick*/
.slick-arrow {position:absolute;opacity:0;font-size:0;width:30px;height:30px;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);background-color:transparent;z-index:10;background-position:center center;background-size:cover;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;background-repeat:no-repeat;}
.slick-slider:hover .slick-arrow {opacity:1;}
.slick-prev {left:0;background-image:url("//theaon.kr/_idio/img/arr_s_bk_01.svg");}
.slick-next {right:0;background-image:url("//theaon.kr/_idio/img/arr_s_bk_02.svg");}

.slick-dots {position:absolute;bottom:35px;z-index:10;width:100%;height:0;text-align:center;font-size:0;line-height:0;}
.slick-dots li {display:inline-block;width:11px;height:11px;margin:0 4px;position:relative;}
.slick-dots li button {display:block;width:7px;height:7px;border:0;border-radius:50%;font-size:0;line-height:0;background-color:rgba(200,200,200,0.7);cursor:pointer;-webkit-transition:0.1s ease-in-out;-moz-transition:0.1s ease-in-out;-o-transition:0.1s ease-in-out;transition:0.1s ease-in-out;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.slick-dots li.slick-active button {width:100%;height:100%;background-color:#000;cursor:default;}


/*Scroll Ani*/
.fadeIn {transition:all 1s ease;opacity:0;}
.fadeInUp {transition:all 1s ease;opacity:0;transform:translateY(30px);}
.fadeInDown {transition:all 1s ease;opacity:0;transform:translateY(-30px);}
.fadeInLeft {transition:all 1s ease;opacity:0;transform:translateX(-30px);}
.fadeInRight {transition:all 1s ease;opacity:0;transform:translateX(30px);}
.animate {transform:translateY(0px);transform:translateX(0px);opacity:1;}


/*transition*/
.mov03 {-webkit-transition:all 0.3s;-khtml-transition:all 0.3s ease;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.mov07 {-webkit-transition:all 0.7s;-khtml-transition:all 0.7s ease;-moz-transition:all 0.7s;-ms-transition:all 0.7s;-o-transition:all 0.7s;transition:all 0.7s;}
.mov10 {-webkit-transition:all 1.0s;-khtml-transition:all 1.0s ease;-moz-transition:all 1.0s;-ms-transition:all 1.0s;-o-transition:all 1.0s;transition:all 1.0s;}
.mov30 {-webkit-transition:all 3.0s;-khtml-transition:all 3.0s ease;-moz-transition:all 3.0s;-ms-transition:all 3.0s;-o-transition:all 3.0s;transition:all 3.0s;}
.mov50 {-webkit-transition:all 5.0s;-khtml-transition:all 5.0s ease;-moz-transition:all 5.0s;-ms-transition:all 5.0s;-o-transition:all 5.0s;transition:all 5.0s;}


/*coupon*/
.couponSkinArea {padding:30px 0 10px;}
.couponSkinArea .chkBtn {position:absolute;left:5px;top:5px;}
.couponSkinArea ul {margin:0;padding:0;font-size:0;line-height:0;text-align:center;}
.couponSkinArea ul li {display:inline-block;padding:14px 14px 50px;}
.couponSkinArea .coupon {display:block;width:216px;height:105px;text-align:center;background-repeat:no-repeat;background-size:100% 100%;padding:18px 10px 0;-webkit-transition:all 0.3s;-khtml-transition:all 0.3s ease;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.couponSkinArea .coupon:hover {transform:translateY(-7px);}
.couponSkinArea .coupon .detail > * {margin:0;padding:1px 0;display:block;font-size:12px;line-height:1.4;}
.couponSkinArea .coupon .title {display:block;font-size:12px;}
.couponSkinArea .coupon .discount span {font-size:19px;font-weight:500;}
.couponSkinArea .coupon .period {font-size:11px;}
.couponSkinArea .coupon .button {margin:32px 0 0;}
.couponSkinArea .imgCoupon .title,
.couponSkinArea .imgCoupon .discount,
.couponSkinArea .imgCoupon .period,
.couponSkinArea .imgCoupon .button {display:none;}
.couponSkinArea .discount {text-decoration:none;}


/*margin, padding*/
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}
.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}
.mt85 {margin-top:85px !important;}
.mt90 {margin-top:90px !important;}
.mt95 {margin-top:95px !important;}
.mt100 {margin-top:100px !important;}
.mt110 {margin-top:110px !important;}
.mt120 {margin-top:120px !important;}
.mt130 {margin-top:130px !important;}
.mt140 {margin-top:140px !important;}
.mt150 {margin-top:150px !important;}
				
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb60 {margin-bottom:60px !important;}
.mb65 {margin-bottom:65px !important;}
.mb70 {margin-bottom:70px !important;}
.mb75 {margin-bottom:75px !important;}
.mb80 {margin-bottom:80px !important;}
.mb85 {margin-bottom:85px !important;}
.mb90 {margin-bottom:90px !important;}
.mb95 {margin-bottom:95px !important;}
.mb100 {margin-bottom:100px !important;}
.mb110 {margin-bottom:110px !important;}
.mb120 {margin-bottom:120px !important;}
.mb130 {margin-bottom:130px !important;}
.mb140 {margin-bottom:140px !important;}
.mb150 {margin-bottom:150px !important;}

.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pt55 {padding-top:55px !important;}
.pt60 {padding-top:60px !important;}
.pt65 {padding-top:65px !important;}
.pt70 {padding-top:70px !important;}
.pt75 {padding-top:75px !important;}
.pt80 {padding-top:80px !important;}
.pt85 {padding-top:85px !important;}
.pt90 {padding-top:90px !important;}
.pt95 {padding-top:95px !important;}
.pt100 {padding-top:100px !important;}
				
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}
.pb55 {padding-bottom:55px !important;}
.pb60 {padding-bottom:60px !important;}
.pb65 {padding-bottom:65px !important;}
.pb70 {padding-bottom:70px !important;}
.pb75 {padding-bottom:75px !important;}
.pb80 {padding-bottom:80px !important;}
.pb85 {padding-bottom:85px !important;}
.pb90 {padding-bottom:90px !important;}
.pb95 {padding-bottom:95px !important;}
.pb100 {padding-bottom:100px !important;}

#layout #contents {padding-top:84px;}
.fixOpt.fixed {top:184px !important;}

.nav {position:fixed;top:0;left:0;z-index:10002;width:100%;height:104px;padding-top:20px;}
.nav.fixed {height:84px;background-color:rgba(255,255,255,0.95);box-shadow:0 3px 7px rgba(0,0,0,0.1);padding-top:0;}
.nav > .nav_wrapper {position:relative;width:100%;height:100%;white-space:nowrap;}

.nav a[class*='ic_'] {display:inline-block;width:28px;height:100%;cursor:pointer;background-position:center center;background-repeat:no-repeat;position:relative;background-size:28px auto;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;vertical-align:middle;}

/* logo */
.nav .logo {position:absolute;bottom:0;height:84px;z-index:2;width:366px;left:0;overflow:hidden;padding-left:66px;}
.nav .logo .logo_img {position:relative;width:300px;height:100%;cursor:pointer;}
.nav .logo .logo_img a {display:inline-block;}
.nav .logo .logo_img img {width:100%;position:absolute;left:0;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);-webkit-transition:all 0.3s;-khtml-transition:all 0.3s ease;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.nav.fixed .logo .logo_img img {width:90%;height:auto;}


/* stateBox */
.nav .stateBox {position:absolute;z-index:2;width:200px;height:84px;right:0;text-align:right;padding-right:66px;}
.nav .stateBox > li {width:25px;height:100%;margin-left:12px;position:relative;display:inline-block;}
.nav .stateBox a[class*='ic_'] {display:block;width:100%;height:100%;cursor:pointer;background-position:center center;background-repeat:no-repeat;position:relative;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;vertical-align:middle;}
.nav .stateBox .ic_my {background-image:url("//theaon.kr/_idio/img/my.svg");}
.nav .stateBox ul.my {display:none;position:absolute;width:120px;top:68px;background-color:#fff;box-shadow:0 5px 15px rgba(0,0,0,0.2);padding:10px 6px;border-radius:5px;z-index:-1;opacity:0;}
.nav .stateBox > li:hover ul.my {display:block;opacity:1;z-index:10;}
.nav .stateBox ul.my li {margin:0;border-radius:2px;}
.nav .stateBox ul.my li a {display:block;text-align:center;font-size:14px;line-height:1.4;padding:4px 0;color:#999;}
.nav .stateBox ul.my li:hover a {font-weight:normal;color:#444;}
.nav .stateBox .ic_sch {background-image:url("//theaon.kr/_idio/img/sch.svg");}
.nav .stateBox .ic_cart {background-image:url("//theaon.kr/_idio/img/cart.svg");}
.nav .stateBox .ic_cart div {display:block;position:absolute;min-width:17px;text-align:center;border-radius:50%;top:15px;right:-5px;}
.nav .stateBox .ic_cart div span {line-height:17px;color:#fff;font-size:10px;font-weight:700;}
.nav .stateBox .gnb-btn {font-size:12px;vertical-align:middle;padding:0 15px;line-height:32px;border-radius:5px;margin-left:16px;max-width:160px;}


/* gnb */
.nav .gnbBox {width:100%;padding:0 260px;}
.nav .gnbBox .gnbBox_wrapper {font-size:0;line-height:0;text-align:center;}
.nav .gnbBox .gnbBox_wrapper > * {display:inline-block;vertical-align:middle;}

.nav .gnbBox .d1Box {display:flex;flex-wrap:nowrap;}
.nav .gnbBox .d1 {margin:0 15px;position:relative;}
.nav .gnbBox .d1 > a {font-size:17px;font-weight:normal;line-height:84px;}

.nav .gnbBox .d2Box {display:block;width:140px;left:50%;margin-left:-70px;height:0;opacity:0;overflow:hidden;position:absolute;z-index:-1;top:60px;border-radius:5px;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;background-color:#1a1a1a;}
.nav .gnbBox .d1:hover .d2Box {opacity:1;height:auto;z-index:99;}
.nav .gnbBox .d2Box .d2 {display:block;}
.nav .gnbBox .d2Box .d2 > a {display:block;font-size:14px;color:rgba(255,255,255,0.7);line-height:24px;font-weight:500;padding:2px 0;word-break:break-word;white-space:normal;border-radius:3px;}
.nav .gnbBox .d2Box .d2:hover > a {color:rgba(255,255,255,1);background-color:#090909;}
.nav .gnbBox .d2Box .d2:first-child {margin-top:10px;}
.nav .gnbBox .d2Box .d2:last-child {margin-bottom:10px;}

@media screen and (max-width:1360px) {
	.nav .gnbBox .d1 {margin:0 8px !important;}
	.nav .gnbBox .d1 > a {font-size:16px !important;}
}

/* View All */
.viewAll {position:fixed;display:none;top:0;bottom:0;width:100%;height:100%;z-index:100000;background-color:rgba(0,0,0,0.85);}
.viewAll.opened {display:block;}
.viewAll .viewAll_cover {position:absolute;top:0;bottom:0;width:100%;height:100%;}
.viewAll .viewAll_close {position:absolute;right:10px;top:10px;width:80px;height:80px;z-index:100001;cursor:pointer;background:url("//theaon.kr/_idio/img/nav_close.png") no-repeat center center;}
.viewAll .viewAll_wrapper {}

#viewAll {text-align:center;width:100%;margin:0 auto;}
#viewAll .depth1Box {}
#viewAll .depth1Box a {display:block;width:100%;text-align:center;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
#viewAll .depth1Box .depth1 {width:190px;padding:20px 10px;}
#viewAll .depth1Box .depth1 > a {font-size:19px;font-weight:600;line-height:30px;color:#fff;margin-bottom:12px;}
#viewAll .depth2Box {width:100%;}
#viewAll .depth2Box .depth2 {width:100%;position:relative;white-space:normal !important;padding:4px 0;}
#viewAll .depth2Box .depth2 > a {font-size:17px;font-weight:300;line-height:25px;color:#bbb;}
#viewAll .depth2Box .depth2 > a:hover {color:#fff;}


/* schArea */
.schArea {position:fixed;display:none;top:0;bottom:0;width:100%;height:100%;z-index:100000;background-color:rgba(255,255,255,0.95);}
.schArea.opened {display:block;}
.schArea .sch_cover {position:absolute;top:0;bottom:0;width:100%;height:100%;}

.schBox {position:fixed;top:0;bottom:0;left:0;right:0;margin:auto;border-radius:7px;width:820px;height:220px;-webkit-animation-duration:0.5s;-moz-animation-duration:0.5s;-ms-animation-duration:0.5s;-o-animation-duration:0.5s;animation-duration:0.5s;}

.schBox .schHdr {position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:100%;height:220px;border:20px solid transparent;}
.schBox fieldset {position:relative;width:100%;background-color:transparent;border-bottom:1px solid #ccc;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
.schBox fieldset legend {font-size:30px;}
.schBox fieldset:hover,
.schBox fieldset:focus {outline:0;}
.schBox fieldset .inputTypeText {display:inline-block;width:100%;font-size:37px;line-height:100px;padding:0 35px;font-weight:600;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.schBox #keyword {width:100%;height:100px;border:0;line-height:100px;font-size:38px;background-color:transparent;text-align:center;font-weight:normal;}
.schBox .schBtn {border:0;position:absolute;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);width:37px;right:0;outline:0;cursor:pointer;background-color:transparent;opacity:0.4;}

.schBox .bestKeyword {width:100%;overflow:hidden;margin-top:25px;}
.schBox .bestKeyword ul {text-align:center;font-size:0;line-height:0;}
.schBox .bestKeyword li {margin:0 5px 10px;}
.schBox .bestKeyword li a {display:block;opacity:0.6;font-size:16px;font-weight:400;color:#444;line-height:45px;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;background-color:rgba(222,222,222,0.9);padding:0 22px;border-radius:23px;}
.schBox .bestKeyword li a:hover {opacity:1;}

.schBox p.button {margin:10px 0 0;text-align:right;}
.schBox p.button a {padding:0 17px 0 4px;text-decoration:none;background:url("//img.echosting.cafe24.com/skin/base/common/ico_circle_arrow.png") no-repeat right center;}

#footer {width:100%;word-break:keep-all;color:#000;background-color:#f7f7f7;padding:50px 0 80px;position:relative;}

#footer .mshop {position:absolute;top:35px;right:100px;text-align:right;vertical-align:middle;}
#footer .mshop .tit {font-size:12px;font-weight:600;color:#777;line-height:18px;background-color:#e9e9e9;color:#aaa;border-radius:3px;padding:1px 7px 0;}
#footer .mshop a {margin-left:5px;}
#footer .mshop a img {height:18px;width:auto;border:1px solid #e0e0e0;border-radius:1px;}

#footer .top {text-align:left;}
#footer .top a {display:block;font-size:15px;line-height:100px;font-weight:400;margin-right:17px;color:#999;}
#footer .top a strong {font-weight:400;color:#000;}

#footer .middle {padding-top:50px;position:relative;}

#footer .bottom {padding-top:20px;}

#footer .logo {font-size:0;line-height:0;}
#footer .logo a {display:inline-block;}
#footer .logo img {width:auto;height:50px;}

#footer .csBox {display:flex;}
#footer .csBox > li {padding-right:30px;}
#footer .csBox > li:last-child {padding-right:0;}
#footer .csBox > li:nth-child(1) {width:75%;}
#footer .csBox > li:nth-child(2) {width:25%;}

#footer .csInfo {padding-left:40px;}
#footer .csInfo > * {display:inline-block;vertical-align:middle;}
#footer .csInfo .tit {font-size:10px;font-weight:600;line-height:20px;letter-spacing:0.05em;color:#999;background-color:#e8e8e8;padding:0 8px;border-radius:4px;margin-right:12px;}
#footer .csInfo .tel {font-size:18px;font-weight:400;letter-spacing:0;color:#555;line-height:50px;}
#footer .csInfo .tel i {font-size:14px;color:#ccc;margin-right:3px;}
#footer .csInfo .tel:after {display:inline-block;content:'';background-color:#ddd;width:1px;height:10px;margin:0 11px;}

#footer .cstime span {font-size:14.5px;line-height:1.7;color:#888;line-height:50px;margin-right:5px;}

#footer .company {font-size:16px;line-height:24px;word-break:break-word;border-bottom:1px solid #ddd;padding-bottom:60px;}
#footer .company a {color:#333 !important;}
#footer .company li {display:inline-block;margin-right:14px;white-space:nowrap;}
#footer .company span {font-size:16px;color:#aaa;}
#footer .company span:after {display:inline-block;content:'';background-color:#ccc;width:1px;height:8px;margin:0 8px;vertical-align:0px;-webkit-transform: rotate(20deg);transform: rotate(20deg);}
#footer .company .warning {font-size:16px;color:#000;margin-top:6px;}

#footer .copy {margin-top:30px;}
#footer .copy p {display:block;color:#666;line-height:80px;text-align:left;font-size:12px;letter-spacing:0;}
.btnTop {display:none;position:fixed;top:0;bottom:0;right:26px;height:89px;width:44px;margin:auto;z-index:100;border:1px solid #f0f0f0;opacity:0.95;border-radius:22px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,0.2);}
.gototop > div {display:inline-block;font-size:10px;height:44px;width:100%;text-align:center;line-height:28px;background-color:#fff;cursor:pointer;}
.gototop > div.top {height:44px;border-bottom:1px solid #e8e8e8;}
.gototop > div i {color:#999;font-size:12px;line-height:44px;}