/* BASIC css start */
.displaynone { display: none !important; } 

.icon.soldout { margin: 0 0 7px !important; border-bottom:0 !important; } 

body.eMobilePopup { overflow:hidden; position:fixed; } 

.ec-base-label { display:inline-block; margin-right:5px; } 

.ec-base-label img { vertical-align:middle; } 

.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("/design/newcomfort/pc/img/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; } 

 } 

.ms_sec { position:absolute; top:35%; left:0; width:100%; text-align:center; z-index:5; } 

.ms_sec h2 { font-size:52px; font-weight:700; } 

.ms_sec h3 { font-size:20px; font-weight:700; } 

.ms_sec .desc { width:800px; font-size:15px; margin:0 auto; } 

.main_hot { position:relative; width:100%; padding:80px 0 80px; margin:0; text-align:center; color:#000; } 

.main_hot .hot_inner { position:relative; width:900px; margin:0 auto; } 

.main_hot .hot_inner h2 { font-size:34px; } 

.main_hot .hot_inner h3 { font-size:14px; font-weight:normal; } 

.main_banner { position:relative; width:calc(100% + 0px); margin:0 0 0px; text-align:center; overflow:hidden; } 

.main_banner { font-size:0; } 

.main_banner li { position:relative; display:inline-block; margin:0; padding:0; text-align:center; background:#000; vertical-align:top; } 

.main_banner li.ib_side { width:388px; } 

.main_banner li.ib_center { width:620px; } 

.main_banner li img { width:100%; } 

.thumbnail_m { position:relative; } 

.thumbnail_m a img { width:100%; cursor:pointer; } 

.thumbnail_m { position:relative; padding:0; margin:0; overflow:hidden; } 

.thumbnail_m a { position:relative; width:100%; display:block; opacity:1; -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; } 

.thumbnail_m a:hover { opacity:0.7; -webkit-transition:all 0.1s ease-in; -webkit-transform: scale(1.1); -ms-transition:all 0.1s ease-in; -ms-transform: scale(1.1); -moz-transition:all 0.1s ease-in; -moz-transform: scale(1.1); transition:all 0.1s ease-in; transform: scale(1.1); } 

.thumbnail_txt { position:absolute; top:20px; left:30px; z-index:5; text-align:left; color:#fff; font-size:12px; } 

.thumbnail_txt h2 { font-size:20px; } 

.main_video { position:relative; width:100%; background:#f5f5f5; margin:100px 0; padding:100px 0; } 

.mv_inner { position:relative; width:1240px; margin:0 auto; } 

.main_hole { position:relative; width:calc(100% + 0px); height:500px; margin:200px 0 100px; overflow:hidden; } 

.main_hole .hole_inner { position:relative; width:100%; height:100%; background:rgba(0,0,0,0.2); } 

.hb_sec { position:absolute; top:25%; left:0; width:100%; text-align:center; z-index:5; } 

.hb_sec h2 { font-size:52px; font-weight:700; } 

.hb_sec h3 { font-size:20px; font-weight:700; } 

.hb_sec .desc { width:800px; font-size:15px; margin:0 auto; } 

#main_prd { position:relative; margin:0 auto; width:1440px; } 

@media screen and (max-width:1280px) { 
#main_prd { width:960px; } 
.main_banner li.ib_side { width:240px; } 
.main_banner li.ib_center { width:480px; } 
.mv_inner { width:960px; } 
 } 


/* swiper */
.swiper-container { width:100%; height:auto; margin:0 auto; position: relative; overflow: hidden; z-index:1; } 

.swiper-container img { width:100%; } 

.swiper-container-no-flexbox .swiper-slide { float: left; } 

.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column; } 

.swiper-wrapper { position: relative; width:100%; height:100%; z-index:1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display:flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; } 

.swiper-container-android .swiper-slide,.swiper-wrapper { -webkit-transform: translate3d(0px,0,0); -moz-transform: translate3d(0px,0,0); -o-transform: translate(0px,0px); -ms-transform: translate3d(0px,0,0); transform: translate3d(0px,0,0); } 

.swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } 

.swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; margin:0 auto; } 

.swiper-slide { -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position: relative; } 

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide { height:auto; } 

.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items:flex-start; align-items:flex-start; -webkit-transition-property: -webkit-transform,height; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform,height; } 

.swiper-container .swiper-notification { position:absolute; left:0; top:0; pointer-events: none; opacity:0; z-index: -1000; } 

.swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } 

.swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } 

.swiper-button-prev,.swiper-button-next { position:absolute; top:50%; width:40px; height:50px; margin-top: -25px; z-index:10; cursor: pointer; -moz-background-size:40px 50px; -webkit-background-size:40px 50px; background-size:40px 50px; background-position:center; background-repeat: no-repeat; } 

.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled { opacity:0.35; cursor:auto; pointer-events: none; } 
/*
.swiper-button-prev { background-image: url("/design/newcomfort/pc/img/btn_prev_w.png"); left:30px; right:auto; } 

.swiper-button-next { background-image: url("/design/newcomfort/pc/img/btn_next_w.png"); right:30px; left:auto; } 
*/
.swiper-button-prev1,.swiper-button-next1 { position:absolute; top:50%; width:40px; height:50px; margin-top: -25px; z-index:10; cursor: pointer; -moz-background-size:40px 50px; -webkit-background-size:40px 50px; background-size:40px 50px; background-position:center; background-repeat: no-repeat; } 

.swiper-button-prev1.swiper-button-disabled,.swiper-button-next1.swiper-button-disabled { opacity:0.35; cursor:auto; pointer-events: none; } 

.swiper-button-prev1 { background-image: url("/design/newcomfort/pc/img/btn_prev_w.png"); left:30px; right:auto; } 

.swiper-button-next1 { background-image: url("/design/newcomfort/pc/img/btn_next_w.png"); right:30px; left:auto; } 

.swiper-button-prev2,.swiper-button-next2 { position:absolute; top:50%; width:40px; height:50px; margin-top: -25px; z-index:10; cursor: pointer; -moz-background-size:40px 50px; -webkit-background-size:40px 50px; background-size:40px 50px; background-position:center; background-repeat: no-repeat; } 

.swiper-button-prev2.swiper-button-disabled,.swiper-button-next2.swiper-button-disabled { opacity:0.35; cursor:auto; pointer-events: none; } 

.swiper-button-prev2 { background-image: url("/design/newcomfort/pc/img/btn_prev_w.png"); left:30px; right:auto; } 

.swiper-button-next2 { background-image: url("/design/newcomfort/pc/img/btn_next_w.png"); right:30px; left:auto; } 

