/* BASIC css start */
b.progress { overflow:hidden; height:37px;  text-align:center; } 

.progress li { position:relative; float:left; padding:0 0 0 17px; width:35%; height:100%; line-height:37px; background-color:#ebebeb; box-sizing:border-box; list-style-type:none; } 

.progress li:first-child { padding:0; width:30%; } 

.progress li:first-child:before { display:none; } 

.progress li:before { position:absolute; top:0; left:0; display:inline-block; content:""; width:17px; height:37px; background:url("/design/newcomfort/m/img/bg_process.png") no-repeat 0 0; background-size:67px auto; } 

.progress li.done { background-color:#fafafa; } 

.progress li.done + li:before { background-position:-25px 0; } 

.progress li.done + li.done:before { background-position:-50px 0; } 

.h_title,.sequence { display:none; } 

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

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

.xans-popup-multipopup .paginate { position:absolute; bottom:4px; width:100%; text-align:center; background:transparent; } 

.ec-multi-popup { position:relative; z-index:120; height:0px; } 

.ec-multi-popup .ec-multi-popup-inner { position:absolute; right:7px; border:1px solid #9d9db0; } 

.ec-multi-popup .ec-multi-popup-inner .ec-multi-popup-visual { position:relative; overflow:hidden; background-color:#fff; } 

.ec-multi-popup .ec-multi-popup-inner ul { position:relative; white-space:nowrap; font-size:0; line-height:0; display:table; table-layout:fixed; } 

.ec-multi-popup .ec-multi-popup-inner ul img { width:100%; } 

.ec-multi-popup .ec-multi-popup-inner .ec-multi-popup-option { padding:5px; color:#fff; background-color:#434447; text-align:right; } 

.ec-multi-popup .ec-multi-popup-inner .ec-multi-popup-option label { font-size:12px; } 

.ec-multi-popup .ec-multi-popup-inner .ec-multi-popup-option button { padding:0 12px 0 4px; color:#fff; border:0; cursor:pointer; background:url("/design/newcomfort/m/img/btn_close_notice.png") no-repeat right 3px; background-size:10px 9px; } 

.ec-multi-popup.ec-multi-popup-swipe .ec-multi-popup-inner ul { display:table; table-layout:fixed; } 

.ec-multi-popup.ec-multi-popup-swipe .ec-multi-popup-inner ul li { display:table-cell; } 

.ec-multi-popup-full { position:fixed; left:0; top:0; right:0; bottom:0; z-index:100; width:100%; height:100%; overflow:initial; } 

.ec-multi-popup-full .ec-multi-popup-visual { position:relative; overflow:hidden; display:table; width:100%; background:#000; } 

.ec-multi-popup-full .ec-multi-popup-visual ul { display:table-cell; vertical-align:middle; } 

.ec-multi-popup-full .ec-multi-popup-visual li { display:block; width:100%; text-align:center; } 

.ec-multi-popup-full .ec-multi-popup-visual li img { max-width:100%; max-height:100%; } 

.ec-multi-popup-full .ec-multi-popup-option { overflow:hidden; position:relative; width:100%; padding-right:150px; background-color:#434447; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } 

.ec-multi-popup-full .ec-multi-popup-option.en { padding-right:93px; } 

.ec-multi-popup-full .ec-multi-popup-option.en .close { width:93px; } 

.ec-multi-popup-full .ec-multi-popup-option.cn { padding-right:150px; } 

.ec-multi-popup-full .ec-multi-popup-option.cn .close { width:150px; } 

.ec-multi-popup-full .ec-multi-popup-option.jp { padding-right:150px; } 

.ec-multi-popup-full .ec-multi-popup-option.jp .close { width:150px; } 

.ec-multi-popup-full .ec-multi-popup-option button { display:block; width:100%; font-size:12px; color:#fff; border:0; background:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } 

.ec-multi-popup-full .ec-multi-popup-option .today { margin-top:-1px; } 

.ec-multi-popup-full .option1 .ec-multi-popup-option .today { text-align:center; } 

.ec-multi-popup-full .ec-multi-popup-option .today,.ec-multi-popup-full .ec-multi-popup-option .date,.ec-multi-popup-full .ec-multi-popup-option .no { text-align:left; height:26px; padding-left:10px; border-right:1px solid #333437; border-top:1px solid #5b5c60; border-bottom:1px solid #333437; } 

.ec-multi-popup-full .ec-multi-popup-option .close { position:absolute; right:0; top:0; width:150px; height:100%; text-align:center; border-left:1px solid #5b5c60; } 

.ec-multi-popup-full button { padding:0; } 

.ec-multi-popup-full button::-moz-focus-inner { padding:0; } 

.ec-multi-popup-full.option1 .paginate { bottom:35px; } 

.ec-multi-popup-full.option2 .paginate { bottom:60px; } 

.ec-multi-popup-full.option3 .paginate { bottom:85px; } 

.ec-multi-popup-full.ec-multi-popup-swipe { overflow:hidden; } 

.ec-multi-popup-full.ec-multi-popup-swipe .ec-multi-popup-visual { position:relative; overflow:hidden; display:block; height:100%; } 

.ec-multi-popup-full.ec-multi-popup-swipe .ec-multi-popup-visual ul { position:relative; display:block; height:100%; } 

.ec-multi-popup-full.ec-multi-popup-swipe .ec-multi-popup-visual ul li { float:left; width:100%; height:100%; text-align:center; } 

.ec-multi-popup-full.ec-multi-popup-swipe .ec-multi-popup-visual li a { display:table; width:100%; height:100%; table-layout:fixed; } 

.ec-multi-popup-full.ec-multi-popup-swipe .ec-multi-popup-visual li span { display:table-cell; vertical-align:middle; } 

.ec-multi-popup-full.ec-multi-popup-swipe .ec-multi-popup-visual ul li img { max-width:100%; max-height:100%; width:auto; } 

.ec-multi-popup-full.ec-multi-popup-swipe .ec-multi-popup-option { position:absolute; left:0; bottom:0; } 

.ec-multi-banner { position:relative; background:#fff; } 

.ec-multi-banner .ec-multi-banner-visual a { display:block; width:100%; text-align:center; } 

.ec-multi-banner .ec-multi-banner-visual a img { width:100%; } 

.ec-multi-banner .paginate { display:none; position:absolute; right:7px; bottom:7px; background:transparent; } 

.ec-multi-banner.ec-multi-banner-swipe .paginate { display:block; } 

.ec-multi-banner.ec-multi-banner-swipe { overflow:hidden; } 

.ec-multi-banner.ec-multi-banner-swipe .ec-multi-banner-visual { display:table; table-layout:fixed; } 

.ec-multi-banner.ec-multi-banner-swipe .ec-multi-banner-visual li { display:table-cell; } 

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

.xans-layout-attendbanner { display:block; padding:30px 14px 40px; background-color:#fff; } 

.xans-layout-attendbanner img { width:100%; } 





/* common */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,th,td { margin:0; padding:0; -webkit-tap-highlight-color: rgba(0,0,0,0); } 

html { width:100%; height:100%; } 

body,code { font-family:'Montserrat', 'Noto Sans', Arial, sans-serif; min-width:320px; font-size:13px; line-height:1.2em; color:#1b1b1b; background:#fff; -webkit-text-size-adjust:none; } 

code { background:none; display:block; } 

ul li { list-style:none; } 

ol { list-style-position:inside; } 

img,fieldset { border:none; } 

img { vertical-align:middle; } 

hr.layout { display:none; } 

em,address { font-style:normal; } 

ins { text-decoration:none; } 

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

a:active { text-decoration:none; } 

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

table caption { display:none; } 

th,td { border:0; line-height:18px; } 

legend { height:0; width:0; display:block; text-indent:-9999em; } 

label { cursor:pointer; } 

object,del,sub,var { margin:0; padding:0; } 

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; } 

input[type=text],input[type=password],input[type=number],input[type=tel],textarea { padding:7px; font-weight:inherit; border:1px solid #cccccc; border-radius:2px; outline-style:none; line-height:13px; color:#353535; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } 

input[type="file"] { overflow:hidden; max-width:100%; } 

input[type=text],input[type=password],input[type=number],input[type=tel] { height:29px; } 

textarea,input,select { vertical-align:middle; } 

textarea { resize:none; line-height:1.2em; } 

select { max-width:100%; height:29px; margin:0; padding:0 35px 0 3px; line-height:29px; color:#353535; word-break:break-all; font-weight:inherit; border:1px solid #ccc; background:#fff url("/design/newcomfort/m/img/bg_selectbox.gif") no-repeat right center; background-size:32px 27px; -webkit-border-radius:3px; -webkit-appearance:none; } 

select.disabled { color:#bfbfbf; background-image:url("/design/newcomfort/m/img/bg_selectbox_disabled.gif"); } 

input[type="button"],input[type="text"],input[type="password"],input[type="tel"],input[type="image"],textarea { -webkit-appearance:none; } 

input:checked[type="checkbox"] { background-color:#fff; -webkit-appearance:checkbox; } 

button::-moz-focus-inner { padding:0; border:0; } 

label { margin:0; display:inline-block; min-height:29px; line-height:29px; vertical-align:middle; } 

input[type="radio"],input[type="checkbox"] { margin:0 7px 0 0; } 

textarea.disabled { background-color:#ffffff; color:#bfbfbf; } 

.paginate { text-align:center; background:#fff; } 

.paginate.typeMoreview { margin:0 auto; width:100%; } 

.paginate.typeMoreview a { display:block; padding:6px 0; border:1px solid #dfdfdf; color:#333; font-weight:bold; font-size:12px; background:#f9f9f9; width:50%; line-height:18px; margin:20px auto; } 

.paginate.typeMoreview span.icoMore { display:inline-block; margin:0 0 0 8px; width:13px; height:8px; font-size:0; line-height:0; vertical-align:baseline; } 

.paginate.typeSwipe { color:#757575; } 

.paginate.typeSwipe button.circle { margin:0 3px 0 4px; width:12px; height:12px; display:block; background:#f2f2f2; border-radius:100%; border:0; float:left; } 

.paginate.typeSwipe button.circle.selected { background:#333; } 

.paginate.typeSwipe span { color:#fff; font-size:0; line-height:0; display:inline-block; text-align:center; margin:0 auto; } 

.paginate.typeSwipe button.prev,.paginate.typeSwipe button.next { width:31px; font-size:15px; line-height:1.2em; border:0; cursor:pointer; background:url("/design/newcomfort/m/img/btn_prev.png") no-repeat 50% 50%; background-size:7px auto; } 

.paginate.typeSwipe button.next { background:url("/design/newcomfort/m/img/btn_next.png") no-repeat 50% 50%; background-size:7px auto; } 

.paginate.typeTotal { color:#696969; } 

.paginate.typeTotal > span { margin:0 8px; font-weight:bold; } 

.paginate.typeTotal p { display:inline-block; vertical-align:middle; } 

.paginate.typeTotal .prev,.paginate.typeTotal .next { width:7px; height:13px; font-size:15px; line-height:1.2em; background:url("/design/newcomfort/m/img/btn_prev.png") no-repeat 50% 50%; background-size:7px auto; } 

.paginate.typeTotal .next { background:url("/design/newcomfort/m/img/btn_next.png") no-repeat 50% 50%; background-size:7px auto; } 

.paginate.typeTotal p span { overflow:hidden; display:block; width:29px; text-indent:-999px; } 

.paginate.typeTotal strong { color:#508bed; } 

.paginate.typeList { padding:7px 0; color:#1b1b1b; } 

.paginate.typeList ol { margin:0 8px; } 

.paginate.typeList ol,.paginate.typeList ol li,.paginate.typeList p,.paginate.typeList p a,.paginate.typeList ol li a { display:inline-block; vertical-align:middle; } 

.paginate.typeList ol li { margin:0 1px 5px; list-style:none; background:#fff; } 

.paginate.typeList p,.paginate.typeList ol li a { padding:7px 0 2px; width:31px; height:19px; border-radius:2px; } 

.paginate.typeList ol li .other,.paginate.typeList p,.paginate.typeList ol li a { border:1px solid #d9d9d9; } 

.paginate.typeList ol li .this { border:1px solid #333; } 

.paginate.typeList .this { color:#333; } 

.paginate.typeList .prev,.paginate.typeList .next { margin:0 0 5px; width:31px; font-size:15px; line-height:1.2em; background:#fff url("/design/newcomfort/m/img/btn_prev.png") no-repeat 50% 50%; background-size:7px auto; } 

.paginate.typeList .next { background-image:url("/design/newcomfort/m/img/btn_next.png"); } 

.paginate.typeList p span { overflow:hidden; display:block; width:29px; text-indent:-999px; } 

.paginate.typeList p a { padding:7px 0 2px; width:31px; height:19px; color:#fff; } 

p.ec-base-help,ul.ec-base-help li { margin:8px 4px; padding:0 0 0 18px; font-size:12px; line-height:1.5; color:#757575; text-align:left; background:url("/design/newcomfort/m/img/ico_help.png") no-repeat 0 3px; background-size:14px auto; } 

.ec-base-product .item .thumbnail { position:relative; text-align:center; } 

.ec-base-product .item .thumbnail a img { max-width:100%; box-sizing:border-box; width:100%; } 

.ec-base-product .item .thumbnail:hover a img { opacity:0.5; } 

.ec-base-product .item .thumbnail .prdImg { position:relative; } 

.ec-base-product .item .thumbnail .prdImg .rImg { max-width:100%; } 

.ec-base-product .item .wish { position:absolute; right:3px; bottom:4px; z-index:1; cursor:pointer; } 

.ec-base-product .item .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; } 

.ec-base-product .item .icon { width:100%; } 

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

.ec-base-product .item .promotion { margin:7px 0; text-align:left; } 

.ec-base-product .item .promotion img { margin:0 4px 0 0; } 

.ec-base-product .item .button { margin:0 auto; } 

.ec-base-product .item .button img { cursor:pointer; margin:0 0 8px 0; opacity:1 !important; } 

.ec-base-product .item .button .option { display:inline; position:relative; } 

.ec-base-product .item .button .likeButton { display:table; } 

.ec-base-product .item .button .likeButton button { font-family: 800; verdana; color:#111; letter-spacing:-1px; background:none; } 

.ec-base-product .item .button .likeButton button img { margin-bottom:0; } 

.ec-base-product .item .button .likeButton button strong { height:16px; vertical-align:middle; line-height:24px; padding-left:2px; } 

.ec-base-product .item .button .likeButton.selected button { color:#353535; } 

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

.ec-base-product .item .description .name { display:block; text-align:left; font-weight:normal; } 

.ec-base-product .item .description .name a { color:#2e2e2e; } 

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

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

.ec-admin-icon.cart { height:26px; cursor:pointer; } 

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

.ec-base-product .title { margin:0 0 20px; font-family:'Lato','Noto Sans KR'; } 

.ec-base-product .title h2 { font-weight:normal; font-size:19px; color:#2e2e2e; text-align:center; } 

.ec-base-product h3 { margin-bottom:14px; } 

.ec-base-product img { max-width:100%; } 

.ec-base-product > ul { padding:14px 0 0; } 

.ec-base-product li { vertical-align:top; line-height:18px; } 

/*
.ec-base-product [class*="grid"] { display:table; table-layout:fixed; width:100%; box-sizing:border-box; padding:0 7px; font-size:0; line-height:0; } 
*/

.ec-base-product [class*="grid"] { display:table; table-layout:fixed; width:100%; box-sizing:border-box; padding:0; font-size:0; line-height:0; }

.ec-base-product [class*="grid"] > li { display:inline-block; margin:0 0 30px; vertical-align:top; text-align:center; font-size:12px; line-height:1.4; } 

/*
.ec-base-product .thumbnail { position:relative; margin:0 7px 0px; } 
*/

.ec-base-product .thumbnail { position:relative; margin:0 0px; } 

.ec-base-product .thumbnail a { display:block; } 

.ec-base-product .thumbnail a img { display:block; width:100%; vertical-align:top; } 

.ec-base-product .thumbnail .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-size:30% auto; } 

.ec-base-product .thumbnail .wish { position:absolute; right:3px; bottom:3px; z-index:10; } 

.ec-base-product .description { min-height:10px; margin:0 7px; line-height:1em; text-align:left; } 

.ec-base-product .description .name { line-height:1.3em; word-wrap:break-word; margin:0 0 7px; } 

.ec-base-product .description .name a { font-size:13px; color:#1b1b1b; } 

.ec-base-product .description .custom { color:#888; text-decoration:line-through; } 

.ec-base-product .description .icon { margin:0 0 7px; } 

.ec-base-product .description .icon img { padding:0; margin:0 4px 0 0; max-width:100%; } 

.ec-base-product .description .icon .icon_img { margin:0; max-width:100%; } 

.ec-base-product .description .price { font-size:12px; } 

.ec-base-product .description .strike,.ec-base-product .description .mPriceStrike { text-decoration:line-through; } 

.ec-base-product .description li.cart { margin:0 0 7px; } 

.ec-base-product .description .color { overflow:hidden; margin:0; } 

.ec-base-product .description .color .chips { float:left; width:12px; height:4px; margin:0 2px 2px 0; font-size:0; line-height:0; } 

.ec-base-product .description .likeButton button { border:0; background:none; } 

.ec-base-product .description .likeButton button strong { margin:0 0 0 3px; font-size:11px; line-height:20px; color:#757575; } 

.ec-base-product .description .likeButton.selected button strong { line-height:20px; color:#2e2e2e; } 

.ec-base-product .more_view { margin:7px 4px 0; } 

.ec-base-product .more_view a { display:block; padding:0 0 0 0; background:#d4d4d6; } 

.ec-base-product .more_view a span { overflow:hidden; display:block; width:100%; height:30px; text-indent:120%; background:url("/design/newcomfort/m/img/bg_togglebar_show.png") no-repeat 50% 50%; background-size:12px 12px; } 

.ec-base-product.typeDesc { margin:0; background:#fff; } 

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

.ec-base-product.typeDesc .prdList > li { margin:0; padding:14px; width:100%; box-sizing:border-box; border-top:1px solid #ececec; } 

.ec-base-product.typeDesc .prdList > li:first-child { padding:0 14px 14px; border-top:0; } 

.ec-base-product.typeDesc .prdList > li:after { display:block; content:""; clear:both; } 

.ec-base-product.typeDesc .thumbnail { float:left; margin:0; padding:0; width:87px; } 

.ec-base-product.typeDesc .thumbnail .wish { right:4px; } 

.ec-base-product.typeDesc .description { width:calc(100% - 110px); float:left; } 

.ec-base-product.typeDesc .description .price { color:#494949; font-size:13px; } 

.ec-base-product.typeDesc .description .price.sale { color:#000; font-size:15px; } 

.ec-base-product.typeDesc .description .color { margin:0 0 10px; } 

.ec-base-product.typeDesc .description .summary { font-size:11px; color:#757575; margin:0 0 10px; } 

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

.ec-base-product.typeGallery ul { display:table; table-layout:fixed; padding:0 14px 0 12px; font-size:0; line-height:0; } 

.ec-base-product.typeGallery li { position:relative; display:inline-block; margin:0 0 2px; padding:0; vertical-align:top; overflow:hidden; font-size:13px; line-height:1.2em; } 

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

.ec-base-product.typeGallery .thumbnail .wish { top:3px; bottom:auto; } 

.ec-base-product.typeGallery .description { position:absolute; left:0; margin:0; padding:0 0 0 2px; width:100%; opacity:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } 

.ec-base-product.typeGallery .description a { overflow:hidden; display:block; padding:5px 38px 5px 5px; width:100%; height:100%; color:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:rgba(0,0,0,0.6); } 

.ec-base-product.typeGallery .description a .name:after { display:block; content:""; position:absolute; top:0; right:12px; width:20px; height:100%; background:url("/design/newcomfort/m/img/ico_arrow_white.png") 0 center no-repeat; background-size:20px 20px; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); transform: rotate(270deg); } 

.ec-base-product.typeGallery .description a .name { display:inline-block; margin:0; width:100%; } 

.ec-base-product.typeGallery .description a .name,.ec-base-product.typeGallery .description a p { overflow:hidden; line-height:1.5; text-overflow:ellipsis; white-space:nowrap; } 

.ec-base-product.typeGallery .description a .price { margin:0; font-weight:bold; } 

.ec-base-product.typeGallery .description a .price span { display:none; } 

.ec-base-product.typeGallery .description .likeButton { position:absolute; bottom:0; right:5px; background:rgba(255,255,255,0.8); } 

.ec-base-product .layerDiscountPeriod { display:none; position:absolute; z-index:100; left:0; width:100%; padding:11px 7px; box-sizing:border-box; } 

.ec-base-product .layerDiscountPeriod .inner { border:1px solid #353535; background:#f1f1f1; border-radius:4px; } 

.ec-base-product .layerDiscountPeriod .inner .title { display:block; padding:10px 14px; font-size:14px; background-color:#353535; color:#fff; } 

.ec-base-product .layerDiscountPeriod .inner .timeleft { padding:14px; color:#508bed; font-size:13px; font-weight:bold; text-align:center; } 

.ec-base-product .layerDiscountPeriod ul { margin:0 7px 14px; padding:0; border:1px solid #d5d5d5; background:#fff; } 

.ec-base-product .layerDiscountPeriod ul li { position:relative; padding:14px 13px 14px 100px; border-top:1px solid #ececec; color:#353535; } 

.ec-base-product .layerDiscountPeriod ul li:first-child { border-top:0; } 

.ec-base-product .layerDiscountPeriod ul li span { position:absolute; top:14px; left:13px; color:#757575; } 

.ec-base-product .layerDiscountPeriod .btnClose { position:absolute; top:8px; right:4px; display:block; width:40px; height:40px; text-indent:-9999px; font-size:0; background:url("/design/newcomfort/m/img/ico_close_white.png") center center no-repeat; background-size:50% 50%; } 

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

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

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

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

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

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

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

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

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

.ec-base-product .grid1 > li { width:100%; } 

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

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

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

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


@media all and (max-width:480px){
 .ec-base-product .prdList.grid1 > li { width:100%; } 

/*
.ec-base-product .prdList.grid2 > li { width:50%; } 
*/
.ec-base-product .prdList.grid2 { width:calc(100% + 7px); margin-left:-7px; }
.ec-base-product .prdList.grid2 > li { width:calc(50% - 7px); margin-left:7px; } 

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

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

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

.ec-base-product .grid1 li .name { font-size:15px; } 

.ec-base-product .grid2 li .name,.ec-base-product .grid3 li .name { font-size:13px; } 

.ec-base-product .grid4 li .name { font-size:11px; } 
}

@media all and (min-width:481px) and (max-width:767px){
 .ec-base-product .prdList.grid2 > li { width:33.333%; } 

.ec-base-product .prdList.grid3 > li,.ec-base-product .prdList.grid4 > li,.ec-base-product .prdList.grid5 > li { width:25%; } 

.ec-base-product [class*="grid"] li .name { font-size:13px; } 
}

@media all and (min-width:768px){
 .ec-base-product .prdList.grid2 > li { width:25%; } 

.ec-base-product .prdList.grid3 > li,.ec-base-product .prdList.grid4 > li,.ec-base-product .prdList.grid5 > li { width:20%; } 

.ec-base-product [class*="grid"] li .name { font-size:15px; } 
}

.discountS { position:absolute; z-index:50; top: -5px; right: -5px; width:35px; height:35px; line-height:35px; color:#fff; text-align:center; font-size:14px; text-decoration:none; background:#4a4a4a; font-family: 'Lato'; } 

.discount1 { position:absolute; z-index:50; top:0px; right:4px; width:40px; height:40px; line-height:40px; color:#fff; text-align:center; font-size:14px; text-decoration:none; border-radius:100%; background:#4a4a4a; } 

.salebig { display: none; position:absolute; z-index:50; top: -5px; right: -5px; width:35px; height:35px; line-height:35px; color:#fff; text-align:center; font-size:14px; text-decoration:none; background:#4a4a4a; font-family: 'Lato'; } 

.grid1 .discountS { position:absolute; z-index:50; top: -5px; right: -5px; width:50px; height:50px; line-height:50px; color:#fff; text-align:center; font-size:17px; text-decoration:none; background:#4a4a4a; font-family: 'Lato'; } 

.grid1 .salebig { display: none; position:absolute; z-index:50; top: -5px; right: -5px; width:50px; height:50px; line-height:50px; color:#fff; text-align:center; font-size:17px; text-decoration:none; background:#4a4a4a; font-family: 'Lato'; } 

.rate0 { display:none; } 


.ec-base-product .description ul > li { text-align: left !important; } 

.btnNormal,.btnStrong,.btnBasic,.btnSubmit,.btnEm { display:inline-block; letter-spacing:0; text-align:center; font-family:'Montserrat', 'Noto Sans', Arial, sans-serif; border-radius:2px; -moz-box-sizing:border-box; box-sizing:border-box; } 

.btnNormal,.btnStrong,.btnBasic { height:29px; line-height:27px; padding:0 10px; vertical-align:middle; font-size:13px; } 

.btnNormal { color:#1b1b1b; border:1px solid #cfcfcf; border-bottom-color:#b5b5b5; background:#fff; } 

.btnStrong { color:#fff; border:1px solid #333; border-bottom-color:#333; background:#333; } 

.btnSubmit { height:36px; line-height:36px; padding:0 10px; font-size:13px; color:#fff; border:1px solid #333; background:#333; } 

.btnEm { height:36px; line-height:34px; padding:0 10px; font-size:13px; border:1px solid #d5d5d5; background:#fff; } 

.btnBasic { color:#1b1b1b; border:1px solid #bcbcbc; background:#f0f0f0; } 

[class*="btn"].mini { height:26px; line-height:24px; font-size:11px; } 

.ec-base-button .soldout { cursor:default; } 

.btnIcon { max-width:12px; max-height:12px; background-size:100% 100%; } 

.ec-base-button { margin:10px auto; text-align:right; } 

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

.ec-base-button.typeMulti { margin:0 auto; padding:7px; } 

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

.ec-base-button.typeMulti .gBottom { margin:7px 0 0; padding:7px 0 0; border-top:1px solid #d5d5d5; clear:both; } 

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

.ec-base-button.gCenter { text-align:center; } 

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

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

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

.ec-base-button[class*="gColumn"] { display:flex; margin:10px 0 10px -4px; } 

.ec-base-button[class*="gColumn"]:after { content:none; } 

.ec-base-button[class*="gColumn"] a,.ec-base-button[class*="gColumn"] button { flex:1; margin:0 0 0 4px; padding:0 3px; white-space:nowrap; } 

.ec-base-button[class*="gColumn"] .gFlex2 { flex:2; } 

.ec-base-button[class*="gColumn"] .gFlex3 { flex:3; } 

.ec-base-button[class*="gColumn"] .gFlex4 { flex:4; } 

.ec-base-button.gFull { margin-bottom:3px; } 

.ec-base-button.gFull [class*="btn"],[class*="btn"].gFull { width:100%; } 

.ec-base-button.gFull [class*="btn"] { margin:0 0 7px; } 

.ec-base-button.gFixed { position:fixed; z-index:120; left:0; bottom:0; max-width:100%; width:100%; margin:0; padding:0 7px; box-sizing:border-box; background-color:#dbdbdb; -webkit-box-shadow:0px -4px 4px 0px rgba(120,120,120,0.5); -moz-box-shadow:0px -4px 4px 0px rgba(120,120,120,0.5); box-shadow:0px -4px 4px 0px rgba(120,120,120,0.5); } 

.ec-base-button.gFixed .state + .ec-base-button { margin-top:3px; } 

.ec-base-button.gFixed .state { overflow:hidden; margin:0 auto; font-size:11px; } 

.ec-base-button.gFixed .state .count { float:left; padding:7px 0; } 

.ec-base-button.gFixed .state .price { float:right; padding:7px 0; } 

.ec-base-button.gFixed .price strong { font-weight:normal; } 

.ec-base-button.gFixed .count strong,.ec-base-button.gFixed .price em { color:#508bed; font-weight:bold; } 

@media all and (min-width:768px){
 .btnSubmit { height:46px; line-height:44px; font-size:16px; } 

.btnEm { height:46px; line-height:44px; font-size:16px; } 
}

.ec-base-layer .ec-base-button { margin:0; padding:7px 14px 7px 10px; border-top:1px solid #ccc; border-radius:0 0 5px 5px; background:#f1f1f1; } 

.ec-base-layer .ec-base-button.gFull { padding:7px 14px 0; } 

.ec-base-layer .ec-base-button.gFixed .ec-base-button { padding:0; border-top:0; } 

.ec-base-layer .wrap + .ec-base-button { border-top:0; } 

.top_banner img { width:100%; } 




/*
#header #topArea { border-bottom:1px solid #eee; height:37px; line-height:37px; position:relative; } 

#header #topArea ul li { width:16.666%; float:left; } 

#header #topArea ul li a { font-size:11px; } 

#header .header { z-index:300; position:relative; text-align:center; vertical-align:top; } 

#header h1 { text-align:center; display:inline-block; width:100%; height:70px; line-height:100px; } 

#header h1 a { display:block; line-height:60px; } 

#header h1 img { max-width:100%; vertical-align:middle; max-height:50px; text-align:center; } 

#header .category .fold i { font-size:20px; padding-top:10px; } 

#header .tong { position:absolute; top:30px; left:25%; height:20px; text-align:center; z-index:99; background:none; } 

#header .bounce { background-color:#333; border-radius:2px; position:absolute; left:0%; top:30px; margin-top:-25px; margin-left:-25px; height:20px; width:50px; -webkit-animation:bounce 1s infinite; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } 

#header .bounce a { display:block; color:#fff !important; text-decoration:none; font-size:10px; line-height:20px; } 

#header .tails { left:50%; margin-left:-6px; border-right:6px solid transparent; border-bottom:6px solid #333; border-left:6px solid transparent; position:absolute; top: -6px; width:0; height:0; } 

#header .xans-layout-orderbasketcount { position:relative; } 

#header .xans-layout-orderbasketcount .count { position:absolute; top:12px; right:-6px; width:18px; height:18px; line-height:18px; background:#bbb; color:#fff; border-radius:5px; display:block; } 

.top_fixed.fixed { position:fixed; top:0; width:100%; background:rgba(255,255,255,0.8); border-bottom:1px solid #eee; height:37px; z-index:999; } 

#layout #header h1 { height:70px; } 

#layout #header h1 a { display:block; line-height:60px; } 

#layout #header h1 img { max-height:50px; } 




#header #topArea2 .xans-layout-searchheader { float:right; } 

#header .search { position:absolute; right:41px; top:-5px; width:34px; height:43px; vertical-align:middle; } 

#header .search button { display:inline-block; overflow:hidden; width:100%; height:100%; padding:0; text-indent:100%; text-align:left; white-space:nowrap; cursor:pointer; border:0; background:url("/design/newcomfort/m/img/btn_search.png") no-repeat 0 0; background-size:34px 43px; } 

#header #topArea2 .searchWrap .searchForm { position:relative; width:150px; height:40px; margin-right:15px; } 

#header #topArea2 .searchWrap .searchForm .searchImg { width:20px; position:absolute; top:13px; right:10px; } 

#header #topArea2 .searchWrap .btnDelete { position:absolute; right:3px; top:5px; width:20px; height:20px; border:0; cursor:pointer; overflow:hidden; text-indent:100%; font-size:0; white-space:nowrap; background:url("/design/newcomfort/m/img/btn_delete.png") no-repeat 0 0; background-size:20px 20px; } 

#header #topArea2 .searchWrap #keyword { width:150px; height:28px; padding:5px 13px; border:0; border-radius:20px; background:#aaa; } 

#brand { background:url('/design/newcomfort/m/img/slash.png'); width:100%; margin-top:15px; border:1px solid #eee; border-width:1px 0; height:43px; line-height:43px; text-align:center; } 

#brand a { font-family:'Noto Sans KR'; font-size:14px; letter-spacing:1px; } 

#category { display:inline-block; width:100%; border-top:2px solid #111; border-bottom:1px solid #eee; margin-top:0; } 

*/

/*
¹Ú¸íÀç height:37px ¿¡¼­ height:45px ·Î ¼öÁ¤
*/
#category ul li { float:left; width:25%; height:50px; text-align:center; padding:10px 0; box-sizing:border-box; border-bottom:1px solid #111; border-left:1px solid #111; display:flex; align-content: center; justify-content: center; font-size:0; } 
#category ul li:nth-child(4n+1) { border-left:0; } 
#category ul li a { font-size:14px; font-weight:bold; display:inline-block; vertical-align: middle; height:1em; width:100%; padding-top:8px; } 
#category ul li:nth-child(4) a { padding-top:0; } 

#layout #brand { margin:-1px auto 0; } 

#layout #category { margin:-1px 0 0; border-top:0; } 

#contents { position:relative; } 

#tabRollin { display:inline-block; width:100%; margin:70px 0 0; font-family:'Malgun Gothic','Lato'; } 

#tabRollin .menu { background-color:#f2f2f2; color:#333; border-bottom:1px solid #4a4a4a; height:39px; width:100%; } 

#tabRollin .menu ul { margin:0px; padding:0px; list-style:none; text-align:center; } 

#tabRollin .menu li { display:inline; line-height:39px; width:20%; float:left; } 

#tabRollin .menu li a { color:#333; text-decoration:none; display:block; } 

#tabRollin .menu li a.tabactive { border:1px solid #111; border-top:2px solid; border-bottom:0; background-color:#fff; font-weight:bold; position:relative; display:block; height:43px; line-height:43px; box-sizing:border-box; margin-top:-3px; } 

#tabRollin #tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4,#tabcontent5 { background:#fff; border-top:0; width:100%; text-align:center; padding:20px 10px; box-sizing:border-box; } 

#tabRollin .ec-base-product { margin:0; } 

.bannerSec1 { clear:both; margin:20px 0 0; display:inline-block; } 

.bannerSec1 ul li img { width:100%; } 

.bannerSec1 ul.con1,ul.con1 { display:inline-block; } 

.bannerSec1 ul.con1 li { float:left; text-align:center; } 

.bannerSec1 ul.con2 { margin:5px 0 0; } 

.bannerSec1 ul.con2 li { text-align:center; } 

.bannerSec1 ul.con2 li:first-child { margin:0 0 2px 0; } 

.bannerSec2 { width: 100%; display:inline-block; position:relative; margin:20px 0 0; } 

.bannerSec2 ul li { text-align:center; margin:0 0 2px 0; } 

.bannerSec2 ul li img { width:100%; } 

.bannerSec3 { width:100%; display:inline-block; position:relative; margin:20px 0 0; } 

.bannerSec3 ul li { text-align:center; margin:0 0 5px 0; } 

.bannerSec3 ul li img { width:100%; } 

#insta { display:inline-block; width:100%; height:100%; } 

#insta .tit { margin:30px 0 20px; text-align:center; } 

#insta .tit img { width:110px; } 

.top { position:fixed; right:16px; bottom:160px; cursor:pointer; z-index:999; display: none; padding-right: 0!important; } 
/*.gotop { position:fixed; right:3%; bottom:160px; cursor:pointer; z-index:999; display: none; } */
.gotop { position:fixed; right:16px; bottom:160px; cursor:pointer; z-index:999; display: none; padding-right: 0!important; } 
.gobottom { position:fixed; right:3%; bottom:100px; cursor:pointer; z-index:999; display: none; } 

.xans-popup-mobile .mainLayerArea { position:relative; z-index:120; height:0px; } 

.xans-popup-mobile .mMainLayer { position:absolute; left:7px; top:7px; right:7px; border:1px solid #9d9db0; } 

.xans-popup-mobile .mMainLayer .banner { position:relative; overflow:hidden; background-color:#fff; } 

.xans-popup-mobile .mMainLayer ul { position:relative; white-space:nowrap; font-size:0; line-height:0; } 

.xans-popup-mobile .mMainLayer ul img { width:100%; } 

.xans-popup-mobile .mMainLayer li { display:inline; } 

.xans-popup-mobile .mMainLayer .pagenate { position:absolute; left:0px; bottom:5px; width:100%; text-align:center; font-size:0; line-height:0; } 

.xans-popup-mobile .mMainLayer .pagenate button { overflow:hidden; width:9px; height:9px; margin:0 5px 0 0; border:0; background:url("/design/newcomfort/m/img/ico_notice_paginate.png") no-repeat 0px 0px; background-size:8px 8px; } 

.xans-popup-mobile .mMainLayer .pagenate button.selected { background-image:url("/design/newcomfort/m/img/ico_notice_paginate_selected.png"); } 

.xans-popup-mobile .mMainLayer .pagenate button span { visibility:hidden; font-size:0; line-height:0; } 

.xans-popup-mobile .mMainLayer .option { padding:5px; color:#fff; background-color:#434447; text-align:right; } 

.xans-popup-mobile .mMainLayer .option label { font-size:12px; } 

.xans-popup-mobile .mMainLayer .option button { padding:0 12px 0 4px; color:#fff; border:0; cursor:pointer; background:url("/design/newcomfort/m/img/btn_close_notice.png") no-repeat right 2px; background-size:10px 9px; } 

#titleArea { position:relative; background-color:#fff; } 

#titleArea h2 { padding:0 61px; line-height:43px; font-size:15px; color:#2e2e2e; text-align:center; } 

#titleArea span { position:absolute; top:6px; left:14px; } 

.help { margin:0; padding:0 0 0 22px; color:#757575; background:url("/design/newcomfort/m/img/ico_help.png") 0 2px no-repeat; background-size:14px; } 

.help p { margin:0 0 8px; } 

.myshopMain { padding:14px 7px; font-size:13px; } 

.paginate.typeSwipe .prev,.paginate.typeSwipe .next { display:none; } 

#mobileQuickLink { z-index:301 !important; } 

#mobileBtnQuickLink { z-index:100 !important; } 

.dimmed { display:none; position:fixed; left:0px; top:0; right:0px; bottom:0px; z-index:150; background:rgba(0,0,0,0.7); } 

#dimmedSlider { display:none; position:fixed; left:0px; top:0; right:0px; bottom:0px; z-index:500; background:rgba(0,0,0,0.7); } 

body { position:relative; height:initial; } 

#wrap { min-height:100%; } 

html.expand body { position:fixed; top:0; left:0; width:100%; } 

html.expand #container { -webkit-transform: translate(87%,0); -moz-transform: translate(87%,0); -ms-transform: translate(87%,0); -o-transform: translate(87%,0); transform: translate(87%,0); } 

html.expand #btnFoldLayout { z-index:405; } 

html.expand #aside { z-index:406; overflow-x:hidden; height:100vh; } 



#aside { background: #fff !IMPORTANT; z-index:-1; visibility:hidden; position:absolute; left:0px; top:0px; bottom:0; overflow:auto; overflow-x:hidden; min-width:225px; width:87%; font-size:11px; padding:35px 20px 40px; box-sizing:border-box; } 

#aside a { color:#333; font-weight:400; } 

#aside .sec01 .member { padding: 0 !IMPORTANT; margin:0 auto; } 

#aside .sec01 .member a { display:block; width:50%; height:45px; line-height:45px; text-align:center; float:left; } 

#aside .sec01 .member a.left { background:#fff; border:1px solid #4a4a4a; color:#111; box-sizing:border-box; } 

#aside .sec01 .member a.right { background:#4a4a4a; border:1px solid #4a4a4a; color:#fff; box-sizing:border-box; } 

#aside .sec02 .member { display:inline-block; width:100%; text-align:center; line-height:80px; } 

#aside .sec02 .member a { text-align:center; } 

#aside .sec02.member strong { color:#508bed; text-decoration:underline; } 

#aside .btnClose { position:absolute; top:10px; right:10px; } 

#aside .btnClose { display:block; } 

#aside .xans-myshop-main { display:inline-block; border:1px solid #eee; width:100%; height:37px; box-sizing:border-box; margin:10px 0; } 

#aside .xans-myshop-main a { width:33.333%; display:block; float:left; text-align:center; height:20px; border-right:1px dotted #eee; box-sizing:border-box; margin:8px 0; } 

#aside .xans-myshop-main a:last-child { border-right:0; } 

#aside .xans-myshop-main a:first-child { border-left:0; } 

#aside .xans-myshop-main:after { content:""; display:block; clear:both; } 

#aside .mainNotice { width:98%; margin:10px auto 30px; } 

#aside .mainNotice p { display:block; line-height:20px; margin:0 auto 7px; font-size:11px; color:#111; text-align:left; } 

#aside .mainNotice li { line-height:27px; border-bottom:1px solid #ccc; } 

#aside .mainNotice li:first-child { border-top:1px solid #111; } 

#aside .mainNotice li:last-child { border-bottom:1px solid #111; } 

#aside .mainNotice li.title { width:100%; white-space:nowrap; overflow:hidden; } 

#aside .mainNotice li.date { float:right; width:24%; font-size:11px; color:#bbb; font-weight:400; text-align:center; } 

#aside .mainNotice li.title a { color:#111; font-size:11px; } 

#aside .mainNotice li a:hover { text-decoration:none; } 

#slideCateList h2 { position:relative; padding:0 34px 0 14px; border:1px solid #eee; height:37px; line-height:37px; color:#333; font-weight:bold; font-size:13px; cursor:pointer; background:#f9f9f9; } 

#slideCateList h2.selected .icoCategory { background-image:url("/design/newcomfort/m/img/bg_snb_1depth_on.gif"); } 

#slideCateList h2 .icoCategory { overflow:hidden; position:absolute; right:3px; top:3px; width:30px; height:29px; padding:0; border:0; text-indent:100%; white-space:nowrap; cursor:pointer; background:url("/design/newcomfort/m/img/bg_snb_1depth.gif") no-repeat 4px 50%; background-size:25px 13px; } 

#aside .categoryList { font-size:13px; font-weight:bold; border-top:0; } 

#aside .categoryList ul { display:none; } 

#aside .categoryList li { position:relative; } 

#aside .categoryList li.selected > ul { display:block; } 

#aside .categoryList li.selected > a.cate { color:#777; } 

#aside .categoryList li.noChild > a.cate { background-image:none !important; } 

#aside .categoryList li.noChild > a.cate.none { background-image:none !important; } 


#aside .categoryList li.noChild:first-child > a.cate { border-top:0; } 

#aside .categoryList li.selected.noChild { background-color:#f1f1f1; } 

#aside .categoryList > li { margin:5px auto; } 

#aside .categoryList > li:last-child { border-bottom:0; } 

#aside .categoryList > li:first-child { border-top:0; } 

#aside .categoryList > li > a.cate {  } 

#aside .categoryList > li.selected > a.cate { } 

#aside .categoryList a.cate { display:block; } 

#aside .categoryList a.view { position:absolute; right:9px; top:9px; padding:0 2px; border:1px solid #eee; line-height:20px; color:#333; font-size:11px; font-weight:normal; background-color:#ffffff; font-family:'Lato'; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } 

#aside .categoryList li.noChild > a.view { display:none; } 

.slideSubMenu .view { display:none; } 

#aside .tab { border:1px solid #eee; border-bottom:0; } 

#aside .tab a { float:left; width:50%; padding:15px 0; text-align:center; background:#f7f7f7; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-sizing:border-box; -o-sizing:border-box; box-sizing:border-box; font-family:'Noto Sans KR',verdana,"µ¸¿ò",dotum; font-weight:normal; font-size:12px; color:#999; letter-spacing:2px; text-transform:uppercase; } 

#aside .tab a.selected { color:#333; background:#fff; } 

#aside .tab:after { content:""; display:block; clear:both; } 

#aside .xans-layout-boardinfo { font-size:13px; font-weight:bold; display:none; border:1px solid #eee; border-top:0; } 

#aside .xans-layout-boardinfo { display:none; } 

#aside .xans-layout-boardinfo li { position:relative; } 

#aside .xans-layout-boardinfo li.selected > ul { display:block; } 

#aside .xans-layout-boardinfo li.selected > a.cate { color:#777; } 

#aside .xans-layout-boardinfo li.noChild > a.cate { background-image:none !important; } 

#aside .xans-layout-boardinfo li.noChild:first-child > a.cate { border-top:0; } 

#aside .xans-layout-boardinfo li.selected.noChild { background-color:#f1f1f1; } 

#aside .xans-layout-boardinfo > li.selected .slideSubMenu li { background-color:#ffffff; } 

#aside .xans-layout-boardinfo > li { border-bottom:1px dotted #eee; width:94%; margin:0 auto; } 

#aside .xans-layout-boardinfo > li:last-child { border-bottom:0; } 

#aside .xans-layout-boardinfo > li:first-child { border-top:0; } 

#aside .xans-layout-boardinfo a { display:block; padding:12px 44px 11px 10px; word-wrap:break-word; } 

#aside .bookmarkCategory { font-size:13px; } 

#aside .bookmarkCategory li { position:relative; border-bottom:1px solid #cccccc; border-top:1px solid #fff; } 

#aside .bookmarkCategory li:first-child { border-top:0; } 

#aside .bookmarkCategory li.selected { background-color:#508bed; } 

#aside .bookmarkCategory li a { display:block; margin-right:35px; padding:11px 10px 11px 17px; word-wrap:break-word; } 

#aside .bookmarkEmpty { padding:8px 0 6px 12px; border-bottom:1px solid #cccccc; color:#798490; font-size:11px; line-height:16px; background:#f1f1f1; } 

#aside .bookmarkEmpty img { width:11px; height:11px; vertical-align:-1px; } 

#aside .xans-layout-category li .icoBookmark,#aside .bookmarkCategory li .icoBookmark { overflow:hidden; position:absolute; right:1px; top:0; width:30px; height:41px; padding:0; border:0; text-indent:100%; white-space:nowrap; background:url("/design/newcomfort/m/img/ico_bookmark.png") no-repeat 5px 14px; background-size:13px 13px; cursor:pointer; } 

#aside .xans-layout-category li .icoBookmark.selected,#aside .bookmarkCategory li .icoBookmark.selected { background-image:url("/design/newcomfort/m/img/ico_bookmark_on.png"); } 

#aside .multishop .xans-layout-multishoplistmultioptioncountry li a { padding:9px 10px 11px 17px; font-size:13px; } 

#aside .xans-multishop-listitem li { border-bottom:1px solid #cccccc; border-top:1px solid #fff; background-color:#f1f1f1; } 

#aside .xans-multishop-listitem li:first-child { border-top:0; } 

#aside .xans-multishop-listitem li a { display:block; padding:6px 10px 6px 14px; word-wrap:break-word; } 

#aside .xans-multishop-listitem li a .name { margin:0 0 0 5px; font-size:13px; vertical-align:middle; } 

#aside .loginState { padding:8px 0 8px 14px; min-height:50px; } 

#aside .loginState p { display:inline-block; width:auto; padding:5px 7px; border:1px solid #d5d5d5; border-radius:3px; } 

#aside .loginState p a { color:#1b1b1b; } 

#container { /* z-index:100; */ position:relative; /*overflow:hidden; */margin-top:-1px; margin-left:-1px; background-color:#fff; -webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; -o-transition:300ms; transition:300ms; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } 

#btnFoldLayout { display:none; position:absolute; left:87%; top:0; right:0; bottom:0; width:100%; height:100%; opacity:0; -webkit-tap-highlight-color:rgba(0,0,0,0); and -webkit-focus-ring-color:rgba(0,0,0,0); } 

.xans-layout-footerpackage { display:inline-block; font-size:11px; line-height:1.5em; color:#1b1b1b; border-top:1px solid #c5c5c6; margin-top:35px; width:100%; } 

.xans-layout-footerpackage .footerMenu p { overflow:hidden; padding:8px 14px; border-bottom:1px solid #dddddd; background-color:#f9f9f9; text-align:right; } 

.xans-layout-footerpackage .footerMenu p:first-child { background-color:#fff; } 

.footerMenu p.xans-layout-info { margin:0; } 

.xans-layout-footerpackage .footerMenu .util li { float:left; width:33.33%; text-align:center; line-height:33px; border-bottom:1px solid #eee; } 

.xans-layout-footerpackage .footerMenu .btnUtil.typeTel { padding-left:23px; background:#fff url("/design/newcomfort/m/img/bg_tel.png") no-repeat 10px 7px; background-size:8px 13px; vertical-align:middle; } 

.xans-layout-footerpackage .footerMenu .btnUtil.typeTel strong { font-size:13px; vertical-align:top; } 

.xans-layout-footerpackage .footerMenu .btnUtil.typeTop { padding-right:23px; background:#fff url("/design/newcomfort/m/img/bg_top.png") no-repeat 90% 7px; background-size:12px 12px; } 

.xans-layout-footerpackage .footerMenu .policy { padding:7px 0; text-align:center; background-color:#f9f9f9; font-size:0; line-height:0; } 

.xans-layout-footerpackage .footerMenu .policy li { position:relative; display:inline-block; padding:0 6px 0 7px; line-height:13px; font-size:11px; } 

.xans-layout-footerpackage .footerMenu .policy li:before { display:block; content:""; position:absolute; top:2px; left:0; width:1px; height:11px; background:#989899; } 

.xans-layout-footerpackage .footerMenu .policy li:first-child:before { display:none; } 

.xans-layout-footerpackage .footerMenu { display:inline-block; width:100%; } 

.xans-layout-footerpackage .footerMenu .policy li:first-child { background:none; } 

.xans-layout-footerpackage .ft_inner { width:85%; margin:0 auto; } 

.xans-layout-footerpackage .ft_inner span { display:block; line-height:23px; font-size:14px; } 

.xans-layout-footerpackage .ft_inner .sec { border-bottom:1px dotted #eee; padding:30px 0; } 

.xans-layout-footerpackage .ft_inner .sec:last-child { border-bottom:0; } 

.xans-layout-footerpackage .ft_inner .sec .tit { margin:0 0 10px; font-size:13px; } 

.xans-layout-footerpackage .ft_inner .fsec01 { font-family:'Lato','Noto Sans KR'; } 

.xans-layout-footerpackage .ft_inner .fsec01 span.first { font-size:26px; line-height:50px; } 

.xans-layout-footerpackage .ft_inner .fsec02 { font-family:'Lato','Noto Sans KR'; } 

.xans-layout-footerpackage .ft_inner .fsec03 span { display:inline-block; border:1px solid #dddddd; width:142px; height:32px; background:#fff; margin:0 2px 6px; line-height:32px; } 

.xans-layout-footerpackage .ft_inner .fsec03 .return { margin:0 0 23px 0; } 

.xans-layout-footerpackage .ft_inner .fsec03 span:hover { background:#dddddd; } 

.xans-layout-footerpackage .ft_inner .fsec03 span a { display:block; padding:0 0 0 5px; font-size:12px; } 

.xans-layout-footerpackage address { padding:14px; background-color:#f9f9f9; border-top:1px solid #f2f2f2; } 

.xans-layout-footerpackage address .footerInfo { display:table; width:100%; } 

.xans-layout-footerpackage address dl { display:table-row; } 

.xans-layout-footerpackage address dl dt { display:table-cell; width:110px; line-height:1.6; color:#757575; vertical-align:top; } 

.xans-layout-footerpackage address dl dd { display:table-cell; width:auto; padding:0 0 0 7px; line-height:1.6; word-break:break-all; } 

.xans-layout-footerpackage address a { color:#1b1b1b; } 

.xans-layout-footerpackage .copyright { text-align:center; line-height:28px; color:#777777; font-size:9px; background-color:#eeeeee; } 

.xans-layout-multishopshipping { display:none; } 

.xans-layout-multishopshipping .worldshipLayer { z-index:1000; position:fixed; top:200px; left:50%; width:306px; margin:0 0 0 -153px; border-radius:5px; background:#fff; -webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.75); -moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.75); box-shadow:0px 0px 10px 2px rgba(0,0,0,0.75); } 

.xans-layout-multishopshipping .worldshipLayer h2 { margin:0; padding:0 14px; font-size:13px; line-height:36px; border-bottom:1px solid #ccc; background:#f1f1f1; .xans-layout-multishopshipping border-radius:5px 5px 0 0; } 

.xans-layout-multishopshipping .worldshipLayer .content { padding:20px 14px 14px; text-align:center; line-height:1.5em; } 

.xans-layout-multishopshipping .worldshipLayer .select { margin:14px 0 0; } 

.xans-layout-multishopshipping .worldshipLayer .select select { width:100%; } 

.xans-layout-multishopshipping .worldshipLayer .btnClose { position:absolute; top:12px; right:14px; } 

.xans-instagramwidget .displaynone { display:none; } 

.xans-instagramwidget-mobile { margin:0 auto; text-align:center; } 

.xans-instagramwidget-mobile h2 { margin:0 0 10px; } 

.xans-instagramwidget-mobile h2 a { font-size:17px; color:#1b1b1b; text-decoration:none; } 

.xans-instagramwidget-mobile .idTag { position:relative; display:inline-block; margin:0 0 14px; padding:4px 10px; box-sizing:border-box; line-height:1; border-radius:30px; background:#3d3d3d; } 

.xans-instagramwidget-mobile .idTag a { display:inline-block; color:#fffeff; font-size:10px; font-weight:normal; line-height:1; text-decoration:none; } 




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

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

#header { position: sticky; left: 0; top: 0; width: 100%; z-index: 99; }

/* top area */
#header .dd-toparea-wrap { position:relative; font-family: 'Pretendard', 'Noto Sans KR', DotumChe, Verdana, monospace, Corbel, AppleGothic, Helvetica, sans-serif; box-sizing: border-box; } 
#header .dd-toparea-wrap .top_fixed { position:relative; } 
/* #header .dd-toparea-wrap .top_fixed.fixed { position:fixed; left:0; top:0; width:100%; background:rgba(255,255,255,0.95); z-index:999; }  */

.dd-toparea-wrap .dd-header-wrap { position:relative; display: flex; width: 100%; height: 70px; align-items: center; justify-content: space-between; padding: 0 16px; box-sizing: border-box; background-color:#fff; } 
.dd-toparea-wrap .dd-header-wrap .category { display: flex; align-items: center; } 
.dd-toparea-wrap .dd-header-wrap .category a { display: block; text-align: center; box-sizing: border-box; } 
.dd-toparea-wrap .dd-header-wrap .category a svg { margin-top: 4px; }
.dd-toparea-wrap .dd-header-wrap .category .logo { margin-left: 12px; } 
.dd-toparea-wrap .dd-header-wrap .category .logo img { height: 18px; } 

.dd-toparea-wrap .dd-header-wrap .util { display: flex; align-items: center; gap: 12px; }
.dd-toparea-wrap .dd-header-wrap .util > div { position: relative; }
.dd-toparea-wrap .dd-header-wrap .util a { display: flex; padding: 2px; align-items: center; justify-content: center; }
.dd-toparea-wrap .dd-header-wrap .util .count { font-size:8px; text-align:center; color:#fff; position:absolute; top:2px; right:-6px; width:15px; height:15px; background:#000; border-radius: 50%; line-height:15px; } 



/* aside */
#slideCateList { margin:20px 0 0; }
#slideCateList > ul > li { margin:5px 0; }
#slideCateList > ul > li > a { font-size:21px; font-weight:400; color:#000; line-height:1.5em; letter-spacing: -0.06em; font-family: 'Pretendard', 'Noto Sans KR', DotumChe, Verdana, monospace, Corbel, AppleGothic, Helvetica, sans-serif; }
#slideCateList > ul > li > a.all { display:none; margin-left:10px; color:#b3b3b3; font-size:10px; padding:2px 6px; border:1px solid #eee; letter-spacing:0.06em; vertical-align:middle; line-height:1em; }
#aside .categoryList li.selected > a.cate { color:#000; }
/*
#slideCateList .slideSubMenu { padding-left:21px; }
#slideCateList .slideSubMenu .type { display:none; margin:20px 0; color:#7e3433; font-size:14px; font-weight: bold; }
#slideCateList .slideSubMenu ul { margin:21px 0; padding:0 20px; border-left:2px solid #7e3433; }
#slideCateList .slideSubMenu ul li { display:inline-block; }
#slideCateList .slideSubMenu ul li a.cate { font-size:14px; line-height:2em; }
#slideCateList .slideSubMenu ul li a.cate:after { content:''; display:inline-block; width:1px; height:10px; background:#000; margin:0 10px; }
#slideCateList .slideSubMenu ul li:last-of-type a.cate:after { display:none; }
#slideCateList .selected .slideSubMenu .menu_box { display:block; }
#slideCateList .selected .slideSubMenu .type { display:block; }
*/

#slideCateList .slideSubMenu { display:none; }
#slideCateList .slideSubMenu .type { margin:20px 0 10px; padding-left:10px; color:#444; font-size:14px; font-weight: bold; }
#slideCateList .slideSubMenu ul { margin:10px 0; padding:10px; background:#f8f8f8; }
#slideCateList .slideSubMenu ul:after { content:''; display:block; clear:both; }
#slideCateList .slideSubMenu ul li { width:calc(33.3333% - 5px); float:left; margin-left:5px; }
#slideCateList .slideSubMenu ul li a.cate { padding:10px 0; font-size:13px; line-height:1.3em; color:#737373; letter-spacing:-0.056em; }

#slideCateList .selected a.cate { display:inline-block; vertical-align:middle; }
#slideCateList .selected a.all { display:inline-block; }
#slideCateList .selected .slideSubMenu { display:block; }
#slideCateList .selected .slideSubMenu ul { display:block; }
#slideCateList .selected .slideSubMenu .type { display:block; }

#slideBoardList { margin: 60px 0 0; }
#slideBoardList > ul > li { margin:5px 0; }
#slideBoardList > ul > li > a { font-size:21px; font-weight:400; color:#000;  line-height:1.5em; letter-spacing: -0.06em; font-family: 'Pretendard', 'Noto Sans KR', DotumChe, Verdana, monospace, Corbel, AppleGothic, Helvetica, sans-serif; }
.blinking > a { position: relative; animation: blink-effect 1s  step-end infinite; }
.blinking > a:after { content:''; display:block; width:6px; height:6px; border-radius: 50%; background: #bf6534; position: absolute; top: 3px; right: -10px;}

@keyframes blink-effect {
  50% {
      color: #af5b2d; 
  }
}



/* lnb */
.dd-lnb-wrap { position:relative; } 
.dd-lnb-wrap .dd-lnb-list { border-bottom:1px solid #eee; padding-right:40px; overflow: hidden; } 
.dd-lnb-wrap .dd-lnb-list ul { white-space: nowrap; overflow: scroll; line-height:40px; } 
.dd-lnb-wrap .dd-lnb-list ul li { display:inline-block; } 
.dd-lnb-wrap .dd-lnb-list ul li a { padding:10px 10px; font-size:14px; font-weight:bold; } 
.dd-lnb-wrap .dd-lnb-list ul li.none a { padding:11.5px 10px; } 

.dd-lnb-wrap .dd-lnb-btn { width:40px; height:42px; line-height:42px; box-sizing:border-box; background-color:#f5f5f5; border-left:1px solid #eee; border-right:1px solid #eee; text-align:center; position:absolute; right:0; top:0; } 
.dd-lnb-wrap .dd-lnb-btn i { font-size:14px; vertical-align: middle; } 
.dd-lnb-wrap .dd-lnb-btn.on i { transform: rotate(180deg); } 

.dd-lnb-wrap .dd-lnb-open { border-bottom:1px solid #eee; padding:15px 20px; display:none; position:absolute; left:0; z-index: 99; background-color:rgba(255,255,255,0.95); } 
.dd-lnb-wrap .dd-lnb-open ul { text-align:center; } 
.dd-lnb-wrap .dd-lnb-open ul li { display:inline-block; margin:5px 0px; } 
.dd-lnb-wrap .dd-lnb-open ul li:after { content:'/'; display:inline-block; color:#ccc; font-size:10px; margin:3px 5px; } 
.dd-lnb-wrap .dd-lnb-open ul li a { padding:5px 2px; font-size:10px; line-height:1em; } 
.dd-lnb-wrap .dd-lnb-open ul li:last-child:after { display:none; } 

/* search */
.dd-search-box { position:relative; top:0px; left:0; display:none; } 
.dd-search-box .xans-layout-searchheader { display:block; width:100%; box-sizing:border-box; padding:10px 15px; background: #fff; } 
.dd-search-box .xans-layout-searchheader fieldset { border-bottom: 1px solid #000; } 
.dd-search-box .xans-layout-searchheader input[type="text"] { display:block; width:calc(100% - 50px); 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:right; margin-left:10px; box-sizing:border-box; padding:10px; } 
.dd-search-box .xans-layout-searchheader a img { max-width:100%; } 


/* °ü½É»óÇ° ¹öÆ° */
.my-wish-list { position:absolute; right:10px; bottom:10px; }
.my-wish-list img { width:24px; }

/* ec-base-product */
.ec-base-product .spec { margin:10px 0; }
.ec-base-product .spec:after{content:"";display:block;clear:both;}
.ec-base-product .spec .colorchip { font-size:0; line-height:1; vertical-align: middle; }
.ec-base-product .spec .colorchip font { font-size:10px; }

.ec-base-product .prdList .description .name { margin:10px 0 5px; display:block; }
.ec-base-product .prdList .description .name a { font-size:13px; color:#000; } 

.ec-base-product .prdList .description .price_wrap { margin:5px 0 10px; }
.ec-base-product .prdList .description .price p { display:inline-block; }
/* .ec-base-product .prdList .description .price .price_s { font-size:11px; color:#888; }
.ec-base-product .prdList .description .price .price_m { font-size:11px; color:#888; }
.ec-base-product .prdList .description .price .price_l { font-size:13px; color:#000; font-weight:500; } */

.ec-base-product .prdList .description .price .price_s { font-size: 11px; color: #bbb; } 
.ec-base-product .prdList .description .price .price_m { font-size: 11px; color: #bbb; } 
.ec-base-product .prdList .description .price .price_group { display: flex; gap: 4px; align-items: center; margin-top: 4px; }
.ec-base-product .prdList .description .price .price_l { font-size:13px; color:#000; font-weight:bold; } 
.ec-base-product .prdList .description .price .price_d { font-size: 13px; color: #fa6d17; font-weight:bold; }



.ec-base-product .prdList .description .icon { margin:5px 0; }
.ec-base-product .prdList .description .review { display:block; margin:5px 0; font-size:10px; color:#888; line-height:14px; }
.ec-base-product .prdList .description .subtitle { margin:5px 0 0; padding:5px 0 0; color:#888; font-size:11px; border-top:1px solid #ddd; letter-spacing: -0.04em; line-height:1.5em; }


/* footer sns */
#footer .footer-sns-menu { background-color: #f3f3f3; padding: 14px; }
#footer .footer-sns-menu ul { display: flex; align-items: center; gap: 12px; overflow: hidden; }
#footer .footer-sns-menu ul li { border: 1px solid #b5b5b5; box-sizing: border-box; border-radius: 50%; }
#footer .footer-sns-menu li a { display: flex; align-items: center; justify-content: center; padding: 4px; }
#footer .footer-sns-menu li a img { width: 20px; }


.crema_product_reviews_score__container {display:inline-block; }
#quick_banner { position: fixed; z-index: 99; display: block; flex-wrap: nowrap; width: auto; overflow: visible; background: transparent; bottom: 145px; right: 16px; }
#ch-plugin { z-index: 988!important; } 
#MAKESHOPLY11 { z-index: 10000001 !important }
/* BASIC css end */