.videowrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 ºñÀ²ÀÎ °æ¿ì */
/* padding-bottom°ªÀº 4:3 ºñÀ²ÀÎ °æ¿ì 75%·Î ¼³Á¤ÇÕ´Ï´Ù */
padding-top: 25px;
height: 0;
}

.videowrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.displaynone {display: none !important;}
body.eMobilePopup{overflow:hidden;position:fixed;}
.ec-base-label{display:inline-block;margin-right:5px;}
.ec-base-label img{vertical-align:middle;}
.gridContainer .gridItem {min-width:0;}
.ec-solution-box{padding:20px;border:5px solid #e8e8e8;color:#404040;}
.ec-solution-box.gHalf{position:relative;padding:20px 0;}
.ec-solution-box.gHalf:before{position:absolute;top:0;left:50%;display:block;content:"";width:1px;height:100%;background-color:#e6e6e6;}
.ec-solution-box.typeBg{background-color:#fbfafa;}
.ec-solution-box.typeThin{border-width:1px;border-color:#d7d5d5;}
.ec-solution-box.typeThinBg{border-width:1px;border-color:#d7d5d5;background-color:#fbfafa;}
.ec-solution-box.typeThinBg > .agree{padding:20px;border:1px solid #e6e6e6;background:#fff;}
.ec-solution-box.typeThinBg > .agree p{padding:0 0 17px;}
.ec-solution-box.typeMember{padding:0;}
.ec-solution-box.typeMember .information{display:table;table-layout:fixed;padding:10px 0;width:100%;box-sizing:border-box;}
.ec-solution-box.typeMember .information > .title,.ec-solution-box.typeMember .information > .thumbnail{display:table-cell;padding:0 15px;width:70px;text-align:center;vertical-align:middle;}
.ec-solution-box.typeMember .information > .title{vertical-align:middle;}
.ec-solution-box.typeMember .information > .thumbnail img{max-width:70px;}
.ec-solution-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-solution-box.typeMember.gMessage{border-width:1px;border-color:#d7d5d5;}
.ec-solution-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;}
.ec-solution-box.typeProduct{display:table;table-layout:fixed;padding:15px 0;width:100%;box-sizing:border-box;}
.ec-solution-box.typeProduct .thumbnail,.ec-solution-box.typeProduct .information{display:table-cell;padding:0 20px;vertical-align:middle;}
.ec-solution-box.typeProduct .thumbnail{width:100px;}
.ec-solution-box.typeProduct .thumbnail img{max-width:90px;border:1px solid #d7d5d5;}
.ec-solution-box.typeProduct .information{padding-left:0;}
.ec-solution-button{padding:10px 0;text-align:center;}
.ec-solution-button.justify{position:relative;}
.ec-solution-button:after{display:block;content:"";clear:both;}
.ec-solution-button .gLeft{float:left;text-align:left;}
.ec-solution-button .gRight{float:right;text-align:right;}
.ec-solution-button.justify .gLeft{position:absolute;left:0;}
.ec-solution-button.justify .gRight{position:absolute;right:0;}
.ec-solution-button .text{margin:0 6px 0 10px;color:#353535;line-height:24px;}
.ec-solution-button.typeBorder{margin-top:-1px;padding:10px 20px;border:1px solid #d7d5d5;}
.ec-solution-button.typeBG{padding:10px 20px;border:1px solid #d7d5d5;background:#fbfafa;}
.ec-solution-layer li{list-style:none;}
.ec-solution-layer table{width:100%;border:0;border-spacing:0;border-collapse:collapse;}
.ec-solution-layer caption{display:none;}
.ec-solution-layer h1,.ec-solution-layer h3{margin:0;}
.ec-solution-layer{position:absolute;z-index:100;border:1px solid #757575;background:#fff;}
.ec-solution-layer .header{padding:7px 35px 7px 19px;color:#fff;background:#495164;}
.ec-solution-layer .header > h1,.ec-solution-layer .header > h3{font-size:14px;line-height:1.5;}
.ec-solution-layer .content{padding:20px;font-size:12px;}
.ec-solution-layer div.ec-solution-help{margin-top:0;}
.ec-solution-layer .ec-solution-button{padding:9px;border-top:1px solid #d7d5d5;text-align:center;background:#fbfafa;}
.ec-solution-layer .close{position:absolute;right:0;top:0;padding:11px 20px;cursor:pointer;}
#popup .ec-solution-layer{position:relative;border:0;}
#popup .ec-solution-layer .header{padding:12px 35px 12px 19px;}
#popup .ec-solution-layer .close{top:5px;}
.ec-solution-layer .content > .ec-solution-table table:first-child{margin-top:0;}
.ec-solution-layer .ec-solution-table table{line-height:1.4;}
.ec-solution-layer .ec-solution-table thead th{padding:9px 0 8px;}
.ec-solution-layer .ec-solution-table tbody th{padding:9px 0 8px 10px;}
.ec-solution-layer .ec-solution-table td{padding:9px 10px 8px;}
.ec-solution-layer .ec-solution-table.typeWrite td{padding:5px 10px 4px;}
.ec-solution-layer .ec-solution-table.typeList tfoot td{padding:10px 10px 12px;}
.ec-solution-layer .ec-solution-table.typeBorder tfoot td{padding:10px 10px 12px;}
.ec-solution-table table{position:relative;margin:10px 0 0;border:1px solid #d7d5d5;border-top-color:#fff;color:#fff;line-height:1.5;}
.ec-solution-table.gLayoutFixed table{table-layout:fixed;}
.ec-solution-table.gLayoutFixed .gLayoutAuto table{table-layout:auto;}
.ec-solution-table table:before{position:absolute;top:1px;left:0;display:block;content:"";width:100%;height:1px;background:#d7d5d5;}
.ec-solution-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-solution-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-solution-table th:first-child{border-left:0;}
.ec-solution-table td{padding:11px 10px 10px;border-top:1px solid #dfdfdf;color:#353535;vertical-align:middle;}
.ec-solution-table td.clear{padding:0 !important;border:0 !important;}
.ec-solution-table.typeWrite td{padding:8px 10px 7px;}
.ec-solution-table.typeList table{border-top-color:#d7d5d5;}
.ec-solution-table.typeList table:before{display:none;}
.ec-solution-table.typeList td{padding:8px 10px 7px;}
.ec-solution-table.typeList tfoot td{padding:15px 10px 17px;background:#fbfafa;}
.ec-solution-table .message{border:1px solid #d7d5d5;padding:50px 0;text-align:center;color:#757575;font-weight:bold;}
.ec-solution-table table + .message{margin:-1px 0 0;}
.ec-solution-table table td.message{padding:50px 0;}
.ec-solution-table .scroll .message{border:0;}
.ec-solution-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-solution-table.typeList .head td:first-child{border-left:0;}
.ec-solution-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-solution-table.typeList .scroll table{border:0;margin:0;}
.ec-solution-table.typeList .scroll table:before{display:none;}
.ec-solution-table.typeList .scroll .message{border:0;}
.ec-solution-table thead.blind,.ec-solution-table thead.blind th{display:none;}
.ec-solution-table thead.blind + tbody tr:first-child th,.ec-solution-table thead.blind + tbody tr:first-child td{border-top-width:0;}
.ec-solution-table.typeList.gLine table{border-width:0;border-bottom-width:1px;}
.ec-solution-table.typeClear table:before{display:none;}
.ec-solution-table.typeClear table,.ec-solution-table.typeClear th,.ec-solution-table.typeClear td{border:0 none;background:none;}
.ec-solution-table.typeClear th{font-weight:bold;}
.ec-solution-table.gBorder td{border-left:1px solid #dfdfdf;}
.ec-solution-table.gBorder td:first-child{border-left:0;}
.ec-solution-table .left{text-align:left;}
.ec-solution-table .center{text-align:center;}
.ec-solution-table .right{text-align:right;}
.ec-solution-table.typeList .center td,.ec-solution-table.typeList td.center{padding-left:0;padding-right:0;}
.ec-solution-table.typeList .center td.left{padding-left:10px;}
.ec-solution-table.typeList .center td.right{padding-right:10px;}
.ec-solution-table .top th,.ec-solution-table th.top,.ec-solution-table .top td,.ec-solution-table td.top{vertical-align:top;}
.ec-solution-table .middle th,.ec-solution-table th.middle,.ec-solution-table .middle td,.ec-solution-table td.middle{vertical-align:middle;}
.ec-solution-table img{vertical-align:middle;}

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

.mt15{margin-top:15px;}
.clear_both{clear:both;}
.space{height:10px;clear:both;}
.space2{height:5px;clear:both;}
.list_list{width:100%;border:0;border-top:2px solid #cfcfcf;margin:0 0 20px 0;padding:0;}
.list_list th div{white-space:nowrap;}
.list_list tr.bg0{ background:#fff;}
.list_list tr.bg1{ background:#f8f8f8;}
.list_list th,.list_list td{ border:0;padding:5px 10px;text-align:left;vertical-align:middle;}
.list_list th{ background:#f4f4f4;}
.list_list tbody th{ border-bottom:1px solid #e5e5e5;}
.list_list td{ border-bottom:1px solid #f0f0f0;}
.list_list th.button,.colTable th.button,.crossTable th.button{text-align:right;}
.list_list td.alert,.colTable td.alert,.crossTable td.alert{color:red !important;}
.list_list td.alert a,.colTable td.alert a,.crossTable td.alert a{text-decoration:none;color:red !important;}
.tableRow{width:100%;border:0;border-top:2px solid #cfcfcf;margin:0 0 20px 0;padding:0;}
.tableRow th div{white-space:nowrap;}
.tableRow tr.bg0{ background:#fff;}
.tableRow tr.bg1{ background:#f8f8f8;}
.tableRow th,.tableRow td{ border:0;padding:5px 10px;vertical-align:middle;}
.tableRow th{ background:#f4f4f4;text-align:left;padding-left:20px;}
.tableRow tbody th{ border-bottom:1px solid #e5e5e5;}
.tableRow td{ border-bottom:1px solid #f0f0f0;}
.tableRow th.button,.colTable th.button,.crossTable th.button{text-align:right;}
.tableRow td.alert,.colTable td.alert,.crossTable td.alert{color:red !important;}
.tableRow td.alert a,.colTable td.alert a,.crossTable td.alert a{text-decoration:none;color:red !important;}
.board_pagination{margin:0 auto;text-align:center;margin-top:15px;}
.board_comment_list textarea,.board_comment_write textarea{ width:90%;font-size:12px;}
.board_comment_list .comment_lists{height:25px;border-bottom :1px solid #e8e8e8;padding-top:10px;}
.displaynone{display:none;}
.board_pagination .current{color:#CC0000;font-weight:bold;}
.table01{width:100%;border:0;margin:0;padding:0;}
.ipInfo{text-align:right;width:100%;}
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;}

@media screen and (max-width:950px) {
#wrap #contents {padding-bottom:0px;}
}


.inner {margin:0 auto;position:relative;padding:0 0px;max-width:1200px;}
.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:'Noto Sans KR',sans-serif;letter-spacing:-.5px;font-weight:300;}
.eng,.eng * {font-family:'LibreBaskerville','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;}
.xans-product-additional .dtl_tit,.xans-product-relation .relation .tit,.xans-product-detail .infoArea table .t1 td span {font-family:'PT Serif','Roboto','Noto Sans KR',sans-serif;letter-spacing:0;}
.col1 {color:#be9d76;}
.col1:hover {color:#be9d76;}
.col1bg {background-color:#be9d76;}
.col1hov:hover {color:#be9d76;}
.col2 {color:#;}
.col2bg {background-color:#;}
.col2hov:hover {color:#;}
.titArea {width:100%;padding-top:90px;padding-bottom:40px;text-align:left;line-height:0;font-size:0;}
@media screen and (max-width:950px) {
.titArea {width:100%;padding-top:20px; padding-bottom:10px;}
.mb-4, .my-4 {
    margin-bottom: 0.2rem !important;
}
}


.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('/_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('/_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:#333;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:#333;line-height:20px;}
.msgBox .contArea div.form strong {font-size:13px;text-align:left;}
.photoreview .reviewDetail {display:block;position:fixed;width:100%;height:100%;top:0;left:0;z-index:99999;background-color:rgba(0,0,0,0.7);}
.photoreview .reviewDetail td {display:flex;flex-wrap:nowrap;position:absolute;width:1020px;height:75%;top:0;bottom:0;left:0;right:0;padding:0;margin:auto;box-shadow:0 2px 5px rgba(0,0,0,0.2);}
.photoreview .reviewDetail td .contBox {flex-basis:45%;background-color:#fff;overflow:hidden;}
.photoreview .reviewDetail td .contBox .rv_info {position:relative;width:100%;height:105px;padding:20px 0 0 25px;background-color:#f7f7f7;}
.photoreview .reviewDetail td .contBox .rv_info p {padding-right:100px;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal !important;}
.photoreview .reviewDetail td .contBox .rv_info p.rate {margin-top:0;padding-bottom:2px;}
.photoreview .reviewDetail td .contBox .rv_info p.subject {font-size:14px;font-weight:400;line-height:21px;margin-top:8px;}
.photoreview .reviewDetail td .contBox .rv_info p.writer {font-size:12px;line-height:15px;color:#999;padding-left:2px;margin-top:6px;}
.photoreview .reviewDetail td .contBox .rv_info p.writer .date {display:inline-block;position:relative;margin-left:8px;padding-left:8px;}
.photoreview .reviewDetail td .contBox .rv_info p.writer .date:before {display:block;content:"";position:absolute;top:3px;left:0;width:1px;height:7px;background:#ddd;}
.photoreview .reviewDetail td .contBox .rv_info .prd_tmb {position:absolute;width:60px;height:60px;border-radius:40%;top:23px;right:20px;}
.photoreview .reviewDetail td .contBox .rv_content {height:100%;padding:20px 25px;overflow-y:auto;}
.photoreview .reviewDetail td .contBox .rv_content * {font-family:inherit !important;font-weight:300 !important;font-size:13px !important;line-height:1.7 !important;color:#333 !important;}
.photoreview .reviewDetail td .contBox .rv_content .cont_list {display:none;}
.photoreview .reviewDetail td .imgBox {position:relative;flex-basis:55%;overflow:hidden;}
.photoreview .reviewDetail td .imgBox a {display:block;position:absolute;top:0;bottom:0;margin:auto;width:37px;height:37px;z-index:11;border-radius:50%;}
.photoreview .reviewDetail td .imgBox a.prev {left:14px;background:url('/_idio/img/rv_dtl_arr_01.png') rgba(50,50,50,0.6) no-repeat center center;}
.photoreview .reviewDetail td .imgBox a.next {right:14px;background:url('/_idio/img/rv_dtl_arr_02.png') rgba(50,50,50,0.6) no-repeat center center;}
.photoreview .reviewDetail td .imgBox .item {background:#333;position:absolute;width:100%;height:100%;left:0;opacity:0;}
.photoreview .reviewDetail td .imgBox .item.active {opacity:1;}
.photoreview .reviewDetail td .imgBox .item img {max-width:100%;max-height:100%;width:auto;height:auto;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.photoreview .reviewDetail .rv_btn_close {display:block;position:absolute;top:0;right:-45px;width:45px;height:45px;background:url('/_idio/img/rv_btn_close.png') #333 no-repeat center center;cursor:pointer;z-index:11;}
.photoreview .reviewDetail {display:none;}
.div {font-size:0;line-height:0;}
.div > * {display:inline-block !important;vertical-align:top;white-space:nowrap;}
.flex {display:flex !important;flex-wrap:wrap;}
.mdlY {position:absolute;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);}
.mdlX {position:absolute;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);}
.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;}
hr {display:block;height:1px;border:0;}
::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:#333;font-size:15px !important;font-weight:normal !important;}
.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-slider * {outline:0;border:0;}
.slick-slide {display:block;width:100%;height:100%;background-size:cover;background-position:center center;}
.slick-slide .img_prd img {object-fit:cover; width:100%; margin:0 auto;}
.slick-slide .prdList img {width:auto;display:inline-block;}
.slick-arrow {position:absolute;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-arrow.slick-prev {left:0;background-image:url('./_idio/img/arr_m_bk_01.svg');}
.slick-arrow.slick-next {right:0;background-image:url('./_idio/img/arr_m_bk_02.svg');}
.slick-dots {/*position:absolute;bottom:-20px;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;border-radius:50%;background-color:rgba(200,200,200,0.7);cursor:pointer;-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;}
.slick-dots li.slick-active {background-color:rgba(100,100,100,0.5);cursor:default;}
.slick-dots li button {display:block;width:100%;height:100%;opacity:0;font-size:0;line-height:0;}
.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;}
.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;}
.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:260px;height:135px;text-align:center;background-repeat:no-repeat;background-size:100% 100%;padding:51px 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:400;}
.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;}
.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;}

.nav {position:fixed;top:0;left:0;height:100vh;z-index:10002;width:100px;padding:50px 0;overflow:hidden;transition:all 0.5s ease;}
.nav:hover {background-color:#fff;}
.nav.opened {background-color:#fff;width:460px;box-shadow:3px 0 5px rgba(100,100,100,0.3);}
.nav_cover {display:none;background-color:rgba(10,10,10,0.4);width:100%;height:100vh;position:fixed;top:0;left:0;z-index:10001;}
.nav_cover.on {display:block;}
.nav > * {height:100%;position:absolute;top:0;left:0;}
.nav .left {z-index:1;width:100px;left:0;}
.nav .right {z-index:-1;opacity:0;left:100px;width:360px;transform:translateX(-30px);transition:all 0.5s ease;}
.nav .right.opened {z-index:0;opacity:1;transform:translateX(0);}
.nav .right > div {padding:30px 40px;height:100%;overflow-y:auto;}
.nav .right > div > * {margin-top:40px;}
.nav .logo {position:absolute;width:80px;height:300px;top:80px;right:0;left:0;margin:auto;}
.nav .logo img {width:80px;height:auto;cursor:pointer;}
.nav .btn_wrapper {position:absolute;top:30px;left:0;right:0;z-index:20;width:38px;height:38px;margin:auto;}
.nav .menu_btn {position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible;cursor:pointer;-webkit-transition:all 400ms ease-out 0ms;-moz-transition:all 400ms ease-out 0ms;-o-transition:all 400ms ease-out 0ms;transition:all 400ms ease-out 0ms;}
.nav .menu_btn .line {position:absolute;background-color:#333;overflow:hidden;width:24px;height:2px;left:0;border-radius:1px;-webkit-transition:all 400ms ease-out 0ms;-moz-transition:all 400ms ease-out 0ms;-o-transition:all 400ms ease-out 0ms;transition:all 400ms ease-out 0ms;}
.nav .menu_btn .line:nth-child(1) {top:10px;left:6px;animation-delay:0.33s;}
.nav .menu_btn .line:nth-child(2) {top:19px;left:6px;animation-delay:0s;}
.nav .menu_btn .line:nth-child(3) {top:28px;left:6px;animation-delay:0.66s;}
.nav .btn_wrapper.clicked .menu_btn .line:nth-child(1) {-webkit-transform:translateY(9px) rotate(45deg);transform:translateY(9px) rotate(45deg);-webkit-transition:all 400ms ease-out 0ms;-moz-transition:all 400ms ease-out 0ms;-o-transition:all 400ms ease-out 0ms;transition:all 400ms ease-out 0ms;width:26px;}
.nav .btn_wrapper.clicked .menu_btn .line:nth-child(2) {opacity:0;-webkit-transition:all 400ms ease-out 0ms;-moz-transition:all 400ms ease-out 0ms;-o-transition:all 400ms ease-out 0ms;transition:all 400ms ease-out 0ms;width:26px;}
.nav .btn_wrapper.clicked .menu_btn .line:nth-child(3) {-webkit-transform:translateY(-9px) rotate(-45deg);transform:translateY(-9px) rotate(-45deg);-webkit-transition:all 400ms ease-out 0ms;-moz-transition:all 400ms ease-out 0ms;-o-transition:all 400ms ease-out 0ms;transition:all 400ms ease-out 0ms;width:26px;}
.nav .stateBox {position:absolute;width:32px;bottom:50px;right:0;left:0;margin:auto;}
.nav .stateBox > * {display:block;width:100%;height:30px;cursor:pointer;background-position:center center;background-repeat:no-repeat;position:relative;background-size:100% auto;margin-top:18px;}
.nav .stateBox .btn_cart div {display:block;position:absolute;min-width:17px;text-align:center;background-color:#333;border-radius:50%;top:17px;right:-3px;}
.nav .stateBox .btn_cart div span {line-height:17px;color:#fff;font-size:12px;font-weight:400;}
.nav .stateBox .btn_my {background-image:url('../img/shop/my.svg');}
.nav .stateBox .btn_cart {background-image:url('../img/shop/cart.svg');}
.nav .stateBox .btn_sch {background-image:url('../img/shop/sch.svg');}
.nav #menu ul,.nav #menu li {width:100%;}
.nav #menu a {display:block;text-align:left;transition:all 0.3s ease;position:relative;cursor:pointer;}
.nav #menu a,.nav #menu a > span {font-weight:300;letter-spacing:-.5px;color:#888;}
.nav #menu a:hover,.nav #menu a:hover > span {color:#333;}
.nav #menu .d2Box {display:none;padding-top:5px;}
.nav #menu .d1 {padding:6px 0;position:relative;}
.nav #menu .d1 > a {font-size:18px;line-height:32px;}
.nav #menu .d1.open-li > a,.nav #menu .d1.open-li > a > span {color:#333;}
.nav #menu .d2 > a {font-size:17px;line-height:32px;padding-left:14px;}
.nav #menu .arr {position:absolute;top:6px !important;right:0 !important;width:20px;text-align:right;cursor:pointer;height:32px;}
.nav #menu .d3 .arr {top:-2px;}
.nav #menu .arr i {font-size:13px !important;line-height:32px;color:#ccc;}
.nav #menu .comm .arr {width:100%;}
.nav #menu .d1 .arr {display:none;}
.nav #menu .d1.pre .arr {display:block;}
.nav #menu li.pre.open > a {color:#333;}
.nav #menu li.pre.open .d2Box {display:block;}
.nav #menu .d2 {position:relative;}
.nav #menu .d2 > a.arr {padding-left:0;right:14px;}
.nav #menu .d2 > a.arr i {font-size:12px;line-height:13px;}
.nav #menu .d3Box {display:none;padding-bottom:7px;}
.nav #menu li.pre.open>.d3Box {display:block;}
.nav #menu .d3 > a {font-size:16px;line-height:28px;padding-left:28px;}
.nav #menu .d3 {position:relative;}
.nav #menu .d3 > a.arr {padding-left:0;right:28px;}
.nav #menu .d3 > a.arr i {font-size:10px;line-height:0;}
.nav #menu .d4Box {display:none;padding-bottom:7px;}
.nav #menu li.pre.open>.d4Box {display:block;}
.nav #menu .d4 > a {font-size:14px;line-height:28px;padding-left:42px;}
.nav #menu li > .arr .fa-chevron-up {display:none;}
.nav #menu li.open-li > .arr .fa-chevron-up {display:block;}
.nav #menu li.open-li > .arr .fa-chevron-down {display:none;}
.nav #menu li.open-li > .arr {color:#333;}
.nav #menu li.open-li > .arr i {color:#333;}
.nav .util li a {font-size:16px;line-height:33px;font-weight:400;}
.nav .follow {width:100%;}
.nav .follow a {display:inline-block;height:17px;margin-right:7px;}
.nav .follow a img {width:auto;height:100%;}
.nav .copyright {font-size:12px;line-height:19px;color:#888;font-weight:300;letter-spacing:0;}
.schArea {position:fixed;display:none;top:0;bottom:0;width:100%;height:100%;z-index:100000;background-color:rgba(0,0,0,0.7);}
.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;width:700px;height:140px;background-color:transparent;-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:140px;}
.schBox fieldset {width:100%;border-bottom:1px solid rgba(255,255,255,0.3);-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:hover,.schBox fieldset:focus {outline:0;color:#fff;}
.schBox fieldset .inputTypeText {display:inline-block;width:100%;font-size:24px;line-height:70px;padding:0 35px;font-weight:300;}
.schBox fieldset .inputTypeText {-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:70px;border:0;line-height:70px;font-size:24px;background:transparent;color:#fff;text-align:center;font-weight:300;}
.schBox .schBtn {border:0;opacity:0.8;position:absolute;height:26px;width:26px;top:24px;right:2px;outline:0;cursor:pointer;background-color:transparent;}
.schBox .bestKeyword {width:100%;height:37px;overflow:hidden;margin-top:20px;}
.schBox .bestKeyword ul {text-align:center;}
.schBox .bestKeyword li {margin:0 5px;}
.schBox .bestKeyword li a {display:block;font-size:14px;color:#fff;font-weight:300;line-height:37px;padding:0 24px;background-color:#333;border-radius:18px;-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;opacity:0.6;}
.schBox .bestKeyword li a:hover {opacity:1;}
.schBox .bestKeyword li a:before {content:"#";color:#bbb;font-weight:400;margin-right:3px;}
.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:#333;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:#333;}
#footer .middle {padding-top:50px;position:relative;}
#footer .bottom {padding-top:20px;}
#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:#333;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;background:url('/_idio/img/copyArea_bg.png') no-repeat center right;}
.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;}
#popup_idio {display:none;width:420px;height:420px;position:fixed;z-index:10003;right:36px !important;left:auto !important;top:auto !important;bottom:36px !important;padding:10px;}
#popup_idio.opened {display:block !important;}
#popup_idio .popup_wrapper {width:100%;height:100%;position:relative;border-radius:20px;overflow:hidden;box-shadow:0 4px 9px rgba(0,0,0,0.3);background-color:#fff;}
#popup_idio .cont {width:100%;height:100%;overflow:hidden;position:relative;}
#popup_idio .footer {position:absolute;width:100%;height:0;top:5px;z-index:10000;}
#popup_idio .footer > * {position:absolute;width:100%;}
#popup_idio .footer #chkday {top:14px;right:43px;width:19px;height:19px;z-index:4;}
#popup_idio .footer #popup_btn_close {top:0;right:5px;width:46px;height:46px;cursor:pointer;background:url('/_idio/img/popup_close.png') no-repeat center center;background-size:15px auto;z-index:3;}
#popup_idio .slick-arrow {position:absolute;font-size:0;width:30px;height:30px;top:50%;margin-top:-15px;background-color:transparent;background-size:12px auto;background-color:rgba(255,255,255,0.9);opacity:0;border-radius:50%;}
#popup_idio:hover .slick-arrow {opacity:0.3;}
#popup_idio .slick-arrow.slick-prev {left:12px;background-image:url('/_idio/img/arr_m_bk_01.svg');}
#popup_idio .slick-arrow.slick-next {right:12px;background-image:url('/_idio/img/arr_m_bk_02.svg');}
.mainBnr {width:100%;height:100vh;overflow:hidden;}
.mainBnr-slider {width:100%;height:100vh;overflow:hidden;}
.mainBnr .slick-slide {height:100vh;}
.mainBnr .slick-slide:nth-child(1) {background-image:url('./_images/mainBnr_01.jpg');}
.mainBnr .slick-slide:nth-child(2) {background-image:url('./_images/mainBnr_02.jpg');}
.mainBnr .slick-slide:nth-child(3) {background-image:url('./_images/mainBnr_03.jpg');}
.mainBnr .slick-slide:nth-child(4) {background-image:url('./_images/mainBnr_04.jpg');}
.mainBnr .slick-slide:nth-child(5) {background-image:url('./_images/mainBnr_05.jpg');}
.mainBnr .slick-slide:nth-child(6) {background-image:url('./_images/mainBnr_06.jpg');}
.mainBnr .slick-slide:nth-child(7) {background-image:url('./_images/mainBnr_07.jpg');}
.mainBnr .slick-slide:nth-child(8) {background-image:url('./_images/mainBnr_08.jpg');}
.mainBnr .slick-slide:nth-child(9) {background-image:url('./_images/mainBnr_09.jpg');}
.bnrArea1 {text-align:center;padding-bottom:140px;}
.bnrArea1 .txt:before {display:block;content:'';margin:0 auto 20px;width:1px;height:80px;background-color:#ccc;}
.bnrArea1 p {line-height:1.6;}
.bnrArea1 .sub {font-size:20px;line-height:32px;font-weight:300;color:#333;}
.bnrArea1 .tit {font-size:44px;line-height:56px;color:#333;font-weight:700;}
.bnrArea1 .cont {font-size:18px;font-weight:300;margin-top:28px;line-height:1.7;color:#888;}
.bnrArea1 .btn_more {display:inline-block;font-size:12px;line-height:23px;color:#666;font-weight:400;letter-spacing:0.02em;border-bottom:1px solid #999;margin-top:34px;}
.bnrArea1 .img img {display:block;margin:60px auto 0;max-width:100%;}
.vodArea1 {position:relative;background-color:#f6f6f6;}
.vodArea1 > * {flex:1;height:580px;}
.vodArea1 iframe {width:100%;height:100%;}
.vodArea1 .txt {width:100%;position:relative;}
.vodArea1 .txt .mdlY {width:100%;text-align:center;padding:0 50px;}
.vodArea1 p {line-height:1.6;}
.vodArea1 .sub {font-size:20px;line-height:32px;font-weight:300;color:#333;}
.vodArea1 .tit {font-size:38px;line-height:56px;color:#333;font-weight:700;}
.vodArea1 .cont {font-size:18px;font-weight:300;margin-top:28px;line-height:1.7;color:#888;}
.vodArea1 .cont:before {display:block;content:'';margin:25px auto;width:14px;height:1px;background-color:#888;}
.vodArea1 .more {width:140px;display:block;margin:20px auto 0;font-size:12px;letter-spacing:0;font-weight:600;}
.prdArea1 {position:relative;}
.prdArea1 .prdList {text-align:center;max-width:1340px;margin:0 auto;}
.prdArea1 .prdList > li {margin-left:0.5% !important;margin-right:0.5% !important;}
.prdTab {width:100%;background-color:#f7f7f7;}
.prdTab .tit {/*position:absolute;top:0;left:100px;width:30%;z-index:2;padding-right:60px;*/}
.prdTab .tit .titArea {padding:110px 0 20px;}
.prdTab .tit .titArea * {text-align:center;}
.prdTab .cont {/*position:relative;*/padding:70px 0 70px 0;}
.prdTab .slick-dots { top:200px; }
.prdTab .slick-dots li {display:inline-block;width:auto; height:48px;margin:0 5px 13px;border-radius:0;background-color:transparent;opacity:0.4;}
.prdTab .slick-dots li span {display:inline-block;font-size:17px;font-weight:300;line-height:44px;color:#000; font-weight:bold; padding:0 25px;border-radius:30px; border:1px solid #999; /*background-color:#e0e0e0;*/overflow:hidden;max-width:100%;height:100%;}
.prdTab .slick-dots li span:before {content:"#";color:#000;margin-right:5px;font-size:19px;font-weight:bold;}
.prdTab .slick-dots li.slick-active {background-color:transparent;opacity:1;}
.prdTab .slick-dots li button {font-size:0;line-height:0;}
.prdTab .prdList {text-align:center;}
.prdTab .prdList > li {width:33.333% !important;max-width:420px;margin:0 !important;position:relative;padding:0 26px;}
.prdTab .prdList .description .name > a {display:inline-block;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;/*white-space:nowrap;*/word-wrap:normal !important;}
.prdTab .prdList .thumbnail a img {border-radius:45%;overflow:hidden; }
.prdTab .prdList .ic_sale,.prdTab .prd_item .no,.prdTab .prdList .tmb-over {display:none !important;}
.rvArea {width:100%;text-align:center;margin-bottom:40px;}
.rvArea ul {display:block;width:100%;text-align:center;/*border-left:1px solid #e8e8e8;*/}

.rvArea .slick-list li {flex:1;max-width:25%;position:relative; /*border:1px solid #e8e8e8;*/ background:#f9f9f9; padding-bottom:0px;}



.rvArea li .imgLink {border-bottom:1px solid #ddd; display:block;width:100%;/*padding-bottom:100%; /*background-image:url('/_idio/img/rv_bg.jpg');*/ padding:20px 0px}
.rvArea li .imgLink > div {/*position:absolute;left:0;top:0;*/width:100%;/*padding-bottom:100%;*/background-position:center center;background-size:cover;border-bottom:1px solid rgba(200,200,200,0.2);}
.rvArea li .imgLink > .img_prd {z-index:2;}
.rvArea li .imgLink > .img_rv {z-index:3;}
.rvArea li:hover .imgLink {opacity:0.8;}
.rvArea li .boardChk {display:none;}

.rvArea li .info {text-align:left;padding:20px 20px 20px;position:relative;}
.rvArea li .info > * {margin-bottom:1px;}
.rvArea li .point {padding:4px 0;}
.rvArea li .tit a {display:block; font-weight:bold; word-break:keep-all;font-size:18px;line-height:1.45;font-weight:400;letter-spacing:-0.05em;}
.rvArea li .subject {display:block;padding:3px 0; word-break:keep-all; overflow:hidden;font-size:16px;line-height:1.45;font-weight:400;letter-spacing:-0.05em;}
.rvArea li .cont {padding:1px 0;}
.rvArea li .cont * {font-size:13px !important;color:#777 !important;line-height:1.55 !important;}
.rvArea li .name {padding:2px 0;}
.rvArea li .name span {font-size:13px;line-height:18px;word-break:break-word;color:#999;}
.rvArea li .name span:before {display:inline-block;content:"";width:1px;height:7px;background:#ddd;margin:0 7px;}
.rvArea li .name span:first-child:before {display:none;}

.rvArea li .prd {display:block;width:100%;/*position:absolute;bottom:0;left:0;*/padding:0px;}
.rvArea li .prd .border {position:relative;display:block;border-bottom:1px solid #ddd;padding:17px 0;text-align:left;font-size:0;line-height:0;}
.rvArea li .prd .border > a {display:block;width:100%;vertical-align:middle;font-size:12px;color:#777;line-height:42px;font-weight:400;padding-left:50px;}
.rvArea li .prd .border > a > span {position:absolute;display:block;top:17px;left:0;width:42px;height:42px;background:#fff; background-position:center center;background-size:cover;/*border-radius:50%;*/border:1px solid rgba(0,0,0,0.1);}
.rvArea li .prd .border > a > span img{border-radius:50%}
.rvArea .btn_more {line-height:50px;padding:0 45px;margin-top:36px;font-size:15px;}

@media screen and (max-width:950px) {
.titArea {width:100%;padding-top:20px; padding-bottom:10px;}
.rvArea li .info {text-align:left;padding:10px 20px 10px;position:relative;}
.rvArea .slick-list li {min-height:450px}
.rvArea li .prd .border > a > span {left:5px}
}


.bbsArea1 {width:100%;text-align:center;margin-bottom:90px;}
.bbsArea1 ul {display:block;width:100%;text-align:center;}
.bbsArea1 li {width:25%;padding:0 10px;position:relative;}
.bbsArea1 li .imgLink {display:block;width:100%;padding-bottom:125%;background-position:center center;background-size:cover;}
.bbsArea1 li:hover .imgLink {opacity:0.8;}
.bbsArea1 li .boardChk {display:none;}
.bbsArea1 li .info {text-align:center;padding:20px 15px 0;}
.bbsArea1 li .info * {line-height:1.5;vertical-align:middle;}
.bbsArea1 li .cate {color:#999;margin-bottom:3px;}
.bbsArea1 li .subject {display:block;}
.bbsArea1 li .subject a {display:block;word-break:keep-all;font-size:20px;font-weight:300;letter-spacing:-0.05em;margin-bottom:4px;}
.bbsArea1 li .name span {font-size:14px;line-height:20px;display:inline-block;position:relative;color:#999;}
.bbsArea1 li .name span:before {display:inline-block;content:"";width:1px;height:7px;background:#ddd;margin:0 11px;}
.bbsArea1 li .name span:first-child:before {display:none;}
.bbsArea1 li .cont {margin-top:4px;height:95px;overflow:hidden;}
.bbsArea1 li .cont * {font-size:14px !important;color:#777 !important;line-height:1.7 !important;}
.insta {padding-top:65px;padding-bottom:25px;border-top:1px solid #e8e8e8;}
.insta section {overflow:hidden;height:250px !important;position:relative;}
/*.insta iframe {height:250px !important;}*/

* {margin:0;padding:0;-webkit-box-sizing:border-box;-moz-webkit-box:border-box;box-sizing:border-box;*zoom:1;}
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:#333;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:#333;}
a:hover {text-decoration:none !important;color:#333;}
a:active {text-decoration:none !important;color:#333;}
.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:#333;}
div.layerProgress {filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4;background-color:#999;}
#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:#333;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);}
.ec-base-product .prdList .description .name a span {font-size:48px; font-weight:bold; color:#333}

@media screen and (max-width:950px) {
.inner {margin:0 auto;position:relative;padding:0 20px;max-width:100%;}
.mt60 { margin-top: 30px !important;}

/*¸ÞÀÎ ÅؽºÆ®*/
.bnrArea1 .sub {font-size: 18px; line-height: 32px; font-weight: 300; color: #333;}
.bnrArea1 .tit {font-size: 24px; line-height: 56px; color: #333; font-weight: 700;}
.bnrArea1 .cont {font-size: 14px; font-weight: 300; margin-top: 28px; line-height: 1.7; color: #888;}

/*¸ÞÀÎ ¿µ»ó*/
.vodArea1 > * {flex:none; width:100%;  height:400px;}
.vodArea1 .txt .mdlY {padding: 0 20px;}
.vodArea1 .sub {font-size: 18px; line-height: 32px; font-weight: 300; color: #333;}
.vodArea1 .tit {font-size: 24px; line-height: 56px; color: #333; font-weight: 700;}
.vodArea1 .cont {font-size: 14px; font-weight: 300; margin-top: 28px; line-height: 1.7; color: #888;}


.prdTab .slick-dots li span {display:inline-block;font-size:14px;font-weight:300;line-height:44px;color:#000; font-weight:bold; padding:0 15px;border-radius:30px; border:1px solid #999; /*background-color:#e0e0e0;*/overflow:hidden;max-width:100%;height:100%;}
.prdTab .cont {padding:0;}
.prdTab .prdList .thumbnail a img {border-radius:50%;overflow:hidden; max-width: 200px;}

.prdTab .prdList > li:nth-child(2) .thumbnail a img {border-radius:50%;overflow:hidden; max-width: 120px;  }
.prdTab .prdList > li:nth-child(3) .thumbnail a img {border-radius:50%;overflow:hidden; max-width: 120px;}
}