/* 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:'Inter', 'Pretendard', Arial, sans-serif; min-width:320px; font-size:13px; line-height:1.5; letter-spacing: -0.05em; color:#222; 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; } 

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

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

/** 상품 목록 공통 **/
/* 관심상품 버튼 */
.my-wish-list { position:absolute; right:10px; bottom:10px; z-index: 2; }
.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: #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; }
#ch-plugin { z-index: 988!important; } 
#MAKESHOPLY11 { z-index: 10000001 !important }



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

/* ==================== quick banner ==================== */
#quick_banner { position: fixed; z-index: 99; display: block; flex-wrap: nowrap; width: auto; overflow: visible; background: transparent; bottom: 145px; right: 16px; }
#quick_banner .pop_image { display: none; position: absolute; right: 0px; top: -88px; }
#quick_banner .pop_image .pop_btn_close { position: absolute; right: 0px; top: -6px; width: 24px; height: 24px; cursor: pointer; border: 1px solid #ddd; border-radius: 50%; } 

/* ==================== top banner ==================== */
.top_banner { position: sticky; top: 0; left: 0; z-index: 9999; overflow: hidden; width: 100%; height: 34px; background-color: #222; opacity: 1;  }
.top_banner.is-hidden { height: 0; opacity: 0; pointer-events: none; }
.top_banner.is-closed { display: none; }
.top_banner__inner { width: 100%; height: 34px; overflow: hidden; }
.top_banner .swiper-wrapper { height: 34px; }
.top_banner .swiper-slide { height: 34px; }
.top_banner .swiper-slide a { display: block; color: #fff; line-height: 34px; text-align: center; font-size: 12px; }
.top_banner .top_banner__close { all: unset; appearance: none; -webkit-appearance: none; position: absolute; z-index: 2; right: 0; top: 0; display: block; width: 34px; height: 34px; line-height: 34px; cursor: pointer; font-size: 16px; color: #fff; text-align: center; }

/* ==================== header ==================== */
body.gnb-open { overflow: hidden; }
#header { position: sticky; top: 34px; left: 0; z-index: 9999; width: 100%; background-color: #fff; }
.header__inner { display: flex; align-items: center; justify-content: space-between; height: 50px; margin: 0 auto; padding: 0 18px; }
.header__inner button { all: unset; appearance: none; -webkit-appearance: none; cursor: pointer; }

.header__inner .header__menu-btn,
.header__inner .header__search-btn,
.header__inner .header__mypage-btn a,
.header__inner .header__cart-btn a { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; }

/* logo */
.header__logo {}
.header__logo a { display: inline-block; }
.header__logo a img { display: block; width: auto; height: 18px; }

/* left */
.header__left { display: flex; align-items: center; gap: 10px; min-width: 58px; }
.header__left .header__menu-btn { position: relative; flex-direction: column; gap: 4px; overflow: hidden; }
.header__left .header__menu-btn span { display: block; width: 20px; height: 2px; background: #222; transition: transform 0.25s ease, opacity 0.25s ease; }
.header.is-menu-open .header__menu-btn span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.header.is-menu-open .header__menu-btn span:nth-child(2) { transform: scaleX(0); }
.header.is-menu-open .header__menu-btn span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

/* right */
.header__right { display: flex; align-items: center; gap: 10px; min-width: 58px; }
.header__right .header__mypage-btn,
.header__right .header__cart-btn { position: relative; width: 24px; height: 24px; }
.header__right .header__cart-btn .count { position: absolute; top: 0px; right: -4px; min-width: 14px; height: 14px; border-radius: 999px; background: #222; color: #fff; font-size: 8px; line-height: 14px; text-align: center; }

/* ==================== GNB ==================== */
.gnb { position: fixed; top: 84px; left: 0; z-index: 9998; width: 100%; height: 100dvh; visibility: hidden; pointer-events: none; }
.gnb.is-open { pointer-events: auto; visibility: visible; }
.gnb__panel { width: 100%; height: 100%; background: #fff; transform: translateX(-100%); transition: transform 0.3s ease; overflow: hidden; }
.gnb.is-open .gnb__panel { transform: translateX(0); }

.gnb__menu { position: relative; height: 100%; }
.gnb__menu button { all: unset; }
.gnb__menu .gnb__item:first-of-type { padding-top: 16px; }
.gnb__menu .gnb__link { display: inline-block; width: 160px; height: 46px; padding: 0 18px; line-height: 46px; font-size: 18px; font-weight: 500; box-sizing: border-box; }
.gnb__menu .gnb__link--toggle { appearance: none; -webkit-appearance: none; cursor: pointer; }
.gnb__menu .gnb__sub { display: none; position: absolute; top: 0; right: 0; width: calc(100% - 160px); height: 100%; background: #F5F5F5; }
.gnb__menu .gnb__sub-inner { padding: 32px 18px; }
.gnb__menu .gnb__sub-list {}
.gnb__menu .gnb__sub-list > li {}
.gnb__menu .gnb__sub-list > li > a { display: block; padding: 10px 0; font-size: 16px; line-height: 1; }
.gnb__menu .gnb__item.is-active .gnb__sub { display: block; }
.gnb__menu .gnb__item.is-active .gnb__link { font-weight: 700; }

/* ==================== search ==================== */
.dd-search-box { position: fixed; z-index: 9999; width: 100%; top: 84px; left:0; display:none; background: #fff; } 
.dd-search-box.is-open { display: block; }
.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% - 80px); height:40px; font-size:16px; color:#000; float:left; border:0; } 
.dd-search-box .xans-layout-searchheader a { width:40px; height:40px; display:block; float:left; box-sizing:border-box; padding:10px; } 
.dd-search-box .xans-layout-searchheader a img { max-width:100%; } 
.dd-search-box .xans-layout-searchheader .close { width:40px; height:40px; display:block; float:right; box-sizing:border-box; padding:10px; } 
.dd-search-box .xans-layout-searchheader .close img { max-width:100%; } 

.dd-search-box .best-search-word { padding: 0px 15px 20px; margin: 0 auto; }
.dd-search-box .best-search-word .word-list { display: flex; flex-wrap: wrap; }
.dd-search-box .best-search-word .word-list a { display: inline-block; margin: 4px; padding: 4px 8px; border: 1px solid #ddd; font-size: 14px; color: #000; line-height: 20px; }
/* BASIC css end */