.swiper-container-rtl { background-image: url("data:image/svg+xml; charset=utf-8,%3Csvg%20xmlns%3D'https%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left:10px; right:auto; } 

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml; charset=utf-8,%3Csvg%20xmlns%3D'https%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } 

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml; charset=utf-8,%3Csvg%20xmlns%3D'https%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } 

.swiper-container-rtl { background-image: url("data:image/svg+xml; charset=utf-8,%3Csvg%20xmlns%3D'https%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right:10px; left:auto; } 

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml; charset=utf-8,%3Csvg%20xmlns%3D'https%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } 

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml; charset=utf-8,%3Csvg%20xmlns%3D'https%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } 

.swiper-pagination { position:absolute; text-align:center; -webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms; transition:300ms; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index:10; } 

.swiper-pagination1 { position:absolute; text-align:center; -webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms; transition:300ms; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index:10; bottom:30px; left:0; width:100%; } 

.swiper-pagination2 { position:absolute; text-align:center; -webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms; transition:300ms; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index:10; bottom:30px; left:0; width:100%; } 

.swiper-pagination.swiper-pagination-hidden { opacity:0; } 

.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-container-horizontal > .swiper-pagination-bullets { bottom:30px; left:0; width:100%; } 

.swiper-pagination-bullet { width:12px; height:12px; display: inline-block; border-radius:100%; background: rgba(255,255,255,0.5); border:0px solid #fff; opacity:1; } 

button.swiper-pagination-bullet { border: none; margin:0; padding:0; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none; } 

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } 

.swiper-pagination-white .swiper-pagination-bullet { background:#fff; } 

.swiper-pagination-bullet-active { opacity:1; background: rgba(255,255,255,1); border:0px solid #fff; } 

.swiper-pagination-white .swiper-pagination-bullet-active { background:#fff; } 

.swiper-pagination-black .swiper-pagination-bullet-active { background:#000; } 

.swiper-container-vertical > .swiper-pagination-bullets { right:10px; top:50%; -webkit-transform: translate3d(0px,-50%,0); -moz-transform: translate3d(0px,-50%,0); -o-transform: translate(0px,-50%); -ms-transform: translate3d(0px,-50%,0); transform: translate3d(0px,-50%,0); } 

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin:5px 0; display:block; } 

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin:0 5px; } 

.swiper-pagination-progress { background: rgba(0,0,0,0.25); position:absolute; } 

.swiper-pagination-progress .swiper-pagination-progressbar { background:#007aff; position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; } 

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top; } 

.swiper-container-horizontal > .swiper-pagination-progress { width:100%; height:4px; left:0; top:0; } 

.swiper-container-vertical > .swiper-pagination-progress { width:4px; height:100%; left:0; top:0; } 

.swiper-pagination-progress.swiper-pagination-white { background: rgba(255,255,255,0.5); } 

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background:#fff; } 

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background:#000; } 

.swiper-container-3d { -webkit-perspective:1200px; -moz-perspective:1200px; -o-perspective:1200px; perspective:1200px; } 

.swiper-container-3d .swiper-wrapper,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } 

.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom { position:absolute; left:0; top:0; width:100%; height:100%; pointer-events: none; z-index:10; } 

.swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(right,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: -moz-linear-gradient(right,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: -o-linear-gradient(right,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: linear-gradient(to left,rgba(0,0,0,0.5),rgba(0,0,0,0)); } 

.swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(left,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: -moz-linear-gradient(left,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: -o-linear-gradient(left,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: linear-gradient(to right,rgba(0,0,0,0.5),rgba(0,0,0,0)); } 

.swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: -moz-linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: -o-linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0)); } 

.swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: -moz-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: -o-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0)); } 

.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper { -ms-perspective:1200px; } 

.swiper-container-cube,.swiper-container-flip { overflow: visible; } 

.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; z-index:1; } 

.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } 

.swiper-container-cube .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events:auto; } 

.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-top,.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-right { z-index:0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } 

.swiper-container-cube .swiper-slide { visibility: hidden; -webkit-transform-origin:0 0; -moz-transform-origin:0 0; -ms-transform-origin:0 0; transform-origin:0 0; width:100%; height:100%; } 

.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin:100% 0; -moz-transform-origin:100% 0; -ms-transform-origin:100% 0; transform-origin:100% 0; } 

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-prev,.swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events:auto; visibility: visible; } 

.swiper-container-cube .swiper-cube-shadow { position:absolute; left:0; bottom:0px; width:100%; height:100%; background:#000; opacity:0.6; -webkit-filter:blur(50px); filter:blur(50px); z-index:0; } 

.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; } 

.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } 

.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } 

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events:auto; } 

.swiper-scrollbar { border-radius:10px; position: relative; -ms-touch-action: none; background: rgba(0,0,0,0.1); } 

.swiper-container-horizontal > .swiper-scrollbar { position:absolute; left:1%; bottom:3px; z-index:50; height:5px; width:98%; } 

.swiper-container-vertical > .swiper-scrollbar { position:absolute; right:3px; top:1%; z-index:50; width:5px; height:98%; } 

.swiper-scrollbar-drag { height:100%; width:100%; position: relative; background: rgba(0,0,0,0.5); border-radius:10px; left:0; top:0; } 

.swiper-scrollbar-cursor-drag { cursor: move; } 

.swiper-lazy-preloader { width:42px; height:42px; position:absolute; left:50%; top:50%; margin-left: -21px; margin-top: -21px; z-index:10; -webkit-transform-origin:50%; -moz-transform-origin:50%; transform-origin:50%; -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite; -moz-animation: swiper-preloader-spin 1s steps(12,end) infinite; animation: swiper-preloader-spin 1s steps(12,end) infinite; } 

.swiper-lazy-preloader:after { display:block; content: ""; width:100%; height:100%; background-image: url("data:image/svg+xml; charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'https%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'https%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position:50%; -webkit-background-size:100%; background-size:100%; background-repeat: no-repeat; } 

.swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml; charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'https%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'https%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } 

@-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); } 

 } 

@keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } 

 } 

.videoWrapper { position: relative; padding-bottom:48%; padding-top:25px; height:0; } 

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





/* common */

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:0.75em; font-family:'Montserrat', 'Noto Sans', Arial, sans-serif; line-height:1.8; color:#888; background:#fff; } 

body { min-width:980px; } 

body#popup { min-width:0; } 

li { list-style:none; } 

img,fieldset { border:none; vertical-align:top; } 

table { width:100%; border:0; border-spacing:0; border-collapse:collapse; } 

caption { display:none; } 

th,td { border:0; vertical-align:top; } 

