/* 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: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%; } 


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


#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 *****
#=============================================# 
| http://di-dot.com                           |
| ** 221006 - men's renewal - didot **        |
#=============================================# 
**/

/*
========================================================================
    Header
========================================================================
*/
#header { position: sticky; left: 0; top: 0; width: 100%; z-index: 99; }
#header .top-area {}

/* menu-category */
#header .menu-category { background: #fff; }
#header .menu-category ul { display: flex; }
#header .menu-category ul li { position: relative; width: 33.33%; border-radius: 5px 5px 0 0; text-align: center; box-shadow: -5px 0 10px 0 rgba(0,0,0,0.15); }
#header .menu-category ul li a { display: block; padding: 0 14px; font-size: 12px; line-height: 32px; color: #000; }
#header .menu-category .comfortlab { background: #cda780; }
#header .menu-category .comfortlab a { color: #fff; }
#header .menu-category .comfortlab-s { background: #9ca683; }
#header .menu-category .comfortlab-s a { color: #fff; }
#header .menu-category .comfortlab-mens { background: #000; opacity: 1; }
#header .menu-category .comfortlab-mens a { color: #fff; font-weight: 600; }

/* menu-utility */
#header .menu-utility { position: relative; width: 100%; height: 40px; background: #000; }
#header .menu-utility > p { position: absolute; top: 5px; }
#header .menu-utility > p > a { display: block; width: 30px; height: 30px; background: orange; }
#header .menu-utility .category { left: 10px; }
#header .menu-utility .category a { background: url('//newcomfort.img11.kr/pc/_didot/img/icon_util_menu_w.svg') no-repeat center / auto 30px; }
#header .menu-utility .search { left: 42px; }
#header .menu-utility .search a { background: url('//newcomfort.img11.kr/pc/_didot/img/icon_h_search.svg') no-repeat center / auto 20px; }
#header .menu-utility .logo { position: absolute; left: 50%; top: 50%; width: fit-content; transform: translate(-50%, -50%); }
#header .menu-utility .logo a { font-size: 16px; color: #fff; font-weight: 800; }
#header .menu-utility .cart { right: 42px; }
#header .menu-utility .cart a { background: url('//newcomfort.img11.kr/pc/_didot/img/icon_h_cart.svg') no-repeat center left / auto 20px;}
#header .menu-utility .cart a span { font-size:8px; text-align:center; color:#000; position:absolute; top:0px; right:0; width:15px; height:15px; background:#fff; border-radius: 50%; line-height:15px; }
#header .menu-utility .mypage { right: 10px; }
#header .menu-utility .mypage a { background: url('//newcomfort.img11.kr/pc/_didot/img/icon_h_user.svg') no-repeat center / auto 20px; }

/*
========================================================================
    Aside
========================================================================
*/
#aside { position: fixed; top: 0; bottom: 0; left: -100%; width: 100%; z-index: 100; transition: .3s; }
#aside.expanding { left: 0; }
#aside .aside-box { position: relative; width: 70%; height: 100%; overflow: auto; background: rgba(34, 34, 34, 0.95); }

/* close */
#aside .close { position: absolute; top: 10px; right: 10px; display: block; width: 30px; height: 30px; }
#aside .close img { height: 24px; }

/* login / logout */
#aside .login-area { padding: 20px; }
#aside .login-area ul { display: flex; }
#aside .login-area ul li { border: 1px solid #fff; border-radius: 4px; }
#aside .login-area ul li a { display: block; padding: 12px 20px; font-size: 14px; line-height: 1; color: #fff; }
#aside .login-area ul li:first-of-type { margin-right: 5px; background: #fff; }
#aside .login-area ul li:first-of-type a { color: #222222; }

/* gnb */
#aside .gnb-area { margin: 40px 20px; border-bottom: 1px solid #555; }
#aside .gnb-area > ul { }
#aside .gnb-area > ul > li { margin: 0 0 40px; }
#aside .gnb-area > ul > li.p-menu { background: url('//newcomfort.img11.kr/pc/_didot/img/icon_chevron-down.svg') no-repeat right top -2px / auto 20px; }
#aside .gnb-area > ul > li > a { display: block; font-size: 14px; line-height: 1; color: #fff; }
#aside .gnb-area .sub-menu { display: none; margin: 30px 0 0; }
#aside .gnb-area .sub-menu li { margin: 14px 0 0 10px; }
#aside .gnb-area .sub-menu li a { font-size: 14px; line-height: 1; color: #999; }

#aside .gnb-area .active .sub-menu { display: block; }

/* board */
#aside .board-area { margin: 40px 20px }
#aside .board-area > ul {}
#aside .board-area > ul > li { margin: 0 0 40px; }
#aside .board-area > ul > li > a { display: block; font-size: 16px; line-height: 1; color: #fff; }

/* 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 */