/* /css/pc-common.css — PC 기본 공통(리셋·ec-base·xans 공용 모듈). 원래 페이지마다 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,p,blockquote,th,td,img{margin:0;padding:0;}html{width:100%;height:100%;}body,code{font:0.75em 'Noto Sans KR',sans-serif,'LotteMartDream',Verdana,Dotum,AppleGothic;color:#353535;background:#fff;}body{min-width:1480px;}img,fieldset{border:none;vertical-align:top;}th,td{border:0;vertical-align:top;}button{overflow:visible;padding:0;margin:0;border:0;cursor:pointer;}hr.layout{display:none;}a{text-decoration:none;color:#333;transition:all .3s ease;}a:hover{}a:active{text-decoration:none;}table.nneditor-table{width:auto !important;}#skipNavigation{position:absolute;top:0;left:0;z-index:100;width:100%;height:0;}#skipNavigation p,#skipNavigation ul,#skipNavigation ul li{height:0;}#skipNavigation p a{position:absolute;left:0;top:0;display:block;overflow:hidden;width:1px;height:1px;margin-left:-1px;margin-bottom:-1px;text-align:center;color:#000;white-space:nowrap;}#skipNavigation p a:focus,#skipNavigation p a:hover,#skipNavigation p a:active{width:100%;height:auto;padding:10px 0;background:#c4122f;color:#fff;z-index:100;}.displaynone{display:none;}.dimmed{position:fixed;top:0;left:0;z-index:99;width:100%;height:100%;background:#fff;opacity:0.8;filter:alpha(opacity=80);}#header .inner:after{content:"";display:block;clear:both;}#header .topArea{height:50px;padding:10px 0 0;text-align:center;*zoom:1;}#header .topArea:after{content:"";display:block;clear:both;}#header .special{float:left;margin:40px 0 0 180px;border-left:0px solid #d8d8d8;}#header .special ul{float:left;}#header .special li{float:left;margin:0px 0 0 0px;background:none no-repeat ;}#header .special a{display:block;padding:0px 30px 0px 10px;border-right:0px solid #d8d8d8;text-decoration:none;font-weight:normal;font-size:12px;font-family: 'NanumGothic',"맑은고딕","Malgun Gothic",Dotum,"돋음",sans-serif;color:#919191;}#header .special a:hover{color:#c6008c;padding-bottom:0px;border-bottom:0px solid #008bcc;}#header .link{position:absolute;left:0;top:0;height:35px;line-height:35px;}#header .link > a,#header .link > span{float:left;}#header .link > a{margin:0 9px 0 0;padding:0 10px 0 0;color:#666;text-decoration:none;background:none no-repeat 100% 12px;}#header .link > span img{vertical-align:middle;}#wrap{position:relative;width:100%;margin:0px auto 0;font-family: 'NanumGothic',"맑은고딕","Malgun Gothic",Dotum,"돋음",sans-serif;}#container{width:80%;margin:0 auto;*zoom:1;}#container:after{content:"";display:block;clear:both;}#sidebar{float:left;width:180px;}#sidebar .banner{padding:20px 0 20px;}#sidebar .banner p a{display:block;}#contents{float:right;width:100%;}#banner{position:absolute;top:0;left:-190px;width:90px;margin:-25px 0 0 200px;z-index:10;}#footer{position:relative;margin:40px 0 0 0;border-top:1px solid #e8e8e8;border-bottom:45px solid #e8e8e8;}#footer:before{position:absolute;top:44px;left:0;content:"";width:100%;height:0;border-bottom:1px solid #e8e8e8;}#footer .inner{overflow:hidden;position:relative;width:1218px;margin:0 auto -45px;*zoom:1;}#footer .inner:after{content:"";display:block;clear:both;}.path{overflow:hidden;height:50px;margin:-12px 0 0 0;line-height:30px;*zoom:1;}.path h2{overflow:hidden;position:absolute;width:0;height:0;white-space:nowrap;}.path ol{float:right;}.path li{float:left;padding:0 0 0 12px;margin:0 0 0 8px;color:#757575;background:url(/uploads/mig_site/img/ext/img-echosting-cafe24-com/skin/base_ko_KR/common/ico_path.gif) no-repeat 0 10px;}.path li:first-child{background:none;}.path li a{color:#757575;}.path li strong,.path li strong a{color:#2e2e2e;}.titleArea{width:1000px;min-height:30px;margin:80px auto 20px;border-bottom:1px solid #e8e8e8;}.titleArea h2{display:inline-block;padding:0 0 0 12px;color:#2e2e2e;font-size:16px;*display:inline;*zoom:1;background:url(/uploads/mig_site/img/ext/img-echosting-cafe24-com/skin/base_ko_KR/common/ico_heading.gif) 0 2px no-repeat;}.titleArea p{display:inline-block;margin:0 0 0 6px;padding:0 0 0 10px;color:#939393;background:url(/uploads/mig_site/img/ext/img-echosting-cafe24-com/skin/base_ko_KR/common/ico_title.gif) no-repeat 0 0;*display:inline;*zoom:1;}.titleArea ul{padding:5px 0;color:#939393;line-height:18px;}.titleArea ul li{padding:0 0 0 9px;background:url(/uploads/mig_site/img/ext/img-echosting-cafe24-com/skin/base_ko_KR/common/ico_info.gif) no-repeat 4px 7px;}.boardMain{overflow:hidden;*zoom:1;}.boardMain td img{vertical-align:middle;margin:1px;}.boardMain .board{position:relative;margin:0 0 65px;}.boardMain .leftArea{float:left;width:50%;}.boardMain .leftArea .board{margin:0 23px 65px 0;}.boardMain .rightArea{float:right;width:50%;}.boardMain .rightArea .board{margin:0 0 65px 23px;}.boardMain .board h3{margin:0 0 13px;height:28px;font-size:16px;color:#2e2e2e;border-bottom:2px solid #626672;}.boardMain .board .btnLink{position:absolute;top:3px;right:0;}.boardMain .board .ec-base-table.typeList td{color:#a4a4a4;}.boardMain .board .ec-base-table.typeList td.title a,.boardMain .board .ec-base-table.typeList td.title a:hover{color:#4f4f4f;}.boardMain .board .galleryList{overflow:hidden;}.boardMain .board .galleryList ul{overflow:hidden;margin:0 -10px;}.boardMain .board .galleryList li{float:left;position:relative;width:20%;padding:0 0 12px 0;word-break:break-all;}.boardMain .board .galleryList li span{display:block;margin:0 10px;font-size:11px;color:#a4a4a4;}.boardMain .board .galleryList li .imgLink,.boardMain .board .galleryList li .imgLink:hover{display:block;margin:0 10px 5px;font-size:12px;}.boardMain .board .galleryList li .imgLink img{width:100%;max-height:110px;border:1px solid #ededed;}span.ec-base-help,p.ec-base-help,ul.ec-base-help li{margin:2px 9px;padding:1px 0 1px 20px;line-height:1.4;background:none no-repeat 0 2px;}div.ec-base-help{margin:20px 0;border:1px solid #d6d4d4;line-height:18px;}div.ec-base-help > h2,div.ec-base-help > h3{padding:9px 0 6px 10px;border-bottom:1px solid #e8e7e7;color:#101010;font-size:12px;background:#fbfbfb;}div.ec-base-help .inner{padding:0 9px 12px;}div.ec-base-help h4{margin:22px 0 -4px;color:#404040;font-size:12px;font-weight:normal;}div.ec-base-help h4:first-child{margin-top:13px;}div.ec-base-help p{margin:15px 0 0 10px;color:#707070;}div.ec-base-help ul,div.ec-base-help ol{margin:15px 0 0 11px;}div.ec-base-help li{color:#707070;}div.ec-base-help ol li{padding:0 0 0 25px;background:none no-repeat;}div.ec-base-help ul li{padding:0 0 0 11px;background:none no-repeat 0 7px;}.ec-base-product{margin:22px 0 0;}.ec-base-product .title{margin:0 0 17px;}.ec-base-product .title h2{font-weight:normal;font-size:20px;color:#2e2e2e;text-align:center;}.ec-base-product .title h3{font-weight:normal;font-size:20px;color:#2e2e2e;text-align:center;}.ec-base-product img{vertical-align:middle;}.ec-base-product a[href^='/product/detail.html'] > img{border:1px solid #ececec;}.ec-base-product .prdList{width:100%;min-width:756px;margin:-20px 0 0;font-size:0;line-height:0;}.ec-base-product .prdList > li{position:relative;display:inline-block;margin:30px 0 20px;color:#757575;vertical-align:top;}.ec-base-product .prdList .chk{position:absolute;top:-10px;left:0;right:0;display:block;margin:0 0 10px;}.ec-base-product .prdList .thumbnail{position:relative;margin:10px 7px;text-align:center;}.ec-base-product .prdList .thumbnail .prdImg{position:relative;}.ec-base-product .prdList .thumbnail a img{max-width:100%;box-sizing:border-box;}.ec-base-product .prdList .thumbnail .wish{position:absolute;right:3px;bottom:4px;z-index:1;cursor:pointer;}.ec-base-product .prdList .thumbnail .prdIcon{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;}.ec-base-product .prdList .thumbnail .icon{margin:10px 0 0;border-bottom:1px solid #e8e8e8;vertical-align:middle;}.ec-base-product .prdList .thumbnail .icon:after{content:"";display:block;clear:both;}.ec-base-product .prdList .thumbnail .button{float:right;margin:0 0 4px;}.ec-base-product .prdList .thumbnail .button img{margin:0 2px 0 0;cursor:pointer;}.ec-base-product .prdList .thumbnail .button .option{display:inline;position:relative;}.ec-base-product .prdList .thumbnail .button .likeButton{display:inline-block;margin:0 5px;}.ec-base-product .prdList .thumbnail .button .likeButton button{font-family:verdana;color:#9a9a9a;letter-spacing:-1px;background:none;}.ec-base-product .prdList .thumbnail .button .likeButton button img{margin:0;vertical-align:middle;}.ec-base-product .prdList .thumbnail .button .likeButton button strong{height:16px;vertical-align:middle;}.ec-base-product .prdList .thumbnail .button .likeButton.selected button{color:#353535;}.ec-base-product .prdList .description{margin:0 auto;padding:0 7px;font-size:12px;line-height:18px;text-align:center;}.ec-base-product .prdList .description .name{display:block;text-align:left;font-weight:normal;}.ec-base-product .prdList .description .name a{color:#2e2e2e;}.ec-base-product ul.grid2 > li{width:50%;}.ec-base-product ul.grid3 > li{width:33.33%;}.ec-base-product ul.grid5 > li{width:20%;}.ec-base-product ul.grid3 > li .color{max-width:230px;}.ec-base-product ul.grid5 > li .color{max-width:130px;}.ec-base-product ul.grid2 li:after{content:"";display:block;clear:both;}.ec-base-product ul.grid2 li .thumbnail{float:left;width:220px;text-align:left;margin:0;}.ec-base-product ul.grid2 li .description{float:left;width:247px;padding:0 20px;}.ec-base-product ul.grid2 li .description .chk{position:static;text-align:left;}.ec-base-product .spec{margin:0;}.ec-base-product .spec li{text-align:left;}.ec-base-product .spec li .title{font-weight:normal;vertical-align:top;}.ec-base-product .spec li .title span{vertical-align:top;}.ec-base-product .spec li .color{overflow:hidden;display:inline-block;margin:3px 0 0 0;}.ec-base-paginate{margin:30px 0;text-align:center;font-size:0;line-height:0;}.ec-base-paginate ol{display:inline-block;font-size:0;line-height:0;vertical-align:top;*display:inline;*zoom:1;*margin:0;}.ec-base-paginate li{display:inline-block;margin:0 0 0 -1px;border:1px solid #d7d5d5;font-size:12px;color:#757575;vertical-align:top;*display:inline;*zoom:1;}.ec-base-paginate li:first-child{margin-left:0;}.ec-base-paginate img{vertical-align:top;}.ec-base-paginate li a{display:block;width:33px;padding:9px 0;font-weight:bold;color:#939393;line-height:14px;background:#fff;}.ec-base-paginate li a:hover{text-decoration:none;background:#f0f2f2;}.ec-base-paginate li a.this{padding-bottom:6px;border-bottom:3px solid #495164;color:#495164;}.ec-base-tab{position:relative;}.ec-base-tab .menu{margin:0 0 20px;border:1px solid #cbcdce;border-bottom-color:#202020;border-left:0;background:#f2f2f2;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}.ec-base-tab .menu:after{content:"";display:block;clear:both;}.ec-base-tab .menu li{float:left;border-left:1px solid #cbcdce;background:#f2f2f2;}.ec-base-tab .menu li a{display:block;min-width:187px;margin:0 0 0 -1px;padding:12px 5px 11px;border-right:1px solid #cbcdce;color:#707070;text-decoration:none;outline:0;text-align:center;background:#f2f2f2;}.ec-base-tab .menu li:first-child a{margin-left:0;}.ec-base-tab .menu li.selected a{position:relative;top:-1px;left:-2px;margin:0 0 -1px;border:1px solid #202020;border-bottom:0;color:#fff;font-weight:bold;background:#4a5164;}.ec-base-tab .menu li.selected:first-child a{left:-1px;}.ec-base-tab > .right{position:absolute;top:8px;right:10px;line-height:24px;color:#909090;}.ec-base-tab[class*="grid"] .menu{display:table;table-layout:fixed;width:100%;}.ec-base-tab[class*="grid"] .menu li{float:none;display:table-cell;vertical-align:middle;}.ec-base-tab[class*="grid"] .menu li a{display:inline-block;width:100%;min-width:0;margin:0;padding:11px 0;border:0;}.ec-base-tab[class*="grid"] .menu li.selected{position:relative;top:0;right:-1px;border:1px solid #292929;border-bottom:0;background:#4a5164;}.ec-base-tab[class*="grid"] .menu li:first-child.selected{right:0;}.ec-base-tab[class*="grid"] .menu li.selected a{position:static;background:none;}.ec-base-tab.grid2 .menu li{width:50.5%;}.ec-base-tab.grid3 .menu li{width:34%;}.ec-base-tab.grid5 .menu li{width:20.5%;}[class^='btnNormal'],a[class^='btnNormal']{display:inline-block;box-sizing:border-box;padding:2px 8px;border:1px solid #d1d1d1;border-radius:2px;font-family:"굴림",Gulim;font-size:12px;line-height:18px;font-weight:normal;text-decoration:none;vertical-align:middle;word-spacing:-0.5px;letter-spacing:0;text-align:center;white-space:nowrap;color:#222;background-color:#fff;transition:all .3s ease;}[class^='btnSubmit'],a[class^='btnSubmit']{display:inline-block;box-sizing:border-box;padding:2px 8px;border:1px solid transparent;border-radius:2px;font-family:"굴림",Gulim;font-size:12px;line-height:18px;font-weight:normal;text-decoration:none;vertical-align:middle;word-spacing:-0.5px;letter-spacing:0;text-align:center;white-space:nowrap;color:#fff;background-color:#333;transition:all .3s ease;}[class^='btnEm'],a[class^='btnEm']{display:inline-block;box-sizing:border-box;padding:2px 8px;border:1px solid transparent;border-radius:2px;font-family:"굴림",Gulim;font-size:12px;line-height:18px;font-weight:normal;text-decoration:none;vertical-align:middle;word-spacing:-0.5px;letter-spacing:0;text-align:center;white-space:nowrap;color:#fff;background-color:#84868b;transition:all .3s ease;}[class^='btnBasic'],a[class^='btnBasic']{display:inline-block;box-sizing:border-box;padding:2px 8px;border:1px solid #d1d1d1;border-radius:2px;font-family:"굴림",Gulim;font-size:12px;line-height:18px;font-weight:normal;text-decoration:none;vertical-align:middle;word-spacing:-0.5px;letter-spacing:0;text-align:center;white-space:nowrap;color:#222;background-color:#f0f0f0;transition:all .3s ease;}[class^='btnNormal']:not(.disabled):hover{background-color:#f3f3f3;}[class^='btnSubmit']:not(.disabled):hover{background-color:#43495a;}[class^='btnEm']:not(.disabled):hover{background-color:#77797d;}[class^='btnBasic']:not(.disabled):hover{background-color:#e5e5e5;}[class^='btnNormal'].disabled{border-color:#e3e3e3;color:#999;}[class^='btnSubmit'].disabled{background-color:#9297a2;color:#f0f0f0;}[class^='btnEm'].disabled{background-color:#b5b6b9;color:#f0f0f0;}[class^='btnBasic'].disabled{color:#999;}[class^='btn'].sizeS{padding:6px 8px;}[class^='btn'].sizeM{padding:10px 16px;}[class^='btn'].sizeL{padding:14px 16px;min-width:80px;font-weight:bold;}[class^='btn'][class*='Fix']{width:72px;word-break:keep-all;word-wrap:break-word;}[class^='btn'][class*='Fix'].sizeS{width:96px;}[class^='btn'][class*='Fix'].sizeM{width:120px;padding-left:8px;padding-right:8px;}[class^='btn'][class*='Fix'].sizeL{width:160px;padding-left:8px;padding-right:8px;}a.btnLink{color:#222;}a.btnLink:hover{text-decoration:none;-webkit-box-shadow:0 1px 0 0 #222;-moz-box-shadow:0 1px 0 0 #222;box-shadow:0 1px 0 0 #222;}a.btnLink:after{content:"";display:inline-block;margin:-2px -2px 0 3px;vertical-align:middle;border:0 0 0 10px;border-style:solid;border-color:transparent transparent transparent #77797d;}[class^='btn'] i{display:none \0/IE8;}[class^='btn'] img{margin:-2px 1px 0;vertical-align:middle;}.btnLogin,a.btnLogin{display:inline-block;text-align:center;padding:10px 0;border:1px solid #ccc;transition:all .3s ease;}.btnLogin:hover{background-color:#43495a;color:#fff;}.ec-base-button{padding:10px 0;text-align:center;}.ec-base-button:after{display:block;content:"";clear:both;}.ec-base-button .gLeft{float:left;text-align:left;}.ec-base-button .gRight{float:right;text-align:right;}.ec-base-button .text{margin:0 6px 0 10px;color:#353535;line-height:24px;}.ec-base-button.typeBG{padding:10px 20px;border:1px solid #d7d5d5;background:#fbfafa;}.ec-base-button[class*="gColumn"]{margin:0 auto;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;}.ec-base-button[class*="gColumn"]:after{display:none;}.ec-base-button[class*="gColumn"] [class^='btn']{margin:0 2px;padding-left:8px;padding-right:8px;word-break:keep-all;word-wrap:break-word;white-space:normal;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;transition:all .3s ease;}.ec-base-button[class*="gColumn"] [class^='btn']:hover{background:#fa5757;color:#fff;}.ec-base-button[class*="gColumn"] [class^='btn'][class*='Fix']{-webkit-flex:none;-moz-flex:none;-ms-flex:none;flex:none;}.ec-base-box{padding:20px;margin-left:auto;margin-right:auto;border:5px solid #e8e8e8;color:#404040;}.ec-base-box.typeThin{border-width:1px;border-color:#d7d5d5;}.ec-base-box.typeThin h3.boxTitle{margin:0 0 20px;font-size:20px;text-align:center;}.ec-base-box.typeThinBg{border-width:1px;border-color:#d7d5d5;background-color:#fbfafa;}.ec-base-box.center{text-align:center;}.ec-base-box.typeThinBg > .agree{padding:20px;border:1px solid #e6e6e6;background:#fff;}.ec-base-box.typeThinBg > .agree p{padding:0 0 17px;}.ec-base-box .message{display:block;padding:10px 0 10px 35px;border-bottom:1px solid #e8e7e7;background:#fbfbfb none no-repeat 10px center;}.ec-base-table table{position:relative;margin:10px 0 0;border:1px solid #d7d5d5;border-top:0;color:#fff;line-height:1.5;}.ec-base-table table:before{position:absolute;top:0;left:0;display:block;content:"";width:100%;height:1px;background:#d7d5d5;}.ec-base-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-base-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-base-table th{word-break:break-all;word-wrap:break-word;}.ec-base-table th:first-child{border-left:0;}.ec-base-table td{padding:11px 10px 10px;border-top:1px solid #dfdfdf;color:#353535;vertical-align:middle;word-break:break-all;word-wrap:break-word;}.ec-base-table.typeWrite td{padding:8px 10px 7px;}.ec-base-table.typeWrite img{max-width:100% !important;height:auto !important;}.ec-base-table.typeList table{border-top:1px solid #d7d5d5;}.ec-base-table.typeList table:before{display:none;}.ec-base-table.typeList td{padding:8px 10px 7px;}.ec-base-table.typeList tfoot td{padding:15px 10px 17px;background:#fbfafa;}.ec-base-table .message{border:1px solid #d7d5d5;padding:50px 0;text-align:center;color:#757575;font-weight:bold;}.ec-base-table table + .message{margin:-1px 0 0;}.ec-base-table table td.message{padding:50px 0;}.ec-base-table .scroll .message{border:0;}.ec-base-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-base-table.typeList .head td:first-child{border-left:0;}.ec-base-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-base-table.typeList .scroll table{border:0;margin:0;}.ec-base-table.typeList .scroll table:before{display:none;}.ec-base-table.typeList .scroll .message{border:0;}.ec-base-table thead.blind,.ec-base-table thead.blind th{display:none;}.ec-base-table thead.blind + tbody tr:first-child th,.ec-base-table thead.blind + tbody tr:first-child td{border-top-width:0;}.ec-base-table.typeList.gLine table{border-width:0;border-bottom-width:1px;}.ec-base-table.gBorder td{border-left:1px solid #dfdfdf;}.ec-base-table.gBorder td:first-child{border-left:0;}.ec-base-table.typeList.gBorder tbody td{border-color:#eee;}.ec-base-table .left{text-align:left;}.ec-base-table .center{text-align:center;}.ec-base-table .right{text-align:right;}.ec-base-table.typeList .center td,.ec-base-table.typeList td.center{padding-left:0;padding-right:0;}.ec-base-table.typeList .center td.left{padding-left:10px;}.ec-base-table.typeList .center td.right{padding-right:10px;}.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;}@media print{.ec-base-table table:before{display:none;}}.view{overflow: hidden;position: relative;text-align: ;cursor:default;}.xans-layout-logotop{margin:10px auto 0;position:relative;width:321px;height:58px;z-index:9;}.xans-layout-logotop img{max-width:321px;margin:0px 0 0px;max-height:58px;}li{list-style:none;}table{width:100%;border:0;border-spacing:0;border-collapse:collapse;}caption{display:none;}h1,h3{margin:0;}