
/**********************************************************************************************************************************************************************

    기본제공된 CSS를 추가 / 수정한 파일입니다. 해당 소스를 수정하시면 디자인이 깨질수 있습니다.

**********************************************************************************************************************************************************************/



/***     common.css     ***/

    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 { list-style:none; margin:0; padding:0; }
    html { width:100%; height:100%; }
    body,code,button,input,label,select,td,textarea {
        zoom:1;
        line-height:1.4em;
        font:12px 'Nanum Gothic','Roboto','Verdana','Open Sans','Dotum','AppleGothic','돋움','Dotum','Helvetica','sans-serif','xeicon' !important; 
        color:#333;
        -webkit-overflow-scrolling: touch;
        -webkit-font-smoothing: antialiased;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        text-size-adjust: 100%;
	}
    body { min-width:100% !important; height:100%; overflow-y:scroll !important; background:none !important; }
    /* 1260px 이하 */
    @media all and (max-width:1260px){
        body { min-width:1000px !important; }
    }
    input,select,textarea,button { outline:none !important; }
	a { color:#333; text-decoration:none; outline:0; }
	a:focus,a:active,a:hover { color:#000; text-decoration:none; }

    .clearfix { *zoom:1; }
    .clearfix:after { content:""; display:block; clear:both; height:0; overflow:hidden; visibility:hidden; }
    .leftArea { float:left; }
    .rightArea { float:right; }

    /* menu */
    .menu-group{*zoom:1}
    .menu-group:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
    .menu-group li{float:left;}
    .menu-group-center{text-align:center;font-size: 0;}
    .menu-group-center li{display:inline-block;*display:inline;*zoom:1;font-size: 12px;letter-spacing: normal;word-spacing: normal;}



/***     layout.css     ***/

    /* Layout */
    #header { background:none !important; }
    #wrap { position:relative; width:100%; }
    #container { position:relative; width:100%; *zoom:1; }
    #container:after { content:""; display:block; clear:both; }
    #contents_main { position:relative; width:100%; }
    #contents { position:relative; left:50%; width:1030px; min-height:920px; margin:0 0 0 -400px; padding:0 0 30px; }
    /* 1260px 이하 */
    @media all and (max-width:1260px){
        #contents { width:760px; margin:0 0 0 -270px; }
    }

    /* 탐색경로바 (우측정렬) */
    .path ol { float:right; }


    /* Main */
    #boardArea { overflow:hidden; margin:50px 0 0; border-top:1px solid #d8d8d8; }
    #bannerArea { margin:22px 0 0; }
    #bannerArea h2 { margin:0 0 16px; font-weight:normal; font-size:20px; color:#2e2e2e; text-align:center; }
    
    /* 탐색경로바 */
    .path { display:block; position:relative; top:10px; overflow:hidden; *zoom:1; height:27px; margin:0 0 10px; }
    .path span { overflow:hidden; position:absolute; width:0; height:0; white-space:nowrap; text-indent:100%; }
    .path ol { float:right; /*우측정렬*/}
    .path li:first-child { margin:0; padding:0; background:none; }
    .path li:first-child a { padding:0 6px 0 8px; background:url("/_wg/img/_ico/path_home.png") no-repeat 0 6px; font-size:0; }
    .path li { float:left; height:27px; line-height:25px; padding:0 0 0 12px; margin:0 0 0 8px; color:#333; background:url("http://img.echosting.cafe24.com/skin/base/layout/ico_path.gif") no-repeat 0 8px; }
    .path li a { display:block; height:27px; line-height:25px; color:#333; transition:all .3s ease; -webkit-transition:all .3s ease; }
    .path li a:hover { opacity:.5; text-decoration:none; }
    
    /* 타이틀 */
    .titleArea { min-height:30px; margin:10px 0 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("http://img.echosting.cafe24.com/skin/base/layout/ico_heading.gif") 0 50% no-repeat; }
    .titleArea p { display:inline-block; margin:0 0 0 6px; padding:0 0 0 10px; color:#999; background:url("http://img.echosting.cafe24.com/skin/base/layout/ico_bar.gif") no-repeat 0 0; *display:inline; *zoom:1; }
    .titleArea ul { padding:5px 0; color:#999; line-height:18px; }
    .titleArea ul li { padding:0 0 0 9px; background:url("http://img.echosting.cafe24.com/skin/base/common/ico_square2.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 .more { position:absolute; top:0; right:0; padding:2px; }
    .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; }
    
    /* 퀵뷰 모달 */
    #modalBackpanel { display:none; position:absolute; top:0; left:0; z-index:10000; width:100%; height:100%; background:#000; }
    #modalContainer { display:none; position:absolute; top:100px; left:100px; z-index:10001; width:975px; height:720px; border:1px solid #333; background:#fff; }
    #modalContainer #modalContent { width:100%; height:100%; }





/***     ec-base-product.css ( 상품리스트 )     ***/

    /* 공통 */
    .ec-base-product { position:relative; width:1260px; margin:0 auto 80px; padding:0 10px; }
    /* 1260px 이하 */
    @media all and (max-width:1260px){
        .ec-base-product { width:980px; }
    }

    /* 타이틀 */
    .ec-base-product h2 { display:block; margin:0 auto 40px; text-align:center; font-size:20px; color:#111; }
    .ec-base-product h2 span { display:block; margin:0 0 3px; text-align:center; font-size:13px; font-weight:400; color:#888; }
    .ec-base-product h2 strong { color:#dd2537; }
    .ec-base-product h2 img { width:100%; }


    /* 리스트 */
	.ec-base-product img { vertical-align:middle; }
    .ec-base-product a[href^='/product/detail.html'] > img { border:0; }
    
    .ec-base-product .prdList { display:table; position:relative; left:-10px; width:103%; padding:0 0 0 10px; min-width:756px; font-size:0; line-height:0; }
    .ec-base-product .prdList > li { position:relative; display:inline-block; *display:inline; *zoom:1; color:#333; vertical-align:top; font-size:12px; line-height:17px; }
 
    /* 진열방식 */
    .ec-base-product ul.grid2 > li { width:610px; margin:5px 40px 60px 0; }
    .ec-base-product ul.grid3 > li { width:400px; margin:5px 30px 50px 0; }
    .ec-base-product ul.grid4 > li { width:300px; margin:5px 20px 40px 0; }
    .ec-base-product ul.grid5 > li { width:235px; margin:5px 21.5px 40px 0; }
    .ec-base-product ul.grid6 > li { width:190px; margin:5px 24px 40px 0; }

        /* 내부리스트 */
        .ec-base-product.normal ul.grid2 > li { width:500px; margin:5px 29px 60px 0; }
        .ec-base-product.normal ul.grid3 > li { width:323px; margin:5px 30px 50px 0; }
        .ec-base-product.normal ul.grid4 > li { width:242px; margin:5px 20px 40px 0; }
        .ec-base-product.normal ul.grid5 > li { width:190px; margin:5px 20px 40px 0; }
        .ec-base-product.normal ul.grid6 > li { width:155px; margin:5px 20px 30px 0; }

    /* 1260px 이하 */
    @media all and (max-width:1260px){
    .ec-base-product ul.grid2 > li { width:470px; margin:5px 40px 60px 0; }
    .ec-base-product ul.grid3 > li { width:310px; margin:5px 25px 50px 0; }
    .ec-base-product ul.grid4 > li { width:230px; margin:5px 20px 40px 0; }
    .ec-base-product ul.grid5 > li { width:180px; margin:5px 20px 40px 0; }
    .ec-base-product ul.grid6 > li { width:180px; margin:5px 20px 40px 0; }
        
        /* 내부리스트 */
        .ec-base-product.normal ul.grid2 > li { width:365px; margin:5px 29px 60px 0; }
        .ec-base-product.normal ul.grid3 > li { width:239px; margin:5px 20px 50px 0; }
        .ec-base-product.normal ul.grid4 > li { width:239px; margin:5px 20px 40px 0; }
        .ec-base-product.normal ul.grid5 > li { width:178px; margin:5px 15px 30px 0; }
        .ec-base-product.normal ul.grid6 > li { width:178px; margin:5px 15px 30px 0; }
    }

    /* 체크박스 */
    .ec-base-product .prdList .chk { display:none; position:absolute; z-index:10; left:0; top:-25px; margin:0; }
    .ec-base-product .prdList .chk input[type="checkbox"] { width:20px; height:20px; }

    /* 썸네일 */
    .ec-base-product .prdList .thumbnail { position:relative; width:100%; height:100%; margin:0 0 10px; font-size:0; line-height:0; }
    .ec-base-product .prdList .thumbnail a img { width:100%; max-width:100%; box-sizing:border-box; }

    /* 옵션 버튼 */
    .thumbnail .list_button { position:absolute; z-index:10; bottom:0; left:4px; *zoom:1; visibility:hidden; filter:alpha(opacity=0); opacity:0; -webkit-opacity:0; }
    .prdList li:hover .list_button { bottom:4px; visibility:visible; filter:alpha(opacity=100); opacity:1.0; -webkit-opacity:1.0; }
    .thumbnail .list_button span { position:relative; width:25px !important; margin:2px 0 0; cursor:pointer; text-align:center; font-size:11px; }
    .thumbnail .list_button img { width:100%; outline:none !important; }
    .thumbnail .list_button .basket img { content:url('/_wg/img/_btn/list_basket.png'); }
    .thumbnail .list_button .option img { content:url('/_wg/img/_btn/list_option.png'); }
        /* 캡션 */
        .thumbnail .list_button span:hover { background:rgba(0,0,0,.4); background:#999 \9; }
        .thumbnail .list_button span:hover:after { position:absolute; top:0px; left:25px; width:60px; height:25px; line-height:25px; background:rgba(0,0,0,.3); background:#aaa \9; color:#fff; }
        .thumbnail .list_button .zoom:hover:after { content: "새창보기"; }
        .thumbnail .list_button .basket:hover:after { content: "장바구니"; }
        .thumbnail .list_button .option:hover:after { content: "옵션보기"; }
        .thumbnail .list_button .wish:hover:after { content: "관심상품"; }

    /* 꾸미기 아이콘 */
    .thumbnail .prdIcon { position:absolute; z-index:5; top:0; left:-9px; width:80px; height:80px; background-repeat:no-repeat; }

    .ec-base-product .prdList .description { display:block; font-size:12px; line-height:18px; }
    .ec-base-product .prdList .description .name { display:block; margin:0 0 10px 5px; word-break:break-all; line-height:20px; font-weight:bold; }
    .ec-base-product .prdList .description .name a:hover { text-decoration:none; }
    .ec-base-product .prdList .description .line { display:block; height:0px; line-height:0; margin:0 0 10px; border-top:1px solid #eee; }
    .ec-base-product .prdList .description .status { position:relative; display:block; margin:0 0 0 5px; line-height:0; *zoom:1; }
    .ec-base-product .prdList .description .status:after { content:""; display:block; clear:both; }

    /* 컬러칩 */
    .ec-base-product .prdList .description .colorChip { margin:0 0 0 6px; }
    .ec-base-product .prdList .description .chips { display:inline-block; *display:inline; *zoom:1; width:12px; height:5px; margin:5px 2px 8px; vertical-align:top; }
    .ec-base-product .prdList .description .chips:first-child { margin:5px -1px 8px; }

    /* 아이콘 */
    .ec-base-product .prdList .description .icon { margin:10px 0 0 0; vertical-align:middle; }
    .ec-base-product .prdList .description .icon:after { content:""; display:block; clear:both; }
    .ec-base-product .prdList .description .icon img { margin:0 7px 0 0; }

    .ec-base-product .prdList .description .mileage { display:block; }
    .ec-base-product .prdList .description span.grid { display:block; }

    /* module="product_ListItem" */
    .ec-base-product .spec { position:relative; }
    .ec-base-product .spec li { margin:0 0 5px 5px; line-height:17px; }
    .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 .discountPeriod { display:inline-block; z-index:10; position:relative; width:55px; height:19px; vertical-align:middle; }
    .ec-base-product .layerDiscountPeriod { left:50%; top:26px; width:247px; margin:0 0 0 -124px; }
    .ec-base-product .layerDiscountPeriod strong.title { display:block; margin:0 0 12px; padding:0 35px 0 0; font-weight:bold; color:#2e2e2e; }
    .ec-base-product .layerDiscountPeriod .content p { margin:2px 0 0; font-size:11px; color:#000; line-height:16px; color:#757575; letter-spacing:-1px; }
    .ec-base-product .layerDiscountPeriod .content p strong { font-weight:normal; font-size:12px; color:#2e2e2e; }
    .ec-base-product .layerDiscountPeriod .content p strong span { font-size:11px; }

    /* 배송비레이어 */
    .ec-base-product .prdList .shippingFee { position:relative; display:inline-block; }
    .ec-base-product .prdList .shippingFee .button { display:inline-block; float:none; }
    .ec-base-product .prdList .shippingFee .ec-base-tooltip { z-index:11; display:block; margin:0 0 0 -170px; width:360px; }
    .ec-base-product .prdList .shippingFee .ec-base-tooltip table th { width:40px; }
    .ec-base-product .prdList .shippingFee .ec-base-tooltip table th,
    .ec-base-product .prdList .shippingFee .ec-base-tooltip table td { padding:7px 10px 8px 10px; }
    
    /* 배송비 차등부과 레이어 */
    .ec-base-product .btnTooltip { position:relative; display:inline-block; }
    .differentialShipping { display:none; overflow:hidden; position:absolute; left:50%; top:17px; z-index:100; width:350px; margin:0 0 0 -176px; }
    .differentialShipping h3.title { margin:0; height:35px; padding:0 35px 0 19px; border:0; color:#fff; font-size:14px; line-height:35px; background:#495164; }
    .differentialShipping .content { padding:12px 18px 14px 18px; border:1px solid #757575; border-top:0; text-align:center; background:#fff; }
    .differentialShipping .close { position:absolute; right:14px; top:12px; }
    .differentialShipping .close img { cursor:pointer; }
    .differentialShipping .content ul { color:#757575; line-height:25px; }
    .differentialShipping .content li { overflow:hidden; }
    .differentialShipping .content li strong { float:left; font-weight:normal; }
    .differentialShipping .content li span { float:right; color:#2e2e2e; }
    .differentialShipping .content .info { margin:7px 0 0; padding:7px 0 0; border-top:1px dotted #b0b1b3; color:#80aeef; text-align:right; }
    
    /* 썸네일 아이콘 위치 */
    .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; }

    /* 추가이미지보기 */
    .prdList .d_thumb { position:absolute; width:100%; height:100%; top:0; }
    .prdList .d_thumb .img { position:relative; height:100%; overflow:hidden; }
    .prdList .d_thumb .img li { position:absolute; width:100%; height:100%; left:100%; }
    .prdList .d_thumb .img li:first-child { left:0; }

    .prdList .d_thumb .btn { position:absolute; bottom:5px; width:100%; text-align:center; font-size:0; opacity:0; -webkit-opacity:0; transition:all .3s ease; -webkit-transition:all .3s ease; }
    .prdList .d_thumb.on .btn { bottom:10px; opacity:1.0; -webkit-opacity:1.0; }
    .prdList .d_thumb .btn li { display:inline-block; *display:inline; *zoom:1; width:8px; height:8px; margin:0 3px; border-radius:10px; background:#aaa; cursor:pointer; text-indent:-9999px; }
    .prdList .d_thumb .btn li.on { background:#111; }

    .prdList .d_thumb .arrow { display:none/*사용안함*/; position:absolute; top:50%; margin-top:-10px; cursor:pointer; font-size:12px; opacity:0; transition:opacity .3s ease; }
    .prdList .d_thumb.on .arrow { opacity:1; }
    .prdList .d_thumb .prev { left:5px; }
    .prdList .d_thumb .next { right:5px; }
    .prdList .d_thumb.on .prev { left:2px; }
    .prdList .d_thumb.on .next { right:2px; }

    /* 롤오버 이미지 */
    .prdList .roll_thumb img { width:100%; max-width:100%; }
    .prdList .roll_thumb .on { position:absolute; z-index:2; top:0; left:0; filter:alpha(opacity=0); opacity:0; -webkit-opacity:0; }
    .prdList .roll_thumb:hover .on { filter:alpha(opacity=100); opacity:1.0; -webkit-opacity:1.0; }

    /* 확대 이미지 */
    .prdList .big_thumb { overflow:hidden; }
    .prdList .big_thumb img { width:100%; transition:all .3s ease; -webkit-transition:all .3s ease; transform:scale(1,1); -webkit-transform:scale(1,1); }
    .prdList .big_thumb:hover img { transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); }



    /** 추천상품 랭킹 **/
    .xans-product-listrecommend .ranking { display:table; width:105%; margin-bottom:10px; font-size:0; line-height:0; }
    .xans-product-listrecommend .ranking li { position:relative; display:inline-block; *display:inline; *zoom:1; width:252px; }
    .xans-product-listrecommend .ranking li p { width:55px; height:55px; margin:0 auto; border-radius:100%; -webkit-border-radius:100%; -ms-border-radius:100%; background:#111; font-family:'arial'; font-size:18px; font-weight:bold; line-height:20px; color:#fff; text-align:center; }
    .xans-product-listrecommend .ranking li span { display:block; padding-top:7px; font-size:12px; line-height:17px; font-weight:normal; color:#bbb; }
    /* 1260px 이하 */
    @media all and (max-width:1260px){
        .xans-product-listrecommend .ranking li { width:196px; }
    }

    /* 상품분류 리스트 폭변경(기획전)  */
    .ec-base-product.normal,
    .ec-base-timeSale.normal,
    .ec-base-product.special { width:100% !important; margin:0 0 0 -10px; }

    /* 상품상세 > 관련상품 */
    .xans-product-additional .ec-base-product .prdList { left:-20px !important; }






/***     ec-base-paginate.css     ***/
    
    /* 공통 css */

    .ec-base-paginate img { display:none !important; }

    .ec-base-paginate > a { display:inline-block !important; width:34px !important; height:34px; background-position:50% 50%; transition:all .3s ease; -webkit-transition:all .3s ease; }
    .ec-base-paginate > a:hover { filter:alpha(opacity=30); opacity:.3; -webkit-opacity:.3; }
    .ec-base-paginate > a:first-child { background:url('/_wg/img/_btn/btn_page_first.gif') no-repeat; }
    .ec-base-paginate > a:nth-child(100n+2) { background:url('/_wg/img/_btn/btn_page_prev.gif') no-repeat; }
    .ec-base-paginate > a:nth-child(100n+4) { background:url('/_wg/img/_btn/btn_page_next.gif') no-repeat; }
    .ec-base-paginate > a:last-child { background:url('/_wg/img/_btn/btn_page_last.gif') no-repeat; }

    .ec-base-paginate li { margin:0; border:0 !important; line-height:0; vertical-align:top; }
    .ec-base-paginate li a:hover { background:#fff !important; }
    .ec-base-paginate li a.this { padding-bottom:12px !important; border-bottom:2px solid #333 !important; color:#333 !important; }

    
    /* typeSub */
    .ec-base-paginate.typeSub ol { display:inline-block; font-size:0; line-height:0; margin:0 !important; vertical-align:top !important; *display:inline; *zoom:1; *margin:0; }
    .ec-base-paginate.typeSub li { margin:0; border:0; line-height:0; vertical-align:top; }
    .ec-base-paginate.typeSub img { vertical-align:top !important; }
    .ec-base-paginate.typeSub li a { display:inline-block !important; width:34px !important; height:34px; line-height:34px; padding:0 !important; background-position:50% 50%; transition:all .3s ease; -webkit-transition:all .3s ease; color:inherit !important; }
    .ec-base-paginate.typeSub li a.this { padding-bottom:5px !important; border-bottom:2px solid #333 !important; color:#333 !important; text-decoration:none; }
    .ec-base-paginate.typeSub .first { margin-right:0 !important; }
    .ec-base-paginate.typeSub .last { margin-left:0 !important; }






/***     ec-base-table.css     ***/

    /* 공통 css */
    .ec-base-table table { position:relative; margin:10px 0 0; border:1px solid #d7d5d5; border-right:0; border-left:0; border-top-color:#fff; color:#fff; line-height:1.5; }
      .ec-base-table.gLayoutFixed table { table-layout:fixed; }
      .ec-base-table.gLayoutFixed .gLayoutAuto table { table-layout:auto; }
    .ec-base-table table:before { position:absolute; top:1px; 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-right:0; border-bottom-width:0; color:#353535; text-align:left; font-weight:normal; background-color:#fbfafa; }
    .ec-base-table th:first-child { border-left:0; }
    .ec-base-table td { line-height:30px !important; padding:11px 10px 10px; border-top:1px solid #dfdfdf; color:#353535; vertical-align:middle; }
    .ec-base-table td.clear { padding:0 !important; border:0 !important; } /* 여백, 테두리 상쇄 */
    
    /* 가로형 */
      /* 쓰기 타입 */
        .ec-base-table.typeWrite td { padding:10px 10px 9px; }
    
    /* 세로형 */
      /* 목록 타입 */
        .ec-base-table.typeList table { border-top-color:#d7d5d5; }
        .ec-base-table.typeList table:before { display:none; }
        .ec-base-table.typeList tr:hover { background:#fbfbfb; }
        .ec-base-table.typeList th { border-left: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 #ddd; border-right:0; border-left:0; padding:50px 0; text-align:center; color:#555; 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; }
      /* thead - blind */
        .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.typeClear table:before { display:none; }
        .ec-base-table.typeClear table,
        .ec-base-table.typeClear th,
        .ec-base-table.typeClear td { border:0 none; background:none; }
        .ec-base-table.typeClear th { font-weight:bold; }
      /* 셀 테두리 */
        .ec-base-table.gBorder td { border-left:none; }
        .ec-base-table.gBorder td:first-child { border-left:0; }
      /* 정렬 */
        .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 .middle th, .ec-base-table th.middle,
        .ec-base-table .middle td, .ec-base-table td.middle { vertical-align:middle; }
      /* 폼태그 */
        .ec-base-table img { margin:0 4px 0 0; vertical-align:middle; }
    
    @media print {
      .ec-base-table table:before { display:none; }
    }


    /** 게시판 추가 내용 **/
    /* 상품 리스트 */
    .ec-base-table .subject .product_name { line-height:14px; font-size:11px; color:#bbb; }
    

    /* 게시판 타이틀 이미지 */
    .xans-board-title p.imgArea img { width:100%; margin:0 0 20px; }


	/* 탭메뉴 */
    .boardSort #board_category { display:none; }
    .DB_board_cate { display:block; min-height:0; margin:0 0 5px; text-align:center; background:url('/_wg/img/_bar/bar_row_90.png') repeat-x bottom; }
    .DB_board_cate li { display:inline-block; letter-spacing:0; vertical-align:top; }
    .DB_board_cate li a { display:block; min-width:100px; height:35px; line-height:35px; margin:0 0 0 -1px; padding:0 10px; border:1px solid #e8e8e8; border-bottom:none; background:#f6f6f6; color:#888; text-align:center; font-size:12px; transition:all .3s ease; -webkit-transition:all .3s ease; }
    .DB_board_cate li a:hover { text-decoration:none; background:#f1f1f1; color:#111; }
    .DB_board_cate li.true a { position:relative; z-index:1; margin:-4px 0 0 -1px; height:40px; line-height:40px; border:1px solid #555; border-bottom:none; background:#fff; font-weight:700; color:#111; font-size:13px; }


    /** listPackage.css ( 게시판리스트 ) **/
    .xans-board-listpackage .ec-base-table .thumb { position:relative; }
    .xans-board-listpackage .ec-base-table .reviewImg { position:absolute; z-index:1; left:10px; top:8px; }
    .xans-board-listpackage .ec-base-table .thumb a { display:block; width:50px; background-size:50px 100%; overflow:hidden; }
    .xans-board-listpackage .ec-base-table .thumb img { width:100% !important; }


    /** readPackage.css(게시판 상세보기) **/
    .xans-board-read .ec-base-table .detail,
    .xans-board-commentlist .boardComment li .comment { line-height:20px;}
    .xans-board-read .ec-base-table .detail img:first-child { /*display:none; 리스트이미지는 안보이고 싶을때 */ }
    .xans-board-read .ec-base-table .detail img { margin:0 0 1px/*이미지간의 간격1px만*/; }
    /* 1265px 이하 */
    /* 이미지 가로 값이 980px을 넘지 못하게 */
    @media all and (max-width:1265px){
        .xans-board-read .ec-base-table .detail img { max-width:920px !important; }
    }


    /** listPackage_gallery.css ( 갤러리리스트 ) **/
    /* 갤러리형 탭메뉴 */
    ul.xans-board-listheader-8 { text-align:right; margin:0 0 10px; }
    ul.xans-board-listheader-8 li { display:inline; }
    
    /* list */
    .xans-board-listpackage-8 { margin:0 0 20px; }

    /* 갤러리 리스트 */
    .xans-board-listpackage-8 .gallery_list { clear:both; overflow:hidden; }
    .xans-board-listpackage-8 .gallery_list ul { display:block; min-width:756px; margin:-20px 0 0; font-size:0; line-height:0; letter-spacing:-5px; }
    .xans-board-listpackage-8 .gallery_list li { position:relative; display:inline-block; *display:inline; *zoom:1; width:25%; margin:20px 0; padding:10px 0 0; font-size:12px; color:#333; line-height:18px; vertical-align:top; letter-spacing:0; }
    .xans-board-listpackage-8 .gallery_list li .boardChk { position:absolute; z-index:1; top:22px; left:23px; width:22px; height:22px; display:block; }
    .xans-board-listpackage-8 .gallery_list li .imgLink { position:relative; display:block; width:92%; max-height:400px; margin:0 auto 10px; outline:1px solid #ddd; overflow:hidden; transition:outline .3s ease; -webkit-transition:outline .3s ease; }
    .xans-board-listpackage-8 .gallery_list li:hover .imgLink { outline:1px solid #333; }
    .xans-board-listpackage-8 .gallery_list li .imgLink img { width:100%; }
    .xans-board-listpackage-8 .gallery_list li .description { width:90%; margin:0 auto; color:#999; font-size:11px; }
    .xans-board-listpackage-8 .gallery_list li .description a { color:#333; font-size:12px; }
    .xans-board-listpackage-8 .gallery_list li strong { font-weight:normal; }
    .xans-board-listpackage-8 .gallery_list li em { display:block; font-style:normal; }
    .xans-board-listpackage-8 .xans-board-buttonlist-8 { padding:15px 20px 15px 0; text-align:right; }
    
    /* 게시글 없음, 검색결과없음 */
    .boardListEmpty { padding:0 0 20px; text-align:center; }

    /* 글쓰기창의 높이 변경 */
    #content_IFRAME { min-height:700px !important; }





/***     readPackage.css     ***/

    /* read - 상품 */
    .xans-board-product.ec-base-box.typeProduct { margin:0 0 20px; }
    .xans-board-product.ec-base-box.typeProduct .thumbnail { width:150px; }
    .xans-board-product .thumbnail img { width:150px !important; max-width:150px !important; }
    .xans-board-product .information img { margin:0 5px 0 0 !important; }
    .xans-board-product .information h3 { margin:17px 0 5px; font-size:15px; color:#555; font-weight:normal; }
    .xans-board-product .information .price { font-size:14px; font-weight:bold; color:#111 !important; }
    .xans-board-product .information .button { margin:19px 0 0 0; padding:13px 0 0 0; border-top:1px solid #e8e8e8; }

	/* 팬시박스(상품후기) */
    .read-pop .leftArea,.read-pop .rightArea{width:49%;padding:0 0.5%;}
    .read-pop .leftArea img{width:100%;}
    .read-pop {min-height:700px;}

    .read-pop .xans-board-product .information .button { margin:19px 0 0 0; padding:13px 0 0 0;  }

    .read-pop .xans-board-readpackage-8 .ec-base-box{border:none;border-bottom:1px dashed #9c9c9c;}
    .read-pop .xans-board-readpackage-8 .ec-base-table table{border:none;}
    .read-pop .xans-board-readpackage-8 .ec-base-table td{border:none;border-bottom:1px dashed #9c9c9c;}
    .read-pop .xans-board-read .ec-base-table .detail{border:none;}
    .read-pop .xans-board-readpackage-8 .ec-base-table .date{text-align:right;color:#ababab;}
    .read-pop .xans-board-readpackage-8 .ec-base-table table:before{display:none;height:0;}





/***     ec-base-button.css     ***/

    /* type */
    .ec-base-button.typeBorder { margin-top:-1px; padding:10px 20px; border:1px solid #e8e8e8 !important; }
    .ec-base-button.typeBG { padding:10px 20px; border:1px solid #e8e8e8 !important; background:#f4f4f4 !important; }





/***     /css/module/myshop/bankbook.css ( 마이쇼핑 )     ***/
	.xans-myshop-asyncbankbook .use { color:#333 !important; }

/***     /css/module/myshop/orderState.css ( 마이쇼핑 )     ***/
	.xans-myshop-orderstate .desc em { color:#333 !important; font-weight:bold; }
	.xans-myshop-orderstate .order .count { color:#333 !important; }
	.xans-myshop-orderstate .cs .count { color:#333 !important; }

/***     /css/module/myshop/main.css ( 마이쇼핑 )     ***/
	#myshopMain .shopMain { width:18.2% !important; margin:0 0 20px 1.5% !important; padding:40px 0 !important; }
    #myshopMain .shopMain p a { font-size:11px !important; }





/***     optionPreview.css ( 옵션미리보기창 )     ***/
    .xans-product-optionpreview { display:inline; }
    .xans-product-optionpreview .prdOption { position:absolute; left:50%; top:20px; z-index:20; width:240px; margin:0 0 0 -14px; padding:15px 0 0 0; cursor:default; }
    .xans-product-optionpreview .prdOption::before { content: "옵션 미리보기"; position:absolute; z-index:30; top:38px; left:18px; font-size:13px; font-weight:bold; }
    .xans-product-optionpreview .prdOption .inner { display:block; padding:40px 15px 15px; border:1px solid #333; color:#333; background:#fff; }
    .xans-product-optionpreview .prdOption ul { display:block; max-height:190px; }
    .xans-product-optionpreview .prdOption li { display:block; line-height:17px; padding:10px 0 3px 3px; border-top:1px solid #eee; text-align:left; font-size:11px; letter-spacing:-0.05em; }
    .xans-product-optionpreview .prdOption li:first-child { border-top:0; }
    .xans-product-optionpreview .prdOption .ico { position:absolute; left:50%; top:10px; width:9px; height:7px; margin:0 0 0 -110px; background:url('/_wg/img/_ico/ico_option_arrow.gif') no-repeat; }
    .xans-product-optionpreview .prdOption .close a { position:absolute; right:10px; top:25px; width:20px; height:20px; text-align:center; background:url('/_wg/img/_btn/btn_x_11.png') no-repeat 50% 50%; cursor:pointer; }




/***     쿠폰     ***/
    .couponZone { position:relative; z-index:2; width:100%; margin:20px 0 50px; }
    .couponZone:after { content:""; display:block; clear:both; *zoom:1; }

    /* 타이틀 */
    .couponZone > .title { margin:0 0 10px; overflow:hidden; *zoom:1; border-bottom:1px solid #e8e8e8; }
    .couponZone .title h3 { display:inline-block; padding:0 0 0 12px; color:#2e2e2e; font-size:14px; *display:inline; *zoom:1; background:url("http://img.echosting.cafe24.com/skin/base/layout/ico_heading.gif") 0 50% no-repeat; }
    .couponZone .title p.btn_download { float:right; margin:0 0 5px; }

    /* 전체쿠폰버튼 */
    .couponZone #btn_all_coupondown { position:absolute; top:-55px; right:3px; }
    
    /* 쿠폰리스트 */
    .couponZone .couponSkinArea ul { zoom:1; margin:0 auto; text-align:center; }
    .couponZone .couponSkinArea ul:after { content:""; display:block; clear:both; }
    .couponZone .couponSkinArea ul li { display:inline-block; *display:inline; *zoom:1; width:280px; padding:0; list-style:none; }
    .couponZone .couponSkinArea ul.grid { width:100%; }
    .couponZone .couponSkinArea ul.grid li { margin:0 5px; }
    
    .couponZone .couponSkinArea .coupon { position:relative; width:280px; height:180px; font-size:12px; line-height:1.5; text-align:center; background-repeat:no-repeat; cursor:pointer; }
    .couponZone .couponSkinArea .coupon img { border:0; }
    .couponZone .couponSkinArea .coupon .detail { display:block; padding:25px 0 0 20px; color:#333; }
    .couponZone .couponSkinArea .coupon .discount { display:block; margin:0 0 5px; font-size:27px !important; font-weight:400 !important; text-decoration:none; letter-spacing:-0.03em !important; color:#333 !important; }
    .couponZone .couponSkinArea .coupon .title { display:block; margin:0 0 5px; font-size:14px !important; font-weight:700 !important; }
    .couponZone .couponSkinArea .coupon .period { display:block; font-size:12px; font-weight:400; color:#555 !important; }
    .couponZone .couponSkinArea .coupon .button { position:absolute; bottom:0 !important; left:50% !important; width:140px !important; margin:0 0 0 -69px !important; }

    /* 체크버튼 */
    .couponSkinArea .coupon .chkBtn { position:absolute; left:-10px; top:4px; }

    .couponZone .couponSkinArea .imgCoupon .title,
    .couponZone .couponSkinArea .imgCoupon .discount,
    .couponZone .couponSkinArea .imgCoupon .period,
    .couponZone .couponSkinArea .imgCoupon .button { display:none; }
    
    /* 쿠폰정보 레이어 */
    #dCouponDetail { overflow:hidden; position:relative; z-index:100; width:398px; border:1px solid #757575; background:#fff; box-shadow:5px 5px 5px #d3d3d3; }
    #dCouponDetail h3 { height:35px; padding:0 35px 0 19px; color:#fff; font-size:14px; line-height:35px; background:#333; }
    #dCouponDetail h3 + a { position:absolute; right:20px; top:10px; }
    #dCouponDetail ul { padding:16px 10px 17px 20px; margin:25px 19px; background:#f5f5f5; }
    #dCouponDetail ul li { margin:7px 0 0; color:#2e2e2e; line-height:18px; }
    #dCouponDetail ul li:first-child { margin-top:0; }
    #dCouponDetail ul + a { display:block; padding:12px 0; text-align:center; border-top:1px solid #d7d5d5; background:#fbfafa; }




/***     탭공통 - /layout/basic/css/ec-base-tab.css     ***/
	.ec-base-tab .menu li.selected a { background:#333 !important; }
	.ec-base-tab.typeLight .menu li.selected a { background:#fff !important; }




/***     주문서작성     ***/
	.xans-order-form .payArea .total .price input#total_price { font-size:25px !important; font-weight:bold !important; }