input,select,textarea { font-size:100%; color:#000; vertical-align:middle; } 

.inputTypeText { height:19px; padding:3px 0 0 9px; border:1px solid #d5d5d5; } 

select { height:24px; border:1px solid #d5d5d5; } 

textarea { padding:5px 6px; border:1px solid #d5d5d5; line-height:1.5; } 

legend { visibility:hidden; position:absolute; left:-9999px; top:-9999px; width:0; height:0; line-height:0; } 

button { overflow:visible; padding:0; margin:0; border:0; cursor:pointer; } 

hr.layout { display:none; } 

a { text-decoration:none; color:#000; } 

a:hover { color:#999; text-decoration:none; } 

a:active { text-decoration:none; } 

.objHidden { visibility:hidden; position:absolute; left:-1000px; top:-1000px; height:0; width:0; } 

table tr.radioType input,span.noBorder input { border:none !important; width:auto !important; height:auto !important; margin:0 3px 0 0 !important; vertical-align:middle !important; background:none !important; } 

#content_CONTAINER td { width:auto !important; } 

table.nneditor-table { width:auto !important; } 

#progressPaybarBackground { position:absolute; z-index:99; left:0; top:0; width:100%; height:100%; } 

#progressPaybarView { position:absolute; z-index:100; top:160px; left:20px; width:471px; font-size:12px; } 

#progressPaybarView .box { height:180px; background:url(/design/newcomfort/pc/img/bg_layer_box1.gif) 0 0 no-repeat; } 

#progressPaybarView .box .graph { padding:15px 0 0 0; text-align:center; } 

#progressPaybarView .box .graph span { display:block; text-align:center; margin:20px 0; } 

#progressPaybarView .box .txt { text-align:center; padding:15px 0 0; color:#555555; } 

div.layerProgress { filter:alpha(opacity=40); opacity:0.4; -moz-opacity:0.4; background-color:#999; } 

#skipNavigation { position:absolute; top:0; left:0; z-index:100; width:100%; height:0; } 

#skipNavigation p,#skipNavigation ul,#skipNavigation ul li { height:0; } 

#skipNavigation p a { position:absolute; left:0; top:0; display:block; overflow:hidden; width:1px; height:1px; margin-left:-1px; margin-bottom:-1px; text-align:center; color:#000; white-space:nowrap; } 

#skipNavigation p a:focus,#skipNavigation p a:hover,#skipNavigation p a:active { width:100%; height:auto; padding:10px 0; background:#c4122f; color:#fff; z-index:100; } 



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


#wrap { position:relative; width:100%; margin:0px auto 0; } 

#container:after { content:""; display:block; clear:both; } 

#contents_main { position:relative; width:100%; margin:0 auto; } 
#contents_main > img { width: 100%; max-width: 100%; } 

#contents { position:relative; width:1240px; margin:0 auto; padding:0 10px; } 

#prd_contents { position:relative; width:1440px; margin:0 auto; padding:0 10px; } 

#footer { position:relative; width:100%; margin:150px auto 50px; border-top:0px solid #ddd; border-bottom:0px solid #ddd; background:#f5f5f5; } 

#footer .inner { position:relative; width:1260px; margin:0 auto; padding:30px 0; } 

@media screen and (max-width:1280px) { 
#contents { width:960px; } 
#prd_contents { width:960px; } 
#footer .inner { width:980px; } 
 } 

.button_g { position:relative; margin:20px 0; overflow:hidden; text-align:center; } 

.L { width:140px; font-size:13px; margin:2px; } 

.M { width:100px; margin:2px; } 

.Login { font-size:13px; margin:2px; } 

.b_full { width:100%; /*font-size:13px;*/ font-size:15px; margin:5px 0; } 

.b_half { width:50%; font-size:13px; margin:5px 0; } 

.b_center { display:inline-block; *display:inline; *zoom:1; } 

.b_left { float:left; } 

.b_right { float:right; } 

.btnArea .mblack { border:1px solid #000; background:rgba(0,0,0,0); color:#000; padding:6px 0; font-weight:bold; width:100%; display:block; text-align:center; } 

.btnArea .mblack:hover { border:1px solid #000; background:#000; color:#fff; } 

.btnArea .mwhite { border:1px solid #fff; background:rgba(255,255,255,0); color:#fff; padding:6px 0; font-weight:bold; width:100%; display:block; text-align:center; } 

.btnArea .mwhite:hover { border:1px solid #fff; background:#fff; color:#000; } 

.btnArea .black { border:1px solid #000; background:#000; color:#fff; padding:8px 0; width:100%; display:block; text-align:center; } 

.btnArea .black:hover { border:1px solid #ccc; background-color:#ccc; color:#fff; } 

.btnArea .gray { border:1px solid #ddd; background:#eee; color:#222; padding:8px 0; width:100%; display:block; text-align:center; } 

.btnArea .gray:hover { border:1px solid #ccc; background:#ccc; color:#fff; } 

.btnArea .white { border:1px solid #ddd; background:#fff; color:#222; padding:8px 0; width:100%; display:block; text-align:center; } 

.btnArea .white:hover { border:1px solid #ccc; background:#ccc; color:#fff; } 

.btnArea .black_s { border:1px solid #000; background:#000; color:#fff; padding:4px 0; width:100%; display:block; text-align:center; } 

.btnArea .black_s:hover { border:1px solid #ccc; background-color:#ccc; color:#fff; } 

.btnArea .gray_s { border:1px solid #ddd; background:#eee; color:#222; padding:4px 0; width:100%; display:block; text-align:center; } 

.btnArea .gray_s:hover { border:1px solid #ccc; background:#ccc; color:#fff; } 

.btnArea .white_s { border:1px solid #ddd; background:#fff; color:#222; padding:4px 0; width:100%; display:block; text-align:center; } 

.btnArea .white_s:hover { border:1px solid #ccc; background:#ccc; color:#fff; } 

.path { display:none; overflow:hidden; height:30px; line-height:30px; *zoom:1; font-size:10px; margin-top:7px; } 

.path span { overflow:hidden; position:absolute; width:0; height:0; white-space:nowrap; text-indent:100%; } 

.path ol { float:right; } 

.path li { float:left; padding:0 0 0 12px; margin:0 0 0 8px; color:#666; background:url("/design/newcomfort/pc/img/ico_path.gif") no-repeat 0 10px; } 

.path li:first-child { background:none; } 

.path li a { color:#666; } 

.path li strong,.path li strong a { color:#000; font-weight:normal; } 

.titleArea { padding:20px 0 20px; text-align:center; position:relative; overflow:hidden; } 

.titleArea h2 { font-size:28px; color:#000; } 

.titleArea p { display:inline-block; margin:0; padding:0; color:#939393; *display:inline; *zoom:1; } 

.titleArea ul { padding:5px 0; color:#939393; line-height:18px; } 

.titleArea ul li { padding:0 0 0 9px; background:url("/design/newcomfort/pc/img/ico_square2.gif") no-repeat 4px 7px; } 

.boardMain { overflow:hidden; *zoom:1; } 

.boardMain td img { vertical-align:middle; margin:1px; } 

.boardMain .board { margin:0 0 65px; } 

.boardMain .leftArea { float:left; width:50%; } 

.boardMain .leftArea .board { margin:0 23px 65px 0; } 

.boardMain .rightArea { float:right; width:50%; } 

.boardMain .rightArea .board { margin:0 0 65px 23px; } 

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

.txtInfo { color:#707070; } 

.txtWarn { color:#f76560; } 

.txtEm { color:#008bcc; } 

.txtDel,.strike,.discount { text-decoration:line-through; } 

.txtNormal { font-weight:normal; font-style: 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; } 

html:lang(ja) .txt11,html:lang(zh) .txt11,html:lang(zh-tw) .txt11 { font-size:12px; } 

.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 { 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:23px; border:1px solid #d4d8d9; 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-tooltip { display:none; z-index:2; position:absolute; top:24px; padding:15px; border:1px solid #565960; background:#fff; -webkit-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.15); -moz-box-shadow:3px 3px 3px 0px rgba(0,0,0,0.15); box-shadow:3px 3px 3px 0px rgba(0,0,0,0.15); } 

.ec-base-tooltip h3 { margin:0 0 8px; padding:0 10px; font-size:12px; border-bottom:0; background:url("/design/newcomfort/pc/img/ico_layer_title.gif") no-repeat 0 50%; } 

.ec-base-tooltip h3 + p { margin:0 5px 10px; } 

.ec-base-tooltip h4 { margin:15px 10px 8px 5px; font-size:12px; } 

.ec-base-tooltip h4:before { display:inline-block; content:""; margin:0 5px 0 0; width:3px; height:3px; background:#666; vertical-align:middle; } 

.ec-base-tooltip .btnClose { position:absolute; right:14px; top:14px; } 

.ec-base-tooltip .edge { z-index:20; position:absolute; left:50%; top:-6px; display:block; margin:0 0 0 -5px; width:10px; height:6px; } 

.ec-base-tooltip .edge:before,.ec-base-tooltip .edge:after { display:inline-block; content:""; position:absolute; top:0; width:0; height:0; border:solid transparent; } 

.ec-base-tooltip .edge:before { margin:1px 0 0; border-bottom-color:#565960; border-width:0 5px 5px 5px; } 

.ec-base-tooltip .edge:after { left:1px; margin:2px 0 0; border-bottom-color:#fff; border-width:0 4px 4px 4px; } 

.ec-base-tooltip table th,.ec-base-tooltip table td { padding:8px 10px 7px 10px; border:1px solid #e8e8e8; line-height:1.5em; } 

.ec-base-tooltip table th { padding-right:0; background:#fbf9fa; } 

.ec-base-tooltip table thead th { text-align:center; } 

.ec-base-tooltip table tbody th { text-align:left; } 

.ec-base-tooltip table .left { text-align:left; } 

.ec-base-tooltip table .center { text-align:center; } 

.ec-base-tooltip table .right { text-align:right; } 

.ec-base-tooltip table .info { padding:0; color:#757575; } 

.ec-base-tooltip table p.info:before,.ec-base-tooltip table ul.info li:before { display:inline-block; content:""; margin:0 3px 0 0; width:4px; height:1px; background:#757575; vertical-align:middle; } 

.ec-base-tooltip .info { padding:10px 10px 0; margin:5px 0 0; } 

.ec-base-tooltip p.bullet,.ec-base-tooltip ul.bullet { margin:8px 10px; } 

.ec-base-tooltip p.bullet:before,.ec-base-tooltip ul.bullet li:before { display:inline-block; content:""; margin:-3px 3px 0 0; width:0; height:0; border:solid transparent; border-left-color:#333; border-width:2px 0 2px 2px; vertical-align:middle; } 

.ec-base-tooltip ul.bullet li { line-height:1.5em; } 

.ec-base-tooltip .txtEm { color:#008bcc; } 

.ec-base-tooltip .txtWarn { color:#f65b54; } 

.ec-base-tooltip.typeUpper { top:auto; bottom:34px; } 

.ec-base-tooltip.typeUpper .edge { top:auto; bottom:-6px; } 

.ec-base-tooltip.typeUpper .edge:before { margin:0 0 -5px; border-top-color:#565960; border-width:5px 5px 0 5px; } 

.ec-base-tooltip.typeUpper .edge:after { left:1px; margin:0 0 -4px; border-top-color:#fff; border-width:4px 4px 0 4px; } 

span.ec-base-help,p.ec-base-help,ul.ec-base-help li { margin:2px 9px; padding:1px 0 1px 20px; line-height:1.4; background:url('/design/newcomfort/pc/img/ico_info.gif') no-repeat 0 2px; } 

div.ec-base-help { margin:20px 0; border:1px solid #e8e8e8; line-height:18px; } 

div.ec-base-help > h2,div.ec-base-help > h3 { padding:9px 0 6px 10px; border-bottom:1px solid #e8e7e7; color:#101010; font-size:12px; background:#fbfbfb; } 

div.ec-base-help .inner { padding:0 9px 12px; } 

div.ec-base-help h4 { margin:22px 0 -4px; color:#404040; font-size:12px; font-weight:normal; } 

div.ec-base-help h4:first-child { margin-top:13px; } 

div.ec-base-help p { margin:15px 0 0 10px; color:#707070; } 

div.ec-base-help ul,div.ec-base-help ol { margin:15px 0 0 11px; } 

div.ec-base-help li { color:#707070; } 

div.ec-base-help ol li { padding:0 0 0 25px; background:url('/design/newcomfort/pc/img/ico_number.png') no-repeat; } 

div.ec-base-help ol .item1 { background-position:-484px 0; } 

div.ec-base-help ol .item2 { background-position:-434px -100px; } 

div.ec-base-help ol .item3 { background-position:-384px -200px; } 

div.ec-base-help ol .item4 { background-position:-334px -300px; } 

div.ec-base-help ol .item5 { background-position:-284px -400px; } 

div.ec-base-help ol .item6 { background-position:-234px -500px; } 

div.ec-base-help ol .item7 { background-position:-184px -600px; } 

div.ec-base-help ol .item8 { background-position:-134px -700px; } 

div.ec-base-help ol .item9 { background-position:-84px -800px; } 

div.ec-base-help ol .item10 { background-position:-34px -900px; } 

div.ec-base-help ul li { padding:0 0 0 11px; background:url('/design/newcomfort/pc/img/ico_dash.gif') no-repeat 0 7px; } 

/*
.ec-base-product { margin:20px 0 0; } 

.ec-base-product .title { margin:30px 0 30px; } 

.ec-base-product .title h2 { font-size:18px; color:#000; text-align:center; } 

.ec-base-product .title h3 { font-size:18px; color:#000; text-align:center; } 

.ec-base-product .m_title { margin:0 0 40px; display:block; text-align:center; } 

.ec-base-product .m_title h2 { font-size:24px; color:#000; border-bottom:1px solid #333; display:inline-block; line-height:2.4; } 

.ec-base-product .m_title h3 { font-size:12px; color:#000; } 

.ec-base-product img { vertical-align:top; } 

.ec-base-product .prdList { display:table; width:calc(100% + 20px); margin-left:-10px; font-size:0; line-height:0; } 

.ec-base-product .prdList > li { display:inline-block; margin:0 0 80px; padding:0; vertical-align:top; position:relative; } 

.ec-base-product .prdList .chk { position:absolute; top:10px; right:20px; display:block; margin:0; text-align:center; z-index:5; } 

.ec-base-product .prdList .thumbnail { position:relative; width:100%; margin:0 auto; text-align:center; } 

.ec-base-product .prdList .thumbnail a { display:block; overflow:hidden; margin:0 10px; } 

.ec-base-product .prdList .thumbnail a img { width:100%; border:0px solid #ececec; box-sizing:border-box; -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; } 

.ec-base-product .prdList .thumbnail a:hover img { -webkit-transition:all 0.1s ease-in; -webkit-transform: scale(1.1); -ms-transition:all 0.1s ease-in; -ms-transform: scale(1.1); -moz-transition:all 0.1s ease-in; -moz-transform: scale(1.1); transition:all 0.1s ease-in; transform: scale(1.1); } 

.ec-base-product .prdList .thumbnail .prdIcon { position:absolute; width:100%; height:100%; background-repeat:no-repeat; z-index:2; } 

.ec-base-product .prdList .thumbnail .ranking { position:absolute; top:0; left:10px; font-size:12px; color:#000; z-index:2; padding:20px; line-height:14px; font-weight:bold; } 

.ec-base-product .prdList .description { margin:0 auto; padding:0 10px; font-size:12px; line-height:1.8; text-align:left; } 

.ec-base-product .prdList .description .icon { margin:0 0 15px; padding:0; border-bottom:1px solid #eee; } 

.ec-base-product .prdList .description .icon:after { content:""; display:block; clear:both; } 

.ec-base-product .prdList .description .icon .wish { position:relative; float:right; cursor:pointer; } 

.ec-base-product .prdList .description .icon .basket { position:relative; float:right; cursor:pointer; } 

.ec-base-product .prdList .description .icon .option { position:relative; float:right; cursor:pointer; } 

.ec-base-product .prdList .description .icon img { margin:7px 5px; } 

.ec-base-product .prdList .description .icon .likeButton { position:relative; float:left; cursor:pointer; } 

.ec-base-product .prdList .description .icon .likeButton button { background:rgba(255,255,255,0); } 

.ec-base-product .prdList .description .icon .likeButton button strong { position:absolute; top:8px; font-size:12px; font-weight:normal; } 

.ec-base-product .prdList .description .name { display:block; } 

.ec-base-product .prdList .description .name a { color:#000; } 

.ec-base-product .prdList .description .promotion { margin:5px 0 10px; font-size:0; } 

.ec-base-product .prdList .description .promotion:after { content:""; display:block; clear:both; } 

.ec-base-product .prdList .description .promotion img { margin:0 2px; } 

.ec-base-product .prdList .description .mileage { display:block; } 

.ec-base-product .prdList .description span.grid { display:block; } 

.ec-base-product ul.grid2 > li { width:50%; } 

.ec-base-product ul.grid3 > li { width:33.33%; } 

.ec-base-product ul.grid4 > li { width:25%; } 

.ec-base-product ul.grid5 > li { width:20%; } 

.ec-base-product ul.grid3 > li .color { max-width:230px; } 

.ec-base-product ul.grid4 > li .color { max-width:190px; } 

.ec-base-product ul.grid5 > li .color { max-width:130px; } 

.ec-base-product .spec { margin:0; } 

.ec-base-product .spec li { text-align:left; } 

.ec-base-product .spec li .title { font-weight:normal; vertical-align:top; } 

.ec-base-product .spec li .title span { vertical-align:top; } 

.ec-base-product .spec li .color { overflow:hidden; display:inline-block; margin:3px 0 0 0; } 

.ec-base-product .spec li .chips { float:left; width:10px; height:10px; margin:0 2px 2px 0; border:1px solid #e3e3e3; font-size:0; line-height:0; } 

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

.ec-base-product .layerDiscountPeriod strong.title { display:block; margin:0 0 12px; padding:0 35px 0 0; font-weight:bold; color:#2e2e2e; } 

.ec-base-product .layerDiscountPeriod .content p { margin:2px 0 0; font-size:11px; color:#000; line-height:16px; color:#757575; letter-spacing:-1px; } 

.ec-base-product .layerDiscountPeriod .content p strong { font-weight:normal; font-size:12px; color:#2e2e2e; } 

.ec-base-product .layerDiscountPeriod .content p strong span { font-size:11px; } 
*/

.ec-product-bgLT { background-position:left top; left:10px; top:0; } 

.ec-product-bgLC { background-position:left center; left:10px; } 

.ec-product-bgLB { background-position:left bottom; left:10px; bottom:0; } 

.ec-product-bgRT { background-position:right top; right:10px; top:0; } 

.ec-product-bgRC { background-position:right center; right:10px; } 

.ec-product-bgRB { background-position:right bottom; right:10px; bottom:0; } 

.ec-product-bgCT { background-position:center top; top:0; left:50%; margin-left:-50%; } 

.ec-product-bgCC { background-position:center center; left:50%; margin-left:-50%; top:50%; margin-top:-50%; } 

.ec-product-bgCB { background-position:center bottom; bottom:0; left:50%; margin-left:-50%; } 

.ec-base-product-2 { margin:30px 0 0; } 

.ec-base-product-2 .title { margin:0 0 15px; } 

.ec-base-product-2 .title h2 { font-size:24px; color:#000; text-align:left; } 

.ec-base-product-2 .title h3 { font-size:12px; color:#000; text-align:left; } 

.ec-base-product-2 .m_title { margin:0 0 40px; display:block; text-align:center; } 

.ec-base-product-2 .m_title h2 { font-size:14px; color:#000; border-bottom:1px solid #333; display:inline-block; line-height:2.4; } 

.ec-base-product-2 .m_title h3 { font-size:12px; color:#000; } 

.ec-base-product-2 img { vertical-align:top; } 

.ec-base-product-2 .prdList { display:table; width:calc(100% + 0px); margin-left:0px; font-size:0; line-height:0; } 

.ec-base-product-2 .prdList > li { display:inline-block; margin:0; padding:0; vertical-align:top; position:relative; } 

.ec-base-product-2 .prdList .chk { position:absolute; top:10px; right:20px; display:block; margin:0; text-align:center; z-index:5; } 

.ec-base-product-2 .prdList .thumbnail_main { position:relative; width:100%; display:block; overflow:hidden; } 

.ec-base-product-2 .prdList .thumbnail_main .thumb_img { width:100%; padding:0; margin:0; } 

.ec-base-product-2 .prdList a .thumbnail_main .thumb_img { opacity:1; -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; } 

.ec-base-product-2 .prdList a:hover .thumbnail_main .thumb_img { opacity:0.7; -webkit-transition:all 0.1s ease-in; -webkit-transform: scale(1.1); -ms-transition:all 0.1s ease-in; -ms-transform: scale(1.1); -moz-transition:all 0.1s ease-in; -moz-transform: scale(1.1); transition:all 0.1s ease-in; transform: scale(1.1); } 

.ec-base-product-2 .prdList .thumbnail_main .prdIcon { position:absolute; width:100%; height:100%; background-repeat:no-repeat; z-index:2; } 

.ec-base-product-2 .prdList .description_main { display:none; position:absolute; top:50%; left:10%; width:80%; margin-top:-30px; z-index:5; padding:0; font-size:12px; line-height:1.8; text-align:center; } 

.ec-base-product-2 .prdList .description_main .name { } 

.ec-base-product-2 .prdList .description_main .name a { color:#000; } 

.ec-base-product-2 .prdList .description_main .promotion { margin:5px 0; font-size:0; } 

.ec-base-product-2 .prdList .description_main .promotion:after { content:""; display:block; clear:both; } 

.ec-base-product-2 .prdList .description_main .promotion img { margin:0 2px; } 

.ec-base-product-2 .prdList .description_main .mileage { display:block; } 

.ec-base-product-2 .prdList .description_main span.grid { display:block; } 

.ec-base-product-2 ul.grid2 > li { width:50%; } 

.ec-base-product-2 ul.grid3 > li { width:33.333%; } 

.ec-base-product-2 ul.grid4 > li { width:25%; } 

.ec-base-product-2 ul.grid5 > li { width:20%; } 

.ec-base-product-2 ul.grid3 > li .color { max-width:230px; } 

.ec-base-product-2 ul.grid4 > li .color { max-width:190px; } 

.ec-base-product-2 ul.grid5 > li .color { max-width:130px; } 

.ec-base-product-2 .spec { margin:0; } 

.ec-base-product-2 .spec li { text-align:center; } 

.ec-base-product-2 .spec li .title { font-weight:normal; vertical-align:top; } 

.ec-base-product-2 .spec li .title span { vertical-align:top; } 

.ec-base-product-2 .spec li .color { overflow:hidden; display:inline-block; margin:3px 0 0 0; } 

.ec-base-product-2 .spec li .chips { float:left; width:10px; height:10px; margin:0 2px 2px 0; border:1px solid #e3e3e3; font-size:0; line-height:0; } 

.ec-base-product-2 .discountPeriod { display:inline-block; z-index:10; position:relative; width:55px; height:19px; vertical-align:middle; } 

.ec-base-product-2 .layerDiscountPeriod { left:50%; top:26px; width:247px; margin:0 0 0 -124px; } 

.ec-base-product-2 .layerDiscountPeriod strong.title { display:block; margin:0 0 12px; padding:0 35px 0 0; font-weight:bold; color:#2e2e2e; } 

.ec-base-product-2 .layerDiscountPeriod .content p { margin:2px 0 0; font-size:11px; color:#000; line-height:16px; color:#757575; letter-spacing:-1px; } 

.ec-base-product-2 .layerDiscountPeriod .content p strong { font-weight:normal; font-size:12px; color:#2e2e2e; } 

.ec-base-product-2 .layerDiscountPeriod .content p strong span { font-size:11px; } 

.ec-product-bgLT { background-position:left top; left:0px; top:0; } 

.ec-product-bgLC { background-position:left center; left:0px; } 

.ec-product-bgLB { background-position:left bottom; left:0px; bottom:0; } 

.ec-product-bgRT { background-position:right top; right:0px; top:0; } 

.ec-product-bgRC { background-position:right center; right:0px; } 

.ec-product-bgRB { background-position:right bottom; right:0px; bottom:0; } 

.ec-product-bgCT { background-position:center top; top:0; } 

.ec-product-bgCC { background-position:center center; } 

.ec-product-bgCB { background-position:center bottom; bottom:0; } 

.ec-base-paginate { margin:20px 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; } 

.ec-base-paginate li { display:inline-block; margin:0 0 0 -1px; border:1px solid #ddd; font-size:11px; color:#666; vertical-align:top; *display:inline; *zoom:1; } 

.ec-base-paginate li:first-child { margin-left:0; } 

.ec-base-paginate img { vertical-align:top; } 

.ec-base-paginate li a { display:block; width:33px; padding:9px 0; font-weight:bold; color:#000; line-height:14px; background:#fff; } 

.ec-base-paginate li a:hover { text-decoration:none; background:#f2f2f2; } 

.ec-base-paginate li a.this { padding-bottom:6px; border-bottom:3px solid #000; color:#000; } 

.ec-base-paginate a.nolink { cursor:default; } 

.ec-base-paginate.typeSub ol { margin:0 15px; vertical-align:middle; } 

.ec-base-paginate.typeSub li { font-size:11px; border:0; } 

.ec-base-paginate.typeSub img { vertical-align:middle; } 

.ec-base-paginate.typeSub li a { width:auto; margin:0 5px 0; padding:2px; color:#999; background:none; } 

.ec-base-paginate.typeSub li a.this { color:#000; font-weight:bold; border:0; } 

.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 30px; border-top:1px solid #ddd; border-bottom:1px solid #000; background:#fff; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } 

.ec-base-tab .menu:after { content:""; display:block; clear:both; } 

.ec-base-tab .menu li { float:left; background:#fff; font-size:12px; } 

.ec-base-tab .menu li a { display:block; min-width:187px; margin:0 0 -2px; padding:10px 0; color:#999; text-decoration:none; text-align:center; background:#fff; } 

.ec-base-tab .menu li.selected a { position:relative; top:-1px; border:1px solid #000; border-bottom:1px solid #fff; color:#000; background:#fff; } 

.ec-base-tab .right { position:absolute; top:8px; right:10px; line-height:24px; color:#909090; } 

.ec-base-tab.typeLight .menu li.selected a { position:relative; top:-1px; border:1px solid #000; border-bottom:1px solid #fff; color:#000; background:#fff; } 

.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:block; min-width:187px; margin:0 0 -2px; border-bottom:1px solid #000; padding:10px 0; color:#999; text-decoration:none; text-align:center; background:#fff; } 

.ec-base-tab[class*="grid"] .menu li.selected { } 

.ec-base-tab[class*="grid"] .menu li.selected a { position:relative; top:-1px; border:1px solid #000; border-bottom:1px solid #fff; color:#000; background:#fff; } 

.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.8%; width:15% \0/; } 

.ec-base-tab.grid7 .menu li:first-child { width:13% \0/; } 

.ec-base-tab-2 { position:relative; } 

.ec-base-tab-2 .menu { margin:0 0 10px; padding:60px 0 0; border-bottom:1px solid #ddd; } 

.ec-base-tab-2 .menu:after { content:""; display:block; clear:both; } 

.ec-base-tab-2 .menu li { float:left; font-size:11px; } 

.ec-base-tab-2 .menu li a { display:block; margin:13px 0; padding:0 23px; border-right:1px solid #ddd; color:#999; text-decoration:none; text-align:left; } 

.ec-base-tab-2 .menu li a:hover { color:#000; } 

.ec-base-tab-2 .menu li:first-child a { padding-left:0; } 

.ec-base-tab-2 .menu li:last-child a { border-right:0; } 

.ec-base-tab-2 .menu li.selected a { color:#000; } 

.ec-base-tab-3 { position:relative; } 

.ec-base-tab-3 .menu { margin:0 0 10px; padding:0; border-bottom:1px solid #ddd; } 

.ec-base-tab-3 .menu:after { content:""; display:block; clear:both; } 

.ec-base-tab-3 .menu li { float:left; font-size:11px; } 

.ec-base-tab-3 .menu li a { display:block; margin:13px 0; padding:0 23px; border-right:1px solid #ddd; color:#999; text-decoration:none; text-align:left; } 

.ec-base-tab-3 .menu li a:hover { color:#000; } 

.ec-base-tab-3 .menu li:first-child a { padding-left:0; } 

.ec-base-tab-3 .menu li:last-child a { border-right:0; } 

.ec-base-tab-3 .menu li.selected a { color:#000; } 

.ec-base-button { padding:30px 0; text-align:center; } 

.ec-base-button.justify { position:relative; } 

.ec-base-button:after { display:block; content:""; clear:both; } 

.ec-base-button .gLeft { float:left; text-align:left; } 

.ec-base-button .gRight { float:right; text-align:right; } 

.ec-base-button.justify .gLeft { position:absolute; left:0; } 

.ec-base-button.justify .gRight { position:absolute; right:0; } 

.ec-base-button .text { margin:0 6px 0 10px; color:#353535; line-height:24px; } 

.ec-base-button.typeBorder { margin-top:-1px; padding:10px 20px; border:1px solid #d7d5d5; } 

.ec-base-button.typeBG { padding:20px 0px; } 

.ec-base-box { padding:20px; border:1px solid #ddd; } 

.ec-base-box.gHalf { position:relative; padding:20px 0; } 

.ec-base-box.gHalf:before { position:absolute; top:0; left:50%; display:block; content:""; width:1px; height:100%; background-color:#e6e6e6; } 

.ec-base-box.typeBg { background-color:#fbfafa; } 

.ec-base-box.typeThin { border-width:1px; border-color:#ddd; } 

.ec-base-box.typeThinBg { } 

.ec-base-box.typeThinBg > .agree { padding:20px; border:0px solid #e6e6e6; background:#fff; } 

.ec-base-box.typeThinBg > .agree p { padding:0 0 17px; } 

.ec-base-box.typeMember { padding:0; } 

.ec-base-box.typeMember .information { display:table; table-layout:fixed; padding:20px 0; width:100%; box-sizing:border-box; } 

.ec-base-box.typeMember .information > .title,.ec-base-box.typeMember .information > .thumbnail { display:table-cell; padding:0 15px; width:70px; text-align:center; vertical-align:middle; } 

.ec-base-box.typeMember .information > .title { vertical-align:middle; } 

.ec-base-box.typeMember .information > .thumbnail img { max-width:70px; } 

.ec-base-box.typeMember .information .description { display:table-cell; padding:0 20px; width:auto; line-height:1.5em; border-left:1px solid #e8e8e8; vertical-align:middle; } 

.ec-base-box.typeMember.gMessage { border-width:1px; border-color:#ddd; } 

.ec-base-box .message { display:block; padding:10px 0 10px 35px; border-bottom:1px solid #e8e7e7; background:#fbfbfb url("/design/newcomfort/pc/img/ico_info.gif") no-repeat 10px center; } 

.ec-base-box.typeProduct { display:table; table-layout:fixed; padding:15px 0; width:100%; box-sizing:border-box; } 

.ec-base-box.typeProduct .thumbnail,.ec-base-box.typeProduct .information { display:table-cell; padding:0 20px; vertical-align:middle; } 

.ec-base-box.typeProduct .thumbnail { width:100px; } 

.ec-base-box.typeProduct .thumbnail img { max-width:90px; border:1px solid #ddd; } 

.ec-base-box.typeProduct .information { padding-left:0; } 


.arr { font-size:8px; padding:3px 0; color:#999; } 

.go { font-size:14px; font-weight:bold; text-decoration:underline; } 

@media screen and (max-width:1280px){
 .top_left_menu .t_menu .t_view .sub_sec { width:940px; } 

 } 

.xans-layout-searchheader { position:relative; width:165px; /*padding:6px; */margin:0 10px 10px; border:1px solid #ddd; } 

.xans-layout-searchheader input { border:0; vertical-align:middle; } 

.xans-layout-searchheader input[name="search"] { height:18px; padding:0; width:142px; /*width:145px; */font-size:12px; color:#000; background:rgba(255,255,255,0); } 

.xans-layout-searchheader img { cursor:pointer; bottom:3px; right:3px; position:relative; } 

#footer a { color:#888; } 

#footer a:hover { color:#000; } 

.foot_sec { position:relative; width:100%; margin:0 auto; padding:40px 10px; overflow:hidden; } 

.foot_sec li { position:relative; float:left; font-size:12px; } 

.foot_sec li .foot_tit { font-size:12px; font-weight:bold; color:#000; margin-bottom:5px; } 

.foot_sec li .foot_sns { position:relative; margin-bottom:48px; } 

.foot_sec li .foot_sns img { height:24px; margin:0 2px; } 

.foot_sec li .foot_sns a img { opacity:1; } 

.foot_sec li .foot_sns a:hover img { opacity:0.5; } 

.util_menu { position:absolute; bottom:-35px; left:0; } 

.util_menu li { float:left; text-align:left; padding:0 10px; } 

.copyright { position:absolute; bottom:-35px; right:0; text-align:left; padding:0 10px; } 

.gotop { display:none; position:fixed; bottom:44px; right:15px; z-index:10; } 

.gotop img { width:25px; } 

.gotop a img { opacity:1; } 

.gotop a:hover img { opacity:1; } 

.gobottom { display:none; position:fixed; bottom:14px; right:15px; z-index:10; } 

.gobottom img { width:25px; transform:rotate(180deg); } 

.gobottom a img { opacity:1; } 

.gobottom a:hover img { opacity:1; } 

.pop_icon { position:fixed; bottom:30px; right:30px; z-index:10; } 

.pop_icon img { } 

.pop_icon a img { opacity:1; } 

.pop_icon a:hover img { opacity:1; } 

.pop_icon2 { position:fixed; bottom:200px; right:30px; z-index:10; } 

.pop_icon2 img { } 

.pop_icon2 a img { opacity:1; } 

.pop_icon2 a:hover img { opacity:1; } 

li { list-style:none; } 

table { width:100%; border:0; border-spacing:0; border-collapse:collapse; } 

caption { display:none; } 

h1,h3 { margin:0; } 

.ec-base-layer { position:absolute; z-index:100; border:1px solid #757575; background:#fff; } 

.ec-base-layer .header { padding:7px 35px 7px 19px; color:#fff; background:#000; } 

.ec-base-layer .header > h1,.ec-base-layer .header > h3 { font-size:14px; line-height:1.5; } 

.ec-base-layer .content { padding:20px; font-size:12px; } 

.ec-base-layer div.ec-base-help { margin-top:0; } 

.ec-base-layer .ec-base-button { padding:9px; border-top:1px solid #d7d5d5; text-align:center; background:#fafafa; } 

.ec-base-layer .close { position:absolute; right:0; top:0; padding:11px 20px; cursor:pointer; } 

#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-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:9px 0 8px; } 

.ec-base-layer .ec-base-table tbody th { padding:9px 0 8px 10px; } 

.ec-base-layer .ec-base-table td { padding:9px 10px 8px; } 

.ec-base-layer .ec-base-table.typeWrite td { padding:5px 10px 4px; } 

.ec-base-layer .ec-base-table.typeList td { padding:5px 0 4px; } 

.ec-base-layer .ec-base-table.typeList tfoot td { padding:10px 10px 12px; } 

.ec-base-layer .ec-base-table.typeList .left { padding-left:10px; } 

.ec-base-layer .ec-base-table.typeList .right { padding-right:10px; } 

.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("/design/newcomfort/pc/img/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 { padding:30px 0 60px; text-align:center; } 

.xans-layout-conversionpc a { margin:40px; padding:20px 50px; font-size:34px; color:#000; text-decoration:none; text-align:center; border:1px solid #9d9db0; border-radius:10px; } 


body { min-width: 1280px; } 

/* 210907 header file move */
#header { 
    position: fixed; 
    /* added to support older browsers */
    position: sticky; 
} 

.top_left_menu .t_menu .t_view { 
top: 70%; 
position: -ms-page; 
 } 

#header.smaller>div>div>ul>li>.t_view { 
top: 70px; 
 } 

#container { 
position: relative; 
width: 100%; 
/* margin: 110px 0; */
} 


/** =================== 2021-08-27 didot =================== **/
.dd-search-box { background-color:rgba(255,255,255,0.8); position:absolute; top: 60px; left: 0; width: 100%; padding:30px 0; display:none; } 
.dd-search-box .xans-layout-searchheader { position:relative; width:450px; margin:0 auto; box-sizing:border-box; padding:6px; border:0; border-bottom:2px solid #000; height:52px; } 
.dd-search-box .xans-layout-searchheader:before { content:''; display:block; clear:both; } 
.dd-search-box .xans-layout-searchheader:after { content:''; display:block; clear:both; } 
.dd-search-box .xans-layout-searchheader input[name="search"] { display:inline-block; width:378px; height:40px; font-size:14px; color:#000; float:left; border:0; } 
.dd-search-box .xans-layout-searchheader a { width:40px; height:40px; display:block; float:left; margin-left:20px; box-sizing:border-box; padding:10px; } 
.dd-search-box .xans-layout-searchheader a img { max-width:100%; } 
.dd-search-box .xans-layout-searchheader fieldset { position:absolute; top:6px; left:6px; } 


/* ec-base-product */
.ec-base-product { margin:20px 0 0; } 
.ec-base-product .title { margin:30px 0 30px; } 
.ec-base-product .title h2 { font-size:18px; color:#000; text-align:center; } 
.ec-base-product .title h3 { font-size:18px; color:#000; text-align:center; } 
.ec-base-product .m_title { margin:0 0 40px; display:block; text-align:center; } 
.ec-base-product .m_title h2 { font-size:24px; color:#000; border-bottom:1px solid #333; display:inline-block; line-height:2.4; } 
.ec-base-product .m_title h3 { font-size:12px; color:#000; } 
.ec-base-product img { vertical-align:top; } 

.ec-base-product .prdList { display:table; width:calc(100% + 20px); margin-left:-10px; font-size:0; line-height:0; } 
.ec-base-product .prdList > li { display:inline-block; margin:0 0 60px; padding:0; vertical-align:top; position:relative; } 
.ec-base-product .prdList .chk { position:absolute; top:10px; right:20px; display:block; margin:0; text-align:center; z-index:5; } 
.ec-base-product .prdList .thumbnail { position:relative; width:100%; margin:0 auto; text-align:center; } 
.ec-base-product .prdList .thumbnail a { display:block; overflow:hidden; margin:0 10px; } 
.ec-base-product .prdList .thumbnail a img { width:100%; border:0px solid #ececec; box-sizing:border-box; -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; } 
.ec-base-product .prdList .thumbnail a:hover img { -webkit-transition:all 0.1s ease-in; -webkit-transform: scale(1.1); -ms-transition:all 0.1s ease-in; -ms-transform: scale(1.1); -moz-transition:all 0.1s ease-in; -moz-transform: scale(1.1); transition:all 0.1s ease-in; transform: scale(1.1); } 
.ec-base-product .prdList .thumbnail .prdIcon { position:absolute; width:100%; height:100%; background-repeat:no-repeat; z-index:2; } 
.ec-base-product .prdList .thumbnail .ranking { position:absolute; top:0; left:10px; font-size:12px; color:#000; z-index:2; padding:20px; line-height:14px; font-weight:bold; } 


.ec-base-product .prdList .description { margin:0 auto; padding:0 10px; font-size:12px; line-height:1.8; text-align:left; } 
.ec-base-product .prdList .description:after { content:''; display:block; clear:both; } 
.ec-base-product .prdList .description .icon { padding:0; margin-left: -5px; } 
.ec-base-product .prdList .description .icon:after { content:""; display:block; clear:both; } 
.ec-base-product .prdList .description .icon .wish { position:relative; float:right; cursor:pointer; } 
.ec-base-product .prdList .description .icon .basket { position:relative; float:right; cursor:pointer; } 
.ec-base-product .prdList .description .icon .option { position:relative; float:right; cursor:pointer; } 
.ec-base-product .prdList .description .icon img { display: inline-block; margin:7px 5px; } 
.ec-base-product .prdList .description .icon .likeButton { position:relative; float:left; cursor:pointer; } 
.ec-base-product .prdList .description .icon .likeButton button { background:rgba(255,255,255,0); } 
.ec-base-product .prdList .description .icon .likeButton button strong { position:absolute; top:8px; font-size:12px; font-weight:normal; } 

.ec-base-product .prdList .description .name { margin:10px 0 0; display:block; } 
.ec-base-product .prdList .description .name a { color:#000; font-size:16px; letter-spacing: -0.04em; } 
.ec-base-product .prdList .description .subtitle { margin:10px 0 0; padding:10px 0 0; color:#888; font-size:14px; border-top:1px solid #ddd; letter-spacing: -0.04em; } 

.ec-base-product .prdList .description .price { } 
.ec-base-product .prdList .description .price p { display:inline-block; margin-right:5px; } 
/* .ec-base-product .prdList .description .price .price_s { font-size:12px; color:#888; } 
.ec-base-product .prdList .description .price .price_m { font-size:12px; color:#888; } 
.ec-base-product .prdList .description .price .price_l { font-size:16px; color:#000; font-weight:bold; }  */
.ec-base-product .prdList .description .price .price_s { font-size: 12px; color: #bbb; } 
.ec-base-product .prdList .description .price .price_m { font-size: 12px; color: #bbb; } 
.ec-base-product .prdList .description .price .price_group { display: flex; gap: 4px; align-items: center; }
.ec-base-product .prdList .description .price .price_l { font-size:16px; color:#000; font-weight:bold; } 
.ec-base-product .prdList .description .price .price_d { font-size: 16px; color: #fa6d17; font-weight:bold; } 

.ec-base-product .prdList .description .promotion { margin:5px 0 10px; font-size:0; } 
.ec-base-product .prdList .description .promotion:after { content:""; display:block; clear:both; } 
.ec-base-product .prdList .description .promotion img { margin:0 2px; } 
.ec-base-product .prdList .description .mileage { display:block; } 
.ec-base-product .prdList .description span.grid { display:block; } 

.ec-base-product ul.grid2 > li { width:50%; } 
.ec-base-product ul.grid3 > li { width:33.33%; } 
.ec-base-product ul.grid4 > li { width:25%; } 
.ec-base-product ul.grid5 > li { width:20%; } 
.ec-base-product ul.grid3 > li .color { max-width:230px; } 
.ec-base-product ul.grid4 > li .color { max-width:190px; } 
.ec-base-product ul.grid5 > li .color { max-width:130px; } 

.ec-base-product .spec { margin:0; padding:10px 0; } 
.ec-base-product .spec:after { content:""; display:block; clear:both; } 
.ec-base-product .spec li { text-align:left; } 
.ec-base-product .spec li .title { font-weight:normal; vertical-align:top; } 
.ec-base-product .spec li .title span { vertical-align:top; } 
.ec-base-product .spec li .color { overflow:hidden; display:inline-block; margin:3px 0 0 0; } 
.ec-base-product .spec li .chips { float:left; width:10px; height:10px; margin:0 2px 2px 0; border:1px solid #e3e3e3; font-size:0; line-height:0; } 

.ec-base-product .spec .colorchip { float:left; font-size:16px; line-height:1.2; vertical-align: middle; } 
.ec-base-product .spec .review { float:right; font-size:14px; line-height:1.3; color:#eb7d00; font-size:16px; } 


.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; } 
.ec-base-product .layerDiscountPeriod strong.title { display:block; margin:0 0 12px; padding:0 35px 0 0; font-weight:bold; color:#2e2e2e; } 
.ec-base-product .layerDiscountPeriod .content p { margin:2px 0 0; font-size:11px; color:#000; line-height:16px; color:#757575; letter-spacing:-1px; } 
.ec-base-product .layerDiscountPeriod .content p strong { font-weight:normal; font-size:12px; color:#2e2e2e; } 
.ec-base-product .layerDiscountPeriod .content p strong span { font-size:11px; } 
.crema_product_reviews_score__container { display:inline-block; } 

#quick_banner { position: fixed; z-index: 9999; display: block; flex-wrap: nowrap; width: auto; overflow: visible; background: transparent; bottom: 136px; right: 62px; }

/*
#quick_banner a { display: block; margin: 0 0 20px; }
*/

/** 
***** START *****
#=============================================# 
| ** 2024-02 - main renewal - didot **        |
| http://di-dot.com                           |
#=============================================# 
**/

/* basic */
.clearfix:before { content:''; display:block; clear:both; }
.clearfix:after { content:''; display:block; clear:both; }

#header { width: 100%; height: 60px; display: flex; align-items: center; justify-content: space-between; position: sticky; top: 0; left: 0; z-index: 55; padding: 0 24px 0 48px; background-color: #fff; font-family: 'Pretendard', 'Noto Sans KR', DotumChe, Verdana, monospace, Corbel, AppleGothic, Helvetica, sans-serif; box-sizing: border-box; }

/* [S] hamburger */
#header .hamburger-menu { width: 200px; }
#header .hamburger-menu .hamburger { display: flex; }
#header .hamburger-menu .hamburger .menu-icon { margin-right: 24px; }
#header .hamburger-menu .hamburger .menu-icon svg { padding-top: 4px; }
#header .hamburger-menu .hamburger .logo { display: flex; align-items: center; }

#header .hamburger-menu .menu { position: absolute; left: -240px; top: 60px; width: 240px; height: calc(100vh - 100px); background-color: rgba(255,255,255,0.8); overflow-y: auto; transition: left 0.3s; }
#header .hamburger-menu .menu.hidden { left: -240px; }
#header .hamburger-menu .menu.visible { left: 0; height: calc(100vh - 60px); }
#header .hamburger-menu .menu::-webkit-scrollbar { width: 6px; background-color: transparent; }
#header .hamburger-menu .menu::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); }
#header .hamburger-menu .menu::-webkit-scrollbar-track { background-color: transparent;}
#header .hamburger-menu .menu-list { padding: 20px 0; }
#header .hamburger-menu .menu-list > li { padding: 6px 32px 6px 48px; }
#header .hamburger-menu .menu-list > li.story { margin-top: 30px; }
#header .hamburger-menu .menu-list > li > a { font-size: 20px; color: #000; font-weight: 600; }

#header .hamburger-menu .menu .sub-menu { display: none; }
#header .hamburger-menu .menu .sub-menu > li { padding: 4px 0; }
#header .hamburger-menu .menu .sub-menu > li > a { font-size: 16px; color: #666; }

/* [S] gnb */
#header .gnb-menu { width: 100%; max-width: 960px; }
#header .gnb-menu .menu { display: flex; align-items: center; justify-content: space-around; }
#header .gnb-menu .menu > li {}
#header .gnb-menu .menu > li > a { font-size: 17px; font-weight: 600; }

/* [S] util */
#header .util-menu { width: 200px; }
#header .util-menu .menu { display: flex; justify-content: flex-end; align-items: center; }
#header .util-menu .menu > li { padding: 0 10px; }
#header .util-menu .menu > li > a { display: block; }
#header .util-menu .menu .util-cart > a { position: relative; }
#header .util-menu .menu .util-cart .count { position: absolute; right: -6px; top: 0px; width: 16px; height: 16px; background: #000; color: #fff; text-align: center; line-height: 16px; font-size: 10px; border-radius: 50%; }


/* BASIC css end */