/* /css/m-common.css — 모바일 기본 공통(리셋·ec-base·xans 공용 모듈·swiper). 원래 페이지마다 style-N.css 에 같은 내용이 복사돼 있던 것을 한 벌로 모았다. 페이지 전용은 style-N.css, 싣는 순서는 각 페이지 page_cssN (BUILDER-3056) */
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{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;}button::-moz-focus-inner{padding:0;border:0;}object,del,sub,var{margin:0;padding:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body,code{font-family:"Roboto",sans-serif;}#layout #header .header{position:relative;width:100%;text-align:left;background:#fff;}#layout #header h1{height:65px;line-height:62px;padding:0;text-align:center;}#layout #header h1 img{max-height:35px;vertical-align:middle;}#layout #topArea .searchWrap{border-bottom:1px #e0e0e0 solid;}#layout #header .search{top:12px;}#header .category{position:absolute;left:0;top:12px;width:47px;height:43px;vertical-align:middle;}#header .category a{display:inline-block;overflow:hidden;width:100%;height:100%;text-indent:100%;white-space:nowrap;background:none no-repeat 0 0;background-size:47px 43px;}#header .search{position:absolute;right:40px;top:12px;width:34px;height:43px;vertical-align:middle;}#header .search button{display:inline-block;overflow:hidden;width:100%;height:100%;padding:0;text-indent:100%;text-align:left;white-space:nowrap;cursor:pointer;border:0;background:url(/uploads/mig_site/img/ext/img-echosting-cafe24-com/skin/mobile_ko_KR/layout/btn_search.png) no-repeat 0 0;background-size:34px 43px;}#main #header .header{position:relative;width:100%;text-align:left;background:#fff;}#main #header h1{height:65px;line-height:62px;padding:0;text-align:center;}#main #header h1 img{max-height:35px;vertical-align:middle;}#main #topArea .searchWrap{border-bottom:1px #e0e0e0 solid;}.mainNav{position:relative;width:100%;}.mainNav ul{overflow:hidden;border-bottom:1px #e0e0e0 solid;}.mainNav ul:last-child{border-bottom:1px #303030 solid;}.mainNav ul li{width:25%;height:38px;line-height:37px;text-align:center;float:left;border-right:1px #e0e0e0 solid;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.mainNav ul li:last-child{border:none;}.mainNav ul li a{display:block;color:#303030;font-size:11px;letter-spacing:-0.05em;}.mainNav ul.main{border-bottom:1px #e0e0e0 solid;}.mainBann{width:100%;margin:0 auto;}.mainBann img{ width:100%;}.main_ctbnr{margin-bottom:-40px;}.main_ctbnr ul{overflow: hidden;}.main_ctbnr ul li{float: left;width:50%;}.main_ctbnr ul li img{ width:100%;}#contents{position:relative;background-color:#fff;}.btnTop{display:none;position:fixed;top:0;left:50%;z-index:100;margin:0 0 0 -36px;border:1px solid #d6d6d7;border-top:0;border-radius:0 0 3px 3px;opacity:0.9;background:#616161 url(/uploads/mig_site/img/ext/img-echosting-cafe24-com/skin/mobile_ko_KR/layout/bg_btntop.png) no-repeat 90% 7px;background-size:12px 12px;}.btnTop a{display:inline-block;height:29px;padding:0 26px 0 10px;line-height:29px;color:#fff;}.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);}#titleArea{position:relative;border-bottom:1px solid #c2c2c2;background-color:#fff;}#titleArea h2{padding:0 61px;line-height:43px;font-size:15px;color:#2e2e2e;text-align:center;}.xans-layout-mobileaction{position:absolute;top:6px;left:14px;}.txtWarn{color:#f45b55;}.txtEm{color:#008bcc;}.gBlank7{display:block;margin-top:7px;}.ec-base-field{display:-webkit-flex;display:-ms-flex;display:flex;}.ec-base-field input[type="text"]{-webkit-flex:1;-ms-flex:1;flex:1;}.ec-base-field input ~ [class*='btn']{margin-left:5px;}input,textarea,select{max-width:100%;font-size:13px;font-family:'Nanum Gothic',Helvetica,Arial,sans-serif;color:#333;vertical-align:middle;outline:0;border-radius:0;}input[type=text],input[type=password],input[type=number],input[type=tel],textarea{padding:10px;font-size:13px;line-height:13px;font-weight:inherit;color:#353535;border:1px solid #d7d5d5;border-radius:2px;outline-style:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}input[type=text],input[type=password],input[type=number],input[type=tel]{height:29px;}input[type="file"]{overflow:hidden;max-width:100%;}input[type="button"],input[type="text"],input[type="password"],input[type="tel"],input[type="image"],textarea{-webkit-appearance:none;}select{max-width:100%;height:29px;margin:0;padding:0 20px 0 8px;line-height:29px;font-size:13px;color:#333;word-break:break-all;font-weight:inherit;border:1px solid #d7d5d5;border-radius:0;background:#fff url(/uploads/mig_site/img/ext/img-echosting-cafe24-com/skin/mobile/common/ico_select.gif) no-repeat 100% 49%;background-size:auto 40px;-webkit-appearance:none;}select.disabled,select:disabled,textarea.disabled,textarea:disabled{color:#bcbcbc;}textarea{resize:none;line-height:1.2em;}textarea.disabled{background-color:#ffffff;color:#bfbfbf;}input[type="checkbox"]{width:18px;height:18px;border:0;background:url(/uploads/mig_site/img/ext/img-echosting-cafe24-com/skin/mobile/common/bg_checkbox.png) no-repeat 0 0;background-size:18px 18px;-webkit-appearance:none;}input[type="radio"]{width:18px;height:18px;border:0;border-radius:50%;background:url(/uploads/mig_site/img/ext/img-echosting-cafe24-com/skin/mobile/common/bg_radio.png) no-repeat 0 0;background-size:18px 18px;-webkit-appearance:none;}input[type="checkbox"]:checked{background-image:url(/uploads/mig_site/img/ext/img-echosting-cafe24-com/skin/mobile/common/bg_checkbox_checked.png);-webkit-appearance:none;}input[type="radio"]:checked{background-image:url(/uploads/mig_site/img/ext/img-echosting-cafe24-com/skin/mobile/common/bg_radio_checked.png);-webkit-appearance:none;}label{display:inline-block;margin:0 7px 0 0;min-height:20px;line-height:20px;font-size:13px;vertical-align:middle;cursor:pointer;}input[type=radio] + label,input[type=checkbox] + label{margin:0 7px 0 4px;}label input[type=radio],label input[type=checkbox]{margin:0 4px 0 0;}label:last-child,input[type=radio] + label:last-child,input[type=checkbox] + label:last-child{margin-right:0;}.ec-base-paginate{text-align:center;}.ec-base-paginate.typeList{padding:14px 0;font-size:0;line-height:0;}.ec-base-paginate.typeList ol{margin:0 14px;}.ec-base-paginate.typeList ol,.ec-base-paginate.typeList ol li{display:inline-block;vertical-align:middle;}.ec-base-paginate.typeList ol li:not(:first-child){margin:0 0 0 7px;}.ec-base-paginate.typeList ol li a{display:inline-block;width:31px;height:27px;border:1px solid #d9d9d9;border-radius:2px;font-size:15px;line-height:27px;color:#1b1b1b;vertical-align:middle;background:#fff;}.ec-base-paginate.typeList ol li .this{border-color:#303030;color:#303030;}.ec-base-paginate.typeList [class*='btn']{display:inline-block;overflow:hidden;width:31px;height:27px;border:1px solid #d9d9d9;border-radius:2px;font-size:1px;line-height:0;text-indent:-9999em;vertical-align:middle;background:#fff;background-repeat:no-repeat;background-position:50% 50%;background-size:7px auto;}.ec-base-paginate.typeList .btnPrev{background-image:url(/uploads/mig_site/img/ext/img-echosting-cafe24-com/skin/mobile/layout/btn_prev.png);}.ec-base-paginate.typeList .btnNext{background-image:url(/uploads/mig_site/img/ext/img-echosting-cafe24-com/skin/mobile/layout/btn_next.png);}.ec-base-paginate.typeMoreview{margin:0 auto;}.ec-base-paginate.typeMoreview .btnMore{display:block;padding:12px 0;border-top:1px solid #f1f1f1;border-bottom:1px solid #d5d5d5;color:#757575;font-weight:bold;background:#fff;}.ec-base-paginate.typeMoreview .icoMore{display:inline-block;margin:0 0 0 8px;width:13px;height:8px;font-size:0;line-height:0;vertical-align:baseline;background:url(/uploads/mig_site/img/ext/img-echosting-cafe24-com/skin/mobile/layout/btn_more.png) no-repeat 0 50%;background-size:13px auto;}.ec-base-help{margin:8px 4px;font-size:12px;color:#757575;}p.ec-base-help,div.ec-base-help,ul.ec-base-help li,ol.ec-base-help li{padding:0 0 2px 18px;line-height:1.5;text-align:left;background:none no-repeat 0 2px;background-size:14px auto;}ol{list-style:none;}ol.ec-base-help{counter-reset:rank 0;}ol.ec-base-help li{position:relative;padding:0 0 0 13px;background:none;}ol.ec-base-help li:before{counter-increment:rank 1;content:counter(rank)'.';position:absolute;top:0;left:0;}.ec-base-product{padding:0;background-color:#fff;}.ec-base-product h2{max-height:43px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:43px;padding:0 42px 0 14px;background:none no-repeat right 14px top 50%;background-size:13px 8px;cursor:pointer;}.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;}.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"] > li{display:inline-block;margin:0 0 20px;vertical-align:top;text-align:center;font-size:12px;line-height:1.4;}.ec-base-product .thumbnail{position:relative;margin:0 7px 14px;}.ec-base-product .thumbnail a{display:block;}.ec-base-product .thumbnail a img{display:block;width:100%;border:1px solid #ededed;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;font-weight:700;}.ec-base-product .description .icon{margin:0 0 7px;}.ec-base-product .description .icon img{margin:0 4px 0 0;}.ec-base-product .description .color{overflow:hidden;margin: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 .description li.specDesc{color:#888;font-size:11px;margin:0 0 8px;}.ec-base-product .grid2 > li{width:50%;}.ec-base-product .grid3 > li{width:33.333%;}.ec-base-product .grid5 > li{width:20%;}.mainPrd{padding:50px 0 15px;}.mainPrd h3{margin-bottom:25px;font-size:22px;color:#202020;text-align:center;}@media all and (max-width:480px){.ec-base-product .prdList.grid2 > li{width:50%;}.ec-base-product .prdList.grid3 > li{width:33.333%;}.ec-base-product .prdList.grid5 > li{width:20%;}.ec-base-product .grid2 li .name,.ec-base-product .grid3 li .name{font-size:13px;}}@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.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.grid5 > li{width:20%;}.ec-base-product [class*="grid"] li .name{font-size:15px;}}.btnNormal,.btnStrong,.btnBasic,.btnSubmit,.btnEm{display:inline-block;letter-spacing:0;text-align:center;font-family:Verdana,"맑은 고딕",Malgun Gothic,"돋움",Dotum;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 #4a5164;border-bottom-color:#373d4b;background:#303030;}.btnSubmit{height:36px;line-height:36px;padding:0 10px;font-size:13px;color:#fff;border:1px solid #303030;background:#303030;}.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;}.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.gLeft{text-align:left;}.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.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;}@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-box{padding:14px;margin:14px;border:1px solid #d5d5d5;line-height:1.6;color:#757575;background:#fff;}.ec-base-box.center{text-align:center;}.ec-base-tab:after{content:"";display:block;clear:both;}.ec-base-tab ul{display:flex;border-top:1px solid #ececec;border-bottom:1px solid #303030;font-size:13px;line-height:14px;word-break:break-all;}.ec-base-tab li{display:flex;flex:1;min-height:36px;border-left:1px solid #ececec;text-align:center;background:#fff;}.ec-base-tab a{display:flex;flex-basis:100%;justify-content:center;flex-wrap:nowrap;align-items:center;padding:5px 10px;}.ec-base-tab a .number{display:inline-block;padding-left:5px;}.ec-base-tab li:first-child{border-left:0;}.ec-base-tab li.selected a{border-left:0;font-weight:bold;color:#fffffd;background:#303030;}.ec-base-table{border:1px solid #d5d5d5;word-break:break-all;word-wrap:break-word;color:#353535;background:#fff;}.ec-base-table table{position:relative;}.ec-base-table table:after{position:absolute;top:0;left:0;display:block;content:"";width:100%;height:1px;background:#fff;}.ec-base-table th,.ec-base-table td{border-top:1px solid #ececec;font-size:13px;vertical-align:top;}.ec-base-table th{font-weight:normal;color:#757575;}.ec-base-table td{padding:12px 13px;}.ec-base-table tbody th{padding:12px 0 12px 13px;text-align:left;}.ec-base-table.typeWrite td{padding:7px 13px 6px;vertical-align:middle;line-height:27px;}.ec-base-table.typeWrite tr td:first-child{padding:12px 13px;}.ec-base-table.typeWrite img{max-width:100% !important;height:auto !important;}.ec-base-table.typeList{border-width:0;}.ec-base-table.typeList table:after{display:none;}.ec-base-table.typeList thead th{text-align:center;background:#fafafa;}.ec-base-table.typeList th,.ec-base-table.typeList td{padding:9px 10px;vertical-align:middle;border:1px solid #d7d5d5;}.ec-base-table .left{text-align:left;}.ec-base-table .center{text-align:center;}.ec-base-table .right{text-align:right;}.ec-base-table .top th,.ec-base-table th.top,.ec-base-table .top td,.ec-base-table td.top{vertical-align:top;}.ec-base-table img{vertical-align:middle;}@supports (-webkit-overflow-scrolling: touch){.ec-base-table.typeWrite td{line-height:28px;}}